/* ***************************************************************************
                      ELEMENT STYLES
*****************************************************************************/
body {
    color: #737373;
    /*font-family: 'Roboto', sans-serif;*/
    font-family: 'Lato', sans-serif;
    background-color: #F5F5F5;
}

h1 {
    color: #010101;
}

h1 span {
    color: #166d2f;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Lato', sans-serif;
}

.row {
    max-width: 100rem;
}

.button {
    background-color: #166d2f;
    text-transform: uppercase;
    font-weight: bold;
}

.button:hover, .button:focus {
    background-color: #30a150;
    color: #fefefe;
}

/* ERROR FLASH MESSAGES STYLES */
div.message.error, #recaptcha_error {
    width: 100%;

    background-color: #FBE3E4;
    color: #8A1F11;
    border: 2px solid #FBC2C4;
    padding: 1rem;
    text-align: center;
    font-size: 1rem;
    font-weight: bold;
    margin-bottom: 1rem;

}

/* FORM ELEMENTS */

[type='text'], [type='password'], [type='date'], [type='datetime'], [type='datetime-local'], [type='month'], [type='week'], [type='email'], [type='number'], [type='search'], [type='tel'], [type='time'], [type='url'], [type='color'], textarea {
    height: 3.1rem;
}

a {
    color: #176f2b;
    text-decoration: underline;
    font-weight: bold;
    line-height: inherit;
    cursor: pointer; }
a:hover, a:focus {
    color: #43a359; }
a img {
    border: 0; }


div.container section h1 {
    width: 100%;
    text-align: center;
    font-weight: bold;
    font-size: 4rem;
    text-shadow: 0px 3px 0px rgba(0, 0, 0, 0.7);
    margin: 2rem auto 2rem;
}

.image-middle-align {
    display: block;
    margin: 0 auto;
}

/* BETWEEN MEDIA QUERY */
@media (max-width: 40em) and (min-width: 0em) {
    div.container section h1 {
        font-size: 1.5rem;
        text-align: center;
        text-shadow: 0px 0px 0px rgba(0, 0, 0, 0) !important;

    }

}

h2.green-styles {
    margin-bottom: 4rem;
    color: white;
    font-weight: bold;
    font-size: 3rem;
    text-shadow: 0px 3px 2px rgba(0, 0, 0, 0.6);
}



/* list styles when main content is displayed */
header.design h3 {
    color: #176F2B;
    font-weight: bold;
    margin-top: 2rem;


}

header.design ul {
    padding: 0;

}

header.design div.container ul li {
    background: url(../img/list.style.image.gif) no-repeat left top;
    list-style: none;
    padding-left: 1.3rem;

}


/* ***************************************************************************
                      HEADER STYLES
*****************************************************************************/
header.index-header {
    min-height: 100vh;
    position: relative !important;
    z-index:1;
}

header.index-header div#index-header-bg {
    position: relative;
    display: block;
    width: 100%;
    height: 600px;
    height: 100vh;
    margin-top: -100px;
    overflow: hidden;
    /*background: url('../img/isla-de-margarita-fortin-san-carlos-borromeo.jpg') 50% 10% no-repeat fixed;*/
    /*background: url('../img/isla-de-margarita-plaga-parguito.jpg') 50% 0% no-repeat fixed;*/
    /*background: url('../img/seturs.isla.de.margarita.jpg') 50% 0% no-repeat fixed;*/
    background: url('../img/seturs.playa.el.agua.isla.de.margarita.00.jpg') 50% 50% no-repeat fixed;
    background-size: cover;
    /*background: 50% -40% no-repeat fixed;*/
}

#seturs__logo {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: url('../img/seturs.logo.transparent.png') no-repeat 50% 40%;
    width: 100%;
    height: 100%;
    background-size: contain;
}

@media (min-width: 468px) {
    #seturs__logo {
        width: 465px;
        height: 264px;
    }
}

#tagline {
    position: absolute;
    width: 90%;
    height: 100px;
    border-left: 4px solid white;
    color: white;
    transform: translate(-50%, -50%);
    bottom: 20%;
    left: 50%;
    padding-left: 20px;
    text-transform: uppercase;
    padding-top: 10px;
    background-color: rgba(0,0,0, .5);
    background: -moz-linear-gradient(left, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%);
    background: -webkit-linear-gradient(left, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
    background: linear-gradient(to right, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 );
}

@media (min-width: 768px) {
    #tagline {
        width: 70%;
    }
}


@media (min-width: 1120px) {
    #tagline {
        width: 50%;
    }
}

/* HEADER STYLES FOR DESIGN PAGES */
header.design nav.marketing-topbar {
    background: none;
    border: none;
    opacity: 0.7
}

header.design nav.marketing-topbar  {
}

header.design h1  {
    color: white;
    text-align: center;
    font-weight: bold;
    text-shadow: 4px 4px 2px rgba(0, 0, 0, 0.4);
    padding-top: 12rem;

}

@media (min-width: 60em) {
    header.design h1  {
        font-size: 5rem;
    }

}

header.design .header-image {
    position: relative;
    top: -6.25rem;
    height: 30rem;
}

header.design nav.marketing-topbar.sticky.is-stuck.is-at-top  {
    background: rgba(22,109,47,1);
    opacity: 1;

}

header.design nav.marketing-topbar  {
    opacity: 1;


}

header.design nav.marketing-topbar.sticky.is-stuck.is-at-top #responsive-menu > li > a {
    color: #fff;


}

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



/* ***************************************************************************
                      OWL SLIDER STYLES
*****************************************************************************/
.owlCarousel {
    position: relative;
    overflow: hidden;
    max-height: 506px;
}

#owl-slider div.owl-controls {
    position: absolute;
    top: 50%;
    left: 0;
    width: 83%;
    margin: 0 10%;

}

#owl-slider div.owl-prev {
    width: 2rem;
    height: 2rem;
    background: url('../img/slider.left.arrow.png') no-repeat left center;
    float: left;
    opacity: 0.5;
}

#owl-slider div.owl-next {
    width: 2rem;
    height: 2rem;
    float: right;
    background: url('../img/slider.right.arrow.png') no-repeat left top;
    opacity: 0.5;
}

#owl-slider div.owl-prev:hover, div.owl-next:hover {
    opacity: 1;
}

/* ***************************************************************************
                      FLEX SLIDER STYLES
*****************************************************************************/
.flexslider {
    border: none;
    margin-bottom: 1rem;
    z-index: 0;
    background-color: transparent !important;
}


#home .flexslider {
    border: none;
    margin-bottom: 0;
}

.slider {
    margin-top: 0;
}

#home .flexslider .flex-direction-nav a:before {
    font-size: 0 !important;

}

.flex-direction-nav a {
    height: 64px;
}

#home .flexslider .flex-direction-nav a {
    font-size: 0rem !important;
}

#home .flexslider a.flex-prev {
    background: url('../img/slider.left.arrow.png') no-repeat left top;
}

#home .flexslider a.flex-next {
    background: url('../img/slider.right.arrow.png') no-repeat left top;
}

#home .slider {
    position: relative;
    height: auto;
    max-height: 513px;
    margin-bottom: 0;
    background-color: #fff;
    cursor: pointer;
}

#home section.slider div.flexslider ul.slides li {
    width: 50%;
    background-color: black;
}

#home .flexslider figcaption.flex-caption {
    z-index: 100;
    text-transform: uppercase;
    position: relative;
    border-left: 4px solid green;
    /*bottom: 1rem;*/
    color: white;
    font-weight: bold;
    background-color: rgba(10, 10, 10, 0.3);
    width: 50%;
    margin-left: 30rem;
    margin-top: -6.8rem;
    margin-bottom: 0rem;
    padding: 1rem;
}

#home .flexslider figcaption.flex-caption h2 {
    font-size: 1.5rem;
}

#home .flexslider figcaption.flex-caption h6 {
    font-size: 0.8rem;
}

/* min-width means "If [device width] is greater than or equal to [specified #], then do {...}"  */

@media (max-width: 85em) and (min-width: 70em) {
    #home .flexslider figcaption.flex-caption {
        margin-left: 20rem;
    }

    #home .flexslider figcaption.flex-caption h6 {
        font-size: 0.8rem;
    }

    #home .flexslider figcaption.flex-caption h2 {
        font-size: 1.7rem;
    }
}

span.photo-caption {
    position: absolute;
    top: 92.4%;
    background: rgba(0,0,0,0.6);
    width: 100%;
    height: 60px;
    color: white;
    text-indent: 1rem;
    padding-top: 1.1rem;
}


