/*
	Theme Name: Balladeer for DT Powai
	Description: Based on HTML5 Blank WordPress Theme
	Author: Wordsearch Singapore / Julian Yeo
*/

/*------------------------------------*\
    MAIN
\*------------------------------------*/

@import url("fonts/stylesheet.css");
@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');

/* global box-sizing */
*,
*:after,
*:before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

/* html element 62.5% font-size for REM use */
html {
    font-size: 100%;
    scroll-behavior: smooth;
}

html,
body {
    overflow-x: hidden
}

body {
    font-family: 'Signifier', Georgia, 'Times New Roman', Times, serif;
    font-size: 24px;
    font-weight: 500;
    color: #ffffff;
    overflow: hidden;
}

/* clear */
.clear:before,
.clear:after {
    content: ' ';
    display: table;
}

.clear:after {
    clear: both;
}

.clear {
    zoom: 1;
}

img {
    max-width: 100%;
    vertical-align: bottom;
}

a {
    color: #ffffff;
    text-decoration: none;
}

a:hover {
    color: #bbbbbb;
}

a:focus {
    outline: 0;
}

a:hover,
a:active {
    outline: 0;
}

input:focus {
    outline: 0;
    border: 1px solid #04A4CC;
}

b,
strong {
    font-weight: 700;
}

img {
    /* pointer-events: none; */
    -webkit-touch-callout: none;
}

/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/

/* wrapper */
.wrapper {
    margin: 0 auto;
}

.postherowrap {
    position: relative;
    margin-top: 200vh;
}

.fulllogo {
    height: 300px;
    width: 100%;
    margin: 20px auto 0;
}

.bgshade {
    background-color: rgba(0,0,0,0.3);
}

#navcontain {
    background-color: #233223;
    transition: all 0.5s ease, top 0.75s ease;
    min-width: 360px;
    height: 95px;
    width: 100%;
    position: fixed;
    top: 0;
    margin: 0;
    box-shadow: 0px 8px 20px 10px rgb(0 0 0 / 20%);
    z-index: 100;
}
.allImgCover{
	background-size:cover;
}
.masterPt{
	padding-top:30px
}
/* #landplan-content {
  cursor: default !important;
} */
#navcontain.navopen {
    box-shadow: none;
}

#navcontain.onesouthnav {
    background-color: #F7CED7;
}
#navcontain.navhide {
    top: -180px;
}

.menulogo a, a.menulogo {
    background: url(assets/dtp_logoset.svg) no-repeat top 0% left 50% / 65% auto;
    height: 80px;
    width: 300px;
    display: block;
    margin-top: 7px;
    z-index: 100;
    transition: all 0.5s ease;
    color: transparent !important;
}

.menulogo.osamenulogo {
    /*background: url(assets/dtp_logoset.svg) no-repeat top 120% left 50% / 80% auto;*/
    background: url(assets/one-south-avenue.svg) no-repeat top 120% left 50% / 80% auto;
    /*height: 75px;
    width: 190px;*/
    height: 75px;
    width: 116px;
    display: block;
/*     margin-top: 18px; */
	 margin-top:-60px;
    z-index: 100;
    transition: all 0.5s ease;
}

.menulogo.ocamenulogo {
    /*background: url(assets/dtp_one-central-avenue.svg) no-repeat top 120% left 50% / 80% auto;*/
    background: url(assets/one-central-avenue.svg) no-repeat top 120% left 50% / 80% auto;
    /*height: 75px;
    width: 190px;*/
    height:73px;
    width:272px;
    display: block;
/*     margin-top: 18px; */
	margin-top:-60px;
    z-index: 100;
    transition: all 0.5s ease;
}

.menulogo.ooamenulogo{
   /*background: url(assets/dtp_one-orchard-avenue.svg) no-repeat top 120% left 50% / 80% auto;*/
    background: url(assets/one-orchard-avenue.svg) no-repeat top 120% left 50% / 80% auto;
   /* height: 75px;
    width: 190px;*/
    height:80px;
    width:131px;
    display: block;
/*     margin-top: 18px; */
	margin-top:-60px;
    z-index: 100;
    transition: all 0.5s ease;
}



.mainmenutoggle {
    background-image: url(assets/closebtnham.png), url(assets/closebtnbg.png);
    background-position: 0 47px, 0 0;
    background-size: 100%;
    width: 50px;
    height: 50px;
    z-index: 500;
    cursor: pointer;
    transition: background-position 0.5s ease, filter 0.5s ease;
    z-index: 1200;
    position: absolute;
    top: 23px;
    left: 20px;
}

.mainmenutoggle.mobopen {
    background-position: 0 0, 0 0;
}

#dtpnav .container-fluid {
    padding: 0;
}

#dtpnav.mmopen {
    background-color: #233223;
}

#dtpnav.mmopen .menulogo a {
    filter: brightness(1) invert(0);
}

#dtpnav.navbar .nav-link {
    color: #fff;
    font-size: 1.5rem;
    padding: 10px 0;
    text-align: center;
    text-transform: uppercase;
    font-family: 'Roboto', Helvetica, Arial, sans-serif;
    opacity: 0;
    transition: opacity 1s ease;
    --delay: 0.75s;
    position:relative;
}

#dtpnav.navbar .menu-item.current_page_item {
    /* text-decoration: underline;
    text-underline-offset: 12px;
    text-decoration-thickness: 1px; */
    opacity: 1;
}

#dtpnav.subnav .menu-item:not(.current_page_item) {
    opacity: 0.4;
    transition: opacity 0.5s ease;
}

#dtpnav.subnav .menu-item:not(.current_page_item):hover, #dtpnav.subnav .menu-item.menulogo {
    opacity: 1;
}

#dtpnav.navbar.showup {
    opacity: 1;
    top: 0;
}

#dtpnav .navbar-collapse ul {
    height: 100vh;
    width: 100%;
    justify-content: start;
    align-items: center;
    /* padding-bottom: 110px; */
    background-color: #233223;
    position: absolute;
    z-index: 99;
    top: -100vh;
    left: 0;
    transition: top 0.5s ease-out;
}

#navcontain.onesouthnav #dtpnav .navbar-collapse ul {
    background-color: #F7CED7;
}

#navcontain.onesouthnav.navopen,
#navcontain.onesouthnav.navopen #dtpnav .navbar-collapse ul {
    background-color: #233223;
    box-shadow: none;
}


#dtpnav.navbar .nav-link,
#navcontain.onesouthnav.navopen #dtpnav.navbar .nav-link {
    color: #ffffff;
    letter-spacing: 1.2px;
    opacity: 1;
}

#navcontain.onesouthnav #dtpnav.navbar .nav-link {
    color: #233223;
}
/* Cluster Menu */
.osamenulogo a, a.osamenulogo {
    background: url(assets/one-south-avenue.svg) no-repeat top 0% left 50% / 65% auto;
    height: 80px;
    display: block;
    margin-top: 7px;
    z-index: 100;
    transition: all 0.5s ease;
    color: transparent !important;
}

.ocamenulogo a, a.ocamenulogo {
    background: url(assets/one-central-avenue-2.svg) no-repeat top 0% left 50% / 65% auto;
    height: 80px;
    display: block;
    margin-top: 7px;
    z-index: 100;
    transition: all 0.5s ease;
    color: transparent !important;
}

.ooamenulogo a, a.ooamenulogo {
    background: url(assets/one-orchard-avenue.svg) no-repeat top 0% left 50% / 65% auto;
    height: 80px;
    display: block;
    margin-top: 7px;
    z-index: 100;
    transition: all 0.5s ease;
    color: transparent !important;
}


#dtpnav.mmopen .navbar-collapse ul {
    top: 0;
    left: 0;
}

#navcontain.besmall {
    height: 125px;
}

#navcontain.besmall .menulogo {
    transform: scale(0.8);
}

.navclear {
    height: 100px;
}

#navarea {
    position: fixed;
    z-index: 120;
    top: 0;
    width: 100%;
}

#appearzone {
    position: fixed;
    top: 0;
    width: 100%;
    height: 100vh;
    z-index: 90;
    background-color: rgba(0,0,0,0);
    transition: 0.5s background-color ease;
    pointer-events: none;
}

#appearzone.navopen {
    background-color: rgba(0,0,0,0.3);
}


/* footer */

footer {
    background-color: #4E4B48;
    color: #fff;
    height: auto;
    font-size: 1rem;
    /*padding: 2rem 0 1rem;*/
    display: flex;
    flex-direction: column;
    justify-content: center;
}

footer.osafooter {
    background-color: #F7CED7;
    color: #4E4B48;
}
footer.ocafooter {
    background-color: #F5F0F0;
    background-color: rgb(245, 240, 240);
    background-color: rgba(245, 240, 240, 1);
    color: #4E4B48;
}
footer.ooafooter {
    background-color: #0099ba;
    color: #4E4B48;
}

footer .menulogo {
    background: url(assets/dtp_logo.png) transparent no-repeat center / auto 90px;
    height: 120px;
    width: 270px;
    display: block;
    margin: 0 auto;
}

footer .menulogo:hover {
    filter: contrast(0.7);
}

footer.osafooter .osamenulogo {
    background: url(assets/dtp_logoset_cluster.svg) transparent no-repeat center / auto 60px;
    height: 120px;
    width: 270px;
    display: block;
    margin: 0 auto;
}

footer.ocafooter .ocamenulogo {
    background: url(assets/dtp_logoset_cluster.svg) transparent no-repeat center / auto 60px;
    height: 120px;
    width: 270px;
    display: block;
    margin: 0 auto;
}

footer.ooafooter .ooamenulogo{
    background: url(assets/dtp_logoset_cluster.svg) transparent no-repeat center / auto 60px;
    height: 120px;
    width: 270px;
    display: block;
    margin: 0 auto;
}


footer p {
    font-size: 1rem;
}

footer .socialicons a {
    padding: 0 7.5px 0 7.5px;
    font-size: 1.5rem;
    transition: color 0.5s ease;
}

footer.osafooter a,
footer.osafooter .socialicons a {
    color: #4E4B48;
}

footer.osafooter .socialicons a:hover,
footer .socialicons a:hover {
    color: #b8b7b6;
}
footer.ocafooter a,
footer.ocafooter .socialicons a {
    color: #4E4B48;
}

footer.ocafooter .socialicons a:hover,
footer .socialicons a:hover {
    color: #b8b7b6;
}
footer.ooafooter a,
footer.ooafooter .socialicons a {
    color: #F5F0F0;
}

