/* normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
    html{font-family: Arial, Helvetica, sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}
    /*! HTML5 Boilerplate v5.2.0 | MIT License | https://html5boilerplate.com/ */

    /*
     * What follows is the result of much research on cross-browser styling.
     * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
     * Kroc Camen, and the H5BP dev community and team.
     */

    /* ==========================================================================
       Base styles: opinionated defaults
       ========================================================================== */

    html, button{ color: #222; }
    input, textarea, select {width: 100%;}
    html { font-size: 1em;line-height: 1.4;  } 

    ::-moz-selection { background: #e7e7e7; color: #000; text-shadow: none; outline: 0; }
    ::selection { background: #e7e7e7; color: #000; text-shadow: none; }
    /* Misc defaults */
    hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } 
    audio, canvas, img, video { vertical-align: middle; }
    fieldset { border: 0; margin: 0; padding: 0;} 
    textarea { resize: vertical;}

    /* ==========================================================================
       Browser Upgrade
       ========================================================================== */

    .browserupgrade { margin:0; background: #e8e8e8; color: #000; padding: 0.2em; text-transform: uppercase; text-align: center;}
    .browserupgrade a {color: #b81424;} 


    /* ==========================================================================
       Author's custom styles
       ========================================================================== */
    body{font-size:16px; background-color:#FFF;}
    h1, h2, h3, h4, h5, h6 { margin:0; font-size: 1em;font-weight: 400;text-transform: uppercase;font-family: "acumin-pro",sans-serif; }
    p{line-height:1.4em; padding-bottom:1em; font-size:0.9em; margin: 0; letter-spacing: 0.02em;color: #939fac;}
    a {text-decoration:none; outline:0; outline-color: rgba(0, 0, 0, 0);color: #ededed;}
    ul {list-style:none; padding:0; margin:0;}
    img {max-width:100%; height:auto;width: 100%;}
    input, textarea, button, select {box-sizing:border-box; border: none; outline: 0; outline-color: rgba(0, 0, 0, 0);}
    textarea, input[type="text"], input[type="tel"], input[type="email"], input[type="submit"], input[type="reset"], select, button {-webkit-appearance: none; -moz-appearance: none; border: 0; appearance:none; -webkit-border-radius:0; border:none; border-radius: 0; background-color: transparent;}
    select > option {padding: 0; -moz-padding:0;}
    ::-webkit-input-placeholder{font-weight: 300;}
    :-moz-placeholder{font-weight: 300;}
    ::-moz-placeholder{font-weight: 300;}
    :-ms-input-placeholder{font-weight: 300;}
    input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type=number] {
  -moz-appearance: textfield;
}
    
     
    /* ==========================================================================
                                  text colors related
       ========================================================================== */
    /* normal */
    body {color:#000; font-family: "acumin-pro",sans-serif;overflow-x: hidden;}
.clearfix:before, .clearfix:after {content: "";display: table;} 
.clearfix:after {clear: both;}
.clearfix: {*zoom: 1;}
/*body{background: url(../assets/Home.jpg) no-repeat 0 0 /100% auto;padding-bottom: 1000px;}*/
@font-face {font-family:"HelveticaNeue Light";src:url("HelveticaNeue Light.ttf");}
@font-face {font-family:"HelveticaNeue Medium";src:url("HelveticaNeue Medium.ttf");}
@font-face {font-family:"Helvetica Neu Bold";src:url("Helvetica Neu Bold.ttf");}
    /* ==========================================================================
                                 commoncode
       ========================================================================== */
.mob,.phmenu,.mob1{display: none;}
.navi,.wrkliv,.ttltws,.designcls13,.designslid,.spacecls1,.spamnts,.placescls21,.lifegway,.vmls,.glink,.solink,.prioty,.wrklvanm1{font-size: 0;}
.navi > li,.wrkliv > div,.ttltws > li,.designcls13 > div,.designslid > div,.spacecls1 > div,.spamnts > li,.placescls21 > li,.lifegway > div,.vmls > div,.glink > li,.solink > li,.prioty > li,.wrklvanm1 > div{display: inline-block;vertical-align: top;font-size: 16px;}
.bannercls,.wrklivpy,.designcls11,.placescls1,.gtwloct,.galerywd{position: relative;}

.error,.vtxt.error {border-bottom: 1px solid #ff0000 !important;}
#orimode{position:fixed;z-index:9999999;left:0;right:0;top:0;bottom:0;background-color:rgba(0,0,0,.9);display:none}.oriprompt{-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);text-align:center;color:#fff;position:absolute;top:50%;left:0;right:0;padding:20px}.oriprompt{text-align:center;color:#fff}.oriprompt h3{color:#fff;text-transform:uppercase;font-size:1.6em}.oriprompt p{color:#fff;text-align:center;font-size:1em;}
.oriprompt img {width: auto;}
#overlay{z-index:999999;align-items: center;justify-content: center;display: none;}
#overlay{width:100%;height:100%;top:0;min-width:320px}
#overlay{position:fixed}
#overlay{background-color:rgba(0,0,0,.6)}
#message{width:30%;color:#000;text-align:center;/*margin:23% auto 0 auto;*/padding:10px}
#message{background-color:rgba(255,255,255,.8)}
#message{font-weight:400}
#message #okbtn{color:#fff;padding:5px 20px;background:#000}
#overlay.closes{display: flex;}
    /* ==========================================================================
                                  Animation
       ========================================================================== */
.navi > li > a:hover,.navi > li.over > a {color: #000;}
.navi > li.over > a::before {width: 100%;left: 0;}
.opts li.over a {color: #000;}
a,.clogo,.navi,.mnulnk > span,.mnulnk.opened span::before,.mnulnk.opened span::after,.hedleft,.hedcontainer,.head,.sldmnu,#subtn{-webkit-transition: all 500ms ease-in-out;-moz-transition: all 500ms ease-in-out;-ms-transition: all 500ms ease-in-out;-o-transition: all 500ms ease-in-out;transition: all 500ms ease-in-out;}
.head.shead {background-color: rgba(255,255,255,1);
    box-shadow: 0 0 10px #ccc;
}
.head.shead .hedcontainer{padding: 15px 0;}
.head.shead .hedleft{width: 15%;} 
.head.shead .navi {padding-top: 25px;}
.designcls13ig img,.wrklvanm11,.wrklvanm12{-webkit-transition: all 500ms ease-in-out;-moz-transition: all 500ms ease-in-out;-ms-transition: all 500ms ease-in-out;-o-transition: all 500ms ease-in-out;transition: all 500ms ease-in-out;}
.designcls13ig {overflow: hidden;}
.designcls13ig:hover img {transform: scale(1.1);}

@media only screen and (min-width : 64em){
     .wrklivtxt.htg.in-view > h1 > span span {opacity: 0;}
    .wrklivtxt.htg > h1 > span span {opacity: 1;}
    .ttltws.htg.in-view > li,.spamnts.htg.in-view > li,.prioty.htg.in-view > li{opacity: 0;transform: translateX(-20px);}
    .ttltws.htg > li,.spamnts > li,.prioty > li{opacity: 1;transform: translateX(0px);}
    .designcls11.htg.in-view::after {width: 100%;}
    .designcls11::after {position: absolute;content: '';top: 0;right: 0;bottom: 0;background-color: rgba(255,255,255,0.9);width: 0;}
    .spacecls11.htg.in-view,.placescls1txt.htg.in-view{animation: none !important;}
.spacecls11.htg,.placescls1txt.htg{opacity: 0;filter: blur(4px);}
.spacecls11.htg,.placescls1txt.htg {animation: fade-in 0.8s 0.5s forwards ease-in-out;}
@keyframes fade-in {100% {opacity: 1;filter: blur(0);}}
     
}
 .dd {-webkit-transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;-ms-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;transition: all 1s ease-in-out;}
.coligm::after ,.spacecls22.fplnshws,.floorpcnt,.wrklivtxt.htg > h1 > .wrk span:first-child,.wrklivtxt.htg > h1 > .wliv span:nth-child(3),.wrklivtxt.htg > h1 > .wply span:nth-child(2) {-webkit-transition: all 1s ease-in-out .3s;-moz-transition: all 1s ease-in-out .3s;-ms-transition: all 1s ease-in-out .3s;-o-transition: all 1s ease-in-out 0.3s;transition: all 1s ease-in-out .3s;}
    .dircircle,.ttltws.htg > li:first-child,.designcls11::after,.spamnts > li:first-child,.prioty > li:first-child ,.wrklivtxt.htg > h1 > .wrk span:nth-child(3),.wrklivtxt.htg > h1 > .wliv span:first-child,.wrklivtxt.htg > h1 > .wply span:nth-child(3){-webkit-transition: all 1s ease-in-out 0.6s;-moz-transition: all 1s ease-in-out 0.6s;-ms-transition: all 1s ease-in-out 0.6s;-o-transition: all 1s ease-in-out 0.6s;transition: all 1s ease-in-out 0.6s;}
.ttltws.htg > li:nth-child(2){-webkit-transition: all 1.2s ease-in-out 0.7s;-moz-transition: all 1.2s ease-in-out 0.7s;-ms-transition: all 1.2s ease-in-out 0.7s;-o-transition: all 1.2s ease-in-out 0.7s;transition: all 1.2s ease-in-out 0.7s;}
.ttltws.htg > li:nth-child(3),.spamnts.htg > li:nth-child(2),.prioty.htg > li:nth-child(2),.wrklivtxt.htg > h1 > .wrk span:nth-child(2),.wrklivtxt.htg > h1 > .wliv span:last-child,.wrklivtxt.htg > h1 > .wply span:first-child {-webkit-transition: all 1.2s ease-in-out 0.8s;-moz-transition: all 1.2s ease-in-out 0.8s;-ms-transition: all 1.2s ease-in-out 0.8s;-o-transition: all 1.2s ease-in-out 0.8s;transition: all 1.2s ease-in-out 0.8s;}
.ttltws.htg > li:nth-child(4) {-webkit-transition: all 1.2s ease-in-out 0.9s;-moz-transition: all 1.2s ease-in-out 0.9s;-ms-transition: all 1.2s ease-in-out 0.9s;-o-transition: all 1.2s ease-in-out 0.9s;transition: all 1.2s ease-in-out 0.9s;}

.wrklivtxt.htg > h1 > .wrk span:nth-child(4),.wrklivtxt.htg > h1 > .wliv span:nth-child(2),.wrklivtxt.htg > h1 > .wply span:nth-child(4),.ttltws.htg > li:nth-child(5),.spamnts.htg > li:nth-child(3),.prioty.htg > li:nth-child(3)  {-webkit-transition: all 1s ease-in-out 1s;-moz-transition: all 1s ease-in-out 1s;-ms-transition: all 1s ease-in-out 1s;-o-transition: all 1s ease-in-out 1s;transition: all 1s ease-in-out 1s;}
.ttltws.htg > li:nth-child(4),.spamnts.htg > li:nth-child(4),.prioty.htg > li:nth-child(4)  {-webkit-transition: all 1s ease-in-out 1.2s;-moz-transition: all 1s ease-in-out 1.2s;-ms-transition: all 1s ease-in-out 1.2s;-o-transition: all 1s ease-in-out 1.2s;transition: all 1s ease-in-out 1.2s;}
.wrklivtxt.htg > h1 > .wply,.ttltws.htg > li:nth-child(5),.spamnts.htg > li:nth-child(5),.prioty.htg > li:nth-child(5)  {-webkit-transition: all 1s ease-in-out 1.4s;-moz-transition: all 1s ease-in-out 1.4s;-ms-transition: all 1s ease-in-out 1.4s;-o-transition: all 1s ease-in-out 1.4s;transition: all 1s ease-in-out 1.4s;}
.dd{-webkit-transition: all 1s ease-in-out 1.6s;-moz-transition: all 1s ease-in-out 1.6s;-ms-transition: all 1s ease-in-out 1.6s;-o-transition: all 1s ease-in-out 1.6s;transition: all 1s ease-in-out 1.6s;}
.w{-webkit-transition: all 1s ease-in-out 2s;-moz-transition: all 1s ease-in-out 2s;-ms-transition: all 1s ease-in-out 2s;-o-transition: all 1s ease-in-out 2s;transition: all 1s ease-in-out 2s;}


    /* ==========================================================================
                                  header
       ========================================================================== */
.phmenu{display: none;}
.head {position: fixed;top: 0;width: 100%;z-index: 999;background-color: rgba(255,255,255,0.85);}
.hedcontainer {margin: 0 2.7% 0 7.6%;padding: 1% 0;}
.hedleft {float: left;width: 16%}
.hedright {float: right;}
.navi {padding-top: 30px;}
.navi > li > a {color: rgba(0,0,0,0.6);text-transform: uppercase;font-size: 1vw;display: block;padding-bottom: 5px;font-weight:700;}
.navi > li::before {width: 2px;position: absolute;content: '';height: 50%;background-color: #000;top: 18%;right: 12px;transform: rotate(23deg);}
.navi > li:last-child::before{width: 0;}
.navi > li {padding-right: 22px;position: relative;}
.navi > li:last-child{padding-right: 0;}

.phmenu {float: right;}
.mnulnk {display: block; width: 25px;height: 25px;margin-top: 8px;}
.mnulnk > span {width: 22px;height: 2px;background-color: #808080;display: block;position: relative;top: 12px;left: 0px;}
.mnulnk span::before {content: "";position: absolute;background-color: #808080;top: -6px;width: 22px; height: 2px;left: 0px;}
.mnulnk span::after {content: "";position: absolute;background-color: #808080;top: 6px;width: 22px; height: 2px;left: 0;}
.sldmnu { position: fixed;right: 0;background-color: #b0b5b6;top: 0px;z-index: 777;bottom: 0;transform: translateX(320px);min-width: 320px;}
.sldmnu.opts-open{transform: translateX(0);}
.opts {padding:70px 40px 30px;}
.opts > li > a {color: #fff;padding: 17px 0;display: block;text-align: right;border-bottom: 1px dotted #fff;font-size: 1em;text-transform: uppercase;font-weight: 700;letter-spacing: 0.02em;}
.opts > li:last-child > a {border-bottom: none;}
.mnulnk.opened span {width: 0;}
.mnulnk.opened span::before {transform: rotate(51deg);top: 0;}
.mnulnk.opened span::after {transform: rotate(-51deg);top: 0;}
.hshtag {position: fixed;right: -18%;top: 50%;transform: rotate(-90deg);}
.hshtag > h4 {font-weight: 700;font-size: 2vw;letter-spacing: 1.2em;}
.hedright{position: relative;}
.rerahed {position: absolute;top: 0px;right: 0%;}
.rerahed > p {  color: #000;font-size: 0.7em;}
    /* ==========================================================================
                                  main content
       ========================================================================== */
video#topVideo {width: 100%;}
.utbev{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.banner .mob1 {margin-top: 59px;}
.lcollvo{object-fit: cover;}
.bannertxt {position: absolute;bottom: 65px;right: 35px;text-align: right;}
.bannertxt > h5 {color: #fff;font-weight: 300;font-size: 3.5vw;line-height: 1em;font-family: "acumin-pro-semi-condensed",sans-serif;}
.bannertxt > p {color: #fff;font-weight: 300;text-transform: uppercase;font-size: 1.4vw;padding-bottom: 0;line-height: 1em;}
.overvwe {margin: 31px 4.7% 0 2.5%;}
/*.wrkliv1 {width: 50%;animation: slideshow 50s linear infinite;background-image: url(../assets/work1bg.jpg);background-repeat: repeat-x;background-position: 0 0;background-size: 300% auto;}
@keyframes slideshow {0% { background-position: 0 0; } 100% { background-position: 190% 0; }}
.wrkliv2 {width: 50%;animation: slideshow 50s linear infinite;background-image: url(../assets/work2bg.jpg);background-repeat: repeat-x;background-position: 0 0;background-size: 300% auto;}*/
.wrkliv1,.wrkliv2{width: 50%;}
.wrklivtxt {position: absolute;top: 0;left: 0;right: 0;bottom: 0;overflow: hidden;}
.wrklivtxt > h1 {color: #fff; font-weight: 700;font-size: 21vw;line-height: 0.7em;margin: -4% -8% 0 0%;letter-spacing: 0.3em;}
.wrklivtxt > h1 > .wliv {display: block;text-align: right;line-height: 0.67em;}
.wrklivtxt > h1 > .wply {display: block;padding-left: 2%;}
.wrklivdesp {padding: 59px 20% 67px 25.1%;}
.prdgtcnt {width: 86%;}
.prdgtcnt > h6 {font-weight: 700;font-size: 0.95vw;letter-spacing: 0.02em;text-transform: unset;color: #58595b;line-height: 1.3em;}
.prdgtcnt > p {font-weight: 400;color: #58595b;font-size: 1vw;padding: 22px 0 0 0;line-height: 1.3em;}
.prkjhlts {font-size:2vw;font-weight:700;padding-top:47px;}
.ttltws {padding-top: 20px;}
.ttltws > li {margin-bottom: 11px;width: 48%;}
.ttltws > li:nth-child(even){width: 52%;}
.ttltws > li > h5 {font-family: "acumin-pro-semi-condensed",sans-serif;font-weight: 700;font-size: 1.15vw;}
.ttltws > li > p {font-weight: 300;color: #000;font-size: 1.3vw;line-height: 1em;text-transform: uppercase;letter-spacing: 0;}
.gallery {margin: 0 5%;}
.gprevnxt {position: absolute;top: 46%;left: -4.5%;right: -4.5%;}
.gprev {float: left;width: 40px;height: 40px;background: url(../img/img.png) no-repeat 2px -790px / 50px auto;transform: rotate(180deg);cursor: pointer;}
.gnxt {float: right;width: 40px;height: 40px;background: url(../img/img.png) no-repeat 2px -790px / 50px auto;cursor: pointer;}
/*.galerywd {width: 76%;}
*/

.designcls {padding: 0 4.7% 76px;margin-top: 85px;background: url(../assets/designbg.jpg) no-repeat center / cover;}
.designcls1 {padding: 48px 2% 0;background-color: rgba(255,255,255,0.95);}
.designcls1p {position: absolute;top: 46%;left: 0;right: 0;}
.designcls1p > p {color: #000;font-weight: 400;font-size: 0.815vw;}
.designcls12 {padding: 70px 16.5%;}
.designcls12 > h5 {font-weight: 600;line-height: 1.2em;font-size: 0.96vw;text-transform: unset;}
.designcls12 > p {font-weight: 400;color: #000;padding: 24px 0 0 0;font-size: 1vw;}
.designcls13 {padding: 3px 3% 0;}
.designcls13ig:first-child {width: 52.8%;}
.designcls13ig:last-child {width: 47.2%;}
.designcls2 {padding: 0 3%;background-color: #fff;}
.designcls21 {padding: 44px 9.1% 30px;background-color: #f1f1f1;}
.designcls21 > h6 {font-weight: 500;font-size: 1.1vw;line-height: 1.3em;}
.designcls21 > p {font-weight: 400;color: #000;padding: 13px 0 0 2px;font-size: 1vw;}
.designcls21 > h4 {font-family: "acumin-pro-semi-condensed",sans-serif;font-weight: 700;font-style: italic;font-size: 1.4vw;padding: 50px 0 0 3px;}
.designcls21 > p.chef{text-transform: uppercase;font-style: italic;padding: 0;font-size: 0.9vw;}
.designcls3 {padding: 54px 3% 65px 11.7%;background-color: #fff;position: relative;}
.designslid1 {width: 66.5%;}
.designslid2{width: 33.5%;box-sizing: border-box;padding-left: 5%;}
.designslid2 > h5 {font-family: "acumin-pro-semi-condensed",sans-serif;font-weight: 300;font-size: 1.65vw;}
.designslid2 > p {color: #000;font-weight: 400;font-size: 1vw;padding: 20px 0 0 0%;line-height: 1.2em;}
.designslig {border: 1px solid rgba(0,0,0,0.1);}
.nxtopic {position: absolute;bottom: 70px;left: 72%; padding: 0 0 0 10px;width: 27%;z-index: 100;}
.nxtp{position: relative;display: block;padding: 11px 0 14px 60px;}
.nxtp::before{position: absolute;content: '';top: 0;left: 0;background: url(../img/img.png) no-repeat 0 -1024px / 65px auto;    width: 50px;height: 55px;}
.nxtp > p {font-family: "acumin-pro-semi-condensed",sans-serif;text-transform: uppercase;color: #626262;font-size: 0.9vw;padding-bottom: 0;}
.shdd > h5 {font-weight: 600;font-family: "acumin-pro-semi-condensed",sans-serif;color: #000;line-height: 0.8em;font-size: 1.2vw;}
.designslid {width: 100%;}
.spacecls {margin: 0 5%;padding: 65px 0 60px;}
.spacecls11 {width: 65%;box-sizing: border-box;padding: 0 2%;background: url(../assets/spacebg.png) no-repeat 0px 0 / 94.5% auto;}
.spacecls11 > h2 {font-weight: 600;font-size: 14vw;line-height: 1.05em;    background-image: url(../assets/spacetxt.jpg);background-position: 0 0;background-repeat: repeat-x;background-size: 200% 100%;height: 100%;width: 100%;-webkit-background-clip: text;-webkit-text-fill-color: transparent;animation: move 40s linear infinite;}
@keyframes move {0% {background-position: 0 0;} 100% {background-position: 150% 0;}}
.spacecls12 {width: 35%;padding: 50px 0 0 0;}
.spacecls12 > p {color: #58595b;font-weight: 400;font-size: 0.93vw;line-height: 1.3em;padding-bottom: 24px;}
.spacecls2 {margin-top: -25px;position: relative;width: 98%}
.spacecls2ig {overflow: hidden;width: 46%;margin-left: 27%;}
.spacecls2ig img{transition: all 1s ease-in-out;}
.spacecls22{position: absolute;width: 100%;top: 0;bottom: 0; transform: scale(0);-webkit-transition: all 1.2s ease-in-out;-moz-transition: all 1.2s ease-in-out ;-ms-transition: all 1.2s ease-in-out ;-o-transition: all 1.2s ease-in-out ;transition: all 1.2s ease-in-out ;}
.spacecls22.fplnshws{background-color: #fff;transform: scale(1);}
.floorpcnt {width: 70%;margin: 0% auto;display: none;}
.floorpcnt.fplnshw {display: block;}
.florclos {position: absolute;top: 2%;right: 13%;}
.florclos > a {display: block;line-height: 1em;font-weight: 500;font-size: 1.2em;border-radius: 50%;  box-shadow: 0px 2px 10px #ccc;width: 25px;height: 25px;color: #000;text-align: center;}
.point-line > a:hover span{background: url(../img/img.png) no-repeat 1px -166.3vh / 9.5vh auto;} 
.point-line > a {font-weight: 600;color: #858585;font-size: 0.9vw;}
.point-line.sxfloor {position: absolute;top: -4%;left: 42%;}
.point-line.fvfloor {position: absolute;top: 11%;left: 20%;}
.point-line.frfloor {position: absolute;top: 44%;right: 18%;}
.point-line.tfloor {position: absolute;top: 54%;right: 12%;}
.point-line.sfloor {position: absolute;top: 50%;left: 15%;}
.point-line.ffloor {position: absolute;top: 70%;right: 15%;}
.point-line.gfloor {position: absolute;top: 83%;right: 15%;}
.point-line.basemnt {position: absolute;top: 85%;left: 15%;}
.point-line span {display: inline-block;vertical-align: middle;width: 4vh;height: 4vh;margin-left: 11px;border-radius: 50%;background-color: #e6e6e6;position: relative;}
.point-line.gfloor span{margin: 0 11px 0 0;}
.point-line.ffloor span,.point-line.tfloor span,.point-line.frfloor span,.point-line.sxfloor span{margin: 0 11px 0 0;}
.point-line.sxfloor span::after {position: absolute;content: '';top: 4vh;left: 1vw;width: 1px;height: 13vh;background-color: #e6e6e6;}
.point-line.fvfloor span::before {position: absolute;content: '';top: 8vh;left: 1vw;width:7.5vw;height: 1px;background-color: #e6e6e6;}
.point-line.fvfloor span::after {position: absolute;content: '';top: 4vh;left: 1vw;width: 1px;height: 4vh;background-color: #e6e6e6;}
.point-line.frfloor span::before {position: absolute;content: '';top: 10vh;left: -4vw;width: 5vw;height: 1px;background-color: #e6e6e6;}
.point-line.frfloor span::after {position: absolute;content: '';top: 4vh;left: 1vw;width: 1px;height: 6vh;background-color: #e6e6e6;}

.point-line.tfloor span::before {position: absolute;content: '';top: 10vh;left: -8vw;width: 9vw;height: 1px;background-color: #e6e6e6;}
.point-line.tfloor span::after {position: absolute;content: '';top: 4vh;left: 1vw;width: 1px;height: 6vh;background-color: #e6e6e6;}
.point-line.sfloor span::before {position: absolute;content: '';top: 11vh;left: 1vw;width:12vw;height: 1px;background-color: #e6e6e6;}
.point-line.sfloor span::after {position: absolute;content: '';top: 4vh;left: 1vw;width: 1px;height: 7vh;background-color: #e6e6e6;}
.point-line.ffloor span::before {position: absolute;content: '';top: 8vh;left: -10vw;width: 11vw;height: 1px;background-color: #e6e6e6;}
.point-line.ffloor span::after {position: absolute;content: '';top: 4vh;left: 1vw;width: 1px;height: 4vh;background-color: #e6e6e6;}
.point-line.gfloor span::before {position: absolute;content: '';top: 10vh;left: -4.5vw;width: 5.5vw;height: 1px;background-color: #e6e6e6;}
.point-line.gfloor span::after {position: absolute;content: '';top: 4vh;left: 1vw;width: 1px;height: 6vh;background-color: #e6e6e6;}
.spamnts {padding-top: 49px;}
.point-line.basemnt span::before {position: absolute;content: '';top: 10vh;left: 1vw;width: 5vw;height: 1px;background-color: #e6e6e6;}
.point-line.basemnt span::after {position: absolute;content: '';top: 4vh;left: 1vw;width: 1px;height: 6vh;background-color: #e6e6e6;}

.spamnts {padding-top: 49px;}
.spamnts > li {font-family: "acumin-pro-condensed",sans-serif;font-weight: 700;color: #58595b;font-size: 1vw;letter-spacing: 0.08em;padding: 14px 32px 11px 23px;background-image: url(../img/img.png);background-repeat: no-repeat;background-size: 66px auto;}
.spamnts > li:first-child{background-position: 0 0;}
.spamnts > li:nth-child(2){background-position: 0 -82px;}
.spamnts > li:nth-child(3){background-position: 0 -178px;}
.spamnts > li:nth-child(4){background-position: 0 -277px;}
.spamnts > li:nth-child(5){background-position: 0 -380px;}
.placescls {padding: 54px 0 0 0;background-color: #f1f2f2;}
.placescls1txt {position: absolute;bottom: 0;left: 3.7%;}
.placescls1txt > p {font-family: "acumin-pro-semi-condensed",sans-serif;font-weight: 100;font-size: 10vw;line-height: 0.85em;padding-bottom: 0;letter-spacing: 0;color: #fff;}
.placescls2 {padding: 47px 20px 44px 4.7%;}
.placescls21 > li > h5 {font-family: "acumin-pro-semi-condensed",sans-serif;font-weight: 700;font-size: 1.25vw;}
.placescls21 > li > p {font-weight: 400; color: #000;font-size: 0.87vw;padding: 2px 0 0 0;}
.placescls21 > li > p span{font-size: 0.8vw;}
.placescls21 > li {width: 28%;margin-right: 5.7%;}
.placescls21 > li:last-child{margin-right: 0;width: 32%;}
.lifegway {padding: 14px 0 42px 4.8%;}
.lifegway1 {width: 40%;box-sizing: border-box;padding: 14.5% 0 0 0;}
.lifegway1 > h5 {font-weight: 600;color: #616161;font-size: 1.65vw;line-height: 1em;}
.lifegway1 > h4 {font-weight: 600;color: #616161;font-size: 4.4vw;line-height: .8em;}
.lifegway1 > h3 {font-weight: 700;font-size: 2vw;}
.lifegway1 > p {width: 81%;padding: 38px 0 0 0;color: #000;font-weight: 400;font-size: 0.9vw;    line-height: 1.3em;}
.lifegway2 {width: 60%;position: relative;}
.zoomgl {position: absolute;top: 34px;right: 48px;z-index: 10;}
.zoomgl .btn {width: 28px;height: 28px;display: inline-block;background-image: url(../img/img.png);background-repeat: no-repeat;background-size: 60px;cursor: pointer;}
.zoomgl .btn.zoom-in {background-position: 1px -436px;margin-right: 13px;}
.zoomgl .btn.zoom-out {background-position: 0px -511px;}
.msplnig {overflow: scroll;}
.glow{transition: all 500ms ease-in-out ;text-align: center;}   
/* width */
.msplnig::-webkit-scrollbar{width: 10px;position: absolute;right: 0px;padding-left: 10px;}
/* Track */
.msplnig::-webkit-scrollbar-track  {box-shadow: inset 0 0 10px #e6e6e6;border-radius: 10px;}
 /* Handle */
.msplnig::-webkit-scrollbar-thumb {background: #e6e6e6;border-radius: 10px;}
/* Handle on hover */
.msplnig::-webkit-scrollbar-thumb:hover {background: #c9c9c9;}
.locnt7 {position: absolute;top: 15%;right: 25.3%;width: 70%;}
.loclst{position: relative;text-align: right;}
.loclst > li {margin-bottom: 12px;}
.loclst > li > a::before{position: absolute;top: 55%;left:22%;width: 0px;height: 1px;background-color: #fff;content: '';}
.loclst > li.actv7 > a::before{width:21%;}
.loclst > li > a {font-family: "acumin-pro-condensed",sans-serif;font-weight: 500;font-size: 1.8vw;text-transform: uppercase;letter-spacing: 0.02em;color: #fff;position: relative;    padding-left: 17%;display: inline-block;width: 35%;box-sizing: border-box;text-align: left;}
.locsublst {display: none;position: absolute;top: 7px;left: 0;text-align: right;width: 65%;}
.loclst > li:first-child > ul.locsublst {display: block;}
.locsublst > li {margin-bottom: 20px;}
.locsublst > li > a {font-family: "acumin-pro-condensed",sans-serif;font-weight: 700;font-size: 1.4vw;text-transform: uppercase;letter-spacing: 0.02em;color: #fff;}
#bookvisit {border-bottom: 33px solid #f2f2f2;}
.bokvstus {width: 65%;margin: 0 auto;padding: 84px 0 45px;}
.bokapnt > h5 {font-weight: 300;font-size: 2.16vw;letter-spacing: 0.02em;line-height: 1em;}
.bokapnt > p {font-weight: 300;text-transform: uppercase;letter-spacing: 0.62em;color: #000;}
.fofiless {padding-top: 62px;}
.cmsl:nth-child(3n+1) {margin-left: 0;}
.cmsl {width: 29%;margin-left: 6%;margin-bottom: 65px;}
.vtxt {background-color: transparent;color: #4b4b4b;font-weight: 300;letter-spacing: 0.02em;border-bottom: 1px solid #4b4b4b !important;}
.sbmt {text-align: right;}
input#subtn {width: auto;font-weight: 700;background-color: #c9c9c9;padding: 13px 35px;letter-spacing: 0.05em;font-size: 1.05em;}
.wrklvanm.htg .wrklvanm1{position: absolute;top: 0;overflow: hidden;}
.wkrk1 .wrklvanm11{transform: translateX(-100%);}
.wkrk1 .wrklvanm12{transform: translateX(100%);}
.wkrk2 .wrklvanm11{transform: translateY(-100%);}
.wkrk2 .wrklvanm12{transform: translateY(100%);}
.wkrk3 .wrklvanm11{transform: translateY(100%);}
.wkrk3 .wrklvanm12{transform: translateY(-100%);}
.wkrk1.wshw .wrklvanm11,.wkrk1.wshw .wrklvanm12{transform: translateX(0);}
.wkrk2.wshw .wrklvanm11,.wkrk2.wshw .wrklvanm12,.wkrk3.wshw .wrklvanm11,.wkrk3.wshw .wrklvanm12{transform: translateY(0);}
.wrkliv.wshwi {opacity: 0;}
.wrklvanm1 > div{width: 50%;}
.gallery > h3 {font-size: 2vw; font-weight: 700;padding-bottom: 20px;}
    /* ==========================================================================
                                 footer
       ========================================================================== */
.footcontainer {padding: 20px 5%;border-bottom: 33px solid #f2f2f2}
.prdlogo {float: left;}
.prdlogo > p {color: #0b1521;text-transform: uppercase;font-family: 'HelveticaNeue Medium';padding-bottom: 5px;text-align: center;}
.prdimgd {width: 120px;}
.dstsocl {float: right;}
.glink > li{position: relative;padding-right: 15px;}
.glink > li:last-child{padding-right: 0;}
.glink > li::after{position: absolute;content: ''; top: 8px;right: 7px;width: 1px;height: 10px;background-color: #1e2f51;}
.glink > li:last-child::after{width: 0;}
.dsts {padding-top: 6px;}
.glink > li > a {color: #1e2f51;text-transform: uppercase;font-family: 'Helvetica Neu Bold';font-size: 0.7em;}
.righty {padding-top: 50px;text-align: right;}
.solink > li{margin-left: 10px;}
.solink > li > a {display: block;width: 42px;height: 42px;background-image: url(../img/img.png);background-repeat: no-repeat;background-size: 65px auto;}
.solink > li > a.fb{background-position: 0 -633px;}
.solink > li > a.lnkin{background-position: 0 -1213px;}
.solink > li > a.insta{background-position: 0 -731px;}
.solink > li > a.twit{background-position: 0 -829px;}
.solink > li > a.ytube{background-position: 0 -928px;}
.aprtbt {padding: 25px 0;}
.prioty > li {margin-right: 7.5%;}
.prioty > li:last-child {margin-right: 0;}
.prioty > li > h5 {font-family: 'Helvetica Neu Bold';font-size: 2em;color: #0b1521;letter-spacing: 0.1em;}
.prioty > li > p {font-family: 'HelveticaNeue Light';;color: #0b1521;letter-spacing: 0.03em;padding-bottom: 0;}
.cpyrt > p {font-family: 'HelveticaNeue Medium';font-size: 0.7em;color: #0b1521;}
#roundimagemsrlivechat {width: auto;}
/*=============================================================================
				22-9-25
===============================================================================*/
.wrklivdesp {padding: 59px 10% 67px 10%;}
.prdgtcnt > h3 {font-size: 2vw;font-weight:700;}
.prdgtcnt > h1 {font-size: 1.7vw;}
.prdgtcnts1 {display: flex;justify-content: space-between;}
.prdgtcnt {width: 50%;}
.prdfroms {width: 40%;}
.prdfroms1 {background: #e6e6e6;padding: 20px 25px;}
.prdfroms1 > h3 {text-transform: capitalize;font-size: 1.2vw;}
.asdedd {margin-top: 20px;}
.asdedd .vmls > div {display: block;}
.asdedd .cmsl {margin-bottom: 20px;margin-left: 0;width: 100%;}
#subtn1 {width: auto;font-weight: 700;background-color: #a0a0a0;padding: 7px 20px;letter-spacing: 0.05em;font-size: 0.9em;}
input#subtn1:hover {color: #fff;}
.asdedd .sbmt {text-align: right;}
/*Floor plan*/
.spacecls2 {position: relative;}
.spacecls21 {transition: all 500ms ease-in-out;filter: blur(5px);}
.projcnmag.fmhide .flrmstr{opacity: 0 !important;visibility: hidden !important;}
.projcnmag.fmhide .pjbdssw2{filter: blur(0px) !important;}
.projcnmag.visible .flrmstr {opacity: 1;visibility: visible;}
.pjbdssw2{filter: blur(3px);}
.flrbtnpop {
    position: absolute;
    top: 8%;
    right: 0;
    bottom: 0;
    width: 63%;
    z-index: 1;
}
.flrbtnpop > a {
    display: flex
;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}
.flrbtnpop > a img {
    width: 8%;
}
.flrmstr {position: absolute;top: 8%;width: 63%;right: 0;bottom: 0;z-index: 777;background: rgba(0, 0, 0, 0.2);align-items: center;justify-content: center;display: flex;transition: all 500ms ease-in-out 0s;opacity: 0;visibility: hidden;}
.pbpopup1 {width: 500px;box-sizing: border-box;padding: 30px;background: #fff;border-radius: 10px;position: relative;}
.ppfrms1 > h3 {text-transform: uppercase;color: #000;font-size: 1.6em;font-weight: 400;}
.ppfrms1 > p {font-size: 0.93vw;padding-top: 5px;color: #231f20;}
.ppfrms {padding-top: 20px;}
.pfrms {width: 100%;margin-bottom: 35px;}
input.crms9 {font-size: 1em;color: #4b4b4b;border-bottom: 1px solid #4b4b4b !important;font-weight: 400;line-height: 1em;padding: 0 0 1px 0;letter-spacing: 0.02em;width: 100%;background-color: transparent !important;}
.mfbtn {text-transform: uppercase;color: #000;padding: 9px 30px;font-size: 1em;background-color: #c9c9c9;}
.mfbtn:hover {color: #fff;}
.ppfrms2 {width: 30%;text-align: center;margin: 0 auto;}
.crms9.error {border-bottom: 1px solid #ff0000 !important;}

/*Contact */
.bokvistfoms {position: relative;}
.bokvistfoms {background: url(../assets/contactus.jpg) center / cover;}
.bokvitsdb1 {display: flex;justify-content: space-between;margin: 0 auto;width: 80%;padding: 1% 0 5% 0;}
.bokfmaps {width: 50%;}
.bokvitsdb1 .bokvstus {width: 43%;background-color: #fff;padding: 3% 2%;margin: 0;}
.bokvitsdb1 .bokapnt > h5 {font-size: 2vw;}
.bokvitsdb1 .fofiless {padding-top: 20px;}
.bokvitsdb1 .vmls > div {display: block;}
.bokvitsdb1 .cmsl {width: 100%;margin-left: 0;margin-bottom: 35px;}
.bokvitsdb1 .sbmt {text-align: right;}
.bokvitsdb1 input#subtn {padding: 10px 25px;}
.bokvitsdb > h3 {font-size: 2vw;font-weight: 700;color: #fff;width: 80%;margin: 0 auto;padding-top: 3%;}

.projconfg > h3 {font-size: 2vw;font-weight: 700;padding-bottom: 20px;}
.flrslst {display: flex;}
.flrslst li.active {font-weight: 700;}
.flrslst li {padding-right: 20px;position: relative;}
.flrslst li::before{width: 2px;position: absolute;content: '';height: 50%;background-color: #58595b;top: 23%;right: 10px;}
.flrslst li:last-child::before{width: 0;}
.flrslst li > a {color: #58595b;text-transform: uppercase;position: relative;}
.projcnmag {padding-top: 40px;position: relative;}
.pjbdss {display: none;justify-content: space-between;}
.pjbdss:first-child {display: flex;}
.pjbdssw1 {width: 35%;/*border: 1px solid #58595b;*/background-color: rgba(19, 48, 85, 0.1);    display: flex;align-items: center;justify-content: center;}
.pjbdssw2 {width: 63%;transition: all 500ms ease-in-out 1s;}
.slojds {padding: 50px;text-align: center;}
.slojds > h4 {font-size: 1.2em;font-weight: 600;padding-bottom: 10px;}
.slojds > p {font-size: 1em;padding-bottom: 10px;color: #4b4b4b;}
.slojds > p > span {font-weight: 700;}
#prjtcnfg {display: none;}

.dwnldbrchs {position: fixed;bottom: 15px;left: 15px;z-index: 9999;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;outline: none !important;}
.brchafrms{display: inline-block;letter-spacing: 1px;font-size: 15px;color: #fff;border: 2px solid #fff;font-weight: 600;border-radius: 4px;padding: 7px;background-color: #133055;text-transform: uppercase;}
.flrmstrs.show, .flrmstrss1.show {display: flex;}
.flrmstrs, .flrmstrss1 {display: none;position: fixed;}
.flrmstrs, .flrmstrss1 {position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 999;background: rgba(0, 0, 0, 0.2);align-items: center;justify-content: center;display: none;transition: all 500ms ease-in-out 0.5s;}
.clo {position: absolute;top: 20px;right: 30px;}
.clo > a {width: 28px;height: 28px;font-weight: 700;font-size: 1.5em;color: #231f20;display: flex;align-items: center;justify-content: center;}

.thank-wrap {margin: 0px auto;padding: 30px;height: auto !important;margin-top: 140px;margin-bottom: 60px;background: #133055;width: 80%;}
.msgicon {height: 60px;width: 60px;border: 4px solid #fff;font-size: 39px;background: #426341;color: #fff;border-radius: 50%;padding: 13px;text-align: center;margin: 0px auto;display: block;}
.oops {color: #fff;text-align: center;font-size: 50px;margin-top: 20px;margin-bottom: 20px;text-transform: none;}
.oops-greet {color: #fff;text-align: center;font-size: 25px;font-weight: 600;margin-bottom: 15px;text-transform: none;}
.oops-subtitle {color: #fff;text-align: center;font-size: 18px;text-transform: none;}	
.go-home {color: #000000;background: #fff;font-size: 16px;padding: 15px 20px;width: 15%;margin: 0px auto;margin-top: 30px;border-radius: 5px;transition: ease 0.5s;}
.adress {text-align: center;}
.adress > h5 > span, .adress > p > span {font-weight: 600;}
.adress > h5 {padding-bottom: 10px;text-transform: none;}
.adress > p {font-size: 1em;text-transform: none;color:#000;}
.fa-arrow-left:before {padding-right: 10px;}
.content {padding-top: 6.2%;}
.prioty {display: flex;justify-content: space-between;}
.prioty > li {margin-right: 0;}

/*Location Advantages*/
 .lifegtwy .lifegway > div{display: block;}
 .lifegtwy .lifegway1 {width: 100%;padding: 0;}
 .lifegtwy .lifwyass {display: flex !important;margin-top: 40px;justify-content: space-between;}
 .lifegtwy .lifegway2 {width: 45%;}
 .lifegtwy .locnt7 {position: inherit; width:53%;}
 .lifegtwy .lifegway {padding: 14px 40px 42px 4.8%;}
 .lifegtwy .locsublst > li > a {color: #000;}
 .lifegtwy .loclst > li > a {color: #000;}
 .lifegtwy .loclst > li > a::before{background-color: #000;}
 .lifegtwy .lifegway1 > p {padding: 15px 0 0 0;}
 .lifegtwy .glow > img {height: auto;}
 .lifegtwy .locsublst > li > a {font-weight: 500;}
 .lifegtwy .locsublst {width: 68%;}
 .lifegtwy .loclst > li > a{padding-left: 15%;}
 .lifegtwy .loclst > li > a::before {left: 17%;}
  /* ==========================================================================
                                 Responsive
       ========================================================================== */
@media only screen and (min-width:1400px){
.galslid.cycle-slide {margin-right: 1%;}
}
@media only screen and (min-width:1200px){
    /*.banner {height: 100vh;overflow: hidden;}*/
    .solink > li > a:hover {-moz-transform: scale(-1) rotate(180deg);-o-transform: scale(-1) rotate(180deg);-ms-transform: scale(-1) rotate(180deg);-webkit-transform: scale(-1) rotate(180deg);transform: scale(-1) rotate(180deg);}
    input#subtn:hover{color: #fff;}
    .glow > img {height: 85vh;width: auto;} 
 .galslid img {height: 75vh;width: auto;}
.designcls11 {width: 85%;margin: 0 auto;}
    .spamnts{text-align: center;}
}
@media only screen and (min-width:1220px) and (max-width:1300px){
/*Location Advantages*/
.lifegtwy .lifegway {padding: 14px 34px 42px 4.8%;}
}

@media only screen and (max-width: 1180px) and (min-width: 820px) and (orientation: landscape){
    .locnt7{top: 11%;}
    .spacecls2ig {width: 52%;margin-left: 24%;}
    .point-line.fvfloor{left: 20%;top: 9%}
    .point-line.frfloor{right: 14%;top: 47%;}
    .point-line.tfloor{right: 11%;top: 57%}
    .point-line.sfloor{left: 11%;}
    .point-line.ffloor{right: 14%;}
    .point-line.gfloor{right: 9%;}
    .point-line.basemnt{left: 13%;}
    .point-line span{width: 20px;height: 20px;}
    .point-line.sxfloor{left: 41%;top: 0;}
    .point-line.sxfloor span::after {top: 20px;left: 10px;height: 55px;}
    .point-line.fvfloor span::after {top: 20px;left: 10px;height: 25px;}
    .point-line.fvfloor span::before {top: 44px;left: 10px;width: 66px;}
    .point-line.frfloor span::after {top: 20px;left: 10px;height: 30px;}
    .point-line.frfloor span::before {top: 50px;left: -42px;width: 53px;}
    
    .point-line.tfloor span::after {height: 25px;top: 20px;left: 10px;}
    .point-line.tfloor span::before {top: 45px;width: 90px;left: -79px;}
    .point-line.sfloor span::after {height: 35px;top: 20px;left: 10px;}
    .point-line.sfloor span::before {top: 54px;left: 10px;width: 170px;}
    .point-line.ffloor span::after {height: 36px;top: 20px;left: 10px;}
    .point-line.ffloor span::before {top: 55px;width: 115px;left: -105px;}
    .point-line.gfloor span::after {height: 36px;top: 20px;left: 10px;}
    .point-line.gfloor span::before {top: 55px;left: -91px;width: 102px;}
     .point-line.basemnt span::after {top: 20px;left: 10px;height: 19px;}
    .point-line.basemnt span::before {top: 38px;left: 10px;width: 45px;}
    .point-line.gfloor span{background: url(../img/img.png) no-repeat 1px -787px / 45px auto;}
    .floorpcnt {width: 75%;}
    .florclos{right: 10%;}
    .galslid.cycle-slide {margin-right: 1%;}
    .ppfrms {padding-top: 10px;}
    .pfrms {margin-bottom: 20px;}
    .ppfrms1 > h3{font-size: 1.5em;}
    .spamnts > li {margin-bottom: 10px;}
}
@media only screen and (max-width: 767px) and (min-width: 470px) and (orientation: landscape){
#orimode {display: block;}
}
@media only screen and (max-width:64em){
    .desk,.hedright,.aprtbt.desk{display: none;}
    .mob,.phmenu{display: block;}
    .hcontainer,.galerywd,.designslid2 > p,.spacecls12,.lifegway1 > p{width: 100%;box-sizing: border-box;}
    .designcls21 > h4{font-size: 1.1em;}
    .ttltws > li > p,.designslid2 > h5{font-size: 1em;}
    .ttltws > li > h5,.designcls21 > h6,.shdd > h5,.placescls21 > li > h5,.placescls21 > li > p span{font-size: 0.9em;}
    .prdgtcnt > h6,.prdgtcnt > p,.designcls12 > h5,.designcls21 > p,.spacecls12 > p,.lifegway1 > p{font-size: 0.8em;}
    .designcls12 > p{font-size: 0.75em;}
    .designcls1p > p,.designcls21 > p.chef,.designslid2 > p,.nxtp > p,.placescls21 > li > p,.prdlogo > p,.point-line > a{font-size: 0.7em;}
    
    .hedcontainer {margin: 0;padding: 20px 30px;}
    .head.shead .hedcontainer {padding: 15px 30px;}
    .head.shead .mnulnk{margin-top: 3px;}
    .hshtag{right: -28%;}
    .hshtag > h4{font-size: 3vw;}
    .bannertxt{bottom: 30px;}
    .wrklivdesp {padding: 50px 30px 30px;}
    .designcls {padding: 0 5% 40px;margin-top: 35px;}
    .designcls1p{top: 39%;}
    .designcls1p > p,.designcls13{padding: 0;}
    .designcls12{padding: 50px 30px;}
    .designcls12 > p{padding-top: 17px;}
    .designcls2 {padding: 0 2%;}
    .designcls21,.designcls3 {padding: 30px;}
    .designcls21 > h4{padding: 30px 0 0 0;}
    .designslid2 > p{line-height: 1.4em;padding-top: 7px;}
    .designslig {margin: 0px 0 20px;}
    .nxtopic{left: 66%;bottom: 50px;}
    .nxtp{padding: 3px 0 10px 40px;}
    .nxtp::before {background: url(../img/img.png) no-repeat 0 -711px / 45px auto;width: 35px;height: 35px;}
    .spacecls{padding: 40px 0;}
    .spacecls11{background-size: 93% auto;}
    .spacecls12{padding: 20px 0 0 0;}
    .spacecls12 > p{padding-bottom: 15px;}
    .spacecls2{margin: 30px 0 0 0;}
    .spamnts,.placescls,.fofiless {padding-top: 30px;}
    .spamnts > li{font-size: 14px;background-size: 50px auto;margin-bottom: 10px;}
    .spamnts > li:first-child{background-position: 0 7px;}
    .spamnts > li:nth-child(2){background-position: 0 -57px;}
    .spamnts > li:nth-child(3){background-position: 0 -129px;}
    .spamnts > li:nth-child(4){background-position: 0 -205px;}
    .spamnts > li:nth-child(5){background-position: 0 -281px;}
    .placescls2,.lifegway {padding: 30px;}
    .locnt7{top: 7%;}
    .placescls21 > li {width: 31%;margin-right: 3%;}
    .lifegway1{padding: 5% 0 0 0;}
    .lifegway1 > p{padding: 20px 20px 0 0;}
    .zoomgl {top: 10px;right: 30px;}
    .loclst > li > a::before{top: 53%;}
    .locsublst{top: 2px;}
    .bokvstus {width: 90%;padding: 45px 0;}
    .bokapnt > h5 {font-weight: 400;}
    .bokapnt > p{letter-spacing: 0.2em;}
    .cmsl{margin-bottom: 35px;}
    input#subtn{font-size: 1em;padding: 10px 25px;}
    .footcontainer {padding: 30px;}
    .prdimgd {width: 90px;}
    .prdlogo > p{padding: 0 0 5px 0;}
    .righty {padding-top: 25px;}
    .solink > li > a{width: 27px;height: 27px;background-size: 40px auto;}
    .solink > li > a.fb{background-position: 0 -389px;}
    .solink > li > a.insta{background-position: 0 -449px;}
    .solink > li > a.twit{background-position: 0 -510px;}
    .solink > li > a.ytube{background-position: 0 -570px;}
    .solink > li > a.lnkin{background-position: 0 -746px;}
    .cpyrt {padding-top: 15px;}
    .spacecls2ig{width: 60%;margin-left: 20%;}
    .point-line.fvfloor{left: 10%;top: 9%}
    .point-line.frfloor{right: 4%;}
    .point-line.tfloor{right: 0%;top: 57%}
    .point-line.sfloor{left: 4%;}
    .point-line.ffloor{right: 8%;}
    .point-line.gfloor{right: 0%;}
    .point-line.basemnt{left: 3%;}
    .point-line span{width: 20px;height: 20px;}
    .point-line.sxfloor{left: 40%;}
    .point-line.sxfloor span::after {top: 20px;left: 10px;height: 55px;}
    .point-line.fvfloor span::after {top: 20px;left: 10px;height: 25px;}
    .point-line.fvfloor span::before {top: 44px;left: 10px;width: 66px;}
    .point-line.frfloor span::after {top: 20px;left: 10px;height: 30px;}
    .point-line.frfloor span::before {top: 50px;left: -42px;width: 53px;}
    
    .point-line.tfloor span::after {top: 20px;left: 10px;height: 15px;}
    .point-line.tfloor span::before {top: 33px;left: -67px;width: 78px;}
    .point-line.sfloor span::after {top: 20px;left: 10px;height: 25px;}
    .point-line.sfloor span::before {top: 44px;left: 10px;width: 110px;}
    .point-line.ffloor span::after {top: 20px;left: 10px;height: 21px;}
    .point-line.ffloor span::before {top: 40px;left: -60px;width: 71px;}
    .point-line.gfloor span::after {top: 20px;left: 10px;height: 31px;}
    .point-line.gfloor span::before {top: 50px;left: -52px;width: 63px;}
    .point-line.basemnt span::after {top: 20px;left: 10px;height: 19px;}
    .point-line.basemnt span::before {top: 38px;left: 10px;width: 45px;}
    .point-line.gfloor span{background: url(../img/img.png) no-repeat 1px -787px / 45px auto;}
    .floorpcnt {width: 87%;} 
    .florclos{right: 3%;}
    .galslid.cycle-slide {margin-right: 1%;}
    .locsublst > li {  margin-bottom: 10px;}
    .gprevnxt{left: -15px;right: -15px;}
    .gprev,.gnxt{background: url(../img/img.png) no-repeat 2px -552px / 35px auto;}
    .rerahed1 > p{color: #000;font-size: 0.7em;padding-top: 10px;padding-bottom: 0;}
    /*=============================================================================
				22-9-25
    ===============================================================================*/
    .prdfroms1 > h3 {font-size: 1.4vw;}
    .ppfrms1 > h3 {font-size: 1.5em;}
    .ppfrms1 > p {font-size: 0.8em;}
    .slojds {padding: 20px;}
    .pjbdssw2,.flrmstr {width: 68%;}
    .flrbtnpop{width: 68%;}
    .pjbdssw1 {width: 30%;}
    .prioty > li > h5 {font-size: 1.6em;}
    .prioty > li > p {font-size: 0.8em;}
    .rerahed1 {text-align: right;}
}
@media only screen and (max-width: 1024px) and (min-width: 768px) and (orientation: landscape){
 .hedright,.aprtbt.desk {display: block;}
 .phmenu {display: none;}
 .navi,.head.shead .navi {padding-top: 10px;}
    .navi > li > a{font-size: 0.75em;}
    .wrklivdesp {padding: 50px 15%;}
    .designcls12 {padding: 50px 10%;}
    .designcls21, .designcls3 {padding: 30px 7%;}
    .point-line.sxfloor{top: 0%;}
    .point-line.fvfloor{left: 13%;top: 9%}
    .point-line.frfloor{right: 8%;top: 47%;}
    .point-line.tfloor{right: 4%;top: 57%}
    .point-line.sfloor{left: 4%;}
    .point-line.ffloor{right: 8%;}
    .point-line.gfloor{right: 3%;}
    .point-line.basemnt{left: 7%;}
    .point-line.sxfloor span::after {top: 20px;left: 10px;height: 55px;}
    .point-line.fvfloor span::after {top: 20px;left: 10px;height: 25px;}
    .point-line.fvfloor span::before {top: 44px;left: 10px;width: 85px;}
    .point-line.frfloor span::after {top: 20px;left: 10px;height: 30px;}
    .point-line.frfloor span::before {top: 50px;left: -42px;width: 53px;}
    
    .point-line.tfloor span::after {height: 25px;}
    .point-line.tfloor span::before {top: 45px;width: 90px;left: -79px;}
    .point-line.sfloor span::after {height: 35px;}
    .point-line.sfloor span::before {top: 54px;left: 10px;width: 170px;}
    .point-line.ffloor span::after {height: 36px;}
    .point-line.ffloor span::before {top: 55px;width: 115px;left: -105px;}
    .point-line.gfloor span::after {height: 36px;}
    .point-line.gfloor span::before {top: 55px;left: -91px;width: 102px;}
     .locnt7{top: 11%;}
    .hedleft,.head.shead .hedleft{width: 13%;}
    .content {padding-top: 76px;}
}
@media only screen and (max-width: 900px){
/*=============================================================================
				22-9-25
    ===============================================================================*/
    .hedleft{width: 115px;}
    .content {
    padding-top: 73px;
}
    .prdgtcnts1 {display: block;}
    .prdgtcnt {width: 86%;margin-bottom: 40px;}
    .prdfroms {width: 70%;}
    .prdgtcnt > h3, .prkjhlts, .gallery > h3, .projconfg > h3, .lifegway1 > h3, .bokvitsdb > h3 {font-size: 1.4em;}
    .prdgtcnt > h1 {font-size: 1.2em;}
    .prdfroms1 > h3 {font-size: 1em;}
    
    .bokvitsdb1 {width: 90%;}
    .bokvitsdb1 .bokapnt > p {font-size: 0.8em;}
    .pjbdss:first-child {display: block;}
    .pjbdssw1 {width: 100%;margin-bottom: 20px; }
    .pjbdssw2 {width: 100%;}
    .flrbtnpop {width: 100%;top: 38%;}
    .flrmstr {width: 100%;top:38%;}
    .ppfrms {padding-top: 10px;}
    .pfrms {margin-bottom: 20px;}
    .prjcnmns {position: relative;}
    #prjtcnfg {display: block;font-size: 1.2em;color: #58595b;position: relative;text-transform: uppercase;}
    .flrslst {display: none;position: absolute;left: 0;top: 100%;background-color: #e6e6e6;padding: 15px;width: 100%;z-index: 10;}
    .flrslst > li {padding-bottom: 10px;}
    .flrslst > li > a  {font-size: 1.1em;}
    .flrslst li::before{display: none;}
    #prjtcnfg::after {position: absolute;content: '';top: 45%;right: 70%;width: 10px;height: 10px;border-top: 2px solid #58595b;border-right: 2px solid #58595b;transform: translateY(-50%) rotate(135deg);transition: all 500ms ease-in-out;}
    #prjtcnfg::after.active{transform: translateY(-50%) rotate(315deg);}
}
@media only screen and (max-width:39em){
    .desk1{display: none;}
    .mob1{display: block;}
    .hedcontainer,.head.shead .hedcontainer{padding: 15px;}
    .hedleft,.head.shead .hedleft{width: 100px;}
    .mnulnk{margin-top: 1px;}
    .bannertxt {bottom: 60px;right: 20px;}
    .prdgtcnt,.ttltws > li,.ttltws > li:nth-child(even),.spacecls11,.placescls21 > li,.placescls21 > li:last-child,.lifegway1,.lifegway2,.bokvstus,.cmsl,.designslid1,.designslid2{width: 100%;box-sizing: border-box;}
    .bannertxt > h5,.lifegway1 > h4{font-size: 1.3em;}
    .bokapnt > p,.vtxt{font-size: 0.8em;}
    .lifegway1 > h5{font-size: 0.7em;}
    .bannertxt > p{font-size: 0.6em;}
        .content {
        padding-top: 59px;
    }
    
    .overvwe {margin: 30px 15px 0 15px;}
    .wrklivdesp {padding: 0 0px 10px;}
    .prdgtcnt > p{padding: 15px 0 0 0;}
    .prkjhlts {padding-top: 30px;font-size: 1.4em;}
    .ttltws {padding-top: 15px;}
    .ttltws > li{margin-bottom: 0;}
    .gallery {margin: 0;padding: 0 15px 0 15px;}
    .galslid.cycle-slide {margin-right: 0;}
    .designcls {padding: 0 15px 40px 15px;margin-top: 30px;}
    .designcls1 {padding: 30px 2% 0;}
    .designcls12 {padding: 30px 10px;}
    .designcls12 > p {padding-top: 10px;}
    .designcls21, .designcls3 {padding: 20px 10px;}
    .nxtp::before {background: url(../img/img.png) no-repeat 0 -395px / 25px auto;width: 20px;height: 20px;}
    .nxtopic {width: 10%;}
    .nxtp > p{display: none;}
    .nxtp {padding: 0;}
    .designcls31 {width: 90%;}
    .spacecls {padding: 30px 15px 0 15px;margin: 0;}
    .spacecls11 {background-size: 98% auto;}
    .spacecls11 > h2{font-size: 23vw;}
    .spamnts > li{background-size: 40px auto;padding: 14px 10px 11px 23px}
    .spamnts > li:first-child{background-position: 0 10px;}
    .spamnts > li:nth-child(2){background-position: 0 -39px;}
    .spamnts > li:nth-child(3){background-position: 0 -97px;}
    .spamnts > li:nth-child(4){background-position: 0 -159px;}
    .spamnts > li:nth-child(5){background-position: 0 -220px;}
    .placescls2, .lifegway {padding: 30px 15px;}
    .placescls21 > li{margin: 0 0 20px 0;}
    .placescls21 > li:last-child{margin-bottom: 0;}
    .lifegway1 {padding: 0;}
    .lifegway1 > p {padding: 20px 10px 30px 0;}
    .msplnig {overflow: auto;}
    .locnt7,.locsublst {position: static;width: 100%;text-align: left;}
    .loclst{text-align: left;padding: 15px 15px 0 15px;}
    .loclst > li{border-bottom: 1px dotted #000;}
    .loclst > li:last-child,.locsublst > li:last-child {border-bottom: none;}
    .loclst > li > a{color: #000;width: 100%;padding:0 0 5px 0;font-size: 0.9em;}
    .loclst > li > a::before{display: none;}
    .loclst > li > a::after {position: absolute;top: 0;right: 10px;width: 10px;height: 10px;content: '';border-top: 1px solid #000;border-right: 1px solid #000;transform: rotate(135deg);transition: all 500ms ease-in-out;}
    .loclst > li.actv7 > a::after{transform: rotate(-45deg);top: 5px;}
    .locsublst {padding-top: 10px;}
    .locsublst > li {margin-left: 10px;border-bottom: 1px dotted #000;}
    .locsublst > li > a{color: #000;font-size: 0.8em;}
    
    .bokvstus {padding: 30px 15px 30px 15px;}
    .bokapnt > h5 {font-size: 0.8em;font-weight: 600;}
    .bokapnt > p {letter-spacing: 0.1em;padding-bottom: 0;}
    .cmsl{margin: 0 0 15px 0;}
    input#subtn {font-size: 0.9em;padding: 7px 20px;}
    .footcontainer {padding: 15px;}
    .prdlogo > p,.point-line > a {font-size: 0.5em;}
    .prdimgd {width: 50px;}
    .righty {padding-top: 15px;text-align: left;}
    .glink > li{padding-right: 9px;}
    .glink > li::after{right: 5px;}
    .solink > li {margin-right: 10px;margin-left: 0;}
    .solink > li:last-child{margin-right: 0;}
    .sbmt {padding: 29px 0 0 25px;}
    
    .point-line.tfloor{top: -20px;}
    .point-line span {width: 16px;height: 16px;margin-left: 5px;}
    
    .point-line.sxfloor{left: 38%;top: -30px;}
    .point-line.fvfloor{left: 5%;top: 3%}
    .point-line.frfloor{right: 1%;top: 36%;}
    .point-line.tfloor{right: -3%;top: 48%}
    .point-line.sfloor{left: 0%;top: 45%;}
    .point-line.ffloor{right: 1%;top: 65%;}
    .point-line.gfloor{right: -3%;}
    .point-line.basemnt{left: -1%;top: 78%;}
    .point-line.sxfloor span::after {top: 16px;left: 8px;height: 40px;}
    .point-line.fvfloor span::after {top: 16px;left: 8px;height: 16px;}
    .point-line.fvfloor span::before {top: 32px;left: 8px;width: 45px;}
    .point-line.frfloor span::after {top: 16px;left: 8px;height: 22px;}
    .point-line.frfloor span::before {top: 38px;left: -13px;width: 22px;}
    
    .point-line.tfloor span::after {top: 16px;left: 8px;height: 15px;}
    .point-line.tfloor span::before {top: 31px;left: -27px;width: 36px;}
    .point-line.sfloor span::after {top: 16px;left: 8px;height: 12px;}
    .point-line.sfloor span::before {top: 27px;left: 8px;width: 55px;}
    .point-line.ffloor span::after {top: 16px;left: 8px;height: 5px;}
    .point-line.ffloor span::before {top: 21px;left: -36px;width: 45px;}
    .point-line.gfloor span::after {top: 16px;left: 8px;height: 5px;}
    .point-line.gfloor span::before {top: 20px;left: -15px;width: 24px;}
    .point-line.basemnt span::after {top: 16px;left: 8px;height: 10px;}
    .point-line.basemnt span::before {top: 25px;left: 8px;width: 20px;}
    .point-line.gfloor span{background: url(../img/img.png) no-repeat 1px -559px / 32px auto;}
    .point-line.ffloor span, .point-line.tfloor span, .point-line.frfloor span, .point-line.sxfloor span,.point-line.gfloor span {margin: 0 5px 0 0;}
    .florclos{right: 0%;}
    .hshtag {right: -27%;}
    .designslid2{padding: 0;}
    .nxtopic {left: auto;right: 0;bottom: 73%;}
    #message {width: 70%;}
    /*=============================================================================
				22-9-25
    ===============================================================================*/
    .prdfroms {width: 100%;}
    .prdgtcnt {margin-bottom: 30px;}
    .asdedd .sbmt {padding: 0;}
    
    .bokvitsdb1 {width: 90%;display: block;}
    .bokfmaps, .bokvitsdb1 .bokvstus {width: 100%;}
    .bokvitsdb1 .bokvstus {margin-top: 4%;padding: 20px;}
    .bokvitsdb1 .bokapnt > h5 {font-size: 1em;}
    .bokvitsdb1 .sbmt {padding: 0;}
    
    .ppfrms1 > h3 {font-size: 1em;}
    .ppfrms1 > p {display: none;}
    .pbpopup1 {width: 80%;padding: 10px;}
    .ppfrms {padding-top: 10px;}
    .pfrms {margin-bottom: 12px;}
    input.crms9 {font-size: 0.8em;}
    .ppfrms2 {width: 35%;}
    .mfbtn {padding: 5px 10px;font-size: 0.8em;}
    .spacecls21 {padding-top: 50px;}
    .fmhide .spacecls21 {padding-top: 0;}
    .gallery > h3, .lifegway1 > h3,.bokvitsdb > h3 {font-size: 1.4em;}
    .bokvitsdb > h3 {width: 90%;}
    
    #prjtcnfg {font-size: 1em;}
    #prjtcnfg::after{right: 55%;width:8px;height:8px;top:40%;}
    .projcnmag {padding-top: 20px;}
    .flrmstr {top:50%;}
    .flrbtnpop{top: 50%;}
    .flrbtnpop > a img {width: 10%;}
    .flrslst > li > a {font-size: 0.9em;}
    .flrslst > li {padding-bottom: 5px;}
    .slojds > h4 {font-size:1.1em;}
    .slojds > p{font-size:0.9em;}
    .brchafrms {font-size: 0.8em;}
    .flrmstrs .ppfrms1 > p {display: block;}
    .clo {top: 4px;right: 5px;}
    .flrmstrs .pbpopup1, .flrmstrss1 .pbpopup1{padding: 15px;}
    .flrmstrs .pfrm, .flrmstrss1s .pfrm {margin-bottom: 20px;}
    .rerahed1 {text-align: left;}
    
    /*Location Advantages*/
    .lifegtwy .lifegway {padding: 30px 15px;}
    .lifegtwy .lifwyass {display: block !important;}
    .lifegtwy .lifegway2, .lifegtwy .locnt7, .lifegtwy .locsublst {width: 100%;}
    .lifegtwy .loclst > li > a {padding-left: 0;}
    .lifegtwy .loclst > li.actv7 > a {font-weight: 700;}
}