@font-face {
    font-family: 'AvianoFlare-Medium';
    src: url(../css/AvianoFlare-Medium.ttf);
}

@font-face {
    font-family: 'TTNorms-Regular';
    src: url(../css/TTNorms-Regular.otf);
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

body {
    line-height: 1;
    font-family: 'TTNorms-Regular', sans-serif;
    font-size: 16px !important;
    overflow-x: hidden;
    font-weight: 300 !important;
    counter-reset: section;
}

ol,
ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: "";
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

a {
    outline: none;
}

p {
    margin-bottom: 10px;
    line-height: 23px;
}

img {
    margin-bottom: 0;
    /*max-width: 100% !important;*/
}

/*-------------- CSS Resetter ----------*/

/*--------------------------------------------------------------------*/

#hide-menu {
    position: fixed;
    z-index: 9999;
    width: 100%;
    padding: 5px 0px;
    top: 0px;
    /* transition: top 0.3s; */
    box-shadow: 0px 0px 5px 5px #00000054;
}

.navbar-default {
    background: #ffffff;
    margin-bottom: 0px;
    border: none;
    border-radius: 0;
    transition: ease all 0.5s;
    min-height: 85px;
}

.navbar-default.fixHeader {
    background: #ffffff;
    transition: ease all 0.5s;
}

.navbar-default .navbar-nav>li>a {
    color: #4A453D;
    text-shadow: none;
    font-weight: 600;
}

.navbar-default .navbar-nav>li>a:focus {
    color: #000;
    text-shadow: none;
}

.navbar-default .navbar-nav>li>a:hover {
    color: #4A453D;
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover {
    background-image: none;
    box-shadow: none;
    background: transparent;
    color: #4A453D;
}

.navbar-brand>img {
    width: 110px;
    margin-top: 4px;
    /* margin-left: -60px; */
}

.navbar-brand>img.nav-logo {
    width: 110px;
    margin-top: 0px;
    /* margin-left: -40px; */
}

@media (min-width: 768px) {
    .navbar-brand {
        padding: 0px;
        width: 150px;
    }
    .carousel-control .glyphicon-chevron-left,
    .carousel-control .icon-prev {
        left: 0;
    }
    .carousel-control .glyphicon-chevron-right,
    .carousel-control .icon-next {
        right: 0;
    }
}

/*------------Navbar center-------*/

.navbar .navbar-nav {
    display: inline-block;
    float: none !important;
    vertical-align: top;
}

.navbar .navbar-collapse {
    text-align: center;
}

/*-------------------*/

@media (max-width: 768px) {
    .navbar-nav {
        margin: initial !important;
    }
    .navbar-collapse {
        padding-bottom: 10px;
    }
    .navbar-brand>img.nav-logo {
        width: 90px;
        margin-top: -2px;
        margin-left: 15px;
    }
    .navbar-brand {
        padding: 4px;
        margin-left: -4px;
    }
    .navbar-default .navbar-toggle {
        border: none !important;
        margin-right: 0px;
        margin-top: 20px;
        background: linear-gradient( 90deg, #433E36 10%, #5A4E3C 33%, #8A6B44 74%, #A27D50 100%);
    }
    .navbar-default .navbar-toggle .icon-bar {
        background-color: #ffffff !important;
    }
}

@media only screen and (max-width: 768px) {
    .navbar-brand>img {
        width: 100px;
        float: left;
        /* height: 26px; */
        margin-top: 0px;
    }
}

@media only screen and (max-width: 320px) {
    .navbar-brand>img {
        /* width: 128px; */
        float: left;
        /* height: 26px; */
        margin-top: 4px;
        padding: 3px;
        margin-left: -23px;
    }
}

.nav-call {
    border: 2px solid #4A453D;
    border-radius: 7px;
    padding: 3px 15px !important;
    color: #fff !important;
    margin-top: 10px;
    font-weight: 600;
    background: #4A453D;
    transition: ease all 0.5s;
}

.navbar-nav>li>a {
    line-height: 30px !important;
    margin-right: 10px;
    padding-left: 5px;
    padding-right: 5px;
    outline: none;
    font-size: 15px;
}

.navbar-inverse .navbar-brand:focus,
.navbar-inverse .navbar-brand:hover {
    outline: none;
}

.menu-overlay {
    height: 100vh;
    width: 0;
    position: fixed;
    z-index: 99999;
    top: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.9);
    overflow-x: hidden;
    transition: 0.6s;
}

.menu-overlay-content {
    position: relative;
    top: 25%;
    width: 100%;
    text-align: center;
    /*margin-top: 30px;*/
}

.menu-overlay a {
    padding: 8px;
    text-decoration: none;
    font-size: 26px;
    color: #818181;
    display: block;
    transition: 0.3s;
}

.menu-overlay a:hover,
.menu-overlay a:focus {
    color: #f1f1f1;
}

.menu-overlay .closebtn {
    position: absolute;
    top: 1px;
    right: 10px;
    font-size: 48px;
}

#carousel-example-generic .carousel-inner>.item>img {
    width: 100% !important;
    margin-top: 60px;
}

.section {
    padding: 90px 0;
}

#overview {
    padding: 90px 0 !important;
}

.overv-img {
    display: none;
}

.read-more-state {
    display: none;
}

.read-more-target {
    opacity: 0;
    max-height: 0;
    font-size: 0;
    transition: 0.25s ease;
}

.read-more-state:checked~.read-more-wrap .read-more-target {
    opacity: 1;
    font-size: inherit;
    /* max-height: 999em; */
}

.read-more-state~.read-more-trigger:before {
    content: "Show more";
}

.read-more-state:checked~.read-more-trigger:before {
    content: "Show less";
}

.read-more-trigger {
    cursor: pointer;
    display: inline-block;
    padding: 0 0.5em;
    color: #666;
    font-size: 0.9em;
    line-height: 2;
    border: 1px solid #ddd;
    border-radius: 0.25em;
}

#summary {
    font-size: 14px;
    line-height: 1.5;
}

#summary p.collapse:not(.show) {
    height: 42px !important;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

#more {
    display: none;
}

#summary p.collapsing {
    min-height: 42px !important;
}

#summary a.collapsed:after {
    content: "+ Read More";
}

#summary a:not(.collapsed):after {
    content: "- Read Less";
}

.carousel-control {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 15%;
    font-size: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
    background-color: rgba(0, 0, 0, 0);
    background-image: none !important;
    filter: alpha(opacity=50);
    opacity: 1;
}

.moretext {
    display: none;
}

.carousel-control .glyphicon-chevron-left,
.carousel-control .icon-prev {
    margin-left: 20px;
    color: #4A453D;
    opacity: 1;
}

form #website {
    display: none;
}

.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-next {
    margin-right: 20px;
    /* margin-left: -10px; */
    color: #a59fa0;
    opacity: 1;
}

.presenting-wrap {
    text-align: center;
    margin-top: 80px;
}

.present {
    text-transform: uppercase;
    font-size: 20px;
    letter-spacing: 8px;
    margin-bottom: 20px;
}

.o-logo {
    width: 150px;
    /* margin-bottom: 30px; */
    margin: 10px auto;
    position: relative;
    /* padding: 5px; */
    display: block;
    /* background: #f26522; */
}

.o-logo1 {
    width: 100%;
    margin: -27px;
    position: absolute;
    z-index: -1;
    opacity: 0.2 !important;
}

.presenting-wrap h4 {
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 600;
    color: #656565;
    line-height: 22px;
}

.overlay-sec {
    width: 100%;
}

.overlay-sec .overlay {
    padding: 90px 0px;
    background: #0000008a;
}