/* Resize the Slider for the Excursions */
.excursion-whole-container .flexslider .slides img {
    width: 80%;
    border-radius: 4px;
    display: block;
    margin: 0 auto;
}

/* ***************************************************************************
                      WELCOME AREA
*****************************************************************************/
/*.welcome {
    padding-top: 3rem;
    font-size: 1.1rem;
    text-align: center;
    clear: both;
    margin-bottom: 2rem;
}

.welcome a.button {
    font-weight: bold;
    height: 3.5rem;
    line-height: 1.8rem;
    width: 10rem;
    margin-right: 2rem;
    text-decoration: none;
}

.welcome a.button:hover {
    text-decoration: underline;
    color: white;
}

.welcome h1 {
    font-weight: bold;
    font-size: 3rem;
    text-shadow: 0px 3px 2px rgba(0, 0, 0, 0.6);
}*/




/* NEW HOME HOTEL LIST STYLES
 Notice: Remove Hotel Carousel Flex Slider Styles
/* *****************************************************************************/
#home_hotel_list {

}

#home_hotel_list .cell {
    /*position: relative;
    margin-bottom: 40px;
    height: 306px;
    -webkit-border-top-left-radius: 8px;
    -webkit-border-top-right-radius: 8px;
    -moz-border-radius-topleft: 8px;
    -moz-border-radius-topright: 8px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    overflow: hidden;*/
}

#home_hotel_list .home_hotel_title {
    /*position: absolute;
    top: 0;
    left: 0px;
    right: 0;
    color: white;
    font-size: 1.2rem;
    text-align: left;
    padding: 15px 5px 0px 15px;*/
}

#home_hotel_list .home_hotel_title .fa {
    /*margin-right: 10px;
    font-weight: normal;*/
}

#home_hotel_list .home_hotel_location {
    /*position: absolute;
    left: 0;
    bottom: 0;
    color: white;
    padding: 0px 0px 0px 15px;*/
}

#home_hotel_list .home_hotel_location .fa {
    /*color: #ff4c4c;*/
}

#home_hotel_list .home_hotel_list_link {
    /*position: absolute;
    top: 0;
    bottom: 0;
    text-align: center;
    transition: 300ms ease-in-out;*/
}

#home_hotel_list .home_hotel_list_link:hover {
    /*background-color: rgba(0,0,0, .8);
    background-color: rgba(22,109,47, .8);
    transition: 300ms ease-in-out;*/
}

#home_hotel_list .home_hotel_list_link .home_hotel_description {
    /*transform: translate(0px, 100%);
    color: white;
    opacity: 0;
    padding: 25px;
    transition: 300ms ease-in-out;
    font-size: .9rem;
    font-weight: normal;*/
}

#home_hotel_list .home_hotel_list_link .home_hotel_description a {
    /*border: 1px solid #166D2F;
    color: #166D2F;
    text-decoration: none;
    font-weight: normal;
    background-color: white;
    border-radius: 8px;
    font-size: .8rem;
    font-weight: bold;*/
}

#home_hotel_list .home_hotel_list_link .home_hotel_description a:hover {
    /*background-color: transparent;
    color: white;
    border: 1px solid white;*/
}

#home_hotel_list .home_hotel_list_link:hover .home_hotel_description {
    /*transform: translate(0px, 30%);
    opacity: 1;*/
}

#home_hotel_list .home_hotel_list_link:hover .home_hotel_location {
    /*opacity: 0;
    transition: 300ms ease-in-out;*/
}

#home_hotel_list div.home_hotel_list_link:hover {

}

/* ***************************************************************************
                      HOTEL CAROUSEL SECTION
*****************************************************************************/
section.hotel-carousel {
    display: block;
    width: 100%;
    background: url('../img/hotel.reception.desk.jpg') 50% 0 no-repeat fixed;
    height: 655px;
    padding-top: 3rem;
    background-size: cover;
}

section.hotel-carousel li.column {
    height: 460px;
    position: relative;
    padding: 0;
    /* ROUNDED CORNER FOR EACH ELEMENT */
    overflow: hidden;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.25);
}

section.hotel-carousel h2 {
    color: white;
    font-weight: bold;
    font-size: 3rem;
    text-shadow: 0px 3px 2px rgba(0, 0, 0, 0.6);
}

section.hotel-carousel div.row { /* Reduce the width of the homepage carousel  */
    max-width: 75rem;
}

section.hotel-carousel li.column h3 {
    position: absolute;
    top: 0;
    width: 100%;
    height: 3.4rem;
    padding-top: 0.3rem;
    padding-left: 1rem;
    margin-bottom: 0;
    font-size: 1.2rem;
    font-weight: bold;
    color: white;
    /* GRADIENT BACKGROUND */
    background: rgb(0,0,0); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(0,0,0,0.6), rgba(255,255,255,0)); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0.6),rgba(255,255,255,0)); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(0,0,0,0.6),rgba(255,255,255,0)); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

section.hotel-carousel li.column h6.location { /* hotel location */
    position: absolute;
    top: 18.6rem;
    color: white;
    width: 100%;
    text-align: left;
    line-height: 2rem;
    height: 2rem;
    padding: 0 0 0 0.5rem;
    font-size: 1rem;
    /* transparent gradient */
    background: rgb(0,0,0); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(0,0,0,0.6), rgba(255,255,255,0)); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0.6),rgba(255,255,255,0)); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to top,  rgba(0,0,0,0.6),rgba(255,255,255,0)); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

section.hotel-carousel li.column h6.location .fa-map-marker { /* hotel location icon */
    color: #e94b36;
    padding-right: 0.5rem;
    font-size: 1.2rem;
}

section.hotel-carousel a.button.expanded {
    position: absolute;
    bottom: 0;
    margin-bottom: 0;
    text-decoration: none;
    display: none;
}

section.hotel-carousel a img { /* hotel image */
    height: 330px !important;
}

section.hotel-carousel a:hover img {
    opacity: 0.8 !important;
}

section.hotel-carousel span.hotel-carousel-description { /* hotel description container */
    background-color: white !important;
    display: block;
    height: 100%;
    padding: 0.7rem 1rem;
}

section.hotel-carousel .flex-direction-nav a:before {
    color: white;
}

/* ***************************************************************************
                      TOP EXCURSION SECTION
*****************************************************************************/
section.brief-excursion {
    /*background: url('../img/pico.roraima.estado.bolivar.jpg') 50% 0 no-repeat fixed;*/
    padding-top: 6rem;
}

section.brief-excursion div.row,
section.brief-promotion div.row {
    max-width: 75rem;
    position: relative;
}

section.brief-excursion h2, section.brief-promotion h2, .about-us-rooster h2 {
    color: #242628;
    font-weight: bold;
    font-size: 3rem;
    text-align: center;
}

section.brief-excursion h2 span, .about-us-rooster h2 span  {
    color: #33a34d;
}

section.brief-promotion h2 span {
    color: #eb4a2b;
}


section.brief-excursion h3, section.brief-promotion h3  {
    font-size: 1.2rem;
    margin-bottom: 3rem;
    text-align: center;
}

section.brief-excursion div.excursion-description {
    position: absolute;
    bottom: 0;
    color: white;
    margin: 0;
    padding: 0;
}

section.brief-excursion div.excursion-description h4 {
    font-size: 1.2rem;
}

section.brief-excursion div.excursion-description h4 a {
    position: relative;
    z-index: 1;
    color: white;
    text-decoration: none;
    font-weight: normal;
    padding-left: 2rem;
    padding-bottom: 2rem;
}

section.brief-excursion ul li a:hover img {
    opacity: 0.9;
}

section.brief-excursion ul li {
    margin-bottom: 3rem;
}

section.brief-excursion ul li a img {
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.25);
}

.brief-promotion {
    background-color: white;
    padding-top: 4rem;
}

.brief-promotion .promotion-description h4 {
    color: #eb4a2b;
    text-align: center;
    margin-bottom: 0px;
    font-weight: bold;
}

.brief-promotion .promotion-description h5 {
    color: #414141;
    margin: 0px;
    text-align: center;
    font-size: 1rem;
    font-weight: bold;
}

.brief-promotion ul li {
    list-style: none;
    padding: 0px;
    position: relative;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 60px;
}

.brief-promotion ul li a:hover {
    transition: 400ms ease;
    background-color: rgba(0,0,0 .5);
}

.brief-promotion button {
    padding: 0.8rem;
    margin: 1rem auto;
    width: 100%;
}

