@charset "utf-8";
*, :after, :before, html {
    box-sizing: border-box
}

body {
    font-family: GothamNarrow-Book;
    background-color: #18354f;
    font-synthesis: style
}

.white-bg {
    background-color: #fff
}

a, button, input, textarea {
    outline: 0!important
}

a {
    transition: all ease-in-out .3s;
    -webkit-transition: all ease-in-out .3s;
    -ms-transition: all ease-in-out .3s;
    -o-transition: all ease-in-out .3s;
    -moz-transition: all ease-in-out .3s
}

.pad-left {
    padding-left: 0
}

.pad-right {
    padding-right: 0
}

.pad-top {
    padding-top: 0
}

.pad-bottom {
    padding-bottom: 0
}

.padding {
    padding: 0
}

.m-left {
    margin-left: 0
}

.m-right {
    margin-right: 0
}

.m-top {
    margin-top: 0
}

.m-bottom {
    margin-bottom: 0
}

.margin {
    margin: 0
}

.col-centered {
    float: none;
    margin: 0 auto
}

.section {
    background-color: #18354f!important;
    position: relative;
    z-index: 9999
}

.c-home__section {
    transition: transform 1s cubic-bezier(.435, .01, .135, 1);
    -webkit-transition: transform 1s cubic-bezier(.435, .01, .135, 1);
    -moz-transition: transform 1s cubic-bezier(.435, .01, .135, 1);
    -ms-transition: transform 1s cubic-bezier(.435, .01, .135, 1);
    -o-transition: transform 1s cubic-bezier(.435, .01, .135, 1)
}

.u-bg--white {
    background-color: #fff
}

.u-fit, .u-fit-w {
    width: 100%
}

.u-fit {
    height: 100%
}

.u-flex-ai--center {
    align-items: center
}

.u-flex {
    display: flex
}

.o-wrapper, .o-wrapper--valign {
    position: relative
}

.ggskin_text div {
    font-family: GothamNarrow-Book
}

.c-home__section.active .c-home__section__bar--x {
    transform: scaleY(0) translateZ(0);
    -webkit-transform: scaleY(0) translateZ(0);
    -moz-transform: scaleY(0) translateZ(0);
    -ms-transform: scaleY(0) translateZ(0);
    -o-transform: scaleY(0) translateZ(0);
    transition: transform 1.4s cubic-bezier(.435, .01, .135, 1) .2s;
    -webkit-transition: transform 1.4s cubic-bezier(.435, .01, .135, 1) .2s;
    -moz-transition: transform 1.4s cubic-bezier(.435, .01, .135, 1) .2s;
    -ms-transition: transform 1.4s cubic-bezier(.435, .01, .135, 1) .2s;
    -o-transition: transform 1.4s cubic-bezier(.435, .01, .135, 1) .2s
}

.c-home__section__bar--x:first-child {
    top: -1px;
    left: 0;
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0
}

.c-home__section__bar--x {
    height: 80px;
    transform: scaleY(1) translateZ(0);
    -webkit-transform: scaleY(1) translateZ(0);
    -moz-transform: scaleY(1) translateZ(0);
    -ms-transform: scaleY(1) translateZ(0);
    -o-transform: scaleY(1) translateZ(0);
    transition: transform 1s cubic-bezier(.435, .01, .135, 1);
    -webkit-transition: transform 1s cubic-bezier(.435, .01, .135, 1);
    -moz-transition: transform 1s cubic-bezier(.435, .01, .135, 1);
    -ms-transition: transform 1s cubic-bezier(.435, .01, .135, 1);
    -o-transition: transform 1s cubic-bezier(.435, .01, .135, 1)
}

.c-home__section__bar--x:nth-child(3) {
    bottom: -1px;
    left: 0;
    transform-origin: 0 100%;
    -webkit-transform-origin: 0 100%;
    -moz-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    -o-transform-origin: 0 100%
}

.c-home__section__bar {
    z-index: 2
}

.u-bg--brand-dark {
    background-color: #141d29
}

.u-absolute {
    position: absolute
}

.u-fit, .u-fit-w {
    width: 100%
}

.c-home__section.active .c-home__section__bar--y {
    transform: scaleX(0) translateZ(0);
    -webkit-transform: scaleX(0) translateZ(0);
    -moz-transform: scaleX(0) translateZ(0);
    -ms-transform: scaleX(0) translateZ(0);
    -o-transform: scaleX(0) translateZ(0);
    transition: transform 1.4s cubic-bezier(.435, .01, .135, 1) .2s;
    -webkit-transition: transform 1.4s cubic-bezier(.435, .01, .135, 1) .2s;
    -moz-transition: transform 1.4s cubic-bezier(.435, .01, .135, 1) .2s;
    -ms-transition: transform 1.4s cubic-bezier(.435, .01, .135, 1) .2s;
    -o-transition: transform 1.4s cubic-bezier(.435, .01, .135, 1) .2s
}

.c-home__section__bar--y:nth-child(2) {
    width: 192px;
    transform-origin: 100% 0;
    -webkit-transform-origin: 100% 0;
    -moz-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    -o-transform-origin: 100% 0
}

.c-home__section__bar--y:nth-child(4) {
    width: 192px;
    transform-origin: 0 -100%;
    -webkit-transform-origin: 0 -100%;
    -moz-transform-origin: 0 -100%;
    -ms-transform-origin: 0 -100%;
    -o-transform-origin: 0 -100%;
    top: 0
}

.u-bg--brand-dark {
    background-color: #141d29
}

.u-pos-tr {
    top: 0;
    right: 0
}

.u-fit-h {
    height: 100%
}

.c-home__section.leave-class .c-home__section__bar--x, .c-home__section.leave-class .c-home__section__bar--y {
    transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transition: transform 1s cubic-bezier(.435, .01, .135, 1);
    -webkit-transition: transform 1s cubic-bezier(.435, .01, .135, 1);
    -moz-transition: transform 1s cubic-bezier(.435, .01, .135, 1);
    -ms-transition: transform 1s cubic-bezier(.435, .01, .135, 1);
    -o-transition: transform 1s cubic-bezier(.435, .01, .135, 1)
}

.c-home__section.active .c-home__section__poster {
    opacity: 1;
    transform: scale(1) translateZ(0);
    -webkit-transform: scale(1) translateZ(0);
    -moz-transform: scale(1) translateZ(0);
    -ms-transform: scale(1) translateZ(0);
    -o-transform: scale(1) translateZ(0);
    transition: transform 4s cubic-bezier(.23, 1, .32, 1) .3s, opacity 4s .3s;
    -webkit-transition: transform 4s cubic-bezier(.23, 1, .32, 1) .3s, opacity 4s .3s;
    -moz-transition: transform 4s cubic-bezier(.23, 1, .32, 1) .3s, opacity 4s .3s;
    -ms-transition: transform 4s cubic-bezier(.23, 1, .32, 1) .3s, opacity 4s .3s;
    -o-transition: transform 4s cubic-bezier(.23, 1, .32, 1) .3s, opacity 4s .3s
}

.c-home__section__poster {
    transform: scale(1.1) translateZ(0);
    -webkit-transform: scale(1.1) translateZ(0);
    -moz-transform: scale(1.1) translateZ(0);
    -ms-transform: scale(1.1) translateZ(0);
    -o-transform: scale(1.1) translateZ(0);
    transition: transform 4s cubic-bezier(.23, 1, .32, 1) 0s, opacity 4s 0;
    -webkit-transition: transform 4s cubic-bezier(.23, 1, .32, 1) 0s, opacity 4s 0;
    -moz-transition: transform 4s cubic-bezier(.23, 1, .32, 1) 0s, opacity 4s 0;
    -ms-transition: transform 4s cubic-bezier(.23, 1, .32, 1) 0s, opacity 4s 0;
    -o-transition: transform 4s cubic-bezier(.23, 1, .32, 1) 0s, opacity 4s 0
}

.u-object-fit-cover {
    object-fit: cover;
    font-family: "object-fit: cover"
}

.u-fit, .u-fit-w {
    width: 100%
}

.u-fit {
    height: 100%
}

#fp-nav.right {
    right: 65px!important;
    margin-top: 0!important;
    margin-right: 0!important;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%)
}

#fp-nav ul, .fp-slidesNav ul {
    margin: 0!important
}

#fp-nav ul li {
    margin: 50px 0!important;
    width: 5px!important;
    height: 5px!important
}

#fp-nav ul li a {
    width: auto!important;
    height: auto!important
}

#fp-nav ul li:first-child {
    margin-top: 0!important
}

#fp-nav ul li:last-child {
    margin-bottom: 0!important
}

#fp-nav ul li a span {
    height: 5px!important;
    width: 5px!important;
    background: 0 0!important;
    border: 1px solid #144e86!important;
    margin: 0!important;
    border-radius: 50%!important;
    -webkit-border-radius: 50%!important;
    -moz-border-radius: 50%!important;
    -ms-border-radius: 50%!important;
    -o-border-radius: 50%!important
}

#fp-nav ul li a.active span, #fp-nav ul li:hover a span {
    background-color: #144e86!important
}

#fp-nav.fp-nav-sliver ul li a span {
    border-color: #c59b6d!important
}

#fp-nav.fp-nav-sliver ul li a.active span, #fp-nav.fp-nav-sliver ul li:hover a span {
    background-color: #c59b6d!important
}

.slick-slider .slick-slide {
    outline: 0
}

.h-left {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 99;
    margin: 35px 0 35px 95px;
    transition: 1s;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    -ms-transition: 1s;
    -o-transition: 1s
}

.h-left.logo-slide {
    top: -100%
}

.h-left a {
    display: inline-block;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s
}

.h-left a svg {
    display: inline-block;
    position: relative;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s
}

.h-left.stick-header {
    top: 30px
}

.h-left.stick-header a svg {
    height: 90px
}

.h-right {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 9;
    margin: 35px 95px 35px 0
}

.burger-menu .h-right {
    z-index: 99
}

.h-earth {
    margin: -20px 0 0
}

.h-earth a:hover svg path {
    fill: #c69b6e!important
}

.h-right.white-header .h-earth svg path {
    fill: #fff
}

.h-right.white-header .navbar-default .navbar-nav>li>a {
    color: #fff
}

.h-right.white-header .navbar-default .navbar-nav>li.zi-appointment-now>a {
    color: #f00;
}

.navbar {
    float: left;
    margin: 18px 0 0;
    border: none;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    background: 0 0;
    min-height: inherit
}

.navbar .navbar-collapse {
    padding: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none
}

.navbar-nav>li {
    padding: 0 10px
}

.navbar-nav>li:first-child {
    padding-left: 0
}

.navbar-nav>li:last-child {
    padding-right: 0
}

.navbar-nav>li.zi-appointment-now > a {
    color: #f00;    
}

.navbar-default .navbar-nav>li>a {
    font-family: Antonio-Bold;
    font-size: 12px;
    line-height: 13px;
    letter-spacing: 1.5px;
    color: #144e86;
    text-transform: uppercase;
    padding: 0;
    font-size: 16px;
    line-height: 16px
}

.navbar-default .navbar-nav>li>a.highlighted, .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
    color: #c69c6c!important;
    background-color: transparent!important
}

.navbar-nav>li.active>a, .navbar-nav>li.active>a.highlighted, .navbar-nav>li.active>a:focus, .navbar-nav>li.active>a:hover, .navbar-nav>li.current-menu-item>a, .navbar-nav>li.current-menu-item>a.highlighted, .navbar-nav>li.current-menu-item>a:focus, .navbar-nav>li.current-menu-item>a:hover, .navbar-nav>li.open>a, .navbar-nav>li.open>a.highlighted, .navbar-nav>li.open>a:focus, .navbar-nav>li.open>a:hover {
    color: #c69c6c!important;
    background-color: transparent!important
}

.navbar-nav .dropdown-menu {
    border: none;
    margin: 0;
    padding: 0;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    background-color: #144e86
}

.navbar-nav .dropdown-menu>li>a {
    font-family: Antonio-Bold;
    font-size: 12px;
    line-height: 22px;
    letter-spacing: 1.5px;
    color: #fff;
    text-transform: uppercase
}

.navbar-nav .dropdown-menu>li>a.highlighted, .navbar-nav .dropdown-menu>li>a:focus, .navbar-nav .dropdown-menu>li>a:hover {
    color: #fff!important;
    background-color: #c69c6c!important
}

.navbar-nav .dropdown-menu>li.active>a, .navbar-nav .dropdown-menu>li.active>a.highlighted, .navbar-nav .dropdown-menu>li.active>a:focus, .navbar-nav .dropdown-menu>li.active>a:hover, .navbar-nav .dropdown-menu>li.current-menu-item>a, .navbar-nav .dropdown-menu>li.current-menu-item>a.highlighted, .navbar-nav .dropdown-menu>li.current-menu-item>a:focus, .navbar-nav .dropdown-menu>li.current-menu-item>a:hover, .navbar-nav .dropdown-menu>li.open>a, .navbar-nav .dropdown-menu>li.open>a.highlighted, .navbar-nav .dropdown-menu>li.open>a:focus, .navbar-nav .dropdown-menu>li.open>a:hover {
    color: #fff!important;
    background-color: #c69c6c!important
}

.navbar-nav .dropdown-menu ul {
    margin-top: -28px!important
}

.languages-section {
    float: left;
    width: 100%;
    text-align: right;
    padding: 20px 0 0
}

.languages-section ul {
    display: block;
    margin: 0;
    padding: 0;
    list-style-type: none
}

.languages-section ul li {
    display: inline-block;
    margin: 0;
    padding: 0 2px 0 10px;
    list-style-type: none;
    position: relative;
    font-family: Antonio-Bold;
    font-size: 12px;
    line-height: 13px;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color: #fff
}

.languages-section ul li:first-child {
    padding-left: 0
}

.languages-section ul li:first-child:before {
    display: none
}

.languages-section ul li:last-child {
    padding-right: 0
}

.languages-section ul li:before {
    position: absolute;
    content: "/";
    left: 0;
    top: 0;
    bottom: 0;
    color: #fff
}

.languages-section ul li a {
    text-decoration: none;
    color: #fff
}

.languages-section ul li a:hover, .languages-section ul li.active a {
    color: #c69c6c
}

.navigation-burger-menu {
    float: right;
    position: relative;
    z-index: 9999;
    /* opacity: 0;
    visibility: hidden;
    transition: opacity .35s cubic-bezier(.165, .84, .44, 1), visibility .5s cubic-bezier(.23, 1, .32, 1);
    -webkit-transition: opacity .35s cubic-bezier(.165, .84, .44, 1), visibility .5s cubic-bezier(.23, 1, .32, 1);
    -moz-transition: opacity .35s cubic-bezier(.165, .84, .44, 1), visibility .5s cubic-bezier(.23, 1, .32, 1);
    -ms-transition: opacity .35s cubic-bezier(.165, .84, .44, 1), visibility .5s cubic-bezier(.23, 1, .32, 1);
    -o-transition: opacity .35s cubic-bezier(.165, .84, .44, 1), visibility .5s cubic-bezier(.23, 1, .32, 1);
    margin: -25px -40px 0 0;
    margin: -65px -40px 0 0; */
    display: none;
    margin: 20px -40px 0 0;
}

.burger-menu .navigation-burger-menu {
    /* opacity: 1;
    visibility: visible;
    transition: opacity .35s cubic-bezier(.165, .84, .44, 1) .9s, visibility .5s cubic-bezier(.23, 1, .32, 1) .9s;
    -webkit-transition: opacity .35s cubic-bezier(.165, .84, .44, 1) .9s, visibility .5s cubic-bezier(.23, 1, .32, 1) .9s;
    -moz-transition: opacity .35s cubic-bezier(.165, .84, .44, 1) .9s, visibility .5s cubic-bezier(.23, 1, .32, 1) .9s;
    -ms-transition: opacity .35s cubic-bezier(.165, .84, .44, 1) .9s, visibility .5s cubic-bezier(.23, 1, .32, 1) .9s;
    -o-transition: opacity .35s cubic-bezier(.165, .84, .44, 1) .9s, visibility .5s cubic-bezier(.23, 1, .32, 1) .9s */
    display: block;
}

.navigation-burger-menu a {
    display: block;
    text-decoration: none;
    height: 50px;
    width: 50px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border: 5px solid #c59b6d;
    position: relative;
    overflow: hidden;
    margin-left: auto;
}

.blue-burger.navigation-burger-menu a {
    border-color: #18354f
}

.navigation-burger-menu a .burger-bar-list {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%)
}

.navigation-burger-menu a .burger-bar-list span.burger-bar {
    position: relative;
    display: block;
    height: 4px;
    width: 18px;
    margin: 0 0 4px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    background-color: #c59b6d;
    transition: .7s;
    -webkit-transition: .7s;
    -moz-transition: .7s;
    -ms-transition: .7s;
    -o-transition: .7s
}

.blue-burger.navigation-burger-menu a .burger-bar-list span.burger-bar {
    background-color: #18354f
}

.navigation-burger-menu a .burger-bar-list span.burger-bar:nth-child(2) {
    left: -5px
}

.navigation-burger-menu a .burger-bar-list span.burger-bar:last-child {
    margin: 0
}

.navigation-burger-menu a.open .burger-bar-list span.burger-bar:first-child {
    top: 8px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg)
}

.navigation-burger-menu a.open .burger-bar-list span.burger-bar:nth-child(2) {
    left: -200%
}

.navigation-burger-menu a.open .burger-bar-list span.burger-bar:last-child {
    top: -8px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg)
}

.blue-burger.navigation-burger-menu a.open {
    border-color: #c59b6d
}

.blue-burger.navigation-burger-menu a.open .burger-bar-list span.burger-bar {
    background-color: #c59b6d
}

.navbar-earth-section {
    display: block;
    position: relative;
    /* transition: .4s;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -ms-transition: .4s;
    -o-transition: .4s;
    transition: transform 1s cubic-bezier(.23, 1, .32, 1) .9s, opacity .65s cubic-bezier(.165, .84, .44, 1) .9s, visibility 1s cubic-bezier(.23, 1, .32, 1) .9s;
    -webkit-transition: transform 1s cubic-bezier(.23, 1, .32, 1) .9s, opacity .65s cubic-bezier(.165, .84, .44, 1) .9s, visibility 1s cubic-bezier(.23, 1, .32, 1) .9s;
    -moz-transition: transform 1s cubic-bezier(.23, 1, .32, 1) .9s, opacity .65s cubic-bezier(.165, .84, .44, 1) .9s, visibility 1s cubic-bezier(.23, 1, .32, 1) .9s;
    -ms-transition: transform 1s cubic-bezier(.23, 1, .32, 1) .9s, opacity .65s cubic-bezier(.165, .84, .44, 1) .9s, visibility 1s cubic-bezier(.23, 1, .32, 1) .9s;
    -o-transition: transform 1s cubic-bezier(.23, 1, .32, 1) .9s, opacity .65s cubic-bezier(.165, .84, .44, 1) .9s, visibility 1s cubic-bezier(.23, 1, .32, 1) .9s;
    opacity: 1;
    visibility: visible */
}

.languages-section {
    display: block;
    position: relative;
    /* transition: .4s;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -ms-transition: .4s;
    -o-transition: .4s; */
}

.languages-section {
    /* transition: transform 1s cubic-bezier(.23, 1, .32, 1) .9s, opacity .65s cubic-bezier(.165, .84, .44, 1) .9s, visibility 1s cubic-bezier(.23, 1, .32, 1) .9s;
    -webkit-transition: transform 1s cubic-bezier(.23, 1, .32, 1) .9s, opacity .65s cubic-bezier(.165, .84, .44, 1) .9s, visibility 1s cubic-bezier(.23, 1, .32, 1) .9s;
    -moz-transition: transform 1s cubic-bezier(.23, 1, .32, 1) .9s, opacity .65s cubic-bezier(.165, .84, .44, 1) .9s, visibility 1s cubic-bezier(.23, 1, .32, 1) .9s;
    -ms-transition: transform 1s cubic-bezier(.23, 1, .32, 1) .9s, opacity .65s cubic-bezier(.165, .84, .44, 1) .9s, visibility 1s cubic-bezier(.23, 1, .32, 1) .9s;
    -o-transition: transform 1s cubic-bezier(.23, 1, .32, 1) .9s, opacity .65s cubic-bezier(.165, .84, .44, 1) .9s, visibility 1s cubic-bezier(.23, 1, .32, 1) .9s;
    opacity: 1;
    visibility: visible */
}

.burger-menu .navbar-earth-section {
    /* opacity: 0;
    visibility: hidden;
    transform: translateY(-50px) translateZ(0);
    -webkit-transform: translateY(-50px) translateZ(0);
    -moz-transform: translateY(-50px) translateZ(0);
    -ms-transform: translateY(-50px) translateZ(0);
    -o-transform: translateY(-50px) translateZ(0);
    transition: transform 1s cubic-bezier(.23, 1, .32, 1), opacity .65s cubic-bezier(.165, .84, .44, 1), visibility 1s cubic-bezier(.23, 1, .32, 1);
    -webkit-transition: transform 1s cubic-bezier(.23, 1, .32, 1), opacity .65s cubic-bezier(.165, .84, .44, 1), visibility 1s cubic-bezier(.23, 1, .32, 1);
    -moz-transition: transform 1s cubic-bezier(.23, 1, .32, 1), opacity .65s cubic-bezier(.165, .84, .44, 1), visibility 1s cubic-bezier(.23, 1, .32, 1);
    -ms-transition: transform 1s cubic-bezier(.23, 1, .32, 1), opacity .65s cubic-bezier(.165, .84, .44, 1), visibility 1s cubic-bezier(.23, 1, .32, 1);
    -o-transition: transform 1s cubic-bezier(.23, 1, .32, 1), opacity .65s cubic-bezier(.165, .84, .44, 1), visibility 1s cubic-bezier(.23, 1, .32, 1); */
    display: none;
}

.burger-menu .languages-section {
    /* opacity: 0;
    visibility: hidden;
    transform: translateY(-50px) translateZ(0);
    -webkit-transform: translateY(-50px) translateZ(0);
    -moz-transform: translateY(-50px) translateZ(0);
    -ms-transform: translateY(-50px) translateZ(0);
    -o-transform: translateY(-50px) translateZ(0);
    transition: transform 1s cubic-bezier(.23, 1, .32, 1), opacity .65s cubic-bezier(.165, .84, .44, 1), visibility 1s cubic-bezier(.23, 1, .32, 1);
    -webkit-transition: transform 1s cubic-bezier(.23, 1, .32, 1), opacity .65s cubic-bezier(.165, .84, .44, 1), visibility 1s cubic-bezier(.23, 1, .32, 1);
    -moz-transition: transform 1s cubic-bezier(.23, 1, .32, 1), opacity .65s cubic-bezier(.165, .84, .44, 1), visibility 1s cubic-bezier(.23, 1, .32, 1);
    -ms-transition: transform 1s cubic-bezier(.23, 1, .32, 1), opacity .65s cubic-bezier(.165, .84, .44, 1), visibility 1s cubic-bezier(.23, 1, .32, 1);
    -o-transition: transform 1s cubic-bezier(.23, 1, .32, 1), opacity .65s cubic-bezier(.165, .84, .44, 1), visibility 1s cubic-bezier(.23, 1, .32, 1);
    display: none; */
}
.burger-menu .h-right .languages-section {
    display: none;
}

.full-screen-menu .languages-section {
    text-align: left;
    padding: 0 0 20px;
    opacity: 1;
    visibility: visible;
    transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none
}

.slimScrollBar {
    z-index: 999!important
}

.full-screen-menu {
    position: fixed;
    left: 0;
    right: 0;
    top: -200%;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    width: 100%;
    height: 100%;
    background-color: #18354f;
    z-index: 9;
    padding: 20px 20px 120px
}

.full-screen-menu.open {
    top: 0
}

.full-screen-menu .footer {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0
}

.full-screen-menu .footer .copyright-section ul li {
    color: #fff
}

.full-screen-menu .footer .copyright-section ul li:before {
    background-color: #fff
}

.full-screen-menu .footer .copyright-section ul li a {
    color: #fff
}

.full-screen-menu .footer .copyright-section ul li a:hover {
    color: #c59b6d
}

.full-screen-menu .full-menu-content {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    padding: 0 250px
}

.full-screen-menu .full-menu-content .full-menu-content-desc, .full-screen-menu .full-menu-content .slimScrollDiv {
    height: 530px!important
}