footer.ooafooter .socialicons a:hover,
footer .socialicons a:hover {
    color: #b8b7b6;
}


.innerfooter {
    /*border-top: 1px solid #fff;*/
    min-height: 75px;
    width: 90%;
    margin: 0 auto;
}

footer.osafooter .innerfooter {
    /*border-top: 1px solid #233223;*/
}
footer.ocafooter .innerfooter {
    /*border-top: 1px solid #233223;*/
}
footer.ooafooter .innerfooter {
    /*border-top: 1px solid #233223;*/
}

.page-template-page-towerspecs .innerfooter {
    border-top: none;
}

.psmod {
    text-transform: uppercase;
    cursor: pointer;
}

.crline {
    font-weight: 300;
    padding: 30px 30px;
    width: 100%;
}


/*------------------------------------*\
    PAGES
\*------------------------------------*/

section.scrollsect {
    height: 100vh;
    min-height: 850px;
    position: relative;
}

section.scrollsect.vbg,
section.scrollsect.ibg,
section.heroanim {
    min-height: auto;
}

section.scrollsect.ibg {
    overflow: hidden;
}

section.halfsect {
    height: 50vh;
    min-height: 400px;
    position: relative;
}

section.smallsect {
    position: relative;
}

.sectcont {
    text-align: left;
    width: 90%;
    margin: 0 auto;
    padding: 40px 0 40px;
}

.sectcont.lowpad {
    padding: 20px 0;
}


.sectcont .contcenter {
    text-align: center;
}

.sectcont.fw {
    width: 100%;
}

.maxw {
    max-width: 1200px;
}

.vbg .sectcont,
.ibg .sectcont {
    color: #fff;
}

.ibg .subsect {
    position: absolute;
    z-index: 40;
}

.sectcont.fullcont {
    width: 100%;
    max-width: none;
}

.smallsect .sectcont .withpad {
    padding: 60px 0;
}

.offsetnav {
    padding-top: 90px;
    transition: padding 0.5s ease;
}

.subsect {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 100vh;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    height: auto;
}

.sectpadd {
    padding-top: 5rem;
    padding-bottom: 3rem;
}

.heroanim .subsect {
    background: rgba(0, 0, 0, 0);
}

.smallsect .subsect {
    min-height: initial;
}

.abscenter {
    display: flex !important;
    align-items: center;
    justify-content: center;
    text-align: center;
    position: relative;
}

.colcenter {
    align-items: center;
    justify-content: center;
    text-align: center;
}


/* #sidecontrols {
    display: flex;
    transition: height 0.2s ease, bottom 0.2s ease, right 0.2s ease;
    z-index: 90;
    flex-direction: column;
} */

.dwnlbtn {
    background-image: url(assets/dtp_ctadwnlR.svg);
    background-size: 35px auto;
    background-position: right top;
    background-repeat: no-repeat;
    position: fixed;
    top: 120px;
    right: 0px;
    width: 40px;
    height: 200px;
    z-index: 90;
    cursor: pointer;
    transition: all 0.5s ease;
}

.contbtn {
    background-image: url(assets/dtp_ctacontR_mob.svg);
    background-size: 35px auto;
    background-position: right top;
    background-repeat: no-repeat;
    position: fixed;
    top: 32px;
    right: -1px;
    width: 35px;
    height: 50px;
    z-index: 125;
    cursor: pointer;
    transition: all 0.5s ease;
}

.dwnlbtn:hover, .contbtn:hover {
    filter: brightness(0.8);
}

.contbtn.cdopen {
    right: -60px;
}

/* .scbtn {
    width: 70px;
    height: 70px;
    z-index: 150;
    display: block;
    filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.2));
} */

.backupbtn {
    background-image: url(assets/dtp_upbutton.svg);
    background-size: 60px;
    background-position: center;
    background-repeat: no-repeat;
    width: 60px;
    height: 60px;
    /* display: none; */
    position: absolute;
    bottom: 0;
    right: 0;
    cursor: pointer;
}

.backupbtn {
    background-image: url(assets/dtp_upbutton.svg);
    background-size: 60px;
    background-position: center;
    background-repeat: no-repeat;
    width: 60px;
    height: 60px;
    /* display: none; */
    position: absolute;
    bottom: 0;
    right: 0;
    cursor: pointer;
    transition: all 0.5s ease;
}


.backupbtn:hover {
    filter: contrast(0.5);
}

.backupbtn.onblack {
    background-image: url(assets/dtp_upbuttonW.svg);
}


/*------------------------------------*\
    SECTIONS
\*------------------------------------*/

.shortsect {
    height: auto;
    display: flex;
    width: 100%;
}

.shortsectcontent {
    width: 80%;
    margin: 0 auto;
}

.smallsect {
    padding: 30px 0;
}

.smallsect.nopad {
    padding: 0;
}

#sectlphero {
    --beforeBlur: 0;
}

#sectlphero:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: inherit;
    z-index: -1;
    filter: blur(var(--beforeBlur));
    transition: filter 0.5s linear;
}

#sectlp1,
.sectlp2,
#sectlp3,
#sectlp3t,
.sectlp4 {
    background-color: #233223;
}

/* #sectlp3 {
    background: url(assets/fourrect_grn.svg), url(assets/dtp_satincircle.svg), #4E4B48;

    --circsize: 30% auto;
    background-position: 50% -100px, 50%, 50%;
    background-size: auto 40px, var(--circsize), auto;
    background-repeat: no-repeat, no-repeat, no-repeat;
} */

#sectlp3tcont {
    background: #505c50;
    border-radius: 0;
    margin: 0 10px;
    width: 100%;
}

.sectlp5 {
    background-color: #F7CED7;
    min-height: 700px;
}

#sectlp5a {
    --g: #0000 98%, #000;
    --r: 30px;
    -webkit-mask: radial-gradient(var(--r) at 0 0, var(--g)) 0 0, radial-gradient(var(--r) at 100% 0, var(--g)) 100% 0, radial-gradient(var(--r) at 0 100%, var(--g)) 0 100%, radial-gradient(var(--r) at 100% 100%, var(--g)) 100% 100%;
    -webkit-mask-size: 51% 51%;
    -webkit-mask-repeat: no-repeat;

    background: #F7CED7;
    /* background: url(assets/dtp_pinketchsquare.svg); */
    /* background-position: center; */
    /* background-size: contain; */
    /* background-repeat: no-repeat; */
    width: 60vh;
    aspect-ratio: 1/1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

#sectlp6 {
    /*background: url(assets/fourrect_gry.svg), url(assets/fourrect_gry.svg), #233223;*/
    background:#233223;
    background-position: center -2px, center bottom -2px, center;
    background-size: auto 60px, auto 60px, auto;
    background-repeat: no-repeat, no-repeat, no-repeat;
    padding: 60px 0;
}

.sectlp7,
#onesouthcontact {
    background-position: right 0vw top 0%;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #F5F0F0;
    /* background-position: left 0vw top 30%;
    background-repeat: no-repeat;
    background-size: 100%; */
}

#sectlp7a {
    padding-left: 5%;
    background: #505C50;
    position: relative;
}

#sectlp7a:after {
    content: '';
    background: #505C50;
    -webkit-clip-path: polygon(0 0, calc(100% - 50px) 0%, 100% 50px, 100% calc(100% - 50px), calc(100% - 50px) 100%, 0 100%);
    clip-path: polygon(0 0, calc(100% - 50px) 0%, 100% 50px, 100% calc(100% - 50px), calc(100% - 50px) 100%, 0 100%);
    position: absolute;
    top: 0;
    right: -54px;
    height: 100%;
    width: 55px;
}

#sectlp8 {
    background-color: #F5F0F0;
}


.sectlp2 .exp,
.sectlp2 .exp .sectcont {
    padding: 0;
}

/* experience */

#live,
#play {
    background-color: #233223;
}

#work {
    background-color: #505C50;
}


/* what's on */

.wonsect {
    background-color: #F5F0F0;
}

/* location */

#locmacro,
#locmicro,
#devovrw {
    background-color: #F5F0F0;
}

/* onesouthave */

#onesouthhero {
    --beforeBlur: 0;
}

#onesouthhero:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: inherit;
    z-index: -1;
    filter: blur(var(--beforeBlur));
    transition: filter 0.5s linear;
}

#onesouth1 {
    background-color: #4E4B48;
}

#onesouth3 {
    background-color: #233223;
    padding-bottom: 120px;
}
#homegallery{
     background-color: #233223;
    padding-bottom: 120px;
}
#homegallery1{
	opacity:1;
}
#onesouth4a {
    padding-left: 5%;
    background: #4E4B48;
    position: relative;
}

#onesouth4a:after {
    content: '';
    background: #4E4B48;
    -webkit-clip-path: polygon(0 0, calc(100% - 50px) 0%, 100% 50px, 100% calc(100% - 50px), calc(100% - 50px) 100%, 0 100%);
    clip-path: polygon(0 0, calc(100% - 50px) 0%, 100% 50px, 100% calc(100% - 50px), calc(100% - 50px) 100%, 0 100%);
    position: absolute;
    top: 0;
    right: -54px;
    height: 100%;
    width: 55px;
}

.grid-gallery .gallery-item {
    padding: 0 4px;
    margin-bottom: 4px;
    animation: fadeIn 1s;
}

@keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
  }

.grid-gallery img {
    aspect-ratio: 4/3;
    height: auto;
    border-radius: 10px;
    margin: 0 auto;
}

/* Sustainablilty */

#sectsus1, #sectsus2 {
    background-color: #233223;
}

/* Single Post */

#singlepost {
    background-color: #F5F0F0;
}

.single-title {
    color: #233223;
    font-weight: 400;
}

.single-cate, .single-cate a  {
    color: #233223;
    font-size:1rem;
    font-weight: 500;
    text-transform: uppercase;
    font-family: 'Quiche Sans', Helvetica, Arial, sans-serif;
}

.single-date {
    color: #233223;
    font-size: 1rem;
    font-weight: 300;
    text-transform: uppercase;
    font-family: 'Signifier', Georgia, 'Times New Roman', Times, serif;
}

.single-featimg {
    aspect-ratio: 1/1;
    border-radius: 20px;
}

.single-content p {
    color: #233223;
    font-size: 1.2rem;
    font-family: 'Signifier', Georgia, 'Times New Roman', Times, serif;
    padding-bottom: 20px;
}

