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

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

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
   
html, button{ color: #222; }
input, textarea, select {color: #000;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;font-family: 'PT Sans Narrow', sans-serif;}
h1, h2, h3, h4, h5, h6 {font-weight:700; margin:0; font-size: 1em;}
p{line-height:1em; padding-bottom:1em; font-size:0.9em; margin: 0; letter-spacing: 0.06em;}
a {text-decoration:none; outline:0; outline-color: rgba(0, 0, 0, 0);color: #000;}
ul {list-style:none; padding:0; margin:0;}
img {width:100%; height:auto;}
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;}
placeholder{color: #000;opacity: 1;}
::-webkit-input-placeholder {color: #000;opacity: 1;}
:-moz-placeholder {color: #000;opacity: 1;}
::-moz-placeholder {color: #000;opacity: 1;}
:-ms-input-placeholder {color: #000;opacity: 1;}

/* ==========================================================================
                              text colors related
   ========================================================================== */
/* normal */
body {color:#000;font-family: 'PT Sans Narrow', sans-serif;overflow-x: hidden;background-color: #fff;  }
/* headings in black */
h1, h2, h3, h4, h5, h6 {color:#000; text-transform: uppercase;font-weight: 700;}

/*=====================================
            HEADERS
=======================================*/
.main {width: 100%;overflow: hidden;min-width: 320px;}
.container { box-sizing: border-box; padding: 0 49px 0 45px; width: 100%;}
.logo { float: left; margin-left: 24px; width: 165px;}
.header{padding: 30px 0 55px;width: 100%;position: absolute;background-color: #fff;z-index: 9974;}
.header.shead{padding: 20px 0;position: fixed;}
.header.shead .logo{width: 115px;}
.header.shead .navigd{padding-top: 6px;}
.navig { float: right; margin-right: 5px;position: relative;}
.navigd { padding-top: 12px;}
.hmnu2 > li, .hmnu1 > li { display: inline-block;text-align: center;}
.hmnu2 a { font-size: 0.8em; letter-spacing: 0.08em; padding-right: 20px; text-transform: uppercase;display: block;position: relative;}
.hmnu2 a:hover { letter-spacing: 0.15em;}
.hmnu2 a::before { background-color: #000000; bottom: 0; content: ""; height: 1px; position: absolute; width: 0px;}
.hmnu2 a:hover::before, .hmnu2 a.actvd::before{width: 20px;}
.hmnu2 > li:last-child a{padding-right: 0;}
.hmnu1 { text-align: right;padding-top: 0;}
.mnus { font-size: 1.4em !important; letter-spacing: 0.015em; line-height: 1em; text-transform: uppercase;font-weight: 400;padding-right: 4px;}
.hmnu2 {position: relative;height: 22px;width: 950px;text-align: right;}
.hmnu2 > li.activ > a {font-size: 1.1em; letter-spacing: 0.01em;}
.cntnt { margin-top: 210px;}
.grd1 { display: inline-block; width: 32%;position: relative;margin-left: 2%;margin-bottom: 30px;}

.grds { background-color: rgba(0, 0, 0, 1); bottom: 0; left: 0; position: absolute; right: 0; top: 0;z-index: 99;}
.grdd{position: absolute;top: 42%;padding: 0 30px 0 32px;z-index: 101;}
.nmbr { color: #939598; font-size: 1.8rem; letter-spacing: 0; padding-bottom: 5px;}
.hed { color: #ffffff; font-size: 2rem; letter-spacing: 0.08em;}
.descrpn { color: #939598; font-family: arial; font-size: 0.7rem; line-height: 1.3em;}
.grd1.fst{margin-left: 0;}
.pdsgn { color: #ffffff; font-size: 0.8rem; font-weight: 700; line-height: 1.2em; text-transform: uppercase;}
.grd1.lst .grdd { top: 20%;}
.grd1.lst .hed { color: #000000; font-size: 1.2rem; letter-spacing: 0.7rem;}
.grd1.lst .descrpn { color: #000000; font-size: 2rem; letter-spacing: 0.08em; padding: 30px 0 22px;font-family: 'PT Sans Narrow', sans-serif;text-transform: uppercase;font-weight: 700;}
.descrpn > span { display: block;}
.lnk { color: #008ffe; font-size: 0.95rem;}
.grd1.half { width: 66%;}
.dimg { left: 0; position: absolute; top: 0; width: 100%; z-index: 100;}
.grd1.half .grdd { top: 30px;width: 40%;}
.grd1.lst.fst .grdd { top: 30%;}
.grd1.fl{margin-left: 0;width: 100%;margin-bottom: 0;}
.grd1:hover .grds{background-color: rgba(0,0,0,0.2);}
.grd1:hover .nmbr{color: #404040;}
.grd1:hover .hed, .grd1:hover .pdsgn, .grd1:hover .hd3{color: #000;}
.grd1:hover .descrpn {color: #000000;}
.yr { color: #404040; font-size: 1.9rem; letter-spacing: 0.04em; text-transform: uppercase;float: left;}
.hd3 { color: #ffffff; float: right; font-size: 2rem; font-weight: 400; padding-right: 5%;}
.grd1.fl .grdd { box-sizing: border-box; width: 100%;}
.clk { float: left;text-transform: uppercase;}
.clk > a { font-size: 0.78em; font-weight: 700; padding-left: 8px;display: inline-block;}
.cntnts{padding-top: 20px;font-size: 1em;}
.cntct { float: right; text-align: right;text-transform: uppercase;}
.cntct > p { font-size: 1em; letter-spacing: 0.03em;}
.mail { display: inline-block; font-size: 1.5em; font-weight: 700;}
.ph { display: inline-block; font-size: 1.5em; padding-top: 3px;}
.optns { padding: 42px 0; text-align: center;}
.foter .optns > p { font-size: 0.75em; letter-spacing: 0.18em; line-height: 1.2em; padding-left: 6px;}
.optns > p > span { font-size: 1.05em; line-height: 1.8em; padding: 0 3px;}
.footer { padding:68px 0 50px;}
.dnm{float: left;}
.dnm p{ font-size: 0.7em; letter-spacing: 0.01em;text-transform: uppercase;}
.dnm p > a { padding-left: 22px;display: inline-block;}
.reg{float: right;}
.reg > p { font-size: 0.7em; letter-spacing: 0.045em; text-transform: uppercase;}
.grd{font-size: 0;}

/*=================================================
                        BRAND
=================================================*/
.container2 { margin: 0 auto; width: 92%;}
.banner { position: relative;}
/*.bantxt { left: 9.6%; position: absolute; top: 32%;width: 50%;}*/
.bantxt { left: 5%; position: absolute; top: 32%;width: 50%;}
.bantxt > h1 { color: #ffffff; font-size: 3.8em;}
.bantxt > h1.mnhd { font-size: 3em;}
.bantxt > p { color: #ffffff; font-size: 1em; letter-spacing: 0.035em; text-transform: uppercase;}
#capablities { padding-top: 34px;}
.capabd { margin-left: 3%; padding-right: 4%; background-color: #f8f8f8;}
.capab { font-size: 0; padding: 42px 0 64px;}
.capabs { box-sizing: border-box; display: inline-block; vertical-align: top; width: 26%;}
.cap9 .capabs { width: 33.3%;}
.cap9 .capabs1.cap2 { width: 66.6%;}
.captab {font-size: 16px;width: 100%;display: table;}
.caprow { display: table-row;width: 100%;}
.capclm { display: table-cell; padding: 25px 74px 13px 39px; vertical-align: middle; box-sizing: border-box;}
.capclm h3 { font-size: 1.1em; font-weight: 400; letter-spacing: 0.52em; padding-bottom: 10px;}
.capclm > p { font-size: 0.75em; letter-spacing: 0.01em; line-height: 1.3em; padding-bottom: 0;}
.capabs1.cap2 { display: inline-block; vertical-align: top; width: 49.5%;}
.capabs1.cap3, .capabs1.cap4 { display: inline-block; vertical-align: top; width: 74%;}
.cap4 .capclm1 > p{padding: 0;font-size: 0.8rem;}
.cap4 .capclm1 > h3{font-size: 1.2rem;}
.capclm1 { display: table-cell; padding: 38px 32px 28px 35px; background-color: #222325; border-left: 3px solid #ffffff;}
.cap2 .capclm1{width: 50%;}
.cap3 .capclm1{width: 33.33%;padding-bottom: 40px;}
.cap4 .capclm1{width: 25%;box-sizing: border-box;padding: 20px;}
.capclm1 > h3 { color: #ffffff; font-size: 1.5em; font-weight: 500; letter-spacing: 0.04em; padding-bottom: 15px; text-transform: capitalize;}
.capclm1 > p { color: #ffffff; letter-spacing: 0.04em; line-height: 1.4em;}
.capclm1:first-child { border-left: medium none;}

.brnd {font-size: 0; padding: 88px 0 108px 50px;}
.brnds { display: inline-block; vertical-align: top; width: 25%;box-sizing: border-box;padding: 0 10px;}
.brnds > h1 { font-size: 1.4rem; letter-spacing: 0.08em; padding-bottom: 27px; padding-left: 10px;}
.bnndlst { font-size: 16px;}
.bnndlst > li::before { background-color: #000000; content: ""; height: 1px; left: 0; position: absolute; top: 10px; width: 2px;}
.bnndlst > li { line-height: 1.3em; padding-left: 10px; position: relative;}
.intrst { padding: 63px 0 60px; text-align: center;background: url("../assets/brand/brdrbg.png") no-repeat scroll center bottom / 100% auto;}
.intrst > h3 { font-size: 1.1em; font-weight: 400; padding-bottom: 18px;text-transform: none;}
.intrst > p { font-size: 0.75em; letter-spacing: 0;}
.intrst h3 > a { display: inline-block;padding-left: 5px;}
/*===================================================
                 BRAND IDENTITY
===================================================*/
.tt { padding: 18px 11px 12px 7px;}
.tt > p { font-size: 0.9em; letter-spacing: 0.05em; line-height: 1.7em;}
.lft .capclm1 > h3 { padding-left: 23px;}
.caplst { padding: 8px 0 0 8px;}
.caplst > li::before { background-color: #ffffff; content: ""; height: 1px; left: 0; position: absolute; top: 10px; width: 1px;}
.caplst > li { color: #ffffff; line-height: 1.5em; padding-left: 16px; position: relative;}
.mixits { padding-top: 108px;}
.scrlmnu.mxt { position: absolute; width: 100%;background-color: #fff;z-index: 100;}
.scrlmnu.mxt.tsthedr { position: fixed; top: 94px;padding: 15px 0;}
.mxt ul { font-size: 0;margin-left: 24px;text-align: right;}
.mixbtns > li:last-child > a{padding-right: 0;}
.mxt li { display: inline-block; vertical-align: top;}
.mxt ul > li:first-child > a::before { width: 0;}
.mxt ul > li > a::before { background-color: #000000; bottom: 0; content: ""; left: 0; position: absolute; top: 0; width: 1px;}
.mxt a { display: block; font-size: 0.9rem; padding: 0 30px; position: relative; text-transform: uppercase;line-height: 1em;color: #808080;}
.blogo { font-size: 0; padding-top: 115px; text-align: left;margin-left: -2%;}
.mix { display: inline-block; vertical-align: top; width: 23%; margin-bottom: 140px;overflow: hidden;margin-left: 2%;}
/*.mix:nth-child(4n+1){margin-left: 0;}*/
.mix:last-child, .mix:nth-last-child(2), .mix:nth-last-child(3), .mix:nth-last-child(4){margin-bottom: 90px;}
.mixbtns a > span::after { background-color: #000000; bottom: 0; content: ""; height: 1px; left: 0; position: absolute; width: 0;}
.mixbtns a > span { position: relative;}
.mixbtns a:hover > span::after, .mixbtns a.act6 > span::after{width: 35px;}
.mixbtns a.act6{font-weight: 700;color: #000;}
.mmx{display: none;}
.mmx:first-child{display: block;}
.mxt a:hover{color: #000;}
/*=========================================
            SOCIAL MEDIA
==========================================*/
.capclm2 { display: table; font-size: 16px; width: 100%;}
.capct { display: table-row;}
.capcm { display: table-cell; height: 316px; text-align: center; vertical-align: middle; background-color: #222325;}
.capabs.wrk { padding: 0 0 0 1.2%; width: 25%;}
.capcm > h3 { color: #ffffff; font-size: 1em; font-weight: 400; letter-spacing: 0.5em; padding: 0 10px;}
.capabs2 { display: inline-block; font-size: 0; vertical-align: top; width: 75%;}
.prjct { display: inline-block; margin-bottom: 18px; margin-left: 1.5%; vertical-align: top; width: 31.6%;overflow: hidden;}
.capab.cwrk { padding: 75px 0 38px;}
.capabd.capwrk{background-color: rgba(0,0,0,0);}
.brnds > p { font-size: 0.85rem; letter-spacing: 0.07em; line-height: 1.5em;}
.brnds > h2 { font-size: 1.05rem; padding-bottom: 25px;}
.brnd.uibrnd > .brnds { box-sizing: border-box; padding-right: 3%;}
.brnd.uibrnd { padding: 80px 0 50px 17px;}
.readmor::after { content: "+"; font-size: 1.2em; position: absolute; left: 70px; top: -3px;}
.readmor { color: #ffffff; font-size: 0.9rem; padding-right: 16px; position: relative; text-transform: uppercase;display: block;}

.ourprjct { margin-left: 4%; padding-top: 90px;}
.prjct99 > .ourprjct{display: none;}
.prjct99 > .ourprjct:first-child{display: block;}
.oprj { display: inline-block; vertical-align: top;}
.oprjct {font-size: 0;}
.oprj:nth-child(1) { position: relative; width: 23.7%; background-color: #222325;}
.oprj > p { color: #ffffff; font-size: 1.1rem; letter-spacing: 0.45em; position: absolute; text-align: center; text-transform: uppercase; top: 45.5%; width: 100%;}
.oprj:nth-child(2) { box-sizing: border-box; padding: 16px 12px 0px 19px; width: 24%;}
.oprjs{background-color: #f4f4f4;}
.oprj:nth-child(3){ width: 47.2%;}
.prjimg { display: inline-block; vertical-align: top; width: 65%;overflow: hidden;}
.prjimg.padprj > div { overflow: hidden;}
.prjdmy { display: inline-block; vertical-align: top; width: 35%;background-color: #f4f4f4;}
#hidtxt .prjtxt > h3 { display: none;}
.prjtxt { display: inline-block; vertical-align: top; width: 35%;box-sizing: border-box;padding-left: 3.3%;padding-top: 29.5%;}
#hidtxt .prjtxt { background-color: #f4f4f4; padding-top: 41.1%;}
.prjtxt > p { font-size: 1.1rem;padding-bottom: 0;padding-left: 20px; }
.prjtxt > h3 { color: #7c7c7c; font-size: 1.15rem; letter-spacing: 0.04em; line-height: 1em;padding-left: 20px;}
.oprj:nth-child(4), .oprj.plfts { width: 5.1%;}
.oprj.fsd { box-sizing: border-box; padding: 0 0px 4px 0; width: 48%;}
.oprj.lsd { box-sizing: border-box; padding: 11px 3px 4px 5px; width: 46.6%;}
.oprj.lsd .prjimg { width: 51.3%;}
.oprj.lsd .prjdmy { width: 47%;background-color: rgba(0,0,0,0);}
.oprj.lsd .prjdmy > img{background-color: #f4f4f4;}
.padprj{padding: 0 10px;box-sizing: border-box;}
.oprj.lsd .prjtxt { box-sizing: border-box; padding-left: 10px; padding-right: 13px; padding-top: 29.5%; text-align: right; width: 48.3%;}
.wbsite { padding-top: 53px;}
.container3 { margin: 0 auto; width: 93.5%;}
.view { border-bottom: 1px solid #8c8c8c; margin-bottom: 23px; padding-bottom: 11px; text-align: right;display: block;}
.view > span.vw {font-size: 0.9em;padding-right: 20px;text-transform: capitalize;position: relative;}
.view > span.vw::after { content: "+"; font-size: 1.5em; padding-left: 5px; position: absolute;top: -5px;}
.view > span.vw.added::after{content: '-';top: -9px;font-size: 1.7em;}
.web { font-size: 0; padding: 0 12px;display: none;}
.web.bacb { padding-bottom: 20px;}
.site { display: inline-block; vertical-align: top; width: 17%; margin-left: 3.75%;}
.site:nth-child(5n+1){margin-left: 0;}
.bacb .site { margin-bottom: 15px;}
.site p { font-size: 0.9rem; letter-spacing: 0.02em; padding-top: 12px; text-align: center;}
/*.view > span::after { content: "+"; position: absolute; right: 40px; top: -1px;}*/
/*.view > span.added::after{content: '-';top: -2px;}*/
.wimg{overflow: hidden;}
.redani { display: inline-block; margin-right: 50px; width: 6px;position: relative;top: -1px;}
@keyframes bounce {0%, 20%, 50%, 80%, 100% {-moz-transform: translateX(0);-ms-transform: translateX(0);-webkit-transform: translateX(0);transform: translateX(0);}
  40% { -moz-transform: translateX(15px); -ms-transform: translateX(15px); -webkit-transform: translateX(15px); transform: translateX(15px);}
  60% {-moz-transform: translateX(10px);-ms-transform: translateX(10px);-webkit-transform: translateX(10px);transform: translateX(10px);}}
.bounce {-moz-animation: bounce 2s infinite;-webkit-animation: bounce 2s infinite;animation: bounce 2s infinite;}
/*========================================
            CONTACT US
=========================================*/
#contact .dcntnt { padding-top: 100px;}
#contact .dhd { padding-bottom: 10px;font-size: 1.5em;}
#contact .dcntnt > h3 { font-size: 1.2em; text-transform: none;padding-bottom: 27px;}
.frmd { padding-top: 38px;}
.frm { margin: 0 auto; max-width: 990px;}
.frms { font-size: 0; text-align: left;}
.fclm:nth-child(3n+1) { margin-left: 0;}
.fclm.ful { margin-left: 0; width: 100%;}
.fclm.vap{margin-left: 0;min-width: 304px;margin-right: 10px;}
.fclm { display: inline-block; margin-bottom: 35px; margin-left: 3.5%; vertical-align: top; width: 31%;}
input.txt { border: 1px solid #b2b2b2; padding: 8px 14px;}
textarea, input[type="text"], input[type="tel"], input[type="email"], select, button {font-size: 1rem;}
textarea.txtarea { border: 1px solid #b2b2b2; height: 173px; padding: 22px 14px;margin-bottom: 13px;}
/*.capcha { border: 1px solid #b2b2b2; height: 38px; width: 100%;}*/
.fclm.two { width: auto;margin-left: 3.5%;}
input.submit, input.reset { color: #ffffff; display: inline-block; font-size: 0.9rem; padding: 11px 11px 10px 42px; text-align: left; text-transform: uppercase; width: 134px;background-repeat: no-repeat;background-size: 20px auto;background-color: #000;border: 1px solid rgba(0,0,0,0); }
input.submit:hover, input.reset:hover { background-color: rgba(0, 0, 0, 0); border: 1px solid #000000; color: #000000;}
input.submit{background-image: url("../img/submit.png");background-position: 11px 10px;}
input.reset { margin-left: 20px;background-image: url("../img/reset.png");background-position: 11px 11px;}
input.submit:hover { background-position: 11px -30px;}
input.reset:hover {background-position: 11px -25px;}
#preldr { background-color: #081420; bottom: 0; left: 0; position: fixed; right: 0; top: 0; z-index: 9999;}
.preldrani { color: #ffffff; left: 0; position: absolute;right: 0; text-align: center; top: 50%;}
.preldrani span { display: inline-block; height: 32px; margin: 20px; vertical-align: middle; width: 32px;}
.dsin > div:hover > .dsinimgs{background-color: #000;}
.hmnu2.pad { padding-top: 2px;}
.hmnu2.pad.hommnu{padding-top: 22px;}
.dcntnt { text-align: center;}

.urls{text-align: right;}
.urls > li{display: inline-block;vertical-align: top;margin-left: 16px;}
.urls > li:last-child{margin-right: 5px;}
.urls > li > a{display: block;font-size: 0.85em;font-weight: 300;}
#capablities1 { margin-top: 20px;}
.brnd.bnd5{padding-bottom: 10px;}
.bhd {font-size: 1.6rem; font-weight: 400; letter-spacing: 0.4em; padding: 0 0 15px 10px;}
.advntge { font-size: 16px; padding-left: 10px;}
.advntge > li::before { background-color: #000000; content: ""; height: 1px; left: 0; position: absolute; top: 10px; width: 2px;}
.advntge > li { font-size: 1rem; padding-left: 10px; position: relative;}
.bnds5 .brnds > h1 { font-size: 1.1rem; padding-bottom: 10px;}
.bnds5 .brnds { width: 20%;}
.oprj.prht .oprjs { display: inline-block; vertical-align: top; width: 48.5%;position: relative;}
.oprj.prht .prjimg { box-sizing: border-box; padding: 11px 2px 0 12px; width: 51.5%;}
.oprj.prht .oprjs .prjtxt { bottom: 16px; left: 0; position: absolute; width: 100%;text-align: right;}
.oprj.prht .prjtxt > p { padding-right: 20px;}
.oprj.prht .prjtxt > h3 { padding-right: 20px;}
.prjimg.desk > div{overflow: hidden;}
.oprj:nth-child(3) .prjtxt > h3, .oprj.plft .prjtxt > h3, .oprj.plftl .prjtxt > h3{background: url("../img/aros.png") no-repeat scroll 0 4px / 5px auto;}
.oprj.prht .prjtxt > h3{background: url("../img/aros.png") no-repeat scroll 97% -30px / 5px auto;}
.oprj.prht.lsd .prjimg{padding: 0;}
.oprj.plft {  box-sizing: border-box; padding-top: 18px; width: 48%;}
.oprj.plft .prjimg { width: 50%;}
.oprj.plft .optxt{ box-sizing: border-box; display: inline-block; padding: 16px 12px 0 19px; vertical-align: top; width: 50%;}
.oprj.plft .oprjs{position: relative;}
.oprj.plft .prjtxt { bottom: 20px; left: 0; position: absolute; width: 100%;}
.oprj.plftl{width: 46.9%;}
.mob9, .mob8{display: none;}
.mbmnu {padding: 0 15px;}
.mbmnus > li > a { display: block; font-size: 1.2em;text-transform: uppercase;border-bottom: 1px solid rgba(0,0,0,0.2);padding-bottom: 5px;background: url("../img/drop-down.png") no-repeat scroll right 10px / 16px auto;margin-bottom: 10px;}
.msmnu { display: none;}
.msmnu a{font-size: 1em;display: block;text-transform: uppercase;padding-bottom: 10px;}
.fancybox-caption{text-align: center;text-transform: uppercase;}
#team .capabd { background-color: #ffffff;padding: 30px;}
.teamp > h1 {font-size: 1.1em;font-weight: 400;letter-spacing: 0.52em;padding-bottom: 10px;}
.prfil > h3 { font-size: 1em; padding-bottom: 5px;}
.prfil > p { color: rgba(0, 0, 0, 0.9);line-height: 1.5em;}
.prfil > h3 > span { display: block; font-size: 0.8em; font-weight: 400;}
.prfil{margin-bottom: 15px;}
#ourproject2 .ourprjct { padding-top: 10px;}
.pad5 .scrlmnu.mxt.tsthedr { position: absolute; top: auto;}
.pad5{padding-top: 30px;}
.oprj.prht .oprjs.vv22 { margin-right: 1%; width: 47%;}
/*====================================================================
                            msg box
======================================================================*/

input.txt.error {
   border: 1px solid #ff0000 !important;
}

#overlay {
   	z-index: 999;
   }
   #overlay {
   width: 100%;
   height: 100%;
   top: 0px;
   }
   #overlay {
   	position: fixed;
   } 
   #overlay {
   	background-color: rgba(0, 0, 0, .6);
   }
   #message {
   width: 400px;
   color: #000;
   text-align: center;
   margin: 23% auto 0px auto;
   padding: 10px;
   }
   #message {
   	background-color: rgba(255, 255, 255, .8);
   } 
   #message {
   	font-family: 'Roboto Condensed', sans-serif;
   	font-weight: 400;
   }
   #message #okbtn {
   color: #FFF;
   padding: 5px 20px;
   background: #000;
   } 


/*====================================================================
                            msg box
======================================================================*/
input.txt.error {
   border: 1px solid #ff0000 !important;
}

#overlay {
   	z-index: 999;
   }
   #overlay {
   width: 100%;
   height: 100%;
   top: 0px;
   }
   #overlay {
   	position: fixed;
   } 
   #overlay {
   	background-color: rgba(0, 0, 0, .6);
   }
   #message {
   width: 400px;
   color: #000;
   text-align: center;
   margin: 23% auto 0px auto;
   padding: 10px;
   }
   #message {
   	background-color: rgba(255, 255, 255, .8);
   } 
   #message {
   	font-family: 'Roboto Condensed', sans-serif;
   	font-weight: 400;
   }
   #message #okbtn {
   color: #FFF;
   padding: 5px 20px;
   background: #000;
   } 


em#recaptcha-error {
font-size: 0.85rem;
color: red;
}


/*====================================================
                MOBILE MENU
===================================================*/
.phmenu, .msubmenu1, .mobs, .mob1, .mob, .mob2{display: none;}
a.moblnk {color: #000;display: block;float: right;font-size: 1rem;margin: 10px 0 0 0px;padding: 1px 10px 8px 30px;position: relative;text-transform: uppercase;text-indent:-1000em;}
.opts {overflow-y: scroll;overflow-x: hidden; margin:0; list-style: none; text-align: center; text-transform: capitalize;text-align: left;width: 320px;position: absolute;top: 0;height: 100%; padding:90px 20px 26px; box-sizing: border-box; background-color: rgba(255,255,255,0.95); }
.opts li{margin: 0 0px 6px;}
.opts a {font-weight: 400;color: #000;line-height: 1em;display: block;padding: 6px;z-index: 999;font-size: 1.1rem;text-transform: uppercase;}
.mloc { margin: 0 0 15px; padding: 0 30px 0 15px; display: inline-block;background: url("../img/mloc.png") no-repeat scroll left center / 10px auto;}
.mcty{padding-right: 12px;}
.mcty > option { padding-left: 3px;}
.opts .msin, .mpon { color: #1a4693; font-weight: 700;}
.opts .mpon > a { display: inline-block; font-weight: 700; padding-left: 0;}
.opts .mpon{padding-left: 65px;background-color: #bddbf6;}
.msubmenu, .msubmenus, .ssmenu {display: none;}
.msubmenu{display: none;}
.mnamnu {background-color: #bcdbf6;}
.msubmenu > a{display: block;color: #000000; font-size: 1.1rem; padding: 10px 14px 5px;color: #000;background-color: #e4e4e4;}
.msubmenu a:last-child, .msubmenus a:last-child, .ssmenu > a:last-child, .mshasubmenu > a {border-bottom: none;}
.msubmenu span, .msubmenus span{display: block;}
.mshasubmenu > a{border-bottom: none;}
.mnamnu > a{font-size: 0.75rem;text-transform: uppercase;text-indent: 10px;margin: 0 10px;padding-left: 5px;}
.infodet {float: right;margin-top: -65px;}
.infodets{width: 100%;text-align: center;margin-top: 10px;}
.sticky > .infodet{margin-top: -50px;}
.sticky > .infodet > p{margin-bottom: 0;}
a.moblnk span {top: 12px;}
a.moblnk span::before {top: -8px;}
a.moblnk span::before, a.moblnk span::after {content: "";display: block;pointer-events: none;}
a.moblnk span, a.moblnk span::before, a.moblnk span::after {background: #000;height: 2px;right: 0;pointer-events: none;position: absolute;width: 26px;}
a.moblnk span::after {top: 8px;}
a.moblnk.opened span::before, a.moblnk.opened span::after{top: 0;}
a.moblnk.opened span{width: 0;}
/*
a.moblnk.opened span::before { top: -5px;right: 14px;width: 14px;}
a.moblnk.opened span::after {top: 5px;right: 14px;width: 14px;}
*/
/*a.moblnk.opened span {width: 0;}*/
.sldmnu {height: 120%;position: fixed;z-index: 9972;left:100%;}
.opts .hasmsubs{position: relative;}
.opts .hasmsubs > a {background: url("../img/nav1.png")no-repeat scroll 97% 11px / 15px auto; }
.msubmenu .hasmsubs1 > a {background: #e4e4e4 url("../img/nav2.png")no-repeat scroll 97% 12px / 12px auto; }
.msubmenu .hasmsubs1.subopn1 > a{background-position:97% -20px ; }
.opts .hasmsubs.subopn > a{background-color: #66af45;background-position: 97% -28px ;}
.opts li .msubmenu > li{border-bottom: 1px solid #b4b5b5;padding-left: 18px;margin-bottom: 0;}
.mmolay { background: rgba(0, 0, 0, 0.4); bottom: 0; left: 0; position: fixed; right: 0; top: 0; z-index: 9971;display: none;}
.dsin6 > .dsinimgs { padding-bottom: 2px;}
.opts li.moburl { border-top: 1px dotted #000000; margin-top: 15px; padding-top: 10px;}
.opts li.moburl > a { display: block; text-transform: none;}
/*body{background: url("../bg/Our-works.jpg") no-repeat scroll left top / 1437px auto;}*/
/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir { background-color: transparent; border: 0; overflow: hidden; /* IE 6/7 fallback */ *text-indent: -9999px; }
.ir:before { content: ""; display: block; width: 0; height: 150%; }
.hidden, .testpager { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

/*===================================================
        Transition Effects
===================================================*/
a, .grds, .header, .logo, .hmnu2 a, .dnm p > a, .mail, .ph, .dlst li > a, .visit > a, .dsin > div, .clk > a, a.moblnk, .opts, .mixbtns a > span::after, .mix > img, .hmnu2 a::before, .urls > li > a, .navigd, .intrst h3 > a{-webkit-transition: all 500ms ease-in-out;-moz-transition: all 500ms ease-in-out;-ms-transition: all 500ms ease-in-out;-o-transition: all 500ms ease-in-out;transition: all 500ms ease-in-out;}
.readmor, .prjimg img, .prjct img, .wimg img{-webkit-transition: all 800ms ease-in-out;-moz-transition: all 800ms ease-in-out;-ms-transition: all 800ms ease-in-out;-o-transition: all 800ms ease-in-out;transition: all 800ms ease-in-out;}
.dnm p > a:hover, .mail:hover, .ph:hover, .dlst li > a:hover, .visit > a:hover, .clk > a:hover, .readmor:hover, .mix:hover > img, .prjimg:hover img, .prjct img:hover, .site:hover .wimg img, .urls > li > a:hover, .intrst h3 > a:hover{-moz-transform: scale(1.1);-webkit-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1); transform: scale(1.1);}
mix:hover > img, .prjimg:hover img, .prjct img:hover, .site:hover .wimg img{-webkit-filter: brightness(1.15);-moz-filter: brightness(1.15);-ms-filter: brightness(1.15);filter: brightness(1.15);}
a.moblnk.opened span::before{-moz-transform: rotate(-225deg);-webkit-transform: rotate(-225deg);-o-transform: rotate(-225deg);-ms-transform: rotate(-225deg);transform: rotate(-225deg);}
a.moblnk.opened span::after{-moz-transform: rotate(225deg);-webkit-transform: rotate(225deg);-o-transform: rotate(225deg);-ms-transform: rotate(225deg); transform: rotate(225deg);}
 .opts.opts-open{-moz-transform: translateX(-320px);-webkit-transform: translateX(-320px);-o-transform: translateX(-320px);-ms-transform: translateX(-320px);transform: translateX(-320px);}
a.moblnk span, a.moblnk span::before, a.moblnk span::after, .opts .hasmsubs > a::after, .hasmsubsd a:after{-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;}
.mmolay{-o-transition:all 1000ms cubic-bezier(0.19, 1, 0.22, 1); -ms-transition:all 1000ms cubic-bezier(0.19, 1, 0.22, 1); -moz-transition:all 1000ms cubic-bezier(0.19, 1, 0.22, 1); -webkit-transition:all 1000ms cubic-bezier(0.19, 1, 0.22, 1); transition:all 1000ms cubic-bezier(0.19, 1, 0.22, 1);}

/*======================================================
            RESPONSIVE
======================================================*/
@media only screen and (max-width:85em){
    .dlst li > a{font-size: 1em;}
}
@media only screen and (max-width:78em){
    .hed, .hd3, .yr, .bcntnt > h1, .dhd, .grd1.lst .descrpn{font-size: 1.5rem}
    .hmnu2{width: 860px;}

}
@media only screen and (max-width:75em){
    .header{padding: 30px 0;}
    .logo{width: 100px;}
    .cntnt { margin-top: 132px;}
    .mxt{padding-top: 30px;}
    .navigd{padding-top: 0;}
    .container{padding: 0 15px;}
    .logo{margin-left: 0;}
    .hmnu2 a{padding-right: 12px;}
    .hmnu2{width: 860px;}
    .header.shead .logo{width: 90px;}
    .header.shead .hmnu1, .hmnu1{padding-top: 0;}
    .bantxt{left: 3%;top: 40%;}
    .bantxt > h1, .bantxt > h1.mnhd{font-size: 2.5em;}
    .capabs1.cap2{width: 74%;}
    .capclm1, .capclm{padding: 15px;}
    .cap4 .capclm1{padding: 18px 12px;}
    .capabs1.cap4{width: 78%;}
    .capabs{width: 22%;}
    
}
@media only screen and (max-width:64em){
    .navigd, .desk, .oprj:nth-child(1) > img, .oprj:nth-child(2), .oprj:nth-child(4), .prjdmy, .url, .prjtxt, .oprj.plfts, .oprj.prht .oprjs, .oprj.plft .oprjs, #hidtxt .prjtxt{display: none;}
    .phmenu, .mob, .prjtxt.mob9{display: block;}
    .header{padding: 15px 0;}
    .container{padding: 0 15px;}
    .logo{width: 100px;margin-left: 0;}
    .cntnt { margin-top: 95px;}
    .header.shead .logo { width: 80px;}
    .header.shead, .bcntct > p.visit{padding: 15px 0;}
    .header{-webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.4);-moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.4);box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.4);}
    
    .capclm > p{font-size: 0.75rem;}
    .intrst > h3, .capclm h3, .capclm1 > p, .caplst > li, .prjtxt > p{font-size: 0.9rem;}
    .optns > p, .prjtxt > h3{font-size: 1rem;} 
    .brnds > h1{font-size: 1.1rem;}
     .hed, .hd3, .yr, .capclm1 > h3, .optns > p, .mail, .ph, .dhd, #contact .dhd, .grd1.lst .descrpn{font-size: 1.2rem;}
    .nmbr, .bhd{font-size: 1.4rem;}
    .grd1{margin-bottom: 15px;}
    .bantxt > h1, .bantxt > h1.mnhd{font-size: 2em;}
    .caprow{font-size: 0;}
    
    .intrst, .optns, .capab.cwrk, .brnd.uibrnd{padding:20px 0;}
    .brnd, .tt, .wbsite, #contact .dcntnt{padding: 20px 0 0;}
    #capablities, .mixits, .blogo{padding-top: 20px;}
    .capabd{padding-right: 15px;margin-left: 15px;}
    .brnds > h1, .lft .capclm1 > h3, .brnds > h2{padding-bottom: 10px;}
    .capcm > h3{padding-bottom: 18px;}
    .capab, .cap3 .capclm1{padding: 15px;}
    .tt > p, .mxt, .oprj:nth-child(6), .oprj:nth-child(6) .prjtxt, .brnds > p, .ourprjct, .prfil > p{padding: 0;}
    .mix, .mix:last-child, .mix:nth-last-child(2), .mix:nth-last-child(3), .mix:nth-last-child(4){margin-bottom: 20px;}
    .ourprjct{margin: 0 15px;}
    .prjtxt.mob9, .oprj:nth-child(6) .prjtxt, .oprj.lsd .prjtxt{ padding: 15px;text-align: left;}
    .prjtxt.mob9 > p { padding-top: 0;}
    .oprj.plft .prjtxt { position: static;}
    #team .capabd{padding: 15px 15px 0 0;}
    .prfil:last-child{margin-bottom: 0;}
    .prfil > p{text-align: justify;}
    
    
    .container2{width: 100%;box-sizing: border-box;padding: 0 15px;}
    .capabs, .capabs1.cap2, .capabs1.cap3, .capabs1.cap4, .mxt li, .capabs.wrk, .capabs2, .cap9 .capabs, .cap9 .capabs1.cap2, .prjtxt{width: 100%;}
    
    
    .captab, .caprow, .mxt li, .capabs.wrk{display: block;}
    .cap3 .captab{display: table;}
    .cap3 .caprow{display: table-row;}
    .brnds, .bnds5 .brnds{width: 49%;margin-left: 2%;margin-bottom: 20px;}
    .brnds:nth-child(5){margin-top: 0;}
    .brnds:nth-child(2n+1){margin-left: 0;}
    .capclm, .capcm{height: auto !important;}
    .capcm{background-color: rgba(0,0,0,0);}
    .capcm > h3{color: #000;}
    .prjct{width: 32%;margin-left: 2%;}
    .prjct:nth-child(3n+1){margin-left: 0;}
    .oprj:nth-child(1) { background-color: rgba(0, 0, 0, 0); width: 100%;}
    .oprj > p{position: static;color: #000;}
    .oprj > p{letter-spacing: 0.15em;padding: 20px 0;}
    .oprj, .oprj.fsd, .oprj.lsd, .oprj:nth-child(3), .oprj.plft, .oprj.plftl{width: 49%;margin-bottom: 15px;}
    .oprj:nth-child(5), .oprj:nth-child(7), .oprj:nth-child(10), .oprj:nth-child(12){margin-left: 2%;}
    .oprj.plft .optxt{padding: 0;}
    .oprj:nth-child(7), .oprj.lsd, .oprj.plft{padding: 0;}
    .prjimg, .oprj.prht .prjimg{width: 100%;}
    .prjimg{padding: 0 !important;}
    .orp .prjimg, .orp .oprj:nth-child(6) .prjimg, .oprj.plft .prjimg { width: 100%;}
    .prjtxt > p{padding-top: 37%;}
    .prjtxt{padding-top: 0;}
    .mob1{display: inline-block;}
    .oprj:nth-child(3){margin-bottom: 20px;}
    
    .mobmenuloctr{text-align: center;}
    #mondjas .hasmsubss{position: relative;}
    .mixbtn{ display: none;text-align: center;text-transform: uppercase;background-color: #f8f8f8;}
    #mondjas > li > a {background: #222325 url("../img/daro.png") no-repeat scroll 98% center / 20px auto;color: #fff;}
    .mixbtn li a{color: #000;}
    .mixbtn li a{ display: list-item; font-size: 0.9em; font-weight: 700; list-style: outside none none; padding: 8px 0; text-transform: uppercase;}
    .mxt ul > li > a::before{width: 0;}
    .cap4 .captab, .cap4 .caprow { display: block;}
    .caprow:nth-child(2) .capclm1{border-top: none;}
    .cap4 .capclm1 { border-bottom: 3px solid #ffffff; border-left: medium none; display: inline-block; min-height: 190px; padding: 18px 12px; vertical-align: top; width: 50%;}
    .cap4 .capclm1:nth-child(2n) { border-left: 3px solid #ffffff;}
    .prjimg.mob1 { box-sizing: border-box; padding: 0 10px;}
    .prjimg:hover img{-moz-transform: scale(1);-webkit-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1); transform: scale(1);}
    .oprj.prht .prjtxt > h3{background-position: 0 4px;}
    .oprj.lsd .prjtxt{width: 100%;}
    
}

@media only screen and (max-width:56em){
    .grdd, .grd1.lst.fst .grdd, .grd1.lst .grdd{top: 10%;}
    .orp .oprj:nth-child(3), .orp .oprj:nth-child(6){width: 49.5%;margin: 15px 0;}
    .orp .oprj:nth-child(6){margin-left: 1%;}
    .clk{float: none;padding-bottom: 20px;}
    .cntct{float: none;text-align: center;}
    .cntct > p{line-height: 1.3em;}
    
}

@media only screen and (max-width:48em){
    .grdd{padding: 0 15px;}
    .fclm{width: 49%;margin-left: 2%;}
    .fclm:nth-child(3n+1){margin-left: 2%;}
    .fclm:nth-child(2n+1){margin-left: 0;}
    textarea.txtarea{margin-bottom: 0;}
    .site{width: 32%;margin-left: 2%;margin-bottom: 20px;}
    .site:nth-child(5n+1){margin-left: 2%;}
    .site:nth-child(3n+1){margin-left: 0;}
    .grd1.half .grdd{width: 60%;}
    .grd1.fl .grdd .hd3 { font-size: 0.85rem;}
}

@media only screen and (max-width:42em){
    .grd1 { width: 49%;}
    .grd1.half, .case1{width: 100%;}
    .grd1.fst{margin-left: 2%;}
    .grd1.mr{margin-left: 0;}
    .grd1.half .grdd{width: 90%;}
    .optns, .desks, .dhid{display: none;}
    .grd1.mr.dlft{margin-left: 2%;}
    .mobs{display: block;}
    .hed, .hd3, .yr, .bcntnt > h1, .dhd{font-size: 1.3rem;}
     .fclm, .fclm.two{width: 100%;margin-left: 0;margin-bottom: 20px;}
    .fclm:nth-child(3n+1){margin-left: 0;}
    #contact .dcntnt > p { text-align: center;}
    .dgtl, .dcntnt, .bcntnt > h1{text-align: left;} 
    #contact .dcntnt > h3{font-size: 1em;}
    .bantxt{top: auto;bottom: 40px;left: 0;width: 100%;padding: 0 15px;box-sizing: border-box;}
    .bantxt > h1, .bantxt > h1.mnhd{font-size: 1.5em;}
    .bantxt > p{font-size: 0.8em;line-height: 1.4em;}
    .capclm1{display: inline-block;box-sizing: border-box;}
    .cap2 .capclm1, .cap3 .capclm1, .cap4 .capclm1{width: 100%;border-left: none;margin-bottom: 5px;box-sizing: border-box;}
    .capab{padding: 15px 0;}
    .prjct{width: 49.5%;margin-left: 1%;margin-bottom: 5px;}
    .prjct:nth-child(3n+1){margin-left: 1%;}
    .prjct:nth-child(2n+1){margin-left: 0;}
    .brnds, .bnds5 .brnds{width: 100%;margin-left: 0;margin-bottom: 10px;}
    .site p{font-size: 0.75rem;}
    .cap4 .capclm1:nth-child(2n) { border-left: none;}
    .cap4 .capclm1{min-height: auto;}
    .grd1.lst { background-color: #000000;}
    .grd1.lst .descrpn{color: #fff;}
    .grd1.lst.fst .grdd, .grd1.lst .grdd{top: 20%;}
    .intrst h3 > a:last-child { display: block;}
    .intrst h3{text-align: center;}
    .orp .oprj:nth-child(3), .orp .oprj:nth-child(6){margin: 5px 0;}

#message { width: 100%;}
#message p { width:90%;
    line-height: 20px;
}

}

@media only screen and (max-width:30em){
    .grd1 { width: 100%;}
    .grd1.fst, .grd1, .grd1.mr.dlft{margin-left: 0;}
    .mob2, .mob8{display: block;}
    .desk2, .desk8{display: none;}
    .grdd{top: 15%;}
    .grd1.lst.fst .grdd, .grd1.lst .grdd{top: 25%;}
    .prjimg, .oprj:nth-child(6) .prjimg, .prjtxt, .oprj:nth-child(6) .prjtxt{width: 100%;}
    .prjtxt > p, .oprj:nth-child(6) .prjtxt > p{padding-top: 10px;}
    .bantxt{bottom: 10px;}
    .site{width: 49.5%;margin-left: 1%;margin-bottom: 10px;}
    .site:nth-child(3n+1){margin-left: 1%;}
    .site:nth-child(5n+1){margin-left: 1%;}
    .site:nth-child(2n+1){margin-left: 0;}
    .mix{width: 48%;}
    .bacb .site{margin-bottom: 5px;}
    .oprj, .oprj.fsd, .oprj.lsd, .oprj:nth-child(3), .oprj.plft, .oprj.plftl{width: 100%;}
    .oprj:nth-child(5), .oprj:nth-child(7), .oprj:nth-child(10), .oprj:nth-child(12){margin-left: 0;}
/*
    .mix:nth-child(4n+1){margin-left:2% ;}
    .mix:nth-child(2n+1){margin-left: 0;}
*/
    
}