@font-face {
    font-family: 'MB Bold Italic';
    src: url('https://cdn.hocollection.com/tnh/fonts//MB Empire W01 Bold Italic.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'MB Bold';
    src: url('https://cdn.hocollection.com/tnh/fonts//MB Empire W01 Bold.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'MB Book';
    src: url('https://cdn.hocollection.com/tnh/fonts//MB Empire W01 Book.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'MB Light';
    src: url('https://cdn.hocollection.com/tnh/fonts//MB Empire W01 Light.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'MB Medium';
    src: url('https://cdn.hocollection.com/tnh/fonts//MB Empire W01 Medium.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'MB Heavy Italic';
    src: url('https://cdn.hocollection.com/tnh/fonts//MB Empire W03 Heavy Italic.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'MB Light Italic';
    src: url('https://cdn.hocollection.com/tnh/fonts//MB Empire W03 Light Italic.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

:root {

    --color-light: #fff;
    --color-dark: #000;
    --color-green: #b09e9b;
    --color-lighter: #b09e9b;
    --color-beige: #b09e9b;

}

html, body {max-width: 100% !important;overflow-x:hidden !important;background:var(--color-dark)}

.show-xs {display:none !important}
.hide-xs {display:inline-block !important}

.clear {clear:both !important}
.visible {display:block !important}
.white {color:#fff !important}
.creme {color:#f9f8f6 !important}
.grey {color:#888 !important}
.azure {color:var(--color-a) !important}
.gold {color:var(--color-a) !important}
.black {color:var(--color-a) !important}
.green {color:var(--color-lighter) !important}
.red {color:#EB0029 !important}
 
.dnone {display:none !important}
.dhide {visibility:hidden !important}
.text-center {text-align:center !important}
.text-left {text-align:left !important}
.text-right {text-align:right !important}
.img-responsive {width:100%}

._ibmplex {font-family: 'IBM Plex Mono', monospace !important;font-weight:300}
._ibmplex em {font-family: 'IBM Plex Mono', monospace !important;font-weight:600}
.sofia {font-family:"MB Book",sans-serif !important}
.bold {font-family:"MB Medium",sans-serif !important}
strong {font-family:"MB Medium",sans-serif !important;color:var(--color-light)}

.w100 {width:100% !important}

.p0 {padding:0 !important}
.pt0 {padding-top:0 !important}
.pl0 {padding-left:0 !important}
.pb0 {padding-bottom:0 !important}
.pb50 {padding-bottom:50px !important}
 
.mt10 {margin-top:10px !important}
.mt20 {margin-top:20px !important}
.mt40 {margin-top:40px !important}
.mt80 {margin-top:80px !important}

.mb10 {margin-bottom:10px !important}
.mb20 {margin-bottom:20px !important}
.mb30 {margin-bottom:30px !important}
.mb40 {margin-bottom:40px !important}

.ml0 {margin-left:0 !important}
.mlr0 {margin-left:0 !important;margin-right:0 !important}
.mlr100 {margin:0 100px}

.valign {position: relative;top: 50%;transform: translateY(-50%);}
.aligner_ {display:flex;align-items:center;justify-content:center}
.aligner {display:flex;align-items:center;justify-content:center;height:90vh}
.aligner-item {width:100%;}

section {position:relative;width:100%;z-index:9;margin-bottom:50px}
footer {position:fixed;bottom:0;left:0;width:100%;z-index:8}

.rp-preloader img {width:180px !important}

.header {position:fixed;background:var(--color-dark);z-index:9999 !important;border:none}
.hwhite {background:transparent !important;border:0}
.header .has-transform {-webkit-box-shadow: 0px 2px 5px 0px rgba(238,238,238,1);-moz-box-shadow: 0px 2px 5px 0px rgba(238,238,238,1);box-shadow: 0px 2px 5px 0px rgba(238,238,238,1);}
.header__wrapper {height:80px}
.header__brand-logo {visibility:hidden;}
.header--alt .header__brand-logo-inverted {width:120px;top: 5px;left: 10px;}
.header__booking-button {font-family:"MB Book";text-transform: uppercase;font-size:12px;letter-spacing:1px;line-height:12px;padding-top:10px;padding-bottom:10px}
.header--alt .header__booking-button:hover {background:transparent !important}
.header__wrapper-info {width:25%;margin-right:0}
.header__box-svg img {width:150px}

.header__hamburguer-icon, .header__hamburguer-icon:before, .header__hamburguer-icon:after {background-color:var(--color-dark) !important;}
.is-active .header__hamburguer-icon:before, .is-active .header__hamburguer-icon:after {background-color:#fff !important}
.header--alt .header__booking-button {border-color:var(--color-a);color:var(--color-a)}
.header--alt .header__hamburguer-icon, .header--alt .header__hamburguer-icon:before, .header--alt .header__hamburguer-icon:after {background-color:var(--color-dark) !important;}

.languages__lang a, .header--alt .languages__lang a {color:var(--color-dark) !important;text-transform:none !important;font-size:13px}
.languages__lang a:hover, .header--alt .languages__lang a:hover {color:#999 !important}

.menu__languages .languages__lang a {color:#fff !important;text-transform:none !important;font-size:15px;font-weight:bold}
.menu__languages .languages__lang a:hover {color:#999 !important}

.c-hero__70vh {height:70vh !important}
.c-hero__title {font-size:88px;line-height:1.2em;letter-spacing:0;padding-bottom:10px;font-family:"MB Medium",sans-serif}
.c-hero__cpt {font-family:'MB Medium';font-size:12px !important;letter-spacing:2px;text-transform:uppercase;color:#fff;}

.menumobile__brand-logo {margin-left:0;width:100px}
.menu_lnk a:not(:last-child):after {content:" | "}
.menumobile__col-social {margin-top:-5%}
.menumobile__nav-little--first a {font-size:17px !important}
.menumobile__brand-link {margin-bottom:30px}
a.main-menu-link {margin-bottom:2.5vh;font-family:"MB Medium",sans-serif !important;}

.modal-banner {background-color:rgba(134,157,172,.6)}

.topbar {background:transparent;position:absolute;top:20px;left:25%;width:50%;z-index:9;}
.topbar img {width:140px;margin:8px auto}
.leftbox {background:transparent;position:absolute;top:25px;left:30px;width:800px;z-index:999}

.bottombar {position:absolute;bottom:0;left:0;width:100%;height:60px;background:#fff;z-index:998;border-bottom:1px solid #ddd;text-align:center}
.bottombar .bottom-link {text-align:center;width:10%;display:inline-block;padding-top:15px}
.bottombar a {font-family:"MB Medium",sans-serif;font-size:16px;border-bottom:0;display:inline-block;transition: all .3s ease-in-out;}
.bottombar a:hover {-webkit-transform:scale(1.2);transform:scale(1.2)}

.bottombar-basilico {position:absolute;bottom:0;left:0;width:100%;height:60px;background:#9BAE88;z-index:998;border-bottom:0;text-align:center}
.bottombar-basilico .bottom-link {text-align:center;width:10%;display:inline-block;padding-top:15px}
.bottombar-basilico a {font-family:"MB Medium",sans-serif;font-size:16px;border-bottom:0;display:inline-block;transition: all .2s ease-in-out;color:#fff}
.bottombar-basilico a:hover {-webkit-transform:scale(1.2);transform:scale(1.2)}

.highlighted {font-size:18px !important}

.footermenu {width:100%;height:60px;background:#fff;border-top:1px solid #ddd;border-bottom:1px solid #ddd;text-align:center}
.footermenu .bottom-link {text-align:center;width:10%;display:inline-block;padding-top:10px}
.footermenu a {font-family:"MB Book",sans-serif;font-size:13px}

.header--alt .languages__button {color:var(--color-a) !important}
.header--alt .languages__a {color:var(--color-a) !important}
.header--alt .languages__a:hover {color:var(--color-a) !important}

.modal-booking .c-booking__wrapper-submit {width:25%}
.c-booking__wrapper-field {height:58px} 
.c-booking__span {color:var(--color-b)}
.home .c-booking__svg g {fill:var(--color-b)}
.c-booking__wrapper-spacer {width:17%}
.c-booking__submit {color:var(--color-b)} 
.home .c-booking__wrapper-in, .home .c-booking__wrapper-out {border-right-color: #ddd;}
.home .c-booking__wrapper-submit {border-left-color: #ddd;}

.c-slider-inner__caption, .c-col-image-col-content__caption, .c-block-title-more__subtitle, .c-block-title-more__caption 
    {font-family:"MB Medium";font-size:12px !important;letter-spacing:2px;text-transform:uppercase;color:var(--color-a);margin-bottom:10px}
.o-bg-color-black .c-slider-inner__caption, .o-bg-color-black .c-col-image-col-content__caption, 
    .o-bg-color-black .c-block-title-more__subtitle {color:#fff !important}
.c-slider-inner__title {color:var(--color-dark);font-size:20px !important;font-family:"MB Medium",sans-serif !important;line-height:20px;text-align:left}
.c-mosaic .c-block-title-more__subtitle, .c-block-title-more__caption, .c-image__caption, 
.c-col-image-col-content__info p, .c-block-title-more__caption {font-size:16px !important;padding-bottom:15px}

.c-slider-inner__col-right {position: absolute;top: 50%;right: calc(100%/12*1);z-index: 99;transform: translateY(-50%);}

.c-slider-inner .swiper-pagination-bullet, .c-slider-inner .swiper-pagination-bullet.swiper-pagination-bullet-active {color:var(--color-a);font-family:"MB Book";font-size:12px}
.c-slider-inner .my-svg .circle-1 {stroke:#ccc !important}
.c-slider-inner .my-svg .circle-2 {stroke:var(--color-a) !important}

.o-bg-color-black .swiper-pagination-bullet, .o-bg-color-black .swiper-pagination-bullet.swiper-pagination-bullet-active {color:#fff !important}

.c-col-image-col-content__wrapper-image:before {padding-bottom:70%}
.highlight-img:before {padding-bottom:0 !important}

.hrooms-slider:before {padding-bottom:80% !important}

#typed-strings {display:inline-block;font-family:"MB Medium"}

.h2b {font-family:"MB Light";line-height:1.5em;font-size:26px;letter-spacing: 0.01em;color:var(--color-a)}
.h2s {font-family:"MB Light",serif;line-height:1.7em;font-size:52px;letter-spacing: 0.01em;}
.h3s {font-size:40px}
.h3f {font-size:22px;font-family:"MB Book";padding-bottom:10px !important;letter-spacing:0.8px}
.h3sx {font-size:24px;font-family:"MB Book";padding-bottom:10px !important;letter-spacing:0.8px;color:var(--color-a)}
.h3so {font-size:24px;font-family:"MB Book";padding-bottom:10px !important;letter-spacing:0.4px;color:var(--color-a)}

.m20 {margin-top:20px !important}
.m40 {margin-top:40px !important}
.m80 {margin-top:80px !important}

.httl {color:var(--color-light);font-size:60px !important;font-family:"MB Medium",sans-serif !important;line-height:60px;text-align:left}
._ttl {color:var(--color-light);font-size:26px !important;font-family:"MB Medium",sans-serif !important;line-height:30px;text-align:left}

.cttl {margin:40px 0 20px -10px !important}

._txt {text-align:left;color:#fff;font-size:15px;font-family:"MB Book",sans-serif;margin:0 0 0 -10px}
._txts {text-align:left;color:#777;font-size:13px;font-family:"MB Book",sans-serif}
._txt a, ._txts a {border-bottom:1px solid var(--color-light);color:var(--color-light)}
._txt a:hover, ._txts a:hover {border-bottom:1px solid var(--color-lighter);color:var(--color-light)}
.ttl_green {color:#9BAE88 !important;border-bottom:1px dashed #ccc;margin-bottom:20px;padding-bottom:25px}
.ctl {font-family:"MB Medium" !important;font-size:15px !important}

.hbox {padding-top:85px}

.c-booking__datepicker {background:#fff}

.cslider_img:before {padding-bottom:60%}

.c-col-image-col-content__title {padding-right:15% !important;font-family:"MB Book",serif;letter-spacing:0.05rem}

.c-related__title {color:#333;font-size:30px;padding:0;text-align:left}
.c-related__wrapper-item {padding:0 30px}
.roomdesc {margin:30px 0;font-family:"MB Light"}
.roomdesc span {font-size:12px;text-transform: uppercase;}

.c-rooms__room-services p {font-size:14px;margin-top:4px}
.c-info-service__item {font-size:16px;padding-bottom: 10px;}

.o-sup {text-transform:none}
.c-block-title-more__wrapper-button, .c-slider-inner__wrapper-button, .c-col-image-col-content__wrapper-buttons {display:inline-block !important;width:auto;position:relative}
.o-button {color:var(--color-a);border-bottom:0;width:auto;letter-spacing:2px !important;display:inline-block;font-family:'Sofia' !important;font-size:13px !important}
.o-button:hover {border-bottom:0}
.o-button:after {content: "";position: absolute;top:0;left:0;right:0;bottom:0;width: 100%;margin: auto;border-bottom: 1px solid #fff;
    -webkit-transition: all .5s ease;transition: all .5s ease;}
.o-button:hover:after {border-bottom: 1px solid var(--color-a);width:50%}
.o-button, .o-button--dark {font-family:"MB Light";font-size:13px;text-transform:uppercase;letter-spacing:2.5px}
.o-button--dark {color:var(--color-a);letter-spacing:2.5px !important;}

.o-bg-color-transparent .o-button {color:var(--color-a)}
.o-bg-color-transparent .o-button:after {content: "";position: absolute;top:0;left:0;right:0;bottom:0;width: 100%;margin: auto;border-bottom: 1px solid var(--color-a);
    -webkit-transition: all .5s ease;transition: all .5s ease;}
.o-bg-color-transparent .o-button:hover:after {border-bottom: 1px solid var(--color-a) !important;width:50%}

.o-bg-color-black .o-button {color:#fff}
.o-bg-color-black .o-button:after {content: "";position: absolute;top:0;left:0;right:0;bottom:0;width: 100%;margin: auto;border-bottom: 1px solid #fff;
    -webkit-transition: all .5s ease;transition: all .5s ease;}
.o-bg-color-black .o-button:hover:after {border-bottom: 1px solid var(--color-a) !important;width:50%}

.o-button-cnt {margin-right:20px;margin-top:30px}
.o-button-block {margin-right:0;display:inline-block !important;position:relative}

.c-col-image-col-content__content p, .txt {font-family:"MB Light";font-size:14px;line-height:1.8em}
.stxt {font-family:"MB Light";font-size:13px;line-height:1.8em;color:var(--color-light) !important}
.stxt a {border-bottom:1px solid var(--color-light)}
.stxt a:hover {border-bottom:1px solid var(--color-lighter);text-decoration:none;}
.copyright {font-size:13px;text-transform:lowercase}
.copyright a {color:var(--color-a);font-family:"MB Medium"}

.left-box {padding:80px 20px 80px 0}
.right-box {padding:80px 0 80px 50px}
.left-box p.txt, .right-box p.txt {color:var(--color-a)}

.c-offer {padding:0 !important;margin-top:20px}

.menu-right li a {font-size:14px !important}
.menu-logo p {line-height:1.8em}
.menu-logo p span {font-size:18px}

.room_ttl {font-family:"MB Medium";font-size:20px;display:block;margin-left:4px;color:var(--color-a)}
.c-rooms__title-link {font-size:26px}
.c-info-service__title {font-size:30px}

.carousel-cnt {width:100% !important;overflow:hidden !important}
.footer-slider {width:145%;margin-top:40px}
.footer-slider div {margin:0 150px 0 0} 
.farwcnt {text-align:right !important}
.ofarwcnt {text-align:left !important;margin-left:15px}
.farw {cursor:pointer;display:inline-block;width:13%;margin:20px 10px}

.footer-section {background:#E8E6E3;padding:120px 0 80px 0;text-align:center}
.footer-section .c-slider-inner__title, .footer-section .c-newsletter__title, .footer-section .c-newsletter__wrapper-content {color:var(--color-a) !important}
.footer-section .c-newsletter__wrapper-content p {font-size:22px;color:#777}

#signupBtn {cursor:pointer}
.modal-nletter__close {position: absolute;top:-28px;right:18px;background-image: url("../img/icons/icon-close-white.svg");background-position: center;
    background-repeat: no-repeat;background-size: 22px;width: 32px;height: 32px;background-color: transparent;cursor: pointer;z-index: 2;opacity:0;
    transition: all .3s ease-in-out 0s;}

.footer-section-links {background:var(--color-a);padding:100px 0}
.footer-section-links p {color:#fff;font-family:"MB Light";font-size:14px;line-height:2.6em;}
.footer-section-links p a{color:#fff;border-bottom:0;line-height:2em;display:inline-block;position:relative}
.footer-section-links p a:hover{border-bottom:0}
.footer-section-links p a::after {content: "";position: absolute;top:0;left:0;right:0;bottom:0;width: 100%;margin: auto;border-bottom:1px solid #5B6A7C;
    -webkit-transition: all .5s ease;transition: all .5s ease;}
.footer-section-links p a:hover::after {border-bottom: 1px solid var(--color-a);width:50%}
footer h3, .footer-section-links h3 {font-size:16px !important}
.logo-footer {max-width:60% !important;margin:0 auto}

footer img {max-width:120px;margin:0 auto}
footer .o-button {color:#555;border-color:var(--color-a)}

.ftr {margin:0 0 0 4%}
.ftr .c-slider-inner__caption, .ftr .c-slider-inner__title {color:var(--color-a)}

.c-info-service__line-left, .c-rooms__line-left, .c-map__line-left, .c-tabs__line-left, .js-text__line-left {border-right:1px solid rgba(32,32,32,.1)}
.treasure-moments {color:#fff;text-transform:uppercase;font-size:13px}

.c-hero {--c-hero--height:100vh !important}
.int-hero {--c-hero--height:40vh !important}
.int-hero .c-hero__title {text-align:left}

p {font-size:16px}
.post p {font-size:16px;color:#333;line-height:1.8em}
.post p strong {font-size:18px;color:var(--color-light);line-height:1.8em;font-family:"MB Book";}
.post img {margin:30px 0 50px 0}

.modal_form {width:100% !important}
.mform {width:100% !important}
.mform input {border:0;padding:10px;border-bottom:1px solid var(--color-a);background:transparent;width:100%;font-family:"MB Book"}

.sale {padding:0 15px}
.sale .row {border-bottom:1px solid #e8e6e3;padding:8px 0;color:#333}
.sale .row > div {padding:0}

.slick-dots{display:flex;justify-content:center;margin:60px 0 0 0;padding:10px 0;list-style-type:none}
.slick-dots li{margin:0 .25rem;cursor:pointer}
.slick-dots button{display:block;width:8px;height:8px;padding:0;margin-right:10px;border:none;border-radius:100%;background-color:transparent;border:1px solid #fff;text-indent:-9999px;cursor:pointer}
.slick-dots li.slick-active button{background-color:#fff}

.c-form__field>span input, .c-form__field>span textarea {font-family:"MB Book",sans-serif !important;font-size:16px}
.c-form__field--submit {justify-content:flex-start;margin-top:40px}

.btn-blk {background:var(--color-dark) !important;text-align:center;font-family:"MB Medium",sans-serif;letter-spacing:0;border:0 !important;
    text-transform:none;font-size:14px;padding:5px 20px 8px 20px;color:#fff;transition: 0.6s;}
.btn-green {background:var(--color-green) !important;text-align:center;font-family:"MB Medium",sans-serif;letter-spacing:0;border:0 !important;
    text-transform:none;font-size:14px;padding:5px 20px 8px 20px;color:#fff;transition: 0.6s;}
.btn-white, .btn-white-grey {background:#fff !important;color:var(--color-dark);text-align:center;font-family:"MB Medium",sans-serif;letter-spacing:0;border:0 !important;
    text-transform:none;font-size:14px;padding:5px 20px 8px 20px;transition: 0.6s;}
.btn-yellow {background:#EAB02A !important;text-align:center;font-family:"MB Medium",sans-serif;letter-spacing:0;border:0 !important;
    text-transform:none;font-size:14px;padding:5px 20px 8px 20px;color:#fff;transition: 0.6s;}
.btn-red {background:#Ed193a !important;text-align:center;font-family:"MB Medium",sans-serif;letter-spacing:0;border:0 !important;
    text-transform:none;font-size:14px;padding:5px 20px 8px 20px;color:#fff;transition: 0.6s;}
.btn-big {font-size:18px;padding:10px 30px 14px 30px}

.newsletter-subscribe {padding:25px 0 10px 0;width:100%;text-align:center}
.privacy {font-size:13px}

.atenze-ttl {font-size:32px}
.atenze-menu {border-bottom:1px solid #ebebeb;clear:both;padding-top:20px}
.atenze-menu p:first-child {float:left;width:70%}
.atenze-menu p:nth-child(2) {float:right;width:30%;text-align:right;font-family:"MB Book"}

#sel_guests {position:relative}
.sel_guests {background:#fff;position:absolute;top:60px;left:-1px;width:101%;height:auto;border-bottom:1px solid var(--c-booking-color-opacity);
    border-right:1px solid var(--c-booking-color-opacity);border-left:1px solid var(--c-booking-color-opacity);display:none;padding-bottom:15px}
.sel_guests div {padding:15px 0 0 0;text-align:center}

.c-nav__nav-item-link {font-size:15px}

.c-gallery-filters__item-image:before {padding-bottom:100%}
.c-gallery-filters__grid-sizer, .c-gallery-filters__item {margin-bottom:30px !important}
.pswp__caption {display:none}

/*Form*/
.mfrm select{display:block;border: 0 solid;border-bottom: 1px solid #ccc;width: 100%;padding: 8px 20px;padding-left: 0;color: var(--color-black);
    background:url(../img/b_selectbox_arrow.png) right center no-repeat;appearance:none;-webkit-appearance:none;-moz-appearance:none;font-family:"MB Book",sans-serif;border-radius:0 !important;font-size:18px}
.mfrm select option{padding:0 4px}
.mfrm select::-ms-expand{display:none}
.sfi-js .sfi-wrapper{position:relative;border:none;background:var(--color-dark);font-family:"MB Book",sans-serif;font-size:14px;width:100%;color:var(--color-light);outline:none;
    position:relative;width:100%;overflow:hidden;cursor:pointer}
.sfi-js .sfi-wrapper .sfi-filename{width:100%!important;overflow:hidden;padding:4px 0;display:block;font-size:14px;line-height:26px;color:var(--color-light);text-align:left;z-index:1;position:relative;border-bottom:1px solid var(--color-lighter);width:100%;float:left;background:url(../img/b_selectbox_plus.png) right center no-repeat;}
.sfi-js .sfi-wrapper .sfi-trigger{background:none;border:1px solid #ccc;width:40px;display:block;float:right;text-indent:-9999px;margin-left:-40px;position:relative;z-index:12;display:none}
.sfi-js .sfi-wrapper.sfi-error .sfi-filename,.sfi-js .sfi-wrapper.sfi-error .sfi-trigger{border-color:red}
.sfi-js .sfi-wrapper.sfi-error .sfi-filename{color:#ed193a}
.sfi-js .sfi-wrapper.sfi-valid .sfi-filename,.sfi-js .sfi-wrapper.sfi-valid .sfi-trigger{border-color:var(--turchese)}
.sfi-js .sfi-wrapper.sfi-valid .sfi-filename{color:var(--turchese)}
.sfi-js .sfi-wrapper.sfi-disabled .sfi-filename,.sfi-js .sfi-wrapper.sfi-disabled .sfi-trigger{border-color:#ccc}
.sfi-js .sfi-wrapper.sfi-disabled .sfi-filename{color:#ccc}

.swal-modal{-webkit-border-radius:0!important;-moz-border-radius:0!important;border-radius:0!important;background:var(--color-a);color:#fff}
.swal-button{background-color:var(--color-a)!important;-webkit-border-radius:0!important;-moz-border-radius:0!important;border-radius:0!important}
.swal-footer{text-align:center}
.swal-text, .swal-title {color:#fff;font-family:"MB Medium",sans-serif;font-size:16px;text-align:center}
.swal2-popup{border-radius:0;width:300px}
.swal2-title{font-size:14px;font-family:'Sofia',sans-serif;font-weight:200;letter-spacing:0;margin:10px 0 0;line-height:1.8em}
.swal2-styled.swal2-confirm{font-size:13px;font-family:'Sofia',sans-serif;font-weight:700;border-radius:0;padding:5px 20px!important;background-color:#26cad3}
.swal-button--cancel{background:#e8e8e8!important}
.swal-icon--success:before, .swal-icon--success:after, .swal-icon--success__hide-corners {background:var(--color-dark) !important}
.swal-icon--success__line {background-color:var(--color-green)}
.swal-icon--success {border-color:var(--color-green)}

.daterangepicker {font-family:"MB Book",sans-serif !important;}
.daterangepicker .drp-calendar {max-width:400px !important}
.daterangepicker .calendar-table th, .daterangepicker .calendar-table td {padding:3px 8px;font-size:110%}
.daterangepicker td.active, .daterangepicker td.active:hover {background:var(--color-a) !important}

.c-map__cols {padding:0 !important}
.c-map__wrapper-map {padding-left:0 !important;padding-right:calc((((var(--container-width) - 0px)/var(--total-columns))*0.9))}
#map {width:100%;height:550px}

#submenu {display:none}
#close_lang {font-size:20px}

/*Alerts*/
.alert{padding:15px;margin-bottom:20px;border:1px solid transparent;border-radius:0;font-family:"MB Book";font-size:14px}
.alert h4{margin-top:0;color:inherit}
.alert .alert-link{font-weight:700}
.alert > p,.alert > ul{margin-bottom:0}
.alert > p + p{margin-top:5px}
.alert-dismissable,.alert-dismissible{padding-right:35px}
.alert-dismissable .close,.alert-dismissible .close{position:relative;top:-2px;right:-21px;color:inherit}
.alert-success{color:#fff;background-color:#00a19c}
.alert-success hr{border-top-color:#c9e2b3}
.alert-success .alert-link{color:#2b542c}
.alert-info{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}
.alert-info hr{border-top-color:#a6e1ec}
.alert-info .alert-link{color:#245269}
.alert-warning{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}
.alert-warning hr{border-top-color:#f7e1b5}
.alert-warning .alert-link{color:#66512c}
.alert-danger{color:#a94442;background-color:#f2dede}
.alert-danger hr{border-top-color:#e4b9c0}
.alert-danger .alert-link{color:#843534}

#newsletter_mex {margin-bottom:-20px;z-index:999}

/*Cookies*/
#cookies {width:100%;min-height:100px;background:rgba(0,0,0,.98);position:fixed;bottom:0;left:0;z-index:999;display:none}
#cookies .bootstrap-wrapper {padding:25px 25px 15px 25px}
#cookies p {font-size:12px;color:#fff;line-height:1.7em}
#cookies p a {font-weight:600;border-bottom:1px solid #fff}
#cookies p a:hover {font-weight:600;border-bottom:1px solid #ccc;color:#ccc}

.parallax-bg {background:url("../img/home/pool.jpg") center center no-repeat;background-size:cover;background-attachment:fixed;padding:150px 0 !important}
.address-box {background:#fff;padding:0;text-align:center !important;padding:0 0 0 100px}
.newsletter-box {background:#f5f5f5;padding:100px 0 120px 0 !important}
.newsletter-box input {padding:9px 20px 13px 20px;font-family:"MB Book";font-size:14px;display:inline-block;width:50%;text-transform:lowercase;background:#f5f5f5;border:1px solid #ccc;color:var(--color-dark)}
.newsletter-box .btn-blk {padding:8px 20px 10px 20px;margin-top:1px;margin-left:-5px}

.ig_box {position:relative}
.ig-box, .contact-box {padding:0 100px}
.ig-box div {padding:0 !important}
.ig-box div img {padding:5px !important}
#ig-logo {background:#fff;border-radius:50%;z-index:999;width:100px;position:absolute;top:50%;left:50%;margin-left:-50px}

.fixed_booking {width:460px;height:40vh;background:#fff;position:absolute;top:30vh;right:150px;z-index:998;padding:60px}
.fixed_booking label {font-family:"MB Medium",sans-serif;font-size:12px;text-transform:lowercase}
.fixed_booking input {padding:8px 0 13px 0;font-family:"MB Book";font-size:14px;display:inline-block;width:100%;text-transform:lowercase;
    border:0;border-bottom:1px solid #ccc}
.bookingBtn {width:100% !important;clear:both;display:block}
.btn-small {font-family:"MB Medium",sans-serif;font-size:12px;text-transform:lowercase;display:block;text-align:center}

.modal-booking__title, .c-booking__span, .c-booking__submit {text-transform:lowercase}

.icns div {display:inline-block;font-size:12px;text-align:center;width:60px;margin-right:20px;line-height:1.5em;text-transform:lowercase;color:#333;margin-top:-10px}
.icns div span {display:inline-block;margin-bottom:10px}
.icns_menu div {display:inline-block;font-size:14px;text-align:center;width:30%;margin:auto;line-height:1.5em;text-transform:lowercase;color:#fff;margin-top:10px}
.icns_menu span[class^="icon-"], .icns_menu span[class*=" icon-"] {display:inline-block;font-size:50px;color:#fff;margin-bottom:10px;border:1px solid #fff}
.icns_menu span[class^="icon-"]:before, .icns_menu span[class*=" icon-"]:before {color:#fff}

.icons div {display:block;font-size:13px;text-align:left;width:100%;line-height:1.5em;text-transform:lowercase;color:#333;margin-bottom:10px;position:relative}
.icons div span {display:inline-block;margin-bottom:10px}
.icons div div {position:absolute;top:15px;left:70px}

.room-gal .cslider_img:before {padding-bottom:90%}

.overbox {background:rgba(0,0,0,.25);position:absolute;top:0;left:0;width:100%;height:100%;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;-webkit-transition: background 1s ease-in-out;-moz-transition: background 1s ease-in-out;-ms-transition: background 1s ease-in-out;-o-transition: background 1s ease-in-out;transition: background 1s ease-in-out;}
.overbox:hover {zoom:1;background:rgba(0,0,0,.45)}
.overbox_ttl {color:#fff;font-family:"MB Medium",sans-serif;}
.overbox_txt {color:#fff;position:absolute;bottom:30px;left:0;width:100%;font-size:14px;display:none}

/*Hover*/
.hvr-underline-from-left{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);
    box-shadow:0 0 1px transparent;position:relative;overflow:hidden}
.hvr-underline-from-left:before{content:"";position:absolute;z-index:-1;left:0;right:100%;bottom:0;background:var(--color-dark);height:2px;-webkit-transition-property:right;
    transition-property:right;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}
.hvr-underline-from-left:active:before,.hvr-underline-from-left:focus:before,.hvr-underline-from-left:hover:before{right:0}

.hvr-sweep-to-top{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.3s;transition-duration:.3s}
.hvr-sweep-to-top:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#ddd;-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}
.hvr-sweep-to-top:hover,.hvr-sweep-to-top:focus,.hvr-sweep-to-top:active{color:var(--color-dark)}
.hvr-sweep-to-top:hover:before,.hvr-sweep-to-top:focus:before,.hvr-sweep-to-top:active:before{-webkit-transform:scaleY(1);transform:scaleY(1)}

.hvr-sweep-to-top-g{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.3s;transition-duration:.3s}
.hvr-sweep-to-top-g:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:var(--color-lighter);-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}
.hvr-sweep-to-top-g:hover,.hvr-sweep-to-top-g:focus,.hvr-sweep-to-top-g:active{color:#fff}
.hvr-sweep-to-top-g:hover:before,.hvr-sweep-to-top-g:focus:before,.hvr-sweep-to-top-g:active:before{-webkit-transform:scaleY(1);transform:scaleY(1)}

.hvr-sweep-to-top-w{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.3s;transition-duration:.3s}
.hvr-sweep-to-top-w:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:var(--color-lighter);-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}
.hvr-sweep-to-top-w:hover,.hvr-sweep-to-top-w:focus,.hvr-sweep-to-top-w:active{color:#fff}
.hvr-sweep-to-top-w:hover:before,.hvr-sweep-to-top-w:focus:before,.hvr-sweep-to-top-w:active:before{-webkit-transform:scaleY(1);transform:scaleY(1)}

.hvr-sweep-to-top-wg{display:inline-block;vertical-align:middle;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.3s;transition-duration:.3s}
.hvr-sweep-to-top-wg:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#eee;-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}
.hvr-sweep-to-top-wg:hover,.hvr-sweep-to-top-wg:focus,.hvr-sweep-to-top-wg:active{color:var(--color-dark)}
.hvr-sweep-to-top-wg:hover:before,.hvr-sweep-to-top-wg:focus:before,.hvr-sweep-to-top-wg:active:before{-webkit-transform:scaleY(1);transform:scaleY(1)}

.header__hamburguer {margin-top:-10px}
.header__hamburguer-icon:before {top:0}

.modal-booking__txt {text-align:center;margin:-20px 0 40px 0}

.offer-box {background:var(--color-dark);padding:100px 0 50px 0}
.offer-box .httl {text-align:right}
.toffer-box {background:#eb0029;padding:100px 0 50px 0}

.main-menu li:hover a {-webkit-transform:scale(1.3);transform:scale(1.3);margin-left:8px}

.tfx {text-align:left}
.tfx span {display:block}
.tfc {text-align:center !important}

.btl {display:block !important;font-family:"IBM plex mono";font-size:22px;color:#333;margin-bottom:30px}
.bfx {text-align:center !important;color:#9BAE88}
.bfx span {display:block}

#lang_menu_exp, .languages__a, .menumobile__social {font-family:"MB Medium",sans-serif !important}

.offer__title {color:#fff;font-size:20px !important;font-family:"MB Medium",sans-serif !important;line-height:20px;text-align:left;margin:20px 0 0 0}

hr {width:40%;border:0.9px dashed #333;margin:40px 0}
.bg-basilico {background:#F9f6f3}
.basilico-box, .contact-box {padding:0 100px}
.basilico-box div {padding:0 !important}
.basilico-box div img {padding:5px !important}
.basilico-border {border-bottom:1px solid #9BAE88}

.easily-icon {width:100px}

.masonry{column-count:4;column-gap:1em}
.item{display:inline-block;margin:0;width:100%}
.masonry{margin:1.5em 0;padding:0;-moz-column-gap:1.5em;-webkit-column-gap:1.5em;column-gap:1.5em;font-size:.85em}
.item{display:inline-block;background:#fff;padding:0;margin:5px;width:100%;}
.item img{max-width:100%}
.masonry img {transition:.8s opacity;cursor: pointer;}
.masonry:hover img { opacity: 0.5; }
.masonry:hover img:hover { opacity: 1; }
@media only screen and (min-width: 300px) {
.masonry{-moz-column-count:2;-webkit-column-count:2;column-count:2}
}
@media only screen and (min-width: 700px) {
.masonry{-moz-column-count:3;-webkit-column-count:3;column-count:3}
}
@media only screen and (min-width: 900px) {
.masonry{-moz-column-count:4;-webkit-column-count:4;column-count:4}
}
@media only screen and (min-width: 1100px) {
.masonry{-moz-column-count:4;-webkit-column-count:4;column-count:4}
}

.table {width:100%;border-spacing: 0;border-collapse: collapse;}
.table .rttl {background:#f5f5f5;padding:0;margin:0}
.table .rtxt {background:#fff;padding:0;margin:0;border-bottom:1px solid #eee}
.table .rttl th {font-family:"MB Medium", sans-serif;font-size:14px;padding:15px 0}
.table .rtxt td {font-family:"MB Medium", sans-serif;font-size:14px;padding:15px 0}

#tab_header {position:fixed;top:90px;left:0;width:100%;background:var(--color-dark);z-index:9998}

.cat-title, .scat-title {border-bottom:1px solid var(--color-lighter);padding:30px 0 10px 0;cursor:pointer}
.scat-title {padding:30px 0 10px 10px}
.bcrt {text-align:right;padding:0 15px 0 0;margin-top:5px;color:var(--color-light)}
.crt {text-align:right;padding:10px 15px 0 0;margin-top:7px;color:var(--color-light)}
.rcrt {font-weight:"MB Medium",sans-serif;font-size:12px;padding:0 15px 0 0;margin-top:0 !important;color:var(--color-light)}
.dcrt {font-weight:"MB Medium",sans-serif;font-size:12px;padding:0;margin-top:0 !important;color:var(--color-light)}
.dcrt h2.del {font-size:22px !important}
h2.prc {font-size:18px !important}
.box_inactive {display:none}
.box_active {display:block}
.cat-cnt {padding:0;border-bottom:1px solid var(--color-lighter);margin-left:15px;cursor:pointer}
.cat-cnt h2 {color:#777;padding:20px 0 0 0;font-size:16px;font-family:"MB Medium",sans-serif}
.cat-cnt p {text-align:left;color:#fff;font-family:"MB Book",sans-serif;font-size:15px}
.cat-cnt .row {width:100%;margin:0 0 10px 0 !important}
.cat-cnt img {padding:15px 0}
.cnt_inactive {display:none}
.cnt_active {display:block}
.cnt-box {margin:20px 0 40px 0;color:var(--color-light)}
.cnt-box .row {margin:0 0 0 -30px !important}
.cnt-btn {width:100%;margin:0 0 0 10px !important}
.cnt-btn h2 {font-family:"MB Book",sans-serif;font-size:14px;color:var(--color-light);letter-spacing:-0.5px}
.cnt-btn h2 em {color:#999}
.rcrt h2 {font-family:"MB Medium",sans-serif;font-size:14px}
.scat-box h2 {padding-left:10px}

input {-webkit-border-radius:0 !important;-moz-border-radius:0 !important;border-radius:0 !important}

.is-active .header__hamburguer-icon:before, .is-active .header__hamburguer-icon:after {background:#fff !important}
.menumobile {background:var(--color-dark) !important}

::placeholder {color:var(--color-light) !important;opacity: 1;}
:-ms-input-placeholder {color:var(--color-light)}
::-ms-input-placeholder {color:var(--color-light)}
.c-form__field>span input, .c-form__field>span textarea, .c-form__field>span select {border-color:var(--color-lighter) !important;color:var(--color-light)}

.nav-tabs{display:inline-flex;width:100%;overflow-x:auto;-ms-overflow-style:none;overflow:-moz-scrollbars-none;height:30px}
.nav-tabs>li.active>a, .nav-tabs>li>a:hover{border-bottom:2px solid var(--color-beige) !important;padding-bottom:5px}
.nav-tabs>li>a{border:none;color:#fff;margin:0 10px 0 20px;font-size:16px !important;line-height:26px !important;font-family:"MB Medium",sans-serif;white-space:nowrap !important}
.nav-tabs>li.active>a,.nav-tabs>li>a:hover{border:none;color:#fff!important;background:transparent}
.tab-pane{padding:15px 0}
.tab-content{padding:20px}
.nav-tabs::-webkit-scrollbar{display:none}
#tab_header {position:fixed;top:70px;left:0;width:100%;background:var(--color-dark);z-index:9998;border-bottom:1px solid #000}
.card{background:transparent none repeat scroll 0 0;margin:20px 0 20px 5px;padding:0 !important}
.card-cnt {margin:20px -20px 0 -20px !important}

#orderConfirm {position:fixed;bottom:0;left:0;width:100%;z-index:999}
#orderConfirm .btn-green {width:100%;padding:20px }

.hidden-hours, .hidden-fields {display:none}

#nomobile {position:fixed;top:0;left:0;width:100%;height:100vh;background:var(--color-dark);z-index:99999}
#nomobile .httl{font-size:22px !important;text-align:center;line-height:30px}
#nomobile .lnr{font-size:60px !important;}

/*Responsiveness*/
@media only screen and (min-width:1025px) and (max-width:1400px) { 

    .c-hero__title {font-size:46px;padding:0 0 0 40px}
    .c-hero__cpt {padding:0 0 0 40px}
    .c-slider-inner__title {font-size:28px;letter-spacing:0.5px}
    .c-slider-inner__caption, .c-col-image-col-content__caption, .c-block-title-more__subtitle, .c-block-title-more__caption {font-size:11px !important;letter-spacing:1px}
    .h2s {font-size:44px}
    .h2s.gloriant {font-size:54px;line-height:1em}
    .h3f {font-size:20px}

    .c-col-image-col-content__title {font-size:30px;line-height:1.2em;}
    .c-col-image-col-content__title.gloriant {font-size:40px;line-height:1.2em;}
    .c-col-image-col-content__wrapper-image:before {padding-bottom:80%}

    .c-rooms__rooms {padding-right:50px}
    .c-rooms__col-nav {padding-left:60px}
    .c-info-service__wrapper-info {padding-left:40px}
    .c-tabs__col-tabs-title {padding-left:60px}

    .modal-banner__style-1 .modal-banner__wrapper {width:140%;margin-left:-20%}

    .c-text__wrapper-title, .c-form__wrapper-info, .c-map__wrapper-info {padding-left:30px}
    .c-text__wrapper-text {padding-right:50px}

    .menumobile__brand {display:none !important}

    .logo-footer {max-width:100% !important}

}

@media only screen and (min-width:768px) and (max-width:1024px) {

    .o-container {padding-bottom:80px;padding-top:100px}

    .c-hero__title {font-size:46px;padding:0 0 0 40px}
    .c-hero__cpt {padding:0 0 0 40px}
    .c-slider-inner__title {font-size:28px;letter-spacing:0.5px}
    .h2s {font-size:32px}
    .h2s.gloriant {font-size:45px;line-height:1em}
    .h3f {font-size:20px}

    .menumobile__wrapper-info {margin-top:60px}

    .c-col-image-col-content__title {font-size:30px;line-height:1.2em;}
    .c-col-image-col-content__title.gloriant {font-size:40px;line-height:1.2em;}
    .c-col-image-col-content__wrapper-image:before {padding-bottom:80%}

    .c-rooms__rooms {padding-right:50px}
    .c-rooms__col-nav {padding-left:60px}
    .c-info-service__wrapper-info {padding-left:40px}
    .c-tabs__col-tabs-title {padding-left:60px}

    .modal-banner__style-1 .modal-banner__wrapper {width:140%;margin-left:-20%}

    .c-text__wrapper-title, .c-form__wrapper-info, .c-map__wrapper-info {padding-left:30px}
    .c-text__wrapper-text {padding-right:50px}

    .menumobile__brand {display:none !important}

    .logo-footer {max-width:100% !important}

    .column-reverse {display:flex;flex-direction:row;}
    .column-reverse .c-slider-inner__col-right {position:relative;transform:none;right:0}
    .column-reverse > div:first-child {order:0}

    .bottombar .bottom-link {width:16%}
    .httl.text-right {text-align:right !important}

    .cslider_img:before { padding-bottom: 55%;}
    .room-icons {padding:0 0 50px 0 !important}

    .image_content .c-col-image-col-content__col--image {padding-right:10px !important}
    .image_content .c-col-image-col-content__col--content {padding-right:10px !important}

    .address-box {padding-left:20px}
    #map {height:450px}

    .tp20 {padding:20px !important}

}

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

    .rp-preloader img {width:100px !important}
    .footer-section-links {padding:100px 10% 100px 10%}
    .int-hero .c-hero__title {padding-bottom:0}
    header {display:none}
    #_header__logo {width:100%;text-align:center}
    #_header__logo img {width:60px !important;margin:20px auto}
    .httl {font-size:40px !important}

}

@media only screen and (min-width:600px) and (max-width:834px) {

    .c-hero__title {font-size:55px;padding:0 0 60px 40px}
    .mlr100 {margin:0 !important}
    .newsletter-box {background:#f5f5f5;padding:80px 100px !important}
    .eat-local {padding:40px 50px !important}
    .fixed_booking {display:none}

}

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

    #nomobile {display:none !important;}
    .o-container {margin-bottom:60px}

    .topbar {display:none}
    .m-header {transform:translateY(0px) !important}

    .show-xs {display:block !important}
    .hide-xs {display:none !important}
    .m-text-center {text-align:center !important}

    html, body, section {max-width: 100% !important;overflow-x: hidden !important;}
    section {margin-bottom:50px}

    .mmb0 {margin-bottom:0 !important}
    .mmt40 {margin-top:40px}
    .mmb20 {margin-bottom:0 !important}

    .mlr100 {margin:0 !important}
    .plr0 {padding:0 !important}

    .mp20 {padding:0 20px !important}
    .mpb40 {padding-bottom:40px}
    .mpb60 {padding-bottom:60px}
    .mob100 {width:100% !important}

    .menumobile__wrapper-top {height:30px}

    .header__wrapper {height:60px}
    .header--alt {display:block;position:fixed;top:0;left:0}
    .header__booking-button:hover {background:transparent !important}
    .header--alt .header__brand-logo-inverted {width:100px;left:0;top:0}
    .header__brand-logo {visibility:visible;width:100px}

    .h2s.gloriant {font-size:38px;line-height:1em}
    .modal-booking .c-booking__wrapper-submit {width:50%}
    #sel_guests {border-top:1px solid var(--c-booking-color-opacity) !important}
    .sel_guests {top:62px;border-top:1px solid var(--c-booking-color-opacity) !important}

    .c-newsletter__title {margin-bottom:50px}
    .c-hero__cpt {font-size:10px !important;letter-spacing:0.2px}

    .c-slider-inner__caption, .c-col-image-col-content__caption, .c-block-title-more__subtitle, .c-block-title-more__caption 
    {font-size:11px !important;letter-spacing:1px}

    .h-rooms {display:flex;flex-direction: column-reverse;margin-bottom:-100px !important}
    .h-rooms-txt {width:100%;margin-top:150px}
    
    .o-button {font-size:11px !important}

    .c-rooms__rooms {padding-bottom:0 !important;margin-bottom:0}
    .c-rooms__title-link {font-size:20px}
    .c-info-service__title {font-size:24px}

    .c-rooms__title {font-size:24px !important}
    .c-rooms__wrapper-title {display:none !important}
    .m-room {display:block;text-align:left}
    .c-rooms__wrapper-title-responsive {display:none}
    #active_room {border-bottom:1px solid #ccc !important;background:#fff url("../img/b_selectbox_arrow.png") center right no-repeat}
    #change_room {display:none;margin-top:20px}

    .rp-preloader img {width:15% !important;margin-top:-100px !important}
    .topbar {top:100px}
    .int .topbar {display:none !important}
    .leftbox {width:40% !important}
    .header__wrapper-info {width:50%}
    .c-hero__title {font-size:46px;letter-spacing:0;margin-top:20vh}
    .c-hero__title::after {content:""}
    .menumobile__col-social {margin-top:30px}
    .menumobile__nav-little {width:100%}

    .menumobile .menu-item-depth-0 {padding-bottom:15px;text-align:left} 

    .c-hero {--c-hero--height:87vh !important}
    .int-hero {--c-hero--height:50vh !important}
    .int .c-hero__title {text-align:center}
    .hero-ttl {font-size:23px !important;letter-spacing:0}

    .cslider_img:before, .c-col-image-col-content__wrapper-image:before {padding-bottom:100%}

    .c-slider-inner__title {font-size:26px;letter-spacing:0.4px;padding-bottom:20px}
    .atenze-stamp-home {margin-bottom:60px;padding-bottom: 33%}
    .patria-moments {text-align:left !important}

    .h2b {font-family:"MB Light";line-height:1.5em;font-size:19px;letter-spacing: 0.01em;color:var(--color-a)}
    .h3s {font-size:28px}
    .h3s.gloriant {font-size:40px}
    .h3f {font-size:22px;font-family:"MB Book";padding-bottom:10px !important;letter-spacing:0.8px}
    .h3sx {font-size:20px;font-family:"MB Book";padding-bottom:10px !important;letter-spacing:0.8px;color:var(--color-a)}
    .h3so {font-size:24px;font-family:"MB Book";padding-bottom:10px !important;letter-spacing:0.4px;color:var(--color-a)}
    .h2s {line-height:1.3em;font-size:26px;letter-spacing: 0.01em;}

    .m-container {padding:0 5px !important}

    .c-related__wrapper-item {padding:0 !important}
    .left-box {padding:0 15px}
    .right-box {padding:0}

    .c-text__col-info {width:100%}
    .c-text__col-text {width:100%;margin-top:50px}

    .c-rooms__cols {display:block}
    .c-rooms__col-nav {display:block !important;width:100%;padding-bottom:0;text-align:center}
    .c-rooms__wrapper-title {display:inline}
    .c-rooms__title {font-size:20px;padding:7px}

    .modal-banner__style-1 {margin-top:30px !important}
    .modal-banner__style-1 .modal-banner__wrapper-texts {width:100%}

    .footer-slider {width:130%;margin-top:10px}
    .footer-slider div {margin:0 20px 0 0 !important} 

    .ofarwcnt {display:none}
    .farwcnt, .ofarwcnt {text-align:left !important;margin-left:0}
    .farw {cursor:pointer;display:inline-block;width:15%;margin:0 10px 0 0}

    .c-newsletter__wrapper-content {padding-bottom:0 !important}
    .c-newsletter__wrapper-content p {font-size:14px !important}
    .newsletter-subscribe {padding:40px 0 10px 0;text-align:left}

    .footer-section {padding:60px 0 30px 0}
    .footer-section-links {padding:80px 30px}

    .logo-footer {max-width:40% !important;margin:0 0 40px 0}
    footer .txt {font-size:14px !important}
    footer .copyright {font-size:12px !important}

    .daterangepicker .drp-calendar {max-width:350px !important}
    .daterangepicker .calendar-table th, .daterangepicker .calendar-table td {padding:4px 10px;font-size:120%}
    .daterangepicker td.active, .daterangepicker td.active:hover {background:var(--color-a) !important}
    .mtext-left {margin-top:20px;text-align:left !important}

    #cookie_cnt {margin-bottom:30px}
    #cookie_btn {margin-bottom:15px}

    .fixed_booking {display:none}

    .bottombar {position:absolute;bottom:-20px;left:0;width:100%;height:90px;background:#fff;z-index:998;border-bottom:none;text-align:center}
    .bottombar .bottom-link {text-align:center;width:30%;display:inline-block;padding-top:20px}
    .footermenu .bottom-link {text-align:center;width:18%;display:inline-block;padding-top:15px}
    .bottombar-basilico .bottom-link {width:20% !important}

    .c-block-title-more__content {margin-top:30px}
    ._ttl {font-size:16px !important;line-height:26px !important}
    .httl {font-size:20px !important;line-height:46px}
    .hbox {padding-top:50px}

    .column-reverse {display:flex;flex-direction:row;}
    .column-reverse .c-slider-inner__col-right {position:relative;transform:none;right:0}
    .column-reverse > div:first-child {order:1}

    .eat-local {padding:40px 50px !important}

    .parallax-bg {background-attachment:scroll}
    .basilico-box, .contact-box {padding:0 !important}
    .address-box {background:#fff;padding:60px 40px 20px 40px !important;text-align:center !important}
    .newsletter-box {background:#f5f5f5;padding:80px 40px !important}
    .newsletter-box input {padding:10px 20px 10px 20px;border-radius:0;border:1px solid #ccc}
    .newsletter-box .btn-blk {margin-top:-4px}
    #map {padding:0 10px !important;height:400px}

    .icns div {width:60px;margin-right:15px}

    .offer-box {padding:80px 10px 50px 10px;margin-bottom:80px}
    .offer-box .httl {text-align:left;margin-bottom:30px}
    .newsletter-box {margin-bottom:80px}
    .newsletter-box .httl {text-align:left;margin-bottom:30px}
    .newsletter-box input {width:60%}
    .newsletter-box .btn-blk {padding:9px 20px 11px 20px;margin-top:-5px}

    .ig-box {padding:0 20px}
    #ig-logo {display:none}

    .httl {font-size:20px !important;line-height:36px;font-family:"MB Medium",sans-serif}
    .httl.text-right {text-align:right !important;padding-right:20px}
    .room-icons {padding:0 30px 50px 30px !important}

    .bottombar-basilico {height:70px;margin-bottom:-15px}
    .btl {font-size:16px}

    .table th:nth-child(3), .table td:nth-child(3) {display:none}
    .table th:nth-child(4), .table td:nth-child(4) {display:none}
    .table th:nth-child(5), .table td:nth-child(5) {display:none}

    .c-block-title-more__content.bootstrap-wrapper {margin-top:80px}

    .menumobile__wrapper-body {padding:0 30px !important}
    .swiper-pagination-bullet {transform:scale(0.7,0.7)}
    .c-slider-inner .swiper-pagination-bullet {margin-right:5px}

    .eat-local p._txt {font-size:12px}

    #cart {position:fixed;cursor:pointer;top:25px;right:30px;z-index:999999;}
    #cart .lnr {font-size:30px;color:#fff}
    #cart_circle {position:absolute;top:-2px;right:-10px;background:var(--color-beige);border-radius:50%;padding:0 4px}
    #cart_num {font-family:"MB Medium",sans-serif;color:var(--color-dark);display:inline-block;width:15px;font-size:11px;text-align:center}

    header {padding:10px 0}
    #_header__logo {position:fixed;top:0;width:40%;text-align:center;margin:10px 30%;z-index:9999}
    #_header__logo img {width:50px;margin:0 auto}

    .menumobile__col-little-menus {padding-top:50% !important}

    #add_cart {position:fixed;bottom:0;left:0;width:100%;min-height:200px;padding:30px;background:#222;z-index:9999;display:none}
    #add_cart.opened {display:block}
    #add_cart h2 {font-family:"MB Medium",sans-serif;font-size:20px;color:#fff}
    #add_cart h3 {font-family:"MB Medium",sans-serif;font-size:30px;color:#fff}
    #plus, #minus {display:inline-block;border-radius:50%;background:var(--color-beige);color:#fff;font-family:"MB Medium",sans-serif;
        padding:10px 18px 12px 18px;font-size:22px;cursor:pointer}
    #plus {padding:10px 16px 10px 16px}
    #qty {background:transparent;border:0;max-width:100%;color:#fff;font-family:"MB Medium",sans-serif;font-size:32px;padding:4px 0 0 0}
    #notes {background:transparent;border:0;border-bottom:2px solid var(--color-lighter);max-width:100%;color:#fff;font-family:"MB Medium",sans-serif;font-size:18px;
        padding:10px;width:100%;margin-top:20px}
    
}

@media only screen and (min-width:1023px) and (max-height:768px) {

    .fixed_booking {height:50vh;top:25vh;right:100px}
    ._ttl {font-size:24px !important;line-height:20px}

}

@media only screen and (min-height:769px) and (max-height:834px) {

    .fixed_booking {height:50vh;top:25vh;right:100px}
    .httl {font-size:36px !important;line-height:46px}
    ._ttl {font-size:24px !important;line-height:20px}
    .cslider_img:before { padding-bottom: 90%;}

}

/*Image Highlight*/
.cd-container{margin:0 auto}
.cd-container:after{content:"";display:table;clear:both}
.cd-img-replace{display:inline-block;overflow:hidden;text-indent:100%;white-space:nowrap}
.cd-product{text-align:center}
.cd-product-wrapper{display:inline-block;position:relative;margin:0 auto;width:100%}
.cd-product-wrapper > img{display:block}
.cd-single-point{position:absolute;border-radius:50%}
.cd-single-point > a{position:relative;z-index:2;display:block;width:30px;height:30px;border-radius:inherit;background:#fff;box-shadow:0 0 10px rgba(0,0,0,0.3),inset 0 1px 0 rgba(255,255,255,0.3);-webkit-transition:background-color .2s;-moz-transition:background-color .2s;transition:background-color .2s}
.cd-single-point > a::after,.cd-single-point > a:before{content:'';position:absolute;left:50%;top:50%;bottom:auto;right:auto;-webkit-transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);-o-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);background-color:var(--color-dark);-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;transition-property:transform;-webkit-transition-duration:.2s;-moz-transition-duration:.2s;transition-duration:.2s}
.cd-single-point > a::after{height:2px;width:12px}
.cd-single-point > a::before{height:12px;width:2px}
.cd-single-point::after{content:'';position:absolute;z-index:1;width:100%;height:100%;top:0;left:0;border-radius:inherit;background-color:transparent;-webkit-animation:cd-pulse 2s infinite;-moz-animation:cd-pulse 2s infinite;animation:cd-pulse 2s infinite}
.cd-single-point:nth-of-type(1){bottom:10%;right:30%}
.cd-single-point:nth-of-type(2){bottom:24%;right:46%}
.cd-single-point:nth-of-type(3){top:28%;left:20%}
.cd-single-point:nth-of-type(4){top:20%;right:22%}
.cd-single-point.is-open > a{background-color:var(--color-dark)}
.cd-single-point.is-open > a::after,.cd-single-point.is-open > a::before{-webkit-transform:translateX(-50%) translateY(-50%) rotate(135deg);-moz-transform:translateX(-50%) translateY(-50%) rotate(135deg);-ms-transform:translateX(-50%) translateY(-50%) rotate(135deg);-o-transform:translateX(-50%) translateY(-50%) rotate(135deg);transform:translateX(-50%) translateY(-50%) rotate(135deg);background-color:#fff;}
.cd-single-point.is-open::after{display:none}
.cd-single-point.is-open .cd-more-info{visibility:visible;opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transition:opacity .3s 0s,visibility 0 0s,-webkit-transform .3s 0s,top .3s 0s,bottom .3s 0s,left .3s 0s,right .3s 0;-moz-transition:opacity .3s 0s,visibility 0 0s,-moz-transform .3s 0s,top .3s 0s,bottom .3s 0s,left .3s 0s,right .3s 0;transition:opacity .3s 0s,visibility 0 0s,transform .3s 0s,top .3s 0s,bottom .3s 0s,left .3s 0s,right .3s 0}
.cd-single-point.visited > a{background-color:#fff}
.cd-single-point.visited::after{display:none}
.cd-single-point.is-open.visited > a::after, .cd-single-point.is-open.visited > a::before {background-color:var(--color-dark)}
@media only screen and (min-width: 600px) {
.cd-single-point.is-open .cd-more-info.cd-left{right:140%}
.cd-single-point.is-open .cd-more-info.cd-right{left:140%}
.cd-single-point.is-open .cd-more-info.cd-top{bottom:140%}
.cd-single-point.is-open .cd-more-info.cd-bottom{top:140%}
}
@-webkit-keyframes cd-pulse {
0%{-webkit-transform:scale(1);box-shadow:inset 0 0 1px 1px rgba(255,255,255,0.8)}
50%{box-shadow:inset 0 0 1px 1px rgba(255,255,255,0.8)}
100%{-webkit-transform:scale(1.6);box-shadow:inset 0 0 1px 1px rgba(255,255,255,0)}
}
@-moz-keyframes cd-pulse {
0%{-moz-transform:scale(1);box-shadow:inset 0 0 1px 1px rgba(255,255,255,0.8)}
50%{box-shadow:inset 0 0 1px 1px rgba(255,255,255,0.8)}
100%{-moz-transform:scale(1.6);box-shadow:inset 0 0 1px 1px rgba(255,255,255,0)}
}
@keyframes cd-pulse {
0%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);box-shadow:inset 0 0 1px 1px rgba(255,255,255,0.8)}
50%{box-shadow:inset 0 0 1px 1px rgba(255,255,255,0.8)}
100%{-webkit-transform:scale(1.6);-moz-transform:scale(1.6);-ms-transform:scale(1.6);-o-transform:scale(1.6);transform:scale(1.6);box-shadow:inset 0 0 1px 1px rgba(255,255,255,0)}
}
.cd-single-point .cd-more-info{display:none !important}
.cd-single-point .cd-more-info::before{content:'';position:absolute;height:0;width:0;display:none;border:8px solid transparent}
.cd-single-point .cd-more-info h2{font-size:22px;font-size:1.375rem;margin-bottom:.6em}
.cd-single-point .cd-more-info p{color:#758eb1}
@media only screen and (min-width: 600px) {
.cd-single-point .cd-more-info{position:absolute;width:220px;height:240px;padding:1em;overflow-y:visible;line-height:1.4;border-radius:.25em;box-shadow:0 0 20px rgba(0,0,0,0.5)}
.cd-single-point .cd-more-info::before{display:block}
.cd-single-point .cd-more-info.cd-left,.cd-single-point .cd-more-info.cd-right{top:50%;bottom:auto;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}
.cd-single-point .cd-more-info.cd-left::before,.cd-single-point .cd-more-info.cd-right::before{top:50%;bottom:auto;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}
.cd-single-point .cd-more-info.cd-left{right:160%;left:auto}
.cd-single-point .cd-more-info.cd-left::before{border-left-color:rgba(255,255,255,0.95);left:100%}
.cd-single-point .cd-more-info.cd-right{left:160%}
.cd-single-point .cd-more-info.cd-right::before{border-right-color:rgba(255,255,255,0.95);right:100%}
.cd-single-point .cd-more-info.cd-top,.cd-single-point .cd-more-info.cd-bottom{left:50%;right:auto;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%)}
.cd-single-point .cd-more-info.cd-top::before,.cd-single-point .cd-more-info.cd-bottom::before{left:50%;right:auto;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%)}
.cd-single-point .cd-more-info.cd-top{bottom:160%;top:auto}
.cd-single-point .cd-more-info.cd-top::before{border-top-color:rgba(255,255,255,0.95);top:100%}
.cd-single-point .cd-more-info.cd-bottom{top:160%}
.cd-single-point .cd-more-info.cd-bottom::before{border-bottom-color:rgba(255,255,255,0.95);bottom:100%}
.cd-single-point .cd-more-info h2{font-size:20px;font-size:1.25rem;margin-bottom:0}
.cd-single-point .cd-more-info p{font-size:14px;font-size:.875rem}
}
.cd-close-info{position:fixed;top:0;right:0;height:44px;width:44px}
.cd-close-info::after,.cd-close-info:before{content:'';position:absolute;left:50%;top:50%;bottom:auto;right:auto;-webkit-transform:translateX(-50%) translateY(-50%) rotate(45deg);-moz-transform:translateX(-50%) translateY(-50%) rotate(45deg);-ms-transform:translateX(-50%) translateY(-50%) rotate(45deg);-o-transform:translateX(-50%) translateY(-50%) rotate(45deg);transform:translateX(-50%) translateY(-50%) rotate(45deg);background-color:var(--color-dark);-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;transition-property:transform;-webkit-transition-duration:.2s;-moz-transition-duration:.2s;transition-duration:.2s}
.cd-close-info::after{height:2px;width:16px}
.cd-close-info::before{height:16px;width:2px}
@media only screen and (min-width: 600px) {
.cd-close-info{display:none}
}

/*Alert Icon Animation*/
.f-modal-alert{background-color:transparent;padding:0}
.f-modal-alert .f-modal-icon{border-radius:50%;border:4px solid gray;box-sizing:content-box;height:80px;margin:20px auto;padding:0;position:relative;width:80px}
.f-modal-alert .f-modal-icon.f-modal-success,.f-modal-alert .f-modal-icon.f-modal-error{border-color:var(--color-green)}
.f-modal-alert .f-modal-icon.f-modal-success:after,.f-modal-alert .f-modal-icon.f-modal-error:after,.f-modal-alert .f-modal-icon.f-modal-success:before,.f-modal-alert .f-modal-icon.f-modal-error:before{background:var(--color-dark);content:'';height:120px;position:absolute;transform:rotate(45deg);width:60px}
.f-modal-alert .f-modal-icon.f-modal-success:before,.f-modal-alert .f-modal-icon.f-modal-error:before{border-radius:120px 0 0 120px;left:-33px;top:-7px;transform-origin:60px 60px;transform:rotate(-45deg)}
.f-modal-alert .f-modal-icon.f-modal-success:after,.f-modal-alert .f-modal-icon.f-modal-error:after{border-radius:0 120px 120px 0;left:30px;top:-11px;transform-origin:0 60px;transform:rotate(-45deg)}
.f-modal-alert .f-modal-icon.f-modal-success .f-modal-placeholder,.f-modal-alert .f-modal-icon.f-modal-error .f-modal-placeholder{border-radius:50%;border:4px solid rgba(165,220,134,.2);box-sizing:content-box;height:80px;left:-4px;position:absolute;top:-4px;width:80px;z-index:2}
.f-modal-alert .f-modal-icon.f-modal-success .f-modal-fix,.f-modal-alert .f-modal-icon.f-modal-error .f-modal-fix{background-color:var(--color-dark);height:90px;left:28px;position:absolute;top:8px;transform:rotate(-45deg);width:5px;z-index:1}
.f-modal-alert .f-modal-icon.f-modal-success .f-modal-line,.f-modal-alert .f-modal-icon.f-modal-error .f-modal-line{background-color:var(--color-green);border-radius:2px;display:block;height:5px;position:absolute;z-index:2}
.f-modal-alert .f-modal-icon.f-modal-success .f-modal-line.f-modal-tip,.f-modal-alert .f-modal-icon.f-modal-error .f-modal-line.f-modal-tip{left:14px;top:46px;transform:rotate(45deg);width:25px}
.f-modal-alert .f-modal-icon.f-modal-success .f-modal-line.f-modal-long,.f-modal-alert .f-modal-icon.f-modal-error .f-modal-line.f-modal-long{right:8px;top:38px;transform:rotate(-45deg);width:47px}
.f-modal-alert .f-modal-icon.f-modal-error{border-color:#f27474}
.f-modal-alert .f-modal-icon.f-modal-error .f-modal-x-mark{display:block;position:relative;z-index:2}
.f-modal-alert .f-modal-icon.f-modal-error .f-modal-placeholder{border:4px solid rgba(200,0,0,.2)}
.f-modal-alert .f-modal-icon.f-modal-error .f-modal-line{background-color:#f27474;top:37px;width:47px}
.f-modal-alert .f-modal-icon.f-modal-error .f-modal-line.f-modal-left{left:17px;transform:rotate(45deg)}
.f-modal-alert .f-modal-icon.f-modal-error .f-modal-line.f-modal-right{right:16px;transform:rotate(-45deg)}
.f-modal-alert .f-modal-icon.f-modal-warning{border-color:#f8bb86}
.f-modal-alert .f-modal-icon.f-modal-warning:before{animation:pulseWarning 2s linear infinite;background-color:var(--color-dark);border-radius:50%;content:"";display:inline-block;height:100%;opacity:0;position:absolute;width:100%}
.f-modal-alert .f-modal-icon.f-modal-warning:after{background-color:var(--color-dark);border-radius:50%;content:'';display:block;height:100%;position:absolute;width:100%;z-index:1}
.f-modal-alert .f-modal-icon.f-modal-warning .f-modal-body{background-color:#f8bb86;border-radius:2px;height:47px;left:50%;margin-left:-2px;position:absolute;top:10px;width:5px;z-index:2}
.f-modal-alert .f-modal-icon.f-modal-warning .f-modal-dot{background-color:#f8bb86;border-radius:50%;bottom:10px;height:7px;left:50%;margin-left:-3px;position:absolute;width:7px;z-index:2}
.f-modal-alert .f-modal-icon + .f-modal-icon{margin-top:50px}
.animateSuccessTip{animation:animateSuccessTip .75s}
.animateSuccessLong{animation:animateSuccessLong .75s}
.f-modal-icon.f-modal-success.animate:after{animation:rotatePlaceholder 4.25s ease-in}
.f-modal-icon.f-modal-error.animate:after{animation:rotatePlaceholder 4.25s ease-in}
.animateErrorIcon{animation:animateErrorIcon .5s}
.animateXLeft{animation:animateXLeft .75s}
.animateXRight{animation:animateXRight .75s}
.scaleWarning{animation:scaleWarning .75s infinite alternate}
.pulseWarningIns{animation:pulseWarningIns .75s infinite alternate}
@keyframes animateSuccessTip {
0%,54%{width:0;left:1px;top:19px}
70%{width:50px;left:-8px;top:37px}
84%{width:17px;left:21px;top:48px}
100%{width:25px;left:14px;top:45px}
}
@keyframes animateSuccessLong {
0%,65%{width:0;right:46px;top:54px}
84%{width:55px;right:0;top:35px}
100%{width:47px;right:8px;top:38px}
}
@keyframes rotatePlaceholder {
0%,5%{transform:rotate(-45deg)}
100%,12%{transform:rotate(-405deg)}
}
@keyframes animateErrorIcon {
0%{transform:rotateX(100deg);opacity:0}
100%{transform:rotateX(0deg);opacity:1}
}
@keyframes animateXLeft {
0%,65%{left:82px;top:95px;width:0}
84%{left:14px;top:33px;width:47px}
100%{left:17px;top:37px;width:47px}
}
@keyframes animateXRight {
0%,65%{right:82px;top:95px;width:0}
84%{right:14px;top:33px;width:47px}
100%{right:16px;top:37px;width:47px}
}
@keyframes scaleWarning {
0%{transform:scale(1)}
30%{transform:scale(1.02)}
100%{transform:scale(1)}
}
@keyframes pulseWarning {
0%{background-color:var(--color-dark);transform:scale(1);opacity:.5}
30%{background-color:var(--color-dark);transform:scale(1);opacity:.5}
100%{background-color:#f8bb86;transform:scale(2);opacity:0}
}
@keyframes pulseWarningIns {
0%{background-color:#f8d486}
100%{background-color:#f8bb86}
}