#one{ background-color: red; }
.ann-logo{ position: fixed; top:1%; right:1%; }
.main-content.layer {
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    bottom: 0;
    height: 100vh;
    overflow: hidden;
}
.nav {
    display: block;
    flex-wrap: wrap;
    padding-left: 0;
    flex-direction: column;
    padding-top: 100px;
}
.event-details {
    position: absolute;
    top: 1%;
    right: 3%;
    z-index: 9;
}
.event-details img{max-width:200px;}
.main-content.layer.layer1{background-image: url(../images/bg-main.jpg);}
.slide-man{ position: absolute; top:0px; left:15%;  transform-origin: center top;
    animation: swing 1.9s ease-in-out infinite alternate; }
@keyframes swing {
    from {transform: rotate(-4deg);}
			
}
.main-content .cont-wrap {
    position: absolute;
    top: 10%;
    right: 0;
    left: 0;
    text-align: center;
    max-width: 600px;
    text-align: center;
    margin: 0 auto;
}
.swiper-slide .main-content img.bg {
position: absolute; height: 100%; width: 100%; z-index: 1111; left: 0; top: 0; object-fit: fill; 
}

.bg-layer2{ position: absolute; bottom: 0; z-index: 99;  top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    min-height: 100%;
    min-width: 1024px;
    height: auto;-webkit-animation-name: blink;
     -moz-animation-name: blink;
       -o-animation-name: blink;
          animation-name: blink;
  -webktit-animation-timing-function: linear;
      -moz-animation-timing-function: linear;
        -o-animation-timing-function: linear;
           animation-timing-function: linear;
  -webkit-animation-duration: 0.3s;
     -moz-animation-duration: 0.3s;
       -o-animation-duration: 0.3s;
          animation-duration: 0.3s;
  -webkit-animation-iteration-count: infinite;
     -moz-animation-iteration-count: infinite;
       -o-animation-iteration-count: infinite;
          animation-iteration-count: infinite;}



.btn-ripple
{
    background: linear-gradient(90deg, #c59950, #ece7b4);
    overflow: hidden;
    border-color: #ecdc84;
}



@-webkit-keyframes blink {
  50% {
    opacity: 0;
  }
}
@-moz-keyframes blink {
  50% {
    opacity: 0;
  }
}
@-o-keyframes blink {
  50% {
    opacity: 0;
  }
}
@keyframes blink {
  50% {
    opacity: 0;
  }
}

.title-text{ display: flex;
        align-items: left;
        justify-content: center;
        flex-direction: column;
        width: 100%;
        text-align: left;
        min-height: 100%;
        font-size: 60px;
        color: #fff;
        align-items: center;
        position: absolute;
        z-index: 99;
        text-transform: uppercase;
    }
   .contact-us,#clients {

    background-color: #472215;
    background-image: url(../images/bg-category.png);
    background-repeat: repeat;
    height: 100%;
    background-position: center center;
    width: 100%;

}
.no-pad
{
    padding: 0;
}
.client-title {
    position: absolute;
    top: 10px;
    height: 62px;
    padding: 0 10px;
    line-height: 19px;
    font-size: : 14px;
    left: 0;
    right: 0;
    font-weight: bold;
    font-size: 14px;
}
#support_h {
    z-index: 99;
}
.client-title {
    position: absolute;
    top: 10px;
    height: 62px;
    padding: 0 10px;
    line-height: 19px;
    font-size: : 14px;
    left: 0;
    right: 0;
    font-weight: bold;
    font-size: 14px;
    color: #333;
}
#clients h2{    font-size: 45px;
    text-transform: uppercase;}
    #clients{ padding:100px 0 0 0; }
    #clients .main-content{display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: left;
    justify-content: center;
    flex-direction: column;
    width: 100%;
    text-align: center;
    min-height: 100%;
    font-size: 60px;
    color: #fff;
    align-items: center;
    position: absolute;
    z-index: 99;
    top: 0;
    left: 0;}
