/* normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html{font-family: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, input, select, textarea { color: #222; }
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;}
body {-webkit-font-smoothing:subpixel-antialiased;}
/* ==========================================================================
   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{margin:0; font-size: 1em;font-family:"HelveticaNeue-UltraLight";color: #fff;    font-weight: 400;text-transform: uppercase;}
h2, h3,h4 {margin:0; font-size: 1em;font-family:"HelveticaNeue-Bold";color: #fff;    font-weight: 400;text-transform: uppercase;}
h5 {margin:0; font-size: 1em;font-family:"HelveticaNeue-Medium";color: #fff;    font-weight: 400;}
h6 {margin:0; font-size: 1em;font-family:"HelveticaNeue-Light";color: #fff;    font-weight: 400;}
p{line-height:1.4em; padding-bottom:1em; font-size:0.88em; margin: 0; letter-spacing: 0.02em;color:#fff;}
a {text-decoration:none; outline:0; outline-color: rgba(0, 0, 0, 0);color: #fff;}
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"], 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 {color: #000;}
input.crms.error::-webkit-input-placeholder {color: #ff0000;}
:-moz-placeholder {color:  #000;}
input.crms.error:-moz-placeholder {color: #ff0000;}
::-moz-placeholder {color:#000;}
input.crms.error::-moz-placeholder {color: #ff0000;}
:-ms-input-placeholder {color: #000;}
input.crms.error:-ms-input-placeholder {color: #ff0000;}
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 */
body {color:#000;font-family:"HelveticaNeue";overflow-x: hidden;}
.clearfix:before, .clearfix:after {content: "";display: table;} 
.clearfix:after {clear: both;}
.clearfix: {*zoom: 1;}
@font-face {font-family:"HelveticaNeue-Bold";src:url("HelveticaNeu-Bold.ttf");} 
@font-face {font-family:"HelveticaNeue-Light";src:url("HelveticaNeue-Light.ttf");}
@font-face {font-family:"HelveticaNeue-Thin";src:url("HelveticaNeue-Thin.ttf");}
@font-face {font-family:"HelveticaNeue-UltraLight";src:url("HelveticaNeue-UltraLight.ttf");}
@font-face {font-family:"HelveticaNeue";src:url("HelveticaNeue.ttf");}
@font-face {font-family:"HelveticaNeue-Medium";src:url("HelveticaNeue-Medium.ttf");}
/* body{background: url(../design/jpg/mobile/Mobile_Home_01.png ) no-repeat 0px 0px / 100% auto;padding-bottom: 2000px;} */
    /* ==========================================================================
                                 common code
       ========================================================================== */
*{box-sizing: border-box;}
.mob,.mob1,.rlprdn3.mob{display: none;}
.homecls{position: relative;}
a,.header ,.hedcontainer,.logo,.navi > li > a::after,.moblnk span::before, a.moblnk span::after, .prfmkcrmcttxt p{-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;}
#overlay{z-index:9999;align-items: center;justify-content: center;display: none;}
#overlay{width:100%;height:100%;top:0;min-width:320px}
#overlay{position:fixed}
#overlay{background-color:rgba(0,0,0,.6)}
#overlay.active{display: flex;}
#message{width:30%;color:#000;text-align:center;/*margin:23% auto 0 auto;*/padding:30px}
#message{background-color:rgba(255,255,255,1)}
#message{font-weight:400}
#message #okbtn{color:#fff;padding:5px 20px;background:#3b0602;border-radius: 6px;}
#message p {color:#000;}
#overlay.closes{display: flex;}
#orimode {position: fixed;z-index: 9999999;left: 0;right: 0;top: 0;bottom: 0;background-color: rgba(0, 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 h2 img {width: auto;}
    /* ==========================================================================
                                 Animation
       ========================================================================== */
.smartep1 > h5{opacity: 0;}
.content.anmtr .smartep1 > h5 {opacity: 1;}
.smartep2 img{transform: scale(1.2);}
.content.anmtr .smartep2 img{transform: scale(1);}

.smartep1 > h5{-webkit-transition: all 500ms ease-in-out 0.3s;-moz-transition: all 500ms ease-in-out 0.3s;-ms-transition: all 500ms ease-in-out 0.3s;-o-transition: all 500ms ease-in-out 0.3s;transition: all 500ms ease-in-out 0.3s;}
#random_quotes{-webkit-transition: all 500ms ease-in-out 0.4s;-moz-transition: all 500ms ease-in-out 0.4s;-ms-transition: all 500ms ease-in-out 0.4s;-o-transition: all 500ms ease-in-out 0.4s;transition: all 500ms ease-in-out 0.4s;}
.trial{-webkit-transition: all 500ms ease-in-out 0.5s;-moz-transition: all 500ms ease-in-out 0.5s;-ms-transition: all 500ms ease-in-out 0.5s;-o-transition: all 500ms ease-in-out 0.5s;transition: all 500ms ease-in-out 0.5s;}
.smartep2 img{-webkit-transition: all 500ms ease-in-out 0.6s;-moz-transition: all 500ms ease-in-out 0.6s;-ms-transition: all 500ms ease-in-out 0.6s;-o-transition: all 500ms ease-in-out 0.6s;transition: all 500ms ease-in-out 0.6s;}
.smartep2{overflow: hidden;}

.trial:hover, .aboutleadassett img, .ouruniquesnssc img, .slidright img, .prfmstks1 img, .techlgg img, .crtivsrvss img, .blgimgss 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;}
.aboutleadassett .desk, .ouruniquesnssc, .slidright, .prfmstks1, .techlgg, .crtivsrvss, .blgimgss, .crtsris2 {overflow: hidden;}
.aboutleadassett:hover img, .ouruniquesnssc:hover img, .slidright:hover img, .prfmstks1:hover img, .techlgg:hover img, .crtivsrvss:hover img, .blgimgss:hover img {transform: scale(1.05);}

