@import url(fonts/unisans/stylesheet.css);
@import url(fonts/playfair/stylesheet.css);
@import url(fonts/font-awesome-4.6.2/css/font-awesome.min.css);
@import url(fonts/weather/stylesheet.css);
@import url(fonts/icons/flaticon.css);
#main-header{
    background-color:#191919;
    height:60px;
    width:100%;
    position:fixed;
    z-index:9999;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-align:center;
    align-items:center
}
#main-header .header-wrapper{
    display:-ms-flexbox;
    display:flex;
    -ms-flex-align:center;
    align-items:center;
    height:100%;
    width:100%;
    margin:0 auto;
    position:relative
}
#main-header .logo-container{
    height:100%;
    -ms-flex-negative:0;
    flex-shrink:0;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-align:center;
    align-items:center;
    text-decoration:none
}
#main-header #main-logo{
    height:100%;
    -ms-flex-negative:0;
    flex-shrink:0;
    -ms-flex-positive:0;
    flex-grow:0;
    background-color:#b38e6b
}
#main-header #main-logo img{
    max-width:80%;
    max-height:80%;
    padding:13px
}
#main-header #hotel-title{
    text-transform:uppercase;
    -ms-flex-negative:0;
    flex-shrink:0;
    margin:0 15px
}
#main-header #hotel-title h1{
    margin:0;
    color:white;
    font-size:13px;
    letter-spacing:0.1em
}
#main-header #header-navs{
    position:relative;
    margin:0 auto;
    cursor:pointer;
    height:100%;
    display:-ms-flexbox;
    display:flex;
    width:100%;
    -ms-flex-pack:center;
    justify-content:center
}
#main-header #header-navs>div{
    height:100%
}
#main-header #header-navs ul{
    padding:0;
    margin:0;
    list-style:none;
    height:100%;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -ms-flex-pack:distribute;
    justify-content:space-around;
    width:100%
}
#main-header #header-navs li{
    -ms-flex-align:center;
    align-items:center;
    height:100%;
    -ms-flex-negative:0;
    flex-shrink:0;
    font-size:12px;
    letter-spacing:0.10em;
    font-family:"Unisans Semi-Bold";
    transition:color 0.5s;
    text-transform:uppercase
}
#main-header #header-navs li a{
    padding:10px 10px;
    color:#b6b6b6;
    text-decoration:none;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-align:center;
    align-items:center;
    height:100%;
    width:100%
}
#main-header #header-navs .current-menu-item a,#main-header #header-navs li:hover a{
    color:white
}
#main-header #header-navs #nav-color{
    pointer-events:none;
    width:100px;
    height:2px;
    position:absolute;
    z-index:-1;
    bottom:13px
}
#main-header #language-switcher{
    -ms-flex-item-align:start;
    align-self:flex-start;
    background-color:whitesmoke;
    max-height:100%;
    overflow:hidden;
    border:1px solid #d8d8d8;
    border-top:none;
    -ms-flex-negative:0;
    flex-shrink:0;
    transition:all ease 0.3s
}
#main-header #language-switcher:hover{
    max-height:200px
}
#main-header #language-switcher i{
    font-size:25px;
    padding:10px 0 0 0;
    margin:0 auto;
    display:inline-block;
    text-align:center;
    width:100%
}
#main-header #language-switcher ul{
    list-style:none;
    padding:0;
    margin:0;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-flow:column;
    flex-flow:column
}
#main-header #language-switcher ul li{
    -ms-flex-order:1;
    order:1;
    text-transform:uppercase
}
#main-header #language-switcher ul li.active-item{
    -ms-flex-order:0;
    order:0
}
#main-header #language-switcher a{
    padding:3px 10px;
    text-decoration:none;
    display:block;
    width:100%;
    height:100%;
    font-size:12px;
    color:black
}
#main-header .book-btn{
    display:-ms-flexbox;
    display:flex;
    background-color:#e34553;
    font-family:"Unisans Semi-Bold";
    height:100%;
    -ms-flex-align:center;
    align-items:center;
    font-size:12px;
    color:white;
    -ms-flex:0;
    flex:0;
    min-width:140px;
    letter-spacing:0.05em
}
#main-header .book-btn a{
    text-align:center;
    text-decoration:none;
    color:white;
    -ms-flex-align:center;
    align-items:center;
    display:-ms-flexbox;
    display:flex;
    width:100%;
    height:100%;
    line-height:1.1em;
    padding:10px 5px
}
#main-header .book-btn a i{
    font-size:20px;
    margin-right:5px;
    margin-top:-5px;
    display:none
}
#main-header .book-btn a span{
    font-weight:800;
    font-size:13px
}
.mobile-navs #main-header{
    height:60px
}
.mobile-navs #main-header .book-btn{
    display:-ms-flexbox;
    display:flex;
    font-family:"Unisans Semi-Bold";
    height:40px;
    -ms-flex-align:center;
    align-items:center;
    color:white;
    -ms-flex:0;
    flex:0;
    min-width:40px;
    letter-spacing:0.05em;
    -ms-flex-negative:0;
    flex-shrink:0;
    position:relative;
    right:50px;
    border-radius:100%
}
.mobile-navs #main-header .book-btn a{
    text-align:center;
    text-decoration:none;
    color:white;
    -ms-flex-align:center;
    align-items:center;
    display:-ms-flexbox;
    display:flex;
    width:100%;
    height:100%;
    line-height:1.1em;
    padding:10px 5px;
    font-size:11px;
    -ms-flex-pack:center;
    justify-content:center
}
.mobile-navs #main-header .book-btn a i{
    font-size:22px;
    margin:0;
    display:block
}
.mobile-navs #main-header .book-btn a div{
    display:none
}
a.mobile-callcenter{
    color:#b38e6b;
    border:1px solid #b38e6b;
    min-width:40px;
    height:40px;
    border-radius:100%;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-pack:center;
    justify-content:center;
    -ms-flex-align:center;
    align-items:center;
    font-size:24px;
    text-decoration:none;
    position:absolute;
    right:70px;
    top:10px;
    line-height:24px
}
.mobile-nav-icon{
    display:-ms-flexbox;
    display:flex;
    width:40px;
    height:40px;
    position:fixed;
    right:5px;
    z-index:99;
    top:10px;
    -ms-flex-direction:column;
    flex-direction:column;
    background-color:#b38e6b;
    padding:0.5em 0.3em;
    -ms-flex-pack:distribute;
    justify-content:space-around
}
.mobile-nav-icon span{
    width:100%;
    height:1px;
    background-color:white
}
#mobile-navs{
    position:fixed;
    right:-100%;
    top:59px;
    overflow-y:auto;
    overflow-x:hidden;
    width:100%;
    height:calc(100% - 59px);
    z-index:10001;
    transition:right 0.6s;
    background-color:#1e1e1e;
    -webkit-transform:translateZ(0)
}
#mobile-navs .mobile-navs-container{
    position:absolute;
    width:100%;
    min-height:100%;
    height:100%;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-pack:center;
    justify-content:center
}
#mobile-navs.active{
    right:0
}
#mobile-navs .navigations{
    display:-ms-flexbox;
    display:flex;
    -ms-flex-flow:row wrap;
    flex-flow:row wrap;
    width:100%;
    height:100%
}
#mobile-navs .navigations ul{
    height:100%;
    width:100%;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-flow:column;
    flex-flow:column;
    list-style:none;
    margin:0;
    padding:2em 0
}
#mobile-navs .navigations ul li{
    display:-ms-flexbox;
    display:flex;
    -ms-flex-pack:center;
    justify-content:center;
    -ms-flex-negative:0;
    flex-shrink:0
}
#mobile-navs .navigations ul li a{
    text-transform:uppercase;
    text-decoration:none;
    color:white;
    padding:1em;
    text-align:center
}
#mobile-navs .lang-switcher{
    margin-top:auto;
    position:fixed;
    bottom:0;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-pack:center;
    justify-content:center;
    background-color:#191919;
    width:100%;
    height:50px;
    padding:10px
}
#mobile-navs .lang-switcher i{
    color:white;
    font-size:30px
}
#mobile-navs .lang-switcher ul{
    font-size:16px;
    display:-ms-flexbox;
    display:flex;
    width:auto;
    background-color:transparent;
    list-style:none;
    padding:0;
    height:100%
}
#mobile-navs .lang-switcher ul li{
    -ms-flex-align:center;
    align-items:center
}
#mobile-navs .lang-switcher ul li a{
    text-transform:uppercase;
    font-size:12px;
    color:black;
    padding:10px;
    background-color:white;
    margin:1px;
    width:30px
}
.mobile-only{
    visibility:hidden
}
.mobile-navs .desktop-only{
    visibility:hidden !important;
    transition:visibility 0s !important
}
.mobile-navs .mobile-only{
    visibility:visible
}
.elix-slider{
    width:100%;
    height:100%;
    display:-ms-flexbox;
    display:flex;
    -ms-flex:1;
    flex:1;
    position:relative
}
.elix-slider .slide{
    display:-ms-flexbox;
    display:flex;
    -ms-flex-positive:2;
    flex-grow:2;
    width:100%;
    height:100%;
    position:absolute
}
.elix-slider .slide .slide-holder{
    background-color:#333;
    width:100%;
    height:100%;
    position:absolute;
    left:0;
    top:0;
    transform:translateZ(0);
    will-change:transform;
    background-position:center;
    background-size:cover
}
.elix-slider .slide .text-box{
    color:white;
    -ms-flex-item-align:center;
    -ms-grid-row-align:center;
    align-self:center;
    z-index:9;
    text-transform:uppercase
}
.elix-slider .slide .text-box h3{
    text-align:center;
    font-family:'PlayFairy Regular';
    font-size:36px;
    margin:0.6em
}
.elix-slider .slide .text-box h4{
    margin:2em;
    letter-spacing:0.2em;
    text-align:center;
    font-family:'Unisans';
    font-size:13px
}
.elix-slider .slide .text-box h4:first-of-type{
    margin-bottom:1.5em
}
.elix-slider .slide .text-box a.white-btn{
    height:100%;
    padding:12px 30px;
    font-family:'Unisans Bold';
    letter-spacing:0.3em;
    border:2px solid white;
    display:inline-block;
    text-transform:uppercase;
    text-decoration:none;
    font-size:10px;
    transition:all 0.3s;
    color:white
}
.elix-slider .slide .text-box a.white-btn:hover{
    background-color:#b38e6b;
    border:2px solid #b38e6b !important
}
.elix-slider .slider-nav-arrows{
    -ms-flex-item-align:center;
    -ms-grid-row-align:center;
    align-self:center;
    width:100%;
    height:50px;
    z-index:99;
    pointer-events:none;
    position:relative
}
.elix-slider .slider-nav-arrows .nav-btn{
    pointer-events:auto;
    cursor:pointer;
    width:50px;
    height:50px;
    background-color:rgba(255,255,255,0.7);
    position:absolute;
    text-align:center;
    transition:all 0.3s;
    color:#58422d
}
.elix-slider .slider-nav-arrows .nav-btn i{
    transition:all 0.3s;
    padding:0;
    line-height:50px;
    font-size:30px
}
.elix-slider .slider-nav-arrows .nav-btn:hover{
    background-color:white
}
.elix-slider .slider-nav-arrows .nav-btn:hover i{
    font-size:40px
}
.elix-slider .slider-nav-arrows .arrow-left{
    left:0
}
.elix-slider .slider-nav-arrows .arrow-right{
    right:0
}
.elix-slider .slider-nav-bullets{
    z-index:99;
    pointer-events:none;
    position:absolute;
    bottom:20%;
    left:10%;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-pack:center;
    justify-content:center;
    -ms-flex-align:center;
    align-items:center
}
.elix-slider .slider-nav-bullets .bullet{
    pointer-events:auto;
    display:inline-block;
    height:10px;
    width:10px;
    margin:0 10px;
    position:relative
}
.elix-slider .slider-nav-bullets .bullet::after{
    border-radius:100%;
    content:'';
    background-color:white;
    position:absolute;
    left:2px;
    top:2px;
    width:6px;
    height:6px;
    transition:all 0.1s;
    border:2px solid white
}
.elix-slider .slider-nav-bullets .bullet::before{
    content:'';
    height:1px;
    width:10px
}
.elix-slider .slider-nav-bullets .bullet.active-bullet::after{
    left:0;
    top:0;
    width:10px;
    height:10px;
    border:2px solid white;
    background-color:transparent
}
.elix-slider .slider-nav-bullets .bullet:hover::after{
    left:0;
    top:0;
    width:10px;
    height:10px
}
.slide{
    background-size:cover;
    background-position:center
}
.room-slider{
    position:relative
}
.room-title{
    display:block;
    margin-bottom:0 !important;
    padding:20px 40px !important;
    position:absolute;
    left:0;
    bottom:0;
    background-color:white;
    color:black;
    z-index:99 !important;
    font-size:20px !important
}
.features-icons{
    margin-top:20px;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -ms-flex-pack:center;
    justify-content:center
}
.features-icons .feature{
    display:-ms-flexbox;
    display:flex;
    -ms-flex-pack:center;
    justify-content:center;
    -ms-flex-direction:column;
    flex-direction:column;
    padding:1em;
    font-size:12px
}
.features-icons .feature:first-of-type{
    border:none
}
.features-icons .feature i,.features-icons .feature i:before{
    height:40px;
    line-height:1.3em;
    font-size:26px !important;
    text-align:center;
    margin:0 auto
}
.features-list h5{
    font-size:20px;
    border-bottom:1px solid #b38e6b;
    text-align:left;
    padding-bottom:10px;
    text-transform:uppercase
}
.features-list ul{
    padding:0 10px 0 10px;
    text-align:left
}
#popup-container{
    position:fixed;
    z-index:99999;
    width:100%;
    top:0;
    height:100%;
    min-height:100vh;
    overflow-y:auto;
    background-color:#f4f4f4;
    transition:all 0.6s;
    transform:translate3d(100%, 0, 0)
}
#popup-container.active{
    transform:translate3d(0, 0, 0);
    -webkit-transform:translateZ(0)
}
.popup-close{
    position:fixed;
    top:0;
    border:0;
    right:-100px;
    margin-right:15px;
    z-index:999;
    width:50px;
    height:50px;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-pack:center;
    justify-content:center;
    -ms-flex-align:center;
    align-items:center;
    background-color:#b38e6b;
    border:1px solid #b38e6b;
    transition:right 1s
}
.popup-close.active{
    right:0
}
.popup-close .close-spans{
    position:relative;
    display:-ms-flexbox;
    display:flex;
    width:30px;
    height:30px;
    transition:all 0.3s
}
.popup-close .close-spans span{
    background-color:white;
    top:50%;
    width:30px;
    height:2px;
    position:absolute;
    -ms-transform-origin:center;
    transform-origin:center
}
.popup-close .close-spans span:nth-of-type(1){
    -ms-transform:rotate(45deg);
    transform:rotate(45deg)
}
.popup-close .close-spans span:nth-of-type(2){
    -ms-transform:rotate(-45deg);
    transform:rotate(-45deg)
}
.popup-close:hover .close-spans{
    -ms-transform:scale(1.2);
    transform:scale(1.2)
}
.features{
    text-align:left;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-direction:column;
    flex-direction:column
}
.features .feature{
    display:-ms-flexbox;
    display:flex;
    -ms-flex-flow:row wrap;
    flex-flow:row wrap
}
.features .feature div{
    margin:-1px 0 0 -1px;
    -ms-flex:1;
    flex:1;
    padding:8px;
    border:1px solid lightgrey;
    border-collapse:collapse;
    box-sizing:border-box;
    font-size:12px
}
.features .feature .title{
    -ms-flex:0;
    flex:0;
    min-width:120px;
    text-align:center
}
#book-panel{
    background-color:#232323;
    width:100%;
    z-index:1000;
    -ms-flex-align:center;
    align-items:center;
    position:absolute;
    display:-ms-flexbox;
    display:flex;
    bottom:100%;
    -ms-flex-direction:column;
    flex-direction:column
}
#book-panel.fixed{
    bottom:0px;
    position:fixed
}
#book-panel .book-widget{
    background-color:#b38e6b;
    width:100%
}
#book-panel .book-widget #res_r_box_h_table{
    margin:0 auto;
    padding:6px 0
}
#book-panel .book-widget #res_r_box_h_table #td_res_checkin input,#book-panel .book-widget #res_r_box_h_table #td_res_checkout input{
    padding:8px !important;
    border:none;
    width:90px !important
}
#book-panel .book-widget #res_r_box_h_table #td_res_checkin a,#book-panel .book-widget #res_r_box_h_table #td_res_checkout a{
    display:inline-block;
    vertical-align:top;
    height:31px;
    padding:7px;
    border:1px solid white
}
#book-panel .book-widget #res_r_box_h_table #td_res_checkin a img,#book-panel .book-widget #res_r_box_h_table #td_res_checkout a img{
    display:none
}
#book-panel .book-widget #res_r_box_h_table #td_res_checkin a::before,#book-panel .book-widget #res_r_box_h_table #td_res_checkout a::before{
    content:"\f073";
    font-family:FontAwesome;
    font-size:16px;
    color:white;
    line-height:normal
}
#book-panel .book-widget #res_r_box_h_table #td_res_adult select{
    color:black;
    height:30px;
    border:none
}
#book-panel .book-widget #res_r_box_h_table #td_res_button input{
    padding:8px;
    background:#68c79e;
    border:none
}
#book-panel .elix-widget{
    padding:6px 0;
    position:relative
}
#book-panel .wrapper{
    height:100%;
    width:100%;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -ms-flex-direction:row;
    flex-direction:row;
    padding:10px 20px;
    max-width:1200px;
    -ms-flex-pack:center;
    justify-content:center
}
#book-panel .book-title{
    color:#b38e6b;
    font-family:"Unisans Semi-Bold";
    padding:8px;
    font-size:13px;
    -ms-flex-negative:0;
    flex-shrink:0
}
#main-footer{
    background-color:#191919;
    position:relative;
    width:100%;
    margin-top:50px
}
#main-footer .wrapper{
    -ms-flex-direction:row;
    flex-direction:row;
    -ms-flex-pack:justify;
    justify-content:space-between;
    padding:20px 20px
}
#main-footer .wrapper .footer-col{
    min-width:180px;
    margin:1em
}
#main-footer .wrapper .footer-col .deg-container{
    display:-ms-flexbox;
    display:flex
}
#main-footer .wrapper .footer-col .degree-type{
    display:-ms-flexbox;
    display:flex;
    -ms-flex-align:center;
    align-items:center
}
#main-footer .footer-navs-container{
    background-color:#111;
    width:100%
}
#main-footer .footer-navs-container .wrapper{
    padding:0 40px;
    width:100%
}
#main-footer .footer-navs-container .wrapper #footer-navs{
    width:100%;
    padding:0;
    margin:0
}
#main-footer .footer-navs-container ul{
    margin:0;
    padding:0;
    list-style:none;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -ms-flex-direction:row;
    flex-direction:row;
    -ms-flex-align:center;
    align-items:center;
    width:100%
}
#main-footer .footer-navs-container li{
    display:inline-block;
    padding:5px
}
#main-footer .footer-navs-container a{
    text-decoration:none;
    font-size:11px;
    font-family:"Unisans Semi-Bold";
    text-transform:uppercase;
    color:#b38e6b;
    letter-spacing:0.1em
}
#main-footer .footer-title{
    color:#b38e6b;
    font-family:"PlayFairy Regular";
    font-size:18px
}
#main-footer .footer-subtitle{
    color:whitesmoke;
    font-size:13px
}
#main-footer #footer-address{
    margin-bottom:0;
    margin-top:10px
}
#main-footer #footer-address a{
    text-decoration:none;
    color:whitesmoke;
    font-size:12px;
    padding:2px 0;
    display:block;
    letter-spacing:0.05em
}
#main-footer #footer-address a i{
    font-size:14px;
    margin-right:5px
}
#main-footer #weather-widget{
    color:whitesmoke;
    display:-ms-flexbox;
    display:flex;
    font-family:"PlayFairy Regular";
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -ms-flex-direction:column;
    flex-direction:column
}
#main-footer #weather-widget .current{
    font-family:'Weather';
    font-size:60px;
    line-height:1em;
    vertical-align:middle;
    width:60px;
    text-align:center
}
#main-footer #weather-widget .city{
    font-size:13px
}
#main-footer #weather-widget .degree{
    text-align:center;
    width:50px;
    font-size:40px
}
#main-footer #weather-widget .degree-type{
    cursor:pointer
}
#main-footer #weather-widget .degree-type .unit-btn{
    display:inline-block;
    color:#b6b6b6;
    vertical-align:middle;
    transition:all 0.3s
}
#main-footer #weather-widget .degree-type .unit-btn:hover,#main-footer #weather-widget .degree-type .unit-btn.active-btn{
    color:white
}
#main-footer #weather-widget .degree-type .unit-line{
    pointer-events:none;
    width:1px;
    height:15px;
    margin:0 3px;
    background-color:#b6b6b6;
    display:inline-block;
    vertical-align:middle
}
#main-footer .social-channels{
    margin-top:10px
}
#main-footer .social-channels a{
    font-size:20px;
    color:white;
    margin:5px;
    display:inline-block
}
.full-screen{
    min-height:calc(100vh - 110px) !important;
    width:100%
}
.small-slider{
    min-height:35vw
}
.full-width{
    width:100%
}
.full-height{
    height:100%
}
.no-min-height{
    min-height:initial !important
}
.slider-container{
    height:500px;
    width:100%;
    -ms-flex-negative:0;
    flex-shrink:0
}
.no-scroll{
    overflow-y:hidden
}
.no-paddings{
    padding:0 !important
}
.overlay-black::after{
    content:"";
    position:absolute;
    width:100%;
    height:100%;
    background-color:rgba(25,25,25,0.35);
    top:0;
    left:0;
    z-index:0
}
.bg-fixed .slide .slide-holder{
    background-attachment:fixed
}
.wide-text{
    max-width:600px !important;
    text-indent:1em
}
.x-center{
    margin-left:auto;
    margin-right:auto
}
.x-left{
    margin-right:auto
}
.x-right{
    margin-left:auto
}
.y-center{
    margin-top:auto;
    margin-bottom:auto
}
.y-top{
    margin-bottom:auto
}
.y-bottom{
    margin-top:auto
}
.x-align-left{
    background-position:left
}
.x-align-right{
    background-position:right
}
.y-align-top{
    background-position:top
}
.y-align-center{
    background-position:center
}
.y-align-bottom{
    background-position:bottom
}
.no-select{
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
.box-align-top{
    -ms-flex-align:start;
    align-items:flex-start
}
.border-all{
    border:1px solid whitesmoke;
    margin:-1px
}
.inactive{
    visibility:hidden;
    position:absolute
}
.no-overflow{
    overflow:hidden;
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0
}
.offer-features{
    display:-ms-flexbox;
    display:flex;
    width:100%
}
.offer-features .half{
    width:50%;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-direction:column;
    flex-direction:column;
    -ms-flex-align:center;
    align-items:center;
    padding:1em 0;
    -ms-flex-pack:center;
    justify-content:center
}
.offer-features .half ul{
    padding:0.5em 0 0 1em;
    margin:0
}
.offer-header{
    text-align:center;
    width:100%;
    font-family:'PlayFairy Regular';
    font-style:italic;
    padding:0;
    font-size:30px
}
.offers-wrapper{
    position:relative
}
.offers-wrapper .swiper-wrapper{
    -ms-flex-pack:center;
    justify-content:center
}
.offers-wrapper .swiper-button-disabled{
    display:none !important
}
.offers-wrapper .offer-swiper-prev,.offers-wrapper .offer-swiper-next{
    background-color:#e2e2e2;
    width:50px;
    height:calc(100% - 20px);
    z-index:0;
    position:absolute;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-pack:center;
    justify-content:center;
    -ms-flex-align:center;
    align-items:center;
    padding:0;
    margin:0;
    top:10px
}
.offers-wrapper .offer-swiper-prev span,.offers-wrapper .offer-swiper-next span{
    width:1px;
    height:30%;
    background-color:#b38e6b;
    position:absolute
}
.offers-wrapper .offer-swiper-prev{
    left:-60px
}
.offers-wrapper .offer-swiper-prev span:first-of-type{
    top:20%;
    -ms-transform-origin:50%;
    transform-origin:50%;
    -ms-transform:rotate(12deg);
    transform:rotate(12deg);
    margin-top:3%
}
.offers-wrapper .offer-swiper-prev span:last-of-type{
    top:50%;
    margin-top:-3%;
    -ms-transform:rotate(-12deg);
    transform:rotate(-12deg)
}
.offers-wrapper .offer-swiper-next{
    right:-60px
}
.offers-wrapper .offer-swiper-next span:first-of-type{
    top:20%;
    -ms-transform-origin:50%;
    transform-origin:50%;
    -ms-transform:rotate(-12deg);
    transform:rotate(-12deg);
    margin-top:3%
}
.offers-wrapper .offer-swiper-next span:last-of-type{
    top:50%;
    margin-top:-3%;
    -ms-transform:rotate(12deg);
    transform:rotate(12deg)
}
.offers-container{
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    margin:0 auto;
    overflow:hidden;
    width:100%;
    max-width:1200px;
    position:relative;
    -ms-flex-pack:center;
    justify-content:center;
    -ms-flex-align:center;
    align-items:center
}
.offers-container .offer{
    overflow:hidden;
    height:300px;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-flow:wrap column;
    flex-flow:wrap column;
    color:white;
    width:250px;
    margin:10px 0;
    -ms-flex-negative:0;
    flex-shrink:0;
    background-color:black;
    background-size:cover;
    background-position:center;
    position:relative
}
.offers-container .offer a{
    text-decoration:none;
    color:white;
    top:0;
    bottom:0;
    left:0;
    right:0;
    background-color:rgba(0,0,0,0.2);
    width:100%;
    height:100%;
    position:relative;
    transition:all 0.6s;
    padding:0 14px
}
.offers-container .offer a .offer-content{
    position:relative;
    bottom:-100%;
    width:100%;
    text-align:left;
    transition:all 0.6s
}
.offers-container .offer a:hover{
    background-color:rgba(0,0,0,0.6)
}
.offers-container .offer a:hover .offer-content{
    bottom:-50%
}
.offers-container .offer h4{
    position:absolute;
    width:100%;
    bottom:100%;
    padding:10px 0;
    font-size:22px;
    font-family:"Unisans"
}
#map{
    height:30vw;
    width:100%
}
.map-line{
    background:#b38e6b;
    color:white;
    font-size:14px;
    padding:1em;
    text-align:center;
    text-transform:uppercase
}
.full-header{
    width:100%;
    background:white;
    max-width:1200px;
    margin:0 auto
}
.full-header h3{
    font-family:"PlayFairy Regular";
    padding-top:1em;
    font-size:26px
}
.content .contact-container{
    padding-top:40px;
    padding-bottom:40px
}
#contact-address h5{
    font-family:"Unisans";
    font-size:18px;
    letter-spacing:0.05em;
    margin-bottom:0.6em
}
#contact-address a{
    color:black;
    display:-ms-flexbox;
    display:flex;
    font-size:13px;
    line-height:normal;
    margin:0.5em 0;
    text-decoration:none;
    -ms-flex-align:center;
    align-items:center;
    letter-spacing:0.06em
}
#contact-address a i{
    color:#b38e6b;
    font-size:18px;
    text-align:center;
    width:40px
}
#contact-address a i.fa-fax{
    font-size:16px
}
#contact-address .contacts{
    margin-bottom:3em
}
#contact-address .emails{
    margin-bottom:3em
}
#contact-address .emails a i{
    font-size:16px
}
.contact-form{
    width:100%
}
.contact-form h5{
    font-size:18px;
    letter-spacing:0.05em
}
.contact-form .wpcf7-form{
    display:-ms-flexbox;
    display:flex;
    -ms-flex-direction:column;
    flex-direction:column;
    width:100%
}
.contact-form .wpcf7-form br{
    display:none
}
.contact-form .wpcf7-form p{
    line-height:normal
}
.contact-form .wpcf7-form>p{
    min-width:100%;
    -ms-flex:1;
    flex:1
}
.contact-form .wpcf7-form .wpcf7-form-control{
    border:1px solid #b38e6b;
    max-width:80%;
    padding:1em;
    width:100%;
    margin:0.3em 0
}
.contact-form .wpcf7-form .wpcf7-form-control[type="submit"]{
    background:#b38e6b !important;
    color:whitesmoke;
    text-transform:uppercase
}
.contact-form .wpcf7-form .wpcf7-form-control-wrap{
    height:auto;
    width:100%
}
.contact-form .wpcf7-form .wpcf7-form-control-wrap span{
    display:-ms-flexbox;
    display:flex;
    line-height:1em;
    margin:0 0 1em 1em
}
.intro{
    height:100vh;
    width:100vw;
    position:relative;
    overflow:hidden
}
.intro .bg-video{
    position:absolute;
    left:50%;
    top:50%;
    -ms-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
    height:100%;
    width:177.77777778vh;
    min-width:100%;
    min-height:56.25vw
}
.intro .selectors{
    position:absolute;
    z-index:99;
    width:100%;
    top:50%;
    left:50%;
    -ms-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
    display:-ms-flexbox;
    display:flex;
    text-align:center;
    height:100px
}
.intro .selectors .intro-logo{
    animation:opacity 1s forwards;
    width:300px;
    position:absolute;
    left:50%;
    margin-left:-150px;
    z-index:99;
    top:50%;
    margin-top:-170px;
}

