@charset "utf-8";
@media (max-width:370px){
  .dropdown-content p.header img{
    margin-top:-2px;
    width:18px;
  }
  .share-content p,
  .dropdown-content p.header{
    font-size:1.500em;
  }
  .share-content a{
    margin-right:25px;
  }
  ul{
    -moz-column-gap:30px;
    -webkit-column-gap:30px;
    column-gap:30px;
  }
  a.btn-box,
  button.btn-box{
    font-size:0.875em;
    padding:10px 15px;
  }
}

@media (min-width:576px){
  /* COMMON */
  .container{
    max-width:1230px;
  }
  /* COMMON */
  
  /* TABS SECTION */
  .tabs-content{
    margin-right:20px;
    width:205px;
  }
  .tabs-content button{
    padding:15px 0;
  }
  /* TABS SECTION */
  
  .swiper-button-next{
    right:15px;
  }
  .swiper-button-prev{
    left:15px;
  }
}

@media (min-width:768px){
  /* COMMON */
  .md-container-fluid{
    padding-right:0;
    padding-left:0;
  }
  .position-md-relative{
    position:relative;
  }
  .position-md-absolute{
    position:absolute;
  }
  .mt-md-n5{
    margin-top:-3rem !important;
  }
  /* COMMON */
  
  /* FONTS & COLOR */
  ul{
    -moz-column-gap:80px;
    -webkit-column-gap:80px;
    column-gap:80px;
    font-size:2em;
  }
  ul li{
    margin-bottom:25px;
  }
  a.btn-box,
  button.btn-box{
    font-size:1.500em;
    padding:15px 30px;
  }
  .share-content p,
  .dropdown-content p.header{
    font-size:3em;
  }
  .mb-md-0{
    margin-bottom:0;
  }
  .mb-md-70{
    margin-bottom:70px;
  }
  .mb-md-80{
    margin-bottom:80px;
  }
  .mb-md-100{
    margin-bottom:100px;
  }
  .mb-md-160{
    margin-bottom:160px;
  }
  .features-content a{
    width:95px;
  }
  /* FONTS & COLOR */
  
  /* NAV MENU */
  .navbar{
    left:0;
    position:absolute;
    top:0;
    width:100%;
  }
  .navbar-header{
    padding:25px 0;
  }
  .navbar-content.last{
    margin-right:0 !important;
  }
  .navbar-nav{
    font-size:1em;
		padding:0;
	}
	.navbar-nav > li{
		display:inline-block;
	}
	.navbar-nav > li > a{
		padding:0;
	}
  /* NAV MENU */
  
  /* HEADER & FOOTER */
  .navbar-header{
    padding:25px 0 50px;
  }
  .navbar-brand img{
    height:20px;
  }
  .navbar-header.float-right .navbar-content{
    margin-right:30px;
  }
  .navbar-content a.btn-box,
  .navbar-content button.btn-box{
    font-size:1em;
    padding:10px 20px;
  }
  .btn-globe{
    text-align:left;
  }
  .btn-share img,
  .btn-globe img{
    width:32px;
  }
  .dropdown-content p.header img{
    margin-top:-10px;
    width:34px;
  }
  .btn-globe img.icon-down{
    margin-left:8px;
    width:14px;
  }
  /* HEADER & FOOTER */
  
  a.btn-box.orange,
  button.btn-box.orange{
    font-size:1em;
    padding:10px 20px;
  }
  hr.hr-blue{
    margin-bottom:40px;
    margin-top:60px;
  }
  .pb-md-20{
    padding-bottom:20px;
  }
  .pb-md-50{
    padding-bottom:50px;
  }
  .line-divider{
    height:auto;
    width:1px;
  }
  .icon-wrong{
    bottom:-10px;
    position:absolute;
    right:-20px;
    width:50px;
  }
}

