/* 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;}  


    /* ==========================================================================
       Author's custom styles
       ========================================================================== */
    body{font-size:16px; background-color:#fff;}
    h1, h2 { margin:0; font-size: 1em;font-family: "Inter", sans-serif;font-weight: 700}
    h3, h4{margin:0; font-size: 1em;font-family: "Inter", sans-serif;font-weight: 600}
    h5,h6 { margin:0; font-size: 1em;font-family: "Inter", sans-serif;font-weight: 500}
    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;}
    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: "Inter", sans-serif;overflow-x: hidden;}
.clearfix:before, .clearfix:after {content: "";display: table;} 
.clearfix:after {clear: both;}
.clearfix: {*zoom: 1;}
/*body{background: url(../bg/CSR_Builders_Interior_Landingpage.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.75em;
    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:47%;color:#000;text-align:center;/*margin:23% auto 0 auto;*/padding:50px 7%;}
#message,#flashmessage{border-radius: 15px;background-color: #fff;}
#message,#flashmessage{font-weight:400}
#message #okbtn,#flashmessage #okbtn{color: #fff;padding: 10px 40px;background: #ec6c07;border-radius: 30px;display: inline-block;}
#overlay.closes,#FlashmesOverlay.closes{display: flex;}
#flashmessage > p {padding: 25px;font-size: 18px;line-height: 1.5em;}
.apprve {width: 40px;margin: 0 auto;}
#message h5, #flashmessage h5{font-weight: 600;font-size: 1.4vw;padding-top: 5px;padding-bottom: 15px;}
#message p, #flashmessage p {font-size: 1.3vw;  line-height: 1.3em;}
@media only screen and (max-width: 767px) and (min-width: 470px) and (orientation: landscape) {
    #orimode {display: block;}
}
 /* ==========================================================================
                                  animation
       ========================================================================== */
a,.sldmnu,.hedcontainer,.header,.logo,.eeffrm > 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;}
.hmofcs1 img, .hmofcs2 img, .hmofce2 img,.comsite1 img,.enqury1 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;}
.hmofcs1, .hmofcs2, .hmofce2,.comsite1,.enqury1{overflow: hidden;}
.hmofcs1:hover img, .hmofcs2:hover img, .hmofce2:hover img,.comsite > a:hover .comsite1 img,.enqury1:hover img{transform: scale(1.1);}

