:root{--orange:#FF8672;--lightblue:#6BC6D8;--green:#88D8A4;--pink:#E75083;--purple:#646EA8;--darkblue:#002B43}
.homepod{background-color:white;border-radius:5px;box-sizing:border-box;border:1px solid #ddd}
.homepod img{clip-path:inset(20% 0 20% 0);margin-top:-20%}
.homepod h3{margin-top:-20%;font-size:1.2em;padding:5px 0 0 10px;text-align:center}
.homepod p{font-size:0.9em;padding:0 10px;min-height:4.5em;text-align:center;height:5em;overflow:hidden}
.homepod a, .homepod a:hover{color:#666}
.homepod input[type='button']{padding:10px 15px;color:white;background-color:var(--darkblue);border-radius:0;box-sizing:border-box;display:block;position:inherit;margin:0 auto 1.5em auto;cursor:pointer}
#heroimage{margin-top:170px ;margin-bottom:150px;padding-bottom:40px;height:auto;font-family:'Questrial','Open Sans', sans-serif}
#searchbox{position:relative;border:1px solid black;background-color:white;z-index:10;width:35%;border-radius:5px;padding:15px;margin-top:-40%;height:60%;box-sizing:border-box}
#searchbox p{height:25%;overflow:hidden}
#heroimage img{ margin-left:25%;width:75%;border-radius:5px}
#searchbox img{margin-left:0;width:80%;transform:rotate(-5deg)}
#heroimage h1{font-weight:800;text-transform:uppercase;font-size:2.5em}
#heroimage h2{text-transform:none;text-align:left;font-style:italic;font-family:serif;color:#4c3f64}
#searchbox span.findbutton{background-color:var(--green);color:var(--darkblue);border:1px solid var(--darkblue);border-radius:5px;width:30%;margin-right:10px;display:inline-block;padding:8px 0;cursor:pointer;text-transform:uppercase;font-weight:600;text-align:center}
#searchbox span.findbutton:hover{border-color:#ddd}
.whyblock_fixed{width:24%;float:left;position:relative;cursor:default}
.whyblock_slider{width:75%;float:right}
.whyblock_fixed h4{text-transform:uppercase;color:white;font-size:200%;position:absolute;top:0;left:15px}
.whyblock_fixed p{font-family:serif;font-style:italic;text-transform:none;font-size:110%;font-weight:200;display:inline-block;padding:20px 20px 0 0;line-height:1.1em;color:white;position:absolute;top:7em;left:15px}
#intro{opacity:1;transition:opacity 0.5s}
#intro.hidden{opacity:0}
#detail{font-size:90%;opacity:1;transition:opacity 0.5s}
#detail.hidden{opacity:0}
#detail p{margin-top:0.8em}
.whyblock_slider .h4_wrapper{position:absolute;top:50px;left:0;margin:0 auto;width:100%}
.whyblock_slider h4{text-transform:uppercase;color:white;font-size:150%;text-align:center;margin:0 auto;border-top:1px solid;border-bottom:1px solid;width:fit-content;background-color:rgba(0,0,0,0.2);padding:0 15px}
.whyblock_wrapper{background-color:#0b253e;padding:5px 0 0 5px;box-sizing:border-box}
.swiper-trips{overflow:hidden}
.swiper-trips.trip{width:300px;border-radius:4px}
.swiper-slide.trip img{width:100%;height:auto;border-radius:4px}
.swiper-slide.trip p{position:absolute;bottom:15px;text-align:center;display:inline-block;background-color:rgba(255,255,255,.85);color:black;padding:10px 15px!important;height:5.5em;font-size:80%;margin:0 10px;border-radius:5px;left:0}
.swiper-triptypes{width:100%;max-width:1150px;height:480px;padding:50px 0;overflow:hidden;box-sizing:border-box;margin-bottom:50px}
.swiper-triptypes .swiper-slide{width:600px}
.swiper-triptypes .swiper-slide img{width:600px;border:2px solid #ddd;border-radius:5px;box-sizing:border-box}
.swiper-triptypes p{color:#4c3f64;text-align:center;font-size:90%;box-sizing:border-box;padding:155px 30px 15px 30px;display:none;border:1px solid #ddd;border-radius:5px}
.swiper-triptypes .swiper-slide-fully-visible p{display:block}
.swiper-triptypes h2{position:relative;margin-top:-250px;font-weight:600;text-transform:uppercase;margin:-200px auto 0 auto;text-align:center;color:white;font-size:200%;border-top:2px solid white;border-bottom:2px solid white;width:fit-content;background-color:rgba(0,0,0,0.2);padding:0 10px}
.swiper-maps{overflow:hidden;margin-bottom:100px}
.swiper-maps p{top:-195px;position:relative;text-transform:uppercase;font-weight:800;font-size:120%;color:black; border-top:1px solid;border-bottom:1px solid;width:fit-content;margin:auto}
.swiper-maps .swiper-slide{width:20%;height:auto}
.swiper-maps .swiper-slide img{width:100%;height:100%}
.swiper-maps .swiper-slide.orange{background-color:var(--orange)}
.swiper-maps .swiper-slide.orange img{color:var(--orange);opacity:0.8}
.swiper-maps .swiper-slide.blue{background-color:var(--lightblue)}
.swiper-maps .swiper-slide.blue img{color:var(--lightblue);opacity:0.8}
.swiper-maps .swiper-slide.green{background-color:var(--green)}
.swiper-maps .swiper-slide.green img{color:var(--green);opacity:0.8}
.swiper-maps .swiper-slide.pink{background-color:var(--pink)}
.swiper-maps .swiper-slide.pink img{color:var(--pink);opacity:0.8}
.swiper-maps .swiper-slide.purple{background-color:var(--purple)}
.swiper-maps .swiper-slide.purple img{color:var(--purple);opacity:0.8}
.signup_wrapper{border-radius:5px;box-shadow:5px 5px 5px 0 #bbb;padding:20px 40px;box-sizing:border-box;height:20em}
.signup_wrapper h3{font-weight:600;font-size:150%;text-transform:uppercase}
.signup_wrapper p{font-size:95%}
.signup_wrapper p span{font-size:78%;line-height:1.5em;display:inline-block;margin-top:3%}
#enews_signup input[type='text']{padding:10px 15px;background-color:white;border:1px solid rgba(144,194,211,.2);border-radius:0;box-sizing:border-box}
#enews_signup input[type='button']{padding:10px 15px;color:white;background-color:var(--lightblue);border-radius:0;box-sizing:border-box;cursor:pointer}
.signup_wrapper{border:1px solid #cccccc;margin-bottom:70px} 
.signup_wrapper.enews{background-color:var(--darkblue);border-color:var(--darkblue)}
.signup_wrapper.enews h3, .signup_wrapper.enews p{color:white}
.signup_wrapper.brochure{padding:20px 10px 20px 40}
.signup_wrapper.brochure img{float:right;width:60%;margin-left:5%}
.signup_wrapper.brochure input[type='button']{padding:10px 15px;color:white;background-color:var(--darkblue);border-radius:0;box-sizing:border-box;cursor:pointer}
.swiper-button-prev, .swiper-button-next{position:relative;cursor:pointer;color:black;background-color:#fff;padding:0 10px 2px;border-radius:100px;font-weight:700;box-shadow:1px 3px 5px gray}
.swiper-button-prev{float:left}
.swiper-button-next{float:right}
.swiper-button-prev::after, .swiper-button-next::after{font-size:20px}
.swiper-button-prev.whyblock{top:-250px;left:calc(25% + 10px)}
.swiper-button-next.whyblock{top:-250px}
.swiper-button-prev.triptypes{top:-200px;left:18%}
.swiper-button-next.triptypes{top:-200px;right:18%}
.swiper-button-prev.maps, .swiper-button-next.maps{top:-150px}

@media (max-width:1149px)
{
 #heroimage h1{font-weight:600;font-size:calc(3vw)}
 #heroimage h2{font-size:calc(2vw)}
 #heroimage p{font-size:calc(1.4vw)}
 #searchbox span.findbutton{font-size:calc(1.6vw);padding:calc(0.4vw) 0;margin-right:calc(0.5vw)}
 .whyblock_slider h4{font-size:calc(2.2vw)}
 .whyblock_slider .swiper-slide p{font-size:calc(1vw)}
 .whyblock_fixed h4{font-size:calc(2.2vw)}
 .whyblock_fixed p{font-size:calc(1.6vw)}
 #detail p{font-size:calc(1.3vw)!important}
 .signup_wrapper h3{font-size:calc(2vw)}
 .signup_wrapper p{font-size:calc(1.4vw)}
}

@media(max-width:650px) 
{
 .swiper-button-next, .swiper-button-prev{display:none!important}
 #heroimage{margin-top:54px}
 #heroimage img{margin-left:-5%;width:110%}
 #searchbox{margin-left:9%;width:82%;text-align:center;height:auto;margin-top:-10%}
 #heroimage h1{font-size:30px;font-weight:600}
 #heroimage h2{text-align:center;font-size:25px}
 #heroimage p{font-size:15px}
 #searchbox span.findbutton{font-size:15px;font-weight:600;padding:12px 0;margin-right:10px}
 .whyblock_fixed h4{font-size:30px;opacity:1!important}
 .whyblock_fixed p{font-size:20px;line-height:1.4em}
 .whyblock_slider h4{font-size:24px}
 .whyblock_fixed{width:100%;float:none;height:350px} 
 .whyblock_fixed img{position:relative;top:-300px;opacity:0.3!important}
 .whyblock_slider{width:100%;float:none}
 .swiper-slide.trip p{height:4.5em;font-weight:600;font-size:80%}
 .swiper-triptypes{width:375px;margin-bottom:-50px;padding-bottom:0}
 .swiper-triptypes .swiper-slide{width:350px}
 .swiper-triptypes .swiper-slide img{width:350px}
 .swiper-triptypes h2{margin-top:0;color:#4c3f64;display:none;background-color:white}
 .swiper-triptypes .swiper-slide-fully-visible h2{display:block}
 .swiper-triptypes p{margin-top:0;padding:10px!important}
 .signup_wrapper{padding:12px;box-shadow:none;border:none } 
 .signup_wrapper.brochure{height:27em;margin-bottom:70px!important;text-align:center}
 .signup_wrapper.brochure img{float:none;width:100%;margin-left:0}
 .signup_wrapper h3{font-size:20px}
 .signup_wrapper p{font-size:15px}
 .signup_wrapper.enews{margin-bottom:70px!important}
 .whyblock_wrapper{margin:-150px auto 0 auto}
 .homepod{margin-bottom:20px!important}
}