/*@import url("secret.css?v=0.4");*/
/*@import url('https://fonts.googleapis.com/css?family=Bellefair|Lato:300,500&display=swap');
@import url('https://fonts.googleapis.com/css?family=Cantarell:400,700&display=swap');*/

html {
    min-height: 100%;
    position: relative;
}

body {
    background: #fff;
    background-attachment: fixed;
    color: #555;
    /* font-family: 'Bellefair', sans-serif;
    font-display: swap; */
    font-family: 'Basis Grotesque Pro', sans-serif;
    font-size: calc(18px + (46 - 45) * ((80vw - 480px) / (1600 - 480)));
    font-weight: 300;
    overflow-x: hidden;
    padding: 0;
}

/* -------------------------------------
   COMMON
----------------------------------------*/

h1,
h2,
h3,
h4,
.h1,
.h2,
.h3,
.h4 {
    color: #555555;
    /* font-family: 'Bellefair', serif;
    font-display: swap; */
    font-family: 'Basis Grotesque Pro', sans-serif;
    margin: 0 0 20px 0;
    line-height: 1.2em;
    text-transform: uppercase;
}

h1,
.h1 {
    font-size: calc(32px + (55 - 45) * ((100vw - 480px) / (1600 - 480)));
}

h2,
.h2 {
    font-size: calc(27px + (55 - 45) * ((100vw - 480px) / (1600 - 480)));
}

h3,
.h3 {
    font-size: calc(22px + (50 - 45) * ((100vw - 480px) / (1600 - 480)));
    /*font-size:calc(18px + (55 - 45) * ((100vw - 480px) / (1600 - 480)));*/
}

h4,
.h4 {
    font-size: calc(19px + (45 - 45) * ((100vw - 480px) / (1600 - 480)));
    margin-bottom: 10px;
    line-height: 1.5em;
}

h1.underline,
h2.underline,
h3.underline,
h4.underline,
.h1.underline,
.h2.underline,
.h3.underline,
.h4.underline {
    line-height: normal;
}

h1.underline.light,
h2.underline.light,
h3.underline.light,
h4.underline.light,
.h1.underline.light,
.h2.underline.light,
.h3.underline.light,
.h4.underline.light {
    color: #fff;
}

h1.underline:after,
h2.underline:after,
h3.underline:after,
h4.underline:after,
.h1.underline:after,
.h2.underline:after,
.h3.underline:after,
.h4.underline:after {
    content: " ";
    display: table;
    margin: 20px auto 10px auto;
    width: 54px;
    /*border-bottom:3px solid #cc9930;*/
}

h1.underline.light:after,
h2.underline.light:after,
h3.underline.light:after,
h4.underline.light:after,
.h1.underline.light:after,
.h2.underline.light:after,
.h3.underline.light:after,
.h4.underline.light:after {
    border-bottom: 3px solid #fff;
}

h1.underline.left:after,
h2.underline.left:after,
h3.underline.left:after,
h4.underline.left:after,
.h1.underline.left:after,
.h2.underline.left:after,
.h3.underline.left:after,
.h4.underline.left:after {
    margin: 20px auto 10px 0;
}

h1.underline.right:after,
h2.underline.right:after,
h3.underline.right:after,
h4.underline.right:after,
.h1.underline.right:after,
.h2.underline.right:after,
.h3.underline.right:after,
.h4.underline.right:after {
    margin: 20px 0 10px auto;
}

h4.underline:after,
.h4.underline:after {
    border-width: 0 0 1px 0 !important;
    margin: 10px auto 10px auto;
    width: 36px;
}


p {
    line-height: 1.5em;
    margin-bottom: 20px;
}

.font-2x,
.font-2x p {
    font-size: 16px !important;
    line-height: 27px;
    font-weight: 300;
}

.font-3x,
.font-3x p {
    font-size: 18px !important;
    line-height: 30px;
    font-weight: 300;
}

.font-4x,
.font-4x p {
    font-size: 20px !important;
    line-height: 33px;
    font-weight: 300;
}

blockquote {
    border: none;
    color: #333333;
    font-size: 18px;
    font-weight: 500;
    font-style: italic;
    line-height: 32px;
    margin-bottom: 20px;
    padding: 0px;
}

a,
a i {
    color: #000;
    outline: none !important;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
}

a:hover,
a:focus {
    color: #cc9930;
    text-decoration: none;
}

img {
    height: auto;
    max-width: 100%;
    /*(image-rendering: auto;
  image-rendering: crisp-edges;
  image-rendering: -webkit-optimize-contrast;*/
}

.img-normal {
    display: inline-block !important;
    width: initial !important;
    height: auto !important;
}

hr {
    border-color: rgba(0, 0, 0, .1);
}

hr.light {
    border-color: rgba(255, 255, 255, .25);
}

ul,
ol {
    margin-top: 0;
    margin-bottom: 20px;
}

strong {
    font-weight: 600;
}

section {
    padding: 90px 0;
    position: relative;
}

label {
    font-weight: 400;
}

.wline:after {
    content: '';
    width: 90px;
    height: 12px;
    background: #cc9930;
    margin: 0 auto;
    z-index: 1;
    position: absolute;
    top: -6px;
    left: 50%;
    display: block;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 100
}

button {
    outline: none;
}

.clearfix {
    clear: both;
}

textarea {
    resize: vertical;
}

.container {
    width: 96%;
    max-width: 1280px;
}

.container-fluid {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: 5%;
    margin-left: 5%;
}

.global-wrapper {
    padding: 0;
}

.smaller-gap .container {
    padding-left: 5px;
    padding-right: 5px;
}

.small-gap .row {
    margin-left: -10px;
    margin-right: -10px;
}

.small-gap [class*="col-"] {
    padding-left: 10px;
    padding-right: 10px;
}

.smaller-gap .row {
    margin-left: -5px;
    margin-right: -5px;
}

.smaller-gap [class*="col-"] {
    padding-left: 5px;
    padding-right: 5px;
}

.no-gap .row {
    margin-left: 0px;
    margin-right: 0px;
}

.no-gap [class*="col-"] {
    padding-left: 0px;
    padding-right: 0px;
}


/* -------------------------------------
   HEADER
----------------------------------------*/
header {
    background: transparent;
    top: 0;
    left: 0;
    width: 100%;
    position: absolute;
    z-index: 99;
}

header .container {
    position: relative;
    width: calc(100% - 100px);
    padding: 0px;
}

header nav {
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -webkit-transition-property: opacity, background-color, -webkit-transform;
    transition-property: opacity, background-color, -webkit-transform;
    transition-property: opacity, background-color, transform;
    transition-property: opacity, background-color, transform, -webkit-transform;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    position: fixed;
    top: 0;
    width: 100%;
    background: transparent;
}

.nav-active header nav,
.nav-inactive header nav {
    background: #fff;
}

.nav-active header nav {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .075);
    transform: translate3d(0, 0, 0);
}

.nav-inactive header nav {
    -webkit-transform: translate3d(0, -27px, 0);
    transform: translate3d(0, -27px, 0);
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
}

/* -------------------------------------
   LOGO
----------------------------------------*/
#logo {
    color: #fff;
    font-weight: 600;
    display: none;
    line-height: 45px;
    position: absolute;
    top: -5px;
    text-align: left;
}

#main-logo {
    display: block;
    text-align: left;
    color: #fff;
    font-size: 27px;
    line-height: 50px;
    font-weight: 600;
    overflow: hidden;
    padding: 0 20px 0 0;
    margin: 0 20px 0 2%;
    float: left;
    position: relative;
}

.main-color-bg {
    background-color: #cc9930;
}

.main-color-text {
    color: #cc9930;
}

.shotel #main-logo {
    margin: 0 4% 0 4%;
    /*padding:0 20px;
  margin: 0 10px 0 75px;
  border-left:1px solid rgba(0,0,0,.085);*/
}

/* #main-logo:after {
    content: '';
    position: absolute;
    top: 15px;
    left: 0;
    background-color: #cc9930;
    width: 1px;
    height: 32px;
    display: block;
}
#main-logo:before {
    content: '';
    position: absolute;
    top: 15px;
    right: 0;
    background-color: #cc9930;
    width: 1px;
    height: 32px;
    display: block;
} */
#main-logo a {
    display: block;
    font-size: 0;
    line-height: 0;
}

#main-logo,
#logo {
    margin-top: 0;
    line-height: 57px;
}

#main-logo img,
#logo img {
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    max-width: 230px;
    max-height: 50px;
    margin: 10px 0;
}

.on #logo,
.no-slider #logo {
    display: block;
}

#mobile-menu-trigger #main-logo {
    text-align: left;
}

/* .shotel #main-logo img{margin-right: 20px;
    -webkit-filter: brightness(0) invert(1);
    -moz-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
}
.on .shotel #main-logo img{display:block;} */

/* -------------------------------------
   MAIN NAV
----------------------------------------*/
.top-bar {
    background: #333;
}

.top-bar .parent-menu ul,
.top-bar .parent-menu li {
    list-style: none;
    margin: 0;
    padding: 0;
}

.top-bar .parent-menu li {
    display: inline-block
}

.parent-menu li a {
    font-size: 11px;
    color: rgba(255, 255, 255, .75);
    padding: 6px 10px;
    text-transform: uppercase;
    display: inline-block;
}

.parent-menu li:first-child a {
    padding-left: 0
}

.parent-menu li:last-child a {
    padding-right: 0
}

.on #nav-menu.navbar-default,
.no-slider #nav-menu.navbar-default {
    box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
    background-color: rgba(0, 0, 0, 0.4);
    !important;
}

.on .navbar-collapse,
.no-slider .navbar-collapse {
    max-height: inherit;
}

.on .navbar-nav>li>a,
.no-slider .navbar-nav>li>a {
    color: #000;
}

.on .navbar-nav>li>a:hover,
.no-slider .navbar-nav>li>a:hover {
    color: #cba55c;
}

.navbar-nav {
    font-weight: 400;
    text-transform: uppercase;
}

#nav-menu {
    transition: all 0.2s;
}

#nav-menu.navbar-default {
    clear: both;
    margin-bottom: 0;
    border-color: rgba(0, 0, 0, .065);
    border-width: 0;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 0;
    width: 100%;
    z-index: 99;
}

/* .shotel #nav-menu.navbar-default{
    clear:both;
    margin-bottom:0;
    border-color: rgba(0,0,0,.05);
    border-width: 0;
    background:#413838;
    border-radius:0;
    width:100%;
    z-index:99;
}
.shotel #menu-toggle {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99;
    background: transparent;
}
.shotel #menu-toggle span {
    display: block;
    background: #fff;
    border-radius: 2px;
}
.shotel .navbar-default .navbar-nav > li > a {
  color: #fff;
}
.shotel .navbar-default .navbar-nav>.current-menu-item>a, .navbar-default .navbar-nav>.current-menu-item>a:hover, .navbar-default .navbar-nav>.current-menu-item>a:focus, .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    background-color: transparent;
    color:#cc9930;
}
.shotel .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{
    background-color: transparent;
    color:#cc9930;
}
.shotel .navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {
    background-color: transparent;
    color:#cc9930;
}
.shotel .navbar-default .navbar-nav > .current-menu-item > a, .navbar-default .navbar-nav > .current-menu-item > a:hover, .navbar-default .navbar-nav > .current-menu-item > a:focus{
    background-color: transparent;
    color:#cc9930;
}
.shotel .search i.ti {
    padding: 10px;
    color:#fff;
} */

nav {
    width: 100%;
}

nav .top {
    font-size: 14px;
}

.navbar-default {
    border-color: transparent;
    border-width: 0;
    border-radius: 0;
    clear: both;
    margin-bottom: 0;
    padding: 0;
    width: 100vw;
}

.navbar {
    min-height: 60px;
}

.navbar-collapse {
    max-height: inherit;
    text-align: center;
}

/*.navbar-nav{
    margin-right:-15px;
}*/
.navbar-nav {
    display: inline-block;
    float: left;
    letter-spacing: -0.025em;
}

.navbar-nav>li {
    float: none;
    display: inline-block;
}

.navbar-nav>li>a {
    font-size: 17px;
    color: #000;
    font-weight: 400;
    padding: 25px 12px;
}

.on .navbar-nav>li>a,
.no-slider .navbar-nav>li>a {
    color: #333;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background: transparent;
    border-color: transparent !important;
}

.navbar-default .navbar-nav>li>a {
    color: #fff;
}

.on .navbar-default .navbar-nav>li>a,
.no-slider .navbar-default .navbar-nav>li>a,
.nav-active .on .navbar-default .navbar-nav>li>a,
.nav-active.no-slider .navbar-default .navbar-nav>li>a,
.nav-inactive .on .navbar-default .navbar-nav>li>a,
.nav-inactive.no-slider .navbar-default .navbar-nav>li>a {
    color: #fff;
}

.navbar-toggle .icon-bar {
    height: 3px;
}

.navbar-default .navbar-nav>.current-menu-item>a,
.navbar-default .navbar-nav>.current-menu-item>a:hover,
.navbar-default .navbar-nav>.current-menu-item>a:focus,
.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:hover,
.navbar-default .navbar-nav>.open>a:focus {
    background-color: transparent;
    color: #cba55c;
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
    background-color: transparent;
    color: #cba55c;
}

.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:focus {
    background-color: transparent;
    color: #cba55c;
}

.navbar-default .navbar-nav>.current-menu-item>a,
.navbar-default .navbar-nav>.current-menu-item>a:hover,
.navbar-default .navbar-nav>.current-menu-item>a:focus {
    background-color: transparent;
    color: #cc9930;
}

.on .navbar-default .navbar-nav>.active>a,
.no-slider .navbar-default .navbar-nav>.active>a,
.on .navbar-default .navbar-nav>.active>a:hover,
.no-slider .navbar-default .navbar-nav>.active>a:hover,
.on .navbar-default .navbar-nav>.active>a:focus,
.no-slider .navbar-default .navbar-nav>.active>a:focus {
    background-color: transparent;
    color: #cc9930;
}

.on .navbar-default .navbar-nav>li>a:hover,
.on .navbar-default .navbar-nav>li>a:focus,
.no-slider .navbar-default .navbar-nav>li>a:hover,
.no-slider .navbar-default .navbar-nav>li>a:focus {
    background-color: transparent;
    color: #cc9930;
}

.on .navbar-default .navbar-nav>.current-menu-item>a,
.on .navbar-default .navbar-nav>.current-menu-item>a:hover,
.on .navbar-default .navbar-nav>.current-menu-item>a:focus,
.no-slider .navbar-default .navbar-nav>.current-menu-item>a,
.no-slider .navbar-default .navbar-nav>.current-menu-item>a:hover,
.no-slider .navbar-default .navbar-nav>.current-menu-item>a:focus {
    background-color: transparent;
    color: #cc9930;
}

/* .menu-item-has-children > a{padding-right:20px !important;} */
.menu-item-has-children>a:before {
    content: "";
    color: #fff;
    display: inline-block;
    font-family: FontAwesome;
    font-display: swap;
    height: 10px;
    position: absolute;
    right: 5px;
    width: 10px;
}

.navbar-toggle,
#mobile-menu-trigger {
    border-radius: 0px;
    background: transparent;
    border-width: 0 0 0 1px;
    float: right;
    margin: 15px 0;
    padding: 10px 20px 10px 20px;
    position: relative;
}

#mobile-menu-trigger {
    cursor: pointer;
}

#mobile-menu-trigger .icon-bar {
    border-radius: 1px;
    background-color: #000;
    display: block;
    height: 2px;
    margin-top: 4px;
    width: 22px;
}

#mobile-menu-trigger .icon-bar:first-child {
    margin-top: 0;
}

.on .menu-item-has-children>a:before,
.no-slider .menu-item-has-children>a:before {
    color: #000;
}

.dropdown-menu {
    background: rgba(255, 255, 255, .95);
    border-radius: inherit;
}

.dropdown-menu>li>a {
    padding: 10px 20px;
}

.caret {
    margin-left: 5px;
}

.sub-menu {
    box-shadow: 0 2px 2px rgba(0, 0, 0, .175);
    background-color: #333;
    background-clip: padding-box;
    display: none;
    float: left;
    left: 0;
    font-size: 15px;
    list-style: none;
    min-width: 200px;
    margin: 0;
    top: 100%;
    text-align: left;
    position: absolute;
    padding: 10px;
    z-index: 1000;
    -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, .175);
}

.sub-menu>li>a {
    border-bottom: 1px solid rgba(255, 255, 255, .1);
    clear: both;
    color: #fff;
    display: block;
    font-weight: normal;
    padding: 8px 10px;
    line-height: 1.42857143;
    white-space: nowrap;
}

.sub-menu>li>a:hover {
    color: #888;
    background: rgba(131, 131, 131, 0.2);
}

.sub-menu>li:last-child>a {
    border-bottom: none;
}

.sub-menu .sub-menu {
    left: 100%;
    top: 0;
}

.expand-trigger:after {
    border-top: 4px solid;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    content: "";
    display: inline-block;
    height: 0;
    margin-right: 10px;
    margin-left: 2px;
    position: absolute;
    right: 0;
    top: 23px;
    vertical-align: middle;
    width: 0;
}

.sub-menu .expand-trigger:after {
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 4px solid;
    top: 21px;
}

.navbar-nav>li>a.btn {
    padding: 20px 30px !important;
    margin-right: -15px;
    border-radius: 0;
}

.btn.btn-yellow {
    background: #ffe000;
    border: 2px solid #ffe000;
    color: #3a3a4e;
}


#menu-toggle * {
    transition: .2s ease-in-out;
    box-sizing: border-box;
}

#menu-toggle {
    width: 61px;
    height: 61px;
    margin: 0;
    position: relative;
    position: relative;
    cursor: pointer;
}

#menu-toggle span {
    display: block;
    background: #3a3a4e;
    border-radius: 2px;
}

#menu-toggle.open #cross span {
    background: #fff;
}

#menu-toggle #hamburger {
    position: absolute;
    height: 100%;
    width: 100%;
}

#menu-toggle #hamburger span {
    width: 30px;
    height: 1px;
    position: relative;
    top: 21px;
    left: 20px;
    margin: 6px 0;
}

#menu-toggle #hamburger span:nth-child(1) {
    transition-delay: .3s;
}

#menu-toggle #hamburger span:nth-child(2) {
    transition-delay: .4s;
}

#menu-toggle #hamburger span:nth-child(3) {
    transition-delay: .5s;
}

#menu-toggle #cross {
    position: absolute;
    height: 50px;
    width: 50px;
    transform: rotate(45deg);
}

#menu-toggle #cross span:nth-child(1) {
    height: 0%;
    width: 1px;
    position: absolute;
    top: 24%;
    left: 32px;
    transition-delay: 0s;
}

#menu-toggle #cross span:nth-child(2) {
    width: 0%;
    height: 1px;
    position: absolute;
    left: 40%;
    top: 24px;
    transition-delay: .1s;
}

#menu-toggle.open #hamburger span {
    width: 0%;
}

#menu-toggle.open #hamburger span:nth-child(1) {
    transition-delay: 0s;
}

#menu-toggle.open #hamburger span:nth-child(2) {
    transition-delay: .125s;
}

#menu-toggle.open #hamburger span:nth-child(3) {
    transition-delay: .25s;
}

#menu-toggle.open #cross span:nth-child(1) {
    height: 52%;
    transition-delay: .35s;
}

#menu-toggle.open #cross span:nth-child(2) {
    width: 52%;
    transition-delay: .2s;
}

