
.parallaxWrapper {
 /* perspective:1px; */
   overflow-x:hidden;
    overflow-y:auto;
position:relative;
height:100vh;
}
.heroContainer {
/*    perspective: 1px;*/
/*    overflow-x:hidden;*/
/*    overflow-y:auto;*/
    padding-top:147px;
height:1000px;
    position:relative;
    padding-bottom:147px;
  /*  background-position: 50% 50% !important;*/
    background-repeat: no-repeat !important;
    padding-right: 40px !important;
    padding-left: 40px !important;
    background-attachment: initial !important;
  background-color:#fdcb0a;
   background:linear-gradient(180deg, rgba(252,202,11,1) 0%, rgba(224,181,19,1) 65%, rgb(221 167 28) 100%);
   -webkit-transform: translate3d(0,0,0);

/*    background-size: cover !important; */
/*    background-image: url('/images/shutterstock_1655540650.jpg');*/

  
}


.sectionPrices h2 {
  color:black;
  font-size:22px;
  text-align:center;
  margin-bottom:30px;
}
.sectionPrices .entryLevels {
  margin-top:80px;
}

.sectionPrices h1 {
 font-size:28px;
 font-weight:bold;
 text-align:center;
}

.sectionPrices .highlight {
  background: black;
   color:white;
    padding: 10px;
}
.pageWrapper {
z-index:100;
transform-origin: 0 0;
background:white;
padding-top:80px;
position:relative;
-webkit-transform: translate3d(0,0,0);
webkit-box-shadow: 0px -4px 3px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px -4px 3px rgba(0, 0, 0, 0.15);
  box-shadow: 0px -4px 4px rgba(0, 0, 0, 0.15);
  transform: translate3d(0,0,0);
}
body {
font-family:'Manrope', sans-serif;
 overflow:hidden;
z-index:1;
}
.parallaxLayer {
  position:absolute;
   top:0;
z-index:2;
/* -webkit-transform: translate3d(0,0,0); */
left:0;
right:0;
bottom:0;
 /* transform: translateZ(-1px) scale(2) translate3d(0,0,0); */
}

.sectionThree {
 z-index:4;
}


.parallaxLayerFront {
   /* transform: translateZ(-1px) scale(1.8) translate3d(0,0,0); */
   margin:0 auto;
   max-width:1600px;
}
.parallaxLayerFront .notes {
  top:580px;

  width:55%;
  right:calc(10% + -60px);
  /* transform:translateY(0px); */
/*transform: scaleX(-1) translate(350px, -80px);*/
/*  transform:translate(-160px, 0);*/
}



.parallaxLayerBack {
  filter: blur(.1em);
  margin:0 auto;
  max-width:1600px;
  /* transform:translateZ(-1.8px) scale(2.2); */
}
.parallaxLayerBack .notes {
  top:280px;
  right: calc(10% + -140px);
  max-width:320px;
}

.parallaxLayerMiddle {
   /* transform: translateZ(-1.3px) scale(2.3); */
   max-width:1600px;
   margin:0 auto;
}


.parallaxLayerMiddle .man {
  background-image: url('/images/home_hero_man_celebrate_30.png');
  background-size:contain;
/*background-color:red;*/
  width:72%;
/*background-position: center center;*/
  /* transform: translate(-50%, 0); */
  max-width:360px;
  background-repeat:no-repeat;
  height:100%;
  max-height:800px;
  position:absolute;
  top:110px;
  right: 10%;
}



.notes {
  width:55%;
  height:80%;
  max-width:330px;
  max-height:400px;
transform: translate(-50%, -50%);
position:absolute;
z-index:1000;
background-image:url('/images/notes1.png');
background-size:contain;
background-repeat:no-repeat;

}
.heroContainer:before {
    background-color: rgba(0,0,0,1) !important;
    opacity: 0.16 !important;
display:none;
    content: '';
    position:absolute;
    z-index:1;
    top:0;
    bottom: 0;
    left:0;
    right:0;
}



.sectionOne h2 {
  color:black;
  font-size:22px;
}

.sectionOneInner, .countdownContainer {
    max-width:100%;
}
.heroContents {
    text-align:center;
    z-index:2;
    position:absolute;
    top:200px;
    right:0;
    margin:0 auto;
}

@media screen and (min-width: 1200px) {
    .heroContents {
        max-width:1200px;
        width:100%;
    }

    .countdownContainer {
        max-width:1200px;
        width:100%;
    }

    .sectionTwo {
        max-width:1200px;
        width:100%;
    }

    .sectionFour {
        max-width:1200px;
        width:100%;
    }

    .contactUs {
        max-width:1200px;
        width:100%;
    }

    .heroHeadline {
        font-size:60px;
        z-index:10;
        position:relative;
    }
    .heroContents .perEntry {
        font-size:50px;
    }

    .countdownContainer h1 {
        font-size:36px;
    }


  
}
@media screen and (min-width: 100px) and (max-width: 500px) {
.entryLevels li {
    height: 100px;
}
}

