@font-face{font-family:"Southwest Sans";src:url("/swa-resources/fonts/SouthwestSans-Regular.eot");src:url("/swa-resources/fonts/SouthwestSans-Regular.eot?") format("embedded-opentype"),url("/swa-resources/fonts/SouthwestSans-Regular.otf") format("truetype");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:"Southwest Sans";src:url("/swa-resources/fonts/SouthwestSans-Bold.eot");src:url("/swa-resources/fonts/SouthwestSans-Bold.eot?") format("embedded-opentype"),url("/swa-resources/fonts/SouthwestSans-Bold.otf") format("truetype");font-weight:bold;font-style:normal;font-display:swap}@font-face{font-family:"Southwest Sans";src:url("/swa-resources/fonts/SouthwestSans-Light.eot");src:url("/swa-resources/fonts/SouthwestSans-Light.eot?") format("embedded-opentype"),url("/swa-resources/fonts/SouthwestSans-Light.otf") format("truetype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:"Southwest Sans";src:url("/swa-resources/fonts/SouthwestSans-Medium.eot");src:url("/swa-resources/fonts/SouthwestSans-Medium.eot?") format("embedded-opentype"),url("/swa-resources/fonts/SouthwestSans-Medium.otf") format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:"Southwest Sans";src:url("/swa-resources/fonts/SouthwestSans-Black.eot");src:url("/swa-resources/fonts/SouthwestSans-Black.eot?") format("embedded-opentype"),url("/swa-resources/fonts/SouthwestSans-Black.otf") format("truetype");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:"Southwest Sans";src:url("/swa-resources/fonts/SouthwestSans-Italic.eot");src:url("/swa-resources/fonts/SouthwestSans-Italic.eot?") format("embedded-opentype"),url("/swa-resources/fonts/SouthwestSans-Italic.otf") format("truetype");font-weight:normal;font-style:italic;font-display:swap}@font-face{font-family:"Southwest Sans";src:url("/swa-resources/fonts/SouthwestSans-BoldItalic.eot");src:url("/swa-resources/fonts/SouthwestSans-BoldItalic.eot?") format("embedded-opentype"),url("/swa-resources/fonts/SouthwestSans-BoldItalic.otf") format("truetype");font-weight:bold;font-style:italic;font-display:swap}@font-face{font-family:"Southwest Sans";src:url("/swa-resources/fonts/SouthwestSans-LightItalic.eot");src:url("/swa-resources/fonts/SouthwestSans-LightItalic.eot?") format("embedded-opentype"),url("/swa-resources/fonts/SouthwestSans-LightItalic.otf") format("truetype");font-weight:300;font-style:italic;font-display:swap}@font-face{font-family:"Southwest Sans";src:url("/swa-resources/fonts/SouthwestSans-MediumItalic.eot");src:url("/swa-resources/fonts/SouthwestSans-MediumItalic.eot?") format("embedded-opentype"),url("/swa-resources/fonts/SouthwestSans-MediumItalic.otf") format("truetype");font-weight:500;font-style:italic;font-display:swap}@font-face{font-family:"Southwest Sans";src:url("/swa-resources/fonts/SouthwestSans-BlackItalic.eot");src:url("/swa-resources/fonts/SouthwestSans-BlackItalic.eot?") format("embedded-opentype"),url("/swa-resources/fonts/SouthwestSans-BlackItalic.otf") format("truetype");font-weight:900;font-style:italic;font-display:swap}

@font-face {
	font-family: swa-icon;
	src: url(swa-icon/main/fonts/swa-icon.eot);
}

@font-face {
	font-family: swa-icon;
	src: url(swa-icon/main/fonts/swa-icon.woff) format("woff"), url(swa-icon/main/fonts/swa-icon.ttf) format("truetype"), url(swa-icon/main/fonts/swa-icon.svg#swa-icon) format("svg");
}


@font-face {
	font-family: swa-icon;
	src: url(swa-icon/main/fonts/swa-icon.eot);
}

@font-face {
	font-family: swa-icon;
	src: url(swa-icon/main/fonts/swa-icon.woff) format("woff"), url(swa-icon/main/fonts/swa-icon.ttf) format("truetype"), url(swa-icon/main/fonts/swa-icon.svg#swa-icon) format("svg");
}

a {
	-webkit-transition: all .2s ease-out 0s;
	-moz-transition: all .2s ease-out 0s;
	-o-transition: all .2s ease-out 0s;
	transition: all .2s ease-out 0s;
}


/** MAIN STYLES **/

p.google-disclaimer {
    font-size: 11.5px;
    line-height: 12px;
}
                                                                                                                             
sup {
	display: inline-block;
}
                                                                                                                              
.map-wrapper {
    position: absolute;
    bottom: 20px;
    left: 0px;
}

.hawaii-block2 .map-wrapper #map {
    width: 100%;
    height: 144px;
    border: 1px solid #104ba0;                                                                                      
  }

.map-wrapper p.google-disclaimer, .map-wrapper p.google-disclaimer a {
    font-size: 10px;
    color: #fff;
    margin: 4px 10px;
}
                                                                                                                              
.disclaimer {
    font-size: 12px;
    margin-bottom: 5%;
}
#hawaii-countdown {
    font-family: "Southwest Sans", Arial, sans-serif;
}

#hawaii-countdown .banner-wrapper {
	background: url(/assets/images/air/sunset-on-the-beach/SW_Header_LP_Header.jpg) no-repeat;
	background-size: 100%;
	width: 100%;
	min-height: 336px;
	padding: 4%;
	margin-bottom: 10px;
}
#hawaii-countdown .banner-wrapper .banner-copy {
    padding-top: 0;
}
#hawaii-countdown .banner-wrapper h2 {
	color: #fff;
	font-size: 28px;
	width: 380px;
	line-height: 1.1em;
	font-weight: bold;
	margin-bottom: 3%;
}
#hawaii-countdown .banner-wrapper h6 {
    margin-left: -70px;
}