.nav-main {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    z-index: 105;
}

.nav-container {
    position: absolute;
    top: 0;
    left: 0;
    height: 100vh;
    z-index: 98;
}

.nav-container .background {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(45, 45, 45, 0.6);
    z-index: 1;
}

#sidebar-wrapper {
    position: fixed;
    width: 40rem;
    padding: 30px 30px 60px 30px;
    background: #cc9930;
    text-align: center;
    top: 0;
    left: 0;
    height: 100%;
    z-index: 98;
    -webkit-transform: translate3d(-40rem, 0, 0);
    -moz-transform: translate3d(-40rem, 0, 0);
    -ms-transform: translate3d(-40rem, 0, 0);
    -o-transform: translate3d(-40rem, 0, 0);
    transform: translate3d(-40rem, 0, 0);
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    transition-duration: 750ms;
    transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);

}

#sidebar-wrapper.active {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    overflow-x: auto;
}

@media only screen and (max-width:480px) {
    #sidebar-wrapper {
        width: 100vw;
        -webkit-transform: translate3d(-100rem, 0, 0);
        -moz-transform: translate3d(-100rem, 0, 0);
        -ms-transform: translate3d(-100rem, 0, 0);
        -o-transform: translate3d(-100rem, 0, 0);
        transform: translate3d(-100rem, 0, 0);
    }
}

#sidebar-wrapper .logo {
    padding-top: 20px;
    padding-bottom: 15px;
    width: 200px;
    display: block;
    margin: 0 auto;
}

#sidebar-wrapper .logo img {
    margin-right: 20px;
    -webkit-filter: brightness(0) invert(1);
    -moz-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
}

#sidebar-wrapper hr {
    background: rgba(255, 255, 255, .1);
}

#sidebar-wrapper .navbar-nav {
    margin-right: 15px;
    margin-left: 15px;
    display: block;
}

.sidebar-nav li a:hover {
    background: transparent;
}

#menu-toggle {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 99;
    background: transparent;
    display: none;
}

.shotel #menu-toggle {
    display: block
}

.nav-main.active #menu-toggle {
    background: transparent;
}

.burger-menu.navbar-nav {
    margin: 0;
    float: none !important;
}

.burger-menu.navbar-nav>li {
    display: block;
    float: none;
    overflow: hidden;
    text-align: left;
    border-bottom: 1px solid rgba(255, 255, 255, .15)
}

.burger-menu.navbar-nav>li>a,
.burger-menu.navbar-nav>li>a.btn {
    border: none !important;
    border-radius: 0;
    color: #e4e4cc;
    line-height: 18px;
    text-align: right;
    padding: 15px 0 !important;
    background: transparent !important;
    display: inline-block;
    font-size: 16px;
    vertical-align: top;
    z-index: 9
}

.burger-menu.navbar-nav>li:last-child>a {
    margin-right: 0px;
}

.burger-menu.navbar-nav>li>a>i {
    background-size: 20px;
    display: inline-block;
    float: left;
    height: 20px;
    margin-right: 15px;
    width: 20px;
}

.burger-menu.navbar-nav>li>a:hover,
.burger-menu.navbar-nav>li.current-menu-item>a:hover,
.burger-menu.navbar-nav>li.current-menu-item>a,
.burger-menu.navbar-nav>li>a:focus,
.burger-menu.navbar-nav>li>a.btn:hover {
    color: #fff !important;
    border-radius: 0;
}

.btn-header>li>ul>li>a:hover,
.btn-header>li>ul>li>a:focus {
    background: rgba(84, 84, 84, 0.3);
    color: #fff;
}

.btn-header li a {
    color: #fff;
}

li.btn-header li.btn {
    border-radius: 0px;
    margin: 0px;
    padding: 15px 18px;
}

li.btn-header li.btn:hover {
    background: rgba(84, 84, 84, 0.3) !important;
    border-radius: 0px;
    margin: 0px;
    padding: 15px 18px;
}

.navbar-default .burger-menu.navbar-nav>.active>a,
.navbar-default .burger-menu.navbar-nav>.active>a:hover,
.navbar-default .burger-menu.navbar-nav>.active>a:focus {
    background: rgba(0, 0, 0, 0.3);
    color: #fff;
}

.burger-menu.navbar-nav>li>a:after,
.burger-menu.navbar-nav>li>a:hover:after,
.burger-menu.navbar-nav>.current-menu-item>a:after,
.burger-menu.navbar-nav>.active>a:after,
.burger-menu.navbar-nav>.active>a:hover:after,
.burger-menu.navbar-nav>.active>a:focus:after {
    display: none;
}

.burger-menu .navbar-collapse {
    padding: 0;
    clear: both;
    position: relative;
    z-index: 9999;
}

.navbar-default .burger-menu.navbar-nav>li>a:after {
    display: none;
}

.navbar-default .burger-menu.navbar-nav>.current-menu-item>a,
.navbar-default .burger-menu.navbar-nav>.current-menu-item>a:hover,
.navbar-default .burger-menu.navbar-nav>.current-menu-item>a:focus,
.navbar-default .burger-menu.navbar-nav>.open>a,
.navbar-default .burger-menu.navbar-nav>.open>a:hover,
.navbar-default .burger-menu.navbar-nav>.open>a:focus {
    color: #3a3a4e !important;
}

.burger-menu .sub-menu {
    background: transparent;
    box-shadow: none;
    position: relative;
    padding: 0;
    top: 0;
    width: 100%;
    -webkit-box-shadow: none;
    margin-bottom: 20px;
}

.burger-menu .sub-menu>li>a {
    font-size: 14px;
    padding: 5px 15px;
    text-indent: 5px;
    display: inline-block;
    color: #e4e4cc;
    border: none;
}

.burger-menu .sub-menu a:hover {
    color: #fff;
    background: transparent
}

.burger-menu .sub-menu .sub-menu {
    border-top: none;
    border-bottom: 1px solid rgba(0, 0, 0, .07);
    left: 0;
    top: 0;
}

.burger-menu .sub-menu li li a {
    padding-left: 20px;
}

.burger-menu li .sf-sub-indicator {
    cursor: pointer;
    height: 40px;
    text-align: right;
    display: inline-block;
    cursor: pointer;
    height: 50px;
    left: auto !important;
    position: absolute;
    right: 0 !important;
    top: 0 !important;
    text-align: right;
    width: 100%;
    z-index: 999;
}

.burger-menu li .sf-sub-indicator:after,
.burger-menu li.open li .sf-sub-indicator:after,
.burger-menu li.open li.open li .sf-sub-indicator:after,
.burger-menu li.open .sf-sub-indicator:after,
.burger-menu li.open li.open .sf-sub-indicator:after,
.burger-menu li.open li.open li.open .sf-sub-indicator:after {
    color: #e4e4cc;
    line-height: 40px;
    width: 20px;
    height: 40px;
    margin: 0 7px 0 0;
    display: inline-block;
    text-align: center;
}

.burger-menu li .sf-sub-indicator:after,
.burger-menu li.open li .sf-sub-indicator:after,
.burger-menu li.open li.open li .sf-sub-indicator:after {
    content: "+";
    font-size: 20px;
}

.burger-menu li.open .sf-sub-indicator:after,
.burger-menu li.open li.open .sf-sub-indicator:after,
.burger-menu li.open li.open li.open .sf-sub-indicator:after {
    content: "-";
    font-size: 25px;
}

.burger-menu .sf-menu li:hover ul,
.sf-menu li.sfHover ul {
    height: 0px;
    overflow: hidden;
    position: absolute;
    visibility: hidden !important;
}

.burger-menu .sf-menu li ul.mobile-open {
    display: block !important;
    height: auto !important;
    position: relative;
    visibility: visible !important;
}

.burger-menu.navbar-nav .btn,
.nav-btn .btn {
    border-radius: 20px;
    padding: 10px 0px;
    margin: 0;
    text-align: left;
}

#hotel-menu {
    display: none;
    padding-bottom: 30px;
    margin-bottom: 40px;
}

/* BOOKING */
.booking {
    float: right;
    list-style: none;
    margin: 0;
    display: inline-table;
    position: absolute;
    right: 15px;
    top: 10px;
}

.booking .btn {
    font-family: 'Basis Grotesque Pro';
    font-display: swap;
    background: transparent;
    border-radius: 1px;
    color: #000;
    font-weight: 400;
    font-size: 13px;
    line-height: 19px;
    padding: 15px 20px;
}

.booking .btn-gold {
    background: #cc9930;
    color: #fff;
}

.booking .btn-dark-green {
    background: #cc9930;
    color: #fff;
}

.booking .btn-green {
    background: #cc9930;
    color: #fff;
}

.booking .btn-white {
    background: #fff;
    color: #000;
}

.booking i.ti {
    padding-right: 10px;
    color: #fff;
}





/* -------------------------------------
   RESERVATION
----------------------------------------*/

.box-book.no-border {
    border: none;
}

.box-book i {
    font-size: 18px;
}

#reservation {
    background: #fff;
    padding: 0;
    position: relative;
    z-index: 95;
}

#reservation>.row {
    display: flex;
}

/* #home #reservation{transform:translateY(-50%); box-shadow:0 1px 2px rgba(0,0,0,.05)} */
#reservation .btn {
    font-weight: 700;
    font-family: 'Lato', sans-serif;
    font-display: swap;
    text-transform: uppercase;
    width: 100%;
    padding: 15px;
}

#reservation .btn {
    padding: 12px 25px !important;
}

/* #reservation .form-item, #reservations .form-item {width:19.99%; float:left} */
#reservation .form-control,
#reservations .form-control {
    padding: 0;
    border: none !important;
    box-shadow: none !important;
    font-size: 18px;
    color: #926b1f;
    background: #fff;
}

#reservation .form-control {
    height: 30px;
}

#reservations .form-control {
    padding: 15px 20px;
    background: #fff;
    height: 50px;
}

#reservation .form-item {
    padding: 0;
    margin: 0;
    padding: 20px;
    background: #ffffff;
    border: 1px solid #cc9930;
    border-width: 1px 1px 1px 1px;
}

#reservation .datepicker {
    padding: 0;
}

#reservation label,
#reservations label {
    font-weight: 400;
    font-size: 12px;
    letter-spacing: 2px;
    margin-bottom: 0;
    text-transform: uppercase;
}

#reservation label i {
    font-size: 12px;
}

#reservations label {
    margin-bottom: 10px;
}

.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
    color: #e3e3e3
}

.datepicker td,
.datepicker th {
    color: #000;
    padding: 10px !important
}

.datepicker .datepicker-switch,
.datepicker .prev,
.datepicker .next,
.datepicker tfoot tr th {
    background: #
}

.datepicker table tr td.active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover {
    background-color: #cc9930 !important;
}

.datepicker .datepicker-days {
    background: #fff;
}

.datepicker .datepicker-switch,
.datepicker .prev,
.datepicker .next,
.datepicker tfoot tr th {
    background: #cc9930;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
}

.datepicker .datepicker-switch:hover,
.datepicker .prev:hover,
.datepicker .next:hover,
.datepicker tfoot tr th:hover {
    background: #cc9930 !important
}

.datepicker-dropdown {
    background: transparent;
}

.datepicker.datepicker-dropdown.dropdown-menu {
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
}

#reservation select.form-control,
#reservations select.form-control {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background-image: url('../themes/pearl/assets/images/select-arrow-black.html');
    background-repeat: no-repeat;
    background-position: 100% 50%;
}

#reservation select.form-control {
    background-position: 98% 50%;
}

#reservation [class*="label-"] {
    color: #000;
}

#reservation .label-day {
    font-family: 'Lora';
    font-size: 54px;
    height: 45px;
    line-height: 45px;
    padding: 0 10px;
}

font-display: swap;

#reservation input.text {
    font-size: 35px;
}

#reservation .label-year {
    font-size: 11px;
    padding: 0 0 3px 0;
    letter-spacing: 3px;
}

#reservation .label-month {
    text-transform: uppercase;
    padding: 3px 0 0 0;
}

#reservation .floating-cover-input {
    position: absolute;
    width: 100% !important;
    height: 100% !important;
    opacity: 0;
    top: 0;
    left: 0;
    cursor: pointer
}

#reservation .btn {
    position: absolute !important;
    width: 100%;
    height: 100%;
    left: 0;
    bottom: 0;
    font-family: 'Lora';
    font-size: 25px;
    white-space: normal;
    line-height: 27px;
}

font-display: swap;



/* -------------------------------------
   SCROLL DOWN
----------------------------------------*/
.scroll-down {
    opacity: 1;
    transition: all .5s ease-in 3s;
    -webkit-transition: all .5s ease-in 3s;
}

.scroll-down {
    animation: bounce 2s infinite 2s;
    bottom: 30px;
    background-size: 14px auto;
    display: block;
    height: 32px;
    left: 50%;
    margin-left: -16px;
    position: absolute;
    width: 32px;
    transition: all .2s ease-in;
    z-index: 2;
    -webkit-animation: bounce 2s infinite 2s;
    -webkit-transition: all .2s ease-in;
}

.scroll-down:before {
    border: 2px solid white;
    border-width: 0px 0 2px 2px;
    content: "";
    display: block;
    height: 20px;
    left: calc(50% - 6px);
    position: absolute;
    top: calc(50% - 8px);
    transform: rotate(-45deg);
    width: 20px;
}


/* -------------------------------------
   SLIDER
----------------------------------------*/
#home .slides {
    padding: 0;
    height: calc(100vh);
}

#home .slider {
    padding: 0;
    height: calc(100vh);
}

#special .slider {
    padding: 0;
    height: calc(75vh);
}

.slider {
    padding: 0;
    height: 72vh;
}

.slides .container {
    width: 86%;
    max-width: initial;
}

.slides .tagline-wrapper,
.carousel .tagline-wrapper {
    background: rgba(0, 0, 0, 0.2);
    bottom: 0;
    height: 100%;
    margin: auto;
    position: absolute;
    top: 0;
    width: 100% !important;
    z-index: 5;
}

.slides .tagline-wrapper:before,
.carousel .tagline-wrapper:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

#home .slides .tagline-content,
.carousel .tagline-content {
    color: #fff;
    display: inline-block;
    margin: auto;
    margin-left: -5px;
    width: 99.8%;
    vertical-align: bottom;
    margin-bottom: 9%;
}

.slides .tagline-content,
.carousel .tagline-content {
    color: #fff;
    display: inline-block;
    margin: auto;
    margin-left: -5px;
    width: calc(100%);
    vertical-align: bottom;
    margin-bottom: 8%;
}

.carousel .tagline-content {
    vertical-align: middle
}

.slides h1,
.slides h2 {
    color: #fff;
    font-size: calc(36px + (70 - 45) * ((80vw - 480px) / (1600 - 480)));
    margin-bottom: 20px;
    text-transform: uppercase;
}

#hotel-header .slides h2 {
    color: #fff;
    font-size: calc(36px + (70 - 45) * ((80vw - 480px) / (1600 - 480)));
    line-height: 85px;
    margin-bottom: 20px;
    text-transform: capitalize;
    float: left;
}

.slides p {
    color: #fff;
    font-size: calc(18px + (50 - 45) * ((80vw - 480px) / (1600 - 480)));
    margin-bottom: calc(10px + (50 - 45) * ((80vw - 480px) / (1600 - 480)))
}

.slides .btn {
    background: transparent;
    color: #fff;
}

.flex-control-nav li:first-child {
    margin: 15px 5px
}

.flexslider .slides>li {
    background: #000;
    background-size: cover;
    background-position: 50% 50%;
    display: none;
    height: 100%;
    width: 100%;
    -webkit-backface-visibility: hidden;
}

.flexslider .slides img {
    width: auto;
    display: inline-block;
    height: auto;
    /* margin: 0 auto; */
}

#hotel-header .flexslider .slides img {
    width: 30%;
    display: block;
    height: auto;
    margin: 0 auto;
}

.flexslider .slides .logos img {
    max-height: 100px;
    width: auto;
    opacity: .5;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.flexslider .slides .logos img:hover {
    opacity: 1;
}

.flexslider-container,
.flexslider .slides,
.flex-viewport {
    height: 100%;
}

.flexslider {
    border: 0px solid;
    height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}

.flexslider .slides>li>img {
    display: block;
    height: 100%;
    width: auto;
}

.flex-pauseplay span {
    text-transform: capitalize;
}

.flexslider-overlay {
    position: relative;
}

.flexslider-overlay>ul>li:before {
    /*background-color:#000 !important;*/
    content: '';
    height: 100%;
    left: 0;
    opacity: 0.2;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 5;
}

/* Control Nav */
.flex-control-nav {
    width: 100%;
    position: absolute;
    left: calc(100% - 40px);
    bottom: 50%;
    text-align: center;
    z-index: 98;
    -webkit-transform: translate(0, 50%);
    -moz-transform: translate(0, 50%);
    -ms-transform: translate(0, 50%);
    -o-transform: translate(0, 50%);
    transform: translate(0, 50%);
}

.flex-control-nav li {
    margin: 15px 5px;
    display: block;
    zoom: 1;
}

/* .flex-control-nav li:first-child { margin: 0; } */
.flex-control-nav li a {
    width: 5px;
    height: 5px;
    display: block;
    cursor: pointer;
    text-indent: -999em;
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #fff;
    border-radius: 50%;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.flex-control-nav li a:hover {
    background: #fff;
    border: 1px solid #fff;
    opacity: 1;
    filter: alpha(opacity=100);
}

.flex-control-nav li a.flex-active {
    width: 10px;
    height: 10px;
    margin-left: -2px;
    background: transparent;
    border: 2px solid #fff;
    cursor: default;
    opacity: 1;
    filter: alpha(opacity=100);
}

.slide-image {
    background-size: cover;
    background-position: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    -webkit-transform: scale(1.15) rotate(0.01deg);
    -ms-transform: scale(1.15) rotate(0.01deg);
    transform: scale(1.15) rotate(0.01deg);
    -webkit-transition: -webkit-transform 7s ease-in;
    transition: -webkit-transform 15s ease-in;
    transition: transform 7s ease-in;
    transition: transform 7s ease-in, -webkit-transform 7s ease-in;
}

.flex-active-slide .slide-image {
    -webkit-transform: scale(1) rotate(0deg);
    -ms-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
}

.flexslider .slides>li {
    z-index: 0;
    display: block !important;
    visibility: hidden;
    opacity: 0;
    transition: all 0.7s ease-in;
    -webkit-transition: all 0.7s ease-in;
    -moz-transition: all 0.7s ease-in;
}

.flexslider .slides>li.flex-active-slide {
    z-index: 3;
    visibility: visible;
    opacity: 1
}


.scroll-down {
    width: 40px;
    height: 32px;
    position: absolute;
    bottom: 7%;
    left: 50%;
    margin-left: -20px;
    font-size: 0;
    z-index: 9;
    -webkit-animation: scroll 1.3s ease-out infinite forwards;
    -moz-animation: scroll 1.3s ease-out infinite forwards;
    animation: scroll 1.3s ease-out infinite forwards;
}

#home .scroll-down {
    bottom: calc(0% + 30px);
}

.scroll-down:after {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    font-family: 'Linearicons-Free';
    content: content: "\e874";
    font-size: 20px;
    line-height: 32px;
    font-weight: normal;
    text-align: center;
    color: #000;
}

font-display: swap;


@-webkit-keyframes scroll {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }

    50% {
        opacity: .7;
        -webkit-transform: translateY(6px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}

@-moz-keyframes scroll {
    0% {
        opacity: 1;
        -moz-transform: translateY(0);
    }

    50% {
        opacity: .7;
        -moz-transform: translateY(6px);
    }

    100% {
        opacity: 1;
        -moz-transform: translateY(0);
    }
}

@keyframes scroll {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }

    50% {
        opacity: .7;
        -webkit-transform: translateY(6px);
        -moz-transform: translateY(6px);
        -ms-transform: translateY(6px);
        -o-transform: translateY(6px);
        transform: translateY(6px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
}

/* -------------------------------------
   FORM BOOK
----------------------------------------*/
.form-book {
    position: relative;
    background-color: #fff;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    height: 5vw;
    padding: 1vw;
}

.form-item {
    padding: 5px;
}

#reservation label {
    display: inline-block;
    margin-bottom: 5px;
    font-weight: 500;
    text-transform: uppercase;
}

#reserv .form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: transparent;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 0px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

#reserv .input-group-addon {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: normal;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: transparent;
    border: 1px solid #fff;
    border-radius: 0px;
}

.input-group-addon {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: normal;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #eee;
    border: 1px solid transparent;
    border-radius: 4px;
}

#reservation .btn {
    background: #cc9930;
    padding: 15px;
    color: #fff;
    border: none;
    position: relative;
    top: 0px;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 1px;
}