@media (min-width:992px){
  /* COMMON */
  .lg-container{
    margin-left:auto;
    margin-right:auto;
    max-width:1230px;
    padding-left:15px;
    padding-right:15px;
    width:100%;
  }
  .mb-lg-80{
    margin-bottom:80px;
  }
  .mb-lg-100{
    margin-bottom:100px;
  }
  .mb-lg-160{
    margin-bottom:160px;
  }
  .mt-lg-100{
    margin-top:100px;
  }
  /* COMMON */
  
  /* FONTS & COLOR */
  h1,
  h2{
    font-size:1.375em;
  }
  .font-lg{
    font-size:1.375em;
  }
  ul{
    columns:3;
    -webkit-columns:3;
    -moz-columns:3;
    -moz-column-gap:50px;
    -webkit-column-gap:50px;
    column-gap:50px;
    font-size:1em;
  }
  ul li{
    margin-bottom:15px;
  }
  a.btn-box,
  button.btn-box{
    font-size:1em;
    padding:10px 20px;
  }
  a.btn-box.btn-large,
  button.btn-box.btn-large{
    font-size:1.250em;
  }
  .features-content a{
    font-size:1em;
    width:110px;
  }
  .features-content a img{
    width:85px;
  }
  /* FONTS & COLOR */
  
  /* HEADER & FOOTER */
  .navbar-header{
    padding:25px 0 60px;
  }
  .navbar-header.float-right .navbar-content{
    margin-right:50px;
  }
  .navbar-header.float-right .order-lg-last.navbar-content{
    margin-left:50px;
    margin-right:0;
  }
  .navbar-content a.btn-box,
  .navbar-content button.btn-box{
    padding:10px 30px;
  }
  .share-content p{
    color:#353535;
    font-size:1em;
    margin-bottom:0;
    margin-right:20px;
  }
  .share-content a{
    margin-right:20px;
  }
  #footer .row .col-12:first-child{
    padding-bottom:0;
  }
  .share-content a img,
  .share-content button img{
    width:32px;
  }
  .copylink-content{
    background:rgba(15,76,129, 0.97);
    right:-15px;
    top:55px;
  }
  .share-content .copylink-content p{
    color:#ffffff;
    font-size:0.750em;
  }
  .copylink-content .arrow-content{
    left:18px;
  }
  .copylink-content .arrow-content:after{
    background:rgba(15,76,129, 0.97);
  }
  /* HEADER & FOOTER */
  
  /* DROPDOWN BOX */
  #country-selection .centre-content div.country-block,
  #country-listing .centre-content div.country-block{
    width:inherit;
  }
  .dropdown-content p.header{
    font-size:1.400em;
  }
  .dropdown-content p.header img{
    margin-top:-4px;
    width:16px;
  }
  .dropdown-content{
    background:rgba(15,76,129, 0.97);
    color:#ffffff;
    display:none;
    font-family:"SST W01 Roman", Helvetica, Arial, sans-serif;
    font-weight:400;
    min-width:450px;
    padding:30px;
    position:absolute;
    right:-20px;
    top:55px;
    z-index:1;
  }
  .dropdown-content.save-date-bottom{
    bottom:55px;
    top:inherit;
  }
  .dropdown-content .arrow-content{
    height:15px;
    overflow:hidden;
    position:absolute;
    right:100px;
    width:25px;
    top:-15px;
    z-index:-1;
  }
  .dropdown-content .arrow-content:after{
    background:rgba(15,76,129, 0.97);
    bottom:-27px;
    content:'';
    height:33px;
    position:absolute;
    right:-4px;
    transform:rotate(45deg);
    width:33px;
  }
  .dropdown-content.save-date-bottom .arrow-content{
    bottom:-15px;
    top:inherit;
  }
  .dropdown-content.save-date-bottom .arrow-content:after{
    bottom:inherit;
    top:-27px;
  }
  .dropdown-content.country-container,
  .dropdown-content.country-listing{
    right:-26px;
  }
  .dropdown-content.country-container .arrow-content{
    right:30px;
  }
  #country-listing{
    right:-80%;
  }
  #country-listing.dropdown-content.country-listing .arrow-content{
    right:45%;
  }
  /* DROPDOWN BOX */
  
  /* NAV MENU */
  .navbar-header .navbar-content{
    margin-right:50px;
  }
  /* NAV MENU */
  
  a.btn-box.orange,
  button.btn-box.orange{
    padding:10px 30px;
  }
  h1{
    margin-bottom:50px;
    margin-top:80px;
  }
  /* .top-banner{
    background-image:url(../images/contest/img-banner.jpg);
    background-position:center top;
    background-repeat:no-repeat;
    height:768px;
    width:100%;
  } */
  .text-image{
    margin-left:83px !important;
    margin-right:20px !important;
  }
  .faq-section{
    padding-left:100px;
    padding-right:100px;
  }
  .icon-wrong{
    bottom:-10px;
    position:absolute;
    right:-30px;
    width:76px;
  }
  .howtouse-block.overflowH{
    padding-left:0;
    padding-right:0;
  }
}

@media (min-width:1200px){
  /* COMMON */
  .mt-xl-n5{
    margin-top:-3rem !important;
  }
  .mt-xl-0{
    margin-top:0 !important;
  }
  .position-xl-relative{
    position:relative;
  }
  .position-xl-absolute{
    position:absolute;
  }
  .mb-xl-0{
    margin-bottom:0;
  }
  /* COMMON */
  
  /* FONTS & COLOR */
  h1,
  h2{
    font-size:1.500em;
  }
  /* FONTS & COLOR */
  
  .text-image{
    margin-left:113px !important;
    margin-right:50px !important;
  }
  .faq-section{
    padding-left:180px;
    padding-right:180px;
  }
}