.single-content p.wp-caption-text {
    font-size: 0.8rem;
    font-style: italic;
    padding-top: 10px;
}

.single-content div:has(img) {
    margin: 0 auto;
}

.single-content img {
    border-radius: 20px;
}

.single-content .wp-caption {
    /* Force the box to be 100% */
    width: 100% !important;
  }
  .single-content .wp-caption a img {
    /* Scale down if too big */
    max-width: 99.03225806%; /* 614/620 */
    height: auto;
  }

.share-list {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.share-list a {
    border-radius: 100px;
    width: 50px;
    height: 50px;
    padding: 7px;
    margin: 10px;
    cursor: pointer;
    overflow: hidden;
    color: #233223;
    border: 1px solid #233223;
    transition: color 0.5s ease, border 0.5s ease;
}

.share-list a:hover {
    color: #716F6D;
    border: 1px solid #716F6D;
}

/* animation start states */

#sectlpheroinner, .headerfadeup,
#sectlp3cont, #sectlp3tcont,
#sectlp4map,
#sectlp5a,
#sectlp5a .osalogo,
#sectlp5a .osacont,
#sectlp5b .osalink,
#sectlp6a,
#onesouthheroinner,
#onesouth2a,
.devovrwimg,
#onesouth3a, 
#sectsus2a,
{
    opacity: 0;
}

.headerfadeup {
    top: 30px;
    position: relative;
    transition: all 0.1s ease-out;
}

#sectlp7a,
#onesouth4a {
    left: 2vw;
}

/*------------------------------------*\
    TYPOGRAPHY
\*------------------------------------*/

h1, h2, h3,
h4, h5, h6 {
    font-family: 'Quiche Sans', Helvetica, Arial, sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 1px;
}

h3.nocap {
    text-transform: none;
}

h4.sig {
    font-family: 'Signifier', Georgia, 'Times New Roman', Times, serif;
    font-weight: 300;
    text-transform: none;
}

h1, #onesouth2a h2 {
    font-size: 10vw;
    font-weight: 300;
}

.heroanim h1 {
    color: #fff;
}

.tagline {
    text-align: center;
}

h2 {
    font-size: 2.5rem;
    line-height: 1;
}

h2.osacont {
    font-size: 2.6rem;
}

#expaccdn .accordion-button h2, #expaccdn .accordion-button h3,
#masmaplegnaccn .accordion-button h3  {
    font-size: 1.8rem;
    margin-bottom: 0;
}

h3 {
    font-size: 2.3rem;
}

h3.h3half {
    font-size: 2rem;
}

h4 {
    font-size: 1.4rem;
    margin-bottom: 0;
}

h4.coming {
    font-style: italic;
    color: #14b4fa;
    font-size: 1.3rem;
}

h5 {
    font-size: 1rem;
}

h6 {
    font-size: 0.8rem;
}

.lh2 {
    line-height: 2;
}

p {
    font-size: 1rem;
    font-weight: 300;
    margin-bottom: 0;
    letter-spacing: 0.5px;
}

p.footeraddr {
    line-height: 1.5;
}
.sepline {
    width: 45vw;
    min-width: 250px;
    border: 0.75px solid rgb(20 180 250 / 50%);
    margin: 0 auto;
}

.sepline.mint {
    border: 0.5px solid #82FAB4;
}
.sepline.oca {
    border: 0.5px solid #f0bf9b;
}
.sepline.ooa {
    border: 0.5px solid #D6E04D;
}


/*------------------------------------*\
    COMPONENTS
\*------------------------------------*/


.btnlink {
    background-color: #14B4FA;
    font-family: 'Roboto', Helvetica, Arial, sans-serif;
    font-size: 0.75rem;
    text-transform: uppercase;
    padding: 10px 25px;
    border-radius: 30px;
    display: inline-block;
    color: #ffffff;
    position: relative;
    transition: all 1s ease;
    border: 0;
    letter-spacing: 1px;
}

.btnlink.osalink {
    background-color: #82FAB4;
    color: #233223;
}

.btnlink.chev {
    padding: 15px 50px 15px 30px;
}

.btnlink:hover {
    background-color: #0A7FB2;
}

.btnlink.osalink:hover {
    background-color: #C0FFDA;
}

.btnlink.chev:after {
    content: "\203A";
    padding-left: 10px;
    font-size: 1.5rem;
    position: absolute;
    top: 4px;
    transition: padding-left 1s ease;
}

.btnlink.chev:hover:after {
    padding-left: 15px;
}

.countnum {
    padding-bottom: 40px;
}

.countnum:last-child {
    padding-bottom: 0;
}

.counth {
    font-family: 'Quiche Sans', Helvetica, Arial, sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 2.4rem;
}

p.countstat {
    font-family: 'Quiche Sans', Helvetica, Arial, sans-serif;
    font-weight: 300;
    text-transform: uppercase;
    font-size: 0.9rem;
}

.susstats p.countstat {
    font-size: 1.2rem;
}

.expcont {
    padding: 0 7vw;
}

#galleryfilternav .navpillcontain {
    border: 1px #82FAB4 solid;
    border-radius: 30px;
    height: 42px;
    display: flex;
}

#galleryfilternav .navpillcontain .nav-link {
    background-color: transparent;
    border-radius: 30px;
    height: 40px;
    font-size: 0.6rem;
    padding: 0 20px;
    color: #82FAB4;
    text-transform: uppercase;
    border-radius: 25px;
    letter-spacing: 1px;
    border: #233223 solid 2px;
    font-family: 'Roboto', Helvetica, Arial, sans-serif;
    transition: all 0.5s ease;
}

#galleryfilternav .navpillcontain .nav-link.active {
    background-color: #82FAB4;
    color: #233223;
}

#galleryfilternav .navpillcontain .nav-link:hover {
    background-color: #57A778;
    color: #233223;
}

.grid-gallery .slick-dots {
    font-size: 0.8rem;
    text-transform: uppercase;
    border-radius: 25px;
    font-family: 'Roboto', Helvetica, Arial, sans-serif;
    bottom: -40px;
}

.grid-gallery .slick-dots li {
    position: relative;
    display: inline-block;
    width: 30px;
    height: 30px;
    margin: 0px 5px;
    border-radius: 15px;
    border: 1px solid #82FAB4;
    padding-top: 4px;
    cursor: pointer;
    transition: all 0.5s ease
}

.grid-gallery .slick-dots li.slick-active {
    background-color: #82FAB4;
    border: 1px solid #82FAB4;
    padding-top: 4px;
    cursor: pointer;
}

.grid-gallery .slick-dots li:hover {
    background-color: #57A778;
    border: 1px solid #57A778;
    padding-top: 4px;
    cursor: pointer;
}

.grid-gallery .slick-dots a {
    color: #233323;
    display: block;
}

.grid-gallery .slick-dots li:hover a,
.grid-gallery.slick-dots li.slick-active:hover a {
    color: #233323;
    display: block;
}

.grid-gallery .slick-dots a {
    color: #82FAB4;
    display: block;
}

.grid-gallery .slick-dots li.slick-active a {
    color: #233223;
    display: block;
}

.newspost-slider .slick-track {
    display: flex !important;
}
.retailpost-slider .slick-track {
    display: flex !important;
}

.newspost-slider .slick-slide {
	margin: 0 10px;
	box-sizing: border-box;
    height: inherit !important;
    margin-bottom: 0;
    object-fit: cover;
    opacity: 0.5;
    transition: opacity 0.5s ease;
    /* display: flex;
    align-items: stretch;
    justify-content: center; */
}
.retailpost-slider .slick-slide {
	margin: 0 10px;
	box-sizing: border-box;
    height: inherit !important;
    margin-bottom: 0;
    object-fit: cover;
    opacity: 0.5;
    transition: opacity 0.5s ease;
    /* display: flex;
    align-items: stretch;
    justify-content: center; */
}

.newspost-slider .slick-active {
    opacity: 1;
    cursor: pointer;
}

.retailpost-slider .slick-active {
    opacity: 1;
    cursor: pointer;
}

/* .newspost-slider .slick-dots {
    font-size: 0.8rem;
    text-transform: uppercase;
    border-radius: 25px;
    font-family: 'Roboto', Helvetica, Arial, sans-serif;
}

.newspost-slider .slick-dots-container {
    width: 120px;
    overflow: hidden;
    display: block;
    padding: 0;
    margin: 0.625rem auto;
    height: 30px;
    position: relative;
}

.newspost-slider .slick-dots-container>ul {
    padding: 0;
    display: flex;
    transition: all 0.25s;
    position: relative;
    margin: 0;
    list-style: none;
    transform: translateX(0);
    align-items: center;
    bottom: unset;
    height: 100%;
}

.newspost-slider .slick-dots-container>ul li {
    width: 30px;
    height: 30px;
    margin: 0px 5px;
    background-color: #F5F0F0;
    border: 1px solid #4e4b48;
    border-radius: 50%;
}

.newspost-slider .slick-dots-container>ul li a {
    font-size: 0.8rem;
    display: block;
    width: 30px;
    height: 30px;
    padding: 0.3125rem;
    cursor: pointer;
    color: #4e4b48;
    border: 0;
    outline: 0;
    background: 0 0;
}

.newspost-slider .slick-dots-container>ul li.p-small-1,
.newspost-slider .slick-dots-container>ul li.n-small-1 {
    transform: scale(0.8);
}

.newspost-slider .slick-dots-container>ul li.slick-active {
    transform: scale(1.3);
    transform-origin: center;
    background: #4e4b48;
    border: 1px solid #4e4b48;
}

.newspost-slider .slick-dots-container>ul li.slick-active a {
    color: #ffffff;
} */
.newspost-slider .slick-dots {
    font-size: 0.8rem;
    text-transform: uppercase;
    border-radius: 25px;
    font-family: 'Roboto', Helvetica, Arial, sans-serif;
    bottom: -40px;
}
.retailpost-slider .slick-dots {
    font-size: 0.8rem;
    text-transform: uppercase;
    border-radius: 25px;
    font-family: 'Roboto', Helvetica, Arial, sans-serif;
    bottom: -40px;
}
.newspost-slider .slick-dots li {
    position: relative;
    display: inline-block;
    width: 30px;
    height: 30px;
    margin: 0px 5px;
    border-radius: 15px;
    border: 1px solid #4e4b48;
    padding-top: 4px;
    cursor: pointer;
    transition: all 0.5s ease
}
.retailpost-slider .slick-dots li {
    position: relative;
    display: inline-block;
    width: 30px;
    height: 30px;
    margin: 0px 5px;
    border-radius: 15px;
    border: 1px solid #4e4b48;
    padding-top: 4px;
    cursor: pointer;
    transition: all 0.5s ease
}
.newspost-slider .slick-dots li.slick-active {
    background-color: #4e4b48;
    border: 1px solid #4e4b48;
    padding-top: 4px;
    cursor: pointer;
}
.retailpost-slider .slick-dots li.slick-active {
    background-color: #4e4b48;
    border: 1px solid #4e4b48;
    padding-top: 4px;
    cursor: pointer;
}
.newspost-slider .slick-dots li:hover {
    background-color: #343230;
    border: 1px solid #343230;
    padding-top: 4px;
    cursor: pointer;
}
.retailpost-slider .slick-dots li:hover {
    background-color: #343230;
    border: 1px solid #343230;
    padding-top: 4px;
    cursor: pointer;
}
.newspost-slider .slick-dots a {
    color: #4e4b48;
    display: block;
}
.retailpost-slider .slick-dots a {
    color: #4e4b48;
    display: block;
}
.newspost-slider .slick-dots li:hover a, 
.newspost-slider .slick-dots li.slick-active:hover a {
    color: #ffffff;
    display: block;
}
.retailpost-slider .slick-dots li:hover a, 
.retailpost-slider .slick-dots li.slick-active:hover a {
    color: #ffffff;
    display: block;
}
.newspost-slider .slick-dots li.slick-active a {
    color: #ffffff;
    display: block;
}
.retailpost-slider .slick-dots li.slick-active a {
    color: #ffffff;
    display: block;
}

