.mos-img img {display: none !important;}
:root {
 --theme-color: #fd5115;
 --secondary-color: #001a71;
 --title-color: #000000;
 --body-color: #555555;
 --smoke-color: #f3f5fc;
 --light-color: #d3d3d3;
 --black-color: #000000;
 --white-color: #ffffff;
 --yellow-color: #fec624;
 --success-color: #28a745;
 --error-color: #dc3545;
 --border-color: #f1f2f7;
 --main-container: 1290px;
 --container-gutters: 30px;
 --section-space: 120px;
 --section-space-mobile: 80px;
 --section-title-space: 80px;
 --ripple-ani-duration: 5s
}
.event-style1 {
 margin:0 0 80px 0
}
.event-style1 .event-wrap {
 display:flex;
 flex-direction:row-reverse
}
.event-style1 .event-img {
 margin:0 0 70px 0;
 overflow:hidden;
 border-radius:12px
}
.event-style1 .event-content {
 flex:1;
 align-self:flex-end;
 background-color:var(--white-color);
 border:1px solid #e0e0e0;
 margin:0 -195px 0 0;
 padding:50px 40px 50px 40px;
 border-radius: 10px;
 z-index: 3;
 min-width: 500px;
}
.event-style1 .event-label {
 font-size:16px;
 color:#74787c;
 display:block;
 margin:-0.2em 0 3px 0
}
.event-style1 .event-label a {
 color:#74787c;
}
.event-style1 .event-label a:hover {
 color:#f00;
}
.event-style1 .event-title {
 font-weight: 600;
  font-family: El Messiri;
  font-size: 40px;
  line-height: 1;
}
.event-style1 .event-text {
 margin:0 0 27px 0
}
.event-style1 .event-date {
 color:var(--white-color);
 font-weight:600;
 font-size:14px;
 line-height:1;
 text-align:center;
 border-radius:38% 38% 38% 38%/38% 38% 38% 38%;
 width:69px;
 height:69px;
 position:relative;
 z-index:1;
 padding:18px 0;
 margin:0 0 5px 5px;
 display:inline-block;
 vertical-align:middle
}
.event-style1 .event-date:before {
 content:"";
 position:absolute;
 left:0;
 top:0;
 width:100%;
 height:100%;
 border-radius:inherit;
 background-color:var(--theme-color);
 z-index:-1;
 transform:rotate(45deg)
}
.event-style1 .event-date .day {
 font-size:45px;
 display:block
}
.event-style1 .event-author {
 display:inline-flex;
 align-items:center;
 background-color:var(--smoke-color);
 padding:15px;
 border-radius:9999px;
 position:relative;
 z-index:2;
 margin:0 0 0 -5px
}
.event-style1 .event-avater {
 width:60px;
 height:60px;
 overflow:hidden;
 margin:0 15px 0 0;
 border-radius:50%
}
.event-style1 .event-avater img {
 width:100%
}
.event-style1 .event-organizer {
 font-weight:600;
 margin:0
}
.event-style1 .event-nominee {
 font-size:14px;
 font-weight:600;
 margin:0;
 color:#74787c
}
@media(min-width: 991px) {
 .event-style1:nth-child(even) .event-wrap {
  flex-direction:row
 }
 .event-style1:nth-child(even) .event-content {
  margin-right:0;
  margin-left:-195px;
  align-self:flex-start
 }
 .event-style1:nth-child(even) .event-img {
  margin-bottom:0;
  margin-top:70px
 }
}
@media(max-width: 1399px) {
 .event-style1 .event-content {
  padding:40px 40px 40px 40px
 }
}
@media(max-width: 1199px) {
 .event-style1 .event-date {
  font-size:12px;
  width:65px;
  height:65px;
  padding:22px 0
 }
 .event-style1 .event-date .day {
  font-size:36px;
  display:block;
  margin:0 0 5px 0
 }
}
@media(max-width: 991px) {
 .event-style1 {
  margin:0 0 30px 0
 }
 .event-style1 .event-wrap {
  display:block
 }
 .event-style1 .event-img {
  margin:0
 }
 .event-style1 .event-img img {
  width:100%
 }
 .event-style1 .event-content {
  margin:-60px 30px 0 30px;
  position:relative;
  z-index:1
 }
}
@media(max-width: 767px) {
 .event-style1 {
  position:relative
 }
 .event-style1 .event-img {
  margin:0 15px -40px 15px;
  position:relative;
  z-index:2
 }
 .event-style1 .event-content {
  margin:0;
  padding:70px 15px 30px 15px;
  position:static
 }
 .event-style1 .event-author {
  min-width:auto
 }
 .event-style1 .event-date {
  width:-webkit-max-content;
  width:-moz-max-content;
  width:max-content;
  height:auto;
  padding:10px 15px;
  position:absolute;
  top:10px;
  left:30px;
  z-index:4;
  border-radius:10px;
  font-size:14px
 }
 .event-style1 .event-date:before {
  transform:none
 }
 .event-style1 .event-date .day {
  font-size:inherit;
  display:inline-block;
  margin:0
 }
 .event-style1 .event-label {
  font-size:16px;
  margin:-0.2em 0 10px 0
 }
 .event-style1 .event-author {
  padding:10px 30px 10px 10px
 }
}

#mx-loads {
  padding: 20px 0px;
  text-align: center;
  font-size: 1.1rem;
  font-weight: 300;
}

a.showMore {
  display: inline-block;
  font-weight: 600;
  text-transform: uppercase;
  color: white;
  text-decoration: none;
  background-color: #333;
  padding: 13px 25px;
  text-align: center;
  border-radius: 46px;
  font-size: 14px;
}