#reservation .btn:hover {
    background: #000;
}

#reservation .form-control {
    display: block;
    width: 100%;
    height: auto;
    padding: 6px 12px;
    line-height: 1.42857143;
    color: #000;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 1px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.form-hotel {
    float: right;
    background: rgba(36, 32, 33, .90);
    padding: 20px;
}

.hotel-form {
    padding-top: 2vw;
}

/* BOX */
.box-wrap {
    height: 100%;
    margin: 5% 9% 0 5%;
    position: relative;
}

.box-wrap .container-fluid {
    padding: 30px 0;
}

.box-bg {
    position: absolute;
    height: 100%;
    bottom: 15%;
    width: 100%;
    border: 1px solid #ded5d5;
}

.book {
    float: right;
}


/* -------------------------------------
   CAPTION
----------------------------------------*/
.caption-offer {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
}

.caption-desc {
    padding: 30px;
}

.caption-desc h3 {
    color: #fff;
    margin-bottom: 0;
}

.caption-desc p {
    font-weight: 500;
    font-style: italic;
    color: #fff;
}

.caption-desc a {
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 0px;
    font-weight: 500;
}

.caption-desc .btn {
    text-transform: uppercase;
    color: #7A0030;
    font-weight: 600;
    padding: 10px 15px;
}

.caption-btn {
    float: right;
}


/* -------------------------------------
   HOTEL
----------------------------------------*/
.hotel-caption {
    position: absolute;
    bottom: 0;
    right: 10%;
    top: 0;
    height: 100%;
    width: 33.33333333%;
    background: rgba(0, 0, 0, .75);
    z-index: 3;
}

.hotel-content {
    top: 5%;
    position: absolute;
    left: 5%;
    padding: 3vw;
    text-align: left;
    margin: 0;
    border: 1px solid rgba(255, 255, 255, .15);
    width: 90%;
    height: 90%;
}

.owl-carousel .hotel-desc img {
    width: 20%;
    margin-bottom: 30px;
}

#hotel.owl-theme .owl-nav {
    border-radius: 0px;
    color: #FFF;
    display: inline-block;
    zoom: 1;
    padding: 3px 10px;
    font-size: 12px;
    opacity: 90;
}

#hotel.owl-theme .owl-nav .owl-prev {
    border-radius: 0px;
    background: url(../themes/pearl/assets/images/prev-small.png) 50% 50% no-repeat #413838;
    display: table-cell;
    margin: 0px;
    text-align: center;
    top: 80%;
    text-align: center;
    position: absolute;
    right: 10%;
    vertical-align: middle;
    width: calc(50px + (60 - 45) * ((80vw - 480px) / (1600 - 480)));
    height: calc(50px + (60 - 45) * ((80vw - 480px) / (1600 - 480)));
}

#hotel.owl-theme .owl-nav .owl-prev:hover {
    background: url(../themes/pearl/assets/images/prev-small.png) 50% 50% no-repeat #8e6919;
}

#hotel.owl-theme .owl-nav .owl-next {
    border-radius: 0px;
    background: url(../themes/pearl/assets/images/next-small.png) 50% 50% no-repeat #413838;
    display: table-cell;
    margin: 0px;
    left: 90%;
    top: 80%;
    text-align: center;
    text-align: center;
    position: absolute;
    vertical-align: middle;
    width: calc(50px + (60 - 45) * ((80vw - 480px) / (1600 - 480)));
    height: calc(50px + (60 - 45) * ((80vw - 480px) / (1600 - 480)));
    margin-right: 50%;
}

#hotel.owl-theme .owl-nav .owl-next:hover {
    background: url(../themes/pearl/assets/images/next-small.png) 50% 50% no-repeat #8e6919;
}

#hotel-intro.owl-theme .owl-nav {
    border-radius: 0px;
    color: #FFF;
    display: inline-block;
    zoom: 1;
    padding: 3px 10px;
    font-size: 12px;
    opacity: 90;
}

#hotel-intro.owl-theme .owl-nav .owl-prev {
    border-radius: 0px;
    background: url(../themes/pearl/assets/images/prev-small.png) 50% 50% no-repeat #413838;
    display: table-cell;
    margin: 0px;
    text-align: center;
    top: 55%;
    text-align: center;
    height: calc(3vw);
    position: absolute;
    right: 0%;
    vertical-align: middle;
    width: calc(3vw);
}

#hotel-intro.owl-theme .owl-nav .owl-prev:hover {
    background: url(../themes/pearl/assets/images/prev-small.png) 50% 50% no-repeat #8e6919;
}

#hotel-intro.owl-theme .owl-nav .owl-next {
    border-radius: 0px;
    background: url(../themes/pearl/assets/images/next-small.png) 50% 50% no-repeat #413838;
    display: table-cell;
    height: calc(3vw);
    margin: 0px;
    left: 100%;
    top: 55%;
    text-align: center;
    text-align: center;
    position: absolute;
    vertical-align: middle;
    width: calc(3vw);
    margin-right: 50%;
}

#hotel-intro.owl-theme .owl-nav .owl-next:hover {
    background: url(../themes/pearl/assets/images/next-small.png) 50% 50% no-repeat #8e6919;
}

.hotel-item {
    padding-left: 4vw;
}

.owl-carousel .anim-bg {
    background-position: 50% 50%;
    -webkit-transform: scale(1.1) translateX(0);
    -ms-transform: scale(1.1) translateX(0);
    transform: scale(1.1) translateX(0);
    -webkit-transition: -webkit-transform 7s ease-in-out;
    transition: -webkit-transform 15s ease-in;
    transition: transform 10s ease-in;
    transition: transform 10s ease-in, -webkit-transform 10s ease-in;
}

.owl-carousel .owl-item.active .anim-bg {
    -webkit-transform: scale(1.1) translateX(-7%);
    -ms-transform: scale(1.1) translateX(-7%);
    transform: scale(1.1) translateX(-7%);
}

.owl-carousel .owl-item {
    overflow: hidden
}

/* #hotel .owl-item{z-index:0; display:block !important; visibility:hidden; opacity:0; transition: all 0.7s  ease-in; -webkit-transition: all 0.7s  ease-in; -moz-transition: all 0.7s  ease-in;}
#hotel .owl-item.active{z-index:3; visibility:visible; opacity:1} */


#related-room .owl-dots {
    margin-top: 30px;
}

.room-amenities ul>li:before {
    content: "\f105";
    font-family: 'FontAwesome';
    font-display: swap;
    font-size: 16px;
    position: absolute;
    left: 0;
    top: 2px;
}

.room-amenities ul>li {
    padding-right: 10px;
    line-height: normal;
    margin-bottom: 12px;
    padding-left: 20px;
    position: relative;
}

.room-amenities ul {
    margin: 10px 0 30px 0;
    padding: 0;
    list-style: none;
    overflow: hidden;
}

.room-features ul,
.pack-features ul {
    margin: 10px 0;
    padding: 0;
    overflow: auto;
}

.room-features ul li,
.pack-features ul li {
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    padding-bottom: 15px;
    margin: 5px 20px 5px 30px;
    /* width:calc(33% - 60px); */
    float: left;
    vertical-align: top;
    position: relative;
    list-style: none;
}

.room-features ul li:before,
.pack-features ul li:before {
    content: "\f105";
    font-family: 'FontAwesome';
    font-display: swap;
    font-size: 16px;
    position: absolute;
    left: -20px;
    top: -2px;
}

.list-inline {
    margin: 0;
}

.list-inline ul {
    list-style: none;
    padding: 0;
    margin: 0 0 20px 0;
}

.list-inline ul li {
    list-style: none;
    display: inline-block;
    margin: 0;
    padding: 0;
}

.list-inline ul li:after {
    content: ', ';
}

.list-inline ul li:last-child:after {
    content: '';
}

.text-white .room-features ul li,
.text-white .pack-features ul li {
    border-color: rgba(255, 255, 255, .15)
}

.room-features ul li {
    border: none;
}

/*.pack-features ul li{width:calc(50% - 40px);}
 @media screen and (max-width: 1024px) {
  .room-features ul li, .pack-features ul li{width:calc(50% - 60px);}
}
@media screen and (max-width: 640px) {
  .room-features ul li, .pack-features ul li{width:calc(100% - 60px);}
} */




/* TABLE */
.table tr {
    font-weight: 600;
    text-transform: uppercase;
}

.table i {
    width: 30px;
    padding: 5px 10px;
    text-align: left;
}

.table i.fa {
    font-size: 18px;
    margin-right: 20px;
}

.table span {
    padding-left: 10px;
}


/* -------------------------------------
   ROOM
----------------------------------------*/
.room-item {
    top: 5vw;
    position: relative;
}

.room-content {
    left: -60px;
    padding: 2vw 4vw;
    text-align: left;
    margin: 0;
    border: 1px solid #c1b8b8;
    width: 90%;
    position: absolute;
}

#room.owl-theme .owl-nav {
    border-radius: 0px;
    color: #FFF;
    display: inline-block;
    zoom: 1;
    padding: 3px 10px;
    font-size: 12px;
    opacity: 90;
}

#room.owl-theme .owl-nav .owl-prev {
    width: 70px;
    height: 70px;
    border-radius: 0px;
    background: url(../themes/pearl/assets/images/prev-small.png) 50% 50% #413838 no-repeat;
    position: absolute;
    top: 40%;
    left: 8%;
    margin: 0;
}

#room.owl-theme .owl-nav .owl-next {
    width: 70px;
    height: 70px;
    border-radius: 0px;
    background: url(../themes/pearl/assets/images/next-small.png) 50% 50% #413838 no-repeat;
    position: absolute;
    top: 40%;
    right: 8%;
    margin: 0;
}

#room .item {
    opacity: 0.4;
    transition: .4s ease all;
    transform: scale(.9);
}

@media(max-width:1000px) {
    #room .item {
        margin: 0;
        transform: scale(.9)
    }
}

#room .active .item {
    opacity: 1;
    transform: scale(1);
}

#room .owl-item {
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0) scale(1.0, 1.0);
}

#room .inner {
    bottom: 30px;
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
}

#room .inner a {
    border-bottom: 2px solid rgba(255, 255, 255, 0.5);
    color: #fff;
    text-decoration: none;
    transition: .3s ease border-color
}

#room .inner a:hover {
    border-color: #fff;
}

#room .black .inner a {
    border-color: rgba(0, 0, 0, 0.4);
    color: #000;
}

#room .black .inner a:hover {
    border-color: #000;
}

#room .owl-carousel:after {
    background-size: 100% auto;
    bottom: 0;
    content: "";
    display: block;
    left: 50%;
    margin-left: -4%;
    position: absolute;
    pointer-events: none;
    top: 0;
    width: 8%;
}

#room .owl-controls {
    margin-top: 300px;
    position: absolute;
}

.room-price {
    position: absolute;
    bottom: 5%;
    right: 0;
}

.room-price-content {
    background: #75252a;
    text-align: left;
    padding: 15px;
    width: calc(10vw);
    height: calc(5vw);
    color: #fff;
}

.room-price-content h2 {
    float: left;
    margin-bottom: 0;
    color: #fff;
    font-size: 3em;
}

.room-price-content span {
    float: right;
}


/* -------------------------------------
   TEMPTATION
----------------------------------------*/
.temptation h2:after {
    left: 30%;
    margin-left: 15px;
}

.temptation h2:after {
    border-top: 2px solid #ded5d5;
    content: "";
    height: 5px;
    position: absolute;
    top: 50%;
    width: 100%;
}

/* CAPTION */
.temptation-caption {
    border-radius: 0;
    background: rgba(0, 0, 0, .8);
    color: #fff;
    display: inline-block;
    height: 100%;
    left: 0;
    opacity: 0;
    padding: 25%;
    position: absolute;
    text-align: center;
    top: 0;
    transition: opacity 500ms;
    vertical-align: middle;
    width: 100%;
    z-index: 55;
    -webkit-transition: opacity 500ms;
    -moz-transition: opacity 500ms;
    -o-transition: opacity 500ms;
}

.temptation-caption:hover {
    cursor: pointer;
    opacity: 1;
}

.temptation-caption h3 {
    color: #fff;
    margin-bottom: 0px;
}

.temptation-btn {
    position: relative;
    top: -1vw;
    text-align: center;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 55;
}

.temptation-overlay {
    position: relative;
}

.temptation-overlay:before {
    background-color: #fff !important;
    content: '';
    height: 100%;
    left: 0;
    opacity: 0.9;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}

.temptation .caption-content {
    z-index: 55;
}

.temptation .caption-content h3 {
    color: #000;
    margin-bottom: 10px;
}

.temptation .caption-content h4 {
    color: #000;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 500;
}

.temptation .caption-content p {
    font-size: 20px;
    color: #000;
}

.temptation-item:nth-last-child(odd) {
    margin-top: 10%;
}

video {
    width: 100%;
    height: auto;
}

.fans-caption {
    margin-top: 1vw;
    background: #ded5d5;
    padding: 2vw;
    text-align: center;
}

.fans-caption p {
    font-weight: 500;
}

.fans-caption p:after {
    content: close-quote;
    font-size: 2vw;
    float: right;
    color: #000;
}

.fans-caption p:before {
    content: open-quote;
    font-size: 2vw;
    float: left;
    color: #000;
}

.fans-caption i.fa {
    color: #A4343A;
    font-size: 30px;
}

.fans-video {
    z-index: 9;
}

.fans-item {
    padding: 0 3vw;
}

.fans-item h2:before {
    border-top: 2px solid #ded5d5;
    content: "";
    height: 10px;
    position: absolute;
    top: 35%;
    width: 20%;
}

.fans-item h2:before {
    right: 100%;
    margin-right: -30px;
}

.fans-item a {
    color: #A4343A;
    font-weight: 600;
}

.fans-item a:hover {
    color: #ded5d5;
}

.btn-fans a {
    margin-top: 1vw;
}

.city-title h2:before {
    right: 100%;
    margin-right: -5px;
}

.city-title h2:before {
    border-top: 2px solid #ded5d5;
    content: "";
    height: 10px;
    position: absolute;
    top: 45%;
    width: 20%;
}

.city-title a {
    color: #A4343A;
    font-weight: 600;
}

.city-title a:hover {
    color: #ded5d5;
}

.city-content {
    top: 6vw;
    position: absolute;
}

.city-content {
    right: -80px;
    padding: 4vw 6vw;
    text-align: left;
    margin: 0;
    border: 1px solid #c1b8b8;
    width: 100%;
    z-index: 11;
}

.city-content-2 {
    top: 6vw;
    position: absolute;
}

.city-content-2 {
    left: -80px;
    padding: 4vw 6vw;
    text-align: left;
    margin: 0;
    border: 1px solid #c1b8b8;
    width: 100%;
    z-index: 11;
}

.city-content h4 {
    font-size: 14px;
    font-weight: 600;
}

.city-content h4:after {
    border-top: 2px solid #ded5d5;
    content: "";
    height: 5px;
    position: absolute;
    top: 25%;
    width: 10%;
}

.city-content h4:after {
    left: 85%;
    margin-left: 25px;
}

.city-content-2 h4 {
    font-size: 14px;
    font-weight: 600;
}

.city-content-2 h4:after {
    border-top: 2px solid #ded5d5;
    content: "";
    height: 5px;
    position: absolute;
    top: 25%;
    width: 10%;
}

.city-content-2 h4:after {
    right: 88%;
    margin-left: 25px;
}

.city-content a,
.city-content-2 a {
    color: #A4343A;
    text-transform: uppercase;
    font-weight: 600;
}

.city-content a:hover,
.city-content-2 a:hover {
    color: #ded5d5;
}

;


/* -------------------------------------
   ROOM
----------------------------------------*/
.room-menu ul {
    margin: 0;
    padding: 0;
}

.room-menu li {
    list-style: none;
    display: inline-block;
    padding: 0 10px;
    font-weight: 600;
    text-transform: uppercase;
}

.room-menu a:hover,
.room-menu a.selected {
    color: #A4343A;
}

.show-me {
    color: #312A29;
    display: inline-block;
    text-transform: uppercase;
    margin-right: 15px;
    float: left;
    font-weight: 600;
}

.hotel-room-caption {
    padding: 3vw;
    position: relative;
    background: #fff;
    right: 0;
}

.hotel-room-caption h3 span,
.room-title h3 span {
    font-size: calc(15px + (50 - 45) * ((100vw - 480px) / (1600 - 480)));
    display: block;
    color: #777
}

.room-list ul {
    margin: 0;
    padding: 0;
}

.room-list li {
    list-style: none;
    display: inline-block;
    padding: 0;
}

.room-list li:after {
    content: '|';
    display: inline-block;
    padding: 10px;
}

.room-list li:last-child:after {
    content: '';
}

.form-room .form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #f1f1ee;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: none;
    transition: none;
}

.room-rate h3 {
    float: left;
    margin-right: 2vw;
}

.room-rate span {
    font-size: 16px;
    font-style: italic;
}

.floorplan-link i {
    padding-right: 10px;
    color: #A4343A;
}

.floorplan-link a {
    color: #A4343A;
    font-weight: 600;
    text-transform: uppercase;
}

.floorplan-link a:hover {
    color: #ded5d5;
}

/* SHARED */
.hotel-room .shared {
    float: left;
    padding-bottom: 30px;
}

.hotel-room .shared ul {
    margin: 0;
    padding: 0;
}

.hotel-room .shared li {
    list-style: none;
    display: inline-block;
    padding: 0 15px;
}

.hotel-room .shared li:first-child {
    padding-left: 0;
}

.hotel-room .shared li a {
    color: #A4343A;
    font-weight: 600;
    font-size: 15px;
}

.hotel-room .shared li i.fa {
    color: #A4343A;
    padding-right: 10px;
}

.hotel-room .shared li:hover>a>i {
    color: #ded5d5;
}

/* -------------------------------------
   DINING
----------------------------------------*/
.dining-address ul {
    margin: 0;
    padding: 0;
}

.dining-address li {
    list-style: none;
    display: block;
    padding: 10px 0;
    font-weight: 600;
    border-bottom: 1px solid #ded5d5;
}

.dining-address li span {
    padding: 0 30px;
}

.dining-address li i {
    width: 30px;
}


