.hp-banner{padding: 0 50px;}
.hp-banner .wrp{
	aspect-ratio: 1700/780;
	width: 100%;
	/*height:785px;*/
	margin:0 auto;
	max-width: 1700px;
	background: #333;
	border-radius: 2em;
	overflow: hidden;
	position: relative;
	z-index: 2;
}

.hp-banner .desktop {
	width: 100%;
    position: absolute;
    min-height: ;
    z-index: 0;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    overflow: hidden;
    background-size: 100%;
    background-color: #000;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-image: none;
}

.hp-banner .mobile{
	display: none;
}

.hp-banner video{
	width: 100%;
}

.hp-banner .wrp:before{
	position: absolute;
	content: "";
	width: 100%;
	height: 50%;
	background: linear-gradient(180deg,rgba(74, 166, 208, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
	bottom: 0;
	left: 0;
	z-index: 3;
}


.hp-banner .inner{
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	height:100%;
	max-width: 800px;
	margin: 0 auto;
	text-align: center;
	position: relative;
	z-index: 4;
}

.hp-banner .tagline{
	display: block;
	width: 700px;
	margin: 0 auto 20px;
}
/*.hp-banner h1{
	font-family: 'BeachBar-Bold';
	width: fit-content;
	position: relative;
	text-transform: unset;
	color:#f4f1e3;
	font-size:70px;
	font-weight: 700;
	letter-spacing: 0;
	margin:0 auto 30px;
}

.hp-banner h1:before{
	position: absolute;
	content: "";
	aspect-ratio: 206/170;
	width: 84px;
	background: url(img/plane.png);
	background-size: 100%;
	top: -5px;
    right: -72px;
}*/

.hp-banner p{

}

.hp-banner a.btn{margin: 0 15px;}

.hp-intro{
	padding: 1px 0;
	background: linear-gradient(180deg,rgba(199, 234, 252, 1) 20%, rgba(231, 209, 212, 1) 100%);
}

.hp-intro .max-wrap{
	margin: 0 auto;
}


.hp-intro h2{
	color: #074788;
	font-size: 66px;
	font-weight: 900;
	max-width: 525px;
	line-height: 1.1em;
}

.hp-intro p{
	font-size: 24px;
	color: #0b385b;
	font-weight: 500;
	letter-spacing: .025em;
	max-width: 525px;
	line-height: 1.5em;
}

.hp-intro .grid{
	  display:flex;
  flex-wrap:wrap;
  margin: -2rem;
  padding: 60px 0 0;
}

.hp-intro .grid .wrap{
	  box-sizing: border-box;
   -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  padding: 2rem;
   -ms-flex-preferred-size: 25%;
  flex-basis: 25%;
  max-width: 25%;
}

.hp-intro .grid .wrap a{
	text-decoration: none;
	color: #0b385b;
	text-align: center;
}

.hp-intro .grid .wrap .top{
	height: 105px;
} 

.hp-intro .grid .wrap .top .icon{
	margin: 0 auto 10px;
	transition: transform ease .3s;
}


.hp-intro .grid .wrap:hover .top .icon{
	transform: translateY(-10px);
	transition: transform ease .3s;
}

.hp-intro .grid .wrap .icon img{
	max-height: 100%;
	width: auto;
	max-width: unset;
}

.hp-intro .grid .wrap:nth-of-type(1) .icon{height: 99px;}
.hp-intro .grid .wrap:nth-of-type(2) .icon{height: 84px;}
.hp-intro .grid .wrap:nth-of-type(3) .icon{height: 104px;}
.hp-intro .grid .wrap:nth-of-type(4) .icon{height: 95px;}
.hp-intro .grid .wrap:nth-of-type(5) .icon{height: 90px;}
.hp-intro .grid .wrap:nth-of-type(6) .icon{height: 101px;}
.hp-intro .grid .wrap:nth-of-type(7) .icon{height: 103px;}
.hp-intro .grid .wrap:nth-of-type(8) .icon{height: 89px;}



.hp-intro .grid .wrap .label{
	letter-spacing: .025em;
	font-weight: 700;
	font-size: 18px;
	line-height: 1.2em;
}


.hp-fly{
	background: linear-gradient(180deg,rgba(231, 209, 212, 1) 0%, rgba(249, 191, 188, 1) 100%);
	padding: 0 50px;
}

.fly-my{
	background: #0358a5;
	border-radius: 2em;
	padding: 70px 100px 80px;
	box-sizing: border-box;
	color: #fff;
	max-width: 1700px;
	margin: 0 auto;
}

.hp-feat{
	padding: 100px 100px 50px;
	background: linear-gradient(180deg,rgba(249, 191, 188, 1) 0%, rgba(247, 245, 231, 1) 100%);
}

.hp-feat .swiper-wrapper{
	max-width: 1700px;
	margin: 0 auto;
}

.hp-feat .feat-swipe{width: 100%;}

/*.hp-feat .swiper-slide{
	width: 100% !important;
	max-width: 1700px;
}
*/
.hp-feat .wrap{
  display:flex;
  flex-wrap:wrap;
  margin: -2rem;
}

.hp-feat .wrap .left,
.hp-feat .wrap .right{
 box-sizing: border-box;
   -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  padding: 2rem;
    -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
  max-width: 50%;
}

.hp-feat .wrap .right{display: flex; flex-direction: column; justify-content: center;}

.hp-feat .wrap .right .sub{
	margin: 0 0 20px;
}

.hp-feat .wrap .right h3{
	color: #074788;
	font-size: 52px;
	font-weight: 900;
}

.hp-feat .wrap .right p{
	letter-spacing: .025em;
	font-weight: 500;
	color: #074788;
	max-width: 550px;
}

.hp-feat .wrap .right a.btn{
	width: fit-content;
}

.hp-feat .gp{
	position: relative;
	aspect-ratio: 777/623;
	width: 100%;
}



.hp-feat .gp .ticket{
	position: absolute;
	aspect-ratio: 664/417;
	width: 85.456885%;
	top: 8.346709%;
	left: 8.108108%;
	background: url(img/gp-ticket.png);
	background-size: 100%;
}

.hp-feat .gp .glasses{
	position: absolute;
	aspect-ratio: 253/117;
	width: 32.561133%;
	top: 0%;
	left: 67.438867%;
	background: url(img/gp-glasses.png);
	background-size: 100%;
}

.hp-feat .gp .finger{
	position: absolute;
	aspect-ratio: 149/234;
	width: 19.176319%;
	top: 53.451043%;
	left: 0;
	background: url(img/gp-finger.png);
	background-size: 100%;
}
.hp-feat .gp .sticker{
	position: absolute;
	aspect-ratio: 1/1;
	width: 22.522523%;
	left: 15.958816%;
	top: 71.749599%;
	background: url(img/gp-sticker.png);
	background-size: 100%;
}



/*.pink-cloud{
	position: absolute;
	z-index: 2;
	background: url(img/cloud-pink.png);
	background-size: 100%;
	aspect-ratio: 1272/379;
	width: 1272px;
	top: 100px;
	right: -784px;
}
*/
.hp-park{
	position: relative;
	padding: 50px;
	background: #f7f5e7;
}

.hp-park .parking{
	max-width: 1700px;
	margin: 0 auto;
	background: #0358a5;
	border-radius: 2em;
	padding: 50px;
	box-sizing: border-box;
}

.hp-park .view-content{max-width: 1500px; margin: 0 auto;}

.parking header{
	height: unset;
	background: transparent;
	text-align: center;
}

.parking header h2{
	color: #f4f1e3;
	margin: 0 0 60px;
}

.parking a{
	color: #f4f1e3;
}

.parking .wrap{
	text-align: center;
}

.parking .wrap h3{
	color: #f4f1e3;
	font-weight: 900;
	font-size: 28px;
	margin: 0 0 5px;
}
.parking .wrap h3 span{
	display: block;
	font-size: .8em;
}

.parking .wrap .rate{
	color: #f4f1e3;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: .1em;
	text-transform: uppercase;
}

.parking .wrap .data{
	aspect-ratio: 1/1;
	width: 80%;
	margin: 0 auto;
	position: relative;
}

.parking .wrap .data .label{
	position: absolute;
	top: 50%;
	left: 50%;
	color: #f7f5e7;
	font-size: 60px;
	text-transform: uppercase;
	font-weight: 700;
	transform: translate(-50%, -50%);
}

.parking .wrap .data .label span{display: block; font-size: 16px; letter-spacing: .1em; padding: 15px 0 0; line-height: 1em;}

.parking .wrap .data .park-data{width: 100%;}

.park-data::part(base) {width: 100%; height: auto;}


.park-data::part(value) {
	stroke-width: 12px;
	stroke: #fabfbc;
	stroke-dasharray: 2.5 1.5;
}
.park-data::part(circle) {
	stroke-width: 12px;
	stroke: #c7eafb;
	stroke-dasharray: 1 3;
	
}

.park-data::part(text) {
	font-weight: bold;
	position: relative;
	fill: #f7f5e7;
	font-size: 26px;
}


.park-update{padding: 30px 0 0; text-align: center;}

.park-update p{margin: 0; color: #f4f1e3;
	font-size: 14px;
	font-weight: 400;
	letter-spacing: .1em;
	text-transform: uppercase;}




.hp-airlines{
	padding: 100px 100px;
background: linear-gradient(180deg,rgba(247, 245, 231, 1) 0%, rgba(164, 218, 229, 1) 100%);
}

.hp-airlines .wrapper{
	max-width: 1700px;
	margin: 0 auto;
	position: relative;
	z-index: 5;
}

.hp-airlines h2{
	text-align: center;
	color: #074788;
}

.airlines h2{
		text-align: center;
}

.hp-airlines .item .wrap,
.airlines .item .wrap{
	border: 2px solid #f8f7ed;
	border-radius: 2em;
	box-sizing: border-box;
	aspect-ratio: 340/237;
	width: 100%;
	/*padding: 2em;*/
	/*min-height: 235px;*/
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-decoration: none;
	position: relative;
	overflow: hidden;
	text-align: center;
}

.airlines .item .wrap{
	border-color: #0358a5;
}

.hp-airlines .item .wrap:before,
.airlines .item .wrap::before{
	position: absolute;
	content: "";
	width: 100%;
	height: 0%;
	bottom: 0;
	left: 0;
	background: linear-gradient(180deg,rgba(0, 174, 239, .1) 0%, rgba(3, 88, 165, .2) 100%);
	z-index: -1;
	transition: height .3s ease;
}

.hp-airlines .item:nth-of-type(1) .wrap,
.airlines .item:nth-of-type(1) .wrap{
	background: url(img/american.png);
	background-size: cover;
}

.hp-airlines .item:nth-of-type(2) .wrap,
.airlines .item:nth-of-type(2) .wrap{
	background: url(img/allegiant.png);
	background-size: cover;
}

.hp-airlines .item:nth-of-type(3) .wrap,
.airlines .item:nth-of-type(3) .wrap{
	background: url(img/breeze.png);
	background-size: cover;
}

.hp-airlines .item:nth-of-type(4) .wrap,
.airlines .item:nth-of-type(4) .wrap{
	background: url(img/united.png);
	background-size: cover;
}

.hp-airlines .item .wrap:hover::before,
.airlines .item .wrap:hover::before{
	height: 100%;
	transition: height .3s ease;
}


.hp-nonstop{
	position: relative;
	background: linear-gradient(180deg,rgba(164, 218, 229, 1) 0%, rgba(74, 166, 208, 1) 100%);
	z-index: ;
}

.hp-nonstop .cloud{
	position: absolute;
	aspect-ratio: 1844/549;
	width: 1844px;
	left: -1000px;
	top: 130px;
	background: url(img/cloud-rev.png);
	background-size: 100%;
}


.hp-nonstop .field__item{
	max-width: 1700px;
	margin: 0 auto;
	padding: 0 50px;
}

.hp-nonstop .wrapper{
	background: #f4f1e3;
	border-radius: 2em;
	padding: .75em;
	box-sizing: border-box;
	display: flex;
	flex-wrap: wrap;
}

.hp-nonstop .wrapper .map,
.hp-nonstop .wrapper .copy{
	width: 50%;
}

.hp-nonstop .map{
	background: #0358a5;
/*	background-image: url(img/map.png);
	background-position: center;
	background-size: 90%;
	background-repeat: no-repeat;*/
	position: relative;
	border-radius: 2em 0 0 2em;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.hp-nonstop .map .mappy{
	width: 85%;
	margin: 0 auto;
}

.hp-nonstop .map .stickers{
	position: absolute;
	aspect-ratio: 252/191;
	width: 250px;
	top: -30px;
	left: -70px;
}

.hp-nonstop .map .stickers .stick-1{
	position: absolute;
	aspect-ratio: 1/1;
	width: 60.31746%;
	background: url(img/tsa-sticker.png);
	background-size: 100%;
	left: 0;
	top: 20.418848%;
}

.hp-nonstop .map .stickers .stick-2{
	position: absolute;
	aspect-ratio: 111/148;
	width: 44.047619%;
	background: url(img/meec-sticker.png);
	background-size: 100%;
	top: 0;
	right: 0;
}

.hp-nonstop .map a.btn{
	position: absolute;
	bottom: 5px;
	left: 25px;
}

.hp-nonstop .wrapper .copy{
	box-sizing: border-box;
	padding: 50px;
}

.hp-nonstop .wrapper .copy h2{
	color: #0358a5;
	font-size: 38px;
	letter-spacing: .025em;
	font-weight: 900;
	line-height: 1.3em;
}

.hp-nonstop .wrapper .copy h2 span{
	color: #f26a4d;
}

.hp-nonstop .view-content{
	columns: 3;
}

.non-stop .ns-list{
	columns: 3;
	margin: 0;
	padding: 0;
	list-style: none;
}

.hp-nonstop .ns-link,
.non-stop .ns-list li{margin: 0 0 10px;}

.hp-nonstop .ns-link a,
.non-stop .ns-list li a{
	font-size: 15px;
	color: #0358a5;
	text-decoration: none;
	font-weight: 600;
	position: relative;
}

.hp-nonstop .ns-link a:before,
.non-stop .ns-list li a:before{
	position: absolute;
	content: "";
	width: 100%;
	height: 1.5px;
	background: #0358a5;
	left: 0;
	bottom: -1.5px;
}

.hp-ctas{
	position: relative;
	padding: 100px 100px 100px;
	background: linear-gradient(180deg,rgba(74, 166, 208, 1) 0%, rgba(15, 56, 90, 1) 95%);
}

.hp-ctas .cloud{
	position: absolute;
	aspect-ratio: 1844/549;
	width: 1844px;
	background: url(img/cloud.png);
	background-size: 100%;
	bottom: -820px;
	right: -1200px;
	z-index: 1;
}

.hp-ctas .view-content{
	max-width: 1700px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	position: relative;
	z-index: 2;
}

.hp-ctas .view-content .item{
	width: 33.3333%;
	box-sizing: border-box;
	padding: 0 4rem;
	border-right: 2px solid rgba(255, 255, 255, .5);
}

.hp-ctas .view-content .item:last-of-type{
	border-right: none;
}

.hp-ctas h3{
	color: #f4f1e3;
}

.hp-ctas p{
	color: #f4f1e3;
	font-size: 16px;
}

.path-search.clean-url h3{
	display:none;
}