div#mix {
    border: 0!important;
}
.client-logo.br{ border-right:1px solid #ccc;}
#clients .client-logo {
    padding: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    overflow: hidden;
    background: #fff;
    height: 120px;
    flex-direction: column;
    padding: 0 10px;
    text-align: center;
    font-weight: bold;
 
    position: relative;
  margin:5px 0 0 0;
}
.client-logo img{   margin-top: 10px;}
.col-6{ width:50%; float: left; }
.card-title{ font-size: 30px;color: #fff; }
.card-text{ font-size: 23px; }
.card-text ,.card-text a{ color: #fff; }
.title-text {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;    align-items: left;
    justify-content: center;
    flex-direction: column;
    width: 100%;
    text-align: left;
    min-height: 100%;
    font-size: 60px;
    color: #fff;
    align-items: center;
    position: absolute;
    z-index: 9999;
    text-transform: uppercase;
}
.bgs{height: 100%; width: 100%; z-index: 1111; left: 0; top: 0; object-fit: fill;}
#two .main-content img.bg ,#three .main-content img.bg {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    min-height: 100%;
    min-width: 1024px;
    height: auto;
}


.title-text a{ color:#fff;}
.title-text.mob{ display:none;}
.title-text.desk{ top:0;}
.contact-content {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: left;
    justify-content: center;
    flex-direction: column;
    width: 100%;
    text-align: center;
    min-height: 100%;
    font-size: 60px;
    color: #fff;
    align-items: center;
    position: absolute;
    z-index: 99;
    top: 0;
    left: 0;
}
.nav__item .link {
    font-weight: 700;
    font-size: 40px;
    padding-left: 30px;
}
.burger.active .burger__line {
    background-color: #333;
}
.nav__item .link:hover,.nav__item .link.active{ color:#fff; text-decoration:none;}
.card-title {
    font-size: 22px;
    color: #fff;
    text-transform: none;
    font-weight: 600;
}


#guidelines img,#categories img{position: absolute; height: 100%; width: 100%; z-index: 1111; left: 0; top: 0; object-fit: fill; }
.grid_masonry {
  --col-gap: 0;
  --row-gap: var(--col-gap);
  --col-count: 1;
  display: grid;
  grid-template-columns: repeat(var(--col-count), 1fr);
  grid-column-gap: var(--col-gap);
}
.grid_masonry .masonry-item:not(:last-child) {
  margin-bottom: var(--row-gap);
}

.grid_masonry {
  --col-gap: 1em;
  --row-gap: 1em;
  margin: 3em auto;
  width: 100%;

  padding: var(--row-gap) 2em;
}
.grid_masonry .masonry-item {

    border: 2px solid #ecdc84;
    padding: 1em;
    background: #30170e;
    box-shadow: 5px 5px 4px #574102;

}


.grid_masonry .masonry-item2 {

    border: 1px solid #ecdc84;
    padding: 1em;
    background: #30170e;
    box-shadow: 5px 5px 4px #574102;
    border-radius: 50%;

}


.grid_masonry .masonry-item3 {

    border: 1px solid #ecdc84;
    padding: 1em;
    background: #30170e;
    box-shadow: 5px 5px 4px #574102;

}
@media (min-width: 400px) {
  .grid_masonry {
    --col-count: 1;
  }
}
@media (min-width: 600px) {
  .grid_masonry {
    --col-count: 2;
  }
}
@media (min-width: 900px) {
  .grid_masonry {
    --col-count: 3;
  }
}
@media (min-width: 1200px) {
  .grid_masonry {
    --col-count: 3;
  }
}
@media (min-width: 1800px) {
  .grid_masonry {
    --col-count: 3;
  }
}
@media (min-width: 2400px) {
  .grid_masonry {
    --col-count: 3;
  }
}
.list-cat{ color:#fff;}
.masonry-content ul{ padding:0 0 0 20px;}
#categories-list,body#guidelines-list{background-color: #472215;
background-image: url(../images/bg-category.png);
background-repeat: repeat; padding:100px 0 0 0;}
#guideline h2{ color:#fff;}
 #guideline .panel-group .panel{
            background-color: #fff;
            border: none;
            border-bottom:5px solid rgba(25, 0, 52, 0.7);
            box-shadow: 0 5px 5px rgba(0,0,0,0.5);
            border-radius: 0px;
            margin-bottom:10px;
            margin-left: 60px;
        }
       #guideline .panel .panel-heading{
            padding: 0;
            border: none;
            border-radius: 0px;
            position: relative;
        }
      #guideline .panel-heading a{
            display: block;
            border:none;
            border-bottom:1px solid transparent;
            padding:15px 20px 15px 30px;
            font-size: 20px;
            background-color:#9D44B5;
            font-weight:600;
            position: relative;
            color:#fff !important;
            box-shadow:none;

        }
      #guideline .panel-heading a:before{
            content: "\f102";
            font-family: fontawesome;
            text-align: center;
            font-size: 18px;
            position: absolute;
            left: -58px;
            top: 0;
            width: 58px;
            height: 58px;
            line-height: 58px;
            background-color:#731DD8;
            border-bottom:5px solid rgba(0,0,0,0.4);
            border-right:2px solid rgba(0,0,0,0.4) ;
            box-shadow: 0 5px 5px rgba(0,0,0,0.5);
            border-radius: 5px 0 0 5px;
            transition:all 0.3s ease 0s;
        }
      #guideline .panel-heading a.collapsed:before{
            content: "\f103";
        }
        #guideline #accordion .panel-body{
            background-color:#9D44B5;
            color:#fff;
            line-height: 28px;
            padding:15px 20px 15px 40px;
            border:none;
            font-size:14px;
            position: relative;
        }
 #guideline .card-header {
    background: #703621;color:#fff;
}
#guideline .card {
    border: 2px solid #ecdc84;
    padding: 0;
    background: #30170e;
    box-shadow: 5px 5px 4px #574102;
