@font-face {
font-family: 'icomoon';
src:  url(//www.ecotranscostarica.com/wp-content/plugins/wp-responsive-menu/inc/assets/icons/fonts/icomoon.eot?5ujmx2);
src:  url(//www.ecotranscostarica.com/wp-content/plugins/wp-responsive-menu/inc/assets/icons/fonts/icomoon.eot?5ujmx2#iefix) format('embedded-opentype'),
url(//www.ecotranscostarica.com/wp-content/plugins/wp-responsive-menu/inc/assets/icons/fonts/icomoon.ttf?5ujmx2) format('truetype'),
url(//www.ecotranscostarica.com/wp-content/plugins/wp-responsive-menu/inc/assets/icons/fonts/icomoon.woff?5ujmx2) format('woff'),
url(//www.ecotranscostarica.com/wp-content/plugins/wp-responsive-menu/inc/assets/icons/fonts/icomoon.svg?5ujmx2#icomoon) format('svg');
font-weight: normal;
font-style: normal;
}
[class^="wpr-icon-"], [class*=" wpr-icon-"] { font-family: 'icomoon' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.wpr-icon-store:before {
content: "\e900";
}
.wpr-icon-cart2:before {
content: "\e901";
}
.wpr-icon-basket:before {
content: "\e902";
}
.wpr-icon-cart:before {
content: "\e93a";
}
.wpr-icon-x:before {
content: "\e687";
}
.wpr-icon-rss:before {
content: "\e600";
}
.wpr-icon-rss-alt:before {
content: "\e68c";
}
.wpr-icon-mail:before {
content: "\e68d";
}
.wpr-icon-plus:before {
content: "\e601";
}
.wpr-icon-minus:before {
content: "\e602";
}
.wpr-icon-magnifying-glass:before {
content: "\e603";
}
.wpr-icon-instagram:before {
content: "\e688";
}
.wpr-icon-grid:before {
content: "\e604";
}
.wpr-icon-search:before {
content: "\e605";
}
.wpr-icon-twitter:before {
content: "\e606";
}
.wpr-icon-plus2:before {
content: "\e607";
}
.wpr-icon-minus2:before {
content: "\e608";
}
.wpr-icon-search2:before {
content: "\e609";
}
.wpr-icon-feed:before {
content: "\e60a";
}
.wpr-icon-cancel:before {
content: "\e60b";
}
.wpr-icon-home:before {
content: "\e60c";
}
.wpr-icon-home2:before {
content: "\e60d";
}
.wpr-icon-search3:before {
content: "\e689";
}
.wpr-icon-menu:before {
content: "\e60e";
}
.wpr-icon-point-right:before {
content: "\e60f";
}
.wpr-icon-point-down:before {
content: "\e610";
}
.wpr-icon-close:before {
content: "\e611";
}
.wpr-icon-minus3:before {
content: "\e612";
}
.wpr-icon-plus3:before {
content: "\e613";
}
.wpr-icon-arrow-right:before {
content: "\e614";
}
.wpr-icon-arrow-down:before {
content: "\e615";
}
.wpr-icon-arrow-right2:before {
content: "\e616";
}
.wpr-icon-arrow-down2:before {
content: "\e617";
}
.wpr-icon-arrow-right3:before {
content: "\e618";
}
.wpr-icon-arrow-down3:before {
content: "\e619";
}
.wpr-icon-paragraph-justify:before {
content: "\e61a";
}
.wpr-icon-paragraph-justify2:before {
content: "\e61b";
}
.wpr-icon-mail2:before {
content: "\e61c";
}
.wpr-icon-google:before {
content: "\e61d";
}
.wpr-icon-googleplus:before {
content: "\e61e";
}
.wpr-icon-googleplus2:before {
content: "\e61f";
}
.wpr-icon-googleplus3:before {
content: "\e620";
}
.wpr-icon-googleplus4:before {
content: "\e621";
}
.wpr-icon-facebook:before {
content: "\e622";
}
.wpr-icon-facebook2:before {
content: "\e623";
}
.wpr-icon-facebook3:before {
content: "\e624";
}
.wpr-icon-instagram2:before {
content: "\e68a";
}
.wpr-icon-twitter2:before {
content: "\e625";
}
.wpr-icon-twitter3:before {
content: "\e626";
}
.wpr-icon-twitter4:before {
content: "\e627";
}
.wpr-icon-feed2:before {
content: "\e628";
}
.wpr-icon-feed3:before {
content: "\e629";
}
.wpr-icon-feed4:before {
content: "\e62a";
}
.wpr-icon-vimeo:before {
content: "\e62b";
}
.wpr-icon-vimeo2:before {
content: "\e62c";
}
.wpr-icon-vimeo3:before {
content: "\e62d";
}
.wpr-icon-flickr:before {
content: "\e62e";
}
.wpr-icon-flickr2:before {
content: "\e62f";
}
.wpr-icon-flickr3:before {
content: "\e630";
}
.wpr-icon-flickr4:before {
content: "\e631";
}
.wpr-icon-deviantart:before {
content: "\e632";
}
.wpr-icon-deviantart2:before {
content: "\e633";
}
.wpr-icon-github:before {
content: "\e634";
}
.wpr-icon-github2:before {
content: "\e635";
}
.wpr-icon-github3:before {
content: "\e636";
}
.wpr-icon-github4:before {
content: "\e637";
}
.wpr-icon-github5:before {
content: "\e638";
}
.wpr-icon-tumblr:before {
content: "\e639";
}
.wpr-icon-tumblr2:before {
content: "\e63a";
}
.wpr-icon-skype:before {
content: "\e63b";
}
.wpr-icon-linkedin:before {
content: "\e63c";
}
.wpr-icon-pinterest:before {
content: "\e63d";
}
.wpr-icon-pinterest2:before {
content: "\e63e";
}
.wpr-icon-search32:before {
content: "\e63f";
}
.wpr-icon-basket2:before {
content: "\e903";
}
.wpr-icon-basket3:before {
content: "\e027";
}
.wpr-icon-magnifying-glass2:before {
content: "\e037";
}
.wpr-icon-facebook5:before {
content: "\e05d";
}
.wpr-icon-twitter5:before {
content: "\e05e";
}
.wpr-icon-googleplus5:before {
content: "\e05f";
}
.wpr-icon-rss2:before {
content: "\e060";
}
.wpr-icon-tumblr3:before {
content: "\e061";
}
.wpr-icon-linkedin2:before {
content: "\e062";
}
.wpr-icon-dribbble:before {
content: "\e063";
}
.wpr-icon-plus5:before {
content: "\e656";
}
.wpr-icon-plus6:before {
content: "\e657";
}
.wpr-icon-minus5:before {
content: "\e658";
}
.wpr-icon-minus6:before {
content: "\e659";
}
.wpr-icon-cancel2:before {
content: "\e65a";
}
.wpr-icon-magnifier:before {
content: "\e65b";
}
.wpr-icon-grid3:before {
content: "\e65c";
}
.wpr-icon-grid4:before {
content: "\e65d";
}
.wpr-icon-list:before {
content: "\e65e";
}
.wpr-icon-add:before {
content: "\e65f";
}
.wpr-icon-minus7:before {
content: "\e660";
}
.wpr-icon-search7:before {
content: "\e661";
}
.wpr-icon-shopping-bag2:before {
content: "\e904";
}
.wpr-icon-shopping-cart2:before {
content: "\e905";
}
.wpr-icon-add_shopping_cart:before {
content: "\e854";
}
.wpr-icon-shopping_cart:before {
content: "\e8cc";
}
.wpr-icon-remove_shopping_cart:before {
content: "\e928";
}
.wpr-icon-shopping_basket:before {
content: "\e8cb";
}
.wpr-icon-align-justify:before {
content: "\e026";
}
.wpr-icon-search5:before {
content: "\e036";
}
.wpr-icon-circle-plus:before {
content: "\e040";
}
.wpr-icon-circle-minus:before {
content: "\e041";
}
.wpr-icon-square-plus:before {
content: "\e044";
}
.wpr-icon-square-minus:before {
content: "\e045";
}
.wpr-icon-arrow-right4:before {
content: "\e095";
}
.wpr-icon-arrow-down4:before {
content: "\e097";
}
.wpr-icon-grid2:before {
content: "\e102";
}
.wpr-icon-cross:before {
content: "\e117";
}
.wpr-icon-menu2:before {
content: "\e120";
}
.wpr-icon-ellipsis:before {
content: "\e129";
}
.wpr-icon-times:before {
content: "\e647";
}
.wpr-icon-plus4:before {
content: "\e648";
}
.wpr-icon-minus4:before {
content: "\e649";
}
.wpr-icon-arrow-right-thick:before {
content: "\e64a";
}
.wpr-icon-th-menu:before {
content: "\e64b";
}
.wpr-icon-arrow-down-thick:before {
content: "\e64c";
}
.wpr-icon-times-outline:before {
content: "\e64d";
}
.wpr-icon-plus-outline:before {
content: "\e64e";
}
.wpr-icon-minus-outline:before {
content: "\e64f";
}
.wpr-icon-th-small-outline:before {
content: "\e650";
}
.wpr-icon-th-menu-outline:before {
content: "\e651";
}
.wpr-icon-zoom-outline:before {
content: "\e652";
}
.wpr-icon-arrow-down5:before {
content: "\e653";
}
.wpr-icon-arrow-right5:before {
content: "\e654";
}
.wpr-icon-search6:before {
content: "\e655";
}
.wpr-icon-shopping-cart:before {
content: "\f07a";
}
.wpr-icon-cart-plus:before {
content: "\f217";
}
.wpr-icon-cart-arrow-down:before {
content: "\f218";
}
.wpr-icon-shopping-bag:before {
content: "\f290";
}
.wpr-icon-shopping-basket:before {
content: "\f291";
}
.wpr-icon-search9:before {
content: "\f002";
}
.wpr-icon-envelope-o:before {
content: "\f003";
}
.wpr-icon-th-large:before {
content: "\f009";
}
.wpr-icon-th:before {
content: "\f00a";
}
.wpr-icon-th-list:before {
content: "\f00b";
}
.wpr-icon-times2:before {
content: "\f00d";
}
.wpr-icon-home3:before {
content: "\f015";
}
.wpr-icon-align-justify2:before {
content: "\f039";
}
.wpr-icon-chevron-right:before {
content: "\f054";
}
.wpr-icon-plus-circle:before {
content: "\f055";
}
.wpr-icon-minus-circle:before {
content: "\f056";
}
.wpr-icon-arrow-right6:before {
content: "\f061";
}
.wpr-icon-arrow-down6:before {
content: "\f063";
}
.wpr-icon-plus7:before {
content: "\f067";
}
.wpr-icon-minus8:before {
content: "\f068";
}
.wpr-icon-chevron-down:before {
content: "\f078";
}
.wpr-icon-twitter-square:before {
content: "\f081";
}
.wpr-icon-facebook-square:before {
content: "\f082";
}
.wpr-icon-linkedin-square:before {
content: "\f08c";
}
.wpr-icon-github-square:before {
content: "\f092";
}
.wpr-icon-twitter6:before {
content: "\f099";
}
.wpr-icon-facebook6:before {
content: "\f09a";
}
.wpr-icon-github6:before {
content: "\f09b";
}
.wpr-icon-hand-o-right:before {
content: "\f0a4";
}
.wpr-icon-hand-o-down:before {
content: "\f0a7";
}
.wpr-icon-arrow-circle-right:before {
content: "\f0a9";
}
.wpr-icon-arrow-circle-down:before {
content: "\f0ab";
}
.wpr-icon-tasks:before {
content: "\f0ae";
}
.wpr-icon-bars:before {
content: "\f0c9";
}
.wpr-icon-pinterest3:before {
content: "\f0d2";
}
.wpr-icon-pinterest-square:before {
content: "\f0d3";
}
.wpr-icon-google-plus-square:before {
content: "\f0d4";
}
.wpr-icon-google-plus:before {
content: "\f0d5";
}
.wpr-icon-envelope:before {
content: "\f0e0";
}
.wpr-icon-linkedin3:before {
content: "\f0e1";
}
.wpr-icon-angle-double-right:before {
content: "\f101";
}
.wpr-icon-angle-double-down:before {
content: "\f103";
}
.wpr-icon-angle-right:before {
content: "\f105";
}
.wpr-icon-angle-down:before {
content: "\f107";
}
.wpr-icon-github-alt:before {
content: "\f113";
}
.wpr-icon-ellipsis-h:before {
content: "\f141";
}
.wpr-icon-rss-square:before {
content: "\f143";
}
.wpr-icon-toggle-down:before {
content: "\f150";
}
.wpr-icon-toggle-right:before {
content: "\f152";
}
.wpr-icon-youtube-square:before {
content: "\f166";
}
.wpr-icon-youtube:before {
content: "\f167";
}
.wpr-icon-instagram3:before {
content: "\f16d";
}
.wpr-icon-apple:before {
content: "\f179";
}
.wpr-icon-android:before {
content: "\f17b";
}
.wpr-icon-skype2:before {
content: "\f17e";
}
.wpr-icon-vimeo-square:before {
content: "\f194";
}
.wpr-icon-cart3:before {
content: "\e906";
}
.wpr-icon-bag:before {
content: "\e907";
}
.wpr-icon-facebook4:before {
content: "\e640";
}
.wpr-icon-twitter-old:before {
content: "\e641";
}
.wpr-icon-feed5:before {
content: "\e642";
}
.wpr-icon-bird:before {
content: "\e643";
}
.wpr-icon-search4:before {
content: "\e644";
}
.wpr-icon-pointer:before {
content: "\e645";
}
.wpr-icon-pointer2:before {
content: "\e646";
}
.wpr-icon-shopping-bag3:before {
content: "\e908";
}
.wpr-icon-shopping-basket2:before {
content: "\e909";
}
.wpr-icon-shopping-cart3:before {
content: "\e90a";
}
.wpr-icon-search10:before {
content: "\e68b";
}
.wpr-icon-cross2:before {
content: "\e663";
}
.wpr-icon-minus9:before {
content: "\e664";
}
.wpr-icon-plus8:before {
content: "\e665";
}
.wpr-icon-layout:before {
content: "\e666";
}
.wpr-icon-list2:before {
content: "\e667";
}
.wpr-icon-video:before {
content: "\e668";
}
.wpr-icon-arrow-down7:before {
content: "\e669";
}
.wpr-icon-arrow-right7:before {
content: "\e66a";
}
.wpr-icon-arrow-down8:before {
content: "\e66b";
}
.wpr-icon-arrow-right8:before {
content: "\e66c";
}
.wpr-icon-arrow-down9:before {
content: "\e66d";
}
.wpr-icon-arrow-right9:before {
content: "\e66e";
}
.wpr-icon-arrow-down10:before {
content: "\e66f";
}
.wpr-icon-arrow-right10:before {
content: "\e670";
}
.wpr-icon-arrow-down11:before {
content: "\e671";
}
.wpr-icon-uniE672:before {
content: "\e672";
}
.wpr-icon-arrow-right11:before {
content: "\e673";
}
.wpr-icon-github62:before {
content: "\e674";
}
.wpr-icon-flickr5:before {
content: "\e675";
}
.wpr-icon-flickr6:before {
content: "\e676";
}
.wpr-icon-vimeo4:before {
content: "\e677";
}
.wpr-icon-vimeo5:before {
content: "\e678";
}
.wpr-icon-twitter7:before {
content: "\e679";
}
.wpr-icon-facebook7:before {
content: "\e67a";
}
.wpr-icon-facebook8:before {
content: "\e67b";
}
.wpr-icon-facebook9:before {
content: "\e67c";
}
.wpr-icon-googleplus6:before {
content: "\e67d";
}
.wpr-icon-googleplus7:before {
content: "\e67e";
}
.wpr-icon-pinterest4:before {
content: "\e67f";
}
.wpr-icon-pinterest5:before {
content: "\e680";
}
.wpr-icon-tumblr4:before {
content: "\e681";
}
.wpr-icon-linkedin4:before {
content: "\e682";
}
.wpr-icon-linkedin5:before {
content: "\e683";
}
.wpr-icon-instagram4:before {
content: "\e684";
}
.wpr-icon-skype3:before {
content: "\e685";
}
.wpr-icon-skype4:before {
content: "\e686";
}
.wpr-icon-cart4:before {
content: "\e90b";
}
.wpr-icon-search8:before {
content: "\e662";
}* {
padding: 0;
margin: 0;
} .controlpaddingA{overflow:hidden;}
@import url("https://fonts.googleapis.com/css?family=Lato&subset=latin,latin-ext");
body {
overflow-x: hidden;
font-family: 'Lato', sans-serif;
font-weight: 400;
line-height:1.5;
font-size:18px;
background: white;}
#wprmenu_bar .menu_title a { top: 0px !important; color: white !important; padding: 0 6px 0 !important;}
.container-fluid {
width: 100%;
margin: 0 auto;
padding: 0; }
.container-star{}
.container-general{padding: 1em 2em 3em;}
.container-content{    
width: 100%;
margin: 0 auto;
padding: 0;
background: #fff;}
.container{
width: 100%;
margin: 0 auto;
padding: 0;
background: #fff;
}
.internal-container {
background:#fff;
}
.contenido-interno{
background: #fff;
text-align: justify;
position: relative;
margin-top: 7em;
}
.single-post .contenido-interno {top: 0;}
.single-post .container-footer {margin: 5em 2em 2em;}
h5 {
font-size: 1.4em;
float: left;
text-align: center;
font-weight: 500;
border-radius: 14px;
color: #fff;
background: #289383;
padding: 16px;
width: 220px;
margin: 2em 0;}
h5 a{color:white; text-decoration:none;}
h5:hover{background: #1a7e6f;}
.h4, h4 {font-weight: 500; font-size: 1.4rem; color: white; margin: 0.2rem 1.5rem;}
h4 a{color: white;  text-decoration:none;}
h6 {
font-size: 1.6em;
text-transform: uppercase;
font-weight: 500;
color: #fff;
margin: auto;}
h1 { font-weight: 500; font-size: 2em; color:white; margin: 0 0 1rem; line-height: 44px; text-transform: uppercase;}
h2{ font-weight: 500; font-size: 2em; color:white; margin: 0 0 1rem; line-height: 44px; text-transform: uppercase;}
h3 { font-size: 2rem; color: black; font-weight: 500; text-transform: uppercase; text-align: center;} a{text-decoration: none;}
.single-post a{color: #00614f;}
.single-post a:visited{color: #00614f;}
.single-post a:hover{color: #dc8700;}
.text-dark{text-align:center; padding: 2em 0 3em;}
.justify-content-center {background: #fefbed;}
.fa-phone:before{ -webkit-transform: scaleX(-1) !important; transform: scaleX(-1)}
footer .fa-phone:before{color:#fff !important;}
footer .fa-envelope:before {color:#fff !important;}
.space{height:3em;}
.ls-v6 .ls-bottom-nav-wrapper { top: 0 }
.fa-shuttle-van:before {line-height: 2.3;}
.fa-map-pin:before {line-height: 2.3;}
.fa-calendar-check:before { line-height: 2.3;}
.fa-boxes:before {line-height:2.3;}
.enviar{width: 100% !important;}
#culebra-bay{width:45%;}
.grecaptcha-badge { display:none;}
.page-id-2659 .grecaptcha-badge { display:flex; top: 11%;}
.page-id-2662 .grecaptcha-badge { display:flex;  top: 11%;}
.book-banner{
background: #e46f75;
z-index: 9;
top: 8.7rem;
height: 24px;
padding: 17px 0;
position: absolute;
width: 100%;
display: inline-flex;
}
.book-txt{text-align: right; width: 60%; margin: 0 .5em 0 0;}
.book-txt a{color:white;}
.book-banner-btn{ text-align: left; width: 40%; margin: 0 0 0 .5em;}
.book-banner:hover{background: #d0454c;} .carros { position: relative; width: 100%; max-width: 400px;}
.image {display: block; width: 100%; height: auto;}
.overlay { position: absolute;  margin: 0 auto; background: rgb(255 255 255 / 82%); background: rgb(255 255 255 / 83%); color: #f1f1f1; transition: .5s ease; opacity:0; color: white; font-size: 18px; padding: 10px; text-align: center; border-radius: 25px; width: 76%; left:0; right:0; bottom:0;}
.carros:hover .overlay {opacity: 1;}
.linkcarro { border-bottom: thin solid #c27700; color: #066957eb;} a.previous-post, a.next-post {color: #fff; background-color: #4498e7; text-align: center; height: 34px; line-height: 34px; font-size: 14px; border: 1px solid; padding: 0 20px; margin-bottom: 30px; text-transform: uppercase; border-radius: 4px; font-weight: bold;}
a.previous-post:hover, a.next-post:hover {color: #4498e7; background-color: #fff;}
a.previous-post {float: left !important;}
a.next-post {float: right !important;} .dropdown-book {position: fixed; right: 21px; bottom: 11%; font-size:15px; z-index: 110; background: #e46f75; z-index: 110;  cursor: pointer; padding: 6px 27px; border-radius: 5em; display:inline-flex;} .dropdown-book a {color: #fff; font-weight: 500; font-size:1.2em;}
.ok-img{}
.ok{padding: 4px 6px 3px 0px;} .slider-home{margin: 8rem auto 0; background: white;}
.sticky-top {position: relative !important; height: 42px; border-bottom: 1px solid green;}
.sticky-top i{color:#136858;}
.idioma{margin:12px 0;}	
.align-info { width: 50%;
float: left;
position: absolute;
top: 0;
display: inline-flex;
margin: 0 14px;
padding: 0; 
height: 42px;
}
.top-info-item{padding: 5px 1rem 0 1rem; font-size: 15px; color:#000; transition: 0.2s ease; border-right: 1px solid #ccc;}	
.top-info-item:hover {color:#cc7d0d; text-decoration: none; }
.ls-layers {z-index: 35;} #logo-section{
position: absolute;
width: 100%;
z-index: 1;
margin: 8px 16px;
}
#home-slider-movil {display: none;}
.container-servicesRWD {display: none;}
#home-slider {margin:7em 0 0;}
#sharedRWD{display:none;}
#bestRWD{display:none;} .meet{border-radius: 28px; border: solid 4px #289284;}
.label-above .nf-field-element, .label-below .nf-field-element {text-align: center;}
.ask-div{margin:-1em auto 4em;}
#ask-gay{width:280px; height: auto;}
#ask-img{width:160px; height: auto; float: right; margin: 1em 2em;}
footer .nf-error .nf-error-msg {color: #fff;}
footer .nf-error-msg, .ninja-forms-req-symbol {color: #fff;}
.nf-error .nf-error-msg {font-size: 16px;}
.nf-error-msg, .ninja-forms-req-symbol {font-size: 16px;}
.ninja-forms-req-symbol {display: none;}
.green-flag{position: fixed; float: right; bottom: -34px; text-align: right; right: 0; z-index: 9999999999; width: 200px;}
.container-img {
position: relative;
width: 400px; 
height:400px;
margin: 0 auto;}
.image-hover {
display: block;
width: 100%;
height: auto;
}
.overlayy {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
height: 100%;
width: 100%;
opacity: 0;
transition: .5s ease;
background-color: #ffffffb8;
}
.container-img:hover .overlayy {
opacity: 1;
}
.text {
color: #156959;
font-size: 24px;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
text-align: center;
}
#botones-vans{padding: 0 4em !important}
.btn5:hover{background:black; opacity:.8; cursor: pointer;}
.menu-float{position: fixed; left: 45%; bottom: 3%; width: 320px; padding: 1rem 6px; background:#066957eb; border-radius:10px; z-index: 9999; display: inline-flex; color: white; font-size: 14px; text-align: center; margin: 0 auto; left: 0; right: 0; line-height: 18px;  box-shadow: 0 3px 8px #000000a1;}
.menu-float div:nth-child(1) {border-right: 2px solid white; padding: 0 12px;}
.menu-float div:nth-child(2) {border-right: 2px solid white; padding: 0 12px;}
.menu-float div:nth-child(3) {padding: 0 12px;}
.menu-float a{color: white;}
.menu-float a:visited{color: white;}
.menu-float img{margin: 0 auto 4px;}
.menu-quote, .menu-cotact, .menu-book{text-align:center; margin: 0 auto; width: 33%;}
#hora{position: absolute; top: 7px; margin-left: 54%; font-size: 15px;}
#clima{position: absolute;
top: 4px;
margin-left: 69%;
width: 40px;
height: auto;}		
#welcome-div{background: #c27700; padding: 0 !important; height: auto; overflow: hidden;}
#welcome{background: #c27700; padding: 3rem 4rem 1rem !important; color: white;}
#welcome-img{width: 100% !important; margin:0 auto; padding: 0 !important;}
#welcome-img img{width: 532px; height: auto;}	
#welcome-div #read-more{margin: 0;
padding: 14px 0;
border: 3px solid white;
border-radius: 20px;
width: 18rem;
text-align: center;
float: left;}
#read-more {margin: 0;
padding: 14px 0;
border: 3px solid white;
border-radius: 20px;
width: 16em;
text-align: center;
float: left;}
#ontime-div{background: #c27700; padding: 0 !important; height: auto; overflow: hidden;}
#ontime{background: #c27700; padding: 3rem 3rem 1rem !important; color: white;}
#ontime-img{width: 100% !important; margin:0 auto; padding: 0 !important;}
#ontime-img img{width: 728px; height: auto;}
#ontime-div h4{margin: 0.2rem 2.4rem !important;}
#ontime-divRWD{display:none;}
#ontimeRWD{background: #c27700; padding: 3rem 3rem 1rem !important; color: white;}
#private-div{background: #066957; padding: 0 !important; height: auto; overflow: hidden;}
#private{background: #066957; padding: 3rem 4rem 1rem 2rem !important; color: white; text-align: right;}
#private-img{width: 100% !important; margin: 0 auto;}
#private-img img{width: 758px; height: auto;}
#private-div h4{margin: 0.2rem -10px !important;}
#private-div #read-more{    margin: 0 5rem 0 0;
padding: 14px 18px;
border: 3px solid white;
border-radius: 20px;
width: 16rem;
float: right;
text-align: center;}
#shuttles-div{background: #7ba6ea; padding: 0 !important; height: auto; overflow: hidden;}
#shuttles{background: #7ba6ea; padding: 3rem 3rem 1rem !important; color: white;}
#shuttles-img{width: 100% !important; margin: 0 auto;}
#shuttles-img img{width: 670px; height: auto;}
#shuttles-txt {color: white; line-height: 34px; margin: 0 0rem 1rem 8rem;}
#crew-div{background: white; padding: 0 !important; height: auto; overflow: hidden;}
#crew{background: white; padding: 3rem 3rem 1rem !important; color: black;}
#crew-img{width: 100% !important; margin: 0 auto;}
#crew-img img{width: 364px; height: auto; margin: 2rem 0;}
#crew-txt {color: black; line-height: 34px;}
#crew-div #read-more{margin: 0 0 0 3rem;
padding: 14px;
border: 3px solid black;
border-radius: 20px;
width: 16rem;
text-align: center;
float: left;}
#crew-div #read-more {}
#crew-div h3{text-align: left; margin: 20px 0 2rem; line-height: 34px;}
#crew h3{line-height: 34px;}
#crew-div h4{color: black;}
.trip{width: 34px; width: 58px; margin: 24px 26px 0 -12px;}
.trip-header{width: 42px; margin: 11px -6px 0;}
#trip-div{background: #ce7e01; padding: 0 !important; height: auto; overflow: hidden;}
#trip{background: #ce7e01; padding: 1rem !important; text-align: right; color: white; width: 104%;}
#trip-img{width: 100% !important; margin: 0 auto;}
#trip-div h4{margin: 0 auto !important; text-align: center;}
#trip-div #read-more{margin: 0 !important;
padding: 14px 0 !important;
width: 12em !important;
float: right !important;}
#trip-img img {
width: auto;
height: auto;
margin: 0 -20px;
}
#menu5-div{padding: 0 !important; height: auto; overflow: hidden; margin: 3rem auto; text-align: center; background:white !important;}
#menu5-div img{width: 100%}
#vans{margin: 0 auto;}
#vans-txt {text-align:center; margin: -6px auto 14px;}
#vans-div{ background-image: linear-gradient(0deg, #fdc3133b , #00c6ff47); padding: 3rem 2rem 1rem !important; overflow: hidden; background-repeat: no-repeat;}
.fa-arrow-right:before {	
content: "\f061";
font-size: 1.6rem;
color: white;
border: 2px solid white;
padding: 10px 12px;
border-radius: 5rem;}
#crew-div .fa-arrow-right:before {color: black; border: 2px solid black;}  .fa, .fab, .fal, .far, .fas {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height:2em !important;
}
.lang-btn-top {
text-align: center;
background: transparent;
width: 30px;
height: 30px;
transition: 0.3s ease;
}
.lang-btn-top:hover {   
transition: 0.3s ease;
border: solid 2px transparent;
background:#cc7d0d; }
.soc-top-content {position: absolute; top: 0; right: 1em; display: inline-flex; border-left: 1px solid #ccc; height: 42px;}
.social-btn-top {
color:#136858; margin-top:-4px;
text-align: right;
width: 50px;
font-size: 1.8rem;
transition: 0.3s ease;}
.social-btn-top:hover{
color: #126858; transition: 0.3s ease;
background:transparent;} .btn-contact {
position: fixed;
right: 2rem;
top: 8rem;
z-index: 99;
border: none;
outline: none;
padding: 0;
margin-top: 36%;}
#menu{z-index: 99;}
#menu> div > ul { 
list-style: none;
padding: 0;
position: absolute;
top: 4.4em;
right: 1.4em;
text-align: right !important;
z-index: 99;
}
#menu > div > ul > li {
display: inline-block; 
position: relative;}
#menu div > ul > li > a{
padding: 15px 12px 29px;
color:#136858;
font-size: 16px !important;
text-transform: uppercase;
display: inline-flex;
box-sizing: content-box;}
#menu > div > ul > li > a:hover{text-decoration: none; color: #015243;}
#menu> div > ul > li > a:focus{} #menu div  ul > li:hover > ul{
visibility: visible;
color:#fff;
padding: 10px 10px;
margin: 26px 0 0;
text-decoration: none;
opacity:1;
background: #c27700;} #menu div  ul  li ul  li  a{
text-align: left;
padding: 5px 10px;
color:#fff;
font-size: 12px;
text-transform: uppercase;
font-weight: bold; 
display: block;
text-decoration: none;} #menu div  ul  li  ul  li > a:hover{  
color:#fff;
background:#975d01;}
#menu > div > ul > li > ul {
position: absolute;
z-index: 1; 
list-style: none; 
margin: 0; 
padding: 0;
width: max-content;
width: -webkit-max-content;
width: -moz-max-content; 
top: 50%; 
left: 0;
visibility: hidden; 
opacity: 0; 
background: purple;}  .vision-mision-img{
width: 100%;
height: 348px;
background-image: url(https://www.ecotranscostarica.com/wp-content/uploads/2017/11/about-usv2.jpeg); background-position: center; 
background-repeat: no-repeat; 
background-size: cover; 
}
.vision{display:flex; text-align:right; width: 70%; margin: 0 auto 6em;}
.mision{text-align: right; width: 70%; margin: 0 auto 6em;}
.vision h1 {text-align: left;}
.share-sht h1{text-align: left !important; color:#577eb3 !important;}
.share-sht {padding: 0 5rem 0 1rem; color: black; }
.private-sht h1 {text-align: right !important; color:#577eb3 !important;}
.private-sht {text-align: right !important; padding:0 1rem 0 5rem; color: black; }
.vision-rwd{display: none !important;}
.shared-rwd{display: none !important;}
.vision-mision{display:flex; margin: 5em 2em 3em;}
.mision-txt{text-align:left; margin: 5px 0;}
.vision-txt{text-align:right; margin: 5px 0;}
.circle-share-sht{  font-size: 6rem;
float: right;
margin: 0 auto;
text-align: center;
color: #fff;
background: #577eb3;
width: 186px;
height: 186px;
border-radius: 10%;}
.circle-private-sht{
font-size: 6rem;
float: left;
margin: 0 0 0 31px;
text-align: center;
color: #fff;
background:#577eb3;
width: 186px;
height: 186px;
border-radius: 10%;
}
.circle-vision {
font-size: 6rem;
float: right;
margin: 0 auto;
text-align: center;
color: #fff;
background: #577eb2;
width: 186px;
height: 186px;
border-radius: 10%;
}
.circle-mision {
font-size: 6rem;
float: left;
margin: 0 0 0 31px;
text-align: center;
color: #fff;
background: #577eb2;
width: 186px;
height: 186px;
border-radius: 10%;
}
.about-founded{display:flex; margin: 0 0 2em; padding: 3em 2em; background: #289284;}
.about-opening{padding: 0 2em 2em;}
.opening-txt{text-align:justify; margin: 2em;}
.tittle-about{
font-weight: 500;
text-align: left;
font-size: 1.8em;
color: #fff;
width: 13rem;
padding: 14px 0;
}
.tittle-opening{
font-weight: 500;
text-align: center;
font-size: 1.8em;
color: #1c7d71;
width: 20rem;
margin: 2rem 0;
padding: 14px 0;}
.tittle-video{
word-wrap: break-word;
color: #1c7d71;
text-align: left;
font-size: 2.8rem;
font-style: italic;
font-weight: 500;
margin-left: 45%;
margin-top: 14rem;
z-index: 9;
line-height: 1.2;
}
.tittle-2 {
font-weight: 500;
text-align: left;
font-size: 2.4em;
color: #fff;
width: 100%;
padding: 2em 0 1.5em 0;
}
.tittle{
font-weight: 500;
text-align: center;
font-size: 2.4em;
color: #208678;
margin: 1em 0 1.4em;
}
.tittle-green{
font-weight: 500;
text-align: center;
font-size: 2em;
margin: 1em 0 1.4em;
line-height: 1em;
}
.tittle-green{
font-weight: 500;
text-align: left;
font-size: 1.4em;
color: #208678;
margin: 0 0 1em;
}
.title-orange {
font-weight: 500;
color: #cc7d0d;
font-size:2.2em;	
text-align:center;
margin: 2.4em 0 1em;
} .hotels-txt{ 
text-align: justify;
margin: 0 auto;
color: black;
width: 60%;
padding: 0 3em 0 0;
}
.container-hotels{display:inline-flex; padding: 3em;}
.hotels-form{width: 35%;}  .bg-private{width: 100%; text-align: center;}
.private-contents{display:inline-flex; text-align: center;}
.private-cell{width:20%; margin: 3.5em 4em 3.5em 1em; text-align: center;}
.private-cell:hover{opacity: 0.7;}
.private-center{width:60%; margin: 5.6em 3em 5.6em 0em; text-align:center;}  .bg-best-tours{
width: 100%;
background: url(https://www.ecotranscostarica.com/wp-content/uploads/2020/12/bg-tours2.jpg);
background-repeat:no-repeat;
background-size: cover;
background-position:center;
margin: 7em 0 0;
display:inline-flex;
}
.tittle-tours{width:35%; text-align:center; padding: 9em 2em 8em;}
.txt-tours{width: 65%; text-align: left; padding: 7em 4em 6em 5em;}  .underline-green {
text-decoration: none; 
position: relative; }   
.underline-green:after {
position: absolute;
content: '';
height:5px;
width:70px;
bottom: -6px; 
margin: 0 auto;
left: 0;
right: 0;
background:#289284; }
.underline-white {
text-decoration: none; 
position: relative; 
}   
.underline-white:after {}   .first-content { margin: 0 auto; padding: 0;}
.firs-tittle{ text-align: center;
color: #289284 !important;
margin: 0 0 3em; letter-spacing: 1px;}
.first-txt{ 
text-align: justify;
margin: 0 auto;
font-size: 16px;
color: white;
} .bg-offers{background: #289383 !important; margin: 0 auto;}
.row-offer{ text-align: left; margin: 0 20px;}
.offers{ display:flex; padding: 0 2em 4em; width: 100%;}
.offers-caracters{width: 48%;}
.mySlides {display:none;}
.mySlides:first-child{display: flex;}
button{ font-size: 24px;
color: #ff8c0d;
background: #ffca05;
width: 40px;
height: 40px;
border-radius: 50%;
border: 0;}
.offer{width: 90%; margin: 1em 0 3em 0; display:flex;}
.offers-slider{width: 90%; text-align: center; margin: 1em 0;}
.circle-offers{
font-size: 30px;
text-align: center;
color: #f88c1d;
background: #fff;
width: 70px !important;
height: 70px !important;
padding:0;
margin:0;
border-radius: 50%;}
.sub-tittle-offers{
font-size: 1.25em;
font-weight: 500;
text-transform: uppercase;
color: #fff;
text-align:left;}
.txt-offer{color:white;}  .container-services{width: 100%; padding: 1em 0 3em;}
.text-justify{padding: 0 4em 0 0em;}
.tittle-services{ text-align:center; padding: 2em 0;}
.sub-tittle-shared{font-size: 2.4em; font-weight: 500; margin-bottom: 1em; text-align: left;}
.sub-tittle-private{font-size: 2.4em; font-weight: 500; margin-bottom: 1em; text-align: right;}
.sub-tittle-tours{font-size: 2.4em; font-weight: 500; margin-bottom: 1em; text-align: left;}
.sub-tittle-transportation{font-size: 2.4em; font-weight: 500; margin-bottom: 1em; text-align: right;}
.content-serv-left{margin: 0 7em; text-align: justify;}
.content-serv-right {
margin: 0em 7em 0 7em;
padding: 0em 0;
text-align: justify;
}
.img-serv-right{width: 100%; float: right;}
.img-serv-left{width: 100%;}
.services-right{display: inline-flex;}
.services-left {
display: inline-flex;
margin: 0 0 5em 0;
}  .container-arrivals{display: inline-flex; width: 100%; height: auto; margin: 1em 0 0;}
.container-departures{margin: 0 2.5em;}
.tittle-arrivals{color: #208678; margin: 1rem 0 0; font-weight: 500; text-align: center;}
.row-arrivals{width: 100%; margin: 2em; display:inline-flex;}
.airportia-widget{width: 50%; padding: 0 4em 0 1em;}  .carousel-caption{
right: 0%;
left: 0%}
.card-title{
font-weight: 500;
font-size: 20px;
color: #208678;
text-transform: uppercase;}
.card-subtitle {
font-weight: 500;
font-size: 20px;
color: #cc7d0d;
text-transform: uppercase;}
.card-subtitle span {
font-weight: 500;
font-size: 20px;
text-transform: uppercase; }
.card-icons{
position:absolute;
padding-top:5px;
text-align: center;
width: 40px;
height: 40px;
border-radius:20px;
background: #289284;
color: #fff;
font-size: 28px;}
.controls{
width: 30px;
height: 30px;
border-radius: 50%;
background: rgba(4, 35, 29, 0.51) !important;
font-size: 20px;
transition: 0.3s ease;
color:#04231d;}
.carousel-control-next, .carousel-control-prev {
position: absolute;
width:50px;
text-align: center;
opacity: .5;}  .bg-modes{
background: #fffbf0;}
.circle-modes{
font-size: 50px;
padding-top: 15px;
text-align: center;
color:#04231d;    
background:#fff;
width: 100px;
height: 100px;
border-radius: 50%;}
.circle-modes-movile{font-size: 8rem;
padding: 0;
text-align: center;
color: fff;
background: none;
width: 106px;
height: 7rem;
margin: -28px 0 0 -14px;
border-radius: 50%;}  .bg-need-transport{
width: 100%;
height:345px;
background: url(https://www.ecotranscostarica.com/wp-content/uploads/2021/01/bg-crew2021.jpg)no-repeat;
background-size: cover;
background-position:center;
margin: 0 auto;
}
.tittle-need{margin: 0 auto; text-align: center; padding: 7.5em 0;}   .bg-fleet{
width: 100%;
height:340px;
background: url(http://www.ecotranscostarica.com/wp-content/uploads/2016/11/DSC_1002.jpg)no-repeat;
background-size: cover;
background-position:center;
}
.bg-fleet2{
width: 100%;
height:340px;
background: url(https://www.ecotranscostarica.com/wp-content/uploads/2017/10/DSC_7904.jpg)no-repeat;
background-size: cover;
background-position:center;
}
.lightinterior{
width: 100%;
height:300px;
background: url(http://www.ecotranscostarica.com/wp-content/uploads/2017/10/DSC_7904.jpg)no-repeat;
background-size: cover;
background-position:center;
}
.underline-orange {
color: #cc7d0d; text-decoration: none; 
position: relative; 
}   
.underline-orange:after {
position: absolute;
content: '';
height:5px;
width:70px;
bottom: -6px; 
margin: 0 auto;
left: 0;
right: 0;
background:#cc7d0d; }
.high-lightText{
font-weight: 500;
color: #587eb4;
font-size:1.4em;
text-align: left;
margin: 0;
}
.high-lightTextOrange{
font-weight: 500;
color: #cc7d0d;
font-size:1.2em;
text-align: left !important;
}  .container-contactus{display: inline-flex; padding: 3em 1em;}
.content-contactus {
width: 50%; padding: 0 3em;
}
.content-contactus-form {
width: 40%;
padding: 0 4em;
}
.link-contactus{
text-decoration: none !important;
color:black;
transition: 0.2s ease;
display: block;
}
.link-contactus:hover {
transition: 0.2s ease;
color:#cc7d0d; text-decoration: none;
}
.circle-contactus{
font-size:16px;
padding:1px;
text-align: center;
color:#fff;
background:#289284; width: 30px;
height: 30px;
border-radius: 50%;
margin: 0px 16px 8px;
}
.darkGreentext{
color: #04231d;
}  .bg-footer{background: #00745f; margin: 3rem 0 0;}
.home .bg-footer{background: #00745f; margin: 0;}
.copyright{padding: 1.3em; text-align: center; color: white; background: #00614f; margin: 1em 0 0;}
.copyright p{margin: 0 0 6em;}
.container-footer{display: inline-flex; width:100%; margin: 6em 2em 2em;}
.titulo-footer{color: #fff; font-weight: 500;}
.form-footer{width:28%; line-height: 1.5em; color:white;}
.contact-footer{width:32%; padding: 0 2em 0 4em;}
.navigation-footer{width:28%; line-height: 1.45em;}
.text-footer{line-height: 22px; margin: 1.6em 0; color: white;}
.buttons-footer{ display: inline-flex; margin: 0 -8px;}
.container-flex{}
.contactus-footer{}
.li{margin-bottom: 10px;}
.links-footer{
color: #fff;
display: inline-block;
text-decoration: none;
}
.links-footer::after {
content: '';
display: block;
width: 0;
height: 2px;
background:#208678;
transition: width .3s; 
}
.links-footer:hover {
text-decoration: none; }
.links-footer:hover::after {
width: 100%;
}
.links-footer:focus {
text-decoration: none;
}
.links-footer:focus::after {
width: 0%;
}
.circle-footer{
padding: 4px;
text-align: center;
color: #fff;
background: #289284;
width: 50px;
height: 50px;
border-radius: 50%;
margin: 0 6px 0;
}
.circle-contact-footer{
padding-top:7px;
text-align: center;
color:#fff;
background:#289284; width: 28px;
height: 28px;
border-radius: 50%;}
.link-contact{
color:#fff;
transition: 0.2s ease;
line-height: 42px;}
.link-contact:hover{
transition: 0.2s ease;
color:#cc7d0d; text-decoration: none;}
.social-btn{color: #fff;
text-align: center;
width: 35px;
height: 35px;
transition: 0.3s ease;}
.social-btn:hover{
transition: 0.3s ease;
}
.lang-btn{
text-align: center;
border: solid 2px #289284; width: 30px;
height: 30px;
border-radius: 50%;
transition: 0.3s ease;
}
.lang-btn:hover{   transition: 0.3s ease;
border: solid 2px transparent;
background:#cc7d0d; }
footer .fab {font-size: 2.6rem !important; padding: 0 1em 0 0; color: #dc8700 !important;}
footer .fa {font-size: 1.5rem !important;}
footer a{color:white !important;}
.save-travels{width:32%;}
.travel-awards {width:27%;}  /*/*/.image-title h6{
font-size: 18px;
font-weight: 500;
word-wrap: break-word;
padding: 0px 5px;
}
.tile {
width:100%;
height:255px;/**/background-size: cover;
cursor: pointer;
position: relative;
padding: 158px 0px 50px 330px;
background-position: center; 
}
.image-title {
color: transparent;
font-weight: 500;
padding:100px 0px 0px 0px;
text-align: center;
width:100%;
height:0%;
position: absolute;
bottom: 0;
left: 0;
padding: -1px 0px 6px 0px;
line-height: 21px;
background-color: rgba(204, 125, 13, 0);
}
.tile .image-title {
transition: 0.3s ease;
} .tile:hover .image-title {
color: #fff;
background-color: rgba(204, 125, 13, 0.51);
width: 100%;
height:100%;  
}
.titulo {
color: #fff;
padding: .5em;
text-align: center;
background: #ce7e01;
}
.titulo:after {
position: absolute;
content: '';
height:4px;
width:150px;
margin: 50px auto;
display:none;
left: 0;
right: 0;
background:#208678; }
.text-wrap {
background:#208678;
margin: 0 auto;
text-align:justify;
padding: 0% 10% 0% 10%;
} #airports h2 {
font-size: 33px;
font-weight: 500;
margin: 30px 0 50px;
}
#airports {
background: pink;
padding: 40px;
background: #fff;
overflow: hidden;
text-align: center;
}
#airports > div > div > div {
display: inline-block;
margin: 20px;
}
#airports h2 {
font-size: 33px;
font-weight: 500;
margin: 30px 0 50px;
}
img {max-width: 100%;
height: auto;
} .R-guanacaste {
width: calc(21%);
margin:1em;
background: contain;
height:240px;
display: inline-flex;
background-size: cover;
cursor: pointer;
position: relative;
background-position: center;  
}
.tittle-hotels h6 {
font-size: 16px;
font-weight: 500;
background-color: #f38b03db;
padding-top: 10px;
padding-bottom: 10px;
width: 96%;
margin: 0 auto
}
.tittle-hotels {
padding-top: 100px;
color:transparent;
text-align: center;
width: 100%;
height:0%;
position: absolute;
left: 0;
transition: 0.3s ease;
}
.tittle-hotels a {
color: #ffffff;
text-decoration: none;} .tittle-hotels:hover {color: #fff;}
.R-guanacaste:hover .tittle-hotels {
background-color: rgba(204, 125, 13, 0.56);
height:58%;
transition: 0.3s ease;
} .wpcf7-response-output{
color: blue !important;
margin: 10px 0 0 0 !important;
padding: 0 !important;
font-size: 14px !important;
border: solid orange 1px !important;
text-align: center;
}
.wpcf7-validation-errors{
color: blue !important;
margin: 10px 0 0 0 !important;
padding: 0 !important;
font-size: 14px !important;
border: solid red 1px !important;
text-align: center;
}
.wpcf7-mail-sent-ok{
color: blue !important;
margin: 10px 0 0 0 !important;
padding: 0 !important;
font-size: 14px !important;
border: solid green 1px !important;
text-align: center;} .ContactUs-footer label { background: transparent;
padding:0px;
color: blue !important;
} .ContactUs-footer input[type=text]{
padding: 5px 0px 5px 8px;
color: blue !important;
width: 90%;
background:#fff;
font-size:16px;
border:none;
font-family: 'Lato';
} .ContactUs-footer input[type=email]{
padding: 5px 0px 5px 8px;
width: 90%;
color: blue !important;
background:#fff;
font-size:16px;
border:none;
transition: 0.3s ease;
font-family: 'Lato';
} .ContactUs-footer input[type=text]:focus, .ContactUs-footer input[type=email]:focus{
transition: 0.3s ease;
background:#fff;
border:none;
color: blue !important;
} .ContactUs-footer textarea {
height: 100px;
padding: 5px 0px 5px 8px;
width: 90%;
color: blue !important;
background:#fff;
font-size: 16px;
border:none;
transition: 0.3s ease;
font-family: 'Lato';
} .ContactUs-footer textarea:focus{
transition: 0.3s ease;
background:#fff;
border:none;
} .ContactUs-footer input[type=submit] {
margin-top: 16px;
padding:8px 26px;
border-radius:15px;
background:#0099d2;
color:white;
text-transform: uppercase;
font-size:14px;
border:none;
cursor:pointer;
}
.ContactUs-footer input[type=submit]:focus{
background:#fff;
}
.ContactUs-footer .wpcf7-not-valid-tip{
text-transform: uppercase;
padding-top:10px;
color: blue !important;
} .nf-form-content textarea.ninja-forms-field {height: 120px !important;}
.nf-form-content button:hover, .nf-form-content input[type=button]:hover, .nf-form-content input[type=submit]:hover {
color: #036250 !important;
transition: all .5s;
cursor: pointer;
}
.nf-form-content .list-select-wrap .nf-field-element>div, .nf-form-content input:not([type=button]), .nf-form-content textarea {background: white !important;}
.nf-form-content .listselect-wrap .nf-field-element div, .nf-form-content input.ninja-forms-field, .nf-form-content select.ninja-forms-field:not([multiple]) {height: 44px !important;}
.nf-form-content button, .nf-form-content input[type=button], .nf-form-content input[type=submit] {
background: #dc8700 !important; cursor: pointer;}
.ContactUs{
text-align: center;
display:block;
align-items: center;
justify-content: center;
color: black !important;
font-size:14px !important;
} .ContactUs input[type=text], .ContactUs input[type=email] { 
width: 100%;
color: black !important;
border:none;
box-shadow:none;
border-radius:0;
border-bottom:2px solid #ff8d0a;
font-size:16px !important;
padding: 1em;
font-family: 'Lato';
}
.ContactUs textarea {
width: 97%;
color: black !important;
height: 100px;
border:none;
box-shadow:none;
border-radius:0;
border-bottom:2px solid #ff8d0a;
font-size:14px !important;
padding: 1em;
font-family: 'Lato';
}
.ContactUs input[type=submit] {  
margin-top: 10px;
padding:2px 19px; 
background:#fff;
color: black !important;
font-size:14px !important;
cursor:pointer;
}
.ContactUs ::-webkit-input-placeholder { 
color: black !important;
font-size:14px !important;
}
.ContactUs ::-moz-placeholder { 
color: black !important;
font-size:14px !important;
}
.ContactUs :-ms-input-placeholder { 
color: black !important;
font-size:14px !important;
}
.ContactUs :-moz-placeholder { 
color: black !important;
font-size:14px !important;
}  .btn-slide{
border: 1px solid #cc7d0d;
background: #cc7d0d;
color: #fff;
}
.btn-slide:hover{
border: 1px solid #cc7d0d;
background: transparent;
color: #cc7d0d;
} .Contact-guana {
text-align: center;
display:block;
align-items: center;
justify-content: center;
}
.Contact-guana input[type=text] { 
width: 100%;
color: white;
padding: 1em;
background: #289284;
border:none;
box-shadow:none;
-webkit-border-radius: 2px;
border-radius:2px; 
border-bottom:2px solid #cc7d0d;
}
.Contact-guana input[type=email]{ 
width: 100%;
color: white;
background: #289284;
padding: 1em;
border:none;
box-shadow:none;
-webkit-border-radius: 2px;
border-radius:2px; 
border-bottom:2px solid #cc7d0d;
}
.Contact-guana textarea {
width: 100%;
color: white;
background: #289284;
padding: 1em;
height: 100px;
border:none;
box-shadow:none;
-webkit-border-radius: 2px;
border-radius:2px; 
border-bottom:2px solid #cc7d0d;
}
.Contact-guana input[type=submit] {
margin-top: 20px;
padding: 12px;
background:#fff;
color:#208678;
font-size:20px;
cursor:pointer;
}
.Contact-guana ::-webkit-input-placeholder { 
color: white;
font-size:17px;
}
.Contact-guana ::-moz-placeholder {  
color: white;
font-size:17px;
}
.Contact-guana :-ms-input-placeholder {     
color: white;
font-size:17px;
}
.Contact-guana :-moz-placeholder { 
color: white;
font-size:17px;
} #main{
display: table;
width: 100%;
height: 100vh;
text-align: center;
}
.fof{
display: table-cell;
vertical-align: middle;
}
.fof h1{
font-size: 50px;
display: inline-block;
padding-right: 12px;
animation: type .5s alternate infinite;
}
@keyframes type{
from{box-shadow: inset -3px 0px 0px #888;}
to{box-shadow: inset -3px 0px 0px transparent;}
} @media (min-width: 1300px){
html {padding-top: 0 !important;}	
#welcome {padding: 3rem 0rem 1rem !important;}
#welcome-div {margin-top: -2px;}
#ontime {padding: 3rem 1rem 1rem !important;}
}
@media (max-width: 1024px){
.fa-arrow-right:before {font-size: 1.3rem;}
#trip-img img {height: 332px;}
#trip{width: auto; padding: 1rem 1rem 0 !important; margin: 7px 14px 0 0;}
#crew-div h4 {margin: 0em 1.5em;}
.contact-footer {width: 29%; padding: 0 2em 0 3em;}
#welcome-div h4{margin: 0 2em !important;}
.top-info-item {padding: 5px 4px 0 4px; font-size: 14px;}
#menu div > ul > li > a {padding: 15px 8px 29px;}
#logo-section {width: 256px !important; margin: 16px 14px;}
h1 {font-size: 24px; line-height:30px;}
#ontime {padding: 2rem 2rem 1rem !important;}
h3 {margin: 0 auto 1em;}
.airportia-widget {padding: 0 2em 0 1em;}
}		
@media (max-width: 900px){
#shuttles-txt {margin: 0 0 1rem; line-height: 28px;}
#private-img img {width: 758px; height: 350px;}
#ontime-img img {width: 728px; height: 346px;}
#ontime {padding: 1rem 2rem 0 !important;}
#private-div h4 {margin: 0.2rem auto !important;}
#trip-img img {height: 341px;}
.contact-footer {width: 31%; padding: 0 2em 0 3em;}
.h4, h4 {font-size: 1.2rem;}
#menu5-div {background:white;}	
#clima {top: 3.5em;}
#hora {
top: 4.5em;	
margin: 0 auto;
left: 0;	
right: 0;
text-align: center;
}
.sticky-top {top: 4rem;}
h2, h3, h1, h6{font-size:1.4em;}
#logo-section{
width:100% !important;
margin: 5rem auto;
text-align: center;
}
html {padding-top: 0 !important;}	
#mySidenav{display: none;}
#home-slider {margin:11em 0 0;}
#mg-wprm-wrap ul li a {color: white;}
.rwd-menu{color:white; padding: 4px 15px;}
.rwd-social{}
.fab {font-size: 28px;}
.sub-tittle-shared {font-size: 1.6em;}
.navigation-footer {width: 23%;}
.R-guanacaste {width: calc(45%); margin: .5em;}
.vision-mision { margin: 3em 1em 2em;}
.fa-slideshare:before {
font-size: 6rem;
line-height: 2;
}
.circle-modes-movile {
font-size: 6rem;
padding-top: 0px;}
.row-arrivals {margin: 2em 0;}
.content-contactus-form { width: 50%;padding: 0 2em;}
.content-contactus {width: 50%; padding: 0 2em;}
.airportia-widget {padding: 0 2em 0 1em;}
#culebra-bay{width:100%;}
.contenido-interno {top: 5.5em;}
.align-info { display:none;}
.soc-top-content{display:none;}
.save-travels {width: 48%;}
.txt-offer {margin: 6px 10px;}
.sub-tittle-offers {margin: 0 10px;}
.private-center {margin: 4.6em 3em 5.6em 0;}
#welcome-img img {width: 720px; height: auto;}
}
@media (max-width:710px) {
.high-lightText{
text-align: center;
margin: 1em auto;
}
.circle-share-sht {float: none;}
.circle-private-sht {float: none; margin: 0 auto;}
.share-sht h1{text-align: center !important;}
.share-sht {padding: 0 1rem 0;}
.private-sht h1 {text-align: center !important;}
.private-sht {text-align: center !important; padding:0 1rem 0; color: black; }	
#ontime-div h4 {margin: 0 auto !important; padding: 10px;}
.home .first-content {
margin: 0 auto;
padding: 4em 0 0 0;}
.vision h1 {text-align: center;}
.mision h1 {text-align: center;}
.vision{display: none !important;}
.vision-rwd{display: flex !important; text-align: center; width: 90%; margin: 0 auto;}
.circle-vision {margin: 0 auto; float:none;}
.circle-mision {margin: 0 auto; float: none;}
.mision {flex-direction: column-reverse !important; text-align: center; width: 90%; margin: 0 auto;}
#shuttles-img{display:none;}
#private-img img {width: 758px; height: auto;}
#private-div #read-more {margin: 3rem auto 0; padding: 14px;
border: 3px solid white;
border-radius: 20px;
width: 14rem;
text-align: center;}
#trip-div #read-more {margin: 1.4rem 0;}
.fa-arrow-right:before {font-size: 1.6rem;}
#trip-img img {height: auto;}
h3{text-align: center !important;}
.h4, h4 {font-size: 1.4rem;}
#private {padding: 2rem 2rem 1rem 1rem !important;}
#crew-img img {margin: 2rem auto 0;}
#private-div h4 {text-align: center !important;}
.carros {margin: 0 auto !important;}
#logo-section{margin: 5rem auto; text-align: center;}
.row-arrivals {margin: 2em 0; text-align: center;}
#ask-txt h1 {margin: 0 1rem -2rem;}
#ask-img {float: none; margin: 1em auto;}
#ask-gay {margin: 0 auto;}
.airportia-widget { width: 92%; padding:0 2em; margin: 3em auto; overflow: scroll;}
#ask-txt{padding:0 !important;}
#crew p{text-align: center !important;}
#ask-div{padding: 50px 0 0 !important; margin: 3em 0 0; border-top: 2px solid #ccc;}
.single-post .contenido-interno {top: 4em;}
#read-moreRWD{background: #c27700; padding:15px 0 20px !important;}
#ontime-divRWD{display:inline; margin:0 !important; background: #c27700}
#ontime-div{display:none;}
#ontimeRWD{padding: 2rem !important; height: auto; text-align: center; margin: 0 auto;}
#welcome, #shuttles, #trip, #private {padding: 0 1rem !important; height: auto; width: 94%; text-align: center; margin: 3rem auto 0;}
#crew {padding: 1rem !important; height: auto; width: 94%; text-align: center; margin: 0 auto;}
#welcome-div, #ontime-divRWD, #shuttles-div, #trip-div, #private-div, #crew-div {height: auto; text-align: center !important;}
#ontime-divRWD{background: #c27700; padding: 0 !important; height: 400px; overflow: hidden;}
#ontime-imgRWD{width: 100% !important; margin:0 auto; padding: 0 !important;}
#ontime-imgRWD img{width: 728px; height: auto; margin-top:-36px;}
#ontime-divRWD h4{margin: 0.2rem 2.4rem !important;}
.menu-float{bottom:-1%;}
.book-banner {
height: 86px;
width: 100%;
display: inline-block;
text-align: center;
margin: 0 auto;
}
.book-txt {
text-align: center;	
width: 94%;
margin: 0 auto;
padding: 0;
}
.book-banner-btn {
text-align: center;
width: 100%;
margin: 0 auto;
padding: 10px 0;
}
body, html {overflow-x: hidden !important; max-width: 100%;}
.container { max-width: 100% !important; overflow-x: hidden !important;}
img {max-width: 100%;}
.contenido-interno {top: 4em;}
h1, h2 {font-size: 1.4em; text-align: center  !important; margin: 0 auto 1rem;}	
h5 {font-size: 1.4em; float: none; text-align: center; margin: 2em 7em;}
#sharedRWD{display:inline-flex;}
#bestRWD{display:inline-flex;}
#shared{display:none;}
#best{display:none;}
.container-footer{display: block; width:100%; margin: 0 1em;}
.contact-footer {width:100%; padding: 3em 0 5em 0;}
.navigation-footer {width:98%; padding: 10em 0 0;}
.home .navigation-footer {width:98%; padding: 5em 0 0;}
.form-footer {width:90%; padding: 0 0 1em;}
.home .container-footer{display: block; width:100%; margin: 0 1em;}
.row-arrivals{display:block;}
.airportia-widget{width: 90%; padding:0; height: 22em; overflow: scrollbar;}
.container-arrivals {margin: 0 auto;}
.tittle-arrivals { margin: 3em 0 0; line-height:1em;}
.private-contents {display: block; padding: 0 0 1em;}
.private-cell {width: 100%; margin: 0 0 3.5em 0; padding: 3em 0 0;}
.private-center {width: 90%; margin: 3.6em 0em 0 1em;}
.tittle-need {padding: 6em 1em; line-height: 1.8em;}
.tittle-2 {text-align: center; font-size: 2em; padding: 1em 0 1.5em;}
.sub-tittle-shared {font-size: 2em; text-align:center;}
.tittle-tours {width: 40%; text-align: center; padding: 11em 2em 0;}
.txt-tours { width: 100%; padding: 7em 2em 6em 2em;}
.R-guanacaste {width: 22%; margin: .5em;}
.container-contactus {padding: 3em 0em;}
.content-contactus {width: 50%; padding: 0 1em;}
.R-guanacaste {width: 44%;}
.mision-txt { margin: 24px 0;}
.tittle-opening { text-align: center; width: 100%;}
.tittle-about {text-align: center; width: 100%;}
.high-lightText {text-align: center;}
#culebra-bay{width:94%;}
.sub-tittle-offers {text-align: center;}
.txt-offer {text-align: center; margin: 1em 0;}
.circle-offers { margin: 0 auto;}
.save-travels {width: 24%; display: block;}
.copyright p{margin: 0 0 5em;}
}
@media (max-width:481px) {
.fa-arrow-right:before {font-size: 1.4rem;}
.menu-float{width: 92%; font-size: 12px;}
.btn5{width: 100%; height: auto;}
#menu5-div {
padding: 0 !important;
height: auto;
width: 100% !important;
overflow: hidden;
margin: 0 auto;
text-align: center;
}	
#welcome-img img { width: 100%; height: auto;}
#crew-img img { width: 80% height: auto; margin: 1.5rem auto 0;}
h5 {font-size: 1.4em; float: none; text-align: center; margin: 2em 3.6em;}
#private-div, #trip-div h4 {margin: 0 auto !important; text-align: center !important; font-size: 1.25rem;}	
#crew-div h3{text-align: center;}
h4 {margin: 0 auto !important; text-align: center !important; font-size: 1.25rem;}
.tittle-2 {padding: 1em 0;}
.offers-slider{width: 100%; text-align: center; margin: 0 auto; padding:0;}
.tittle-need {text-align: center; padding: 6em 1em; line-height: 1.8em;}
.bg-best-tours {display:block; margin: 3em 0 0;}
.txt-tours { width: 94%; text-align: center; padding: 4em 5px 0; line-height: 2em;}
.tittle-tours {width: 100%; text-align: center; padding: 4em 0 5em;}
.home .navigation-footer {padding: 5em 0 0;}
.hotels-txt {width: 90%; padding: 0 1em 0 1em;}
.hotels-form {width: 90%; margin: 2em 1em;}
.container-hotels {display: block; padding: 3em 1em;width: 90%;}
.row-arrivals {margin: 2em 0;}
.opening-txt { margin: 2em 0em; width: 97%;}
.title-orange {font-weight: 500; font-size: 1.6em;}
.R-guanacaste {width: 90%;}
.container-contactus {display:block;}
.content-contactus {width: 90%;}
.content-contactus-form { width: 90%; padding: 4em 1em;}
.tittle-green {line-height: 1.3;}
.high-lightText { line-height: 1.2;}
.circle-offers { margin: 0 auto;}
.save-travels {width: 28%;}
.navigation-footer {padding: 10em 0 0;}
.blog .navigation-footer {padding: 6em 0 0;}
.single-post .navigation-footer {padding: 6em 0 0;}
}
@media (max-width:381px) {
#hora {margin-left: -16%;}
h5 {float: none; text-align: center; margin: 2em;}
.tittle-2 { padding: 1em 0;}
.tittle-need {padding: 4em 1em;}
.sub-tittle-shared {line-height:1.1em;}
.vision-txt {margin: 3em 0em;}
.R-guanacaste {width: 94%;}	
.circle-offers { margin: 0 auto;}
h2, h3, h1 {font-size: 1.4em;}
.save-travels {width: 38%;}
}
@media (max-width:321px) {
#welcome, #shuttles, #trip, #private {padding: 3rem 1rem 2rem 0rem !important;}
.tittle-2 {font-size: 1.6em; padding: 1em 0;}
.sub-tittle-shared {font-size: 1.3em;}
h5 {margin: 1em;}
h1 {margin: 1.4em auto;}
h3{line-height:40px;}
.txt-tours {font-size: 90%;}
.navigation-footer { width: 90%;}
.tittle-opening {width: 100%;}
.airportia-widget {width: 100%;}
.save-travels {width: 44%;}
.titulo {padding: .8em 0; margin: 0 auto;}
.save-travels {width: 48%;}
.about-opening {padding: 0 1.4em 2em;}
.single-post .container-footer {margin: 5em 1em 2em;}
}