@import url('https://fonts.googleapis.com/css2?family=Almarai:wght@300;400;700;800&family=Montserrat:wght@400;500;600;700&family=Oswald:wght@300;400;500;600;700&display=swap');
@import url('main24.css?v=3');
@font-face {
    font-family: 'woodcutter hand2015';
    src: url('../fonts/woodcutterhand2015.woff2') format('woff2'),
        url('../fonts/woodcutterhand2015.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


html{ margin: 0px; padding: 0px;}
body{ font-family:'Oswald'; font-size:14px; line-height:18px;position: relative; margin: 0px; padding: 0px; background: #f16177;  
    width: 100%;  overflow: auto; color: #ffffff}
img{ margin: 0px; padding: 0px; border: 0px;}
input{ position: relative; margin: 0px; padding: 0px}
a{ text-decoration: none;  color: inherit;  transition: all 0.5s ease;}
a:hover{ color: #d1d2d2; text-decoration: none; }
.img-fluid {
    display: block;
    height: auto;
    max-width: 100%; margin: 0px auto 0px auto; position: relative;
}
.img-fluid-r {
    display: block;
    height: auto;
    max-width: 100%; margin: 0px 0px 0px auto; position: relative;
}

#outer{  min-height: 618px; position: relative; min-width: 320px; overflow: hidden; width: 100%; position: relative; margin: 0px auto;}
.inner{ max-width: 1000px; width:100%; position: relative; margin: 0px auto 0px auto; text-align: center; }

.shadow{ -webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0, 1);
-moz-box-shadow:    0px 3px 5px 0px rgba(0,0,0, 1);
box-shadow:         0px 3px 5px 0px rgba(0,0,0, 1);}

.shadow2{-webkit-box-shadow: 0px 0px 8px 0px rgba(50, 50, 50, 1);
-moz-box-shadow:    0px 0px 8px 0px rgba(50, 50, 50, 1);
box-shadow:         0px 0px 8px 0px rgba(50, 50, 50, 1);}
.shadow4{-webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 1);
-moz-box-shadow:    0px 0px 8px 0px rgba(0, 0, 0, 1);
box-shadow:         0px 0px 8px 0px rgba(0, 0, 0, 1);}
.shadow5{-webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.75);
-moz-box-shadow:    0px 2px 5px 0px rgba(0, 0, 0, 0.75);
box-shadow:         0px 2px 5px 0px rgba(0, 0, 0, 0.75);}
.sp20{ width: 100%; height: 20px; line-height: 20px; font-size: 20px; position: relative;}
 .sp40{ width: 100%; height: 40px; line-height: 40px; font-size: 40px; position: relative;}
 .sp60{ width: 100%; height: 60px; line-height: 60px; font-size: 60px; position: relative;}
 .sp80{ width: 100%; height: 80px; line-height: 80px; font-size: 80px; position: relative;}
 .sp100{ width: 100%; height: 100px; line-height: 100px; font-size: 100px; position: relative;}
.clear{ width: 100%; height: 0px; line-height: 0px; font-size: 0px; position: relative; clear: both;}
.videoWrapper {
    position: relative;
    padding-bottom:172.25%%; /* 16:9 */
    padding-top: 25px;
    height: 0;
}
.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; display: block; border:1px solid #ffffff; background: #cccccc center no-repeat; box-sizing: border-box;
}