color:#fff;
margin:0 0 20px 0;
padding:10px 20px;
}
#register .title-text {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: left;
    justify-content: center;
    flex-direction: column;
    width: 100%;
    text-align: left;
    min-height: 100%;
    font-size: 30px;
    color: #fff;
    align-items: self-start;
    position: absolute;
    z-index: 9999;
    text-transform: uppercase;
    padding: 0 0 0 28px;
    left: 10%;
}
.top-header img{position: relative;
left: 0;
right: 0;
width: 100%;}
.bg-layer2.mob,.slider-pagination.swiper-pagination-progressbar::before,.slide-show-number{ display:none;}
#guidelines img.bg-layer2, #categories img.bg-layer2{width: 80%;
margin: 0 auto;}
.event-details.mob{ display:none;}
.contact .card, .register .card {
    background: #30170e;
    color: #fff;
    width:70%;
}
.register .card-btn{ background:#703621;border:0;outline:0; margin:0 auto; text-align:center; padding:8px 15px; display:block;}
.register .card-btn:hover{ background:rgba(112,54,33,0.8);border:0;outline:0; tranition:2s ease-in all; }
@media (min-width:0px) and (max-width:1024px){
.bg-layer2{ display:none;}
.slide-man{ display:none;}
.main-content {
    height: 350px;
    padding: 100px 0;
}
.main-content img{width: 120%;

    object-fit: cover;
   }
.title-text.mob{ display:block; font-size:40px; text-align:center; padding:100px 0 0 0;}
.title-text.desk{ display:none;}
#categories .main-content, #guidelines .main-content {
    background-image: url(../images/bg-main.jpg);
    background-repeat: no-repeat;
    background-position: center bottom;
}
#categories .main-content img.bg,#guidelines .main-content img.bg{ display:none;}
.contact-content{ position:relative;padding: 160px 0 100px 0;}
.contact-text{font-size:40px; display: block;
font-size: 40px;
text-align: center;
text-transform:normal;
}
.card-title {
    font-size: 20px;
    color: #fff;
padding-top:20px;
}
.event-details{ position:absolute; top:0;right:0;}
.about.cont-wrap{ padding:0 20px;}
.card-text {
    font-size: 16px;
}
.burger {
    width: 30px;
    height: 30px;
    position: relative;
    z-index: 2;
}
#home .main-content{ padding:0;}
.burger.active .burger__line {
    background-color: #333;
}
.nav__list{ padding:0 0 0 20px;}
.nav__item .link {
    font-size: 24px;
}
.nav__item .link:hover,.nav__item .link.active{ color:#fff; text-decoration:none;}

.bg-layer2.desk{ display:none;}
#categories img.bg-layer2.mob {
    display: block;
    height: auto;
    object-fit: none;
    position: static;
    width: 100%;
}
#categories{ background:#251108;}
#categories .main-content {
    height: 291px;
    padding: 0;
}
#categories .title-text.mob,#guidelines .title-text.mob {
    display: block;
    font-size: 40px;
    text-align: center;
    padding: 50px 0 0 0;
}
#register .title-text.desk{display:none;}