.full-screen-menu .full-menu-content .row {
    margin: 0 -80px;
    display: table;
    table-layout: fixed
}

.full-screen-menu .full-menu-content [class^=col-] {
    padding: 0 80px;
    float: none;
    display: table-cell;
    vertical-align: bottom
}

.full-screen-menu .full-menu-content [class^=col-]:before {
    position: absolute;
    content: "";
    right: 0;
    top: 0;
    bottom: 0;
    height: 100%;
    width: 1px;
    background-color: #144e86
}

.full-screen-menu .full-menu-content [class^=col-]:last-child:before {
    display: none
}

.full-screen-menu .full-menu-content .menu-list ul {
    display: block;
    margin: 0;
    padding: 0;
    list-style-type: none
}

.full-screen-menu .full-menu-content .menu-list ul li {
    display: block;
    margin: 0;
    padding: 0 0 15px;
    list-style-type: none;
    font-family: Antonio-Light;
    font-size: 30px;
    line-height: 30px;
    color: #c59b6d;
    text-transform: uppercase;
    letter-spacing: 4px
}

.full-screen-menu .full-menu-content .menu-list ul li:last-child {
    padding-bottom: 0
}

.full-screen-menu .full-menu-content .menu-list ul li svg {
    display: inline-block;
    margin-left: 5px
}

.full-screen-menu .full-menu-content .menu-list ul li svg path {
    fill: rgba(255, 255, 255, .5)
}

.full-screen-menu .full-menu-content .menu-list ul li a {
    display: inline-block;
    text-decoration: none;
    color: rgba(197, 155, 109, .5);
    transition: none;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none
}

.full-screen-menu .full-menu-content .menu-list ul li.zi-appointment-now  a {
    color: #f00;
}

.full-screen-menu .full-menu-content .menu-list ul li a:hover, .full-screen-menu .full-menu-content .menu-list ul li.active a, .full-screen-menu .full-menu-content .menu-list ul li.current-menu-item a, .full-screen-menu .full-menu-content .menu-list ul li.open a {
    color: #c59b6d
}

.full-screen-menu .full-menu-content .menu-list ul li a:hover svg path, .full-screen-menu .full-menu-content .menu-list ul li.active a svg path, .full-screen-menu .full-menu-content .menu-list ul li.current-menu-item svg path, .full-screen-menu .full-menu-content .menu-list ul li.open a svg path {
    fill: #fff
}

.full-screen-menu .call-address-block .mail-link {
    display: inline-block;
    padding-left: 10px;
    float: none;
    vertical-align: text-bottom
}

.full-screen-menu .call-address-block .mail-link a {
    font-size: 20px;
    line-height: 20px;
    text-transform: none;
    color: #fff
}

.full-screen-menu .call-address-block .mail-link a:hover {
    color: #c59b6d
}

.full-screen-menu .call-address-block .register-btn {
    padding: 10px 0 0
}

.full-screen-menu .call-address-block .register-btn.margin-bt-button {
    margin-bottom: 30px
}

.full-screen-menu .call-address-block .register-btn .simple-white-btn {
    border: 1px solid #fff;
    background-color: transparent;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    padding: 10px;
    color: #fff;
    text-transform: uppercase;
    font-family: GothamNarrow-Bold;
    font-size: 12px;
    line-height: 12px;
    letter-spacing: 3px;
    outline: 0;
    width: 230px
}

.full-screen-menu .call-address-block .register-btn .simple-white-btn:focus {
    color: #fff;
    border-color: #fff;
    background-color: transparent
}

.full-screen-menu .call-address-block .register-btn .simple-white-btn:active:focus, .full-screen-menu .call-address-block .register-btn .simple-white-btn:hover {
    color: #fff;
    border-color: #c59b6d;
    background-color: #c59b6d
}

.full-screen-menu .full-menu-content .call-address-block {
    float: left;
    width: 100%;
    padding: 0 0 15px
}

.full-screen-menu .full-menu-content .call-address-block:last-child {
    padding-bottom: 0
}

.full-screen-menu .call-address-block .call-title {
    padding: 0 0 10px
}

.full-screen-menu .call-address-block .call-title h1, .full-screen-menu .call-address-block .call-title h2, .full-screen-menu .call-address-block .call-title h3, .full-screen-menu .call-address-block .call-title h4, .full-screen-menu .call-address-block .call-title h5, .full-screen-menu .call-address-block .call-title h6 {
    font-family: Antonio-Regular;
    font-size: 14px;
    line-height: 16px;
    color: #c59b6d;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin: 0 0 16px
}

.full-screen-menu .call-address-block a.contact-num {
    text-decoration: none;
    font-family: MontserratSemiBold;
    font-size: 24px;
    line-height: 26px;
    letter-spacing: 2px;
    color: #c59b6d;
    text-transform: uppercase
}

.full-screen-menu .call-address-block a.contact-num:hover {
    color: #fff
}

.full-screen-menu .call-address-block .social-icons-list {
    float: left;
    width: 100%;
    padding: 35px 0 0
}

.full-screen-menu .call-address-block .social-icons-list ul {
    display: inline-block;
    margin: 0;
    padding: 0;
    list-style-type: none
}

.full-screen-menu .call-address-block .social-icons-list ul li {
    display: inline-block;
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 12px;
    line-height: 12px
}

.full-screen-menu .call-address-block .social-icons-list ul li a {
    display: block;
    text-decoration: none;
    height: 16px;
    width: 16px;
    color: #144e86;
    background-color: #fff;
    position: relative
}

.full-screen-menu .call-address-block .social-icons-list ul li a i {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%)
}

.full-screen-menu .call-address-block .social-icons-list ul li a:hover {
    color: #fff;
    background-color: #c59b6d
}

.full-screen-menu .call-address-block p {
    font-family: GothamNarrow-Book;
    font-size: 16px;
    line-height: 18px;
    color: #c59b6d;
    letter-spacing: 1px;
    margin: 0 0 16px
}

.full-screen-menu .call-address-block p span {
    font-family: GothamNarrow-Bold;
    text-transform: uppercase
}

.full-screen-menu .call-address-block a.direction-link {
    font-family: GothamNarrow-Bold;
    /* font-size: 12px;
    line-height: 14px; */
    font-size: 14px;
    line-height: 16px;
    text-transform: uppercase;
    color: #c59b6d;
    text-decoration: none;
    letter-spacing: 2px
}

.full-screen-menu .call-address-block a.direction-link i {
    font-size: 35px;
    color: #fff;
    padding-right: 5px
}

.full-screen-menu .call-address-block a.direction-link:hover {
    color: #fff
}

.banner-carousel {
    opacity: 0;
    height: 100%
}

.banner-carousel.slick-initialized {
    opacity: 1
}

.banner-carousel .slick-list, .banner-carousel .slick-slide, .banner-carousel .slick-slide>div, .banner-carousel .slick-track {
    height: 100%
}

.banner-carousel .banner-item {
    height: 100%
}

.banner-carousel .slick-arrow {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    z-index: 9;
    cursor: pointer;
    opacity: .7
}

.banner-carousel .slick-arrow.slick-prev {
    left: 15px;
    transform: translate(0, -50%) rotate(180deg);
    -webkit-transform: translate(0, -50%) rotate(180deg);
    -moz-transform: translate(0, -50%) rotate(180deg);
    -ms-transform: translate(0, -50%) rotate(180deg);
    -o-transform: translate(0, -50%) rotate(180deg)
}

.banner-carousel .slick-arrow.slick-next {
    right: 15px
}

.banner-carousel .slick-arrow:hover {
    opacity: 1
}

.banner-carousel .slick-arrow svg path {
    fill: #fff
}

.banner-section {
    float: left;
    width: 100%;
    position: relative;
    height: 100%
}

.banner-section .banner-image {
    float: left;
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative
}

.banner-section .banner-image img {
    float: left;
    width: 100%;
    overflow: hidden;
    height: auto
}

.fp-enabled body.main-menu .banner-section .banner-image img {
    height: 100%;
    object-fit: cover;
    font-family: 'object-fit: cover'
}

.banner-section .banner-image img.default-img {
    display: block
}

.banner-section .banner-image img.mobile-view-img {
    display: none
}

.banner-section .banner-content {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    text-align: right;
    padding: 0 130px 0 40px
}

.banner-section .banner-title h1, .banner-section .banner-title h2, .banner-section .banner-title h3, .banner-section .banner-title h4, .banner-section .banner-title h5, .banner-section .banner-title h6 {
    font-family: TimesItalic;
    font-size: 36px;
    line-height: 40px;
    color: #fff;
    margin: 0
}

.captivating-home-section {
    background-color: #1a3550;
    padding: 35px 20px;
    float: left;
    width: 100%;
    height: 100%
}

.captivating-home-section .captivating-home-content {
    border: 0 solid #17436a;
    position: relative;
    float: left;
    width: 100%;
    height: 100%;
    transition-property: border;
    -webkit-transition-property: border;
    -moz-transition-property: border;
    -ms-transition-property: border;
    -o-transition-property: border;
    transition-duration: 1s 0;
    -webkit-transition-duration: 1s 0;
    -moz-transition-duration: 1s 0;
    -ms-transition-duration: 1s 0;
    -o-transition-duration: 1s 0;
    transition-delay: 1s 0;
    -webkit-transition-delay: 1s 0;
    -moz-transition-delay: 1s 0;
    -ms-transition-delay: 1s 0;
    -o-transition-delay: 1s 0
}

.c-home__section.active .captivating-home-content {
    border-width: 1px;
    transition-property: border;
    -webkit-transition-property: border;
    -moz-transition-property: border;
    -ms-transition-property: border;
    -o-transition-property: border;
    transition-duration: 1.5s;
    -webkit-transition-duration: 1.5s;
    -moz-transition-duration: 1.5s;
    -ms-transition-duration: 1.5s;
    -o-transition-duration: 1.5s;
    transition-delay: 1.5s;
    -webkit-transition-delay: 1.5s;
    -moz-transition-delay: 1.5s;
    -ms-transition-delay: 1.5s;
    -o-transition-delay: 1.5s
}

.captivating-home-section .container-fluid {
    height: 100%
}

.home-story .captivating-home-section .container-fluid {
    height: 100%;
    min-height: 770px;
    padding-bottom: 15px
}

.captivating-home-section .captivating-home-content:before {
    position: absolute;
    content: "";
    left: 52%;
    bottom: 0;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    height: 10px;
    width: 70%;
    background-color: #c9996b;
    z-index: 99;
    opacity: 0;
    transition-property: opacity;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -ms-transition-property: opacity;
    -o-transition-property: opacity;
    transition-duration: 1s 0;
    -webkit-transition-duration: 1s 0;
    -moz-transition-duration: 1s 0;
    -ms-transition-duration: 1s 0;
    -o-transition-duration: 1s 0;
    transition-delay: 1s 0;
    -webkit-transition-delay: 1s 0;
    -moz-transition-delay: 1s 0;
    -ms-transition-delay: 1s 0;
    -o-transition-delay: 1s 0
}

.c-home__section.active .captivating-home-content:before {
    opacity: 1;
    transition-property: opacity;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -ms-transition-property: opacity;
    -o-transition-property: opacity;
    transition-duration: 1.5s;
    -webkit-transition-duration: 1.5s;
    -moz-transition-duration: 1.5s;
    -ms-transition-duration: 1.5s;
    -o-transition-duration: 1.5s;
    transition-delay: 1.5s;
    -webkit-transition-delay: 1.5s;
    -moz-transition-delay: 1.5s;
    -ms-transition-delay: 1.5s;
    -o-transition-delay: 1.5s
}

.captivating-home-section .captivating-home-content .row {
    display: table;
    table-layout: fixed;
    height: 100%
}

.captivating-home-section .captivating-home-content [class^=col-] {
    float: none;
    display: table-cell;
    vertical-align: middle;
    height: 100%
}

.captivating-home-section .captivating-home-content .captivating-image {
    float: left;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.captivating-home-section .captivating-home-content .captivating-image img {
    height: 100%;
    object-position: center center;
    object-fit: cover;
    font-family: 'object-fit: cover';
    display: none
}

.captivating-home-section .captivating-home-content .captivating-image img.default-img {
    display: block
}

.captivating-home-section .captivating-home-content .captivating-description {
    float: left;
    width: 100%;
    padding: 15px 275px 40px
}

.home-story-description {
    padding: 50px 0 0 80px
}

.home-story-content .home-story-img-col {
    padding: 0
}

.captivating-home-section .captivating-home-content .captivating-description span.number {
    display: block;
    font-family: GothamNarrow-Book;
    font-size: 16px;
    line-height: 18px;
    letter-spacing: 2px;
    color: #c59b6d;
    padding: 0 0 10px
}

.captivating-home-section .captivating-home-content .captivating-title {
    padding: 0 0 30px
}

.captivating-home-section .captivating-home-content .captivating-title h1, .captivating-home-section .captivating-home-content .captivating-title h2, .captivating-home-section .captivating-home-content .captivating-title h3, .captivating-home-section .captivating-home-content .captivating-title h4, .captivating-home-section .captivating-home-content .captivating-title h5, .captivating-home-section .captivating-home-content .captivating-title h6 {
    font-family: Antonio-Light;
    font-size: 40px;
    line-height: 44px;
    text-transform: uppercase;
    letter-spacing: 6px;
    color: #fff;
    margin: 0
}

.captivating-home-section .captivating-home-content .captivating-title h1 span, .captivating-home-section .captivating-home-content .captivating-title h2 span, .captivating-home-section .captivating-home-content .captivating-title h3 span, .captivating-home-section .captivating-home-content .captivating-title h4 span, .captivating-home-section .captivating-home-content .captivating-title h5 span, .captivating-home-section .captivating-home-content .captivating-title h6 span {
    display: block;
    font-family: GothamNarrow-Book;
    font-size: 16px;
    line-height: 18px;
    color: #c59b6d;
    letter-spacing: 2px;
    padding: 0 0 10px
}

.captivating-home-section .captivating-home-content .captivating-detail-block {
    padding-left: 30px
}

.captivating-home-section .captivating-home-content p {
    font-family: GothamNarrow-Book;
    font-size: 13px;
    line-height: 20px;
    color: #c59b6d;
    letter-spacing: 1px
}

.captivating-home-section .captivating-property-list {
    float: left;
    width: 100%;
    padding: 80px 0 0;
    margin: 0 -15px
}

.captivating-home-section .captivating-property-list .property-block {
    position: relative;
    float: left;
    width: 33%;
    display: inline-block;
    padding: 0 32px 20px;
    text-align: center;
    margin: 0 15px
}

.captivating-home-section .captivating-property-list .property-block:nth-child(2n+1) {
    clear: both
}

.captivating-home-section .captivating-property-list .property-block:before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    background: url(../images/captivating-leaf-left.png) no-repeat;
    background-size: 100% 100%;
    height: 38px;
    width: 20px
}

.captivating-home-section .captivating-property-list .property-block:after {
    position: absolute;
    content: "";
    right: 0;
    top: 0;
    background: url(../images/captivating-leaf-right.png) no-repeat;
    background-size: 100% 100%;
    height: 38px;
    width: 20px
}

.captivating-home-section .captivating-property-list .property-block:last-child {
    padding-bottom: 0
}

.captivating-home-section .captivating-property-list .property-block .title {
    padding: 0 0 5px
}

.captivating-home-section .captivating-property-list .property-block .title h1, .captivating-home-section .captivating-property-list .property-block .title h2, .captivating-home-section .captivating-property-list .property-block .title h3, .captivating-home-section .captivating-property-list .property-block .title h4, .captivating-home-section .captivating-property-list .property-block .title h5, .captivating-home-section .captivating-property-list .property-block .title h6 {
    font-family: GothamNarrow-Black;
    font-size: 14px;
    line-height: 16px;
    color: #fff;
    margin: 0
}

.captivating-home-section .captivating-property-list .property-block p {
    font-family: GothamNarrow-Bold;
    font-size: 10px;
    line-height: 12px;
    color: #c59b6d
}

.contact-pg {
    height: 100%
}

.quality-registration-section {
    float: left;
    width: 100%;
    background-color: #18354f;
    padding: 35px;
    height: 100%
}

.quality-registration-section .row {
    display: table;
    table-layout: fixed;
    height: 100%
}

.quality-registration-section [class^=col-] {
    float: none;
    display: table-cell;
    vertical-align: middle;
    height: 100%
}

.quality-registration-section .quality-registration-content {
    height: 100%;
    position: relative
}

.quality-registration-section .quality-registration-content:before {
    position: absolute;
    content: "";
    left: 44.3%;
    bottom: 0;
    height: 10px;
    width: 64%;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    background-color: #fff;
    z-index: 9
}

.quality-registration-section .quality-registration-left {
    background-color: #c59b6d;
    padding: 115px 402px 55px 230px;
    height: 100%;
    display: table;
    table-layout: fixed
}

.quality-registration-section .quality-registration-content .registration-block {
    float: none;
    display: table-cell;
    vertical-align: bottom
}

.quality-registration-section .quality-registration-right {
    background-color: #fff;
    padding: 70px 320px 20px 35px;
    height: 100%;
    display: table;
    table-layout: fixed
}

.quality-registration-section .registration-title {
    padding: 0 0 35px
}

.quality-registration-section .registration-title h1, .quality-registration-section .registration-title h2, .quality-registration-section .registration-title h3, .quality-registration-section .registration-title h4, .quality-registration-section .registration-title h5, .quality-registration-section .registration-title h6 {
    font-family: Antonio-Light;
    font-size: 40px;
    line-height: 55px;
    letter-spacing: 10px;
    text-transform: uppercase;
    margin: 0
}

.quality-registration-section .quality-registration-left .registration-title h1, .quality-registration-section .quality-registration-left .registration-title h2, .quality-registration-section .quality-registration-left .registration-title h3, .quality-registration-section .quality-registration-left .registration-title h4, .quality-registration-section .quality-registration-left .registration-title h5, .quality-registration-section .quality-registration-left .registration-title h6 {
    color: #fff
}

.quality-registration-section .quality-registration-right .registration-title h1, .quality-registration-section .quality-registration-right .registration-title h2, .quality-registration-section .quality-registration-right .registration-title h3, .quality-registration-section .quality-registration-right .registration-title h4, .quality-registration-section .quality-registration-right .registration-title h5, .quality-registration-section .quality-registration-right .registration-title h6 {
    color: #c59b6d
}

.quality-registration-section .quality-registration-right p {
    font-family: GothamNarrow-Book;
    font-size: 13px;
    line-height: 22px;
    color: #18354f;
    margin-right: 80px
}

.quality-registration-section .mahsing-logo {
    padding: 45px 0 50px
}

.quality-registration-section .social-icons {
    padding: 0 0 10px
}

.quality-registration-section .social-icons ul {
    display: block;
    margin: 0;
    padding: 0;
    list-style-type: none
}

.quality-registration-section .social-icons ul li {
    display: inline-block;
    margin: 0;
    padding: 0 3px;
    list-style-type: none
}

.quality-registration-section .social-icons ul li:first-child {
    padding-left: 0
}

.quality-registration-section .social-icons ul li:last-child {
    padding-right: 0
}

.quality-registration-section .social-icons ul li a {
    height: 21px;
    width: 21px;
    display: block;
    position: relative;
    background-color: #c59b6d;
    color: #fff;
    font-size: 12px;
    line-height: 12px
}

.quality-registration-section .social-icons ul li a i {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%)
}

.quality-registration-section .social-icons ul li a:hover {
    background-color: #000
}

.quality-registration-section .copyright-section ul {
    display: block;
    margin: 0;
    padding: 0;
    list-style-type: none
}

.quality-registration-section .copyright-section ul li {
    display: inline-block;
    margin: 0;
    padding: 0 7px 0 4px;
    list-style-type: none;
    position: relative;
    font-size: 8px;
    line-height: 8px;
    color: #18354f
}

.quality-registration-section .copyright-section ul li:before {
    position: absolute;
    content: "";
    right: 0;
    top: 0;
    bottom: 0;
    height: 100%;
    width: 1px;
    background-color: #18354f
}

.quality-registration-section .copyright-section ul li:first-child {
    padding-left: 0
}

.quality-registration-section .copyright-section ul li:last-child {
    padding-right: 0
}

.quality-registration-section .copyright-section ul li:last-child:before {
    display: none
}

.quality-registration-section .copyright-section ul li a {
    text-decoration: none;
    color: #18354f
}

.quality-registration-section .copyright-section ul li a:hover {
    color: #c59b6d
}

form.registration-form label {
    display: block;
    font-family: Antonio-Regular;
    font-weight: 400;
    font-size: 14px;
    line-height: 15px;
    color: #fff;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin: 0 0 8px
}

form.registration-form .form-group {
    margin: 0 0 30px
}

form.registration-form .form-control {
    height: 40px;
    float: none;
    vertical-align: middle;
    background-color: #c59b6d;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    border: 1px solid #fff;
    padding: 6px 10px;
    font-family: GothamNarrow-Book;
    color: #fff;
    font-size: 16px;
    line-height: 1;
    resize: none
}

form.registration-form .form-control:focus {
    border-color: #fff
}

form.registration-form .form-control::-webkit-input-placeholder {
    color: rgba(255, 255, 255, .3);
    letter-spacing: 4px
}

form.registration-form .form-control::-moz-placeholder {
    color: rgba(255, 255, 255, .3);
    letter-spacing: 4px
}

form.registration-form .form-control:-ms-input-placeholder {
    color: rgba(255, 255, 255, .3);
    letter-spacing: 4px
}

form.registration-form .form-control:-o-placeholder {
    color: rgba(255, 255, 255, .3);
    letter-spacing: 4px
}

form.registration-form .radio-btn {
    position: relative;
    display: inline-block;
    padding: 0 0 0 30px;
    margin: 0 15px
}

form.registration-form .checkbox-list .checkbox {
    display: inline-block;
    margin: 0 15px
}

form.registration-form .checkbox-list .checkbox span {
    font-family: GothamNarrow-Book;
    font-size: 18px;
    line-height: 18px;
    color: #fff
}

form.registration-form .checkbox-list .checkbox input[type=checkbox] {
    height: 16px;
    width: 16px;
    top: 0;
    width: 100%
}

form.registration-form .checkbox-list .checkbox .checkmark {
    height: 16px;
    width: 16px;
    top: 0
}

form.registration-form .checkbox-list .checkbox .checkmark:before {
    line-height: 14px
}

form.registration-form .checkbox:first-child, form.registration-form .radio-btn:first-child {
    margin-left: 0!important
}

form.registration-form .checkbox:last-child, form.registration-form .radio-btn:last-child {
    margin-right: 0!important
}

form.registration-form .radio-btn span {
    font-family: GothamNarrow-Book;
    font-size: 18px;
    line-height: 18px;
    color: #fff
}

form.registration-form .radio-btn input[type=radio] {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    margin: 0;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    opacity: 0;
    cursor: pointer;
    z-index: 9
}

form.registration-form .radio-btn .checkmark {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    height: 16px;
    width: 16px;
    border: 1px solid #fff;
    display: block;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%
}

form.registration-form .radio-btn .checkmark:before {
    position: absolute;
    content: "";
    font-family: FontAwesome;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    height: 0;
    width: 0;
    background-color: #fff;
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s
}

form.registration-form .radio-btn input[type=radio]:checked+.checkmark:before {
    height: 7px;
    width: 7px
}

form.registration-form .checkbox {
    position: relative;
    padding: 0 0 0 30px;
    margin: 0
}

form.registration-form .checkbox span {
    font-family: GothamNarrow-Book;
    font-size: 12px;
    line-height: 15px;
    color: #fff
}

form.registration-form .checkbox input[type=checkbox] {
    position: absolute;
    left: 0;
    top: 3px;
    height: 15px;
    width: 15px;
    margin: 0;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    opacity: 0;
    cursor: pointer;
    z-index: 9
}

form.registration-form .checkbox .checkmark {
    position: absolute;
    left: 0;
    top: 3px;
    height: 15px;
    width: 15px;
    border: 1px solid #fff;
    display: block
}

form.registration-form .checkbox .checkmark:before {
    position: absolute;
    content: "\f00c";
    font-family: FontAwesome;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: #fff;
    color: #000;
    font-size: 10px;
    line-height: 12px;
    text-align: center;
    opacity: 0
}

form.registration-form .checkbox input[type=checkbox]:checked+.checkmark:before {
    opacity: 1
}

form.registration-form .preferred-type label {
    margin: 0 0 20px
}

