.panel.fullbanner h1{top:50%;position:absolute}
.panel.holpanel{background-color:#ededed;display:none;padding-bottom:30px}
.panel.holpanel.intro{display:block}
.panel.holtabs{position:absolute;bottom:0px;height:59px!important}
.holtabs ul{padding:0;margin:0;width:100%;list-style:none}
.holtabs li{width:14%;text-align:center;background-color:#5abacf;padding:18px 0;margin:0;list-style:none;float:left;cursor:pointer;text-transform:uppercase;font-weight:500;color:#fff;font-size:16px}
/*.holtabs li.sticky{padding:18px 0}*/
.holtabs li:hover,.holtabs li.selected{background-color:#0b253e}
.holtabs li:after{font-family:"FontAwesome";content:" \f101"}
.holtabs li:hover:after,.holtabs li.selected:after{font-family:"FontAwesome";content:" \f103"}
#gallerytab {width:16%;background-color:#FFF!important;box-sizing:border-box;color:#0b253e}
#gallerytab:after,#gallerytab hover:after,#gallerytab selected:after{content:""}
.holtabs.sticky{position:fixed}
a.button.more{background-color:white;border:1px solid #5abacf; color:#5abacf; margin-left:20px}
a.button.more:hover{border-color:#0b253e}
#ctabutton_phone{padding:7px 10px!important}
.month_yes{font-family:arial,sans-serif;padding:3px 5px;border:1px solid #c9c9c9;border-radius:2px;color:#0b253e;background-color:#fff;text-align:center;display:inline-block;margin-right:5px;font-weight:600;}
.month_no{font-family:arial,sans-serif;padding:3px 5px;border:1px solid #c9c9c9;border-radius:2px;color:#c9c9c9;background-color:transparent;text-align:center;display:inline-block;margin-right:5px;font-weight:normal;}

/* iPad - full holtabs but reduced height */
@media (max-width:900px){
.holtabs li{font-size:12px;padding:20px 0;height:25px}
holtabs li.sticky{font-size:12px;padding:20px 0;height:25px}
.panel.holtabs{position:absolute;bottom:0;height:59px!important}
#gallerytab{width:16%;background-color:#FFF;border:solid 10px #5abacf;padding:10px 0;box-sizing:border-box;color:#0b253e;height:65px}
.holtabs.sticky{position:fixed}
}

@media (max-width:480px){
.panel.fullbanner h1{top:250px}
.holtabs li:after{display:none}
.panel.holtabs{position:fixed!important;bottom:0;height:120px!important}
.holtabs li{width:33.33%;padding:10px 0!important;font-size:14px;height:20px}
#gallerytab{width:100%!important;padding:7px;border:1px solid #0b253e;height:40px!important}
.holtabs li.sticky{font-size:14px;height:20px}
.holtabs.sticky{position:fixed}
}

/* Mobile phone in landacape mode - full holtabs but reduced height */
@media (max-height:480px) and (orientation:landscape){
.holtabs li{width:14.5%}
.holtabs li{font-size:11px;padding:10px 0;height:16px}
.holtabs li.sticky{font-size:11px;padding:10px 0;height:16px}
#gallerytab{width:13%;background-color:#FFF;border:0px;padding:10px 0;height:36px}
.panel.holtabs{position:absolute;bottom:0;height:37px!important}
.holtabs.sticky{position:fixed}
}

.holintro {margin-bottom:20px}
.holintro li{color:#0b253e}
img.holimage{width:100%;height:auto;margin:10px 0 30px}
.holgallery{color:#000}
.pricebox{background-color:#0b253e;color:#fff;text-transform:uppercase;font-size:.8em;padding:10px 15px 5px;width:100%;box-sizing:border-box}
.pricebox.pale{background-color:#5abacf;padding-bottom:20px;margin-top:5px;list-style:none}
.pricebox.pale li{margin-left:1.5em}
.pricebox.pale li::before{margin-left:-1.1em;padding-right:.5em;color:#fd0;content:"\2714"}
.paletitle {color:#0b253e;font-size:14px;padding-top:3px;margin-left:0.5em!important}
.paletitle::before{content:""!important}
.pricebox.bigger{font-size:.85em}
.pricebox ul{padding:0;margin:0;width:100%;display:block;list-style:none}
.pricebox li{line-height:1.2em;padding-bottom:0.4em;max-width:99%}
.pricebox div li{width:100%;clear:both;margin:5px 0;line-height:1.1em}
.pricebox div:nth-child(1),.pricebox div:nth-child(2){width:50%;float:left}
.pricebox div:nth-child(3){width:100%;clear:both}
.pricebox div:nth-child(1) li span{width:50%;float:left;display:block;box-sizing:border-box;padding-right:5px}
.pricebox div:nth-child(1) li span:nth-child(2){border-left:solid 1px #454c52;padding-left:10px}
.pricebox div:nth-child(1) img{margin:5px 5px 5px 0}
.pricebox div:nth-child(2) li{margin-bottom:15px}
.pricebox div:nth-child(2) li:nth-child(1){border:solid 1px #fff;padding:7px;box-sizing:border-box}
.pricebox div:nth-child(2) li:nth-child(1) strong{font-size:3.2em;display:block;color:#FFF;line-height:.9em;font-weight:500}
.pricebox div:nth-child(2) i{color:#fd0;font-size:1.4em}
.pricebox div:nth-child(2) a{color:#fff;text-decoration:underline;font-size:1.1em;letter-spacing:.08em;padding:3px}
.pricebox div:nth-child(2) a:hover{color:#fd0;text-decoration:none}
.priceboxlinks{width:100%;border-top:solid 1px #fff}
.priceboxlinks a{display:block;padding:5% 0;background-color:#5abacf;color:#fff;text-transform:uppercase;float:left;text-align:center;font-size:1.1em}
.priceboxlinks a:hover{background-color:#0b253e}
.priceboxlinks a:nth-child(1){width:40%}
.priceboxlinks a:nth-child(2){width:60%;border-left:solid 1px #fff;box-sizing:border-box}
.helpSearch{margin:0!important;padding:0 0 0 5%;vertical-align:middle}
.GoodForIcon{height:24px!important;margin:2px 3px 0 0 !important}
.RatingIcon{height:18px!important}

/* Smaller pricebox fonts for tablet and mobile */
@media (max-width: 480px){.pricebox{font-size:.9em}}

/* 800 */
@media (max-width: 600px){
 .pricebox, .pricebox.bigger{font-size:0.75em}
 .pricebox div:nth-child(2) li:nth-child(1) strong{font-size:2.5em}
}
@media (max-width: 600px){
 p.larger{display:none}
 img.holimage{margin:10px 0 0}
}

.holdescription{width:100%!important;font-size:.8em;color:#5abacf;text-transform:none}
.holdescription.bigger{font-size:.85em}
#mainmap.map #travelmap.map{width:100%;height:375px;margin:25px 0}
#itin_std h3{text-transform:uppercase;padding:6px!important;border:1px solid #858585;font-size:100%;background-color:white;cursor:pointer}
#itin_std h3::after{float:right;font-family:"FontAwesome";content:"\f107";padding-right:10px}
#itin_std h3.opened::after{float:right;font-family:"FontAwesome";content:"\f106";padding-right:10px}
#itin_std p{display:none}
.panel.itinerary h3 em{font-style:normal;font-size:.8em;display:block;clear:left}
.panel.itinerary .box:nth-child(2) p{font-size:.9em}
@media (max-width: 600px) {.panel.itinerary .box:nth-child(1) img{display:none}}
.panel.hotels h3{color:#0b253e;margin:0 0 20px;text-transform:uppercase}
.panel.hotels h3 span{padding-top:6px;display:block;float:left;margin-right:5px}
.panel.hotels h3 .fa-star,.panel.hotels h3 .fa-star-o,.panel.hotels h3 .fa-star-half-o{color:#fd0;font-size:.7em}
.panel.hotels p.hotelicons{color:#000;overflow:hidden;font-size:1.1em}
.panel.hotels p.hotelicons img{cursor:pointer;padding:0 5px 1px 0;border-bottom:solid 1px #ededed;border-top:solid 1px #ededed;display:block;float:left}
.nearby-marker{font-style:normal;font-size:.8em;padding:0 0 0 20px !important}
.panel.hotels p.hotelicons img.divider{padding:3px 5px 1px}
.panel.hotels p.hotelicons i{cursor:pointer;padding:3px 5px 1px 0;display:block;float:left}
.panel.hotels ul.subnav{padding:0;margin:0;width:100%;list-style:none;border:solid 1px #5abacf;height:auto;overflow:hidden;box-sizing:border-box}
.panel.hotels .hotel{clear:both}
.panel.hotels .subnav li{width:25%;text-align:center;padding:9px 0 10px;margin:0;list-style:none;float:left;cursor:pointer;text-transform:uppercase;font-weight:500;color:#0b253e;box-sizing:border-box;border-right:solid 1px #5abacf}
.panel.hotels .subnav li br{display:none}

/* 800 */
@media (max-width:600px) {.panel.hotels .subnav li br{display:block}}

.panel.hotels .subnav li:nth-child(4){border-right:none}
.panel.hotels .subnav li a{color:#0b253e}
.panel.hotels .subnav li a:hover,.panel.hotels .subnav li.selected a{color:#fff}
.panel.hotels .subnav li:hover,.panel.hotels .subnav li.selected{background-color:#0b253e;color:#fff}
.panel.hotels .infopanel{padding:20px 20px 0;box-sizing:border-box;border:solid 1px #5abacf;border-top:none;display:none}
.panel.hotels .infopanel table{margin:0 0 15px;padding:0;border:none;border-top:solid 1px #d7d7d7;border-left:solid 1px #d7d7d7;background-color:#FFF;width:100%;box-sizing:border-box;font-size:.9em}
.panel.hotels .infopanel table th{text-transform:uppercase;font-weight:400}
.panel.hotels .infopanel table td,.panel.hotels .infopanel table th{border-bottom:solid 1px #d7d7d7;border-right:solid 1px #d7d7d7;box-sizing:border-box;text-align:center;vertical-align:middle;padding:10px 0}
.panel.hotels .infopanel .TA_selfserveprop{width:100%;margin:0 auto 20px;padding:0 0 0 50%}
@media (max-width: 480px){
.panel.hotels .subnav li,.panel.hotels .infopanel{font-size:.9em}
.panel.hotels .infopanel .TA_selfserveprop{width:100%;margin:0 auto 20px;padding:0}
.panel.itinerary h3{margin-left:2%;margin-right:2%}
}
.panel.travel .box h3{text-transform:uppercase}
.panel.travel table{margin:0 0 30px;padding:0;border:none;border-top:solid 1px #d7d7d7;border-left:solid 1px #d7d7d7;background-color:#FFF;width:100%;box-sizing:border-box;font-size:.9em}
.panel.travel table th{text-transform:uppercase;font-weight:400}
.panel.travel table td,.panel.travel table th{width:33%;border-bottom:solid 1px #d7d7d7;border-right:solid 1px #d7d7d7;box-sizing:border-box;text-align:center;vertical-align:middle;padding:10px 0}
.panel.prices .box h3{text-transform:uppercase}
.panel.prices ul{padding:0;margin:0;width:100%;list-style:none}
.panel.prices li{text-align:center;background-color:#5abacf;padding:15px 1%;margin:0;list-style:none;float:left;cursor:pointer;text-transform:uppercase;font-weight:500;font-size:.9em;color:#fff;box-sizing:border-box;border-right:solid 1px #fff}
.panel.prices li.selected{background-color:#0b253e}
.panel.prices li:nth-last-child(1){border-right:none}
.panel.prices table{margin:0 0 30px;padding:0;border:none;border-left:dotted 1px #d7d7d7;background-color:#FFF;width:100%;box-sizing:border-box;font-size:.9em;display:none}
.panel.prices .content-wrapper .box table.first{display:inline-table}
.panel.prices table td,.panel.prices table th{max-width:25%;border-bottom:dotted 1px #d7d7d7;border-right:dotted 1px #d7d7d7;box-sizing:border-box;text-align:center;vertical-align:middle;padding:13px 0 15px;font-size:0.9em}

@media (min-width: 451px) and (orentation:portrait){
 .panel.prices table td,.panel.prices table th{width:20%}
 .panel.prices li:hover{background-color:#0b253e}
}
.panel.prices table th{background-color:#0b253e;color:white}
.panel.prices .prarrow{display:none}
@media (max-width: 450px){
.panel.prices li.prarrow{padding:15px 0;text-align:center;color:#fff;display:block;box-sizing:border-box;width:20%}
.panel.prices li.mon{display:none}
.panel.prices li.mon.selected{display:block;width:60%!important}
}

.panel.reviews .box h3{text-transform:uppercase}
.panel.reviews .fa-star,.panel.reviews h3 .fa-star-o,.panel.reviews h3 .fa-star-half-o{color:#fd0}
.panel.reviews .box p span.reviewmore{cursor:pointer;color:#5abacf}
.panel.reviews .box p span.reviewtext{display:none}
.panel.similarhols{padding:50px 0}
.panel.similarhols h2{display:block;width:100%;text-align:center;border-bottom:solid 4px #0a263e;margin-bottom:30px;padding-bottom:10px}
.panel.similarhols .box a{display:block;width:100%;height:auto;text-align:center}
.panel.similarhols .box a:hover{color:#0b253e}
.panel.similarhols .box a strong{display:block;background-position:center center;background-size:cover;text-transform:uppercase;color:#fff;padding:80px 0;font-size:2.6em;width:100%;height:auto;font-weight:400;margin-bottom:20px}
.panel.similarhols .box a strong:hover{color:#0b253e}
.panel.holtypes{padding:55px 0 20px}
.panel.holtypes .box{padding:2% 0}
.panel.holtypes .box a.holtype{display:block;width:100%;height:auto;text-align:center;padding:26% 0;background-size:cover;margin-bottom:7%;background-position:center center}
.panel.holtypes .box a.holtype img:hover{filter:brightness(0) invert(1);transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out}


.lazy{background:transparent url('https://assets.headwater.com/lazygrey.gif') center no-repeat;}
.block.display{display:none}
.block.visibility{visibility:hidden}
.block.opacity{opacity:0;filter:alpha(opacity=0)}
.block.zindex{position:relative;z-index:-1;color:#ededed!important;background-color:#ededed!important;border:0!important}
.block.position{position:absolute;top:0px;left:-2000px}
.invalid{box-shadow:0 0 1px 1px red}
.grecaptcha-badge{display:none;}
.atolprice span{position:relative;top:-20px;}
.atolprice img{width:50px;padding-left:10px}
.helpPopper{font-size:larger;color:#5ABACF;margin-left:10px}
.helpPopper.dark{color:#0b253e}
#tooltip{text-align:center;color:#0b253e;background:#73c4d7;position:absolute;z-index:100;padding:10px;font-size:0.7em;border:1px solid #0b253e}
#tooltip:after{content:'';display:block;position:absolute;bottom:-8px;right:50%;width:13px;height:13px;background:#73c4d7;border-right:1px solid #0b253c;border-bottom:1px solid #0b253c;-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg)}
#tooltip.top:after{border-top-color:transparent;border-bottom:10px solid #73c4d7;top:-20px;bottom:auto}
#tooltip.left:after{left:10px;margin:0}
#tooltip.right:after{right:10px;left:auto;margin:0}
p.monthdescription{font-size:0.9em;margin-bottom:5px}
span.villatitle{text-transform:capitalize;font-style:italic}
#accordion-container{margin-bottom:30px;font-size:13px;background:#cccccc;padding:5px 10px 10px 10px;border:1px solid #888888;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}.accordion-header{font-size:14px;background:#ebebeb;margin:5px 0 0 0;padding:5px 20px;border:1px solid #888888;cursor:pointer;color:#555555;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}
.active-header{-moz-border-radius:5px 5px 0 0;-webkit-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0;background:#3e779d;color:white}
.accordion-content{display:none;padding:20px;background:#ffffff;border:1px solid #cccccc;border-top:0;-moz-border-radius:0 0 5px 5px;-webkit-border-radius:0 0 5px 5px;border-radius:0 0 5px 5px}
td {vertical-align:top;padding:10px 0px 0px 20px;font-size:12px;color:#444}
td.fieldName{vertical-align:top!important;width:150px;padding-left:10px;font-size:13px;font-weight:bold;color:#444}
td.fieldContent{vertical-align:top!important}
td.fieldContent p{margin:0}
.broreq{padding-top:20%}
.broreq img{opacity:0.8; filter:alpha(opacity=80)}
.broreq img:hover{opacity:1;filter:alpha(opacity=100)}
.center-title{width:100%;position:absolute;left:0;top:34%}
.reviewbox{border:1px solid #73c4d7;margin-top:5px}
.reviewbox .fa-star,.reviewbox .fa-star-o,.reviewbox .fa-star-half-o{color:#fd0;font-size:1.5em}
.reviewbox p{border-top:1px solid #73c4d7;font-size:13px;padding:10px}
.panel.holtabs{z-index:100}
.reviewCallout{padding:20px 20px 0px 20px!important;box-shadow:2px 2px 3px 3px #888888;margin-bottom:15px}
h2.holtitle{max-width:80%}
p.holtitle{text-transform:uppercase;font-weight:400;margin-bottom:0;color:#0a243f}
p.holtitle a{color:#0a243f}
.offerbox{border:1px solid black;padding:10px;margin-top:0}
.ctabutton{display:block;border:1px solid #5ABACF;font-size:18px;background-color:#fff;color:#0b253e;padding:5px 10px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;margin-bottom:5px;font-weight:800;cursor:pointer}
.ctabutton:hover{background:#5ABACF}
.ctabutton i{font-size:24px;font-family:"FontAwesome";padding-right:20px;color:#5A5959;font-weight:normal;font-style:normal}
.offerstrip{max-width:1150px;position:relative;margin:0 auto;;z-index:100;}
.offerstrip.head{top:113px;height:0}.offerstrip.foot{top:-84px;height:24px}
.offerstrip p{background:#e46185;text-align:center;padding:3px 0;font-size:0.95em;font-weight:bold;color:#0a243f}
.priceincludes{margin:0 0 3px 1.5em!important;width:90%!important}
.priceincludes:before{margin-left:-1em;padding-right:.5em}
.itin-hotel{display:block;padding-top:5px;font-weight:600}
.price_was{color:grey;font-size:.8em}.price_new{color:red}
.intropic{max-width:80%!important}
textarea{font-size:14px;width:97%!important;max-width:97%!important}
label{font-weight:600}
#enews{float:left;height:20px;width:20px;margin-bottom:20px}
#TravelMobile{display:none!important}#TravelDesktop{display:block!important}
.paletitle.footnote{text-transform:none;margin-left:0px!important;font-size:1.3em}
.itinerary_typebox{padding:10px 10px 0 10px; border:1px solid black; margin-bottom:20px}
.elevations{display:none}#itin_type{padding-top:2em}
.holbullets {line-height:1.5em;padding-left:1em;font-size:1.05em}
@media (max-width:1150px) {.atolprice span{top:0px;} .atolprice img{width:30px;padding:0px} }
@media (min-width:481px) {.mobilePrices{display:none}}
@media (min-width:1151px) {.offerstrip.head{display:none}}
@media (max-width:1150px) {.offerstrip.foot{display:none}}
@media (max-width:750px) {.offerstrip.head{top:54px}.offerstrip p{font-size:13px}}
@media (max-width:480px), (max-height:480px) and (orientation:landscape) {
 .desktopPrices{display:none}
 .atolprice span{top:0px;}
 .atolprice img{padding:0px;display:block;padding-left:50%;margin-left:-25px}
 .center-title {top:30%}.reviewbox{border:0;margin:0;background-color:white;padding:10px 0 25px 0}
 .reviewbox ul{padding-left:5%}.reviewbox p{margin:0!important;border-top:0;font-size:13px;padding:10px}
 .reviewCallout{margin-bottom:0px}h2.holtitle{max-width:100%;text-align:center}
 p.holtitle{max-width:100%;text-align:center}.holintro li{width:96%;margin-left:2%}
 .ctabutton{width:85%;margin-left:4%;padding:3px 10px 2px 10px}
 .offerbox{width:90%!important;margin-left:5%;text-align:center}
 .intropic {max-width:100%!important}
 #include_travel{float:left;width:20%}
 #TravelMobile{display:block!important; width:75%; float:right!important}
 #TravelDesktop{display:none!important}
 #callback{float:none;width:100%;display:block}
 .paletitle.footnote{font-size:1.2em}
 /*#itin_sidepanel{display:none}*/
 .itinerary_typebox {padding:0; border-width:0; margin-bottom:40px}
 .elevations {display:block}
 .holbullets {width:97%!important;margin:10px 2% 15px 1%!important}
}
@media (max-width:850px) and (orientation:portrait) { .pricebox div:nth-child(2) li:nth-child(1) strong{font-size:2em} }