@font-face {
font-family: 'gothamBlack';
src: url('../fonts/gotham/black/Gotham-Black.eot'); /* IE9 Compat Modes */
src: url('../fonts/gotham/black/Gotham-Black.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
     url('../fonts/gotham/black/Gotham-Black.woff') format('woff'), /* Pretty Modern Browsers */
     url('../fonts/gotham/black/Gotham-Black.ttf')  format('truetype'), /* Safari, Android, iOS */
     url('../fonts/gotham/black/Gotham-Black.svg#svgFontName') format('svg'); /* Legacy iOS */
}

@font-face {
font-family: 'gothamLight';
src: url('../fonts/gotham/light/Gotham-Light.eot'); /* IE9 Compat Modes */
src: url('../fonts/gotham/light/Gotham-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
     url('../fonts/gotham/light/Gotham-Light.woff') format('woff'), /* Pretty Modern Browsers */
     url('../fonts/gotham/light/Gotham-Light.ttf')  format('truetype'), /* Safari, Android, iOS */
     url('../fonts/gotham/light/Gotham-Light.svg#svgFontName') format('svg'); /* Legacy iOS */
}

@font-face {
font-family: 'gothamMeduim';
src: url('../fonts/gotham/meduim/Gotham-Medium.eot'); /* IE9 Compat Modes */
src: url('../fonts/gotham/meduim/Gotham-Medium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
     url('../fonts/gotham/meduim/Gotham-Medium.woff') format('woff'), /* Pretty Modern Browsers */
     url('../fonts/gotham/meduim/Gotham-Medium.ttf')  format('truetype'), /* Safari, Android, iOS */
     url('../fonts/gotham/meduim/Gotham-Medium.svg#svgFontName') format('svg'); /* Legacy iOS */
}

@font-face {
font-family: 'gothamBook';
src: url('../fonts/gotham/book/Gotham-Book.eot'); /* IE9 Compat Modes */
src: url('../fonts/gotham/book/Gotham-Book.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
     url('../fonts/gotham/book/Gotham-Book.woff') format('woff'), /* Pretty Modern Browsers */
     url('../fonts/gotham/book/Gotham-Book.ttf')  format('truetype'), /* Safari, Android, iOS */
     url('../fonts/gotham/book/Gotham-Book.svg#svgFontName') format('svg'); /* Legacy iOS */
}

body {
   display: flex;
   min-height: 100vh;
   flex-direction: column;
   background-image: linear-gradient(to bottom, #fff, #f5f5f5);
 }

 main {
   flex: 1 0 auto;
 }

 p{
   font-size: 1em;
   color: #909090;
   font-family: 'gothamMeduim';
   line-height: 25px;
 }

 .row {
     margin-bottom: 0px;
 }

.call-action{
  background: #9cbdc3;
}

.container {
    width: 80%;
        max-width: 80%;
}

.call-action p{
  color: #000;
  font-family: 'gothamBook';
  font-size: 12px;
  font-weight: bold;
}

.early-booking{
    margin-top: -230px;
    position: relative;
}
.early-booking-col{
    padding: 0px 50px !important;
}


.clearfix1em{
  height: 1em;
  width:100%;
}

.explore-link{
    color: #0e3159;
    font-size: 15px;
    text-transform: uppercase;
    display: block;
    font-family: 'gothamBlack';
    height: 60px;
    font-size: 1.3em;
}

.explore-link a{
    color: #0e3159;

}
.explore-link a:hover{
    color: #1386f3;

}

.arrow-explore{
    width: auto;
    margin-left: 20px;
}

.holder-early{
  width: 80%;
  margin: 0 auto;
}

.featured-cards{
  background: url('../img/card-bg.jpg');
  background-position: center center;
  background-size: cover;
  padding: 80px 0px;
  background-attachment: fixed;
}

.card .card-image .card-title {
    color: #fff;
    font-family: 'gothamBlack';
    font-size: 2em;
    position: absolute;
    bottom: 0;
    left: 0;
    max-width: 100%;
    text-transform: uppercase;
    padding: 24px;
}

.pink-feature{
  background: #a234a2;
  padding: 70px 90px;
  width: 110%;
  height: 400px;
  z-index: 1;
  position: relative;

}
.green-feature{
  background: #5eca28;
  padding: 70px 90px;
    height: 250px;
  margin-top: 40px;
  width: 120%;
  margin-left: -100px;
}
.pink-feature p, .green-feature p{
  color: #fff !important;
  font-family: 'gothamLight';
  font-size: 1.5em;
}

.header{
  height:620px;
  background-size: cover;
  background-position: center center;
}
.entry-header{
  background: url('../img/entry-header.jpg');
  height:343px;
  background-size: cover;
  background-position: center center;
}

.small-container{
  width: 60%;
  margin: 0 auto;
}

.overlap{
      margin-top: -20%;
}

.orange-line{
  background: #ed8a06;
  width: 60px;
  height: 4px;
}

.push-left{
  margin-left: 40%;
  margin-top: 13%;
  margin-bottom: 15%;
}

.push-left p{
  color: #000;
  font-size: 1.3em;
}



.bonus{
  padding: 30px 0px;
}

.featured{
  padding: 30px 0px;
}


.image-one{
  position: relative;
  z-index: 0;
  width: 500%;
  max-width: 122% !important;
  left: -22%;
}

.image-two{
  position: relative;
  z-index: 0;
  width: 503%;
  max-width: 122% !important;
  left: 0%;
  top: -5px;
}
.image-three{
  position: relative;
  z-index: 0;
  width: 503%;
  max-width: 108.5% !important;
  left: 0%;
  top: -5px;
}

.noPadnoMar{
  padding: 0px !important;
  margin: 0px !important;
}

.holiday-pic{
  position: relative;
}

.mostPop{
  position: absolute;
  bottom: 0;
  right: 0;
}

.terms h4{
  font-size:1em;
  font-family: 'gothamMeduim';
  color: #000;
}
.terms p{
  font-size: 10px;
      color: #909090;
      font-family: 'gothamLight';
        line-height: 11px;
}
.title h1{
  font-size:3.3em;
  font-family: 'gothamBlack';
  text-transform: uppercase;
  margin-bottom: 0px !important;
  padding-bottom: 0px !important;
}
.sub-title h2{
  font-size:2.0em;
  font-family: 'gothamLight';
  text-transform: uppercase;
  margin-top: 0px !important;
  padding-top: 0px !important;
}
.holiday-price{
  font-size:1em;
  font-family: 'gothamBlack';
  text-transform: uppercase;
  color: #e1790a;
}


.form{
  border:4px solid #e1790a;
  padding: 30px;
  position: relative;
  
}

/*.carousel-item img {
    height: 500px !important;
    width: 500px !important;
}*/

.send{
  width: 100%;
  background: #000;
  COLOR: white;
  font-family: 'gothamBlack';
  text-transform: uppercase;
  height: 60px;
  line-height: 60px;
  border: 0px;
}


.tabs .tab a {
    font-weight: bold;
    
}
    .tabs .tab a.quote {
        
        border: 2px solid #f6b2b5;
    }
.collapsible li.active i {
    -ms-transform: rotate(180deg); /* IE 9 */
    -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
    transform: rotate(180deg);
}
.collapsible-body{
    padding-top:0;
}
.collapsible-header {
    border-bottom: 0;
}
@media only screen and (max-width : 480px) {
    .small-container {
      width: 85%;
  }
  .mostPop {
    width: 100px;
  }
  .entry-header {
    height: 110px;
  }
  .call-action p {
    font-size: 6px;
  }
  .title h1 {
    font-size: 2.3em;
  }
  .sub-title h2 {
    font-size: 1.3em;
  }
  .holiday-price {
    font-size: 0.9em;
  }
  p {
    font-size: 0.8em;
  }
  
  .header {
    height: 130px;
  }
  .early-booking-col {
    padding: 0px 0px !important;
  }
  .push-left {
    margin-left: 0;
  }
  .green-feature {
    background: #5eca28;
    padding: 25px 25px;
    height: auto;
    margin-top: 40px;
    width: 100%;
    margin-left: 0;
  }
  .pink-feature {
    background: #a234a2;
    padding: 25px 25px;
    width: 100%;
    height: auto;
    z-index: 1;
    position: relative;
  }
  .image-two {
    width: 100%;
    max-width: 100% !important;
  }
  .image-one {
    width: 100%;
    max-width: 100% !important;
    left: 0;
  }
    .early-booking {
        margin-top: 0;
        position: absolute;
        width: 50%;
        left: 50%;
        top: 250px;
        transform: translateX(-50%) translateY(-50%);
    }
  .row .col{
    padding: 0px;
  }
  .image-three {
    width: 100%;
    max-width: 100% !important;
  }
  .bonus {
    padding: 120px 0px;
  }
  .pink-feature p, .green-feature p {
    color: #fff !important;
    font-family: 'gothamLight';
    font-size: 1.1em;
  }
  .card .card-image .card-title {
      font-size: 1.5em;
    }
  .holder-early{
      display:none!important;
  }
}


@media only screen and (min-width : 480px) and (max-width : 640px) {
  .small-container {
      width: 85%;
  }
  .mostPop {
    width: 100px;
  }
  .entry-header {
    height: 110px;
  }
  .call-action p {
    font-size: 6px;
  }
  .title h1 {
    font-size: 2.3em;
  }
  .sub-title h2 {
    font-size: 1.3em;
  }
  .holiday-price {
    font-size: 0.9em;
  }
  p {
    font-size: 0.8em;
  }
 
  .header {
    height: 230px;
  }
  .early-booking-col {
    padding: 0px 0px !important;
  }
  .push-left {
    margin-left: 0;
  }
  .green-feature {
    background: #5eca28;
    padding: 25px 25px;
    height: auto;
    margin-top: 40px;
    width: 100%;
    margin-left: 0;
  }
  .pink-feature {
    background: #a234a2;
    padding: 25px 25px;
    width: 100%;
    height: auto;
    z-index: 1;
    position: relative;
  }
  .image-two {
    width: 100%;
    max-width: 100% !important;
  }
  .image-one {
    width: 100%;
    max-width: 100% !important;
    left: 0;
  }
  .early-booking {
      margin-top: -230px; 
      position: absolute;
      width: 34%;
      left: 50%;
      top: 137%;
      transform: translateX(-50%) translateY(-50%);
  }
  .row .col{
    padding: 0px;
  }
  .image-three {
    width: 100%;
    max-width: 100% !important;
  }
  .bonus {
    padding: 120px 0px;
  }
  .pink-feature p, .green-feature p {
    color: #fff !important;
    font-family: 'gothamLight';
    font-size: 1.1em;
  }
  .card .card-image .card-title {
      font-size: 1.5em;
    }
  .holder-early{
      display:none!important;
  }
}


@media only screen and (min-width : 768px) and (max-width : 1024px) {
  .small-container {
      width: 85%;
  }
  .mostPop {
    width: 100px;
  }
  .entry-header {
    height: 110px;
  }
  .call-action p {
    font-size: 6px;
  }
  .title h1 {
    font-size: 2.3em;
  }
  .sub-title h2 {
    font-size: 2.0em;
  }
  .holiday-price {
    font-size: 1.1em;
  }
  p {
    font-size: 0.8em;
  }
  
  .header {
    height: 300px;
  }
  .early-booking-col {
    padding: 0px 0px !important;
  }
  .push-left {
    margin-left: 0;
  }
  .green-feature {
    background: #5eca28;
    padding: 25px 25px;
    height: auto;
    margin-top: 40px;
    width: 100%;
    margin-left: 0;
  }
  .pink-feature {
    background: #a234a2;
    padding: 25px 25px;
    width: 100%;
    height: auto;
    z-index: 1;
    position: relative;
  }
  .image-two {
    width: 100%;
    max-width: 100% !important;
  }
  .image-one {
    width: 100%;
    max-width: 100% !important;
    left: 0;
  }
  .early-booking {
    margin-top: -332px;
    position: absolute;
    width: 25%;
    left: 73%;
    top: 87%;
    transform: translateX(-50%) translateY(-50%);
  }
  .row .col{
    padding: 0px;
  }
  .image-three {
    width: 100%;
    max-width: 100% !important;
  }
  .bonus {
    padding: 120px 0px;
  }
  .pink-feature p, .green-feature p {
    color: #fff !important;
    font-family: 'gothamLight';
    font-size: 1.1em;
  }
  .card .card-image .card-title {
      font-size: 1.5em;
    }

    .holder-early {
    width: 100%;
    margin: 0 auto;

  }

}