.newscontain  {
    background: #ffffff;
    border-radius: 20px;
    margin: 0 auto;
    height: 100%;
}

a.newsclick {
    color: #233223;
}

.slick-slide.ncbg-News  {
    background: #ECF9FF;
}

.newscontain img {
    border-radius: 20px 20px 0 0;
}

.newscontain h4 {
    color: #233223;
    font-size: 1.2rem;
    padding-bottom: 15px;
}

.newscontain h5 {
    color: #233223;
    font-family: 'Signifier', Georgia, 'Times New Roman', Times, serif;
    font-size: 0.9rem;
}

.retailcontain img {
    border-radius: 20px 20px 0 0;
}

.retailcontain h4 {
    color: #233223;
    font-size: 1.2rem;
    padding-bottom: 15px;
}

.retailcontain h5 {
    color: #233223;
    font-family: 'Signifier', Georgia, 'Times New Roman', Times, serif;
    font-size: 0.9rem;
}

.newspost {
    padding: 10px 20px 20px;
    line-height: 1.2;
    position: relative;
}

.newspost .newspost-date {
    color: #233223;
    font-size: 0.9rem;
    font-weight: 300;
    text-transform: uppercase;
    padding-bottom: 10px;
    display: inline-block;
}

.newspost .newspost-title{
    color: #233223;
    text-transform: uppercase;
    font-weight: 400;
    font-family: 'Quiche Sans', Helvetica, Arial, sans-serif;
    padding-right: 70px;
    display: inline-block;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    position: relative;
    height: 2.4em;
    line-height: 1.25;
}
.retailpost {
    padding: 10px 20px 20px;
    line-height: 1.2;
    position: relative;
}

.retailpost .retailpost-date {
    color: #233223;
    font-size: 0.9rem;
    font-weight: 300;
    text-transform: uppercase;
    padding-bottom: 10px;
    display: inline-block;
}

.retailpost .retailpost-title{
    color: #233223;
    text-transform: uppercase;
    font-weight: 400;
    font-family: 'Quiche Sans', Helvetica, Arial, sans-serif;
    padding-right: 70px;
    display: inline-block;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    position: relative;
    height: 2.4em;
    line-height: 1.25;
}

/* .newspost .newspost-title::after {
    content: "";
    text-align: right;
    position: absolute;
    bottom: 0;
    right: 70px;
    width: 20%;
    height: 1.2em;
    background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 50%);
} */

.slick-slide .ncbg-News .newspost .newspost-title::after  {
    background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(236, 249, 255, 1) 50%);
}
.slick-slide .ncbg-Retail-Tab-One .retailpost .retailpost-title::after  {
    background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(236, 249, 255, 1) 50%);
}

.newsarrow .newspost-arrow {
    background: url(assets/dtp_newsarrow.svg) no-repeat;
    background-size: 45px 45px;
    display: block;
    width:45px;
    height:45px;
    line-height: 1.2;
    position: absolute;
    top: 20px;
    right: 20px;
    transition: transform 0.5s ease;
    transform-origin: bottom left;
}
.retailarrow .retailpost-arrow {
    background: url(assets/dtp_newsarrow.svg) no-repeat;
    background-size: 45px 45px;
    display: block;
    width:45px;
    height:45px;
    line-height: 1.2;
    position: absolute;
    top: 20px;
    right: 20px;
    transition: transform 0.5s ease;
    transform-origin: bottom left;
}

.newscontain:hover .newspost-arrow {
    transform:scale(1.1);
    filter: contrast(0.5);
}
.retailcontain:hover .retailpost-arrow {
    transform:scale(1.1);
    filter: contrast(0.5);
}

#retailfilternav .navpillcontain {
    border: 1px #7d867d solid;
    border-radius: 30px;
    height: 42px;
    display: flex;
}

#newsfilternav .navpillcontain {
    border: 1px #7d867d solid;
    border-radius: 30px;
    height: 42px;
    display: flex;
}

#retailfilternav .navpillcontain .nav-link {
    background-color: transparent;
    border-radius: 30px;
    height: 40px;
    font-size: 0.6rem;
    padding: 0 20px;
    color: #4e4b48;
    text-transform: uppercase;
    border-radius: 25px;
    letter-spacing: 1px;
    border: #F5F0F0 solid 2px;
    font-family: 'Roboto', Helvetica, Arial, sans-serif;
    transition: all 0.5s ease;
}

#newsfilternav .navpillcontain .nav-link {
    background-color: transparent;
    border-radius: 30px;
    height: 40px;
    font-size: 0.6rem;
    padding: 0 20px;
    color: #4e4b48;
    text-transform: uppercase;
    border-radius: 25px;
    letter-spacing: 1px;
    border: #F5F0F0 solid 2px;
    font-family: 'Roboto', Helvetica, Arial, sans-serif;
    transition: all 0.5s ease;
}

#retailfilternav .navpillcontain .nav-link.active {
    background-color: #4e4b48;
    color: #fff;
}

#retailfilternav .navpillcontain .nav-link:hover {
    background-color: #716F6D;
    color: #fff;
}

#newsfilternav .navpillcontain .nav-link.active {
    background-color: #4e4b48;
    color: #fff;
}

#newsfilternav .navpillcontain .nav-link:hover {
    background-color: #716F6D;
    color: #fff;
}

.testicontain {
    height: 100%;
    /* background: #fff; */
    border-radius: 20px;
    overflow:hidden;
}

.testimo-slider .slick-track {
    display: flex !important;
}

.testimo-slider .slick-slide{
	margin: 0 10px;
	box-sizing: border-box;
    /* height: inherit !important; */
    min-height: 250px;
    margin-bottom: 0;
    object-fit: cover;
    /* display: flex;
    align-items: stretch;
    justify-content: center; */
}

.testibox {
    background: #fff;
    border-radius: 20px;
    position: relative;
    overflow: hidden;
    /* height: 100%; */
    /* max-width: 1000px; */
}

/* .testibox.boxonmain {
    width: 70vw;
} */

.testibox .testithumb {
    height: 270px;
}

.testibox .testipost {
    display: flex;
    text-align: center;
    flex-direction: column;
    padding: 30px 20px 20px;
    height: 100%;
}

.testibox .testipost p {
    color: #233223;
    padding-bottom: 40px;
    font-size: 1.1rem;
}

a.testiplay, a.testiplayB {
    position: absolute;
    top: 230px;
    right: 5%;
    transition: all 0.5s ease;
}

a.testiplay:hover, a.testiplayB:hover {
    filter: brightness(0.7);
}

.testimo-slider .slick-dots {
    bottom: -60px;
}

.upevent-slider .slick-track {
    display: flex !important;
}

.upevent-slider .slick-slide {
	padding: 0 10px;
	box-sizing: border-box;
    height: inherit !important;
    margin-bottom: 0;
    object-fit: cover;
    /* display: flex;
    align-items: stretch;
    justify-content: center; */
}

.upevent-slider .slick-dots {
    bottom: -60px;
}

.upevent-slider .slick-dots li button:before {
    color: #4e4b48;
}
.upevent-slider .slick-dots li.slick-active button:before {
    color: #4e4b48;
}

.upeventcontain {
    height:520px;
    border-radius: 20px;
    overflow: hidden;
    position: relative;
    transition: height 0.5s ease;
}

/* .upeventcontain.regup {
    height: 1050px;
} */

.upeventbox {
    background: #4d4b48;
    position: relative;
    /* height: 590px;
    height: 560px; */
    transition: height 0.5s ease;
}

.upeventbox.regup {
    /* height: 200%; */
}

.upeventinfo {
    background-color: #ffffff;
}

.upevent-date {
    background: #4e4b48;
    color: #fff;
    border-radius: 10px;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    text-transform: uppercase;
    max-height: 130px;
    font-size: 1.2rem;
    font-weight: 300;
    line-height: 1.2;
    font-family: 'Quiche Sans', Helvetica, Arial, sans-serif;
}

.upedateday {
    font-size: 1.2rem;
}

.upedatenum {
    font-size: 3rem;
    font-weight: 400;
}

/* .upeventbox .upeventhumb {
    border-radius:0 20px 20px 0;
} */

.upeventbox .upeventpost {
    display: flex;
    text-align: center;
    flex-direction: row;
    justify-content: center;
    padding: 20px 10px 20px;
    flex-wrap: wrap;
    /* height: 200px;
    overflow: hidden; */
}

.upeventbox .upeventpost p {
    color: #4e4b48;
    font-size: 1.2rem;
    /* display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden; */
    position: relative;
    /* height: 3em; */
    line-height: 1.5;
}

/* .upeventbox .upeventpost p::after {
    content: "";
    text-align: right;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2.4em;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 90%);
} */


.upeventhumb {
    min-height: 220px;
}