form.registration-form .btn {
    margin: 30px 0 0;
    background-color: transparent;
    border: 1px solid #fff;
    width: 120px;
    text-align: center;
    padding: 12px;
    color: #fff;
    background-color: transparent;
    text-transform: uppercase;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    font-family: GothamNarrow-Bold;
    letter-spacing: 2px;
    font-size: 12px;
    line-height: 12px
}

form.registration-form .btn:focus {
    color: #fff;
    background-color: transparent;
    border-color: #fff
}

form.registration-form .btn:active:focus, form.registration-form .btn:hover {
    color: #fff;
    background-color: #000;
    border-color: #000
}

form.registration-form .mob-predef-num {
    position: relative;
    padding-right: 90px
}

form.registration-form .mob-predef-num.zh-one-fill {
    padding-left: 0
}

form.registration-form .mob-predef-num .select-pre-num {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 80px;
    text-align: center
}

form.registration-form .mob-predef-num .select-pre-num label {
    color: #c59b6d;
    line-height: 25px;
    margin: 0;
    width: 100%;
    background-color: #fff
}

form.registration-form .mob-predef-num .select-pre-num #captcha_reload {
    text-decoration: none;
    color: #fff;
    font-weight: 500;
    letter-spacing: 1px;
    text-transform: capitalize
}

form.registration-form .mob-predef-num .select-pre-num .form-control {
    padding: 6px 10px;
    text-transform: uppercase
}

form.registration-form .mob-predef-num .select-pre-num .form-control::-webkit-input-placeholder {
    color: #fff;
    letter-spacing: 0;
    white-space: normal;
    font-size: 10px;
    position: relative
}

form.registration-form .mob-predef-num .select-pre-num .form-control::-moz-placeholder {
    color: #fff;
    letter-spacing: 0;
    white-space: normal;
    font-size: 10px;
    position: relative
}

form.registration-form .mob-predef-num .select-pre-num .form-control:-ms-input-placeholder {
    color: #fff;
    letter-spacing: 0;
    white-space: normal;
    font-size: 10px;
    position: relative
}

form.registration-form .mob-predef-num .select-pre-num .form-control:-o-placeholder {
    color: #fff;
    letter-spacing: 0;
    white-space: normal;
    font-size: 10px;
    position: relative
}

.seaview-reimagined-section {
    float: left;
    width: 100%;
    background-color: #18354f;
    padding: 35px
}

.seaview-reimagined-content {
    position: relative;
    background-color: #c59b6d;
    float: left;
    width: 100%;
    display: table;
    table-layout: fixed;
    overflow: hidden
}

.seaview-reimagined-content:before {
    position: absolute;
    content: "";
    left: 42%;
    bottom: 0;
    height: 10px;
    width: 59%;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    background-color: #fff;
    z-index: 9
}

.seaview-reimagined-content [class^=col-] {
    float: none;
    display: table-cell;
    vertical-align: bottom
}

.seaview-reimagined-content .seaview-left {
    float: left;
    width: 100%;
    margin-left: -2px
}

.seaview-reimagined-content .seaview-left .image {
    float: left;
    width: 100%;
    overflow: hidden
}

.seaview-reimagined-content .seaview-left .image img {
    width: 100%
}

.seaview-reimagined-content .seaview-title {
    position: absolute;
    left: 32%;
    top: 45%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%)
}

.seaview-reimagined-content .seaview-title h1, .seaview-reimagined-content .seaview-title h2, .seaview-reimagined-content .seaview-title h3, .seaview-reimagined-content .seaview-title h4, .seaview-reimagined-content .seaview-title h5, .seaview-reimagined-content .seaview-title h6 {
    font-family: Antonio-Light;
    font-size: 40px;
    line-height: 48px;
    color: #fff;
    letter-spacing: 6px;
    text-transform: uppercase;
    margin: 0
}

.seaview-reimagined-content .seaview-title h1 span, .seaview-reimagined-content .seaview-title h2 span, .seaview-reimagined-content .seaview-title h3 span, .seaview-reimagined-content .seaview-title h4 span, .seaview-reimagined-content .seaview-title h5 span, .seaview-reimagined-content .seaview-title h6 span {
    display: block;
    font-family: GothamNarrow-Book;
    font-size: 16px;
    line-height: 18px;
    letter-spacing: 2px;
    padding: 10px 0 0
}

.seaview-reimagined-content .seaview-title p {
    font-size: 16px;
    line-height: 16px;
    margin-top: 15px;
    font-family: GothamNarrow-Book;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #fff
}

.seaview-reimagined-content .col-lg-9 {
    width: 63%
}

.seaview-reimagined-content .col-lg-3 {
    width: 37%
}

.seaview-reimagined-content .seaview-right {
    padding: 15px 110px 15px 35px
}

.seaview-reimagined-content .call-section {
    float: left;
    width: 100%;
    padding: 0 0 40px
}

.seaview-reimagined-content .call-section .reimagined-title {
    padding: 0 0 10px
}

.seaview-reimagined-content .call-section .reimagined-title span {
    display: block;
    font-family: Antonio-Light;
    font-size: 14px;
    line-height: 16px;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 3px;
    margin-bottom: 10px
}

.seaview-reimagined-content .call-section .call-mail {
    float: left;
    width: 100%;
    padding: 0 0 15px
}

.seaview-reimagined-content .call-section .call-mail a {
    float: left;
    display: inline-block;
    text-transform: uppercase;
    letter-spacing: 3px;
    color: #18354f;
    font-family: MontserratSemiBold;
    font-size: 24px;
    line-height: 26px;
    text-decoration: none
}

.seaview-reimagined-content .call-section a:hover {
    color: #fff
}

.seaview-reimagined-content .call-section a.mail-id {
    color: #fff;
    margin-left: 15px
}

.seaview-reimagined-content .call-section a.mail-id:hover {
    color: #18354f
}

.seaview-reimagined-content .call-section .simple-white-btn {
    float: left;
    clear: both;
    border: 1px solid #fff;
    background-color: transparent;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    padding: 10px;
    color: #fff;
    text-transform: uppercase;
    font-family: GothamNarrow-Bold;
    font-size: 12px;
    line-height: 12px;
    letter-spacing: 3px;
    outline: 0;
    width: 230px
}

.seaview-reimagined-content .call-section .simple-white-btn:focus {
    color: #fff;
    background-color: transparent;
    border-color: #fff
}

.seaview-reimagined-content .call-section .simple-white-btn:active:focus, .seaview-reimagined-content .call-section .simple-white-btn:hover {
    color: #fff;
    background-color: #18354f;
    border-color: #18354f
}

.seaview-reimagined-content .call-section p {
    font-family: GothamNarrow-Book;
    font-size: 16px;
    line-height: 25px;
    color: #18354f
}

.seaview-reimagined-content .call-section .direction-link a {
    font-family: GothamNarrow-Bold;
    font-size: 12px;
    line-height: 14px;
    color: #18354f;
    letter-spacing: 2px;
    text-decoration: none
}

.seaview-reimagined-content .call-section .direction-link a i {
    padding-right: 5px;
    font-size: 30px
}

.seaview-reimagined-content .call-section .direction-link a:hover {
    color: #fff
}

.seaview-reimagined-content .call-section p span {
    font-family: GothamNarrow-Bold;
    text-transform: uppercase;
    display: block
}

.seaview-reimagined-content .call-section p i {
    padding-right: 5px;
    font-size: 30px
}

.seaview-reimagined-section .social-icons {
    padding: 0 0 10px
}

.seaview-reimagined-section .social-icons ul {
    display: block;
    margin: 0;
    padding: 0;
    list-style-type: none
}

.seaview-reimagined-section .social-icons ul li {
    display: inline-block;
    margin: 0;
    padding: 0 2px;
    list-style-type: none
}

.seaview-reimagined-section .social-icons ul li:first-child {
    padding-left: 0
}

.seaview-reimagined-section .social-icons ul li:last-child {
    padding-right: 0
}

.seaview-reimagined-section .social-icons ul li a {
    text-decoration: none;
    height: 20px;
    width: 20px;
    display: block;
    position: relative;
    background-color: #fff;
    font-size: 14px;
    line-height: 14px;
    color: #c59b6d
}

.seaview-reimagined-section .social-icons ul li a i {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%)
}

.seaview-reimagined-section .social-icons ul li a:hover {
    background-color: #18354f
}

.copyright-section ul {
    display: block;
    margin: 0;
    padding: 0;
    list-style-type: none
}

.copyright-section ul li {
    display: inline-block;
    margin: 0;
    padding: 0 8px 0 6px;
    list-style-type: none;
    font-family: GothamNarrow-Book;
    font-size: 8px;
    line-height: 8px;
    color: #18354f;
    text-transform: capitalize;
    position: relative
}

.copyright-section ul li:before {
    position: absolute;
    content: "";
    right: 0;
    top: 0;
    bottom: 0;
    height: 100%;
    width: 1px;
    background-color: #18354f
}

.copyright-section ul li:first-child {
    padding-left: 0
}

.copyright-section ul li:last-child {
    padding-right: 0
}

.copyright-section ul li:last-child:before {
    display: none
}

.copyright-section ul li a {
    color: #18354f;
    text-decoration: none
}

.copyright-section ul li a:hover {
    color: #fff
}

.btn-grad {
    background-image: linear-gradient(to right, #1bc3ad 0, #19b19d 51%, #179d8a 100%);
    background-size: 200% auto;
    border: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    padding: 12px;
    color: #fff;
    text-transform: uppercase;
    font-family: GothamNarrow-Bold;
    font-size: 12px;
    line-height: 12px;
    letter-spacing: 2px;
    outline: 0;
    width: 150px;
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}

.btn-grad.focus, .btn-grad:focus, .btn-grad:hover {
    background-position: right center;
    color: #fff;
    text-decoration: none
}

.extra-ordinary-button ul li {
    float: left;
    margin-right: 5px
}

.extra-ordinary-button ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.extra-ordinary-list-section .ordinary-block {
    position: relative
}

.extra-ordinary-list-section .ordinary-block .image {
    overflow: hidden
}

.extra-ordinary-list-section .ordinary-block .image img {
    width: 100%
}

.extra-ordinary-list-section .ordinary-block .overlay {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0;
    z-index: 9
}

.extra-ordinary-list-section .proximate-block .overlay {
    background-color: rgba(123, 199, 190, .8)
}

.extra-ordinary-list-section .strategic-block .overlay {
    background-color: rgba(100, 196, 226, .8)
}

.extra-ordinary-list-section .ordinary-block .ordinary-detail {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    opacity: 0;
    text-align: center;
    padding: 15px;
    z-index: 9
}

.extra-ordinary-list-section .ordinary-detail .title {
    padding: 0 0 5px
}

.extra-ordinary-list-section .ordinary-detail .title h1, .extra-ordinary-list-section .ordinary-detail .title h2, .extra-ordinary-list-section .ordinary-detail .title h3, .extra-ordinary-list-section .ordinary-detail .title h4, .extra-ordinary-list-section .ordinary-detail .title h5, .extra-ordinary-list-section .ordinary-detail .title h6 {
    font-family: Antonio-Bold;
    font-size: 24px;
    line-height: 26px;
    letter-spacing: 5px;
    color: #144e87;
    margin: 0
}

.extra-ordinary-list-section .ordinary-detail p {
    font-family: GothamNarrow-Book;
    font-size: 16px;
    line-height: 22px;
    color: #144e87;
    margin: 0
}

.extra-ordinary-list-section .ordinary-block:hover .overlay {
    opacity: 1
}

.extra-ordinary-list-section .ordinary-block:hover .ordinary-detail {
    opacity: 1
}

.extra-ordinary-main {
    float: left;
    width: 100%;
    height: 67%;
    background-color: #fff;
    padding: 35px
}

.extra-ordinary-section .map-block {
    position: relative;
    float: right;
    bottom: 58px;
    right: 0;
    width: 58%
}

.extra-ordinary-list-section {
    height: 33%;
    float: left;
    width: 100%
}

.fp-viewing-4thSection .imp-tooltip {
    box-shadow: 0 20px 15px rgba(0, 0, 0, .5)
}

.fp-viewing-4thSection .imp-tooltip .squares-container h3 {
    color: #fff!important;
    font-size: 14px!important;
    line-height: 16px!important
}

.extra-ordinary-section .map-block .imp-wrap {
    max-width: 100%!important
}

.fp-viewing-4thSection .hs-arrow-right {
    left: 100%;
    top: initial!important;
    margin-left: 0!important;
    margin-top: 0!important;
    border-top: 13px solid transparent!important;
    border-bottom: 0!important;
    border-left: 23px solid #dc8383!important;
    bottom: 0!important
}

.extra-ordinary-section .extra-ordinary-content {
    background-color: #18354f;
    padding: 75px 0 0 250px
}

.extra-ordinary-section {
    background-color: #18354f;
    padding: 35px 0 0;
    position: relative;
    float: left;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.extra-ordinary-section .map-block #image-map-pro {
    float: right;
    width: 72%;
    width: 82%;
    width: 85%;    
}

.extra-ordinary-section span.number {
    display: block;
    font-size: 16px;
    line-height: 18px;
    color: #c69b6e;
    letter-spacing: 4px;
    padding: 0 0 5px
}

.extra-ordinary-section .extra-ordinary-detail {
    padding: 0 0 0 30px;
    width: 370px
}

.extra-ordinary-section .extra-ordinary-title {
    padding: 0 0 30px
}

.extra-ordinary-section .extra-ordinary-title h1, .extra-ordinary-section .extra-ordinary-title h2, .extra-ordinary-section .extra-ordinary-title h3, .extra-ordinary-section .extra-ordinary-title h4, .extra-ordinary-section .extra-ordinary-title h5, .extra-ordinary-section .extra-ordinary-title h6 {
    font-family: Antonio-Light;
    font-size: 40px;
    line-height: 45px;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 8px;
    margin: 0
}

.extra-ordinary-section .extra-ordinary-title h1 span, .extra-ordinary-section .extra-ordinary-title h2 span, .extra-ordinary-section .extra-ordinary-title h3 span, .extra-ordinary-section .extra-ordinary-title h4 span, .extra-ordinary-section .extra-ordinary-title h5 span, .extra-ordinary-section .extra-ordinary-title h6 span {
    display: block;
    font-family: GothamNarrow-Book;
    font-size: 16px;
    line-height: 18px;
    color: #c59b6d;
    letter-spacing: 2px;
    padding: 0 0 10px
}

.extra-ordinary-section .extra-ordinary-content p {
    font-family: GothamNarrow-Book;
    font-size: 13px;
    line-height: 22px;
    color: #c59b6d
}

.sea-island-carousel-section {
    float: left;
    width: 100%;
    height: 100%;
    background-color: #18354f;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.island-carousel {
    float: left;
    width: 100%;
    height: 100%;
    opacity: 0
}

.island-carousel.slick-initialized {
    opacity: 1
}

.island-carousel .slick-list {
    padding-right: 650px
}

.island-carousel .slick-list, .island-carousel .slick-slide, .island-carousel .slick-slide>div, .island-carousel .slick-track {
    height: 100%!important
}

.island-carousel .island-item {
    float: left;
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden
}

.island-carousel .slick-slide.slick-current .c-home__section__poster {
    opacity: 1;
    transform: scale(1) translateZ(0);
    -webkit-transform: scale(1) translateZ(0);
    -moz-transform: scale(1) translateZ(0);
    -ms-transform: scale(1) translateZ(0);
    -o-transform: scale(1) translateZ(0);
    transition: transform 4s cubic-bezier(.23, 1, .32, 1) .3s, opacity 4s .3s;
    -webkit-transition: transform 4s cubic-bezier(.23, 1, .32, 1) .3s, opacity 4s .3s;
    -moz-transition: transform 4s cubic-bezier(.23, 1, .32, 1) .3s, opacity 4s .3s;
    -ms-transition: transform 4s cubic-bezier(.23, 1, .32, 1) .3s, opacity 4s .3s;
    -o-transition: transform 4s cubic-bezier(.23, 1, .32, 1) .3s, opacity 4s .3s
}

.island-carousel .slick-slide .c-home__section__poster {
    transform: scale(1.1) translateZ(0);
    -webkit-transform: scale(1.1) translateZ(0);
    -moz-transform: scale(1.1) translateZ(0);
    -ms-transform: scale(1.1) translateZ(0);
    -o-transform: scale(1.1) translateZ(0);
    transition: transform 4s cubic-bezier(.23, 1, .32, 1) 0s, opacity 4s 0;
    -webkit-transition: transform 4s cubic-bezier(.23, 1, .32, 1) 0s, opacity 4s 0;
    -moz-transition: transform 4s cubic-bezier(.23, 1, .32, 1) 0s, opacity 4s 0;
    -ms-transition: transform 4s cubic-bezier(.23, 1, .32, 1) 0s, opacity 4s 0;
    -o-transition: transform 4s cubic-bezier(.23, 1, .32, 1) 0s, opacity 4s 0
}

.island-carousel .island-item .island-overlay {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(24, 53, 79, .8);
    z-index: 9
}

.island-carousel .slick-slide.slick-current .island-item .island-overlay {
    opacity: 0
}

.island-carousel .island-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    font-family: 'object-fit: cover'
}

.island-detail-carousel {
    opacity: 0
}

.island-detail-carousel.slick-initialized {
    opacity: 1
}

.sea-island-content .sea-island-description .sea-island-detail {
    background-color: #c59b6d;
    padding: 100px 160px 100px 400px;
    float: left;
    width: 100%;
    height: 100%
}

.island-detail-carousel .island-detail-item {
    float: left;
    width: 100%
}

.sea-island-content {
    float: left;
    width: 100%;
    height: 100%
}

.sea-island-content .sea-island-description {
    float: left;
    width: 100%;
    height: 100%
}

.sea-island-content .sea-island-description [class^=col-] {
    height: 100%
}

.sea-island-detail .island-map {
    position: absolute;
    left: -55px;
    top: 0
}

.sea-island-detail .island-map a.zoom-map-icon {
    position: absolute;
    left: 97px;
    top: 55%;
    height: 35px;
    width: 35px;
    background-color: #000;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px
}

.sea-island-detail .island-map a.zoom-map-icon:hover {
    background-color: #144e86
}

.sea-island-detail .island-map a.zoom-map-icon svg {
    width: 15px;
    height: 15px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%)
}

.sea-island-detail .island-map a.zoom-map-icon svg path {
    fill: #fff
}

.sea-island-detail .blue-map {
    position: absolute;
    left: -55px;
    bottom: 48px
}

.sea-island-detail .blue-map span.island-nm {
    position: absolute;
    left: 200px;
    top: 25px;
    font-family: GothamNarrow-Bold;
    font-size: 21px;
    line-height: 21px;
    color: #144e86;
    letter-spacing: 1px;
    text-transform: uppercase
}

.sea-island-detail .island-map span.country-nm {
    font-family: GothamNarrow-Book;
    font-size: 14px;
    line-height: 15px;
    letter-spacing: 2px;
    color: #fff;
    text-transform: uppercase;
    position: absolute;
    left: 0;
    right: 0;
    top: 62%;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    text-align: center;
    padding-left: 20px
}

.sea-island-detail .blue-map span {
    position: absolute;
    font-family: GothamNarrow-Bold;
    font-size: 9px;
    line-height: 9px;
    text-transform: capitalize;
    color: #fff
}

.sea-island-detail .blue-map span.batu-ferringhi {
    top: 30px;
    left: 130px
}

.sea-island-detail .blue-map span.tanjung-bungah {
    top: 55px;
    left: 140px
}

.sea-island-detail .blue-map span.george-town {
    top: 90px;
    left: 150px
}

.sea-island-detail .blue-map span.balik-pulau {
    left: 35px;
    top: 50%;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%)
}

.sea-island-detail .blue-map span.bayan-lepas {
    left: 115px;
    bottom: 60px
}

.sea-island-detail .blue-map .map-marker {
    position: absolute;
    bottom: 100%;
    left: 102px;
    top: -237px
}

.sea-island-detail .blue-map .map-marker img {
    height: 290px
}

.sea-island-detail .blue-map .map-marker svg {
    height: 290px
}

.sea-island-detail .island-detail {
    padding: 0 30px;
    position: relative;
    z-index: 9
}

.sea-island-detail .island-detail p {
    font-family: GothamNarrow-Book;
    font-size: 14px;
    line-height: 25px;
    color: #144e86;
    margin-right: 220px
}

.sea-island-detail span.number {
    display: block;
    font-family: GothamNarrow-Book;
    font-size: 16px;
    line-height: 18px;
    color: #18354f;
    letter-spacing: 2px;
    padding: 0 0 5px
}

.sea-island-detail .island-title {
    padding: 0 0 20px
}

.sea-island-detail .island-title h1, .sea-island-detail .island-title h2, .sea-island-detail .island-title h3, .sea-island-detail .island-title h4, .sea-island-detail .island-title h5, .sea-island-detail .island-title h6 {
    font-family: Antonio-Light;
    font-size: 40px;
    line-height: 44px;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 6px;
    margin: 0
}

.sea-island-detail .island-title h1 span, .sea-island-detail .island-title h2 span, .sea-island-detail .island-title h3 span, .sea-island-detail .island-title h4 span, .sea-island-detail .island-title h5 span, .sea-island-detail .island-title h6 span {
    display: block;
    font-family: GothamNarrow-Book;
    font-size: 16px;
    line-height: 18px;
    color: #18354f;
    letter-spacing: 2px;
    padding: 0 0 10px
}

.sea-island-detail .island-detail-carousel {
    padding: 70px 0 0
}

.island-detail-carousel .island-detail-item .getting-around-penang {
    float: left;
    width: 100%;
    padding: 30px 0 0
}

.island-detail-carousel .island-detail-item .getting-around-penang .btn {
    border: 1px solid #fff;
    background-color: transparent;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    padding: 12px 20px;
    text-transform: uppercase;
    font-family: GothamNarrow-Bold;
    font-size: 12px;
    line-height: 12px;
    color: #fff;
    letter-spacing: 2px
}

.island-detail-carousel .island-detail-item .getting-around-penang .btn:focus {
    background-color: transparent;
    color: #fff;
    border-color: #fff
}

.island-detail-carousel .island-detail-item .getting-around-penang .btn:active:focus, .island-detail-carousel .island-detail-item .getting-around-penang .btn:hover {
    color: #fff;
    border-color: #18354f;
    background-color: #18354f
}

.island-detail-carousel .worlds-best-places .best-place-block {
    position: relative;
    float: left;
    width: 100%;
    padding-left: 50px
}

.island-detail-carousel .worlds-best-places .best-place-block .icon-block {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%)
}

.island-detail-carousel .worlds-best-places .best-place-block .best-detail {
    float: left;
    width: 100%;
    padding: 23px 0;
    border-bottom: 1px solid #fff
}

.island-detail-carousel .worlds-best-places .best-place-block:last-child .best-detail {
    padding: 23px 163px 23px 0
}

.island-detail-carousel .worlds-best-places .best-place-block .best-detail p {
    font-family: GothamNarrow-Bold;
    font-size: 18px;
    line-height: 20px;
    color: #144e86;
    text-transform: uppercase;
    margin: 0
}

.island-detail-carousel .worlds-best-places .best-place-block .best-detail p span {
    float: right;
    font-size: 14px;
    line-height: 20px;
    color: #144e86;
    text-transform: none
}

.island-detail-carousel .worlds-best-places .best-place-block .best-detail p span.property {
    float: left;
    width: 100%;
    display: block;
    font-family: GothamNarrow-Book;
    font-size: 10px;
    line-height: 10px;
    padding: 5px 0 0
}

.island-detail-carousel .slick-arrow {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100px
}

.island-detail-carousel .slick-arrow div {
    position: relative;
    height: 35px;
    width: 35px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    overflow: hidden;
    background-color: #18354f;
    display: block;
    z-index: 9;
    cursor: pointer
}

.island-detail-carousel .slick-arrow div:hover {
    background-color: #fff
}

.island-detail-carousel .slick-arrow div:hover svg path {
    fill: #18354f
}

.island-detail-carousel .slick-arrow svg {
    height: 12px;
    width: 12px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    cursor: pointer;
    margin-left: 1px
}

.island-detail-carousel .slick-arrow svg path {
    fill: #fff
}

.island-detail-carousel .slick-arrow .slick-prev {
    float: left;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg)
}

.island-detail-carousel .slick-arrow .slick-next {
    float: right
}