#hawaii-countdown .banner-wrapper p {
	color: #fff;
	font-size: 12px;
	line-height: 1.3em;
	width: 362px;
}

.banner-copy {
	text-align: center;
	font-size: 20px;
	line-height: 20px;
	color: #fff;
	width: 55%;
	padding-top: 54px;
	margin: 0 auto;
}

img.hawaii-countdown-image {
	/* width: 68%; */
	width: 40%;
	margin-bottom: 20px;
}
img.hawaii-tourism-logo {
    margin: 30px 0 0;
    max-width: 100%;
}

.hawaii-block1, .hawaii-block2, .hawaii-block3, .hawaii-block4 {
	background: #104ba0;
	background-size: 100%;
	width: 100%;
	/* min-height: 602px; */
	min-height: 654px;
  	text-align: left;
	padding: 10%;
    margin-bottom: 20px;
}

.hawaii-block1 {
	background: url(/assets/images/air/sunset-on-the-beach/sotb-section-what.jpg) no-repeat 0 bottom #104ba0;
}

.hawaii-block2 {
	background: url(/assets/images/air/sunset-on-the-beach/sotb-section-where.jpg) no-repeat 0 bottom #104ba0;
}

.hawaii-block3 {
	background: url(/assets/images/air/sunset-on-the-beach/) no-repeat 0 bottom #104ba0;
}

.hawaii-block4 {
	background: url(/assets/images/air/sunset-on-the-beach/sotb-section-details.jpg) no-repeat 0 bottom #104ba0;
}

.hawaii-block1 h1, .hawaii-block2 h1, .hawaii-block3 h1, .hawaii-block4 h1 {
	color: #fff;
	font-size: 60px;
	font-weight: normal;
	padding-bottom: 10px;
    /* letter-spacing: -.03em; */
}

.hawaii-block1 h2, .hawaii-block2 h2, .hawaii-block3 h2, .hawaii-block4 h2 {
	color: #fff;
	font-size: 21px;
	font-weight: normal;
	padding-bottom: 10px;
    /* letter-spacing: -.03em; */
}

.hawaii-block1 p, .hawaii-block2 p, .hawaii-block3 p, .hawaii-block4 p, .hawaii-block1 li, .hawaii-block2 li, .hawaii-block3 li, .hawaii-block4 li {
	color: #fff;
    font-size: 16px;
    line-height: 1.3em;
    font-weight: 300;
}
.hawaii-block4 li {
    list-style: none;
    padding: 6px 0;
}
.hawaii-block4 li::before {
    width: 24px;
    height: 24px;
    background-image: url('/assets/images/air/sunset-on-the-beach/sotb-checkmark.png');
    background-size: cover;
    position: absolute;
    margin-left: -40px;
    content: "";
}