#hotel-dining-1.owl-theme .owl-nav,
#hotel-dining-2.owl-theme .owl-nav,
#hotel-dining-3.owl-theme .owl-nav {
    border-radius: 0px;
    color: #FFF;
    display: inline-block;
    zoom: 1;
    padding: 3px 10px;
    font-size: 12px;
    opacity: 90;
}

#hotel-dining-1.owl-theme .owl-nav .owl-prev,
#hotel-dining-2.owl-theme .owl-nav .owl-prev,
#hotel-dining-3.owl-theme .owl-nav .owl-prev {
    border-radius: 0px;
    background: url(../themes/pearl/assets/images/prev-small.png) 50% 50% no-repeat #413838;
    display: table-cell;
    margin: 0px;
    text-align: center;
    top: 0;
    text-align: center;
    height: calc(3vw);
    position: absolute;
    right: 95%;
    vertical-align: middle;
    width: calc(3vw);
}

#hotel-dining-1.owl-theme .owl-nav .owl-prev:hover,
#hotel-dining-2.owl-theme .owl-nav .owl-prev:hover,
#hotel-dining-3.owl-theme .owl-nav .owl-prev:hover {
    background: url(../themes/pearl/assets/images/prev-small.png) 50% 50% no-repeat #8e6919;
}

#hotel-dining-1.owl-theme .owl-nav .owl-next,
#hotel-dining-2.owl-theme .owl-nav .owl-next,
#hotel-dining-3.owl-theme .owl-nav .owl-next {
    border-radius: 0px;
    background: url(../themes/pearl/assets/images/next-small.png) 50% 50% no-repeat #413838;
    display: table-cell;
    height: calc(3vw);
    margin: 0px;
    left: 5%;
    top: 0;
    text-align: center;
    text-align: center;
    position: absolute;
    vertical-align: middle;
    width: calc(3vw);
    margin-right: 50%;
}

#hotel-dining-1.owl-theme .owl-nav .owl-next:hover,
#hotel-dining-2.owl-theme .owl-nav .owl-next:hover,
#hotel-dining-3.owl-theme .owl-nav .owl-next:hover {
    background: url(../themes/pearl/assets/images/next-small.png) 50% 50% no-repeat #8e6919;
}

.dining-list {
    margin-bottom: 1vw;
}

.dining-list ul {
    margin: 0;
    padding: 0;
}

.dining-list li {
    list-style: none;
    display: block;
    padding: 5px 0;
    font-weight: 400;
}

.dining-list span {
    display: inline-block;
    width: 100px;
    font-weight: 600;
}

.dining-list-2 {
    margin-bottom: 1vw;
}

.dining-list-2 ul {
    margin: 0;
    padding: 0;
}

.dining-list-2 li {
    list-style: none;
    display: block;
    padding: 10px 0;
    font-weight: 400;
    border-bottom: 1px solid #ded5d5;
}

.dining-list-2 li i {
    width: 50px;
}

.dining-list-2 span {
    display: inline-block;
    width: 100px;
    font-weight: 600;
}

#dining-detail.owl-theme .owl-nav {
    border-radius: 0px;
    color: #FFF;
    display: inline-block;
    zoom: 1;
    padding: 3px 10px;
    font-size: 12px;
    opacity: 90;
}

#dining-detail.owl-theme .owl-nav .owl-prev {
    border-radius: 0px;
    background: url(../themes/pearl/assets/images/prev-small.png) 50% 50% no-repeat #413838;
    display: table-cell;
    margin: 0px;
    text-align: center;
    top: 90%;
    text-align: center;
    height: calc(3vw);
    position: absolute;
    right: 15%;
    vertical-align: middle;
    width: calc(3vw);
}

#dining-detail.owl-theme .owl-nav .owl-prev:hover {
    background: url(../themes/pearl/assets/images/prev-small.png) 50% 50% no-repeat #8e6919;
}

#dining-detail.owl-theme .owl-nav .owl-next {
    border-radius: 0px;
    background: url(../themes/pearl/assets/images/next-small.png) 50% 50% no-repeat #413838;
    display: table-cell;
    height: calc(3vw);
    margin: 0px;
    left: 85%;
    top: 90%;
    text-align: center;
    text-align: center;
    position: absolute;
    vertical-align: middle;
    width: calc(3vw);
    margin-right: 50%;
}

#dining-detail.owl-theme .owl-nav .owl-next:hover {
    background: url(../themes/pearl/assets/images/next-small.png) 50% 50% no-repeat #8e6919;
}

.menu h2:before {
    border-top: 2px solid #ded5d5;
    content: "";
    height: 10px;
    position: absolute;
    top: 45%;
    width: 20%;
}

.menu h2:before {
    right: 100%;
    margin-right: -5px;
}

.menu-list ul {
    margin: 0 20px;
    padding: 0;
}

.menu-list li {
    padding: 10px 0;
}

.menu-download ul {
    margin: 0;
    padding: 0;
}

.menu-download li {
    list-style: none;
    display: block;
    padding: 10px 0;
}

.menu-download li a {
    color: #A4343A;
    font-weight: 600;
    text-transform: uppercase;
}

.menu-download li i {
    width: 30px;
}

.menu-download li span {
    padding: 0 5px;
    color: #000;
}

ul.two-col {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
}


/* -------------------------------------
   SPA
----------------------------------------*/
#spa.owl-theme .owl-nav {
    border-radius: 0px;
    color: #FFF;
    display: inline-block;
    zoom: 1;
    padding: 3px 10px;
    font-size: 12px;
    opacity: 90;
}

#spa.owl-theme .owl-nav .owl-prev {
    border-radius: 0px;
    background: url(../themes/pearl/assets/images/prev-small.png) 50% 50% no-repeat #413838;
    display: table-cell;
    margin: 0px;
    text-align: center;
    top: 91%;
    text-align: center;
    height: calc(3vw);
    position: absolute;
    right: 10%;
    vertical-align: middle;
    width: calc(3vw);
}

#spa.owl-theme .owl-nav .owl-prev:hover {
    background: url(../themes/pearl/assets/images/prev-small.png) 50% 50% no-repeat #8e6919;
}

#spa.owl-theme .owl-nav .owl-next {
    border-radius: 0px;
    background: url(../themes/pearl/assets/images/next-small.png) 50% 50% no-repeat #413838;
    display: table-cell;
    height: calc(3vw);
    margin: 0px;
    left: 90%;
    top: 91%;
    text-align: center;
    text-align: center;
    position: absolute;
    vertical-align: middle;
    width: calc(3vw);
    margin-right: 50%;
}

#spa.owl-theme .owl-nav .owl-next:hover {
    background: url(../themes/pearl/assets/images/next-small.png) 50% 50% no-repeat #8e6919;
}

.spa-list ul {
    padding: 0 15px;
    margin: 0;
}

.spa-list-2 {
    margin-bottom: 1vw;
}

.spa-list-2 ul {
    margin: 0;
    padding: 0;
}

.spa-list-2 li {
    list-style: none;
    display: block;
    padding: 10px 0;
    font-weight: 400;
    border-bottom: 1px solid #ded5d5;
}

.spa-list-2 li i {
    width: 50px;
}

.spa-list-2 span {
    display: inline-block;
    width: 100px;
    font-weight: 600;
}

.treatment h2:before {
    border-top: 2px solid #ded5d5;
    content: "";
    height: 10px;
    position: absolute;
    top: 45%;
    width: 20%;
}

.treatment h2:before {
    right: 100%;
    margin-right: -5px;
}

.fitness-content {
    right: -80px;
    padding: 4vw 6vw;
    text-align: left;
    margin: 0;
    background: #fff;
    width: 100%;
    z-index: 11;
}

.fitness-content {
    top: 4vw;
    position: absolute;
}

.fitness-desc {
    background-color: #fff;
}

.fitness-desc h3 {
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 500;
}

.fitness-desc h3:before {
    border-top: 2px solid #ded5d5;
    content: "";
    height: 5px;
    position: absolute;
    top: 25%;
    width: 15%;
}

.fitness-desc h3:before {
    left: 90%;
    margin-right: 15px;
}

.treatment-detail-title h2:before {
    border-top: 2px solid #ded5d5;
    content: "";
    height: 10px;
    position: absolute;
    top: 45%;
    width: 20%;
}

.treatment-detail-title h2:before {
    right: 100%;
    margin-right: -5px;
}

.price {
    font-weight: 600;
}

.price span {
    display: inline-block;
    width: 100px;
    font-weight: 600;
}

/* -------------------------------------
   MEETING
----------------------------------------*/
.meeting-list {
    margin-bottom: 1vw;
}

.meeting-list ul {
    margin: 0;
    padding: 0;
}

.meeting-list li {
    list-style: none;
    display: block;
    padding: 10px 0;
    font-weight: 400;
    border-bottom: 1px solid #ded5d5;
}

.meeting-list li i {
    width: 50px;
}

.meeting-list span {
    display: inline-block;
    width: 100px;
    font-weight: 600;
}

.venue h2:before {
    border-top: 2px solid #ded5d5;
    content: "";
    height: 10px;
    position: absolute;
    top: 45%;
    width: 20%;
}

.venue h2:before {
    right: 100%;
    margin-right: -5px;
}

.occasion h2:before {
    border-top: 2px solid #ded5d5;
    content: "";
    height: 10px;
    position: absolute;
    top: 45%;
    width: 20%;
}

.occasion h2:before {
    right: 100%;
    margin-right: -5px;
}

.occasion-event-content {
    right: -80px;
    padding: 4vw 6vw;
    text-align: left;
    margin: 0;
    background: #fff;
    width: 100%;
    z-index: 11;
}

.occasion-event-content {
    top: 4vw;
    position: absolute;
}

.occasion-event-desc {
    background-color: #fff;
}

.occasion-event-desc h3 {
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 500;
}

.occasion-event-desc h3:before {
    border-top: 2px solid #ded5d5;
    content: "";
    height: 5px;
    position: absolute;
    top: 25%;
    width: 15%;
}

.occasion-event-desc h3:before {
    left: 90%;
    margin-right: 15px;
}

/* -------------------------------------
   DESTINATION
----------------------------------------*/
#destination .owl-stage-outer {
    overflow: initial;
}

#destination .item,
#destination-2 .item,
#destination-3 .item {
    transition: .4s ease all;
}

#destination .item:hover,
#destination-2 .item:hover,
#destination-3 .item:hover {
    opacity: 1;
    transform: scale(1.1);
    cursor: pointer;
    z-index: 999;
    position: relative;
}

#destination.owl-theme .owl-nav,
#destination-2.owl-theme .owl-nav,
#destination-3.owl-theme .owl-nav {
    border-radius: 0px;
    color: #FFF;
    display: inline-block;
    zoom: 1;
    padding: 3px 10px;
    font-size: 12px;
    opacity: 90;
}

#destination.owl-theme .owl-nav .owl-prev,
#destination-2.owl-theme .owl-nav .owl-prev,
#destination-3.owl-theme .owl-nav .owl-prev {
    width: calc(3vw);
    height: calc(3vw);
    border-radius: 0px;
    background: url(../themes/pearl/assets/images/prev-small.png) 50% 50% #413838 no-repeat;
    position: absolute;
    top: 40%;
    left: 0;
    margin: 0;
}

#destination.owl-theme .owl-nav .owl-next,
#destination-2.owl-theme .owl-nav .owl-next,
#destination-3.owl-theme .owl-nav .owl-next {
    width: calc(3vw);
    height: calc(3vw);
    border-radius: 0px;
    background: url(../themes/pearl/assets/images/next-small.png) 50% 50% #413838 no-repeat;
    position: absolute;
    top: 40%;
    right: 0;
    margin: 0;
}

.destination-caption {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    padding: 0 2vw;
    background: #cc9930;
}

.destination-title {
    float: left;
    display: inline-block;
}

.destination-title h3 {
    margin-bottom: 0px;
    color: #000;
    text-transform: uppercase;
    font-family: 'Lato', sans-serif;
    font-display: swap;
}

.destination-btn a {
    line-height: 35px;
    font-size: 14px;
    font-weight: 600;
    color: #000;
    text-transform: uppercase;
}

.destination-btn {
    float: right;
    display: inline-block;
}

.destination-detail {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
}

.destination-link {
    background: #413838;
    width: calc(3vw);
    height: calc(3vw);
    text-align: center;
    padding: 20px;
}

.destination-link:hover {
    background: #cc9930;
}

.destination-link i.ti {
    color: #fff;
}


/* -------------------------------------
   BENEFIT
----------------------------------------*/
.benefit-caption {
    position: absolute;
    bottom: 0;
    right: 10%;
    top: 0;
    height: 100%;
    width: 33.33333333%;
    background: #fff;
}

.benefit-content {
    left: -85px;
    padding: 4vw 4vw;
    text-align: left;
    margin: 0;
}

.benefit-content {
    position: absolute;
    top: 5vw;
}

.benefit-content:after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    z-index: 1;
    background: #fff;
}

.benefit-content:before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    border: 1px solid #EBD89D;
    box-sizing: border-box;
    z-index: 2;

}

.benefit-content:before {
    top: 30px;
    left: -25px;
}

.benefit-content:after {
    top: 0px;
    left: 0px;
}

.benefit-desc {
    z-index: 22;
    position: relative;
}


/* -------------------------------------
   EXPERIENCE
----------------------------------------*/
/* .featured-experience h2:before{
    border-top: 2px solid #ded5d5;
    content: "";
    height: 10px;
    position: absolute;
    top: 45%;
    width: 20%;
}
.featured-experience h2:before {
    right: 100%;
    margin-right: -5px;
} */
.experience-title {
    float: left;
    display: inline-block;
}

.experience-title h3 {
    color: #fff;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 500;
    font-family: 'Lato', sans-serif;
    font-display: swap;
    margin-bottom: 0px;
}

.experience-btn span {
    color: #737470;
    text-transform: uppercase;
    letter-spacing: 1px;
    position: absolute;
    font-weight: 600;
    bottom: 0;
    right: 0;
    margin: 0;
    background: #fff;
    padding: 15px;
}

.experience-desc {
    padding: 30px 0;
}


/* -------------------------------------
   MEDIA
----------------------------------------*/
.media-content {
    left: -80px;
    padding: 4vw 6vw;
    text-align: left;
    margin: 0;
    border: 1px solid #c1b8b8;
    width: 100%;
}

.media-content {
    top: -65px;
    position: absolute;
}

.media-desc {
    background-color: #fff;
}


/* -------------------------------------
   OFFER
----------------------------------------*/
#dining-1.owl-theme .owl-nav {
    border-radius: 0px;
    color: #FFF;
    display: inline-block;
    zoom: 1;
    padding: 3px 10px;
    font-size: 12px;
    opacity: 90;
}

#dining-1.owl-theme .owl-nav .owl-prev {
    border-radius: 0px;
    background: url(../themes/pearl/assets/images/prev-small.png) 50% 50% no-repeat #413838;
    display: table-cell;
    margin: 0px;
    text-align: center;
    top: 91%;
    text-align: center;
    height: calc(3vw);
    position: absolute;
    right: 10%;
    vertical-align: middle;
    width: calc(3vw);
}

#dining-1.owl-theme .owl-nav .owl-prev:hover {
    background: url(../themes/pearl/assets/images/prev-small.png) 50% 50% no-repeat #8e6919;
}

#dining-1.owl-theme .owl-nav .owl-next {
    border-radius: 0px;
    background: url(../themes/pearl/assets/images/next-small.png) 50% 50% no-repeat #413838;
    display: table-cell;
    height: calc(3vw);
    margin: 0px;
    left: 90%;
    top: 91%;
    text-align: center;
    text-align: center;
    position: absolute;
    vertical-align: middle;
    width: calc(3vw);
    margin-right: 50%;
}

#dining-1.owl-theme .owl-nav .owl-next:hover {
    background: url(../themes/pearl/assets/images/next-small.png) 50% 50% no-repeat #8e6919;
}


/* -------------------------------------
   DINING
----------------------------------------*/
.dining-header span {
    display: inline-block;
    font-size: 18px;
    font-weight: 500;
    position: relative;
}

.dining-header h2:after {
    border-top: 2px solid #ded5d5;
    content: "";
    height: 5px;
    position: absolute;
    top: 50%;
    width: 100%;
}

.dining-header h2:after {
    left: 50%;
    margin-left: 15px;
}

.dining-content {
    right: -80px;
    padding: 4vw 6vw;
    text-align: left;
    margin: 0;
    border: 1px solid #c1b8b8;
    width: 100%;
    z-index: 11;
}

.dining-content {
    top: 3vw;
    position: absolute;
}

.dining-desc {
    background-color: #fff;
}

.dining-desc h2 {
    font-size: 30px;
    font-style: italic;
}

.dining-desc h3 {
    font-weight: 500;
    font-size: 18px;
    text-transform: uppercase;
}

.dining-desc h3:after {
    position: relative;
    content: "";
    display: block;
    width: 100%;
    left: 0px;
    top: 0;
    height: 1px;
    opacity: 1;
    background: rgb(193, 184, 184);
}

#dining-2.owl-theme .owl-nav {
    border-radius: 0px;
    color: #FFF;
    display: inline-block;
    zoom: 1;
    padding: 3px 10px;
    font-size: 12px;
    opacity: 90;
}

#dining-2.owl-theme .owl-nav .owl-prev {
    border-radius: 0px;
    background: url(../themes/pearl/assets/images/prev-small.png) 50% 50% no-repeat #413838;
    display: table-cell;
    margin: 0px;
    text-align: center;
    top: 71%;
    text-align: center;
    height: calc(3vw);
    position: absolute;
    right: 85%;
    vertical-align: middle;
    width: calc(3vw);
}

#dining-2.owl-theme .owl-nav .owl-prev:hover {
    background: url(../themes/pearl/assets/images/prev-small.png) 50% 50% no-repeat #8e6919;
}

#dining-2.owl-theme .owl-nav .owl-next {
    border-radius: 0px;
    background: url(../themes/pearl/assets/images/next-small.png) 50% 50% no-repeat #413838;
    display: table-cell;
    height: calc(3vw);
    margin: 0px;
    left: 15%;
    top: 71%;
    text-align: center;
    text-align: center;
    position: absolute;
    vertical-align: middle;
    width: calc(3vw);
    margin-right: 50%;
}

#dining-2.owl-theme .owl-nav .owl-next:hover {
    background: url(../themes/pearl/assets/images/next-small.png) 50% 50% no-repeat #8e6919;
}

#dining-2 .owl-dots {
    counter-reset: slides-num;
    position: absolute;
    top: 74%;
    left: 40%;
    margin-top: 0px;
    color: #312A29;
    width: 5%;
    background: #fff;
    font-size: 15px;
    font-style: italic;
    font-weight: 400;
}

#dining-2 .owl-dots:after {
    content: counter(slides-num);
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    vertical-align: middle;
}

#dining-2 .owl-dot {
    display: inline-block;
    counter-increment: slides-num;
    margin-right: 10px;
}

#dining-2 .owl-dot span {
    display: none;
}

#dining-2 .owl-dot.active:before {
    content: counter(slides-num) " of ";
    display: inline-block;
    vertical-align: middle;
    font-size: 15px;
    font-style: italic;
    font-weight: 400;
    position: absolute;
    left: 0;
    top: 0;
    margin-left: 15px;
}

.coming-content {
    left: -80px;
    padding: 4vw 6vw;
    text-align: left;
    margin: 0;
    background: #fff;
    width: 100%;
    z-index: 11;
}

.coming-content {
    top: 4vw;
    position: absolute;
}

.coming-desc {
    background-color: #fff;
}

.coming-desc h3 {
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 500;
}

