/* CSS Document */

@font-face {
  font-family: transducer, sans-serif;
  font-weight: 400;
  src: url('https://use.typekit.net/pea8zlp.css') ,
 font-weight:normal;font-style:normal;}

@font-face {
  font-family: transducer, sans-serif;;
  font-weight: 600;
  src: url('https://use.typekit.net/pea8zlp.css') ,
  font-weight:normal;font-style:normal;}
  
/*@font-face {
  font-family: 'SFUIDisplay-Semibold';
  src: url('fonts/SFUIDisplay-Semibold.eot') format('embedded-opentype'),
 url('fonts/SFUIDisplay-Semibold.woff') format('woff'),
url('fonts/SFUIDisplay-Semibold.ttf') format('truetype'),
url('fonts/SFUIDisplay-Semibold.svg') format('svg');font-weight:normal;font-style:normal;}

@font-face {
  font-family: 'SFUIDisplay-Thin';
  src:  url('fonts/SFUIDisplay-Thin.eot') format('embedded-opentype'),
  url('fonts/SFUIDisplay-Thin.woff') format('woff'),
url('fonts/SFUIDisplay-Thin.ttf') format('truetype'),
url('fonts/SFUIDisplay-Thin.svg') format('svg');font-weight:normal;font-style:normal;}

@font-face {
  font-family: 'SFUIDisplay-Medium';
  src:  url('fonts/SFUIDisplay-Medium.eot') format('embedded-opentype'),
  url('fonts/SFUIDisplay-Medium.woff') format('woff'),
url('fonts/SFUIDisplay-Medium.ttf') format('truetype'),
url('fonts/SFUIDisplay-Medium.svg') format('svg');font-weight:normal;font-style:normal;}*/

.main-home{
  display: flex;height: 793px;margin-bottom: 40px;
}
  .half-banner{
      background: url(../images/banner-top.jpg) no-repeat center center;
   width: 100%;background-size: cover;
}
ul.text-left li{padding-left: 20px;}
.cont-box p {
    font-size: 16px;
    line-height: 23px;
}
.cont-box p.boost{min-height: 305px;}
.banner-txt {
    background-position: center;
    background: url(../images/home-right.jpg) no-repeat center center;
    width: 50%;
    background-size: cover;
}
/*.main-box{
  padding-top: 220px;
    margin-left: 33px;
}
*/
/*.main-txt{
    font-size: 59px;
    color: #ffd33e; text-align: center;
    text-transform: uppercase;
    }*/
