/*@font-face {
    font-family: 'GT Alpina Cn Th';
    src: url('/fonts/GTAlpina-CnThIt.eot');
    src: url('/fonts/GTAlpina-CnThIt.eot?#iefix') format('embedded-opentype'),
         url('/fonts/GTAlpina-CnThIt.woff2') format('woff2'), 
        url('/fonts/GTAlpina-CnThIt.woff') format('woff'),
         url('/fonts/GTAlpina-CnThIt.ttf') format('truetype'), 
        url('/fonts/GTAlpina-CnThIt.svg#GTAlpina-CnThIt') format('svg');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}*/

@font-face {
    font-family: Alp-Con-Thin-Italic;
    src: url(/fonts/GT-Alpina-Condensed-Thin-Italic.woff2) format("woff2"), url(/fonts/GT-Alpina-Condensed-Thin-Italic.woff) format("woff"), url(/fonts/GT-Alpina-Condensed-Thin-Italic.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
}


@font-face {
    font-family: 'NeueHaasUnicaW1G';
    src: url('/fonts/NeueHaasUnicaRegular.woff2') format('woff2'), url('/fonts/NeueHaasUnicaRegular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'NeueHaasUnicaW1G';
    src: url('/fonts/NeueHaasUnicaMedium.woff2') format('woff2'), url('/fonts/NeueHaasUnicaMedium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}



body {
    font-family: 'NeueHaasUnicaW1G';
    font-size: 16px;
    background: #FFFAF0;
    font-weight: 400;
    color: #000;
    margin: 0;
    padding: 0;
    line-height: 1.47;
    text-align: center;
}

.clear, * html .clearfix, *:first-child + html .clearfix {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}

    .clearfix:after {
        clear: both;
        content: ' ';
        display: block;
        font-size: 0;
        line-height: 0;
        visibility: hidden;
        width: 0;
        height: 0;
    }


*, *:before, *:after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

.bg_brown {
    background: #B28444;
    color: #FFFAF0;
}
.bg_orange{
    background:#B28444;
    color:#FFFAF0
}
.bg_orange .btn.white{
    color: #B28444;

}
.bg_black {
    background-color: #000;
    color: #FFFAF0;
}
.bg_red
{
    background-color:#C63B24 ;
}
.bg_blue {
    background: #83ABD7;
    color: #FFFAF0;
}

.bg_light_blue {
    background: #D8C7E3;
}

.bg_green {
    background: #B28444;
    color: #FFFAF0;
}

.bg_light_green {
    background: #8EA179;
    color: #FFFAF0;
}

.bg_dark_blue {
    background: #233042;
    color: #FFFAF0;
}

.grid_1 {
    width: 8.33%;
}

.grid_2 {
    width: 16.67%;
}

.grid_3 {
    width: 25%;
}

.grid_4 {
    width: 33.33%;
}

.grid_5 {
    width: 41.67%;
}

.bg-video {
    height: 100%;
    width: 100%;
    overflow: hidden;
}

.fullyvideo {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


@media screen and (max-aspect-ratio: 1920/1080) {
    .fullyvideo {
        height: 100vh;
    }
}

@media screen and (min-aspect-ratio: 1920/1080) {
    .fullyvideo {
        width: 100% !important;
    }
}



.half {
    width: 50%;
    background-size: cover;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.g_50 {
    width: 50%;
}

.g_45 {
    width: 45%;
}

.grid_47 {
    width: 47%;
}

.g_28 {
    width: 28.81%;
}

.g_6 {
    width: calc(50% - 5px);
    position: relative;
}

.main_link {
    padding: 60px 30px 50px 30px;
    min-height: 384px;
        display: flex;
    flex-direction: column;
}

.flex-dd {
    display: flex;
    justify-content: space-between;
}

.flex-s {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
}

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

.flex-news {
    display: flex;
    flex-wrap: wrap;
}

.aspect3by2 {
    aspect-ratio: 3/2;
    object-fit: cover;
}


.left_align {
    text-align: left;
}

.relative {
    position: relative;
}

.flex-d {
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    column-gap: 60px;
    text-align: left;
    column-gap: 60px;
}

    .flex-d img {
        display: block;
        margin-bottom: 25px;
    }

.grid_6 {
    width: calc(50% - 12px);
}

.grid_7 {
    width: 55%;
}

.grid_8 {
    width: 66.67%;
}

.grid_9 {
    width: 75%;
}

.grid_10 {
    width: 83.33%;
}

.grid_11 {
    width: 91.67%;
}

.grid_12 {
    width: 100%;
}

.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 {
    display: block;
}

a {
    text-decoration: none;
    cursor: pointer;
    color: inherit;
}

img {
    border: none;
    max-width: 100%;
}

a, img {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
}

textarea:focus, input:focus, select:focus {
    outline: none;
}
.abs-slider{
    position:relative
}
.fake-slider{
    opacity:0;
    position:relative;
    z-index:0;
    width:50% !important
}
.abs-slide {
    position: absolute;
    top: 0;
    z-index: 1;
    transform: scale(0.5);
    left: 0;
    transform-origin:center center;
    transition: all  0.25s;
    
}
.g_45.abs-slide {
    width: 50%
}
.act1 .slide1 {
    z-index: 2;
    transform: scale(1);
    left: 25%;
    right: auto
}

.act1 .slide2 {
    z-index: 1;
    transform: scale(0.75);
    left: 50%;
}

.act1 .slide3 {
    z-index: 1;
    transform: scale(0.75);
    left: 0;
}

.act2 .slide1 {
    z-index: 1;
    transform: scale(0.75);
    left:0;

}
.act2 .slide2 {
    z-index: 2;
    transform: scale(1);
    left: 25%;
    right:auto
}
.act2 .slide3 {
    z-index: 1;
    transform: scale(0.75);
    left: 50%;
}

.act3 .slide1 {
    z-index: 1;
    transform: scale(0.75);
    left: 50%;
}

.act3 .slide2 {
    z-index: 1;
    transform: scale(0.75);
    left: 0;
    right: auto
}

.act3 .slide3 {
    z-index: 2;
    transform: scale(1);
    left: 25%;
}
#next{
    position:absolute;
    top:50%;
    right:0;
    transform:translate(100%,-50%)
}
#prev {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(-100%,-50%)
}
.popUp {
    display: block;
}

#popUp {
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    background: rgba(255,250,240,0.95);
    width: 100%;
    height: 100%;
    display: none;
    transition: opacity 0.7s;
    opacity: 0;
    justify-content: center;
    align-items: center;
}

#inner {
    width: auto;
    height: calc(100% - 80px);
    display: inline-block;
    position: relative;
}

    #inner img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: contain;
        z-index: 3;
    }

#close {
    position: absolute;
    z-index: 2;
    display: block;
    right: 20px;
    top: 20px;
    color: #000;
    text-align: right;
    font-size: 19px;
    font-weight: 500;
    line-height: 1;
    font-weight: 500;
}