.coming-desc h3:before {
    border-top: 2px solid #ded5d5;
    content: "";
    height: 5px;
    position: absolute;
    top: 25%;
    width: 15%;
}

.coming-desc h3:before {
    right: 90%;
    margin-right: 15px;
}


/* -------------------------------------
   WELLNESS
----------------------------------------*/
#wellness.owl-theme .owl-nav {
    border-radius: 0px;
    color: #FFF;
    display: inline-block;
    zoom: 1;
    padding: 3px 10px;
    font-size: 12px;
    opacity: 90;
}

#wellness.owl-theme .owl-nav .owl-prev {
    border-radius: 0px;
    background: url(../themes/pearl/assets/images/prev-small.png) 50% 50% no-repeat #413838;
    display: table-cell;
    margin: 0px;
    text-align: center;
    top: 96%;
    text-align: center;
    height: calc(3vw);
    position: absolute;
    right: 10%;
    vertical-align: middle;
    width: calc(3vw);
}

#wellness.owl-theme .owl-nav .owl-prev:hover {
    background: url(../themes/pearl/assets/images/prev-small.png) 50% 50% no-repeat #8e6919;
}

#wellness.owl-theme .owl-nav .owl-next {
    border-radius: 0px;
    background: url(../themes/pearl/assets/images/next-small.png) 50% 50% no-repeat #413838;
    display: table-cell;
    height: calc(3vw);
    margin: 0px;
    left: 90%;
    top: 96%;
    text-align: center;
    text-align: center;
    position: absolute;
    vertical-align: middle;
    width: calc(3vw);
    margin-right: 50%;
}

#wellness.owl-theme .owl-nav .owl-next:hover {
    background: url(../themes/pearl/assets/images/next-small.png) 50% 50% no-repeat #8e6919;
}

.relax h2:before {
    border-top: 2px solid #ded5d5;
    content: "";
    height: 10px;
    position: absolute;
    top: 45%;
    width: 20%;
}

.relax h2:before {
    right: 100%;
    margin-right: -5px;
}



/* -------------------------------------
   OFFER
----------------------------------------*/
.offer-caption {
    padding: 2vw 3vw;
}

.offer-caption h3 {
    text-transform: uppercase;
}

.detail {
    padding: 2vw 0;
}

.offer-btn {
    float: right;
    padding-bottom: 30px;
}


/* -------------------------------------
   NEWS
----------------------------------------*/
.news-img {
    display: block;
    float: left;
    margin-right: 20px;
    width: 50%;
    height: auto;
    text-align: center;
    color: #fff;
    font-weight: 400;
}

.news-desc {
    padding-left: 6vw;
    margin-bottom: 20px;
    margin-top: 20px;
}

.news-desc h4 {
    margin-bottom: 10px;
    letter-spacing: 0px;
    line-height: 20px;
}

/* -------------------------------------
   CELEBRITY
----------------------------------------*/
#celebrity.owl-theme .owl-nav {
    border-radius: 0px;
    color: #FFF;
    display: inline-block;
    zoom: 1;
    padding: 3px 10px;
    font-size: 12px;
    opacity: 90;
}

#celebrity.owl-theme .owl-nav .owl-prev {
    width: 60px;
    height: 60px;
    border-radius: 0px;
    background: url(../themes/pearl/assets/images/prev-gold.html) 50% 50% no-repeat;
    position: absolute;
    top: 35%;
    left: -4%;
    margin: 0;
}

#celebrity.owl-theme .owl-nav .owl-next {
    width: 60px;
    height: 60px;
    border-radius: 0px;
    background: url(../themes/pearl/assets/images/next-gold.html) 50% 50% no-repeat;
    position: absolute;
    top: 35%;
    right: -4%;
    margin: 0;
}

#celebrity.owl-theme .owl-dots {
    position: relative;
    z-index: 99;
    bottom: 50px;
}

#celebrity.owl-theme .owl-dots .owl-dot span {
    width: 12px;
    height: 12px;
    margin: 5px 2px;
    background: transparent;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity 200ms ease;
    border-radius: 50%;
    border: 2px solid #888;
}

#celebrity.owl-theme .owl-dots .owl-dot.active span,
#celebrity.owl-theme .owl-dots .owl-dot:hover span {
    background: #888;
}

/* PHOTO GALLERY */
.item {
    flex: 0 1 auto;
    align-self: auto;
    position: relative;
    cursor: pointer;
}

.item .overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0);
}

.item:hover .overlay {
    background: rgba(0, 0, 0, 0.6);
}

.overlay-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.overlay-text h2 {
    color: #fff;
    margin: 0;
}

#gallery-filter.gallery-menu a {
    padding: 10px 15px;
    margin: 0 5px;
    color: #888;
    text-transform: uppercase;
    border-bottom: 1px solid #ccc;
    letter-spacing: 2px;
    font-size: 12px;
}

#gallery-filter.gallery-menu a:after {
    content: '';
    margin-left: 20px;
    position: absolute;
    height: 100%;
}

#gallery-filter.gallery-menu a:hover,
#gallery-filter a.selected {
    color: #fff;
    background: #cc9930 !important;
    border-color: #cc9930
}

#gallery-filter.gallery-menu a:last-child:after {
    display: none;
}

.effect-item-4 .overlay-text {
    transform: translate(-50%, 10px);
    opacity: 0;
    transition: all .5s;
}

.effect-item-4:hover .effect-15 {
    opacity: 1;
}

.effect-item-4:hover .overlay-text {
    transform: translate(-50%, -50%);
    opacity: 1;
}

.effect-item-4 a {
    color: #fff;
}

.effect-item-4 .caption {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    padding: 8px 15px;
    background: rgba(0, 0, 0, .45);
    color: #fff;
}

.effect-item-4 .caption h4,
.effect-item-4 .caption p {
    color: #fff;
}

.effect-item-4 .caption p {
    font-size: 85%;
}

.effect-item-4 .caption:after {
    content: '+';
    position: absolute;
    right: 10px;
    bottom: 9px;
    font-size: 30px;
}



/* -------------------------------------
   NEWSLETTER
----------------------------------------*/
.newsletter {
    margin-top: 0;
    background: #fff;
    border-top: 1px solid #e3e3e3
        /* box-shadow:0 -2px 7px rgba(0,0,0,.03) */
}

.newsletter h2 {
    margin-bottom: 10px;
}

.newsletter p {
    letter-spacing: 2px;
}

.checkbox label {
    color: #000;
    font-size: 15px;
}

.newsletter .form-control {
    display: block;
    width: 100%;
    height: 50px;
    padding: 6px 15px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #f4f4f4;
    background-image: none;
    border: 1px solid #eaeaea;
    border-radius: 1px;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.newsletter .btn {
    background: transparent;
    border-radius: 0px;
    color: #000;
    height: 50px;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-decoration: none;
    transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
}

.form-control {
    font-family: 'Lato';
    font-display: swap;
    display: block;
    width: 100%;
    height: 50px;
    padding: 6px 15px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #f2f2f2;
    border-radius: 1px;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

/* -------------------------------------
    FOOTER
----------------------------------------*/
footer {
    font-size: calc(16px + (46 - 45) * ((80vw - 480px) / (1600 - 480)));
    color: #777;
    background: #fdf5e2;
    padding-top: calc(30px + (55 - 45) * ((100vw - 480px) / (1600 - 480)));
}

footer a {
    color: #454545;
}

footer h4 {
    font-size: 15px;
    color: #000;
    font-weight: 400;
    /* letter-spacing: 1px;
  padding-left:40px;
  position:relative; */
}

/* footer h4:before{content:''; width:27px; height:3px; background:#000; display:block; position:absolute; left:0; top:5px;} */

.footer-list ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.footer-list li {
    padding: 5px 0;
    list-style: none;
}

.footer-list li a:hover {
    color: #fff !important;
}

.footer-nav ul {
    padding: 0;
    margin: 0;
}

.footer-nav li {
    list-style: none;
    padding: 5px 0;
    display: inline-block
}

.footer-nav li:after {
    content: ' / ';
    padding: 0 10px;
}

.footer-nav li:last-child:after {
    content: '';
    padding: 0;
}

.footer-nav a {
    color: #454545;
}

.footer-nav a:hover {
    color: #4fbbbd;
}

@media only screen and (max-width: 767px) {
    .footer-nav ul {
        margin: 0 0 20px 0;
    }

    .footer-nav li {
        display: block
    }

    .footer-nav li:after {
        display: none;
    }
}

.footer-menu ul {
    padding: 0;
    margin: 0;
}

.footer-menu li {
    list-style: none;
    padding: 0 0 40px 0;
}

.footer-menu a {
    color: #fff;
}

.footer-menu a:hover {
    color: #4fbbbd;
}

footer hr {
    border-color: rgba(0, 0, 0, .2)
}

/* BRANDS */
.brands {
    position: relative;
    max-width: 1280px;
    margin: auto;
}

.brands .heading {
    position: absolute;
    left: 50%;
    top: 0;
    transform: translate(-50%, -50%);
    padding: 10px 20px;
    background: #f8f8f8;
    display: inline-block;
}

.brand-item {
    display: inline-block;
    padding: 0 0 20px 0;
    width: calc(12.333334% - 20px);
    overflow: hidden;
    vertical-align: middle
}

.logo-invert {
    -webkit-filter: brightness(0) invert(1);
    -moz-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
}

.brand-item img {
    max-height: 65px;
    width: auto;
}

@media only screen and (max-width: 1024px) {
    .brand-item {
        width: calc(33.33333333% - 40px);
    }
}

/* SOCIAL MEDIA */
.follow-us {
    border-left: 2px solid #4fbbbd;
    height: 300px;
    margin-left: 30px;
}

.social-media {
    margin-bottom: 3vw;
}

.social-media ul {
    margin: 0;
    padding: 0;
}

.social-media li {
    list-style: none;
    display: inline-block;
    padding: 0 9px;
}

.social-media li:first-child {
    padding-left: 0;
}

.social-media li i.fa {
    color: #cc9930;
    font-size: 16px;
}

.social-media li i.fa:hover {
    color: #000;
}

/* SHARED */
.shared {
    padding-bottom: 30px;
}

.shared ul {
    margin: 0;
    padding: 0;
}

.shared li {
    list-style: none;
    display: inline-block;
    padding: 0 15px;
}

.shared li:first-child {
    padding-left: 0;
}

.shared li a {
    color: #000;
    font-weight: 600;
    font-size: 15px;
}

.shared li i.fa {
    color: #000;
    padding-right: 10px;
}

.shared li:hover>a>i {
    color: #999;
}


.footer-logo {
    padding-bottom: 30px;
    overflow: hidden
}

.footer-logo span {
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    position: relative;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.footer-logo img {
    max-width: 200px;
}

.footer-logo span:before,
.footer-logo span:after {
    /*border-top: 1px solid rgba(0,0,0,.2);
    content: "";
    height: 5px;
    position: absolute;
    top: 66%;
    width: 50vw;*/
}

.footer-logo span:before {
    right: 100%;
    margin-right: 2vw;
}

.footer-logo span:after {
    left: 100%;
    margin-left: 2vw;
}

.line-devider-logo {
    position: absolute;
    display: block;
    top: 36px;
    left: 0;
    z-index: 999;
    width: 60px;
    margin: auto;
    right: 0;
    text-align: center;
}

#leftmenu {
    float: left;
    text-align: left;
}

#rightmenu {
    float: right;
    text-align: right;
}

#leftmenu,
#rightmenu {
    margin-top: 0;
    margin-bottom: 0;
}

.line-devider-list ul {
    margin: 0;
    padding: 0;
}

.line-devider-list li {
    display: inline-block;
    list-style: none;
    padding: 0 15px;
}

.line-devider-list li a {
    color: #fff;
}

.line-devider-list li a:hover {
    color: #4fbbbd;
}


.copyright {
    padding: 30px 0 10px 0;
    border-top: 1px solid rgba(0, 0, 0, .2);
}

.copyright p {
    color: #454545;
    font-size: 12px;
    letter-spacing: 1px;
    word-spacing: 2px;
    text-align: center;
}

.copyright a {
    color: #454545;
}

.copyright a:hover {
    color: #cc9930;
}


/* OVERLAY */
.w-overlay {
    position: relative;
}

.w-overlay:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    opacity: .4;
    z-index: 0
}

.w-overlay.green:before {
    background: #cc9930
}

.w-overlay.darker:before {
    opacity: .75;
}

.w-overlay.darkest:before {
    opacity: .85;
}

.overlay h2,
.overlay h3,
.overlay h4 {
    line-height: normal;
    margin-bottom: 3px;
}

/* .overlay p{line-height:normal;} */
.overlay .big-num-back {
    position: absolute;
    font-size: 26em;
    font-weight: 700;
    line-height: 0.7em;
    color: #fff;
    right: 30px;
    bottom: 0;
}

*/ .loading .overlay-caption {
    opacity: 0;
}

.overlay-caption {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: table-cell;
    vertical-align: middle;
}

.overlay-caption:before {
    content: '';
    height: 100%;
    display: inline-block;
    vertical-align: middle;
}

.overlay-caption:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 2;
    background: rgba(0, 0, 0, .15);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.overlay-caption.transparent:after {
    background: none !important
}

.overlay-caption.to-light:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 9;
    background: rgba(0, 0, 0, .35)
}

.overlay:hover .overlay-caption.to-light:after {
    background: rgba(0, 0, 0, 0)
}

.overlay-caption.to-dark:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 9;
    background: rgba(0, 0, 0, .15)
}

.overlay:hover .overlay-caption.to-dark:after {
    background: rgba(0, 0, 0, .45)
}

.overlay:hover a img {
    opacity: .5;
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
}

.overlay-caption.darker:after {
    background: rgba(0, 0, 0, .65)
}

.overlay-caption.gradient:after {
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 65%, rgba(0, 0, 0, .45) 100%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 65%, rgba(0, 0, 0, .45) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 65%, rgba(0, 0, 0, .45) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#000000', GradientType=0);
}

.overlay figure a img {
    opacity: 1 !important;
}

.caption-content {
    width: 99.999%;
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    z-index: 90;
    padding: 25px 30px;
}

.caption-content.bottom-left,
.caption-content.top-left {
    position: absolute;
    text-align: left;
}

.caption-content.bottom-right,
.caption-content.top-right {
    position: absolute;
    text-align: right;
}

.caption-content.top-center,
.caption-content.bottom-center,
.caption-content.middle-center {
    position: absolute;
    text-align: center;
}

.caption-content.bottom-center {
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
}

.caption-content.bottom-left {
    left: 0;
    bottom: 0;
    width: 99.99%;
    z-index: 98;
}

.caption-content.bottom-right {
    right: 0;
    bottom: 0;
    width: 99.99%;
    z-index: 98;
}

.caption-content.middle-center {
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.caption-content.top-left {
    left: 0;
    top: 0;
    width: 99%;
    z-index: 98;
}

.caption-content.top-center {
    left: 0;
    right: 0;
    top: 0;
    width: 99%;
    z-index: 98;
}

.caption-content.top-right {
    right: 0;
    top: 0;
    width: 99%;
    z-index: 98;
}

.caption-content.from-invisible,
.caption-content.from-visible {
    opacity: 0;
    -webkit-transition: all 0.35s ease;
    -moz-transition: all 0.35s ease;
    transition: all 0.35s ease;
    font-size: 1.05em;
}

.caption-content.from-visible {
    opacity: 1;
}

.overlay-caption:hover .caption-content.from-invisible {
    opacity: 1;
}

.overlay-caption:hover .caption-content.from-visible {
    opacity: 0;
}

.caption-content.gradient {
    background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.8) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.8)), color-stop(100%, rgba(0, 0, 0, 0.8)));
    background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.8) 100%);
    background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.8) 100%);
    background: -ms-linear-gradient(bottom, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.8) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, -0.5) 0%, rgba(0, 0, 0, 0.5) 100%);
}

.overlaybg {
    position: relative;
    z-index: 0;
}

.overlaybg:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .4);
    z-index: -1;
}

.overlaybg.dark:after {
    background: rgba(0, 0, 0, .75)
}

.overlaybg.darker:after {
    background: rgba(0, 0, 0, .85)
}





/* PANEL */
.panel {
    background-color: transparent;
    border: none;
    box-shadow: none;
    margin-bottom: 20px;
}

.panel-default>.panel-heading {
    background-color: #f5f5f5;
    border-color: #ddd;
    color: #333;
}

.nav-tabs {
    border-bottom: none;
    margin: 0 5%;
}

.tab-desc {
    margin: 0 5%;
}

.tab-center {
    text-align: center;
    margin-top: 4vw;
}

.tab-content {
    padding-top: 1vw;
}

.nav-tabs>li {
    float: none;
    display: inline-block;
    text-align: center;
}

.nav-tabs>li>a {
    border: none;
    border-radius: none;
    margin-right: 2px;
    padding: 10px 25px;
    color: #837272;
    text-transform: uppercase;
    border-bottom: 2px solid transparent;
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:hover,
.nav-tabs>li.active>a:focus {
    border: none;
    border-bottom: 2px solid #cc9930;
    background: transparent;
    color: #000;
    cursor: default;
    position: relative;
}

.nav-tabs>li>a:hover {
    background: transparent;
    color: #888;
}

.panel-title>a {
    color: #000;
    font-weight: 400;
}

/* IMAGE HOVER */
figure {

    -webkit-transition: all .35s ease-out;
    -moz-transition: all .35s ease-out;
    -o-transition: all .35s ease-out;
    transition: all .35s ease-out;
    position: relative;
    overflow: hidden;
}

figure p {
    /* font-family:'Lato'; */
    font-family: 'Basis Grotesque Pro', sans-serif;
    font-weight: 300;
    text-transform: initial;
    font-size: 15px;
}

font-display: swap;

figure a:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 5;
    background: rgba(0, 0, 0, .4);
    opacity: 0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

figure a img {
    transition: all .35s ease;
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -o-transition: all .35s ease;
    -ms-transition: all .35s ease;
}

figure:hover {
    background: rgba(0, 0, 0, 1);
    )
}

figure a:hover img,
figure a:hover .bg-cover {
    opacity: .5;
    -webkit-transform: scale(1.05);
    /* Webkit: Scale up image to 1.2x original size; */
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
}

figure a {
    display: block;
    -webkit-backface-visibility: hidden;
}

figure img {
    width: 100%;
    height: auto;
    display: block;
}

figure.overlay {
    position: relative;
    z-index: 2;
}

figure.overlay:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5)
}


/* TEXT COLOR */
.text-black,
.text-black p,
.text-black h2,
.text-black .h2,
.text-black h3,
.text-black .h3,
.text-black h4,
.text-black .h4,
.text-black i,
.text-black ul li,
.text-black ol li,
.text-black a,
.text-black label,
.text-black .sub-title {
    color: #000 !important
}

.text-white,
.text-white p,
.text-white h2,
.text-white .h2,
.text-white h3,
.text-white .h3,
.text-white h4,
.text-white .h4,
.text-white i,
.text-white ul li,
.text-white ol li,
.text-white a,
.text-white label,
.text-white .sub-title {
    color: #fff !important
}

.text-gold {
    color: #cc9930 !important;
}

.text-red {
    color: #A4343A !important;
}