.upeventbox .upeventpost .upevent-title {
    color: #4e4b48;
    padding-bottom: 40px;
    font-size: 1.6rem;
    text-transform: uppercase;
    font-weight: 400;
    font-family: 'Quiche Sans', Helvetica, Arial, sans-serif;
    line-height: 1.2;
}

.upeventbox .upevent-link {
    background: #4e4b48;
    height:40px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    font-weight: 400;
    font-family: 'Roboto', Helvetica, Arial, sans-serif;
    cursor: pointer;
}

.upeventbox .upevent-link p {
    font-size: 0.9rem;
    color: #fff;
    transition: color 0.5s ease;
}

.upeventbox.regup .upevent-link p {
    color: transparent;
    cursor: default;
}

.upeventreg {
    position: relative;
    display: flex;
    align-content: center;
    background-color: #4e4b48;
    min-height: 550px;
    padding: 30px 20px;
    transition: height 0.5s ease;
}

.upeventreg.regup {
    /* height: 100%; */
}

.slick-dots a.nonum {
    width: 10px;
    height: 10px;
    display: block;
    border: 1px solid #ffffff;
    background-color: transparent;
    border-radius: 5px;
    margin:10px auto 0;

}

.slick-dots .slick-active a.nonum {
    background-color: #ffffff;
}

.slick-dots a.nndark {
    border: 1px solid #4e4b48;
}

.slick-dots .slick-active a.nndark {
    background-color: #4e4b48;
}

.suscont {
    display: flex;
    align-items: center;
    padding-top: 30px;
}

.suscont>div {
    position: relative;
    padding: 0 30px;
}

.suscont>div:first-child:before {
    content: '';
    border-bottom: rgb(20 180 250 / 50%) 1px solid;
    position: absolute;
    right: 50%;
    top: 0%;
    transform: translateX(50%);
    height: 0px;
    width: 90%;
}

.suscont>div:after {
    content: '';
    border-bottom: rgb(20 180 250 / 50%) 1px solid;
    position: absolute;
    right: 50%;
    top: 100%;
    transform: translateX(50%);
    height: 0px;
    width: 90%;
}

.suscont>div:last-child:after {
    border-right: none;
}

.susawardscontain {
    background-color: #fff;
    border-radius: 30px;
    padding: 50px 30px;
}

.susawards img {
    max-width: 120px;
    padding: 20px 0;
}

.susawards p.awardstat {
    font-family: 'Signifier', Georgia, 'Times New Roman', Times, serif;
    font-weight: 300;
    font-size: 0.9rem;
    color: #4e4b48;
}

.legalbtn {
    cursor: pointer;
    transition: color 0.5s ease;
}

.legalbtn:hover {
    color: #b8b7b6;
}

#legalcont .modal-content {
    background-color: #233223;
}

#legalcont .btn-close {
    filter: invert(1);
    top: 10px;
    right: 7px;
}

#legalcont .navpillcontain {
    border: 1px #7d867d solid;
    border-radius: 30px;
    height: 42px;
    display: flex;
    margin-top: 60px;
}

#legalcont .navpillcontain .nav-link {
    background-color: transparent;
    border-radius: 30px;
    height: 40px;
    font-size: 0.6rem;
    color: #505C50;
    text-transform: uppercase;
    border-radius: 25px;
    letter-spacing: 1px;
    border: #233223 solid 2px;
    font-family: 'Roboto', Helvetica, Arial, sans-serif;
    transition: all 1s ease;
}

#legalcont .navpillcontain .nav-link.active {
    background-color: #7d867d;
    color: #fff;
}

#legalcont .navpillcontain .nav-link:hover {
    background-color: #716F6D;
    color: #fff;
}

.modal .btn-close {
    position: sticky;
    top: 0;
    align-self: end;
    z-index: 300;
}

#legalcont p {
    line-height: 1.5;
    padding-bottom: 20px;
    font-size: 12px;
}

.termscopy li {
    font-size: 12px;
    font-weight: 300;
}

#expaccdn, #masmaplegnaccn {
    margin: 0 0%;
}

#expaccdn .accordion-item,
#masmaplegnaccn .accordion-item {
    background-color: transparent;
    border: 1px solid #ffffff;
    border-left: none;
    border-right: none;
    border-bottom: none;
}

#expaccdn .accordion-item:first-of-type,
#masmaplegnaccn .accordion-item:first-of-type {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

#expaccdn .accordion-item:first-of-type .accordion-button,
#masmaplegnaccn .accordion-item:first-of-type .accordion-button {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

#expaccdn .accordion-button,
#masmaplegnaccn .accordion-button {
    color: #ffffff;
    background-color: transparent;
    text-transform: uppercase;
    transition: none;
    padding: 15px 0 10px;
    font-size: 1.3rem;
}

#expaccdn .accordion-button h3,
#masmaplegnaccn .accordion-button h3 {
    margin: 0.5rem 0;
}

#expaccdn .accordion-body,
#masmaplegnaccn .accordion-body {
    padding: 0 0 1rem;
}

#expaccdn .accordion-button:not(.collapsed),
#masmaplegnaccn .accordion-button:not(.collapsed) {
    color: #ffffff;
    background-color: transparent;
    box-shadow: none;
}

#expaccdn .accordion-item:last-of-type,
#masmaplegnaccn .accordion-item:last-of-type {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-bottom: 1px solid #ffffff;
}

#expaccdn .accordion-button::after,
#masmaplegnaccn .accordion-button::after {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' d='M8 0a1 1 0 0 1 1 1v6h6a1 1 0 1 1 0 2H9v6a1 1 0 1 1-2 0V9H1a1 1 0 0 1 0-2h6V1a1 1 0 0 1 1-1z' clip-rule='evenodd'/%3e%3c/svg%3e");
    background-color: transparent;
    background-position: center;
    padding: 20px;
    border-radius: 5px;
    transform: scale(.7) !important;
}

#expaccdn .accordion-button:not(.collapsed)::after,
#masmaplegnaccn .accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' d='M0 8a1 1 0 0 1 1-1h14a1 1 0 1 1 0 2H1a1 1 0 0 1-1-1z' clip-rule='evenodd'/%3e%3c/svg%3e");
    background-color: transparent;
    background-position: center;
    padding: 20px;
    border-radius: 5px;
}

.modal-close, .reg-close {
    background: url(assets/dtp_closebtn.svg) no-repeat;
    background-size: 35px;
    border: none;
    width: 35px;
    height: 35px;
    position: absolute;
    top: 10px;
    right: 10px;
}

.reg-close {
    top: -30px;
    opacity:0;
    transition: opacity 0.5s ease;
    cursor: default;
}

.upeventcontain.regup .reg-close {
    opacity:1;
    cursor: pointer;
}

.ginner-container {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.glightbox-clean .gprev, .glightbox-clean .gnext, .glightbox-clean .gclose {
    background-color: rgb(255 255 255 / 100%);
    border-radius: 30px;
    width: 50px;
    height: 50px;
    transition: all 0.5s ease;
    opacity: 1;
}

.glightbox-clean .gprev:hover, .glightbox-clean .gnext:hover, .glightbox-clean .gclose:hover {
    background-color:  rgb(214, 217, 214);
    width: 50px;
    height: 50px;
    transition: all 0.5s ease;
}

body.one-south-avenue .glightbox-clean .gprev, body.one-south-avenue .glightbox-clean .gnext, body.one-south-avenue .glightbox-clean .gclose {
    background-color: rgb(130 250 180 / 100%);
}

body.one-south-avenue .glightbox-clean .gprev:hover, body.one-south-avenue .glightbox-clean .gnext:hover, body.one-south-avenue .glightbox-clean .gclose:hover {
    background-color: #57a778;
}

.glightbox-clean .gclose {
    border-radius: 0;
    top: 0;
    right: 0;
}

.gprev svg,
.gnext svg,
.gclose svg {
    filter: invert(1);
}

.glightbox-clean .gslide-description {
    background: transparent;
  }

.glightbox-clean .gslide-desc {
    font-size: 0.6em;
    margin-bottom: 0;
    font-family: arial;
    line-height: 1.4em;
    font-weight: 300;
    text-align: center;
    font-family: 'Signifier', Georgia, 'Times New Roman', Times, serif;
  }


.goverlay,
.glightbox-mobile .goverlay {
    background: #233223;
}

.glightbox-clean .gprev,
.glightbox-clean .gnext {
    top: 45%;
}

.glightbox-clean .gslide-media {
    box-shadow:none;
}

.glightbox-mobile .glightbox-container .gslide-desc {
    color: #ffffff;
}

/*------------------------------------*\
    COLOURS
\*------------------------------------*/

.cpywhite {
    color: #ffffff !important;
}

.cpygreen {
    color: #233223 !important;
}

.cpycyan {
    color: #14b4fa !important;
}

.cpymint {
    color: #82FAB4 !important;
}

.cpygrey {
    color: #4e4b48 !important;
}

/*------------------------------------*\
    IMAGES
\*------------------------------------*/

.expimg {
    aspect-ratio: 10/9;
    border-radius: 0;
    border-radius: 0 5% 5% 0;
    margin: 0 0 0 -30px;
}

.expimg.expheadimg {
    aspect-ratio: 2/1;
    border-radius: 0;
    border-radius: 0 2vw 2vw 0;
    margin: 0 0 0 -30px;
    width: 95%;
}

.expimg.expheadimg.as43 {
    aspect-ratio: 4/3;
}

.expimg.ralign {
    border-radius: 5% 0 0 5%;
    margin: 0 0 0 30px;
}

.expimg.expheadimg.ralign {
    border-radius: 2vw 0 0 2vw;
    margin: 0 0 0 10%;
}

.expimg.cirimg {
    border-radius: 25%;
    margin: 0 auto;
    width: 75%;
    aspect-ratio: 1/1;
}

.cirimg.cirimgfull {
    border-radius: 50%;
}

img.osalogo {
    padding-bottom: 30px;
    width: 200px;
}

.expimgrect {
    border-radius: 20px;
}

.amenimg {
    margin: 0 auto;
    width: 75%;
}

/*------------------------------------*\
	MAPS
\*------------------------------------*/

/* Landing Page Masterplan */

#landplan.map-wrap {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    aspect-ratio: 1/1;
}


#landplan .map-contain {
    margin: auto;
    position: relative;
    /*     margin-bottom: 1px; */
    padding-top: 73.333%;
    padding-left: 100%;
    overflow: hidden;
    cursor: grab;
}

#landplan .map-contain .map-content {
    position: absolute;
    left: 0;
    top: 0;
    display: inline-block;
    width: 100%;
    min-width: 73.333%;
    min-height: 100%;
    transition: transform 0.5s ease;
}


