:root {
--pilgrim-light:#D4D7E8;
--pilgrim-dark:#646ea8;
}


#overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:none;z-index:10}
body.trips{font-family:'Open Sans',sans-serif;font-size:16px;line-height:24px;color:#0B253E}
body.trips.pilgrimage{background-color:var(--pilgrim-light)}
p {line-height:1.5em}
.box p, h1, h2, h3, h4 {padding:0 !important}
.twoonecol{padding:0}

h4{color:#000;text-transform:uppercase;margin:0;padding:1em 0 1.5em 0!important;cursor:pointer}
h4::after{font-family:"FontAwesome";content:" \f107"}
h4.opened::after{font-family:"FontAwesome";content:" \f106"}

h3,h5{color:#000;font-size:20px;text-transform:uppercase;margin:0;padding:0!important}
h2{color:#000;font-size:30px;font-weight:700;line-height:40px;text-transform:uppercase;margin:24px 0;padding:0!important}
@media(max-width:650px)
{
 h2{font-size:23px;line-height:32px;margin:0 0 22px 0}
}

h1{color:#000;font-weight:700;text-transform:uppercase;padding:0!important;margin-bottom:0}

.holnav{width:100%;height:44px;padding:0;margin:0;top:113px;position:fixed;display:flex;list-style:none;background-color:white;border-bottom:2px solid #B3B3B3;z-index:100;max-width:1150px}
.holnav a{margin:0;display:inline-block;padding:0 40px;font-weight:700;box-sizing:border-box;text-align:center;text-decoration:none;color:#0B253E;height:46px;line-height:42px;cursor:pointer}
.holnav a.active{background-color:#ededed;border-bottom:3px solid #0B253E}
@media(max-width:1024px)
{
 .holnav {top:112px;justify-content:center}
 .holnav a{width:25%;padding:0}
}
@media(max-width:650px)
{
 .holnav {top:54px}
 .holnav a {padding:0 0.5em;width:fit-content;text-align:center}
}

#bookstrip{background-color:white;border-radius:8px;position:sticky;top:160px;padding:16px 16px 0 16px;box-shadow:0 8px 16px 0 #0000001f;overflow-y:auto}

#bookstrip .bookbuttons{width:86%;padding:0;color:#0a243f;text-transform:uppercase}
.bookbuttons a{text-decoration:none;color:#0a243f}
.bookbuttons a:hover{color:#0a243f}
.bookbuttons .phone{width:96%}
.bookbuttons .book, .bookbuttons .book a, .bookbuttons .book a:hover{color:#0a243f;width:96%}
.bookbuttons .book.selected, .bookbuttons .book.selected a, .bookbuttons .book.selected a:hover{background-color:#0a243f;color:white}

#bookstrip .price{font-weight:700;border:0;padding:0;cursor:default;text-transform:none}
#bookstrip .price.notpublished{font-size:17px}
.button {display:inline-block;width:100%;border:1px solid #B3B3B3;border-radius:4px;cursor:pointer}
#bookstrip .price span{font-size:36px}
@media(min-width:651px) and (max-width:1080px) { #bookstrip .price span{font-size:32px} }
p.button {padding:12px 24px!important;font-weight:700;text-align:center}

@media(max-width:650px)
{
 #bookstrip {padding:0;background-color:white;z-index:100;border:0px;overflow-y:initial}
 #bookstrip .bookbuttons{position:fixed;margin:0;bottom:0;width:100%;background-color:white;border-top:1px solid black;padding:10px 2% 0 2%}
 .pilgrimage #bookstrip .bookbuttons {background-color:var(--pilgrim-dark);color:white}
 #bookstrip .price{display:inline-block;width:33%;font-weight:700}
 #bookstrip .price.notpublished{width:96%;text-align:center}
 #bookstrip .price span{font-size:16px}
 .button{line-height:1.5em}
 .bookbuttons {height:3.5em;padding:3px 0 0 2%}
 .bookbuttons .phone{display:none}
 .bookbuttons .book{width:60%;float:right;margin-right:4%;padding:10px 0!important}
 .pilgrimage .bookbuttons .book{color:white}
}

#holtitle{padding-top:170px!important;text-transform:uppercase;z-index:2;position:relative}
#holtitle h1{font-size:44px;line-height:54px}
#holtitle h3{font-size:24px;line-height:32px;font-weight:bold}
#tripcode {font-size:13px;margin:.5em 0}
.revsum{float:right;font-size:18px}
.revsum a{color:#0B253E;text-transform:none;text-decoration:underline;font-weight:700;cursor:pointer}
.revsum span{color:#fd0}
@media(max-width:1149px)
{
 #holtitle{padding-top:175px!important;width:96%!important;margin:0 2% 0 2%!important}
}
@media(max-width:650px)
{
 #holtitle{padding-top:100px!important;width:96%!important;margin:0 2% 0 2%!important}
 #holtitle h1{font-size:34px;line-height:44px}
 #holtitle h3{font-size:16px;line-height:24px}
 .revsum{font-size:15px}
}

@media(max-width:650px) {#hero_image{width:96%!important;margin:0 2%!important}}
@media(max-height:650px) and (orientation:landscape) {#hero_image{width:96%!important;margin:0 2%!important}}
.gallery img{border-radius:12px}
.thumb img{border-radius:5px}


.iconbox_panel{padding-top:16px;margin-bottom:50px}
.iconbox {display:grid;grid-template-columns:repeat(auto-fill,minmax(160px, 1fr));font-size:14px;line-height:38px}
.iconbox img {border-radius:8px;width:28px;margin-right:5px;float:left}
.iconbox .helpPopper {float:right;margin-right:10px;cursor:pointer;height:1.5em;width:1.5em}
.iconbox p{font-size:14px;max-width:61%;float:left}
.iconbox p.single{line-height:2em}
.iconbox p.double{line-height:1em}
@media(max-width:650px){.iconbox{line-height:36px}}

#summary {padding-top:0.5em}
#summary .bullets{margin:0 2%;font-size:16px;font-weight:400;line-height:24px;word-wrap:break-word;padding-left:3%}
#included {margin:24px 0}
#included .standout{background-color:#E0EADF;padding:24px 18px 24px 24px;border-radius:5px}
.pilgrimage #included .standout{background-color:white}
.pilgrimage #included .standout.notwhite{background-color:var(--pilgrim-light)}
#included .bullets{margin:0;font-size:16px;font-weight:400;line-height:24px;word-wrap:break-word;padding-left:3%}
#included ul.bullets {list-style:none}
#included ul.bullets li:before{content:"\2713\0020"}
#included .helpPopper{display:none}
#included h2{margin-top:0;margin-bottom:18px;font-size:24px;line-height:32px}

#notincluded_panel h2{margin-top:24px;margin-bottom:18px;cursor:pointer}
#notincluded_panel h2::after{font-family:"FontAwesome";content:"\f107";padding-left:0.3em}
#notincluded_panel h2.opened::after{font-family:"FontAwesome";content:"\f106";padding-left:0.3em}
#notincluded ul {list-style:none;margin-top:0!important;margin-bottom:0!important}
#notincluded ul li:before{content:"\2718\0020"!important}
#notincluded{display:none}
#upgrades_panel h2{margin-top:24px;margin-bottom:18px;cursor:pointer}
#upgrades_panel h2::after{font-family:"FontAwesome";content:"\f107";padding-left:0.3em}
#upgrades_panel h2.opened::after{font-family:"FontAwesome";content:"\f106";padding-left:0.3em}
#upgrades ul {margin-top:0!important;margin-bottom:0!important}

@media(max-width:650px) {#included{width:96%!important;margin:24px 2% 24px 2%!important}}

@media(max-width:650px){#route_panel{width:96%!important;margin:24px 2% 0 2%!important}}
#route_panel h3{font-weight:700;margin-bottom:0.5em}
#route_panel h5{font-weight:700;cursor:pointer}
#route.textEllipsis{display:-webkit-inline-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;transition:all 0.3s linear}
#infoReadMore{font-weight:700;font-size:16px;cursor:pointer}
#infoReadMore:after{font-family:"FontAwesome";content:" \f107"}
#infoReadMore.opened:after{font-family:"FontAwesome";content:" \f106"}

/* Safari:No support for textEllipsis */
@supports (font:-apple-system-body) and (-webkit-appearance:none) {
 #route.textEllipsis{display:inline-block;overflow:visible}
 #infoReadMore{display:none}
}

@media(max-width:650px){#itinerary{width:96%!important;margin:24px 2% 0 2%!important}}
#itinerary h3{text-transform:none;padding:12px!important;border:1px solid #858585;font-size:16px;line-height:24px;cursor:pointer;margin:12px 0;border-radius:4px}
#itinerary h3::after{float:right;font-family:"FontAwesome";content:"\f107";padding-right:10px}
#itinerary h3.opened::after{float:right;font-family:"FontAwesome";content:"\f106";padding-right:10px}
#itinerary .terrain{font-size:20px;font-weight:700;margin:1em 0 0.5em 0}
#itinerary .hotelpanel{padding:4px}
#itinerary h5.hotelname{margin:0!important;font-size:16px;line-height:24px;cursor:pointer;margin:12px 0}
#itinerary h5.hotelname::before{content:"SHOW "}
#itinerary h5.hotelname::after{font-family:"FontAwesome";content:"\f107";padding-left:1em}
#itinerary h5.hotelname.opened::before{content:"HIDE "}
#itinerary h5.hotelname.opened::after{font-family:"FontAwesome";content:"\f106";padding-left:1em}
#itinerary .daytext{display:none}
#itinerary .htltext{display:none}
#itinerary .hotelrating {margin-top:1em;font-size:24px;line-height:32px;margin-bottom:0}
#itinerary .hotelrating span{font-family:"FontAwesome";color:#ffdd00}
#itinerary .hotelname {text-transform:uppercase;font-weight:700;font-size:24px;line-height:32px}
.hotel_no_padding {margin-bottom:0}
#itinerary h5.elevation{margin:0!important;font-size:16px;line-height:24px;cursor:pointer;margin:12px 0;padding-left:4px!important}
#itinerary h5.elevation::before{content:"SHOW "}
#itinerary h5.elevation::after{font-family:"FontAwesome";content:"\f107";padding-left:1em}
#itinerary h5.elevation.opened::before{content:"HIDE "}
#itinerary h5.elevation.opened::after{font-family:"FontAwesome";content:"\f106";padding-left:1em}
#itinerary .elevationgraph{display:none}
#itinerary .elevationgraph img{width:100%}
#itinerary .mapsvg{width:100%;border-radius:4px}
#itinerary #dayTitle1 {margin-top:40px}

#insights_panel{border-top:5px solid #E0EADF;margin:60px 8%;padding:20px 20px 0 20px;border-bottom:5px solid #E0EADF;height:inherit}
#insights_panel .left{float:left;width:70%}
#insights_panel .right{float:right;width:28%}
#insights_panel h2{margin-top:0}
#insights_panel p{float:left;font-size:22px;color:#555}
#insights_panel img{width:100%;border-radius:5px}
#insights_panel .right p{line-height:1.1em;font-size:16px;text-align:center;width:100%}
#insights_panel .right span{font-size:70%}
.pilgrimage #insights_panel{border-top:5px solid var(--pilgrim-dark);border-bottom:5px solid var(--pilgrim-dark)}

@media(max-width:650px)
{
 #itinerary .hotelrating {font-size:24px}
 #itinerary .hotelname {font-size:24px;line-height:32px}

 #insights_panel{margin:60px 4%;padding:10px 10px 0 10px}
 #insights_panel h2{margin-bottom:11px}
 #insights_panel img{margin-top:3em}
 #insights_panel p{float:left;font-size:20px}
 #insights_panel .right p{line-height:1em}
}

@media(max-width:650px){#dates{width:96%!important;margin:24px 2% 0 2%!important}}
.selector {display:flex;flex-wrap:nowrap;width:100%;justify-content:space-between}
.selector .arrow {margin:10px;text-align:center;font-size:36px;width:10%;font-family:"FontAwesome";padding-top:0.3em;cursor:pointer}
.selector .dropdown {margin:10px;text-align:center;font-size:14px;width:80%}
.selector select{background-color:white;padding:12px;border:1px solid black;border-radius:4px;width:100%}
.daynames {display:flex;flex-wrap:nowrap;width:100%;justify-content:space-around;height:20px;margin-top:-20px}
.daynames>div {margin:10px;text-align:center;font-size:14px}
.dayboxes {display:flex;flex-wrap:nowrap;width:100%;justify-content:space-between;height:50px;margin-top:5px}
.daybox {margin:0 2px;text-align:center;border:1px solid #B3B3B3;border-radius:4px;padding:4px;width:20%;cursor:not-allowed}
.daybox.blank {border-color:white}
.daybox.green {background-color:#E0EADF;cursor:pointer}
.daybox.green.selected {background-color:#011b2c;color:white}
.daybox.low {background-color:pink;cursor:pointer}
.daybox.guaranteed {background-color:cornsilk;cursor:pointer}
.daybox .date {font-size:14px;line-height:18px;font-weight:700}
.daybox .price {font-size:12px;line-height:18px}
.daybox .price.lo{display:inline-block}
.daybox .price.fi{display:none}
.pilgrimage .selector select{background-color:var(--pilgrim-light)}
.pilgrimage .daybox.blank {border-color:var(--pilgrim-light)}
.pilgrimage .daybox.green {color:white;background-color:var(--pilgrim-dark);cursor:pointer}
.pilgrimage .daybox.green.selected {background-color:#011b2c;color:white}

@media(min-width:651px) and (max-width:1080px) { .daynames {height:40px;margin-top:0px} }

#tourprices, #tourprices2{display:inline-block}
#tourprices img{float:right;height:3em;margin-left:1em}
#tourprices .first{margin-left:5em}
#flightprices, #flightprices2{display:none}
#calendar {display:block;width:100%}
.hidearrow {visibility:hidden}
@media(max-width:650px){#tourprices img{height:2.5em;margin-left:0.5em;padding-top:1em} #tourprices .first{margin-left:0.5em}}

#priceinfo_panel {padding:24px 0}
#priceinfo_panel p{margin-bottom:5px}

#travel_panel h5{font-size:20px;font-weight:700;cursor:pointer;margin-bottom:1em}
#travel_panel h5::before{content:"SHOW "}
#travel_panel h5.opened::before{content:"HIDE "}
#travel_panel h5::after{font-family:"FontAwesome";content:" \f107"}
#travel_panel h5.opened::after{font-family:"FontAwesome";content:" \f106"}
#travel {display:none}

#faq_panel{border-top:1px solid}

#other_trips {border-top:1px solid;padding-top:20px;position:relative;z-index:20}
@media(max-width:650px)
{
 #summary{width:96%!important;margin:0 2% 0 2%!important}
 #priceinfo_panel{width:96%!important;margin:0 2% 0 2%!important;font-size:14px;padding-bottom:0}
 #travel_panel{width:96%!important;margin:0 2%!important;padding-top:6px}
 #other_trips{width:96%!important;margin:0 2%!important}
 #besttime{width:96%!important;margin:0 2%!important}
 #faq_panel{width:96%!important;margin:0 2%!important}
 .iconbox_panel{width:96%!important;margin:5px 2% 0 2%!important;background-color:white;padding-left:2px;border-radius:5px;}
}

.card {background-color:white;border-radius:5px;box-shadow:5px 5px 5px 0 #bbb;margin-bottom:50px;min-height:330px}
.card a{text-decoration:none;color:black}
.card img {width:100%;clip-path:inset(20% 0 20% 0);margin-top:-20%}
.card span {font-size:13px;margin:0;font-weight:normal;text-transform:uppercase}
.card p {text-transform:uppercase;margin:-18% 10px 0 10px;font-size:12px}
.card h5 {text-transform:uppercase;margin:0 10px;min-height:3em !important;font-size:22px}
.card h6 {padding:0 20px 0 10px;font-size:14.5px;margin:0;font-weight:normal;text-transform:none}
.card h6.price {text-align:right;font-weight:bold;padding-bottom:10px}
.card h6 b{font-size:2.2em}
.switch {position:relative;width:52px;height:26px;float:right}
.switch input {opacity:0;width:0;height:0}
.slider { position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#e0eadf;transition:.4s;border-radius:14px}
.slider:before { position:absolute;content:"";height:18px;width:18px;left:4px;bottom:4px;background-color:white;transition:.4s;border-radius:9px}
input:checked + .slider {background-color:#011b2c}
input:focus + .slider {box-shadow:0 0 1px #011b2c}
input:checked + .slider:before {transform:translateX(26px)}
.toggleswitch{font-size:14px;height:14px; width:100%;text-align:right}
@media(max-width:650px){
 .toggleswitch{text-align:left}
}

.faq_question{font-size:16px;line-height:24px;cursor:pointer;margin:12px 0 0 0;text-transform:none;}
.faq_question::after{font-family:"FontAwesome";content:"\f107";padding-left:0.3em}
.faq_question.opened::after{font-family:"FontAwesome";content:"\f106";padding-left:0.3em}
.faq_answer{display:none}


#reviews_panel {box-sizing:border-box;padding:0 0!important}
#reviews_panel p{text-align:center}
#reviews_panel .reviewer{font-size:90%;font-style:italic}
#reviews_panel .stars {font-size:24px;color:#fd0}
.review.panel {width:80%;margin-left:10%}
p.review{min-height:70px}
#blogs {margin-top:3em}
.blogs{border:1px solid #858585;border-radius:4px;padding:12px;margin:12px 0;width:98%}
.blogs img {border-radius:4px}
.blogbutton{padding:10px 15px;color:white;background-color:#0b253e;border-radius:0;box-sizing:border-box;display:block;position:inherit;margin:0 0 1em auto;cursor:pointer;position:relative}

@media(max-width:650px)
{
 #reviews_panel {width:96%!important;margin:24px 2% 0 2%!important}
 .review.panel {width:96%!important;margin:24px 2% 0 2%!important}
 .blogs{width:96%;margin-left:2%;padding:0}
 .blogs h3{padding:0 12px!important;text-align:center}
 .blogs p {padding:0 12px!important;text-align:center;font-size:90%}
 .blogbutton {margin:0 auto}
}

footer{position:relative;z-index:20}
sub {font-size:60%}
a.anchor {display:block;position:relative;top:-190px;visibility:hidden}

.thumb .swiper-slide{box-sizing:border-box;border:2px solid white;padding:5px 5px 0 5px;border-radius:8px}
.thumb .swiper-slide-thumb-active{border-color:black}
.reviewswipe .swiper-button-prev, .reviewswipe .swiper-button-next {top:100px}
.pilgrimage .thumb .swiper-slide{border-color:var(--pilgrim-light)}
.pilgrimage .thumb .swiper-slide-thumb-active{border-color:white}

@media(max-width:650px)
{
 a.anchor {top:-120px}
 .swiper-button-prev, .swiper-button-next {display:none!important}
}

#deskLeftSide {z-index:2;position:relative;width:64%}
@media(min-width:651px) and (max-width:1080px) { #deskLeftSide {width:62%;margin-left:2%} }

@media(max-width:650px) and (orientation:portrait) 
{
 #deskLeftSide{margin-left:1%;width:100%}
 #deskRightSide{margin-left:1%;width:100%;float:none}
 .WideScreen{display:none!important}
}

.bookbuttons a{text-decoration:none;color:#0a243f}
.tooltip {background-color:#0a243f;width:90%;left:5%;position:absolute;margin-top:30px;padding:10px 10px 0 10px;box-sizing:border-box;cursor:pointer;border-radius:4px}
.tooltip p{color:white;max-width:100%}
.tooltip p b{font-weight:700}
#calloutstrip{display:none}
.officeonly{color:red;display:none}

#promo {margin:24px 0}
#promo .standout {background-color:#e46185;padding:16px 24px;border-radius:5px}
#promo .standout p {margin:0;font-weight:bold}
@media (max-width:650px) {#promo {width:96%!important;margin:12px 2% 24px 2%!important}}