/* 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; -webkit-tap-highlight-color: transparent; width: 100%;  max-width: 100%; overscroll-behavior-x: none;}
    body {touch-action: pan-y;}

    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 { margin:0; font-size: 1em;font-family: "TerminaTest-Medium", sans-serif;   font-weight: 400;}
    h4{margin:0; font-size: 1em;font-family: "TerminaTest-Medium", sans-serif; font-weight: 400;}
    h5,h6 { margin:0; font-size: 1em;font-family: "TerminaTest-Medium", sans-serif; font-weight: 400;}
    p{line-height:1.6em; padding-bottom:1em; font-size:0.9em; margin: 0; letter-spacing: 0.01em;color: #000;font-weight: 400;}
    a {text-decoration:none;outline:0; outline-color: rgba(0, 0, 0, 0);}
    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: 400;}
    :-moz-placeholder{font-weight: 400;}
    ::-moz-placeholder{font-weight: 400;}
    :-ms-input-placeholder{font-weight: 400;}
    .burm::-webkit-input-placeholder{color: rgba(255,255,255,0.5);}
    .burm:-moz-placeholder{color: rgba(255,255,255,0.5);}
    .burm::-moz-placeholder{color: rgba(255,255,255,0.5);}
    .burm::-ms-input-placeholder{color: rgba(255,255,255,0.5);}
    .burmz::-webkit-input-placeholder{color: rgba(255,255,255,0.5);}
    .burmz:-moz-placeholder{color: rgba(255,255,255,0.5);}
    .burmz::-moz-placeholder{color:rgba(255,255,255,0.5);}
    .burmz::-ms-input-placeholder{color:rgba(255,255,255,0.5);}
    input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none; 
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}
     
    /* ==========================================================================
                                  text colors related
       ========================================================================== */
    /* normal */
 *{box-sizing:border-box;}
 body {color:#000;font-family: "TerminaTest-Regular";overflow-x: hidden;}
.clearfix:before, .clearfix:after {content: "";display: table;} 
.clearfix:after {clear: both;}
.clearfix: {*zoom: 1;}

@font-face {font-family:"TerminaTest-Demi";src:url("termina-test/TerminaTest-Demi.otf");}
@font-face {font-family:"TerminaTest-Regular";src:url("termina-test/TerminaTest-Regular.otf");}
@font-face {font-family:"TerminaTest-Medium";src:url("termina-test/TerminaTest-Medium.otf");}
@font-face {font-family:"TerminaTest-ExtraLight";src:url("termina-test/TerminaTest-ExtraLight.otf");}
@font-face {font-family:"TerminaTest-Light";src:url("termina-test/TerminaTest-Light.otf");}
@font-face {font-family:"TerminaTest-Thin";src:url("termina-test/TerminaTest-Thin.otf");}
/*body{background: url(../bg/mobile/Project%20Details%20Page.jpg) no-repeat 0 0 / 100% auto;padding-bottom: 1000px;}*/
    /* ==========================================================================
                                 commoncode
       ========================================================================== */
.mob,.mob1,.sldmnu{display: none;}
.mmenu{font-size: 0;}
.mmenu > li{display: inline-block;vertical-align: top;font-size: 16px;}
.albaneslid > div{display: inline-block;vertical-align: middle;font-size: 16px;}
.mdestpe{display: table;width: 100%;}
.mdestpe > li{display: table-cell;vertical-align: top;}
.bannerslid,.bannercls,.albane{position: relative;}

input.error {border: 1px solid #ff0000 !important;}
em.error {
    font-size: 0.7em;
    color: #ff0000;
}
#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,#FlashmesOverlay{z-index:999999;align-items: center;justify-content: center;display: none;}
#overlay,#FlashmesOverlay{width:100%;height:100%;top:0;min-width:320px}
#overlay,#FlashmesOverlay{position:fixed}
#overlay,#FlashmesOverlay{background-color:rgba(0,0,0,.6)}
#message,#flashmessage{width:50%;color:#000;text-align:center;/*margin:23% auto 0 auto;*/padding:10px}
#message,#flashmessage{border-radius: 15px;background-color: #fff;}
#message,#flashmessage{font-weight:400}
#message #okbtn,#flashmessage #okbtn{color: #fff;padding: 10px 40px;background: #810900 ;border-radius: 10px;margin-bottom: 0px;}
#overlay.closes,#FlashmesOverlay.closes{display: flex;}
#flashmessage > p {padding: 25px;font-size: 18px;line-height: 1.5em;}
@media only screen and (max-width: 767px) and (min-width: 470px) and (orientation: landscape) {
    #orimode {display: block;}
}
 /* ==========================================================================
                                  animation
       ========================================================================== */
a,.sldmnu,.hedcontainer,.header,.heder,.logo,.heder > a {-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;}
.hmabout41 img{-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;}
.hmabout41{overflow: hidden;}
.hmabout41:hover img   {transform: scale(1.1);}

.banner11 img,.prjbaner1 img{-webkit-transition: all 800ms cubic-bezier( .42, 0, .58, 1 ) 0.25s;-moz-transition: all 800ms cubic-bezier( .42, 0, .58, 1 ) 0.25s;-ms-transition: all 800ms cubic-bezier( .42, 0, .58, 1 ) 0.25s;-o-transition: all 800ms cubic-bezier( .42, 0, .58, 1 ) 0.25s;transition: all 800ms cubic-bezier( .42, 0, .58, 1 ) 0.25s;}
.banner12{-webkit-transition: all 800ms cubic-bezier( .42, 0, .58, 1 ) 0.5s;-moz-transition: all 800ms cubic-bezier( .42, 0, .58, 1 ) 0.5s;-ms-transition: all 800ms cubic-bezier( .42, 0, .58, 1 ) 0.5s;-o-transition: all 800ms cubic-bezier( .42, 0, .58, 1 ) 0.5s;transition: all 800ms cubic-bezier( .42, 0, .58, 1 ) 0.5s;}
.banersec1 > h6,.locsplt.locatin8{-webkit-transition: all 800ms cubic-bezier( .42, 0, .58, 1 ) 0.75s;-moz-transition: all 800ms cubic-bezier( .42, 0, .58, 1 ) 0.75s;-ms-transition: all 800ms cubic-bezier( .42, 0, .58, 1 ) 0.75s;-o-transition: all 800ms cubic-bezier( .42, 0, .58, 1 ) 0.75s;transition: all 800ms cubic-bezier( .42, 0, .58, 1 ) 0.75s;}
.bnerprz,.locsplt.locatin6{-webkit-transition: all 500ms cubic-bezier( .42, 0, .58, 1 ) 1s;-moz-transition: all 500ms cubic-bezier( .42, 0, .58, 1 ) 1s;-ms-transition: all 500ms cubic-bezier( .42, 0, .58, 1 ) 1s;-o-transition: all 500ms cubic-bezier( .42, 0, .58, 1 ) 1s;transition: all 500ms cubic-bezier( .42, 0, .58, 1 ) 1s;}
.banerfrm,.locsplt.locatin7{-webkit-transition: all 500ms cubic-bezier( .42, 0, .58, 1 ) 1.25s;-moz-transition: all 500ms cubic-bezier( .42, 0, .58, 1 ) 1.25s;-ms-transition: all 500ms cubic-bezier( .42, 0, .58, 1 ) 1.25s;-o-transition: all 500ms cubic-bezier( .42, 0, .58, 1 ) 1.25s;transition: all 500ms cubic-bezier( .42, 0, .58, 1 ) 1.25s;}
.wrkchrt:nth-child(5),.locsplt.locatin5{-webkit-transition: all 500ms cubic-bezier( .42, 0, .58, 1 ) 1.5s;-moz-transition: all 500ms cubic-bezier( .42, 0, .58, 1 ) 1.5s;-ms-transition: all 500ms cubic-bezier( .42, 0, .58, 1 ) 1.5s;-o-transition: all 500ms cubic-bezier( .42, 0, .58, 1 ) 1.5s;transition: all 500ms cubic-bezier( .42, 0, .58, 1 ) 1.5s;}
.locsplt.locatin9{-webkit-transition: all 500ms cubic-bezier( .42, 0, .58, 1 ) 1.75s;-moz-transition: all 500ms cubic-bezier( .42, 0, .58, 1 ) 1.75s;-ms-transition: all 500ms cubic-bezier( .42, 0, .58, 1 ) 1.75s;-o-transition: all 500ms cubic-bezier( .42, 0, .58, 1 ) 1.75s;transition: all 500ms cubic-bezier( .42, 0, .58, 1 ) 1.75s;}

.banner12{opacity: 0}
.content.anmtr .banner12{opacity: 1;}
.banner11 img,.prjbaner1 img{transform: scale(1.2);}
.content.anmtr .banner11 img,.content.anmtr .prjbaner1 img{opacity: 1;transform: scale(1);}
.banersec21,.prjbaner1 {overflow: hidden;}

.brmss:hover,.bbnxt1 > input:hover{background-color: #000 !important;}
.fmbtn1 > a:hover,.bbnxt2 > a:hover{background-color: #fff;}
.fmbtn1 > a:hover span,.bbnxt2 > a:hover{color: #000;}
.bbnxt1 > input:hover{color: #fff;}

.banner2 > a::after,.hmabout11 > a::after,.hmprojct12 > a:after,.getdir > a::after,.fmbtn1 > a span,.brmss,.prjctcnt > a::after,.bbnxt1 > input{-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;}
.banner2 > a:hover,.hmabout11 > a:hover,.hmprojct12 > a:hover{color: #ff2717;}

.banner2 > a:hover::after,.hmabout11 > a:hover::after,.hmprojct12 > a:hover::after,.getdir > a:hover::after{background-color: #ff2717;}
.getdir > a:hover {background-color: #000;}
.compny > li > a:hover,.fcall > a:hover,.fmail:hover,.ftmenu > li > a:hover,.ftmenu > li.active > a,.fotr4 > a:hover,.cpyrt > li > a:hover,.cpyrt > li.active > a{color: #ff2717;}
.prjctcnt > a:hover{color: #ff4e00;}
.prjctcnt > a:hover::after{background-color: #ff4e00;}
/* .ftmenu > li.active > a,.ftmenu > li > a:hover{font-family: "TerminaTest-Demi";} */

.compny > li:first-child > a{pointer-events: none;}
.prjhlts3 .owl-nav button.owl-prev:hover,.prjhlts3 .owl-nav button.owl-next:hover,.gallery3 .owl-nav button.owl-prev:hover,.gallery3 .owl-nav button.owl-next:hover {background-color: #000 !important;}
.prjhlts3 .owl-nav button.owl-prev:hover span,.prjhlts3 .owl-nav button.owl-next:hover span,.gallery3 .owl-nav button.owl-prev:hover span,.gallery3 .owl-nav button.owl-next:hover span{border-color: #fff;}
.hpyfamly3 .owl-nav button.owl-prev:hover,.hpyfamly3 .owl-nav button.owl-next:hover{background-color: #000 !important;}
.hpyfamly3 .owl-nav button.owl-prev:hover span,.hpyfamly3 .owl-nav button.owl-next:hover span{border-color: #fff;}
.navi > li > a{position: relative;}
.navi > li > a:before {position: absolute;content: '';left: 0;bottom: 0px;width: 0%;height: 2px;background-color: #810900; transition: all 500ms ease-in-out;}
.navi > li > a:hover:before,.navi > li.active > a:before {width: 100%;}
.navi > li.active > a,.navi > li > a:hover{color: #810900;}
.fmbtn1 .mob{display: none;}
.social > li > a:hover {transform: scale(1.1);}
   /* ==========================================================================
                                  header
       ========================================================================== */
.header {position: fixed;width: 100%;top: 0;background-color: #fff;z-index: 666;}
.hedcontainer {padding:2% 6.4% 2% 5.7%;display: flex;align-items: center;justify-content: space-between;position: relative;}
.header.shead .hedcontainer::before{bottom: 0;}
.header.shead .hedcontainer {   padding:1% 6.4% 1% 5.7%;}
.logo {width: 10.7vw;}
.header.shead .logo {width: 8vw;}
.navi {display: flex;align-items: center;}
.navi > li {padding-right: 1.9vw;position: relative;}
.navi > li:last-child {
    padding-right: 0;
}
/*
.navi > li::after {position: absolute;content: '';right: 0.9vw;width: 1px;height: 0.9vw;background-color: #585858;top: 50%;transform: translateY(-50%);}
.navi > li:last-child::after{display: none;}
*/
.navi > li > a {color: #000;text-transform: capitalize;font-size: 0.95vw;display: block;font-family: "TerminaTest-Medium";}
li.quoteh > a {color: #fff;background:url(../img/btnbg.png) no-repeat center / cover;padding: 10px 38px;border-radius: 30px;}
.header.shead .heder {
    padding: 0.5% 5%;
}
.header.shead .heder > a{font-size: 1vw;}
   /* ==========================================================================
                                  content
       ========================================================================== */
.content {
    padding-top: 8.4%;
}
.banner {
    padding: 0 5.8%;
    position: relative;
}
.banner::before {
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 73%;
    background: url(../img/bannerbg.jpg) no-repeat center / cover;
    z-index: -1;
}
.banner1 {
    position: relative;
}
.banner12 > h1 {
    font-size: 18.68vw;
    line-height: 1em;
    color: #fff;
}

.banner12 {
    position: absolute;
    left: -2vw;
    right: 0;
    top: 23.5%;
}
.banner12 > h5 {
    color: #fff;
    position: absolute;
    width: 12%;
    right: 10%;
    bottom: -9%;
    font-size: 1.25vw;
}
.banner2 {
    padding-top: 5.8%;
    padding-bottom: 6.5%;
}
.banner2 > h3 {
    font-size: 4vw;
    color: #fff;
    line-height: 1.2em;
}
.banner2 > p {
    font-family: "TerminaTest-ExtraLight";
    color: #fff;
    padding-top: 1%;
    width: 56%;
    font-size: 1.07vw;
}
.banner2 > a {
    color: #fff;
    margin-top: 1.7%;
    display: inline-block;
    position: relative;
    padding-right: 3.5vw;    font-size: 1.1vw;
}
.banner2 > a::after{position: absolute;content: '';right: 0;top: 50%;transform: translateY(-50%);width: 28px;height: 1px;background-color: #fff;}
.hmabout1 {
    padding: 6.7% 0 5.4% 6.2%;
}
.hmabout11 {
    width: 57%;
}
.hmabout11 > h5 {
    font-size: 2.1vw;
    text-transform: capitalize;
    color: #a6241a;
}
.hmabout11 > p {
    font-family: "TerminaTest-Light";
    font-size: 1.25vw;
    padding-top: 0.9%;
}
.hmabout11 > a {
    position: relative;
    font-size: 1.1vw;
    text-transform: capitalize;
    color: #a6241a;
    margin-top: 4px;
    display: inline-block;
    padding-right: 41px;
}
.hmabout11 > a::after{position: absolute;content: '';right: 0;top: 50%;transform: translateY(-50%);width: 30px;height: 1px;background-color: #a6241a;}
.hmabout4 {
    display: flex;
    justify-content: space-between;height: 100%;
}
.hmabout41 {
    width: 54.4%;height: 100%;    position: relative;
    z-index: 1;
}
.hmabout43 { width: 45.6%;background-color: #810900;}
.hmabout42 {
    padding: 9.8% 8% 5% 7.4%;
}
.hmabout42 > h3 {
    font-size: 4vw;
    color: #fff;
    line-height: 1em;padding-bottom: 15px;
}
.hmabout42 > h6 {
    font-family: "TerminaTest-ExtraLight";
    font-size: 2.4vw;
    /* padding-left: 2%; */
    line-height: 1em;
    color: #fff;
}
.hmabout42 > p {
    font-family: "TerminaTest-Light";
    padding-top: 6%;
    font-size: 1.1vw;
    line-height: 1.75em;
    color: #fff;
}
.hmabout2 {
    position: relative;
}

.hmprojct {
    padding: 5% 6% 6%;position: relative;
}
.hmprojct::before{position: absolute;content: ''; top: 0;left: 0;right: 0;width: 100%;height: 100%;background: url(../img/project.jpg) no-repeat left bottom / 101% auto;z-index: -1;}
.hmprojct1 {
    display: flex;
    justify-content: space-between;position: relative;
    z-index: 1;
}
.hmprojct11 > h5 {
    font-size: 3.8vw;
    font-family: "TerminaTest-Light";
}
.hmprojct11 > h3 {
    font-size: 6vw;
    line-height: 1em;
    color: #810900;
}
.hmprojct12 {
    width: 31%;
}
.hmprojct12 > h4 {
    font-size: 3.7vw;
    color: #810900;
}

.hmprojct12 > h6 {
    font-size: 1vw;
    text-transform: uppercase;
    letter-spacing: 0.65vw;
}
.hmprojct12 > h5 {
    padding-top: 6%;
    font-size: 1.4vw;
    line-height: 1.2em;
}
.hmprojct12 > a {
    display: inline-block;
    font-size: 1.1vw;
    margin-top: 6%;
    position: relative;
    color: #810900;
    padding-right: 43px;
}
.hmprojct12 > a::after{position: absolute;content: '';right: 0;top: 50%;transform: translateY(-50%);width: 30px;height: 1px;background-color: #810900;}
.hmprojct2 {
    margin-top: -3.7%;
}

.legacy {display: flex;background-color: #000
}
.legacy1 {
    width: 43.5%;
    padding: 6.4% 6% 5%;background-color:#000;
}
.legacy1 > h5 {
    color: #ff4e00;
    font-size: 2.67vw;
    font-family: "TerminaTest-Light";
}
.legacy1 > h3 {
    color: #fff;
    font-size: 4.7vw;
    line-height: 1.2em;
}
.legacy2 {
    width: 56.5%;
    display: flex;
    padding: 7% 6.5%;
    justify-content: space-between;align-items: center;
    background-color: #1a1a1a;
}
.legacy21 {
    width: 35%;
}
.legacy22 {
    width: 57.5%;
}
.legacy22 > h3 {
    color: #fff;
    font-size: 4.4vw;
    line-height: 1em;
}
.legacy22 > h6 {
    color: #ff4e00;
    font-family: "TerminaTest-Thin", sans-serif;
    font-size: 4.4vw;
    line-height: 1em;
}
.legacy22 > p {
    color: #fff;
    font-size: 1.65vw;
    font-family: "TerminaTest-Thin", sans-serif;
    padding-top: 4%;
    padding-right: 30px;
    padding-bottom: 0;
    line-height: 1.2em;
}
/*-------------------------------------*/
.sticky {
    position: sticky;
    top: 0;
    height: 100vh;
    width: 100%;
    overflow: hidden;
    background-color: #000d13;
}
.scroll_section {
    position: absolute;
    top: 0;
    display: flex;
    height: 100%;
    will-change: transform;
    align-items: center;
}
.engnrxp {
    padding: 0;
    width: 45.6vw;
    flex: none;
}
.hmabout41 .desk {
    height: 100%;
}
.hmabout41 img {
    height: 100%;    object-fit: cover;
}
.scroll-counter {
    position: absolute;
    left: 57.4%;
    bottom: 10%;    z-index: 1;
}
.scroll-counter span.active {
    font-family: "TerminaTest-Regular";
    color: #fff;
}

.scroll-counter span  {
    color: #ff584b;
    font-family: "TerminaTest-ExtraLight";
    font-size: 1.5vw;
    padding: 10px 14px;
}
/*-------------------------------------------------/*/
/*
.legacy1::before {
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    width: 100%;
    height: 1px;
    background-color: #fff;
    top: 50%;
    transform: translateY(-50%);
}
.legacy1 > h5 {
    color: #fff;
    font-size: 1.53vw;
    display: inline-block;
    padding: 0 40px;
    background-color: #000;
    position: relative;
}
.legacy2 {
    display: flex;
    padding-top: 8.3%;justify-content: space-between;
}
.legacy21 > h3 {
    color: #fff;
    font-size: 3.1vw;
    line-height: 1em;
}
.legacy21 > h6 {
    font-family: "TerminaTest-Light";
    color: #ff4e00;
    font-size: 3.1vw;
    line-height: 1em;
}
.legacy21 > h5 {padding-top: 7%;
    color: #fff;
    font-family: "TerminaTest-ExtraLight";
    font-size: 1.2vw;    line-height: 1.2em;
}
.legacy21:nth-child(1) {width: 19%;}
.legacy21:nth-child(2) {width: 21%;}
.legacy21:nth-child(3) {width: 18%;}
.legacy21:nth-child(4) {width: 19%;}
*/
.location {
    padding: 2% 0% 0;
}
.loctin{justify-content: space-between;padding: 0 5.5%;}
.loctin > h3 {
    font-size: 1.55vw;
}
.getdir > a{display: inline-block;background-color: #a6241a;color:#fff;font-size: 1.05vw;position: relative;padding:10px 30px 10px 50px;border-radius: 30px;margin-top: 7px;}
.getdir > a::before{
    content: "";
    position: absolute;
    left: 30px;
    top: 52%;
    transform: translateY(-50%);
    width: 14px;
    height: 14px;
    background-image: url(../img/arrow.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}
.location1 {
    padding-top: 4.8%;position: relative;
}
.location2 {
    padding: 0 8.8% 0 6.8%;    position: relative;
    z-index: 1;
}
.location21 {
    position: relative;
}
.c-line {
    position: absolute;
    content: '';
    left: 3%;
    width: 92.5%;
    height: 2px;
    background-color: #810900;
}
.rowcnt {
    display: flex;
    justify-content: space-between;
}
.rowtem {
    position: relative;
}
.dotrnd1 {
    padding-bottom: 2.5vw;
}
.dotrnd1 > p {
    font-size: 1vw;
    font-family: "TerminaTest-Medium";
    padding-bottom: 0;
}
.dotrnd2 {
    position: absolute;
    bottom: 0.7vw;
    width: 0.7vw;
    height: 0.7vw;
    border-radius: 50%;
    background-color: #a6241a;
    box-shadow: 0px 0px 6px 2px rgb(0 0 0 / 30%);
    left: 50%;
    transform: translateX(-50%);
}
.c-car {
    position: absolute;
    left: 4.4%;
    bottom: -5px;
    z-index: 10;transition: all 500ms ease-in-out;
}
.location21.loc1 .c-car {left: 4.4%;}
.location21.loc2 .c-car {left: 34.4%;}
.location21.loc3 .c-car {left: 65.4%;}
.location21.loc4 .c-car {left: 97.4%;}

.location4:nth-child(1) {
    display: block;
}

.location4 {
    display: none;
}
.exceptn {
    display: flex;
    justify-content: space-between;
    padding: 6% 6% 5.3% 8.4%;
}
.exceptn1 {
    width: 62%;
    padding-top: 2%;
}
.exceptn1 > h6 {
    font-size: 6.05vw;
    font-family: "TerminaTest-Thin";
    color: #fff;
    margin-left: -1%;
    line-height: 1.2em;-webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent;
    background: linear-gradient(to right, #fff 0%, #561914 45%, #a6241a 75%, #a6241a 100%);
}
.exceptn1 > h4 {
    color: #fff;
    font-size: 2.58vw;
    line-height: 1em;
}
.exceptn1 > p {
    color: #fff;
    font-family: "TerminaTest-Light";
    font-size: 1.16vw;
    width: 89%;
    padding-top: 1.9%;
    line-height: 1.4em;
}
.fmbtn {
    display: flex;
    padding-top: 2.5%;
    justify-content: space-between;
    width: 89%;
}
.fmbtn1 {
    width: 30%;
}
.fmbtn1 > a {
    display: block;
    text-align: center;
    padding: 17px 10px;
    border: 1px solid #fff;
    border-radius: 30px;    background-color: #000;
}
.fmbtn1 > a img {
    width: 1.3vw;
}
.fmbtn1 > a span {
    color: #fff;
    display: inline-block;
    padding-left: 8px;
    font-size: 1vw;
}
.exceptn2 {
    width: 31.6%;
}
.bform {
    padding: 8% 8.3%;
    border: 1px solid transparent;
    border-radius: 20px;    background: linear-gradient(#000, #000) padding-box, linear-gradient(to bottom, #810900, #fff) border-box;
}
.bfrm {
    padding-bottom: 18px;
}
input.brms {
    border: 0.5px solid #fff;
    border-radius: 30px;
    font-size: 0.95vw;
    padding: 17px 31px;    color: #fff;
    background-color: transparent !important; font-family: "TerminaTest-Light";
}
.brmss {
    color: #fff;
    background-color: #810900 !important;
    border-radius: 30px;
    padding: 15px 32px;
    text-align: left;
    font-family: "TerminaTest-Light";
    font-size: 1vw;
    border: 0.5px solid #fff !important;
    border-radius: 30px !important;
}
.build {
    background: url(../assets/form.jpg) no-repeat center / cover;
}
/* MAP */
.location1 {    height: 270vh;}
#map{width:100%;height:85vh;}
.location4{position: sticky;top: 10%;height: 90vh;
    overflow: hidden;}
/*
.location3 {
    margin-top: -1vw;
}
*/
.gm-style-iw-chr {
    display: none !important;}
.gm-style .gm-style-iw-c{padding: 0 !important;    border-radius: 20px !important;}
/* .gm-style .gm-style-iw-d{padding: 10px 0 0 15px !important;} */
/* TIMELINE */
.timeline{
 position:absolute;top:60px;left:50%;
 transform:translateX(-50%);
 width:82%;display:flex;align-items:center;z-index:20
}
.point{text-align:center;font-size:11px;letter-spacing:2px}
.dot{width:14px;height:14px;background:#000;border-radius:50%;margin:6px auto}
.line{flex:1;height:1px;background:#000}
/* .center-label{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:140px;height:140px;display:flex;align-items:center;justify-content:center;background:#918e8e38;color:#b50808;font-size:13px;font-weight:800;text-align:center;border-radius:50%;z-index:4;backdrop-filter:blur(6px)} */
.poi{border: 1px solid #b50808;background:#fff;color:#000;padding:5px 10px;border-radius:20px;font-size:10px;white-space:nowrap}
@keyframes pop {
from{transform:scale(.7);opacity:0}
to{transform:scale(1);opacity:1}
}
.locmapicn {margin-top: -25px;}
#location{background:#fff}
.location1{position:relative;height:420vh}
.location4{position:sticky;top:100px;height:100vh;background:#fff;overflow:hidden}
.loctin{padding:32px 40px 0;background:#fff;z-index:6;text-align:center;}
.loctin h3{margin:0;font-size:22px}
.getdir{margin-top:8px}
.locmapicn2 {padding: 40px 0 0 10px;position: absolute;}
.location21{position:absolute;top:10px;width:100%;z-index:5}
.c-line{width:83%;height:1.5px;background:#b50808;margin:0 auto;left:8%;bottom: 4px;}
.rowcnt{display:flex;justify-content:space-between;width:90%;margin:16px auto 0}
.rowtem{padding-bottom:16px;text-align:center;font-size:13px;letter-spacing:2px;text-transform:uppercase;color:#000}
.dotrnd2{box-shadow:0 0 2px 7px #d54e4e4d;width:10px;bottom:0;height:10px;background:#a6241a;border-radius:50%;margin:10px auto 0}
.c-car{position:absolute;left:5%;transition:transform .6s cubic-bezier(.4,0,.2,1)}
.c-car img{width:44px}
.location3{position:absolute;top:55px;left:0;right:0;bottom:0}
#map{width:100%;height:100%}
.location1{padding-top:1.4%}
.gm-style .gm-style-iw-d{overflow: visible !important;}
/* ==========================================================================
                                  Project
========================================================================== */
.prjbanner {
    position: relative;
}
.prjbaner2 {
    position: absolute;
    left: 5%;
    bottom: 9%;    width: 50%;
}
.prjbaner2 > h1 {
    color: #fff;
    font-size: 5vw;
    font-family: "TerminaTest-Regular", sans-serif;line-height: 1.2em;
}
.prjctcnt {background-color: #a32218;
    padding: 6.1% 6% 6.8% 5.3%;position: relative;
}
.prjctcnt::before{position: absolute;content: '';left: 0;right: 0;top: 0;bottom: 0;background: url(../img/aboutbg.jpg) no-repeat center / cover;}
.prjctcnt > h5 {font-family: "TerminaTest-Light";
    color: #fff;
    font-size: 2.87vw;}
.prjctcnt > h2 {
    font-size: 4.45vw;
    color: #fff;    width: 65%;
    line-height: 1.2em;
}
.prjctcnt > h6 {
    font-family: "TerminaTest-ExtraLight";
    color: #fff;
    padding-top: 1%;
    width: 60%;
    font-size: 1.15vw;
}
.prjctcnt > a {
    color: #fff;
    margin-top: 1.7%;
    display: inline-block;
    position: relative;font-size: 1.1vw;
    padding-right: 3.5vw;
}
.prjctcnt > a::after{position: absolute;content: '';right: 0;top: 50%;transform: translateY(-50%);width: 28px;height: 1px;background-color: #fff;}
.prjoview > p {
    font-size: 1.24vw;
    font-family: "TerminaTest-Light";
    width: 65%;
    padding-top: 0.6%;
}

.prjoview > h5 {
    font-size: 2.1vw;
    text-transform: capitalize;
}
.prjoview {
    padding: 5.2% 6.3% 5%;
}
.prjoview1 {
    display: flex;
}
.prjoview11 {
    width: 57.5%;
}
.prjoview12 {
    width: 42.5%;
    padding: 6.7% 5% 1% 8.5%;
    background-color: #810900;
}
.prjoview12 > h6 {
    font-family: "TerminaTest-Light";
    font-size: 1.4vw;
    color: #fff;
}
.prjoview12 > h3 {
    font-size: 3.4vw;
    line-height: 1.2em;
    color: #fff;
}
.prjoview12 > h5 {
    font-family: "TerminaTest-Light";
    font-size: 2vw;
    padding-top: 2px;
    color: #fff;
    padding-bottom: 2%;
}
.prjoview13 {
    padding-top: 7%;
}
.prjoview13 > h6 {
    font-family: "TerminaTest-Light";
    font-size: 1.4vw;
    color: #fff;
/*    color: #ff4e00;*/
}
.prjoview13 > h5 {
    font-size: 1.77vw;
    color: #fff;
    font-family: "TerminaTest-Regular";
}
.featre {
    padding: 5% 5.8% 4%;
}
.featre1 {
    text-align: center;
}
.featre1 > h6 {
    font-family: "TerminaTest-Light";
    font-size: 2.2vw;
}
.featre1 > h3 {
    font-size: 2.9vw;
}
.featre2 {
    padding-top: 2.7%;
    display: flex;
    flex-wrap: wrap;
}  
.featre3:nth-child(3n+1) {
    margin-left: 0;
}
.featre3 {
    width: 32.4%;
    margin-left: 1.4%;
    margin-bottom: 1.4%;
    padding: 4%;background-color: #a6241a;transition: all 500ms ease-in-out;
}
.featre3:hover{background-color: #000;}
.featre31 {
    width: 30%;
    margin: 0 auto;
}
.featre3 > h5 {
    text-align: center;    padding: 0 16%;
    font-family: "TerminaTest-Regular";
    font-size: 1.4vw;
    padding-top: 4%;
    color: #fff;
}
.featre3 > p {
    text-align: center;
    font-size: 1.2vw;
    font-family: "TerminaTest-Light";
    padding-top: 3%;
    line-height: 1.3em;
    color: #fff;
    padding-bottom: 4%;
}
.specificez > h3 {
    text-align: center;
    font-size: 2.85vw;
}
.specificez {
    margin: 0% 5.8% 5%;overflow: hidden;
}
.specifys {
    padding-top: 3.1%;width: 53%;margin: 0 auto;position:relative;
}
.specifyc1 {
    position: relative;
}
.specifyc3 {
    position: absolute;
    left: 7.2%;
    right: 8%;
    bottom: 9.5%;
}
.specifyc3 > h5 {
    font-size: 1.4vw;
    color: #fff;
}
.specifyc3 > ul > li{font-family: "TerminaTest-Light";list-style: disc;
    font-size: 0.9vw;
    padding-top: 2%;
    padding-bottom: 0;
    color: #fff; }
.specifyc3 > p {
    font-family: "TerminaTest-Light";
    font-size: 1.23vw;
    padding-top: 2%;
    padding-bottom: 0;
    color: #fff;    height: 0;
    opacity: 0;
    visibility: hidden;
    transition: all 500ms ease-in-out;
}
.specifyc1::before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.1) 40%, rgba(0, 0, 0, 0.1) 60%, rgba(0, 0, 0, 1) 100%);transition: all 500ms ease-in-out;
}
.specifyc .owl-item.active .specifyc1::before{background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.3) 30%, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 1) 100%);}
.specifyc .owl-item.active .specifyc3 > p{opacity: 1;visibility: visible;height: auto;}
.specifyc .owl-stage-outer {
    overflow: visible !important;
}
.sliderNav {position: absolute;top: -1.5vw;right: -20.4vw;display: flex;}
button.navBtn.prevBtn {background: url(../img/rarrow.png) no-repeat 11px 13px / 15px auto;transform: rotate(180deg);    margin-right: 15px;}
button.navBtn.nextBtn {background: url(../img/rarrow.png) no-repeat 11px 13px / 15px auto;}
button.navBtn {width: 40px;height: 40px;padding: 0;border: 1px solid #ababab;border-radius: 50%;    transition: all 500ms ease-in-out;}
button.navBtn.prevBtn:hover {
    background: #000 url(../img/wrarrow.png) no-repeat 11px 13px / 15px auto;
}
button.navBtn.nextBtn:hover {
    background: #000 url(../img/wrarrow.png) no-repeat 11px 13px / 15px auto;
}
.customDots {padding: 0 15px;display: none;align-items: center;}
button.cdot.activeDot {width: 22px;height: 6px;background-color: #000;border-radius: 5px;margin-left: 15px;}
button.cdot {width: 6px;height: 6px;background-color: #ababab;border-radius: 50%;padding: 0;margin: 0 7px;transition: all 500ms ease-in-out;}
.galery {
    position: relative;
}
.customNav {position: absolute;top: 7%;right: 6%;display: flex;z-index: 10;}
button.pnavBtn.pprevBtn {background: url(../img/wrarrow.png) no-repeat 11px 13px / 15px auto;transform: rotate(180deg);}
button.pnavBtn.pnextBtn {background: url(../img/wrarrow.png) no-repeat 11px 13px / 15px auto;}
button.pnavBtn {width: 40px;height: 40px;padding: 0;border: 1px solid #ababab;border-radius: 50%; transition: all 500ms ease-in-out;}
button.pnavBtn.pprevBtn:hover {
    background: #fff url(../img/rarrow.png) no-repeat 11px 13px / 15px auto;
}
button.pnavBtn.pnextBtn:hover {
    background: #fff url(../img/rarrow.png) no-repeat 11px 13px / 15px auto;
}
.pcustomDots {padding: 0 15px;display: flex;align-items: center;color: #fff;}
button.pdot.activeDot {width: 22px;height: 6px;background-color: #fff;border-radius: 5px;}
button.pdot {width: 6px;height: 6px;background-color: #ababab;border-radius: 50%;padding: 0;margin: 0 7px;transition: all 500ms ease-in-out;}

.prjbtm {
    position: absolute;
    left: 5.6%;
    right: 6%;
    bottom: 4.5%;
    display: flex;
    justify-content: space-between;    z-index: 10;
}
.prjbtm1 {
    width: 46%;
}
.prjbtm1 > h5 {
    font-size: 2.85vw;
    color: #fff;
    font-family: "TerminaTest-Regular";
}
.prjbtm1 > p {
    font-family: "TerminaTest-Light";
    color: #fff;
    font-size: 1.24vw;
    padding-bottom: 0;
    padding-top: 2%;
}
.prjbtm2 {
    display: flex;
    width: 44.2%;
    justify-content: space-between;
}
.thumb.activeThumb {
    border: 2px solid #fff;
}
.thumb {
    width: 23%;
    border-radius: 20px;
    overflow: hidden;
    cursor: pointer;
}
.galery {
    position: relative;
}
.galerywrp {
    position: relative;
}
.galerywrp::before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.1) 40%, rgba(0, 0, 0, 0.1) 60%, rgba(0, 0, 0, 1) 100%);
    transition: all 500ms ease-in-out;
}
.florplan {
    display: flex;
    justify-content: space-between;
    padding: 5% 5.8%;
}
.florplan1 {display: flex !important;
    width: 50% !important;
}
.florplan11:nth-child(1) {
    width: 51%;
}

.florplan11:nth-child(2) {
    width: 42%;
    margin-left: 7%;
}
.florplan1d {
    padding-top: 10px;
}.florplan1d > a {
    display: block;
    position: relative;
    color: #000;
    padding: 0 1% 0 3%;
    font-size: 1.15vw;
}
.florplan1d > a::after {
    position: absolute;
    content: '';
    right: 0;
    top: 0;
    width: 1.6vw;
    height: 1.6vw;
    background: url(../img/floor-arw.png) no-repeat 0 0 / 100% auto;
}
.florplan2 {
    width: 43.7%;
    padding-top: 3.5%;
}
.florplan2 > h6 {
    font-family: "TerminaTest-Regular";
    text-transform: uppercase;
    font-size: 1.4vw;
    color: #a6241a;
}
.florplan2 > h5 {
    font-family: "TerminaTest-Regular";
    font-size: 2vw;
    padding-top: 2%;
    line-height: 1.2em;
    padding-bottom: 2%;
}
.florplan2 > p {
    font-size: 1.24vw;
    font-family: "TerminaTest-Light";
    padding-top: 1.6%;color: rgba(0, 0, 0, 0.5);
}
.florplan2 > h4 {
    font-size: 2.8vw;
    font-family: "TerminaTest-Regular";
    text-transform: uppercase;
    color: #992f23;
    line-height: 1em;
}
/* ==========================================================================
                                  Project
========================================================================== */
.prjbaner1::after {
    position: absolute;
    content: '';top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0.4) 80%, rgba(0, 0, 0, 0.6) 100%);
}
.desincnt {
    background-color: #a32218;
    padding: 4.1% 6% 4.5% 5.3%;position: relative;
}
    
.desincnt::before {
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: url(../img/aboutbg.jpg) no-repeat center / cover;
}
.desincnt > h4 {
    font-family: "TerminaTest-Regular";
    color: #fff;
    font-size: 3.95vw;
    width: 65%;
}
.desincnt > h6 {
    font-family: "TerminaTest-ExtraLight";
    color: #fff;
    padding-top: 1%;
    width: 60%;
    font-size: 1.15vw;
}
.phulsopy {
    background-color: #e5e5e5;
}
.phulsopy1 {
    width: 65%;
    margin: 0 auto;
    text-align: center;
    padding: 4% 0;
}
.phulsopy1 > h5 {
    font-size: 2.1vw;
}
.phulsopy1 > p {
    font-size: 1.24vw;
    font-family: "TerminaTest-Light";
    padding-top: 6px;
    padding-bottom: 6px;
}
.sustinprct {
    padding: 5% 5.7% 3.3%;
}
.sustinprct > h5 {
    text-align: center;
    font-size: 2.1vw;
    text-transform: capitalize;
}
.sustinprct1 {
    padding-top: 3.2%;
    display: flex;
    flex-wrap: wrap;
}
.sustinprct2:nth-child(odd) {
    margin-left: 0;
}
.sustinprct2:hover {
    background-color: #820900;
}

.sustinprct2 {
    width: 49%;
    margin-left: 2%;
    display: flex;
    padding: 3% 3.5% 3% 4.4%;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 2%;    background-color: #000;transition: all 500ms ease-in-out;
}
.sustinprctg {
    width: 21.5%;
}
.sustinprctc {
    width: 75%;
}
.sustinprctc > p {
    padding-bottom: 0;
    color: #fff;
    font-size: 1.57vw;
}

.matrelprct {
    background-color: #e5e5e5;
}
.matrelprct1 {
    width: 69%;
    margin: 0 auto;
    padding: 4.8% 0;
    text-align: center;
}
.matrelprct1 > h5 {
    font-size: 2vw;
}
.matrelprct1 > p {
    font-size: 1.24vw;
    font-family: "TerminaTest-Light";
    padding-top: 2%;
    padding-bottom: 3%;
}
.matrelprct1 > a {
    color: #000;
    font-size: 1.1vw;
    padding-right: 44px;
    position: relative;
}
.prjctcnt > a::after {
    position: absolute;
    content: '';
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 30px;
    height: 1px;
    background-color: #fff;
}
/* ==========================================================================
                                  About Us
========================================================================== */
.prjctcnt.abt{    padding: 5% 6% 5.5% 5.3%;}
.prjctcnt.abt > h2 {
    font-size: 5.25vw;}
.prjctcnt.abt h6 {
    width: 40%;
}
.narative {
    padding: 5.1% 5.6%;    position: relative;
}
.narative::before {    position: absolute;
    content: '';
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: url(../img/narrative.jpg) no-repeat left bottom / 105% auto;
    z-index: -1;}
.narative1 {
    width: 71%;
}
.narative1 > h5 {
    font-size: 2.05vw;
    color: #a6241a;
}
.narative1 > p {
    padding-top: 1.3%;
    font-size: 1.24vw;
    font-family: "TerminaTest-Light";
}
.narative2 {
    padding-top: 5.6%;
}
.narative3 {
    padding: 5.3% 0 1%;
}
.narative4
 {
    text-align: center;
    position: relative;
}

.narative4 > h5 {
    display: inline-block;
    font-size: 2.1vw;
    color: #fff;
    padding: 0 14px;
    position: relative;
    z-index: 1;
}
.narative4::before {
    position: absolute;
    content: '';
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 25%;
    height: 1.5px;
    background-color: #fff;
}
.narative4::after {
    position: absolute;
    content: '';
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 25%;
    height: 1.5px;
    background-color: #fff;
}
.narative3 > p {
    width: 78%;
    margin: 0 auto;
    padding-top: 2.3%;
    font-size: 1.28vw;
    font-family: "TerminaTest-Light";
    text-align: center;
    color: #fff;
}

.fonder {
    background-color: #000;
}
.fonder1 {
    width: 64%;
    margin: 0 auto;
    text-align: center;
    padding: 5.6% 0;
}
.fonder1 > h3 {
    font-size: 3.55vw;
    color: #fff;
    padding-bottom: 1.4%;
}
.fonder1 > p
 {
    font-size: 1.24vw;
    font-family: "TerminaTest-Light";
    color: #fff;
    padding-bottom: 0;
}
.fonder2 {
    padding-top: 4%;
}
.fonder2 > h5 {
    font-size: 1.65vw;
    color: #fff;
}
.fonder2 > h6 {
    font-size: 1.34vw;
    font-family: "TerminaTest-Light";
    color: #fff;
    padding-top: 5px;
}
.fondrg {
    width: 18.5%;
    margin: 0 auto;
    padding-top: 3%;
}
.alegacy {
    position: relative;
}
.alegacy5 {
    position: absolute;
    left: 0;
    bottom: 0;
}
.alegacy1 .owl-stage {
    display: flex;
}
/*.alegacy1 .owl-stage .owl-item{    background-color: #99261d;}*/
.alegacy4 {
    background-color: #99261d;
    display: flex;
    justify-content: flex-end;
}
.alegacy2 {
    height: 100%;
    display: flex;
    flex-direction: column;
}
.alegacy2 > div {
    flex: 1;
}
.alegacy21 {
    width: 55.4%;
    padding: 3.5% 5% 3.5%;    background: url(../img/ourlegacybg.jpg) no-repeat center / cover;
}
.alegacy21 > h5 {
    color: #fff;
    font-size: 2vw;
}
.alegacy21 > h6 {
    color: #fff;
    font-family: "TerminaTest-Regular";
    font-size: 2vw;
    line-height: 1.1em;
}
.alegacy21 > p {
    font-size: 1.24vw;
    color: #fff;
    width: 81%;
    padding-top: 9px;
    font-family: "TerminaTest-Light";
    line-height: 1.4em;
    padding-bottom: 0;
}
.alegacy5 {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 44.6%;
    padding: 2.2% 5.5% 2.7%;
    background-color: #000;    z-index: 1;
}
.alegacy5 > h6 {
    font-family: "TerminaTest-Light";
    font-size: 4vw;
    color: #fff;    background: linear-gradient(90deg, #fff 0%, #ffefee 35%, #ffa8a2 50%, #ffa8a2 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.alegacy5 > h4 {
    font-size: 2vw;
    color: #fff;
}
.alegacy5 > p {
    padding-bottom: 0;
    color: #fff;
    font-family: "TerminaTest-Light";
    font-size: 1.42vw;
    width: 70%;
}

.alegacy1 .owl-dots {
    position: absolute;
    text-align: center;
    top: 67%;
    width: 100%;
}
.alegacy1 button.owl-dot {
    width: 10px;
    height: 10px;
    background-color: #808c99 !important;
    border-radius: 50%;
    margin: 0 7px;transition: all 500ms ease-in-out;
}
.alegacy1 button.owl-dot.active {
    background-color: #fff !important;
    width: 25px;
    border-radius: 10px;
}
.alegacy1 .owl-nav {
    position: absolute;
    bottom: 12%;
    left: 42.5%;    z-index: 2;
}
.alegacy1 button.owl-prev {
    display: none;
}
.alegacy1 button.owl-next {
    width: 60px;
    height: 60px;
    background-color: #fff !important;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.alegacy1 button.owl-next span {
    background: url(../img/rarrow.png) no-repeat 0 0 / 100% auto;
    width: 20px;
    height: 15px;    font-size: 0;
}
.alegacy1 {
    z-index: auto !important;
}
.values {
    padding: 5.8% 5.7%;
}
.values1 {
    width: 80%;
    margin: 0 auto;
    text-align: center;
}
.values1 > h5 {
    font-size: 2.05vw;
}
.values1 > p {
    font-family: "TerminaTest-Light";
    font-size: 1.24vw;
    padding-top: 0.9%;
}
.values2 {
    display: flex !important;
    flex-wrap: wrap;
    padding-top: 2%;
}
.values21:nth-child(odd) {
    margin-left: 0;
}
.values21:hover {
    background-color: #000;
}
.values21 {
    width: 49%;
    margin-left: 2%;
    margin-bottom: 2%;
    padding: 4.4%;
    display: flex;
    justify-content: space-between;background-color: #9f281f;transition: all 500ms ease-in-out;
}
.values31 {
    width: 24.5%;
}
.values32 {
    width: 68%;
}
.values32 > h5 {
    font-size: 1.4vw;
    color: #fff;
}
.values32 > p {
    color: #fff;
    font-size: 1.15vw;
    font-family: "TerminaTest-Light";
    padding-top: 4%;
    line-height: 1.7em;    padding-bottom: 0;
}
.values3 {
    display: flex !important;
    justify-content: space-between;
    padding: 2.4% 2% 0;position: relative;
}
.values3::after {
    position: absolute;
    content: '';
    top: 34%;
    left: 8%;
    right: 8%;
    height: 6px;
    background-color: #923227;z-index: -1;
}
.values41 {
    width: 22%;
}
.values4g {
    width: 46%;
    margin: 0 auto;
}
.values4c {
    padding-top: 8%;
    text-align: center;
}
.values4c > h5 {
    font-size: 1.4vw;
    color: #923227;
}
.values4c > p {
    font-size: 1.3vw;
    line-height: 1.3em;
    padding-top: 2%;
    padding: 0 4%;
}

/* ==========================================================================
                                  Career
========================================================================== */
.desincnt > h5 {
    color: #ff5a4d;
    font-family: "TerminaTest-Light";
    font-size: 2.4vw;
    letter-spacing: 2vw;
}
.wywork {
    padding: 4.6% 5.8%;
}
.wywork1 {
    width: 78%;
    margin: 0 auto;
    text-align: center;
}
.wywork1 > h5 {
    font-size: 2.1vw;
}
.wywork1 > p {
    font-size: 1.23vw;
    padding-top: 1.5%;
    color: rgba(0, 0, 0, 0.6);
}
.wywork2 {
    padding-top: 3.5%;
    display: flex;
    flex-wrap: wrap;
}
.wywork3:nth-child(odd) {
    margin-left: 0;
}
.wywork3 {
    width: 49.3%;
    padding: 5.6% 4% 5% 5%;
    margin-left: 1.1%;
    margin-bottom: 1%;background-color: #000;
}
.wywork3g {
    width: 20%;
}
.wywork3 > h5 {
    color: #fff;
    font-size: 1.44vw;
    padding-top: 4%;
    width: 75%;
}
.wywork3 > p {
    color: #fff;
    font-size: 1.23vw;
    font-family: "TerminaTest-Light";
    padding-top: 3.3%;
    padding-bottom: 0;
}
.expectz {
    margin: 0 5.8% 5%;
    background-color: #a6241a;
    border-radius: 30px;
    padding: 5.5%;
}
.expectz1 {
    display: flex;
    justify-content: space-between;
}
.expectz2 {
    width: 44.2%;
}
.burms {padding-bottom: 1.25vw;}
.burm {border: 1px solid #000 !important;border-radius: 30px !important;padding: 1.06vw 30px;font-size:1.1vw;background-color: #000 !important;font-family: "TerminaTest-Medium";    color: #fff;}
textarea.burm {
    border-radius: 15px !important;
}
.bbnxt {
    display: flex;
}
.bbnxt1 > input {color: #000;padding: 15px 45px;border-radius: 30px;background-color: #fff;font-size: 1.1vw;width: auto;}
.bbnxt2 > a{color: #fff;background-color: #000;padding: 15px 45px;border-radius: 30px;font-size: 1em;display: inline-block;}
.bbnxt2{padding-left: 20px;}
.expectz3 {
    width: 52%;
}
.file-upload {position: relative;cursor: pointer;}
.file-upload p.chosefle {color: rgba(0, 0, 0, 0.5);padding-top: 10px;}
.file-upload input[type="file"] {
    position: absolute;
    inset: 0;                 /* top:0; right:0; bottom:0; left:0 */
    width: 100%;
    height: 100%;
    opacity: 0;               /* invisible but clickable */
    cursor: pointer;
}
.expectz31 {
    background-color: #ffe0de;
    border-radius: 15px;
    padding:2.4vw 5%;
    text-align: center;
}
.expectz31 > h3 {
    font-size: 1.5vw;
    font-weight: 600;
}
.expectz31 > h5 {
    color: rgba(0, 0, 0, 0.5);
    font-size: 1.25vw;
    padding-top: 3%;
}
input.burmv {
    width: 250px;
    padding-top: 2%;
}
.expectz32 {
    margin-top: 1.5vw;
    background-color: #000;
    padding: 2.8vw 12%;
    border-radius: 15px;
    text-align: center;
}
.expectz32 > h5 {
    color: #fff;
    font-size: 1.5vw;
}
.expectz32 > p {
    color: #fff;
    font-size: 1.15vw;
    padding-bottom: 0;
}
/*
.opnpostin {
    background-color: #ededed;
    padding:4.5% 5.8% 1%;
}
.opnpostn1 {
    width: 56%;
    margin: 0 auto;
    text-align: center;
}
.opnpostn1 > h5 {
    font-size: 2.1vw;
}
.opnpostn1 > p {
    font-family: "TerminaTest-Light";
    font-size: 1.23vw;
    padding-top: 1.5%;
}
.opnpostn2 {
    padding-top: 2.7%;
}
.opnpostn21 {
    border-top: 1px solid #8e8e8e;
    display: flex;
    justify-content: space-between;
    padding: 4% 0%;
    align-items: center;
}
.opnpostn22 {
    width: 55%;
}
.opnpostn22 > h5 {
    font-size: 1.4vw;
}
.opnpostn22 > p {
    font-family: "TerminaTest-Light";
    font-size: 1.25vw;
    padding-top: 1%;
    padding-bottom: 0;
}
.opnpostn23 {
    width: 19.6%;
}
.opnpostn23 > a {
    background-color: #9f281f;
    display: block;
    color: #fff;
    text-align: center;
    padding: 5.5% 5%;
    font-size: 1vw;
    border-radius: 30px;
}
*/
/* ==========================================================================
                                  Contact Us
========================================================================== */
input[type="datetime-local"]::-webkit-datetime-edit {
    color: transparent;
}

input[type="datetime-local"]:focus::-webkit-datetime-edit {
    color: #000;
}
.ccontact {
    position: relative;
}
.ccontact1 {
    padding: 5.5% 5.4%;background-color: #9c1d13;
}
.ccontact1 > h5 {
    font-size: 2.94vw;
    width: 50%;
    line-height: 1.2em;
    color: #fff;
}
.ccontact1 > p {
    color: #fff;
    font-size: 1.2vw;
    font-family: "TerminaTest-Light";
    padding-top: 2%;
    width: 42%;
    padding-bottom: 0;
}
.ccontact2 {
    border-bottom: 13px solid #880f05;
}
.cntpopup {
    position: absolute;
    top: 10.7%;
    right: 6%;
    width: 41.3%;
}
.enqpopc {
    padding: 9% 11% 10% 9.5%;
    background-color: #000;
}
.enqpopc > h5 {
    color: #fff;
    font-size: 1.7vw;
}
.enqpopc > p {
    color: #fff;
    font-size: 1.12vw;
    font-family: "TerminaTest-Light";
    padding-top: 1%;
    width: 85%;
    padding-bottom: 5%;
}
.burmsz {
    padding-bottom: 25px;
}
input.burmz {
    border: 1px solid #efefef;
    border-radius: 30px !important;
    padding: 23px 33px;
    font-size: 1.1vw;
    background-color: #101010 !important;
    font-family: "TerminaTest-Light";
}
input#subtnz {
    color: #fff;
    padding: 18px 40px;
    border-radius: 30px;
    background-color: #9f281f;
    font-size: 1.1vw;
    width: auto;
}
.mapspcs {
    position: relative;
}
.mapspc2 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}
.mapspc2 > iframe {
    width: 100%;
    height: 100%;
}
/**************************** Footer **********************************/
.footer {
    padding: 3.7% 5.6% 3px;background-color: #810900;
}
.footer2 {
    display: flex;    padding-bottom: 7px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
.fotr1 {
    width: 37.3%;
    padding-right: 10%;
}
.foot11 {
    width: 45%;
    padding-bottom: 9%;
}
.fotr1 > h3 {
    font-size: 1.43vw;
    text-transform: capitalize;
    color: #fff;
    line-height: 1.2em;
}
.fotr1 > p {
    padding-top: 5%;
    color: #fff;
    font-family: "TerminaTest-Light";
    font-size: 1.15vw;
    line-height: 1.4em;
}
.social {
    padding-top: 5%;
    display: flex;
}
.social > li {
    margin-right: 15px;
}
.social > li:last-child {
    margin-right: 0;
}
.social > li > a {
    width: 35px;
    height: 35px;
    background-image: url(../img/social.png);
    background-repeat: no-repeat;
    background-size: 295px auto;
    display: block;
}
.social > li > a.insta {background-position: 0 0px;}
.social > li > a.fb {background-position: -68px 0px;}
.social > li > a.twtr {background-position: -136px 0px;}
.social > li > a.utbe {background-position: -204px 0px;}
.fotr2 {
    width: 21.2%;
    padding-top: 1.7%;
}
.fotr2 > h5 {
    font-size: 1.44vw;
    color: #fff;
}
.ftmenu {
    padding-top: 5%;
}
.ftmenu > li {
    padding-bottom: 8%;
}
.ftmenu > li > a {
    font-family: "TerminaTest-Regular";
    font-size: 1.13vw;
    color: #b8b8b8;
}
.fotr3 {
    width: 41.5%;
    padding-top: 1.7%;
}
.fotr4 > h5 {
    font-size: 1.44vw;
    color: #fff;
}
.fcall {
    padding-top: 2%;
    padding-bottom: 2%;
}
.fcall > a {
    font-size: 1.15vw;
    color: #b8b8b8;
}
.fcall > a:first-child {
    margin-right: 10%;
    position: relative;
}
.fcall > a:first-child::after {
    position: absolute;
    content: '';
    right: -2vw;
    width: 1px;
    height: 1vw;
    background-color: #fff;
    top: 50%;
    transform: translateY(-50%);
}
.fmail {
    font-size: 1.15vw;
    color: #b8b8b8;
}
.fotr4 {
    padding-bottom: 4.5%;
}
.fotr4 > h6 {
    font-family: "TerminaTest-Light";
    font-size: 1.15vw;
    color: #fff;
    padding-top: 4px;
}
.fotr4 > p {
    color: #b8b8b8;
    font-size: 1.14vw;
    padding-top: 5px;
    padding-bottom: 0;
}
.fotr4 > p > span {
    color: #fff;}
.footer3 {
    display: flex;
    padding: 2% 0;
    justify-content: space-between;
}
ul.compny {
    display: flex;
}
ul.compny > li {
    padding-right: 35px;
    position: relative;
}
ul.compny > li > a {
    color: #fff;
    font-size: 1vw;
    font-family: "TerminaTest-Light";
}
.compny > li:first-child::after {
    position: absolute;
    content: '';
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 0.7vw;
    background-color: #fff;
}
.cpyrt {
    display: flex;
}
.cpyrt > li {
    padding-right: 44px;
    position: relative;
}
.cpyrt > li:last-child {
    padding-right: 0;
}
.cpyrt > li > a {
    color: #fff;
    font-size: 1vw;
    font-family: "TerminaTest-Light";
}
.cpyrt > li:first-child > a {pointer-events: none;}
.cpyrt > li::after {
    position: absolute;
    content: '';
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 0.7vw;
    background-color: #b8b8b8;
}
.cpyrt > li:last-child::after{display: none;}

/*********************************** common page -----------------------------*/
.enqpop,.enqpopd2,.enqpopd3 {position: fixed;left: 0;top: 0; right: 0px;bottom: 0px;background-color: rgba(0,0,0,0.7);z-index: 2001;transition: all 500ms ease-in-out;display: none;align-items: center;justify-content: center;}
.enqpop.active,.enqpopd2.active,.enqpopd3.active{display: flex;}
#cals2 {
    padding-top: 10px;
}
a.pfmcls {position: absolute;right: 28px;top: 20px;font-size: 1em;line-height: 0.8em;width: 25px;height: 25px;display: flex;align-items: center;justify-content: center;color: #000;padding: 5px;}
.enqpop1{position: relative;padding: 40px 30px 30px;background-color: #fff;width: 400px;border-radius: 10px;}
.enqpop1 > h5{font-size: 1.4em;padding-bottom: 20px;}
.enqpop1 > p {font-size: 1.2em;font-family: "TerminaTest-Light";}
.burms7 {
    padding-bottom: 18px;
}
input.burm7 {
    border-radius: 5px;
    padding: 12px 16px;
    font-size: 0.9em;
    background-color: #e5e5e5;
}
.bbnxt7 {
    background-color: #a32218;
    padding: 10px;
    border-radius: 5px;
    color: #fff;
}
.burms.atagx {
    position: relative;
}
.burms.atagx .burm {
    width: 100%;
    display: block;
    color: #000;
    position: relative;
}
.burms.atagx .burm::after {
    position: absolute;
    content: '';
    right: 30px;
    top: 45%;
    transform: translateY(-50%) rotate(135deg);
    width: 11px;
    height: 11px;
    border-top: 1px solid #000;
    border-right: 1px solid #000;
}
.sarea {
    position: absolute;
    left: 0;
    right: 0;
    top: 75%;
    background-color: #fff;
    border: 1px solid #e7e7e7;
    border-radius: 30px;display: none;
}
.sarea > li > a {
    padding: 10px 40px;
    display: block;
    color: #000;
}

.enbt {position: fixed;right: 2%;top: 40%; z-index: 2000;}
.enbt a{color:#fff;padding:1px;display:block;margin:10px 5px;position:relative}
.enbt a>img{width:45px;border-radius:50%;display: inline-block;vertical-align: middle;position: relative;z-index: 1;border: 1px solid #a6241a;
    background-color: #ffebe9;transition: all 500ms ease-in-out;}
.enbt a span{display:block;position: absolute;top: 1px;text-align: left;background:#a6241a;border: 1px solid #a6241a;color:#fff;z-index:-1;right:30px;border-radius:30px 0 0 30px;padding:11px 10px 12px 15px;font-size:0.8em;transform:translateX(20px);visibility:hidden;opacity:0;text-transform:capitalize;    transition: all 500ms ease-in-out;}
.enbt a.ecall span{width:105px}
.enbt a.eenquire span{width:145px}
.enbt a.ewhatsapp span{width:125px}
img.fnrl1 {position: absolute !important;right: 0;top: 0;}
.enbt a:hover span{opacity:1;visibility:visible;transform:translateX(0px)}
.enbt a:hover .fnrl,.enbt a .fnrl1{opacity: 0;visibility: hidden;}
.enbt a:hover .fnrl1{opacity: 1;visibility: visible;}
.enbt a:hover >img{border: 1px solid #fff;background-color: #000;}
a.ewhatsapp.mob{
    display: none;
}
input[type="datetime-local"]::-webkit-calendar-picker-indicator {
  filter: invert(1);
  cursor: pointer;
}
/*---------------Popup form----------------*/
.mpopupbnr{position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 1000;background-color: rgba(0,0,0,0.8);align-items: center;justify-content: center;display: none;}
.mpopupbnr.active{display: flex;}
.mpopupbnr1 {width: 900px;position: relative;background-color: #fff;}
.mpopupbnr2 {display: flex;}
.mpopupbnr21 {width: 55%;}
.mpopupbnr22 {width: 45%;padding: 3% 4.5% 3% 4.5%;}
.mpopupbnr22 > h3 {font-size: 2vw;line-height: 1.4em;}
.mpopupbnr22 > p {font-weight: 500;font-size: 1vw;letter-spacing: 0;padding-top: 1%;line-height: 1.8em;}
.mbpps {padding-top: 1%;}
.mbpp1 {padding-bottom: 8%;}
input.mbpp11 {font-size: 1.3vw;background-color: transparent !important;border-radius: 0;padding-bottom: 5%;border-bottom: 1px solid #000;}
.mbppm {margin-top: 4%;position: relative;}
input#subtnpb {background-color: #ed1c25;padding: 10px 25px 10px 25px;width: auto;color: #fff;text-transform: uppercase;letter-spacing: 0.3em;border-radius: 30px;}
.mpopupbnr3 {position: absolute;left: 0;right: 0;background-color: #000;bottom: 0;z-index: 100;}
.mpopupbnr3 > ul {display: flex;justify-content: center;}
.mpopupbnr3 > ul > li {position: relative;padding: 7px 33px 7px 0;}
.mpopupbnr3 > ul > li:last-child{padding-right: 0;}
.mpopupbnr3 > ul > li::after {position: absolute;content: '';top: 50%;transform: translateY(-50%);right: 16px;width: 1px;height: 17px;background-color: #b68761;}
.mpopupbnr3 > ul > li:last-child::after{display: none;}
.mpopupbnr3 > ul > li > a {font-size: 1.2vw;color: #b68761;text-transform: uppercase;letter-spacing: 0.2em;}
.mbpopcls {position: absolute;top: -10px;right: -10px;width: 30px;height: 30px;display: flex;align-items: center;justify-content: center;background-color: #000;border-radius: 50%;color: #fff;cursor: pointer;}
input#subtn7 {width: 100%;background:#000;color: #fff;text-transform: capitalize;font-size: 0.8em;padding: 12px 25px;text-align: center;border-radius: 30px;transition: all 500ms ease-in-out;}
input#subtn7:hover{background: #9f281f ;color: #fff;}
.bfrm {
    position: relative;
}
.bfrm label {
        position: absolute;
        left: 31px;
        top: 40%;
        transform: translateY(-50%);
        color: #999;
        pointer-events: none;
        transition: 0.3s;
        background-color: #000 !important;
        font-size: 0.95vw;
        color: rgba(255, 255, 255, 0.5) !important;
        font-family: "TerminaTest-Light";
    }
.bfrm input.active + label {
  opacity: 0;
}
input.mbpp11.error {
    border: none !important;
    border-bottom: 1px solid #ff0000 !important;
}

@media only screen and (max-width:64em){
    .mpopupbnr1 {width: 635px;}
    .mpopupbnr22 > h3 {font-size: 1.3em;line-height: 1em;padding-bottom: 7px;}
    .mpopupbnr22 > p,.mpopupbnr3 > ul > li > a{font-size: 0.8em;}
    input.mbpp11 {font-size: 1em;}
    .mbpp1 {padding-bottom: 7%;}
}
@media only screen and (max-width:39em){
    .mpopupbnr1 {width: 80%;        margin-top: -20%;} 
    .mpopupbnr2 {    display: block;}
    .mpopupbnr21 {width: 100%;}
    .mpopupbnr22 {width: 100%;padding: 15px 15px 20px;}
    .mpopupbnr22 > h3{text-align: center;font-size: 1.5em;width: auto;padding-bottom: 0;}
    .mpopupbnr22 > p{font-size: 0.8em;text-align: center;}
    .mbpps {padding-top: 0;width: 70%;margin: 0 auto;text-align: center;}
    input.mbpp11 {text-align: center;padding-bottom: 2%;}
    .mbppm{display: inline-block;}
    .mpopupbnr21 .mob1 {display: block!important;}
    .mpopupbnr21 .mob1.hide > img{display: none !important;}
    .mpopupbnr22 > p {font-size: 0.7em;text-align: center;}
    input.brms.flatpickr-input.flatpickr-mobile {max-width: 100%;overflow: hidden !important;}
    .bfrm {position: relative;width: 100%;overflow: hidden !important;}
     input.brms{height: 13vw;} 
}
    /* ==========================================================================
                                  Responsive
       ========================================================================== */
@media only screen and (max-width: 1250px){
    .fmbtn1 > a.desk,.ewhatsapp.desk{display: none;}
    .fmbtn1 > a.mob,a.ewhatsapp.mob{display: block;}
    .enbt a span {display: none;}
    .enbt a:hover .fnrl1 {opacity: 0;visibility: hidden;}
    .enbt a:hover .fnrl{opacity: 1;visibility: visible;}
    .enbt a:hover >img{background-color: #ffebe9;}
}
@media only screen and (max-width: 1024px){
    .desk1,.navi{display: none;}
    .mob1{display: block;}
    .hedcontainer {padding: 20px 30px;}
    .header.shead .hedcontainer {padding: 15px 30px;}
    .logo {width: 130px;}
    .header.shead .logo {width: 120px;}
    
    .phmenu {display: block;height: 30px;}
    .moblnk {display: inline-block;width: 30px;height: 30px;}
    .moblnk span{width: 20px;display: block;height: 2px;background-color: #000;position: relative;top: 14px;left: 5px; border-radius: 2px;}
    .moblnk span::before {top: -7px;}
    .moblnk span::after {top: 7px;}
    .moblnk span::before, a.moblnk span::after {content: "";display: block;position: absolute;background: #000;height: 2px;width: 20px;transition: all 300ms ease-in-out;left: 0px;border-radius: 2px;}
    .moblnk.active span{height: 0;}
    .moblnk.active span::before{transform: rotate(45deg);top: 0;}
    .moblnk.active span::after{transform: rotate(-45deg);top: 0;}
    .sldmnu.open {transform: translateX(0);}
    .sldmnu {position: fixed;top: 91px;;right: 0;bottom: 0;transform: translateX(100%);display: block;width: 50%;background-color: #810900;z-index: 999;transition: all 500ms ease-in-out;overflow-y: auto;}
    header.hdesd .sldmnu {top: 77px;}
    .opts > li {padding-bottom: 20px;}
    .opts > li > a {color: #fff;font-size: 1.1em;text-transform: capitalize;}
    .opts > li.active > a{color: #000;}
    .opts {padding: 50px 40px;}
    
    .content {padding-top: 91px;}
    .banner,.loctin,.location2 {padding: 0 5%;}
    .hmprojct,.narative,.fonder1,.values,.prjoview,.featre,.florplan,.sustinprct,.wywork,.expectz,.ccontact1 {padding: 5% 5%;}
    .exceptn{    padding: 6% 5% 6% 5%;}
    .specificez,.expectz {margin: 0% 5% 5%;}
    .desincnt{    padding: 4.1% 5% 4.5% 5%;}
    
    
    .banner12 > h1 {font-size: 19.1vw;}
    .hmabout11 > h5,.narative1 > h5,.values1 > h5,.prjoview > h5,.phulsopy1 > h5,.sustinprct > h5,.wywork1 > h5{font-size: 2.5vw;}
    .florplan2 > h5{font-size: 2.2vw;}
    .loctin > h3,.fonder2 > h5,.prjoview13 > h5,.featre3 > h5,.specifyc3 > h5,.wywork3 > h5,.enqpopc > h5{font-size: 1.8vw;}
    .florplan2 > h6{font-size: 1.6vw;}
    .banner2 > a,.hmabout11 > a,.hmprojct12 > a,.getdir > a,.prjctcnt > a{font-size: 1.5vw;}
    .banner2 > p,.hmabout11 > p,.hmabout42 > p,.hmprojct12 > h5,.fotr2 > h5,.fotr1 > h3,.prjctcnt > h6,.narative1 > p,.narative3 > p,.fonder1 > p,.fonder2 > h6,.values1 > p,.values32 > h5,.values4c > h5,.prjoview > p,.prjoview12 > h6,.prjoview13 > h6,.featre3 > p,.specifyc3 > p,.prjbtm1 > p,.desincnt > h6,.phulsopy1 > p,.wywork1 > p,.wywork3 > p,.ccontact1 > p,.enqpopc > p,.fotr4 > h5{font-size: 1.5vw;}
    .dotrnd1 > p,.exceptn1 > p,.brmss,.ftmenu > li > a,.fcall > a,.fmail,.fotr1 > p,.cpyrt > li > a,ul.compny > li > a,.values32 > p,.florplan1d > a,.florplan2 > p,.bbnxt1 > input,.burm,input.burmz,input#subtnz,.fotr4 > p,.fotr4 > h6{font-size: 1.3vw;}
    .hmprojct12 > h6,.fmbtn1 > a span,input.brms{font-size: 1.2vw;}
    
    .banner2 > p{width: 75%;}
    .hmabout42{padding: 10% 5% 5%;}
    .custom-dots{left: 58%;bottom: 7%;}
    .hmprojct12 > h6{letter-spacing: 0.5vw;}
    .legacy1{padding: 6.4% 5% 5%;}
/*    .dotrnd2{bottom: 1vw;width: 1vw;height: 1vw;}*/
    .c-car{left: 5.5%;width: 6%;}
    .fmbtn1 > a img{width: 1.5vw;}
    .cpyrt > li {padding-right: 35px;}
    
    .prjctcnt.abt h6 {width: 50%;}
    .narative1,.fonder1,.prjoview > p,.wywork1,.enqpopc > p,.fmbtn{width: 100%;}
    .narative3 > p{width: 85%;}
    .alegacy5{padding: 2.2% 5.5% 3%;}
    .alegacy1 .owl-nav{left: 41.5%;}
    .values3{    padding: 4% 0% 0;}
    .customDots {display: none;}
    .sliderNav{top: 50%;right: -15vw;left: -15vw;justify-content: space-between;z-index: 10;}
    button.navBtn{border: 1px solid #000;background-color: #fff !important;}
    .specifys{width: 65%;}
    .prjbtm{left: 5%;right: 5%;}
    .florplan1d > a::after{width: 2.1vw;height: 2.1vw;}
    .florplan2{padding-top: 1%;}
    .phulsopy1 {width: 75%;}
    
    .bfrm label{font-size: 1.2vw;}
}
@media only screen and (max-width: 900px){
    .banner12 > h5 {display: none;}
    .banner12 > h1 {font-size: 19.2vw;}
    .hmabout11 > h5,.narative1 > h5,.values1 > h5,.prjoview > h5,.phulsopy1 > h5,.sustinprct > h5,.wywork1 > h5{font-size: 3vw;}
    .narative4 > h5,.featre1 > h6{font-size: 2.5vw;}
    .florplan2 > h5,.alegacy5 > h4,.alegacy21 > h5,.alegacy21 > h6{font-size: 2.2vw;}
    .loctin > h3,.fonder2 > h5,.prjoview13 > h5,.featre3 > h5,.specifyc3 > h5,.wywork3 > h5,.enqpopc > h5,.expectz32 > h5{font-size: 2.1vw;}
    .florplan2 > h6{font-size: 1.6vw;}
    .banner2 > a,.hmabout11 > a,.hmprojct12 > a,.getdir > a,.prjctcnt > a{font-size: 1.9vw;}
    .banner2 > p,.hmabout11 > p,.hmabout42 > p,.hmprojct12 > h5,.fotr2 > h5,.fotr1 > h3,.prjctcnt > h6,.narative1 > p,.narative3 > p,.fonder1 > p,.fonder2 > h6,.values1 > p,.values32 > h5,.values4c > h5,.prjoview > p,.prjoview12 > h6,.prjoview13 > h6,.featre3 > p,.specifyc3 > p,.prjbtm1 > p,.desincnt > h6,.phulsopy1 > p,.wywork1 > p,.wywork3 > p,.ccontact1 > p,.enqpopc > p,.fotr4 > h5,.expectz31 > h3{font-size: 1.9vw;}
    .dotrnd1 > p,.exceptn1 > p,.brmss,.ftmenu > li > a,.fcall > a,.fmail,.fotr1 > p,.cpyrt > li > a,ul.compny > li > a,.values32 > p,.florplan1d > a,.florplan2 > p,.bbnxt1 > input,.burm,input.burmz,input#subtnz,.fotr4 > p,.fotr4 > h6,.values4c > p{font-size: 1.7vw;}
    .hmprojct12 > h6,.fmbtn1 > a span,input.brms,.alegacy5 > p,.alegacy21 > p,.sustinprctc > p,.expectz31 > h5,.expectz32 > p{font-size: 1.6vw;}
    
    .banner2 > p,.hmabout11,.exceptn1,.alegacy21 > p,.values1{width: 100%;}
    .banner2 > a{padding-right: 45px;}
    .hmabout42 {padding: 7% 5%;}
    button.dotBtn{font-size: 2vw;}
    .custom-dots{bottom: 0;}
    .hmprojct12 {width: 40%;}
/*    .dotrnd2 {bottom: 1.5vw;width: 1.3vw;height: 1.3vw;}*/
    .c-line{left: 5%;width: 88.5%;}
    .c-car {left: 6.5%;} 
    .exceptn{display: block;}
    .fmbtn1 > a img {width: 2vw;}
    .exceptn2 {width: 55%;padding-top: 5%;}
    .footer3{flex-wrap: wrap;}
    .cpyrt {padding-top:10px;}
    .cpyrt > li::after{height: 1.3vw;}
    input.burmz{padding: 17px 20px;}
    .prjctcnt.abt h6 {width: 60%;}
    .narative4::after,.narative4::before{width: 19%;}
    .alegacy1 button.owl-next {width: 40px;height: 40px;}
    .alegacy5 > p{width: 80%;}
    .alegacy21{padding: 3.6% 5% 3.5%;}
    .alegacy5 {padding: 3.2% 5.5% 3.4%;}
    .alegacy1 .owl-dots{top: 64%;}
    .values41 {width: 25%;}
    .values3::after{top: 29%;}
    .prjctcnt > a{padding-right: 40px;}
    .prjoview12{padding: 4% 5% 1% 5%;}
    .prjbtm2 {display: none;}
    .prjbtm1 {width: 70%;}
    .florplan1d > a::after {width: 2.5vw;height: 2.5vw;}
    .phulsopy1 {width: 90%;}
    .wywork3g {width: 25%;}
    .bbnxt1 > input,.bbnxt2 > a{    padding: 15px 30px;}
    .ccontact1 > p{width: 48%;}
    .cntpopup{right: 5%;}
    
    .hmabout4{align-items: center;    background-color: #810900;}
    .hmabout41 {display: flex;align-items: center;}
    .hmabout41 .desk {height: auto;}
    .location1 {height: 270vh;}
    .bfrm label{font-size: 1.6vw;}
  }
@media only screen and (max-width: 39em){  
    .desk{display: none;}
    .mob{display: block;}
    
    .hedcontainer,.header.shead .hedcontainer {padding: 20px 20px;}
    .logo,.header.shead .logo {width: 95px;}
    .sldmnu{top: 77px;width: 100%;}
    .content {padding-top: 77px;}
    .banner,.loctin {padding: 0 20px;}
    .hmprojct,.narative,.fonder1,.values,.prjoview,.featre,.florplan,.sustinprct,.wywork,.expectz,.ccontact1,.legacy1,.legacy2 {padding: 30px 20px;}
    .exceptn{    padding: 6% 5% 6% 5%;}
    .specificez,.expectz {margin: 0% 5% 5%;}
    .desincnt{    padding: 4.1% 5% 4.5% 5%;}

    
    .banner12 > h1 {font-size: 19.3vw;}
    .exceptn1 > h6 {font-size: 19.6vw;}
    .hmabout42 > h3 {font-size: 10.5vw;}
    .hmprojct12 > h4{font-size: 11.7vw;}
    .hmabout42 > h6{font-size: 6.4vw;}
    .hmprojct11 > h5{font-size: 9.5vw;}
    .legacy22 > h3,.legacy22 > h6{font-size: 7.4vw;}
    .banner2 > h3{font-size: 6.8vw;}
    .hmabout11 > h5,.narative1 > h5,.values1 > h5,.prjoview > h5,.phulsopy1 > h5,.sustinprct > h5,.wywork1 > h5{font-size: 6.8vw;}
    .exceptn1 > h4{font-size: 5.4vw;}
    .narative4 > h5,.featre1 > h6{font-size: 6.7vw;}
    .florplan2 > h5,.alegacy5 > h4,.alegacy21 > h5,.alegacy21 > h6{font-size: 6.8vw;}
    .loctin > h3,.fonder2 > h5,.prjoview13 > h5,.featre3 > h5,.specifyc3 > h5,.wywork3 > h5,.enqpopc > h5,.expectz32 > h5{font-size: 6.7vw;}
    .fmbtn1 > a span {font-size: 4.5vw;}
    .banner2 > a,.hmabout11 > a,.hmprojct12 > a,.getdir > a,.prjctcnt > a{font-size: 4.6vw;}
    .banner2 > p,.hmabout11 > p,.hmabout42 > p,.hmprojct12 > h5,.fotr2 > h5,.fotr1 > h3,.prjctcnt > h6,.narative1 > p,.narative3 > p,.fonder1 > p,.fonder2 > h6,.values1 > p,.values32 > h5,.values4c > h5,.prjoview > p,.prjoview12 > h6,.prjoview13 > h6,.featre3 > p,.specifyc3 > p,.prjbtm1 > p,.desincnt > h6,.phulsopy1 > p,.wywork1 > p,.wywork3 > p,.ccontact1 > p,.enqpopc > p,.fotr4 > h5,.expectz31 > h3{font-size: 4.6vw;}
    .exceptn1 > p,.brmss,.ftmenu > li > a,.fcall > a,.fmail,.fotr1 > p,.cpyrt > li > a,ul.compny > li > a,.values32 > p,.florplan1d > a,.florplan2 > p,.bbnxt1 > input,.burm,input.burmz,input#subtnz,.fotr4 > p,.fotr4 > h6,.values4c > p,input.brms{font-size: 4vw;}
    .hmprojct12 > h6,.alegacy5 > p,.alegacy21 > p,.sustinprctc > p,.expectz31 > h5,.expectz32 > p,.legacy22 > p{font-size: 3.4vw;}
    
   .hmabout4,.hmprojct1,.legacy,.loctin,.fmbtn,.footer2{display: block;}
    .hmabout41,.hmabout42,.hmprojct12,.legacy1,.legacy2{width: 100%;}
    .exceptn1 > p{width: 100%; padding: 5%;}
    #dt,#datetimepicker,.flatpickr-mobile{padding: 17px 0 !important;width: calc(100% - 1px);}
    
    
    .banner2 {padding-top: 4.5%;padding-bottom: 9%;}
    .banner::before{height: 69%;}
    .banner12{top: 42%;}
    .banner2 > p{padding-top: 2%;}
    .hmabout1 {padding: 33px 20px;}
    .hmabout11 > p{padding-top: 3%;}
    .hmabout11 > a{margin-top: 0;}
    .hmabout42 > h6{line-height: 1.4em;}
    .hmabout42 > p{padding-top: 3%;line-height: 1.4em;}
    .hmabout2 {position: relative;padding-bottom: 58px;background-color: #810900;}
    .custom-dots {bottom: 42px;left: 11px;}
    button.dotBtn{padding: 10px;font-size: 5.1vw;}
    .hmprojct12 {padding-top: 8px;}
    .hmprojct12 > h6 {letter-spacing: 2vw;font-family: "TerminaTest-Regular";}
    .hmprojct2 {margin-top: 39px;}
    .hmprojct::before{    background: url(../img/mbproject.jpg) no-repeat left bottom / 100% auto;}
    .loctin > h3,.getdir {text-align: center;}
    .location {padding: 35px 0% 0;}
    .getdir {padding-top: 13px;}
    .exceptn {padding: 30px 20px;}
    .location2 {padding: 0 10px;}
    .location1 {padding-top: 31px;}
    .dotrnd1 > p{font-size: 2.7vw;    width: 50px;text-align: center;}
    .dotrnd2 {bottom: 0vw;width: 1.7vw;height: 1.7vw;}
    .location21 .rowcnt{margin: -22px auto 0;}
    .c-car {width: 10%;}
    .c-line {left: 7%;width: 85.5%;height: 1px;}
    .dotrnd1 {padding-bottom: 8.5vw;}
    .exceptn1 {
    text-align: center;}
    .exceptn1 > h4 {padding-top: 10px;    padding-bottom: 10px;}
    .fmbtn{padding-top: 24px;}
    .fmbtn1 {width: 72%;margin: 0 auto;padding-bottom: 15px;}
    .fmbtn1 > a span{padding-left: 10px;}
    .fmbtn1 > a img {width: 6vw;}  
    .exceptn2 {width: 100%;padding-top: 23px;}
    .bform {padding: 35px 20px;}
    input.brms{border-radius: 10px;}
    .brmss{border-radius: 10px !important;}
    /* input#datetimepicker{max-width: 330px;float:left} */


    
    .footer {padding: 41px 20px 80px;}
    .fotr1 {width: 100%;padding-right: 0;text-align: center;}
    .foot11 {width: 47%;margin: 0 auto;padding-bottom: 22px;}
    .fotr1 > h3 {padding-bottom: 20px;}
    .fotr1 > p {font-size: 4.4vw;}
    .fotr2 {width: 100%;padding-top: 1px;text-align: center;}
    .ftmenu > li {padding-bottom: 16px;}
    .fotr3 {width: 100%;padding-top: 15px;text-align: center;}
    .fcall > a {display: block;}
    .fcall > a:first-child {margin-right: 0;padding-bottom: 10px;}
    .fcall > a:first-child::after{display: none;}
    .fcall {padding-top: 28px;padding-bottom: 10px;}
    .fmail {margin-bottom: 25px;display: block;}
    .fotr4 > h6{padding-top: 18px;}
    .fotr4 > p {font-size: 4.2vw;padding: 12px 5%;font-family: "TerminaTest-Extralight";}
    .social {justify-content: center;padding-top: 0;padding-bottom: 20px;}
    .footer3{padding: 20px 0;    display: block;}
    .compny {justify-content: center;}
    .compny > li {padding-right: 25px;}
    .compny > li > a {font-size: 3.5vw;}
    .compny > li:first-child::after{    height: 10px;right: 12px;}
    .cpyrt {padding-top: 10px;  display: block;text-align: center;}
    .cpyrt > li {padding-right: 0;padding-bottom: 5px;}
    .cpyrt > li::after{display: none;}
    .compny > li {padding-right: 25px;}
    .compny > li:last-child {padding-right: 0;padding-bottom: 0px;}
    
    .prjbaner2{left: 20px;right: 20px;bottom: 6%;width: auto;}
    .prjctcnt.abt {padding: 37px 20px 40px;}
    .prjctcnt.abt > h5{font-size: 5.3vw;}
    .prjctcnt.abt > h2 {font-size: 9.15vw;width: 100%;}
    .prjctcnt.abt h6 {width: 100%;}
    .narative4::before,.narative4::after{display: none;}
    .narative3 > p {width: 100%;padding-bottom: 0;}
    .narative::before{background: url(../img/mbnarrative.jpg) no-repeat left bottom / 100% auto;}
    .narative3 {padding: 35px 0 00px;}
    .fonder1 > h3 {font-size: 10.55vw;    padding-bottom: 20px;}
    .fonder1 > p:nth-child(3), .fonder1 > p:nth-child(4){display: none;}
    .fonder2 > h5 {font-size: 5.6vw;}
    .fondrg {width: 48%;margin: 0 auto;padding-top: 28px;}
    .alegacy5 {padding: 29px 20px;position: static;width: 100%;}
    .alegacy5 > h6{font-size: 11.4vw;        -webkit-background-clip: text !important;
        -webkit-text-fill-color: transparent;background: linear-gradient(to right, #fff 0%, #ffe4e3 45%, #ff9e99 75%, #ff9d98 100%);}
    .alegacy5 > p {width: 100%;font-size: 4.6vw !important;}
    .alegacy21 {padding: 39px 20px;width: 100%;}
    .alegacy1 .owl-dots {display: none;}
    .alegacy21 > p {font-size: 4.4vw;padding-top: 24px;}
    .alegacy1 button.owl-prev {display: block;}
    .alegacy1 .owl-nav {position: static;padding-top: 30px;width: 100%;display: flex;justify-content: center;}
    .alegacy1 button.owl-next{border: 2px solid #b5b5b5 !important;margin: 0 10px;}
    .alegacy1 button.owl-prev {width: 40px;height: 40px;background-color: #fff !important;border-radius: 50%;display: flex;justify-content: center;align-items: center;border: 2px solid #b5b5b5 !important;margin: 0 10px;}
    .alegacy1 button.owl-prev span {background: url(../img/rarrow.png) no-repeat 0 0 / 100% auto;width: 20px;height: 15px;transform: rotate(180deg);font-size: 0;}
    .values21{width: 100%;margin-bottom: 0;padding: 11% 7%;display: block;}
    .values31 {width: 36.5%;margin: 0 auto;}
    .values32 {width: 100%;text-align: center;padding-top: 25px;}
    .values3 {display: block;}
    .values4g {width: 31%;margin: 0 auto;}
    .values4c {padding-top: 20px;text-align: center;}
    .values2 .owl-nav,.values3 .owl-nav  {position: static;padding-top: 30px;width: 100%;display: flex;justify-content: center;}
    .values2 button.owl-prev,.values2 button.owl-next {width: 40px;height: 40px;background-color: #fff !important;border-radius: 50%;display: flex;justify-content: center;align-items: center;border: 2px solid #b5b5b5 !important;}
    .values3 button.owl-prev,.values3 button.owl-next{margin: 0 10px;}
    .values2 button.owl-prev span,.values2 button.owl-next span,.values3 button.owl-prev span,.values3 button.owl-next span  {background: url(../img/rarrow.png) no-repeat 0 0 / 100% auto;width: 20px;height: 15px;font-size: 0;}
    .values2 button.owl-prev span,.values3 button.owl-prev span{transform: rotate(180deg);}
    .values2 .owl-nav{position: absolute;width: auto;display: flex;justify-content: space-between;left: -15px;right: -15px;top: 47%;transform: translateY(-50%);}
    .values41 {width: 100%;}
    .values3 {padding: 40px 0 0;}
    .values3::after{display: none;}
    .prjbaner2 > h1{font-size: 9vw;}
    .values3 {display: block !important;}
    
    .desincnt {padding: 30px 20px;}
    .desincnt > h4{font-size: 6.95vw;width: 80%;}
    .desincnt.carer > h4 {font-size: 10.35vw;width: 100%;}
    .desincnt > h6{    width: 100%;}
    .phulsopy1 {width: 100%;padding: 45px 20px;}
    .phulsopy1 > p {font-size: 4vw;}
    .sustinprct1 {padding-top: 25px;display: block;}
    .sustinprct2{    width: 100%;margin-left: 0%;display: block;padding: 14% 7% 14% 7%;margin-bottom: 20px;}
    .sustinprctg {width: 32%;margin: 0 auto;}
    .sustinprctc {width: 100%;text-align: center;padding-top: 16px;}
    .sustinprctc > p {font-size: 4.2vw;}
    .sustinprct2:last-child {margin-bottom: 0;}
    .desincnt > h5 {display: none;}
    .wywork1 {padding-top: 13px;}
    .wywork1 > p {line-height: 1.45em;padding-top: 10px;color: rgba(0, 0, 0, 0.8);}
    .wywork2 {padding-top: 28px;display: block;}
    .wywork3 {width: 100%;padding: 11% 10% 10% 10%;margin-left: 0;margin-bottom: 20px;}
    .wywork3g {width: 31%;}
    .wywork3 > h5 {font-size: 5.5vw;  width: 100%;padding-top: 15px;}
    .wywork3 > p{padding-top: 16px;line-height: 1.42em;}
    .wywork3:last-child {margin-bottom: 0;}
    .specificez, .expectz {margin: 0 20px 30px;}
    .expectz{border-radius: 10px;}
    .expectz1 {display: block;}
    .expectz2 {width: 100%;}
    .burm{border-radius: 10px !important;    padding: 15px 15px;}
    .expectz31{border-radius: 10px;padding: 15px;}
    .bbnxt {display: block;padding-top: 20px;text-align: center;}
    .bbnxt2 {padding-left: 0;padding-top: 20px;}
    .expectz3 {width: 100%;padding-top: 30px;}
    .expectz32{padding: 20px;border-radius: 10px;}
    
    .ccontact1 > h5 {font-size: 9.4vw;width: 100%;padding-top: 5px;}
    .ccontact1 > p {width: 100%;padding-bottom: 30px;}
    .cntpopup {position: relative;right: 0;left: 0;width: 100%;padding: 89px 20px 40px;}
    .cntpopup::after {position: absolute;content: '';left: 0;top: 0;right: 0;width: 100%;height: 58%;background: url(../assets/mbcontctbnr.jpg) no-repeat 0 0 / 100% auto;z-index: -1;}
    
    .prjctcnt{padding: 25px 20px 46px 20px;}
    .prjctcnt > h5 {font-size: 9.3vw;}
    .prjctcnt > h2{font-size: 7vw;width: 100%;line-height: 1.4em;}
    .prjctcnt > h6{padding-top: 15px;width: 80%;}
    .prjctcnt > a{margin-top: 20px;}
    .prjoview > h5 {padding-top: 14px;}
    .prjoview > p{padding-top: 10px;}
    .prjoview1 {display: block;}
    .prjoview11 {width: 100%;}
    .prjoview12 {width: 100%;padding: 35px 20px;}
    .prjoview12 > h3 {padding-top: 10px;font-size: 6vw;}
    .prjoview12 > h5{font-size: 6vw;padding-top: 7px;padding-bottom: 0;}
    .prjoview12{position: relative;        background-color: transparent;}
    .prjoview12::before{position: absolute;content: '';left: 0;top: 0;right: 0;width: 100%;height: 100%;background: url(../img/mbpropertytype.jpg) no-repeat center / cover;z-index: -1;}
    .featre1 {padding-top: 10px;}
    .featre1 > h6 {font-size: 4.7vw;}
    .featre2 {padding-top: 41px;}
    .featre1 > h3 {font-size: 6.7vw;}
    .featre3 > h5 {font-size: 5.6vw;padding: 4% 0% 0;}
    .featre31 {width: 35%;}
    .featre3 > p {font-size: 4vw;padding-bottom: 0;}
    .featre3 {width: 100%;margin-left: 0;margin-bottom: 29px;padding: 13% 17%;}
    .specificez > h3{font-size: 6.8vw;}
    .specifys{width: 100%;padding-top: 21px;}
    .specifyc3{left: 8%;right: 8%;bottom: 6.5%;}
    .specificez{overflow: visible;}
    .sliderNav {top: 41%;right: -17px;left: -17px;}
    .galery{padding: 15px 20px;}
    .pcustomDots{display: none;}
    .customNav{    top: 47%;left: 4px;right: 4px;justify-content: space-between;}
    button.pnavBtn.pprevBtn,button.pnavBtn.pnextBtn {background-color: #fff !important;background: url(../img/rarrow.png) no-repeat 11px 13px / 15px auto;}
    .prjbtm {left: 10%;right: 10%;}
    .prjbtm1 {width: 100%;}
    .prjbtm1 > h5 {font-size: 6.85vw;}
    .florplan {display: block;}
    .florplan1{padding: 0 30px 20px;width: 100% !important;display: block !important;}
    .florplan2 > h6{font-size: 4.6vw;}
    .florplan2 > p {font-size: 4.6vw;line-height: 1.5em;}
    .florplan2 > h4 {font-size: 8.8vw;}
    .florplan1d > a::after {width: 5.5vw;height: 5.5vw;}
.florplan2 {width: 100%;}
.florplan11:nth-child(1) {width: 100%;}
.florplan1 .owl-nav {position: absolute;top: 45%;left: -10px;right: -10px;display: flex;justify-content: space-between; z-index: 10;}
.florplan1 .owl-nav .owl-prev{background: url(../img/rarrow.png) no-repeat 11px 13px / 15px auto !important;transform: rotate(180deg);}
.florplan1 .owl-nav .owl-next {background: url(../img/rarrow.png) no-repeat 11px 13px / 15px auto !important;}
.florplan1 .owl-nav .owl-prev,.florplan1 .owl-nav .owl-next {width: 40px;height: 40px;padding: 0;border: 1px solid #ababab !important;border-radius: 50%;background-color: #fff !important;}
.florplan1 .owl-nav .owl-prev.disabled,.florplan1 .owl-nav .owl-next.disabled{opacity: 0;}
.florplan1 .owl-nav .owl-prev span,.florplan1 .owl-nav .owl-next span{font-size: 0;}
#specification {overflow: hidden;}
.prjbaner1::after{    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0.4) 80%, rgba(0, 0, 0, 0.6) 100%);}
.enqpop1{width: 90%;    padding: 40px 20px 30px;}
    
    .leader {padding: 40px 20px;}
    .leader > h5 {font-size: 6.8vw;width: 70%;}
    .ldership {padding-top: 20px;}
    .ldership1 {background-color: #000;padding: 30px 20px;}
    .ldership1 > h5 {color: #fff;font-size: 5vw;}
    .ldership1 > p {font-family: "TerminaTest-Light";color: #fff;font-size: 4.6vw;padding-top: 10px;padding-bottom: 0;}
    .ldership1 > h6 {color: #fff;font-size: 4.6vw;font-family: "TerminaTest-Light";}
    
    
    .ldership .owl-nav {padding-top: 20px;text-align: center;z-index: 10;}
.ldership .owl-nav .owl-prev{background: url(../img/rarrow.png) no-repeat 11px 13px / 15px auto !important;transform: rotate(180deg);}
.ldership .owl-nav .owl-next {background: url(../img/rarrow.png) no-repeat 11px 13px / 15px auto !important;}
.ldership .owl-nav .owl-prev,.ldership .owl-nav .owl-next {width: 40px;height: 40px;padding: 0;border: 1px solid #ababab !important;border-radius: 50%;background-color: #fff !important;        margin: 0 10px;}
.ldership .owl-nav .owl-prev.disabled,.ldership .owl-nav .owl-next.disabled{opacity: 0.5;}
.ldership .owl-nav .owl-prev span,.ldership .owl-nav .owl-next span{font-size: 0;}
    
    .hmabout4 {padding-top: 0px;}
    .hmabout41{height: auto;}
    .bfrm label{font-size: 4vw;}
       

 
.bfrm.has-value label {opacity: 0;}
 .alegacy4,.desincnt,.ccontact1{background: url(../img/mblegacy.jpg) no-repeat center / cover;}   
    .values1 {padding-top: 25px;}
    .bbnxt1 > input, .bbnxt2 > a {width: 100%;}
    .prjctcnt::before{    background: url(../img/mblegacy.jpg) no-repeat center / cover;}
    .prjoview13 h5 {font-size: 4.6vw;}
.legacy1 {text-align: center;padding: 40px 20px 30px;}
    .legacy1 > h5{font-size: 5vw;}
    .legacy1 > h3{font-size: 12vw;}
    .legacy2{background-color: #000;display: block;padding: 0 20px 50px;}
    .legacy21 {width: 35%;margin: 0 auto;}
    .legacy22 {width: 90%;text-align: center;padding-top: 20px;margin: 0 auto;}
    .legacy22 > h3, .legacy22 > h6 {font-size: 11.6vw;}
    .legacy22 > p {font-size: 4vw;width: 70%;margin: 0 auto;line-height: 1.4em;}
    .location1 {height: 290vh;}
    
    .alegacy {padding-top:0px;}
    .fonder1 {padding: 30px 20px 60px;}
    .alegacy21{background: url(../img/mbourlegacybg.jpg) no-repeat center / cover;}
    .values2 .owl-stage {
    display: flex;
}
    .values2 .owl-stage .owl-item {
        background-color: #9f281f;}
    .values3 .owl-stage::after {
    position: absolute;
    content: '';
    left: 13%;
    top: 25%;
    width: 75%;
    height: 3px;
    background-color: #9f281f;
    visibility: visible;
}
    .values3.owl-carousel .owl-item{    position: relative;z-index: 1;}
    .values3.owl-carousel .owl-stage::before {
    position: absolute;
    content: '';
    left: 12%;
    top: 13vw;
    width: 75%;
    height: 3px;
    background-color: #9f281f;
}
    .enbt {
    top: auto;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    justify-content: space-around;
    background-color: #000;
}
    .enbt a{text-align: center;}
    .enbt a span {
    display: block;
    width: auto !important;
    position: static;
    color: #fff;
    opacity: 1;
    visibility: visible;
    background-color: transparent;
    border: none;
    padding: 10px 0 0 0;
    transform: translateX(0);
}
    .c-line {width: 74%;left: 13%;}
    .location3 {top: 40px;}
    .rowtem {width: 20%;}
/*
    
input[type="date"]::-webkit-calendar-picker-indicator {
  opacity: 0;
  position: absolute;
  right: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
*/
.specifyc3 > ul > li {font-size: 3vw;}
    .sticky{height: 80vh;}
    .scroll_section {align-items: flex-start;}
    .hmabout43 {width: 100%;}
    .engnrxp{width: 100vw;}
    .scroll_section{top: auto;    height: calc(100% - 73vw);}
    .scroll-counter {left: 20px;bottom: 0px;}
    .scroll-counter span{    font-size: 5vw;}
#message, #flashmessage {padding: 30px;width: 90%;}
}
    
@media only screen and (max-width: 375px){
    .banner12 > h1 {font-size: 19.1vw;}
}
@media (max-width: 767px) {
    .specifyc2 > .mob > img {
        height: 430px;
        width: 100%;
        object-fit: cover;   /* keeps aspect ratio, crops if needed */
        display: block;
    }
    .burmv.fileuploadvald {
  font-size: 12px;
}


.burmv.fileuploadvald::file-selector-button {
  background: #000;
  color: #fff;
  border: none;
  padding: 10px 20px;
  border-radius: 50px;
  cursor: pointer;
}

.burmv.fileuploadvald::file-selector-button:hover {background: #333;}
    .specifyc3 > p {font-size: 3vw;}
      .rowtem{font-size:11px}
  .c-car img{width:32px}
  .location21 {top: 20px;}
}
@media screen and (min-width: 1440px) and (max-width: 1440px) {
  .banner12 > h1 {font-size: 18.9vw;}
}
@media (min-width: 1366px) and (max-width: 1399px) {
    .banner12 > h1 {font-size: 18.6vw;}
}
@media only screen and (max-width:395px){
    .hmabout42 > p {font-size: 0.85em !important;}
    .date.brms{max-width: 295px !important;}
}