.hawaii-block3 .movie {
  	/* background: url(/assets/images/air/sunset-on-the-beach/sotb-movie-icon.png) no-repeat; */
  	width: 104px;
    height: 101px;
    /* margin-bottom: 4px; */
    margin: 24px 10px 30px;
    font-weight: 300;
    
    /* block layout isntead if bg img */
    background-color: #262e6a;
    position: relative;
    border-radius: 6px;
    /* top: 50%; */
}
.hawaii-block3 .movie::before {
    content: url(/assets/images/air/sunset-on-the-beach/clapper-top.png);
    height: 104px;
    top: -45px;
    position: absolute;
    left: 0;
}

.hawaii-block3 h3 {
    color: #ffbf27;
    /* display: none; */
    position: relative;
    width: 100%;
    font-size: 16px;
    display: inline-block;
}
.hawaii-block3 .movie p {
    text-align: center;
    /* padding: 20px; */
    font-size: 15px;
    font-weight: 800;

    /* block layout isntead if bg img */
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
}
.hawaii-block3 .movie p span {
    font-size: 11px;
    line-height: 11px;
    font-weight: 400;
}

img.hawaii-where {
	width: 45%;
	margin-left: 10%;
	padding-bottom: 20px;
}

#hawaii-countdown .bottom-wrapper {
	background: url(/assets/images/air/sunset-on-the-beach/SW_InterIsland_LP_Footer.jpg) no-repeat;
	background-size: 100%;
	width: 100%;
	min-height: 400px;
	margin-bottom: 10px;
}

#hawaii-countdown .bottom-wrapper h2 {
	color: #fff;
	font-size: 28px;
	width: 380px;
	line-height: 1.1em;
	font-weight: bold;
	margin-bottom: 3%;
}

#hawaii-countdown .bottom-wrapper p {
	color: #fff;
	font-size: 12px;
	line-height: 1.3em;
	width: 362px;
}

.bottom-copy {
	text-align: center;
	font-size: 18px;
	line-height: 22px;
	color: #fff;
	width: 45%;
	padding-top: 36px;
	margin: 0 auto;
}

img.hawaii-here {
	width: 68%;
	margin-top: 30px;
}

a.white-link {
	color: #fff;
	text-decoration: underline;
}

a.white-link:hover {
	color: #dee2e6;
}


/** MEDIA QUERIES **/


@media (min-width: 992px) and (max-width: 1199px) {
  
  p.google-disclaimer {
    width: 100% !important;
}
  
  #map {
    height: 90px;
}
  
  
  #hawaii-countdown .bottom-wrapper {
    min-height: 340px;
  
}
  
  
    img.hawaii-here {
    width: 54%;
    margin-top: 20px;
}
    
 #hawaii-countdown .banner-wrapper {
    background-size: 118%;   
     
    }
     
    .banner-copy {
    width: 67%;
     
    }
    
  img.hawaii-where {
    width: 60%;
    margin-left: 10%;
    padding-bottom: 10px;
}
        