.text > h2,.hmbaner21 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 > h1{-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 > h5{-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;}
.hmpricz{-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;}
a.btn{-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;}
a.btvn{-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;}


.text > h2,.text > h1,.text > h5,.hmpricz,a.btn{opacity: 0}
.content.anmtr .text > h2,.content.anmtr .text > h1,.content.anmtr .text > h5,.content.anmtr .hmpricz,.content.anmtr a.btn{opacity: 1;}
.hmbaner21 img{opacity: 0.7;transform: scale(1.2);}
.content.anmtr .hmbaner21 img{opacity: 1;transform: scale(1);}
.hmbaner21 {overflow: hidden;}

a.btn:hover{transition: all 500ms ease-in-out 0s;}
a.btn:hover,.navi > li.quoteh > a:hover,.startcon > a:hover,.conpkglt3 > a:hover,.eeffrm > input:hover,.dwnld:hover,.quikct1 a:hover{color: #ec6c07;background-color: #fff;}

.wokbsde > a:hover,.wokbsde.active > a,.ftmenu > li > a:hover,.ftmenu > li.active > a,.fotr4 > a:hover,.cpyrt > li > a:hover,.cpyrt > li.active > a{color: #ec6c07;}
   /* ==========================================================================
                                  header
       ========================================================================== */
.header {position: fixed;width: 100%;top: 0;background-color: #fff;z-index: 666;}
.hedcontainer {padding: 2.1% 9.2% 2.1% 9.2%;display: flex;align-items: center;justify-content: space-between;position: relative;}
.header.shead .hedcontainer::before{bottom: 0;}
.header.shead .hedcontainer {   padding: 1% 9.2% 1% 9.2%;}
.logo {width: 15.7vw;}
.header.shead .logo {width: 10vw;}
.navi {display: flex;align-items: center;}
.navi > li {padding-right: 2.3vw;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: #585858;text-transform: capitalize;font-size: 1.2vw;display: block;}
/* .navi > li.active > a,.navi > li > a:hover {color: #000;} */
li.quoteh > a {color: #fff;background-color: #ec6c07;border: 1px solid #ec6c07;padding: 6px 26px;border-radius: 30px;}
   /* ==========================================================================
                                  content
       ========================================================================== */
.content {padding-top: 8.8%;}
.hmbaner {display: flex;}
.hmbaner1 {width: 49%;padding: 7.5% 5% 3% 9.2%;background-color: #000;}
.text > h2 {font-size: 3.5vw;color: #fff;text-transform: uppercase;font-weight: 600;line-height: 1.2em;}
.text > h1 {font-weight: 800;color: #ec6c07;text-transform: uppercase;font-size: 5vw;line-height: 1em;letter-spacing: 0.01em;padding-bottom: 6%;display: inline-block;border-bottom: 1px solid #4b4b4b;}
.text > h5 {color: #bbbbbb;text-transform: capitalize;font-size: 2vw;padding-top: 7%;letter-spacing: 0.01em;width: 80%;line-height: 1.2em;}
.hmpricz {display: flex;align-items: center;padding-bottom: 7%;}
.hmpricz1 > h3 {color: #fff;font-size: 5vw;line-height: 1em;letter-spacing: 0.02em;}
.hmpricz2 {padding-left: 6px;}
.hmpricz2 > span {color: #bbb;text-transform: capitalize;font-size: 1.6vw;display: block;line-height: 1.3em;}
a.btn {width: 57%;display: block;color: #fff;text-align: center;padding: 13px;font-size: 1.4vw;border-radius: 30px;background-color: #ec6c07;border: 1px solid #ec6c07;}
.hmbaner2 {width: 51%;}
.hmbaner22 {display: flex;padding: 5% 5% 4.6% 4%;}
.hrdwr {display: flex;align-items: center;}
.hrdwr1 {width: 2.6vw;}
.hrdwr:first-child {width: 30%;}
.hrdwr:nth-child(2) {width: 26%;}
.hrdwr:nth-child(3) {width: 35%;}
.hrdwr2 {padding-left: 6px;    width: calc(100% - 3.5vw);}
.hrdwr2 > h5 {font-size: 1.3vw;}
.ecrofce {background-color: #efefef;padding: 5.5% 9.2%;}
.ecrofce > h2 {text-align: center;font-size: 3.1vw;letter-spacing: 0.01em;}
.oroffice {display: flex;padding-top: 3.9%;padding-bottom: 1.3%;}
.hmofce1 {width: 27.2%;}
.hmofcs1 {margin-bottom: 6%;  }
.hmofcs1,.hmofcs2,.hmofce2{border-radius: 10px;overflow: hidden;}
.hmofce2 {width: 42%;margin: 0 2%;}
.sitepics {padding: 5.5% 9.2%;}
.sitepics > h2 {text-align: center;font-size: 3.1vw;letter-spacing: 0.01em;}
.comsitelst.owl-carousel {display: flex;}
.comsitelst {display: flex;flex-wrap: wrap;padding: 3.4% 0;}
.comsite:nth-child(4n+1) {margin-left: 0;}
.comsite {width: 23.7%;margin-left: 1.7%;margin-bottom: 1.6%;}
.comsite > a {position: relative;border-radius: 10px;overflow: hidden;}
.comsite1 {border-radius: inherit;}
.comsite2 {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;}
.comsite > a:hover .comsite2{opacity: 1;transform: scale(1);}
.comsite2 > img {width: 13%;}
.startcon > a {color: #fff;font-size: 1.55vw;display: inline-block;padding: 12px 47px;background-color: #ec6c07;border: 1px solid #ec6c07;border-radius: 30px;}
.startcon {text-align: center;padding: 10px 0;}
.conpackg { padding: 6.3% 9.2%;background-color: #000;}
.conpackg > h2, .ourvisionbody > h2 {text-align: center;font-size: 3.1vw;letter-spacing: 0.01em;color: #fff;}
.conpkgl {padding: 4.6% 0 2.2% 0;display: flex;}
.conpkglt {width: 23.5%;margin-right: 2%;border: 1px solid rgba(255, 255, 255, 0.5);border-radius: 10px;}
.conpkglt.three{width: 30%;margin-right: 4%;}
.conpkglt:last-child {margin-right: 0;}
.conpkglt1 {padding: 5% 10%;border-bottom: 1px solid rgba(255, 255, 255, 0.5);}
.conpkglt1 > h5 {text-transform: capitalize;color: #ec6c07;font-size: 1.4vw;}
.conpkglt1 > h4 {font-weight: 600;color: #fff;font-size: 2vw;line-height: 1.2em;letter-spacing: 0.04em;}
.conpkglt1 > h4 span {text-transform: uppercase;font-size: 0.9vw;color: rgba(255, 255, 255, 0.7);letter-spacing: 0;padding-left: 4px;display: inline-block;}
.wokbsde {padding: 17px 8% 20px 13.5%;border-bottom: 1px solid rgba(255, 255, 255, 0.2);}
.wokbsde > a {color: #fff;font-size: 1.2vw;position: relative;display: block;}
.wokbsde.active > a::after {content: '-';}
.wokbsde > a::after {position: absolute;top: 50%;right: 0;transform: translateY(-50%);content: '+';font-size: 1.7vw;line-height: 0.8em;}
ul.subdesig {padding: 13px 0 0 16px;list-style: disc;display: none;}
.subdesig > li::marker {color: #ec6c07;}
.subdesig > li {color: rgba(255, 255, 255, 0.7);font-size: 0.9vw;padding-bottom: 11px;}
.subdesig > li:last-child {padding-bottom: 0;}
.conpkglt3 > a {color: #fff;font-size: 1.15vw;display: block;padding: 9px 20px;background-color: #ec6c07;border: 1px solid #ec6c07;border-radius: 30px;text-transform: capitalize;text-align: center;}
.conpkglt3 {padding: 37px 13%;}
.whycsr {padding: 5.3% 9.2%;background-color: #efefef; }
.whycsr > h2 {text-align: center;font-size: 3.1vw;letter-spacing: 0.01em;}
.statse {display: flex;flex-wrap: wrap;padding: 3.5% 0 0% 0;}
.abtcsrfact:nth-child(3n+1) {padding: 1.6% 2.5% 3.5% 0;width: 32%;}
.abtcsrfact:nth-child(3n+2) {padding: 1.6% 4% 3%;width: 35%;}
.abtcsrfact:nth-child(3n+3) {width: 33%;padding: 1.6% 0% 3.5% 3.5%;   border-right: none;}
.abtcsrfact:nth-child(1),.abtcsrfact:nth-child(2),.abtcsrfact:nth-child(3){border-bottom: 1px solid #bbb;}
.abtcsrfact:nth-child(4),.abtcsrfact:nth-child(5),.abtcsrfact:nth-child(6){padding-top: 4.3%;}
.abtcsrfact {text-align: center;border-right: 1px solid #bbb;}
.hrdwrfct {width: 6vw;margin: 0 auto 14px;}
.abtcsrfact h5 {font-size: 1.9vw;font-weight: 700;}
.abtcsrfact p {font-size: 1.2vw;padding-top: 5px;line-height: 1.4em;}
.stats > h4 {color: #ec6c07;font-size: 3.2vw;line-height: 1.4em;font-weight: 700;}
.stats > span {font-weight: 300;font-size: 2vw;line-height: 1.2em;}
.stats:nth-child(1), .stats:nth-child(5) {width: 22%;padding-left: 5px;}
.stats:nth-child(1), .stats:nth-child(2), .stats:nth-child(3), .stats:nth-child(4) {padding-bottom: 4.6%;border-bottom: 1px solid #bbb;}
.stats {padding: 0 2% 0 10%;border-right: 1px solid #bbb;}
.stats:nth-child(2), .stats:nth-child(3), .stats:nth-child(6), .stats:nth-child(7) {width: 29%;}
.stats:nth-child(4), .stats:nth-child(8) {width: 20%;padding-right: 0;border-right: none;}
.stats:nth-child(5), .stats:nth-child(6), .stats:nth-child(7), .stats:nth-child(8) {padding-top: 4.6%;}
.enqury {display: flex;}
.enqury1 {width: 48.1%;}
.enqury2 {width: 51.9%;background-color: #000;padding: 5% 10.5% 5%;    display: flex;align-items: center;}
.enqury21 { background-color: #fff;border-radius: 20px;padding: 9% 12%;width: 100%;}
.enqury21 > h3 {text-transform: capitalize;font-weight: 700;font-size: 1.8vw;}
.eefrm {padding-top: 7.5%;}
.efrm1 {padding-bottom: 17px;}
input.efrm11 {background-color: #f5f5f5;border-radius: 5px;padding: 13px 15px;font-size: 1.2vw;}
.eeffrm {padding-top: 10px;}
.eeffrm > input {color: #fff;font-size: 1.2vw;display: block;padding: 12px 20px;background-color: #ec6c07;border: 1px solid #ec6c07;border-radius: 30px;}
.faqs {padding: 5.1% 9.2% 3.7%;}
.faqs > h2 {text-align: center;font-size: 3.1vw;letter-spacing: 0.01em;}
.faqns {padding: 4% 0 0 0;}
.faq-item > li {background-color: #f7f7f7;padding: 3.2% 0% 3% 4%;margin-bottom: 1.5%;}
.faq-item > li > a {color: #000;font-weight: 600;font-size: 1.6vw;letter-spacing: 0.01em;position: relative;display: block;    padding-right: 7%;}
.faq-item > li > a::after {position: absolute;content: '+';top: 50%;transform: translateY(-50%);right: 3%;font-size: 2.5vw;font-weight: 400;line-height: 1em;}
.faq-item > li.active > a::after {content: '-';}
.faq-ans {display: none;padding-top: 1.3%;    padding-right: 7%;}
.faq-ans > p {font-size: 1.4vw;font-weight: 300;line-height: 1.4em;padding-bottom: 5px;}
.brochre {position: relative;}
.brochtxt {position: absolute;left: 50%;top: 47%;transform: translate(-50%, -50%);width: 60%;text-align: center;}
.brochtxt > h3 {font-size: 3.1vw;color: #fff;}
.brochtxt > p {color: #fff;font-size: 1.35vw;}
.dwnld {margin-top: 20px;color: #fff;font-size: 1.05vw;display: inline-block;padding: 10px 40px;background-color: #ec6c07;border: 1px solid #ec6c07;border-radius: 30px;text-transform: capitalize;text-align: center;}
.quickcntk {padding: 3.4% 9.2%;background-color: #e9e9e9;text-align: center;}
.quickcntk p {font-size: 1.45vw;}
.quickcntk h4 {font-size: 1.9vw;}
.quikct {display: flex;justify-content: space-around;padding: 2.5% 0 0 0;}
.quikct1 {width: 25%;}
.quikig {width: 19%;margin: 0 auto 16px;}
.quikct1 a {color: #fff;font-size: 1vw;display: inline-block;padding: 10px 40px;background-color: #ec6c07;border: 1px solid #ec6c07;border-radius: 30px;text-transform: capitalize;text-align: center;font-weight: 600;}
.quikct1 h5 {font-weight: 600;font-size: 1vw;padding-top: 8px;}
.quikct1 a.mob1{display: none;}
/*********************************** common page -----------------------------*/
.enqpop,.enqpopd,.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,.enqpopd.active,.enqpopd3.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 20px;background-color: #fff;width: 380px;border-radius: 10px;}
.enqpop1 > h5{text-transform: capitalize;font-size: 1.4em;padding-bottom: 10px;}
.enqpop1 > p {font-size: 0.9em;font-weight: 300;}
.brms {padding-bottom: 18px;}
input.burm {border: 1px solid #bfbfbf;border-radius: 5px;padding: 12px 16px;font-size: 1vw;}
.trmcnd {position: relative;}
.tcnds {position: absolute;display: none;}
.trmcnd label {position: relative;color: #6d6d6d;padding-left: 30px;font-size: 0.9vw;cursor: pointer;}
label.chkerrs > a{font-weight: 600;color: #6d6d6d;}
label.chkerrs::before {position: absolute;left: 0px;display: block;pointer-events: none;content: "";-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;border: 1px solid #ec6c07;border-radius: 0;height: 16px;top: 50%;transform: translateY(-50%);width: 16px;border-radius: 2px;}
.tcnds:checked~.chkerrs::after {border-top: 2px solid #ec6c07;border-right: 2px solid #ec6c07;transform:translateY(-50%) rotate(135deg);height: 3px;top: 50%;width: 7px;position: absolute;left: 5px;display: block;content: "";}
.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: 30px !important;color: #ccc;}
input#subtn7 {width: 100%;background-color: #000;color: #fff;text-transform: capitalize;font-size: 0.8em;padding: 12px 25px;text-align: center;border-radius: 30px;}
.bbnxt {padding: 10% 0 8%;}
.bbnxt >input {color: #fff;background-color: #ec6c07;padding: 10px;border-radius: 30px;border: 1px solid #ec6c07;}
.btrms {padding: 0 10%;}
.btrms > p {font-size: 0.8vw;text-align: center;line-height: 1.5em;    padding-bottom: 0;}
.btrms > p a {color: #ec6c07;}
/*--------------------------- Footer ----------------------------*/
.footer {padding: 4.5% 9.2% 0;background-color: #000;}
.footer2 {display: flex;padding-bottom: 3.5%;border-bottom: 1px solid #bbb;}
.fotr1 {width: 26.8%;  padding-right: 6%;}
.foot11 {width: 73%;padding-bottom: 14%;}
.footer21 > h3 {color: #fff;text-transform: uppercase;font-size: 1.4vw;padding-bottom: 8%;}
.footer21 > p {color: #fff;font-size: 1.35vw;font-weight: 300;line-height: 1.5em;    padding-bottom: 10px;}
.fotr2 {width: 25.9%;padding-right: 5%;padding-top: 1%;}
.footer21 > h5 {color: #fff;text-transform: uppercase;font-size: 1.4vw;padding-bottom: 12%;}
.ftmenu > li {padding-bottom: 7%;}
.ftmenu > li > a {color: #fff;font-weight: 300;font-size: 1.4vw;text-transform: capitalize;}
.fotr3 {width: 24.5%;padding-right: 5%;padding-top: 1%;}
.fotr4 {width: 22.7%;padding-top: 1%;}
/* a.fcall::after {position: absolute;content: '';left: 0;bottom: 0;width: 70px;height: 1px;background-color: #bbb;}
a.fcall::before {position: absolute;content: '';top: 0;left: 0;width: 70px;height: 1px;background-color: #bbb;} */
.fotr4 > a.fcall {padding: 5px 0;position: relative;}
.fotr4 > a {color: #fff;font-weight: 300;font-size: 1.4vw;display: inline-block;padding: 12px 0;}
.footer3 {padding: 3% 0 1%;display: flex;justify-content: space-between;}
.compny > p {color: rgba(255, 255, 255, 0.5);font-size: 1.4vw;font-weight: 300;padding-bottom: 0;}
.cpyrt > li:last-child::after {display: none;}
.cpyrt > li::after {position: absolute;content: '';right: 10px;width: 1px;height: 20px;background-color: #bbb;top: 50%;   transform: translateY(-50%);}
.cpyrt > li:last-child {padding-right: 0;}
.cpyrt > li {padding-right: 19px;position: relative;}
.cpyrt > li > a {color: rgba(255, 255, 255, 0.5);font-size: 1.4vw;font-weight: 300;}
.cpyrt {display: flex;}
.social {display: flex;}
.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;}
.footer4 {display: flex;justify-content: end;padding-bottom: 15px;}
.footer4 > a {color: #ec6c07;font-size: 1vw;}
.footer4 > a span {color: #fff;}
.footer4 > a:hover span{color: #ec6c07;}
section#ourvision {text-align: center;color: #fff;position: relative;}
.ourvisiondesc {padding: 2% 5%;font-size: 1.35vw;}
.ourvisionbody {position: absolute;left: 50%;top: 47%;transform: translate(-50%, -50%);width: 80%;text-align: center;}
.conpackg > p {text-align: center;font-weight: 300;font-size: 1.45vw;padding-top: 7px;color: #fff;}
.testimnl {
    position: relative;
    /* background-color: #f2f2f2; */
    padding: 7% 9.2% 0;
}
.testimon {
    display: flex;
    /* border: 1px solid #bcbcbc; */
    /* border-radius: 20px; */
    overflow: hidden;
}
.testimon1 {
    /* width: 49%; */ width: 100%;
}
.testimon1 > a {
    position: relative;
    display: block;
}
.testimon1 > a::before {
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.1);
}
.testimon1 > a::after {
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 4vw;
    height: 4vw;
    background: url(../img/play.png) no-repeat 0 0 / 100% auto;
}
.testimon2 {
    width: 51%;
    background-color: #fff;
    padding: 8% 7.2% 4%;
}
.testimon2 > h3 {
    font-size: 2.15vw;
    padding-bottom: 2px;
}
.testimon2 > span {
    font-size: 1.4vw;
}
.testimon2 > p {
    padding-top: 7%;
    font-size: 1.4vw;
    font-weight: 300;
    line-height: 1.4em;
}
.testimnlz {
    position: relative;
}
.testimnlx .owl-dots {
    padding-top: 20px;
    display: flex
;
    align-items: center;
    justify-content: center;
}
.testimnlx button.owl-dot {
    border: 2px solid #ec6c07 !important;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    margin: 0 5px;
}
.testimnlx button.owl-dot.active{background-color: #ec6c07 !important; }
.uvdoslid2 {
    position: absolute;
    top: 0%;
    left: 0%;
    right: 0%;
    bottom: 0%;
    z-index: 1;
    display: none;
}
.closevid {
    position: absolute;
    top: 15px;
    right: 25px;
    background-color: #fff;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    display: flex
;
    align-items: center;
    justify-content: center;
    padding: 9px;
}
    /* ==========================================================================
                                  Responsive
       ========================================================================== */
@media only screen and (max-width: 1250px){
    .quikct1 a.desk1{display: none;}
    .quikct1 a.mob1{display: inline-block;}
}
@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: 13px;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: 77px;;right: 0;bottom: 0;transform: translateX(100%);display: block;width: 50%;background-color: #000;z-index: 999;transition: all 500ms ease-in-out;overflow-y: auto;}
    header.hdesd .sldmnu {top: 64px;}
    .opts > li {padding-bottom: 20px;}
    .opts > li > a {color: #fff;font-size: 1.1em;text-transform: capitalize;}
    .opts > li.active > a{color: #ec6c07;}
    .opts {padding: 50px 40px;}
    .efrm .efrm1 input.efrm11 {background-color: #fff;}
    .ecrofce > h2,.sitepics > h2,.conpackg > h2,.whycsr > h2,.faqs > h2,.quickcntk h4{font-size: 3vw;}
    .faq-item > li > a::after{font-size: 3vw;}
    .abtcsrfact h5 {font-size: 2.4vw;}
    .wokbsde > a::after{font-size: 2.2vw;}
    .conpkglt1 > h5,.enqury21 > h3,.faq-item > li > a{font-size: 2vw;}
    .startcon > a,.wokbsde > a,.faq-ans > p,.abtcsrfact p,.brochtxt > p,.quickcntk p{font-size: 1.8vw;}
    a.btn,.conpkglt3 > a,.eeffrm > input,.dwnld{font-size: 1.7vw;}
    .hrdwr2 > h5,.subdesig > li,input.efrm11,input.burm,.quikct1 a,.quikct1 h5{font-size: 1.5vw;}
    .conpkglt1 > h4 span{font-size: 1.3vw;}
    
    .ecrofce,.sitepics,.conpackg,.whycsr,.faqs{padding: 50px 30px;}
    .ecrofce {overflow: hidden;}
    
    .content {padding-top: 77px;}
    .hmbaner1{padding: 5.5% 5% 3% 7%;}
    .hrdwr:first-child {width: 35%;}
    .hrdwr:nth-child(2) {width: 28%;}
    .hrdwr:nth-child(3) {width: 37%;}
    .hrdwr1 {width: 3vw;}  
    .startcon{padding: 10px 0 0;}
    .conpkgl {flex-wrap: wrap;}
    .conpkglt1 {padding: 15px 10% 11px 8%;}
    .wokbsde {padding: 17px 8% 20px 8%;}
    .conpkglt {width: 48.5%;}
    .conpkglt:nth-child(1), .conpkglt:nth-child(2) {margin-bottom: 20px;}
    .enqury21{padding: 9% 9%;border-radius: 10px;width: 80%;background: #ffffffe8;box-shadow:1px 4px 10px 4px rgb(183 163 163 / 46%);}
    .enqury2{padding: 5% 5% 5%;}
    .faq-ans{padding-top: 10px;}
    .comsite2 {opacity: 1;transform: scale(1);}
    .brochtxt{width: 70%;}
    .dwnld {margin-top: 10px;}
    #message, #flashmessage {width: 60%;}
    #message h5, #flashmessage h5{font-size: 1.1em;}
    #message p, #flashmessage p {font-size: 0.9em;}
    .quickcntk {padding: 30px;}
    .quikct1 {width: auto;}
    .quikct1 a{padding: 10px 30px;}
    .quikig {width: 5vw;}
    .enqury1 .desk {height: 100%;}
    .enqury1 img {object-fit: cover;height: 100%;}
    .testimnl{padding:  50px 30px 0;}
    .testimon1 > a::after{    width: 6vw;height: 6vw;}
    /*-------------Footer-------------------*/
    .footer{padding: 40px 30px 0;}
    .foot11 {width: 90%;}
    .footer21 > h3,.footer21 > h5,.ftmenu > li > a,.fotr4 > a,.cpyrt > li > a,.compny > p{font-size: 1.7vw;}
    .footer21 > p {font-size: 1.5vw;}
    .fotr4 > a.fcall {padding: 15px 0;}
    .footer3 {padding: 3% 0 3%;}
    .footer4 > a{font-size: 0.7em;}
}
@media only screen and (max-width: 900px){
    .comsite:nth-child(4n+1) {margin-left: 2%;}
    .comsite:nth-child(3n+1) {margin-left: 0;}
    .comsite {width: 32%;margin-left: 2%;}
    
}
@media only screen and (max-width: 39em){
    .desk{display: none;}
    .mob{display: block;}
    .sldmnu{width: 100%;}
    /* section#ourvision{  padding: 5% 2%;} */
    .hmbaner1 .text{text-align: left;}
    .text > h1{font-size: 10vw;border-bottom:none;}
    .hmpricz1 > h3{font-size: 8vw;}
    .text > h2,.conpkglt1 > h4 {font-size: 7.3vw;}
    .stats > h4{font-size: 7vw;}
    .ourvisionbody {width: 90%;left: 5%;top: 50%;transform: translateY(-50%);}
    .ourvisionbody > h2,.ecrofce > h2, .sitepics > h2, .conpackg > h2, .whycsr > h2, .faqs > h2 ,.brochtxt > h3{font-size: 5.5vw;}
    .conpkglt1 > h5, .enqury21 > h3,.wokbsde > a::after,.faq-item > li > a::after,.abtcsrfact h5,.quickcntk h4{font-size: 5vw;}
    .wokbsde > a, .conpkglt3 > a,.stats > span,.abtcsrfact p,.brochtxt > p{font-size: 4vw;}
    .ourvisiondesc.text > h5,a.btn, .eeffrm > input,.startcon > a,.conpackg > p, .faq-ans > p,.conpkglt1 > h4 span, .subdesig > li,input.efrm11, input.burm, .faq-item > li > a,.dwnld,.quickcntk p,.quikct1 h5,.quikct1 a {font-size: 3.2vw;}
    .hrdwr2 > h5{font-size: 3vw;}
    .hmpricz2 > span{font-size: 2.5vw;}
    .ourvisiondesc {font-size: 3.5vw;}
    .ecrofce > h2{padding: 0 5%;}
    .hmbaner,.oroffice,.enqury {display: block;}
    .hmbaner1,.hmbaner2,.hmofce1,.hmofce2,.enqury1,.enqury2 {width: 100%;}
    .ecrofce, .sitepics, .conpackg, .whycsr, .faqs {padding: 30px 30px;}
    .sitepics{overflow: hidden;}
    .faqs {margin-top: 0px;}
    .hmbaner1 {padding: 5% 10% 0% 10%;text-align: center;margin-bottom: -5%;}
    .text > h5{padding-top: 5%;text-align: left;font-size: 3.5vw;}
    .hmpricz {justify-content: left;padding-top: 10px;}
    a.btn{padding: 10px 13px ;width: 50%;position: relative;z-index: 1;}
    .hrdwr1 {width: 6vw;}
    .hrdwr2{width: calc(100% - 6vw);}
    .hmofce1{display: flex;justify-content: space-between;}
    .hmofcs1, .hmofcs2{width: 48%;}
    .oroffice{padding-top: 20px;padding-bottom: 0;}
    .hmofcs1 {margin-bottom: 0;}
    .hmofce2{margin: 4% 0;}
    .comsite {width: 100%;margin-left: 0 !important;}
    .comsitelst.owl-carousel {padding: 10px 10%;}
    .comsitelst.owl-carousel .owl-stage-outer {overflow: visible;}
    .comsitelst .owl-item.active .comsite2 {opacity: 1;transform: scale(1);}
    .comsite2 > img {width: 13% !important;}
    .startcon > a{padding: 12px 35px;}
    .conpkglt,.conpkglt.three {width: 100%;margin-right: 0;}
    .conpkgl {padding: 6% 5% 0% 5%;}
    .conpkglt:nth-child(3){margin-bottom: 20px;}
    .stats:nth-child(odd) {padding: 4.6% 10% 4.6% 2%;}
    .stats:nth-child(even) {border-right: none;padding: 4.6% 2% 4.6% 10%;}
    .stats:nth-child(6), .stats:nth-child(5){border-bottom: 1px solid #bbb;}
    .stats {width: 50% !important;text-align: center;}
    .statse{padding: 7% 0% 2% 0%;}
    .abtcsrfact {width: 100% !important;text-align: center;border-right: none;padding: 5px 0 15px !important;}
    .abtcsrfact:nth-child(1), .abtcsrfact:nth-child(2), .abtcsrfact:nth-child(3) {border-bottom: none;}
    .hrdwrfct {width: 12vw;}
    .enqury2 {padding:30px;}
    .faqns {padding: 15px 0 0 0;}
    .enqpop1{width: 90%;}
    .tcnds:checked~.chkerrs::after{left: 3px;}
    .enqpop1 > h5{font-size: 1.2em;}
    .testimnl{padding:  30px 30px 0;}
    .enqury21{width: 100%;}
     .testimon1 > a::after{    width: 8vw;height: 8vw;}
    
    .footer {padding: 30px 30px 0;}
    .footer2{display: block;}
    .fotr1 {width: 100%;padding-right: 0;text-align: center;padding-bottom: 30px;}
    .foot11 {width: 50%;margin: 0 auto;padding-bottom: 25px;}
    .footer21 > h3, .footer21 > h5, .ftmenu > li > a, .fotr4 > a, .cpyrt > li > a, .compny > p,.footer21 > p{font-size: 4vw;}
    .footer21 > h3{padding-bottom: 12px;padding-top: 30px;border-top: 1px solid #bbb;}
    .fotr4 {width: 100%;padding-top: 0;text-align: center;padding-bottom: 10px;}
    .footer21 > h5{padding-bottom: 15px;}
    .fotr4 > a{font-weight: 600;}
    a.fcall::before,a.fcall::after{display: none;}
    .fotr4 > a.fcall {padding: 0;}
    .fotr4 > a{padding: 5px;}
    .fotr4.footer21 > p {padding-bottom: 20px;}
    .social,.cpyrt {justify-content: center;padding-bottom: 10px;}
    .footer3 {padding: 30px 0 20px;display: block;text-align: center;}
    .cpyrt > li::after{top: 52%; height: 15px;}
    .footer4{justify-content: center;}
    .footer4 > a{font-size: 0.6em;}
    
    #message, #flashmessage {width: 90%;padding: 30px 30px;}
    .brochtxt{width: 80%;}
    .brochtxt > h3{padding-bottom: 7px;}
    .quikct{display: block;    padding: 10px 0 0 0;}
    .quikig {width: 10vw;}
    .quikct1 {padding-bottom: 30px;}
    .quikct1:last-child{padding-bottom: 0;}
}