.imgbg1 {
    /* background: url(../images/gallery/elevation/2.jpg); */
    padding: 70px 0;
    background-size: cover;
    background-attachment: fixed;
    background-color: #20318c;
    background: linear-gradient( 180deg, #433E36 10%, #5A4E3C 33%, #8A6B44 74%, #A27D50 100%);
}

.highlight-wrap {
    background: rgba(255, 255, 255, 0.2);
    position: relative;
    transition: ease all 0.5s;
}

.highlight-wrap .second-wrap {
    padding: 10px;
}

.highlight-wrap img {
    width: 100px;
    margin: 0px auto;
    display: block;
    margin-bottom: 20px;
}

.highlight-wrap h2 {
    color: #fff;
    text-align: center;
    font-size: 20px;
    font-weight: 600;
}

.highlight-wrap h2 span {
    font-size: 25px;
    font-weight: 800;
    color: #4A453D;
}

.highlight-wrap:before {
    content: "";
    height: 20px;
    width: 20px;
    position: absolute;
    top: 0;
    left: 0;
    border-top: 3px solid #ffffff;
    border-left: 3px solid #ffffff;
}

.modal-content {
    background-color: #fff !important;
    /* background: url(../images/bg2.jpg); */
    color: #fff;
}

.highlight-wrap:after {
    content: "1";
    height: 20px;
    width: 20px;
    position: absolute;
    bottom: 0;
    right: 0;
    border-bottom: 3px solid #ffffff;
    border-right: 3px solid #ffffff;
}

.highlight-wrap .second-wrap:before {
    content: "1";
    height: 20px;
    width: 20px;
    position: absolute;
    top: 0;
    right: 0;
    border-top: 3px solid #ffffff;
    border-right: 3px solid #ffffff;
}

.highlight-wrap .second-wrap:after {
    content: "1";
    height: 20px;
    width: 20px;
    position: absolute;
    bottom: 0;
    left: 0;
    border-bottom: 3px solid #ffffff;
    border-left: 3px solid #ffffff;
}

.highlight-wrap:hover {
    -webkit-box-shadow: 0 10px 8px -6px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 10px 8px -6px rgba(0, 0, 0, 0.5);
    box-shadow: 0 10px 8px -6px rgba(0, 0, 0, 0.5);
    transform: translateY(-10px);
    transition: ease all 0.5s;
}

/*------ section heading------*/

.head-center {
    text-align: center;
}

.sec-head {
    color: #433E36;
    text-transform: uppercase;
    font-size: 32px;
    letter-spacing: 1px;
    font-weight: 500;
    font-weight: 600;
    margin-bottom: 13px;
    line-height: 1.5;
    /* font-family: 'AvianoFlare-Medium'; */
}

.sec-head::after {
    content: '';
    display: block;
    width: 100%;
    height: 2px;
    margin-top: 10px;
    background: linear-gradient(90deg, #EFE3D2 0%, #A27D50 50%, #EFE3D2 100%);
}

/*  */

.head-line {
    height: 5px;
    background: linear-gradient( 90deg, #433E36 10%, #5A4E3C 33%, #8A6B44 74%, #A27D50 100%);
    /* background: #222; */
    width: 95px;
    margin: 20px auto 35px;
}

.head-line:before {
    text-align: center;
    content: " ";
    height: 12px;
    width: 12px;
    background: linear-gradient( 90deg, #433E36 10%, #5A4E3C 33%, #8A6B44 74%, #A27D50 100%);
    transform: rotate(45deg);
    display: block;
    top: -4px;
    position: relative;
    margin: 0 auto;
}

.head-linew {
    background: #fff;
}

.head-linew:before {
    background: #fff;
}

.head-line1 {
    height: 5px;
    background: #A27D50;
    /* background: #222; */
    width: 60px;
    margin: 0px 0px 15px;
}

/*------------------------*/

/*---Configuration box----*/

.config-wrap {
    text-align: center;
    border-top: 10px solid #ffffff;
    border-bottom: 40px solid #ffffff;
    border-left: 10px solid #ffffff;
    border-right: 10px solid #ffffff;
    padding: 25px 0px;
    box-shadow: 0px 0px 5px 5px #0000006b;
    margin-bottom: 0px;
    transition: ease all 0.5s;
}

.config-wrap1 {
    text-align: center;
    border-top: 10px solid #000000;
    border-bottom: 40px solid #000000;
    border-left: 10px solid #000000;
    border-right: 10px solid #000000;
    padding: 25px 0px;
    margin-bottom: 20px;
    transition: ease all 0.5s;
    box-shadow: 0px 0px 5px 5px #0000006b;
}

.config-wrap:hover {
    border-color: #d0d0d0;
    -webkit-box-shadow: 0 10px 8px -6px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 10px 8px -6px rgba(0, 0, 0, 0.5);
    box-shadow: 0 10px 8px -6px rgba(0, 0, 0, 0.5);
    transform: translateY(-10px);
    transition: ease all 0.5s;
}

.config-wrap1:hover {
    border-color: #d0d0d0;
    -webkit-box-shadow: 0 10px 8px -6px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 10px 8px -6px rgba(0, 0, 0, 0.5);
    box-shadow: 0 10px 8px -6px rgba(0, 0, 0, 0.5);
    transform: translateY(-10px);
    transition: ease all 0.5s;
}

.config-wrap h3 span {
    font-size: 22px;
    color: #ffffff;
    font-weight: 700;
}

.config-wrap1 h3 span {
    font-size: 22px;
    color: #ffffff;
    font-weight: 800;
}

.config-wrap h3,
.config-wrap1 h3 {
    font-size: 27px;
    font-weight: 800;
    margin-bottom: 30px;
}

.config-wrap p {
    font-size: 17px;
}

.config-line {
    height: 3px;
    background: #14191a;
    width: 50px;
    margin: 0px auto;
    margin-top: 20px;
    margin-bottom: 20px;
}

.config-wrap h2 {
    font-size: 24px;
    font-weight: 800;
    line-height: 30px;
    color: #ffffff;
}

.config-wrap1 h2 {
    font-size: 24px;
    font-weight: 800;
    color: #ffffff;
    line-height: 30px;
}

.config-wrap h2 span {
    color: #4A453D;
}

.config-wrap1 h2 span {
    color: #fff;
}

.config-wrap .pricing_btn,
.config-wrap1 .pricing_btn {
    background: #000;
    border: none;
    font-size: 17px;
    color: #ffffff;
    /* width: 75%; */
    padding: 8px 5px;
    /* border-radius: 20px; */
    margin: 5px 0px;
    font-weight: 600;
    border: 2px solid;
    outline: none;
}

/*------------Amenities----*/

figure.snip1477 {
    font-family: "Raleway", Arial, sans-serif;
    position: relative;
    overflow: hidden;
    margin: 0px;
    /* min-width: 391px; */
    /* max-width: 451px; */
    /* width: 100%; */
    /* color: #ffffff; */
    text-align: center;
    /* font-size: 16px; */
    /* background-color: #000000; */
}

figure.snip1477 *,
figure.snip1477 *:before,
figure.snip1477 *:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.55s ease;
    transition: all 0.55s ease;
}

figure.snip1477 img {
    max-width: 100%;
    backface-visibility: hidden;
    vertical-align: top;
    opacity: 0.9;
}

figure.snip1477 .title {
    position: absolute;
    top: 58%;
    left: 25px;
    padding: 5px 10px 10px;
}

figure.snip1477 .title:before,
figure.snip1477 .title:after {
    height: 2px;
    width: 400px;
    position: absolute;
    content: "";
    background-color: #ffffff;
}

figure.snip1477 .title:before {
    top: 0;
    left: 10px;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
}

figure.snip1477 .title:after {
    bottom: 0;
    right: 10px;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
}

figure.snip1477 .title div:before,
figure.snip1477 .title div:after {
    width: 2px;
    height: 300px;
    position: absolute;
    content: "";
    background-color: #ffffff;
}

figure.snip1477 .title div:before {
    top: 10px;
    right: 0;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
}

figure.snip1477 .title div:after {
    bottom: 10px;
    left: 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
}

figure.snip1477 h2,
figure.snip1477 h4 {
    margin: 0;
    text-transform: uppercase;
}

figure.snip1477 h2 {
    font-weight: 400;
}

figure.snip1477 h4 {
    display: block;
    font-weight: 700;
    background-color: #eadde6;
    padding: 5px 10px;
    color: #000000;
}

figure.snip1477 figcaption {
    position: absolute;
    bottom: 42%;
    left: 25px;
    text-align: left;
    opacity: 0;
    padding: 5px 60px 5px 10px;
    font-size: 0.8em;
    font-weight: 500;
    letter-spacing: 1.5px;
}

figure.snip1477 figcaption p {
    margin: 0;
}

figure.snip1477 a {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

figure.snip1477 img,
figure.snip1477 img {
    zoom: 1;
    filter: alpha(opacity=35);
}

figure.snip1477 .title:before,
figure.snip1477 .title:before,
figure.snip1477 .title:after,
figure.snip1477 .title:after,
figure.snip1477 .title div:before,
figure.snip1477 .title div:before,
figure.snip1477 .title div:after,
figure.snip1477 .title div:after {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}

figure.snip1477 .title:before,
figure.snip1477 .title:before,
figure.snip1477 .title:after,
figure.snip1477 .title:after {
    -webkit-transition-delay: 0.15s;
    transition-delay: 0.15s;
}

figure.snip1477:hover figcaption,
figure.snip1477.hover figcaption {
    opacity: 1;
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}

.owl-carousel .owl-nav .owl-prev {
    font-size: 20px !important;
    border: 2px solid #433E36 !important;
    height: 30px;
    width: 30px;
    border-radius: 50% !important;
    outline: none !important;
    transition: ease all 0.5s;
}

.owl-carousel .owl-nav .owl-next {
    font-size: 20px !important;
    border: 2px solid #433E36 !important;
    height: 30px;
    width: 30px;
    border-radius: 50% !important;
    outline: none !important;
    transition: ease all 0.5s;
}

#gallery .owl-carousel .owl-nav .owl-next {
    border: 2px solid #ffffff !important;
}

.owl-carousel .owl-nav .owl-prev:hover {
    background: #4A453D !important;
    border-color: #4A453D !important;
}

.owl-carousel .owl-nav .owl-next:hover {
    background: #4A453D !important;
    border-color: #4A453D !important;
}

.owl-carousel .owl-nav .owl-prev span,
.owl-carousel .owl-nav .owl-next span {
    font-size: 0;
}

.owl-prev:hover:before,
.owl-next:hover:before {
    color: #fff;
}

/*----------------------------------------------*/

.sub-head {
    color: #4A453D;
    text-transform: uppercase;
    font-size: 18px;
    letter-spacing: 2px;
    margin-bottom: 10px;
    /* text-align: center; */
    /* font-family: 'AvianoFlare-Medium'; */
    background: -webkit-linear-gradient(62deg, #C9A87C, #A27D50);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.light-grey {
    background: #f1f1f1;
}

/*----- gallery-----------------*/

.amenities-gallery {
    position: relative;
    width: 100%;
    overflow: hidden;
    margin-bottom: 8px;
    transition: all 0.5s;
    border: none;
    margin-top: 15px;
    background: linear-gradient( 90deg, #A27D50 0%, #C9A87C 33%, #C9A87C 74%, #8A6B44 100%);
    padding: 3px;
}

.amenities-gallery img {
    width: 100%;
    /* margin-top: 15px; */
    /* height: 410px; */
    transition: all 0.5s;
    /* object-fit: cover; */
}

#location .amenities-gallery img {
    width: 100%;
    margin-bottom: -2px;
    height: 280px;
    transition: all 0.5s;
    object-fit: cover;
}

#gallery .amenities-gallery img {
    width: 100%;
    margin-bottom: -2px;
    height: auto;
    transition: all 0.5s;
    object-fit: cover;
}

.amenities-gallery .g-txt {
    margin-bottom: 0;
    position: absolute;
    top: 0;
    right: 0;
    background: #4A453D;
    color: #fff;
    font-size: 16px;
    padding: 6px 15px;
}

.ami-overlay {
    width: 100%;
    height: 100%;
    /* background: rgba(0, 0, 0, 0.6); */
    position: absolute;
    top: 0;
    transform: translate(-100%, 0);
    transition: all 1s;
}

.amenities-gallery:hover .ami-overlay {
    transform: translate(0%, 0);
    transition: all 0.5s;
    cursor: url(../images/hovericon.png), auto !important;
}

.amenities-gallery:hover img {
    transform: scale(1.19);
    transition: all 0.5s;
}

/*----- gallery-----------------*/

/* -------------------  TAB -----------------------*/

.mytab {
    text-align: center;
    border-bottom: none;
    margin-bottom: 40px;
    margin-top: 35px;
}

.mytab li {
    float: none !important;
    display: inline-block;
    margin-bottom: 10px;
    margin-left: 5px;
    width: 15%;
}

.mytab>li.active>a,
.mytab>li.active>a:hover,
.mytab>li.active>a:focus {
    color: #ffffff;
    border: none;
    cursor: pointer;
    font-size: 16px;
    background: linear-gradient( 90deg, #433E36 10%, #5A4E3C 33%, #8A6B44 74%, #A27D50 100%);
    border-radius: 0;
    /* border: 3px solid #433E36; */
}

.mytab>li>a:hover,
.mytab>li>a:focus {
    color: #ffffff;
    padding: 9px 20px !important;
    border: none;
    background: linear-gradient( 90deg, #433E36 10%, #5A4E3C 33%, #8A6B44 74%, #A27D50 100%);
    border-radius: 0;
    border: 3px solid #433E36;
}

.mytab>li>a {
    color: #433E36;
    padding: 9px 20px !important;
    border: none;
    border-radius: 0;
    font-size: 14px !important;
    font-weight: 600;
    font-size: 16px;
    /* border: 3px solid #433E36; */
    background: #f1f1f1;
}

/*-------------------------------------------------*/

.ami-iconholder {
    background: #ffffff;
    text-align: center;
    padding: 13px 2px;
    position: relative;
    height: 163px;
    margin-top: 30px;
    transition: ease all 0.5s;
    -webkit-box-shadow: 0 10px 8px -6px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 10px 8px -6px rgba(0, 0, 0, 0.5);
    box-shadow: 1px 1px 8px 0px rgba(0, 0, 0, 0.5);
    transform: translateY(-10px);
    transition: ease all 0.5s;
}

.ami-iconholder img {
    width: 64px;
}

.ami-iconholder p {
    line-height: 19px;
    margin-top: 5px;
    font-size: 13px;
    /* height: 40px; */
    /* margin-bottom: 0; */
}

.ami-iconholder:before {
    content: "";
    height: 20px;
    width: 20px;
    position: absolute;
    top: 0;
    left: 0;
    border-top: 3px solid #4A453D;
    border-left: 3px solid #4A453D;
}

.ami-iconholder:after {
    content: "";
    height: 20px;
    width: 20px;
    position: absolute;
    bottom: 0;
    right: 0;
    border-bottom: 3px solid #4A453D;
    border-right: 3px solid #4A453D;
}

.ami-iconholder:hover {
    -webkit-box-shadow: 0 10px 8px -6px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 10px 8px -6px rgba(0, 0, 0, 0.5);
    box-shadow: 0 10px 8px -6px rgba(0, 0, 0, 0.5);
    transform: translateY(-10px);
    transition: ease all 0.5s;
}

.sub-head2 {
    margin-bottom: 20px;
    font-size: 20px;
    line-height: 25px;
}

.counter-holder {
    margin-bottom: 30px;
    margin-top: 30px;
}

.numtext {
    font-size: 44px;
    text-align: center;
    padding-top: 0px !important;
    color: #4A453D;
    font-weight: 800;
    margin-bottom: 10px;
}

.counter-holder h4 {
    text-align: center;
    padding-top: 0px !important;
    font-size: 11px;
    line-height: 20px;
    height: 20px;
}

.white {
    color: #ffffff !important;
}

.head-line.white {
    margin: 20px auto 50px;
    background: #fff !important;
    display: block;
}

.address-wrap {
    text-align: center;
    margin-top: 50px;
}

.address-wrap h3 {
    font-size: 20px;
    font-weight: 800;
    margin-bottom: 20px;
    color: #fff;
}

.address-wrap p {
    color: #fff;
    font-size: 14px;
    font-weight: 600;
}

.call-me {
    font-size: 17px;
    font-weight: 900;
    color: #fff;
    line-height: 30px;
}

@media only screen and (max-width: 767px) {
    .call-me {
        font-size: 22px;
        font-weight: 900;
        color: #fff;
        /*line-height: 25px;*/
    }
}

.call-me:hover {
    color: #fff;
}

.rera-sec {
    padding: 30px 0px;
    /* background: #000000; */
    /* background-image: url(../images/bg2.jpg); */
    color: #000;
    background-size: contain;
    background-attachment: revert;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.cust-container {
    width: 90%;
    margin: 0px auto;
    display: table;
}

.footer-icon {
    text-align: right;
}

.footer-sec {
    padding: 0px 0px 0px;
    /* background: #C9A87C; */
    color: #fff;
}

.foote-wrap {
    margin: 0px auto;
    display: block;
}

.foote-wrap img {
    margin: 0px auto;
    display: block;
    width: 60px;
}

.foote-wrap p {
    text-align: center;
    margin-top: 7px;
    /* margin-bottom: 30px; */
    color: #000000;
    font-weight: 600;
}

/*-===================================================================================- form----*/

#otp-form input,
#otp-form select {
    height: 40px;
    border: none;
    width: 100%;
    background: #e4e4e4;
}

#otp-form input::placeholder,
#otp-form textarea::placeholder {
    color: #515151;
}

#otp-form .input-group-addon {
    background: #4A453D;
    color: #fff;
    border: 0;
}

.form-ico {
    font-size: 19px !important;
}

#otp-form textarea {
    border: none;
    resize: none;
    background: #e4e4e4;
}

#otp-form .form-group {
    height: 40px;
    margin-bottom: 23px;
}

#otp-form .selected-flag {
    background: #5d5d5d;
    width: 39px;
    border-radius: 3px 0px 0px 3px;
    height: 40px;
}

#otp-form .flag-container {
    padding: 0px !important;
}

/*  contact form -------------------*/

#contact-form input,
#contact-form select {
    height: 40px;
    border: none;
    width: 100%;
    background: #ffffff;
}

#contact-form input::placeholder,
#contact-form textarea::placeholder {
    color: #515151;
}

#contact-form .input-group-addon {
    background: #4A453D;
    color: #fff;
    border: 0;
}

.form-ico {
    font-size: 19px !important;
}

#contact-form textarea {
    border: none;
    resize: none;
    background: #e4e4e4;
}

#contact-form .form-group {
    height: 40px;
    margin-bottom: 23px;
}

#contact-form .selected-flag {
    background: #5d5d5d;
    width: 39px;
    border-radius: 3px 0px 0px 3px;
    height: 40px;
}

#contact-form .flag-container {
    padding: 0px !important;
}

.form-btn {
    margin: 0px auto;
    display: block !important;
    background: #4A453D;
    border: 2px solid #4A453D;
    color: #fff;
    font-size: 18px !important;
    padding: 8px 39px 8px;
    transition: ease all 0.4s;
    text-shadow: none;
    border-radius: 0px;
    box-shadow: none;
}

.form-btn:hover {
    border-color: #4A453D;
    background: transparent;
    color: #fff;
    transition: ease all 0.4s;
}

.modal-dialog {
    top: 15% !important;
}

#download1 input,
#download1 select {
    height: 40px;
    border: none;
    width: 100%;
    background: #e4e4e4;
    letter-spacing: 1px;
}

#download1 input::placeholder {
    color: #bebebe;
}