.luxuriate-concept-section {
    float: left;
    width: 100%;
    height: 100%;
    position: relative;
    background-color: #18354f
}

.concept-pg .concept-banner {
    float: left;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.concept-pg .concept-banner img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    font-family: 'object-fit: cover'
}

.luxuriate-concept-section .luxuriate-overlay {
    position: absolute;
    left: 35px;
    right: 35px;
    top: 35px;
    bottom: 35px;
    border: 0 solid #144e86;
    z-index: 99;
    transition-property: border;
    -webkit-transition-property: border;
    -moz-transition-property: border;
    -ms-transition-property: border;
    -o-transition-property: border;
    transition-duration: 1s 0;
    -webkit-transition-duration: 1s 0;
    -moz-transition-duration: 1s 0;
    -ms-transition-duration: 1s 0;
    -o-transition-duration: 1s 0;
    transition-delay: 1s 0;
    -webkit-transition-delay: 1s 0;
    -moz-transition-delay: 1s 0;
    -ms-transition-delay: 1s 0;
    -o-transition-delay: 1s 0
}

.c-home__section.active .luxuriate-overlay {
    border-width: 1px;
    transition-property: border;
    -webkit-transition-property: border;
    -moz-transition-property: border;
    -ms-transition-property: border;
    -o-transition-property: border;
    transition-duration: 1.5s;
    -webkit-transition-duration: 1.5s;
    -moz-transition-duration: 1.5s;
    -ms-transition-duration: 1.5s;
    -o-transition-duration: 1.5s;
    transition-delay: 1.5s;
    -webkit-transition-delay: 1.5s;
    -moz-transition-delay: 1.5s;
    -ms-transition-delay: 1.5s;
    -o-transition-delay: 1.5s
}

.luxuriate-concept-section .luxuriate-overlay:before {
    position: absolute;
    content: "";
    left: 50%;
    bottom: 0;
    height: 10px;
    width: 50%;
    background-color: #c59b6d;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    z-index: 9;
    opacity: 0;
    transition-property: opacity;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -ms-transition-property: opacity;
    -o-transition-property: opacity;
    transition-duration: 1s 0;
    -webkit-transition-duration: 1s 0;
    -moz-transition-duration: 1s 0;
    -ms-transition-duration: 1s 0;
    -o-transition-duration: 1s 0;
    transition-delay: 1s 0;
    -webkit-transition-delay: 1s 0;
    -moz-transition-delay: 1s 0;
    -ms-transition-delay: 1s 0;
    -o-transition-delay: 1s 0
}

.c-home__section.active .luxuriate-overlay:before {
    opacity: 1;
    transition-property: opacity;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -ms-transition-property: opacity;
    -o-transition-property: opacity;
    transition-duration: 1.5s;
    -webkit-transition-duration: 1.5s;
    -moz-transition-duration: 1.5s;
    -ms-transition-duration: 1.5s;
    -o-transition-duration: 1.5s;
    transition-delay: 1.5s;
    -webkit-transition-delay: 1.5s;
    -moz-transition-delay: 1.5s;
    -ms-transition-delay: 1.5s;
    -o-transition-delay: 1.5s
}

.luxuriate-concept-section [class^=col-] {
    height: 100%
}

.luxuriate-concept-section .luxuriate-concept-content {
    float: left;
    width: 100%;
    height: 100%
}

.luxuriate-concept-section .luxuriate-image {
    float: left;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.luxuriate-concept-section .luxuriate-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    font-family: 'object-fit: cover'
}

.luxuriate-concept-section .luxuriate-detail {
    position: relative;
    z-index: 99;
    padding: 90px 380px 90px 45px
}

.luxuriate-concept-section .luxuriate-description {
    padding: 0 30px
}

.luxuriate-concept-section .luxuriate-detail span.number {
    display: block;
    font-family: GothamNarrow-Book;
    font-size: 16px;
    line-height: 18px;
    color: #c59b6d;
    letter-spacing: 1px;
    padding: 0 0 5px
}

.luxuriate-concept-section .luxuriate-description p {
    font-family: GothamNarrow-Book;
    font-size: 13px;
    line-height: 20px;
    color: #c59b6d
}

.luxuriate-concept-section .luxuriate-tower-list {
    padding: 140px 0 0
}

.luxuriate-concept-section .luxuriate-tower-list .tower-block {
    padding: 0 0 25px
}

.luxuriate-concept-section .luxuriate-tower-list .tower-block:last-child {
    padding-bottom: 0
}

.luxuriate-concept-section .luxuriate-tower-list .tower-block p {
    font-family: GothamNarrow-Black;
    font-size: 24px;
    line-height: 26px;
    color: #c59b6d;
    text-transform: uppercase;
    letter-spacing: 1px
}

.luxuriate-concept-section .luxuriate-tower-list .tower-block p span {
    display: block;
    font-size: 13px;
    color: #fff
}

.luxuriate-concept-section .luxuriate-tower-list .tower-block p a {
    text-decoration: none;
    color: #c59b6d
}

.luxuriate-concept-section .luxuriate-tower-list .tower-block p a:hover {
    color: #fff
}

.luxuriate-title {
    padding: 0 0 40px
}

.luxuriate-title h1, .luxuriate-title h2, .luxuriate-title h3, .luxuriate-title h4, .luxuriate-title h5, .luxuriate-title h6 {
    font-family: Antonio-Light;
    color: #fff;
    text-transform: uppercase;
    font-size: 40px;
    line-height: 44px;
    letter-spacing: 8px;
    margin: 0
}

.luxuriate-title h1 span, .luxuriate-title h2 span, .luxuriate-title h3 span, .luxuriate-title h4 span, .luxuriate-title h5 span, .luxuriate-title h6 span {
    display: block;
    font-family: GothamNarrow-Book;
    font-size: 16px;
    line-height: 18px;
    color: #c59b6d;
    letter-spacing: 3px;
    padding: 0 0 10px
}

.resplendent-sanctuary-section {
    padding: 35px;
    display: table;
    table-layout: fixed;
    width: 100%;
    background-color: #fff
}

.resplendent-sanctuary-section [class^=col-] {
    float: none;
    display: table-cell;
    vertical-align: middle
}

.resplendent-sanctuary-section .resplendent-block {
    position: relative
}

.resplendent-sanctuary-section .resplendent-block .image {
    position: relative;
    overflow: hidden
}

.resplendent-sanctuary-section .resplendent-block .image:after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .3);
    content: ""
}

.resplendent-sanctuary-section .resplendent-block img {
    width: 100%
}

.resplendent-sanctuary-section .resplendent-block .detail {
    padding: 15px 100px 15px 200px
}

.resplendent-sanctuary-section .resplendent-block .detail p {
    font-family: GothamNarrow-Book;
    font-size: 13px;
    line-height: 22px;
    color: #c59b6d
}

.resplendent-sanctuary-section .resplendent-block .resplendent-title {
    position: absolute;
    right: 105px;
    top: 50%;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%)
}

.resplendent-sanctuary-section .resplendent-block .resplendent-title h1, .resplendent-sanctuary-section .resplendent-block .resplendent-title h2, .resplendent-sanctuary-section .resplendent-block .resplendent-title h3, .resplendent-sanctuary-section .resplendent-block .resplendent-title h4, .resplendent-sanctuary-section .resplendent-block .resplendent-title h5, .resplendent-sanctuary-section .resplendent-block .resplendent-title h6 {
    font-family: TimesItalic;
    font-size: 32px;
    line-height: 38px;
    color: #fff;
    text-transform: capitalize;
    margin: 0
}

.facility-security-section {
    display: table;
    table-layout: fixed;
    width: 100%;
    background-color: #18354f;

    display: flex;
}

.facility-security-section [class^=col-] {
    /* float: none;
    vertical-align: middle;
    display: table-cell; */

    display: flex;
}

.facility-security-section .facility-block {
    overflow: hidden;

    height: 100%;
    display: flex;
    /* align-items: center; */
    justify-content: center;
    /* align-items: center; */
    width: 100%;
}

.facility-security-section .facility-block img {
    width: 100%
}

.facility-security-section .facility-block ul {
    display: block;
    margin: 0;
    padding: 0 150px;
    list-style-type: none;

    padding: 60px 0 0;
}

.facility-security-section .facility-block ul li {
    display: block;
    margin: 0;
    padding: 10px;
    list-style-type: none;
    text-align: center;
    font-family: GothamNarrow-Black;
    font-size: 15px;
    line-height: 20px;
    color: #c59b6d;
    border-bottom: 1px solid #fff
}

.facility-security-section .facility-block ul li:first-child {
    padding-top: 0
}

.facility-security-section .facility-block ul li:last-child {
    padding-bottom: 0;
    border: none
}

.facility-security-section .facility-block ul li a {
    display: inline-block;
    color: #c59b6d;
    text-decoration: none
}

.facility-security-section .facility-block ul li a:hover {
    color: #fff
}

.full-fledged-facility-section {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.section-border-overlay {
    position: absolute;
    left: 35px;
    right: 35px;
    top: 35px;
    bottom: 35px;
    border: 0 solid transparent;
    z-index: 9;
    transition-property: border;
    -webkit-transition-property: border;
    -moz-transition-property: border;
    -ms-transition-property: border;
    -o-transition-property: border;
    transition-duration: 1s 0;
    -webkit-transition-duration: 1s 0;
    -moz-transition-duration: 1s 0;
    -ms-transition-duration: 1s 0;
    -o-transition-duration: 1s 0;
    transition-delay: 1s 0;
    -webkit-transition-delay: 1s 0;
    -moz-transition-delay: 1s 0;
    -ms-transition-delay: 1s 0;
    -o-transition-delay: 1s 0
}

.c-home__section.active .section-border-overlay {
    border-width: 1px;
    transition-property: border;
    -webkit-transition-property: border;
    -moz-transition-property: border;
    -ms-transition-property: border;
    -o-transition-property: border;
    transition-duration: 1.5s;
    -webkit-transition-duration: 1.5s;
    -moz-transition-duration: 1.5s;
    -ms-transition-duration: 1.5s;
    -o-transition-duration: 1.5s;
    transition-delay: 1.5s;
    -webkit-transition-delay: 1.5s;
    -moz-transition-delay: 1.5s;
    -ms-transition-delay: 1.5s;
    -o-transition-delay: 1.5s
}

.section-border-overlay:before {
    position: absolute;
    content: "";
    left: 50%;
    bottom: 0;
    height: 10px;
    width: 50%;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    z-index: 9;
    opacity: 0;
    transition-property: opacity;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -ms-transition-property: opacity;
    -o-transition-property: opacity;
    transition-duration: 1s 0;
    -webkit-transition-duration: 1s 0;
    -moz-transition-duration: 1s 0;
    -ms-transition-duration: 1s 0;
    -o-transition-duration: 1s 0;
    transition-delay: 1s 0;
    -webkit-transition-delay: 1s 0;
    -moz-transition-delay: 1s 0;
    -ms-transition-delay: 1s 0;
    -o-transition-delay: 1s 0
}

.c-home__section.active .section-border-overlay:before {
    opacity: 1;
    transition-property: opacity;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -ms-transition-property: opacity;
    -o-transition-property: opacity;
    transition-duration: 1.5s;
    -webkit-transition-duration: 1.5s;
    -moz-transition-duration: 1.5s;
    -ms-transition-duration: 1.5s;
    -o-transition-duration: 1.5s;
    transition-delay: 1.5s;
    -webkit-transition-delay: 1.5s;
    -moz-transition-delay: 1.5s;
    -ms-transition-delay: 1.5s;
    -o-transition-delay: 1.5s
}

.section-border-overlay.blue-overlay {
    border-color: #17436a
}

.section-border-overlay.blue-overlay:before {
    background-color: #17436a
}

.full-height-section {
    float: left;
    width: 100%;
    height: 100%
}

.full-height-section .dark-blue-block {
    background-color: #1a3550
}

.full-height-section .silver-block {
    background-color: #c69b6e
}

.full-height-section .half-section {
    float: left;
    width: 100%;
    height: 50%
}

.full-fledged-facility-content {
    float: left;
    width: 100%;
    height: 100%
}

.full-fledged-facility-content .row {
    display: table;
    table-layout: fixed;
    width: 100%;
    height: 100%;
    margin: 0 -50px
}

.full-fledged-facility-content [class^=col-] {
    display: table-cell;
    float: none;
    vertical-align: middle;
    padding: 0 50px
}

.full-fledged-facility-content .fledged-left {
    text-align: center;
    position: relative
}

.full-fledged-facility-content .fledged-left .image {
    position: relative;
    text-align: center
}

.full-fledged-facility-content .fledged-left .image #image-map-pro-masterplan {
    display: inline-block
}

.full-fledged-facility-content .fledged-left .image img {
    display: inline-block
}

.full-fledged-facility-content .fledged-left .image span.tower-a {
    left: 250px;
    bottom: -35px
}

.full-fledged-facility-content .fledged-left .image span.tower-c {
    left: 535px;
    bottom: 140px
}

.full-fledged-facility-content .fledged-left .image span.tower-b {
    left: 790px;
    bottom: 180px
}

.full-fledged-facility-content .fledged-left .image span[class^=tower-] {
    font-family: GothamNarrow-Bold;
    font-size: 18px;
    line-height: 20px;
    color: #fff;
    text-transform: uppercase;
    position: absolute
}

.full-fledged-facility-content .fledged-left .title {
    text-align: right;
    float: right;
    position: relative;
    z-index: 9;
    margin: -100px 0 0
}

.full-fledged-facility-content .fledged-left .title h1, .full-fledged-facility-content .fledged-left .title h2, .full-fledged-facility-content .fledged-left .title h3, .full-fledged-facility-content .fledged-left .title h4, .full-fledged-facility-content .fledged-left .title h5, .full-fledged-facility-content .fledged-left .title h6 {
    font-family: TimesItalic;
    font-size: 32px;
    line-height: 35px;
    color: #fff;
    margin: 0
}

.full-fledged-facility-content .fledged-right span.number {
    display: block;
    font-size: 20px;
    line-height: 20px;
    letter-spacing: 2px;
    color: #c59b6d;
    padding: 0 0 5px
}

.full-fledged-facility-content .fledged-right .fledged-detail {
    padding: 0 30px
}

.full-fledged-facility-content .fledged-right .fledged-detail .title {
    padding: 0 0 40px
}

.full-fledged-facility-content .fledged-right .fledged-detail .title span {
    font-family: GothamNarrow-Book;
    font-size: 19px;
    line-height: 19px;
    letter-spacing: 4px;
    color: #c69c6c;
    text-transform: uppercase
}

.full-fledged-facility-content .fledged-right .fledged-detail .title span a {
    text-decoration: none;
    color: #c69c6c
}

.full-fledged-facility-content .fledged-right .fledged-detail .title span a:hover {
    color: #fff
}

.full-fledged-facility-content .tower-address-list .tower-block {
    padding: 0 0 15px
}

.full-fledged-facility-content .tower-address-list .tower-block:last-child {
    padding-bottom: 0
}

.full-fledged-facility-content .tower-address-list .title {
    padding: 0!important
}

.full-fledged-facility-content .tower-address-list .title h1, .full-fledged-facility-content .tower-address-list .title h2, .full-fledged-facility-content .tower-address-list .title h3, .full-fledged-facility-content .tower-address-list .title h4, .full-fledged-facility-content .tower-address-list .title h5, .full-fledged-facility-content .tower-address-list .title h6 {
    font-family: GothamNarrow-Black;
    font-size: 18px;
    line-height: 22px;
    color: #fff;
    margin: 0
}

.full-fledged-facility-content .tower-address-list .title h1 span, .full-fledged-facility-content .tower-address-list .title h2 span, .full-fledged-facility-content .tower-address-list .title h3 span, .full-fledged-facility-content .tower-address-list .title h4 span, .full-fledged-facility-content .tower-address-list .title h5 span, .full-fledged-facility-content .tower-address-list .title h6 span {
    display: inline-block;
    font-family: GothamNarrow-Book;
    font-size: 16px!important;
    letter-spacing: 0!important;
    color: #c59b6d
}

.full-fledged-facility-content .tower-address-list .tower-block p {
    font-family: GothamNarrow-Book;
    font-size: 13px;
    line-height: 18px;
    color: #c59b6d;
    margin: 0;

    font-size: 16px;
    line-height: 20px;
}

.full-fledged-facility-content .facilities-level {
    padding: 130px 0 0
}

.full-fledged-facility-content .facilities-level .level-title {
    padding: 0 0 15px
}

.full-fledged-facility-content .facilities-level .level-title h1, .full-fledged-facility-content .facilities-level .level-title h2, .full-fledged-facility-content .facilities-level .level-title h3, .full-fledged-facility-content .facilities-level .level-title h4, .full-fledged-facility-content .facilities-level .level-title h5, .full-fledged-facility-content .facilities-level .level-title h6 {
    font-family: GothamNarrow-Bold;
    font-size: 28px;
    line-height: 33px;
    color: #18354f;
    text-transform: uppercase;
    letter-spacing: 4px;
    margin: 0
}

.full-fledged-facility-content .facilities-level .level-title h1 span, .full-fledged-facility-content .facilities-level .level-title h2 span, .full-fledged-facility-content .facilities-level .level-title h3 span, .full-fledged-facility-content .facilities-level .level-title h4 span, .full-fledged-facility-content .facilities-level .level-title h5 span, .full-fledged-facility-content .facilities-level .level-title h6 span {
    display: block;
    font-family: GothamNarrow-Light;
    font-size: 21px;
    line-height: 23px
}

.full-fledged-facility-content .facilities-level .row {
    display: block;
    table-layout: inherit;
    width: auto;
    height: auto;
    margin: 0 -15px
}

.full-fledged-facility-content .facilities-level [class^=col-] {
    padding: 0 15px;
    float: left;
    display: inline-block;
    vertical-align: inherit
}

.full-fledged-facility-content .facilities-level .facilities-title {
    padding: 10px 0
}

.master-plan-section .full-height-section .dark-blue-block {
    height: 45%
}

.master-plan-section .full-height-section .silver-block {
    height: 55%
}

.full-fledged-facility-content .facilities-level .facilities-title span {
    font-family: "Gotham Narrow";
    font-size: 20px;
    line-height: 20px;
    letter-spacing: 2px;
    color: #18354f
}

.full-fledged-facility-content .facilities-level [class^=col-]:nth-child(2n+1) {
    clear: both
}

.full-fledged-facility-content .facilities-level ul {
    display: block;
    margin: 0;
    padding: 0;
    list-style-type: none;
    counter-reset: my-awesome-counter
}

.full-fledged-facility-content .facilities-level ul li {
    display: block;
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 14px;
    line-height: 24px;

    font-size: 16px;
    line-height: 26px;
    color: #18354f;
    text-transform: capitalize;
    counter-increment: my-awesome-counter
}

.full-fledged-facility-content .facilities-level ul li a {
    color: #18354f;
    text-decoration: none
}

.full-fledged-facility-content .facilities-level ul li a:hover {
    color: #fff
}

.full-fledged-facility-content .facilities-level ul li:before {
    content: counter(my-awesome-counter);
    color: #fff;
    text-align: center;
    height: 20px;
    width: 20px;
    float: none;
    vertical-align: middle;
    display: inline-block;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    background-color: #18354f;
    border: 1px solid #fff;
    font-size: 12px;
    line-height: 16px;
    margin-right: 10px
}

.vacation-relaxation-section {
    background-color: #18354f;
    padding: 35px;
    float: left;
    width: 100%;
    height: 100%
}

.vacation-relaxation-section .vacation-relaxation-content {
    float: left;
    width: 100%;
    height: 100%
}

.vacation-relaxation-content [class^=col-] {
    height: 100%
}

.vacation-relaxation-content .relaxation-slider-section {
    float: left;
    width: 100%;
    height: 100%
}

.vacation-relaxation-content .relaxation-description {
    background-color: #fff;
    padding: 60px 355px 60px 50px;
    height: 100%
}

.vacation-relaxation-content .relaxation-description span.number {
    display: block;
    font-family: GothamNarrow-Book;
    font-size: 16px;
    line-height: 18px;
    color: #18354f;
    padding: 0 0 10px
}

.vacation-relaxation-content .relaxation-description .relaxation-detail {
    padding: 0 30px
}

.vacation-relaxation-content .relaxation-description .vacation-title {
    padding: 0 0 40px
}

.vacation-relaxation-content .relaxation-description .vacation-title h1, .vacation-relaxation-content .relaxation-description .vacation-title h2, .vacation-relaxation-content .relaxation-description .vacation-title h3, .vacation-relaxation-content .relaxation-description .vacation-title h4, .vacation-relaxation-content .relaxation-description .vacation-title h5, .vacation-relaxation-content .relaxation-description .vacation-title h6 {
    font-family: Antonio-Light;
    font-size: 40px;
    line-height: 44px;
    color: #c59b6d;
    text-transform: uppercase;
    letter-spacing: 7px;
    margin: 0
}

.vacation-relaxation-content .relaxation-description .vacation-title h1 span, .vacation-relaxation-content .relaxation-description .vacation-title h2 span, .vacation-relaxation-content .relaxation-description .vacation-title h3 span, .vacation-relaxation-content .relaxation-description .vacation-title h4 span, .vacation-relaxation-content .relaxation-description .vacation-title h5 span, .vacation-relaxation-content .relaxation-description .vacation-title h6 span {
    display: block;
    font-family: GothamNarrow-Book;
    font-size: 16px;
    line-height: 18px;
    letter-spacing: 3px;
    padding: 0 0 15px;
    color: #18354f
}

.vacation-relaxation-content .relaxation-description .relaxation-detail p {
    font-family: GothamNarrow-Book;
    font-size: 13px;
    line-height: 22px;
    color: #18354f
}

.vacation-relaxation-content .relaxation-description .residence-discovery-links {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 80px 155px 60px 80px
}

.vacation-relaxation-content .relaxation-description .residence-discovery-links ul {
    display: block;
    margin: 0;
    padding: 0;
    list-style-type: none
}

.vacation-relaxation-content .relaxation-description .residence-discovery-links ul li {
    display: inline-block;
    margin: 0;
    padding: 0 10px;
    list-style-type: none;
    font-family: GothamNarrow-Bold;
    font-size: 12px;
    line-height: 13px;
    color: #144e86
}

.vacation-relaxation-content .relaxation-description .residence-discovery-links ul li:first-child {
    padding-left: 0
}

.vacation-relaxation-content .relaxation-description .residence-discovery-links ul li:last-child {
    padding-right: 0
}

.vacation-relaxation-content .relaxation-description .residence-discovery-links ul li a {
    text-decoration: none;
    color: #144e86;
    padding-left: 40px;
    position: relative;
    display: block;
    transition: none;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none
}

.vacation-relaxation-content .relaxation-description .residence-discovery-links ul li a:hover {
    color: #c69b6e
}

.vacation-relaxation-content .relaxation-description .residence-discovery-links ul li a svg {
    position: absolute;
    left: 0;
    top: 0;
    height: 40px;
    width: 40px
}

.vacation-relaxation-content .relaxation-description .residence-discovery-links ul li a svg path, .vacation-relaxation-content .relaxation-description .residence-discovery-links ul li a svg polygon, .vacation-relaxation-content .relaxation-description .residence-discovery-links ul li a svg rect {
    fill: #144e86
}

.vacation-relaxation-content .relaxation-description .residence-discovery-links ul li a:hover svg path, .vacation-relaxation-content .relaxation-description .residence-discovery-links ul li a:hover svg polygon, .vacation-relaxation-content .relaxation-description .residence-discovery-links ul li a:hover svg rect {
    fill: #c69b6e
}

.slick-slider img {
    width: 100%
}

.relaxation-carousel {
    opacity: 0;
    height: 68%;
    margin: 0 0 10px
}

.relaxation-carousel.slick-initialized {
    opacity: 1
}

.relaxation-carousel .slick-list, .relaxation-carousel .slick-slide, .relaxation-carousel .slick-slide div, .relaxation-carousel .slick-track {
    height: 100%!important
}

.relaxation-carousel .relaxation-item {
    float: left;
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden
}

.relaxation-carousel .relaxation-item img {
    height: 100%
}