#spanBgn {
    position: absolute;
    z-index: 0;
    display: block;
    width: 100%;
    height: 100%;
}

/* General */
.middle {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 2;
}

.back_bg {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    transition: opacity 0.5s;
    background-size: cover;
    width: 100%;
    height: 100%;
}

.lazyImg.loaded .back_bg {
    opacity: 0;
}

.middle-h {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}




.btn {
    width: 159px;
    line-height: 1;
    height: 40px;
    font-weight: 500;
    font-size: 14px;
    border-radius: 40px;
    background: #B28444;
    color: #FFFAF0;
    transition: all 0.5s;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 30px;
}

.btn:hover {
    background-color: #000;
}

.btn.white {
    background: #FFFAF0;
    color: #000;
}

.btn.white:hover {
    background: #000;
    color: #FFFAF0;
}

.btn.white.blackbg:hover {
    background: #B28444;
}

.btn.black {
    background: #000;
    color: #FFFAF0;
}

.btn.black:hover {
    color: #000;
    background-color: #FFFAF0;
}

.btn.black.whitebg:hover {
    color: #fff;
    background-color: #B28444;
}

.btn.green, #page-parkhouse .btn.to_green {
    background: #B28444;
}

.btn.green:hover, #page-parkhouse .btn.to_green:hover {
    background: #000;
}

.btn.hover {
    background: #FFFAF0;
    color: #000;
}

.btn.dark_to_g:hover {
    background: #B28444;
}

.btn.blue {
    background: #233042;
}

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

.active .enq {
    background: #000 !important;
}

    .active .enq:hover {
        background: #FFFAF0 !important;
        color: #000 !important;
    }

.img-hover {
    position: relative;
}

    .img-hover img {
        position: relative;
        z-index: 1;
    }

    .img-hover .overlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        transition: opacity 0.5s;
        opacity: 0.3;
        z-index: 2;
        display: block;
    }

.g_28:hover .img-hover .overlay {
    opacity: 0;
}

.list {
    list-style: none;
}

    .list li {
        display: block;
        position: relative;
        font-weight: 500;
        padding-left: 30px;
        margin: 15px 0px;
        line-height: 1.4;
    }

        .list li:before {
            position: absolute;
            content: '';
            width: 5px;
            height: 5px;
            border-radius: 50%;
            background: #000;
            left: 10px;
            top: 5px;
        }


.w175 {
    width: 175px;
}

.img {
    width: 100%;
    margin: 0;
    display: block;
}

.full-h {
    height: calc(100vh - 100px);
    min-height: 400px;
    position: relative;
    background-size: cover;
    z-index: 2;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    color: #FFFAF0;
}
.flex-top {
    justify-content: flex-start;
    
    align-items: flex-start;
    padding-top:5vh
    


}
    .flex-top h1{
        position:relative;
        z-index:5
    }
    .height_40 {
        height: 40vw;
        position: relative;
        background-size: cover;
        color: #FFFAF0;
    }

.dark_layer:after {
    position: absolute;
    content: '';
    display: block;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.3);
    z-index: 0;
    width: 100%;
    height: 100%;
}