#download1 .input-group-addon {
    background: #4A453D;
    color: #fff;
    border: 0;
}

#floor-plan input,
#floor-plan select {
    height: 40px;
    border: none;
    width: 100%;
    background: #e4e4e4;
    letter-spacing: 1px;
}

#floor-plan input::placeholder {
    color: #bebebe;
}

#floor-plan .input-group-addon {
    background: #4A453D;
    color: #fff;
    border: 0;
}

.cta-btn {
    position: fixed;
    z-index: 9999;
    bottom: 10px;
    /* left: 15px; */
    /* background: #C9A87C !important; */
    color: #4A453D;
    /* border: none; */
    letter-spacing: 1px;
    border: 3px solid #fff;
    font-size: 18px !important;
    background: #000;
    background: linear-gradient( 90deg, #433E36 10%, #5A4E3C 33%, #8A6B44 74%, #A27D50 100%) !important;
    /* border: none; */
    font-size: 20px;
    color: #ffffff !important;
    /* width: 75%; */
    padding: 8px 12px;
    border-radius: 0px;
    margin: 5px 0px;
    font-weight: 600;
    outline: none;
}

.interested {
    right: 15px !important;
}

.download1 {
    left: 15px !important;
}

.form-ico {
    font-size: 19px !important;
}

#download1 .form-group {
    height: 40px;
    margin-bottom: 23px;
}

/* #upcoming {
    background-image: url(../images/Lovepik_com-401159599-flying-flamingo.png);
    background-size: cover;
    background-attachment: fixed;
    background-position: left;
} */

#configuration,
#gallery,
#location {
    background-repeat: no-repeat;
    background-image: url(../images/conf-bg.jpg);
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    /* padding: 70px 0; */
}

.overlay {
    padding: 70px 0px;
    background: #00000091;
}

#configuration {
    background-image: url(../images/conf-bg.jpg);
}

#gallery {
    background-image: url(../images/gall-bg.jpg);
}

#location {
    background-image: url(../images/loc-bg.jpg);
}

.bg-color {
    background-color: #00000047;
    /* padding: 30px; */
}

.loading-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
}

.mbro {
    margin: 9px 0px;
    border-top: 1px solid #fff;
    padding: 7px;
}

#download1 .selected-flag {
    background: #A27D50;
    width: 39px;
    border-radius: 3px 0px 0px 3px;
    height: 40px;
}

#download1 .flag-container {
    padding: 0px !important;
}

#pageloader {
    background: rgba(255, 255, 255, 0.9);
    display: none;
    height: 100%;
    position: fixed;
    width: 100%;
    z-index: 9999999;
    top: 0;
}

#pageloader img {
    /* left: 50%; */
    /* width: 100%; */
    /* margin-left: -32px; */
    /* margin-top: -32px; */
    position: absolute;
    top: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

#download1 .modal-header .close {
    margin-top: -34px;
}

/*---- main Pop------*/

#main-popup input,
#main-popup select {
    height: 40px;
    border: none;
    width: 100%;
    background: #e4e4e4;
    letter-spacing: 1px;
}

#main-popup input::placeholder {
    color: #bebebe;
}

#main-popup .input-group-addon {
    background: #4A453D;
    color: #fff;
    border: 0;
}

.form-ico {
    font-size: 19px !important;
}

#main-popup .form-group {
    height: 40px;
    margin-bottom: 23px;
}

#main-popup .selected-flag {
    background: #A27D50;
    width: 39px;
    border-radius: 3px 0px 0px 3px;
    height: 40px;
}

#main-popup .flag-container {
    padding: 0px !important;
}

/*----------------------------*/

/*----------- price model--------------*/

#price-model input,
#price-model select {
    height: 40px;
    border: none;
    width: 100%;
    background: #ffffff;
    letter-spacing: 1px;
}

#price-model input::placeholder {
    color: #bebebe;
}

#price-model .input-group-addon {
    background: #4A453D;
    color: #fff;
    border: 0;
}

.form-ico {
    font-size: 19px !important;
}

#price-model .form-group {
    height: 40px;
    margin-bottom: 23px;
}

#price-model .selected-flag {
    background: #A27D50;
    width: 39px;
    border-radius: 3px 0px 0px 3px;
    height: 40px;
}

#price-model .flag-container {
    padding: 0px !important;
}

/*---------------------------------*/

/*----------- i am  model--------------*/

.reg-title {
    font-size: 18px;
    background: linear-gradient( 90deg, #433E36 10%, #5A4E3C 33%, #8A6B44 74%, #A27D50 100%);
    color: #fff;
    text-align: center;
    padding: 10px 0px;
    /* margin: 20px 0px; */
}

#inter-form input,
#inter-form select {
    height: 40px;
    border-bottom: 2px solid #000;
    width: 100%;
    padding-left: 8px;
    background: #ffffff;
    border-top: none;
    border-left: none;
    border-right: none;
    box-shadow: none;
    border-radius: 0;
}

#inter-form .form-group {
    margin-bottom: 0px;
}

.up-form-1 {
    background: #fff;
    box-shadow: none;
}

/*---------------------------------*/

.modal-header {
    border-radius: 20px 20px 0px 0px;
}

.modal-body {
    border-radius: 0px 0px 20px 20px;
}

.modal-content {
    box-shadow: unset;
    border-radius: unset;
    background-color: unset;
    border: none;
}

.modal-header {
    border: none;
    background: #4A453D;
    color: #ffff;
    padding: 10px !important;
}

.modal-title {
    text-align: center;
    font-size: 20px;
    /*text-transform: uppercase;*/
    letter-spacing: 1px;
}

.price-btn {
    margin: 0px auto;
    display: block;
    background-image: none;
    text-shadow: none;
    color: #fff;
    border: 2px solid #4A453D;
    background: #4A453D;
    border-radius: 0px;
    padding: 8px 30px;
    transition: all 0.5s ease;
    font-weight: 800;
    box-shadow: none;
}

.price-btn:hover {
    color: #4A453D;
    background-color: #fff !important;
    border-color: #4A453D;
    transition: ease 0.5s;
}

#floor-plan .modal-header .close,
#float-form .modal-header .close {
    opacity: 1;
    color: #fff;
    font-size: 35px !important;
    box-shadow: none;
    outline: none;
    margin-top: -35px;
}

.modal-header .close {
    opacity: 1;
    color: #fff;
    font-size: 35px !important;
    box-shadow: none;
    outline: none;
    /* margin-top: -35px; */
}

.modal-header .close:hover,
.modal-header .close:focus {
    background: transparent !important;
}

.error {
    color: red;
}

.degree-btn {
    color: #000;
    letter-spacing: 1px;
    border: 3px solid #fff;
    font-size: 18px !important;
    background: linear-gradient( 90deg, #433E36 10%, #5A4E3C 33%, #8A6B44 74%, #A27D50 100%);
    font-size: 20px;
    color: #000;
    padding: 8px 12px;
    border-radius: 0px;
    margin: 5px 0px;
    font-weight: 600;
}

.fixed-footer-cust {
    background: linear-gradient( 180deg, #433E36 10%, #5A4E3C 33%, #8A6B44 74%, #A27D50 100%);
    text-align: center;
    padding: 14px 0px;
    width: 100%;
    border-top: 2px solid #fff;
    position: fixed;
    bottom: 0px;
    z-index: 99;
}

.f-icon {
    height: 14px;
    width: 14px;
    padding-top: 4px;
}

.fix-link {
    color: #fff !important;
    font-size: 14px;
}

.div-line {
    border-right: 1px solid #fff;
}

/* separator between the two fixed-footer CTAs on mobile */
.fixed-footer-cust .div-line {
    border-right: 1px solid rgba(255, 255, 255, .5);
}

.free-call:hover {
    color: #ffffff;
}

/*--------------*/

.msgicon {
    height: 100px;
    width: 100px;
    border: 4px solid #fff;
    font-size: 39px;
    background: #4A453D;
    color: #fff;
    border-radius: 50%;
    padding: 27px;
    text-align: center;
    margin: 0px auto;
    display: block;
}

.oops {
    text-align: center;
    font-size: 45px;
    margin-top: 20px;
    margin-bottom: 20px;
    letter-spacing: 1px;
    font-weight: 800;
}

.oops span {
    font-weight: 300;
}

.oops-subtitle {
    /*color: #fff;*/
    font-size: 18px;
}

.go-home {
    color: #4A453D;
    font-size: 19px;
    padding: 10px;
    width: 232px;
    margin: 0px auto;
    margin-top: 30px;
    border-radius: 5px;
    transition: ease 0.5s;
}

.go-home:hover {
    transition: ease 0.5s;
    color: #fff;
    background: #4A453D;
    border-radius: 25px;
}

.oops-greet {
    color: #4A453D;
    font-size: 25px;
    /*font-weight: 600;*/
    margin-bottom: 15px;
}

.pink {
    background: #4A453D;
}

.team-wrap {
    padding: 10px;
    background: #ededed;
    box-shadow: 0 10px 8px -6px rgba(0, 0, 0, 0.5);
}

.team-wrap .t-name {
    color: #4A453D;
    font-size: 24px;
    font-weight: 800;
    margin-top: 10px;
    margin-bottom: 5px;
}

.team-wrap .t-post {
    font-size: 20px;
    font-weight: 600;
}

.team-wrap .t-location {
    font-size: 16px;
    margin-top: 3px;
    margin-bottom: 10px;
}

.team-wrap p {
    font-size: 12px;
    line-height: 15px;
}

#team-carousel .owl-stage-outer {
    padding-bottom: 10px;
}

.aminities-wrap {
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
}

.morecontent span {
    display: none;
}

.morelink {
    display: block;
}

.aminities-wrap img {
    width: 100%;
    margin-bottom: -2px;
    transition: all 0.5s;
}

.aminities-wrap p {
    margin-bottom: 0;
    position: absolute;
    width: 100%;
    background: #4A453D;
    bottom: -33px;
    text-align: center;
    font-size: 16px;
    padding-top: 5px;
    padding-bottom: 5px;
    color: #fff;
    transition: ease all 0.5s;
}

.aminities-wrap:hover p {
    bottom: 0px;
    transition: ease all 0.5s;
}

.aminities-wrap:hover img {
    transform: scale(1.19);
    transition: all 0.5s;
}

.timeline {
    list-style-type: none;
    display: flex;
    /* align-items: center; */
    justify-content: center;
    padding: 0px;
}

.li {
    transition: all 200ms ease-in;
}

.timestamp {
    margin-bottom: 0px;
    padding: 0px 60px;
    display: flex;
    flex-direction: column;
    align-items: center;
    font-weight: 100;
}

.li.complete .status {
    border-top: 2px solid #222;
    width: 100%;
}

.status {
    padding: 0px 10px;
    /* display: flex; */
    justify-content: center;
    border-top: 2px solid #d6dce0;
    position: relative;
    transition: all 200ms ease-in;
}

.li.complete .status h4 {
    color: #222;
    margin-top: 16px;
    text-align: center;
    font-size: 11px;
    line-height: 21px;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.status h4 {
    font-weight: 600;
}

.li.complete .status:before {
    background-color: #222;
    border: none;
    transition: all 200ms ease-in;
}

.status:before {
    content: "";
    width: 25px;
    height: 25px;
    background-color: white;
    border-radius: 25px;
    border: 1px solid #ddd;
    position: absolute;
    top: -15px;
    left: 44%;
    transition: all 200ms ease-in;
}

.locationBox1 .location-icon {
    color: #fff;
    font-size: 50px;
    width: 60px;
    height: 60px;
    line-height: 120px;
    margin: 0 auto 40px;
    display: block;
    position: relative;
}

.locationBox1 .location-icon:before {
    content: "";
    /* background: linear-gradient(to right,#C9A87C 49%,#EFE3D2 50%); */
    width: 100%;
    height: 100%;
    border-radius: 55px 50px 0px 50px;
    /* box-shadow: 0 0 0 5px #fff inset; */
    /* border: 5px solid #222222; */
    border-right: none;
    border-top: none;
    transform: rotate(45deg);
    background: #fff;
    position: absolute;
    box-shadow: 3px 3px 10px #222222;
    top: 0;
    left: 0;
    z-index: 1;
    transition: all 0.5s ease 0s;
}

.location-icon span {
    color: #000000;
    font-size: 36px;
    width: 36px;
    height: 36px;
    line-height: 52px;
    /* margin: 0 auto 40px; */
    /* display: block; */
    position: relative;
    z-index: 1;
    top: -33px;
}

.amenities-main1 h3 {
    text-align: center;
    color: #000;
    font-size: 18px;
}

/* .locationBox1 .location-icon:hover::before {
    transform: rotate(90deg);
} */

.locationBox2 {
    /* margin: 18px 0px; */
    margin-top: 65px;
}

.you-tube {
    height: 400px;
    width: 100%;
}

.locationBox2 .location-icon1 {
    color: #fff;
    font-size: 50px;
    width: 100px;
    height: 100px;
    line-height: 120px;
    margin: 0 auto 40px;
    display: block;
    position: relative;
}

.locationBox2 .location-icon1:before {
    content: "";
    /* background: linear-gradient(to right,#C9A87C 49%,#EFE3D2 50%); */
    width: 100%;
    height: 100%;
    border-radius: 10px;
    /* box-shadow: 0 0 0 5px #fff inset; */
    /* border: 5px solid #EFE3D2; */
    border-right: none;
    border-top: none;
    transform: rotate(45deg);
    background: #fff;
    position: absolute;
    box-shadow: 3px 3px 10px #004889;
    top: 0;
    left: 0;
    z-index: 1;
    transition: all 0.5s ease 0s;
}

.location-icon1 img {
    color: #fff;
    font-size: 50px;
    width: 65px;
    height: 65px;
    line-height: 120px;
    margin: 0 auto 40px;
    display: block;
    position: relative;
    z-index: 1;
    top: 10px;
}

.amenities-main2 h3 {
    text-align: center;
    color: #000;
    font-size: 18px;
}

.locationBox2 .location-icon1:hover::before {
    transform: rotate(90deg);
}

.title {
    text-align: center;
    color: #000;
    font-size: 18px;
}

#accordion .panel {
    border: none;
    box-shadow: none;
    border-radius: 10px;
    margin-bottom: 10px;
}

#accordion .panel-heading {
    padding: 0;
    border: none;
    border-radius: 10px;
}

