/* 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;}
    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;}  
    *{-webkit-tap-highlight-color: transparent;-webkit-focus-ring-color: transparent;outline: none;}
    /* ==========================================================================
       Author's custom styles
       ========================================================================== */
    body{font-size:16px; background-color:#fff;}
    h1, h2,h3, h4 { margin:0; font-size: 1em;font-family:"Trirong", serif;font-weight: 500}
    h5{margin:0; font-size: 1em;font-family: "Trirong", serif;font-weight: 600}
    h6 { margin:0; font-size: 1em;font-family: "Trirong", serif;font-weight: 300}
    p{line-height:1.6em; padding-bottom:1em; font-size:0.9em; margin: 0; letter-spacing: 0.01em;color: #000;font-weight: 300;}
    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;color: #999;}
    :-moz-placeholder{font-weight: 400;color: #999;}
    ::-moz-placeholder{font-weight: 400;color: #999;}
    :-ms-input-placeholder{font-weight: 400;color: #999;}
    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: "Trirong", serif;overflow-x: hidden;}
.clearfix:before, .clearfix:after {content: "";display: table;} 
.clearfix:after {clear: both;}
/*.clearfix: {*zoom: 1;}*/
@font-face {font-family:"Blank-Script";src:url("Blank-Script.otf");}
/*body{background: url(../bg/Landingpage_03.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,input.grmss.error,.grms a.error,.hdrpdn.error {border-bottom: 1px solid #ff0000 !important;}
input.pfrm11.error{border: 1px solid #ff0000 !important;}
em.error {position: absolute;left: 0;top: 100%;font-size: 0.6em;color: #ff0000;}
.err {position: absolute;left: 0;top: 100%;font-size: 0.6em;color: #ff0000;display: none;}
span.err.error {display: block;}
#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:30px}
#message,#flashmessage{border-radius: 0px;background-color: #fff;}
#message,#flashmessage{font-weight:400}
#message #okbtn,#flashmessage #okbtn{color: #fff;padding: 10px 40px;background: #000;border-radius: 0px;}
#overlay.closes,#FlashmesOverlay.closes{display: flex;}
#message > h4,#flashmessage > h4{font-size: 1em;padding-bottom: 20px;}
#message > p,#flashmessage > p {font-size: 0.9em;line-height: 1.5em;}
@media only screen and (max-width: 767px) and (min-width: 470px) and (orientation: landscape) {
    #orimode {display: block;}
}
 /* ==========================================================================
                                  animation
       ========================================================================== */
a,.sldmnu,.hedleft,.header,.conslt > a ,.logo,.hedcontainer1,.logow,.navi > li > a::after {-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;}


.text > h1,.hmbaner2 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;}
.text > h3,.opts > li:nth-child(1),.mnucls{-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;}
.text > p,.opts > li:nth-child(2){-webkit-transition: all 800ms cubic-bezier( .42, 0, .58, 1 ) 0.6s;-moz-transition: all 800ms cubic-bezier( .42, 0, .58, 1 ) 0.6s;-ms-transition: all 800ms cubic-bezier( .42, 0, .58, 1 ) 0.6s;-o-transition: all 800ms cubic-bezier( .42, 0, .58, 1 ) 0.6s;transition: all 800ms cubic-bezier( .42, 0, .58, 1 ) 0.6s;}
a.btn,.opts > li:nth-child(3){-webkit-transition: all 500ms cubic-bezier( .42, 0, .58, 1 ) 0.7s;-moz-transition: all 500ms cubic-bezier( .42, 0, .58, 1 ) 0.7s;-ms-transition: all 500ms cubic-bezier( .42, 0, .58, 1 ) 0.7s;-o-transition: all 500ms cubic-bezier( .42, 0, .58, 1 ) 0.7s;transition: all 500ms cubic-bezier( .42, 0, .58, 1 ) 0.7s;}
.opts > li:nth-child(4){-webkit-transition: all 500ms cubic-bezier( .42, 0, .58, 1 ) 0.8s;-moz-transition: all 500ms cubic-bezier( .42, 0, .58, 1 ) 0.8s;-ms-transition: all 500ms cubic-bezier( .42, 0, .58, 1 ) 0.8s;-o-transition: all 500ms cubic-bezier( .42, 0, .58, 1 ) 0.8s;transition: all 500ms cubic-bezier( .42, 0, .58, 1 ) 0.8s;}
.opts > li:nth-child(5){-webkit-transition: all 500ms cubic-bezier( .42, 0, .58, 1 ) 0.9s;-moz-transition: all 500ms cubic-bezier( .42, 0, .58, 1 ) 0.9s;-ms-transition: all 500ms cubic-bezier( .42, 0, .58, 1 ) 0.9s;-o-transition: all 500ms cubic-bezier( .42, 0, .58, 1 ) 0.9s;transition: all 500ms cubic-bezier( .42, 0, .58, 1 ) 0.9s;}
.opts > li:nth-child(6){-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;}
.opts > li:nth-child(7){-webkit-transition: all 500ms cubic-bezier( .42, 0, .58, 1 ) 1.1s;-moz-transition: all 500ms cubic-bezier( .42, 0, .58, 1 ) 1.1s;-ms-transition: all 500ms cubic-bezier( .42, 0, .58, 1 ) 1.1s;-o-transition: all 500ms cubic-bezier( .42, 0, .58, 1 ) 1.1s;transition: all 500ms cubic-bezier( .42, 0, .58, 1 ) 1.1s;}


.text > h1,.text > h3,.text > p,a.btn{opacity: 0}
.content.anmtr .text > h1,.content.anmtr .text > h3,.content.anmtr .text > p,.content.anmtr a.btn{opacity: 1;}
.hmbaner2 img{transform: scale(1.2);}
.content.anmtr .hmbaner2 img{transform: scale(1);}

@media only screen and (min-width: 1280px){
    .productdg1 > a,.productdg2 > a{display: block;}
.hmbaner2 img,.servces3 .servces31 img,.productdg1 > a img,.productdg2 > a img,.ourwrks32,.ouraprach2 img,.ourwrks31 img,.imge::before,.othrprj1 img,.galland img,.comsite1 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;}
.hmbaner2,.servces31,.productdg1 > a,.productdg2 > a,.ouraprach2,.ourwrks31,.othrprj1,.galland,.comsite1{overflow: hidden;}
.hmbaner2:hover img,.servces3:hover .servces31 img,.productdg1:hover > a img,.productdg2:hover > a img,.ouraprach2:hover img,.ourwrks3 > a:hover .ourwrks31 img,.othrprj1:hover img,.galland:hover img,.comsite a:hover .comsite1 img{transform: scale(1.1);}
    
a.btn, a.gbtn{transition: all 500ms ease-in-out 0s;}
.sbrm2:hover input,.btn1:hover{color: #000;background-color: #fff !important;}
a.btn:hover::after, a.gbtn:hover::after{background: url(../img/rarrow.png) no-repeat 0px 2px / 75px auto;}
.btn1:hover::after{background: url(../img/rarrow.png) no-repeat -51px 2px / 75px auto;}
.btn:hover,a.gbtn:hover,.msterpec5 > a:hover{color: #fff;background-color: #000;}
.msterpec5 > a:hover::after{background: url(../img/rarrow.png) no-repeat 1px 1px / 60px auto;}
.ourwrks32 > a:hover {letter-spacing: 0.1em;}
.ourwrks32 > a:hover::after{    transform: translate(10px, -50%);}
.back > a:hover::after{transform:translate(-10px,-50%) rotate(180deg)}
.sbrm2:hover::after{background: url(../img/rarrow.png) no-repeat -51px 2px / 75px auto;}
.ourwrks22 button.owl-prev:hover,.ourwrks22 button.owl-next:hover{opacity: 0.5;}
    
.ourwrks3 > a:hover .ourwrks32{opacity: 1;visibility: visible;}
.testivdo1 > a:hover .imge::before{transform: translate(-50%, -50%) scale(1.1);}

ul.navi1 > li > a:hover{color: #fff;}
.foter41 > a:hover {color: rgba(255, 255, 255, 0.3);}
.ourwrks32 > a::after,.sbrm2 input,.sbrm2::after,.back > a::after,a.btn::after,a.gbtn::after,.btn1::after,.msterpec5 > a::after{-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;}
.conslt > a:hover img,.foter22 > a:hover img{animation: pulse 2s linear infinite;}
    @keyframes pulse{
        0%{transform: scale(1)}
        25%{transform: scale(1.2)}
        50%{transform: scale(1)}
        75%{transform: scale(0.8)}
        100%{transform: scale(1)}
    }
}
.navi > li > a::after {position: absolute;content: '';left: 50%;transform: translateX(-50%);bottom: 0;width: 0;height: 1px;background-color: #fff;}
.navi > li > a:hover::after,.navi > li.active > a::after {width: 100%;}
   /* ==========================================================================
                                  header
       ========================================================================== */
.header {position: fixed;width: 100%;top: 0;background-color: #000;z-index: 666;}
.hedcontainer {padding: 0 5.5% 0 6%;display: flex;justify-content: space-between;position: relative;}
.header.shead .hedleft {padding: 1% 0% 1% 0%}
.hedleft {width: 16.5%;padding: 1.5% 0 1.5% 0%;}
.hedright {display: flex;}
.logo{width: 100%;}
.header.shead .logo {width:70%;}
.navi {display: flex;align-items: center;justify-content: end;}
.navi > li {padding-right: 2vw;position: relative;}
.navi > li:last-child {padding-right: 0;}
.navi > li > a {color:#fff;text-transform: capitalize;font-size: 1.1vw;display: block;font-weight: 500;position: relative;padding-bottom: 7px;}
.navi > li.active > a,.navi > li > a:hover {color: #fff;}
.conslt {width: 18.5vw;}
.conslt > a {display: flex;align-items: center;justify-content: center;height: 100%;padding:0 16%;background-color: #000;}
.conslt > a img {width: 2.5vw;margin-right: 8%;}
.conslt > a span {color: #fff;font-weight: 500;text-transform: capitalize;font-size: 1.15vw;line-height: 1em;}

.header.difhed {background-color: transparent;}
.hedcontainer1 {padding: 2.6% 0;}
.logow {width: 16%;margin-left: 3%;}
.header.difhed.shead .hedcontainer1 {padding: 1% 0;background-color: #000;}
.header.difhed.shead .logow {width: 13%;}
.back > a {color: #fff;text-transform: uppercase;font-size: 0.8vw;font-weight: 500;padding-left: 41px;letter-spacing: 0.13em;position: relative;}
.back > a::after{position: absolute;content: '';left: 0;top: 50%;transform:translateY(-50%) rotate(180deg);width: 25px;height: 20px;background: url(../img/rarrow.png) no-repeat 1px 3px / 70px auto;}
.back {position: absolute;top: 31%;right: 5.5%;}
   /* ==========================================================================
                                  content
       ========================================================================== */
.content {padding-top: 7.2%;}
.hmbaner,.hmbaner2 {position: relative;}
.hmbaner2 {overflow: hidden;}
.hmbaner2::before{position: absolute;content: '';left: 0;right: 0;top: 0;bottom:0;background: url(../img/banerbg.png) no-repeat center / cover;z-index: 1;}
.hmbaner1 {position: absolute;bottom: 6%;left: 5.4%; width: 42%;z-index: 2;}
.text > h1 {color: #fff;font-size: 2.5vw;line-height: 1em;padding-bottom: 2%;}
.text > h3{color: #fff;font-size: 1.8vw;    font-weight: 300;}
.text > p {color: #fff;font-weight: 300;font-size: 1.1vw;padding-top: 0%;padding-bottom: 4%;}
a.btn {border: 1px solid #fff;display: inline-block;padding: 2.5% 9% 2.5% 5%;color: #000;font-weight: 500;font-size: 1vw;text-transform: uppercase;position: relative;background-color: #fff;}
a.gbtn {border: 1px solid #fff;display: inline-block;padding: 15px 60px 15px 30px;color: #000;font-weight: 500;font-size: 1vw;text-transform: uppercase;position: relative;background-color: #fff;}
a.btn::after{position: absolute;content: '';top: 50%;transform: translateY(-50%);right: 5%;width: 25px;height: 20px;background: url(../img/rarrow.png) no-repeat -51px 2px / 75px auto;}
a.gbtn::after{position: absolute;content: '';top: 50%;transform: translateY(-50%);right: 25px;width: 25px;height: 20px;background: url(../img/rarrow.png) no-repeat -51px 2px / 75px auto;}
.bannerslider {position: relative;}
.bannerslider .owl-dotteh {position: absolute;bottom: 1.6vw;right: 1.8vw;justify-content: center;display: flex;z-index: 2;}
.custom-doth {display: flex;align-items: center;}
.bannerslider .owl-dotteh button.owl-dot {width: 12px;height: 12px;display: block;background-color: rgba(137, 139, 154, 1) !important;margin: 0 4px;border-radius: 10px;    padding: 0;}
.bannerslider .owl-dotteh button.owl-dot.active {background-color: #fff !important;}
.plypauseh > a.pause {background-image: url(../img/plypuse.png);background-repeat: no-repeat;background-position: left 0;background-size: 14px auto;}
.plypauseh > a {background-image: url(../img/plypuse.png);background-repeat: no-repeat;background-position: left -34px;background-size: 14px auto;display: inline-block;height: 18px;text-indent: -1000em;vertical-align: top;width: 15px;margin-left: 4px;margin-top: 2px;}

.abouts {padding: 5.5%;background: url(../img/bckg.jpg) no-repeat center / cover;}
.abouts1 {display: flex;justify-content: space-between;    padding-bottom: 8%;}
.abouts11 {width: 31%;}
.abouts11 > h5 {font-family: "Blank-Script";color: #fff;font-weight: 400;font-size: 2.5vw;padding-left: 2%;}
.abouts11 > h6 {font-size: 1.8vw;color: rgba(255, 255, 255, 0.5);padding-top: 1%;line-height: 1.5em;}
.abouts12 {width: 58%;display: flex;padding-top: 2.5%;}
.abouts13 {width: 20.5%;}
.abouts14 {padding: 1% 0 0 9%;width: 79.5%;}
.abouts14 > h5 {color: #fff;font-size: 1.8vw;padding-bottom: 2%;}
.abouts14 > p {font-size: 1.1vw;color: rgba(255, 255, 255, 0.5);line-height: 1.7em;}
.abouts2{display: flex;justify-content: space-between;}
.abouts21 {width: 28.5%;display: flex;justify-content: space-between;align-items: end;border-top: 1px solid #fff;padding: 24px 0 0;}
.abouts22 {width: 75%;}
.abouts22 > h5 {color: #fff;font-size: 1.8vw;}
.abouts22 > p {color: rgba(255, 255, 255, 0.5);font-size: 1.1vw;padding-bottom: 0;}
.abouts23 > span {color: rgba(255, 255, 255, 0.2);font-size: 1.8vw;font-weight: 300;}
.services {padding: 6.1% 5% 0 5.4%;    overflow: hidden;}
.servces1 {display: flex;justify-content: space-between;}
.servces11 > h5 { text-transform: capitalize;font-size: 2.5vw;}
.servces11 > h6{font-size: 1.8vw;padding-top: 2px;}
.servces12 > p {font-size: 1.1vw;line-height: 1.7em;}
.servces12 {width: 40%;padding-top: 7px;}
.servces2 {padding-top: 5.4%;width: 75%;    padding-bottom: 4.5%;}
.servces21.owl-carousel .owl-stage-outer{overflow: visible !important;}
.servces3 {position: relative;}
.servces32 > h3 {font-weight: 300;color: #fff;font-size: 1.8vw;transition: all 500ms ease-in-out;line-height: 1.1em;}
.servces32 > h3:hover{color: #c4c4c4;}
.servces32 > p {color: #fff;font-size: 1.1vw;padding-top: 13px;padding-bottom: 8px;line-height: 1.4em;}
/*.servces3:hover .servces32 > h3{font-weight: 600;}*/
.servces32 {position: absolute;left: 0;right: 0;bottom: 0;padding: 8%;z-index: 1;}
.servces31{position: relative;}
.servces31::after {position: absolute;content: '';left: 0;right: 0;bottom: 0;top: 0;background-color: rgba(0, 0, 0, 0.5);}
.servces21 .owl-nav {position: absolute;top: 50%;transform: translateY(-50%);left: 0;  width: 90vw;pointer-events: none;}
.servces21 button.owl-prev,.servces21 button.owl-next {width: 50px;height: 50px;background-color: #fff !important;display: flex;align-items: center;justify-content: center;pointer-events: all;}
.servces21 button.owl-prev span,.servces21 button.owl-next span {width: 20px;height: 15px;background: url(../img/rarrow.png) no-repeat -40px 1px / 60px auto;font-size: 0;}
.servces21 button.owl-prev span{transform: rotate(180deg);}
.servces21 button.owl-prev{float: left;}
.servces21 button.owl-next{float: right;}
.servces21 button.owl-prev.disabled,.servces21 button.owl-next.disabled{opacity: 0;pointer-events: none;}
.ouraprach {padding: 6.7% 5.5% 2.2% 5.3%;display: flex;justify-content: space-between;    background-color: #000;}
.ouraprach1 {width: 45%;    padding-top: 3%;}
.ouraprach1 > h6 {color: #fff;text-transform: capitalize;font-size: 2.8vw;line-height: 1.3em;padding-bottom: 3.5%;}
.ouraprach1 > p {color: #fff;font-size: 1.1vw;line-height: 1.5em;}
.ouraprach2 {width: 47.8%;}
.misvisin {display: flex;justify-content: space-between;padding: 3.5% 8.5% 3.5% 5.2%;background-color: #000;}
.misvis.mission {width: 47%;}
.misvis.vission {width: 46.5%;}
.misvis > h6{color: #fff;text-transform: capitalize;font-size: 2.5vw;padding-bottom: 5px;font-weight: 600;}
.misvis > p {font-size: 1.1vw;color: #fff;padding-left: 5px;line-height: 1.5em;}
.ourwrks {position: relative;padding: 2.6% 5.4% 4.3%;background-color: #000;overflow: hidden;}
.ourwrks::before{position: absolute;content: '';left: 0;right: 0;bottom: 0;width: 100%;height: 37%;background: url(../img/bckg1.jpg) no-repeat 0 0 / 100% 100%;}
.ourwrks1 {padding: 0 12% 5.2%;text-align: center;}
.ourwrks1 > p {color: #fff;font-size: 1.8vw;text-align: center;}
.ourwrks11{position: relative;width: 65%;margin: 0 auto;}
.ourwrks11::before{position: absolute;content: '';left: 0;right: 0;top: 50%;transform: translateY(-50%);width: 100%;height: 1px;background-color: #fff;}
.ourwrks11 > h6 {display: inline-block;padding: 0 20px;color: #fff;text-transform: uppercase;font-size: 1.3vw;letter-spacing: 0.6em;position: relative;background-color: #000;}
.ourwrks2 {position: relative;}
.ourwrks21 {text-align: center;padding-bottom: 4%;}
.ourwrks21 > h6 {font-size: 2.5vw;color: #fff;font-weight: 600;}
.ourwrks21 > p {color: #fff;font-size: 1.1vw;padding-top: 5px;}
.ourwrks3 {position: relative;}
.ourwrks32 {position: absolute;right: 0;bottom: 0;top: 0;left: 0;background-color: rgba(0, 0, 0, 0.7);display: flex;align-items: center;justify-content: center;opacity: 0;visibility: hidden;}
.ourwrks32 > h5 {font-size: 1.1vw;margin: 0 auto;width: 55%;text-align: center;font-weight: 300;line-height: 1.2em;color: #fff;}
.ourwrks32 > p {font-size: 1.25vw;line-height: 1.4em;padding-bottom: 10%;}
.ourwrks32 > a {font-weight: 500;color: #000;text-transform: uppercase;font-size: 0.9vw;padding-right: 35px;position: relative;}
.ourwrks32 > a::after {position: absolute;content: '';right: 5px;top: 50%;transform: translateY(-50%);width: 20px;height: 15px;background: url(../img/rarrow.png) no-repeat -40px 0 / 60px auto;}
.ourwrks22.owl-carousel .owl-stage-outer {
    overflow: visible !important;
}
.ourwrks22 .owl-nav {position: absolute;bottom: 0;right: 48.5%;}
.ourwrks22 button.owl-prev {display: block;width: 78px;height: 63px;background-color: #000 !important;display: flex;align-items: center;justify-content: center;    transition: all 500ms ease-in-out;}
.ourwrks22 button.owl-next {display: block;width: 78px;height: 63px;background-color: #000 !important;display: flex;align-items: center;justify-content: center;margin-top: 2px;    transition: all 500ms ease-in-out;}
.ourwrks22 button.owl-prev span{font-size: 0;display: block;width: 20px;height: 20px;background: url(../img/carrow.png) no-repeat 0px -42px / 20px auto;}
.ourwrks22 button.owl-next span{font-size: 0;display: block;width: 20px;height: 20px;background: url(../img/carrow.png) no-repeat 0px 0px / 20px auto;}
.ourwrks22 button.owl-prev.disabled,.ourwrks22 button.owl-next.disabled{opacity: 0.5;pointer-events: none;}
.testimnls > h6 {text-align: center;color: #fff;font-size: 2.5vw;font-weight: 600;}
.testimnls {padding: 4% 14%;background: url(../img/bckg1.jpg) no-repeat center / cover;}
.testimnls1 {padding: 5% 0;}
.testimnls3 {text-align: center;width: 68%;margin: 0 auto;}
.testimnls3 > p {color: #fff;font-size: 1.1vw;font-weight: 100;padding-bottom: 6%;}
.testimnls3 > h6 {color: rgba(255, 255, 255, 0.3);font-size: 1.8vw;padding-bottom: 3%;}
.testimnls3 > h5 {font-weight: 300;color: #fff;font-size: 1.8vw;}
.testimnls2 .owl-nav {position: absolute;top: 44%;transform: translateY(-50%);left: 0;right: 0;}
.testimnls2 button.owl-prev {float: left;display: block;width: 50px;height: 50px;display: flex;align-items: center;justify-content: center;}
.testimnls2 button.owl-next {float: right;display: block;width: 50px;height: 50px;display: flex;align-items: center;justify-content: center;margin-top: 2px;}
.testimnls2 button.owl-prev span{font-size: 0;display: block;width: 30px;height: 25px;background: url(../img/rarrow.png) no-repeat 0px 0px / 90px auto;transform: rotate(180deg);}
.testimnls2 button.owl-next span{font-size: 0;display: block;width: 30px;height: 25px;background: url(../img/rarrow.png) no-repeat 0px 0px / 90px auto;}
.testimnls2 button.owl-prev.disabled,.testimnls2 button.owl-next.disabled{opacity: 0.5;pointer-events: none;}
.carousel-progress {display: flex;align-items: center;justify-content: space-between;gap: 10px;color: #fff;    width: 28%;margin: 0 auto;padding-top: 7%;}
.carousel-progress .bar {flex: 1;height: 2px;background: #555;position: relative;overflow: hidden;}
.carousel-progress .fill {height: 100%;width: 0%;background: #fff;transition: width 0.5s ease;}
.carousel-progress .current,
.carousel-progress .total {font-size: 18px;font-weight: 300;}
.contact {margin: 0 13%;padding: 6.4% 10.8%;background-color: #ededed;}
.contact1 > h5 {font-size: 2.5vw;}
.contact1 > h5 span {font-weight: 300;}
.contact2 {padding-top: 8%;padding-bottom: 5px;}
.frms {display: flex;flex-wrap: wrap;justify-content: space-between;}
.crms {width: 44%;padding-bottom: 7.3%;}
.crms > label {text-transform: uppercase;font-size: 0.85vw;font-weight: 500;}
.icoz {position: relative;}
.icoz img {position: absolute;top: 50%;transform: translateY(-50%);right: 0;width: 1.6vw;height: 1.6vw;}
input.irms {background-color: transparent;font-size: 1.1vw;padding: 6px 10px 10px 0px;color: #000;border-bottom: 1px solid #000;}
.hdrpdn{font-size: 1.1vw;padding: 10px 10px 13px 0px;    display: block;width: 100%;color: #999;position: relative;border-bottom: 1px solid #000;}
.hdrpdn.active1{color: #000;}
.hdrpdn::after  {position: absolute;content: '';top: 30%;right: 5px;width: 10px;height: 10px;border-top: 2px solid #8a8a8a;border-right: 2px solid #8a8a8a;transform:translateY(-50%) rotate(135deg);transition: all 500ms ease-in-out;}
.hdrpdn.active::after{ transform:translateY(-50%) rotate(-45deg);top: 60%;}
.hdrpdwn {display: none;position: absolute;left: 0;top: 101%;background-color: #fff;border: 1px solid #d3d3dc;border-radius: 0px;padding:10px 15px;width: 100%;z-index: 10;box-sizing: border-box;}
.hdrpdwn > li {padding-bottom: 10px;}
.hdrpdwn > li:last-child{padding-bottom: 0;}
.hdrpdwn > li > a {color: #000;font-size: 1.1vw;text-transform: capitalize;}
.hdrpdwn > li.active > a,.hdrpdwn > li > a:hover {color: #000;}
.sbrms{display: flex;align-items: center;justify-content: space-between;padding-top: 1.4%;}
.sbrm1 {width: 48%;}
.sbrm1 > p {font-size: 1.1vw;line-height: 1.4em;padding-bottom: 0;}
.sbrm2 {position: relative;}
.sbrm2::after{position: absolute;content: '';top: 50%;transform: translateY(-50%);right: 5%;width: 25px;height: 20px;background: url(../img/rarrow.png) no-repeat 1px 2px / 75px auto;}
.sbrm2 > input {color: #fff;text-transform: uppercase;font-size: 0.8vw;padding: 17px 53px 17px 34px;font-weight: 500;letter-spacing: 0.04em;background-color: #000;}
.enbt {position: fixed;right: 0;top: 47.6%;transform: translateY(-50%) rotate(180deg);    z-index: 999;}
.ewhatsapp {background-color: rgba(0, 0, 0, 0.9);padding: 19px;display: inline-block;}
.ewhatsapp img {width: 2vw;margin-bottom: 15px;transform: rotate(180deg);}
.ewhatsapp span {writing-mode: vertical-rl;display: block;color: #fff;font-weight: 500;font-size: 0.77vw;padding-left: 5px;}
.ewhatsapp.mob {display: none;}

.guided {/*background: url(../assets/guidance/guide.jpg) no-repeat 0 0 / 100% auto*/;background-color: #0d0d0d;padding: 6.3% 10%;}
.guided > h3{text-align: center;color: #fff;font-size: 2.6vw;}
.guided1 {display: flex;justify-content: space-between;padding-top: 6.3%;}
.guided2 {width: 18%;}
.guided3 {width: 4.7vw;margin: 0 auto;}
.guided4 {padding: 15px 10px 0;text-align: center;color: #fff;}
.guided4 > h4 {    font-size: 1.55vw;padding-bottom: 8px;}
.guided4 > p {color: #fff;font-size: 1vw;line-height: 1.4em;}

.udvideo {padding: 0% 5.4% 1.5%;background: url(../img/bckg1.jpg) no-repeat center / cover;}
.udvdo,.imge {position: relative;}
.imge::before {position: absolute;content: '';top: 50%;left: 50%;transform: translate(-50%, -50%);width: 7vw;height: 7vw;background: url(../img/play.png) no-repeat 0 0 / 100% auto;}
.imge::after {position: absolute;content: '';left: 0;right: 0;top: 0;bottom: 0;background: url(../img/testibg.png) no-repeat left bottom / 100% auto;}
.udvtxt{position: absolute;left: 4.3%;bottom: 5%;z-index: 1;}
.udvtxt > h6{color: #fff;font-size: 1.8vw;}
.testivdo:hover .owl-nav{opacity: 1;}
.testivdo .owl-nav {position: absolute;top: 50%;transform: translateY(-50%);left: 0;right: 0;opacity: 0;transition: all 500ms ease-in-out;pointer-events: none;}
.testivdo button.owl-prev {float: left;display: block;width: 50px;height: 50px;display: flex;align-items: center;justify-content: center;pointer-events:all;}
.testivdo button.owl-next {float: right;display: block;width: 50px;height: 50px;display: flex;align-items: center;justify-content: center;pointer-events:all;}
.testivdo button.owl-prev span{font-size: 0;display: block;width: 30px;height: 25px;background: url(../img/rarrow.png) no-repeat 0px 0px / 90px auto;transform: rotate(180deg);}
.testivdo button.owl-next span{font-size: 0;display: block;width: 30px;height: 25px;background: url(../img/rarrow.png) no-repeat 0px 0px / 90px auto;}
.testivdo button.owl-prev.disabled,.testivdo button.owl-next.disabled{opacity: 0.5;pointer-events: none;}

.ourgallery {padding: 5% 5.5% 6% 5.3%;background-color: #000;}
.ourgalry {text-align: center;}
.ourgalry > h6 {color: #fff;text-transform: capitalize;font-size: 2.5vw;padding-bottom: 5px;font-weight: 600;}
.ourgalry p {font-size: 1.1vw;color: #fff;line-height: 1.5em;}
.galland{margin: 30px 0 50px;}
.ourgalry a.btn{padding: 20px 60px 20px 30px;}

.sitepics {padding: 4% 5.5% 5% 5.3%;}
.sitepics > h2 {text-transform: capitalize;font-size: 2.5vw;text-align: center;padding-bottom: 5px;font-weight: 600;}
.sitepics > p {text-align: center;font-size: 1.1vw;padding-bottom: 0%;line-height: 1.5em;color: #000;}    
.comsitelst {display: flex;flex-wrap: wrap;padding: 4% 0 0;}
.comsite:nth-child(4n+1) {margin-left: 0;}
.comsite {width: 23.7%;margin-left: 1.7%;margin-bottom: 1.6%;}
.comsite2 {color:#fff;text-transform: capitalize;position: absolute;top: 0;left: 0;right: 0;bottom: 0;background-color: rgba(0, 0, 0, 0.5);display: flex;align-items: center;justify-content: center;border-radius: inherit;opacity: 0;transform: scale(0);transition: all 500ms ease-in-out;display: none;}
.comsite > a:hover .comsite2{opacity: 1;transform: scale(1);}
.comsite2 > img {width: 8%;}
.startcon {text-align: center;}
.btn2 {border: 1px solid #5a5a5a;display: inline-block;padding: 20px 60px 20px 30px;color: #000;font-weight: 500;font-size: 1vw;text-transform: uppercase;position: relative;margin-top: 40px;}
.btn2::after{position: absolute;content: '';top: 50%;transform: translateY(-50%);right: 10%;width: 25px;height: 20px;background: url(../img/rarrow.png) no-repeat -51px 2px / 75px auto;}
/* ==========================================================================
                                  Product
========================================================================== */
.content1 {position: relative;}
.content1::after{position: absolute;content: '';left: 0;right: 0;top: 0;width: 100%;height: 27vw; background: url(../img/prdbg.png) no-repeat 0 0 / 100% auto;}
.productd {padding: 4.3% 8% 4% 10%;}
.productd1 {display: flex;justify-content: space-between;}
.productd11 {width: 40%;}
.productd11 > h3{color: #000;font-size: 1.5vw;padding-bottom: 10%;}
.prdescp {padding-bottom: 7%;}
.prdescp > h6 {color: rgba(0,0,0, 0.5);font-size: 1.1vw;}
.prdescp > h4 {color: #000;font-size: 1.1vw;padding-top: 4px;}
.productd12 {width: 45%;}
.productd12 > h3 {color: #000;font-size: 1.5vw;}
.productd12 > p {color: rgba(0,0,0, 0.5);padding: 3.5% 0 0;font-size: 1.1vw;line-height: 1.7em;}
.btn1 {border: 1px solid #5a5a5a;display: inline-block;padding: 3% 11% 3% 6.5%;color: #000;font-weight: 500;font-size: 0.97vw; text-transform: uppercase;position: relative;margin-top: 10%;}
.btn1::after{position: absolute;content: '';top: 50%;transform: translateY(-50%);right: 10%;width: 25px;height: 20px;background: url(../img/rarrow.png) no-repeat -51px 2px / 75px auto;}
.productd2 {display: flex;padding-top: 4%;}
.productd21 {width: 58.1%;margin-right: 2%;}
.productd22 {width: 37.6%;}
.productdg1 {padding-bottom: 1.2vw;}
.msterpec > h1 {text-align: center;color: #fff;font-size: 2.45vw;}
.msterpec {padding: 2.3% 0 0;background-color: #000;}
.msterpec1 {margin-top: 3.7%;    overflow: hidden;position: relative;}
.msterpec2 {width: 63% !important;}
.msterpec2.owl-carousel .owl-stage-outer{overflow: visible !important;}
.msterpec3 {position: relative;}
.msterpec4::after {position: absolute;content: '';left: 0;right: 0;top: 0;bottom: 0;background-color: rgba(0, 0, 0, 0.5);}
.msterpec4 {position: relative;}
.msterpec5 {position: absolute;left: 10%;bottom: 12%;width: 50%;opacity: 0;visibility: hidden;transition: all 500ms ease-in-out;}
.msterpec2.owl-carousel .owl-item.active .msterpec5{opacity: 1;visibility: visible;}
.msterpec5 > h4 {color: #fff;font-size: 2.9vw;line-height: 1.2em;padding-bottom: 4%;}
.msterpec5 > a {font-weight: 500;color: #000;text-transform: uppercase;font-size: 0.85vw;padding: 17px 45px 17px 29px;position: relative;background-color: #fff;display: inline-block;}
.msterpec5 > a::after {position: absolute;content: '';right: 18px;top: 50%;transform: translateY(-50%);width: 20px;height: 15px;background: url(../img/rarrow.png) no-repeat -40px 0 / 60px auto;}
.msterpec2 .owl-nav {position: absolute;top: 50%;transform: translateY(-50%);right: -70px;}
.msterpec2 button.owl-prev {display: none !important;float: left;display: block;width: 70px;height: 70px;display: flex;align-items: center;justify-content: center;background-color: #fff !important;}
.msterpec2 button.owl-next {float: right;display: block;width: 70px;height: 70px;display: flex;align-items: center;justify-content: center;background-color: #fff !important;}
.msterpec2 button.owl-prev span{font-size: 0;display: block;width: 30px;height: 25px;background: url(../img/rarrow.png) no-repeat -61px 3px / 90px auto;transform: rotate(180deg);}
.msterpec2 button.owl-next span{font-size: 0;display: block;width: 30px;height: 25px;background: url(../img/rarrow.png) no-repeat -61px 3px / 90px auto;}
.msterpec2 button.owl-prev.disabled,.msterpec2 button.owl-next.disabled{opacity: 0.5;pointer-events: none;}
.carousel-progress1{position: absolute;top: 50%;transform: translateY(-50%);right: 37%;z-index: 1;}
.current1{background-color: #000;color: #fff;font-size: 1em;display: flex;align-items: center;justify-content: center;width: 70px;height: 70px;}
.fancybox-caption {font-size: 1.2vw !important;line-height: 1.5;padding: 10px 20px;background: rgba(0,0,0,0.7);color: #fff;text-align: left;}
.fancybox-caption .fancybox-counter {float: right;}
.fancybox-caption__body::-webkit-scrollbar {display: none;}

.otherprjct {
    padding: 0 2.8%;
}   
.othrprj .owl-nav {position: absolute;top: 50%;transform: translateY(-50%);left: 40px;right: 40px;transition: all 500ms ease-in-out;pointer-events: none;}
.othrprj button.owl-prev {float: left;display: block;width: 50px;height: 50px;display: flex;align-items: center;justify-content: center;pointer-events:all;    background-color: #000 !important;}
.othrprj button.owl-next {float: right;display: block;width: 50px;height: 50px;display: flex;align-items: center;justify-content: center;pointer-events:all;background-color: #000 !important;}
.othrprj button.owl-prev span{font-size: 0;display: block;width: 25px;height: 20px;background: url(../img/rarrow.png) no-repeat 0px 0px / 80px auto;transform: rotate(180deg);}
.othrprj button.owl-next span{font-size: 0;display: block;width: 25px;height: 20px;background: url(../img/rarrow.png) no-repeat 0px 0px / 80px auto;}
.othrprj button.owl-prev.disabled,.othrprj button.owl-next.disabled{opacity: 0.5;pointer-events: none;}

.nxtproject {padding: 2.3% 5.5% 5%;}
.nxtproject1 {display: flex;justify-content: center;align-items: center;}
.nxtproject3 {padding-left: 9px;}
.nxtproject3 > h5 {font-size: 1vw;}
.nprev {margin-right: 10px;}
.nprev,.nnext{padding: 18px 20px 18px 20px;display: inline-block;    border: 1px solid #5a5a5a;}
.nprev:hover span{padding-left: 15px;}
.nnext:hover span{padding-right: 15px;}
.nprev span,.nnext span {text-transform: uppercase;color: #000;font-size: 0vw;font-weight: 500;display: inline-block;vertical-align: middle;transition: all 500ms 
ease-in-out;}
.nprev:hover span,.nnext:hover span{font-size: 1vw;}
.nprev img{transform: rotate(180deg);}
.nprev img,.nnext img {width: 1.2vw;display: inline-block;vertical-align: middle;}
.nprev.disabled,.nnext.disabled{pointer-events: none;opacity: 0.3;}
#contactus.blck {
    background-color: #000;
}
/* ==========================================================================
                                  REsidential
========================================================================== */
.residents{padding: 4.3% 8% 4% 10%;}
.resident > h3 {color: #000;font-size: 1.57vw;}
.resident > p {color: rgba(0,0,0, 0.5);padding: 2% 0 0%;font-size: 1vw;line-height: 1.7em;}
/*********************************** common page -----------------------------*/
.enqpop {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{display: flex;}
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: 637px;border-radius: 0px;}
.enqpop1 > h5{text-transform: capitalize;font-size: 1.4em;}
.enqpop1 > p {font-size: 0.9em;font-weight: 300;}
.ppfrm {padding-top: 5px;}
.pfrm1 {margin-bottom: 15px;}
input.pfrm11 {font-size: 0.9em;padding: 12px 20px;border: 1px solid #ccc;background-color: transparent;border-radius: 0px !important;color: #ccc;}
input#subtn1 {width: 100%;background-color: #000;color: #fff;text-transform: capitalize;font-size: 0.8em;padding: 12px 25px;text-align: center;border-radius: 0px;}
/* ==========================================================================
                                  Footer
========================================================================== */
.footcont {padding: 5.6% 13%;background-color: #000;}
.foter1 {width: 25%;margin: 0 auto;}
.foter2 {display: flex;justify-content: space-between;padding: 4.5% 7px;}
.foter21 {width: 23%;}
.foter22 > a {display: flex;align-items: center;border: 1px solid #fff;padding: 16px 22px;justify-content: center;}
.foter22 > a.mob{display: none;}
.foter22 > a img {width: 1.7vw;}
.foter22 > a span {color: #fff;font-weight: 300;font-size: 1.1vw;padding-left: 15px;white-space: nowrap;}
.foter23 {padding-top: 12%;}
.foter23 > p {color: #fff;text-align: center;font-size: 1.1vw;padding-bottom: 0;line-height: 1.4em;}
.foter3 {padding: 10px 0;}
.navi1 {display: flex;justify-content: space-between;padding: 21px 0;border-top: 1px solid rgba(255, 255, 255, 0.5);border-bottom: 1px solid rgba(255, 255, 255, 0.3);}
.navi1 > li > a {color: rgba(255, 255, 255, 0.5);font-size: 1.1vw;letter-spacing: 0.2em;padding: 0 9px;}
.foter4 {padding: 30px 0 0;}
.foter41 {text-align: center;}
.foter41 > a:first-child {position: relative;}
.foter41 > a {font-size: 1.8vw;padding: 0 32px;color: #fff;font-weight: 300;}
.foter41 > a:first-child::after {position: absolute;content: '';right: 0px;top: 50%;transform: translateY(-50%);width: 1px;height: 54%;background-color: #fff;}
.foter42 {width: 50%;margin: 0 auto;text-align: center;}
.foter42 > p {color: rgba(255, 255, 255, 0.5);font-size: 1.1vw;padding: 5px 0 0 0;}
.social {display: flex;margin-bottom: 20px;justify-content: center;}
.social > li {margin-right: 10px;}
.social > li > a {width: 28px;height: 28px;background-image: url(../img/social.png);background-repeat: no-repeat;background-size: 210px auto;display: block;}
.social > li > a.insta {background-position: 0 0px;}
.social > li > a.fb {background-position: -46px 0px;}
.social > li > a.twtr {background-position: -93px 0px;}
.social > li > a.utbe {background-position: -140px 0px;}
.social > li > a.insta:hover {background-position: 0 -47px;}
.social > li > a.fb:hover {background-position: -46px -47px;}
.social > li > a.twtr:hover {background-position: -93px -47px;}
.social > li > a.utbe:hover {background-position: -140px -47px;}
   /* ==========================================================================
                               Responsive
       ========================================================================== */

@media only screen and (max-width: 1270px) {
    .ewhatsapp.desk,.foter22 > a.desk {display: none;}
    .ewhatsapp.mob{display: block;}
    .foter22 > a.mob {display: flex;}
    
    .abouts22 {width: 80%;}
    .servces32 > p{opacity: 1;height: auto;}
    .ourwrks32 > p{padding-bottom: 8%;}
    .ourwrks22 .owl-item.active .ourwrks32{opacity: 1;visibility:visible;}
    .ourwrks32{transition: all 500ms ease-in-out;}
    .testivdo .owl-nav{opacity: 1;}
    .contact {margin: 0 10%;padding: 6.4% 9%;}
    .sbrm2 > input{    padding: 17px 53px 17px 20px;}
    .footcont {padding: 5.6% 10%;}
    .foter42 {width: 60%;}
    
    .btn1::after{right: 5%;}
    .nprev span, .nnext span,.nprev:hover span, .nnext:hover span {font-size: 1.3vw;}
    .nnext span {padding-right: 15px;}
    .nprev span{padding-left: 15px;}
    .comsite2 {opacity: 1;transform: scale(1);}
    
    .ewhatsapp img {width: 20px;margin-bottom: 0;}
    .ewhatsapp{padding: 10px;}
    .hmbaner1{width: 50%;}
    .ourwrks32 > h5{width: 75%;}
    .testimnls {padding: 4% 10%;}
    .foter21 {width: 27%;}
    
    .text > h1,.abouts11 > h5,.ouraprach1 > h6,.servces11 > h5,.misvis > h6,.ourwrks21 > h6,.ourgalry > h6,.testimnls > h6,.contact1 > h5,.sitepics > h2{font-size: 3.2vw;}
    .servces32 > h3,.msterpec5 > h4,.udvtxt > h6{font-size: 2.5vw;}
    .text > h3,.servces11 > h6,.msterpec > h1,.abouts23 > span,.abouts22 > h5,.testimnls3 > h6,.testimnls3 > h5{font-size: 2.5vw;}
    .abouts11 > h6,.abouts14 > h5,.ourwrks11 > h6{font-size: 2vw;}
    .foter41 > a{font-size: 2vw;}
    .ourwrks32 > h5{font-size: 1.8vw;}
    .ourwrks1 > p,.productd12 > h3,.productd11 > h3,.resident > h3{font-size: 2.5vw;}
    .text > p,.abouts14 > p,.abouts22 > p,.guided4 > p,.misvis > p,.ourwrks21 > p,.ourgalry p,.prdescp > h4{font-size: 1.5vw;}
    .navi > li > a,.conslt > a span,.servces12 > p,.servces32 > p,.ouraprach2 > p,.ourwrks32 > p,.testimnls3 > p,input.irms,.hdrpdn,.sbrm1 > p,.foter23 > p,.navi1 > li > a,.foter42 > p,.foter22 > a span,.productd12 > p,.prdescp > h6,.resident > p,.sitepics > p{font-size: 1.5vw;}
    a.btn,.ourwrks32 > a,.hdrpdwn > li > a,.btn1,a.gbtn,.btn2{font-size: 1.2vw;}
    .ewhatsapp span,.crms > label,.sbrm2 > input,.msterpec5 > a,.back > a{font-size: 1.1vw;}
}
@media only screen and (max-width:64em){
.desk1{display: none;}
.mob1,.phmenu,.sldmnu{display: block;}
    .header{background-color: #fff;}
.hedcontainer{padding: 20px 30px;align-items: center;}
.header.shead .hedcontainer {padding: 10px 30px;}
.hedleft,.header.shead .hedleft {padding: 0;width: auto;}
.logo{width: 200px;padding: 0;}
.header.shead .logo {width: 170px;}
.hedcontainer1 {padding: 20px 0;}
.header.difhed.shead .hedcontainer1 {padding: 10px 0;}
.logow {width: 200px;}
.header.difhed.shead .logow {width: 170px;}    
.hlwct > li > a.huser {background-position: 6px 5px;}
.hlwct > li > a.wishlst {background-position: 6px -45px;}
.hlwct > li > a.cart {background-position: 6px -101px;}
.hlwct > li > a.logout {background-position: 6px -155px;}
    
.hedright .back a {color: #000;padding-left: 30px;}   
.hedright .back > a::after{background: url(../img/rarrow.png) no-repeat -47px 3px / 70px auto;}
.phmenu {padding-left: 5px;}
.moblnk {width: 32px;height: 30px;display: block;}
.moblnk span{width: 25px;display: block;height: 2px;background-color: #000;position: relative;top: 14px;left: 3px; border-radius: 2px;}
.moblnk span::before {top: -7px;}
.moblnk span::after {top: 7px;}
.moblnk span::before {content: "";display: block;pointer-events: none;position: absolute;background: #000;height: 2px;width: 20px;transition: all 300ms ease-in-out;left: 0px;border-radius: 2px;}
.moblnk span::after {content: "";display: block;pointer-events: none;position: absolute;background: #000;height: 2px;width: 15px;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;width: 25px;}
.moblnk.active span::after{transform: rotate(-45deg);top: 0;width: 25px;}
.sldmnu {position: fixed;top:0px;bottom: 0; right: 0;min-width: 41%;height: 100%;transform: translateY(-100%);overflow: hidden;background-color: #000;transition: all 500ms ease-in-out;    z-index: 3000;display: flex;align-items: center;justify-content: center;}
.sldmnu.open {transform: translateY(0);}
.mmolay{position: fixed;top: 0;left: 0;width: 100%;height: 100%; background-color: rgba(0,0,0,0.8);display: none;z-index: 665;}
.mnucls{position: absolute;content: '';top: 30px;right: 30px;width: 40px;height: 40px;        padding: 10px 12px;background-color: #fff;border-radius: 50%;opacity: 0;transform: scale(0.7);}
    .sldmnu.open .mnucls{opacity: 1;transform: scale(1);}
.opts {padding: 70px 30px;}
.opts > li {padding-bottom: 30px;position: relative;transform: scale(1.15) translateY(-30px);opacity: 0;text-align: center;}
.sldmnu.open .opts > li{opacity: 1;transform: scale(1) translateY(0px);}
.opts > li > a {color: #fff;font-size: 1.2em;letter-spacing: 0.04em;position: relative;display: inline-block;;}
.opts > li.active > a, .msubmenu > li.active > a {border-bottom: 1px solid #fff;}
/*.opts > li > a.active::before {position: absolute;content: '';left: 0;bottom: -10px;width: 18px;height: 1px;background-color: #22999b;}*/
.ovrlsrch{top: 80%;padding: 5% 35px;}
.opts > li.msaubs > a {position: relative;display: block;}
.opts > li.msaubs > a::after {position: absolute;content: '';right: 10px;top: 2px;width: 10px;height: 10px;border-top: 2px solid #7A7A7A;border-right: 2px solid #7a7a7a;transform: rotate(135deg);transition: all 500ms ease-in-out;}
.opts > li.msaubs > a.active::after{transform: rotate(-45deg);top: 7px;}
    
    .text > h1,.abouts11 > h5,.ouraprach1 > h6,.servces11 > h5,.misvis > h6,.ourwrks21 > h6,.ourgalry > h6,.testimnls > h6,.contact1 > h5,.sitepics > h2{font-size: 3.5vw;}
    .servces32 > h3,.msterpec5 > h4{font-size: 2.8vw;}
    .text > h3,.servces11 > h6,.msterpec > h1,.abouts23 > span,.abouts22 > h5,.testimnls3 > h6,.testimnls3 > h5{font-size: 2.8vw;}
    .abouts11 > h6,.abouts14 > h5,.ourwrks11 > h6,.udvtxt > h6{font-size: 2.3vw;}
    .foter41 > a{font-size: 2.3vw;}
    .ourwrks32 > h5{font-size: 2.1vw;}
    .ourwrks1 > p,.productd12 > h3,.productd11 > h3,.resident > h3{font-size: 2.8vw;}
    .text > p,.abouts14 > p,.abouts22 > p,.guided4 > p,.misvis > p,.ourwrks21 > p,.ourgalry p,.prdescp > h4{font-size: 1.8vw;}
    .navi > li > a,.conslt > a span,.servces12 > p,.servces32 > p,.ouraprach2 > p,.ourwrks32 > p,.testimnls3 > p,input.irms,.hdrpdn,.sbrm1 > p,.foter23 > p,.navi1 > li > a,.foter42 > p,.foter22 > a span,.productd12 > p,.prdescp > h6,.resident > p,.sitepics > p{font-size: 1.8vw;}
    a.btn,.ourwrks32 > a,.hdrpdwn > li > a,.btn1,a.gbtn,.btn2{font-size: 1.5vw;}
    .ewhatsapp span,.crms > label,.sbrm2 > input,.msterpec5 > a,.back > a{font-size: 1.3vw;}
    
    .servces1,.ouraprach {display: block;}
    .servces12,.ouraprach1,.ouraprach2 {width: 100%;}

    .content {padding-top: 102px;}
    .hmbaner1{bottom: 30px;left: 30px;width: 70%;}
    a.btn::after,a.gbtn::after{width: 18px;height: 14px;background: url(../img/rarrow.png) no-repeat -34px 1px / 50px auto;}
    .abouts,.services {padding: 50px 30px;}
    .abouts21{align-items: flex-start;}
    .abouts22 {width: 80%;}
    .servces2 {padding-top: 20px;padding-bottom: 0;}
    .servces32 > p{opacity: 1;height: auto;}
    .ouraprach{padding: 50px 30px 15px;}
    .ouraprach2 {padding-top: 20px;}
    .ouraprach2 > p{padding-bottom: 20px;}
    .ourwrks{padding: 50px 30px ;}
    .ourwrks32 > p{padding-bottom: 8%;}
    .ourwrks32{padding: 4%;}
    .ourwrks32 > h5{width: 80%;}
    .ourwrks22 button.owl-prev,.ourwrks22 button.owl-next{width: 60px;height: 60px;}
    .udvideo {padding: 0 30px 10px;}
    .testimnls {padding: 40px 30px;}
    .testimnls3{width: 75%;}
    .contact {margin: 0 30px;padding: 50px 50px;}
    .sbrm2 > input{    padding: 17px 53px 17px 20px;}
    .footcont {padding: 50px 30px;}
    .foter42 {width: 60%;}
    .ewhatsapp span{padding-left: 0;}
    .foter21 {width: 25%;}
    .foter4 {padding: 30px 0 0;}
    .abouts12 {width: 64%;}
    
    .btn1::after{width: 20px;height: 15px;background: url(../img/rarrow.png) no-repeat -41px 1px / 60px auto;}
    .msterpec2 {width: 70% !important;}
    .carousel-progress1{right: 30%;}
    .current1{width: 60px;height: 60px;}
    .msterpec2 .owl-nav{right: -60px;}
    .msterpec2 button.owl-next{width: 60px;height: 60px;}
    .msterpec2 button.owl-next span{width: 25px;height: 20px;background: url(../img/rarrow.png) no-repeat -47px 3px / 70px auto;}
    .enqpop1{width: 500px;}
    .fancybox-caption {font-size: 2.4vw !important;}
    .productd {padding: 50px 30px;}
    .productd12 {width: 50%;}
    .othrprj .owl-nav{left: 20px;right: 20px;}
    .othrprj button.owl-prev span,.othrprj button.owl-next span{    width: 20px;height: 15px;background: url(../img/rarrow.png) no-repeat 0px 0px / 65px auto;}
    .nprev img, .nnext img {width: 20px;}
    .nxtproject3 > h5 {font-size: 1.2em;}
    .otherprjct {padding: 0 30px;}
    .nxtproject {padding: 30px 30px 50px;}
    .nprev, .nnext {padding: 15px 16px 15px 16px;}
    
    .residents{padding: 50px 30px;}
    .guided{padding: 50px 30px;}
    .guided1 {flex-wrap: wrap;justify-content: center;}
    .guided2 {width: 20%;}
    .guided3 {width: 6vw;}
    
    .misvisin{padding: 30px;}
    .ourgallery {padding: 50px 30px;}
    .galland {margin: 30px 0 40px;}
    .ourgalry a.btn {padding: 20px 50px 20px 30px;}
    .ourgalry a.btn::after{right: 20px;}
    a.gbtn{padding: 12px 40px 12px 20px;}
    a.gbtn::after{right: 15px;}
    .nprev span, .nnext span,.nprev:hover span, .nnext:hover span {font-size: 1.5vw;}
}
@media only screen and (max-width:900px){
    .servces2 {width: 95%;}
    .foter21 {width: 28%;}
    .guided1{padding-top: 20px;}
    .guided2 {width: 30%;padding-top: 30px;}
    .misvisin{padding: 30px;display: block;}
    .misvis.mission {width: 100%;padding-bottom: 20px;}
    .misvis.vission{width: 100%;}
    .comsite:nth-child(4n+1) {margin-left: 2%;}
    .comsite:nth-child(3n+1) {margin-left: 0;}
    .comsite {width: 32%;margin-left: 2%;}
    .sitepics {padding: 30px;}
    
}
@media only screen and (max-width:39em){
.desk{display: none;}
.mob,.myacnt.mob{display: block;}
    .hedcontainer,.header.shead .hedcontainer {padding: 19px 30px;}
    .logo,.header.shead .logo {width: 115px;}
    .logow,.header.difhed.shead .logow {width: 120px;}
    .sldmnu,header.hdesd .sldmnu{width: 100%;}
    
    .abouts11 > h5,.ouraprach1 > h6,.servces11 > h5,.misvis > h6,.ourwrks21 > h6,.ourgalry > h6,.testimnls > h6,.contact1 > h5,.sitepics > h2{font-size: 8vw;}
    .servces32 > h3,.msterpec5 > h4{font-size: 6.5vw;}
    .text > h3,.servces11 > h6,.msterpec > h1,.abouts23 > span,.abouts22 > h5,.testimnls3 > h6,.testimnls3 > h5{font-size: 6.5vw;}
    .abouts11 > h6{font-size: 6vw;}
    .foter41 > a{font-size: 6vw;}
    .ourwrks32 > h5,.abouts14 > h5,.udvtxt > h6{font-size: 5vw;}
    .ourwrks1 > p,.productd12 > h3,.productd11 > h3,.resident > h3{font-size: 6.5vw;}
    .text > p,.abouts14 > p,.abouts22 > p,.guided4 > p,.misvis > p,.ourwrks21 > p,.ourgalry p,.prdescp > h4{font-size: 4.5vw;}
    .navi > li > a,.conslt > a span,.servces12 > p,.servces32 > p,.ouraprach2 > p,.ourwrks32 > p,.testimnls3 > p,.sbrm1 > p,.foter23 > p,.navi1 > li > a,.foter42 > p,.foter22 > a span,.productd12 > p,.prdescp > h6,.resident > p,.sitepics > p{font-size: 4.5vw;}
    input.irms,.hdrpdn{font-size: 4vw;}
    .ourwrks32 > a,.hdrpdwn > li > a,.btn1,a.gbtn,.btn2{font-size: 3.2vw;}
    a.btn,.ewhatsapp span,.crms > label,.sbrm2 > input,.msterpec5 > a,.back > a{font-size: 3vw;}
    
    .content {padding-top: 74px;}
    .hmbaner,.abouts1,.abouts12,.abouts2,.foter2,.productd1,.productd2{display: block;}
    .hmbaner2,.abouts11,.abouts12,.abouts21,.productd11,.productd12,.productd21,.productd22{width: 100%;}
    
/*    .hmbaner::after {position: absolute;content: '';left: 0;top: 0;right: 0;width: 100%;height: 100%;background: linear-gradient(to bottom,rgba(255,255,255,0.3) 0%,rgba(255,255,255,0.2) 50%,rgba(255,255,255,0) 60%,rgba(255,255,255,0) 100%);}*/
    .hmbaner2::before{display: none;}
/*    .hmbaner1 {top: 50px;bottom: auto;left: 50%;width: 84%;text-align: center;transform: translateX(-50%);}*/
    .bannerslider {background-color: #000;}
    .hmbaner1 {width: 100%;position: static;background-color: #000;}
    .text {padding: 30px 30px 50px 30px;}
    .text > h1,.text > h3,.text > p{color: #fff;}
    .text > h1{line-height: 1.5em;font-size: 6vw;}
    .text > h3{font-size: 4.5vw;padding-bottom: 5px;}
    .text > p{padding-bottom: 5%;font-size: 3.5vw;}
    a.btn{padding: 10px 35px 10px 15px;background-color: transparent;color: #fff;}
    a.btn::after{right: 10px;background: url(../img/rarrow.png) no-repeat 1px 1px / 50px auto;}
    .abouts11 > h5,.misvis > p{padding-left: 0;}
    .ourwrks11 > h6{font-size: 4vw;letter-spacing: 0.4em;}
    .abouts{background: url(../img/bckg.jpg) repeat 0 0 / 220% auto}
    .abouts11 > h6{padding-top: 4%;}
    .abouts1 {text-align: center;padding-bottom: 11%;}
    .abouts12{padding-top: 8.5%;}
    .abouts13 {width: 40.5%;margin: 0 auto;}
    .abouts14 {padding: 22% 0 0 0%;width: 100%;}
    .abouts14 > p{line-height: 1.4em;}
    .abouts21{padding: 24px 0;}
    .servces12{padding-top: 20px;}
    .servces2 {padding-top: 10px;}
    .servces21 button.owl-prev, .servces21 button.owl-next {width: 40px;height: 40px;}
    .ouraprach {text-align: center;}
    .ourwrks11{width: 100%;}
    .ourwrks1 {padding: 0 0% 17.2%;}
    .ourwrks32 {padding: 6%;width: 100%;}
    .ourwrks32 > h5{width: 90%;}
    .ourwrks22 .owl-nav{left: 0;right: 0;bottom: auto;top: 54%;}
    .ourwrks22 .owl-nav button.owl-prev {float: left;}
    .ourwrks22 .owl-nav button.owl-next {float: right;margin-top: 0;}
    .ourwrks22 button.owl-prev, .ourwrks22 button.owl-next {width: 40px;height: 40px;}
    .ourwrks22 button.owl-prev span{width: 16px;height: 16px;background: url(../img/carrow.png) no-repeat 0px -31px / 15px auto;}
    .ourwrks22 button.owl-next span{width: 16px;height: 16px;background: url(../img/carrow.png) no-repeat 0px 0px / 15px auto;}
    .testimnls {padding: 0px 30px 30px;}
    .testimnls3 {width: 100%;}
    .testimnls1 {padding: 10% 0;}
    .carousel-progress{width: 79%;margin: 0 auto;padding-top: 15%;}
    .carousel-progress .current, .carousel-progress .total {font-size: 13px;}
    .testimnls2 .owl-nav{left: -30px;right: -30px;}
    .testimnls2 button.owl-prev,.testimnls2 button.owl-next{width: 40px;height: 40px;}
    .testimnls2 button.owl-prev span,.testimnls2 button.owl-next span{width: 20px;height: 15px;background: url(../img/rarrow.png) no-repeat 0px 0px / 60px auto;}
    .contact{padding: 50px 24px;}
    .contact1 > h5 {text-align: center;font-size: 6vw;}
    .contact1 > h5 span {display: block;}
    .crms{width: 100%;padding-bottom: 11.3%;}
    .contact2 {padding-top: 15%;}
    .icoz img{width: 4.6vw;height: 4.6vw;}
    .sbrms {flex-wrap: wrap;}
    .sbrm1 {order: 2;width: 100%;padding-top: 30px;}
    .sbrm2 {order: 1;}
    .sbrm2::after{    width: 20px;height: 15px;background: url(../img/rarrow.png) no-repeat 1px 2px / 50px auto;}
    .sbrm2 > input {padding: 15px 53px 15px 20px;font-size: 2.6vw !important;}
    .guided2 {width: 50%;}
    .guided3 {width: 12vw;}
    .udvideo {padding: 0 30px 30px;overflow: hidden;}
    .testivdo .owl-nav{   left: -35px;right: -35px;}
    .testivdo button.owl-prev,.testivdo button.owl-next{width: 40px;height: 40px;}
    .testivdo button.owl-prev span{width: 25px;height: 20px;background: url(../img/rarrow.png) no-repeat 0px 3px / 70px auto;}
    .testivdo button.owl-next span{width: 25px;height: 20px;background: url(../img/rarrow.png) no-repeat 0px 3px / 70px auto;}
    .imge::before{width: 11vw;height: 11vw;}
    .imge::after{    background: url(../img/testibg.png) no-repeat left bottom / 150% auto;}
    .misvis {text-align: center;}
    .ourwrks {padding: 10px 30px 50px;}
    
    .productd {padding:30px;}
    .productd11 > h3{padding-bottom: 9%;}
    .prdescp {padding-bottom: 10%;}
    .prdescp > h4 {line-height: 1.5em;}
    .productd2{padding-top: 10%;}
    .productd21{margin-right: 0;}
    .productdg1,.productd21 {padding-bottom: 10px;}
    .msterpec > h1 {padding: 0 8%;}
    .msterpec {padding: 6% 0 0;}
    .msterpec1 {margin-top: 6%;}
    .msterpec2 {width: 87% !important;}
    .current1 {width: 40px;height: 40px;font-size: 0.8em;}
    .msterpec2 .owl-nav {right: -40px;}
    .msterpec2 button.owl-next {width: 40px;height: 40px;}
    .msterpec2 button.owl-next span {width: 17px;height: 15px;background: url(../img/rarrow.png) no-repeat -33px 3px / 50px auto;}
    .carousel-progress1 {right: 13%;}
    .msterpec5{left: 6%;bottom: 7%;width: 70%;}
    .msterpec5 > a{padding: 10px 35px 10px 12px;font-size: 2vw;}
    .msterpec5 > a::after{right: 10px; width: 16px;height: 13px;background: url(../img/rarrow.png) no-repeat -34px 0 / 50px auto;}
     .enqpop1{width: 95%;}
    .fancybox-caption {font-size: 3.5vw !important;}
    .residents{padding: 30px 30px;}
    .resident > p{padding: 15px 0 0;}
    #message,#flashmessage{padding: 15px;}
    .logow{margin: 0 auto;}
    .othrprj .owl-nav {left: 10px;right: 10px;}
    .othrprj button.owl-next,.othrprj button.owl-prev{    width: 40px;height: 40px;}
    .othrprj button.owl-prev span, .othrprj button.owl-next span {width: 17px;height: 12px;background: url(../img/rarrow.png) no-repeat 0px 0px / 55px auto;}
    .nprev img, .nnext img {width: 10px;}
    .nxtproject3 > h5 {font-size: 0.8em;}
    .nxtproject1{justify-content: center;}
    .otherprjct {padding: 20px 30px;}
    .othrprj.owl-carousel {display: block;}
    .othrprj1 {padding-bottom: 20px;}
    .othrprj1:last-child{padding-bottom: 0;}
    .content1::after{height: 50vw;background: url(../img/mbprdbg.png) no-repeat 0 0 / 100% auto;}
    .back > a{padding-left: 25px;}
    .back > a::after{width: 20px;height: 15px;background: url(../img/rarrow.png) no-repeat 1px 1px / 60px auto;}
    
    .foter1 {width: 70%;}
    .foter2{padding: 14.5% 7px 5%;}
    .foter22 > a{padding: 12px 15px;}
    .foter22 > a img {width: 5.7vw;}
    .foter21 {width: 75%;padding-bottom: 45px;margin: 0 auto;}
    .foter21:last-child {padding-bottom: 0;}
    .navi1 {text-align: center;display: block;padding: 29px 0;}
    .navi1 > li {padding-bottom: 30px;}
    .navi1 > li:last-child{padding-bottom: 0;}
    .foter42 {width: 100%;}
    .foter41 > a:first-child::after{display: none;}
    .foter41 > a {display: block;padding: 0;}
    .foter42 {padding-top: 10px;}
    .social {justify-content: center;padding-bottom: 10px;}
    
    .ourgallery {padding: 40px 30px;}
    .ourgalry a.btn,.btn2 {padding: 12px 35px 10px 15px;}
    .ourgalry a.btn::after,.btn2::after {right: 10px;}
    .galland {margin: 15px 0 30px;}
    .sitepics {padding: 10px 30px 50px;}
    .comsitelst{padding: 20px 0 0;}
    .btn2::after {width: 18px;height: 14px;background: url(../img/rarrow.png) no-repeat -34px 1px / 50px auto;}
    .comsite {width: 100%;margin-left: 0;margin-bottom: 20px;}
    .comsite:last-child{margin-bottom: 0;}
    .hedright .back > a::after {background: url(../img/rarrow.png) no-repeat -41px 2px / 60px auto;}
    .nprev span, .nnext span,.nprev:hover span, .nnext:hover span {font-size: 2.5vw;}
    .nprev span {padding-left: 3px;}
    .nnext span {padding-right: 3px;}
    .nprev, .nnext {padding: 8px 12px 8px 12px}
    .nprev {margin-right: 0px;}
}