.full_height {
    height: calc(100vh - 100px);
    background-size: cover;
}


.symbol {
    position: absolute;
    bottom: 6px;
    left: 0;
    right: 0;
    margin: auto;
    display: block;
    width: 120px;
}

section {
    position: relative;
}

.light {
    background: #FFF7E9;
    color: #000;
}
.messgage {
    background-color: #B28444;
    padding: 25px;
    position: absolute;
    top: 0;
    left: 5%;
    width: 380px;
    z-index: 50;
    text-align: left;
    color: #FFFAF0;


}
    .messgage h3 {
 
        text-align: left;
        font-size:16px
    
    }
    .messgage h4 {
        font-family: Alp-Con-Thin-Italic;
        
        text-align: left;
        font-size: 28px;
        margin-bottom:15px
    }
    .messgage p {
        
        font-size: 16px;
   

        
    }
    .messgage span {
        font-size: 12px;
        display:block;
        margin-bottom:20px
    }
.w882 {
    width: 882px;
    max-width: calc(100% - 40px);
    margin: auto;
}

.w_634 {
    width: 634px;
    max-width: 100%;
}

.w1100 {
    width: 1100px;
    max-width: calc(100% - 40px);
    margin: auto;
}


.pb20 {
    padding-bottom: 20px;
}

.pt50 {
    padding-top: 50px;
}
.pb50 {
    padding-bottom: 50px;
}

.pb80 {
    padding-bottom: 80px;
}

.pt80 {
    padding-top: 80px;
}


.pt120 {
    padding-top: 120px;
}

.pb120 {
    padding-bottom: 120px;
}

.pb95 {
    padding-bottom: 95px;
}

.mb10 {
    margin-bottom: 10px;
}
.mb20 {
    margin-bottom: 20px;
}

.mb35 {
    margin-bottom: 35px;
}

.mb45 {
    margin-bottom: 45px;
}
.mb90 {
    margin-bottom: 90px;
}

.mt110 {
    margin-top: 110px;
}

.mb110 {
    margin-bottom: 110px;
}

.pt30 {
    padding-top: 30px;
}

.mb50 {
    margin-bottom: 50px;
}

.mb60 {
    margin-bottom: 60px;
}

.mb80 {
    margin-bottom: 80px;
}

.mauto {
    margin-left: auto;
    margin-right: auto;
}

.break {
    display: block;
}

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

.container {
    width: 1728px;
    max-width: calc(100% - 170px);
    margin-left: auto;
    margin-right: auto;
}

.flex-c {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;

}

.flex-cc {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    column-gap:10px
}

.pg {
    display: block;
    width: 163px;
}
.pg-holer
{
    column-gap:60px;

}
.pg-holer h2{
    text-align:left
}



.two-linse {
    position: relative;
}

    .two-linse:after, .two-linse:before {
        position: absolute;
        content: '';
        display: block;
        background: #000;
        top: 0;
        height: 100%;
        width: 1px;
    }

    .two-linse:before {
        left: -5px;
    }
        .two-linse:after {
        right:-5px;
    }
.max40 {
    max-width: calc(100% - 40px);
}

.w1564 {
    width: 1564px;
}

.w1384 {
    width: 1384px;
}

.w1298 {
    width: 1298px;
}

.w1225 {
    width: 1125px;
}

.w1040 {
    width: 1040px;
    max-width: 100%;
}

.w654 {
    width: 654px;
    max-width: 100%;
}

.w550 {
    width: 550px;
    text-align: left;
    max-width: 95%;
}

    .w550 h3 {
        text-align: left;
    }

.w470 {
    width: 470px;
    max-width: 100%;
}

.w770 {
    width: 770px;
    max-width: 100%;
}

.caption {
    position: absolute;
    display: block;
    font-size: 13px;
    color: #FFFFFF;
    bottom: 20px;
    left: 20px;
    text-align: left;
    right: 20px;
    z-index: 1;
}
.caption.right {
    text-align: right;
    left: initial;
    right: 20px;
}

#page-amenity .banner {
    top: 40px;
}

.banner {
    position: absolute;
    left: 0;
    top: -30px;
    width: 240px;
    height: 230px;
    z-index: 1;
    background-image: url('/images/banner.svg');
    background-position: center;
    background-size: cover;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #fff;
}
.banner-r {
    position: absolute;
    top: 30px;
    width: 260px;
    z-index: 3;
    left: clamp(30px, 4.4vw, 85px);
}


.banner h4 {
    font-family: Alp-Con-Thin-Italic;
    line-height: 1em;
    font-size: 33px;
    padding-bottom: 10px;
}

    .banner p {
        font-size: 16px;
        line-height: 1em;
    }

#page-mewscollection .half .flexslider .slides li,
#page-mewscollection .half .flexslider ul,
#page-mewscollection .half .flexslider,
#page-mewscollection .half .flexslider img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.to_right {
    text-align: right;
}

#points {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
}