#accordion .panel-title a {
    display: block;
    padding: 12px 34px;
    font-size: 14px;
    /* background: linear-gradient(
    90deg,
    #433E36 10%,
    #5A4E3C 33%,
    #8A6B44 74%,
    #A27D50 100%
  ); */
    font-weight: 600;
    height: 40px;
    color: #000;
    /* background: #4A453D; */
    text-transform: uppercase;
    border: none;
    position: relative;
    transition: all 0.3s ease 0s;
    text-decoration: none;
}

#accordion .panel-title a:after,
#accordion .panel-title a.collapsed:after {
    content: "\f068";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    width: 40px;
    height: 40px;
    line-height: 32px;
    /* border-radius: 50%; */
    background: #433E36;
    text-align: center;
    font-size: 15px;
    color: #fff;
    border: 5px solid #fff;
    position: absolute;
    top: 0px;
    border-radius: -22px;
    right: -18px;
    transition: all 0.3s ease 0s;
}

#accordion .panel-title a.collapsed:after {
    content: "\f067";
}

#accordion .panel-title a:hover:after,
#accordion .panel-title a.collapsed:hover:after {
    transform: rotate(360deg);
}

#accordion .panel-body {
    padding: 0px 25px;
    background: #fff;
    font-size: 14px;
    color: #433E36;
    background: linear-gradient( 90deg, #433E36 10%, #5A4E3C 33%, #8A6B44 74%, #A27D50 100%);
    line-height: 25px;
    border-top: none;
    position: relative;
}

.islandtextcontblk {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.islandtext:first-child {
    padding: 0 15px 0;
}

.colwidth {
    width: 33.33333333%;
}

.islandpicblk2 {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.sunteckcitypciblk {
    padding: 0 15px 0 0;
}

.islandtext h5 {
    font-size: 10px;
    font-weight: 800;
    margin-top: 6px;
    border-bottom: 2px solid #A27D50;
    padding-bottom: 4px;
}

.islandtext p {
    font-size: 11px;
    margin-bottom: 0px;
}

.islandtext h5 {
    font-size: 10px;
    font-weight: 800;
    margin-top: 6px;
    border-bottom: 2px solid #A27D50;
    padding-bottom: 4px;
}

.islandtext p {
    font-size: 11px;
    margin-bottom: 0px;
}

.form-container {
    background: #fff;
    font-family: "Raleway", sans-serif;
    text-align: center;
    padding: 30px 20px;
    /*background-image: url(../images/bg-w.png);*/
    background-size: contain;
    background-attachment: initial;
    background-position: bottom;
    background-repeat: no-repeat;
    /*background-image: linear-gradient(to right, #00b4f1, #009ce4, #0885d4, #286dc2, #3a54ac, #4e49a5, #5e3d9b, #6b2f90, #832c92, #9a2793, #b11f91, #c6168d);*/
}

#contactus .form-container,
#price-model .form-container {
    background: #ffffff;
    font-family: "Raleway", sans-serif;
    text-align: center;
    padding: 30px 20px;
    /*background-image: url(../images/bg-w.png);*/
    background-size: contain;
    background-attachment: initial;
    background-position: bottom;
    background-repeat: no-repeat;
    /*background-image: linear-gradient(to right, #00b4f1, #009ce4, #0885d4, #286dc2, #3a54ac, #4e49a5, #5e3d9b, #6b2f90, #832c92, #9a2793, #b11f91, #c6168d);*/
}

.form-container .title {
    color: #000000;
    font-size: 22px;
    text-transform: capitalize;
    letter-spacing: 1px;
    margin: -20px 0 0px;
    font-weight: 700;
}

.form-container .sub-title {
    color: #000;
    margin: 10px 0 50px;
}

.form-container .form-horizontal {
    background-color: #ffffffa1;
    padding: 20px;
    border-radius: 5px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
}

.form-horizontal .form-icon {
    color: #fff;
    background-color: #00000085;
    font-size: 75px;
    line-height: 92px;
    height: 90px;
    width: 90px;
    margin: -65px auto 10px;
    border-radius: 28%;
    background: linear-gradient( 90deg, #433E36 10%, #5A4E3C 33%, #8A6B44 74%, #A27D50 100%);
}

.form-horizontal .form-group {
    margin: 0 0 10px;
    position: relative;
}

/* .form-horizontal .form-group:nth-child(3) {
    margin-bottom: 30px;
} */

.form-horizontal .form-group .input-icon {
    color: #4A453D;
    font-size: 23px;
    position: absolute;
    left: 8px;
    top: 10px;
}

/*.form-horizontal .form-control {
    color: #000;
    font-size: 16px;
    font-weight: 600;
    height: 50px;
    padding: 10px 10px 10px 40px;
    margin: 0 0 5px;
    border: none;
    border-bottom: 2px solid #e7e7e7;
    border-radius: 0px;
    box-shadow: none;
} */

.form-horizontal .form-control {
    color: #000;
    font-size: 16px;
    font-weight: 600;
    height: 50px;
    padding: 10px 10px 10px 40px;
    margin: 0 0 5px;
    border: none;
    /* border-bottom: 0px solid #000!important; */
    border-radius: 0px;
    box-shadow: 0px 1px 5px 0px;
}

.form-horizontal .form-control:focus {
    box-shadow: none;
    border-bottom-color: #ec5f20;
}

.form-horizontal .form-control::placeholder {
    color: #000;
    font-size: 16px;
    font-weight: 600;
}

.form-horizontal .forgot {
    font-size: 13px;
    font-weight: 600;
    text-align: right;
    display: block;
}

.form-horizontal .forgot a {
    color: #777;
    transition: all 0.3s ease 0s;
}

.form-horizontal .forgot a:hover {
    color: #777;
    text-decoration: underline;
}

.form-horizontal .signin,
.submit-btn {
    color: #fff;
    /* background-color: #48aaea; */
    font-size: 17px;
    text-transform: capitalize;
    letter-spacing: 2px;
    /* width: 100%; */
    padding: 6px;
    border: 2px solid #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    transition: all 0.4s ease 0s;
    border-radius: 0px;
    background: linear-gradient( 90deg, #433E36 10%, #5A4E3C 33%, #8A6B44 74%, #A27D50 100%);
}

.submit-btn {
    margin: 40px auto 0;
    display: block;
}

.form-horizontal .signin:hover,
.form-horizontal .signin:focus {
    font-weight: 600;
    letter-spacing: 5px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3) inset;
}

.bo {
    padding: 8px;
}

.golden-box img {
    width: 80px;
    margin-bottom: 10px;
}

.golden-box p {
    font-family: "Gotham-Book";
}

.sec-dark p {
    /* font-family: 'PlayfairDisplayItalic'; */
    text-align: center;
    color: #fff;
}

.over-img {
    background-image: url(../images/img-1.jpg);
    background-image: url(../images/img-1.jpg);
    /* padding: 25px 0; */
    /* width: 70%; */
    /* background: url(../../../images/patch.jpg); */
    background-attachment: fixed;
    display: grid;
    height: 500px;
    /* background-size: cover; */
    background-position: inherit;
    background-repeat: repeat-x;
}

#physical2 p {
    color: #fff;
    background: #00000087;
    padding: 5px 10px;
    font-size: 14px;
    margin: 7px 0;
}

.ami-iconholder i {
    font-size: 50px;
}

#physical2 h2 {
    text-align: center;
    font-size: 17px;
    margin-bottom: 18px;
    /* border: 1px solid #4A453D; */
    line-height: 24px;
    padding: 3px;
    box-shadow: 0px 0px 0px 4px #4A453D;
}

.form-bg .close span {
    font-size: 23px;
    /* border: 1px solid; */
    color: #000;
    opacity: 1;
    position: relative;
    top: 25px;
    right: 22px;
    z-index: 99;
}

.close {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: 1 !important;
}

.fa-phone {
    transform: rotate(164deg);
    position: relative;
    top: 4px;
}

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

.counter-wrap {
    display: block;
    padding-top: 0;
    position: absolute;
    /* left: 60%; */
    z-index: 9;
    top: 15%;
    width: 100%;
}

.counter-wrap .col-xs-3 {
    padding: 0 5px;
    width: 18%;
}

.counter-wrap h3 {
    text-align: center;
    margin-bottom: 10px;
}

.time h2 {
    font-size: 19px;
    text-transform: uppercase;
    font-weight: 800;
    text-align: center;
    width: 50px;
    height: 35px;
    margin: 10px auto;
    background: #012f58;
    color: #fff;
    border-radius: 0%;
    padding: 9px 0px;
    box-shadow: 2px 2px 7px #676f90;
}

.time p {
    text-align: center;
    font-family: "Raleway", sans-serif;
    font-weight: 800;
    text-transform: uppercase;
    background: #4A453D;
    /* border-radius: 9px; */
    color: #fff;
    font-size: 11px;
    width: 50px;
    margin: 0px auto;
    margin-top: 5px;
}

#button-2 {
    /* position: relative; */
    /* overflow: hidden; */
    cursor: pointer;
    /* margin: 0px auto; */
    text-align: center;
}

#slide {
    width: 100%;
    height: 100%;
    left: -200px;
    color: #fff;
    background: #fff;
    position: absolute;
    transition: all 0.35s ease-Out;
    bottom: 0;
}

#button-2 a {
    /* display: block; */
    position: relative;
    transition: all 0.35s ease-Out;
    color: #fff;
    background: #f07f8a;
    line-height: 31px;
    font-weight: bold;
    margin: 0 auto;
    padding: 13px;
}

.footer-text {
    color: #000000;
    text-align: center;
    font-weight: 600;
}

.testimonial {
    /* border-left: 3px solid #433E36; */
    /* padding: 40px 0 40px 50px; */
    position: relative;
}

/* .testimonial:before,
.testimonial:after {
  content: "";
  width: 53%;
  height: 35px;
  border-right: 3px solid #433E36;
  position: absolute;
  left: 0;
}

.testimonial:before {
  border-top: 3px solid #433E36;
  top: 0;
}

.testimonial:after {
  border-bottom: 3px solid #433E36;
  bottom: 0;
} */

.over-con {
    /* height: 463px; */
    /* padding: 90px; */
    display: block;
    /* position: absolute; */
    /* width: 100%; */
    /* height: 100%; */
    background: url(../images/over-bg.png) no-repeat;
    background-position: left bottom;
    align-items: center;
}

.testimonial .pic {
    width: 100px;
    height: 100px;
    position: absolute;
    top: 100px;
    left: 100px;
}

.testimonial .pic img {
    width: 100%;
    height: auto;
}

.testimonial .description {
    font-size: 16px;
    color: #000000;
    line-height: 1.6;
    position: relative;
    font-family: 'TTNorms-Regular';
    margin: 40px 0;
    /* text-align: center; */
}

.testimonial .testimonial-title {
    font-size: 22px;
    font-weight: 800;
    color: #22272c;
    text-transform: capitalize;
}

.testimonial .post {
    display: block;
    font-size: 15px;
    font-weight: 700;
    color: #6ab33e;
    margin-top: 10px;
}

.owl-theme .owl-controls {
    text-align: right;
    margin-top: 30px;
}

.owl-theme .owl-controls .owl-buttons div {
    background: #6ab33e;
    border-radius: 0;
    opacity: 1;
    padding: 5px 10px;
}

.owl-prev:before,
.owl-next:before {
    content: "\f053";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #433E36;
}

.owl-next:before {
    content: "\f054";
}

.over-img {
    width: 100%;
    height: 500px;
    object-fit: fill;
}

.panel-body p {
    background: #ffffff;
    padding: 7px 10px;
    margin: 10px 0px;
    color: #000;
}

thead {
    background: linear-gradient( 231deg, #433E36 10%, #5A4E3C 33%, #8A6B44 74%, #A27D50 100%);
    color: #fff;
}

.her {
    /* background: linear-gradient(
    90deg,
    #433E36 10%,
    #5A4E3C 33%,
    #8A6B44 74%,
    #A27D50 100%
  ); */
    text-align: center;
}

.her1 {
    background: #fff;
}

/* the plans are gated behind the enquiry modal, so they are blurred until a
   lead is captured. the slight scale hides the soft edge a blur leaves behind
   against the container. */
#floor-plan img {
    filter: blur(8px);
    transform: scale(1.04);
    cursor: pointer;
}

#floor-plan .amenities-gallery:hover img {
    filter: blur(8px);
}

.tbl>tbody>tr>td {
    vertical-align: middle;
    width: 30%;
    font-weight: 600;
}

.tbl>tbody>tr>td a {
    color: #000;
}

.her h3 {
    font-weight: 600;
}

.pricingTable {
    background-color: #fff;
    text-align: center;
    padding: 35px 0 0;
    box-shadow: 3px 3px 7px 0px rgba(0, 0, 0, 0.3);
    border-radius: 20px;
    transition: ease all 0.5s;
}

.pricingTable:hover {
    -webkit-box-shadow: 0 10px 8px -6px rgb(0 0 0 / 50%);
    -moz-box-shadow: 0 10px 8px -6px rgba(0, 0, 0, 0.5);
    box-shadow: 0 10px 8px -6px rgb(0 0 0 / 50%);
    transform: translateY(-10px);
    transition: ease all 0.5s;
}