.relaxation-carousel .slick-slide.slick-current .c-home__section__poster {
    opacity: 1;
    transform: scale(1) translateZ(0);
    -webkit-transform: scale(1) translateZ(0);
    -moz-transform: scale(1) translateZ(0);
    -ms-transform: scale(1) translateZ(0);
    -o-transform: scale(1) translateZ(0);
    transition: transform 4s cubic-bezier(.23, 1, .32, 1) .3s, opacity 4s .3s;
    -webkit-transition: transform 4s cubic-bezier(.23, 1, .32, 1) .3s, opacity 4s .3s;
    -moz-transition: transform 4s cubic-bezier(.23, 1, .32, 1) .3s, opacity 4s .3s;
    -ms-transition: transform 4s cubic-bezier(.23, 1, .32, 1) .3s, opacity 4s .3s;
    -o-transition: transform 4s cubic-bezier(.23, 1, .32, 1) .3s, opacity 4s .3s
}

.relaxation-carousel .slick-slide .c-home__section__poster {
    transform: scale(1.1) translateZ(0);
    -webkit-transform: scale(1.1) translateZ(0);
    -moz-transform: scale(1.1) translateZ(0);
    -ms-transform: scale(1.1) translateZ(0);
    -o-transform: scale(1.1) translateZ(0);
    transition: transform 4s cubic-bezier(.23, 1, .32, 1) 0s, opacity 4s 0;
    -webkit-transition: transform 4s cubic-bezier(.23, 1, .32, 1) 0s, opacity 4s 0;
    -moz-transition: transform 4s cubic-bezier(.23, 1, .32, 1) 0s, opacity 4s 0;
    -ms-transition: transform 4s cubic-bezier(.23, 1, .32, 1) 0s, opacity 4s 0;
    -o-transition: transform 4s cubic-bezier(.23, 1, .32, 1) 0s, opacity 4s 0
}

.relaxation-carousel .relaxation-item span.image-nm {
    position: absolute;
    left: 15px;
    bottom: 15px;
    font-family: GothamNarrow-Book;
    font-size: 13px;
    line-height: 14px;
    color: #fff;
    text-transform: capitalize;
    letter-spacing: 1px
}

.relaxation-thumb-carousel {
    opacity: 0;
    height: 30.9%
}

.relaxation-thumb-carousel.slick-initialized {
    opacity: 1
}

.relaxation-thumb-carousel .slick-list, .relaxation-thumb-carousel .slick-slide, .relaxation-thumb-carousel .slick-slide div, .relaxation-thumb-carousel .slick-track {
    float: left;
    width: 100%;
    height: 100%
}

.relaxation-thumb-carousel .relaxation-thumb-item {
    float: left;
    width: 100%;
    position: relative;
    cursor: pointer;
    height: 100%;
    overflow: hidden
}

.relaxation-thumb-carousel .slick-slide.slick-current .c-home__section__poster {
    opacity: 1;
    transform: scale(1) translateZ(0);
    -webkit-transform: scale(1) translateZ(0);
    -moz-transform: scale(1) translateZ(0);
    -ms-transform: scale(1) translateZ(0);
    -o-transform: scale(1) translateZ(0);
    transition: transform 4s cubic-bezier(.23, 1, .32, 1) .3s, opacity 4s .3s;
    -webkit-transition: transform 4s cubic-bezier(.23, 1, .32, 1) .3s, opacity 4s .3s;
    -moz-transition: transform 4s cubic-bezier(.23, 1, .32, 1) .3s, opacity 4s .3s;
    -ms-transition: transform 4s cubic-bezier(.23, 1, .32, 1) .3s, opacity 4s .3s;
    -o-transition: transform 4s cubic-bezier(.23, 1, .32, 1) .3s, opacity 4s .3s
}

.relaxation-thumb-carousel .slick-slide .c-home__section__poster {
    transform: scale(1.1) translateZ(0);
    -webkit-transform: scale(1.1) translateZ(0);
    -moz-transform: scale(1.1) translateZ(0);
    -ms-transform: scale(1.1) translateZ(0);
    -o-transform: scale(1.1) translateZ(0);
    transition: transform 4s cubic-bezier(.23, 1, .32, 1) 0s, opacity 4s 0;
    -webkit-transition: transform 4s cubic-bezier(.23, 1, .32, 1) 0s, opacity 4s 0;
    -moz-transition: transform 4s cubic-bezier(.23, 1, .32, 1) 0s, opacity 4s 0;
    -ms-transition: transform 4s cubic-bezier(.23, 1, .32, 1) 0s, opacity 4s 0;
    -o-transition: transform 4s cubic-bezier(.23, 1, .32, 1) 0s, opacity 4s 0
}

.relaxation-thumb-carousel .relaxation-thumb-item img {
    height: 100%
}

.relaxation-thumb-carousel .relaxation-thumb-item .thumb-overlay {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(24, 53, 79, .8);
    z-index: 9
}

.relaxation-thumb-carousel .slick-current .relaxation-thumb-item .thumb-overlay {
    opacity: 0
}

.relaxation-thumb-carousel .slick-arrow {
    position: absolute;
    top: 0;
    bottom: 0;
    height: 100%;
    z-index: 9;
    cursor: pointer;
    width: 22px;
    background-color: #c59b6d
}

.relaxation-thumb-carousel .slick-arrow svg {
    height: 14px;
    width: 14px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%)
}

.relaxation-thumb-carousel .slick-arrow svg path {
    fill: #141d29
}

.relaxation-thumb-carousel .slick-arrow:hover {
    background-color: #141d29
}

.relaxation-thumb-carousel .slick-arrow:hover svg path {
    fill: #fff
}

.relaxation-thumb-carousel .slick-arrow.slick-prev {
    left: 0
}

.relaxation-thumb-carousel .slick-arrow.slick-prev svg {
    transform: translate(-50%, -50%) rotate(180deg);
    -webkit-transform: translate(-50%, -50%) rotate(180deg);
    -moz-transform: translate(-50%, -50%) rotate(180deg);
    -ms-transform: translate(-50%, -50%) rotate(180deg);
    -o-transform: translate(-50%, -50%) rotate(180deg)
}

.relaxation-thumb-carousel .slick-arrow.slick-next {
    right: 0
}

.floor-plan-section {
    float: left;
    width: 100%;
    height: 100%;
    background-color: #18354f;
    padding: 150px 35px;
    position: relative;
    z-index: 999
}

.floor-plan-section span.number {
    display: block;
    font-size: 16px;
    line-height: 18px;
    color: #c59b6d;
    padding: 0 0 10px;
    letter-spacing: 3px
}

.floor-plan-section .floor-plan-title {
    padding: 0 0 20px
}

.floor-plan-section .floor-plan-title h1, .floor-plan-section .floor-plan-title h2, .floor-plan-section .floor-plan-title h3, .floor-plan-section .floor-plan-title h4, .floor-plan-section .floor-plan-title h5, .floor-plan-section .floor-plan-title h6 {
    font-family: GothamNarrow-Book;
    font-size: 16px;
    line-height: 18px;
    color: #c59b6d;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin: 0
}

.floor-plan-section .floor-plan-description {
    padding: 0 30px
}

.floor-tabing-section .nav-tabs {
    border: none
}

.floor-tabing-section .nav-tabs>li {
    display: block;
    width: 100%;
    margin: 0;
    padding: 8px 0
}

.floor-tabing-section .nav-tabs>li:first-child {
    padding-top: 0
}

.floor-tabing-section .nav-tabs>li:last-child {
    padding-bottom: 0
}

.floor-tabing-section .nav-tabs>li>a {
    margin: 0;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    padding: 0;
    font-family: Antonio-Bold;
    font-size: 40px;
    line-height: 44px;
    text-transform: uppercase;
    letter-spacing: 4px;
    color: rgba(197, 155, 109, .5);
    display: inline-block;
    border: none!important
}

.floor-tabing-section .nav-tabs>li.active>a, .floor-tabing-section .nav-tabs>li>a:hover {
    color: #c59b6d;
    background-color: transparent
}

.floor-tabing-section .type-plan-image {
    margin: -270px 0 0;
    position: relative
}

.floor-tabing-section .type-plan-image img {
    width: 100%
}

.floor-tabing-section .tab-content {
    padding: 105px 0 0
}

.floor-tabing-section .soft-badrooms-section {
    float: left;
    clear: both;
    display: inline-block;
    padding: 0 0 120px
}

.floor-tabing-section .soft-badrooms-section .title {
    padding: 0 0 10px
}

.floor-tabing-section .soft-badrooms-section .title h1, .floor-tabing-section .soft-badrooms-section .title h2, .floor-tabing-section .soft-badrooms-section .title h3, .floor-tabing-section .soft-badrooms-section .title h4, .floor-tabing-section .soft-badrooms-section .title h5, .floor-tabing-section .soft-badrooms-section .title h6 {
    font-family: GothamNarrow-Bold;
    font-size: 13px;
    line-height: 26px;
    color: #c59b6d;
    margin: 0;
    letter-spacing: 2px
}

.floor-tabing-section .soft-badrooms-section .title h1 span, .floor-tabing-section .soft-badrooms-section .title h2 span, .floor-tabing-section .soft-badrooms-section .title h3 span, .floor-tabing-section .soft-badrooms-section .title h4 span, .floor-tabing-section .soft-badrooms-section .title h5 span, .floor-tabing-section .soft-badrooms-section .title h6 span {
    font-size: 24px;
    letter-spacing: 3px
}

.floor-tabing-section .soft-badrooms-section ul {
    display: block;
    margin: 0;
    padding: 10px 0 0;
    list-style-type: none;
    border-top: 1px solid #fff
}

.floor-tabing-section .soft-badrooms-section ul li {
    display: inline-block;
    margin: 0;
    padding: 0 10px 0 8px;
    list-style-type: none;
    text-transform: uppercase;
    font-family: GothamNarrow-Bold;
    font-size: 13px;
    line-height: 15px;
    color: #c59b6d;
    letter-spacing: 2px;
    position: relative
}

.floor-tabing-section .soft-badrooms-section ul li:before {
    position: absolute;
    content: "";
    right: 0;
    top: 0;
    bottom: 0;
    width: 2px;
    height: 100%;
    background-color: #c59b6d
}

.floor-tabing-section .soft-badrooms-section ul li:first-child {
    padding-left: 0
}

.floor-tabing-section .soft-badrooms-section ul li:last-child {
    padding-right: 0
}

.floor-tabing-section .soft-badrooms-section ul li:last-child:before {
    display: none
}

.floor-tabing-section .soft-badrooms-section ul li a {
    color: #c59b6d;
    text-decoration: none
}

.floor-tabing-section .soft-badrooms-section ul li a:hover {
    color: #fff
}

.floor-tabing-section .sea-moutain-section {
    float: left;
    clear: both;
    display: inline-block;
    padding: 25px 0;
    position: relative
}

.floor-tabing-section .sea-moutain-section .view-block {
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    text-align: center
}

.floor-tabing-section .sea-moutain-section .view-block a {
    font-family: GothamNarrow-Bold;
    font-size: 10px;
    line-height: 10px;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #c59b6d;
    text-decoration: none
}

.floor-tabing-section .sea-moutain-section .view-block a:hover {
    color: #fff
}

.floor-tabing-section .sea-moutain-section .view-block.see-view {
    top: 0;
    left: 45%
}

.floor-tabing-section .sea-moutain-section .view-block.mountain-view {
    bottom: 33px;
    left: 43%
}

.concept-pg .quality-registration-section {
    height: auto
}

.discover-background {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 100%
}

.discover-background img {
    width: 100%;
    height: 100%;
    display: block
}

.discover-background .banner-content {
    position: absolute;
    z-index: 99;
    top: 30%;
    text-align: center;
    left: 0;
    right: 0
}

.discover-background .banner-content .banner-title h2 {
    font-size: 32px;
    line-height: 32px;
    color: #fff;
    font-family: TimesItalic;
    margin: 0;
    opacity: 1
}

.section.active .discover-background .banner-content .banner-title h2 {
    font-size: 0;
    line-height: inherit;
    transition-delay: 5s;
    -webkit-transition-delay: 5s;
    -moz-transition-delay: 5s;
    -ms-transition-delay: 5s;
    -o-transition-delay: 5s;
    transition-duration: 2s;
    -webkit-transition-duration: 2s;
    -moz-transition-duration: 2s;
    -ms-transition-duration: 2s;
    -o-transition-duration: 2s
}

.discover-background .pin {
    width: auto;
    height: auto;
    position: absolute;
    z-index: 99;
    text-align: center
}

.discover-background .pin .dots-place {
    width: 30px;
    height: 30px;
    border: 1px solid #fff;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    margin: 0 auto
}

.discover-background .pin .dots-place i {
    margin-top: 7px;
    color: #a2000d;
    border: 1px solid #fff;
    height: 15px;
    width: 15px;
    border-radius: 50%;
    font-size: 13px;
    line-height: 13px
}

.discover-background .pin h3 {
    font-size: 18px;
    line-height: 18px;
    font-family: GothamNarrow-Bold;
    color: #fff;
    padding: 9px 8px;
    background-color: rgba(0, 0, 0, .5);
    margin: 0;
    display: inline-block;
    border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    -o-border-radius: 7px;
    margin-top: 8px
}

#pin_1 {
    top: 64%;
    right: 7%
}

#pin_2 {
    bottom: 3%;
    left: 7%
}

.location-name {
    position: absolute;
    bottom: 19px;
    left: 0;
    right: 0;
    text-align: center
}

.location-name .location-title h3 {
    font-size: 26px;
    line-height: 26px;
    font-family: GothamNarrow-Black;
    color: #fff;
    padding: 9px 8px;
    background-color: rgba(165, 5, 15, .6);
    margin: 0;
    display: inline-block;
    border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    -o-border-radius: 7px
}

.custom-tooltip-city {
    float: left;
    width: 100%;
    position: relative;
    height: 100%
}

.custom-tooltip-city .imp-initialized {
    float: left;
    width: 100%;
    height: 100%
}

.custom-tooltip-city .imp-wrap {
    width: 100%!important;
    max-width: 100%!important;
    height: 100%!important
}

.custom-tooltip-city .imp-shape {
    opacity: 1!important
}

.custom-tooltip-city .imp-tooltip .squares-container .squares-element {
    padding: 0!important
}

.imp-tooltip .squares-container h3 {
    font-size: 16px!important;
    line-height: 22px!important;
    color: #144e87!important
}

.fp-viewing-6thSection .hs-arrow-bottom {
    border-top: 60px solid #fff!important;
    margin-left: -9px!important
}

.fp-viewing-6thSection .imp-tooltip {
    padding: 15px!important
}

.custom-tooltip-city .resort-background {
    position: absolute;
    top: 0;
    left: 0;
    right: 0
}

.resort-background img.img-resort-background {
    width: 100%
}

.resort-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;

    top: 30px;
}

.resort-inner-content {
    position: relative;
    z-index: 9999;
    padding: 92px 0 0
}

.resort-inner-content .resort-title h4 {
    font-size: 16px;
    line-height: 16px;
    font-family: GothamNarrow-Book;
    color: #fff;
    letter-spacing: 2px;
    margin: 0 0 10px
}

.resort-inner-content .resort-list ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.resort-inner-content .resort-list ul li {
    float: left;
    margin-right: 10px
}

.resort-inner-content .resort-list ul li a.btn-primary {
    width: 153px;
    border: 1px solid #fff;
    font-size: 12px;
    line-height: 12px;
    text-transform: uppercase;
    font-family: GothamNarrow-Bold;
    letter-spacing: 2px;
    padding: 12px;
    background: 0 0;
    box-shadow: none;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px
}

.resort-inner-content .resort-list ul li a.btn-primary:active:focus, .resort-inner-content .resort-list ul li a.btn-primary:hover {
    color: #fff;
    background-color: #18354f;
    border-color: #18354f
}

.resort-inner-content .resort-list ul li.download-list .icon {
    float: left
}

.resort-inner-content .resort-list ul li.download-list .text {
    float: right
}

.resort-inner-content .resort-list ul li.download-list .text p {
    font-size: 12px;
    line-height: 14px;
    font-family: GothamNarrow-Bold;
    color: #fff;
    margin-left: 10px;
    margin-bottom: 0
}

.resort-inner-content .resort-list ul li.download-list.first-block {
    margin-left: 25px;
    margin-right: 10px
}

.resort-inner-content .resort-list ul li.download-list.first-block:last-child {
    margin-left: 10px
}

.resort-inner-content .resort-list ul li.download-list a {
    display: inline-block;
    text-decoration: none
}

.resort-inner-content .resort-list ul li.download-list a:hover .icon svg path {
    fill: #c59b6d
}

.resort-inner-content .resort-list ul li.download-list a:hover .text p {
    color: #c59b6d
}

.resort-inner-content .discription p {
    margin: 0;
    color: #fff;
    font-family: TimesItalic;
    font-size: 32px;
    line-height: 36px
}

.resort-inner-content .discription {
    padding-top: 120px
}

.custom-tooltip-city .imp-zoom-wrap {
    overflow: hidden
}

.c-home__section.active .imp-main-image {
    opacity: 1;
    transform: scale(1) translateZ(0);
    -webkit-transform: scale(1) translateZ(0);
    -moz-transform: scale(1) translateZ(0);
    -ms-transform: scale(1) translateZ(0);
    -o-transform: scale(1) translateZ(0);
    transition: transform 4s cubic-bezier(.23, 1, .32, 1) .3s, opacity 4s .3s;
    -webkit-transition: transform 4s cubic-bezier(.23, 1, .32, 1) .3s, opacity 4s .3s;
    -moz-transition: transform 4s cubic-bezier(.23, 1, .32, 1) .3s, opacity 4s .3s;
    -ms-transition: transform 4s cubic-bezier(.23, 1, .32, 1) .3s, opacity 4s .3s;
    -o-transition: transform 4s cubic-bezier(.23, 1, .32, 1) .3s, opacity 4s .3s
}

.imp-main-image {
    transform: scale(1.1) translateZ(0);
    -webkit-transform: scale(1.1) translateZ(0);
    -moz-transform: scale(1.1) translateZ(0);
    -ms-transform: scale(1.1) translateZ(0);
    -o-transform: scale(1.1) translateZ(0);
    transition: transform 4s cubic-bezier(.23, 1, .32, 1) 0s, opacity 4s 0;
    -webkit-transition: transform 4s cubic-bezier(.23, 1, .32, 1) 0s, opacity 4s 0;
    -moz-transition: transform 4s cubic-bezier(.23, 1, .32, 1) 0s, opacity 4s 0;
    -ms-transition: transform 4s cubic-bezier(.23, 1, .32, 1) 0s, opacity 4s 0;
    -o-transition: transform 4s cubic-bezier(.23, 1, .32, 1) 0s, opacity 4s 0
}

.privacy-policy-pg {
    padding: 170px 0 0
}

.page-title {
    padding: 0 0 30px
}

.page-title h1, .page-title h2, .page-title h3, .page-title h4, .page-title h5, .page-title h6 {
    font-family: Antonio-Bold;
    font-size: 50px;
    line-height: 55px;
    color: #18354f;
    text-align: center;
    margin: 0;
    text-transform: capitalize
}

.privacy-policy-pg ol li, .privacy-policy-pg ul li {
    font-family: GothamNarrow-Book;
    color: #18354f;
    font-size: 20px;
    line-height: 25px;
    margin: 0 0 15px
}

.privacy-policy-pg .privacy-content {
    padding: 50px 0
}

.privacy-policy-pg .privacy-content p {
    font-family: GothamNarrow-Book;
    font-size: 18px;
    line-height: 25px;
    color: #18354f;
    margin: 0 0 20px
}

ol.custom-order-list li {
    font-size: 18px;
    line-height: 25px;
    color: #18354f
}

ol.custom-order-list li strong {
    border-bottom: 1px solid #18354f
}

ol.custom-order-list li a {
    text-decoration: none;
    color: #c59b6d
}

ol.custom-order-list li a:hover {
    color: #18354f
}

.privacy-policy-pg .privacy-content .appendix-title p {
    display: inline-block;
    border-bottom: 1px solid #18354f
}

.policy-table td, .policy-table th {
    border-color: #3e3e3e!important;
    color: #3e3e3e
}

.policy-table.table-bordered tr th {
    border: 1px #3e3e3e!important;
    border-bottom-width: 0!important;
    border-top-color: #3e3e3e
}

.policy-table {
    display: block;
    border-left: none!important;
    border-right: none!important
}

.policy-table.table-bordered>tbody>tr>td, .policy-table.table-bordered>tbody>tr>th, .policy-table.table-bordered>tfoot>tr>td, .policy-table.table-bordered>tfoot>tr>th, .policy-table.table-bordered>thead>tr>td, .policy-table.table-bordered>thead>tr>th {
    border: 1px solid #3e3e3e!important;
    font-size: 16px
}

.policy-table.table>caption+thead>tr:first-child>td, .policy-table.table>caption+thead>tr:first-child>th, .policy-table.table>colgroup+thead>tr:first-child>td, .policy-table.table>colgroup+thead>tr:first-child>th, .policy-table.table>thead:first-child>tr:first-child>td, .policy-table.table>thead:first-child>tr:first-child>th {
    border: 1px solid #3e3e3e!important;
    border-bottom: none!important
}

.footer {
    padding: 0 135px 28px;
    background-color: #18354f;
    position: relative;
    float: left;
    width: 100%
}

.footer .f-logo {
    position: absolute;
    left: 35px;
    top: 0
}

.top-footer {
    padding-bottom: 25px
}

.top-footer .logo-footer {
    padding-top: 6px
}

.top-footer .logo-footer a img {
    width: 288px;
    height: auto
}

.top-footer .call-main {
    text-align: center
}

.top-footer .call-main h3 {
    color: #aaa;
    text-transform: uppercase;
    font-size: 18px;
    margin: 0;
    line-height: 18px;
    font-family: ProximaNovaBold
}

.top-footer .call-main a.tel-footer {
    font-size: 54px;
    line-height: 54px;
    color: #fff;
    font-family: ProximaNovaBold;
    text-decoration: none
}

.top-footer .call-main a.tel-footer:focus, .top-footer .call-main a.tel-footer:hover {
    color: #c59b6d
}

.top-footer .call-main .mail-footer img {
    display: inline-block;
    vertical-align: middle;
    width: 23px;
    height: auto;
    margin-right: 5px
}

.top-footer .call-main .mail-footer a {
    display: inline-block;
    vertical-align: middle;
    font-family: ProximaNovaBold;
    text-decoration: none;
    font-size: 22px;
    line-height: 22px;
    color: #aaa
}

.top-footer .call-main .mail-footer a:focus, .top-footer .call-main .mail-footer a:hover {
    color: #c59b6d
}

.top-footer .social-icon-footer {
    text-align: right;
    padding-top: 27px
}

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

.top-footer .social-icon-footer ul li {
    display: inline-block;
    vertical-align: middle;
    margin-right: 22px
}

.top-footer .social-icon-footer ul li:last-child {
    margin-right: 0
}

.top-footer .social-icon-footer ul li a {
    display: block
}

.top-footer .social-icon-footer ul li a img {
    width: 38px;
    height: auto
}

.footer .f-logo svg path {
    fill: #fff
}

.footer p {
    font-family: GothamNarrow-Book;
    font-size: 8px;
    line-height: 12px;
    color: #fff
}

.footer-header {
    padding: 0 260px 28px
}

.footer-header .top-footer .logo-footer a img {
    width: 197px;
    height: auto
}

.footer-header .top-footer .call-main h3 {
    color: #aaa;
    text-transform: uppercase;
    font-size: 12px;
    margin: 0;
    line-height: 12px;
    font-family: ProximaNovaBold
}

.footer-header .top-footer .call-main a.tel-footer {
    font-size: 37px;
    line-height: 37px;
    color: #fff;
    font-family: ProximaNovaBold;
    text-decoration: none
}

.footer-header .top-footer .call-main .mail-footer a {
    display: inline-block;
    vertical-align: middle;
    font-family: ProximaNovaBold;
    text-decoration: none;
    font-size: 15px;
    line-height: 15px;
    color: #aaa
}

.footer-header .top-footer .call-main .mail-footer img {
    display: inline-block;
    vertical-align: middle;
    width: 15px;
    height: auto;
    margin-right: 5px
}

.footer-header .top-footer .social-icon-footer {
    text-align: left;
    padding-top: 21px;
    padding-left: 79px
}

.footer-header .top-footer .social-icon-footer ul li a img {
    width: 26px;
    height: auto
}

.footer-header .top-footer .logo-footer {
    padding-top: 8px
}

.top-footer .social-icon-footer ul li {
    margin-right: 16px
}

.c-form {
    clear: both;
    float: left;
    width: 100%
}