.poi_holder {
    display: flex;
    justify-content: flex-start;
    text-align: left;
    align-items: flex-start;
    width: 19%;
}

.sv_h {
    display: block;
    margin-right: 15px;
}

.poi_holder h4 {
    text-align: left;
    padding: 5px 0 0 0;
}

.poi_holder p {
    text-align: left;
    margin-bottom: 11px;
    position: relative;
    padding-left: 30px;
}

.poi_holder span {
    position: absolute;
    left: 0;
    top: 0;
}

.news_det {
    text-align: left;
    width: calc(33.33% - 54px);
    margin-right: 81px;
    margin-bottom: 81px;
    display: flex;
    flex-direction: column;
}

    .news_det .underline {
        margin-top: auto;
    }

    .news_det:nth-child(3n) {
        margin-right: 0;
    }

    .news_det h3 {
        text-align: left;
    }

.news_control {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .news_control a {
        display: flex;
        align-items: center;
    }

    .news_control span {
        display: block;
        margin: 0 5px;
    }

.pagination {
    display: flex;
    column-gap: 3px;
}

.team_link {
    display: block;
    text-decoration: underline;
}

    .team_link img {
        display: block;
        margin-bottom: 25px;
    }
/* Headings */
h1, h2, h3, h4, h5 {
    margin: 0;
    font-weight: normal;
}

p {
    margin: 0;
}

#play {
    width: 200px;
    display: block;
    text-align: center;
    color: #fff;
    margin: auto;
    max-width: 25vw;
    transform: translateY(15%);
}
#play {
    width: 200px;
    display: block;
    text-align: center;
    color: #fff;
    margin: auto;
    max-width: 25vw;
    transform: translateY(15%);
    z-index:50
}

#play-video {
    width: 180px;
    display: block;
    text-align: center;
    position: absolute;
    z-index:50
}
.to-c {
    top: 50%;
    transform:translateY(-50%);
    left: 0;
    right: 0;
    margin: auto
}
.toBottom {
    bottom: 30px;
    left: 0;
    right: 0;
    margin: auto
}

.full-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    overflow: hidden;
    background-size: cover;
    background-position: center
}



    .full-video iframe {
        position: absolute;
        top: 50vh;
        left: 50vw;
        width: 100vw;
        height: 100vh;
        transform: translate(-50%,-50%);
        z-index: 0
    }


@media (min-aspect-ratio: 16/9) {
    .full-video iframe {
        height: 56.25vw
    }
}

@media (max-aspect-ratio: 16/9) {
    .full-video iframe {
        width: 177.78vh
    }
}
h1 {
    /*font-family: 'GT Alpina Cn Th';*/
    font-family: Alp-Con-Thin-Italic;
    font-size: 70px;
    line-height: 1.13;
    max-width: 12em;
    margin: 0 auto 0.75em auto;
}

.main_h1 {
    font-size: 75px;
    line-height: 1;
    margin: 0;
    padding: 50px 0;
    text-align: center;
    margin: auto;
}

h2 {
    /*font-family: 'GT Alpina Cn Th';*/
    font-family: Alp-Con-Thin-Italic;
    font-size: 48px;
    line-height: 1.13;
}

    h2.sml {
        font-size: 36px;
    }

.h2-top {
    position: absolute;
    top: 40px;
    left: 0;
    right: 0;
    margin: auto;
    max-width: calc(100% - 40px);
    z-index: 3;
}

.iconic {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row-reverse;
}

h3 {
    font-family: 'NeueHaasUnicaW1G';
    font-size: 19px;
    line-height: 1.47;
    text-align: center;
    text-transform: uppercase;
    font-weight: 500;
}

h4 {
    font-size: 17px;
    font-weight: 500;
    line-height: 1.52;
    text-align: center;
}

.w374 h4 {
    font-weight: 700;
}

.main_link h4 {
    max-width: 22em;
    margin: 0 auto 60px auto;
    text-transform: uppercase;
}

h5 {
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
}

span.br {
    display: block;
}

/* Navigation */
header {
    position: sticky;
    top: 0;
    left: 0;
    z-index: 1000;
    background: #FFFAF0;
    border-bottom: 1px solid;
    border-color: inherit;
    height: 100px;
}

.enq {
    right: 85px;
    z-index: 2;
}


.logo {
    display: block;
    width: 273px;
    z-index: 2;
}

    .logo svg {
        width: 100%;
        display: block;
        height: auto;
    }

header.active path {
    fill: #FFFAF0;
}

#nav {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 1;
    justify-content: center;
    align-items: center;
    display: none;
    opacity: 0;
    transition: opacity 0.8s;
}

#menu {
    left: 85px;
    display: block;
    font-size: 19px;
    font-weight: 500;
    z-index: 2;
    line-height: 1;
    text-align: left;
    font-weight: 500;
    color: #000;
}

    #menu:after {
        content: 'MENU';
    }

    #menu.active:after {
        color: #FFFAF0;
        content: 'CLOSE';
    }

