.font20{font-size: 20px}

@import url(fonts/fonts.css);@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700);
@import url(owl.theme.css);
@import url(owl.transitions.css);

/* Common CSS start*/	
body{font-size:15px;font-size: 1.46vw;margin:0;padding:0;text-align:center;position: static; font-family: 'Source Sans Pro', sans-serif; color:#000;height:100%;-webkit-transition: font-size 400ms ease; -moz-transition: font-size 400ms ease; -ms-transition: font-size 400ms ease; -o-transition: font-size 400ms ease; transition: font-size 400ms ease;letter-spacing: .05em;}
a{color:#000; text-decoration:none; outline:0}
a img{border:0;}
.clear{clear:both;}
.flLeft{float:left}
/* Common CSS end*/
.logo{white-space:nowrap;}
.de{position:absolute;top:0;left:0;width:100%;height:100%;background:url(i/deBg.png);opacity:1;-webkit-transition: all 1200ms ease; -moz-transition: all 1200ms ease; -ms-transition: all 1200ms ease; -o-transition: all 1200ms ease; transition: all 1200ms ease;z-index:10;}
.de span{position:absolute;top:0;left:0;width:100%;height:100%;background:url(i/deLogo.png) no-repeat center center;}
h1{font-size:1.0em;font-weight:normal;margin:1.6em 0 1.6em;}
h2{font-size:2.4em;font-weight:normal; font-family: 'Source Sans Pro', sans-serif; margin:.9em 0;letter-spacing: .05em;}
h3{ text-align:left; color:#000; font-family: 'Source Sans Pro', sans-serif; font-weight:300;font-size:1.6em;margin:5% 0 1em;}
.no-mrgT{margin-top:0px !important;}
.mrgT-5pr{margin-top:5% !important;}
.mrgT-3pr{margin-top:3% !important;}
.onlyMob{display:none;}
.onlyDesk{display:block;}
.loaded .de{opacity:0;}
.container{margin:0 auto;overflow-x:hidden;width:100%;position:relative; overflow-y:hidden; height:100%;font-size:1em;}
.header{position:relative;left:0;top:0;width:100%;position: static;}
.header .button{display:none;}
.menu{position:relative; font-family: 'Source Sans Pro', sans-serif;}
.headerElements{margin:0 auto; height:2.6em;-webkit-transition: background 400ms ease; -moz-transition: background 400ms ease; -ms-transition: background 400ms ease; -o-transition: background 400ms ease; transition: background 400ms ease;  padding:1.1em 0 0 0}
.socialLinks{display:none;}
.stiked .headerElements{background:#fff; }
.menu{display:inline-block;margin-top:.1em;}
.menu ul{margin:0;padding:0;list-style:none;}
.menu ul li{display:inline-block;padding:0 0.8em;}
.menu ul li a{ text-decoration:none; color:#000; font-size:1em; font-weight:normal;margin-bottom:1px;}
.menu ul li a.active,.menu ul li a:hover{border-bottom:1px solid #000;}
.dark .menu ul li a.active,.dark .menu ul li a:hover{border-bottom:1px solid #fff;}

.stiked .dark .menu ul li a.active,.stiked .dark .menu ul li a:hover{border-bottom:1px solid #000;}

.navLat{width:100%;position:fixed;top:0;left:auto;height:0;overflow:visible;z-index:3;}

.navBarT{position:absolute;height:100%;top:0;right:2%;z-index:100;}
.navBarC{display:table;height:100%;width:100%;z-index:100;}
#navBar{display:table-cell;vertical-align:middle;text-align:center;z-index:100;}
#navBar a{display:block;border:1px solid #000;border-radius:50%;width:8px;height:8px;margin:5px auto;z-index:100;-webkit-transition: background 400ms ease; -moz-transition: background 400ms ease; -ms-transition: background 400ms ease; -o-transition: background 400ms ease; transition: background 400ms ease; -webkit-opacity: 0.7; -moz-opacity: 0.7; opacity: 0.7; filter: alpha(opacity=70); }
#navBar a.active{background:#000;border:0;margin:6px auto;}

.logo{float:left; margin-left:2%; font-weight:normal; font-size:1em; font-family:'helveticaneuelight', sans-serif; color: #000;letter-spacing: .1em;width:10em;text-align:left;}
.logo2{float:right; margin:0 2% 0 0;}
.logo2 a{display:block;width:10em;font-size:1em; height:26px;text-indent:-60000px;background:no-repeat url(./logo_pitre_white.png) right center;font-family: 'helveticaneuelight', sans-serif;}
.header .logo2 a{height:.55em;background-size:auto 100%;}
.header .logo2{margin-top:.5em;}
.headerElements .button{float:left;}
.main{position:relative;min-width:100%;}
.headerStrip{min-width:100%;}
.headerCont{position:fixed;top:0;width:100%; z-index:3;right:0; height:3.66em;}
.scrollpage{width:100%; display:table;height:100%;position:relative;overflow:visible;}
.home .scrollpage,.video .scrollpage,.scrollpage.simpleText,.scrollpage.doubleCol{min-height:500px;}

/* Welcome Layout start */
.welcomePage{font-size:3.5em; font-family:'FuturaStd-Book'; text-align:center; position:relative;color:#fff;background:#231f20;}
.welcomePage p{vertical-align:middle; display:table-cell; width:100%;vertical-align:middle;height:89%;letter-spacing: .03em;}
.welcomePage span.text{font-size:0.22em; text-align:center; font-family:'Source Sans Pro', sans-serif; padding:0; margin:1.5% 0 0 0; color:#a8a6a6;display:block; width:100%;}
.welcomePage > span,.welcomePage p{-webkit-filter: blur(5px); -moz-filter: blur(5px); -o-filter: blur(5px); }
.loaded .welcomePage > span,.loaded  .welcomePage p{-webkit-filter: blur(0px); -moz-filter: blur(0px); -o-filter: blur(0px); }
/* Welcome Layout end */

/* About us Layout start */
.about_main {color:#fff;background:#004ebc !important;}
.about_main .center_text{ display:table-cell; width:100%;vertical-align:middle;}
.skills {position:relative;color:#fff;background:#231f20;}
.skills p{font-size:1.2em;line-height:1.4em; text-align:left; font-family:'Source Sans Pro', serif; color:#fff; padding:0; margin:1% auto 0 auto; width:100%; vertical-align: middle;font-weight:300; text-align:center;}
.skills .skills_text img{ width:100%; padding: 4% 0;}
.padding_bt{ padding-bottom:2% !important;}
.offer {font-size:1em; font-family:'Source Sans Pro'; text-align:left; position:relative;color:#000;background:#fff; width:100%;}
.offer h1{ text-align: center;}
.offer p{ color:#333333; font-size:.85em;float:left; width:40%; padding: 2% 3% 0 6%; font-weight:300; line-height: 1.5em; font-family: 'Source Sans Pro', sans-serif;}
.offer_full {width:100%; float:left; clear:both;}
.offer p span{ font-weight: 700; clear:both; }
.relatedWork{display:none;}
/* About us Layout end */


/* Index - latest work page start*/
.blue{background:#003399;}
.gray1{background:#e1e1e1 !important;}
.gray2{background:#cdcdcd;}
.gray3{background:#ececec;}

.mixCols{margin-top:3%;}
.mixCols.gray3{margin-top:0;}

.mixCols .latestCont{padding:0 5% 0 5%;}
.mixCols .latestCont img{width:100%; height:50%;}

/* .mixCols h2 a{ text-decoration:underline;} */
.mixCols h2 a:hover{ text-decoration:underline;}

.mixCols .smplWork{padding:0 5% ;}
.mixCols.gray3 .smplWork{margin-bottom:3%;}
.mixCols .smplWork .col1{float:left; width:48%;}
.mixCols .smplWork .col1 img{width:100%; float:left; }

.mixCols .smplWork .col2{float:right; width:48%;}
.mixCols .smplWork .col2 img{width:100%; float:left; }

.mixCols .latestCont span{font-size:.8em; font-family:'Source Sans Pro', sans-serif;font-weight:600; }
.viewAll{text-decoration:underline; margin:10px 0 60px 0; font-family: "sourcesansprosemibold",sans-serif;font-size: 1.3em;font-weight: normal; width:100%; float:left;}

.mixCols .smplWork span{font-size:.8em; font-family:'Source Sans Pro', sans-serif;font-weight:600; width:100%;padding:.5em 0 1em;display:block;float:left;}
.smplWork{position:relative;clear:both;}
.boxTop{position:absolute;top:0;left:5%;width: 43%;}
.boxBottom{position:absolute;bottom:0;left:5%;width: 43%;}
.col2 .boxTop{left:auto;right:5%;}
.col2 .boxBottom{left:auto;right:5%;}

.mixRows{margin-top:3%;}
.mixRows .smplWork .col1{float:left; width:48%;}
.mixRows .smplWork .col1 img{width:100%; float:left; }

.mixRows .smplWork .col2{float:right; width:48%;}
.mixRows .smplWork .col2 img{width:100%; float:left; }
.mixRows .smplWork{padding:0 5% ;}
.mixRows .smplWork .col2 .row2{ margin-top:6%;}

.fullImageDesc img{width:90%; padding: 0 5%; margin: 3% 0 0 0;}
.mixRows .smplWork .col2 .row2_bnl{ margin-top:4%;}
.mixRows .smplWork .col2 .row2_helloB{ margin-top:7%;}
.simpleText .socialTop{ position:absolute; right:3%; top:3%;z-index:5;}
.simpleText .socialTop span.logo3 a{margin: 0px 0px 0px 8%;}
.more_Bg_Schede{background:#4cb1b0 !important;}
.helloB_Bg_Schede{background:#ff5a64 !important;}
.contact {display: table-cell; letter-spacing: 0.03em; vertical-align: middle;  width: 100%; height: 100%;}
.contact  a{color: #fff;display: table; margin-top:3%; letter-spacing: 0.03em; vertical-align: middle; font-size:2.45em;  width: 100%;}
#contact  p{color: #fff; display: table-row; line-height:50px;  font-family: "Source Sans Pro",sans-serif;  font-size:1em; margin:0; padding: 0; text-align: center; width:100%;}
/* Index - latest work page end*/

/* listText start */
.listText{background:#f8f8f8;}
.listText h1{ width:100%; display:table-header-group;position:absolute;top:0;left:0;}
.listText .listCont{width:100%; padding: 2% 0 0 5%; display:table-cell;vertical-align: middle; margin:5% 0 0 0;padding-top:4em;}
.listText .listCont ul{margin:0 5% 0 0; padding:0; float:left; width:19%; min-height: 210px;}
.listText .listCont ul li{margin:0; padding:0 0 .4em 0; list-style:none; text-align:left;font-size:.8em; font-family: 'Source Sans Pro', sans-serif;font-weight:300;}
.listText .listCont ul li:first-child{font-size:1.0em;  font-family: 'Source Sans Pro', sans-serif;font-weight:600;}
/* listText end */

/* Footer start*/
.footer{width:100%;float:left;}
.footer_logo{margin:5em 3% 4em 3%; text-align:center;}
span.logo1{float:left; width:15em; }
span.logo1 img{width:18%;float:left;}
span.logo2{float:none; margin:3% auto 0 auto;}
span.logo2 img{width:12%;}
span.logo2 a {display:inline;width:auto;height:auto;text-indent:0;background: none !important;}
span.logo3{float:right; margin:0;width:15em;text-align:right;margin-top:.5em;}
span.logo3 span{margin:0 0 0 9%;}
span.logo3 span:last-child{margin-right:0}
span.logo3 a:hover img{opacity:.5;}
span.logo3 img{display:inline-block; margin:0;width:8%;} 
.footer_text{margin:5% 0 1% 0;  font-size:.8em;}
/* Footer end*/
	
		
/* Work Details page start */		
.dark .headerElements{}
.dark .header{height:auto;}
.dark .menu ul li a{ color:#fff; }
.home .menu ul li a {color: #a8a6a6;}
.video.home .menu ul li a { color:#fff; }
.about .menu ul li a {color: #fff !important ;}
.stiked .dark .menu ul li a{ color:#000; }
.stiked .about .menu ul li a{ color:#000 !important; }
.dark .logo {color:#fff;}
.home .logo {color:#a8a6a6;}
.home.video .logo {color:#fff;}
.about .logo {color:#fff !important ;}
.stiked .dark .logo{ color:#000; }
.stiked .about .logo{ color:#000 !important; }
.dark .logo2 a{background-image:url(./logo_nttdata_white.png);}
.video.home .logo2 a{background-image:url(./logo_nttdata_white.png);}
.home .logo2 a{opacity:.5;}
.about .logo2 a{opacity:1 !important;}
.stiked .dark .logo2 a{background-image:url(./logo_nttdata_white.png);opacity:1;}
.fullImage img{width:100%;float:left; }
.carouselImage{margin:3% 5% 0 5%; padding:5% 10% 0 10%;background:#151515; width:70%;}
.carouselImage .sliderHead{font-size:.45em;background:#333333;color:#e0e0e0;line-height:5.2em;height:5.2em;float:left;width:100%;}
.carouselImage .sliderImg img{width: 100%; display:block; height: auto; float:left}
.scrollpage.carouselImage{display:block;}
.carouselImage .owl-theme .owl-controls {position:absolute;top:0;left:5px;margin-top:0;}
.owl-theme .owl-controls .owl-page span {display: block;width: .3em;height: .3em;margin: 5px 3px;filter: Alpha(Opacity=50);opacity: 0.5;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;background: #e0e0e0;}

.doubleCol{width:84%; padding:5% 3%; margin:0 5% 0 5%; /* background:#f3f2f2; */ position:relative;}
.doubleCol p{color:#333333;font-size:.85em;margin:0 0 10%;  line-height: 1.5em; font-family: 'Source Sans Pro', sans-serif; font-weight:300;}
.doubleCol .col1{width:45%; float:left; text-align:left;}
.doubleCol .col2{width:45%; text-align:left; float:right;}	
.doubleCol p span{ color:#333333; text-transform:uppercase; font-family: 'Source Sans Pro', sans-serif;font-weight:700;}
/*.workDetPg3 .imgDisp:nth-child(2){float:right;} */

/* Design description start */
.simpleText h1{width: 100%;position: absolute;top:0;left:0;color:#fff;}
.simpleText h1.simpleText-title{font-size:2.4em; text-align:left; font-family: 'Source Sans Pro'; color:#fff; padding:0; margin:0  auto 0 auto; width:58%; position:relative;line-height:1em;}
.simpleText{background:#003399; text-align:center; margin:3% 5% 0 5%; width:90%; position:relative;letter-spacing:.05em;}
.simpleText.full{margin:0;width:100%;}
.simpleText .textCont{display:table-cell;vertical-align: middle; margin:0;padding:4em 0 5%; position:relative;}
.simpleText.schede .textCont{padding:7% 0 0;height: 25em;margin-bottom:120px;}
.simpleText p{font-size:1.2em;line-height:1.4em; text-align:left; font-family:'Source Sans Pro', serif; color:#fff; padding:0; margin:1% auto 0 auto; width:50%; vertical-align: middle;font-weight:300;}
.simpleText.schede p.catergory{ font-size: 1.2em;text-align:left; font-family:'Source Sans Pro', sans-serif; color:#fff; padding:0; margin:0em auto 0 auto; width:58%; }
.simpleText.schede p {font-size: 1.2em;line-height: 1.5em; width:58%;}
.simpleText.schede p  a{text-decoration:none; color:#fff;}
.simpleText.schede p  a:hover{text-decoration:underline;}
.simpleText .schedeDet{width:100%; width:100%;  display: table-footer-group; height:120px;}
.simpleText .schedeDet .uxDesign{ position: relative; height:120px; vertical-align:middle; text-align:center; font-size:.6em;z-index:4;}
.simpleText .schedeDet .uxDesign span{color:#fff; vertical-align:text-top; border-left:1px solid #fff;}
.simpleText .schedeDet .uxDesign .strategy, .ux, .design{border-left:2px solid #fff; padding-left:1em; text-transform:uppercase; position:absolute; bottom:0; left:40%; color:#fff;}
.simpleText .schedeDet .uxDesign .ux{ left:49%}
.simpleText .schedeDet .uxDesign .design{left:58%}
.simpleText .social{ position:absolute; right:3%; bottom:3%;z-index:5; display:none;}
.green{background: #231f20 ;color:#fff;}
.green a,.green p{color:#fff;}
.doubleCol .busnsLine{position:absolute; bottom:2.5em; color:#000; font-size:.7em; text-align:left}
.doubleCol .busnsLine span,.doubleCol .busnsLine a{ color:#004fbc;  margin-right:2em;  text-transform:uppercase;font-family: 'Source Sans Pro', sans-serif;font-weight:600;}
.relatedWork{margin: 3% 2% 0 5%;width:92%;float:left;background:#fff;}
.relatedWork .box{width:22%;float:left;margin-right:3%;text-align:left;font-size:1em;line-height:1.2em; font-family: 'Source Sans Pro', sans-serif;font-weight:300;}
.relatedWork .box span{display:block;min-height:4em;float:left;width:100%;}
.relatedWork .box img{width:100%;margin-bottom:1em;float:left;}
.relatedWork .box strong{font-weight:600;display:block; font-family: 'Source Sans Pro', sans-serif;}
.relatedWork h3{margin:8% 0 1em;}
/* Design description end */
/* Work Details page end */

/* Schede page Start */
.ourWorks{background: none repeat scroll 0 0 #fff; float: left;  margin: 3.6em 0 0 0;width:100%;}
.ourWorks h2{font-size:2.4em; font-weight:500; font-family: 'Source Sans Pro', sans-serif; margin:0;letter-spacing: .05em;padding:.5em 0 1.5em;}
.ourWorks .Bbox{float: left; font-family: 'Source Sans Pro', sans-serif;font-weight:300;font-size:1em; line-height: 1.2em; margin:0 0 2% 8%; text-align: left; width: 53.3%;}
.ourWorks .Bbox img{float: left; margin-bottom: 1em; width: 100%;}
.ourWorks .Bbox span{display: block; float: left; min-height: 4em; width: 100%;}
.ourWorks .Bbox strong{display: block; font-family: 'Source Sans Pro', sans-serif; font-weight: 600;}
.ourWorks .Sbox{float: left; font-family: 'Source Sans Pro', sans-serif;font-weight:300;font-size:1em; line-height: 1.2em; margin:0 0 2% 8%; text-align: left; width: 22.6%;}
.ourWorks .Sbox img{float: left; margin-bottom: 1em; width: 100%;}
.ourWorks .Sbox span{display: block; float: left; min-height: 5em; width: 100%;}
.ourWorks .Sbox strong{display: block; font-family: 'Source Sans Pro', sans-serif; font-weight: 600;}
.ourWorks a:hover img{opacity:0;}
.ourWorks a img{-webkit-transition: opacity 400ms ease; -moz-transition: opacity 400ms ease; -ms-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; transition: opacity 400ms ease;}
.ourWorks a{display:block;background-repeat:no-repeat;background-position:left top ;float:left;width:100%;background-size:100% auto;}
/* Schede page end */

.col2 .carouselImage{margin:0 0 0 5%; padding:8% 15% 8% 15%; width:67%; float:right}
.mixCols .smplWork .col2 .carouselImage.noPaddBtm{padding-bottom:0px;}

@media (max-width: 1024px) {	
.carouselImage .sliderHead {font-size: .6em;line-height: 3.2em;height: 3.2em;}
.headerCont{position:fixed;top:0;width:100%; z-index:3;right:0; height:3.667em;}
.owl-pagination{font-size: 1.5em;}
.listText .listCont ul{margin:0 5% 0 0; padding:0; float:left; width:19%; min-height: 190px;}
.listText .listCont ul:nth-child(n+5){margin-top:0}
/*
.simpleText p{font-size:1.em;line-height:1.4em; text-align:left; font-family:'Lora', serif; padding:0; margin:1% auto 0 auto; width:57%; vertical-align: middle;}
.simpleText h1.simpleText-title{font-size:2.4em; text-align:left; font-family:'Source Sans Pro', sans-serif; color:#fff; padding:0; margin:0  auto 0 auto; width:58%; position:relative;}
*/
.de span{background-size:50% auto;}
}

@media (max-width: 900px) {	
.container{font-size:1.3em;}
.de span{background-size:70% auto;}
.welcomePage p{text-align:center; font-family:'Source Sans Pro', sans-serif; padding:10% 0 1% 0; margin:0px;}
.relatedWork .projSec .image img{height:90%; margin:7% 5% 0 5%; width: 50%;}
.relatedWork .projSec span.clientName, span.domain{text-align:center;}
.listText h1 {position: relative;float:left;width:100%;display:block;}
.listText .listCont{display:block;width:95%;}
/* listText start */
.listText .listCont ul{margin:0 5% 0 0; padding:0; width:45%; min-height:13em;}
/* listText end */
}

		
@media (max-width: 767px) {
.simpleText .socialTop span.logo3 img{width: 13%;}
.col2 .carouselImage{margin:0 0 0 5%;  width:70%}
.onlyMob{display:block;}
.onlyDesk{display:none;}
body{font-size: 1.94vw;}
.headerElements {padding: 1.2em 0 0 0;}
.about .menu ul li a {color: #000 !important ;}
.container{font-size:1.3em;}
.listText .listCont{padding-bottom:10%;}
.logo{float:none;margin:0 auto;}
.header .logo2 a {width:4em;}
.navBarT{display:none;}

.menu{position:fixed;left:0;bottom:100%;height:100%;width:100%;background:#fff;display:block;padding-top:0;margin-top:0;padding-top:1em;overflow-y:auto;opacity:0;-webkit-transition:opacity .4s,bottom .4s;transition:opacity .4s,bottom .4s;}
.header .button{display:block;float:left; margin-left:5%;cursor:pointer;}
.header .button span{background:url(i/hamburger-menu.png) left center no-repeat;display:block;width: 4em;height:26px;}
.home .header .headerStrip .button span {opacity: .5;}
.about .header .headerStrip .button span {opacity: 1;}
.header .menu .button span{background-image:none !important;text-align:left;text-transform:uppercase;line-height:4em;width:auto;height:auto;}
.dark .header .button span{background-image:url(i/hamburger-menu_b.png)}
.stiked  .dark .header .button span {background-image: url(i/hamburger-menu_b.png);}
.home .scrollpage,.video .scrollpage, .scrollpage.simpleText, .scrollpage.doubleCol {min-height:300px;}
.dark .menu ul li a {color: #000;}
.home.video .menu ul li a {color: #000;}
.header .button.close{float:right; margin:20px 10px 0 0;}
.container.open .menu{bottom:0%;opacity:1;}
.container.open .main,.container.open .logo{opacity:.2;}
span.logo1 {float: none;width: auto;display:block; margin:auto;}
span.logo1 img{width:12%;float:none;}
.headerStrip{text-align:center;font-size:20px;}
.menu ul{clear:both;margin:3em 0;float:left;width:50%;margin-left:5%;}
.menu ul li{display:block;text-align:left;padding:.9em 0; font-family: 'Source Sans Pro', sans-serif;font-weight:300;}
.menu ul li a{font-weight:300;}
.menu ul li a.active{font-weight:500;}
.menu ul.socialLinks li{padding:.5em 0; }
.menu ul li a,.dark .menu ul li a{color:#fff;display:block;opacity:0;line-height:1.2em;}
.menu ul li a{font-size:.5em;border:0 !important;margin:0 !important;}
.menu ul.socialLinks li a{font-size:.2em;}
.open .menu ul li a{color:#000;font-size:2.5em;opacity:1;-webkit-transform: translate(0,-.5em);-ms-transform: translate(0,-.5em);transform: translate(0,-.5em);-webkit-transition:transform .4s,color .4s,font-size .4s,opacity .4s;transition:transform .4s,color .4s,font-size .4s,opacity .4s;}
.open .menu ul.socialLinks li a{font-size:1em;}
.menu ul.socialLinks{display:block;margin:0 0 1em;margin-left:5%;}
.open .menu ul:first-of-type li:nth-child(1) a{-webkit-transition-delay:.3s;transition-delay:.3s}
.open .menu ul:first-of-type li:nth-child(2) a{-webkit-transition-delay:.4s;transition-delay:.4s}
.open .menu ul:first-of-type li:nth-child(3) a{-webkit-transition-delay:.5s;transition-delay:.5s}
.open .menu ul:first-of-type li:nth-child(4) a{-webkit-transition-delay:.6s;transition-delay:.6s}
.open .menu ul:last-child li:nth-child(1) a{-webkit-transition-delay:.7s;transition-delay:.7s}
.open .menu ul:last-child li:nth-child(2) a{-webkit-transition-delay:.8s;transition-delay:.8s}
.open .menu ul:last-child li:nth-child(3) a {-webkit-transition-delay:.9s;transition-delay:.9s}
.open .menu ul:last-child li:nth-child(4) a{-webkit-transition-delay:1s;transition-delay:1s}


/*Test mobile not fixed*/
.menu{position:relative;height:0;padding-top:0;}
.headerCont{position:absolute;}
.open .main,.open .headerStrip{display:none;}
.open .headerElements{padding-top:0;height:auto;}
.open .menu{display:block;height:100%;}
.open .headerCont{position:relative;height:100%;}
.open .header{height:100%;}
/*/Test mobile not fixed*/

.welcomePage{font-size:3em !important;text-align:center; padding:10% 5% 10% 5%;width:90%; }
.welcomePage p{text-align:center; font-family:'Source Sans Pro', sans-serif; padding:10% 0 1% 0; margin:0px;}
/* About us Layout start */
.skills p{ margin:1% 5% 0% 5%; width:90%; font-size:font-size:1.3em}
.about_main .center_text{display:table-cell; width:100%;vertical-align:middle; padding: 20% 0% ;}
.offer p { float:left; width:90%; padding: 5% 3% 0 6%; color:#000; font-size:1.3em}
.simpleText .center_text p{margin:1% 0 2% 10%;}
/* About us Layout end */

.logo2{float:right; margin:0 5% 0 0;}
.header .logo2{margin:.4em 5% 0 0;}
.mixCols h2 {padding: 0 5%;}
.doubleCol .col1{width:auto; float:none;}
.doubleCol .col2{width:auto;float:none;}	
.mixCols .smplWork{padding:0 5% ;}
.mixCols .smplWork .col1{width:100%;}
.mixCols .smplWork .col2{width:100%;}
.boxTop, .col2 .boxTop{position:relative;top:0;left:0;width:100%;right:auto;float:left;}
.boxBottom,.col2 .boxBottom{position:relative;top:0;left:0;width:100%;right:auto;float:left;}
.mixCols {}
.fullImageDesc img {margin: 0;float:left;}
.scrollpage.mixCols,.scrollpage.fullImageDesc,.carouselImage,.simpleText{display:block;float:left;}
.scrollpage.doubleCol{float:left;}
.smplWork{float:left;width:90%;}
.simpleText h1{ position:relative;}
.simpleText .textCont {margin: 5% 0;}
.simpleText .schedeDet{display:block;}
.simpleText .schedeDet .uxDesign {position: absolute;left:0;width:100%;bottom:0;}
.carouselImage,.listText,.simpleText,.mixCols,.fullImageDesc,.col2,.boxBottom,.scrollpage.doubleCol,.mixCols + .simpleText.full{margin-top:5%;}
.simpleText.full{margin-top:0;}
.simpleText .schedeDet .uxDesign .strategy{left:27%}
.simpleText .schedeDet .uxDesign .ux{ left:48%}
.simpleText .schedeDet .uxDesign .design{left:69%}
.simpleText .social{ position:relative; margin:0; right:0}
/*.simpleText .socialTop{position:relative; margin:0; right:0; bottom: 3%;} */ /* Need to check */
.simpleText .socialTop span.logo3 {float:none;margin:0;width: 15em;text-align: center;}
.simpleText .social span.logo3 {float:none;margin:0;width: 15em;text-align: center;}

.simpleText .social span.logo3 img {margin: 0 8%;width: 6%;}
.simpleText p.catergory{margin: 0 0 0 10%;}
.simpleText p{ margin:1% 0 10% 10%; width:80%; font-size:1.3em}

.simpleText .textCont {display: block;height:auto;}
.simpleText.schede .textCont{height:auto;margin-bottom:30px;}
.simpleText h1.simpleText-title{margin: 0 0 0 10%;width: 80%;}
.simpleText.schede p.catergory{width: 80%; font-size:1.3em}
.simpleText.schede p{width: 80%; font-size:1.2em}
.doubleCol p{min-height:inherit; color:#000; font-size:1.3em}
.doubleCol .busnsLine{position:relative; bottom:0px; font-size: 0.9em;}
.relatedWork .box {width: 47%;margin-right: 3%;padding-bottom:5%;}
.relatedWork .box img{margin-bottom:.5em;}

.mixRows .smplWork{padding:0 5% ;margin-bottom:5%;}
.mixRows .smplWork .col1{float:none; width:auto;}
.mixRows .smplWork .col2{float:none; width:auto;}
.mixRows .smplWork .col2 .row2{margin:0}
.mixRows .smplWork .col2 .row2_bnl{ margin:0;}
/* About us end */

/* listText start */
.listText .listCont ul{}
/* listText end */

/* Footer start*/
.footer{background:#fff;float:left;width:100%;}
.footer .footer_logo{margin:2em 6% 0% 6%}
.footer span.logo2{float:none;margin:5% auto;display:block;}
.footer span.logo2 img{width:30%;}
.footer span.logo3{width:80%;display:block;margin: 1em auto;text-align:center;float:none;}
.footer span.logo3 img{width:5%;}
.footer .footer_text{margin:10% 5% 5%;  font-size: 11px; float:none;}
.footer span.logo3 img{float:none;display:inline-block;}
.footer span.logo3 img:last-child {margin-right: 8%;}
/* Footer end*/

.ourWorks .Bbox{margin: 0 0 4% 5%;width:90%;}
.ourWorks .Sbox{margin: 0 0 4% 5%;width:42.5%;}
.ourWorks .Sbox span {min-height: 5em;}
.ourWorks .Bbox span {min-height: 5em;}
.ourWorks .clear{clear:none;}

#contact{display: table;}
#contact h1{position:absolute;}
.contact {display: table-cell; letter-spacing: 0.03em; vertical-align: middle;  width: 100%; height: 100%;}
.contact  a{color: #fff;display: table; letter-spacing: 0.03em; margin-top:12%;  vertical-align: middle; font-size:1.65em;  width: 100%;}
#contact  p{color: #fff; display: table-row; line-height:50px; font-size:3em; font-family: "Source Sans Pro",sans-serif;  font-size:1em; margin:0; padding: 0; text-align: center; width:100%;}
.offer h1{font-size:1.5em; margin-bottom:0px;}
.viewAll{margin:25px 0 15px 0;}
}

.doubleCol{display:none;}

@media (max-width: 600px) {
.container{font-size:.9em;}
body{font-size: 2.48vw;}
}

@media (max-width: 500px) {
.container{font-size:.8em;}
body{font-size: 3vw;}


.simpleText .socialTop {

    right: 0;
    top: 2%;
 
}
.simpleText .socialTop span.logo3 a {
    margin: 0px 0px 0px 5%;
}
}

@media (max-width: 350px) {
body{font-size: 4.7vw;}
.headerStrip {font-size: 15px;}
.header .button span{background-size:40% auto;width: 4em;background-position:left 3px;}
.ourWorks .Bbox{float: none; font-family: 'Source Sans Pro', sans-serif;font-weight:300;font-size: 1em; line-height: 1.2em; margin:0 5%; text-align: left; width: 90%;}
.ourWorks .Sbox{float: none; font-family: 'Source Sans Pro', sans-serif;font-weight:300;font-size: 1em; line-height: 1.2em; margin:0 5%; text-align: left; width: 90%;}
}

@media (max-width: 300px) {
	body{font-size: 8vw;}
	.container{font-size:.5em;}
}

@media (max-width: 300px) {
	body{font-size: 10vw;}
	.container{font-size:.4em;}
}