.c-form form .form-control.error {
    border-color: #a94442
}

.c-form form p.error {
    color: #a94442;
    margin: 3px 0;
    font-size: 12px;
    line-height: 12px
}

.alert-success {
    clear: both;
    float: left;
    width: 100%;
    font-size: 14px;
    line-height: 14px;
    font-weight: 700;
    padding: 10px;
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
    margin: 10px 0 0
}

.alert-danger {
    clear: both;
    float: left;
    width: 100%;
    font-size: 14px;
    line-height: 14px;
    color: #a94442;
    font-weight: 700;
    padding: 10px;
    background-color: #f2dede;
    border-color: #ebccd1;
    margin: 10px 0 0
}

.hide {
    display: none
}

.mCSB_inside>.mCSB_container {
    margin-right: 10px!important
}

.mCSB_scrollTools {
    width: 6px!important
}

.h-banner-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, .4)
}

.getting-penang-modal {
    text-align: center;
    padding: 0!important
}

.getting-penang-modal:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -4px
}

.getting-penang-modal .modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
    width: 100%
}

.getting-penang-modal .modal-content {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    background-color: transparent;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    border: none;
    padding: 0 68px
}

.getting-penang-modal .penang-modal-content {
    padding: 95px;
    background-color: #17344e;
    position: relative
}

.getting-penang-modal a.close-icon {
    position: absolute;
    right: 20px;
    top: 20px;
    height: 50px;
    width: 50px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border: 5px solid #c59b6d;
    transition: none;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none
}

.getting-penang-modal a.close-icon:before {
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-45deg);
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    -moz-transform: translate(-50%, -50%) rotate(-45deg);
    -ms-transform: translate(-50%, -50%) rotate(-45deg);
    -o-transform: translate(-50%, -50%) rotate(-45deg);
    width: 18px;
    height: 4px;
    background-color: #c59b6d;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px
}

.getting-penang-modal a.close-icon:after {
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    -moz-transform: translate(-50%, -50%) rotate(45deg);
    -ms-transform: translate(-50%, -50%) rotate(45deg);
    -o-transform: translate(-50%, -50%) rotate(45deg);
    width: 18px;
    height: 4px;
    background-color: #c59b6d;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px
}

.getting-penang-modal a.close-icon:hover {
    border-color: #fff
}

.getting-penang-modal a.close-icon:hover:after, .getting-penang-modal a.close-icon:hover:before {
    background-color: #fff
}

.getting-penang-modal .modal-title {
    padding: 0 0 90px
}

.getting-penang-modal .modal-title h1, .getting-penang-modal .modal-title h2, .getting-penang-modal .modal-title h3, .getting-penang-modal .modal-title h4, .getting-penang-modal .modal-title h5, .getting-penang-modal .modal-title h6 {
    font-family: Antonio-Light;
    font-size: 40px;
    line-height: 40px;
    text-transform: uppercase;
    color: #fff;
    letter-spacing: 6px;
    margin: 0
}

.getting-penang-modal .penang-detail-list .modal-row-space {
    margin: 0 -73px
}

.getting-penang-modal .penang-detail-list .modal-col-space {
    padding: 0 73px
}

.getting-penang-modal .penang-detail-right {
    padding: 0 0 0 148px
}

.getting-penang-modal .penang-block p {
    font-family: GothamNarrow-Book;
    font-size: 14px;
    line-height: 22px;
    color: #c59b6d
}

.getting-penang-modal .penang-block .block-top-space {
    padding: 30px 0 0
}

.getting-penang-modal .penang-block .block-bottom-space {
    padding: 0 0 30px
}

.getting-penang-modal .penang-block ul {
    padding: 0 0 0 15px;
    margin: 0
}

.getting-penang-modal .penang-block ul li {
    font-family: GothamNarrow-Bold;
    font-size: 14px;
    line-height: 20px;
    color: #c59b6d;
    padding: 0 0 10px
}

.getting-penang-modal .penang-block ul li a {
    text-decoration: none;
    color: #fff
}

.getting-penang-modal .penang-block ul li a:hover {
    color: #c59b6d
}

.getting-penang-modal .modal-block-title {
    padding: 0 0 15px
}

.getting-penang-modal .modal-block-title span {
    font-family: GothamNarrow-Bold;
    font-size: 16px;
    line-height: 22px;
    color: #c59b6d;
    display: block
}

.getting-penang-modal .penang-map-image {
    padding: 0 0 20px
}

.getting-penang-modal .penang-map-marker-list ul {
    display: block;
    margin: 0;
    padding: 0;
    list-style-type: none
}

.getting-penang-modal .penang-map-marker-list ul li {
    display: block;
    margin: 0;
    padding: 0 15px 0 50px!important;
    list-style-type: none;
    font-family: GothamNarrow-Book;
    font-size: 12px;
    line-height: 20px;
    color: #c59b6d
}

.getting-penang-modal .penang-map-marker-list ul li:before {
    position: absolute;
    content: "";
    left: 15px;
    top: 0;
    bottom: 0;
    width: 20px;
    height: 20px
}

.getting-penang-modal .penang-map-marker-list ul li.north-coast:before {
    background-color: #8cc63f
}

.getting-penang-modal .penang-map-marker-list ul li.catamaran:before {
    background-color: #00f
}

.getting-penang-modal .penang-map-marker-list ul li.tanjung:before {
    background-color: #662d91
}

.getting-penang-modal .penang-map-marker-list ul li.raja-uda:before {
    background-color: #00a99d
}

.getting-penang-modal .penang-map-marker-list ul li.undersea:before {
    background-color: #1b1464
}

.getting-penang-modal .penang-map-marker-list ul li.sky:before {
    background-color: #0071bc
}

.getting-penang-modal .penang-map-marker-list ul li.ayer:before {
    background-color: #603813
}

.getting-penang-modal .penang-map-marker-list ul li.butterworth:before {
    background-color: #f7931e
}

.getting-penang-modal .penang-map-marker-list ul li.bypass:before {
    background-color: #006837
}

.getting-penang-modal .penang-map-marker-list ul li.ktm:before {
    background-color: #c1272d
}

.getting-penang-modal .penang-map-marker-list ul li.bayan-lepas:before {
    background-color: red
}

.getting-penang-modal .penang-map-marker-list ul li.pmtg:before {
    background-color: #d9e021
}

.getting-penang-modal .penang-map-marker-list ul li a {
    text-decoration: none;
    color: #fff
}

.getting-penang-modal .penang-map-marker-list ul li a:hover {
    color: #c59b6d
}

.concept-ferringhi {
    text-align: center;
    padding: 0!important
}

.concept-ferringhi:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -4px
}

.concept-ferringhi .modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
    width: 100%
}

.concept-ferringhi .modal-content {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    background-color: transparent;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    border: none;
    padding: 0 68px
}

.concept-ferringhi .concept-ferringhi-modal-content {
    padding: 95px;
    background-color: #17344e;
    position: relative
}

.concept-ferringhi a.close-icon {
    position: absolute;
    right: 20px;
    top: 20px;
    height: 50px;
    width: 50px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border: 5px solid #c59b6d;
    transition: none;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none
}

.concept-ferringhi a.close-icon:before {
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-45deg);
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    -moz-transform: translate(-50%, -50%) rotate(-45deg);
    -ms-transform: translate(-50%, -50%) rotate(-45deg);
    -o-transform: translate(-50%, -50%) rotate(-45deg);
    width: 18px;
    height: 4px;
    background-color: #c59b6d;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px
}

.concept-ferringhi a.close-icon:after {
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    -moz-transform: translate(-50%, -50%) rotate(45deg);
    -ms-transform: translate(-50%, -50%) rotate(45deg);
    -o-transform: translate(-50%, -50%) rotate(45deg);
    width: 18px;
    height: 4px;
    background-color: #c59b6d;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px
}

.concept-ferringhi a.close-icon:hover {
    border-color: #fff
}

.concept-ferringhi a.close-icon:hover:after, .concept-ferringhi a.close-icon:hover:before {
    background-color: #fff
}

.concept-ferringhi .modal-title {
    padding: 0 0 90px
}

.concept-ferringhi .modal-title h1, .concept-ferringhi .modal-title h2, .concept-ferringhi .modal-title h3, .concept-ferringhi .modal-title h4, .concept-ferringhi .modal-title h5, .concept-ferringhi .modal-title h6 {
    font-family: Antonio-Light;
    font-size: 40px;
    line-height: 40px;
    text-transform: uppercase;
    color: #fff;
    letter-spacing: 6px;
    margin: 0
}

.concept-ferringhi .concept-ferringhi-detail-list .modal-row-space {
    margin: 0 -73px
}

.concept-ferringhi p {
    font-family: GothamNarrow-Book;
    font-size: 14px;
    line-height: 22px;
    color: #c59b6d
}

.batu-ferringhi {
    text-align: center;
    padding: 0!important
}

.batu-ferringhi:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -4px
}

.batu-ferringhi .modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
    width: 100%
}

.batu-ferringhi .modal-content {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    background-color: transparent;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    border: none;
    padding: 0 68px
}

.batu-ferringhi .batu-ferringhi-modal-content {
    padding: 95px;
    background-color: #17344e;
    position: relative
}

.batu-ferringhi a.close-icon {
    position: absolute;
    right: 20px;
    top: 20px;
    height: 50px;
    width: 50px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border: 5px solid #c59b6d;
    transition: none;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none
}

.batu-ferringhi a.close-icon:before {
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-45deg);
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    -moz-transform: translate(-50%, -50%) rotate(-45deg);
    -ms-transform: translate(-50%, -50%) rotate(-45deg);
    -o-transform: translate(-50%, -50%) rotate(-45deg);
    width: 18px;
    height: 4px;
    background-color: #c59b6d;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px
}

.batu-ferringhi a.close-icon:after {
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    -moz-transform: translate(-50%, -50%) rotate(45deg);
    -ms-transform: translate(-50%, -50%) rotate(45deg);
    -o-transform: translate(-50%, -50%) rotate(45deg);
    width: 18px;
    height: 4px;
    background-color: #c59b6d;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px
}

.batu-ferringhi a.close-icon:hover {
    border-color: #fff
}

.batu-ferringhi a.close-icon:hover:after, .batu-ferringhi a.close-icon:hover:before {
    background-color: #fff
}

.batu-ferringhi .modal-title {
    padding: 0 0 90px
}

.batu-ferringhi .modal-title h1, .batu-ferringhi .modal-title h2, .batu-ferringhi .modal-title h3, .batu-ferringhi .modal-title h4, .batu-ferringhi .modal-title h5, .batu-ferringhi .modal-title h6 {
    font-family: Antonio-Light;
    font-size: 40px;
    line-height: 40px;
    text-transform: uppercase;
    color: #fff;
    letter-spacing: 6px;
    margin: 0
}

.batu-ferringhi .batu-ferringhi-detail-list .modal-row-space {
    margin: 0 -73px
}

.batu-ferringhi p {
    font-family: GothamNarrow-Book;
    font-size: 14px;
    line-height: 22px;
    color: #c59b6d
}

.tanjung-tokong {
    text-align: center;
    padding: 0!important
}

.tanjung-tokong:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -4px
}

.tanjung-tokong .modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
    width: 100%
}

.tanjung-tokong .modal-content {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    background-color: transparent;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    border: none;
    padding: 0 68px
}

.tanjung-tokong .tanjung-tokong-modal-content {
    padding: 95px;
    background-color: #17344e;
    position: relative
}

.tanjung-tokong a.close-icon {
    position: absolute;
    right: 20px;
    top: 20px;
    height: 50px;
    width: 50px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border: 5px solid #c59b6d;
    transition: none;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none
}

.tanjung-tokong a.close-icon:before {
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-45deg);
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    -moz-transform: translate(-50%, -50%) rotate(-45deg);
    -ms-transform: translate(-50%, -50%) rotate(-45deg);
    -o-transform: translate(-50%, -50%) rotate(-45deg);
    width: 18px;
    height: 4px;
    background-color: #c59b6d;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px
}

.tanjung-tokong a.close-icon:after {
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    -moz-transform: translate(-50%, -50%) rotate(45deg);
    -ms-transform: translate(-50%, -50%) rotate(45deg);
    -o-transform: translate(-50%, -50%) rotate(45deg);
    width: 18px;
    height: 4px;
    background-color: #c59b6d;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px
}

.tanjung-tokong a.close-icon:hover {
    border-color: #fff
}

.tanjung-tokong a.close-icon:hover:after, .tanjung-tokong a.close-icon:hover:before {
    background-color: #fff
}

.tanjung-tokong .modal-title {
    padding: 0 0 90px
}

.tanjung-tokong .modal-title h1, .tanjung-tokong .modal-title h2, .tanjung-tokong .modal-title h3, .tanjung-tokong .modal-title h4, .tanjung-tokong .modal-title h5, .tanjung-tokong .modal-title h6 {
    font-family: Antonio-Light;
    font-size: 40px;
    line-height: 40px;
    text-transform: uppercase;
    color: #fff;
    letter-spacing: 6px;
    margin: 0
}

.tanjung-tokong .tanjung-tokong-detail-list .modal-row-space {
    margin: 0 -73px
}

.tanjung-tokong p {
    font-family: GothamNarrow-Book;
    font-size: 14px;
    line-height: 22px;
    color: #c59b6d
}

.video-header.h-left.stick-header {
    top: 0!important
}

.video-header.h-right {
    margin-top: -20px!important
}

.video-carousel-section {
    position: relative
}

.video-carousel-section:before {
    position: absolute;
    content: "";
    left: 50%;
    bottom: 0;
    height: 5px;
    width: 70%;
    background-color: #c59b6d;
    z-index: 9;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0)
}

.video-carousel {
    opacity: 0;
    height: 70%;
    margin: 0 0 30px
}

.video-carousel.slick-initialized {
    opacity: 1
}

.video-carousel .slick-list, .video-carousel .slick-slide, .video-carousel .slick-slide div, .video-carousel .slick-track {
    height: 100%!important
}

.video-carousel .relaxation-item {
    float: left;
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden
}

.video-carousel .relaxation-item img {
    height: 100%
}

.video-carousel .slick-slide.slick-current .c-home__section__poster {
    opacity: 1;
    transform: scale(1) translateZ(0);
    -webkit-transform: scale(1) translateZ(0);
    -moz-transform: scale(1) translateZ(0);
    -ms-transform: scale(1) translateZ(0);
    -o-transform: scale(1) translateZ(0);
    transition: transform 4s cubic-bezier(.23, 1, .32, 1) .3s, opacity 4s .3s;
    -webkit-transition: transform 4s cubic-bezier(.23, 1, .32, 1) .3s, opacity 4s .3s;
    -moz-transition: transform 4s cubic-bezier(.23, 1, .32, 1) .3s, opacity 4s .3s;
    -ms-transition: transform 4s cubic-bezier(.23, 1, .32, 1) .3s, opacity 4s .3s;
    -o-transition: transform 4s cubic-bezier(.23, 1, .32, 1) .3s, opacity 4s .3s
}

.video-carousel .slick-slide .c-home__section__poster {
    transform: scale(1.1) translateZ(0);
    -webkit-transform: scale(1.1) translateZ(0);
    -moz-transform: scale(1.1) translateZ(0);
    -ms-transform: scale(1.1) translateZ(0);
    -o-transform: scale(1.1) translateZ(0);
    transition: transform 4s cubic-bezier(.23, 1, .32, 1) 0s, opacity 4s 0;
    -webkit-transition: transform 4s cubic-bezier(.23, 1, .32, 1) 0s, opacity 4s 0;
    -moz-transition: transform 4s cubic-bezier(.23, 1, .32, 1) 0s, opacity 4s 0;
    -ms-transition: transform 4s cubic-bezier(.23, 1, .32, 1) 0s, opacity 4s 0;
    -o-transition: transform 4s cubic-bezier(.23, 1, .32, 1) 0s, opacity 4s 0
}

.video-carousel .relaxation-item span.image-nm {
    position: absolute;
    left: 15px;
    bottom: 15px;
    font-family: GothamNarrow-Book;
    font-size: 13px;
    line-height: 14px;
    color: #fff;
    text-transform: capitalize;
    letter-spacing: 1px
}

.video-thumb-carousel {
    opacity: 0;
    height: 28.9%;
    margin: 0 250px
}

.video-thumb-carousel.slick-initialized {
    opacity: 1
}

.video-thumb-carousel .slick-list, .video-thumb-carousel .slick-slide, .video-thumb-carousel .slick-slide div, .video-thumb-carousel .slick-track {
    float: left;
    width: 100%;
    height: 100%
}

.video-thumb-carousel .slick-slide.slick-current img {
    border-color: #c59b6d
}

.video-thumb-carousel .relaxation-thumb-item {
    float: left;
    width: 100%;
    position: relative;
    cursor: pointer;
    height: 100%;
    overflow: hidden;
    padding: 0 10px
}

.video-thumb-carousel .relaxation-thumb-item img {
    height: 70%;
    overflow: hidden;
    border: 1px solid transparent
}

.video-thumb-carousel .relaxation-thumb-item span {
    padding-top: 10px;
    display: block;
    color: #fff;
    font-size: 14px;
    line-height: 20px
}

.video-thumb-carousel .slick-current .relaxation-thumb-item .thumb-overlay {
    opacity: 0
}

.video-thumb-carousel .slick-arrow {
    position: absolute;
    top: 0;
    bottom: 0;
    height: 70%;
    z-index: 9;
    cursor: pointer;
    width: 22px;
    background-color: #c59b6d
}

.video-thumb-carousel .slick-arrow svg {
    height: 14px;
    width: 14px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%)
}

.video-thumb-carousel .slick-arrow svg path {
    fill: #141d29
}

.video-thumb-carousel .slick-arrow:hover {
    background-color: #141d29
}

.video-thumb-carousel .slick-arrow:hover svg path {
    fill: #fff
}

.video-thumb-carousel .slick-arrow.slick-prev {
    left: -70px
}

.video-thumb-carousel .slick-arrow.slick-prev svg {
    transform: translate(-50%, -50%) rotate(180deg);
    -webkit-transform: translate(-50%, -50%) rotate(180deg);
    -moz-transform: translate(-50%, -50%) rotate(180deg);
    -ms-transform: translate(-50%, -50%) rotate(180deg);
    -o-transform: translate(-50%, -50%) rotate(180deg)
}

.video-thumb-carousel .slick-arrow.slick-next {
    right: -70px
}

.video-carousel .relaxation-item iframe {
    float: left;
    width: 100%;
    height: 100%
}

.video-pg .vacation-relaxation-content>[class^=col-] {
    height: 100%
}

.home-modal:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -4px
}

.home-modal {
    text-align: center;
    padding: 0!important
}

.home-modal .modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
    width: 1000px
}

.home-modal .modal-content {
    border: none;
    background: 0 0;
    background-image: url(../images/home-banner-background.svg);
    background-size: cover;
    background-repeat: no-repeat;
    box-shadow: none;
    border-radius: 0
}

.home-modal .modal-dialog a.close-icon {
    position: absolute;
    right: 20px;
    top: 20px;
    height: 50px;
    width: 50px;
    z-index: 999;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border: 5px solid #c59b6d;
    transition: none;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none
}

.home-modal .modal-dialog a.close-icon:before {
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-45deg);
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    -moz-transform: translate(-50%, -50%) rotate(-45deg);
    -ms-transform: translate(-50%, -50%) rotate(-45deg);
    -o-transform: translate(-50%, -50%) rotate(-45deg);
    width: 18px;
    height: 4px;
    background-color: #c59b6d;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px
}

.home-modal .modal-dialog a.close-icon:after {
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    -moz-transform: translate(-50%, -50%) rotate(45deg);
    -ms-transform: translate(-50%, -50%) rotate(45deg);
    -o-transform: translate(-50%, -50%) rotate(45deg);
    width: 18px;
    height: 4px;
    background-color: #c59b6d;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px
}

.home-modal .modal-dialog a.close-icon:hover {
    border-color: #fff
}

.home-modal .modal-dialog a.close-icon:hover:after, .home-modal .modal-dialog a.close-icon:hover:before {
    background-color: #fff
}

.home-modal .modal-body {
    padding: 80px 60px 0
}

.home-modal .modal-body .logo-modal a img {
    width: 57%;
    margin: 0 auto;
    display: table
}

.home-modal .modal-body .block-inner {
    height: 280px;
    text-align: center;
    position: relative
}

.home-modal .modal-body .block-inner:before {
    content: '';
    height: 100%;
    width: 20px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: -33px;
    background-image: url(../images/shadow-img.png);
    background-repeat: no-repeat;
    z-index: 99
}

.home-modal .modal-body .block-inner img {
    width: 130px;
    margin: 0 auto;
    display: table
}

.home-modal .modal-body .block-inner h5 {
    font-size: 20px;
    line-height: 22px;
    font-family: ProximaNovaBold;
    color: #f4d680
}

.home-modal .modal-body .logo-modal p {
    font-size: 22px;
    line-height: 26px;
    font-family: ProximaNovaBold;
    color: #f4d680;
    text-align: center;
    padding: 25px 0 50px
}

.home-modal .modal-body .block-modal {
    position: relative
}

.home-modal .modal-body .register-btn {
    position: absolute;
    bottom: -1px;
    left: 50%;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    right: 0;
    z-index: 999;
    width: 100%
}

.home-modal .modal-body .register-btn a {
    background: 0 0;
    background-image: url(../images/button-background.svg);
    font-size: 35px;
    line-height: 35px;
    color: #000;
    font-family: ProximaNovaBold;
    text-transform: uppercase;
    width: 400px;
    text-align: center;
    padding: 6px 0 10px;
    background-repeat: no-repeat;
    background-size: contain;
    margin: 0 auto;
    display: table
}

.home-modal .modal-body .box-block-main:before {
    content: none
}

.hop-img-modal img {
    width: 100%
}

.home-modal .modal-footer {
    padding: 50px 100px 60px;
    text-align: unset;
    border-top: none
}

.home-modal .modal-footer .left-add {
    padding-bottom: 20px;
    text-align: right
}

.home-modal .modal-footer .left-add h4 {
    font-size: 22px;
    line-height: 26px;
    font-family: ProximaNovaBold;
    color: #fff;
    position: relative;
    letter-spacing: .5px;
    margin: 0
}

.home-modal .modal-footer .left-add h4:before {
    content: '';
    position: absolute;
    left: 0;
    height: 2px;
    width: 56.5%;
    top: 50%;
    background-color: #fff;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%)
}

.bottom-footer .left-side-block {
    float: left;
    width: 50%
}

.bottom-footer .left-side-block a img {
    width: 260px
}

.bottom-footer .right-side-block {
    float: right;
    text-align: right;
    width: 50%
}

.bottom-footer .right-side-block a {
    font-size: 54px;
    line-height: 54px;
    color: #fff;
    font-family: ProximaNovaBold;
    text-decoration: none;
    margin-bottom: 10px;
    display: inline-block
}

.bottom-footer .right-side-block a:focus, .bottom-footer .right-side-block a:hover {
    color: #c59b6d
}

.bottom-footer .right-side-block p {
    font-size: 13px;
    line-height: 13px;
    color: #fff;
    font-family: ProximaNovaBold;
    margin: 0;
    letter-spacing: 1px
}

.hop-top-banner {
    background-image: url(../images/home-banner-background.svg);
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    height: 100%
}

.hop-top-banner .banner-logo-text {
    text-align: center;
    float: left;
    width: 100%;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    padding: 50px 0
}

.hop-form-main {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: row;
    height: 100%
}

.icon-banner .block-inner {
    margin-top: 30px;
    height: 220px;
    text-align: center;
    position: relative
}

.icon-banner .block-inner img {
    width: 130px;
    margin: 0 auto;
    display: table
}

.icon-banner .block-inner h5 {
    font-size: 18px;
    line-height: 20px;
    font-family: ProximaNovaBold;
    color: #f4d680
}

.icon-banner .block-inner:before {
    content: '';
    height: 100%;
    width: 20px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: -33px;
    background-image: url(../images/shadow-img.png);
    background-repeat: no-repeat;
    z-index: 99
}

.icon-banner .block-inner.box-block-main:before {
    content: none
}

.hop-form-main .left-side-hop {
    background-color: #f9e4b7;
    width: 50%;
    padding: 50px
}

.right-side-hop {
    background-color: #18354f;
    padding: 50px;
    width: 50%
}

.point-register {
    margin: 0 auto;
    display: table
}