.hawaii-block1 {
    min-height: 518px;
    padding-top: 28px;
} 
    
    .hawaii-block2 {
    min-height: 518px;
    padding-top: 28px;
} 
    
    .hawaii-block3 {
    min-height: 518px;
    padding-top: 28px;
} 
    
    .hawaii-block4 {
    min-height: 518px;
    padding-top: 28px;
} 
    
    
    .hawaii-block1 h1 {
    width: 92%;
}
    
    .hawaii-block1 p {
    width: 80%;
}
    
    .hawaii-block2 h1 {
    width: 80%;

}
    
    .hawaii-block2 p {
    width: 90%;
}
    
 .hawaii-block3 h1 {
    width: 88%;

}  
    
    .hawaii-block3 p {
    width: 83%;
}
    
    .hawaii-block4 h1 {
    width: 93%;
}
    
    .hawaii-block4 p {
    width: 80%;
}
    
    .bottom-copy {
    width: 55%;

}
    
    
}
    
    
@media (min-width: 768px) and (max-width: 991px) {
    
  
  #map {
    height: 64px;
}
    
    img.hawaii-countdown-image {
    margin-bottom: 10px;
}
    
    .banner-copy {
    font-size: 18px;
    line-height: 20px;
    width: 75%;
    padding-top: 54px;
}
    
    
    #hawaii-countdown .banner-wrapper {
    background-size: 167%;
    background-position: -90px 0px;
    width: 100%;
    min-height: 339px;
    margin-bottom: 20px;
}
#hawaii-countdown .banner-wrapper .banner-copy {
    padding-top: 30px;
}
#hawaii-countdown .banner-wrapper h6 {
    margin-left: -40px;
}   
    
    img.hawaii-where {
    margin-left: 10%;
    padding-bottom: 10px;
}
.hawaii-block3 .movie {
  width: 104px;
  height: 71px;
  margin: 34px 10px 30px;
}
.hawaii-block3 h3 {
    top: -20px;
}
.hawaii-block4 {
    background-position: 0 0;
}
.hawaii-block1 h2, .hawaii-block2 h2, .hawaii-block3 h2, .hawaii-block4 h2 {
    font-size: 16px;
}
.hawaii-block1 h2, .hawaii-block2 h2, .hawaii-block3 h2, .hawaii-block4 h2 {
    font-size: 16px;
}
.hawaii-block1 p, .hawaii-block2 p, .hawaii-block3 p, .hawaii-block4 p, .hawaii-block1 li, .hawaii-block2 li, .hawaii-block3 li, .hawaii-block4 li {
    font-size: 12px;
}
    .hawaii-block1 {
    min-height: 388px;
    max-height: 410px;
    padding-top: 40px;
}
    
        .hawaii-block2 {
    min-height: 388px;
    max-height: 410px;
    padding-top: 40px;
}
    
        .hawaii-block3 {
    min-height: 388px;
    max-height: 410px;
    padding-top: 40px;
}
    
        .hawaii-block4 {
    min-height: 388px;
    max-height: 410px;
    padding-top: 40px;
}
    
    
    .hawaii-block1 h1 {
    font-size: 16px;
    width: 92%;
}
    
    .hawaii-block1 p {
    line-height: 16px;
    font-size: 12px;
    width: 82%;
}
    
    .hawaii-block2 h1 {
    font-size: 16px;
    width: 77%;
}
    
    .hawaii-block2 p {
    line-height: 16px;
    font-size: 12px;
    width: 82%;
}
    
    
    .hawaii-block3 h1 {
    font-size: 16px;
    width: 88%;
}
    
    
 .hawaii-block3 p {
    line-height: 16px;
    font-size: 12px;
    width: 82%;
}   
    .hawaii-block4 h1 {
    font-size: 16px;
    width: 80%;
        
    }
    
    .hawaii-block4 p {
    line-height: 16px;
    font-size: 12px;
    width: 82%;
}
    
  .bottom-copy {
    font-size: 16px;
    line-height: 20px;
    width: 75%;
    padding-top: 28px;
}  
    
    img.hawaii-here {
    width: 34%;
    margin-top: 12px;
}
   
    
    #hawaii-countdown .bottom-wrapper {
    min-height: 250px;
}
    
    
}