.pricingTable .pricingTable-header {
    background: linear-gradient(transparent, transparent, #e7e7e7);
    padding: 0 0 20px;
}

.pricingTable .title {
    color: #333;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin: 0 0 15px;
}

.pricingTable .title:after {
    content: "";
    /* background: #F63459; */
    width: 100px;
    height: 3px;
    margin: 10px auto 0;
    display: block;
    clear: both;
    background: linear-gradient( 90deg, #433E36 10%, #5A4E3C 33%, #8A6B44 74%, #A27D50 100%);
}

.pricingTable .price-value {
    color: #000000;
    font-size: 24px;
    font-weight: 600;
    line-height: 36px;
    letter-spacing: 2px;
    display: block;
}

.pricingTable .price-value sup {
    font-size: 30px;
    vertical-align: bottom;
}

.pricingTable .pricing-content {
    /* background: linear-gradient(#F53149, #FD6653); */
    border-radius: 0 0 20px 20px;
    padding: 23px 30px;
    background: linear-gradient( 90deg, #433E36 10%, #5A4E3C 33%, #8A6B44 74%, #A27D50 100%);
}

.pricingTable .pricing-content ul {
    text-align: left;
    padding: 0 0 0 20px;
    margin: 0 0 25px;
    display: inline-block;
}

.pricingTable .pricing-content ul li {
    color: #fff;
    font-size: 17px;
    font-weight: 300;
    margin: 0 0 15px;
    letter-spacing: 0.5px;
    position: relative;
}

.pricingTable .pricing-content ul li:last-child {
    margin: 0;
}

#desc-pop .modal-dialog {
    height: 500px;
    overflow-y: auto;
}

.pricingTable .pricingTable-signup a {
    color: #000;
    font-size: 16px;
    font-weight: 400;
    /* font-style: italic; */
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 15px 20px;
    font-weight: 600;
    margin: 0 auto;
    border: 2px solid #000;
    border-radius: 10px;
    display: inline-block;
    transition: all 0.5s;
    text-decoration: none;
}

.pricingTable .pricingTable-signup a:hover {
    letter-spacing: 1px;
    box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.5);
    padding: 14px;
}

.highl {
    box-shadow: 6px 8px 17px 0px #00000073;
    background: #fff;
    padding: 15px 20px;
    margin: 0 15px 50px 0px;
    position: relative;
    height: 147px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.highl:before {
    content: "";
    width: 100%;
    height: 100%;
    background: #0d8a63;
    position: absolute;
    top: 10%;
    left: 3%;
    opacity: 0.5;
    z-index: -1;
    background: linear-gradient( 90deg, #433E36 10%, #5A4E3C 33%, #8A6B44 74%, #A27D50 100%);
}

.highl:after {
    /* content: "1"; */
    counter-increment: section;
    content: counter(section);
    /* width: 100%; */
    /* height: 100%; */
    background: #433E36;
    position: absolute;
    font-size: 25px;
    top: -1%;
    color: #fff;
    left: 0%;
    /* opacity: 0.5; */
    padding: 4px 13px;
    font-weight: 600;
}

.highl .title {
    text-align: inherit;
    font-size: 16px;
    font-weight: 800;
    color: #333;
    text-transform: uppercase;
    margin: 13px 0px;
    list-style: disc;
}

.highl .description {
    font-size: 14px;
    color: #000;
    line-height: 25px;
    padding: 25px 31px;
}

.highl .highl-content {
    position: relative;
}

.highl .highl-content:after {
    content: "\f10e";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    top: -5px;
    right: 0;
    font-size: 45px;
    color: #a8a8a8;
}

.highl .pic {
    display: inline-block;
    /* float: left; */
    width: 90px;
    height: 90px;
    border-radius: 50%;
    margin-right: 15px;
    overflow: hidden;
}

.highl .pic img {
    width: 100%;
    height: auto;
}

.highl .content {
    display: inline-block;
    margin: 10px 0;
}

.highl .name {
    font-size: 20px;
    font-weight: 400;
    margin: 0;
    text-transform: capitalize;
}

.highl .post {
    font-size: 14px;
    color: #555;
    line-height: 24px;
}

.highl .rating {
    padding: 0;
    margin: 0;
    list-style: none;
}

.highl .rating li {
    display: inline-block;
    color: #ffc207;
}

.amiwrap {
    margin: 15px auto;
    position: relative;
    cursor: pointer;
    transition: ease all 0.5s;
    width: 85%;
    text-align: center;
    background: #ffffff;
    padding: 6px 5px;
    /* box-shadow: 1px 1px 4px 3px #22222259; */
    margin-bottom: 20px;
}

.border-effect::before {
    left: 0px;
    top: 0;
    transition-duration: 0.4s;
}

.amiwrap::before {
    content: "";
    width: 4px;
    height: 89%;
    position: absolute;
    transition: all 0.2s linear;
    background: linear-gradient( 347deg, #EFE3D2 10%, #A27D50 60%, #EFE3D2 100%);
}

.bo {
    padding: 8px 0px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 15px;
}

.border-effect .bo::before {
    left: 0;
    top: 50%;
    transition-duration: 0.4s;
}

.bo::before {
    content: "";
    width: 2px;
    height: 0;
    position: absolute;
    transition: all 0.2s linear;
    background: #912634;
    left: 0px;
    top: 0px;
}

.border-effect .bo::after {
    right: 0;
    top: 50%;
    transition-duration: 0.4s;
}

.amiwrap:hover {
    transform: translateY(-10px);
    transition: ease all 0.5s;
}

.border-effect::before,
.border-effect::after {
    left: 0;
}

.amiwrap::before,
.amiwrap::after {
    /* width: 100%; */
}

.bo::after {
    content: "";
    width: 2px;
    height: 0;
    position: absolute;
    transition: all 0.2s linear;
    background: #912634;
    right: 0px;
    top: 0px;
}

.border-effect::after {
    left: 0;
    bottom: 0;
    transition-duration: 0.4s;
}

.bo {
    padding: 25px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 175px;
    background: #268564;
    background: linear-gradient( 180deg, #433E36 10%, #5A4E3C 33%, #8A6B44 74%, #A27D50 100%);
    outline-offset: 2px;
    box-shadow: 5px 10px 6px 0px #00000036;
}

.bo1 {
    /* height: 100px; */
    background: #fff;
    /* display: block; */
}

.bo img {
    width: 65px !important;
    font-size: 50px;
    color: #fff;
    position: relative;
    left: 3px;
}

.bo1 img {
    width: 77px !important;
    margin: 0 auto;
    display: block;
}

.bo p {
    font-size: 9px;
    margin: 0px auto;
    display: block;
    position: relative;
    color: black;
    line-height: 23px;
    font-weight: 200;
}

.amiwrap1 p {
    color: #211d1e;
}

span {
    color: #ffffff;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0px;
}

.bo span {
    /* color: #000; */
}

.border-effect::before {
    left: 10px;
    top: 10px;
    transition-duration: 0.4s;
}

/******************amenities**************************************************/

.social-btns {
    margin: auto;
    font-size: 0;
    text-align: center;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.social-btns .amebox {
    display: inline-block;
    background-color: #fff;
    width: 100px;
    height: 100px;
    line-height: 100px;
    text-align: center;
    position: relative;
    overflow: hidden;
    border-radius: 52%;
    box-shadow: 0px 2px 3px 1px rgb(0 0 0 / 46%);
    opacity: 1;
}

.social-btns .amebox:before,
.social-btns .amebox i {
    transition: all 0.35s;
    transition-timing-function: cubic-bezier(0.31, -0.105, 0.43, 1.59);
}

.social-btns .amebox:before {
    top: 90%;
    left: -110%;
}

.social-btns .amebox i {
    transform: scale(0.8);
}

.social-btns .amebox:before {
    background: linear-gradient( 90deg, #433E36 10%, #5A4E3C 33%, #8A6B44 74%, #A27D50 100%);
}

.social-btns .amebox i {
    color: #A27D50;
}

.social-btns .amebox:focus:before,
.social-btns .amebox:hover:before {
    top: -10%;
    left: -10%;
}

.social-btns .amebox:focus i,
.social-btns .amebox:hover i,
.social-btns .amebox:focus .ami-ico,
.social-btns .amebox:hover .ami-ico {
    color: #fff;
    transform: scale(1);
}

.social-btns .amebox:before {
    content: "";
    width: 120%;
    height: 120%;
    position: absolute;
    transform: rotate(45deg);
}

.social-btns .amebox img {
    position: relative;
    z-index: 999;
    /* vertical-align: middle; */
    display: block;
    width: 60px;
    line-height: 95px;
    margin: 20px auto;
}

.social-btns .ame-tit {
    color: #000;
    font-size: 14px;
    font-weight: 500;
    height: 25px;
    margin: 20px 0px 30px;
    /* font-family: "MESSINASANS"; */
}

.social-btns .ame-desc {
    color: #555;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.5;
    padding: 0 15px;
    margin: -10px 0 30px;
    min-height: 60px;
}

.social-btns .amebox .ami-ico {
    font-size: 42px;
    line-height: 100px;
    color: #A27D50;
    display: block;
    position: relative;
    z-index: 999;
}

/* .social-btns .ame-tit:after {
    content: " ";
    border-left: 4px dashed #268564;
    right: -5%;
    height: 35%;
    bottom: 0px;
    position: absolute;
} */

.social-btns .amebox img {
    filter: brightness(0);
}

.social-btns .amebox:hover img {
    filter: brightness(0) invert(1);
}

#amenities .tab-content-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
}

.social-btns .ame-tit1 {
    color: #000;
    font-size: 14px;
    font-weight: 500;
    margin: 20px 0px 30px;
    line-height: 28px;
}

.social-btns .ame-tit1:after {
    content: " ";
    border-left: none;
}

.ame-head {
    text-align: center;
    font-size: 50px;
    margin: 90px;
    color: #A27D50;
    font-family: "IVYMODE";
}

.main_investors_grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 30px;
}

.main_investors_grid .investors_wrap {
    border: 1px solid #e8e8e8;
    text-align: center;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
}

.main_investors_grid .investors_wrap a {
    text-decoration: none;
    color: #222222 !important;
}

.main_investors_grid .investors_wrap a .investors_inner {
    padding: 40px 10px;
}

.main_investors_grid .investors_wrap a .investors_inner img {
    display: block;
    margin: 0 auto;
    margin-bottom: 20px;
}

.main_investors_grid .investors_wrap a .investors_inner h3 {
    font-weight: 800;
    font-size: 15px;
    text-transform: uppercase;
    line-height: 20px;
}

.cover-img {
    overflow: hidden;
    position: relative;
    /* top: 31px; */
}

.cover-img img {
    width: 100%;
    height: 600px;
    object-fit: cover;
}

.cover-content {
    height: 500px;
    padding: 0px 90px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.testimonial2 {
    margin: 70px 0px;
    text-align: center;
    position: relative;
}

.testimonial2:before,
.testimonial2 .title:before {
    content: "";
    width: 3px;
    height: 50px;
    background: #caa44d;
    margin: 0 auto;
    position: absolute;
    top: -60px;
    left: 0;
    right: 0;
}

.testimonial2 .description {
    padding: 6px 60px;
    margin-bottom: 80px;
    /* border-left: 5px solid #ffffff; */
    font-size: 18px;
    color: #fff;
    /* line-height: 33px; */
    background: #ffffff;
    position: relative;
}

.testimonial2 .title {
    display: block;
    font-size: 20px;
    font-weight: 600;
    color: #000;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 0 0 15px 0;
    position: relative;
}

.lobbytitle {
    color: #000;
    line-height: 30px;
    font-size: 14px;
}

.highlights img {
    pointer-events: none;
}

.box img {
    /* margin-left: 50px; */
    width: 100%;
    display: block;
    margin: 0px auto;
}

.box {
    width: 100%;
    float: left;
    padding: 10px;
    min-height: 260px;
}

.cover-img .item img {
    object-fit: scale-down;
    height: 500px;
}

.carpet-area {
    right: 15px;
    color: #fff;
    margin: 40px 0px 0px;
    display: block;
    text-align: end;
    position: relative;
    font-size: 10px;
}

.desc-pop p {
    color: #000;
}

.qr__img img {
    width: 120px;
    margin: 13px;
    display: block;
}

.ashford {
    width: 190px !important;
    margin: auto;
    display: block;
}

.logo__img img {
    width: 169px !important;
    margin: 27px auto;
    display: block;
}

@media only screen and (max-width: 990px) {
    .pricingTable {
        margin-bottom: 40px;
    }
}

@media only screen and (max-width: 990px) {
    .testimonial {
        padding: 80px 0 80px 265px;
    }
}

@media only screen and (max-width: 767px) {
    .nav-logo {
        max-width: 100px !important;
    }
    .sec-head {
        font-size: 17px;
        line-height: 30px;
        text-align: center;
    }
    .testimonial {
        padding: 0;
        border: none;
    }
    .testimonial:before,
    .testimonial:after {
        border: none;
    }
    .testimonial .pic {
        position: relative;
        top: 0;
        left: 0;
    }
    .testimonial .description {
        margin-top: 15px;
    }
    .testimonial .description:before {
        content: "";
    }
    #amenities .tab-content-wrap {
        display: block;
    }
}

@media (max-device-width: 768px) {
    .sub-head {
        text-align: center;
    }
    .timeline {
        list-style-type: none;
        display: block;
    }
    .overv-img {
        display: block;
    }
    .map-img {
        height: unset;
        margin-top: 35px;
    }
    .li {
        transition: all 200ms ease-in;
        display: flex;
        width: inherit;
    }
    .i-am,
    .download1 {
        padding: 0;
        background: transparent;
        border: none;
        background-image: none;
        box-shadow: none;
    }
    .i-am:hover,
    .i-am:focus,
    .download1:hover,
    .download1:focus {
        background: transparent !important;
    }
    .timestamp {
        width: 100px;
        margin-bottom: 0px;
        padding: 0px;
        display: flex;
        flex-direction: column;
        align-items: center;
        font-weight: 100;
    }
    .locationBox1 {
        margin: -5px 15px -16px 0px;
        margin-top: 19px;
    }
    .counter-wrap {
        display: inline-block !important;
        width: 66%;
        left: 0%;
        /* top: 47%; */
        position: initial;
        width: 100%;
        /* margin: 0 auto; */
        /* margin-top: 13px; */
        display: grid;
        margin-bottom: 25px;
    }
    .counter-wrap h3 {
        text-align: center;
        font-family: "Raleway", sans-serif;
        font-size: 17px;
        margin-bottom: 10px;
        font-weight: 600;
    }
    .counter-wrap .col-xs-3 {
        width: 25%;
    }
    .carousel-control .glyphicon-chevron-left,
    .carousel-control .icon-prev {
        margin-left: -20px;
        color: #4A453D;
        opacity: 1;
    }
    form #website {
        display: none;
    }
    .carousel-control .glyphicon-chevron-right,
    .carousel-control .icon-next {
        margin-right: -20px;
        /* margin-left: -10px; */
        color: #a59fa0;
        opacity: 1;
    }
    .config-wrap h3 span {
        color: #fff;
    }
    .config-wrap h2 {
        color: #fff;
    }
    .testimonial:before,
    .testimonial:after {
        width: unset;
    }
    .over-img {
        height: unset;
        margin: 11px 0px;
    }
    .over-con {
        height: unset;
        display: block;
    }
    .config-wrap1 {
        margin-top: 20px;
    }
    .highl .title {
        line-height: 25px;
    }
    .highl .description {
        line-height: 26px;
        text-align: center;
    }
    .highl {
        height: 100%;
        display: block;
    }
    .footer-sec {
        padding: 0px 0px 60px;
    }
    .highl:before {
        content: "";
        width: 100%;
        height: 100%;
        background: #0d8a63;
        position: absolute;
        top: 4%;
        left: 3%;
        opacity: 0.5;
        z-index: -1;
        background: linear-gradient( 90deg, #A27D50 0%, #C9A87C 33%, #C9A87C 74%, #8A6B44 100%);
    }
    .highl img {
        width: 100px;
        margin: 0 auto;
        /* height: 100%; */
        display: block;
    }
    .mytab li {
        width: 45%;
    }
    .cover-content {
        height: auto;
        padding: 0px;
    }
    .cta-btn {
        top: 50%;
        left: -68px !important;
        bottom: 0px;
        color: #4A453D;
        transform: rotate(90deg);
        letter-spacing: 1px;
        border: 3px solid #fff;
        font-size: 14px !important;
        background: #433E36;
        background: linear-gradient( 90deg, #A27D50 0%, #C9A87C 33%, #C9A87C 74%, #8A6B44 100%);
        /* border: none; */
        font-size: 20px;
        color: #ffffff !important;
        width: initial;
        padding: 8px 12px;
        height: fit-content;
    }
    .cover-img .item img {
        height: auto;
    }
    #contactus .form-wrap {
        margin-top: 40px;
    }
}

.gold1 {
    position: fixed;
    z-index: 9999;
    bottom: 15%;
    right: 20px;
    /* background: #C9A87C !important; */
    color: #4A453D;
    /* border: none; */
    width: 80px;
    padding: 8px 12px;
    border-radius: 0px;
    margin: 5px 0px;
    font-weight: 600;
    outline: none;
}

.titile3 {
    position: fixed;
    right: 37px;
    bottom: 20%;
    /* background: #000; */
    color: #000;
    padding: 10px;
    box-shadow: 1px 2px 12px 1px #2c2323;
    font-weight: 700;
    z-index: 99999;
    font-size: 10px;
    background: linear-gradient( 90deg, #433E36 10%, #5A4E3C 33%, #8A6B44 74%, #A27D50 100%);
}

@media screen and (max-width: 767px) {
    .titile3 {
        position: fixed;
        right: 10px;
        bottom: 20%;
        /* background: #000; */
        color: #000;
        padding: 10px;
        box-shadow: 1px 2px 12px 1px #2c2323;
        font-weight: 700;
        z-index: 99999;
        font-size: 10px;
        background: linear-gradient( 90deg, #A27D50 0%, #C9A87C 33%, #C9A87C 74%, #8A6B44 100%);
    }
    .gold1 {
        position: fixed;
        z-index: 9999;
        bottom: 20%;
        right: 8px;
        /* background: #C9A87C !important; */
        color: #4A453D;
        /* border: none; */
        width: 75px;
        padding: 8px 12px;
        border-radius: 0px;
        margin: 5px 0px;
        font-weight: 600;
        outline: none;
    }
    .form-container .sub-title {
        color: #000;
        font-size: 13px;
    }
    .logo__img img {
        /* width: 100% !important; */
    }
    .qr__img img {
        width: 120px;
        display: block;
        margin: auto;
    }
    .ashford {}
}

.pulseanimation {
    animation: pulse-cust 2s infinite;
}

@-webkit-keyframes pulse-cust {
    0% {
        -webkit-box-shadow: 0 0 0 0 #433E36fd;
    }
    70% {
        -webkit-box-shadow: 0 0 0 25px rgba(227, 56, 56, 0);
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(227, 56, 56, 0);
    }
}

@keyframes pulse-cust {
    0% {
        -webkit-box-shadow: 0 0 0 0 #433E36fd;
    }
    70% {
        -webkit-box-shadow: 0 0 0 25px rgba(227, 56, 56, 0);
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(227, 56, 56, 0);
    }
}

.gall-patch {
    color: #fff;
    position: absolute;
    bottom: 0px;
    right: 0;
    background: #333;
    font-size: 7px;
    padding: 0 10px;
}

@media only screen and (max-width: 320px) {
    .qr__img img {
        width: 64px !important;
        margin: 8px auto;
        display: block;
    }
    .logo__img img {
        width: 70px !important;
        margin: 10px auto;
        display: block;
    }
}

.moef-noc {
    /* display: block; */
    text-align: center;
    font-size: 15px;
    color: black;
    font-weight: bold;
}

.moef-noc:hover {
    color: black;
}

.banner-txt-thank h1 {
    margin: 0px;
    color: rgb(255 255 255);
    text-align: center;
    font-size: 40px;
    font-weight: 800;
}

.msgicon {
    height: 100px;
    width: 100px;
    border: 4px solid rgb(255, 255, 255);
    font-size: 39px;
    background: rgb(207 175 83);
    color: rgb(255, 255, 255);
    border-radius: 50%;
    padding: 27px;
    text-align: center;
    margin: 0px auto;
    display: block;
}

.oops {
    text-align: center;
    font-size: 45px;
    margin-top: 20px;
    margin-bottom: 20px;
    letter-spacing: 1px;
    font-weight: 800;
}

.oops span {
    font-weight: 300;
}

.oops-subtitle {
    font-size: 18px;
    /* letter-spacing: 1px; */
}

.glob-sec {
    background-color: #fff !important;
    padding: 80px 0;
}

.go-home {
    color: rgb(65, 64, 65);
    font-size: 19px;
    padding: 10px;
    width: 232px;
    margin: 30px auto 0px;
    border-radius: 5px;
    transition: 0.5s;
}

.go-home:hover {
    transition: 0.5s;
    color: rgb(255, 255, 255);
    background: rgb(44, 44, 45);
    border-radius: 25px;
}

.oops-greet {
    color: rgb(65, 64, 65);
    font-size: 25px;
    margin-bottom: 15px;
}

.goback {
    display: block;
    padding: 15px 30px;
    border: 0px;
    position: relative;
    overflow: hidden;
    border-radius: 10rem;
    transition: 0.02s;
    font-weight: bold;
    cursor: pointer;
    color: rgb(0 0 0);
    z-index: 0;
    box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 7px -5px;
    margin: 10px auto;
}

.goback:hover {
    background: rgb(0 0 0);
    color: rgb(255 255 255);
}

.goback:active {
    transform: scale(0.97);
}

.hoverEffect {
    position: absolute;
    inset: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
    border: 2px solid rgb(0, 0, 0);
    border-radius: 30px;
    color: rgb(255, 255, 255);
}

.hoverEffect div {
    background: linear-gradient(90deg, rgb(237 222 136) 0%, rgb(181 136 56) 49%, rgb(242 226 159) 100%);
    border-radius: 40rem;
    width: 10rem;
    height: 10rem;
    transition: 0.4s;
    filter: blur(20px);
    animation: 3s linear 0s infinite normal none running effect;
    opacity: 0.5;
}

.goback:hover .hoverEffect div {
    width: 8rem;
    height: 8rem;
}

@keyframes effect {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

#pageloader {
    background: rgba(255, 255, 255, 0.9);
    display: none;
    height: 100%;
    position: fixed;
    width: 100%;
    z-index: 9999999;
    top: 0px;
}

#pageloader img {
    left: 50%;
    width: 100px;
    margin-left: -32px;
    margin-top: -32px;
    position: absolute;
    top: 50%;
}

#gallery .owl-prev::before,
#gallery .owl-next::before {
    content: "\f053";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: rgb(255, 255, 255);
}

#gallery .owl-next::before {
    content: "\f054";
}

.dev_img {
    width: 100%;
}
/*----------- navbar layout & logos --------------*/
.nav-flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 75px;
    gap: 15px;
}

.nav-flex .nav-left,
.nav-flex .nav-right {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
}

.nav-flex .nav-right {
    justify-content: flex-end;
}

.nav-flex .nav-center {
    flex: 1 1 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 0;
}

.nav-flex .navbar-brand {
    display: flex;
    align-items: center;
    float: none;
    height: auto;
    padding: 0;
    margin: 0;
    width: auto;
}

.nav-flex .navbar-brand>img,
.nav-flex .navbar-brand>img.nav-logo {
    display: block;
    height: auto;
    width: auto;
    max-height: 70px;
    max-width: 150px;
    margin: 0;
    object-fit: contain;
}

/* the left wordmark is wide and low, so it needs more width to read at the
   same optical size as the square logo on the right */
.nav-flex .nav-left .navbar-brand>img {
    max-height: 50px;
    max-width: 230px;
}

.nav-flex .navbar-collapse {
    padding: 0;
    border: none;
    box-shadow: none;
    text-align: center;
}

.nav-flex .navbar-nav {
    display: inline-block;
    float: none;
    margin: 0;
    vertical-align: middle;
}

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

.nav-flex .navbar-nav>li>a {
    padding: 10px 12px;
}

@media only screen and (max-width: 767px) {
    .nav-flex {
        min-height: 60px;
        gap: 10px;
    }
    .nav-flex .nav-left {
        order: 1;
    }
    .nav-flex .nav-right {
        order: 2;
        flex: 1 1 auto;
        justify-content: center;
    }
    .nav-flex .nav-center {
        order: 3;
        flex: 0 0 auto;
        justify-content: flex-end;
    }
    .nav-flex .navbar-brand>img,
    .nav-flex .navbar-brand>img.nav-logo {
        max-height: 80px !important;
        max-width: 105px !important;
    }
    .nav-flex .nav-left .navbar-brand>img {
        max-height: 50px !important;
        max-width: 150px !important;
    }
    .nav-flex .navbar-toggle {
        margin: 0;
        float: none;
    }
}
/*---------------------------------*/

/*----------- overview side image --------------*/
.overview-side-img {
    display: block;
    overflow: hidden;
    border-radius: 6px;
    box-shadow: 0 10px 30px rgba(26, 20, 73, .12);
}

.overview-side-img img {
    display: block;
    width: 100%;
    height: auto;
}
/*---------------------------------*/

/*=================================================================
  Savya / The 41 West — brand theme
  Palette sampled from images/logo/logo2.png
==================================================================*/
:root {
    --brand-bronze: #A27D50;
    --brand-bronze-light: #C9A87C;
    --brand-bronze-dark: #8A6B44;
    --brand-charcoal: #433E36;
    --brand-charcoal-soft: #5A4E3C;
    --brand-body: #4A453D;
    --brand-cream: #EFE3D2;
    --brand-paper: #FBF9F6;
    --brand-line: rgba(162, 125, 80, .22);
    --brand-gradient: linear-gradient(90deg, #433E36 10%, #5A4E3C 33%, #8A6B44 74%, #A27D50 100%);
}

body {
    background: var(--brand-paper);
    color: var(--brand-body);
}

/* alternating warm bands give the page rhythm without hard edges */
.section {
    background: #ffffff;
}

/* .light-grey {
    background: linear-gradient(180deg, #F5F0E8 0%, #FBF9F6 100%);
} */

/* headings ------------------------------------------------------ */
.sec-head {
    color: var(--brand-charcoal);
    font-weight: 500;
    letter-spacing: 2px;
}

.sec-head::after {
    height: 1px;
    max-width: 220px;
    margin-left: auto;
    margin-right: auto;
    background: linear-gradient(90deg, rgba(162, 125, 80, 0) 0%, var(--brand-bronze) 50%, rgba(162, 125, 80, 0) 100%);
}

.sub-head {
    letter-spacing: 4px;
    font-size: 14px;
    font-weight: 600;
}

/* body copy ----------------------------------------------------- */
.description,
p {
    color: var(--brand-body);
}

.description {
    line-height: 28px;
}

/* navbar -------------------------------------------------------- */
.navbar-default {
    border-bottom: 1px solid var(--brand-line);
    box-shadow: 0 2px 18px rgba(67, 62, 54, .06);
}

.navbar-default .navbar-nav>li>a {
    color: var(--brand-charcoal);
    font-weight: 500;
    letter-spacing: .6px;
    position: relative;
}

.navbar-default .navbar-nav>li>a::after {
    content: '';
    position: absolute;
    left: 12px;
    right: 12px;
    bottom: 4px;
    height: 1px;
    background: var(--brand-bronze);
    transform: scaleX(0);
    transition: transform .35s ease;
}

.navbar-default .navbar-nav>li>a:hover::after,
.navbar-default .navbar-nav>.active>a::after {
    transform: scaleX(1);
}

.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>.active>a {
    color: var(--brand-bronze);
}

/* buttons ------------------------------------------------------- */
.form-horizontal .signin,
.submit-btn,
.config-wrap .pricing_btn,
.config-wrap1 .pricing_btn {
    background: var(--brand-gradient);
    border: 1px solid var(--brand-bronze);
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 14px;
    font-weight: 600;
    padding: 12px 26px;
    box-shadow: none;
    transition: all .35s ease;
}

.form-horizontal .signin:hover,
.form-horizontal .signin:focus,
.submit-btn:hover,
.config-wrap .pricing_btn:hover,
.config-wrap1 .pricing_btn:hover {
    background: var(--brand-charcoal);
    border-color: var(--brand-charcoal);
    color: #fff;
    letter-spacing: 3px;
    box-shadow: 0 8px 22px rgba(67, 62, 54, .22);
}

.cta-btn {
    text-decoration: none !important;
    border: 1px solid var(--brand-bronze-light) !important;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-size: 15px !important;
}

/* cards & panels ------------------------------------------------ */
.amiwrap,
.golden-box,
.config-wrap,
.config-wrap1 {
    border-color: var(--brand-line) !important;
}

.overview-side-img {
    border-radius: 2px;
    box-shadow: 0 18px 45px rgba(67, 62, 54, .18);
}

/* the thin bronze rule under the overview image ties it to the headings */
.overview-side-img::after {
    content: '';
    display: block;
    height: 3px;
    background: var(--brand-gradient);
}

/* footer -------------------------------------------------------- */
.foote-wrap p {
    color: var(--brand-charcoal);
}

.footer-text {
    color: var(--brand-charcoal);
    letter-spacing: 1px;
}

hr {
    border-top-color: var(--brand-line);
}

::selection {
    background: var(--brand-bronze);
    color: #fff;
}
/*================================================================*/

/*----------- gallery carousels (all tabs share one card) --------------*/
/* the renders are a mix of square and landscape crops, so every slide is held
   to one aspect ratio and cropped to keep the carousel from jumping */
#gallery .amenities-gallery img {
    height: 460px;
    object-fit: cover;
    object-position: center;
}

/* arrows sit centred underneath the slides rather than on top of them */
#gallery .owl-carousel .owl-nav,
.elevation-slider .owl-nav {
    position: static;
    margin-top: 26px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
}

/* the global rules force 30px circles with !important, so these have to match */
#gallery .owl-carousel .owl-nav button.owl-prev,
#gallery .owl-carousel .owl-nav button.owl-next,
.elevation-slider .owl-nav button.owl-prev,
.elevation-slider .owl-nav button.owl-next {
    position: static !important;
    transform: none !important;
    width: 46px !important;
    height: 46px !important;
    background: transparent !important;
    border: 1px solid #A27D50 !important;
    border-radius: 0 !important;
    opacity: 1 !important;
    padding: 0 !important;
    margin: 0 !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    transition: all .3s ease;
}

#gallery .owl-carousel .owl-nav button.owl-prev::before,
#gallery .owl-carousel .owl-nav button.owl-next::before,
.elevation-slider .owl-nav button.owl-prev::before,
.elevation-slider .owl-nav button.owl-next::before {
    color: #A27D50 !important;
    font-size: 16px;
    line-height: 1;
}

#gallery .owl-carousel .owl-nav button.owl-prev:hover,
#gallery .owl-carousel .owl-nav button.owl-next:hover,
.elevation-slider .owl-nav button.owl-prev:hover,
.elevation-slider .owl-nav button.owl-next:hover {
    background: #A27D50 !important;
    border-color: #A27D50 !important;
}

#gallery .owl-carousel .owl-nav button.owl-prev:hover::before,
#gallery .owl-carousel .owl-nav button.owl-next:hover::before,
.elevation-slider .owl-nav button.owl-prev:hover::before,
.elevation-slider .owl-nav button.owl-next:hover::before {
    color: #fff !important;
}

.elevation-slider .owl-dots {
    margin-top: 16px;
    text-align: center;
}

.elevation-slider .owl-dots .owl-dot span {
    width: 26px;
    height: 3px;
    margin: 0 5px;
    border-radius: 0;
    background: var(--brand-line);
    transition: all .3s ease;
}

.elevation-slider .owl-dots .owl-dot.active span,
.elevation-slider .owl-dots .owl-dot:hover span {
    background: var(--brand-bronze);
}

@media only screen and (max-width: 991px) {
    #gallery .amenities-gallery img {
        height: 380px;
    }
}

@media only screen and (max-width: 767px) {
    #gallery .amenities-gallery img {
        height: 300px;
    }

    #gallery .owl-carousel .owl-nav,
    .elevation-slider .owl-nav {
        margin-top: 18px;
        gap: 12px;
    }

    #gallery .owl-carousel .owl-nav button.owl-prev,
    #gallery .owl-carousel .owl-nav button.owl-next,
    .elevation-slider .owl-nav button.owl-prev,
    .elevation-slider .owl-nav button.owl-next {
        width: 38px !important;
        height: 38px !important;
    }

    #gallery .owl-carousel .owl-nav button.owl-prev::before,
    #gallery .owl-carousel .owl-nav button.owl-next::before,
    .elevation-slider .owl-nav button.owl-prev::before,
    .elevation-slider .owl-nav button.owl-next::before {
        font-size: 14px;
    }
}
/*---------------------------------*/

/*----------- amenities: grid on desktop, carousel on mobile --------------*/
.ame-grid {
    display: flex;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px;
}

.ame-item {
    width: 25%;
    padding: 0 15px;
    margin-bottom: 35px;
}

@media only screen and (max-width: 991px) {
    .ame-item {
        width: 50%;
    }
}

/* once Owl takes over on mobile the layout is driven by the stage, so the
   flex rules have to step aside */
.ame-grid.owl-loaded {
    display: block;
    margin-left: 0;
    margin-right: 0;
}

.ame-grid.owl-loaded .owl-stage {
    display: flex;
    align-items: stretch;
}

.ame-grid.owl-loaded .ame-item {
    width: 100%;
    padding: 0 10px;
    margin-bottom: 0;
}

.ame-item .ame-tit {
    margin-top: 18px;
    font-size: 17px;
    font-weight: 600;
    letter-spacing: 1px;
    color: var(--brand-charcoal);
    text-transform: uppercase;
}

.ame-item .ame-desc {
    font-size: 14px;
    line-height: 24px;
    color: var(--brand-body);
    max-width: 280px;
    margin: 0 auto;
}

@media only screen and (max-width: 767px) {
    .ame-item {
        width: 100%;
    }

    .ame-grid.owl-loaded .social-btns {
        padding: 10px 0 5px;
    }

    .ame-grid.owl-loaded .ame-desc {
        max-width: 320px;
    }

    /* arrows centred beneath the slide, matching the gallery carousel */
    .ame-grid .owl-nav {
        margin-top: 18px;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 12px;
    }

    .ame-grid .owl-nav button.owl-prev,
    .ame-grid .owl-nav button.owl-next {
        width: 38px !important;
        height: 38px !important;
        background: transparent !important;
        border: 1px solid #A27D50 !important;
        border-radius: 0 !important;
        opacity: 1 !important;
        margin: 0 !important;
        padding: 0 !important;
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        transition: all .3s ease;
    }

    .ame-grid .owl-nav button.owl-prev::before,
    .ame-grid .owl-nav button.owl-next::before {
        color: #A27D50 !important;
        font-size: 14px;
        line-height: 1;
    }

    .ame-grid .owl-nav button.owl-prev:hover,
    .ame-grid .owl-nav button.owl-next:hover {
        background: #A27D50 !important;
        border-color: #A27D50 !important;
    }

    .ame-grid .owl-nav button.owl-prev:hover::before,
    .ame-grid .owl-nav button.owl-next:hover::before {
        color: #fff !important;
    }

    .ame-grid .owl-dots {
        margin-top: 14px;
        text-align: center;
    }

    .ame-grid .owl-dots .owl-dot span {
        width: 22px;
        height: 3px;
        margin: 0 4px;
        border-radius: 0;
        background: var(--brand-line);
    }

    .ame-grid .owl-dots .owl-dot.active span,
    .ame-grid .owl-dots .owl-dot:hover span {
        background: #A27D50;
    }
}
/*---------------------------------*/

/*----------- highlight cards --------------*/
/* the dark charcoal-to-bronze gradient made the body copy (set to black)
   unreadable, so these are light cards with the bronze kept as an accent */
/* Owl sizes each slide with an inline width. Making the stage a flex container
   let those widths be recomputed per slide, so cards came out different sizes -
   the stage is left as Owl builds it and the cards are sized to fill it. */
.highl-slider .owl-stage {
    display: block;
}

.highl-slider .owl-item {
    display: block;
    float: left;
}

/* the gap between cards is padding inside each equal-width slide, not Owl's
   per-item margin - that was landing unevenly, leaving a wide gap on one side
   of a card and none on the other */
.highl-slider .owl-item>.item {
    display: block;
    width: 100%;
    padding: 0 20px;
    margin: 0 !important;
    box-sizing: border-box;
}

.highl-slider .amiwrap {
    background: transparent;
    padding: 0;
    /* the old 85% width left uneven gaps between slides */
    width: 100% !important;
    max-width: none;
    margin: 15px 0 20px;
    display: block;
}

/* a fixed height keeps every card identical without relying on flex stretch */
.highl-slider .bo {
    background: linear-gradient(160deg, #F6E4C3 0%, #EBD3A8 100%);
    border: 1px solid rgba(138, 107, 68, .35);
    border-left: 3px solid var(--brand-bronze-dark);
    box-shadow: 0 10px 26px rgba(67, 62, 54, .10);
    width: 100%;
    height: 215px;
    min-height: 0;
    padding: 24px 20px;
    justify-content: center;
    transition: all .35s ease;
}

.highl-slider .amiwrap:hover .bo {
    background: linear-gradient(160deg, #F9EBD3 0%, #E4C795 100%);
    box-shadow: 0 16px 34px rgba(67, 62, 54, .18);
    border-left-color: var(--brand-charcoal);
}

.highl-slider .bo span {
    color: var(--brand-charcoal);
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 24px;
}

.highl-slider .bo p {
    color: #4A453D;
    font-size: 14px;
    font-weight: 300;
    line-height: 22px;
    margin: 0;
}

/* was an inline style on every card, which made the spacing drift */
.highl-slider .bo .hl-desc {
    margin-top: 10px;
    padding: 0 8px;
    max-width: 260px;
}

/* the icon PNGs were never uploaded, so these cards use Font Awesome glyphs
   chosen to match each card's name; the fixed box keeps every card identical */
.highl-slider .bo .hl-ico {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 62px;
    height: 62px;
    margin: 0 0 6px;
    flex: 0 0 auto;
    font-size: 26px;
    color: var(--brand-bronze-dark);
    background: rgba(255, 252, 248, .75);
    border: 1px solid rgba(138, 107, 68, .35);
    border-radius: 50%;
    transition: all .35s ease;
}

.highl-slider .amiwrap:hover .bo .hl-ico {
    background: var(--brand-bronze-dark);
    border-color: var(--brand-bronze-dark);
    color: #fff;
}

.highl-slider .bo img {
    width: 56px !important;
    height: 56px;
    object-fit: contain;
    margin: 0 0 4px;
    left: 0;
    flex: 0 0 auto;
}

/* content block is centred with even spacing rather than relying on the
   inherited gap, which stacked unevenly with the broken icons */
.highl-slider .bo {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0;
    text-align: center;
}

.highl-slider .bo>p:first-of-type {
    margin-bottom: 0;
}
/*---------------------------------*/

/* the card now carries its own bronze edge, so the old floating bar is dropped */
.highl-slider .amiwrap::before,
.highl-slider .amiwrap::after,
.highl-slider .bo::before,
.highl-slider .bo::after {
    display: none;
}

/*----------- configuration / gallery / location backdrop --------------*/
/* conf-bg.jpg, gall-bg.jpg and loc-bg.jpg were never in the project, so these
   sections fell back to a flat charcoal. Project renders stand in for them,
   picked so each one suits its section and stays quiet under white text. */

/* dusk hero of the full tower - the deep sky fills the upper half, so the
   headings sit on the calmest part of the frame */
#configuration {
    background-image: url(../images/gallery/elevation/overview.jpg);
    background-color: #2C2823;
}

/* top-down of the sports courts - graphic enough to read as texture rather
   than a second photo competing with the carousel cards on top of it */
#gallery {
    background-image: url(../images/gallery/elevation/5.jpg);
    background-color: #2C2823;
    background-position: center 30%;
}

/* the arrival shot: signage, entrance and the road, which is what this
   section is actually about */
#location {
    background-image: url(../images/gallery/view/1.jpg);
    background-color: #2C2823;
}