.point-register ol {
    margin-bottom: 0
}

.point-register ol li {
    font-family: GothamNarrow-Book;
    font-size: 17px;
    line-height: 23px;
    color: #18354f;
    letter-spacing: 1px;
    margin-bottom: 15px
}

.point-register h3 {
    font-family: ProximaNovaBold;
    font-size: 30px;
    line-height: 32px;
    color: #c59b6d;
    margin: 0 0 30px
}

.hop-top-banner .banner-logo-text a {
    margin: 0 auto;
    display: table;
    width: 25%
}

.hop-top-banner .banner-logo-text a img {
    width: 100%;
    margin: 0 auto;
    display: table
}

.hop-top-banner .banner-logo-text p {
    font-size: 20px;
    line-height: 22px;
    font-family: ProximaNovaBold;
    color: #f4d680;
    text-align: center;
    margin: 0;
    padding: 25px 0 0
}

.hop-form h3.title {
    font-family: ProximaNovaBold;
    font-size: 26px;
    line-height: 28px;
    color: #fff;
    margin: 0 0 30px
}

.hop-form-main .hop-form .form-group .form-control {
    height: 40px;
    float: none;
    vertical-align: middle;
    background-color: #18354f;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    border: 1px solid #fff;
    padding: 6px 10px;
    font-family: GothamNarrow-Book;
    color: #fff;
    font-size: 16px;
    line-height: 1;
    resize: none
}

.hop-form-main .hop-form .form-group label {
    display: block;
    font-family: Antonio-Regular;
    font-weight: 400;
    font-size: 14px;
    line-height: 15px;
    color: #fff;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin: 0 0 8px
}

.hop-form-main .hop-form .form-group .select-pre-num {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 80px
}

.hop-form-main .hop-form .form-group .mob-predef-num {
    position: relative;
    padding-left: 90px
}

.hop-form-main .hop-form .form-group {
    margin-bottom: 25px
}

.hop-form-main .hop-form .form-group .form-control::-webkit-input-placeholder {
    color: rgba(255, 255, 255, .3);
    letter-spacing: 4px
}

.hop-form-main .hop-form .form-group .form-control::-moz-placeholder {
    color: rgba(255, 255, 255, .3);
    letter-spacing: 4px
}

.hop-form-main .hop-form .form-group .form-control:-ms-input-placeholder {
    color: rgba(255, 255, 255, .3);
    letter-spacing: 4px
}

.hop-form-main .hop-form .form-group .form-control:-o-placeholder {
    color: rgba(255, 255, 255, .3);
    letter-spacing: 4px
}

.hop-form-main .hop-form .radio-btn {
    position: relative;
    display: inline-block;
    padding: 0 0 0 30px;
    margin: 0 15px
}

.hop-form-main .hop-form .checkbox:first-child, .hop-form-main .hop-form .radio-btn:first-child {
    margin-left: 0!important
}

.hop-form-main .hop-form .checkbox:last-child, .hop-form-main .hop-form .radio-btn:last-child {
    margin-right: 0!important
}

.hop-form-main .hop-form .radio-btn span {
    font-family: GothamNarrow-Book;
    font-size: 16px;
    line-height: 16px;
    letter-spacing: 1px;
    color: #fff
}

.hop-form-main .hop-form .radio-btn input[type=radio] {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    margin: 0;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    opacity: 0;
    cursor: pointer;
    z-index: 9
}

.hop-form-main .hop-form .radio-btn .checkmark {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    height: 16px;
    width: 16px;
    border: 1px solid #fff;
    display: block;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%
}

.hop-form-main .hop-form .radio-btn .checkmark:before {
    position: absolute;
    content: "";
    font-family: FontAwesome;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    height: 0;
    width: 0;
    background-color: #fff;
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s
}

.hop-form-main .hop-form .radio-btn input[type=radio]:checked+.checkmark:before {
    height: 7px;
    width: 7px
}

.hop-form-main .hop-form .btn {
    margin: 30px 0 0;
    background-color: transparent;
    border: 1px solid #fff;
    width: 120px;
    text-align: center;
    padding: 12px;
    color: #fff;
    background-color: transparent;
    text-transform: uppercase;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    font-family: GothamNarrow-Bold;
    letter-spacing: 2px;
    font-size: 12px;
    line-height: 12px
}

.hop-form-main .hop-form .btn:focus {
    color: #fff;
    background-color: transparent;
    border-color: #fff
}

.hop-form-main .hop-form .btn:active:focus, .hop-form-main .hop-form .btn:hover {
    color: #fff;
    background-color: #000;
    border-color: #000
}

.hop-form-main .hop-form .checkbox {
    position: relative;
    padding: 0 0 0 30px;
    margin: 0
}

.hop-form-main .hop-form .checkbox span {
    font-family: GothamNarrow-Book;
    font-size: 12px;
    line-height: 15px;
    color: #fff
}

.hop-form-main .hop-form .checkbox input[type=checkbox] {
    position: absolute;
    left: 0;
    top: 3px;
    height: 15px;
    width: 15px;
    margin: 0;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    opacity: 0;
    cursor: pointer;
    z-index: 9
}

.hop-form-main .hop-form .checkbox .checkmark {
    position: absolute;
    left: 0;
    top: 3px;
    height: 15px;
    width: 15px;
    border: 1px solid #fff;
    display: block
}

.hop-form-main .hop-form .checkbox .checkmark:before {
    position: absolute;
    content: "\f00c";
    font-family: FontAwesome;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: #fff;
    color: #000;
    font-size: 10px;
    line-height: 12px;
    text-align: center;
    opacity: 0
}

.hop-form-main .hop-form .checkbox input[type=checkbox]:checked+.checkmark:before {
    opacity: 1
}

.home-body.modal-open .section {
    display: none!important
}

.home-body.modal-open #section0 {
    display: block!important
}

.hop-logo-img {
    text-align: center;
    margin-bottom: 30px
}

.hop-logo-img img {
    display: inline-block;
    width: 300px;
    height: 300px
}

.point-register .block-inner {
    text-align: center;
    position: relative;
    margin: 0 0 30px
}

.point-register .block-inner img {
    width: 130px;
    margin: 0 auto;
    display: table
}

.point-register .block-inner h5 {
    font-size: 20px;
    line-height: 22px;
    font-family: ProximaNovaBold;
    color: #18354f;
    margin: 10px 0 0
}

.navbar-nav>li.book-now a {
    background-color: red;
    color: #f4d680!important;
    padding: 10px 20px;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    font-family: GothamNarrow-Bold;
    border: 1px solid transparent
}

.navbar-nav>li.book-now a:hover {
    color: #fff!important;
    border: 1px solid #fff;
    background: 0 0
}

.navbar-nav>li.book-now {
    position: relative;
    top: -10px
}

.full-screen-menu .full-menu-content .menu-list ul li.book-now {
    font-size: 0
}

.full-screen-menu .full-menu-content .menu-list ul li.book-now a {
    background-color: red;
    color: #f4d680!important;
    font-size: 20px;
    line-height: 20px;
    padding: 10px 20px;
    letter-spacing: 2px;
    text-transform: uppercase;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border: 1px solid transparent;
    width: 330px;
    text-align: center
}

.full-screen-menu .full-menu-content .menu-list ul li.book-now a:hover {
    color: #fff!important;
    border: 1px solid #fff;
    background: 0 0
}

.full-screen-menu .full-menu-content .menu-list ul li:nth-child(4) a svg {
    vertical-align: middle;
    height: 33px
}

.section.home-story {
    background-color: #fff!important
}

.full-height-half-section {
    float: left;
    width: 100%;
    height: 100%;
    position: relative;
    background-color: #fff
}

.full-height-half-section [class^=col-] {
    height: 100%
}

.full-height-half-section .full-height-half-content {
    float: left;
    width: 100%;
    height: 100%
}

.full-height-half-section .full-height-half-image {
    float: left;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.full-height-half-section .full-height-half-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    font-family: 'object-fit: cover'
}

.full-height-half-section .full-height-half-description {
    position: relative;
    padding: 20% 20% 0
}

.full-height-half-section .luxuriate-detail span.number {
    display: block;
    font-family: GothamNarrow-Book;
    font-size: 16px;
    line-height: 18px;
    color: #c59b6d;
    letter-spacing: 1px;
    padding: 0 0 5px
}

.full-height-half-section .full-height-half-description p {
    font-family: GothamNarrow-Book;
    font-size: 13px;
    line-height: 20px;
    color: #18354f
}

.full-height-half-description h1, .full-height-half-description h2, .full-height-half-description h3, .full-height-half-description h4, .full-height-half-description h5, .full-height-half-description h6 {
    font-family: Antonio-Light;
    color: #c59b6d;
    text-transform: uppercase;
    font-size: 40px;
    line-height: 44px;
    letter-spacing: 8px;
    margin: 0;
    padding-bottom: 20px
}

.full-height-half-description h1 span, .full-height-half-description h2 span, .full-height-half-description h3 span, .full-height-half-description h4 span, .full-height-half-description h5 span, .full-height-half-description h6 span {
    display: block;
    font-family: GothamNarrow-Book;
    font-size: 16px;
    line-height: 18px;
    color: #c59b6d;
    letter-spacing: 3px;
    padding: 0 0 10px
}

.captivating-home-section .captivating-home-content .home-story-description p {
    font-family: GothamNarrow-Book;
    font-size: 13px;
    line-height: 20px;
    color: #18354f;
    letter-spacing: 1px
}

.captivating-home-section .captivating-home-content .home-story-description h2 {
    font-family: Antonio-Light;
    color: #c59b6d;
    text-transform: uppercase;
    font-size: 40px;
    line-height: 44px;
    letter-spacing: 8px;
    margin: 0;
    padding-bottom: 20px
}

.resplendent-block .detail h2 {
    font-family: Antonio-Light;
    color: #c59b6d;
    text-transform: uppercase;
    font-size: 30px;
    line-height: 34px;
    letter-spacing: 8px;
    margin: 0;
    padding-bottom: 10px
}

.captivating-home-section .captivating-home-content .home-story-description div {
    padding-left: 0
}

.captivating-home-section .captivating-home-content .home-story-description {
    padding-bottom: 30px
}

.home-story-zh .captivating-home-section .container-fluid {
    min-height: 0
}

.home-story-zh .home-story-description {
    padding: 10% 0 0 80px
}

.full-height-half-section .full-height-overlay {
    position: absolute;
    left: 35px;
    right: 35px;
    top: 35px;
    bottom: 35px;
    border: 0 solid #144e86;
    z-index: 99;
    transition-property: border;
    -webkit-transition-property: border;
    -moz-transition-property: border;
    -ms-transition-property: border;
    -o-transition-property: border;
    transition-duration: 1s 0;
    -webkit-transition-duration: 1s 0;
    -moz-transition-duration: 1s 0;
    -ms-transition-duration: 1s 0;
    -o-transition-duration: 1s 0;
    transition-delay: 1s 0;
    -webkit-transition-delay: 1s 0;
    -moz-transition-delay: 1s 0;
    -ms-transition-delay: 1s 0;
    -o-transition-delay: 1s 0
}

.c-home__section.active .full-height-overlay {
    border-width: 1px;
    transition-property: border;
    -webkit-transition-property: border;
    -moz-transition-property: border;
    -ms-transition-property: border;
    -o-transition-property: border;
    transition-duration: 1.5s;
    -webkit-transition-duration: 1.5s;
    -moz-transition-duration: 1.5s;
    -ms-transition-duration: 1.5s;
    -o-transition-duration: 1.5s;
    transition-delay: 1.5s;
    -webkit-transition-delay: 1.5s;
    -moz-transition-delay: 1.5s;
    -ms-transition-delay: 1.5s;
    -o-transition-delay: 1.5s
}

.full-height-half-section .full-height-overlay:before {
    position: absolute;
    content: "";
    left: 50%;
    bottom: 0;
    height: 10px;
    width: 50%;
    background-color: #c59b6d;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    z-index: 9;
    opacity: 0;
    transition-property: opacity;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -ms-transition-property: opacity;
    -o-transition-property: opacity;
    transition-duration: 1s 0;
    -webkit-transition-duration: 1s 0;
    -moz-transition-duration: 1s 0;
    -ms-transition-duration: 1s 0;
    -o-transition-duration: 1s 0;
    transition-delay: 1s 0;
    -webkit-transition-delay: 1s 0;
    -moz-transition-delay: 1s 0;
    -ms-transition-delay: 1s 0;
    -o-transition-delay: 1s 0
}

.c-home__section.active .full-height-overlay:before {
    opacity: 1;
    transition-property: opacity;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -ms-transition-property: opacity;
    -o-transition-property: opacity;
    transition-duration: 1.5s;
    -webkit-transition-duration: 1.5s;
    -moz-transition-duration: 1.5s;
    -ms-transition-duration: 1.5s;
    -o-transition-duration: 1.5s;
    transition-delay: 1.5s;
    -webkit-transition-delay: 1.5s;
    -moz-transition-delay: 1.5s;
    -ms-transition-delay: 1.5s;
    -o-transition-delay: 1.5s
}

form label.error {
    display: block!important;
    color: #d41a32!important;
    margin: 8px 0 0!important
}

.online-appointment {
    padding: 270px 0 45px;
    position: relative;
    background-image: url(../images/online-appointment-banner.png);
    background-repeat: no-repeat;
    background-position: center top;
    width: 100%;
    background-size: 100% 450px
}

.bottm-img {
    position: relative
}

.online-appointment::after {
    position: absolute;
    content: '';
    left: 50%;
    bottom: -140px;
    background-image: url(../images/online-boxshad.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 95%;
    height: 400px;
    z-index: -1;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0)
}

.online-appointment form.registration-form .form-control {
    background-color: transparent;
    border-color: #bc926d
}

.online-appointment .mob-predef-num .select-pre-num .form-control {
    text-transform: lowercase!important;
    font-size: 16px!important;
    line-height: 1!important;
    font-family: GothamNarrow-Book!important
}

.calender-main {
    max-width: 512px
}

.day-choose {
    background-color: #bc926d;
    border-bottom: 1px solid #000;
    padding: 0 0 122px
}

.day-choose h2 {
    padding: 21px 0 20px;
    font-size: 28px;
    line-height: 28pt;
    font-family: Antonio-Light;
    text-transform: uppercase;
    letter-spacing: 5.6px;
    color: #fff;
    text-align: center;
    border-bottom: 1px solid #18354f;
    margin: 0
}

.cancle-btn {
    padding: 0 80px;
    position: relative;
    z-index: 9999;
    float: left;
    width: 100%
}

.calender {
    padding: 25px 0 0
}

.calender label.error {
    max-width: 310px;
    float: none;
    margin: 0 auto!important
}

.cancle-btn a {
    font-size: 16px;
    line-height: 16px;
    letter-spacing: 5.6px;
    text-transform: uppercase;
    font-family: Antonio-Regular;
    float: right;
    text-decoration: none;
    color: #fff;
    cursor: pointer
}

.cancle-btn a:hover {
    color: #18354f
}

.calender .datepicker-custom .datepicker {
    margin: 0 auto
}

.calender .datepicker-custom .datepicker .datepicker-days .table-condensed thead {
    position: relative
}

.calender .datepicker-custom .datepicker .datepicker-days .table-condensed thead th.datepicker-switch {
    color: #fff;
    font-size: 28px;
    line-height: 33.6px;
    letter-spacing: 1.4px;
    font-family: GothamNarrow-Medium;
    font-weight: 500;
    padding: 0;
    text-transform: uppercase
}

.calender .datepicker-custom .datepicker .datepicker-days .table-condensed thead th.prev {
    position: relative;
    text-indent: -9999px;
    left: 40px
}

.calender .datepicker-custom .datepicker .datepicker-days .table-condensed thead th.prev:hover {
    background: 0 0
}

.calender .datepicker-custom .datepicker .datepicker-days .table-condensed thead th.prev:before {
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    width: 30px;
    height: 30px;
    z-index: 9999;
    border: 2px solid #18354f;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%)
}

.calender .datepicker-custom .datepicker .datepicker-days .table-condensed thead th.prev:after {
    position: absolute;
    content: '\f104';
    font-family: FontAwesome;
    top: 50%;
    left: 50%;
    font-size: 20px;
    line-height: 29px;
    text-indent: 0;
    margin-left: -1px;
    z-index: 9999;
    color: #18354f;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%)
}

.calender .datepicker-custom .datepicker .datepicker-days .table-condensed thead th.next {
    position: relative;
    text-indent: -9999px;
    right: 40px
}

.calender .datepicker-custom .datepicker .datepicker-days .table-condensed thead th.next:hover {
    background: 0 0
}

.calender .datepicker-custom .datepicker .datepicker-days .table-condensed thead th.next:before {
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    width: 30px;
    height: 30px;
    z-index: 9999;
    border: 2px solid #18354f;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%)
}

.calender .datepicker-custom .datepicker .datepicker-days .table-condensed thead th.next:after {
    position: absolute;
    content: '\f105';
    font-family: FontAwesome;
    top: 50%;
    left: 50%;
    width: 30px;
    height: 30px;
    font-size: 20px;
    line-height: 29px;
    text-indent: 0;
    margin-left: 1px;
    z-index: 9999;
    color: #18354f;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%)
}

.calender .datepicker-custom .datepicker .datepicker-days .table-condensed thead th.next:hover:after, .calender .datepicker-custom .datepicker .datepicker-days .table-condensed thead th.next:hover:before, .calender .datepicker-custom .datepicker .datepicker-days .table-condensed thead th.prev:hover:after, .calender .datepicker-custom .datepicker .datepicker-days .table-condensed thead th.prev:hover:before {
    color: #fff;
    border-color: #fff
}

.calender .datepicker-inline {
    width: 350px
}

.calender .datepicker-custom .datepicker td {
    width: 35px;
    height: 35px
}

.calender .datepicker-custom .datepicker .datepicker-days .table-condensed>thead>tr>th.dow {
    color: #fff;
    font-size: 16px;
    line-height: 16px;
    font-family: GothamNarrow-Medium;
    font-weight: 500;
    padding: 27px 15px 23px
}

.calender .datepicker-custom .datepicker .datepicker-days .table-condensed thead th.datepicker-switch:hover {
    background-color: transparent
}

.calender .datepicker-custom .datepicker .datepicker-days .table-condensed thead tr {
    padding: 50px 0 0
}

.datepicker table {
    width: 100%
}

.datepicker table td.disabled-date, .datepicker table td.disabled.disabled-date, .datepicker table td.old.disabled-date {
    color: rgba(255, 255, 255, .3)!important;
    background-color: transparent!important
}

.datepicker table td.disabled-date:hover, .datepicker table td.disabled.disabled-date:hover, .datepicker table td.old.disabled-date:hover {
    color: rgba(255, 255, 255, .3)!important;
    background-color: transparent!important
}

.datepicker table td.disabled, .datepicker table td.old {
    color: rgba(255, 255, 255, .7)!important;
    background-color: transparent!important
}

.datepicker table td.disabled:hover, .datepicker table td.old:hover {
    color: rgba(255, 255, 255, .7)!important;
    background-color: transparent!important
}

.datepicker table td.old {
    visibility: hidden
}

.datepicker table td.new {
    display: none
}

.time {
    padding: 35px 0 29px
}

.calender .datepicker-custom .datepicker table tr td.active.day {
    background-color: #18354f!important;
    background-image: none;
    border-radius: 0!important
}

.calender .datepicker-custom .datepicker table tr td.today {
    background-color: #18354f;
    color: #c59b6d!important;
    background-image: none;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0
}

.calender .datepicker-custom .datepicker table tbody>tr>td.day:hover {
    background-color: #18354f;
    color: #fff;
    background-image: none;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0
}

.calender .datepicker-custom .datepicker table tr td.day, .calender .datepicker-custom .datepicker table tr td.new, .calender .datepicker-custom .datepicker table tr td.old {
    color: #fff;
    font-size: 16px;
    line-height: 16px;
    font-family: GothamNarrow-Medium;
    width: 45px!important;
    height: 45px!important;
    padding: 0!important
}

.calendar-block-main .calender .datepicker-custom .datepicker-days .table-condensed thead th.dow {
    padding: 20px 0 0
}

.online-appointment form.registration-form .mob-predef-num .select-pre-num .form-control::-webkit-input-placeholder {
    font-size: 16px;
    color: rgba(255, 255, 255, .3)
}

.calender-main .time ul {
    margin: 0;
    padding: 0 80px;
    list-style-type: none;
    display: inline-block
}

.calender-main .time ul li {
    float: left;
    width: 25%;
    margin: 0 auto;
    display: inline-block;
    font-size: 16px;
    line-height: 35px;
    font-family: GothamNarrow-Medium;
    color: #fff;
    text-align: center
}

.calender-main .time ul li a {
    color: #fff;
    display: block;
    padding: 0 5px;
    text-decoration: none
}

.calender-main .time ul li a.active {
    background-color: #18354f
}

.calender-main .time ul li a:hover {
    background-color: #18354f
}

.appoinment-btn {
    margin: 68px 0 0;
    text-transform: uppercase;
    position: relative;
    color: #fff;
    font-size: 12px;
    line-height: 12px;
    font-family: GothamNarrow-Bold;
    padding: 11px 18px;
    letter-spacing: 3.6px;
    border: none;
    background: url(../images/btn-shadow.svg) red;
    background-repeat: no-repeat;
    background-position: 100% 100%;
    border-radius: 17px;
    -webkit-border-radius: 17px;
    -moz-border-radius: 17px;
    -ms-border-radius: 17px;
    -o-border-radius: 17px
}

.appoinment-btn:hover {
    background-color: #000
}

.appoinment-btn::after {
    position: absolute;
    background: url(../images/btn-drop.svg);
    background-repeat: no-repeat;
    top: 100%;
    left: 0;
    right: 0;
    width: 100%;
    content: '';
    height: 100%;
    background-size: 100% 100%;
    display: block;
    bottom: auto;
    margin-top: 5px
}

.online-opp-form {
    padding: 143px 0 0 25px
}

#image-map-pro-masterplan .imp-shape img {
    opacity: 0
}

.facility-modal .modal-content {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    padding: 20px 0 0
}

.facility-modal .modal-dialog {
    width: 1200px
}

.facility-modal .modal-content .container {
    padding: 0
}

.facility-modal .modal:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -4px
}

.facility-modal .modal-content .facility-text {
    padding: 15px 0
}

.facility-modal .modal-content .facility-text h4 {
    font-family: GothamNarrow-Bold;
    font-size: 16px;
    line-height: 30px;
    color: #18354f;
    margin: 0
}

.facility-modal .modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle
}

.single-project-slider {
    padding: 0 5px
}

.facility-modal .modal {
    text-align: center;
    padding: 0!important
}

.single-project-slider .slick-arrow.slick-next {
    margin-bottom: 55px
}

.single-project-slider .slick-arrow {
    position: absolute;
    right: 80px;
    bottom: 65px;
    display: block;
    width: 60px;
    height: 60px;
    cursor: pointer;
    background-color: rgba(197, 155, 109, .5);
    z-index: 9;
    text-align: center
}

.single-project-slider .slick-arrow svg {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%)
}

.single-project-slider .slick-arrow:before {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .3);
    opacity: 0
}

.single-project-slider .slick-arrow.slick-prev {
    margin: 0 0 -5px 0
}

.single-project-slider .slick-arrow:hover {
    background-color: #c49a6c
}

body.modal-open #fullpage {
    overflow: hidden!important
}

.top-footer .call-main {
    text-align: center;
    margin: 0 auto;
    display: table;
    width: 80%
}

.top-footer .call-main h3 {
    color: #aaa;
    margin: 0;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 1px;
    font-family: GothamNarrow-Bold
}

.top-footer .call-main .call-city-number {
    margin-top: 10px;
    border-top: 1px solid #fff
}

.top-footer .call-city-number ul {
    display: block;
    margin: 0;
    padding: 0;
    list-style-type: none
}

.top-footer .call-city-number ul li {
    display: inline-block;
    margin: 0;
    padding: 15px 10px 0;
    list-style-type: none;
    position: relative;
    font-family: GothamNarrow-Bold;
    font-weight: 700;
    font-size: 14px;
    line-height: 14px;
    color: #aaa;
    text-align: left
}

.top-footer .call-city-number ul li:before {
    position: absolute;
    content: "";
    right: 0;
    top: 0;
    bottom: 0;
    width: 1px;
    height: 100%;
    background-color: #fff
}