.intro .selectors .intro-logo img{
    max-width:100%;
    
}
.intro .selectors .selector{
    width:50%;
    transform:translateZ(-50px);
    position:relative;
    color:#c9c4b2
}
.intro .selectors .selector h3{
    padding:0;
    margin:0;
    height:100%
}
.intro .selectors .selector .hotel{
    display:-ms-flexbox;
    display:flex;
    -ms-flex-pack:center;
    justify-content:center;
    -ms-flex-align:center;
    align-items:center;
    height:100%;
    font-size:32px;
    letter-spacing:0.02em;
    font-family:'Unisans Book'
}
.intro .selectors .selector .small{
    font-size:14px;
    color:#c9c4b2
}
.intro .selectors .selector .flex{
    display:-ms-flexbox;
    display:flex;
    -ms-flex-direction:column;
    flex-direction:column;
    -ms-flex-pack:center;
    justify-content:center
}
.intro .selectors .selector.left{
    left:0%;
    animation:leftAnim 2s forwards
}
.intro .selectors .selector.left .face{
    padding-right:90px;
    background-color:rgba(0,0,0,0.4);
    box-shadow:0px 0px 1px #077c69
}
.intro .selectors .selector.right{
    right:0%;
    animation:rightAnim 2s forwards
}
.intro .selectors .selector.right .face{
    padding-left:90px;
    background-color:rgba(0,0,0,.4);
    box-shadow:0px 0px 1px #aa5400
}
@keyframes leftAnim{
    from{
        left:100%
    }
    to-left:0%
}
@keyframes rightAnim{
    from{
        right:100%
    }
    to-right:0%
}
.intro .selectors .selector .face{
    transition:all 0.4s;
    position:absolute;
    width:100%;
    height:90px;
    transform-style:preserve-3d;
    -ms-transform-origin:0 50%;
    transform-origin:0 50%;
    top:0
}
.intro .selectors .selector .face.front{
    transform:rotateX(0deg) translateZ(45px)
}
.intro .selectors .selector .face.back{
    transform:rotateX(-90deg) translateZ(45px)
}
.intro .selectors .selector:hover .front{
    transform:rotateX(90deg) translateZ(45px)
}
.intro .selectors .selector:hover .back{
    transform:rotateX(0deg) translateZ(45px)
}
.intro .intro-tel{
    position:absolute;
    color:white;
    width:100%;
    text-align:center;
    top:100%;
    -ms-transform:translateY(15vh);
    transform:translateY(15vh);
    font-size:24px
}
#book-panel .bottom-panel{
    display:-ms-flexbox;
    display:flex;
    height:38px;
    width:100%;
    margin:0 auto;
    max-width:800px;
    -ms-flex-pack:justify;
    justify-content:space-between
}
#book-panel .bottom-panel .tab{
    text-decoration:none;
    -ms-flex-negative:0;
    flex-shrink:0;
    -ms-flex-positive:1;
    flex-grow:1;
    background-color:transparent;
    letter-spacing:0.05em;
    text-transform:uppercase;
    font-size:12px;
    line-height:14px;
    padding:0 1.2em;
    display:-ms-flexbox;
    display:flex;
    width:auto;
    -ms-flex-align:center;
    align-items:center;
    -ms-flex-pack:center;
    justify-content:center;
    border-left:1px solid #4c4c4c;
    font-family:'Unisans Semi-Bold';
    transition:all 0.3s;
    cursor:pointer
}
#book-panel .bottom-panel .tab:first-child{
    border-left:none
}
#book-panel .bottom-panel .tab:hover,#book-panel .bottom-panel .tab.active{
    background-color:#333;
    color:whitesmoke !important
}
#book-panel .bottom-panel .tab i{
    margin-right:10px;
    font-size:16px
}
#book-panel .swiper-button-prev{
    background:#ccc !important;
    width:26px;
    margin-left:-10px
}
#book-panel .swiper-button-prev::after{
    font-size:30px;
    color:black;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-pack:center;
    justify-content:center;
    -ms-flex-align:center;
    align-items:center;
    font-family:FontAwesome;
    content:'\f104'
}
#book-panel .swiper-button-next{
    background:#ccc !important;
    width:26px;
    margin-right:-10px
}
#book-panel .swiper-button-next::after{
    font-size:30px;
    color:black;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-pack:center;
    justify-content:center;
    -ms-flex-align:center;
    align-items:center;
    font-family:FontAwesome;
    content:'\f105'
}
#book-panel .swiper-button-disabled{
    opacity:0
}
#book-panel .panel-content{
    position:absolute;
    bottom:100%;
    width:100%;
    max-width:400px;
    left:0;
    right:0;
    margin:0 auto;
    background-color:#323232;
    border-radius:4px 4px 0 0;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-pack:center;
    justify-content:center
}
#book-panel .panel-content .content-section{
    padding:1em;
    display:none
}
#book-panel .panel-content .content-section.active{
    display:block
}
#book-panel .panel-content .content-section ul{
    list-style:none;
    padding:0;
    margin:0
}
#book-panel .panel-content .content-section ul li{
    display:-ms-flexbox;
    display:flex
}
#book-panel .panel-content .content-section ul li:last-of-type a{
    border-bottom:none;
    padding-bottom:0
}
#book-panel .panel-content .content-section ul li a{
    color:whitesmoke;
    font-size:12px;
    font-family:"Unisans Semi-Bold";
    letter-spacing:0.1em;
    padding:0.8em;
    text-decoration:none;
    width:100%
}
.chat-panel{
    position:absolute;
    display:none
}
.faq-header{
    text-align:center;
    font-family:"Unisans";
    font-weight:300;
    font-size:30px;
    margin:1em
}
.faq-container{
    font-family:"Unisans";
    max-width:800px;
    text-align:left;
    margin:0 auto;
    display:-ms-flexbox;
    display:flex;
    width:100%;
    -ms-flex-direction:column;
    flex-direction:column
}
.faq-container .faq{
    width:100%;
    -ms-flex-negative:0;
    flex-shrink:0;
    border-bottom:1px dotted black;
    padding:1em;
    letter-spacing:0.05em
}
.faq-container .faq .question{
    font-weight:bold;
    color:#589178
}
.banner img{
    width:100%
}
.meeting-container{
    margin:0 auto;
    overflow-x:auto
}
.meeting-container tr th{
    text-align:center
}
.meeting-container tr th div{
    font-weight:300
}
.meeting-container tr th:first-of-type,.meeting-container tr td:first-of-type{
    background-color:#b38e6b;
    color:white;
    font-weight:bold
}
.media-room{
    padding:6px;
    max-width:1300px;
    margin:0 auto
}
.media-room .media-box{
    width:100%;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -ms-flex-pack:center;
    justify-content:center
}
.media-room .banner{
    width:50%;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
}
.media-room .banner h3{
    display:-ms-flexbox;
    display:flex;
    -ms-flex-pack:center;
    justify-content:center;
    -ms-flex-align:center;
    align-items:center;
    font-size:38px;
    color:white;
    font-family:'Unisans Book';
    letter-spacing:0.05em;
    width:100%;
    height:300px;
    padding:0;
    margin:6px;
    padding:0.7em;
    transition:all 0.6s
}
.media-room .banner h3:hover{
    opacity:0.8;
    border-radius:16px;
    -ms-transform:scale(0.95);
    transform:scale(0.95)
}
.media-room .downloads{
    width:50%;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
}
.media-room .placeholder{
    width:calc(50% - 12px);
    margin:6px;
    text-decoration:none
}
.media-room .dwn-btn{
    padding:0.7em;
    height:300px;
    width:100%;
    background-color:#1fbba6;
    color:white;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-direction:column;
    flex-direction:column;
    -ms-flex-pack:center;
    justify-content:center;
    -ms-flex-align:center;
    align-items:center;
    transition:all 0.6s
}
.media-room .dwn-btn:hover{
    opacity:0.8;
    border-radius:16px;
    -ms-transform:scale(0.95);
    transform:scale(0.95)
}
.media-room .dwn-btn span{
    padding:1em 0;
    font-size:24px
}
.media-room .dwn-btn .fa{
    font-size:44px
}
body{
    margin:0;
    overflow-x:hidden;
    max-width:100%;
    font-family:'Unisans';
    -webkit-font-smoothing:antialiased
}
.content{
    min-height:100%;
    width:100%;
    padding-top:60px;
    overflow-x:hidden
}
.wrapper{
    max-width:1200px;
    padding:0 40px;
    margin:0 auto;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -ms-flex-direction:column;
    flex-direction:column
}
.white-line,.brown-line{
    display:block;
    margin:0 auto;
    width:50px;
    height:1px
}
.brown-line{
    background-color:#b38e6b;
    margin:20px auto
}
.white-line{
    background-color:white
}
.white-box{
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -ms-flex-align:center;
    align-items:center;
    text-align:center;
    background-color:white;
    padding:80px 40px
}
.white-box .wrapper{
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -ms-flex-direction:column;
    flex-direction:column;
    width:100%
}
.white-box .brown-line{
    -ms-flex-item-align:center;
    -ms-grid-row-align:center;
    align-self:center
}
.white-box .colm-2{
    margin:10px auto;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-item-align:end;
    align-self:flex-end;
    text-align:left;
    line-height:2em
}
.white-box .colm-2 h3{
    margin-top:0;
    color:#b38e6b;
    width:100%;
    font-family:"PlayFairy Regular"
}
.white-box .colm-2 h3,.white-box .colm-2 p{
    max-width:800px;
    margin:10px auto;
    letter-spacing:0.05em
}
.white-box .colm-2 p{
    margin:0 20px;
    max-width:480px
}
.gray-box{
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -ms-flex-align:center;
    align-items:center;
    text-align:center;
    background-color:#f4f4f4;
    padding:80px 40px
}
.two-col-container{
    max-width:1200px;
    margin:0 auto;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    width:100%
}
.two-col-container .col{
    width:50%;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-direction:column;
    flex-direction:column;
    -ms-flex-pack:center;
    justify-content:center;
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
    padding:40px;
    min-height:500px;
    -ms-flex-align:center;
    align-items:center;
    background-color:white
}
.two-col-container .col.quarter{
    width:20%;
    min-height:300px;
    border:5px solid white
}
.two-col-container .col.double{
    width:100%;
    border-bottom:1px solid #f4f4f4
}
.two-col-container h3{
    font-family:"PlayFairy Regular";
    font-size:30px;
    margin-bottom:40px;
    margin-top:0;
    padding:0
}
.two-col-container p{
    font-size:14px;
    line-height:2em;
    letter-spacing:0.05em;
    max-width:400px
}
.two-col-container:nth-of-type(even) .col.image{
    -ms-flex-order:1;
    order:1
}
.two-col-container:nth-of-type(even) .col.text{
    -ms-flex-order:0;
    order:0
}
.two-col-container:nth-of-type(odd) .col.image{
    -ms-flex-order:0;
    order:0
}
.two-col-container:nth-of-type(odd) .col.text{
    -ms-flex-order:1;
    order:1
}
.food-time table{
    background-color:white
}
.food-time table td,.food-time table th{
    text-align:center
}
.food-time table td{
    padding:8px !important
}
.main-box{
    position:relative;
    padding:50px 50px
}
.main-box .one-col{
    margin:0 auto
}
.main-box .one-col h3{
    font-family:"PlayFairy Regular";
    font-size:34px;
    margin-bottom:30px;
    padding:0;
    margin-top:0;
    color:#b38e6b
}
.main-box .one-col p{
    max-width:600px;
    line-height:2em;
    letter-spacing:0.05em
}
.img-box{
    min-height:30vw;
    display:-ms-flexbox;
    display:flex;
    color:white;
    width:100vw;
    background-size:cover;
    background-position:center;
    position:relative;
    padding:2em
}
.img-box::after{
    content:'';
    background-color:rgba(15,15,15,0.3);
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    z-index:0
}
.img-box .col{
    position:relative;
    z-index:9;
    text-align:center
}
.img-box h3{
    text-align:center;
    font-family:'PlayFairy Regular';
    font-size:36px;
    margin:20px;
    letter-spacing:0.05em
}
.img-box h4{
    margin:20px;
    letter-spacing:0.3em;
    font-weight:400;
    text-align:center;
    font-family:'Unisans';
    font-size:12px
}
.img-box .white-line{
    margin:20px auto
}
.button-group{
    margin-top:30px;
    display:-ms-flexbox;
    display:flex
}
a.brown-btn{
    display:-ms-flexbox;
    display:flex;
    -ms-flex-align:center;
    align-items:center;
    -ms-flex-pack:distribute;
    justify-content:space-around;
    width:150px;
    border:1px solid #b38e6b;
    font-weight:bold;
    margin:2px 2px;
    padding:10px 10px;
    font-size:14px;
    font-family:"Unisans Semi-Bold";
    color:#b38e6b;
    text-decoration:none;
    transition:all 0.3s;
    letter-spacing:0.05em
}
a.brown-btn:hover{
    background-color:#b38e6b;
    color:white
}
@media only screen and (max-width: 767px){
    .media-room .banner{
        width:100%
    }
    .media-room .downloads{
        width:100%
    }
    .intro .hotel{
        font-size:24px !important
    }
    #map{
        height:60vw
    }
    #main-header #hotel-title{
        text-transform:uppercase;
        -ms-flex-negative:0;
        flex-shrink:0;
        margin:0 10px
    }
    #main-header #hotel-title h1{
        margin:0;
        color:white;
        font-size:12px;
        letter-spacing:0.1em
    }
    #header-navs{
        min-width:1px;
        max-width:1px;
        overflow:hidden;
        -ms-flex-positive:0;
        flex-grow:0
    }
    .main-box{
        padding:1em 0
    }
    .main-box .wrapper{
        padding:2em
    }
    .main-box p{
        font-size:14px;
        text-align:start
    }
    .main-box h3{
        font-size:26px !important;
        margin-top:1em !important
    }
    .gray-box{
        padding:1em
    }
    .two-col-container .col{
        padding:3em 1em;
        width:100%;
        min-height:150px
    }
    .two-col-container .col.image{
        -ms-flex-order:0 !important;
        order:0 !important;
        min-height:50vw
    }
    .two-col-container .col.text{
        -ms-flex-order:1 !important;
        order:1 !important
    }
    .img-box{
        min-height:40vw
    }
    .elix-slider{
        min-height:50vw !important
    }
    .elix-slider .slider-nav-arrows,.elix-slider .slider-nav-bullets{
        display:none
    }
    .elix-slider .slide .text-box h3{
        font-size:24px !important;
        margin:8px
    }
    .elix-slider .slide .text-box h4{
        margin:8px
    }
    .elix-slider .slide .white-btn{
        padding:1em !important
    }
    .elix-slider .slide .slide-holder{
        background-attachment:scroll !important
    }
    #main-footer .wrapper{
        -ms-flex-pack:center;
        justify-content:center
    }
    .footer-navs-container{
        display:none
    }
    .offer-features{
        -ms-flex-direction:column;
        flex-direction:column
    }
    .offer-features .half{
        width:100%
    }
}
@media only screen and (max-width: 460px){
    .intro .selectors{
        -ms-flex-wrap:wrap;
        flex-wrap:wrap;
        height:100%
    }
    .intro .selectors .left .face{
        height:100%;
        padding:0 0 45px !important
    }
    .intro .selectors .right .face{
        height:100%;
        padding:45px 0 0 !important
    }
    .intro .selectors .selector{
        width:100%;
        height:50% !important
    }
    .intro .selectors .selector .front{
        -ms-transform-origin:50% 0 !important;
        transform-origin:50% 0 !important;
        transform:rotateY(0deg) translateZ(50vw) !important
    }
    .intro .selectors .selector .back{
        -ms-transform-origin:50% 0 !important;
        transform-origin:50% 0 !important;
        transform:rotateY(-90deg) translateZ(50vw) !important
    }
    .intro .selectors .selector:hover .front{
        transform:rotateY(90deg) translateZ(50vw) !important
    }
    .intro .selectors .selector:hover .back{
        transform:rotateY(0deg) translateZ(50vw) !important
    }
    .intro .selectors .intro-logo{
        top:50%;
        width:150px;
        margin-left:-75px;
        margin-top:-65px
    }
}
@media only screen and (max-width: 1220px){
    .white-box{
        padding:40px 20px
    }
    .offers-container .offer{
        width:250px;
        height:300px
    }
    .intro .selectors .selector .hotel {
        margin-left:40px;
        font-size:24px;
    }
}