#mainmenu {
    position: relative;
    display: flex;
    height: 100%;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    flex-direction: column;
    width: 100%;
    padding: 1vh 0;
}


    #mainmenu li {
        display: block;
        position: relative;
        text-align: center;
        width: auto;
    }


        #mainmenu li a {
            /*font-family: 'GT Alpina Cn Th';*/
            font-family: Alp-Con-Thin-Italic;
            display: block;
            font-size: 48px;
            line-height: 1;
            padding: 1.8vh 0;
            color: #FFFAF0;
        }

            #mainmenu li a:hover {
                text-decoration: underline;
            }

            #mainmenu li a#arrow {
                position: absolute;
                right: -55px;
                top: 3px;
                width: 26px;
                line-height: 26px;
                transform-origin: center;
                transition: all 0.5s;
            }

                #mainmenu li a#arrow.active {
                    transform: rotate(180deg);
                }

#inner-li {
    height: 0;
    overflow: hidden;
    transform: translateY(-10px);
    transition: height 0.5s;
}

#mainmenu li #inner-li a {
    font-family: 'NeueHaasUnicaW1G';
    font-size: 19px;
    font-weight: 500;
    line-height: 29px;
    text-align: center;
    padding: 0;
    text-transform: uppercase;
}

.bg-hover img {
    z-index: 0;
}

.bg-hover:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.3);
    transition: opacity 0.5s;
    display: block;
    content: '';
    z-index: 1;
}

.bg-hover:hover:after {
    opacity: 0;
}

#page-team a.team,
#page-news a.news,
#page-location a.location,
#page-parkhouse a.parkhouse,
#page-parkhouse a.selling,
#page-selling a.selling,
#page-amenity a.amenity,
#page-greenspaces a.greenspaces,
#page-masterplan a.masterplan,
#page-news a.news {
    color: #fff;
}

#page-parkhouse #enquire, #page-parkhouse .bg_brown {
    background: #B28444;
}
/* nav-toggle */
.bg-grad {
    background: linear-gradient(73.97deg, #C2A68A 0%, #AB9176 27%, #F1D4B5 50%, #AF957A 72%, #A68C72 100%);
}

#nav-toggle {
    cursor: pointer;
    height: 26px;
    position: absolute;
    left: 20px;
    width: 30px;
    z-index: 10;
}

    #nav-toggle span, #nav-toggle span:after, #nav-toggle span:before {
        background: #000;
        content: "";
        cursor: pointer;
        display: block;
        height: 2px;
        position: absolute;
        top: 10px;
        transition: all .6s ease-in-out;
        width: 100%;
    }

        #nav-toggle span:before {
            top: -8px;
        }

        #nav-toggle span:after {
            bottom: -8px;
            top: auto;
        }

    #nav-toggle.active span {
        background-color: initial !important;
    }

        #nav-toggle.active span:after, #nav-toggle.active span:before {
            background: #FFFAF0;
            top: 0;
        }

        #nav-toggle.active span:before {
            transform: rotate(45deg);
            -webkit-transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            -o-transform: a rotate(45deg);
        }

        #nav-toggle.active span:after {
            transform: rotate(-45deg);
            -webkit-transform: rotate(-45deg);
            -moz-transform: rotate(-45deg);
            -o-transform: a rotate(-45deg);
        }

.register {
    max-width: 654px;
    width: calc(100% - 40px);
    margin: 0 auto;
}


input, select, textarea {
    font-size: 16px;
    line-height: 2;
    margin: 0 auto;
    padding: 5px 7px;
    width: 100%;
    color: #FFFAF0;
    border: 0 none;
    background: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
    border: 1px solid #FFFAF0;
    text-align: left;
    letter-spacing: 0.06em;
    font-family: inherit;
}

    select option {
        color: #000000;
    }

textarea {
    height: 100px;
    max-width: 100%;
    width: 100%;
}

.privacy {
    font-size: 10px;
}

.chk_holder {
    margin: 10px auto 0 auto;
    color: #FFFAF0;
}

.tel {
    display: block;
    margin-bottom: 40px;
}

#chkInternational, #chk1, #chk2 {
    border: 0 none;
    clip: rect(0px, 0px, 0px, 0px);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    cursor: pointer;
    display: inline-block;
    line-height: 25px;
    width: 20px;
    text-align: center;
}

    #chkInternational + label, #chk1 + label, #chk2 + label {
        padding: 2px 0 2px 26px;
        position: relative;
        text-align: left;
        display: block;
        color: #FFFAF0;
        font-size: 12px;
        font-family: inherit;
        text-transform: uppercase;
        margin: auto;
        font-weight: 400;
    }

        #chkInternational + label:before, #chk1 + label:before, #chk2 + label:before {
            position: absolute;
            left: 0;
            width: 16px;
            height: 16px;
            top: 50%;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
            border: 1px solid #FFFAF0;
            content: '';
            display: block;
        }

        #chkInternational + label:after, #chk1 + label:after, #chk2 + label:after {
            position: absolute;
            left: -1px;
            width: 5px;
            height: 11px;
            top: 50%;
            left: 8px;
            -webkit-transform: translateY(-60%) rotate(45deg) scale(0);
            transform: translateY(-60%) rotate(45deg) scale(0);
            border-bottom: 2px solid #FFFAF0;
            border-right: 2px solid #FFFAF0;
            content: '';
            display: block;
            -webkit-transition: all .4s ease-in-out;
            transition: all .4s ease-in-out;
        }

    #chkInternational:checked + label:after, #chk1:checked + label:after, #chk2:checked + label:after {
        -webkit-transform: translateY(-60%) rotate(45deg) scale(1);
        transform: translateY(-60%) rotate(45deg) scale(1);
    }

