/*@import url('https://fonts.googleapis.com/css?family=Maven+Pro:400,500,700,900&display=swap');*/@font-face{font-family:'latoregular';src:url('../fonts/lato-regular.eot');src:url('../fonts/lato-regular.eot?#iefix') format('embedded-opentype'),url('../fonts/lato-regular.woff2') format('woff2'),url('../fonts/lato-regular.woff') format('woff'),url('../fonts/lato-regular.ttf') format('truetype'),url('../fonts/lato-regular.svg#latoregular') format('svg');font-weight:normal;font-style:normal;}
@font-face{font-family:'latobold';src:url('../fonts/Lato-Bold.eot');src:url('../fonts/Lato-Bold.eot?#iefix') format('embedded-opentype'),url('../fonts/Lato-Bold.woff2') format('woff2'),url('../fonts/Lato-Bold.woff') format('woff'),url('../fonts/Lato-Bold.ttf') format('truetype'),url('../fonts/Lato-Bold.svg#latobold') format('svg');font-weight:normal;font-style:normal;}
@font-face{font-family:'latolight';src:url('../fonts/Lato-Light.eot');src:url('../fonts/Lato-Light.eot?#iefix') format('embedded-opentype'),url('../fonts/Lato-Light.woff2') format('woff2'),url('../fonts/Lato-Light.woff') format('woff'),url('../fonts/Lato-Light.ttf') format('truetype'),url('../fonts/Lato-Light.svg#latolight') format('svg');font-weight:normal;font-style:normal;}
@font-face{font-family:'latomedium';src:url('../fonts/Lato-Medium.eot');src:url('../fonts/Lato-Medium.eot?#iefix') format('embedded-opentype'),url('../fonts/Lato-Medium.woff2') format('woff2'),url('../fonts/Lato-Medium.woff') format('woff'),url('../fonts/Lato-Medium.ttf') format('truetype'),url('../fonts/Lato-Medium.svg#latomedium') format('svg');font-weight:normal;font-style:normal;}
@font-face{font-family:'maven_probold';src:url('../fonts/mavenpro-bold-webfont.woff2') format('woff2'),url('../fonts/mavenpro-bold-webfont.woff') format('woff');font-weight:normal;font-style:normal;}
/*@font-face{font-family:'maven_promedium';src:url('../fonts/mavenpro-medium-webfont.woff2') format('woff2'),url('../fonts/mavenpro-medium-webfont.woff') format('woff');font-weight:normal;font-style:normal;}*/
@font-face{font-family:'maven_proregular';src:url('../fonts/mavenpro-regular-webfont.woff2') format('woff2'),url('../fonts/mavenpro-regular-webfont.woff') format('woff');font-weight:normal;font-style:normal;}
@font-face {
font-family: 'Lato Black';
font-style: normal;
font-weight: normal;
src: local('Lato Black'), url('../fonts/Lato-Black.woff') format('woff');
}

@font-face {
font-family: 'Norwester Regular';
font-style: normal;
font-weight: normal;
src: local('Norwester Regular'), url('../fonts/norwester.woff') format('woff');
}