.brief-promotion button a {
    text-decoration: none;
    border: 1px solid #eb4a2b;
    padding: 0.8rem;
    font-size: 0.8rem;
    transition: 300ms ease;
    color: #eb4a2b;
}

.brief-promotion button a:hover {
    color: white;
    background-color: #eb4a2b;
    transition: 300ms ease;
}

.promo-cloudtext {
    position: absolute;
    z-index: 1;
    border-radius: 50%;
    width: 100px;
    height: 99px;
    display: table;
    color: yellow;
    top: 50px;
    left: 60%;
    transform: translate(-50%, -50%);
    background: url(../img/star.shape.png) no-repeat left top;
}

@media (min-width: 64em) {
    .promo-cloudtext {
        top: -40px;
        right: 0px;
        left: 80%;
        transform: none;
    }
}

.promo-cloudtext h6 {
    font-size: 0.8rem;
    text-align: center;
    color: yellow;
    display: table-cell;
    vertical-align: middle;
    font-weight: bold;
    padding: 0 .2rem;
}

.promo-hover-effect {
    position: absolute;
    display: table;
    background-color: transparent;
    width: 391px;
    height: 391px;
    /*border-radius: 50%;*/

    top: 0;

    z-index: 0;
    left: 50%;
    top: 43.5%;
    transform: translate(-50%, -50%);
    cursor: pointer;
    transition: 400ms ease;
}

.promo-hover-effect .promotion-inside-info {
    display: table-cell;
    vertical-align: middle;
    color: white;
    font-weight: bold;
    opacity: 0;
    transition: 400ms ease;
}

.promo-hover-effect:hover .promotion-inside-info {
    opacity: 1;
    transition: 400ms ease;
}

.promo-hover-effect:hover .promotion-inside-info span {
    display: block;
}

.promo-hover-effect:hover {
    transition: 400ms ease;
    background-color: rgba(0,0,0, .5);
}

li.promotion-item img {
    border: 2px solid #EB4B29;
}

.promo-hover-effect a {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    text-decoration: none;
    color: transparent; /* hide the text for now april 10th, 2019 */
    transition: 400ms ease;

}

.promo-hover-effect:hover a {
    transition: 400ms ease;
}

/* ***************************************************************************
                      WHY US SECTION
*****************************************************************************/
.why-us {
    background-color: #176f2b;
    color: white;
    padding: 2rem 0;
}

.why-us h2 {
    margin-bottom: 4rem;
    color: white;
    font-weight: bold;
    font-size: 3rem;
    text-shadow: 0px 3px 2px rgba(0, 0, 0, 0.6);
}

.why-us h5 {
    border-bottom: 1px dotted #CACACA;
    text-transform: uppercase;
}

.why-us div.column {
    margin-bottom: 4rem;
}

.why-us div.column img {
    /*margin-right: 2rem;*/
}

/* ***************************************************************************
                      SOCIAL NETWORKS SECTION
*****************************************************************************/
section.social-networks {
    padding-top: 2rem;
}

section.social-networks h2 {
    color: #176F2B  ;
    font-weight: bold;
    font-size: 3rem;
}

/* ***************************************************************************
                      CONTACT US SECTION - HOMEPAGE
***************************************************************************** */
section.contact-us {
    height: 570px;
    background: url('../img/venezuela.pico.bolivar.01.jpg')  50% 0 no-repeat fixed;
    padding-top: 2rem;
    background-size: cover;
}

section.contact-us div.row input, section.contact-us div.row textarea  {
    opacity: 0.9;
}

section.contact-us .info-page {
    position: relative;
    width: 91.1%;
    height: 343px;
    background: url('../img/seturs.ubicacion.gif') no-repeat left top;
}

section.contact-us address {
    width: 100%;
    color: white;
    text-align: center;
    font-size: 0.8rem;
    position: absolute;
    top: 80%;
}

section.contact-us [type="text"],
section.contact-us [type="email"],
section.contact-us textarea {
    color: #333;
}

section.contact-us h2 {
    color: white;
    text-align: center;
    font-weight: bold;
    font-size: 3rem;
    text-shadow: 0px 3px 2px rgba(0, 0, 0, 0.6);
}

section.contact-us div div.column.large-6 form div div:nth-child(1) {
    padding: 0;
}


/* BETWEEN MEDIA QUERY */
@media (max-width: 40em) and (min-width: 0em) {
    section.contact-us > div > div.medium-7.large-6.large-offset-2.column > form > div:nth-child(3) > div:nth-child(2)  {
        padding-left: 0;
    }
}

section.contact-us div div.medium-6:nth-child(2) {
    padding-right: 0;
}

section.contact-us .expanded.button {
    height: 3.5rem;
    opacity: 1;
}

/* ***************************************************************************
                      FOOTER SECTION
*****************************************************************************/
footer {
    padding-top: 0.5rem;
    background-color: #1e1e1e;
    color: white;
    padding-top: 2rem;
    padding-bottom: 2rem;
}

footer span {
    display: block;
    font-size: 0.8rem;
    margin-bottom: 0.5rem;
}

footer span i {
    margin-right: 0.3rem;
}

footer#copyright {
    font-size: 0.8rem;
    background-color: #0f0f0f;
    padding-top: 1rem;
    padding-bottom: 1rem;
    text-align: center;
}

footer li {
    display: inline-block;
    border-right: 1px solid white;
    margin: 0;
    padding: 0;
}

footer li:last-child {
    border-right: none;
}

footer li a {
    color: #e5e5e5;
    text-decoration: none;
    padding-right: 1rem;
    padding-left: 1rem;
}

footer .footer__social_networks a {
    text-decoration: none;
    font-size: 14px;
    color: white;
    text-decoration: underline;
    transition: 200ms ease;
}

footer .footer__social_networks a:hover {
    transition: 200ms ease;
    text-decoration: none;
}

footer .footer__social_networks div span:first-child a:hover  {
    color: #3B5998;
}

footer .footer__social_networks div span a:hover  {
    color: #1DA1F2;
}

footer .footer__social_networks div span:last-child a:hover  {
    color:#C2327F;
}

/* SMALL DEVICES QUERY */
@media (max-width: 40em) and (min-width: 0em) {
    footer ul.menu a i {
        font-size: 2rem;
    }
}


/* ***************************************************************************
                      HOTEL QUOTES SECTION
*****************************************************************************/
div.hotelquote, div.excursionquote {
    padding: 1rem 2rem;
    position: relative;
    border: 1px solid #E6E6E6;
    border-radius: 4px;
    background: white;
}

div.hotelquote .expanded.button,
div.promotionquote .expanded.button {
    border-radius: 6px;
}

div.hotelquote input, div.hotelquote select,
div.excursionquote input, div.excursionquote select, div.promotionquote input, div.promotionquote select
{
    border-radius: 6px;
    height: 40px;
}

div.promotionquote {
    background-color: #62A681;
}

div.promotionquote fieldset {
    padding: 2rem;
    width: 50%;
    margin: 2em auto;
    background-color: white;
    border: 1px solid gray;
}

div.hotelquote h5.book-now, div.excursionquote h5.book-now {
    position: absolute;
    background-color: #176F2B;
    color: white;
    height: 3rem;
    width: 100%;
    text-align: center;
    line-height: 3rem;
    font-size: 1.1rem;
    left: 0;
    text-transform: uppercase;
    top: 0;
    padding: 1px;

    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

div.hotelquote textarea,
div.excursionquote textarea,
div.promotionquote textarea
{
    border-radius: 6px;
}

div.hotelquote div.pax-block div:nth-child(1),
div.hotelquote div.pax-block div:nth-child(2),
div.hotelquote div.pax-block div:nth-child(3)
{
    display: inline-block;
    text-align: center;
    margin-bottom: 1rem;
}

div.hotelquote div.pax-block label {
    padding: 0;
    margin: 0;
}

div.hotelquote div.pax-block div:nth-child(1) select, div.hotelquote div.pax-block div:nth-child(1) label,
div.hotelquote div.pax-block div:nth-child(2) select, div.hotelquote div.pax-block div:nth-child(2) label,
div.hotelquote div.pax-block div:nth-child(3) select, div.hotelquote div.pax-block div:nth-child(3) label
{

    width: 3.1rem;
    text-align: center;
    margin: 0 2rem;
}

div.hotelquote div.pax-block div:nth-child(3) select {
    margin: 0;
}

div.hotelquote label, div.excursionquote label {
    font-size: 1rem;
    color: #333333;
}

div.hotelquote div.input {
    margin-bottom: 1.5rem;
}

div.columns.excursionquote form button {
    margin-bottom: 0;
}

div.hotelquote textarea
{
    resize: none;
}

div.hotelquote-arrival {
    padding: 0;
}

div.hotelquote-departure {
    padding-right: 0 ;
}

div.hotelquote-arrival, div.hotelquote-departure, div.arrival {
    position: relative;
}

div.excursionquote div.arrival .fa-calendar {
    position: absolute;
    top: 54%;
    right: 0.6rem;
}

div.hotelquote-arrival .fa-calendar, div.hotelquote-departure .fa-calendar {
    position: absolute;
    top: 45%;
    right: 0.6rem;
    font-size: 14px;
}

div.hotelquote-arrival input, div.hotelquote-departure input, div.excursionquote input  {
    background-color: white;
}

div.hotelquote input[readonly], div.excursionquote input[readonly] {
    cursor: default;
}

/* HIDE HOTEL ID */
div.hotelquote #hotel_id, div.excursionquote #excursion_id  {
    /*display: none;*/

}