#register .title-text.mob{ font-size:20px;position: absolute;
top: 0;}
.event-details{ display:none;}
.event-details.mob {
    display: block;
    position: static;
    top: 1%;
    right: 3%;
    z-index: 9;
    background: #011d2b;
    padding: 50px 0;
}
.event-details.mob img{ margin:0 auto; display:block;}
#register .main-content{padding:10px 0;}
#register .title-text{ width:50%!important; font-size:16px!important;}
#clients .main-content{ height:auto;}
.swiper-slide{overflow:auto;}
#clients{display: block;
height: auto;
overflow: auto;}
#clients .main-content,.client-title{position:relative;}
#clients .main-content img{width:auto;max-width:100%;}
.clients-wrap{background:#fff;}
#clients .client-logo,.client-title{height:auto;}
#support_h{width:100%;}
}
 

@media screen and (max-width:1024px) {
.fa.fa-bars{font-size: 20px;}
    .attend h2 {
    text-align: center;
    font-size: 22px;
    margin: 0;
    padding: 0;
}
.partner .no-pad{padding:0 30px;}
#attend1 ul ul {
    padding: 20px 0 0 20px;
}
#attend1  .btn-register{margin-bottom:20px;}
.partner .client-logo {
    max-width: 280px;
 height:auto;
    margin:0 auto;
padding:10px 0 20px 0;
}
#clients .client-logo, .client-title{  max-width: 280px;
 height:auto;
    margin:0 auto;
padding:10px 0 20px 0;
}
#clients .client-logo{border-bottom:1px solid #ccc;}
.clients-wrap{background:transparent;}
.mt{margin:10px 0 10px 0;}
#mix {
    border-bottom: 1px solid #ccc;
padding-bottom:10px!important;
}
#clients .client-logo {
    border-bottom: 1px solid #ccc!important;
}

.partner .clients-wrap{margin-top:10px;}
.client-logo{border-bottom:1px solid #ccc;}
.client-title {
    position: absolute;
    top: 10px;
    height: 30px;
    padding: 0 10px;
    line-height: 100xp;
    font-size: : 14px;
    left: 0;
    right: 0;
    font-weight: bold;
    font-size: 20px;
    top: 0;
    margin: 0;
    position: relative;
    background: #fff;
    width: 100%;
    max-width: 280px;
margin:0 auto;
}
.speaker-img{padding:100px 0;}
.contact-content {
    position: relative;
    padding: 0;
}
#clients {
    padding: 0;
}
}

a.register-btn {
    background: #ab1c38;
    border: 2px solid #fff;
    color: #fff!important;
    text-transform: uppercase;
    position: fixed;
    bottom: 30px;
    right: 20px;
    font-weight: bold;
    padding: 5px 20px;
    font-size: 18px;
    border-radius: 30px;
    text-decoration: none;
z-index:999;
}


.advertise-btn {
    width: 170px;
    padding: 10px 16px;
    position: fixed;
    bottom: 100px;
    z-index: 99;
    right: 40px;
    background: #bb4759;
    color: #330d35;
    font-weight: bold;
    font-size: 17px;
    border-radius: 55px;
    text-align: center;
}
.advertise-btn:hover{  color:#f59b6c;}
.pulse {
    overflow: visible;
  }

.pulse::before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: inherit;
    border-radius: inherit;
    -webkit-transition: opacity .3s, -webkit-transform .3s;
    transition: opacity .3s, -webkit-transform .3s;
    transition: opacity .3s, transform .3s;
    transition: opacity .3s, transform .3s, -webkit-transform .3s;
    -webkit-animation: pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;
    animation: pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;
    z-index: -1;
}
@-webkit-keyframes pulse-animation {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    50% {
        opacity: 0;
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
    }
}
@keyframes pulse-animation {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    50% {
        opacity: 0;
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
    }
}


h5.card-title.main-t {
    font-size: 18px;
    color: #fff;
    font-weight: bold;
    margin: 20px 0 20px 0;
}

.card-title {
    color: #f59b6c;
    font-weight: bold;
    padding: 0;
    margin: 0;
}
.key-theme .col-md-3{width:50%;}
}

