/* *********************  cabo azul v2.css  ********************* */

.logo-wrapper {
    position: relative;
    width: 200px;
    overflow: hidden;
    float: left;
}

.main-header {
    background-color:rgba(255,255,255,0.95);
}

/* *********************  navigation fix  ********************* */

@media (max-width:1215px) {
    .logo-wrapper {
        position: relative;
        width: 130px;
        overflow: hidden;
        float: left;
    }

}

.submenu,
.megamenu {
    text-transform: none;
}


/* *********************  header fix  ********************* */

h3 {
    line-height: 32px;
}

/* *********************  image fix  ********************* */
.bg-img {
    position: relative;
    -webkit-backface-visibility: visible !important;
    background-repeat: no-repeat;
    background-position: 50% 0;
    background-size: auto;
}


@media (max-width:1145px) and (min-width:993px) {
    .logo-wrapper  {
        display: none;
    }
}

/* *********************  accommodations  ********************* */
.portfolio-middle {
    color: #ccc;
}

.list-2 li {
    margin-bottom: 0px;
    font-size: 12px;
}

/* Project Portfolio */
.project-title {
    margin-bottom: 20px;
}

/* *********************  menu  ********************* */

.menu > li > a {
    padding: 30px 12px;
}

@media (min-width:992px) {
    .menu-fixed .menu > li > a {
        padding: 30px 12px;
    }
    .menu-fixed .menu > li.li-icon > a {
        padding: 30px 12px;
    }

}

@media (max-width: 991px) {
    .menu > li > a, .menu > li.li-icon > a {
        padding: 10px 12px;
    }
}

@media (max-width:768px) {
    .menu > li > a {
        padding: 10px 12px;
    }
}

.submenu > li > a {
    width: 100%;
    padding: 3px 15px 3px;
}

.field-name-field-tag-line {display:none;}

/* *********************  slider  ********************* */

.title-slider.large {
    text-shadow:none;
    font-weight: 400;
    font-size: 62px;
    line-height: 62px;
    color:#000033;
}

.intro-title {
    color: white;
    text-shadow:none;
}

/* *********************  blocks  ********************* */

#block-block-15,
#block-block-14{
    display: none!important;
}

.py1 {padding-left:1px !important; padding-right:1px !important;}

@media (max-width: 1024px) {
    .mobhide {display: none !important;}
}

@media (min-width: 1025px) {
    .mobshow {display: none !important;}
}

/* *********************  Overlays  ********************* */
.bg-half {
    padding: 40px 50px;
}

/* *********************  Sections  ********************* */
.section {
    padding: 40px 0;
    position: relative;
}
.section-bg {
    padding: 30px 0;
    margin: 60px 0;
    position: relative;
    overflow: hidden;
}

.section-page { padding: 30px 0 10px; }

@media (max-width: 767px) {
    .section { padding: 25px 0; }
    .section-bg { padding: 20px 0; margin: 20px 0; }
    .section-page { padding: 20px 0 10px; }
}

.section-intro.dark-color .page-breadcrumbs,
.section-intro.dark-color .intro-title {
    color:#606469;
}
.section-intro.intro-breadcrumbs-bg {
    padding: 140px 0 0;
}
.section-intro.intro-breadcrumbs-bg .page-breadcrumbs {
    margin-top: 0;
}
.section-intro.intro-breadcrumbs-bg .breadcrumbs-bg {
    margin-top: 90px;
    padding: 20px 0 15px;
    background-color: rgba(41,44,49,0.8);
}
.section-intro.intro-small {
    padding:50px 0 45px;
}
.section-intro.intro-breadcrumbs-bg.intro-small {
    padding: 50px 0 0;
}
.section-intro.intro-breadcrumbs-bg.intro-small .breadcrumbs-bg {
    margin-top: 45px;
}

/* *********************  Breadcrumbs  ********************* */

.page-breadcrumbs a:hover, 
.page-breadcrumbs a:focus, 
.page-breadcrumbs a:active,
.page-breadcrumbs span.easy-breadcrumb_segment, 
.page-breadcrumbs a.active {
    color: #d2bc93;
}

.page-breadcrumbs {
    margin-top: 30px;
    color: #d2bc93;
}

.breadcrumb {
    margin-bottom: 0px;
}
/* *********************  Form  ********************* */
@media (min-width: 769px) {
    .br-box {
        border-right: 1px solid #dadcde;
        padding-top: 30px;
        padding-bottom: 30px;
    }
}

@media (min-width: 769px) {
    .form-inline .form-group { margin-bottom: 10px; }
}

@media (max-width:768px) {
    form.form-inline {
        display: none;
    }
}

/* *********************  Button Learn More and Book Room ********************* */
.btn-l {
    display: inline-block;
    background-color: #404449;
    font-family: "Montserrat", "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #fff;
    border-radius: 3px;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 10px;
    line-height: 14px;
    letter-spacing: 1.5px;
    padding: 14px 26px;
}
.btn-l:hover,
.btn-l:focus,
.btn-l:active,
.btn-l.active {
    background-color: rgb(81,81,81);
    color: #fff;
}