.green_btn{ background: #40b653; color: #ffffff; font-size: 34px; line-height: 40px;  text-transform: uppercase;  padding: 6px 13px 6px 10px; -webkit-border-radius: 0px;
-moz-border-radius: 0px; letter-spacing: 0px;
border-radius: 0px; display: block;position: relative;}
.green_btn i{ display: inline-block; vertical-align: middle; margin: 0px 4px 0px 0px; font-size: 140%;  position: relative; }
.green_btn span{ display: inline-block; vertical-align: middle; position: relative; }
.green_btn:hover{ color: #ffffff; background: #2f903f; }

.white_btn{ border:2px solid #ffffff;;background: #000000; color: #ffffff; font-family:'Roboto'; font-size: 25px; line-height: 28px;  text-transform: uppercase;  padding: 10px 14px 10px 14px;  display: block;  position: relative;}
.white_btn i{ display: inline-block; vertical-align: middle; margin: 0px 4px 0px 0px; font-size: 130%;  position: relative; }
.white_btn span{ display: inline-block; vertical-align: middle; position: relative; }
.white_btn:hover{ color: #ffffff; background: #464646; }

.white_btn_sm{ border:2px solid #ffffff; background: #000000; color: #ffffff; font-family:'Roboto'; font-size: 20px; line-height: 25px;  text-transform: uppercase;   display: block; padding:10px 14px 10px 14px;   position: relative;}
.white_btn_sm i{ display: inline-block; vertical-align: middle; margin: 0px 4px 0px 0px; font-size: 140%;  position: relative; }
.white_btn_sm span{ display: inline-block; vertical-align: middle; position: relative; }
.white_btn_sm:hover{ color: #ffffff; background: #464646; }

.trans_btn{ letter-spacing: 0px; border:2px solid #ffffff; background: transparent; color: #ffffff;  font-size: 16px; line-height: 25px;  text-transform: uppercase;   display: block; padding:10px 14px 10px 14px;   position: relative;}
.trans_btn i{ display: inline-block; vertical-align: middle; margin: 0px 4px 0px 0px; font-size: 140%;  position: relative; }
.trans_btn span{ display: inline-block; vertical-align: middle; position: relative; }
.trans_btn:hover{ color: #000000; background: #eeeeee; }


.brown_btn{ border:2px solid #c4ab5c; background: #c4ab5c; color: #ffffff; font-family:'Open Sans'; font-weight: 700; font-size: 16px; line-height: 25px;  text-transform: uppercase;   display: block; padding:10px 14px 10px 14px;   position: relative;}
.brown_btn i{ display: inline-block; vertical-align: middle; margin: 0px 4px 0px 0px; font-size: 140%;  position: relative; }
.brown_btn span{ display: inline-block; vertical-align: middle; position: relative; }
.brown_btn:hover{ color: #ffffff; background: #a28d4a; }

.buy{ width: 95%; margin: 0px auto 0px auto; max-width: 430px; }

.btn_width { width: 95%; max-width: 550px; margin-left: auto; margin-right: auto; }

.arrow_back{ position:absolute; top:0px; left:0px; height:100%;width: 100%; background: url(../images/arrow.png) top center no-repeat;z-index: -3 }
.arrow{ position: relative; width: 100%;  }
.left_side{width: 223px;
position: absolute;
top: 100px;
left: -40px;}
.center_side{width: 500px; position: relative; float: none; margin-right: auto; margin-left: auto;}
.right_side{width: 406px; position: absolute; float: none; top: 209px;
right: -180px;}

.top_socials{ position: relative; }
.top_socials a{ display: inline-block; vertical-align: middle; margin: 7px; }
.top_socials a.full{ display: block; }
.head{ margin-top: 50px; position: relative; }
.main_ttl{ margin-top: 20px; position: relative; }
.main_sttl{ margin-top: 15px; position: relative; font-size: 19px; line-height: 24px; font-family: Oswald,sans-serif; font-weight: 500 }
.note{  font-family: Tahoma, Verdana, Segoe, sans-serif; margin-top: 12px; position: relative; font-size: 12px; line-height: 16px; }
hr{ width: 100%; background: #ffffff; height: 1px; border-color: 1px; opacity: 0.21; border: 0px; margin-top: 40px; margin-bottom: 40px; }
.main{ margin-top: 50px; text-align: left; }
.main h2{ font-weight: 700; text-transform: uppercase; font-size: 19px; line-height: 24px }
.main ol{ margin-left: 0px; padding-left: 15px;  }
.main ol li{ margin-top: 10px; }
.main .instructions_text{font-family: Tahoma, Verdana, Segoe, sans-serif;}
.submit_button{ margin-top: 20px; }
.outer{ position: relative; overflow: hidden; }
.blue_back{ position: absolute; top:476px; left: 0px; width: 100%; height: 2000px; background: url(../images/v22_blue_back3.png) top center no-repeat;  }
.prices{ position: relative; margin-top: -20px }
.girl{ position: absolute; top:140px; right: 0px; width: 307px; height: 640px; background: url(../images/girl.png) top center no-repeat }
.mob_footer{ display: none; }
.footer{ margin-top: 50px;}
.outer{ position: relative; }
.outer:after{ position: absolute; height: 400px; bottom:0px; width: 100%; content:''; background:#f16177; }
.mob_girl{ display: none; }
.mttl_1{  }
.mttl_2{ margin-top:10px; position: relative; }
.mttl_3{ margin-top:20px; position: relative; }
.inner{z-index: 100}

.videoWrapper {
    position: relative;
    padding-bottom: 172.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
}
.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; display: block; border:1px solid #ffffff; background: #cccccc center no-repeat; box-sizing: border-box;
}
.vid{ max-width: 600px; margin:40px auto 0px auto; position: relative; }
.video_gallery_items .item{ position: relative; width: 31%;margin-top: 2%;  }
.video_gallery_items .item a.vid_btn{ display: block; position: relative;  }
.video_gallery_items {display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap;}
.video_gallery_items .item .pos_control{ height: 0px;  }
.video_gallery_items .item a.vid_btn::after{ position: absolute; content: ""; top:0px; left: 0px; width: 100%; height: 100%; background: url(../images/play_over.png) center no-repeat;z-index: 10 }

.btn {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.btn-vote {
    color: #0091b2;
    background: #ffffff;
    display: flex;
   
    justify-content: space-between;
    align-items: center;
    border-radius: 0px !important;
    font-size: 20px;
    line-height: 24px;
    font-weight: 700;
    margin-bottom: 10px;
    margin-top: 10px;
}
.mob_judge{ width: 100%; position: relative; background: url(../images/mobile_judge.png) top center no-repeat; }
.mob_judge img{ opacity: 0 }
.about_col{ color: #ffffff; width: 95%; margin: 20px auto 0px auto; }
.about_ttl{ font-family: 'Oswald',sans-serif; font-size: 28px; line-height: 33px; font-weight: 900; color: #fff; text-align: center; padding-bottom: 15px; }
.about_cols{ width: 100%; display: flex; align-items: start; justify-content: center; }
.about_col{ width: 27%; margin: 1.5%;; position: relative; display: block; }
.about_name{ font-size: 20px; line-height: 24px; margin-top: 14px; }
.about_text p{ font-size: 14px; line-height: 16px; font-weight: 300 }
.about_judge{ padding-bottom: 40px; }
.about_socials{ font-size: 25px; line-height: 30px }
.about_socials a{ display: inline-block; vertical-align: middle; margin: 4px; position: relative; display: inline-block; }

.social-icon-link{ padding:4px; font-size:25px; }


.sec_title{ width:100%; background:#0091b2; margin-top:0px; padding-top:40px; position:relative;padding-bottom: 200px; }
.sec_title:after{
    content: '';
    background: #f16177;
    clip-path: polygon(51% 89%, 54% 89%, 100% 100%, 0% 100%);
    width: 100%;
    position: absolute;
    height: 100px;
    bottom:-1px; left: 0px;

    z-index: 100;
}
.sec_title .inner{ z-index:unset; }

.main_title{ padding-bottom:0px }
.main_sub_title{ margin-top:10px }
.can{ position:absolute; z-index:20;   left: 60px;
  top: -50px;
}
.video_con{ position:relative; max-width:360px; margin:20px auto 0px auto; }
.vid_actions{   top: 40%;
  position: absolute;
  left: 365px;
 }

 .judges{ display:flex; align-items:flex-start; justify-content:center }
 .judge{ max-width: 180px; margin:15px; }
 .judge_avatar img{ border-radius:200px; border:4px solid #fff; overflow:hidden; }
 .judge_name{ margin-top:10px; font-size:20px; text-transform: uppercase; line-height:1.3 }
 .judge_sname{ margin-top:4px; font-size:30px; line-height:1.3 }
 .sec_main{ position:relative; padding-bottom:50px }
 .sec_main .inner{ margin-top:-240px; background: url(../images/vid_back2.png) top center no-repeat; background-size:100% auto; max-width: 1150px; }
 @media handheld, only screen and (max-width: 700px) {
.sec_main .inner{ margin-top:-50%; background: none}
 }
 .sec_main:not(.notriangle):after{
    content: '';
    background: #f16177;
    clip-path: polygon(51% 89%, 54% 89%, 100% 100%, 0% 100%);
    width: 100%;
    position: absolute;
    height: 100px;
    bottom:-1px; left: 0px;

    z-index: 100;
}
.details{ display:flex; align-items:center; justify-content:space-between }
.sec_info{ background:#f16177 }

.info_txt{ text-align: left;
font-size: 25px;
line-height: 1.5;
max-width: 600px;
margin-left: 10px; }

.info_txt ol{ font-size:20px; margin-left:15px }









@media handheld, only screen and (max-width: 1000px) {
    .about_cols{ display:  block; }
    .about_col{ width: 100%; max-width: 300px; margin-top:40px; margin-left: auto; margin-right: auto; position: relative; display: block; }
    .site-header{ height:85px }


}

@media handheld, only screen and (min-width: 1520px) {
    .girl{ top:190px; display: none;}
}
@media handheld, only screen and (min-width: 1700px) {
    .girl{ top:220px; }
}
.mob{ display: none; }
@media handheld, only screen and (max-width: 1250px) {
    .girl{display: none;}
}
@media handheld, only screen and (min-width: 1150px) 
    {
        .inner{ max-width: 1000px }
    }
@media handheld, only screen and (max-width: 1150px) {
    .inner{ max-width: 1150px; width:95% }
    .judges{ flex-wrap:wrap; }
    .can{ display:none; }
    .mob_girl{display: block;}
.desk{display: none;}
.mob{ display: block; }
.vid{ margin-top: 0px }
.note.mob{ text-align: center; }
.mttl_3.mob{ margin-bottom: 20px;}
    .mob_footer{ display: block; }
    .desk_footer{ display: none; }
.girl{ display: none; }
.left_side{ display: none; }
.right_side{ display: none; }
.arrow{z-index: 1}
.arrow{ display: none; }
/*body{ background: url(../images/back_b.jpg) #f16177 top center no-repeat; }*/
/*body{ background: url(../images/v2_back_b.jpg) #0090b2 top center no-repeat; }*/
.blue_back{ display: none; }
hr{ margin-top:10px; margin-bottom: 10px }
.main{ margin-top:20px; }
    .footer_logo{ margin-top: 50px; }
    .can{ top:50px; position: relative; }
    .mob_back_cont{ background: url(../images/mob_angle.png) #0091b2 top center no-repeat; }
    .vid, .note, .cups, hr, .instructions, .submit_button, footer{ width:92%; margin-left: auto; margin-right: auto; position:relative; }

    .vid_actions{ top:0px; width:100%; text-align:center; position:relative; left:0px; right:0px; }

}
@media handheld, only screen and (max-width: 920px) {
    .inner{ width: 95% }
    .video_gallery{  width: 95%; margin-left: auto; margin-right: auto; }
    .video_gallery h1{ line-height: 1.3 }
.details{ display:block; }
.graph{ width:100%; text-align:center; }
.info_txt{ width:100%; text-align:center; }
    }

    @media handheld, only screen and (max-width: 920px) {

    .video_gallery_items .item{width: 48%}
    }
@media handheld, only screen and (max-width: 550px) {
    .mob_judge{ background: transparent; }
    .mob_judge img{ opacity: 1 }
    .center_side{ width: 95%; margin-left: auto;; margin-right: auto; }
     .mob_back_cont{ background: url(../images/mob_angle2.png) #0091b2 top center no-repeat; background-size: 100% auto }
}
    @media handheld, only screen and (max-width: 393px) {
        

    }

html:not([data-lc-type="error"]) #lightcase-content
{
    background: #0091b2 !important;
    color:#fff;
}

.judge_socials{ font-size:24px; margin-top:5px }
.judge_socials a{ display:inline-block ; vertical-align:middle; margin:5px; }

@media handheld, only screen and (max-width: 600px) {

    .info_txt ol{ font-size:17px; margin-left:15px; text-align:left; padding:10px }


    }
    .voting_ttl{
         font-family: 'woodcutter hand2015'; font-size: 50px; line-height: 1.4;
    }
    .voting_sttl{
        font-size: 30px; line-height: 1.3; margin-top: 10px;
    }


    .blue_sec{
        background: #0088ab;
    }

    .blue_sec .btn-vote{ color:#0088ab;  text-align:center; border-radius:8px !important; justify-content: center; border: 2px solid #fff}
    .blue_sec .btn-vote:hover{ background:#0088ab; color:#fff }


    .pink_sec{ background: #f16177 }
    .pink_sec .btn-vote{ color:#f16177; text-align:center; border-radius:8px !important; justify-content: center;  border: 2px solid #fff }
    .pink_sec .btn-vote:hover{ background:#f16177; color:#fff }

    .judge_results{ display:flex; width:100%; align-items: flex-start;  justify-content:space-between }
    .judge_info{ width:24%; margin-top:50px;  }
    .judge_semi{ width:75%; text-align: center;}
    .judge_semi_items{ width:100%; display:flex; justify-content: space-between }
    .judge_semi_it{ width:32%; position:relative; }

  .judge_semi_it_video  {border-radius: 15px;
  overflow: hidden;}
  .judge_semi_ttl{ font-size:40px; line-height:1.5; text-align:center; font-weight:600; padding-bottom:10px; }
  .judge_results{ padding:30px 0px; }
  .judge_semi_it_name{ font-size:25px; line-height: 1.4; margin-top:10px; }
  .play_btn_holder{ display:block; position:relative; }
  .play_btn{ position:absolute; top:0px; left:0px; display:flex; justify-content: center; align-items: center; width:100%; height:100%;  font-size:40px; color:rgba(255, 255, 255, 0.7);  }


@media handheld, only screen and (max-width: 750px) {
    .judge_info{ width:100% }
    .judge_info .judge{ margin:0px auto; }
    .judge_results{ display:block; }
    .judge_semi{ width:100% }
      .judge_semi_it_name{ font-size:18px; line-height: 1.4; margin-top:10px; }
      .judge_semi_ttl{
        font-size: 25px;
      }
}
@media handheld, only screen and (min-width: 750px) {
.footer_logo a{
    display: block;
  width: 100%;
  max-width: 300px;
  margin: 0px auto;
}
}