/* TEXT */
.sub-title {
    font-size: 12px;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.text-uppercase {
    text-transform: uppercase;
}

.text-center,
.text-center input {
    text-align: center !important
}

.text-left,
.text-left input {
    text-align: left !important
}

.text-right,
.text-right input {
    text-align: right !important
}

@media only screen and (min-width: 768px) {
    .text-sm-center {
        text-align: center !important
    }

    .text-sm-left {
        text-align: left !important
    }

    .text-sm-right {
        text-align: right !important
    }
}

@media only screen and (min-width: 992px) {
    .text-md-center {
        text-align: center !important
    }

    .text-md-left {
        text-align: left !important
    }

    .text-md-right {
        text-align: right !important
    }
}

/* BACKGROUND */
.bg-white {
    background-color: #fff !important;
}

.bg-dark {
    background-color: #272727 !important;
}

.bg-white-transparent {
    background-color: rgba(255, 255, 255, .9) !important;
}

.bg-light-grey {
    background-color: #f2f2f2 !important;
}

.bg-grey {
    background-color: #eaeaea !important;
}

.bg-dark-grey {
    background-color: #454545 !important;
}

.bg-light-green {
    background-color: #f3f3ed !important;
}

.bg-green {
    background: #cc9930 !important
}

.bg-dark-green {
    background: #cc9930 !important
}

.bg-darker-green {
    background: #35352d !important
}

.bg-fixed {
    background-attachment: fixed !important
}

.bg-cover {
    background-size: cover !important;
    object-fit: cover;
}

figure .bg-cover {
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
}

.overlap-bg-wrapper {
    position: relative;
}

.overlap-bg {
    position: absolute;
    width: 150%;
    height: 100%;
}

.overlap-bg.left {
    right: 0;
}

.overlap-bg.right {
    left: 0;
}

@media only screen and (max-width: 1480px) {
    .overlap-bg {
        position: absolute;
        width: 120%;
        height: 100%;
    }
}

@media only screen and (max-width: 480px) {
    .overlap-bg {
        position: absolute;
        width: 100%;
        height: 100%;
    }
}

/* ACCORDION */
.panel-heading .accordion-toggle:after {
    font-family: 'Linearicons-Free';
    font-display: swap;
    content: "\e873";
    float: right;
    color: grey;
}

.panel-heading .accordion-toggle.collapsed:after {
    content: "\e874";
    font-family: 'Linearicons-Free';
    font-display: swap;
}

.panel-default {
    border-color: #fff;
}

.panel-default>.panel-heading {
    color: #333;
    background-color: #fff;
    border-color: #ddd;
    padding: 10px 5px;
}

.panel-title,
.panel-heading .accordion-toggle:after,
.panel-title a.collapsed {
    color: #000
}

.panel-title:hover a,
.panel-title:focus a:focus,
.panel-heading:hover .accordion-toggle:after,
.panel-title a {
    color: #cc9930;
}


.p-relative {
    position: relative;
}

.d-table-cell {
    display: table-cell;
    vertical-align: middle
}

.d-inline-block {
    display: inline-block;
    float: none;
    margin: 0 -2px 0 -3px;
    vertical-align: top;
}

.d-inline-block.v-bottom {
    vertical-align: bottom
}

.overflow-hidden {
    overflow: hidden
}

/* BUTTON */
.btn {
    background: transparent;
    border-radius: 1px;
    color: #000;
    font-size: 14px;
    line-height: 19px;
    padding: 14px 30px;
    text-decoration: none;
    text-transform: uppercase;
    transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
}

.see-all {
    color: #cc9930;
    text-transform: uppercase;
    font-weight: 600;
}

.btn-red {
    background: #75252a;
    color: #fff !important;
}

.btn.btn-green {
    background: #cc9930 !important;
    color: #fff !important;
    border-radius: 20px;
}

.btn.btn-white {
    background: #fff;
    color: #000;
}

.btn:hover,
.btn.border:hover {
    background: #333 !important;
    border-color: #333 !important;
    color: #fff;
}

.btn[class*="border-"] {
    border-width: 2px
}

/* BORDER */
.border-box {
    border: 1px solid rgba(0, 0, 0, .1);
}

.floating-border-box,
.floating-border-box>div {
    position: relative;
    z-index: 1
}

.floating-border-box>div {
    z-index: 1
}

.floating-border-box:after {
    border: 1px solid rgba(0, 0, 0, .15);
    position: absolute;
    width: 100%;
    height: 100%;
    content: '';
    z-index: -1;
    top: 0;
    left: 0;
}

.mfp-content .floating-border-box:after {
    z-index: 0;
}

.floating-border-box.top-right:after {
    top: -50px;
    right: -50px;
    left: initial;
    bottom: initial;
}

.floating-border-box.top-left:after {
    top: -50px;
    left: -50px;
    right: initial;
    bottom: initial;
}

.floating-border-box.bottom-right:after {
    bottom: -50px;
    right: -50px;
    top: initial;
    left: initial;
}

.floating-border-box.bottom-left:after {
    bottom: -50px;
    left: -50px;
    top: initial;
    right: initial;
}

.floating-border-box.inside:after {
    position: absolute;
    width: calc(100% - 3em);
    height: calc(100% - 3em);
    top: 1.5em;
    bottom: 1.5em;
    right: 1.5em;
    left: 1.5em;
}

.border-box.light,
.floating-border-box.light:after {
    border-color: rgba(255, 255, 255, .2)
}

.ornament {
    position: relative;
    z-index: 2
}

.ornament:before,
.ornament:after {
    content: "•";
    display: inline-block;
    position: absolute;
    height: 20px;
    width: 20px;
    text-align: center;
    line-height: 20px;
    font-family: 'Linearicons-Free';
    color: #cc9930;
    font-size: 18px;
}

font-display: swap;

.ornament:before {
    top: 20px;
    left: 20px;
}

.ornament:after {
    top: 20px;
    right: 20px;
}


.no-border {
    border: none !important
}

.no-border-right {
    border-right: none !important
}

.border-white {
    border: 1px solid #fff;
}

.border-light {
    border: 1px solid rgba(255, 255, 255, .2);
}

.border-black {
    border: 1px solid #000;
}

.border-green {
    border: 1px solid #cc9930;
}

.border-grey {
    border: 1px solid rgba(0, 0, 0, .15);
}

.border-left {
    border-width: 0 0 0 1px
}

.border-right {
    border-width: 0 1px 0 0
}

.border-top {
    border-width: 1px 0 0 0
}

.border-bottom {
    border-width: 0 0 1px 0
}


.modal-header {
    min-height: 16.42857143px;
    padding: 15px;
    border-bottom: none;
}

/* -------------------------------------
  Magnific Popup
----------------------------------------*/
.mfp-fade.mfp-bg {
    background: #000;
    opacity: 0;
    transition: all 0.35s ease-out;
    -webkit-transition: all 0.35s ease-out;
    -moz-transition: all 0.35s ease-out;
}

.mfp-fade.mfp-bg.mfp-ready {
    opacity: .9;
    z-index: 999999;
}

.mfp-fade.mfp-bg.mfp-removing {
    opacity: 0;
}

.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0;
    box-sizing: border-box;
}

.mfp-fade.mfp-wrap .mfp-content,
.mfp-fade.mfp-wrap .mfp-content iframe {
    opacity: 0;
    transition: all 0.35s ease-out;
    -webkit-transition: all 0.35s ease-out;
    -moz-transition: all 0.35s ease-out;
}

.mfp-fade.mfp-wrap.mfp-ready .mfp-content,
.mfp-fade.mfp-wrap.mfp-ready .mfp-content iframe {
    opacity: 1;
}

.mfp-fade.mfp-wrap.mfp-removing .mfp-content,
.mfp-fade.mfp-wrap.mfp-removing .mfp-content iframe {
    opacity: 0;
}

.mfp-wrap {
    z-index: 999999;
}

.mfp-img {
    opacity: 1 !important;
    transform: translate3d(0, 0, 0);
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
    max-width: 100%;
}

/* .mfp-inline-holder .mfp-close {
    color: #000 !important;
    padding-right:0px;
    right: 5% !important;
    top: 5%  !important;
    text-align: right;
    width: 100%;
} */
#book .mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: fixed;
    right: 5px;
    top: 5px;
    text-decoration: none;
    text-align: center;
    opacity: 0.85;
    padding: 0;
    font-style: normal;
    font-family: Arial, Baskerville, monospace;
    font-display: swap;
}

.white-popup-block {
    background: #FFF;
    max-width: 650px;
    margin: 40px auto;
    position: relative;
    text-align: left;
}

#book.white-popup-block {
    background: #FFF;
    max-width: 90%;
    height: 100%;
    min-height: 90vh;
    margin: auto;
    position: relative;
    text-align: left;
}

.white-popup-block.fullscreen {
    max-width: 100%;
    height: 100%;
    min-height: 100vh;
    margin: auto;
}

.mfp-arrow {
    background-color: rgba(0, 0, 0, .9) !important;
    background-position: 50% 50% !important;
    background-repeat: no-repeat !important;
    background-size: 30px !important;
    height: 60px !important;
    margin-top: -30px !important;
    transition: all 0.3s ease !important;
    width: 60px !important;
    -webkit-transition: all 0.3s ease !important;
    -moz-transition: all 0.3s ease !important;
}

.mfp-arrow-left {
    background-image: url(../themes/pearl/assets/images/prev-small.png) !important;
}

.mfp-arrow-right {
    background-image: url(../themes/pearl/assets/images/next-small.png) !important;
}

.mfp-arrow:before,
.mfp-arrow:after {
    display: none;
}