#landplan .map-contain .map-content img.map {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transition: opacity 0.5s ease;
}

/* Location Macro Map */

#locmacromap.map-wrap {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    aspect-ratio: 1/1;
}


#locmacromap .map-contain {
    margin: auto;
    position: relative;
    /*     margin-bottom: 1px; */
    padding-top: 100%;
    padding-left: 100%;
    overflow: hidden;
    cursor: grab;
}

#locmacromap .map-contain .map-content {
    position: absolute;
    left: 0;
    top: 0;
    display: inline-block;
    width: 100%;
    min-width: 100%;
    min-height: 100%;
    transition: transform 0.5s ease;
}

#locmacromap .map-contain .map-content img.map {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transition: opacity 0.5s ease;
}

/* Location Micro Map */

#locmicromap.map-wrap {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    aspect-ratio: 1/1;
}


#locmicromap .map-contain {
    margin: auto;
    position: relative;
    /*     margin-bottom: 1px; */
    padding-top: 68.6%;
    padding-left: 100%;
    overflow: hidden;
    cursor: grab;
}

#locmicromap .map-contain .map-content {
    position: absolute;
    left: 0;
    top: 0;
    display: inline-block;
    width: 100%;
    min-width: 68.6%;
    min-height: 100%;
    transition: transform 0.5s ease;
}

#locmicromap .map-contain .map-content img.map {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transition: opacity 0.5s ease;
}

/* Development Overview */

#onesouthmap.map-wrap {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    aspect-ratio: 3/2;
}


#onesouthmap .map-contain {
    margin: auto;
    position: relative;
    /*     margin-bottom: 1px; */
    padding-top: 50%;
    padding-left: 100%;
    overflow: hidden;
    cursor: grab;
}

#onesouthmap .map-contain .map-content {
    position: absolute;
    left: 0;
    top: 0;
    display: inline-block;
    width: 100%;
    min-width: 50%;
    min-height: 100%;
    transition: transform 0.5s ease;
}

#onesouthmap .map-contain .map-content img.map {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transition: opacity 0.5s ease;
}


.map-wrap .mapcontrols {
    position: absolute;
    bottom: 10px;
    right: 10px;
    z-index: 30;
    display: flex;
}

.mapzoomin {
    background: url(assets/maps/dtp_zoomin.svg) no-repeat;
    background-size: contain;
    background-position: center;
    width: 30px;
    height: 30px;
    cursor: pointer;
    margin-right: 10px;
}

.mapzoomout {
    background: url(assets/maps/dtp_zoomout.svg) no-repeat;
    background-size: contain;
    background-position: center;
    width: 30px;
    height: 30px;
    cursor: pointer;
}

.mapnav .navpillcontain {
    border: 1px #4E4B48 solid;
    border-radius: 30px;
    height: 42px;
    display: flex;
}

.mapnav .navpillcontain .nav-link {
    background-color: transparent;
    border-radius: 30px;
    height: 36px;
    font-size: 0.8rem;
    color: #4E4B48;
    text-transform: uppercase;
    border-radius: 25px;
    font-family: 'Roboto', Helvetica, Arial, sans-serif;
    transition: all 1s ease;
    padding: 0 30px;
    margin: 2px;
    letter-spacing: 1px;
}

.mapnav .navpillcontain .nav-link.active {
    background-color: #4E4B48;
    border-radius: 30px;
    height: 36px;
    color: #fff;
}

.maptabbtn .nav-link {
    background-color: transparent;
    color: #4E4B48;
    border: 1px solid transparent;
    text-transform: uppercase;
    font-size: 0.7rem;
    margin: 2px auto;
    padding: 7px 15px;
    font-family: 'Roboto', Helvetica, Arial, sans-serif;
    letter-spacing: 1px;
    /* width: 100%; */
    border-radius: 20px;
}

.masmapnav .maptabbtn .nav-link {
    color: #7d867d;
    border: 1px solid #7d867d;
}

.maptabbtn .nav-link.active {
    background-color: #4E4B48;
    color: #ffffff;
    border: 1px solid #4E4B48;
}

.masmapnav .maptabbtn .nav-link.active {
    background-color: #7d867d;
    color: #ffffff;
    border: 1px solid #7d867d;
}

.maptabbtn .nav-link:hover {
    background-color: #716F6D;
    color: #ffffff;
    border: 1px solid #716F6D;
}

.masmapnav .maptabbtn .nav-link:hover {
    background-color: #818581;
    color: #ffffff;
    border: 1px solid #818581;
}

.mw-xl {
    max-width:1400px !important;
}

img.maplegn {
    background-color: #ffffff;
    border-radius: 10px;
}

/*------------------------------------*\
	FORM
\*------------------------------------*/

#contform {
    margin: 0 auto;
    color: #333333;
    font-size: 14px;
    font-family: 'Signifier', Georgia, 'Times New Roman', Times, serif;
    font-weight: 300;
}

#contform .row>* {
    padding: 0 5px;
}

#contform label {
    display: block;
    text-align: left;
    font-size: 16px;
    padding-left: 15px;
    color: #fff;
}

input[type="text"],
input[type="email"],
input[type="tel"],
input[type="number"],
select,
textarea {
    width: 100%;
    margin-bottom: 10px;
    background: none;
    border: 1px solid #fff;
    padding: 10px;
    color: #fff;
    font-size: 18px;
    border-radius: 0;
}

input[type="text"],
input[type="email"],
input[type="tel"],
input[type="number"],
select {
    height: 35px;
}


textarea {
    height: 150px;
    padding-top: 15px;
    resize: none;
}

input[type="submit"] {
    width: 120px;
    height: 45px;
    font-size: 0.75rem;
    color: #505C50;
    border: 1px #fff solid;
    background-color: #fff;
    text-transform: uppercase;
    border-radius: 25px;
    letter-spacing: 1px;
    font-family: 'Roboto', Helvetica, Arial, sans-serif;
    font-weight: 300;
}

input[type="submit"]:hover {
    background-color: #d6d9d6;
}

.form-control+.form-control {
    margin-top: 1em;
}

.form-field {
    position: relative;
}

.wpcf7-acceptance .wpcf7-list-item {
    display: inline-block;
    margin: 0;
    font-size: 12px;
}

.wpcf7-acceptance a {
    text-decoration: underline;
    color: #00587c;
}

.wpcf7 .wpcf7-submit:disabled {
    cursor: not-allowed;
    color: rgba(255, 255, 255, 0.5);
    border: 1px rgba(255, 255, 255, 0.5) solid;
    background-color: #505C50;
}

.osaform .wpcf7 .wpcf7-submit:disabled {
    cursor: not-allowed;
    color: rgba(255, 255, 255, 0.5);
    border: 1px rgba(255, 255, 255, 0.5) solid;
    background-color: #4E4B48;
}

div.wpcf7 .ajax-loader {
    margin: 0 0 0 -24px;
    position: relative;
}

img.checkmark {
    height: 80px;
    padding-bottom: 20px;
}

#contform .dtpccheck label {
    display: flex;
    align-items: flex-start;
    flex-direction: row;
    padding-left: 5px;
}

#contform .dtpccheck .wpcf7-list-item-label {
    font-style: italic;
    font-size: 0.8rem;
    font-weight: normal;
}

#contform .dtpccheck input[type="checkbox"],
#contform input[type="radio"] {
    margin-top: 3px;
    margin-right: 10px;
    width: 13px;
    height: 13px;
    aspect-ratio: 1/1;
    background-color: transparent;
    border-radius: 50%;
    vertical-align: middle;
    border: 1px solid #ddd;
    appearance: none;
    -webkit-appearance: none;
    outline: none;
    cursor: pointer;
}

#contform input[type="radio"] {
    margin-top: -4px;
}


#contform .dtpccheck input[type="checkbox"]:checked,
#contform input[type="radio"]:checked, 
#regform .dtpccheck input[type="checkbox"]:checked,
#regform input[type="radio"]:checked{
    background-color: white;
    box-shadow: inset 0 0 0px 1px #505c50;
}

#contform input[type="text"].form-control,
#contform input[type="email"].form-control,
#contform input[type="tel"].form-control,
#contform textarea.form-control {
    padding: 10px 0px 0px 10px;
    font-size: 16px !important;
    background: none;
    border: none;
    border-radius: 0;
    color: #ffffff;
    border-bottom: 1px solid #ffffff;
}

#contform .dtpcdrop select {
    height: 58px;
    margin-bottom: 0;
    border: none;
    border-bottom: 1px solid #fff;
    font-size: 16px;
    font-family: 'Signifier', Georgia, 'Times New Roman', Times, serif;
    font-weight: 300;
    -webkit-appearance: none;

}

#contform .dtpcradio .wpcf7-radio label {
    padding-left: 0;
    font-size: 1rem;
}

#contform .dtpcradio {
    border-bottom: 1px solid #ffffff;
    margin-bottom: 10px;
    padding-bottom: 14px;
}

#contform .dtpcradio label {
    font-size: 0.8rem;
}

.wpcf7-spinner {
    display: inline-block;
    opacity: 0.75;
    border: none;
    margin: -50px 0 14px 0px;
    margin: -50px 0 24px 0px;
    position: relative;
    width: 120px;
    height: 50px;
    font-size: 0.75rem;
    border: 1px #fff solid;
    background-color: #fff;
    text-transform: uppercase;
    border-radius: 25px;
    font-family: 'Roboto', Helvetica, Arial, sans-serif;
}

.wpcf7-spinner::before {
    content: '';
    position: absolute;
    background-color: #505C50;
    top: 50%;
    left: 50%;
    width: 6px;
    height: 6px;
    border: none;
    border-radius: 100%;
    transform-origin: -1px 0px;
    animation-name: spin;
    animation-duration: 1000ms;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

#contform textarea::placeholder {
    color: #fff;
}

input.wpcf7-not-valid,
textarea.wpcf7-not-valid {
    border: none;
    border-bottom: 1px solid #FF4545;
    color: #FF4545;
}

/* #contform input.wpcf7-not-valid~label,
#contform textarea.wpcf7-not-valid::placeholder {
    color: #FF4545;
} */

#contform input.wpcf7-not-valid.form-control,
#contform textarea.wpcf7-not-valid.form-control {
    border-bottom: 1px solid #FF4545;
}

.dtpcontact_ackno {
    opacity: 0;
    position: absolute;
    background-color: #4E4B48;
    height: 100%;
    pointer-events: none;
    transition: opacity 0.5s ease;
}