@font-face {
font-family: 'League Spartan Bold';
font-style: normal;
font-weight: normal;
src: local('League Spartan Bold'), url('../fonts/LeagueSpartan-Bold.woff') format('woff');
}
@font-face {
font-family: 'Oswald Regular';
font-style: normal;
font-weight: normal;
src: local('Oswald Regular'), url('../fonts/oswald-regular.woff') format('woff');
}
@font-face {
font-family: 'Oswald Medium';
font-style: normal;
font-weight: normal;
src: local('Oswald Medium'), url('../fonts/Oswald-Medium.woff') format('woff');
}
html{text-rendering:optimizeLegibility !important;-webkit-font-smoothing:antialiased !important;}
body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;} 
.job-team .job-title{font-family:'latoregular';}
.slider-text > p,.portfolio-content .left-section,.portfolio-infocus h6 .small,.font59 em,.job-team,.blog-section h2 .light,.breadcrumbs > ul{font-family:'latolight';}
.file-upload-button,.form-area .btn-submit,.portfolio-content .detail-content .more-btn,.job-team .name,.entry-title{font-family:'latomedium';}
.whatwedo h5,b, strong,.portfolio-content h6,.content-column li .more-btn,.services-inner h1{font-family:'latobold';}
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;font-size:14px;}
body{margin:0;color:#5f5f5f;font:14px/1.286 'latoregular', sans-serif;-webkit-animation:fadeIn 2s;-moz-animation:fadeIn 2s;-ms-animation:fadeIn 2s;-o-animation:fadeIn 2s;animation:fadeIn 2s;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td{margin:0;padding: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;text-decoration:none;color:#4dbeee;} 
a:active,a:hover,a:focus{outline:0;}
abbr[title]{border-bottom:1px dotted;} 
b,strong{font-weight:normal;}
dfn{font-style:italic;}
h1{font-size:68px;margin:0.67em 0;}
h2{font-size:60px;margin:0.67em 0;}
h3{font-size:55px;margin:0.67em 0;}
h4{font-size:50px;margin:0.67em 0;}
h5{font-size:35px;margin:0.67em 0;}
h6{font-size:25px;margin:0.67em 0;}
h1,h2,h3,h4,h5,h6{color:#5f5f5f;line-height:1.2em;font-weight:normal;}
p{margin-bottom:10px}
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;max-width:100%;height:auto;vertical-align:middle;}
svg:not(:root){overflow:hidden;}
figure{margin:1em 40px;}
hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0;}
pre{overflow:auto;}
code,kbd,pre,samp{font-family:monospace, monospace;font-size:1rem;}
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;}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto;}
input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}
fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em;}
legend{border:0;padding:0;}
textarea{overflow:auto;max-height:150px;}
option{padding:3px 25px;}
optgroup{font-weight:bold;}
table{border-collapse:collapse;border-spacing:0;}
ul,ol,td,th{padding:0;}
ul,ol{margin:0 0 15px 15px;}
html{height:100%;}
body{min-height:100%;overflow-x:hidden;overflow-y:auto;}
*{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.inner-pages .wrapper{overflow:hidden;clear:both;position:relative;padding-top:120px;}
.container{width:85.9375%;margin:0 auto;position:relative;max-width:1540px;}
.container-case{width:85.9375%; margin:0 auto;}
.fright{float:right;}
.fleft{float:left;}
.text-left{text-align:left;}
.text-center{text-align:center;}
.text-right{text-align:right;}
.more-btn{position:absolute;top:66px;right:0;font-size:72px;line-height:1;z-index:2;color:#4dbeee!important;transition:all 0.15s ease-in;-moz-transition:all 0.15s ease-in;-webkit-transition:all 0.15s ease-in;font-style:normal;}
.meta-nav > *{background:url(../images/sprite.png) no-repeat;display:block;height:140px;position:fixed;top:35%;transform:scale(0.5);-moz-transform:scale(0.5);-webkit-transform:scale(0.5);-ms-transform:scale(0.5);-o-transform:scale(0.5);width:71px;display:none;}
.meta-nav .back-btn{background-position:0px -195px;left:0;}
.meta-nav .next-btn{background-position:-92px -195px;right:0;}
.disabled{opacity:0.3;}
.table{display:table;height:100%;}
.table-cell{display:table-cell;}
.ie9 img[src*=".svg"]{width:100%;}
.thanks-page{height:100%;}
.thanks-page .wrapper{height:100%;}
.thanks-page .site-footer{position:absolute;left:0;bottom:0;right:0;}
.thanks-page .services-inner .content-column{float:none;margin-right:auto;text-align:center;}
.thanks-page .services-inner h2{text-transform:inherit;}
.thanks-page .myw{background:url(../images/thank-you.png) no-repeat center center;bottom:0;left:0;position:fixed;right:0;top:67px;}
.thanks-page h2{font-size:36px;line-height:48px;color:#4dbeee;margin:0px;padding:0px;}
.thanks-page h3{font-size:36px;line-height:48px;color:#5f5f5f;margin:0px;padding:0px;}
.mobile-width{float:left;width:100%;}
.mobile-width > *{float:left;margin:10px 0 0;width:30%;}
:-webkit-input-placeholder{color:rgb(95, 95, 95);opacity:0.8}
:-moz-placeholder{color:rgb(95, 95, 95);opacity:0.8}
:-ms-input-placeholder{color:#000;opacity:1}
@media screen and (-ms-high-contrast:active), (-ms-high-contrast:none){img[src*=".svg"]{width:100%;}
}
#loader{width:100%;height:100%;position:fixed;background:#282828;text-align:center;z-index:999999;top:0}
#loader.loaded{visibility:hidden;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);z-index:1}
.loader-item{position:absolute;width:auto;top:50%;left:50%;text-align:center;transform:translate(-50%, -10%);-moz-transform:translate(-50%, -10%);-webkit-transform:translate(-50%, -10%);-ms-transform:translate(-50%, -10%);-o-transform:translate(-50%, -10%);font-size:40px;color:#9d9d9d}
.loader-item img{display:block}
.loader-item .hovers_text{background:#282828;display:inline-block;position:relative;vertical-align:middle;color:#282828;padding:20px 0;}
.loader-item.active .hovers_text:before{background:#9d9d9d;content:"";height:480px;left:0;margin:auto;position:absolute;right:0;top:-190px;transform:rotate(42deg);-moz-transform:rotate(42deg);-webkit-transform:rotate(42deg);-ms-transform:rotate(42deg);-o-transform:rotate(42deg);width:2px;z-index:-1;}
.loader-item.active .hovers_text:after{color:#9d9d9d;content:"" attr(data-text) "";transform-origin:left center 0;animation:changewidth 2s infinite ease;}
.loader-item .hovers_text:after{content:"" attr(data-text) "";display:inline-block;left:0;overflow:hidden;position:absolute;top:20px;}
@keyframes changewidth{0%{width:0;}
10%{width:20%;}
20%{width:32%;}
30%{width:45%;}
40%{width:56%;}
50%{width:68%;}
60%{width:76%;}
70%{width:90%;}
80%{width:100%;}
90%{width:100%;}
100%{width:100%;}
}
.wrapper > article > section{position:relative;float:left;width:100%;}
.title{margin:0;position:absolute;width:35%;}
.inner-pages .title h1{margin:0;text-transform:uppercase;}
.inner-pages .career-page.career-inner .title h1{color:#fff}
.home .title h1,.whatwedo .title h1{font-size:100px;line-height:0.85;}
.title h4{margin:0 0 0 2px;}
.title h4{color:#fff;}
.content-column{display:block;float:none;margin:auto;text-align:center;max-width:665px;width:36.635%;position:relative;z-index:4;font-size:18px;line-height:24px;min-width:500px;}
.content-column .more-btn{top:auto;bottom:-50px;font-size:67px;}
.content-column ul{list-style:none;}
.content-column li{position:relative;padding-left:15px;}
.content-column ul li:before{background:#5f5f5f;border-radius:100%;-moz-border-radius:100%;-webkit-border-radius:100%;-ms-border-radius:100%;-o-border-radius:100%;content:"";display:inline-block;float:none;height:5px;left:0;top:0;width:5px;vertical-align:middle;margin-right:10px;margin-top:-3px;position:absolute;left:0;top:12px;}
.content-column li,.content-column li a{color:#5f5f5f;}
.swatch-lightblue .title{text-align:left;width:auto;}
.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools,.mCSB_scrollTools{opacity:0!important;}
.mCSB_inside > .mCSB_container{margin-right:0;}
.inner-banner .container{display:table;height:85%;overflow:hidden;}
.inner-banner .content-column{width:80%;max-width:inherit;display:table-cell;vertical-align:middle;}
.inner-banner h1{color:#fff;}
.inner-banner .decor-top{height:360px;bottom:-1px;}
.spacer32{height:32px;}
.right{float:right;}
.fp-tableCell{position:relative;}
.header.fixed{position:fixed;top:0;left:0;box-shadow:0 0px 2px #e1e1e1;background:#fff!important;-moz-box-shadow:0 0px 2px #e1e1e1;-webkit-box-shadow:0 0px 2px #e1e1e1;padding:6px 0;}
.header .container{width:96%;max-width:1810px;}
.logo{background:url(../images/olive-logo.png) no-repeat 0 0;max-width:165px;width:100%;height:57px;display:block;float:left;transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-webkit-transition:all 1s ease 0s;}
.fixed .logo{transform:scale(0.8);-moz-transform:scale(0.8);-webkit-transform:scale(0.8);-ms-transform:scale(0.8);-o-transform:scale(0.8);}
.breadcrumbs{float:left;margin-top:19px;margin-left:27px;}
.breadcrumbs > ul{margin:0;font-size:18px;list-style:none;}
.breadcrumbs li{position:relative;padding:3px 22px;float:left;}
.breadcrumbs a{color:#5f5f5f}
.breadcrumbs li:before{background:#bfbfbf;content:"";height:40px;left:0;position:absolute;top:-5px;transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);width:2px;}
.menu-toggle{float:right;border:1px solid #4dbeee;padding:9px;cursor:pointer;height:46px;width:auto;position:relative;z-index:16;margin-top:5px;}
.menu-toggle .textm{height:auto;margin:auto;display:inline-block;background:transparent none repeat scroll 0% 0%;vertical-align:middle;font-size:18px;}
.menu-toggle .menu-bar{display:inline-block;width:29px;vertical-align:middle;margin-left:11px;}
.menu-toggle .menu-bar span{background:#5f5f5f;display:block;height:1px;margin:6px 0;width:100%;}
.fa-bars{font-size:20px;color:#5f5f5f;}
.menu{background:#282828;bottom:0;max-width:428px;position:absolute;right:0;top:0;width:30.29%;text-transform:uppercase;transform:translateX(100%);-moz-transform:translateX(100%);-webkit-transform:translateX(100%);-ms-transform:translateX(100%);-o-transform:translateX(100%);height:100%;z-index:999999;}
.menu > .more-btn{right:46px;top:45px;transition:all 0s ease-in 0s;-moz-transition:all 0s ease-in 0s;-webkit-transition:all 0s ease-in 0s;}
.menu ul{list-style:none;}
.menu > ul{margin:0;position:relative;top:50%;transform:translateY(-50%);-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);float:left;width:100%;}
.menu > ul >li{padding:0 14%;float:left;width:100%;position:relative;background:#282828}
.menu li:hover > a,.menu li .active{color:#fff;}
.menu ul a{color:#9d9d9d;font-size:16px;line-height:1.12;margin-bottom:15px;position:relative;padding-left:32px;display:block;}
.menu > ul > li > a{font-size:20px;line-height:1.12;margin-bottom:34px;}
.menu li .more-btn{font-size:21px;font-style:normal;height:15px;left:1px;right:auto;top:1px;width:14px;}
.menu li ul li .more-btn{top:0;}
.menu li:hover >.more-btn,.menu li .active > .more-btn{transform:rotate(-45deg) translate(0px, -2px);-moz-transform:rotate(-45deg) translate(0px, -2px);-webkit-transform:rotate(-45deg) translate(0px, -2px);-ms-transform:rotate(-45deg) translate(0px, -2px);-o-transform:rotate(-45deg) translate(0px, -2px);}
.subnav{position:absolute;right:100%;width:100%;max-width:428px;padding:0 11%;top:2px;transform:translateX(100%);-moz-transform:translateX(100%);-webkit-transform:translateX(100%);-ms-transform:translateX(100%);-o-transform:translateX(100%);z-index:-1;}
.subnavover{background:rgba(40, 40, 40, 0.8);position:absolute;right:100%;width:100%;max-width:428px;padding:0 11%;top:-27%;bottom:-27%;transform:translateX(100%);-moz-transform:translateX(100%);-webkit-transform:translateX(100%);-ms-transform:translateX(100%);-o-transform:translateX(100%);z-index:-2;}
.menu,.subnav,.subnavover{transition:transform 0.8s ease 0s;-moz-transition:transform 0.8s ease 0s;-webkit-transition:transform 0.8s ease 0s;-0-transition:transform 0.8s ease 0s;-ms-transition:transform 0.8s ease 0s;}
.menu.active, .subnav.active,.subnavover.active{transform:translateX(0);-moz-transform:translateX(0);-webkit-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);}
.wrapper > .section{margin-bottom:90px;}
.wrapper > .section.blog-section{margin-bottom:15px;}
.banner-section{overflow:hidden;clear:both;font-size:20px;padding-top:129px;}
.banner-section .container{overflow:hidden;}
.slider{float:left;width:74.68%;position:relative;}
.slider-text{left:0;position:absolute;right:0;text-align:center;top:39%;transform:translate(0px, -22%);-moz-transform:translate(0px, -22%);-webkit-transform:translate(0px, -22%);-ms-transform:translate(0px, -22%);-o-transform:translate(0px, -22%);width:100%;line-height:1;}
.slider-text h1{margin:0 0 20px;line-height:1;}
h1 span, h2 span, h3 span, h4 span, h5 span, h6 span, .breadcrumbs span{color:#9d9d9d;}
.banner-section .right-section{position:absolute;right:0;top:0;height:100%;width:17.7922%;min-width:250px;color:#7d7b7b;vertical-align:middle;transform:perspective(1000px);-moz-transform:perspective(1000px);-webkit-transform:perspective(1000px);-ms-transform:perspective(1000px);-o-transform:perspective(1000px);transform-style:preserve-3d;transition:all 0.6s ease 0s;-moz-transition:all 0.6s ease 0s;-webkit-transition:all 0.6s ease 0s;overflow:hidden;}
.vid_tex{background:url(../images/olive-banner.jpg) no-repeat;bottom:0;position:absolute;top:0;width:100%;opacity:.89;background-size:cover;}
.banner-section h5{margin:0;}
.banner-section h5 span{color:#9d9d9d;}
.banner-section .more-btn{position:absolute;right:6rem;bottom:30px;top:auto}
.back .detail-content{font-size:14px;line-height:17px;text-align:left;height:79%;}
.detail-content .mCSB_container a{border-top:1px solid #4dbeee;text-transform:uppercase;padding-top:5px;margin-top:12px;float:left;}
.detail-content h6{font-size:22px;margin-top:5px;}
.banner-section .front,.banner-section .back{background:#fff;height:100%;transform-style:preserve-3d;transition:all 0.6s ease 0s;-moz-transition:all 0.6s ease 0s;-webkit-transition:all 0.6s ease 0s;backface-visibility:hidden;-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;-ms-backface-visibility:hidden;}
.banner-section .front{position:relative;text-align:center;transform:rotateY(0deg);-moz-transform:rotateY(0deg);-webkit-transform:rotateY(0deg);-ms-transform:rotateY(0deg);-o-transform:rotateY(0deg);z-index:1}
.front .content{backface-visibility:hidden;-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;-ms-backface-visibility:hidden;position:relative;top:50%;transform:translateY(-50%);-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);}
.banner-section .back{left:0;position:absolute;right:0;top:0;transform:rotateY(-180deg);-moz-transform:rotateY(-180deg);-webkit-transform:rotateY(-180deg);-ms-transform:rotateY(-180deg);-o-transform:rotateY(-180deg);z-index:0}
.banner-section .flipped .front{transform:rotateY(180deg);-moz-transform:rotateY(180deg);-webkit-transform:rotateY(180deg);-ms-transform:rotateY(180deg);-o-transform:rotateY(180deg);}
.banner-section .flipped .back{z-index:1;transform:rotateY(0deg);-moz-transform:rotateY(0deg);-webkit-transform:rotateY(0deg);-ms-transform:rotateY(0deg);-o-transform:rotateY(0deg);}
.mCSB_inside > .mCSB_container{margin-right:0;padding-bottom:30px;}
.top-right-div{width:auto;float:right;}
.top-right-div a.contact{color:#fff;padding:0px 0px;display:inline-block;background-color:#4dbeee;margin-top:12px;font-size:18px;margin-right:20px;padding:7px 24px;}
.banner-section .more-btn{font-size:50px;left:0;right:0;bottom:-47px;margin:auto;max-width:30px;width:100%;}
.back .more-btn{top:24%;max-height:40px;right:42%;left:auto;}
.topline,.bottomline{position:absolute;width:100%;top:0;left:0;height:274px;}
.bottomline{bottom:0;top:auto;z-index:2;pointer-events:none;}
.topline svg,.bottomline svg{pointer-events:none;transform:rotate(12deg);-moz-transform:rotate(12deg);-webkit-transform:rotate(12deg);-ms-transform:rotate(12deg);-o-transform:rotate(12deg);}
.topline svg{top:60px}
.topline a{color:#5f5f5f;}
.hhlogo{position:absolute;top:0px;left:0px;width:100%;text-align:center;font-size:18px;}
.news-section{float:left;width:100%;margin-top:50px;font-size:16px;line-height:22px;}
.news-section > *{display:inline-block;vertical-align:middle;margin:0;}
.news-section h6{padding-right:10px;}
.news-section h6 a{color:#5f5f5f}
.news-text{position:relative;width:100%;height:60px;}
.news-text ul{list-style:none;}
.news-text .more-btn{font-size:18px;position:static;margin-left:10px;height:14px;}
.news-section li{padding:6px 25px 3px 0;position:relative;float:left;clear:left;}
.portfolio-section{float:left;width:100%;text-align:center;padding-top:0;}
.portfolio-section .item > *{transition:all 0.8s ease;-moz-transition:all 0.8s ease;-webkit-transition:all 0.8s ease;}
.text-container{text-align:left;margin-bottom:10px;}
.title-header{margin-bottom:30px;font-size:20px;color:#171717;position:relative;background:#fff;padding-right:250px;line-height:80px;}
.title-header a{color:#171717;}
.portfolio-section .title-header a > *{display:inline-block;vertical-align:middle;}
.title-header h2{color:#5f5f5f}
.portfolio-section .title-header h2{margin:0 30px 0 0;position:relative;padding-right:30px;}
.portfolio-section .title-header a > span{margin-top:0px;}
.title-header a > img{bottom:0;margin:auto;position:absolute;top:-5px;width:auto !important;max-width:90% !important;transform:scale(0.8);-moz-transform:scale(0.8);-webkit-transform:scale(0.8);-ms-transform:scale(0.8);-o-transform:scale(0.8);right:-20px;}
.title-header .separator{position:absolute;right:0;top:0;}
.title-header .separator:before{height:95px;margin:0;transform:rotate(34deg);-moz-transform:rotate(34deg);-webkit-transform:rotate(34deg);-ms-transform:rotate(34deg);-o-transform:rotate(34deg);}
.portfolio-infocus > a{display:inline-block;}
.dots{margin:0 auto;width:80px;}
.portfolio-infocus h6{font-size:15px;line-height:1;margin-bottom:3px;margin-top:0;}
.portfolio-infocus h6 .small{font-size:12px;display:block;color:#5f5f5f;}
.portfolio-infocus .dots span{width:14px;height:14px;margin-bottom:2px;margin-right:3px;}
.portfolio-content{position:relative;color:#fff;}
.portfolio-content .detail-content{background:transparent;bottom:0;font-size:17px;line-height:1.222;transition:all 0.6s ease;-moz-transition:all 0.6s ease;-webkit-transition:all 0.6s ease;padding:11.85em 2.6em 2em 3em;width:100%;height:100%;position:absolute;left:0;}
.portfolio-content.dishtv .detail-content,.portfolio-content.maidens .detail-content{padding-top:7.85em}
.portfolio-content.over .detail-content{background:#005495;}
.portfolio-content.pernod.over .detail-content{background:#005495;}
.portfolio-content.vemanya.over .detail-content{background:#d2165d;}
.portfolio-content.dishtv.over .detail-content{background:#f15a22;}
.portfolio-content.dalmia.over .detail-content{background:#0054a6;}
.portfolio-content.maidens.over .detail-content{background:#d0ad7e;}
.portfolio-content h2{font-size:95px;font-size:4.95vw;line-height:0.8;margin:0;color:#9d9d9d;text-transform:uppercase;}
.portfolio-content.over h1,.portfolio-content.maidens h2{color:#fff;}
.portfolio-content h6{color:#fff;font-size:18px;text-transform:uppercase;font-weight:bold;}
.portfolio-content .detail-content > *{vertical-align:top;margin:0 4.3%;width:37%;display:inline-block;position:relative;}
.portfolio-content .right-section{width:53%;margin:0 0 0 1%;}
.portfolio-content .left-section{opacity:0;transition:opacity 0.8s ease;-moz-transition:opacity 0.8s ease;-webkit-transition:opacity 0.8s ease;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);}
.portfolio-content.over .detail-content .left-section{opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=1);}
.hover-btn{position:absolute;right:0;bottom:0;width:80px;height:80px;z-index:9;}
.hover-btn:before{width:1px;height:181px;background:#9d9d9d;content:"";position:absolute;bottom:-12px;right:81px;transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);}
.hover-btn .more-btn{top:15px;left:5px;line-height:0.5;color:#9d9d9d;}
.over .hover-btn .more-btn{color:#fff;top:0;left:0;}
.portfolio-content .detail-content .more-btn{position:relative;line-height:0;font-size:40px;color:#fff;display:inline-block;top:auto;bottom:-24px;}
.portfolio-section .item-mob{width:100%;position:relative;font-size:24px;}
.portfolio-section .content{background:rgba(0,0,0,0.7);position:absolute;top:13px;right:13px;bottom:13px;left:13px;text-align:center;text-transform:uppercase;opacity:0;transition:opacity 1s ease;-moz-transition:opacity 1s ease;-webkit-transition:opacity 1s ease;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);}
.portfolio-section .item-mob:hover .content{opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=1);}
.item-mob img{width:100%;}
.portfolio-section .link{position:relative;margin:3rem 0;display:inline-block;}
.portfolio-section .link:before,.portfolio-section .link:after{background:#a4a4a4;content:"";height:60px;position:absolute;width:1px;transform:rotate(47deg);-moz-transform:rotate(47deg);-webkit-transform:rotate(47deg);-ms-transform:rotate(47deg);-o-transform:rotate(47deg);}
.portfolio-section .link:before{bottom:100%;left:81%;}
.portfolio-section .link:after{top:100%;left:29%;}
.portfolio-section .content > *{position:relative;top:50%;transform:translateY(-50%);-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);}
.item-mob h2{font-size:48px;color:#fff}
.portfolio-section .container > .more-btn{display:inline-block;margin-top:30px;font-size:18px;position:static;}
#take-away .image{margin-left:15px;margin-top:-30px;max-width:164px;width:20%;}
.services-section{float:left;width:100%;}
.services-section .title{position:static;}
.services-section .title h1,.services-section .title h4{color:#5f5f5f;}
#whatwedo{margin-top:-10px;}
#whatwedo .title h1{line-height:1.13;margin-top:0px;}
.whatwedo .content-column a{color:#4dbeee}
.whatwedo .content-column a:hover{color:#282828}
.services-section .decor-top{top:0;height:100%;left:auto;right:-157px;}
.services-section.swatch-white .decor{stroke:#9d9d9d;}
.blog-section{float:left;width:100%;color:#6c6c6c;padding-top:48px;margin-bottom:25px;}
.blog-section .container{max-width:1554px;}
.blog-section .bb-custom-side{position:absolute;right:79px;top:0;max-width:767px;padding-right:354px;background:url(../images/blogicon-big.png) no-repeat 90% center;height:64%;line-height:20px;}
.blog-section h2{font-size:56px;line-height:49px;margin:0 0 25px;}
.blog-section p{margin-bottom:15px;}
.blog-section h2 em{font-style:normal;display:block;}
.blog-section h2 em em{display:inline;}
.font88{font-size:88px;line-height:78px;}
.font75{font-size:75px;line-height:72px;}
.font64{font-size:64px;line-height:61px;}
.font63{font-size:63px;line-height:60px;}
.font59{font-size:59px;line-height:56px;}
.font57{font-size:57px;line-height:64px;}
.font53{font-size:53px;line-height:50px;}
.font51{font-size:51px;line-height:48px;}
.font47{font-size:47px;line-height:44px;}
.font46{font-size:46px;line-height:43px;}
.font45{font-size:45px;line-height:40px;}
.font44{font-size:44px;line-height:41px;}
.font40{font-size:40px;line-height:44px;}
.font35{font-size:37px;line-height:33px;}
.font34{font-size:34px;line-height:35px;}
section.get-touch{background:#282828;clear:both;padding:28px 0 72px;margin-bottom:0;}
.wrapper section.get-touch{margin-bottom:0;}
.get-touch-inner{max-width:1300px;margin:0 auto;}
.get-touch-inner h2{color:#5f5f5f;font-size:48px;font-weight:bold;text-align:center;}
.get-touch-inner .frm-div, .bottom-div1 .wf-row{display:inline-block;max-width:49%;vertical-align:middle;width:100%;}
.get-touch-inner .lastdiv{display:inline-block;max-width:33%;padding-left:2%;vertical-align:middle;width:100%;}
.get-touch-inner .lastdiv .lastdiv-inner{display:inline-block;vertical-align:middle;width:100%;}
.get-touch-inner .frm-div.midle{padding-left:2%;padding-right:2%;}
.get-touch-inner .g-recaptcha {margin-top: -3px;}
.get-touch-inner .inputbox{width:100%;margin-bottom:22px;position:relative}
.get-touch-inner .inputbox input, .get-touch-inner .inputbox textarea{width:100%;background:#5f5f5f;color:#9d9d9d;font-size:24px;border:none;padding:21px 24px;}
.get-touch-inner .inputbox textarea{min-height:245px;}
.inputbox.phone:before{color:#9d9d9d;font-size:24px;left:5px;position:absolute;top:17px;}
.get-touch-inner .submit_btn{width:100%;border:none;text-transform:uppercase;background:#74c8ac;color:#5f5f5f;padding:23px;font-size:21px;}
.get-touch-inner .captch-img,.get-touch-inner .captch-loader,.get-touch-inner .captch-input{display:inline-block;vertical-align:middle;}
.get-touch-inner .captch-loader{margin:0px 14px;}
.get-touch-inner .captch-img{max-height:35px;}
.get-touch-inner .captch-input input{background:#fff;font-size:18px;padding:10px;max-width:164px;}
.get-touch-inner .inputbox.captcha-wr{background:#5f5f5f;padding:14px 12px 14px 24px;}
.get-touch-inner .lastdiv p{display:block;width:100%;line-height:45px;color:#fff;}
.get-touch-inner .lastdiv p a{color:#fff;}
.get-touch-inner .lastdiv p span.icon, .get-touch-inner .lastdiv p span.text{display:inline-block;vertical-align:middle;width:auto;}
.get-touch-inner .lastdiv p span.icon{width:43px;min-height:45px;margin-right:17px;}
.get-touch-inner .lastdiv p span.text{font-size:24px;line-height:45px;}
.get-touch-inner .lastdiv p span.ph{background:url(../images/bottom-icons.png) no-repeat 0 0;}
.get-touch-inner .lastdiv p span.mail{background:url(../images/bottom-icons.png) no-repeat 0 -61px;}
.get-touch-inner .lastdiv p span.loc{background:url(../images/bottom-icons.png) no-repeat 0 -130px;}
.get-touch-inner .left-div{display:inline-block;max-width:66.5%;vertical-align:middle;width:100%;border-right:1px solid rgb(87, 87, 87)}
.bottom-div1{display:block;width:100%;}
.flipcontrols{position:absolute;right:0;top:10%;z-index:100;}
.flipcontrols span{background:url(../images/sprite.png) no-repeat 0 -63px;width:49px;height:49px;margin-bottom:15px;display:block;cursor:pointer;}
.flipcontrols span:hover,.flipcontrols span.bb-current{background-position:0 0}
.blog-section .more-btn{bottom:0;right:150px;top:auto;}
.bb-custom-side > h6{color:#6c6c6c;font-size:18px;line-height:18px;margin:0;position:absolute;right:6%;top:0;}
.bb-custom-wrapper{width:100%;height:817px;margin-bottom:8rem;}
.bb-bookblock{height:850px;overflow:hidden;perspective:2000px;width:100%;}
.site-footer{background:#e5e5e5;float:left;width:100%;padding:10px 0;position:relative;z-index:999;}
.site-footer address{line-height:28px;font-style:normal;margin-top:9px;font-size:14px;display:inline-block;float:left;vertical-align:top;}
.site-footer .social-icons{display:inline-block;vertical-align:top;float:right;}
.site-footer .hh-logo{display:inline-block;float:right;vertical-align:top;}
.site-footer .f-nav{display:inline-block;vertical-align:top;}
.site-footer .f-nav ul li{display:inline-block;margin-right:15px;margin-left:15px;}
.site-footer .f-nav ul{margin:10px 0 0 0;}
.site-footer .f-nav ul li a{display:block;font-size:14px;color:#282828;}
.social-icons ul{list-style:none;margin:0;}
.social-icons li{display:inline-block;margin-top:7px;}
.social-icons a{margin:0 3px;width:28px;height:28px;text-align:center;display:block;color:#a0a0a0;border:2px solid #a0a0a0;border-radius:100%;-moz-border-radius:100%;-webkit-border-radius:100%;font-size:16px;line-height:25px;}
.social-icons a .fa-linkedin{line-height:23px;}
.social-icons a:hover{color:#606060;border-color:#606060;}
.site-footer .hh-logo a{color:#5f5f5f;}
.site-footer .hh-logo img{display:inline-block;}
.site-footer .foter-container{max-width:1811px;margin:0 auto;width:94%;position:relative;text-align:center;}
.item{width:100%;}
.owl-controls{float:left;margin:10px 0 0;}
.owl-controls .owl-dots{float:left;padding:6px 3px 2px 6px;background:#e7e7e7;}
.owl-dot{width:14px;height:14px;margin:0px 3px 3px 0;background:#9d9d9d;display:inline-block;vertical-align:top;transition:background 0.3s ease;}
.owl-dot.active{background:#6c6c6c;}
.portfolio-section .owl-controls{float:right;position:absolute;right:0;}
.owl-nav > *{float:left;background:url(../images/sprite.png) no-repeat;height:21px;width:38px;margin-left:24px;}
.owl-prev{background-position:0 -174px;}
.owl-next{background-position:0 -145px;}
.visible{visibility:visible}
@-webkit-keyframes fadeIn{0%{opacity:0}
100%{opacity:1}
}
@keyframes fadeIn{0%{opacity:0}
100%{opacity:1}
}
.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn;-moz-animation-name:fadeIn;}
.our-work{float:left;position:relative;height:719px;min-width:100%;width:100%;z-index:14;}
.our-work .container{overflow:hidden;position:relative;width:100%;z-index:14;}
.our-work .content-column{bottom:48px;text-align:left;width:32.635%;position:fixed;right:15%;}
.our-work .mCSB_container{padding-top:280px;padding-bottom:60px;}
.scroll-container{float:left;height:520px;position:relative;width:100%;}
.w1, .w2{bottom:0;left:0;position:absolute;right:0;top:0;}
.w1{background:url(../images/w1.png) no-repeat center top;background-size:cover;background-attachment:fixed;}
.w2{background:url(../images/w2.png) no-repeat center top;background-size:cover;background-attachment:fixed;}
.workheading{height:400px;position:fixed;top:310px;z-index:2;}
.parallex{position:relative;display:block;width:100%;height:154px;width:822px;}
.work{background:url(../images/work.png) no-repeat center top;left:210px;}
.culture{background:url(../images/culture.png) no-repeat center top;left:212px;}
.blockBottom{background:#fff;height:743px;position:absolute;top:-372px;transform:rotate(-67deg);-moz-transform:rotate(-67deg);-webkit-transform:rotate(-67deg);-ms-transform:rotate(-67deg);-o-transform:rotate(-67deg);width:3670px;z-index:4;}
.our-work .blockBottom{position:fixed;top:0;height:222px;}
.our-work .more-btn{bottom:50px;position:fixed;right:210px;top:auto;z-index:9;}
.wlft-overlay{position:absolute;top:0;left:0;bottom:0;z-index:3;width:478px;background:url(../images/wlft-overlay.png) no-repeat left top;background-attachment:fixed;}
.wmid-overlay{position:fixed;left:0;top:0;right:0;bottom:0;z-index:3;width:310px;background:url(../images/wmid-overlay.png) no-repeat center 520px;margin:auto;}
.ie .socialcomm-section .image{width:100%;}
.whoweare-text{background:#282828;}
.whoweare-text h1{color:#fff;}
.whoweare-text .content-column{margin-top:140px;margin-bottom:100px;color:#9d9d9d;width:40%;}
.whoweare-textbg{height:835px;left:0;position:absolute;top:0;width:100%;}
section.whoweare-text .decor-top{float:right;height:675px;left:auto;overflow:hidden;position:fixed;right:0;top:148px;vertical-align:top;width:575px;z-index:6;}
section.whoweare-text .decor-top img{position:absolute;bottom:0;left:0;}
.whoweare-text svg text{font-size:130px;fill:#9d9d9d;}
.wrapper .whoweare-midimg{float:right;height:1000px;margin-top:-97px;position:relative;width:85%;max-width:1580px;z-index:9;}
.whoweare-btm{z-index:8;margin-top:-603px;background:#fff;overflow:hidden;padding-top:100px;}
.whoweare-btm .content-column{width:40.7292%;max-width:785px;min-width:650px;}
.whoweare .bottomimg{float:left;bottom:0px;position:absolute;width:100%;z-index:5;}
.ie .whoweare .bottomimg{height:590px;bottom:0px;}
.unknown_browser .whoweare .bottomimg{height:100%;}
.bottomimg svg{display:block;}
.swatch-white .decor,[class*="swatch-"] .swatch-white .decor{fill:#fff;stroke:#9d9d9d;}
.decor{display:block;margin:0 auto;position:relative;}
.decor-top{bottom:100%;pointer-events:none;}
[class*="decor-"]{height:100%;left:0;position:absolute;width:100%;}
.swatch-lightblue .decor{fill:#bcedfc;stroke:#fff;}
.swatch-gray .decor{fill:#282828;stroke:#fff;}
.whoweare-mid [class*="decor-"],.swatch-gray [class*="decor-"]{height:100%;}
.whoweare-btm .decor-top{bottom:31%;}
.bottomimg .decor-top{height:71%;top:0;}
.whoweare .parallex{height:1020px;width:100%;bottom:0;left:0;min-height:100%;position:absolute;right:0;top:0;z-index:2;}
.whoweare .w1{background:url(../images/ws1.png) no-repeat left 69px;background-attachment:fixed;}
.whoweare .w2{background:url(../images/ws2.png) no-repeat left 69px;background-attachment:fixed;}
.masklayer{display:block;float:none;left:52%;margin:auto;position:absolute;top:100px;z-index:2;}
.whatwedo p{margin-bottom:7px;}
.whatwedo .decor-top{top:0;z-index:5;}
.whatwedo h5{margin-bottom:20px;margin-top:0;}
.whatwedo h6{font-size:25px;margin-top:23px;}
.whatwedo .content-column{text-align:center;}
.whatwedo .mCSB_inside > .mCSB_container{padding-bottom:2em;}
.strategizing-section .mCSB_inside > .mCSB_container{padding-bottom:9em;}
.storytelling-section .mCSB_inside > .mCSB_container{padding-bottom:16em;}
.marketing-section .mCSB_inside > .mCSB_container{padding-bottom:4em;}
.branding-section .mCSB_inside > .mCSB_container,.creative-section .mCSB_inside > .mCSB_container{padding-bottom:3em;}
.socialcomm-section .mCSB_inside > .mCSB_container{padding-bottom:18em;}
.webhosting-section .mCSB_inside > .mCSB_container{padding-bottom:21em;}
.research-section{height:818px;}
.research-section .decor-top{left:auto;right:0;width:69%;position:fixed;top:82px;}
.research-section .content-column{margin-left:0;margin-top:240px;max-width:625px;width:50%;}
.research-section .title{right:8%;top:49.5%;width:61.5%}
.strategizing-section{height:1250px;background:#fff;z-index:5;}
.strategizing-section .decor-top{max-width:1411px;}
.strategizing-section .title{bottom:53%;left:52px;}
.strategizing-section .content-column{height:516px;margin-right:-8px;margin-top:447px;width:43%;}
.branding-section{height:1094px;z-index:6;background:#fff;}
.branding-section .decor-top{margin-top:-197px;}
.swatch-lightblue .decor-top{left:auto;z-index:6;}
.branding-section .content-column{margin-left:1%;margin-top:98px;width:38.7%;height:530px;}
.branding-section .title{right:15.2%;top:25.5%;}
.swatch-lightblue .title h1{color:#5f5f5f}
.swatch-lightblue .title h4{color:#282828;margin-left:8px;}
.storytelling-section{height:1431px;background:#fff;z-index:7;margin-top:-217px;}
.storytelling-section.swatch-lightblue .decor-top{z-index:1}
.storytelling-section .title{position:static;margin-bottom:85px}
.storytelling-section .content-column{margin-right:0;max-width:777px;width:51%;margin-top:57px;}
.storytelling-section .content-scroll{height:558px;}
.sidepic{left:-200px;position:absolute;top:-176px;width:50%;z-index:6;}
.creative-section{height:995px;z-index:7;margin-top:-4px;}
.creative-section .content-column{margin-left:0;margin-top:-130px;width:50%;max-width:705px;}
.creative-section .title{right:50.6%;top:49.1%;width:auto;}
.creative-section .title h2{color:#5f5f5f}
.creative-section .title h4{color:#282828;margin-left:7px;margin-top:1px;}
.creative-section .decor-top{height:89%;left:auto;right:-16px;top:-150px;width:54%;}
.creative-section .blockBottom{height:500px;right:22.45%;top:224px;transform:rotate(-46deg);-moz-transform:rotate(-46deg);-webkit-transform:rotate(-46deg);-ms-transform:rotate(-46deg);-o-transform:rotate(-46deg);width:1000px;border-top:1px solid #acacac}
.technology-section{height:1311px;margin-bottom:515px;z-index:7;margin-top:-352px;}
.technology-section .technology-inner{background:url(../images/technologybgp.png) no-repeat 0 0;margin-top:-130px;float:left;width:100%;}
.technology-section .masking{background:#fff url(../images/technologybg.jpg) no-repeat 0 100%;top:100%;height:518px;position:absolute;width:100%;z-index:6}
.technology-section .blockBottom{height:195px;left:45.2%;top:-165px;transform:rotate(-47.6deg);-moz-transform:rotate(-47.6deg);-webkit-transform:rotate(-47.6deg);-ms-transform:rotate(-47.6deg);-o-transform:rotate(-47.6deg);width:533px;}
.technology-section .content-column{margin-left:5.9%;margin-top:784px;max-width:783px;width:52%;}
.technology-section .content-scroll{height:480px;}
.technology-section .title{position:static;text-align:left;margin-bottom:50px;width:100%;}
.technology-section .title h2{color:#5f5f5f}
.technology-section .title h4{color:#282828}
.socialcomm-section{height:1641px;z-index:7;}
.socialcomm-section .content-column{margin-left:0;margin-top:200px;width:45%;height:655px;max-width:774px;}
.socialcomm-section .decor-top{right:0;left:auto;top:0;}
.socialcomm-section .title{top:32%;width:56%;right:0;}
.socialcomm-section .image{position:absolute;right:0;top:-122px;width:66%;height:100%;}
.socialcomm-section .masking{background:#fff;border-top:1px solid #afafaf;height:615px;max-width:943px;position:absolute;right:97%;top:73%;transform:skewY(-45deg);-moz-transform:skewY(-45deg);-webkit-transform:skewY(-45deg);-ms-transform:skewY(-45deg);-o-transform:skewY(-45deg);width:100%;}
.marketing-section{background:#fff url(../images/marketingbg.jpg) no-repeat 0 0;height:1371px;margin-top:-569px;z-index:6;background-size:100% auto;}
.marketing-section .content-column{z-index:8;margin-left:13%;margin-top:213px;width:42%;}
.marketing-section .content-scroll{height:560px;}
.marketing-section .title{margin-bottom:95px;}
.marketing-section .image{height:638px;position:absolute;right:59px;top:446px;width:638px;}
.marketing-section .masking{background:#fff;border-top:1px solid #afafaf;height:615px;max-width:600px;position:absolute;right:37%;top:79%;transform:skewY(-45deg);-moz-transform:skewY(-45deg);-webkit-transform:skewY(-45deg);-ms-transform:skewY(-45deg);-o-transform:skewY(-45deg);width:100%;}
.marketing-section .decor-top{z-index:9;}
.webhosting-section{background:#fff;height:1000px;z-index:6}
.webhosting-section .image{height:636px;left:56px;position:absolute;bottom:77%;max-width:635px;width:41.25%;background-size:100% auto;}
.webhosting-section .title h2{color:#5f5f5f;}
.webhosting-section .title h4{color:#282828;}
.webhosting-section .content-column{margin-right:132px;margin-top:-151px;max-width:780px;width:57%;}
.webhosting-section .content-scroll{height:630px;padding-top:52px;}
.webhosting-section .title{position:static;text-align:left;width:100%;margin-bottom:30px;}
.seo-section{background:#fff;height:1091px;z-index:6}
.seo-section .content-column{margin-left:-7%;margin-top:-119px;max-width:790px;width:56%;}
.seo-section .title{margin-bottom:73px;}
.seo-section .content-scroll{height:500px;}
.seo-section .decor-top svg{position:absolute;right:0;width:100%;}
.marketing-section .title{position:static;width:100%;text-align:left;}
.seo-section .title{max-width:795px;right:40px;width:100%;top:-260px;}
.marketing-section .title h2,.seo-section .title h2{color:#5f5f5f}
.marketing-section .title h4,.seo-section .title h4{color:#282828}
.services-inner{float:left;position:relative;min-width:100%;width:100%;z-index:14;}
.services-inner .content-column{float:right;margin-right:0;max-width:777px;text-align:left;width:50%;font-size:16px;line-height:24px;margin-top:150px;margin-bottom:80px;background:transparent}
.services-inner .w1{background:url(../images/w1_blue.png) no-repeat center top;position:fixed;top:67px;left:0;}
.services-inner .services-bg{background:url(../images/design-services-bg.jpg) no-repeat center top;position:absolute;top:0;left:0;bottom:0;right:0;}
.mavenpro{font-family:'maven_probold' !important;font-size:60px;text-transform:capitalize !important;color:#000;}
.mt-4{margin-bottom:40px}
.pt-4{padding-top:100px}
.services{margin-bottom:50px;}
.services h3{margin:0;text-align:center;font-family:'maven_probold';font-size:54px;color:#000;position:relative;padding-bottom:10px;}
.services h3::after{position:absolute;left:0;right:0;bottom:0;content:'';height:4px;width:78px;margin:auto;background:#4F58A5}
.services h3::before{position:absolute;left:0;right:0;bottom:1px;width:200px;height:1px;background:#C5C5C5;content:"";margin:auto;}
.services-inner .title{position:static;width:auto;}
.services-inner h2{text-transform:uppercase;font-size:40px;margin-top:20px;}
.services-inner h4{color:#5f5f5f;font-size:30px;}
.services-inner li{width:48%;display:inline-block;margin-bottom:5px;vertical-align:top;}
.services-inner .decor-top{height:729px;top:0;width:1043px;}
.wrapper .quality-img{height:596px;max-width:1580px;position:absolute;right:0;top:48.8%;top:49.9%\9;width:95%;z-index:9;}
.qualityassurance{float:left;width:100%;background:#fff;}
.quality-text{margin-bottom:150px;}
.quality-textbg{float:left;width:100%;height:850px\9;}
.quality-text .container{position:absolute;top:0;left:0;right:0;}
.quality-text .content-column{margin-top:120px;margin-bottom:100px;color:#9d9d9d;min-width:300px;width:29%;}
.defines-and-guides{background:#f5f6f7;padding:275px 0 320px;padding-bottom:370px\9;margin-top:-80px;}
.defines-and-guides .swatch-white{height:378px\9;}
.defines-and-guides .swatch-white ul p{margin-top:3px;line-height:28px;}
.defines-and-guides .swatch-white.top,.defines-and-guides .swatch-white.bottom{position:absolute;left:0;right:0;}
.defines-and-guides .swatch-white.top{top:0;}
.defines-and-guides .swatch-white.bottom{bottom:0;}
.defines-and-guides .content-column{max-width:1194px;min-width:inherit;width:100%;}
.defines-and-guides .content-column li{float:none;display:inline-block;height:382px;margin:0 -6%;padding:20px;width:33.33%;}
.defines-and-guides .content-column li.green{background:url(../images/greenbg.png) no-repeat 0 0;z-index:3}
.defines-and-guides .content-column li.blue{background:url(../images/bluebg.png) no-repeat 0 0;z-index:2}
.defines-and-guides .content-column li.pink{background:url(../images/pinkbg.png) no-repeat 0 0;z-index:1}
.defines-and-guides .content-column > h5{margin-bottom:0.3em}
.defines-and-guides .content-column li.gray{background:url(../images/graybg.png) no-repeat 0 0;}
.defines-and-guides .content-column li:before{display:none;}
.defines-and-guides .content-column li > div{text-align:left;font-size:25px;display:table;height:86%;width:90%;}
.defines-and-guides .content-column li > div span{display:table-cell;vertical-align:middle;padding:40px 40px 40px 60px;}
.defines-and-guides .content-column strong{display:block;line-height:28px;}
.defines-and-guides .arrow{position:absolute;right:29px;bottom:0;content:"";}
.defines-and-guides .content-column p{margin-bottom:30px;}
.defines-and-guides .content-column ul{float:none;margin-right:-6%;text-align:center;}
.quality-btm{margin-bottom:150px;margin-top:-50px;}
.quality-btm .content-column li:before{position:static;background:none;}
.quality-btm .content-column{max-width:600px;}
.quality-btm .swatch-white li{margin-bottom:5px;}
.whats-storytop{background:url(../images/whats_story.jpg) no-repeat 0 0;height:1040px;background-size:cover;background-attachment:fixed;}
.whats-storybtmpath{height:490px;}
.whats-storybtm{overflow:hidden;background:#fff;}
.whats-storybtm .bottomimg{float:left;position:absolute;top:216px;width:100%;z-index:5;height:615px}
.whats-storybtm .content-column{max-width:800px;padding-bottom:400px;width:41.729%;}
.portfolio{background:#efefef;padding:58px 0;float:left;width:100%;}
.home .portfolio{background:none;padding:0;}
.portfolio .item{float:left;width:25%;position:relative;font-size:18px;overflow:hidden;color:#fff;}
.portfolio .item a{color:#fff;}
.portfolio .content{background:rgba(0,0,0,0.7);position:absolute;top:13px;right:13px;bottom:13px;left:13px;text-align:center;text-transform:uppercase;opacity:0;transition:opacity 1s ease;-moz-transition:opacity 1s ease;-webkit-transition:opacity 1s ease;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);}
.portfolio-content a{color:#5f5f5f;}
.portfolio .item:hover .content{opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=1);}
.portfolio .item h2{color:#fff;font-size:36px;position:relative;}
.portfolio .item img{width:100%;transition:all 2s ease 0s;-moz-transition:all 2s ease 0s;-webkit-transition:all 2s ease 0s;}
.portfolio .item:hover img{transform:scale(1.1);-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);}
.portfolio .big h2{font-size:60px;margin:0.88em 0 1.25em;}
.item.big{width:50%;}
.portfolio .more-btn{font-size:60px;position:static;display:inline-block;line-height:0.5;}
.portfolio .big .more-btn{font-size:100px;}
.portfolio .content > *{position:absolute;left:0;right:0;top:50%;transform:translateY(-27%);-webkit-transform:translateY(-27%);-o-transform:translateY(-27%);-moz-transform:translateY(-27%);-ms-transform:translateY(-27%);padding:0 10px;}
.portfolio .item .content > *:before,.portfolio .item .content > *:after{background:#a4a4a4;content:"";height:60px;position:absolute;transform:rotate(43deg);-moz-transform:rotate(43deg);-webkit-transform:rotate(43deg);-ms-transform:rotate(43deg);-o-transform:rotate(43deg);width:2px;height:90px;}
.portfolio .item .content > *:before{left:72%;top:-56%;}
.portfolio .item .content > *:after{bottom:-16%;left:29%;}
.portfolio .big .content > *:before,.portfolio .big .content > *:after{transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);}
.portfolio .big .content > *:before,.portfolio .big .content > *:after{width:3px;height:255px;}
.portfolio .big .content > *:before{left:72%;top:-88%;}
.portfolio .big .content > *:after{bottom:-38%;left:27%;}
.portfolio-img-container{width:100%;float:left;background:#f4f4f4;text-align:center;padding:60px 50px;margin-top:15px;}
.portfolio-img-container img{text-align:center;display:inline-block;}

.sin-mob1{margin-right: 30px;margin-top: 70px;}
.sin-mob2{margin-top: -70px;}
.sin-mob3{margin-left: 30px;margin-top: 80px;}

.full_img{margin-top:127px;text-align:center;}
.full_img img{display:inline-block}
.vemanya-banner{background:url(../images/portfolio/vemanya/portfolio-vemanya-banner.jpg) no-repeat center center;background-size:cover;}
.navrasa-banner{background:url(../images/portfolio/navrasa/navrasa-banner_m.jpg) no-repeat center center;background-size:cover;}
.shopkhoj-banner{background:url(../images/portfolio/shopkhoj/shopkhoj-banner.jpg) no-repeat center center;background-size:cover;}
.agro-banner{background:url(../images/portfolio/agro-solvent/agro-bannner_m.jpg) no-repeat center center;background-size:cover;}
.j_rocket-banner{background:url(../images/portfolio/johny/portfolio-johnny-banner.jpg) no-repeat center center;background-size:cover;}
.maiden-banner{background:url(../images/portfolio/maiden/portfolio-maiden-banner.jpg) no-repeat center center;background-size:cover;}
.pernod-banner{background:url(../images/portfolio/pernod_ricard/portfolio-perno-banner.jpg) no-repeat center center;background-size:cover;}
.subway-banner{background:url(../images/portfolio/subway/portfolio-subway-banner.jpg) no-repeat center center;background-size:cover;}
.max-banner{background:url(../images/portfolio/max-heathcare/max-healthcare-banner.jpg) no-repeat center center;background-size:cover;}
.dalmia-banner{background:url(../images/portfolio/dalmia/banner-dalmina.jpg) no-repeat right center;background-size:cover;}
.teacher-banner{background:url(../images/portfolio/teacher/teacher-banner.jpg) no-repeat right center;background-size:cover;}
.mescos-banner{background:url(../images/portfolio/mescos/mescos-banner.jpg) no-repeat right center;background-size:cover;}
.dulux-banner{background:url(../images/portfolio/dulux/banner-dulux.jpg) no-repeat center center;background-size:cover;}
.trident-banner{background:url(../images/portfolio/trident/banner-trident.jpg) no-repeat center center;background-size:cover;}
.dish-banner{background:url(../images/portfolio/dish/dish_banner_image.jpg) no-repeat center center;background-size:cover;}
.liberty-banner{background:url(../images/portfolio/liberty/liberty_banner.jpg) no-repeat center center;background-size:cover;}
.max_bupa-banner{background:url(../images/portfolio/max-bupa/max-bupa-banner.jpg) no-repeat center center;background-size:cover;}
.recharge_adda-banner{background:url(../images/portfolio/recharge_adda/adda_banner.jpg) no-repeat center center;background-size:cover;}
.greenply-banner{background:url(../images/portfolio/greenply/greenply-banner.jpg) no-repeat center center;background-size:cover;}
.fitness-banner{background:url(../images/portfolio/fitness/freestyle-1400x650.jpg) no-repeat right center;background-size:cover;display:none;}
.margin_top{margin-top:85px;}
.pad_60{padding-top:60px}
.banner iframe{width:100%;height:768px;}
.banner_text{padding:250px 0;position:relative;z-index:2;margin-left:7.1%;width:53%;text-transform:uppercase;}
.banner_text h1{line-height:0.89;color:#fff;font-size:65px;}
.portfolio-block{width:100%;float:left;padding:55px 0 53px;}
.portfolio-block.mar-big{padding:166px 0 0;}
.portfolio-grayBg{background:#f4f4f4;}
#cs_menu_wrapper{float:left;width:20%;}
.portfolio-sidebar{width:20%;min-width:370px;float:left;text-align:center;margin-top:-15px;padding-right:4%;transition:all 0.6s ease 0s;-moz-transition:all 0.6s ease 0s;-webkit-transition:all 0.6s ease 0s;}
.portfolio-sidebar svg{position:absolute;left:0px;top:0;z-index:-1}
.sticky-sidebar{z-index:9;position:relative;padding:4.7rem 20px;width:180px;background:#fff;margin-left:0;}
.portfolio-sidebar.affix{padding-top:3px;position:fixed !important;top:131px;z-index:99;margin-top:0;}
.portfolio-sidebar.overlap{-webkit-transition-delay:0.35s;transition-delay:0.35s;-moz-transition-delay:0.35s;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);}
.portfolio-sidebar.hover{opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=1);}
.portfolio-sidebar ul{list-style:none;margin:0;background:#fff;display:inline-block;}
.portfolio-sidebar li{font-size:18px;line-height:33px;margin-bottom:8px;}
.portfolio-sidebar li a{color:#9d9d9d;}
.portfolio-sidebar li.active a, .portfolio-sidebar li a:hover{color:#282828;}
.portfolio-single .portfolio-content{color:#5f5f5f;font-size:18px;line-height:25px;margin-left:20%;margin-right:8%;margin-top:-4px;}
.portfolio-content h3{font-size:38px;margin:0 0 26px;color:#282828;}
.portfolio-content h4{font-size:20px;margin:30px 0;color:#282828;}
.portfolio-content p{margin:0 0 32px;}
.portfolio-video{width:100%;float:left;position:relative;}
.portfolio-video-play{width:53px;height:37px;position:absolute;left:50%;top:50%;margin-left:-26.5px;margin-top:-18.5px;background:none;border:none;}
.portfolio-half-l{width:44.5%;display:inline-block;text-align:right;margin:0 .5% 0 0;}
.maxhealthcare .portfolio-half-l{width:46.5%;}
.portfolio-half-r{width:44.5%;display:inline-block;text-align:left;margin:0 0 0 .5%;}
.maxhealthcare .portfolio-half-r{width:42%;}
.nopad-top{padding-top:0;}
.nopad-bottom{padding-bottom:0;}
.portfolio-block.last{min-height:800px;overflow:hidden;}
.margin{margin:45px 0;float:left;width:100%;}
.margin-top{margin-top:45px;}
.margin-bottom{margin-bottom:45px;}
.map-container{position:relative;float:left;width:100%;height:425px;margin-top:0px;overflow:hidden;}
.map-container iframe{margin-top:-151px;transition:all 0.5s ease;-moz-transition:all 0.5s ease;-webkit-transition:all 0.5s ease;pointer-events:none;}
.contact-main .container{max-width:1810px;width:94%;}
.contact-main .container > *{float:left;width:50%;padding:50px 0;}
.address-container.left-div{padding-top:50px;}
.address{float:left;font-size:16px;line-height:22px;width:90%;margin-bottom:30px;}
.address > div{float:left;padding-right:5%;width:50%;}
.address > .map{padding-right:0;}
.address h6{font-size:30px;margin-top:0;}
.address p{margin-bottom:5px;}
.address p strong{font-size:18px;line-height:24px;display:block;}
.address ul{float:left;list-style:none;padding-left:0;margin-left:0;}
.address li{float:left;clear:both;padding:0 0 3px!important;}
.address label{float:left;text-align:left;width:55px;padding-right:5px;}
.address li span{float:left;}
a.mailto{font-size:16px;line-height:22px;text-align:left;color:#5f5f5f}
.contact-main{position:relative;float:left;width:100%;}
.min-height{width:100%;float:left;height:100%;min-height:781px;background-color:#282828;}
.contact-main .content-column{background:#5f5f5f;max-width:inherit;padding:1.5rem;z-index:100;width:100%;}
.contact-main .content-column h1{color:#fff;margin:0;padding-bottom:0px;position:relative;z-index:1;}
#map-india{height:100%;width:100%;}
#map-uae{width:100%;height:100%;}
#map-oman{width:100%;height:100%;}
.contact-main .gcaptcha-wr{float:left;width:50%;}
.contact-main .g-recaptcha{width:100%;}
a.Enquire-form-clk{color:#4dbeee;font-size:16px;display:none;}
p.enq-form-msg{font-size:20px;line-height:22px;color:#5f5f5f;text-align:center;}
p.enq-form-msg a{color:#4dbeee;}
.contact-main .form-area .btn-submit{max-width:inherit;width:50%;}
.mapcont{display:block;width:100%;height:100%;}
.contact-form h2.apply-now{text-align:center;float:none;}
.contact-form .success-msg{margin-top:30px;}
#client{background:#efefef;}
.news-banner{background:url(../images/news-banner.jpg) no-repeat 0 0;height:700px;background-size:cover;background-attachment:fixed;}
.news-banner h1{margin-left:95px;}
.news-listing .container{max-width:1554px;}
.news-listing .item{color:#5f5f5f;display:inline-block;font-size:16px;margin:0 5.95% 4%;padding-bottom:30px;position:relative;text-align:left;vertical-align:top;width:21.23%;}
.news-listing .item:nth-child(3n+1){clear:left;}
.entry-date{color:#9d9d9d;padding-bottom:11px;margin-bottom:30px;border-bottom:9px solid #e1e1e1;font-size:20px;display:none;}
.entry-title{margin-top:0;font-size:20px;position:relative;}
.news-listing .entry-title{padding-top:20px;}
.news-listing .entry-title:before{height:5px;background:#e1e1e1;position:absolute;top:0;left:0;width:60px;content:"";}
.entry-title a{color:#263b92}
.news-listing .more-btn{font-size:36px;top:auto;bottom:0;}
.news-detail{padding-top:50px;padding-bottom:50px;margin-bottom:50px;font-size:14px;line-height:21px;min-height:550px;}
.news-detail .thumbnail{margin-bottom:30px;text-align:center;}
.news-detail .thumbnail img{display:inline-block}
.news-detail .entry-content{position:relative;padding-bottom:120px;}
.news-inner{background:rgba(0, 0, 0, 0) url("../images/news-banner.jpg") no-repeat fixed 0 0/cover;height:482px;}
.lifeatolive-page .container{max-width:1810px;width:95%;}
.lifeatolive-page .content-column{max-width:inherit;min-width:inherit;float:left;width:100%;margin-top:90px;margin-bottom:120px;text-align:left;}
.text{font-size:18px;line-height:22px;position:absolute;text-align:left;}
.midright{bottom:183px;right:0;width:385px;}
.bottomleft{bottom:0;left:0;width:718px;text-align:right;}
.bottomright{bottom:10px;right:0;width:562px;}
#tabs{float:left;padding:0;position:relative;width:100%;font-size:20px;}
#tabs > div{float:left;width:100%;display:none;}
#tabs ul.tabs{position:absolute;bottom:0;left:36%;z-index:1;width:29.45%;list-style:none;min-width:280px;padding-right:138px;margin:0;}
#tabs .title{width:100%;margin-bottom:50px;}
#tabs .services-img{width:28.204%;float:left;height:388px;}
#tabs .services-content{width:31.977%;float:right;position:relative;}
#tabs h5.tab-content-title{margin:0 0;}
#tabs h4, #tabs h2{margin:0px;line-height:1;}
#tabs h2, #tabs h5.tab-content-title{color:#282828;text-transform:uppercase;}
#tabs h5.tab-content-title{text-transform:none;margin-bottom:20px;line-height:1;}
#tabs ul li{font-size:25px;line-height:25px;margin-bottom:15px;color:#9d9d9d;}
#tabs ul li a{color:rgb(95, 95, 95);position:relative;text-transform:uppercase;}
#tabs ul li a:hover,#tabs ul.tabs li a.active,#tabs ul.tabs li.actacc a{color:#282828;}
.tabs li .more-btn{font-size:25px;line-height:22px;position:static;display:inline;vertical-align:middle;}
#tabs ul li.active{color:#282828;}
.services-section{position:relative;}
.separator{position:relative;}
.services-section .separator{bottom:0;height:438px;left:58%;position:absolute;}
.services-section > .container{position:static;}
.separator:before{height:435px;width:1px;background:#767676;content:'';display:block;position:absolute;transform:rotate(16deg);-moz-transform:rotate(16deg);-webkit-transform:rotate(16deg);-ms-transform:rotate(16deg);-o-transform:rotate(16deg);top:-7px;right:0px;margin:auto;left:0px;}
.tab-content .more-btn{bottom:-30px;top:inherit;right:-4px;}
ul.tab-navigation li.active{color:#000;}
.mapHidden{width:100%;overflow:hidden;}
.career-page .title-div{position:relative;float:left;width:100%;margin-bottom:10px;}
.career-page .title-div .decor-top{bottom:-1px;}
.career-page .title{text-align:center;top:33%;width:100%;}
.title-div > img{margin-bottom:10px;width:100%;}
.career-page .container{text-align:center;clear:both;}
.job-listing{color:#5f5f5f;float:left;font-size:20px;margin-top:39px;width:100%;}
.job-listing h2{font-size:40px;margin-bottom:10px;margin-top:0;}
.job-listing .job-item{float:left;width:50%;margin-bottom:60px;padding:0 20px;}
.job-listing .job-item:nth-child(2n+1){clear:left;}
.job-listing a{color:#5f5f5f}
.job-listing .job-item:hover *{color:#9d9d9d;}
.writeup{background:#b2003c;color:#fff;max-width:654px;position:absolute;right:10%;top:80px;width:50%;padding:49px 63px 30px;font-size:16px;line-height:20px;}
.writeup h2{color:#fff;line-height:0.8;margin-top:0;font-size:40px;margin-bottom:0.95em;}
.writeup h6{color:#fff;}
.writeup h6 span{color:#fff;font-size:22px;display:block;}
.writeup p{margin-bottom:20px;}
.career-inner .title-div{background:url(../images/creative-banner.jpg) no-repeat center center;background-attachment:fixed;background-size:cover;float:left;width:100%;height:901px;margin-bottom:0;}
.career-front .title-div{background:url(../images/creative-banner.jpg) no-repeat center center;background-attachment:fixed;background-size:cover;float:left;width:100%;height:901px;margin-bottom:0;}
.career-inner .job-listing{margin-top:-66px;}
.career-inner .job-item{width:100%;margin-bottom:60px;}
.page-title{width:100%;float:left;background:#ebebeb;min-height:510px;position:relative;}
.page-title .decor{bottom:-1px;}
.page-title .decor-top{top:0px;background:#9e113f}
.page-title .decorg{top:0;position:absolute;}
.page-title .title{vertical-align:middle;font-size:90px;text-align:center;color:#381010;text-transform:uppercase;padding-top:111px;left:0;right:0;color:#fff;width:auto;}
.full-grey-bg{width:100%;float:left;background:#ebebeb}
.career-posts .content-column{max-width:890px;width:100%;text-align:left;color:#5f5f5f;padding-bottom:30px;}
.career-posts p{padding-bottom:30px;}
.career-posts h6{margin-bottom:1em;}
.login-form-strip{width:100%;float:left;margin-top:30px;}
.form-container{float:left;padding-bottom:50px;width:100%;display:none}
.career-posts .title h1{color:#fff}
.form-container h2{float:left;color:#5f5f5f;margin:0;font-size:50px;text-transform:uppercase;margin-bottom:30px;}
.req-text{float:right;margin-top:28px;}
.req-text a{color:#5f5f5f;font-size:18px;text-align:left;padding-right:35px;background:url(../images/linked-in.png) no-repeat right 0px;padding-top:9px;display:block;}
.req{color:#9d9d9d;float:right;font-size:17px;margin-top:0;padding:5px 0;}
.req sup{font-size:125%;top:3px;}
.form-area{width:100%;float:left;}
.form-area .input-box{width:100%;float:left;padding-bottom:20px;margin-bottom:10px;position:relative;}
.form-area .input-text{background:#ebebeb;padding:13px 25px;border:none;width:100%;font-size:20px;line-height:25px;}
.form-area .input-text:focus{outline:0px;}
.form-area .btn-submit{background:#74c8ac;color:#5f5f5f;text-align:center;border:none;float:right;text-transform:uppercase;font-size:24px;vertical-align:middle;display:table-cell;height:75px;padding:0 25px;max-width:260px;width:100%;}
.btn-group{width:100%;float:left;padding-bottom:25px;padding-top:13px;}
.btn-group .error-msg{padding-left:5px;}
.btn-group .btn-submit{float:left;text-transform:capitalize;margin-right:38px;}
.file-upload-button{background:#74c8ac;color:#5f5f5f;text-align:center;border:none;float:left;text-transform:uppercase;font-size:18px;line-height:63px;vertical-align:middle;display:table-cell;height:62px;padding:0 25px;max-width:260px;text-transform:capitalize;margin-right:38px;}
.file-upload-wrapper .file-upload-input{border:0px solid;float:right;margin:40px 0 0;width:75%;}
.grey-triangle{transform:rotate(9.9deg) translateY(52px);-moz-transform:rotate(9.9deg) translateY(52px);-webkit-transform:rotate(9.9deg) translateY(52px);-ms-transform:rotate(9.9deg) translateY(52px);-o-transform:rotate(9.9deg) translateY(52px);}
.input-box span{font-size:14px;position:static;bottom:0;left:5px;bottom:0;}
.error-msg{color:#ff0000;float:left;font-size:14px;width:100%}
.success-msg{color:#0b982f;font-size:16px;text-align:center;}
.ourteam-page .container{max-width:1554px;}
.ourteam-page .title-div{position:relative;margin-bottom:80px;height:320px;}
.ourteam-page .title-div h1{bottom:auto;left:0;text-align:center;top:43%;transform:translateY(-50%);-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);width:30%;z-index:9;text-transform:none;position:absolute;color:#fff;margin:0;}
.ourteam-page .decor-top{bottom:-1px;position:static;}
.team-listing{margin:0 -1%;}
.job-team{font-size:16px;line-height:20px;color:#9d9d9d;text-align:center;float:left;width:23%;margin:0 1% 70px;text-align:center;background:#fff;}
.job-team:nth-child(4n+1){clear:left;}
.job-team > *{padding:0 20px;margin-bottom:20px;}
.job-team img{margin-bottom:49px;padding:0;display:inline-block;}
.job-team h2{font-size:15px;line-height:19px;color:#9d9d9d;}
.job-team .job-title{color:#282828;}
.job-team .name{text-transform:uppercase;margin-top:0;margin-bottom:5px;}
.gm-title{font-size:20px;}
.ie .socialcomm-section .decor-top{width:66%}
*::-ms-backdrop, .ie11 .socialcomm-section .decor-top{width:100%}
.ie .socialcomm-section .title{right:250px}
.ipad-show{display:none;}
.position-below{position:relative;top:10px;}
.overflow_ul{overflow-y:scroll;}
.four-0-four .inner-wr{max-width:700px;margin:0px auto;margin-bottom:19.4%;border:1px solid rgb(215, 215, 215);box-shadow:-2px 1px 14px 4px rgb(239, 239, 239);}
.four-0-four .inner-wr h1{font-size:180px;text-align:center;line-height:152px;}
.four-0-four .inner-wr p{margin:0px;padding:5px;font-size:36px;text-align:center;background:rgb(243, 243, 243) none repeat scroll 0% 0%;border-top:1px solid rgb(215, 215, 215);}
.tecnies .leftdiv, .tecnies .rightdiv{display:inline-block;width:49%;vertical-align:top;}
.tecnies ul li{width:100%;}
.tecnies p{font-weight:bold;}
.iebrowser .quality-textbg{height:810px;}
.defines-and-guides .swatch-white.bottom .decor{bottom:0px;}
.iebrowser .defines-and-guides .top.swatch-white, .iebrowser .defines-and-guides .bottom.swatch-white{height:357px}
.client-main .client-container{max-width:1170px;width:100%;margin:0 auto;}
.client-main .client-container .client-images{float:left;vertical-align:top;max-width:263px;width:100%;padding:5px;background:#fff;margin:0 14px 30px 14px;}
.client-main .client-container .client-images.client-main .client-container img{max-width:100%;}
.client-main .client-container img.hover{display:none;}
.client-main .client-container .client-images:hover img.gray{display:none;}
.client-main .client-container .client-images:hover img.hover{display:block;}
.clr.bottompad{margin-bottom:30px;}
.clr{clear:both;}
.mean-container .mean-nav ul li a.mean-expand{line-height:32px;}
h1.font_42{font-size:42px;font-weight:normal;}
#tabs ul.tabs{top:170px;}
.wm-ab svg{position:absolute;bottom:52px;}
.whoweare-text-ab{float:left;width:100%;background-image:url("../images/banner-bg-abt-us.jpg");background-attachment:fixed;background-size:cover;}
.whoweare-text-ab h1{font-size:60px;color:#fff}
.whoweare-text-ab p{color:#9d9d9d}
.whoweare-text-ab .container{margin-top:139px;margin-bottom:0px;}
.whoweare-text-ab .content-column{width:40%}
.about-banner-bottom{margin-bottom:-1px;}
.whoweare-btm-ab{margin-top:0px;padding-top:0px;}
.fade-ab{position:relative;margin-top:20px;}
.fade-ab span{position:absolute;display:block;text-align:center;width:100%;font-size:30px;font-weight:lighter;text-transform:uppercase;line-height:60px;color:#5f5f5f;margin-top:0;margin-bottom:0;font-family:"latolight";}
.fdtext1{animation:pulse1 15s infinite;-webkit-animation:pulse1 15s infinite;}
@keyframes pulse1{0%{opacity:1;}
5%{opacity:1;}
30%{opacity:1;}
32%{opacity:0;}
95%{opacity:0;}
100%{opacity:1;}
}
@-webkit-keyframes pulse1{0%{opacity:1;}
5%{opacity:1;}
30%{opacity:1;}
32%{opacity:0;}
95%{opacity:0;}
100%{opacity:1;}
}
.fdtext2{animation:pulse2 15s infinite;-webkit-animation:pulse2 15s infinite;}
@keyframes pulse2{0%{opacity:0;}
35%{opacity:0;}
40%{opacity:1;}
90%{opacity:1;}
100%{opacity:0;}
}
@-webkit-keyframes pulse2{0%{opacity:0;}
35%{opacity:0;}
40%{opacity:1;}
90%{opacity:1;}
100%{opacity:0;}
}
.fdtext3{animation:pulse3 15s infinite;-webkit-animation:pulse3 15s infinite;}
@keyframes pulse3{0%{opacity:0;}
40%{opacity:0;}
45%{opacity:1;}
90%{opacity:1;}
100%{opacity:0;}
}
@-webkit-keyframes pulse3{0%{opacity:0;}
40%{opacity:0;}
45%{opacity:1;}
90%{opacity:1;}
100%{opacity:0;}
}
.fdtext4{animation:pulse4 15s infinite;-webkit-animation:pulse4 15s infinite;}
@keyframes pulse4{0%{opacity:0;}
45%{opacity:0;}
50%{opacity:1;}
90%{opacity:1;}
100%{opacity:0;}
}
.fdtext5{animation:pulse5 15s infinite;-webkit-animation:pulse5 15s infinite;}
@keyframes pulse5{0%{opacity:0;}
50%{opacity:0;}
55%{opacity:1;}
90%{opacity:1;}
100%{opacity:0;}
}
@-webkit-keyframes pulse5{0%{opacity:0;}
50%{opacity:0;}
55%{opacity:1;}
90%{opacity:1;}
100%{opacity:0;}
}
.fdtext6{animation:pulse8 15s infinite;-webkit-animation:pulse8 15s infinite;}
@keyframes pulse6{0%{opacity:0;}
55%{opacity:0;}
60%{opacity:1;}
90%{opacity:1;}
100%{opacity:0;}
}
@-webkit-keyframes pulse6{0%{opacity:0;}
55%{opacity:0;}
60%{opacity:1;}
90%{opacity:1;}
100%{opacity:0;}
}
.fdtext7{animation:pulse8 15s infinite;-webkit-animation:pulse8 15s infinite;}
@keyframes pulse7{0%{opacity:0;}
60%{opacity:0;}
65%{opacity:1;}
90%{opacity:1;}
100%{opacity:0;}
}
.fdtext8{animation:pulse8 15s infinite;-webkit-animation:pulse8 15s infinite;}
@keyframes pulse8{0%{opacity:0;}
70%{opacity:0;}
75%{opacity:1;}
90%{opacity:1;}
100%{opacity:0;}
}
@-webkit-keyframes pulse8{0%{opacity:0;}
70%{opacity:0;}
75%{opacity:1;}
90%{opacity:1;}
100%{opacity:0;}
}
.text01{display:inline-block !important;position:relative !important;vertical-align:top;width:auto !important;}
.tabber-ow-ab{float:left;width:100%;}
.fdtext8{margin-top:10px!important;}
.fdtext7{left:-70px;margin-top:10px !important;position:relative;}
.tabing{width:100%;float:left;}
.tabing ul{margin:0px;padding:0px;list-style:none;width:100%;text-align:center;}
.tabing ul li{float:none;text-align:left;display:inline-block;position:relative;padding:0em 1em;}
.tabing ul li a{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);cursor:pointer;text-decoration:none;color:#666;-webkit-tap-highlight-color:rgba(0,0,0,0);margin-bottom:.4em;margin-right:.4em;font-size:30px;text-transform:uppercase;font-weight:700;}
.tabing ul li:after{content:'/';position:absolute;right:0px;top:0px;font-size:30px;color:#9d9d9d;}
.tabing ul li:last-child:after{content:'';}
.tab1{float:left;width:100%;}
.tab-content{float:left;}
.tab1.active{display:block}
.vids-text .fdtext1:before, .vids-text .fdtext1:after,.vids-text p.fdtext2:before, .vids-text p.fdtext2:after{background:rgb(171, 171, 171);content:"";height:1px;left:-14%;margin:auto;max-width:310px;position:absolute;right:0;top:-30px;width:100%;}
.vids-text .fdtext1:after,.vids-text p.fdtext2:after{bottom:-30px;top:auto;}
.vid_tex01{background:-moz-linear-gradient(top, rgba(255,255,255,0.4) 0%, rgba(255,255,255,0.4) 22%, rgba(255,255,255,0.2) 26%, rgba(252,252,252,0) 100%);background:-webkit-linear-gradient(top, rgba(255,255,255,0.4) 0%,rgba(255,255,255,0.4) 22%,rgba(255,255,255,0.2) 26%,rgba(252,252,252,0) 100%);background:linear-gradient(to bottom, rgba(255,255,255,0.4) 0%,rgba(255,255,255,0.4) 22%,rgba(255,255,255,0.2) 26%,rgba(252,252,252,0) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#66ffffff', endColorstr='#00fcfcfc',GradientType=0);bottom:0;position:absolute;top:0;width:100%;}
.mid-button{position:absolute;top:15%;width:100%;z-index:9999;}
a.next{background:rgba(0, 0, 0, 0) url("../images/sprite.png") no-repeat scroll -93px -197px;height:140px;position:fixed;right:0;text-indent:-9999px;top:45%;transform:scale(0.5);width:71px;}
a.perv{background:rgba(0, 0, 0, 0) url("../images/sprite.png") no-repeat scroll 0px -197px;height:140px;position:fixed;left:0;text-indent:-9999px;top:45%;transform:scale(0.5);width:71px;}
li.bottom-contact{display:none;}
.inner-pages header{background:#fff!important;}
h1.analytics{color:#fff!important;margin:0;text-transform:uppercase;}
.title h2{font-size:70px;color:#5f5f5f;margin:0;text-transform:uppercase;font-weight:bold;}
.swatch-lightblue .title h2{color:#5f5f5f;}
.meta-nav{display:none;}
h1.news{color:#fff;font-weight:normal;}
.vids-text p{display:block!important;text-align:left;position:relative;padding:20px 0;font-family:"latolight";color:#5f5f5f;}
.vids-text span.weare{color:#bcbcbc;font-size:36px;display:inline-block;vertical-align:top;font-family:"latobold";}
.vids-text p span.text01{color:#bcbcbc;font-size:34px;display:inline-block;vertical-align:top;font-family:"latolight";color:#5f5f5f;}
.vids-text p span.text02{color:#bcbcbc;font-size:34px;display:inline-block;vertical-align:top;font-family:"latolight";color:#5f5f5f;display:block;width:100%;text-align:left;}
.vids-text span b{color:#5f5f5f;}
.vids-text h3 p{display:inline-block;vertical-align:top;margin:13px 0 0 0;}
.vids-text h3 p span{opacity:1;display:block;}
.vids-text h3 p{position:absolute;}
p.fdtext2{left:76px;position:relative !important;top:-52px;}
p.fdtext2 label{display:block;margin:11px 0 0 60px;}
.color{position:absolute;top:0;bottom:0;width:100%;z-index:9999;background:rgba(255, 255, 255, .5);}
h2.research{color:#282828!important;font-size:60px!important;font-weight:normal!important;}
.video a{left:10%;position:absolute;top:50%;z-index:9999;}
.strm_video{background:rgba(0, 0, 0, 0.8);bottom:0;display:none;height:100%;left:0;padding:20px;position:fixed;top:0;width:100%;z-index:99999}
#vid1{width:100%;display:none;height:auto;}
.vids_up,.vids_down{width:100%;float:left;}
.videos{float:left;width:100%;position:relative;}
.video_container{float:left;width:100%;position:relative;height:800px;}
.video{width:100%;float:left}
.vids_overlay_txt{position:absolute;width:100%;left:0;right:0;margin:auto;max-width:1000px;color:#fff;text-align:center;z-index:2;top:55%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);-moz-transform:translateY(-50%);}
.vids_overlay_txt h2{font-size:145px;font-family:'maven_proregular';font-weight:400;margin-bottom:65px;line-height:145px;color:#898787;margin-top:0;}
.vids_overlay_txt h2 span{font-weight:700;color:#5f5f5f;}
.vids_overlay_txt p{font-size:34px;font-weight:normal;text-transform:uppercase;line-height:36px;margin-top:6px;text-align:center;display:inline-block!important;padding:0;}
.vids_overlay_txt .hide{display:none;}
.video_img{display:none;}
i.more-btn{display:none;}
.banner-section{padding-top:0!important;}
.header{background:rgba(0, 0, 0, 0)!important;float:left;padding:30px 0;position:absolute;transition:all 0.7s ease 0s;width:100%;z-index:10001;}
#tabs ul.build{margin:0;padding-right:26px;}
#tabs ul.build li{color:rgb(0, 0, 0);float:left;font-size:15px;line-height:21px;margin-bottom:15px;padding-right:28px;text-transform:capitalize;vertical-align:top;width:49.3333%;}
.bullets-circle#tabs ul.build{list-style:outside none disc;margin:0 0 15px 15px;padding-right:0;}
.menu-btn{display:none}
.navigation ul{list-style:outside none none;margin:0}
.bull:before{color:rgb(0, 0, 0);content:"✓";display:inline-block;font-size:26px;font-style:normal;margin-right:6px;}


/*PHP PAGE CSS*/
.scroll_eft .branding_styl.php_decelop .services{background:url(../images/our_php_bg.png) no-repeat;background-size: cover;padding: 80px 0;margin: 0}
.branding_styl.php_decelop .services h3{color: #fff;font-size: 50px;text-transform: capitalize;font-family: 'maven_probold';}
.branding_styl.php_decelop .services h3 span{color: #fff;font-family: 'maven_proregular'}
.php_decelop .ourservice ul li{background: #fff;max-width: 417px;overflow: hidden;}
.php_decelop .ourservice ul li h6{font-size: 24px}
.php_decelop .ourservice {width: 1366px;}
.php_decelop .ourservice ul{text-align: left;}
.php_decelop .ppc_services .box .white_bg p{font-size: 15px}
.php_decelop .ppc_services .box .white_bg{    padding: 0 30px;}
.php_decelop .ppc_services .box .white_bg h4{margin: 0 0 5px 0}
.php_decelop .ppc_services .box .white_bg.web{    padding: 170px 30px;}
.php_decelop .ppc_portfolio{    background: #fff;}
.php_decelop .ppc_portfolio h3{  text-transform: uppercase;  text-align: left;line-height: 51px;color: #312929;top: 110px;}
.php_decelop .ppc_portfolio h3 span{font-family: 'maven_proregular';display: block;font-size: 41px;color: #312929;text-transform: none;}
.php_decelop .ppc_portfolio .owl-theme .owl-controls .owl-nav .owl-prev {background: url(../images/ppc_lft_arrow_mob.png) no-repeat!important;}
.php_decelop .ppc_portfolio .owl-theme .owl-controls .owl-nav .owl-next {background: url(../images/ppc_rit_arrow_mob.png) no-repeat!important;}
.php_decelop .brand_section h3.brnd_title{color: #141414;text-transform: capitalize;font-family:'maven_probold';    font-size: 50px;}
.php_decelop .brand_section h4{font-family:'maven_proregular';font-size: 38px;color: #141414}
.php_decelop .brand_section p{font-size: 20px;color: #141414;line-height: 34px}
.php_decelop .brand_section h3.brnd_title::after{background: #A060DA}
.php_decelop .why_olive h3.brnd_title{    font-family: 'maven_proregular';font-size: 71px;display: block;vertical-align: middle;text-transform: capitalize;}
.php_decelop .why_olive h3.brnd_title img{vertical-align: bottom;}    
.why_olive{float: left;width: 100%;padding: 80px 0;background: url(../images/why_olive_bg.png) no-repeat;background-size: cover;    background-position: 0 170px;}
.php_decelop .why_olive h4{    display: block;text-align: center;font-size: 45px;line-height: 52px;color: #141414;font-family: 'maven_proregular';}
.php_decelop .why_olive h4 strong{    font-family: 'maven_probold';}
.php_decelop .why_olive h4 span{    color: #141414;display: block;}
.php_decelop .why_olive .olive_india {margin-top: 100px;padding: 0;text-align: center;}
.php_decelop .why_olive .olive_india li {float: none;width: 376px;text-align: left;padding: 0 15px!important;}
.php_decelop .why_olive .olive_india li .box {width: 100%;color: #1E1D1D;position: relative;padding-bottom: 70px;padding-top: 50px;z-index: 9;padding-left: 40px;transition: all .5s ease 0s;padding-right: 0;}
.php_decelop .why_olive .olive_india li .box *{z-index: 9;position: relative;}
.php_decelop .why_olive .olive_india li .box:after{position: absolute;content: "";width: 100%;height: 6px;bottom: -18px;left: 0}
.php_decelop .why_olive .olive_india li .box:before{position: absolute;content: "";width: 100%;height: 0;bottom: 0;left: 0;z-index: 1;transition: all .5s ease 0s;}
.php_decelop .why_olive .olive_india li:hover .box:before{color: #fff;height: 100%;transition: all .5s ease 0s; }
.php_decelop .why_olive .olive_india li h5 {font-size: 55px;line-height: normal;}
.php_decelop .why_olive .olive_india li h5 span {font-size: 38px;font-family: 'maven_proregular';}
.php_decelop .why_olive .olive_india li p{    font-size: 18px;line-height: 27px;margin: 5px 0 14px;}
.php_decelop .why_olive .olive_india li a{color: #1E1D1D;font-size: 17px;position: relative;}
.php_decelop .why_olive .olive_india li a:after {position: absolute;right: -39px;bottom: 3px;background: url(../images/explore_l_btn.png) no-repeat 0 0;width: 31px;height: 10px;content: "";}
.php_decelop .why_olive .olive_india li:hover a:after{background-position: 0 100%}
.php_decelop .why_olive .olive_india li.blue .box{    padding-right: 40px;}
.php_decelop .why_olive .olive_india li.blue .box:after{background:#172168 }
.php_decelop .why_olive .olive_india li.blue:hover .box:before{background: #172168; background: -moz-linear-gradient(top,  #172168 0%, #112086 100%); background: -webkit-linear-gradient(top,  #172168 0%,#112086 100%); background: linear-gradient(to bottom,  #172168 0%,#112086 100%);}

.php_decelop .why_olive .olive_india li.sky .box:after{background: #1ba2cd;}
.php_decelop .why_olive .olive_india li.green .box:before{background: #93cc41;background: -moz-linear-gradient(top,  #93cc41 0%, #77b719 100%); background: -webkit-linear-gradient(top,  #93cc41 0%,#77b719 100%);background: linear-gradient(to bottom,  #93cc41 0%,#77b719 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#93cc41', endColorstr='#77b719',GradientType=0 ); }
.php_decelop .why_olive .olive_india li.green .box:after{background: #93cc41}
.php_decelop .why_olive .olive_india li:hover h5, .php_decelop .why_olive .olive_india li:hover .box h5 span, .php_decelop .why_olive .olive_india li:hover .box p, .php_decelop .why_olive .olive_india li:hover .box a{color: #fff}
.php_decelop .why_olive .olive_skill{margin-top: 120px;text-align: center;}
.php_decelop .why_olive .olive_skill li {display: inline-block;vertical-align: top;width: 16%;text-align: center;float: none;padding: 0 20px;border-right: 1px solid #b5b5b5;}
.php_decelop .why_olive .olive_skill li img {width: auto;margin: 0 auto 10px;float: none;}
.php_decelop .why_olive .olive_skill li p {display: block;float: left;width: 100%;}
.php_decelop .why_olive .olive_skill li:last-child{border: none}
.php_decelop .why_olive .next_btn{float: left;width: 100%;margin-top: 50px;padding: 0 20px}
.php_decelop .why_olive .next_btn a{border: 1px solid #707070;font-size: 18px;color: #272020;padding: 15px 20px;text-transform: uppercase;}
.php_decelop .why_olive .next_btn a:hover{border-color: #4dbeee}
.php_decelop .why_olive .next_btn .l_side{float: left;}
.php_decelop .why_olive .next_btn .r_side{float: right;}
.php_decelop .why_olive .olive_india li.sky .box:before{height: 100%; background: #46c8d2; background: -moz-linear-gradient(top,  #46c8d2 0%, #1aa8db 100%); background: -webkit-linear-gradient(top,  #46c8d2 0%,#1aa8db 100%);background: linear-gradient(to bottom,  #46c8d2 0%,#1aa8db 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#46c8d2', endColorstr='#1aa8db',GradientType=0 );}
.php_decelop .why_olive .olive_india li.sky:hover .box:before{height: 100%}
.php_decelop .why_olive .olive_india li.sky:hover h5,
.php_decelop .why_olive .olive_india li.sky:hover .box h5 span,
.php_decelop .why_olive .olive_india li.sky:hover .box p,
 .php_decelop .why_olive .olive_india li.sky:hover .box a{color: #fff}
.php_decelop .why_olive .olive_india li.sky h5,
.php_decelop .why_olive .olive_india li.sky .box h5 span,
.php_decelop .why_olive .olive_india li.sky .box p,
.php_decelop .why_olive .olive_india li.sky .box a{color: #fff}
.php_decelop .why_olive .olive_india li.sky a:after {
    background-position: 0 100%;
}
.php_decelop .why_olive .olive_india li.sky:hover a:after {
    background-position: 0 100%;
}
.php_decelop .why_olive .olive_india li.sky{display: none!important;}
.php_decelop .why_olive .olive_india li.sky.color_side .box:before{
	height: 0;
}
.php_decelop .why_olive .olive_india li.sky.color_side h5,
.php_decelop .why_olive .olive_india li.sky.color_side .box h5 span,
.php_decelop .why_olive .olive_india li.sky.color_side .box p,
 .php_decelop .why_olive .olive_india li.sky.color_side .box a{color: #000}
 .php_decelop .why_olive .olive_india li.sky.color_side a:after {
    background-position: 0 0;
}
/*PHP PAGE CSS*/

/*JAVA PAGE CSS*/
.java_slid {
    width: 100%;
    float: left;
    padding: 120px 0 0 0;
}
.java_slid .wid_50{float: left;width: 50%;padding: 0 15px;}
.java_slid .wid_100{float: left;width: 100%;padding: 0 15px;}
.java_slid .wid_50 img{width: 100%}
.php_decelop .why_olive .olive_india li.green a {
    opacity: 0;
    z-index: -99;
    position: relative;
}

/*JAVA PAGE CSS*/
.olive-contact .address-container.left-div{width: 66%}
.olive-contact .address-container.left-div.usa_adrs{width: 33%} 
.olive-contact .address-container.left-div.usa_adrs .address > div{width: 100%}
.olive-contact .address-container.left-div .wid-50{width: 50%}
.olive-contact .address-container.left-div .wid-50 > div{width: 100%;
    padding-right: 150px;}
.home-title{display:none;}    


/*ecom Page CSS*/

#ecom-form h2{font-family: 'Oswald Medium';margin-bottom: 10px!important;text-transform: uppercase;}
.ecom-clear{
	float: left;width: 100%;
}
.ecommerce-sec{
	padding-top: 120px;
}
.ecom-slid-sec{
	padding: 130px 0;
	background: url(../images/e-com-banner-bg.png) no-repeat;
	background-size: cover;
}
.ecom-slid-sec .l-content{
	width: 50%;
	float: left;
	text-align: left;
	margin-top: 20px;
}
.ecom-slid-sec .l-content h2 {
    font-size: 90px;
    line-height: 100px;
    color: #012a5e;
    font-family: 'Norwester Regular';
    text-transform: uppercase;
    margin-top: 0;
}
.ecom-slid-sec .l-content h2 span{
	display: block;
	color: #012a5e;
}
.ecom-slid-sec .l-content h3{
	font-family:'latoregular';
	    color: #334761;
    font-size: 40px;
}
.ecom-slid{
	float: left;
	width: 50%;
}
.ecom-slid .desktop-owl {
    background: url(../images/ecom-destop-view.png) no-repeat;
    height: 350px;
    width: 597px;
    padding: 18px 70px 42px 68px;
}
.desktop-owl video{
	width: 100%;

}
.ecom-slid .mobile-owl {
    background: url(../images/ecom-mob-view.png) no-repeat;
    height: 276px;
    width: 137px;
    padding: 36px 13px 30px 10px;
    position: absolute;
    right: -60px;
    bottom: 90px;
}
.ecom-slid .mobile-owl img{
    width: auto;
}
.ecom-slid .desktop-owl img{width: 100%;}
.ecom-year-sec{
    padding: 130px 0;
    text-align: center;
    background: url(../images/e-com-year-bg.jpg) no-repeat;
    background-size: cover;
}
.ecom-year-sec p{
	padding: 0 65px;
}

.ecom-title {
    font-family: 'Oswald Medium';
    font-size: 45px;
    line-height: 62px;
    color: #012a5e;
    margin: 0 0 30px 0;
    font-weight: 200;
    text-align: center;
}
.font-lg{font-size: 40px!important;text-transform: uppercase;margin: 30px 0 0 0}
.ecom-title span{display: block;color: #012a5e;}
.ecommerce-sec p{
	font-size: 23px;
	line-height: 40px;
	font-family:'latoregular';
	color: #334761;
}
.ecom-solution{
	padding: 100px 0 70px;
	text-align: center;
}
.ecom-subtitle{
	padding: 0 65px;
	margin-bottom: 70px;
}
.ecom-solution .box{
	text-align: left;
	background: #f9fafa;
	padding: 30px;
	margin-bottom: 30px;
	border-radius: 4px;
	min-height: 377px;
}
.ecom-solution .box img{}
.ecom-solution .box h4{
	font-family: 'Lato Black';
	font-size: 24px;
	line-height: 30px;
	color: #010101;
	margin: 0 0 10px 0;
}
.ecom-solution .box h4 span {
    display: block;
    color: #010101;
}
.ecom-solution .box p{
	font-size: 16px;
	line-height: 24px;
}

.ecom-platform{
	background: #f9fafa;
	padding: 70px 0;
}
.ecom-platform .l-side{
	padding: 170px 0 60px;
}
.flip-btn.mob-view{
	display: none;
}
.ecom-platform h5 {
    font-family: 'Oswald Regular';
    font-size: 86px;
    margin: 0 0 30px 0;
    text-transform: uppercase;
    color: #010101b5;
}
.ecom-platform h5 span{display: block;color: #010101b5}
.ecom-platform h2{
	font-size: 38px;
	margin: 0 0 40px 0;
}
.ecom-platform .get-btn{
	font-family: 'latoregular';
    color: #e6f0f4;
    font-size: 16px;
    background: #0762d4;
    text-decoration: none;
    display: inline-block;
    padding: 18px 32px;
    text-transform: uppercase;
    letter-spacing: 3px;
    border-radius: 6px;
}
.ecom-platform .r-side {
    background: #fff;
    padding: 40px 40px 20px;
    box-shadow: -1px 0px 20px 0px #0000002b;
    border-radius: 10px;
    position: relative;
    overflow: hidden;
}
.ecom-platform .r-side ul{
    margin: 0;
    padding: 0;
}
.ecom-platform .r-side ul li{
    list-style-type: none;
}
.ecom-platform .r-side ul li a{
    position: relative;
}
.ecom-platform .r-side .pop-box{
    position: absolute;
    top: -130%;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 9;
    padding: 30px;
    text-align: center;
    transition: .5s ease;
}
.ecom-platform .r-side li.open .pop-box{
    top: 0;
    transition: .5s ease;
}
.ecom-platform .r-side .pop-box .dev-img{
    margin-bottom: 20px
}
.ecom-platform .r-side .pop-box .dev-img svg{
    margin: 0 auto;
    float: none;
}
.ecom-platform .r-side .pop-box .close-pop {
    position: absolute;
    top: 22px;
    right: 20px;
}
.ecom-platform .r-side .pop-box .close-pop img{
    width: 20px;
    cursor: pointer;
}
.ecom-platform .r-side .pop-box h2{
    font-size: 32px;
    color: #000;
    margin-bottom: 30px;
    font-family: 'League Spartan Bold';
}
.ecom-platform .r-side .pop-box h3 {
    font-size: 30px;
    font-family: 'latomedium';
    margin-bottom: 30px;
}
.ecom-platform .r-side .pop-box h4{
    font-size: 26px;
    color: #000;
}
.ecom-platform .r-side ul li .e-arrow {
    position: absolute;
    top: 20px;
    right: 0;
    display: none;
    margin: 0;
}
.ecom-platform .r-side ul li:hover .e-arrow{
	display: block;
}
.ecom-platform .r-side ul li a{
    text-decoration: none;
    display: block;
    padding: 15px 0;
}
.ecom-platform .r-side ul li svg{
    float: left;
    margin: 0 30px 10px 0;
}
.ecom-platform .r-side ul li h3{
    font-family: 'latobold';
    color: #020202;
    font-size: 32px;
    margin: 0 0 2px 0;
}
.ecom-platform .r-side ul li p{
    font-family: 'latoregular';
    font-size: 17px;
    color: #444547;
}

.ecom-project{
	background: #f6f6f6;
	padding: 70px 0;
	text-align: center;
}
.ecom-project h3{
	font-size: 44px;
	line-height: 50px;
	margin: 0 0 40px 0;
}
.ecom-pro-slid .item > a{
	padding: 30px;
}
.ecom-pro-slid .item img {
    box-shadow: 2px 2px 11px 3px #0000002e;
}
.ecom-project .view-btn {
    font-family: 'latoregular';
    color: #e6f0f4;
    font-size: 16px;
    background: #0762d4;
    text-decoration: none;
    display: inline-block;
    padding: 18px 32px;
    text-transform: uppercase;
    letter-spacing: 3px;
    border-radius: 6px;
    margin-top: 20px;
}
.ecom-pro-slid .item {
    padding: 0 13px;
}
.ecommerce-sec .owl-nav div{
	position: absolute;
	width: 39px;
	height: 43px;
	top: 50%;
	text-indent: -99999px!important;
}
.ecommerce-sec .owl-nav div.owl-prev{background: url(../images/l-btn.jpg) no-repeat!important;left: -60px}
.ecommerce-sec .owl-nav div.owl-next{background: url(../images/r-btn.jpg) no-repeat!important;right: -35px}
.ecom-brands{
	text-align: center;
	padding: 100px 0;
	background: #fff;
}
.ecommerce-sec .brand-owl .owl-nav div.owl-next{
	right: -37px
}
.ecommerce-sec .brand-owl .owl-nav div.owl-prev{
	left: -73px
}
.ecommerce-sec .ecom-brands .brand-owl .owl-controls {
    float: left;
    margin: 10px 0 0;
    width: 100%;
    text-align: center;
}
.ecommerce-sec .ecom-brands .brand-owl .owl-nav {
    margin-top: 50px;
    width: 100%;
    float: left;
}
/*.ecommerce-sec .ecom-brands .brand-owl .owl-nav div {
    position: relative;
    top: 0;
    margin: 0;
    padding: 0;
    border-radius: 0;
    color: black;
    float: none;
    display: inline-block;
}*/
 .ecom-brands h3{
 	margin-bottom: 50px
 }
 .ecom-brands p{
 	color: #334761;
    font-size:25px;
 }
  .ecom-brands .all-brands{
  	margin-top: 40px
  }
 .ecom-brands .all-brands img{
 	width: auto;
 	display: inline-block;
 	margin-bottom: 5px
 }  
 .ecom-brands .all-brands .width-33{
 	width: 33%;
 	float: left;
 	padding: 70px 30px;
 	height: 220px;
 	text-align: left;
 }
 .ecom-brands .all-brands .width-20{
 	width: 20%;
 	float: left;
 }
.ecom-brands .all-brands .width-20 img {
    margin: 0;
    width: auto;
    max-width: initial;
}
.ecom-brands .all-brands .width-30 {
    width: 26.33%;
    float: left;
    height: 220px;
    text-align: left;
    padding: 70px 20px;
}
 .ecom-brands .all-brands .width-33 svg, .ecom-brands .all-brands .width-30 svg{
 	float: left;
 	margin: 0 10px 0 0;
 } 
 .ecom-brands .all-brands h6{
 	font-family: 'Lato Black';
 	font-size: 32px;
    margin: 0;
 }
 .ecom-brands .all-brands h6 span{
 	display: block;
 	font-family:'latoregular';
 }
.ecom-brands .all-brands .blue-bg{
	background: #012a5e;
}
.ecom-brands .all-brands .blue-bg h6, .ecom-brands .all-brands .blue-bg h6 span{
    color: #fff;
}
.ecom-brands .all-brands .brown-bg{
	background: #414141;
}
.ecom-brands .all-brands .brown-bg h6, .ecom-brands .all-brands .brown-bg h6 span{
    color: #fff;
}
.ecom-brands .all-brands .white-bg{
	background: #f6f6f6;
}
.ecom-brands .all-brands .white-bg h6, .ecom-brands .all-brands .white-bg h6 span{
    color: #012a5e;
}
.ecom-brands .all-brands .light-blue-bg{
	background: #336db6;
}
.ecom-brands .all-brands .light-blue-bg h6, .ecom-brands .all-brands .light-blue-bg h6 span{
    color: #fff;
}
.ecom-brands .all-brands .sky-bg{
	background: #009ada;
}
.ecom-brands .all-brands .sky-bg h6, .ecom-brands .all-brands .sky-bg h6 span{
    color: #fff;
}
.ecom-brands .all-brands .two-row{
    float: left;
    width: 100%;
}
.mitsubishi-page{margin: 0!important}
.mitsubishi-page p{margin-bottom: 5px!important;color: #000}
.mitsubishi-page p .mis-cont{font-size: 15px;margin-bottom: 10px;}
.mitsubishi-page p b{font-size: 24px}
.mitsubishi-page h3{font-size: 20px!important;margin-bottom: 20px}
.mitsubishi-page .wid-60 img{width: auto;max-width: 100%;margin-bottom: 40px}
.mitsubishi-page .portfolio-img-container{padding-left: 15px;padding-right: 15px}
.mitsubishi-page .portfolio-img-container img {
    width: 33%;
    float: left;
    padding: 0 10px;
}
.mitsubishi-page .wid-60{width: 70%;float: left;}
.mitsubishi-page .wid-40{width: 30%;float: left;padding-left: 15px}
.ecom-platform .f-right{float: right;}
.ecom-platform .f-left{float: left;}

.lastdiv-inner.mob{display: none!important;}
.lastdiv-inner.des{display: inline-block!important;}
.chili-sec, .chili-sec .box{
	float: left;
	width: 100%
}
.chili-sec.artkarat .box{
	    width: 998px;
    margin: 0 auto;
    float: none;
    max-width: 100%
}
.chili-sec.artkarat .box img{
	width: auto;
	max-width: 100%;
}
.chili-sec.artkarat .box.nxt-sec, .chili-sec.artkarat .box.video-sec{
	width: 100%
}
.chili-sec .box.video-sec{
	background: #f2f2f2;
	padding: 80px 15px;
	text-align: center;
}
.chili-sec .box.video-sec .wrap-video {
    width: 860px;
    height: 483px;
    max-width: 100%;
    position: relative;
    margin: 0 auto;
}
.chili-sec .box.video-sec .wrap-video video{
	width: 100%;
}
.chili-sec .box.video-sec video:focus{
	border: none;
	outline: none;
}
.playpause {
    background-image:url(../images/play-icon.svg);
    background-repeat:no-repeat;
    width:100px;
    height:99px;
    position:absolute;
    left:0%;
    right:0%;
    top:0%;
    bottom:0%;
    margin:auto;
    cursor: pointer;
    background-size:contain;
    background-position: center;
}
.chili-mg{
	margin-top: -1px
}
.nxt-sec{
	    background: url(../images/portfolio/chili-work.jpg);
    background-size: cover;
    display: flex;
    justify-content: center;
    height: 500px;
    align-items: center;
    position: relative;
}
.nxt-sec h3{
	color: #fff;
    font-size: 150px;
    font-family: 'Lato Black';
}
.black-txt h3, .nxt-sec.black-txt .pro-btn a{color: #5c5c5c}
.nxt-sec .pro-btn a {
    position: absolute;
    top: 50%;
    color: #fff;
    font-size: 22px;
}
.nxt-sec .pro-btn a:after{
	background: url(../images/work-arrow.png) no-repeat;
	width: 44px;
	height: 22px;
	content: "";
	position: absolute;
	left: 0;
	top: 3px;
	    opacity: 0.5;
}
.nxt-sec.black-txt .pro-btn a:after{
	background: url(../images/work-arrow-black.png) no-repeat;
}
.nxt-sec .pro-btn .l-btn{left: 8%;padding-left: 55px}
.nxt-sec .pro-btn .r-btn{right: 8%;padding-right: 55px}
.nxt-sec .pro-btn .r-btn:after{
	left: auto;
	right: 0;
	background-position: right center;
}
.nxt-sec.black-txt .pro-btn a.r-btn:after{background-position: right;}

.client-main .client-container .client-images{
	padding: 0
}
.client-images p{
	background: #efefef;
	margin: 0;
	padding: 10px 0;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	text-transform: capitalize;
}
.client-bx{
	text-align: left;
    max-width: 1170px;
    width: 100%;
    margin: 0 auto;
    padding: 0 15px;
}
.client-bx h2{
	font-size: 56px;
    line-height: normal;
    font-family: 'Oswald Medium';
    text-transform: none;
    margin-top: 40px;
    color: #5f5f5f;
    margin-bottom: 0!important
}
.client-bx h3 {
    font-family: 'latoregular';
    color: #5f5f5f;
    font-size: 40px;
    margin-bottom: 20px!important;
    margin-top: 20px;
}
.client-bx p{
	font-size: 24px;
    line-height: 30px;
    margin-bottom: 30px	
}
#ecom-form h2.ecom-head{margin-bottom: 0;color: #9d9d9d;}
#ecom-form p.ecom-sub{text-align: center;color: #9d9d9d;font-size: 23px;margin-bottom: .ecom-sub30px;}
#imgid{height: 65px}
.get-touch-inner .inputbox textarea {min-height: 154px;width: 100% !important;}
.captchabox.submit input{flex: 1;}
.captchabox.submit .reset-btn{border: none;text-transform: uppercase;background: #dedede;color: #5f5f5f;padding: 23px;font-size: 21px;width: 100%}
.get-touch-inner .frm-div{vertical-align: top}
.re-load-btn{margin: 0 5px}
.capcha-input{flex: 1}
.get-touch-inner .submit_btn{padding: 22.11px;}
.get-touch-inner h2{margin: 0.67em 0;}
.hyatt-sec .box{
	text-align: center;
	padding: 0 0 0;
}
.hyatt-sec img{
	margin: 0 auto
}

/*Animation*/

.client-banner{text-align: center; position: relative;padding: 150px 50px;overflow: hidden;background: #002046;}
.client-banner h2 {color: #fff;font-family: 'Oswald Medium';font-weight: bold;font-size: 68px;text-transform: uppercase;line-height: 79px;letter-spacing: 14px;letter-spacing: 5px;position: relative;z-index: 99;}
.client-banner h2 span{display: block;color: #fff!important;}
.client-banner p{font-family: 'latobold';font-size: 34px;color: #fff;letter-spacing: 5px;margin-top: 25px}
.count-particles{background: #000022;position: absolute;top: 48px;left: 0;width: 80px;color: #13E8E9;font-size: .8em;text-align: left;text-indent: 4px;line-height: 14px;padding-bottom: 2px;font-family: Helvetica, Arial, sans-serif;font-weight: bold;}

.js-count-particles{font-size: 1.1em;}

#stats,
.count-particles{-webkit-user-select: none;margin-top: 5px;margin-left: 5px;}

#stats{border-radius: 3px 3px 0 0;overflow: hidden;}

.count-particles{border-radius: 0 0 3px 3px;}

.client-banner canvas{position: absolute!important;top: 0}
.client-services{margin-top: 0; /*background: url(../images/client-color-bg2.png) no-repeat;background-size: cover;*/padding: 40px 0 0}
.client-services h3{font-family: 'Lato Black';font-size: 40px;color: #000;letter-spacing: 4px}
.client-services p{color: #000;font-size: 28px;line-height: 35px} 
.client-services .client-bx{text-align: center;}

.xs-view{display: none;}
.port-side{
	position: relative;
}
.mobile-side {
    position: absolute;
    bottom: 0;
    z-index: 9;
    right: 40px;
    overflow: hidden;
    width: 200px;
    height: 408px;
    padding: 48px 10px 46px;
    border-radius: 30px;
    background: url(../images/portfolio/hyatt/mob-img.png);
}
.desktop-side img{
	width: 90%!important
}
.hyatt-sec .padd-btm{padding-bottom: 40px}
/*.mobile-side:after {
   
    overflow: hidden;
    padding: 60px 10px;
    top: 0;
    left: 0;
    content: "";
    width: 100%;
    height: 100%;
    z-index: 99999;
    position: absolute;
}*/
.work-owl {
    z-index: 0!important;
    height: 100%;
    overflow: hidden;
}

/*home page new portfolio*/
.new-portfolio-sec{
	float: left;
	width: 100%;

}
.port-work{
	position: relative;
}
}
.port-work .port-owl .l-side, .port-work .port-owl .r-side{
flex: 1
}
.port-work .port-owl .l-side{
	padding: 0 60px 0 180px;
}
.port-work .port-owl .l-side span{
	text-transform: uppercase;
	color: #5db0d0;
	font-size: 16px
}
.port-work .port-owl .l-side h4 {
    font-size: 44px;
    color: #3a3939;
    margin: 10px 0 20px 0;
    line-height: normal;
    font-weight: 600;
}
.port-work .port-owl .item .one-bx{
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    background: #f4f4f4;
	padding: 50px 0;
	height: 670px;
	width: 100%;
	position: relative;
}
/*.port-work .port-owl .item .one-bx:after{
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	width: 500px;
	height: 100%;
	background: #f4f4f4;
}*/
.port-work .port-owl .l-side p {
    font-size: 22px;
    line-height: 37px;
}
.port-work .desktop-owl {
    background: url(../images/desktop-img-portfolio.png) no-repeat;
    width: 800px;
    height: 478px;
    padding: 36px 108px 77px 108px;
    margin: 0 auto;
}
.port-work .desktop-owl .item img{
	width: 100%
}
.port-work .port-owl .r-side{
	padding: 20px 150px 0 0px;
	width: 50%;
}
.port-work .port-owl .owl-dots {
    position: absolute;
    right: 143px;
    bottom: -37px;
}
.port-work .port-owl .l-side h5{
color: #0a2b6d;
    text-transform: uppercase;
    font-size: 36px;
    margin: 0 0 10px 0;	
    font-weight: 600;	
}
.port-work .port-owl .l-side ul{
	margin: 0;
	padding:0;
}
.port-work .port-owl .l-side ul li {
    list-style-type: none;
    font-size: 25px;
    line-height: 46px;
    position: relative;
    padding-left: 25px;
    background: url(../images/li-arrow.png) no-repeat left center;
	background-position: 0px 12px;    
}
/*.port-work .port-owl .l-side ul li:after {
    position: absolute;
    top: 16px;
    left: 0;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #000;
    content: "";
}*/
.port-work .port-owl .l-side h6 {
    color: #000;
    font-size: 28px;
    font-weight: 600;
}
.port-work .port-owl .l-side {
    -webkit-transition: -webkit-transform 1s;
    -moz-transition: -moz-transform 1s;
    -o-transition: -o-transform 1s;
    transition: transform 1s;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform-origin: 50% 50%;
    width: 50%;	
}
.port-work .port-owl .l-side .front-side, .port-work .port-owl .l-side .back-side {
    display: block;
    height: 100%;
    width: 100%;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    padding-bottom: 50px;
    background: #f4f4f4
}
.port-work .port-owl .l-side .back-side {
top: 0;
    left: 0;
    padding: 0 60px 0 180px;	
	    position: absolute;
    -webkit-transform: rotateY( 180deg );
    -moz-transform: rotateY( 180deg );
    -o-transform: rotateY( 180deg );
    transform: rotateY( 180deg );
}
.port-work .port-owl .l-side.flipped {
    -webkit-transform: rotateY( 180deg );
    -moz-transform: rotateY( 180deg );
    -o-transform: rotateY( 180deg );
    transform: rotateY( 180deg );
}
.flip-btn {
    padding: 0 0 0 180px;
    font-size: 20px;
    margin-top: -31px;
    position: relative;
    z-index: 9;
    top: -20px;
}
.flip-btn .back-bt{
	display: none;
}
.flip-btn .more-bt{
	display: block;
}
.flip-btn.button-show .back-bt{
	display: block;
}
.flip-btn.button-show .more-bt{
	display: none;
}
.port-work .port-owl .portfolio-section{
text-align: left;
    margin-top: 40px;
    float: none;
    margin-bottom: 20px;
    position: relative;
}
.port-work .port-owl .portfolio-section h2{
display: inline-block;
    vertical-align: middle;
    padding-right: 90px;	
}
.port-work .port-owl .portfolio-section .separator:before {
    height: 85px;
right: -70px}
.port-work .port-owl .portfolio-section span.story{
display: inline-block;
    vertical-align: middle;
    font-size: 22px;
}
.port-work .port-owl .portfolio-section img {
    width: auto;
    display: inline-block;
    vertical-align: middle;
    margin: 17px 0 0 0;
    position: absolute;
    right: 0;
    bottom: 0;
}
.port-work .portfolio-infocus{
text-align: center;
    margin: 12px 0 0 0;
}

/*home Our Work*/
.ourWorkSec h1{
	padding: 0
}
.ourWorkSec .col-7{
	width: 66%;
	float: left;
}
.ourWorkSec .col-5{
	width: 33%;
	float: left;
}
.workStyle{
	transition: .5s ease;
    -webkit-transform: .5s ease;
    padding: 0 15px;
    margin-bottom: 30px
}
.workStyle .img-sec{
	text-align: center;
	overflow: hidden;
}
.workStyle .img-sec img{
	width: auto;
	max-width: 100%;
	transition: .5s ease;
    -webkit-transform: .5s ease;
}
.workStyle:hover .img-sec img{
	transform: scale(1.1);
} 
.workStyle .workContent{}
.workStyle .workContent h2{
    color: #5F5F5F;
    font-weight: 600;
    font-size: 23px;
    text-align: left;
}
.workStyle .workContent a{
	transition: .5s ease;
	color: #5F5F5F;
    line-height: 1.1;
    position: relative;
    display: block;
    overflow: hidden;
    font-weight: 600;
    height: 20px;
    font-size: 15px;
}
.workStyle .workContent p{
	position: absolute;
	top: 0;
	transition: .5s ease;
}
.workStyle .workContent p.Wfront{top: 0;}
.workStyle .workContent p.Wback{opacity: 0;top: 30px;}
.workStyle .workContent a:hover p.Wfront{
	opacity: 0;
    top: -20px;
}
.workStyle .workContent a:hover p.Wback{
	    opacity: 1;
    top: 0;
}
.portfolio-case .course-col{
	padding: 0 15px;
	margin-bottom: 50px
}
/*home Our Work*/



/*home page new portfolio*/

@media (min-width: 1200px){
.ecommerce-sec .container {
    max-width: 1140px;
    width: 1140px;
}
}
/*ecom Page CSS*/





@media only screen and (min-width:992px){html{-webkit-text-size-adjust:none;-webkit-font-smoothing:aliased;}
header nav ul li ul{display:none;}
header nav ul li ul li ul.sub_rit{display:none;}
header nav ul li ul li:hover ul.sub_rit{display:block;position:absolute;width:310px;background:#fff;right:-310px;top:0;}
header nav ul li ul li:hover ul.sub_rit.last-child{top:-120px;}

header nav ul li.sub ul li.sub{position:relative;}
header nav ul li.sub ul li.sub:after{position:absolute;top:7px;right:8px;content:">";font-size:17px;font-stretch:ultra-condensed;transform:scale(1,1.5);-webkit-transform:scale(1,1.5);}
header nav ul li.sub ul li.sub:hover:after{color:#fff}
header nav ul li ul li:hover > a{background:#4dbeee;color:#fff}
header nav{float:right;margin:8px 20px 0 0;text-align:right;}
header nav ul{margin:0;}
header nav ul li{display:inline-block;vertical-align:top;list-style-type:none;position:relative;padding:0 0;}
header nav ul li:hover ul{display:block;position:absolute;width:280px;}
header nav ul li ul li{display:block;text-align:left;padding:0 0;}
header nav ul li a{color:#5c5c5c;display:block;font-family:"latoregular";font-size:18px;padding:11px 40px;text-transform:uppercase;border:1px solid transparent;}
header nav ul li:hover > a{border:1px solid #4dbeee;}
header nav ul li ul li a{padding:9px 20px;display:block;font-size:16px;border:none;border:1px solid #fff;}
header nav >ul >li > a:hover{border:1px solid #4dbeee;text-decoration: none}
header nav ul li ul li a:hover{background:rgb(77, 190, 238);color:rgb(255, 255, 255);}
header nav ul li ul{background:#fff;}
header nav ul li li a{padding:4px 5px 4px 45px;}
.client-main .client-container .client-images:nth-child(4n+1){clear:left;}
}
@media(max-width:1680px){.topline{margin-left:15px;backface-visibility:hidden;-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;}
.hhlogo{left:-15px;}
.topline svg{transform:rotate(22deg);-moz-transform:rotate(22deg);-webkit-transform:rotate(22deg);-ms-transform:rotate(22deg);-o-transform:rotate(22deg);}
.bottomline{margin-left:31px;}
.bottomline svg{transform:rotate(22deg);-moz-transform:rotate(22deg);-webkit-transform:rotate(22deg);-ms-transform:rotate(22deg);-o-transform:rotate(22deg);}
section.whoweare-text .decor-top{right:-240px;}
.our-work .blockBottom{left:-54px;}
.workheading{top:270px;}
.work{left:127px;}
.culture{margin-top:-25px;margin-left:-40px;}
.our-work .mCSB_container{padding-bottom:220px;}
#tabs ul.tabs{left:31%;width:32.45%;}
#tabs .services-img{width:28%;}
.portfolio-section .title-header h2{font-size:55px;}
.portfolio-content .detail-content,.portfolio-content.dishtv .detail-content,.portfolio-content.maidens .detail-content{padding-top:5.85em;}
.portfolio-content .right-section{width:49%;}
.portfolio-content .detail-content > *{top:50%;transform:translateY(-50%);-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);}
.portfolio-content h1{font-size:70px;font-size:4.2vw;}
.blog-section .more-btn{right:10%;}
.decoroverlay{background-position:-38px top;}
.wmid-overlay{background-position:center 459px}
.writeup{font-size:15px;line-height:19px;}
.writeup h2{font-size:30px;margin-bottom:0.7em;}
.writeup h6{font-size:22px;}
.whatwedo .title h1{font-size:86px;}
.branding-section .title{right:14.8%;top:27.2%;}
.research-section{height:1400px;}
.strategizing-section .decor-top{height:89.5%;width:75.92%;}
.strategizing-section .blockBottom{right:-894px}
.storytelling-section{margin-top:-192px;height:1250px;}
.storytelling-section .content-scroll{height:550px;}
.storytelling-section .blockBottom{left:-2.5%;}
.creative-section{height:914px;}
.creative-section .blockBottom{right:19.4%;}
.technology-section .technology-inner{margin-top:-106px;}
.technology-section .technology-inner,.technology-section .masking{background-size:1300px auto;}
.technology-section .content-column{margin-top:635px}
.technology-section{margin-top:-308px;margin-bottom:445px;height:1029px;}
.technology-section .masking{height:417px;}
.technology-section .blockBottom{height:144px;left:39.5%;top:-115px;width:450px;}
.technology-section .content-scroll{height:350px;}
.socialcomm-section .image{top:231px;right:-3px;}
.socialcomm-section .decor-top{height:91%;}
.socialcomm-section .decor-top svg{transform:rotate(1deg);-moz-transform:rotate(1deg);-webkit-transform:rotate(1deg);-ms-transform:rotate(1deg);-o-transform:rotate(1deg);}
.marketing-section .image{top:573px;}
.marketing-section .decor{top:-10px;transform:rotate(4deg);-moz-transform:rotate(4deg);-webkit-transform:rotate(4deg);-ms-transform:rotate(4deg);-o-transform:rotate(4deg);}
.webhosting-section .image{left:6.4%;top:-39px;}
.webhosting-section .content-column{margin-right:0;}
.webhosting-section .decor{left:-9px;top:-39px}
.seo-section{margin-top:-82px;}
.midright{bottom:146px;width:348px;}
.bottomleft{width:665px;}
.services-inner .decor-top{left:-120px}
.blog-section .bb-custom-side{right:50px;transform:scale(0.9) translateY(-22px);-moz-transform:scale(0.9) translateY(-22px);-webkit-transform:scale(0.9) translateY(-22px);-ms-transform:scale(0.9) translateY(-22px);-o-transform:scale(0.9) translateY(-22px);}
.wrapper .whoweare-midimg{margin-top:-95px;}
.wrapper .quality-img{top:48.15%;}
.back .more-btn{top:54%;right:88%;}
.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools, .mCSB_scrollTools{opacity:1 !important;}
.mCSB_inside > .mCSB_container{margin-right:15px;}
.blog-section .bb-custom-side{padding-right:283px;}
.address-container.left-div{padding-top:120px;}
.iebrowser .quality-textbg{height:730px;}
.port-work .port-owl .l-side {
    padding: 0 60px 0 120px;
}
.flip-btn {
    padding: 0 0 0 120px;}
.port-work .port-owl .r-side {
    padding: 20px 70px 0 0px;
 }
.port-work .desktop-owl {
    padding: 32px 99px 103px 101px;
    max-width: 100%;
    background-size: contain;
}
.port-work .port-owl .l-side .back-side{
	padding: 0 60px 0 120px;
}   
.port-work .port-owl .l-side p {
    font-size: 20px;
    line-height: 34px;
}
.port-work .port-owl .l-side ul li{
    font-size: 23px;
    line-height: 44px;	
}
}
@media (min-width:1024px) and (max-width:1680px){.workheading .parallex{transform:scale(0.8);-moz-transform:scale(0.8);-webkit-transform:scale(0.8);-ms-transform:scale(0.8);-o-transform:scale(0.8);}
.research-section .decor-top{width:75%;}
.research-section .content-column{margin-top:35px;}
.marketing-section .title {
    margin-bottom: 55px;
}
.storytelling-section.swatch-lightblue .decor-top{TOP:-60px;}
.branding-section .decor-top{margin-top:-164px;}
.creative-section .content-column{margin-top:-223px;}
.creative-section .blockBottom{top:167px;}
.creative-section .decor-top{top:-210px;}
.technology-section{margin-top:-366px;}
.technology-section .content-scroll{max-width:500px;}
.image.top{top:-108px}
.image.two{top:-535px;}
.webhosting-section .image{top:-297px;}
.marketing-section{margin-top:-722px;}
}
@media(max-width:1600px){h1{font-size:60px;margin:0.5em 0;}
h2{font-size:55px;margin:0.5em 0;}
h3{font-size:50px;margin:0.5em 0;}
h4{font-size:45px;margin:0.5em 0;}
h5{font-size:35px;margin:0.5em 0;}
h6{font-size:25px;margin:0.5em 0;}
.wrapper .whoweare-midimg{width:87.5%;}
.whoweare-textbg{height:799px;}
.portfolio-section .title-header h2{font-size:40px;}
.blog-section .bb-custom-side{right:30px;}
.bb-custom-side svg{width:30%;}
.hhlogo{transform:scale(0.8);-moz-transform:scale(0.8);-webkit-transform:scale(0.8);-ms-transform:scale(0.8);-o-transform:scale(0.8);top:15px;}
.topline svg{top:30px;}
.slider-text{top:37%}
#tabs ul.tabs{width:33.45%;padding-right:8%;}
.wmid-overlay{background-position:center 434px;}
.our-work .content-column{right:10%;}
.our-work .blockBottom{left:-117px;}
section.whoweare-text .decor-top{height:599px;width:237px;right:0;}
.banner_text h1{font-size:57px;}
.portfolio .item h2{font-size:28px;font-size:2.000rem;}
.portfolio .big h2{font-size:58px;font-size:4.143rem;}
.portfolio .item{font-size:16px;font-size:1.143rem;}
.portfolio .big .content > *:before{left:75%;}
.portfolio .big .content > *:after{left:23%;}
.portfolio-content .detail-content,.portfolio-content.dishtv .detail-content,.portfolio-content.maidens .detail-content{padding-top:2em;}
.writeup p{margin-bottom:15px;}
.strategizing-section{height:1190px;}
.branding-section .title{right:13.8%;top:28.2%;}
.research-section{height:900px;}
.strategizing-section .blockBottom{right:-880px;}
.storytelling-section{height:1190px;margin-top:-214px;}
.storytelling-section .content-scroll{height:469px;}
.storytelling-section .blockBottom{left:-7.2%;}
.creative-section .decor-top{top:-193px;}
.creative-section .content-column{height:425px;}
.technology-section{margin-top:-375px;}
.technology-section .blockBottom{left:41.6%;top:-117px;}
.socialcomm-section .decor-top{height:86.6%;}
.marketing-section .image{right:122px;top:558px;}
.marketing-section .decor{top:-16px;transform:rotate(5.3deg);-moz-transform:rotate(5.3deg);-webkit-transform:rotate(5.3deg);-ms-transform:rotate(5.3deg);-o-transform:rotate(5.3deg);}
.webhosting-section .image{left:4.4%;top:-53px;}
.webhosting-section .decor{left:-8px;top:-52px;}
.webhosting-section .content-scroll{height:600px;}
.seo-section .content-scroll{height:480px;}
.text{font-size:16px;line-height:19px;}
.bottomleft{width:637px;}
.services-inner .decor-top{left:-160px;}
.title-header > img{transform:scale(0.6);-moz-transform:scale(0.6);-webkit-transform:scale(0.6);-ms-transform:scale(0.6);-o-transform:scale(0.6);right:-35px;}
.news-banner{height:400px;}
.news-listing .item{margin:0 4.95% 4%;width:22.23%;}
.inner-banner .decor-top{height:260px;}
.creative-section .content-column{max-width:350px;}
.creative-section .blockBottom{top:178px;}
.creative-section .decor-top{top:-231px;}
.technology-section .technology-inner{margin-top:-152px;}
.technology-section .masking{top:95.5%;}
.webhosting-section .image{left:74px;top:14px;}
.socialcomm-section .content-column{margin-top:100px;}
.marketing-section .image{right:122px;top:622px;}
.seo-section .content-column{margin-top:-40px;}
.seo-section .decor-top{margin-top:120px;}
.seo-section .title{top:-486px;}
.wrapper .quality-img{top:49.85%;height:540px;}
.defines-and-guides{padding:220px 0 250px}
.defines-and-guides .content-column li.green,.defines-and-guides .content-column li.blue,.defines-and-guides .content-column li.pink,.defines-and-guides .content-column li.gray{background-size:100% auto;}
.defines-and-guides .content-column li{height:351px;margin:0 -5%;}
.qualityassurance .content-column{min-width:inherit;width:70%;}
.defines-and-guides .content-column{width:72%;max-width:inherit;}
.defines-and-guides .content-column li > div{font-size:22px;}
.quality-btm{margin-bottom:100px;}
.get-touch .container{width:80%;}
header nav ul li a{padding:11px 30px}

.port-work .port-owl .l-side h4 {
    font-size: 36px;}
.port-work .port-owl .l-side h5 {
    font-size: 25px;
} 
.port-work .port-owl .l-side ul li {
    font-size: 20px;
    line-height: 40px;
}
.port-work .port-owl .item .one-bx{
	height: 580px;
}
.port-work .port-owl .l-side p {
    font-size: 18px;
    line-height: 30px;
}
.port-work .desktop-owl {
    padding: 31px 96px 116px 97px;
}
.port-work .port-owl .owl-dots{
	right: 110px
}
}
@media (max-width:1500px){.vids_overlay_txt h2{font-size:120px;margin-bottom:60px;line-height:80px;}
.vids_overlay_txt h3{font-size:55px;line-height:55px;}
}
@media(max-width:1440px){h1{font-size:55px;}
h2{font-size:45px;}
h3{font-size:40px;}
h4{font-size:35px;}
h5{font-size:30px;}
h6{font-size:22px;}
.slider{width:70%;}
.banner-section{font-size:15px;}
.topline{margin-left:30px;}
.hhlogo{top:-10px;}
.topline svg{top:0;}
.bottomline{margin-left:15px;margin-bottom:-43px;}
.back .more-btn{top:51%;right:85%;}
.front .content{padding-top:30px;}
#tabs .services-content{width:30.977%;}
#tabs ul li{font-size:18px;}
.wrapper .whoweare-midimg{margin-top:-125px;}
.portfolio-content h3{font-size:30px;}
.portfolio-single .portfolio-content{font-size:16px;line-height:22px;}
.portfolio .item{font-size:14px;font-size:1rem;}
.portfolio .item .content > *:after,.portfolio .item .content > *:before{height:80px;}
.portfolio .big .content > *:before{top:-69%;}
.portfolio .big .content > *:after{left:25%;bottom:-22%;}
.portfolio .big .content > *:before,.portfolio .big .content > *:after{height:210px;}
.portfolio-content .detail-content > *{width:41%;margin-left:0;}
.portfolio-content .right-section{width:51%;}
.portfolio-section .title-header h2{font-size:38px;}
.title-header{font-size:16px;}
.title-header .separator:before{height:67px;}
.porfolio-content .table-cell{padding-left:2em;padding-right:2em;}
.decoroverlay{background-position:-28px top;}
.wmid-overlay{background-position:center 396px;}
.our-work .blockBottom{left:-281px;}
.workheading .parallex{transform:scale(0.7);-moz-transform:scale(0.7);-webkit-transform:scale(0.7);-ms-transform:scale(0.7);-o-transform:scale(0.7);}
.workheading{top:217px;}
.work{left:50px;}
.culture{left:-48px;margin-top:-38px;margin-left:-120px;}
.portfolio-content .detail-content{font-size:1rem;}
.writeup{right:6%;font-size:14px;line-height:18px;padding:43px 40px 30px;}
.job-listing h2{font-size:30px;}
.job-team img{margin-bottom:35px;}
.job-team > *{margin-bottom:15px;}
.ourteam-page .title h1{font-size:78px;}
.ourteam-page .title-div{margin-bottom:50px;}
.strategizing-section .mCSB_inside > .mCSB_container{padding-bottom:10em;}
.storytelling-section .mCSB_inside > .mCSB_container{padding-bottom:8em;}
.strategizing-section{height:1070px;}
.strategizing-section .blockBottom{right:-820px;}
.branding-section{height:940px}
.branding-section .decor-top{margin-top:-82px;}
.branding-section .content-column{height:580px;}
.branding-section .title{right:11.8%;}
.storytelling-section{height:1070px;margin-top:-143px;}
.storytelling-section .blockBottom{left:-16.7%;}
.creative-section .decor-top{top:-255px;}
.technology-section{margin-top:-508px;}
.technology-section .blockBottom{left:46.4%;top:-118px;}
.marketing-section{height:1225px;margin-top:-220px;}
.marketing-section .image{right:90px;top:508px;}
.marketing-section .content-scroll{height:520px;}
.webhosting-section .content-column{width:50%;}
.webhosting-section .image{left:4.1%;}
.webhosting-section{height:850px;}
.webhosting-section .decor{top:-44px;}
.seo-section{margin-top:-137px;}
.seo-section .content-column{margin-top:-20px;}
.seo-section .content-scroll{height:300px;}
.lifeatolive-page .content-column{margin-top:50px;margin-bottom:70px;}
.midright{bottom:124px;width:302px;}
.text{font-size:14px;line-height:19px;}
.bottomleft{width:570px;}
.bottomright{width:500px;}
section.whoweare-text .decor-top{width:197px;}
.news-section{margin-top:30px;}
#tabs ul.tabs{padding-right:90px;}
.services-inner .decor-top{left:-240px;}
.blog-section .bb-custom-side{width:55%;}
.bb-custom-side > h6{font-size:14px;line-height:14px;right:0;}
.blog-section .bb-custom-side{padding-right:250px;background-size:150px auto;}
.research-section .content-column{max-width:400px;}
.storytelling-section{margin-top:-96px;}
.storytelling-section .content-column{margin-top:-66px;}
.creative-section .blockBottom{top:220px;}
.technology-section .technology-inner{margin-top:-110px;}
.technology-section .masking{top:99.6%;}
.socialcomm-section .decor-top{left:56px;}
.socialcomm-section .title h1{font-size:70px;}
.marketing-section{margin-top:-720px;}
.marketing-section .image{top:565px;}
.marketing-section .decor-top{top:9px;}
.webhosting-section .content-column{margin-top:0px;}
.seo-section{margin-top:345px;}
.wrapper .whoweare-midimg{margin-top:-206px;}
.wrapper .quality-img{height:485px;}
.research-section .decor-top{width:98%;}
.section#strategy .decor-top{top:-14px;}
.creative-section .decor-top{top:-269px;}
.storytelling-section.swatch-lightblue .decor-top{top:-88px;}
.technology-section .technology-inner{margin-top:-143px;}
.storytelling-section .title{position:static;margin-bottom:39px;}
.technology-section .masking{top:96.3%;}
.branding-section .title{right:0;top:451px;}
.webhosting-section .image{left:8.1%;top:-81px;}
.socialcomm-section .decor-top .image.top{top:0px;}
.marketing-section .decor-top{top:59px;}
.marketing-section .image{top:579px;}
.socialcomm-section .decor-top .decor{top:-39px;transform:rotate(4deg);}
.webhosting-section .decor{top:97px;transform:rotate(-8deg);}
.seo-section{margin-top:477px;}
.defines-and-guides{padding:180px 0 190px;}
.defines-and-guides .content-column li{height:321px;margin:0 -4.5%;}
.defines-and-guides .content-column li > div{font-size:20px;}
.defines-and-guides .content-column li > div span{padding:20px 30px 20px 45px;}
.blog-section .bb-custom-side{width:60%;}
.address-container.left-div{padding-top:99px;}
header nav ul li a{padding:11px 20px}
.php_decelop .ppc_portfolio h3{font-size: 48px;}
.php_decelop .ppc_portfolio h3.asp-title{font-size: 32px;line-height: normal;}
.php_decelop .ppc_portfolio h3.asp-title span{    font-size: 30px;text-transform: none;}
.port-work .port-owl .l-side h4 {
    font-size: 40px;}
}
@media (min-width:1199px) and (max-width:1440px){.address p br{display:none;}
}
@media(max-width:1399px){h1{font-size:45px;}
h2{font-size:38px;}
h3{font-size:32px;}
h4{font-size:28px;}
h5{font-size:25px;}
h6{font-size:20px;}
.wrapper .whoweare-midimg{width:90.5%;}
.blog-section .bb-custom-side{padding-right:190px;background-size:120px auto;}
.blog-section h2 em{display:inline;}
.blog-section h2{margin-bottom:20px;}
.blog-section h2,.font88,.font75,.font64,.font63,.font59,.font57,.font53,.font51,.font47,.font46,.font45,.font44,.font40,.font35,.font34{font-size:30px;line-height:1;text-transform:uppercase;}
.blog-section p{margin-bottom:12px;}
.wmid-overlay{background-position:center 370px;}
.culture{margin-left:-146px;}
.work{left:38px;}
.our-work .blockBottom{left:-357px;}
.our-work .more-btn{right:170px;}
.our-work .mCSB_container{padding-bottom:280px;}
section.whoweare-text .decor-top{width:236px;}
#tabs{font-size:18px;}
#tabs ul li{line-height:20px;}
#tabs h5.tab-content-title{font-size:25px;}
.writeup{top:60px;font-size:13px;line-height:17px;}
.job-listing h2{font-size:25px;}
.job-listing .job-item{margin-bottom:40px;}
.job-listing{margin-top:30px;}
.whatwedo .title h1{font-size:5rem;}
.whatwedo .title h4{font-size:3rem;}
.whatwedo .content-column{font-size:18px;}
.midright{bottom:110px;width:282px;}
.bottomleft{width:535px;}
.bottomright{width:470px;}
.banner_text{padding:10em 0;}
.banner_text h1{font-size:48px;}
.portfolio-sidebar li{font-size:14px;line-height:29px;}
.portfolio-single .portfolio-content{margin-right:3%;margin-left:24%;}
.portfolio-block{padding:35px 0 33px;}
.portfolio-block.mar-big{padding-top:110px;}
.full_img{margin-top:40px;}
.portfolio-block.mar-big{padding-top:65px;}
.title-header a > img{transform:scale(0.65);-moz-transform:scale(0.65);-webkit-transform:scale(0.65);-ms-transform:scale(0.65);-o-transform:scale(0.65);top:-10px;}
.title-header{line-height:60px;}
.news-listing .item{margin:0 3.95% 4%;width:25%;}
.form-area .input-text{padding:10px 15px;font-size:16px;}
.wrapper .quality-img{height:431px;}
.quality-text{margin-bottom:100px;}
.title-header{padding-right:227px;}
.text-container{margin-top:8%;}
.portfolio-section .title-header h2{font-size:30px;}
.get-touch-inner .inputbox{margin-bottom:22px;}
.get-touch-inner .inputbox input, .get-touch-inner .inputbox textarea{padding:15px 18px;font-size:20px;}
.get-touch-inner .inputbox textarea{min-height:196px;}
.get-touch-inner .lastdiv p{line-height:22px;}
.get-touch-inner .lastdiv p span.text{font-size:20px;line-height:41px;margin:0}
.form-container h2{font-size:32px;}
.iebrowser .quality-textbg{height:595px;}
.inner-pages header{padding:20px 0;}
.inner-pages .wrapper{padding-top:100px;}
.top-right-div a.contact{font-size:15px;margin-right:0;padding:11px 13px;margin-top:8px;}

.get-touch-inner .inputbox textarea {
    min-height: 122px;
}
#imgid {
    height: 50px;
}
.get-touch-inner .submit_btn {
    padding: 14.5px;
}
.mobile-side{
	    bottom: 30px;
}
.port-work .port-owl .l-side, .port-work .port-owl .l-side .back-side {
    padding: 0 30px 0 100px;
}
.port-work .port-owl .l-side p {
    font-size: 18px;
    line-height: 29px;
}
.port-work .port-owl .l-side ul li {
    font-size: 22px;
    background-position: 0 13px;
    line-height: 39px;
}
.port-work .port-owl .owl-dots {
    right: 95px;
}
.flip-btn {
    padding: 0 0 0 100px;
}
.port-work .port-owl .l-side h4 {
    font-size: 36px;
}
.port-work .desktop-owl {
    padding: 29px 89px 146px 90px;
    height: 400px;
}
.port-work .port-owl .r-side {
    padding: 20px 30px 0 0;
}
}
@media(max-width:1366px){.client-left{margin-left:-56px;}
.research-section .decor-top{width:91%;}
#strategy.section .decor-top{top:-30px;}
.creative-section .blockBottom{top:188px;}
.technology-section .technology-inner{margin-top:-150px;}
.technology-section .blockBottom{display:none;}
.socialcomm-section .decor-top .image.top{top:14px;transform:rotate(0deg);}
.marketing-section .image{top:601px;transform:rotate(-1.3deg);right:95px;}
.webhosting-section .image{left:0;top:-204px;transform:rotate(1.95deg);}
.marketing-section .decor-top{top:-64px;}
.seo-section .decor-top svg{top:34px;}
.technology-section{margin-top:-548px;}
.creative-section .decor-top{top:-359px;height:100%;}
.creative-section .content-column{margin-left:-99px;}
.portfolio-block.last{min-height:450px;}
.strategizing-section{top:-71px;background:#fff}
.research-section .title{right:-11%;top:28.5%;width:61.5%;}
.research-section .decor-top{width:68%;top:0;}
.research-section{height:525px;}
.strategizing-section .content-column{height:516px;margin-right:-68px;margin-top:213px;width:43%;}
.branding-section .decor-top{margin-top:-241px;}
.branding-section .content-column{margin-top:-72px;}
.storytelling-section{margin-top:-276px;}
.branding-section .title{right:43px;}
.creative-section .blockBottom{top:186px;}
.creative-section .decor-top{top:-368px;}
.technology-section .technology-inner{margin-top:-167px;}
.technology-section .masking{top:94.0%;}
.socialcomm-section .decor-top .image.top{transform:rotate(-1.2deg);}
.socialcomm-section .title{top:26%;width:54%;right:0;white-space:normal;}
.socialcomm-section .decor-top{top:-150px}
.marketing-section .decor-top{top:-208px;left:137px;}
.webhosting-section{margin-top:0px;}
.webhosting-section .decor-top{left:228px;top:-93px;}
.webhosting-section .content-column{width:42%;text-align:right;margin-right:-74px;}
.seo-section{margin-top:0px;}
.seo-section .title{top:-100px;right:-136px;}
.branding-section .container{width:100%;background:#fff;}
.socialcomm-section .content-column{margin-top:0px;}
.ie .research-section .title{right:0%;top:10.5%;width:61.5%;}
.ie .seo-section .decor-top{margin-top:150px;}
.ie9 .socialcomm-section .image{width:100%;}
.ie .research-section .title{right:-9%;top:25.5%;width:61.5%;}
.ie .socialcomm-section{width:100%;}
.ie #socialcom{width:77%;left:500px;}
.ie .socialcomm-section .decor-top{left:200px;width:100%;top:-50px;}
.ie .socialcomm-section .title{right:140px;}
.ie .marketing-section{margin-top:-550px;}
.ie .creative-section .blockBottom{display:none;}
.ie .socialcomm-section .decor-top .decor{display:none}
.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools, .mCSB_scrollTools{opacity:1 !important;}
.mCSB_inside>.mCSB_container{margin-right:15px;}
.blog-section p{font-size:14px;}
.bb-custom-side > h6{top:2px;}
.news-banner{height:400px;}
.news-inner{height:300px;}
.banner iframe{height:500px;}
.wrapper .whoweare-midimg{margin-top:-199px;}
.wrapper .quality-img{top:51.5%;height:430px;}
.four-0-four .inner-wr h1{font-size:139px;}
.four-0-four .inner-wr p{line-height:57px;}
.four-0-four .inner-wr{margin-bottom:21.4%;}
.get-touch-inner .inputbox input, .get-touch-inner .inputbox textarea{padding:15px 18px 15px 25px;}
.inputbox.phone:before{top:11px;}
.blog-section .bb-custom-side{padding-right:129px;background-size:80px auto;}
.bb-custom-side svg{width:22%;}
p.fdtext2{left:66px;position:relative !important;top:-49px;}
.fdtext1{left:7px;position:relative;top:-2px;font-size:30px!important;}
.vids-text p span.text01{font-size:30px;}
.vids-text span.weare{font-size:30px;}
.vids-text p span.text02{font-size:30px;}
.video_container{height:700px;}
#tabs .services-img{padding:60px 0;}
.services-section{margin-bottom:0!important;}
#tabs ul.build li{font-size:16px;}
#tabs ul.tabs{bottom:96px;}
#tabs ul.build li{width:48.333%;}
#tabs ul.tabs{top:150px;}
#tabs ul.build li{font-size:13px;}
.services-img{position:relative;top:0;}
#tabs .services-img{padding:0;}
.title h2{font-size:52px;}
.portfolio-section .title-header a img{display:block;top:27px;}
#tabs ul.tabs{width:31.45%;}
}
@media(max-width:1360px){#strategy.section .decor-top{top:-22px;}
.creative-section .decor-top{top:-365px;}
.creative-section .blockBottom{top:185px;}
.technology-section{margin-top:-556px;}
.seo-section .decor-top{margin-top:121px;}
header nav ul li a{padding:11px 10px;font-size:16px;}
.vids_overlay_txt p{font-size:30px;line-height:30px;}
}
@media(max-width:1280px){.wrapper .whoweare-midimg{margin-top:-145px;}
.blog-section .bb-custom-side{width:585px;transform:scale(0.8) translateY(-30px);-moz-transform:scale(0.8) translateY(-30px);-webkit-transform:scale(0.8) translateY(-30px);-ms-transform:scale(0.8) translateY(-30px);-o-transform:scale(0.8) translateY(-30px);}
.porfolio-content h1{font-size:88px;font-size:6.286rem;}
.title-header{line-height:inherit;}
.wmid-overlay{background-position:center 348px;}
.our-work .content-column{right:6%;}
.our-work left:-448px;.portfolio-content .more-btn{font-size:40px;font-size:2.857rem;}
.portfolio-section .title-header > span{display:block;}
.writeup{padding:29px 43px 20px;right:4%;}
.writeup p{margin-bottom:10px;}
.job-team img{margin-bottom:25px;}
.job-team > *{margin-bottom:10px;}
.ourteam-page .title h1{font-size:65px;}
.whatwedo h5 br{display:none;}
.research-section{height:632px;}
.research-section .content-column{margin-top:79px;}
.research-section .title{right:-4%;top:38.5%;}
.strategizing-section{height:919px;}
.strategizing-section .content-column{margin-top:300px;}
.strategizing-section .blockBottom{height:555px;}
.strategizing-section .decor-top{width:73.5%;}
.branding-section .decor-top{margin-top:-128px;}
.branding-section .title{right:12.8%;top:30.2%;}
.branding-section .content-column{height:480px;}
.storytelling-section{height:950px;margin-top:-235px;}
.storytelling-section .content-column{margin-top:30px;}
.storytelling-section .blockBottom{left:-22.7%;}
.creative-section{height:965px;}
.creative-section .content-column{margin-top:-30px;height:280px;}
.technology-section .technology-inner,.technology-section .masking{background-size:1035px auto;}
.technology-section .content-column{margin-top:535px;}
.whatwedo .title h1{font-size:4rem;}
.whatwedo .title h4{font-size:2.8rem;}
.whatwedo h5{font-size:2rem;}
.technology-section .content-column{width:47%;}
.technology-section .masking{margin-top:-156px;background-position:left -979px;height:300px;}
.technology-section .blockBottom{height:127px;left:43.4%;top:-159px;width:300px;}
.technology-section{margin-bottom:155px;}
.socialcomm-section .title{width:55%;}
.socialcomm-section .decor-top svg{left:6px;transform:rotate(4deg);-moz-transform:rotate(4deg);-webkit-transform:rotate(4deg);-ms-transform:rotate(4deg);-o-transform:rotate(4deg);}
.socialcomm-section .content-column{height:490px;}
.socialcomm-section .image{right:-26px;top:206px;}
.marketing-section{height:1145px;}
.marketing-section .title,.storytelling-section .title,.seo-section .title{margin-bottom:50px;}
.marketing-section .content-column{margin-left:5%}
.marketing-section .image{right:0;top:454px;}
.marketing-section .decor{top:0;transform:rotate(6.6deg);-moz-transform:rotate(6.6deg);-webkit-transform:rotate(6.6deg);-ms-transform:rotate(6.6deg);-o-transform:rotate(6.6deg);}
.marketing-section .content-scroll{height:400px;}
.webhosting-section .decor{top:-78px;}
.webhosting-section .title{margin-bottom:10px;}
.seo-section{margin-top:-222px;}
.midright{bottom:106px;width:261px;}
.text{font-size:13px;line-height:17px;}
.bottomleft{width:505px;}
.bottomright{width:440px;}
section.whoweare-text .decor-top{width:173px;}
.services-inner .decor-top{left:-320px;}
.services-inner .w1{position:absolute;top:0;}
.whoweare-textbg{height:763px;}
.creative-section .blockBottom{right:12.8%;top:233px;}
.research-section .decor-top{width:74%;}
#strategy.section .decor-top{top:0;left:-7px;}
.branding-section> .container{width:98%;}
.storytelling-section.swatch-lightblue .decor-top{left:78px;}
.creative-section .decor-top{right:-65px;top:-287px;height:89%;}
.storytelling-section .content-column{margin-right:20px;}
.creative-section .content-column{margin-left:-37px;}
.technology-section .content-scroll{max-width:344px;height:335px;}
.technology-section{margin-top:-440px;}
.socialcomm-section .decor-top .decor{top:-80px;transform:rotate(6.4deg);}
.socialcomm-section .decor-top .image.top{right:-36px;left:auto;top:0px;transform:rotate(0.7deg);}
.socialcomm-section .decor-top{left:22px;}
.marketing-section .decor-top{top:38px;}
.marketing-section .image{top:501px;transform:rotate(0.3deg);}
.seo-section .title{top:-148px;}
.webhosting-section .decor{top:50px;}
.webhosting-section .image{top:-234px;}
.seo-section .content-column{margin-top:240px;}
.seo-section .decor-top{margin-top:200px;}
.seo-section .content-column{width:52%;}
.defines-and-guides .content-column li{height:283px}
.defines-and-guides .content-column li > div{font-size:18px;line-height:1.2;}
.quality-text{margin-bottom:120px;}
.wrapper .quality-img{top:49.9%;height:430px;}
.contact-main .gcaptcha-wr{transform:scale(.9);-webkit-transform:scale(.9);-moz-transform:scale(.9);}
.wrapper .whoweare-midimg{margin-top:-244px;}
.iebrowser .quality-textbg{height:550px;}
header nav ul li a{font-size:15px;padding:11px 8px;}
}
@media(max-width:1199px){#cs_menu_wrapper{display:none;}
.portfolio-single .portfolio-content{margin-left:0;margin-right:0;padding-left:5%;padding-right:5%;}
.portfolio-block.mar-big{padding-top:60px;}
.margin{margin:25px 0;}
.full_img{margin-top:40px;}
.portfolio .item{font-size:16px;font-size:1.143rem;}
.portfolio .big h2,.portfolio .item h2{font-size:40px;font-size:2.857rem;margin:0.67em 0;}
.portfolio .more-btn, .portfolio .big .more-btn{font-size:80px;}
.portfolio .item .content > *:after,.portfolio .item .content > *:before{height:155px;width:3px;}
.portfolio .big .content > *:before,.portfolio .big .content > *:after{height:155px;}
.portfolio .item .content > *:before,.portfolio .big .content > *:before{left:81%;top:-80%;}
.portfolio .item .content > *:after,.portfolio .big .content > *:after{bottom:-36%;left:27%;}
.title-header{padding-right:196px;}
.portfolio-block.last{min-height:inherit;padding-bottom:30px;}
.news-listing .item{margin:0 4% 4%;width:40%;}
.inner-banner .decor-top{height:200px;}
.news-listing,.news-detail{padding-top:30px;}
.news-inner{height:400px;}
.banner_text{padding:6em 0;width:70%;}
.banner_text h1{font-size:45px;}
.cslogo img{margin-left:-16px;transform:scale(0.8);-moz-transform:scale(0.8);-webkit-transform:scale(0.8);-ms-transform:scale(0.8);-o-transform:scale(0.8);}
.portfolio-content .detail-content > *{width:51%;}
.portfolio-content .right-section{width:44%;}
.portfolio-content h1{font-size:50px;font-size:4.32vw;}
.portfolio-content .detail-content{font-size:13px;font-size:0.929rem;}
.portfolio-content h3{font-size:25px;}
.portfolio-content h4{font-size:18px;margin:20px 0;}
.portfolio-single .portfolio-content{font-size:14px;}
.portfolio-content p{margin:0 0 20px;}
.writeup{font-size:12px;line-height:16px;}
.writeup{padding-left:30px;padding-right:30px;top:40px;}
.career-page .title-div{margin-bottom:150px;}
.ourteam-page .title h1{font-size:55px;}
.content-column{min-width:inherit;}
.research-section{height:1150px;}
.whatwedo .section .content-column{padding-top:30px;padding-bottom:30px;height:auto;margin-top:0;max-width:100%;width:100%;font-size:14px;line-height:20px;}
.branding-section .content-column, .storytelling-section .content-scroll{height:auto;}
.research-section .decor-top{top:6px;}
.strategizing-section{height:770px;}
.strategizing-section .content-column{margin-top:180px;height:492px;}
.branding-section{height:799px;}
.branding-section .content-column{height:392px;}
.storytelling-section{height:747px;margin-top:-223px;}
.storytelling-section .blockBottom{left:-41.7%}
.storytelling-section .content-scroll{height:348px;}
.creative-section{height:875px;}
.creative-section .blockBottom{right:6.4%;}
.creative-section .content-column{height:305px;margin-top:-65px;}
.creative-section .decor{left:40px;top:-45px;}
.technology-section{margin-bottom:0;}
.technology-section .technology-inner, .technology-section .masking{background-size:880px auto;}
.technology-section .content-column{margin-top:431px;}
.technology-section .content-scroll{height:164px;}
.technology-section .masking{background-position:left -730px;height:327px;margin-top:-405px;}
.technology-section .blockBottom{height:102px;left:44.05%;top:-42px;width:300px;}
.socialcomm-section{height:625px;}
.socialcomm-section .image{background-position:left center;background-size:auto 100%;height:600px;top:0;width:500px;}
.socialcomm-section .content-column{margin-top:0;}
.socialcomm-section .title{right:0;top:37%;}
.socialcomm-section .decor-top svg{left:-14px;top:23px;transform:rotate(-4deg);-moz-transform:rotate(-4deg);-webkit-transform:rotate(-4deg);-ms-transform:rotate(-4deg);-o-transform:rotate(-4deg);}
.socialcomm-section .decor-top{height:96.6%;}
.marketing-section{background-size:auto 100%;height:975px;}
.marketing-section .image{height:400px;right:-12px;top:364px;width:400px;}
.marketing-section .decor{right:0;top:-42px;transform:rotate(9deg);-moz-transform:rotate(9deg);-webkit-transform:rotate(9deg);-ms-transform:rotate(9deg);-o-transform:rotate(9deg);}
.marketing-section .content-scroll{height:345px;}
.webhosting-section{height:667px;}
.webhosting-section .image{left:1.9%;top:-98px;}
.webhosting-section .content-column,.seo-section .content-column{margin-top:-50px;}
.webhosting-section .decor{left:-42px;top:-142px;transform:rotate(-7.5deg);-moz-transform:rotate(-7.5deg);-webkit-transform:rotate(-7.5deg);-ms-transform:rotate(-7.5deg);-o-transform:rotate(-7.5deg);}
.webhosting-section .content-column{width:45%;}
.webhosting-section .content-scroll{height:470px;}
.seo-section{margin-top:-227px;height:659px;}
.seo-section .content-column{width:50%;}
.text{font-size:15px;line-height:20px;margin-top:20px;position:static;width:88%;}
.bottomleft, .bottomright{width:98%;}
.lifeatolive-page .content-column{margin-bottom:40px;}
.whoweare-text .content-column{margin-bottom:40px;margin-top:100px;width:90%;}
.ourteam-page .title-div{height:280px;}
.services-inner .decor-top{left:-384px;}
.slider-text{top:32%}
.slider-text h1{margin-bottom:10px;}
.portfolio-case{
	float: left;
	width: 100%
}
.portfolio-case .h3-portfolio, .portfolio-case .hvr-eft p{
	padding-left: 0
}
.portfolio-case .hvr-eft p{
	font-size: 14px;
}
.container, .portfolio-case .container-case{width:95%;}
.whoweare-textbg{height:628px;}
.contact-main .g-recaptcha,.contact-main .form-area .btn-submit{width:auto;}
.creative-section .content-column{height:auto;}
.quality-text .content-column{margin-top:50px;margin-bottom:50px;}
.wrapper .quality-img{height:328px;top:50.65%;}
.quality-text{margin-bottom:100px;}
.defines-and-guides{margin-top:-10px;}
.defines-and-guides .content-column li{padding:10px;}
.quality-btm{margin-top:0;}
.defines-and-guides{padding:150px 0 140px;}
.quality-btm{margin-bottom:50px;}
.mobile-width > *{width:50%;padding-right:5px;}
.whoweare-text-ab .content-column{width:50%}
.whoweare-text-ab h1{font-size:45px!important;}
.get-touch-inner .lastdiv p span.text{font-size:19px;}
.port-work .port-owl .l-side h4 {
    font-size: 30px;
}
.port-work .port-owl .l-side p {
    font-size: 15px;
    line-height: 25px;
}
.port-work .port-owl .l-side span{
	font-size: 14px;
}
.port-work .desktop-owl {
    width: 420px;
    background-size: contain;
    padding: 18px 56px 59px 56px;
    height: 270px;
}
.port-work .port-owl .l-side, .port-work .port-owl .l-side .back-side {
    padding: 0 30px 0 40px;
}
.port-work .port-owl .l-side ul li {
    font-size: 18px;line-height: 32px;    background-position: 0 10px;}
.port-work .port-owl .item .one-bx {
    height: 480px;
}    
.flip-btn {
    padding: 0 0 0 40px;
}    
}
@media (min-width:768px) and (max-width:1199px){.address > div{width:100%;padding-right:0;}
}
@media (min-width:1024px) and (max-width:1199px){.research-section .decor{height:81%;right:138px;top:144px;width:auto;}
}
@media(max-width:1099px){.hhlogo{top:-30px;transform:scale(0.6);-moz-transform:scale(0.6);-webkit-transform:scale(0.6);-ms-transform:scale(0.6);-o-transform:scale(0.6);}
.topline svg{height:200px;}
.portfolio .item{width:50%;}
section.whoweare-text .decor-top{display:none;}
.whoweare-textbg{height:584px;}
.wrapper .whoweare-midimg{margin-top:-267px;}
.whoweare-btm{margin-top:-596px;}
.whoweare .bottomimg,.whats-storybtm .bottomimg{position:static!important;}
.whoweare-btm .content-column,.whats-storybtm .content-column{padding-bottom:0!important;}
#tabs{font-size:16px;}
#tabs ul.tabs{min-width:210px;bottom:31px;left:30%;}
#tabs ul li{font-size:20px;font-size:1.429rem;line-height:1;}
#tabs ul.tabs{padding-right:25px;}
.separator:before{height:380px;}
.services-section .decor-top{right:-130px;}
.services-section .separator:before{bottom:7px;top:auto;}
.services-section .separator{left:57%;}
#tabs h5.tab-content-title{font-size:22px;}
.services-section .decor-top{right:-124px;}
.blog-section .container{width:95%;}
.blog-section h2,.font88,.font75,.font64,.font63,.font59,.font57,.font53,.font51,.font47,.font46,.font45,.font44,.font40,.font35,.font34{font-size:25px;}
.slider{width:67%;}
.banner-section .right-section{min-width:240px;}
.topline{margin-left:32px;}
.news-section{font-size:13px;line-height:19px;}
.news-text{width:70%;}
.bottomline{margin-bottom:-61px;}
.porfolio-content h1{font-size:56px;font-size:4rem;}
.porfolio-content .table{padding:2em 1em;}
.porfolio-content .table-cell{padding-left:1em;padding-right:1em;}
.wmid-overlay{background-position:center 315px;}
.workheading{top:220px;position:relative;}
.our-work .content-column{max-width:inherit;min-width:inherit;position:static;width:80%;margin-top:200px;}
.work{left:0;}
.culture{left:0;}
.our-work .mCSB_container{padding-top:0;}
.scroll-container{height:auto;padding-bottom:20px;}
.wlft-overlay,.wmid-overlay{display:none;}
.w1{background:url(../images/w1mob.png) no-repeat center top;background-size:100% auto;}
.w2{background:url(../images/w2mob.png) no-repeat center top;background-size:100% auto;}
.clr{clear:both;}
.our-work .more-btn{display:none;}
.portfolio-half-l,.portfolio-half-r{width:100%;text-align:center;margin:0;}
.portfolio-half-l{margin:0 0 90px;}
.menu{width:50%;}
.menu > .more-btn{right:15px;top:5px;}
.menu > ul{transform:translateY(0%);-moz-transform:translateY(0%);-webkit-transform:translateY(0%);-ms-transform:translateY(0%);-o-transform:translateY(0%);top:50px;}
.career-inner .title-div{background:url(../images/creative-banner-m.jpg) no-repeat center center;background-attachment:fixed;background-size:cover;height:560px;margin-bottom:0;}
.team-listing{margin:0 -1.5%;}
.job-team{width:30%;margin:0 1.5% 50px;}
.job-team:nth-child(4n+1){clear:none;}
.job-team:nth-child(3n+1){clear:left;}
.services-inner .w1{background-size:100% auto;}
.services-inner .w1 > *{display:none;}
.services-inner .content-column{width:100%;max-width:inherit;margin-top:100px;}
.creative-section .blockBottom{top:249px;}
.marketing-section .title, .seo-section .title,.webhosting-section .title{text-align:center;margin-top:55px;}
.whatwedo .title h1{font-size:55px;}
.whatwedo .title h4{font-size:28px;}
.socialcomm-section,.webhosting-section{height:auto;}
.marketing-section{height:auto;margin-top:0;}
.socialcomm-section .decor-top .decor,.marketing-section .decor,.webhosting-section .decor{display:none;}
.socialcomm-section .title{top:39%;width:77%;}
.socialcomm-section .decor-top{position:relative;float:right;top:-29%;width:49%;}
.socialcomm-section .decor-top .image.top{width:100%;transform:rotate(0deg)}
.socialcomm-section .content-column,.marketing-section .content-column,.webhosting-section .content-column,.seo-section .content-column{width:100%;}
.marketing-section .content-column{margin-top:0px;}
.socialcomm-section .image{position:static;}
.marketing-section .image,.webhosting-section .image{width:85%;position:static;float:right;height:auto;}
.marketing-section .decor-top{float:right;width:50%;position:relative;top:55px;height:auto;}
.webhosting-section .image{width:74%;}
.seo-section{height:auto;margin-top:0px}
.seo-section .decor-top svg{position:relative;}
.seo-section .decor-top{position:static;top:-20px;margin-top:0px;}
.seo-section > .container{padding:0 5%;}
.branding-section .mCSB_inside > .mCSB_container{padding-bottom:0;}
.hide-on-i-pad{display:none;}
.ipad-show{display:block;position:relative;}
.ip-ad-text{color:#fff;left:5%;position:absolute;top:50%;transform:translateY(-50%);-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);}
.ip-ad-text h4{color:#fff;margin:0px;}
.ip-ad-text h4 span{color:#9d9d9d;}
.ip-ad-text h1{color:#fff;font-size:55px;line-height:55px;margin:0;text-transform:uppercase;width:53%;}
.seo-section .ip-ad-text{position:static;padding:0 5%;text-align:center;transform:inherit;-moz-transform:inherit;-webkit-transform:inherit;-ms-transform:inherit;-o-transform:inherit;}
.seo-section .ip-ad-text h1{color:#5f5f5f;width:auto;}
.seo-section .ip-ad-text h4{color:#000;}
.research-section{height:auto;}
.strategizing-section{top:0px;}
.ip-ad-text.downpad{top:54%;left:5%;width:100%;}
.strategizing-section{height:auto;}
.branding-section .content-column{height:auto;max-width:100%;text-align:center;width:100%;}
.branding-section .ip-ad-text.downpad{top:70%;}
.strategizing-section .content-column{float:left;margin:0;max-width:100%;width:100%;}
.branding-section .content-column{margin-top:0px;}
.branding-section > .container{background:#bcedfc;width:100%;}
.storytelling-section{height:auto;margin-top:0;}
.branding-section{height:auto;}
.technology-section{margin-bottom:0;}
.storytelling-section{height:auto;margin-top:0;background:#bcedfc;}
.storytelling-section .content-column{margin:0;max-width:100%;text-align:center;width:100%;padding:25px 0;}
.swatch-lightblue .title{text-align:center;width:auto;}
.ipad-show.triangle-color{background:url(../images/lower-triangle.png) no-repeat center bottom;float:left;width:100%;height:361px;}
.technology-section{margin-top:0;}
.creative-section{height:auto;margin-top:0px;}
.creative-section .decor-top{height:auto;right:0;top:0;width:100%;max-width:100%;}
.storytelling-section .content-scroll{height:auto;}
.creative-section .blockBottom{position:relative;top:0;}
.storytelling-section .mCSB_inside > .mCSB_container{padding-bottom:0;}
img.new-ipad{border:0 none;display:block;height:auto;max-width:100%;transform:rotate(1deg);-moz-transform:rotate(1deg);-webkit-transform:rotate(1deg);-ms-transform:rotate(1deg);-o-transform:rotate(1deg);vertical-align:middle;width:35%;}
#creative .decor-top{position:relative;}
.creativesw h4,.branding-section .ip-ad-text h4,.marketing-section h4{color:#000}
.creativesw h1,.branding-section .ip-ad-text h1,.marketing-section h1{color:#5f5f5f;text-transform:uppercase;}
.creative-section .blockBottom.i-pad-line{background:none;top:43px;transform:rotate(-35deg);-moz-transform:rotate(-35deg);-webkit-transform:rotate(-35deg);-ms-transform:rotate(-35deg);-o-transform:rotate(-35deg);height:auto;width:100%;}
.technology-section .technology-inner{margin-top:0;}
.technology-section{height:auto;}
.technology-section .masking{margin-top:0px;}
.ip-ad-text.comm{left:0;padding-left:0;position:relative;text-align:center;top:0;width:100%;}
.ip-ad-text.comm h4{color:#282828;}
.ip-ad-text.comm h1{color:#5f5f5f;width:100%;}
.socialcomm-section{margin-top:0;}
.marketing-section .content-column{margin-left:0;max-width:100%;text-align:center;width:100%;}
.marketing-section{background-image:none;}
.socialcomm-section .content-column{height:auto;}
.technology-section .masking{position:static;background-position:left -710px;}
.no-scroll #mCSB_6_container{padding-bottom:0px;}
#webhosting .container .content-column{margin-right:0;margin-top:0;max-width:100%;text-align:center;width:100%;}
.webhosting-section .decor-top{float:left;height:auto;position:static;text-align:center;top:55px;width:100%;}
.webhosting-section .decor-top .image{float:none;}
.seo-section .content-column{margin:0px;max-width:100%;}
.seo-section > .container{width:100%;}
.seo-section .content-scroll{height:auto;}
.creative-section .content-column{margin-left:0px;max-width:inherit;margin-top:50px;width:100%;}
#creative{padding:50px 0 0}
.ip-ad-text.comm.left-sec{left:0;padding-left:19%;position:relative;text-align:left;top:0;width:71%;}
.webhosting-section .content-scroll{height:auto;}
.webhosting-section .mCSB_inside > .mCSB_container{padding-bottom:0;}
.strategizing-section .mCSB_inside > .mCSB_container{padding-bottom:0px;}
.webhosting-section .content-scroll{padding-top:0px;}
.branding-section .content-column{margin:0px;padding:0 20px;}
.technology-section .technology-inner{background:url(../images/tech-top-ipad.png) no-repeat center top;}
.technology-section .masking{background:url(../images/i-pad-bot-tech.png) no-repeat center top;height:326px;}
.technology-section .content-scroll{height:auto;max-width:100%;width:100%;}
.technology-section .title{text-align:center;}
.section.technology-section .content-column{width:100%;margin-top:235px;margin-left:0;}
.marketing-section .content-scroll{height:auto;}
.marketing-section .mCSB_inside > .mCSB_container{padding-bottom:0px;}
.scroll-mob{height:200px;overflow-y:scroll;}
.subnav{position:static;transform:none;-moz-transform:none;-webkit-transform:none;-ms-transform:none;-o-transform:none;display:none;padding:0 1%;margin-bottom:40px}
.hover-btn{height:50px;width:50px;}
.hover-btn:before{right:48px;height:120px;}
.portfolio-content .detail-content > *{padding-right:15px;}
.defines-and-guides .content-column li > div{font-size:16px;}
.defines-and-guides .content-column li{height:243px;}
.defines-and-guides .content-column li > div span{padding-left:35px;}
.get-touch-inner .lastdiv{max-width:100%;padding-right:2%;text-align:center;}
.get-touch-inner .lastdiv .lastdiv-inner{text-align:center;}
.get-touch-inner .lastdiv p{display:inline-block;width:auto;max-width:289px;margin-left:20px;}
.get-touch-inner .lastdiv p span.text{margin-top:0px;}
.get-touch-inner .frm-div.midle{padding-right:0;}
.tabs:after{border-right:1px solid #cdcdcd;content:"";height:105%;position:absolute;right:0;top:-26px;-webkit-transform:rotate(10deg);-ms-transform:rotate(10deg);transform:rotate(10deg);width:1px;}
.services-section .decor-top{display:none;}
.get-touch-inner .left-div{border-bottom:1px solid rgb(87, 87, 87);border-right:0 none;margin-bottom:30px;max-width:100%;padding-bottom:30px;width:100%;}
.wrapper > .section{margin-bottom:60px;}
.blog-section{padding-top:0px;}
.address-container.left-div{padding-top:55px;}
.client-main .client-container .client-images{max-width:22.8%;margin:0 10px 20px 10px;}
.get-touch-inner .lastdiv p span.icon{margin-right:10px;}
}
@media (max-width:1010px){.portfolio .item .content > *:after,.portfolio .item .content > *:before,.portfolio .big .content > *:before,.portfolio .big .content > *:after{height:100px;}
.portfolio .more-btn, .portfolio .big .more-btn{font-size:60px;}
.portfolio .big h2, .portfolio .item h2{font-size:25px;}
.banner_text{width:63%;}
.banner_text h1{font-size:30px;}
.career-page .title-div{margin-bottom:50px;}
.writeup{max-width:inherit;position:static;width:100%;font-size:14px;line-height:18px;}
.writeup h2{line-height:1;}
.title-div > img{margin-bottom:0;}
.writeup p{margin-bottom:20px;}
.research-section .decor-top{top:65px;width:76%;}
.strategizing-section .blockBottom{height:627px;}
.branding-section .decor-top{margin-top:-192px;}
.branding-section .title{right:14.8%;top:37.2%;}
.storytelling-section .blockBottom{left:-44.2%;}
.creative-section{}
.creative-section .title{top:49.1%;}
.creative-section .blockBottom{right:13.8%;top:308px;transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);}
.technology-section .technology-inner, .technology-section .masking{background-size:847px auto;}
.technology-section .masking{background-position:left -774px;margin-top:-361px;}
.technology-section .blockBottom{height:105px;left:44.88%;top:-102px;width:250px;}
.socialcomm-section .decor-top svg{left:-34px;}
.marketing-section .decor{top:-56px;}
.webhosting-section .image{left:0.3%;}
.webhosting-section .decor{top:-135px}
.seo-section .title{top:-173px;}
.whatwedo .title h4{font-size:1.8rem;}
.wrapper .whoweare-midimg{margin-top:-281px;}
.banner-section{padding-top:150px;}
.home .site-footer{position:static;margin-top:0px;}
.news-text{width:73%}
.contact-main .g-recaptcha, .contact-main .form-area .btn-submit{width:100%;margin-bottom:15px;}
}
@media(min-width:980px){.show-tablet{display:none!important;}
.news-banner .content-column{text-align:left;}
.news-detail .thumbnail{float:left;width:39.285%;}
.news-detail .entry-content{float:right;width:56.168%;position:relative;padding-bottom:120px;}

}
@media (max-width:991px){.research-section{height:auto;}
.research-section .content-column{width:100%;}
.research-section .decor-top{width:50%;float:right;top:-3%;}
.whatwedo .title h1{font-size:2rem;}
.whatwedo .title h4{font-size:1.5rem;}
#strategy.section .decor-top{top:-76px;}
.storytelling-section.swatch-lightblue .decor-top{left:0;}
.storytelling-section .content-column{margin-right:55px;}
.creative-section .blockBottom{top:112px;right:0;}
.creative-section .decor-top{top:-443px;right:-22px;}
.technology-section .masking{margin-top:0px;background-position:left 0;}
#tabs ul.tabs{width:100%;}
.services-section .decor-top{display:none}
.defines-and-guides .content-column{width:100%;}
.defines-and-guides .content-column ul{margin-right:0;}
.defines-and-guides .content-column li{width:45%;margin:0 2%;height:345px;}
.defines-and-guides .content-column li > div{height:81%;font-size:18px;}
.defines-and-guides .content-column li > div span{padding-left:45px;}
.wrapper .quality-img{height:324px;}
.defines-and-guides .content-column li{height:400px;}
.news-text{width:68%;}
.tabs:after{display:none;}
.client-main .client-container .client-images{max-width:29.7%;}
.client-main .client-container .client-images:nth-child(3n+1){clear:left;}
.top-right-div a.contact{padding:10px 8px;}
p.fdtext2{left:62px;position:relative !important;top:-46px;}
.fdtext1{left:7px;position:relative;top:-1px;}
.video_container{height:500px;}
#tabs ul.tabs{top:110px;}
h2.research{font-size:35px!important;}
#tabs ul.tabs{top:140px!important;}
i.more-btn{bottom:0;display:block;font-size:25px;height:25px;left:0;margin:auto;position:absolute;right:auto;top:0;}
.sub ul{display:none;margin-left:15px;}
header nav ul li a{color:rgb(157, 157, 157);display:block;font-size:18px;line-height:1.12;padding-left:32px;padding:8px 8px 8px 30px;position:relative;}
.menu-btn{display:block;font-size:20px;right:5px;top:9px;z-index:999;}
.navigation{background:rgb(40, 40, 40);height:100%;margin:0;padding:70px 40px;position:fixed;right:-1px;top:0;overflow:auto;width:320px;z-index:99;transform:translateX(100%);-moz-transform:translateX(100%);-webkit-transform:translateX(100%);-ms-transform:translateX(100%);-o-transform:translateX(100%);transition:opacity 0.8s ease 0s;}
.navigation.active{transform:translateX(0);-moz-transform:translateX(0);-webkit-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transition:opacity 0.8s ease 0s;}
.overlay_m{z-index:9;background:rgba(40,40,40,0.95);position:fixed;left:-2px;top:0;width:100%;height:100%;opacity:0;transition:opacity 0.8s ease 0s;display:none}
.top-right-div{margin-right:130px;}
.overlay_m.active{opacity:1;display:block}
li.sub a.active i.more-btn{transform:rotate(-45deg);-ms-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);}
header nav ul li a:hover{color:#fff}
.menu-btn{width:108px;height:37px;position:absolute;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out;-o-transition:.5s ease-in-out;transition:.5s ease-in-out;cursor:pointer;border:1px solid}
.menu-btn span{display:block;position:absolute;height:2px;width:30px;background:rgb(77, 190, 238);border-radius:9px;opacity:1;left:5px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.25s ease-in-out;-moz-transition:.25s ease-in-out;-o-transition:.25s ease-in-out;transition:.25s ease-in-out;}
.menu-btn span:nth-child(1){top:9px;}
.menu-btn span:nth-child(2){top:17px;}
.menu-btn span:nth-child(3){top:25px;}
.menu-btn.active span:nth-child(1){top:18px;-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);-o-transform:rotate(135deg);transform:rotate(135deg);}
.menu-btn.active span:nth-child(2){opacity:0;left:-60px;}
.menu-btn.active span:nth-child(3){top:18px;-webkit-transform:rotate(-135deg);-moz-transform:rotate(-135deg);-o-transform:rotate(-135deg);transform:rotate(-135deg);}
.navigation > ul > li{margin-bottom:15px;}
.menutxt{font-size:19px;font-style:normal;margin:auto;position:absolute;right:7px;top:9px;}
.port-work .port-owl .item{
	display: block;
}
.port-work .port-owl .r-side{
	padding: 20px 0 0 0
}
.port-work .port-owl .l-side h4 {
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 10px;
}
.port-work .port-owl .l-side h5 {
    font-size: 20px;
}
.port-work .port-owl .l-side ul li {
    font-size: 16px;}
.port-work .port-owl .l-side p {
    font-size: 14px;
    line-height: 23px;
}
.flip-btn{
	font-size: 16px
}
.port-work .port-owl .l-side, .port-work .port-owl .l-side .back-side{
	padding: 0 0 0 40px
}
.port-work .port-owl .portfolio-section img{
width: auto;
    max-width: 120px	
}
.port-work .port-owl .portfolio-section span.story{
	font-size: 16px;
}
.port-work .port-owl .portfolio-section .separator:before {
    height: 65px;
    right: -70px;
}
}
@media(max-width:979px){.hide-tablet{display:none!important;}
.porfolio-content .detail-content{font-size:1rem;}
.portfolio-section .title-header h2{font-size:32px;}
.title-header{padding-right:165px;}
.wlft-overlay,.wmid-overlay{display:none;}
.whoweare-btm .content-column{min-width:inherit;}
.content-column,.whoweare-btm .content-column{width:80%;}
.our-work .content-column{margin-top:0;}
.workheading .parallex{height:70px;width:82%;}
.work{background:url(../images/workmob.png) no-repeat center top;left:0;}
.culture{background:url(../images/culturemob.png) no-repeat center top;left:0 !important;}
.empty{display:none;}
.max-bupa,.pernod-ricard,.recharge,.set-one{right:310px;}
.liberty,.max-health, .greenply, .set-two{right:620px;}
.subway,.trident, .johnny_rockets,.maidens_hotel, .dulux, .set-three{right:930px;}
.blog-section h2{font-size:20px;}
.news-banner h1{margin-left:0;}
.career-inner .title-div{height:400px;background-position:70% 40%;margin-bottom:50px;}
.career-page .title{top:50%;transform:translateY(-50%);-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);}
.job-team{margin:0 2.5% 50px;width:45%;}
.job-team:nth-child(3n+1){clear:none;}
.job-team:nth-child(2n+1){clear:left;}
.ourteam-page .title{bottom:12%;}
.ourteam-page .title h1{font-size:45px;}
.defines-and-guides .content-column li > div{height:71%;}
.defines-and-guides .content-column li{height:320px;}
section.get-touch{padding:20px 0;}
.get-touch .container{width:96%;}
.flipcontrols span{display:inline-block;}
.flipcontrols{left:0;position:absolute;right:0;text-align:center;top:0;}
.blog-section p{font-size:15px;}
.overlay_book{background:rgba(255, 255, 255, 0.85) none repeat scroll 0 0;display:block;height:100%;left:-2px;position:absolute;top:0;transition:opacity 0.8s ease 0s;width:100%;z-index:9;}
.blog-section .bb-custom-side{background:rgba(0, 0, 0, 0) none repeat scroll 0 0;color:rgb(0, 0, 0);padding-left:50px;padding-right:0;position:absolute;top:15%;transform:inherit;width:100%;z-index:99;height:87%}
.blog-section .more-btn{position:relative;float:right;}
.bb-bookblock{height:557px;}
}
@media (min-width:769px) and (max-width:912px){.site-footer address, .site-footer .social-icons{float:none!important;}
.site-footer .f-nav{display:block}

}
@media (min-width:769px) and (max-height:1104px){.site-footer .f-nav ul li{margin-right:5px;margin-left:5px;}
.site-footer .f-nav ul{margin:13px 0 0 0;}
}
@media(max-width:900px){.whoweare-btm{margin-top:0;padding-top:60px;}
.wrapper .whoweare-midimg,.wrapper .quality-img,.quality-textbg{display:none;}
.quality-text{background:#282828}
.quality-text .container{position:static;}
#tabs ul.tabs{left:0;}
#tabs .services-img{display:none;}
#tabs .services-content{width:52%;}
.services-section .separator{left:39%;}
.slider{width:100%;margin-bottom:40px;}
.banner-section .right-section{clear:both;height:450px;margin:auto;max-width:274px;overflow:hidden;position:static;width:100%;}
.page-title .title{padding-top:70px;}
.page-title{min-height:380px;}
.min-height{min-height:825px;}
}
@media only screen and (max-width:800px){.video_container{height:432px;}
.vids_overlay_txt{top:65%;}
.vids_overlay_txt h2{font-size:80px;}
.vids-text p span.text01{font-size:25px;}
.vids-text span.weare{font-size:25px;}
.vids-text p span.text02{font-size:25px;}
.fdtext1{font-size:25px!important;}
.fdtext1{left:5px;top:-3px;}
p.fdtext2{left:54px;top:-47px;}
#tabs ul.tabs{top:190px;}
#tabs ul.tabs{width:41.45%;}
}
@media(min-width:768px){.hide-desktop{display:none!important;}
.tablet_acdin{display:none!important;}
}
@media(max-width:768px){.site-footer address,.site-footer .social-icons{float:none;}
.form-area .input-box{padding-top:0px;padding-bottom:10px;}
#frmErrorMessageSpan{margin-bottom:6px;}
}
@media(max-width:767px){h1,h2,h3,h4,h5,h6{line-height:1.05em;margin:2em 0 0.67em;}
.logo{width:39%;}
.hide-mobile{display:none!important;}
.menu-toggle{margin-right:15px;}
.banner-section .container{width:90%;}
.banner-section{padding-top:106px;margin-bottom:40px}
.banner-section h5{font-size:2.857rem;}
.slider,.banner-section .right-section{width:100%;display:block;}
.slider{padding-right:0;margin-bottom:38px;}
.slider h1{font-size:48px;font-size:3.429rem;margin-bottom:10px;}
.news-text .more-btn{position:static;margin-top:2px;font-size:16px;}
.news-section{margin-top:50px;}
.news-section h6{font-size:30px;font-size:2.143rem;}
.news-text{width:100%;}
.portfolio-content{font-size:19px;line-height:26px;}
.banner_text{padding:80px 30px;}
.banner_text h1{font-size:30px;line-height:1;top:0;margin-top:1em}
.banner_text h1 br{display:none;}
.portfolio .big h2,.portfolio .item h2,.item-mob h2{font-size:50px;font-size:3.571rem;}
.portfolio .item,.portfolio .big{width:100%;}
.portfolio .item .content > *:after,.portfolio .item .content > *:before,.portfolio .big .content > *:before,.portfolio .big .content > *:after{height:100%;}
.portfolio .item .content > *:before,.portfolio .big .content > *:before{left:68%;top:-100%;}
.portfolio .item .content > *:after,.portfolio .big .content > *:after{bottom:-59%;left:27%;}
.loader-item.active .hovers_text:before{height:250px;top:-75px;}
.logo{background-size:90% auto;background-position:center center;}
#tabs > div,.services-section .separator{display:none;}
#tabs ul.tabs{position:static;text-align:center;width:100%;margin:0 auto;padding-right:0;}
.services-section .decor-top{display:none;}
#tabs ul li{position:relative;padding:0 10px;}
#tabs .more-btn{display:inline-block;font-size:30px;margin-bottom:-10px;position:static;vertical-align:bottom;}
#tabs ul.tabs li a{color:#282828;}
#tabs ul.tabs br{display:none;}
.portfolio-section,.blog-section{margin-bottom:5rem;}
.portfolio-section{margin-bottom:0;}
.services-section .container{width:95%}
.flipcontrols span{transform:scale(0.8);-moz-transform:scale(0.8);-webkit-transform:scale(0.8);-ms-transform:scale(0.8);-o-transform:scale(0.8);margin-bottom:0;}
.workheading{height:300px;top:120px;}
.whoweare .w1,.whoweare .w2{background-position:left 108px;}
.whoweare-text h1{margin-top:0.5em;}
.whoweare-btm{padding-top:10px;}
.dalmia-banner{background:url(../images/portfolio/dalmia/banner-dalmina_m.jpg) no-repeat 88% center;}
.teacher-banner{background:url(../images/portfolio/teacher/teacher-banner.jpg) no-repeat right center;background-size:cover;}
.mescos-banner{background:url(../images/portfolio/mescos/mescos-banner.jpg) no-repeat right center;background-size:cover;}
.dulux-banner{background:url(../images/portfolio/dulux/banner-dulux_m.jpg) no-repeat center center;}
.j_rocket-banner{background:url(../images/portfolio/johny/portfolio-johnny-banner_m.jpg) no-repeat 95% center;}
.maiden-banner{background:url(../images/portfolio/maiden/portfolio-maiden-banner_m.jpg) no-repeat center center;}
.trident-banner{background:url(../images/portfolio/trident/banner-trident_m.jpg) no-repeat center center;}
.vemanya-banner{background:url(../images/portfolio/vemanya/portfolio-vemanya-banner_m.jpg) no-repeat center center;}
.navrasa-banner{background:url(../images/portfolio/navrasa/navrasa-banner_m.jpg) no-repeat center center;}
.shopkhoj-banner{background:url(../images/portfolio/shopkhoj/shopkhoj-banner.jpg) no-repeat center center;background-size:cover;}
.news-banner{background:url(../images/news-banner_m.jpg) no-repeat center center;background-size:cover;background-attachment:fixed;}
.fitness-banner{background:url(../images/portfolio/fitness/freestyle-1400x650.jpg) no-repeat center center;background-size:cover;background-attachment:fixed;}
.inner-banner .decor-top{height:150px;}
.news-listing .item{width:100%;margin:0 0 5%;}
.news-listing .entry-date{margin-bottom:20px;}
.news-banner h1{margin-top:0;}
.menu{width:100%;}
.menu.open-nav{transform:translateX(60%);-moz-transform:translateX(60%);-webkit-transform:translateX(60%);-ms-transform:translateX(60%);-o-transform:translateX(60%);}
.subnav.active, .subnavover.active{transform:translateX(20%);-moz-transform:translateX(20%);-webkit-transform:translateX(20%);-ms-transform:translateX(20%);-o-transform:translateX(20%);}
.ourteam-page .title-div{height:220px;}
.lifeatolive-page .content-column{margin-bottom:20px;margin-top:40px;}
.form-container h2{font-size:28px;}
.contact-main .container > *{width:100%;}
.breadcrumbs{display:none;}
#strategy.section .decor-top{top:-119px;}
.storytelling-section.swatch-lightblue .decor-top{left:-6px;}
.creative-section .blockBottom{right:-33px;top:116px;}
.technology-section{height:auto;}
.technology-section .masking{background-position:left -135px;margin-top:24px;}
.technology-section .masking{height:132px;}
.socialcomm-section .decor-top{width:78%;top:-225px;}
.marketing-section .content-column{margin:0}
.marketing-section .image, .webhosting-section .image{width:100%;}
.marketing-section .decor-top, .webhosting-section .decor-top{width:100%;top:0;}
.section.technology-section .content-column{margin-top:200px;}
.ip-ad-text h1{font-size:41px;line-height:48px;}
.banner iframe{height:400px;}
.defines-and-guides .content-column li{height:260px;}
.defines-and-guides .content-column li > div span{padding-left:35px;}
.defines-and-guides{padding:90px 0 100px;}
.site-footer{text-align:center;}
.site-footer address,.site-footer .hh-logo{position:static;}
.site-footer .hh-logo{margin-top:10px;}
.tab-content .more-btn{bottom:0;}
.quality-btm .swatch-white ul{margin:0;}
.four-0-four .inner-wr h1{margin:5% 0;font-size:104px;}
.four-0-four .inner-wr p{font-size:23px;}
.site-footer address,.site-footer .social-icons{float:none;}
.get-touch .container{width:93%;}
.get-touch-inner .frm-div, .get-touch-inner .frm-div.midle{max-width:100%;}
.get-touch-inner .frm-div.midle{margin-left:0;}
.get-touch-inner .inputbox textarea{min-height:116px;}
.get-touch-inner .submit{margin-top:17px;}
.get-touch-inner h2{font-size:31px;margin:20px 0px;}
.get-touch-inner .frm-div.midle{padding:0;}
.topline{margin-left:0px;}
.contact-main .container > *{padding:10px 0;}
a.Enquire-form-clk{display:block;}
.tecnies .leftdiv, .tecnies .rightdiv{width:100%;}
.vids_overlay_txt h2{font-size:70px;margin-bottom:35px;line-height:70px;}
.vids_overlay_txt h3{font-size:35px;line-height:35px;}
.vids_overlay_txt p{font-size:20px;line-height:22px;}
.vids_overlay_txt .hide{display:block;margin:5px 0;}
li.bottom-contact{display:block;}
.header{padding:15px 0;}
.wrapper{position:relative;top:-53px;}
.mean-container a.meanmenu-reveal{top:15px!important;}
.mean-container .mean-bar{float:right!important;position:relative;width:300px!important;z-index:999999;}
.mean-container .mean-nav{background:rgba(0, 0, 0, 0.8);float:right;margin-top:57px;position:absolute;right:15px;width:300px;}
.mean-container a.meanmenu-reveal{background:#fff !important;margin-right:15px;top:15px !important;width:30px!important;border:1px solid #4dbeee;}
.mean-container a.meanmenu-reveal span{width:30px;}
.mean-container .mean-nav ul li a.mean-expand{border:none;}
.fdtext1{top:-4px;}
p.fdtext2{left:43px;top:-43px;}
.vids-text span.weare{font-size:18px;}
.vids-text p span.text02{font-size:18px;}
.fdtext1{font-size:18px!important;}
.vids-text p span.text01{font-size:18px;}
.fdtext7{left:-41px;}
#tabs ul.tabs{width:100%;position:absolute;top:350px;}
#tabs ul.tabs li a{color:#898788;font-size:21px;}
#tabs .more-btn{font-size:24px;margin-bottom:-2px;margin-left:6px;vertical-align:bottom;}
#tabs > div, .services-section .separator{text-align:center;position:absolute;top:0;}
#tabs h4, #tabs h2{font-size:35px;}
#tabs h2{font-size:26px;margin-top:10px;}
#tabs .services-content{border:1px solid #e7e7e7;float:right;margin:0 auto;padding:15px;width:100%;}
#tabs .title{margin-bottom:0;}
#tabs{float:left;height:590px;padding:0;position:relative;width:100%;}
#vid1{display:none;}
.portfolio-section .hover-btn a.more-btn{display:block!important;}
.portfolio-infocus{display:none;}
.right-section{display:none;}
.portfolio-content .detail-content > *{width:100%;}
.portfolio-content .detail-content{font-size:16px;}
.portfolio-section .title-header a > *{display:block;}
.wrapper .banner-section{position:relative;top:-50px;margin-bottom:0;}
.wrapper{top:0;}
.site-footer .f-nav ul li a{padding:8px 0;}
.portfolio-section .title-header h2{font-size:29px;}
/*.frm-div.top{display:inline-block;width:48%;}*/
.capcha-input {
    flex: none;
    display: block;
    width: 100%;
    margin-top: 24px;
}
.get-touch-inner .submit{margin-top:0;text-align:right;}
.g-recaptcha{float:left;margin-left:-30px;transform:scale(0.8);}
.mean-container .mean-bar{position:fixed!important;right:0!important;}
h2.research{font-size:30px!important;}
.inner-pages .wrapper{padding-top:77px;}
#client header{padding:10px 0;}
#tabs ul.tabs{position:relative;top:0;}
#tabs > div, .services-section .separator{position:static;}
#tabs{height:auto;padding-top:20px;}
#tabs ul.build li{line-height:21px;}
.swatch-white{margin-bottom:40px !important;}
.title-div{position:absolute;text-align:center;top:0;width:100%;}
#tabs ul.tabs{top:0!important;}
.menu-toggle .textm{display:none;}
.menu-toggle .menu-bar{margin-left:0px;}
.whoweare-text-ab .container{margin-top:77px;margin-bottom:77px;}
.whoweare-btm-ab h5{margin-top:50px!important;}
.whoweare-text-ab .content-column{width:80%}
.whoweare-text-ab h1{font-size:45px!important;}
.about-banner-bottom{display:none;}
.get-touch-inner .lastdiv p{display:block;margin-right:15px;float:left;margin-left:0;}
.inner-pages header{padding:10px 0;}
.vids-text .fdtext1:before, .vids-text p.fdtext2:before{top:-20px}
.vids-text .fdtext1:after, .vids-text p.fdtext2:after{bottom:-20px;}
#tabs > div{display:none!important}
.tablet_acdin{border-bottom:1px solid rgb(239, 239, 239);display:none;float:left;padding:10px 0 20px;}
#tabs > ul >li{float:left;width:100%;text-align:left;margin-bottom:23px;}
#tabs h5.tab-content-title{font-size:20px;margin-top:10px;}
.tablet_acdin .tab-content p{color:rgb(85, 85, 85);font-size:17px;line-height:23px;}
#tabs ul.tabs .tablet_acdin li a{font-size:16px;}
.tablet_acdin .more-btn{font-size:47px !important;float:right;margin-top:20px;}
#tabs .actacc a .more-btn{transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);}
.bb-item > img{bottom:0;margin:auto;position:absolute;top:0;}
.mob-bg-img{background:rgba(0, 0, 0, 0) url("../images/olive.jpg") no-repeat scroll 0 0;height:435px;}
.portfolio .content{opacity:0.8}
a.perv,a.next{transform:scale(0.3);}
}
@media(min-width:580px) and (max-width:767px){#tabs ul li{position:relative;padding:0 32px;font-size:30px;line-height:30px;}
}
@media(max-width:640px){.whoweare-text h1{margin-top:0.2em;margin-bottom:0.5em;}
.career-inner .title-div{background-position:60% 40%;height:300px;}
.research-section .decor-top{position:static;width:100%;background:#000;}
.research-section{height:954px;}
.research-section .title{top:42%;width:90%;}
.seo-section .content-column{margin:0;text-align:center;width:100%;}
.creative-section .decor-top{top:-483px;}
.research-section{height:auto;}
.research-section .title{top:58%;}
.menu.open-nav{transform:translateX(0%);}
.menu{max-width:295px;}
.meta-nav > *{transform:scale(0.3);}
.client-main .client-container .client-images{max-width:44%;}
.client-main .client-container .client-images:nth-child(3n+1){clear:none;}
.client-main .client-container .client-images:nth-child(2n+1){clear:left;}
}
@media(max-width:639px){h1{font-size:40px;}
h2{font-size:32px;}
h3{font-size:28px;}
h4,.services-inner h4{font-size:24px;}
h5{font-size:20px;}
h6{font-size:18px;}
.banner_text{width:100%;margin:0;}
.banner_text h1{font-size:28px;}
.portfolio-block.mar-big{padding-top:40px;}
.full_img{margin-top:20px;}
.portfolio-img-container{padding:30px!important;}
.portfolio-half-l{margin-bottom:30px;}
.inner-pages .wrapper{padding-top:92px}
.slider-text{padding:0 20px;top:20%;}
.slider h1{font-size:30px;font-size:2.143rem;}
.banner-section .slider-text{font-size:1rem;line-height:1.1;color:#2c2c2c;}
#tabs .more-btn{font-size:26px;}
.content-column{font-size:14px;min-width:inherit;}
.our-work .content-column{font-size:25px;}
.whoweare .w1,.whoweare .w2{background-position:left 90px;}
.news-banner h1{font-size:3rem;}
#take-away .image{margin-top:0;}
.menu > ul > li{padding:0 8%;}
.menu.open-nav{transform:translateX(70%);-moz-transform:translateX(70%);-webkit-transform:translateX(70%);-ms-transform:translateX(70%);-o-transform:translateX(70%);}
.subnav.active, .subnavover.active{transform:translateX(30%);-moz-transform:translateX(30%);-webkit-transform:translateX(30%);-ms-transform:translateX(30%);-o-transform:translateX(30%);}
.menu > ul > li > a{font-size:18px;margin-bottom:28px;}
.menu ul a{margin-bottom:15px;}
.subnav{top:8px;padding:0 7%;}
.portfolio .big h2,.portfolio .item h2,.item-mob h2{font-size:30px;font-size:2.143rem;}
.job-listing .job-item{width:100%;padding:0;}
.job-listing h2{margin-top:0;}
.job-listing{font-size:18px;}
.job-listing h2{font-size:25px;}
.services-inner li{width:100%;}
.services-inner .content-column{font-size:13px;line-height:21px;margin-top:40px;}
.form-area .btn-submit{max-width:inherit;height:56px;}
.file-upload-button{height:auto;margin-right:10px;padding:10px;font-size:13px;}
.page-title .title{padding-top:40px;}
.page-title{min-height:250px;}
#strategy.section .decor-top{top:-174px;}
.branding-section .decor-top svg,.storytelling-section .decor-top svg{display:none;}
.whatwedo h5,.ip-ad-text h4{font-size:20px;}
.banner iframe{height:200px;}
.defines-and-guides .content-column li{margin:0;max-width:280px;width:100%;}
.defines-and-guides .content-column li{height:300px;}
.defines-and-guides .content-column li > div{height:81%;}
.defines-and-guides{padding:50px 0 40px;}
.address > div{width:100%;padding-right:0;}
.bgn-wf-label:empty{display: none; }
}
@media (max-width:500px){.vids_overlay_txt h2{font-size:60px;line-height:60px;margin-bottom:30px;}
.vids_overlay_txt h3{font-size:30px;line-height:30px;}
.vids_overlay_txt p{font-size:18px;line-height:20px;}
.portfolio-section .title-header h2{font-size:18px;}
.portfolio-section .title-header a > span{font-size:13px;margin-top:5px;}
.vids-text{padding:0 30px;}
p.fdtext2{left:0;}
.fdtext7{left:0;text-align:center;}
.vids-text p span.text02{text-align:center;line-height:normal;margin-top:0 !important;}
.fdtext8{display:block !important;margin-top:0px !important;}
.title-header a > img{width:46%!important;}
.title-header{padding:0;}
.site-footer .f-nav ul li{display:inline-block;margin-left:10px;margin-right:10px;}
.title-header .separator:before{display:none;}
.get-touch-inner .lastdiv .lastdiv-inner{text-align:left;}
.get-touch-inner .lastdiv p span.icon{display:inline-block;margin-right:17px;min-height:45px;vertical-align:middle;width:43px;}
.get-touch-inner .lastdiv p span.text{display:inline-block;font-size:20px;line-height:26px;vertical-align:middle;}
.frm-div.top{width:100%;}
.get-touch-inner .submit_btn{padding:13px 30px;}
.vids-text .fdtext1:before, .vids-text .fdtext1:after, .vids-text p.fdtext2:before, .vids-text p.fdtext2:after{left:0;max-width:200px;top:-35px;width:100%;}
.vids-text .fdtext1:after, .vids-text p.fdtext2:after{top:auto;bottom:-15px}
.vids-text p.fdtext2:before{top:-44px}
#tabs ul.build li{width:100%;}
.bb-bookblock{height:490px;}
}
@media(max-width:480px){.workheading .parallex{background-size:100% auto !important;transform:scale(0.8);-moz-transform:scale(0.8);-webkit-transform:scale(0.8);-ms-transform:scale(0.8);-o-transform:scale(0.8);height:43px;}
.workheading{height:180px;}
.news-inner{height:300px;}
.inner-banner .decor-top{height:100px;}
.ourteam-page .title{width:auto;left:5%;}
.strategizing-section .content-column{width:100%;}
.branding-section .title{right:0;text-align:center;top:26.2%;width:100%;}
.storytelling-section .content-column{margin:0;text-align:center;width:100%;}
.swatch-lightblue .title{text-align:center;width:100%;}
.creative-section .content-column{float:left;margin-left:0;margin-top:-254px;max-width:100%;padding:0;right:0;text-align:center;width:100%;}
.creative-section .decor-top, .creative-section .blockBottom{display:none;}
.technology-section .title{text-align:center;}
.seo-section .content-column{margin:0;text-align:center;width:100%;}
.seo-section .title{right:0px;}
.research-section{height:auto;}
.research-section .title{left:0;text-align:center;top:79%;width:100%;}
.file-upload-button{line-height:34px;}
.top-right-div a.contact{font-size:17px;margin-right:5px;padding:8px 4px 8px;}
.menu-toggle{height:39px;padding:5px 4px 5px;}
.menu-toggle .textm{font-size:15px;}
.menu-toggle .menu-bar{margin-left:5px;width:29px;}
.vids_overlay_txt h2{font-size:45px;margin-bottom:42px;line-height:45px;}
.vids_overlay_txt h3{font-size:25px;line-height:25px;}
.vids_overlay_txt p{font-size:16px;line-height:18px}
p.fdtext2{line-height:21px;}
.vids_overlay_txt{top:75%;}
.vids-text p span.text02{margin:0!important}
.fdtext8{margin:0!important;}
.top-right-div{display:none;}
}
@media(max-width:479px){.slider h1{font-size:25px;}
.menu-toggle{margin-right:7px;}
.container{width:90%;}
.margin{margin:10px 0;}
.portfolio .item .content > *:after,.portfolio .item .content > *:before,.portfolio .big .content > *:before,.portfolio .big .content > *:after{height:100px;}
.portfolio .item .content > *:before,.portfolio .big .content > *:before{left:78%;top:-70%;}
.portfolio .item .content > *:after,.portfolio .big .content > *:after{bottom:-33%;}
.portfolio .big h2, .portfolio .item h2, .item-mob h2{font-size:25px;}
.portfolio .item{font-size:12px;font-size:0.857rem;}
.portfolio .item .content > *:after,.portfolio .item .content > *:before,.portfolio .big .content > *:before,.portfolio .big .content > *:after{height:80px;}
.portfolio .more-btn,.portfolio .big .more-btn{font-size:46px;}
.portfolio .content br{display:none;}
.job-team{margin:0 auto 50px;width:100%;float:none;}
.mobile-width > div{width:100%!important;}
#tabs .more-btn{margin-bottom:0px;}
.ip-ad-text h1{font-size:26px;line-height:26px;}
.creative-section .content-column{margin-top:0px;}
.ip-ad-text h4.bgwhite{color:#000;margin:95px 0 0 0;}
#marketing .container{background-size:contain;}
.marketing-section{background:none;}
.meta-nav .back-btn{left:-20px;}
.meta-nav .next-btn{right:-20px;}
p.fdtext2{padding:0;}
.bb-bookblock{height:649px;}
}
@media(max-width:375px){.content-column{font-size:14px;}
.client-main .client-container .client-images{max-width:44%;}
#strategy.section .decor-top{top:-175px;width:100%;}
.strategizing-section .content-column{padding:75px 0;width:100%;}
.branding-section .content-column{width:92%;}
.branding-section .title{top:-50px;}
.branding-section .title{right:0;text-align:center;top:96px;width:100%;}
.branding-section .content-column{height:auto;margin-top:0;text-align:center;width:980%;padding:0 2%}
.storytelling-section .content-column{margin-right:0;text-align:center;width:100%;}
.swatch-lightblue .title{text-align:center;}
.creative-section .content-column{margin-left:0;margin-top:-254px;width:100%;}
.creative-section .blockBottom, .creative-section .decor-top{display:none;}
.technology-section .title{text-align:center;}
.technology-section .content-column{margin-left:0;text-align:center;width:100%;}
.socialcomm-section .decor-top{float:left;margin:0;text-align:center;top:0;width:100%;}
.seo-section .content-column{float:left;margin:0;text-align:center;width:100%;}
.seo-section .title{margin:0;right:0;text-align:center;top:-108px;width:100%;}
.seo-section .decor-top svg{text-align:center;width:100%;}
.technology-section .masking{background-position:left -78px;background-size:auto 200px;}
.socialcomm-section .decor-top{left:0;}
.portfolio-content.over .detail-content .left-section{height:116px}
p.fdtext2{top:-53px;}
}
@media(max-width:320px){.research-section .title{top:86%;}
.slider-text{top:27%;}
.client-main .client-container .client-images{max-width:44%;margin:0 9px 20px 9px;}
.bb-bookblock{height:739px;}
#tabs ul.tabs li a{font-size:18px;}
}
.mCSB_scrollTools .mCSB_draggerRail{background:#cfcfcf;}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:rgba(0,0,0,.25);filter:"alpha(opacity=25)";-ms-filter:"alpha(opacity=25)";}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:rgba(0,0,0,.25);filter:"alpha(opacity=25)";-ms-filter:"alpha(opacity=25)";}
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:rgba(0,0,0,.25);filter:"alpha(opacity=25)";-ms-filter:"alpha(opacity=25)";}
@media(max-height:479px){.navigation .overlay{position:fixed}
}
.uper{text-transform:uppercase;}
section.get-touch{position:relative;z-index:99;}
.we_do{color:#5f5f5f;font-size:30px;}
.we_do span{color:#9d9d9d;}
.branding_styl h1, .branding_styl h2{text-transform:uppercase;color:#000000;position:relative;padding-bottom:10px;font-size:60px;margin-bottom:20px!important}
.branding_styl h2{font-weight:bold;line-height:51px;margin-top:13px!important;}
.branding_styl h1 span, .branding_styl h2 span{color:#000;font-family:'latoregular'}
.branding_styl h2 span{font-weight:normal;font-size:51px;}
.branding_styl h1:after, .branding_styl h2:after{position:absolute;bottom:-2px;left:0;width:77px;height:5px;background:#4F58A5;content:"";}
.branding_styl h1:before, .branding_styl h2:before{position:absolute;bottom:0;left:0;width:100%;height:1px;background:#C5C5C5;content:"";}
.branding_styl h4{color:#6F6221;font-size:24px;clear:both;}
.branding_styl h6{color:#6F6221;font-size:24px;font-weight:bold;}
.branding_styl h5{font-family:'maven_probold';font-size:28px;color:#000;padding-bottom:15px;margin:0;}
.branding_styl h5 span{display:block;color:#000;}
.branding_styl ul{margin-left:0;float:left;width:100%;}
.branding_styl ul li{list-style-type:none;padding-left:0;width:50%;float:left;padding-right:15px;}
.branding_styl ul li:before{content:none!important;}
.branding_styl ul li img{float:left;margin:0 15px 50px 0;width:20%;}
.branding_styl ul li div{float:left;width:73%;}
.branding_styl ul li strong{font-size:23px;color:#433836;margin:0 0 10px 0;display:block;}
.branding_styl ul li p{color:#575653;font-size:14px;line-height:19px;}
.branding_styl ul br{float:left;clear:both;}
.mrgn_btm{margin-bottom:0!important}
.mrgn_top{margin-top:0!important}
.branding_styl p{color:#575653}
.branding_styl p a{color:#0826E9}
.ourservice{text-align:center;margin:50px auto 0 auto;width:1078px;max-width:100% }
.ourservice ul{float:none;}
.ourservice ul li{max-width:400px;padding:0;float:none;width:100%;display:inline-block;text-align:center;vertical-align:top;border:1px solid #ccc;padding:30px 20px;margin:0 15px 30px;min-height:395px;}
.creat_page .ourservice ul li{min-height:465px;}
.respo_page .ourservice ul li{min-height:445px;}
.web_page .ourservice ul li{min-height:470px;}
.ourservice ul li img{float:none;margin:0;width:auto;transition:.5s ease;-webkit-transform:.5s ease;}
.ourservice ul li:hover img{transform:rotateY(180deg);}
.ourservice ul li div.icon{border:2px solid #A1A1A1;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;position:relative;float:none;width:auto;display:flex;align-items:center;justify-content:center;width:142px;height:142px;margin:auto;overflow: hidden;}
.ourservice ul li div.icon::before{content:'';border:1px solid #C7C7C7;display:block;position:absolute;top:8px;left:8px;right:8px;bottom:8px;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;}
.ourservice ul li h6{color:#000;font-size:26px;}
.ourservice ul li h6 span{display:block;color:#000}
.ourservice ul li p, .ourservice p{font-size:18px;color:#575653;line-height:24px;margin-bottom:0;}
.brand_section{background:#F0F2F6;padding:50px 0 41px;text-align:center;margin-bottom:0;float:left;width:100%;position:relative;z-index:9;}
.brand_section p{font-size:16px;line-height:24px;color:#575653;margin-bottom:30px;}
.brand_section h3{margin-bottom:40px;padding-bottom:20px;}
.brand_section h3 span{display:block;font-weight:100;font-family:'latoregular';color:#575653;}
h3.brnd_title{margin:0 0 40px 0;text-align:center;font-family:'latobold';font-size:54px;color:#575653;position:relative;padding-bottom:20px;text-transform:uppercase;}
h3.brnd_title::after{position:absolute;left:0;right:0;bottom:-1px;content:'';width:78px;margin:auto;height:4px;background:#4F58A5;}
h3.brnd_title::before{position:absolute;left:0;right:0;bottom:1px;width:393px;height:1px;background:#C5C5C5;content:"";margin:auto;}
.brand_section .contant{text-align:center;margin:0 auto;width:100%;max-width:1110px;clear:both;}
.few_work{background:url(../images/wrk_bg.png);padding:50px 0;text-align:center;clear:both;float:left;width:100%;position:relative;z-index:9}
.few_work h3{margin-bottom:40px;padding-bottom:20px;color:#fff}
.few_work h3 span{display:block;font-weight:100;font-family:'latoregular';color:#fff;}
.few_work h3.brnd_title::before{width:380px;background:#696666;}
.few_work h3.brnd_title::after{height:6px;background:#A060DA;}
.few_work .left_side{float:left;width:50%;padding:0 4px 0 15px;}
.few_work .left_side img{width:100%}
.few_work .right_side{float:left;width:25%;padding:0 10px 0 15px;margin-bottom:15px;}
.few_work .right_side img{width:100%}
.few_work .right_side.padd_rit{padding:0 16px 0px 9px;}
.work_box{float:left;width:100%}
.few_work .effect{position:relative;overflow:hidden;}
.few_work .effect.scroll_efect{overflow:hidden;height:372px}
.few_work .effect.scroll_efect img{position:relative;left:0;transition:5s ease;-webkit-transform:8s ease;top:0;}
.few_work .effect.scroll_efect:hover img{top:-200%!important;transform:scale(1)}
.few_work .effect img{transition:1s ease;-webkit-transform:1s ease;}
.few_work .effect:hover img{transform:scale(1.1)}
.few_work .effect .hover{opacity:0;transition:.5s ease;-webkit-transform:.5s ease;padding:15px;position:absolute;top:0;left:0;width:100%;height:100%;text-align:left;}
.few_work .effect:hover .hover{transition:.5s ease;-webkit-transform:.5s ease;opacity:1}
.few_work .effect .hover h4, .effect .hover p{overflow:hidden;margin:0;}
.few_work .effect .hover p span{color:#575653;font-size:16px;margin-top:8px;display:block;transform:translateY(100%);-moz-transform:translateY(100%);-ms-transform:translateY(100%);-webkit-transform:translateY(100%);transition:.5s ease;-webkit-transform:.5s ease;transition-delay:.2s;}
.few_work .effect .hover h4 span{text-transform:uppercase;color:#ffffff;font-weight:bold;font-size:20px;letter-spacing:2px;transition:.5s ease;-webkit-transform:.5s ease;transition-delay:.5s;transition-delay:.2s;line-height:normal;transform:translateY(100%);-moz-transform:translateY(100%);-ms-transform:translateY(100%);-webkit-transform:translateY(100%);display:block;background:#000000a6;display:inline-block;padding:10px;border-radius:4px;}
.few_work .effect:hover .hover h4 span, .effect:hover .hover p span{transform:translateY(0%);-moz-transform:translateY(0%);-ms-transform:translateY(0%);-webkit-transform:translateY(0%);}
.see_btn{border:1px solid #FFFFFF;font-size:21px;color:#fff;text-transform:uppercase;display:inline-block;transition:.5s ease;-webkit-transform:.5s ease;padding:12px 20px;font-family:'maven_probold';font-weight:bold;margin-top:40px;}
.see_btn:hover{background:#4dbeee;color:#fff;border-color:#4dbeee;}
.ourservice .see_btn{border-color:#000;color:#000}
.ourservice .see_btn:hover{color:#fff;background:#000}
.few_work .left_side video{width:100%;margin-top:-70px;}
.branding_styl.fixed .branding, .branding_styl.fixed .services-bg{opacity:0;}
.few_work .left_side .effect{max-height:757px;overflow:hidden;height:auto;}
.branding_styl.services-inner .w1{position:relative;top:0}
.branding_styl .services h3{font-family:'latobold';text-transform:uppercase;color:#575653;}
.branding_styl .services h3 span{display:block;font-family:'latoregular';color:#575653;}
.branding_styl p.we_do{color:#6F6221;}
.design_svr{float:left;width:100%;clear:both;padding:160px 0 0;}
.design_svr h3{margin-bottom:0}
.design_svr .blue_style h3{margin-bottom:40px}
.design_svr .container{width:85.9375%;margin:0 auto;position:relative;max-width:1400px;}
.design_svr h3 span{display:block;color:#575653}
.white_style{float:left;width:100%;padding:60px 0}
.blue_style{float:left;width:100%;padding:60px 0;background:#F8FFFF}
.design_svr .left_side{float:left;width:50%;}
.design_svr .white_style .left_side .contant_dtl{width:430px;float:right;}
.design_svr .blue_style .left_side .contant_dtl{width:500px;float:left;}
.design_svr .left_side .contant_dtl{padding:70px 0 0 0;position:relative;}
.design_svr .white_style .left_side .contant_dtl p{padding-right:0}
.design_svr .blue_style .left_side .contant_dtl p{padding-right:0}
.design_svr .left_side .contant_dtl h4{font-size:60px;font-weight:bold;color:#000;position:relative;margin:0 0 10px 0;}
.design_svr .left_side .contant_dtl h4 a{color:#000}
.white_style h4:after{position:absolute;top:30px;left:-250px;background:#70707021;width:230px;height:1px;content:"";}
.blue_style h4:after{position:absolute;top:50%;right:-149px;background:#70707021;width:150px;height:1px;content:"";}
.blue_style .left_side .contant_dtl .dsg_icon{position:absolute;top:54px;left:-70px;box-shadow:none;}
.white_style .left_side .contant_dtl .dsg_icon{box-shadow:none;position:absolute;top:62px;right:0;}
.white_style .left_side .contant_dtl .dsg_icon.brnd_icon{top:10px;right:79px;}
.design_svr .left_side img{width:auto;max-width:100%;box-shadow:7px 10px 24px -22px #000;}
.design_svr .left_side .contant_dtl p{font-size:20px;line-height:30px;color:#575653;}
.design_svr .left_side .contant_dtl a.more_btn{display:inline-block;transition:.5s ease;-webkit-transform:.5s ease;background:#0556A8;margin-top:10px;color:#fff;padding:15px 30px;font-size:16px;border-radius:24px;}
.design_svr .left_side .contant_dtl a.more_btn:hover{background:#598ec1}
.text_bottom{padding:50px 0}
.text_bottom p{font-size:20px;text-align:left;color:#575653}
.clear{float:left;width:100%;clear:both;}
.request_banner{background:url(../images/ppc_banner.jpg) no-repeat left top;padding:0 0 0 0;position:relative;}
.request_banner h1{color:#fff;font-size:90px;margin:140px 0 0 0;font-weight:bold;font-weight:700;font-family:'maven_probold';}
.request_banner h1 span{font-family:'maven_proregular'}
.request_banner h1 span{font-weight:normal;color:#fff;}
.request_banner h2{margin:20px 0 0 0px;color:#fff;font-weight:bold;font-size:27px;font-family:'maven_proregular';}
.request_banner h2 span{font-family:'latoregular';color:#00D0FF;text-transform:uppercase;}
.request_banner ul.call{margin:40px 0 50px 0;padding:0;}
.request_banner ul.call li{list-style-type:none;display:inline-block;color:#fff;font-size:20px;margin-right:15px}
.request_banner ul.call li span{margin:0 10px}
.request_banner ul.call li img{margin-right:10px}
.request_banner ul.call li a{color:#fff}
.get_btn{background:#0556A8;color:#fff;text-transform:uppercase;font-weight:bold;font-size:18px;padding:15px 30px;display:inline-block;border-radius:30px;display:none;}
.request_banner .year{margin-top:150px}
.request_banner .year ul{display:inline-block;margin:0;background:#fff;padding:20px 10px 0 40px;position:relative;z-index:9;box-shadow:0 0px 40px -20px #848484;width:57%;}
.request_banner .year ul li{margin-right:40px;width:225px;vertical-align:top;list-style-type:none;display:inline-block;}
.request_banner .year ul li:last-child{margin-right:0}
.request_banner .year ul li img{float:left;margin:0 13px 52px 0;}
.request_banner .year ul li h4{margin:3px 0 6px 0;font-weight:bold;font-size:24px;color:#0556A8;}
.request_banner .year ul li p{font-size:22px;color:#363636;}
.request_banner .year ul li p span{display:block;}
.request_banner .quoye_form{background:#0556A8;position:absolute;top:0;right:0;color:#fff;width:44%;padding:40px 0 30px;}
.request_banner .quoye_form .quoye_dtl{width:535px;margin:0 auto;line-height:21px;}
.request_banner .quoye_form h4{font-family:'maven_probold';color:#fff;font-size:45px;margin:0 0 10px 0;}
.request_banner .quoye_form p{font-size:16px;line-height:21px;}
.request_banner .quoye_form form{margin-top:33px;}
.request_banner .quoye_form .group{margin-bottom:15px;}
.request_banner .quoye_form .group input, .request_banner .quoye_form .group textarea{width:100%;background:#fff;border:none;height:54px;font-size:18px;padding:10px 25px;border-radius:6px;color:#7D7D7D}
.request_banner .quoye_form .group textarea{height:94px}
.request_banner .quoye_form .submit_btn input{background:#E1454F;font-size:20px;color:#fff}
.ppc_about{padding:110px 0 70px}
.ppc_about h2{font-size:60px;color:#312929;font-weight:bold;display:inline-block;position:relative;font-family:'maven_probold';}
.ppc_about h2:after{position:absolute;content:"";bottom:-10px;right:40px;width:140px;height:1px;background:#707070;}
.ppc_about .left_side{float:left;width:50%;}
.ppc_about .left_side{background:url(../images/ppc_bdr.png) no-repeat top left;margin:0 0 0 0;padding:60px 0 0 50px;}
.ppc_about p{font-size:20px;color:#312929;padding-left:63px;line-height:35px}
.ppc_about .right_side{float:left;width:50%;padding-left:60px;}
.ppc_about .right_side img{width:auto;max-width:100%}
.ppc_services{background:#F6F5F5;padding:120px 0 50px;text-align:center;}
.ppc_services h3{color:#363636;font-weight:bold;font-size:60px;display:inline-block;text-align:center;margin:0 0 65px 0;position:relative;font-family:'maven_probold';}
.ppc_services h3:after{position:absolute;content:"";bottom:-8px;left:32%;background:#0556A8;width:100px;height:2px;}
.ppc_services .box{max-width:1130px;margin:0 auto;width:100%}
.ppc_services .box .white_bg{background:#fff;width:354px;float:left;margin:0 10px;}
.ppc_services .box .white_bg img{width:auto;margin-top:20px}
.ppc_services .box .white_bg.web h4{margin:0 0 20px 0;font-size:35px;color:#363636;font-family:'maven_proregular'}
.ppc_services .box .white_bg.web img{margin-top:40px;}
.ppc_services .box .white_bg.web{height:630px;padding:170px 0;}
.ppc_services .box .white_bg{height:305px;margin-bottom:20px;padding:45px 0 0 0}
.ppc_services .box .white_bg h4{margin:20px 0 5px 0;font-size:26px;color:#363636;font-family:'maven_proregular'}
.ppc_services .box .white_bg p{margin:0;font-size:16px;color:#5A5858;line-height:22px}
.inte_btn{float:left;width:100%;clear:both;margin:20px 0 0 0}
.inte_btn a{display:inline-block;background:#0EC5F5;color:#fff;padding:20px 110px;font-size:21px;text-transform:uppercase;border-radius:36px;}
.ppc_portfolio{padding:0 0 40px;background:#052341}
.ppc_portfolio .container{padding:0 140px}
.ppc_portfolio h3{color:#fff;font-family:'maven_probold';font-size:60px;display:inline-block;text-align:center;margin:0 0 25px 0;position:relative;top:90px;z-index:9;}
.ppc_portfolio h3:after{position:absolute;content:"";bottom:-8px;left:0;background:#30B9D8;width:82px;height:2px;}
.ppc_portfolio p{font-size:18px;color:#312929;padding-right:30px;}
.ppc_portfolio .img_box{position:relative;margin-bottom:15px;overflow:hidden;}
.ppc_portfolio .left_side{width:37.5%;float:left;padding-top:100px;}
.ppc_portfolio .img_box img{width:100%;transition:1s ease;-webkit-transform:1s ease;}
.ppc_portfolio .img_box:hover img{transform:scale(1.1);}
.tocuh_fm{float:left;clear:both;text-align:center;width:100%}
.ppc_portfolio .tocuh_fm p{color:#fff;margin:15px 0 0 0;display:block;font-size:23px;}
.ppc_portfolio .img_box .hover{opacity:0;transition:.5s ease;-webkit-transform:.5s ease;padding:15px;position:absolute;top:0;left:0;width:100%;height:auto;text-align:left;}
.ppc_portfolio .img_box:hover .hover{transition:.5s ease;-webkit-transform:.5s ease;opacity:1;}
.ppc_portfolio .img_box:hover .hover h4 span{transform:translateY(0%);-moz-transform:translateY(0%);-ms-transform:translateY(0%);-webkit-transform:translateY(0%);}
.ppc_portfolio .img_box h4{color:#6F6221;font-size:24px;clear:both;margin:0;}
.ppc_portfolio .img_box h4 span{text-transform:uppercase;color:#ffffff;font-weight:bold;font-size:20px;letter-spacing:2px;transition:.5s ease;-webkit-transform:.5s ease;transition-delay:.5s;transition-delay:.2s;line-height:normal;transform:translateY(100%);-moz-transform:translateY(100%);-ms-transform:translateY(100%);-webkit-transform:translateY(100%);display:block;background:#000000a6;display:inline-block;padding:10px;border-radius:4px;}
.ppc_portfolio .img_box h4.font_siz span{font-style:inherit;text-transform:none;}
.ppc_portfolio .img_box h4.font_siz span i{font-size:25px;font-style:inherit;text-transform:none;}
.ppc_portfolio .container{width:75.9375%;margin:0 auto;position:relative;max-width:1540px;}
.ppc_portfolio .img_box span{display:none;position:absolute;background:none;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);line-height:normal;font-size:22px;font-weight:bold;}
.ppc_portfolio .right_side{width:62.5%;padding-left:16px;padding-right:0;float:left;}
.ppc_portfolio .img_box.haf_wid{width:50%;float:left;padding:0 10px;}
.ppc_portfolio .img_box.haf_wid.top_3{padding-right:}
.space{float:left;width:100%;padding:70px 0;}
.brnd_white{background:#fff}
.brnd_brown{background:#F8F8F8}
.branding_styl .services{padding:0 0;float:left;position:relative;width:100%;}
.img_side{position:relative;z-index:9}
.branding_styl .services.respo_page{padding-top:60px}
.brnd_space{padding:170px 0 0 0 !important;transition:all 1s ease 0s;}
.web_page.brnd_space{padding:190px 0 0 0 !important;}
.space.rec_space{padding:150px 0;}
.breadcrum{float:left;width:100%;clear:both;border-top:1px solid #eaeaea;padding:6px 0;background:#fff;top:117px;position:fixed;z-index:999;transition:all 0.7s ease 0s;}
.breadcrum .container{width:96%;max-width:1810px;transition:all 0.7s ease 0s;}
.breadcrum.fixed{position:fixed;top:69px;z-index:99;transition:all 0.7s ease 0s;}
.breadcrum ul{margin:0;padding:0}
.breadcrum ul li{list-style-type:none;display:inline-block;vertical-align:top;text-transform:uppercase;padding-right:13px;position:relative;background:url(../images/arrow-r.png) no-repeat right center;margin-right:6px;}
.breadcrum ul li.togl{background:url(../images/arrow_d.png) no-repeat right center;}
.breadcrum ul li.togl ul{position:absolute;top:31px;left:0;width:250px;z-index:999;background:#fff;border-radius:5px;display:none;box-shadow:0 9px 15px -8px #5d5d5d;}
.breadcrum ul li.togl ul:after{content:"";position:absolute;top:-5px;left:35%;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid #fff;}
.breadcrum ul li a:hover, .breadcrum ul li:hover a{color:rgb(77, 190, 238)}
.breadcrum ul li.togl ul li{display:block;text-transform:uppercase;padding:0 0;margin:0;background:none;border-bottom:1px solid #E5E5E5;overflow-y:hidden;}
.breadcrum ul li.togl ul li:first-child{border-top-left-radius:5px;border-top-right-radius:5px}
.breadcrum ul li.togl ul li:last-child{border-bottom-left-radius:5px;border-bottom-right-radius:5px}
.breadcrum ul li.togl ul li a{text-transform:uppercase;font-size:12px;color:#9B9898;display:block;padding:10px 13px;}
.breadcrum ul li.togl ul li a:hover{color:#fff;background:rgb(77, 190, 238)}
.breadcrum ul li a{text-transform:uppercase;color:#6B6B6B;font-size:12px;}
ul.services_slid{margin:20px 0 0 0;padding:0}
ul.services_slid li{display:inline-block;vertical-align:top;width:auto;text-align:center;padding:0 30px;}
ul.services_slid li img{width:auto;margin:0 auto 10px;display:block;float:none;}
ul.services_slid li span{display:block;font-size:14px;font-weight:bold;color:#000000;}
.branding_styl .services.web_page{padding-top:80px}
.branding_styl .services.brend_page{padding-top:80px}
.captchatxt{-webkit-box-flex:1;-ms-flex:1;flex:1;font-size:30px;color:#fff;}
#input_captcha_code{-webkit-box-flex:1;-ms-flex:1;flex:1;}
.captchabox{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
.inputbox.captcha p{color:#fff;font-size:16px;}
.branding_styl h6.mid_title{color:#141414;font-size:62px;}
.our_technology .ourservice ul li{min-height:445px;}
.main_mrgn{margin-right:-10px;margin-left:-10px;}
.ppc_footer{background:#EBEBEB;padding:60px 0 20px;float:left;width:100%;}
.ppc_footer h3{font-weight:900;margin:0;color:#052341;text-transform:uppercase;font-size:50px;display:block;text-align:center;font-family:'maven_probold';}
.ppc_footer h4{font-weight:normal;font-size:24px;display:block;color:#052341;text-transform:none;font-family:'latoregular';line-height:normal;margin:0 0 50px 0;text-align:center;}
.ppc_footer .left_side{float:left;width:50%;position:relative;padding:0 130px;}
.ppc_footer .left_side:after{position:absolute;top:0;right:0;content:"";width:1px;height:80%;background:#D8D8D8}
.ppc_footer .f_group{float:left;width:100%;margin:0 0 30px 0;}
.ppc_footer .f_group input{color:#100F0F;background:transparent;border:none;border-bottom:1px solid #D8D8D8;width:100%;padding:0;height:45px;}
.ppc_footer .f_group textarea{color:#100F0F;background:transparent;border:none;border-bottom:1px solid #D8D8D8;width:100%;padding:0;resize:none;height:100px;}
.ppc_footer .f_btn input{background:#0EC5F5;border:none;display:inline-block;color:#fff;padding:15px 20px;font-size:18px;border-radius:30px;width:auto;}
.ppc_footer .f_group input::placeholder, .ppc_footer .f_group textarea::placeholder{color:#100F0F!important;}
.quoye_dtl input::placeholder, .quoye_dtl textarea::placeholder{color:#7D7D7D!important}
.ppc_footer .right_side{float:left;width:50%;padding:0 130px;}
.ppc_footer .right_side .box{margin:0 0 40px 0;}
.ppc_footer .right_side .box h4{color:#052341;font-weight:bold;padding:0 0 0 40px;font-size:24px;position:relative;margin:0 0 30px 0;text-align:left;}
.ppc_footer .right_side .box h4:after{position:absolute;content:"";background:#052341;bottom:-10px;left:40px;width:30px;height:1px;}
.ppc_footer .right_side .box p, .ppc_footer .right_side .box a{color:#231B1B;padding:0 0 0 40px;font-size:20px;line-height:27px;}
.ppc_footer .right_side .box p span{display:block;}
.cop_footer{float:left;width:100%;text-align:right;padding:10px 0 0;margin:0 0 0 0;}
.cop_footer p{font-size:14px;font-weight:500;color:#fff;padding:0 0;}
.cop_footer p a{color:#fff;}
.ppc_footer .right_side .box .ppc_loct{background:url(../images/ppc_address.png) no-repeat top left;}
.ppc_footer .right_side .box .ppc_email{background:url(../images/ppc_mail.png) no-repeat top left;}
.ppc_footer .right_side .box .ppc_fon{background:url(../images/ppc_fon.png) no-repeat top left;}
.ppc_client{background:url(../images/ppc_client_bg.png) no-repeat;padding:60px 0;background-position:center center;}
.ppc_footer .right_side .box:last-child{margin-bottom:20px}
.ppc_client h3{color:#363636;font-weight:bold;font-size:60px;display:block;text-align:center;text-align:center;margin:0 0 15px 0;position:relative;font-family:'maven_probold';}
.ppc_client h3:after{position:absolute;content:"";bottom:-8px;left:45%;background:#0556A8;width:100px;height:2px;}
.ppc_client ul{margin:0;padding:0 130px;}
.ppc_client ul li{list-style-type:none;width:20%;float:left;}
.ppc_header .top-right-div a.contact{background:#0556A8;border-radius:20px;}
.ppc_footer .right_side .box p.ppc_call span{display:inline-block;}
.cop_footer .container{width:95%;max-width:95%;}
.ppc_footer .right_side .box p.ppc_call.mob_p{display:none;}
.ppc_client ul li{text-align:center;}
.ppc_portfolio .owl-theme .owl-controls .owl-nav [class*=owl-]{position:absolute;top:50%;padding:0;margin:0;text-indent:-99999px;width:28px;height:51px;}
.ppc_portfolio .owl-theme .owl-controls .owl-nav .owl-prev{left:-55px;background:url(../images/ppc_lft_arrow.png) no-repeat!important;}
.ppc_portfolio .owl-theme .owl-controls .owl-nav .owl-next{right:-55px;background:url(../images/ppc_rit_arrow.png) no-repeat!important}
.lazy {transition: ease-in-out 0.3s;opacity: 1;margin: auto;}
.imageloader .lazy {opacity: 0.2}
.imageloader {position: relative;}
.imageloader:after {content: '';position: absolute;height: 40px;width: 40px;background-image: url(../images/lazyloading.svg);background-repeat: no-repeat;background-position: center;top: 0;bottom: 0;margin: auto;left: 0;right: 0;opacity: 0.9;background-size: 40px;}
@media only screen and (max-width:1860px){.request_banner .year ul li{margin-right:9px;}
.ppc_portfolio .right_side{width:63%;}
.ppc_portfolio .left_side{width:36%;}
}
@media only screen and (min-width:1100px){.scroll_eft .services-bg, .scroll_eft .content-column{transition:all 1.5s ease 0s;opacity:1}
.scroll_fix .services-bg, .scroll_fix .branding{opacity:0;transition:all 1.5s ease 0s;}
.scroll_eft .services-inner .services-bg{position:fixed;}
.inner-pages .wrapper.scroll_eft{overflow:initial;}
.inner-pages .wrapper .branding{position:sticky;top:0}
.scroll_eft .branding_styl .services{background:#fff}
.scroll_eft .space{transition:all 1s ease 0s;}
.scroll_eft .space.rec_space{transition:all 1s ease 0s;padding:170px 0;}
.scroll_fix .scroll_eft .space{padding:0!important}
.scroll_fix .content-column{margin-top:0;}

}
@media only screen and (max-width:1700px){.ppc_portfolio .img_box span{font-size:18px;}
.request_banner .year ul li{margin-right:18px;}
.request_banner .year ul li h4{font-size:22px;}
.request_banner .year ul li p{font-size:18px;}
ul.services_slid li{width:20%;}
ul.services_slid li span{line-height:20px}
ul.services_slid li{padding:0 23px;}
.few_work .effect.scroll_efect{overflow:hidden;height:336px;}
.white_style h4:after{width:160px;left:-180px;}
.blue_style h4:after{right:-119px;width:110px;}
.request_banner .year ul li{width:214px;margin-right:0;}
.ppc_portfolio .container{padding:0 70px;}
.ppc_portfolio .left_side{width:37%;}
}
@media only screen and (max-width:1600px){.request_banner .year ul li{margin-right:0;width:200px;}
.request_banner .year ul{width:58%;}
/*PHP PAGE CSS*/
.php_decelop .why_olive .olive_skill li{padding: 0 10px}
.php_decelop .ourservice ul li {
    max-width: 32%;
    float: left;
    margin: 0 8px 30px;
}
/*PHP PAGE CSS*/

}
@media only screen and (max-width:1399px){
.client-banner{padding: 130px 50px;}
.client-banner h2{    font-size: 48px!important;    line-height: 59px;}
.client-banner p{margin-top: 18px;font-size: 22px;}
.client-services p{font-size: 24px;}	
	.ppc_portfolio .right_side{width:63%;}
.ppc_portfolio .left_side{width:37%;}
.ppc_client ul{padding:0 0;}
ul.services_slid li{padding:0 10px;}
.breadcrum{top:97px}
.design_svr{padding:0 0 0}
.design_svr .left_side .contant_dtl h4{font-size:45px;}
.blue_style h4:after{top:50%;right:-39px;}
.rec_space{padding:60px 0}
.branding_styl h1, .branding_styl h2{font-size:45px}
.few_work .left_side .effect{max-height:530px;}
.pt-4{padding-top:0;}
.design_svr h3{margin-bottom:0;font-size:42px;}
.white_style h4:after{left:-130px;width:110px;}
.white_style .left_side .contant_dtl .dsg_icon{top:62px;right:70px;width:70px;}
.blue_style .left_side .contant_dtl .dsg_icon{width:70px;left:-10px;}
.white_style .left_side .contant_dtl .dsg_icon.brnd_icon{top:60px;right:189px;width:90px;}
.few_work .effect.scroll_efect{overflow:hidden;height:258px;}
.request_banner .quoye_form{width:40%;padding:40px 0 30px;}
.request_banner{padding:0}
.request_banner .quoye_form .quoye_dtl{width:80%;}
.request_banner .quoye_form h4{font-size:36px}
.request_banner .year ul{width:61%;padding:17px 10px 10px 20px;display:block;float:left;}
.request_banner .year ul li{margin-right:0;width:25%;float:left;padding-left:20px;}
.request_banner .year ul li h4{margin:3px 0 0 0;}
.request_banner .year ul li p{font-size:16px;}
.request_banner .year ul li img{margin:0 8px 12px 0;}
.request_banner .quoye_form .group input{height:40px;font-size:16px;padding:10px;}
.request_banner .quoye_form .group textarea{font-size:16px;padding:10px;height:55px;}
.request_banner ul.call li img{margin-right:3px;width:18px;}
.group.submit_btn{margin-top:-5px;}
.request_banner h1{font-size:80px;margin:120px 0 0 0;}
.request_banner h2{margin:11px 0 0 0px;font-size:24px;}
.request_banner ul.call{margin:25px 0 38px 0px;}
.get_btn{padding:12px 25px;font-size:16px;}
.ppc_about h2:after{right:52px;}
.ppc_about .left_side{background:url(../images/ppc_bdr_mob.png) no-repeat top left;padding:0 0 0 50px;background-position:0 0;}
.request_banner ul.call li{font-size:16px}
.ppc_portfolio .left_side{padding-left:0;}
.ppc_portfolio .right_side{padding-right:0}
.ppc_footer .left_side, .ppc_footer .right_side{padding:0 50px;}
.request_banner .year{margin-top:128px;}
.request_banner .quoye_form form{margin-top:23px;}
.request_banner .quoye_form .group input, .request_banner .quoye_form .group textarea{border-radius:3px;}
.ppc_services .box .white_bg.web{height:500px;padding:80px 0 50px;}
.ppc_services .box .white_bg{height:240px;margin-bottom:20px;padding:15px 0 0 0;}
.ppc_portfolio{padding:0 0 30px;}
.ppc_about p{font-size:16px;line-height:27px;}
.ppc_services .box .white_bg{width:31%;}
.ppc_client{padding:10px 0;background-size:cover;background-position:top center;}
.ppc_about{padding:90px 0 40px;}
.inte_btn{margin:3px 0 0 0;}
.ppc_services h3{margin:0 0 45px 0;}
.ppc_footer{padding:30px 0}
.cop_footer{margin:0 0 0 0;}
.inte_btn a{padding:14px 80px;font-size:18px;}
.ppc_footer .right_side .box p, .ppc_footer .right_side .box a{padding:0 0 0 40px;font-size:18px;line-height:23px;}
.ppc_footer .right_side .box{margin:0 0 20px 0;}
.ppc_footer .right_side .box h4{font-size:20px;}
.ppc_client ul li img{width:140px;}
.ppc_footer .f_group textarea{height:70px;}
.ppc_footer .f_group input{height:40px}
.ppc_footer .f_group{margin:0 0 20px 0}
.ppc_footer .left_side:after{height:100%;}
.ppc_footer .right_side .box:last-child{margin-bottom:0;}
.ppc_services{padding:70px 0 30px;}
.ppc_portfolio .container{padding:0 0;}

/*PHP PAGE CSS*/
.php_decelop .ourservice ul li {
    max-width: 31%;
    float: left;
    margin: 0 8px 30px;min-height: 415px;
}
.php_decelop .ppc_services .box .white_bg{    height: 305px;}
.php_decelop .ppc_services .box .white_bg.web {
    height: 630px;}
.php_decelop .why_olive h3.brnd_title{    font-size: 50px;}    
.php_decelop .why_olive h3.brnd_title img{    width: 160px;}    
.php_decelop .why_olive .olive_india li{width: 33%}
.php_decelop .why_olive .olive_india li .box{padding-bottom: 40px;}
.php_decelop .why_olive .olive_india li h5 {
    font-size: 45px;}
.php_decelop .why_olive .olive_india li h5 span {
    font-size: 32px;}    
.php_decelop .why_olive .olive_india {
    margin-top: 30px;}   
.php_decelop .why_olive .olive_india li.blue .box {
    padding-right: 50px;
}     
/*PHP PAGE CSS*/
/*ecom Page CSS*/
.mitsubishi-page h3{margin-bottom: 15px}
.nxt-sec .pro-btn .l-btn{left: 5%;}
.nxt-sec .pro-btn .r-btn{right: 5%;}

.mobile-side {
    width: 170px;
    height: 348px;
    background-size: cover;
        padding: 40px 10px 46px;
}
/*ecom Page CSS*/
}

@media only screen and (max-width:1200px){.ppc_portfolio .container{width:86%;}
ul.services_slid li span{font-size:13px;line-height:17px;}
ul.services_slid li{width:20%;padding:0 8px;}
.blue_style .left_side .contant_dtl .dsg_icon{width:70px;top:-6px;left:-40px;}
.white_style .left_side .contant_dtl .dsg_icon.brnd_icon{top:-30px;right:190px;width:110px;}
.contant_dtl .dsg_icon{top:22px;right:80px;width:70px;}
.design_svr .left_side .contant_dtl{padding:40px 0;}
.few_work .effect.scroll_efect{height:220px}
.ppc_footer .f_group textarea{height:60px;}
.ppc_footer .f_group input{height:35px;}
.olive-contact .address-container.left-div .wid-50 > div{padding-right: 15px }
.php_decelop .ourservice ul li{padding: 30px 15px}

/*Ecom*/
.ecommerce-sec .brand-owl .owl-nav div.owl-prev {
    left: -40px;
}
.ecommerce-sec .brand-owl .owl-nav div.owl-next {
    right: -16px;
}	
.ecom-slid .desktop-owl{
    width: 480px;
    padding: 15px 64px 102px 55px;
    background-size: contain;
}    
.ecom-slid-sec .l-content h2 {
    font-size: 62px;
    line-height: normal;
}
.ecom-slid-sec .l-content h3{
    font-size: 30px
}
.ecom-slid .mobile-owl{
    width: 100px;
    height: auto;
    padding: 26px 9px 30px 7px;
    right: 70px;
    bottom: 0px;
    background-size: contain;
}
.ecom-slid .mobile-owl img {
    width: 100%;
}
.ecom-year-sec .ecom-title {
    font-size: 40px;
    line-height: 50px;
}
.font-lg{font-size: 30px!important}
.ecommerce-sec p {
    font-size: 20px;
    line-height: 30px;
}
.ecom-title, .ecom-project h3 {
    font-size: 36px;
    line-height: 38px;
}
.ecom-solution .box{
    padding: 15px;
}
.ecom-platform h5{
    font-size: 60px;
}
.ecom-platform h2 {
    font-size: 32px;
    margin: 0 0 30px 0;
}
.ecom-platform .get-btn{
    padding: 14px 20px;
    font-size: 14px;
}
.ecom-platform .r-side{
    padding: 40px 20px 20px
}
.ecom-platform .r-side ul li svg {
    float: left;
    margin: 8px 10px 30px 0;
}
.ecom-platform .r-side ul li h3{
    font-size: 26px;
}
.ecom-platform .r-side ul li p{
    font-size: 15px;
}
.ecom-brands .all-brands h6{
    font-size: 28px;
}
.ecom-brands .all-brands .width-33{
    padding: 70px 30px;
}
.ecom-brands .all-brands .width-30{
    padding: 80px 20px;
}
.nxt-sec h3{
	font-size: 120px;
	margin: 0
}
.mobile-side {
    width: 145px;
    height: 289px;
    padding: 33px 8px 26px 8px;
    border-radius: 20px;
}
}
@media only screen and (max-width:1100px){
.portfolio .item.big{margin-top:0!important;}    
.ppc_portfolio .left_side{width:36%;}
.ppc_footer .right_side .box p, .ppc_footer .right_side .box a{font-size:16px}
.ppc_footer .right_side .box h4{margin:0 0 24px 0;font-size:21px;}
.inte_btn a{padding:15px 90px;font-size:20px;}
.space.rec_space{padding:0;}
.brnd_space{padding:0 0 0 0 !important;}
.web_page.brnd_space{padding:0 0 0 0 !important;}
.few_work .effect.scroll_efect{height:195px}
.design_svr{padding:0;}
.white_style h4:after, .blue_style h4:after{content:none}
.design_svr .left_side{padding-left:20px;}
.design_svr .blue_style .left_side .contant_dtl p{padding-right:0}
.design_svr .white_style .left_side .contant_dtl p{padding-right:0;}
.design_svr .blue_style .left_side{padding-right:20px;padding-left:0}
.design_svr .white_style .left_side .contant_dtl, .design_svr .blue_style .left_side .contant_dtl{width:100%}
.design_svr .left_side.img_side{padding-left:0}
.branding_styl .services h3, h3.brnd_title{font-size:45px}
.branding_styl .services{padding:0;}
.branding_styl .respo_page, .brnd_brown, .brand_section{padding:60px 0}
.space, .rec_space{padding:0}
.ourservice ul li{min-height:445px;}
.ourservice ul li p, .ourservice p{font-size:16px;}
.brand_section p{font-size:16px;line-height:24px;}
.ourservice p{float:left;width:100%}
.branding_styl ul li img{width:auto;}
.text_bottom p{font-size:16px}
.request_banner .quoye_form h4{font-size:30px;}
.request_banner .quoye_form{padding:30px 0 30px;}
.request_banner h1{font-size:80px;}
.request_banner h2{font-size:18px}
.get_btn{padding:14px 23px;font-size:15px;}
.request_banner .year ul li img{width:30px}
.request_banner .year ul li h4{font-size:18px;}
.request_banner .year ul li p{font-size:16px;}
.request_banner .quoye_form h4{font-size:22px;}
.request_banner .quoye_form p{font-size:13px;line-height:17px;}
.ppc_about .left_side{width:60%;}
.ppc_about .right_side{width:40%}
.ppc_about h2, .ppc_client h3, .ppc_services h3, .ppc_portfolio h3, .ppc_footer h3{font-size:40px;}
.ppc_about h2:after{bottom:-3px;width:90px;}
.ppc_about p{padding-left:34px;}
.ppc_services .box .white_bg{width:31%;}
.ppc_services .box .white_bg h4{font-size:20px}
.ppc_services .box .white_bg.web h4{font-size:25px;}
.inte_btn a{padding:20px 90px;font-size:18px;}
.request_banner .year ul li{padding-left:4px;}
.request_banner .year ul li p{font-size:14px;}

/*PHP PAGE CSS*/
.php_decelop .why_olive .olive_india li.green .box{padding-left: 20px;}
/*PHP PAGE CSS*/
.mobile-side {
    width: 145px;
    height: 297px;
    padding: 33px 8px 26px 8px;
    border-radius: 20px;
}
.nxt-sec .pro-btn .l-btn{left: 2%;}
.nxt-sec .pro-btn .r-btn{right: 2%;}
}

@media only screen and (max-width: 992px){
.mobile-side{
	padding: 33px 8px 37px 8px;
}	
.client-banner h2 {
    font-size: 38px!important;
    line-height: 49px;
}	
.client-banner {
    padding: 110px 15px;
}
.client-bx h2 {
    font-size: 36px;
}
.client-bx h3 {
    font-size: 26px;
    line-height: 30px;
}
.client-bx p {
    font-size: 18px;
    line-height: 27px;
 }	
.ecom-slid .mobile-owl{
    right: -115px;
    bottom: 20px;
}    
.ecom-slid-sec .l-content h2 {
    font-size: 40px;
    line-height: normal;
}
.ecom-slid-sec {
    padding: 70px 0 0;
}
.ecom-year-sec .ecom-title {
    font-size: 30px;
    line-height: 39px;
}
.ecommerce-sec p{
    padding: 0;
    font-size: 16px;
    line-height: 23px;
}
.ecom-year-sec, .ecom-solution, .ecom-platform, .ecom-brands {
    padding: 50px 0;
}
.ecom-solution .box{
    min-height: 347px;
}

.ecom-platform h2 {
    font-size: 26px;
    line-height: normal;
}
.ecom-platform h5 {
    font-size: 50px;
}

.ecom-brands .all-brands .width-33 svg, .ecom-brands .all-brands .width-30 svg{
    width: 40px
}
.ecom-brands .all-brands .width-33 {
    padding: 40px 15px;
    height: 136px;
}
.ecom-brands .all-brands h6 {
    font-size: 22px;
}
.ecom-brands .all-brands .width-30 {
    padding: 36px 0 36px 10px;
    height: 136px;
}
.ecom-brands .all-brands .width-20 img {
    max-width: 100%;
    height: 272px;
    width: 100%;
}
.ecom-slid .desktop-owl {
    width: 360px;
    padding: 12px 49px 169px 42px;
}
.ecom-slid .mobile-owl {
    right: 0;
    bottom: 50px;
    height: auto;
    padding: 19px 7px 30px 5px;
    width: 70px;
}
.ecom-slid-sec .l-content{
    margin-top: 20px;    
}
.ecom-project .view-btn{
    font-size: 14px;
    padding: 15px 24px;
}
.ecom-platform .r-side .pop-box .dev-img svg {
    width: 100px;
    height: 90px;
}
.ecom-platform .r-side .pop-box h2{
        margin-bottom: 20px;
}
.ecom-platform .r-side .pop-box h3 {
    font-size: 22px;
    font-family: 'latomedium';
    margin-bottom: 15px;
}
.nxt-sec h3{
	font-size: 70px;
}
.nxt-sec{
	height: 360px
}
.chili-sec .box.video-sec .wrap-video{
	height: auto;
}
.mitsubishi-page .wid-60, .mitsubishi-page .wid-40{width: 100%;}
}

@media only screen and (max-width:960px){.ppc_portfolio .left_side{width:35%;}
.ppc_header .top-right-div a.contact{padding:10px 20px;}
.ppc_portfolio .owl-theme .owl-controls .owl-nav .owl-prev{left:-35px;}
.ppc_portfolio .owl-theme .owl-controls .owl-nav .owl-next{right:-35px;}
.ppc_services{padding:40px 0 50px;}
.ppc_footer .right_side .box p.ppc_call{display:none;}
.ppc_footer .right_side .box p.ppc_call.mob_p{display:block;}
.ppc_services .box .white_bg{padding:15px 15px 0;}
.request_banner h1{display:block;text-align:center;}
.request_banner h2{text-align:center;}
.request_banner ul.call{text-align:center;}
.request_banner{text-align:center;}
.request_banner .year{margin-top:40px;float:left;width:100%;padding:0 15px;}
.request_banner .year ul{width:100%;padding:20px;display:block;float:left;border-radius:10px;}
.request_banner .year ul li{margin-right:0;width:50%;float:left;text-align:left;border-right:1px solid #F1F1F1;border-bottom:1px solid #F1F1F1;padding:22px 50px;}
.request_banner .year ul li img{width:auto;margin:0 13px 52px 0;}
.request_banner .year ul li h4{font-size:22px;}
.request_banner .year ul li p{font-size:18px;}
.request_banner .year ul li:nth-child(2), .request_banner .year ul li:nth-child(4){border-right:none}
.request_banner .year ul li:nth-child(3), .request_banner .year ul li:nth-child(4){border-bottom:none}
.request_banner .quoye_form{position:relative;width:100%;float:left;margin-top:-200px;padding-top:230px;}
.request_banner .quoye_form h4{font-size:36px}
.request_banner .quoye_form p{font-size:16px;line-height:21px}
.ppc_about{padding:0 0 50px;}
.ppc_about .left_side{width:100%;text-align:center;padding:57px 0 40px 0;background-position:37% 24px;}
.ppc_about p{font-size:20px}
.ppc_about .right_side{width:100%;padding:0;}
.ppc_client ul{padding:0}
.ppc_about p{padding:0}
.ppc_services .box .white_bg{width:47%;float:left;}
.ppc_services .box .white_bg.web{display:none;}
.ppc_services .box .white_bg.mob{display:block!important;}
.ppc_services .box .white_bg.mob img{width:89px;margin-bottom:0;}
.ppc_portfolio{padding:0 0 30px 0;}
.ppc_portfolio .tocuh_fm p{margin:10px 0 0 0;}
.main_mrgn{padding:0 0;}
.ppc_footer .left_side{float:left;padding:0 20px;width:100%;}
.ppc_footer .left_side:after{content:none}
.ppc_footer .right_side{width:100%;margin-top:0;position:relative;padding:40px 20px 0;}
.cop_footer{background:#012F5E;margin:0;border-top:1px solid #ffffff;}
.ppc_portfolio h3:after{left:45%;}

/*PHP PAGE CSS*/
.php_decelop .ourservice ul li{    min-height: 435px;}
.php_decelop .ppc_services .box .white_bg{display: block!important;}
.ppc_services .box .white_bg.web {display: none!important;}
.php_decelop .why_olive .olive_india li .box{padding: 20px 15px 30px 15px!important}
.php_decelop .why_olive .olive_india li p {
    font-size: 16px;
    line-height: 23px;}
.php_decelop .why_olive .olive_india li h5 span {
    font-size: 22px;
}
.php_decelop .why_olive .olive_india li h5 {
    font-size: 35px;
}    

/*PHP PAGE CSS*/

}
@media only screen and (max-width:710px){.branding_styl ul li img{width:20%;}
}
@media only screen and (max-width:920px){.white_style, .blue_style{padding:50px 0;}
.creat_page .ourservice ul li{min-height:485px;}
.ourservice ul li{max-width:46%;float:left;margin:0 10px 30px;min-height:445px;}
.ourservice ul{float:left;width:100%}
.design_svr .left_side .contant_dtl h4{font-size:37px;}
.design_svr .left_side .contant_dtl p{font-size:16px;line-height:25px;}
.design_svr .left_side .contant_dtl a.more_btn{padding:11px 20px;font-size:14px;}
.white_style .left_side .contant_dtl .dsg_icon.brnd_icon{top:-20px;right:120px;}
.white_style .left_side .contant_dtl .dsg_icon{top:4px;right:40px;}
.php_decelop .ppc_portfolio h3{font-size: 40px;line-height: 40px}
.php_decelop .ppc_portfolio h3 span{font-size: 32px;}
.php_decelop .ppc_portfolio h3.asp-title {    font-size: 26px;}
.php_decelop .ppc_portfolio h3.asp-title span {    font-size: 24px;}    
.php_decelop .ppc_portfolio h3.asp-title:after {    left: 0;}

}
@media only screen and (max-width:767px){
.portfolio-case .title-work{
	padding-left: 0;
	margin: 0 0 30px 0;
}
.portfolio-case .chili-img{
	    background: #f6f6f6;
}
.portfolio-case .course-col.hyatt-img{
	width: 100%!important
}
.portfolio-case .chili-img img, .portfolio-case .hyatt-img img{
	width: auto!important;
	height: auto!important;
}
.portfolio-case .course-col {
    width: 50%!important;
    padding: 0 15px;
    margin-bottom: 30px;
}
.portfolio-case a{
	width: 100%
}
.portfolio-case .course-col img{
	height: 294px
}
.portfolio-case{
	float: left;
	width: 100%
}
.portfolio-case .container-case{
	width: 95%
}
.portfolio-case .item-details h3{
	margin-top: 20px;
	padding-left: 0;
	font-size: 16px;
}
.portfolio-case .all-projects{
	margin-right: 15px;
	width: auto!important
}
.portfolio-case .hvr-eft p{
	padding-left: 0;
	font-size: 13px
}
.portfolio-case .col-big, .portfolio-case .col-sml{
	width: 100%!important
}

.mobile-side {
    width: 115px;
    height: 237px;bottom: 30px;padding: 27px 6px 28px 7px;    right: 0;}	
.mitsubishi-page .wid-60 img{
	width: 100%
}    
.client-banner h2 {
    font-size: 30px!important;
    line-height: 44px;
}	
.captchabox .bgn-wf-field #imgid{margin-left: 40px;}	
.captchabox.submit input{margin: 0 0 10px 0!important}	
.client-bx p{margin-bottom: 0}	
.client-main .content-column h1{margin-top: 30px;}
.ppc_portfolio h3{top:61px;}
.ppc_portfolio .left_side{padding-top:50px;}
.ppc_portfolio .left_side{width:37%;}
.get_btn{display:inline-block}
.ppc_services .box .white_bg{padding:0 15px 0;}
.ppc_about .left_side{padding:0 0 40px 0;background-position:32% 24px;}
.ppc_footer .f_btn input{width:100%}
.ppc_services .box .white_bg{width:46%;}
.breadcrum{top:77px}
.design_svr .left_side .contant_dtl .dsg_icon{display:none;}
.design_svr .left_side{float:left;width:100%;padding:0!important;}
.creat_page .ourservice ul li{min-height:auto;}
.few_work .left_side{width:100%;margin-bottom:30px;}
.few_work .right_side{width:50%}
.few_work .effect .hover{padding:10px}
.ourservice ul li{max-width:100%;margin:0 10px 30px;min-height:auto;width:375px;float:none;}
h3.brnd_title, .services h3{font-size:40px}
.branding_styl ul li img{width:auto;max-width:100%;}
.captchabox{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;}
.our_technology .ourservice ul li{min-height:auto;}
.ourservice{padding:0 15px;}
.ourservice ul li{margin:0 0 30px 0;}
.ppc_footer .right_side:before{right:-18px;}
.request_banner .year ul li{padding:22px 20px;}
.ppc_services .box .white_bg{width:100%;margin:0 0 10px 0;height:auto;padding:20px 0;}
.ppc_services .box .white_bg img{margin:0}
.ppc_services .box .white_bg h4{margin-top:0}
.ppc_portfolio .left_side, .ppc_portfolio .right_side{width:100%;}
.ppc_portfolio .right_side{padding-left:0}
.ppc_portfolio .left_side{height:300px;overflow:hidden;margin-bottom:15px}
.request_banner h1{margin:70px 0 0 0;}
.request_banner h2{line-height:28px;}
.home-title {
    display: block!important;
    text-align: left;
    margin: 0 0 10px 0;
} 
.home-title h4 {
    font-size: 30px;
    margin: 20px 0 0 0;
}
.home-blog{display: none;}
/*PHP PAGE CSS*/
.php_decelop .ourservice ul li {
    min-height: auto;
    max-width: 100%;
    width: 100%;    margin: 0 0 40px;
}
.php_decelop .ppc_portfolio h3{	top: 50px;}
.php_decelop .ourservice ul li h6 {
    font-size: 20px;
    margin: 15px 0;
}
.php_decelop .ppc_services .box .white_bg {
    height: auto;padding: 30px;
}
.php_decelop .ppc_portfolio h3:after {
    left: 0;
}
.php_decelop .why_olive .olive_india li {
    width: 49%;
    margin-bottom: 20px;
}
.php_decelop .why_olive .next_btn a{padding: 10px 12px;font-size: 14px;}
.php_decelop  .ourservice ul li div.icon{    padding: 10px;width: 100px;    height: 100px;}
.scroll_eft .branding_styl.php_decelop .services, .branding_styl .respo_page, .brnd_brown, .brand_section{padding: 50px 0 20px;}
.why_olive{padding: 50px 0}
.branding_styl.php_decelop .services h3, .php_decelop .ppc_services h3, .php_decelop .brand_section h3.brnd_title, .php_decelop .why_olive h3.brnd_title{font-size: 34px;}
.php_decelop .why_olive h3.brnd_title img {
    width: 100px;
}
.php_decelop .why_olive .olive_skill li{width: 24%;}
.php_decelop .why_olive h4{font-size: 30px;    margin: 0;
    line-height: 34px;}
.php_decelop .brand_section h4{font-size: 28px;margin: 0 0 10px;}
.services-inner.php_decelop .services-bg{    z-index: -1;}
.php_decelop .why_olive .next_btn{padding: 0}
.php_decelop .why_olive .olive_skill {
    margin-top: 30px;}
.why_olive{background-position: center center;}    
/*PHP PAGE CSS*/
.olive-contact .address-container.left-div .wid-50, .olive-contact .address-container.left-div.usa_adrs, .olive-contact .address-container.left-div{width: 100%}




/*Ecom*/
.ecom-platform .r-side ul li h3{    font-size: 20px;}
.lastdiv-inner.mob{display: block!important;margin-bottom: 30px;float: left;}
.lastdiv-inner.des{display: none!important;}	
.ecommerce-sec .owl-nav div{
	position: relative;
	top: 0!important;
	left: 0!important;
	right: 0!important;
	    margin: 0 auto;
    float: none;
    display: inline-block;
}	
.ecommerce-sec .ecom-brands .brand-owl .owl-nav {
    margin-top: 20px;}
.ecommerce-sec .owl-controls{
	width: 100%;
    text-align: center;
    margin: 0 auto;
}
.ecommerce-sec{    padding-top: 90px;}	
	.ecom-slid-sec .l-content h2, .ecom-slid-sec .l-content h3{
		margin-top: 0
	}
.ecommerce-sec .owl-nav div.owl-prev{left: 0px}
.ecommerce-sec .owl-nav div.owl-next{right: 0px}	
.ecommerce-sec .owl-nav div{
	margin: 0
}
.ecommerce-sec .container{
    width: 100%;
    max-width: 100%;
}
.ecom-slid-sec .l-content {
    width: 100%;
    text-align: center;
    margin: 0 0 30px 0;
}
.ecom-slid{
    width: 100%;
    text-align: center;
}
.ecom-slid .desktop-owl {
    width: 360px;
    margin: 0 auto;
    height: auto;
    padding: 12px 49px 60px 42px;
}
.ecom-slid .mobile-owl {
    right: 25%;
    bottom: 0;
}
.ecom-slid-sec {
    padding: 70px 0 50px;
}
.ecom-platform .l-side {
    padding: 0;
    margin-bottom: 40px;
}
.ecom-brands .all-brands h6 {
    font-size: 18px;
}
.ecom-brands .all-brands .width-33 svg, .ecom-brands .all-brands .width-30 svg {
    width: 34px;
    height:30px;
}
.ecom-brands .all-brands .width-20 img {
    max-width: 100%;
    height: 248px;
}
.ecom-brands .all-brands .width-30 {
    padding: 42px 0 36px 10px;
    height: 124px;
}
.ecom-brands .all-brands .width-33 {
    padding: 47px 15px;
    height: 124px;
}
.ecommerce-sec .owl-nav div{
    top: 35%;
}
.ecom-platform .r-side .pop-box .dev-img img{
	width: 70px;
}
.ecom-platform{display: flex;
    flex-direction: row;}
.ecom-platform .col-md-5{order: 1;}   
.ecom-platform .l-side{margin-top: 50px} 
.playpause{
	    width: 50px;
}
.mitsubishi-page .wid-40{padding-left: 0;}

.xs-view {
    display: block;
    text-align: center;
    height: 250px;
    overflow: hidden;
    margin: 0 0 30px 0;
}
.portfolio-block{
	padding-top: 0
}
.xs-view img{
	margin: 0 auto;
}
.lg-view{display: none;}

.port-work .port-owl .l-side, .port-work .port-owl .l-side .back-side {
    padding: 0 15px;
}
.port-work .port-owl .item .one-bx{
	display: block;
	height: auto;
}
.port-work .desktop-owl{
	margin: 0 auto;
}
.port-work .port-owl .l-side, .port-work .port-owl .r-side{
	width: 100%
}
.port-work .port-owl .portfolio-section{
	display: none;
}
.flip-btn {
    padding: 12px 0 0 15px;
}
.port-work .port-owl .item .one-bx{
	padding: 40px 0;
}
.port-work .port-owl .l-side h6{
	margin-top: 0
}
.flip-btn.mob-view{display: block;}
.flip-btn.des-view{
	display: none;
}
	
.port-work .port-owl .owl-dots {
    right: 15px;
}
}
@media only screen and (max-width:580px){
.portfolio-case .course-col{
	width: 100%!important
}
.portfolio-case .course-col img{
	height: auto;
}
.client-banner h2 {
    font-size: 19px!important;
    line-height: 34px;
    margin: 0;
}
.client-banner {
    padding: 80px 0;
}
.client-bx p {
    font-size: 16px;
   }
.ppc_header .top-right-div{margin-right:115px;}
.ppc_portfolio .container{width:90%;}
.ppc_footer .right_side .box p.ppc_call{display:block;}
.ppc_footer .right_side .box p.ppc_call.mob_p{display:none;}
.ppc_services .box .white_bg{width:100%;float:left;padding:45px 15px 0;margin:0 0 20px 0;}
.ppc_services .box .white_bg img{width:70px;}
.ppc_services .box .white_bg.mob img{width:69px;margin-bottom:15px;}
.ppc_footer .right_side:before{right:-13px;}
.ppc_about .left_side{background-position:25% 24px;}
.ppc_services .box .white_bg{margin:0 0 20px;}
.ppc_header .top-right-div{display:block;}
.ppc_portfolio .owl-theme .owl-controls .owl-nav .owl-prev{left:10px;background:url(../images/ppc_lft_arrow_mob.png) no-repeat!important;}
.ppc_portfolio .owl-theme .owl-controls .owl-nav .owl-next{right:10px;background:url(../images/ppc_rit_arrow_mob.png) no-repeat!important}

/*PHP PAGE CSS*/
.php_decelop .why_olive .olive_skill li {width: 23%;margin-bottom: 10px;}
/*PHP PAGE CSS*/
.php_decelop .why_olive .next_btn{text-align: center;}
.php_decelop .why_olive .next_btn .l_side, .php_decelop .why_olive .next_btn .r_side{float: none;    display: inline-block;
    margin-bottom: 20px;}

/*Ecom*/
.ecom-solution .box {
    min-height: auto;
}
.ecom-slid .mobile-owl {
    right: 18%;
    }
.ecom-title {
    font-size: 30px;
}    
.ecom-brands .all-brands .width-33 svg, .ecom-brands .all-brands .width-30 svg {
    width: 34px;
    display: block;
    float: none;
    margin: 0 auto;
}
.ecom-brands .all-brands .width-30, .ecom-brands .all-brands .width-33{
    text-align: center;
}
.ecom-brands .all-brands .width-33 {
    padding: 20px 0;
}
.ecom-brands .all-brands .width-30 {
    padding: 30px 0;}
.nxt-sec h3 {
    font-size: 35px;
}
.nxt-sec {
    height: 200px;
}
.nxt-sec .pro-btn a {
    font-size: 13px;
} 
.nxt-sec .pro-btn a:after {
    top: 0px;
} 
.mobile-side {
    width: 85px;
    height: 174px;
        padding: 20px 5px 21px 6px;
}
.desktop-side img {
    width: 100%!important;
}


.port-work{
	padding: 50px 0 10px;
}

.port-work .port-owl .owl-dots{
	    bottom: -42px;
}
.flip-btn{
    top: 58%;	
}
}

@media only screen and (max-width: 500px){
.captchabox.submit .reset-btn {padding: 13px 30px;}
.capcha-input{width: 100%;}
}

@media only screen and (max-width:480px){.ppc_header .top-right-div a.contact{padding:10px 12px;font-size:14px;margin-top:8px;}
.ppc_client ul li{list-style-type:none;width:33%;float:left;}
ul.services_slid{text-align:center;}
ul.services_slid li{float:none;width:auto;padding:0 12px;margin-bottom:22px;}
.few_work .right_side{width:100%}
.few_work .left_side{margin-bottom:10px}
.few_work .right_side.padd_rit{padding:0 10px 0 15px}
.breadcrum ul li.togl ul{left:auto;right:0}
.breadcrum ul li.togl ul:after{left:87%;}
.request_banner .year ul{padding:10px}
.ppc_footer .right_side .box{margin:0 0 20px 0;}
.request_banner .year ul li{padding:12px 10px;}
.ppc_footer .right_side .box p, .ppc_footer .right_side .box a{padding:0 0 0 32px;font-size:15px;line-height:20px;}
.ppc_footer .right_side .box h4{padding:0 0 0 32px}
.ppc_footer .right_side .box h4:after{left:33px;}
.ppc_footer .right_side:before{right:-20px;}

/*PHP PAGE CSS*/
.php_decelop .why_olive .olive_india li {
    width: 100%;
    margin-bottom: 50px;
}
.php_decelop .why_olive .olive_skill li {
    width: 28%;}
.php_decelop .why_olive h4 {
    font-size: 25px;}   
.php_decelop .brand_section p{font-size: 16px;    line-height: 28px;}   
h1 {    font-size: 34px;}  
.port-work .desktop-owl {
    width: 300px;
    padding: 13px 40px 68px 40px;
    height: 180px;
}
.port-work .port-owl .l-side h4 {
    font-size: 20px;
    line-height: 26px;}
.port-work .port-owl .l-side h5 {
    font-size: 16px;
}
.port-work .port-owl .l-side ul li {
    font-size: 14px;
    line-height: 26px;
    background-position: 0 6px;
}
.port-work .port-owl .l-side h6{
	font-size: 16px
}
.port-work .port-owl .l-side p {
    font-size: 13px;
    line-height: 19px;
}
.flip-btn.mob-view {
    font-size: 14px;
}
/*PHP PAGE CSS*/
}
@media only screen and (max-width:420px){ul.services_slid li{padding:0 21px;margin-bottom:32px;}
.request_banner .year ul li h4{font-size:18px;}
.request_banner .year ul li img{width:auto;margin:0 5px 27px 0;}
.request_banner .year ul li p{font-size:15px;}
.ppc_footer .right_side:before{right:-18px;}

/*ecom*/
.ecom-brands .all-brands .width-33, .ecom-brands .all-brands .width-30{
    height: 90px;
}
.ecom-brands .all-brands .width-20 img{
    height: 180px
}
.ecom-brands .all-brands .width-33 {
    padding: 6px 0;
}
.ecom-brands .all-brands .width-30 {
    padding: 10px 0;
}
.ecom-brands .all-brands .width-33 svg, .ecom-brands .all-brands .width-30 svg{
    margin: 0 auto 2px;
}
.ecom-brands .all-brands h6 {
    font-size: 14px;
}
.ecom-project h3 {
    font-size: 23px;
    line-height: normal;
    }
.ecom-title {
    font-size: 26px;
    line-height: normal;
}
.font-lg{font-size: 24px!important}
.ecom-solution .box h4{
    font-size: 22px;
    line-height: 28px;
} 
.ecom-slid .mobile-owl {
    right: 10%;
}  
.nxt-sec h3 {
    font-size: 28px;
}
.captchabox .bgn-wf-field #imgid {
    margin-left: 20px;
}
}
@media (max-width:768px){
	.sin-mob1{
		margin-right: 0px!important;
		margin-top: 0px!important;
	}
	.sin-mob2{
		margin-top:0px!important;
	}
	.sin-mob3{
		margin-left: 0px!important;
    	margin-top: 0px!important;
	}
	.portfolio-img-container img{
		margin-top:20px!important;
	}
}
.mar-lt-50{
	float: left;
    width: 25%;
    position: relative;
    font-size: 18px;
    overflow: hidden;
    color: #fff;
    padding: 20px;
    margin-left: 45px;
}
.mar-lt-30{
	float: left;
    width: 25%;
    position: relative;
    font-size: 18px;
    overflow: hidden;
    color: #fff;
    padding: 20px;
    margin-left: -30px;
}
@media (max-width:768px){
	.mob-mar-lt{
		margin-left:0px!important;
		width:100%!important;
	}
}
.mob-sec-hands{
	;padding-bottom:130px;
}

.row-portfolio{
	display: flex;
    border-radius: 10px;
}
.h3-portfolio{
	padding-left: 17px;
    color: #5F5F5F;
    font-weight: 600;
	font-size:23px;
	/*font-size:calc(17px + 5 * ((100vw - 576px)/ 1024));*/
	text-align:left;
}
.h6-portfolio{
	padding-left: 17px;
	padding-top:10px;
    color: #5F5F5F;
	line-height:1.1;
    margin-top: -15px;
    font-weight: 600;
	text-align:left;
	font-size:15px;
	/*font-size:.94rem;*/
}
.col-big{
	margin-bottom: 5%;
    padding: 20px 12px;
    box-sizing: border-box;
    flex-basis: 72%;
	text-align:center;
}
.col-sml{
	margin-bottom: 5%;
    padding: 20px 12px;
    box-sizing: border-box;
    flex-basis: 39.5%;
	text-align:center;
}
.col-hc{
	margin-bottom: 5%;
    padding: 20px 12px;
    box-sizing: border-box;
    flex-basis: 41.5%;
	text-align:center;
}
.col-hyt{
	margin-bottom: 5%;
    padding: 20px 12px;
    box-sizing: border-box;
    flex-basis: 58.5%;
	text-align:center;
}
.col-mid{
	margin-bottom: 5%;
    padding: 20px 12px;
    box-sizing: border-box;
    flex-basis: 33.5%;
	text-align:center;
}

@media(max-width:768px){
	.row-portfolio{
		display:block!important;
	}
	.mob-wdt{
		max-width:100%!important;
	}
}
@media(max-width:768px){
	.mob-wdt{
		max-width:100%!important;
		height:auto!important;
	}
}
.img-hover-zoom:hover img {
  transform: scale(1.1);
}
		.img-hover-zoom img {
  transition: transform .5s ease;
}
.button-left-div{
	width: auto;
    float: right;
}
.all-projects{
	color: #fff;
    padding: 0px 0px;
    display: inline-block;
    background-color: #4dbeee;
    font-size: 18px;
    margin-left: 20px;
    padding: 15px 24px;
}

@media(max-width:768px){
	.portfolio-case{
		margin-bottom:20px!important;
	}
}
@media only screen and (min-width:1024px) and (max-width:1366px){
	.ht-369{
		height:333px!important;
		max-width:100%!important;
	}
	.ht{
		height:100%!important;
	}
}
.case-block{
	width: 100%;
    min-height: 80px;
    position: relative;
    text-align: center;
    display: block;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    overflow: hidden;
    -webkit-transition: all cubic-bezier(.4,0,.2,1) .4s;
    -o-transition: all cubic-bezier(.4,0,.2,1) .4s;
    transition: all cubic-bezier(.4,0,.2,1) .4s;
}
.item-details{
	padding-top:10px;
}
.title-work{text-transform:uppercase;
	font-size:70px;
	color: #282828;
	font-weight: 600;
	padding-left:17px;
}
@media(max-width:1366px){
	.title-work{
		font-size:52px;
	}
}
@media(max-width:767px){
	.mob-top{
		top:0px!important;
	}
}
#slider .owl-nav{
	position:absolute;
	top:50%;
	width:100%;
	left: 0;
}
#slider .owl-nav .owl-prev {
    position: absolute;
    left: 15px;
    display: block;
}
#slider .owl-nav .owl-next {
    position: absolute;
    right: 15px;
    display: block;
    left: auto;
}
#slider .owl-nav > div {
    margin: 0;
    font-size: 0;
}
#slider .owl-nav .owl-prev::before, #slider .owl-nav .owl-next::before {
    content: "";
    font: normal normal normal 18px/1 FontAwesome;
}
#slider .owl-nav .owl-prev::before {
    content: "\f177";
}
#slider .owl-nav .owl-next::before {
    content: "\f178";
}
@media (max-width:767px){
}
#slider .owl-dots{
	display:none!important;
}
#slider .owl-nav > * {
	background:none;
}

#slider1 .owl-nav {
    position: absolute;
    top: 50%;
    width: calc(100% - 200px);
    left: 50%;
    transform: translate(-50%, -50%);
}
#slider1 .owl-nav .owl-prev {
    position: absolute;
    left: 60px;
    display: block;
}
#slider1 .owl-nav .owl-next {
    position: absolute;
    right: 60px;
    display: block;
}
@media (max-width:767px){
	.w-20{
		width:100%!important;
	}
}
#slider1 .owl-dots{
	display:none!important;
}
#slider1 .owl-nav > * {
	background:none;
}
.wd-85{
	width:85%!important;
}
.w-20{
	width:20%;
}
.move-up {
	position: relative;
    padding: 15px;
    overflow: hidden;
	width:36%
}

/*button:before (attr data-hover)*/
.move-up:hover:before{opacity: 1; transform: translateY(0);}
.move-up:before{
	content: attr(data-hover);
    position: absolute;
    padding-left:5px;
    width: 100%;
    opacity: 0;
    transform: translate(-100%,0);
    transition: all cubic-bezier(.4,0,.2,1) .4s;
}
/*button div (button text before hover)*/
.move-up:hover div{opacity: 0; transform: translateY(0)}
.move-up div{
	transition: all cubic-bezier(.4,0,.2,1) .4s;
	padding-left:5px;
}

/* Effect */
.hvr-eft{transition: .5s ease;
    -webkit-transform: .5s ease;
    position: relative;
    display: block;
    float: left;
    text-align: left;
    margin-bottom: 0; 
    padding: 10px 0;
    padding-bottom: 50px;}
    .hvr-eft a{display: inline-block;}
.hvr-eft p{position: absolute;margin:0;padding-left: 17px;/* padding-top: 10px; */color: #5F5F5F;line-height: 1.1;/* margin-top: -15px; */font-weight: 600;text-align: left;font-size: 15px;top: 0;}
.hvr-eft .animation1{transition: .5s ease;top:0}
.hvr-eft .animation2{transition: .5s ease;opacity: 0;top:30px}
.jarkk:hover .animation1{
    opacity: 0;
    top:-20px;
}
.jarkk:hover .animation2{
    opacity: 1;
    top:0;
}
.jarkk{
    position: relative;
    overflow: hidden;
}
.hvr-eft .animation2:after {
    position: absolute;
    content: "";
    right: -50px;
    top: 7px;
    width: 40px;
    height: 2px;
    background: #5F5F5F;
    }

/* CUSTOM CSS */
.box.nxt-sec {
    margin-bottom: 0 !important;
}
#slider1 .owl-nav > div {
    font-size: 0;
    z-index: 1;
    width: 38px;
    height: 38px;
    line-height: 55px;
    margin: 0;
    padding: 0;
}
#slider1 .owl-nav .owl-prev::before {
    font: normal normal normal 20px/1 FontAwesome;
    content: "\f177";
}
#slider1 .owl-nav .owl-next::after {
    font: normal normal normal 20px/1 FontAwesome;
    content: "\f178";
}
#slider1 .wd-85 {
    width: 100% !important;
}
@media (max-width:991px){
	.nxt-sec .pro-btn .l-btn {
		left: 15px;
		padding-left: 31px;
	}
	.nxt-sec .pro-btn .r-btn {
		right: 15px;
		padding-right: 31px;
	}
	.nxt-sec .pro-btn a{
		font-size: 17px
	}
	.nxt-sec .pro-btn a:after{
		top: 0;
	}
	.nxt-sec {
		height: 300px;
	}
	.nxt-sec .pro-btn a:after {
		background: url(../images/work-arrow-mob.png) no-repeat;
		width: 22px;
		height: 11px
	}
	.nxt-sec.black-txt .pro-btn a:after{
		background: url(../images/work-arrow-mob-black.png) no-repeat;
	}
	.portfolio-img-container > a > img {
		margin-top: 0 !important;
	}
	#slider1 > div > div > .owl-item:nth-child(even) img, .portfolio-img-container > a:nth-child(even) > img {
		margin-top: 45px !important;
	}
	.portfolio-img-container .w-20 {
		width: 25%!important;
	}
	
}
@media (max-width:767px){
	#slider1 .owl-nav > div {
		background: transparent;
		box-shadow: none;
	}
	#slider .owl-nav .owl-prev, #slider1 .owl-nav .owl-prev {
		left: 0;
	}
	#slider .owl-nav .owl-next, #slider1 .owl-nav .owl-next{
		right:0;
	}
	#slider1 .owl-nav > div, #slider .owl-nav > div {
		width: 30px;
	}	
	.nxt-sec .pro-btn a {
		font-size: 13px;
	}	
}
@media (max-width:639px){
	#slider1 .owl-nav {
		width: 100%;
	}
}