@media (min-width: 576px) and (max-width: 767px) {
  
  p.google-disclaimer {
    width: 100% !important;
}
  
  #map {
    height: 147px;
}
  
    
    #hawaii-countdown .banner-wrapper {
    background-size: 217%;
    background-position: -170px 0px;
    min-height: 336px;

}
    
    .banner-copy {
    font-size: 18px;
    line-height: 20px;
    width: 100%;
    padding-top: 54px;
}
#hawaii-countdown .banner-wrapper .banner-copy {
    padding-top: 30px;
}
    #hawaii-countdown .banner-wrapper h6 {
        margin-left: -40px;
    }
    
    .hawaii-block1 {
        
    min-height: 577px;
}
  
    
   .hawaii-block2 {
        
    min-height: 577px;
}
  
    
   .hawaii-block3 {
        
    min-height: 577px;
}
  .hawaii-block3 .movie {
    width: 104px;
    height: 101px;
    margin: 24px 10px 30px;
  }
  .hawaii-block3 h3 {
      top: 0;
  }
  
   .hawaii-block4 {
        
    min-height: 577px;
}
    
    
    #hawaii-countdown .bottom-wrapper {
    background-size: 138%;
    background-position: -90px 0px;
    min-height: 220px;
}
  
    .bottom-copy {
    font-size: 18px;
    line-height: 22px;
    width: 100%;
    padding-top: 17px;
}
    
    img.hawaii-here {
    width: 42%;
    margin-top: 14px;
}
    

    
    
}
    

    @media (max-width: 576px) {
        
        #hawaii-countdown .banner-wrapper {
   
    background-size: cover;
    background-position: -110px;
    width: 100%;
    min-height: 0px;
    margin-bottom: 10px;
}
        
        .banner-copy {
    text-align: center;
    font-size: 13px;
    line-height: 16px;
    color: #fff;
    width: 83%;
    padding-top: 54px;
    padding-bottom: 16%;
    margin: 0 auto;
}
        
        img.hawaii-countdown-image {
    width: 58%;
    margin-bottom: 4px;
}
        
  img.hawaii-where {
    width: 55%;
    margin-left: 10%;
    padding-bottom: 0px;
}
        
        .hawaii-block1 {
    background-size: cover;
    width: 100%;
    min-height: 0px;
    margin-bottom: 2%;
    padding-top: 30px;
}
        
        
        
    .hawaii-block1 h1 {
    /* color: #1a2c80; */
    color: #ffffff;
    font-size: 18px;
    font-weight: bold;
    /* width: 92%; */
    padding-bottom: 10px;
    margin: 0 auto;
}
        
        .hawaii-block1 p {
    /* color: #1a2c80; */
    color: #ffffff;
    font-size: 14px;
    line-height: 16px;
    /* margin: 0 auto;
    width: 80%; */
    padding-bottom: 2%;
}
   
        
        .hawaii-block2 {
    /* background: url(/assets/images/air/sunset-on-the-beach/hawaii-block-two.jpg) no-repeat; */
    background-size: cover;
    width: 100%;
   min-height: 0px;
    margin-bottom: 2%;
    padding-top: 30px;
}
        
        .hawaii-block2 h1 {
    /* color: #1a2c80; */
    color: #ffffff;
    font-size: 18px;
    font-weight: bold;
    /* width: 84%; */
    line-height: 20px;
    padding-bottom: 10px;
    margin: 0 auto;
}
        
        .hawaii-block2 p {
    /* color: #1a2c80; */
    color: #ffffff;
    line-height: 16px;
    font-size: 14px;
    margin: 0 auto;
    padding-bottom: 24%;
    /* width: 88%; */
}

    .hawaii-block2 .map-wrapper {
        position: relative !important;
        bottom: 0 !important;
        left: 0 !important;
        padding: 0 !important;
    }
        
        .hawaii-block3 {
    background-size: cover;
    width: 100%;
    min-height: 0px;
    margin-bottom: 2%;
    padding-top: 30px;
}
        
        .hawaii-block3 h1 {
    /* color: #1a2c80; */
    color: #ffffff;
    font-size: 18px;
    font-weight: bold;
    /* width: 80%; */
    padding-bottom: 10px;
    margin: 0 auto;
}
        
        .hawaii-block3 p {
    color: #1a2c80;
    font-size: 14px;
    line-height: 16px;
    padding-bottom: 26%;
    margin: 0 auto;
    width: 74%;
}
    .hawaii-block3 .movie p {
        color: #ffffff;
    }
        
        .hawaii-block4 {
    background-size: cover;
    width: 100%;
    min-height: 0px;
    margin-bottom: 2%;
    padding-top: 30px;
}
        
        .hawaii-block4 h1 {
    color: #1a2c80;
    font-size: 18px;
    font-weight: bold;
    width: 72%;
    padding-bottom: 10px;
    margin: 0 auto;
}
        
        .hawaii-block4 p {
    /* color: #1a2c80; */
    color: #ffffff;
    line-height: 16px;
    font-size: 14px;
    margin: 0 auto;
    padding-bottom: 5%;
    /* width: 80%; */
}
.hawaii-block4 ul {
    list-style-image: url('/assets/images/air/sunset-on-the-beach/sotb-checkmark.png');
}        

   #hawaii-countdown .bottom-wrapper {
    background-size: cover;
    background-position: -130px 0px;
    width: 100%;
    /* min-height: 0px; */
    padding-top: 20px;
    margin-bottom: 10px;
}     
        
   .bottom-copy {
    font-size: 14px;
    line-height: 16px;
    color: #fff;
    width: 100%;
    padding-top: 0px;
    margin: 0 auto;
}
        
        img.hawaii-here {
    width: 44%;
    margin-top: 14px;
    padding-bottom: 30%;
}
     


        
}