.dtpsub_ackno.dtpcontact_ackno {
    background-color: #f5f0f0;
    height: 90%;
}
#thankAncher{
	pointer-events:auto;
}

.upeventreg_ackno.dtpcontact_ackno {   
    background-color: #4d4b48;
    color: #fff;
    height: 300px;
    top: 270px;
}

.dtpcontact_ackno.formgood {
    opacity: 1;
    pointer-events: auto;
}

.sectcont.dtpcontact_form {
    padding: 0;
}

.btnlink.formclose {
    font-size: 0.75rem;
    color: #505C50;
    border: 1px #fff solid;
    background-color: #fff;
    text-transform: uppercase;
    border-radius: 25px;
    font-family: 'Roboto', Helvetica, Arial, sans-serif;
    transition: all 1s ease;
}

.btnlink.onwhite.formclose {
    color: #fff;
    border: 1px #4E4B48 solid;
    background-color: #4E4B48;
}

.btnlink.formclose:hover {
    color: #fff;
    background-color: #505C50;
}

.btnlink.onwhite.formclose:hover {
    color: #4E4B48;
    background-color: #fff;
}

button.btnlink.modal-close {
    background-image: none;
    position: relative;
    font-size: 0.75rem;
    color: #505C50;
    border: 1px #fff solid;
    background-color: #fff;
    text-transform: uppercase;
    border-radius: 25px;
    font-family: 'Roboto', Helvetica, Arial, sans-serif;
    transition: all 1s ease;
    width: initial;
    height: initial;
}

/* Contact Form Drawer */

.contdrawbg {
    background-color: rgba(0,0,0,0);
    transition: background-color 0.5s ease;
    position: fixed;
    top: 0;
    height: 100vh;
    width: 100%;
    z-index: 120;
    pointer-events: none;
}

.contdrawbg.cdopen {
    background-color: rgba(0,0,0,0.3);
}

#contactdrawer {
    position: fixed;
    bottom: -150vh;
    opacity: 0;
    background-color: #505c50;
    width: 100%;
    height: 85vh;
    /* min-height:640px; */
    border-radius: 20px 20px 0 0;
    pointer-events: none;
    transition: all 0.5s ease;
    box-shadow: 0px -10px 18px 10px rgb(0 0 0 / 30%);
    z-index: 121;
}

#contactdrawer .formcont {
    padding: 0 30px;
    margin: 50px 0 0;
    height: 75vh;
    overflow-y:auto;
    align-content: start;
}

#contactdrawer.cdopen {
    bottom: 0;
    opacity: 1;
    pointer-events: auto;
}

/* Subscribe Form */

#subsform label {
    display: inline-block;
    text-align: left;
    font-size: 14px;
    padding-left: 0;
    color: #233223;
}

#subsform input[type="email"] {
    margin-bottom: 10px;
    background: none;
    border: none;
    border-bottom: 1px solid #233223;
    padding: 0px 10px;
    color: #233223;
    font-size: 18px;
    border-radius: 0;
    height: 45px;
}

#subsform input[type="submit"] {
    color: #ffffff;
    border: 1px #fff solid;
    background-color: #233223;
    font-family: 'Roboto', Helvetica, Arial, sans-serif;
    font-weight: 300;
}

#subsform input[type="submit"]:hover {
    background-color: #505c50;
}

#subsform .dtpsubcheck {
    color: #233223;
    font-style: italic;
    font-size: 0.8rem;
    font-weight: normal;
}

#subsform .dtpsubcheck .wpcf7-list-item-label {
    font-style: italic;
    font-size: 0.8rem;
    font-weight: normal;
}

#subsform .dtpsubcheck input {
    margin-top: -2px;
    margin-right: 10px;
    width: 13px;
    height: 13px;
    background-color: transparent;
    border-radius: 50%;
    vertical-align: middle;
    border: 1px solid #233223;
    appearance: none;
    -webkit-appearance: none;
    outline: none;
    cursor: pointer;
}

#subsform .dtpsubcheck input:checked {
    background-color: #233223;
    box-shadow: inset 0 0 0px 1px #505c50;
}

#subsform .wpcf7-spinner {
    display: none !important;
}

/* Reg Form */

#regform input[type="text"].form-control,
#regform input[type="email"].form-control,
#regform input[type="tel"].form-control,
#regform textarea.form-control {
    padding: 10px 0px 0px 10px;
    font-size: 16px !important;
    background: none;
    border: none;
    border-radius: 0;
    color: #ffffff;
    border-bottom: 1px solid #ffffff;
}

#regform label {
    display: block;
    text-align: left;
    font-size: 16px;
    padding-left: 15px;
    color: #fff;
    font-weight: 300;
    top: -4px;
}

#regform .dtpccheck input[type="checkbox"],
#regform input[type="radio"] {
    margin-top: 3px;
    margin-right: 10px;
    width: 13px;
    height: 13px;
    aspect-ratio: 1/1;
    background-color: transparent;
    border-radius: 50%;
    vertical-align: middle;
    border: 1px solid #ddd;
    appearance: none;
    -webkit-appearance: none;
    outline: none;
    cursor: pointer;
}

#regform .dtpccheck label {
    display: flex;
    align-items: flex-start;
    flex-direction: row;
    padding-left: 5px;
}

#regform .dtpccheck .wpcf7-list-item-label {
    font-style: italic;
    font-size: 0.8rem;
    font-weight: normal;
}

#regform .wpcf7-submit:disabled {
    cursor: not-allowed;
    color: rgb(77 75 72);
    border: 1px rgba(255, 255, 255, 0.5) solid;
    background-color: rgba(255, 255, 255, 0.25);
}

/*------------------------------------*\
	VIDEO BG
\*------------------------------------*/

.playbtn {
    width: 90px;
    position: absolute;
    top: 65%;
    left: 50%;
    height: 90px;
    transform: translate(-50%, -50%);
    -webkit-animation: pulseplay 2s infinite;
    border-radius: 60px;
    cursor: pointer;
    pointer-events: auto;
    opacity: 1;
}

.videocontain {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
}

#herovid {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: -10;
}

.fullscreen-bg {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    z-index: -100;
    height: 100vh;
    /* min-height: 850px; */

}

.fullscreen-bg img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    object-position: initial;
    transform: none;
}

.fullscreen-bg__video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    /* transform: translateX(-50%); */
    height: 100%;
    /*  min-height: 850px; */
    -o-object-fit: cover;
    object-fit: cover;
    object-position: top;
}

.fullscreen-bg__video.vidposbottom {
    object-position: bottom;
}


@media only screen and (max-width: 767px) {
    .fullscreen-bg {
        background-position: center !important;
        background-size: cover !important;
    }

    /* 
.fullscreen-bg__video {
    display: none;
  }
 */
}

@media only screen and (min-width : 768px) {

    @media (min-aspect-ratio: 16/9) {
        .fullscreen-bg__video {
            height: 100%;
            -o-object-fit: cover;
            object-fit: cover;
            object-position: initial;
            transform: none;
        }

        .vbg .fullscreen-bg__video {
            /* 

			-o-object-fit: cover;
			object-fit: cover;
			transform: translateX(-50%); */
        }
    }

    @media (max-aspect-ratio: 16/9) {
        .fullscreen-bg__video {
            width: 100%;
            -o-object-fit: cover;
            object-fit: cover;
            object-position: initial;
            transform: none;
        }

        .vbg .fullscreen-bg__video {
            /* 

			-o-object-fit: cover;
			object-fit: cover;
			 transform: translateX(-50%); */
        }
    }
}



/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/


/* SM */
@media only screen and (min-width : 360px) and (max-width : 767px) {}


/* MD */
@media only screen and (min-width : 768px) {

    h1 {
        font-size: 2.6rem;
    }

    .mainmenutoggle {
        left: 20px;
    }

    #dtpnav .navbar-collapse ul {
        width: 45%;
        top: 0;
        left: -100vh;
        transition: left 0.5s ease-out;
    }

    .countnum:last-child {
        padding-bottom: 40px;
    }

    h2.osacont {
        font-size: 2.6rem;
    }

    .expimg,
    .expimg.ralign {
        margin: 0;
    }

    #subsform label {
        font-size: 16px;
    }

    .newscontain img {
        border-radius: 20px 20px 0 0;
    }

    .map-contain {
        padding-top: 72%;
    }

    #sectlp7a {
        left: -110vw;
    }

    #legalcont .navpillcontain .nav-link {
        font-size: 0.75rem;
    }

    #legalcont p {
        line-height: 1.5;
        padding-bottom: 20px;
        font-size: 1rem;
    }

    .termscopy li {
        font-size: 1rem;
        font-weight: 300;
    }

    .expimg.cirimg {
        width: 90%;
    }

    #onesouthmap.map-wrap {
        aspect-ratio: 2/1;
    }
}

