/*
Theme Name: ECOTRANS THEME
Theme URI: http://pigflex.com/
Author: Pig Flex.com.
Author URI: http://pigflex.com/
Description: 100% customized template.
Version: 1.2
*/
/* Normalize */
* {
  padding: 0;
  margin: 0;
}

/* Normalize */
	
.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;
  /*text-align: center;*/
}

.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;}

/*h2{ font-size: 2.4em; color: #208678; font-weight: 500; margin: 1rem auto 0;}*/

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;}

/* BOTONES DE LOS CARROS - Container needed to position the button. Adjust the width as needed */

.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%); /* Black see-through */ 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;}

/*NAVEGACION ENTRE POSTS---*/

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---*/
.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:hover { background: #b14f55; display: inline; transition: 0.7s;}*/
.dropdown-book a {color: #fff; font-weight: 500; font-size:1.2em;}
.ok-img{}
.ok{padding: 4px 6px 3px 0px;}

/*---------HEADER-----------*/

.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 LOCATION--*/

#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;}


/*---------NUEVOS STYLES-----------*/

.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;}


/*---------NAVIGATION STYLES-----------*/

    /*TOP ROW / INFO & BUTTONS ---*/

.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;/*naranja*/
    }

.soc-top-content {position: absolute; top: 0; right: 1em; display: inline-flex; border-left: 1px solid #ccc; height: 42px;}

.social-btn-top {
        color:#136858; /*verde oscuro*/
        margin-top:-4px;
        text-align: right;
        width: 50px;
	font-size: 1.8rem;
        transition: 0.3s ease;}

.social-btn-top:hover{
        color: #126858;/*naranja*/
        transition: 0.3s ease;
        background:transparent;}


/*HOVER PRINCIPAL NAV---*/

.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{}

/*DROPDOWN---*/

#menu div  ul > li:hover > ul{
    visibility: visible;
    color:#fff;
    padding: 10px 10px;
   margin: 26px 0 0;
    text-decoration: none;
    opacity:1;
        background: #c27700;}

/*BACKGROUND INSIDE DROPDOWN---*/

#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;}

/*HOVER INSIDE DROPDOWN---*/

#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;}

/* MENU */

/* ABOUT */
.vision-mision-img{
  width: 100%;
  height: 348px;
  background-image: url("https://www.ecotranscostarica.com/wp-content/uploads/2017/11/about-usv2.jpeg"); /* The image used */
  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 */

.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%;}

/* ------------- HOTELS ---------- */

/* PRIVATE SECTION */
.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;}


/* ---------- PRIVATE ----------- */

/* ------------------ TOURS*/

.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;}

/* ------------------ TOURS */

/*UDERLINING TITTLES AND SUBTITTLES---*/

    .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;/*verde claro*/		  
}
    .underline-white {
       text-decoration: none; 
       position: relative; 
}   

    .underline-white:after {}

/*UDERLINING TITTLES AND SUBTITTLES---*/

/*-------------------------------------------FIRST SECTION*/

/* .first-content{	margin: 0 auto; padding: 0;} */

.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;
}

/*-------------------------------------------OFFERS SECTION*/

.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;}

/*-------------------------------------------OFFERS SECTION*/
/*-------------------------------------------SERVICES SECTION*/

.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;
}


/*-------------------------------------------ADVICE SECTION*/
/*-------------------------------------------ARRIVALS SECTION*/

.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;}

/*------------------------------------------ARRIVALS SECTION*/

/*-------------------------------------------HOMEPAGE SLIDER*/

.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;}

/*-------------------------------------------HOMEPAGE SLIDER*/
/*-------------------------------------------MODES OF SERVICE SECTION*/

.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%;}


/*-------------------------------------------MODES OF SERVICE SECTION*/
/*-------------------------------------------NEED TRANSPORTATION SECTION*/

.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;}


/*-------------------------------------------NEED TRANSPORTATION SECTION*/
/*-------------------------------------------INTERNAL PAGES*/
/* -------------------------------- OUR FLEET*/

.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;/*orange*/	
       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;/*orange*/		    
}

.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;
}

/* -------------------------------- OUR FLEET*/
/* ------------------ CONTACT */

.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; /*naranja*/
        text-decoration: none;
    }

.circle-contactus{
        font-size:16px;
        padding:1px;
        text-align: center;
        color:#fff;
        background:#289284; /*verde claro*/
        width: 30px;
        height: 30px;
        border-radius: 50%;
  		margin: 0px 16px 8px;
    }


.darkGreentext{
    color: #04231d;
}

/* ------------------ CONTACT */

/* -------------------------------- FOOTER */

.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;
    /*color:#cc7d0d; naranja*/
    }
.links-footer:hover::after {
    width: 100%;
    }
.links-footer:focus /*movile device tab*/{
    text-decoration: none;
    }