img.mfp-img {
    box-sizing: border-box;
    display: block;
    height: auto !important;
    line-height: 0;
    margin: 0 auto;
    max-width: 100% !important;
    padding: 0;
    transition: all 0.3s ease;
    width: auto !important;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.mfp-content figure,
.mfp-content figure:hover {
    overflow: initial !important;
    background: #fff;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
    top: -40px;
}

button.mfp-close,
button.mfp-arrow {
    font-size: 36px;
    color: #000;
    top: 10px;
    right: 10px;
}

.mfp-bottom-bar {
    margin-top: 10px;
}


.promo-box,
.promo-bar {
    position: fixed;
    bottom: 0;
    right: 0;
    width: 360px;
    background: #feffee;
    border-radius: 0;
    margin: 0 15px 15px;
    box-shadow: 3px 4px 7px rgba(0, 0, 0, .1);
    z-index: 98;
    overflow: hidden;
    display: none;
}

.promo-box,
.promo-bar {
    opacity: 0;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
    transition-duration: 500ms;
    transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    display: block;
    pointer-events: none;
}

.promo-box {
    -webkit-transform: scale(0.75);
    -moz-transform: scale(0.75);
    -ms-transform: scale(0.75);
    -o-transform: scale(0.75);
    transform: scale(0.75);
}

.promo-bar {
    display: block;
    padding: 12px 25px;
    cursor: pointer;
    /*animation: colorchange 10s infinite; -webkit-animation: colorchange 10s infinite;*/
}

.promo-box.visible {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    pointer-events: initial;
}

.promo-bar.visible {
    opacity: 1;
    pointer-events: initial;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    animation: fadeInUp .75s;
}

.promo-box>.promo-content {
    padding: 10%;
}

.promo-box>.promo-content h3 {
    line-height: 27px;
    font-size: calc(20px + (50 - 45) * ((100vw - 480px) / (1600 - 480)));
}

.promo-box>.promo-content p {
    font-size: 13px;
    letter-spacing: .05em;
    line-height: 20px;
}

.promo-box button,
.promo-bar button {
    font-size: 28px;
    font-family: Arial, Baskerville, monospace;
    font-display: swap;
    width: 44px;
    height: 44px;
    line-height: 44px;
    overflow: visible;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: none;
    padding: 0;
    z-index: 1046;
    box-shadow: none;
    position: absolute;
    top: 2px;
    right: 2px;
    touch-action: manipulation;
}

@media screen and (max-width: 480px) {
    .promo-bar {
        padding: 12px 15px
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translate3d(0, 100%, 0);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

@keyframes colorchange {
    0% {
        background: #fff;
        color: #333;
    }

    25% {
        background: #926b1f;
        color: #fff
    }

    50% {
        background: #fff;
        color: #333
    }

    75% {
        background: #926b1f;
        color: #fff
    }

    100% {
        background: #fff;
        color: #333;
    }
}

@-webkit-keyframes colorchange

/* Safari and Chrome - necessary duplicate */
    {
    0% {
        background: #fff;
        color: #333;
    }

    25% {
        background: #926b1f;
        color: #fff
    }

    50% {
        background: #fff;
        color: #333
    }

    75% {
        background: #926b1f;
        color: #fff
    }

    100% {
        background: #fff;
        color: #333;
    }
}


/* MARGIN */
.no-margin {
    margin: 0 !important;
}

.no-margin-top {
    margin-top: 0 !important;
}

.margin-top-5 {
    margin-top: 5px !important;
}

.margin-top-10 {
    margin-top: 10px !important;
}

.margin-top-20 {
    margin-top: 20px !important;
}

.margin-top-30 {
    margin-top: 30px !important;
}

.margin-top-40 {
    margin-top: 40px !important;
}

.margin-top-50 {
    margin-top: 50px !important;
}

.margin-top-60 {
    margin-top: 60px !important;
}

.margin-top-reverse-5 {
    margin-top: -5px !important;
}

.margin-top-reverse-10 {
    margin-top: -10px !important;
}

.margin-top-reverse-20 {
    margin-top: -20px !important;
}

.margin-top-reverse-30 {
    margin-top: -30px !important;
}

.margin-top-reverse-40 {
    margin-top: -40px !important;
}

.margin-top-reverse-50 {
    margin-top: -50px !important;
}

.margin-top-reverse-60 {
    margin-top: -60px !important;
}

.no-margin-right {
    margin-right: 0 !important;
}

.margin-right-5 {
    margin-right: 5px !important;
}

.margin-right-10 {
    margin-right: 10px !important;
}

.margin-right-20 {
    margin-right: 20px !important;
}

.margin-right-30 {
    margin-right: 30px !important;
}

.margin-right-40 {
    margin-right: 40px !important;
}

.margin-right-50 {
    margin-right: 50px !important;
}

.margin-right-60 {
    margin-right: 60px !important;
}

.margin-right-reverse-5 {
    margin-right: -5px !important;
}

.margin-right-reverse-10 {
    margin-right: -10px !important;
}

.margin-right-reverse-20 {
    margin-right: -20px !important;
}

.margin-right-reverse-30 {
    margin-right: -30px !important;
}

.margin-right-reverse-40 {
    margin-right: -40px !important;
}

.margin-right-reverse-50 {
    margin-right: -50px !important;
}

.margin-right-reverse-60 {
    margin-right: -60px !important;
}

.no-margin-bottom {
    margin-bottom: 0 !important;
}

.margin-bottom-5 {
    margin-bottom: 5px !important;
}

.margin-bottom-10 {
    margin-bottom: 10px !important;
}

.margin-bottom-20 {
    margin-bottom: 20px !important;
}

.margin-bottom-30 {
    margin-bottom: 30px !important;
}

.margin-bottom-40 {
    margin-bottom: 40px !important;
}

.margin-bottom-50 {
    margin-bottom: 50px !important;
}

.margin-bottom-60 {
    margin-bottom: 60px !important;
}

.margin-bottom-reverse-5 {
    margin-bottom: -5px !important;
}

.margin-bottom-reverse-10 {
    margin-bottom: -10px !important;
}

.margin-bottom-reverse-20 {
    margin-bottom: -20px !important;
}

.margin-bottom-reverse-30 {
    margin-bottom: -30px !important;
}

.margin-bottom-reverse-40 {
    margin-bottom: -40px !important;
}

.margin-bottom-reverse-50 {
    margin-bottom: -50px !important;
}

.margin-bottom-reverse-60 {
    margin-bottom: -60px !important;
}

.no-margin-left {
    margin-left: 0 !important;
}

.margin-left-5 {
    margin-left: 5px !important;
}

.margin-left-10 {
    margin-left: 10px !important;
}

.margin-left-20 {
    margin-left: 20px !important;
}

.margin-left-30 {
    margin-left: 30px !important;
}

.margin-left-40 {
    margin-left: 40px !important;
}

.margin-left-50 {
    margin-left: 50px !important;
}

.margin-left-60 {
    margin-left: 60px !important;
}

.margin-left-reverse-5 {
    margin-left: -5px !important;
}

.margin-left-reverse-10 {
    margin-left: -10px !important;
}

.margin-left-reverse-20 {
    margin-left: -20px !important;
}

.margin-left-reverse-30 {
    margin-left: -30px !important;
}

.margin-left-reverse-40 {
    margin-left: -40px !important;
}

.margin-left-reverse-50 {
    margin-left: -50px !important;
}

.margin-left-reverse-60 {
    margin-left: -60px !important;
}

.margin-5 {
    margin: 5px !important;
}

.margin-8 {
    margin: 8px !important;
}

.margin-10 {
    margin: 10px !important;
}

.margin-15 {
    margin: 15px !important;
}

.margin-20 {
    margin: 20px !important;
}

.margin-30 {
    margin: 30px !important;
}

.margin-40 {
    margin: 40px !important;
}

.margin-50 {
    margin: 50px !important;
}

.margin-60 {
    margin: 60px !important;
}

.margin-fluid-1 {
    margin: 1vw !important;
}

.margin-fluid-2 {
    margin: 2vw !important;
}

.margin-fluid-3 {
    margin: 3vw !important;
}

.margin-fluid-4 {
    margin: 4vw !important;
}

.margin-fluid-5 {
    margin: 5vw !important;
}

.margin-fluid-6 {
    margin: 6vw !important;
}

.margin-fluid-7 {
    margin: 7vwv;
}

.margin-fluid-8 {
    margin: 8vw !important;
}

.margin-fluid-9 {
    margin: 9vw !important;
}

.margin-fluid-10 {
    margin: 10vw !important;
}

.margin-fluid-top-1 {
    margin-top: 1vw !important;
}

.margin-fluid-top-2 {
    margin-top: 2vw !important;
}

.margin-fluid-top-3 {
    margin-top: 3vw !important;
}

.margin-fluid-top-4 {
    margin-top: 4vw !important;
}

.margin-fluid-top-5 {
    margin-top: 5vw !important;
}

.margin-fluid-top-6 {
    margin-top: 6vw !important;
}

.margin-fluid-top-7 {
    margin-top: 7vw !important;
}

.margin-fluid-top-8 {
    margin-top: 8vw !important;
}

.margin-fluid-top-9 {
    margin-top: 9vw !important;
}

.margin-fluid-top-10 {
    margin-top: 10vw !important;
}

.margin-fluid-top-11 {
    margin-top: 11vw !important;
}

.margin-fluid-top-12 {
    margin-top: 12vw !important;
}

.margin-fluid-top-reverse-1 {
    margin-top: -1vw !important;
}

.margin-fluid-top-reverse-2 {
    margin-top: -2vw !important;
}

.margin-fluid-top-reverse-3 {
    margin-top: -3vw !important;
}

.margin-fluid-top-reverse-4 {
    margin-top: -4vw !important;
}

.margin-fluid-top-reverse-5 {
    margin-top: -5vw !important;
}

.margin-fluid-top-reverse-6 {
    margin-top: -6vw !important;
}

.margin-fluid-top-reverse-7 {
    margin-top: -7vw !important;
}

.margin-fluid-top-reverse-8 {
    margin-top: -8vw !important;
}

.margin-fluid-top-reverse-9 {
    margin-top: -9vw !important;
}

.margin-fluid-top-reverse-10 {
    margin-top: -10vw !important;
}

.margin-fluid-top-reverse-11 {
    margin-top: -11vw !important;
}

.margin-fluid-top-reverse-12 {
    margin-top: -12vw !important;
}

.margin-fluid-right-1 {
    margin-right: 1vw !important;
}

.margin-fluid-right-2 {
    margin-right: 2vw !important;
}

.margin-fluid-right-3 {
    margin-right: 3vw !important;
}

.margin-fluid-right-4 {
    margin-right: 4vw !important;
}

.margin-fluid-right-5 {
    margin-right: 5vw !important;
}

.margin-fluid-right-6 {
    margin-right: 6vw !important;
}

.margin-fluid-right-7 {
    margin-right: 7vw !important;
}

.margin-fluid-right-8 {
    margin-right: 8vw !important;
}

.margin-fluid-right-9 {
    margin-right: 9vw !important;
}

.margin-fluid-right-10 {
    margin-right: 10vw !important;
}

.margin-fluid-right-11 {
    margin-right: 11vw !important;
}

.margin-fluid-right-12 {
    margin-right: 12vw !important;
}

.margin-fluid-right-reverse-1 {
    margin-right: -1vw !important;
}

.margin-fluid-right-reverse-2 {
    margin-right: -2vw !important;
}

.margin-fluid-right-reverse-3 {
    margin-right: -3vw !important;
}

.margin-fluid-right-reverse-4 {
    margin-right: -4vw !important;
}

.margin-fluid-right-reverse-5 {
    margin-right: -5vw !important;
}

.margin-fluid-right-reverse-6 {
    margin-right: -6vw !important;
}

.margin-fluid-right-reverse-7 {
    margin-right: -7vw !important;
}

.margin-fluid-right-reverse-8 {
    margin-right: -8vw !important;
}

.margin-fluid-right-reverse-9 {
    margin-right: -9vw !important;
}

.margin-fluid-right-reverse-10 {
    margin-right: -10vw !important;
}

.margin-fluid-right-reverse-11 {
    margin-right: -11vw !important;
}

.margin-fluid-right-reverse-12 {
    margin-right: -12vw !important;
}

.margin-fluid-bottom-1 {
    margin-bottom: 1vw !important;
}

.margin-fluid-bottom-2 {
    margin-bottom: 2vw !important;
}

.margin-fluid-bottom-3 {
    margin-bottom: 3vw !important;
}

.margin-fluid-bottom-4 {
    margin-bottom: 4vw !important;
}

.margin-fluid-bottom-5 {
    margin-bottom: 5vw !important;
}

.margin-fluid-bottom-6 {
    margin-bottom: 6vw !important;
}

.margin-fluid-bottom-7 {
    margin-bottom: 7vw !important;
}

.margin-fluid-bottom-8 {
    margin-bottom: 8vw !important;
}

.margin-fluid-bottom-9 {
    margin-bottom: 9vw !important;
}

.margin-fluid-bottom-10 {
    margin-bottom: 10vw !important;
}

.margin-fluid-bottom-11 {
    margin-bottom: 11vw !important;
}

.margin-fluid-bottom-12 {
    margin-bottom: 12vw !important;
}

.margin-fluid-bottom-reverse-1 {
    margin-bottom: -1vw !important;
}

.margin-fluid-bottom-reverse-2 {
    margin-bottom: -2vw !important;
}

.margin-fluid-bottom-reverse-3 {
    margin-bottom: -3vw !important;
}

.margin-fluid-bottom-reverse-4 {
    margin-bottom: -4vw !important;
}

.margin-fluid-bottom-reverse-5 {
    margin-bottom: -5vw !important;
}

.margin-fluid-bottom-reverse-6 {
    margin-bottom: -6vw !important;
}

.margin-fluid-bottom-reverse-7 {
    margin-bottom: -7vw !important;
}

.margin-fluid-bottom-reverse-8 {
    margin-bottom: -8vw !important;
}

.margin-fluid-bottom-reverse-9 {
    margin-bottom: -9vw !important;
}

.margin-fluid-bottom-reverse-10 {
    margin-bottom: -10vw !important;
}

.margin-fluid-bottom-reverse-11 {
    margin-bottom: -11vw !important;
}

.margin-fluid-bottom-reverse-12 {
    margin-bottom: -12vw !important;
}

.margin-fluid-left-1 {
    margin-left: 1vw !important;
}

.margin-fluid-left-2 {
    margin-left: 2vw !important;
}

.margin-fluid-left-3 {
    margin-left: 3vw !important;
}

.margin-fluid-left-4 {
    margin-left: 4vw !important;
}

.margin-fluid-left-5 {
    margin-left: 5vw !important;
}

.margin-fluid-left-6 {
    margin-left: 6vw !important;
}

.margin-fluid-left-7 {
    margin-left: 7vw !important;
}

.margin-fluid-left-8 {
    margin-left: 8vw !important;
}

.margin-fluid-left-9 {
    margin-left: 9vw !important;
}

.margin-fluid-left-10 {
    margin-left: 10vw !important;
}

.margin-fluid-left-11 {
    margin-left: 11vw !important;
}

.margin-fluid-left-12 {
    margin-left: 12vw !important;
}

.margin-fluid-left-reverse-1 {
    margin-left: -1vw !important;
}

.margin-fluid-left-reverse-2 {
    margin-left: -2vw !important;
}

.margin-fluid-left-reverse-3 {
    margin-left: -3vw !important;
}

.margin-fluid-left-reverse-4 {
    margin-left: -4vw !important;
}

.margin-fluid-left-reverse-5 {
    margin-left: -5vw !important;
}

.margin-fluid-left-reverse-6 {
    margin-left: -6vw !important;
}

.margin-fluid-left-reverse-7 {
    margin-left: -7vw !important;
}

.margin-fluid-left-reverse-8 {
    margin-left: -8vw !important;
}

.margin-fluid-left-reverse-9 {
    margin-left: -9vw !important;
}

.margin-fluid-left-reverse-10 {
    margin-left: -10vw !important;
}

.margin-fluid-left-reverse-10 {
    margin-left: -11vw !important;
}

.margin-fluid-left-reverse-10 {
    margin-left: -12vw !important;
}


/*padding*/
.no-padding {
    padding: 0 !important;
}

.no-padding-top {
    padding-top: 0 !important;
}

.padding-top-5 {
    padding-top: 5px !important;
}

.padding-top-10 {
    padding-top: 10px !important;
}

.padding-top-20 {
    padding-top: 20px !important;
}

.padding-top-30 {
    padding-top: 30px !important;
}

.padding-top-40 {
    padding-top: 40px !important;
}

.padding-top-50 {
    padding-top: 50px !important;
}

.padding-top-60 {
    padding-top: 60px !important;
}

.padding-top-70 {
    padding-top: 70px !important;
}

.padding-top-80 {
    padding-top: 80px !important;
}

.padding-top-90 {
    padding-top: 90px !important;
}

.padding-top-100 {
    padding-top: 100px !important;
}

.padding-top-110 {
    padding-top: 110px !important;
}

.padding-top-120 {
    padding-top: 120px !important;
}

.no-padding-right {
    padding-right: 0 !important;
}

.padding-right-5 {
    padding-right: 5px !important;
}

.padding-right-10 {
    padding-right: 10px !important;
}

.padding-right-15 {
    padding-right: 15px !important;
}

.padding-right-20 {
    padding-right: 20px !important;
}

.padding-right-30 {
    padding-right: 30px !important;
}

.padding-right-40 {
    padding-right: 40px !important;
}

.padding-right-50 {
    padding-right: 50px !important;
}

.padding-right-60 {
    padding-right: 60px !important;
}

.no-padding-bottom {
    padding-bottom: 0 !important;
}

.padding-bottom-5 {
    padding-bottom: 5px !important;
}

.padding-bottom-10 {
    padding-bottom: 10px !important;
}

.padding-bottom-20 {
    padding-bottom: 20px !important;
}

.padding-bottom-30 {
    padding-bottom: 30px !important;
}

.padding-bottom-40 {
    padding-bottom: 40px !important;
}

.padding-bottom-50 {
    padding-bottom: 50px !important;
}

.padding-bottom-60 {
    padding-bottom: 60px !important;
}

.padding-bottom-70 {
    padding-bottom: 70px !important;
}

.padding-bottom-80 {
    padding-bottom: 80px !important;
}

.padding-bottom-90 {
    padding-bottom: 90px !important;
}

.padding-bottom-100 {
    padding-bottom: 100px !important;
}

.padding-bottom-110 {
    padding-bottom: 110px !important;
}

.padding-bottom-120 {
    padding-bottom: 120px !important;
}

.padding-bottom-130 {
    padding-bottom: 130px !important;
}

.padding-bottom-140 {
    padding-bottom: 140px !important;
}

.padding-bottom-150 {
    padding-bottom: 150px !important;
}

.no-padding-left {
    padding-left: 0 !important;
}

.padding-left-5 {
    padding-left: 5px !important;
}

.padding-left-10 {
    padding-left: 10px !important;
}

.padding-left-15 {
    padding-left: 15px !important;
}

.padding-left-20 {
    padding-left: 20px !important;
}

.padding-left-30 {
    padding-left: 30px !important;
}

.padding-left-40 {
    padding-left: 40px !important;
}

.padding-left-50 {
    padding-left: 50px !important;
}

.padding-left-60 {
    padding-left: 60px !important;
}


.padding-5 {
    padding: 5px !important;
}

.padding-8 {
    padding: 8px !important;
}

.padding-10 {
    padding: 10px !important;
}

.padding-15 {
    padding: 15px !important;
}

.padding-20 {
    padding: 20px !important;
}

.padding-30 {
    padding: 30px !important;
}

.padding-40 {
    padding: 40px !important;
}

.padding-50 {
    padding: 50px !important;
}

.padding-60 {
    padding: 60px !important;
}

.padding-fluid-1 {
    padding: 1vw !important;
}

.padding-fluid-2 {
    padding: 2vw !important;
}

.padding-fluid-3 {
    padding: 3vw !important;
}

.padding-fluid-4 {
    padding: 4vw !important;
}

.padding-fluid-5 {
    padding: 5vw !important;
}

.padding-fluid-6 {
    padding: 6vw !important;
}

.padding-fluid-7 {
    padding: 7vw !important;
}

.padding-fluid-8 {
    padding: 8vw !important;
}

.padding-fluid-9 {
    padding: 9vw !important;
}

.padding-fluid-10 {
    padding: 10vw !important;
}

.padding-fluid-11 {
    padding: 11vw !important;
}

.padding-fluid-12 {
    padding: 12vw !important;
}

.padding-fluid-top-1 {
    padding-top: 1vw !important;
}

.padding-fluid-top-2 {
    padding-top: 2vw !important;
}

.padding-fluid-top-3 {
    padding-top: 3vw !important;
}

.padding-fluid-top-4 {
    padding-top: 4vw !important;
}

.padding-fluid-top-5 {
    padding-top: 5vw !important;
}

.padding-fluid-top-6 {
    padding-top: 6vw !important;
}

.padding-fluid-top-7 {
    padding-top: 7vw !important;
}

.padding-fluid-top-8 {
    padding-top: 8vw !important;
}

.padding-fluid-top-9 {
    padding-top: 9vw !important;
}

.padding-fluid-top-10 {
    padding-top: 10vw !important;
}

.padding-fluid-top-11 {
    padding-top: 11vw !important;
}

.padding-fluid-top-12 {
    padding-top: 12vw !important;
}


.padding-fluid-right-1 {
    padding-right: 1vw !important;
}

.padding-fluid-right-2 {
    padding-right: 2vw !important;
}

.padding-fluid-right-3 {
    padding-right: 3vw !important;
}

.padding-fluid-right-4 {
    padding-right: 4vw !important;
}

.padding-fluid-right-5 {
    padding-right: 5vw !important;
}

.padding-fluid-right-6 {
    padding-right: 6vw !important;
}

.padding-fluid-right-7 {
    padding-right: 7vw !important;
}

.padding-fluid-right-8 {
    padding-right: 8vw !important;
}

.padding-fluid-right-9 {
    padding-right: 9vw !important;
}

.padding-fluid-right-10 {
    padding-right: 10vw !important;
}

.padding-fluid-right-11 {
    padding-right: 11vw !important;
}

.padding-fluid-right-12 {
    padding-right: 12vw !important;
}


.padding-fluid-bottom-1 {
    padding-bottom: 1vw !important;
}

.padding-fluid-bottom-2 {
    padding-bottom: 2vw !important;
}

.padding-fluid-bottom-3 {
    padding-bottom: 3vw !important;
}

.padding-fluid-bottom-4 {
    padding-bottom: 4vw !important;
}

.padding-fluid-bottom-5 {
    padding-bottom: 5vw !important;
}

.padding-fluid-bottom-6 {
    padding-bottom: 6vw !important;
}

.padding-fluid-bottom-7 {
    padding-bottom: 7vw !important;
}

.padding-fluid-bottom-8 {
    padding-bottom: 8vw !important;
}

.padding-fluid-bottom-9 {
    padding-bottom: 9vw !important;
}

.padding-fluid-bottom-10 {
    padding-bottom: 10vw !important;
}

.padding-fluid-bottom-11 {
    padding-bottom: 11vw !important;
}

.padding-fluid-bottom-12 {
    padding-bottom: 12vw !important;
}


.padding-fluid-left-1 {
    padding-left: 1vw !important;
}

.padding-fluid-left-2 {
    padding-left: 2vw !important;
}

.padding-fluid-left-3 {
    padding-left: 3vw !important;
}

.padding-fluid-left-4 {
    padding-left: 4vw !important;
}

.padding-fluid-left-5 {
    padding-left: 5vw !important;
}

.padding-fluid-left-6 {
    padding-left: 6vw !important;
}

.padding-fluid-left-7 {
    padding-left: 7vw !important;
}

.padding-fluid-left-8 {
    padding-left: 8vw !important;
}

.padding-fluid-left-9 {
    padding-left: 9vw !important;
}

.padding-fluid-left-10 {
    padding-left: 10vw !important;
}

.padding-fluid-left-11 {
    padding-left: 11vw !important;
}

.padding-fluid-left-12 {
    padding-left: 12vw !important;
}


.margin-center {
    float: inherit;
    margin: 0 auto
}

.min-h-150 {
    min-height: 150px;
}

.min-h-200 {
    min-height: 200px;
}

.min-h-250 {
    min-height: 250px;
}

.min-h-300 {
    min-height: 300px;
}

.min-h-350 {
    min-height: 350px;
}

.min-h-400 {
    min-height: 400px;
}

.min-h-450 {
    min-height: 450px;
}

.h-xs-5 {
    height: 5vw
}

.h-xs-10 {
    height: 10vw
}

.h-xs-15 {
    height: 15vw
}

.h-xs-17 {
    height: 17vw
}

.h-xs-18 {
    height: 18vw
}

.h-xs-20 {
    height: 20vw
}

.h-xs-25 {
    height: 25vw
}

.h-xs-30 {
    height: 30vw
}

.h-xs-35 {
    height: 35vw
}

.h-xs-40 {
    height: 40vw
}

.h-xs-45 {
    height: 45vw
}

.h-xs-50 {
    height: 50vw
}

.h-xs-55 {
    height: 55vw
}

.h-xs-60 {
    height: 60vw
}

@media only screen and (min-width: 768px) {
    .min-h-sm-250 {
        min-height: 250px;
    }

    .min-h-sm-300 {
        min-height: 300px;
    }

    .min-h-sm-350 {
        min-height: 350px;
    }

    .min-h-sm-400 {
        min-height: 400px;
    }

    .min-h-sm-450 {
        min-height: 450px;
    }

    .min-h-sm-500 {
        min-height: 500px;
    }

    .min-h-sm-550 {
        min-height: 550px;
    }

    .h-sm-5 {
        height: 5vw
    }

    .h-sm-10 {
        height: 10vw
    }

    .h-sm-15 {
        height: 15vw
    }

    .h-sm-17 {
        height: 17vw
    }

    .h-sm-18 {
        height: 18vw
    }

    .h-sm-20 {
        height: 20vw
    }

    .h-sm-25 {
        height: 25vw
    }

    .h-sm-30 {
        height: 30vw
    }

    .h-sm-35 {
        height: 35vw
    }

    .h-sm-40 {
        height: 40vw
    }

    .h-sm-45 {
        height: 45vw
    }

    .h-sm-50 {
        height: 50vw
    }

    .h-sm-55 {
        height: 55vw
    }

    .h-sm-60 {
        height: 60vw
    }
}

@media only screen and (min-width: 1400px) {
    .min-h-md-250 {
        min-height: 250px;
    }

    .min-h-md-300 {
        min-height: 300px;
    }

    .min-h-md-350 {
        min-height: 350px;
    }

    .min-h-md-400 {
        min-height: 400px;
    }

    .min-h-md-450 {
        min-height: 450px;
    }

    .min-h-md-500 {
        min-height: 500px;
    }

    .min-h-md-550 {
        min-height: 550px;
    }

    .h-md-2 {
        height: 2vw
    }

    .h-md-5 {
        height: 5vw
    }

    .h-md-10 {
        height: 10vw
    }

    .h-md-15 {
        height: 15vw
    }

    .h-md-17 {
        height: 17vw
    }

    .h-md-18 {
        height: 18vw
    }

    .h-md-20 {
        height: 20vw
    }

    .h-md-25 {
        height: 25vw
    }

    .h-md-30 {
        height: 30vw
    }

    .h-md-35 {
        height: 35vw
    }

    .h-md-38 {
        height: 38vw
    }

    .h-md-40 {
        height: 40vw
    }

    .h-md-45 {
        height: 45vw
    }

    .h-md-50 {
        height: 50vw
    }

    .h-md-55 {
        height: 55vw
    }

    .h-md-60 {
        height: 60vw
    }
}

/* COLUMN */
.col-two {
    column-count: 1;
    -moz-column-count: 1;
    -webkit-column-count: 1;
}

.col-three {
    column-count: 3;
    -moz-column-count: 3;
    -webkit-column-count: 3;
}

.col-two,
.col-three {
    -webkit-column-gap: 40px;
    -moz-column-gap: 40px;
    column-gap: 40px;
    -moz-column-fill: balance;
    column-fill: balance;
}

ul.list.two-col {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
}

@media only screen and (max-width: 1024px) {
    .col-three {
        column-count: 2;
        -moz-column-count: 2;
        -webkit-column-count: 2;
    }
}

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

    .col-two,
    .col-three {
        column-count: 1;
        -moz-column-count: 1;
        -webkit-column-count: 1;
    }
}

/* .aligncenter, .alignnone {
    display: block;
    margin-left:-4vw;
    margin-right:-4vw;
    margin-bottom: 3.125rem;
    margin-top: 3.125rem;
    width: auto !important;
}
.aligncenter img, .alignnone img {
    margin: 0 auto;
    display: block;
    height: auto;
    max-width: 100%;
} */

.owl-theme .owl-dots {
    text-align: center;
}

.owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
    *display: inline;
    /*IE7 life-saver */
}

.owl-theme .owl-dots .owl-dot span {
    display: block;
    width: 10px;
    height: 10px;
    margin: 5px;
    filter: Alpha(Opacity=50);
    /*IE7 fix*/
    opacity: 0.45;
    transform: scale(.5);
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background: #000;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
    filter: Alpha(Opacity=100);
    /*IE7 fix*/
    opacity: 1;
    background: transparent;
    border: 2px solid #000;
    transform: scale(1);
}

.text-white .owl-theme .owl-dots .owl-dot span {
    background: #fff;
}

.text-white .owl-theme .owl-dots .owl-dot.active span,
.text-white .owl-theme .owl-controls.clickable .owl-page:hover span {
    border: 2px solid #fff;
    background: transparent;
}

@media (min-width: 992px) {
    .so-modal-dialog {
        width: 90%;
    }
}

.so-modal-content {
    height: auto;
    min-height: 100%;
    border-radius: 0;
}

.so-offer-details {
    color: #cc9930 !important;
    position: relative;
    text-decoration: underline;
}

.so-offer-details i {
    position: absolute;
    top: 5px;
    margin-left: 5px;
}

.menu-btn {
    margin-top: 10px;
    width: 70%;
}

.enquiry-btn {
    width: 70%;
}

@media (min-width: 992px) {
    .so-subtitle {
        margin-left: 10px;
    }
}

.close-btn-aw {
    z-index: 1;
    position: absolute;
    top: 20px;
    right: 20px;
    color: #000;
    opacity: 1;
    font-weight: normal;
}

.times-modal {
    font-size: 30px;
}

h3.so-title-modal {
    margin-bottom: 20px;
}

.room-spec-so {
    margin-top: 5px;
    margin-bottom: 10px;
}

.room-spec-so span:nth-child(1) {
    margin-right: 15px;
}

.room-spec-so span:nth-child(2) {
    margin-right: 15px;
    margin-left: 15px;
}

.room-spec-so span:nth-child(3) {
    margin-left: 15px;
}

.room-detail-facilities ul {
    column-count: 2;
    column-gap: 60px;
    margin-left: 0;
}

.room-detail-facilities i.fa-check {
    margin-left: -25px;
}

@media screen and (max-width: 500px) {
    .room-detail-facilities {
        margin-top: 25px;
    }
}

@media (min-width: 992px) {
    .room-detail-facilities h3 {
        margin-left: -25px;
    }
}

.about-property {
    text-align: center;
}

@media (min-width: 992px) {
    .so-content-detail-wrapper {
        height: 432px;
        overflow: hidden;
    }

    a.so-detail-btn-modal {
        margin-left: 46px;
        margin-top: 25px;
        border: 1px solid rgba(0, 0, 0, .3);
        display: inline-block;
        padding: 8px;
    }

    .so-detail-modal.fade.in {
        background: rgba(0, 0, 0, .7);
    }
}

@media (min-width: 1281px) {
    .so-content-detail-wrapper {
        height: 476px;
        overflow: hidden;
    }
}


@media (min-width: 1367px) {
    .so-content-detail-wrapper {
        height: 380px;
    }

    .caption-content h3 {
        font-size: 22px;
    }
}

@media (min-width: 1518px) {
    .so-content-detail-wrapper {
        height: 439px;
    }
}

.so-content-inner-wrapper {
    height: 100%;
}

.so-bg:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 5;
    background: rgba(0, 0, 0, .3);
    opacity: 1;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

@media (max-width: 1399px) {
    .caption-content h3 {
        font-size: 21px;
    }
}

.flex-direction-nav {
    display: none
}

.about-hotel-wrapper p {
    text-align: justify;
}

@media (min-width: 992px) {
    /*.owl-carousel .owl-nav {
        margin-bottom: 25px;
        margin-top: -10px;
    }*/
    /*.owl-carousel .owl-prev, .owl-carousel .owl-next {
        position: absolute;
        text-align: center;
    }*/
    /*.owl-carousel .owl-nav .owl-next {
        right: 500px;
        border: 1px solid #333;
        border-radius: 50%;
        bottom: -25px;
        padding: 0px 10px;
    }
    .owl-carousel .owl-nav .owl-prev {
        left: 500px;
        border: 1px solid #333;
        border-radius: 50%;
        bottom: -25px;
        padding: 0px 10px;
    }*/

    .so-content-inner-wrapper .list-inlines ul {
        margin-left: -20px;
    }
}

a.so-view-package {
    border: 1px solid rgba(0, 0, 0, .3);
    display: inline-block;
    padding: 8px;
}

@media (max-width: 1280px) {
    /*.owl-carousel .owl-nav .owl-next {
        right: 500px;
    }
    .owl-carousel .owl-nav .owl-prev {
        left: 500px;
    }*/
}

@media (min-width: 1367px) {
    /*.owl-carousel .owl-nav .owl-next {
        right: 500px;
    }
    .owl-carousel .owl-nav .owl-prev {
        left: 500px;
    }   */
}

@media (min-width: 1517px) {
    /*.owl-carousel .owl-nav .owl-next {
        right: 500px;
    }
    .owl-carousel .owl-nav .owl-prev {
        left: 500px;
    }     */
}


.so-package-btn-modal {
    display: inline-block;
    padding: 8px;
    background-color: #cc9930;
    color: #fff;
}

.so-package-btn-modal:hover {
    color: #fff;
}

.so-package-btn-modal:focus {
    color: #fff;
}

@media (min-width: 1366px) {
    .banner-footer {
        margin-left: auto;
        margin-right: auto;
        width: 100%;
    }
}

.banner-wrapper {
    margin-bottom: 37px;
    /*padding-left: 20px;
    padding-right: 20px;*/
}

.banner-wrapper img {
    border: 1px solid rgba(0, 0, 0, .25);
    -webkit-box-shadow: 7px 10px 12px -5px rgba(128, 126, 128, 1);
    ;
    -moz-box-shadow: 7px 10px 12px -5px rgba(128, 126, 128, 1);
    box-shadow: 7px 10px 12px -5px rgba(128, 126, 128, 1);
}

.banner-wrapper h2 {
    margin-bottom: 0px;
}

.banner-wrapper h2.underline:after {
    content: " ";
    display: table;
    margin: 10px auto 20px auto;
    width: 54px;
    border-bottom: 3px solid #cc9930;
}

section.newsletter {
    padding-bottom: 60px;
}

@media (min-width: 992px) {
    .shotel #menu-toggle {
        display: none
    }

    .min-height-912 {
        min-height: 768px;
    }

    p.address-room-detail {
        width: 300px;
        text-align: center;
        margin: 20px auto;
    }

    .why-book-section {
        padding: 70px 0;
    }

    #book.white-popup-block {
        min-height: 80vh;
        margin-top: -45px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    section#book {
        padding-top: 45px;
    }
}