div.hotelquote form, div.excursionquote form {
    margin-top: 5rem;
}

div.hotelquote .fa-arrow-down, div.excursionquote .fa-arrow-down  {
    position: absolute;
    bottom: -0.5rem;
    left: 50%;
    color: #176F2B;
}





/* ***************************************************************************
                      TABBED NAVIGATION SECTION
*****************************************************************************/

/*ul.tabs {
  height: 200px;
  border-bottom: none;
  border-left: none;
  padding-top: 1rem;
  margin-bottom: 4rem;
}

.tabbed-navigation ul.tabs li a {
  text-transform: uppercase;
  font-weight: bold;
  color: #676767;
  font-size: 1rem;
}

.tabbed-navigation ul.tabs li.is-active {
  border-bottom: 2px solid green;
  background-color: white;
}

.tabbed-navigation ul.tabs li.is-active a {
  color: #166d2f;
}

.tabbed-navigation ul.tabs li a:hover {
  text-decoration: underline;
}

.tabbed-navigation ul.tabs li.is-active a:hover {
  text-decoration: none;
}

.tabbed-navigation ul.tabs li a:hover {
  color: #166d2f;
}

.tabs-content {
  border: none;
  border-top: 1px solid #e6e6e6;
}

.tabs-content.vertical {
  border-bottom: none;
  border-right: none;
}

.tabbed-navigation h3 {
  font-size: 1.2rem;
  font-weight: bold;
}

ul.hotel-features li {
  background: url(../img/list.style.image.gif) no-repeat left top;
  list-style: none;
  padding-left: 1.3rem;
  margin-bottom: 0.5rem;
}

.hotel-description p {
  font-size: 1.2rem;
}
*/
/* ***************************************************************************
                      RELATED PROPERTIES SECTION
*****************************************************************************/
.related-properties {
    margin-bottom: 2rem;
}

/* ***************************************************************************
                      NEWSLETTER SECTION
*****************************************************************************/
/*.newsletter {
    padding-top: 3rem;
    padding-bottom: 8.3rem;
    background: url(../img/newsletter.background.jpg) no-repeat left top;
}

.newsletter .button {
    height: 3.1rem;
}

.newsletter h2 {
    color: white;
    font-weight: bold;
    text-shadow: 0px 3px 2px rgba(0, 0, 0, 0.6);
}

.newsletter h6 {
    font-weight: bold;
    margin-bottom: 4rem;
    color: white;
}*/

.instagram-feeds {
    padding-top: 4rem;
    padding-bottom: 4rem;
}

.instagram-feeds h2 {
    color: #176F2B  ;
    font-weight: bold;
}

#instafeed {
    margin-top: 2rem;

}

#instafeed a {
    text-decoration: none;
}

#instafeed .insta_likes {

}

#instafeed .insta_likes::before {
    font-family: 'FontAwesome';
    content: '\f004 ';
}

#instafeed .insta_comments {

}

#instafeed .insta_comments::before {
    font-family: 'FontAwesome';
    content: '\f075';
}

#instafeed .insta_caption,
#instafeed .insta_comments,
#instafeed .insta_likes {
    color: white;
    z-index: 23;
    font-size: 18px;
    top: 50%;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

#instafeed .insta_likes {
    margin-left: -10px;
    text-shadow: rgb(0, 0, 0) 1px 1px 1px;
}

#instafeed .insta_comments {
    margin-left: 60px;
    text-shadow: rgb(0, 0, 0) 1px 1px 1px;
}

#instafeed .insta_caption {
    font-size: 14px;
    max-height: 102px;
    overflow: hidden;
    margin-top: 20px;
    /* width: 89%; */
    /* left: 230px; */
    width: 100%;
    opacity: 0;
    opacity: 1;
    padding: 0px 40px;
    text-align: center;
}

#instafeed a:hover {
    background-color: rgba(0,0,0, .5);



}

#instafeed .instaphoto:hover img {

}

#instafeed .instaphoto .insta_caption {
    transition: all .4s ease-in-out;

}

#instafeed .instaphoto:hover .insta_caption {
    opacity: 1;
    transition: all .4s ease-in-out;
    text-shadow: rgb(0, 0, 0) 1px 1px 1px;
    margin-top: 40px;
}



#instafeed div {
    margin-bottom: 1rem;
    padding: 0.1rem;
}

#instafeed div a {
    opacity: 1;
    position: relative;
    transition: .55s ease;
}

#instafeed div a:hover {


}

#instafeed div a img {
    width: 100%;
    height: 314px;
}

/* ***************************************************************************
                      HOTEL DETAILS
*****************************************************************************/
section.hotel-whole-container,
section.excursion-whole-container
{
    max-width: 74rem;
    margin-top: 60px;
}

section.hotel__header,
section.excursion__header
{
    /*position: relative;
    top: -100px;
    left: 0px;
    width: 100%;*/
}

section.hotel__header {
    /*height: 744px;*/
    /*height: 529px;*/
    height: 640px;
    background: rgba(0,0,0, 0.4);
    margin-bottom: -100px;
}

.parallax-container  {
    visibility: visible;
    overflow: hidden;
    height: 544px;
    width: 1903px;
}

.parallax-slider {
    height: 638px;
    width: 100%;
}

.hotel__heading,
.excursion__heading
{
    /*position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    font-size: 4rem;
    text-shadow: 0px 3px 0px rgba(0, 0, 0, 0.7);
    width: 100%;*/


    /*position: relative;
    transform: translate(0%, 200%);
    color: white;
    font-size: 4rem;
    text-shadow: 0px 3px 0px rgba(0, 0, 0, 0.7);
    width: 100%;*/
}

.promotion__heading {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 70%;
    background-color: rgba(67, 163, 89, .4);

}

.hotel__heading h1,
.excursion__heading h1
{
    color: white;
}

.hotel-whole-container div#slider ul.slides {
    /*height: 520px;*/ /* Height Experimental */
}

div.texture {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0, 0.25) url('../img/textura.png');
}

.hotel__heading span.hotel__address {
    display: block;
    text-align: center;
    color: white;
    font-size: 12px;
}

.promotion__heading {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    background-color: rgba(67, 163, 89, .4);
    padding: 1.2rem;
}

#promotion__conditions {
    background-color: #efefef;
    border-top: 7px solid green;
    border-bottom: 7px solid green;
    padding: 1rem 2rem;

}

#promotion__conditions br {
    display: none;
}

section div.promotion__heading h1 {
    margin: 0px;
}

.promotion__heading h1,
.promotion__heading h3,
.promotion__heading h4
{
    color: white;
    text-align: center;

}

.promotion__heading h3,
.promotion__heading h4 {
    font-weight: bold;
    text-shadow: 0px 2px 0px rgba(0, 0, 0, 0.7);
    color: #00801e;
}

#promotionslider {
    margin-top: 20px;
}

#promotionslider img {
    width: 50%;
}

@media (min-width: 64em) {
    #promotionslider img {
        width: 100%;
    }
}


/* ***************************************************************************
                      HOTEL LISTINGS
*****************************************************************************/


.hotel-list {
    /* border: 1px solid #cecece; */
    height: 24rem;
    padding: 1rem;
    margin-bottom: 2rem;
    position: relative;
}

.hotel-index h1 {
    font-size: 4rem;
    margin: 2rem 0 2rem 0;
    text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.6);
}

.hotel-index .fa-map-marker {
    color: #e94b36;
    padding-right: 0.5rem;
    font-size: 1.2rem;
}

