@charset "utf-8";
/* CSS Document */
body, h1, h2, h3, h4, h5, h6, p, ul, li, form, fieldset, span, small {margin:0px; padding:0px; list-style:none; border:none; font-size:100%; font-weight:normal; line-height:normal;}
.clear {clear:both;}
img {border:none;}
* {margin:0; padding:0; outline:none;}
html, body {margin:0; padding:0; height:100%;}
::-webkit-input-placeholder {color: #cccccc;}
:-moz-placeholder {color: #cccccc; opacity:  1;}
::-moz-placeholder {color: #cccccc; opacity:  1;}
:-ms-input-placeholder {color: #cccccc;} 
body {background:#fff; font:12px 'InterRegular', sans-serif;}

/*Custom Css Starts Here*/
#outerWrapper {width:100%; float:left; position:relative;}
.wrapper {max-width: 1280px; margin: 0 auto;}

/*Header Css Starts Here*/
header {float:left; width:100%; position: absolute; left: 0; top: 0; z-index: 9;}
header.inner #menuToggle span {background: #0E1E2D;}
a.logo {float: left; margin: 42px 0 0 40px; left: 0; top:0;}
a.logo img {max-width: 52px; float: left; height: auto;}
a.scrollTop {float:left; position: fixed; left: 36px; top: 36px; text-decoration: none; z-index: 9; display: none; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; background-color: #333; padding: 12px 16px;}
#menuToggle { width: 21px; float: right; margin: 42px 40px 0 0; right: 0; top: 0; position: absolute; cursor: pointer; -webkit-user-select: none; user-select: none;}
#menuToggle span {float: right; width: 21px; height: 2px; margin-bottom: 3px; position: relative; background: #fff; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;}
#menuToggle span:last-child {width:13px;}
.menuCollapse {float: left; width: 100%; display: none; position: fixed; z-index: 999; height:100%; background: linear-gradient(315deg, #BA6B46 0%, #023C40 100%);}
a.crossIcon {float: right; margin: 42px 40px 0 0;}
.menuMain {float: left; width: 100%; padding: 96px 0 0 0; overflow-y: scroll;}
.menuLeft {float: left; width: 30%; margin-left: 21%;}
.menuLeft h5 {color: #9a9a9a; font:14px/21px 'InterRegular', sans-serif; letter-spacing: 5px; text-transform: uppercase; padding: 0 0 50px 0;}
.menuLeft ul {float: left; width: 100%; list-style: none;}
.menuLeft ul li {float: left; width: 100%; list-style: none;}
.menuLeft ul li a {font:64px/100px 'InterBold', sans-serif; color: #fff; text-decoration: none; letter-spacing: -0.1rem;}
.menuLeft ul li a:hover {text-decoration: underline;}
.menuRight {float: right; width: auto; margin:215px 21% 0 0;}
.menuRightSec {float: right; width: auto;}
.menuRightSec p {color:#f2f2f2; padding: 0 0 34px 0; font:20px/32px 'InterLightBETA', sans-serif; letter-spacing: -0.1px; text-align: right;}
.menuRightSec p a {color:#f2f2f2; font:20px/32px 'InterLightBETA', sans-serif; letter-spacing: -0.1px; text-align: right; text-decoration: none;}
.menuRightSec p a:hover {text-decoration: underline;}
.menuRightSec p span small {margin:0 5px 0 0; display: inline-block;}
.menuRightSec p span small img {vertical-align: middle;}
.menuRightSec h5 {font:14px/22px 'InterBold', sans-serif; color: #f2f2f2; text-align: right; padding: 0 0 16px 0;}
.menuRightSec h5 small {font:14px/22px 'InterLightBETA', sans-serif;}
.menuRightSec ul {float: right; list-style: none; margin:18px 0 0 0; width: auto;}
.menuRightSec ul li {float: left; list-style: none; margin:0 0 0 20px;}
.menuRightSec ul li a.fbIcon {width: 40px; height: 40px; float: left; background:url(../images/fbwhite.svg) no-repeat left top;}
.menuRightSec ul li a.fbIcon:hover {background:url(../images/conFb.svg) no-repeat left top;}
.menuRightSec ul li a.youIcon {width: 40px; height: 40px; float: left; background:url(../images/youwhite.svg) no-repeat left top;}
.menuRightSec ul li a.youIcon:hover {background:url(../images/conYou.svg) no-repeat left top;}
.menuRightSec ul li a.linIcon {width: 40px; height: 40px; float: left; background:url(../images/linwhite.svg) no-repeat left top;}
.menuRightSec ul li a.linIcon:hover {background:url(../images/conLin.svg) no-repeat left top;}

.banner {float: left; width: 100%; min-height: 880px; background: radial-gradient(circle at 75%, #20292E, #0E1E2D 100%); position: relative;}

.banTxt {float: left; width: auto; margin:261px 0 0 0;}
.banTxt span {	color: #43E0DB;	font:20px/32px 'InterRegular', sans-serif; letter-spacing: -0.1px; padding: 0 0 24px 0; display: inline-block;}
.banTxt span small {color: #c2c2c3;}
.banTxt h2 {color: #fff; font:64px/77px 'InterBold', sans-serif; letter-spacing: -3.34px; padding: 0 0 24px 0;}
.banTxt p {	color: #C8C8C8;	font:20px/32px 'InterLightBETA', sans-serif; letter-spacing: -0.1px; padding: 0 0 48px 0;}
.banTxt p strong {font:20px/32px 'InterBold', sans-serif;}


a.getQBtn {font:16px/20px 'InterMedium', sans-serif; color: #0E1E2D; padding: 16px 56px; margin:0 20px 0 0; display: inline-block; text-align: center; text-decoration: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background:#07BEB8;}
a.getQBtn:hover {background:#43E0DB;}
a.getKBtn {font:16px/20px 'InterMedium', sans-serif; color: #C8C8C8; padding: 16px 42px; display: inline-block; text-align: center; text-decoration: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background:url(../images/getKbg.png) repeat left top;} 
a.getKBtn:hover { background:url(../images/getKbghover.png) repeat left top;}
.banImg {float: right; width: auto; margin:181px 0 0 0;}
.banImg figure img {max-width: 583px; width: 100%; height: auto;}
a.letstalk {float:left; position: fixed; left: 0; bottom: 79px; text-decoration: none; font:16px/20px 'InterMedium', sans-serif; color: #fff; transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);    background: #07beb8; padding: 5px 10px; border-radius: 5px;}
a.scroll {float:left; position: fixed; right: 0; bottom: 68px; text-align: center; text-decoration: none; font:16px/20px 'InterMedium', sans-serif; color: #fff; transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);}

.wedeliver {float: left; width: 100%; background: #07BEB8; min-height: 956px; position: relative;}
.borderlines {display:inline-block; position:relative; width: 100%; height: 360px; margin: -39px 0 0 0; z-index: 2; background:url(../images/borderline.png) no-repeat center top; background-size: 100% 100%;}
.wedeliverSec {float: left; width: 100%; position:relative; margin: -226px 0 0 0;}
.wedeliverSec h2 {color: #0E1E2D; font:44px/54px 'InterBold', sans-serif; letter-spacing: -2.3px; text-transform: capitalize;}
ul.deliverboxes {float: left; width: 100%; list-style: none; margin:73px 0 0 0;}
ul.deliverboxes li {float: left; width: 425px; list-style: none; min-height: 365px; background: #0E1E2D; color: #F2F2F2; border-right: 1px solid #243240; border-bottom: 1px solid #243240;} 
ul.deliverboxes li.last {border-right: none;}
ul.deliverboxes li:hover {background: linear-gradient(315deg, #05979B 0%, #003554 100%); position: relative; z-index: 3;}
ul.deliverboxes li .box {width: 327px; float:left; position: relative; margin:93px 0 0 50px;}
ul.deliverboxes li .box .boxIcon1 {width: 50px; height: 36px; float: right; background:url(../images/boxIcon1.svg) no-repeat left top; position: absolute; right: 0; top: 0;}
ul.deliverboxes li:hover .boxIcon1 {width: 50px; height: 36px; float: right; background:url(../images/boxIcon1-hover.svg) no-repeat left top;}
ul.deliverboxes li .box .boxIcon2 {width: 45px; height: 36px; float: right; background:url(../images/boxIcon2.svg) no-repeat left top; position: absolute; right: 0; top: 0;}
ul.deliverboxes li:hover .box .boxIcon2 {width: 45px; height: 36px; float: right; background:url(../images/boxIcon2-hover.svg) no-repeat left top;}
ul.deliverboxes li .box .boxIcon3 {width: 42px; height: 36px; float: right; background:url(../images/boxIcon3.svg) no-repeat left top; position: absolute; right: 0; top: 0;}
ul.deliverboxes li:hover .box .boxIcon3 {width: 42px; height: 36px; float: right; background:url(../images/boxIcon3-hover.svg) no-repeat left top;}
ul.deliverboxes li .box .boxIcon4 {width: 50px; height: 36px; float: right; background:url(../images/boxIcon4.svg) no-repeat left top; position: absolute; right: 0; top: 0;}
ul.deliverboxes li:hover .box .boxIcon4 {width: 50px; height: 36px; float: right; background:url(../images/boxIcon4-hover.svg) no-repeat left top;}
ul.deliverboxes li .box .boxIcon5 {width: 61px; height: 35px; float: right; background:url(../images/boxIcon5.svg) no-repeat left top; position: absolute; right: 0; top: 0;}
ul.deliverboxes li:hover .box .boxIcon5 {width: 61px; height: 35px; float: right; background:url(../images/boxIcon5-hover.svg) no-repeat left top;}
ul.deliverboxes li .box .boxIcon6 {width: 39px; height: 48px; float: right; background:url(../images/boxIcon6.svg) no-repeat left top; position: absolute; right: 0; top: 0;}
ul.deliverboxes li:hover .box .boxIcon6 {width: 39px; height: 48px; float: right; background:url(../images/boxIcon6-hover.svg) no-repeat left top;}
ul.deliverboxes li .box h3 {color: #F2F2F2; font:22px/26px 'InterBold', sans-serif; padding: 0 0 17px 0; letter-spacing: -0.01px; text-transform: capitalize;}
ul.deliverboxes li .box h3 a {color: #F2F2F2; font:22px/26px 'InterBold', sans-serif; letter-spacing: -0.01px; text-transform: capitalize; text-decoration: none; display: inline-block;}

ul.deliverboxes li .box p {color: #c8c8c8; font:14px/22px 'InterRegular', sans-serif; padding: 0 0 24px 0;}
ul.deliverboxes li .box small {color: #9a9a9a; font:26px/31px 'InterLightBETA', sans-serif;}
ul.deliverboxes li .box a {color: #fff; font:16px/20px 'InterMedium', sans-serif; text-decoration: none; display: none;}
ul.deliverboxes li:hover .box small {display: none;}
ul.deliverboxes li:hover .box a {display: inline-block;}

.midSec {float: left; width: 100%; min-height: 950px; position: relative; background-color: #D8AA24;}
.middleSec {float: left; width: 100%; text-align: center; padding: 24px 0 0 0}
.middleSec span {color: #0E1E2D; font:22px/36px 'InterLightBETA', sans-serif; float: left; width: 100%; text-align: left; padding: 0 0 0 0;}
.middleSec span strong {font:22px/36px 'InterBold', sans-serif;}
.middleSec span small {float: left; width: 88px; margin:-4px 30px 90px 0;}
.middleSec span small img {max-width: 100%; height: auto; float: left;}
.middleSec h5 {color: #0E1E2D;	font:14px/21px 'InterRegular', sans-serif; letter-spacing: 5px; text-transform: uppercase; padding: 0 0 44px 0; text-align: left;}
.middleSec p {color: #0E1E2D;	font:36px/58px 'InterExtraLightBETA', sans-serif; text-align: left; padding: 0 0 42px 0;}
.middleSec p strong {font:36px/58px 'InterBold', sans-serif;}
.dotTop {display:inline-block; margin:0 0 25px 0;}
.bottSec {float: left; width: 100%; min-height: 201px; background: #333;}
.counter {float: left; width: 100%; text-align: center; padding: 49px 0 0 0;}
.counter strong {display:inline-block; width:190px; margin:0 264px 0 0; text-align: center; color: #9A9A9A; font:14px/21px 'InterRegular', sans-serif; letter-spacing: 5px; text-transform: uppercase;}
.counter strong.last {margin:0;}
.counter strong span {color: #D8AA24; font:64px/77px 'InterBold', sans-serif; letter-spacing: -3.34px;}
.counter strong small {color: #D8AA24; font:64px/77px 'InterBold', sans-serif; letter-spacing: -3.34px;}

.testimonial {float: left; width: 100%; position: relative; min-height: 971px; background: #0E1E2D;}
.testiLeftBor {float: left; position: absolute; left: 0; top: 233px;}
.testiRightBor {float: right; position: absolute; right: 0; top: 0;}
.testimonial h2 {color: #f2f2f2; font:44px/54px 'InterBold', sans-serif; letter-spacing: -2.5px; margin:87px 0 0 0; padding: 0 0 84px 0;}
.testiSec {float: left; width: 100%; border-bottom: 1px solid #243240; padding: 0 0 60px 0; margin: 0 0 60px 0;}
.testiSec:last-child {margin: 0; padding: 0 0 87px 0; border:none;}
.testiSec p {color: #C8C8C8; float: left; width: 800px; font:20px/32px 'InterLightBETA', sans-serif; letter-spacing: -0.1px;}
.quoteImg {float: left; margin:0 0 0 100px;}
.testiSec h3 {float: right; text-align: right; color:#43E0DB; font:22px/26px 'InterBold', sans-serif; letter-spacing: -0.01px;}
.testiSec h3 span {color:#43E0DB; font:14px/21px 'InterRegular', sans-serif; letter-spacing:5px;}
.testiSec h3 small {color:#9a9a9a; font:14px/22px 'InterLightBETA', sans-serif; padding: 9px 0 0 0; display: inline-block;}
.clientLogo {float: left; width: 100%; text-align: center; padding: 85px 0 40px 0;}
.clientLogo h4 {color:#333; font:14px/21px 'InterRegular', sans-serif; letter-spacing: 5px; padding: 0 0 28px 0; text-transform: uppercase;}
.clientLogo ul {display: inline-block; width: auto; list-style: none;}
.clientLogo ul li {list-style: none; display: inline-block; margin:0 36px; padding: 40px 0;}
.letstalkSec {float: left; width: 100%; min-height: 290px; text-align: center;}
.letstalkSec a {float: left; width: 100%; text-align: center; text-decoration: none; padding: 85px 0 87px 0; background: #f2f2f2;}
.letstalkSec a:hover {background: #003554;}
.letstalkSec a small {color:#0E1E2D; font:14px/22px 'InterRegular', sans-serif; letter-spacing:5px; text-transform: uppercase; padding: 0 0 26px 0; display: inline-block;}
.letstalkSec a h5 {color:#0E1E2D; font:60px/72px 'InterBold', sans-serif; letter-spacing: -3.13px; display: inline-block;}
.letstalkSec a:hover small {color: #9A9A9A;}
.letstalkSec a:hover h5 {color: #F2F2F2;}
.dotsBg {display: inline-block; width: 650px; position: relative;}
.dotsBg span.dotLeft {background:url(../images/dotshape.svg) no-repeat left top; width: 92px; height: 135px; float: left; position: absolute; left: 0; top: 0;}
.dotsBg span.dotRight {background:url(../images/dotshape.svg) no-repeat left top; width: 92px; height: 135px; float: right; position: absolute; right: 0; top: 0}

footer {float: left; width: 100%; min-height: 543px; background:#0E1E2D;}
.footerSec1 {float: left; width: 100%; padding: 85px 0 0 0;}
.footerSec1 ul {float: left; list-style: none; width: 16%; margin:0 120px 0 0;}
.footerSec1 ul li {float: left; list-style: none;}
.footerSec1 ul li h2 {color:#00AFEF; font:20px/22px 'InterBold', sans-serif; text-transform: capitalize; padding: 0 0 19px 0;}
.footerSec1 ul li h2 a {color:#00AFEF; font:20px/22px 'InterBold', sans-serif; text-transform: capitalize; padding: 0 0 19px 0; text-decoration: none;}
.footerSec1 ul li h2 a:hover {color:#00AFEF; font:20px/22px 'InterBold', sans-serif; text-transform: capitalize; padding: 0 0 19px 0; text-decoration: underline;}
.footerSec1 ul li ul {float: left; width: 100%; list-style: none;}
.footerSec1 ul li ul li {float: left; width: 100%; list-style: none; font:14px/22px 'InterRegular', sans-serif; padding: 0 0 16px 0;}
.footerSec1 ul li ul li a {font:14px/22px 'InterRegular', sans-serif; color: #c8c8c8; text-decoration: none;}
.footerSec1 ul li ul li a:hover {text-decoration: underline;}
.conSec {float: right; width: auto;}
.conSec p {color:#00AFEF; padding: 0 0 34px 0; font:20px/32px 'InterRegular', sans-serif; letter-spacing: -0.1px; text-align: right;}
.conSec p a {color:#00AFEF; font:20px/32px 'InterRegular', sans-serif; letter-spacing: -0.1px; text-align: right; text-decoration: none;}
.conSec p a:hover {text-decoration: underline;}

.conSec p span small {margin:0 5px 0 0; display: inline-block;}
.conSec p span small img {vertical-align: middle;}
.conSec h5 {font:14px/22px 'InterBold', sans-serif; color: #9a9a9a; text-align: right;}
.conSec h5 small {font:14px/22px 'InterLightBETA', sans-serif;}
.conSec ul {float: right; list-style: none; margin:18px 0 0 0 !important; width: auto;}
.conSec ul li {float: left; list-style: none; margin:0 0 0 20px;}
.conSec ul li a.fbIcon {width: 40px; height: 40px; float: left; background:url(../images/fbIcon.svg) no-repeat left top;}
.conSec ul li a.youIcon {width: 40px; height: 40px; float: left; background:url(../images/youIcon.svg) no-repeat left top;}
.conSec ul li a.linIcon {width: 40px; height: 40px; float: left; background:url(../images/linIcon.svg) no-repeat left top;}
.footerSec2 {float: left; width: 100%; border-top: 1px solid #243240; margin:60px 0 0 0; padding: 28px 0 0 0;}
.footerSec2 p {font:14px/22px 'InterLightBETA', sans-serif; color: #9a9a9a; float: left;}
.footerSec2 ul {float: right; list-style: none;}
.footerSec2 ul li {float: left; list-style: none; border-right: 1px solid #9a9a9a; padding: 0 12px 0 0; margin: 0 12px 0 0;}
.footerSec2 ul li:last-child {border:none; padding: 0; margin: 0;}
.footerSec2 ul li a {font:14px/22px 'InterLightBETA', sans-serif; color: #9a9a9a; text-decoration: none;}
.footerSec2 ul li a:hover {color: #fff;}


/*About Us Css Starts Here*/
.aboutus {float: left; width:100%; padding: 120px 0 0 0;}
.aboutSec1 {float: left; width: 100%; background:url(../images/aboutSec1.png) no-repeat center top;}
.aboutSec1Left {float: left; width: 450px;}

.aboutSec1Left .dotTop {float: right; margin: -59px 86px 0 0;}

.aboutSec1Left h1 {font:64px/77px 'InterBold', sans-serif; color: #0E1E2D; padding: 141px 0 24px 0; letter-spacing: -3.34px; text-transform: capitalize;}
.aboutSec1Left p {font:20px/32px 'InterLightBETA', sans-serif; color: #0E1E2D; letter-spacing: -0.1px;}
.aboutSec1Left p span {font-family:'InterBold'; }


.aboutSec1Right {float: left; width: 800px; text-align: center; background:url(../images/aboutSec1RightBg.jpg) no-repeat left top; padding: 30px 0 30px 30px; position: relative; margin: -30px 0 0 0;}
.aboutSec1Right h2 {font:44px/54px 'InterBold', sans-serif; color: #F2F2F2; letter-spacing: -2.3px; position: absolute; left: 70px; bottom: 56px;}
.aboutSec1Right h2 span {font:36px/58px 'InterExtraLightBETA', sans-serif; letter-spacing: -1px; margin: 0 0 0 20px;}
.aboutSec1Right h2 span small {font-size: 16px;}
.aboutSec1Right figure img {float: left;}
a.playIcon1 {position: absolute; left: 375px; top: 275px;}

.aboutSec2 {float: left; width: 100%; position: relative;}
.aboutSec2Left {float: left; width: 904px;}
.aboutSec2Left .dotTop {margin: -70px 0 0 240px;}

.aboutSec2 h3 {font:14px/21px 'InterRegular', sans-serif; color: #0E1E2D; letter-spacing: 5px; text-transform: uppercase; padding: 78px 0 56px 0;}
.aboutSec2 h4 {font:44px/54px 'InterBold', sans-serif; color: #0E1E2D; letter-spacing: -2.3px; padding: 0 0 42px 0;}

.aboutSec2 p {font:22px/36px 'InterLightBETA', sans-serif; color: #0E1E2D; padding: 0 106px 54px 0;}
.aboutSec2 p span {font-family:'InterBold'; }
.aboutSec2Right {padding: 333px 0 0 0; float: left;}
.aboutSec2Right figure {margin: 0 0 12px 0;}
a.letstalklink {float: right; text-decoration: none; font:16px/20px 'InterMedium', sans-serif; color: #0E1E2D;}
a.trainingvideoslink {font:14px/24px 'InterMedium', sans-serif; color: #0E1E2D; text-decoration: underline;}
a.trainingvideoslink:hover {text-decoration: none;}


a.scrollabout {float:left; position: absolute; right: 0; top: 111px; text-align: center; text-decoration: none; font:16px/20px 'InterMedium', sans-serif; color: #0E1E2D; transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);}
a.scrollabout img {height: 13px; vertical-align: middle;}


.industSec {float: left; width: 100%; background: #0E1E2D; min-height: 851px; position: relative;}
.indusLeftBor {float: left; position: absolute; left: 0; top: 30px;}
.indusRightBor {float: right; position: absolute; right: 0; top: 226px;}
.industSec .dotTop {margin: 78px 162px 0 0; float: right;}
.industSec .dotBott {display: inline-block;} 
.industSec h2 {font:44px/54px 'InterBold', sans-serif; color: #F2F2F2; letter-spacing: -2.3px; padding: 108px 0 90px 0; display: inline-block;}

.industSec ul {float: left; width: 100%; list-style: none;}
.industSec ul li {float: left; width: 256px; text-align: center; min-height: 91px; padding: 38px 0 31px 0; list-style: none; background: linear-gradient(315deg, #05979B 0%, #003554 100%);}
.industSec ul li a {font:22px/26px 'InterBold', sans-serif; color: #F2F2F2; text-decoration: none; cursor: default;}
.industSec ul li a span {width: 100%; float: left; text-align: center; padding: 0 0 20px 0;}
.industSec ul li a span.fashion {padding: 0 0 24px 0;}
.industSec ul li a span.automobiles {padding: 0 0 25px 0;}
.industSec ul li a span img {display: inline-block; vertical-align:-webkit-baseline-middle;}
.dotSec {float: left; width: 100%; text-align:center; margin:-55px 0 0 0; position: relative;}


.coreSec {float: left; width: 100%; background: #07beb8; min-height: 858px;}
.coreSec h2 {font:44px/54px 'InterBold', sans-serif; color: #0E1E2D; letter-spacing: -2.3px; padding: 87px 0 84px 0; display: inline-block;}
.coreSec .dotTop {margin: 63px 234px 0 0; float: right;}
.coreSec ul {float: left; width: 100%; background: #0e1e2d; min-height: 632px; position: relative; z-index: 99;}
.coreSec ul li {float: left; width: 375px; list-style: none; border-right:1px solid #243240; padding: 54px 0 0 50px; min-height: 578px;}
.coreSec ul li figure {display: inline-block; margin:0 0 50px 0;}
.coreSec ul li h3 {font:44px/44px 'InterBold', sans-serif; color:#43E0DB; letter-spacing: -2.3px; padding: 0 0 42px 0;}
.coreSec ul li p {font:20px/32px 'InterLightBETA', sans-serif; color:#c8c8c8; letter-spacing: -0.1px;}

.process {float: left; width: 100%; background: #fff9ea; min-height: 994px; position: relative;}
.process h2 {font:44px/54px 'InterBold', sans-serif; color: #0E1E2D; letter-spacing: -2.3px; padding: 140px 0 42px 0;}
.process span {font:22px/36px 'InterLightBETA', sans-serif; color:#0E1E2D; float: left; width: 46%;}
.process span.last {float: right;}
.process span small {font-family:'InterBold';}
.processImg {float: left; width: 100%; text-align: center; padding: 60px 0 0 0;}
.processTopline {float: left; width: 100%; text-align: center; position: absolute; margin: -187px 0 0 0; z-index: 9; left: 0; top: 0;}
.processTopline img {width: 100%; height: auto;}
.ourteam {float: left; width: 100%; background: #0e1e2d; min-height: 349px; text-align: center; padding: 97px 0 0 0;}
.ourteam h2 {font:14px/21px 'InterRegular', sans-serif; color:#c8c8c8; letter-spacing: 5px; text-transform: uppercase; padding: 0 0 80px 0;}
.ourteam ul {float: left; width: 100%; list-style: none;}
.ourteam ul li {float: left; width: auto; list-style: none; padding: 0 66px 0 0;}
.ourteam ul li:last-child {padding: 0;}
.ourteam ul li span.ourLeft {float: left; width: 120px;}
.ourteam ul li span.ourLeft img {width:100%; height: auto; float: left;}
.ourteam ul li span.ourRight {float: left; width: auto; padding: 0 0 0 30px; text-align: left; font:36px/44px 'InterBold', sans-serif; color: #43E0DB; letter-spacing: -1px; text-transform: capitalize;}
.ourteam ul li span.ourRight small {padding: 6px 0 8px 0; float: left; width: 100%; text-align: left; font:14px/22px 'InterRegular', sans-serif; color: #F2F2F2; letter-spacing: 0px;}
.ourteam ul li span.ourRight a.linkedinIcon {float: left; margin: 0 10px 0 0;}
.ourteam ul li span.ourRight a.emailIcon {float: left;}

.awardSec {float: left; width: 100%; padding: 90px 0 90px 0; text-align: center;}
.awardSec h2 {font:14px/21px 'InterRegular', sans-serif; color:#333; letter-spacing: 5px; text-transform: uppercase; padding: 0 0 80px 0;}
.awardSec ul {float: left; width: 100%; list-style: none;}
.awardSec ul li {float: left; width:345px; list-style: none; padding: 0 120px 0 0;}
.awardSec ul li figure {padding: 0 0 28px 0;}
.awardSec ul li:last-child {padding: 0;}
.awardSec ul li h3 {font:44px/54px 'InterBold', sans-serif; color:#0E1E2D; text-align: left; letter-spacing: -2.3px; padding: 0 0 12px 0;}
.awardSec ul li p {font:14px/22px 'InterRegular', sans-serif; color:#333; text-align: left;}

.services {float: left; width:100%; padding: 120px 0 0 0; background: #0E1E2D;}
.serviceSec1 {float: left; width: 100%; background:url(../images/serviceSec1.png) no-repeat center top;}
.serviceSec1Left {float: left; width: 573px;}
.serviceSec1Left .dotTop {float: right; margin: 40px 78px 0 0;}
.serviceSec1Left h1 {font:64px/77px 'InterBold', sans-serif; color: #0E1E2D; padding: 141px 0 24px 0; letter-spacing: -3.34px; text-transform: capitalize;}
.serviceSec1Left p {font:20px/32px 'InterLightBETA', sans-serif; color: #0E1E2D; letter-spacing: -0.1px;}
.serviceSec1Left p span {font-family:'InterBold'; }
.serviceSec1Right {float: right; width:561px; position: relative;}
.serviceSec1Right figure img {float: left; max-width: 100%; height: auto;}
.serviceSec2 {float: left; width: 100%; position: relative;}
.serviceSec2Story {float: left; width: 100%; padding: 0 0 157px 0;}
.serviceSec2Story .dotTop {margin: -46px 0 0 408px;}
.serviceSec2StoryLeft {float: left; width: 800px; padding: 80px 0 0 0;}
.serviceSec2StoryLeft h3 {float:left; font:44px/54px 'InterBold', sans-serif; color: #F2F2F2; letter-spacing: -2.3px; padding: 0 0 56px 0;}
.serviceSec2StoryLeft h3 small {float: left; font:22px/26px 'InterExtraLightBETA', sans-serif; letter-spacing: -1.15px; margin: 35px 0 0 0;}
.serviceSec2StoryLeft span {float: left; margin: 0 30px 0 0;}
.serviceSec2StoryLeft span figure {width: 88px; float: left; height: auto;}
.serviceSec2StoryLeft span figure img {width: 100%; float: left;}
.serviceSec2StoryLeft p {font:22px/36px 'InterLightBETA', sans-serif; color: #f2f2f2; padding: 0 106px 0 0;}
.serviceSec2StoryRight {float: right; width: auto; padding: 189px 0 0 0;}
.serviceSec2StoryRight img {float: left; width:100%; max-width: 391px; height: auto;}
a.scrollServices {float:left; position: absolute; right: 0; top: 143px; text-align: center; text-decoration: none; font:16px/20px 'InterMedium', sans-serif; color: #fff; transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);}
a.scrollServices img {height: 13px; vertical-align: middle;}
.serviceMid {float: left; width: 100%; background: #fff9ea; min-height: 500px; padding: 90px 0 0 0;}
.serviceBox {float: left; width: 100%; padding: 0 0 130px 0;}
.serviceBox:last-child {padding: 0 0 90px 0;}
.serviceBoxLeft {float: left; width: 600px;}
.serviceBoxLeft p {font:14px/24px 'InterRegular', sans-serif; color: #0E1E2D; margin-top: 5px; display:inline-block}

.serviceBoxLeft figure {float: left; width: 100%; position: relative;}
.serviceBoxLeft figure img {width: 100%; height: auto; float: left;}
.serviceBoxLeft figure a.aniPlay {width:92px; height: auto; display: inline-block; position: absolute; left: 254px; top:154px;}
.serviceBoxLeft figure a.interPlay {width:92px; height: auto; display: inline-block; position: absolute; left: 254px; top:154px;}
.serviceBoxLeft figure a.digiPlay {width:92px; height: auto; display: inline-block; position: absolute; left: 254px; top:154px;}
.serviceBoxLeft figure a.learnPlay {width:92px; height: auto; display: inline-block; position: absolute; left: 254px; top:154px;}

.serviceBoxRight {float: left; width: 538px; padding: 27px 0 0 80px;}
.serviceBoxRight h3 {font:44px/54px 'InterBold', sans-serif; color: #0E1E2D; letter-spacing: -2.3px; position: relative; padding: 0 0 30px 0;}
.serviceBoxRight h3 span {float: right; position: absolute; right: 0; top: 0;}
.serviceBoxRight p {font:16px/26px 'InterRegular', sans-serif; color: #0E1E2D;}
.serviceBoxRight.space {padding: 0 80px 0 62px;}
.serviceBoxRight.digital {padding: 66px 0 0 80px}
.serviceBoxRight.animation {padding: 66px 0 0 80px}
.serviceBoxRight .dotTop {padding: 0; margin:-94px 0 27px 298px;}
.serviceBoxLeft .dotTop {padding: 0; margin:-132px 0 18px 0; width: 92px; display: inline-block;}



.contact {float: left; width:100%; padding: 120px 0 90px 0;}
.contactSec1 {float: left; width: 100%; background:url(../images/contactSec1.png) no-repeat center top;}
.contactSec1Left {float: left; width: 450px;}
.contactSec1Left .dotTop {float: right; margin: -100px 86px 0 0;}
.contactSec1Left h1 {font:64px/77px 'InterBold', sans-serif; color: #0E1E2D; padding: 100px 0 24px 0; letter-spacing: -3.34px; text-transform: capitalize;}
.contactSec1Left p {font:20px/32px 'InterLightBETA', sans-serif; color: #0E1E2D; letter-spacing: -0.1px; padding: 0 0 30px 0;}
.contactSec1Left p span {font-family:'InterBold'; }
.contactSec1Left p small {margin: 15px 0 0 0; float: left;}
.contactSec1Left p strong {font-family:'InterMedium'; display: inline-block; margin: 10px 0 0 10px;}
.contactSec1Left p a {font:20px/32px 'InterMedium', sans-serif; color: #0E1E2D; letter-spacing: -0.1px; text-decoration: underline;}
.contactSec1Left p a:hover {text-decoration: none;}
.contactSec1Right {float: left; width: 800px; text-align: center; background:url(../images/contactSec1RightBg.png) no-repeat left top; padding: 30px 0 30px 30px; position: relative; margin: -30px 0 0 0;}
.contactSec1Right figure img {float: left; width:100%;}
.aboutSec2 {float: left; width: 100%; position: relative;}
.contactSec2Box {float: left; width: 100%;}
.contactSec2Box .dotTop {margin: -70px 0 0 240px;}
.contactSec2Box ul {float: left; width: 100%; list-style: none; padding: 68px 0 0 0;}
.contactSec2Box ul li {float: left; width: 350px; list-style: none; padding: 0 150px 0 0;}
.contactSec2Box ul li:last-child {padding: 0; width: 276px}
.contactSec2Box ul li h3 {font:44px/54px 'InterBold', sans-serif; color: #0E1E2D; letter-spacing: -2.3px; padding: 0 0 6% 0;}
.contactSec2Box ul li h4 {font:14px/21px 'InterRegular', sans-serif; color: #0E1E2D; letter-spacing: 5px; padding: 0 0 18px 0; text-transform: uppercase;}
.contactSec2Box ul li p {font:22px/36px 'InterLightBETA', sans-serif; color: #0E1E2D; padding: 0 0 4% 0;}
.contactSec2Box ul li p span {margin: 0 10px 0 0;}
.contactSec2Box ul li p small {font-family:'InterMedium';}
.contactSec2Box ul li h5 {font:14px/21px 'InterRegular', sans-serif; color: #0E1E2D; letter-spacing: 5px; padding: 2% 0 0 0;}
.contactSec2Box ul li h5 a {text-decoration: none; font:14px/21px 'InterRegular', sans-serif; color: #0E1E2D; text-transform: uppercase;}
.contactSec2Box ul li span {font:22px/36px 'InterMedium', sans-serif; color: #0E1E2D; padding: 0 0 24px 0;}
.contactSec2Box ul li span a {font:22px/36px 'InterMedium', sans-serif; color: #0E1E2D;}
.contactSec2Box ul li small.follow {float: left; width: 100%; font:14px/21px 'InterRegular', sans-serif; color: #0E1E2D; letter-spacing: 5px; text-transform: uppercase; padding: 68px 0 18px 0;}
.contactSec2Box ul li a.conFb {float: left; margin:0 20px 0 0;}
.contactSec2Box ul li a.conYou {float: left; margin:0 20px 0 0;}
.contactSec2Box ul li a.conLin {float: left;}


.formCollapse {float: left; width: 100%; position: fixed; display: none; z-index: 99; height:100%; text-align: center; background: radial-gradient(circle at right, #20292E 0%, #0E1E2D 100%);}
a.formcrossIcon {float: right; margin: 42px 40px 0 0;}
.formSec {margin: 0 auto; width: 960px; text-align: left; }
.thankyou {float: left; width: 100%; height: 100%; background: radial-gradient(circle at 85%, #20292E, #0E1E2D 55%);}
.formSec h3 {font:64px/77px 'InterBold', sans-serif; color: #07BEB8; padding: 0 0 24px 0; letter-spacing: -3.34px; text-transform: capitalize;}
.formSec h2 {font:14px/21px 'InterRegular', sans-serif; text-transform: uppercase; color: #9A9A9A; letter-spacing: 5px; padding: 90px 0 70px 0;}
.formRow {float: left; width: 100%; padding: 0 0 42px 0;}
.formRow .inputBg {float: left; width: 100%; border-bottom: 1px solid #2d3840; position: relative;}
.formRow .inputBg input[type="text"] {float:left; width:100%; background:none; padding: 0 0 24px 0; border:none; font:24px/28px 'InterBold', sans-serif; color: #F2F2F2; letter-spacing: -1px;}

.formRow .inputBg textarea {float:left; width:94%; resize: none; outline: none; overflow: hidden; height: 30px; background:none; padding: 0 0 24px 0; border:none; font:24px/30px 'InterLightBETA', sans-serif; color: #C8C8C8; letter-spacing: -0.11px;}
.formRow label {font:20px/32px 'InterLightBETA', sans-serif; color:#cccccc; letter-spacing: -0.1px;}
.formRow .inputBg small {font:14px/22px 'InterRegular', sans-serif; color: #323f4b; }
.formRow .sendMsg {float: left; background:#20ccc6; border: none; cursor: pointer; text-transform: capitalize; border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px;  padding: 10px 36px; font:16px/26px 'InterMedium', sans-serif; color: #0E1E2D; text-decoration: none;}
.success {float: left; width: 100%;}
.success figure {float: left; margin: 0 16px 0 0;}
.success span {float: left; font:16px/26px 'InterMedium', sans-serif; color:#C8C8C8; margin: 10px 30px 0 0;}
.success a.okBtn {float: left; background:#293540; text-transform: capitalize; border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px;  padding: 10px 36px; font:16px/26px 'InterMedium', sans-serif; color: #C8C8C8; text-decoration: none;}

.formRow .inputBg.companyDrop {width: 46%; float: left; border-bottom: 1px solid #2d3840;}
.formRow .inputBg.companyDrop select {background: none; width: 100%; background:url(../images/dropdown.png) no-repeat right 24px;
    -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance:none;
  -moz-appearance:none; appearance:none; border:none; font:24px/30px 'InterBold', sans-serif; letter-spacing: -1.0px; color: #cccccc; padding: 0 0 24px 0;}

.formRow .inputBg.countDrop {width: 46%; float: right; border-bottom: 1px solid #2d3840;}
.formRow .inputBg.countDrop select {background: none; width: 100%; background:url(../images/dropdown.png) no-repeat right 24px;
    -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance:none;
  -moz-appearance:none; appearance:none; border:none; font:24px/30px 'InterBold', sans-serif; letter-spacing: -2.3px; color: #cccccc; padding: 0 0 24px 0;}
.closer_videopopup {position: absolute;display: table-cell;text-align: center;vertical-align: middle; padding: auto; background: none; border: none; color: #F2F2F2; z-index: 100004; font-size: 16px; top: 42px; right: 36px; cursor: pointer;}
.opct {position: fixed; z-index: 9; width: 100%; height: 100%; top: 0; left: 0; bottom: 0; right: 0; filter: alpha(opacity=90); -moz-opacity: 0.90; opacity: 0.9;}
#videCont {position: relative; z-index: 99; /*padding-bottom: 56.25%; padding-top: 25px;*/  margin: auto; max-width: 1000px; height: 0; height: auto !important;}
video {position: absolute; top: 50px; left: 0; width: 100%; opacity: 1 !important;}
#video1 { cursor: pointer; cursor: hand;}
#videCont1 {position: relative; z-index: 99; /*padding-bottom: 56.25%; padding-top: 25px;*/ margin: auto; max-width:1000px; height: 0; height: auto !important;}
#video2 { cursor: pointer; cursor: hand;}
#videCont2 {position: relative; z-index: 99; /*padding-bottom: 56.25%; padding-top: 25px;*/ margin: auto; max-width:1000px; height: 0; height: auto !important;}
#video3 { cursor: pointer; cursor: hand;}
#videCont3 {position: relative; z-index: 99; /*padding-bottom: 56.25%; padding-top: 25px;*/ margin: auto; max-width: 1000px; height: 0; height: auto !important;}
#video4 { cursor: pointer; cursor: hand;}
#videCont4 {position: relative; z-index: 99; /*padding-bottom: 56.25%; padding-top: 25px;*/ margin: auto; max-width: 1000px; height: 0; height: auto !important;}


@media only screen and (min-width:1367px) and (max-width:3400px) {
	.serviceSec1Left {
		width: 50%;
		padding: 0 0 0 2%;
	}
	.aboutSec1Left {
		width: 40%;
		padding: 0 0 0 2%;
	}
	.aboutSec1Right {
		width: 680px;
	}
	.contactSec1Left {
		float: left;
		width: 40%;
		padding: 0 0 0 2%;
	}
	.contactSec1Right{
		width: 680px;
	}
}

/* @media only screen and (min-width:1793px) and (max-width:3400px) {
	.serviceSec1Left {
		width: 440px;
		padding: 0 0 0 12%;
	}
	.aboutSec1Left {
		width: 350px;
		padding: 0 0 0 10%;
	}
	.aboutSec1Right {
		width: 680px;
	}
	.contactSec1Left {
		float: left;
		width: 380px;
		padding: 0 0 0 12%;
	}
	.contactSec1Right{
		width: 680px;
	}
} */

@media only screen and (max-width:1366px) {
.wrapper {max-width: 1170px;}
.middleSec p br {display: none;}
ul.deliverboxes li {width: 389px;}
ul.deliverboxes li .box {margin: 93px 0 0 35px;}
.footerSec1 ul {margin: 0 100px 0 0;}
.aboutSec1Right {width: 690px;}
.aboutSec1Right figure img {width: 100%;}
a.playIcon1 {left: 275px; top: 250px;}
.aboutSec2Left {width: 794px;}
.industSec ul li {width: 232px;}
.coreSec ul li {width: 339px;}
.processTopline {margin: -147px 0 0 0;}
.ourteam ul li {padding: 0 21px 0 0;}
.awardSec ul li {padding: 0 67px 0 0;}
.aboutSec2Left .dotTop {margin: 0px 0 0 240px;}
.serviceSec2StoryLeft {width: 778px;}
.serviceBoxLeft {width: 550px;}
.serviceBoxRight {width: 478px; padding: 0px 0 0 80px;}
.serviceBoxRight.animation {padding: 26px 0 0 80px;}
.serviceBoxRight.digital {padding: 26px 0 0 80px;}
.contactSec1Right {width: 690px;}
.contactSec1Right figure img {width: 100%;}
.contactSec2Box ul li {padding: 0 97px 0 0;}
.aboutSec1Left {width: 370px; padding: 0 0 0 80px;}
.contactSec1Left {width: 370px; padding: 0 0 0 80px;}
.contactSec2Box .dotTop {margin: 0 0 0 240px;}
.serviceSec1Left {width: 493px; padding: 0 0 0 80px;}
}



@media only screen and (max-width:1024px) {
	 .wrapper {max-width: 100%; padding: 0 6%;}
	 a.logo {margin: 42px 0 0 20px;}
	 a.scrollTop {left: 20px;}
	 #menuToggle {margin: 42px 20px 0 0;}
	 .banner {background: radial-gradient(circle at 70%, #20292E, #0E1E2D 100%);}
	 .banTxt {width: 50%; margin: 200px 0 0 0;}
	 .banImg {width: 50%;}

	 a.letstalk {left: -10px;}
	 ul.deliverboxes li {width: 49%;}
	 .middleSec span small {width: 140px;}
	 .middleSec span {padding: 0 0 80px 0;}
	 .middleSec p {font: 28px/38px 'InterExtraLightBETA', sans-serif;}
	 .middleSec p strong {font: 28px/38px 'InterBold', sans-serif}
	 .counter strong {margin: 0 160px 0 0;}
	 .testiSec p {width: 600px;}
	 .quoteImg {margin: 0 0 0 60px;}
	 .footerSec1 ul {width: 24%; margin: 0 18px 0 0;}
	 .footerSec1 ul.last {width: 14%;}
	 .conSec ul {width: auto !important;}
	 .serviceSec1 {background-size: 100% 100%; padding: 0 0 70px 0;}
	 .serviceSec1Right {width: 328px;}
	 .serviceSec1Right figure {position: absolute; right: 0; top: 0;}
	 .serviceSec1Left {width: 421px;}
	 .serviceSec1Left h1 {padding: 60px 0 24px 0;}
	 .serviceSec1Left .dotTop {margin: 20px 0 0 0;}
	 .serviceSec1Right figure img {max-width: 405px;}
	 .serviceSec2Story .dotTop {margin: 80px 0 0 408px;}
	 .serviceSec2StoryLeft {width: 600px;}
	 .serviceSec2StoryRight {width: 300px;}
	 .serviceSec2StoryLeft h3 {width: 80%;}
	 .serviceSec2StoryLeft h3 br {display: none;}
	 .serviceSec2StoryLeft h3 small {width: 100%;}
	 .serviceSec2StoryLeft p {float: left; width: 100%; padding: 0;}
	 .serviceBoxLeft {width: 400px;}
	 .serviceBoxRight {width: 471px; padding: 0 0 0 30px;}
	 .serviceBoxRight.space {padding: 0 30px 0 0;}
	 .serviceBoxRight h3 {font: 34px/44px 'InterBold', sans-serif; padding: 0 0 15px 0;}
	 .serviceBoxLeft figure a.learnPlay {left: 160px; top: 95px;}
	 .serviceBoxRight.digital {padding: 26px 0 0 30px}
	 .serviceBoxLeft figure a.digiPlay  {left: 160px; top: 95px;}
	 .serviceBoxLeft figure a.interPlay {left: 160px; top: 95px;}
	 .serviceBoxLeft figure a.aniPlay  {left: 160px; top: 95px;}
	 .serviceBoxRight.animation {padding: 26px 0 0 30px;}
	.aboutSec1 {background-size: 100% 100%;}
	 .aboutSec1Right {width: 370px;}
	 .aboutSec1Left {width: 421px;}
	.aboutSec1Left h1 {padding: 60px 0 24px 0;}
	 .processImg img {width: 100%; height: auto;}
	 .aboutSec1Right h2 {font: 34px/44px 'InterBold', sans-serif;}
	 .aboutSec1Right h2 span {margin: 0 0 0 10px;}
	 a.playIcon1 {left: 155px; top: 110px;}
	 .aboutSec2Left .dotTop {margin: 20px 0 0 320px}
	.aboutSec2Left {width: 600px;}
	 .aboutSec2Right {width: 300px; padding: 450px 0 0 0}
	 .aboutSec2Right img {width: 100%; height: auto;}
	 .aboutSec2 h4 {font: 34px/44px 'InterBold', sans-serif;}
	.aboutSec2 p {padding: 0 40px 54px 0;}
	.industSec ul li {width: 180px;}
	.industSec ul li a {font: 18px/22px 'InterBold', sans-serif;}
	.coreSec ul li {width: 249px; padding: 54px 20px 0 30px;}
	.coreSec ul li p br {display: none;}
	.ourteam ul li {width: 285px;}
	.ourteam ul li span.ourLeft {width: 110px;}
	.ourteam ul li span.ourRight {width: 145px; font: 21px/31px 'InterBold', sans-serif;}
	.awardSec ul li {width: 280px; padding: 0 30px 0 0;}
	.awardSec ul li h3 {font: 34px/44px 'InterBold', sans-serif;}
	.contactSec1 {background-size: 100% 100%;}
	 .contactSec1Right {width: 370px;}
	 .contactSec1Left {width: 421px;}
	.contactSec1Left h1 {padding: 30px 0 24px 0;}
	.contactSec2Box .dotTop {margin: 20px 0 0 320px}
	.contactSec2Box ul li {width:280px; padding: 0 32px 0 0;}
	.formSec {width: 800px;}
	#videCont {max-width: 80%;}
	#videCont1 {max-width: 80%;}
	#videCont2 {max-width: 80%;}
	#videCont3 {max-width: 80%;}
	#videCont4 {max-width: 80%;}
}
@media only screen and (max-width:991px) {
.awardSec h2 {font:14px/21px 'InterRegular', sans-serif; color:#333; letter-spacing: 5px; text-transform: uppercase; padding: 0 0 40px 0;}
.awardSec ul li p {font: 14px/22px 'InterRegular', sans-serif; color: #333; text-align: left; padding: 0 0 40px 0;}	
.letstalk {display: none;}
a.scroll {opacity: 0%;}
.wrapper {padding: 0 3%;}
.banner {background: radial-gradient(circle, #20292E 0%, #0E1E2D 100%);}
.banTxt {width: 100%; margin: 60px 0 60px 0}
.banImg {width: 100%;}
.banImg figure img {max-width: 60%;}
ul.deliverboxes li {width: 359px;}
ul.deliverboxes li.last {border-right:1px solid #243240;}
ul.deliverboxes li .box {margin: 93px 0 0 30px; width: 308px;}
.counter strong {margin: 0 70px 0 0;}
.testiSec p {width: 450px;}
.quoteImg {margin: 0 0 0 30px;}
.testimonial {padding: 0 0 80px 0;}
.clientLogo ul li {margin: 0 26px;}
.footerSec1 ul {margin: 0 16px 0 0;}
.serviceSec1Left {width: 58%; position: relative; z-index: 9;}
.serviceSec1Right {width: 30%;}
.serviceSec2Story .dotTop {margin: 120px 0 0 408px;}
.serviceSec2StoryLeft {width: 67%;}
.serviceSec2StoryLeft h3 {width: 75%; font: 27px/37px 'InterBold', sans-serif;}
.serviceSec2StoryLeft h3 br {display: none;}
.serviceSec2StoryRight {width: 33%;}
.serviceBoxLeft {width: 100%; padding: 0 0 30px 0;}
.serviceBoxRight.space {padding: 0 0 30px 0;}
.serviceBoxRight {width: 100%; padding: 0;}
.serviceBoxRight.digital {padding: 0;}
.serviceBoxRight.animation {padding: 0;}
.serviceBoxLeft figure a.learnPlay {left: 320px; top: 195px;}
.serviceBoxLeft figure a.digiPlay  {left: 320px; top: 195px;}
	 .serviceBoxLeft figure a.interPlay {left: 320px; top: 195px;}
	 .serviceBoxLeft figure a.aniPlay  {left: 320px; top: 195px;}
.menuLeft {margin: 0 0 0 12%;}
.menuRight {margin: 215px 12% 0 0;}
.aboutSec1Left {width:92%; padding: 0 0 60px 80px;}
.aboutSec1Left .dotTop {margin: -59px 300px 0 0;}
.aboutSec1Right {width:95%; margin: 0;}
.aboutSec2Left .dotTop {margin: 20px 0 0 350px;}
a.playIcon1 {left: 320px; top: 230px;}
.aboutSec2Left {width: 100%;}
.aboutSec2Right {width: 100%; padding: 0;}
.aboutus {padding: 120px 0 60px 0;}

.industSec ul li {width: 180px;}
.dotSec {margin: 55px 0 0 0;}
.industSec {padding: 0 0 60px 0;}
.coreSec ul li {width: 93%; border-right: none; border-bottom: 1px solid #243240; min-height: 340px;}
.ourteam ul li {width: 226px;}
.ourteam ul li span.ourLeft {width: 80px;}
.ourteam ul li span.ourRight {width: 115px; font: 17px/27px 'InterBold', sans-serif;}
.awardSec ul li {width: 30%;}
.awardSec ul li img {width: 100%; height: auto; max-width: 100%;}
.awardSec ul li figure {padding:0 0 22px 0;}
.awardSec ul li:last-child figure {padding:0 0 12px 0;}
.awardSec ul li:last-child img {max-width: 55%;} 
.awardSec ul li:nth-child(2) figure {padding:0 0 46px 0;}
.awardSec ul li h3 {font: 23px/28px 'InterBold', sans-serif; letter-spacing: -0.05rem;}


.contactSec1Left {width:92%; padding: 0 0 10px 15%;}
.contactSec1Left .dotTop {margin: -59px 250px 0 0;}
.contactSec1Right {width:95%; margin: 0;}
.contactSec2Box .dotTop {margin: 20px 0 0 400px;}
.contactSec2Box ul li {width: 30%; padding: 0 25px 0 0;}
.contactSec2Box ul li:last-child {width: 33%; padding: 10px 0 0 0;}
.contactSec2Box ul li p {font: 20px/30px 'InterLightBETA', sans-serif;}
.contactSec2Box ul li h4 {letter-spacing: 4px;}
.contactSec2Box ul li span a {font: 20px/34px 'InterMedium', sans-serif;}
.formSec {width: 76%;}
.formRow .inputBg textarea {width: 92%;}
.formRow .inputBg small {float: right;}
.success span {width: 65%; margin: 0px 30px 0 0;}
.coreSec ul li h3 br {display: none;}
}
	

@media only screen and (max-width:767px) {
.awardSec h2 {font:14px/21px 'InterRegular', sans-serif; color:#333; letter-spacing: 5px; text-transform: uppercase; padding: 0 0 40px 0;}
.awardSec ul li p {font: 14px/22px 'InterRegular', sans-serif; color: #333; text-align: left; padding: 0 0 40px 0;}
.letstalk {display: none;}	
a.scroll {opacity: 0%;}
.wrapper {padding: 0 3%;}
.banTxt {width: 100%; margin: 10% 0 10% 0}
.banImg {width: 100%; margin: 40% 0 0 0;}
.banImg figure img {max-width: 80%;}
.borderlines {display: none;}
.wedeliverSec {margin: 42px 0 0 0;}
ul.deliverboxes {margin: 36px 0 0 0;}
ul.deliverboxes li {width: 100%; border-right: none;}
ul.deliverboxes li .box p {display: none;}
ul.deliverboxes li .box small {display: none;}
ul.deliverboxes li:hover .box a.readmore {display: none;}
ul.deliverboxes li {min-height: auto;}
ul.deliverboxes li .box h3 {padding: 0;}
ul.deliverboxes li .box {width: 92%; margin: 26px 24px 26px 24px;}
ul.deliverboxes li.last {border-right: none;}
ul.deliverboxes li .box h3 a br {display: none;}
.wedeliver {min-height: auto;}
.dotTop {display: none;}
.middleSec span {padding: 0 0 26px 0;}
.middleSec h5 {padding: 0 0 26px 0;}
.dotBott {display: none;}
.midSec {min-height: auto;}
.counter strong {margin: 0 10px 0 0;}
.testiLeftBor {display: none;}
.testiRightBor {display: none;}
.testimonial h2 {font: 34px/44px 'InterBold', sans-serif; margin: 48px 0 0 0; padding: 0 0 36px 0;}
.testiSec p {width: 100%;}
.quoteImg {float: right; margin: 0;}
.testiSec h3 {float: left; width: 100%; text-align: left;}
.testiSec h3 span {display: none;}
.testiSec h3 small br {display: none;}
.testiSec {padding: 0 0 30px 0; margin:0 0 30px 0;}
.testimonial {padding: 0 0 30px 0;}
.clientLogo ul li {padding:20px 0; margin: 0 22px;}
.dotsBg span.dotLeft {display: none;}
.dotsBg span.dotRight {display: none;}
.dotsBg {width: 100%;}
.letstalkSec a {padding: 62px 0;}
.letstalkSec a h5 {font: 42px/51px 'InterBold', sans-serif;}
.letstalkSec {min-height: auto;}
.footerSec1 ul {width: 40%; margin: 0 0 12px 0;}
.footerSec1 ul.last {width: 40%;}
.footerSec1 ul li ul li {padding: 0 0 12px 0;}
.conSec {float: left;}
.conSec p {text-align: left;}
.conSec h5 {text-align: left;}
.conSec ul {float: left;}
.conSec ul li {margin: 0 20px 0 0;}
.footerSec2 {text-align: center; padding: 16px 0;}
.footerSec2 p {float: none; display: inline-block; padding: 0 0 16px 0; width: 100%;}
.footerSec2 ul {float: none; display: inline-block;}
.serviceSec1Left {width: 28%;}
.serviceSec2StoryLeft h3 {width: 50%;}
.serviceSec1Right {width: 36%;}
.serviceSec1Left h1 {font: 44px/54px 'InterBold', sans-serif;}
.serviceSec1Left p {font: 14px/21px 'InterLightBETA', sans-serif;}
.serviceSec1Right figure img {max-width: 353px; margin-right: 90px;}
.serviceSec2Story {padding: 0 0 60px 0;}
 .serviceBox {padding: 0 0 16px 0;}
 .serviceBoxLeft .dotTop {display: none;}
 .serviceBoxLeft figure a.learnPlay {left: 260px; top: 165px;}
.serviceBoxLeft figure a.digiPlay  {left: 260px; top: 165px;}
	 .serviceBoxLeft figure a.interPlay {left: 260px; top: 165px;}
	 .serviceBoxLeft figure a.aniPlay  {left: 260px; top: 165px;}
	 .serviceBox:last-child {padding: 0 0 30px 0;}
	 .serviceMid {padding: 60px 0 0 0;}
	 .serviceSec2StoryLeft p {font: 0.9rem/1.4rem 'InterLightBETA', sans-serif;}
	 .indusLeftBor {display: none;}
	 .indusRightBor {display: none;}
	 .aboutSec1Left {width: 80%;}
	 .industSec ul li {width: 200px;}
	 .dotSec {display: none;}
	 .coreSec ul li {width: 91.5%;}
	 .ourteam ul li {width: 186px; text-align: center;}
	 .ourteam ul li span.ourLeft {float: none; display: inline-block;}
	 .ourteam ul li span.ourRight {width: 100%; padding: 12px 0 0 0; text-align: center;}
	 .ourteam ul li span.ourRight small {text-align: center;}
	 .ourteam ul li span.ourRight a.linkedinIcon {float: none;}
	 .ourteam ul li span.ourRight a.emailIcon {float: none;}
	 .awardSec {padding: 48px 0;}
	 .awardSec ul li:nth-child(2) figure {padding: 0 0 40px 0;}
	 .coreSec h2 {padding: 48px 0;}
	 a.playIcon1 {left: 260px; top: 195px;}
	 .ourteam {padding: 64px 0 48px 0;}
	 .aboutSec1Left h1 {font:44px/54px 'InterBold', sans-serif;}
	 .contactSec2Box ul li {width: 100%; padding: 0 0 15% 0;}
	 .contactSec2Box ul li:last-child {width: 100%;}
	 .contactSec1Left {width: 60%;}
	 .contactSec1Left h1 {font: 44px/54px 'InterBold', sans-serif;}
	 .aboutSec1Right {width: 90%;}
	 .contactSec1Right {width: 90%;}
	 .aboutSec1Right h2 {left: 46px;
    bottom: 32px;}
    .formRow .inputBg.companyDrop {width: 100%; margin: 0 0 42px 0;}
    .formRow .inputBg.countDrop {width: 100%;}
    .formRow .inputBg textarea {width: 90%;}
    .success span {font: 19px/22px 'InterBold', sans-serif; width: 58%;}
    a.scrollServices {display: none;}
    .industSec h2 {font: 34px/44px 'InterBold', sans-serif; padding: 60px 0 60px 0;}
    .coreSec h2 {font: 34px/44px 'InterBold', sans-serif;}
}

@media only screen and (max-width:479px) {
.awardSec h2 {font:14px/21px 'InterRegular', sans-serif; color:#333; letter-spacing: 5px; text-transform: uppercase; padding: 0 0 40px 0;}
.awardSec ul li p {font: 14px/22px 'InterRegular', sans-serif; color: #333; text-align: left; padding: 0 0 40px 0;}	
.letstalk {display: none;}	
.banTxt h2 {font: 38px/46px 'InterBold', sans-serif; letter-spacing: -0.1rem;}
.banTxt p br {display: none;}
.banTxt p {font: 1rem/1.6rem 'InterLightBETA', sans-serif;}
.banTxt p strong {font: 1rem/1.6rem 'InterBold', sans-serif;}
a.getQBtn {padding: 16px 34px;}
a.getKBtn {padding: 16px 16px;}
ul.deliverboxes li .box h3 a {font: 16px/20px 'InterBold', sans-serif;}
ul.deliverboxes li .box {width: 87%;}
ul.deliverboxes li .box .boxIcon1 {width: 34px; background-size: 100%;}
ul.deliverboxes li .box .boxIcon2 {width: 34px; background-size: 100%;}
ul.deliverboxes li .box .boxIcon3 {width: 34px; background-size: 100%;}
ul.deliverboxes li .box .boxIcon4 {width: 34px; background-size: 100%;}
ul.deliverboxes li .box .boxIcon5 {width: 50px; background-size: 100%;}
ul.deliverboxes li .box .boxIcon6 {width: 34px; background-size: 100%;}
.middleSec span small {width: 50px;}
.middleSec span {font: 16px/24px 'InterLightBETA', sans-serif;}
.middleSec span strong {font: 16px/24px 'InterBold', sans-serif;}
.middleSec p {font: 16px/24px 'InterLightBETA', sans-serif;}
.middleSec p strong {font: 16px/24px 'InterBold', sans-serif;}
.counter {padding: 49px 0;}
.counter strong {margin: 0 0 16px 0;}
.testiSec p {font: 16px/24px 'InterLightBETA', sans-serif;}
.clientLogo ul li {padding: 10px 0; margin: 0 5px;}
.footerSec1 ul {width: 100%;}
.footerSec1 ul.last {width: 100%;}
.footerSec1 {padding: 48px 0 0 0}
.menuLeft {width: 88%; margin: 0 0 0 12%;}
.menuRight {width: 88%; margin:24px 0 0 12%;}
.menuRightSec {float: left;}
.menuRightSec p {text-align: left;}
.menuRightSec h5 {text-align: left;}
.menuRightSec ul {float: left;}
.menuRightSec ul li {margin: 0 20px 0 0;}
.menuLeft ul li a {font: 38px/56px 'InterBold', sans-serif;}

.serviceSec1Left {width: 72%;}
.serviceSec1Right {width: 10%;}

.serviceSec1Right figure img {max-width: 330px;}
.serviceSec2StoryLeft h3 {width: 59%;
    font: 1.8rem/2rem 'InterBold', sans-serif;
    letter-spacing: -1px;
    padding: 0 0 24px 0;}
.serviceSec2StoryLeft h3 small {font: 16px/24px 'InterExtraLightBETA', sans-serif; margin: 24px 0 0 0;}
.serviceBoxRight h3 {font: 24px/28px 'InterBold', sans-serif; letter-spacing: -0.3px;}

 .serviceBoxLeft figure a.learnPlay {left: 180px; top: 110px;}
.serviceBoxLeft figure a.digiPlay  {left: 180px; top: 110px;}
	 .serviceBoxLeft figure a.interPlay {left: 180px; top: 110px;}
	 .serviceBoxLeft figure a.aniPlay  {left: 180px; top: 110px;}
.clientLogo {padding: 45px 0 40px 0;}


}

@media only screen and (max-width:414px) {
.letstalk {display: none;}	
.counter strong {margin: 0 6px 16px 0;}
.serviceSec1Left {width: 68%; padding: 0 0 0px 15%;}
.serviceSec1Right {width: 10%; margin: 0px -350px 0px 0px}

.serviceSec1Right figure img {max-width: 353px;}
.serviceSec2StoryLeft {width: 100%;}
.serviceSec2StoryRight {width: 100%; padding: 30px 0 0 0;}

 .serviceBoxLeft figure a.learnPlay {left: 150px; top: 95px;}
.serviceBoxLeft figure a.digiPlay  {left: 150px; top: 95px;}
	 .serviceBoxLeft figure a.interPlay {left: 150px; top: 95px;}
	 .serviceBoxLeft figure a.aniPlay  {left: 150px; top: 95px;}
	 a.playIcon1 {left: 160px; top: 110px;}
	 a.playIcon1 img {max-width: 84px;}
	 .industSec ul li {width:50%;}
	 .coreSec ul li {width: 87%; padding: 54px 20px 48px 30px;}
	 .process {min-height: auto; padding: 0 0 48px 0;}
	 .process span {width: 100%; padding: 0 0 16px 0;}
	 .process h2 {padding: 48px 0 24px 0; font: 36px/44px 'InterBold', sans-serif;}
	 .ourteam ul li {width: 100%; padding: 0 0 16px 0; margin: 0;}
	 .awardSec ul li {width: 100%; padding: 0 0 16px 0;}
	 .awardSec ul li img {max-width: 65%;}
	 .awardSec ul li:last-child img {max-width: 50%;}
	 .formRow .inputBg input[type="text"] {font: 36px/44px 'InterBold', sans-serif;}
	 .formRow .inputBg.companyDrop select {font: 36px/44px 'InterBold', sans-serif;}
	 .formRow .inputBg textarea {width: 85%; height: auto;}
	 .success span {font: 17px/22px 'InterBold', sans-serif; width: 80%; margin: 0;}
	 .success a.okBtn {margin: 20px 0 0 44px;}
	 .aboutSec2 p {padding: 0 0 24px 0; font: 16px/24px 'InterLightBETA', sans-serif;}
	 .aboutSec2 h4 {font: 24px/34px 'InterBold', sans-serif; padding: 0 0 24px 0; letter-spacing: -0.05rem;}
	 .aboutSec2 h3 {padding: 44px 0 28px 0;}
	 .coreSec ul li h3 {font: 34px/34px 'InterBold', sans-serif;}
}

@media only screen and (max-width:360px) {
.letstalk {display: none;}	
.serviceSec1Left {width: 80%; padding: 0 0 0 50px;}
.aboutSec1Left {
    width: 80%;
    padding: 0 0 60px 50px;
}
.contactSec1Left {
    width: 80%;
    padding: 0 0 60px 50px;
}
.serviceSec1Right {width: 17px;}
.serviceSec1Right figure img {max-width: 325px;}

	 .aboutSec1Right {width: 90%;}
	 a.playIcon1 img {max-width: 54px;}
	 .serviceBoxLeft figure a.learnPlay img {max-width: 54px;}
	 .serviceBoxLeft figure a.digiPlay img {max-width: 54px;}
	 .serviceBoxLeft figure a.interPlay img {max-width: 54px;}
	 .serviceBoxLeft figure a.aniPlay img {max-width: 54px;}
	 .coreSec ul li {width: 85%;}
	  .success span {width: 80%;}
	  a.getQBtn {padding: 16px 26px;}

}	

@media only screen and (max-width:320px) {
	.letstalk {display: none;}	
	.footerSec2 ul li a {font: 13px/21px 'InterLightBETA', sans-serif;}
	.success span {width: 76%;}
	.aboutSec1Left  {width: 74%; padding: 0 0 60px 60px}
	.contactSec1Left {width: 74%; padding: 0 0 60px 60px}
	.serviceSec1Left {width: 77%;}

}