/* LG */
@media only screen and (min-width : 992px) {

    h1 {
        font-size: 4rem;
    }

    h2 {
        font-size: 3.2rem;
        line-height: 1;
    }

    h2.osacont {
        font-size: 2.6rem;
    }
    
    h3 {
        font-size: 2.3rem;
    }
    
    h3.h3half {
        font-size: 2rem;
    }
    
    h4 {
        font-size: 1.4rem;
        margin-bottom: 0;
    }
    
    h5 {
        font-size: 1rem;
    }
    
    h6 {
        font-size: 0.8rem;
    }

    p {
        font-size: 1.25rem;
    }

    p.footeraddr {
        line-height: 2;
    }

    .sepline {
        min-width: 450px;
    }

    .menulogo a, a.menulogo {
        background: url(assets/dtp_logoset.svg) no-repeat top 0% left 50% / 80% auto;
        height: 110px;
        width: 270px;
        display: block;
        margin-top: 15px;
        z-index: 100;
        transition: all 0.5s ease;
        color: transparent !important;
    }
      

    .menulogo a {
        position: initial;
        background: url(assets/dtp_logo.png) #233223 no-repeat center / auto 70px;
        margin-top: -5px;
        height: 90px;
    }


    #navcontain.besmall {
        height: 100px;
    }

    #navcontain.besmall .menulogo a {
        height: 60px;
        background: url(assets/dtp_logo.png) #233223 no-repeat center / auto 70px;
    }

    #navcontain, #navcontain.onesouthnav {
        height: 100px;
    }
   

    #dtpnav.navbar .longitem .nav-link {
        width: 120px;
    }

    #dtpnav.navbar .nav-link {
        color: #fff;
        font-size: 0.8rem;
        padding: 10px 1.2vw;
        opacity: 1;
    }

    .nav-link-fade-up .nav-link::before {
        transition: 300ms;
        height: 1px;
        content: "";
        position: absolute;
        background-color: #ffffff;
        width: calc(100% - 2.4vw);
        bottom: 5px;
        opacity: 0;
        position: absolute;
    }
    
    .nav-link-fade-up .nav-link:hover::before {
        bottom: 0px;
        opacity: 1;
    }
    

    #dtpnav .container-fluid {
        padding: 0 10px;
    }

    #dtpnav .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 10px;
        padding-left: 10px;
    }

    #dtpnav .navbar-collapse ul {
        width: 100%;
        height: 40px;
        justify-content: end;
        padding-bottom: 0;
        padding-top: 0;
        padding-right: 0;
        margin-left: 4vw;
        position: initial;
        /* right: 0; */
        background-color: transparent;
    }

    #dtpnav.navbar.mmopen .nav-link {
        color: #fff;
        min-width: 120px;
    }

    #dtpnav.navbar .current_page_item {
        text-decoration: none;
        opacity: 1;
    }

    .dwnlbtn {
        top: 270px;
    }

    .dwnlbtn.scoochup {
        top: 120px;
    }

    .contbtn {
        background-image: url(assets/dtp_ctacontR.svg);
        background-size: 40px auto;
        background-position: right top;
        background-repeat: no-repeat;
        position: fixed;
        top: 120px;
        right: -3px;
        width: 40px;
        height: 135px;
        z-index: 90;
        cursor: pointer;
    }

    .map-wrap {
        aspect-ratio: 15/11;
    }

    .upeventbox .upeventpost .upevent-title {
        font-size: 1.8rem;
    }

    #sectlp3tcont {
        border-radius: 20px;
        margin: 0 10px;
        width: 90%;
    }

    .testibox .testithumb {
        height:auto;
        min-height: 270px;
    }

    .testibox .testipost p {
        font-size: 1.2rem;
    }

    #sectlp5a {
        --r: 50px;
    }

    .upeventcontain {
        height: 560px;
    }

    .upeventbox .upeventpost p::after {
        content: "";
        text-align: right;
        position: absolute;
        bottom: 0;
        left: unset;
        right: 0;
        width: 20%;
        height: 1.2em;
        background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 50%);
    }
    

    .upeventreg {
        padding: 30px 50px;
        min-height: 300px;
    }

    a.testiplay {
        position: absolute;
        bottom: 15%;
        left: 30%;
    }

    .testimo-slider.testimo-sliderB .slick-slide {
        margin: 0 10px;
        box-sizing: border-box;
        height: inherit !important;
        min-height: initial;
        margin-bottom: 0;
        object-fit: cover;
        /* display: flex;
        align-items: stretch;
        justify-content: center; */
    }

    .testibox.boxonmain .testipost {
        /* width: 70vw; */
        justify-content: center;
    }

    .suscont {
        padding: 50px 0;
    }

    .suscont>div:first-child:before {
        display: none;
    }

    .suscont>div:after {
        content: '';
        border-bottom: none;
        border-right: rgb(20 180 250 / 50%) 1px solid;
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        height: 100px;
        width: 0px;
    }

    .gslide-image img {
        height: 80vh;
    }

    img.osalogo {
        width: auto;
        max-width: 280px;
    }

    #sectlp7a {
        left: -65vw;
        aspect-ratio: 1/1;
    }

    #contactdrawer {
        position: fixed;
        bottom: -100vh;
        background-color: #505c50;
        width: 50%;
        height: 80vh;
        max-height: 500px;
        border-radius: 20px 20px 0 0;
        overflow: hidden;
        transition: bottom 0.5s ease;
        right: 10px;
        bottom: -100vh;
        box-shadow: 0px -10px 18px 10px rgb(0 0 0 / 30%);
        z-index: 121;
    }
    
    #contactdrawer .formcont {
        padding: 0 30px;
        margin: 50px 0;
        height: 76vh;
        overflow-y:auto;
    }
    
    #contactdrawer.cdopen {
        bottom: 0;
    }

    footer .menulogo,
    footer.osafooter .osamenulogo {
        margin: 0;
        height: 60px;
        background-position: left top;
    }

   footer .menulogo,
    footer.ocafooter .ocamenulogo {
        margin: 0;
        height: 60px;
        background-position: left top;
    }

  footer .menulogo,
    footer.ooafooter .ooamenulogo{
        margin: 0;
        height: 60px;
        background-position: left top;
    }
  .menulogo-h{
 	height:76px!important;
   }
  .cluster-p{
	padding:1rem 0 1rem;
   }


    footer .socialicons a {
        padding: 0 0 0 15px;
    }

    .expcont {
        padding: 0 20px;
    }

    .expimg.expheadimg {
        width: 90%;
    }

    .expimg.cirimg {
        width: 90%;
    }

    .upeventbox .upeventpost p {
        -webkit-line-clamp: 3;
        height: 4.5em;
    }

    .single-featimg {
        aspect-ratio: 5/2;
    }

    #landplan.map-wrap {
/*         aspect-ratio: 10/6; */
        aspect-ratio: 9/6;
    }

    #locmacromap.map-wrap {
        aspect-ratio: 7/5;
    }

    #locmicromap.map-wrap {
        aspect-ratio: 35/24;
    }

    .map-wrap .mapcontrols {
        bottom: 20px;
        right: 20px;
    }
    
    .mapzoomin {
        width: 40px;
        height: 40px;
    }
    
    .mapzoomout {
        width: 40px;
        height: 40px;
    }

    img.maplegn {
        width: 100%;
        background-color: #ffffff;
        border-radius: 20px;
    }

    img.masmaplegn {
        width: 80%;
        background-color: transparent;
    }

    .mapnav {
        border: 1px solid #4E4B48;
        border-radius: 20px;
        padding: 5px;
    }

    .maptabbtn .nav-link {
        color: #4E4B48;
        border: 1px solid transparent;
        width: auto;
        padding: 7px 20px;
    }

    .masmapnav.mapnav {
        border: 1px solid #7d867d;
    }
    
    .masmapnav .maptabbtn .nav-link {
        color: #7d867d;
        border: 1px solid transparent;
    }

    #landplan.map-wrap, #locmacromap.map-wrap,
    #locmicromap.map-wrap, #onesouthmap.map-wrap  {
        border-radius: 20px;
    }

    #onesouth4a {
        left: -65vw;
        aspect-ratio: 1/1;
    }

    .grid-gallery .gallery-item {
        padding: 0 14px;
        margin-bottom: 14px;
    }

    .upevent-slider .slick-slide {
        padding: 0 50px;
    }

    .upeventcontain {
        height: 270px;
    }
    
    .upeventcontain.regup {
        height: 580px;
    }
    
    .upeventbox {
        height: 300px;
    }

    .upeventbox .upeventpost {
        padding: 50px 50px 30px;
    }

    .upeventreg {
        height: 300px;
    }

    .testimo-slider .slick-slide {
        margin: 0 50px;
    }

    .testicontain {
        background: #fff;
    }

    .testibox .testipost {
        padding: 60px 40px;
    }
    

    .susawardscontain {
        border-radius: 150px;
    }

    #newsfilternav .navpillcontain .nav-link,
    #galleryfilternav .navpillcontain .nav-link {
        font-size: 0.8rem;
        padding: 0 30px;
    }
	
	#retailfilternav .navpillcontain .nav-link {
        font-size: 0.8rem;
        padding: 0 30px;
    }

    .susawards img {
/*         max-width: 150px; */
		max-width: 115px;
        padding: 0 0 20px;
    }

}


/* XL */
@media only screen and (min-width : 1200px) {

    #dtpnav .container-fluid {
        padding: 0 70px;
    }
}

@media only screen and (min-width : 1400px) {

    .col-xxl-20 {
        flex: 0 0 auto;
        width: 20%;
    }

    .col-xxl-80 {
        flex: 0 0 auto;
        width: 80%;
    }

    .playbtn {
        top: 60%;
    }

    #landplan.map-wrap {
        aspect-ratio: 8/6;
    }
}

@media only screen and (max-height: 700px) {
    #sectlp5a {
        width: 95vw;
        height: auto;
        aspect-ratio: 1/1;
    }

    .ignoreminheight-lp5 {
        height: 700px !important;
    }
}

@media only screen and (max-height: 900px) {

    #contactdrawer .formcont {
        height: 75vh;
        overflow-y:auto;
    }
}




/*------------------------------------*\
	OVERRIDES
\*------------------------------------*/


.ignorepadding {
    padding: 0;
}

.ignoreheight {
    height: initial !important;
}

.ignoreminheight {
    min-height: initial !important;
}

.ignoreminheight-sm {
    min-height: initial !important;
}


@media only screen and (min-height: 701px) {

    .ignoreminheight-lp5 {
        height: initial !important;
    }
}



@media only screen and (min-width : 768px) {

    .ignoreminheight-sm {
        min-height: 850px !important;
    }

}

/* ::placeholder {
    color: #888;
} */

#legalcont {
    width: 90%;
    max-width: initial;
    margin: 2% auto 0;
}

.wpcf7 form .wpcf7-response-output {
    background-color: transparent;
    margin: 0;
}

.wpcf7 form.sent .wpcf7-response-output {
    border: none;
    color: #46b450;
    /* Green */
}

.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
    border: none;
    color: #FF4545;
    /* Red */
}

.wpcf7 form.spam .wpcf7-response-output {
    border: none;
    color: #f56e28;
    /* Orange */
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
    border: none;
    color: #ffb900;
    /* Yellow */
}

.wpcf7 form.sent .wpcf7-response-output,
.wpcf7-not-valid-tip {
    display: none !important;
}

.wpcf7-response-output {
    font-size:0.7rem;
}

::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.gbtn.disabled {
    display: none;
}

body:not(.modal-open) {
    padding-right: 0px !important;
}

.modal-open {
    overflow: auto;
    padding-right: 0 !important;
}

/* body.modal-open {
    padding-left: 0 !important; 
    padding-right: 0 !important; 
} */


#loftloader-wrapper .loader-inner {
    padding-bottom: 110px;
}

select {
    color: #fff;
}

.slick-dots li button:before {
    font-family: 'slick';
    font-size: 10px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: #fff;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
    opacity: .75;
    color: #fff;
}