.hotel-list h2 {
    color: #176f2b;
    font-weight: bold;
    margin-bottom: 0;
}

.hotel-index div.hotel-list .cell {
    padding-left: 0;
    padding-right: 0;
}

.hotel-index div.hotel-list .cell a.button {
    text-decoration: none;
    font-size: 0.8rem;
    width: 14%;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    margin-top: 1.5rem;
}

div.hotel-list {
    border-bottom: 1px solid #CBCBCB;
    clear: both;
    float: none;
}

div.hotel-list div.hotel-summary {
    padding-left: 2rem !important;
}

.hotel-index div.hotel-list div.hotel-image-container  {
    -moz-box-shadow: 0 0 3px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.5);
    box-shadow: 0 0 3px rgba(0,0,0,0.5);
    padding: 0.5%;
    background: white;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    overflow: hidden;
}

.hotel-index div.hotel-list .cell img.hotel-image {
    transition: 600ms ease;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.hotel-index div.hotel-list .cell img.hotel-image:hover {
    opacity: 0.7;
    transition: 600ms ease;
    -moz-transform: scale(1.03);
    -webkit-transform: scale(1.03);
    transform: scale(1.03);
}

.hotel-index div.hotel-list .hotel-summary p {
    font-size: 1.2rem;
}

div.hotel-category {
    color: #FDB033;
    font-size: 1.5rem;
}

/* MEDIA QUERY FOR SMALL DEVICES */
@media (max-width: 39.9em) and (min-width: 0em) {
    div.hotel-list {
        clear: both;
        height: auto !important;
    }

    .hotel-index div.hotel-list div.hotel-image-container {
        position: relative;
    }

    .hotel-index div.hotel-list .cell a.button {
        width: 40%;
        position: relative;
        margin: 0 0 0 30%;
        font-size: 0.7rem;
    }

    .hotel-btn-details {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        padding: 0 !important;
        margin: 0 !important;
        display: none;

    }

    .hotel-btn-details a {
        width: 100% !important;
        margin: 0 !important;
    }

    .hotel-index h1 {
        font-size: 1.8rem !important;
        text-align: center;
        text-shadow: 0px 0px 0px rgba(0, 0, 0, 0) !important;
    }

    .show-for-small-only.top-opacity-layer {
        position: absolute;
        top: 0;
        width: 100%;
        height: 5rem;
        left: 0;

        /* transparent gradient */
        background: rgb(0,0,0); /* Old browsers */
        background: -moz-linear-gradient(top,  rgba(0,0,0,0.6), rgba(255,255,255,0)); /* FF3.6-15 */
        background: -webkit-linear-gradient(top,  rgba(0,0,0,0.6),rgba(255,255,255,0)); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom,  rgba(0,0,0,0.6),rgba(255,255,255,0)); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
    }

    div.hotel-title {
        position: absolute;
        top: 1rem;
        left: 1rem;
    }

    div.hotel-index .hotel-description {
        display: none;
    }

    div.hotel-list div.hotel-title h2 { /* HOTEL TITLE */
        color: white;
        margin-top: 1rem;
        margin-left: 1rem;
        font-size: 1.4rem;
    }

    div.hotel-list div.hotel-category { /* CATEGORY IMAGE STARS */
        position: absolute;
        top: 4rem;
        left: 2rem;
    }

    .hotel-index div.hotel-list .cell img.hotel-image { /* HOTEL PROFILE PHOTO */
        width: 100%;
    }

    .hotel-index div.hotel-list .hotel-summary p { /* HOTEL SUMMARY DESCRIPTION  */
        font-size: 0.8rem;
    }

    .hotel-index div.hotel-list .cell {
        float: none;
    }

    .hotel-index div.hotel-location.show-for-small-only {
        position: absolute;
        left: 0rem;
        bottom: 0;
        height: 3rem;
        width: 100%;

        /* transparent gradient */
        background: rgb(0,0,0); /* Old browsers */
        background: -moz-linear-gradient(top,  rgba(0,0,0,0.6), rgba(255,255,255,0)); /* FF3.6-15 */
        background: -webkit-linear-gradient(top,  rgba(0,0,0,0.6),rgba(255,255,255,0)); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to top,  rgba(0,0,0,0.6),rgba(255,255,255,0)); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

    }

    .hotel-index div.hotel-location.show-for-small-only h6.location {
        font-size: 0.8rem;
        color: white;
        font-size: 0.7rem;
        margin-top: 1rem;
        margin-left: 1rem;
    }

}

/* MEDIA QUERY FOR MEDIUM DEVICES */
@media (max-width: 50em) and (min-width: 40em) {
    .hotel-index h1 {
        font-size: 2rem !important;
        text-align: center;
        text-shadow: 0px 0px 0px rgba(0, 0, 0, 0) !important;
    }

    .hotel-index div.hotel-list .cell a.button {
        width: 25%;

    }

    .hotel-index div.hotel-list .hotel-summary p {
        font-size: 1rem;
    }

    div.hotel-list h2 {
        font-size: 1.5rem;
    }
}

/* ***************************************************************************
                      EXCURSION INDEX LIST
*****************************************************************************/
.excursion__header {
    /*width: 1903px;
    height: 744px;
    overflow: hidden;*/
}

.parallax-window {
    min-height: 400px;
    background: transparent;
}

.excursion-item {
    position: relative;
    border: 5px solid #F5F5F5;
    overflow: hidden;
}

ul.excursion-list li {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-bottom: 2rem;
}

ul.excursion-list div.excursion-description {
    position: absolute;
    top: 0;
    color: white;
    height: 100%;
    padding: 1rem 0 0 1rem;
}

ul.excursion-list  div.excursion-description h2  {
    margin: 0;
    font-size: 3rem;
    font-weight: bold;
}

ul.excursion-list  div.excursion-description p  {
    font-size: 1.3rem;
}

ul.excursion-list li.excursion-item a.excursion-link {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    z-index: 20;
    border-top: 5px solid #5c9a6a;
}

ul.excursion-list li.excursion-item:hover img {
    -moz-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
}

ul.excursion-list li.excursion-item img {
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    /* transition: all 0.3s ease; */
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
}

ul.excursion-list  div.excursion-description a.button  {
    position: absolute;
    z-index: 2;
    background-color: rgba(23, 111, 43, 0.7);
    text-decoration: none;
    color: white;
    width: 146px;
    bottom: 0rem;
    padding: 0;
    border: none;
    background: none;
}