@media screen and (min-width: 768px) {
    .countdown .tile {
        font-size: 35px !important;
        padding:20px !important;
        width:90px !important;
        }
}

@media screen and (min-width: 1000px) {
  .heroHeadline {
     font-size:45px !important;
  }
}

@media screen and (max-width: 768px) {
.tile:after {
    top:90px !important;
    left:-7px !important; 
} 

.sectionPrices h1 {
    line-height:1.5;
}
.sectionPrices .highlight {
    padding:2px 8px;
}


}
 

@media screen and (max-width: 990px) {
.countdown {
    justify-content:center;
}

}

.iwantsunshine {
    color: rgb(243, 211, 4);
    /* font-family: "Reenie Beanie"; */
    font-family:'Fuzzy Bubbles';
    font-weight: 700;
    text-align:left;
    font-style: normal;
    font-size:42px;
display:none;
}

.heroHeadline {
    font-size:5vw;
    padding-right:2%;
    padding-left:4%;
    text-shadow: 2px 2px rgb(0 0 0 / 30%);
    color:white;
    line-height:2.2;
    font-family:'Manrope';
    font-weight:bold;
    margin:0 auto;
    text-align:left;
}
.heroHeadline .highlight {
  background:black;
  padding:10px;
}

.heroContents .perEntry {
    font-size:18px;
    top:10px;
    right:10px;
}


.countdownContainer {
    display:inline-block;
    /* max-width:100%; */
    margin:0 auto;
    text-align:left;
    background: #fdcb0a !important;
    box-shadow: rgb(0 0 0 / 10%) 0 3px 11px 0 !important;
    -moz-box-shadow: rgba(0,0,0,0.1) 0 3px 11px 0 !important;
    -webkit-box-shadow: rgb(0 0 0 / 10%) 0 3px 11px 0 !important;
    border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    -webkit-border-radius: 4px !important;
    margin-top:-60px;
  padding:20px;
  padding-top:60px;
  padding-right:20px !important;

    z-index:1;
    position:relative;
}


.heroContainer {
    transition: background 1s ease;
}

.heroContainer.black {
 background: black; 
}

.parallaxLayer {
    transition: top 1s;
}

.parallaxLayer.hidden {
    top:2000px;
}

.countdownContainer h1 {
    font-family:'Manrope';
    font-weight:bold;
    color:#483D3F;
    font-size:30px;
    line-height:1.6;
    margin-bottom:80px;
}


.countdownContainer.right {

}

.countdown {
    display:flex;
    justify-content:center;
    margin-bottom:40px;
}

.countdown .tile {
    background:white;
    border-radius:6px;
    color:#57c0ff;
    font-weight:bold;
    position:relative;
    font-size: 35px;
    padding:10px;
    width:70px;
    text-align:center;
}

.sectionPrices {
  background: #f5f5f5;
  border-top: 1px solid lightgray;
    border-bottom: 1px solid lightgray;
margin-bottom:80px;
padding:10px;
padding-top:80px;
padding-bottom:50px;
} 

.sectionOne {

    position:relative;
    text-align:center;
    padding-left:20px;
    padding-right:20px;
    padding-bottom:80px;
    margin:0 auto;
    max-width:1200px;
    display:block;
}

.compCountdown {
font-weight:bold;
}

.countdown .tile-divider {
    width:20px;
    height:20px;
    display:block;
}

.ticketsTable {
    color: #483D3F !important;
}

.countdownNext {
    font-size:25px !important;
    text-align:center;
    margin-bottom:40px !important;
}

.registerNow {
    margin:0 auto;

    margin-top:40px;
    box-sizing:border-box;
    text-align:center;
    background-color: #fdcb0a !important;
    width:223px;
    max-width:223px;
    height:72px;
    border-radius:4px;
    padding-top:20px;
    color: black;
    margin-bottom:40px;
    font-family:'Manrope';
    display:block;
    text-decoration:none;
    font-weight:bold;
    font-size:24px;
}


.tile:after {
  position:absolute;
  top:110px;
  color:#483D3F;
  left:0;
  text-align:center;
  width:90px;
  font-size:16px;

}

.tile[data-tile="days"]:after {
    content: 'Days';
}
.tile[data-tile="hours"]:after {
    content: 'Hours';
}
.tile[data-tile="minutes"]:after {
    content: 'Minutes';
}
.tile[data-tile="seconds"]:after {
    content: 'Seconds';
}

