/* [Style Index] 1.0 ----- General Styling 1.1 - Slider Navigation 2.0 ----- Header 2.1 - Navigation 2.2 - Social 2.3 - Book Button 3.0 ----- Booking Bar 3.1 - Date Picker 4.0 ----- Sections 4.1 - Headings 4.2 - Text Blocks 4.3 - Photo Panels 4.4 - Carousels 4.5 - Galeria 4.6 - Instagram 4.7 - Boxes 4.8 - Timeline 4.9 - Stats 4.10 - Features 4.11 - USPshbSelectorEditRoom 4.12 - Services 4.13 - Testimonials 4.14 - Quote 4.15 - Accordions 4.16 - Menus 4.17 - Form 4.18 - Comments 4.19 - Subscribe 4.20 - Maps 4.21 - Social 4.22 - Pagination 5.0 ----- Footer 5.1 - Languages 6.0 ----- Transitions */
 @import url(https://fonts.googleapis.com/css?family=Work+Sans:100,200,300,400,500,600,700,800,900);
 * {
     margin: 0;
     padding: 0;
     text-decoration: none;
     list-style: none;
     outline: none;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
}
 html, body, .container {
     width: 100%;
     height: 100%;
     min-height: 100%;
}
 .container {
     max-width: 1920px;
     margin: auto;
     padding: 80px 0 0;
     font: 300 15px/28px 'Work Sans';
     color: #000;
     position: relative;
     box-sizing: border-box;
}
 .center {
     max-width: 1250px;
     margin: auto;
     position: relative;
}
 a img {
     border: none;
}
 img {
     max-width: 100%;
     height: auto;
}
/******************** 1.0 - General Styling ********************/
 .ctrtxt {
     text-align: center !important;
}
 h1, h2, strong h2, h3, h4, h5 {
     text-align: center 
}
 h1 {
     margin: -10px 0 25px;
     font: 295 80px/90px 'Work Sans';
     font-weight: 100;
     font-size: 80px;
     line-height: 90px;
     font-family: 'Work Sans';
     color: #555;
     letter-spacing: .5px;
}
 h2 {
     margin: 60px 0 -8px;
     font: 400 37px/50px 'Work Sans' !important;
     font-weight: 400;
     font-size: 37px;
     line-height: 50px;
     font-family: 'Work Sans';
     color: #555;
}
 h3 {
     margin-bottom: 10px;
     font: 350 30px/40px 'Work Sans' !important;
     font-weight: 200;
     font-size: 30px;
     line-height: 40px;
     font-family: 'Work Sans';
     color: #555;
}
 h4 {
     margin-bottom: 25px;
     font: 20px/30px 'Work Sans' !important;
     font-size: 20px;
     line-height: 30px;
     font-family: 'Work Sans';
     color: #555;
}
 h5 {
     margin-bottom: 25px;
     font: 300 18px/28px 'Work Sans' !important;
     font-weight: 30;
     font-size: 18px;
     line-height: 28px;
     font-family: 'Work Sans';
     color: #555;
}
 p {
     margin-bottom: 30px;
     font: 350 15px/28px 'Work Sans' !important;
     font-weight: 350;
     font-size: 15px;
     line-height: 28px;
     font-family: 'Work Sans';
     letter-spacing: .2px;
}
 p-mb {
     margin: 30px;
     font: 350 15px/28px 'Work Sans' !important;
     font-weight: 350;
     font-size: 15px;
     line-height: 28px;
     font-family: 'Work Sans';
     letter-spacing: .2px;
}
 #author p {
     font-weight: 100;
     font-size: 15px;
     font-family: 'Work Sans';
     text-align: center;
     color: white !important;
}
 .qEN_Disp, .qPT_Disp {
     color: white !important;
}
 h1 a, h2 a, h3 a, h4 a, h5 a, p a, main li a {
     color: #BAAC8F;
     border-bottom: 1px solid #EEE;
}
 strong {
     font-weight: 500;
}
 h1 strong {
     font-weight: 500;
}
 h2 strong, h3 strong {
     letter-spacing: -1px;
}
 h4 strong {
     font-weight: 600;
}
 .button {
     padding: 0 20px ;
     font: 14px/44px 'Work Sans';
     color: #FFF;
     letter-spacing: .5px;
     text-transform: uppercase;
     background: #BAAC8F;
     display: inline-block;
     position: relative;
     cursor: pointer;
     white-space: nowrap;
     box-sizing: border-box;
     transition: .3s ease;
     border: none !important;
}
 .button i {
     margin-left: 12px;
}
 .label {
     margin-bottom: 30px;
     padding: 0 20px;
     font: 12px/44px 'Work Sans';
     color: #BAAC8F;
     letter-spacing: 1.5px;
     text-transform: uppercase;
     border: 1px solid #BAAC8F;
     display: inline-block;
}
 ul {
     margin: 0 0 30px;
     list-style: none !important;
}
 li {
     list-style: none !important;
}
 ul li {
     list-style: none !important;
}
 main ul {
     letter-spacing: .2px;
}
 .tags {
     margin: 0;
}
 .tags:after {
     content: "";
     clear: both;
     display: block;
}
 .tags li {
     margin: 0 4px 12px;
     padding: 12px 15px;
     font: 500 13px/20px 'Work Sans';
     color: #888;
     letter-spacing: .2px;
     background: #F5F5F5;
     display: inline-block;
     list-style: none;
}
 .tags li a {
     color: #888;
     border-color: #F5F5F5;
     display: block;
     list-style: none;
}
 hr {
     border: 1px solid #FFF;
     border-bottom: 1px solid #EEE;
     margin: 0 0 30px;
}
 main {
     display: block;
    /*BACKGROUND PT background-image: url(..../img/bg/SVG/bg.svg);
     background-position: center center;
     background-size: 100px 100px;
    */
}
 .hover .button:hover {
     padding: 0 25px;
     color: #FFF;
     background: #BAAC8F;
}
 .hover h1 a:hover, .hover h2 a:hover, .hover h3 a:hover, .hover h4 a:hover, .hover h5 a:hover, .hover p a:hover, .hover main li a:hover {
     border-bottom: 1px solid #DDD;
}
 @media only screen and (max-width:1024px) {
     h1 {
         font: 200 60px/70px 'Work Sans';
         font-weight: 200;
         font-size: 60px;
         line-height: 70px;
         font-family: 'Work Sans';
    }
}
 @media only screen and (min-width:1025px) {
     .fade {
         opacity: 0;
         transition: opacity 1s ease;
    }
     .visible {
         opacity: 1 !important;
    }
}
 @media only screen and (max-width:480px) {
     h1 {
         font: 200 37px/50px 'Work Sans';
         font-weight: 200;
         font-size: 37px;
         line-height: 50px;
         font-family: 'Work Sans';
    }
     h2 {
         font: 300 30px/42px 'Work Sans';
    }
     h3 {
         font: 300 25px/35px 'Work Sans';
    }
}
/* 1.1 - Slider Navigation */
 .slider-nav {
     position: absolute;
     bottom: -86px;
     right: 0;
     z-index: 25;
     opacity: 0;
     transition: .3s ease;
}
 .slider-nav a {
     width: 50px;
     line-height: 50px;
     font-size: 18px;
     color: #DDD;
     text-align: center;
     background: #FFF;
     display: block;
     cursor: pointer;
     float: left;
     border-right: 1px solid #EEE;
     border-bottom: 1px solid #EEE;
     box-sizing: border-box;
}
 main .slider-nav {
     bottom: -5px;
}
 .hover .section:hover .slider-nav, .hover .section.over .slider-nav {
     bottom: -81px;
     opacity: 1;
}
 .hover main .section:hover .slider-nav {
     bottom: 0;
}
 .hover .slider-nav a:hover {
     color: #888;
     background: #F5F5F5;
}
 .no-booking .slider-nav {
     bottom: -6px;
}
 .hover .no-booking .section:hover .slider-nav, .hover .no-booking .section.over .slider-nav {
     bottom: 0;
     opacity: 1;
}
 @media only screen and (max-width:1024px) {
     .slider-nav {
         opacity: 1;
         bottom: 0 !important;
    }
}
 @media only screen and (max-width:400px) {
     .slider-nav a {
         width: 40px;
         line-height: 40px;
    }
}
/******************** 2.0 - Header ********************/
 header {
     width: 100%;
     height: 80px;
     background: #FFF;
     position: fixed;
     top: 0;
     left: 0;
     z-index: 100;
     -webkit-transform: translateZ(0);
     -webkit-transition: box-shadow .6s ease;
}
 header .center {
     max-width: 1920px;
     height: 100%;
}
 header.scroll {
     box-shadow: 0 0 1px rgba(0,0,0,.2), 0 0 10px rgba(0,0,0,.1);
}
 header .logo {
     position: absolute;
     top: 50%;
     left: 50px;
     -webkit-transform: translate(0, -50%);
     transform: translate(0, -50%);
     z-index: 100;
}
/* 2.1 - Navigation */
 nav {
     width: 100%;
     position: absolute;
     top: 0;
     left: 0;
}
 nav ul {
     margin: auto;
     padding: 18px 0;
     display: table;
}
 nav li {
     float: left;
     position: relative;
}
 nav li a {
     padding: 0 13px;
     font: 300 14px/44px 'Work Sans';
     color: #555;
     letter-spacing: .5px;
     text-transform: uppercase;
     display: block;
}
 nav li a.active {
     font-weight: 400;
}
 nav li.drop:after {
     top: 100%;
     left: 50%;
     border: solid transparent;
     content: '';
     height: 0;
     width: 0;
     position: absolute;
     pointer-events: none;
     border-top-color: #F5F5F5;
     border-width: 10px;
     margin-left: -10px;
     transition: .2s ease;
     opacity: 0;
}
 nav li.nav-book {
     display: none;
}
 nav li ul {
     padding-bottom: 0;
     position: absolute;
     top: 44px;
     opacity: 0;
     display: none;
}
 nav li ul li {
     float: none;
}
 nav li ul li a {
     min-width: 150px;
     padding: 0 18px;
     font: 300 12px/44px 'Work Sans' !important;
     color: #FFF;
     letter-spacing: 1px;
     white-space: nowrap;
     background: #555 !important;
     border-bottom: 1px solid #606060;
     cursor: pointer;
}
 nav li ul li:last-of-type a {
     border: none;
}
 nav li ul li.drop:after {
     display: none;
}
 nav li ul li.drop a:after {
     content: '\f3d3';
     font-family: ionicons;
     color: #888;
     font-size: 13px;
     position: absolute;
     top: 0;
     right: 18px;
}
 nav li ul li.drop ul li a:after {
     display: none;
}
 nav li ul li ul {
     padding: 0;
     top: 0 !important;
     left: 100%;
}
 nav li ul li ul li a {
     border-bottom: 1px solid #585858 !important;
}
 nav li ul li ul li:last-of-type a {
     border: none !important;
}
 nav li ul li a.active, .hover nav li ul li:hover a {
     background: #505050 !important;
}
 nav li ul li ul li a.active, .hover nav li ul li ul li a.active {
     background: #484848 !important;
}
 #mobilenav {
     width: 46px;
     margin: 18px 50px 0 18px;
     padding-top: 4px;
     font-size: 26px;
     color: #FFF;
     line-height: 40px;
     text-align: center;
     background: #555;
     display: none;
     cursor: pointer;
     float: right;
     position: relative;
}
 .hover nav li:hover a {
     background: #F5F5F5;
}
 .hover nav li:hover:after {
     opacity: 1;
}
 .hover nav li ul li ul li a:hover {
     background: #484848 !important;
}
/* 2.2 - Social */
 .header-social {
     margin: 18px 0 0 0;
     float: right;
     position: relative;
}
 .header-social a {
    /* width: 44px;
     margin-left: 2px;
     font-size: 15px;
     line-height: 44px;
    */
     text-align: center;
     color: #BBB;
     display: block;
     float: left;
     background: #F5F5F5;
}
 .hover .header-social a:hover {
     color: #555;
     background: #EEE;
}
/* 2.3 - Book Button */
 .button.book-button {
     max-width: 0;
     margin: 18px 50px 0 0;
     padding: 0;
     float: right;
     overflow: hidden;
     opacity: 0;
     z-index: 150;
     border: none;
}
 .button.book-button:before, .button.book-button:after {
     width: 15px;
     font-size: 15px;
     font-family: ionicons;
     text-align: center;
     position: absolute;
     top: 1px;
     left: 20px;
     display: block;
     transition: left .3s ease;
}
 .button.book-button:before {
     content: '\f3f3';
     transition: left .3s ease, opacity .2s ease;
}
 .button.book-button:after {
     content: '\f404';
     font-size: 23px;
     opacity: 0;
     transition: left .3s ease, opacity .2s ease;
}
 body.scroll .button.book-button {
     max-width: 250px;
     margin: 18px 50px 0 2px;
     padding: 0 20px 0 45px;
     color: #FFF;
     opacity: 1;
}
 body.book-slide .button.book-button {
     background: #555;
     box-shadow: 0 0 0 1px #606060;
}
 body.book-slide .button.book-button:before {
     opacity: 0;
}
 body.book-slide .button.book-button:after {
     opacity: 1;
}
 .hover .button.book-button:hover {
     padding: 0 25px 0 50px;
}
 .hover .button.book-button:hover:before, .hover .button.book-button:hover:after {
     left: 25px;
}
 .no-booking .button.book-button {
     max-width: none !important;
     margin: 18px 50px 0 2px !important;
     padding: 0 20px 0 20px !important;
     color: #FFF !important;
     opacity: 1 !important;
}
 .no-booking .button.book-button:before {
     display: none;
}
 .hover .no-booking .button.book-button:hover {
     padding: 0 25px 0 25px !important;
}
 @media only screen and (min-width:1151px) {
     nav ul:first-child {
         display: table !important;
    }
}
 @media only screen and (max-width:1150px) {
     header {
         position: absolute;
         box-shadow: none !important;
    }
     nav {
         width: 100%;
         right: auto;
         left: 0;
    }
     nav ul {
         width: 100%;
         padding: 0;
         position: absolute;
         top: 80px;
         left: 0;
         display: none;
         box-sizing: border-box;
    }
     nav li {
         width: 100%;
         float: none;
    }
     nav li a {
         width: 100%;
         padding: 0;
         text-align: center;
         color: #FFF !important;
         display: block;
         background: #555 !important;
         border-bottom: 1px solid #606060;
    }
     nav li ul li a i {
         display: none;
    }
     nav li:last-child a, nav li.drop a {
         border: none;
    }
     nav li a:after {
         display: none;
    }
     nav li ul {
         padding: 0;
         display: block !important;
         position: relative;
         top: auto;
         border-radius: 0;
         opacity: 1 !important;
    }
     nav li ul li a, nav li ul li a.active, nav li ul li ul li:last-of-type a, .hover nav li ul li:hover a {
         padding: 0 !important;
         background: #484848 !important;
         border-bottom: 1px solid #585858 !important;
    }
     nav li ul li ul {
         left: 0;
    }
     nav li.nav-book {
         display: block;
    }
     nav li.nav-book a {
         background: #BAAC8F !important;
         font-weight: 500;
         font-size: 18px;
         line-height: 60px;
    }
     #mobilenav {
         display: inline-block;
    }
     .button.book-button {
         display: none;
    }
}
 @media only screen and (max-width:480px) {
     header .logo {
         left: 20px;
    }
     nav ul {
         padding: 0;
    }
     #mobilenav {
         margin-right: 20px;
    }
     .header-social {
         display: none;
    }
}
/******************** 3.0 - Booking Bar ********************/
 .book-form {
     position: fixed;
     top: 0;
     left: 0;
     visibility: hidden;
}
 .book-bar {
     width: 100%;
     height: 80px;
     line-height: 80px;
     margin: 0 auto 0;
     background: #555;
     box-sizing: border-box;
     position: relative;
     z-index: 50;
}
/*margin: -80px auto 80px;
 */
 .book-bar .center {
     width: auto;
     max-width: none;
    /*display:table;
    */
     margin: 0 auto;
}
 .book-bar .date-field {
     padding: 0;
     position: relative;
     float: left;
    /*border-left:1px solid #fff;
    */
     cursor: pointer;
     transition: background .2s ease;
     color: white !important;
}
 .book-bar .date-field:last-child {
     color: white !important;
    /*border-right:1px solid #fff;
    */
}
 .book-bar .date-field .tag {
     margin-right: 20px;
     padding: 0 2px 0 8px;
     font: 500 13px/27px 'Work Sans';
     color: #baac8f;
     letter-spacing: 1px;
     text-transform: uppercase;
     background: #606060;
     position: relative;
     top: -3px;
     right: 0;
     display: inline-block;
     transition: .2s ease;
}
 .book-bar .date-field .tag:after {
     left: 100%;
     top: 50%;
     border: solid transparent;
     content: '';
     height: 0;
     width: 0;
     position: absolute;
     pointer-events: none;
     border-left-color: #606060;
     border-width: 13px;
     margin-top: -13px;
     transition: .2s ease;
}
 .book-bar .date-field .date {
     font: 200 22px/80px 'Work Sans';
     letter-spacing: .5px;
     color: white !important;
}
 .book-bar .date-field .date .arrival-day, .book-bar .date-field .date .departure-day {
     font-weight: 700;
     letter-spacing: 0;
}
 .center-dk {
     display: flex;
     justify-content: center;
     align-items: center;
}
 .hover .book-bar .date-field:hover span {
     right: -3px;
}
 .btn-sub {
     background: none;
     border: none;
     color: #d3d3d3 !important;
     padding: 0px 32px !important;
     text-align: center !important;
     text-decoration: none;
     margin: 0 auto;
     font-size: 27px !important;
}
 .btn-sub:hover {
     font-weight: 900 !important;
     color: white !important;
}
/* 3.1 - Date Picker */
 .ui-datepicker {
     background: #F5F5F5;
     font: 14px/20px 'Work Sans', sans-serif;
     float: left;
     display: none;
     z-index: 999999 !important;
     transition: transform 1s ease;
}
 .ui-datepicker * {
     position: relative;
     z-index: 2;
}
 .ui-datepicker-group {
     width: 50%;
     float: left;
}
 .ui-datepicker-header {
     position: relative;
}
 .ui-datepicker-title {
     font: 22px/80px 'Work Sans' !important;
     color: #FFF;
     background: #555;
}
 .ui-datepicker-title .ui-datepicker-year {
     font-weight: 200;
     letter-spacing: .5px;
}
 .ui-datepicker-group-first .ui-datepicker-header {
     border-right: 1px solid #606060;
}
 .ui-datepicker .ui-datepicker-title {
     font-size: 16px;
     font-weight: bold;
     line-height: 28px;
     text-align: center;
}
 .ui-datepicker table {
     width: 100%;
     margin: 0;
     padding: 25px 38px 38px;
}
 .ui-datepicker-group-first table {
     border-right: 1px solid #E5E5E5;
}
 .ui-datepicker th {
     width: 25px;
     padding: 5px 5px 30px;
     font-weight: 300;
     font-size: 12px;
     letter-spacing: 1px;
     text-transform: uppercase;
     color: #888;
}
 .ui-datepicker td span, .ui-datepicker td a {
     display: block;
     padding: 19px 0;
     text-decoration: none;
}
 .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
     font-weight: 300;
     font-size: 18px;
     background: #FFF;
     color: #888;
     letter-spacing: .5px;
     text-align: center;
}
 .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
     background: #BAAC8F;
     color: #FFF;
     font-weight: 500;
}
 .ui-widget-header .ui-state-hover {
     opacity: 0.25;
     cursor: pointer;
}
 .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
     opacity: 0.25;
     cursor: default;
}
 .ui-icon {
     text-indent: -9999px;
     display: block;
}
 .ui-datepicker .ui-datepicker-prev .ui-icon:before {
     content: "\f3d2";
     width: 100%;
     height: 100%;
     padding: 20px;
     font-size: 25px;
     font-weight: normal;
     color: #999;
     text-indent: 0;
     font-family: ionicons;
     position: absolute;
     top: -20px;
     left: -40px;
}
 .ui-datepicker .ui-datepicker-next .ui-icon:before {
     content: "\f3d3";
     width: 100%;
     height: 100%;
     padding: 20px;
     font-size: 25px;
     font-weight: normal;
     color: #999;
     text-indent: 0;
     font-family: ionicons;
     position: absolute;
     top: -20px;
     left: 0;
}
 .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
     position: absolute;
     top: 30px !important;
}
 .ui-datepicker .ui-datepicker-prev {
     left: 40px;
     z-index: 3;
}
 .ui-datepicker .ui-datepicker-next {
     right: 48px;
     z-index: 3;
}
 @media only screen and (max-width:1199px) {
     .book-bar .date-guest {
         display: none !important;
         visibility: hidden !important 
    }
}
 @media only screen and (min-width:1024px) {
     .ui-datepicker {
         width: 1000px !important;
         margin-top: -252px !important;
         margin-left: -500px !important;
         box-shadow: 0 0 0 1px rgba(0,0,0,.05), 0 0 15px rgba(0,0,0,.07), 0 0 0 500px rgba(200,200,200,.5);
         position: fixed !important;
         top: 50% !important;
         left: 50% !important;
    }
}
 @media only screen and (max-width:1024px) {
     .book-bar .date-guest {
         display: none !important;
         visibility: hidden !important 
    }
     .center-mb {
         width: auto;
         max-width: none;
        /*display:table;
        */
         margin: 0 auto;
    }
     .center-dk {
         display: block !important;
    }
     .mold {
         height: auto !important;
    }
     .acc {
         height: auto !important;
    }
     .quote .thumb {
         margin: 100px auto 30px !important;
    }
     .label {
         margin-bottom: 0px !important 
    }
     h5 {
         height: auto !important;
    }
}
 @media only screen and (max-width:800px) {
    /* IPHONE & IPAD (BOTH PORTRAIT AND LANDSCAPE) */
     .book-bar .date-field .date {
         padding-left: 10px;
    }
     .book-bar .date-field .date {
         font: 200 55px/55px 'Work Sans';
         letter-spacing: .5px;
    }
     .mold {
         height: auto !important 
    }
     .acc {
         height: auto !important 
    }
     .quote .thumb {
         margin: 100px auto 30px !important;
    }
     .label {
         margin-bottom: 0px !important 
    }
     h5 {
         height: auto !important;
    }
     .inv {
         padding-left: 5% !important;
         padding-right: 0% !important;
    }
     .rs {
         line-height: 100px !important;
         padding-left: 10% !important;
    }
     .rs img {
         height: 60px !important;
         max-width: inherit !important;
    }
}
 @media only screen and (max-width:767px) {
    /* IPAD */
     .tbl {
         display: none;
    }
}
 @media only screen and (min-width:768px) {
    /* IPAD */
     .tbl {
         margin-bottom: -1000px;
         height: 1px;
         width: 100%;
    }
     .tb-rsp-mb {
         display: none;
    }
     .mb {
         display: none !important;
    }
     .book-bar .date-field .date {
         font: 200 55px/55px 'Work Sans';
         letter-spacing: .5px;
    }
     .book-bar .date-field .btn-sub {
         margin-top: 15%;
         font-size: 30px !important;
    }
}
 @media (min-width:641px) and (max-width:767px) {
    /* IPHONE LANDSCAPE */
     .tb-rsp-dk {
         display: none;
    }
     .dk {
         display: none !important;
    }
     .book-bar .date-field .date {
         font: 200 35px/35px 'Work Sans';
         letter-spacing: .5px;
    }
     .book-bar .date-field .btn-sub {
         margin-top: 45%;
         font-size: 33px !important;
    }
     .book-bar .date-field .date {
         padding-left: 40% !important 
    }
}
 @media only screen and (max-width:640px) {
    /* IPHONE PORTRAIT */
     .tb-rsp-dk {
         display: none;
    }
     .dk {
         display: none !important;
    }
     .book-bar .date-field .date {
         font: 200 35px/35px 'Work Sans';
         letter-spacing: .5px;
    }
     .book-bar .date-field .btn-sub {
         margin-top: 30%;
         font-size: 33px !important;
    }
     .book-bar .date-field .date {
         padding-left: 14% !important 
    }
}
 @media only screen and (max-width:480px) {
    /*.ui-datepicker {
         width:100% !important;
         margin-left:0 !important;
         margin-right:0 !important;
    }
     .book-bar .date-field .btn-sub {
         margin-top: 25%;
         font-size: 30px !important;
         color:GREEN !important 
    }
    */
}
 @media only screen and (min-width:375px) {
     .xsmobook {
         display: none!important;
    }
     .book-scrl {
         display: none!important;
    }
}
 @media only screen and (max-width:374px) {
     .ui-datepicker table {
         padding: 20px 25px 30px;
    }
     .ui-datepicker td span, .ui-datepicker td a {
         padding: 10px 0;
    }
     .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
         font-size: 15px;
    }
     .book-bar {
         display: none !important;
         visibility: hidden !important 
    }
    /*.nav-book a {
         display:none !important;
         visibility:hidden !important 
    }
    */
     .xsmobook {
         display: block;
         width: auto;
         height: 80px;
         margin: 0px !important;
         position: relative;
         padding: 0 !important;
         background-color: #555;
         text-align: center;
         vertical-align: middle;
    }
     .xsmobook h2 {
         color: #BAAC8F !important;
         font-weight: 900;
         margin: 0 auto;
         padding: 0;
         line-height: 80px;
         text-decoration: underline;
    }
}
/******************** 4.0 - Sections ********************/
 .section {
     position: relative;
     opacity: 1;
}
 .section:after, .section .center:after {
     content: '';
     clear: both;
     display: block;
}
 .section .item {
     position: relative;
     overflow: hidden;
}
 div[class^='col'] {
     padding: 0 25px;
     float: left;
     box-sizing: border-box;
}
 .col-1 {
     width: 100%;
}
 .col-2 {
     width: 50%;
}
 .col-3 {
     width: 31%;
}
 .col-33 {
     width: 33.33%;
}
 .col-4 {
     width: 25%;
}
 .col-5 {
     width: 20%;
}
 .col-6 {
     width: 13%;
}
 .col-66 {
     width: 16.66%;
}
 @media only screen and (max-width:1024px) {
     .section:not(.stats):not(.services) div[class^='col'], footer div[class^='col'] {
         width: 100% !important;
    }
}
/* 4.1 - Headings */
 .heading {
    /*margin-bottom: 80px;
    */
     height: calc(100% - 80px);
     max-height: 550px;
     min-height: 400px;
     text-align: center;
     background: #777;
     overflow: hidden;
}
 .heading .back {
     width: 100%;
     height: 100%;
     position: absolute;
     top: 0;
     left: 0;
     background-size: cover;
     background-position: top center;
     opacity: .5;
}
 .heading .item {
     width: 100%;
     padding: 0 30px;
     position: absolute;
     top: 50%;
     left: 0;
     -webkit-transform: translate(0, -46%);
     transform: translate(0, -46%);
     box-sizing: border-box;
     z-index: 1;
}
 .heading .label {
     margin-bottom: 20px;
     padding: 0 20px;
     font: 12px/44px 'Work Sans';
     color: #FFF;
     letter-spacing: 1.5px;
     text-transform: uppercase;
     border: 1px solid rgba(255,255,255,.4);
     display: inline-block;
}
 .heading h1 {
     margin: 0;
     color: #FFF;
}
 .no-booking .heading {
     height: 100%;
     max-height: 600px;
}
 @media only screen and (max-width:1024px) {
     .heading {
         height: 400px;
         min-height: 0;
    }
}
 @media only screen and (max-width:480px) {
     .heading {
         height: 250px;
    }
}
/* 4.2 - Text Blocks */
 .text {
     padding-bottom: 0px;
}
 .text .center {
     max-width: 1350px;
     padding: 0 25px;
}
 .text.feature .center {
     max-width: 900px;
     text-align: center;
}
 .text.post .center {
     max-width: 900px;
}
 .text img {
     max-width: 100%;
     height: auto;
     margin: auto;
     display: block;
}
 blockquote {
     width: 50%;
     margin: 0 30px 30px -80px;
     font: 300 30px/40px 'Work Sans';
     color: #555;
     float: left;
}
 @media only screen and (max-width:1024px) {
     .text .center {
         padding: 0 20%;
    }
     .text div[class^='col'] {
         padding: 0;
    }
     blockquote {
         width: 60%;
    }
}
 @media only screen and (max-width:768px) {
     .text .center {
         padding: 0 10%;
    }
     blockquote {
         width: 100%;
         margin: 0 0 30px;
         float: none;
    }
}
/* 4.3 - Photo Panels */
 .panel {
     margin-bottom: 0px;
     z-index: 25;
}
 .margin-panel {
     margin-bottom: 80px;
}
 .panel .item {
     width: 100%;
     height: 100%;
     background: #F5F5F5;
}
 .panel .item .back {
     width: 100%;
     height: 100%;
     position: absolute;
     top: 0;
     left: 0;
     background-size: cover;
     background-position: top center;
     transition: 1.5s ease;
     transition-property: opacity, transform;
}
 main .panel .item {
     height: 500px;
}
 .panel .item .panel-button {
     width: 100%;
     padding: 0 50px;
     text-align: center;
     position: absolute;
     top: 50%;
     left: 0;
     z-index: 1;
     box-sizing: border-box;
     -webkit-transform: translate(0, -50%);
     transform: translate(0, -50%);
}
 .panel .item .panel-button .button-container {
     display: inline-block;
     position: relative;
     width: 100%;
}
 .panel .item .panel-button a {
     padding: 15px 30px;
     font: 350 42px/50px 'Work Sans';
     font-size: 42px;
     color: #555;
     display: block;
     background: rgba(255,255,255,.85);
     box-shadow: 0 0 1px rgba(0,0,0,.2), 0 0 10px rgba(0,0,0,.1);
     z-index: 1;
     position: relative;
     transition: .3s ease;
}
 .panel .item .panel-button span {
     display: inherit;
     margin-top: 80px;
     padding: 0 17px;
     font: 400 15px/40px 'Work Sans';
     color: #FFF;
     letter-spacing: 1.5px;
     text-transform: uppercase;
     background: #BAAC8F;
     position: relative;
     margin: 0 auto;
     white-space: nowrap;
     opacity: 0;
     cursor: default;
     transition: .3s ease;
}
 .panel .item .panel-button span i {
     margin-left: 10px;
}
 .panel .item.side .details {
     width: 30%;
     height: 100%;
     background: #F5F5F5;
     float: right;
     position: relative;
     z-index: 1;
}
 .panel .item.side .details p:last-child {
     margin: 0;
}
 .panel .item.side .float {
     width: 100%;
     padding: 0 15%;
     position: absolute;
     top: 50%;
     left: 50%;
     -webkit-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
     box-sizing: border-box;
}
 .panel .item.side .back, .panel .item.side .panel-button {
     width: 70%;
}
 .panel .item.side:nth-child(even) .details {
     float: left;
}
 .panel .item.side:nth-child(even) .back, .panel .item.side:nth-child(even) .panel-button {
     left: auto;
     right: 0;
}
 .panel .slider .item.side:nth-child(even) .details {
     float: right;
}
 .panel .slider .item.side:nth-child(even) .back, .panel .slider .item.side:nth-child(even) .panel-button {
     left: 0;
     right: auto;
}
 .panel.hero {
     height: calc(100% - 80px);
     min-height: 300px;
     max-height: 500px;
     box-sizing: border-box;
     z-index: 50 
}
 .panel.hero .caroufredsel_wrapper, .panel.hero .slider {
     height: 100% !important;
}
 .panel.hero .item {
     height: 100%;
     margin: 0;
     float: left;
}
 .panel.hero.full {
     max-height: 1000px;
}
 main .panel.hero {
     height: 500px;
}
 .panel .item.feature {
     background: #555;
}
 .panel .item.feature .back {
     opacity: .12;
}
 .panel .item.feature .screen {
     width: 45%;
     height: 50%;
     min-height: 320px;
     position: absolute;
     top: 50%;
     right: 0;
     -webkit-transform: translate(0, -50%);
     transform: translate(0, -50%);
     box-shadow: 0 0 0 1px rgba(0,0,0,.1), 0 0 30px 0 rgba(0,0,0,.1);
     border-right: none;
     z-index: 1;
     overflow: hidden;
}
 .panel .item.feature .screen .back {
     width: 100%;
     height: 100%;
     background-size: cover;
     opacity: 1 !important;
     transform: none !important;
}
 .panel .item.feature .details {
     width: 60%;
     max-width: 850px;
     position: absolute;
     top: 52%;
     padding: 0 100px;
     -webkit-transform: translate(0, -50%);
     transform: translate(0, -50%);
     box-sizing: border-box;
     z-index: 1;
}
 .panel .item.feature .details .label {
     position: absolute;
     top: -47px;
}
 .panel .item.feature h1, .panel .item.feature h2, .panel .item.feature h3, .panel .item.feature h4, .panel .item.feature h5 {
     color: #FFF;
}
 .panel .item.feature h2 {
     font-weight: 200;
     letter-spacing: .5px;
}
 .panel .item.feature p {
     font: 300 18px/30px 'Work Sans';
     color: rgba(255,255,255,.5);
}
 .panel .item.feature .button {
     margin-top: 49px;
}
 .hover .panel .item .panel-button a:hover {
     padding: 15px 40px;
     background: #FFF;
}
 .hover .panel .item.over .back {
     transform: scale(1.04);
     opacity: .7;
}
 .hover .panel .item.over .panel-button span {
     opacity: 1;
}
 .hover .panel.hero .item.over .back {
     transform: scale(1.03);
}
 .hover .panel .item.feature.over .back {
     opacity: .2;
}
 .no-booking .panel.hero {
     height: 100%;
}
 .no-booking .panel.hero.full {
     max-height: 1030px;
}
 @media only screen and (max-height:800px) {
     .panel .item.feature .details {
         padding: 0 100px 0 80px;
    }
     .panel .item.feature p {
         font: 300 15px/28px 'Work Sans';
    }
     .panel .item.feature .button {
         margin-top: 11px;
    }
}
 @media only screen and (max-width:1366px) {
     .panel .item.feature h1 {
         font: 200 60px/70px 'Work Sans';
    }
}
 @media only screen and (max-width:1024px) {
     .panel .panel-button span {
         display: none;
    }
     .panel.hero:not(.full) {
         height: 400px;
         min-height: 0;
    }
     main .panel .item {
         height: auto;
    }
     main .panel .item .back {
         width: 100% !important;
         height: 400px;
         position: relative;
         left: auto;
         right: auto;
    }
     main .panel .item .panel-button {
         width: 100% !important;
         top: 200px;
         left: auto;
         right: auto;
    }
     main .panel .item.side .details {
         width: 100%;
         float: none !important;
    }
     main .panel .item.side .float {
         padding: 60px 20%;
         position: relative;
         top: auto;
         left: auto;
         -webkit-transform: none;
         transform: none;
    }
     main .panel.hero {
         height: 400px;
         min-height: 0;
    }
     main .panel.hero .item.side .details {
         display: none;
    }
     .panel .item.feature .details {
         padding: 0 100px 0 80px;
    }
     .panel .item.feature h1 {
         font: 200 37px/50px 'Work Sans';
    }
     .panel .item.feature p {
         font: 300 15px/28px 'Work Sans';
    }
}
 @media only screen and (max-width:768px) {
     main .panel .item.side .float {
         padding: 60px 10%;
    }
     .panel .item.feature .screen {
         display: none;
    }
     .panel .item.feature .details {
         width: 100%;
         padding: 0 50px;
         text-align: center;
    }
     .panel .item.feature .button {
         margin-top: 11px;
    }
}
 @media only screen and (max-width:480px) {
     main .panel .item .back {
         height: 250px;
    }
     .panel.hero:not(.full) {
         height: 250px;
    }
     .panel .item .panel-button a {
         padding: 15px 30px !important;
         font: 300 16px/22px 'Work Sans';
    }
     .panel .item.feature .details {
         padding: 0 20px;
         top: 55%;
    }
     .panel .item.feature p:first-of-type {
         display: none;
    }
}
 @media only screen and (max-width:320px) {
     .panel .item.feature h1 {
         font: 200 30px/40px 'Work Sans';
    }
}
/* 4.4 - Carousels */
 .carousel {
     max-width: 1300px;
     margin-bottom: 80px;
     margin-left: auto;
     margin-right: auto;
}
 .carousel img {
     float: left;
}
 .carousel.horizontal {
     height: calc(100% - 80px);
     max-height: 550px;
     min-height: 400px;
     max-width: none;
}
 .carousel.horizontal .slider, .carousel.horizontal .caroufredsel_wrapper {
     height: 100% !important;
}
 .carousel.horizontal img {
     width: auto;
     height: 100%;
}
 main .carousel.horizontal .slider, main .carousel.horizontal .caroufredsel_wrapper {
     height: 500px !important;
}
 .no-booking .carousel.horizontal {
     height: 100%;
     max-height: 600px;
}
 @media only screen and (min-width:1367px) {
     .tbl {
         margin-bottom: 1000px;
         height: 1px;
         width: 100%;
    }
}
 @media only screen and (max-width:1366px) {
     .carousel {
         max-width: none;
    }
     .tbl {
         margin-bottom: -1000px;
         height: 1px;
         width: 100%;
    }
}
 @media only screen and (max-width:1024px) {
     .carousel.horizontal, .carousel.horizontal .slider, .carousel.horizontal .caroufredsel_wrapper, main .carousel.horizontal .slider, main .carousel.horizontal .caroufredsel_wrapper {
         height: 400px !important;
         min-height: 0 !important;
    }
}
 @media only screen and (max-width:480px) {
     .carousel.horizontal, .carousel.horizontal .slider, .carousel.horizontal .caroufredsel_wrapper, main .carousel.horizontal .slider, main .carousel.horizontal .caroufredsel_wrapper {
         height: 250px !important;
    }
}
/* 4.5 - Galeria */
 .gallery-fancy {
     margin-bottom: 0px !important;
     overflow: hidden;
}
 .gallery-fancy figure {
     box-sizing: border-box;
     position: relative;
}
 .gallery-fancy figure a {
     width: 100%;
     height: 100%;
     position: absolute;
     overflow: hidden;
     background: #F5F5F5;
     transition: .2s ease;
}
 .gallery-fancy figure img {
     width: 100%;
     height: auto;
     display: block;
     transition-timing-function: ease;
}
 .gallery-fancy figure .img:before {
     content: "\f489";
     width: 50px;
     height: 50px;
     font-family: ionicons;
     text-align: center;
     line-height: 50px;
     font-size: 25px;
     color: #999;
     position: absolute;
     top: 0;
     left: 0;
     background: #FFF;
     border-top: 1px solid #EEE;
     border-left: 1px solid #EEE;
     z-index: 10;
     opacity: 0;
     transition: .2s ease;
     box-sizing: border-box;
}
 .gallery-fancy span {
     width: 100%;
     padding: 25px 18px 18px;
     font: bold 14px/18px 'Open Sans';
     letter-spacing: .3px;
     color: #FFF;
     text-shadow: 1px 1px 0 rgba(0,0,0,.1);
     position: absolute;
     bottom: -20px;
     left: 0;
     border-radius: 0 4px 0 0;
     box-sizing: border-box;
     background: -webkit-gradient( linear, left bottom, left top, from(rgba(0,0,0,0.6)), to(rgba(0,0,0,0)) );
     background: -moz-linear-gradient(bottom, rgba(0,0,0,0.6), rgba(0,0,0,0) );
     background: linear-gradient(to top, rgba(0,0,0,0.5), rgba(0,0,0,0) );
     opacity: 0;
     z-index: 10;
     transition: .2s ease-out;
}
 .hover .gallery-fancy figure a:hover .img:before {
     opacity: 1;
}
 .gallery {
     margin-bottom: 80px;
     overflow: hidden;
}
 .gallery figure {
     box-sizing: border-box;
     position: relative;
}
 .gallery figure a {
     width: 101% !important;
     height: 100%;
     position: absolute;
     overflow: hidden;
     background: #F5F5F5;
     transition: .2s ease;
}
 .gallery figure img {
     width: 101%;
     height: auto;
     display: block;
     transition-timing-function: ease;
}
 .gallery figure .img:before {
     content: "\f489";
     width: 50px;
     height: 50px;
     font-family: ionicons;
     text-align: center;
     line-height: 50px;
     font-size: 25px;
     color: #999;
     position: absolute;
     top: 0;
     left: 0;
     background: #FFF;
     border-top: 1px solid #EEE;
     border-left: 1px solid #EEE;
     z-index: 10;
     opacity: 0;
     transition: .2s ease;
     box-sizing: border-box;
}
 .gallery span {
     width: 100%;
     padding: 25px 18px 18px;
     font: bold 14px/18px 'Open Sans';
     letter-spacing: .3px;
     color: #FFF;
     text-shadow: 1px 1px 0 rgba(0,0,0,.1);
     position: absolute;
     bottom: -20px;
     left: 0;
     border-radius: 0 4px 0 0;
     box-sizing: border-box;
     background: -webkit-gradient( linear, left bottom, left top, from(rgba(0,0,0,0.6)), to(rgba(0,0,0,0)) );
     background: -moz-linear-gradient(bottom, rgba(0,0,0,0.6), rgba(0,0,0,0) );
     background: linear-gradient(to top, rgba(0,0,0,0.5), rgba(0,0,0,0) );
     opacity: 0;
     z-index: 10;
     transition: .2s ease-out;
}
 .hover .gallery figure a:hover .img:before {
     opacity: 1;
}
 .featherlight {
     background: transparent;
     cursor: pointer;
     display: none;
     font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
     position: fixed;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     text-align: center;
     white-space: nowrap;
     z-index: 2147483647 
}
 .featherlight * {
     -moz-box-sizing: border-box;
     -webkit-box-sizing: border-box;
     box-sizing: border-box 
}
 .featherlight:last-of-type {
     background: rgba(200,200,200,.9) 
}
 .featherlight:before {
     content: "";
     display: inline-block;
     height: 100%;
     margin-right: -.25em;
     vertical-align: middle 
}
 .featherlight .featherlight-content {
     border: 0;
     cursor: auto;
     display: inline-block;
     max-height: 80%;
     max-width: 90%;
     min-width: inherit;
     overflow: visible;
     padding: 0;
     position: relative;
     text-align: left;
     vertical-align: middle;
     white-space: normal 
}
 .featherlight-content .featherlight-image {
     transform: scale(.95);
     transition: .3s ease 
}
 .featherlight-content.pop .featherlight-image {
     transform: scale(1) 
}
 @media screen and (min-width: 980px) {
     .featherlight .featherlight-content {
         max-height: 90% 
    }
}
 .featherlight .featherlight-inner {
     display: block 
}
 .featherlight .featherlight-close-icon {
     cursor: pointer;
     display: block;
     position: fixed;
     top: 25px;
     right: 25px;
     text-align: center;
     white-space: nowrap;
     height: 50px;
     width: 50px;
     z-index: 9999;
     text-indent: 100% 
}
 .featherlight .featherlight-close-icon:before {
     content: '\f404';
     font-family: ionicons;
     font-size: 40px;
     line-height: 20px;
     color: #FFF;
     text-indent: 0;
     position: absolute;
     top: 0;
     right: 0 
}
 .featherlight .featherlight-image {
     max-width: 100% 
}
 .featherlight iframe {
     border: 0 
}
 [data-featherlight] {
     cursor:-webkit-zoom-in;
     cursor:-moz-zoom-in;
     cursor:zoom-in 
}
 .featherlight-iframe .featherlight-content {
     border-bottom: 0;
     padding: 0 
}
 .featherlight-content .caption {
     color: #fff;
     font-size: 16px;
     font-weight: lighter;
     max-width: 100%;
     overflow: hidden;
     position: absolute;
     text-align: left;
     text-overflow: ellipsis;
     white-space: nowrap 
}
 .featherlight-content .caption:hover, .featherlight-content .caption:focus {
     overflow: visible;
     white-space: normal 
}
 @-webkit-keyframes featherlightLoader {
     0% {
         -webkit-transform:rotate(0deg);
         transform:rotate(0deg) 
    }
     100% {
         -webkit-transform:rotate(360deg);
         transform:rotate(360deg) 
    }
}
 @keyframes featherlightLoader {
     0% {
         -webkit-transform:rotate(0deg);
         transform:rotate(0deg) 
    }
     100% {
         -webkit-transform:rotate(360deg);
         transform:rotate(360deg) 
    }
}
 .featherlight-loading .featherlight-content {
     -webkit-animation: featherlightLoader 1s infinite linear;
     animation: featherlightLoader 1s infinite linear;
     background: transparent;
     border: 8px solid #909090;
     border-left-color: #fff;
     font-size: 10px 
}
 .featherlight-loading .featherlight-content, .featherlight-loading .featherlight-content:after {
     -webkit-border-radius: 50%;
     border-radius: 50%;
     height: 10em;
     width: 10em 
}
 .featherlight-loading .featherlight-close, .featherlight-loading .featherlight-inner {
     display: none 
}
 .featherlight-next, .featherlight-previous {
     background-repeat: no-repeat;
     -webkit-background-size: 100% auto;
     background-size: 100% auto;
     cursor: pointer;
     display: block;
     height: 80px;
     margin-top: -30px;
     position: fixed;
     top: 50%;
     text-indent: 100%;
     -moz-user-select: none;
     -ms-user-select: none;
     -webkit-user-select: none;
     user-select: none;
     white-space: nowrap;
     width: 50px;
     transition: .3s ease;
     background: #FFF 
}
 .featherlight-next span, .featherlight-previous span {
     display: none 
}
 .featherlight-next:hover, .featherlight-next:focus, .featherlight-previous:hover, .featherlight-previous:focus {
     background: #EEE 
}
 .featherlight-next {
     right: 0 
}
 .featherlight-next:before {
     content: '\f3d3';
     font-family: ionicons;
     font-size: 20px;
     line-height: 80px;
     color: #CCC;
     text-indent: 0;
     position: absolute;
     top: 0;
     right: 20px 
}
 .featherlight-previous {
     left: 0 
}
 .featherlight-previous:before {
     content: '\f3d2';
     font-family: ionicons;
     font-size: 20px;
     line-height: 80px;
     color: #CCC;
     text-indent: 0;
     position: absolute;
     top: 0;
     left: 20px 
}
 .featherlight-loading .featherlight-previous, .featherlight-loading .featherlight-next {
     display: none 
}
/* 4.7 - Boxes */
 .boxes .center {
     max-width: 1400px;
     padding: 0 25px;
     text-align: center;
}
 .boxes .item {
     margin-bottom: 50px;
}
 .boxes .item .thumb {
     width: 100%;
     height: 250px;
     margin-bottom: 30px;
     position: relative;
     overflow: hidden;
}
 .boxes .item .back {
     width: 100%;
     height: 100%;
     position: absolute;
     top: 0;
     left: 0;
     background-size: cover;
     background-position: bottom center;
     transition: 1.5s ease;
     transition-property: opacity, transform;
}
 .boxes .item .details {
     position: relative;
}
 .boxes .item .date {
     width: 60px;
     height: 60px;
     padding-top: 10px;
     margin-left: -30px;
     text-align: center;
     position: absolute;
     top: -55px;
     left: 50%;
     background: #FFF;
     border-radius: 100%;
     box-sizing: border-box;
     opacity: 0;
     transition: .3s ease;
}
 .boxes .item .date .day {
     font: 22px/22px 'Work Sans';
     color: #555;
     display: block;
}
 .boxes .item .date .month {
     font: 300 12px/17px 'Work Sans';
     color: #888;
     text-transform: uppercase;
     display: block;
}
 .hover .boxes .item.over .back, .hover .boxes .item .thumb:hover .back {
     transform: scale(1.06);
     opacity: .7;
}
 .hover .boxes .item.over .button {
     padding: 0 25px;
}
 .hover .boxes .item.over .date {
     top: -60px;
     opacity: 1;
}
 @media only screen and (max-width:1024px) {
     .boxes .center {
         padding: 0;
    }
     .boxes .item {
         max-width: 650px;
         margin: 0 auto 50px;
         padding: 0 50px;
    }
     .boxes .item .thumb {
         height: 350px;
    }
     .boxes .item .details {
         padding: 0 10%;
    }
     .boxes div[class^='col'] {
         padding: 0;
    }
     .boxes .item .date {
         top: -60px;
         opacity: 1;
    }
}
 @media only screen and (max-width:480px) {
     .boxes .item {
         padding: 0 30px;
    }
     .boxes .item .thumb {
         height: 240px;
    }
     .boxes .item .details {
         padding: 0;
    }
}
 @media only screen and (max-width:320px) {
     .boxes .item .thumb {
         height: 180px;
    }
}
/* 4.8 - Timeline */
 .timeline .label {
     margin: auto;
     display: table;
}
 .timeline > .button {
     margin: auto;
     display: table;
}
 .timeline .center {
     max-width: 1300px;
     padding: 0 50px;
}
 .timeline .center:before {
     content: "";
     width: 1px;
     height: 100%;
     position: absolute;
     top: 0;
     left: 50%;
     background: #EEE;
}
 .timeline .item:before {
     content: "\f3d2";
     font-size: 20px;
     line-height: 40px;
     color: #BAAC8F;
     text-align: center;
     font-family: ionicons;
     width: 40px;
     height: 40px;
     margin-left: -20px;
     border: 1px solid #BAAC8F;
     background: #FFF;
     position: absolute;
     top: 95px;
     left: 50%;
     box-sizing: border-box;
     border-radius: 100%;
}
 .timeline .item:after {
     content: "";
     clear: both;
     display: block;
}
 .timeline .item .details {
     width: 50%;
     padding: 60px 80px 0 0;
     text-align: right;
     float: left;
     box-sizing: border-box;
}
 .timeline .item .details h2 {
     margin: 0 -80px 30px 0;
     padding: 0 80px 5px 10px;
     border-bottom: 1px dashed #BAAC8F;
     display: inline-block;
}
 .timeline .item .thumb {
     width: 50%;
     margin-bottom: 30px;
     padding: 70px 0 0 80px;
     float: right;
     box-sizing: border-box;
}
 .timeline .item .thumb a {
     display: block;
     position: relative;
     overflow: hidden;
     background: #F5F5F5;
}
 .timeline .item .thumb .back {
     width: 100%;
     height: 100%;
     transition: 1.5s ease;
     transition-property: opacity, transform;
}
 .timeline .item .thumb img {
     width: 100%;
     height: auto;
     display: block;
}
 .timeline .item:nth-child(even):before {
     content: "\f3d3";
     text-indent: 3px;
}
 .timeline .item:nth-child(even) .details {
     padding: 60px 0 0 80px;
     text-align: left;
     float: right;
}
 .timeline .item:nth-child(even) .details h2 {
     margin: 0 0 30px -80px;
     padding: 0 10px 5px 80px;
}
 .timeline .item:nth-child(even) .thumb {
     padding: 70px 80px 0 0;
     float: left;
}
 .timeline .item:first-of-type:before {
     top: 115px;
}
 .timeline .item:first-of-type .details {
     padding-top: 80px;
}
 .timeline .item:first-of-type .thumb {
     padding-top: 95px !important;
}
 .timeline .item:last-of-type .details, .timeline .item:last-of-type .thumb {
     padding-bottom: 60px;
}
 .hover .timeline .item.over .back {
     transform: scale(1.06);
     opacity: .7;
}
 .hover .timeline .item.over .button {
     padding: 0 25px;
}
 @media only screen and (max-width:1024px) {
     .timeline .item {
         max-width: 650px;
         margin: auto;
    }
     .timeline .item:before {
         display: none;
    }
     .timeline .item .details {
         width: 100%;
         margin: 0 0 80px;
         padding: 30px 0 0 !important;
         text-align: center !important;
         float: none;
         background: #FFF;
    }
     .timeline .item .details h2 {
         margin: 0 0 30px !important;
         padding: 0 0 5px 0 !important;
    }
     .timeline .item .details p:last-child {
         margin-bottom: 0 !important;
    }
     .timeline .item .thumb {
         width: 100%;
         margin: 0 !important;
         padding: 0 !important;
         float: none;
    }
}
 @media only screen and (max-width:480px) {
     .timeline .center {
         padding: 0;
    }
     .timeline .item .details {
         padding: 30px 30px 0 !important;
    }
     .timeline .item .thumb {
         padding: 0 30px !important;
    }
}
/* 4.9 - Stats */
 .stats {
     margin-bottom: 80px;
}
 .stats .center {
     max-width: 1300px;
     padding: 45px 50px 50px;
     text-align: center;
     background: #555;
     box-sizing: border-box;
}
 .stats h3 {
     margin-bottom: 50px;
     color: #FFF;
     font-weight: 200;
     letter-spacing: .5px;
}
 .stats .number {
     font: 200 30px/30px 'Work Sans' !important;
     color: #FFF;
     font-weight: 200;
     font-size: 30px;
     line-height: 40px;
     font-family: 'Work Sans';
     letter-spacing: .5px;
}
 .stats p {
     margin: 0;
     color: #ccc;
}
 .stats sup {
     color: #ccc;
}
 .stats div[class^='col'] {
     padding-top: 50px;
     position: relative;
}
 .stats div[class^='col']:before {
     content: "";
     width: 100%;
     border-top: 1px dashed #BAAC8F;
     position: absolute;
     top: 0;
     left: 0;
     opacity: .5;
}
 .stats div[class^='col']:after {
     content: "";
     width: 10px;
     height: 10px;
     margin-left: -7px;
     background: #555;
     border: 2px solid #BAAC8F;
     border-radius: 100%;
     position: absolute;
     top: -7px;
     left: 50%;
}
 .stats div[class^='col']:first-of-type:before {
     width: 50%;
     left: auto;
     right: 0;
}
 .stats div[class^='col']:last-of-type:before {
     width: 50%;
}
 @media only screen and (max-width:1366px) {
     .stats .center {
         max-width: none;
    }
}
 @media only screen and (max-width:1024px) {
     .stats .center {
         padding-bottom: 0;
    }
     .stats div[class^='col'] {
         margin-bottom: 50px;
         padding-top: 20px;
    }
     .stats div[class^='col']:before {
         width: 100% !important;
    }
}
 @media only screen and (max-width:768px) {
     .stats div[class^='col'] {
         width: 100% !important;
    }
}
 @media only screen and (max-width:480px) {
     .stats .center {
         padding-left: 30px;
         padding-right: 30px;
    }
     .stats .number {
         font: 200 60px/70px 'Work Sans';
    }
}
/* 4.10 - Features */
 .features {
     margin-bottom: 80px;
}
 .features .center {
     max-width: 1300px;
     padding: 0 50px;
}
 .features .item {
     width: 100%;
     margin-bottom: 2px;
     padding: 50px 25px 20px;
     background: #F5F5F5;
     box-sizing: border-box;
     overflow: visible;
}
 .features .item:last-child {
     margin: 0;
}
 .features .item .thumb {
     width: 250px;
     height: 250px;
     margin: 0 50px 100px 0;
     float: left;
     position: relative;
     overflow: visible;
}
 .features .item .back {
     width: 100%;
     height: 100%;
     position: absolute;
     top: 0;
     left: 0;
     background-size: cover;
     background-position: top center;
     transition: 1.5s ease;
     transition-property: opacity, transform;
}
 .features h1, .features h2, .features h3, .features h4, .features h5 {
     margin: 0;
}
 .features:after, .features .item:after {
     content: "";
     display: block;
     clear: both;
}
 .hover .features .item.over .back {
     transform: scale(1.08);
     opacity: .7;
}
 .hover .features .item.over .button {
     padding: 0 25px;
}
 @media only screen and (max-width:480px) {
     .features .center {
         padding: 0;
    }
     div[class^='col'] {
         padding: 0;
    }
     .features .item {
         padding: 50px 30px 20px;
    }
     .features .item .thumb {
         width: 100%;
         height: 165px;
         margin: 0 0 30px;
    }
}
/* 4.11 - USPs */
 .usp {
     padding-bottom: 45px;
}
 .usp .center {
     max-width: 1350px;
     padding: 0 25px;
}
 .usp .item {
     text-align: center;
}
 .usp .item i {
     margin-bottom: 10px;
     display: block;
     font-size: 50px;
     color: #BAAC8F;
}
 .usp .item h4 {
     margin-bottom: 0;
}
 @media only screen and (max-width:1024px) {
     .usp .center {
         padding: 0 20%;
    }
     .usp .item {
         max-width: 600px;
         margin: 0 auto 20px;
    }
     .usp div[class^='col'] {
         padding: 0;
    }
     .usp div[class^='col']:last-child .item {
         margin-bottom: 0;
    }
}
 @media only screen and (max-width:768px) {
     .usp .center {
         padding: 0 10%;
    }
}
/* 4.12 - Services */
 .services {
     margin-bottom: 80px;
}
 .services .center {
     width: 100%;
     max-width: 1400px;
     padding: 0 50px;
     text-align: center;
     display: table;
     box-sizing: border-box;
}
 .services div[class^='col'] {
     padding: 0;
     background: #F5F5F5;
     border-right: 1px solid #E5E5E5;
     border-bottom: 1px solid #E5E5E5;
     border-top: 5px solid #E5E5E5;
     float: none;
     display: table-cell;
     transition: .2s ease;
     position: relative;
}
 .services .item {
     padding: 45px 0 50px;
}
 .services .item * {
     cursor: default;
}
 .services .item i {
     margin-bottom: 0;
     display: inline-block;
     font-size: 50px;
     color: #BAAC8F;
}
 .services .item h5 {
     margin: 0;
}
 .services .details {
     width: calc(100% + 2px);
     padding: 18px 10px;
     font: 300 13px/24px 'Work Sans';
     color: #FFF;
     letter-spacing: .5px;
     position: absolute;
     bottom: 85%;
     left: -1px;
     opacity: 0;
     background: #BAAC8F;
     box-sizing: border-box;
     transition: .2s ease;
     z-index: 1;
     cursor: default;
}
 .services .details:after {
     top: 100%;
     left: 50%;
     border: solid transparent;
     content: '';
     height: 0;
     width: 0;
     position: absolute;
     pointer-events: none;
     border-top-color: #BAAC8F;
     border-width: 15px;
     margin-left: -15px;
}
 .services div[class^='col'].over {
     background: #EEE;
}
 .services div[class^='col'].over .details {
     bottom: 90%;
     opacity: 1;
}
 @media only screen and (max-width:1024px) {
     .services .center {
         padding: 0;
    }
     .services .col-2 {
         width: 50% !important;
    }
     .services .col-3 {
         width: 33.33% !important;
    }
     .services .col-4 {
         width: 25% !important;
    }
     .services .col-5 {
         width: 20% !important;
    }
     .services .col-6 {
         width: 33.33% !important;
         float: left !important;
    }
     .services div[class^='col'] {
         border-top: none;
    }
     .services .center {
         border-top: 5px solid #E5E5E5;
    }
}
 @media only screen and (max-width:640px) {
     .services div[class^='col'] {
         width: 50% !important;
         float: left !important;
    }
}
 @media only screen and (max-width:480px) {
     .services div[class^='col'] {
         width: 100% !important;
         border: none;
    }
     .services .center {
         padding: 0 30px;
         border: none;
    }
     .services .details {
         width: 100%;
         position: relative;
         opacity: 1;
         border: 0;
         left: 0;
    }
     .services .details:after {
         top: auto;
         bottom: 100%;
         border-top-color: transparent;
         border-bottom-color: #BAAC8F;
    }
}
/* 4.13 - Testimonials */
 .testimonials {
    /*margin-bottom: 80px;
    */
     padding: 60px;
     background: #F5F5F5;
}
 .testimonials .center {
     max-width: none;
}
 .testimonials:after {
     content: "";
     clear: both;
     display: block;
}
 .testimonials .item {
     width: 33.33%;
     box-sizing: border-box;
     border-width: 20px 20px 25px;
     border-style: solid;
     border-color: transparent;
     position: relative;
     float: left;
     overflow: visible;
}
 .testimonials .item .testimonial {
     padding: 45px 50px 20px;
     background: #FFF;
     position: relative;
     box-shadow: 0 12px 0 -5px #EEE, 0 12px 1px -4px rgba(0,0,0,0.07);
     z-index: 2;
}
 .testimonials .item i {
     font-size: 30px;
     color: #BAAC8F;
     position: absolute;
     top: 40px;
     left: -3px;
}
 .testimonials .item:before, .testimonials .item:after {
     position: absolute;
     width: 40%;
     height: 10px;
     content: "";
     left: 12px;
     bottom: 2px;
     background: transparent;
     transform: skew(-5deg) rotate(-5deg);
     box-shadow: 0 6px 12px rgba(0,0,0,.1);
     z-index: 1;
}
 .testimonials .item:after {
     left: auto;
     right: 12px;
     transform: skew(5deg) rotate(5deg);
}
 @media only screen and (max-width:1366px) {
     .testimonials .item {
         width: 50%;
    }
}
 @media only screen and (max-width:768px) {
     .testimonials .item {
         width: 100%;
    }
}
 @media only screen and (max-width:640px) {
     .testimonials {
         padding: 60px 10px;
    }
     .testimonials .item .testimonial {
         padding: 35px 30px 10px;
    }
}
/* 4.14 - Quote */
 .mold {
     border: 1px solid #baac8f;
     padding: 7%;
     height: 430px;
}
 .mold-rooms {
     border: 1px solid #baac8f;
     padding: 7%;
     height: auto;
}
 .acc {
     height: 170px;
     padding: 3% !important;
}
 .quote {
     padding-bottom: 50px;
}
 .quote .center {
     max-width: 900px;
     padding: 0 25px;
     text-align: center;
}
 .quote .thumb {
     width: 80px;
     height: 80px;
     margin: 20px auto 30px;
     border-radius: 100%;
     overflow: hidden;
}
 .quote .acc-thumb {
     width: 80px;
     height: 80px;
     margin: 0px auto 30px;
     border-radius: 100%;
     overflow: hidden;
}
 .quote .thumb img {
     width: 100%;
     height: 100%;
}
 .quote .acc-thumb img {
     width: 100%;
     height: 100%;
}
 .quote p {
     margin-left: auto;
     margin-right: auto;
     padding: 0 80px;
     display: inline-block;
     position: relative;
     color: #555;
     margin-bottom: 10px;
}
 .quote p:before {
     content: "";
     width: 100%;
     height: 1px;
     background: #EEE;
     position: absolute;
     top: 15px;
     left: 0;
     margin-top: 50px;
}
 .quote p span {
     padding: 0;
     background: #FFF;
     position: relative;
     margin: 0;
}
 .quote i {
     font-size: small;
     color: grey;
     text-decoration: none !important;
     text-transform: none !important;
}
 @media only screen and (max-width:480px) {
     .quote .center {
         padding: 0 30px;
    }
     .quote p {
         padding: 0;
    }
     .quote p:before {
         display: none;
    }
     .quote p span {
         padding: 0;
         background: none;
    }
     .acc {
         height: auto !important;
    }
     .acc-thumb {
         width: 80px;
         height: 80px;
         margin: 20px auto 30px;
         border-radius: 100%;
         overflow: hidden;
    }
     .quote .thumb {
         margin: 100px auto 30px;
    }
     .label {
         margin-bottom: 0px !important 
    }
}
/* 4.15 - Accordions */
 .accordion {
     margin-bottom: 80px;
}
 .accordion .center {
     max-width: 1300px;
     padding: 0 50px;
}
 .accordion li {
     margin-bottom: 2px;
     position: relative;
}
 .accordion li .answer {
     width: 100%;
     padding: 35px 0 1px;
     display: none;
     box-sizing: border-box;
}
 .accordion li .answer:after {
     content: "";
     display: block;
     clear: both;
}
 .accordion li .question {
     margin: 0;
     padding: 15px 30px;
     text-align: center;
     display: block;
     cursor: pointer;
     background: #F5F5F5;
     transition: .2s ease;
}
 .accordion li .question h4 {
     margin: 0;
}
 .accordion li .question:after {
     content: "\f489";
     font-size: 25px;
     font-family: ionicons;
     color: #999;
     position: absolute;
     top: 18px;
     right: 20px;
}
 .accordion li.reveal .question:after {
     content: "\f462";
}
 .hover .accordion li .question:hover {
     background: #EEE;
}
 @media only screen and (max-width:480px) {
     .accordion .center {
         margin-left: 30px;
         margin-right: 30px;
         padding: 0;
    }
}
/* 4.16 - Menus */
 .menu {
     margin-bottom: 80px;
     padding: 0 80px 1px;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,f5f5f5+100 */
     background: #ffffff;
    /* Old browsers */
     background: -moz-linear-gradient(top, #ffffff 50%, #f5f5f5 100%);
    /* FF3.6-15 */
     background: -webkit-linear-gradient(top, #ffffff 50%, #f5f5f5 100%);
    /* Chrome10-25,Safari5.1-6 */
     background: linear-gradient(to bottom, #ffffff 50%, #f5f5f5 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f5f5', GradientType=0 );
    /* IE6-9 */
}
 .menu .center {
     max-width: 900px;
     margin-bottom: 80px;
     box-shadow: 0 0 0 1px rgba(0,0,0,.06), 0 5px 15px rgba(0,0,0,.06);
     box-sizing: border-box;
     background: #FFF;
}
 .menu .item {
     padding: 80px;
     overflow: visible;
     background: #FFF;
     position: relative;
     z-index: 2;
}
 .menu .title {
     padding-bottom: 50px;
     text-align: center;
     border-bottom: 5px solid #EEE;
     position: relative;
}
 .menu .title:after {
     top: 100%;
     left: 50%;
     border: solid transparent;
     content: '';
     height: 0;
     width: 0;
     position: absolute;
     pointer-events: none;
     border-top-color: #EEE;
     border-width: 15px;
     margin: 5px 0 0 -15px;
}
 .menu .title h2 {
     margin: 0;
}
 .menu ul {
     margin: 0;
}
 .menu li {
     padding: 30px 100px 30px 0;
     border-bottom: 1px dashed #E5E5E5;
     position: relative;
}
 .menu li h4 {
     margin: 0;
}
 .menu li .tag {
     height: 22px;
     margin-left: 2px;
     padding: 0 7px;
     font-size: 11px;
     line-height: 22px;
     text-align: center;
     color: #999;
     background: #EEE;
     border-radius: 100px;
     display: inline-block;
     position: relative;
     top: -1px;
     cursor: default;
     text-transform: uppercase;
}
 .menu li p {
     margin: 0;
}
 .menu li .price {
     font: 300 22px/30px 'Work Sans';
     text-align: right;
     color: #555;
     position: absolute;
     top: 30px;
     right: 0;
}
 .menu li .price span {
     font: 11px/20px 'Work Sans';
     color: #CCC;
     letter-spacing: .5px;
     text-transform: uppercase;
}
 .menu .button {
     margin: 0 auto 80px;
     display: table;
}
 @media only screen and (max-width:1024px) {
     .menu {
         padding: 0 0 1px;
         background: #F5F5F5;
    }
     .menu .center {
         max-width: none;
    }
     #margin-mb {
         padding-bottom: 25px;
    }
}
 @media only screen and (max-width:768px) {
     .menu .item {
         padding: 50px;
    }
     .menu .title {
         padding-bottom: 20px;
    }
     .section-form {
         padding-bottom: 25px;
    }
}
 @media only screen and (max-width:480px) {
     .menu .center {
         box-shadow: none;
    }
     .menu .item {
         padding: 0 30px;
    }
     .menu .title {
         padding: 0;
    }
}
/* 4.17 - Form */
 .section-form {
     position: relative;
     height: 100%;
     margin: 0 auto;
     padding-bottom: 25px;
}
 .section-form .label {
     margin-top: 3%;
}
 .section-form .item {
     position: relative;
     overflow: hidden;
}
 .form {
     margin: 0;
     padding: 0;
     height: 100%;
     text-align: center;
     position: relative;
     background-color: #555;
}
 .form:before {
    /* content: "";
     position: absolute;
     top: 0;
     left: 50%;
     margin-left: -30px;
     display: block;
     border: 15px solid #BAAC8F;
     border-top-width: 30px;
     border-bottom-color: transparent;
     border-left-width: 30px;
     border-right-width: 30px;
     z-index: 1;
    */
}
 .form .center {
     max-width: 1000px;
     padding: 0;
}
 .form h1, .form h2, .form h3, .form h4 {
     color: #FFF;
}
 .form h5, .form p {
     max-width: 500px;
     margin-left: auto;
     margin-right: auto;
     color: #AAA;
}
 .form form {
    /* margin-top: 50px;
    */
     margin-top: 0;
}
 .form .field {
     width: 100%;
     max-width: 600px;
     margin: 0 auto 12px;
     background: #606060;
     position: relative;
}
 .form .field input, .form .field select, .form .field textarea {
     width: 100%;
     padding: 17px 15px;
     font: 300 15px 'Work Sans';
     color: #FFF;
     letter-spacing: .2px;
     box-sizing: border-box;
     border: none;
     display: block;
     background: none;
     position: relative;
     z-index: 2;
}
 .form .field textarea {
     height: 116px;
}
 .form .field.calendar, .form .field.calendar input {
     cursor: pointer;
}
 .form .field.calendar input {
     padding-left: 43px;
     font-weight: 500;
     color: #FFF;
}
 .form .field .tag {
     padding: 0 15px;
     position: absolute;
     top: 0;
     left: 14px;
}
 .form .field .tag i {
     font-size: 17px;
     top: 17px;
     color: #909090 !important;
}
 .form .field select {
     -moz-appearance: window;
     -webkit-appearance: none;
}
 .form .field select option {
     color: #555;
}
 .form .field i {
     font-size: 22px;
     color: #909090;
     position: absolute;
     top: 14px;
     right: 15px;
     z-index: 1;
     transition: .2s ease;
}
 .form .button {
     margin-top: 25px;
}
 .form .honeypot {
     display: none;
}
 p.alert {
     width: 100%;
     margin: 0;
     padding: 10px 20px;
     color: rgba(0,0,0,.5);
     font-weight: 500;
     letter-spacing: 0;
     text-align: center;
     box-sizing: border-box;
}
 p.alert i {
     font-size: 30px;
     float: left;
}
 p.alert.success {
     background: #5ADB98;
}
 p.alert.error {
     background: #F96B6C;
}
 p.alert.validate {
     background: #8EDBE5;
}
 .hover .form .field.calendar:hover i {
     color: #BAAC8F;
}
 .hover .form .field:hover .tag {
     opacity: 1;
}
 @media only screen and (max-width:768px) {
     p.alert i {
         float: none;
         display: block;
         margin-bottom: 7px;
    }
}
 @media only screen and (max-width:480px) {
     .form div[class^='col'] {
         padding: 0 !important;
    }
     .form .center {
         padding: 0 30px 0 30px;
         margin: 0 10px 0 10px;
    }
}
/* 4.18 - Comments */
 .comments .center {
     max-width: 800px;
     margin-bottom: 80px;
     padding: 40px 50px;
     background: #F5F5F5;
}
 .comments h3 {
     text-align: center;
}
 .comments h3 i {
     position: relative;
     top: -5px;
}
 .comments ol {
     padding: 15px 0 0;
}
 .comments li {
     margin-bottom: 2px;
     position: relative;
     overflow: hidden;
}
 .comments li:last-child {
     margin-bottom: 0;
}
 .comments li:before {
     content: "";
     width: 100%;
     height: 100%;
     position: absolute;
     top: 0;
     left: 0;
     opacity: .15;
}
 .comments li * {
     position: relative;
}
 .comments ol.children {
     margin: 0;
     padding: 0 0 30px 20px;
     overflow: visible;
}
 .comments ol.children li {
     margin-bottom: 2px;
     overflow: visible;
}
 .comments ol.children li:before {
     display: none;
}
 .comments li.parent li {
     margin-bottom: 0;
     padding: 30px 0 0 35px;
}
 .comments li .comment-container {
     margin-bottom: 20px;
     padding: 20px 25px 5px;
     font: 13px/22px 'Work Sans';
     background: #FFF;
     border-bottom: 1px solid #E5E5E5;
     border-right: 1px solid #E5E5E5;
     position: relative;
}
 .comments li .comment-container p {
     margin-bottom: 15px;
}
 .comments li .comment-container:after {
     content: "";
     border-style: solid;
     border-width: 0 16px 16px 0;
     border-color: transparent #FFF transparent transparent;
     position: absolute;
     bottom: -16px;
     left: 20px;
     box-shadow: 1px 0 0 #E5E5E5;
}
 .comments li .comment-author {
     font: 500 16px/20px 'Work Sans', georgia;
}
 .comments li .comment-author span {
     font: 11px/16px 'Work Sans';
     color: #999;
}
 .comments li .comment-reply-link {
     font: 14px/18px 'Work Sans';
     float: right;
     z-index: 3;
     border: none !important;
}
 .hover .comments li .comment-reply-link:hover {
     color: #555;
}
 @media only screen and (max-width:480px) {
     .comments .center {
         padding: 40px 30px;
    }
     .comments ol.children {
         padding-left: 0;
    }
     .comments li .comment-container {
         padding: 15px 18px 1px;
    }
}
/* 4.19 - Subscribe */
 .subscribe {
     margin-bottom: 80px;
     padding: 70px 0 80px;
     text-align: center;
     background: #555;
}
 .subscribe .center {
     margin: auto;
     padding: 0 30px;
}
 .subscribe h3 {
     width: 100%;
     text-align: center;
     color: #FFF;
     font-weight: 200;
     display: block;
}
 .subscribe h3 strong {
     font-weight: 300;
}
 .subscribe form {
     margin: 0 auto 10px;
     text-align: center;
     display: table;
}
 .subscribe form input {
     width: 200px;
     padding: 0 15px;
     font: 300 15px/54px 'Work Sans';
     color: #555;
     letter-spacing: .2px;
     border: none;
     border-right: 2px solid #555;
     float: left;
     transition: .3s ease;
}
 .subscribe form .button {
     padding-right: 55px;
     font-size: 16px;
     line-height: 54px;
}
 .subscribe form .button i {
     margin-left: 15px;
     font-size: 25px;
     float: right;
     position: absolute;
     top: 1px;
     right: 20px;
     transition: .3s ease;
}
 .subscribe form .button::-moz-focus-inner {
     border:0;
}
 .hover .subscribe form input:hover {
     padding: 0 20px;
}
 .hover .subscribe form .button:hover {
     padding: 0 60px 0 25px;
}
 .hover .subscribe form .button:hover i {
     right: 25px;
}
 @media only screen and (max-width:768px) {
     .subscribe form input {
         width: 100%;
         margin: 0 0 10px;
         padding: 0 15px !important;
         display: block;
         border: none;
         box-sizing: border-box;
    }
     .subscribe form .button {
         width: 100%;
         display: block;
         padding: 0 20px !important;
    }
     .subscribe form button i {
         right: 20px !important;
    }
}
/* 4.20 - Maps */
 .map {
     height: 500px;
     margin-bottom: 40px;
     margin-top: 80px;
}
 #map {
     width: 100%;
     height: 100%;
}
 @media only screen and (max-width:1024px) {
     .map {
         height: 400px;
    }
}
 @media only screen and (max-width:480px) {
     .map {
         height: 250px;
    }
}
/* 4.21 - Social */
 .social {
     margin-bottom: 0;
     text-align: center;
}
 .social a {
     min-width: 52px;
     margin: 0 7px;
     padding: 0 18px;
     font-size: 18px;
     line-height: 50px;
     color: #BAAC8F;
     display: inline-block;
     border: 1px solid #BAAC8F;
     box-sizing: border-box;
     margin-bottom: 18px;
}
 .social a span {
     margin-left: 10px;
     font: 300 15px/20px 'Work Sans';
}
 .subscribe .social {
     margin-top: 80px;
}
 .hover .social a:hover {
     color: #FFF;
     background: #BAAC8F;
}
 @media only screen and (max-width:480px) {
     .social a {
         padding: 0 15px;
    }
     .social a span {
         margin-left: 5px;
    }
}
/* 4.22 - Pagination */
 .pagination {
     margin-bottom: 80px;
}
 .pagination ul {
     margin: auto;
     display: table;
}
 .pagination li {
     margin-right: 2px;
     font: 15px/50px 'Work Sans';
     color: #555;
     float: left;
     background: #F5F5F5;
}
 .pagination li:last-child {
     margin: 0;
     border: none;
}
 .pagination li a {
     padding: 0 20px;
     color: #BBB;
     display: block;
     border: none !important;
}
 .pagination li span {
     padding: 0 20px;
     display: block;
     background: #EEE;
}
 .hover .pagination li a:hover {
     color: #555;
     background: #EEE;
}
/******************** 5.0 - Footer ********************/
 footer {
     width: 100%;
     text-align: center;
     background-size: cover;
     background-position: top center;
     position: relative;
}
 footer div[class^='col'] {
     margin: auto;
     float: none;
}
 footer i {
     margin-bottom: 10px;
     font-size: 50px;
     color: #BAAC8F;
     display: block;
}
 footer h4 {
     margin-bottom: 0;
     color: #555;
}
 footer .stars {
     margin-bottom: 15px;
}
 .stars {
     margin: auto;
     display: table;
}
 .stars i {
     margin: 0 2px;
     font-size: 15px;
     color: #DDD;
     float: left;
}
 .footer-nav {
     width: 100%;
     margin-top: 0;
     background: #F5F5F5;
     position: relative;
}
 .footer-links {
     margin: 0 auto;
     display: table;
}
 .footer-links li {
     font: 300 12px/30px 'Work Sans';
     color: #888;
     letter-spacing: 1px;
     text-transform: uppercase;
     float: left;
}
 .footer-links li a {
     padding: 0px;
     color: #888;
     display: block;
}
 .footer-links li:first-child {
     padding-top: 2%;
}
 .hover .footer-links li a:hover {
     color: #CCC;
}
/* 5.1 - Languages */
 #language {
     margin: 0;
     padding: 0;
     max-height: 21px;
     text-align: left;
    /* position: absolute;
    */
     position: relative;
     bottom: 0px;
     right: 10px;
     transition: .3s ease;
     overflow: hidden;
     width: 33px;
}
 #language li {
     border-bottom: 1px solid transparent;
}
 #language li a {
    /* padding: 0 15px;
    */
     font: 13px/20px 'Work Sans', sans-serif;
     font-size: 13px;
     line-height: 20px;
     font-family: 'Work Sans';
     color: #555;
     background: transparent;
     display: block;
     white-space: nowrap;
}
 #language li:first-child a {
     background: transparent !important;
     cursor: default;
}
 #language li:last-child {
     border: none;
}
 #language.active {
     max-height: 60px !important;
}
 #language.active li:first-child a {
     opacity: .7;
}
 .flag-icon {
     width: 20px;
     height: 20px;
     margin: 0 auto;
     background-size: contain;
     background-position: 50%;
     background-repeat: no-repeat;
     position: relative;
     display: inline-block;
}
 .flag-icon-gb {
     background-image: url(../system/flags/gb.svg);
}
 .flag-icon-it {
     background-image: url(../system/flags/it.svg);
}
 .flag-icon-de {
     background-image: url(../system/flags/de.svg);
}
 .flag-icon-fr {
     background-image: url(../system/flags/fr.svg);
}
 .flag-icon-pt {
     background-image: url(../system/flags/pt.svg);
}
 .hover #language li a:hover {
     background: transparent;
}
 @media only screen and (max-width:768px) {
     .footer-links li.hide {
         display: none;
    }
     #language li a {
         font-size: 0;
    }
     .flag-icon {
         margin: 0;
         top: 5px;
    }
}
 @media only screen and (max-width:480px) {
     .footer-links {
         height: 80px;
        /* margin: 0 0 0 10px;
         display: block;
         */
    }
     .footer-links li a {
         padding: 0 10px;
    }
     #language {
         right: 20px;
    }
}
/******************** 6.0 - Transitions ********************/
 a {
     transition: .2s ease;
}
/******************** 7.0 - Parallax ********************/
 .parallax1 {
     background-image: url(../img/az/1.jpg);
     height: 800px;
     background-attachment: fixed;
     background-position: center;
     background-repeat: no-repeat;
     background-size: cover;
     margin-bottom: 80px;
}
 .book-scrl {
     position: absolute;
     width: 100%;
     height: 80px;
     bottom: 0px;
     background-color: red !important;
     z-index: 99;
     visibility: visible 
}
 #overL {
     position: fixed;
     display: none;
     width: 100%;
     height: 100%;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background-color: rgba(85,85,85,1);
     z-index: 49;
     cursor: pointer;
     overflow: hidden;
}
 .fancybox-bg {
     background-color: rgba(0, 0, 0, 0.8) !important;
     height: 100% !important;
     width: 100% !important;
}
 .stars {
     font-size: 5px 
}
 .boxfx1 {
     -webkit-box-shadow: 7px 6px 42px 3px rgba(85,85,85,0.8);
     -moz-box-shadow: 7px 6px 42px 3px rgba(85,85,85,0.8);
     box-shadow: 7px 6px 42px 3px rgba(85,85,85,0.8);
}
 #bookBtn {
     display: none;
     position: fixed;
     top: 10px;
     right: 10px;
     z-index: 49;
     border: none;
     outline: none;
     background-color: #baac8f;
     color: white !important;
     text-transform: uppercase;
     padding: 10px;
     border-radius: 10px;
}
 .mb-decor {
     text-decoration: none !important;
     text-transform: none !important;
     color: #000 !important;
}
 .mb-decor a:link {
    /* Applies to unvisited links in class mainNav */
     text-decoration: none !important;
     text-transform: none !important;
     color: #000 !important;
}
 .mb-decor a:visited {
    /* Applies to visited links in class mainNav */
     text-decoration: none !important;
     text-transform: none !important;
     color: #000 !important;
}
 .mb-decor a:hover {
    /* Applies to links under the pointer in class mainNav */
     text-decoration: none !important;
     text-transform: none !important;
     color: #000 !important;
}
 .mb-decor a:active {
    /* Applies to activated links in class mainNav */
     text-decoration: none !important;
     text-transform: none !important;
     color: #000 !important;
}
 .up {
     margin-top: 80px;
}
 .inv {
     padding-left: 0%;
     padding-right: 5%;
}
 .rs {
     float: left;
     line-height: 50px;
     width: 40%;
     vertical-align: middle;
     padding-left: 15%;
     margin-bottom: 30px;
}
 .rs img {
     vertical-align: middle;
     height: 50px;
     width: auto;
     padding: 0 !important;
     margin: 0 !important;
}
 .rs a {
     max-height: 50px;
     width: auto;
     vertical-align: middle;
     padding: 0 !important;
     margin: 0 !important;
}
 .award {
     margin-bottom: 10px;
     text-align: center;
}
 .award a {
     min-width: 52px;
     margin: 0 7px;
     padding: 0 18px;
     font-size: 18px;
     line-height: 50px;
     color: transparent !important;
     display: inline-block;
     border: 1px solid transparent;
     box-sizing: border-box;
     margin-bottom: 18px;
}
 .award a span {
     margin-left: 10px;
     font: 300 15px/20px 'Work Sans';
}
 @media only screen and (max-width:480px) {
     .award a {
         padding: 0 15px;
    }
     .award a span {
         margin-left: 5px;
    }
}
 .divider {
     height: 5px;
     margin: 0;
     overflow: hidden;
     background-color: #a9a9a9;
     pointer-events: none;
}
 .response {
     display: none;
     color: white !important;
     margin-top: 1% !important;
     font-family: inherit !important;
     word-wrap: break-word !important;
     width: 100% !important;
     padding: 0 !important;
}
 #CDSWIDCOE {
     margin: 0 auto !important;
     vertical-align: middle !important;
     height: 148px;
     padding: 0 !important;
}
 .bk img {
     /*margin-top: 29px;*/
     margin-bottom: -9px;
}
 .bkk img {
     margin-top: 0px;
}
 .awardon {
     text-align: center;
}
 .awardon a {
     color: transparent !important;
     display: inline-block;
     border: 1px solid transparent;
     box-sizing: border-box;
     margin-bottom: 23px;
    /*color: #000 !important;
    */
     vertical-align: middle;
}
 .ntv {
     display: none;
}
 #aktiv {
     background-color: #e0e0e0 !important;
}
/* PARALLAX */
 .mb_parallax_container {
     height: 100%;
     width: 100%;
     padding-top: 10%;
     padding-bottom: 30%;
     background-attachment: fixed;
     background-size: cover;
     background-repeat: no-repeat;
}
 .mb_parallax_overlay {
     width: 60vw;
     margin: 0 auto;
     background-color: #fff;
     opacity: .7;
}
 .mb_parallax_overlay_values {
     width: 60vw;
     margin: 0 auto;
}
 .mb_parallax_overlay_values .mold-rooms {
     border: none !important;
     padding: 0;
     margin: 0 auto;
     width: 100%;
     overflow: hidden;
}
 .mb_parallax_overlay_values .tags {
     margin: 0 auto;
     padding: 0;
     display: block;
     overflow: hidden;
}
 .mb_parallax_overlay_values .tags:after {
     content: "";
     clear: both;
     display: block;
     margin: 0 auto;
}
 .mb_parallax_overlay_values .tags li {
     margin: 0 4px 25px;
     padding: 5% 3%;
     font-weight: 350 !important;
     font-size: 32px !important;
     letter-spacing: .2px;
     background: #fff;
     display: inline-block;
     list-style: none;
     background-color: #fff;
     opacity: .7;
     float: left;
     overflow: hidden;
}
 .mb_parallax_overlay_values .tags li:nth-child(2), li:nth-child(4), li:nth-child(6), li:nth-child(10) {
     list-style: none;
     float: left;
     overflow: hidden;
}
 .mb_parallax_overlay_values .tags li:nth-child(2) {
     background-color: blue;
     width: 30%;
}
 .mb_parallax_overlay_values .tags li:nth-child(4) {
     background-color: green;
     width: 5%;
}
 .mb_parallax_overlay_values .tags li:nth-child(5) {
     background-color: yellow;
     width: 19%;
}
 .mb_parallax_overlay_values .tags li:nth-child(7) {
     background-color: black;
     width: 10%;
}
 .mb_parallax_overlay_values .tags li:nth-child(9) {
     background-color: red;
     width: 35%;
}
 .mb_parallax_overlay_values .tags li:nth-child(10) {
     background-color: red;
     width: 5%;
}
 .mb_parallax_overlay_title h1 {
     color: #fff;
     margin: 0 auto;
     font-size: 4vw;
     font-weight: 300;
}
 .mb_parallax_overlay p {
     font-size: 28px !important;
     padding: 8%;
     font-weight: 350 !important;
     margin: 0 auto;
}
 .mb_parallax_overlay_title {
     margin-left: 5%;
     margin-top: -1%;
     width: 30%;
     border: 7px solid #fff;
     margin-bottom: 1%;
}
 #mb_parallax_one {
     background-image: url(../img/about/parallax-1.jpg);
}
 #mb_parallax_two {
     background-image: url(../img/about/parallax-2.jpg);
     /* -webkit-filter: grayscale(100%);
    Safari 6.0 - 9.0 
     filter: grayscale(100%);*/
}
 #mb_parallax_three {
     background-image: url(../img/about/parallax-3.jpg);
}
 #mb_parallax_four {
     background-image: url(../img/about/parallax-4.jpg);
}
 @media only screen and (max-device-width: 1366px) {
     .mb_parallax_container {
         width: 100%;
         margin: 0 auto;
         padding: 10% 0 50% 0;
         background-attachment: fixed;
         background-size: cover;
         background-repeat: no-repeat;
         -webkit-background-size: cover;
         -moz-background-size: cover;
         -o-background-size: cover;
    }
     #mb_parallax_one, #mb_parallax_two, #mb_parallax_three, #mb_parallax_four {
         background-attachment: scroll !important;
         height: 100vh;
    }
     #mb_parallax_one {
         background-position: center left;
    }
     #mb_parallax_two {
         background-position: center center;
    }
     #mb_parallax_three {
         background-position: center center;
    } 
     #mb_parallax_four {
         background-position: center center;
    }
     .mb_parallax_overlay_values .tags li:nth-child(2) {
         background-color: blue;
         width: 20%;
    }
     .mb_parallax_overlay_values .tags li:nth-child(4) {
         background-color: green;
         width: 10%;
    }
     .mb_parallax_overlay_values .tags li:nth-child(5) {
         background-color: yellow;
         width: 25%;
    }
     .mb_parallax_overlay_values .tags li:nth-child(7) {
         background-color: black;
         width: 10%;
    }
     .mb_parallax_overlay_values .tags li:nth-child(9) {
         background-color: red;
         width: 2%;
    }
     .mb_parallax_overlay_values .tags li:nth-child(10) {
         background-color: red;
         width: 80%;
    }
     .mb_parallax_overlay_values {
         width: 90vw;
         margin: 0 auto;
         padding: 0;
    }
     .mb_parallax_overlay_values .tags {
         margin: 0 auto;
         padding: 0;
    }
     .mb_parallax_overlay_values .mold-rooms {
         margin: 0 auto;
         padding: 5% 0;
    }
     .mb_parallax_overlay_values .tags li {
         margin: 0 4px 15px;
         padding: 5% 8%;
         font-size: 22px !important;
    }
     .mb_parallax_overlay {
         width: 90vw;
    }
     .mb_parallax_overlay p {
         padding: 7%;
         font-weight: 295 !important;
    }
     .mb_parallax_overlay_title {
         margin: 0 auto;
         margin-bottom: 5% !important;
         margin-top: 0% !important;
         width: 50%;
    }
     .mb_parallax_overlay_title h1 {
         font-weight: bolder;
         font-size: 7vw;
    }
     .tv {
         display: none;
         visibility: hidden;
    }
     main .panel .item .panel-button {
         top: 80px;
    }
}
 .rev-nav .prev {
     float: left 
}
 .rev-nav .next {
     float: right 
}
 .rev-nav a {
     width: 50px;
     line-height: 50px;
     font-size: 18px;
     color: #DDD;
     text-align: center;
     background: #555;
     display: block;
     cursor: pointer;
     float: left;
     border-right: 1px solid transparent;
     border-bottom: 1px solid transparent;
     box-sizing: border-box;
}
 main .rev-nav {
     bottom: -5px;
}
 .hover .section:hover .rev-nav, .hover .section.over .rev-nav {
     bottom: -81px;
     opacity: 0.8;
}
 .hover main .section:hover .rev-nav {
     bottom: 0;
}
 .hover .rev-nav a:hover {
     color: #555;
     background: #F5F5F5;
}
 .no-booking .rev-nav {
     bottom: -6px;
}
 .hover .no-booking .section:hover .rev-nav, .hover .no-booking .section.over .rev-nav {
     bottom: 0;
     opacity: 1;
}
 @media only screen and (max-width:1024px) {
     .rev-nav {
         opacity: 1;
         bottom: 0 !important;
    }
}
 @media only screen and (max-width:400px) {
     .rev-nav a {
         width: 40px;
         line-height: 40px;
    }
}
 .buttonTOP {
     padding: 0 20px;
     font: 14px/44px 'Work Sans';
     color: #FFF;
     letter-spacing: .5px;
     text-transform: uppercase;
     background: #555;
     display: inline-block;
     position: relative;
     cursor: pointer;
     white-space: nowrap;
     box-sizing: border-box;
     transition: .3s ease;
     border: none !important;
}
 .button i {
     margin-left: 12px;
}
/* Videos */
 #gNight {
     opacity: 0.3;
     width: 100%;
     overflow: hidden;
}
 .tv {
     position: absolute;
     margin: 0 auto;
     bottom: inherit;
     z-index: 1;
     width: 100%;
     height: 1010px;
     overflow: hidden;
}
 .bgsec {
     background-image: url(../img/gallery/bg/SVG/bg.svg);
     background-position: center center;
     background-size: 100px 100px;
}
.card, .cardcontainer {
	padding:10px;
	text-align: center;
	background-color: white;
}
.cardcontainer p {
	margin-bottom: 0 !important;
	
}

.card {
	width:100%;
	max-width:800px;
	box-shadow:0 10px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19) !important;
	margin-bottom: -100px;
}
.left {
	margin-right:auto;
	margin-left:5%;
}
.right {
margin-left:auto;
	margin-right:5%;
}
@media only screen and (max-device-width: 1366px) {
	.card, .cardcontainer {
	padding:0;
		display: block;
		max-width: 90%;
		margin: 0 auto;
		text-align: center;
		}
	.card {
		margin-top: 80px;
	}
}