ul.excursion-list li.excursion-item div.excursion-description a span {
    font: bold 20px/26px "Roboto", sans-serif;
    text-transform: uppercase;
    border: none;
    display: block;
    padding: 16px 20px 18px 21px;
    background-color: rgba(23, 111, 43, 0.7);
    position: relative;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

ul.excursion-list li.excursion-item div.excursion-description a span:after {
    content: "\f105";
    font-family: "FontAwesome";
    font-size: 30px;
    font-weight: normal;
    width: 60px;
    text-align: center;
    display: block;
    background: rgba(41, 41, 41, 0.9);
    position: absolute;
    left: 100%;
    height: 3.75rem;
    line-height: 3.6rem;
    bottom: 0rem;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

/* MEDIA QUERY FOR MEDIUM SIZE DISPLAY */
@media (max-width: 65em) and (min-width: 40em) {
    ul.excursion-list  div.excursion-description p {
        font-size: 1.1rem;
    }

}

/* ***************************************************************************
                      CONTACT US PAGE
*****************************************************************************/
header.contact-us-header {
    background: url('../img/contact.us.section.bg.jpg') no-repeat left top;
}




header.contact-us-header nav.marketing-topbar {
    background-color: black;
    opacity: 0.7;
}

.bg-header {
    position: absolute;
    top: 0;
}

.contact-us-page {
    color: white;
    min-height: 927px;
}

.contact-us-page div.input {
    border: 3px solid white;
    margin-bottom: 2rem;
}

.contact-us-page div.input input, .contact-us-page div.input textarea {
    border: none;
    -webkit-background-clip: padding-box; /* for Safari */
    background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
    background-color: transparent;
    margin-bottom: 0;
    font-size: 1.5rem;
    color: #ffffff;
}

.contact-us-page div.input input [type='text'] {
    color: white;
}

.contact-us-page div.input input {
    color: #ffffff;
    font-size: 1.5rem;
}

.contact-us-page div.input textarea:focus, .contact-us-page div.input input:focus {
    color: #ffffff;
}

.contact-us-page-form .button {
    border: 3px solid white;
}

.contact-us-page h1 {
    border-bottom: 2px solid white;
}

.contact-us-page h1, .contact-us-page h2 {
    color: white;
}

.contact-us-page h2 {
    margin-bottom: 3rem;
}

div.address-info address {
    margin-top: 11rem;
}

div.address-info address h4 {
    border-bottom: 2px solid white;
}

div.address-info address span {
    display: block;
    margin-bottom: 1rem;
    font-size: 1.4rem;
    font-weight: bold;
}

.contact-us-page h2.location {
    text-align: center;
    background-color: #33a34d;
    text-transform: uppercase;
    color: white;
    margin-bottom: 0;
}

/* sucess styles */
.contact-us-page div.success-page {
    background-color: black;
    opacity: 0.8;
    padding: 4rem;
    padding-top: 2rem;
    margin-top: 4rem;
    border-radius: 6px;
}

.contact-us-page .g-recaptcha {
    margin-bottom: 2rem;
}

.contact-us-page div.success-page h3 {
    margin-bottom: 2rem;
}

.contact-us-page div.success-page ul {
    margin-left: 3rem;
    margin-top: 1rem;
}

.contact-us-page div.success-page ul li {
    font-size: 1.3em;
    background: url(../img/list.style.png) no-repeat left 5px;
    list-style: none;
    padding-left: 2.3rem;
}

div.location-map {
    position: relative;
    background:  url('../img/google.maps.seturs.ubicacion.jpg') no-repeat center top;
    clear: both;
    background-color: white;
    height: 780px;
}

div.location-map h2.location-header {
    position: absolute;
    top: 0;
    text-align: center;
    background-color: #176F2B;
    width: 100%;
    color: white;
}

/* FOR SMALL DEVICES */
@media (max-width: 40em) and (min-width: 0em) {
    .contact-us-page input  {
        height: 2rem;
        font-size: 1rem !important;
    }

    .contact-us-page textarea {
        font-size: 1rem !important;
    }

    div.address-info address {
        margin-top: 2rem;
    }

    div.address-info address span {
        font-size: 1rem !important;
    }

}

/* ***************************************************************************
                      ABOUT US PAGE
*****************************************************************************/

/*
header.about-us-header {
  background: url('../img/about.us.section.jpg') 50% 0 no-repeat fixed;
  height: 870px;
  max-height: 870px;
  color: white;
}

header.about-us-header h1 {
  color: white;
  text-align: center;
  line-height: 45rem;
  font-weight: bold;
  text-transform: uppercase;
}

header.about-us-header nav.marketing-topbar {
  background-color: black;
  opacity: 0.5;
}


div.image-placement {
  background: url('../img/travel.luggage.jpg') no-repeat left top;
}

.row.about-us-descripcion {
  height: 932px;
  padding-top: 10rem;
}
*/
/* FOR LAGE SCREENS */
/*@media (min-width: 60em)  {
  .row.about-us-descripcion {
    font-size: 1.5rem;
  }

  article.about-us-details {
    background: rgba(0,0,0,0.4);
    color: white;
    padding: 3rem;
    border-radius: 10px;
  }
}
*/
/* Fix Paragraph for semi large screens */
/*@media (max-width: 93.5em) and (min-width: 64em) {
.row.about-us-descripcion {
    font-size: 1.2rem;
    padding: 2rem;
  }

  .row.about-us-descripcion {
    height: 932px;
    padding-top: 7rem;
  }

}
*/
/* FOR SMALL SCREENS */
/*@media (max-width: 59em)  {
  article.about-us-details {
    background: rgba(0,0,0,0.8);
    color: white;
    padding: 3rem;
    border-radius: 10px;
  }

  .row.about-us-descripcion {
  height: 932px;
  padding-top: 2rem;
}
}

.our-team-rooster {
  background-color: #176f2b;
  color: white;
  padding-top: 2rem;
}

.our-team-rooster h2 {
   text-align: center;
   text-transform: uppercase;
  margin-bottom: 3rem;
}

.our-team-rooster ul li {*/ /* rooster container */
/*  position: relative;
  list-style: none;
  padding: 0;
  margin: 0 auto 4rem;
}

.our-team-rooster ul li div.rooster-image {*/ /* rooster image container */
/*  position: relative;
  text-align: center;
}

.our-team-rooster ul li span.rooster-email-address {*/  /* email address */
/*  position: absolute;
  left: 0;
  top: 0;
  text-align: center;
  width: 100%;
  line-height: 18rem;
  height: 100%;
  font-weight: bold;
  opacity: 0;
  color: white;
  opacity: 0;
  z-index: -1;
}

.our-team-rooster ul li:hover span.rooster-email-address { */ /* email address */
/*  opacity: 1;
}

.our-team-rooster ul li h6 {
  text-align: center;
  font-size: 1.2rem;
  font-weight: bold;
  margin-top: 1rem;
}

.our-team-rooster ul li h6 span {
  display: block;
  font-weight: normal;
  font-size: 1rem;
}

.our-team-rooster ul li img {
  border-radius: 50%;
 -webkit-transition: all 0.8s ease;
  -moz-transition: all 0.8s ease;
  -ms-transition: all 0.8s ease;
  -o-transition: all 0.8s ease;
  transition: all 0.8s ease;
}

.our-team-rooster ul li img:hover {
  opacity: 0.3;
  -webkit-transition: all 0.8s;
  -moz-transition: all 0.8s;
  -ms-transition: all 0.8s;
  -o-transition: all 0.8s;
  transition: all 0.8s;
}

.our-team-rooster ul li img {


}

.our-team-rooster ul li h6  {

}

section.nuestros-valores h2 {
  text-transform: uppercase;
  text-align: center;
  font-weight: bold;
  color: black;
}

section.nuestros-valores div.nuestros-valores-container {
  margin-bottom: 4rem;
}

section.nuestros-valores h6 {
  font-weight: bold;
  color: #176f2b;
  text-transform: uppercase;
}

section.nuestros-valores p {

}
*/

div.hotel-description ul {
    margin: 0;
    margin-left: 2rem;
}

div.hotel-description ul li {
    list-style: none;
    margin: 0rem;
    padding-left: 0rem;
    /*background: url('../img/list.style.small.png')no-repeat left top;*/
    list-style: square url(../img/checkmark.png);
    margin-bottom: 10px;
}

.hotel-description {
    padding: 0 25px;
}

div.hotel-description ul br {
    display: none;
}

/* NEW DESIGN */
#new-header-picture {
    position: absolute;
    height: 700px;
    background-color: rgba(0,0,0,1) !important;
    top: 0;
    margin-top: -6.3rem;
}

#new-header-picture h1 {
    padding-top: 15rem;
}

#new-header-picture h2 {
    color: white;
    text-align: center;
    font-weight: bold;
    text-shadow: 4px 4px 2px rgba(0, 0, 0, 0.4);

}

div.promocion-condiciones {
    border-top: 3px solid green;
    border-bottom: 3px solid green;
    border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    margin-top: 3rem;
    padding: 2rem 3rem;
    background-color: #efefef;

}

div.promocion-condiciones h3 {
    margin: 0;
    color: #333333;
}

div.promocion-condiciones section ul {
    margin-top: 2rem;
    margin: 0.5rem 1rem 3rem;
    padding: 0;
}

header div.container div.promocion-condiciones ul li {
    list-style: none;
    margin-bottom: 0.7rem;
    background: url('../img/list.style.small.png') no-repeat left top;
}


/* PROMOTION FORM */
.promocion-form {
    height: 778px;
    /*background: url('../img/familia.en.la.playa.jpg') no-repeat left top;*/
    padding: 5rem 0;
}

.promocion-form p {
    color: white;
    text-align: center;
}

@media (min-width: 75em) {
    .promocion-form p {
        font-size: 1.3rem;
    }
}

.promocion-form input {
    background: rgba(0,0,0,0.6);
    color: white;
}

.promocion-form input:focus, .promocion-form textarea:focus  {
    background: rgba(0,0,0,1);
    color: white;

    border: 1px solid rgb(22, 109, 47);
    box-shadow: 0 0 5px rgba(22, 109, 47, 1);
}

.promocion-form label {
    color: white;
    font-weight: bold;
    text-align: center;
}

.promocion-form div.column {
    padding-left: 0;
}

.promocion-form form div:nth-child(7) {
    padding-right: 0;
}

.promocion-form select, .promocion-form textarea  {
    background: rgba(0,0,0,0.6);
    color: white;
}