.trial,.saasi3 > a{position: relative;z-index: 1;}
.trial::before{position: absolute;content: '';left: 0;top: 0;width: 0;height: 100%;background-color: #c72625;transition: all 500ms ease-in-out;z-index: -1;}
.saasi3 > a::before{position: absolute;content: '';left: 0;top: 0;width: 0;height: 100%;background-color: #1e3b76;transition: all 500ms ease-in-out;z-index: -1;}
.trial:hover::before {width: 100%;}
.trial:hover{color: #fff;}
.fsbtn1::before{position: absolute;content: '';left: 0;top: 0;width: 0;height: 100%;background-color: #fff;transition: all 500ms ease-in-out;z-index: -1;}
.fsbtn1:hover::before {width: 100%;}
.fsbtn1:hover input{color: #1e3b76;border: 1px solid #1e3b76;}
.opts > li > a:hover,.fotr > ul > li > a:hover,.fotr > ul > li.active > a{color:#fff; }


   /* ==========================================================================
                                  header
       ========================================================================== */
.header {position: fixed;top: 0;left: 0;width: 100%;z-index: 999;}
/* .hedcontainer {margin: 0 7.5% 0 11.3%;padding: 1.5% 0;display: flex;justify-content: space-between;align-items: center;} */
.hedcontainer, .shead .hedcontainer {background-image: url(../img/header-bg.jpg);background-repeat: no-repeat;background-position: center;background-size: cover;}
.hedcontainer.hompgs {background-image: none;}
.hdcontent, .shead .hdcontent {margin: 0 3.3% 0 4.1%;display: flex;justify-content: space-between;align-items: center;padding: 2.4% 0;}
.shead .hdcontent {padding: 2% 0;}
.hompgs .hdcontent {padding: 6.1% 0 0 0;}
.hompgs .navigat {justify-content: center;}
.logo, .shead .logo{width: 24.5%;}
.hompgs .logo {display: none;}
.navigat, .shead .navigat {display: flex;width: 100%;justify-content: flex-end;align-items: center;}
.navi, .shead .navi {display: flex;justify-content: flex-end;padding-top: 21px;}
.navi > li > a, .shead .navi > li > a {text-transform: uppercase;font-size: 0.8vw;color: #fff;position: relative;display: block;font-family: "HelveticaNeue-Medium";}
.navi li.active a, .opts > li.active > a {font-weight: 700;}
.hompgs .navi > li > a {font-size: 1.2vw;letter-spacing: 0.02em;}
.navi > li > a:hover {transform: scale(1.02);font-weight: 600;}
.navi > li, .shead .navi > li {position: relative;padding-left: 20px;}
.hompgs .navi > li {padding-right: 8px;}
.navi > li:first-child, .shead .navi > li:first-child {padding-left: 0;}
.navi > li::before, .shead .navi > li::before {width: 2px;position: absolute;content: '';height: 60%;background-color: #fff;top: 16%;right: -11px;transform: rotate(23deg);}
.navi > li:last-child::before, .shead .navi > li:last-child::before {display: none;}
.hompgs .navi > li::before {right: -6px;}
.content {padding-top: 7.4%;background-color: #fff;}
.phmenu {display: none;}
.moblnk.active span {height: 0;}
.moblnk.active span::before {transform: rotate(45deg);top: 0;}
.moblnk.active span::after {transform: rotate(-45deg);top: 0;}
.sldmnu {min-width: auto;}
.sldmnu {position: fixed;right: 0;bottom: 0;top: 9vw;background-color: #431e12;z-index: 1100;min-width: 400px;transition: all 500ms ease-in-out;transform: translateX(100%); box-shadow: 1px 40px 10px rgba(0, 0, 0, 0.3);}
.sldmnu.open {transform: translateX(0);}
.opts {padding: 20% 4.3%;text-align: right;}
.opts > li {padding-bottom: 30px;}
.opts > li > a {text-transform: uppercase;font-family: 'HelveticaNeue-Medium';font-size: 1.1em;color: #fff;}

.hedrss {position: absolute;bottom: 30px;padding: 0 4.3%;right: 0;}
.infmls > li {padding-bottom: 15px;text-align: right;}
.infmls > li > a {color: #fff;font-weight: 700;text-transform: uppercase;}
.hedrss .soclsins {padding-top: 0;}
.hedrss .ftsocl > li > a {background-image: url(../img/social-1.png);}
/* =============================Footer ======================================= */
.footersec { background-color: #fff;padding: 4.1% 10% 5% 22.9%;}
.footercont h3 {font-size: 5vw;color: #000;font-family: 'HelveticaNeue-UltraLight';text-transform: uppercase;line-height: 1.02em;letter-spacing: 0.02em;width: 60%;}
.footercont h4 {font-size: 2vw;color: #1d292e;font-family: 'HelveticaNeue-Bold';text-transform: uppercase;line-height: 1em;letter-spacing: 0.02em;padding-top: 24px;/*padding-left: 3px;*/}
.footercont p {font-size: 0.8vw;color: #1d292e;font-family: 'HelveticaNeue-Medium';text-transform: uppercase;line-height: 1em;letter-spacing: 0.006em;padding-top: 14px;/*padding-left: 5px;*/}
.footercont p a {color: #1d292e;}
.footercont .phns {font-size: 2.4vw;font-family: 'HelveticaNeue-UltraLight';color: #214231;padding: 11px 0 6px 0;letter-spacing: 0.01em;}
.footercont .emilss {font-size: 2.4vw;font-family: 'HelveticaNeue-UltraLight';color: #214231;padding: 11px 0 46px 0px;letter-spacing: 0.01em;}
.footercont .phns a,.footercont .emilss a {color: #214231;}
.footercont p a:hover, .footercont .phns a:hover,.footercont .emilss a:hover {color: #431e12;}
.footercont p a:hover {font-size: 0.81vw;}
.footercont .phns a:hover,.footercont .emilss a:hover {font-size: 2.45vw;}
.footercont .copyrits {/*padding-left: 9px;*/display: inline-block;font-size: 0.84vw;color: #214231;}

.soclsins {display: inline-block;float: right;}
.ftsocl {display: flex;justify-content: flex-end;}
.ftsocl > li {padding-right: 10px;}
.ftsocl > li:last-child {padding-right: 0;}
.ftsocl > li > a {display: block;width: 35px;height: 35px;background-image: url(../img/social.png);background-repeat: no-repeat;background-size: 200px auto;transition: 0s;}
.ftsocl > li > a.fb {background-position: -122px -2px;}
.ftsocl > li > a.insta {background-position: -43px -2px;}
.ftsocl > li > a.twtr {background-position: -82px -2px;}
.ftsocl > li > a.lnkin {background-position: -3px -2px;background-size: 201px auto;}
.ftsocl > li > a.utbe {background-position: -163px -2px;}
@media only screen and (min-width: 1280px){
.ftsocl > li > a.fb:hover {background-position: -122px -52px;}
.ftsocl > li > a.insta:hover {background-position: -43px -52px;}
.ftsocl > li > a.twtr:hover {background-position: -82px -52px;}
.ftsocl > li > a.lnkin:hover {background-position: -3px -52px;}
.ftsocl > li > a.utbe:hover {background-position: -163px -52px;}
}

/* =============================Home page ======================================= */
.content.hompges {padding-top: 0;}
.banersliders {position: relative;}
.bannerslider {position: relative;overflow: hidden;}
.banercls {position: relative;width: 100%;}
.bannerig .desk7 {display: none;}
.banlogss {padding: 0 15% 0;position: absolute;z-index: 10;left: 0;bottom: 38%;}
.banlogss img {animation: zoomIn 0.6s ease-out forwards;transform: scale(1.2);opacity: 0;}
@keyframes zoomIn {0% {transform: scale(1.2);opacity: 0;}100% {transform: scale(1);opacity: 1;}}
.banercnt {position: absolute;left: 0;right: 0; bottom: 20.4%;z-index: 10;box-sizing: border-box;}
.banercnt h3 {font-family: "HelveticaNeue-Medium";font-size: 1.4vw;color: #fff;text-align: center;text-transform: uppercase;letter-spacing: 1.15em;padding-left: 23px;;}
.banercnt h3 {width: 100%;animation: slideUpZoom 0.7s ease-out;}
@keyframes slideUpZoom {
    0% {transform: translateY(50px);opacity: 0;}
    100% {transform: translateY(0);opacity: 1;}
}
.pager {position: absolute;bottom: 5%;width: 100%;z-index: 201;}
.pager1 {display: flex;justify-content: center;}
#banpgrs span {display: inline-block;width: 13px;height: 13px;margin-right: 13px;border: 1.5px solid #888;border-radius: 50%;opacity: 1;cursor: pointer;-webkit-transition: all 300ms ease-in-out;-moz-transition: all 300ms ease-in-out;-ms-transition: all 300ms ease-in-out;-o-transition: all 300ms ease-in-out;transition: all 300ms ease-in-out;text-indent: -1000em;}
#banpgrs span.cycle-pager-active {position: relative;}
#banpgrs span.cycle-pager-active::after {content: "";position: absolute;left: 50%;top: 50%;width: 5px;height: 5px;background: #fff;border-radius: 50%;transform: translate(-50%, -50%);}
.scrldwn {position: absolute;bottom: 5%;width: 100%;z-index: 200;}
a.scrolx {width: 40px;height: 40px;display: block;margin: 0 auto;background: url(../img/down-button.png) no-repeat 0 0 / 100% auto;animation: bounce linear 2s infinite;}
@keyframes bounce{0%{transform:translate(0,0)}15%{transform:translate(0,-25px)}30%{transform:translate(0,0)}45%{transform:translate(0,-15px)}60%{transform:translate(0,0)}75%{transform:translate(0,-5px)}100%{transform:translate(0,0)}}
.yersexprns {display: flex;}
.yrsepns {background-color: #431e12;width: 45.2%;}
.yerhead {padding: 34.2% 0;}
.yrsepns h1 {font-family: "HelveticaNeue-Bold";font-size: 3.4vw;color: #fff;text-align: center;text-transform: uppercase;}
.yercontnt {width: 54.7%;}
.yercontnt1 {padding: 12.2% 0 0% 0;}
.yercontnt h3 {width: 60%;color: #431e12;font-size: 3.1vw;font-weight: 300;font-family: 'HelveticaNeue-Thin';padding-left: 15%;text-transform: uppercase;line-height: 1.2em;}
.yercontnt h2 {color: #431e12;font-size: 3.45vw;font-weight: 300;font-family: 'HelveticaNeue-Bold';padding-left: 3.5%;padding-top: 2.5%;text-transform: uppercase;}
.yerparas {padding: 4.5% 15.4% 4.4%;}
.yerparas > p {color: #000000;font-family: 'HelveticaNeue-Bold';width: 23%;text-transform: uppercase;font-size: 0.8vw;line-height: 1.28em;letter-spacing: 0.01em;padding-bottom: 4.7%;}
.yerparas > p:last-child {padding-bottom: 0;}
.ourservices { display: flex;}
.ourservicess {width: 79.3%;}
.ourserviceslns {width: 20.7%;background-color: #1a292e;}
.oursersvs {margin: 13% 1% 15.9% 5%;display: flex;justify-content: space-between;position: relative;}
.ourservicesscnt > ul > li {padding-bottom: 10px;}
.ourservicesscnt > ul > li > a {display: inline-block;font-size: 4.1vw;text-transform: uppercase;color: #1a292f;line-height: 0.81em;font-family: 'HelveticaNeue-UltraLight';}
.ourservicesscnt > ul > li > a:hover {transform: scale(1.02);}
.ourserhead {position: absolute;right: 0;top: 24%;}
.ourserhead h2 a {display: inline-block;color: #1a292f;font-size: 2.5vw;text-transform: uppercase;writing-mode: vertical-rl;transform: rotate(180deg);line-height: 0.7em;}
.ourserhead h2 a:hover {transform: rotate(180deg) scale(1.02);}
.ousrvslks a {font-size: 5.1vw;text-transform: uppercase;font-family: 'HelveticaNeue-Thin';line-height: 1em;display: inline-block;}
.ousrvslks a:hover {color: #a7e5ff;transform: scale(1.02);}
.ousrvslks {padding: 121% 0 0 6%;}
.ouruniquesnssc {position: relative;}
.ouruniquesnsscnt {position: absolute;bottom: 0;left: 23%;}
.ouruniquesnsscnt > h2 {font-family: "HelveticaNeue-Medium";font-size: 2.3vw;color: #fff;text-transform: uppercase;letter-spacing: 0.1em;line-height: 1em;}
.ouruniquesnsscnt > h3 {font-family: "HelveticaNeue-Bold";font-size: 10.5vw;color: #fff;text-transform: uppercase;line-height: 0.75em;margin-left: -10px;letter-spacing: -0.01em;}
.ouruniquesnshd {padding: 5% 36% 3% 23.1%;}
.ouruniquesnshdc > h3 {font-family: "HelveticaNeue-Bold";font-size: 1vw;color: #2e2307;text-transform: uppercase;letter-spacing: 0.01em;}
.ouruniquesnshdc > p {color: #2e2307;font-family: "HelveticaNeue-Light";line-height: 1em;font-size: 1.1vw;letter-spacing: -0.02em;padding-bottom: 0;}
.ouruniquesnshdc {padding-bottom: 4.2%;}
.aboutleadassett {position: relative;}
.aboutleadassetcnt {position: absolute;bottom: 7%;left: 0;text-align: center;}
.aboutleadassetcnt > h3 {font-size: 1.2vw;letter-spacing: 2.6vw;padding-bottom: 2.3%;padding-left: 2.5%;}
.aboutleadassetcnt > p {color: #fff;font-family: 'HelveticaNeue-Light';width: 36%;text-align: center;margin: 0 auto;line-height: 1.2em;font-size: 0.95vw;letter-spacing: 0.005em;}
.blogsectncnt {padding: 5.2% 0;}
.blogslider {width: 80%;margin: 0 auto;}
.slidse {position: relative;display: flex;justify-content: center;}
.slideleft {width: 10.5%;}
.slidecenter {width: 81.2%;display: flex;background: #3b0602;}
.slidenumber {font-size: 5vw;font-family: 'HelveticaNeue-Thin';color: #1a292f;padding: 30% 0 0 20%;}
.slidecontent {width: 64.3%;}
.slidright {width: 31.6%;}
.slidetitle {font-size: 10.2vw;font-family: "HelveticaNeue-UltraLight";color: #1a292f;letter-spacing: 2px;padding-left: 10.7%;line-height: 1.5em;}
.slidesubtitle {font-size: 2vw;color: #ffffff;text-transform: uppercase;line-height: 1.25em;padding-left: 12%;font-family: 'HelveticaNeue-Light';padding-bottom: 0;padding-top: 22%;}
.slidesubtitle a {display: inline-block;}
.slidesubtitle a:hover {color: #ffb4aa;transform: scale(1.02);}
.slidebottom {width: 10.4%;display: flex;justify-content: center;align-items: center;}
.slidemore {display: inline-block;position: absolute;right: 8px;bottom: 60px;font-size: 1vw;color: #2e2307;font-family: 'HelveticaNeue-Bold';} 
.slidemore:hover {transform: scale(1.04);}
.slidemore.mob1{display: none;}
.enquiryform {background: #393939;}
.enquiryform h4 {font-size: 5.1vw;font-family: 'HelveticaNeue-UltraLight';padding: 7.3% 0 0 3.9%;letter-spacing: 0.2em;line-height: 1.38em;}
.enquiryformcnt {padding: 7.8% 0 7.4% 0;}
.enqforms {display: flex;justify-content: space-between;}
.enqforms1 {display: flex;width: 87.3%;padding: 5px 0 5px 57px;background: #fff;align-items: center;}
.enqforms2 {width: 12.5%;background: #6b6b6b;}
input.crms {font-family: 'HelveticaNeue-Light';font-size: 1.6vw;text-transform: uppercase;}
.formgroup {position: relative;}
.formgroup::before{width: 1px;position: absolute;content: '';height: 66%;background-color: #000;top: 18%;right: 29px;transform: rotate(23deg);}
.formgroup:last-child:before{display: none;}
.formgroup.frms1 {width: 16.5%;}
.formgroup.frms2 {width: 21%;}
.formgroup.frms3 {width: 9%;}
.formgroup.frms4 {width: 21%;}
.formgroup.frms5 {width: 25%;}
.formgroup.frms1 input.crms{width: 75%;}
.formgroup.frms2 input.crms{width: 80%;}
.formgroup.frms3 input.crms{width: 60%;}
.formgroup.frms4 input.crms{width: 80%;}
.formgroup.frms5 input.crms{width: 100%;}
.formgroups {padding: 9px;}
.formgroups input {text-transform: uppercase;color: #fff;font-family: 'HelveticaNeue-Bold';padding-left: 11px;font-size: 1.1vw;}
.formgroups input:hover {color: #000;}
.formgroup em {font-size: 0.7em;color: #ff0000;}

/*===================== About us page ============================*/
.aboutitlst {margin: 3.1% 4% 1.6%;}
.aboutitlst h2 {font-size: 2.4vw;color: #919191;text-transform: uppercase;line-height: 1em;letter-spacing: 0.017em;}
.aboutitlst h3 {font-size: 10.3vw;color: #919191;text-transform: uppercase;line-height: 1em;margin-top: -14px;margin-left: -7px;}
.abtldasts .aboutleadassett {padding: 0 3.1% 0 4%;}
.abtldasts .aboutleadassetcnt > h3 {font-size: 1.1vw;letter-spacing: 2.41vw;line-height: 1.2em;padding-bottom: 2.1%;}
.abtldasts .aboutleadassetcnt > p {font-size: 0.9vw;letter-spacing: 0;width: 32%;}
.abtldascntst {margin: 4% 7% 4.9% ;text-align: center;}
.abtldascntst h1 {font-size: 2vw;font-family: 'HelveticaNeue-Medium';color: #000;text-transform: uppercase;letter-spacing: 0.02em;padding-left: 29px;margin-top: -2px;}
.abtldascntst h2 {font-size: 2.5vw;font-family: 'HelveticaNeue-Medium';color: #000;text-transform: uppercase;padding-left: 27px;line-height: 1em;letter-spacing: 0.01em;margin-top: -3px;padding-bottom: 3.6%;}
.abtldascntst p {color: #2e2307;font-family: 'HelveticaNeue-Light';line-height: 1.2em;font-size:1vw;letter-spacing: 0.015em;padding-bottom: 1.6%;padding-left: 6px;}
.abtstatus {position: relative;}
.abtstatuscnt {position: absolute;top: 50%;transform: translateY(-50%);padding: 0 9%;width: 100%;display: flex;justify-content: center;text-align: center;}
.abtstatusbox {width: 33.3%;}
.abtstatusbox h3 {font-size: 10.3vw;line-height: 1em;}
.abtstatusbox p {color: #fff;font-size: 1.4vw;text-transform: uppercase;font-family: 'HelveticaNeue-Bold';line-height: 1em;letter-spacing: -0.01em;padding-top: 2px;}
.abtsclrasbxs {margin: 1.5% 3.2% 3.1% 4%;}
.abtscntss {display: flex;justify-content: space-between;}
.abtsbnts1 {width: 24.2%;padding: 6.1% 2% 3.1% 2%;background-color: #1a292f;}
.abtsbnts1 h4 {font-size: 2.1vw;font-family: 'HelveticaNeue-Light';color: #6ad3ff; text-transform: uppercase;line-height: 1.2em;margin-top: -7px;letter-spacing: 0;}
.abtsbnts1 p {font-size: 1vw;color: #fff;font-family: 'HelveticaNeue-Light';line-height: 1.25em;padding-top: 33%;letter-spacing: 0.01em;}
.abtsbnts1:nth-child(2) {background-color : #431e12;}
.abtsbnts1:nth-child(3) {background-color : #2e2307;}
.abtsbnts1:nth-child(4) {background-color : #0b3532;}
.abtsbnts1:nth-child(2) h4 {color: #ffb39b;}
.abtsbnts1:nth-child(3) h4 {color: #ffe193;}
.abtsbnts1:nth-child(4) h4 {color: #a1fff8;}
/*===================== Contact us page ============================*/
.cntstitls .aboutitlst h3 {margin-left: -2px;}
/*section#cntspages {margin-bottom: 4%;}*/

.cntadres {margin: 3.1% 4% 4%;display: flex;justify-content: space-between;}
.cntadrs1, .corpofc2 {width: 46%;}
.cntadrs1 h4 {font-size: 2vw;color: #1d292e;font-family: 'HelveticaNeue-Bold';text-transform: uppercase;line-height: 1em;letter-spacing: 0.02em;padding-top: 24px;/*padding-left: 3px;*/}
.cntadrs1 p {font-size: 0.8vw;color: #1d292e;font-family: 'HelveticaNeue-Medium';text-transform: uppercase;line-height: 1em;letter-spacing: 0.006em;padding-top: 14px;/*padding-left: 5px;*/}
.cntadrs1 p a {color: #1d292e;}
.cntadrs1 .phns {font-size: 2.4vw;font-family: 'HelveticaNeue-UltraLight';color: #214231;padding: 11px 0 6px 0;letter-spacing: 0.01em;}
.cntadrs1 .emilss {font-size: 2.4vw;font-family: 'HelveticaNeue-UltraLight';color: #214231;padding: 11px 0 46px 0px;letter-spacing: 0.01em;}
.cntadrs1 .phns a,.cntadrs1 .emilss a {color: #214231;}
.cntadrs1 p a:hover, .cntadrs1 .phns a:hover,.cntadrs1 .emilss a:hover {color: #431e12;}
.cntadrs1 p a:hover {font-size: 0.81vw;}
.cntadrs1 .phns a:hover,.cntadrs1 .emilss a:hover {font-size: 2.45vw;}
.corpofc2 {position: relative;margin-top: -14vw;}
.cntltnin {position: absolute;top: 0;left: 0;right: 0;bottom: 0;}
#map-canvas {width: 100%;height: 100%;}
.gm-style .gm-style-iw-d h1 {color: #000;text-transform: uppercase;font-family: 'HelveticaNeue-Bold';}
.gm-style-iw-chr {display: none;}
.gm-style-iw-d {padding-top: 10px;}
.gm-style-iw-d p {padding-bottom: 0;color: #000;}
.gmnoprint.gm-style-mtc-bbw,.gm-style-cc {display: none;}


/*===================== Blog ============================*/
.blgimgss {margin: 0 3.2% 0 4%;}
.blgcntss {margin: 2% 9.7% 2.8% 7%;}
.blgcntsst h3 {color: #000;font-size: 1vw;text-transform: uppercase;line-height: 1em;}
.blgcntsst h1 {color: #000;font-size: 2.1vw;text-transform: uppercase;font-family: 'HelveticaNeue-Bold';line-height: 1em;letter-spacing: -0.01em;padding-top: 6px;padding-bottom: 2.7%;}
.blgcntssst {display: flex;justify-content: space-between;padding-left: 2px;}
.blgcntst1 {width: 46.8%;}
.blgcntst1 p {color: #000;font-family: 'HelveticaNeue-Light';font-size: 0.9vw;line-height: 1.2em;letter-spacing: 0.01em;padding-bottom: 16px;}

/*===================== Creative Services ============================*/
.crtetitls .aboutitlst h3 {margin-left: -2px;}
.cretivseris {margin: -1.2% 2.9% 4% 4.1%;}
.crtsrvsbg {display: flex;align-items: center;background-color: #133944;}
.crtsrviscnt {width: 33.4%;}
.crtsrvsimg {width: 66.6%;}
.crtsrvsig1 {position: relative;margin: 4.6% 5% 0 0;}
.crtsrviscnt {width: 33.4%;padding: 2.7% 6.6% 3.4% 2.8%;}
.crtsrviscnt h1, .crtsrviscnt h2 {font-size: 3.1vw;font-family: "HelveticaNeue-UltraLight";line-height: 1em;color: #a3e5f8;padding-bottom: 9%;}
.crtsrviscnt h4 {font-size: 1.1vw;letter-spacing: -0.04em;}
.crtsrviscnt p {font-size: 1vw;line-height: 1.2em;font-family: 'HelveticaNeue-Light';margin-top: -2px;padding-bottom: 7.1%;}
.techlgg {overflow: hidden;}
.techlgi {position: absolute;top: 51.1%;left: 47.7%;transform: translate(-50%, -50%);width: 5.6%;z-index: 1;}
.crtsrscntss {text-align: center;width: 92%;margin: 0 auto;}
.crtsrscntss h3 {font-size: 1.6vw;color: #401f13;line-height: 1em;}
.crtsrscntss p {font-size: 1vw;color: #401f13;font-family: 'HelveticaNeue-Light';line-height: 1.2em;letter-spacing: 0.015em;padding: 1.6% 0 3.6%;text-align: center;}
.crtsrvsclts {margin: 0 5.8% 2.2% 9.3%;}
.crtsrvscls1 {display: flex;flex-wrap: wrap;}
/*.crtivsrvss {width: 32.3%;margin-left: 1.5%;margin-bottom: 1.5%;}
.crtivsrvss:nth-child(3n+1){margin-left: 0;}*/
.techutb {position: absolute;top: 0;left: 0;right: 0;bottom: 0;display: none;z-index: 10;}
.closevid {position: absolute;top: 15px;right: 15px;background-color: #fff;border-radius: 50%;color: #000;font-size: 1.2em;line-height: 1.4em;width: 30px;height: 30px;text-align: center;display: block;z-index: 10;}
.techutb > video {width: 100%;height: 100%;}
.crtsrviscnt .prfmtsa1 {padding-bottom: 6.8%;}

.crtsrvsclts {margin: 0 5.8% 3.7% 7%;}
.crtsrvscls1 .owl-nav {position: absolute;top: 50%;left: -40px;right: -40px;transform: translateY(-50%);pointer-events: none;}
.crtsrvscls1 .owl-nav button.owl-prev {float: left;width: 30px;height: 30px;pointer-events: all;}
.crtsrvscls1 .owl-nav button.owl-next {float: right;width: 30px;height: 30px;pointer-events: all;}
.crtsrvscls1 .owl-nav button.owl-next span {display: block;width: 12px;height: 12px;border-top: 1px solid #000;border-right: 1px solid #000;transform: rotate(45deg);margin-left: 7px;font-size: 0;}
.crtsrvscls1 .owl-nav button.owl-prev span {display: block;width: 12px;height: 12px;border-top: 1px solid #000;border-right: 1px solid #000;transform: rotate(-135deg);margin-left: 11px;font-size: 0;}
.crtsrvscls1 .owl-nav button.owl-prev.disabled, .crtsrvscls1 .owl-nav button.owl-next.disabled {display: none;}

.crtsrvsig1 {margin: 0 5% 0 0;}
.crtsrvsis2 {display: flex;justify-content: space-between;}
.crtsrvsis2 .owl-nav {display: none;}

.cresrivs .crtsrviscnt {width: 100%;}
.cresrivs .crtsrviscnt h1 {padding-bottom: 3%;}
.cresrivs .crtsrvcnt {display: flex;justify-content: space-between;flex-wrap: wrap;}
.cresrivs .crtsrviscnt .prfmtsa1 {width: 46%;padding-bottom: 2%;}

/*===================== Performance Marketing ============================*/
.permnemrtkng {margin: 3.2% 3.1% 5% 4%;}
.permnemrkns {display: flex;justify-content: space-between;}
.prfmsmtks1 {width: 29.6%;background-color: #1a292f;}
.prfmsmtks1.mirstes {background-color: #2e2307;}
.prfmsmtks2 {width: 38.4%;background-color: #431e12;}
.prfmsmrtks1 {padding: 9% 12% 8% 9%;}
.prfmsmrtks1 h2 {font-size: 3vw;font-family: 'HelveticaNeue-UltraLight';color: #a3e5f8;width: 70%; line-height: 1em;letter-spacing: 0.01em;padding-bottom: 9.6%;}
.prfmsmtks1.mirstes h2 {color: #cbb170;}
.prfmtsa1 {padding-bottom: 6%;}
.prfmtsa1 h4 {letter-spacing: -0.04em;font-size: 1.1vw;}
.prfmtsa1 p {font-size: 1vw;margin-top: -3px;line-height: 1.25em;font-family: 'HelveticaNeue-Light';letter-spacing: 0.015em;padding-bottom: 0;}
.prfmstks1 {border-bottom: 16px solid #fff;}
.prfmstks2 {padding: 7% 6% 2% 7.7%;}
.prfmstks2 h2 {font-size: 3vw;font-family: 'HelveticaNeue-UltraLight';color: #ffb39b;line-height: 1em;letter-spacing: 0.01em;width: 70%;padding-bottom: 7%;}
.prfmkcrmmsgs {text-align: center;padding-top: 7px;padding-bottom: 3.9%;}
.prfmkcrmmsgs h1 {font-size: 1.7vw;color: #431e12;font-family: 'HelveticaNeue-Medium';line-height: 1em;letter-spacing: -0.02em;padding-bottom: 1.4%;}
.prfmkcrmmsgs p {color: #2e2307;font-size: 1vw;font-family: 'HelveticaNeue-Light';margin: 0 auto;width: 92%;line-height: 1.25em;letter-spacing: 0.015em;text-align: center;}
.prfmkcrmcts {display: flex;justify-content: space-between;margin: 0 3.2% 2% 4%;}
.prfmkcrmct1 {width: 30%;padding: 2.8% 3% 9.8% 3.7%;}
.prfmkcrmct2 {width: 38.2%;background-color: #0b3531;}
.prfmkcrmct3 {width: 29.5%;background-color: #442014;}
.prfmkcrmcttxt {padding-top: 25%;text-align: center;}
.prfmkcrmcttxt h3 {font-size: 0.6vw;color: #000;line-height: 2.05em;width: 78%;margin: 0 auto;}
.totsfknw {margin-top: 27%;}
.prfmkcrmcttxt p {font-size: 1vw;color: #30290f;text-transform: uppercase;font-family: 'HelveticaNeue-Bold';margin: 0 auto;background-color: #dad7d7;padding: 5px;width: 40%;}
.prfmkcrmcttxt p:hover {transform: scale(1.04);}
.prfmkcrmct2 .prfmsmrtks1 {padding: 7% 10% 8% 7%;}
.prfmkcrmct2 .prfmsmrtks1 h2 {padding-bottom: 7.6%;width: 90%;}
.prfmkcrmct3 .prfmsmrtks1 {padding: 9% 10% 8% 9%;}
.prfmkcrmct3 .prfmtsa1 {padding-bottom: 8.4%;}
.prfmkcrmct3 .prfmsmrtks1 h2 {color: #ffac91;}
.prfmkcrmmsg {margin-bottom: 2.4%;}
.cretivseris.prfmancs {margin: -1.2% 2.9% 3.1% 4.1%;}
.prfmancs .crtknmr {display: inline-block;font-size: 1vw;color: #fff;font-family: 'HelveticaNeue-Bold';text-transform: uppercase;padding: 5px 10px;background-color: rgba(255, 255, 255, 0.3);}
.prfmancs .crtknmr:hover {color: #a3e5f8; transform: scale(1.04);}
/* ==========================================================================
                                 Responsive Media Queries
       ========================================================================== */
@media only screen and (min-width: 1900px){
   
}
@media only screen and (min-width: 1360px) and (max-width: 1400px){
   
}
@media only screen and (max-width: 1250px){
    .hompgs .navi > li > a {font-size: 0.9em;}
    .navi > li > a, .shead .navi > li > a {font-size: 0.8em;}
    .banercnt h3 {font-size: 1.3em;}
    .ourserhead {top:8%}
    .ourserhead h2 a{font-size: 2.2em;}
    .oursersvs {margin: 13% 1% 13% 5%;}
    .footercont p,.cntadrs1 p {font-size: 0.8em;}
    .ouruniquesnshdc > h3, .prfmtsa1 h4, .crtsrviscnt h4,.prfmkcrmcttxt p{font-size: 0.9em;}
    .aboutleadassetcnt > p, .ouruniquesnshdc > p,.abtldasts .aboutleadassetcnt > p,.abtldascntst p, .abtsbnts1 p, .prfmtsa1 p, .prfmkcrmmsgs p,.crtsrviscnt p, .slidemore, .crtsrscntss p {font-size: 0.8em;}
    .yerparas > p {font-size: 0.7em;width: 27%;}
    .prfmkcrmcttxt h3{font-size: 0.7em;}
    .aboutleadassetcnt > p {width: 40%;}
    .abtldasts .aboutleadassetcnt > p {width: 45%;}
    .crtsrviscnt {padding: 2.7% 3% 3.4% 2.8%;}
    .ouruniquesnsscnt > h3 {margin-left: -7px;}
    .aboutleadassetcnt > h3 {font-size: 1.1em;letter-spacing: 2.4vw;}
    .slidenumber {font-size: 4em;}
    .slidesubtitle {font-size: 1.4em;}
    /*.crtsrvsclts {margin: 0 auto;width: 92%;padding-bottom: 2.2%;}*/
    .crtsrvsclts {margin: 0 auto;width: 90%;padding-bottom: 4%;}
    .blgcntsst h3 {font-size: 0.9em;}
    .blgcntsst h1 {font-size: 1.5em;}
    .blgcntst1 p {font-size: 0.8em;padding-bottom: 10px;}
    .abtldasts .aboutleadassetcnt > h3 {font-size: 1.4vw;letter-spacing: 2.21vw;}
    .aboutleadassetcnt {bottom: 3%;}
    .footercont .copyrits {font-size: 0.8em;}
    .prfmkcrmcttxt p {width: 50%;}
    
    
}
@media only screen and (max-width: 64em){
    .navi > li > a, .shead .navi > li > a {font-size: 0.7em;}
    .banercnt h3 {font-size: 1.1em;}
    .yerparas > p {font-size: 0.7em;width: 32%;}
    .abtldasts .aboutleadassetcnt > h3 {font-size: 1em;letter-spacing: 1.36em;}
    .aboutleadassetcnt > p, .abtldasts .aboutleadassetcnt > p {width: 50%;}
    .slidemore {font-size: 0.7em;right: 0;}
    .prfmkcrmmsgs h1, .crtsrscntss h3 {font-size: 1.1em;}
    .ouruniquesnshdc > p, .aboutleadassetcnt > p {font-size: 0.9em;}
    .prfmtsa1 h4, .crtsrviscnt h4 {font-size: 0.8em;}
    .abtldasts .aboutleadassetcnt > p,.abtldascntst p, .abtsbnts1 p, .prfmtsa1 p, .prfmkcrmmsgs p,.crtsrviscnt p, .slidemore, .crtsrscntss p {font-size: 0.7em;}
    .ourserhead {top: 4%}
    .ourserhead h2 a {font-size: 2em;}
    .aboutleadassetcnt > h3 {font-size: 1.1em;letter-spacing: 2.3vw;padding-bottom: 2%;}
    .slidemore {font-size: 0.75em;}
    .formgroup::before {right: 22px;height: 63%;top: 16%;}
    .footersec {padding: 4.1% 10% 5% 18%;}
    .aboutitlst h3 {margin-left: -2px;}
    .crtsrviscnt h1, .crtsrviscnt h2 {font-size: 2em;padding-bottom: 7%;}
    .crtsrviscnt .prfmtsa1 {padding-bottom: 4%;}
    .aboutitlst h2 {font-size: 1.4em;}
    .aboutitlst h3 {font-size: 6em;}
    .abtsbnts1 h4 {font-size: 1.2em;}
    .abtsbnts1 {padding: 4% 2% 2% 2%;}
    #message{width:50%;}
    .scrldwn {display: none;}
    .corpofc2 {margin-top: -13vw;}
}
@media only screen and (max-width: 900px){
    .desk1{display: none;}
    .mob1{display: block;}
    .hdcontent, .shead .hdcontent { margin: 0 4.3% 0 5%;}
    .navigat, .navigat, .shead .navigat{display: none;}
    .hompgs .logo {display: block;opacity: 0;}
    .phmenu {display: block;}
    .phmenu {display: block;height: 30px;z-index: 9999;}
    .moblnk {display: inline-block;width: 30px;height: 30px;}
    .moblnk span {width: 30px;display: block;height: 5px;background-color: #fff;position: relative;top: 11px;left: 0;border-radius: 2px;}
    .moblnk span::before, a.moblnk span::after {content: "";display: block;position: absolute;background: #fff;height: 5px;width: 30px;transition: all 300ms ease-in-out;right: 0px;border-radius: 2px;}
    .moblnk span::before {top: -11px;}
    .moblnk span::after {top: 11px;}
    .hompgs .sldmnu {top: 8.7%;}
    .sldmnu {top: 5.9%;}
    .content {padding-top: 8.7%;}
    .banercnt h3 {font-size: 0.9em;}
    .ourservicesscnt > ul > li > a {font-size: 2.1em;}
    .yerparas > p {width: 35%;font-size: 0.6em;}
    .ouruniquesnsscnt > h2 {font-size: 1.3em;}
    .ourserhead {top: 0}
    .ourserhead h2 a{font-size: 1.6em;}
    .ouruniquesnshd {padding: 5% 30% 3% 23.1%;}
    .ouruniquesnshdc > h3 {font-size: 0.8em;}
    .ouruniquesnshdc > p {font-size: 0.8em;}
    .aboutleadassetcnt > h3 {font-size: 0.9em;letter-spacing: 2.1vw;padding-bottom: 2%;}
    .aboutleadassetcnt > p, .abtldasts .aboutleadassetcnt > p {width: 55%;}
    .slidenumber {font-size: 3em;}
    .slidesubtitle {font-size: 1.7em;padding-top: 3%;}
    .blogslider {width: 90%;}
    .slidecenter {width: 88%;}
    .slidebottom {width: 12%;}
    .slidemore.mob1{display: block;}
    .slidemore {font-size: 0.9em;position: static;color: #fff;padding-left: 12%;padding-top: 8%;}
    .aboutitlst {margin: 3% 4% 1.8% 4.7%;}
    .aboutitlst h2 {font-size: 1.7em;}
    .aboutitlst h3 {font-size: 5em;line-height: 0.8em;letter-spacing: 0.01em;margin-left: -5px;margin-top: 0;}
    .abtldasts .aboutleadassett {padding: 2% 4.3% 1% 4.8%;}
    .abtldasts .aboutleadassetcnt > h3 {font-size: 0.9em;letter-spacing: 1em;}
    .aboutleadassetcnt > p, .abtldasts .aboutleadassetcnt > p {width: 70%;font-size: 0.7em;}
    #cntspages.abtldasts .aboutleadassetcnt > h3 {padding-bottom: 2.4%;}
    .enquiryform {padding: 5% 10% 0% 14.1%;}
    .enquiryform h4 {font-size: 2.1em;padding:0;letter-spacing: 0.18em;line-height: 1.48em;}
    .enquiryformcnt {padding: 5.2% 0 7.4% 0;}
    .enqforms {display: block;}
    .enqforms1 {display: block;background: transparent;padding: 0 0 20px 0px;width: 96.7%}
    .formgroup.frms1,.formgroup.frms2, .formgroup.frms3,.formgroup.frms4,.formgroup.frms5 {width: 100%;margin-bottom: 26px;}
    .formgroup::before {display: none;}
    .formgroup.frms1 input.crms, .formgroup.frms2 input.crms, .formgroup.frms3 input.crms, .formgroup.frms4 input.crms,.formgroup.frms5 input.crms {width: 100%;padding: 9px 25px;background-color: #fff;}
    .formgroups {padding: 5px 25px;}
    .enqforms2 {width: 21.5%;}
    .formgroups input {font-size: 1.1em;padding-left: 0%;}
    .footersec { padding: 7.6% 10% 5% 14%;}
    .footercont h3 {font-size: 3.3em;}
    .footercont h4, .cntadrs1 h4 {font-size: 1.3em;padding-top: 19px;}
    .footercont p, .cntadrs1 p {padding: 0 0 0 2px;line-height: 1.25em;letter-spacing: 0.015em;}
    .footercont .phns, .cntadrs1 .phns {font-size: 1.6em;padding: 20px 0 6px 0px;}
    .footercont .emilss, .cntadrs1 .emilss  {font-size: 1.6em;padding: 0 0 30px 0px;letter-spacing: 0.03em;}
    .footercont .copyrits {padding-left: 3px;font-size: 1em;color: #134330;letter-spacing: 0;}
    .cretivseris {margin: 0 2.9% 4% 4.1%;}
    .crtsrvsbg {display: block;padding-bottom: 4%;}
    .crtsrviscnt {width: 100%;padding: 3% 4%;}
    .crtsrvsimg {width: 92%;margin: 0 auto;}
    .crtsrvsig1 {margin: 0;}
    .crtsrviscnt h1, .crtsrviscnt h2 {width: 30%;padding-bottom: 3%;}
    .crtsrviscnt .prfmtsa1 {padding-bottom: 2%;}
    .prfmtsa1 h4, .crtsrviscnt h4, .crtsrviscnt p{font-size: 0.8em;}
    .techlgg {padding: 0;}
    .techlgi{top: 50%;left: 50%;}
    .techutb {top: 0;left: 0;right: 0;bottom: 0;}
    .closevid {top: 5px;right:5px;}
    .crtsrscntss p {padding: 1.6% 0% 3.6%;}
    .blgimgss {margin: 0;}
    .blgcntss {margin: 2% 4% 2.8% 4.7%;}
    .blgcntssst {display: block;}
    .blgcntst1 {width: 100%;}
    .permnemrkns, .prfmkcrmcts {display: block;}
    .prfmsmtks1, .prfmsmtks2, .prfmkcrmcts > div  {width: 100%;}
    .prfmsmrtks1, .prfmstks2, .prfmkcrmct2 .prfmsmrtks1, .prfmkcrmct3 .prfmsmrtks1 { padding: 4% 10% 4% 4%;}
    .prfmsmrtks1 h2, .prfmstks2 h2, .prfmkcrmct2 .prfmsmrtks1 h2 {font-size: 2em;padding-bottom: 3%;width: 30%;}
    .prfmsmtks2 {background-color: transparent;}
    .prfmstks2 {margin-top: 3.1%;background-color: #431e12;}
    .prfmstks1 {border-bottom: none;}
    .prfmtsa1,.prfmkcrmct3 .prfmtsa1 {padding-bottom: 2%;}
    .prfmsmtks1.mirstes, .prfmkcrmct2, .prfmkcrmct3 {margin-top: 3.1%;} 
    .prfmkcrmct2 .prfmsmrtks1 h2 {width: 50%;}
    .prfmkcrmct1 {background-color: #e5e5e5;padding: 8% 25% 4%;}
    .prfmkcrmctimg {width: 70%;margin: 0 auto;}
    .prfmkcrmcttxt {padding-top: 5%;}
    .prfmkcrmcttxt h3 {font-size: 0.8em;font-family: 'HelveticaNeue-Medium';margin: 0 auto;}
    .totsfknw {margin-top: 14%;}
    .prfmkcrmcttxt p {width: 35%;}
    
    .crtsrvscls1 .owl-nav {left: -30px;right: -30px;}
    .prfmancs .crtknmr {font-size: 0.8em;margin-top: 20px;}
    .cresrivs .crtsrviscnt .prfmtsa1 {padding-bottom: 25px;}
    .cresrivs .crtsrvsbg {padding-bottom: 0;}
    .corpofc2 {margin-top: -14vw;}
    .mlogo {margin: 0 auto;padding-top: 20%;}
    .mlogo img { width: 50%;padding-right: 4.3%;float: right;}
    .hompgs .sldmnu, .sldmnu {top: 0;}

}

@media only screen and (max-width: 39em){
    .desk, .desk1, a.scrolx {display: none;}
    .mob, .mob1{display: block;}
    .hompgs .logo img {display: none;}
    .logo, .shead .logo {width: 36.4%;}
    .hdcontent, .shead .hdcontent {padding: 9px 0;}
    .hompgs .hdcontent {padding: 3.4% 0 0 0;}
    .phmenu {height: 10px;}
    .moblnk {width: 22px;height: 17px;}
    .moblnk span {width: 22px;height: 2.5px;top: 3px;}
    .moblnk span::before, a.moblnk span::after {height: 2.4px;width: 22px;}
    .moblnk span::before {top: -5px;}
    .moblnk span::after {top: 6px;}
    .hompgs .sldmnu, .sldmnu {top: 0;width: 100%;min-width: auto;}    
    #message{width: 90%;}
    .content {padding-top: 10.7%;}
    .banlogss {bottom: 48%;padding: 0 9% 0;}
    /*.banercnt h3 {font-size: 0.37em;letter-spacing: 1.23em;padding-left: 37px;}*/
    .banercnt h3 {font-size: 0.6em;letter-spacing: 0.83em;padding-left: 0;}
    .pager {bottom: 2%;}
    #banpgrs span {width: 10px;height: 10px;}
    .yersexprns {display: block;}
    .yrsepns, .yercontnt {width: 100%;}
    .yerhead {padding: 5.3% 6% 8.5% 13.7%;}
    .yerhead h3 {font-size: 1.9em;font-family: 'HelveticaNeue-Light';line-height: 1.2em;letter-spacing: -0.02em;}
    .yrsepns h1 {text-align: left;font-size: 1.1em;padding-top: 16px;line-height: 1em;padding-left: 2px;letter-spacing: 0.02em;}
    .yrsepns h2 {font-size: 1.2em;line-height: 0.8em;letter-spacing: -0.04em;padding-left: 2px;}
    .yerparas {padding: 7.8% 14% 8.4%;display: flex;flex-wrap: wrap;justify-content: space-between;}
    .yerparas > p {width: 42%;}
    .ourservices {margin: 0 0 23px 22px;}
    .ourservicesscnt > ul > li > a {color: #fff;font-size: 0.7em;font-family: 'HelveticaNeue-Light';letter-spacing: -0.02em;}
    .ourservicesscnt > ul > li {padding-bottom: 17px;line-height: 1em;}
    .ourserhead {left: 0;top: 2%;}
    .ourserhead h2 a{font-size: 1.5em;color: #fff;}
    .ourservicess { width: 68.7%;background-color: #1a292e;}
    .oursersvs {margin: 24.9% 1% 15.4% 5.8%;padding-left: 40px;}
    .ourserviceslns {width: 31.3%;background-color: #000;}
    .ousrvslks {padding: 200% 0 0 25%;width: 50%;line-height: 0.5em;letter-spacing: 0.04em;}
    .ousrvslks a {font-size: 0.7em;}
    .ouruniquesnsscnt {bottom: -1px;left: 13.5%;}
    .ouruniquesnsscnt > h2 {font-size: 0.7em;margin-left: 2px;letter-spacing: 0.01em;}
    .ouruniquesnsscnt > h3 {font-size: 2.9em; margin-left: 0;letter-spacing: 0.01em;}
    .ouruniquesnshd { padding: 5.6% 4% 5.6% 14.1%;}
    .ouruniquesnshdc > h3 {font-size: 0.7em;letter-spacing: -0.01em;}
    .ouruniquesnshdc {padding-bottom: 5.3%;}
    .ouruniquesnshdc > p {font-size: 0.7em;letter-spacing: -0.01em;line-height: 1.1em;}
    .aboutleadassetcnt > h3 {font-size: 0.55em;letter-spacing: 0.77em;padding-bottom: 5.5%;}
    .aboutleadassetcnt > p {font-size: 0.7em;width: 90%;letter-spacing: 0;}
    .blogsectncnt {padding: 7.1% 0 8.8%;}
    .blogslider {width: 91.5%;}
    .slideleft {width: 11.1%;}
    .slidenumber {font-size: 1.2em;padding: 19px 0 0 4px;}
    .slidecenter {width: 88.9%;}
    .slidetitle {font-size: 2.4em;line-height: 1em;padding-top: 20px;}
    .slidesubtitle {font-size: 0.9em;padding-top: 4%;letter-spacing: -0.02em;width: 90%;}
    .slidemore{font-size: 0.5em;padding-top: 7%;}
    .slidright {width: 31.3%;}
    .aboutitlst {margin: 5.3% 4% 1.8% 4.7%;}
    .aboutitlst h2 {font-size: 0.85em;letter-spacing: -0.02em;}
    .aboutitlst h3 {font-size: 3.5em;}
    #cntspages .aboutleadassetcnt {display: none;}
    #cntspages .abtldasts .aboutleadassett {padding: 1.7% 4.2% 0 4.8%;}
    .enquiryform {padding: 5% 10% 0.8% 14.1%;}
    .enquiryform h4 {font-size: 1em;letter-spacing: 0.19em;}
    .enquiryformcnt {padding: 3% 0 5% 0;}
    .formgroup.frms1, .formgroup.frms2, .formgroup.frms3, .formgroup.frms4, .formgroup.frms5{margin-bottom: 15px;}
    .enqforms1 {padding: 0;}
    .formgroups {padding: 0px 12px 3px;line-height: 1em;}
    .formgroups input {font-size: 0.56em;}
    .formgroup.frms1 input.crms, .formgroup.frms2 input.crms, .formgroup.frms3 input.crms, .formgroup.frms4 input.crms, .formgroup.frms5 input.crms {padding: 5px 13px;}
    input.crms {font-size: 0.75em;}
    .footersec {padding: 7.7% 10% 5% 14%;}
    .footercont h3 {font-size: 1.6em;}
    .footercont h4 {font-size: 0.65em;padding-top: 9px;padding-left: 0;}
    .footercont p {font-size: 0.54em;padding: 1px 0 0 1px;}
    .footercont .phns {font-size: 0.8em;padding: 22px 0 4px 0;font-family: 'HelveticaNeue-Light';}
    .footercont .emilss {font-size: 0.8em;padding: 0 0 12px 0px;font-family: 'HelveticaNeue-Light';}
    .footercont .copyrits {font-size: 0.58em;}
    .soclsins {display: block;float: none;padding-top: 20px;}
    .ftsocl > li {padding-right: 12px;}
    /*.ftsocl > li > a{width: 30px;height:30px;background-size: 174px auto;}
    .ftsocl > li > a.fb {background-position: -107px -2px;}
    .ftsocl > li > a.insta {background-position: -37px -2px;}
    .ftsocl > li > a.twtr {background-position: -72px -2px;}
    .ftsocl > li > a.lnkin {background-position: -3px -2px;background-size: 175px auto;}
    .ftsocl > li > a.utbe {background-position: -142px -2px;}*/
    .cretivseris {margin: 4.7% 4.4% 6% 4.8%;}
    .crtsrviscnt {padding: 7% 7% 1.9%;}
    .crtsrviscnt h1, .crtsrviscnt h2 {width: 60%;letter-spacing: -0.04em;line-height: 0.95em;padding-bottom: 6%;}
    .prfmtsa1 h4 {font-size: 0.7em;letter-spacing: -0.06em;}
    .crtsrviscnt p {font-size: 0.65em;line-height: 1.2em;padding-top: 1px;letter-spacing: -0.01em;}
    .crtsrviscnt .prfmtsa1 {padding-bottom: 4.5%;}
    .crtsrvsimg {width: 86%;}
    .crtsrvsbg {padding-bottom: 8%;}
    .crtsrscntss {align-items: center;}
    .crtsrscntss {text-align: left;width: 81%;margin-left: 12%;}
    .crtsrscntss h3 {font-size: 0.85em;letter-spacing: -0.05em;line-height: 1.1em;width: 90%;}
    .crtsrscntss p {padding: 5.9% 0% 3.6%;font-size: 0.6em;line-height: 1.3em;text-align: left;}
    /*.crtsrvsclts {width: 90%;padding: 4.5% 0;}
    .crtivsrvss {width: 48.5%;margin-left: 3%;margin-bottom: 3%;}*/
    .crtsrvsclts {width: 85%;padding: 4.5% 0;margin: 0 auto;}
    .crtivsrvss {margin-left: 3%;margin-bottom: 3%;margin-right: 0;}
    .crtsrvscls1 .owl-nav {left: -28px;right: -28px;}
    
    .crtivsrvss:nth-child(3n+1) {margin-left: 3%;}
    .crtivsrvss:nth-child(2n+1) {margin-left: 0;}
    .blogspagests {margin-top: 14px;}
    .blgcntss {margin: 6% 4% 2.8% 4.7%;}
    .blgcntsst h3 {font-size: 0.6em;letter-spacing: -0.03em;}
    .blgcntsst h1 {font-size: 1.25em;padding-top: 2px;line-height: 1.1em;}
    .blgcntst1 {padding-top: 3px;}
    .blgcntssst{padding-left: 0%;}
    .blgcntst1 p {font-size: 0.55em;line-height: 1.2em;letter-spacing: 0.01em;}
    #aboutleadasset.abtldasts .aboutleadassett {padding: 2% 0 1% 0;}
    #aboutleadasset.abtldasts .aboutleadassetcnt > p {width: 100%;font-size: 0.6em;}
    #aboutleadasset.abtldasts .aboutleadassetcnt {left: 3%;right: 2%;text-align: center;bottom: 13px;}
    #aboutleadasset.abtldasts .aboutleadassetcnt > h3 {font-size: 0.6em;letter-spacing: 0.65em;padding-left: 5px;padding-bottom: 22px;}
    .abtldascntst {margin: 4.5% 6% 4.4% 4.9%;text-align: left;}
    .abtldascntst h1 {font-size: 0.8em;padding-left: 0;margin-top: 0;letter-spacing: 0.04em;}
    .abtldascntst h2 {padding-left: 0;font-size: 0.95em;margin-top: 0;letter-spacing: 0;padding-bottom:18px;}
    .abtldascntst p {font-size: 0.6em;padding-left: 0;padding-bottom: 15px; line-height: 1.35em;letter-spacing: 0.06em;}
    .abtstatuscnt {padding: 0;justify-content: space-between;}
    .abtstatusbox h3 {font-size: 3.3em;margin-top: -4px;}
    .abtstatusbox p {padding-top: 0;padding-bottom: 0;font-size: 0.4em;letter-spacing: 0.06em;line-height: 1.1em;}
    .abtsclrasbxs {margin: 4.3% 4.3% 4.7% 5%;}
    .abtscntss {display: block;}
    .abtsbnts1 {width: 100%;padding: 8.1% 5%;margin-bottom: 9px;}
    .abtsbnts1 h4 {font-size: 1.25em;padding-left: 3px;}
    .abtsbnts1 p {padding-top: 18px;font-size: 0.6em;letter-spacing: 0.02em;}
    .permnemrtkng {margin: 4.2% 4.1% 5% 5%;}
    .prfmsmrtks1,.prfmstks2 {padding: 7.3% 7% 9.3% 7.1%;}
    .prfmsmrtks1 h2 {line-height: 0.9em;letter-spacing: -0.04em;padding-bottom: 7%;}
    .prfmtsa1 p {line-height: 1.1em;letter-spacing: -0.04em;}
    .prfmtsa1 {padding-bottom: 5%;}
    .prfmstks2 {margin-top: 3.2%;}
    .prfmstks2 h2 {line-height: 0.95em;letter-spacing: -0.04em;padding-bottom: 6.3%;}
    .prfmkcrmmsg {margin: 0 4.7%;}
    .prfmkcrmmsgs { text-align: left;padding-top: 4px;margin: 0 10px 0 27px;}
    .prfmkcrmmsgs h1 {font-size: 0.85em;letter-spacing: -0.04em;line-height: 1.1em;width: 90%;}
    .prfmkcrmmsgs p {font-size: 0.6em;margin: 0;padding-top: 15px;width: 100%;text-align: left;}
    .prfmkcrmcts {margin: 0;}
    .prfmkcrmct1 {padding: 6% 17%;}
    .prfmkcrmctimg {width: 70%;}
    .prfmkcrmcttxt {padding-top: 9%;}
    .prfmkcrmcttxt h3 {font-size: 0.5em;width:100%;}
    .prfmkcrmcttxt p {padding-top: 6px;font-size: 0.6em;}
    .totsfknw {margin-top: 10%;}
    .prfmkcrmct2 {margin-top: 5.9%;}
    .prfmkcrmct2 .prfmsmrtks1,.prfmkcrmct3 .prfmsmrtks1 {padding: 7.2% 8.6% 5.9% 6.9%;}
    .prfmkcrmct2 .prfmsmrtks1 h2{width: 80%;padding-bottom: 7.1%;}
    .prfmkcrmct3 {margin-top: 6.5%;margin-bottom: 6.4%;}
    .prfmkcrmct3 .prfmtsa1 {padding-bottom: 5%;}
    .cretivseris.prfmancs {margin: 0 4.7% 19px 4.7%;}
    .crtsrviscnt .prfmtsa1 {padding-bottom: 5%;}
    .cntadres {display: block;}
    .cntadrs1, .corpofc2 {width: 100%;}
    .cntadrs1 h4 {font-size: 1.2em;}
    .cntadrs1 p {font-size: 0.6em;padding: 5px 0 0 1px;}
    .cntadrs1 .phns {font-size: 0.8em;padding: 15px 0 4px 0;font-family: 'HelveticaNeue-Light';}
    .cntadrs1 .emilss {font-size: 0.8em;padding: 0 0 12px 0px;font-family: 'HelveticaNeue-Light';}
    .corpofc2 {margin: 20px 0 30px;}
    .cresrivs .crtsrviscnt h1 {padding-bottom: 6%;}
    .cresrivs .crtsrviscnt .prfmtsa1 {width: 100%;padding-bottom: 5%;}
    .prfmancs .crtknmr {font-size: 0.6em;}
    .ouruniquesnshdc > h3, .ouruniquesnshdc > p, .prfmtsa1 h4, .prfmtsa1 p, .prfmkcrmmsgs p, .crtsrscntss p, #aboutleadasset.abtldasts .aboutleadassetcnt > p,.abtldascntst p,.abtsbnts1 p,.blgcntst1 p {font-size: 0.8em;letter-spacing: 0;}
    .prfmtsa1 h4 {padding-bottom: 5px;}
    .prfmstks2 h2,.prfmsmrtks1 h2, .crtsrviscnt h1, .crtsrviscnt h2,.abtsbnts1 h4 {letter-spacing: 0.01em;}
    .slidebottom {width: 70px;margin-left: 12%;margin-top: 4%;background-color: rgb(255 255 255 / 20%);}
    .slidemore {padding: 4px;}
    .yerparas > p {font-size: 0.7em;}
    .mlogo img {width: 70%;}
    
    


}