@media (min-width:1600px){  
  /* COMMON */
  .col-sl{
    -ms-flex-preferred-size:0;
    flex-basis:0;
    -ms-flex-positive:1;
    flex-grow:1;
    max-width:100%;
  }
  .col-sl-auto{
    -ms-flex:0 0 auto;
    flex:0 0 auto;
    width:auto;
    max-width:none;
  }
  .col-sl-1{
    -ms-flex:0 0 8.333333%;
    flex:0 0 8.333333%;
    max-width:8.333333%;
  }
  .col-sl-2{
    -ms-flex:0 0 16.666667%;
    flex:0 0 16.666667%;
    max-width:16.666667%;
  }
  .col-sl-3{
    -ms-flex:0 0 25%;
    flex:0 0 25%;
    max-width:25%;
  }
  .col-sl-4{
    -ms-flex:0 0 33.333333%;
    flex:0 0 33.333333%;
    max-width:33.333333%;
  }
  .col-sl-5{
    -ms-flex:0 0 41.666667%;
    flex:0 0 41.666667%;
    max-width:41.666667%;
  }
  .col-sl-6{
    -ms-flex:0 0 50%;
    flex:0 0 50%;
    max-width:50%;
  }
  .col-sl-7{
    -ms-flex:0 0 58.333333%;
    flex:0 0 58.333333%;
    max-width:58.333333%;
  }
  .col-sl-8{
    -ms-flex:0 0 66.666667%;
    flex:0 0 66.666667%;
    max-width:66.666667%;
  }
  .col-sl-9{
    -ms-flex:0 0 75%;
    flex:0 0 75%;
    max-width:75%;
  }
  .col-sl-10{
    -ms-flex:0 0 83.333333%;
    flex:0 0 83.333333%;
    max-width:83.333333%;
  }
  .col-sl-11{
    -ms-flex:0 0 91.666667%;
    flex:0 0 91.666667%;
    max-width:91.666667%;
  }
  .col-sl-12{
    -ms-flex:0 0 100%;
    flex:0 0 100%;
    max-width:100%;
  }
  .offset-sl-0{
    margin-left:0;
  }
  .offset-sl-1{
    margin-left:8.333333%;
  }
  .offset-sl-2{
    margin-left:16.666667%;
  }
  .offset-sl-3{
    margin-left:25%;
  }
  .offset-sl-4{
    margin-left:33.333333%;
  }
  .offset-sl-5{
    margin-left:41.666667%;
  }
  .offset-sl-6{
    margin-left:50%;
  }
  .offset-sl-7{
    margin-left:58.333333%;
  }
  .offset-sl-8{
    margin-left:66.666667%;
  }
  .offset-sl-9{
    margin-left:75%;
  }
  .offset-sl-10{
    margin-left:83.333333%;
  }
  .offset-sl-11{
    margin-left:91.666667%;
  }
  .pl-sl-6{
    padding-left:3.5rem !important;
  }
  .mt-sl-0{
    margin-top:0 !important;
  }
  .d-sl-none{
    display:none !important;
  }
  .d-sl-block{
    display:block !important;
  }
  /* COMMON */
  
  /* FONTS & COLOR */
  h4{
    font-size:2.750em;
    /* padding-left:35px; */
  }
  .font-sl{
    font-size:1.500em;
  }
  a.btn-box.font-lg,
  button.btn-box.font-lg{
    font-size:1.500em;
    padding:15px 30px;
  }
  /* FONTS & COLOR */
  
  /* DROPDOWN BOX */
  .dropdown-content{
    min-width:500px;
    padding:40px 30px;
    right:15px;
  }
  .dropdown-content p.header{
    font-size:1.750em;
  }
  .dropdown-content p.header img{
    margin-top:-6px;
    width:20px;
  }
  .dropdown-content.country-container,
  .dropdown-content.country-listing{
    right:-50px;
  }
  .dropdown-content.country-container .arrow-content{
    right:75px;
  }
  /* DROPDOWN BOX */
  
  .swiper-button-next,
  .swiper-button-prev{
    /* display:none; */
  }
  .swiper-block{
    padding-left:15px;
    padding-right:15px;
  }
}

@media (min-width:1280px) and (min-height:900px){
  /* NAV */
  .navbar-header{
    padding:25px 0 120px;
  }
  /* NAV */
  
  /* HEADER & FOOTER */
  /* #footer .container{
    padding-bottom:20px;
    padding-top:20px;
    margin-top:40px;
  } */
  /* HEADER & FOOTER */
}

@media (min-width:1280px) and (max-height:768px){
  /* FONTS & COLOR */
  .font-lg{
    font-size:1.250em;
  }
  .mb-lg-80{
    margin-bottom:60px;
  }
  .mb-lg-100{
    margin-bottom:80px;
  }
  .mb-lg-160{
    margin-bottom:120px;
  }
  .mt-lg-100{
    margin-top:80px;
  }
  /* FONTS & COLOR */
}

@media (min-width:1921px){
  body{
    background-size:cover;
  }
}