.main-box h1 {
    margin-bottom: 0px;
    text-transform: uppercase;
    font-size: 55px;
    color: #ffffff;
    text-align: center;
    letter-spacing: 15px;
    font-family: Bebas Neue;
    line-height: 59px;
    margin-bottom: -10px;
}
.date {
    font-size: 42px;
    text-align: left;
    font-weight: 800;
    background: transparent linear-gradient(180deg, #6BD486 0%, #5AC5EB 100%) 0% 0% no-repeat padding-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: block;
    margin: 15px 0px 0px 0px;
    text-transform: uppercase;
    font-family: transducer, sans-serif;
    font-weight: 600;
}
.npd{padding: 0px!important;}
  /*.main-box span{  text-align: left;
    color: #fff; font-family:transducer, sans-serif;
    font-size: 23px;
    text-transform: uppercase;}*/
.home-btn {
    width: 233px;
    text-align: center;z-index: 1;position: relative;
    clear: both;
    font-size: 19px;
    font-family: transducer, sans-serif;
    text-transform: uppercase;
    margin-top: 20px;
    float: none;
    text-transform: uppercase;
    /*display: block;*/
    background: transparent linear-gradient(90deg, #6BD486 0%, #5AC5EB 100%) 0% 0% no-repeat padding-box;
    border-radius: 8px;text-decoration: none;
    color: #fff!important;text-decoration: none;
    padding: 20px 25px;
}
     .home-btn:hover{
      color: #fff;
      text-decoration: none;
       background: transparent linear-gradient(90deg, #5AC5EB 0%, #6BD486 100%) 0% 0% no-repeat padding-box;
     }
.frm-btn {
    font-family: transducer, sans-serif;
    border-radius: 12px;
    color: #fff;
    display: block;
    border: 0px;
    margin: auto;
    width: 100%;
    padding: 15px;
    font-size: 17px;
}
.news-btn{
  background: transparent;
    border: none;
}



    .about h2{
        color: #2B9FDA; text-transform: uppercase;
    font-family: 'Oswald'; font-weight: 600;
      font-size: 58px;margin-bottom: 20px;margin-top: 0px;
    }
.about p {
    font-family: 'Gill Sans MT';
    font-size: 16px;
    color: #000;
    line-height: 21px;
}
.title{
    font-family: 'Oswald';position: relative;
    color: #2B9FDA;
    font-size: 28px; text-transform: uppercase;
}
.title::before {
/*    content: url(../images/abt-quote.svg);*/
    position: absolute;
    left: -170px;
    top: -52px;
}
.js{
    margin: auto;
/*    justify-content: center;*/
    display: flex;
    text-align: center;
padding-bottom: 35px}
    .hmin{
      color: #555555;
    font-size: 39px; display: flex;
    line-height: 47px;
    font-family: 'Oswald';
    text-align: left;
    margin-bottom: 13px;
    }

.txt-color{
  color: #000;
   font-family: 'Oswald';
   font-weight: 600;
}
    ul.overview-list strong{
      font-family:'Gill Sans MT';
    font-size:21px;margin-bottom: 5px;display: block;margin-top: 20px;
    line-height: 25px;
    }

.judges-main{
 background: url(../images/home-right.jpg) no-repeat top center;
    height: 690px;    margin-top: 50px; position: relative;
}


 .judges-main .nbs-flexisel-ul{
margin-top: 50px!important;
 }

 .pt-50{
  padding-top: 50px;
 }


.judges-txt{ font-size: 46px;
    color: #fff; font-family:transducer, sans-serif;
    line-height:51px;
    text-align: left;}

.judges-main p{
 font-family: transducer, sans-serif;
    color: #fff;
    font-size: 16px;}

/*.over{
    color: #fff;
     font-family:transducer, sans-serif;
    font-size: 132px;
    position: absolute;
    right: 0px;
    bottom: -46px;
    opacity: 0.2;}*/
.pol h3{font-size: 25px!important;}
.count{padding:16px 0px;}
.count-box{
    display: flex;justify-content: center;
    list-style: none;}
.count-box li{
    color: #3696CC;font-weight: 600;margin: 0px 22px;
    font-family:transducer, sans-serif;
    font-size:47px;
    padding: 5px;}

.mt-auto{
    margin: auto!important;
}
.awards-main {
   /* background: url(../images/bg-awards.jpg) no-repeat top center;*/
    /* height: 800px; */
    position: relative;
    margin: 0px 0px 50px 0px;
    background-size: cover;
    padding: 40px 0px;
}
.awards-txt {
    font-size: 42px;
    color: #222222; display: block;
    font-family: 'Oswald'; margin-bottom: 20px;
    line-height: 49px; text-transform: uppercase;
    text-align: left;
    font-weight: 600;
}
.awards-main p {
   font-family: 'Gill Sans MT';
    color: #656565;
    font-size: 16px;
    line-height: 24px;
}
.awd-txt{padding: 27px 15px 20px 15px;}
.awd-ul{
   margin-top: 33px;list-style: none;
    display: flex; margin-bottom: 30px;
    flex-wrap: wrap;}

   .awd-ul li{ width: 31.9%; margin-right: 13px;
 box-shadow: 0px 10px 20px #00000029;
    border-radius: 4px;}
    .awd-ul li img{
      width: 100%;
    }

    .awd-txt h3{
    font-family: 'Oswald';
    font-size: 24px;padding: 0;margin: 0;
    color: #555555;
    text-transform: uppercase;}
.awd-sub {
    padding-left: 18px;
    padding-top: 16px;
    list-style: disc;
}
    .awd-sub li{
color:#656565; width: 100%;
 font-family: 'Gill Sans MT';
font-size: 16px; padding-bottom: 6px;
text-align: left;
 box-shadow: 0px 0px 0px;
    }

.winner{
    padding-top: 40px;
    padding-bottom: 40px;
}

    .vid-title {
    color: #3a3a3a;
   font-family: 'Oswald';
    font-weight: 700;
    line-height: 34px;
    font-size: 48px;
    text-transform: uppercase;
    display: block;
    text-align: left;
    margin-bottom: 21px;
}
ul.winner_ul {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    list-style: none;
    margin-top: 30px;
    margin-bottom: 5px;
}
ul.winner_ul li {
    background-color: #fff;
   /* padding: 8px;*/
    /* border: 1px solid #f1f1f1; */
    margin-bottom: 46px;
    width: 15.9%;
    text-align: center;
    margin-right: 8px;
}
.winner_pic img {
    border: 1px solid #f0f0f0; border-radius: 6px; width: 85%;
}
.winner_name {
    color: #000;font-family: 'Gill Sans MT';
    text-align: left;
    font-size: 16px;
    line-height: 20px;
    display: block;font-weight: 600;
    margin: 10px 3px 10px 2px;
}
.winner_cat {
    font-weight: 500;
    text-align: left;
    color: #656565;font-family: 'Gill Sans MT';
    font-size: 14px;
    min-height: 17px;
    display: block;
    margin: 5px 0 0 0;
    padding-bottom: 12px;
   
}

.a-link{
    margin: auto;
    display: block;
    text-align: center;
    color: #1F85B7;
    font-size: 18px
}
.winner_year {
    color: #3b3a3a;
    font-size: 14px;
    display: block;
    margin: 11px 0 0 0;
}
.swiper-slide-active .spk-desc{display: block!important;}
.swiper-slide .spk-desc{display: none;}
.judgeSwiper a{text-decoration: none!important;}
.swiper-btn {
    position: absolute;
    width: 126px;
    margin: auto;
    z-index: 4;
    bottom: 23px;
    right: 7px;
}
.swiper-button-prev {
    width: 50px!important;
    border-radius: 50px;
    height: 50px!important;
    color: #000000!important;
    font-size: 20px;
}
.swiper-button-next {
    width: 50px!important;
    border-radius: 50px;
    height: 50px!important;
    color: #000000!important;
    font-size: 20px;
}
.navbar-nav>li>.dropdown-menu li{margin:10px 0px;}
.navbar-nav>li>.dropdown-menu li:hover{
    background: #00a0d8;
}
.spk-desc p{color: #555555!important;font-size: 15px!important;display: block;margin-top: 6px;}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after{display: none;}
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{display: none;}
.judges p{color:#ffffff;  font-size: 16px;font-family:transducer, sans-serif;line-height: 29px;}
.judges{
    background: url(../images/bg-awards.jpg) no-repeat top center;
    height: 824px;
    position: relative;
    margin:50px 0px 10px 0px;
    background-size: cover;
    padding: 50px 0px;
}
.judgeSwiper .spk-desc strong, .judgeSwiper .spk-desc p{color: #ffffff!important;}
.judgeSwiper .spk-box{background: transparent;}
.judgeSwiper{margin-top: 60px;}
.win-head {
    font-size: 16px;
    font-family:transducer, sans-serif;
    margin-bottom: 10px;
}
.contact-main {
    background: url(../images/bg-awards.jpg) no-repeat top center;
    /* height: 800px; */
    background-size: cover;padding: 50px 0px;
    position: relative;
    
}
.contact-txt{
    font-size: 36px;font-weight: 100;
    color: #fff;
   font-family: 'Gill Sans MT';
    line-height: 41px; display: block;
    text-align: left;  margin-bottom: 20px;}
.contact-txt span{
    color: #3696CC;
}
.bk-title{
color: #FFFFFF;
    font-size: 20px;
    text-align: left;
    font-family: 'Gill Sans MT';
    padding-bottom: 5px; margin-top: 20px;}

    .contact-name{
        color:#3696CC;
        font-size: 18px; padding-bottom: 5px;
        text-align: left; font-family: 'Gill Sans MT';
    }
  
  .contact-email{padding-bottom: 5px; text-align: left;}
.contact-email a{ color: #fff; font-size: 20px;
 font-family: 'Gill Sans MT';}
 .contact-email a:hover {text-decoration: none; }
.bk-no{ padding-bottom: 5px; text-align: left; }
.bk-no a{color: #fff; font-size: 20px;
 font-family: 'Gill Sans MT';}
 .bk-no a:hover {text-decoration: none;}
    .cont-ul{
        display: flex; list-style: none;
        flex-wrap: wrap;justify-content: center;
       padding: 40px 0px;

    }
.cont-ul li{
    width: 22.9%; border-radius: 4px 4px 0px 0px;
    margin-right: 20px;background: #2E2E2E 0% 0% no-repeat padding-box;
border-radius: 4px 4px 0px 0px;
    margin-bottom: 10px;}

    .cont-head{
    text-align: center;
    color: #fff; font-family: transducer, sans-serif;;
    font-size: 20px;
    padding: 20px;}



.cont-txt{
    background: #fff;
    text-align: center;
    padding: 20px;  font-family:transducer, sans-serif;;
    color: #707070; min-height: 340px;
    font-size: 12px;}


     .cont-ft{
        color: #fff;
    padding: 20px;
    text-align: left;}
     .cont-ft h3{
        font-size: 16px; color: #fff;
        font-family: transducer, sans-serif;;
     }
       .cont-ft h4{
        font-size: 16px; color:#dadada;
        font-family: transducer, sans-serif;;
     }
     .cont-ft p {
         font-size: 16px;
         color: #dadada;
        font-family: transducer, sans-serif;
     }
      .cont-ft a{
        font-size: 16px; color: #fff;
        font-family: transducer, sans-serif;word-break: break-all;
     }

.gallery-half{
list-style: none;
    padding: 0px 6px;
}
.gallery-half li{
    width: 100%;
}

    .gallery-ul{
        display: flex; list-style: none;
    }

.gallery-ul li{padding: 0px 6px;width: 100%;}
.gallery-ul li img{width: 100%;}
.gallery-ul li.ones img{ width: 100%;height: 380px;object-fit: cover;}
.pr-0{
    padding-right: 0px!important;
    padding-left: 0px!important;
}
.pl-0{
    padding-left: 3px!important;
}


.newsletter{
    padding-top: 30px;
    padding-bottom: 60px
}

.news-head {
         display: block;
    font-size: 23px;
    text-align: center;
    font-family: 'Gill Sans MT';
    color: #2B9FDA;
    padding: 20px 0px;
    font-weight: 600;
}

.bg-white{background: #fff; border-radius: 0px 0px 6px 6px;}

.news-sub {
  font-family: transducer, sans-serif;
    display: block;
    margin-bottom: 20px;
    line-height: 27px;
    font-size: 18px;
}
ul.frmlist {
        padding: 0px 10px 23px 10px;
    margin: 0px;
    display:block;
    justify-content: space-between;
    flex-wrap: wrap;
}
ul.frmlist li {
    margin-bottom: 15px;
    /*width: 32.4%;*/
    list-style: none;
}

   textarea .textar{
        height: 47px!important;
    width: 100%;
}

.never {
    color: #ffffff;
    padding-top: 21px;
  font-family: 'Oswald';
    font-size: 26px;
    line-height: 47px;
    font-weight: 500;
    display: block;
    margin-bottom: 10px;
}
.sign {
    font-family: transducer, sans-serif;
    display: block;
    margin-bottom: 20px;
    color: #ffffff;
    line-height: 27px;
    display: block;
    font-size: 16px;
}
ul.newsletters {
    display: block;
    justify-content: space-between;
    list-style: none;
}
ul.newsletters li:first-child {
    width: 300px;
    margin-right: -10px;
}
ul.newsletters li {
    display: inline-block;
}
p.nfoot {
    color: #ffffff;
    font-weight: normal;
    font-family: transducer, sans-serif;
    font-size: 12px;
    line-height: 18px;
    display: block;
    margin-top: 19px;
    font-weight: 100;
    width: 497px;
    max-width: 90%;
}
.inpt-txt {
    border: none;
    font-size: 16px;
    font-weight: 700;
 
}

.contact-main .js{ justify-content: space-between; display: flex;  flex-wrap: wrap;}

.maglinks {
    background-color: #000000;
    padding: 40px 0px;
}
.magbg {
    padding: 11px;
    background-color: #ffffff;
    /*margin: -137px auto auto auto;*/
    width: 219px;
    border: 1px solid #000000;
}
.footer a{color: #ffffff;text-decoration: underline;position: relative;z-index: 8;}
.newabout ul li{padding-left: 0px;}
.mag-link a {
    text-align: center;
    display: block;
    color: #000000;
    text-decoration: none;
    font-family: transducer, sans-serif;
    font-size: 18px;
    margin: 5px 0px;
}
ul.newsletters .btnsub {
     font-family: transducer, sans-serif;
    font-weight: 100;
    text-transform: capitalize;
    font-size: 18px;
    outline: none;
    border-radius: 0px;
   line-height: 22px;
    margin-top: -3px;
    color: #fff;
    text-decoration: none;
    background: transparent linear-gradient(90deg, #5AC5EB 0%, #6BD486 100%) 0% 0% no-repeat padding-box;
}
.magbg{
    padding: 11px;
    background-color: #ffffff;
  /*  margin: -70px auto auto auto;*/
    width: 219px;
    border: 1px solid #000000;
}
.nfoot .inpt-txt{width: 23px!important;padding-left: 0px!important;margin-left: 0px!important;}
@media(max-width: 767px){
    .js{
        padding-bottom: 0px;
    }
    .jury {
    margin-bottom: -7px;
}
    .news-head {
    margin-top: 25px;
}
.bk-title {
    margin-top: 34px;
}
    ul.winner_ul {
    margin-top: 9px;justify-content: space-between;}
    .title::before{
        content: "";
    }
    .gallery-ul li.ones img {height: auto;  }   
    .viewbtns{bottom: -68%!important;}
    table.conf-agenda{width: 94%; margin: auto;}
    .item {width: 279px!important;}
    .navbar-nav .open .dropdown-menu {background: none!important;    padding-left: 7px;}
    .judges{height: 960px;}
    ul.ebenefit li { width: 38%;margin-bottom: 20px;}
    .winner{padding-top: 30px!important;padding-bottom: 30px;}
    .gallery-main{padding-bottom:50px!important;}
/*    .partners-head {margin-top: 0px!important;}*/
	.plan-header .topImg {background: url(../images/half-banner.jpg) no-repeat center center;}
	.newsletter {padding-bottom: 41px;}
	ul.winner-list li strong.comp-name{word-break: break-all;}
	ul.ulpdd{padding-left: 17px;margin-top: 10px;}
	ul.newsletters li:first-child {width: 52%;}
	.nbtn { padding: 12px 15px!important;}
	.magbg{margin: 34px auto 0px auto;}
	.foo .new_ul li{width: 100%;margin-right: 0px;}
    .main-home{
        display: block;
    }
    .partners.foo {padding: 38px 0px 30px 0px;}
.half-banner{
    width: 100%;
    height: 545px;
    transform: translate3d(0,0,0);
    background-position: center;
    background-size: cover;
}
.newabout {margin-top: 10px;}
.bgquite-gren {
padding-top: 27px;
}
.banner-txt{
    width: 100%;
    height: auto;
}
.main-box{
  padding: 150px 0px;
    height: 545px;
    display: block;
    width: 100%;
    overflow: hidden;
}

.contact-main{padding: 0px;}
.cont-box p.boost{min-height: auto;margin-bottom: 20px;}
.main-txt {
    font-size: 22px;
}
.awd-ul li{width: 97%;margin: 4px auto 10px auto;}
.cont-ul li{width: 100%;margin-right: 0px;}
.new_ul li{width: 48%;}
/*.main-box span{font-family: 18px;}*/
.main-box h1 {
    text-align: center;
    font-size: 24px;
    line-height: 40px;letter-spacing: 10px;
    display: block;
    margin-top: 12px;
}
.date {font-size: 23px;}
}

@media screen and (min-width: 4000px){
    .main-home {
    display: flex;
    height: 2043px;}
    .plan-header .topImg{height: 910px;}
    .banner-txt{display: table;}
    .main-box {
    padding-top: 220px;
    padding-left: 50px;
    display: table-cell;
    vertical-align: middle;
}
}





.newslide{  
  --value: -1500;
  --width: calc(var(--value) * -1 * 1px);
  --distance: calc(var(--value) * .67 * 1px);
  --perspective: calc(var(--value) * -.33 * 1px);
  --angle: calc(var(--value) / 75 * 1deg);
  --zoom: 2.3;
  --active-translate-modifier: .6;
  --vertical-offset: -0px;
  font-family: 'Segoe UI'
}
.viewport{
   width:100%;
  height: 300px;
  position: relative;
  overflow-x: clip;    margin-top: 39px;
}
.viewport button img{width: 40px;}
.viewport button{position: relative;background: transparent;outline: none;border: none;}
.track {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  perspective: var(--perspective);
  transform-style: preserve-3d;
  position: absolute;
  transform: scale(var(--zoom)) translateY(calc(var(--vertical-offset) * -1));
}

.item{
  height: calc(100% - 20px);
  width: calc(24%);
  transition: all .3s;
  display: flex;
  position: absolute;
  perspective: 750px;
  border-radius: 15px;
}

.item .preview {
  justify-content: center;
  align-items: center;
  color: white;
  font-size: 5em;
  display: flex;
  width: 100%;
  overflow: clip;
  text-shadow: 0px 0px 3px black;
  border-radius: 15px;
}

.item .caption {
    color: white;
    position: absolute;
    top: 100%;
    color: black;
    opacity: 0;
    margin-top: 20px;
    width: 200%;
    left: -50%;
  transition: all .1s;
  text-align: justify;
    /*background: rgba(255,255,255, .2);*/
}

.item .shadow {
  opacity: .9;
  position: absolute;
  filter: blur( 35px);
  height: 110%;
  width: 110%;
  transform: translateZ(-307px) translateY(432px) translateX(2px) scale(1.2) rotateX(96deg);
}

.track .item:nth-of-type(1) {
  transform: rotateY(calc(var(--angle) * 3)) translateZ(var(--distance)) translateY(var(--vertical-offset));
}

.track .item:nth-of-type(2) {
  transform: rotateY(calc(var(--angle) * 2)) translateZ(var(--distance))  translateY(var(--vertical-offset));
}

.track .item:nth-of-type(3) {
  transform: rotateY(calc(var(--angle))) translateZ(var(--distance)) translateY(var(--vertical-offset));
}

.track .item:nth-of-type(4) {
  transform: rotateY(0deg) translateZ(calc(var(--distance) * var(--active-translate-modifier))) translateY(var(--vertical-offset));
}

.track .item:nth-of-type(4) .caption {
  opacity: 1;
  transition-delay:.2s;
}

.track .item:nth-of-type(5) {
  transform: rotateY(calc(var(--angle) * -1)) translateZ(var(--distance)) translateY(var(--vertical-offset));
}

.track .item:nth-of-type(6) {
  transform: rotateY(calc(var(--angle) * -2)) translateZ(var(--distance)) translateY(var(--vertical-offset));
}
.viewport a{text-decoration: none!important;}
.viewport .spk-desc{width: 276px; margin: auto;}
.viewport .spk-desc p{line-height: 20px;}
.viewport .spk-desc p, .viewport .spk-desc strong{color: #ffffff!important;text-decoration: none;}
.track .item:nth-of-type(7) {
  background-color: green;
  transform: rotateY(calc(var(--angle) * -3)) translateZ(var(--distance)) translateY(var(--vertical-offset));
}
button{
  position: absolute;
  z-index: 100;
}

.next {
  right: 0px;
}
.viewbtns{width: 88px;
    position: absolute;
    left: 50%;
    bottom: -58%;
    transform: translate(-50%, 0px);z-index: 99;}