.b_submit {
    padding: 0;
    border: none;
    cursor: pointer;
    text-align: center;
}

.underline {
    text-decoration: underline;
}

.icon {
    display: block;
    width: 175px;
}



input:-webkit-input-placeholder, textarea:-webkit-input-placeholder {
    color: #FFFAF0;
    opacity: 1;
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: #FFFAF0;
    opacity: 1;
}

input:-moz-placeholder, textarea:-moz-placeholder {
    color: #FFFAF0;
}

input::-moz-placeholder, textarea::-moz-placeholder {
    color: #FFFAF0;
    opacity: 1;
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
    color: $form-field-text;
    opacity: 1;
}

input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder {
    color: transparent;
}

input:focus:-moz-placeholder, textarea:focus:-moz-placeholder {
    color: transparent;
}

input:focus::-moz-placeholder, textarea:focus::-moz-placeholder {
    color: transparent;
}

input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder {
    color: transparent;
}
.border-b{
    border-bottom:1px solid currentColor
}
/*footer*/
footer {
}

.clarck {
    display: block;
    width: 86px;
}

.cbre {
    display: block;
    margin: auto;
    width: 113px;
}

.discp {
    padding: 30px 0;
    background: #000;
    color: #FFFAF0;
    font-size: 14px;
}
/* Token Style */
ul.token-input-list-project {
    border: none;
    width: 100%;
    margin: 0 auto;
    max-width: 100%;
    text-align: left;
    text-align-last: left;
    text-align: -moz-left;
    text-align: -webkit-left;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0;
    border-bottom: 1px solid #FFFAF0;
    clear: both;
}

li.token-input-input-token-project {
    margin: 0;
    padding: 0;
    list-style-type: none;
    width: 100%;
}

ul.token-input-list-project li input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-bottom: none;
    width: 100% !important;
    margin-bottom: 0;
}

li.token-input-token-project p {
    display: inline;
    padding: 0;
    margin: 0 5px 0 0;
    line-height: 20px;
    font-size: 11px;
}

li.token-input-token-project {
    overflow: hidden;
    height: 25px;
    margin: 0;
    padding: 2px 5px;
    background-color: #ccc;
    color: #000;
    cursor: default;
    border: 1px solid #525252;
    font-size: 12px;
    white-space: nowrap;
    list-style: none;
    display: inline-block;
}

div.token-input-dropdown-project {
    position: absolute;
    width: 100%;
    background-color: #fff;
    overflow-x: hidden;
    cursor: default;
    font-size: 11px;
    z-index: 13;
    color: #000000;
}

    div.token-input-dropdown-project ul {
        margin: 0;
        padding: 0;
        display: block !important;
        max-height: 205px;
    }

        div.token-input-dropdown-project ul li {
            background-color: #fff;
            font-size: 14px;
            padding: 3px;
            margin: 0;
            list-style-type: none;
            font-weight: 100 !important;
        }

            div.token-input-dropdown-project ul li.token-input-dropdown-item-project {
                background-color: #fff;
            }

            div.token-input-dropdown-project ul li.token-input-dropdown-item2-project {
                background-color: #fff;
            }

            div.token-input-dropdown-project ul li em {
                font-weight: bold;
                font-style: normal;
            }

            div.token-input-dropdown-project ul li.token-input-selected-dropdown-item-project {
                background-color: #ccc;
                color: #fff;
            }
/* Parsley-error */
ul.parsley-errors-list.filled, ul.parsley-errors-list {
    font-size: 10px;
    list-style: outside none none;
    margin: 0 auto;
    padding: 0;
    position: relative;
    text-align: left;
    top: 0;
}

    ul.parsley-errors-list.filled li, ul.parsley-errors-list li {
        padding: 0;
        text-align: left;
        color: #F00D0D;
    }

* {
    text-size-adjust: none;
    -webkit-text-size-adjust: none;
}

#cursor {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 15px;
    height: 15px;
    z-index: 1000;
    pointer-events: none;
    transform: translate(-50%,-50%);
    mix-blend-mode: exclusion;
}

    #cursor:after {
        content: '';
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        width: 15px;
        height: 15px;
        z-index: 10;
        pointer-events: none;
        transform: translate(-50%,-50%);
        background: #fff;
        border-radius: 50%;
        transition: all 0.5s;
    }

    #cursor.view:before, #c-dir {
        display: block;
        position: absolute;
        top: 50%;
        left: 25px;
        width: 120px;
        z-index: 10;
        pointer-events: none;
        transform: translate(0,-50%);
        color: #fff;
        font-size: 12px;
        letter-spacing: 0.05em;
        transition: all 0.5s;
        text-transform: uppercase;
    }

    #cursor.view:before {
        content: 'View Project';
        text-transform: uppercase;
    }

    #cursor.scale:after {
        width: 15px;
        height: 15px;
    }