.top-footer .call-city-number ul li:first-child {
    padding-left: 0;
    text-align: right
}

.top-footer .call-city-number ul li:nth-child(2) {
    text-align: center
}

.top-footer .call-city-number ul li:last-child {
    padding-right: 0
}

.top-footer .call-city-number ul li a {
    text-decoration: none;
    font-size: 20px;
    line-height: 26px;
    color: #fff
}

.top-footer .call-city-number ul li span {
    display: block;
    letter-spacing: .5px
}

.top-footer .call-city-number ul li:last-child::before {
    content: none
}

.top-footer .call-main h3 span {
    margin: 0 5px
}

.top-footer .call-main h3 a {
    text-decoration: none;
    color: #aaa
}

.top-footer .call-main h3 a i {
    margin-right: 5px;
    font-size: 18px
}

.appointment-now {
    position: absolute;
    right: 0;
    top: 50%;
    z-index: 999999999;
    transform: translate(30%, -50%) rotate(90deg);
    -webkit-transform: translate(30%, -50%) rotate(90deg);
    -moz-transform: translate(30%, -50%) rotate(90deg);
    -ms-transform: translate(30%, -50%) rotate(90deg);
    -o-transform: translate(30%, -50%) rotate(90deg)
}

.appointment-now .appoinment-btn {
    position: relative;
    font-size: 18px;
    line-height: 18px;
    font-size: 16px;
    line-height: 16px;
    text-decoration: none;
    padding: 15px 30px;
    padding: 10px 20px;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    -o-border-radius: 25px;
    box-shadow: -1px -1px 0 #be0000, -2px -2px 0 #be0000, -3px -3px 0 #be0000, -4px -4px 0 #be0000, -5px -5px 0 #be0000, -6px -6px 0 #be0000, -7px -7px 0 #be0000, -8px -8px 0 #be0000, -9px -9px 0 #be0000, -10px -10px 0 #be0000, -11px -11px 0 #be0000, -12px -12px 0 #be0000, -13px -13px 0 #be0000, -14px -14px 0 #be0000, -15px -15px 0 #be0000, -16px -16px 0 #be0000, -17px -17px 0 #be0000, -18px -18px 0 #be0000, -19px -19px 0 #be0000, -20px -20px 0 #be0000, -21px -21px 0 #be0000, -22px -22px 0 #be0000, -23px -23px 0 #be0000, -24px -24px 0 #be0000, -25px -25px 0 #be0000, -26px -26px 0 #be0000, -27px -27px 0 #be0000, -26px -26px 0 #be0000, -28px -28px 0 #be0000, -29px -29px 0 #be0000, -30px -30px 0 #be0000, -31px -31px 0 #be0000, -32px -32px 0 #be0000, -33px -33px 0 #be0000, -34px -34px 0 #be0000, -35px -35px 0 #be0000, -36px -36px 0 #be0000, -37px -37px 0 #be0000, -38px -38px 0 #be0000, -39px -39px 0 #be0000, -40px -40px 0 #be0000, -41px -41px 0 #be0000, -42px -42px 0 #be0000, -43px -43px 0 #be0000, -44px -44px 0 #be0000, -45px -45px 0 #be0000, -46px -46px 0 #be0000, -47px -47px 0 #be0000, -48px -48px 0 #be0000, -48px -48px 0 #be0000, -49px -49px 0 #be0000, -50px -50px 0 #be0000
}

@keyframes pulse_animation {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) scale(0);
        -webkit-transform: translate(-50%, -50%) scale(0);
        -moz-transform: translate(-50%, -50%) scale(0);
        -ms-transform: translate(-50%, -50%) scale(0);
        -o-transform: translate(-50%, -50%) scale(0);
    }

    33% {
        opacity: 1;
        transform: translate(-50%, -50%) scale(1);
        -webkit-transform: translate(-50%, -50%) scale(1);
        -moz-transform: translate(-50%, -50%) scale(1);
        -ms-transform: translate(-50%, -50%) scale(1);
        -o-transform: translate(-50%, -50%) scale(1);
    }

    100% {
        opacity: 0;
        transform: translate(-50%, -50%) scale(3);
        -webkit-transform: translate(-50%, -50%) scale(3);
        -moz-transform: translate(-50%, -50%) scale(3);
        -ms-transform: translate(-50%, -50%) scale(3);
        -o-transform: translate(-50%, -50%) scale(3);
    }
}

@-webkit-keyframes pulse_animation {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) scale(0);
        -webkit-transform: translate(-50%, -50%) scale(0);
        -moz-transform: translate(-50%, -50%) scale(0);
        -ms-transform: translate(-50%, -50%) scale(0);
        -o-transform: translate(-50%, -50%) scale(0);
    }

    33% {
        opacity: 1;
        transform: translate(-50%, -50%) scale(1);
        -webkit-transform: translate(-50%, -50%) scale(1);
        -moz-transform: translate(-50%, -50%) scale(1);
        -ms-transform: translate(-50%, -50%) scale(1);
        -o-transform: translate(-50%, -50%) scale(1);
    }

    100% {
        opacity: 0;
        transform: translate(-50%, -50%) scale(3);
        -webkit-transform: translate(-50%, -50%) scale(3);
        -moz-transform: translate(-50%, -50%) scale(3);
        -ms-transform: translate(-50%, -50%) scale(3);
        -o-transform: translate(-50%, -50%) scale(3);
    }
}

.appointment-now .appoinment-btn:before {
    position: absolute;
    content: "";
    left: 50%;
    top: 50%;
    width: 20px;
    height: 20px;
    background: rgba(255,255,255,.4);
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    animation: pulse_animation 1.5s infinite linear;
    -webkit-animation: pulse_animation 1.5s infinite linear;
}

.appointment-now .appoinment-btn:after {
    position: absolute;
    content: "";
    right: auto;
    left: 50%;
    top: 50%;
    width: 20px;
    height: 20px;
    background: rgba(255,255,255,.4);
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    animation: pulse_animation 2s .4s infinite linear;
    -webkit-animation: pulse_animation 2s .4s infinite linear;
}

.appointment-now .appoinment-btn:hover:before,
.appointment-now .appoinment-btn:hover:after {
    display: none;
}

.appointment-now .appoinment-btn:focus {
    color: #fff
}

.appointment-now .appoinment-btn:active:focus, .appointment-now .appoinment-btn:hover {
    color: #fff
}

.appointment-now {
    right: -15px
}

.appointment-now.chinese-btn {
    right: 0
}

.banner-carousel .slick-dots {
    position: absolute;
    left: 88px;
    top: auto;
    bottom: 30px;
    padding: 0;
    margin: 0;
    left: 0;
    right: 0;
    text-align: center
}

.banner-carousel .slick-dots li {
    margin: 0 4px;
    display: inline-block
}

.banner-carousel .slick-dots button {
    width: 8px;
    height: 8px;
    cursor: pointer;
    border: 1px solid #fff;
    text-indent: -9999px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%;
    padding: 0;
    background: 0 0;
    transition: background-color .2s linear 0s, border-color .2s linear 0s;
    -webkit-transition: background-color .2s linear 0s, border-color .2s linear 0s;
    -moz-transition: background-color .2s linear 0s, border-color .2s linear 0s;
    -ms-transition: background-color .2s linear 0s, border-color .2s linear 0s;
    position: relative;
    background-color: transparent;
    margin: 0;
    border: 1px solid transparent;
    display: block;
    height: 16px;
    width: 16px
}

.banner-carousel .slick-dots button::after {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    content: "";
    background: #fff;
    display: block;
    height: 8px;
    width: 8px;
    border-radius: 50%;
    top: 50%;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    margin: 0 auto
}

.banner-carousel .slick-dots button:hover {
    background-color: transparent
}

.banner-carousel .slick-dots li.slick-active button {
    border-color: #144e86;
    border-color: #c59b6d;
    transition: background-color .2s linear 0s, border-color .2s linear 0s;
    -webkit-transition: background-color .2s linear 0s, border-color .2s linear 0s;
    -moz-transition: background-color .2s linear 0s, border-color .2s linear 0s;
    -ms-transition: background-color .2s linear 0s, border-color .2s linear 0s
}

.banner-carousel .slick-dots li.slick-active button:after {
    background: #144e86;
    background: #c59b6d;
    transition: background-color .2s linear 0s, border-color .2s linear 0s;
    -webkit-transition: background-color .2s linear 0s, border-color .2s linear 0s;
    -moz-transition: background-color .2s linear 0s, border-color .2s linear 0s;
    -ms-transition: background-color .2s linear 0s, border-color .2s linear 0s
}

.facility-modal .single-project-slider .facility-item img {
    height: 85vh;
    object-fit: cover
}

.happning-main .floor-tabing-section .nav-tabs {
    text-align: center
}

.happning-main .floor-tabing-section .nav-tabs>li {
    width: auto;
    display: inline-block;
    float: none;
    padding: 0 10px
}

.happning-main .floor-tabing-section .nav-tabs>li>a {
    padding: 2px 5px
}

.news-block {
    background: #c59b6d
}

.news-block .row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    display: -webkit-box
}

.news-block .image, .news-block .image img {
    height: 100%;
    object-fit: cover;
    height: auto
}

.news-block .col-md-4 {
    max-width: 33.33333333%;
    flex: 0 0 33.33333333%
}

.news-block .col-md-8 {
    max-width: 66.66666667%;
    flex: 0 0 66.66666667%
}

.news-block {
    margin-bottom: 20px
}

.news-block .n-detail {
    padding: 15px
}

.news-block .n-detail .date {
    font-size: 24px;
    line-height: 24px;
    color: #fff;
    text-align: right
}

.news-block .n-detail h3 {
    font-family: GothamNarrow-Bold;
    font-size: 28px;
    line-height: 33px;
    color: #18354f;
    text-transform: uppercase;
    letter-spacing: 4px;
    margin: 0
}

.news-block .n-detail p {
    font-size: 18px;
    line-height: 24px;
    color: #fff;
    letter-spacing: 0;
    margin: 0
}

.news-block .n-detail a {
    float: left;
    clear: both;
    border: 1px solid #fff;
    background-color: transparent;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    padding: 10px;
    color: #fff;
    text-transform: uppercase;
    font-family: GothamNarrow-Bold;
    font-size: 12px;
    line-height: 12px;
    letter-spacing: 3px;
    outline: 0;
    border-radius: 4px;
    margin-top: 10px;
    float: right;
    text-decoration: none;
    margin-bottom: 5px
}

.news-block .n-detail a:hover {
    color: #fff;
    background-color: #18354f;
    border-color: #18354f
}

.happning-main {
    padding: 0 0 30px
}

.happning-main .seaview-reimagined-content {
    height: 10px;
    background: 0 0;
    margin-top: 50px;
    float: none
}

.happning-main .seaview-reimagined-content:before {
    left: 0!important;
    right: 0!important;
    margin: 0 auto!important;
    transform: translate(0, 0)!important;
    -webkit-transform: translate(0, 0)!important;
    -moz-transform: translate(0, 0)!important;
    -ms-transform: translate(0, 0)!important;
    -o-transform: translate(0, 0)!important
}

.happning-main .luxuriate-title {
    padding-right: 0;
    text-align: center
}

.ajax-loader {
    text-align: center;
    background: #fff none repeat scroll 0 0;
    color: #fff;
    opacity: 1;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 9999;
    z-index: 999999
}

.loader {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    width: 100%
}

.loader i {
    color: #333;
    font-size: 80px
}

.loader img {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 350px;
    height: 350px;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%)
}

.loader svg {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 350px;
    height: 350px;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%)
}



.navigation-burger-menu .regis-button {
    position: relative;
    border: 1px solid #c59b6d !important;
    background-color: transparent;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    padding: 12px 20px;
    text-transform: uppercase;
    font-family: GothamNarrow-Bold;
    font-size: 12px;
    line-height: 12px;
    color: #c59b6d;
    letter-spacing: 2px;
    width: auto;
    height: auto;
    border-radius: 4px;
    margin: 0 0 10px;

    background: red;
    border: 1px solid transparent !important;
    color: #fff;
}

.navigation-burger-menu .regis-button:before {
    position: absolute;
    content: "";
    left: 50%;
    top: 50%;
    width: 20px;
    height: 20px;
    background: rgba(255,255,255,.4);
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    animation: pulse_animation 1.5s infinite linear;
    -webkit-animation: pulse_animation 1.5s infinite linear;
}

.navigation-burger-menu .regis-button:after {
    position: absolute;
    content: "";
    right: auto;
    left: 50%;
    top: 50%;
    width: 20px;
    height: 20px;
    background: rgba(255,255,255,.4);
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    animation: pulse_animation 2s .4s infinite linear;
    -webkit-animation: pulse_animation 2s .4s infinite linear;
}

.navigation-burger-menu .regis-button:hover:before,
.navigation-burger-menu .regis-button:hover:after {
    display: none;
}

.navigation-burger-menu .regis-button:hover {
    border-color: #c59b6d !important;
    background: #c59b6d !important;
    color: #fff !important;
}

.navigation-burger-menu.blue-burger .regis-button {
    /* border-color: #18354f !important;
    color: #18354f !important; */
}
.navigation-burger-menu.blue-burger .regis-button:hover {
    border-color: #18354f !important;
    background: #18354f !important;
    color: #fff !important;
}

.navbar-nav>li.active-menu>a, .navbar-nav>li.active-menu>a.highlighted, .navbar-nav>li.active-menu>a:focus, .navbar-nav>li.active-menu>a:hover {
    color: #c59b6d!important;
    background-color: transparent!important
}

.full-screen-menu .full-menu-content .menu-list ul li a:hover, .full-screen-menu .full-menu-content .menu-list ul li.active-menu a, .full-screen-menu .full-menu-content .menu-list ul li.current-menu-item a, .full-screen-menu .full-menu-content .menu-list ul li.open a {
    color: #c59b6d;
}

/* .active-menu{
    color: #c59b6d;
} */




/* **** Main Header **** */
.main-menu .main-header {
    background: #0C283E;
    height: 100px;
    position: absolute;
    top: 0;
    width: 100%;
    right: 0;
    z-index: 9;
}

.burger-menu .main-header .h-left.stick-header{
    top: 40px;
}
.burger-menu .main-header .h-right{
    top: 30px;
}


.main-header .h-right{
    margin:5px 95px 35px 0;
}
.main-header .navbar-nav{
    display: flex;
    align-items: center;
}
.main-header .languages-section{
    padding:0;
}
.main-header .navbar-nav>li.book-now{top: 0;}
.main-header li.h-earth.hidden-xs {
    padding: 20px 10px 0;
}
.main-header .h-left{
    margin:20px 0 20px 95px;
}
.main-header .h-left a svg{
    height: 60px;
}
.main-header .navbar-header a img{
    height: 34px;
    margin-right: 20px;
    display: none;
}
.main-header .h-left.stick-header {
    top: 0;
}
/* **** End Main Header **** */


/********* 04-04-2022 start ********/


.online-app {
    clear: both;
    padding: 74px 0;
    padding: 60px 0;
    background: #c59b6d;
    border-top: 5px solid #fff;
}

.online-app .title {
    padding: 0 0 40px;
    text-align: center;
}
.online-app p {
    font-family: 'TimesItalic';
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    margin: 30px 0 0;
    color: #fff;
}

.online-app .title h2 {
    font-family: "ProximaNovaBold";
    font-size: 57px;
    line-height: 57px;
    font-size: 48px;
    line-height: 48px;
    font-size: 42px;
    line-height: 42px;
    color: #fff;
    text-transform: capitalize;
    /* letter-spacing: 8px; */
    margin: 0;
}

.online-appbox {
    max-width: 760px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
}

.online-appbox .left  {
    max-width: 150px;
    flex: 0 0 150px;
    margin-right: 50px;

    max-width: 130px;
    flex: 0 0 130px;
    margin-right: 40px;
}
.online-appbox .left  img {
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
}


.online-appbox .right  h3 {
    font-family: "ProximaNovaBold";
    font-size: 28px;
    line-height: 33px;

    font-size: 24px;
    line-height: 28px;
    color: #c59b6d;
    color: #6ccee6;
    letter-spacing: 0;
    margin: 0;
}

.online-appbox .right a {
    display: inline-block;
    margin-right: 13px;
}

.online-appbox .right a img {
    width: 140px;
}

.online-appbox .right  h6 {
    font-family: "GothamNarrow-Book";
    font-size: 20px;
    line-height: 30px;
    color: #fff;
    letter-spacing: 0px;
    margin: 0 0 40px;

    font-size: 17px;
    line-height: 24px;
    color: #fff;
    letter-spacing: 0px;
    margin: 0 0 30px;
}

.quality-registration-section .quality-registration-content:before {
    left: 0 !important;
    right: 0;
    margin: 0 auto;
    transform: translate(0);
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
}


/********* 04-04-2022 end ********/

/********* 16-9-2023 stat ********/
.sticky-social-icons {
    position: fixed;
    right: 15px;
    bottom: 30px;
    z-index: 99;
}

.sticky-social-icons ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    flex-direction: column;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.sticky-social-icons ul li {
    display: flex;
    align-items: baseline;
    flex-direction: column;
    margin: 0 0 15px;
    padding: 0;
    list-style-type: none;
}

.sticky-social-icons ul li:last-child {
    margin-bottom: 0;
}

.sticky-social-icons ul li img {
    width: 50px;
}

.sticky-social-icons ul li a {
    display: inline-block;
}
/********* 16-9-2023 end ********/

/* 6-11-2023 */

.banner-section.banner-section-new .banner-content {
    top: 50% !important;
    text-align: left;
}

.banner-section-new .banner-carousel .slick-dots {
    display: none !important;
}

.fp-enabled body.main-menu .banner-section-new.banner-section .banner-image img {
    /*animation-name: kenBurns3;
    animation-duration: 15s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    */animation: zoom-in-zoom-out 10s ease-out infinite;
    -webkit-animation: zoom-in-zoom-out 10s ease-out infinite;
}

@keyframes zoom-in-zoom-out {
    0% {
      transform: scale(1, 1);
    }
    50% {
      transform: scale(1.15, 1.15);
      -webkit-transform: scale(1.15, 1.15);
      -moz-transform: scale(1.15, 1.15);
      -ms-transform: scale(1.15, 1.15);
      -o-transform: scale(1.15, 1.15);
}
    100% {
      transform: scale(1, 1);
    }
}

/* @keyframes kenBurns3 {
    0% {
      transform: scale3d(1.2,1.2,1.2) translate3d(0,0,0);
      -webkit-transform: scale3d(1.2,1.2,1.2) translate3d(0,0,0);
      -moz-transform: scale3d(1.2,1.2,1.2) translate3d(0,0,0);
      -ms-transform: scale3d(1.2,1.2,1.2) translate3d(0,0,0);
      -o-transform: scale3d(1.2,1.2,1.2) translate3d(0,0,0);
    }
    25% {
      transform: scale3d(1.4, 1.4, 1.4);
      -webkit-transform: scale3d(1.4, 1.4, 1.4);
      -moz-transform: scale3d(1.4, 1.4, 1.4);
      -ms-transform: scale3d(1.4, 1.4, 1.4);
      -o-transform: scale3d(1.4, 1.4, 1.4);
    }
    50% {
      transform: translate3d(-25%, 0, 0) scale3d(1.4, 1.4, 1.4);
      -webkit-transform: translate3d(-25%, 0, 0) scale3d(1.4, 1.4, 1.4);
      -moz-transform: translate3d(-25%, 0, 0) scale3d(1.4, 1.4, 1.4);
      -ms-transform: translate3d(-25%, 0, 0) scale3d(1.4, 1.4, 1.4);
      -o-transform: translate3d(-25%, 0, 0) scale3d(1.4, 1.4, 1.4);
    }
    75%{
      transform: translate3d(50%, 0, 0) scale3d(1.4, 1.4, 1.4);
      -webkit-transform: translate3d(50%, 0, 0) scale3d(1.4, 1.4, 1.4);
      -moz-transform: translate3d(50%, 0, 0) scale3d(1.4, 1.4, 1.4);
      -ms-transform: translate3d(50%, 0, 0) scale3d(1.4, 1.4, 1.4);
      -o-transform: translate3d(50%, 0, 0) scale3d(1.4, 1.4, 1.4);
    }
    100%{
      transform: scale3d(1.2,1.2,1.2) translate3d(0,0,0);
      -webkit-transform: scale3d(1.2,1.2,1.2) translate3d(0,0,0);
      -moz-transform: scale3d(1.2,1.2,1.2) translate3d(0,0,0);
      -ms-transform: scale3d(1.2,1.2,1.2) translate3d(0,0,0);
      -o-transform: scale3d(1.2,1.2,1.2) translate3d(0,0,0);
    }
  }
  
  @keyframes kenBurns3 {
    0% {
      transform: scale3d(1.2,1.2,1.2) translate3d(0,0,0);
      -webkit-transform: scale3d(1.2,1.2,1.2) translate3d(0,0,0);
      -moz-transform: scale3d(1.2,1.2,1.2) translate3d(0,0,0);
      -ms-transform: scale3d(1.2,1.2,1.2) translate3d(0,0,0);
      -o-transform: scale3d(1.2,1.2,1.2) translate3d(0,0,0);
    }
    25% {
      transform: scale3d(1.6, 1.6, 1.6);
      -webkit-transform: scale3d(1.6, 1.6, 1.6);
      -moz-transform: scale3d(1.6, 1.6, 1.6);
      -ms-transform: scale3d(1.6, 1.6, 1.6);
      -o-transform: scale3d(1.6, 1.6, 1.6);
    }
    50% {
      transform: translate3d(40px, 0, 0) scale3d(1.8, 1.8, 1.8);
      -webkit-transform: translate3d(40px, 0, 0) scale3d(1.8, 1.8, 1.8);
      -moz-transform: translate3d(40px, 0, 0) scale3d(1.8, 1.8, 1.8);
      -ms-transform: translate3d(40px, 0, 0) scale3d(1.8, 1.8, 1.8);
      -o-transform: translate3d(40px, 0, 0) scale3d(1.8, 1.8, 1.8);
    }
    75%{
      transform: translate3d(80px, 0, 0) scale3d(1.4, 1.4, 1.4);
      -webkit-transform: translate3d(80px, 0, 0) scale3d(1.4, 1.4, 1.4);
      -moz-transform: translate3d(80px, 0, 0) scale3d(1.4, 1.4, 1.4);
      -ms-transform: translate3d(80px, 0, 0) scale3d(1.4, 1.4, 1.4);
      -o-transform: translate3d(80px, 0, 0) scale3d(1.4, 1.4, 1.4);
}
    100%{
      transform: scale3d(1.2,1.2,1.2) translate3d(0,0,0);
      -webkit-transform: scale3d(1.2,1.2,1.2) translate3d(0,0,0);
      -moz-transform: scale3d(1.2,1.2,1.2) translate3d(0,0,0);
      -ms-transform: scale3d(1.2,1.2,1.2) translate3d(0,0,0);
      -o-transform: scale3d(1.2,1.2,1.2) translate3d(0,0,0);
    }
} */

/* 6-11-2023 */

/* 22-11-2023 */

.navbar-nav>li {
    padding: 0 20px;
}

.luxuriate-concept-section .luxuriate-detail {
    padding: 130px 380px 90px 45px;
}

.facility-security-section .facility-block ul {
    padding: 110px 0 0;
}

/* 22-11-2023 */

/* 2-5-2024 */

body {
    position: relative;
}

.sticky-gif-main {
    position: fixed;
    left: 0;
    right: 0;
    bottom: -100%;
    width: 100%;
    z-index: 9;
    transition: bottom 3s ease-out;
    -webkit-transition: bottom 3s ease-out;
    -moz-transition: bottom 3s ease-out;
    -ms-transition: bottom 3s ease-out;
    -o-transition: bottom 3s ease-out;
}

.sticky-gif-section {
    max-width: 1230px;
    margin: 0 auto;
    position: relative;
}

.sticky-gif-close {
    position: absolute;
    right: 15px;
    top: 55px;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.sticky-gif-close i,
.sticky-gif-close svg {
    font-size: 25px;
}

.sticki-gif-img {
    padding: 0 15px;
}

.sticki-gif-img a {
    display: block;
}

.sticki-gif-img img {
    width: 100%;
    max-width: 1230px;
    object-fit: contain;
}

.sticky-social-icons {
    bottom: 120px;
}

.sticki-gif-img-mobile {
    display: none;
}

/* 2-5-2024 */