.promocion-form .expanded.button {
    border: 1px solid white;
    margin-top: 1rem;

}

div.promocion-description {
    margin-top: 2rem;
    margin-bottom: 2rem;

}


/* PROMOCION SLIDER */
header.design div.container div.flexslider ul li {
    background: none;
    list-style: none;
    padding-left: 0;
}

div.promocion-description .flex-direction-nav a { -webkit-transition: none; -moz-transition: none; transition: none; }
div.promocion-description .flexslider .flex-next, div.promocion-description .flexslider .flex-prev { opacity: 0.5; }
div.promocion-description .flexslider .flex-prev { left: 10px; }
div.promocion-description .flexslider .flex-next { right: 10px; }

.promotion-slide-caption {
    width: 100%;
    position: absolute;
    bottom: 0;
    height: 3.5rem;
    padding-left: 0.5rem;
    padding-top: 1.1rem;
    color: white;
    background: rgba(0,0,0,0.5);


    /* GRADIENT BACKGROUND */
    background: rgb(0,0,0); /* Old browsers */
    background: -moz-linear-gradient(bottom,  rgba(0,0,0,0.6), rgba(255,255,255,0)); /* FF3.6-15 */
    background: -webkit-linear-gradient(bottom,  rgba(0,0,0,0.6),rgba(255,255,255,0)); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to top,  rgba(0,0,0,0.6),rgba(255,255,255,0)); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
}


/* ***************************************************************************
                      HOTEL INDEX PAGE
*****************************************************************************/

header.hotel-index-header {
    background: url('../img/hoteles.en.margarita.jpg') no-repeat left top;
    /*min-height: 700px ;
    position: relative !important;
    z-index:1;*/
}

article.hotel-listings {

}

article.hotel-listings h1 {
    position: absolute;
    z-index:5;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center;
    margin-top: 20rem;
    color: white;
    font-weight: bold;
}


header.hotel-index-header nav.marketing-topbar, header.index-header nav.marketing-topbar, header.about-us-header nav.marketing-topbar {
   /* background: rgba(0,0,0,0);
    border: none;
    padding-right: 8%;*/
}

header.hotel-index-header nav.marketing-topbar ul.menu li {

}

header.hotel-index-header nav.marketing-topbar ul li.topbar-title a:hover {
   /* border: none;*/
}

header.hotel-index-header nav.marketing-topbar ul li a, header.index-header nav.marketing-topbar ul li a, header.about-us-header nav.marketing-topbar ul li a {
    /*border-bottom: 4px solid transparent;
    padding-bottom: 8px;*/
}

header.hotel-index-header nav.marketing-topbar ul li a:hover, header.index-header nav.marketing-topbar ul li a:hover, header.about-us-header nav.marketing-topbar ul li a:hover {
    /*border-bottom: 4px solid green;*/
}

header.hotel-index-header .sticky.is-stuck.is-at-top, header.about-us-header .sticky.is-stuck.is-at-top {
   /* background: rgba(0,0,0,.4);*/
}

header.index-header nav.marketing-topbar {
    /*background-color: rgba(0,0,0, 0.3);
    background: -moz-linear-gradient(top, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0) 100%);
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.75) 0%,rgba(0,0,0,0) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0.75) 0%,rgba(0,0,0,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 );*/
}

header.index-header .sticky.is-stuck.is-at-top {
    /*background: rgba(0,0,0,.4);
    background: -moz-linear-gradient(top, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0) 100%);
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.75) 0%,rgba(0,0,0,0) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0.75) 0%,rgba(0,0,0,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 );*/
}

div.promocion__condiciones ul,
.hotel__description ul,
.hotel__room_type ul,
.excursion-whole-container
{
    list-style: square url(../img/checkmark.png);
}

.hotel-whole-container ul li {
    padding-bottom: 8px;
}

/* ****************  */
/* PROMOTION STYLES */
/* ****************  */
header.promotion__header nav.marketing-topbar {
    background-color: transparent;
    border-bottom: none;
}

header.promotion__header {
    position: relative;
    height: 700px;

}

header.promotion__header .parallax-window {
    height: 700px;


}

.promotion__title {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
}

header.promotion__header .promotion__title h1 {
    text-align: center;
    color: white;
    font-weight: bold;

}

div.promocion__condiciones {
    border-top: 3px solid green;
    border-bottom: 3px solid green;
    border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    margin-top: 3rem;
    padding: 2rem 3rem;
    background-color: #efefef;
}

div.promocion__condiciones h3 {
    margin: 0;
    color: #333333;
}

div.promocion__condiciones section ul {
    margin-top: 2rem;
    margin: 0.5rem 1rem 3rem;
    padding: 0;
}

div.promocion__descripcion  {

}

/* ************** */
/* PROMOCION FORM */
/* ************** */
.promocion__container {
    padding-top: 3rem;
    background: url(../img/promocion.formulario.background.jpg) no-repeat left top;
}

.promocion__form {
    max-width: 45rem;
}

.promocion__form h5 {
    color: white;
    text-align: center;
    font-weight: bold;
    font-size: 1.5rem;
    text-shadow: 0px 3px 2px rgba(0, 0, 0, 0.6);
}

.promocion__form label {
    display: none;
}

.promocion__form textarea,
.promocion__form select,
.promocion__form input {
    opacity: 0.7;
    border-radius: 4px;
    color: #4c4c4c;
    font-weight: bold;
}

.promocion__form select,
.promocion__form input {
    height: 40px;
}

.promocion__form textarea::placeholder,
.promocion__form input::placeholder {
    color: #808080;
    font-weight: normal;

}

.display-label label {
    display: block;
    color: white;
}


/* **************/
/* NEW ABOUT US */
/* **************/
header.about-us-header nav.marketing-topbar {
    border-bottom: 1px solid rgba(255,255,255, 0.2);
}

.about-us-background {
    position: relative;
    margin-top: -175px;
    top: 0px;
    width: 100%;
    height: 1030px;
    background: url('../img/isla.de.margarita.playa.caribe.jpg') no-repeat left top;
    background-size: cover;
    z-index: -1;
}

.about_us__header_title {

}

#about_us__header_title {
    position: absolute;
    text-align: left;
    color: white;
    font-size: 2.3rem;


    color: white;
    font-weight: 100;
    padding: 0px;
    margin: 0px;
    margin-top: 120px;

    left: 50%;
    top: 50%;
    transform: translate(-50%, -104%);
    width: 60%;
    text-transform: uppercase;

}

#about_us__header_title span {
    display: block;
    text-align: left;
    color: white;
    font-weight: bold;
    font-size: 4rem;
}

@media (max-width: 76em) and (min-width: 0em) {
    #about_us__header_title {
        width: 70%;
        font-size: 2rem;
    }

    #about_us__header_title span {
        font-size: 3rem;
    }
}

div.about__us_down_arrow  {
    position: absolute;
    left: 50%;
    bottom: 20%;
    transform: translate(-50%, -50%);
}

div.about__us_down_arrow a {
    width: 81px;
    height: 47px;
    background: url('../img/down.arrow.png') no-repeat left top;
    display: block;
}

.about__us_container {
    /*background: url('../img/cartoon.turista.fondo.jpg') no-repeat left top;*/
    background: url('../img/about__us_description_small_devices.gif') repeat-x left top;
    height: 930px;
}

.about__us_description {
    padding-top: 160px;
}

.about__us_description p {
    margin-bottom: 40px;
}

@media (min-width: 84em) {
    .about__us_description p {
        font-size: 1.4rem;
     }
}

.about__us_description h2 {
    font-size: 26px;
    font-weight: bold;
}

@media (max-width: 64em) and (min-width: 0em) {
    .about__us_container {
        background: url('../img/about__us_description_small_devices.gif') repeat-x left top;
    }

}

#about__us_section {
    position: relative;

}

#about__us_tourist img {
    position: absolute;
    top: 5%;
    left: 0%;
    width: 50%;
    /*width: 903px;*/
    height: auto;
}

#about_us_ilove img {
    position: absolute;
    width: 18%;
    height: auto;
    top: 35%;
    left: 30%;
}

#about_us_airplane img {
    position: absolute;
    width: 20%;
    height: auto;
    top: 16%;
    left: 26%;
}



/* ****************************** */
/* OWL ACOURSEL FOR ABOUT US PAGE */
/* ****************************** */
.about-us-rooster {
    background-color: #fafafa;
    padding-bottom: 45px;
}

.about-us-rooster .row {
    max-width: 62.5rem;
}