.secondary-title {
    color: #cc9930;
}

@media (max-width: 768px) {
    .caption-content h3 {
        font-size: 16px;
    }

    p.no-margin a.enquiry-btn,
    a.menu-btn.border-green {
        width: 100%;
    }

    .room-detail-facilities ul {
        column-count: 2;
        column-gap: 50px;
    }

    .exp-slider {
        margin-top: 50px;
    }
}

.destination-panel-wrapper p {
    text-align: justify;
}

.equal-height-row p,
.equal-height-row {
    text-align: justify;
}

.text-transform-unset {
    text-transform: unset !important;
}

.maroon {
    color: maroon;
}

.center {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.villa-facilities ul {
    margin-left: 30px;
}

.villa-facilities ul li i.fa {
    margin-left: -25px;
    margin-right: 5px;
}

@media screen and (min-width: 992px) {
    .img-villa-1 {
        object-fit: cover;
        height: 555px;
        width: 100%;
    }

    .img-villa-2 {
        width: 100%;
        height: 300px;
        object-fit: cover;
    }

    .img-villa-360 {
        width: 100%;
        object-fit: cover;
        height: 245px;
    }

    .villa-360 {
        height: 245px;
        position: absolute;
        width: 417px;
        opacity: 0.7;
        z-index: 1;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #fff;
        background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../themes/pearl/assets/images/bg.html) no-repeat center center fixed;
        cursor: pointer;
        transition: 1000ms all;
    }

    .villa-360:hover {
        opacity: 1;
    }

    .villa-360 img {
        width: 100px;
    }

    .img-villa-3 {
        height: 245px;
        width: 417px;
    }
}

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

    .villa-360 {
        height: 245px;
        position: absolute;
        width: 97%;
        opacity: 0.7;
        z-index: 1;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #fff;
        background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../themes/pearl/assets/images/bg.html) no-repeat center center fixed;
        cursor: pointer;
        transition: 1000ms all;
    }

    .villa-360 img {
        width: 100px;
    }
}

.logo-invert-black {
    -webkit-filter: brightness(1) invert(1);
    -moz-filter: brightness(1) invert(1);
    filter: brightness(1) invert(1);
}

.relative {
    position: relative;
}

.book-direct-widget-container {
    position: absolute;
    top: -110px;
}

@media screen and (min-width: 992px) {
    .home-villa-container {
        padding: 0;
        margin: 0;
        width: 100% !important;
        max-width: unset !important;
    }

    #hotel-v2 .owl-item {
        opacity: .5;
        transition: 1000ms all;
    }

    #hotel-v2 .owl-item.active {
        opacity: 1;
    }

    #hotel-v2 .fa {
        color: #cc9930;
    }

    #hotel-v2 .owl-prev {
        position: absolute;
        left: 225px;
        font-size: 70px;
        bottom: 50%;
    }

    #hotel-v2 .owl-next {
        position: absolute;
        right: 225px;
        font-size: 70px;
        bottom: 50%;
    }
}

@media screen and (max-width: 768px) {
    #special .slider {
        height: calc(50vh);
    }

    .slider {
        height: 50vh;
    }

    footer {
        margin-bottom: 70px;
    }

    .no-margin-mobile {
        margin: 0 !important;
    }

    .margin-top-10-mobile {
        margin-top: 10px !important;
    }

    .pr-5-mobile {
        padding-right: 5px !important;
    }

    .pl-5-mobile {
        padding-left: 5px !important;
    }

    .no-padding-top-mobile {
        padding-top: 0 !important;
    }

    .no-padding-lr-mobile {
        padding: 0 !important;
    }

    .no-margin-left-mobile {
        margin-left: 0 !important;
    }
}

.home-header-img {
    object-fit: cover;
    height: 100vh;
    object-position: top;
    filter: brightness(100%);
}

@media screen and (min-width: 992px) {
    .home-header-carousel .owl-nav .owl-next {
        position: absolute;
        right: 75px;
        bottom: 0;
        font-size: 50px;
        color: #fff;
    }

    .home-header-carousel .owl-nav .owl-prev {
        position: absolute;
        right: 215px;
        bottom: 0;
        font-size: 50px;
        color: #fff;
    }

    .carousel-play-btn i {
        border-radius: 50%;
        width: 25px;
        height: 25px;
        background-color: #fff;
        color: rgba(0, 0, 0, 1);
        display: flex;
        justify-content: center;
        text-align: center;
        padding-top: 7px;
        padding-left: 4px;
        font-size: 11px;
    }

    .carousel-play-btn {
        position: absolute;
        right: 171px;
        bottom: 23px;
        z-index: 1;
    }

    .loop-index {
        position: absolute;
        right: 147px;
        bottom: 21px;
        z-index: 1;
        color: #fff;
    }

    .loop-length {
        position: absolute;
        right: 119px;
        bottom: 21px;
        z-index: 1;
        color: #fff;
    }

    .carousel-play-btn i.fa-pause {
        padding-top: 7.2px;
        padding-left: 1px;
    }
}

@media screen and (max-width: 768px) {
    .home-header-img {
        object-fit: cover;
        height: 50vh;
    }
}

.inline {
    display: inline;
}

.relative {
    position: relative;
}

@media screen and (min-width: 992px) {
    .no-padding-desktop {
        padding: 0 !important;
    }

    .testimonial-item img {
        width: 100%;
        height: 450px;
        object-fit: cover;
    }

    .testimonial-desc {
        height: 72px;
    }

    .mdi-experience-single {
        height: 551px;
    }
}

@media screen and (min-width: 1518px) {
    .mdi-experience-single {
        height: 581px;
    }
}

#hotel-v2 .owl-dots {
    margin-top: 20px;
}


.testimonial-item {
    margin-bottom: 30px;
}

.testimonial-content-box {
    padding: 22px;
    font-size: 16px;
    background-color: rgba(204, 204, 204, 0.2);
}

.testimonial-title {
    padding-bottom: 0;
}

.testimonial-content-box .btn.btn-green {
    display: table;
    padding: 13px 30px 10px;
}

.wedding-carousel .owl-nav .owl-prev {
    position: absolute;
    left: 40px;
    bottom: 45%;
    background: #fff;
    border: none;
    font-size: 30px;
    width: 40px;
    height: 40px;
    font-weight: 700;
    opacity: .8;
    padding-right: 13px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 8px;
    padding-bottom: 2px;
}

.wedding-carousel .owl-nav .owl-next {
    position: absolute;
    right: 40px;
    bottom: 45%;
    background: #fff;
    border: none;
    font-size: 30px;
    width: 40px;
    height: 40px;
    font-weight: 700;
    opacity: .8;
    padding-left: 4px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 2px;
}

.testimonial-carousel .owl-nav .owl-prev {
    position: absolute;
    left: 0;
    bottom: 45%;
    background: #cc9930;
    border: none;
    font-size: 20px;
    width: 40px;
    height: 40px;
    font-weight: 700;
    opacity: .8;
    padding-right: 9px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 8px;
    padding-bottom: 2px;
    color: #fff;
}

.testimonial-carousel .owl-nav .owl-next {
    position: absolute;
    right: 0;
    bottom: 45%;
    background: #cc9930;
    border: none;
    font-size: 20px;
    width: 40px;
    height: 40px;
    font-weight: 700;
    opacity: .8;
    padding-left: 9px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-right: 8px;
    padding-bottom: 2px;
    color: #fff;
}

@media screen and (min-width: 992px) {
    .testimonial {
        padding: 0 40px;
    }

    .testimonial-content-box {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 450px;
    }

    .testi-modal .modal-body {
        padding: 40px;
    }

    .exp-carousel .owl-nav .owl-prev {
        position: absolute;
        top: 43%;
        left: 5px;
        border: 3px solid #fff;
        background-color: #cc9930;
        color: #fff;
        width: 45px;
        height: 45px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        font-size: 25px;
        padding-right: 2px;
    }

    .exp-carousel .owl-nav .owl-next {
        position: absolute;
        top: 43%;
        right: 5px;
        border: 3px solid #fff;
        background-color: #cc9930;
        color: #fff;
        width: 45px;
        height: 45px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        font-size: 25px;
        padding-left: 2px;
    }
}

@media screen and (max-width: 768px) {
    .testimonial-img {
        height: 250px;
        object-fit: cover;
    }

    .testimonial-content-box .btn.btn-green {
        margin: 0 auto;
    }

    .testimonial-carousel .owl-nav .owl-prev {
        left: 20px;
        right: unset;
        top: 17%;
        bottom: unset;
    }

    .testimonial-carousel .owl-nav .owl-next {
        right: 20px;
        left: unset;
        top: 17%;
        bottom: unset;
    }
}

.whatsapp-popup {
    background: #26e579;
    color: #fff;
    display: block;
    padding: 6px 20px 6px 10px;
    margin: 5px auto;
    position: relative;
    width: 150px;
    text-align: left;
    font-size: 17px;
    line-height: 25px;
}

.button-whatsapp-box {
    height: 37px;
    width: 37px;
    background: #25bb67;
    color: #fff;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.whatsapp-icon {
    font-size: 22px;
    color: #fff;
}

.whatsapp-popup.whatsapp-offers {
    display: inline;
    padding: 17px 58px;
    font-size: 12px;
    text-transform: uppercase;
    text-align: left;
    padding-left: 15px;
}

.whatsapp-offers .button-whatsapp-box {
    height: 45px;
    width: 45px;
    background: #25bb67;
    color: #fff;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.whatsapp-offers .button-whatsapp-box .whatsapp-icon {
    font-size: 24px;
}

@media screen and (max-width: 768px) {
    @media screen and (max-width: 768px) {
        .button-whatsapp-box {
            height: 39px;
        }

        .whatsapp-popup {
            padding: 8px 20px;
        }
    }
}

@media screen and (min-width: 992px) {
    .dinner-carousel .item img {
        object-fit: cover;
        height: 580px;
        object-position: top;
    }
}

@media screen and (max-width: 768px) {
    .dinner-carousel .item img {
        object-fit: cover;
        height: 466px;
        object-position: top;
    }

    .dinner-carousel .owl-dots {
        padding-top: 15px;
    }
}

@media screen and (min-width: 992px) {
    .list-flex {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }
}

@media screen and (max-width: 768px) {
    .reviewModalBtn {
        right: 20px !important;
        bottom: 300px !important;
        -webkit-transform: rotate(-90deg) !important;
        transform: rotate(-90deg) !important;
        z-index: 1 !important;
    }
}

.slider__logo {
    position: absolute;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.slider__logo img {
    width: 250px;
}

.footer-name {
    font-size: 20px !important;
    font-weight: 700;
    color: #6f6f6f;
}

.footer-download-btn {
    display: table;
    padding: 10px 15px;
    border: 1px solid #CC9930;
    margin-bottom: 15px;
    margin-left: auto;
    width: 100%;
    text-align: center;
}

.bottom-min-20 {
    bottom: -20px !important
}

.d-flex {
    display: flex;
}

.position-bottom {
    position: absolute;
    bottom: 0;
}

.scroll-auto {
    height: 80px;
    overflow-y: auto;
    overflow-y: scroll;
}

.column-4 {
    column-count: 4
}

.column-4 li {
    list-style: none;
}

.column-4 i {
    font-size: 25px
}

.column-4 p {
    font-size: 13px
}

.room-title span {
    text-transform: initial;
    font-size: 20px !important;
}

.covid-nav a {
    font-weight: 900 !important;
    color: #CC9930 !important;
}

.whatsapp {
    position: fixed;
    bottom: 30px;
    right: 0px;
    z-index: 9;
}

.exp-content {
    height: 510px;
}

.exp-content li {
    font-size: 80%;
}

.exp-content p {
    font-size: 80%;
}

.btn-shrink {
    padding: 14px 24px !important;
}

.text-bold {
    font-weight: bold !important;
}

.content-price {
    font-size: 18px !important;
    font-weight: 900;
}

.content-price p {
    font-size: 20px !important;
    font-weight: 900;
}

.text-overflow {
    height: 250px;
    overflow: auto;
}

.height-max {
    height: 100%;
}

.column-6 {
    column-count: 6
}

.column-6 li {
    list-style: none;
}

.column-6 i {
    font-size: 16px
}

.column-6 p {
    font-size: 13px
}

a.anchor {
    display: block;
    position: relative;
    top: -130px;
    visibility: hidden;
}

.text-capitalize h3 {
    text-transform: capitalize !important;
}

.shrink-content p {
    font-size: 80% !important
}

.shrink-content ul {
    font-size: 80% !important
}

.shrink-content-2 {
    font-size: 80% !important font-weight: 900;
}

.shrink-content-2 p {
    font-size: 80% !important;
    font-weight: 900;
}

.abs-rel {
    position: absolute;
    margin-bottom: 0;
    bottom: 0;
}

.add-border {
    border-width: 2px;
}

.shrink-img {
    max-width: 50%
}

.shrink-content-2 p {
    font-size: 10px !important;
}

.whatsapp-2 {
    position: fixed;
    bottom: 20px;
    right: 20px;
    height: 50px;
    z-index: 10;
}

.bg-bottom {
    background-position: bottom !important;
}

.shrink-content-3 p {
    font-size: 15px !important;
}

.line-h1 {
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    margin-bottom: 30px;
}

.max-height-main-intro {
    max-height: 60px !important;
}

.max-height-main-intro-2 {
    max-height: 100px !important;
}

.btn-shrink-2 {
    padding: 14px 30px !important;
}

/*h1 {
    color: #555555!important
}*/