.speaker-block-two{
  position: relative;
  padding: 0 25px;
  margin-bottom: 40px;
}

.speaker-block-two .inner-box{
  position: relative;
  text-align: center;
    overflow: hidden;

}

.speaker-block-two .image-box{
  position: relative;
    overflow: hidden;
}

.speaker-block-two .image-box .image{
  position: relative;
  padding: 12px;
  border-radius: 50%;
  overflow: hidden;
  margin-bottom: 0;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#bb4759+0,f59b6c+100 */
background: #bb4759; /* Old browsers */
background: -moz-linear-gradient(left, #bb4759 0%, #f59b6c 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #bb4759 0%,#f59b6c 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #bb4759 0%,#f59b6c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bb4759', endColorstr='#f59b6c',GradientType=1 ); /* IE6-9 */
     overflow: hidden;

}

.speaker-block-two .image-box .image:after,
.speaker-block-two .image-box .image:before{  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
  height: 0;
  width: 100%;
  background-color: #e62f4b;
  content: "";
  -webkit-transition: all 700ms ease;
  -moz-transition: all 700ms ease;
  -ms-transition: all 700ms ease;
  -o-transition: all 700ms ease;
  transition: all 700ms ease;
}

.speaker-block-two.two .image-box .image:after,
.speaker-block-two.two  .image-box .image:before{
    background-color: #3a95c1;
}
.speaker-block-two.three .image-box .image:after,
.speaker-block-two.three  .image-box .image:before{
    background-color: #871489;
}

.speaker-block-two.four .image-box .image:after,
.speaker-block-two.four  .image-box .image:before{
    background-color: #a118a3;
}

.speaker-block-two.five .image-box .image:after,
.speaker-block-two.five  .image-box .image:before{
    background-color: #d44ebd;
}

.speaker-block-two.six .image-box .image:after,
.speaker-block-two.six   .image-box .image:before{
    background-color: #b436a4;
}

.speaker-block-two.seven .image-box .image:after,
.speaker-block-two.seven  .image-box .image:before{
    background-color: #73dae9;
}

.speaker-block-two.eight .image-box .image:after,
.speaker-block-two.eight   .image-box .image:before{
    background-color: #0099d3;
}

.speaker-block-two.nine .image-box .image:after,
.speaker-block-two.nine   .image-box .image:before{
    background-color: #08a6d6;
}





.speaker-block-two .inner-box:hover .image-box .image:after,
.speaker-block-two .inner-box:hover .image-box .image:before{
  height: 100%;
}

.speaker-block-two .inner-box .image-box .image:after{
  opacity: .40;
  z-index: 1;
  top: auto;
  bottom: 0;
}

.speaker-block-two .image-box .image img{
    position: relative;
  display: block;
    width: 100%;
    height: auto;
    border-radius: 50%;
    z-index: 1;
}

.modal.show .modal-dialog{ max-width:1000px;}
.speaker-block-two .speaker-details{
  position: absolute;
  left: 0;
  right:0;
  text-align:center;
  margin:0 auto;
  bottom: 0;
  color: #fff;
  z-index: 9;
  opacity: 0;
  -webkit-transition: all 700ms ease;
  -moz-transition: all 700ms ease;
  -ms-transition: all 700ms ease;
  -o-transition: all 700ms ease;
  transition: all 700ms ease;
  font-weight: bold;
  height:auto;
  display:inline-block;

}
.speakers .col-md-4{float:left;}

.caption-box{margin:10px 0 0 0;}
.caption-box h4,.caption-box p{margin:0;padding:0;}
.speaker-block-two .speaker-details p {
    padding: 0 20px;
    margin: 0;
    word-break: break-all;
    font-size: 17px;
}
.speaker-block-two .inner-box:hover .speaker-details {
    top: 125px;
    opacity: 1;
}
.caption-box h4{color:#bb4759;font-weight:bold;}

.speakers .main-content{padding: 100px 25px;font-weight:bold;}
.sprow{display:flex;flex-wrap:wrap;justify-content:center;}



.no-pad
{
    padding: 0;
}
.modal-body p {
    color: #333;
}

.speaker-block-two .inner-box {
    margin-bottom: 40px;
}

.about 
{
    background-color: #472215;
}