.about-us-rooster h2 {
    margin: 40px 0 60px 0;
}

section.about-us-rooster .owl-carousel .owl-item {
    text-align: center;
}


section.about-us-rooster .owl-carousel .owl-item h3 {
    color: #333333;
    font-size: 22px;
    font-weight: bold;
    margin-top: 20px;
}

section.about-us-rooster .owl-carousel .owl-item h4 {
    color: #166d2f;
    font-size: 18px;
    font-weight: bold;
}

section.about-us-rooster .owl-nav {
    position: absolute;
    top: 0px;
    left: 0px;
    margin: 0px;
    width: 100%;
}

section.about-us-rooster .owl-nav .owl-next,
section.about-us-rooster .owl-nav .owl-prev {
    position: absolute;
    border-radius: 50%;
    width: 100px;
    height: 100px;
    font-size: 72px;
    top: 84px;
    background-color: #fff;
    color: white;
    border: 1px solid #d7d7d7;
}

section.about-us-rooster .owl-nav .owl-next span,
section.about-us-rooster .owl-nav .owl-prev span {
    color: #d7d7d7;
    font-weight: 100;
    margin-bottom: 10px !important;
    vertical-align: text-bottom;
}

section.about-us-rooster .owl-nav .owl-prev {
    left: -120px;
}

section.about-us-rooster .owl-nav .owl-next {
    right: -120px;
}

/* ****************************** */
/* OWL ACOURSEL FOR ABOUT US PAGE */
/* ****************************** */
.about-us-rooster {
    background-color: #fafafa;
    padding-bottom: 45px;
}

.about-us-rooster .row {
    max-width: 62.5rem;
}

.about-us-rooster h2 {
    margin: 40px 0 60px 0;
}

section.about-us-rooster .owl-carousel .owl-item {
    text-align: center;
}


section.about-us-rooster .owl-carousel .owl-item h3 {
    color: #333333;
    font-size: 22px;
    font-weight: bold;
    margin-top: 20px;
}

section.about-us-rooster .owl-carousel .owl-item h4 {
    color: #166d2f;
    font-size: 18px;
    font-weight: bold;
}

section.about-us-rooster .owl-nav {
    position: absolute;
    top: 0px;
    left: 0px;
    margin: 0px;
    width: 100%;
}

section.about-us-rooster .owl-nav .owl-next,
section.about-us-rooster .owl-nav .owl-prev {
    position: absolute;
    border-radius: 50%;
    width: 100px;
    height: 100px;
    font-size: 72px;
    top: 84px;
    background-color: #fff;
    color: white;
    border: 1px solid #d7d7d7;
}

section.about-us-rooster .owl-nav .owl-next span,
section.about-us-rooster .owl-nav .owl-prev span {
    color: #d7d7d7;
    font-weight: 100;
    margin-bottom: 10px !important;
    vertical-align: text-bottom;
}

section.about-us-rooster .owl-nav .owl-prev {
    left: -120px;
}

section.about-us-rooster .owl-nav .owl-next {
    right: -120px;
}

/* ************************** */
/* ABOUT US - MISION - VISION */
/* ************************** */
.about__us_mision_vision {
    background: url('../img/fondo.about.us.mision.vision.jpg') no-repeat left top;
    color: white;
    padding-top: 100px;
    padding-bottom: 120px;

}

.about__us_mision_vision span i {
    font-size: 82px;
    color: #166D2F;
}

.about__us_mision_vision p  {
    font-size: 1.4rem;
}

.about__us_mision_vision div {
    margin-bottom: 45px;
}


/* ************************** */
/* HOME WHATSAPP SECTION      */
/* ************************** */
/*#whatsapp_icon_container {
    padding-top: 100px;
    background: url('../img/whatsapp.section.background.jpg') no-repeat left top;
    color: white;
    height: 300px;
    border-top: 2px solid #F5F5F5;
}

#whatsapp_icon_container p {
    font-size: 24px;
    font-weight: bold;
    padding-top: 20px;
}

#whatsapp_icon_container a {
    display: block;
    width: 307px;
    height: 95px;
    overflow: hidden;
    color: white;
    background: url('../img/chat.with.us.whatsapp.icon.png') no-repeat left top;
    text-align: center;
    font-size: 16px;
    padding-left: 70px;
    padding-top: 22px;
    text-decoration: none;
}

#whatsapp_icon_container a:hover {
    background-position: left bottom;
}

@media (max-width: 1200px) {
    #whatsapp_icon_container {

    }

    #whatsapp_icon_container p {

    }
}

@media (max-width: 640px) {
    #whatsapp_icon_container {
        padding-top: 70px;
    }

    #whatsapp_icon_container a {
        margin: 0 auto;
    }
}

#whatsapp_icon_float {
    position: fixed;
    bottom: 10px;
    right: 10px;
    z-index: 99;
}

#whatsapp_icon_float a {
    display: block;
    width: 32px;
    height: 32px;
    background: url('../img/whatsapp-logo.icon.png') no-repeat left top;
    background-size: contain;
}*/

/* *********** */
/* BREADCRUMBS */
/* *********** */
#breadcrumbs {
    position: relative;
    margin: 0px;
    padding: 0px;
    height: auto;
    background-color: #2c2c2c;
    margin-bottom: 20px;
}

#breadcrumbs .row {
    max-width: 74rem;
}

#breadcrumbs ul {
    list-style: none;
}

#breadcrumbs ul li {
    float: left;
    margin: 0px 5px;
    line-height: 40px;
}

#breadcrumbs ul li a {
    color: white;
    text-decoration: none;
    display: block;
    height: 40px;
    line-height: 40px;
    font-size: 0.7rem;
}

#breadcrumbs ul li i {
    color: white;
}

#breadcrumbs ul li  {
    font-size: 0.7rem;
    color: #999999;
}

#breadcrumbs ul li a:hover {
    text-decoration: underline;
}

/* MODAL PROMOTION HOMEPAGE */
#promotionhomeform {
    position: absolute;
    top: 0;
}

div.reveal {
    background-color: transparent;
    padding: 0;
}

div.reveal img.promotion-link {
    background-color: rgba(0,0,0, .5);
}

div.reveal #promotionhomeform h3 {
    color: white;
    font-size: 1.4rem;
    color: #00C851;
    font-weight: bold;
    text-align: center;
    margin-top: 2rem;
    margin-bottom: 2rem;
}

div.reveal #promotionhomeform {
    /*padding: 1rem 6rem;*/
    width: 100%;
}

@media (min-width: 648px) {
    div.reveal #promotionhomeform {
        padding: 1rem 6rem;
    }
}

div.reveal #promotionhomeform label {
    display: none;
}

div.reveal #promotionhomeform button.button {
    background-color: #00C851;
    border-radius: 8px;
    margin-top: 20px;
    transition: 400ms ease;
    opacity: 1;
}

div.reveal #promotionhomeform button.button:hover {
    background-color: #32fa82;
    transition: 400ms ease;
}

div.reveal button.close-button  {
    font-weight: bold;
    font-size: 3rem;
    color: white;
}

div.reveal button.close-button:hover {
    color: gray;

}

div.reveal #promotionhomeform input {
    background-color: transparent;
    border: none;
    color: white;
    border-bottom: 2px solid gray;
}

div.reveal #promotionhomeform input:focus {
    color:#00C851;
    font-weight: bold;
    border-bottom: 2px solid #00C851;
    box-shadow: none;
}

div.reveal #promotionhomeform input::placeholder {
    color: white;
    font-weight: normal;
}

div.reveal #promotionhomeform textarea {
    background-color: transparent;
    border: none;
    border-bottom: 2px solid gray;
    box-shadow: none;
    color: white;
    font-weight: bold;
}

div.reveal #promotionhomeform textarea:focus {
    border-bottom: 2px solid #00C851;
    color: #00C851;
    font-weight: bold;
}

div.reveal #promotionhomeform textarea::placeholder {
    font-weight: normal;
}



div.opac-layer {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0, .7);
}






/*.gradient {
    position: relative;
    min-height: 200px;
    background-image: linear-gradient(
            to right,
            hsl(211, 100%, 50%),
            hsl(179, 100%, 30%)
    );
    z-index: 1;
}

.gradient::before {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: linear-gradient(
            to bottom,
            hsl(344, 100%, 50%),
            hsl(31, 100%, 40%)
    );
    z-index: -1;
    transition: opacity 0.5s linear;
    opacity: 0;
}
.gradient:hover::before {
    opacity: 1;
}*/