.btn-bn {
    display: inline-block;
    color: #fff;
    background-color: #92a8d1;
    border: 1px solid transparent;
    border-radius: 3px;
    padding: 14px 26px;
    font-size: 10px;
    line-height: 14px;
    font-family: "Montserrat", "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 1px;
    position: relative;
    opacity: 0.85;
}

.btn-bn:hover,
.btn-bn:focus,
.btn-bn:active {
    opacity: 1;
    border: 1px solid transparent;
    color: #fff;
}

.btn-bg.rounded {
    border-radius: 20px;
}

.main_row{
    display: inline-block;
    width: 100%;
}

@media (max-width:1200px) {
    .btn-bn {
        padding: 14px 15px;
    }
    .btn-l {
        padding: 14px 15px;
    }
}

.page-azul-internal-rooms .main_row .col-sm-12,
.page-azul-internal-rooms-alt .main_row .col-sm-12{
    padding:0;
}


/* *********************  Contact Map ********************* */

.contact-map-overlay {
    position: relative;
    padding: 150px 0;
    color: #d3d5d8;
}

@media (min-width:768px) and (max-width: 991px) {
    .contact-map-overlay {
        padding: 80px 0;
    }
}

.contact-map-overlay .bg-overlay {
    background: #0F151B;
    opacity: 0.85;
    -webkit-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}

.contact-map-overlay .map-fullscreen {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

#contact-see-map {
    position: absolute;
    top: 0;
    left: 0;
    color: inherit;
    font-family: "Montserrat", sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-right: 100px solid transparent;
    border-top: 100px solid rgb(252, 200, 19);
    z-index: 99;
}

#contact-see-map .icon {
    position: absolute;
    top: -78px;
    left: 12px;
    font-size: 25px;
    color: #fff;
}

.contact-map-overlay.map-on .bg-overlay {
    opacity: 0;
    -webkit-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}

.contact-map-overlay.map-on .map-fullscreen {
    z-index: 9;
}

.contact-map-overlay .box-services-6 p,
.contact-map-overlay.page-contact .box-services-2 .box-left .icon-4 {
    color: inherit;
}

.contact-map-overlay .box-services-6 {
    padding: 20px;
    border: 1px solid #dadada;
}

.contact-map-overlay .form input[type],
.contact-map-overlay .form textarea {
    background-color: rgba(255, 255, 255, 0.2);
    color: inherit;
    margin-bottom: 20px;
}

.contact-map-overlay .form input[type]:hover,
.contact-map-overlay .form textarea:hover,
.contact-map-overlay .form input[type]:focus,
.contact-map-overlay .form textarea:focus {
    background-color: rgba(255, 255, 255, 0.3);
}

.contact-map-overlay .form::-webkit-input-placeholder {
    color: inherit;
    letter-spacing: 0.5px;
}

.contact-map-overlay .form::-moz-placeholder {
    color: inherit;
    letter-spacing: 0.5px;
}

.contact-map-overlay .form:-ms-input-placeholder {
    color: inherit;
    letter-spacing: 0.5px;
}

.front .main-container{
    display: none; 
}

.footer-widget .readmore{
    font-size: 12px;
}

/* *********************  grid  ********************* */

.grid-settings .form-group{
    margin-bottom: 15px!important;
}

@media (min-width:992px) {
    .template-options-btn {
        display: block;
        position: fixed;
        top: 200px;
        right: 0;
        color: #fff;
        background-color: #303338;
        padding:8px 13px 6px 14px;
        z-index:9999999;
        border-radius: 4px 0 0 4px;
    }
    .grid-settings {
        display: block;
        position: fixed;
        left: 50px;
        bottom:0;
        opacity:0;
        z-index:-1;
        background-color: rgb(41,44,49);
        color: #d8dade;
        border-radius: 5px;
        width: 400px;
        margin: 0 auto;
        padding: 50px;
        box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.5);
        -webkit-transition:all 0.2s ease-out;
        transition: all 0.2s ease-out;
    }
    .grid-settings.on {
        opacity:1;
        bottom:50px;
        z-index: 999999;
        -webkit-transition:all 0.4s ease-out;
        transition: all 0.4s ease-out;
    }
    .grid-settings .title {
        color: inherit;
        font-size: 16px;
    }
    .grid-settings .close-grid-settings {
        position: absolute;
        top: 15px;
        right: 15px;
        color: rgb(252,200,19);
        font-size: 20px;
    }
    .grid-settings-columns a,
    .grid-settings-paddings a {
        margin-right: 15px;
        font-size: 15px;
        color: rgb(252,200,19);
    }
}
.footer-widget .read-more {
    font-size:12px;
}

.grey-bg-color{
    background-color: #A0A0A0;
    padding: 40px 100px;
}

.grey-bg-color .img-fluid{
    width:95%;
}
address.contact-widget a:hover{
    color:#FFF !important;
}
.contact-number{
    color:#d2bc93 !important;
}

div.captcha{
    margin-bottom: 15px;
}