@font-face {
  font-family: 'D-DIN Condensed Bold';
  src: url('../fonts/D-DINCondensed-Bold.otf')  format('opentype'); /* Safari, Android, iOS */
  font-weight: 700;
}
@font-face {
  font-family: 'Burford Base';
  src: url('../fonts/Burford_Base.otf')  format('opentype'); /* Safari, Android, iOS */
}
@font-face {
  font-family: Tahu;
  src: url(../Tahu.ttf);
}
@font-face{
  font-family: Caveat;
  src: url(../Caveat-VariableFont_wght.ttf);
}
@font-face {
    font-family: 'thirsty_script_extrabold_deRg';
    src: url('../thirstyscriptextrabolddemo-webfont.woff2') format('woff2'),
         url('../thirstyscriptextrabolddemo-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
.font-robotocondensed{ font-family: 'Roboto Condensed', sans-serif; }
.font-ddinbold{ font-family: 'D-DIN Condensed Bold', sans-serif; }
.tahu{ font-family: Tahu, serif; font-size: 28px;}
.caveat{ font-family: 'Caveat', cursive; font-size: 28px; }
.thirsty{ font-family: 'thirsty_script_extrabold_deRg'; }
.norican{ font-family: 'Norican', cursive; }
.green{ color: #9bc33e; }
.underline{ text-decoration: underline; }
.font-bold{ font-weight: 700; }
h1{ color: #000; line-height: 1; font-size: 4.3em; font-weight:700; text-transform: uppercase; margin-bottom: 20px; }
h2{ margin-bottom: 20px; line-height: 1; font-weight: 700; }
.title1{ font-weight: 700; font-size: 3em; color: #0e0e0e; font-style: italic; margin-bottom: 20px; }
/*.title2{ font-weight: 400; font-size: 7em; color: #ffffff; }*/
a.text-link-white-2:hover, a.text-link-white-2:hover i, a.text-link-white-2:focus, a.text-link-white-2:focus i{ color: #fff; }
a{ color: #0e0e0e; }
a:hover, a:active{ color: #0e0e0e; text-decoration: underline; }
footer a.text-link-white-2:hover, footer a.text-link-white-2:hover i, footer a.text-link-white-2:focus, footer a.text-link-white-2:focus i{ color: #0e0e0e; }
footer p{ margin-bottom: 0; }
span.error{
  background-color: rgba(220,53,69,.9);
  font-size: 1rem;
  padding: .10rem .20rem;
  color: #fff;
  border-radius: .25rem;
}
span.red{ 
  background-color: rgba(220,53,69,.9);
  font-size: .875rem;
  padding: .10rem .20rem;
  color: #fff;
  border-radius: .25rem;
}

body{ color: #0e0e0e; font-family: 'Roboto Condensed', sans-serif; font-size: 16px; background-color: #e8e8e8; }
header a.logo img {max-height:100px;}
input, textarea, select{ color: #0e0e0e; }
select, option { -webkit-appearance:none }
option{
  background: #fff;
  background-color: rgba(255, 255, 255, 1);
}
.medium-input, .medium-textarea { /*padding: 10px 6px;*/ font-size: 17px; line-height: normal; border-radius: 0.25em; height: calc(1.5em + .75rem + 4px); padding: .375rem .75rem; }
input{ outline: 0 !important; border: 0 !important; }
input:focus, input:active{ outline: 0; border:none; }
.border-color-medium-dark-gray { border:none; border-color:#fff !important; border-bottom: 1px solid #fff !important; }
.border-color-medium-dark-gray.error{ border-color: red !important; }
/*.select-style .border-color-medium-dark-gray{ border:none !important; }*/
::-webkit-input-placeholder {color: #0e0e0e; }
::-moz-placeholder {color: #0e0e0e;} 
:-ms-input-placeholder { color: #0e0e0e;}
.footer-logo {max-height: 70px;}
/*input.border-color-medium-dark-gray.error{ border-bottom: 1px solid red !important; }*/
.checkbox{ text-align: left !important; }
input[type=checkbox]{ float: left; clear: left; width: 25px; }
/*input[type="submit"] { width: auto; color: #000; background-color: #fdb813; text-transform: uppercase; border:none; padding: 10px 30px; }*/
input[type="submit"]{
  color: #ffffff;
  border-radius: 50px;
  padding: 10px 30px;
  background: #992400;
  text-transform: uppercase;
  font-size: 1em;
  font-weight: 700;
  letter-spacing: 3px;
  text-decoration: none;
}
/*.thx-arrow-bg{ background: url('../images/thankyou-arrows.png') center 130px no-repeat; }*/

section{ padding: 60px 0; }
#agepage{
  background-image: url(../images/background-agepage.jpg);
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
}
#enterbtn{
  color: #ffffff;
  border-radius: 50px;
  padding: 10px 45px;
  background: #992400;
  text-transform: uppercase;
  font-size: 1.5em;
  font-weight: 700;
  letter-spacing: 3px;
  text-decoration: none;
}

#hero{
  background-image: url(../images/background.jpg);
  background-position: center top;
  background-repeat: no-repeat;
}
section#hero, section#agepage{ padding: 0 0 40px; }
.leftside{
  height: 900px;
  /*min-height: 600px;*/
  /*background: url(../images/banner-image.jpg) center center no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;*/
}
.rightside{ height: 700px; }

#hero-list{ list-style-type: none; padding-inline-start: 0px; }
#hero-list li{ font-style: italic; font-size: 2em; line-height: 1.1; font-weight: 700; color: #0e0e0e; padding: 10px 0 10px 75px; margin-block-start: 20px; writing-mode: horizontal-tb; margin-top: 0; }
#hero-list li.helicopter{ background: url(../images/icon-helicopter.png) left center no-repeat; }
#hero-list li.hotel{ background: url(../images/icon-hotel.png) left center no-repeat; }
#hero-list li.lunch{ background: url(../images/icon-lunch.png) left center no-repeat; }
#hero-list li.bag{ background: url(../images/icon-bag.png) left center no-repeat; }

.outerboard{ 
	/*border: 1px solid #ccc; */
	width: 100%; 
	min-height: 550px; 
	margin-bottom: 20px;
	position: relative;
}
.board {
	width:100%;
	min-height: 550px;
	height: 550px;
	margin-right:20px;
	/*background: url(../images/pattern-frame.jpg) repeat;*/
	background: #d9d9d9;
}
#preview {
	width: 480px;
	height:30px;
	position: absolute;
	left: 50%;
  margin-left:-240px;
	bottom: 110px;
	/*text-align: center;*/
	/*background-color:#FFC;*/
	
	
	/*border:1px solid #FF9;*/
}
#Displaytitle {
	font-size:40px;
	/*color:#000;*/
	color: #000;
	margin-top:5px;
	font-weight: 700;
	font-family: Caveat, cursive;
	letter-spacing: 1px;
	word-wrap:break-word
}
#tape{
  position: absolute;
  left: 50%;
  top: -40px;
  z-index: 20;
  margin-left: -96px;
}
#polaroid-logo{
  width: 252px;
  height: 48px;
  position:absolute; 
  left:50%;
  margin-left: -126px; 
  bottom:20px;
}
#photo{
  width:90%; 
  height:auto; 
  left:5%; 
  top:25px; 
  position:absolute;
}



@media (max-width: 2000px) {
  #agepage img.banner{ height: 50%; width: auto; }
  #agepage h1{ font-size: 2em !important; }
  #agepage h2{ font-size: 1.2em !important; line-height: 1.2; }
  #agepage #enterbtn{ font-size: 1.2em !important; }

  #photos{ width: 70%; height: auto; margin: 0 auto; }
  h1{ font-size: 3em !important; }
  .title1{ font-size: 2em !important; }
}

@media (max-width: 1680px) {
  /*.entry-bg{ padding-bottom: 230px; }*/
}

@media (max-width: 1570px) {
  #agepage img.banner{ height: 40%; width: auto; }
  #agepage h1{ font-size: 1.8em !important; }
  #agepage h2{ font-size: 1.2em !important; line-height: 1.2; }
  #agepage #enterbtn{ font-size: 1.2em !important; }
}

@media (max-width: 1440px) {
  .leftside, .rightside{ height: 600px; }
  #hero .rightside img{ width: auto; height: 90%; }
  #hero h1{  font-size: 2.2em !important; }

  #hero-list li{ font-size: 1.5em; background-size: 48px 42px !important; padding-left: 60px; }
  
  .thx-padding{ padding-top: 5%; }
  .thankyou .full-screen{ min-height: 800px !important; }

  .footer1{ position: relative !important; margin-left: 0 !important; bottom:0px !important; left: 0 !important; width: 100% !important; }

  .footerthankyou{ position: relative !important; margin-left: 0 !important; bottom:0 !important; left: 0 !important; width: 100% !important; }
  footer .sm-margin-15px-bottom{ margin-bottom: 0 !important; }

  br.small-hide{ display: none; }


  /*.home{ padding-top: 5%; padding-bottom: 5%; }*/
  /*.home img{ height: 600px; width: auto; }*/
  /*.thx-arrow-bg{ background: url('../images/thankyou-arrows.png') center 130px no-repeat; }*/
  /*.entry-bg{ padding-bottom: 300px; }*/
}

@media (max-width: 1368px) {
  #agepage img.banner{ width: auto; height: 35%; }

  
}

@media (max-width: 1280px) {
  .home{ padding-top: 100px; padding-bottom: 0; }
  .home img{ height: 580px; width: auto; }
  
}

@media (max-width: 1024px) {
  .home{ padding-top: 100px; padding-bottom: 0; }
  .home img{ height: 380px; width: auto; }
  .entry-bg{ padding-bottom: 50px; }

  .outerboard{ min-height: 460px !important; }
  .board{ min-height:460px !important; height: 460px !important; }
  #Displaytitle { margin-top: 25px; }
}

@media (max-width: 768px) {
  header a.logo img {max-height:26px;}
  .footer-logo {max-height: 28px;}
  .thankyou{ background-color: #7b1e27 !important;  }
  .thankyou .full-screen{ min-height: 1680px !important; }
  .thankyou .align-items-center{ -ms-flex-align:stretch !important; align-items:stretch !important; }
  .thankyou .vertical-align-middle{ vertical-align: top !important; }
  #Displaytitle { font-size: 28px; }
  .outerboard{ min-height: 430px !important; }
  .board{ min-height:430px !important; height: 430px !important; }
  #photo{ width:80%; left: 10%; }
  .mobile-hide{ display: none !important; }
  .mobile-show{ display: inline-block !important; }
  .cancel{ padding-top: 100px;  }

  #agepage{ min-height: 800px; }
  #agepage img.banner{ width: 80%; height: auto; }
  #agepage h1{}
  #agepage h2{ font-size: 1em !important; }

  #hero{ background-color: #d97d4e; background-image: none; }
  #hero a.logo{ width: 80% !important; margin: 0 auto; }
  #hero .leftside{ height: auto; }
  #hero .rightside{ display: none !important; }
  #hero h1{  font-size: 2.5em !important; }
  h2.formtext{ font-size: 30px !important; }
  h2.formtext .fas{ line-height: 30px !important; }

  #hero-list li{ font-size: 1.5em; }

  .outerboard{ margin-top: 40px; }
  #photo{ margin-top: 40px; }

  .thankyou a.thankyoulogo{ width: 80% !important; }
  .thx-padding{ padding-top: 30px; }

  .footer1{ position: relative !important; margin-left: 0 !important; bottom:0px !important; left: 0 !important; width: 100% !important; }
  .footerthankyou{ position: relative !important; margin-left: 0 !important; bottom:0 !important; left: 0 !important; width: 100% !important; }
  footer .text-right{ text-align: left !important; }
  footer .sm-margin-15px-bottom{ margin-bottom: 0 !important; }
}


/* Preloader styles
// ====================*/
#page-preloader {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: #2B2D35;
  z-index: 30000;
}

.contpre {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.ball {
  background-color: transparent;
  border: 5px solid #ccc;
  border-top: 5px solid transparent;
  border-left: 5px solid transparent;
  border-radius: 50px;
  width: 50px;
  height: 50px;
  margin: 0 auto;
  -moz-animation: spin .5s infinite linear;
  -webkit-animation: spin .5s infinite linear;
}

.ball1 {
  background-color: transparent;
  border: 5px solid #ccc;
  border-top: 5px solid transparent;
  border-left: 5px solid transparent;
  border-radius: 50px;
  width: 30px;
  height: 30px;
  margin: 0 auto;
  position: relative;
  top: -40px;
  -moz-animation: spinoff .5s infinite linear;
  -webkit-animation: spinoff .5s infinite linear;
}

@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(360deg);
  }
}

@-moz-keyframes spinoff {
  0% {
    -moz-transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(-360deg);
  }
}

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}

@-webkit-keyframes spinoff {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(-360deg);
  }
}
/* end preload*/

.select2-container, .select2-dropdown, .select2-search, .select2-results {
-webkit-transition: none !important;
-moz-transition: none !important;
-ms-transition: none !important;
-o-transition: none !important;
transition: none !important;
}

.select2-container{
  width: 100% !important;
}
.select2-container .select2-selection--single{
  height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 17px;
}

.select2-container--default .select2-selection--single{
  border: none;
  border-radius: 0.25em;
}

.select2-container--default .select2-selection--single:focus{
  outline: none;
}

.select2-container--default .select2-selection--single .select2-selection__rendered{
  color: #303030;
}

.select2-container .select2-selection--single .select2-selection__rendered{
  padding-left: 0;
}

.select2-container--default .select2-selection--single .select2-selection__arrow{
  top: .375rem;
}

.select2-container .select2-search--inline .select2-search__field{ padding-left: 8px; }
.select2-container--default .select2-selection--multiple .select2-selection__choice{ margin-top: 10px; }
.select2-container .select2-search--inline{  }
.select2-container--default .select2-selection--multiple, .form-control{ border: 1px solid #252525; }

.select2-search--dropdown{ height: 40px; }

.form-group {
  position: relative;
  margin-bottom: 20px;
}
.custom-control-input.is-valid~.custom-control-label, .was-validated .custom-control-input:valid~.custom-control-label{
  color: #4c4d50;
  /*border: 1px solid red;*/
}

.form-control.is-invalid, .was-validated .form-control:invalid, .form-control.is-valid, .was-validated .form-control:valid{
  background-image: none;
}
.invalid-tooltip{
  padding: .10rem .20rem;
  line-height: 1;
}