/* the overlay used to be opaque, which would hide the renders entirely; it is
   now a translucent scrim - dark enough to keep white text legible, light
   enough to read the image through */
#configuration .overlay,
#gallery .overlay,
#location .overlay {
    background: linear-gradient(160deg, rgba(69, 63, 55, .88) 0%, rgba(53, 48, 42, .84) 55%, rgba(44, 40, 35, .90) 100%);
    position: relative;
}

/* iOS ignores background-attachment: fixed and stretches the image instead */
@media only screen and (max-width: 991px) {

    #configuration,
    #gallery,
    #location {
        background-attachment: scroll;
    }
}

/* a soft bronze wash keeps the dark ground from reading as flat grey */
#configuration .overlay::before,
#gallery .overlay::before,
#location .overlay::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: radial-gradient(circle at 50% 0%, rgba(162, 125, 80, .28) 0%, rgba(162, 125, 80, 0) 60%);
    pointer-events: none;
}

#configuration .container,
#gallery .container,
#location .container {
    position: relative;
    z-index: 1;
}

/*----------- configuration table --------------*/
#configuration thead,
#configuration .her {
    background: #A27D50;
}

#configuration .her h3 {
    color: #fff;
    font-size: 17px;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    font-weight: 600;
    margin: 0;
    padding: 6px 0;
}

