/*
Theme Name: ID Hotel Base
Author: Marcelo Torres
Description: =)
Version: 2.0.0
*/

/*@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200;300;400;500;600;700&family=Playfair+Display:wght@400;500;600;700;800;900&family=Spartan:wght@100;200;300;400;500;600;700;800;900&display=swap');

.sans-serif-font{font-family: 'Oswald', sans-serif !important;}
.sans-serif-font-2{font-family: 'Spartan', sans-serif !important;}
.serif-font{font-family: 'Playfair Display', serif !important;}*/

/*@import url('assets/fonts/muli/stylesheet.css');
@import url('assets/fonts/lovelo/stylesheet.css');

.sans-serif-font{font-family: 'Muli', sans-serif !important;}
.sans-serif-font-2{font-family: 'Montserrat', sans-serif !important;}*/

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

@import url('assets/fonts/elegant/stylesheet.css');

.sans-serif{font-family: 'Montserrat', sans-serif;}
.script-serif{font-family: 'Elegant DEMO', serif;}

a{text-decoration: none;color: #0D1F43;}
p, li{font-size: 1.1em;line-height: 1.6em;color: #666;}
h1, h2, h3, h4, h5, h6{color: #000;}
hr{margin: 50px auto}
.whatsapp-chat-container .whatsapp-chat-top *, 
.whatsapp-chat-container .whatsapp-chat-body form label span, 
.whatsapp-chat-container .whatsapp-chat-body form small{color:#000 !important;}
#sb_instagram .sb_instagram_header a{display: table;float: none;margin: auto;}
#sb_instagram .sbi_no_avatar .sbi_header_img{background: none;}
#sb_instagram .sb_instagram_header.sbi_medium .sbi_header_hashtag_icon .sbi_new_logo, 
.sb_instagram_header.sbi_medium .sbi_header_hashtag_icon .sbi_new_logo{color: #17D3CD;margin-top: -28px;}
#sb_instagram .sb_instagram_header.sbi_medium .sbi_header_text.sbi_no_bio h3{color: #17D3CD;font-size: 2em;padding: 0 !important;margin: 0 0 0 80px !important;}

/* Helpers */
.transition-all, .transition-all:hover{-webkit-transition: all .2s linear;-moz-transition: all .2s linear;-o-transition: all .2s linear;-ms-transition: all .2s linear;transition: all .2s linear;}
.social li a span{display: none;}
.countdown-container .countdown{margin:0}
.countdown-container .countdown > div{padding:0 5px;float: left;width:25%}
.countdown-container .countdown > div span{font-size: 1.1em;padding-top: 0;display: block}
.countdown-container .countdown > div small{font-size: .6em;display: block}
#main-post-content{margin-top: 30px;}
#main-post-content h1,
#main-post-content h2,
#main-post-content h3,
#main-post-content h4,
#main-post-content h5,
#main-post-content h6{color: #0D1F43;font-size: 1.7em;font-weight: 400;text-transform: uppercase;margin-bottom: 20px;font-family:  'Montserrat', sans-serif;}
#main-post-content h2{font-size: 2.4em;font-weight: 300;}
#main-post-content h3{font-size: 1.4em;}
#main-post-content h4{font-size: 2.4em;}
#main-post-content h5{font-size: 2.2em;}
#main-post-content h6{font-size: 2em;}
#main-post-content img.aligncenter.size-full{max-width:100%}
#main-post-content p, #main-post-content li{font-size: 1.1em;line-height: 1.6em;color: #666;}
.page-title{font-size: 2.4em;/*letter-spacing: 10px;*/font-weight: 300;text-transform: uppercase;font-family: 'Montserrat', sans-serif;}
.page-subtitle, .page-subtitle p{font-size: 36px !important;font-weight: 200;text-transform: uppercase;padding: 0 40px;position: relative;width: 100%;display: table;color: #000 !important;font-family: 'Montserrat', sans-serif;}
.page-subtitle p{line-height: 40px}
.page-subtitle .line-1{font-size: 1.7em;color: #ACACAC;font-weight: 700;letter-spacing: 14px;}
.more-photos{color: #828282;background: #DAE3DF;width: 70%;padding: 10px 15px;position: relative;display: table;margin: 20px auto 0 auto;}
.more-photos:hover{text-decoration:none;color:#000}
.no-featured-image{margin-top: 250px}
.more{display: table;text-transform: uppercase;padding: 10px 30px;font-size: 10px;border-radius: 30px;font-weight: 500;background: none;color: #0D1F43;border: 1px solid #0D1F43;line-height: 18px;width: auto;}
.more:hover{text-decoration: none;background-color: #0D1F43;color: #fff}
.more-2{background: #00E4C5;color: #fff;font-weight: bold;padding: 16px 22px 12px 22px;text-transform: uppercase;font-size: .7em;position: relative;}
.more-2:hover{color: #fff;opacity: .8;}
.more-2:after{content: '';width: 30px;height: 30px;border-top: 2px solid #00E4C5;border-right: 2px solid #00E4C5;position: absolute;right: -5px;top: -5px}
.more-2:before{content: '';width: 30px;height: 30px;border-bottom: 2px solid #00E4C5;border-left: 2px solid #00E4C5;position: absolute;left: -5px;bottom: -5px}
.video-thumbnail{position: relative;}
.video-thumbnail:after{content: '';position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 130px;height: 130px;display: table;background: url('assets/images/play.png') center center no-repeat; }
.video-thumbnail:before{content: '';position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 100%;height: 100%;display: table;background: rgba(0,0,0,.5); }
.video-thumbnail:hover:before{background: rgba(0,0,0,.3); }

/* WordPress Core */
.alignnone {margin: 5px 20px 20px 0;}
.aligncenter,div.aligncenter {display: block;margin: 5px auto 5px auto;}
.alignright {float:right; margin: 5px 0 20px 40px;}
.alignleft {float: left; margin: 5px 40px 20px 0;}
.aligncenter {display: block; margin: 5px auto 5px auto;}
a img.alignright {float: right;margin: 5px 0 20px 40px;}
a img.alignnone {margin: 5px 20px 20px 0;}
a img.alignleft {float: left;margin: 5px 40px 20px 0;}
a img.aligncenter {display: block;margin-left: auto;margin-right: auto}
.wp-caption {background: #fff;border: 1px solid #f0f0f0; max-width: 96%;padding: 5px 3px 10px;text-align: center;}
.wp-caption.alignnone {margin: 5px 20px 20px 0;}
.wp-caption.alignleft { margin: 5px 20px 20px 0;}
.wp-caption.alignright {margin: 5px 0 20px 20px;}
.wp-caption img {border: 0 none;height: auto; margin: 0; max-width: 98.5%; padding: 0;width: auto;}
.wp-caption p.wp-caption-text {font-size: 11px;line-height: 17px; margin: 0; padding: 0 4px 5px;}

/* Bootstrap */
.pl-6, .px-6{padding-left: 4rem!important;}
.pl-7, .px-7{padding-left: 5rem!important;}
.pr-6, .px-6{padding-right: 4rem!important;}
.pr-7, .px-7{padding-right: 5rem!important;}
@media (min-width: 1200px){	
    .container, .container-lg, .container-md, .container-sm, .container-xl {max-width: 1240px;}
}
.container.container-full{max-width: 1366px;}
.carousel-control-next-icon, 
.carousel-control-prev-icon{width: 50px;height: 50px;border-radius: 50%;background: none;border: 1px solid #000;position: relative;}
.carousel-control-prev-icon:before,
.carousel-control-next-icon:before{content: '\2023' !important;color: #000;text-shadow: none;margin: 0;display: table;font-size: 40px;position: absolute;top: -9px;left: 18px;}
.carousel-control-prev-icon:before{transform: rotate(180deg);top: -3px;left: 15px;}
.carousel-control-next, .carousel-control-prev{width: auto;right: 30px;}
.carousel-control-prev{right: auto;left:30px;opacity: 1;}
#accordion .card-header{background: #fff}
#accordion .card-header .btn-link{color: #000 !important;font-size: 18px;}
.btn{position:relative;background: #000000;padding: 8px 20px;color: #fff !important;font-weight: 500;text-transform: uppercase;border: none;border-radius: 0;font-size: 1em;z-index: 1;}
.btn.cta{border-radius: 50px;padding: 12px;text-transform: uppercase;font-size: 11px;font-weight: bold;background: #0D1F43;}
.btn.more-info{background:#ACACAC;padding: 18px 20px;}
.btn:hover{opacity:.8}
.btn.hollow{background: none;color: #FF9100 !important;border: 2px solid #FF9100;font-weight: 600;padding: 6px 20px;}
.w-100 {height: auto;}
.no-front-page .secondary-title-container{margin-top: 30px;border-top: 1px solid #ccc;padding-top: 30px;}
.secondary-page-title{display: block;margin: 40px 0 0 0;color: #0D1F43;}

.fancybox-slide{z-index: 99999999}

#reservarModal .btn.cta{min-width: 120px}

/* Mansory  */
.masonry {-webkit-column-count: 5;-moz-column-count: 5;column-count: 5;-webkit-column-gap: 1em;-moz-column-gap: 1em;column-gap: 1em;margin: 1.5em;padding: 0;-moz-column-gap: 1.5em;-webkit-column-gap: 1.5em;column-gap: 1.5em;font-size: .85em;}
.masonry .item {margin: 0 0 1.5em;width: 100%;-webkit-transition:1s ease all;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.masonry .item img{width:100%;height: auto;}

/* Flexslider */
.flexslider .flex-direction-nav .flex-next, .flexslider .flex-direction-nav .flex-prev{opacity: 1;background: none;border-radius: 50%;border: 1px solid #fff;}
.flex-direction-nav a:before{content: '\2023' !important;color: #fff;text-shadow: none;margin: 9px 15px 0 0;}
.flex-direction-nav .flex-prev:before{margin: 10px 0 0 15px;transform: rotate(180deg);}

/* breadcrumb */
.breadcrumb {padding: 30px;margin:40px 0 30px 0;font-size: 24px;text-transform: uppercase;background: none;}
.breadcrumb a{margin:0 10px;color: #26262A;font-size: 24px}

/* Header */
#header{position: relative;height: 100vh;overflow: hidden;}
#header .infos-box{z-index: 9999;right: 40px;position:absolute;top: 100px;}
.no-front-page #header{position: relative;z-index: 99;height: auto;}
.no-front-page #header:before{content:'';width: 100%;height: 40vh;}

/* Infos  */
#header .infos-container{width: 100%;height: 22px;line-height: 26px;overflow: hidden;padding: 0 25px;z-index: 99;position: absolute;top: 0;right: 0;background: #dfcba8;}
#header .infos-container ul {float: right;}
#header .infos-container ul {margin: 0;padding: 0;}
#header .infos-container ul li{color: #000;display: inline-block;padding: 0 10px 0 5px;font-weight: bold;line-height: 14px;}
#header .infos-container ul li{font-size: 10px;font-weight: bold;}
#header .infos-container ul li a{color: #000;font-size: 8px;}
#header .infos-container ul.infos{float: left;line-height: 19px;margin-top: -2px;}
#header .infos-container ul.infos li{padding-left: 16px;line-height: 18px;}
#header .infos-container ul.infos .address{background:  url('assets/images/address-tiny.png') left top 4px no-repeat;}
#header .infos-container ul.infos .phones{background: url('assets/images/phones-tiny.png') left top 4px no-repeat;padding-left: 21px;}
#header .infos-container ul.infos .whatsapp{background: url('assets/images/whatsapp-tiny.png') left top 1px no-repeat;}
#header .infos-container ul.infos .whatsapp .socicon{display: none;}
#header .infos-container .navbar-nav{display: table;margin: 4px 0 0 0;text-transform: uppercase;}
#header .infos-container .navbar-nav li.nav-item{display: inline-block;float: left;margin: 0;padding: 0 10px;}
#header .infos-container .navbar-nav li.nav-item .nav-link{padding: 0;color: #000;font-weight: bold;font-size: 8px;}
#header .infos-container .social-container .social{float: none;top: -5px;position: relative;}
#header .infos-container .social-container .social li{float: none;margin: 0 3px;padding: 0;border: none;overflow: inherit;}
#header .infos-container .social-container .social li a{float: none;width: auto;height: auto;line-height: 10px;}
#header .infos-container .social-container .social li a i{color: #000;font-size: 1em;}
#header.fixed-header .infos-container{position: fixed;top: 0;width: 100%;height: 25px;}

/* Main nav */
#header .navbar{top: 26px;padding: 0;display: block;position: absolute;z-index: 9;width: 100%;left: 2%;}
#header .navbar-brand{width: 20%;float: left;background: none;padding: 10px 15px;margin: 0;}
#header .navbar-brand img{margin: auto;display: table;width: 100%;height: auto;}
#header .navbar-expand-lg .navbar-collapse{flex-grow: 0;display: none !important;width: 100%;position: relative;justify-content: space-evenly;}
#header .navbar-expand-lg .navbar-collapse.show{display: block !important;}
#header .navbar-expand-lg .navbar-collapse ul{float: left;width: 63%;margin-top: 12px;padding: 20px;display: flex;justify-content: space-between;}
#header .navbar-expand-lg .navbar-collapse .btn.cta{margin: 32px 52px 0 0;float: right;}
#header .navbar-expand-lg .navbar-toggler{display: none;width: 66px;height: 40px;padding: 0;margin-top: 20px;}
#header .navbar-expand-lg .navbar-toggler-icon{filter: invert(1);background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGhlaWdodD0iMzJweCIgaWQ9IkxheWVyXzEiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDMyIDMyOyIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgMzIgMzIiIHdpZHRoPSIzMnB4IiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48cGF0aCBkPSJNNCwxMGgyNGMxLjEwNCwwLDItMC44OTYsMi0ycy0wLjg5Ni0yLTItMkg0QzIuODk2LDYsMiw2Ljg5NiwyLDhTMi44OTYsMTAsNCwxMHogTTI4LDE0SDRjLTEuMTA0LDAtMiwwLjg5Ni0yLDIgIHMwLjg5NiwyLDIsMmgyNGMxLjEwNCwwLDItMC44OTYsMi0yUzI5LjEwNCwxNCwyOCwxNHogTTI4LDIySDRjLTEuMTA0LDAtMiwwLjg5Ni0yLDJzMC44OTYsMiwyLDJoMjRjMS4xMDQsMCwyLTAuODk2LDItMiAgUzI5LjEwNCwyMiwyOCwyMnoiLz48L3N2Zz4=);float: left;display: inline-block;}
#header .navbar-expand-lg .navbar-toggler i{color: #fff;float: right;text-transform: uppercase;font-style: inherit;font-size: 11px;margin-top: 11px;}
#header .navbar .navbar-nav .nav-item{margin: 0;display: inline-block;/* width: 100%; */}
#header .navbar .navbar-nav .nav-item .nav-link{padding: 10px;color: #fff;text-transform: uppercase;position: relative;line-height: 20px;font-weight: 300;/* background: #fff; */}
#header .navbar .navbar-nav .nav-item.btn-cta .nav-link{border-radius:50px;background: #0D1F43;padding: 10px 30px;border-bottom: 2px solid #000;}
#header .navbar .navbar-nav .nav-item.btn-cta .nav-link:hover{border-top: 2px solid #000;border-bottom: none;text-decoration: none;}
#header .navbar .navbar-nav .nav-item.btn-cta .nav-link span{font-size: 12px;font-weight: bold;}
#header .navbar .navbar-nav .nav-item.btn-cta .nav-link:hover span{color: #fff}
#header .navbar .navbar-nav .nav-item .nav-link:hover{text-decoration: underline;}
#header .navbar .navbar-nav .nav-item .nav-link span{position: relative;z-index: 10;font-size: 10px;color: #fff;font-weight: 500;letter-spacing: 1px;}
#header .navbar .navbar-nav .nav-item .nav-link:hover span{color: #fff;}
#header .main-slider {position: absolute;background: #000;top: 0;left: 0;width: 100%;height: 100vh;}
#header .main-slider:after{content: '';position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: rgba(0,0,0,.2);z-index: 0;}
#header .main-slider #main-slider {position: relative;z-index: 0}
#header .main-slider #main-slider .carousel-control-prev, #header .main-slider #main-slider .carousel-control-next{display: none;}
#header .main-slider img.logo{display: table;margin: 50px auto;position: absolute;top: 10%;left: 0;right: 0;z-index: 9;}
#header .main-slider .seals{position: absolute;z-index: 99;right: 0;top: 10%;}
#header .main-slider .seals .promo-link{color: #fff;border: 2px solid #fff;border-radius: 50px;padding: 10px 20px;text-transform: uppercase;font-size: 12px;font-weight: bold;}
#header .main-slider .seals img{margin: 0 25px;}
#header .main-slider #selos{position: absolute;bottom: 30px;left: 0;right: 0;}
#header .main-slider #selos ul li img {height: 100px;}
#header .main-slider #selos ul li{background: #fff;border-radius: 150px;width: 150px;height: 150px;display: flex;justify-content: center;align-items: center;}
#header .main-slider .carousel-item img {opacity: .7;}
#header.fixed-header .navbar{position: fixed;top: 25px;left: 0;background: #fff;padding: 0;z-index: 99999;width: 100%;/* display: none; */}
#header.fixed-header .navbar-brand{display: inline-block;float: left;width: 13%;margin-top: 0;padding: 0 15px;}
#header.fixed-header .navbar-brand img{filter: invert(1);}
#header.fixed-header .navbar-expand-lg .navbar-toggler{display: none !important;}
#header.fixed-header .navbar-collapse{display: block !important;}
#header.fixed-header .navbar-expand-lg .navbar-collapse ul{width: 70%;margin: 22px 0 0 0;padding: 0;background: none;float: left;display: flex;justify-content: space-evenly;}
#header.fixed-header .navbar-expand-lg .navbar-collapse .btn.cta {margin: 14px 52px 0 0;}
#header.fixed-header .navbar .navbar-nav .nav-item {margin: 0;display: inline-block;width: auto;}
#header.fixed-header .navbar .navbar-nav .nav-item .nav-link{background: none;padding: 10px 5px;}
#header.fixed-header .navbar .navbar-nav .nav-item .nav-link span{color: #000;font-size: 11px;}
#header.fixed-header .navbar .navbar-nav .nav-item.cta a {border-radius: 50px;padding: 7px 20px;text-transform: uppercase;font-size: 12px;font-weight: bold;background: #0D1F43;}
#header.fixed-header .navbar .navbar-nav .nav-item.cta span {color: #fff}
#header.fixed-header .btn.cta{padding: 15px 50px;display: inline-block;}
#header.fixed-header .main-slider .logo2{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 1;width: 200px;}
.no-front-page #header .main-slider{margin: 0 auto;position: relative;height: 66vh;margin-top: 0;}
.no-front-page #header .main-slider.main-slider-no-image{background: #000;position: static;margin-top: 0;/* height: auto; */}
.no-front-page #header .main-slider.main-slider-no-image .logo2{display:none}
.no-front-page #header .main-slider.main-slider-no-image:after{display: none;}
.no-front-page #header .main-slider.main-slider-no-image .reservation-form{position:static}
.no-front-page #header .main-slider.main-slider-no-image .slider-text{margin-top: 0;}
.no-front-page #header .main-slider.main-slider-no-image .logo{display:none}
.no-front-page #header .main-slider .slider-text{font-size: 5em;top: auto;font-weight: 300;bottom: 24%;font-style: inherit;color: #fff;margin: auto;text-transform: uppercase;z-index: 1;position: absolute;left: 0;right: 0;font-weight: 100;}
.no-front-page #header .main-slider .slider-text span{text-transform: inherit !important;}
.no-front-page #header .main-slider .img-fluid{opacity:.7}
.no-front-page #header .main-slider .slider-text.slider-text-no-image{text-shadow: none;position: absolute;margin-top: 0;text-transform: uppercase;font-weight: 300;}
.no-front-page #header .main-slider .slider-text.slider-text-no-image span{color: #fff;margin-top: 0;display: block;}
.no-front-page #header .main-slider img.logo{position: absolute;bottom: 14%;left: auto;right: 10%;width: 180px;height: auto;}
.infos-box .infos{float: left;margin: 6px 0 0 0;padding: 0;}
.infos-box .infos li{float: left;list-style: none;margin: 0;color: #D1D6DA;}
.infos-box .infos li .social li a{width: 36px;height: 23px;}
#header.header-w-video .main-slider{background: none !important;}

/* header video  */
.video-background{width: 100%;}

/* Reservation form */
.reservation-form{width: 70%;z-index: 9;padding: 0;margin: auto;bottom: 25px;position: absolute;left: 0;right: 0;border-radius: 20px;overflow: hidden;}
.reservation-form > .container{width: 100%;/* padding: 0 !important; *//* max-width: 1300px; */}
.reservation-form label{width: 100%;position: relative;padding: 0;margin: 0;}
.reservation-form label span {display: block;color: #000;text-transform: uppercase;font-size: .9em;width: 100%;margin-top: 0;text-align: center;font-weight: 600;}
.reservation-form label .form-control{background: none;border: none;color: #000;border-radius: 0;width: 100%;float: left;padding: 9px 10px 5px 5px;height: calc(1.5em + .75rem + 2px);margin: 0;font-size: 1.2em !important;font-weight: 300;border-left: none;text-align: center;}
.reservation-form label .form-control option{color: #000;}
.reservation-form label select.form-control{width: 100%;}
.reservation-form label .icons{position: absolute;width: 24px;height: 20px;margin: 0;right: 6px;top: 22px;display: none;}
.reservation-form label .icons.icon-calendar{background: url( 'assets/images/calendar.png' ) center center no-repeat;}
.reservation-form label .icons.icon-people{background: url( 'assets/images/ad.png' ) center center no-repeat;right: 16px;}
.reservation-form label .icons.icon-ch{background: url( 'assets/images/ch.png' ) center center no-repeat;right: 16px;}
.reservation-form .fields-container{background: #F9F9F9;padding: 16px;-ms-flex: 0 0 85.333333%;flex: 0 0 85.333333%;max-width: 85.333333%;}
.reservation-form .button-container {-ms-flex: 0 0 14.666667%;flex: 0 0 14.666667%;max-width: 14.666667%;}
.reservation-form .button-container .btn{background: #0D1F43;width: 100%;height: 100%;margin-top: 16px;font-size: 0.95em;font-weight: 600;margin: 0;}
.reservation-form.fixed-reservation-form{position: fixed;top: 107px;width: 60%;background: none;bottom: auto;padding: 0;z-index: 999;/* display: none; */;border-top-left-radius: 0;border-top-right-radius: 0;}
.reservation-form.fixed-reservation-form .slider-text{width: 26%;float: left;color: #0E2551;font-size: 1em;font-weight: bolder;letter-spacing: 2px;margin: 12px 0 0 0;}
.reservation-form.fixed-reservation-form img{width: 150px;margin: auto;display: table;}
.reservation-form.fixed-reservation-form .fields-container{background: #dfcba8;padding: 0 16px;}
.reservation-form.fixed-reservation-form label .form-control{font-size: .8em !important;}
.no-front-page .reservation-form{top: -300px;bottom: auto;}
.no-front-page .reservation-form.fixed-reservation-form{top: 107px;bottom: auto;}

/* About */
.page-template-about .secondary-title-container, 
.page-template-about #main-post-content,
.page-template-about #extra-content{/*background: url(assets/images/pattern.png) top center;*/margin: 0 auto;}
.page-template-about .secondary-title-container .page-subtitle{margin: 0 auto 50px auto;border-top: 1px solid #ccc;padding: 60px 0 20px 0;}
#about #extra-content{padding: 100px 0;overflow: hidden;}
#about #extra-content .desc{margin: 0 20px;background: #EEEEEE;padding: 30px;}
#about #extra-content .desc :last-child{margin-bottom: 0;}
#about #video{margin: 100px auto;overflow: hidden;}
#about #video .texts {/*border: 1px solid #ccc;*/border-right: 0;padding: 50px 50px 30px 50px;}
#about #video .texts .title{text-transform: uppercase;font-weight: 200;font-size: 2em;}
#about #video .video-container{padding: 0 0 0 40px;}
#about #video .video-container iframe{width: 100%;height: 57vh;}
#about #experience{background: #F9F9F9 /*url(assets/images/pattern.png) top center*/;margin: 0 auto;overflow: hidden;}
#about #experience .image{position: relative;}
#about #experience .image:before{content: '';position: absolute;width: 94%;height: 92%;left: 3%;top: 4%;border: 1px solid #fff}
#about #experience .texts > div{display: flex;flex-direction: column;justify-content: space-between;align-items: flex-start;height: 100%;}
#about #experience .texts .title{text-transform: uppercase;font-weight: 200;font-size: 1.6em;}
#about #testimonials .testimonials-slider-container{background-size: cover;position: relative;padding: 0;margin: 0;}
#about #testimonials .testimonials-slider-container:before{content: '';position: absolute; width: 100%;height: 100%;background: rgba(13, 31, 61, .9);z-index: 0;}
#about #testimonials .testimonials-slider-container .carousel-container{padding: 30px;}
#about #testimonials .testimonials-container{position: relative;z-index: 1;margin: 100px auto;}
#about #testimonials .testimonials-container *{color: #fff}
#about #testimonials .testimonial-stars{filter: invert(1);}

/* Welcome */
#welcome{padding: 50px 0;overflow: hidden;/*background: url('assets/images/pattern.png') top center;*/}
#welcome .title {padding: 10px 0 50px 0;}
#welcome .title h1 {text-transform: uppercase;font-weight: 100;}
#welcome .title h1 *{font-size: 20px; color:#000 !important;}
#welcome .title h2{color: #AA9F81;font-size: .9em;letter-spacing: .4em;font-weight: 600;background: url('assets/images/stars.png') bottom center no-repeat;display: block;padding-bottom: 45px;}
#welcome .image{position: relative;}
#welcome .image:after{content: '';border: 1px solid #ccc;width: 100%;height: 100%;display: table;position: absolute;top: 26px;left: -26px;overflow: hidden;}
#welcome .desc{margin: 0 auto;}
#welcome .desc iframe{width: 100%;margin-top: 10px}

/* City  */
#city .texts{display: flex;padding: 15px;flex-direction: column;align-items: center;justify-content: center;height: 100%;}
#city .texts .title{font-weight: 100;font-size: 5em}
#city #myTab{margin: 20px auto 0 auto;display: flex;justify-content: center;border: none;}
#city #myTab .nav-item{border: 1px solid #dee2e6;margin: 0;}
#city #myTab .nav-item button{border:none}
#city .g-maps iframe, .pancontainer{width: 100%;height: 444px;}
.pancontainer{width: 100%;height: 450px;}
.pancontainer ul.zoomcontrols {bottom: 10px;right: 10px;background: #fff;opacity: 1;}
.pancontainer ul.zoomcontrols li{color:#666}

/* Experiences  */
.front-page #experiences {overflow: hidden;}
.front-page #experiences .page-title{position: relative;padding-left: 100px;display: table;}
.front-page #experiences .page-title:after{content: '';height: 1px;width: 70%;background: #ccc;position: absolute;left: 0;bottom: -16px;}
.front-page #experiences .flexslider {margin: 0;border: none}
.front-page #experiences .flexslider .slides li a{height: 70vh;display: table;overflow: hidden;position: relative;}
.front-page #experiences .flexslider .slides li a > img{object-fit: cover;width: 100%;height: 70vh;filter: contrast(1.2);}
.front-page #experiences .flexslider.carousel-2 .slides li a > img{height: auto;}
.front-page #experiences .flexslider .slides li a:hover > img{filter: contrast(1);}
.front-page #experiences .flexslider .slides li a .title{background: #ffffff;position: absolute;z-index: 99;bottom: 0;left: 50%;transform: translate(-50%, -50%);border: 1px solid #fff;padding: 20px;width: 70%;display: flex;align-content: space-between;align-items: center;justify-content: center;}
.front-page #experiences .flexslider .slides li a .icon {float: left;width: 30%;margin-right: 10%;height: 40px;border-right: 1px solid #000;}
.front-page #experiences .flexslider .slides li a .icon img{width: 40px;height: auto;filter: invert(1);}
.front-page #experiences .flexslider .slides li a .text{float: left;/*width: 60%;*/width: 100%;color: #000;text-transform: uppercase;font-weight: 800;font-size: 14px;line-height: 15px;}
.front-page #experiences .flexslider .slides li a:hover .title{background: #0D1F43;}
.front-page #experiences .flexslider .slides li a:hover .title .text{color: #fff}
.front-page #experiences .flexslider .slides li a:hover .title .icon {border-right: 1px solid #fff;}
.front-page #experiences .flexslider .slides li a:hover .title .icon img{filter: invert(0);}
.front-page #experiences .flexslider .flex-control-paging{bottom: auto;width: auto;top: -40px;right: 0}
.front-page #experiences .flexslider .flex-control-paging li a{width: 10px;height: 10px;background: none;border: 1px solid #000;box-shadow: none;}
.front-page #experiences .flexslider .flex-control-paging li a.flex-active{background: #000;}
.front-page #experiences .more{margin: auto;font-size: 13px;padding: 15px 50px;}
.no-front-page #experiences .photos-container{position: relative;}
.no-front-page #experiences .photos-container .btn{position: absolute;right:0;bottom:-50px}
.no-front-page #experiences .photos-container .btn.programacao{color:#0D1F43 !important ;background: #fff;border:1px solid #0D1F43;right: 140px;}
.no-front-page #experiences .experience-item{background: #F9F9F9 /*url(assets/images/pattern.png) top center*/;border: 1px solid #F9F9F9;margin: 50px auto;/*margin: 200px auto;*/position: relative;/*display: table;*/width: 100%;}
.no-front-page #experiences .experience-item.even-item{background: #DFCBA8;}
/*.no-front-page #experiences .experience-item .texts{width: 33%}*/
.no-front-page #experiences .experience-item .texts > div{display: flex;padding: 40px 30px 10px 30px;flex-direction: column;}
.no-front-page #experiences .experience-item .texts .title{/*color: #F9F9F9;*/letter-spacing: 0;font-size: 1.6em;text-transform: uppercase;font-weight: 200;margin-bottom: 20px;}
.no-front-page #experiences .experience-item .texts .desc *{line-height: 20px;font-weight: 200;}
/*.no-front-page #experiences .experience-item .photos {position: absolute;right: 3%;top: -10%;width: 63%;}*/
/*.no-front-page #experiences .experience-item .photos.photos-in-slider {width: 66.66%;}*/
.no-front-page #experiences .experience-item .photos.photos-in-slider .flexslider{margin: 0;border: none;}
.no-front-page #experiences .experience-item .photos.photos-in-slider .flex-direction-nav a{top: 20px;background: #000;border: none;border-radius: 0;width: 36px;height: 36px;left: 45.5%;opacity: 1;}
.no-front-page #experiences .experience-item .photos.photos-in-slider .flex-direction-nav a.flex-next{left: auto;right: 45.55%;}
.no-front-page #experiences .experience-item .photos.photos-in-slider .flex-direction-nav a:before{margin: 3px 9px 0 0;}
.no-front-page #experiences .experience-item .photos.photos-in-slider .flex-direction-nav .flex-prev:before{margin: 3px 0 0 9px;}
.no-front-page #experiences .experience-item .photos.photos-in-slider .flex-control-paging{display: none;}
.no-front-page #experiences .nav.nav-pills a{background: none;border:none;color:#000;text-align: left;padding-left: 0;display: flex;align-items: center;}
.no-front-page #experiences .nav.nav-pills a .icon img{width: 40px;height:auto;filter: invert(1);margin-right: 10px;align-items: center;}
.no-front-page #experiences .nav.nav-pills a:hover,
.no-front-page #experiences .nav.nav-pills a.active{color:#0D1F43;font-weight: 900;}
.no-front-page #experiences .nav.nav-pills-fixed{position: fixed;top: 30%;left: 1.5%;width: 330px;z-index: 999;background: #fff;padding: 20px;border-radius: 10px;}
.no-front-page #experiences .tab-content .subtitle{font-size: 1.6em}
/*.no-front-page #experiences .tab-content .photos{display: flex;padding: 0;list-style: none;flex-wrap: nowrap;justify-content: space-between;}
.no-front-page #experiences .tab-content .photos li{margin: 1% 0;}
.no-front-page #experiences .tab-content .photos li img{width: 100%;height: auto;padding: 2px;}*/
.no-front-page #experiences .tab-content .flex-caption{text-align: center;position: relative;top: -45px;background: rgba(0,0,0,.5);color: #fff;padding: 10px;}
.no-front-page #experiences .tab-content .post-experiences{display: flex;list-style-type: none;margin: 0;padding: 0;flex-wrap: wrap;flex-direction: row;justify-content: space-between;}
.no-front-page #experiences .tab-content .post-experiences li{width: 30%;margin-bottom: 5%;text-align: center}
.no-front-page #experiences .tab-content .post-experiences li .image img{width: 100%;height: auto}
.no-front-page #experiences .tab-content .post-experiences li .title{color: #0D1F43;font-weight: 400;padding: 10px;text-transform: uppercase;}
.no-front-page #experiences .tab-content .post-experiences li .desc{line-height: 1.5}
.no-front-page #experiencie-items .odd-item{background: #917253;}
.no-front-page #experiencie-items .odd-item *{color:#fff}
.no-front-page #experiencie-items .odd-item .flexslider{border:none}
.no-front-page #experiencie2-items .flexslider{margin: 0;border:none;background: #917253 url(assets/images/texture-transparent.png);}
.no-front-page #experiencie2-items .flexslider li .row > div{display: flex;flex-direction: column;justify-content: center;}
.no-front-page #experiencie2-items .flexslider li .row > div .title-desc{padding: 30px 30px 30px 90px}
.no-front-page #experiencie2-items .flexslider li .row > div .title-desc *{color:#fff}
.no-front-page #experiencie2-items .flexslider li .row > div .title-desc .page-title{text-transform: inherit;}
.no-front-page #experiencie2-items .cat .title{text-transform: uppercase;color:#0D1F43;font-weight: 400;font-size: 2em;}

/*Events*/
#events .item{margin: 50px auto 0 auto;overflow: hidden;border-bottom:2px solid #eaeaea}
#events .item .desc{background: #917253 url(assets/images/texture-transparent.png);padding: 30px;margin-top: 20px}
#events .item .desc *{color:#fff}

/* Facilities  */
#facilities {overflow: hidden;padding: 0;position: relative;}
#facilities .page-title{position: relative;padding: 0 100px 20px 0;display: table;text-align: right;float: right;}
/*#facilities .page-title:after{content: '';height: 1px;width: 70%;background: #ccc;position: absolute;right: 0;bottom: 0;}*/
#facilities .flexslider {margin: 0;border: none}
#facilities .flexslider .flex-direction-nav{display: none;}
#facilities #slider {background: #000;}
#facilities #slider .slides li{position: relative;}
#facilities #slider .slides .text-box{position: absolute;left: 100px;top: 0;z-index: 99;width: 30vw;padding: 100px 20px 20px 20px;}
#facilities #slider .slides .text-box:after{content: '';position: absolute;left: 2%;top: 0;width: 1px;height: 57%;background: #fff;}
#facilities #slider .slides .text-box .title{color: #fff;text-transform: uppercase;font-weight: 100;font-size: 2.2em;}
#facilities #slider .slides .text-box .desc{margin: 30px 0;}
#facilities #slider .slides .text-box .desc *{color: #fff;font-weight: 300;font-size: 1.5em;line-height: 1.4;}
#facilities #slider .slides .text-box .more{border: 1px solid #fff;color: #fff;font-weight: 300;font-size: 1.2em;line-height: 30px;}
#facilities #slider .slides .image img{opacity: .5;}
#facilities #carousel{position: absolute;right: 0;top: 0;background: none;text-align: center;z-index: 9;width: 36vw;}
#facilities #carousel .slides .icon{height: 70px;}
#facilities #carousel .slides .icon img{width: auto;height: auto;display: table;margin: 30px auto 0 auto;}
#facilities #carousel .slides .title{text-transform: uppercase;color: #fff;font-size: 10px;font-weight: bold;}
#facilities #carousel .slides li{cursor: pointer;}
#facilities #carousel .slides li:hover,
#facilities #carousel .slides .flex-active-slide{background: #fff;}
#facilities #carousel .slides li:hover .title,
#facilities #carousel .slides .flex-active-slide .title{color: #000;}
#facilities #carousel .slides li:hover .icon img,
#facilities #carousel .slides .flex-active-slide .icon img{filter: invert(1);}


/* Cozinha */
.cozinha{padding: 70px 0;overflow: hidden;background: #917253 /*url('assets/images/pattern.png') top center*/;}
.cozinha .text-container {display: flex;flex-direction: column;justify-content: center;}
.cozinha .title {padding: 0;}
.cozinha .title h1 {text-transform: uppercase;font-size: 1.9em;font-weight: 100;}
.cozinha .title h2{color: #fff;font-size: 1.9em;text-transform: uppercase;font-weight: 400;background: url('assets/images/stars.png') bottom center no-repeat;display: block;padding-bottom: 15px;}
.cozinha .image{position: relative;}
.cozinha .image:after{content: '';border: 1px solid #fff;width: 100%;height: 100%;display: table;position: absolute;top: -26px;left: 26px;}
.cozinha .desc{padding: 0 30px;}
.cozinha .desc *{color: #fff;font-size: 12px;font-weight: 300;}
.cozinha .desc .more{margin: auto;border: 1px solid #fff}

/* Testimonial */
#testimonials {margin-top: 0;padding: 0;overflow: hidden;}
#testimonials .page-title{text-transform:uppercase;margin-bottom: 40px;letter-spacing: .4em;}
#testimonials .testimonials-container{background-size: cover !important;margin-top: 30px;position: relative;}
#testimonials .testimonials-container > div{position: relative;z-index: 9;}
#testimonials .testimonials-slider-container{margin: 0 auto 10px auto;padding: 20px;}
#testimonials .testimonials-slider-container .carousel-container{padding: 30px 30px 0 30px;}
#testimonials .testimonials-slider-container .testimonials-seals{margin: 0 auto;display: table;}
#testimonials .testimonial-title h3{font-weight: 600;color: #000;margin: 30px 0;}
#testimonials .testimonial-content{font-size: .9em;font-weight: 200;color: #000;font-style: oblique;margin-top: 20px;}
#testimonials .testimonial-author{font-size: .8em;display: block;margin-top: 20px;font-weight: 600;color: #000;}
#testimonials .testimonial-author a{font-weight: 500;color: #000;}
#testimonials .testimonial-stars{background: url('assets/images/star.png') left center;width: 133px;height: 15px;display: table;margin: 20px auto;}
#testimonials .testimonial-logo a{color: #0D1F43;font-size: 3em;}
#testimonials .testimonial-logo a .name{display: block;letter-spacing: 4px;color: #000;font-size: 11px;text-transform: uppercase;}
#testimonials .carousel-indicators{display: none;}
#testimonials .carousel-control-prev{left: -10%;}
#testimonials .carousel-control-next{right: -10%;}

/* Instagram  */
#instagram{overflow: hidden;}
#instagram .title{text-transform: uppercase;font-size: 1.6em;font-weight: 100;padding-left: 40px;background: url('assets/images/instagram.png') left center no-repeat;display: table;margin: auto;}
#instagram .subtitle{color: #ab8b6d;text-transform: uppercase;font-size: 1em;font-weight: 100;display: table;margin: 20px auto;}
#instagram .desc *{font-size: 16px;}
#instagram .desc a{color: #46B194}
#instagram #sb_instagram {padding: 0 !important;}
#instagram #sb_instagram #sbi_images{padding-top: 0 !important;padding-bottom: 15px !important;}
#instagram #sb_instagram .sbi_photo_wrap{padding: 10px;background-color: #F3F3F3;}

/* Vídeos  */
#video{background: #F9F9F9 url(assets/images/pattern.png) top center;}
#video iframe{width: 100%;height: 70vh}

/* Promotion  */
#promotions .promotion-item {position: relative;overflow: hidden;}
#promotions .promotion-item .title-container{position: absolute;bottom: 40%;background: rgb(0 228 197 / 80%);font-weight: bold;color: #fff;width: 98.3%;padding: 30px 0;left: -500px;}
#promotions .promotion-item:hover .title-container{display: block;left: 4px;}
#promotions .promotion-item .title-container .title{margin: 0;color: #fff;font-weight: 600;letter-spacing: 3px;}
#promotions .promotion-item .title-container .title a{font-weight: bold;color: #fff;width: 100%;display: table;font-size: 1em;letter-spacing: 3px;}
#promotions .promotion-item .title-container .title a.more:hover{background:#fff;color:#000}
#promotions .promotion-item .countdown-container{/* background: #eaeaea; */display: table;width: 60%;padding: 10px 0;margin: 0 auto;}
#promotions .promotion-item .more{background: none;color: #fff;font-size: .4em !important;}
#promotions .promotion-item .more:after{border: 1px solid #fff;}
#promotions .sold-off{position: absolute;z-index: 9;bottom: 40px;top: auto;left:0;right:0;margin:auto;width:300px;height: 141px;background: url('assets/images/sold-off.png');}#promotions .sold-off span{display: none}
.no-front-page #promotions .promotion-item .title-container{left: 4px;}

/* Accommodation  */
#accommodations{overflow: hidden;}
#accommodations .title{font-weight: 400;}
#accommodations .flexslider{border: none;margin: 0;}
.page-template-accommodations #accommodations .flex-direction-nav a{top: 20px;background: #000;border: none;border-radius: 0;width: 36px;height: 36px;left: 44%;opacity: 1;}
.page-template-accommodations #accommodations .flex-direction-nav a.flex-next{left: auto;right: 44.05%;}
.page-template-accommodations #accommodations .flex-direction-nav a:before{margin: 3px 9px 0 0;}
.page-template-accommodations #accommodations .flex-direction-nav .flex-prev:before{margin: 3px 0 0 9px;}
.page-template-accommodations #accommodations .flex-control-paging{display: none;}
#accommodations .text-box{position: relative;top: -20%;padding: 30px 80px;}
#accommodations .text-box > div{background: #fff;display: table;margin: auto;width: 100%;}
#accommodations .text-box > div .desc{font-size: 12px;}
#accommodations .text-box > div .btns{display: flex;justify-content: space-evenly;align-items: flex-end;}
#accommodations .text-box > div .btns .more{color: #0D1F43;border: 1px solid #0D1F43;font-size: 13px;font-weight: 400;padding: 11px 30px;}
#accommodations .text-box > div .btns .more:hover{color: #000;border: 1px solid #000;background: none;}
#accommodations .amenities ul{list-style-type: none;padding: 20px 0;display: flex;justify-content: space-around;align-items: center;}
#accommodations .amenities ul li{width: 15%;}
.single-accommodation .page-subtitle{font-weight: 400 !important;}
.single-accommodation .flex-control-paging {bottom: -50px;}
.single-accommodation .flex-control-paging li a{background: #000;box-shadow: none;border: 1px solid #000;width: 10px;height: 10px;}
.single-accommodation .flex-control-paging li a.flex-active{background: none;}
.single-accommodation .video-container .title{text-transform: uppercase;font-size: 2em;color: #2E2E2E;margin-bottom: 30px;}
.single-accommodation .video-container iframe{width: 100%;}
.single-accommodation #another-accommodations{background: #F5F3F3;}
.single-accommodation #another-accommodations .page-title{font-size: 1.8em;}
.front-page .flexslider .flex-direction-nav .flex-next,
.front-page .flexslider:hover .flex-direction-nav .flex-next{opacity: 1;right: 40px;}
.front-page .flexslider .flex-direction-nav .flex-prev,
.front-page .flexslider:hover .flex-direction-nav .flex-prev{opacity: 1;left: 40px;}

/* Gastronomy */
#gastronomy #extra-content{position: relative;}
#gastronomy #extra-content .image:before{content: '';position: absolute;left: 0;top: 0;height: 100%;width: 100%;background: rgba(0,0,0,.4);}
#gastronomy #extra-content .image:after{content: '';position: absolute;left: 2%;top: 4%;height: 92%;width: 96%;border: 1px solid #fff}
#gastronomy #extra-content .image img{width: 100%;height: auto;}
#gastronomy #extra-content .desc *{font-size: 18px;}
#gastronomy #items .gastronomy-item > div{padding: 30px 30px 0 30px;}
#gastronomy #menu-virtual .btn.cta{font-size: 1.4em;padding: 20px 30px;font-weight: 200;}

/* Banner  */
#banner{position: relative;margin-bottom: 100px;}
#banner hgroup{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);text-align: center;width: 100%;}
#banner hgroup .title{color: #fff;letter-spacing: 1em;font-size: 1.6em;}
#banner hgroup .subtitle{color: #fff;margin-top: 50px;font-size: 6em;text-transform: inherit;}

/* Gallery */
.front-page #gallery {overflow: hidden;}
.front-page #gallery .page-title{position: relative;padding-left: 100px;display: table;color:#000}
.front-page #gallery .page-title:after{content: '';height: 1px;width: 70%;background: #ccc;position: absolute;left: 0;bottom: -16px;}
.front-page #gallery .more{margin: auto;font-size: 13px;padding: 15px 50px;}
#gallery .mosaic{position: relative;}
#gallery .mosaic img{filter: brightness(0.5);}
#gallery .mosaic .title a{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 9;color: #fff;background: rgb(0 228 197 / 60%);font-weight: 500;padding: 130px 90px;letter-spacing: 10px;width: 526px;font-size: 1.1em;}
#gallery{margin: 0 auto;}
#gallery .help-title{font-size: 1.3em;font-weight: 100;display: table;margin: 50px auto;color: #666666;font-style: italic;}
#gallery .page-title{color: #00BAEF;}
#gallery .gallery-item-container{margin-bottom: 0px;position: relative;}
#gallery .gallery-item-container a{position: relative;display: table;width: 100%;padding: 0;}
#gallery .gallery-item-container .title{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 9;color: #fff;background: rgb(145 114 83 / 80%);font-weight: 500;padding: 80px 20px;width: 280px;font-size: 1.1em;text-transform: uppercase;}
#gallery .gallery-item-container .title:hover{background: #0D1F43;}
#gallery .gallery-item-container .images{position: relative;overflow: hidden;}

/* Contact */
#contact{padding: 50px 0 0 0;}
#contact .page-title{margin-bottom: 60px;}
#contact .page-tip{margin: 0 0 55px 0;}
#contact .page-tip > strong{font-size: .9em;display: block;font-weight: 700;}
#contact .page-tip > span{font-size: .7em;display: block;}
#contact .custom-contact-form{background: none;padding: 20px 30px;margin-bottom: 0;}
#contact .custom-contact-form label{font-size: 14px;text-transform: uppercase;font-weight: 300;color: #666;}
#contact .custom-contact-form label.form-control{border: none;padding: 0;font-size: 14px;margin: 7px 0;}
#contact .custom-contact-form .reserva-fields label{display:block;border: none;font-size: 14px;color: #000;padding: 0;height: auto;margin: 20px 0 0 0;}
#contact .custom-contact-form .form-control{margin: 0 0 15px 0;padding: 5px 15px;height: auto;font-size: 1em;background: #fff;border: 1px solid #ccc;border-radius: 0;}
#contact .custom-contact-form .btn{width: auto;background: none;color: #fff !important;font-weight: 700;background: #F9F9F9;padding: 14px 80px;}
#contact .form-container{background: #E8E7E7;border: 2px solid #ccc;}
#contact .infos {list-style-type: none;margin: 0;padding: 0;display: flex;flex-direction: column;justify-content: space-evenly;height: 100%;}
#contact .infos li{background-position: left center;background-repeat: no-repeat;padding: 0 0 0 120px;}
#contact .infos li > strong{display: block;font-weight: 500;font-size: 1.3em;color: #AD967F;margin-bottom: 0;text-transform: uppercase;}
#contact .infos li > span,#contact .infos li a{font-weight: 500;color: #333;font-size: 14px;}
#contact .infos li.address{background-image: url('assets/images/address-contact.png');}
#contact .infos li.phones{background-image: url('assets/images/phones-contact.png');}
#contact .infos li.email{background-image: url('assets/images/email-contact.png');}
#contact .map{margin-top: 70px;}
#contact .map .page-title{font-size: 2.2em;display: block;font-weight: 400;text-transform: uppercase;letter-spacing: inherit;}
#contact .map iframe{width: 100%;display: table;padding: 0;}

/* FAQ */
#faq #accordion{margin:45px;}
#faq #accordion .card{margin: 0;}
#faq #accordion .card .btn{background: none;border:none;box-shadow: none;width: 100%;text-align: left;font-weight: 600;}
#faq #accordion .card .btn:after{display:none}
#faq #accordion .card .btn:before{display:none}

/* Newsletter */
#newsletter {padding: 20px 0;margin-top: 0;background-size: 100%;border-top: 1px solid #333;border-bottom: 1px solid #ccc;}
#newsletter .title-container{background: url('assets/images/newsletter.png') left 9% top 18% no-repeat;padding-left: 170px;}
#newsletter .title{color: #666666;font-size: 2.1em;font-weight: 200;text-transform: uppercase;}
#newsletter .subtitle{color: #666666;font-size: .58em;margin-top: 14px;font-weight: 300;text-transform: uppercase;}
#newsletter form.newsletter {display: table;width: 100%;margin-top: 0;}
#newsletter form.newsletter label {display: inline-block;float: left;width: 35%;margin: 0 1%;position: relative;}
#newsletter form.newsletter label span{display: none;}
#newsletter form.newsletter label input{padding: 5px 20px;background: none;width: 100%;font-size: 1.2em;position: relative;margin-top: 24px;border: none;border-bottom: 1px solid #ccc;}
#newsletter form.newsletter label:before{content:'';width:48px;height:48px;position:absolute;left: 16px;top: 6px;background: url('assets/images/email-news.png') center center no-repeat;display: table;z-index: 9;}
#newsletter form.newsletter label input::-webkit-input-placeholder {color: #000;font-weight: 300;font-size: .7em;}
#newsletter form.newsletter .btn{width: 22%;color: #0D1F43 !important;font-weight: 600;font-size: 1em;padding: 14px 20px;top: 10px;text-transform: uppercase;background: none;border: 1px solid #0D1F43;border-radius: 50px;}
#newsletter form.newsletter .btn:after{border: none;}
#newsletter form.newsletter .callout{position: static;color: #fff;padding: 20px 5px 0 5px;margin: 0;}

/* About mosaic  */
#about-mosaic .item {margin-bottom: 30px;}
#about-mosaic .item > div{border: 1px solid #00E4C5;padding: 30px;height: 100%;}
#about-mosaic .item .title{letter-spacing: 7px;}
#about-mosaic .item .more-2{margin: 40px auto 0 auto;display: table;}
#about-mosaic .amenities ul{list-style-type: none;margin: 40px auto 20px auto;padding: 0;display: flex;justify-content: space-around;align-items: center;}
#about-mosaic .amenities ul li{float: left;width: 10%}
#about-mosaic .amenities ul li strong{display: block;color: #0E2551;margin-top: 15px;}

/* Charcutaria  */
.page-template-charcutaria #testimonials-container {background: #917253 url(assets/images/texture-transparent.png);padding: 20px 0 10px 0}
.page-template-charcutaria #testimonials-container * {color:#fff}
.page-template-charcutaria #testimonials-container .page-title {margin-bottom: 0;letter-spacing: 0;}
.page-template-charcutaria #testimonials .carousel-control-next-icon, 
.page-template-charcutaria #testimonials .carousel-control-prev-icon,
.page-template-charcutaria #testimonials .testimonial-stars{filter:invert(1);}
.page-template-charcutaria #testimonials .testimonials-container{margin-top: 0}
.page-template-charcutaria #testimonials .testimonials-slider-container .carousel-container{padding: 0}
.page-template-charcutaria #testimonials .testimonial-content{font-size: 24px;}
.page-template-charcutaria #testimonials .testimonial-author {font-size: 20px;}
.page-template-charcutaria #cta .btn.cta{padding: 20px 50px;font-size: 18px;margin-top: 20px;}

/* Blog */
.home #blog .page-title{color: #000;font-weight: bold;font-size: 1.1em;letter-spacing: inherit;}
.home #blog .item {position: relative;}
.home #blog .item .title-container{position: absolute;bottom: 45%;background: rgb(0 228 197 / 80%);font-weight: bold;color: #fff;width: 98.1%;padding: 20px 0;}
.home #blog .item .title-container .title{margin: 0;}
.home #blog .item .title-container .title a{font-weight: bold;color: #fff;width: 100%;display: table;font-size: .6em;letter-spacing: 3px;}
.home #blog .item .desc{font-size: 13px;padding: 15px 35px;}
.home #blog .item .more{display: table;margin: 10px auto 30px auto;}
.post.hentry{margin: 0 0 75px 0}	
.post.hentry .read-more{font-size: 16px;display: table;width: auto;margin: 10px 0;}
.post.hentry.single-post{margin:0 0 75px 0;padding:0 30px;}	
.post.hentry.single-post .page-title{font-size: 3.2em;text-transform: inherit;} 
.post.hentry .post-title{font-size: 1.8em !important;} 
.post.hentry .post-title a{color: #0D1F43;font-weight: bold;font-size: .8em;} 
.nav-previous a, .nav-next a{color:#000;font-size: 18px;margin: 15px;background: #f5f5f5;padding:10px 15px;border:1px solid #ccc;}
.nav-previous a:hover, .nav-next a:hover{color:#666;background: #fff;}
.post-meta {font-size: 13px;padding-top:10px;}
.post-social {float: right}
.post-social .button{color:#fff;border:none;font-size: 12px;padding:5px 10px;box-shadow: none;margin:0;border-radius:5px;}
.post-social .button span{color:#fff;}
.post-social .button:hover{opacity:.8}
.post-social .post-social-facebook{background: #4267b2}
.post-social .post-social-twitter{background: #1da1f2}	
.post-social .post-social-pinterest{background: #b60a1b}
.post-social .post-social-whatsapp{background: #29a71a}
.post-social .post-social-comment{background: #000}
.comment-respond{margin-top: 35px}
#respond textarea#comment{height: 100px}
.commentlist .comment-awaiting-moderation{padding: 10px;background: #f3bf14;border-top: 3px solid #111;margin: 10px 0 0 0;display: block;}
.commentlist .comment-meta.commentmetadata{margin: 10px 0;}
.commentlist .comment-body p{font-size: 13px !important;}
.commentlist .reply{display: block;margin: 10px 0;}
.commentlist .reply a{color:#000;text-transform: uppercase;}
.commentlist .comment{background: #f5f5f5;padding: 15px;}
.commentlist .comment .children{margin-left: 20px;border-left: 3px solid #f58220;}
.commentlist .comment .children .comment{background: #eaeaea;}
.commentlist .comment .comment-reply-title small a{font-size: 12px;color:#f00;}
.comment-respond .comment-notes{font-size: 12px}
.comment-respond #commentform #submit{font-size:16px !important;background: #294285;color: #fff;border: none;padding: 10px;border-radius: 5px;}
.comment-respond #commentform #submit:hover{background: #000}
#sidebar {background: #F8F4F1;padding: 30px;}
#sidebar .widget {}
#sidebar .widget > h2 {font-size: 1em;margin-top: 40px;color: #000;text-transform: uppercase;font-weight: bold;}
#sidebar .widget li{font-size: .8em;}
#sidebar .widget li a{font-size: 1em;color: #000;font-weight: 600;}
#sidebar .widget p{font-size: 1em;}

/*Selos*/
#selos ul{list-style-type: none;display: flex;align-items: center;margin: auto;justify-content: center;}
#selos ul li img{height: 160px;width: auto}

/* Anothers  */
.anothers-pages {margin:100px auto 0 auto;}
.anothers-pages .page {position:relative;background: #000;}
.anothers-pages .page .page-title{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 9;color: #fff;background: none;font-weight: 700;padding: 10px 20px;width: 100%;font-size: .8em;text-align: center;letter-spacing: 0;}
.anothers-pages .page .page-title a{color: #fff;margin: 0;font-size: 2.8em;padding: 20px 0;width: auto;display: table;text-transform: uppercase;width: 100%;font-weight: 100;}
.anothers-pages .page .image-container a{display: table;margin: auto;width: 100%;height: auto;background: #000;}
.anothers-pages .page .image-container a:hover{opacity:.8}
.anothers-pages .page .image-container a img{width: 100%;height: auto;opacity: .5;}
.anothers-pages .page .image-container a:hover img{opacity: .8;}

/* Footer */	
#footer{padding: 30px 0;overflow: hidden;/*background: url('assets/images/pattern.png') top center;*/}
#footer #logo-container{margin: 0 0 30px 0;}
#footer #icon-container ul{list-style: none;display: table;margin: 30px auto;width: auto;padding: 0;}
#footer #icon-container ul li{float: left;margin: 0 12px;}
#footer #credits{font-size: 12px;margin-top: 10px;}
#footer #credits .dev-by{font-size: 8px;text-transform: uppercase;font-weight: 500;display: block;margin-top: 10px;}

/* Small only */
@media screen and (max-width: 900px) {

    .fancybox-thumbs {top: auto;width: auto;bottom: 4%;left: 0;right: 0;height: 95px;padding: 0;box-sizing: border-box;background: rgba(0, 0, 0, 0.3);display: block !important;position: fixed;overflow: scroll;z-index: 99999;}
    /*.fancybox-thumbs ul{display: flex;flex-direction: row;flex-wrap: wrap;justify-content: space-between;padding: 0;overflow: scroll;}
    .fancybox-thumbs ul li{width:50px;overflow: hidden;border:1px solid #fff;margin-bottom: 2px}
    .fancybox-thumbs ul li img{width:50px !important;height: 50px !important}*/
    .fancybox-slide--image .fancybox-content{width: 100% !important;}
    .fancybox-show-thumbs .fancybox-inner {right: 0;bottom: 95px;}    
    .fancybox-thumbs__list a{width: 18.8% !important;}

    .front-page .flexslider .flex-direction-nav .flex-next{right: 24px;top:30%;}
    .front-page .flexslider .flex-direction-nav .flex-prev{left: 24px;top: 30%;}
    .flex-direction-nav a:before {margin: 7px 11px 0 0;}
    .flex-direction-nav .flex-prev:before{margin: 8px 0 0 12px;}

    .more{font-size: 14px;padding: 14px 50px;}

    .page-subtitle p{padding: 0;}

    .modal .btn.cta {padding: 12px 13px;margin: 0 5px !important;font-size: 8px !important;}

    .front-page #gallery .page-title:after {width: 100%}

    /* Mansory  */
    .masonry {-webkit-column-count: 2;-moz-column-count: 2;column-count: 2;}
    
    /* Instagram Feed  */
    #sb_instagram .sb_instagram_header .sbi_header_text{text-align: center;display: table;}	
    #sb_instagram .sb_instagram_header.sbi_medium .sbi_header_text.sbi_no_bio h3{margin: -12px 0 0 80px !important;}	
    #sb_instagram.sbi_col_10 #sbi_images .sbi_item, #sb_instagram.sbi_col_3 #sbi_images .sbi_item, #sb_instagram.sbi_col_4 #sbi_images .sbi_item, #sb_instagram.sbi_col_5 #sbi_images .sbi_item, #sb_instagram.sbi_col_6 #sbi_images .sbi_item, #sb_instagram.sbi_col_7 #sbi_images .sbi_item, #sb_instagram.sbi_col_8 #sbi_images .sbi_item, #sb_instagram.sbi_col_9 #sbi_images .sbi_item{width: 50%}	
    #sb_instagram .sbi_photo{height: 150px !important;}	
    #instagram #sb_instagram .sbi_photo_wrap{width: 100%;}
    #instagram #sb_instagram #sbi_images{padding: 0 !important;}
    #instagram #sb_instagram{margin: auto !important;}
    #sb_instagram .sb_instagram_header.sbi_medium .sbi_header_text.sbi_no_bio h3{font-size: 1.4em;margin: 0 !important;width: 100%;}
    #sb_instagram .sb_instagram_header .sbi_header_img {margin: -9px -32px 0 -100%!important;}
    
    /* Header */
    #header{height: 240px;overflow: inherit;}
    #header .infos-container{display: none;}
    #header .navbar-expand-lg .navbar-toggler{display: block;width: auto;height: auto;margin: 16px 20px 0 0;float: right;}
    #header .navbar{z-index: 99;top: 0;left: 0;}
    #header .navbar-brand{width: 38%;padding: 0;margin: 5px 0 0 0;}
    #header .navbar-expand-lg .navbar-collapse.show{margin-top: 10px;padding: 20px;background: rgba(0,0,0,1);display: table !important;width: 100%;}
    #header .navbar-expand-lg .navbar-collapse ul{margin: 0 !important;padding: 0;width: 100%;}
    #header .navbar-expand-lg .navbar-collapse .btn.cta {float: none;margin: 10px 0;}
    #header .main-slider{height: auto;overflow: hidden;position: relative;}
    #header .main-slider:after{display: none}
    /*#header .main-slider video{height: 220px;}*/
    #header .main-slider img.logo{width: 80%;margin: 0 auto;top: 54%;left: 50%;transform: translate(-50%, -50%);}
    .front-page #header .navbar-brand{display: none}
    .no-front-page #header .main-slider{height: auto;}
    .no-front-page #header .main-slider .slider-text{font-size: 1.2em;bottom: 0;}
    
    /* Reservation Form  */
    .reservation-form{position: relative;width: 100%;}    
    .reservation-form .fields-container,
    .reservation-form .button-container{-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;padding: 0 15px !important;}
    .reservation-form .button-container{padding: 0 !important;}
    .reservation-form .button-container .btn{padding: 20px;}
    .reservation-form .date-container{margin: 10px 0;}
    .reservation-form .people-container{margin: 10px 0;}
    .reservation-form label .form-control{font-size: .9em !important;}
    .no-front-page .reservation-form{top: 0;}

    /* Welcome  */
    #welcome .title {padding: 0 0 20px 0;}
    #welcome .image:after{width: 94%;height: 90%;top: 5%;left: 3%;}
    #welcome .desc{margin: 20px auto;text-align: center;}
    #welcome .desc .more{margin: 20px auto;}

    #video{ margin-top: 0 !important;}

    /* Experiences  */
    .front-page #experiences .page-title{padding: 0;font-size: 1.4em;text-align: center;    margin: auto;}
    .front-page #experiences .more{margin: 20px auto !important;}
    /*.front-page #experiences .flexslider .slides li a .title {background: #0D1F43;}
    .front-page #experiences .flexslider .slides li a .icon {width: 30%;margin-right: 10%;}*/
    .front-page #experiences .flexslider .flex-control-paging {top: -20px;right: 0;left:0;}
    .no-front-page #experiences .experience-item{margin: 50px auto;}
    .no-front-page #experiences .experience-item .photos{position: static;}
    .no-front-page #experiences .experience-item .texts{width: 100% !important;}
    .no-front-page #experiences .experience-item .texts > div{padding: 40px 20px 0 20px;}
    .no-front-page #experiences .experience-item.even-item:before{width: 94%;left: 3%;}
    .no-front-page #experiences .experience-item .photos.photos-in-slider{width: 100%;}
    .no-front-page #experiences .experience-item .photos.photos-in-slider .flex-direction-nav a{left: 40.5%;}
    .no-front-page #experiences .experience-item .photos.photos-in-slider .flex-direction-nav a.flex-next{right: 38.55%;}
    .no-front-page #experiences .experience-item .texts .btn.cta{margin: 20px auto}
    .no-front-page #experiences #v-pills-tab{position: fixed;top: 0;background: #fff;width: 100%;left: 0;z-index: 9;box-shadow: 0 0 10px 3px rgba(0,0,0,.3);padding: 10px;}
    .no-front-page #experiences .nav.nav-pills a{text-align: center;width: 100%;display: block;font-size: 15px;}
    .no-front-page #experiences .tab-content .post-experiences{display: flex;}
    .no-front-page #experiences .tab-content .post-experiences li{width: 100%}
    .no-front-page #experiences .photos-container .btn{position: static;padding: 10px 20px;margin: 0 0 20px 0;}
    .no-front-page #experiences #items{margin: 0 auto;}

    /* Facilities  */
    #facilities .page-title{padding: 15px;font-size: 1.8em;margin: auto;float: none;}
    #facilities .page-title:after{right: auto;left: 15px;bottom: -10px}
    #facilities #slider .slides .text-box{position: static;width: 100%;padding: 20px;}
    #facilities #carousel{position: static;width: inherit;}
    #facilities #carousel .slides{width: 100% !important;}
    #facilities #carousel .slides li{width: 25% !important;}    
    #facilities #carousel .slides li .icon img{filter: invert(1) !important;}
    #facilities #carousel .slides li .title{color: #000;font-size: 8px;}

    /* Cozinha  */
    .cozinha .image{margin-top: 30px;}
    .cozinha .image:after{width: 94%;height: 94%;top: 3%;left: 3%;}

    /* About  */
    #about #extra-content .desc{padding: 20px;margin: 0;}
    #about #video{margin: 50px auto;}
    #about #video .texts{padding: 30px;border: 1px solid #ccc;border-bottom: 0;}
    #about #video .video-container{padding: 0 15px;}

    /* Gallery  */
    .front-page #gallery .page-title {padding: 0;font-size: 1.4em;text-align: center;    margin: auto;}

    /* Accommodations  */
    .front-page #accommodations{margin-top: 0 !important}
    .front-page #accommodations .page-title {padding: 0;font-size: 1.4em;}
    #accommodations .text-box{padding: 0;position: static;}
    #accommodations .text-box > div{padding: 20px 0 !important}
    #accommodations .text-box > div .btns .more{font-size: 10px;}
    #accommodations .amenities ul {display: flex;margin: auto;width: 100%;flex-wrap: wrap;justify-content: space-between;padding: 40px 0;}
    #accommodations .amenities ul li{width: auto;float: left;text-align: center;padding: 0}
    #accommodations .amenities ul li img{display: table;margin: auto;}
    .page-template-accommodations #accommodations,
    .page-template-accommodations #accommodations > div,
    .page-template-accommodations #accommodations > div > div{margin-top: 0 !important}
    .page-template-accommodations #accommodations .flex-direction-nav a{left: 40.5%;}
    .page-template-accommodations #accommodations .flex-direction-nav a.flex-next{right: 38.55%;}
    .single-accommodation.no-front-page #header .main-slider .slider-text{bottom: 0;}
    .single-accommodation #another-accommodations .page-title{font-size: 1.4em;}

    /* Contact  */
    #contact .custom-contact-form{padding: 0;}
    #contact .custom-contact-form .btn{width: 100%;}
    #contact .infos li{padding: 20px 0 20px 120px;}

    /* Newsletter  */
    #newsletter .title{font-size: 1.6em;}
    #newsletter .subtitle{font-size: .48em;margin: 0;}
    #newsletter form.newsletter label{width: 100%;}
    #newsletter form.newsletter .btn{width: 100%;padding: 10px;margin-top: 20px;}

    /**/
    .no-front-page #experiencie2-items .flexslider li .row > div .title-desc {
        padding: 20px;
    }
    #experiencie2-items .flex-direction-nav{display: none}
}


@media screen and (min-width: 800px) and (max-width: 900px) {

    #header{height: 40vh;}

}

@media screen and (min-width: 901px) and (max-width: 1200px) {

    #header{height: 80vh;}

    .page-template-experience .page-subtitle{width: 88%;margin: auto;}

}

@media screen and (min-width: 901px)  and (max-width: 1000px){

    #header .navbar-expand-lg .navbar-toggler {
        display: block;
        width: auto;
        height: auto;
        margin: 16px 40px 0 0;
        float: right;
    }

    #header .navbar-expand-lg .navbar-collapse ul{
        width: 47%;
        margin-top: 10px;
        padding: 0;
        display: flex;
        flex-direction: row;
    }

    #header .navbar .navbar-nav .nav-item .nav-link span {    
        font-size: 8.5px;
    }

    #header .navbar-expand-lg .navbar-collapse .btn.cta {
        margin: 10px 30px 0 30px;        
    }

    #header .navbar-expand-lg .navbar-collapse ul#menu-menu-do-topo-1{
        display: none;
    }
}

@media screen and (max-width: 1366px) {

    #header .main-slider img.logo {
        width: 50%;
        height: auto;
    }

    #header .main-slider #selos ul li{
        width: 120px;
        height: 120px;
    }

    #header .main-slider #selos ul li img {
        height: 70px;
    }

}

@media screen and (min-width: 1400px) {

    #header.fixed-header .navbar .navbar-nav .nav-item.cta a{
        margin-top: 3px;
    }

    #header.fixed-header .navbar-expand-lg .navbar-collapse ul{
        margin: 27px 0 0 0;
    }

    #header .main-slider img.logo{
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        margin: 0;
    }

    .reservation-form.fixed-reservation-form, .no-front-page .reservation-form.fixed-reservation-form {
        top: 119px;
    }

}