/*========HOME PAGE CSS STARTS HERE==========*/

.wrapper { max-width: 1170px; margin: 0 auto; }
img { max-width: 100%; }
a:hover{ text-decoration:none;}
.fixed { position: fixed !important; }
.white { color: #fff!important; }
.white span { color: #fff!important; }
.purpleBg {  }
.title-36 { font-size: 2.118em; line-height: 1.167em; font-family: 'ralewaymedium'; }
.button { display: inline-block; background: none; vertical-align: top; border: 3px solid #9e9e9e; font-size: 0.938em; color: #9e9e9e; border-radius: 4px; font-family: 'gilroysemibold'; padding: 12px 23px; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; position: relative; overflow: hidden; text-decoration: none!important; }
.button:hover { border-color: #34ebb6; color: #34ebb6; z-index: 10000; }
.overlay .getQuote { position: absolute; top: 9px; margin-top:20px; right: 7%; transition:0.5s; }
.getQuote { position: absolute; top: 9px; margin-top:20px; right: 1.5%; transition:0.5s; }
.getQuote .button{ border-color: #fff; color: #fff; }
.getQuote .button:hover{border-color: #34ebb6; color: #34ebb6; }
/****BUTTON CLICK EFFECT*****/

#opacityToggle{}
.ink { display: block; position: absolute; background: rgba(255, 255, 255, 0.1); border-radius: 100%; -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); transform: scale(0); }
.animate { -webkit-animation: ripple 0.65s linear; -moz-animation: ripple 0.65s linear; -ms-animation: ripple 0.65s linear; -o-animation: ripple 0.65s linear; animation: ripple 0.65s linear; }
 @-webkit-keyframes ripple { 100% {
opacity: 0;
-webkit-transform: scale(2.5);
}
}
@-moz-keyframes ripple { 100% {
opacity: 0;
-moz-transform: scale(2.5);
}
}
@-o-keyframes ripple { 100% {
opacity: 0;
-o-transform: scale(2.5);
}
}
@keyframes ripple { 100% {
opacity: 0;
transform: scale(2.5);
}
}
/****BUTTON CLICK EFFECT*****/


.share { display: inline-block; vertical-align: top; width: 68px; text-align: center; font-size: 1em; background: #fff; color: #cd4132; border-radius: 3px; border: 2px solid #b5afb4; font-family: 'ralewayextrabold'; padding: 10px 0; }
.feedback { position: absolute; right: 0; bottom: 0; border-radius: 50%; -webkit-transform: scaleX(0) scaleY(0); transform: scaleX(0) scaleY(0); }
.header-container { position: absolute; top: 0; left: 0; width: 100%; z-index: 10 }
.header-container.landingHeader { position:fixed; left:0; top:0; background: #fff; height: 53px; }
.header-container.landingHeader header { padding: 0 1.5% 0 1.5%; }
.header-container.landingHeader header .getQuote { position: absolute; right: 1.5%; top: 8px; z-index:100; margin-top: 0; }
.header-container.landingHeader header .overlay .getQuote{ right: 7%; }
.header-container.landingHeader header .getQuote .button{ padding:3px 23px; }
header { float: left; width: 100%; padding: 30px 1.5%; position: fixed; transition:0.5s; background: rgba(0, 0, 0, 0) linear-gradient(to right, #65318f, #134285) repeat scroll 0 0; }
header .logo { float: left; width: 170px; padding:13px 0; position: relative; z-index: 999; }
header .quote { float: right; }
.header-container.landingHeader .navigation li:hover a { border-radius: 0; }
.header-container.bg1 header nav li a, .header-container.bg2 header nav li a { color: #fff; }
.header-container.landingHeader header #toggle{ margin-top:0;}
.header-container.landingHeader .navigation li:hover a { border-radius: 0; }
.header-container.bg1 header nav li a, .header-container.bg2 header nav li a { color: #fff; }
.header-container.landingHeader header #toggle{ margin-top:0;}
header #toggle{ transition:0.5s;}
.logo-mark{ position:absolute; left:112px; top:13px; transform:rotate(360deg); transition:.7s; width:27px;}
.logo-desktop{ transition-delay:.7s;}
.header-container.landingHeader .logo-mark{ transform:rotate(0); opacity:1; left:0;}

.header-container.landingHeader .logo-desktop{ opacity:0; transition:0.2s;}
.header-container.landingHeader .getQuote.home{ top:9px; margin-top:0;}


.overlay-menu { float: right; text-align: right; margin-top: 150px;  padding: 0 2% 0 0;}
.navigation { float: left; margin: 0; }
.navigation ul { list-style-type: none; margin: 0; padding: 0; display: block; }
.navigation li { list-style-type: none; margin: 0; padding: 0; display: inline-block; position: relative; font-size: 17px; color: #def1f0; }
.navigation li.quote_li{ display:none;}
.navigation li a { padding: 15px 15px 14px 15px; display: inline-block; outline: 0; font-size:0.824em; font-weight: 400; color: #fff; text-transform: uppercase; position:relative; overflow:hidden; vertical-align:top; }
.navigation li:hover ul.dropdown { display: block; }
.navigation li ul.dropdown { position: absolute; display: none; width: 280px; background: #65318f; padding-top: 0; padding: 15px 0; border-radius: 0 0 4px 4px; }
.navigation li ul.dropdown:before {
	position: absolute;
	content: "";
	left: 40px;
	top: -10px;
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 10px 10px;
    border-color: transparent transparent #65318f transparent;
    line-height: 0;
    _border-color: #000000 #000000 #65318f #000000;
    _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
}






.navigation li ul.dropdown li { display: block; list-style-type: none; font-family: 'gilroylight'; }
.navigation li ul.dropdown li a { padding: 10px 15px; font-size: 0.824em; color: #fff; display: block; font-weight: 400; border-radius: 0 !important }
.navigation li ul.dropdown li a:hover { text-decoration: underline; }
.navigation li ul.dropdown li:last-child a { border-bottom: none; }
.navigation li:hover a { color: #34ebb6 !important;}
.navigation li ul.dropdown li:first-child:hover a { border-radius: 0; }
.arrow-down { float: right; margin: 5px -10px 0 10px; font-size: 10px; }
.navigation li ul.dropdown li a { box-shadow: none; }
.header-container.landingHeader .navigation li:hover a { border-radius: 0; }
.header-container.bg1 header nav li a, .header-container.bg2 header nav li a { color: #fff; }
.navBtn { display: none; width: 45px; height: 30px; position: absolute; right: 0; top: 35px; }
/*Banner css here*/
.banner-section { float: left; width: 100%; display: table; padding: 0; position: relative; background: rgba(0, 0, 0, 0) linear-gradient(to right, #65318f, #134285) repeat scroll 0 0; }
.banner-section .wrapper { position: relative; }
.BannerInner { display: table-cell; vertical-align: middle; padding: 0; }
.BannerContent { float: left; width: 100%; padding: 0 30px; position: relative; margin-top: 54px; }
.mainHoverCont1, .mainHoverCont2 { width: 100%; position: absolute; left: 0; top: 0; display: none; background-size: cover !important; height: 1373px; }
.mainHoverCont1 { background: url("../images/header-hover1.jpg") no-repeat top center; opacity: 1; z-index: 8; }
.mainHoverCont2 { background: url("../images/header-hover2.jpg") no-repeat top center; opacity: 1; z-index: 8; }
.banner-section h1 { position: relative; z-index: 9; color: #fff; }
.banner-section.bg1 h1.titleHover-1, .banner-section.bg1 h1.titleHover-1 span { color: #fff; }
.banner-section.bg2 h1.titleHover-2, .banner-section.bg2 h1.titleHover-2 span { color: #fff; }
.banner-section.bg1 .vertical-brdr, .banner-section.bg2 .vertical-brdr { display: none; }
.banner-section h1 span { color: #34ebb6; position: relative; }
.vertical-brdr { position: absolute; top: 10px; left: 0; height: 1000px; border-left: 2px solid #fff; }

/*Banner css end*/




/*solution css here*/
.white-row { background: #fff; }
.solution-list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }
.solution-list li { width: 32%; padding: 100px 2.5%; background: #fff; box-shadow: 0 5px 25px rgba(0, 0, 0, 0.1); -webkit-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; position: relative; cursor: pointer; position: relative; overflow: hidden; }
.solution-list li .feedback { width: 1000px; height: 1000px; background-color: rgba(101, 49, 143, 0.7); margin-right: -500px; margin-bottom: -500px; }
.solution-list li h2 { font-size: 1.6em; line-height: 1.2em; padding-bottom: 10px;
	background: -webkit-linear-gradient(right, #65318F 50%, #134285);
    color: #3645d9;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
 }
.solution-list li:hover { box-shadow: 0 0 20px #bcbbbc; }
.solution-list li .title { text-transform: uppercase; color:#9e9e9e !important; font-family: 'gilroylight'; }
.solution-list li .title, .solution-list li h3, .solution-list li p { color: #000; }
.title { color: #000; font-size: 3.157em; line-height: 1.150em; font-family: 'gilroyultralight'; margin-bottom: 30px; }
.title sup { font-size: 36px; vertical-align: top; display: inline-block; font-family: 'ralewaymedium'; }
.white-row h3 { font-family: 'gilroyultralight'; padding-bottom: 20px;
				background: -webkit-linear-gradient(right, #65318F 50%, #134285);
                color: #3645d9;
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent; }
.solution-list li .btn { position: absolute; right: 0; bottom: 0; padding: 0; font-size: 16px; background-color: #65318f; border-radius: 2px 0 0 0; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); color: #fff; display: inline-block; height: 60px; overflow: hidden; -webkit-transform: translateZ(0px); transform: translateZ(0px); -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; width: 60px; }
.solution-list li .small > .btn { font-size: 1.2em; right: 3.7em; }
.solution-list li .btn > span { display: block; height: 30px; margin: 16px; overflow: hidden; position: relative; -webkit-transition: -webkit-transform 0.5s ease 0s; transition: -webkit-transform 0.5s ease 0s; transition: transform 0.5s ease 0s; transition: transform 0.5s ease 0s, -webkit-transform 0.5s ease 0s; width: 30px; }
.solution-list li .btn.close > span > span, .btn.plus > span > span { -webkit-transform: scale(1, 0.2); transform: scale(1, 0.2); }
.solution-list li .btn > span > span { background-color: #fff; border: 1px solid transparent; display: block; height: 29px; left: 0; position: absolute; top: 0; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; width: 29px; }
.solution-list li .btn.close > span > span.s3, .btn.plus > span > span.s3 { -webkit-transform: scale(0.2, 1); transform: scale(0.2, 1); }
.solution-list li:hover .btn > span > span { width: 26px; height: 0.4em; -webkit-transform: translate(0, 0.8em); transform: translate(0, 0.8em); }
.solution-list li:hover .btn > span > span.s2 { -webkit-transform-origin: 100% 0; transform-origin: 100% 0; width: 19px; -webkit-transform: translate(0.6em, 1em) rotate(45deg); transform: translate(0.6em, 1em) rotate(45deg); }
.solution-list li:hover .btn > span > span.s3 { -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; width: 19px; -webkit-transform: translate(0.6em, 0.6em) rotate(-45deg); transform: translate(0.6em, 0.6em) rotate(-45deg); }
/*solution css here*/

/*our Mission*/
.our-mission-sec { padding: 100px 30px; }
.our-mission-sec .inner { max-width: 980px; margin: 0 auto; }
.our-mission-sec .inner h3{ font-size: 3em; }

.our-mission-sec .inner .blockquote { clear: both; display: block; font-size: 3.529em; line-height: 1.15em; padding-bottom: 50px; 
										 background: -webkit-linear-gradient(right, #65318F 50%, #134285);
                                         color: #3645d9;
                                        -webkit-background-clip: text;
                                        -webkit-text-fill-color: transparent; 
                                         font-family: 'gilroyultralight'; }
.our-mission-sec .inner .blockquote strong { clear: both; display: block; }
.our-mission-sec .inner p { padding-bottom: 60px; }
/*our Mission*/

/*client section start*/
.client-section { background: #efefef; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
.logo-sec .logo-list { padding: 100px 8%; float: left; }
.logo-sec .logo-list li { float: left; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 33%; margin: 30px 0; text-align: center; }
.logo-sec .logo-list li span { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 140px; min-height: 110px; background-size: 100%; cursor: auto; }
.logo-sec .logo-list li.java span{ width: 200px; }
.client-section .client-detail { background: #65318F; }
.featured-client { display: table; height: 100%; }
.featured-client .button{ border-color: #fff; color: #fff; }
.featured-client .button:hover{ border-color: #34ebb6; color: #34ebb6 ;  }
.LogoContent { display: table-cell; vertical-align: middle; padding: 150px 50px; background-size: 50% !important; }
.LogoContent .title{ font-family: "gilroybold"; }
.client-section .client-detail span.border-L { position: absolute; left: 0; top: 100px; height: 30px; border-right: 1px solid #fff; border-top: 1px solid #fff; }
.client-section .client-detail h3 { max-width: 60%; padding: 20px 0; margin: 0; padding-bottom: 0; font-size: 2em; }
.client-section .client-detail .LogoContent.clientImg h3{ font-size: 1.294em; }

.client-section .client-detail .typed-cursor { display: none; }
.client-section .client-detail .logo-box { padding: 10px 0 10px 0; }
.client-section .client-detail ul.list { margin-top: 20px; }
.client-section .client-detail ul.list li { color: #fff; }
.client-section .client-detail ul.list li span { display: inline-block; vertical-align: middle; padding: 0 20px 0 0; font-size: 20px; }
.slider-sec { display: none; }
/***Responsive Slide***/
.deSktopView { display: block !important; }
.mobileView { display: none !important; }
.logoSlideMain { overflow: hidden; float: left; width: 100%; }
ul.responsiveSlide { padding: 10px 0 !important; margin: 0 !important; top: 0; left: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; margin: 0; padding: 0; position: absolute; /*top:10%;*/ margin-top: 4vh; height: 90px; list-style-type: none; -webkit-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; }
ul.responsiveSlide li { float: left; width: 20vh!important; margin: 0 15px !important; cursor: pointer; -ms-transform: scale(0.95); -moz-transform: scale(0.95); transform: scale(0.95); }
/***Responsive Slide***/



/*client section end*/

/*Tech Curve css*/
.tech-curve-sec { background: #2d2b2d; padding: 0; width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; position: relative; overflow: hidden }
.curve-detail { max-width: 70%; display: inline-block; }
#swiffycontainer { width: 100%; height: 710px; }
.tech-curve-sec .curve-box, .tech-curve-sec .curve-detail { width: 50%; padding: 165px 50px; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; -webkit-flex-flow: column; -ms-flex-flow: column; flex-flow: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
.tech-curve-sec .curve-detail .title, .tech-curve-sec .curve-detail p { color: #fff; }
.curveContent { float: left; max-width: 485px; height: 710px; display: table; }
.curveContent .inner { display: table-cell; vertical-align: middle; }
/*Tech Curve css*/

/*Post Section*/
.featured-post-sec { width: 100%; background: #efefef; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
.featured-post-sec .post-detail { padding: 100px 115px; float: left; position: relative }
.featured-post-sec .post-detail .title { font-family: 'gilroyultralight';
	background: -webkit-linear-gradient(right, #65318F 50%, #134285);
    color: #3645d9;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;}
.featured-post-sec .post-detail .title a { color: #000; }
.whitepaper-content { float: right; max-width: 470px; }
.border-R { position: absolute; right: 0; top: 87px; border-left: 1px solid #fff; border-top: 1px solid #fff; height: 30px; }
.featured-post-sec .white-paper-box { background-size: cover !important; padding: 150px 120px; }
/*Post Section*/

/*Leadership Section css*/
.leadership-sec { float: left; width: 100%; position: relative; overflow: hidden; }
.lead-box { float:left; width:100%; padding-bottom: 20px; }
.lead-box h3{ clear:both;}
.lead-box h3 a{ color:#000;}
.lead-box p{ min-height:126px;}
.lead-box .img-box { float: left; width: 100%; overflow: hidden; }
.leadership-sec .owl-prev { background: #ebebeb url(../images/arrow-left.png) no-repeat center center; width: 60px; height: 60px; position: absolute; left: 0; top: 45%; }
.leadership-sec .owl-next { background: #ebebeb url(../images/arrow-right.png) no-repeat center center; width: 60px; height: 60px; position: absolute; right: 0; top: 45%; }
.loadMore li { display: none; }
#loadMore { text-align: center; width: 100%; display: none; }
/*Leadership Section css*/


/*=========HOME PAGE CSS END HERE==========*/




/*=========SERVICES PAGEs CSS START HERE==========*/

.commonBanner { float: left; width: 100%; }
.commonBanner .BannerContent { padding: 0 30px; }
.commonBanner .BannerContent h1 { line-height: 1.083em; padding-bottom: 40px; position:relative; margin-top:-8px; }
.commonBanner .BannerContent h1 sup { display: inline-block; font-size: 35px; vertical-align: top; }
.commonBanner .BannerContent h2 { line-height: 1.16em; font-size:2em; padding-bottom: 40px; position:relative; color: #fff; }
.commonBanner .BannerContent h4 { width: 80%; font-size: 1.412em; color: #fff; line-height: 1.529em; }
.commonBanner .BannerContent .vertical-brdr { top: 0; border-color: #fff; border-width: 2px; height: 1035px; }
/*About Css Starts Here*/
.aboutSec { float: left; width: 100%; padding: 89px 0 0 0; }
.our-mission-sec { float: left; width: 100%; position: relative; }
.commonRow { padding: 200px 0 245px 0; }
.our-mission-sec.commonRow { background: #efefef; }
.aboutSec ul.about-list li { float: left; width: 33.333%; padding: 10px 0; }
.aboutSec ul.about-list li:first-child { padding: 10px 10px 10px 20px; }
.aboutSec ul.about-list li sup { display: inline-block; vertical-align: top; font-size: 28px; }
.aboutSec ul.about-list li .title { font-size: 3em; font-family: 'gilroymedium';}
.aboutSec ul.about-list li h3 { float: left; width: 100%; height: 173px; font-size: 2em; line-height: 1.176em; padding-bottom: 20px; }
.aboutSec ul.about-list li h3:last-child { height: auto; padding-bottom: 0; }
.aboutSec ul.about-list li h3 strong { font-family: 'gilroybold'; }
.left-border { border-left: 1px solid #cccccc; padding: 0 0 0 30px; margin: 0 0 35px 0; min-height: 135px; }
.left-border:last-child { margin-bottom: 0; }
.our-mission-sec .inner .blockquote .boldText { font-family: 'gilroybold'; }
.our-mission-sec .inner .blockquote sup { font-size: 30px; vertical-align: top; font-family: 'ralewaymedium'; display: inline-block; }
.commAnimSection .animSec.redBg { background: #65318F; text-align: center; padding-top: 0; padding-bottom: 0; }
.whiteBg { background: #ffffff; }
.commAnimSection .animSec.yellowBg { background: #134285; text-align: center; padding-top: 0; padding-bottom: 0; }
.tableDiv { display: table; width: 100%; height: 802px; }
.tableCell { display: table-cell; vertical-align: middle; }
.animRow { width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; position: relative; overflow: hidden }
.anmCont1 { display: inline-block; vertical-align: middle; width: 175px; height: 238px; position: relative; transform: rotate(-360deg); -webkit-transform: rotate(-360deg); -moz-transform: rotate(-360deg); opacity: 0; transition: 3s; -webkit-transition: 3s; -moz-transition: 3s; }
.commAnimSection .animSec { width: 50%; padding: 165px 115px;  -webkit-flex-flow: column; -ms-flex-flow: column; flex-flow: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
.commAnimSection .animSec .anmContent { display: inline-block; vertical-align: top; max-width: 470px; text-align: left; position: relative; z-index: 2; }
.commAnimSection .animSec .anmContent .title{ color: #000; font-family: 'gilroybold';}
.commAnimSection .animSec h3 { font-size: 1.53em; width: 80%; line-height: 1.364em; padding-bottom: 40px; color: #000; font-family: 'gilroymedium'; }
.aboutContent.commAnimSection .animSec h3{ color: #9e9e9e;  }
.commAnimSection .animSec h3 a{ color: #000; text-decoration: underline; }
.commAnimSection .animSec p {  width: 80%; padding-bottom: 0; }
.commAnimSection .animSec p a{ color: #9E9E9E; text-decoration: underline; }
.commAnimSection .animSec strong { font-family: 'gilroybold'; }
.serviceCommonRow { float: left; width: 100%; padding: 225px 30px; position: relative; overflow: hidden; background: #2d2b2d; }
.animImground { position: absolute; max-width: 33.5%; left: 61.5%; top: -450px; transition: 1s; -webkit-transition: 1s; -moz-transition: 1s; opacity: 0; }
.serviceCommonRow .title { color: #fff; }
.serviceCommonRow h3 { font-size: 2em; color: #fff; line-height: 1.176em; }
.serviceCommonRow h3 strong { font-family: 'ralewaybold'; }
.serviceCommonRow h3 sup { display: inline-block; vertical-align: top;  font-size: 20px; }
.serviceCommonRow a img { vertical-align: middle; margin: 0 5px 0 -5px; }
.bottomContainer { float: left; width: 100%; padding: 180px 0; background: url(../images/bottomBg.jpg) no-repeat left top; background-size: cover; position: relative; }
.download.button{ background: url(../images/download-icon.png) no-repeat 15px -66px; padding: 12px 23px 12px 38px; }
.download.button:hover{ background-position:15px 17px  ;}
/*About Css End Here*/




/*=========SERVICES PAGE CSS END HERE==========*/


/*=========MATRIX PAGE CSS START HERE==========*/
.matrix-page { background: #2e2b2e; }
.matrix-page  .navigation li a{ color:#fff;}
.matrix-page .mainHeader.landingHeader  .navigation li a{ color:#000;}
.matrix-page .banner-section { float: left; width: 100%; background: #201f20 url(../images/matrix-bannerBG.jpg) no-repeat bottom center; background-size: cover; overflow:hidden }
.matrix-page .BannerContent { padding: 0 30px; }
.matrix-page h1 { color: #fff; padding-bottom: 20px; }
.matrix-page h4 { color: #fff; font-size: 1.294em; line-height: 1.364em; padding-bottom: 50px; }
.matrix-page p { color: #fff; }
.matrix-page h4.yellow { color: #ffcd1e; padding: 0 }
.matrix-page .vertical-brdr { border-left: 2px solid #5d5c5d; }
/*Mission Statement css start*/
.mission-section { float: left; width: 100%; background: #000000; padding: 170px 0; }
.mission-section .inner { margin: 0 auto; max-width: 980px; }
.mission-section blockquote { font-size: 3.529em; line-height: 1.167em; font-family: 'gilroyultralight'; color: #fff; padding-bottom: 0; }
.mission-section blockquote em { font-style: italic; }
.mission-section p {  padding: 0; }
/*Mission Statement css end*/

/*matrix Graph Section*/
.matrix-container { float: left; width: 100%;}
.matrixWrapper { max-width: 1420px; display:table-cell; vertical-align:middle; text-align:center;}
.matrixRow { width: 100%; overflow:hidden; display:table;}
.graphContent .title { color: #fff;}
.graphDiv { display:inline-block; vertical-align:middle; max-width: 723px; position:relative; margin:0 100px 0 0; animation-delay:0;}
.graphContent { display:inline-block; text-align:left; vertical-align:middle; max-width: 580px; position:relative; animation-delay:1s;}
.matrixRow .graphContent{ text-align:left; animation-delay:.5s;}
.matrixRow .graphContent h3.font-2em{ font-size:2em; line-height:1.176em;}
.graphContent h3 { color: #fff; padding-bottom: 20px;}
.graphContent .yellow { color: #ffcd1e; }
.graphContent ul{ float:left; width:100%;}
.graphContent ul li{ font-size:1em; color: #fff; padding:7px 0 7px 90px;}
.graphContent ul li span{ padding: 0 10px 0 0;}
.graphContent ul li.fedex{ background:url(../images/fedex-icon.png) no-repeat left center;}
.graphContent ul li.uber{ background:url(../images/uber-icon.png) no-repeat left center;}
.graphContent ul li img{ vertical-align:middle;}

/*matrix Graph Section*/



/*=========MATRIX PAGE CSS END HERE==========*/


/*=========CLIENTS PAGE CSS START HERE==========*/
#clientCounterDiv { position: relative; float: left; width: 100%; overflow: hidden; }
#clientCounterDiv .animImground { left: -30px; right: inherit; z-index: 1; }
.clientRow { float: left; width: 100%; padding-bottom: 90px; }
.clientRow ul { float: left; width: 100%; padding: 20px 0 50px 0; }
.clientRow ul li { float: left; width: 100%; border-bottom: 1px solid #cccccc; padding: 35px 0; position: relative; opacity: 0; }
.our-mission-sec .inner .clientRow ul li h3{ font-size: 2em; }
.clientRow ul li:last-child { border: none; }
#listAnimSection.visible ul li { opacity: 1; }
.our-mission-sec .inner ul li p { margin: 0; padding: 0; }
.clientInfo .anmContent { margin-right: 115px; }
.clientInfo .anmContent p { padding-bottom: 30px; }
.clientInfo .anmContent p a{ color: #9e9e9e; text-decoration: underline; }
.client-box { float: left; width: 100%; }
.client-box ul { float: left; width: 100%; list-style: none; }
.client-box ul li { float: left; width: 50%; height: 50%; position: relative }
.client-box ul li.blackBg { background: #000; }
.client-box ul li.whiteBg { background: #fff; }
.client-box ul li.yellowBg { background: #65318F; }
.client-box ul li.yellowBg  .locoContentbox .numCount, .client-box ul li.yellowBg .locoContentbox h4{ color: #fff; }
.grayBg { background: #efefef; }
.imgBox { float: left; width: 100%; height: 100%; }
.imgBox img { width: 100%; }
.client-box .logo-box { width: 100%; padding:0; display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex; -webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;-ms-grid-row-align: center;align-items: center; height: 100%; -webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}
.client-box .logo-box.travellComp img{ width:40%; min-width:130px;}
.client-box .logo-box.globalMedia img{ width:40%; min-width:130px;}


.client-box .logo-box img { width: 100%; }
.locoContentbox { position: absolute; padding: 65px; width: 100%; height: 100%; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center }
.locoContentbox .numCount { color: #000; font-size: 3.529em; line-height: 1.150em; font-family: 'gilroybold'; padding: 0 0 20px 0; }
.locoContentbox h4 { font-size: 1.294em; line-height: 1.364em; color: #000; }
.bottomContent { position: relative; z-index: 2 }
.bottomContent .button{ border-color: #000; color: #000; }
.bottomContent .button:hover{border-color: #34ebb6; color: #34ebb6; }


.bottomContainer.bg2 { background: url(../images/bottomBg2-hover.jpg) no-repeat top center; position: relative; transition: 0.5s; }
.bottomContainer:before { position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ""; background: rgba(255, 255, 255, 0.0); transition: 0.5s; }
.bottomContainer:hover:before { background: rgba(255, 255, 255, 0.8); }
/*FeaturedClient*/
.pad-tb-220 { padding: 160px 0; }
.bottomContent  .formBtn{ border-color: #000; color: #000; }
.clients-landing { float: left; width: 100%; background: #fff; padding: 15px; }
.clients-landing .clientList { width: 100%; width: 100%; }
.clients-landing .clientList li { float: left; width: 33.3333%; padding: 15px; }
.clients-landing .clientList li .clientBox{ float: left; width: 100%; position: relative; }
.clients-landing .clientList li .logoBox { position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: 25% 20%; box-sizing: border-box; background: #efefef; transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; cursor: pointer; overflow: hidden; }
.clients-landing .clientList li .logoBox:hover { background-color: #65318F; box-shadow: 0 0 20px #bcbbbc; -webkit-box-shadow: 0 0 20px #bcbbbc; -moz-box-shadow: 0 0 20px #bcbbbc; }
.clients-landing .clientList li .logoBox:hover .logoText, .clients-landing .clientList li .logoBox:hover h3{ color: #fff; }
.clients-landing .clientList li .logoBox .hoverContent { padding-top: 80px; opacity: 0; transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; }
.clients-landing .clientList li .logoBox:hover .hoverContent { padding-top: 20px; opacity: 1; }
.additionalClients { float: left; width: 100%; padding: 100px 0 0 0; }
.additionalClients .addLogoList { float: left; width: 100%; padding: 50px 0 0 0; }
.additionalClients .addLogoList li { float: left; width: 13%; margin: 0 16% 80px 0; min-height: 150px; text-align: center;  }
.clients-landing .clientList li .transparentDiv{ float: left; width: 100%; }
.clients-landing .clientList li .transparentDiv img{ width: 100%; }
.additionalClients .addLogoList li:nth-child(4n) { margin-right: 0; }
.clientbanner{ height:auto !important;}
.additionalClients .addLogoList li.logo-3{ background-size:100% !important} 
.additionalClients .addLogoList li.logo-7{ background-size:60% !important} 
.additionalClients .addLogoList li.logo-8{ background-size:80% !important} 
.additionalClients .addLogoList li.ruby{ background-size:80% !important}
.additionalClients .addLogoList li.php{ background-size:80% !important}
.additionalClients .addLogoList li.net{ background-size:80% !important}
.additionalClients .addLogoList li.java{ background-size:50% !important}
.additionalClients .addLogoList li.python{ background-size:100% !important}
.additionalClients .addLogoList li.mysql{ background-size:90% !important}
.additionalClients .addLogoList li.cassandra{ background-size:70% !important}
.additionalClients .addLogoList li.sql-server{ background-size:70% !important}
.additionalClients .addLogoList li.jfrog{ background-size:50% !important}
.additionalClients .addLogoList li.circleci{ background-size:70% !important}
.additionalClients .addLogoList li.bamboo{ background-size:100% !important}
.additionalClients .addLogoList li.chef{ background-size:70% !important}
.additionalClients .addLogoList li.puppet{ background-size:70% !important}
.additionalClients .addLogoList li.ansible{ background-size:60% !important}
.additionalClients .addLogoList li.selenium{ background-size:55% !important}
.additionalClients .addLogoList li.mlbpa{ background-size:55% !important}

.additionalClients .addLogoList li.adobe{ background-size:50% !important}
.additionalClients .addLogoList li.axsure{ background-size:100% !important}
.additionalClients .addLogoList li.balsamiq{ background-size:100% !important}
.additionalClients .addLogoList li.bootstrap{ background-size:50% !important}
.additionalClients .addLogoList li.framerjs{ background-size:60% !important}
.additionalClients .addLogoList li.invision{ background-size:80% !important}
.additionalClients .addLogoList li.omnigraffle{ background-size:80% !important}
.additionalClients .addLogoList li.pixate{ background-size:100% !important}
.additionalClients .addLogoList li.sketchlogo{ background-size:50% !important}
.additionalClients .addLogoList li.typeform{ background-size:100% !important}


.clients-landing .clientList li .logoBox .clientLogo{ padding-top:20%; transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s;}
.clients-landing .clientList li .logoBox .clientLogo.travelLogo img{ width: 15%;  }

.clients-landing .clientList li .logoBox .logoText{ width: 120%; padding-top: 15px; color: #000; font-size: 2em; line-height: 1.271em; font-family: 'gilroymedium'; }

.clients-landing .clientList li .logoBox:hover .clientLogo{ padding-top:0; }
.clients-landing .clientList li.logo-1 .clientLogo{ padding-top:38%;}
.clients-landing .clientList li.logo-1 .logoBox:hover .clientLogo{ padding-top:15%;}

.clients-landing .clientList li.logo-3 .clientLogo{ padding-top:25%;}
.clients-landing .clientList li.logo-4 .clientLogo{ padding-top:17%; }
.clients-landing .clientList li.logo-6 .clientLogo{ padding-top:10%; }
.clients-landing .clientList li.logo-4 .logoBox:hover .clientLogo{ padding-top:0;}
.clients-landing .clientList li.logo-5 .clientLogo{ padding-top:0%;}
.clients-landing .clientList li.logo-5 .logoBox:hover .clientLogo{ margin-top: -50px }


.clients-landing .clientList li .logoBox .logoHover{ display: none;}
.clients-landing .clientList li .logoBox:hover .logoHover{ display:inline-block;}
.clients-landing .clientList li .logoBox:hover .logoMain{ display:none;}




/*FeaturedClient*/

/*=========CLIENTS PAGE CSS END HERE==========*/



/*=========ABOUT PAGE CSS START HERE==========*/
.commonBanner .BannerContent h2 small{  font-size: 0.85em; line-height: 1.16em;color:#fff;}
.aboutbannerList{ position:relative; padding:30px 0 0 0;}
.aboutbannerList li { font-size:1.6em; line-height:1.26em; color:#fff; }
.aboutbannerList li span{ float:right; width:87%;}
.aboutContent .LogoContent h3{ max-width:100%;}
.aboutContent .serviceList li .contentBox{ padding-left:0}
.aboutContent h3{ position:relative}
.imageSection1 img, .imageSection2 img{ width:100%;}




/*=========ABOUT PAGE CSS END HERE==========*/

/*=========SERVICE PAGE CSS START HERE==========*/

.bannerList { padding: 10px 0 0 35px; position:relative }
.bannerList li { padding: 0 0 0 30px; background: url(../images/bullet.png) no-repeat left center; font-size: 2em; line-height: 1.6em; font-size:1.6em; color: #fff; }
.ourService { float: left; width: 100%; }
.ourService .title { position: relative; margin-bottom: 0; }
.productExperiancerow .inner p { padding-bottom: 30px; }
.productExperiancerow .inner a { margin-top: 70px; color: #9e9e9e; text-decoration: underline; }
.productExperiancerow .inner .button:hover{ color: #34ebb6; }

.commAnimSection.ourService .animSec.redBg { padding-top: 165px; padding-bottom: 165px; text-align: right }
.serviceList { float: left; width: 70%; }
.serviceList li { float: left; width: 100%; border-bottom: 1px solid #ccc; margin-bottom: 25px; position: relative; }
.serviceList li:last-child { border-bottom: none; margin-bottom: 0; }
.commAnimSection.ourService .serviceList li h3 { padding: 0; }
.commAnimSection.ourService .serviceList li p { width: 100%; padding-bottom: 20px; }
.iconBox { position: absolute; left: 0; top: 0; display: inline-block; vertical-align: middle; width: 102px; text-align: center; }
.iconBox img{ width:50px;}
.contentBox { float: left; padding-left: 102px; }
.userExperiance { float: left; width: 100%; }
/*=========SERVICE PAGE CSS END HERE==========*/

/*=========SOLUTION PAGE CSS START HERE==========*/
.solutionSection { float: left; width: 100%;}
.solutionSection { position: relative; height: 100%;}
.solutionRowInnerWrap { height: 100%; margin: 0 auto; max-width: 1160px; position: relative;}
.solutionRow { background: #fff none repeat scroll 0 0; padding: 0 35px; border-bottom: 1px solid #cccccc; cursor: pointer; height: 225px; overflow: hidden;   transition: background 0.3s linear 0s;
}
.dottedSeparator {  background: rgba(0, 0, 0, 0) url("../images/separator.png") repeat-y scroll right top; height: 100%; position: absolute;  right: 0;
    top: 0; width: 2px;  z-index: 1;
}
.indicateIcon { position: absolute; right: -29px; top: 50%; transform: translateY(-50%); width: 60px; z-index: 3;}
.solutionRowContent { position: relative; top: 50%; transform: translateY(-50%); z-index: 1; padding-right: 50px;}
.solutionRow h2 {    background: -webkit-linear-gradient(right, #65318F 50%, #134285);
                    color: #3645d9;
                    -webkit-background-clip: text;
                    -webkit-text-fill-color: transparent; font-family: "gilroyultralight"; font-size: 2.118em; padding: 0 0 5px; text-transform: uppercase;
}
.solutionRow h3 { color: #b4aeb5; font-family: "gilroylight"; font-size: 1.412em;}
.bgElm1, .bgElm2, .bgElm3{ position: absolute; opacity:0; transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;}
.webapp-bgElm1{ top: 0; left: 0;}
.webapp-bgElm1.bgElm1Anim{ opacity:1; top: 17px; transition-delay: 0.4s;}
.webapp-bgElm2{ top: 0; left: 60%;}
.webapp-bgElm2.bgElm2Anim{ top: 20px; opacity: 1; transition-delay: 0.2s;}
.webapp-bgElm3{ bottom: -200px; right: -260px;}
.webapp-bgElm3.bgElm3Anim{ bottom: -150px; opacity: 1;}

.mobile-bgElm1{ top: 0; left: -20px;}
.mobile-bgElm1.bgElm1Anim{ opacity:1; top: 12px; transition-delay: 0.4s;}
.mobile-bgElm2{ bottom: 0; left: 45%;}
.mobile-bgElm2.bgElm2Anim{ bottom: 15px; opacity: 1; transition-delay: 0.2s;}
.mobile-bgElm3{ bottom: -100px; right: -200px;}
.mobile-bgElm3.bgElm3Anim{ bottom: -30px; opacity: 1;}

.software-bgElm1{ top: 0; left: -20px;}
.software-bgElm1.bgElm1Anim{ opacity:1; top: 12px; transition-delay: 0.4s;}
.software-bgElm2{ bottom: 0; left: 60%;}
.software-bgElm2.bgElm2Anim{ bottom: 15px; opacity: 1; transition-delay: 0.2s;}
.software-bgElm3{ bottom: -200px; right: -200px;}
.software-bgElm3.bgElm3Anim{ bottom: -140px; opacity: 1;}


.technology-bgElm1 { top: 0; left: 0; }
.technology-bgElm1.bgElm1Anim { opacity: 1; top: 17px; transition-delay: 0.4s; }
.technology-bgElm2 { bottom: 0; left: 70%; }
.technology-bgElm2.bgElm2Anim { bottom: 60px; opacity: 1; transition-delay: 0.2s; }
.technology-bgElm3 { bottom: -200px; right: -140px; }
.technology-bgElm3.bgElm3Anim { bottom: -135px; opacity: 1; }
.application-bgElm1 { top: 0; left: 0; }
.application-bgElm1.bgElm1Anim { opacity: 1; top: 17px; transition-delay: 0.4s; }
.application-bgElm2 { bottom: 0; left: 70%; }
.application-bgElm2.bgElm2Anim { bottom: 60px; opacity: 1; transition-delay: 0.2s; }
.application-bgElm3 { bottom: -200px; right: -140px; }
.application-bgElm3.bgElm3Anim { bottom: -80px; opacity: 1; }

.business-automation-bgElm1 { top: 0; left: 0; }
.business-automation-bgElm1.bgElm1Anim { opacity: 1; top: 17px; transition-delay: 0.4s; }
.business-automation-bgElm2 { bottom: 0; left: 60%; }
.business-automation-bgElm2.bgElm2Anim { bottom: 30px; opacity: 1; transition-delay: 0.2s; }
.business-automation-bgElm3 { bottom: -200px; right: -180px; }
.business-automation-bgElm3.bgElm3Anim { bottom: -80px; opacity: 1; }



/*=========SOLUTION PAGE CSS END HERE==========*/

/*=========CONTACT PAGE CSS END HERE==========*/
.formSec{ float:left; width:100%; padding:100px 0;} 
.formSec label{ font-size:14px; color: #fff;  padding-bottom:5px;}
.formSec input[type="text"], .formSec input[type="tel"], .formSec input[type="email"]{ background:#fff; border:none; padding:10px; height:auto;}
.formSec textarea{ background:#fff; border:none; padding:10px; height:auto; resize:none; min-height:150px;}
.formSec a{ color: #fff; text-decoration:underline;}
.formSec a:hover{ text-decoration:none;}
.formBtn{ display:block; width:100%; border: 3px solid #fff; background: none; padding:10px; color:#fff; font-size:1.2em; transition:0.5s; -moz-transition:0.5s; -webkit-transition:0.5s; text-decoration:none !important; overflow: hidden; position: relative;}
.formBtn:focus, .formBtn:hover{ z-index: 10000; border-color: #34ebb6; color: #34ebb6; }


.contactMap-section .map{ position:relative;}
.contactMap-section{ float:left; width:100%; padding:90px 0;}
.contactMap-section .cityName { clear: both; display: block; font-size: 3.529em; line-height: 1.25em; font-family: 'gilroyultralight'; color: #000; }
.our-offices a{ display:inline-block; vertical-align:top; font-size: 1.294em; line-height: 1.25em; color:#000; text-decoration:underline; margin-top:15px;}
.our-offices a:hover{ text-decoration:none;}
.yellow-bullet{ position:absolute; background:#65318F; width:20px; height:20px; border-radius:100%; box-shadow:0 0 10px #666; margin:0;}
.newYork{ left:24.5%; top:42.5%;}
.london{ left:45.5%; top:32.1%;}
.delhiNsez{ left:67.5%; top:49.3%;}
.delhiSec2{ left:68%; top:50.2%;}
.teamList li{ padding-bottom:30px }
.teamList li img{ width:100%;}

/****validation****/
.has-error .form-control{ border:1px solid #e74c3c !important; color: #e74c3c !important; }

/****validation****/

/*=========CONTACT PAGE CSS END HERE==========*/

/*=========CARRER PAGE CSS END HERE==========*/

.carrerSec .tableDiv{ height:auto;}
.carrerSec .tableCell img{ width:100%;}
.carrerSec .animSec{ padding-top:0; padding-bottom:0; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex;}
.anmContent.flexRight{ -webkit-align-self: flex-end; -ms-flex-item-align: end; align-self: flex-end;}


.our-team{ float:left; width:100%; padding:70px 0 0 0;}
.our-team h3{ font-size:2em;  padding-bottom:80px;}
.our-team  .teamList li{ text-align:center;}
.our-team  .teamList li .box{ position:relative; width:100%; display:inline-block; vertical-align:top; text-align:left; }
.our-team  .teamList li .box img{ width:100%;}
.our-team  .teamList li .strip{ width:100%; position:absolute; left:0; bottom:0; padding:15px 25px;}
.our-team  .teamList li .strip span{ color:#fff;font-size:1.294em; font-family: 'gilroybold'; text-shadow:0 0 30px #000;}
.our-team  .teamList li .box .btn { position: absolute; right: 0; bottom: 0; padding:0; font-size:16px; background-color: #65318F; border-radius: 2px 0 0 0; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); color: #fff; display: inline-block; height: 60px; overflow: hidden; -webkit-transform: translateZ(0px); transform: translateZ(0px); -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; width: 60px; }
.our-team  .teamList li .box .small > .btn { font-size: 1.2em; right: 3.7em; }
.our-team  .teamList li .box .btn > span { display: block; height: 30px; margin: 16px; overflow: hidden; position: relative; -webkit-transition: -webkit-transform 0.5s ease 0s; transition: -webkit-transform 0.5s ease 0s; transition: transform 0.5s ease 0s; transition: transform 0.5s ease 0s, -webkit-transform 0.5s ease 0s; width: 30px; }
.our-team  .teamList li .box .btn.close > span > span, .btn.plus > span > span { -webkit-transform: scale(1, 0.2); transform: scale(1, 0.2); }
.our-team  .teamList li .box .btn > span > span { background-color: #fff; border: 1px solid transparent; display: block; height: 29px; left: 0; position: absolute; top: 0; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; width: 29px; }
.our-team  .teamList li .box .btn.close > span > span.s3, .btn.plus > span > span.s3 { -webkit-transform: scale(0.2, 1); transform: scale(0.2, 1); }
.our-team  .teamList li .box:hover .btn > span > span { width: 26px; height: 0.4em; -webkit-transform: translate(0, 0.8em); transform: translate(0, 0.8em); }
.our-team  .teamList li .box:hover .btn > span > span.s2 { -webkit-transform-origin: 100% 0; transform-origin: 100% 0; width: 19px; -webkit-transform: translate(0.6em, 1em) rotate(45deg); transform: translate(0.6em, 1em) rotate(45deg); }
.our-team  .teamList li .box:hover .btn > span > span.s3 { -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; width: 19px; -webkit-transform: translate(0.6em, 0.6em) rotate(-45deg); transform: translate(0.6em, 0.6em) rotate(-45deg); }

.bottomContainer.yelloBg:before { position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ""; transition: 0.5s; }
.bottomContainer.yelloBg:hover:before { background:#fece1c ; }
.lg-backdrop{ position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.7);  z-index:9999;}
.lg-outer{ position:fixed; left:0; top:0; width:100%; height:100%; z-index:99999;}
.lg{ position:absolute; left:50%; transform:translateX(-50%) translateY(-50%); -webkit-transform:translateX(-50%) translateY(-50%); -moz-transform:translateX(-50%) translateY(-50%); top:50%; height:auto !important; width:auto !important; max-width:650px;}
.lg-inner, .lg-item, .lg-img-wrap{ float:left; width:100%; height:100%;}
.lg-img-wrap img{ width:100%; height:100%;}
.lg-sub-html{ position:absolute; background:url(../images/shadow-strip.png) repeat-x left top; bottom:0; left:0; width:100%; padding:70px 30px 30px 30px;}
/*.lg-on{ overflow:hidden; padding-right:17px;}*/
.lg-close{ position:absolute; right:-40px; top:-40px; height:30px; width:30px; background: url(../images/close-icon.svg) no-repeat left top; background-size:100%; cursor:pointer;}
.lg-sub-html h3{ color: #fff; font-family: 'gilroybold';}
.lg-sub-html h4{font-size: 1.294em; color:#fff; padding-bottom:20px;}
.lg-sub-html p{ color:#fff; padding-bottom: 0;}
/*=========CARRER PAGE CSS END HERE==========*/

/*=========OPENINGS PAGE CSS START HERE==========*/
.currentOpening{ float:left; width:100%; padding:90px 0;}
#resumator-job-frame{ float:left; height:auto; min-height: 1250px; overflow:auto;}

/*=========OPENINGS PAGE CSS END HERE==========*/


/*=========ADDITIONAL PAGE CSS START HERE==========*/
.additional-section .ceo-pic{ display:inline-block; vertical-align:top; position:relative; border-radius:100%; overflow:hidden;}
.additional-section .ceo-pic img{ width:100%;}
.ceoSign{ font-family:"PalatinoLinotype-Roman"; font-size:1.412em; color:#000; font-weight:700;}
.signature { padding:70px 0 0 0;}

/*=========ADDITIONAL PAGE CSS END HERE==========*/


/*=========LEADERSHIP PAGE CSS START HERE==========*/
.leadership-container{ display: table; width:100%; padding:80px 0;}
.leaderShip-img { position: relative; }
.leaderShip-img img{ width:100%;}
.leaderShip-img:after{ position: absolute; content: ""; left: 0; top: 0; height: 100%; width: 100%; background: rgba(255, 255, 255, 0.7); }

.banner-section .leadership-container h1{ padding:50px 0; margin:0; min-height:10px;}
.leadershipForm { float:left; width:100%; padding:15px 0;}
.leadershipForm label{ float:left; width:100%; color:#000; font-size:14px; color: #000;font-family: 'gilroylight';}
.innerContent{ position: absolute; left: 0; top: 0; padding: 0 10% 0 10%; height: 100%; }
.banner-section .leadership-container .innerContent h1{ padding: 0 0 25px 0; color: #000;}
.innerContent .col-md-12{ display: table; height: 100%; }
.innerContent .col-md-12 .leadCell{ width: 100%; display: table-cell; vertical-align: middle; }


/*=========LEADERSHIP PAGE CSS END HERE==========*/



/*=========404 PAGE CSS START HERE==========*/
.banner-section.bg-404{ background:url(../images/bg-404.jpg) no-repeat top center; background-size:cover; position: relative;}
.banner-section.bg-404:before{ content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0) linear-gradient(to right, #65318f, #134285) repeat scroll 0 0; opacity: 0.8; }
.banner-section.bg-404 h1, .banner-section.bg-404 h2, .banner-section.bg-404 h3, .banner-section.bg-404 h4{ color:#fff !important;}
/*=========404 PAGE CSS END HERE==========*/





/*=========Footer Css Start Here==========*/
footer { padding: 30px; background: #2d2b2d; }
footer .footer-nav { display: inline-block; }
footer .footer-nav li { display: inline-block; border-right: 2px solid #ababab; padding: 0 24px 0 0; margin: 0 20px 0 0; line-height: 16px; }
footer .footer-nav li:last-child { border: none; }
footer .footer-nav li a { color: #fff; font-size: 16px; line-height: 12px; }
footer p { float: right; color: #fff; font-size: 0.824em; line-height: 1.250em; padding: 0; }
/*=========Footer Css End Here==========*/

/*=========Centers of Excellence Here==========*/
.commAnimSection.ourService .animSec h2.excellence-sd-title{color:#000000; font-size:18px; line-height:26px; margin-bottom:41px;max-width:478px; border-bottom:1px solid #ccc; padding-bottom:36px;}
.centers-of-excellence .productExperiancerow h4{color:#000000;font-size:18px;line-height:23px;font-family:'gilroyregular';margin-top:29px; padding-bottom: 15px;}
.centers-of-excellence .serviceList li{margin-bottom: 42px;}
.centers-of-excellence .serviceList li:first-child .iconBox img{margin-top:7px;}
.centers-of-excellence .commAnimSection.ourService .serviceList li p{padding-bottom: 29px;}
.centers-of-excellence .commAnimSection .animSec{padding-top:135px;padding-bottom:45px;}
.centers-of-excellence .commAnimSection.ourService .animSec.redBg{  padding-top: 128px;padding-right:95px;}
.centers-of-excellence .ourService .title{font-size: 3.52em;}
.centers-of-excellence .our-mission-sec .inner .blockquote{padding-bottom: 63px;}
.centers-of-excellence .productExperiancerow .inner p{padding-bottom: 28px;}
.centers-of-excellence .productExperiancerow .inner p:last-child{  padding-bottom: 7px;}
.centers-of-excellence .our-mission-sec .inner{max-width: 962px;}
.centers-of-excellence  .our-mission-sec{padding-top:105px;padding-bottom:105px;}
.centers-of-excellence .serviceList{  max-width: 472px;}
.centers-of-excellence .iconBox{ width: 96px;}
.centers-of-excellence .commonBanner .BannerContent h1{padding-bottom: 36px;}
/*=========Centers of Excellence End Here==========*/

/*=========Engagement Models of Excellence Here==========*/
.eg-model-list{width:100%;float:left;background:#f7f7f7;padding:82px 0 58px;position:relative;}
.eg-model-list .container{max-width:1005px;}
.eg-model-list h3{color:#000000; font-size:3.53em; line-height:1.043em; margin-bottom: 19px;}
.eg-model-list h4{color:#9E9E9E; font-size:2em; line-height:1.2em;  margin-bottom: 10px;}
.eg-model-list ul{max-width:968px;}
.eg-model-list ul li{padding:30px 0 34px; border-bottom:1px solid #cccccc; color:#9E9E9E; font-size:1.29em; line-height:24px; }
.eg-model-list ul li:last-child{border:0px;}
.eg-model-list#hybrid-development{background:#f0f0f0;}
.eg-model-list#offshore{background:#e8e8e8;}
.eg-model-list#global-delivery{background:#e0e0e0;}
.eg-model-list#strategic-partnership{background:#d9d9d9;}
.engagementBanner p span{color:#fff;font-size:1.375em;line-height:1.27em;}
.engagementBanner p {padding-top:32px;max-width:763px;}
.engagementBanner.commonBanner .BannerContent  h1{padding-bottom:26px;}
.eng-body.opacity{position:static;background:none;}
/*=========Engagement Models of Excellence End Here==========*/


/*****Home Page Nav*******/


.button_container { position: fixed; top: 14px; margin-top:29px; right: 2%; height: 27px; width: 35px; cursor: pointer; z-index: 100; -webkit-transition: opacity .5s ease; transition: opacity .25s ease; }
.button_container:hover { opacity: .7; }
.button_container.active .top { -webkit-transform: translateY(11px) translateX(0) rotate(45deg); transform: translateY(11px) translateX(0) rotate(45deg); background: #FFF; }
.button_container.active .middle { opacity: 0; background: #FFF; }
.button_container.active .bottom { -webkit-transform: translateY(-11px) translateX(0) rotate(-45deg); transform: translateY(-11px) translateX(0) rotate(-45deg); background: #FFF; }
.button_container span { background: #fff; border: none; height: 4px; width: 100%; position: absolute; top: 0; left: 0; -webkit-transition: all .35s ease; transition: all .35s ease; cursor: pointer; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; }
.button_container:hover span:nth-of-type(2){ width:100%;}
.button_container span:nth-of-type(2) { top: 11px; width:76%; }
.button_container span:nth-of-type(3) { top: 22px; }
.overlay { position: fixed; background: rgba(0, 0, 0, 0) linear-gradient(to right, #65318f, #134285) repeat scroll 0 0; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; visibility: hidden; -webkit-transition: opacity .35s, visibility .35s, height .35s; transition: opacity .35s, visibility .35s, height .35s; overflow: hidden; }
.overlay.open { opacity: 1; visibility: visible; }
.overlay.open li { -webkit-animation: fadeInRight .5s ease forwards; animation: fadeInRight .5s ease forwards; -webkit-animation-delay: .35s; animation-delay: .35s; }
.overlay.open li:nth-of-type(2) { -webkit-animation-delay: .4s; animation-delay: .4s; }
.overlay.open li:nth-of-type(3) { -webkit-animation-delay: .50s; animation-delay: .50s; }
.overlay.open li:nth-of-type(4) { -webkit-animation-delay: .55s; animation-delay: .55s; }
.overlay.open li:nth-of-type(5) { -webkit-animation-delay: .60s; animation-delay: .60s; }
.overlay.open li:nth-of-type(6) { -webkit-animation-delay: .70s; animation-delay: .70s; }
.overlay.open li:nth-of-type(7) { -webkit-animation-delay: .80s; animation-delay: .80s; }
.overlay.open li:nth-of-type(8) { -webkit-animation-delay: .90s; animation-delay: .90s; }
.overlay nav { position: relative; height: 70%; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-size: 50px; font-family: 'Vollkorn', serif; font-weight: 400; text-align: center; }
.overlay ul { list-style: none; padding: 0; margin: 0 auto; position: relative; height: 100%; }
.overlay ul li { display: block; margin-bottom: 20px; position: relative; opacity: 0; }
.overlay ul li a { display: inline-block; font-size: 2.375em; line-height: 1.2em; position: relative; transition: all 0.3s ease 0s; color: rgba(132, 171, 220, 1); font-family: "gilroyultralight"; }
.overlay ul li a:hover { color: #34ebb6!important; }
.overlay ul li a:hover:after { transform: scaleX(1); }
.overlay ul li a:before { bottom: 2px; content: ""; height: 2px; left: 0; position: absolute; right: 0;background:rgba(132, 171, 220, 1);  }

.overlay ul li:nth-child(2) a { color:rgba(132, 171, 220, 0.7); }
.overlay ul li:nth-child(3) a { color:rgba(132, 171, 220, 0.55); }
.overlay ul li:nth-child(4) a { color:rgba(132, 171, 220, 0.4); }
.overlay ul li:nth-child(5) a { color:rgba(132, 171, 220, 0.3); }
.overlay ul li:nth-child(6) a { color:rgba(132, 171, 220, 0.2); }
.overlay ul li:nth-child(7) a { color:rgba(132, 171, 220, 0.1); }

.overlay ul li:nth-child(2) a:before { background: rgba(132, 171, 220, 0.7) none repeat scroll 0 0; }
.overlay ul li:nth-child(3) a:before { background: rgba(132, 171, 220, 0.55) none repeat scroll 0 0; }
.overlay ul li:nth-child(4) a:before { background: rgba(132, 171, 220, 0.4) none repeat scroll 0 0; }
.overlay ul li:nth-child(5) a:before { background: rgba(132, 171, 220, 0.3) none repeat scroll 0 0; }
.overlay ul li:nth-child(6) a:before { background: rgba(132, 171, 220, 0.2) none repeat scroll 0 0; }
.overlay ul li:nth-child(7) a:before { background: rgba(132, 171, 220, 0.1) none repeat scroll 0 0; }
.overlay ul li a:after { background: #34ebb6; bottom: 2px; content: ""; height: 2px; left: 0; position: absolute; right: 0; transform: scaleX(0); transform-origin: left center 0; transition: all 0.3s ease 0s; }
 @-webkit-keyframes fadeInRight {
 0% {
 opacity: 0;
 left: 20%;
}
 100% {
 opacity: 1;
 left: 0;
}
}
 @keyframes fadeInRight {
 0% {
 opacity: 0;
 left: 20%;
}
 100% {
 opacity: 1;
 left: 0;
}
}




/********Hubspot form css starts here************/

.form-columns-1, .form-columns-2{
	 max-width:100% !important;
}

.form-columns-1 .input, .form-columns-2  .input{
	 margin:0 !important;
}

.form-columns-2 .hs_firstname{ padding-right:10px !important; }
.form-columns-2 .hs_lastname{ padding-left:10px !important; }


.form-columns-2 .hs_email { padding-right:10px !important; }
.form-columns-2 .hs_phone { padding-left:10px !important; }


.form-columns-1 label span, .form-columns-2 label span {
    font-size: 14px;
    color: #fff;
    padding-bottom: 5px;
	font-family: 'gilroylight';
	font-weight:normal;
}
.form-columns-1 .input textarea, .form-columns-2 .input input.hs-input, .form-columns-1 .input input.hs-input{ width:100%!important; max-width:100%!important; box-sizing:border-box!important; border:none!important;}

.hs_submit .actions{
	margin:15px 0 0 0 !important; padding:0!important;
	float:right; 
	
}

.hs_submit .actions .hs-button {
    display: block;
    width: auto;
    border: 3px solid #fff;
    background: none;
    padding: 10px;
    color: #fff;
    font-size: 1.2em;
    transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    text-decoration: none!important;
    overflow: hidden;
    position: relative;
	font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
	border-radius: 4px;
	font-family: "gilroylight";
	min-width:200px;
	z-index: 10000!important;
	
}

    .hs_submit .actions .hs-button:hover, .hs_submit .actions .hs-button:focus{z-index: 10000!important;
    border:3px solid #34ebb6!important;
    color: #34ebb6!important;
}
ul.hs-error-msgs{ padding:0!important; }
ul.hs-error-msgs li label{ color:#e74c3c; font-size:15px; font-family: 'gilroylight'; margin:10px 0 10px 0;}
.hs_error_rollup{ display:none}
@media only screen and (max-width:480px){
	.form-columns-2 .hs_lastname, .form-columns-2 .hs_firstname, .form-columns-2 .hs_email, .form-columns-2 .hs_phone{ padding:0!important;}
	.hs_submit .actions{ float:none; }
	.hs_submit .actions .hs-button{ width:100%; box-sizing:border-box;}
	.formSec{ padding:0;}
}