#configuration .tbl {
    box-shadow: 0 18px 45px rgba(0, 0, 0, .35);
}

#configuration .her1 {
    background: #FFFCF8;
    color: var(--brand-charcoal);
    border-top: 1px solid rgba(162, 125, 80, .18);
}

#configuration .tbl>tbody>tr:nth-child(even)>td.her1 {
    background: #F7EFE4;
}

#configuration .tbl>tbody>tr>td a {
    color: var(--brand-bronze-dark);
    font-weight: 600;
    letter-spacing: .5px;
    transition: color .3s ease;
}

#configuration .tbl>tbody>tr>td a:hover {
    color: var(--brand-charcoal);
    text-decoration: underline;
}
/*---------------------------------*/

/*----------- contact section backdrop --------------*/
/* the vertical charcoal-to-bronze gradient washed out through the middle of
   the section; this matches the configuration / gallery / location backdrop */
#contactus.imgbg1 {
    background: linear-gradient(160deg, #453F37 0%, #35302A 55%, #2C2823 100%);
    background-color: #35302A;
    position: relative;
}

#contactus.imgbg1::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: radial-gradient(circle at 50% 0%, rgba(162, 125, 80, .28) 0%, rgba(162, 125, 80, 0) 60%);
    pointer-events: none;
}