.sectionTwo {
    text-align:center;
    margin:0 auto;
    padding:30px;
}


.teasers {
    margin: 0 auto;


}
.teasers > div > div {
    width:100%;
    padding-top:100%;
    background-size:cover; 
    background-repeat:none;
}
.teasers div.holiday {
    background-image:url('/images/dream-holiday-1280w.jpeg');
}
.teasers div.car {
    background-image:url('/images/car1.jpg');
}
.teasers div.home {
    background-image:url('/images/home-tech-1280w.jpeg');
}

.teasers h3 {
    color: #058ED9;
    font-weight:bold;
    font-size:25px;
    margin-top:10px;
   
}

.teaserBlock {
    background:red;
}
.teasers p {
    color: rgba(125,124,121,1) !important;
    font-family: 'Manrope';
}


.cashTeaser {
    /* width:200px; */
    width:85%;
    /* -webkit-filter: drop-shadow(2px 2px 2px rgba(0,0,0,.2)); */
    /* filter: drop-shadow(2px 2px 2px rgba(0,0,0,.2)); */
}
.sectionThree {
 /*   margin-top:80px;*/
}

.sectionThree h2 {
    font-size:24px !important;
    font-weight:bold !important;
   }

   .chancesCol p {
    line-height:1.7;

   }
.chancesCol {
    padding:20px; 
    max-width:100%;
    padding-top:50px;
    background-color:#f6f5f5;
    border-top-left-radius:5px;
    border-bottom-left-radius:5px;
    padding-left:80px;
}



.sectionFour {
    padding-top:100px;
    margin:0 auto;
}

.testimonials {
    display:flex;
    align-items:center;
    align-content:center;
    justify-content:center;
}

.testimonials img {
    width:90px;
    height:90px;
    margin:0 auto;
    border-radius:50%;
    margin-bottom:25px;
    display:block;
}

.testimonials > div {
    text-align:center;
    padding:25px;
}

.testimonials i {
    color: #e2b51a;
    font-size:30px;
    display:block;
    margin-bottom:25px;
}

.testimonials .quote {
    color:rgb(107, 104, 104);
    font-family:'Manrope';
    font-size:16px;
    font-style:italic;
    display:block;
}

.testimonials .name {
    /* color: #058ED9; */
    color:black;
    font-weight:bold;
}

.sectionFive {
    margin-top:80px;
    background:#fdcb0a;
    padding:50px 20px;
}

.contactUs {
    text-align:center;
    margin:0 auto;
    padding-top:50px;
}

.contactUs h2 {
    font-weight:bold;
    color:#7D7C7A;
    font-size:24px;
}

.contactUs label {
    display:block;
    text-align:left;
    font-family:'Manrope';
    margin-bottom:5px;
    color: rgba(125,124,121,1) !important;
}

.contactUs input {
    width:100%;
    font-family:'Manrope';
    background:none;
    padding-bottom:5px;
    margin-bottom:25px;
    border:none;
    border-bottom: 1px solid rgba(125,124,121,1);
    outline:none;
}

.row {
    max-width:100%;
}



.contactUs textarea {
  background:none;
  width:100%;
  height:150px;
  font-family:'Manrope';
  border:none;
  outline:none;
  border-bottom: 1px solid rgba(125,124,121,1);
}

.conactUs form {
    margin:0 auto;
    margin-top:70px !important;
    max-width:800px;

}

.contactUs form button {
    background:white;
    display:block;
    width:280px;
    height:56px;
    padding:12px;
    text-align:center;
    color:#7d7c79;
    font-family:'Manrope';
    border:none;
    font-weight:bold;
    border-radius:5px;
    margin-left:auto;
    margin-right:auto;
    margin-top:50px;
}

.contactUs form button:hover {
    background: #7d7c79;
    color:white;
}



.contactUs h2 {
    margin-bottom:50px;
}


.compCountdown {
    display:flex;
    margin-top:20px;
  justify-content: center;
}
.compCountdown .tile {
    padding-left: 15px;
    text-align:center;
    padding-right: 15px;

}
.compCountdown .tile p {
    font-size:12px;
}

.compCountdown .tile h5 {
    font-size:24px;
}

.headerFiller {
    display:block;
}


@media screen and (max-width: 500px) {
    .heroContainer {
       /* height:700px !important; */
     }
  .heroContents {
    top: 40px;
  }
 
  .heroHeadline {
    text-align:center;
  }
  .parallaxLayerMiddle .man {
    max-width:320px;
    top:400px;
  }

  .parallaxLayerFront .notes {
    top: 800px;
    right: calc(10% + -15px);
  }
  .parallaxLayerBack .notes {
    top:530px;
    right: calc(10% + -100px);
  }
  
  
  }