.p_svg {
    width: 311px;
    display: block;
    height: auto;
    max-width: 80%;
    margin: 0 auto;
}

.flex-r {
    display: flex;
    flex-direction: column-reverse;
    flex-wrap: nowrap;
}

.mob {
    display: none !important;
}

@media screen and (max-width : 1600px) {
    .poi_holder {
        display: block;
    }

    .sv_h {
        margin: 0 0 35px 0;
    }
    .messgage {
        left: 0;
        width: 290px;
        padding: 25px 15px;
    }
        .messgage h4 {
   
            font-size: 24px;
            margin-bottom: 15px;
        }
        .messgage p {
            font-size: 12px;
        }
}

@media screen and (max-width : 1300px) {
    .container {
        max-width: calc(100% - 40px);
    }

    .enq {
        right: 20px;
    }

    #menu {
        left: 20px;
    }
    .pg-holer
{
    column-gap:20px;

}
    h1 {
   
     
        font-size: 61px;
    }
        h2 {

  font-size: 44px;

}
    #next {
   
        transform: translate(0,-50%)
    }

    #prev {

        transform: translate(0,-50%)
    }
}



@media screen and (max-width : 1000px) {

    .news_det:nth-child(3n) {
        margin-right: auto;
    }

    .banner {
        position: absolute;
        left: 15px;
        width: 126px;
        margin: 0 0 30px;
        height: 120px;
    }
    .banner h4 {
        font-size: 20px;
    }
    .banner p {
        font-size: 12px;
    }
    
    .banner-r {
        left: 15px;
        width: 160px;
    }
   .messgage{
        position: relative;
        width: 100%;
        padding:25px 20px;
    }

    .mob {
        display: block !important;
    }

    .desc {
        display: none !important;
    }

    .logo {
        width: 74px;
    }

    body {
        font-size: 12px;
    }

    header {
        height: 65px;
    }

    .btn {
        width: 90px;
        font-size: 12px;
        height: 30px;
    }

        .btn.blue {
            width: 120px;
            font-size: 12px;
            height: 30px;
        }

    .full_m {
        max-width: 100%;
    }

    .full_height, .full-h {
        height: calc(100vh - 65px);
    }

    .caption {
        font-size: 9px;
        bottom: 9px;
        left: 9px;
    }
    .caption.right {
        left: initial;
        right: 9px;
    }

    .height_40 {
        height: 60vw;
    }

        .full-h .middle, .height_40 .middle {
            width: 100%;
        }

    .full_m .middle {
        width: 100%;
        height: 100%;
        padding: 100px 20px 40px 20px;
        display: flex;
        flex-direction: column;

        align-items: center;
        top: 0;
        left: 0;
        justify-content: center;
        transform: none;
    }

    h1 {
        font-size: 40px;
    }

    h2 {
        font-size: 28px;
    }


        h2.sml {
            font-size: 26px;
            margin-bottom: 60px;
        }

    .icon {
        width: 90px;
        margin: auto;
    }

    h3 {
        font-size: 14px;
    }

    h5 {
        font-size: 10px;
    }

    #mainmenu li a {
        font-size: 30px;
    }

    #mainmenu li #inner-li a {
        font-size: 13px;
    }

    #inner-li {
        transform: translateY(-5px);
    }

    #mainmenu li a#arrow {
        right: -40px;
        width: 16px;
        line-height: 20px;
    }

    #arrow svg {
        width: 100%;
        height: auto;
    }




    .pad20_m {
        padding-left: 20px;
        padding-right: 20px;
    }

    .symbol {
        width: 70px;
    }

    .ptb130 {
        padding: 80px 0;
    }

    .pb80 {
        padding-bottom: 40px;
    }

    .pt80 {
        padding-top: 40px;
    }

    .privacy {
        font-size: 10px;
        width: 245px;
        margin: auto;
    }

    input, select, textarea {
        font-size: 12px;
    }

    .cbre {
        width: 90px;
    }

    .grid_6 {
        width: 100%;
        margin-bottom: 15px;
    }

    .flex-s {
        display: block;
        margin-bottom: 0;
    }

    #chkInternational + label {
        font-size: 12px;
    }

    .mb60 {
        margin-bottom: 40px;
    }

    .mb35 {
        margin-bottom: 20px;
    }

    .ptb100 {
        padding: 60px 0;
    }

    .grid_4 {
        width: 100%;
        margin-bottom: 55px;
    }

    .left_align {
        text-align: center;
    }

    .flex-d {
        justify-content: center;
        align-items: center;
        text-align: center;
        column-gap: 40px;
        margin-bottom: 40px;
    }

    .social {
        margin-bottom: 0;
    }

    .discp .flex-s {
        display: flex;
        font-size: 10px;
    }


    #cursor {
        display: none;
    }

    .pt120 {
        padding-top: 50px;
    }

    .pb120 {
        padding-bottom: 50px;
    }

    .mt110 {
        margin-top: 40px;
    }

    .mb110 {
        margin-bottom: 40px;
    }

    .grid_5 {
        width: 100%;
    }

    .g_45 {
        width: 100%;
        margin-bottom: 40px;
    }

        .g_45 :last-child {
            margin-bottom: 0;
        }

    .main_link h4 {
        margin: 0 auto 40px auto;
        font-size: 12px;
    }

    .main_link {
        padding: 30px 20px 25px 20px;
    }

    .g_45 .middle {
        padding: 35px;
    }


    .w175 {
        width: 130px;
    }

    .h60 {
        height: 75vw;
        min-height: 200px;
    }

        .h60 .middle {
            padding: 0 40px;
        }

    .break {
        display: none;
    }

    .g_28 {
        width: 300px;
        max-width: calc(100% - 80px);
        margin: 0 auto 40px auto;
    }

    .w550 {
        text-align: center;
        max-width: 95%;
    }

        .w550 .btn {
            margin-left: auto;
            margin-right: auto;
        }

    .grid_47 {
        width: 560px;
        max-width: 100%;
        margin: 0 auto 40px auto;
        text-align: center;
    }

        .grid_47 h3 {
            text-align: center;
        }

    .g_28:last-child, .container .grid_47:last-child {
        margin-bottom: 0;
    }

    .g_28 .mb60 {
        margin-bottom: 30px;
    }

    .news_det {
        width: 100%;
        max-width: 450px;
        margin: 0 auto 40px auto;
    }

    .w550.left_align {
        text-align: left;
    }

        .w550.left_align h2, .w550.left_align h3 {
            text-align: left;
        }

    .poi_holder {
        width: 50%;
        margin-bottom: 30px;
    }

    .half {
        min-height: 380px;
        width: 100%;
        height: auto;
    }


    .p_svg {
        width: 220px;
        margin-bottom: 20px;
    }

    .auto_m {
        height: auto !important;
    }

    .iconic {
        display: block;
    }

        .iconic img {
            display: block;
            margin: 0 auto 35px auto;
        }

    .lef_m p, .lef_m li {
        text-align: left;
    }

    .main_h1 {
        font-size: 40px;
        padding: 30px 0;
    }

    .pad15m {
        padding-left: 15px;
        padding-right: 15px;
    }

    .max100m {
        max-width: 100%;
    }

    .b_m_top {
        border-top: none;
        position: relative;
    }

        .b_m_top:before {
            width: calc(100% - 40px);
            display: block;
            margin: auto;
            content: '';
            height: 1px;
            background: #000;
            position: absolute;
            top: 0;
            left: 20px;
        }

    h4 {
        font-size: 15px;
    }

    .flex-r {
        display: block;
    }

    .no_b_top {
        border-top: none;
    }

    .poi_holder h4 {
        font-size: 14px;
    }

    .sv_h {
        margin: 0 0 30px 0;
        width: 40px;
    }

    .team_link img {
        margin-bottom: 15px;
        transform: scale(0.75);
        transform-origin: left top;
    }
            .pg {
    display: block;
     margin : 0 auto 30px auto
}
    .flex-cc {
        display: block;
    
    }
    .pg-holer h2 {
  text-align: center;
}
    .two-linse::after, .two-linse::before {

  height: auto;
  height: 1px;
  left:0;
  right:0;
  width:100%
}
 .two-linse::after
 {
     top:-25px
 }
 .two-linse::before 
 {
     bottom:-25px;
     top:auto
 }
 
 .b_submit {

  text-align: center;
}
    .banner-mob {
        display: flex !important;
        position: relative;
        top: auto;
        width: 120px;
        height: 114px;
    }


    .banner h4 {
        font-size: 18px;
        padding-bottom: 10px;
    }

    .banner p {
        font-size: 9px;
    }

    .flex-mob{
        display:flex !important;
        justify-content:center;
        gap:15px;
        margin-bottom:25px

    }
    .main_link {
        min-height: 5px;
    }
    .fake-slide{
        display:none !important
    }
    .g_45.abs-slide {
        width: 100%;
        position:relative;
        margin-bottom:15px;
        transform:none !important;
        left:auto !important
          
    }
    .discp .flex-s{
        flex-wrap:wrap;
                    justify-content: center;

    }
    .sro, .agent {
        display: block;
        padding: 10px 0;
        width: 100%
    }

}

@media screen and (max-width : 680px) {
    .banner {
        position: static;
        width: 126px;
        margin: 0 auto 30px;
        height: 120px;
    }
    footer .flex-d {
        flex-wrap: wrap;
        gap: 40px;
    }
    .flex-d img {
        display: block;
        margin: 0  auto 25px auto;
     
    }
}