@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Heebo:wght@200;300;400;500;600;700&display=swap');

@font-face {
    font-family: 'Mobil';
    src: url('../fonts/Mobil.eot');
    src: url('../fonts/Mobil.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Mobil.woff2') format('woff2'),
        url('../fonts/Mobil.woff') format('woff'),
        url('../fonts/Mobil.ttf') format('truetype'),
        url('../fonts/Mobil.svg#Mobil') format('svg');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Fb Matritsa Narrow';
    src: url('../fonts/FbMatritsaNarrow-Bold.eot');
    src: url('../fonts/FbMatritsaNarrow-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/FbMatritsaNarrow-Bold.woff2') format('woff2'),
        url('../fonts/FbMatritsaNarrow-Bold.woff') format('woff'),
        url('../fonts/FbMatritsaNarrow-Bold.ttf') format('truetype'),
        url('../fonts/FbMatritsaNarrow-Bold.svg#FbMatritsaNarrow-Bold') format('svg');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

body {  font-family: "Heebo", sans-serif; font-size: 24px;line-height: 35px; color:#000; font-weight: 300; font-style: normal; direction: rtl; background: #FAFAFA;}
h1, h2, h3, h4 { font-family: 'Fb Matritsa Narrow'; color: #000; margin-bottom: 30px; font-weight: 700; font-size: 40px; line-height:  36px; font-style: normal;   position: relative;}
a, a:focus, a:hover, button, button:focus, input[type=submit], input[type=submit]:hover{ text-decoration:none; outline: 0;  -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease;  transition: all 0.5s ease;}
input:focus, select:focus,textarea:focus,button:focus {outline: none; box-shadow:none !important; border: none;}
.container, .container-fluid, .row  [class*="col-"] { padding-left: 20px; padding-right: 20px;}
.row { margin-left: -20px; margin-right: -20px;}
.row  [class*="col-"] { position:relative;}
.container-fluid.hpadding { padding: 0; overflow: hidden ;}
.zerocol { padding-left: 0px; padding-right: 0px; position:relative; z-index: 1;}
.zerocol .row { margin-left: 0px; margin-right: 0px;}
.zerocol .row  [class*="col-"] { padding-left: 0px; padding-right: 0px;}

.navbar-toggler { display: none; width: 28px; height: 24px; border-radius: 0; position:absolute; right: 24px; top: 27px; z-index: 102; border: 0; padding: 0;  -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease;  transition: all 0.5s ease;}
.navbar-toggler i{ width: 24px; height: 3px; background: #FBFBFB; border-radius: 6px; position:absolute; z-index: 5; left: 3px; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease;  transition: all 0.5s ease; opacity: 1; font-size: 0px; line-height:  0px; color:rgba(112,112,112, 0); }
.navbar-toggler i:nth-child(1){ top: 0px;}
.navbar-toggler i:nth-child(2){top: 9px;}
.navbar-toggler i:nth-child(3){top: 18px;}
.navbar-toggler[aria-expanded="true"] i:nth-child(2) { opacity: 0;}
.navbar-toggler[aria-expanded="true"] i:nth-child(1) { transform: rotate(-45deg); top: 8px;}
.navbar-toggler[aria-expanded="true"] i:nth-child(3) { transform: rotate(45deg); top: 8px}

.logo { width: 370px; left: 0px; top: 53px; position:absolute;  z-index:  99;  -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease;  transition: all 0.5s ease;}
.logo a { display: block;}
.logo a img { max-width: 100%;padding:0; height: auto; width: auto;  -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease;  transition: all 0.5s ease;}

.header { padding: 0; position: fixed; background: #0F1111; height: 200px;  left: 0; right: 0; top: 0; z-index: 999;  -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease;  transition: all 0.5s ease;}
.header .container { max-width: 1384px; position: relative;}

.counter {font-family: 'Mobil'; font-weight: 400;  width: 302px; border:  solid 1px #fff; border-top: 0; position: absolute; left: 50%; margin-left: -151px; top: 0; text-align: center;  transition: all 0.5s ease; }
.counter ul {display: flex; flex-wrap: wrap;box-sizing: border-box; justify-content: center;direction: ltr; list-style: none; margin: 0; padding: 20px 0;  background: #FCB913;  transition: all 0.5s ease;}
.counter ul li { padding: 0;flex: 0 0 auto; width: auto;  flex-direction: column; margin: 0; color: #fff; font-size: 40px; line-height: 36px; font-weight: 700;  transition: all 0.5s ease;}
.counter div {font-family: 'Fb Matritsa Narrow'; font-weight: 700; display: block; line-height: 54px; font-size: 26px; font-weight: 500; color: #fff;   transition: all 0.5s ease;}

.social_icon {position: absolute; top:  45px;left: 55px;  z-index: 99; width: 25px;  transition: all 0.5s ease;}
.social_icon ul { display: block; padding: 0; margin: 0; list-style: none;}
.social_icon ul li { padding: 0 0 10px 0; margin: 0; display: block; width: 100%; text-align: center; float: left;  transition: all 0.5s ease;}
.social_icon ul li a { display: block; line-height: 32px;}

.registration_block {font-family: 'Mobil'; font-weight: 400;  width: 272px; position: absolute; z-index: 99; top: 48px; right: 135px; direction: ltr;  transition: all 0.5s ease;}
.language {width: 72px; float: left; }
.language ul { display: block; padding: 0; margin: 0; list-style: none; text-align: left; width: 100%; float:  left; position: relative;}
.language ul li { padding: 0 3px; display: block; float:  left; position: relative;}
.language ul li a { color: #fff; padding: 0 3px; text-decoration: none; font-size: 16px; line-height: 35px; display: inline-block; float:  left;}
.language ul li:nth-child(1) { padding-left: 0;}
.language ul li:after { content: ""; width: 1px; height: 14px; position: absolute; left: 0; top: 10px; background: #fff;}
.language ul li:nth-child(1):after { display: none;}
.user {width: 72px; float: left; }
.user ul { display: block; padding: 0; margin: 0; list-style: none; text-align: right; width: 100%; float:  right; position: relative;}
.user ul li { padding: 0 10px 0 0; display: block; float:  right; position: relative;}
.user ul li a { padding: 0 3px; text-decoration: none; float:  right;}
.user ul li:nth-child(1) { padding-right: 0;}
.registration {width: 128px; float: left; }
.registration a { color: #fff; background: #FFB915; text-decoration: none; font-size: 16px; line-height: 35px; display: block; text-align: center;}
.date { width: 100%; float:  left;  font-size: 50px; line-height: 54px; color: #fff; text-align: center; padding-top: 15px;  transition: all 0.5s ease;}



.home_header{ padding:200px 0 0 0; margin: 0; position: relative; z-index: 9;   -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease;  transition: all 0.5s ease; }
.home_header img { width: 100%; height: auto; position: relative; z-index: 1;}
.header_caption {font-family: 'Fb Matritsa Narrow'; font-weight: 700; width: 1340px; position: absolute; z-index: 2; left: 50%; margin-left: -670px; bottom: 35px; color: #fff; font-size: 48px; line-height: 50px; font-weight: 500; text-shadow: 0 2px 8px rgba(0, 0, 0, 0.7); }
.header_caption div { max-width: 950px;}
.header_caption div p:nth-child(1) {font-size: 36px; line-height: 36px; margin-bottom: 25px; }
.header_caption div p:nth-child(2) {font-size: 60px; line-height: 60px; margin-bottom: 35px;}

.location_range { font-family: 'Mobil'; font-weight: 400; padding: 20px 0; margin: 0; background: #0F1111;display: flex; flex-wrap: wrap; justify-content: center; align-items: center; vertical-align: middle;}
.location_range div {flex: 0 0 auto; width: auto; color: rgba(255, 255, 255, 0.5);  padding: 0 20px; font-size: 36px; line-height: 60px; font-weight: 500; align-items: center; vertical-align: middle;}
.location_range div img { padding-left: 20px;}

.home_top { max-width: 1340px; padding:150px 0 100px 0;}
.home_top_text { display: block; position: relative; padding-right: 340px; padding-bottom: 70px;}
.home_top_text img { max-width: 50%; position: absolute; right: -15%; top: -80px;}
.home_video { display: block; position: relative; padding-right: 314px;}
.home_video img, .image_block img { width: 100%;}
.youtube_video a { position: relative; display: block;}
.youtube_video a:after {content: ""; width: 120px; height: 120px; position: absolute; left: 50%; top: 50%; margin-top: -60px; margin-left: -60px; z-index: 1;background: url("../images/player.svg") no-repeat center center; }

.home_top_text h1, .rider_info h2, .image_text h2, .about_event_top h1, .video_gallery h2, .inner_page h1, .inner_page h2 {font-family: 'Fb Matritsa Narrow'; font-weight: 700;}


.home_middle { padding: 98px 10px 45px 10px; margin: 0; background: #FCB913;}
.home_middle .container { max-width: 1360px; padding-left: 10px; padding-right: 10px;}
.home_middle .row { margin-left: -10px; margin-right: -10px;}
.home_middle .row  [class*="col-"] { padding-left: 10px; padding-right: 10px; padding-bottom: 45px;}
.image_block { display: block; height: 100%; background: #fff; border-radius: 5px; overflow: hidden;}
.image_text { padding:32px 36px 100px 34px; position: relative; display: block;}
.image_text h2 { font-size: 32px; line-height: 32px; margin-bottom: 20px;}
.image_text a { position: absolute; z-index: 1; border: solid 1px #CCCCCC; left: 34px; bottom: 33px; display: inline-block;line-height: 40px; padding-right: 80px; padding-left: 20px; font-size: 20px; color: #000; }
.image_text a:before {content: ""; width: 71px; position: absolute; right: 0; top: 0; bottom: 0; z-index: 1; background: linear-gradient(to bottom,  #000000 0%,#666666 100%); }
.image_text a:after {content: ""; width: 20px; height: 20px; position: absolute; right: 23px; top: 10px; z-index: 2; background: url("../images/arrow_white.svg") no-repeat center center;}

.contact_form { flex: 0 0 auto;  width: 100%; padding: 25px 0 15px 0; position: relative;}
.contact_form .form_group { display: block; position: relative; width: 100%; padding:  0 70px 15px 0;}
.contact_form .form_group.email_call { padding:  10px 0 5px 80px; font-size: 20px!important; line-height: 20px!important; color: #fff;}
.contact_form .form_group.email_call a { display: inline-block; color: #03EAFF; padding: 0;}
.contact_form .form_group.email_call a:after { display: none;}
.contact_form .form_group.terms { padding:  0px 0 5px 80px; font-size: 20px!important; line-height: 20px!important; position: relative; z-index: 3;}
.contact_form .form_group label.label_checkbox {  right: auto!important; top: auto!important; display: block; position: relative; padding: 0px 22px 0px 0; width: 100%; text-align: right; z-index: 1; cursor: pointer; margin-bottom: 0;}
.checkboxselect { margin: 0;white-space: nowrap;width: 12px; height: 12px; border-radius: 50%; position: absolute; right:  0px; top: 5px; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; cursor: pointer;  border: 1px solid #fff;  background:#fff;  padding: 0;  -webkit-appearance: none;  -moz-appearance: none;  appearance: none;  -webkit-font-smoothing: inherit;  line-height: normal;z-index: 2; }
.checkboxselect:checked { border:solid 1px #fff; background:#fff;}
.checkboxselect:focus {border:solid 1px #fff; outline: none; background: #fff;}
.checkboxselect:focus:checked { border:solid 1px #fff; background:#fff;}
.checkboxselect:after { content: ""; width: 6px; height: 6px; border-radius: 50%; background: #03EAFF; right:  2px; top:  2px; display: block; position: absolute; -webkit-transform: scale(0);   transform: scale(0); -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; opacity: 0; }
.checkboxselect:checked:after{ -webkit-transform: scale(1); transform: scale(1); -webkit-transition-delay: 0.1s; transition-delay: 0.1s; opacity: 1;}
.contact_form .form_group.submit { width: 78px; position: absolute; left: 0; bottom: 25px; padding: 0; z-index: 5;}
.contact_form .form-control {border: 0; border-bottom: solid 1px #fff; border-radius: 0px; background: rgba(255, 255, 255, 0); width: 100%; padding:  0; height: 30px; line-height: 28px; font-size: 20px;  color: #fff; font-weight: 200; text-align: right;}
.contact_form .form-control:focus {border: 0; border-bottom:  solid 1px #fff; border-radius: 0px;}

.contact_form .form_group label { position: absolute; right:0; top: 10px;line-height: 20px; font-size: 20px;  color: #fff; opacity: 1;}
.contact_form .form-control::-webkit-input-placeholder{ color: #4E4E4E; opacity: 0;font-weight: 400;}
.contact_form .form-control::-moz-placeholder { color: #4E4E4E; opacity: 0;font-weight: 400; }
.contact_form .form-control:-ms-input-placeholder { color: #4E4E4E;font-weight: 400; opacity: 0; }
.contact_form .form-control::-webkit-input-placeholder { color: #4E4E4E;font-weight: 400; opacity: 0; }

.contact_form .form-control:focus:required:valid {
  border-bottom: solid 1px #fff; border-radius: 0px;
}
.contact_form .form-control:focus:required:invalid {
  border-bottom: solid 1px #fff; border-radius: 0px;
}
.contact_form .was-validated .form-control:required:invalid {
  border-bottom: solid 1px #FF3636; border-radius: 0px;
}

.contact_form input[type=submit] { background: #fff; border: solid 1px #fff; color: #000; border-radius: 0px; cursor: pointer; display: block; height: 40px; padding: 0; text-align: center; line-height: 40px; width: 78px; font-size: 20px;  font-weight: 200;}

.rider_info { width: 284px; position: absolute; right: 0; top: 0; z-index: 1; }
.rider_info h2 { margin-bottom: 20px;}
.rider_info ul { display: block; padding: 0; margin: 0; list-style: none;}
.rider_info ul li { padding: 0 0 16px 0; margin: 0; display: block;}
.rider_info ul li a {display: block; line-height: 40px; padding-right: 80px; position: relative; font-size: 20px; color: #000; background: linear-gradient(to bottom,  #e6af0c 0%,#806107 100%); }
.rider_info ul li a:before {content: ""; width: 71px; position: absolute; right: 0; top: 0; bottom: 0; z-index: 1; background: linear-gradient(to bottom,  #000000 0%,#666666 100%); }
.rider_info ul li a:after {content: ""; width: 20px; height: 20px; position: absolute; right: 23px; top: 10px; z-index: 2; background: url("../images/arrow_white.svg") no-repeat center center;}

.rider_video { display: none;}
.rider_video.active {display: block;} 

.rider_form { padding:100px 0 100px 0; background: #0F1111; position: relative; }
.rider_form_img { width: 50%; position: absolute; right: 0; top: 0; bottom: 0; z-index: 1;   background-repeat:no-repeat; background-position: center center; background-size: cover;}
.rider_form .container { max-width: 1360px; padding-left: 10px; padding-right: 10px; position: relative; z-index: 3;}
.rider_form .row { margin-left: -10px; margin-right: -10px;}
.rider_form .row  [class*="col-"] { padding-left: 10px; padding-right: 58%;}
.rider_form h3 {color: #fff; display: block; font-size: 90px; line-height: 90px;}

.rider_form .contact_form { padding: 0;}
.rider_form .contact_form .form_group { padding:  0 0  20px 0;}
.rider_form .contact_form .form-control {border: solid 1px #fff; padding:  0 16px; height: 52px; line-height: 50px; font-size: 16px; }
.rider_form .contact_form .form-control:focus {border:  solid 1px #fff;}
.rider_form  .contact_form .form_group label { position: absolute; right: 16px; top: 0; height: 52px; line-height: 50px; opacity: 0; pointer-events: none;}

.rider_form .form-control::-webkit-input-placeholder{ color: #fff; opacity: 1;font-weight: 300;}
.rider_form .form-control::-moz-placeholder { color: #fff; opacity: 1;font-weight: 300; }
.rider_form .form-control:-ms-input-placeholder { color: #fff;font-weight: 300; opacity: 1; }
.rider_form .form-control::-webkit-input-placeholder { color: #fff;font-weight: 300; opacity: 1; }

.rider_form .form-control:focus::-webkit-input-placeholder{ opacity: 0 !important;}
.rider_form .form-control:focus::-moz-placeholder { opacity: 0 !important;}
.rider_form .form-control:focus:-ms-input-placeholder { opacity: 0 !important;}
.rider_form .form-control:focus::-webkit-input-placeholder{ opacity: 0 !important;}

.rider_form .contact_form .form-control:focus:required:valid { border: solid 1px #fff;}
.rider_form .contact_form .form-control:focus:required:invalid { border: solid 1px #fff; }
.rider_form .contact_form .was-validated .form-control:required:invalid { border: solid 1px #FF3636; }

.rider_form .contact_form .form_group.submit { position: relative; width: 100%; text-align: left; left: auto; bottom: auto; padding-top: 20px; z-index: 5;}
.rider_form .contact_form input[type=submit] { background: #FCB913; border: solid 1px #FCB913; color: #fff; display: inline-block; height: 40px; width: 194px; font-size: 24px; }

.partner_zone { padding: 0; margin: 0; position: relative;}
.partner_zone img { width: 100%; position: relative; z-index: 1;}
.partner_zone h3 { font-size: 96px; line-height: 80px; position: absolute;z-index: 2; right: 112px; top: 90px; width: 400px; color: #fff; margin-bottom: 0;}

.partner_logos { padding-top: 75px; padding-bottom: 75px; text-align: center; max-width: 1380px;}
.partner_logos img { max-width: 100%;}

.footer { padding: 118px 0 150px 0; background: #0F1111;}
.footer .container {max-width: 1380px; position: relative;}
.footer .container .row  [class*="col-"] { position: inherit;}
.footer_nav { width: 315px;display: flex; flex-wrap: wrap;box-sizing: border-box; padding: 0;}
.footer_nav ul { padding: 50px 0 30px 0;flex: 0 0 auto; width: 33.33%; max-width: 33.33%;  flex-direction: column;  list-style: none; margin: 0;}
.footer_nav ul li { display: block; padding: 0 0 15px 0; margin: 0;}
.footer_nav ul li a { font-size: 16px; line-height: 24px; color: #fff; display: block;}
.footer_nav ul li a:hover {color:#FCB913}
.copyright { max-width: 100%; width: 100%;  font-size: 16px; line-height: 24px;color: #fff; border-top: solid 1px #fff; padding-top: 35px;}

.footer_logo {width: 480px; float:  left; }
.footer_logo img { width: 100%;}
.social_nav {width: 480px; position: absolute; left: 20px; top: 360px;}
.social_nav ul { display: flex; flex-wrap: wrap;box-sizing: border-box; padding: 0; margin: 0; justify-content: center; list-style: none;}
.social_nav ul li { padding: 0 25px; flex: 0 0 auto; width: auto; max-width: auto;  flex-direction: column;}
.social_nav ul li:nth-child(1) { padding-right: 0;}
.social_nav ul li:nth-last-child(1) { padding-left: 0;}
.social_nav ul li a { width: 50px; height: 50px; border-radius: 50%;  text-align: center; background: #fff; display: inline-block; line-height: 50px;}

.about_event { max-width: 1380px; padding-top: 100px; padding-bottom: 100px;}
.about_event_top { display: flex; align-items: end;    flex-wrap: wrap; width: 100%; padding-bottom: 100px; border-bottom: solid 1px #000; background-repeat:no-repeat; background-position: left bottom;  } 
.about_event_top  div {flex: 0 0 auto; width: 60%; max-width: 60%; }
.about_event_top  div.event_pic { width: 40%; max-width: 40%; padding-right: 20px;}
.about_event_top  h1 { margin-bottom: 20px;}
.about_event_top  div img { width: 100%;}

.hall_fame {font-family: 'Mobil'; font-weight: 400; padding-top: 120px; padding-bottom: 130px; text-align: center; font-size: 40px; line-height: 46px; color: #000; background-repeat:no-repeat; background-position: center center; background-size: cover; }
.hall_fame .container { max-width: 1244px;}
.hall_fame img { width: 100%;}
.hall_fame h3 {font-size: 105px; line-height: 105px; }
.place { font-family: 'Mobil'; font-weight: 400; font-size: 32px; text-transform: uppercase; padding-bottom: 5px; text-align: right;}

.video_gallery { display: block; position: relative; border-bottom: solid 1px #000; margin-top: 100px; padding-bottom: 100px;}
.video_gallery h2 { position: absolute; right: 0; top: 0; width: 250px; z-index: 5; font-size: 28px; line-height: 28px; margin-bottom: 0px;}
.year_select { display: flex; flex-wrap: wrap;box-sizing: border-box; z-index: 4; width: 300px; position: absolute; right: 0; top: 84px;}
.year_select div { padding: 0 0 0 10px; flex: 0 0 auto; width: 50%; max-width: 50%;  flex-direction: column;}
.gallery_top { padding-right: 313px; padding-bottom: 60px; display: block; z-index: 1; position: relative;}
.gallery_top img { width: 100%;}
.gallery_top .youtube_video_embed { width: 100%; max-width: 100%; }
.video_gallery .jursey { flex-direction: row-reverse; }
.content {display: none;}
.content.active {display: block;}
.year_select select option:checked {font-weight: 700;}
.year_select select option {font-weight: 400;}
.year_select select {font-family: 'Mobil'; font-weight: 400; width: 90px;height: 36px; line-height: 36px;  background: url(../images/darrow.svg) no-repeat left center  #fff;  -webkit-background-size: 19px auto;  background-size: 19px auto;  -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 0; border-radius: 0; margin: 0; font-size: 24px; padding: 0 0 0 20px;}

.rider_details { position: absolute; right: 0; top: 140px; width: 250px;}
.rider_details ul { display: block; padding: 0; margin: 0; list-style: none;}
.rider_details ul li { display: block; padding: 0 0 1px 0; margin: 0; font-weight: 700;}
.rider_details ul li a { color: #000; font-weight: 400;}
.rider_details ul li a:hover {color:#FCB913}
.jursey_pic { display: none;}

.jursey {display: flex; flex-wrap: wrap;box-sizing: border-box; }
.jursey div { padding: 0 1px; flex: 0 0 auto; width: 8.33%; max-width: 8.33%;  flex-direction: column; text-align: center;}
.jursey div img { width: 100%;}
.jursey div button { border: solid 1px #fff; background: none; padding: 0 10px; margin: 0; width: 100%;}
.jursey div button.active {border: solid 1px #C4C4C4}
.jursey div button span {font-family: 'Mobil'; display: block; font-size: 12px; line-height: 16px; font-weight: 400;}

.contact_top { background: #FCB913; padding-top: 300px; padding-bottom: 100px;}
.contact_top .container { max-width: 700px;}
.contact_top  .contact_form { background: #fff; padding: 40px;}

.contact_top .contact_form .form_group { padding:  0 0  15px 0; color: #000;}
.contact_top .contact_form .form-control {border: solid 1px #333; padding:  0 16px; height: 52px; line-height: 50px; font-size: 24px; color: #1A1A1A; opacity: 1; }
.contact_top .contact_form .form-control:focus {border:  solid 1px #333;}
.contact_top  .contact_form .form_group label { position: relative; pointer-events: inherit; display: block; right: auto; top: auto; height: auto; line-height: 30px;color: #1A1A1A;}

.contact_top .form-control::-webkit-input-placeholder{ color: #fff; opacity: 0;font-weight: 300;}
.contact_top .form-control::-moz-placeholder { color: #fff; opacity: 0;font-weight: 300; }
.contact_top .form-control:-ms-input-placeholder { color: #fff;font-weight: 300; opacity: 0; }
.contact_top .form-control::-webkit-input-placeholder { color: #fff;font-weight: 300; opacity: 0; }

.contact_top .form-control:focus::-webkit-input-placeholder{ opacity: 0 !important;}
.contact_top .form-control:focus::-moz-placeholder { opacity: 0 !important;}
.contact_top .form-control:focus:-ms-input-placeholder { opacity: 0 !important;}
.contact_top .form-control:focus::-webkit-input-placeholder{ opacity: 0 !important;}

.contact_top .contact_form .form-control:focus:required:valid { border: solid 1px #333;}
.contact_top .contact_form .form-control:focus:required:invalid { border: solid 1px #333; }
.contact_top .contact_form .was-validated .form-control:required:invalid { border: solid 1px #FF3636; }

.contact_top .contact_form .form_group.submit { padding: 0; width: 194px; left: 40px;bottom: 60px;}
.contact_top .contact_form input[type=submit] { background: #FCB913; border: solid 1px #FCB913; color: #fff; display: inline-block; height: 40px; width: 100%; font-size: 24px; }
.contact_top  .contact_form .form_group.terms { padding: 0px 0 5px 0; color: #000; padding-left: 194px;}
.contact_top  .contact_form .form_group.email_call {padding-left: 194px; padding-top: 20px;}
.contact_top   .contact_form .form_group label.label_checkbox { padding: 0px 22px 0px 0; width: 100%; text-align: right; z-index: 1; cursor: pointer;  margin-bottom: 0; line-height: 20px; color: #000;}
.contact_top .checkboxselect, .contact_top .checkboxselect:checked  {border: solid 1px #333;}

.routes { padding: 0; margin: 0; color: #fff; position: relative;}
.routes:after {content: "";width: 50%; position: absolute; right: 0;  top: 0; bottom: 0; z-index: -1; background: #0F1111;}
.rider_stage , .tab-content {display: none;}
.rider_stage.active, .tab-content.active {display: block;}
.route_content {width: 670px; float: left; padding:60px 0 60px 55px; position: relative; z-index: 2;}
.route_content h1 , .route_content h2, .categoiries_content h2, .spectator_guide h2, .race_village h2, .accomodation h2, .find_partner h2, 
.result_title h2, .epic_content h2
{ color: #fff; text-transform: uppercase;}
.route_content h1, .categoiries_content h2, .spectator_guide h2, .race_village h2, .find_partner h2, .result_title h2 , .epic_content h2
{ font-size: 96px; line-height: 90px;}
.route_content ul  { display: flex; flex-wrap: wrap;box-sizing: border-box; padding: 15px 0 50px 0; margin: 0; justify-content: center; list-style: none;}
.route_content ul li { padding: 0; flex: 0 0 auto; width: 25%; max-width: 25%;  flex-direction: column; text-align: left;}
.route_content ul li a {font-family: 'Mobil'; font-weight: 400; color: #FFB915; text-transform: uppercase;}
.route_content ul li a:hover, .route_content ul li a.active { color: #fff;}
.route_content ul li:nth-child(1) { text-align: right; }
.route_content ul li:nth-child(2), .route_content ul li:nth-child(3) { padding-left: 2%; }
.rider_stages ul  { display: flex; flex-wrap: wrap;box-sizing: border-box; padding: 0; margin: 0; list-style: none; height: 100%;} 
.rider_stages ul li { padding: 0; margin: 0; flex: 0 0 auto; width: 100%; max-width: 100%; height: 25%;  flex-direction: column; text-align: center; background-repeat:no-repeat; background-position: center center; background-size: cover;}
.rider_stages ul li a {font-family: 'Mobil'; font-weight: 400; position: relative; z-index: 3; display: flex; flex-wrap: wrap;box-sizing: border-box; height: 100%; color: #fff; font-size: 64px; line-height: 64px; text-transform: uppercase; align-items: center; justify-content: center;}
.rider_stages ul li a:after {content: ""; position: absolute; z-index: 2; left: 0; right: 0; top: 0; bottom: 0; background: linear-gradient(to bottom, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0) 60%);}
.rider_stages ul li a:before {content: ""; position: absolute; z-index: 1; left: 0; right: 0; top: 0; bottom: 0; background: rgba(255, 185, 21, 0.71);}
.rider_stages ul li a span { position: relative; z-index: 4;}

.categoiries  { position: relative;}
.categoiries .row{ /* align-items: center;*/}
.categoiries:after {content: "";width: 100%; position: absolute; left: 0;  top: 0; bottom: 0; z-index: -1; background: #0F1111;}
.categoiries_content { width: 670px; float: right; padding:60px 55px 60px 0; color: #fff; position: relative; z-index: 2; }
.categoiries_content h2 { /*text-align: left;*/}
.categoiries_content ul  {  display: flex; flex-wrap: wrap;box-sizing: border-box; padding: 40px 0 0 0; margin: 0; list-style: none;}
.categoiries_content ul li { padding: 15px 0; margin: 1px 0; flex: 0 0 auto; width: 100%; max-width: 100%;  flex-direction: column; /*text-align: left;*/}
.categoiries_content ul li a {font-family: 'Mobil'; font-weight: 400;display: block; color: #fff; font-size: 64px; line-height: 64px; text-transform: uppercase;}
.categoiries_content ul li a:hover, .spectator_content a:hover  {color:#FCB913;}
.categoiries_pic { width: 100%; position: absolute; left: 0; right: 0; top: 0; bottom: 80px; z-index: 1; padding-bottom: 165px;background-repeat: no-repeat; background-position: center center; background-size: cover;}
.categoiries_pic img {display: none; width: 100%;}
.dresses { position: absolute; z-index: 4; left: 0; right: 0; bottom: 0px; text-align: center; padding:  0 10px 27px 10px; }
.dresses:after { content: ""; position: absolute; z-index: -1; background: #fff; left: 0; right: 0; top: 50px; bottom: 0;}  
.dresses img { max-width: 100%; }

.spectator_guide, .race_village {position: relative; background-repeat:no-repeat; background-position: center center; background-size: cover;}
.spectator_guide:after, .race_village:after {content: ""; position: absolute; left: 0;right: 0;  top: 0; bottom: 0; z-index: 1;mix-blend-mode: multiply; background: linear-gradient(to right, rgba(15,17,17,1) 0%,rgba(105,119,119,1) 100%);}
.spectator_guide .container, .race_village .container {position: relative; max-width: 1340px; padding-top: 70px; padding-bottom: 330px; z-index: 5;}
/*.spectator_content { direction: ltr;}*/
.spectator_content a { font-family: 'Mobil'; font-weight: 400; font-size: 36px; line-height: 36px; color: #fff;}
.spectator_content ul  { display: flex; flex-wrap: wrap;box-sizing: border-box; padding: 0; margin: 0; list-style: none; align-items: end;} 
.spectator_content ul li { padding: 0 0 0 14px; margin: 0; flex: 0 0 auto; width: auto; max-width: auto;  flex-direction: column; text-align: left;}
.spectator_content ul li img { max-width: 100%;}
.spectator_nav { position: absolute; z-index: 6; right: 50px; bottom: 0; width: 330px}
.spectator_nav ul, .accomodation_nav ul  { display: block; padding: 0; margin: 0; list-style: none;}
.spectator_nav ul li, .accomodation_nav ul li { padding: 5px 0; margin: 1px 0;}
.spectator_nav ul li a, .accomodation_nav ul li a {display: block; color: #fff; font-size: 24px; line-height: 35px; }
.spectator_nav ul li a:hover, .spectator_nav ul li a.active, .accomodation_nav ul li a:hover, .accomodation_nav ul li a.active {color:#FCB913;}
.race_content {width: 670px; float: left; padding:60px 55px 60px 0; color: #fff; position: relative; z-index: 2;}
.set_content { display: none;}
.set_content.active {display: block;}

.race_village .container { padding-bottom: 200px;}

.accomodation {position: relative;}
.accomodation .row { align-items: center;}
.accomodation:after {content: "";width: 50%; position: absolute; right: 0;  top: 0; bottom: 0; z-index: -1; background: #0F1111;}
.accomodation_nav { width: 670px; float: left; padding:100px 0px 100px 55px; color: #fff; position: relative; z-index: 2; }
.accomodation h2 { font-size: 64px; line-height: 64px;}
.for_mobile { display: none;}

.accomodation_pic { position: absolute; left: 0;top: 0; bottom: 0; width: 50%; z-index: 1; background-repeat:no-repeat; background-position: center center; background-size: cover;}
.accomodation_pic:after {content: ""; position: absolute; left: 10%; right: 10%;  top: 100px; bottom: 100px; z-index: 2; mix-blend-mode: multiply; background: linear-gradient(to right, rgba(15,17,17,1) 0%,rgba(105,119,119,1) 100%);}
.accomodation_wrap { display: block; padding: 10% 8%; position: relative; z-index: 5;}
.accomodation_content { position: relative; color: #fff; padding: 80px 150px 65px 130px; }
.accomodation_content h3 {font-size: 36px; line-height: 36px; font-weight: 400; color: #FFB915}

.find_partner { background: #FCB913; padding: 100px 0 60px 0;}
.find_partner .contact_form  { padding:50px 0 0 0;}

.find_partner .contact_form .form_group { font-family: 'Mobil'; font-weight: 400; padding:  0 120px  40px 0;width: 100%; max-width: 1040px; z-index: 1;}
.find_partner .contact_form .form_group.epadding { padding-right: 390px;}
.find_partner .contact_form .form_group.numpadding { padding-right: 290px;}
.find_partner .contact_form .form-control { text-align: right; padding: 0 16px; border: solid 1px #FFCB4B; background: #FFCB4B; height: 40px; line-height: 38px; font-size: 24px; color: #1A1A1A; opacity: 1; font-weight: 400; }
.find_partner .contact_form .form-control:focus {border:  solid 1px #FFCB4B;}
.find_partner .contact_form .form_group label { text-transform: uppercase; right: auto; right: 0; top: auto; font-size: 36px; font-weight: 500; pointer-events: inherit;height: 40px; line-height: 38px; color: #0F1111;}

.find_partner .contact_form .form-control:focus:required:valid { border: solid 1px #FFCB4B;}
.find_partner .contact_form .form-control:focus:required:invalid { border: solid 1px #FFCB4B; }
.find_partner .contact_form .was-validated .form-control:required:invalid { border: solid 1px #FF3636; }

.find_partner .contact_form .form_group.for_radio { padding-right: 0px; width: 100%}
.find_partner .contact_form .form_group.for_radio label { position: relative; width: auto; display: inline-block; padding-left: 10px;}

.find_partner .contact_form .form_group.for_radio label.label_radiobox {padding-right: 30px; cursor: pointer;}
.radioselect { margin: 0;white-space: nowrap;width: 24px; height: 24px; border-radius: 50%; position: absolute; right:  0px; top: 50%; margin-top: -12px;  border: 1px solid #000;  background:#fff;  padding: 0; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; cursor: pointer;  -webkit-appearance: none;  -moz-appearance: none;  appearance: none;  -webkit-font-smoothing: inherit;  line-height: normal;z-index: 2; }
.radioselect:checked { border:solid 1px #000; background:#fff;}
.radioselect:focus {border:solid 1px #000; outline: none; background: #fff;}
.radioselect:focus:checked { border:solid 1px #000; background:#fff;}
.radioselect:after { content: ""; width: 12px; height: 12px; border-radius: 50%; background: #03EAFF; right:  5px; top:  5px; display: block; position: absolute; -webkit-transform: scale(0);   transform: scale(0); -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; opacity: 0; }
.radioselect:checked:after{ -webkit-transform: scale(1); transform: scale(1); -webkit-transition-delay: 0.1s; transition-delay: 0.1s; opacity: 1;}

.find_partner_right { position: absolute; right: 0; top: -40px; z-index: 2; width: 370px}
.find_partner_right p { font-size: 32px; line-height: 38px;}
.find_partner .contact_form .form-control.textarea {width: 100%; height: 344px; line-height: 28px; padding: 16px; background: #fff;}

.find_partner .form-control.textarea::-webkit-input-placeholder{ color: #666666; opacity: 1;font-weight: 500;}
.find_partner .form-control.textarea::-moz-placeholder { color: #666666; opacity: 1;font-weight: 500; }
.find_partner .form-control.textarea:-ms-input-placeholder { color: #666666;font-weight: 500; opacity: 1; }
.find_partner .form-control.textarea::-webkit-input-placeholder { color: #666666;font-weight: 500; opacity: 1; }

.find_partner .form-control.textarea:focus::-webkit-input-placeholder{ opacity: 0 !important;}
.find_partner .form-control.textarea:focus::-moz-placeholder { opacity: 0 !important;}
.find_partner .form-control.textarea:focus:-ms-input-placeholder { opacity: 0 !important;}
.find_partner .form-control.textarea:focus::-webkit-input-placeholder{ opacity: 0 !important;}

.find_partner .contact_form .form_group.submit { padding:15px 0 0 0; width: 100%; left: auto;bottom: auto; position: relative; text-align: left;}
.find_partner .contact_form input[type=submit], .matching_list a { text-align: center; text-transform: uppercase; padding: 0 10px; background: #1A1A1A; border: solid 1px #1A1A1A; color: #fff; display: inline-block; height: 40px; width: 224px; font-size: 32px; font-weight: 500; line-height: 38px; }
.find_partner .contact_form .form_group.matching_list { padding: 30px 815px 0 0; max-width: 100%;}
.matching_list a { width: inherit; }

.results { padding: 80px 0 100px 0; position: relative; }
.results .row  [class*="col-"] { position: inherit;}
.results_pic { z-index: 1;width: 100%; float:  left;}
.results_pic:after  { content: ""; position: absolute; z-index: 2; pointer-events: none; left: 0; right: 0; top: 0; bottom: 0;background: radial-gradient(ellipse at center, rgba(96,96,96,0.45) 0%,rgba(102,102,102,0.42) 20%,rgba(0,0,0,1) 80%); mix-blend-mode: multiply;}
.results_image { display: block; position: relative;}
.results_image img { width: 100%; position: relative; z-index: 1;}
.pdf_link { font-family: 'Mobil'; font-weight: 400; display: inline-block; color: #fff; font-size: 36px; position: absolute; z-index: 5; height: 112px; padding-right: 120px; right: 0; top: 0;background: url(../images/pdf.svg) no-repeat right top  rgba(255, 255, 255, 0) ; background-size: auto 112px; }
.result_thumbnail { padding-bottom: 15px; position: relative; z-index: 4; margin-top: -120px; display: flex; overflow-x: auto; white-space: nowrap;width: 100%; float:  right;}
/*
.result_thumbnail::-webkit-scrollbar {display: none;}*/

.result_thumbnail div {font-size:20px;font-family: 'Mobil'; width: 16.66%; vertical-align: top; float: right; color: #fff; text-transform: uppercase; font-weight: 700;padding-left: 2px;}
.result_thumbnail div h3 { padding-right: 40px; font-size: 22px; line-height: 36px; margin-bottom: 5px; color: #fff;}
.result_thumbnail div p { padding-right: 40px; margin-bottom: 0;}
.result_thumbnail a { color: #fff;}
.result_thumbnail div img { max-width: 100%;}

.result_title { position: relative; z-index: 6; width: 100%; float: left;}
.year_select2 {  position: absolute; left: -30px; top: 20px; }
.year_select2 select {font-family: 'Mobil'; font-weight: 400; color: #fff;  border: 0; border-radius: 0; margin: 0; font-size: 64px;line-height: 60px;  padding: 0 0 0 30px; width: 200px; background:  url(../images/darrow2.svg) no-repeat left center rgba(255, 255, 255, 0);  -webkit-background-size: 20px auto;  background-size: 20px auto;  -webkit-appearance: none; -moz-appearance: none; appearance: none;background-color: transparent; }
.year_select2 select option:checked {font-family: 'Mobil'; font-weight: 400; color: #333;}
.year_select2 select option {font-family: 'Mobil'; font-weight: 400; color: #333;}

.epic_angels { padding: 60px 0 80px 0;  background-repeat:no-repeat; background-position: right top; background-size: cover;}
.epic_content { width: 670px; float: left; padding: 0 55px 0 0; color: #fff; position: relative; z-index: 2;}
/*.epic_content h2 { text-align: left;}*/


.epic_content .contact_form { padding:25px 0 0 0;}
.epic_content .contact_form .form_group { padding:  0 0  20px 0;}
.epic_content .contact_form .form-control {border: solid 1px #fff; background: #000; padding:  0 16px; height: 52px; line-height: 50px; font-size: 16px; }
.epic_content .contact_form .form-control:focus {border:  solid 1px #fff;}
.epic_content  .contact_form .form_group label { position: absolute; right: 16px; top: 0; height: 52px; line-height: 50px; opacity: 0; pointer-events: none;}

.epic_content .form-control::-webkit-input-placeholder{ color: #fff; opacity: 1;font-weight: 300;}
.epic_content .form-control::-moz-placeholder { color: #fff; opacity: 1;font-weight: 300; }
.epic_content .form-control:-ms-input-placeholder { color: #fff;font-weight: 300; opacity: 1; }
.epic_content .form-control::-webkit-input-placeholder { color: #fff;font-weight: 300; opacity: 1; }

.epic_content .form-control:focus::-webkit-input-placeholder{ opacity: 0 !important;}
.epic_content .form-control:focus::-moz-placeholder { opacity: 0 !important;}
.epic_content .form-control:focus:-ms-input-placeholder { opacity: 0 !important;}
.epic_content .form-control:focus::-webkit-input-placeholder{ opacity: 0 !important;}

.epic_content .contact_form .form-control:focus:required:valid { border: solid 1px #fff;}
.epic_content .contact_form .form-control:focus:required:invalid { border: solid 1px #fff; }
.epic_content .contact_form .was-validated .form-control:required:invalid { border: solid 1px #FF3636; }

.epic_content .contact_form .form_group.submit { position: relative; width: 100%; text-align: left; left: auto; bottom: auto; padding-top: 20px; z-index: 5;}
.epic_content .contact_form input[type=submit] { background: #fff; border: solid 1px #fff; color: #000; display: inline-block; height: 40px; width: 194px; font-size: 24px; }
.registration_wrap { padding: 0; position: relative; }
.registration_wrap .container {font-family: 'Fb Matritsa Narrow'; font-weight: 700; position: relative; z-index: 2; padding-top: 600px; padding-bottom: 50px;-moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease;  transition: all 0.5s ease;}
.scrolled .registration_wrap .container { padding-top: 430px;  -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease;  transition: all 0.5s ease;}
.registration_wrap .row [class*="col-"] { padding-bottom: 100px;}
.registration_wrap .registration_step .row [class*="col-"]{ padding-bottom: 0px;}
.registration_wrap .registration_step { position: absolute; z-index: 99; left: 50%; max-width: 1380px; margin-left: -690px; top: 130px; padding-top: 220px; padding-bottom: 0px; background: #FAFAFA; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease;  transition: all 0.5s ease;}
.scrolled .registration_wrap .container.registration_step { position: fixed; padding-top: 50px; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease;  transition: all 0.5s ease;}
.footer-in-view.scrolled .registration_wrap .container.registration_step { position: absolute;}
.registration_step ul {  display: flex; flex-wrap: wrap;box-sizing: border-box; padding: 0; margin: 0 -50px; list-style: none;}
.registration_step ul li { padding: 0 50px; flex: 0 0 auto; width: 20%; max-width: 20%;  flex-direction: column;}
.registration_step ul li a { color: #CCCCCC; position: relative; display: block; padding-top: 125px;  transition: all 0.5s ease; }
.registration_step ul li:nth-child(1) a, .registration_step ul li a.active, .registration_step ul li.active a {color: #FCB913}
.registration_step ul li a:before { content: ""; position: absolute; right: 0; top: 0; z-index: 2; width: 84px; height: 84px; border-radius: 50%; border: solid 1px #666; background: #666; transition: all 0.5s ease; }
.registration_step ul li a:after { content: ""; position: absolute; left: 0; top: 41px; z-index: 1; width: 80%; height: 3px; background: #666; transition: all 0.5s ease; }
.registration_step ul li:nth-child(1)  a:before,.registration_step ul li:nth-child(1)  a:before, .registration_step ul li a.active:before, .registration_step ul li.active a:before, .registration_step ul li a.active:after, .registration_step ul li.active a:after  { background: #FCB913;border: solid 1px #FCB913; transition: all 0.5s ease;}
.package_block { display: block; position: relative; padding: 80px 80px 60px 80px; border: solid 1px #666; background: #fff; border-radius: 10px; color: #666; text-transform: uppercase; }
.registration_wrap h2, .registration_wrap h3, .registration_wrap h4 { font-size: 36px; line-height: 36px; text-transform: uppercase; color: #666}
.registration_wrap h3 { color: #000;}
.registration_wrap h4 { color: #FCB913; margin-bottom: 30px;}
.registration_wrap .total h4 {color: #666;}
.registration_wrap #register_step_0 .package_block .btn { text-transform: none; }
.reg_auth_inline { margin: 24px 0; padding: 0; border: 1px solid #666; border-radius: 10px; background: #fafafa; overflow: hidden; }
.reg_auth_inline.d-none { display: none !important; }
/* Hide main checkout submit while sign-in panel is open (sibling must stay in this order in template) */
.registration_wrap #reg_auth_inline:not(.d-none) ~ #ecom_checkout_submit_wrap {
  display: none !important;
}
.reg_auth_inline__toolbar { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 16px 20px 0; margin: 0; }
.reg_auth_inline__toolbar h4 { margin: 0; font-size: 1.25rem; }
.reg_auth_inline__cancel { flex-shrink: 0; padding: 0; text-decoration: none; }
.reg_auth_inline .package_block { border: none; margin: 0; padding: 16px 20px 24px; }
.ecom_rivhit_iframe_wrap { width: 100%; min-height: 480px; }
.ecom_rivhit_iframe { width: 100%; min-height: 640px; border: 1px solid #666; border-radius: 10px; }
.ecom_payment_balance_detail { line-height: 1.5; }
.ecom_payment_balance_row { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px 16px; margin-bottom: 4px; }
.ecom_payment_balance_label { opacity: 0.9; }
.ecom_payment_balance_value { font-weight: 600; color: inherit; }

.top_padding { position: fixed; height: 300px; left: 50%; top: 0; width: 1px; background: rgba(112,112,112, 0); z-index: 999999; pointer-events: none;}

.package_block .form_group {display: flex; flex-wrap: wrap;box-sizing: border-box; padding: 0; margin: 0 -30px;}
.package_block .form_group.selectpackage { padding: 30px 0 60px 0;}
.package_block .form_group.selectpackage > div { flex: 0 0 auto; width: 33.33%; max-width: 33.33%;  flex-direction: column; padding:0 30px 0 30px; }
.package_block .form_group.selectpackage.half , .package_block .form_group.selectpackage.middle { padding-bottom: 30px;}
.package_block .form_group.selectpackage.half > div, .package_block .form_group.selectpackage.middle > div { width: 50%; max-width: 50%;  padding:0 30px 30px 30px; }
.package_block .form_group.selectpackage label { height: 100%; display: flex; flex-wrap: wrap;box-sizing: border-box; min-height: 166px; padding: 50px 20px;  cursor: pointer; position: relative; align-items: center;}
.package_block .form_group.selectpackage label span { flex: 0 0 auto; width: 100%; max-width: 100%;  flex-direction: column; padding-right: 110px; /* position: absolute; left: 110px; top: 50%;  transform: translateY(-50%);*/  z-index: 5;}
.package_block .form_group.selectpackage.half label span { text-transform: none;}
.package_block .form_group.selectpackage.half label span + span { position: absolute; padding-left: 0px; font-size: 16px;left: 20px; right:20px;  top: auto; bottom: 15px;text-transform: none;}
.radioselect2 { margin: 0;white-space: nowrap; background: rgba(252, 185, 19, 0); border-radius: 10px; position: absolute; left:  0px; right: 0px; top: 0; bottom:  0;  border: 1px solid #666;  padding: 0; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; cursor: pointer;  -webkit-appearance: none;  -moz-appearance: none;  appearance: none;  -webkit-font-smoothing: inherit;  line-height: normal;z-index: 2; }
.radioselect2:checked { border:solid 1px #FCB913;  background: rgba(252, 185, 19, 0.36);}
.radioselect2:focus {border:solid 1px #666; outline: none; background: rgba(252, 185, 19, 0);}
.radioselect2:focus:checked { border:solid 1px #FCB913;  background: rgba(252, 185, 19, 0.36);}
.radioselect2:after { content: ""; width: 36px; height: 36px; border-radius: 50%; background: #D9D9D9; border: solid 1px #666; right:  42px; top:  50%; margin-top: -18px; display: block; position: absolute; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; opacity: 1; }
.radioselect2:checked:after{ background: #FCB913; border: solid 1px #FCB913;  -webkit-transition-delay: 0.1s; transition-delay: 0.1s; opacity: 1;}
.selectpackage.half .radioselect2:after { top: 50%}
.package_price {display: flex; flex-wrap: wrap;box-sizing: border-box;}
.package_price > div { flex: 0 0 auto; width: 50%; max-width: 50%;  flex-direction: column; padding-top: 20px;}
.package_price > div:nth-child(2) { text-align: left;}
.package_price a {color: #FCB913; text-transform: none;}

.package_block .form_group.selectpackage > div.code_send , .package_block .form_group.selectpackage > div.code_receive {width: 100%; max-width: 100%; text-align: right; padding-top: 10px;}
.package_block .form_group.selectpackage > div.code_text  { text-align: center; text-transform: none; color: #000; width: 100%; max-width: 100%;  padding: 10px 15px;}
.package_block .form_group.selectpackage > div.code_text.half { padding-right: 40%; text-align: left; padding-bottom: 0; }
.code_send button, .code_receive ul li b {font-family: 'Mobil'; font-weight: 400;  font-size: 24px; line-height: 31px; text-align: center; text-transform: uppercase; padding: 12px 30px; border: 0; display: inline-block; background: #FCB913; border-radius: 10px; color: #1A1A1A;}
.code_receive ul {display: flex; flex-wrap: wrap;box-sizing: border-box; margin: 0 -15px; padding:15px 0 0 0; list-style: none; }
.code_receive ul li {flex: 0 0 auto; width: 50%; max-width: 50%;  flex-direction: column; padding:0 15px; }
.code_receive ul li .form-control {  border: solid 1px #666666; border-radius: 4px; background: rgba(255, 255, 255, 1); width: 420px; padding: 0 12px; height: 55px; line-height: 53px; font-size: 24px; color: #666; font-weight: 400;}
.code_receive ul li b { border-radius: 4px;}


.package_block .form_group.regular { margin: 0; padding: 20px 0 30px 36%; }
.package_block .form_group.regular.dateselect { position: relative;}
.package_block .form_group.regular label {flex: 0 0 auto; width: 100%; max-width: 100%;  color: #666666; font-size: 24px; line-height: 36px; padding: 0 0 5px 0; margin: 0; }

.package_block .form_group.regular .form-control { text-align: right; border: solid 1px #666666; border-radius: 0px; background: rgba(255, 255, 255, 1); width: 100%; padding: 0 12px; height: 55px; line-height: 53px; font-size: 24px;  color: #666; font-weight: 400;}
.package_block .form_group.regular .form-control:focus {border:  solid 1px #666; border-radius: 0px;}

.package_block .form_group.regular .form-control::-webkit-input-placeholder{ color: #4E4E4E; opacity: 0;font-weight: 400;}
.package_block .form_group.regular .form-control::-moz-placeholder { color: #4E4E4E; opacity: 0;font-weight: 400; }
.package_block .form_group.regular .form-control:-ms-input-placeholder { color: #4E4E4E;font-weight: 400; opacity: 0; }
.package_block .form_group.regular .form-control::-webkit-input-placeholder { color: #4E4E4E;font-weight: 400; opacity: 0; }

.package_block .form_group.regular .form-control:focus:required:valid {
  border: solid 1px #666; border-radius: 0px;
}
.package_block .form_group.regular  .form-control:focus:required:invalid {
  border: solid 1px #666; border-radius: 0px;
}
.registration_wrap .was-validated .form_group.regular .form-control:required:invalid {
  border: solid 1px #FF3636; border-radius: 0px;
}

.package_block .form_group.gender { margin: 0 -15px; padding: 20px 0 30px 0;}
.package_block .form_group.gender > div {flex: 0 0 auto; max-width: auto; width: auto; padding:0 15px; line-height: 56px;}
.package_block .form_group.gender > div.fullwidth , .package_block .form_group.gender.nutrition > div.fullwidth {flex: 0 0 auto; max-width: 100%; width: 100%; padding: 0 15px 5px 15px; line-height: 36px;}
.package_block .form_group.gender label { padding: 0 20px; width: 100%; min-width: 84px; min-height: 55px;cursor: pointer; position: relative;text-align: center;}
.package_block .form_group.gender.nutrition label { min-width: 200px;}
.package_block .form_group.gender label span { position: relative; left: auto; right: auto;  padding:0; color: #666;  z-index: 5;}
.radioselect3, .radioselect3:focus { margin: 0;white-space: nowrap; background: rgba(252, 185, 19, 0); border-radius: 0px; position: absolute; left:  0px; right: 0px; top: 0; bottom:  0;  border: 1px solid #666;  padding: 0; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; cursor: pointer;  -webkit-appearance: none;  -moz-appearance: none;  appearance: none;  -webkit-font-smoothing: inherit;  line-height: normal;z-index: 2; }
.radioselect3:checked { border:solid 1px #666;  background: rgba(252, 185, 19, 1);}

.package_block .form_group.gender.full { padding-right: 0%;}
.package_block .form_group.gender.full  > div {flex: 0 0 auto; max-width: 100%; width: 100%; padding-right: 15px; padding-bottom: 50px; line-height: 32px; }
.package_block .form_group.gender.full  > div:nth-last-child(1) { padding-bottom: 0;}
.package_block .form_group.gender.full label { display: block; padding: 12px 10px; }

.product_tab { display: flex; flex-wrap: wrap;box-sizing: border-box; margin: 0 -15px; position: relative; z-index: 6;}
.product_tab > div {flex: 0 0 auto; max-width: 100%; width: 100%;padding: 20px 15px 30px 300px; position: relative;}
.hour_select, .hour_select:focus {line-height: 32px; color: #666; text-transform: uppercase; text-align: center; margin: 0; width: 100%; background: rgba(252, 185, 19, 0); border-radius: 0px; border: 1px solid #666;padding: 12px 10px;}
.hour_select:hover, .hour_select:hover:focus, .product_tab > div.active .hour_select  {background: rgba(252, 185, 19, 1);}
.product_tab > div ul { visibility: hidden; position: absolute; max-height: 0!important; width: 280px; left: 0; top: 20px;display: flex; flex-wrap: wrap;box-sizing: border-box; margin: 0 -5px;  list-style: none; padding: 0;  -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease;  transition: all 0.5s ease; overflow: hidden;}
.product_tab > div.active ul { visibility: visible; overflow: hidden; max-height: 500px!important;  transition: all 0.2s ease-in-out;}
.product_tab > div ul li { margin: 0; padding: 0 5px 10px 5px; flex: 0 0 auto; max-width: 25%; width: 25%;}
.select_radio {display: flex; flex-wrap: wrap;box-sizing: border-box; align-items: center; padding: 0; width: 100%; min-width: 100%; min-height: 48px;cursor: pointer;position: relative; text-align: center;}
.select_radio span{ position: relative; z-index: 5;font-size: 18px; font-weight: 700; color: #000;  flex: 0 0 auto; max-width: 100%; width: 100%; display: block; }
.radioselect4, .radioselect4:focus { margin: 0;white-space: nowrap; background: #D9D9D9; border-radius: 0px; position: absolute; left:  0px; right: 0px; top: 0; bottom:  0;  border: 1px solid #D9D9D9;  padding: 0; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; cursor: pointer;  -webkit-appearance: none;  -moz-appearance: none;  appearance: none;  -webkit-font-smoothing: inherit;  line-height: normal;z-index: 2; }
.radioselect4:checked { border:solid 1px #ED2127;  background: #ED2127;}
.select_radio .radioselect4:checked  + span { color: #fff;}

.package_block select {font-family: 'Fb Matritsa Narrow'; font-weight: 700; color: #666; border: solid 1px #666; border-radius: 0; margin: 0; font-size: 24px; text-transform: uppercase; padding: 0 16px; font-weight: 400; width: 100%;height: 55px; line-height: 53px;  background: #fff url(../images/darrow3.svg) no-repeat left 15px center;  -webkit-background-size: 19px auto;  background-size: 19px auto;  -webkit-appearance: none; -moz-appearance: none; appearance: none;}

.package_table {display: block;}
.package_table ul {display: flex; flex-wrap: wrap;box-sizing: border-box; padding: 0 0 30px 0; margin: 0; list-style: none;}
.package_table ul li { flex: 0 0 auto; width: 35%; max-width: 35%;  flex-direction: column; padding: 0; margin: 0;}
.package_table ul li:nth-last-child(1) { text-align: left;}
.package_table ul li:nth-child(1) {width: 30%; max-width: 30%; }
.package_table ul:nth-last-child(1) { border-top:  solid 1px #000; padding-top: 30px;}
.package_table ul:nth-last-child(1)  li {width: 50%; max-width: 50%; }
.package_table ul:nth-last-child(1)  li:nth-last-child(1) {color: #FCB913;}
.package_table .ecom_cart_remove_btn {
  border: none;
  background: transparent;
  color: #ED2127;
  cursor: pointer;
  font-family: inherit;
  font-size: 28px;
  font-weight: 700;
  line-height: 1;
  padding: 0;
  min-width: 36px;
  min-height: 36px;
}
.package_table .ecom_cart_remove_btn:hover,
.package_table .ecom_cart_remove_btn:focus {
  color: #c41a1f;
  outline: none;
}
.package_table .ecom_cart_remove_btn:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.ecom_checkout_requires_package { margin: 0 0 20px; padding: 16px 20px; background: #f5f5f5; border-radius: 10px; }
a.ecom-checkout-nav-disabled { pointer-events: none; opacity: 0.45; cursor: not-allowed; }
.payble_link { text-transform: none; padding: 25px 33px; display: block; color: #1A1A1A; background: #D9D9D9; border-radius: 10px; margin-bottom: 40px; }

.package_block .form_group.terms { margin: 0; padding-top: 20px;}
.package_block .form_group.terms label {  padding: 15px 0; height: auto;cursor: pointer; text-align: right; color: #1A1A1A; position: relative; padding-right: 85px; text-transform: none;}
.checkbox3, .checkbox3:focus { width: 66px; height: 66px;  margin: 0; white-space: nowrap; background: rgba(252, 185, 19, 0); border-radius: 10px; position: absolute; right:  0px;  top: 50%; margin-top: -33px;  border: 1px solid #666;  padding: 0; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; cursor: pointer;  -webkit-appearance: none;  -moz-appearance: none;  appearance: none;  -webkit-font-smoothing: inherit;  line-height: normal;z-index: 2; }
.checkbox3:checked { border:solid 1px #FCB913;  background: rgba(252, 185, 19, 1);}

.package_block .form_group.submit { margin: 0; padding: 0 0 30px 0;}
.package_block .form_group.submit input[type=submit], .package_block .form_group.submit .submit_button {background: #FCB913; border: solid 1px #FCB913; border-radius: 10px; color: #666; display: block; height: 90px; width: 100%; font-size: 24px; line-height: 90px; }
.package_block .form_group.submit button.submit_button { font-family: inherit; cursor: pointer; padding: 0; }

.secure_checkout .package_block {padding: 0; border: 0; background: none; text-transform: none;}
.registration_wrap.secure_checkout .container { padding-top: 320px; padding-bottom: 0px;}
.registration_wrap.secure_checkout h1, .participants_list h1 { font-size: 36px; line-height: 36px; text-align: center; margin-bottom: 42px; text-transform: uppercase;}
.registration_wrap.secure_checkout .events { width: 100%}
.registration_wrap.secure_checkout .events h3 {  color: #666; font-size: 24px; text-transform: inherit; margin-bottom: 15px;}
.registration_wrap.secure_checkout .events label { font-size: 20px;}
.due_now {color: #666666; display: block; padding: 50px 70px 50px 100px; background: rgba(252, 185, 19, 0.29); border: solid 1px #FCB913; border-radius: 10px;} 
.due_now ul {display: flex; flex-wrap: wrap;box-sizing: border-box; padding: 0; margin: 0; list-style: none;}
.due_now ul li { flex: 0 0 auto; width: 50%; max-width: 50%;  flex-direction: column; padding: 0; margin: 0;}
.due_now ul li:nth-last-child(1) { text-align: left; color: #FCB913; font-size: 36px;}

.expiery_date .exp_date { width: 60%; padding-left: 35px;}
.expiery_date  .cvv_code {width: 40%;}
.package_block .form_group.regular.expiery_date .form-control::-webkit-input-placeholder{ color: #666; opacity: 1;font-weight: 400;}
.package_block .form_group.regular.expiery_date .form-control::-moz-placeholder { color: #666; opacity: 1;font-weight: 400; }
.package_block .form_group.regular.expiery_date .form-control:-ms-input-placeholder { color: #666;font-weight: 400; opacity: 1; }
.package_block .form_group.regular.expiery_date .form-control::-webkit-input-placeholder { color: #6666;font-weight: 400; opacity: 1; }

.package_block .form_group.regular.expiery_date .form-control:focus::-webkit-input-placeholder{ opacity: 0 !important;}
.package_block .form_group.regular.expiery_date .form-control:focus::-moz-placeholder { opacity: 0 !important;}
.package_block .form_group.regular.expiery_date .form-control:focus:-ms-input-placeholder { opacity: 0 !important;}
.package_block .form_group.regular.expiery_date .form-control:focus::-webkit-input-placeholder{ opacity: 0 !important;}

.recipient_name { margin-top: 10px; padding-top: 50px; border-top: solid 1px #000; width: 100%;}
.registration_wrap  .recipient_name h3 { font-size: 24px; color: #666; text-transform: none;margin-bottom: 15px;}
.package_block .form_group.regular .recipient_name label { font-size: 20px;}

.participants_list { padding: 0;}
.participants_list .container { padding-top: 320px; padding-bottom: 50px; font-family: 'Mobil'; font-weight: 400; color: #666666;}
.participant_common { padding: 50px; border: solid 1px #CCCCCC; border-radius: 10px; background: #fff; margin:0 0 25px 0;  display: flex; flex-wrap: wrap;box-sizing: border-box;}
.participant_common > div { flex: 0 0 auto; width: 40%; max-width: 40%;  flex-direction: column; padding: 0; margin: 0;}
.participant_common > div:nth-last-child(1) { width: 60%; max-width: 60%;}
.participant_common > div b, .participant_common > div strong { color: #000; display: inline-block; padding-left: 20px; font-weight: 400;}
.participant_common > div h2 + p { background: #fff url(../images/pin.svg) no-repeat right 5px; padding-right: 32px; }
.participant_common > div:nth-child(1) h2 + p + p { background: #fff url(../images/grand.svg) no-repeat right 5px; padding-right: 32px; }
.participant_common h2, .matching_common h2 { font-size: 36px; line-height: 36px; text-transform: uppercase;} 
.matching_common h2 { margin-bottom: 18px;}

.matching_common { padding: 50px 50px 50px 150px; border: solid 1px #CCCCCC; border-radius: 10px; background: #fff; margin:0 0 25px 0; display: block; }
.matching_common ul { display: flex; flex-wrap: wrap;box-sizing: border-box; width: 100%; padding: 0; margin: 0; list-style: none;}
.matching_common ul li { flex: 0 0 auto; width: 25%; max-width: 25%;  flex-direction: column; padding: 0 0 18px 20px ; margin: 0; text-transform: uppercase; color: #1A1A1A; }
.matching_common ul li:nth-child(even), .matching_common ul li a { color: #666; text-transform: inherit;}

.personal_area { padding: 0;font-family: 'Mobil'; font-size: 16px; line-height: 24px; color: #666;}
.personal_area .container { padding-top: 320px; padding-bottom: 50px; direction: rtl;}
.personal_area .container .row  [class*="col-"] { padding-bottom: 40px;}
.personal_area__shop { margin-top: 8px; }
.personal_area__shop h2,
.personal_area__shop p { text-align: start; }
.personal_area__shop .personal_area__shop_products.package_block { border: 0; padding: 0; margin: 0; background: transparent; }
.personal_area__shop .package_block .form_group.gender label { text-align: start; }
.personal_area__shop .form_group.gender.full.extra_product_row { margin: 0; padding: 0; }
.personal_area__shop .form_group.gender.full.extra_product_row > div { width: 100%; padding: 0 0 12px; line-height: 1.45; }
.personal_area__shop .form_group.gender.full.extra_product_row > div:last-child { padding-bottom: 0; }
.personal_area__shop .form_group.gender.full.extra_product_row label.label_checkbox { display: block; position: relative; padding: 14px 16px; width: 100%; min-height: 52px; cursor: pointer; margin-bottom: 0; text-align: start; }
.personal_area__shop .form_group.gender.full.extra_product_row label span { position: relative; z-index: 5; color: #666; }
.personal_area__shop .pa_massages_list { margin: 0 0 16px; display: block; }
.personal_area__shop .pa_massages_list > .pa_massage_rider_col { padding: 0 0 18px; width: 100%; position: relative; z-index: 1; }
.personal_area__shop .pa_massages_list > .pa_massage_rider_col:last-child { padding-bottom: 0; }
.personal_area__shop .pa_massages_list > .pa_massage_rider_col.active { z-index: 2; }
.personal_area__shop .pa_massages_list .hour_select { position: relative; z-index: 3; text-align: start; text-transform: none; width: 100%; margin: 0; cursor: pointer; }
.personal_area__shop .pa_massages_list > .pa_massage_rider_col ul { position: relative !important; left: auto !important; right: auto !important; top: auto !important; width: 100% !important; margin: 12px 0 0; padding: 0; list-style: none; display: flex; flex-wrap: wrap; box-sizing: border-box; visibility: hidden; max-height: 0 !important; overflow: hidden; transition: max-height 0.2s ease-in-out; }
.personal_area__shop .pa_massages_list > .pa_massage_rider_col.active ul { visibility: visible !important; max-height: 1200px !important; overflow: visible !important; }
.personal_area__shop .pa_massages_list > .pa_massage_rider_col ul li { flex: 0 0 auto; max-width: 25%; width: 25%; margin: 0; padding: 0 5px 10px; }
.personal_area__shop .pa_massages_list.d-none { display: none !important; }
.personal_area__shop .select_radio { text-align: center; }
.personal_area__shop .select_radio b { display: none; }
.personal_area__extra_owned { opacity: .72; }
.personal_area__extra_owned .label_checkbox { cursor: not-allowed; }
.personal_area__extra_owned_badge { font-size: .88em; font-weight: 600; opacity: .85; margin-inline-start: 6px; }
.common_block {padding: 55px 90px 55px 70px;position: relative; display: block; border: solid 1px #666; border-radius: 10px; background: #fff;}
.common_block.order_package, .common_block.last_result {font-family: 'Mobil'; font-size: 16px; line-height: 24px; color: #666; height: 100%;}
.common_block.order_package img, .common_block.last_result img { position: absolute; right: 56px; top: 60px; max-width: 25px;}
.common_block.order_package button {font-family: 'Mobil'; font-size: 20px; line-height: 30px; position: absolute; left: 70px; top: 55px; border: 0; border-radius: 4px;height: 30px;  width: 100px; color: #50B848; background: rgba(80, 184, 72, 0.24);}
.order_package h2, .last_result h2 {font-size: 16px; color: #666666;}
.order_package h3, .last_result h3 {font-size: 20px; color: #1A1A1A; margin-bottom: 0px;}
.last_result h3 { font-size: 24px;}

.common_block.personal_details { padding-bottom: 30px; padding-left: 30px;}
.common_block.personal_details h2 { font-size: 36px; padding-bottom: 30px; margin-bottom: 0; text-transform: uppercase; padding-right: 53px;background: url(../images/details.svg) no-repeat right top;}
.personal_details ul {display: flex; flex-wrap: wrap;box-sizing: border-box; padding: 0 0 30px 0; margin: 0; list-style: none;}
.personal_details ul li { flex: 0 0 auto; width: 33.33%; max-width: 33.33%;  flex-direction: column; padding: 0; margin: 0; font-size: 20px; color: #1A1A1A; line-height: 30px;}
.personal_details ul li b, .personal_details ul li strong {  font-size: 16px; color: #666; display: block;}
.personal_details ul li a { color: #1A1A1A; }

.common_block.personal_name {padding:55px; margin-bottom: 40px;}
.name_block { padding-right: 200px; padding-bottom: 30px;  position: relative; font-size: 24px; color: #666666;}
.name_block button {font-family: 'Mobil'; font-size: 20px; line-height: 30px; position: absolute; left: 0; top: 0; border: 0; border-radius: 4px;height: 30px;  width: 170px; color: #fff; background: #FCB913;}
.name_block h1 {font-size: 36px; text-transform: uppercase;}
.name_block ul {display: flex; flex-wrap: wrap;box-sizing: border-box; padding: 0 0 0 150px; margin: 0; list-style: none;}
.name_block ul li { flex: 0 0 auto; width: auto; max-width: auto;  flex-direction: column; padding: 0 0 26px 30px; margin: 0;}
.name_thumb {width: 162px; height: 162px; border-radius: 50%; background: #D9D9D9; position: absolute; right: 0 ;top: 0; text-align: center; }
.name_thumb img { width: 100%; border-radius: 50%;}
.name_thumb i { position: absolute; right: 50%; top: 50%;transform: translate(50%, -50%); z-index: 2; font-size: 36px; color: #FFB915; text-transform: uppercase; font-style: normal;}
.write_something { background: rgba(252, 185, 19, 0.29); border: solid 1px #FCB913; display: block; border-radius: 10px; padding: 15px 30px; min-height: 112px; font-size: 16px; line-height: 22px; color: #666;  }

.common_block.medical_certificate { border: solid 1px #ED2127; padding: 30px 104px 30px 30px; margin-bottom: 28px;}
.common_block.insurance_policy { border: solid 1px #50B848; padding: 30px 104px 30px 30px; margin-bottom: 28px;}
.common_block.gear_selection { border: solid 1px #1A1A1A; padding: 30px 80px 40px 80px; background: #0F1111;}
.medical_certificate h2, .insurance_policy h2, .insurance_policy h3 { font-size: 24px; margin-bottom: 10px;}
.medical_certificate h2 + p {color: #ED2127;}
.insurance_policy h2 + p { color: #50B848;}
.medical_certificate a,
.insurance_policy a { color: #666;}
.medical_certificate i, .insurance_policy i { position: absolute; text-align: center; right: 26px; top: 35px; line-height: 52px; width: 52px; height: 52px; border-radius: 4px;   }
.medical_certificate i { background: #ED2127;}
.insurance_policy i { background: #50B848;}
.gear_selection h2 {padding: 15px 75px 10px 0;  color: #CCCCCC; font-size: 16px; background: url(../images/shirt.svg) no-repeat right 0;}
.gear_selection ul {display: flex; flex-wrap: wrap;box-sizing: border-box; padding: 0; margin: 0 -14px; list-style: none;}
.gear_selection ul li { flex: 0 0 auto; width: 50%; max-width: 50%;  flex-direction: column; padding: 0 14px; margin: 0; text-align: center; font-size: 16px; color: #fff; line-height: 30px;}
.gear_selection ul li b { display: block; font-size: 36px; padding-bottom: 15px; position: relative; z-index: 2;}
.gear_selection ul li span { display: block; padding-bottom: 10px; position: relative; z-index: 2;}
.gear_selection ul li label { cursor: pointer; width: 100%; padding:5px 10px; position: relative;  }
.radioselect5, .radioselect5:focus { margin: 0;white-space: nowrap;  background: #313131; border: solid 1px #666666; border-radius: 4px; position: absolute; right:  0px; left: 0px; top: 0; bottom:  0; padding: 0; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; cursor: pointer;  -webkit-appearance: none;  -moz-appearance: none;  appearance: none;  -webkit-font-smoothing: inherit;  line-height: normal;z-index: 1; }
.radioselect5:checked { border:solid 1px #666;  background: #000;}
.status_title { font-size: 24px; padding-bottom: 15px;}

.inner_page { padding:200px 0 50px 0;}
.inner_page .no_header { padding-top: 100px;}
.inner_header { display: block; padding: 0 0 50px 0; margin: 0;}
.inner_page img { max-width: 100%;}
.inner_header img { width: 100%;}

/****Modal****/
.login_modal .modal-dialog { padding: 0; margin:0 auto; border-radius: 10px; box-shadow:  none; max-width: 900px;}
.login_modal .modal-content {padding: 0; margin:0; border-radius: 10px; box-shadow:  none;}
.login_modal .modal-body { font-family: 'Fb Matritsa Narrow'; font-size: 24px; line-height: 32px; color: #666666; font-weight: 500; text-transform: uppercase; padding: 90px 90px 10px 90px; margin:0; border-radius: 10px; box-shadow:  none; background: #fff;}
.close_modal { width: 30px; height: 30px; position: absolute; z-index: 5; left: 20px; top: 20px; background: url(../images/close.svg) no-repeat center center rgba(112,112,112, 0);  border: 0; font-size: 0; color: rgba(0,0,0,0); }
.login_modal h3 {font-family: 'Fb Matritsa Narrow';  font-size: 36px; line-height: 40px; color: #666666; margin: 0 0 5px 0; text-transform: uppercase;}
.login_modal h4 { font-family: 'Fb Matritsa Narrow'; font-size: 36px; line-height: 40px; color: #000;margin: 0 0 5px 0;  text-transform: uppercase;}

.login_modal .contact_form .form_group { padding:  0 0  15px 0; color: #000;}
.login_modal .contact_form .form-control {font-family: 'Fb Matritsa Narrow'; font-weight: 500; border: solid 1px #333; padding:  0 16px; height: 52px; line-height: 50px; font-size: 20px; color: #000; opacity: 1; }
.login_modal .contact_form .form-control:focus {border:  solid 1px #333;}
.login_modal  .contact_form .form_group label { position: relative; pointer-events: inherit; display: block; right: auto; top: auto; height: auto; line-height: 30px;color: #666;font-family: 'Fb Matritsa Narrow'; font-weight: 500;}

.login_modal .form-control::-webkit-input-placeholder{ color: #fff; opacity: 0;font-weight: 300;}
.login_modal .form-control::-moz-placeholder { color: #fff; opacity: 0;font-weight: 300; }
.login_modal .form-control:-ms-input-placeholder { color: #fff;font-weight: 300; opacity: 0; }
.login_modal .form-control::-webkit-input-placeholder { color: #fff;font-weight: 300; opacity: 0; }

.login_modal .form-control:focus::-webkit-input-placeholder{ opacity: 0 !important;}
.login_modal .form-control:focus::-moz-placeholder { opacity: 0 !important;}
.login_modal .form-control:focus:-ms-input-placeholder { opacity: 0 !important;}
.login_modal .form-control:focus::-webkit-input-placeholder{ opacity: 0 !important;}

.login_modal .contact_form .form-control:focus:required:valid { border: solid 1px #333;}
.login_modal .contact_form .form-control:focus:required:invalid { border: solid 1px #333; }
.login_modal .contact_form .was-validated .form-control:required:invalid { border: solid 1px #FF3636; }

.login_modal .contact_form .form_group.register, .login_modal .contact_form .form_group.submit { text-align: left; position: relative; left: auto; right: auto; top: auto; bottom: auto; width: 100%; }
.login_modal .contact_form .form_group.register a, .login_modal .contact_form input[type=submit] {font-family: 'Fb Matritsa Narrow'; background: #FCB913; border: solid 1px #FCB913; color: #000; display: inline-block; height: 52px; width: 118px; font-size: 20px; font-weight: 500; text-align: center; line-height: 56px; padding: 0; margin: 0; }


/* #Media Queries ================================================== */

@media (min-width: 768px) {
	
	.navbar { position: absolute; left:  400px; top:  148px;right: 400px;  z-index: 18; padding:  0; -moz-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;-o-transition: all 0.5s ease;  transition: all 0.5s ease;}
	.navbar ul { display: block;  float: left; width: 100%; padding: 0; margin: 0; list-style:none;  z-index: 5; text-align: center;}
	.navbar ul  li { margin: 0; padding: 0 16px; list-style:none; display:inline-block; }
	.navbar ul  li a {font-family: 'Fb Matritsa Narrow'; font-weight: 700; padding:0 0 16px 0; font-size: 32px; line-height: 36px; color: #FCB913; display: block; position:relative; border: 0; }
	/*.navbar ul  li a:after {content: ""; background: #fff; height: 30px; width: 2px; left: -18px; top: 2px; position: absolute;transition: all 0.5s ease; }
    .navbar ul  li:nth-last-child(1) a:after { display: none;}*/
    .navbar ul li:focus > a, .navbar li:hover > a, .navbar li > a:focus, .navbar li > a:hover, .navbar li.active > a{ color:#fff; text-decoration:none; border: 0;}
	.navbar li.active > a { color:#fff!important; text-decoration:none;border: 0;}
    .navbar ul  li a:after {content: ""; background: rgba(255,255,255, 0); height: 5px; left: 0; right: 0; bottom: 4px; position: absolute;transition: all 0.5s ease; }
    .navbar ul  li a:hover:after, .navbar ul li:focus > a:after, .navbar li:hover > a:after, .navbar li > a:focus:after, .navbar li:focus-within > a:after, .navbar li > a:hover:after, .navbar li.active > a:after {background: rgba(255,255,255, 1);}
	
	.navbar ul li ul{background: rgba(15, 17, 17, 0.8); padding:  0; margin:0; position:fixed;left: 0; right:  0;width: 100%; top: 200px; z-index: 9999; list-style:none; display: block; visibility:hidden; max-height: 0px; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease;  transition: all 0.5s ease; overflow: hidden;text-align: center; font-size: 0px; }
	.navbar ul li ul li{ text-align: right; width: 410px; list-style:none; padding:0 0 0 200px; margin: 0 auto; height: auto;border-bottom: 0; display:block;}
    .navbar ul li.mega_menu ul li { padding:0 0 0 50px;}
    .navbar ul li.form ul li { padding:0;}
	.navbar ul li ul li a{display:block;  color:#fff;  border: 0; padding:5px 0;line-height: 30px;font-weight: 200;font-size: 20px; }
	.navbar ul li ul li a:hover, .navbar ul li ul li a.active{text-decoration:none; color:#FCB913 !important;  border:  0;}

	.navbar ul li:hover ul, .navbar ul li:focus-within > ul, .navbar ul li a.has_sub.show + ul{ display:block; visibility:visible; max-height: 732px!important;  -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease;  transition: all 0.5s ease; overflow: hidden;}

	.navbar ul li a.has_sub + i{ display: none; font-size: 0px; line-height:  0px; color:rgba(112,112,112, 0); }
    .navbar ul li ul li ul { width: 100%; padding:10px 0 20px 0; background: none; position: relative; left: auto; right: auto; top: auto;visibility:visible; max-height: auto; overflow: hidden;}
    .navbar ul li ul li ul li { width: 100%; padding: 0 0 1px 0; margin: 0;}
    .navbar ul li.mega_menu ul li ul li {width: 33.33%; float: right; padding: 0;}    
    .navbar ul li ul li ul li a:after { display: none!important;}
    .navbar ul li ul li ul li a u {display: inline-block; width: 42px; height: 22px; margin-left: 5px; background: #000; color: #fff; font-size: 12px; line-height: 20px; border-radius: 25px; text-align: center; text-decoration: none; text-transform: capitalize;}    
    .about_event_top { background-image: none!important;}
	
}
/* END__ */
 @media (min-width: 1381px) and (max-width: 1650px) {
    .logo {width: 340px; left: 40px;}
    .home_top_text img { max-width: 430px; right: -100px; }
    .registration_block { right: 80px;}

}
/* END__ */
 @media (min-width: 768px) and (max-width: 1380px) {
    .header { height: 150px;}
    .header .container { max-width: 100%; width: 100%;}
    .navbar { left: 400px; top: 110px;  right: 350px;}
    .navbar ul li ul li {width: 440px;padding: 0 0 0 150px;}  
    .navbar ul li.mega_menu ul li {padding: 0 0 0 30px;}
    .navbar ul li.form ul li { padding:0 0 0 60px;}
    .navbar ul li a { padding: 0 0 10px 0; font-size: 30px; line-height: 30px;  }
    .navbar ul li a:after {height: 3px;}
    .navbar ul li ul {top: 150px;}    
    .logo {width: 340px; left: 70px;top: 35px;}
    .registration_block { right: 30px; top: 20px; width: 230px;}
    .language {width: 65px;}
    .language ul li a { font-size: 14px;}
    .registration { width: 100px;}
    .registration a { font-size: 14px; line-height: 35px;}
    .user {width: 65px;}
    .user ul li {padding: 0 6px 0 0;}
    .date {font-size: 42px; line-height: 42px;  padding-top: 10px;}
    .social_icon {top: 20px; left: 20px;}
    .social_icon ul li { padding: 0 0 5px 0;}
    .counter { width: 240px; margin-left: -120px;}
    .counter ul { padding: 10px 0;}
    .counter ul li {font-size: 34px; line-height: 32px;}
    .counter div { line-height: 46px;font-size: 22px;}
    .home_header {padding: 150px 0 0 0;}
    .header_caption { width: 100%; left: 0; margin-left: auto;font-size: 42px; line-height: 46px; padding: 0 50px;}
    .header_caption div p:nth-child(1) { font-size: 30px; line-height: 30px; margin-bottom: 20px;}
    .header_caption div p:nth-child(2) {font-size: 50px; line-height: 50px; margin-bottom: 30px;}
    .location_range {padding: 15px 0;}
    .location_range div {padding: 0 20px;font-size: 30px;line-height: 46px;}
    .location_range div img { max-width: 60px; max-height: 40px; width: auto; height: auto;padding-left: 10px;}
    .home_top { padding: 100px 20px 70px 20px;}
    .home_top_text img { max-width: 350px; right: -20px; top: -40px }
    .rider_form {padding: 100px 10px 100px 10px;}
    .rider_form h3 {font-size: 80px; line-height: 80px;}
    .partner_zone h3 { font-size: 70px; line-height: 70px; right: 60px; top: 60px; width: 300px;}
    .footer {padding: 80px 0 100px 0;}
    .footer_nav ul {padding: 30px 0;}

    .jursey div button { padding: 0 5px;}
    .contact_top {padding-top: 280px; padding-bottom: 80px;}

    .route_content h1, .categoiries_content h2, .spectator_guide h2, .race_village h2, .find_partner h2, .result_title h2, .epic_content h2 {
    font-size: 70px; line-height: 70px;}
    .rider_stages ul li a{font-size: 54px; line-height: 54px;}
    .route_content, .categoiries_content, .race_content, .accomodation_content, .epic_content { font-size: 20px; line-height: 30px; width: 100%; padding: 60px 20px 60px 40px;}
    .categoiries_content {padding: 60px 40px 60px 20px;}
    .categoiries_content ul { padding: 20px 0 0 0;}
    .categoiries_content ul li { padding: 10px 0;}
    .categoiries_content ul li a {font-size: 44px; line-height: 40px;}
    .spectator_content a {font-size: 30px; line-height: 30px;}
    .spectator_content ul li { width: 25%; max-width: 25%;}
    .spectator_content ul li:nth-child(1) { width: 20%; max-width: 20%;}
    .spectator_nav { right: 20px;}
    .race_village .container {padding-bottom: 70px;}
    .race_content {padding: 0 53% 0px 0;}
    .accomodation_nav {width: 100%; padding: 80px 20px 80px 55px;}
    .accomodation_wrap {padding: 60px;}
    .accomodation_pic::after {left: 60px; right: 60px; top: 60px; bottom: 60px;}
    .accomodation_content {padding:50px 50px 30px 50px;}
    .result_thumbnail div h3 {padding-right: 40px; font-size: 26px; line-height: 26px;}
    .result_thumbnail div p {font-size: 20px; line-height: 30px;}
    .epic_content { width: 100%; padding:  0 53% 0px 0;}
    .spectator_nav ul li a, .accomodation_nav ul li a { font-size: 20px; line-height: 24px;}
    .spectator_guide .container { padding-bottom: 250px;}
    .accomodation h2 { font-size: 50px; line-height: 50px;}

    .registration_wrap .container {padding-top: 480px; padding-bottom: 100px;}
    .registration_step ul li a {padding-top: 105px;}
    .registration_step ul {margin: 0 -30px;}
    .registration_step ul li {padding: 0 30px;}
    .package_block {padding: 60px 60px 50px 60px; font-size: 22px;}
    .package_block .form_group {margin: 0 -15px;}
    .package_block .form_group.selectpackage > div {padding: 0 15px 0 15px;}
    .package_block .form_group.selectpackage label { min-height: 140px;}
    .package_block .form_group.selectpackage label span { padding-right: 90px;}
    .package_block .form_group.selectpackage.half > div, .package_block .form_group.selectpackage.middle > div {padding: 0 15px 30px 15px;}  

    .registration_wrap .container.registration_step {top: 130px; padding-top: 150px; padding-bottom: 0px;max-width: 1160px; margin-left: -580px;}
    .scrolled .registration_wrap .container.registration_step {padding-top: 50px;}
    .top_padding { height: 300px;}

    .name_block {padding-right: 170px; padding-bottom: 30px;}
    .name_thumb {width: 140px;height: 140px;}
    .name_block ul {padding: 0 0 0 50px;}
    .common_block { padding: 40px 50px 40px 40px;}
    .common_block.personal_name { padding:50px 40px 45px 30px;}
    .common_block.personal_details {padding: 50px 40px 30px 30px;}
    .common_block.order_package button { left: 30px; top: 45px;}
    .common_block.order_package img, .common_block.last_result img { right: 15px; top: 44px;}
    .common_block.medical_certificate, .common_block.insurance_policy { padding: 20px 90px 20px 20px;}
    .common_block.gear_selection { padding: 20px 50px 40px 50px;}
    .medical_certificate i, .insurance_policy i {right: 20px; top: 28px;}

    .find_partner .contact_form .form_group.matching_list { padding: 30px 0 0 0; text-align: left; max-width: 1040px;}
    .matching_list a { max-width: 430px;} 
    .code_send button {font-size: 18px; line-height: 30px; padding: 10px 20px;}

    .code_send button, .code_receive ul li b { font-size: 20px;padding: 12px 20px;}
    .code_receive ul li .form-control { width: 300px;}

    .inner_page { padding:150px 0 50px 0;}

}

/* END__ */
 @media (min-width: 768px) and (max-width: 1199px) {
    .logo {  width: 250px; left: 70px;  top: 35px;  }
    .navbar { left: 300px; top: 110px; right: 240px;  }
    .header_caption { font-size: 36px; line-height: 36px;bottom: 20px;}
    .header_caption div p:nth-child(1) { font-size: 25px; line-height: 25px; margin-bottom: 15px;}
    .header_caption div p:nth-child(2) {font-size: 40px; line-height: 40px; margin-bottom: 20px;}
    .home_middle {padding: 70px 10px 30px 10px;}
    .partner_zone h3 { font-size: 60px; line-height: 60px; right: 50px; top: 50px; width: 250px;}
    .rider_form h3 { font-size: 70px; line-height: 70px; }
    .partner_logos {padding-top: 60px;padding-bottom: 60px;}
    .footer { padding: 60px 0 60px 0;}
    .footer_logo {width: 350px;}
    .social_nav { width: 350px; left: 20px;top: 260px;}
    .social_nav ul li {padding: 0 15px;}
    .social_nav ul li a {width: 40px;height: 40px; line-height: 40px;}
    .social_nav ul li a img { max-width: 50%; max-height: 25px;}
    .footer_nav ul {padding:0 0 15px 0;}
    .copyright {padding-top: 20px;}

    .about_event {padding-top: 70px;padding-bottom: 60px;}
    .about_event_top { padding-bottom: 50px;}
    .hall_fame {font-size: 32px; line-height: 30px;padding-top: 80px; padding-bottom: 80px;}
    .hall_fame h3 {font-size: 80px; line-height: 80px;}

    .video_gallery { margin-top: 50px; padding-bottom: 50px;}
    .gallery_top {padding-right: 313px; padding-bottom: 40px;}
    .jursey div button { padding: 0 2px; }
    .contact_top {padding-top: 240px; padding-bottom: 80px;}

    .route_content h1, .categoiries_content h2, .spectator_guide h2, .race_village h2, .find_partner h2, .result_title h2, .epic_content h2 {
    font-size: 60px;  line-height: 60px;  }
    .categoiries_content ul li { padding: 5px 0;}
    .categoiries_content ul li a {font-size: 36px; line-height: 36px;}
    .find_partner .contact_form {padding: 0;}
    .result_thumbnail div h3 {padding-right: 40px; font-size: 20px; line-height: 20px;}
    .result_thumbnail div p {font-size: 16px; line-height: 24px;}
    .find_partner .contact_form .form_group label {font-size: 24px;}  
    .find_partner .contact_form .form_group {padding: 0 90px 40px 0; }
    .find_partner .contact_form .form_group.numpadding {padding-right: 210px;}
    .find_partner .contact_form .form_group.epadding {padding-right: 280px;}

    .registration_wrap .container { padding-top: 400px; padding-bottom: 50px;}
    .registration_wrap .row [class*="col-"] {padding-bottom: 80px;}
    .package_block {padding: 50px 50px 40px 50px; font-size: 20px; line-height: 24px;}
    .package_block .form_group.selectpackage label { min-height: 130px; padding: 40px 20px;}
    .package_block .form_group.selectpackage label span { padding-right: 60px;}
    .radioselect2:after { right: 20px}
    .selectpackage.half .radioselect2:after {top: 50%;}
    .package_block .form_group.selectpackage.half label span + span { right: 20px; bottom: 10px;}
    .package_block .form_group.regular {padding: 20px 0 30px 0;}
    .package_block .form_group.gender.full {padding-left: 0%;}
    .package_block .form_group.gender.full  > div {line-height: 24px; padding-left: 0px; }

    .package_block .form_group.submit { padding: 0 0 20px 0;}
    .payble_link {margin-bottom: 30px;}
    .package_block .form_group.terms {padding-top: 20px;}
    .package_block .form_group.regular { padding: 10px 0 20px 0; }
    .package_block .form_group.gender { margin: 0 -10px;}
    .package_block .form_group.gender > div {padding:0 10px 0 10px;}
    .package_block .form_group.gender label { padding: 0 20px; min-width: 80px;}
    
    .scrolled .registration_wrap .container {padding-top: 370px;}
    .registration_wrap .container.registration_step {top: 130px; padding-top: 60px; padding-bottom: 0px;max-width: 950px; margin-left: -475px;}
    .scrolled .registration_wrap .container.registration_step {padding-top: 50px;}
    .top_padding { height: 300px;}

    .registration_wrap h2, .registration_wrap h3, .registration_wrap h4 {font-size: 26px; line-height: 26px;}
    .registration_wrap.secure_checkout .container {padding-top: 250px; padding-bottom: 0px;}
    .due_now { padding: 40px 50px 30px 50px;}
    .participants_list .container {padding-top: 250px; padding-bottom: 50px;}

    .personal_area .container {padding-top: 250px; padding-bottom: 50px;}
    .common_block.personal_details { padding: 40px 40px 10px 30px; }
    .name_block {font-size: 20px;}
    .name_block ul { padding: 0;}
    .name_block button { top: -35px}
    .personal_details ul li {font-size: 16px;}
    .name_block h1, .common_block.personal_details h2 {font-size: 30px;}
    .common_block.medical_certificate, .common_block.insurance_policy { padding: 15px 60px 15px 20px;}
    .common_block.gear_selection { padding: 20px 20px 25px 20px;}
    .medical_certificate i, .insurance_policy i {right: 15px; top: 24px; width: 40px; height: 40px; line-height: 40px;}
    .medical_certificate i img , .insurance_policy i img { max-width: 80%;}
    .medical_certificate h2, .insurance_policy h2, .insurance_policy h3 {font-size: 20px; margin-bottom: 10px;}
    .medical_certificate a, .insurance_policy a { font-size: 14px;}

    .matching_common { padding:  30px;}
    .matching_common ul li { font-size: 20px;}
    .code_send button, .code_receive ul li b { padding: 8px 20px;font-size: 16px; line-height: 30px;}
    .code_receive ul li .form-control { width: 250px; line-height: 44px; height: 46px; font-size: 22px;}  

    .inner_page .no_header { padding-top: 60px;}
     
 }

/* END__ */
 @media (min-width: 768px) and (max-width: 991px) {
    body {font-size: 20px; line-height: 30px;}
    h1, h2, h3, h4 {margin-bottom: 25px; font-size: 30px;line-height: 26px;}
    .navbar {left: 100px; top: 110px; right: 100px; }
    .navbar ul li ul li {width: 390px;}
    .navbar ul li.form ul li {padding: 0px;}
    .navbar ul li.mega_menu ul li {padding: 0 0 0 60px;}
    .navbar ul li ul li a { line-height: 24px; font-size: 18px;  }
    .counter { display: none;}
    .logo {width: 150px;  left: 50%; margin-left: -95px;  top: 10px; }
    .home_top {padding: 60px 20px;}
    .home_top_text {padding-right: 0px; padding-bottom: 50px;}
    .home_top_text img { display: none;}
    .home_video {padding-right: 270px;}
    .rider_info {width: 250px;}
    .rider_info h2 {margin-bottom: 10px;}
    .rider_info ul li {padding: 0 0 10px 0;}
    .rider_info ul li a {font-size: 16px; padding-right: 70px;}
    .rider_info ul li a:before { width: 61px;}
    .rider_info ul li a:after {right: 18px;}
    .image_text {padding: 20px 20px 70px 20px;}
    .image_text h2 {font-size: 24px;line-height: 24px;  margin-bottom: 15px;}
    .image_text a {left: 20px; bottom: 20px;}
    .rider_form { padding: 60px 10px 50px 10px;}
    .rider_form .row [class*="col-"] {padding-right: 54%;}
    .rider_form h3 {font-size: 50px; line-height: 50px;  }
    

    .gallery_top {padding-right: 260px;}
    .year_select select {font-size: 20px;width: 80px; background-size: 15px auto;}
    .year_select {top: 74px;}
    .rider_details { top: 120px; width: 200px;}
    .video_gallery h2 {font-size: 25px; line-height: 25px;}
    .youtube_video a::after {width: 70px; height: 70px; margin-top: -35px; margin-left: -35px; background-size: 66px auto;}
    .contact_top {padding-top: 200px; padding-bottom: 50px;}
    
    .routes:after, .categoiries:after, .accomodation:after { width: 100%; left: 0;}
    .race_content {  padding: 0; }
    .accomodation_nav { padding: 50px 20px 0 20px;}
    .accomodation_pic {width: 100%; top: 350px; }
    .accomodation_pic::after { left: 20px;  right: 20px;  top: 20px;  bottom: 20px; }
    .accomodation_wrap { padding: 30px 20px;}   
    .accomodation_content {  padding: 30px 30px 20px 30px;  } 
    .epic_content {  padding: 0;  } 
    .epic_angels {padding: 60px 0;}

    .find_partner {padding:60px 0;}
    .year_select2 {left: 0px; top: 0}  
    .find_partner .contact_form .form_group label {font-size: 20px;}  
    .find_partner .contact_form .form_group {padding: 0 80px 20px 0; }
    .find_partner .contact_form .form_group.numpadding {padding-right: 180px;}
    .find_partner .contact_form .form_group.epadding {padding-right: 230px;}  
    .route_content h1, .categoiries_content h2, .spectator_guide h2, .race_village h2, .find_partner h2, .result_title h2, .epic_content h2 {
    font-size: 50px; line-height: 50px;  }  	
    .year_select2 select {font-size: 46px; line-height: 50px;width: 140px;}
    .pdf_link {font-size: 25px; height: 80px; padding-right: 80px;  background-size: auto 80px;}
    .package_block { padding: 40px 30px 30px 30px;}
    .package_block .form_group.gender { margin: 0 -7px;}
    .package_block .form_group.gender > div {padding:0 7px;}
    .package_block .form_group.gender label { padding: 0 10px; min-width: 70px;}    
    .package_block .form_group.gender.nutrition label {min-width: 180px;}  
    .package_block .form_group.gender > div.fullwidth , .package_block .form_group.gender.nutrition > div.fullwidth { padding: 0 7px 5px 7px;}  

    .personal_area .container {padding-top: 200px; padding-bottom: 50px;}
    .matching_common ul li { font-size: 16px; width: 28%; max-width: 28%;}
    .matching_common ul li:nth-child(even) { width: 22%; max-width: 22%;}

    .product_tab > div ul { left: 12px;}
    .login_modal .modal-dialog { max-width: 700px; margin: 0 auto;}


    
}
@media (min-width: 992px) {
.scrolled .header { height: 130px; }
.scrolled .logo { width: 220px; top: 30px;}
.scrolled .home_header {padding: 130px 0 0 0;}
.scrolled .counter { width: 250px; margin-left: -125px;} 
.scrolled .counter ul {padding: 5px 0;}
.scrolled .counter ul li {font-size: 30px;line-height: 30px;}
.scrolled .counter div {line-height: 32px;font-size: 20px;}
.scrolled .social_icon { top: 10px;}
.scrolled .social_icon ul li { padding: 0 0 6px 0;}
.scrolled .registration_block { top: 20px;}
.scrolled .date {font-size: 42px;line-height: 42px;padding-top: 10px;}
.scrolled .navbar {top: 88px; }
.scrolled .navbar ul li ul { top: 130px;} 
.scrolled .navbar ul li ul li ul {top: auto;}

.scrolled .registration_step ul li a {padding-top: 75px; font-size: 20px;}
.scrolled .registration_step ul li a:before {width: 60px;height: 60px;}
.scrolled .registration_step ul li a:after {top: 30px; font-size: 20px; line-height: 30px;}

}
@media only screen and (max-width: 991px) {    
    .rider_stages { background: #fff; padding: 30px 50px!important;}
    .rider_stages ul li{ height: auto; padding: 0 0 16px 0; background-image: none!important;}
    .rider_stages ul li a {display: block; line-height: 40px; padding-right: 72px; position: relative; font-size: 24px; color: #000; background: linear-gradient(to bottom,  #e6af0c 0%,#806107 100%); }
    .rider_stages ul li a:before {content: ""; width: 71px; position: absolute; left: auto; right: 0; top: 0; bottom: 0; z-index: 1; background: linear-gradient(to bottom,  #000000 0%,#666666 100%); }
    .rider_stages ul li a:after {content: ""; width: 20px; height: 20px; position: absolute;left: auto; right: 23px; top: 10px; z-index: 2; background: url("../images/arrow_white.svg") no-repeat center center;}
    .categoiries .row [class*="col-"] { position: inherit;}
    .categoiries_pic { position: relative; left: auto; right: auto; top: auto; bottom: auto; padding-bottom: 0px; background-image: none;}
    .categoiries_pic img {display: block;}    
    .categoiries_content { padding: 30px 20px 200px 20px; }
    .categoiries_content h2 { text-align: right;}
    .categoiries_content ul li {padding: 5px 0;}
    .categoiries_content ul li a {font-size: 36px;  line-height: 36px; }
    .dresses {bottom: 0px; padding-bottom: 10px;} 
    .results {padding: 60px 0;}
    .result_thumbnail { margin-top: -100px;}
    .result_thumbnail div { width: 150px}

    .registration_wrap .container {padding-top: 350px; padding-bottom: 50px; }
    .registration_wrap .row [class*="col-"] {padding-bottom: 50px;}
    .package_block { font-size: 18px; line-height: 22px;}
    .registration_step ul { margin: 0 -15px;}
    .registration_step ul li {padding: 0 15px;}
    .registration_step ul li a {padding-top: 75px;}
    .registration_step ul li a:before {width: 60px;height: 60px;}
    .registration_step ul li a:after {top: 30px;}
    .package_block .form_group.submit input[type="submit"], .package_block .form_group.submit .submit_button {height: 70px; font-size: 20px; line-height: 70px;}
    .package_block .form_group.regular label {font-size: 18px;}
    .package_block .form_group.regular .form-control { font-size: 20px;}
    .registration_wrap.secure_checkout .container {padding-top: 200px; padding-bottom: 0px;}
    .due_now { padding: 30px 30px 15px 30px;}
    .registration_wrap.secure_checkout h1, .participants_list h1 { margin-bottom: 40px;}
    .due_now ul li:nth-last-child(1) {font-size: 26px;}
    .participants_list .container {padding-top: 200px; padding-bottom: 50px;}

    .scrolled .registration_wrap .container {padding-top: 300px;}
    .registration_wrap .container.registration_step {top: 150px; padding-top: 50px; padding-bottom: 0px;max-width: 100%; margin-left: -50%;}
    .scrolled .registration_wrap .container.registration_step {padding-top: 20px;}
    .top_padding { height: 300px;}
 
}

@media only screen and (max-width: 767px) {
    body {font-size: 16px; line-height: 26px;}
    h1, h2, h3, h4 {margin-bottom: 15px; font-size: 24px;line-height: 36px;}
    .home_header {padding: 98px 0 0 0;}
    .navbar-toggler { display: block;}
    .header { height: 98px;}
    .social_icon, .counter { display: none;}
    .logo {width: 92px;left: 16px; top: 16px;}
    .registration_block { right: 50%; margin-right: -105px; top: 23px; width: 176px;}
    .language {width: 27px;}
    .language ul li a { font-size: 12px; line-height: 24px;}
    .registration { width: 90px; height: 24px;}
    .registration a { font-size: 10px; line-height: 24px;}
    .user {width: 59px;}
    .user ul li {padding: 0 6px 0 0;}
    .date {font-size: 17px; line-height: 25px;  padding-top: 5px; padding-right: 35px;}

    .navbar { position: absolute; right: 0; top: 98px; left: 0; width: 100%; padding:0; display: block; z-index:  18; border: 0; }
	.navbar .navbar-collapse { background: rgba(15, 17, 17, 0.9); position:fixed; left: 0; right: 0; top: 98px; height:0!important; transition: height 0.3s; z-index: 9; overflow-y: auto ; border: 0;} 
	.navbar .navbar-collapse.show {height:calc(100vh - 98px) !important;max-height: none; transition: height 0.3s;}

	.navbar ul { display: block;position: relative;z-index: 1; width: 100%; padding: 20px; margin: 0;list-style: none;  float: right;  border: 0; }
	.navbar ul li {width: 100%; float: left; padding: 0; position:relative; border-bottom: solid 1px #fff;}
	.navbar ul li a { width: 100%; float: left; color: #FCB913; font-size: 16px; line-height: 30px;  z-index: 9; padding: 12px 0; font-weight: 700;border: 0; display: block;}
	.navbar ul li:focus > a, .navbar ul li:hover > a, .navbar ul li > a:focus, .navbar ul li > a:hover, .navbar ul li > a.active, .navbar ul li.active > a{ color: #fff!important; text-decoration:none; border:0;}
	.navbar ul  li a:hover{ border:0;}
	.navbar ul  li a.has_sub.active:hover {color:#fff!important;border:0; }
	 .navbar ul li a.has_sub + i {font-size: 0px; line-height:  0px; color:rgba(112,112,112, 0)}

	.navbar ul li a.has_sub + i + ul{ margin-left: auto; display: block; padding:  0 16px 0 0; max-height: 0px !important; min-width: 100%; visibility: inherit; position:relative; left: auto; right: auto; top: auto; width: 100%; float: right; z-index: 5; overflow: hidden;   -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease;  transition: all 0.5s ease;border: 0!important;;box-shadow: none !important;}

	.navbar ul li a.has_sub + i.active + ul {border: 0!important;box-shadow: none !important; max-height: 1400px !important; visibility:visible;   -moz-transition: all 1s ease; -webkit-transition: all 1s ease; -o-transition: all 1s ease;  transition: all 1s ease; }
	.navbar ul li a.has_sub + i + ul li{line-height:30px; text-align: right; border-right: none; width:100%; list-style:none; padding: 0; border:  0; }
	.navbar ul li a.has_sub + i + ul li { border: 0;}

	.navbar ul li a.has_sub + i + ul li a{display:block;color: #fff; font-size: 14px; line-height: 30px; font-weight: 400; background:none; width: 100%; float:  right; padding:  0; border:  0;  }
	.navbar ul li a.has_sub + i + ul li a:hover{text-decoration:none; color:#FCB913 !important; background:none; width: 100%;}

	.navbar ul li a.has_sub + i  {  content: ""; display: inline-block;transform: rotate(0deg);  -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease;  transition: all 0.5s ease; width:  20px; height:  20px; background: url("../images/arrow.svg") no-repeat center center; background-size: 10px auto;  position: absolute; left:  0px; top: 17px ; cursor: pointer;}
	.navbar ul li a.has_sub + i.active{ transform: rotate(180deg);  -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease;  transition: all 0.5s ease;}    
    .navbar ul li ul li ul li a { font-weight: 400;}
    .navbar ul li a.has_sub + i + ul li ul { padding: 0;}
    .navbar ul li a.has_sub + i + ul li ul:nth-last-child(1) { padding: 0 0 15px 0;}
    
    .contact_form {padding: 0 0 15px 0;}
    .contact_form .form_group { padding: 0 55px 10px 0;}
    .contact_form .form-control { font-size: 16px;}
    .contact_form .form_group label { top: 10px;line-height: 22px;font-size: 14px;}
    .contact_form .form_group.email_call { padding: 5px 0;font-size: 14px !important;line-height: 20px !important;}
    .contact_form .form_group.email_call a, .contact_form .form_group.email_call a:hover { line-height: 20px;  width: auto; float: none;}
    .contact_form .form_group.terms { padding-left: 0px;}
    .contact_form .form_group.submit {width: 100%; position: relative; left: auto; bottom: auto; padding:10px 0 0 0; text-align: left;}
    .contact_form input[type="submit"] { display: inline-block;line-height: 34px;width: 100px; height: 36px;}

    .header_caption { width: 100%; left: 0; bottom: 0px; margin-left: auto;font-size: 16px; line-height: 22px; padding: 0 20px;}
    .header_caption div p:nth-child(1) { font-size: 24px; line-height: 25px; margin-bottom: 8px;}
    .header_caption div p:nth-child(2) {font-size: 32px; line-height: 34px; margin-bottom: 8px;}

    .location_range {padding: 15px 0;}
    .location_range div {padding: 0 5px;font-size: 15px;line-height: 20px;}
    .location_range div img { max-width: 32px; max-height: 20px; width: auto; height: auto;padding-left: 3px;}
    .home_top {padding: 0; color: #fff;}
    .home_top_text {padding-right: 0px; padding: 25px 20px 35px 20px; background: #1A1A1A;}
    .home_top_text img { display: none;}  
    .home_top_text h1 { color: #fff;}  
    .home_video {padding: 30px 20px;}
    .image_text { padding: 24px 30px 80px 30px;}
    .image_text h2 {font-size: 24px; line-height: 28px; margin-bottom: 10px;}
    .image_text a { left: 25px; bottom: 30px; line-height: 32px; padding-right: 60px; padding-left: 16px;  }
    .image_text a:before {width: 46px;}
    .image_text a:after {right: 10px; top: 5px;}
    .rider_info {width: 100%; position: relative; right: auto; top: auto;  padding:30px 25px 0 25px;}
    .rider_info h2 {margin-bottom: 15px;}
    .rider_info ul li a {padding-right: 70px;}
    .rider_info ul li a:before { width: 61px;}
    .rider_info ul li a:after {right: 18px;}  
    .home_middle { padding: 68px 10px 15px 10px; } 
    .rider_form { padding: 0px 0 30px 0;}
    .rider_form_img { display: none;}
    .rider_form img { width: 100%;}
    .rider_form .row [class*="col-"] { padding: 45px 20px 0 20px; }
    .rider_form h3 { font-size: 36px; line-height: 34px;}
    .rider_form .contact_form .form_group {padding: 0 0 14px 0;}
    .rider_form .contact_form .form-control {height: 32px;line-height: 30px; padding:  0 12px;}
    .rider_form .contact_form .form_group label {height: 32px;line-height: 30px;}
    .rider_form .contact_form input[type="submit"] { width: 178px}
    .partner_zone h3 { font-size: 36px; line-height: 36px; right: 20px; top: 50px; width: 150px;}
    .partner_logos { padding-top: 32px; padding-bottom: 45px;}
    .footer {padding: 40px 0 0 0;}
    .footer .container { padding-bottom: 130px;}
    .footer .container .row  [class*="col-"]:nth-child(1) { order: 2 !important;}
    .footer .container .row  [class*="col-"]:nth-child(2) { order: 1 !important;}
    .footer_nav {width: 100%;}
    .footer_nav ul {padding: 40px 0 20px 0;}
    .footer_logo {width: 100%;}
    .footer_logo img { max-width: 211px; margin-right: -20px;}
    .copyright {padding-top: 15px; text-align: left;}
    .social_nav { width: auto; left: 20px; right: 20px; top: auto; bottom: 55px; }
    .social_nav ul { justify-content: left;}
    .social_nav ul li {padding: 0 5px;}
    .social_nav ul li a {width: 36px;height: 36px; line-height: 36px;}
    .social_nav ul li a img { max-width: 70%; max-height: 20px;}

    .about_event {padding-top: 70px;padding-bottom: 30px;}
    .about_event_top { padding-bottom: 50px; padding-left: 120px; min-height: inherit; background-size: 170px auto; background-position: -50px bottom; border-bottom: solid 1px #C4C4C4;} 
    .about_event_top div {padding:0; width: 100%; max-width: 100%;}    
    .about_event_top h1 {margin-bottom: 0px;}
    .about_event_top div.event_pic { display: none;}
    .about_event_top div p { margin-bottom: 0;}
    .hall_fame {font-size: 32px; line-height: 30px;padding-top: 50px; padding-bottom: 50px;}
    .hall_fame h3 {font-size: 48px; line-height: 48px;}
    .place {font-size: 16px; line-height: 20px; text-align: center; padding-left: 50%!important;}
    .hall_fame .container .row [class*="col-"]:nth-child(2) {order: 3 !important; padding-bottom: 0; padding-top: 6px;}

    .video_gallery { border-bottom: solid 1px #C4C4C4; margin-top: 30px; padding-bottom: 50px;}
    .video_gallery h2 { position: relative; right: auto; top: auto; width: 100%; font-size: 24px;line-height: 30px; margin-bottom: 10px;}
    .gallery_top {padding-right: 0px; padding-bottom: 0px;}
    .year_select { width: 200px; position: relative; right: auto; top: auto;}
    .year_select div { font-size: 24px;}
    .rider_details { position: relative; right: auto; top: auto; width: 100%; padding-left: 200px; padding-bottom: 20px;}
    .rider_details ul li {font-size: 24px; line-height: 32px;}
    .jursey { display: none;}
    .youtube_video a::after {width: 70px; height: 70px; margin-top: -35px; margin-left: -35px; background-size: 66px auto;}
    .jursey_pic { position: absolute; left: 15px; bottom: 0; width: 150px; display: block;}

    .contact_top .contact_form {padding: 20px;}
    .contact_top {padding-top: 150px; padding-bottom: 40px;}
    .contact_top .contact_form .form_group {  padding: 0 0 2px 0;}
    .contact_top .contact_form .form_group.submit { position: absolute; left: 20px; bottom: 80px;width: 178px;}
    .contact_top .contact_form .form_group.email_call {padding-left: 0px;padding-top: 70px;}
    .contact_top .contact_form .form_group.terms { padding-left: 0px;}
    .contact_top .contact_form .form-control {height: 32px; line-height: 30px;font-size: 16px; padding:  0 12px;}
    .contact_top .contact_form .form_group label { font-size: 16px;}

    .route_content, .categoiries_content, .race_content, .accomodation_content, .epic_content {width: 100%;  padding: 60px 20px 60px 40px;  }
    .route_content { padding-left: 20px;}
    .routes::after, .categoiries::after, .accomodation::after { width: 100%;  left: 0;  }
    .route_content h1 {font-size: 48px;  line-height: 48px;}
    .categoiries_content h2, .spectator_guide h2, .race_village h2, .find_partner h2, .result_title h2, .epic_content h2, .route_content h2, .spectator_guide h2, .accomodation h2 
    { font-size: 36px; line-height: 36px;}
    .categoiries_content { padding: 30px 20px 140px 20px;}
    .spectator_content a {font-size: 16px;line-height: 24px;}
    .spectator_nav { display: none;}
    .spectator_guide .container {padding-top: 50px; padding-bottom: 50px;}
    .race_content { padding: 0; }
    .spectator_guide:after { opacity: 0.58;}
    .spectator_content { min-height: 270px;}
    .spectator_content ul { position: absolute; right: 0; top: 0; width: 140px; z-index: 2;}
    .spectator_content ul li { width: 100%; max-width: 100%; padding-left: 0;}
    .spectator_content ul li:nth-child(2), .spectator_content ul li:nth-child(3) { display: none;}
    .race_village { background-image: none!important; background-color: #FCB913; padding: 0; }
    .race_village:after { display: none;}
    .race_content , .race_content h2 {color: #1A1A1A;}
    .race_content { padding: 40px 20px 30px 20px;}
    .race_village .container { padding: 0;}
    .race_village img { width: 100%;}
    .accomodation_pic { display: none;}
    .for_desktop{ display: none;}
    .for_mobile { display: flex;}
    .find_partner { padding: 50px 0 20px 0;}
    .find_partner .contact_form {padding:  0;}    
    .find_partner .contact_form .form_group label {font-size: 16px; line-height: 30px; height: auto; position: relative; display: block; left: auto; top: auto;}  
    .find_partner .contact_form .form_group {padding: 0 0 20px 0; }
    .find_partner .contact_form .form_group.numpadding {padding-right: 0px;}
    .find_partner .contact_form .form_group.epadding {padding-right: 0px;}  
    .year_select2 {left: 20px; top: -10px;} 
    .year_select2 select {font-size: 36px; line-height: 50px;width: 130px;}
    .pdf_link {font-size: 25px; height: 80px; padding-right: 80px;  background-size: auto 80px;}
    .find_partner .contact_form .form_group.for_radio.full label { display: block;}
    .radioselect {width: 18px;height: 18px; margin-top: -9px;}
    .radioselect:after {width: 8px; height: 8px; left: 4px; top: 4px;}
    .find_partner .contact_form .form_group.for_radio label.label_radiobox {padding-right: 24px;}
    .results { padding: 0 0 50px 0; background: #1A1A1A;}
    .results .container, .results .container .row [class*="col-"]  { padding: 0; position: relative;}
    .results .container .row { margin: 0;}
    .result_thumbnail {margin-top: 160px;}
    .result_thumbnail div h3 {padding-right: 40px; font-size: 32px; line-height: 30px; }
    .result_thumbnail div p {font-size: 24px; line-height: 36px;}
    .result_thumbnail div { width: auto; padding-left: 2px;  }
    .result_title {position: absolute; z-index: 6; left: 0px; right: 0px; height: 150px; bottom: 310px; padding:  0 20px;}
    .results_pic::after { display: none;}
    .pdf_link {font-size: 16px;  height: 60px; padding-right: 60px;  background-size: auto 60px; top: auto; bottom: -140px; left: 20px}
    .results_pic { position: relative; z-index: 12;}
    .epic_angels { background-size: auto 400px; background-color: #1F688C; padding: 0;}
    .epic_content {padding: 430px 0px 45px 00px;  }
    .epic_content h2 { position: absolute; right: 20px; top: 40px;}
    .epic_content h2 br { display: none;}
    .accomodation_slider {padding: 50px 20px 120px 20px; color: #fff;}
    .accomodation_slider h3 { font-size: 24px; line-height: 26px; color: #FFB915; font-weight: 400;}
    .accomodation_slider .splide__arrows--rtl .splide__arrow--prev { bottom: -80px; right: auto; left: 50%; margin-left: -50px; top: auto; margin-top: auto; background: #FCB913  url(../images/prev_white.svg) no-repeat center center; width: 40px; height: 40px; border-radius: 0; border: 0; }
    .accomodation_slider .splide__arrows--rtl .splide__arrow--next { bottom: -80px; right: auto; left: 50%; margin-left: 10px; top: auto; margin-top: auto;  background: #FCB913  url(../images/next_white.svg) no-repeat center center;  width: 40px; height: 40px; border-radius: 0; border: 0; }
    .accomodation_slider .splide__arrows--rtl .splide__arrow--prev:disabled {opacity: 1; background: #fff  url(../images/prev_black.svg) no-repeat center center;}
    .accomodation_slider .splide__arrows--rtl .splide__arrow--next:disabled {opacity: 1; background: #fff  url(../images/next_black.svg) no-repeat center center;}
    .accomodation_slider img { border-radius: 10px; width: 100%;}

    .registration_wrap .container {padding-top: 250px; padding-bottom: 30px; }
    .registration_wrap .row [class*="col-"] {padding-bottom: 30px;}
    .package_block {padding: 20px; font-size: 16px; line-height: 20px;}
    .package_block .form_group { margin: 0;}
    .package_block .form_group.regular label {font-size: 16px; line-height: 20px; padding-bottom: 5px; }
    .package_block .form_group.selectpackage {padding-top: 10px; padding-bottom: 30px;}
    .package_block .form_group.selectpackage.half, .package_block .form_group.selectpackage.middle {padding-bottom: 10px;}
    .package_block .form_group.selectpackage > div {width: 100%;max-width: 100%; padding: 0 0 15px 0;}
    .package_block .form_group.selectpackage > div.code_text.half {  padding:10px 0 0 0;}
    .package_block .form_group.selectpackage label { min-height: 120px; padding: 30px 20px;}
    .package_block .form_group.selectpackage label span { padding-right: 50px;}
    .radioselect2:after { right: 20px}
    .selectpackage.half .radioselect2:after {top: 50%;}
    /*.package_block .form_group.selectpackage label span {left: 70px;} */
    .package_block .form_group.selectpackage.half > div, .package_block .form_group.selectpackage.middle > div {
     width: 100%; max-width: 100%; padding: 0 0 15px 0;}
    .package_block .form_group.selectpackage.half label span {}
    .package_block .form_group.selectpackage.half label span + span { right: 20px; bottom: 10px;}
    .package_block .form_group.regular {padding: 20px 0 30px 0;}
    .package_block .form_group.gender {padding: 10px 0 20px 0; margin: 0 -10px;}
    .package_block .form_group.gender > div { line-height: 50px; padding: 0 10px 10px 10px;}
    .package_block .form_group.gender label {padding: 0 25px; min-height: 50px;}
    .package_block .form_group.gender.full {padding-left: 0%;} 
    .package_block .form_group.gender.full label {padding: 14px 10px; min-height: auto;  }
    .package_block .form_group.gender.full > div {padding-bottom: 20px; line-height: 22px; padding-left: 10px;}  
    .package_table ul { padding: 0 0 20px 0; }
    .package_table ul:nth-last-child(1) { padding-top: 20px;}
    .package_block .form_group.submit { padding: 0 0 20px 0;}
    .package_block .form_group.terms label {padding-right: 60px;}
    .checkbox3, .checkbox3:focus {width: 50px; height: 50px; margin-top: -25px;}
    .payble_link {margin-bottom: 20px;}
    .package_block .form_group.terms {padding-top: 5px; padding-bottom: 15px;}
    .package_block .form_group.regular { padding: 10px 0 20px 0; }
    .registration_wrap h2, .registration_wrap h3, .registration_wrap h4 {font-size: 26px; line-height: 26px;}
    .registration_wrap.secure_checkout .container {padding-top: 150px; padding-bottom: 0px;}
    .participants_list .container {padding-top: 150px; padding-bottom: 30px;}
    .participant_common {padding: 30px;}

    .package_block .form_group.gender > div.fullwidth , .package_block .form_group.gender.nutrition > div.fullwidth { line-height: 20px;padding: 0 10px 5px 10px;}
    .package_block .form_group.gender label { padding: 0 10px; min-width: 80px;}
    .package_block .form_group.gender.nutrition > div { width: 33.33%}
    .package_block .form_group.gender.nutrition label {min-width: 100%;} 

    .scrolled .registration_wrap .container {padding-top: 250px;}
    .registration_wrap .container.registration_step {top: 98px; padding-top: 30px; padding-bottom: 10px;max-width: 100%; margin-left: -50%;}
    .scrolled .registration_wrap .container.registration_step {padding-top: 20px;}
    .top_padding { height: 250px;}

    .personal_area .container {padding-top: 150px; padding-bottom: 50px;}
    .common_block {padding: 30px 60px 20px 30px;}
    .common_block.order_package img, .common_block.last_result img { right: 25px; top: 35px;}
    .common_block.order_package button {left: 20px; top: 20px;}
    .common_block.personal_name {padding: 30px ; margin-bottom: 40px;}
    .common_block.personal_details { padding: 30px 30px 10px 30px; }
    .name_block {font-size: 20px;padding-right: 160px; padding-top: 20px;}
    .name_block ul { padding: 0;}
    .name_block button { top: -10px; left: -10px;}
    .name_thumb {width: 140px;height: 140px;}
    .personal_details ul li {font-size: 16px;}
    .name_block h1, .common_block.personal_details h2 {font-size: 30px;}
    .common_block.medical_certificate, .common_block.insurance_policy { padding: 15px 80px 15px 20px;}
    .common_block.gear_selection { padding: 20px 20px 25px 20px;}
    .medical_certificate i, .insurance_policy i {right: 20px; top: 24px; width: 46px; height: 46px; line-height: 46px;}
    .medical_certificate i img , .insurance_policy i img { max-width: 80%;}
    .medical_certificate h2, .insurance_policy h2, .insurance_policy h3 {font-size: 20px; margin-bottom: 10px;}
    .medical_certificate a, .insurance_policy a { font-size: 14px;}


    .participant_common h2, .matching_common h2 {font-size: 24px;line-height: 24px;}
    .registration_wrap.secure_checkout h1, .participants_list h1 { font-size: 24px; line-height: 36px;}
    .find_partner .contact_form .form_group.matching_list { padding: 30px 0 0 0; text-align: left; max-width: 100%;}
    .matching_list a { max-width: 430px;} 
    .matching_common { padding: 30px;}
    .matching_common ul li { font-size: 16px; width: 50%; max-width: 50%;}
    .matching_common ul li:nth-child(even) { width: 50%; max-width: 50%;}
    .registration_wrap.secure_checkout h1, .participants_list h1 {  margin-bottom: 40px;}

    .code_send button, .code_receive ul li b { padding: 12px 20px;font-size: 16px; line-height: 22px;}
    .code_receive ul li .form-control { width: 100%; line-height: 44px; height: 46px; font-size: 22px;} 
    .code_receive ul li b { width: 100%;} 
        
    .inner_page {padding: 96px 0 50px 0;}
    .inner_page .no_header { padding-top: 30px;}

    .product_tab { margin: 0 -10px;}
    .product_tab > div {padding: 10px;}
    .hour_select, .hour_select:focus {padding: 8px 10px;}
    .product_tab > div ul { position: relative;  left: auto; top: auto; width: auto;}
    .product_tab > div ul li { padding: 5px;}

     .login_modal .modal-dialog { max-width: 92%; margin: 0 auto;}
    .login_modal .modal-body {  font-size: 18px; line-height: 26px; padding: 50px 50px 10px 50px; }  
    .login_modal h3 , .login_modal h4  {font-size: 28px; line-height: 34px; }
    .login_modal .contact_form .form-control {padding: 0 12px; height: 32px; line-height: 30px; font-size: 16px; }
    .login_modal .contact_form .form_group.register a, .login_modal .contact_form input[type="submit"] { height: 40px; width: 176px; line-height: 40px;}
     

}
/* END__ */
 @media only screen and (max-width: 575px) {
    .registration_step ul li a {padding-top: 50px;}
    .registration_step ul li a:before {width: 44px;height: 44px;}
    .registration_step ul li a:after {top: 21px;}
    .package_table ul li {width: 30%;max-width: 30%;}
    .package_table ul li:nth-child(1) {width: 40%; max-width: 40%;}
    .package_table ul:nth-last-child(1) li { max-width: 50%; width: 50%;}
    .package_block .form_group.submit input[type="submit"], .package_block .form_group.submit .submit_button { font-size: 16px;}
    .participant_common > div, .participant_common > div:nth-last-child(1) {width: 100%; max-width: 100%;}
    .personal_details ul li { width: 100%; max-width: 100%;}
    .code_send button { width: 100%; font-size: 14px; line-height: 18px; padding: 15px 10px;}

    .registration_wrap .container {padding-top: 230px;}
    .scrolled .registration_wrap .container {padding-top: 210px;}
    .registration_wrap .container.registration_step {top: 98px; padding-top: 30px; padding-bottom: 10px;max-width: 100%; margin-left: -50%;}
    .scrolled .registration_wrap .container.registration_step {padding-top: 20px;}
    .top_padding { height: 210px;}
    .select_radio span {  font-size: 16px;}

   


}
/* END__ */
 @media only screen and (max-width: 480px) {
    .epic_angels { background-size: auto 350px;}
    .epic_content {padding: 380px 0px 45px 00px;  }
    
    .package_block .form_group.submit input[type="submit"], .package_block .form_group.submit .submit_button { font-size: 12px;}
    .package_block .form_group.gender.nutrition > div {  width: 100%;}
    .find_partner .contact_form input[type="submit"], .matching_list a { font-size: 24px;}
    .registration_step ul li a { font-size: 13px; line-height: 22px;}

}
/* END__ */
 @media only screen and (max-width: 370px) {
    .rider_details {  padding-left: 130px; }
    .jursey_pic { left: 0px;width: 120px; }
    .package_block .form_group.submit input[type="submit"], .package_block .form_group.submit .submit_button { font-size: 10px;}
    .package_block .form_group.gender label { padding: 0 15px;}
    .package_block .form_group.gender label span { font-size: 14px; line-height: 22px; padding: 10px 0; }
    .package_block .form_group.gender > div {padding-right: 15px;}
    .find_partner .contact_form input[type="submit"], .matching_list a { font-size: 22px; width: 100%}
    .categoiries_content h2, .spectator_guide h2, .race_village h2, .find_partner h2, .result_title h2, .epic_content h2, .route_content h2, .spectator_guide h2, .accomodation h2 ,
    .categoiries_content ul li a,  .year_select2 select
    {font-size: 30px;  line-height: 30px; }
    .spectator_content ul { width: 110px;}
    .rider_stages { padding: 30px !important;  }
    .year_select2 select { width: 110px }
    .route_content ul li a { font-size: 14px;}
    .registration_step ul li a { font-size: 12px; line-height: 22px;}



}
/* END__ */

 .carousel-fade .carousel-item {
     opacity: 0;
     transition-duration: .6s;
     transition-property: opacity;
}
 .carousel-fade .carousel-item.active, .carousel-fade .carousel-item-next.carousel-item-left, .carousel-fade .carousel-item-prev.carousel-item-right {
     opacity: 1;
}
 .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right {
     opacity: 0;
}
 .carousel-fade .carousel-item-next, .carousel-fade .carousel-item-prev, .carousel-fade .carousel-item.active, .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-prev {
     transform: translateX(0);
     transform: translate3d(0, 0, 0);
}
 input[type='number']{
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
}
 input[type='number']::-webkit-inner-spin-button, input[type='number']::-webkit-outer-spin-button {
     -webkit-appearance: none;
     margin: 0;
}
 input[type='number'] {
     -moz-appearance:textfield;
}
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

a:focus-visible, button:focus-visible, input[type=submit]:focus-visible, label:focus-visible, .logo a:focus-visible, .color_select label:focus-visible { border: solid 1px #FF0004!important;}
.sr-only {
position:absolute;
left:-10000px;
top:auto;
width:1px;
height:1px;
overflow:hidden;
}

.sr-only:focus-visible {
  color:black;
  width:auto;
  left:auto;
  right:0;
  height: auto;
  border:1px solid black;
  clip:auto;
  background: white;
  text-indent: 0;
  z-index: 9999999;
}

/* Responsive YouTube embed (home_video / t7938) */
.youtube_video.youtube_video_embed {
    position: relative;
    width: 100%;
    max-width: 100%;
    aspect-ratio: 16 / 9;
    background: #000;
}
.youtube_video.youtube_video_embed iframe {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: 0;
}