#contactus.imgbg1>.container {
    position: relative;
    z-index: 1;
}

#contactus .form-container,
#price-model .form-container {
    background: #FFFCF8;
    border-top: 3px solid var(--brand-bronze);
    box-shadow: 0 20px 50px rgba(0, 0, 0, .35);
}

#contactus .form-wrap {
    background: transparent;
}
/*---------------------------------*/

/*----------- overview section --------------*/
#overview,
#overview.section {
    background: #ffffff;
}
/*---------------------------------*/

/*----------- amenities icons --------------*/
/* the icon circle had a heavy black drop shadow and a 52% radius that read as
   slightly lopsided; this is a clean bronze-outlined circle */
.social-btns .amebox {
    width: 92px;
    height: 92px;
    line-height: 92px;
    border-radius: 50%;
    background: #FFFCF8;
    border: 1px solid rgba(162, 125, 80, .35);
    box-shadow: 0 8px 20px rgba(67, 62, 54, .10);
}

.social-btns .amebox .ami-ico {
    position: relative;
    z-index: 2;
    font-size: 34px;
    color: var(--brand-bronze-dark);
    line-height: 92px;
    display: inline-block;
    transform: scale(1);
    transition: all .35s ease;
}

/* the diagonal sweep that fills the circle on hover */
.social-btns .amebox:before {
    background: linear-gradient(135deg, #A27D50 0%, #8A6B44 100%);
}

.social-btns .amebox:hover {
    border-color: var(--brand-bronze);
    box-shadow: 0 12px 26px rgba(67, 62, 54, .20);
}

.social-btns .amebox:hover .ami-ico {
    color: #fff;
    transform: scale(1.08);
}

.social-btns .ame-tit {
    color: var(--brand-charcoal);
    font-size: 15px;
    font-weight: 600;
    letter-spacing: .8px;
    height: auto;
    margin: 20px 0 10px;
}

.social-btns .ame-desc {
    color: var(--brand-body);
    font-size: 13.5px;
}
/*---------------------------------*/

/*----------- mobile "register your interest" form --------------*/
/* the form only renders under 768px (.visible-xs). the rotated DOWNLOAD
   BROCHURE tab is position:fixed at the left edge and sat directly on top of
   the Name and Mobile placeholders, so the card is inset and the fields carry
   an icon gutter wide enough to clear it. */
@media only screen and (max-width: 767px) {

    .up-form-1 {
        background: #fff;
        margin: 30px 14px;
        padding: 0 0 26px;
        border-top: 3px solid #A27D50;
        box-shadow: 0 6px 24px rgba(44, 40, 35, .14);
    }

    /* the spacer div above the title is dead weight once the card has padding */
    .up-form-1>div[style*="height: 30px"] {
        display: none;
    }

    .reg-title {
        font-size: 15px;
        letter-spacing: 2px;
        font-weight: 600;
        padding: 14px 10px;
        margin: 0 0 22px;
    }

    #inter-form {
        padding: 0 18px;
    }

    #inter-form .form-group {
        position: relative;
        margin-bottom: 18px;
    }

    #inter-form .input-icon {
        position: absolute;
        left: 10px;
        top: 12px;
        width: 20px;
        text-align: center;
        color: #A27D50;
        font-size: 17px;
        line-height: 1;
        pointer-events: none;
    }

    #inter-form input {
        height: 46px;
        /* 40px of gutter keeps the placeholder clear of the fixed side tab */
        padding: 0 10px 0 40px;
        font-size: 15px;
        color: #2C2823;
        border: 1px solid #E2DCD2;
        border-radius: 0;
        background: #FBFAF8;
        box-shadow: none;
        transition: border-color .25s ease, background .25s ease;
    }

    #inter-form input:focus {
        outline: none;
        border-color: #A27D50;
        background: #fff;
    }

    #inter-form input::placeholder {
        color: #9A938A;
        letter-spacing: .4px;
    }

    /* number inputs pick up spinners on some androids and shrink the field */
    #inter-form input[type="number"]::-webkit-outer-spin-button,
    #inter-form input[type="number"]::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }

    #inter-form input[type="number"] {
        -moz-appearance: textfield;
        appearance: textfield;
    }

    #inter-form label.error {
        display: block;
        margin: 5px 0 0;
        font-size: 12px;
        font-weight: 500;
        color: #C0392B;
    }

    #inter-form .submit-btn {
        width: 100%;
        margin: 4px 0 0;
        padding: 13px 12px;
        font-size: 15px !important;
        letter-spacing: 3px;
        font-weight: 600;
        border: none;
        box-shadow: none;
    }
}

/*----------- mobile: brochure side tab is hidden --------------*/
/* the fixed footer already carries an E-BROCHURE button on mobile, so the
   rotated side tab is redundant there. it used to be mirrored to the right
   edge to keep it off the register form - kept below for reference. */
@media only screen and (max-width: 767px) {

    .download1.cta-btn {
        display: none !important;
    }

    /* .download1.cta-btn {
        left: auto !important;
        right: -68px !important;
    } */
}

/*----------- popup + contact forms: same treatment as the mobile hero form --------------*/
/* every popup form and the contact form carry .form-horizontal, so one block
   brings them all in line with #inter-form: light bordered fields on an
   off-white ground, a bronze icon gutter and focus state, and a full-width
   submit - replacing the heavy drop-shadowed inputs and bold black
   placeholders. */

/* the container is already the card; the inner form does not need a second
   translucent panel and shadow stacked inside it */
.form-container .form-horizontal {
    background-color: transparent;
    padding: 0;
    border-radius: 0;
    box-shadow: none;
}

.form-horizontal .form-group {
    position: relative;
    margin: 0 0 18px;
}

.form-horizontal .form-group .input-icon {
    position: absolute;
    left: 10px;
    top: 15px;
    width: 20px;
    text-align: center;
    color: #A27D50;
    font-size: 17px;
    line-height: 1;
    pointer-events: none;
    z-index: 2;
}

.form-horizontal .form-control {
    height: 48px;
    padding: 0 12px 0 40px;
    margin: 0;
    font-size: 15px;
    font-weight: 400;
    color: #2C2823;
    text-align: left;
    background: #FBFAF8;
    border: 1px solid #E2DCD2;
    border-radius: 0;
    box-shadow: none;
    transition: border-color .25s ease, background .25s ease;
}

.form-horizontal .form-control:focus {
    outline: none;
    background: #fff;
    border-color: #A27D50;
    box-shadow: none;
}

.form-horizontal .form-control::placeholder {
    color: #9A938A;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: .4px;
}

/* honeypot - it has no placeholder and was showing as a bare empty field */
.form-horizontal #website {
    display: none;
}

.form-horizontal input[type="number"]::-webkit-outer-spin-button,
.form-horizontal input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.form-horizontal input[type="number"] {
    -moz-appearance: textfield;
    appearance: textfield;
}

.form-horizontal label.error {
    display: block;
    margin: 5px 0 0;
    font-size: 12px;
    font-weight: 500;
    color: #C0392B;
    text-align: left;
}

.form-horizontal .signin,
.form-container .submit-btn {
    display: block;
    width: 100%;
    margin: 22px 0 0;
    padding: 13px 12px;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 3px;
    text-transform: uppercase;
    border: none;
    border-radius: 0;
    box-shadow: none;
}

/* headings pick up the same uppercase / letter-spaced treatment as .reg-title */
.form-container .title {
    font-size: 17px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #2C2823;
    margin: 0 0 6px;
}

.form-container .title::after {
    content: '';
    display: block;
    width: 46px;
    height: 2px;
    margin: 10px auto 20px;
    background: var(--brand-gradient, #A27D50);
}

/*----------- contact map --------------*/
/* the map sits beside the enquiry form, so it picks up the same bronze top
   rule and shadow the form card carries and matches its height on desktop */
.map-frame {
    display: block;
    width: 100%;
    border-top: 3px solid var(--brand-bronze, #A27D50);
    box-shadow: 0 20px 50px rgba(0, 0, 0, .35);
}

@media only screen and (max-width: 991px) {
    .map-frame {
        height: 300px;
        margin-bottom: 30px;
    }
}

/*----------- popup forms: beat the per-popup ID rules --------------*/
/* each popup carries its own #id input rule (grey #e4e4e4, borderless, 40px)
   which outranks the .form-horizontal styling above. ID + class matches on
   specificity and wins on order, so the fields land the same everywhere. */
#otp-form .form-control,
#contact-form .form-control,
#floor-plan .form-control,
#download1 .form-control,
#main-popup .form-control,
#price-model .form-control {
    height: 48px;
    width: 100%;
    padding: 0 12px 0 40px;
    background: #FBFAF8;
    border: 1px solid #E2DCD2;
    letter-spacing: normal;
}

#otp-form .form-control:focus,
#contact-form .form-control:focus,
#floor-plan .form-control:focus,
#download1 .form-control:focus,
#main-popup .form-control:focus,
#price-model .form-control:focus {
    background: #fff;
    border-color: #A27D50;
}

#otp-form .form-control::placeholder,
#contact-form .form-control::placeholder,
#floor-plan .form-control::placeholder,
#download1 .form-control::placeholder,
#main-popup .form-control::placeholder,
#price-model .form-control::placeholder {
    color: #9A938A;
    letter-spacing: .4px;
}

/* the fixed 40px group height clipped the taller fields and their error text */
#otp-form .form-group,
#contact-form .form-group,
#floor-plan .form-group,
#download1 .form-group,
#main-popup .form-group,
#price-model .form-group {
    height: auto;
    margin-bottom: 18px;
}

/* .form-icon was pulled up 65px to overlap a panel edge that no longer exists,
   so it landed on top of the sub-title. The bronze rule under the heading does
   this job now. */
.form-horizontal .form-icon {
    display: none;
}

.form-container .sub-title {
    margin: 0 0 24px;
    font-size: 14px;
    color: #6B655C;
}

/* the close control was a bare glyph nudged around by offsets on its span.
   .form-bg has no position of its own, so it has to become the containing
   block or the absolute close would escape to the viewport. */
.form-bg {
    position: relative;
}

.form-bg .close span {
    position: static;
    top: auto;
    right: auto;
    font-size: 22px;
}

.form-bg .close,
.modal-body .close {
    position: absolute;
    top: 14px;
    right: 16px;
    width: 30px;
    height: 30px;
    opacity: .55;
    font-size: 22px;
    font-weight: 400;
    line-height: 28px;
    text-shadow: none;
    transition: opacity .25s ease;
    z-index: 3;
}

.form-bg .close:hover,
.modal-body .close:hover {
    opacity: 1;
}

/* Location: match map height to accordion height */
@media (min-width: 992px) {
    #location .loc-row {
        display: flex;
        flex-wrap: wrap;
        align-items: stretch;
    }

    #location .loc-row > [class*="col-"] {
        display: flex;
        flex-direction: column;
    }

    #location .loc-row .amenities-gallery {
        flex: 1 1 auto;
        display: flex;
    }

    #location .amenities-gallery img {
        height: 100%;
        min-height: 280px;
    }
}

/*----------- pricing popup: no white frame around the form card --------------*/
/* .modal-content carries a global white background with !important; the price
   popup only needs the .form-container card, so the outer layer is cleared. */
#price-model .modal-content {
    background-color: transparent !important;
}

#price-model .modal-body {
    padding: 0;
}