.links-footer:focus::after /*movile device tab*/{
    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; /*verde claro*/
        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; /*naranja*/
        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; /*verde claro*/
        width: 30px;
        height: 30px;
        border-radius: 50%;
        transition: 0.3s ease;
    }
.lang-btn:hover{   transition: 0.3s ease;
        border: solid 2px transparent;
        background:#cc7d0d;/*naranja*/
    }
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%;}

/*-----------------------------------FOOTER STYLES*/

/*------------------------------------OLD CSS*/

/*////////Estilos galeria tours/////////*/

.image-title h6{
    font-size: 18px;
    font-weight: 500;
    word-wrap: break-word;
    padding: 0px 5px;
}

.tile {
    width:100%;
    height:255px;
    /*display: inline-block;*/
    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;
  }

/* Hover effect on image tiles */

.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 /*línea de título principal de paginas */{
        position: absolute;
        content: '';
        height:4px;
        width:150px;
        margin: 50px auto;
	display:none;
        left: 0;
        right: 0;
        background:#208678;/*verde claro*/		      
}

.text-wrap /*text  de paginas */{
    background:#208678;
	margin: 0 auto;
    text-align:justify;
    padding: 0% 10% 0% 10%;
}

/*Airports <style>h1, header + .white-section{display:none !important;}</style> */

#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;
}

/*------------------------------------OLD CSS*/


.R-guanacaste /*HOMEPAGE ONLY*/{
	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 /*HOMEPAGE ONLY*/{
    font-size: 16px;
    font-weight: 500;
    background-color: #f38b03db;
    padding-top: 10px;
    padding-bottom: 10px;
    width: 96%;
    margin: 0 auto
}


.tittle-hotels /*HOMEPAGE ONLY*/{
    padding-top: 100px;
    color:transparent;
    text-align: center;
    width: 100%;
    height:0%;
    position: absolute;
    left: 0;
    transition: 0.3s ease;
}


.tittle-hotels a /*HOMEPAGE ONLY*/{
    color: #ffffff;
    text-decoration: none;}

/* Hover effect on image titles */

.tittle-hotels:hover /*HOMEPAGE ONLY*/{color: #fff;}

.R-guanacaste:hover .tittle-hotels /*HOMEPAGE ONLY*/{
  background-color: rgba(204, 125, 13, 0.56);
  height:58%;
  transition: 0.3s ease;
}

/*------------------------------FOOTER CONTACT FORM---*/


.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;}


/* Label Text Contact Form 7 CSS Styles */
.ContactUs-footer label {
   /*margin-top: -35px;*/
   background: transparent;
   padding:0px;
  color: blue !important;
}
/* NAME Input Field Contact Form 7 Styles */
.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';
}

/* EMAIL Input Field Contact Form 7 Styles */
.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';
}

/* Change input field styles when click into (on focus) */
.ContactUs-footer input[type=text]:focus, .ContactUs-footer input[type=email]:focus{
   transition: 0.3s ease;
   background:#fff;
   border:none;
  color: blue !important;
}

/* Textarea Field CF7 CSS Styles */
.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';
} 
/* Textarea click CF7 CSS Styles */
.ContactUs-footer textarea:focus{
    transition: 0.3s ease;
    background:#fff;
    border:none;

} 
/* Submit Button CF7 CSS Styles */
.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;
}

/*------------------------------CONTACT US FORM---*/

.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;
}


/* Turn an input box into an input line */

.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 /* Chrome/Opera/Safari */{ 
      color: black !important;
      font-size:14px !important;
}
.ContactUs ::-moz-placeholder /* Firefox 19+ */{ 
  color: black !important;
      font-size:14px !important;
}
.ContactUs :-ms-input-placeholder /* IE 10+ */{ 
  color: black !important;
      font-size:14px !important;
}
.ContactUs :-moz-placeholder /* Firefox 18- */{ 
  color: black !important;
      font-size:14px !important;
}

/*------------------------------CONTACT US FORM---*/
/*------------------------------CONTACT US FORM GUANACASTE---*/

.btn-slide{
border: 1px solid #cc7d0d;
    background: #cc7d0d;
    color: #fff;
}

.btn-slide:hover{
     border: 1px solid #cc7d0d;
    background: transparent;
    color: #cc7d0d;
}

/* Turn an input box into an input line */

.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 /* Chrome/Opera/Safari */{ 
  color: white;
  font-size:17px;
}

.Contact-guana ::-moz-placeholder /* Firefox 19+ */{  
  color: white;
  font-size:17px;
}

.Contact-guana :-ms-input-placeholder /* IE 10+ */{     
  color: white;
  font-size:17px;
}

.Contact-guana :-moz-placeholder /* Firefox 18- */{ 
  color: white;
  font-size:17px;
}

/*------------------------------CONTACT US FORM GUANACASTE---*/

#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 QUERIES */


@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;}
}


/*------------------------------------MEDIA QUERIES*/