*, *:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  transition: background-color 0.3s, color 0.3s, opacity 0.3s;
}
img { max-width: 100%; }

@font-face {
  font-family: 'OpenSans';
  src: url('../../assets/fonts/OpenSans/v1/OpenSans.eot') format('embedded-opentype'),
      url('../../assets/fonts/OpenSans/v1/OpenSans.woff') format('woff'),
      url('../../assets/fonts/OpenSans/v1/OpenSans.ttf')  format('truetype'),
      url('../../assets/fonts/OpenSans/v1/OpenSans.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'OpenSans';
  src: url('../../assets/fonts/OpenSans/v1/OpenSans-Light.eot') format('embedded-opentype'),
      url('../../assets/fonts/OpenSans/v1/OpenSans-Light.woff') format('woff'),
      url('../../assets/fonts/OpenSans/v1/OpenSans-Light.ttf')  format('truetype'),
      url('../../assets/fonts/OpenSans/v1/OpenSans-Light.svg') format('svg');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'OpenSans';
  src: url('../../assets/fonts/OpenSans/v1/OpenSans-Bold.eot') format('embedded-opentype'),
      url('../../assets/fonts/OpenSans/v1/OpenSans-Bold.woff') format('woff'),
      url('../../assets/fonts/OpenSans/v1/OpenSans-Bold.ttf')  format('truetype'),
      url('../../assets/fonts/OpenSans/v1/OpenSans-Bold.svg') format('svg');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'OpenSans';
  src: url('../../assets/fonts/OpenSans/v1/OpenSans-ExtraBold.woff') format('woff'),
      url('../../assets/fonts/OpenSans/v1/OpenSans-ExtraBold.ttf')  format('truetype'),
      url('../../assets/fonts/OpenSans/v1/OpenSans-ExtraBold.woff2') format('svg');
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: 'AktivGroteskEx';
  src: url('../../assets/fonts/AktivGroteskEx/v1/AktivGroteskEx.woff') format('woff'),
  url('../../assets/fonts/AktivGroteskEx/v1/AktivGroteskEx.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'AktivGroteskExLight';
  src: url('../../assets/fonts/AktivGroteskEx/v1/AktivGroteskExLight.woff') format('woff'),
  url('../../assets/fonts/AktivGroteskEx/v1/AktivGroteskExLight.ttf') format('truetype');
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: 'AktivGrotesk-Light';
  src: url('../../assets/fonts/AktivGrotesk/v1/AktivGrotesk-Light.woff') format('woff'),
  url('../../assets/fonts/AktivGrotesk/v1/AktivGrotesk-Light.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: 'AktivGrotesk-Regular';
  src: url('../../assets/fonts/AktivGrotesk/v1/AktivGrotesk-Regular.woff') format('woff'),
  url('../../assets/fonts/AktivGrotesk/v1/AktivGrotesk-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'AktivGrotesk-Medium';
  src: url('../../assets/fonts/AktivGrotesk/v1/AktivGrotesk-Medium.woff') format('woff'),
  url('../../assets/fonts/AktivGrotesk/v1/AktivGrotesk-Medium.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'AktivGrotesk-Bold';
  src: url('../../assets/fonts/AktivGrotesk/v1/AktivGrotesk-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
}

:root {
  --primary-yellow: #ffe900;
  --primary-orange: #ff8202;
}
input{color:white!important; }
body { background-size:cover; color: #fff; overflow-x: hidden!important; font-family: 'OpenSans', Arial, sans-serif !important; font-size: 14px; padding: 0!important; min-height:100vh; background: rgb(10,32,29); background: linear-gradient(90deg, rgba(10,32,29,1) 0%, rgba(17,61,64,1) 17%, rgba(20,67,73,1) 34%, rgba(22,77,87,1) 48%, rgba(19,66,71,1) 65%, rgba(16,54,55,1) 81%, rgba(14,42,36,1) 100%); }
/* body.p18 { background: #151818 url(../images/bg.jpg) top center no-repeat; background-size: cover; } */
a { color: #11A1AF; text-decoration: none; }
.field-row {
  padding: 6px 0;
}
/* a:hover { text-decoration: underline; } */

#main { max-width: none; width: 100%; }

#header_text { text-align: center; position: relative; max-width:1026px; margin: 0 auto;}
#header_text:before { /*background: url(../images/confetti.png) center center no-repeat;*/ content: ''; display: block; height: 504px; width: 815px; position: absolute; top: 0; left: 0; }
#header_text .block1 { float:right;  max-width: 100%; padding-bottom: 30px; padding-top: 70px;}
#header_text .block1 p { text-align: center; }
#header_text .block1 h1 { font-size: 50px; font-weight: 300; padding: 30px 0; font-family: 'AktivGroteskEx', 'OpenSans', Arial, sans-serif; }
#header_text .block1 h2 { font-size: 28px; font-weight: 100; font-family: 'AktivGroteskExLight', 'OpenSans', Arial, sans-serif;}

#block-info-container1 > p { text-align: center; }
#block-info-container1 > h1 { font-size: 1.5em; color: white; font-family: 'AktivGroteskExLight', 'OpenSans', Arial, sans-serif; text-align: center; margin-bottom: 20px; margin-top: 30px; }
#block-info-container1 > h2 { font-size: 1.8em; color: white; font-family: 'AktivGroteskEx', 'OpenSans', Arial, sans-serif; text-align: center; margin-bottom: 20px; line-height: 1.2; text-shadow: 0 0 8px #000;}
#info_text_holder { z-index: -3; float: none; width: 100%!important; padding-left: 8%; }
#info_text_holder .wheel { height: 100vh; position: relative; }
#info_text_holder p.wheel_base { position: absolute; z-index: -2; }
#info_text_holder p.spin { position: absolute; z-index: -1;     top: 207px;
  left: 214px;
  -webkit-animation:spin 60s linear infinite;
  -moz-animation:spin 60s linear infinite;
  animation:spin 60s linear infinite;
  transform-box: fill-box;
  transform-origin: center; }
@keyframes spin {
  0% { transform:rotate(0); }
  100% { transform:rotate(360deg); }
}

#info_text_holder p.mob_wheel { display: none; }

.p18 #form_holder { position: absolute; width: 50%; padding: 80px 80px; margin: 0 1%; margin-top: 100px; backdrop-filter: blur(10px);  background: rgb(22,170,173); background: linear-gradient(0deg, rgba(6, 105, 107, 0.885) 0%, rgba(11, 101, 111, 0.83) 100%); border-radius: 10px; z-index: 1; }

#banner { display: none; }
#promo_content, #extend_content { background: transparent; margin: 0 auto; max-width: 1280px; font-family: 'AktivGrotesk-Regular', 'OpenSans', Arial, sans-serif;}
#promo_content { /*display: flex; min-height: 90vh; justify-content: center; align-items: center; */ float: none; padding: 60px 0; padding-top: 30px; min-height: 1200px; position: relative; }
/* #form_holder, #info_text_holder, #content { padding: 30px 0; } */
/* #info_text_holder { display: none; } */
#content {}
/* #content h1 { font-size: 32px; margin: 0 0 30px 0; font-family: 'AktivGroteskEx', 'OpenSans', Arial, sans-serif; }
#content h2 { font-size: 26px; margin: 0 0 30px 0; font-family: 'AktivGroteskExLight', 'OpenSans', Arial, sans-serif;  }
#content h3 { font-size: 20px; margin: 0 0 70px 0; font-family: 'AktivGrotesk-Regular', 'OpenSans', Arial, sans-serif; } */
#content a.button1 {background: #11a2af7b;
  border: 1px solid #77F0FD;
  border-radius: 30px;
  color: white;
  cursor: pointer;
  font-family: 'AktivGroteskEx', Arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
  margin: 0 5px;
  min-width: 270px;
  padding: 20px;
  padding-bottom: 15px;
  text-transform: uppercase;
  transition: background-color 0.3s, border-color 0.3s;
  font-family: 'AktivGroteskExLight', 'OpenSans', Arial, sans-serif;}
  #content a:hover {background:#0cb4c4; border: 0; }


#content table { background: #eee; border-collapse: collapse; margin: 0 0 15px 0; width: 100%;  }
#content td { border: 1px solid #ddd; padding: 5px; }
#form_holder { background: none; }
label, #country_address, #country_promotion { display: inline-block; padding: 10px 10px 10px 0; }
.field-row { overflow: hidden; }
.field-row .table-cell { width: 60%; }
.field-row .table-cell.colspan2 { width: 100%; }
.field-row .table-cell.coll1,
.table-cell.coll1_field_sub_group_btm { width: 40%; }
.table-cell input[type="text"],
.table-cell select { border: 2px solid #ccc; border-radius: 5px; color: white; padding: 8px; width: 100%; background: none;}
.table-cell select { padding: 10px 5px; }
.table-cell option { background: #fff; }
.table-cell input[type="text"]:focus,
.table-cell select:focus { color: #333; }
input[type="file"] { max-width: 100%; }
.disabled { display: none; }
#date_purchase,
#date_purchase1,
#date_purchase2,
#date_purchase3,
#date_purchase4,
#date_purchase5,
#date_purchase6,
#date_purchase7,
#date_purchase8,
#date_purchase9,
#date_purchase10 { margin: 0 3px 0 0; width: 87%; }
.calendarButton { background: url(../images/calendar.png) center center no-repeat!important; cursor: pointer; height: 24px!important; vertical-align: middle; width: 24px!important; }
#add_another_product,
#remove_last_product { cursor: pointer; }
#add_another_product { margin: 0 0 5px 0; }
#add_another_product:hover,
#remove_last_product:hover { }
#form_wrapper a.popup { background-color: var(--primary-yellow); border-radius: 50%; color: #fff; display: inline-block; height: 20px; line-height: 20px; text-align: center; text-decoration: none; width: 20px; }
#form_wrapper a.popup:hover { color: #000!important; }
#r_subscribe,
#r_terms_conditions { position: relative; line-height: 18px; padding: 0 0 0 23px; }
#r_subscribe input,
#r_terms_conditions input { position: absolute; top: 0; left: 0; }
#submit-div { padding: 20px 0; text-align: center; }
.SubmitButt { background: #11a2af7b;
  border: 1px solid #77F0FD;
  border-radius: 30px;
  color: white;
  cursor: pointer;
  font-family: 'AktivGroteskEx', Arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
  margin: 0 5px;
  min-width: 270px;
  padding: 20px;
  padding-bottom: 15px;
  text-transform: uppercase;
  transition: background-color 0.3s, border-color 0.3s;
  font-family: 'AktivGroteskExLight', 'OpenSans', Arial, sans-serif;}
.SubmitButt:hover {background:#0cb4c4; }
#captcha_img { padding: 15px 0 0 0; clear: both; float: none; padding: 15px 0 0 0; width: 100%; }


#footer_thankyou .footer, #footer .footer { clear: both; font-size: 12px; padding: 0; padding-bottom: 10px; }
#footer_thankyou .footer .block1, #footer .footer .block1 {  max-width:1280px; border-top: 2px solid #424545; overflow: hidden; margin: 0 auto; padding: 0 15px;}
#footer_thankyou .footer .block1 p, #footer .footer .block1 p {float: left; margin-top: 12px; text-align: left; line-height: 1.15rem;}
#footer_thankyou .footer .block1 ul, #footer .footer .block1 ul {width: 70%; list-style: none; text-align: right; float: right; margin-top: 10px;}
#footer_thankyou .footer .block1 ul li, #footer .footer .block1 ul li { display: inline; margin: 10px 12px 0 0 ;}
#footer_thankyou .footer .block1 ul li a, #footer .footer .block1 ul li a {color: #9f9f9f;}
#footer_thankyou .footer .block1 ul li p, #footer .footer .block1 ul li p {float: left; margin-top: 0; text-align: right; line-height: 1.15rem;}
#footer_thankyou .footer .block1 ul li p a, #footer .footer .block1 ul li p a {color: #11A1AF; text-decoration: underline;}

/*#footer { background-color: rgba(0,0,0,0.6); line-height: 1.5; }
#footer ul {  max-width: 1170px; padding: 15px 0; margin: 0 auto; list-style: none; text-align: right; }
#footer ul li{ display: inline-block; margin: 6px 12px 0 0 ;}
#footer ul li:last-child { color: #b2c1c6; display: block;}*/

.no_script{ color:#fff; width: 100%; text-align: center; border: none; background-color: #c00; }

span.required { color: #11A1AF; }
div.required { color: #fff; margin: 0 0 20px 0; }
div.required span { color: #11A1AF; }
#a_l_txt_new_productgroup_all { display: block; font-size: 24px; font-weight: 900; margin: 30px 0 0 0; text-transform: uppercase; }
.drow .colspan-2{ padding-bottom: 12px; font-size: 16px;  }
#r_terms_conditions { margin: 30px 0 15px 0; }
#date_purchase1_u_info,
#date_purchase2_u_info,
#date_purchase3_u_info,
#date_purchase4_u_info,
#date_purchase5_u_info,
#date_purchase6_u_info,
#date_purchase7_u_info,
#date_purchase8_u_info,
#date_purchase9_u_info,
#date_purchase10_u_info { color: #888; display: block; font-size: 12px; padding: 3px 0; }

#wrapper_thankyou .popup { background: url(../images/popup-winner.png) top center no-repeat; background-size:contain; color: #000; height: 100vh; padding-top: 140px; text-align: center; width: 100vw; position: fixed; top: 50%!important; transform: translateX(-50%) translateY(-50%); z-index: 11; }
.popup h2{height: 185px !important; background:none;}
.popup .box { background: transparent!important; max-width: 735px!important; padding: 0!important; top: 0!important; }
.popup .box h5{ display: none; }
#form_wrapper > div > div.popup.popup-winner.cboxElement > div > h5 {display:none;}
.popup .box h4{ font-size: 36px!important; line-height: 1.2; width: 50%; margin: 0 auto; font-weight: bold !important; color: white; font-family: 'Aktiv Grotesk Ex', 'OpenSans', Arial, sans-serif;font-weight:700;}
.popup .close { display: none; }

.popup h2,
.popup h3,
.popup h4,
.popup h5,
.popup p { text-shadow: 1px 1px 4px #000; }

#form_wrapper .popup h2 { background: none; font-size: 30px; height: 114px; padding-top: 0px; color: #fff; height:100%; font-weight: bold; font-family: 'Aktiv Grotesk Ex Light', 'OpenSans', Arial, sans-serif;}
#alertBox__content > p {color: black;}
#form_wrapper > div > div.popup.popup-winner.cboxElement > h3 {color:white;  font-size: 1.2em; width: 80%; font-family: 'AktivGroteskExLight', 'OpenSans', Arial, sans-serif; margin: 0 auto; margin-bottom:20px;}
#form_wrapper > div > div.popup.popup-winner.cboxElement > h2:nth-child(2) {margin-bottom:0; padding:0px; padding-top:142px; color: #f4b35e; text-shadow: 1px 1px 4px #000; font-size: 36px; margin-bottom: 15px; }

/* --LP--- */
.p62.land-main {  background: rgb(10,32,29); background: linear-gradient(90deg, rgba(10,32,29,1) 0%, rgba(17,61,64,1) 17%, rgba(20,67,73,1) 34%, rgba(22,77,87,1) 48%, rgba(19,66,71,1) 65%, rgba(16,54,55,1) 81%, rgba(14,42,36,1) 100%); }

.p62.land-main #header_text {display: none;}
.p62.land-main section { margin: 100px 0 250px 0; padding: 0 200px; display: flex; justify-content: center; align-items: center; }

/* ---- LP Home section---- */

.p62.land-main .home { flex-direction: column; min-height: 95vh; margin: 0; padding: 0; }
.p62.land-main .home p.logo { margin-bottom: 100px; }
.p62.land-main .home h1 { font-size: 1.7em; color: #56E3EC; font-family: 'AktivGroteskExLight', 'OpenSans', Arial, sans-serif; text-align: center; margin-bottom: 20px; }
.p62.land-main .home h2 { font-size: 3.1em; color: white; font-family: 'AktivGroteskEx', 'OpenSans', Arial, sans-serif; text-align: center; margin-bottom: 20px; line-height: 1.2; text-shadow: 0 0 8px #000; }
.p62.land-main .home h3 { font-size: 1.3em; line-height: 1.2; color: white; font-family: 'AktivGrotesk-Light', 'OpenSans', Arial, sans-serif; text-align: center; margin-bottom: 60px; text-shadow: 0 0 8px #000; width: 48%; }

/* ---- LP Prizes section---- */
.p62.land-main .prize_info { position: relative; flex-direction: column; min-height: 50vh; margin: 0; padding: 0 20px; }
.p62.land-main .prize_info .sample-cards { display: grid; grid-template-columns: repeat(2,1fr); column-gap: 1.5em; max-width: 1280px; }
.p62.land-main .prize_info .sample-cards .top { background: rgb(22,170,173); background: linear-gradient(0deg, rgba(22, 170, 173, 0.803) 0%, rgba(16, 122, 134, 0.6) 100%); min-width: 300px; min-height: 450px; padding: 30px 80px;  border-radius: 10px; padding-top: 100px; }
.p62.land-main .prize_info .sample-cards .top { text-align: left; }
.p62.land-main .prize_info .sample-cards .top h2 { font-size: 2em; font-weight: bolder; text-align: left; color: #f1f1f1; font-family: 'AktivGroteskEx', 'OpenSans', Arial, sans-serif; margin-bottom: 20px; }
.p62.land-main .prize_info .sample-cards .top ul { text-align: center; }
.p62.land-main .prize_info .sample-cards .top li { list-style: none; margin: 25px 0; }
.p62.land-main .prize_info .sample-cards .top li { background: #4ec2c800; color: #5ADFE7; border: 1px solid #4EC1C8; border-radius: 10px; font-size: 1em; font-family: 'AktivGroteskEx', 'OpenSans', Arial, sans-serif; text-decoration: none; transition: background-color 0.3s; padding: 30px; width: 100%; cursor: pointer; }
.p62.land-main .prize_info .sample-cards .top li a { color: #5ADFE7; background: none; text-decoration: none; cursor: pointer; }
/* .p62.land-main .prize_info .sample-cards .top li:nth-child(1) a,
.p62.land-main .prize_info .sample-cards .top li:nth-child(2) a { background: #4ec2c800; color: #5ADFE7; border: 1px solid #4EC1C8; border-radius: 10px; font-size: 1em; font-family: 'AktivGroteskEx', 'OpenSans', Arial, sans-serif; text-decoration: none; transition: background-color 0.3s; padding: 30px; width: 100%; }
.p62.land-main .prize_info .sample-cards .top li a.active { background: #4EC1C8; color: white; transition: background-color 0.3s; }
.p62.land-main .prize_info .sample-cards .top li a:hover { background: #4ec2c879; transition: background-color 0.3s; } */
.p62.land-main .prize_info .sample-cards .top li.active { background: #4EC1C8; color: white; transition: background-color 0.3s; }
.p62.land-main .prize_info .sample-cards .top li.active a { color: white; background: none; }
.p62.land-main .prize_info .sample-cards .top li:hover { background: #4ec2c879; transition: background-color 0.3s; }
.p62.land-main .prize_info .sample-cards .top p { font-size: 1.2em; line-height: 1.2; color: white; text-align: left;  font-family: 'AktivGroteskEx', 'OpenSans', Arial, sans-serif; }

.p62.land-main .prize_info .sample-cards .prize1,
.p62.land-main .prize_info .sample-cards .prize2 { background: rgb(23,172,174); background: linear-gradient(0deg, rgba(23,172,174,0.1517857142857143) 0%, rgba(14,134,147,0.7904411764705882) 100%); min-width: 300px; min-height: 450px; padding: 60px 80px;  border-radius: 10px; }
.p62.land-main .prize_info .sample-cards .prize2 { display: none; }
.p62.land-main .prize_info .sample-cards .prize1,
.p62.land-main .prize_info .sample-cards .prize2 { text-align: center; }
.p62.land-main .prize_info .sample-cards .prize1 h2,
.p62.land-main .prize_info .sample-cards .prize2 h2 { font-size: 1.3em; font-weight: bolder; color: #f1f1f1; font-family: 'AktivGroteskEx', 'OpenSans', Arial, sans-serif; text-align: center; }
.p62.land-main .prize_info .sample-cards .prize1 p,
.p62.land-main .prize_info .sample-cards .prize2 p { font-size: 1.2em; line-height: 1.2; color: white; font-family: 'AktivGroteskEx', 'OpenSans', Arial, sans-serif; margin-bottom: 60px;  }
.p62.land-main .prize_info .sample-cards .prize1 p.prize_logo,
.p62.land-main .prize_info .sample-cards .prize2 p.prize_logo { margin: 0; }


/* .p62.land-main #main #content { text-align: center; position: relative; min-height: calc( 100vh - 60px);}

.p62.land-main #main #content .block2 { float:right; margin: 0 auto; max-width: 60%; padding-bottom: 30px; padding-right:100px; padding-top: 200px; padding-left: 10px; min-height:100%;}
.p62.land-main #main #content .block2 p { text-align: center; }
.p62.land-main #main #content .block2 h1 { font-size: 60px; font-weight: 300; padding: 30px 0; }
.p62.land-main #main #content .block2 h2 { font-size: 34px; font-weight: 100; line-height:1.2; }
.p62.land-main #main #content .block2 h3 { font-size: 20px; margin: 0 0 70px 0; line-height:1.2; font-family: 'AktivGroteskExLight', 'OpenSans', Arial, sans-serif; font-weight:100; max-width: 80%; margin: 0 auto; margin-bottom: 50px; } */



/* ---- LP Steps section---- */
.p62.land-main .steps { padding: 0 20px; margin: 0; min-height: 60vh; padding-bottom: 20px; }
.p62.land-main .steps .main-container { display: grid; place-items: center; }
.p62.land-main .steps .main-container .sample-steps { display: grid; grid-template-columns: repeat(3, 1fr); row-gap: 1.7em; column-gap: 1.5em; max-width: 1280px;}
.p62.land-main .steps .main-container .sample-steps .step1,
.p62.land-main .steps .main-container .sample-steps .step2,
.p62.land-main .steps .main-container .sample-steps .step3 { min-width:150px; min-height: 270px; background: rgba(23, 171, 174, 0.145); display: flex; justify-content: center; align-items: flex-start; flex-direction: column; padding: 25px 35px; padding-top: 50px;  border-radius: 10px; }
.p62.land-main .steps .main-container .sample-steps h3 { font-size: 1em; font-weight: bolder; color: #f1f1f1; font-family: 'AktivGroteskEx', 'OpenSans', Arial, sans-serif; text-align: center; margin-bottom: 20px; }
.p62.land-main .steps .main-container .sample-steps p { font-size: 1.2em; line-height: 1.2; color: white; font-family: 'AktivGroteskEx', 'OpenSans', Arial, sans-serif; margin-top: 25px; }
.p62.land-main .steps .main-container .sample-steps p.step_icon { margin: 0; }

.p62.land-main .steps .main-container .sample-steps .step1:hover,
.p62.land-main .steps .main-container .sample-steps .step2:hover,
.p62.land-main .steps .main-container .sample-steps .step3:hover { background: rgba(23, 171, 174, 0.41);  transition: ease-in background-color 1s; }

/* TY page */
#main_container_thankyou #block-info-container1 { text-align: center; }
#main_container_thankyou #block-info-container1 h1{ color:#fff; font-size: 60px; font-weight: 300; padding: 88px 0 0; margin: 0 0 20px 0 !important;}
#main_container_thankyou #block-info-container1 h3{ color:#fff; font-size: 24px; }
#main_container_thankyou #block-info-container1 p{text-align: left;}
#main_container_thankyou #promo_content { max-width: none !important; padding-bottom: 0;}
#main_container_thankyou #form_holder {padding: 0 0 40px !important;}
/*#main_container_thankyou #footer_thankyou { background-color: rgba(0,0,0,0.6); }
#main_container_thankyou #footer_thankyou ul{ max-width: 980px; text-align: left; padding: 30px 0; margin: 0 auto; list-style: none; }
#main_container_thankyou #footer_thankyou ul li{  color:#fff; display: inline-block; margin: 6px 12px 0 0 ;}
#main_container_thankyou #footer_thankyou ul li:last-child {  color: #b2c1c6; display: block;}*/
#form_wrapper h2 { padding: 60px 0; font-size: 24px; font-weight: 100;  }

.appl_alert div h1{  color: #fff !important; padding: 24px;}
.appl_alert div h1:last-child {font-size: 16px;}



.appl_alert .canvas-spin1{ position: relative; top: 100px; font-size: 24px; text-transform: uppercase; color: #fff;padding: 30px 40px; z-index: 200; background-color: red; border-radius: 6px; font-weight: bold; box-shadow: 0 0 12px #000; text-shadow:0 0 6px #000 }

#header_thankyou #block-info-container1 > h1 {font-family: 'AktivGroteskEx', 'OpenSans', Arial, sans-serif; font-weight:400;}
#header_thankyou #block-info-container1 > h3 {font-family: 'AktivGroteskExLight', 'OpenSans', Arial, sans-serif;}
#form_wrapper > div > div:nth-child(2) > h2 {font-family: 'AktivGrotesk-Light', 'OpenSans', Arial, sans-serif; font-size: 16px;}

#promo_content table { margin-bottom: 50px; }
#calc_div table { margin-bottom: 0!important; }
/* BEGIN: power spin button */
.spin-button{
  position: relative;
  height: 50px;
  max-width: 300px;
  width: 100%;
  box-shadow: 0 5px 10px rgba(0,0,0,0.2);
  overflow: hidden;
  background-color: #11a2af7b;
  border: 1px solid #77F0FD;
  border-radius: 30px;
  color: white;
  cursor: pointer;
  font-size: 14px;
  font-weight: bold;
  font-family: 'AktivGroteskEx', Arial, sans-serif;
  text-transform: uppercase;
}
.spin-button:hover { background-color: #0cb4c4; border: 0;}
.spin-button::before{
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  height: 100%;
  width: 100%;
  background: rgba(0,0,0,0.2);
  border-radius: 6px;
}
.spin-button.progress::before{
  animation: progress 6s ease-in-out forwards;
}
@keyframes progress {
  0%{
    left: -100%;
  }
  20%{
    left: -92%;
  }
  30%{
    left: -62%;
  }
  40%{
    left: -38%;
  }
  60%{
    left: -18%;
  }
  80%{
    left: -8%;
  }
  100%{
    left: 0%;
  }
}
.spin-button .text-icon{
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.spin-button .text-icon span{
  position: relative;
  color: #fff;
  font-size: 26px;
  font-size: 20px;
  font-weight: 400;
  margin: 6px 0 0 8px;
  user-select: none;
}
/* END: power spin button */

td.the_wheel {
  background-size:100%;
  background: url(../images/wheel-frame.png) center center no-repeat!important;
  height: 772px;
  width: 772px;
 }
#canvas {
  border-radius: 50%;
  height: 717px;
  margin-top: 28px;
  width: 717px;
 }
td.the_wheel:before {
  display:block;
  background: url(../images/wheel-arrow.png) center center no-repeat!important;
  height: 122px!important;
  width: 124px!important;
  z-index: 9;
 }
td.the_wheel:after {
  background: url(../images/wheel-center.png) center center no-repeat;
  border-radius: 50%;
  box-shadow: 0 0 50px rgb(0 0 0 / 75%);
  content: '';
  display: block;
  height: 72px;
  width: 72px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
 }

.overlay { background: url(../images/overlay-winner.png) top center no-repeat; z-index: 10;background-size:100%; background-repeat: repeat-y; height:100vh!important; background-color: #0B1010!important; }

.popup .box h5 {display: block; color:white; font-size: 20px; font-family: 'Aktiv Grotesk Ex', 'OpenSans', Arial, sans-serif;}
#form_wrapper .popup h2 {display: block;}

.tc-box .tc-box-textarea{border: 2px solid #ccc;
border-radius: 5px;
color: white;
padding: 8px;
width: 100%;
background: none;}


/* T&C */

.p19 #main #extend_content {padding-top: 20px;}
.p19 #block-info-container1 {float:none;}
.p19 #content > h1 {margin-top:15px;}
#terms_conditions {margin-top: 0;}
#content > p:nth-child(11) > a {    background: none;
  border: 0;
  border-radius: 0;
  color: #0e838e;
  cursor: none;
  font-family: 'Roboto', Arial, sans-serif;
  font-size: 14px;
  font-weight: lighter;
  margin: 0px;
  min-width: 0px;
  padding: 0px;
  padding-bottom: 0px;
  text-transform: none;
  text-decoration: underline;
  transition: none;
}



/* ---REVEAL ELEMENTS CSS------ */

.reveal {
  position: relative;
  transform: translateY(150px);
  opacity: 0;
  transition: 2s ease;
  transition-property: transform, opacity;
}


.reveal.active {
  transform: translateY(0px);
  opacity: 1;
}


.reveal.left {
  position: relative;
  transform: translateX(-100px);
  opacity: 0;
  transition: 2s ease;
  transition-property: transform, opacity;
}


.reveal.left.active {
  transform: translateX(0px);
  opacity: 1;
}


.reveal.right {
  position: relative;
  transform: translateX(-100px);
  opacity: 0;
  transition: 2s ease;
  transition-property: transform, opacity;
}
.reveal.right.active {
  transform: translateX(0px);
  opacity: 1;
}


.reveal.fade {
  position: relative;
  opacity: 0;
  transition: 2s ease;
  transition-property: opacity;
}


.reveal.fade.active {
  opacity: 1;
}



.reveal.absolute {
  position: absolute;
  opacity: 0;
  transition: 2s ease;
  transition-property: opacity;
}


.reveal.absolute.active {
  opacity: 1;
}

.pyramids { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; pointer-events: none; }
.palace { position: absolute; top: 0; right: 0; width: 100%; height: 100%; object-fit: cover; pointer-events: none; }


.reveal.absolute.froze {
  position: absolute;
  opacity: 0;
  transition: opacity 2s ease, transform 2s, background-position 2s;

}


.reveal.absolute.froze.active {
  opacity: 1;
}

/* -----SNOWFLAKE HOVER MOVE---- */

.snowflake {
  position: absolute;
  top: 360px;
  left: 100px;

   background: url(../images/snowflake1.png) center left no-repeat;

   width:330px;
   height:200px;
   margin: 0 auto;

   border-radius:50%;


   /* transition: 2s; */
 }

 .snowflake:hover{

   background-position:50% 20px, top right;
   transform: rotate(-30deg);
   /* transition: background-position 2s; */
 }

 .snowflake.cf {
  position: absolute;
  top: 160px;
  left: -20px;

   background: url(../images/snowflake1.png) center left no-repeat;

   width:260px;
   height:200px;
   margin: 0 auto;

   border-radius:50%;
 z-index:10;

    transition: 2s;
 }

 .snowflake.cf:hover{

   background-position:70% 20px, top right;
   transform: rotate(-30deg);
   /* transition: background-position 2s; */
 }

 .snowflake.second.cf {
  position: absolute;
  top: 70%;
  right: 12%;

   background: url(../images/snowflake2.png) center right no-repeat;

   width:200px;
   height:200px;
   margin: 0 auto;

   border-radius:50%;
 z-index: 20;

   transition: 2s;
 }

 .snowflake.second.cf:hover{

   background-position:90% 60px, top left;
   transform: rotate(30deg);
   /* transition: background-position 2s; */
 }

 .snowflake.second {
  position: absolute;
  top: 82%;
  right: 2%;

   background: url(../images/snowflake2.png) center right no-repeat;

   width:330px;
   height:200px;
   margin: 0 auto;

   border-radius:50%;
 z-index: 20;

   /* transition: 2s; */
 }

 .snowflake.second:hover{

   background-position:50% 30px, top left;
   transform: rotate(30deg);
   /* transition: background-position 2s; */
 }

 .snowflake.third {
  position: absolute;
  top: 360px;
  left: 60px;

   background: url(../images/snowflake1.png) center left no-repeat;
 opacity: 10%;
   width:330px;
   height:200px;
   margin: 0 auto;
   filter: blur(0.4rem);
   border-radius:50%;


   /* transition: 2s; */
 }



/* -------------------- */

#wrapper_thankyou #promo_content { display: block; padding: 0; background: url(../images/spin_the_wheel_bg.png) top center repeat; background-size: cover; background-repeat: repeat-y; }

#wrapper_thankyou #form_wrapper > div > div:nth-child(2) { display: flex; flex-direction: column; }
#wrapper_thankyou #form_wrapper > div > div:nth-child(2) > h2 { order: 1; padding: 20px 0; }
#wrapper_thankyou .power_controls { order: 2; margin-bottom: 30px; }
#wrapper_thankyou #form_wrapper > div > div:nth-child(2) > table { order: 3; }
#wrapper_thankyou #promo_content { min-height: 100%; }

#main_container_thankyou #block-info-container1 h1 { font-size: 30px; }
   #header_thankyou #block-info-container1 > h3 { font-size: 20px; }

#cboxOverlay, #colorbox {display: none!important;}

@media (max-width: 1280px){
  .p62.land-main #main #content .block2 {padding-top: 150px!important; padding-bottom: 70px;}
}

@media (max-width: 1170px) {
  #header_text:before { display: none; }
  #header_text .block1 h1 {font-size: 48px; font-weight: 300; padding: 40px 0 15px; }
  #header_text .block1 h2 { font-size: 24px; padding: 0  ;}
  #header_text .block1 p { text-align: center; }
  #header_text, #banner, #content, #form_wrapper, #footer, #footer_thankyou { padding-left: 15px; padding-right: 15px; }
	.first_row, .second_row { clear: both!important; float: none!important; padding: 0!important; width: 100%!important; }
  .field-row .table-cell { clear: both!important; float: none!important; width: 100%!important; }
  /* #promo_content, #extend_content { background-color: rgba(0,0,0,0.6); } */
  #promo_content { flex-direction: column; }
  #form_holder, #info_text_holder { float: none!important; margin: 0!important; width: 100%!important; }

  td.the_wheel {

    background-size: 90% 90%!important;
   }
  #canvas {
    border-radius: 50%;
    margin-top: 30px;
    transform: scale(0.9);
    transform-origin: 50% 50%;
   }
  td.the_wheel:before {
    top: 15px!important;
    transform: scale(0.9) translateX(-50%)!important;
    transform-origin: 0 0;
   }
  td.the_wheel:after {
    transform-origin: -50% -50%;
   }

   #info_text_holder { left: 0; }
   .p18 #form_holder { top: 160px; }


  #main_container_thankyou #block-info-container1 h1 { padding: 30px 0 0 0; }
  #form_wrapper h2 { font-size: 20px; padding: 30px 0 40px 0; }

  .p62.land-main #main #content .block2 {padding-top: 60px!important;}
  .p62.land-main #main #content .block2 h3 {max-width: 100%;}
  /* footer */
  #footer_thankyou .footer .block1 p, #footer .footer .block1 p {display: block; float:none;}
  #footer_thankyou .footer .block1 ul li, #footer .footer .block1 ul li { display: block; margin: 10px 12px 0 0 ;}
  #footer_thankyou .footer .block1 ul, #footer .footer .block1 ul {width: 70%; list-style: none; text-align: left; float: none; margin-top: 10px;}
  #footer_thankyou .footer .block1 ul li p, #footer .footer .block1 ul li p {display: block; float: none; margin-top: 0; text-align: left; line-height: 1.15rem;}

  #info_text_holder p.wheel_base { display: none;  }
#info_text_holder p.spin { display: none; }
#info_text_holder p.mob_wheel { display: block; text-align: center; }


/* ---LP mob--- */

.p18 #promo_content { display: flex; flex-direction: column; padding-top: 0;  }
#promo_content #info_text_holder { order: 1; height: 30vh; }
#promo_content.info_text_right #form_holder { order: 2; position: relative; top: 0; padding: 80px 25px;  }

}

@media (max-width: 1100px){

  .p62.land-main .home h3 { width: 80%; }
  .p62.land-main .prize_info .sample-cards { display: grid; grid-template-columns: repeat(1,1fr); column-gap: 1.5em; max-width: 1280px; }
  .p62.land-main .prize_info .sample-cards .prize1, .p62.land-main .prize_info .sample-cards .prize2 { margin: 20px 0; }
  .p62.land-main .prize_info .sample-cards .top { min-height: auto; padding-top: 50px; padding-bottom: 0; }
  #wrapper_thankyou .popup { padding-top: 60px; }
}
@media (max-width: 900px) {
  td.the_wheel {
    background-size: 80% 80%!important;
   }
  #canvas {
    border-radius: 50%;
    transform: scale(0.8);
    margin-top: 28px;
   }
  td.the_wheel:before {
    top: 70px!important;
    transform: scale(0.8) translateX(-50%)!important;
   }
  td.the_wheel:after {
    transform-origin: -100px -100px;
   }

   #wrapper_thankyou .popup { padding-top: 80px; background-size: cover; }
}
@media (max-width: 800px) {

  .p62.land-main .steps .main-container .sample-steps { width: 100%; display: grid; grid-template-columns: repeat(1, 1fr); row-gap: 1.7em; column-gap: 1.5em; max-width: 1280px; }
  .p62.land-main .steps .main-container { width: 100%; }
  .p62.land-main .steps .main-container .sample-steps .step1, .p62.land-main .steps .main-container .sample-steps .step2, .p62.land-main .steps .main-container .sample-steps .step3 { padding-top: 50px; }

  td.the_wheel {
    background-size: 100% 100%!important;
    height: auto;
    width: 100%;
   }
  #canvas {
    height: auto;
    margin-top: 0;
    padding: 3%;
    width: 100%;
    transform: scale(1);
   }
  td.the_wheel:before {
    top: -15px!important;
    transform: scale(0.75) translateX(-50%)!important;
   }
  td.the_wheel:after {
    /* transform: scale(0.5); */
    transform-origin: -120px -120px;
   }

  .p62.land-main #main #content .block2 {
    float: right;
    margin: 0 auto;
    max-width: 80%;
    /* padding-bottom: 30px; */
    /* padding-right: 100px; */
    padding-top: 70px;
    /* padding-left: 10px; */
}

.snowflake { scale: 0.8; left: 2%; top: 78%; }
.snowflake.second { top: 90%; right: 1%; }

#wrapper_thankyou .popup { background-size: cover; }
.popup .box h4 { width: 90%; }

}
@media (max-width: 600px) {
  td.the_wheel {
    /* background-size: 100% 100%!important;
    height: auto;
    width: 100%; */
   }
  #canvas {
    /* height: auto;
    margin-top: 0;
    padding: 3%;
    width: 100%;
    transform: scale(1); */
   }
  td.the_wheel:before {
    transform: scale(0.5) translateX(-50%)!important;
   }
  td.the_wheel:after {
    /* height: 227px;
    width: 227px;
    transform: scale(0.25)!important; */
    transform-origin: -40px -40px;
   }

   /* #wrapper_thankyou .popup { padding-top: 230px; } */

  .p62.land-main #main #content .block2 {
    float: none;
    margin: 0 auto;
    max-width: 100%;
    padding-right:20px;
    padding-top: 70px;
    padding-left: 20px;
}

.p62.land-main .prize_info .sample-cards .top, .p62.land-main .prize_info .sample-cards .prize1, .p62.land-main .prize_info .sample-cards .prize2 { padding: 60px 45px; }
.p62.land-main .home h1 { font-size: 1.2em; }
.p62.land-main .home h2 { font-size: 2.2em; }
.p62.land-main .home h3 { font-size: 1em; }

#block-info-container1 > h1 { font-size: 1.5em; }
#block-info-container1 > h2 { font-size: 1.7em; }

#main_container_thankyou #block-info-container1 h1 { font-size: 40px; }
#header_thankyou #block-info-container1 > h3 { font-size: 24px; }

.p62.land-main .home p.logo { scale: 0.8; }

}

@media (max-width: 400px) {

   /* #wrapper_thankyou .popup { padding-top: 300px; } */
   .popup .box h4 {
    font-size: 20px!important;}
   #main_container_thankyou #block-info-container1 h1 { font-size: 30px; }
   #header_thankyou #block-info-container1 > h3 { font-size: 20px; }

}

/* ----------SNOWFLAKES--------- */
/* snowflakes */
.snow {
  position: absolute;
  width: 10px;
  height: 10px;
  background: white;
  border-radius: 50%;
  top:0;
  left:0;
  z-index: -1;
  box-shadow: 0px 0px 2px 2px #fff;
}

.snow:nth-child(1) {
  opacity: 0.6064;
  transform: translate(56.5936vw, -10px) scale(0.1606);
  animation: fall-2 22s -46s linear infinite;
}
@keyframes fall-1 {
  34.585% {
    transform: translate(57.9903vw, 34.585vh) scale(0.1606);
  }
  to {
    transform: translate(57.29195vw, 100vh) scale(0.1606);
  }
}
.snow:nth-child(2) {
  opacity: 0.0623;
  transform: translate(38.6106vw, -10px) scale(0.3982);
  animation: fall-1 17s -36s linear infinite;
}
@keyframes fall-2 {
  70.443% {
    transform: translate(37.0175vw, 70.443vh) scale(0.3982);
  }
  to {
    transform: translate(37.81405vw, 100vh) scale(0.3982);
  }
}
.snow:nth-child(3) {
  opacity: 0.7242;
  transform: translate(16.1453vw, -10px) scale(0.9984);
  animation: fall-3 10s -54s linear infinite;
}
@keyframes fall-3 {
  71.78% {
    transform: translate(28.1161vw, 71.78vh) scale(0.9984);
  }
  to {
    transform: translate(33.1307vw, 100vh) scale(0.9924);
  }
}

.snow:nth-child(4) {
  opacity: 0.9064;
  transform: translate(57.5936vw, -10px) scale(0.7606);
  animation: fall-4 22s -16s linear infinite;
}
@keyframes fall-4 {
  35.585% {
    transform: translate(58.9903vw, 34.585vh) scale(0.7606);
  }
  to {
    transform: translate(58.29195vw, 100vh) scale(0.7606);
  }
}
.snow:nth-child(5) {
  opacity: 0.1623;
  transform: translate(40.6106vw, -10px) scale(0.5582);
  animation: fall-5 17s -21s linear infinite;
}
@keyframes fall-5 {
  70.443% {
    transform: translate(39.0175vw, 70.443vh) scale(0.5582);
  }
  to {
    transform: translate(39.81405vw, 100vh) scale(0.5582);
  }
}
.snow:nth-child(6) {
  opacity: 0.7842;
  transform: translate(15.1453vw, -10px) scale(0.7984);
  animation: fall-6 19s -24s linear infinite;
}
@keyframes fall-6 {
  34.78% {
    transform: translate(17.1161vw, 71.78vh) scale(0.4984);
  }
  to {
    transform: translate(18.1307vw, 100vh) scale(0.4084);
  }
}

.snow:nth-child(7) {
  opacity: 0.9842;
  transform: translate(88.1453vw, -10px) scale(0.9984);
  animation: fall-7 24s -21s linear infinite;
}
@keyframes fall-7 {
  54.78% {
    transform: translate(93.1161vw, 15.78vh) scale(0.7684);
  }
  to {
    transform: translate(95.1307vw, 100vh) scale(0.7584);
  }
}

.snow:nth-child(8) {
  opacity: 0.9842;
  transform: translate(88.1453vw, -10px) scale(0.9984);
  animation: fall-8 21s -21s linear infinite;
}
@keyframes fall-8 {
  54.78% {
    transform: translate(97.1161vw, 25.78vh) scale(0.6684);
  }
  to {
    transform: translate(96.1307vw, 100vh) scale(0.6584);
  }
}

.snow:nth-child(9) {
  opacity: 0.1623;
  transform: translate(73.6106vw, -10px) scale(0.4582);
  animation: fall-9 19s -21s linear infinite;
}
@keyframes fall-9 {
  70.443% {
    transform: translate(74.0175vw, 30.443vh) scale(0.5582);
  }
  to {
    transform: translate(73.81405vw, 100vh) scale(0.5582);
  }
}

.snow:nth-child(10) {
  opacity: 0.9064;
  transform: translate(64.5936vw, -10px) scale(0.6606);
  animation: fall-10 22s -16s linear infinite;
}
@keyframes fall-10 {
  39.585% {
    transform: translate(67.9903vw, 14.585vh) scale(0.5606);
  }
  to {
    transform: translate(66.29195vw, 100vh) scale(0.5606);
  }
}

.snow:nth-child(11) {
  opacity: 0.7842;
  transform: translate(10.1453vw, -10px) scale(0.4984);
  animation: fall-11 15s -29s linear infinite;
}
@keyframes fall-11 {
  34.78% {
    transform: translate(13.1161vw, 23.78vh) scale(0.5984);
  }
  to {
    transform: translate(12.1307vw, 120vh) scale(0.5084);
  }
}

.snow:nth-child(12) {
  opacity: 0.6292;
  transform: translate(19.1453vw, -10px) scale(0.7984);
  animation: fall-12 17s -54s linear infinite;
}
@keyframes fall-12 {
  54.78% {
    transform: translate(28.1161vw, 71.78vh) scale(0.7984);
  }
  to {
    transform: translate(31.1007vw, 170vh) scale(0.7924);
  }
}

.snow:nth-child(13) {
  opacity: 0.3292;
  transform: translate(20.1453vw, -10px) scale(0.3984);
  animation: fall-13 17s -23s linear infinite;
}
@keyframes fall-13 {
  77.78% {
    transform: translate(21.1361vw, 32.78vh) scale(0.3984);
  }
  to {
    transform: translate(22.1007vw, 100vh) scale(0.3924);
  }
}

.snow:nth-child(14) {
  opacity: 0.5064;
  transform: translate(24.5936vw, -10px) scale(0.6606);
  animation: fall-14 22s -16s linear infinite;
}
@keyframes fall-14 {
  24.585% {
    transform: translate(25.9903vw, 14.585vh) scale(0.5606);
  }
  to {
    transform: translate(25.29195vw, 100vh) scale(0.5606);
  }
}

.snow:nth-child(15) {
  opacity: 0.6064;
  transform: translate(54.5936vw, -10px) scale(0.4606);
  animation: fall-15 22s -16s linear infinite;
}
@keyframes fall-15 {
  30.585% {
    transform: translate(55.9903vw, 14.585vh) scale(0.4606);
  }
  to {
    transform: translate(55.29195vw, 100vh) scale(0.4006);
  }
}