body {font-family:'Ubuntu', sans-serif !important;}
* {margin:0; padding:0; list-style:none;}
input {outline:none !important;}
input:focus, button:focus {outline:none !important;}
a {outline:none !important; text-decoration:none; -webkit-transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out; transition:all 0.4s ease-in-out;}
a:hover, a:focus {text-decoration:none;}
.clr {clear:both;}

/**** header css ****/
.header {width:100%; z-index:9995; background:url(../images/header-bg-default.png) repeat-x top;}
.bodyWrapper, .header {left:0; position:fixed;}
.navbar {border-radius:0px!important;}
.navbar {margin-bottom:0px!important; min-height:0px!important;}
.navbar-default {background-color:transparent!important; border:none!important;}
.nav a {font-family:ubuntu, arial!important; font-size:15px!important; color:#fff!important; text-transform:uppercase!important;}
.navbar-collapse.collapse {padding-top:28px;}
.phonenumber {font-family:ubuntu, Arial; font-size:22px; font-weight:bold; color:#fff; padding-left:50px; padding-top:9px;}
/*.top-nav-collapse {background:url(../images/header-bg.png) repeat !important;}*/
.top-nav-collapse {background:url(../images/header-background.png) repeat !important;}

/**** banner css ****/
#banner {margin:0; padding:0;}
#banner img {width:100%;}
.slider-heading {position:absolute; top:30%; width:100%; height:auto;}
.slider-heading h1 {font-family:ubuntu, Arial; font-size:45px; font-weight:bold; color:#fff; padding-bottom:10px;}
.slider-heading a.requestinfo {font-size:14px; font-weight:700; color:#251b00; background:#f5b300; -webkit-border-radius:50px; -moz-border-radius:50px; border-radius:50px; padding:18px 50px; text-transform:uppercase; display:inline-block; margin-right:30px;}
.slider-heading a.readmore {font-size:14px; font-weight:700; color:#fff; border:2px solid #fff; -webkit-border-radius:50px; -moz-border-radius:50px; border-radius:50px; padding:18px 60px; text-transform:uppercase; display:inline-block;}
.slider-heading a.readmore:hover {background:#fff; color:#000;}
a.readmore {font-size:14px; font-weight:700; color:#fff; border:2px solid #fff; -webkit-border-radius:50px; -moz-border-radius:50px; border-radius:50px; padding:18px 60px; text-transform:uppercase; display:inline-block;}
a.readmore:hover {background:#fff; color:#000;}
img.desktopSlide {display:block !important;}
img.tabSlide {display:none !important;}
img.mobileSlide {display:none !important;}

/**** offshoreOutsourcing css ****/
#offshoreOutsourcing {margin:0; padding:60px 0 50px 0;}
#offshoreOutsourcing h2 {font-family:'Ubuntu', sans-serif; font-size:36px; font-weight:300; text-align:center; color:#000; margin-bottom:50px;}
#offshoreOutsourcing h2 span {font-weight:700;}
#offshoreOutsourcing img {padding-bottom:16px; border-bottom:1px solid #9da1c0;}
#offshoreOutsourcing h4 {font-size:24px; font-weight:700; color:#000; text-transform:uppercase;}
#offshoreOutsourcing p {font-size:14px; font-weight:300; color:#787878; padding:0 55px;}
#offshoreOutsourcing a.readMore {display:inline-block; font-size:10px; font-weight:bold; color:#787878; border:1px solid #d3cccc; border-radius:50px; width:100px; padding:8px 16px; text-align:center; text-transform:uppercase; margin:20px auto; background:transparent;}
#offshoreOutsourcing a.readMore:hover {color:#fff; background:#787878;}
#offshoreOutsourcing a.requestinfo {font-size:14px; font-weight:700; color:#251b00; background:#f5b300; padding:17px 50px; text-transform:uppercase; display:inline-block; -webkit-border-radius:31px; -moz-border-radius:31px; border-radius:31px; border:2px solid #f5b300; margin:50px 0;}
#offshoreOutsourcing a.requestinfo:hover {background:none; color:#f5b300;}

/**** ourServices css ****/
#ourServices {margin:0; padding:0;}

/**** businessPotential css ****/
#businessPotential {margin:0; padding:90px 0 50px 0;}
#businessPotential h2 {font-family:'Ubuntu', sans-serif; font-size:36px; font-weight:300; text-align:center; color:#000;}
#businessPotential h2 span {font-weight:700;}
#businessPotential p {color:#565656; font-size:20px; font-weight:300; padding:20px 0; margin:0; display:block; text-align:center;}
.businessPotentialData {position:relative; padding:40px 0;}
.businessPotentialData span.counting, .businessPotentialData span.counting span.count {font-size:60px; color:#f5b300; font-weight:700; display:block; line-height:45px; display:inline-block;}
.businessPotentialData p {font-size:14px !important; font-weight:300; color:#787878; text-transform:uppercase; margin:0; padding:15px 0 0 0 !important; display:block;}
.businessPotentialData:after {position:absolute; right:-7px; top:40px; width:1px; height:76px; background:#d5d5d5; content:"";}
.lastCounting:after {display:none;}

/**** ourClients css ****/
#ourClients {margin:0; padding:100px 0 50px 0; text-align:center; background:url(../images/our-client-background.jpg) no-repeat fixed; background-size:cover;}
#ourClients h3 {font-size:30px; font-weight:700; color:#fff; background:url(../images/our-clients-head-bg.png) no-repeat bottom center; margin:0; padding:0 0 10px 0;}
#ourClients p {color:#d0d0d0; font-size:20px; font-weight:300; margin:0; padding:30px 0 40px 0;}
#ourClients a.requestinfo {font-size:14px; font-weight:700; color:#251b00; background:#f5b300; padding:17px 50px; text-transform:uppercase; display:inline-block; -webkit-border-radius:31px; -moz-border-radius:31px; border-radius:31px; border:2px solid #f5b300; margin:50px 0;}
#ourClients a.requestinfo:hover {background:none; color:#f5b300;}
#ourClientsLogo {margin-bottom:40px;}

/**** whyIshir css ****/
#whyIshir {margin:0; padding:100px 0 0 0; text-align:center;}
#whyIshir h3 {font-size:36px; font-weight:700; color:#000; margin:0; padding:0;}
#whyIshir p {color:#565656; font-size:20px; font-weight:300; margin:0; padding:10px 0 40px 0;}
.chooseUs {width:100%; max-width:470px; margin:0 auto 30px auto; height:150px; -webkit-box-shadow:0 1px 1px 0 #ccc; box-shadow:0 1px 1px 0 #ccc; display:table; background:#fff; -webkit-transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out; transition:all 0.4s ease-in-out;}
.chooseUs:hover {-webkit-box-shadow:0 10px 31px 0 rgba(0, 0, 0, 0.13); box-shadow:0 10px 31px 0 rgba(0, 0, 0, 0.13); margin-top:-3px;}
.chooseUs:hover .innerChooseUs {}
.innerChooseUs {vertical-align:middle; display:table-cell; -webkit-transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out; transition:all 0.4s ease-in-out;}
.innerChooseUs p {font-size:16px !important; color:#565656; padding:15px 0 0 0 0 !important; font-weight:300;}
.whyIshirIcon svg {max-height:70px; margin:0 auto;}

/**** blogs css ****/
#blogs {margin:0; padding:60px 0; text-align:center;}
#blogs h3 {font-size:36px; font-weight:700; color:#000; margin:0; padding:0;}
#blogs p {color:#565656; font-size:20px; font-weight:300; margin:0; padding:10px 0 40px 0;}
.blogger {max-width:100%; max-height:325px; margin:0 auto 30px auto; position:relative;}
.blogContent {position:absolute; top:0; left:0; width:100%; height:100%; padding:40px; text-align:left;}
.blogContent p {font-size:24px !important; color:#fff !important; line-height:30px !important; min-height:185px; overflow:hidden;}
.blogContent a {display:inline-block; font-size:13px; font-weight:bold; color:#fff; border:1px solid #d3cccc; border-radius:50px; padding:10px 25px; text-align:center; text-transform:uppercase; margin:20px auto;}
.blogContent a:hover {color:#fff; background:#787878;}
.blogContent .comments {font-size:15px; color:#fff; font-weight:400; padding-top:30px; display:none;}
.blogContent .comments img {padding-right:10px;}
blogger:hover .comments {display:block;}

/**** footer ****/
.footerToggleBtn {font-size:13px; text-transform:uppercase; color:#fff; padding:15px 25px; background:#050505; -webkit-border-top-left-radius:20px; -webkit-border-top-right-radius:20px; -moz-border-radius-topleft:20px; -moz-border-radius-topright:20px; border-top-left-radius:20px; border-top-right-radius:20px; -webkit-border-bottom-right-radius:0px; -webkit-border-bottom-left-radius:0px; -moz-border-radius-bottomright:0px; -moz-border-radius-bottomleft:0px; border-bottom-right-radius:0px; border-bottom-left-radius:0px; margin:-52px auto 0 auto !important; display:block;}
.footerToggleBtn i {padding-left:5px; font-size:20px;}
.footerToggleBtn:hover {color:#f5b300;}
.footerToggleBtn:focus {color:#fff;}
#footer {/*background:url(../images/footer-bg.png) no-repeat fixed; background-size:cover;*/ background:#000;}
footer h4 {background:url(../images/footer-head-icon.png) no-repeat bottom left; color:#f5b300; font-size:18px; font-weight:700; padding-bottom:6px; text-transform:uppercase; padding-top:75px;}
ul.footerLinks {margin:0 0 50px 0;}
ul.footerLinks, ul.emails {padding:20px 0 0 0;}
ul.footerLinks li, ul.emails li {font-size:14px; font-weight:300; line-height:25px; color:#fff;}
ul.footerLinks li a {color:#fff; text-transform: uppercase;}
ul.emails li a {color:#8590eb;}
ul.footerLinks li a:hover, ul.emails li a:hover {color:#f5b300; margin-left:5px;}
footer address, footer span.contactNumber {font-size:14px; font-weight:300; line-height:25px; color:#fff; padding-top:20px;}
footer address {margin: 0 !important;}
ul.socialLinks {padding-top:20px; text-align:right;}
ul.socialLinks li {display:inline-block; color:#fff; padding:0 12px 0 0; font-size:19px;}
ul.socialLinks li a {color:#fff;}
ul.socialLinks li a:hover {color:#f5b300;}
.footyerBottom {background:#050505;}
ul.certifiedLogo {margin:17px 0 0 0;}
ul.certifiedLogo li {display:inline-block; padding-right:5px;}
.footerButton {text-align:right; padding-top:10px;}
.footerButton a {font-size:18px; font-weight:700; color:#251b00; background:#f5b300; padding:17px 80px; text-transform:uppercase; display:inline-block; -webkit-border-radius:31px; -moz-border-radius:31px; border-radius:31px; border:2px solid #f5b300; margin-top:10px;}
.footerButton a i {padding-right:8px;}
.footerButton a:hover {background:none; color:#f5b300;}
.footerText {border-top:1px solid #181818; color:#787878; font-size:12px; text-transform:uppercase; padding:15px 0; margin-top:15px;}
ul.footerBotLinks {margin:0;}
ul.footerBotLinks li {display:inline-block; background:url(../images/footer-li-icon.png) no-repeat right center; padding:0 10px 0 8px;}
ul.footerBotLinks li a {color:#787878;}
ul.footerBotLinks li a:hover {color:#f5b300;}
ul.footerBotLinks li:last-child {background:none;}

.bigProcessService ul li {list-style: none !important;}

/**** counter css ****/
.count {line-height:100px; font-size:25px;}

/**** innerMidContent ****/
#innerMidContent {margin:0; padding:70px 0;}
.leftNavigation {margin:0; padding:0;}
.leftNavigation h2 {font-size:24px; font-weight:700; color:#000; text-transform:uppercase; margin:0 0 20px 0;}
.leftNavigation ul li {font-size:16px; font-weight:300; color:#565656; text-transform:uppercase;}
.leftNavigation ul li a {color:#565656; line-height:35px; border-left:2px solid #fff; padding-left:20px; display:block; margin-bottom:2px;}
.leftNavigation ul li a:hover {color:#f5b300; border-color:#f5b300;}
.leftNavigation ul li a.active, .leftNavigation ul li a.active:hover {color:#000; border-color:#f5b300;}
.rightContent {margin:0; padding:0;}
.rightContent h3 {font-size:32px; font-weight:300; color:#000; margin:0; padding:0; background:url(../images/inner-content-bg.jpg) no-repeat left bottom; padding-bottom:40px; margin-bottom:40px;}
.rightContent h3 span {font-weight:700;}
.rightContent p {font-size:18px; font-weight:300; color:#565656; background:url(../images/inner-content-bg.jpg) no-repeat left bottom; padding-bottom:40px; margin-bottom:40px;}
.rightContent p span {font-weight:400; color:#000;}

/**** missionStatement ****/
#missionStatement {margin:0; padding:0;}
.missionStatementContent {background:url(../images/mission-statement-bg.jpg) no-repeat top right; color:#fff; padding:85px 20px;}
.missionStatementContent h3 {font-size:30px; font-weight:700; margin:0 0 0 0;}
.missionStatementContent p {font-size:22px; font-weight:300;}

/**** downloadWhitepaper ****/
#downloadWhitepaper {padding:100px 0;}
#downloadWhitepaper h2 {font-size:32px; font-weight:300; color:#000; margin:0; padding:0; background:url(../images/inner-content-bg.jpg) no-repeat center bottom; text-align:center; padding-bottom:40px; margin-bottom:40px;}
#downloadWhitepaper h2 span {font-weight:700;}
#downloadWhitepaper p {font-size:18px; font-weight:300; color:#565656; text-align:center;}
#downloadWhitepaper h3 {font-size:30px; font-weight:300; color:#000;}
#downloadWhitepaper h4 {font-size:30px; font-weight:700; color:#3b4381; text-align:center; padding-bottom:15px;}
.threeBox {margin:0; padding:0; position:relative; -webkit-transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out; transition:all 0.4s ease-in-out; display:table;}
.contentBox {color:#fff; font-size:20px; display:block; position:absolute; top:0; left:0; width:100%; height:100%; text-align:center; display:table-cell; vertical-align:middle; padding-top:121px;}
.threeBox:hover .contentBox {display:none;}
.contentBox span {display:block; font-size:18px; color:#fff; font-weight:300; padding-top:15px;}
.hoverBoxContent {display:none; text-align:center; padding-top:92px;}
.hoverBoxContent span {display:block; font-size:32px; color:#fff; font-weight:300; padding-top:15px;}
.threeBox:hover .hoverBoxContent {display:block; position:absolute; top:0; left:0; width:100%; height:100%; background:-moz-linear-gradient(45deg, rgba(59, 67, 129, 0.8) 0%, rgba(59, 67, 129, 0.8) 19%, rgba(245, 179, 0, 0.8) 100%); background:-webkit-linear-gradient(45deg, rgba(59, 67, 129, 0.8) 0%, rgba(59, 67, 129, 0.8) 19%, rgba(245, 179, 0, 0.8) 100%); background:linear-gradient(45deg, rgba(59, 67, 129, 0.8) 0%, rgba(59, 67, 129, 0.8) 19%, rgba(245, 179, 0, 0.8) 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc3b4381', endColorstr='#ccf5b300', GradientType=1 );}
.innerPageBlog {max-width:470px; max-height:325px; position:relative;}
.innerPageBlogContent {position:absolute; top:0; left:0; width:100%; height:100%; padding:30px 40px; text-align:left;}
.innerPageBlogContent h5 {background:url(../images/inner-blog-head-bg.png) no-repeat left bottom; padding-bottom:10px; font-size:18px; font-weight:600; color:#fff; margin:0 0 15px 0;}
.innerPageBlogContent p {font-size:22px !important; font-weight:300; color:#fff !important; line-height:26px !important; min-height:135px; overflow:hidden; text-align:left !important;}
.innerPageBlogContent a {display:inline-block; font-size:13px; font-weight:bold; color:#fff; border:1px solid #d3cccc; border-radius:50px; padding:10px 25px; text-align:center; text-transform:uppercase; margin:20px auto;}
.innerPageBlogContent a:hover {color:#fff; background:#787878;}

/**** clientTestimonial ****/
#clientTestimonial {margin:0; padding:0 0 60px 0; text-align:center;}
#clientTestimonial h2 {background:url(../images/inner-blog-head-bg.png) no-repeat bottom center; font-size:30px; font-weight:300; color:#000; padding:15px 0; margin:0;}
.clientImage {width:60px; hegiht:60px; margin:0 auto;}
.clientImage img {width:60px; hegiht:60px; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%;}
.clientImage {margin-top:40px;}
#clientTesti {padding-top:50px;}
#clientTesti p {font-size:16px; line-height:25px; color:#565656; font-weight:300;}
#clientTesti h3 {font-size:24px; color:#3b4381; font-weight:600; margin-top:10px;}

/**** getInTouch ****/
#getInTouch {background:#f6f6f6; text-align:center; padding:50px 0;}
#getInTouch h2 {font-size:30px; font-weight:300; color:#000; padding:0; margin:0;}
#getInTouch span {display:block;}
#getInTouch p {font-size:20px; font-weight:300; color:#565656; padding:15px 0; margin:0 0 30px 0;}
#getInTouch p a {color:#565656;}
.chooseUs:hover p, .chooseUs:hover p a {color:#f5b300 !important;}
.chooseUs p {font-size:20px; font-weight:300; color:#565656; padding:15px 0 0 0 !important; margin:0 !important;}
.rightContentImg {text-align:center; padding-top:20px;}
.innerContent h4 {font-size:30px; font-weight:700; color:#3b4381;}

/**** team ****/
/* .teamImage {width:100%; height:auto;}
.teamImage img {width:100%; height:100%; border:1px solid #f0f0f0; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%;}
.teamContent {padding:30px 0 0 0;}
.teamContent p {color:#565656; font-size:18px; font-weight:300; line-height:25px; text-align:justify; background:none; margin:0px; padding:0 0 20px 0;}
.teamContent p::first-letter {font-size:300%;}
.memberDetail {float:left; padding-bottom:30px;}
.memberDetail h2 {font-size:36px; font-weight:300; margin:0; padding:0; line-height:36px;}
.memberDetail p {font-size:18px; font-weight:300; color:#000; margin:0; padding:0; background:none;}
.memberDetail p::first-letter {font-size:100%;}
.profileLink {float:right; padding-bottom:30px;} */


/**** team ****/
.teamImage {width:100%; height:auto;}
.teamImage img {width:100%; height:100%; border:1px solid #f0f0f0; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%;}
.teamContent {padding:0px 0 0 0;}
.teamContent p {color:#565656; font-size:18px; font-weight:300; line-height:25px; text-align:justify;}
/*.teamContent p::first-letter {font-size:300%;}*/
.memberDetail {padding-bottom:30px;}
.memberDetail h2 {font-size:36px; font-weight:300; margin:0; padding:0; line-height:36px;}
.memberDetail p {font-size:18px; font-weight:300; color:#000; margin:0; padding:0;}
.memberDetail p::first-letter {font-size:100%;}
.profileLink {float:right; padding-bottom:30px;}
.teamrow {padding-bottom:60px; margin-bottom:60px;}
.teamrow {background:url(../images/inner-content-bg.jpg) no-repeat left bottom;}
.teamBoxNewly {border:1px solid #d9d9d9; text-align: center; vertical-align: middle; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; margin:0 15px; padding:0 !important; width:calc(33.333333% - 30px) !important; padding:0 15px !important;}
.teamBoxNewly:nth-child(even) {background:#f6f6f6;}
.cntr{display: block; margin: 0 auto; }
.maginbot{margin-bottom: 30px;}
/*.boxwithbg{border:1px solid #d9d9d9; text-align: center; vertical-align: middle;  -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; width:100%;}*/
.profileimg{padding-top: 30px; padding-bottom: 30px;  background: url(../images/team-bg-line.jpg) no-repeat center bottom; }
.profiletext{ text-align: center; padding-bottom: 30px;}
.profiletext h2 {font-family:  Ubuntu; font-size: 24px; font-weight: normal; margin-bottom: 0px;}
.profiletext h3 {font-family:  Ubuntu; font-size: 16px; font-weight: normal; padding-top: 0px; margin-top: 0px;}
.profileimg img{border: 1px solid #f0f0f0; border-radius: 100%; width: auto; height: auto; text-align: center;  }

/**** current opening ****/
.currentOpeningBanner {background:#f5b300; margin-top:10px;}
.currentOpeningBanner img {float:right;}
.currentOpeningBanner p {font-size:20px; font-weight:300; color:#000; margin:0; padding:23px 0 2px 20px;}
.currentOpeningBanner h2 {font-size:36px; font-weight:700; color:#000; margin:0; padding:0; line-height:30px; padding-left:20px;}
.openingTableContent td {border-bottom:1px solid #d1d1d1; font-size:18px; color:#565656; padding:25px 8px 20px 8px !important;}
.openingTableContent td span {padding:6px 0 !important; display:block;}
.openingTableContent tbody tr:hover td {color:#000;}
.applyBtn {border:1px solid #d1d1d1; background:#fff; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; font-size:16px; font-weight:500; color:#000; text-transform:uppercase; padding:7px 25px; display:inline-block; webkit-transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out; transition:all 0.4s ease-in-out;}
.applyBtn:hover {background:#f5b300;}
ul.currentOpeningSocial li {display:inline-block; padding-right:10px; font-size:20px; padding-top:6px;}
ul.currentOpeningSocial li:last-child {padding-right:0px;}
ul.currentOpeningSocial li.mail a {color:#7d7d7d;}
ul.currentOpeningSocial li.facebook a {color:#4867aa;}
ul.currentOpeningSocial li.twitter a {color:#1da1f2;}
ul.currentOpeningSocial li.linkedin a {color:#0177b5;}
ul.currentOpeningSocial li a:hover {color:#f5b300;}
#applyForm {border-top:4px solid #f5b300; padding-bottom:80px;}
#applyForm h2 {font-size:32px; font-weight:300; color:#000; margin:0; padding:60px 0 40px 0;}
#applyForm p {font-size:18px; font-weight:300; color:#565656;}
#applyForm h4 {font-size:18px; font-weight:400; color:#000; padding-top:10px;}
#applyForm h4 span {color:#ff0000;}
p.applyFormPera, span.limit-words {color:#9f9f9f !important; font-size:12px !important; font-weight:400 !important;}
span.limit-words {padding-left:10px;}
.capcha {padding:30px 0; display:block;}
button.yellowBtn, input[type="submit"].yellowBtn {display:inline-block; font-size:14px; font-weight:700; color:#251b00; background:#f5b300; padding:17px 70px; text-transform:uppercase; display:inline-block; -webkit-border-radius:31px; -moz-border-radius:31px; border-radius:31px; border:1px solid #f5b300; margin:0 30px 0 0; -webkit-transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out; transition:all 0.4s ease-in-out; margin-bottom:15px;}
button.yellowBtn:hover, input[type="submit"].yellowBtn:hover {background:none; color:#f5b300;}
button.whiteBtn {font-size:14px; font-weight:700; color:#251b00; background:#fff; padding:17px 70px; text-transform:uppercase; display:inline-block; -webkit-border-radius:31px; -moz-border-radius:31px; border-radius:31px; border:1px solid #d1d1d1; -webkit-transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out; transition:all 0.4s ease-in-out;}
button.whiteBtn:hover {background:#f5b300; color:#000; border-color:#f5b300;}

/**** services ****/
#services {margin:0; padding:70px 0;}
.servicesContent p {color:#565656; font-size:18px; font-weight:300; text-align:center; padding-bottom:20px;}
#competencies {background:#f6f6f6; padding:70px 0;}
#competencies h2 {font-size:32px; font-weight:300; color:#000; margin:0; padding:0; background:url(../images/inner-content-bg.jpg) no-repeat center bottom; text-align:center; padding-bottom:40px; margin-bottom:40px;}
.serviceName {font-size:16px; color:#000; font-weight:400; padding-top:60px; padding-bottom:40px; text-align:center;}
.serviceNameTwo {font-size:16px; color:#000; font-weight:400; padding-top:60px; text-align:center;}
.serviceInfographic {padding-top:180px;}
.mobileAppSolCircle {width:110px; height:110px; margin:0 auto; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; position:relative; text-align:center; padding:22px 0;}
.mobileAppSolCircle svg {max-height:65px; fill:#fff;}
.mobileAppSolCircle:after {height:90px; width:2px; position:absolute; content:""; bottom:-90px; left:50%; margin-left:-1px;}
.mobileAppSolCircle:before {height:10px; width:10px; position:absolute; content:""; bottom:-100px; left:50%; margin-left:-5px; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%;}
.mobileAppSolMiddleCircle {width:165px; height:165px; margin:0 auto; padding:27px 0; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%;}
.mobileAppSolOuterCircle {width:223px; height:223px; margin:0 auto; padding:27px 0; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%;}
.pinkService {border:1px solid #f4d0dd;}
.pinkService > .mobileAppSolMiddleCircle {border:1px solid #f2aec6;}
.pinkService > .mobileAppSolMiddleCircle > .mobileAppSolCircle {background:#ee6092;}
.pinkService > .mobileAppSolMiddleCircle > .mobileAppSolCircle:after {background:#ee6092;}
.pinkService > .mobileAppSolMiddleCircle > .mobileAppSolCircle:before {border:2px solid #ee6092;}
.grayService {border:1px solid #cdd3d7;}
.grayService > .mobileAppSolMiddleCircle {border:1px solid #94a4ab;}
.grayService > .mobileAppSolMiddleCircle > .mobileAppSolCircle {background:#526c79;}
.grayService > .mobileAppSolMiddleCircle > .mobileAppSolCircle:after {background:#526c79;}
.grayService > .mobileAppSolMiddleCircle > .mobileAppSolCircle:before {border:2px solid #526c79;}
.yellowService {border:1px solid #f7e2c1;}
.yellowService > .mobileAppSolMiddleCircle {border:1px solid #f7c673;}
.yellowService > .mobileAppSolMiddleCircle > .mobileAppSolCircle {background:#f8a823;}
.yellowService > .mobileAppSolMiddleCircle > .mobileAppSolCircle:after {background:#f8a823;}
.yellowService > .mobileAppSolMiddleCircle > .mobileAppSolCircle:before {border:2px solid #f8a823;}
.purpleService {border:1px solid #e6d2ea;}
.purpleService > .mobileAppSolMiddleCircle {border:1px solid #d09fd8;}
.purpleService > .mobileAppSolMiddleCircle > .mobileAppSolCircle {background:#b868c6;}
.purpleService > .mobileAppSolMiddleCircle > .mobileAppSolCircle:after {background:#b868c6;}
.purpleService > .mobileAppSolMiddleCircle > .mobileAppSolCircle:before {border:2px solid #b868c6;}
.blueService {border:1px solid #b8dee2;}
.blueService > .mobileAppSolMiddleCircle {border:1px solid #62bcc7;}
.blueService > .mobileAppSolMiddleCircle > .mobileAppSolCircle {background:#0095a7;}
.blueService > .mobileAppSolMiddleCircle > .mobileAppSolCircle:after {background:#0095a7;}
.blueService > .mobileAppSolMiddleCircle > .mobileAppSolCircle:before {border:2px solid #0095a7;}
.greenService {border:1px solid #c5e3d3;}
.greenService > .mobileAppSolMiddleCircle {border:1px solid #7dc6a0;}
.greenService > .mobileAppSolMiddleCircle > .mobileAppSolCircle {background:#33a96c;}
.greenService > .mobileAppSolMiddleCircle > .mobileAppSolCircle:after {background:#33a96c;}
.greenService > .mobileAppSolMiddleCircle > .mobileAppSolCircle:before {border:2px solid #33a96c;}

/**** softwareDevelopmentContent ****/
#softwareDevelopmentContent {margin:0; padding:80px 0 50px 0;}
#softwareDevelopmentContent h3, .devopsContentNew h3 {font-size:33px; font-weight:300; color:#000; margin:0; padding:0; background:url(../images/inner-content-bg.jpg) no-repeat center bottom; padding-bottom:40px; margin-bottom:40px; text-align:center;}
#softwareDevelopmentContent h3 span {font-weight:700;}
.devopsContentNew ul li {list-style:disc; text-align:left !important; margin-bottom:5px !important;}
#softwareDevelopmentContent p, .devopsContentNew ul li {text-align:center; font-size:18px; font-weight:300; color:#565656; margin-bottom:40px;}
#softwareDevelopmentContent p a {color:#565656; text-decoration:underline;}
#softwareDevelopmentContent p a:hover {color:#000; text-decoration:none;}
.points h4 {font-size:33px; font-weight:300; color:#000; margin:0; padding:0; text-align:center; font-weight:500; padding-top:20px;}
.points ul {background:url(../images/points-img.jpg) no-repeat top center; padding:75px 0 0 0; margin:30px 0 50px 0;}
.points ul li {display:inline-block !important; background:url(../images/points-icon.jpg) no-repeat left 5px !important; font-size:18px !important; color:#565656 !important; margin:0 20px !important; padding-left:30px !important; height:auto !important; width:auto !important; float:none !important;}
#softwareDevelopmentContent ul li {width:33.333333334%; float:left; background:rgb(197,197,197); background:-moz-linear-gradient(45deg, rgba(197, 197, 197, 1) 0%, rgba(219, 219, 219, 1) 100%); background:-webkit-linear-gradient(45deg, rgba(197, 197, 197, 1) 0%, rgba(219, 219, 219, 1) 100%); background:linear-gradient(45deg, rgba(197, 197, 197, 1) 0%, rgba(219, 219, 219, 1) 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#c5c5c5', endColorstr='#dbdbdb', GradientType=1 ); height:265px; text-align:center; position:relative;}
#softwareDevelopmentContent ul li svg {height:76px;}
#softwareDevelopmentContent ul li svg path {fill:#565656;}/*.plateform {position:absolute; width:100%; height:100%; display:table;}.plateformContent {display:table-cell; vertical-align:middle;}*/
.plateformContent svg {fill:#565656 !important;}
.plateformContent p {font-size:18px; color:#565656; font-weight:500; margin:0px !important;}
.plateformContent:hover {color:#fff;}
#softwareDevelopmentContent ul li:hover svg path {fill:#ffffff;}
#softwareDevelopmentContent ul li:hover {background:url(../images/development-cate-hover-bg.png) no-repeat left top;}
#softwareDevelopmentContent ul li:hover .plateformContent p {color:#fff;}

/**** webdesignServices ****/
#webdesignServices {background:url(../images/web-design-bg.jpg) fixed no-repeat; background-size:cover; margin:0; padding:200px 0;}
#webdesignServices h2 {font-size:32px; font-weight:300; color:#fff; margin:0; padding:0; background:url(../images/white-heading-icon.jpg) no-repeat center bottom; text-align:center; padding-bottom:20px; margin-bottom:40px;}
#webdesignServices p {text-align:center; font-size:18px; font-weight:300; color:#fff; margin-bottom:40px;}

/**** developemtCategory ****/
#developemtCategory {margin:0; padding:0;}
.categoryLeft {background:url(../images/left.jpg) no-repeat right center; background-size:cover; height:400px; text-align:center; position:relative;}
.categoryLeft:after, .categoryRight:after {position:absolute; content:""; background:rgba(0, 0, 0, 0.5) !important; width:100%; height:100%; left:0;}
.categoryRight {background:url(../images/right.png) no-repeat right center #686264; background-size:cover; height:400px; text-align:center; position:relative;}
.categoryContent {position:absolute; height:100%; width:100%; display:table; z-index:1;}
.categoryInnerContent {display:table-cell; vertical-align:middle; height:100%;}
.categoryInnerContent h4 {font-size:30px; color:#fff; font-weight:300;}

/**** customAppDevelopment ****/
#customAppDevelopment {margin:0; padding:80px 0;}
#customAppDevelopment h3 {font-size:33px; font-weight:300; color:#000; margin:0; padding:0 0 20px 0;}
#customAppDevelopment h3 span {font-weight:700;}
#developmentCategory ul {margin:0;}
#customAppDevelopment ul li {background:url(../images/black-bullet.png) no-repeat left 8px; font-size:18px; font-weight:300; color:#565656; padding-left:20px; line-height:30px;}
#customAppDevelopment ul li a {color:#000; font-weight:500; text-decoration:underline;}
#customAppDevelopment ul li a:hover {text-decoration:none;}

/**** developmentCategory ****/
#developmentCategory {margin:0; padding:0;}
#developmentCategory ul li {width:16.666666667%; float:left; background:rgb(197,197,197); background:-moz-linear-gradient(45deg, rgba(197, 197, 197, 1) 0%, rgba(219, 219, 219, 1) 100%); background:-webkit-linear-gradient(45deg, rgba(197, 197, 197, 1) 0%, rgba(219, 219, 219, 1) 100%); background:linear-gradient(45deg, rgba(197, 197, 197, 1) 0%, rgba(219, 219, 219, 1) 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#c5c5c5', endColorstr='#dbdbdb', GradientType=1 ); height:245px; text-align:center; position:relative; -webkit-transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out; transition:all 0.4s ease-in-out;}
#developmentCategory ul li:hover {background:url(../images/development-cate-hover-bg.png) no-repeat left top;}
#developmentCategory ul li svg {height:76px;}
#developmentCategory ul li svg path {fill:#565656; -webkit-transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out; transition:all 0.4s ease-in-out;}
/*.plateform {position:absolute; width:100%; height:100%; display:table;}.plateformContent {display:table-cell; vertical-align:middle;}*/
.plateformContent p {font-size:18px; color:#565656; font-weight:500; -webkit-transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out; transition:all 0.4s ease-in-out;}
.plateformContent:hover {color:#fff;}
#developmentCategory ul li:hover svg path {fill:#ffffff;}
#developmentCategory ul li:hover .plateformContent p {color:#fff;}

/**** ourApproach ****/
#ourApproach {margin:0; padding:100px 0; background:#f6f6f6;}
#ourApproach h2 {font-family:'Ubuntu', sans-serif; font-size:36px; font-weight:300; text-align:left; color:#000; margin:0 0 30px 0; background:url(../images/inner-content-bg.jpg) no-repeat left bottom; padding-bottom:20px;}
#ourApproach h2 span {font-weight:700;}
#ourApproach p {font-size:18px; font-weight:300; color:#565656;}
#ourApproach h3 {font-family:'Ubuntu', sans-serif; font-size:32px; font-weight:300; text-align:left; color:#000; margin:0 0 15px 0;}
.ourApproachContent {padding:20px 0 10px 0;}
#ourApproach .option {border-top:1px solid #d1d1d1; margin:20px 0 0 0; padding:20px 0 0 0;}
.ourApproachIcon {text-align:center; padding-top:20px;}

/**** applicationDevelopment ****/
#applicationDevelopment {margin:0; padding:100px 0; background:#f6f6f6;}
#applicationDevelopment h2 {font-family:'Ubuntu', sans-serif; font-size:36px; font-weight:300; text-align:center; color:#000; margin:0 0 30px 0; background:url(../images/inner-content-bg.jpg) no-repeat center bottom; padding-bottom:20px;}
#applicationDevelopment h2 span {font-weight:700;}
.parrot {border:3px solid #accf36; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%;}
.parrot .element {background:#accf36;}
.parrot .element:after {border-left:20px solid transparent; border-right:25px solid transparent; border-top:17px solid #accf36;}
.darkBlue {border:3px solid #1e415a; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%;}
.darkBlue .element {background:#1e415a;}
.darkBlue .element:after {border-left:20px solid transparent; border-right:25px solid transparent; border-top:17px solid #1e415a;}
.lightBlue {border:3px solid #365f82; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%;}
.lightBlue .element {background:#365f82;}
.lightBlue .element:after {border-left:20px solid transparent; border-right:25px solid transparent; border-top:17px solid #365f82;}
.green {border:3px solid #c3c513; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%;}
.green .element {background:#c3c513;}
.green .element:after {border-left:20px solid transparent; border-right:25px solid transparent; border-top:17px solid #c3c513;}
.middleBlue {border:3px solid #2f4961; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%;}
.middleBlue .element {background:#2f4961;}
.middleBlue .element:after {border-left:20px solid transparent; border-right:25px solid transparent; border-top:17px solid #2f4961;}
.lighterBlue {border:3px solid #9ec0db; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%;}
.lighterBlue .element {background:#9ec0db;}
.lighterBlue .element:after {border-left:20px solid transparent; border-right:25px solid transparent; border-top:17px solid #9ec0db;}
.applicationDevelopmentContent ul li {padding:0 15px; float:left; width:16.6667%;}
.applicationDevelopmentContent ul li p {font-size:18px; font-weight:300; color:#565656; padding-top:20px; text-align:center;}
.applicationDevelopmentContent ul li svg {fill:#fff; width:109px;}
.applicationIcon {width:222px; height:222px; position:relative; padding:15px; margin:0 auto;}
.element {display:inline-block; height:186px; width:186px; animation:roll 3s infinite; transform:rotate(30deg); border-radius:100%; position:relative; z-index:1;}
.element:after {bottom:-14px; content:""; height:17px; left:50%; margin-left:-20px; position:absolute; width:32px;}
.circle span {position:absolute; top:0; left:0; width:100%; height:100%; color:#fff; z-index:2; text-align:center;}

@-webkit-keyframes roll {
	0% {transform:rotate(0);}
	100% {transform:rotate(360deg);}
}

@-moz-keyframes roll {
	0% {transform:rotate(0);}
	100% {transform:rotate(360deg);}
}

@-o-keyframes roll {
	0% {transform:rotate(0);}
	100% {transform:rotate(360deg);}
}

@keyframes roll {
	0% {transform:rotate(0);}
	100% {transform:rotate(360deg);}
}

/**** dothingAppDevelopment ****/
#dothingAppDevelopment {margin:0; padding:100px 0 0 0;}
#dothingAppDevelopment h2 {font-family:'Ubuntu', sans-serif; font-size:36px; font-weight:300; text-align:center; color:#000; margin:0 0 30px 0; background:url(../images/inner-content-bg.jpg) no-repeat center bottom; padding-bottom:20px;}
#dothingAppDevelopment h2 span {font-weight:700;}
#dothingAppDevelopment p {font-size:18px; font-weight:300; color:#565656; margin:0; padding:0;}
.doThingsvg {text-align:center;}
.doThingsvg svg {max-width:75px; display:inline-block; fill:#3B4381;}

/**** ourAdvantages ****/
#ourAdvantages {margin:0; padding:100px 0; background:#f6f6f6;}
#ourAdvantages h2 {font-family:'Ubuntu', sans-serif; font-size:36px; font-weight:300; text-align:center; color:#000; margin:0 0 30px 0; background:url(../images/inner-content-bg.jpg) no-repeat center bottom; padding-bottom:20px;}
#ourAdvantages h2 span {font-weight:700;}
.ourAdvantagesContent {margin-bottom:30px;}
.ourAdvantagesContent h3 {font-size:30px; font-weight:700; color:#3b4381;}
.ourAdvantagesContent p {font-size:18px; font-weight:300; color:#565656; margin:0; padding:0;}
.ourAdvantagesContent svg {fill:#3b4381; max-width:195px;}
.ourAdvantageSVG {text-align:center;}
.ourAdvantageSVG svg {max-width:150px; display:inline-block;}
.ourAdvantageSVGFirst svg {max-width:200px !important;}
ul.developmentTechnologies {border-top:1px solid #ccc; border-left:1px solid #ccc;}
ul.developmentTechnologies li {float:left !important; width:33.33333334% !important; border-right:1px solid #ccc !important; border-bottom:1px solid #ccc !important; text-align:center !important; padding:15px 10px !important; background:none !important; height:auto !important;}
.developmentStep {position:relative; margin-bottom:40px;}
.developmentStep span:after {position:absolute; width:100%; height:22px; background:url(../images/step-after-vector.jpg) no-repeat center; content:""; bottom:-25px; left:0;}
.developmentStep span {position:relative; width:92px; height:92px; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; line-height:92px; text-align:center; display:inline-block; color:#fff; font-family:'Open Sans', sans-serif; font-weight:600; font-size:45px;}
.stepOne {background:#b968c7;}
.stepTwo {background:#ef6192;}
.stepThree {background:#536d79;}
.stepFour {background:#f8a824;}
.stepFive {background:#0096a7;}
.stepOneArrow {height:2px; background:#b968c7; max-width:117px; width:100%; position:relative; margin:0 0 13px -10px;}
.stepOneArrow:before {width:11px; height:11px; background:#b968c7; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; left:0px; top:-5px; position:absolute; content:"";}
.stepOneArrow:after {width:11px; height:11px; border-right:2px solid #b968c7; border-top:2px solid #b968c7; transform:rotate(45deg); position:absolute; content:""; top:-5px; right:0px;}
.stepTwoArrow {height:2px; background:#ef6192; max-width:117px; width:100%; position:relative; margin:0 -10px 13px 0;}
.stepTwoArrow:before {width:11px; height:11px; background:#ef6192; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; right:0px; top:-5px; position:absolute; content:"";}
.stepTwoArrow:after {width:11px; height:11px; border-right:2px solid #ef6192; border-top:2px solid #ef6192; transform:rotate(-138deg); position:absolute; content:""; top:-5px; left:0px;}
.stepThreeArrow {height:2px; background:#536d79; max-width:117px; width:100%; position:relative; margin:0 0 13px -10px;}
.stepThreeArrow:before {width:11px; height:11px; background:#536d79; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; left:0px; top:-5px; position:absolute; content:"";}
.stepThreeArrow:after {width:11px; height:11px; border-right:2px solid #536d79; border-top:2px solid #536d79; transform:rotate(45deg); position:absolute; content:""; top:-5px; right:0px;}
.stepFourArrow {height:2px; background:#f8a824; max-width:117px; width:100%; position:relative; margin:0 -10px 13px 0;}
.stepFourArrow:before {width:11px; height:11px; background:#f8a824; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; right:0px; top:-5px; position:absolute; content:"";}
.stepFourArrow:after {width:11px; height:11px; border-right:2px solid #f8a824; border-top:2px solid #f8a824; transform:rotate(-138deg); position:absolute; content:""; top:-5px; left:0px;}
.stepFiveArrow {height:2px; background:#0096a7; max-width:117px; width:100%; position:relative; margin:0 0 13px -10px;}
.stepFiveArrow:before {width:11px; height:11px; background:#0096a7; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; left:0px; top:-5px; position:absolute; content:"";}
.stepFiveArrow:after {width:11px; height:11px; border-right:2px solid #0096a7; border-top:2px solid #0096a7; transform:rotate(45deg); position:absolute; content:""; top:-5px; right:0px;}
p.stepContent {padding-top:20px;}

/**** popularFeatures ****/
#popularFeatures {margin:0; padding:100px 0;}
#popularFeatures h2 {font-family:'Ubuntu', sans-serif; font-size:36px; font-weight:300; text-align:center; color:#000; margin:0 0 50px 0; padding-bottom:20px;}
.featuresStepRight {background:url(../images/features-bg.jpg) repeat-y center; position:absolute; left:100%; top:0; height:100%; width:209px;}
.featuresStepRight .innerFeaturesStep, .featuresStepLeft .innerFeaturesStep {height:100%; width:100%; display:table;}
.featuresStepRight .innerFeaturesStep .featuresStepNew, .featuresStepLeft .innerFeaturesStep .featuresStepNew {display:table-cell; vertical-align:middle;}
.featuresStepLeft {background:url(../images/features-bg.jpg) repeat-y center; position:absolute; right:100%; top:0; height:100%; width:209px;}
.featuresContent {font-size:18px; color:#565656; padding:20px; background:#f6f6f6; -webkit-box-shadow:0 0 35px 0 rgba(0, 0, 0, 0.2); box-shadow:0 0 35px 0 rgba(0, 0, 0, 0.2); margin:20px 0;}
#infinityLeft {width:84px; height:46px; position:relative; margin-left:34px;}
#infinityLeft:before, #infinityLeft:after {content:""; width:45px; height:45px; position:absolute; top:0; left:0; border:23px solid #06c999; -moz-border-radius:50px 50px 0; border-radius:50px 50px 0 50px; -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -o-transform:rotate(-45deg); transform:rotate(-45deg);}
#infinityLeft:before {z-index:2;}
#infinityLeft:after {width:25px !important; height:25px !important; left:auto; right:0; top:10px; -moz-border-radius:50px 50px 50px 0; border-radius:50px 50px 50px 0; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg); border:8px solid #06c999 !important; background:#fff; -webkit-box-shadow:0 0 0 5px #FFFFFF; box-shadow:0 0 0 5px #FFFFFF; z-index:1;}
#infinityRight {width:84px; height:46px; position:relative; margin-right:34px; float:right;}
#infinityRight:before, #infinityRight:after {content:""; width:45px; height:45px; position:absolute; top:0; right:0; border:23px solid #06c999; -moz-border-radius:50px 50px 0; border-radius:50px 50px 0 50px; -webkit-transform:rotate(-226deg); -moz-transform:rotate(-226deg); -ms-transform:rotate(-226deg); -o-transform:rotate(-226deg); transform:rotate(-226deg);}
#infinityRight:before {z-index:2;}
#infinityRight:after {width:25px !important; height:25px !important; left:auto; left:0; top:10px; -moz-border-radius:50px 50px 50px 0; border-radius:50px 50px 50px 0; -webkit-transform:rotate(-133deg); -moz-transform:rotate(-133deg); -ms-transform:rotate(-133deg); -o-transform:rotate(-133deg); transform:rotate(-133deg); border:8px solid #06c999 !important; background:#fff; -webkit-box-shadow:0 0 0 5px #FFFFFF; box-shadow:0 0 0 5px #FFFFFF; z-index:1;}
.purple #infinityLeft:after, .purple #infinityLeft:before {border-color:#7962ac !important;}
.lightPurple #infinityLeft:after, .lightPurple #infinityLeft:before {border-color:#7d86c2 !important;}
.darkBlueStep #infinityRight:after, .darkBlueStep #infinityRight:before {border-color:#293955 !important;}
.middleBlueStep #infinityLeft:after, .middleBlueStep #infinityLeft:before {border-color:#084e77 !important;}
.lightBlueStep #infinityRight:after, .lightBlueStep #infinityRight:before {border-color:#1362aa !important;}
.brownStep #infinityRight:after, .brownStep #infinityRight:before {border-color:#af7763 !important;}
.pinkStep #infinityLeft:after, .pinkStep #infinityLeft:before {border-color:#d25057 !important;}
.redStep #infinityRight:after, .redStep #infinityRight:before {border-color:#c51f27 !important;}
.orangeStep #infinityLeft:after, .orangeStep #infinityLeft:before {border-color:#f68e2e !important;}
.purpleContent {border-left:5px solid #7962ac;}
.lightPurpleContent {border-left:5px solid #7d86c2;}
.darkBlueContent {border-left:5px solid #293955;}
.middleBlueContent {border-left:5px solid #084e77;}
.lightBlueContent {border-left:5px solid #1362aa;}
.brownContent {border-left:5px solid #af7763;}
.pinkContent {border-left:5px solid #d25057;}
.redContent {border-left:5px solid #c51f27;}
.orangeContent {border-left:5px solid #f68e2e;}
.popularFeatures {position:relative;}

/**** productServices ****/
#productServices {background:#f6f6f6; margin:0; padding:100px 0;}
#productServices h3 {font-family:'Ubuntu', sans-serif; font-size:36px; font-weight:300; text-align:center; color:#000; margin:0 0 60px 0; background:url(../images/inner-content-bg.jpg) no-repeat center bottom; padding-bottom:20px;}
#productServices h4 {font-size:30px; font-weight:700; color:#3b4381;}
#productServices p {font-size:18px; font-weight:300; color:#565656; margin:0; padding:0 0 50px 0;}
.productServicesIcon {padding-top:20px; text-align:center;}
.productServicesIcon svg {max-width:90px; fill:#3b4381;}

/**** innerWhyIshir ****/
#innerWhyIshir {margin:0; padding:100px 0 0 0;}
#innerWhyIshir h3 {font-family:'Ubuntu', sans-serif; font-size:36px; font-weight:300; text-align:center; color:#000; margin:0 0 60px 0; background:url(../images/inner-content-bg.jpg) no-repeat center bottom; padding-bottom:20px;}
#innerWhyIshir h3 span {font-weight:700;}
#innerWhyIshir p {text-align:center; font-size:18px; font-weight:300; color:#565656; margin:0; padding:0 0 50px 0;}
#innerWhyIshir h5 {font-family:'Ubuntu', sans-serif; font-size:24px; font-weight:300; text-align:center; color:#565656; font-weight:400;}
.whyIshirStep {display:table-cell; vertical-align:middle;}
.whyIshirStepContent h4 {font-size:30px; font-weight:700; color:#3b4381; margin-top:0px;}
.whyIshirStepContent p {text-align:left !important; font-size:18px; font-weight:300; color:#565656; margin:0; padding:0 0 50px 0;}
span.whyStepOne {background:rgb(255,255,255); background:-moz-linear-gradient(-45deg, rgba(255, 255, 255, 1) 0%, rgba(213, 215, 216, 1) 100%); background:-webkit-linear-gradient(-45deg, rgba(255, 255, 255, 1) 0%, rgba(213, 215, 216, 1) 100%); background:linear-gradient(135deg, rgba(255, 255, 255, 1) 0%, rgba(213, 215, 216, 1) 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d5d7d8', GradientType=1 ); width:80px; height:80px; line-height:52px; color:#da625a; font-size:35px; font-weight:400; display:inline-block; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; border:14px solid #da625a;}
span.whyStepTwo {background:rgb(255,255,255); background:-moz-linear-gradient(-45deg, rgba(255, 255, 255, 1) 0%, rgba(213, 215, 216, 1) 100%); background:-webkit-linear-gradient(-45deg, rgba(255, 255, 255, 1) 0%, rgba(213, 215, 216, 1) 100%); background:linear-gradient(135deg, rgba(255, 255, 255, 1) 0%, rgba(213, 215, 216, 1) 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d5d7d8', GradientType=1 ); width:80px; height:80px; line-height:52px; color:#5fa886; font-size:35px; font-weight:400; display:inline-block; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; border:14px solid #5fa886;}
span.whyStepThree {background:rgb(255,255,255); background:-moz-linear-gradient(-45deg, rgba(255, 255, 255, 1) 0%, rgba(213, 215, 216, 1) 100%); background:-webkit-linear-gradient(-45deg, rgba(255, 255, 255, 1) 0%, rgba(213, 215, 216, 1) 100%); background:linear-gradient(135deg, rgba(255, 255, 255, 1) 0%, rgba(213, 215, 216, 1) 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d5d7d8', GradientType=1 ); width:80px; height:80px; line-height:52px; color:#785e6c; font-size:35px; font-weight:400; display:inline-block; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; border:14px solid #785e6c;}
span.whyStepFour {background:rgb(255,255,255); background:-moz-linear-gradient(-45deg, rgba(255, 255, 255, 1) 0%, rgba(213, 215, 216, 1) 100%); background:-webkit-linear-gradient(-45deg, rgba(255, 255, 255, 1) 0%, rgba(213, 215, 216, 1) 100%); background:linear-gradient(135deg, rgba(255, 255, 255, 1) 0%, rgba(213, 215, 216, 1) 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d5d7d8', GradientType=1 ); width:80px; height:80px; line-height:52px; color:#eea417; font-size:35px; font-weight:400; display:inline-block; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; border:14px solid #eea417;}
span.whyStepFive {background:rgb(255,255,255); background:-moz-linear-gradient(-45deg, rgba(255, 255, 255, 1) 0%, rgba(213, 215, 216, 1) 100%); background:-webkit-linear-gradient(-45deg, rgba(255, 255, 255, 1) 0%, rgba(213, 215, 216, 1) 100%); background:linear-gradient(135deg, rgba(255, 255, 255, 1) 0%, rgba(213, 215, 216, 1) 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d5d7d8', GradientType=1 ); width:80px; height:80px; line-height:52px; color:#008080; font-size:35px; font-weight:400; display:inline-block; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; border:14px solid #008080;}
span.whyStepSix {background:rgb(255,255,255); background:-moz-linear-gradient(-45deg, rgba(255, 255, 255, 1) 0%, rgba(213, 215, 216, 1) 100%); background:-webkit-linear-gradient(-45deg, rgba(255, 255, 255, 1) 0%, rgba(213, 215, 216, 1) 100%); background:linear-gradient(135deg, rgba(255, 255, 255, 1) 0%, rgba(213, 215, 216, 1) 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d5d7d8', GradientType=1 ); width:80px; height:80px; line-height:52px; color:#e8804d; font-size:35px; font-weight:400; display:inline-block; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; border:14px solid #e8804d;}
.whyIshirStepOuterLeft {width:100%;}
.whyIshirStepOuterRight {width:100%;}
.whyIshirStepInner {display:table; height:100%; width:100%;}

/**** howDoesWork ****/
#howDoesWork {margin:0; padding:100px 0; background:#f6f6f6;}
#howDoesWork h2 {font-family:'Ubuntu', sans-serif; font-size:36px; font-weight:300; text-align:center; color:#000; margin:0 0 50px 0; background:url(../images/inner-content-bg.jpg) no-repeat center bottom; padding-bottom:20px;}
#howDoesWork p {font-size:18px; font-weight:300; color:#565656; text-align:center;}
#howDoesWork h3 {font-size:24px; font-weight:300; color:#565656; text-align:center; padding-top:20px;}
#howDoesWork img {padding:40px 0 10px 0;}
.howDoesWorkContent h4 {font-size:30px; font-weight:500; color:#3b4381; padding:30px 0 10px 0;}

/**** ourBenefits ****/
#ourBenefits {margin:0; padding:100px 0;}
#ourBenefits h2 {font-family:'Ubuntu', sans-serif; font-size:36px; font-weight:300; text-align:center; color:#000; margin:0 0 50px 0; background:url(../images/inner-content-bg.jpg) no-repeat center bottom; padding-bottom:20px;}
#ourBenefits p {font-size:18px; font-weight:300; color:#565656; text-align:center;}
.greenHexagon {background:#2abb9b;}
.greenHexagon:after, .greenHexagon:before {border-color:#2abb9b !important;}
.blueHexagon {background:#3a98d8;}
.blueHexagon:after, .blueHexagon:before {border-color:#3a98d8 !important;}
.pinkHexagon {background:#fc797a;}
.pinkHexagon:after, .pinkHexagon:before {border-color:#fc797a !important;}
.yellowHexagon {background:#fbb44c;}
.yellowHexagon:after, .yellowHexagon:before {border-color:#fbb44c !important;}
.redHexagon {background:#ef5a34;}
.redHexagon:after, .redHexagon:before {border-color:#ef5a34 !important;}
.lightblueHexagon {background:#3ab1d8;}
.lightblueHexagon:after, .lightblueHexagon:before {border-color:#3ab1d8 !important;}
.hexagon {line-height:108px; position:relative; width:113px; height:73px; margin:80px 0 55px 0; -webkit-transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out; transition:all 0.4s ease-in-out; display:inline-block;}
.hexagon:before, .hexagon:after {content:""; position:absolute; width:0; border-left:57px solid transparent !important; border-right:56px solid transparent !important; -webkit-transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out; transition:all 0.4s ease-in-out;}
.hexagon:before {bottom:100%; left:0%; border-bottom:28px solid #64C7CC;}
.hexagon:after {top:100%; right:0%; width:0; border-top:28px solid #64C7CC;}
.hexagon svg {fill:#ffffff; width:54px; margin:o auto;}
.hexagon:hover {background:#565656 !important;}
.hexagon:hover:after {border-top:28px solid #565656 !important;}
.hexagon:hover:before {border-bottom:28px solid #565656 !important;}

/**** experience ****/
#experience {margin:0; padding:100px 0; background:#f6f6f6;}
#experience h2 {font-family:'Ubuntu', sans-serif; font-size:36px; font-weight:300; text-align:center; color:#000; margin:0 0 50px 0; background:url(../images/inner-content-bg.jpg) no-repeat center bottom; padding-bottom:20px;}
#experience p {font-size:18px; font-weight:300; color:#565656; text-align:center;}
.businessValue {text-align:center;}
.businessValue svg {max-height:85px; fill:#3B4381; margin-top:30px;}
.businessValue p {font-weight:400 !important; padding-top:20px; color:#000 !important;}
.ourMigrationProcessDesktop {display:block;}
.ourMigrationProcessMobile {display:none;}
.ourMigrationProcessMobile ul {padding-top:40px;}
.ourMigrationProcessMobile ul li {font-size:18px; font-weight:400; padding-top:10px; padding-left:30px; color:#565656; height:auto !important;}

/**** competencyCenter ****/
#competencyCenter {margin:0; padding:100px 0 60px 0; text-align:center; background:#f2f2f2;}
#competencyCenter h2 {font-family:'Ubuntu', sans-serif; font-size:36px; font-weight:300; text-align:center; color:#000; margin:0 0 50px 0; background:url(../images/inner-content-bg.jpg) no-repeat center bottom; padding-bottom:20px;}
.competencyContent {margin-bottom:40px;}
.competencyContent p {font-weight:16px; color:#000; font-weight:400; -webkit-transition:all 0.9s ease-in-out; -moz-transition:all 0.9s ease-in-out; -o-transition:all 0.9s ease-in-out; transition:all 0.9s ease-in-out; padding-top:30px;}
.competencyContent:hover .competencyInner {-webkit-transform:scale(1.25); -moz-transform:scale(1.25); -ms-transform:scale(1.25); -o-transform:scale(1.25); transform:scale(1.25);}
.competencyContent:hover .competencyIcon svg {-ms-transform:rotate(360deg); -webkit-transform:rotate(360deg); transform:rotate(360deg);}
.competencyContent:hover p {-webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); transform:scale(1.1);}
.competency {width:152px; height:152px; margin:0 auto; border:1px solid #dc8b8e; background:#fff; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; padding:15px; position:relative;}
.competencyInner {width:120px; height:120px; position:absolute; top:15px; left:15px; background:#dc8b8e; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; -webkit-transition:all 0.9s ease-in-out; -moz-transition:all 0.9s ease-in-out; -o-transition:all 0.9s ease-in-out; transition:all 0.9s ease-in-out;}
.competencyIcon {width:100px; height:100px; background:#c52027; border:1px solid #fff; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; margin:10px auto 0 auto; line-height:100px; text-align:center; display:block; padding-top:15px;}
.competencyIcon svg {fill:#fff; max-width:65px; -webkit-transition:all 0.9s ease-in-out; -moz-transition:all 0.9s ease-in-out; -o-transition:all 0.9s ease-in-out; transition:all 0.9s ease-in-out;}
.orange {border-color:#f1a055;}
.orange > .competencyInner {background:#f1a055;}
.orange > .competencyInner > .competencyIcon {background:#f68e2e;}
.middleBlue {border-color:#7fa2b6;}
.middleBlue > .competencyInner {background:#7fa2b6;}
.middleBlue > .competencyInner > .competencyIcon {background:#084e77;}
.redCompe {border-color:#dc8b8e;}
.redCompe > .competencyInner {background:#dc8b8e;}
.redCompe > .competencyInner > .competencyIcon {background:#c52027;}
.lightBlue {border-color:#85acce;}
.lightBlue > .competencyInner {background:#85acce;}
.lightBlue > .competencyInner > .competencyIcon {background:#1363a9;}
.darkBlue {border-color:#8f97a6;}
.darkBlue > .competencyInner {background:#8f97a6;}
.darkBlue > .competencyInner > .competencyIcon {background:#283956;}
.green {border-color:#c5d69e;}
.green > .competencyInner {background:#c5d69e;}
.green > .competencyInner > .competencyIcon {background:#97b946;}
.lightRed {border-color:#e2a3a6;}
.lightRed > .competencyInner {background:#e2a3a6;}
.lightRed > .competencyInner > .competencyIcon {background:#d25057;}
.yellow {border-color:#f2d69b;}
.yellow > .competencyInner {background:#f2d69b;}
.yellow > .competencyInner > .competencyIcon {background:#f3b941;}
.brown {border-color:#d1b6ac;}
.brown > .competencyInner {background:#d1b6ac;}
.brown > .competencyInner > .competencyIcon {background:#af7763;}
.darkPurple {border-color:#b6acd0;}
.darkPurple > .competencyInner {background:#b6acd0;}
.darkPurple > .competencyInner > .competencyIcon {background:#7863ac;}
.lightPurple {border-color:#b9beda;}
.lightPurple > .competencyInner {background:#b9beda;}
.lightPurple > .competencyInner > .competencyIcon {background:#7e87c1;}

/**** ourPortfolio ****/
#ourPortfolio {margin:0; padding:100px 0 0 0;}
#ourPortfolio h2 {font-family:'Ubuntu', sans-serif; font-size:36px; font-weight:300; text-align:center; color:#000; margin:0 0 50px 0; background:url(../images/inner-content-bg.jpg) no-repeat center bottom; padding-bottom:20px;}
#ourPortfolio h3 {text-transform:uppercase; font-size:30px; font-weight:300; color:#000; padding-top:50px;}
#ourPortfolio a.requestinfo {font-size:16px; font-weight:700; color:#251b00; background:#f5b300; padding:25px 80px; text-transform:uppercase; display:inline-block; -webkit-border-radius:41px; -moz-border-radius:41px; border-radius:41px; border:2px solid #f5b300; margin:30px 0 0 0;}
#ourPortfolio a.requestinfo:hover {background:none; color:#f5b300;}
#ourPortfolioCarousel .owl-item .item {margin:0 20px;}
#ourPortfolioCarousel .owl-item .item img {display:block; height:auto; width:100%; border:1px solid #ccc;}
#ourPortfolioCarousel .owl-prev {margin-left:-15px;}
#ourPortfolioCarousel .owl-next {margin-right:-15px;}

/**** migrationProcess ****/
#migrationProcess {margin:0; padding:300px 0 100px 0; background:#f2f2f2;}
.migrationProcess {width:460px; height:460px; padding:22px; position:relative; margin:0 auto; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; background:#ee6123; background:-moz-linear-gradient(top, #ee6123 0%, #7ebb44 34%, #2590c3 66%, #a33193 100%); background:-webkit-linear-gradient(top, #ee6123 0%, #7ebb44 34%, #2590c3 66%, #a33193 100%); background:linear-gradient(to bottom, #ee6123 0%, #7ebb44 34%, #2590c3 66%, #a33193 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ee6123', endColorstr='#a33193', GradientType=0 );}
.innerMigrationProcess {width:408px; height:411px; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; background:#ffffff; position:absolute; top:25px; left:25px; display:table;}
.innerMigrationProcess h2 {display:table-cell; height:100%; text-align:center; vertical-align:middle; color:#000; font-weight:700; font-family:'Ubuntu', sans-serif; font-size:51px; line-height:61px; padding:40px;}
.firstCircle {position:absolute; top:-15px; left:50%; margin-left:-28px; width:56px; height:56px; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; background:#ee6123; background:-moz-linear-gradient(top, #ee6123 0%, #cd7c2c 100%); background:-webkit-linear-gradient(top, #ee6123 0%, #cd7c2c 100%); background:linear-gradient(to bottom, #ee6123 0%, #cd7c2c 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ee6123', endColorstr='#cd7c2c', GradientType=0 );}
.innerFirstCircle {width:37px; height:37px; margin-top:9px; margin-left:9px; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; background:#fff;}
.firstCircleContent {background:#fff; border-left:7px solid #ed6223; color:#565656; font-size:18px; left:94px; padding:10px 15px; position:absolute; top:-194px; width:270px; -webkit-box-shadow:8px 8px 3px 0 #e8e8e8; box-shadow:8px 8px 3px 0 #e8e8e8;}
.firstCircleContent:after {position:absolute; width:1px; background:#ed6223; height:56px; left:49%; bottom:-56px; content:"";}
.secondCircle {position:absolute; top:26%; left:30px; margin-left:-28px; width:56px; height:56px; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; background:#94a93e; background:-moz-linear-gradient(top, #94a93e 0%, #75b651 100%); background:-webkit-linear-gradient(top, #94a93e 0%, #75b651 100%); background:linear-gradient(to bottom, #94a93e 0%, #75b651 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#94a93e', endColorstr='#75b651', GradientType=0 );}
.innerSecondCircle {width:37px; height:37px; margin-top:9px; margin-left:9px; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; background:#fff;}
.secondCircleContent {position:absolute; background:#fff; width:240px; border-left:7px solid #84b840; font-size:18px; color:#565656; padding:10px 15px; left:-298px; top:104px; -webkit-box-shadow:8px 8px 3px 0 #e8e8e8; box-shadow:8px 8px 3px 0 #e8e8e8;}
.secondCircleContent:after {position:absolute; height:1px; background:#84b840; width:61px; right:-61px; top:50%; content:"";}
.thirdCircle {position:absolute; top:26%; right:3px; margin-left:-28px; width:56px; height:56px; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; background:#94a93e; background:-moz-linear-gradient(top, #94a93e 0%, #75b651 100%); background:-webkit-linear-gradient(top, #94a93e 0%, #75b651 100%); background:linear-gradient(to bottom, #94a93e 0%, #75b651 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#94a93e', endColorstr='#75b651', GradientType=0 );}
.innerThirdCircle {width:37px; height:37px; margin-top:9px; margin-left:9px; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; background:#fff;}
.thirdCircleContent {position:absolute; background:#fff; width:240px; border-left:7px solid #a69c37; font-size:18px; color:#565656; padding:10px 15px; right:-300px; top:90px; -webkit-box-shadow:8px 8px 3px 0 #e8e8e8; box-shadow:8px 8px 3px 0 #e8e8e8;}
.thirdCircleContent:after {position:absolute; height:1px; background:#a69c37; width:72px; left:-72px; top:50%; content:"";}
.fourthCircle {position:absolute; bottom:18%; left:21px; width:56px; height:56px; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; background:#3981bb; background:-moz-linear-gradient(top, #3981bb 0%, #5969af 100%); background:-webkit-linear-gradient(top, #3981bb 0%, #5969af 100%); background:linear-gradient(to bottom, #3981bb 0%, #5969af 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#3981bb', endColorstr='#5969af', GradientType=0 );}
.innerFourthCircle {width:37px; height:37px; margin-top:9px; margin-left:9px; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; background:#fff;}
.fourthCircleContent {position:absolute; background:#fff; width:240px; border-left:7px solid #526fb2; font-size:18px; color:#565656; padding:10px 15px; left:-278px; top:311px; -webkit-box-shadow:8px 8px 3px 0 #e8e8e8; box-shadow:8px 8px 3px 0 #e8e8e8;}
.fourthCircleContent:after {position:absolute; height:1px; background:#526fb2; width:61px; right:-61px; top:50%; content:"";}
.fifthCircle {position:absolute; bottom:18%; right:24px; width:56px; height:56px; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; background:#3981bb; background:-moz-linear-gradient(top, #3981bb 0%, #5969af 100%); background:-webkit-linear-gradient(top, #3981bb 0%, #5969af 100%); background:linear-gradient(to bottom, #3981bb 0%, #5969af 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#3981bb', endColorstr='#5969af', GradientType=0 );}
.innerFifthCircle {width:37px; height:37px; margin-top:9px; margin-left:9px; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; background:#fff;}
.fifthCircleContent {position:absolute; background:#fff; width:240px; border-left:7px solid #84499f; font-size:18px; color:#565656; padding:10px 15px; right:-270px; top:307px; -webkit-box-shadow:8px 8px 3px 0 #e8e8e8; box-shadow:8px 8px 3px 0 #e8e8e8;}
.fifthCircleContent:after {position:absolute; height:1px; background:#84499f; width:56px; left:-63px; top:50%; content:"";}

/**** businessValue ****/
#businessValue {margin:0; padding:100px 0 50px 0;}
#businessValue h2 {font-family:'Ubuntu', sans-serif; font-size:36px; font-weight:300; text-align:center; color:#000; margin:0 0 50px 0; background:url(../images/inner-content-bg.jpg) no-repeat center bottom; padding-bottom:20px;}
.businessValueCircle {-webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; width:200px; height:200px; display:table; position:relative; -webkit-box-shadow:10px 10px 3px 0 #f0f0f0; box-shadow:10px 10px 3px 0 #f0f0f0;}
.businessValueYellow {background:#f9c82d;}
.businessValueRed {background:#ff6f6f;}
.businessValuelightBlue {background:#3598db;}
.businessValueGreen {background:#a7d163;}
.businessValueDarkGreen {background:#0ead99;}
.businessValueDarkBlue {background:#48647c;}
.businessValueYellow p, .businessValueRed p, .businessValuelightBlue p, .businessValueGreen p, .businessValueDarkGreen p, .businessValueDarkBlue p {color:#fff; font-size:22px; font-weight:300; height:100%; top:0; left:0; display:table-cell; vertical-align:middle; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%;}

/**** modernBusiness ****/
#modernBusiness {margin:0; padding:0; background:url(../images/azure-background.jpg) repeat-y center; height:390px;}
.azureLeft {position:absolute; left:0; height:390px;}
.innerAzureLeft {display:table; height:100%; width:100%;}
.cloudModernBusiness {width:100%; display:table-cell; vertical-align:middle; background:url(../images/azure-vector.png) no-repeat right bottom;}
.azureContentTxt {font-size:18px; font-weight:300; color:#565656;}
.azureBtn a {border:2px solid #fff; padding:10px 30px; font-size:14px; color:#fff; display:inline-block; text-transform:uppercase; -webkit-border-radius:25px; -moz-border-radius:25px; border-radius:25px; margin-top:20px;}
.azureBtn a:hover {background:#fff; color:#00ABEB;}
.azureRight {position:absolute; right:0; height:390px;}
.azureContent {display:table; height:100%;}
.azureContentTxt {display:table-cell; vertical-align:middle; padding-left:50px;}

/**** cloudReadiness ****/
#cloudReadiness {margin:0; padding:100px 0;}
#cloudReadiness h2 {font-family:'Ubuntu', sans-serif; font-size:36px; font-weight:300; text-align:center; color:#000; margin:0 0 100px 0; background:url(../images/inner-content-bg.jpg) no-repeat center bottom; padding-bottom:20px;}
.stepOneParent {-ms-transform:rotate(14deg); -webkit-transform:rotate(14deg); transform:rotate(14deg); width:170px; height:auto; margin-top:280px; margin-right:-54px; float:right;}
.stepOneNew {width:170px; height:80px; background:#f4528f; -ms-transform:skewX(-51deg); -webkit-transform:skewX(-51deg); transform:skewX(-51deg); position:relative;}
.stepOneNew:before {-ms-transform:skewX(56deg); -webkit-transform:skewX(56deg); transform:skewX(56deg); content:""; position:absolute; height:40px; width:170px; left:29px; bottom:-39px; background:#ce3674; /*box-shadow:8px 8px 0px #e8e8e8; */
}
.stepOneArrowNew {position:absolute; width:300px; left:-297px; bottom:0; height:1px; background:#ce3674; -ms-transform:rotate(-14deg); -webkit-transform:rotate(-14deg); transform:rotate(-14deg);}
.stepOneArrowNew:before {width:10px; height:10px; background:#ce3674; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; position:absolute; content:""; left:0; top:-4px;}
.stepTwoParent {-ms-transform:rotate(14deg); -webkit-transform:rotate(14deg); transform:rotate(14deg); width:170px; height:auto; margin-right:-55px; float:right; margin-top:174px;}
.stepTwoNew {width:170px; height:80px; background:#7a5d92; -ms-transform:skewX(-51deg); -webkit-transform:skewX(-51deg); transform:skewX(-51deg); position:relative; margin-top:13px;}
.stepTwoNew:before {-ms-transform:skewX(56deg); -webkit-transform:skewX(56deg); transform:skewX(56deg); content:""; position:absolute; height:40px; width:170px; left:29px; bottom:-39px; background:#63497b;}
.stepTwoArrowNew {position:absolute; width:300px; left:-297px; bottom:0; height:1px; background:#63497b; -ms-transform:rotate(-14deg); -webkit-transform:rotate(-14deg); transform:rotate(-14deg);}
.stepTwoArrowNew:before {width:10px; height:10px; background:#63497b; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; position:absolute; content:""; left:0; top:-4px;}
.stepThreeParent {-ms-transform:rotate(14deg); -webkit-transform:rotate(14deg); transform:rotate(14deg); width:170px; height:auto; margin-right:-58px; float:right; margin-top:81px
}
.stepThreeNew {width:170px; height:80px; background:#295fa6; -ms-transform:skewX(-51deg); -webkit-transform:skewX(-51deg); transform:skewX(-51deg); position:relative; margin-top:13px;}
.stepThreeNew:before {-ms-transform:skewX(56deg); -webkit-transform:skewX(56deg); transform:skewX(56deg); content:""; position:absolute; height:40px; width:170px; left:29px; bottom:-39px; background:#17508b;}
.stepThreeArrowNew {position:absolute; width:300px; left:-297px; bottom:0; height:1px; background:#17508b; -ms-transform:rotate(-14deg); -webkit-transform:rotate(-14deg); transform:rotate(-14deg);}
.stepThreeArrowNew:before {width:10px; height:10px; background:#17508b; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; position:absolute; content:""; left:0; top:-4px;}
.stepFourParent {-ms-transform:rotate(14deg); -webkit-transform:rotate(14deg); transform:rotate(14deg); width:170px; height:auto; float:right; position:relative; margin-right:55px;}
.stepFourNew {width:170px; height:80px; background:#2bb8c5; -ms-transform:skewX(-51deg); -webkit-transform:skewX(-51deg); transform:skewX(-51deg); position:relative;}
.stepFourNew:before {-ms-transform:skewX(56deg); -webkit-transform:skewX(56deg); transform:skewX(56deg); content:""; position:absolute; height:40px; width:170px; left:29px; bottom:-39px; background:#159da2;}
.stepFourArrowNew {position:absolute; width:300px; left:-297px; bottom:0; height:1px; background:#2bb8c5; -ms-transform:rotate(-14deg); -webkit-transform:rotate(-14deg); transform:rotate(-14deg);}
.stepFourArrowNew:before {width:10px; height:10px; background:#2bb8c5; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; position:absolute; content:""; left:0; top:-4px;}
.stepCounting {color:#fff; -ms-transform:rotate(-91deg); -webkit-transform:rotate(-91deg); transform:rotate(-91deg) !important; display:block; width:60px !important; text-align:center; position:absolute; right:64px; bottom:0px; font-weight:400; font-size:60px;}
.stepContentNew {position:absolute; width:400px; line-height:30px; left:-690px; bottom:-115px; font-size:18px; font-weight:300; color:#565656; text-align:left; -ms-transform:rotate(-14deg); -webkit-transform:rotate(-14deg); transform:rotate(-14deg);}

/**** azureCloud ****/
#azureCloud {margin:0; padding:100px 0; background:#f2f2f2;}
#azureCloud h2 {font-family:'Ubuntu', sans-serif; font-size:36px; font-weight:300; text-align:center; color:#000; margin:0 0 50px 0; background:url(../images/inner-content-bg.jpg) no-repeat center bottom; padding-bottom:20px;}
#azureCloud p {text-align:center; font-size:18px; font-weight:300; color:#565656; margin:0px;}

/**** azureForISV ****/
#azureForISV {margin:0; padding:100px 0 0 0;}
#azureForISV h2 {font-family:'Ubuntu', sans-serif; font-size:36px; font-weight:300; text-align:center; color:#000; margin:0 0 50px 0; background:url(../images/inner-content-bg.jpg) no-repeat center bottom; padding-bottom:20px;}
#azureForISV p {text-align:center; font-size:18px; font-weight:300; color:#565656; margin:0px;}

/**** ishirApart ****/
#ishirApart {margin:0; padding:100px 0 70px 0; background:#f2f2f2;}
#ishirApart h2 {font-family:'Ubuntu', sans-serif; font-size:36px; font-weight:300; text-align:center; color:#000; margin:0 0 0 0; background:url(../images/inner-content-bg.jpg) no-repeat center bottom; padding-bottom:20px; margin-bottom:50px;}
#ishirApart p {font-family:'Ubuntu', sans-serif; font-size:18px; font-weight:300; text-align:center; color:#000; margin:0 0 50px 0; background:url(../images/inner-content-bg.jpg) no-repeat center bottom; padding-bottom:20px;}
.ishirApartIcon {text-align:center; margin-bottom:30px;}
.ishirApartIcon svg {max-width:100px; fill:#3B4381;}
.ishirApartContent {text-align:left; font-size:18px; font-weight:300; color:#565656; margin:0 0 30px 0; padding:19px 0 0 0;}
.ishirApartContent h4 {font-size:30px; font-weight:700; color:#3b4381;}
.ishirApartContent p {background:none !important; text-align:left !important; margin:0 !important; padding:0 !important;}

/**** servicesOffer ****/
#servicesOffer {margin:0; padding:100px 0;}
#servicesOffer h2 {font-family:'Ubuntu', sans-serif; font-size:36px; font-weight:300; text-align:left; color:#000; margin:0 0 50px 0; background:url(../images/inner-content-bg.jpg) no-repeat left bottom; padding-bottom:20px;}
#servicesOffer h2 span {font-weight:700;}
#servicesOffer p {text-align:left; font-size:18px; font-weight:300; color:#565656; margin:0 0 30px 0;}
#servicesOffer ul {margin-bottom:45px;}
#servicesOffer ul li {text-align:left; font-size:18px; font-weight:300; color:#565656; margin:0 0 5px 17px; list-style:disc;}
#servicesOffer ul h3 {font-size:24px; font-weight:600; margin-bottom:20px; display:block;}
#servicesOffer ul.redListing h3 {color:#e74b3b;}
#servicesOffer ul.greenListing h3 {color:#51c435;}
#servicesOffer ul.lightBlueListing h3 {color:#00ccff;}
#servicesOffer ul.BlueListing h3 {color:#245ccc;}

/**** programs ****/
#programs {margin:0; padding:100px 0 0 0;}
#programs h2 {font-family:'Ubuntu', sans-serif; font-size:36px; font-weight:300; text-align:center; color:#000; margin:0 0 50px 0; background:url(../images/inner-content-bg.jpg) no-repeat center bottom; padding-bottom:40px;}
#programs h2 span {font-weight:300; font-size:18px; color:#565656; display:block;}
#programs p {text-align:center; font-size:18px; font-weight:400; color:#000; padding:80px 30px 0 30px;}
.programCircle {width:126px; height:126px; text-align:center; border:1px solid #000; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; display:inline-block;}
.programInnerCircle {width:80px; height:80px; margin:22px auto 0 auto; border:5px solid #ccc; background:#000; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; display:table;}
.programInnerCircle svg {max-height:39px; fill:#fff; margin-top:13px;}
.programCircleDown {width:2px; height:40px; position:relative; margin-left:calc(50% - 1px); margin-top:23px;}
.programCircleDown:after {position:absolute; width:20px; height:20px; content:""; bottom:-20px; left:-9px; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%;}
.ProgramPinkCircle {border-color:#f49cbb;}
.ProgramPinkCircle > .programInnerCircle {background:#ee6092; border-color:#f49cbb;}
.ProgramPinkCircle .programCircleDown {background:#fbd7e4;}
.ProgramPinkCircle .programCircleDown:after {background:#fbd7e4;}
.ProgramGrayCircle {border-color:#93a3ab;}
.ProgramGrayCircle > .programInnerCircle {background:#526c79; border-color:#93a3ab;}
.ProgramGrayCircle .programCircleDown {background:#d4dadd;}
.ProgramGrayCircle .programCircleDown:after {background:#d4dadd;}
.ProgramBlueCircle {border-color:#bfe4e9;}
.ProgramBlueCircle > .programInnerCircle {background:#0095a7; border-color:#bfe4e9;}
.ProgramBlueCircle .programCircleDown {background:#bfe4e9;}
.ProgramBlueCircle .programCircleDown:after {background:#bfe4e9;}
.ProgramOrangeCircle {border-color:#fde9c8;}
.ProgramOrangeCircle > .programInnerCircle {background:#f8a823; border-color:#fbc976;}
.ProgramOrangeCircle .programCircleDown {background:#fde9c8;}
.ProgramOrangeCircle .programCircleDown:after {background:#fde9c8;}

/**** cloudHype ****/
#cloudHype {margin:50px 0 0 0; padding:0;}
#cloudHype ul li {width:20%; float:left; background:rgb(197,197,197); background:-moz-linear-gradient(45deg, rgba(197, 197, 197, 1) 0%, rgba(219, 219, 219, 1) 100%); background:-webkit-linear-gradient(45deg, rgba(197, 197, 197, 1) 0%, rgba(219, 219, 219, 1) 100%); background:linear-gradient(45deg, rgba(197, 197, 197, 1) 0%, rgba(219, 219, 219, 1) 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#c5c5c5', endColorstr='#dbdbdb', GradientType=1 ); height:245px; text-align:center; position:relative;}
#cloudHype ul li svg {height:76px;}
#cloudHype ul li svg path {fill:#565656;}
.plateform {width:100%; height:100%;}
.plateformContent {display:table; position:absolute; width:100% !important; height:100% !important;}
.plateformContent a {display:table-cell; vertical-align:middle; width:100%; height:100%;}
.plateformContent p {font-size:18px; color:#565656; font-weight:500 !important;}
.plateformContent:hover {color:#fff;}
.plateformContent:hover lable {cursor:pointer;}
#cloudHype ul li:hover svg path {fill:#ffffff;}
#cloudHype ul li:hover {background:url(../images/development-cate-hover-bg.png) no-repeat left top;}
#cloudHype ul li:hover .plateformContent p {color:#fff;}

/**** cloudServices ****/
#cloudServices {margin:0; padding:20px 0 0 0;}
#cloudServices h2 {font-family:'Ubuntu', sans-serif; font-size:36px; font-weight:300; text-align:center; color:#000; margin:0 0 50px 0; background:url(../images/inner-content-bg.jpg) no-repeat center bottom; padding-bottom:40px;}
#cloudServices p {text-align:center; font-size:18px; font-weight:400; color:#565656; padding:20px 0 50px 0;}
.cloudServices {position:relative; text-align:center;}
.cloudServices p {font-size:18px; color:#000 !important; padding:30px 0; min-height:122px;}
.cloudServiceIcon {-webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; text-align:center;}
.cloudServiceIcon svg {fill:#ffffff; max-height:65px; margin-top:31px;}
.purpleCloudService {background:url(../images/purple-inner-circle.png) no-repeat center top;}
.purpleCloudService .cloudServiceIcon {background:#7863ac;}
.purpleCloudService .rotate {background:url(../images/purple-outer-circle.png) no-repeat;}
.grayCloudService {background:url(../images/gray-inner-circle.png) no-repeat center top;}
.grayCloudService .cloudServiceIcon {background:#283956;}
.grayCloudService .rotate {background:url(../images/gray-outer-circle.png) no-repeat;}
.darkBlueCloudService {background:url(../images/dark-blue-inner-circle.png) no-repeat center top;}
.darkBlueCloudService .cloudServiceIcon {background:#084e77;}
.darkBlueCloudService .rotate {background:url(../images/dark-blue-outer-circle.png) no-repeat;}
.lightBlueCloudService {background:url(../images/light-blue-inner-circle.png) no-repeat center top;}
.lightBlueCloudService .cloudServiceIcon {background:#1363a9;}
.lightBlueCloudService .rotate {background:url(../images/light-blue-outer-circle.png) no-repeat;}
.lightPurpleCloudService {background:url(../images/light-purple-inner-circle.png) no-repeat center top;}
.lightPurpleCloudService .cloudServiceIcon {background:#7e87c1;}
.lightPurpleCloudService .rotate {background:url(../images/light-purple-outer-circle.png) no-repeat;}
.brownCloudService {background:url(../images/brown-inner-circle.png) no-repeat center top;}
.brownCloudService .cloudServiceIcon {background:#af7763;}
.brownCloudService .rotate {background:url(../images/brown-outer-circle.png) no-repeat;}
.lightRedCloudService {background:url(../images/light-red-inner-circle.png) no-repeat center top;}
.lightRedCloudService .cloudServiceIcon {background:#d25057;}
.lightRedCloudService .rotate {background:url(../images/light-red-outer-circle.png) no-repeat;}
.redCloudService {background:url(../images/red-inner-circle.png) no-repeat center top;}
.redCloudService .cloudServiceIcon {background:#c52027;}
.redCloudService .rotate {background:url(../images/red-outer-circle.png) no-repeat;}
.orangeCloudService {background:url(../images/orange-inner-circle.png) no-repeat center top;}
.orangeCloudService .cloudServiceIcon {background:#f68e2e;}
.orangeCloudService .rotate {background:url(../images/orange-outer-circle.png) no-repeat;}
.yellowCloudService {background:url(../images/yellow-inner-circle.png) no-repeat center top;}
.yellowCloudService .cloudServiceIcon {background:#ffcf6b;}
.yellowCloudService .rotate {background:url(../images/yellow-outer-circle.png) no-repeat;}
.cloudServiceIcon {position:absolute; top:39px; left:50%; margin-left:-62px; width:125px; height:125px; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; display:inline-block;}
.rotate {position:absolute; position:relative; top:0; left:0px; width:201px; height:201px; animation:15s linear infinite rotate; transform-origin:50% 50%; display:inline-block;}
.cloudServices:hover .cloudServiceIcon {-webkit-transform:scale(1.25); -moz-transform:scale(1.25); -ms-transform:scale(1.25); -o-transform:scale(1.25); transform:scale(1.25);}

@-webkit-keyframes rotate {
	from {transform:rotate(0deg);}
	to {transform:rotate(360deg);}
}

@-moz-keyframes rotate {
	from {transform:rotate(0deg);}
	to {transform:rotate(360deg);}
}

@-o-keyframes rotate {
	from {transform:rotate(0deg);}
	to {transform:rotate(360deg);}
}

@keyframes rotate {
	from {transform:rotate(0deg);}
	to {transform:rotate(360deg);}
}

/**** bigdatAnalytics ****/
#bigdatAnalytics {margin:0; padding:100px 0 0 0;}
#bigdatAnalytics h3 {font-size:30px; font-weight:700; color:#3b4381; line-height:35px;}
#bigdatAnalytics p {color:#565656; font-size:18px; font-weight:300; margin-bottom:20px;}
.topGrayBack {position:relative;}
.topGrayBack:before {width:82px; height:24px; background:url(../images/big-data-step-gray-top-bg.jpg) no-repeat; left:69px; top:-24px; content:""; position:absolute;}
.bigdataStepsLeft, .bigdataStepsRight {position:relative;}
.bigdataLeft {position:absolute; left:100%; top:0; background:url(../images/big-data-step-gray-bg.jpg) repeat-y center top; width:220px; height:100%;}
.bigdataRight {position:absolute; right:100%; top:0; background:url(../images/big-data-step-gray-bg.jpg) repeat-y center top; width:279px; height:100%;}
.bigdataLeft .stepLeft {margin:30px 0 0 43px;}
.bigdataLeft .stepRight {margin:30px 43px 0 0;}
.bigdataRight .stepLeft {margin:30px 0 0 72px;}
.bigdataRight .stepRight {margin:30px 73px 0 0;}
.stepLeft {float:left; width:67px; height:91px; -ms-transform:skew(0deg, 9deg); -webkit-transform:skew(0deg, 9deg); transform:skew(0deg, 9deg);}
.stepLeft:before {border-top:6px solid transparent; border-right:26px solid red; border-bottom:12px solid transparent; -ms-transform:skew(0deg, -25deg); -webkit-transform:skew(0deg, -25deg); transform:skew(0deg, -25deg); position:absolute; content:""; top:-11px; left:0px;}
.stepRight {float:right; width:67px; height:91px; -ms-transform:skew(0deg, -9deg); -webkit-transform:skew(0deg, -9deg); transform:skew(0deg, -9deg);}
.stepRight:before {border-top:6px solid transparent; border-left:26px solid red; border-bottom:12px solid transparent; -ms-transform:skew(0deg, 24deg); -webkit-transform:skew(0deg, 24deg); transform:skew(0deg, 24deg); position:absolute; content:""; top:-12px; right:0px;}
.stepLeft, .stepRight {text-align:center; position:relative; font-size:45px; color:#fff; font-weight:700; padding-top:12px;}
.bigdataGreenStep .stepLeft {background:#9dc854;}
.bigdataGreenStep .stepRight {background:#7bb342;}
.bigdataGreenStep .stepLeft:before {border-right-color:#bad79c;}
.bigdataGreenStep .stepRight:before {border-left-color:#bad79c;}
.bigdataOrangeStep .stepLeft {background:#ffc800;}
.bigdataOrangeStep .stepRight {background:#ffb300;}
.bigdataOrangeStep .stepLeft:before {border-right-color:#ffd77a;}
.bigdataOrangeStep .stepRight:before {border-left-color:#ffd77a;}
.bigdataBlueStep .stepLeft {background:#00c3d2;}
.bigdataBlueStep .stepRight {background:#00acc1;}
.bigdataBlueStep .stepLeft:before {border-right-color:#7ad4df;}
.bigdataBlueStep .stepRight:before {border-left-color:#7ad4df;}
.bigdataGrayStep .stepLeft {background:#6a8b9b;}
.bigdataGrayStep .stepRight {background:#536d79;}
.bigdataGrayStep .stepLeft:before {border-right-color:#364d58;}
.bigdataGrayStep .stepRight:before {border-left-color:#364d58;}

/**** getitBigData ****/
#getitBigData {padding:100px 0; background:#f6f6f6;}
#getitBigData p {color:#565656; font-size:18px; font-weight:300; text-align:center; padding:70px 0; margin:0;}
.bigDataImage {text-align:center;}

/**** bigDataService ****/
#bigDataService {margin:0; padding:100px 0 0 0;}
#bigDataService h2 {font-family:'Ubuntu', sans-serif; font-size:36px; font-weight:300; text-align:center; color:#000; margin:0 0 50px 0; background:url(../images/inner-content-bg.jpg) no-repeat center bottom; padding-bottom:40px;}
#bigDataService h3 {color:#3b4381; font-size:30px; font-weight:500; line-height:35px;}
#bigDataService p {text-align:left; font-size:18px; font-weight:400; color:#565656; padding:0 0 50px 0;}
#bigDataService svg {fill:#3b4381; max-width:130px;}
.bigDataSevicesIcon {text-align:center; margin-top:20px;}
li.width50 {width:50% !important;}
.devopsContent {padding-top:20px;}
.devopsContent h4 {color:#3b4381; font-size:30px; font-weight:700;}
.devopsContent p {text-align:left !important; margin-bottom:10px !important;}

/**** bigProcessServices ****/
#bigProcessServices {margin:0; padding:100px 0 0 0; background:#f6f6f6;}
.bigProcessService {background:#f2f2f2; margin-bottom:90px; padding:145px 25px 25px 25px; color:#fff; text-align:center; min-height:518px; -webkit-transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out; transition:all 0.4s ease-in-out;}
.bigProcessService:hover .bigProcessIcon {top:-60px; -webkit-box-shadow:0 10px 10px 0 rgba(0, 0, 0, 0.5); box-shadow:0 10px 10px 0 rgba(0, 0, 0, 0.5);}
.bigProcessService:hover {-webkit-transform:scale(1.02); -moz-transform:scale(1.02); -ms-transform:scale(1.02); -o-transform:scale(1.02); transform:scale(1.02);}
.bigProcessService h4 {font-size:30px; font-weight:500;}
.bigProcessService p, .bigProcessService ul li {font-size:18px; line-height:29px; padding-top:5px;}
.bigProcessService ul {margin:0; padding:0;}
.bigProcessService ul li {list-style:disc;}
.services h4 {margin-top:0px;}
.services p {margin-bottom:0px;}
.bigProcessIcon {background:#fff; border:1px solid #000; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; height:180px; left:50%; margin-left:-90px; padding:45px; position:absolute; top:-50px; width:180px; -webkit-transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out; transition:all 0.4s ease-in-out;}
.bigProcessIcon svg {width:90px;}
.blueOneService {background:#018ea2;}
.blueOneService svg {fill:#5595a1;}
.blueOneService .bigProcessIcon {border-color:#72b5bc;}
.orangeOneService {background:#f5941f;}
.orangeOneService svg {fill:#f5941f;}
.orangeOneService .bigProcessIcon {border-color:#f5941f;}
.blueTwoService {background:#186078;}
.blueTwoService svg {fill:#186078;}
.blueTwoService .bigProcessIcon {border-color:#186078;}
.grayBigProcessService {background:#566473;}
.grayBigProcessService svg {fill:#566473;}
.grayBigProcessService .bigProcessIcon {border-color:#566473;}
.purpleOneService {background:#9864b0;}
.purpleOneService svg {fill:#9864b0;}
.purpleOneService .bigProcessIcon {border-color:#9864b0;}
.blueThreeService {background:#5595a1;}
.blueThreeService svg {fill:#5595a1;}
.blueThreeService .bigProcessIcon {border-color:#5595a1;}
.orangeTwoService {background:#e2722e;}
.orangeTwoService svg {fill:#e2722e;}
.orangeTwoService .bigProcessIcon {border-color:#e2722e;}
.blueThreeService {background:#0c7b9d;}
.blueThreeService svg {fill:#0c7b9d;}
.blueThreeService .bigProcessIcon {border-color:#0c7b9d;}
.greenBigProcessService {background:#508b79;}
.greenBigProcessService svg {fill:#508b79;}
.greenBigProcessService .bigProcessIcon {border-color:#508b79;}
.purpleTwoService {background:#514459;}
.purpleTwoService svg {fill:#514459;}
.purpleTwoService .bigProcessIcon {border-color:#514459;}

/**** keyDifferentiation ****/
#keyDifferentiation {margin:0; padding:100px 0 50px 0;}
#keyDifferentiation h2 {font-family:'Ubuntu', sans-serif; font-size:36px; font-weight:300; text-align:center; color:#000; margin:0 0 50px 0; background:url(../images/inner-content-bg.jpg) no-repeat center bottom; padding-bottom:40px;}
.keyDifferentiationLiesIcon {text-align:center;}
.keyDifferentiationContent {padding-bottom:50px;}
.keyDifferentiationContent h3 {font-size:31px; font-weight:500; color:#000; margin:0px;}
.keyDifferentiationContent p {text-align:left; font-size:18px; font-weight:400; color:#000; padding:20px 0 0 0;}
.keyDifferentiationLiesIcon svg {max-width:120px;}
.digitalMarketingIcon {text-align:center;}
.digitalMarketingContent h2 {font-size:30px; font-weight:300; color:#000; margin:0; padding:0; margin-bottom:20px;}
.digitalMarketingContent h2 span {font-weight:500;}
.digitalMarketingContent p {text-align:left !important; margin-bottom:20px !important;}

/**** SoftwarePackaging ****/
#softwarePackaging {margin:0; padding:100px 0; background:#f6f6f6;}
#softwarePackaging h2 {font-family:'Ubuntu', sans-serif; font-size:36px; font-weight:300; text-align:center; color:#000; margin:0 0 50px 0; background:url(../images/inner-content-bg.jpg) no-repeat center bottom; padding-bottom:40px;}
.softwarePackagingIcon {text-align:center; margin-bottom:30px;}
.softwarePackagingIcon svg {fill:#3b4381; max-width:102px;}
.softwarePackagingContent {margin-bottom:30px;}
.softwarePackagingContent h4 {color:#3b4381; font-size:28px; font-weight:600; margin:0;}
.softwarePackagingContent p {text-align:left; font-size:18px; font-weight:400; color:#565656; padding:10px 0 0 0;}
.panel-heading {padding:0px;}
.panel {border:none; box-shadow:none;}
.panel-title h5 {font-size:18px; color:#000;}
.panel-title p {font-size:18px; color:#000; display:block; text-align:left !important; margin:0px; paddong-bottom:40px;}
.panelTitleActive h5 {color:#f77f43;}

/**** goodUserExp ****/
#goodUserExp {margin:0; padding:100px 0; background:#f6f6f6;}
#goodUserExp h2 {font-family:'Ubuntu', sans-serif; font-size:36px; font-weight:300; text-align:center; color:#000; margin:0 0 50px 0; background:url(../images/inner-content-bg.jpg) no-repeat center bottom; padding-bottom:40px;}
#goodUserExp p {text-align:left; font-size:18px; font-weight:400; color:#565656; padding:10px 0 0 0;}
#goodUserExp ul li {font-size:18px; font-weight:400; color:#565656; list-style:disc; margin-left:16px;}
#goodUserExp p span {font-weight:500; color:#000;}
#goodUserExp svg {max-width:450px;}

/**** UX-Testimonial ****/
#UX-Testimonial {margin:0; padding:100px 0 0 0;}
#testimonialUserExp {text-align:center;}
#testimonialUserExp p {font-size:18px; font-weight:400; color:#565656; padding:10px 0 0 0;}
.testiDetail {padding-top:50px;}
.testiDetail img {width:60px; height:60px; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; display:inline-block;}
.testiDetail h4 {font-size:24px; color:#3b4381; font-weight:500; margin-bottom:0px;}
.testiDetail p {font-size:14px !important; padding-top:0px !important;}
#UX-Testimonial .owl-buttons {display:block;}
#testimonialUserExp .owl-prev {width:14px; height:22px; background:url(../images/UX-testi-left-arrow.jpg) no-repeat;}
#testimonialUserExp .owl-next {width:14px; height:22px; background:url(../images/UX-testi-right-arrow.jpg) no-repeat;}

/**** ecommerceDevContent ****/
#ecommerceDevContent {margin:0; padding:100px 0 70px 0; background:#f6f6f6;}
.ecommerceDevIcon {text-align:center; padding-bottom:35px;}
.ecommerceDevIcon svg {max-width:145px; display:inline-block;}
.ecommerceDevContent {padding-bottom:15px;}
.ecommerceDevContent h4 {font-size:30px; color:#000; font-weight:600; margin:0 0 15px 0;}
.ecommerceDevContent p {font-size:18px; font-weight:400; color:#565656; padding:0 0 20px 0;}
.ecommerceDevContent ul li {font-size:18px; font-weight:400; color:#565656; display:block; padding:0 0 5px 20px; background:url(../images/ecommerce-listing-icon.jpg) no-repeat left 8px;}
.wantToDiscussion h3 {font-family:'Ubuntu', sans-serif; font-size:36px; font-weight:300; text-align:center; text-transform:uppercase; color:#000; padding-bottom:30px; margin:0;}
.sharepointDevIcon {text-align:center;}
.sharepointDevIcon svg {max-width:120px; display:inline-block; fill:#3b4381;}
.sharepointDevContent h4 {font-size:26px; font-weight:500; color:#3b4381;}
.sharepointDevContent p {font-size:18px; font-weight:400; color:#565656; padding:0 0 20px 0; text-align:left !important; margin-bottom:10px !important;}
.sharepointDevContent p span {font-weight:500;}
.ecommerceContent svg {max-width:250px;}
.ecommerceContent h4 {font-size:30px; color:#000; padding:20px 0;}
.ecommerceContent p {font-size:18px; font-weight:400; color:#565656;}
.ecommerceContent ul li {font-size:18px; font-weight:400; color:#565656; list-style-position:inside !important; line-height:25px; padding-bottom:7px;}
.paddingBotNew {padding-bottom:0px;}

/****    ****/
.deliveryModelGray {background:#f6f6f6; padding:100px 0;}
.deliveryModelWhite {background:#fff; padding:100px 0;}
.deliveryModelIcon {text-align:center;}
.deliveryModelIcon svg {display:inline-block; max-width:600px;}
.deliveryModelContent h4 {font-size:28px; font-weight:700; color:#3b4381;}
.deliveryModelContent p {font-size:18px; font-weight:400; color:#565656; padding:0 0 20px 0; text-align:left !important; margin-bottom:10px !important;}

/**** engagementModel ****/
#engagementModel {margin:0; padding:0;}
.engagementModelStep {text-align:center; padding-bottom:30px; margin-top:30px; -webkit-transition:all 0.7s ease-in-out; -moz-transition:all 0.7s ease-in-out; -o-transition:all 0.7s ease-in-out; transition:all 0.7s ease-in-out;}
.engagementModelStep h4 {font-size:18px; color:#000; font-weight:400; padding-top:20px;}
.engagementSteps {display:inline-block; width:105px; height:105px; padding-top:10px; -webkit-border-radius:18px; -webkit-border-top-left-radius:0; -moz-border-radius:18px; -moz-border-radius-topleft:0; border-radius:18px; border-top-left-radius:0; background:#000; -ms-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg); -webkit-transition:all 0.7s ease-in-out; -moz-transition:all 0.7s ease-in-out; -o-transition:all 0.7s ease-in-out; transition:all 0.7s ease-in-out;}
.engagementInnerSteps {width:85px; height:85px; border:2px solid #fff; margin:0 10px 0 10px; color:#fff; -webkit-border-radius:18px; -webkit-border-top-left-radius:0; -moz-border-radius:18px; -moz-border-radius-topleft:0; border-radius:18px; border-top-left-radius:0; position:relative; -webkit-transition:all 0.7s ease-in-out; -moz-transition:all 0.7s ease-in-out; -o-transition:all 0.7s ease-in-out; transition:all 0.7s ease-in-out;}
.engagementModelStep:hover .engagementSteps, .engagementModelStep:hover .engagementInnerSteps {-webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%;}
.engagementInnerSteps span {position:absolute; top:0; left:0; position:absolute; width:100%; height:100%; -ms-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); transform:rotate(-45deg); text-align:center; line-height:75px; font-size:30px; font-weight:500;}
.engagementStepBlue {background:#2c4e65;}
.engagementStepBlue .engagementInnerSteps {border-color:#6fbe44;}
.engagementStepYellow {background:#fec53f;}
.engagmentModelIcon {text-align:center; padding-bottom:30px;}
.engagmentModelIcon svg {display:inline-block; max-width:120px; fill:#3b4381;}
.engagmentModelContent {padding-bottom:20px;}
.engagmentModelContent h4 {font-size:28px; font-weight:500; color:#3b4381; margin:0px;}
.engagmentModelContent p, .engagmentModelContent ul {padding-top:10px;}
.engagmentModelContent p, .engagmentModelContent ul li {font-size:18px; font-weight:400; color:#565656; padding-bottom:10px;}
.engagmentModelContent ul li {background:url(../images/engagment-listing-icon.png) no-repeat left 8px; padding-left:20px;}

/**** phpDeveServices ****/
#phpDeveServices {margin:0; padding:100px 0; background:url(../images/php-dev-background.jpg) no-repeat fixed; background-size:cover;}
#phpDeveServices h2 {font-family:'Ubuntu', sans-serif; font-size:36px; font-weight:300; text-align:center; color:#fff; margin:0 0 50px 0; background:url(../images/inner-content-bg.jpg) no-repeat center bottom; padding-bottom:40px;}
#phpDeveServices .nav-tabs {text-align:center; padding-bottom:50px;}
#phpDeveServices .nav-tabs > li {margin:0 5px; display:inline-block; float:none; -webkit-border-radius:25px; -moz-border-radius:25px; border-radius:25px;}
#phpDeveServices .nav-tabs > li > a {background:none; border:none; font-size:16px; padding:10px 30px; margin:0px;}
#phpDeveServices .nav-tabs > li.active {background:#f5b300;}
#phpDeveServices .nav-tabs > li.active > a {color:#000 !important;}
#phpDeveServices .nav-tabs > li:hover {background:#fff;}
#phpDeveServices .nav-tabs > li:hover > a {color:#000 !important;}
#phpDeveServices .nav-tabs > li.active:hover {background:#f5b300;}
#phpDeveServices .nav-tabs > li.active:hover a {color:#000;}
#phpDeveServices .tab-content {text-align:center;}
#phpDeveServices .tab-content ul li {display:inline-block; width:140px; height:140px; background:#fff; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; border:7px solid #e1e1e1; margin:0 10px 10px 10px;}
.phpDevSer {padding:13px 0;}
#phpDevContent {padding:100px 0;}
#phpDevContent h2 {font-family:'Ubuntu', sans-serif; font-size:32px; font-weight:300; color:#000; margin:0 0 40px 0; background:url(../images/inner-content-bg.jpg) no-repeat center bottom; padding-bottom:10px; text-align:center;}
#phpDevContent ul li {border-bottom:1px solid #d6d6d6; background:url(../images/php-listing-bg.jpg) no-repeat left 18px; padding:8px 0 8px 15px; font-size:18px; color:#000; line-height:30px;}
#ourPortfolio {margin:0; padding:100px 0 0 0;}
#ourPortfolio h2 {font-family:'Ubuntu', sans-serif; font-size:36px; font-weight:300; text-align:center; color:#000; margin:0 0 50px 0; background:url(../images/inner-content-bg.jpg) no-repeat center bottom; padding-bottom:40px;}
#ourPortfolioSlider .item {padding:0 15px;}
#ourPortfolioSlider .item img {border:2px solid #dadada;}
#ourPortfolioSlider .owl-buttons .owl-prev {width:28px; height:41px; background:url(../images/portfolio-left-arrow.jpg) no-repeat; margin-left:-20px; margin-top:1%;}
#ourPortfolioSlider .owl-buttons .owl-next {width:28px; height:41px; background:url(../images/portfolio-right-arrow.jpg) no-repeat; margin-right:-20px; margin-top:1%;}
#ourPortfolioCarousel .item p.portfolio-name {font-size:25px; color:#000; padding:0 0 10px 0; margin:0px; font-weight:500;}
#ourPortfolioCarousel .item p.portfolio-detail {font-size:16px; color:#000; padding:15px 0; margin:0px; font-weight:400;}
#ourPortfolioCarousel a.portfolio-link {font-size:13px; font-weight:600; color:#251b00; background:#f5b300; padding:10px 25px; text-transform:uppercase; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; border:2px solid #f5b300; display:inline-block; margin-top:10px;}
#ourPortfolioCarousel a.portfolio-link:hover {background:none; color:#f5b300;}

/**** plateformTechnologies ****/
#plateformTechnologies {margin:0; padding:100px 0 0 0;}
#plateformTechnologies h2 {font-family:'Ubuntu', sans-serif; font-size:36px; font-weight:300; text-align:center; color:#000; margin:0 0 70px 0; background:url(../images/inner-content-bg.jpg) no-repeat center bottom; padding-bottom:20px;}
#plateformTechnologies p.contentFrontend {font-family:'Ubuntu', sans-serif; font-size:18px; font-weight:300; text-align:center; color:#565656; margin:0 0 70px 0; background:url(../images/inner-content-bg.jpg) no-repeat center bottom; padding-bottom:20px;}
.plateformTechContent {border-top:1px solid #d9d9d9;}
.plateformColum {border-bottom:1px solid #d9d9d9; width:33.333333%; float:left; text-align:center; height:400px; position:relative;}
.plateformColum {min-height:650px;}


.plateformTechnologies {position:absolute; width:100%; height:100%; display:table;}
.innerPlateformColum {padding:50px 15px; width:100%; margin:0 auto; display:table-cell; vertical-align:middle;}
.PlateformColumTech {max-width:380px; margin:0 auto; text-align:left;}
.PlateformColumTech ul li{list-style:inside;}
.PlateformColumTech svg {fill:#3B4381; max-height:100px;}
.innerPlateformColum p {font-size:15px; color:#000; line-height:25px; padding:20px 0;}
.innerPlateformColum a {display:inline-block; font-size:13px; font-weight:bold; color:#787878; border:1px solid #d3cccc; border-radius:50px; width:auto; padding:12px 50px; text-align:center; text-transform:uppercase; margin:0 auto; background:transparent;}
.innerPlateformColum a:hover {color:#fff; background:#f5b318; border-color:#f5b318;}
.borderRightPlateform {border-right:1px solid #d9d9d9;}

/**** caseStudies ****/
.caseStudies {}
.caseStudies .panel-heading {background:none;}
.caseStudies .panel-heading .panel-title a {background:url(../images/minus-icon.jpg) no-repeat left 8px; padding-left:37px; line-height:39px; display:block; font-family:'Ubuntu', sans-serif; font-size:20px; font-weight:400; color:#3b4381; border-bottom:1px solid #d1d1d1; padding-bottom:15px; margin-top:15px;}
.caseStudies .panel-heading .panel-title a.collapsed {background:url(../images/plus-icon.jpg) no-repeat left 8px; border-bottom:1px solid #d1d1d1;}
.caseStudies h5 {color:#000; font-size:17px; font-weight:400;}
.caseStudies p {background:none; font-size:17px; padding-bottom:0px; margin-bottom:20px;}
.caseStudies .panel-body a {width:55px; height:55px; border:2px solid #f5b300; color:#000; display:block; text-align:center; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; margin-top:15px;}
.caseStudies .panel-body a i {display:block; line-height:51px; color:#f5b300; font-size:20px;}
.caseStudies .panel-body a:hover {background:#f5b300;}
.caseStudies .panel-body a:hover i {color:#fff;}
#request-info p, #downloadCasestudies p {font-size:16px; padding-bottom:10px;}
#request-info label, #downloadCasestudies label {font-weight:300; color:#565656; font-size:12px;}
#request-info input[type="text"], #request-info input[type="email"], #downloadCasestudies input[type="text"] {margin:0 0 15px 0; height:auto; padding:12px;}
#request-info input[type="button"], #request-info input[type="submit"], #downloadCasestudies input[type="button"], #downloadCasestudies input[type="submit"] {margin:15px 0 0 0; background:#f5b300; border:none; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; padding:10px 30px; font-size:16px; color:#fff; -webkit-transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out; transition:all 0.4s ease-in-out;}
#request-info input[type="button"]:hover, #downloadCasestudies input[type="button"]:hover {background:#d69e06;}
a.contentLink {color:#f5b300; font-weight:700;}
a.contentLink:hover {text-decoration:underline;}
.clientsLogoMain {border:1px solid #d9d9d9; margin-top:30px; text-align:center; position:relative; height:260px; max-width:365px; -webkit-transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out; transition:all 0.4s ease-in-out;}
.clientsLogo {position:absolute; width:100%; height:100%; text-align:center; display:table;}
.innerClientsLogo {display:table-cell; vertical-align:middle;}
.clientsLogoMain:hover {border:4px solid #f5b300;}

/**** ourBenifits ****/
#ourBenifits {margin:0; padding:100px 0;}
.ourBenifits {float:left; text-align:center; margin-top:180px; margin-left:290px;}
.ourbenifitsHeading {border:9px solid #2c4d63; background:#fff; width:200px; height:200px; text-align:center; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; display:table;}
.ourbenifitsHeading h2 {display:table-cell; vertical-align:middle; height:178px; font-size:36px; font-weight:300; color:#2c4d63; line-height:35px;}
.ourbenifitsHeading h2 span {font-weight:500;}
.ourBenefitStep {float:left;}
.innerOurBenefitStep {margin-left:200px; width:400px; height:120px; margin-bottom:30px; position:relative;}
.innerOurBenefitStep p {font-size:18px; color:#fff; font-weight:300; height:120px; display:table-cell; vertical-align:middle; padding:10px 10px 10px 56px;}
.ourBenefitStepCounting {width:135px; height:135px; border:4px solid #000; text-align:center; font-size:48px; line-height:125px; font-weight:500; background:#fff; position:absolute; top:-7px; left:-95px; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%;}
.ourBenefitStep .pinkStep {background:#f4528f;}
.ourBenefitStep .pinkStep .ourBenefitStepCounting {border-color:#f4528f; color:#819f16;}
.ourBenefitStep .pinkStep:before {width:200px; height:2px; background:#000; position:absolute; top:134px; left:-263px; content:""; -ms-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); transform:rotate(-45deg);}
.ourBenefitStep .darkBlueStep {background:#295fa6;}
.ourBenefitStep .darkBlueStep .ourBenefitStepCounting {border-color:#295fa6; color:#4bafd2;}
.ourBenefitStep .darkBlueStep:before {width:123px; height:2px; background:#000; position:absolute; top:83px; left:-208px; content:""; -ms-transform:rotate(-20deg); -webkit-transform:rotate(-20deg); transform:rotate(-20deg);}
.ourBenefitStep .purpleStep {background:#7a5d92;}
.ourBenefitStep .purpleStep .ourBenefitStepCounting {border-color:#7a5d92; color:#cc5239;}
.ourBenefitStep .purpleStep:before {width:123px; height:2px; background:#000; position:absolute; top:36px; left:-211px; content:""; -ms-transform:rotate(20deg); -webkit-transform:rotate(20deg); transform:rotate(20deg);}
.ourBenefitStep .lightBlueStep {background:#2bb8c5; margin-bottom:0;}
.ourBenefitStep .lightBlueStep .ourBenefitStepCounting {border-color:#2bb8c5; color:#2c4d63;}
.ourBenefitStep .lightBlueStep:before {width:211px; height:2px; background:#000; position:absolute; top:-16px; left:-275px; content:""; -ms-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg);}

/**** strategicTechnology ****/
#strategicTechnology {margin:0; padding:100px 0; background:url(../images/strategic-technology-background.jpg) no-repeat; background-size:cover;}
#strategicTechnology h2 {font-size:32px; font-weight:300; text-align:left; color:#fff; margin:0 0 40px 0; background:url(../images/white-heading-icon.jpg) no-repeat left bottom; padding-bottom:20px;}
#strategicTechnology h2 span {font-weight:700; color:#f5b300;}
#strategicTechnology p {font-size:18px; font-weight:400; color:#fff;}
.contentListing p {text-align:left !important;}
.contentListing h2 {font-weight:400; font-size:25px; padding-bottom:10px;}
.contentListing ul li {display:block; width:100%; height:auto !important; background:url(../images/content-listing-icon.jpg) no-repeat left 11px !important; text-align:left !important; padding:0 0 8px 12px; font-size:18px; font-weight:300; color:#565656;}
.contentListing ul li a {text-decoration:underline; color:#565656;}
.contentListing ul li a:hover {text-decoration:none; color:#000;}
.tryNowBtn {text-align:center; padding-top:40px;}
a.tryNow {font-size:13px; font-weight:700; color:#dd3c00; border:2px solid #dd3c00; -webkit-border-radius:50px; -moz-border-radius:50px; border-radius:50px; padding:18px 30px; text-transform:uppercase; display:inline-block;}
a.tryNow:hover {background:#dd3c00; color:#fff;}

/**** deployOffice ****/
#deployOffice {margin:0; padding:100px 0 0 0;}
#deployOffice h2 {font-family:'Ubuntu', sans-serif; font-size:36px; font-weight:300; text-align:center; color:#000; margin:0 0 50px 0; padding-bottom:20px;}
#deployOffice .featuresStepRight {background:url(../images/features-bg.jpg) repeat-y center; position:absolute; left:100%; top:0; height:100%; width:209px;}
#deployOffice .featuresStepRight .innerFeaturesStep, .featuresStepLeft .innerFeaturesStep {height:100%; width:100%; display:table;}
#deployOffice .featuresStepRight .innerFeaturesStep .featuresStepNew, #deployOffice .featuresStepLeft .innerFeaturesStep .featuresStepNew {display:table-cell; vertical-align:middle;}
#deployOffice .featuresStepLeft {background:url(../images/features-bg.jpg) repeat-y center; position:absolute; right:100%; top:0; height:100%; width:209px;}
#deployOffice .featuresContent {border:none; background:none; margin:20px 0; -webkit-box-shadow:0 0 0 0 rgba(0, 0, 0, 0.2); box-shadow:0 0 0 0 rgba(0, 0, 0, 0.2); padding:0;}
#deployOffice .featuresContent h3 {font-weight:700; font-size:30px;}
#deployOffice .featuresContent p {font-weight:300; font-size:18px; color:#565656;}
#infinityLeft {width:84px; height:46px; position:relative; margin-left:34px;}
#infinityLeft:before, #infinityLeft:after {content:""; width:45px; height:45px; position:absolute; top:0; left:0; border:23px solid #06c999; -moz-border-radius:50px 50px 0; border-radius:50px 50px 0 50px; -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -o-transform:rotate(-45deg); transform:rotate(-45deg);}
#infinityLeft:before {z-index:2;}
#infinityLeft:after {width:25px !important; height:25px !important; left:auto; right:0; top:10px; -moz-border-radius:50px 50px 50px 0; border-radius:50px 50px 50px 0; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg); border:8px solid #06c999 !important; background:#fff; -webkit-box-shadow:0 0 0 5px #FFFFFF; box-shadow:0 0 0 5px #FFFFFF; z-index:1;}
#infinityRight {width:84px; height:46px; position:relative; margin-right:34px; float:right;}
#infinityRight:before, #infinityRight:after {content:""; width:45px; height:45px; position:absolute; top:0; right:0; border:23px solid #06c999; -moz-border-radius:50px 50px 0; border-radius:50px 50px 0 50px; -webkit-transform:rotate(-226deg); -moz-transform:rotate(-226deg); -ms-transform:rotate(-226deg); -o-transform:rotate(-226deg); transform:rotate(-226deg);}
#infinityRight:before {z-index:2;}
#infinityRight:after {width:25px !important; height:25px !important; left:auto; left:0; top:10px; -moz-border-radius:50px 50px 50px 0; border-radius:50px 50px 50px 0; -webkit-transform:rotate(-133deg); -moz-transform:rotate(-133deg); -ms-transform:rotate(-133deg); -o-transform:rotate(-133deg); transform:rotate(-133deg); border:8px solid #06c999 !important; background:#fff; -webkit-box-shadow:0 0 0 5px #FFFFFF; box-shadow:0 0 0 5px #FFFFFF; z-index:1;}
#deployOffice .purple #infinityLeft:after, #deployOffice .purple #infinityLeft:before {border-color:#9c4899 !important;}
#deployOffice .brownStep #infinityRight:after, #deployOffice .brownStep #infinityRight:before {border-color:#ae6c6b !important;}
#deployOffice .orangeStep #infinityLeft:after, #deployOffice .orangeStep #infinityLeft:before {border-color:#c38e3d !important;}
#deployOffice .yellowStep #infinityRight:after, #deployOffice .yellowStep #infinityRight:before {border-color:#d5b010 !important;}
#deployOffice .greenStep #infinityLeft:after, #deployOffice .greenStep #infinityLeft:before {border-color:#9d9542 !important;}
#deployOffice .grayStep #infinityRight:after, #deployOffice .grayStep #infinityRight:before {border-color:#627a74 !important;}
#deployOffice .blueStep #infinityLeft:after, #deployOffice .blueStep #infinityLeft:before {border-color:#2a5fa6 !important;}
#deployOffice .purpleContent {color:#9c4899;}
#deployOffice .brownContent {color:#ae6c6b;}
#deployOffice .orangeContent {color:#c38e3d;}
#deployOffice .yellowContent {color:#d5b010;}
#deployOffice .greenContent {color:#9d9542;}
#deployOffice .grayContent {color:#627a74;}
#deployOffice .blueContent {color:#2a5fa6;}
.rightContent textarea {border:none; resize:none; width:100%; border-bottom:1px solid rgba(0, 0, 0, 0.26);}

/**** ishirExpertise ****/
#ishirExpertise {margin:0; padding:50px 0;}
#ishirExpertise h2 {font-size:32px; font-weight:300; color:#000; margin:0; padding:0; background:url(../images/inner-content-bg.jpg) no-repeat center bottom; text-align:center; padding-bottom:40px; margin-bottom:40px;}
.expertiseIcon {float:left; width:180px; text-align:center;}
.expertiseIcon svg {max-height:130px; fill:#3B4381;}
.expertiseTxt {margin-left:200px;}
.expertiseTxt h3 {font-size:30px; font-weight:700; color:#3b4381; margin:0; padding:0; line-height:32px;}
.expertiseTxt p {font-size:18px; font-weight:300; color:#565656; padding:20px 0 40px 0;}

/**** mobileTour ****/
#mobileTour {margin:0; padding:0;}
.appleTour {background:#898989; background:-moz-linear-gradient(45deg, #898989 0%, #999999 100%); background:-webkit-linear-gradient(45deg, #898989 0%, #999999 100%); background:linear-gradient(45deg, #898989 0%, #999999 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#898989', endColorstr='#999999', GradientType=1 );}
.appleTourBack {width:100%; height:100%; background:url(../images/app-icons-bg.png) no-repeat left top;}
.androidTour {background:#3b4e59; background:-moz-linear-gradient(45deg, #3b4e59 0%, #465a65 100%); background:-webkit-linear-gradient(45deg, #3b4e59 0%, #465a65 100%); background:linear-gradient(45deg, #3b4e59 0%, #465a65 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b4e59', endColorstr='#465a65', GradientType=1 );}
.androidTourBack {width:100%; height:100%; background:url(../images/app-icons-bg.png) no-repeat left top;}
.windowsTour {background:#007000; background:-moz-linear-gradient(45deg, #007000 0%, #008a00 100%); background:-webkit-linear-gradient(45deg, #007000 0%, #008a00 100%); background:linear-gradient(45deg, #007000 0%, #008a00 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#007000', endColorstr='#008a00', GradientType=1 );}
.windowsTourBack {width:100%; height:100%; background:url(../images/app-icons-bg.png) no-repeat left top;}
.appleTour img {padding:65px 0;}
.androidTour img, .windowsTour img {padding:80px 0 50px 0;}
.tourContent {padding:70px 0 0 0;}
.tourContent h3 {font-size:30px; font-weight:300; color:#000;}
.tourbtn {border:1px solid #fff; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; display:inline-block; font-size:13px; font-weight:bold; text-transform:uppercase; color:#fff; padding:10px 60px; -webkit-transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out; transition:all 0.4s ease-in-out; margin-bottom:80px;}
.tourbtn:hover {background:#f5b300; border-color:#f5b300; color:#fff;}
.mobileNoPad {padding:0px !important;}

/**** officeMigration ****/
#officeMigration {margin:0; padding:100px 0; background:url(../images/office-365-migration-bg.jpg) no-repeat fixed; background-size:cover;}
#officeMigration ul li {font-size:22px; color:#fff; padding:10px 10px 10px 20px; font-weight:300; border-bottom:1px solid #7c8a91; background:url(../images/migration-li-icon.png) no-repeat left 19px;}

/**** remoteBenefits ****/
#remoteBenefits {margin:0; padding:100px 0; background:#f2f2f2;}
#remoteBenefits h2 {font-size:32px; font-weight:300; color:#000; margin:0; padding:0; background:url(../images/inner-content-bg.jpg) no-repeat center bottom; text-align:center; padding-bottom:40px; margin-bottom:40px;}
.remoteBenefitsStepRight {background:url(../images/features-bg.jpg) repeat-y center; position:absolute; left:100%; top:0; height:100%; width:417px;}
.remoteBenefitsStepRight .remoteBenefitsInnerStep, .remoteBenefitsStepLeft .remoteBenefitsInnerStep {height:100%; width:100%; display:table;}
.remoteBenefitsStepRight .remoteBenefitsInnerStep .remoteBenefitsStepNew, .remoteBenefitsStepLeft .remoteBenefitsInnerStep .remoteBenefitsStepNew {display:table-cell; vertical-align:middle;}
.remoteBenefitsStepLeft {background:url(../images/features-bg.jpg) repeat-y center; position:absolute; right:100%; top:0; height:100%; width:417px;}
.remoteBenefitsFeaturesContent {font-size:18px; color:#565656; padding:20px; background:#f6f6f6; -webkit-box-shadow:0 0 35px 0 rgba(0, 0, 0, 0.2); box-shadow:0 0 35px 0 rgba(0, 0, 0, 0.2); margin:20px 0;}
#remoteBenefitsLeft {width:109px; height:46px; position:relative; margin-left:110px;}
#remoteBenefitsLeft:before, #remoteBenefitsLeft:after {content:""; width:25px; height:25px; position:absolute; top:7px; left:0; border:18px solid #06c999; -moz-border-radius:50px 50px 0; border-radius:50px 50px 0 50px; -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -o-transform:rotate(-45deg); transform:rotate(-45deg); -webkit-box-shadow:0 0 0 3px #FFFFFF; box-shadow:0 0 0 3px #FFFFFF;}
#remoteBenefitsLeft:before {z-index:2;}
#remoteBenefitsLeft:after {width:25px !important; height:25px !important; left:auto; right:-22px; top:-10px; -moz-border-radius:50px 50px 50px 0; border-radius:50px 50px 50px 0; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg); border:35px solid #06c999 !important; background:#fff; -webkit-box-shadow:0 0 0 3px #FFFFFF; box-shadow:0 0 0 3px #FFFFFF; z-index:1;}
#remoteBenefitsRight {width:109px; height:46px; position:relative; margin-right:110px; float:right;}
#remoteBenefitsRight:before, #remoteBenefitsRight:after {content:""; width:35px; height:35px; position:absolute; top:8px; right:0; border:18px solid #06c999; -moz-border-radius:50px 50px 0; border-radius:50px 50px 0 50px; -webkit-transform:rotate(-226deg); -moz-transform:rotate(-226deg); -ms-transform:rotate(-226deg); -o-transform:rotate(-226deg); transform:rotate(-226deg); -webkit-box-shadow:0 0 0 3px #FFFFFF; box-shadow:0 0 0 3px #FFFFFF;}
#remoteBenefitsRight:before {z-index:2;}
#remoteBenefitsRight:after {width:25px !important; height:25px !important; left:-22px; top:-10px; -moz-border-radius:50px 50px 50px 0; border-radius:50px 50px 50px 0; -webkit-transform:rotate(-133deg); -moz-transform:rotate(-133deg); -ms-transform:rotate(-133deg); -o-transform:rotate(-133deg); transform:rotate(-133deg); border:35px solid #06c999 !important; background:#fff; z-index:1;}
#remoteBenefitsLeft > .remoteStepCounting {width:50px; height:50px; position:absolute; padding:4px; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; z-index:3; right:-12px;}
#remoteBenefitsRight > .remoteStepCounting {width:50px; height:50px; position:absolute; padding:4px; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; z-index:3; left:-12px;}
#remoteBenefitsRight > .remoteStepCounting span, #remoteBenefitsLeft > .remoteStepCounting span {border:2px solid #fff; color:#fff; line-height:38px; text-align:center; font-size:27px; font-weight:600; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; width:100%; display:block; height:42px;}
.remoteGreenStep #remoteBenefitsLeft:after, .remoteGreenStep #remoteBenefitsLeft:before {border-color:#00bc9c !important;}
.remoteYellowStep #remoteBenefitsLeft:after, .remoteYellowStep #remoteBenefitsLeft:before {border-color:#f8c439 !important;}
.remoteRedStep #remoteBenefitsRight:after, .remoteRedStep #remoteBenefitsRight:before {border-color:#ff6961 !important;}
.remoteParrotGreenStep #remoteBenefitsLeft:after, .remoteParrotGreenStep #remoteBenefitsLeft:before {border-color:#00c677 !important;}
.remoteSkyblueStep #remoteBenefitsRight:after, .remoteSkyblueStep #remoteBenefitsRight:before {border-color:#00b1e4 !important;}
.remotePurpleStep #remoteBenefitsLeft:after, .remotePurpleStep #remoteBenefitsLeft:before {border-color:#bd7ac8 !important;}
.remoteLightRedStep #remoteBenefitsRight:after, .remoteLightRedStep #remoteBenefitsRight:before {border-color:#f07777 !important;}
.remoteBlueStep #remoteBenefitsLeft:after, .remoteBlueStep #remoteBenefitsLeft:before {border-color:#47a9c7 !important;}
.remoteDarkGreenStep #remoteBenefitsRight:after, .remoteDarkGreenStep #remoteBenefitsRight:before {border-color:#00ac9a !important;}
.remoteGrayStep #remoteBenefitsLeft:after, .remoteGrayStep #remoteBenefitsLeft:before {border-color:#526a78 !important;}
.remoteGreenContent {border-top:2px solid #00bc9c;}
.remoteYellowContent {border-top:2px solid #f8c439;}
.remoteRedContent {border-top:2px solid #ff6961;}
.remoteParrotGreenContent {border-top:2px solid #00c677;}
.remoteSkyblueContent {border-top:2px solid #00b1e4;}
.remotePurpleContent {border-top:2px solid #bd7ac8;}
.remoteLightRedContent {border-top:2px solid #f07777;}
.remoteBlueContent {border-top:2px solid #47a9c7;}
.remoteDarkGreenContent {border-top:2px solid #00ac9a;}
.remoteGrayContent {border-top:2px solid #526a78;}
.remoteGreenStep .remoteStepCounting {background:#00aa92;}
.remoteYellowStep .remoteStepCounting {background:#dbac39;}
.remoteRedStep .remoteStepCounting {background:#f1514e;}
.remoteParrotGreenStep .remoteStepCounting {background:#00b76d;}
.remoteSkyblueStep .remoteStepCounting {background:#0098bc;}
.remotePurpleStep .remoteStepCounting {background:#a466b0;}
.remoteLightRedStep .remoteStepCounting {background:#e55151;}
.remoteBlueStep .remoteStepCounting {background:#2a94aa;}
.remoteDarkGreenStep .remoteStepCounting {background:#008974;}
.remoteGrayStep .remoteStepCounting {background:#385b69;}
.requireMobileApp {text-align:center;}
.requireMobileApp svg {max-height:100px; fill:#3B4381;}
.requireMobileApp p {padding:30px 0;}

/**** weDeliver ****/
#weDeliver {margin:0; padding:0; background:#E4EEED; padding:100px 0 0 0;}
#weDeliver h2 {font-size:30px; font-weight:300; color:#000; background:url(../images/inner-content-bg.jpg) no-repeat bottom center; padding-bottom:40px; margin-bottom:40px; text-align:center;}
#weDeliver ul {margin-left:15px;}
#weDeliver ul li {font-size:18px; color:#565656; font-weight:300; list-style:disc !important; padding-bottom:20px;}

/**** remoteSercerCircle ****/
#remoteSercerCircle {margin:0; padding:0 0 80px 0; background:url(../images/remote-bg.jpg) repeat-y top center;}
#remoteSercerCircle h2 {font-size:30px; font-weight:700; color:#3b4381; background:url(../images/inner-content-bg.jpg) no-repeat bottom center; padding-bottom:40px; margin-top:80px; text-align:center;}
#remoteSercerCircle p {font-size:18px; color:#565656; text-align:center; font-weight:300; padding-top:20px;}
.remoteServerAdmCircle {width:100%; height:100%; margin:40px 0 20px 0; text-align:center;}
.remoteServerAdmCircle:hover .greenOne, .remoteServerAdmCircle:hover .greenTwo, .remoteServerAdmCircle:hover .greenThree, .remoteServerAdmCircle:hover .greenFour, .remoteServerAdmCircle:hover .greenFive, .remoteServerAdmCircle:hover .orangeOne, .remoteServerAdmCircle:hover .orangeTwo, .remoteServerAdmCircle:hover .orangeThree, .remoteServerAdmCircle:hover .orangeFour, .remoteServerAdmCircle:hover .orangeFive {background:#bababa;}
.remoteServerAdmCircle:hover .greenOneInner, .remoteServerAdmCircle:hover .greenTwoInner, .remoteServerAdmCircle:hover .greenThreeInner, .remoteServerAdmCircle:hover .greenFourInner, .remoteServerAdmCircle:hover .greenFiveInner, .remoteServerAdmCircle:hover .orangeOneInner, .remoteServerAdmCircle:hover .orangeTwoInner, .remoteServerAdmCircle:hover .orangeThreeInner, .remoteServerAdmCircle:hover .orangeFourInner, .remoteServerAdmCircle:hover .orangeFiveInner {background:#898989; border-color:#9e9e9e;}
.remoteServerAdmCircle svg {fill:#ffffff; max-width:65px;}
.greenOne {width:180px; height:180px; background:#a5d7ba; padding:12px; position:relative; margin:0 auto; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; -webkit-transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out; transition:all 0.4s ease-in-out;}
.greenOneInner {background:#26a65b; text-align:center; border:12px solid #5ebc85; position:absolute; width:calc(100% - 24px); height:calc(100% - 24px); -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; display:table; -webkit-transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out; transition:all 0.4s ease-in-out;}
.greenOneIcon {display:table-cell; vertical-align:middle; width:100%;}
.greenTwo {width:180px; height:180px; background:#a1dfd3; padding:12px; position:relative; margin:0 auto; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; -webkit-transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out; transition:all 0.4s ease-in-out;}
.greenTwoInner {background:#1bbc9b; text-align:center; border:12px solid #56ccb4; position:absolute; width:calc(100% - 24px); height:calc(100% - 24px); -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; display:table; -webkit-transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out; transition:all 0.4s ease-in-out;}
.greenTwoIcon {display:table-cell; vertical-align:middle; width:100%;}
.greenThree {width:180px; height:180px; background:#bfe2d6; padding:12px; position:relative; margin:0 auto; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; -webkit-transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out; transition:all 0.4s ease-in-out;}
.greenThreeInner {background:#68c3a3; text-align:center; border:12px solid #8ed1b9; position:absolute; width:calc(100% - 24px); height:calc(100% - 24px); -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; display:table; -webkit-transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out; transition:all 0.4s ease-in-out;}
.greenThreeIcon {display:table-cell; vertical-align:middle; width:100%;}
.greenFour {width:180px; height:180px; background:#9fd5ca; padding:12px; position:relative; margin:0 auto; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; -webkit-transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out; transition:all 0.4s ease-in-out;}
.greenFourInner {background:#16a085; text-align:center; border:12px solid #53b7a4; position:absolute; width:calc(100% - 24px); height:calc(100% - 24px); -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; display:table; -webkit-transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out; transition:all 0.4s ease-in-out;}
.greenFourIcon {display:table-cell; vertical-align:middle; width:100%;}
.greenFive {width:180px; height:180px; background:#a2c9b4; padding:12px; position:relative; margin:0 auto; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; -webkit-transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out; transition:all 0.4s ease-in-out;}
.greenFiveInner {background:#1e824c; text-align:center; border:12px solid #58a17a; position:absolute; width:calc(100% - 24px); height:calc(100% - 24px); -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; display:table; -webkit-transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out; transition:all 0.4s ease-in-out;}
.greenFiveIcon {display:table-cell; vertical-align:middle; width:100%;}
.orangeOne {width:180px; height:180px; background:#ead994; padding:12px; position:relative; margin:0 auto; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; -webkit-transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out; transition:all 0.4s ease-in-out;}
.orangeOneInner {background:#f7ca18; text-align:center; border:12px solid #f1d04f; position:absolute; width:calc(100% - 24px); height:calc(100% - 24px); -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; display:table; -webkit-transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out; transition:all 0.4s ease-in-out;}
.orangeOneIcon {display:table-cell; vertical-align:middle; width:100%;}
.orangeTwo {width:180px; height:180px; background:#ebd4a1; padding:12px; position:relative; margin:0 auto; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; -webkit-transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out; transition:all 0.4s ease-in-out;}
.orangeTwoInner {background:#f9bf3b; text-align:center; border:12px solid #f3c868; position:absolute; width:calc(100% - 24px); height:calc(100% - 24px); -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; display:table; -webkit-transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out; transition:all 0.4s ease-in-out;}
.orangeTwoIcon {display:table-cell; vertical-align:middle; width:100%;}
.orangeThree {width:180px; height:180px; background:#e9c791; padding:12px; position:relative; margin:0 auto; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; -webkit-transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out; transition:all 0.4s ease-in-out;}
.orangeThreeInner {background:#f39c12; text-align:center; border:12px solid #eeaf4a; position:absolute; width:calc(100% - 24px); height:calc(100% - 24px); -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; display:table; -webkit-transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out; transition:all 0.4s ease-in-out;}
.orangeThreeIcon {display:table-cell; vertical-align:middle; width:100%;}
.orangeFour {width:180px; height:180px; background:#e9cd9f; padding:12px; position:relative; margin:0 auto; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; -webkit-transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out; transition:all 0.4s ease-in-out;}
.orangeFourInner {background:#f5ab35; text-align:center; border:12px solid #f0ba64; position:absolute; width:calc(100% - 24px); height:calc(100% - 24px); -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; display:table; -webkit-transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out; transition:all 0.4s ease-in-out;}
.orangeFourIcon {display:table-cell; vertical-align:middle; width:100%;}
.orangeFive {width:180px; height:180px; background:#e4bb8c; padding:12px; position:relative; margin:0 auto; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; -webkit-transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out; transition:all 0.4s ease-in-out;}
.orangeFiveInner {background:#e87e04; text-align:center; border:12px solid #e69940; position:absolute; width:calc(100% - 24px); height:calc(100% - 24px); -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; display:table; -webkit-transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out; transition:all 0.4s ease-in-out;}
.orangeFiveIcon {display:table-cell; vertical-align:middle; width:100%;}

/**** tryIshir ****/
#tryIshir {margin:0; padding:80px 0;}
#tryIshir h1 {font-size:30px; font-weight:300; color:#000; background:url(../images/inner-content-bg.jpg) no-repeat bottom left; padding-bottom:10px; margin-bottom:50px;}
#tryIshir h1 span {font-weight:700;}
#tryIshir h2 {font-size:30px; font-weight:300; color:#000; text-transform:none; margin-bottom:0px;}
#tryIshir p {font-size:18px; color:#565656; font-weight:300; padding-top:20px; margin-bottom:0px;}
#tryIshir textarea {border:none; resize:none; width:100%; border-bottom:1px solid rgba(0, 0, 0, 0.26);}
.disclaimer {border:1px solid #f5b300; background:#fcf8ec; margin-top:50px; padding:25px;}
.disclaimer h3 {margin:0px; font-size:20px; font-weight:700; color:#000;}
.disclaimer p {margin:0px; font-size:14px !important; font-weight:300 !important; color:#565656;}
.getInTouch {border:2px solid #f5b300; padding:30px;}
.getInTouch h2 {margin-top:0px;}
/*.getInTouch p {margin-bottom:20px !important;}*/
#blogsSlider .owl-controls {bottom:35px !important; top:auto !important;}

/**** dataProcessing ****/
#dataProcessing {margin:0; padding:100px 0 90px 0; background:#f6f6f6;}
#dataProcessing svg {max-height:360px; margin-top:80px;}
#dataProcessing h2 {font-size:30px; font-weight:300; color:#000; margin:0 0 20px 0
}
#dataProcessing ul {margin:0;}
#dataProcessing ul li {background:url(../images/black-bullet.png) no-repeat left 7px; font-size:18px; color:#565656; padding-left:18px; padding-bottom:10px;}/** dataProcessingCapabilities **/
#dataProcessingCapabilities {margin:0; padding:100px 0 0 0;}
#dataProcessingCapabilities h2 {font-size:30px; font-weight:300; color:#000; background:url(../images/inner-content-bg.jpg) no-repeat bottom center; text-align:center; padding-bottom:10px; margin-bottom:50px; margin-top:0px;}
#dataProcessingCapabilities p {text-align:center; font-size:18px; font-weight:300; color:#565656; margin-bottom:60px;}
.proCapaIncludes {border-top:1px solid #d9d9d9;}
.proCapaIncludesColum {border-bottom:1px solid #d9d9d9; width:25%; float:left; text-align:center; height:400px; position:relative;}
.proCapaIncludesColum svg {max-height:100px; fill:#3E4683;}
.PlateformColumTech p {padding-bottom:0px; margin-bottom:20px !important;}

/**** freeTrial ****/
#freeTrial {margin:0px; padding:180px 0; background:url(../images/free-trial-background.jpg) no-repeat fixed top center; background-size:cover; text-align:center;}
#freeTrial h2 {font-size:30px; font-weight:300; color:#fff; text-align:center; padding-bottom:40px; text-transform:uppercase; margin:0px;}
#freeTrial p {text-align:center; font-size:18px; font-weight:300; color:#fff;}
#freeTrial a {margin:20px 20px 0 20px;}

/**** ecoCatalogueProcessing ****/
#ecoCatalogueProcessing {margin:0px; padding:100px 0 0 0;}
#ecoCatalogueProcessing h2 {font-size:30px; font-weight:300; color:#000; background:url(../images/inner-content-bg.jpg) no-repeat bottom center; text-align:center; padding-bottom:10px; margin-bottom:50px; margin-top:0px;}
#ecoCatalogueProcessing p {text-align:center; font-size:18px; font-weight:300; color:#565656; margin-bottom:60px;}
#ecoCatalogueProcessing h3 {font-size:30px; font-weight:300; color:#000; text-align:center; margin-top:0px;}
.ecoCatalogueIcon {text-align:center; padding-bottom:50px;}
.ecoCatalogueIcon svg {fill:#3B4381; max-height:100px;}
.ecoCatalogueContent h4 {font-size:30px; font-weight:700; color:#3b4381; margin-top:0px;}
.ecoCatalogueContent p {margin-bottom:0px; text-align:left !important;}

/**** blogListing ****/
.blogListing {margin:0; padding:0px;}
.singleBlogList {margin:0 0 60px 0; background:#fff; -webkit-transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out; transition:all 0.4s ease-in-out; border:1px solid #f3f3f3;}
.singleBlogList:hover {-webkit-box-shadow:0 0 30px 0 rgba(0, 0, 0, 0.3); box-shadow:0 0 30px 0 rgba(0, 0, 0, 0.3);}
.singleBlogList:hover .blogDetail a {background:#f5b300;}
.singleBlogList p {padding:0 15px 15px 15px; margin:0; background:none;}
.blogImage {margin:0; padding:0;}
.blogListing h2 {font-size:27px; color:#000; padding:15px; margin:0px; font-weight:300; line-height:34px;}
.blogListing h2 a {color:#000;}
.blogger {background:#f3f3f3;}
.blogDate {float:left; padding:25px 15px; font-size:18px; color:#565656; font-weight:300;}
.blogDate i {padding-right:5px;}
.blogDetail {float:right; font-size:25px; width:70px; text-align:center; background:#f3f3f3; -webkit-transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out; transition:all 0.4s ease-in-out;}
.blogDetail a {display:block; padding:20px 0; color:#565656;}
.blogDetail:hover {background:#f5b300;}
.socialBlox {margin-bottom:50px;}
li.desktopCallNumber {display:block !important;}
li.MobileCallNumber, li.MobileCallNumber a {width:0px; display:none !important; padding:10px 15px; background:#f5b300; color:#fff; font-size:21px; font-weight:500;}
li.MobileCallNumber a {display:block !important; padding:0px !important; width:100%; font-weight:500; font-size:20px !important;}
.blogLeftContent h4 {font-size:30px; color:#000; padding:20px; margin:0px; font-weight:300;}
.blogLeftContent p {font-size:18px; font-weight:300; color:#565656; background:none; margin:0 0 0 0 !important; padding:0 0 10px 0;}
.blogLeftContent ul {list-style:disc; margin:10 0 13px 20px; list-style-position:outside;}
.blogLeftContent ul li {font-size:18px; font-weight:300; color:#565656; padding-bottom:7px; line-height:25px; margin-left:17px; list-style:disc !important;}

/**** testimonials ****/
.testimonialTabs {padding-bottom:80px;}
.testimonialTabs ul {margin:0 0 80px 0; padding:0; list-style:none; text-align:center;}
.testimonialTabs ul li {display:inline-block !important; height:auto !important; width:auto !important; background:none !important; float:none !important;}
.testimonialTabs ul li a {display:block; padding:10px 29px; text-decoration:none; font-size:14px; font-weight:500; color:#565656 !important; cursor:pointer; text-transform:uppercase; border:1px solid #d9d9d9; margin-right:29px; -webkit-border-radius:0px !important; -moz-border-radius:0px !important; border-radius:0px !important;}
.testimonialTabs ul li.active a {border:none !important; background:#565656 !important; color:#fff !important; border:1px solid #565656 !important;}
.testimonial {padding-bottom:40px;}
.testimonial p {text-align:left !important; font-size:16px !important; margin-bottom:30px !important;}
.testimonial p img {margin-top:-12px;}
.testiClientImage {float:left; width:60px; height:60px; margin-right:15px !important;}
.testiClientImage img {width:60px; height:60px; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%;}
.testiClientDetails h4 {color:#3b4381; font-size:24px; font-weight:500; display:block; margin:0;}
.testiClientDetails p {font-size:14px !important; font-weight:300; margin:0; padding:0;}
.testiVideo {text-align:center;}
.testiVideo iframe {width:100%; margin-bottom:30px; min-height:335px;}

/**** MUI input fields ****/
.mui-textfield {display:block; padding-top:15px; margin-bottom:20px; position:relative;}
.mui-textfield > label {position:absolute; top:0; display:block; width:100%; color:rgba(0, 0, 0, 0.54); font-size:12px; font-weight:400; line-height:15px; overflow-x:hidden; text-overflow:ellipsis; white-space:nowrap;}
.mui-textfield > input:focus ~ label, .mui-textfield > textarea:focus ~ label {color:#f5b300;}
.mui-textfield > input:focus ~ label span, .mui-textfield > textarea:focus ~ label span {color:#ff0000;}
.mui-textfield--float-label > label {position:absolute; transform:translate(0px, 15px); font-size:16px; line-height:32px; color:rgba(0, 0, 0, 0.26); text-overflow:clip; cursor:text; pointer-events:none;}
.mui-textfield--float-label > input:focus ~ label, .mui-textfield--float-label > textarea:focus ~ label {transform:translate(0px, 0px); font-size:12px; line-height:15px; text-overflow:ellipsis;}
.mui-textfield > input {display:block; background-color:transparent; color:rgba(0, 0, 0, 0.87); border:none; border-bottom:1px solid rgba(0, 0, 0, 0.26); outline:none; width:100%; font-size:16px; padding:0; box-shadow:none; border-radius:0px; background-image:none;}
.mui-textfield > input:focus, .mui-textfield > textarea:focus {border-color:#f5b300; border-width:2px;}
.mui-textfield > input {height:32px;}

/**** customized input[type="file'] ****/
.customfile-container * {box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; font:normal 14px Arial, sans-serif;}
.customfile-container {width:300px; background:#FFF2B8; padding:1em; margin:0 auto;}
.customfile-container label:first-child {width:100px; display:block; margin-bottom:.5em; font:bold 18px Arial, sans-serif; color:#333;}
.customfile-wrap {position:relative; padding:0; margin-bottom:.5em;}
.customfile-filename, .customfile-upload {margin:0; padding:0;}
.customfile-filename {float:left; width:82%; display:block; margin-bottom:5px; padding-top:8px; position:relative; background-color:transparent; color:rgba(0, 0, 0, 0.87); border:none; border-bottom:1px solid rgba(0, 0, 0, 0.26); outline:none; font-size:16px; box-shadow:none; border-radius:0px; background-image:none;}
.customfile-filename:focus {outline:none;}
.customfile-upload {display:inline-block; width:15%; float:right; padding:14px 0; border:1px solid #d1d1d1; color:#565656; font-weight:600; font-size:16px; background:#d1d1d1; margin-left:-1px; cursor:pointer; margin-top:0; -webkit-transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out; transition:all 0.4s ease-in-out;}
.customfile-upload:hover {background:#f5b300; border-color:#f5b300; color:#fff;}
.customfile-upload::-moz-focus-inner {padding:0; border:0;}

/**** customized checkbox ****/
.checkbox-custom {opacity:0; position:absolute; z-index:1; width:21px; height:21px;}
.checkbox-custom, .checkbox-custom-label {display:inline-block; vertical-align:middle; margin:5px 30px 5px 0px; cursor:pointer;}
.contactCheckbox span.checkbox-custom-label {position:relative; color:#565656 !important; font-size:0px !important; font-weight:300 !important; margin-right:0px; width:0px;}
.checkbox-custom + .checkbox-custom-label:before {content:''; background:#fff; border:2px solid #ddd; display:inline-block; vertical-align:middle; width:20px; height:20px; padding:2px; margin-right:10px; text-align:center;}
.checkbox-custom:checked + .checkbox-custom-label:before {background:#f5b300;}
/*.checkbox-custom:focus + .checkbox-custom-label {outline:1px solid #ddd;}*/
.contactCheckbox label {padding-left:25px; position:relative; z-index:1; color:#565656 !important; font-size:16px !important; font-weight:300 !important;}
span.wpcf7-list-item {margin-left:0px;}

/**** misc css ****/
.noPadding {padding:0px;}
.backgroundNone {background:none !important;}
.marginNone {margin:0px !important;}
.paddingBot20 {padding-bottom:20px !important;}
.marginTop80 {margin-top:80px;}
.marginBot80 {margin-bottom:80px;}
.paddingBotNone {padding-bottom:0 !important;}
a.requestinfo {font-size:14px; font-weight:700; color:#251b00; background:#f5b300; padding:17px 50px; text-transform:uppercase; display:inline-block; -webkit-border-radius:31px; -moz-border-radius:31px; border-radius:31px; border:2px solid #f5b300; margin:30px 0 0 0;}
a.requestinfo:hover {background:none; color:#f5b300;}
a.myprofile {font-size:14px; font-weight:700; color:#fff; background:#0077b5; padding:17px 50px; text-transform:uppercase; display:inline-block; -webkit-border-radius:31px; -moz-border-radius:31px; border-radius:31px; border:2px solid #0077b5; margin:0;}
a.myprofile:hover {background:none; color:#0077b5;}
a.readMore {font-size:14px; font-weight:700; color:#000; background:#f5b318; padding:12px 35px; text-transform:uppercase; display:inline-block; -webkit-border-radius:31px; -moz-border-radius:31px; border-radius:31px; border:2px solid #f5b318; margin:0 0 60px 0 !important;}
a.readMore:hover {background:none; color:#000;}
#clientTesti .owl-controls {top:30%;}
#clientTesti .owl-controls .owl-prev {left:-10px;}
#clientTesti .owl-controls .owl-next {right:-10px;}
.marginBot30 {margin-bottom:30px;}
.paddingTop19 {padding-top:19px;}
.paddingBot50 {padding-bottom:50px;}
#ourPortfolioSlider img {width:100%;}
ul.listingNew {padding-bottom:11px;}
ul.listingNew li {float:none !important;}
.width49 {width:49% !important;}

/**** css add on 22-09-2017 ****/
.microsoftSmallLogos ul {border-top:#dcdcdc solid 1px; border-left:#dcdcdc solid 1px;}
.microsoftSmallLogos ul li {border-bottom:#dcdcdc solid 1px; border-right:#dcdcdc solid 1px; float:left !important; width:20% !important; height:140px !important; list-style:none !important; background:none !important; -webkit-transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out; transition:all 0.4s ease-in-out;}
.microsoftSmallLogos ul li img {-webkit-filter:grayscale(100%); filter:grayscale(100%); -webkit-transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out; transition:all 0.4s ease-in-out;}
.microsoftSmallLogos ul li:hover img {-webkit-filter:grayscale(0%); filter:grayscale(0%); cursor:pointer;}
.ourtLI {width:100%; position:absolute; height:140px; text-align:center;}
.innerLI {width:100%; height:100%; display:table;}
.contentLI {width:100%; height:100%; display:table-cell; vertical-align:middle; -webkit-transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out; transition:all 0.4s ease-in-out;}
.insideContentArea p {text-align:left !important;}

/*** DevOps ****/
.devopsVecter {display:block;}
.devopsOptionsStep {margin:0; padding:0; display:none;}
.devopsOptionsStep ul li {display:block !important; padding:15px !important; width:100% !important; height:auto !important;}
.devopsOptionsStep ul li label {display:inline-block; margin:0; font-weight:500; padding:0 20px 15px 20px; border-radius:100%;}
.devopsOptionsStep ul li label img {fill:#fff;}
.devopsOptionsStep ul li span {font-size:21px; color:#fff; display:block;}
.devopsOptionsStep ul li.chocolateStep {background:#866d76 !important;}
.devopsOptionsStep ul li.orangeStep {background:#ff6a4d !important;}
.devopsOptionsStep ul li.blueStep {background:#36c7e2 !important;}
.devopsOptionsStep ul li.yellowStep {background:#ffcd42 !important;}
.devopsOptionsStep ul li.greenStep {background:#a9cf53 !important;}
.devopsOptionsStep ul li.purpleStep {background:#936eaf !important;}


/**** media query css ****/
@media only screen and (min-width:0px) and (max-width:359px) {
	span.event-data {display:none !important;}
}

@media only screen and (min-width:0px) and (max-width:1299px) {
	ul#cd-primary-nav li {border-bottom:1px solid rgba(0, 0, 0, 0.1);}
}

@media only screen and (min-width:0px) and (max-width:369px) {
	ul.certifiedLogo {text-align:center;}
	ul.certifiedLogo li {float:left; width:33.33334%;}
	ul.certifiedLogo li img {max-width:100%;}
}

@media only screen and (min-width:0px) and (max-width:479px) {
	#downloadWhitepaper a.requestinfo {padding:17px 30px;}
	.missionStatementContent {background:#3b4381;}
	#blogsSlider {padding-bottom:20px;}
	#blogsSlider .owl-controls {bottom:15px;}
	.slider-heading {top:20%;}
	.slider-heading h1 {font-size:26px; padding-bottom:0px;}
	.slider-heading a.requestinfo {padding:10px 20px; margin-bottom:10px; margin-right:10px;}
	.slider-heading a.readmore {padding:10px 20px;}
	.blogContent {padding:10px;}
	.blogContent p {font-size:16px !important; line-height:20px !important; min-height:120px; padding:0 !important;}
	.missionStatementContent {padding:26px 15px;}
	.missionStatementContent h3 {line-height:33px; padding-bottom:20px;}
	.contentBox {padding-top:62px;}
	.hoverBoxContent {padding-top:34px;}
	.innerPageBlogContent {padding:15px;}
	.innerPageBlogContent h5 {line-height:15px; margin-bottom:10px;}
	.innerPageBlogContent p {line-height:27px !important; font-size:19px !important; min-height:auto;}
	.innerPageBlogContent a {margin:0;}
	.rightContent h3 {font-size:27px; padding-bottom:15px; line-height:32px;}
	.teamContent p {text-align:left;}
	.innerContent h4 {font-size:29px;}
	#developmentCategory ul li {width:100%;}
	ul.developmentTechnologies li {width:100%;}
	.ourMigrationProcessDesktop {display:none;}
	.ourMigrationProcessMobile {display:block;}
	#migrationProcess {padding:60px 0;}
	.migrationProcess {background:none; width:100%; height:auto; padding:0 15px; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0;}
	.innerMigrationProcess {position:relative; width:100%; height:auto; left:0px; top:0px; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; background:none;}
	.innerMigrationProcess h2 {font-size:33px; font-weight:300; color:#000; margin:0 0 40px 0; display:block; background:url(../images/inner-content-bg.jpg) no-repeat center bottom; padding:0 0 20px 0; text-align:center; line-height:38px;}
	.firstCircle, .secondCircle, .thirdCircle, .fourthCircle, .fifthCircle {display:none;}
	.firstCircleContent, .secondCircleContent, .thirdCircleContent, .fourthCircleContent, .fifthCircleContent {position:relative; left:0; top:0; width:100%; margin-bottom:30px;}
	.firstCircleContent:after, .secondCircleContent:after, .thirdCircleContent:after, .fourthCircleContent:after, .fifthCircleContent:after {display:none;}
	.cloudModernBusiness {background:none;}
	.innerOurBenefitStep {width:100% !important;}
	.stepContentNew {margin:0px !important; width:290px !important;}
	.stepFourNew, .stepThreeNew, .stepTwoNew, .stepOneNew {width:70px !important; height:70px !important;}
	.stepCounting {font-size:40px; height:70px !important; width:70px !important; line-height:70px !important;}
	.stepContentNew {margin-bottom:20px !important;}
	#cloudHype ul li {width:100%;}
	ul.developmentTechnologies li {width:100% !important;}
	img.desktopSlide {display:none !important;}
	img.tabSlide {display:none !important;}
	img.mobileSlide {display:block !important;}
	.expertiseIcon {width:100%; text-align:left; padding-bottom:20px;}
	.expertiseIcon svg {max-height:100px;}
	.expertiseTxt {margin-left:0px;}
	.proCapaIncludesColum {height:310px; width:100%;}
	.blogListing h2 {font-size:23px;}
	.blogDate {float:left; font-size:14px; padding:20px;}
	.blogDetail {width:50px;}
	.blogDetail a {display:block; padding:12px 0; color:#565656;}
	li.desktopCallNumber {display:none !important;}
	li.MobileCallNumber {display:block !important; width:100%;}
	.testimonialTabs ul li a {margin:10px 10px 0 0;}
	.innerBannerTxt {font-size:32px; line-height:35px;}
	#portfolioNew .portfolio-wrapper .portfolioContentNew .projectTittle {width:100%; float:none;}
	.portfolioContentNew a.blogYellowBtn {margin-top:10px; margin-right:0px; float:none;}
	.innerBannerTxt {font-size:33px !important;}
	#banner {height:250px; overflow:hidden;}
	.innerBannerTxt {height:250px !important;}
	#blogsSlider .singleBlogList .blogger .blogDate {padding:0 0 0 15px !important;}
	.addtoany_shortcode {padding:9px 0 0 15px !important; float:left;}
	#blogsSlider {padding-bottom:30px !important; margin-bottom:80px !important;}
	#blogsSlider .singleBlogList {margin:0 !important;}
	#comments p.comment-form-author, #comments p.comment-form-email, #comments p.comment-form-url, #comments p.comment-form-comment {width:100% !important; padding:0 0 15px 0 !important; max-width:400px; clear:both; float:left !important; margin-left:0px !important;}
	#portfolioNew #portfoliolist .portfolio {width:100% !important;}
	.portfolioContentNew a.blogYellowBtn {margin-top:0 !important; float:left !important;}
	#portfolioNew .portfolio-wrapper .portfolioContentNew .projectTittle {width:100% !important; float:left;}
	.microsoftSmallLogos ul li {width:100% !important;}
	.devopsOptionsStep {display:block;}
	.devopsVecter {display:none;}
	.item1 { float:left; width:100%}
}

@media only screen and (min-width:480px) and (max-width:639px) {
	.slider-heading h1 {font-size:36px; padding-bottom:0px; margin-bottom:30px;}
	.slider-heading a.requestinfo {padding:15px 30px; margin-bottom:10px;}
	.slider-heading a.readmore {padding:15px 30px;}
	#developmentCategory ul li {width:50%;}
	ul.developmentTechnologies li {width:50%;}
	.ourMigrationProcessDesktop {display:none;}
	.ourMigrationProcessMobile {display:block;}
	#migrationProcess {padding:60px 0;}
	.migrationProcess {background:none; width:100%; height:auto; padding:0 15px; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0;}
	.innerMigrationProcess {position:relative; width:100%; height:auto; left:0px; top:0px; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; background:none;}
	.innerMigrationProcess h2 {font-size:33px; font-weight:300; color:#000; margin:0 0 40px 0; display:block; background:url(../images/inner-content-bg.jpg) no-repeat center bottom; padding:0 0 20px 0; text-align:center;}
	.firstCircle, .secondCircle, .thirdCircle, .fourthCircle, .fifthCircle {display:none;}
	.firstCircleContent, .secondCircleContent, .thirdCircleContent, .fourthCircleContent, .fifthCircleContent {position:relative; left:0; top:0; width:100%; margin-bottom:30px;}
	.firstCircleContent:after, .secondCircleContent:after, .thirdCircleContent:after, .fourthCircleContent:after, .fifthCircleContent:after {display:none;}
	.azureLeft {background:none;}
	#cloudHype ul li {width:50%;}
	ul.developmentTechnologies li {width:50% !important;}
	img.desktopSlide {display:none !important;}
	img.tabSlide {display:none !important;}
	img.mobileSlide {display:block !important;}
	.expertiseIcon {width:100%; text-align:left; padding-bottom:20px;}
	.expertiseIcon svg {max-height:100px;}
	.expertiseTxt {margin-left:0px;}
	.proCapaIncludesColum {height:310px; width:100%;}
	.blogListing h2 {font-size:26px;}
	.blogDate {padding:20px 0 20px 20px;}
	.blogDetail {font-size:25px; width:100px;}
	.blogDetail a {display:block; padding:20px 0 20px 0;}
	.innerBannerTxt {font-size:32px; line-height:35px;}
	#portfolioNew .portfolio-wrapper .portfolioContentNew .projectTittle {width:100%; float:none;}
	.portfolioContentNew a.blogYellowBtn {margin-top:10px; margin-right:0px; float:none;}
	.innerBannerTxt {font-size:48px; line-height:52px;}
	#comments p.comment-form-author, #comments p.comment-form-email, #comments p.comment-form-url, #comments p.comment-form-comment {width:100% !important; padding:0 0 15px 0 !important; max-width:400px; clear:both; float:left !important; margin-left:0px !important;}
	#portfolioNew #portfoliolist .portfolio {width:100% !important;}
	.portfolioContentNew a.blogYellowBtn {margin-top:0 !important; float:left !important;}
	#portfolioNew .portfolio-wrapper .portfolioContentNew .projectTittle {width:100% !important; float:left;}
	.microsoftSmallLogos ul li {width:50% !important;}
	.devopsOptionsStep {display:block;}
	.devopsVecter {display:none;}
	.item1 { float:left; width:50%}
}

@media only screen and (min-width:0px) and (max-width:767px) {
	#offshoreOutsourcing {padding:20px 0 30px 0;}
	#whyIshir h3 {font-size:30px;}
	#offshoreOutsourcing h2, #businessPotential h2 {font-size:25px;}
	#offshoreOutsourcing img {margin-top:30px;}
	#offshoreOutsourcing p {padding:0px;}
	#offshoreOutsourcing a.requestinfo {margin:10px 0;}
	#businessPotential {padding:20px 0 30px 0;}
	#businessPotential p {font-size:17px;}
	.businessPotentialData::after {display:none;}
	.businessPotentialData {padding:10px 0; height:120px;}
	.businessPotentialData span.counting {font-size:40px;}
	#ourClients, #whyIshir {padding:50px 0 0 0;}
	#blogs {padding:20px 0 0 0;}
	.footerButton {text-align:left;}
	.footerButton a {padding:17px 64px;}
	ul.footerBotLinks, ul.footerBotLinks {margin:10px 0 10px -8px;}
	ul.footerBotLinks li a {line-height:22px;}
	footer h4 {padding-top:10px;}
	ul.footerLinks {margin:0 0 20px 0;}
	ul.socialLinks {margin-bottom:30px;}
	.bodyWrapper, .header {position:static; background:url(../images/header-background.png) repeat !important; position: -webkit-sticky; position: sticky; top: 0; left: 0; padding: 0;}
	.businessPotentialData span.counting, .businessPotentialData span.counting span.count {font-size:47px;}
	.rightContentImg {text-align:left;}
	#downloadWhitepaper {padding:40px 0;}
	.ourApproachIcon {text-align:left;}
	.azureLeft {background:#00abeb;}
	#modernBusiness {height:auto; background:none;}
	.azureLeft, .azureRight {position:relative;}
	.azureRight {background:#f2f2f2; height:auto; padding:40px 0;}
	.azureContentTxt {padding:0 15px;}
	.featuresStepRight {display:none;}
	.ishirApartIcon {text-align:left; margin-bottom:15px;}
	.ishirApartContent {padding-top:0px;}
	#programs p {margin-bottom:30px;}
	.topGrayBack:before {display:none;}
	.bigdataLeft, .bigdataRight {background:none; left:0; position:absolute; top:0;}
	.stepLeft, .stepRight {border-radius:100%; float:left; height:100px; line-height:100px; padding:0 !important; transform:skew(0deg, 0deg); width:100px;}
	.bigdataLeft .stepRight {display:none;}
	.bigdataRight .stepLeft {display:none;}
	.stepLeft:before, .stepRight:before {display:none;}
	.bigdataLeft .stepLeft, .bigdataRight .stepRight {margin:0 !important;}
	.bigdataRight .stepLeft {left:15px;}
	.bigdataStepsLeft, .bigdataStepsRight {padding:100px 15px 0 15px;}
	.bigdataRight .stepRight {margin-left:15px !important; margin-top:0px !important;}
	#bigdatAnalytics {padding:0;}
	.bigdataLeft {padding:0 15px;}
	#getitBigData p {padding:10px 0;}
	#getitBigData p.redCircle {background:url(../images/red-circle.jpg) no-repeat left 16px; text-align:left; padding-left:25px;}
	#getitBigData p.blueCircle {background:url(../images/blue-circle.jpg) no-repeat left 16px; text-align:left; padding-left:25px;}
	#getitBigData p.greenCircle {background:url(../images/green-circle.jpg) no-repeat left 16px; text-align:left; padding-left:25px;}
	#getitBigData p.darkBlueCircle {background:url(../images/dark-blue-circle.jpg) no-repeat left 16px; text-align:left; padding-left:25px;}
	.bigDataImage {text-align:left; padding:20px 15px;}
	li.width50 {width:100% !important;}
	.keyDifferentiationLiesIcon {text-align:left;}
	.softwarePackagingIcon {text-align:left; margin-bottom:20px;}
	.plateformColum {width:100%;}
	.clientsLogoMain {margin:0 auto 15px auto;}
	.paddingBotNew {padding-bottom:30px;}
	.ourBenifits {float:none; margin:0 0 50px 0;}
	.ourbenifitsHeading {border:none; width:100%; height:100%;}
	.ourbenifitsHeading h2 {height:auto;}
	.ourBenefitStepCounting {display:none;}
	.pinkStep::before, .darkBlueStep::before, .purpleStep::before, .lightBlueStep::before {display:none;}
	.innerOurBenefitStep {margin:0 auto 15px auto; width:90%; height:auto;}
	.innerOurBenefitStep p {height:auto; display:block; padding:30px;}
	#ourBenifits {padding:50px 0 0 0;}
	#strategicTechnology {background:#2c4d63; padding:50px 0;}
	#strategicTechnology h2 {font-size:28px; padding-bottom:10px;}
	#remoteSercerCircle {background:#f6f6f6;}
	#softwareDevelopmentContent h3, #customAppDevelopment h3, #ourApproach h3 {font-size:25px; padding-bottom:20px;}
	#customAppDevelopment h3 {padding-top:20px;}
	#customAppDevelopment ul li {background:url(../images/black-bullet.png) no-repeat left 10px;}
	#ourApproach, #ishirApart, #servicesOffer, #popularFeatures, #softwareDevelopmentContent, #goodUserExp, #UX-Testimonial, #softwarePackaging, #keyDifferentiation, .deliveryModelGray, .deliveryModelWhite, #competencyCenter, #ourPortfolio, #phpDeveServices, #plateformTechnologies {padding:50px 0;}
	#phpDevContent {padding:50px 0 10px 0;}
	#programs, #bigDataService {padding:50px 0 0 0;}
	#cloudServices {padding:0 0 50px 0;}
	#ourApproach h2, #ishirApart h2, #servicesOffer h2, #popularFeatures h2, #programs h2, #bigDataService h2, #goodUserExp h2, #softwarePackaging h2, #cloudServices h2, #keyDifferentiation h2, .digitalMarketingContent h2, #competencyCenter h2, #ourPortfolio h2, #ourPortfolio h3, #phpDeveServices h2, #phpDevContent h2, #plateformTechnologies h2 {font-size:24px;}
	#phpDevContent ul {margin-bottom:40px;}
	#ourPortfolio h3 {padding-top:20px;}
	#ourPortfolio a.requestinfo {padding:25px 70px;}
	#ishirApart h2 {margin-bottom:50px;}
	#popularFeatures h2 {margin-bottom:10px;}
	#programs h2 span, .digitalMarketingContent h2 {padding-top:20px;}
	#goodUserExp h2, #softwarePackaging h2, #cloudServices h2, #keyDifferentiation h2, #competencyCenter h2, #ourPortfolio h2, #phpDeveServices h2, #plateformTechnologies h2 {padding-bottom:20px;}
	#cloudServices {padding-bottom:0px;}
	#softwareDevelopmentContent ul li {width:100%;}
	.footerButton a {padding:17px 58px;}
	.leftNavigation ul {margin-bottom:50px;}
	.getInTouch {margin-top:15px;}
	#tryIshir {padding:30px 0 50px 0;}
	#tryIshir h1, #tryIshir h2 {font-size:25px;}
	.bigDataSevicesIcon {text-align:left;}
	.threeBox {margin:0 0 15px 0;}
	.engagmentModelIcon {text-align:left;}
	#experience {padding:50px 0;}
	#phpDevContent h2, #experience h2, #competencies h2, #ishirExpertise h2, .tourContent h3, #productServices h3, #applicationDevelopment h2, #dothingAppDevelopment h2, .points h4, #webdesignServices h2, #innerWhyIshir h3, #ourAdvantages h2, .ecommerceContent h4, #downloadWhitepaper h3, .howDoesWorkContent h4, #remoteBenefits h2, #downloadWhitepaper h2, #deployOffice h2, #cloudReadiness h2, #azureCloud h2, #azureForISV h2, #dataProcessing h2, #dataProcessingCapabilities h2, #ecoCatalogueProcessing h2, #ecoCatalogueProcessing h3 {font-size:25px;}
	.ourMigrationProcessMobile ul li {text-align:left !important;}
	.sharepointDevIcon, .ourAdvantageSVG {text-align:left;}
	.ourAdvantageSVG svg {max-width:110px;}
	#ourPortfolioSlider .owl-buttons .owl-next, #ourPortfolioSlider .owl-buttons .owl-prev {display:none;}
	.digitalMarketingIcon {text-align:left;}
	.purpleService {padding-top:40px;}
	.serviceNameTwo {padding-top:60px; padding-bottom:40px;}
	.serviceInfographic {padding-top:0px;}
	.applicationDevelopmentContent ul li {width:100%; height:auto; padding-bottom:20px;}
	.doThingsvg {text-align:left; padding-bottom:15px;}
	.productServicesIcon {text-align:left;}
	.whyIshirStep {text-align:left;}
	span.whyStepOne, span.whyStepTwo, span.whyStepThree, span.whyStepFour, span.whyStepFive, span.whyStepSix {text-align:center;}
	#weDeliver {padding:50px 0 0 0;}
	#weDeliver h2 {font-size:25px;}
	#applicationDevelopment, #dothingAppDevelopment, #productServices, #innerWhyIshir, #ourAdvantages, #howDoesWork, #ourBenefits, #remoteBenefits, #deployOffice, #officeMigration, #cloudReadiness, #azureCloud, #azureForISV, #dataProcessing, #freeTrial, #ecoCatalogueProcessing {padding:50px 0;}
	#webdesignServices {padding:100px 0;}
	#downloadWhitepaper h2 {padding-bottom:20px;}
	#productServices h4 {font-size:27px; line-height:29px;}
	#innerWhyIshir h3 {margin-bottom:40px;}
	#innerWhyIshir p, .ourAdvantagesContent p, #bigdatAnalytics p, #bigDataService p, #softwareDevelopmentContent p, .softwarePackagingContent p, #ishirApart p, #deployOffice .featuresContent p, #azureForISV p, .bigProcessService p, .bigProcessService ul li, .deliveryModelContent p, .engagmentModelContent ul li, #phpDevContent ul li, #weDeliver ul li, .rightContent p, #dataProcessing ul li, #dataProcessingCapabilities p, #ecoCatalogueProcessing p {font-size:17px;}
	.whyIshirStepOuterLeft {margin-bottom:20px;}
	.whyIshirStepContent h4 {font-size:27px; line-height:30px;}
	.ourAdvantageSVGFirst svg {max-width:150px !important;}
	.ourAdvantagesContent h3, #howDoesWork h2, #ourBenefits h2 {font-size:27px;}
	#bigdatAnalytics h3, #bigDataService h3 {font-size:25px; font-weight:500;}
	#remoteBenefits h2 {padding-bottom:20px;}
	.remoteBenefitsStepLeft, .remoteBenefitsStepRight {display:none;}
	.remoteBenefitsFeaturesContent {border-width:5px;}
	#remoteSercerCircle h2 {font-size:25px; font-weight:500; line-height:30px; margin-top:50px;}
	#downloadWhitepaper h4 {font-size:25px; line-height:30px;}
	.devopsContent h4, .softwarePackagingContent h4, .ishirApartContent h4, #deployOffice .featuresContent h3, .bigProcessService h4, .keyDifferentiationContent h3, .deliveryModelContent h4, .engagmentModelContent h4, .innerContent h4, #whyIshir h3, #blogs h3 {font-weight:500; font-size:25px; line-height:30px;}
	.rightContent h3 {font-size:25px;}
	#deployOffice h2 {margin-bottom:0px;}
	#officeMigration ul li, #whyIshir p, #blogs p {font-size:18px;}
	#cloudReadiness h2 {margin-bottom:40px;}
	.keyDifferentiationContent {padding-top:20px;}
	#blogsSlider {margin-bottom:60px;}
	#blogsSlider .owl-controls {bottom:0% !important; top:auto;}
	#dataProcessing svg {margin-top:0px;}
	#dataProcessingCapabilities {padding:50px 0 0 0;}
	.ecoCatalogueIcon {text-align:left; padding-bottom:20px;}
	.navbar-brand > img {max-width:60%;}
	.fooetrRightMenu {text-align:center;}
	.thankYouContent {padding:0;}
	.thankYouContent h2 {font-size:40px !important; line-height:45px !important;}
	.thankYouContent p {font-size:19px !important; line-height:29px !important;}
	.footerrequestBtn {display:none;}
	.getInTouch {padding:15px;}
	li.desktopCallNumber {display:none !important;}
	.singlePostContentNew {padding-bottom:30px;}
	.singlePostContentNew img {max-width:100%; height:auto;}
	.socialSharing {padding-bottom:12px !important;}
	.blogSidebarNew {max-width:430px;}
	.testiDetail {padding-top:10px;}
	#staffAugmention .svgImg {text-align:left !important;}
	ul.socialLinks {text-align:left;}
	#lhnContainer, #Zsmenu {display:none;}
	li.MobileCallNumber {display:block !important; width:100%;}
	.teamImageNew img {max-width:100%; margin-bottom:20px !important;}
	/*.boxwithbg, .boxwitoutbg {max-width:300px; margin:0 auto;}*/
	.teamBoxNewly {margin:0 15px 30px 15px !important; width:calc(100% - 30px) !important;}
	
}

@media only screen and (min-width:640px) and (max-width:767px) {
	#developmentCategory ul li {width:25%;}
	ul.developmentTechnologies li {width:33.33333%;}
	.plateformColum {width:50%;}
	#cloudHype ul li {width:50%;}
	ul.developmentTechnologies li {width:50% !important;}
	img.desktopSlide {display:none !important;}
	img.tabSlide {display:block !important;}
	img.mobileSlide {display:none !important;}
	.proCapaIncludesColum {height:310px; width:50%;}
	.innerBannerTxt {font-size:37px; line-height:40px;}
	.innerBannerTxt {font-size:48px; line-height:52px;}
	#portfolioNew #portfoliolist .portfolio {width:50% !important;}
	.portfolioContentNew a.blogYellowBtn {margin-top:0 !important; float:left !important;}
	#portfolioNew .portfolio-wrapper .portfolioContentNew .projectTittle {width:100% !important; float:left;}
}

@media only screen and (min-width:768px) and (max-width:991px) {
	.slider-heading h1 {font-size:35px; line-height:35px; padding-bottom:10px;}
	.slider-heading a.requestinfo {padding:10px 30px; margin-bottom:10px; margin-top:0px;}
	.slider-heading a.readmore {padding:10px 30px;}
	#offshoreOutsourcing p {padding:0px;}
	.businessPotentialData span.counting, .businessPotentialData span.counting span.count {font-size:42px;}
	.memberDetail {float:none; width:100%;}
	.profileLink {float:none; width:100%;}
	#developmentCategory ul li {width:25%;}
	#modernBusiness, .cloudModernBusiness, .azureRight {height:500px;}
	.cloudModernBusiness {background:none;}
	.bigdataLeft {background:url(../images/big-data-gray-bg-tab.jpg) repeat-y center; width:132px !important;}
	.bigdataRight {background:url(../images/big-data-gray-bg-tab.jpg) repeat-y 45px center; width:132px !important;}
	.topGrayBack:before {background:url(../images/top-gray.jpg) no-repeat; width:56px; height:26px; left:38px !important;}
	.stepLeft, .stepRight {height:83px; width:54px;}
	.bigdataLeft .stepLeft {margin:30px 0 0 12px !important;}
	.bigdataLeft .stepRight {margin:30px 12px 0 0 !important;}
	.bigdataRight .stepLeft {margin:30px 0 0 19px !important;}
	.bigdataRight .stepRight {margin:30px 5px 0 0 !important;}
	.stepLeft, .stepRight {font-size:33px; padding-top:17px;}
	#getitBigData p {font-size:16px; padding:20px 0;}
	.plateformColum {width:50%;}
	.clientsLogo {padding:0 15px;}
	.clientsLogoMain {height:160px;}
	.ourBenifits {margin:0 0 30px 0 !important; width:100%;}
	.ourbenifitsHeading {margin:0 auto;}
	.pinkStep::before, .darkBlueStep::before, .purpleStep::before, .lightBlueStep::before {display:none;}
	.greenOne, .greenTwo, .greenThree, .greenFour, .greenFive, .orangeOne, .orangeTwo, .orangeThree, .orangeFour, .orangeFive {width:180px; height:180px;}
	.remoteServerAdmCircle svg {max-width:65px;}
	.featuresStepRight, .featuresStepLeft {width:125px;}
	#infinityLeft {margin-left:0px; width:76px;}
	#infinityRight {margin-right:0px; width:76px;}
	.footerButton a {font-size:15px; padding:17px 41px;}
	.remoteBenefitsStepLeft, .remoteBenefitsStepRight {width:250px;}
	#remoteBenefitsRight {margin-right:27px;}
	#remoteBenefitsLeft {margin-left:27px;}
	.mobileAppSolOuterCircle {width:93px; height:93px; padding:0; border:none;}
	.mobileAppSolMiddleCircle {width:93px; height:93px; padding:0; border:none !important;}
	.mobileAppSolCircle {width:93px; height:93px; padding:19px 0;}
	.mobileAppSolCircle svg {max-height:55px;}
	.mobileAppSolCircle:after {height:30px; bottom:-30px;}
	.mobileAppSolCircle:before {bottom:-40px;}
	.serviceName {paddiing-top:50px;}
	.mobileAppSolCircle {padding:23px 0;}
	.mobileAppSolCircle svg {max-height:45px;}
	.serviceInfographic {padding-top:100px;}
	.applicationDevelopmentContent ul li {width:33.3333334%; min-height:412px;}
	.applicationDevelopmentContent ul li p {font-size:15px;}
	.proCapaIncludesColum {height:310px;}
	.contentBox {padding-top:35px;}
	.hoverBoxContent {padding-top:25px;}
	.hoverBoxContent span {font-size:25px;}
	.hoverBoxContent img {max-width:18%;}
	.innerPageBlogContent {padding:10px 20px;}
	.innerPageBlogContent p {min-height:auto !important;}
	span.event-data {display:none !important;}
	#freeTrial {padding:90px 0;}
	.innerBannerTxt {font-size:42px; line-height:45px;}
	.thankYouContent h2 {font-size:50px !important; line-height:60px !important;}
	#portfolioNew #portfoliolist .portfolio {width:50% !important;}
	.portfolioContentNew a.blogYellowBtn {margin-top:0 !important; float:left !important;}
	#portfolioNew .portfolio-wrapper .portfolioContentNew .projectTittle {width:100% !important; float:left;}
	.innerPageBlog {margin-top:30px;}
	li.desktopCallNumber {display:none !important;}
	li.MobileCallNumber {display:block !important; width:100%;}
	.boxwitoutbg {min-height:335px;}
	.boxwithbg {min-height:335px;}
	.teamBoxNewly {margin:0 15px 30px 15px !important; width:calc(50% - 30px) !important;}
}

@media only screen and (min-width:640px) and (max-width:991px) {
	#migrationProcess {padding:240px 0 120px 0;}
	.migrationProcess {width:250px; height:250px;}
	.innerMigrationProcess {height:222px; left:14px; top:14px; width:222px;}
	.innerMigrationProcess h2 {font-size:28px; line-height:34px; padding:21px;}
	.firstCircle, .secondCircle, .thirdCircle, .fourthCircle, .fifthCircle {width:40px; height:40px;}
	.innerFirstCircle, .innerSecondCircle, .innerThirdCircle, .innerFourthCircle, .innerFifthCircle {height:30px; margin-left:6px; margin-top:5px; width:29px;}
	.secondCircle {left:27px;}
	.thirdCircle {right:0;}
	.fourthCircle {bottom:16%; left:14px;}
	.fifthCircle {bottom:16%; right:14px;}
	.firstCircleContent {left:-19px;}
	.secondCircleContent {top:-50px; width:160px; left:-178px;}
	.secondCircleContent:after {right:-29px; top:112%; -ms-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg); width:34px;}
	.thirdCircleContent {right:-177px; top:-67px; width:160px;}
	.thirdCircleContent:after {left:-34px; top:108%; width:32px; -ms-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); transform:rotate(-45deg);}
	.fourthCircleContent {left:-178px; top:205px; width:172px;}
	.fourthCircleContent:after {right:-33px; top:6%; width:37px; -ms-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); transform:rotate(-45deg);}
	.fifthCircleContent {right:-178px; top:191px; width:172px;}
	.fifthCircleContent:after {left:-36px; top:15%; width:36px; -ms-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg); width:34px;}
	#remoteSercerCircle {background:#f6f6f6;}
	.microsoftSmallLogos ul li {width:33.333334% !important;}
}

@media only screen and (min-width:992px) and (max-width:1199px) {
	.slider-heading h1 {font-size:40px; padding-bottom:10px;}
	blogger {margin:0 20px;}
	.migrationProcess {width:350px; height:350px;}
	.innerMigrationProcess {left:21px; top:24px; width:305px; height:305px;}
	.innerMigrationProcess h2 {font-size:34px; line-height:45px;}
	.firstCircle, .secondCircle, .thirdCircle, .fourthCircle, .fifthCircle {width:50px; height:50px;}
	.innerFirstCircle, .innerSecondCircle, .innerThirdCircle, .innerFourthCircle, .innerFifthCircle {margin-top:8px; margin-left:9px; width:33px; height:34px;}
	.secondCircle {left:27px;}
	.thirdCircle {right:0;}
	.fourthCircle {bottom:16%; left:14px;}
	.fifthCircle {bottom:16%; right:14px;}
	.firstCircleContent {left:36px;}
	.secondCircleContent {top:79px;}
	.thirdCircleContent {right:-304px; top:63px;}
	.fourthCircleContent {left:-286px; top:225px;}
	.fifthCircleContent {right:-282px; top:224px;}
	#getitBigData p {padding:40px 0;}
	.ourBenifits {margin-left:60px;}
	#remoteSercerCircle {background:#f6f6f6;}
	.footerButton a {padding:17px 65px !important;}
	.featuresStepRight, .featuresStepLeft {width:162px;}
	#infinityLeft {margin-left:18px; width:76px;}
	#infinityRight {margin-right:18px; width:76px;}
	.applicationDevelopmentContent ul li {width:33.3333334%; min-height:422px;}
	#blogsSlider {padding-bottom:40px;}
	.contentBox {padding-top:65px;}
	.hoverBoxContent {padding-top:37px;}
	.innerPageBlogContent {padding:10px 20px;}
	.innerPageBlogContent h5 {margin-bottom:10px;}
	.innerPageBlogContent p {font-size:18px !important; line-height:25px !important; min-height:75px; margin-bottom:0px;}
	.thankYouContent h2 {font-size:50px !important; line-height:60px !important;}
	.portfolioContentNew a.blogYellowBtn {margin-top:0 !important; float:left !important;}
	#portfolioNew .portfolio-wrapper .portfolioContentNew .projectTittle {width:100% !important; float:left;}
	li.desktopCallNumber {display:none !important;}
	li.MobileCallNumber {display:block !important; width:100%;}
	.teamBoxNewly {margin:0 15px 30px 15px !important; width:calc(50% - 30px) !important;}
}

@media only screen and (min-width:0px) and (max-width:639px) {
	#ourServices .column {width:100%;}
	.width49 {width:100% !important;}

}

@media only screen and (min-width:640px) and (max-width:1199px) {
	#ourServices .column {width:50%;}
	.bigdataLeft {width:162px;}
	.bigdataRight {width:161px;}
	.bigdataLeft .stepLeft, .bigdataRight .stepLeft {margin:30px 0 0 14px;}
	.bigdataLeft .stepRight, .bigdataRight .stepRight {margin:30px 14px 0 0;}
	.bigdataRight .stepRight {margin:30px 13px 0 0;}
	.topGrayBack:before {left:40px;}
	.stepFourParent, .stepThreeParent, .stepTwoParent, .stepOneParent {width:50%; text-align:left; float:left; -ms-transform:rotate(0deg); -webkit-transform:rotate(0deg); transform:rotate(0deg); margin:0;}
	.stepContentNew {width:330px; position:relative; left:0px; -ms-transform:rotate(0deg); -webkit-transform:rotate(0deg); transform:rotate(0deg); display:inline-block; bottom:0px; margin-left:20px;}
	.stepFourArrowNew, .stepThreeArrowNew, .stepTwoArrowNew, .stepOneArrowNew, .stepTwoArrowNew, stepOneArrowNew, .stepFourNew:before, .stepThreeNew:before, .stepTwoNew:before, .stepOneNew:before {display:none;}
	.stepFourNew, .stepThreeNew, .stepTwoNew, .stepOneNew {display:inline-block; width:100px; height:100px; -ms-transform:skewX(0deg); -webkit-transform:skewX(0deg); transform:skewX(0deg); -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; margin:0 0 20px 0;}
	.stepCounting {width:100px !important; height:100px; line-height:100px; -ms-transform:skewX(0deg) !important; -webkit-transform:skewX(0deg) !important; transform:skewX(0deg) !important; position:relative !important; right:0 !important;}
}

@media only screen and (min-width:0px) and (max-width:991px) {
	.stepFourParent, .stepThreeParent, .stepTwoParent, .stepOneParent {width:100%; text-align:left; float:left; -ms-transform:rotate(0deg); -webkit-transform:rotate(0deg); transform:rotate(0deg); margin:0;}
	.stepContentNew {width:320px; position:relative; left:0px; -ms-transform:rotate(0deg); -webkit-transform:rotate(0deg); transform:rotate(0deg); display:inline-block; bottom:0px; margin-left:20px;}
	.stepFourArrowNew, .stepThreeArrowNew, .stepTwoArrowNew, .stepOneArrowNew, .stepTwoArrowNew, stepOneArrowNew, .stepFourNew:before, .stepThreeNew:before, .stepTwoNew:before, .stepOneNew:before {display:none;}
	.stepFourNew, .stepThreeNew, .stepTwoNew, .stepOneNew {display:inline-block; width:100px; height:100px; -ms-transform:skewX(0deg); -webkit-transform:skewX(0deg); transform:skewX(0deg); -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; margin:0 0 20px 0;}
	.stepCounting {width:100px; height:100px; line-height:100px; -ms-transform:skewX(0deg) !important; -webkit-transform:skewX(0deg) !important; transform:skewX(0deg) !important; position:relative !important; right:0 !important;}
}

@media only screen and (min-width:992px) and (max-width:1199px) {
	.stepFourParent, .stepThreeParent, .stepTwoParent, .stepOneParent {width:50%; text-align:left; float:left; -ms-transform:rotate(0deg); -webkit-transform:rotate(0deg); transform:rotate(0deg); margin:0;}
	.stepContentNew {width:330px; position:relative; left:0px; -ms-transform:rotate(0deg); -webkit-transform:rotate(0deg); transform:rotate(0deg); display:inline-block; bottom:0px; margin-left:20px;}
	.stepFourArrowNew, .stepThreeArrowNew, .stepTwoArrowNew, .stepOneArrowNew, .stepTwoArrowNew, stepOneArrowNew, .stepFourNew:before, .stepThreeNew:before, .stepTwoNew:before, .stepOneNew:before {display:none;}
	.stepFourNew, .stepThreeNew, .stepTwoNew, .stepOneNew {display:inline-block; width:100px; height:100px; -ms-transform:skewX(0deg); -webkit-transform:skewX(0deg); transform:skewX(0deg); -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; margin:0 0 20px 0;}
	.stepCounting {width:100px !important; height:100px; line-height:100px; -ms-transform:skewX(0deg) !important; -webkit-transform:skewX(0deg) !important; transform:skewX(0deg) !important; position:relative !important; right:0 !important;}
	.greenOne, .greenTwo, .greenThree, .greenFour, .greenFive, .orangeOne, .orangeTwo, .orangeThree, .orangeFour, .orangeFive {width:129px; height:129px;}
	.remoteServerAdmCircle svg {max-width:41px;}
	.remoteBenefitsStepLeft, .remoteBenefitsStepRight {width:323px;}
	#remoteBenefitsRight {margin-right:65px;}
	#remoteBenefitsLeft {margin-left:65px;}
	.mobileAppSolOuterCircle {width:130px; height:130px; padding:10px 0;}
	.mobileAppSolMiddleCircle {width:110px; height:110px; padding:10px 0;}
	.mobileAppSolCircle {width:90px; height:90px; padding:19px 0;}
	.mobileAppSolCircle svg {max-height:50px;}
	.mobileAppSolCircle:after {height:50px; bottom:-50px;}
	.mobileAppSolCircle:before {bottom:-60px;}
	.serviceInfographic {padding-top:120px;}
	span.event-data {display:none !important;}
}

@media only screen and (min-width:1200px) and (max-width:1299px) {
	.featuresStepRight, .featuresStepLeft {width:134px;}
	#infinityLeft {margin-left:5px; width:76px;}
	#infinityRight {margin-right:5px; width:76px;}
	.mobileAppSolOuterCircle {width:130px; height:130px; padding:10px 0;}
	.mobileAppSolMiddleCircle {width:110px; height:110px; padding:10px 0;}
	.mobileAppSolCircle {width:90px; height:90px; padding:19px 0;}
	.mobileAppSolCircle svg {max-height:50px;}
	.mobileAppSolCircle:after {height:50px; bottom:-50px;}
	.mobileAppSolCircle:before {bottom:-60px;}
	.serviceInfographic {padding-top:120px;}
	.applicationIcon {width:130px; height:130px; padding:10px;}
	.element {height:105px; width:105px;}
	.element:after {bottom:-11px; border-left:15px solid transparent !important; border-right:20px solid transparent !important; border-top-width:13px !important;}
	.circle span {padding:40px 0 !important;}
	.applicationDevelopmentContent ul li svg {max-width:69px;}
	.applicationDevelopmentContent ul li p {font-size:14px;}
	#blogsSlider {padding-bottom:40px;}
	.contentBox {padding-top:65px;}
	.hoverBoxContent {padding-top:37px;}
	.innerPageBlogContent {padding:10px 20px;}
	.innerPageBlogContent h5 {margin-bottom:10px;}
	.innerPageBlogContent p {font-size:18px !important; line-height:25px !important; min-height:75px; margin-bottom:0px;}
	.portfolioContentNew a.blogYellowBtn {margin-top:0 !important; float:left !important;}
	#portfolioNew .portfolio-wrapper .portfolioContentNew .projectTittle {width:100% !important; float:left;}
	span.event-data {display:none !important;}
	li.desktopCallNumber {display:none !important;}
	li.MobileCallNumber {display:block !important; width:100%;}
	.boxwitoutbg {min-height:335px;}
	.boxwithbg {min-height:335px;}
	.teamBoxNewly {margin:0 15px 30px 15px !important; width:calc(33.33333333% - 30px) !important; min-height:346px;}
}

@media only screen and (min-width:1300px) and (max-width:1499px) {
	.featuresStepRight, .featuresStepLeft {width:165px; margin:0 0.5px 0 1px;}
	#infinityLeft {margin-left:20px; width:76px;}
	#infinityRight {margin-right:20px; width:76px;}
	.mobileAppSolOuterCircle {width:165px; height:165px; padding:15px 0;}
	.mobileAppSolMiddleCircle {width:134px; height:134px; padding:15px 0;}
	.mobileAppSolCircle {width:90px; height:90px; padding:20px 0;}
	.mobileAppSolCircle svg {max-height:50px;}
	.circle span {padding:52px 0 !important;}
	.applicationIcon {width:162px; height:162px;}
	.element {height:125px; width:125px;}
	.element:after {bottom:-11px;}
	.applicationDevelopmentContent ul li svg {max-width:82px;}
	#blogsSlider {padding-bottom:40px;}
	.contentBox {padding-top:90px;}
	.hoverBoxContent {padding-top:61px;}
	.innerPageBlogContent {padding:10px 20px;}
	.innerPageBlogContent p {min-height:105px; margin-bottom:0px;}
	.portfolioContentNew a.blogYellowBtn {margin-top:0 !important; float:left !important;}
	#portfolioNew .portfolio-wrapper .portfolioContentNew .projectTittle {width:100% !important; float:left;}
	.boxwitoutbg {min-height:335px;}
	.boxwithbg {min-height:335px;}
}

@media only screen and (min-width:1200px) and (max-width:1499px) {
	blogger {margin:0 10px;}
	.blogContent {padding:20px;}
	.blogContent {padding:10px;}
	.blogContent p {font-size:21px !important; line-height:30px !important; min-height:170px; padding:10px !important;}
	#getitBigData p {padding:40px 0;}
	.ourBenifits {margin-left:160px;}
	.footerButton a {padding:17px 65px !important;}
}

@media only screen and (min-width:1300px) and (max-width:1499px) {
	.greenOne, .greenTwo, .greenThree, .greenFour, .greenFive, .orangeOne, .orangeTwo, .orangeThree, .orangeFour, .orangeFive {width:167px; height:167px;}
}

@media only screen and (min-width:1200px) and (max-width:1299px) {
	/*header {display:none;}*/
	.stepFourParent {margin-right:50px;}
	.stepFourParent, .stepThreeParent, .stepTwoParent, .stepOneParent {width:120px;}
	.stepFourNew, .stepThreeNew, .stepTwoNew, .stepOneNew {width:120px; height:70px;}
	.stepFourNew:before, .stepThreeNew:before, .stepTwoNew:before, .stepOneNew:before {width:119px;}
	.stepThreeParent {margin-right:-21px; margin-top:73px;}
	.stepTwoParent {margin-right:-20px; margin-top:159px;}
	.stepOneParent {margin-right:-18px; margin-top:258px;}
	.stepFourArrowNew, .stepThreeArrowNew, .stepTwoArrowNew, .stepOneArrowNew {width:140px; left:-134px; bottom:20px;}
	.stepContentNew {width:300px; left:-445px; bottom:-51px; font-size:15px; line-height:22px;}
	.stepCounting {right:57px; bottom:8px; font-size:40px;}
	.bigdataLeft {width:162px;}
	.bigdataRight {width:161px;}
	.bigdataLeft .stepLeft, .bigdataRight .stepLeft {margin:30px 0 0 14px;}
	.bigdataLeft .stepRight, .bigdataRight .stepRight {margin:30px 14px 0 0;}
	.bigdataRight .stepRight {margin:30px 13px 0 0;}
	.topGrayBack:before {left:40px;}
	.ourBenifits {margin-left:60px;}
	.greenOne, .greenTwo, .greenThree, .greenFour, .greenFive, .orangeOne, .orangeTwo, .orangeThree, .orangeFour, .orangeFive {width:129px; height:129px;}
	.remoteServerAdmCircle svg {max-width:41px;}
	.remoteBenefitsStepLeft, .remoteBenefitsStepRight {width:270px;}
	#remoteBenefitsRight {margin-right:39px;}
	#remoteBenefitsLeft {margin-left:39px;}
	#pageNotFound h1 {font-size:110px; line-height:80px;}
	#pageNotFound h3 {padding:30px 0 20px 0 !important; font-size:27px !important;}
}

@media only screen and (min-width:1300px) and (max-width:1499px) {
	.cd-primary-nav > li > a {padding:10px; font-size:13px !important;}
	.stepFourParent, .stepThreeParent, .stepTwoParent, .stepOneParent {width:150px;}
	.stepFourNew, .stepThreeNew, .stepTwoNew, .stepOneNew {width:150px; height:70px;}
	.stepFourNew:before, .stepThreeNew:before, .stepTwoNew:before, .stepOneNew:before {width:149px;}
	.stepThreeParent {margin-right:-51px; margin-top:73px;}
	.stepTwoParent {margin-right:-49px; margin-top:159px;}
	.stepOneParent {margin-right:-48px; margin-top:258px;}
	.stepFourArrowNew, .stepThreeArrowNew, .stepTwoArrowNew, .stepOneArrowNew {width:200px; left:-196px; bottom:9px;}
	.stepContentNew {width:360px; left:-570px; bottom:-85px;}
	.stepCounting {right:57px; bottom:8px; font-size:40px;}
	.bigdataRight {width:181px;}
	.bigdataRight .stepLeft {margin:30px 0 0 24px;}
	.bigdataRight .stepRight {margin:30px 23px 0 0;}
	.remoteBenefitsStepLeft, .remoteBenefitsStepRight {width:334px;}
}

@media (max-width:1299px) {
	.navbar-header {float:none;}
	.navbar-left, .navbar-right {float:none !important;}
	.navbar-toggle {display:block;}
	.navbar-collapse {border-top:1px solid transparent; box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.1);}
	.navbar-fixed-top {top:0; border-width:0 0 1px;}
	.navbar-collapse.collapse {display:none!important;}
	.navbar-nav {float:none!important; margin-top:7.5px;}
	.navbar-nav > li {float:none;}
	.navbar-nav > li > a {padding-top:10px; padding-bottom:10px;}
	.collapse.in {display:block !important;}
	.navbar-collapse.collapse {padding-top:0px;}
	.navbar-nav > li > a {padding-left:0px; padding-right:0px;}
	.phonenumber {color:#f5b300; padding-left:0px; padding-bottom:10px;}
}

/**** slideInLeft ****/
@-webkit-keyframes slideInLeft {
	0% {opacity:0; -webkit-transform:translateX(-2000px); transform:translateX(-2000px);}
	100% {-webkit-transform:translateX(0); transform:translateX(0);}
}

@keyframes slideInLeft {
	0% {opacity:0; -webkit-transform:translateX(-2000px); -ms-transform:translateX(-2000px); transform:translateX(-2000px);}
	100% {-webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0);}
}

.slideInLeft {-webkit-animation-name:slideInLeft; animation-name:slideInLeft;}

/**** slideInRight ****/
@-webkit-keyframes slideInRight {
	0% {opacity:0; -webkit-transform:translateX(2000px); transform:translateX(2000px);}
	100% {-webkit-transform:translateX(0); transform:translateX(0);}
}

@keyframes slideInRight {
	0% {opacity:0; -webkit-transform:translateX(2000px); -ms-transform:translateX(2000px); transform:translateX(2000px);}
	100% {-webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0);}
}

.slideInRight {-webkit-animation-name:slideInRight; animation-name:slideInRight;}

/**** bounceInUp ****/
@-webkit-keyframes bounceInUp {
	0% {opacity:0; -webkit-transform:translateY(2000px); transform:translateY(2000px);}
	60% {opacity:1; -webkit-transform:translateY(-30px); transform:translateY(-30px);}
	80% {-webkit-transform:translateY(10px); transform:translateY(10px);}
	100% {-webkit-transform:translateY(0); transform:translateY(0);}
}

@keyframes bounceInUp {
	0% {opacity:0; -webkit-transform:translateY(2000px); -ms-transform:translateY(2000px); transform:translateY(2000px);}
	60% {opacity:1; -webkit-transform:translateY(-30px); -ms-transform:translateY(-30px); transform:translateY(-30px);}
	80% {-webkit-transform:translateY(10px); -ms-transform:translateY(10px); transform:translateY(10px);}
	100% {-webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0);}
}

.bounceInUp {-webkit-animation-name:bounceInUp; animation-name:bounceInUp;}
.frontendContent svg {max-width:500px;}
.contentListing h6 {font-size:33px; font-weight:300; color:#000; margin:0; padding:0; margin-bottom:40px;}
.contentListing h6 span {font-weight:700;}/* shailendra css 26-06-2017 */
.cards-item-link-image {filter:brightness(40%) !important;}/* shailendra css 30-06-2017 */
.leftNavigation ul li.current_page_item a, .leftNavigation ul li.current_page_item a:hover {color:#000; border-color:#f5b300;}
.innerBannerNew {position:relative; text-align:center;}
.innerBannerTxt {position:absolute; width:100%; height:100%; font-size:50px; color:#fff; font-weight:700; left:0; top:0; background:rgba(0, 0, 0, 0.4); padding:0 20px;}
.innerBannerTittle {width:100%; height:100%; display:table;}
.innerBannerTittle span {text-transform: uppercase; width:100%; height:100%; display:table-cell; vertical-align:middle; /*text-transform:uppercase;*/ padding: 0 35px; text-shadow:0 0 15px #000000;}
.single.single-post .innerBannerTittle span {text-transform:none; padding: 0 35px;}

.contentListing ul li {width:100% !important;}
.blogSidebarNew h2 {font-weight:600; text-transform:none !important; max-width:400px;}
.blogSidebarNew ul li {font-size:15px; font-weight:300; color:#565656; position:relative; padding:7px 0 7px 15px; /*border-bottom:1px solid rgba(0, 0, 0, 0.26);*/ border-bottom:1px solid #ddd;}
.blogSidebarNew ul li:before {font-family:'FontAwesome'; position:absolute; top:6px; left:0; content:"\f101";}
.blogSidebarNew ul li a {color:#565656;}
.blogSidebarNew ul li a:hover {color:#f5b300;}
.blogYellowBtn {display:inline-block; font-size:14px; font-weight:700; color:#251b00; background:#f5b300; padding:15px 30px; text-transform:uppercase; display:inline-block; -webkit-border-radius:31px; -moz-border-radius:31px; border-radius:31px; border:1px solid #f5b300; margin:0 30px 0 0; -webkit-transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out; transition:all 0.4s ease-in-out; margin-bottom:15px;}
.blogYellowBtn:hover {background:none; color:#f5b300;}
.plateformContent p.linkOld {display:block;}
.plateformContent p.linkNew {display:none;}
.plateformContent a:hover p.linkOld {display:none;}
.plateformContent a:hover p.linkNew {display:block;}
#pageNotFound {margin:0; padding:100px 0;}
#pageNotFound .page-header {margin:0px; border:none;}
#pageNotFound h1 {color:#f5b300; font-size:160px; text-align:center; font-weight:800; margin:0px; line-height:110px;}
#pageNotFound h3 {margin:0px; padding:40px 0 20px 0; text-align:center; font-weight:500; font-size:31px;}
#pageNotFound .page-content {text-align:center;}
.innerRightContent .blogCatBox h2 {padding-left:0px;}
.innerRightContent {margin:0; padding:0;}
.innerRightContent h3 {font-size:32px; font-weight:300; color:#000; margin:0; padding:0; background:url(../images/inner-content-bg.jpg) no-repeat left bottom; padding-bottom:40px; margin-bottom:40px;}
.innerRightContent h3 span {font-weight:700;}
.innerRightContent p, .innerRightContent ul li {font-size:18px; font-weight:300; color:#565656; padding-bottom:20px; line-height:30px;}
.innerRightContent p strong, .innerRightContent ul li strong {font-weight:500;}
.innerRightContent ul li {position:relative; padding-left:18px; padding-bottom:8px; line-height:25px;}
.innerRightContent ul li:before {font-family:'FontAwesome'; position:absolute; top:0px; left:0; content:"\f101";}
.innerRightContent p a {color:#f5b300;}
.innerRightContent p a:hover {color:#000; text-decoration:underline;}
.innerRightContent p span {font-weight:400; color:#000;}
.locationMap iframe {width:100% !important;}
.locationMap .address {font-size:16px !important; line-height:25px;}
.locationMap .address strong {font-size:23px !important; font-weight:500; padding-bottom:15px; display:block; margin:0;}
.locationMap .address p {padding-bottom:0px; font-size:16px; line-height:24px;}
.locationMap .address strong.inlineBlock {display:inline-block; padding-right:5px;}
.locationMap .address a.blogYellowBtn {margin-right:0px; margin-bottom:0px; padding:10px 25px; color:#000;}
.locationMap .address a.blogYellowBtn:hover {color:#f5b300; text-decoration:none;}
.jobOpeTittle {width:70%;}
.jobOpeLocation, .jobOpeType {width:15%;}
.caseStudies .panel-body {border-top:none !important; border-bottom:1px solid #d1d1d1;}
.caseStudies h6 {color:#f5b300; font-size:20px; font-weight:500;}
.caseStudies .job-detail-box {font-size:16px; color:#565656;}
.caseStudies .job-detail-box strong {font-size:19px; font-weight:400; color:#565656; display:block; padding-bottom:8px;}
.caseStudies .job-detail-box ul {margin-bottom:15px;}
.caseStudies .job-detail-box ul li {font-size:16px; color:#565656; position:relative; padding-left:18px; padding-bottom:8px; line-height:25px;}
.caseStudies .job-detail-box ul li:before {font-family:'FontAwesome'; position:absolute; top:0px; left:0; content:"\f101";}
.caseStudies .job-detail-box strong.inlineBlock {display:inline-block; padding-right:8px;}
.caseStudies .job-detail-box a {display:inline-block; font-size:16px; color:#565656; width:auto; height:auto; border:none; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px;}
.caseStudies .job-detail-box a:hover {color:#f5b300; text-decoration:none; background:none;}
#pageNotFound .page-content a.blogYellowBtn {margin:0 10px 15px 10px !important;}
#sitemap {padding-top:100px;}
.sitemapLinks {margin:0; padding:0 0 40px 0;}
.sitemapLinks h5, body.page-template-other-pages #softwareDevelopmentContent h5 {color:#565656; font-size:20px; padding:0 0 15px 0; margin:0px; text-transform:uppercase; font-weight:500;}
.sitemapLinks h5 a {color:#f5b300;}
.sitemapLinks ul li, body.page-template-other-pages #softwareDevelopmentContent ul li {color:#565656; font-size:16px; padding:0 0 0 15px; margin:0px; border-bottom:1px solid #dfdfdf; position:relative; -webkit-transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out; transition:all 0.4s ease-in-out;}
.sitemapLinks ul li:before, body.page-template-other-pages #softwareDevelopmentContent ul li:before {position:absolute; top:10px; left:0; color:#565656; content:"\f0da"; font-size:12px; font-family:'FontAwesome';}
.sitemapLinks ul li a {color:#565656; line-height:38px; display:block;}
.sitemapLinks ul li:hover {border-color:#f5b300;}
.sitemapLinks ul li:hover a, .sitemapLinks ul li:hover:before {color:#f5b300;}
body.page-template-other-pages #softwareDevelopmentContent h3, .innerRightContent h1 {text-align:left; background:url(../images/inner-content-bg.jpg) no-repeat left bottom; padding-bottom:20px;}
.paddingBotSection {padding-bottom:100px !important;}
.innerRightContent h1 {font-weight:300 !important;}
.innerRightContent h1 span {font-weight:500 !important;}
body.search-results .innerRightContent .page-header {border:none !important; margin:0px !important;}
.outsourcingList {text-align:center;}
.outsourcingList ul li {display:inline-block !important; float:none !important; margin:0 -1px 0 -2px !important;}
.addtoany_shortcode {display:inline-block; padding:21px 0 0 10px;}
ul.pagination li {display:inline-block; margin:0 0 0 -3px; line-height:1.42857143; text-decoration:none; color:#337ab7; background-color:#ffffff; padding:0;}
ul.pagination li span {padding:6px 12px; line-height:1.42857143; text-decoration:none; color:#337ab7; margin-left:-1px;}
ul.pagination li:before {display:none;}

/**** staffAugmention ****/
#staffAugmention {margin:0; padding:100px 0;}
#staffAugmention h2 {font-family:'Ubuntu', sans-serif; font-size:36px; font-weight:300; text-align:center; color:#000; margin:0 0 30px 0; background:url(../images/inner-content-bg.jpg) no-repeat center bottom; padding-bottom:20px;}
#staffAugmention h2 span {font-weight:700;}
#staffAugmention p {font-size:18px; font-weight:300; color:#565656;}
#staffAugmention .svgImg {text-align:center;}
#staffAugmention .svgImg img {max-width:90px; display:inline-block; fill:#3b4381;}
.grayBackNew {background:#f6f6f6;}

/**** staffAugServices ****/
#staffAugServices {margin:0; padding:100px 0 0 0;}
#staffAugServices h2 {font-family:'Ubuntu', sans-serif; font-size:36px; font-weight:300; text-align:center; color:#000; margin:0 0 30px 0; background:url(../images/inner-content-bg.jpg) no-repeat center bottom; padding-bottom:20px;}
#staffAugServices h2 span {font-weight:700;}
#staffAugServices p {text-align:center;}
#staffAugServices p, #staffAugServices ul li {font-size:18px; font-weight:300; color:#565656;}
#staffAugServices ul {margin-left:20px; padding-bottom:20px;}
#staffAugServices ul li {list-style:disc; line-height:31px;}
.marBot30 {margin-bottom:30px;}
.localSEOCircle {width:128px; height:128px; margin:20px auto; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; display:table;}
.localSEpinnerCircle {height:128px; display:table-cell; vertical-align:middle;}
.localSEOCircle img {max-width:50px !important;}
.blueCircleSEO {background:#22597d;}
.darkGreenCircleSEO {background:#22737d;}
.lightGreenCircleSEO {background:#5fb0ad;}
.lightBlueCircleSEO {background:#5f98b0;}
.purpleCircleSEO {background:#6876a7;}
.darkBrownCircleSEO {background:#785742;}
.lightBrownCircleSEO {background:#957e59;}
.darkYellowCircleSEO {background:#c5b066;}
.lightYellowCircleSEO {background:#c4c566;}
.AWSContent h5 {font-size:18px; text-transform:uppercase; font-weight:600;}
.AWSContent ul {margin-left:20px;}
.AWSContent ul li {list-style:disc; font-size:17px; color:#565656; padding-top:7px;}
.AWSimg {text-align:center; padding-bottom:20px;}
.AWSimg img {max-width:115px; display:inline-block;}
.caseStudies .login-registration {font-size:14px; font-weight:700; color:#000 !important; background:#f5b300; padding:15px 30px; text-transform:uppercase; display:inline-block; -webkit-border-radius:31px; -moz-border-radius:31px; border-radius:31px !important; border:1px solid #f5b300 !important; margin:0 30px 0 0; -webkit-transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out; transition:all 0.4s ease-in-out; margin-bottom:15px;}
.caseStudies .login-registration:hover {color:#f5b300; text-decoration:none;}/* portfolio css */
#portfolioNew #filters li span {margin-right:15px;}
#portfolioNew #portfoliolist .portfolio {width:33.33333334%; padding:0 15px !important; border:none;}
#portfolioNew #portfoliolist .portfolio:hover {background:none;}
#portfolioNew .portfolio-wrapper {padding-bottom:55px; cursor:auto;}
#portfolioNew .portfolio-wrapper img {border:1px solid #e1e1e1; max-width:100%;}
#portfolioNew .portfolio-wrapper .label {display:none !important;}
#portfolioNew .portfolio-wrapper .portfolioContentNew .projectTittle {font-size:18px; font-weight:600; color:#000; padding:35px 0 25px 0; text-transform:uppercase; width:60%; float:left;}
#portfolioNew .portfolio-wrapper .portfolioContentNew .projectDesc {font-size:24px; font-weight:400; color:#000; padding:0 0 15px 0;}
.ourBenefits {width:100%; text-align:center; padding:50px 0;}
.ourBenefits img {max-height:75px; display:inline-block;}
.ourBenefits p {font-size:18px; font-weight:600; background:none; padding:15px 0 0 0; margin:0;}
.blueBenefit {color:#0a5796 !important;}
.darkCyanBenefit {color:#51b3bb !important;}
.lightBrownBenefit {color:#d63115 !important;}
.yellowBenefit {color:#fdbe11 !important;}
.darkGreenBenefit {color:#008954 !important;}
.purpleBenefit {color:#a23456 !important;}
.chocolateBenefit {color:#dc4415 !important;}
.lightCyanBenefit {color:#00bce4 !important;}
.darkBlueBenefit {color:#202052 !important;}
.lightGreenBenefit {color:#75a916 !important;}
.lightPurpleBenefit {color:#ed217c !important;}
.darkBrownBenefit {color:#6f461e !important;}
.valuesSVG img {max-width:100px; display:inline-block;}
.portfolioContentNew a.blogYellowBtn {margin-top:25px; margin-right:0px; float:right;}
.thankYouContent {text-align:center;}
.thankYouContent h2 {font-size:70px; color:#f5b300; margin:0px; padding:0 0 40px 0; line-height:55px; text-transform:uppercase; text-transform:uppercase; font-weight:800; letter-spacing:-2px;}
.thankYouContent p {font-size:16px; color:#565656; margin:0px; padding:0 0 20px 0; line-height:29px !important; text-align:center !important;}
.thankYouContent h4 {font-size:25px; color:#565656; font-weight:600; line-height:35px !important;}
.thankYouContent a {border:1px solid #f5b300; width:45px; height:45px; text-align:center; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; margin:15px 10px 0 10px; display:inline-block !important; text-decoration:none !important;}
.thankYouContent a i {display:block; line-height:45px; color:#f5b300; font-size:25px;}
.thankYouContent a:hover {background:#f5b300;}
.thankYouContent a:hover i {color:#fff;}
.thankYouContent a.twitter {border:2px solid #1da1f2;}
.thankYouContent a.twitter i {color:#1da1f2;}
.thankYouContent a.twitter:hover {background:#1da1f2;}
.thankYouContent a.facebook {border:2px solid #3b5998;}
.thankYouContent a.facebook i {color:#3b5998;}
.thankYouContent a.facebook:hover {background:#3b5998;}
.getInTouch .yellowBtn {display:inline-block; font-size:14px; font-weight:700; color:#251b00; background:#f5b300; padding:17px 70px; text-transform:uppercase; display:inline-block; -webkit-border-radius:31px; -moz-border-radius:31px; border-radius:31px; border:1px solid #f5b300; margin:0 30px 0 0; -webkit-transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out; transition:all 0.4s ease-in-out; margin-bottom:15px;}
.getInTouch .yellowBtn:hover {background:none; color:#f5b300;}
.newContentListing p, .newContentListing ul {margin-bottom:0px; padding-bottom:25px;}
.newContentListing p span {font-weight:600;}
.request-info {background:#f5b300; padding:15px 25px; color:#fff; margin-top:50px; max-width:400px;}
.request-info h2 {margin:0; padding:0 0 10px 0; margin-bottom:40px; background:url(../images/white-heading-icon.jpg) no-repeat left bottom;}
.request-info input[type="text"], .request-info input[type="email"], .request-info input[type="tel"], .request-info select, .request-info textarea {border:none; border-radius:0px; height:auto; padding:10px 15px; font-size:16px; font-weight:300;}
.request-info input[type="submit"] {font-size:14px; font-weight:600; color:#565656; background:#fff; -webkit-border-radius:50px; -moz-border-radius:50px; border-radius:50px; padding:12px 40px; text-transform:uppercase; display:inline-block; margin-right:30px; border:none;}
#comments {padding:50px 0 0 0;}
#comments p.comment-notes {background:none; padding:0 0 30px 0; margin:0;}
#comments p.comment-form-comment {background:none; padding:0 0 30px 0; margin:0;}
#comments p.comment-form-comment textarea#comment {max-height:140px; background:#f5f5f5; border:none; padding:15px;}
#comments p.comment-form-author {float:left; width:47%; background:none; padding:0 0 30px 0; margin:0;}
#comments p.comment-form-email {float:right; width:47%; background:none; padding:0 0 30px 0; margin:0 0 0 30px;}
#comments p.comment-form-url {background:none; background:none; padding:0 0 30px 0; margin:0;}
#comments p.comment-form-author label, #comments p.comment-form-email label, #comments p.comment-form-url label {display:block; padding:0;}
#comments p.comment-form-author input[type="text"], #comments p.comment-form-email input[type="email"], #comments p.comment-form-url input[type="url"] {background:#f5f5f5; border:none; padding:10px; color:#565656; font-size:16px; font-weight:400; width:100%;}
#comments p.form-submit {background:none; margin:0; padding:0;}
#comments p.form-submit input[type="submit"] {font-size:14px; font-weight:700; color:#251b00; background:#f5b300; padding:17px 50px; text-transform:uppercase; display:inline-block; -webkit-border-radius:31px; -moz-border-radius:31px; border-radius:31px; border:2px solid #f5b300; margin:0; -webkit-transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out; transition:all 0.4s ease-in-out;}
#comments p.form-submit input[type="submit"]:hover {background:none; color:#f5b300;}
ol.blogComSection {padding-top:50px;}
ol.blogComSection li {padding-bottom:30px; border-bottom:1px solid rgba(0, 0, 0, 0.26); margin-bottom:30px;}
ol.blogComSection li .comment-author {color:#3b4381; font-size:24px; font-weight:500;}
ol.blogComSection li .comment-author cite {font-style:normal !important;}
ol.blogComSection li .comment-author .says {display:none;}
ol.blogComSection li .comment-author img {margin-right:10px; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; width:40px; height:40px;}
ol.blogComSection li .commentmetadata {font-size:14px; color:#565656; padding-top:11px;}
ol.blogComSection li .commentmetadata a {color:#565656;}
ol.blogComSection li p {font-size:16px; color:#565656; padding:5px 0 10px 0; background:none; margin:0;}
#respond p.logged-in-as {margin:0 0 30px 0; padding:0; background:none;}
#respond p.logged-in-as a {color:#565656;}
#respond p.logged-in-as a:hover {color:#f5b300;}
.commentsNewSec h4 {font-weight:500; font-size:16px;}
.commentsNewSec h4 a, .commentsNewSec a {font-weight:400 !important; color:#f5b300 !important;}
.commentsNewSec h4 a:hover, .commentsNewSec a:hover {text-decoration:underline;}
.socialSharing {text-align:right;}
.socialSharing .addtoany_shortcode {padding:0px !important;}
.newsletter-form {background:#f5b300; padding:30px; color:#fff; max-width:400px;}
.newsletter-form h2 {background:url(../images/signup-icon.jpg) no-repeat left 6px; padding-left:65px; margin:0 0 15px 0;}
.newsletter-form h2 label {display:block; font-size:40px; font-weight:800; line-height:45px; margin:0;}
.newsletter-form h2 span {font-size:15px; text-transform:uppercase; display:block;}
.newsletter-form p {font-size:16px; margin:0 0 25px 0;}
.newsletter-form .tnp-field-email label {display:none;}
.newsletter-form .tnp-field, .newsletter-form .tnp-field-button, .newsletter-form .tnp-subscription {margin:0px !important;}
.newsletter-form .tnp-field input[type="email"] {margin-bottom:20px;}
.newsletter-form .tnp-field input[type="submit"] {background:#666; padding:13px 20px; -webkit-transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out; transition:all 0.4s ease-in-out;}
.newsletter-form .tnp-field input[type="submit"]:hover {background:#333;}
.contactFormElements input[type="text"], .contactFormElements input[type="tel"], .getInTouch input[type="text"], .getInTouch input[type="tel"] {background:#f5f5f5; padding:15px; height:auto; margin-bottom:0px; border-radius:0px; box-shadow:none; border-color:#f5f5f5;}
input[type="search"].search-field {background:#f5f5f5; padding:15px; height:auto; margin-bottom:10px; border-radius:0px; box-shadow:none; border:none;}
input[type="text"].requestInfo, input[type="tel"].requestInfo, #request-info input[type="tel"], input[type="email"].requestInfo, input[type="text"].caseStudyFields {width:100%;background:#f5f5f5; padding-top:15px; padding-bottom:15px; height:auto; margin-bottom:10px; border-radius:0px; box-shadow:none; border:none; color:#565656;}
select.requestInfo, select.caseStudyFields {width:100%;margin-top:0px; background:#f5f5f5; padding:15px; height:auto; margin-bottom:10px; border-radius:0px; box-shadow:none; border:none; color:#565656;}
textarea.requestInfo {width:100%;margin-top:0px; background:#f5f5f5; padding:15px; height:auto; margin-bottom:10px; border-radius:0px; box-shadow:none; border:none; color:#565656;}
.contactFormElements input[type="email"] {background:#f5f5f5; padding:15px; height:auto; margin-bottom:0px; border-radius:0px; box-shadow:none; border-color:#f5f5f5;}
.contactFormElements select, .getInTouch select {background:#f5f5f5; padding:15px; height:auto; margin-bottom:0px; border-radius:0px; box-shadow:none; border-color:#f5f5f5;}
.contactFormElements textarea, .getInTouch textarea {background:#f5f5f5; padding:15px; height:auto; margin-bottom:0px; border-radius:0px; box-shadow:none; border-color:#f5f5f5 !important;}
.contactFormButton p {margin:0; padding:0; background:none;}
.getInTouch textarea, .getInTouch select, .getInTouch input[type="text"] {margin:0px; font-size:14px;}
.applyForm input[type="text"], .applyForm input[type="tel"] {background:#f5f5f5; padding:15px; height:auto; margin-bottom:0px; border-radius:0px; box-shadow:none; border-color:#f5f5f5;}
.applyForm input[type="email"] {background:#f5f5f5; padding:15px; height:auto; margin-bottom:0px; border-radius:0px; box-shadow:none; border-color:#f5f5f5;}
.a2a_kit a {width:32px; height:32px; padding:0px !important; line-height:32px !important; display:table; /*float:left;*/ margin-right:10px; -webkit-transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out; transition:all 0.4s ease-in-out;}
.a2a_kit a span {height:32px; line-height:32px; width:32px; display:table-cell !important; vertical-align:middle; background:none !important; -webkit-border-radius:100% !important; -moz-border-radius:100% !important; border-radius:100% !important; border:1px solid #f5b300 !important; -webkit-transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out; transition:all 0.4s ease-in-out;}
.a2a_kit a span svg {fill:#f5b300 !important; width:25px; -webkit-transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out; transition:all 0.4s ease-in-out;}
.a2a_kit a span svg path {fill:#f5b300 !important; -webkit-transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out; transition:all 0.4s ease-in-out;}
.a2a_kit a:hover span {border-color:#f5b300 !important; background:#f5b300 !important;}
.a2a_kit a:hover span svg path {fill:#fff !important;}
#blogsSlider .singleBlogList {margin:0 15px; padding:15px 0 0 0; border:1px solid #d3d3d3;}
#blogsSlider .singleBlogList h2 {font-size:22px; font-weight:400; text-align:left; margin:0 15px; padding:0 0 15px 0; border-bottom:1px solid #d3d3d3; color:#3b4381; line-height:27px;}
#blogsSlider .singleBlogList h2 a {color:#3b4381;}
#blogsSlider .singleBlogList p {font-size:16px; text-align:left; padding:15px;}
#blogsSlider .singleBlogList .blogger {margin-bottom:0px; background:none;}
#blogsSlider .singleBlogList .blogger .blogDate {padding:21px 10px;}
#blogsSlider .singleBlogList .blogDetail {background:none;}
#blogsSlider .singleBlogList .blogDetail a {font-size:20px;}
#blogsSlider .singleBlogList:hover {-webkit-box-shadow:0 0 0 0 rgba(0, 0, 0, 0.3); box-shadow:0 0 0 0 rgba(0, 0, 0, 0.3);}
#blogsSlider {padding-bottom:70px;}
.singleBlogList .blogger {margin-bottom:0px;}
.jobOpeningForm input[type="checkbox"].checkbox-custom {width:20px; height:22px;}
.jobOpeBtn {line-height:19px !important; margin-left:15px !important; margin-bottom:0px !important;}
.formGriding {padding-bottom:30px;}
div.wpcf7-response-output {background:#f5b300 !important; padding:10px 15px; color:#fff; margin:0px; border:none !important;}
.wpcf7-not-valid-tip {font-size:12px !important; padding-top:4px;}
.fooetrRightMenu {text-align:right;}
a.archivePage i {font-weight:400; padding-left:10px; color:#565656;}
#archivePages {display:none;}
#archivePages ul li a {line-height:31px; word-wrap:break-word; padding:5px 0; text-transform:capitalize;}
.footerrequestBtn {position:fixed; right:0px; bottom:100px; width:76px; height:233px; z-index:999999;}
.modal-dialog {margin:50px auto !important;}
.modal-header {background:#f5b300 !important; -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; border-top-left-radius:5px; border-top-right-radius:5px; color:#fff; padding:6px 15px; border-bottom:none;}
.modal-header h4 {font-size:24px; font-weight:400;}
.modal-header button.close {font-size:40px; color:#fff; opacity:1 !important; filter:alpha(opacity=100) !important; font-weight:normal !important;}
p.noPadNoMar {padding:0px !important; margin:0px !important;}
#request-info input[type="text"] {margin-bottom:9px !important;}
.wpcf7-form-control-wrap {display:block; margin-bottom:20px;}
#request-info p {padding:0px !important; margin:0px !important;}
#request-info input[type="submit"] {margin-top:9px !important;}
#request-info .wpcf7-form-control-wrap {margin:0px;}
.contactCheckbox span.wpcf7-form-control-wrap {display:inline-block;}
#request-info label {font-weight:bold; color:#900; font-size:12px;}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {background-color:#333; border-color:#333;}
.pagination > li > a, .pagination > li > span {color:#333;}
/*main.nav-is-visible {position:fixed;}*/

/*.recaptchalocal iframe {width:100% !important;}
.recaptchalocal > .wpcf7-form-control-wrap > .g-recaptcha > div > div {width:100% !important;}*/
.recaptchalocal {
  max-width: 300px;
}
.g-recaptcha {
  transform-origin: left top;
  -webkit-transform-origin: left top;
}
.recaptchalocal .wpcf7-form-control-wrap {margin:0px;}
.getInTouch input.yellowBtn[type="submit"] {margin:0px;}
.singlePostContentNew p a {color:#f5b300;}
.singlePostContentNew p a:hover {text-decoration:underline; color:#000;}
.contentULLI, body.page-template-other-pages #softwareDevelopmentContent ul {padding-bottom:30px;}
.contentULLI li, body.page-template-other-pages #softwareDevelopmentContent ul li {float:none; display:none;}
.marBot10 {margin-bottom:10px !important;}
.carousel-inner img {width:100% !important;}
input[type="text"].customfile-filename {position:relative; z-index:-1;}

span.event-data {
    display: block;
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
}

.contactFormElements label, #website_url {position:relative; z-index:-1;}

.rpwe-block h3.rpwe-title {     font-size: 15px !important; font-weight: 300 !important ;margin-top:0px !important; margin-bottom: 5px !important;}
.aiowps-captcha-equation { padding: 0 0 30px 0; }
.rpwe-block time.rpwe-time.published { font-size: 12px; font-weight: 500;color:#bbb }

p.aiowps-captcha { 	background: none;   padding-bottom: 10px;   margin-bottom: 0;}


 .blog .blogListing .singleBlogList .blog-listing-head {min-height: 130px;}
.blog .blogListing .singleBlogList .blog-listing-content {min-height: 115px !important;    word-wrap: break-word;}

.EventData {float:left; width:calc(100% - 71px); padding:12px 15px;}
.EventData p {padding:0px;}

.displayBlockCenter {display:block; text-align:center;}
.displayBlockLeft {display:block; text-align:left;}
.displayBlockRight {display:block; text-align:right;}
.displayBlockCenter a, .displayBlockLeft a, .displayBlockRight a {display:inline-block;}
.displayBlockCenter a img, .displayBlockLeft a img, .displayBlockRight a img {max-width:100%;}


.cd-top {display:inline-block; height:50px; width:50px; position:fixed; bottom:10px; right:10px; z-index:10; box-shadow:0 0 10px rgba(0, 0, 0, 0.05); /* image replacement properties */ overflow:hidden;white-space:nowrap;  background:rgba(243, 178, 27, 0.8);/* url(../images/top-arrow.png) no-repeat center 50%; */ visibility:hidden; opacity:0; -webkit-transition:opacity .3s 0s, visibility 0s .3s; -moz-transition:opacity .3s 0s, visibility 0s .3s; transition:opacity .3s 0s, visibility 0s .3s; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; text-align:center; line-height:48px; font-size:27px; color:#fff;}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {-webkit-transition:opacity .3s 0s, visibility 0s 0s; -moz-transition:opacity .3s 0s, visibility 0s 0s; transition:opacity .3s 0s, visibility 0s 0s;}
.cd-top.cd-is-visible {visibility:visible; opacity:1;}
.cd-top.cd-fade-out {opacity:.5;}
/*.no-touch .cd-top:hover {background-color:#e86256; opacity:1;}*/
.cd-top:hover {background-color:#f3b21b; opacity:1; color:#fff;}




/**** css add on 11-10-2017 ****/
.newsletterContent {text-align:center;}
.newsletterContent .singleBlogList {padding:20px 0;}
.newsletterContent .singleBlogList:hover {-webkit-box-shadow:0 0 0 0 rgba(0, 0, 0, 0.3) !important; box-shadow:0 0 0 0 rgba(0, 0, 0, 0.3) !important;}
.newsletterContent .calenderIcon {width:150px; height:150px; margin:0 auto; background:url(../images/cal-icon.png) no-repeat; text-align:center; padding-top:70px;}
.newsletterContent .calenderIcon .monthDate {font-size:12px; color:#37414c; line-height:12px; font-weight:400;}
.newsletterContent .calenderIcon .year {font-size:24px; font-weight:700; color:#37414c; line-height:24px;}
.newsletterInnerContent {padding:20px 0; font-size:20px;}
.newsletterContent a.requestinfo {text-decoration:none !important; font-size:14px; font-weight:700; color:#251b00; background:#f5b300; padding:17px 50px; text-transform:uppercase; display:inline-block; -webkit-border-radius:31px; -moz-border-radius:31px; border-radius:31px; border:2px solid #f5b300; margin:0;}
.newsletterContent a.requestinfo:hover {background:none; color:#f5b300;}
.newsletterContent p {margin:0 !important; padding:0 !important;}
.sitemapLinks .contentULLI li, body.page-template-other-pages #softwareDevelopmentContent ul li {display:block !important; width:100% !important; height:auto !important; background:none !important; text-align:left !important; font-size:16px !important; line-height:38px !important;}
.sitemapLinks .contentULLI li:before, body.page-template-other-pages #softwareDevelopmentContent ul li:before {top:0px;}
.contentPagesNew p, body.page-template-other-pages #softwareDevelopmentContent p {text-align:left !important;}


/*Css added on 30-10-2017*/
#productServicesWhite {background:#fff; margin:0; padding:0px;}
#productServicesWhite h3 {font-family: 'Ubuntu', sans-serif; font-size:36px; font-weight:300; text-align:center; color:#000; margin:0 0 60px 0; background:url(../images/inner-content-bg.jpg) no-repeat center bottom; padding-bottom:20px;}
#productServicesWhite h4 {font-size:30px; font-weight:700; color:#3b4381;}
#productServicesWhite p {font-size:18px; font-weight:300; color:#565656; margin:0; padding:0 0 50px 0;}
.productServicesIcon1 img{width:130px;}

.bannerBx{position:relative; text-align: center}
.outerBx {width:100%; height:100%; position:absolute}
.midDivBx {display: table; height: 100%; vertical-align: middle;width: 100%}
.innerBx {display:table-cell; vertical-align:middle}
.innerBx h4{font-size: 32px; color:#fff; padding: 0px 80px; margin: 0px; font-weight:400}
.our-IoT-experience h3 {font-size:32px; font-weight: 300}
.our-IoT-experience h3 span{font-weight: 600;}
.our-IoT-experience ul{margin: 0px 0 0 20px;; padding: 0px}
.our-IoT-experience ul li{font-size:18px; font-weight: 400; color: #565656; padding-bottom: 15px; list-style-type: disc}

@media only screen and (min-width:0px) and (max-width:767px) {
.bannerBx{ margin-bottom:20px}	
.innerBx h4 {font-size: 22px; color: #fff; margin: 0px; font-weight: 400; padding: 0px;}

}

#softwareDevelopmentContent1 {margin:0; padding:80px 0 50px 0;}
#softwareDevelopmentContent1 h3 {font-size:33px; font-weight:300; color:#000; margin:0; padding:0; background:url(../images/inner-content-bg.jpg) no-repeat left bottom; padding-bottom:10px; margin-bottom:40px; text-align:left;}
#softwareDevelopmentContent1 h3 span {font-weight:700;}
#softwareDevelopmentContent1 p {text-align:left; font-size:18px; font-weight:300; color:#565656; margin-bottom:40px;}
#softwareDevelopmentContent1 p a {color:#565656; text-decoration:underline;}
#softwareDevelopmentContent1 p a:hover {color:#000; text-decoration:none;}

h3.IOTCapabilities {background:url(../images/inner-content-bg.jpg) no-repeat bottom !important; text-align:center !important;}

.CapabilitieSection h2{font-size: 26px;font-weight: 700;color: #3b4381;}
.teamImageNew img {max-width:100%; margin-bottom:0px; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%;}
p.noImagePad {background:none; padding-bottom:0px;}

@media only screen and (min-width:768px) and (max-width:1149px) {
	.innerBannerTxt {font-size:32px; padding:60px 20px 0 20px; line-height:32px;}
	.item1 { float:left; width:33.33%}
}
.item1 { float:left;}

ul.digital-transformation li a {color: #565656;text-decoration: underline;}
ul.digital-transformation li a:hover {color: #565656;text-decoration: none;}

#softwareDevelopmentContent p {    margin-bottom: 15px;}


.footerLinks .menu .sub-menu {margin-left:10px;}
.footerLinks .menu .sub-menu li {position: relative;padding-left: 5px;}
.footerLinks .menu .sub-menu li a{margin-left: 5px;}
.footerLinks .menu .sub-menu li:before {position:absolute; top:0px; left:0; color:#fff; content:"\f0da"; font-size:12px; font-family:'FontAwesome';}
.footerLinks .menu .sub-menu li:hover:before {color: #f5b300; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;}

.extraText{
    float: left;
    padding: 5px 5px 0 5px !important;
    margin: -33px auto 0 -30px !important;
}

.BottomText{
    background: #000;
    color: #fff;
    font-weight: 300;
    font-size: 14px;
    padding-top: 12px;
}

@media only screen and (min-width:0px) and (max-width:767px) {
	.extraText {float:left; padding:5px 5px 0 5px !important; margin:-33px auto 0 -20px !important;}
}

@media only screen and (min-width:1299px) and (max-width:1400px) {
	.cd-primary-nav ul a {padding:6px 15px !important;}
}

@media only screen and (min-width:0px) and (max-width:479px) {
	.IOT-imagesNew h4 {padding:10px 10px 0 10px; font-size:16px;}
	.IOT-imagesNew a.requestinfo {margin-top:10px; padding:10px 30px;}
}

@media only screen and (min-width:480px) and (max-width:639px) {
	.IOT-imagesNew h4 {padding:10px 10px 0 10px; font-size:20px;}
	.IOT-imagesNew a.requestinfo {margin-top:10px; padding:10px 30px;}
}

@media only screen and (min-width:640px) and (max-width:767px) {
	.IOT-imagesNew h4 {padding:15px;}
}

@media only screen and (min-width:768px) and (max-width:991px) {
	.IOT-imagesNew h4 {padding:0 15px 10px 15px; font-size:17px;}
	.IOT-imagesNew a.requestinfo {margin-top:10px; padding:12px 50px;}
	
	footer h4 {font-size: 14px;}
	ul.footerLinks li {font-size: 11px;}
}

@media only screen and (min-width:992px) and (max-width:1199px) {
	.IOT-imagesNew h4 {padding:0 15px 10px 15px; font-size: 20px;}
	.IOT-imagesNew a.requestinfo {margin-top:10px; padding:12px 50px;}
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
	.IOT-imagesNew h4 {padding:0 15px 10px 15px; font-size: 20px;}
	.IOT-imagesNew a.requestinfo {margin-top:10px; padding:12px 50px;}
}

#ourClientsLogo .item img {max-width:100%;}
#ourClientsLogo .owl-pagination {padding-top:60px !important;}
#downloadCasestudies span.wpcf7-form-control-wrap {margin-bottom:-25px !important;}
#downloadCasestudies .recaptchalocal {padding-top:8px !important;}

.theme_1.wpcf7-form input.error, .theme_1.wpcf7-form select.error, .theme_1.wpcf7-form textarea.error {border:1px solid #ff0000;}
.wpcf7-form-control-wrap label.error {padding-left:0; margin-top:-5px !important; display:block; font-weight:300 !important; color:#ff0000 !important;}
.productServicesIcon1 img {max-width:100%;}

#cd-primary-nav li.has-children ul.cd-nav-icons{max-height:600px;}

.eupopup-buttons{display: inline-block !important; margin-top: 0px !important;}
@media (min-width:0px) and (max-width: 767px){	
.eupopup-buttons{display: block !important; margin-top: 5px !important;}
}

/**** css add on 27-07-2018 ****/
.flexNew {display: flex; flex-wrap: wrap; align-content: center;}
.inlineFlexNew {display: inline-flex; height: 100%; align-content: center;}
.country-flags {width:100%; display:block; padding:4px 0; text-align:right;}.country-flags a.lang_option{width: 16px; display: inline-block; margin: 5px 0 0 5px;}	.country-flags a.lang_option img{max-width:100%; width:100%;}@media(min-width:1300px){	.header.cd-main-header{padding-top: 17px;}	.country-flags{ position:absolute; top:0; left:0;}}@media(max-width:1300px){	.country-flags-inner{padding-right:2.8%;}}


/* policy page table CSS Start */
.privacyPolicyCls{
	text-align: left !important;
    font-family: 'Mulish', sans-serif;
    font-size: 18px;
    padding: 0px 0 0px 0;
}

.privacyPolicyCls h1{
	text-align: center;
}
.privacyPolicyCls address {
    font-style: normal;
    margin: 15px 0;
  }
  
  /* Responsive table styles */
  .table-responsive {
    width: 100%;
    overflow-x: auto;
    margin: 20px 0 0px 0;
    -webkit-overflow-scrolling: touch;
  }
  
  .privacy-table {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
  }
  
  .privacy-table th, 
  .privacy-table td {
    padding: 12px 15px;
    text-align: left;
    border: 1px solid #ddd;
  }
  
  .privacy-table th {
    background-color: #f8f9fa;
    font-weight: bold;
  }
  
  .privacy-table tr:nth-child(even) {
    background-color: #f9f9f9;
  }
  
  @media (max-width: 768px) {
    .privacyPolicyCls {
      padding: 15px 0px;
    }

	.privacy-table {
    margin: 0 !important;
}
    
.privacyPolicyCls .table-responsive {
    margin-bottom: 20px;
}
    .privacy-table th, 
    .privacy-table td {
      padding: 8px 10px;
      font-size: 14px;
    }
.privacyPolicyCls h2{
    font-size: 22px !important;
    margin: 10px 0 10px 0 !important;
	padding:0px !important;
}
 .privacyPolicyCls h3{
  font-size: 18px !important;
   margin: 10px 0 10px 0 !important;
   padding:0px !important;
 }

.privacy-table.last-table th:first-child, .privacy-table.last-table td:first-child{
	min-width: 220px;
 }

.privacy-table th:first-child, .privacy-table td:first-child {
		max-width: 200px;
    }

	.privacyPolicyCls ul li, .privacyPolicyCls ol li{
    font-size: 17px;
    letter-spacing: -1px;
}

  }

 .privacyPolicyCls ul{
	margin:20px 0;
	padding-bottom: 0 !important;
	margin-left: 10px !important;
}

 .privacyPolicyCls ol{
	margin:20px 0;
	padding-bottom: 0 !important;
	margin-left: 0px !important;
}

.privacyPolicyCls ul li{
	list-style: disc !important;
}

.privacyPolicyCls ol li{
	list-style: none !important;
}

.privacyPolicyCls li {
  margin-bottom: 5px;
}
.privacyPolicyCls h2 {
    margin: 15px 0 10px 0;
    font-size: 24px;
}
.privacyPolicyCls h3 {
    margin: 10px 0 10px 0 !important;
    font-size: 20px !important;
    background: none !important;
    padding-bottom: 15px !important;
    text-align: left !important;
}

.privacyPolicyCls p a, .privacyPolicyCls li a {
    color:#337ab7 !important;
    text-decoration: underline;
}

.privacyPolicyCls p a:hover, .privacyPolicyCls li a:hover {
    color: #000 !important;
    text-decoration: none;
}

.page-id-5902 footer{margin-top: 0;}

.page-id-5902 .innerBannerTittle h1 {font-size: 60px;
	  color: var(--white);
      font-weight: 700;
      padding: 15px 0;
      margin: 0;
	}

.page-id-5902 #banner img {
    aspect-ratio: 4.3;
}

p.CookieDeclarationTypeHeader {font-weight: bold !important;}

/* policy page table CSS END */


/* Cookiebot Styles start */
@media screen and (min-width: 1280px) {
#CybotCookiebotDialog *, #CybotCookiebotDialogBodyUnderlay *{    
    font-weight: 400;
    font-family: 'Mulish', sans-serif !important;
    font-size: 18px !important;
    line-height: 160%;
}
#CybotCookiebotDialog{
      width: calc(100% - 0px) !important;
      max-height: 55vh !important;
}
#CybotCookiebotDialog .CybotCookiebotDialogBodyContentHeading{
    font-weight: 700 !important;
}
#CybotCookiebotDialogTabContent .CybotCookiebotDialogDetailBulkConsentCount{
    background-color: transparent !important;
    margin-left: 0 !important;
    padding: 0 !important;
  }

  #CybotCookiebotDialog.CybotEdge .CybotCookiebotDialogBodyBottomWrapper{
    margin-top: 0 !important;
  }

  #CybotCookiebotDialog .CookieCard .CybotCookiebotDialogDetailBodyContentCookieTypeIntro, #CybotCookiebotDialogDetailBodyContentCookieContainerTypes .CybotCookiebotDialogDetailBodyContentCookieTypeTableContainer, #CybotCookiebotDialogDetailBodyContentIABv2Tabs .CollapseCard{
    padding-top: 0 !important;
  }

  #CybotCookiebotDialog {
        max-width: 100% !important;
    }

  #CybotCookiebotDialog[data-template=overlay], #CybotCookiebotDialog[data-template=popup]{
      top: 100% !important;
      transform: translate(-50%, -100%) !important;
    }

    #CybotCookiebotDialogHeader {
        padding: 10px 15px !important;
    }

    #CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink{
      padding: 10px !important;
    }
    #CybotCookiebotDialog .CookieCard:not(:first-child) {
    padding-top: 10px !important;
  }
    #CybotCookiebotDialog .CookieCard {
        padding: 0 10px 10px 10px !important;
    }
    #CybotCookiebotDialogDetailBodyContentCookieContainerTypes .CookieCard:last-of-type {
        margin-bottom: 10px !important;
        padding-bottom: 10px !important;  
    }

    #CybotCookiebotDialogDetailFooter {
    padding-bottom: 5px !important;
  }

  #CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton{
    padding: 10px !important;
  }

  #CybotCookiebotDialogDetailBodyContentCookieContainerTypes .CybotCookiebotDialogDetailBodyContentCookieGroup, #CybotCookiebotDialogDetailBodyContentCookieContainerTypes .CybotCookiebotDialogDetailBodyContentCookieInfo{
    padding: 10px 15px !important;
  }
  #CybotCookiebotDialogDetailBodyContentCookieContainerTypes .CybotCookiebotDialogDetailBodyContentCookieLink{
    padding-top: 0px !important;
  }
  #CybotCookiebotDialogDetailBodyContentCookieContainerTypes .CybotCookiebotDialogDetailBodyContentCookieTypeTableContainer {
        margin-top: 10px !important;
    }
  #CybotCookiebotDialogFooter .CybotCookiebotScrollArea {
        padding: 15px 25px !important;
    }
}


@media only screen and (max-width: 767px) {
  #CybotCookiebotDialog .CybotCookiebotDialogContentWrapper{
    max-height: 450px;
  }
  #CybotCookiebotDialog{
    top: auto !important;
    bottom: 5px !important;
    transform: translate(-50%, 0px) !important;
    max-height: calc(100% - 200px) !important;
  }  
  #CybotCookiebotDialog *, #CybotCookiebotDialogBodyUnderlay *{
    line-height: 140% !important;
    font-size: 16px !important;
  }
  #CybotCookiebotDialogBodyContent, #CybotCookiebotDialogHeader{
    padding: 10px 15px !important;
  }
  #CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogBodyEdgeMoreDetails{
      margin: 10px 15px 0px 15px !important;
}
#CybotCookiebotDialogFooter .CybotCookiebotScrollArea {
    padding: 10px 15px !important;
}
#CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton{
  padding: 10px !important;
}

#CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink{
  padding: 10px !important;
}

.innerBannerTittle span{
	font-size: 22px !important;
}

}

/* @media screen and (min-width: 601px) {
    #CybotCookiebotDialog {
        max-width: 100% !important;
        width: 100% !important;
        transform: translate(-50%, 0px) !important;
    }
} */

@media (min-width: 768px) and (max-width: 1310px) {
    #CybotCookiebotDialog .CybotCookiebotDialogContentWrapper{
    max-height: 550px;
  }
  #CybotCookiebotDialog{
    top: auto !important;
    bottom: 5px !important;
    transform: translate(-50%, 0px) !important;
    max-height: calc(100% - 400px) !important;
  } 
  #CybotCookiebotDialog *, #CybotCookiebotDialogBodyUnderlay *{
    line-height: 140% !important;
    font-size: 16px !important;
  }
  #CybotCookiebotDialogBodyContent, #CybotCookiebotDialogHeader{
    padding: 15px 15px !important;
  }
  #CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogBodyEdgeMoreDetails{
      margin: 15px 15px 0px 15px !important;
}
#CybotCookiebotDialogFooter .CybotCookiebotScrollArea {
    padding:15px !important;
}
#CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton{
  padding: 15px !important;
}
#CybotCookiebotDialog .CookieCard{
  padding: 15px !important;
}

#CybotCookiebotDialog {
    max-width: 100% !important;
    width: 100% !important;
}

 /* disable scrolling */
  /* body.cybot-active {
  overflow: hidden;
} */

}

a#CybotCookiebotDialogPoweredbyCybot {
    display: none !important;
}

.CookieDeclarationType {border: 0 !important;}

a#CybotCookiebotDialogPoweredbyCybot { display: none !important;}

div#CookieDeclarationChangeConsent {
    display: none !important;
}
.CookieDeclarationType {
    padding: 0 !important;
}
.CookieDeclarationType {
    border: 0 !important;
}
.CookieDeclarationTable {
    table-layout: auto !important;
}
@media (max-width: 600px) {
   .CookieDeclaration table.CookieDeclarationTable tr th:nth-child(n+5) , .CookieDeclaration table.CookieDeclarationTable tr td:nth-child(n+5) {
        display: block !important;
        min-height: 90px;
		border-bottom: 0px;
    }
}

/* Cookiebot Styles END */