.cols1, .cols2, .cols3, .cols4, .cols5, .cols6, .cols7, .cols8, .cols9, .cols10, .cols11, .cols12 { float:left; padding-left:15px; padding-right:15px; } .cols12 { width:100% } .cols11 { width:91.66666667% } .cols10 { width:83.33333333% } .cols9 { width:75% } .cols8 { width:66.66666667% } .cols7 { width:58.33333333% } .cols6 { width:50% } .cols5 { width:41.66666667% } .cols4 { width:33.33333333% } .cols3 { width:25% } .cols2 { width:16.66666667% } .cols1 { width:8.33% } .boxs { list-style:none; padding:0; margin:0; } .boxs2 { margin-left:-2%; } .boxs3 { margin-left:-2%; } .boxs4 { margin-left:-2%; } .boxs5 { margin-left:-2%; } .boxs6 { margin-left:-2%; } .boxs > li, .boxs > div { float:left; min-height:1px; margin-left:30px; } .boxs2 > li, .boxs2 > div { width:48%; margin-left:2%; } .boxs3 > li, .boxs3 > div { width:31%; margin-left:2%; } .boxs4 > li, .boxs4 > div { width:23%; margin-left:2%; } .boxs5 > li, .boxs5 > div { width:18%; margin-left:2%; } .boxs6 > li, .boxs6 > div { width:14.6%; margin-left:2%; } .boxBorder { padding:5px; border:1px solid #ccc; } /**********Innner pages animation*************/ .innerBanner .pageBannerImg { background-position: right center;background-size: cover;background-repeat: no-repeat; } .innerBanner .pageBannerImg img{ width: 100%; visibility: hidden; opacity:0; /*transition: all 1.5s ease 0s; -webkit-transition: all 1.5s ease 0s; transform: scale(1.15); -webkit-transform: scale(1.15);*/} .innerPageLoaded .innerBanner .pageBannerImg img{/*transform: scale(1); -webkit-transform: scale(1);*/ } .imgAnimation { overflow: hidden; position: relative; } .imgAnimation:before, .imgAnimation:after { position: absolute; width: 50%; height: 100%; top: 0; content:""; background:#fff; transition: all 1s ease 0s; z-index:1;} .imgAnimation:before { left: 0; } .imgAnimation:after { right: 0; } .activeBlock .imgAnimation:before, .activeBlock .imgAnimation:after { width: 0; } .imgAnimation img { width: 100%; -webkit-transition: all 1s ease 0s;transform: scale(1.15); -webkit-transform: scale(1.15); } .activeBlock .imgAnimation img{transform: scale(1); -webkit-transform: scale(1);} .savenStep ul li .hexagonShape { transform: rotate(30deg); -webkit-transform: rotate(30deg); transition: all 1.5s ease 0s; -webkit-transition: all 1.5s ease 0s; } .activeBlock .savenStep ul li .hexagonShape { transform: rotate(0deg); -webkit-transform: rotate(0deg); } .sttlUkTab .sttlUkTabList li, .keyFetureTab .keyFetureTabList li{opacity:0; transform: translateY(300px); -webkit-transform: translateY(300px);-webkit-transition: all 0.5s; transition: all 0.5s; } .activeBlock .sttlUkTab .sttlUkTabList li, .activeBlock .keyFetureTab .keyFetureTabList li { transform: translateY(0); -webkit-transform: translateY(0); opacity:1; } .activeBlock .sttlUkTab .sttlUkTabList li:nth-child(1), .activeBlock .keyFetureTab .keyFetureTabList li:nth-child(1) { transition-delay: 0.20s; -webkit-transition-delay: 0.20s; } .activeBlock .sttlUkTab .sttlUkTabList li:nth-child(2), .activeBlock .keyFetureTab .keyFetureTabList li:nth-child(2) { transition-delay: 0.29s; -webkit-transition-delay: 0.29s; } .activeBlock .sttlUkTab .sttlUkTabList li:nth-child(3), .activeBlock .keyFetureTab .keyFetureTabList li:nth-child(3) { transition-delay: 0.38s; -webkit-transition-delay: 0.38s; } .activeBlock .sttlUkTab .sttlUkTabList li:nth-child(4), .activeBlock .keyFetureTab .keyFetureTabList li:nth-child(4) { transition-delay: 0.47s; -webkit-transition-delay: 0.47s; } .activeBlock .sttlUkTab .sttlUkTabList li:nth-child(5), .activeBlock .keyFetureTab .keyFetureTabList li:nth-child(5) { transition-delay: 0.56s; -webkit-transition-delay: 0.56s; } .activeBlock .sttlUkTab .sttlUkTabList li:nth-child(6), .activeBlock .keyFetureTab .keyFetureTabList li:nth-child(6) { transition-delay: 0.63s; -webkit-transition-delay: 0.63s; } .activeBlock .sttlUkTab .sttlUkTabList li:nth-child(7), .activeBlock .keyFetureTab .keyFetureTabList li:nth-child(7) { transition-delay: 0.72s; -webkit-transition-delay: 0.72s; } .activeBlock .sttlUkTab .sttlUkTabList li:nth-child(8), .activeBlock .keyFetureTab .keyFetureTabList li:nth-child(8) { transition-delay: 0.81s; -webkit-transition-delay: 0.81s; } .connectionFlowChart ul li, .mobileAppCapList li { transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s; opacity:0; visibility: hidden; } .activeBlock .connectionFlowChart ul li, .activeBlock .mobileAppCapList li { opacity:1; visibility: visible; } .activeBlock .connectionFlowChart ul li:nth-child(1) { transition-delay: 0.20s; -webkit-transition-delay: 0.20s; } .activeBlock .connectionFlowChart ul li:nth-child(2) { transition-delay: 0.30s; -webkit-transition-delay: 0.30s; } .activeBlock .connectionFlowChart ul li:nth-child(3) { transition-delay: 0.40; -webkit-transition-delay: 0.40s; } .activeBlock .connectionFlowChart ul li:nth-child(4) { transition-delay: 0.50s; -webkit-transition-delay: 0.50s; } .activeBlock .mobileAppCapList li:nth-child(3), .activeBlock .mobileAppCapList li:nth-child(4) { transition-delay: 0.20s; -webkit-transition-delay: 0.20s; } .activeBlock .mobileAppCapList li:nth-child(2), .activeBlock .mobileAppCapList li:nth-child(5) { transition-delay: 0.50s; -webkit-transition-delay: 0.50s; } .activeBlock .mobileAppCapList li:nth-child(1), .activeBlock .mobileAppCapList li:nth-child(6) { transition-delay: 0.80s; -webkit-transition-delay: 0.80s; } .activeBlock .mobileAppCapList li:nth-child(9), .activeBlock .mobileAppCapList li:nth-child(10) { transition-delay: 1.10s; -webkit-transition-delay: 1.10s; } .activeBlock .mobileAppCapList li:nth-child(8), .activeBlock .mobileAppCapList li:nth-child(11) { transition-delay: 1.40s; -webkit-transition-delay: 1.40s; } .activeBlock .mobileAppCapList li:nth-child(7), .activeBlock .mobileAppCapList li:nth-child(12) { transition-delay: 1.70s; -webkit-transition-delay: 1.70s; } .activeBlock .mobileAppCapList li:nth-child(15), .activeBlock .mobileAppCapList li:nth-child(16) { transition-delay: 2s; -webkit-transition-delay: 2s; } .activeBlock .mobileAppCapList li:nth-child(14), .activeBlock .mobileAppCapList li:nth-child(17) { transition-delay: 2.30s; -webkit-transition-delay: 2.30s; } .activeBlock .mobileAppCapList li:nth-child(13), .activeBlock .mobileAppCapList li:nth-child(18) { transition-delay: 2.60s; -webkit-transition-delay: 2.60s; } .activeBlock .mobileAppCapList li:nth-child(21), .activeBlock .mobileAppCapList li:nth-child(22) { transition-delay: 2.90s; -webkit-transition-delay: 2.90s; } .activeBlock .mobileAppCapList li:nth-child(20), .activeBlock .mobileAppCapList li:nth-child(23) { transition-delay: 3.20s; -webkit-transition-delay: 3.20s; } .activeBlock .mobileAppCapList li:nth-child(19), .activeBlock .mobileAppCapList li:nth-child(24) { transition-delay: 3.50s; -webkit-transition-delay: 3.50s; } .sprite { background-image:url(../images/sprite.png); background-repeat: no-repeat; display:inline-block; vertical-align: middle; } .spriteV2{background:url(../images/sprite-v2.png)no-repeat;display: inline-block; vertical-align: middle;} .checkList { margin: 0 0 20px 0; padding: 0; list-style: none; } .checkList li { position: relative; margin-bottom: 10px; padding-left: 33px;font-size: 20px;} .checkList li:before {content:"\f00c";font-family:'FontAwesome';color: #ff763a;position: absolute;left: 0;top: 8px;width:20px;height: 20px;border: 1px solid #ff763a;line-height: 18px;text-align: center;border-radius:50%;font-size: 12px;} /**********breadcum********/ .breadcum { position:absolute; bottom:35px; width:100%; left:0; z-index:1;} .breadcum ul { padding:0px; margin:0;} .breadcum ul li { padding:0 10px; display:inline-block; vertical-align:top; font-size:14px; color:#fff; position:relative; } .breadcum ul li:not(:last-child):before { font-family:fontAwesome; content:"\f105"; position:absolute; right:-9px; top:0px; width:10px; height:10px; z-index:9;} .breadcum ul li a { color:#fff; text-decoration:none; font-weight:400;} .breadcum ul li a:hover { text-decoration:underline;} .breadcum a, .breadcum .breadcrumb_last { color:#fff; text-decoration:none; font-weight:400; font-size:14px; color:#fff;} .breadcum a { position:relative; padding-right: 20px; } .breadcum a:before { font-family:fontAwesome; content:"\f105"; position:absolute; right:-1px; top:0px; width:10px; height:10px; z-index:9;} .breadcum a:hover { text-decoration:underline;} /*************Inner Banner*************/ /*************Inner Banner*************/ .innerBanner { position: relative; overflow: hidden; background-size:cover; background-color: #0f5470;} .innerBanner, .pageBannerImg { height: 630px; } .innerBanner.smallBanner, .innerBanner.smallBanner .pageBannerImg { height: 480px; } .innerBanner.smallBanner { /*height:475px;*/ } .innerBanner .pageBannerImg img { width: 100%;opacity: 0; } /*.innerBanner .innerBannerCaption { max-width: 58%; }*/ .innerBannerCaption .bannerLogoImg { margin-top: 25px; } .pageTitle {position: absolute;left: 0;top: 50%;width: 100%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%); margin-top: 25px;} .pageTitle h1, .mainPageTitle { font-size: 55px; color: #fff; font-weight: 700; line-height:1.2; margin-bottom: 15px; } .pageTitle p { font-size: 20px; color: #fff; font-weight: 300; margin-bottom: 0; } .commonContent { padding: 85px 0; } .commonContent.padTopNone { padding-top: 0; } .commonContent.padBotNone { padding-bottom: 0; } .innerBanner.smallBanner h1, .mainPageTitle { font-size: 46px; } /*************E-Commerce Page*************/ .shoppingFun h2 { text-align: center; } .shoppingFunList { position: relative; overflow: hidden; margin-top: 80px; background:url(../images/shopping-fun-bg.png) no-repeat center bottom; } .shoppingFunList .middleBlock { position: absolute; left: 50%; bottom: -80px; margin-left:-146px; } .shoppingFunList ul { margin: 90px 0 84px 0; padding: 0; list-style: none; } .shoppingFunList ul li { float:left; position: relative; padding-left: 75px; margin-bottom: 120px; } .shoppingFunList ul li, .shoppingFunList ul li p { font-size: 24px; font-weight: 300; line-height: 1.3; } .shoppingFunList ul li p { margin-bottom: 0; } .shoppingFunList ul li .icon { position: absolute; left: 0; top:0; width: 60px; height: 60px; } .shoppingFunList ul li .icon1 { background-position: 0 0; } .shoppingFunList ul li .icon2 { background-position: -60px 0; } .shoppingFunList ul li .icon3 { background-position: -120px 0; } .shoppingFunList ul li .icon4 { background-position: -180px 0; } .shoppingFunList ul li:first-child { width: 29.83870967741935%; margin-left: 75px; } .shoppingFunList ul li:nth-child(2) { width: 25.48387096774194%; float: right; margin-right: 91px; } .shoppingFunList ul li:nth-child(3) { width: 29.03225806451613%; clear: right; margin-bottom:0; } .shoppingFunList ul li:last-child { width: 26%; float: right; margin-bottom:0; } .shoppingFun .shoppingAnswerWrap { text-align: center; padding: 80px 0 60px 0; position: relative; } .shoppingFun .shoppingAnswerWrap:before, .shoppingFun .shoppingAnswerWrap:after, .shoppingFun .shoppingAnswer:before, .shoppingFun .shoppingAnswer:after { position: absolute; content:""; left: 50%; } .shoppingFun .shoppingAnswerWrap:before, .shoppingFun .shoppingAnswer:before { width: 10px; height: 10px; background-color:#ff763a; border-radius:50%; margin-left: -5px; bottom:61px; } .shoppingFun .shoppingAnswerWrap:after, .shoppingFun .shoppingAnswer:after { width: 2px; height: 62px; background-color:#ff763a; margin-left: -1px; bottom:0; } .shoppingFun .shoppingAnswerWrap h3 { font-size: 60px; color: #ff763a; font-weight: 900; line-height: 1; } .shoppingFun .shoppingAnswerWrap h3 span { color: #535353; font-weight: 300; display:block; } .shoppingFun .shoppingAnswer { text-align: center; padding: 110px 0 60px 0; background:#0d7099 url(../images/shopping-answer-bg.jpg) no-repeat right bottom; background-attachment:fixed; position:relative; } /*.shoppingFun .shoppingAnswer .leftBg { position: absolute; left: 0; top:0; width: 170px; height: 165px; background:url(../images/shopping-answer-bg-left.jpg) no-repeat 0 0;}*/ .shoppingFun .shoppingAnswer .container { max-width: 940px; } .shoppingFun .shoppingAnswer p { color: #fff; } .shoppingFun .shoppingAnswer:before { background-color:#0a567f; bottom: auto; top: 60px; } .shoppingFun .shoppingAnswer:after { background-color:#0a567f; bottom: auto; top: 0; } .shoppingFun .shoppingAnswer .firstLine { margin-bottom: 60px; position: relative; } .shoppingFun .shoppingAnswer .firstLine:before { position: absolute; left: 50%; bottom: -30px; width:60px; height: 1px; background-color:#fff; content:""; margin-left: -30px; } .mobileCompatible { text-align: center; } .mobileCompatible .imgHolder { margin: 50px 0 20px -100px; } .ourExpertise { background-color:#f1f1f1; position: relative; } .ourExpertise .middleBg { width: 320px; height:266px; position: absolute; bottom: 124px; z-index:1; margin-left:-200px; left: 50%; background:url(../images/expertise-middle-bg.png) no-repeat 0 0; } .ourExpertise .leftBg { position: absolute; left: 0; top: 0; width: 50%; height: 100%; background:#696e6f url(../images/our-expertise-left-bg.jpg) no-repeat left bottom; background-size:50%; background-attachment:fixed; } .ourExpertise .container { position: relative; z-index: 1; } .ourExpertise h2 { color: #fff; padding-bottom:30px; } .ourExpertise h3 { font-size: 24px; margin-bottom: 15px; } .ourExpertise .techIcon { margin-bottom: 15px; } .ourExpertise .techBox { margin-bottom: 35px; } .ourExpertise p { text-align: justify; } .ourExpertise p a { color: #5cd7ff; } .ourExpertise p a:hover { color: #fff; } .ourExpertise .rightBlock p a { color: #35a6cb; } .ourExpertise .rightBlock p a:hover { color: #ff763a; } .ourExpertise .leftBlock h3, .ourExpertise .leftBlock p { color: #fff; } .ourExpertise .leftBlock { padding-right: 205px; } .ourExpertise .rightBlock { padding-left: 205px; } .lineBlock {border-radius: 50%;border: 1px solid #f1f1f1;width: 150px; height: 150px;position: absolute; right:-70px; bottom:210px;opacity: 0; animation: scaleIn 6s infinite cubic-bezier(.36, .11, .89, .32);} .circle1 { animation-delay: 0s } .circle2 { animation-delay: 1s } .circle2 { animation-delay: 2s } .circle4 { animation-delay: 3s } .circle5 { animation-delay: 4s } .circle6 { animation-delay: 5s } .circle7 { animation-delay: 6s } @keyframes scaleIn { from {transform: scale(1, 1); opacity: 0.5;} to {transform: scale(3, 3);opacity: 0; } } .ensureQueries { text-align: center; padding-top: 60px; } .ensureQueries .imgHolder { margin-bottom: 30px; } .ensureQueries p { margin-bottom: 0; } /*************Silver Warehouse Management System Page*************/ .swms { text-align: center; position: relative; overflow: hidden;} /*.swms:before { position: absolute; right: 0; bottom: -75px; width: 323px; height: 323px; content:""; background:url(../images/swms-right-bg.png) no-repeat 0 0; z-index: 1;}*/ .swms .container { max-width: 1000px; } .swmssc { background-color:#f3f3f3; padding-bottom: 365px; position: relative; } .swmssc:before { position: absolute; left: 0; bottom: 0; width: 164px; height: 164px; content:""; background:url(../images/white-plus-bg.png) no-repeat 0 0; } .swmssc h2 { text-align: center; position: relative; padding-bottom: 35px; margin-bottom: 35px; } .swmssc h2:before { position: absolute; left: 50%; bottom: 0; width:106px; height: 2px; background-color:#242173; content:""; margin-left: -53px; } .swmssc h2 span { display:block; color: #afafaf; } .swmssc .largeText { color: #545454; font-size: 20px; font-weight: 600; } .swmssc ul { margin: 0 -10px; padding: 0; list-style: none; } .swmssc ul li { float:left; width: 33.333%; padding: 10px; } .swmssc ul li .imgHolder { position: relative; box-shadow: 0 0 40px rgba(0, 0, 0, 0.1); overflow: hidden; } .swmssc ul li .imgHolder img { width: 100%; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; } .swmssc ul li .imgHolder:hover img { transform:scale(1.1); -webkit-transform:scale(1.1); } .swmssc ul li h3 { position: absolute; left: 30px; bottom: 25px; right: 30px; margin-bottom:0; } .cmsKeyFeatures { position: relative; background-color:#565656; } .cmsKeyFeatures h2 { color: #fff; text-align: center; } .cmsKeyFeatures h2 span { display:block; color: #d1d3d4; font-weight: 300; } .cmsKeyFeatures .secTagLine { color: #fff; font-weight: 700; padding-bottom: 25px; border-bottom:1px solid #6d6d6d; margin-bottom:10px; text-align:center; } /*.cmsKeyFeatures:before { position: absolute; left: 0; bottom: 0; width: 164px; height: 164px; content:""; background:url(../images/plus-left-bottom-bg.png) no-repeat 0 0; }*/ .cmsKeyFeatures .imgHolder { position: relative; margin-top: -280px; margin-left: -10px; } .cmsKeyFeaturesList { margin: 0; padding: 30px 0 0 0; list-style: none; } .cmsKeyFeaturesList li { display: block; padding: 20px 0 20px 60px; position: relative; } .cmsKeyFeaturesList li:before { left: 60px; right: 0; bottom: 0; height: 1px; position: absolute; content:""; background-color:#b3b3b3;} .cmsKeyFeaturesList li:last-child:before { display:none; } .cmsKeyFeaturesList .icon { width: 48px; height: 50px; position: absolute; left: 0; top: 20px; } .cmsKeyFeaturesList .icon1 { background-position: 0 -59px; } .cmsKeyFeaturesList .icon2 { background-position: -50px -60px; } .cmsKeyFeaturesList .icon3 { background-position: -102px -60px; } .cmsKeyFeaturesList .icon4 { background-position: -150px -60px; } .cmsKeyFeaturesList .icon5 { background-position: -201px -60px; width: 56px; } .cmsKeyFeaturesList .icon6 { background-position: -258px -60px; } .cmsKeyFeaturesList .icon7 { background-position: -307px -60px; } .cmsKeyFeaturesList .icon8 { background-position: -356px -60px; } .cmsKeyFeaturesList .icon9 { background-position: -408px -60px; } .cmsKeyFeaturesList .icon10 { background-position: -456px -60px; } .cmsKeyFeaturesList .icon11 { background-position: -508px -60px; } .cmsKeyFeaturesList h3 { font-size: 16px; color: #fff; margin-bottom: 5px; } .cmsKeyFeaturesList p{ color: #fff; margin-bottom: 0; } .swmSolutionBenefits { background:url(../images/swm-solution-benefits-bg.jpg) no-repeat right top; background-size:cover; } .swmSolutionBenefits h2 span { display:block; color: #2d2d2d; font-weight: 300; } .swmSolutionBenefits .checkList { margin-bottom: 40px; } .swmSolutionBenefits .checkList li { font-size: 18px; margin-bottom:15px; } .swmsSolutions { margin-bottom:-250px; padding-bottom:275px; background-color: #f3f3f3; } .swmsSolutionsTab { border: 0; } .swmsSolutionsTab .swmsSolutionsTabList { float:left; width: 27%; } .swmsSolutionsTab .swmsSolutionsTabList li { display: block; float: none; background: none; } .swmsSolutionsTab .swmsSolutionsTabList li a { display: block; background: none; border-bottom: 1px solid #dfdfdf; color: #242173; font-size: 16px; font-weight: 600; padding: 15px 30px 15px 0; position: relative; } .swmsSolutionsTab .swmsSolutionsTabList li .fa-angle-right { position: absolute; right: 10px; top: 9px; font-size: 30px; color: #b2b2b2; } .swmsSolutionsTab .swmsSolutionsTabList .r-tabs-state-active a, .swmsSolutionsTab .swmsSolutionsTabList a:hover { background-color: #242173; color: #fff; padding-left: 15px; } .swmsSolutionsTab .swmsSolutionsTabList .r-tabs-state-active a .fa-angle-right, .swmsSolutionsTab .swmsSolutionsTabList a:hover .fa-angle-right { color: #fff; } .swmsSolutionsTab .swmsSolutionsTabDetail { float:left; width: 73%; padding-left: 20px; } .swmsSolutionsTab .swmsSolutionsTabDetail .imgHolder { text-align: center; } .inventoryManagement { background-color: #f2f2f2; text-align: center; } /*************SAP Business One Mobility Solution Page*************/ .runYourBusiness { position: relative; /*padding: 160px 0 180px 0;*/ overflow: hidden; } .runYourBusiness .leftImg, .runYourBusiness .rightImg { position: absolute; left: -20px; top: 50%; } .runYourBusiness .leftImg { margin-top: -260px; } .runYourBusiness .rightImg { right: -20px; left:auto; margin-top: -240px; } .runYourBusiness .circle { border-radius:50%; border: 1px solid #bababa; opacity: 0.3; position: absolute; top: 50%; left: 50%; display:none; } .runYourBusiness .circle1 { width: 280px; height: 280px; margin: -140px 0 0 -140px; } .runYourBusiness .circle2 { width: 480px; height: 480px; margin: -240px 0 0 -240px; } .runYourBusiness .circle3 { width: 680px; height: 680px; margin: -340px 0 0 -340px; } .runYourBusiness .circle4 { width: 900px; height: 900px; margin: -450px 0 0 -450px; } .runYourBusiness .container { max-width: 780px; } .runYourBusiness .sapMobApp { padding-top: 60px; } .runYourBusiness .sapMobApp .sapBuOneLogo { margin-bottom: 5px; } .runYourBusiness .sapMobApp h3 { color: #929292; font-size: 22px; } .runYourBusiness .sapMobApp ul { margin: 0; padding: 0; list-style: none; } .runYourBusiness .sapMobApp ul li { display: inline-block; vertical-align: middle; padding: 0 2px; } .runYourBusiness .sapMobApp ul li a { border: 2px solid #59595a; border-radius: 5px; display:block; overflow: hidden; } .runYourBusiness .sapMobApp ul li a:hover { border-color:#ff763a; box-shadow: 0 0 15px rgba(0, 0, 0, 0.2); } .msKeyFeatures { background-color: #f1f1f1; } .msKeyFeatures h2 { text-align: center; } .msKeyFeaturesList { padding: 75px 0 45px 0; margin-top:50px; position: relative; } .msKeyFeaturesList .middleImg, .mobSolFetureTabDetail { position: absolute; left: 50%; top: 50%; margin: -306px 0 0 -200px; } .msKeyFeaturesList ul { margin: 0; padding: 0; list-style:none;} .msKeyFeaturesList ul li { display: block; position: relative; padding: 0; margin-bottom: 30px; background-color:#fff; box-shadow: 0 0 32px rgba(0, 0, 0, 0.15); width:35.96774193548387%; float:left; } .msKeyFeaturesList ul li, .msKeyFeaturesList ul li a { min-height: 135px; } .msKeyFeaturesList ul li a { display: block;padding: 25px 10px 25px 75px; position: relative; } .msKeyFeaturesList ul li a:before, .msKeyFeaturesList ul li a:after { transition: all 0.3s ease 0ms; -webkit-transition: all 0.3s ease 0ms; } .msKeyFeaturesList ul li a:before { position: absolute; left: 100%; width: 0; top: -1px; bottom:-1px; content: ""; background-color: #227394; } .msKeyFeaturesList ul li.r-tabs-state-active a:before, .msKeyFeaturesList ul li:hover a:before { width: 4px; } .msKeyFeaturesList ul li:nth-child(even) a:before { left:auto; right: 100%; } .msKeyFeaturesList ul li a:after{ left: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(255, 118, 58, 0); border-left-color: #227394; border-width: 8px; margin-top: -8px; margin-left:-2px; opacity:0; visibility: hidden;} .msKeyFeaturesList ul li.r-tabs-state-active a:after, .msKeyFeaturesList ul li:hover a:after { opacity:1; visibility: visible; margin-left: 2px; } .msKeyFeaturesList ul li:nth-child(even) a:after {right: 100%;border-color: rgba(255, 107, 67, 0); border-right-color: #649821;margin-top: -8px; margin-top:0; border-left:0; left: auto; margin-right:0; margin-lefr: -2px;} .msKeyFeaturesList ul li:nth-child(even):hover a:after { margin-right:2px;} .msKeyFeaturesList ul li:nth-child(3) a:after { border-left-color: #91b120; } .msKeyFeaturesList ul li:nth-child(5) a:after { border-left-color: #da7e55; } .msKeyFeaturesList ul li:nth-child(2) a:after { border-right-color: #649821; } .msKeyFeaturesList ul li:nth-child(4) a:after { border-right-color: #ec633e; } .msKeyFeaturesList ul li:nth-child(6) a:after { border-right-color: #de9e00; } .msKeyFeaturesList ul li:nth-child(even) { float: right; } .msKeyFeaturesList ul li:before { height: 10px; left: 35px; right: 35px; bottom: -10px; position: absolute; content:""; background-color:#227394; } .msKeyFeaturesList ul li:nth-child(2):before, .msKeyFeaturesList ul li:nth-child(2) a:before { background-color:#649821; } .msKeyFeaturesList ul li:nth-child(3):before, .msKeyFeaturesList ul li:nth-child(3) a:before { background-color:#91b120; } .msKeyFeaturesList ul li:nth-child(4):before, .msKeyFeaturesList ul li:nth-child(4) a:before { background-color:#ec633e; } .msKeyFeaturesList ul li:nth-child(5):before, .msKeyFeaturesList ul li:nth-child(5) a:before { background-color:#da7e55; } .msKeyFeaturesList ul li:nth-child(6):before, .msKeyFeaturesList ul li:nth-child(6) a:before { background-color:#de9e00; } .msKeyFeaturesList ul li.r-tabs-state-active a { background: #ddf2fb; } .msKeyFeaturesList ul li.r-tabs-state-active:nth-child(2) a { background: #f2fce4; } .msKeyFeaturesList ul li.r-tabs-state-active:nth-child(3) a { background: #f2fce4; } .msKeyFeaturesList ul li.r-tabs-state-active:nth-child(4) a { background: #ffebe6; } .msKeyFeaturesList ul li.r-tabs-state-active:nth-child(5) a { background: #fcece4; } .msKeyFeaturesList ul li.r-tabs-state-active:nth-child(6) a { background: #fef4de; } .msKeyFeaturesList ul li .icon { width: 54px; height: 50px; position: absolute; left: 15px; top: 50%; margin-top: -25px; } .msKeyFeaturesList ul li .title { color: #242173; font-size: 16px; margin-bottom: 10px; font-weight: 700; display:block; } .msKeyFeaturesList ul li .text { margin-bottom: 0; color:#535353 } .msKeyFeaturesList .rightList { float: right; } .msKeyFeaturesList li .icon1 { background-position: 0 -107px; } .msKeyFeaturesList li .icon2 { background-position: -54px -107px; } .msKeyFeaturesList li .icon3 { background-position: -108px -107px; } .msKeyFeaturesList li .icon4 { background-position: -162px -107px; } .msKeyFeaturesList li .icon5 { background-position: -216px -107px; } .msKeyFeaturesList li .icon6 { background-position: -270px -107px; } .dashboardReport { background:url(../images/dashboard-report-bg.jpg) no-repeat center center; background-size:cover; background-attachment:fixed; text-align: center; padding-bottom: 0; } .dashboardReport h2 { color: #fff;} .dashboardReport .imgHolder { margin-bottom:-100px; margin-left: -40px;} .mobilitySolutionBenefits { padding-top: 175px; padding-bottom: 25px; background-color:#fff; } .mobilitySolutionBenefits .msBenefits { padding: 65px; border:1px solid #498aa5; box-shadow: 0 0 32px rgba(0, 0, 0, 0.15); position: relative; } .mobilitySolutionBenefits .msBenefits:before { position: absolute; bottom: -10px; left: 215px; right: 215px; background-color:#da7e55; content:""; height: 10px; } .mobilitySolutionBenefits .msBenefits .row { padding-top: 25px; } .mobilitySolutionBenefits h2 { text-align: center; } .mobilitySolutionBenefits .checkList li { line-height: 1.6;} .appDownload { text-align: center; padding-top: 65px; } .appDownload .markText { font-weight: 600; color: #242173; } .appDownloadList { margin: 0; padding: 0; list-style: none; text-align: center; } .appDownloadList li { display: inline-block; vertical-align: middle; padding: 0 2px; } .appDownloadList li a { display:block; } /*************food and drink page css start here*************/ /***SAP food drink section css start here***/ /* .sapFoodDrink{background:url(../images/swms-right-bg.png) no-repeat; background-position: right 270px;} .sapFoodDrink h2{text-align: center;} .foodDrinkList ul{list-style: none;margin: 0 -12px;position: relative;} .foodDrinkList ul:before{position: absolute; left:115px; top: 0; width:490px; height:1px; background-color: #c7c7c7;} .foodDrinkList ul:after{position: absolute; right:95px; top: 0; width: 505px; height:1px; background-color: #c7c7c7;} .foodDrinkList{position: relative;padding-top: 71px;} .foodDrinkList:before{position: absolute; content: '';background-image: url(../images/food-dring-center-img.jpg); background-repeat: no-repeat;left: 0; top: 0; right: 0; margin: 0 auto;background-size: 100%; width: 67px; height: 72px;} .foodDrinkList ul li{width: 12.5%; float: left; padding:143px 12px 0 12px;position: relative;} .foodDrinkList ul li:before{position: absolute; content: '';top: 0; left:21px; right: 0; width: 23px; height: 55px; border-left: 1px solid #c7c7c7;border-top: 1px solid #c7c7c7;border-top-left-radius: 20px; margin: 0 auto;} .foodDrinkList ul li:nth-child(5):before, .foodDrinkList ul li:nth-child(6):before, .foodDrinkList ul li:nth-child(7):before, .foodDrinkList ul li:nth-child(8):before{transform:rotateY(180deg);-webkit-transform:rotateY(180deg);left: inherit; right: 77px;} .listBox{background-color: #fff;border-radius: 10px;box-shadow: 5px 0 43px rgba(0,0,0,0.23);text-align: center;padding: 94px 0 46px 0;position: relative;} .listBox:before{position: absolute;content: ''; left:5px; top: 0; bottom:5px; right:5px; border:2px solid transparent; border-radius: 10px;} .firstBox.listBox:before{border-color: #5fabc1;} .secondBox.listBox:before{border-color: #a3ba4a;} .thirdBox.listBox:before{border-color: #56cd62;} .fourthBox.listBox:before{border-color: #bc9ae3;} .fifthBox.listBox:before{border-color: #e8a751;} .sixthBox.listBox:before{border-color: #ff6f37;} .saventhBox.listBox:before{border-color: #df5858;} .eightBox.listBox:before{border-color: #a643b8;} .listBox > span{font-weight: 600;color: #242173;font-size: 17px;font-family: 'Open Sans', sans-serif;} .roundShape{width: 133px; height: 133px;border-radius: 50%;position: absolute;top:-68px; left: 0; right: 0; margin: 0 auto;} .roundShape:before{position: absolute; content: '';left:8px; top:8px; width:116px; height:116px; border-radius: 50%; border: 1px solid #fff;bottom: 8px; right: 8px;} .roundShape:after{position: absolute; content: ''; top:-20px; left: 0; right: 0; width: 7px; height: 7px;border-radius: 50%; background-color: transparent;margin: 0 auto;} .firstBox .roundShape, .firstBox .roundShape:after{background-color: #5fabc1;} .secondBox .roundShape, .secondBox .roundShape:after{background-color: #a3ba4a;} .thirdBox .roundShape, .thirdBox .roundShape:after{background-color: #56cd62;} .fourthBox .roundShape, .fourthBox .roundShape:after{background-color: #bc9ae3;} .fifthBox .roundShape, .fifthBox .roundShape:after{background-color: #e8a751;} .sixthBox .roundShape, .sixthBox .roundShape:after{background-color: #ff6f37;} .saventhBox .roundShape, .saventhBox .roundShape:after{background-color: #df5858;} .eightBox .roundShape, .eightBox .roundShape:after{background-color: #a643b8;} .Spriteicon{background-image: url(../images/sprite.png); background-repeat: no-repeat;display: inline-block; vertical-align: middle; position: absolute;left: 0;right: 0;top: 50%;bottom: 0;margin: 0 auto; transform: translateY(-50%);-webkit-transform: translateY(-50%);} .firstBox .roundShape .Spriteicon{background-position: -8px -167px;width: 59px;height: 53px;} .secondBox .roundShape .Spriteicon{background-position: -80px -168px;width: 43px;height: 47px;} .thirdBox .roundShape .Spriteicon{background-position:-136px -167px;width: 47px;height: 47px;} .fourthBox .roundShape .Spriteicon{background-position:-192px -164px;width: 52px;height: 49px;} .fifthBox .roundShape .Spriteicon{background-position:-259px -167px;width: 51px;height: 51px;} .sixthBox .roundShape .Spriteicon{background-position:-320px -168px;width: 43px;height: 43px;} .saventhBox .roundShape .Spriteicon{background-position:-376px -168px;width: 46px;height: 46px;} .eightBox .roundShape .Spriteicon{background-position: -440px -175px;width: 45px;height: 45px;} */ /***SAP food drink section css end here***/ /****cash carry section css start here***/ /* .cash-carry{background:#f3f3f3 url(../images/cash-carry-bg.jpg) no-repeat 0 0 ;background-size:cover;} .cash-carry-con h2{font-size: 24px;} */ /****cash carry section css end here***/ /***group box css start here***/ /* .twoBoxGroup{margin-bottom:31px;} .commonBoxes{padding:54px 48px 49px;position: relative;background-color: #fff;box-shadow: 5px 0 32px rgba(0,0,0,0.15);min-height: 431px;} .commonBoxes:before{position: absolute; content: ''; bottom:-10px; top:-10px; right:40px; left:40px; margin: 0 auto;background-color:transparent;z-index: -1;} .printOfSale .commonBoxes:before{background-color: #4ba6f2;} .customerFile .commonBoxes:before{background-color: #e0a000;} .commonBoxes h2{font-size: 24px;color: #242173;} .bulletBox{padding: 0;} .bulletBox li{font-size: 16px;line-height: 1.56; color: #535353;position: relative;list-style: none;padding-left:17px;margin-bottom: 13px;} .bulletBox li:last-child{margin-bottom: 0;} .bulletBox li:before{position: absolute; content: ''; top:10px; left:0px; width: 4px; height: 4px; background-color: #ff763a; border-radius: 50%;} .fourCommon{padding: 49px 35px 21px 48px;position: relative;background-color: #fff;box-shadow: 5px 0 51px rgba(0,0,0,0.15);position: relative;min-height: 332px;} .fourBoxGroup .cols3{padding: 0 7px;} .fourCommon:before{position: absolute; content:''; left:17px; right:17px; top: 0; bottom: -10px; background-color: transparent;z-index: -1;} .backOffice .fourCommon:before{background-color: #dd9d00;} .hardwareDetail .fourCommon:before{background-color: #b6ca73;} .quickReporting .fourCommon:before{background-color: #ea623e;} .individualClient .fourCommon:before{background-color: #659921;} .fourCommon h2{font-size: 24px;color: #242173;} .fourBoxGroup{margin: 0 7px 31px;} .lastTwoBox .fourCommon{min-height: 14px; padding: 31px 35px 10px 48px;min-height: 147px;} .realTimeData .fourCommon:before{background-color: #489fe8;} .inqueryNowInn{background-size: cover; background-repeat: no-repeat; background-position: center center;padding: 45px;box-shadow: 5px 0 51px rgba(0,0,0,0.15);position: relative;min-height: 147px;} .inqueryNow:before{position: absolute; content:''; left:34px; right:34px; top: 0; bottom: -10px; background-color: #e0a000;z-index: -1;} .inqueryNow{position: relative;} .inqueryText p{color: #fff;margin-bottom: 0;} .inqueryText{float: left;width: 60%;} .inqueryBtn{float: left;width: 40%;text-align: right;} */ /***group box css end here***/ /***key benefit section css start here***/ /* .keyBenefits.sapOneHanaBenefits .hanaBenefits{background-color: #fff; border: 1px solid #1e7092;box-shadow: 5px 0 32px rgba(0,0,0,0.15);} .keyBenefits.sapOneHanaBenefits{background-color: transparent;} .keyBenefits.sapOneHanaBenefits .orangeBlock:before{background-color: #e08157;} */ /***key benefit section css end here***/ /***Ecommerce and market section css start here***/ /* .eCommerceMarket .ecommerceKart{position: absolute; bottom:7px; left:-210px;} .eCommerceMarket .leftBg h2{font-size: 24px;color: #fff; width: 350px;margin:90px 0 0 auto;position: relative;z-index: 1;} .sapHanaServices.eCommerceMarket{background: #1e7092;} .eCommerceMarket .sttlUkTab .sttlUkTabDetailBox{max-width:720px;} .eCommerceMarket .bulletBox li{color: #fff;} .eCommerceMarket .bulletBox li > span{font-weight: 600;} .eCommerceMarket .bulletBox li > a{font-size: 16px;color: #9edcff;text-decoration: underline;} .eCommerceMarket .bulletBox li > a:hover{color:#ffd144} .eCommerceMarket .sttlUkTab .sttlUkTabDetail{padding-top: 0;} .eCommerceMarket .sttlUkTab .sttlUkTabList{top: 119px;position: relative;} .eCommerceMarket .sttlUkTab .sttlUkTabList li:before{background-color: #ffd143;} .eCommerceMarket .sttlUkTab .sttlUkTabList li:after{border-left-color: #ffd143;} .eCommerceMarket.sapHanaServices{padding: 66px 0 70px;} .eCommerceMarket .sttlUkTab .sttlUkTabList li .icon1{background-position:-136px -327px;width: 45px;height: 33px;} .eCommerceMarket .sttlUkTab .sttlUkTabList li .icon2{background-position:-188px -327px;width: 44px;height: 40px;} .eCommerceMarket .sttlUkTab .sttlUkTabList li .icon3{background-position:-240px -328px;width: 40px;height: 34px;} .eCommerceMarket .sttlUkTab .sttlUkTabList li .icon4{background-position:-291px -327px; width: 37px;height: 37px;} .eCommerceMarket .sttlUkTab .sttlUkTabList li a{ padding: 37px 10px 37px 60px;} .eCommerceMarket .tabContent-img{position: absolute; bottom: 0;right: -60px; } */ /***Ecommerce and market section css end here***/ /***various sector section css start here***/ .foodDrinkCon .knowWhatsInn p:last-of-type{margin-bottom: 0;} .foodDrinkCon.commonContent {padding: 85px 0 57px;} .variousSectorTitle{text-align: center;} .variousSectorTitle h2{text-align: center;display: inline-block;border-top: 1px solid #cdcdcd;padding-top: 39px;} .variousSector{position: relative;} /*.variousSector:before{position: absolute;content: ''; right: 0; top:-46px; background-image: url(../images/white-bg-blue-ling-img.jpg); background-repeat: no-repeat; width: 152px; height: 180px;background-size: 100%;}*/ .retailSector{background:#f5f5f5 url(../images/retails-bg-img.jpg)no-repeat 0 0; background-size: cover;} .retailSector .sectorDetails{float: right;} .variousSectorList{padding-top: 20px;} .wholesaleSector{background:#fff url(../images/wholesale-bg-img.jpg)no-repeat 0 0; background-size: cover;} .sectorDetails p span{font-weight: 600;} .manufacturingSector{background:#f5f5f5 url(../images/manufacturing-bg-img.jpg)no-repeat 0 0; background-size: cover;} .manufacturingSector .sectorDetails{float: right;} .sapOneHanaBenefits.benefitsFromSap{background-color: transparent;} /***various sector section css end here***/ /*************food and drink page css end here*************/ /*************manufacturing page css start here*************/ /***Food & Drink Manufacturing section css start here***/ .manufacturingFood .followingCapabilitiesList .followingCapabilitiesBox:before{display: none;} .manufacturingFood .followingCapabilitiesList .icon {position: absolute;left: 25px;top:0px; bottom: 0; margin: auto;} .manufacturingFood .followingCapabilitiesList .icon.icon1 {background-position:-662px -264px;width: 53px;height: 54px;} .manufacturingFood .followingCapabilitiesList .icon2 { background-position:-664px -328px;width: 54px;height: 54px;} .manufacturingFood .followingCapabilitiesList .icon3 { background-position:-663px -391px;width: 52px;height: 52px;} .manufacturingFood .followingCapabilitiesList .icon4 { background-position: -664px -455px;width: 56px;height: 48px;} .manufacturingFood .followingCapabilitiesList .icon5 { background-position: -664px -512px;width: 55px;height: 44px;} .manufacturingFood .followingCapabilitiesList .icon6 { background-position:-664px -568px;width: 57px;height: 47px;} .manufacturingFood .followingCapabilitiesList .icon7 { background-position:-664px -624px;width: 50px;height: 51px;} .manufacturingFood .followingCapabilitiesList .icon8 { background-position:-744px -289px;width: 52px;height: 52px;} .manufacturingFood .followingCapabilitiesList .icon9 { background-position:-744px -352px;width: 42px;height: 60px;} .manufacturingFood .followingCapabilitiesList .icon10 { background-position:-745px -424px;width: 52px;height: 52px;} .manufacturingFood .followingCapabilitiesList .followingCapabilitiesBox{padding-left: 108px;} .manufacturingFood.followingCapabilities:before{display: none;} /***Food & Drink Manufacturing section css end here***/ /***drink manufacturing section css start here***/ .drinkManufacturing{position: relative; padding-bottom: 0;} /*.drinkManufacturing:before{position: absolute;content: ''; left: 0; top: 0; background:url(../images/white-light-plus-bg.png)no-repeat; width: 164px; height: 164px;}*/ .drinkManufacuringInn h2{text-align: center;} .drinkManufProcess ul{list-style: none; padding: 0;} .drinkManufProcess li{float: left; width: 25%;text-align: center;position: relative;} .drinkManufProcess li:before{position: absolute;content: ''; left:-52px; width: 7px; height: 7px; border-radius: 50%; background-color: #c8c8c8;top:49px;} .drinkManufProcess li:after{position: absolute;content: ''; right:-52px; width: 7px; height: 7px; border-radius: 50%; background-color: #c8c8c8;top:49px;} .drinkManufProcess li:first-child:before,.drinkManufProcess li:last-child:after{display: none;} .processRound{width: 105px; height: 105px;border-radius: 50%;position: relative;display: -webkit-box; display: -webkit-flex;display: -ms-flexbox;display: flex;align-items: center;-webkit-align-items: center;justify-content: center;margin: 0 auto;} .processRound:before{position: absolute;; content: ''; left: 6px; right: 6px; top: 6px; bottom: 6px; border-radius: 50%; border: 1px solid #fff;} .processRound.processFrist{background-color: #a3ba4a;} .processRound.processSec{background-color: #e8a751;} .processRound.processThird{background-color: #df5858;} .processRound.processForth{background-color: #a643b8;} .processRound span{font-size: 45px; color: #fff; line-height: 1;} .drinkManufProcess li p{margin-bottom: 0;margin-top: 11px;color: #535353;} .processRound:after{position: absolute;content: ''; right:-110px; width:105px; height: 1px; background-color:#dfdfdf; top: 0;bottom: 0;margin: auto;} .drinkManufProcess li:last-child .processRound:after{display: none;} .drinkManufProcess{padding-top: 35px;} /***drink manufacturing section css end here***/ /*************manufacturing page css end here*************/ /*************Retail page css start here**************/ /***retail business management section css start here***/ .aspCircle1{width: 253px; height: 253px;border-radius: 50%; background-color: #f5f5f5;margin: 0 auto;padding: 13px;box-shadow:45px 31px 71px rgba(0,0,0,0.13)} .aspCircle2{background: rgba(255,203,144,1); background: -moz-linear-gradient(top, rgba(255,203,144,1) 0%, rgba(255,203,144,1) 7%, rgba(249,91,128,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,203,144,1)), color-stop(7%, rgba(255,203,144,1)), color-stop(100%, rgba(249,91,128,1))); background: -webkit-linear-gradient(top, rgba(255,203,144,1) 0%, rgba(255,203,144,1) 7%, rgba(249,91,128,1) 100%); background: -o-linear-gradient(top, rgba(255,203,144,1) 0%, rgba(255,203,144,1) 7%, rgba(249,91,128,1) 100%); background: -ms-linear-gradient(top, rgba(255,203,144,1) 0%, rgba(255,203,144,1) 7%, rgba(249,91,128,1) 100%); background: linear-gradient(to bottom, rgba(255,203,144,1) 0%, rgba(255,203,144,1) 7%, rgba(249,91,128,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffcb90', endColorstr='#f95b80', GradientType=0 );width: 227px; height: 227px;border-radius: 50%;padding: 2px;} .aspCircle3{width:100%; height:100%; border-radius: 50%; background-color: #ededed;display: -webkit-box; display: -webkit-flex;display: -ms-flexbox;display: flex;align-items: center;-webkit-align-items: center;text-align: center;justify-content: center;} .aspCircle3 span{font-size: 16px;font-weight: 600;color: #535353;} /***retail business management section css end here***/ /*************Retail page css end here**************/ /*************SAP Business One HANA*************/ .sapHanaPlatform { padding-bottom: 50px; } .sapHanaHighlight h2 { font-size: 24px; } .sapHanaHighlight .smallContainer { padding: 55px 0 35px 0; border-top: 1px solid #d3d3d3; } .memoryComputing { padding: 120px 0; overflow: hidden; position: relative; background-color:#f3f3f3; } .memoryComputing .imgHolder { position: absolute; left: -30px; top: 0; height: 100%; width: 50%; } .memoryComputing .imgHolder img { width: 100%; } .memoryComputing .rightBlock { float: right; padding-left: 70px; } .sttlUkCard ul { margin: 0 -15px; padding: 0; list-style: none;display: flex;display: -webkit-flex;display: -ms-flexbox; flex-wrap: wrap;-webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; } .sttlUkCard ul li { float:left; width: 33%; padding: 15px;display: flex;display: -webkit-flex;display: -ms-flexbox; flex-wrap: wrap;-webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; } .sttlUkCard .sttlUkCardBox { background-color:#fff; box-shadow:0 0 51px rgba(0, 0, 0, 0.15); position: relative; width: 100%;} .sttlUkCard .sttlUkCardBox:before { position: absolute; bottom: -10px; left: 30px; right: 30px; background-color:#489fe7; content:""; height: 10px; } .sttlUkCard ul li:nth-child(2) .sttlUkCardBox:before { background-color:#91b020; } .sttlUkCard ul li:nth-child(3) .sttlUkCardBox:before { background-color:#649821; } .sttlUkCard .sttlUkBotCard { padding: 0 35px 35px 35px; margin-top:-20px; min-height: 250px; } .sttlUkCard .imgHolder img { width: 100%; } .sttlUkCard h2 { font-size: 24px; } .sttlUkCard p { margin-bottom: 0; } .sapOneHanaBenefits { background-color: #f3f3f3; } .sapOneHanaBenefits .orangeBlock { position: relative; } .sapOneHanaBenefits .orangeBlock:before {position: absolute;bottom: -10px;top: -10px;left: 215px;right: 215px;background-color: #ff763a;content:"";} .sapOneHanaBenefits .hanaBenefits {padding: 50px;border: 1px solid #242173;background-color:#fff;box-shadow: 0 0 32px rgba(0, 0, 0, 0.15);position: relative;} /*.sapOneHanaBenefits .hanaBenefits .row { padding-top: 25px; }*/ .sapOneHanaBenefits h2 {text-align: center;font-size: 34px;line-height: 45px;margin: 0 0 25px 0;} .sapOneHanaBenefits .checkList li { line-height: 1.6; margin-bottom: 17px;font-size: 20px;} .sttlAdvantage h2 { text-align: center; } .sttlAdvantageList { margin: 0 -10px; padding: 20px 0 50px 0; border-bottom: 1px solid #d7d7d7; list-style: none; } .sttlAdvantageList li { float:left; width: 25%; padding: 10px; } .sttlAdvantage .sttlAdvantageList li { float:left; width: 20%; padding: 10px; } .sttlAdvantage .sttlAdvantageList{border-bottom: 0;} .sttlAdvantageList .iconHolder { margin-bottom: 22px; } .sapHanaServices { background:#1d6f92 url(../images/sap-hana-services-bg.jpg) no-repeat right bottom; position: relative; padding: 30px 0; overflow: hidden; } .sapHanaServices .circle { border-radius:50%; border: 1px solid #bababa; opacity: 0.2; position: absolute; top: 50%; left: 50%;} .sapHanaServices .circle1 { width: 280px; height: 280px; margin: -140px 0 0 -140px; } .sapHanaServices .circle2 { width: 480px; height: 480px; margin: -240px 0 0 -240px; } .sapHanaServices .circle3 { width: 680px; height: 680px; margin: -340px 0 0 -340px; } .sapHanaServices .circle4 { width: 900px; height: 900px; margin: -450px 0 0 -450px; } .sapHanaServices .leftBg { position: absolute; left: 0; right: 50%; height: 100%; top: 0; margin-right:270px; background-color: #24a1e9; } .sttlUkTab { border: 0; } .sttlUkTab .sttlUkTabList { width: 350px; float: left; background-color: #24a1e9; } .sttlUkTab .sttlUkTabList li { display: block; background: none; position: relative; } .sttlUkTab .sttlUkTabList li:before, .sttlUkTab .sttlUkTabList li:after, .sttlUkTab .sttlUkTabList li a:before { transition: all 0.5s ease 0ms; -webkit-transition: all 0.5s ease 0ms; } .sttlUkTab .sttlUkTabList li:before { position: absolute; left: 100%; width: 0; top: 0; height: 100%; content: ""; background-color: #ff763a; } .sttlUkTab .sttlUkTabList li.r-tabs-state-active:before, .sttlUkTab .sttlUkTabList li:hover:before { width: 4px; } .sttlUkTab .sttlUkTabList li:after{ left: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(255, 118, 58, 0); border-left-color: #ff763a; border-width: 8px; margin-top: -8px; margin-left:-2px; opacity:0; visibility: hidden;} .sttlUkTab .sttlUkTabList li.r-tabs-state-active:after, .sttlUkTab .sttlUkTabList li:hover:after { opacity:1; visibility: visible; margin-left: 2px; } .sttlUkTab .sttlUkTabList li a { display: block; position: relative; padding: 25px 10px 25px 60px; font-size: 16px; color: #fff; font-weight: 600; background: none; } .sttlUkTab .sttlUkTabList li .icon, .sapHanaServices .r-tabs-accordion-title .icon, .landingaddOnsServices .r-tabs-accordion-title .icon { width: 38px; height: 38px; position: absolute; left: 0; top: 50%; margin-top: -19px; } .sttlUkTab .sttlUkTabList li .icon1, .sapHanaServices .r-tabs-accordion-title .icon1 { background-position: 1px -230px; } .sttlUkTab .sttlUkTabList li .icon2, .sapHanaServices .r-tabs-accordion-title .icon2 { background-position: -38px -230px; } .sttlUkTab .sttlUkTabList li .icon3, .sapHanaServices .r-tabs-accordion-title .icon3 { background-position: -77px -230px; } .sttlUkTab .sttlUkTabList li .icon4, .sapHanaServices .r-tabs-accordion-title .icon4 { background-position: -114px -230px; } .sttlUkTab .sttlUkTabList li .icon5, .sapHanaServices .r-tabs-accordion-title .icon5 { background-position: -152px -228px; } .sttlUkTab .sttlUkTabList li .icon6, .sapHanaServices .r-tabs-accordion-title .icon6 { background-position: -190px -230px; } .sttlUkTab .sttlUkTabList li .icon7, .sapHanaServices .r-tabs-accordion-title .icon7 { background-position: -228px -230px; } .sttlUkTab .sttlUkTabList li .icon8, .sapHanaServices .r-tabs-accordion-title .icon8 { background-position: -266px -230px; } .sttlUkTab .sttlUkTabList li a .titleText { position: relative; z-index: 1; } .sttlUkTab .sttlUkTabList li.r-tabs-state-active a { background: none; color: #fff; } .sttlUkTab .sttlUkTabList li a:before { position: absolute; right: 0; top: 0; height: 100%; width: 0; content: ""; background: rgba(36,161,233,1); background: -moz-linear-gradient(left, rgba(36,161,233,1) 0%, rgba(8,166,223,1) 29%, rgba(33,90,160,1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(36,161,233,1)), color-stop(29%, rgba(8,166,223,1)), color-stop(100%, rgba(33,90,160,1))); background: -webkit-linear-gradient(left, rgba(36,161,233,1) 0%, rgba(8,166,223,1) 29%, rgba(33,90,160,1) 100%); background: -o-linear-gradient(left, rgba(36,161,233,1) 0%, rgba(8,166,223,1) 29%, rgba(33,90,160,1) 100%); background: -ms-linear-gradient(left, rgba(36,161,233,1) 0%, rgba(8,166,223,1) 29%, rgba(33,90,160,1) 100%); background: linear-gradient(to right, rgba(36,161,233,1) 0%, rgba(8,166,223,1) 29%, rgba(33,90,160,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#24a1e9', endColorstr='#215aa0', GradientType=1 ); } .sttlUkTab .sttlUkTabList li.r-tabs-state-active a:before, .sttlUkTab .sttlUkTabList li a:hover:before { width: 540px; } .sttlUkTab .sttlUkTabDetail { padding-left: 400px; padding-top: 160px; } .sttlUkTab .sttlUkTabDetail h2 { color: #fff; font-size: 24px; } .sttlUkTab .sttlUkTabDetail p { color: #fff; } .sttlUkTab .sttlUkTabDetailBox { max-width: 700px; width: 100%; } .sttlUkTab .tabContent { position: relative; } .sapHanaServices .sttlUkTab .tabContent { min-height: 260px; } .sttlUkTab .tabContent .rightImgHolder { position: absolute;right: 0;top: 50%;width: 100%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%); margin-right:-430px; } .landingaddOnsServices .sttlUkTab .sttlUkTabList li .icon.icon5, .landingaddOnsServices .r-tabs-accordion-title .icon.icon5{background:url(../images/apparel-icon.png)no-repeat;background-size: 100%;} .landingaddOnsServices .sttlUkTab .sttlUkTabList li .icon.icon6, .landingaddOnsServices .r-tabs-accordion-title .icon.icon6{background:url(../images/delivery-icon.png)no-repeat;background-size: 100%;} .sapHanaServices .sttlUkTab .sttlUkTabDetailBox{max-width: 420px; width: 100%} /*************Cloud Solution*************/ .increaseVisibility h2 { text-align: center;font-size: 34px;line-height: 45px;} .increaseVisibilityList { position: relative; overflow: hidden; margin-top: 60px; padding-top:20px; background:url(../images/increase-visibility-bg.jpg) no-repeat center top; } .increaseVisibilityList ul { margin: 0; padding: 0; list-style: none; float: left; } .increaseVisibilityList ul.rightList { float: right; } .increaseVisibilityList ul li { position: relative; padding-left: 65px; margin-bottom: 70px; } .increaseVisibilityList ul li, .increaseVisibilityList ul li p { font-size: 24px; font-weight: 300; line-height: 1.3; } .increaseVisibilityList ul li p { margin-bottom: 0; } .increaseVisibilityList ul li p .smallText { font-weight: 400; display:block; font-size: 16px; } .increaseVisibilityList ul li .icon { position: absolute; left: 0; top: 3px; width: 50px; height: 50px; } .increaseVisibilityList ul li .icon1 { background-position: 0 -268px; } .increaseVisibilityList ul li .icon2 { background-position: -50px -271px; } .increaseVisibilityList ul li .icon3 { background-position: -100px -268px; } .increaseVisibilityList ul li .icon4 { background-position: -150px -268px; } .increaseVisibilityList ul li .icon5 { background-position: -200px -271px; } .increaseVisibilityList ul.leftList li:first-child { margin-left: 80px; } .increaseVisibilityList ul.leftList li:nth-child(3) { margin-left: 58px; margin-bottom:40px; } .increaseVisibilityList ul.rightList li { margin-bottom:0; margin-top: 80px; } .increaseVisibilityList ul.rightList li:last-child { margin-top: 120px; } .increaseVisibility .shoppingAnswerWrap { text-align: center; padding: 0 0 60px 0; margin-top:-15px; position: relative; } .increaseVisibility .shoppingAnswerWrap:before, .increaseVisibility .shoppingAnswerWrap:after, .increaseVisibility .shoppingAnswer:before, .increaseVisibility .shoppingAnswer:after { position: absolute; content:""; left: 50%; } .increaseVisibility .shoppingAnswerWrap:before, .increaseVisibility .shoppingAnswer:before { width: 10px; height: 10px; background-color:#ff763a; border-radius:50%; margin-left: -5px; bottom:61px; } .increaseVisibility .shoppingAnswerWrap:after, .increaseVisibility .shoppingAnswer:after { width: 2px; height: 62px; background-color:#ff763a; margin-left: -1px; bottom:0; } .increaseVisibility .shoppingAnswerWrap h3 { font-size: 60px; color: #ff763a; font-weight: 900; line-height: 1; } .increaseVisibility .shoppingAnswerWrap h3 span { color: #535353; font-weight: 300; display:block; } .increaseVisibility .shoppingAnswer { text-align: center; padding: 110px 0 60px 0; background:#0d7099 url(../images/increase-visibility-answer-bg.jpg) no-repeat right bottom; position:relative; } /*.increaseVisibility .shoppingAnswer .leftBg { position: absolute; left: 0; bottom:0; width: 164px; height: 164px; background:url(../images/plus-left-bottom-bg.png) no-repeat 0 0;}*/ .increaseVisibility .shoppingAnswer .container { max-width: 940px; } .increaseVisibility .shoppingAnswer p {color: #fff;font-size: 20px!important;line-height: 30px!important;} .increaseVisibility .shoppingAnswer:before {background-color: #0a084d;bottom: auto;top: 60px;} .increaseVisibility .shoppingAnswer:after {background-color: #0a084d;bottom: auto;top: 0;} .increaseVisibility .shoppingAnswer .firstLine { margin-bottom: 60px; position: relative; } .increaseVisibility .shoppingAnswer .firstLine:before { position: absolute; left: 50%; bottom: -30px; width:60px; height: 1px; background-color:#fff; content:""; margin-left: -30px; } .cloudSolBenefits { position: relative; } .cloudSolBenefits:before { position: absolute; left: 0; top: 0; bottom: 250px; right: 0; content:""; background-color: #eee;} /*.cloudSolBenefits:after { position: absolute; left: 0; top: 0; width: 165px; height: 165px; content:""; background:url(../images/white-plus-left-top-bg.png) no-repeat 0 0;}*/ .cloudSolBenefits h2 { text-align: center; position: relative;} .sttlUkDefaultCard { margin: 0 -8px; padding: 0; list-style: none;display: flex;display: -webkit-flex;display: -ms-flexbox; flex-wrap: wrap;-webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; } .sttlUkDefaultCard li { float:left; width: 24.8%; padding: 8px; margin: 30px 0;display: flex;display: -webkit-flex;display: -ms-flexbox; flex-wrap: wrap;-webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; } .sttlUkDefaultCard .sttlUkDefaultCardBox { background-color:#fff; box-shadow:0 0 51px rgba(0, 0, 0, 0.15); position: relative; } .sttlUkDefaultCard .sttlUkDefaultCardBox:before { position: absolute; bottom: -10px; left: 26px; right: 26px; background-color:#d37952; content:""; height: 10px; } .sttlUkDefaultCard .sttlUkDefaultCardBox:before, .sttlUkDefaultCard li:nth-child(5) .sttlUkDefaultCardBox:before { background-color:#d37952; } .sttlUkDefaultCard li:nth-child(2) .sttlUkDefaultCardBox:before, .sttlUkDefaultCard li:nth-child(6) .sttlUkDefaultCardBox:before { background-color:#8fae20; } .sttlUkDefaultCard li:nth-child(3) .sttlUkDefaultCardBox:before, .sttlUkDefaultCard li:nth-child(7) .sttlUkDefaultCardBox:before { background-color:#469be2; } .sttlUkDefaultCard li:nth-child(4) .sttlUkDefaultCardBox:before, .sttlUkDefaultCard li:nth-child(8) .sttlUkDefaultCardBox:before { background-color:#629520; } .sttlUkDefaultCard .sttlUkDefaultCardInner { padding:0 25px 25px 25px; min-height: 300px; } .sttlUkDefaultCard .imgHolder img { width: 100%; } .sttlUkDefaultCard h3 { font-size: 20px; margin-bottom: 15px; } .sttlUkDefaultCard p { margin-bottom: 0; } .whyChooseCloudSol { padding: 60px 0; } .whyChooseCloudSol h2 { text-align: center; } .whyChooseCloudSol .whyChoosePoint { margin: 0 -30px; padding: 0; list-style: none;display: flex;display: -webkit-flex;display: -ms-flexbox; flex-wrap: wrap;-webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; } .whyChooseCloudSol .whyChoosePoint li { float:left; width: 33.333%; padding: 30px;transition: all 0.3s ease-out;} .whyChooseCloudSol .whyChoosePoint li:hover {background: #ececec;box-shadow: 0 0 20px #cccccc52;border-radius: 0 20px;} .whyChooseCloudSol .whyChoosePoint .icon { width: 65px; height: 65px; margin-bottom: 25px; } .whyChooseCloudSol .whyChoosePoint .icon1 { background-position: -375px -228px; } .whyChooseCloudSol .whyChoosePoint .icon2 { background-position: -439px -228px; } .whyChooseCloudSol .whyChoosePoint .icon3 { background-position: -504px -228px; } .whyChooseCloudSol .whyChoosePoint .icon4 { background-position: -502px -161px; } .whyChooseCloudSol .whyChoosePoint .icon5 { background-position: 0 -320px; } .whyChooseCloudSol .whyChoosePoint .icon6 { background-position: -65px -321px; } .whyChooseCloudSol .whyChoosePoint p { margin-bottom: 0; } .cloudSolAwards .container { border-top: 1px solid #e7e7e7; padding-top: 60px; text-align: center; } .cloudSolAwards ul { margin: 0 0 30px 0; padding: 0; text-align: center; } .cloudSolAwards ul li { display: inline-block; vertical-align: middle; padding: 0 30px; position: relative; } .cloudSolAwards ul li:before { position: absolute; right: 0; top: 50%; margin-top: -15px; height: 30px; width: 1px; content:""; background-color: #d7d7d7; } .cloudSolAwards ul li:last-child:before { display: none; } /*************Mobile App Development*************/ .cuttingEdgeMobApp .increaseVisibilityList { background: url(../images/cutting-edge-mobile-app-bg.jpg) no-repeat center top; } .cuttingEdgeMobApp .increaseVisibilityList ul li { margin-bottom: 0; margin-top: 70px; } .cuttingEdgeMobApp .increaseVisibilityList ul.leftList li:first-child, .cuttingEdgeMobApp .increaseVisibilityList ul.leftList li:nth-child(3) { margin-left: 60px; } .cuttingEdgeMobApp .increaseVisibilityList ul.rightList li { margin-top: 70px; } .cuttingEdgeMobApp .increaseVisibilityList ul.rightList li:last-child {margin-top: 90px;margin-left: 50px;} .cuttingEdgeMobApp .shoppingAnswerWrap { padding: 40px 0 60px 0; margin: 0; } .cuttingEdgeMobApp .shoppingAnswer .leftBg {top: 0; bottom: auto;background: url(../images/shopping-answer-bg-left.jpg) no-repeat 0 0;} /*.cuttingEdgeMobApp .shoppingAnswer .leftTopBg { position: absolute; width: 165px; height: 165px; top: -165px; left: 0;background: url(../images/white-plus-bg.png) no-repeat 0 0;}*/ .cuttingEdgeMobApp .shoppingAnswer {background: #0d7099 url(../images/mobile-app-ans-bg.jpg) no-repeat right bottom;} .cuttingEdgeMobApp .shoppingAnswer .smallContainer {max-width: 1270px;} .cuttingEdgeMobApp .increaseVisibilityList ul li .icon1 {background-position: -518px -330px;} .cuttingEdgeMobApp .increaseVisibilityList ul li .icon2 {background-position: -467px -323px; height: 60px;} .cuttingEdgeMobApp .increaseVisibilityList ul li .icon3 {background-position: -417px -328px;} .cuttingEdgeMobApp .increaseVisibilityList ul li .icon4 {background-position: -363px -327px;} .cuttingEdgeMobApp .increaseVisibilityList ul li .icon5 {background-position: -246px -4px;} .customTabContent { display:none; } .mobileAllApp .customTab { position: relative; min-height: 384px; padding: 0 230px; } .mobileAllApp .tabNavigation { margin: 0; padding: 0; list-style: none; } .mobileAllApp .tabNavigation li { float:left; width: 172px; height: 172px; margin-bottom: 20px; position: absolute; } .mobileAllApp .tabNavigation li:first-child { left: 0; top: 0; } .mobileAllApp .tabNavigation li:nth-child(3) { left: 0; top: 192px; } .mobileAllApp .tabNavigation li:nth-child(2) { right: 0; top: 0; } .mobileAllApp .tabNavigation li:nth-child(4) { right: 0; top: 192px; } .mobileAllApp .tabNavigation li a { display: block; color: #535353; text-decoration: none; text-align: center; position: relative; border: 1px solid #6ca423; width:100%; height: 100%; } .mobileAllApp .tabNavigation li a .vCenter { left: 0; } .mobileAllApp .tabNavigation li a:hover, .mobileAllApp .tabNavigation li.active a { box-shadow: 0 0 40px rgba(0, 0, 0, 0.18);} .mobileAllApp .tabNavigation li:nth-child(2) a { border-color:#ff6b43; } .mobileAllApp .tabNavigation li:nth-child(3) a { border-color:#0d7099; } .mobileAllApp .tabNavigation li:nth-child(4) a { border-color:#f0ab00; } .mobileAllApp .tabNavigation li a:before, .mobileAllApp .tabNavigation li a:after { transition: all 0.3s ease 0ms; -webkit-transition: all 0.3s ease 0ms; } .mobileAllApp .tabNavigation li a:before { position: absolute; left: 100%; width: 0; top: -1px; bottom:-1px; content: ""; background-color: #6ca423; } .mobileAllApp .tabNavigation li.active a:before, .mobileAllApp .tabNavigation li:hover a:before { width: 4px; } .mobileAllApp .tabNavigation li a:after{ left: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(255, 118, 58, 0); border-left-color: #6ca423; border-width: 8px; margin-top: -8px; margin-left:-2px; opacity:0; visibility: hidden;} .mobileAllApp .tabNavigation li.active a:after, .mobileAllApp .tabNavigation li:hover a:after { opacity:1; visibility: visible; margin-left: 2px; } .mobileAllApp .tabNavigation li:nth-child(3) a:after { border-color: rgba(10, 86, 127, 0); border-left-color: #0a567f; } .mobileAllApp .tabNavigation li:nth-child(2) a:before, .mobileAllApp .tabNavigation li:nth-child(4) a:before { left:auto; right: 100%; } .mobileAllApp .tabNavigation li:nth-child(2) a:before { background-color: #ff6b43; } .mobileAllApp .tabNavigation li:nth-child(3) a:before { background-color: #0a567f; } .mobileAllApp .tabNavigation li:nth-child(4) a:before { background-color: #f0ab00; } .mobileAllApp .tabNavigation li:nth-child(2) a:after, .mobileAllApp .tabNavigation li:nth-child(4) a:after {right: 100%;border-color: rgba(255, 107, 67, 0); border-right-color: #ff6b43;margin-top: -8px; margin-top:0; border-left:0; left: auto; margin-left:0; margin-right: -2px;} .mobileAllApp .tabNavigation li.active:nth-child(2) a:after, .mobileAllApp .tabNavigation li:nth-child(2) a:hover:after, .mobileAllApp .tabNavigation li.active:nth-child(4) a:after, .mobileAllApp .tabNavigation li:nth-child(4) a:hover:after {margin-right: 2px;} .mobileAllApp .tabNavigation li:nth-child(4) a:after { border-color: rgba(240, 171, 0, 0);border-right-color: #f0ab00; } .mobileAllApp .tabNavigation li .imgHolder { margin-bottom:13px; display: block; } .mobileAllApp .customTab .tabContainer { text-align: center; } .mobileAllApp .customTab .tabContainer .imgHolder { margin-bottom: 20px; } .mobileAllApp .customTab .tabContainer h2 { font-size: 24px; margin-bottom: 15px; } .enterpriseMobility { background:url(../images/enterprise-mobility-bg.jpg) no-repeat right bottom; background-size:auto 100%; margin-bottom:-220px; padding-bottom: 250px; } .enterpriseMobility p { text-align: justify; } .mobileAppCapability { background-color: #565656; } .mobileAppCapability h2 { text-align: center; color: #fff; } .mobileAppCapList { margin: 0; padding: 0; list-style: none; text-align: center; } .mobileAppCapList li { float:left; width:16.66666666666667%; padding: 25px 3px; } .mobileAppCapList li .icon { width: 70px; height: 62px; display:block; margin: 0 auto; background:url(../images/mobile-apps-capability-icons.png) no-repeat 0 0; } .mobileAppCapList li .icon2 { background-position: -70px 0; } .mobileAppCapList li .icon3 { background-position: -140px 0; } .mobileAppCapList li .icon4 { background-position: -210px 0; } .mobileAppCapList li .icon5 { background-position: -280px 0; } .mobileAppCapList li .icon6 { background-position: -350px 0; } .mobileAppCapList li .icon7 { background-position: 0 -62px; } .mobileAppCapList li .icon8 { background-position: -70px -62px; } .mobileAppCapList li .icon9 { background-position: -140px -62px; } .mobileAppCapList li .icon10 { background-position: -210px -62px; } .mobileAppCapList li .icon11 { background-position: -280px -62px; } .mobileAppCapList li .icon12 { background-position: -350px -62px; } .mobileAppCapList li .icon13 { background-position: 0 -124px; } .mobileAppCapList li .icon14 { background-position: -70px -124px; } .mobileAppCapList li .icon15 { background-position: -140px -124px; } .mobileAppCapList li .icon16 { background-position: -210px -124px; } .mobileAppCapList li .icon17 { background-position: -280px -124px; } .mobileAppCapList li .icon18 { background-position: -350px -124px; } .mobileAppCapList li .icon19 { background-position: 0 -186px; } .mobileAppCapList li .icon20 { background-position: -70px -186px; } .mobileAppCapList li .icon21 { background-position: -140px -186px; } .mobileAppCapList li .icon22 { background-position: -210px -186px; } .mobileAppCapList li .icon23 { background-position: -280px -186px; } .mobileAppCapList li .icon24 { background-position: -350px -186px; } .mobileAppCapList li p { margin-bottom: 0; color: #fff; font-size: 15px; } /*************SAP sales app page css start here*************/ /***SAP unveils section css start here***/ .sapUnveilsInn{max-width: 1080px; margin: 0 auto; width: 100%;text-align: center;} /***SAP unveils section css end here***/ /***key feture section css start here**/ .keyFeture{ background:#1d6f92 url(../images/key-feture-right-bg.jpg) no-repeat right bottom; position: relative; padding:50px 0 0; overflow: hidden;background-size: cover;} .keyFeture .leftBg { position: absolute; left: 0; right: 50%; height: 100%; top: 0; margin-right:0px; background-color: #f5f5f5; } .keyFetureTab { border: 0; } .keyFetureTab .keyFetureTabList { width: 350px; float: left; background-color: #f5f5f5; } .keyFetureTab .keyFetureTabList li { display: block; background: none; position: relative; } .keyFetureTab .keyFetureTabList li:before, .keyFetureTab .keyFetureTabList li:after, .keyFetureTab .keyFetureTabList li a:before { transition: all 0.5s ease 0ms; -webkit-transition: all 0.5s ease 0ms; } .keyFetureTab .keyFetureTabList li:before { position: absolute; left: 100%; width: 0; top: 0; height: 100%; content: ""; background-color: #ff763a; } .keyFetureTab .keyFetureTabList li.r-tabs-state-active:before, .keyFetureTab .keyFetureTabList li:hover:before { width: 4px; } .keyFetureTab .keyFetureTabList li:after{ left: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(255, 118, 58, 0); border-left-color: #ff763a; border-width: 8px; margin-top: -8px; margin-left:-2px; opacity:0; visibility: hidden;} .keyFetureTab .keyFetureTabList li.r-tabs-state-active:after, .keyFetureTab .keyFetureTabList li:hover:after { opacity:1; visibility: visible; margin-left: 2px; } .keyFetureTab .keyFetureTabList li a { display: block; position: relative; padding: 25px 10px 25px 60px; font-size: 16px; color: #393939; font-weight: 600; background: none; } .keyFetureTab .keyFetureTabList li .icon { position: absolute; left: 0; top: 50%; margin-top: -19px; } .keyFetureTab .keyFetureTabList li .icon1 { background-position: -8px -463px;width: 38px;height: 37px;} .keyFetureTab .keyFetureTabList li .icon2 { background-position:-56px -464px;width: 35px;height: 35px;} .keyFetureTab .keyFetureTabList li .icon3 { background-position:-103px -462px;width: 35px;height: 29px;} .keyFetureTab .keyFetureTabList li .icon4 { background-position:-152px -464px;width: 37px;height: 31px;} .keyFetureTab .keyFetureTabList li .icon5 { background-position:-198px -463px;width: 24px;height: 41px;} .keyFetureTab .keyFetureTabList li .icon6 { background-position:-231px -463px;width: 33px;height: 35px;} .keyFetureTab .keyFetureTabList li .icon7 { background-position:-281px -464px;width: 32px;height: 37px;} .keyFetureTab .keyFetureTabList li .icon8 { background-position:-320px -464px;width: 34px;height: 29px;} .keyFetureTab .keyFetureTabList li .icon9 { background-position:-368px -465px;width: 33px;height: 33px;} .keyFetureTab .keyFetureTabList li a .titleText { position: relative; z-index: 1; } .keyFetureTab .keyFetureTabList li.r-tabs-state-active a { background: none; color: #000; } .keyFetureTab .keyFetureTabList li a:before { position: absolute; right: 0; top: 0; height: 100%; width: 0; content: ""; background: rgba(255,255,255,1); background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 6%, rgba(166,213,240,1) 58%, rgba(52,167,233,1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(6%, rgba(255,255,255,1)), color-stop(58%, rgba(166,213,240,1)), color-stop(100%, rgba(52,167,233,1))); background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 6%, rgba(166,213,240,1) 58%, rgba(52,167,233,1) 100%); background: -o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 6%, rgba(166,213,240,1) 58%, rgba(52,167,233,1) 100%); background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 6%, rgba(166,213,240,1) 58%, rgba(52,167,233,1) 100%); background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 6%, rgba(166,213,240,1) 58%, rgba(52,167,233,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#34a7e9', GradientType=1 );} .keyFetureTab .keyFetureTabList li.r-tabs-state-active a:before, .keyFetureTab .keyFetureTabList li a:hover:before { width: 540px; } .keyFetureTab .keyFetureTabDetail { padding-left:780px; padding-top:50px; } .keyFetureTab .keyFetureTabDetail h2 { color: #fff; font-size: 24px; } .keyFetureTab .keyFetureTabDetail p { color: #fff; } .keyFetureTab .keyFetureTabDetailBox { max-width: 420px; width: 100%; } /*.keyFetureTab .tabContent { position: relative; }*/ .keyFetureTab .tabContent .rightImgHolder { position: absolute;left: 0; right: 0;bottom:0; width:414px; transition: all 0.7s ease 0ms; -webkit-transition: all 0.7s ease 0ms; margin: 0 auto;} .keyFetureTabTitle{max-width: 350px;} .keyFetureTabDetailBox .bulletBox li{color: #fff;} .keyFetureTabDetailBox .bulletBox li:before{background-color: #fff;width: 7px; height: 7px;} /***key feture section css end here**/ /***sales app help section css start here***/ .salesAppHelpInn > h2{text-align: center; margin-bottom: 53px;} .helpBoxCommon h2{font-size: 24px;color: #242173;position: relative;} .helpBoxCommon h2:before{background-image: url(../images/sprite.png);background-repeat:no-repeat;position: absolute; content: ''; left:-71px; top:15px; bottom: 0; margin: auto;} .dedicated .helpBoxCommon h2:before{background-position:-5px -390px;width: 60px;height: 57px;} .RealTime .helpBoxCommon h2:before{background-position:-80px -392px;width: 54px;height: 54px;} .easeUse .helpBoxCommon h2:before{background-position:-143px -392px;width: 49px;height: 49px;} .helpBoxCommon{padding: 49px 35px 25px 106px;position: relative;background-color: #fff;box-shadow: 5px 0 51px rgba(0,0,0,0.15);min-height: 230px;} .helpBoxCommon:before{position: absolute;content: '';left: 28px;right: 28px;top: 0;bottom: -10px;background-color: transparent;z-index: -1;} .dedicated .helpBoxCommon:before{background-color: #df9f00;} .RealTime .helpBoxCommon:before{background-color: #49a1ea;} .easeUse .helpBoxCommon:before{background-color: #649820;} /***sales app help section css end here***/ /***system requirement section css start here***/ .systemRequir{background:url(../images/system-requirement-bg.jpg) no-repeat 0 0;background-size: cover;} .systemReqInn > h2{text-align: center; color: #fff;} .commonRequiBox{padding: 0 30px 0 50px;position: relative;} .commonRequiBox:after{position: absolute; content: ''; height: 225px;width: 1px; background-color: #606060; right:6px; top:-9px;} .sapBox .commonRequiBox:after{display: none;} .iosBox .commonRequiBox:after{right: -31px;} .androidBox .commonRequiBox{padding-left: 13px;} .commonRequiBox h2{color:#fff;font-size: 24px;padding-left: 53px; margin-bottom: 31px;position: relative;} .commonRequiBox h2:before{position: absolute; content:''; left: 0; top:-12px; background-image: url(../images/sprite.png); background-repeat: no-repeat;} .androidBox .commonRequiBox h2:before{background-position: -208px -391px;width: 41px;height: 49px;} .iosBox .commonRequiBox h2:before{background-position:-255px -390px;width: 38px;height: 50px;} .sapBox .commonRequiBox h2:before{background-position:-303px -391px;width: 70px;height: 35px;top: 0;} .commonRequiBox ul.bulletBox li{color:#fff;margin-bottom: 11px;} .sapBox .commonRequiBox h2{font-weight: 400;font-size: 16px; padding-left: 71px;line-height: 1;} .sapBox .commonRequiBox {padding-left: 108px; padding-right: 36px;} .requirmentPoint{border-bottom: 1px solid #606060; padding-top: 50px;} .requirmentPoint .bulletBox li:before{width: 6px; height: 6px;} .languageSupport{text-align: center;font-weight: 600;color: #fff;margin-bottom: 0; margin-top: 33px;} /***system requirement section css end here***/ /**connection flow section css start here***/ .connectionFlowinn h2{text-align: center;} .connectionFlowChart ul li{list-style: none; width:21.5%; display: inline-block;vertical-align: middle;position: relative;} .connectionFlowChart ul li:after{position: absolute; content: ''; right:15px; top: 0;background-image: url(../images/chart-sepprate-icon.png); background-repeat: no-repeat; background-size: 100%;width: 35px; height: 30px;margin: auto; bottom: 0;} .connectionFlowChart ul li:last-child:after{display: none;} .chartRound{width: 137px; height: 137px; border-radius: 50%; background-color: #4eacfb; position: relative; display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;align-items: center;justify-content: center;} .chartRound:before{position: absolute; content: ''; left:8px; right: 8px; top: 8px; bottom: 8px; border-radius: 50%;border: 1px solid #fff;} .connectionFlowChart{max-width: 984px; margin: 0 auto;} .fireWall .chartRound{background-color: #9dbf23;} .compantDb .chartRound{background-color: #f0ab00;} .connectionFlowChart ul li:nth-child(3){width:34%;} .middleImg .chartRound{width: 262px; height: 262px; background-color: transparent;border: 10px solid #e9865b;} .connectionFlowChart ul{padding: 0; margin: 0;} .flowChartBox > span{ max-width: 137px;margin: 20px 0 0 0;display: block;text-align: center;} .appDownloadList li{display: inline-block;} .downloadApps{margin-top:75px;border-top: 1px solid #d5d5d5;padding-top: 40px;} .downloadApps span{font-size: 16px;color: #242173;font-weight: 600;text-align: center; display: block;margin-bottom: 25px;} .chartRound em{background-image: url(../images/sprite.png);background-repeat: no-repeat;display: inline-block; vertical-align: middle;background-position: -392px -392px;width: 34px;height: 60px;} .fireWall .chartRound em{background-position:-439px -391px;width: 47px;height: 58px;} .compantDb .chartRound em{background-position:-496px -391px;width: 55px;height: 50px;} /**connection flow section css end here***/ /*************SAP sales app page css end here*************/ /*************Brochure*************/ .brochures { padding-bottom: 40px; } .brochuresList { margin: 0 -10px; padding: 0; list-style:none; display: flex;display: -webkit-flex;display: -ms-flexbox; flex-wrap: wrap;-webkit-flex-wrap: wrap; -ms-flex-wrap: wrap;} .brochuresList li { width: 25%; padding: 10px; } .brochuresList .imgHolder { position: relative; margin-bottom: 20px; } .brochuresList .imgHolder img { width: 100%; } .brochuresList h2 { font-size: 18px; } .brochuresList h2 a { color: #242173; text-decoration: none; } .brochuresList li:hover h2 a { color: #ff763a; } .downloadBrochure { position: absolute; right:0; bottom: 0; background-color:#ff763a; overflow: hidden; width: 40px; height: 40px; display:block; text-indent: -9999px; } .downloadBrochure:before { position:absolute; width:20px; height:18px; left:10px; top:10px; animation:mouseMove .6s alternate infinite ease-out; -webkit-animation:mouseMove .6s alternate infinite ease-out;content:""; transition:all .3s linear;-webkit-transition:all .3s linear; background:url(../images/download-white-icon.png) no-repeat center center; } @-webkit-keyframes mouseMove { 0% {top:4px} 100% {top:17px} } @keyframes mouseMove { 0% {top:4px} 100% {top:17px} } .brochureRelaLink .ebookRow { background:url(../images/download-ebook-small-bg.jpg) no-repeat 0 0; background-size:cover; } .brochureRelaLink .videoRow { background:url(../images/videos-small-bg.jpg) no-repeat 0 0; background-size:cover; } .brochureRelaLink .ebookRow, .brochureRelaLink .videoRow { padding: 30px; min-height:146px; } /*.brochureRelaLink .videoRow { padding-top: 42px; }*/ .brochureRelaLink p { margin-bottom: 0; color: #fff; font-size: 22px; font-weight: 300; } .brochureRelaLink .rightCol { text-align: right; padding-top: 20px; } .brochureRelaLink .button { background-color: #fff; color: #535353; width: 100%; text-align: center; padding: 10px 0px;} .brochureRelaLink .button:hover { background-color: #ffd144; color: #222; } .downloadPopup, .downloadPopup h2 { background: #252274; } .downloadPopup h2 { padding: 0px 0 10px 0; font-size: 22px; text-transform: uppercase; } .downloadPopup { max-width: 820px; padding: 23px; } .downPopContainer { padding: 20px 35px; background-color: #fff; box-shadow: 0 0 8px rgba(0, 0, 0, 0.22); } .downloadPopForm .fieldRow { margin: 0 -10px; } .downloadPopForm .fieldCol { float:left; width: 50%; padding: 10px 15px;position: relative;} .downloadPopForm .fullWidth .fieldCol {width:100%; } .downloadPopForm input[type="text"], .downloadPopForm input[type="email"], .downloadPopForm input[type="tel"], .downloadPopForm input[type="number"], .downloadPopForm input[type="url"], .downloadPopForm input[type="password"], .downloadPopForm input[type="search"], .downloadPopForm select{ border: 1px solid #b2b2b2; height: 50px; padding: 0px 20px; font-size: 16px; color: #535353; } .downloadPopForm span.customSelect { border: 1px solid #b2b2b2; height: 50px !important; font-size: 16px !important; color: #535353 !important; padding: 15px 20px; } .downloadPopForm textarea { border: 1px solid #b2b2b2; height: 80px; padding: 15px 20px; font-size: 16px; color: #535353; } .downloadPopup p { font-size: 14px; margin-bottom: 5px; } .downloadPopup p.checkBox { position: relative; padding-left: 20px; } .downloadPopup p.checkBox input[type="checkbox"] { position: absolute; left: 0; top: 6px; } .downloadPopForm .btnRowWrap .feildInput { float:left; } .downloadPopForm .btnRowWrap .btnRow { float:right; margin: 0; padding: 0; } /*************SAP business one page css start here*************/ /***know whats section css start here***/ .knowWhatsInn{text-align: center;} .knowWhatsInn p span{font-weight: 600;} /***know whats section css end here***/ /***sap business one section css start here***/ .businessOne{background-color: #f2f2f2;} .businessOne{position: relative;} /*.businessOne:before{position: absolute; content: ''; left: 0; top: 0; background:url(../images/white-plus-left-top-bg.png) no-repeat; background-size: 100%;width: 165px; height: 165px;}*/ .titleLogo span{font-size: 20px;color: #5e5e5e;font-weight: 700;font-family: 'Open Sans', sans-serif;display: block;line-height: 1;margin-top: 8px;} .titleLogo{margin-bottom: 23px;} .cols6.businessOneContent{padding-left: 54px;position: relative;} /*.cols6.businessOneContent:before{position: absolute; content:'';left:23px; top: 0; bottom: 0; height: auto;width: 1px; background-color: #1e7092;}*/ .videoFrame iframe {margin-bottom: 0;width: 100%; vertical-align: bottom;} .videoBox{background-color: #fff;position: relative;} .videoFrame{position: relative;box-shadow: -4px -22px 73px rgba(0,0,0,0.18);} .videoFrame:before{position: absolute;content: ''; right: 0; top: 0; bottom: 0; margin: auto;width: 1px;background-color: #bcbcbc;height: 255px;} .videoTitle{display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;justify-content: space-between;padding:25px 25px;position: relative;} .videoText h3{margin-bottom:5px;font-size: 18px;} .videoText p{margin-bottom: 0;} .videoTitle:before{position: absolute; content: '';right: 0; bottom: 0; width: 0;height: 0;border-bottom: 60px solid #f2f2f2;border-left:60px solid transparent;} /***sap business one section css end here***/ /***go digital business section css start here***/ /*.godigitalBg{background:url(../images/system-requirement-bg.jpg) no-repeat 0 0;background-size: cover;height: 525px;}*/ .goDigitalInn h2{text-align: center; color: #fff;} .godigital .godigitalBg { display: none; } .gosixStep ul li{list-style: none;width: 16.66666666666667%; float: left;text-align: center;position: relative;} .gosixStep ul li:before{position: absolute;content: '';width: 1px; height: 23px;background-color: #808485;bottom: -71px;} .gosixStep .stepIcon{background-image: url(../images/sprite.png); background-repeat: no-repeat; display: inline-block; vertical-align: middle;} .gosixStep .stepIcon1{background-position: -382px -680px;width: 63px;height: 69px;} .gosixStep .stepIcon2{background-position: -454px -679px;width: 36px;height: 64px;} .gosixStep .stepIcon3{background-position:-506px -680px;width: 56px;height: 62px;} .gosixStep .stepIcon4{background-position:-12px -755px;width: 78px;height: 53px;} .gosixStep .stepIcon5{background-position:-706px -834px;width: 67px;height: 67px;} .gosixStep .stepIcon6{background-position:-99px -751px;width: 64px;height: 64px;} .stepBox h3{display: inline-block; vertical-align: middle; font-size: 90px;color: #8c9497;line-height: 1; margin-bottom: 0;padding-left: 3px;} .gosixStep ul li p{color: #fff;font-weight: 700;position: relative; padding-bottom: 17px;margin-bottom: 0;} .gosixStep ul li p:before{position: absolute;content: ''; bottom: 0; left: 0; background-image: url(../images/six-step-bottom-line.png); background-repeat: no-repeat;width: 115px; height: 4px;right: 0; margin: 0 auto;} .gosixStep {position: relative;padding-bottom: 47px;} .gosixStep:after{position: absolute;content: ''; left:0; right:0; bottom: 0;height: 1px; background-color: #808485;width:100%; margin: 0 auto;} .hexagonShape{width:156px;background: #257ca0;position: relative;margin: 0 auto;padding: 22px 0;text-align: center;} .hexagonShape:before {content: "";position: absolute;top: -46px;left: 0;width: 0;height: 0;border-left:78px solid transparent;border-right:78px solid transparent;border-bottom:46px solid #257ca0;} .hexagonShape:after {content: "";position: absolute;bottom: -46px;left: 0;width: 0;height: 0;border-left: 78px solid transparent;border-right:78px solid transparent;border-top:46px solid #257ca0;} .savenStep ul{list-style: none;} .savenStep ul li{width: 14.28571428571429%; float: left;position: relative; text-align: center;} .savenStep ul li:before{position: absolute;content: '';width: 1px; height: 23px;background-color: #808485;top: -116px;} .hexagonShape span{color: #fff;font-weight: 600;line-height: 1.35;display: block;} .hexagonShape span:after{position: absolute;content: '';background-image: url(../images/hexagon-white-border-img.png); background-repeat: no-repeat; width: 142px; height: 162px;left: 0; top:-39px; right: 0; bottom: 0;z-index: 11;margin: 0 auto;} .savenStep{margin-top: 115px;} .hexagonShape.shape2 {background: #10a797; } .hexagonShape.shape2:before{ border-bottom-color: #10a797;} .hexagonShape.shape2:after{border-top-color:#10a797;} .hexagonShape.shape4 {background: #9dbf23; } .hexagonShape.shape4:before{ border-bottom-color: #9dbf23;} .hexagonShape.shape4:after{border-top-color:#9dbf23;} .hexagonShape.shape5 {background: #ff6b43; } .hexagonShape.shape5:before{ border-bottom-color: #ff6b43;} .hexagonShape.shape5:after{border-top-color:#ff6b43;} .hexagonShape.shape6 {background: #e9865b; } .hexagonShape.shape6:before{ border-bottom-color: #e9865b;} .hexagonShape.shape6:after{border-top-color:#e9865b;} .hexagonShape.shape7 {background: #dfa72d; } .hexagonShape.shape7:before{ border-bottom-color: #dfa72d;} .hexagonShape.shape7:after{border-top-color:#dfa72d;} .hexagonShape.shape3 {padding: 12px 0; background: #6ca423; } .hexagonShape.shape3:before{ border-bottom-color: #6ca423;} .hexagonShape.shape3:after{border-top-color:#6ca423;} .sapBusiVideoBox iframe{width: 100%;} .sapBusiVideoBox{background-color:#fff; box-shadow:1px 0 15px rgba(0,0,0,0.15);padding: 15px;} .oneFeture .sapBusiVideoBox h2{font-size:18px;text-align: left; margin-bottom: 15px;} /***go digital business section css end here***/ /***buness one feture section css start here***/ .sapBusiVideo{text-align: center;border-bottom: 1px solid #dcdcdc;padding-bottom: 74px;} .sapBusiVideo .button{text-decoration: none; display: inline-block;padding: 18px 92px 18px 24px; border-radius: 10px;position: relative;font-size: 16px;font-weight: 400;text-align: left;} .sapBusiVideo a:before{position: absolute; content: '\f01d';right:20px;top:30px;font-family:FontAwesome;font-size:35px;font-weight: 400;} .sapBusiVideo a span{font-weight: 600;} .oneFetureTitle{text-align: center; padding-top: 70px;} .oneFeture h2{color: #000;text-align: center;} .oneFetureTab { border: 0; } .oneFetureTab:before {display: block;position: absolute;left: 0;top: 0;bottom: 0;content:"";background-color: #242173;width: 297px;} .oneFetureTab .oneFetureTabList { width:297px; float: left; background-color: #2f80a1;border: 1px solid #cccccc; padding-bottom: 15px;} .oneFetureTab .oneFetureTabList li { display: block; background: none; position: relative;padding: 0 20px;} .oneFetureTab .oneFetureTabList li:before, .oneFetureTab .oneFetureTabList li:after, .oneFetureTab .oneFetureTabList li a:before { transition: all 0.5s ease 0ms; -webkit-transition: all 0.5s ease 0ms; } .oneFetureTab .oneFetureTabList li:before {position: absolute;left: 100%;width: 0;top: 0;height: 100%;content: "";background-color: #de463b;} .oneFetureTab .oneFetureTabList li.r-tabs-state-active:before, .oneFetureTab .oneFetureTabList li:hover:before { width: 4px; } .oneFetureTab .oneFetureTabList li:after{ left: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(255, 118, 58, 0); border-left-color: #ff763a; border-width: 8px; margin-top: -8px; margin-left:-2px; opacity:0; visibility: hidden;} .oneFetureTab .oneFetureTabList li.r-tabs-state-active:after, .oneFetureTab .oneFetureTabList li:hover:after { opacity:1; visibility: visible; margin-left: 2px; } .oneFetureTab .oneFetureTabList li a {display: block;position: relative;padding: 22px 0px 22px 5px;font-size: 16px;color: #fff;font-weight: 400;background: none;border-bottom: 1px solid #342ec7;} .oneFetureTab .oneFetureTabList li:last-child a{border-bottom: 0;} .oneFetureTab .oneFetureTabList li a:after{position: absolute;content: '';left:-4px;top:30px;width: 4px;height: 4px;background-color: #726dff;border-radius: 50%;} .oneFetureTab .oneFetureTabList li a .titleText { position: relative; z-index: 1; } .oneFetureTab .oneFetureTabList li.r-tabs-state-active a { background: none; color: #fff;border-bottom: 0;} .oneFetureTab .oneFetureTabList li a:before {position: absolute;right:-20px;top: 0;height: 100%;width: 0;content: "";background: rgb(36 33 115);background: -moz-linear-gradient(to right, rgb(20 17 88) 0%, rgb(21 17 101) 100%);background: -ms-linear-gradient(to right, rgb(20 17 88) 0%, rgb(21 17 101) 100%);background: linear-gradient(to right, rgb(20 17 88) 0%, rgb(21 17 101) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#277194', endColorstr='#17567a', GradientType=1 );} .oneFetureTab .oneFetureTabList li.r-tabs-state-active a:before, .oneFetureTab .oneFetureTabList li a:hover:before { width:295px; } .oneFetureTabDetail{padding-left:300px;} .oneFetureTabImg{background:url(../images/one-feture-tab-img.jpg)no-repeat 0 0; background-size: cover;height: 180px;position: relative;} .tabImgLogo{position: absolute; right:24px; bottom:24px;} .resTab .oneFetureTabDetail .tabContent{padding: 10px;} .oneFetureTabMain{box-shadow:5px 0 29px rgba(0,0,0,0.14); margin-top: 40px;} .oneFetureTabMain .tabContentBox { padding: 15px; } .oneFetureTabMain .tabContentBox h3 { font-size: 18px; } .oneFetureDetailBox ul{display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;flex-wrap: wrap;-webkit-flex-wrap: wrap;list-style: none;margin-top: 35px;padding: 0;justify-content: center;} .oneFetureDetailBox ul li{width: 24.8%;border-right: 1px solid #e5e5e5; padding: 0px 15px 30px;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex; float:left;} .oneFetureDetailBox ul li .iconWrap{text-decoration: none;display: block;text-align: center;border-bottom: 2px solid #efefef; padding-bottom: 30px;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;flex-direction: column;-wbkit-flex-direction:column;align-items: center;-webkit-align-items:center;width: 100%;} .oneFetureDetailBox ul li .iconWrap p{margin-bottom: 0;font-size: 16px;color: #535353;} .oneFetureDetailBox .comIcon{background:url(../images/sap-one-feture-sprite.png)no-repeat; display: inline-block; vertical-align: middle;margin-bottom: 15px;width: 51px; height: 51px;} .oneFetureDetailBox .comIcon.icon{background-position:0px 0px;} .oneFetureDetailBox .comIcon.icon2{background-position:-51px 0px;} .oneFetureDetailBox .comIcon.icon3{background-position:-102px 0px;} .oneFetureDetailBox .comIcon.icon4{background-position:-153px 0px;} .oneFetureDetailBox .comIcon.icon5{background-position:-204px 0px;} .oneFetureDetailBox .comIcon.icon6{background-position:-256px 0px;} .oneFetureDetailBox .comIcon.icon7{background-position:-307px 0px;} .oneFetureDetailBox .comIcon.icon8{background-position:-367px 0px;} .oneFetureDetailBox .comIcon.icon9{background-position:-418px 0px;} .oneFetureDetailBox .comIcon.icon10{background-position:0px -51px;} .oneFetureDetailBox .comIcon.icon11{background-position:-51px -51px;} .oneFetureDetailBox .comIcon.icon12{background-position:-102px -51px;} .oneFetureDetailBox .comIcon.icon13{background-position:-153px -51px;} .oneFetureDetailBox .comIcon.icon14{background-position:-209px -51px;} .oneFetureDetailBox .comIcon.icon15{background-position:-256px -51px;} .oneFetureDetailBox .comIcon.icon16{background-position:-307px -51px;} .oneFetureDetailBox .comIcon.icon17{background-position:-358px -51px;} .oneFetureDetailBox .comIcon.icon18{background-position:-418px -51px;} .oneFetureDetailBox .comIcon.icon19{background-position:0px -102px;} .oneFetureDetailBox .comIcon.icon20{background-position:-51px -102px;} .oneFetureDetailBox .comIcon.icon21{background-position:-102px -102px;} .oneFetureDetailBox .comIcon.icon22{background-position:-153px -102px;} .oneFetureDetailBox .comIcon.icon23{background-position:-205px -102px;} .oneFetureDetailBox .comIcon.icon24{background-position:-257px -102px;} .oneFetureDetailBox .comIcon.icon25{background-position:-308px -102px;} .oneFetureDetailBox .comIcon.icon26{background-position:-361px -102px;} .oneFetureDetailBox .comIcon.icon27{background-position:-418px -102px;} .oneFetureDetailBox .comIcon.icon28{background-position:0px -153px;} .oneFetureDetailBox .comIcon.icon29{background-position:-51px -153px;} .oneFetureDetailBox .comIcon.icon30{background-position:-102px -153px;} .oneFetureDetailBox .comIcon.icon31{background-position:-153px -153px;} .oneFetureDetailBox .comIcon.icon32{background-position:-204px -153px;} .oneFetureDetailBox .comIcon.icon33{background-position:-258px -153px;} .oneFetureDetailBox .comIcon.icon34{background-position:-307px -153px;} .oneFetureDetailBox .comIcon.icon35{background-position:-361px -153px;} .oneFetureDetailBox .comIcon.icon36{background-position:-418px -153px;} .oneFetureDetailBox .comIcon.icon37{background-position:0px -205px;} .oneFetureDetailBox .comIcon.icon38{background-position:-0px -672px;} .oneFetureDetailBox .comIcon.icon39{background-position:-51px -672px;} .oneFetureDetailBox .comIcon.icon40{background-position:-102px -672px;} .oneFetureDetailBox .comIcon.icon41{background-position:-51px -205px;} .oneFetureDetailBox .comIcon.icon42{background-position:-102px -205px;} .oneFetureDetailBox .comIcon.icon43{background-position:-153px -205px;} .oneFetureDetailBox .comIcon.icon44{background-position:-204px -205px;} .oneFetureDetailBox .comIcon.icon45{background-position:-258px -205px;} .oneFetureDetailBox .comIcon.icon46{background-position:-307px -205px;} .oneFetureDetailBox .comIcon.icon47{background-position:-358px -205px;} .oneFetureDetailBox .comIcon.icon48{background-position:-410px -205px;} .oneFetureDetailBox .comIcon.icon49{background-position:0px -257px;} .oneFetureDetailBox .comIcon.icon50{background-position:-51px -257px;} .oneFetureDetailBox .comIcon.icon51{background-position:-102px -257px;} .oneFetureDetailBox .comIcon.icon52{background-position:-153px -257px;} .oneFetureDetailBox .comIcon.icon53{background-position:-204px -257px;} .oneFetureDetailBox .comIcon.icon54{background-position:-255px -257px;} .oneFetureDetailBox .comIcon.icon55{background-position:-311px -257px;} .oneFetureDetailBox .comIcon.icon56{background-position:-361px -257px;} .oneFetureDetailBox .comIcon.icon57{background-position:-412px -257px;} .oneFetureDetailBox .comIcon.icon58{background-position:0px -309px;} .oneFetureDetailBox .comIcon.icon59{background-position:-51px -309px;} .oneFetureDetailBox .comIcon.icon60{background-position:-102px -309px;} .oneFetureDetailBox .comIcon.icon61{background-position:-153px -309px;} .oneFetureDetailBox .comIcon.icon62{background-position:-204px -309px;} .oneFetureDetailBox .comIcon.icon63{background-position:-259px -309px;} .oneFetureDetailBox .comIcon.icon64{background-position:-311px -309px;} .oneFetureDetailBox .comIcon.icon65{background-position:-362px -309px;} .oneFetureDetailBox .comIcon.icon66{background-position:-412px -309px;} .oneFetureDetailBox .comIcon.icon67{background-position:-0px -361px;} .oneFetureDetailBox .comIcon.icon68{background-position:-51px -361px;} .oneFetureDetailBox .comIcon.icon69{background-position:-102px -361px;} .oneFetureDetailBox .comIcon.icon70{background-position:-153px -361px;} .oneFetureDetailBox .comIcon.icon71{background-position:-204px -361px;} .oneFetureDetailBox .comIcon.icon72{background-position:-261px -361px;} .oneFetureDetailBox .comIcon.icon73{background-position:-311px -361px;} .oneFetureDetailBox .comIcon.icon74{background-position:-362px -361px;} .oneFetureDetailBox .comIcon.icon75{background-position:-411px -361px;} .oneFetureDetailBox .comIcon.icon76{background-position:0px -413px;} .oneFetureDetailBox .comIcon.icon77{background-position:-51px -413px;} .oneFetureDetailBox .comIcon.icon78{background-position:-102px -413px;} .oneFetureDetailBox .comIcon.icon79{background-position:-153px -413px;} .oneFetureDetailBox .comIcon.icon80{background-position:-204px -413px;} .oneFetureDetailBox .comIcon.icon81{background-position:-259px -413px;} .oneFetureDetailBox .comIcon.icon82{background-position:-311px -413px;} .oneFetureDetailBox .comIcon.icon83{background-position:-362px -413px;} .oneFetureDetailBox .comIcon.icon84{background-position:-412px -413px;} .oneFetureDetailBox .comIcon.icon85{background-position:-0px -465px;} .oneFetureDetailBox .comIcon.icon86{background-position:-51px -465px;} .oneFetureDetailBox .comIcon.icon87{background-position:-102px -465px;} .oneFetureDetailBox .comIcon.icon88{background-position:-153px -465px;} .oneFetureDetailBox .comIcon.icon89{background-position:-206px -465px;} .oneFetureDetailBox .comIcon.icon90{background-position:-261px -465px;} .oneFetureDetailBox .comIcon.icon91{background-position:-311px -465px;} .oneFetureDetailBox .comIcon.icon92{background-position:-362px -465px;} .oneFetureDetailBox .comIcon.icon93{background-position:-411px -465px;} .oneFetureDetailBox .comIcon.icon94{background-position:0px -517px;} .oneFetureDetailBox .comIcon.icon95{background-position:-51px -517px;} .oneFetureDetailBox .comIcon.icon96{background-position:-102px -517px;} .oneFetureDetailBox .comIcon.icon97{background-position:-153px -517px;} .oneFetureDetailBox .comIcon.icon98{background-position:-204px -517px;} .oneFetureDetailBox .comIcon.icon99{background-position:-261px -517px;} .oneFetureDetailBox .comIcon.icon100{background-position:-311px -517px;} .oneFetureDetailBox .comIcon.icon101{background-position:-361px -517px;} .oneFetureDetailBox .comIcon.icon102{background-position:-415px -517px;} .oneFetureDetailBox .comIcon.icon103{background-position:-0px -569px;} .oneFetureDetailBox .comIcon.icon104{background-position:-51px -569px;} .oneFetureDetailBox .comIcon.icon105{background-position:-102px -569px;} .oneFetureDetailBox .comIcon.icon106{background-position:-153px -569px;} .oneFetureDetailBox .comIcon.icon107{background-position:-204px -569px;} .oneFetureDetailBox .comIcon.icon108{background-position:-261px -569px;} .oneFetureDetailBox .comIcon.icon109{background-position:-311px -569px;} .oneFetureDetailBox .comIcon.icon110{background-position:-361px -569px;} .oneFetureDetailBox .comIcon.icon111{background-position:-411px -569px;} .oneFetureDetailBox .comIcon.icon112{background-position:0px -621px;} .oneFetureDetailBox .comIcon.icon113{background-position:-51px -621px;} .oneFetureDetailBox .comIcon.icon114{background-position:-102px -621px;} .oneFetureDetailBox .comIcon.icon115{background-position:-154px -621px;} .oneFetureDetailBox .comIcon.icon116{background-position:-204px -621px;} .oneFetureDetailBox .comIcon.icon117{background-position:-261px -621px;} .oneFetureDetailBox .comIcon.icon118{background-position:-311px -621px;} .oneFetureDetailBox .comIcon.icon119{background-position:-361px -621px;} .oneFetureDetailBox ul li:nth-child(4n+4){border-right: 0;} .oneFetureDetailBox ul.checkList{margin-bottom: 30px;} .oneFetureDetailBox ul.checkList li{width: 100%;padding-left: 35px;border: 0;padding-bottom: 0;margin-bottom:20px; text-align: left;} .oneFetureDetailBox .fetureDetailBoxInner { padding: 25px; } /*.oneFetureDetailBox ul li:nth-child(4n+4){border-right: 0;} .oneFetureDetailBox ul li:nth-last-child(1) a{border-bottom: 0;} .oneFetureDetailBox ul li:nth-last-child(2) a{border-bottom: 0;} .oneFetureDetailBox ul li:nth-last-child(1){padding-bottom: 0} .oneFetureDetailBox ul li:nth-last-child(2){padding-bottom: 0}*/ .tabBottomBox{margin-top:40px;} .tabBottomBox .twoBoxGroup{margin-bottom:31px;} .tabBottomBox .commonBoxes{padding:54px 32px 49px;position: relative;background-color: #fff;box-shadow: 5px 0 32px rgba(0,0,0,0.15);min-height: 431px;} .tabBottomBox .commonBoxes:before{position: absolute; content: ''; bottom:-10px; top:-10px; right:40px; left:40px; margin: 0 auto;background-color:transparent;z-index: -1;} .tabBottomBox .printOfSale .commonBoxes:before{background-color: #e18158;} .tabBottomBox .customerFile .commonBoxes:before{background-color: #237799;} .tabBottomBox .commonBoxes h2{font-size: 20px;color: #2e4074;} .oneFetureBG{position: absolute;z-index: -1;top: 50%;transform: translateY(-50%);-webkit-ransform: translateY(-50%); display:none;} .oneFeture{position: relative;margin-top:0px;} /***buness one feture section css end here***/ /***why SAP business One section css start here***/ .whybusinessOne{position: relative;} /*.whybusinessOne:before {position: absolute;content: '';left: 0;bottom:90px;background: url(../images/white-plus-left-top-bg.png) no-repeat;background-size: 100%;width: 165px;height: 165px;}*/ /***why SAP business One section css end here***/ /***best selling ERP section css start here***/ .bestSelling{background:#eeeeee url(../images/best-selling-bg-img.jpg)no-repeat 0 0;background-size: cover;} .bestSellingChart{position: relative;} .bestSellingChart h2{position: absolute; left: -60px; bottom: 0; right: 0; text-align: center;} /***best selling ERP section css end here***/ /***why choose silver touch section css start here***/ .whyChooseSilverInn h2{text-align: center;} .whyChooseSilverInn{margin-bottom: 50px;} .whyChooseSilverInn ul{list-style: none;margin: 70px -14px 0;} .whyChooseSilverInn ul li{float: left;width: 20%;padding: 0 14px;} .whyChooseSilverInn ul li p{margin-bottom: 0;} .whyChooseSilverInn ul li .icon{background-image: url(../images/sprite.png); display: inline-block; vertical-align: middle;background-repeat: no-repeat;margin-bottom: 20px;min-height: 55px;} .whyChooseSilverInn ul li .icon1{background-position:-414px -464px;width: 55px;height: 52px;} .whyChooseSilverInn ul li .icon2{background-position:-480px -463px;width: 46px;height: 51px;} .whyChooseSilverInn ul li .icon3{background-position:-8px -527px;width: 52px;height: 55px;} .whyChooseSilverInn ul li .icon4{background-position:-80px -528px;width: 69px;height: 47px;} .whyChooseSilverInn ul li .icon5{background-position:-159px -527px;width: 56px;height: 54px;} /***why choose silver touch section css end here***/ /*************SAP business one page css end here*************/ /*************SAP business one analytics and reporting page css start here*************/ /***simplify business process section css start here***/ .simplifyBusiness .shoppingFunList{background: url(../images/simplify-business-bg-img.png) no-repeat center bottom; height: 417px;position: relative;} .simplifyBusiness .shoppingFunList ul { margin:0; } .simplifyBusiness .shoppingFunList ul li{margin:0;} .simplifyBusiness .shoppingFunList ul li:first-child { margin-top: 90px; margin-left: 70px; } .simplifyBusiness .shoppingFunList ul li:nth-child(2) { margin-top: 75px;margin-right: 75px; } .simplifyBusiness .shoppingFunList ul li:nth-child(3) { position: absolute; left: 0; bottom: 50px; } .simplifyBusiness .shoppingFunList ul li:nth-child(4) { position: absolute; right: 0; bottom: 70px; width: 19%; } .shoppingFun .shoppingAnswer.getStarted{background:url(../images/get-started-bg-img.jpg) no-repeat 0 0; background-size:cover; padding: 110px 0 100px;} /***simplify business process section css end here***/ /***dashboard design section css start here***/ .designStep ul{list-style: none;margin: 0 -50px;padding: 0;} .designStep ul li{width: 25%; float: left;padding: 0 50px;} .designStep li h3{font-size: 24px;color: #242173;line-height: 1.2; margin-bottom: 18px;} .designStep{text-align: left; margin-top: 32px;} .mobileCompatible.dashboardDesign{position: relative;} .mobileCompatible.dashboardDesign:before {position: absolute;content: '';left: 0;right: 0;bottom: 0;height: 520px;background-color: #eeeeee;z-index: -1;} .designStep ul li p{margin-bottom: 0;} /***dashboard design section css end here***/ /***Analytics Tools section css start here***/ .analyticsTools{background:url(../images/analytics-tools-bg-img.jpg)no-repeat 0 0; background-size: cover;position: relative;} .analyticsTools:after{position: absolute; content: '';left: 0; right: 0; bottom:-25px; margin: 0 auto;width: 0; height: 0;border-left:87px solid transparent;border-right:87px solid transparent;border-top:58px solid #606568;} .analyticToolsInn h2{color: #fff;text-align: center;} .toolsStepBox{position: relative; padding-bottom: 26px;} .toolsStepBox:before{position: absolute; content: ''; left: 0; bottom: 0;background-image: url(../images/analytics-tools-step-border.png); background-repeat: no-repeat; background-size: 100%;height: 4px; width: 176px;margin: 0 auto;right: 0;} .toolsStepBox h3 {display: inline-block;vertical-align: middle;font-size: 90px;color: #8c9497;line-height: 1;margin-bottom: 0;padding-left: 3px;} .toolsStep ul{margin: 0 -39px;position: relative;padding-top:0px;} .toolsStep ul:before{position: absolute; content: ''; left:201px; width: 412px; height: 2px; background-color: #ffd143;top: 0;} .toolsStep ul:after{position: absolute; content: ''; right:201px; width: 412px; height: 2px; background-color: #ffd143;top: 0;} .toolsStep ul li{list-style: none;width:20%; float: left;text-align: center;position: relative; padding:58px 39px 0;position: relative;} .toolsStep ul li:nth-child(3):before{display: none;} .toolsStep ul li:nth-child(4):before, .toolsStep ul li:nth-child(5):before{transform: rotateY(180deg);-webkit-transform: rotateY(180deg);right: 150px;} .toolsStep ul li:before{ position: absolute;content: '';top: 0;right:70px; width:50px;height: 55px;border-left:2px solid #ffd143;border-top: 2px solid #ffd143;border-top-left-radius:35px;margin: 0 auto;} .toolsStepBox:after{width: 0;height: 0;border-left:5px solid transparent;border-right: 5px solid transparent;border-top:7px solid #ffd143;position: absolute; content: '';left:23px; right: 0;top: -3px; margin: 0 auto;} .toolsStep ul li:nth-child(3) .toolsStepBox:after{display: none;} .toolsStep ul li:nth-child(4) .toolsStepBox:after,.toolsStep ul li:nth-child(5) .toolsStepBox:after{left: 0; right: 42px;} .toolsStep .stepIcon{background-image: url(../images/sprite.png); background-repeat: no-repeat; display: inline-block; vertical-align: middle;} .toolsStep .stepIcon1{background-position: -182px -759px;width: 70px;height: 70px;} .toolsStep .stepIcon2{background-position:-264px -760px;width: 60px;height: 60px;} .toolsStep .stepIcon3{background-position:-335px -759px;width: 61px;height: 61px;} .toolsStep .stepIcon4{background-position:-408px -761px;width: 80px;height: 61px;} .toolsStep .stepIcon5{background-position:-502px -759px;width: 59px;height: 60px;} .toolsStep p{color: #fff;text-align: left;margin-top: 15px;} .toolsStep{position: relative; padding-top:81px;} .toolsStep:before{position: absolute;content:'';background-image: url(../images/analytics-center-arrow-img.png); background-repeat: no-repeat; background-size: 100%;width: 92px; height: 136px;left: 0; top: 0; right: 0; margin: 0 auto;} /***Analytics Tools section css end here***/ /***powered by hana section css start here***/ .poweredByHanaInn{max-width: 1030px; margin: 0 auto; width: 100%;} .poweredByHanaInn h2{text-align: center;color: #242173;} .poweredVideo{background-color: #fff; box-shadow:2px 0 60px rgba(0,0,0,0.20);position: relative;margin-top: 55px;} .poweredVideoText{position: absolute; bottom:30px; left: 0; right: 0;} .poweredVideoText p{color: #fff;; margin-bottom: 0;text-align: center;} /***powered by hana section css end here***/ /***analytics enquiry section css start here***/ .analyticsEnquiryInn{max-width: 1030px; margin: 0 auto; width: 100%;} .analyticsEnquiry{background:#eeeeee url(../images/analytics-enqiry-bg-img.jpg)no-repeat right 0;background-size: cover; margin-bottom: -250px;padding-bottom: 275px;} .cols4.analyticsEnquiryCon{padding-left: 0;} /***analytics enquiry section css end here***/ /*************SAP business one analytics and reporting page css end here*************/ /*************Contact page css start here*************/ /***contact form section css start here***/ .contactForm.commonContent{padding: 50px 0 0;position: relative;z-index: 1;margin-bottom: 80px;} .contactFormInn h2{text-align: center;} .contactForm.commonContent p {text-align: center;} .contactFormMain{background-color: #fff;box-shadow: 5px 0 73px rgba(0,0,0,0.19);padding:50px 37px;position: relative;margin-bottom: 0;} .contactFormMain:before{position: absolute;content: '';top: 0; bottom:-10px; left:178px; right:178px; background-color: #9cc238;z-index: -1;} .contactFormMain .feildCol { margin-bottom:0 } .contactFormMain .feildRow { border-bottom:0 none; padding:0; margin-bottom:40px } .contactFormMain .feildRow.grecaptcha, .commonPopupPopupForm .feildRow.grecaptcha { border-bottom:none } .contactFormMain .feildName { float:left; width:113px; padding-right:15px; line-height:1.3; position:relative; min-height:32px; z-index:1; display:none } .contactFormMain .feildInput { width:100%; padding-left:0; position:relative; min-height:35px; background-color:#fff } .contactFormMain .feildName label { font-size:14px; color:#323232; font-weight:600; padding-bottom:0 } .contactFormMain .star, label em { color:red; font-size:14px } .contactFormMain .feildName:before { background:#a8bdc9; height:100%; width:1px; right:0; top:0; content:""; position:absolute } .contactFormMain input[type="text"], .contactFormMain input[type="email"], .contactFormMain input[type="tel"], .contactFormMain input[type="number"], .contactFormMain input[type="url"], .contactFormMain input[type="password"], .contactFormMain input[type="search"], .contactFormMain select, .contactFormMain textarea { border:0 none; height:52px; padding:5px 0; border-bottom:1px solid #ccc; transition:all .5s ease-out;-webkit-transition:all .5s ease-out;padding-left:65px;background-color: transparent;color: #575757;} .contactFormMain input[type="text"]:focus, .contactFormMain input[type="email"]:focus, .contactFormMain input[type="tel"]:focus, .contactFormMain input[type="number"]:focus, .contactFormMain input[type="url"]:focus, .contactFormMain input[type="password"]:focus, .contactFormMain input[type="search"]:focus, .contactFormMain select:focus, .contactFormMain textarea:focus { border-bottom-color: #3192d9;} .contactFormMain .customSelectOuter { border:0 none; font-size:16px } .contactFormMain .customSelect { font-size:15px; line-height:42px; vertical-align:middle; } .contactFormMain .customSelectInner { height:52px; color: #535353;font-size: 16px;} .captchaFeildWarp { position:relative; padding-right:105px } .contactFormMain .captchaImage { position:absolute; right:0; top:0 } .contactFormMain .customSelect { height:52px!important;border-bottom:1px solid #ccc;transition:all .5s ease-out;-webkit-transition:all .5s ease-out;} .contactFormMain .selectServices select:focus + .customSelect{border-bottom-color:#3192d9;} .contactFormMain .phoneWithCode .phoneNoFeild{padding-left: 0} /*.contactFormMain .selectServices select{z-index: 11;font-size: 16px !important;padding-left: 0;}*/ .contactFormMain .grecaptcha .feildInput {float: left;padding: 0;width: auto;} .contactFormMain .btnRow.btnRight {text-align: right;padding: 0;} .contactFormMain .feildInput .fieldIcon{position: absolute; top:8px; left:23px;} .contactFormMain .feildInput .fieldIcon.nameIcon{background:url(../images/name-new.svg)no-repeat;width: 30px;height: 30px;background-size: 30px;} .contactFormMain .feildInput .fieldIcon.emailIcon{background:url(../images/email-new.svg)no-repeat;width: 30px;height: 30px;background-size: 30px;} .contactFormMain .feildInput .fieldIcon.phoneIcon{background:url(../images/phone-new.svg)no-repeat;width: 30px;height: 30px;background-size: 30px;} .contactFormMain .feildInput .fieldIcon.companyIcon{background:url(../images/about-new.svg)no-repeat;width: 30px;height: 30px;background-size: 30px;} .contactFormMain .feildInput .fieldIcon.serviceIcon{background:url(../images/select-service.svg)no-repeat;width: 30px;height: 30px;background-size: 30px; z-index: 1;} .contactFormMain .feildInput .fieldIcon.budgetIcon{background-position:-671px -200px;width: 26px;height: 30px;} .contactFormMain .feildInput .fieldIcon.massageIcon{background:url(../images/message-new.svg)no-repeat;width: 30px;height: 30px;background-size: 30px;} .contactFormMain .globeIcon{position: absolute; left:23px; top:8px; background:url(../images/globe-icon.png)no-repeat; background-size: 100%; width:26px; height:26px;z-index: 1;} .contactFormMain .uploadIcon{position: absolute; left:23px; top:8px; background:url(../images/upload-file-icon.png)no-repeat; background-size: 100%; width:26px; height:26px;z-index: 1;} .contactFormMain .file-upload-button:after{display: none;} .contactFormMain .checkBox p{font-size: 14px;margin-bottom: 10px;color: #535353;} .contactFormMain .checkBox p a{text-decoration: none;color: #fe6b38;} .contactFormMain .checkBox p a:hover{text-decoration:underline;color: #fe6b38;} .contactFormMain .btnRow {padding-top: 0;margin-top: 0;} .checkBox{font-size: 14px;color: #535353;} .contactFormMain .grecaptcha .feildInput { float:left; padding:0; width:380px;} .contactFormMain .grecaptcha img {border: 1px solid #a8a8a8;border-bottom: 0;position: absolute;top: 17px;right: 0;} .contactFormMain .grecaptcha input[type=text]{padding-left: 10px;} /***contact form section css end here***/ /***locate-us section css start here***/ .locateUs{background: #231f72 url(../images/contct-us-bg.jpg)no-repeat 0 0; padding: 150px 0 90px;} .locateUsInn h2{color: #fff;text-align: center;margin-bottom:10px;} .locateUsInn > p{text-align: center;color: #fff;font-size: 24px;} .locateUsDetail{list-style: none;margin: 0 -58px;display: -webkit-box;display: -webkit-flex; display: -ms-flexbox;display: flex; -webkit-flex-wrap: wrap;flex-wrap: wrap;} .locateUsDetail li{list-style: none; width: 33.33%;display: inline-block;padding: 0 58px;border-right: 1px solid #4b8da8;} /*.headerRightCol ul.contactUs li {margin-top: -30px;}*/ .locateUsDetail li:last-child{border: 0;} .locateUsDetail li:last-child .locateBox { padding-left: 53px; } .locateUsDetail li h4{font-size: 28px;font-weight: 600;color: #fff;margin:20px 0px;position: relative;} .locateUsDetail li p{color: #fff;line-height: 1.6;margin: 0 0 20px 0;font-size: 22px;} .locateUsDetail li p a{color: #fff;text-decoration: none;} .locateUsDetail li p a:hover{text-decoration: underline;} .locateUsDetail li .locateBox{position: relative; padding-left: 50px;} .locateUsDetail li .locateBox:before{background:url(../images/sprite.png)no-repeat;position: absolute; content: '';left: 0; top: 0;} .locateUsDetail li:first-child .locateBox:before{background-position:-12px -836px;width: 29px;height: 38px;} .locateUsDetail li:nth-child(2) .locateBox:before{background-position:-47px -836px;width: 35px;height: 34px;} .locateUsDetail li:nth-child(3) .locateBox:before{background-position:-88px -836px;width: 38px;height: 27px;} .locateUsDetail .cntIcon { margin-top: 20px; border-right: none; display: block; } .locateUsDetail .cntIcon i.fa{margin: 0;transition: all 0.3s ease 0ms;} /***locate-us section css end here***/ /***something more section css start here***/ .somethingMoreInn{text-align: center;max-width: 1030px; margin: 0 auto; width: 100%;} .borderBtn{background-color:transparent;color: #464d50;font-size: 16px;font-weight: 600;border: 0 none;line-height: 25px;padding: 13px 34px;display: inline-block;vertical-align: middle;text-decoration: none;margin: 0; outline: 0 none; border-radius: 3px;text-transform: uppercase;transition: all 0.4s ease 0ms;-webkit-transition: all 0.4s ease 0ms;position: relative;overflow: hidden;border:1px solid #ff763a;} .borderBtn:hover{background-color:#ff763a; color: #fff;} .somethingMore{margin-bottom:-191px;position: relative;z-index: 1; background-color: #fff; display: none;} .locationMap iframe { width:100%; } /***something more section css end here***/ /*************Contact page css end here*************/ /*************video page css start here************/ .videoMain.commonContent{padding: 85px 0 35px;} .videoGroup{display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-wrap:wrap;flex-wrap: wrap; flex-direction: row;-webkit-flex-direction: row;padding: 0;margin: 0 -10px;} .videoGroup li{width: 33.33%;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-wrap:wrap;flex-wrap: wrap; flex-direction: row;-webkit-flex-direction: row;padding: 0 10px;margin-bottom: 50px;} .videoGropInn{background-color: #fff;box-shadow:1px 0 57px rgba(0,0,0,0.1);padding:6px 6px 20px;} .videoGropInn a{display: block;position: relative;} .videoGropInn a:before{position: absolute; content: ''; left: 0; right: 0; top:0; bottom: 0; background-color: rgba(0,0,0,0.6);transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out; opacity: 0;} .videoGropInn a:hover:before{opacity: 1;} .videoGropInn a i{position: absolute;left: 0; right: 0; top:50%; margin:0 auto;transform: translateY(-50%);-weblit-transform: translateY(-50%);font-family:FontAwesome;font-size: 65px;color: #fff;text-align: center;width:56px; height: 56px; border-radius: 50%; line-height: 56px;overflow: hidden;background:#ff763a;transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;box-shadow: 6px 4px 1px rgba(0,0,0,0.16);} .videoGropInn a:hover i{color: #ffd144;background: #fff;} .videoGropInn a img{width: 100%;} .videoContentBlock p{margin-bottom: 0;font-weight: 600;;color: #353535;} .videoContentBlock{padding: 25px 25px 0 25px; } .otherVideosInn h2{text-align: center;} .otherVideosInn .videoBoxes{padding-top: 46px;} .broucerDownloads{padding-top: 41px;padding-bottom: 34px;} .broucerDownloads .ebookRow { background:url(../images/video-ebook-bg.jpg) no-repeat 0 0; background-size:cover; } .broucerDownloads .videoRow { background:url(../images/brocer-video-bg.jpg) no-repeat 0 0; background-size:cover; } .broucerDownloads .ebookRow, .broucerDownloads .videoRow { padding: 30px; min-height:176px; } .broucerDownloads .videoRow { padding-top: 42px; } .broucerDownloads p { margin-bottom: 0; color: #fff; font-size: 18px; font-weight: 300; } .broucerDownloads .rightCol { text-align: center; padding-top: 30px; } .broucerDownloads .button { background-color: #fff; color: #535353; } .broucerDownloads .button:hover { background-color: #ffd144; color: #222; } /*************video page css end here************/ /*************E-Books Page*************/ .ebooksRow { padding: 60px 0; background-color: #fff; } .ebooksRow:nth-child(even) { background-color: #f6f6f6; } .ebooksRow .ebookImgHolder { float:left; width: 35%; } .ebooksRow .ebookDetail { float:left; width: 65%;} .ebooksRow h2 { font-size: 24px; } .ebooksRow h3 { font-size: 16px; margin-bottom: 5px; } .ebooksRow ul.bulletText { list-style:none; padding:0; } .ebooksRow ul.bulletText li { padding-left: 16px; font-size:16px; margin-bottom: 0; position:relative; } .ebooksRow ul.bulletText li:before { content:""; position:absolute; left:0; top:11px; width: 5px; height: 5px; border-radius:50%; background-color: #535353; } section.brochureRelaLink { padding-bottom: 40px; } .flyersRow h2{ text-align: center; } .flyersRow .row { padding-top: 40px; } /*************Silver Touch Approach*************/ .ourApproach { padding: 0 50px; } .ourApproach h2 { font-size: 20px; color: #535353; } .approachList { margin: 0; padding: 50px 0 0 0; list-style: none; } .approachList > li { margin-bottom: 34px; } .approachList > li:last-child { margin-bottom: 0; } .ourApproach .approachWrap { border-radius:15px; padding: 17px; border: 3px solid #f7a383; position: relative; } .ourApproach .approachWrap .approachSrNo { position: absolute; right: -134px; line-height: 185px; top: 50%; margin-top:-100px; font-weight: 700; font-size: 185px; color: #323232; opacity:0.04; } .ourApproach .approachWrap:before { position: absolute; left: 50%; top: 100%; width: 38px; height: 48px; content:""; background:url(../images/our-approach-item-arrow-1.png) no-repeat 0 0; margin-left: -19px; z-index: 1; } .ourApproach .approachBox { border-radius:15px; overflow: hidden; box-shadow:0 0 20px rgba(0, 0, 0, 0.1); } .ourApproach .imgHolder img { width: 100%; } .ourApproach .approachDetail { padding:35px 75px 35px 15px;} .ourApproach .approachDetail h3 { font-size: 20px; text-transform: uppercase; } .ourApproach .approachDetail p { margin-bottom: 0; } .approachList > li:nth-child(even) .imgHolder { float: right; } .approachList > li:nth-child(even) .approachDetail { float: left; padding-left: 75px; padding-right: 15px; } .approachList > li:nth-child(2) .approachWrap { border-color:#9694c1;} .approachList > li:nth-child(3) .approachWrap { border-color:#91b09b;} .approachList > li:nth-child(4) .approachWrap { border-color:#aba49d;} .approachList > li:nth-child(5) .approachWrap { border-color:#86d2a4;} .approachList > li:nth-child(6) .approachWrap { border-color:#bf96b0;} .approachList > li:nth-child(2) .approachWrap:before { background:url(../images/our-approach-item-arrow-2.png) no-repeat 0 0;} .approachList > li:nth-child(3) .approachWrap:before { background:url(../images/our-approach-item-arrow-3.png) no-repeat 0 0;} .approachList > li:nth-child(4) .approachWrap:before { background:url(../images/our-approach-item-arrow-4.png) no-repeat 0 0;} .approachList > li:nth-child(5) .approachWrap:before { background:url(../images/our-approach-item-arrow-5.png) no-repeat 0 0;} .approachList > li:nth-child(6) .approachWrap:before { display: none; } .approachList > li:nth-child(2) .approachWrap .approachSrNo, .approachList > li:nth-child(4) .approachWrap .approachSrNo, .approachList > li:nth-child(6) .approachWrap .approachSrNo, .approachList > li:nth-child(8) .approachWrap .approachSrNo { right:auto; left: -150px; } .approachWhySttl { padding-top: 80px; } .approachWhySttl h2 { text-align: center; } .approachWhySttl ul { margin: 0; padding: 30px 0 0 0; list-style: none; text-align: center; } .approachWhySttl ul li { width: 25%; float: left; padding: 0 15px; text-transform: uppercase; font-size: 20px; color:#6e6e6e; border-right: 1px solid #d6d6d6;} .approachWhySttl ul li:last-child {border:0;} .approachWhySttl ul li .titleText { display: block; padding-top: 20px; } .approachWhySttl ul li .icon { margin: 0 auto; width: 73px; height: 73px; } .approachWhySttl ul li .icon1 { background-position: -240px -522px; } .approachWhySttl ul li .icon2 { background-position: -313px -522px; } .approachWhySttl ul li .icon3 { background-position: -386px -522px; } .approachWhySttl ul li .icon4 { background-position: -459px -522px; } /*************Support Services*************/ .sapSoftwareSupport { background:#f0f0f0 url(../images/sap-software-support-bg.jpg) no-repeat right bottom; } .sapSoftwareSupport h2, .sttlsupportPackages h2 {margin-bottom: 40px;display: inline-block;font-size: 28px;/*padding: 10px 25px; border:2px solid #ff773b; */color: #242173;} .sapSoftwareSupport h2 span, .sttlsupportPackages h2 span { position: relative; color: #373737; padding-right: 30px; } .sapSoftwareSupport h2 span:before, .sttlsupportPackages h2 span:before { position: absolute; right: 8px; margin-top: -3px; top: 50%; width: 6px; height: 6px; background-color: #ff773b; content:""; border-radius:50%; } .sapSoftwareSupport h3 { font-size: 24px; } .sapSoftwareSupport ul.checkList li {margin-bottom: 15px;font-size: 20px;} .sttlsupportPackages { position: relative; } .sttlsupportPackages .bottomBg { position: absolute; left: 0; height: 579px; bottom: 225px; width: 100%; background:url(../images/sttl-package-bg.jpg) no-repeat 0 0; background-size:cover; } .sttlPackage { margin-bottom: 25px; background-color: #fff; box-shadow: 0 0 43px rgba(0, 0, 0, 0.25); padding: 60px 60px 60px 80px; position: relative; } .sttlPackage:before, .sttlPackage:after { top: 70px; bottom: 70px; left: -10px; width:10px; background-color: #3bcba1; content:""; position: absolute; } .sttlPackage:after { left:auto; right: -10px; } .sttlPackageB:before, .sttlPackageB:after { background-color: #d27952; } .sttlPackage h3 { font-size: 24px; margin-bottom: 35px; } .sttlPackage .checkList li { margin-bottom: 20px; } .sttlPackage .PackageTitle { text-transform: uppercase; font-size: 35px; font-weight: 700; color: #b9b9b9; position: absolute; left: -60px; top:50%; margin-top:-23px; transform: rotate(-90deg); -webkit-transform: rotate(-90deg); } .supportWhySttl ul li { text-transform:none; font-size: 16px; } .supportWhySttl ul li .icon1 { background-position: 0 -595px; } .supportWhySttl ul li .icon2 { background-position: -73px -595px; } .supportWhySttl ul li .icon3 { background-position: -147px -595px; } .supportWhySttl ul li .icon4 { background-position: -220px -595px; } .ensureQueries.serSupport { background-color: #eee; padding: 50px 0; margin-top: 35px; } .ensureQueries.serSupport .imgHolder { margin-bottom: 15px; } .sapOneSupPartner { text-align: center; padding-top: 60px; } .sapOneSupPartner h2 { font-size: 16px; color: #242173; font-weight: 700; } /*************Licensing*************/ .licenseType { position: relative; } .licenseType:before { position: absolute; left: 0; width: 100%; bottom: 0; top: 409px; content:""; background-color: #f6f6f6; } .licenseTableWrap { box-shadow:0 0 32px rgba(0, 0, 0, 0.15); padding: 20px; position: relative; margin: 50px 0; background-color: #fff; } .licenseTableWrap:before, .licenseTableWrap:after { left: 190px; right: 190px; top: -10px; height:10px; background-color: #dd7e56; content:""; position: absolute; } .licenseTableWrap:after { top:auto; bottom: -10px; } .licenseTableWrap table { border: 0; } .licenseTableWrap table th, .licenseTableWrap table td { width: 250px; } .licenseTableWrap table th { font-size: 20px; color: #242173; font-weight: 600; padding: 30px 40px; text-align: center; background-color: #fff; vertical-align: middle; /*box-shadow:0 0 32px rgba(0, 0, 0, 0.15);*/ } .licenseTableWrap table td { font-size: 16px; color: #535353; font-weight: 600; padding: 20px 40px; text-align: center; border-bottom: 1px solid #dedfe0; border-right:1px solid #dedfe0; } .licenseTableWrap table tr td:first-child, .licenseTableWrap table tr th:first-child { text-align: left; } .licenseTableWrap table tr td:last-child, .licenseTableWrap table tr th:last-child { border-right:0; } .licenseTableWrap table tr:last-child td { border-bottom:0; } .licenseTableWrap table tr:nth-child(2n+1) td, .licenseTableWrap .tableRowOdd { background-color: #fff; } .licenseTableWrap .fa-check-circle { color: #2e9336; font-size: 32px; line-height: 32px; } .licenseTableWrap table tr td:first-child, .licenseTableWrap table tr th:first-child { width: 360px; } .licenseChart { position: relative; z-index: 1; } .licenseChart .multiButtons .button { margin: 0 10px; } .licenseTypeCat { padding-top: 50px; } .licenseTypeCat h3{ font-size: 24px; font-weight: 600; margin-bottom: 20px; } .licenseTypeList { margin: 0 0 40px 0; padding: 0; list-style: none; } .licenseTypeList.mrgBNone { margin-bottom: 0; } .licenseTypeList li { padding: 20px 0 20px 86px; position: relative; } .licenseTypeList li:before { position: absolute; left: 86px; right: 0; bottom: 0; height: 1px; content:""; background-color: #dedfe0; } .licenseTypeList li:last-child:before { display: none; } .licenseTypeList .icon { position: absolute; left: 0; top: 15px; width: 64px; height: 64px; border: 1px solid #1e7092; border-radius:50%; } .licenseTypeList h2 { font-size: 16px; font-weight: 600; margin-bottom: 5px; } .licenseTypeList p { margin-bottom: 0; } .licenseTypeList .icon1 { background-position: -312px -601px; } .licenseTypeList .icon2 { background-position: -374px -600px; } .licenseTypeList .icon3 { background-position: -438px -599px; } .licenseTypeList .icon4 { background-position: -504px -599px; } .licenseTypeList .icon5 { background-position: 0 -670px; } .licenseTypeList .icon6 { background-position: -64px -670px; } .licenseTypeList .icon7 { background-position: -128px -670px; } .licenseTypeList .icon8 { background-position: -192px -670px; } .licenseTypeList .icon9 { background-position: -256px -670px; } .licenseTypeList .icon10 { background-position: -320px -670px; } .licenseHasTooltip { position: relative; display: inline-block; } .licenseHasTooltip.posBot .licenseTooltip { top:auto; bottom: 0; } .licenseHasTooltip.posBot .licenseTooltip:after { top:auto; bottom: 7px; } .licenseTooltip { display: block; position: absolute; top: 0; right: 100%; margin-right: 15px; margin-top: -5px; padding: 15px; border-radius: 5px; background: #217293; text-align: center; color: #fff; transition: 0.15s ease-in-out; opacity: 0; width: 300px; pointer-events: none; z-index: 5; } .licenseTooltip:after { left: 100%; top: 14px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(136, 183, 213, 0); border-left-color: #217293; border-width: 8px; } .licenseHasTooltip .fa:hover + .licenseTooltip, .licenseHasTooltip .fa:focus + .licenseTooltip { opacity: 1; } .licenseTooltip p { color: #fff; font-weight: 400; text-align: left; margin-bottom: 0; } .licenseTooltip p strong { font-weight: 600; margin-bottom: 3px; display: block; } /*************Case Studies*************/ .caseStudies, .testimonial { padding-bottom: 25px; } .caseStudiesList, .testimonialList { margin: 0 -25px; padding: 0; list-style: none; display: flex;display: -webkit-flex;display: -ms-flexbox; flex-wrap: wrap;-webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; } .caseStudiesList li{ width: 33%; float:left; padding: 25px;display: flex;display: -webkit-flex;display: -ms-flexbox; flex-wrap: wrap;-webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; } .testimonialList li{ width: 50%; float:left; padding: 25px;display: flex;display: -webkit-flex;display: -ms-flexbox; flex-wrap: wrap;-webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; } .caseStudiesList .caseStudiesBox, .testimonialList .testimonialBox { padding: 20px 20px 85px 20px; box-shadow: 0 0 51px rgba(0, 0, 0, 0.12); text-align: center; position: relative; width: 100%; } .testimonialList .testimonialBox{text-align: left;} .caseStudiesList .caseStudiesBox:before, .testimonialList .testimonialBox:before { position: absolute; left: 40px; right: 40px; bottom: -10px; height: 10px; content: ""; background-color: #237597; z-index:-1; } .caseStudiesList li:nth-child(1) .caseStudiesBox:before, .caseStudiesList li:nth-child(6n+1) .caseStudiesBox:before, .testimonialList li:nth-child(1) .testimonialBox:before, .testimonialList li:nth-child(6n+1) .testimonialBox:before { background-color: #237597; } .caseStudiesList li:nth-child(2) .caseStudiesBox:before, .caseStudiesList li:nth-child(6n+2) .caseStudiesBox:before, .testimonialList li:nth-child(2) .testimonialBox:before, .testimonialList li:nth-child(6n+2) .testimonialBox:before { background-color: #659a21; } .caseStudiesList li:nth-child(3) .caseStudiesBox:before, .caseStudiesList li:nth-child(6n+3) .caseStudiesBox:before, .testimonialList li:nth-child(3) .testimonialBox:before, .testimonialList li:nth-child(6n+3) .testimonialBox:before { background-color: #93b221; } .caseStudiesList li:nth-child(4) .caseStudiesBox:before, .caseStudiesList li:nth-child(6n+4) .caseStudiesBox:before, .testimonialList li:nth-child(4) .testimonialBox:before, .testimonialList li:nth-child(6n+4) .testimonialBox:before { background-color: #ef643f; } .caseStudiesList li:nth-child(5) .caseStudiesBox:before, .caseStudiesList li:nth-child(6n+5) .caseStudiesBox:before, .testimonialList li:nth-child(5) .testimonialBox:before, .testimonialList li:nth-child(6n+5) .testimonialBox:before { background-color: #db7e56; } .caseStudiesList li:nth-child(6) .caseStudiesBox:before, .caseStudiesList li:nth-child(6n+6) .caseStudiesBox:before, .testimonialList li:nth-child(6) .testimonialBox:before, .testimonialList li:nth-child(6n+6) .testimonialBox:before { background-color: #e2a100; } .caseStudiesList .imgHolder { margin-bottom: 15px; } .caseStudiesList .imgHolder img { width: 100%; display: block; border: 1px solid #e3e3e3; } .caseStudiesList .caseStudiesBox h2, .caseStudiesList .caseStudiesBox .caseStudiesTitle { text-transform: uppercase; font-size: 24px; margin-bottom: 20px; } .caseStudiesList .caseStudiesBox h2 a, .caseStudiesList .caseStudiesBox .caseStudiesTitle a { color:#242173; text-decoration: none; } .caseStudiesList .caseStudiesBox h2 a:hover, .caseStudiesList .caseStudiesBox .caseStudiesTitle a:hover { color:#fa7336; } .caseStudiesList .caseStudiesBox .caseStudiesTitle{ font-weight:700; line-height:1.3; margin:0 0 25px;} .caseStudiesList .caseStudiesBox p { height: 102px; overflow: hidden; } .caseStudiesList .caseStudiesBox .button { position: absolute; left: 50%; bottom: 40px; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); } /*************Testimonial*************/ .testimonialList .testimonialBox { padding: 60px 30px; } .testimonialList .clientPhoto { width: 141px; height: 141px; border-radius:50%; border: 1px solid #abdcff; position: relative; margin: 0 auto 50px auto; } .testimonialList .clientPhoto:before, .testimonialList .clientPhoto:after {border-radius:50%; width: 100%; height: 100%; border: 1px solid #abdcff; content:""; position: absolute; left: 0; top: 0; } .testimonialList .clientPhoto:before { opacity:0.7; transform: scale(1.25); -webkit-transform: scale(1.25); } .testimonialList .clientPhoto:after { opacity:0.4; transform: scale(1.5); -webkit-transform: scale(1.5); } .testimonialList h3 { font-size: 24px; margin-bottom: 5px; } .testimonialList .compName { min-height: 25px; } .testimonialList p a { color: #2e90c9; } .testimonialList p a:hover { color: #ff763a; } .testimonialList .playVideo { padding-top:20px; display: inline-block; color: #535353; text-decoration: none; } .testimonialList .playVideo .fa { color: #60a1fa; font-size: 36px; margin-right: 10px; display: inline-block; vertical-align: middle; position: relative; top: -2px; transition: all 0.3s ease 0ms; -webkit-transition: all 0.3s ease 0ms; } .testimonialList .playVideo:hover, .testimonialList .playVideo:hover .fa { color: #ff763a; } /*************Silver Market Place Integration*************/ .aboutSmpi { position: relative; } /*.aboutSmpi:before { width: 164px; height: 164px; position: absolute; right: 0; bottom: 0; content: "";background:url(../images/plus-img-right-bottom.png) no-repeat 0 0; }*/ .aboutSmpi ul { margin: 0; padding: 0; list-style: none; } .aboutSmpi ul li { display: inline-block; vertical-align: middle; font-weight: 600; border-right: 1px solid #e6e4e4; line-height: 16px; padding: 0 35px; } .aboutSmpi ul li:last-child { border: 0; } .followingCapabilities { background-color: #f3f3f3; position: relative; } /*.followingCapabilities:before { width: 165px; height: 165px; position: absolute; right: 0; top: 0; content: "";background:url(../images/plus-img-right-top.png) no-repeat 0 0; }*/ /*.followingCapabilities:after { width: 165px; height: 165px; position: absolute; left: 0; bottom: 0; content: "";background:url(../images/white-plus-bg.png) no-repeat 0 0; }*/ .followingCapabilities h2 { text-align: center; font-size: 24px; color: #535353; } .followingCapabilitiesList { margin: 0 -20px; padding: 20px 0 0 0; list-style: none; display: flex;display: -webkit-flex;display: -ms-flexbox; flex-wrap: wrap;-webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; } .followingCapabilitiesList li { padding:10px 20px; float:left; width: 49.8%; display: flex;display: -webkit-flex;display: -ms-flexbox; flex-wrap: wrap;-webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; } .followingCapabilitiesList .followingCapabilitiesBox { background-color: #fff; position: relative; padding: 20px 20px 20px 125px; box-shadow:0 0 30px rgba(0, 0, 0, 0.05);width: 100%;} .followingCapabilitiesList .followingCapabilitiesBox:before { left: 80px; right: 80px; bottom:-4px; height: 4px; position: absolute; content:""; background-color: #f7753d; } .followingCapabilitiesList h3 { font-size: 16px; color: #242173; margin-bottom: 5px; } .followingCapabilitiesList p { margin-bottom: 0; } .followingCapabilitiesList .icon { width: 61px; height: 67px; position: absolute; left: 25px; top: 35px; } .followingCapabilitiesList .icon1 { background-position: -588px 0; } .followingCapabilitiesList .icon2 { background-position: -588px -335px; } .followingCapabilitiesList .icon3 { background-position: -588px -67px; } .followingCapabilitiesList .icon4 { background-position: -588px -402px; } .followingCapabilitiesList .icon5 { background-position: -588px -134px; } .followingCapabilitiesList .icon6 { background-position: -588px -469px; } .followingCapabilitiesList .icon7 { background-position: -588px -201px; } .followingCapabilitiesList .icon8 { background-position: -588px -536px; } .followingCapabilitiesList .icon9 { background-position: -588px -268px; } .followingCapabilitiesList .icon10 { background-position: -588px -603px; } .followingCapabilitiesList li:nth-child(1) .followingCapabilitiesBox:before, .followingCapabilitiesList li:nth-child(4n+1) .followingCapabilitiesBox:before { background-color: #f7753d; } .followingCapabilitiesList li:nth-child(2) .followingCapabilitiesBox:before, .followingCapabilitiesList li:nth-child(4n+2) .followingCapabilitiesBox:before { background-color: #98b922; } .followingCapabilitiesList li:nth-child(3) .followingCapabilitiesBox:before, .followingCapabilitiesList li:nth-child(4n+3) .followingCapabilitiesBox:before { background-color: #699f22; } .followingCapabilitiesList li:nth-child(4) .followingCapabilitiesBox:before, .followingCapabilitiesList li:nth-child(4n+4) .followingCapabilitiesBox:before { background-color: #4ca7f3; } .b2cFeatures { position: relative; background:url(../images/b2c-features-bg.jpg) no-repeat right bottom; background-size:100%; margin-bottom:-250px; padding-bottom:275px; } /*.b2cFeatures:before { position: absolute; left: 0; top: 0; width: 100%; height: 460px; content: ""; background-color: #0d7099; }*/ /*.b2cFeatures:after { width: 164px; height: 164px; position: absolute; left: 0; top: 0; content: "";background:url(../images/white-light-plus-bg.png) no-repeat 0 0; }*/ .b2cFeatures h2 { text-align: center; position: relative; z-index: 1; } .sttlUkDefaultCardFlex { margin: 0 -20px; padding: 20px 0 0 0; list-style: none;display: flex;display: -webkit-flex;display: -ms-flexbox; flex-wrap: wrap;-webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; } .sttlUkDefaultCardFlex li { float:left; width:33%; padding: 20px;display: flex;display: -webkit-flex;display: -ms-flexbox; flex-wrap: wrap;-webkit-flex-wrap: wrap; -ms-flex-wrap: wrap;} .sttlUkDefaultCardFlex .sttlUkFlexCardBox { background-color:#fff; box-shadow:0 0 51px rgba(0, 0, 0, 0.15); position: relative; } .sttlUkDefaultCardFlex .sttlUkFlexCardBox:before { position: absolute; bottom: -10px; left: 26px; right: 26px; background-color:#48a0e9; content:""; height: 10px; } .sttlUkDefaultCardFlex .sttlUkFlexCardInner { padding:0 25px 25px 25px; min-height: 300px; } .sttlUkDefaultCardFlex .imgHolder img { width: 100%; } .sttlUkDefaultCardFlex h3 { font-size: 24px; margin-bottom: 15px; } .sttlUkDefaultCardFlex p { margin-bottom: 0; } .sttlUkDefaultCardFlex li:nth-child(2) .sttlUkFlexCardBox:before { background-color: #e66e39; } .sttlUkDefaultCardFlex li:nth-child(3) .sttlUkFlexCardBox:before { background-color: #649820; } .b2cFeatures .marketPlaces { margin-top: 70px; } .b2cFeatures .marketPlaces h2 { color: #242173; text-align: left; } .b2cFeatures .marketPlaces h3 { color: #535353; font-size: 16px; margin-bottom: 5px; } .aboutSmpi ul li .textLogo{display: block;} .aboutSmpi ul{margin: 30px 0 0 0;} /*************Industries*************/ .industriesMainRow p, .letUsStepIndustry p, .sapSolutionBusiOne p { margin-bottom: 35px; } .industriesFoodDrinks .cols6, .industriesManufacturing .cols6, .sapSolutionBusiOne .cols6 { float: right; } .hanaIntelligentERP .cols6 { float: none; } .industriesFoodDrinks { position:relative; background:#f5f5f5 url(../images/industries-food-drinks-bg.jpg) no-repeat 0 0; background-size:cover; } /*.industriesFoodDrinks:before, .sapSolutionBusiOne:before { width: 165px; height: 165px; position: absolute; right: 0; top: 0; content: "";background:url(../images/plus-img-right-top-dark.png) no-repeat 0 0; }*/ .industriesWholesaleDistribution { background:url(../images/industries-wholesale-distribution-bg.jpg) no-repeat 0 0; background-size:cover; } .industriesManufacturing { background:url(../images/industries-manufacturing-bg.jpg) no-repeat 0 0; background-size:cover; } .industriesRetail { background:#f5f5f5 url(../images/industries-retail-bg.jpg) no-repeat 0 0; background-size:cover; } .letUsStepIndustry { background-color: #0d7099; position: relative; overflow: hidden; text-align: center; } .letUsStepIndustry .smallContainer, .sapMobilitySolution .smallContainer { position: relative; z-index: 1;} .letUsStepIndustry h2, .letUsStepIndustry p { color: #fff; } .letUsStepIndustry .circle, .sapMobilitySolution .circle { width: 164px; height: 164px; border-radius:50%; border: 1px solid #fff; opacity:0.1; position: absolute; left: 50%; top: 50%; margin: -82px 0 0 -82px; } .letUsStepIndustry .circle2, .sapMobilitySolution .circle2 { width: 294px; height: 294px; margin: -147px 0 0 -147px; } .letUsStepIndustry .circle3, .sapMobilitySolution .circle3 { width: 436px; height: 436px; margin: -218px 0 0 -218px; } .letUsStepIndustry .circle4, .sapMobilitySolution .circle4 { width: 572px; height: 572px; margin: -286px 0 0 -286px; } .letUsStepIndustry .circle5, .sapMobilitySolution .circle5 { width: 780px; height: 780px; margin: -390px 0 0 -390px; } .letUsStepIndustry .circle6, .sapMobilitySolution .circle6 { width: 1050px; height: 1050px; margin: -525px 0 0 -525px; } .whyChooseSapPartner h2 { text-align: center; } .whyChooseSapPartner ul { margin: 0 -15px; padding: 20px 0 40px 0; border-bottom: 0; list-style: none; } .whyChooseSapPartner ul li { float:left; width: 20%; padding: 15px; } .whyChooseSapPartner ul li p { margin-bottom: 0; } .whyChooseSapPartner .icon { width: 69px; height: 55px; display: block; margin-bottom: 22px; } .whyChooseSapPartner .icon1 { background-position: -735px 0; } .whyChooseSapPartner .icon2 { background-position: -739px -55px; } .whyChooseSapPartner .icon3 { background-position: -739px -110px; } .whyChooseSapPartner .icon4 { background-position: -731px -165px; } .whyChooseSapPartner .icon5 { background-position: -737px -221px; } /*************SAP Solutions*************/ .sapSolutionBusiOne { position:relative; background:#f5f5f5 url(../images/sap-solution-business-one-bg.jpg) no-repeat 0 0; background-size:cover; padding: 130px 0; overflow: hidden; } .sapSolutionBusiOne .smallLogo, .sapSolutionHana .smallLogo, .sapCloudSolution .smallLogo, .sapAnalyticsReporting .smallLogo { position: absolute; left: -70px; bottom: -70px; width: 200px; height: 200px; background: rgba(255, 255, 255, 0.7); border-radius:50%; padding: 63px 20px 0 0; text-align: right; box-shadow: 0 0 30px rgba(0, 0, 0, 0.15); z-index:1; display:none; } .sapSolutionHana .smallLogo { text-align: left; padding-right:0; padding-left: 25px; right: -70px; left: auto; background: rgba(73, 73, 73, 0.8); } .sapCloudSolution .smallLogo { padding: 55px 35px 0 0; } .sapAnalyticsReporting .smallLogo { padding-right: 15px; } .sapSolutionHana { position: relative; padding: 120px 0; overflow: hidden; } .sapSolutionHana .cols6 { padding-right: 90px; } .sapSolutionHana .imgHolder { position: absolute; right: 0; top: 0; width: 50%; height: 100%; } .sapSolutionHana .imgHolder img { width: 100%; } .sapMobilitySolution { background-color: #0d7099; position: relative; text-align: center; } .sapMobilitySolutionInner { overflow: hidden; padding: 120px 0; position: relative; } .sapMobilitySolution .leftImg, .sapMobilitySolution .rightImg { position: absolute; bottom: -40px; z-index:2; } .sapMobilitySolution .leftImg { left: 0; } .sapMobilitySolution .rightImg { right: 0; } .sapMobilitySolution .smallContainer { max-width: 650px; } .sapMobilitySolution h2, .sapMobilitySolution p { color: #fff; } .sapMobilitySolution .appDownloadList { margin-top: 40px; } .sapCloudSolution { position:relative; background:#f5f5f5 url(../images/sap-cloud-solution-bg.jpg) no-repeat 0 0; background-size:cover; padding: 145px 0; overflow:hidden; } .sapAnalyticsReporting { position: relative; padding: 95px 0; overflow: hidden; } .sapAnalyticsReporting .cols6 { padding-left: 60px; float: right; } .sapAnalyticsReporting .imgHolder, .sapSalesApp .imgHolder { position: absolute; left: 0; top: 0; width: 50%; height: 100%; } .sapAnalyticsReporting .imgHolder img, .sapSalesApp .imgHolder img { width: 100%; } .sapSalesApp { position: relative; overflow: hidden; background-color: #f5f5f5; padding: 80px 0; } .sapSalesApp .imgHolder { left:auto; right: 0; } .sapSalesApp .cols6 { padding-right:90px; } .sapSalesApp .appDownList { margin: 0 0 40px 0; padding: 0; list-style: none; } .sapSalesApp .appDownList li { display: inline-block; vertical-align: middle; padding: 0 2px; } .sapSalesApp .appDownList li a { border: 2px solid #59595a; border-radius: 5px; display:block; overflow: hidden; } .sapSalesApp .appDownList li a:hover { border-color:#ff763a; box-shadow: 0 0 15px rgba(0, 0, 0, 0.2); } .sapSalesApp .appDownloadList{text-align: left; margin-bottom: 25px;} /*************Services*************/ .landingLicensingSer, .landingSupportSer, .landingSttlApproachSer, .landingHealthCheckupSer { position:relative; padding: 100px 0; overflow:hidden; } .landingLicensingSer { background:#f5f5f5 url(../images/licensing-services-bg.jpg) no-repeat 0 0; background-size:cover; } .landingSupportSer { background:url(../images/support-services-bg.jpg) no-repeat right 0; background-size:cover; } .landingHealthCheckupSer .cols6 { float: right; } .landingSttlApproachSer { background:#f5f5f5 url(../images/sttl-approach-services-bg.jpg) no-repeat 0 0; background-size:cover; } .landingHealthCheckupSer { background:#0d7099 url(../images/health-checkup-services-bg.jpg) no-repeat 0 0; background-size:cover; } .landingHealthCheckupSer h2, .landingHealthCheckupSer p { color: #fff; } .landingHealthCheckupSer .cols6 { padding-left: 80px; } .landingServicesGroup { background-color: #fff; display: flex;display: -webkit-flex;display: -ms-flexbox; flex-wrap: wrap;-webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; } .landingServicesGroup .servicesCol { float:left; width: 33.333%; padding: 80px 60px; display: flex;display: -webkit-flex;display: -ms-flexbox; flex-wrap: wrap;-webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; } .landingServicesGroup .mobAppDevServices { background: #24a1e9;} .landingServicesGroup .mobAppDevServices h2, .landingServicesGroup .mobAppDevServices p { color: #fff; } .landingServicesGroup .offshoreDevServices { background:#fff; /*url(../images/offshore-development-services-bg.jpg) no-repeat right bottom; background-size:cover;*/ } .landingServicesGroup .offshoreDevServices p { padding-right: 110px; } /*.landingServicesGroup .mobAppDevServices p { padding-right: 170px; }*/ .landingServicesGroup .button { height: 45px; } .landingaddOnsServices { background:#1f7091 url(../images/add-one-services-tab-bg.jpg) no-repeat right bottom; position: relative; padding-bottom: 0; } .landingaddOnsServices .circleWrap { position: absolute; overflow: hidden; width: 100%; height: 100%; left: 0; top: 0; } .landingaddOnsServices .leftBg { position: absolute; left: 0; right: 50%; height: 100%; top: 0; margin-right:270px; background-color: #24a1e9; } .landingaddOnsServices .container { position: relative; } .landingaddOnsServices h2 { position: absolute; left: 15px; top: 0; z-index: 1; color: #fff; } .landingaddOnsServices .circle { border-radius:50%; border: 1px solid #bababa; opacity: 0.2; position: absolute; top: 50%; left: 50%;} .landingaddOnsServices .circle1 { width: 280px; height: 280px; margin: -140px 0 0 -140px; } .landingaddOnsServices .circle2 { width: 480px; height: 480px; margin: -240px 0 0 -240px; } .landingaddOnsServices .circle3 { width: 680px; height: 680px; margin: -340px 0 0 -340px; } .landingaddOnsServices .circle4 { width: 900px; height: 900px; margin: -450px 0 0 -450px; } .landingaddOnsServices .sttlUkTab .sttlUkTabList { padding-top: 90px; padding-bottom: 20px; } .landingaddOnsServices .sttlUkTab .sttlUkTabDetail { padding-top: 90px; padding-bottom: 90px; } .landingaddOnsServices .sttlUkTab .sttlUkTabDetail h3 {color: #fff;font-size: 24px;} .landingaddOnsServices .r-tabs-accordion-title .icon { left: 15px; } .landingaddOnsServices .sttlUkTab .sttlUkTabList li .icon1, .landingaddOnsServices .r-tabs-anchor .icon1 { background-position: 1px -230px; } .landingaddOnsServices .sttlUkTab .sttlUkTabList li .icon2, .landingaddOnsServices .r-tabs-anchor .icon2 { background-position: -322px 0; } .landingaddOnsServices .sttlUkTab .sttlUkTabList li .icon3, .landingaddOnsServices .r-tabs-anchor .icon3 { background-position: -360px 0; } .landingaddOnsServices .sttlUkTab .sttlUkTabList li .icon4, .landingaddOnsServices .r-tabs-anchor .icon4 { background-position: -399px 0; } .landingaddOnsServices .sttlUkTab .tabContent .rightImgHolder { top: auto; bottom: -70px; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); margin-right:-300px; z-index: 1; width: 90%; display:none; } /*************Shop Floor Management*************/ .foodDrinkCon.ssfm { padding-bottom: 40px; } .shopFloorSolutions h2 { display: inline-block;border-top: 1px solid #cdcdcd;padding-top: 39px; margin-bottom: 15px; } .shopFloorSolutions h3 { font-size: 24px; } .shopFloorSolutions h3 span { color: #ff763a; } .shopFloorSolutions .sttlUkCard { padding-top: 30px; } .shopFloorSolutions .sttlUkCard .sttlUkBotCard .icon { width: 60px; height: 60px; margin-bottom: 5px; } .shopFloorSolutions .sttlUkCard .sttlUkBotCard .icon1 { background-position: -738px -488px; } .shopFloorSolutions .sttlUkCard .sttlUkBotCard .icon2 { background-position: -740px -553px; } .shopFloorSolutions .sttlUkCard .sttlUkBotCard .icon3 { background-position: -740px -613px; } .shopFloorSolutions .sttlUkCard .sttlUkBotCard { min-height:163px;} .shopFloorSolutions .sttlUkCard .sttlUkBotCard h4 { font-size: 24px; margin-bottom: 0; } .shopFloorSolutions .sttlUkCard .sttlUkCardBox { box-shadow: 0 0 35px rgba(0, 0, 0, 0.27); } .ssfmFlowChart { background-color: #f3f3f3; } .ssfmFlowChart h2 { text-align: center; } .chartDetail { text-align: center; margin: 20px 0 0 0; padding: 0; list-style: none; } .chartDetail li { display: inline-block; vertical-align: middle; color: #0d5192; font-weight: 600; padding: 5px 12px; } .chartDetail li .colorCircle { width: 17px; height: 17px; border-radius:50%; background-color: #bde4f2; display: inline-block; vertical-align: middle; margin-right: 10px; } .chartDetail li .colorCircle.yellowCircle { background-color: #dacd8d; } .sfmFeatures { background:#0d7099 url(../images/sfm-features-bg.jpg) no-repeat 0 0; background-size:100%; } .sfmFeatures h2 { text-align: center; color: #fff; } .sfmFeaturesList { margin: 0 -35px; padding: 0; list-style: none; display: flex;display: -webkit-flex;display: -ms-flexbox; flex-wrap: wrap;-webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; } .sfmFeaturesList li { float:left; width: 33.333%; padding: 35px; } .sfmFeaturesList .icon{ width: 63px; height: 63px; margin-bottom: 18px; display:block; } .sfmFeaturesList .icon1 { background-position: -737px -685px; } .sfmFeaturesList .icon2 { background-position: -674px -685px; } .sfmFeaturesList .icon3 { background-position: -612px -685px; } .sfmFeaturesList .icon4 { background-position: -737px -748px; } .sfmFeaturesList .icon5 { background-position: -674px -748px; } .sfmFeaturesList .icon6 { background-position: -612px -748px; } .sfmFeaturesList h3 { font-size: 16px; color: #fff; font-weight: 600; margin-bottom: 15px; } .sfmFeaturesList p { color: #fff; } .sfmBenefits { background-color: #fff; padding: 40px 0; } .sfmSolutions { background:url(../images/shop-floor-management-solutions-bg.jpg) no-repeat right top; padding: 60px 0; } .sfmSolutions .swmsSolutionsTab .swmsSolutionsTabList li a { padding-top: 19px; padding-bottom: 19px; } .sfmSolutions .swmsSolutionsTab .swmsSolutionsTabList { width: 32%; } .sfmSolutions .swmsSolutionsTab .swmsSolutionsTabDetail { width: 68%; } .sfmSolutions .swmsSolutionsTab .swmsSolutionsTabDetail .imgHolder { margin-top: -40px; } .sfmSolutions .swmsSolutionsTab .swmsSolutionsTabList li .fa-angle-right { top: 14px; } /*************free health check up page css start here*****************/ /***healthCheckupCon section css start here***/ .healthCheckupCon{position: relative} /*.healthCheckupCon:before{position: absolute;content: ''; right: 0; bottom: -85px; background-image: url(../images/multi-line-and-plus-bg-img.png); background-repeat: no-repeat; background-size: 100%;width: 323px; height: 324px;}*/ /***healthCheckupCon section css end here***/ /***what include section css start here***/ .whatInclude{background-color: #f3f3f3;position: relative;} .whatIncludeLeft:before{position: absolute;content: ''; left: 0;top: 0; background-image: url(../images/what-include-bg.jpg); background-repeat: no-repeat; background-size: cover;width: 50%;bottom: 0;} .whatInLeftText{position: relative;padding-right: 100px;} .whatInLeftText h2{color: #fff;} .whatInLeftText ul{list-style: none;padding: 0; margin: 0 0 45px 0;} .whatInLeftText ul:last-of-type{margin: 0;} .whatInLeftText ul li{color: #fff;margin-bottom: 21px;padding-bottom: 21px; border-bottom: 1px solid #8fb7c9;font-size: 16px;} .auditForm h2{font-size: 24px;color: #535353;} .cols6.whatIncludeRight{padding-left:78px;} .auditForm .feildCol input, .auditForm .feildCol textarea{border: 1px solid transparent; background: #fff; padding: 15px 20px; height:auto; transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;} .auditForm .customSelect { font-size: 16px; } .auditForm .feildCol{margin-bottom: 5px; position: relative;} .auditForm .feildCol textarea{min-height:88px;} .auditForm span.customSelect{border: 1px solid transparent;padding:0px 20px;height: 58px !important; line-height: 56px;color:#989898; transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;} .auditForm span.customSelect .customSelectInner{height: 100%;} .auditForm .feildCol input:focus, .auditForm .feildCol textarea:focus{border-color:#3192d9;} .auditForm .customSelect:focus + span.customSelect{border-color:#3192d9;} .custCheckbox{font-size: 14px;} .custCheckbox p{margin-bottom: 15px;} .auditForm .grecaptcha .feildInput {float: left;width: 100%;position: relative;} .auditForm .btnRow.btnRight{padding:25px 0 0 0; margin: 0;} .custCheckbox{margin-top: 15px;} .auditForm .feildRow { margin: 0; } .auditForm .feildRow .feildCol {padding: 0; } .auditForm .btnRow{padding-top: 0;} .auditForm .grecaptcha input[type=text]{ width: 100%;padding: 15px 10px;height: auto;border-color: #a8a8a8;} .auditForm .grecaptcha img {border: 1px solid #a8a8a8;position: absolute;top: 0;right: 0;padding: 10px 0;border-bottom: 0;} .auditForm .grecaptcha .error:after{top: 17px;} /***what include section css end here***/ /***why sap business one cards section css start here***/ .sapBusiOneCards.commonContent{padding: 85px 0 35px;} .sapBusiOneCardsInn ul{display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;margin: 0 -12px;padding: 0;list-style: none;} .sapBusiOneCardsInn ul li{width: 24.8%;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;padding: 0 12px;margin-bottom: 50px; float:left;} .cardBox{background-color: #fff;box-shadow: 0px 0px 35px rgba(0,0,0,0.27);position: relative;} .cardBox:before{position: absolute;content: '';left:27px; right:27px; top: 0; bottom:-10px;z-index: -1;} .cardBox.card1:before{background-color: #a1c73a;} .cardBox.card2:before{background-color: #0c668b;} .cardBox.card3:before{background-color: #48a719;} .cardBox.card4:before{background-color: #d77b54;} .cardBox.card5:before{background-color: #a3ca3b;} .cardBox.card6:before{background-color: #0c678c;} .cardBox.card7:before{background-color: #48a91a;} .cardText{padding: 0 30px 40px;} .cardText p{margin-bottom: 0;} .cardsTitle{padding-right: 20px;} /***why sap business one cards section css end here***/ /***why choose silver with gray bg section css start here***/ .whyChooseGrayBg{background-color: #f3f3f3;padding: 320px 0 50px;margin-top: -295px; position: relative;z-index: -11;} .healthCheckUpAward{background-color: #f3f3f3; margin-bottom: -250px; padding-bottom: 225px;} /*************Retail page css start here**************/ /***retail business management section css start here***/ .retailManagement{padding-bottom: 242px;} .aspCircle1{width: 253px; height: 253px;border-radius: 50%; background-color: #f5f5f5;margin: 0 auto;padding: 13px;box-shadow:22px 14px 47px rgba(0,0,0,0.13);} .aspCircle2{background: rgba(255,203,144,1); background: -moz-linear-gradient(top, rgba(255,203,144,1) 0%, rgba(255,203,144,1) 7%, rgba(249,91,128,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,203,144,1)), color-stop(7%, rgba(255,203,144,1)), color-stop(100%, rgba(249,91,128,1))); background: -webkit-linear-gradient(top, rgba(255,203,144,1) 0%, rgba(255,203,144,1) 7%, rgba(249,91,128,1) 100%); background: -o-linear-gradient(top, rgba(255,203,144,1) 0%, rgba(255,203,144,1) 7%, rgba(249,91,128,1) 100%); background: -ms-linear-gradient(top, rgba(255,203,144,1) 0%, rgba(255,203,144,1) 7%, rgba(249,91,128,1) 100%); background: linear-gradient(to bottom, rgba(255,203,144,1) 0%, rgba(255,203,144,1) 7%, rgba(249,91,128,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffcb90', endColorstr='#f95b80', GradientType=0 );width: 227px; height: 227px;border-radius: 50%;padding: 2px;} .aspCircle3{width:100%; height:100%; border-radius: 50%; background-color: #ededed;display: -webkit-box; display: -webkit-flex;display: -ms-flexbox;display: flex;align-items: center;-webkit-align-items: center;text-align: center;justify-content: center;} .aspCircle3 span{font-size: 16px;font-weight: 600;color: #535353;} .aspCircle3 span{position: relative;} .aspCircle3 span:before{position:absolute; content: ''; top:-55px; left: 0; right: 0; margin: 0 auto;background: url(../images/sprite.png)no-repeat; width:48px; height: 42px;background-position:-151px -847px;} .managementProcess{position: relative;} .aspCircle0{width: 400px; height: 400px; margin: 0 auto;background-color: transparent;position:relative;border-radius: 50%;background: rgba(255,255,255,1); background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 14%, rgba(169,226,255,1) 78%, rgba(169,226,255,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(14%, rgba(255,255,255,1)), color-stop(78%, rgba(169,226,255,1)), color-stop(100%, rgba(169,226,255,1))); background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 14%, rgba(169,226,255,1) 78%, rgba(169,226,255,1) 100%); background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 14%, rgba(169,226,255,1) 78%, rgba(169,226,255,1) 100%); background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 14%, rgba(169,226,255,1) 78%, rgba(169,226,255,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 14%, rgba(169,226,255,1) 78%, rgba(169,226,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#a9e2ff', GradientType=0 );z-index: -1;display: -webkit-box; display: -webkit-flex;display: -ms-flexbox;display: flex;align-items: center;-webkit-align-items: center;} .aspCircle0:before{position: absolute;content: '';background-color: #fff;left: 1px;right: 1px;bottom: 1px;top: -3px;border-radius: 50%;z-index: -1;} .processStep{list-style: none;} .processStep li{position: relative; transition: all 0.8s ease 0ms;-webkit-transition: all 0.8s ease 0ms; opacity:0; visibility: hidden;} .processStep li:nth-child(1), .processStep li:nth-child(2) { transition-delay: 0.15s; -webkit-transition-delay: 0.15s; } .processStep li:nth-child(3), .processStep li:nth-child(4) { transition-delay: 0.30s; -webkit-transition-delay: 0.30s; } .processStep li:nth-child(5), .processStep li:nth-child(6) { transition-delay: 0.45s; -webkit-transition-delay: 0.45s; } .processStep li:nth-child(7) { transition-delay: 0.60s; -webkit-transition-delay: 0.60s; } .arbmActive .processStep li{opacity:1; visibility: visible;} .processStep li.leftSide:before{position: absolute;content: ''; right: 0; top: 0;width: 8px; height: 8px; border-radius: 50%;} .processStep li.rightSide:before{position: absolute;content: ''; left: 0; top: 0;width: 8px; height: 8px; border-radius: 50%;} .processStep li.centerBlock:before{position: absolute;content: ''; left: 0; top:-20px;width: 8px; height: 8px; border-radius: 50%;right: 0; margin: 0 auto;background-color: #a3ba4a;} .processStep li.leftSide.printOFSale:before{background-color: #626bad;top: 60px;right: -5px;} .processStep li.leftSide.backOffice:before{background-color: #5ea9bf;top: 20px;right: -23px;} .processStep li.leftSide.reOrdering:before{background-color: #bb99e1;top: -15px;right: 7px;} .processStep li.rightSide.eCommerce:before{background-color: #df5858;top: 60px;left: -21px;} .processStep li.rightSide.accurateStock:before{background-color: #fe6f37;top: 20px;left: -21px;} .processStep li.rightSide.specialOffer:before{background-color: #f6b865;top: -6px;left: 6px;} .processStep li.leftSide{width:30%;position: absolute;top: 0; left: 0;} .processStep li.rightSide{width:30%;position: absolute;top: 0; right: 0;} .processCircle{width: 97px; height: 97px; border-radius: 50%;display: inline-block; vertical-align: middle;box-shadow:11px 0 21px rgba(0,0,0,0.13);padding: 12px;} .processStep li.leftSide.printOFSale{position: absolute; left:0; top:100px;} .processStep li.leftSide.backOffice{position: absolute; left:-13px; top:230px;} .processStep li.leftSide.reOrdering{position: absolute; left:80px; top:inherit; bottom:-60px;} .processStep li.rightSide.eCommerce{position: absolute; right:-15px; top:100px;} .processStep li.rightSide.accurateStock{position: absolute; right:-10px; top:230px;} .processStep li.rightSide.specialOffer{position: absolute; right:80px; top:inherit; bottom:-60px;width: 31%;} .processStep li.centerBlock{position: absolute; left:0px; top:104%; right: 0;text-align: center;} .printOFSale .processCircle{background-color: #636caf;} .backOffice .processCircle{background-color: #5faac0;} .reOrdering .processCircle{background-color: #b796dd;} .eCommerce .processCircle{background-color:#de5858;} .accurateStock .processCircle{background-color:#ff6f37;} .specialOffer .processCircle{background-color:#f6b865;} .centerBlock .processCircle{background-color:#a3ba4a;} .centerBlock .processCommon p{display: block;text-align: center;padding-top: 15px;} .processCommon p{display: inline-block; vertical-align: middle;margin-bottom: 0;} li.leftSide .processCommon p{text-align: right;padding-right:14px;} li.rightSide .processCommon p{text-align: left;padding-left:14px;} .leftSide .processCommon{display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;align-items: center;} .leftSide .processCircle{order: 2;} .leftSide .processCommon p{order: 1;} .processCircle1{background-color: #fff;width: 72px; height: 72px; border-radius: 50%;box-shadow:11px 0 21px rgba(0,0,0,0.13);} .printOFSale .processCircle .processCircle1{border:2px solid #72aff8;} .backOffice .processCircle .processCircle1{border: 2px solid #278da9;} .reOrdering .processCircle .processCircle1{border: 2px solid #9865d2;} .eCommerce .processCircle .processCircle1{border: 2px solid #f15777;} .accurateStock .processCircle .processCircle1{border: 2px solid #f8577d;} .specialOffer .processCircle .processCircle1{border: 2px solid #f9577f;} .centerBlock .processCircle .processCircle1{border: 2px solid #cfe96c;} .processCircle1.sprite{width: 72px; height: 72px;} .printOFSale .processCircle .processCircle1{background-position:-213px -836px;} .backOffice .processCircle .processCircle1{background-position:-356px -837px;} .reOrdering .processCircle .processCircle1{background-position:-499px -835px} .eCommerce .processCircle .processCircle1{background-position:-286px -836px;} .accurateStock .processCircle .processCircle1{background-position:-427px -836px} .specialOffer .processCircle .processCircle1{background-position:-570px -836px} .centerBlock .processCircle .processCircle1{background-position:-641px -836px;} /***retail business management section css end here***/ /***EPOS hardware section css start here***/ .eposHardware{background:#ffffff url(../images/epos-hardware-bg-img.jpg)no-repeat 0 0; background-size: cover;} .eposHardwareInn h2{font-size: 24px;} .eposHardwareInn .checkList{margin-bottom:0;} /***EPOS hardware section css end here***/ /***group box css start here***/ .twoBoxGroup{margin-bottom:31px;} .commonBoxes{padding:54px 48px 49px;position: relative;background-color: #fff;box-shadow: 5px 0 32px rgba(0,0,0,0.15);min-height: 431px;} .commonBoxes:before{position: absolute; content: ''; bottom:-10px; top:-10px; right:40px; left:40px; margin: 0 auto;background-color:transparent;z-index: -1;} .printOfSale .commonBoxes:before{background-color: #4ba6f2;} .customerFile .commonBoxes:before{background-color: #e0a000;} .commonBoxes h2{font-size: 24px;color: #242173;} .bulletBox{padding: 0;} .bulletBox li{font-size: 16px;line-height: 1.56; color: #535353;position: relative;list-style: none;padding-left:17px;margin-bottom: 13px;} .bulletBox li:last-child{margin-bottom: 0;} .bulletBox li:before{position: absolute; content: ''; top:10px; left:0px; width: 4px; height: 4px; background-color: #ff763a; border-radius: 50%;} .fourCommon{padding: 49px 35px 21px 48px;position: relative;background-color: #fff;box-shadow: 5px 0 51px rgba(0,0,0,0.15);position: relative;min-height: 332px;} .fourBoxGroup .cols3{padding: 0 7px;} .fourCommon:before{position: absolute; content:''; left:17px; right:17px; top: 0; bottom: -10px; background-color: transparent;z-index: -1;} .backOffice .fourCommon:before{background-color: #dd9d00;} .hardwareDetail .fourCommon:before{background-color: #b6ca73;} .quickReporting .fourCommon:before{background-color: #ea623e;} .individualClient .fourCommon:before{background-color: #659921;} .fourCommon h2{font-size: 24px;color: #242173;} .fourBoxGroup{margin: 0 7px 31px;} /***group box css end here***/ /***silver warehouse management section css start here***/ .eCommerceMarket .ecommerceKart{position: absolute;bottom: -13px;left:-70px;} .sapHanaServices.eCommerceMarket{background:url(../images/silver-warehouse-bg-img.jpg)no-repeat right 0;} .eCommerceMarket .sttlUkTab .sttlUkTabDetailBox{max-width:720px;} .eCommerceMarket .bulletBox li{color: #fff;} .eCommerceMarket .bulletBox li > span{font-weight: 600;} .eCommerceMarket .bulletBox li > a{font-size: 16px;color: #9edcff;text-decoration: underline;} .eCommerceMarket .bulletBox li > a:hover{color:#ffd144} .eCommerceMarket .sttlUkTab .sttlUkTabDetail{padding-top: 0;} .eCommerceMarket .sttlUkTab .sttlUkTabList li:before{background-color: #ffd143;} .eCommerceMarket .sttlUkTab .sttlUkTabList li:after{border-left-color: #ffd143;} .eCommerceMarket.sapHanaServices{padding: 66px 0 70px;} .eCommerceMarket .sttlUkTab .sttlUkTabList li .icon1{background-position:-136px -327px;width: 45px;height: 33px;} .eCommerceMarket .sttlUkTab .sttlUkTabList li .icon2{background-position:-188px -327px;width: 44px;height: 40px;} .eCommerceMarket .sttlUkTab .sttlUkTabList li .icon3{background-position:-240px -328px;width: 40px;height: 34px;} .eCommerceMarket .sttlUkTab .sttlUkTabList li .icon4{background-position:-291px -327px; width: 37px;height: 37px;} .eCommerceMarket .sttlUkTab .sttlUkTabList li a{ padding:17px 10px 17px 60px;} .eCommerceMarket .tabContent-img{position: absolute; bottom: 0;right: -60px;} /***silver warehouse management section css end here***/ /***key benefit section css start here***/ .keyBenefits.sapOneHanaBenefits .hanaBenefits{background-color: #fff;border: 1px solid #242173;box-shadow: 5px 0 32px rgba(0,0,0,0.15);} .keyBenefits.sapOneHanaBenefits{background-color: transparent;} .keyBenefits.sapOneHanaBenefits .orangeBlock:before{background-color: #e08157;} /***key benefit section css end here***/ /*************Retail page css end here**************/ /*************quality-check-management page css start here****************/ /***inwardQc section css start here***/ .inwardQc{position: relative;background: #f3f3f3;overflow: hidden;} .inwardContent.cols6{float: right; padding-left: 73px;} .inwardQc .leftImg {position: absolute;left: 0;top: 0;width: 50%;height: 100%;} .inwardQc .leftImg img, .reQC .leftImg img { width: 100%; } /***inwardQc section css end here***/ /***reQc section css start here***/ .reQC .leftImg {position: absolute;right: 0;top: 0;width: 50%;height: 100%;} .inwardContent p{margin-bottom: 0;} .reQC{position: relative;overflow: hidden;background: #f3f3f3; padding: 70px 0 70px 0;} .cols6.reQcContent{padding-right: 70px;} /***reQc section css end here***/ /***pre-dispatch section css start here***/ .preDispatch{background:#0d7099 url(../images/pre-dispatch-bg-img.jpg)no-repeat 0 0; background-size: cover;} .disPatchContent h2{color: #fff;} .disPatchContent p{color: #fff;} .cols6.disPatchContent{float: right;} /***pre-dispatch section css end here***/ /***silver quality chart css start here***/ .silverQualityChart .chartDetail li .colorCircle.yellowCircle{background-color: #87c295;} /***silver quality chart css end here***/ /***silver quality fetures css start here***/ .silverQualityFeatures{background: url(../images/silver-quality-fetures-bg.jpg)no-repeat 0 0; background-size: cover;} .silverQualityFeatures h2 { text-align: center; color: #fff; } .sfmFeaturesList.QualityFeatures li{width: 25%;float: left;} .sfmFeaturesList.QualityFeatures .icon1{background-position: -440px -2px;width: 47px;height: 47px;} .sfmFeaturesList.QualityFeatures .icon2{background-position:-495px -3px;width: 38px;height: 47px;} .sfmFeaturesList.QualityFeatures .icon3{background-position:-539px -4px;width: 47px;height: 47px;} .sfmFeaturesList.QualityFeatures .icon4{background-position:-323px -111px;width: 45px;height: 47px;} .sfmFeaturesList.QualityFeatures .icon5{background-position:-374px -111px;width: 38px;height: 47px;} .sfmFeaturesList.QualityFeatures .icon6{background-position:-418px -113px;width: 50px;height: 47px;} .sfmFeaturesList.QualityFeatures .icon7{background-position:-474px -113px;width: 42px;height: 47px;} .sfmFeaturesList.QualityFeatures .icon8{background-position:-523px -113px;width: 41px;height: 47px;} .sfmFeaturesList.QualityFeatures p{margin-bottom: 0;} /***silver quality fetures css end here***/ /***Qc inspection css start here***/ .masterDataBox ul li{width: 50%; float: left;font-weight: 600; padding: 0 20px;} .masterDataBox h2{font-size: 24px;} .masterDataBox .bulletBox li:before{width: 6px; height: 6px;} .masterDataBox ul{display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-wrap:wrap;flex-wrap: wrap; border-bottom: 1px solid #ccc;padding-bottom: 21px;margin-bottom: 21px;} .masterDataBox:last-child ul{margin-bottom: 0;padding-bottom: 0; border-bottom: 0;} .qcInspectionImg h2{padding-left: 30px;} /***Qc inspection css end here***/ /*************quality-check-management page css end here****************/ /***************manufacturing page css start*******************/ .discreteManuf .inwardContent p{margin-bottom:25px;} .discreteManuf.commonContent {padding:60px 0;} .sapOneHanaBenefits.manuifacturingBenefits{background-color: transparent;} .discreteManuf .leftImg img, .processManuf .leftImg img { width: 100%; } /***************manufacturing page css end*******************/ /***************discrete manufacturing page css start*******************/ .manuifacturingBenefits { padding-bottom: 40px; } .discreteManufCon strong{margin-bottom: 15px;display: block;} .fetureDiscreteManuf{background:#f3f3f3 url(../images/discrete-feture-bg-img.jpg)no-repeat 0 0;background-size: cover;} .fetureDiscreteInn ul{list-style: none;} .fetureDiscreteInn .bulletBox li:before{background-color: #353535; border: 1px solid #353535;} .fetureDiscreteInn .bulletBox li{margin-bottom: 5px;} .fetureDiscreteInn ul.checkList{width: 50%; float: left;margin-bottom: 0;} .fetureDiscreteInn ul.checkList:first-of-type{padding-right: 15px;} .fetureDiscreteInn ul.checkList li { font-size: 18px; margin-bottom: 14px; } .processDiscreteManuf{background:#f3f3f3 url(../images/process-feture-bg-img.jpg)no-repeat 0 0;background-size: cover;} /***************discrete manufacturing page css end*******************/ /*************Resources*************/ .resourcesBrochures { background: #fff url(../images/resources-brochures-bg.jpg) no-repeat 0 0;background-size: cover; } .resourcesBrochures .cols6, .resourcesVideos .cols6 { float: right; } .resourcesEbooks { background: #fff url(../images/resources-ebooks-bg.jpg) no-repeat 0 0;background-size: cover; } .resourcesVideos { background: #f5f5f5 url(../images/resources-videos-bg.jpg) no-repeat 0 0;background-size: cover; } .resourcesBrochures, .resourcesEbooks, .resourcesVideos { padding: 100px 0; } /*************Event List*************/ .eventWrap { padding-bottom: 30px; padding-top: 60px;} .eventList { margin: 0 -25px; padding: 0; list-style: none;display: flex;display: -webkit-flex;display: -ms-flexbox; flex-wrap: wrap;-webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; } .eventList li { float:left; width: 33%; padding: 25px;display: flex;display: -webkit-flex;display: -ms-flexbox; flex-wrap: wrap;-webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; } .eventList .eventBox { padding: 10px; box-shadow:0 0 35px rgba(0, 0, 0, 0.14); } .eventList .eventBox .imgHolder { margin-bottom: 30px; overflow: hidden; } .eventList .eventBox .imgHolder img { transition: all 0.5s ease 0ms; -webkit-transition: all 0.5s ease 0ms; width:100%; } .eventList .eventBox:hover .imgHolder img { transform: scale(1.1); -webkit-transform: scale(1.1); } .eventList .eventBox .eventCard { padding: 8px; } .eventList .eventBox .eventDate { margin-bottom: 10px; display: none; } .eventList .eventBox .eventDate .fa { margin-right: 7px; color: #1e7092; } .eventList .eventBox h2, .eventList .eventBox h2 a { text-decoration: none; font-size: 16px; color: #4d4d4d; font-weight: 600; margin-bottom: 10px; } .eventList .eventBox:hover h2 a { color: #ff763a; } .eventList .eventBox p a { text-decoration: underline; color: #429fed; } .eventList .eventBox p a:hover { color: #535353; } /*************About us page*************/ .aboutContent .knowWhatsInn h2{letter-spacing:-0.5px} .silverFacts{background:#ececec url(../images/silver-facts-bg-img.jpg)no-repeat 0 0; background-size: cover;} .silverFactsInn h2{text-align: center;} .factsCounter{padding-top: 59px;} .factCounterInn{padding: 0; margin: 0 -15px} .factCounterInn li{width:16.66666666666667%; float: left;list-style: none;text-align: center;padding: 0 15px;border-right: 2px solid #bfbfbf;} .factCounterInn li:last-child{border-right: 0;} .factCounterInn li .counterWrap .counter{font-weight: 300;font-size:56px;color: #1e7092;} .counterWrap p{font-weight: 600;color: #535353; font-size: 15px;line-height: 1.5666;text-transform:uppercase;} .ourApprouchInn h2{text-align: center;} .approuchStep{text-align: center;} .approuchStep ul{padding: 0;margin: 0 -7px; list-style: none;} .approuchStep ul li{width: 16.66666666666667%;float: left; padding: 0 7px;position: relative;} .approuchStep ul li:last-child:after{display: none;} .hexagonBox {position: relative;width:100%; height:auto;background-color:transparent;margin:15px 0 0 0; border: 2px solid #242173;display: -webkit-box;display: -webkit-flex; display: -ms-flexbox;display: flex;align-items: center;-webkit-align-items: center;justify-content: center;flex-wrap: wrap; border-radius:10px; padding: 20px;} .hexagonBox:before, .hexagonBox:after {content: "";position: absolute;z-index: 1;width:136px;height:136px;-webkit-transform: scaleY(0.5774) rotate(-45deg);-ms-transform: scaleY(0.5774) rotate(-45deg);transform: scaleY(0.5774) rotate(-45deg);background-color: inherit;left: 25px; display: none;} .hexagonBox:before {top: -68px;border-top: solid 4px #ff763a;border-right: solid 4px #ff763a;} .hexagonBox:after {bottom: -68px;border-bottom: solid 4px #ff763a;border-left: solid 4px #ff763a;} .hexagonBox p{font-weight: 700;font-size: 22px;color: #535353;margin-bottom: 0;display: block;width: 100%; position: relative; z-index: 2;} .approuchStep .hexagonBox .sprite{width: 70px; height: 70px;display: block; margin-bottom: 5px;} .approuchStep .hexagonBox .sprite.icon1{background-position:-811px 4px;} .approuchStep .hexagonBox .sprite.icon2{background-position:-811px -74px;} .approuchStep .hexagonBox .sprite.icon3{background-position:-811px -146px;} .approuchStep .hexagonBox .sprite.icon4{background-position:-811px -219px;} .approuchStep .hexagonBox .sprite.icon5{background-position:-811px -300px;} .approuchStep .hexagonBox .sprite.icon6{background-position:-811px -375px;} .approuchStep .button{margin-top: 40px;} .industryVertical.commonContent{padding: 85px 0 19px;margin-bottom:-250px; padding-bottom:215px;} .industryVertical{background-color: #f3f3f3;} .induVerticalInn h2{text-align: center;} .induVerticalList{padding:42px 0 0 0; margin: 0;list-style: none;} .induVerticalList li{width: 14.28571428571429%; float: left;text-align: center;margin-bottom: 66px;} .listWrap p{margin-bottom: 0;font-size: 18px;font-weight: 600;text-transform: uppercase;margin-top: 20px;} .induVerticalList li .listWrap .sprite{width: 70px; height: 70px;} .induVerticalList li .listWrap .sprite.icon1{background-position:-811px -455px;} .induVerticalList li .listWrap .sprite.icon2{background-position:-811px -525px;} .induVerticalList li .listWrap .sprite.icon3{background-position:-811px -595px;} .induVerticalList li .listWrap .sprite.icon4{background-position:-811px -665px;} .induVerticalList li .listWrap .sprite.icon5{background-position:-811px -735px;} .induVerticalList li .listWrap .sprite.icon6{background-position:-811px -805px;} .induVerticalList li .listWrap .sprite.icon7{background-position:-881px 0px;} .induVerticalList li .listWrap .sprite.icon8{background-position:-881px -70px;} .induVerticalList li .listWrap .sprite.icon9{background-position:-881px -140px;} .induVerticalList li .listWrap .sprite.icon10{background-position:-881px -210px;} .induVerticalList li .listWrap .sprite.icon11{background-position:-881px -280px;} .induVerticalList li .listWrap .sprite.icon12{background-position:-881px -350px;} .induVerticalList li .listWrap .sprite.icon13{background-position:-881px -420px;} .induVerticalList li .listWrap .sprite.icon14{background-position:-881px -490px;} .silverQualityBenefits { background: none; padding-top:0; } /*************Add-Ons page*************/ /*.commonSector:nth-child(even) .sectorDetails { float: right; } .wmsSector { background: #f5f5f5 url(../images/wms-sector-bg.jpg) no-repeat right 0; background-size:cover; } .qualityCheckSector { background: url(../images/quality-check-sector-bg.jpg) no-repeat 0 0; background-size:cover; } .sfManageSector { background: #f5f5f5 url(../images/sf-manage-sector-bg.jpg) no-repeat right 0; background-size:cover; } .markIntegrationSector { background: url(../images/mark-integration-sector-bg.jpg) no-repeat 0 0; background-size:cover; } .detail404 {max-width: 800px; width:100%;margin: 0 auto;text-align: center; box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);padding: 30px;} .detail404 h2 {position: relative;display: inline-block;text-transform: uppercase;} .detail404 h2::before, .detail404 h2::after {width: 14px;height: 14px;background-color: #242173;border-radius: 50%;content: "";position: absolute;top: 50%;margin-top: -7px;} .detail404 h2::before {left: -50px;} .detail404 h2::after {right: -50px;} .detail404 h3 {display: inline-block;font-size: 150px;line-height: 0.9; padding-bottom: 20px;color: #000; border-bottom:1px solid #000;} .detail404 .largeText {font-size: 45px;color: #2f2f2f;font-weight: 700;line-height: 1.3;text-transform: uppercase;margin-bottom: 30px; } .mobSolFetureTabList li a { color: #535353; }*/ /***********serach page start************/ .searchContent h2 {font-size: 36px;line-height: normal;} .searchContent h2{display: inline-block;} .searchContent h3 {margin: 0 0 20px;line-height: 1;} .searchContent h3 {color: #2d2d2d;text-align: left;} .searchContent a{text-decoration: none;color: #0c6f98;line-height: 1;} .searchContent a:hover{color: #ff763a;} .searchContent .entry-footer span svg{display: inline-block; vertical-align: middle;fill:#ff763a;} .searchContent .entry-footer span a{display: inline-block; vertical-align: middle;padding-left: 8px;padding-right:15px;} .searchContent .entry-footer span span.screen-reader-text{padding-left: 8px;display: inline-block;vertical-align: middle;font-weight: 600;} .searchContent article{border-bottom: 1px solid #ccc;padding-bottom: 40px;margin-top: 40px;} .searchContent .entry-content p:first-of-type{margin-bottom: 0;} .searchContent article:first-of-type{margin-top: 0;} .searchContent .pagination{margin-top: 40px;} .searchContent .pagination h2{display: none;} .searchContent .page-numbers .nav-next-text{display: inline-block; vertical-align: middle;} .searchContent .page-numbers svg{display: inline-block; vertical-align: middle;} .searchContent .page-numbers{display: inline-block; vertical-align: middle;font-size: 18px; padding-right: 5px;} .searchContent .page-numbers.current{color:#ff763a;font-weight: 600;} /**************delivery management system***********/ .deliveryContent .knowWhatsInn p:last-child{margin-bottom: 0;} .fourInOne{background-color: #f3f3f3;} .fourInOne h2{text-align: center;} .fourInOneList ul{list-style: none;margin: 0 -52px;padding: 0; position: relative;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;flex-wrap: wrap;-webkit-flex-wrap: wrap;} .fourInOneList ul:before{position: absolute; left:220px; top:-1px; width:300px; height:1px; background-color: #606060;} .fourInOneList ul:after{position: absolute; right:197px; top:-1px; width:319px; height:1px; background-color: #606060;} .fourInOneList{position: relative;padding-top: 71px;max-width: 1030px; margin: 0 auto;width: 100%;} .fourInOneList:before{position: absolute; content: '';background-image: url(../images/four-in-one-center-img.jpg); background-repeat: no-repeat;left: 0; top: 0; right: 0; margin: 0 auto;background-size: 100%; width:103px; height: 71px;} .fourInOneList ul li{width:24.8%; float: left; padding:143px 52px 0 52px;position: relative;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;} .fourInOneList ul li:before{position: absolute; content: '';top:-1px; left:82px; right: 0; width:60px; height: 40px; border-left: 1px solid #606060;border-top: 1px solid #606060;border-top-left-radius:40px; margin: 0 auto;transform: scaleX(1.4);-webkit-transform: scaleX(1.4);} .fourInOneList ul li:nth-child(3):before, .fourInOneList ul li:nth-child(4):before{transform:rotateY(180deg);-webkit-transform:rotateY(180deg);left: inherit; right:141px;} .listBox{background-color: #fff;border-radius: 10px;box-shadow: 0px 0 43px rgba(0,0,0,0.23);text-align: center;padding:119px 0 46px 0;position: relative;width: 100%;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;align-items: center;-webkit-align-items: center;justify-content: center;-webkit-justify-content: center;} .listBox:before{position: absolute;content: ''; left:5px; top: 5px; bottom:5px; right:5px; border:2px solid transparent; border-radius: 10px;} .firstBox.listBox:before{border-color: #278db9;} .secondBox.listBox:before{border-color: #399bc5;} .thirdBox.listBox:before{border-color: #4aafdb;} .fourthBox.listBox:before{border-color: #45c8e9;} .listBox > span{font-weight: 600;color: #242173;font-size: 17px;font-family: 'Open Sans', sans-serif;} .roundShape{width: 178px; height: 178px;border-radius: 50%;position: absolute;top:-88px; left: 0; right: 0; margin: 0 auto;box-shadow: 0 5px 35px rgba(0,0,0,0.25);display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;align-items: center;-webkit-align-items: center;justify-content: center;-webkit-justify-content: center;} .roundShape:before{position: absolute; content: '';left:8px; top:8px; width:161px; height:161px; border-radius: 50%; border: 1px solid #fff;bottom: 8px; right: 8px;} .roundShape:after{position: absolute; content: ''; top:-20px; left: 0; right: 0; width: 7px; height: 7px;border-radius: 50%; background-color: #ffba70;margin: 0 auto;} .firstBox .roundShape{background-color: #278db9;} .secondBox .roundShape{background-color: #399bc5;} .thirdBox .roundShape{background-color: #4aafdb;} .fourthBox .roundShape{background-color: #45c8e9;} .roundShape .sprite{width: 80px; height: 80px;} .roundShape .sprite.icon1{background-position:-881px -550px;} .roundShape .sprite.icon2{background-position:-881px -630px;} .roundShape .sprite.icon3{background-position:-881px -710px;} .roundShape .sprite.icon4{background-position:-881px -790px;} .officeOperation{background:#fff url(../images/back-office-operation-bg-img.jpg)no-repeat right bottom;background-size: auto 100%;} .mobSolDriver{position: relative;} .mobSolDriver .leftImg {position: absolute;left: 0;top: 0;width: 50%;height: 100%;} .mobSolDriver.integratedTracking .leftImg {position: absolute;left:inherit; right: 0;} .mobSolDriver .cols6{float: right;padding-left: 70px;} .mobSolDriver.integratedTracking .cols6{float: left;padding-left:15px;padding-right: 70px;} .mobSolDriver.integratedTracking{background-color: #f3f3f3;padding-bottom: 72px; overflow: hidden;} .sapOneHanaBenefits.deliveryBenefits{background-color: transparent;} /**********offshore development center start**********/ .offshoreApprouch{background:#f8f8f8; /*url(../images/our-offshore-approuch-bg.jpg)no-repeat center center;*/} .offshoreApprouchInn{text-align: center;} .benefitsOffshore{background:#0d7099 url(../images/key-benefits-of-offshore-bg-img.jpg)no-repeat 0 0; background-size: cover;position: relative;} /*.benefitsOffshore:before{position: absolute;content: ''; left: 0; top:25px;background:url(../images/benefit-offshore-bg-pattern.png)no-repeat 0 0;background-size: 100%;width: 164px; height: 88px;}*/ .benefitsOffshoreList h2{color: #fff; margin-bottom: 35px;} .benefitsOffshoreList ul.checkList{width: 50%; float: left;padding-right: 10px;} .benefitsOffshoreList ul.checkList li{color: #fff;} .typeOfOffshreDevInn h2{text-align: center;} .benefitsOffshore .checkList li:before { color:#fff; border-color:#fff; } .offshoreDevList{margin: 0; padding:30px 0 0 0;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;flex-wrap: wrap;-webkit-flex-wrap: wrap;} .offshoreDevList li{float: left;display: inline-block;width: 25%;text-align: center;padding-bottom: 42px; margin-bottom:42px;position: relative;} .offshoreDevList li:before{position: absolute;content:''; left: 0; right: 0;bottom: 0; margin: 0 auto;width: 198px; height: 1px;background-color: #d5d5d5;} .offshoreDevList .devDetail p{margin-bottom: 0;line-height: 1.2;font-weight: 700;} .offshoreDevList .devDetail .spriteV2{width: 70px; height: 70px;} .offshoreDevList .devDetail .spriteV2.icon1{background-position: 0 0;} .offshoreDevList .devDetail .spriteV2.icon2{background-position:-70px 0px;} .offshoreDevList .devDetail .spriteV2.icon3{background-position:-140px 0px;} .offshoreDevList .devDetail .spriteV2.icon4{background-position:-210px 0px;} .offshoreDevList .devDetail .spriteV2.icon5{background-position:-280px 0px;} .offshoreDevList .devDetail .spriteV2.icon6{background-position:-350px 0px;} .offshoreDevList .devDetail .spriteV2.icon7{background-position:-420px 0px;} .offshoreDevList .devDetail .spriteV2.icon8{background-position:-490px 0px;} .offshoreDevList .devDetail{border-right: 1px solid #d5d5d5;} .offshoreDevList li:nth-child(4n+4) .devDetail{border-right: 0;} .offshoreDevList li:nth-last-child(4):before{display: none;} .offshoreDevList li:nth-last-child(3):before{display: none;} .offshoreDevList li:nth-last-child(2):before{display: none;} .offshoreDevList li:nth-last-child(1):before{display: none;} .offshoreDevList li:nth-last-child(4){margin: 0;padding: 0} .offshoreDevList li:nth-last-child(3){margin: 0;padding: 0} .offshoreDevList li:nth-last-child(2){margin: 0;padding: 0} .offshoreDevList li:nth-last-child(1){margin: 0;padding: 0} .howTolaunchInn h2{text-align: center;} .howToLaunch{background-color:#f0f0f0;} .howTolaunchInn .howToLaunchProcess{padding:165px 0 0 0; margin: 0; list-style: none;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;flex-wrap: wrap;-webkit-flex-wrap: wrap; position: relative;z-index: 0;} .howTolaunchInn .howToLaunchProcess li{width:11.11111111111111%;float: left;} .howTolaunchInn .howToLaunchProcess li:nth-child(even){margin-top: -134px;} .howTolaunchInn .odcProcessRound{width:134px; height:134px; border-radius: 50%; background-color: #fff; border:8px solid #2fbedd;position: relative;z-index: 1111;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;align-items: center;-webkit-align-items: center;justify-content: center;-webkit-justify-content: center;} .howTolaunchInn .crossLine{position: absolute;width:60px; height: 40px; border-top: 8px solid #2fbedd; top:-10px; right:-40px;transform: rotate(-50deg);-webkit-transform: rotate(-50deg);} .howTolaunchInn .roundWrapper{position: relative;} .howTolaunchInn .howToLaunchProcess li:nth-child(even) .crossLine{top: inherit;bottom: -30px;right: -24px;transform: rotate(50deg);-webkit-transform:rotate(50deg);width: 73px;} .howTolaunchInn .crossLine:after{position: absolute;content: '';left: -15px;width: 20px;height: 20px;background-color: #2fbedd;border-radius: 50%;top: -15px;z-index: -1;} .howTolaunchInn .crossLine:before{position: absolute;content: '';right:-15px;width: 20px;height: 20px;background-color: #2fbedd;border-radius: 50%;bottom:25px;z-index: -1;} .howTolaunchInn .howToLaunchProcess li:nth-child(even) .crossLine:after{left:-10px;top:-14px;} .howTolaunchInn .howToLaunchProcess li:nth-child(even) .crossLine:before{right: -8px;} .howTolaunchInn .odcProcessRound:after{position: absolute; content:'';left: 0; right: 0; top: 0; bottom: 0; box-shadow: 7px 13px 35px rgba(0,0,0,0.23);border-radius: 50%;} .howTolaunchInn .odcProcessRound:before{position: absolute;content:''; width: 1px; height: 57px; background-color:#2fbedd;top: 100%;left: 0; right: 0; margin: 0 auto;} .howTolaunchInn .odcProcesstext{text-align: center;margin-top:48px;position: relative;padding-top: 22px} .howTolaunchInn .odcProcesstext:before{position: absolute;content: '';top: 0; left:-4px; right: 0;margin: 0 auto;width: 8px; height: 8px; background-color: #2fbedd;border-radius: 50%;} .howTolaunchInn .howToLaunchProcess li:nth-child(even) .odcProcesstext{padding-top: 22px;margin-top: 107px;} .howTolaunchInn .howToLaunchProcess li:nth-child(even) .odcProcessRound:before{height: 115px;} .howTolaunchInn .odcProcessRound .spriteV2{width: 55px; height: 55px;} .howTolaunchInn .odcProcessRound .spriteV2.icon1{background-position:0 -70px;} .howTolaunchInn .odcProcessRound .spriteV2.icon2{background-position:-55px -70px;} .howTolaunchInn .odcProcessRound .spriteV2.icon3{background-position:-110px -70px;} .howTolaunchInn .odcProcessRound .spriteV2.icon4{background-position:-165px -70px;} .howTolaunchInn .odcProcessRound .spriteV2.icon5{background-position:-220px -70px;} .howTolaunchInn .odcProcessRound .spriteV2.icon6{background-position:-275px -70px;} .howTolaunchInn .odcProcessRound .spriteV2.icon7{background-position:-330px -70px;} .howTolaunchInn .odcProcessRound .spriteV2.icon8{background-position:-385px -70px;} .howTolaunchInn .odcProcessRound .spriteV2.icon9{background-position:-440px -70px;} .howTolaunchInn .odcProcesstext p{white-space: nowrap;} .extraEdge{background:#fff url(../images/extra-edge-bg-img.jpg)no-repeat 0 0; background-size: cover;margin-bottom:-250px; padding-bottom:275px;} .extraEdgeContent .extraEdgeServices{display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;flex-wrap: wrap;-webkit-flex-wrap: wrap;list-style: none; padding: 21px 0 0 0; margin: 0 -20px} .extraEdgeContent .extraEdgeServices li{width: 50%; float: left;padding: 0 20px 30px; margin-bottom: 30px;position: relative;} .extraEdgeContent .extraEdgeServices li:before{position: absolute;content: '';width: 198px; left: 0; right: 0; margin: 0 auto; bottom: 0; height: 1px; background-color: #d5d5d5} .extraEdgeContent .extraEdgeServices li:nth-child(2n+2):after{display: none;} .extraEdgeContent .extraEdgeServices li:after{position: absolute;;content: ''; right:5px; top: 0; width: 1px; height: 57px;background-color:#d5d5d5;} .extraEdgeContent .extraEdgeServices li:nth-last-child(2):before{display: none;} .extraEdgeContent .extraEdgeServices li:nth-last-child(1):before{display: none;} .extraEdgeContent .extraEdgeServices li:nth-last-child(2){margin-bottom: 0;padding-bottom: 0} .extraEdgeContent .extraEdgeServices li:nth-last-child(1){margin-bottom: 0;padding-bottom: 0} .edgeServiceBox p{font-weight: 700;display: inline-block; vertical-align: middle;margin-bottom: 0;} .extraEdgeServices .edgeServiceBox .spriteV2{width: 55px; height: 55px;} .extraEdgeServices .edgeServiceBox .spriteV2.icon1{background-position:-495px -65px;} .extraEdgeServices .edgeServiceBox .spriteV2.icon2{background-position:0px -120px;} .extraEdgeServices .edgeServiceBox .spriteV2.icon3{background-position:-55px -120px;} .extraEdgeServices .edgeServiceBox .spriteV2.icon4{background-position:-110px -120px;} .extraEdgeServices .edgeServiceBox .spriteV2.icon5{background-position:-165px -120px;} .extraEdgeServices .edgeServiceBox .spriteV2.icon6{background-position:-220px -120px;} /********wholesale and distribution page start******/ .featureWholesale{background:#e9e9e9 url(../images/wholesale-feture-bg-img.jpg) no-repeat right bottom; background-size:auto 100%;} .featureWholesaleInn .checkList{margin-bottom: 0;} .orderToCashInn h2{font-weight: 600;font-size: 16px;} .orderToCashInn .orderTocashBox{background-color: #fff;box-shadow: 5px 0 32px rgba(0,0,0,0.15); padding: 65px 100px 30px 35px;} .orderToCash .orderToCashInn{display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;flex-wrap: wrap;-webkit-flex-wrap: wrap;} .orderToCash .orderToCashInn .commonBloks{display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;flex-wrap: wrap;-webkit-flex-wrap: wrap;} .orderToCashRight .orderTocashBox{padding-right: 80px;} .orderToCash{position: relative;} /*.orderToCash:before{position: absolute;content: '';left: 0; bottom: 0; background:url(../images/white-plus-bg.png)no-repeat 0 0; background-size: 100%;width: 165px; height: 165px;}*/ .silverWholesaleManageInn{text-align: center;} .silverWholesaleManageInn h2{color: #fff;} .silverWholesaleManageInn p{color: #fff;} .silverWholesaleManageInn p:last-child{margin-bottom: 0;} .silverWholesaleManage{background: #1e7092;position: relative;} /*.silverWholesaleManage:before{position: absolute;content: '';top: 0; left: 0; background:url(../images/silver-wholesale-management-bg-pattern.png)no-repeat;background-size: 100%;width: 164px; height: 164px;}*/ .sapOneHanaBenefits.wholesaleBenefits{background-color: transparent;} .knowWhatsInn p:last-child{margin-bottom: 0;} /*********apparel and footwear page start********/ .apparelFootwearSectors{position: relative;} .sectorsList{padding-top: 30px;} /*.apparelFootwearSectors:before {position: absolute;content: '';right: 0;top: -113px;background-image: url(../images/five-plus-bg-img.png);background-repeat: no-repeat;width:323px;height:324px;background-size: 100%;}*/ .sectorsList .commonSector:nth-child(odd){background-color: #f5f5f5;} .sectorsList .accesoriesSector{background: url(../images/accesories-bg-img.jpg)no-repeat 0 0;background-size: cover;} .sectorsList .commonSector:nth-child(odd) .cols6{float: right;} .commonSector h3{font-size: 24px;} .sectorsList .apparelSector{background: url(../images/apparel-bg-img.jpg)no-repeat 0 0;background-size: cover;} .sectorsList .footwearSector{background: url(../images/footwera-bg-img.jpg)no-repeat 0 0;background-size: cover;} .solutionScope{position: relative;padding-bottom: 105px;} /*.solutionScope:before{position: absolute; content: ''; left: 0; bottom: 0; background:url(../images/solution-scope-bg-pattern.png)no-repeat 0 0; background-size: 100%;width: 323px; height: 324px;}*/ .solutionScopeInn h2{text-align: center;} .solutionScopeProcess{background:url(../images/solution-scopr-middle-img.png)no-repeat center;height: 456px;position: relative; margin-top: 80px;} .scopeProcessLeft{float: left;width:36%} .scopeProcessRight{float: right;width:42%;} .scopeProcessLeft h3{position: absolute;font-size: 18px;font-weight: 600;margin: 0;left:48%; top: 40px;text-transform: uppercase;transform: translateX(-50%);-webkit-transform: translateX(-50%);text-align: center;} .scopeProcessRight h3{font-size: 18px;color: #ff763a;text-transform: uppercase; position: absolute; left:48%; bottom:040px;text-transform: uppercase;transform: translateX(-50%);-webkit-transform: translateX(-50%);margin: 0;text-align: center;} .commonScope ul{list-style: none;margin: 0; padding: 0;position: relative;} .scopeProcessLeft.commonScope ul{margin:60px 0 0 0;} .scopeProcessLeft.commonScope ul li{display: block; text-align: right; margin-bottom: 13px;} .scopeProcessLeft.commonScope ul li .spriteV2{width: 55px; height: 55px;} .scopeProcessLeft.commonScope .spriteV2.icon1{background-position:-275px -120px;} .scopeProcessLeft.commonScope .spriteV2.icon2{background-position:-330px -120px;} .scopeProcessLeft.commonScope .spriteV2.icon3{background-position:-385px -120px;} .scopeProcessLeft.commonScope .spriteV2.icon4{background-position:-440px -120px;} .scopeProcessLeft.commonScope .spriteV2.icon5{background-position:-495px -120px;} .scopeProcessLeft.commonScope .spriteV2{order: 2;} .commonScope .scopeTextWrap p{display: inline-block; margin-bottom: 0;} .scopeProcessLeft.commonScope .scopeTextWrap p{order: 1;padding-right: 25px;} .scopeProcessLeft.commonScope .scopeTextWrap{display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex; justify-content: flex-end;-webkit-justify-content: flex-end;align-items: center;-webkit-align-items: center;} .scopeProcessLeft.commonScope ul li:nth-child(2){margin-right: 35px;} .scopeProcessLeft.commonScope ul li:nth-child(3){margin-right: 60px;} .scopeProcessLeft.commonScope ul li:nth-child(4){margin-right: 45px;} .scopeProcessLeft.commonScope ul li:nth-child(5){margin-right: 10px;} .scopeProcessRight.commonScope ul li .spriteV2{width: 55px; height: 55px;} .scopeProcessRight.commonScope ul li .spriteV2.icon1{background-position: 0px -175px;} .scopeProcessRight.commonScope ul li .spriteV2.icon2{background-position:-55px -175px;} .scopeProcessRight.commonScope ul li .spriteV2.icon3{background-position:-110px -175px;} .scopeProcessRight.commonScope ul li .spriteV2.icon4{background-position:-165px -175px;} .scopeProcessRight.commonScope ul li .spriteV2.icon5{background-position:-220px -175px;} .scopeProcessRight.commonScope ul li .spriteV2.icon6{background-position:-275px -175px;} .scopeProcessRight.commonScope ul li .spriteV2.icon7{background-position:-335px -175px;} .scopeProcessRight.commonScope ul li .spriteV2.icon8{background-position:-390px -175px;} .scopeProcessRight.commonScope ul li{position: absolute; top: 0; left: 0;} .scopeProcessRight.commonScope ul li:nth-child(1){top: -55px;left: -40px;} .scopeProcessRight.commonScope ul li:nth-child(2){top: 10px;left: 60px;} .scopeProcessRight.commonScope ul li:nth-child(3){top:80px;left:100px;} .scopeProcessRight.commonScope ul li:nth-child(4){top: 150px;left: 125px;} .scopeProcessRight.commonScope ul li:nth-child(5){top: 230px;left: 126px;} .scopeProcessRight.commonScope ul li:nth-child(6){top:310px;left:95px;} .scopeProcessRight.commonScope ul li:nth-child(7){top:390px;left:60px;} .scopeProcessRight.commonScope ul li:nth-child(8){top: 465px;left: -20px;} .essenceCollaboration{background:#f4f4f4 url(../images/essencs-collaboration-bg.jpg)no-repeat right bottom;background-size: auto 100%;} .essenceCollaboInn h3{font-size: 24px;} .essenceCollaboWrap{padding-top: 25px;} .heartOfApparel.commonContent{padding: 85px 0 20px;} .heartOfApparelInn h2{text-align: center;} .heartOfApparelBlocks{display: block; text-align: center;margin: 0;padding: 0;list-style: none;margin: 0 -50px;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;flex-wrap: wrap;-webkit-flex-wrap: wrap;justify-content: center;-webkit-justify-content: center;} .heartOfApparelBlocks li{display: inline-block; padding: 0 50px;vertical-align: top; border-right: 1px solid #e1e1e1;margin-bottom: 65px;} .heartOfApparelBlocks li:last-child{border-right: 0;} .heartOfApparelBlocks li:nth-child(6){border-right: 0;} .apparelBlocksInn p{font-size: 18px;margin-bottom: 0;} .heartOfApparelBlocks li .spriteV2{width: 55px; height: 55px;margin-bottom: 20px;} .heartOfApparelBlocks li .spriteV2.icon1{background-position:-441px -175px} .heartOfApparelBlocks li .spriteV2.icon2{background-position:-496px -175px} .heartOfApparelBlocks li .spriteV2.icon3{background-position:-0px -230px} .heartOfApparelBlocks li .spriteV2.icon4{background-position:-55px -230px} .heartOfApparelBlocks li .spriteV2.icon5{background-position:-110px -230px} .heartOfApparelBlocks li .spriteV2.icon6{background-position:-165px -230px} .heartOfApparelBlocks li .spriteV2.icon7{background-position:-220px -230px} .heartOfApparelBlocks li .spriteV2.icon8{background-position:-275px -230px} .heartOfApparelBlocks li .spriteV2.icon9{background-position:-330px -230px} .heartOfApparelBlocks li .spriteV2.icon10{background-position:-385px -230px} .heartOfApparelBlocks li .spriteV2.icon11{background-position:-440px -230px} .sapOneHanaBenefits.apparelBenefits{background-color: transparent;} /**********add ons Development page start*********/ .addOnContent{position: relative;} .silverWarehouseQuality{padding-bottom:85px;} /*.addOnContent:before {position: absolute;content: '';right: 0;bottom:-50px; background-image: url(../images/five-plus-bg-img.png);background-repeat: no-repeat;width:323px;height: 324px;background-size: 100%;}*/ .silverWareQuaWrap .silverWareQuaCommon h3{font-size: 35px;} .silverWareQuaWrap .silverWareQuaCommon{float: left; width: 100%;margin-bottom: 80px;} .cols6.silverWarehouseContent{padding:0px 125px 0 15px} .silverWareQuaWrap{position: relative;} .silverWareQuaWrap .middleTransBox{position: absolute; left: 0; right: 0; top:88px; bottom:88px; background-color: rgba(0,0,0,0.05);width: 440px; margin: 0 auto;z-index: -1; display: none;} .silverWareQuaWrap .twoBoxWarpper .silverWareQuaCommon:nth-child(even) .cols6.silverWarehouseImg{float: right;} .silverWareQuaWrap .twoBoxWarpper .silverWareQuaCommon:nth-child(even) .cols6.silverWarehouseContent{padding: 0 65px 0 125px;} .silverWareQuaWrap .twoBoxWarpper .silverWareQuaCommon:last-child{margin-bottom: 0;} .floorManagement{background:#0d7099 url(../images/floor-management-bg-img.jpg)no-repeat 0 0;background-size: cover;position: relative;} /*.floorManagement:before{position: absolute; content: ''; right: 0;bottom: 0;background:url(../images/floor-management-bg-pattern.png)no-repeat 0 0;background-size: 100%;width: 269px; height: 394px;}*/ .floorManagementInn .cols6{float: right; padding-right: 113px;} .floorManagementInn .cols6 h2, .floorManagementInn .cols6 p{color: #fff;} .silverMarketAppreal .cols6.silverWarehouseImg{float: right;} .silverMarketAppreal .silverWareQuaWrap .twoBoxWarpper .silverWareQuaCommon:nth-child(even) .cols6.silverWarehouseImg{float: left;} .silverMarketAppreal.silverWarehouseQuality{padding: 85px 0;} .silverMarketAppreal .cols6.silverWarehouseContent {padding: 0px 65px 0 105px;} .silverMarketAppreal .silverWareQuaWrap .twoBoxWarpper .silverWareQuaCommon:nth-child(even) .cols6.silverWarehouseContent {padding: 0 135px 0 15px;} .silverMarketAppreal .silverWarehouseBox .cols6.silverWarehouseImg{text-align: right;} .silverWareQuaWrap .twoBoxWarpper .silverWareQuaCommon:nth-child(even) .cols6.silverWarehouseImg{text-align: right;} .silverMarketAppreal .twoBoxWarpper .silverWareQuaCommon:nth-child(even) .cols6.silverWarehouseImg{text-align: left;} .dmsBlock{background:#0d7099 url(../images/dms-block-bg-img.jpg)no-repeat 0 0;background-size: cover;position: relative;} /*.dmsBlock:before{position: absolute; content: ''; left: 0;bottom: 0;background:url(../images/floor-management-bg-pattern.png)no-repeat 0 0;background-size: 100%;width: 269px; height: 394px;}*/ .dmsBlockInn.floorManagementInn .cols6{float: left;padding-left: 113px;padding-right: 15px;} .containerManagementInn .cols6.containerManagementText{padding-right: 100px;} /****************Blog css start ****************/ .blogRow .blogLeftPart .pagination { padding: 0 15px; } .blogRow .blogLeftPart ul.blogList>li {width: 33.33%;float: none;padding: 0 15px;margin-bottom: 30px;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;flex-direction: column;} .blogRow {margin: 0 -15px;padding: 0;} .blogRow .blogLeftPart {float: left;width: 100%;padding: 0;position: relative;} .blogRow .blogLeftPart ul.blogList {margin: 0;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;flex-wrap: wrap;padding: 0;} .smartlib-post-box {position: relative;padding-bottom: 0;clear: both;margin-bottom: 0;padding: 15px;height: 100%;box-shadow: 0 0 10px #cdcbcb} .smartlib-thumbnail-outer {float: none;margin: 0;margin-bottom: 0;position: relative;font-size: 30px;max-width: 100%; min-height: auto;} .smartlib-thumbnail-outer>a {overflow: hidden;display: block;line-height: 1;font-size: 0;} .blogListCon {padding: 9px;margin-bottom: 0;} .smartlib-post-box h2 {font-size: 22px!important;line-height: 30px;margin-bottom: 10px;text-transform: none;font-weight: 500!important;margin-top: 10px;min-height: 50px;color: #252274;margin-bottom: 8px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;} .smartlib-post-box h2 a {color: #242173;text-decoration: none;} .smartlib-post-box h2 a:hover{ color:#fa7336; } .icon-left {margin-right: 7px;} .smartlib-post-box .entry-content {border-top: 0;margin-bottom: 0;font-size: 16px;line-height: 24px;color: #505050;} .socialViewWrap {position: absolute;bottom: 4px;left: 4px;right: 4px;padding: 8px 9px 3px;background-color: #f6f6f6;border-top: solid 1px #e9e9e9;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;justify-content: space-between;display: none;} .blogView {font-size: 16px;} .blogLeftPart .a2a_kit, .blogLeftPart .a2a_menu, .blogLeftPart .a2a_modal, .blogLeftPart .a2a_overlay {line-height: 20px !important;} .blogLeftPart .addtoany_list a, .blogLeftPart .widget .addtoany_list a {font-size: 20px !important;padding: 0 2px !important;} .a2a_kit a {cursor: pointer;} .addtoany_list a, .widget .addtoany_list a {border: 0;box-shadow: none;display: inline-block;font-size: 16px;padding: 0 4px;vertical-align: middle;} .blogLeftPart .addtoany_list.a2a_kit_size_32 a:not(.addtoany_special_service)>span {height: 20px !important;width: 20px !important;line-height: 20px !important;} .blogLeftPart .addtoany_list.a2a_kit_size_32 a:not(.addtoany_special_service)>span {height: 20px !important; width: 20px !important;line-height: 20px !important;} .smartlib-thumbnail-caption {background-color: rgba(0,0,0,.6);position: absolute;color: #fff;z-index: 100;-webkit-transition: all .3s ease-out;transition: all .3s ease-out;left: 0;top: 100%; bottom: 0;width: 100%;text-align: center;line-height: 100%;height: 0;overflow: hidden;} .smartlib-thumbnail-outer>a img{width: 100%;} .smartlib-thumbnail-caption a.button{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);} .smartlib-thumbnail-outer:hover .smartlib-thumbnail-caption {top: 0;height: auto;right: 0;} .smartlib-thumbnail-outer .smartlib-caption-link {border: 1px solid #fff;padding: 5px 35px 5px 15px;display: inline-block;font-weight: 400;font-size: 17px;-webkit-transition: all .3s ease-out;transition: all .3s ease-out;transform: translateY(-50%);margin-top:30%;position: relative;background: #fff;color: #2f2f2f;text-decoration: none;} .smartlib-post-box .entry-content p{color:#474747} .smartlib-thumbnail-outer .smartlib-caption-link i {position: absolute;top: 12px;right: 12px;} .smartlib-post-box h2 a:hover {color:#0c6f98;} .blogLeftPart .page-numbers.current {background:#242173;color: #fff;font-weight: 600;} .blogLeftPart .page-numbers {padding: 4px 12px 4px;display: inline-block;color:#ff763a;text-decoration: none;font-weight: 600;} .blogLeftPart .page-numbers:hover{color:#2c3e51;} .blogLeftPart .page-numbers.current:hover{color:#fff;} .smartlib-thumbnail-outer .smartlib-caption-link:hover{background:#232073; color: #fff;} .author-avatar{float:left; padding:0 20px 20px 20px; } .author-avatar img{width:100%;} /*********sigle blog post start************/ .single-post .blogRow .blogLeftPart {padding: 0 15px;} .single-post .blogLeftPart h2.entry-title, .single-post .blogLeftPart h1.entry-title {margin-bottom: 25px; font-size: 35px;} .blogLeftPart h2.entry-title {text-transform: none;} .dateCate {float: left;width: 100%;} .single-post .blogDetailImg {float: left;width: 100%;position: relative;} .singleSocial {position: absolute;left: -40px;top: 0;} .blogRow .blogLeftPart {float: left;width: 100%;padding: 0 15px;position: relative;margin-bottom: 50px;} .single-post .blogContent {font-size: 18px;line-height: 30px;} .blogContent p {text-align: justify;color:#474747;} .single-post .blogContent h1, .single-post .blogContent h2, .single-post .blogContent h3, .single-post .blogContent h4, .single-post .blogContent h5, .single-post .blogContent h6 {margin-bottom: 15px;margin-top: 30px;} .blogContent p a, .blogContent ul li a, .blogContent span a, .blogContent>a {color: #f60;} .single-post .smartlib-category-line {display: none;} .blogLeftPart .blogDetailImg .singleSocial + .wp-post-image { width: 100%; } .blogLeftPart .blogDetailImg {position: relative;margin-bottom: 30px;} .blogLeftPart .blogDetailImg .wp-post-image { border: 1px solid #ccc; } .singleSocial .addtoany_list.a2a_kit_size_32 a {display: block;} .single-post .blogLeftPart .stButton .stLarge, .single-post .blogLeftPart .addtoany_list.a2a_kit_size_32 a:not(.addtoany_special_service)>span {height: 30px !important;width: 30px !important;} .screen-reader-text{display: none;} .post-navigation a.button{font-size: 14px; padding: 7px 18px;} .smartlib-single-next-prev {display: -webkit-box;display: -webkit-flex;display:-ms-flexbox;display: flex;margin: 10px 0 50px; justify-content: space-between;-webkit-justify-content: space-between;align-items: center;-webkit-align-items: center;margin-top: 65px;} .single-post .blogRow .blogLeftPart ul{list-style: none;margin: 0;padding: 0;} .single-post .blogRow .blogLeftPart ul > li{position: relative;line-height: 1.6;margin-bottom: 17px;padding-left: 30px;} .single-post .blogRow .blogLeftPart ul > li:before {content: "\f00c";font-family: 'FontAwesome';color: #232073;position: absolute;left: 0;top:5px;width: 20px;height: 20px;border: 1px solid #232073;line-height: 18px;text-align: center;border-radius: 50%;font-size: 12px;} /*******make tax digital page start*******/ .readMore{background: #f37326;color: #fff;font-family: 'Open Sans', sans-serif;font-size: 16px;padding: 10px 20px;display: inline-block;display: inline-block;border-radius: 3px;margin-top: 22px;} .readMore:hover{background: #ffa200; color: #fff;} .cols6.mtdContent{padding-right: 100px;} .sapAdvaText{max-width: 950px; margin: 0 auto; width: 100%;} .sapAdvantages{background:#0d7099;position: relative;overflow: hidden;} /*.sapAdvantages:before{position: absolute; content: ''; right: 0;bottom: 0;background:url(../images/floor-management-bg-pattern.png)no-repeat 0 0;background-size: 100%;width: 269px; height: 394px;z-index: 0} .sapAdvantages:after{position: absolute; content: ''; left: 0;bottom: 0;background:url(../images/floor-management-bg-pattern.png)no-repeat 0 0;background-size: 100%;width: 269px; height: 394px;z-index: 0;}*/ .sapAdvaText p{font-weight: 600;text-align: center;font-size: 28px;color: #fff;margin-bottom: 0;line-height: 44px;position: relative;z-index: 1;} .sapBusiness .businessYear{display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;flex-wrap: wrap; margin: 58px -22px 0;} .businessYear li{width: 20%; display:inline-block;text-align: center;padding: 0 22px} .yearName h3{font-weight: 600;font-size: 24px;color:#595959; line-height: 40px;margin-bottom: 0;font-family: 'Open Sans', sans-serif;} .yearName span{width: 40px; height: 40px; display: block;border: 5px solid #d9d9d9; border-radius: 50%;margin:26px auto 35px;position: relative;} .yearName span:before{position: absolute; content: '';height: 3px; background-color: #ccc;width:250px; right: 0; top: 0; z-index: -1;bottom: 0;margin: auto;} .businessYear li:first-child .yearName span:before{display: none;} .yearName span.greenRound{background-color: #33bc93;} .yearName span.darkGreenRound{background-color: #009da5;} .yearName span.brightCyan{background-color: #0091b1;} .yearName span.darkBlueRound{background-color: #242173;} li.activeBox .yearName span.purpleRound{background-color: #fa7336;} .yearContent p{font-weight: 400;font-size: 16px;font-family: 'Open Sans', sans-serif;line-height:25px;} .yearContent span{font-weight: 600;font-size: 16px;font-family: 'Open Sans', sans-serif;margin-bottom: 7px;display: inline-block;} li.activeBox .yearName h3{border: 1px solid #fa7336;color: #fa7336;border-radius: 2px;} li.activeBox .yearContent span{color: #fa7336;} .sapBusinessTitle{text-align: center;} .vatReturnContent{background-color: #f5f5f5; padding-left: 65px; padding:60px 15px 35px 60px;} .vatReturnMain{position: relative; box-shadow: 0 0 25px rgba(0,0,0,0.1);} .vatReturnMain:after{position: absolute; content: ''; right: 0; bottom: 0; top: 0; background-color: #f5f5f5;width:27.438%;z-index: -1;} .vatReturnInn{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display: flex;flex-wrap: wrap;} .vatReturnContent ul li{display: block; border-top: 1px solid #ccc; padding:20px 0px 0px 0;} .vatReturnChart{text-align: center; padding-top: 60px;padding-bottom: 60px} .vatReturnMain ul{padding: 0;} .mtdBenefitsList{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display: flex;flex-wrap: wrap; margin:54px 0px 0;} .mtdBenefitsList li{width:17%; display: inline-block;text-align: center; padding: 0 17px;} .mtdBenefitsList li:last-child{width: 32%;} .mtdBenefitsList{text-align: center; margin-bottom: 10px;} .mtdBenefitsList li{font-size: 16px;font-weight: 400;color: #595959;} .mtdBenefitsList li .benefitIcon { margin-bottom: 15px; } /*************Add-Ons page*************/ .detail404 {max-width: 800px; width:100%;margin: 0 auto;text-align: center; box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);padding: 30px;} .detail404 h2 {position: relative;display: inline-block;text-transform: uppercase;} .detail404 h2::before, .detail404 h2::after {width: 14px;height: 14px;background-color: #242173;border-radius: 50%;content: "";position: absolute;top: 50%;margin-top: -7px;} .detail404 h2::before {left: -50px;} .detail404 h2::after {right: -50px;} .detail404 h3 {display: inline-block;font-size: 150px;line-height: 0.9; padding-bottom: 20px;color: #000; border-bottom:1px solid #000;} .detail404 .largeText {font-size: 45px;color: #2f2f2f;font-weight: 700;line-height: 1.3;text-transform: uppercase;margin-bottom: 30px; } .no-results.not-found .search-form { position: relative; max-width: 500px; width:100%; } .no-results.not-found .search-form .search-field { width: 100%; height: 45px; margin-top:10px; padding-right:110px; } .no-results.not-found .search-form label { width: 100%; padding: 0; } .no-results.not-found .search-form .search-submit{ position: absolute; right: 0; bottom: 0; border-radius:0 3px 3px 0; } /***********case studies single page start**********/ .casestudyImg{float: left; margin: 0 40px 20px 0; width: 350px; border: 1px solid #ccc;} .casestudyImg img{width: 100%;} .caseStudiesContent .caseContentInn{margin-top:30px;} .caseStudiesContent .caseContentInn h3{font-size: 22px;margin-bottom: 15px;} .caseContentInn p span{margin-bottom: 5px;display: block;} .caseContentInn p span:last-child{margin-bottom: 0;} .caseContentInn .fullImg{margin-bottom: 25px;} /* .caseStudiesRight{float: right; width: 30%;} .caseStudiesLeft{float: left; width:70%;padding-right: 30px;} */ /*******thank you page start********/ .mainBoxThk{background-color: #f1f1f1;padding: 30px 0 50px;} .mainBoxThk .centerBox {text-align: center;padding: 25px;background-color: #f1f1f1;max-width: 1070px;margin: 0 auto;width: 100%;} .mainBoxThk h2 {margin-bottom: 10px;color: green;font-size: 30px;margin-top: 0;} .mrgB20 {margin-bottom: 20px;} .mainBoxThk .blueColor { color: #2d2d2d;font-size: 18px;margin-bottom: 40px;font-weight: 700;} .centerBox p {font-size: 20px;margin-bottom: 20px;line-height: 1.5;} .centerBox p a{font-size:20px;text-decoration: none;} .accordion ul{list-style: disc;} .imagePopup .clickZoom{display: block; text-align: center; color:#242173;font-size: 16px;transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;font-style: italic;} .imagePopup .clickZoom i{font-size: 18px;} .imagePopup .clickZoom:hover{color: #ff763a;} .imagePopup{text-decoration: none;} .keyFeture .imagePopup{position: relative;display: block;} .keyFeture .imagePopup .clickZoom{position: absolute;bottom: 60px;left: 0;right: 0;text-align: center;color: #fff;} .keyFeture .imagePopup .clickZoom:hover{color:#00f9e2;} .caseStudiesdetail { padding-bottom: 0; } .WebinarL { background: #f6f7f8; padding: 25px; margin-top: 10px; } .WebinarL .photo { float: left; width: 45%; } .WebinarL .photo img { width: 100%; } .WebinarL .PresentedBy { float: left; width: 55%; padding-left: 20px; font-size: 18px; } .WebinarL .PresentedBy strong { color: #242173; margin: 5px 0; display: block; font-size: 20px; } .WebinarL .PresentedBy em { color: #f26522; font-style: normal; } .WebinarR { background: #f6f7f8; margin-top: 10px; min-height:249px; position: relative; } .WebinarR ul { width: 100%; float: left; margin: 0; list-style: none; } .WebinarR ul li { width: 100%; float: left; padding: 22px 25px; } .WebinarR ul li .date { width: 60%; float: left; font-size: 26px; color: #242173; line-height: normal; } .WebinarR ul li .reBtn { width: 40%; float: left; text-align: center; padding-top: 10px; text-align: right; } .WebinarR ul li.out { background: #eee; left: 0; bottom: 0; width: 100%; position: absolute; } .downloadPopForm .feildRow .customSelectOuter label.error {right: -9px;top: 7px !important;} /************protfolio page start**************/ .portfolioList ul{list-style: none;} .portfolioList .filters ul li{display: inline-block;margin-right: 10px;} .portfolioList .grid ul{list-style: none;display: -webkit-box;display: -webkit-flex; display: -ms-flexbox;display: flex;flex-wrap: wrap;-webkit-flex-wrap: wrap;margin: 0 -10px;padding: 0; width:100%;} .portfolioList .grid ul li{/*width:24%;*/ width:32%;padding:0 10px;margin-bottom: 20px;} .filters .ui-group:nth-child(2) .button.is-checked{background-color: #ffd144;color: #222;} .filters .ui-group:nth-child(2) .button.is-checked:hover:after {left: 120%;transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);} .portfolioList .grid{margin-top:50px;} .filters .ui-group:nth-child(1) .button.is-checked{background-color: #ffd144;color: #222;} .filters .ui-group:nth-child(1) .button.is-checked:hover:after {left: 120%;transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);} .portfolioList .grid ul li a{display: block;} .portfolioList .grid ul li .box{position: relative;overflow: hidden;} .portfolioList .grid ul li .box .ep_portfoliourl{position: absolute; top: 100%; left: 0; right: 0; text-align: center;bottom: 0;height: 100%;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;justify-content: center;-webkit-justify-content: center;align-items: center;-webkit-align-items: center;background-color: rgba(0,0,0,0.8);opacity: 0;visibility: hidden;transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;padding: 0 10px;} .ep_portfoliourl h4{font-size: 20px; text-align: center;margin-bottom:10px;color: #fff;} .ep_portfoliourl span{font-size: 16px; color: #fff;margin-bottom: 10px;display:block;} .ep_portfoliourl a{color: #fff;font-weight: 600;} .portfolioList .grid ul li:hover .box .ep_portfoliourl{opacity: 1; visibility: visible; top: 0;} /*********site map page start********/ .siteMapMain { padding-bottom: 0 !important; } .sitemapList ul{list-style: none;padding: 0; margin: 0;} .sitemapList ul li a{text-decoration: none;color: #000;} .sitemapList ul li a:hover{color:#242173;} .sitemap .sm-menu-120 .sm-menu-1902 h3 a:hover{color:#242173;} .sitemap ul li h2 {padding: 0 0 5px;margin: 0 0 35px;border-bottom: 1px solid #ddd;} .sitemap ul li h2 a {color:#242173;font-size: 22px;position: relative;} .sitemap ul li h2 a:hover{color: #242173;} .sitemap ul li.other h2{color:#242173;font-size: 22px;} .sitemap .sm-menu-120 ul.level-1 > li, .sitemap .sm-menu-121 ul.level-1 > li, .sitemap .sm-menu-119 ul.level-1 > li, .sitemap .sm-menu-350 ul.level-1 > li{width: 33.333%;float: left;position: relative;margin-bottom: 20px;} .sitemap ul li h3 {padding: 0;margin: 10px 0;} .sitemap .sm-menu-120 .sm-menu-1902 h3 a{color:#000;font-size:16px;position: relative;font-weight: 400;} .sitemap .sm-menu-120 .sm-menu-1902 h3{margin: 0 0 10px;font-size: 0;} .sitemapList ul.checkList.level-2 li{position: relative;padding-left: 20px;} .sitemapList ul.checkList.level-2 li:before{position: absolute; content: ''; left: 0; top:6px; width: 7px; height:7px; border-radius: 50%; background-color:#232073;border: 0;} .sitemapList ul li.sm-menu-5{display: none;} .sitemap .sm-menu-119 .sm-menu-136 h3 a{color:#000;font-size:16px;position: relative;font-weight: 400;} .sitemap .sm-menu-119 .sm-menu-136 h3{margin: 0 0 10px;font-size: 0;} .sitemap .sm-menu-119 .sm-menu-137 h3 a{color:#000;font-size:16px;position: relative;font-weight: 400;} .sitemap .sm-menu-119 .sm-menu-137 h3{margin: 0 0 10px;font-size: 0;} .singleVideoBox { box-shadow: 0 0 15px rgba(0, 0, 0, 0.2); } .singleVideoBox a { display: block; position: relative; color:#fff; } .singleVideoBox a img { width: 100%; } .singleVideoBox .fa-play-circle {position: absolute;left: 50%;top: 50%;font-size: 70px;margin: -30px 0 0 -30px;z-index: 1;width: 60px;height: 60px;background: #fa7336;border-radius: 50%;line-height: 60px;box-shadow: 0 0 15px rgba(0, 0, 0, 0.3); } .singleVideoBox a:hover { color:#fa7336; } .singleVideoBox a:hover .fa-play-circle {background:#fff;} .sapOneVideosRow h2 {font-size: 22px;margin-bottom: 30px;} .integratedTracking .leftImg { text-align: right; } /**********career page start here**********/ .careerList .jobTable th{background:#232073;color: #fff;padding: 18px 10px;} .careerList .jobTable th.left{text-align: left !important;} .careerList .jobTable tbody tr:nth-child(even) td{background: #efefef;} .careerList .jobTable tbody tr:nth-child(odd) td{background: #fff;} .careerList .jobShortDisList{overflow-y: hidden;overflow-x: auto;} .careerList .button{padding:5px 20px;font-size: 14px;} .careerDetail .jobTable tr td p{margin-bottom: 0;} .careerList .jobTable{min-width: 750px;} .careerList .jobTable thead tr th:last-child{text-align: center;} .careerList .jobTable tbody tr td:last-child{text-align: center;} .careerDetail .jobTable tbody tr:nth-child(even) td{background: #fff;} .careerDetail .jobTable tbody tr:nth-child(odd) td{background: #efefef;} .careerDetail td.lableJob{font-weight: 600;color: #000;} .careerDetail .jobTable tbody tr td{padding: 15px 15px;} .careerDetail .jobTable tr:nth-child(6) td.disJob p{margin-bottom: 25px;} .careerDetail .file-upload-button:after{right: 0; left: inherit; color: #242173;} .careerDetail .quoteForm .feildRow{margin: 0 0 15px 0;position: relative;} .careerDetail p.checkBox {position: relative;padding-left: 20px;} .careerDetail p.checkBox input[type="checkbox"] {position: absolute;left: 0;top: 6px;} .careerDetail .quoteForm .feildRow input[type="text"], .careerDetail .quoteForm .feildRow textarea{transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;border: 1px solid #ccc;} .careerDetail .quoteForm .feildRow input:focus, .careerDetail .quoteForm .feildRow textarea:focus{border-color: #13739b;} .careerDetail .formSmallText p{font-size: 14px; margin-bottom: 10px;} .careerDetail span.rfpText{font-style: italic;margin-top: 3px;display: block;} .careerDetail .cols4{float: right;} .careerDetail .feildRow div.error label.error:after, .careerDetail .file-upload-wrapper + label.error:after, .careerDetail .searchInput label.error:after{top: 0;} .careerDetail .feildRow div.valid label.error:after, .careerDetail .file-upload-wrapper.valid+label.error:after{top: 10px;} .commonAddons{position: relative;} .commonAddons .leftImg {position: absolute;left: 0;top: 0;width: 50%;height: 100%;} .cols6.silverWarehouseContent{float: right;padding: 0 15px 0 100px;} .silverWarehouseQuality{background-color: #f3f3f3; padding:45px 0;} .silverQualityBox.commonAddons .leftImg{left: inherit; right: 0;} .silverMarketAppreal.commonAddons .leftImg{left: inherit; right: 0;} .silverMarketAppreal .cols6.silverWarehouseContent{float: left;padding: 0 100px 0 60px;} .silverMarketAppreal{padding: 58px 0;} .silverFootwear{padding:45px 0;background-color: #f3f3f3;} .silverQualityBox{padding: 45px 0 45px;} .floorManagementInn .cols6{padding: 0 15px 0 100px;} .silverMarketAppreal .silverMarketApprealContent{padding: 0 100px 0 60px;} .floorManagementInn.dmsBlockInn .cols6{padding: 0 100px 0 60px;} .silverQualityBox .cols6.silverWarehouseContent{float: left;padding: 0 100px 0 60px;} .optInForm li{position: relative;} .optInForm li img{position: absolute;top: 0;right: 0;padding: 0 0;height: 42px;} .optOutForm li{position: relative;} .optOutForm li img{position: absolute;top: 0;right: 0;padding: 0 0;height: 42px;} .downloadPopForm .grecaptcha .feildInput {float: left;width: 380px;position: relative;padding:0;} .downloadPopForm .grecaptcha img{position: absolute;right: 1px;top: 1px;background: #f3f3f3;padding: 7px 0;border-left: 1px solid #ccc;} .downloadPopForm .grecaptcha .error:after{top: 14px;} .careerDetail .reqCaptachImg{position: absolute;top: 1px;right: 1px;background: #f3f3f3;padding: 4px 0;border-left: 1px solid #ccc;} .careerDetail .grecaptcha .error:after{right: 10px;top: 10px;} .careerDetail .feildRow.grecaptcha{width: 395px;} /*Digital Transformation*/ .dtIntro .largeContainer {max-width:1170px;} .dtIntroInn {font-size:20px;} .aboutDT{margin-top:40px; position:relative;} .aboutDT h2{font-size:30px; margin-bottom:25px;} .aboutDT .row{margin:0 -50px;} .aboutDT .cols6{padding:30px 50px 0; position:relative; z-index:11;} .aboutDT:before{background:url(../images/about-divider.png) center top no-repeat; width:362px; height:277px; position:absolute; left:50%; top:0; bottom:0; background-size:contain; content:''; transform:translateX(-50%); -webkit-transform:translateX(-50%);} .aboutDT p{margin-bottom:0;} .dtQuickFacts {padding:0;} .dtQuickFacts {position:relative; overflow:hidden;} .dtQuickFacts .leftImg {position:absolute; left:0; top:0; width:50%; height:100%;} .dtQuickFacts .leftImg img{width:100%; height:100%;} .dtQuickContent.cols6 {float:right; padding-left:60px;} .dtQuicContBox .dtIcon{background:url(../images/digital-transformation-icon.png) left top no-repeat; width:52px; height:62px; margin-bottom:20px; padding-bottom:10px; position:relative; display:inline-block;} .dtQuicContBox .dtIcon.icon1{background-position:left top;} .dtQuicContBox .dtIcon.icon2{background-position:-80px top;} .dtQuicContBox .dtIcon.icon3{background-position:-160px top;} .dtQuicContBox .dtIcon.icon4{background-position:-238px top;} .dtQuicContBox .dtIcon:before{background:#2d7393; height:2px; width:0; position:absolute; bottom:0; left:0; content:""; transition:all 0.5s ease-out; -webkit-transition:transition:all 0.5s ease-out;} .activeBlock .dtQuicContBox .dtIcon:before{width:52px;} .dtQuicContBox .percentCount{font-size:72px; font-weight:300; color:#ff763a; line-height:1;} .bannerCaptionOrg{position:absolute; z-index:11; border-radius:5px; -webkit-border-radius:5px; color:#fff; right:-15px; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); width:376px;} .bannerCaptionOrgWrap{background:#ff763a; padding:35px 65px 35px 35px; position:relative;} .bannerCaptionOrgWrap:after{border-top:6px solid transparent; border-bottom:6px solid transparent; border-left:6px solid #ff763a; position:absolute; right:-6px; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); content:"";} .bannerCaptionOrg:before{border-bottom:14px solid #ca5521; border-right:15px solid transparent; position:absolute; right:0; top:-14px; content:""; z-index:-11;} .bannerCaptionOrg:after{border-top:14px solid #ca5521; border-right:15px solid transparent; position:absolute; right:0; bottom:-14px; content:""; z-index:-11;} .bannerCaptionOrg h3{font-size:35px; line-height:42px; color:#fff; padding-bottom:25px; margin-bottom:15px; position:relative;} .bannerCaptionOrg h3:before{width:0; height:3px; background:#fff; position:absolute; bottom:0; left:0; content:""; transition:all 0.5s ease-out; -webkit-transition:transition:all 0.5s ease-out;} .activeBlock .bannerCaptionOrg h3:before{width:81px;} .bannerCaptionOrg p{margin-bottom:0;} .dtQuickContent .row{margin:0 -20px;} .dtQuickContent .cols6{padding:30px 20px 0; min-height:336px;} .dtQuickContent .row .cols6:first-child{border-right:1px solid rgba(45,115,147,0.2);} .dtQuickContent .row:first-child .cols6:first-child{border-right:1px solid rgba(45,115,147,0.2); background: rgba(255,255,255,1); background: -moz-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 5%, rgba(255,255,255,1) 26%, rgba(255,255,255,1) 55%, rgba(239,239,239,1) 100%); background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(5%, rgba(255,255,255,1)), color-stop(26%, rgba(255,255,255,1)), color-stop(55%, rgba(255,255,255,1)), color-stop(100%, rgba(239,239,239,1))); background: -webkit-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 5%, rgba(255,255,255,1) 26%, rgba(255,255,255,1) 55%, rgba(239,239,239,1) 100%); background: -o-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 5%, rgba(255,255,255,1) 26%, rgba(255,255,255,1) 55%, rgba(239,239,239,1) 100%); background: -ms-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 5%, rgba(255,255,255,1) 26%, rgba(255,255,255,1) 55%, rgba(239,239,239,1) 100%); background: linear-gradient(135deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 5%, rgba(255,255,255,1) 26%, rgba(255,255,255,1) 55%, rgba(239,239,239,1) 100%);} .dtQuickContent .row:first-child .cols6{border-bottom:1px solid rgba(45,115,147,0.2); padding-top:0;} .dtQuicContBox .percentCount{margin-bottom:20px;} .dtQuickContent .row:first-child .cols6:last-child{background: rgba(239,239,239,1); background: -moz-linear-gradient(45deg, rgba(239,239,239,1) 0%, rgba(255,255,255,1) 45%, rgba(255,255,255,1) 74%, rgba(255,255,255,1) 95%, rgba(255,255,255,1) 100%); background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(239,239,239,1)), color-stop(45%, rgba(255,255,255,1)), color-stop(74%, rgba(255,255,255,1)), color-stop(95%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1))); background: -webkit-linear-gradient(45deg, rgba(239,239,239,1) 0%, rgba(255,255,255,1) 45%, rgba(255,255,255,1) 74%, rgba(255,255,255,1) 95%, rgba(255,255,255,1) 100%); background: -o-linear-gradient(45deg, rgba(239,239,239,1) 0%, rgba(255,255,255,1) 45%, rgba(255,255,255,1) 74%, rgba(255,255,255,1) 95%, rgba(255,255,255,1) 100%); background: -ms-linear-gradient(45deg, rgba(239,239,239,1) 0%, rgba(255,255,255,1) 45%, rgba(255,255,255,1) 74%, rgba(255,255,255,1) 95%, rgba(255,255,255,1) 100%); background: linear-gradient(45deg, rgba(239,239,239,1) 0%, rgba(255,255,255,1) 45%, rgba(255,255,255,1) 74%, rgba(255,255,255,1) 95%, rgba(255,255,255,1) 100%);} .dtQuickContent .row:last-child .cols6:first-child{background: rgba(255,255,255,1); background: -moz-linear-gradient(45deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 5%, rgba(255,255,255,1) 26%, rgba(255,255,255,1) 55%, rgba(239,239,239,1) 100%); background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(5%, rgba(255,255,255,1)), color-stop(26%, rgba(255,255,255,1)), color-stop(55%, rgba(255,255,255,1)), color-stop(100%, rgba(239,239,239,1))); background: -webkit-linear-gradient(45deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 5%, rgba(255,255,255,1) 26%, rgba(255,255,255,1) 55%, rgba(239,239,239,1) 100%); background: -o-linear-gradient(45deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 5%, rgba(255,255,255,1) 26%, rgba(255,255,255,1) 55%, rgba(239,239,239,1) 100%); background: -ms-linear-gradient(45deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 5%, rgba(255,255,255,1) 26%, rgba(255,255,255,1) 55%, rgba(239,239,239,1) 100%); background: linear-gradient(45deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 5%, rgba(255,255,255,1) 26%, rgba(255,255,255,1) 55%, rgba(239,239,239,1) 100%);} .dtQuickContent .row:last-child .cols6:last-child{background: rgba(239,239,239,1); background: -moz-linear-gradient(-45deg, rgba(239,239,239,1) 0%, rgba(255,255,255,1) 45%, rgba(255,255,255,1) 74%, rgba(255,255,255,1) 95%, rgba(255,255,255,1) 100%); background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(239,239,239,1)), color-stop(45%, rgba(255,255,255,1)), color-stop(74%, rgba(255,255,255,1)), color-stop(95%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1))); background: -webkit-linear-gradient(-45deg, rgba(239,239,239,1) 0%, rgba(255,255,255,1) 45%, rgba(255,255,255,1) 74%, rgba(255,255,255,1) 95%, rgba(255,255,255,1) 100%); background: -o-linear-gradient(-45deg, rgba(239,239,239,1) 0%, rgba(255,255,255,1) 45%, rgba(255,255,255,1) 74%, rgba(255,255,255,1) 95%, rgba(255,255,255,1) 100%); background: -ms-linear-gradient(-45deg, rgba(239,239,239,1) 0%, rgba(255,255,255,1) 45%, rgba(255,255,255,1) 74%, rgba(255,255,255,1) 95%, rgba(255,255,255,1) 100%); background: linear-gradient(135deg, rgba(239,239,239,1) 0%, rgba(255,255,255,1) 45%, rgba(255,255,255,1) 74%, rgba(255,255,255,1) 95%, rgba(255,255,255,1) 100%);} .digitalBoxsWrap .cols4{min-height:395px; background-size:cover; padding:60px 30px 20px; color:#fff; background-repeat:no-repeat; background-position:center top; margin-bottom:1px; border-right:1px solid rgba(255,255,255,0.75);} .digitalBoxsWrap .cols4:nth-child(3n+1){clear:left;} .digitalBoxsWrap .cols4.digitalBoxEnt{background-image:url(../images/enterprise-resource-planning.jpg);} .digitalBoxsWrap .cols4.digitalBoxSoftSol{background-image:url(../images/software-solution-digit.jpg);} .digitalBoxsWrap .cols4.digitalBoxworkfroce{background-image:url(../images/rpa-digital-wrok-force.jpg);} .digitalBoxsWrap .cols4.digitalBoxBespoke{background-image:url(../images/beskope-solutions.jpg);} .digitalBoxsWrap .cols4.digitalBoxOffshoreDeve{background-image:url(../images/offshore-development-centre.jpg);} .digitalBoxsWrap .cols4.digitalBoxDigitalTrans{background-image:url(../images/digital-transformation-services.jpg);} .digitalBoxsWrap .cols4 h3{font-size:20px; font-weight:700; color:#fff; margin-bottom:20px;} .digitalBoxsWrap .digitNIcon {background:url(../images/digit-contribute-icon.png) left top no-repeat; width:68px; height:68px; margin-bottom:15px; padding-bottom:0; display:inline-block;} .digitalBoxsWrap .digitNIcon.icon1{background-position:left top; width:65px;} .digitalBoxsWrap .digitNIcon.icon2{background-position:-94px top; width:65px;} .digitalBoxsWrap .digitNIcon.icon3{background-position:-189px top; width:66px;} .digitalBoxsWrap .digitNIcon.icon4{background-position:-285px top; width:68px;} .digitalBoxsWrap .digitNIcon.icon5{background-position:-383px top; width:63px;} .digitalBoxsWrap .digitNIcon.icon6{background-position:-474px top; width:47px;} .digitalBoxsWrap p{margin-bottom:0;} .digitTopContribute {background:url(../images/digit-top-contribute-bg.jpg) center top no-repeat; background-size:cover; text-align:center; padding:50px 0;} .digitTopContribute .container{max-width:1500px;} .digitTopContribute h2{font-size:35px; margin-bottom:15px; text-align:center; color:#fff;} .digitTopContribute p{color:#fff;} .topContribute {margin:70px 0 30px; padding:0; list-style:none;} .topContribute li{width:12.5%; float:left; padding:158px 15px 15px; color:#fff; border-right:1px solid rgba(255,255,255,0.20); min-height:300px;} .topContribute li .countPercent{font-size:53px; margin-bottom:25px; color:#fff; font-weight:700; display:block; line-height:1;} .topContribute li:last-child{border-right:0 none;} .percentCount{font-size:22px; font-weight:400; position:relative;} .topContribute .percentCount:before{background:#ff763a; border-radius:50%; -webkit-border-radius:50%; position:absolute; left:50%; top:-40px; content:""; margin-left:-9px; width:18px; height:18px; border-radius:50%; -webkit-border-radius:50%; z-index:11; opacity:0; visibility:hidden;} .topContribute .percentCount:after{height:2px; width:0; position:absolute; left:-74%; content:""; background:#fff; transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out;} .topContribute li:nth-child(2) .percentCount:before{top:-88px; transition:all 0.3s 0.3s ease-out; -webkit-transition:all 0.3s 0.3s ease-out;} .topContribute li:nth-child(3) .percentCount:before{top:-42px; transition:all 0.3s 0.6s ease-out; -webkit-transition:all 0.3s 0.6s ease-out;} .topContribute li:nth-child(4) .percentCount:before{top:-82px; transition:all 0.3s 0.9s ease-out; -webkit-transition:all 0.3s 0.9s ease-out;} .topContribute li:nth-child(5) .percentCount:before{top:-67px; transition:all 0.3s 1.2s ease-out; -webkit-transition:all 0.3s 1.2s ease-out;} .topContribute li:nth-child(6) .percentCount:before{top:-50px; transition:all 0.3s 1.5s ease-out; -webkit-transition:all 0.3s 1.5s ease-out;} .topContribute li:nth-child(7) .percentCount:before{top:-90px; transition:all 0.3s 1.8s ease-out; -webkit-transition:all 0.3s 1.8s ease-out;} .topContribute li:nth-child(8) .percentCount:before{top:-203px; transition:all 0.3s 2.1s ease-out; -webkit-transition:all 0.3s 2.1s ease-out;} .activeBlock .topContribute li:nth-child(1) .percentCount:before{opacity:1; visibility:visible;} .activeBlock .topContribute li:nth-child(2) .percentCount:before{opacity:1; visibility:visible;} .activeBlock .topContribute li:nth-child(3) .percentCount:before{opacity:1; visibility:visible;} .activeBlock .topContribute li:nth-child(4) .percentCount:before{opacity:1; visibility:visible;} .activeBlock .topContribute li:nth-child(5) .percentCount:before{opacity:1; visibility:visible;} .activeBlock .topContribute li:nth-child(6) .percentCount:before{opacity:1; visibility:visible;} .activeBlock .topContribute li:nth-child(7) .percentCount:before{opacity:1; visibility:visible;} .activeBlock .topContribute li:nth-child(8) .percentCount:before{opacity:1; visibility:visible;} .topContribute li:nth-child(1) .percentCount:after{display:none;} .topContribute li:nth-child(2) .percentCount:after{top:-55px; left:-74%; transform:rotate(-16deg); -webkit-transform:rotate(-16deg); width:0; transition:all 0.3s 0.3s ease-out; -webkit-transition:all 0.3s 0.3s ease-out;} .topContribute li:nth-child(3) .percentCount:after{top:-57px; left:-74%; transform:rotate(15deg); -webkit-transform:rotate(15deg);width:0; transition:all 0.3s 0.6s ease-out; -webkit-transition:all 0.3s 0.6s ease-out;} .topContribute li:nth-child(4) .percentCount:after{top:-52px; left:-74%; transform:rotate(-14deg); -webkit-transform:rotate(-14deg);width:0;transition:all 0.3s 0.9s ease-out; -webkit-transition:all 0.3s 0.9s ease-out;} .topContribute li:nth-child(5) .percentCount:after{top:-67px; left:-74%; transform:rotate(5deg); -webkit-transform:rotate(5deg);width:0;transition:all 0.3s 1.2s ease-out; -webkit-transition:all 0.3s 1.2s ease-out;} .topContribute li:nth-child(6) .percentCount:after{top:-50px; left:-74%; transform:rotate(5deg); -webkit-transform:rotate(5deg);width:0;transition:all 0.3s 1.5s ease-out; -webkit-transition:all 0.3s 1.5s ease-out;} .topContribute li:nth-child(7) .percentCount:after{top:-62px; left:-74%; transform:rotate(-12deg); -webkit-transform:rotate(-12deg);width:0;transition:all 0.3s 1.8s ease-out; -webkit-transition:all 0.3s 1.8s ease-out;} .topContribute li:nth-child(8) .percentCount:after{top:-140px; left:-77%;transform: rotate(-31deg); -webkit-transform: rotate(-31deg);width:0; transition:all 0.3s 2.1s ease-out; -webkit-transition:all 0.3s 2.1s ease-out;} .activeBlock .topContribute li:nth-child(1) .percentCount:after{display:none;} .activeBlock .topContribute li:nth-child(2) .percentCount:after{ width:126%;} .activeBlock .topContribute li:nth-child(3) .percentCount:after{ width:126%;} .activeBlock .topContribute li:nth-child(4) .percentCount:after{width:126%;} .activeBlock .topContribute li:nth-child(5) .percentCount:after{width:126%;} .activeBlock .topContribute li:nth-child(6) .percentCount:after{width:126%;} .activeBlock .topContribute li:nth-child(7) .percentCount:after{ width:126%;} .activeBlock .topContribute li:nth-child(8) .percentCount:after{ width:138%;} .digitTopContribute .sourceName{color:rgba(255,255,255,0.25); margin-bottom:0;} .digitalBoxsWrap.sttlUkCard li{margin-bottom:25px;} .digitalBoxsWrap.sttlUkCard li:nth-child(1) .sttlUkCardBox:before, .digitalBoxsMobSlider .swiper-slide:nth-child(1) .sttlUkCardBox:before{background:#e9865b;} .digitalBoxsWrap.sttlUkCard li:nth-child(2) .sttlUkCardBox:before, .digitalBoxsMobSlider .swiper-slide:nth-child(2) .sttlUkCardBox:before{background:#b5e041;} .digitalBoxsWrap.sttlUkCard li:nth-child(3) .sttlUkCardBox:before, .digitalBoxsMobSlider .swiper-slide:nth-child(3) .sttlUkCardBox:before{background:#0d7099;} .digitalBoxsWrap.sttlUkCard li:nth-child(4) .sttlUkCardBox:before, .digitalBoxsMobSlider .swiper-slide:nth-child(4) .sttlUkCardBox:before{background:#6c5be9;} .digitalBoxsWrap.sttlUkCard li:nth-child(5) .sttlUkCardBox:before, .digitalBoxsMobSlider .swiper-slide:nth-child(5) .sttlUkCardBox:before{background:#ffad38;} .digitalBoxsWrap.sttlUkCard li:nth-child(6) .sttlUkCardBox:before, .digitalBoxsMobSlider .swiper-slide:nth-child(6) .sttlUkCardBox:before{background:#e74ac8;} .digitalBoxsWrap.sttlUkCard li h2{font-size:20px;} .digitalBoxsWrap.sttlUkCard li a, .digitalBoxsMobSlider .swiper-slide a{color:#242173; text-decoration:none;} .digitalBoxsWrap.sttlUkCard li a:hover, .digitalBoxsMobSlider .swiper-slide a:hover{color:#ff763a;} .digitalBoxsWrap{margin-top:30px;} .digitalRelityCont h3{font-size:35px; margin-bottom:20px; padding-bottom:0;} .digitalRelityCont .cols6:first-child .bigFonts{font-size:24px; font-weight:600;} .digitalRelityCont .cols6:last-child{padding-left:40px;} .digitalReality {background:#eee; margin-bottom:250px; padding-bottom:0;} .digitContactUsWrap {background:url(../images/contact-bg-digitpage.jpg) center top no-repeat; background-size:cover; padding:70px 0;} .digitContactbannerCap{padding-right:400px; position:relative; padding-left:70px;} .digitContactbannerCap h3{color:#fff; font-size:35px; color:#fff; font-weight:700; padding-right:30px; margin-bottom:0;} .digitContactbannerCap a.button{position:absolute; right:70px; top:15px; padding:20px 75px 20px 35px; border-radius:0; -webkit-border-radius:0;} .digitContactbannerCap a.button:before{background:url(../images/button-arrow-icon.png) center top no-repeat; width:13px; height:13px; position:absolute; right:24px; top:50%; margin-top:-6px; content:"";} .digitalReality .digitalBoxsWrap {margin-bottom:-200px;} .digitalBoxsMobSlider, .dtQuickContMobSlider{display:none; overflow:hidden;} .digitalBoxsMobSlider{margin:0 -15px; padding:0 40px;} .digitalBoxsMobSlider .swiper-container, .dtQuickContMobSlider .swiper-container{overflow:visible;} .digitalBoxsMobSlider .swiper-slide{opacity:0.35; transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out; padding:40px 0 50px;} .digitalBoxsMobSlider .swiper-slide.active, .digitalBoxsMobSlider .swiper-slide-next{opacity:1;} .digitalBoxsMobSlider .sttlUkCardBox{min-height:475px;} .dtQuickContMobSlider .dtQuicContBox{padding:20px 20px; border-right:1px solid rgba(45,115,147,0.2); min-height:310px;} .dtQuickContMobSlider .swiper-slide.dtQuicContBox .swiper-slide-active{} .dtQuickContMobSlider .dtQuicContBox p{margin-bottom:10px;} .dtQuickContMobSlider{ padding:0 50px; overflow:visible; border-bottom:1px solid rgba(45,115,147,0.2);} .dtQuickContMobSlider .swiper-slide{opacity:0.35; transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out;} .dtQuickContMobSlider .swiper-slide.active, .dtQuickContMobSlider .swiper-slide-next{opacity:1;} .dtQuickContMobSlider .swiper-container{padding-bottom:0;} .simple-content-info h3{ font-size: 40px; font-weight: 700; line-height: 1.1; margin-top:1rem; margin-bottom:1rem; } .icon-card-section .services-we-offer-slider .services-we-offer-box .services-we-offer-info h5 {font-size: 24px; margin: 20px 0; font-weight: 600 !important;} .icon-card-section .services-we-offer-slider .services-we-offer-box .services-we-offer-image img {height: 60px; width: 60px;} /* Amee Css */ /* BOT Page Start */ .contactUs li a i{margin-right: 9px !important;} .container { position: relative; } .internalPadding { padding: 50px 0; } .innerBanner:before { content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: -moz-linear-gradient(left, rgb(37 34 116) 0%,rgb(37 34 116) 33%,rgba(125,185,232,0) 100%); background: -webkit-linear-gradient(left, rgb(37 34 116) 0%,rgb(37 34 116) 33%,rgba(125,185,232,0) 100%); background: linear-gradient(to right, rgb(37 34 116) 0%,rgb(37 34 116) 33%,rgba(125,185,232,0) 100%); } h3 { font-size: 28px; } .textBlue { color: #0f374b; } .textOrange { color: #ff763a; } .bannerBlueText { color: #a5e0ff; } .textCenter { text-align: center; } .textWhite{color: #fff;} .gryBackground{background-color: #f3f3f3;} .blueBackground{background-color: #125c7b;} .pt0 { padding-top: 0 !important;} .mb0{margin-bottom: 0 !important;} .mt10{margin-top: 10px !important;} .mb10{margin-bottom: 10px !important;} .coverbg { background-size: cover; background-position: center; background-repeat: no-repeat } .title h2 { font-size: 52px; font-weight: 700; line-height: 1.2; } .grid { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .alignitemscenter { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .botInfoLeft, .botInfoRight { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .botInfoRight p:last-child{margin-bottom: 0;} .botInfotitle { padding-right: 50px; } .botQuote {box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);padding: 40px;position: relative;} .botQuote h3 {margin-bottom: 0;} .botInfotSection .botQuote { position: relative; } .customQuoteSign { font-size: 95px; font-family: "Times New Roman", Times, serif; line-height: 60px; color: #242173; } .topQuoteSign { position: absolute; top: 40px; left: 40px; } .bottomQuoteSign { display: inline; line-height: 0 !important; vertical-align: bottom; margin-left: 15px; } .botQuote h3 { margin-bottom: 0; margin-top: 40px; font-size: 2rem; line-height: 1.5; font-weight: 500; } .botQuote h4 { font-weight: 500; margin-top: 40px; line-height: 1.5;} .botQuoteSmall .customQuoteSign{font-size: 80px;} .botDevelopmentSection {background-color: #f3f3f3;} .botDiscoverySection { background: #0d7099 url(//www.silvertouchtech.co.uk/wp-content/themes/sttluk/assets/css/../images/increase-visibility-answer-bg.jpg) no-repeat right bottom; position: relative; color: #fff; text-align: center; } .botDiscoverySection h2 { color: #fff; } .botDiscoverySection p { margin-bottom: 0; } .botDesignSection .hanaBenefits { background-color: #fff; border: 1px solid #1e7092; box-shadow: 5px 0 32px rgba(0, 0, 0, .15);position: relative; margin: 40px 0 10px; } .botDesignSection .hanaBenefits .hanaBenefitsContent{ padding: 55px;} .botDesignSection .hanaBenefits:before { content: ''; position: absolute; left: 50%; transform: translateX(-50%); width: 80%; height: calc(100% + 20px); top: -10px; background-color: #f06f37; z-index: -1; } .hanaBenefitsContent{background-color: #fff;position: relative;z-index: 1;} .hanaBenefitsContent .checkList li:before { background-color: #242173; color: #fff; font-size: 9px; width: 18px; height: 18px; line-height: 16px; } .botDesignSection .checkList li{margin-bottom: 15px;} .codingPracticeSection {background: #10153d;position: relative;color: #fff;} .codingPracticeSection .container { position: static;} .codingPracticeMain{display: -webkit-box; display: -ms-flexbox; display: flex;} .codingPracticeLeft{width: 30%;margin-left: 30px;} .codingPracticeRight{width: 70%;} .productionJournerySection.sapSoftwareSupport{position: relative;} .productionJournerySection.sapSoftwareSupport:before { content: ''; background: -moz-linear-gradient(left, rgba(240,240,240,1) 1%, rgba(250,250,250,1) 65%, rgba(255,255,255,0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(240,240,240,1) 1%,rgba(250,250,250,1) 65%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(240,240,240,1) 1%,rgba(250,250,250,1) 65%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */ width: 80%; position: absolute; left: 0; height: 100%; top: 0; } .codingPracticeLeftImg{position: absolute;height: 100%;width: 30%;left: 0;} .codingPracticeLeftImg:before{content: '';position: absolute;top: 0;left: 0;width: 100%;background-image: url('../images/cloud-services.png');background-size: cover;background-position: center;background-repeat: no-repeat;height: 100%;} .codingPracticeList li{list-style: none; color: #fff; margin-bottom: 20px;line-height: 28px;font-size: 20px;} .codingPracticeList .checkList li:before { left: 0;top: 6px;height: 18px;width: 18px;background-color: #fff;} .codingPracticeList .checkList li li{padding-left: 25px;} .codingPracticeList .checkList li li:before { height: 3px; width: 9px; font-size: 0; top: 12px; } .codingPracticeRightImg { position: absolute; top: 50%; left: 27%; transform: translateY(-50%); } .deploymentMainText{display: -webkit-box;display: -ms-flexbox;display: flex;} .deploymentLeft{width: 50%;padding-right: 50px;} .deploymentRight{width: 50%;} .productionJournerySection .checkList { width: 60%;} .PrecautionsProductionSection ul {display: flex;padding: 0;justify-content: center;} .PrecautionsProductionSection li { width: 25%; padding: 22px; border: 1px solid #f06f37; height: auto; margin: 0 1%; border-radius: 10px; list-style: none; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .1); } .PrecautionsProductionSection{text-align: center;} .botDevelopmentImg {max-width: 1024px;width: 100%; margin: 10px auto 30px;} .approchSection{ background-image:url(../images/rpa-approch-back.jpg); position: relative; color: #fff; text-align: center;background-position: center;background-repeat: no-repeat;background-size: cover;} .approchSection h2{color: #fff;} .mobileView{display: none;} .discoryContent {columns: 2; column-gap: 10px;} .botLinkbtn span{display: inline-block;vertical-align: middle;margin-right: 20px;margin-top: 10px;} .botLinkbtn a{margin-top: 15px;display: inline-block;} .productionJournerySection .checkList li::before, .MaintenanceSection .checkList li:before{ background-color: #242173; color: #fff; font-size: 9px; width: 18px; height: 18px; line-height: 16px; } /* BOT page End */ /* Center of Excellence Start */ .centerOfExcellenceMain { display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; justify-content: space-between; } .centerOfExcellenceLeft { width: 70%; padding-right: 30px; } .centerOfExcellenceRight { width: 380px;position: relative; flex: 0 0 auto;} .centerOfExcellenceRight:before { content: ''; position: absolute; left: 0; bottom: -30px; width: 100%; background-image: url('../images/certificate-back.png'); height: 100%; z-index: -1; background-size: contain; background-repeat: no-repeat; right: 0; text-align: center; } .excellenceImg img { width: 100%; } .excellenceImg { max-width: 270px;margin: 0 auto; } .supprtBlock {width:31.33%;padding: 20px;border: 1px solid #c0c0c0;margin: 1%;} .supportMain .diagram {width: 100%; max-width: 600px; margin: 30px auto;} .allsupport {display: flex;flex-wrap: wrap;text-align: left;} .supprtBlock h6{margin-bottom: 10px;} .supprtBlock p {margin-bottom: 0;} .objectImgWrapper { max-width: 450px; margin: 0 auto; width: 100%;} #imgPopup{max-width: 400px;} .supprtBlock ul li:before { height: 15px; width: 15px; background-color: #232073; color: #fff; font-size: 8px; line-height: 13px; } .supprtBlock ul { padding: 0; margin-bottom: 0; margin-top: 20px;} /* Center of Excellence End */ /* RPA Tranning Starts */ .buidBotSection{padding: 30px 0;} .buidBoatOuter{display: flex; display: -webkit-box; display: -ms-flexbox; display: flex;align-items: center;justify-content: space-between;} .buidBoatOuter {background-color: #195d82; color: #fff; padding: 15px; border-radius: 10px;} .buildboatLeft{ flex: 0 0 auto;} .buildboatRight{width: 80%;flex-grow: 1;padding-right: 20px;} .buildboatRight img { display: inline-block; max-width: 90px; vertical-align: middle; } .buildboatRight p { display: inline-block; width: calc(100% - 100px); vertical-align: middle; padding-left: 10px; font-size: 1.3rem;} .buildboatLeft h3, .buildboatRight p,.tranningInfolowerSection p:last-child{margin-bottom: 0;} .industryList ul { padding: 0; display: flex; flex-wrap: wrap; position: relative;justify-content: center;} .industryList ul li {flex-grow: 1;max-width: 220px;width: 100%;display: block;padding: 20px;border: 1px solid #c0c0c0;text-align: center;margin: 10px;position: relative;color: #242173;border-radius: 10px;} .industryList ul li p{margin-bottom: 0;font-weight: 600;} .industryList label{position: absolute;right: 8px;bottom: 2px;margin-bottom: 0;font-size: 0.8em;} .contactTranningSection .commonBoxes {min-height: auto;} .contactTranningSection .commonBoxes h4 {margin-bottom: 0;} .contactTranningSection .twoBoxGroup{margin-top: 20px;} .contactTranningSection .commonBoxes:before{bottom: -5px; top: -5px;} .tranningInfoBottom { display: flex; align-items: start;} .tranningQuote { flex-grow: 1; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1); padding: 30px; width: 40%; position: relative; display: flex; align-items: center; } .trainingText { flex-grow: 1; width: 80%; padding-left: 30px; } .tranningQuote h3 { margin-bottom: 0; } .rpaindustryicon {display: inline-block; margin: 0 auto 10px;} .bg-tower { width: 60px; height: 80px; background: url('../images/rpa-industry.png') -308px -106px; } .bg-accounting { width: 76px; height: 76px; background: url('../images/rpa-industry.png') -210px -108px; } .bg-customer_service { width: 78px; height: 78px; background: url('../images/rpa-industry.png') -109px -110px; } .bg-factory { width: 79px; height: 79px; background: url('../images/rpa-industry.png') -10px -110px; } .bg-government { width: 80px; height: 80px; background: url('../images/rpa-industry.png') -10px -10px; } .bg-hospital { width: 71px; height: 76px; background: url('../images/rpa-industry.png') -308px -10px; } .bg-human_resources { width: 78px; height: 78px; background: url('../images/rpa-industry.png') -210px -10px; } .bg-laboratory { width: 76px; height: 76px; background: url('../images/rpa-industry.png') -10px -209px; } .bg-life_insurance { width: 80px; height: 80px; background: url('../images/rpa-industry.png') -110px -10px; } .bg-money { width: 76px; height: 73px; background: url('../images/rpa-industry.png') -106px -209px; } /* RPA Tranning End */ /* RPA Support Start */ .supportServicesBlock { width: 48%; padding: 30px; margin: 1%; border: 1px solid #ccc; border-radius: 10px;} .supportServices { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .getinTouchbottomSection{margin-top: 30px;} .RPAsupportgrtInTouch a{ margin-left: 30px;} .bg-bot_support_icon { width: 46px; height: 48px; background: url('../images/rpa-support-sprite.png') -147px -10px; } .bg-rpa_support_icon { width: 50px; height: 50px; background: url('../images/rpa-support-sprite.png') -10px -10px; } .bg-bot_development_icon { width: 50px; height: 44px; background: url('../images/rpa-support-sprite.png') -10px -80px; } .bg-process_discovery_icon { width: 47px; height: 47px; background: url('../images/rpa-support-sprite.png') -80px -10px; } .supportServicesBlock .innerTitle { display: flex; flex: 0 0 auto; align-items: center; } .supportServicesBlock .innerTitle .supportIcon {margin: 0 15px 15px 0;flex: 0 0 auto; transform: scale(0.9);} .supportServicesBlock .innerTitle h5 { margin-bottom: 5px;} /* RPA Support End */ /* Big Data Start */ .bigdataSolution .innerTitle{text-align: center;} .bigdataSolution .innerTitle h2{margin-bottom: 15px; } .bigdataSolutionDetail { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .bigdataSolutionBlock { width: 23%; padding: 20px; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2); margin: 1%; position: relative;margin-bottom: 40px;} .bigdataSolutionBlock h3 {font-weight: 600;font-size: 24px;} .bigdataSolutionBlock:before { content: ''; position: absolute; bottom: -6px; left: 50%; transform: translateX(-50%); height: 6px; width: 80%; background-color: #ff763a;transition: all 0.3s ease-out;} .bigdataSolutionBlock:hover:before{height: 15px;} .bigDataInfoMain { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; align-items: center;} .bigDataInfoRight {width: 40%; } .bigDataInfoLeft { flex-grow: 1; padding-right: 50px; width: 60%; } .bigdataSolutionBlock:nth-child(2):before { background-color: #9abb22; } .bigdataSolutionBlock:nth-child(3):before { background-color: #ee948f; } .bigdataSolutionBlock:nth-child(4):before { background-color: #b18bec; } .bigDataAnalyticsIcon{display: block;margin-bottom: 15px;transform: scale(0.9);} .bg-dm_icon {width: 68px; height: 68px; background: url('../images/bigdata-analytic.png') -99px -10px;} .bg-da_icon {width: 62px; height: 62px; background: url('../images/bigdata-analytic.png') -94px -99px;} .bg-dv_icon {width: 69px; height: 69px; background: url('../images/bigdata-analytic.png') -10px -10px;} .bg-ds_icon {width: 64px; height: 64px; background: url('../images/bigdata-analytic.png') -10px -99px;} /* Big Data End */ /* IOT Page Start */ .iotInfoMain .innerTitle h2{margin-bottom: 5px; } .iotofferiengs .bigdataSolutionBlock{background-color: #fff;} .iotApplicationSection .dtQuickContent .cols6{ min-height: 180px;height: auto; display: table-cell; width: 50%; float: none;padding: 30px !important;} .iotApplicationBlock h5 {max-width: 200px;margin-bottom: 10px;} .iotofferingIcon{display: block;margin-bottom: 15px;transform: scale(0.9);} .bg-managed_services {width: 68px; height: 68px;background: url('../images/iot-offerings.png') -10px -100px;} .bg-consulting {width: 68px; height: 68px;background: url('../images/iot-offerings.png') -98px -100px;} .bg-development {width: 70px; height: 70px;background: url('../images/iot-offerings.png') -10px -10px;} .bg-integration {width: 70px; height: 70px;background: url('../images/iot-offerings.png') -100px -10px;} .iotApplicationSection {box-shadow: 0 0px 10px 0px rgba(0,0,0,0.1);} .iotContact { display: flex; justify-content: space-between; align-items: center; } .iotContact h3 { margin-bottom: 10px; margin-right: 6px; } .iotContact .button {flex: 0 0 auto;} .iotApplicationBlock p{margin-bottom: 0;} /* IOT PAge End */ /* Ai Ml page start */ .aiheading { padding: 25px; border-radius: 10px; margin-bottom: 30px; text-align: center;box-shadow: 0px 0px 20px rgba(0,0,0,0.07);} .aiheading h3 { font-weight: 500; margin-bottom: 0; } .aiheading .customQuoteSign { line-height: 0; vertical-align: bottom; margin: 0 15px; } .bg-unsupervised_learning {width: 50px;height: 50px;background: url('../images/machine-learning-methods.png') 0px 0;} .bg-supervised_learning {width: 50px;height: 50px;background: url('../images/machine-learning-methods.png') -150px 0px;} .machineLearningHeading { display: flex; align-items: center; margin-bottom: 20px; } .mlIcon {background-size: cover; margin-right: 10px; } .machineLearningHeading h3 { margin-bottom: 0; font-weight: 400;} .aiIntroTextMain { display: flex; } .aiInfoText { flex-grow: 1; flex-basis: 0; } .aiIndoImg { max-width: 450px; width: 100%; padding-left: 30px; } .machineLearningMethodSection { background-color: #125c7b; background-image: url('../images/ai-machinelearning-back.png'); background-size: cover; background-position: center; background-repeat: no-repeat; color: #fff; position: relative; } .machineLearningMethodMain { display: flex; } .machineLearningMethodLeft, .machineLearningMethodRight { width: 50%; flex-grow: 1; text-align: left; margin: 1%; box-shadow: 0px 0px 20px 0px rgba(9, 255, 244, 0.42); padding: 40px; background-color: rgba(0, 54, 76, 0.64); } .machineLearningMethodSection:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(18, 92, 123, 0.67); } .bigdataSolutionBlock ul li { display: block; width: 100%; border-bottom: 1px solid #c0c0c0; padding: 15px 0; } .bigdataSolutionBlock ul { margin: 0; padding: 0; } .bigdataSolutionBlock h5 { font-size: 20px; margin-bottom: 15px; max-width: 180px; } .bigdataSolutionBlock ul li:last-child { padding-bottom: 10px; border-bottom: 0; } .bigdataSolutionBlock { background-color: #fff; } .bg-ml_icon {width: 70px; height: 70px; background: url('../images/ai-offerings-icon.png') -10px -10px;} .bg-ai_icon {width: 66px; height: 66px; background: url('../images/ai-offerings-icon.png') -10px -100px;} .bg-pa_icon {width: 64px; height: 64px; background: url('../images/ai-offerings-icon.png') -96px -100px;} .bg-ete_integration_icon {width: 70px; height: 70px; background: url('../images/ai-offerings-icon.png') -100px -10px;} .aiofferingsIcon{margin-bottom: 15px;} .aimlLearnigToolImg{max-width: 800px;width: 100%;margin: 0 auto;} .aimlLearnigToolImg img{width: 100%;} .aiOfferingsSection .bigdataSolutionBlock h5{max-width: 100%;} /* Ai ml page end */ /* Automation Tranning Start */ .automationInfoMain ul { display: flex; flex-wrap: wrap; padding: 0; } .automationInfoMain ul li { width: 47%; padding: 16px; list-style: none; background-color: #f2f2f2; margin: 1%; align-self: auto;font-weight: 600; } .automationProcess { border: 2px solid #242173;border-radius: 10px;padding: 20px;margin-bottom: 20px;background-color: rgba(13,112,153,.95); color: #fff;} .automationProcess h5{color:#fff;text-align: center;} .automationProcess ul { padding: 0; display: flex; margin-bottom: 0; } .automationProcess ul li { flex-grow: 1; list-style: none; font-weight: 600; border-right: 1px solid #c0c0c0; padding: 0px 15px;margin: 5px 0; } .automationProcess ul li:last-child{border-right: 0;} .automationsilvertochMain{display: flex; display: -webkit-box; display: -ms-flexbox; display: flex;} .automationsilvertochLeft{width: 60%;padding-right: 100px;} .automationsilvertochRight { width: 40%; } .automationsilvertochLeft ul { padding: 0; margin-bottom: 0; } .automationsilvertochLeft ul li { display: block; margin-bottom: 20px; } .automationsilvertochRight img{width: 100%;} .processFlowimg {/* max-width: 1000px; */width: 100%; margin: 0 auto 30px;} .feasibilityAnalysisSection .container{border-top: 1px solid #c0c0c0;} .feasibilityAnalysisMain{display: flex;display: -webkit-box;display: -ms-flexbox;display: flex;justify-content: space-between;margin-bottom: 30px;} .feasibilityAnalysisLeft{flex-grow: 1;flex-basis: 0;padding-right: 50px;} .feasibilityAnalysisRight{flex-grow: 1;flex-basis: 0;} .feasibilityAnalysisimg {max-width: 600px;width: 100%;} .analysisSectionMain{display: flex;display: -webkit-box;display: -ms-flexbox;display: flex;border: 1px solid #c0c0c0; margin-top: 40px;} .complexitySection, .BenefitSection,.roiSection{flex-grow: 1;flex-basis: 0;padding: 40px;} .BenefitSection{background-color: #f3f3f3;position: relative;} .BenefitSection ul { margin-bottom: 0; } .BenefitSection ul li { margin-bottom: 12px; } .BenefitSection ul li { margin-bottom: 12px; } .businessPrioritySection ul { padding: 0; display: flex; flex-wrap: wrap; } .businessPrioritySection ul li { display: flex; width: 30%; flex-grow: 1; font-weight: 700; position: relative; align-items: center; border: 10px solid transparent; padding: 15px 20px; box-shadow: 0 0 10px #ececec; border-left: 8px solid #ff763a; transition: all 0.3s ease-out; cursor: pointer; margin: 0 20px 20px 0px; background: #fff; min-height: 125px; } .silverctaInner h5 i { color: #fff; font-size: 22px; } .silverctaInner h5 { margin-top: 20px; } .silverctaInner h2{ font-size: 34px; line-height: 40px; } .silverctaInner h5 a { color: #ff763a; margin: 0 5px; text-decoration: none; } .businessPrioritySection ul li:hover {border: 1px solid #ff763a;border-left: 4px solid #ff763a;} .bg-business_priorities_6 {width: 58px; height: 48px;background: url('../images/business-priorities-sprite.png') -10px -163px;} .bg-business_priorities_1 {width: 59px; height: 59px;background: url('../images/business-priorities-sprite.png') -102px -10px;} .bg-business_priorities_2 {width: 54px; height: 54px;background: url('../images/business-priorities-sprite.png') -102px -89px;} .bg-business_priorities_3 {width: 72px; height: 53px;background: url('../images/business-priorities-sprite.png') -10px -10px;} .bg-business_priorities_4 {width: 53px; height: 59px;background: url('../images/business-priorities-sprite.png') -181px -10px;} .bg-business_priorities_5 { width: 60px; height: 60px;background: url('../images/business-priorities-sprite.png') -10px -83px;} .businessPrioritySection ul li .businessIcon { display: inline-block; transform: scale(0.7); flex: 0 0 auto; margin-right: 8px; } .businessPrioritySection ul li p { margin-bottom: 0; } .businessPriorityimg {max-width: 1000px;margin: 0 auto 20px;} .automationgetintouch.getinTouchbottomSection a{margin:0 15px} .sutomationRoadMap { display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; } .automationRoadmaptext { flex-grow: 1; flex-basis: 0; } .automationRoadmaptext:first-child { padding-right: 15px; } .automationroadmapImg { width: 100%; margin: 0 auto; } .rpaConsulting .increaseVisibilityList { position: relative; overflow: hidden; margin-top: 40px; padding-top: 20px; background: url('../images/rpa-issueimg.jpg') no-repeat center top; background-size: 80%; } .rpaConsulting .increaseVisibilityList ul.rightList li { margin-top: 0; } .rpaConsulting .increaseVisibilityList ul li { margin-bottom: 60px; } .rpaConsulting .increaseVisibilityList ul.rightList li:last-child { margin-top: 60px; margin-left: 70px; } .rpaConsulting .increaseVisibilityList ul li p { font-size: 20px; } .rpaConsulting .shoppingAnswerWrap { margin-top: 30px; } .rpaConsulting .shoppingAnswer .container { max-width: 1270px; } .rpaConsultingQuerySectionMain { display: flex; align-items: center;} .rpaConsultingQueryLeft, .rpaConsultingQueryRight { flex-grow: 1; flex-basis: 0; } .bg-profits { width: 30px; height: 36px; background: url('../images/rpa-query-icons.png') -122px -10px; } .bg-enterprise { width: 34px; height: 34px; background: url('../images/rpa-query-icons.png') -65px -63px; } .bg-chat { width: 37px; height: 33px; background: url('../images/rpa-query-icons.png') -65px -10px; } .bg-bot { width: 35px; height: 35px; background: url('../images/rpa-query-icons.png') -10px -10px; } .bg-get_money { width: 34px; height: 36px; background: url('../images/rpa-query-icons.png') -10px -65px; } .rpaConsulting .shoppingAnswer .firstLine {position: relative;max-width: 900px;margin: 0 auto 60px;font-size: 28px;} .rpaConsultingQueryLeft ul { padding-left: 0; max-width: 450px; } .rpaConsultingQueryLeft li {display: flex;border-bottom: 1px solid rgba(255, 255, 255, 0.3);padding: 20px 0;} .rpaConsultingQueryLeft li:last-child{padding-bottom: 0;border-bottom: 0;} .rpaConsultingQueryLeft li p { margin-bottom: 0; margin-left: 20px; } .rpaQueryIcon { transform: scale(0.9); } .processDiscoveryAssessmentSection{position: relative;} .processDiscoveryAssessmentSection:before { content: ''; position: absolute; left: 0; width: 100%; height: 66%; bottom: 0; background-color: #f6f6f6; } .automationroadmapImg,.processFlowimg{max-width: 100%;} .automationRoadmaptext ul { padding: 0; display: flex; justify-content: space-between; } .automationRoadmaptext ul li { flex-grow: 1; flex-basis: 0; margin: 0 10px; border-radius: 0; padding: 25px 15px; list-style: none; max-width: 400px; text-align: center; box-shadow: 0 0 10px #ececec; border: 10px solid #ff763a00; border-left: 8px solid #ff763a; transition: 0.3s all ease-out; cursor: pointer; } .automationRoadmaptext ul li:hover { border: 1px solid #ff763a; border-left: 4px solid #ff763a; } .automationRoadmaptext ul li p { margin-bottom: 0; } .feasibilityAnalysisSection .container{border-top: 0;} .businessPriorityimg{max-width: 100%;} .businessPrioritySection{background-color: #f6f6f6;} /* Automation Tranning End */ /* DEedicated Developers Start */ .engagementModelSection .innerTitle h2 { color: #fff;text-align: center;} .benHireDedicated {text-align: center;} .ben-dedicated-dev { padding: 0; list-style: none; } .ben-dedicated-dev li { float: left; width: 20%; padding: 0 20px 0; border-left: 1px solid #cdcdcd; margin: 35px 0; position: relative; } .ben-dedicated-dev li:first-child, .ben-dedicated-dev li:nth-child(6) { border-left: none; } .ben-dedicated-dev li:nth-child(n+6) { margin-bottom: 0; } .ben-dedicated-dev li:nth-child(-n+5):after { content: ""; position: absolute; height: 1px; background: #cdcdcd; width: 70%; margin: 0 auto; bottom: -35px; left: 0; right: 0; } .wmad-icons { display: inline-table; vertical-align: middle;margin-bottom: 15px;} .wmad-icons { background: url(../images/windows_dev_sprite.png) no-repeat; display: inline-table; vertical-align: middle; } .wmad-icons.experienced { background-position: -30px -365px; width: 63px; height: 65px; } .wmad-icons.communication { background-position: -133px -371px; width: 61px; height: 65px; } .wmad-icons.pricing { background-position: -235px -375px; width: 60px; height: 65px; } .wmad-icons.reporting { background-position: -344px -372px; width: 61px; height: 65px; } .wmad-icons.tracking { background-position: -447px -374px; width: 63px; height: 65px; } .wmad-icons.delivery { background-position: -550px -375px; width: 54px; height: 65px; } .wmad-icons.management { background-position: -653px -376px; width: 60px; height: 65px; } .wmad-icons.retaining { background-position: -754px -380px; width: 68px; height: 65px; } .wmad-icons.lead { background-position: -862px -365px; width: 65px; height: 65px; } .wmad-icons.secured { background-position: -964px -365px; width: 65px; height: 65px; } .ben-dedicated-dev li h6 { font-size: 16px; font-weight: 600; margin-top: 15px; margin-bottom: 0;} .ui-workflow li {display: inline-table;width: 156px;height: 156px;border: 2px solid #649fcc;border-radius: 100%;text-align: left;padding-left: 0;line-height: 130px;position: relative;vertical-align: middle;margin-right: 72px;color: #649fcc;text-align: center;} .wflow-con { line-height: normal; vertical-align: middle; display: table-cell; font-size: 1rem; color: #000; font-weight: 500; } .ui-workflow li:after {content: '';top: 68px;height: 8px;width: 44px;right: -70px;background: url(../images/hire-arrow.png) no-repeat right center;background-size: contain;position: absolute;right: -50px;} .ui-workflow {text-align: center;padding-left: 0;margin-top: 40px;} .ui-workflow li:last-child:after{content: none;} .ui-workflow li:nth-child(1) { color: #22348f; border-color: #22348f; } .ui-workflow li:nth-child(2) { border: 2px solid #e27033; color: #e27033; } .ui-workflow li:nth-child(3) { border: 2px solid #20beaa; color: #20beaa; } .ui-workflow li:nth-child(4) { border: 2px solid #731bce; color: #731bce; } .ui-workflow li:nth-child(5) {border: 2px solid #3255d6;color: #3255d6;margin-right: 0;} .ui-workflow li:nth-child(2):before { content: "2"; } .ui-workflow li:nth-child(3):before { content: "3"; } .ui-workflow li:nth-child(4):before { content: "4"; } .ui-workflow li:nth-child(5):before { content: "5"; } .ui-workflow li:before { content: "1"; background: #fff; font-size: 55px; position: absolute; top: 40px; font-weight: 700; border-radius: 15%; -webkit-border-radius: 15%; height: 55px; width: 34px; left: -13px; line-height: 50px; } .engagementModelSection { background: #0d7099 url(../images/other-services-bg.jpg) no-repeat left bottom; } .engagement-model-list { display: flex; justify-content: space-between; margin-top: 50px;} .engagement-con { min-height: 560px; width: 100%; background: #fff url(../images/hire_dr.jpg) no-repeat right top; padding: 220px 30px 20px; color: #626262; text-align: left; -webkit-box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, .2); -moz-box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, .2); box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, .2); width: 32%; } .engagement-con:nth-child(2) {background-image: url(../images/hire_ost.jpg);} .engagement-con:nth-child(3) {background-image: url(../images/hire_odcm.jpg);} .engagement-con .wmad-icons.dedicated { background-position: -204px -272px; width: 55px; height: 54px; } .engagement-con .wmad-icons.onsite { background-position: -298px -278px; width: 64px; height: 54px; } .engagement-con .wmad-icons.odc-m { background-position: -401px -271px; width: 54px; height: 54px; } .project-details { display: flex; justify-content: center; margin-bottom: 0; } .project-details li { display: block; flex-grow: 1; text-align: center; padding: 15px; border-right: 1px solid #eee; } .project-details li:last-child { border-right: 0; } .project-details li h2 { font-weight: 400; color: #242173; margin-bottom: 10px; font-size: 50px; } .project-details .counter { font-weight: 300; font-size: 56px; color: #1e7092; } .multipulDevelopers .innerTitle {margin-bottom: 50px;} .serviceWeProvide { display: flex; flex-wrap: wrap; } .multipulDevelopers { background-image: url('../images/technology-workd-background.jpg'); background-size: cover; background-repeat: no-repeat; color: #fff; } .provideServiceBlock {width: 23%;padding: 20px;margin: 1%;} .provideServiceBlock h6{color: #fff; border-bottom: 1px solid rgba(255,255,255,0.4); padding-bottom: 15px;} .provideServiceBlock ul {padding: 0;margin-bottom: 0;} .provideServiceBlock ul li { margin: 15px 0; } .provideServiceBlock ul li:first-child { margin-top: 0; } .provideServiceBlock ul li:last-child { margin-bottom: 0; } .provideServiceBlock li{position: relative;display: block;padding-left: 30px;} .provideServiceBlock li:before {content: '';position: absolute;left: 0;top: 0; background: url(../images/menu-icon-hire.png) no-repeat left top; width: 20px; height: 23px; } .provideServiceBlock li.menuIcon.androidIcon:before { background-position: left top; } .provideServiceBlock li.menuIcon.iosIcon:before { background-position: -1030px top; } .provideServiceBlock li.menuIcon.reactNatIcon:before { background-position: -55px top; } .provideServiceBlock li.menuIcon.xamarinIcon:before { background-position: -83px top; } .provideServiceBlock li.menuIcon.ionicIcon:before { background-position: -113px top; } .provideServiceBlock li.menuIcon.html5Icon:before { background-position: -232px top; } .provideServiceBlock li.menuIcon.uiUxIcon:before { background-position: -260px top; } .provideServiceBlock li.menuIcon.angularIcon:before { background-position: -420px top; } .provideServiceBlock li.menuIcon.nodeIcon:before { background-position: -30px top; } .provideServiceBlock li.menuIcon.reactJsIcon:before { background-position: -55px top; } .provideServiceBlock li.menuIcon.vuJsIcon:before { background-position: -517px top; } .provideServiceBlock li.menuIcon.javaDevIcon:before { background-position: -699px top; } .provideServiceBlock li.menuIcon.j2eeIcon:before { background-position: -726px top; } .provideServiceBlock li.menuIcon.springIcon:before { background-position: -754px top; } .provideServiceBlock li.menuIcon.magentoMenuIcon:before { background-position: -142px top; } .provideServiceBlock li.menuIcon.openCartIcon:before { background-position: -171px top; width: 25px; } .provideServiceBlock li.menuIcon.hireWooCommIcon:before { background-position: -204px top; width: 25px; } .provideServiceBlock li.menuIcon.netIcon:before { background-position: -325px top; width: 25px; } .provideServiceBlock li.menuIcon.netMvcIcon:before { background-position: -357px top; width: 25px; } .provideServiceBlock li.menuIcon.sharePointIcon:before { background-position: -390px top; width: 25px; } .provideServiceBlock li.menuIcon.blockChainIcon:before { background-position: -545px top; width: 25px; } .provideServiceBlock li.menuIcon.bigDataIcon:before { background-position: -577px top; width: 29px; left: -2px !important; } .provideServiceBlock li.menuIcon.hadoopIcon:before { background-position: -1060px top; width: 29px; left: -2px !important; } .provideServiceBlock li.menuIcon.mongoDbIcon:before { background-position: -673px top; } .provideServiceBlock li.menuIcon.phpDevIcon:before { background-position: -783px top; width: 25px; } .provideServiceBlock li.menuIcon.drupalIcon:before { background-position: -816px top; } .provideServiceBlock li.menuIcon.wordpressMenuIcon:before { background-position: -846px top; width: 25px; } .provideServiceBlock li.menuIcon.symfonyIcon:before { background-position: -877px top; width: 25px; } .provideServiceBlock li.menuIcon.laravelIcon:before { background-position: -908px top; width: 25px; } .provideServiceBlock li.menuIcon.cakePhpIcon:before { background-position: -938px top; width: 25px; } .provideServiceBlock li.menuIcon.codeigniterIcon:before { background-position: -973px top; width: 25px; } .provideServiceBlock li.menuIcon.zendDevelIcon:before { background-position: -1002px top; width: 25px; } /* DEedicated Developers End */ /* DT page Start */ .dtofferingsSection .sttlUkBotCard { margin-top: 0; padding: 30px; } .dtofferingsSection.digitalBoxsWrap.sttlUkCard li { width: 50%; } .sttlUkBotCard.dtweoffer li { width: 100% !important; padding: 4px 35px; float: none; margin: 0 10px 10px;} .sttlUkBotCard.dtweoffer .checkList {display: block !important;} /* Dt page End */ /* About US Start */ .overviewMain {display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center;} .mb40{margin-bottom: 40px;} .overviewLeft { flex-grow: 1; width: 100%; max-width: 600px;margin-bottom: 20px;} .overviewMain img{width: 100%;} .overviewRight p:last-child{margin-bottom: 0;} .overviewRight { flex-grow: 1; } .missionvisionMain{display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 30px; } .visonSection,.missionSection{box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.12);border-radius: 10px;padding: 50px;position: relative;flex-grow: 1; width: 50%;} .visonSection:before,.missionSection:before{content: '';position: absolute;width: 80%;height: 5px;background-color: #ff763a;left: 50%;bottom: -5px;transform: translateX(-50%);} .missionSection{margin-left: 25px;} .visonSection h5, .missionSection h5 { font-weight: 500 !important; line-height: 30px; margin-bottom: 0;} .bg-vision_icon { width: 61px; height: 61px; background: url('../images/vision-12.svg'); } .bg-mission_icon { width: 61px; height: 61px; background: url('../images/mission-12.svg'); } .visonSection .innerTitle h2 , .missionSection .innerTitle h2 { margin-bottom: 0; margin-left: 25px; } .visonSection .innerTitle, .missionSection .innerTitle { display: flex; align-items: center; margin-bottom: 20px; } .silvetouchWelcomesSection{background-image: url('../images/about-company-quote.jpg');position: relative;background-size: cover;background-position: left center;padding: 80px 0 100px;margin-top: 50px;} .silvetouchWelcomesSection h4{margin-bottom: 0;} .aboutQuoteIcon { position: absolute; top: -50px; left: 50%; transform: translateX(-50%); } .silvetouchWelcomesSection h4{color: #fff;} .aboutQuoteText { font-size: 60px; color: #fff; line-height: 1; font-family: "Times New Roman", Times, serif; position: absolute; left: 50%; transform: translateX(-50%); bottom: -60px; } .silvertouchOverviewBottomSection{background-color: #f4f4f4;position: relative;overflow: hidden;} .silvertouchOverviewBottomSection .overviewLeft { flex-grow: 1; width: 100%;margin: 0;max-width: 52%;} .silvertouchOverviewBottomSection .overviewRight { position: absolute; right: 0; top: 0; width: 52%; height: 100%; background-image: url('../images/about-approach-img.png'); background-size: cover; background-position: left center; background-repeat: no-repeat; } /* About US End */ /* USE cases Start */ .newAccordionSection .accordion .accTrigger {background-color: #f2f2f2;} .newAccordionSection .accordion .accTrigger h6{margin-bottom: 0;} .newAccordionSection .accordion .accordDetail {padding: 15px;box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1); margin-top: -10px;} .newAccordionSection .accordion .accordDetail h6 {margin-bottom: 5px;color: #676767;font-size: 1rem;} .usecases-block{padding-bottom: 30px;margin-bottom: 30px;border-bottom: 1px solid #c0c0c0;} .usecases-block:last-child{margin-bottom: 0;padding-bottom: 0;border-bottom: 0;} .usecases-block .accordion ul li { display: block; margin: 10px 0; position: relative; padding: 0 20px; } .usecases-block .accordion ul li:before { content: ''; position: absolute; left: 0; top: 7px; height: 6px; width: 6px; background-color: #676767; border-radius: 50%; } /* Usecase End */ /*For automation page*/ .feasibilityAnalysisFull{width:100%;} .commonPopup.deploymentPopup {max-width: 1100px;} /* Bigdata Page Start*/ .benifitBigdataSection { background-image: url('../images/bigdata-benifit-background.jpg'); background-repeat: no-repeat; background-size: cover; background-position: bottom; position: relative; } .benifitBigdataSection:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 86, 122, 0.85); } .bigdatabenifitMain ul { display: flex; flex-wrap: wrap; padding: 0; justify-content: space-between; } .bigdatabenifitMain ul li { flex-grow: 1; display: block; color: #fff; text-align: center;padding: 15px; width: 16.66%} .bigdatabenifitMain ul li p {margin-bottom: 0;} .bigdatabenifitMain ul li span { height: 150px; width: 150px; display: block; border: 1px solid #fff; border-radius: 50%; background-color: #0d7099; margin: 0 auto 20px; position: relative; display: flex; align-items: center; justify-content: center; } .bg-weather {width: 55px; height: 55px;background: url('../images/big-data-benefits.png') -87px -10px;} .bg-add_analysis {width: 54px; height: 54px;background: url('../images/big-data-benefits.png') -85px -87px;} .bg-customer_analysis {width: 54px; height: 54px;background: url('../images/big-data-benefits.png') -162px -10px;} .bg-senti_analytics {width: 57px; height: 57px;background: url('../images/big-data-benefits.png') -10px -10px;} .bg-health_analysis {width: 55px; height: 55px;background: url('../images/big-data-benefits.png') -10px -87px;} .bg-predictive_analysis {width: 54px; height: 54px;background: url('../images/big-data-benefits.png') -162px -84px;} .bigdatabenifitMain .checkList li:before { color: #fff; border-color: #fff; } .bigdataPlatformSection .logos ul { display: flex; flex-wrap: wrap; justify-content: center; padding-left: 0;} .bigdataPlatformSection .logos ul li { display: inline-block; max-width: 210px; padding: 20px; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1); margin: 15px; background-color: #fff; position: relative; z-index: 1; } .bigdataArchitecureimg {max-width: 800px; margin: 0 auto;} .bigdataPlatformSection { position: relative; } .bigdataArchitecurContent { display: flex; flex-wrap: wrap; } .bigdataArchitecturetire { flex-grow: 1; width: 45%; padding: 22px; border: 1px solid #c0c0c0; border-radius: 10px; margin: 12px;} .bigdataArchitecureMain { margin-bottom: 20px; } .bigdataArchitecturetire p { margin-bottom: 0; } .bigdataArchitecturetire ul { margin-bottom: 0; padding: 0; } .bigdataArchitecturetire ul li { display: inline-block; padding: 0 30px; margin-right: 40px; } .bigdataBackImgSection { position: absolute; right: -100px; bottom: -290px; z-index: 0; opacity: 0.1; max-width: 600px; } .bigdataAnalitics { background: #0a567f ; position: relative;} .bigdataAnalitics:before { content: ''; background-color: #0a567f; bottom: auto; top: 0; left: 0; width: 100%; height: 100%; } .bigdtaAn .bigdatabenifitMain { margin-bottom: 30px; padding-bottom: 30px; position: relative } .bigdtaAn .bigdatabenifitMain h5 { margin-bottom: 0px;} .bigdataAnalitics .bigdatabenifitMain ul{display: block;} .bigdtaAn .bigdatabenifitMain li { width: 100%;padding: 0px 0 0 30px; text-align: left; margin: 20px 0;line-height: 26px;} .bigdtaAn .bigdatabenifitMain:before { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 3px;/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0a567f+0,ffffff+51,0a567f+100 */ background: rgb(10,86,127); /* Old browsers */ background: -moz-linear-gradient(left, rgba(10,86,127,1) 0%, rgba(255,255,255,1) 51%, rgba(10,86,127,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(10,86,127,1) 0%,rgba(255,255,255,1) 51%,rgba(10,86,127,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(10,86,127,1) 0%,rgba(255,255,255,1) 51%,rgba(10,86,127,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0a567f', endColorstr='#0a567f',GradientType=1 ); /* IE6-9 */ } .bigdtaAn .bigdatabenifitMain:last-child { margin-bottom: 0; padding-bottom: 0; } .bigdtaAn .bigdatabenifitMain:last-child:before { content: none; } .bigdataLAstSection { display: flex; flex-wrap: wrap;} .bigdataLAstSection .bigdataSolutionBlock { flex-grow: 1; } .bigdataLAstSection .bigdataSolutionBlock ul li { border-bottom: 0; padding:0px; margin: 0 0 15px; } /* Bigdata Page End*/ /* Blockchain page start */ .blockchainIntroTextMain { display: flex; display: -webkit-box; display: -ms-flexbox; display: flex;align-items: center; } .blockchainInfoText, .blockchainIndoImg {flex-grow: 1; } .blockchainIndoImg { padding-left: 20px; } .blockchainInfoText { padding-right: 40px; } /* Blockchain-page End */ .blockchainServiceSection .machineLearningMethodLeft, .blockchainServiceSection .machineLearningMethodRight {padding: 0; text-align: left; position: relative; box-shadow: none; background-color: transparent; } .blockchainServiceSection.machineLearningMethodSection:before {background-color: rgba(25, 95, 135, 0.88);} .machineLearningMethodMain { display: flex; } .blockchainServiceHeading .blockIcon {background-size: cover;margin-bottom: 15px;} .bg-blockchain_enterprise { width: 80px; height: 80px; background: url('../images/blockchain-services.png') 80px 0px;} .bg-blockchain_startup {width: 80px; height: 80px; background: url('../images/blockchain-services.png') 0px 0px;} .blockchainServiceSection .machineLearningMethodLeft img, .blockchainServiceSection .machineLearningMethodRight img { position: absolute; right: 20px; bottom: 10px; height: 90px; opacity: 0.2; } .machineLearningMethodMain .checkList { text-align: left; } .machineLearningMethodMain .checkList li:before { color: #fff; border-color: #fff; } .achiveBlockchainSection { background-color: #ededed; position: relative; } .achiveBlockchainSection:before { content: ''; background-image: url('../images/blockChain-ICO-bg.jpg'); background-size: contain; position: absolute; right: -120px; bottom: 0; background-repeat: no-repeat; height: 100%; width: 48%; background-position: right center; /* background-size: 40%; */ opacity: 0.8; } .achiveBlockchain { max-width: 70%; } .machineLearningMethodSection:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(18, 92, 123, 0.67); } .blockchainSolutionBlock ul li { display: block; width: 100%; border-bottom: 1px solid #c0c0c0; padding: 15px 0; } .blockchainSolutionBlock ul { margin: 0; padding: 0; } .blockchainSolutionBlock h5 { font-size: 20px; margin-bottom: 10px; } .blockchainSolutionBlock ul li:last-child { padding-bottom: 10px; border-bottom: 0; } .blockchainSolutionDetail { display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; flex-wrap: wrap; } .blockchainSolutionBlock { background-color: #fff; width: 23%; padding: 20px; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .2); margin: 2% 1%; position: relative; width: 31.33%; } .blockchainSolutionBlock:before { content: ''; position: absolute; bottom: -6px; left: 50%; transform: translateX(-50%); height: 6px; width: 80%; background-color: #ff763a; } .blockchainofferingIcon{display: block;margin-bottom: 15px;transform: scale(0.9);} .bg-filter {width: 42px; height: 62px; background: url('../images/blockchain-offerings.png') -176px -92px;} .bg-cryptocurrency {width: 63px; height: 63px; background: url('../images/blockchain-offerings.png') -10px -10px;} .bg-mining {width: 63px; height: 63px; background: url('../images/blockchain-offerings.png') -93px -10px;} .bg-transaction {width: 62px; height: 62px; background: url('../images/blockchain-offerings.png') -93px -93px;} .bg-data {width: 54px; height: 62px; background: url('../images/blockchain-offerings.png') -176px -10px;} .bg-function {width: 63px; height: 63px;background: url('../images/blockchain-offerings.png') -10px -93px;} .blockchainSolutionBlock:first-child:before { background-color: #4ca9f6; } .blockchainSolutionBlock:nth-child(2):before { background-color: #9abb22; } .blockchainSolutionBlock:nth-child(3):before { background-color: #ee948f; } .blockchainSolutionBlock:nth-child(4):before { background-color: #b18bec; } .blockchainSolutionBlock:nth-child(5):before { background-color: #f8ad62; } .blockchainSolutionBlock:nth-child(6):before { background-color: #95eece; } /* Blockchain page End */ /* RPA Service MAin Page Start */ .rpaServicedaiagram{max-width: 1400px;margin: 0 auto;} .rpaServicesSolutionSection .bigdataSolutionBlock{width: 31.33%;} .rpaServicesSolutionSection .bigdataSolutionBlock h5{max-width: 100%;} .bg-virtual_assistant {width: 69px; height: 69px;background: url('../images/rpaServicesSolution.png') -10px -10px;} .bg-bots_icon {width: 67px; height: 67px;background: url('../images/rpaServicesSolution.png') -99px -10px;} .bg-enterprise_level_icon {width: 64px; height: 64px;background: url('../images/rpaServicesSolution.png') -10px -99px;} .rpaJourneySection{background-image: url('../images/rpa-journey-background.jpg');background-size: cover;background-position: center;background-repeat: no-repeat;color: #fff;} .rpaautomationConsultancySection{padding: 15px 0;} .rpaautomationConsultancySection .aiIntroTextMain{align-items: center;} .rpaautomationConsultancySection .aiIntroTextMain .button{margin-top: 30px;} .botDevelopFlow h3{text-transform: uppercase;} .botDevelopFlow img{max-width: 1400px;margin: 30px auto 40px;width: 100%;} .rpaSupportMaintenanceSection{background-image: url('../images/rpa-support-maintenance.jpg');background-size: cover;background-position: center;background-repeat: no-repeat;} .rpaSupportMaintenanc{color: #fff;max-width: 600px;width: 100%;} .rpaTranningBtn{font-weight: 400;} .rpaTranningBtn a{color:#242173;} .rpaTranningBtn a:hover{color: #fa7336;} .mobcycleImg{display: none;} .deskcycleImg{display: block;} /* RPA Service MAin Page End */ /*ODC Page*/ div#odcButton { padding: 50px; text-align: center; } .odcHiredDeveloperBg { background: url(../images/odc-hired-developer-bg.jpg) left top no-repeat; /* min-height: 659px; */ background-size: cover; /* margin-right: 50px; */ } .odcHiredDeveloper .row .cols6{ min-height: 570px; } .odcHiredDeveloperBg h3{color:#fff; margin-bottom: 80px;} .commonPadText { padding: 80px 50px 60px 15px; position: relative; z-index: 2; } .halfContainerRight { float: right; max-width: 620px; width: 100%; } .whtColor { color: #fff; } .checkList.textWhite li:before{color:#fff;border-color:#fff;} .odcHiredDeveloperBg .checkList li{margin-bottom:45px;} .extraEdge{background-position: left;} .cols5.extraEdgeContent {background: rgba(255,255,255,0.7);padding: 20px;} .odcHiredDeveloper .extraEdgeContent .extraEdgeServices{ max-width: 570px; background-color: rgba(255,255,255,0.9); padding: 25px 10px; margin: 0;} .odcHiredDeveloper .extraEdge { padding: 60px 60px 60px 15px; background-position: right; } /* 02-09-2020 */ /* Mobile App Development */ .platformBlockSection { position: relative; } .platformBlockSection:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 52%; background: url('../images/grey-background.jpg') no-repeat 0 0; background-size: cover; } .fitImagination { background-color: #fff; padding: 30px; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, .2); } .fitImaginationIcon { text-align: center; margin: 0 auto 20px; } .iconWithBlock h4.fitImaginationIcon:before { left: 50%; transform: translateX(-50%); margin-bottom: 100px; } .meanStactechnologyBox { background-color: #fff; padding: 25px 25px 0; height: 100%; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2); text-align: left; position: relative; margin-top: 20px; } .platformProficient, .xamarinContent { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } .col3platform { -webkit-box-flex: 0; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; margin-bottom: 50px; position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px; } .xamarinContent { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .colxamarinContent { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; padding-right: 15px; padding-left: 15px; } .platformBlockSection .ReactBox { width: 100%; display: block; padding-right: 15px; padding-left: 15px; } .platformBlockSection .meanStactechnologyInfo img { height: 70px; width: auto; margin: 10px 0 20px; } .platformBlockSection .meanStactechnologyBox:before { content: ''; position: absolute; left: 50%; transform: translateX(-50%); bottom: 0; height: 4px; width: 60%; background-color: #ff6420; } .crossPlatformList ul li {margin-bottom: 16px; font-size: 1.1em;} .crossPlatformList ul li:before { height: 15px; width: 15px; background-color: #232073; color: #fff; font-size: 8px; line-height: 13px; } .crossPlatformContent { padding-right: 100px; border-right: 1px solid #eee; } .crossPlatformList { padding-left: 100px; } /***************SAP S/4 HANA Cloud Solution***************/ .graySection { background-color: #eee; } .whySttlUk:before { display: none; } .fLarge { font-size: 20px; } .hanaServiceProvide { background-color:#fff; } .hanaServiceProvide .bigdataSolutionBlock { width: 48%;margin-bottom: 40px; } .hanaIntelligentERP { background:#d6edfd url(../images/hana-Intelligent-ERP-bg.jpg) no-repeat right center; } .sap-cloud-info-uk { padding-right: 60px; } .sap-cloud-img-box { height: 450px; background: url(../images/sap-cloud-solution-img.jpg); background-size: cover; background-position: center; background-repeat: no-repeat; width: 100%; } .sap-cloud-img-box img { width: 100%; opacity: 0; } .demoSapCloudSection { height: 100%; background: url(../images/uk-sap-cloud-demo-back.jpg); background-size: cover; background-position: center; background-repeat: no-repeat; width: 100%; } .BenefitsSAPBusinessOne .bigdataSolutionBlock h5, .BenefitsSAPBusinessOne .bigdataSolutionBlock p { padding: 0 15px; } .BenefitsSAPBusinessOne .bigdataSolutionBlock { padding: 0; } .BenefitsSAPBusinessOne .bigdataSolutionBlock img { margin-bottom: 20px;width: 100%; } .BenefitsSAPBusinessOne .bigdataSolutionBlock h5 { max-width: 100%; } .sapCLoudBenefitsSection{ height: 100%; background: url(../images/plan-benefit-back.png); background-size: cover; background-position: center; background-repeat: no-repeat; width: 100%; } .sapCLoudBenefitBlockWrapper { display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: space-between; } .sapCLoudBenefitBlock { flex: 0 0 29%; background-color: #fff; margin: 15px; padding: 15px; box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.1); } .sapCLoudBenefitIcon { height: 100px; width: 100px; background-image: url(../images/sap-cloud-benefits-icons.png); transform: scale(0.8); margin: 0 auto; } .sapCLoudBenefitIcon.icon1{background-position: 0px 0px;} .sapCLoudBenefitIcon.icon1{background-position: -5px 0px;} .sapCLoudBenefitIcon.icon2{background-position: -125px 0px;} .sapCLoudBenefitIcon.icon3{background-position: -253px 0px;} .sapCLoudBenefitIcon.icon4{background-position: -3px -107px;} .sapCLoudBenefitIcon.icon5{background-position: -125px -106px;} .sapCLoudBenefitIcon.icon6{background-position: -253px -106px;} .sapCLoudBenefitIcon.icon7{background-position: -5px -226px;} .sapCLoudBenefitIcon.icon8{background-position: -125px -226px;} .sapCLoudBenefitIcon.icon9{background-position: -253px -226px;} .sapCLoudBenefitIcon.icon10{background-position: -3px -335px;} .sapCLoudBenefitIcon.icon11{background-position: -125px -336px;} .sapCLoudBenefitIcon.icon12 { background-position: -253px -336px; } .cloudSApFaq { background-color: #f6f6f6; } .cloudSApFaq .accTrigger { padding: 0; background-color: transparent; font-size: inherit; color: initial; } .cloudSApFaq .accTrigger:before { content: none; } .cloudSApFaq .accTrigger p { margin-bottom: 0; } .mainAccordinSection { background-color: #fff; padding: 20px; margin-bottom: 10px; } .cloudSApFaq .accTrigger.active { background-color: transparent; } .cloudSApFaq .accTrigger.active:before { content: none; } .cloudSApFaq .accTrigger.active p { color: #164153; font-weight: 700; } .page-id-5035 .bannerLogoImg { position: relative; background-color: rgba(255,255,255,0.2); padding: 5px; display: inline-block; border: 1px solid #fff; } .page-id-5035 .bannerLogoImg:before {content: 'Powered by ';color: #fff;} .page-id-5035 .bannerLogoImg img { max-width: 130px; } /* SAP hightech-solution CSS */ .customer-exp {padding: 50px 0; overflow: hidden; position: relative; background-color: #242173; } .customer-expSolutions-wrapper {display: flex; flex-wrap: wrap; justify-content: space-between; } .customer-expSolutionsBlock {flex: 0 0 32%; padding: 25px; background: #fff; box-shadow: 0 0 30px rgb(0 0 0 / 7%); position: relative; margin-bottom: 30px;height: 485px} .customer-expSolutionsBlock h5 {font-size: 20px;margin-bottom: 10px;color: #242173;} .customer-expSolutionsBlock p {margin-bottom: 15px; } .customer-expSolutionsBlock ul {margin-bottom: 0;padding: 0;} .customer-expSolutionsBlock ul li::marker {font-size: 0; } .customer-expSolutionsBlock ul li::before {content: "\f00c";font-family: 'FontAwesome';color: #ff763a;position: absolute;left: 0;top: 10px;width: 20px;height: 20px;border: 1px solid #ff763a;line-height: 18px;text-align: center;border-radius: 50%;font-size: 12px;} .customer-expSolutionsBlock ul li {padding: 7px 0 7px 30px;position: relative;} .customer-expSolutionsIcon {height: 84px; width: 80px; background-image: url(../images/customer-exp-icon.png); } .customer-expSolutionsBlock:before {content: " "; position: absolute; bottom: -6px; left: 50%; transform: translateX(-50%); height: 6px; width: 80%; } .customer-expSolutionsBlock:first-child:before {background-color: #4ca9f6; } .customer-expSolutionsBlock:nth-child(2):before {background-color: #ffa453; } .customer-expSolutionsBlock:nth-child(3):before {background-color: #ee948f; } .customer-expSolutionsBlock:nth-child(4):before {background-color: #b18bec; } .customer-expSolutionsBlock:nth-child(5):before {background-color: #9abb22; } .customer-expSolutionsBlock:nth-child(6):before {background-color: #7973fe; } .customer-expSolutionsIcon.icon1 {background-position: -6px -5px; } .customer-expSolutionsIcon.icon2 {background-position: -93px -5px; } .customer-expSolutionsIcon.icon3 {background-position: -173px -5px; } .customer-expSolutionsIcon.icon4 {background-position: -7px 82px; } .customer-expSolutionsIcon.icon5 {background-position: -93px 80px; } .customer-expSolutionsIcon.icon6 {background-position: -177px 80px; } .specBusiNeed {background: url(../images/specific-needs-bg.jpg) no-repeat; padding: 40px 0; overflow: hidden; position: relative;background-size: cover;background-repeat: no-repeat;} .specBusiNeed h2, .specBusiNeed p {text-align: center; position: relative; color: #fff; } .specBusiNeed-Wrapper {display: flex; flex-wrap: nowrap; justify-content: space-between; padding: 20px 0; } .specBusiNeedBox {border-right: solid 1px #ffffff38; display: flex; align-items: center; min-width: 270px } .specBusiNeedBox:last-child {border-right: 0; } .specBusiNeedIcon {width: 70px; height: 70px; display: inline-block; vertical-align: middle; background: url(../images/specific-needs-icon.png); margin: 0 15px } .specBusiNeedBox p {color: #fff; display: inline-block; vertical-align: middle; margin-bottom: 0; width: calc(100% - 105px); text-align: left; } .specBusiNeedIcon.icon1 {background-position: 0 0px; } .specBusiNeedIcon.icon2 {background-position: -70px 0px; } .specBusiNeedIcon.icon3 {background-position: -150px 0px; } .specBusiNeedIcon.icon4 {background-position: -221px 0px; } .vision-2025 {background-color: #fff; box-shadow: 0 0 30px rgb(0 0 0 / 7%); padding: 20px 0; text-align: center; margin-top: 25px; } .vision-2025 h2 {color: #242173; font-size: 35px; font-weight: 700; padding: 10px 0; } .vision-2025 img {padding: 20px; } .strategic-priority {background-color: #fff; padding-bottom: 50px; } .strategic-priority h2 {text-align: center; position: relative; color: #242173; font-size: 35px; font-weight: 700; padding: 10px 0; margin-bottom: 5px; } .strategic-priority p {text-align: center; } .strategic-priority h3 {font-size: 24px; margin-bottom: 15px; } .strategic-priority h3 a{color: #242173; text-decoration: none;} .hightechFact {padding: 35px 0; } .strategicPrioCard {margin: 0 -15px; padding: 0; list-style: none; } .strategicPrioCard .strategicPrioCardBox {background-color: #fff; box-shadow: 0 0 10px rgb(0 0 0 / 15%); position: relative; width: 100%; } .strategicPrioCardBox:first-child:before {background-color: #4ca9f6;} .strategicPrioCardBox:nth-child(2):before {background-color: #ffa453;} .strategicPrioCardBox:nth-child(3):before {background-color: #ee948f;} .strategicPrioCardBox:nth-child(4):before {background-color: #b18bec;} .strategicPrioCardBox:nth-child(5):before {background-color: #9abb22;} .strategicPrioCardBox:nth-child(6):before {background-color: #7973fe;} .strategicPrioCardBox:nth-child(7):before {background-color: #4ca9f6;} .strategicPrioCardBox:nth-child(8):before {background-color: #ffa453;} .strategicPrioCardBox:nth-child(9):before {background-color: #ee948f;} .strategicPrioCard .imgHolder img {width: 100%; } .strategicPrioCard .strategicPrioBotCard {padding: 0 35px 35px 35px; margin-top: -70px; min-height: 240px; } .strategicPrioCard p {margin-bottom: 0; text-align: left; } .strategicPrioCard .strategicPrioCardBox:before {position: absolute; bottom: -5px; left: 26px; right: 26px; content: ""; height: 5px; } .valueProp {background-color: #f2f2f2; padding: 45px 0; margin-bottom: -338px; padding-bottom: 295px; text-align: center; } .valuePropWraper {padding: 0; list-style: none; } .valuePropWraper li:nth-child(n+4) {margin-bottom: 0; } .valuePropWraper li:first-child, .valuePropWraper li:nth-child(3) {border-left: none; } .valuePropWraper li {float: left; display: flex; width: 50%; padding: 0 20px 0; border-left: 1px solid #cdcdcd; margin: 35px 0; position: relative; } .valuePropWraper li:nth-child(-n+3):after {content: ""; position: absolute; height: 1px; background: #cdcdcd; width: 85%; margin: 0 auto; bottom: -35px; left: 0; right: 0; } .valuePropWraper li:nth-child(3):after, .valuePropWraper li:nth-child(4):after {background: transparent; } .valuePropWraper li .content h3 {margin-bottom: 10px; font-size: 24px; } .valuePropWraper li .content {width: calc(100% - 110px); padding-left: 25px; text-align: justify; } .businessPrioritySection ul li .businessIcon {display: inline-block;flex: 0 0 auto;margin-right: 8px;} .bg-business_priorities_1 {width: 80px; height: 75px; background: url(../images/value-icon.png); background-position: 0 0; } .bg-business_priorities_2 {width: 80px; height: 75px; background: url(../images/value-icon.png); background-position: -70px 0; } .bg-business_priorities_3 {width: 80px; height: 75px; background: url(../images/value-icon.png); background-position: 0px 75px; } .bg-business_priorities_4 {width: 78px; height: 74px; background: url(../images/value-icon.png); background-position: -71px 72px; } .businessPrioritySection ul li p {margin-bottom: 0;font-size: 18px;line-height: 20px;font-weight: 500;} .factCounterInn li {border-right: 1px solid #ddd; } .factsCounter {padding-top: 20px; } .factCounterInn li .counterWrap .counter {font-weight: 300; font-size: 42px; color: #242173; } .strategicPrioArrow {background: #242173; color: #fff; width: 40px; height: 40px; position: absolute; border-radius: 50px; top: 50%; z-index: 9999; text-align: center; font-size: 27px; margin-top: -20px; cursor: pointer; } .strategicPrioSlider {position: relative; } .strategicPrioSlider-next {right: -50px; } .strategicPrioSlider-prev {left: -50px; } /*consumer goods css */ .sapConsumerGoods {padding: 45px 0; } .whyConsumerGood {padding: 45px 0; } .commonPad {padding: 35px 0; } .consumerGood-silverfact .factsCounter {padding-top: 20px } .consumerServiceOffer {background: url(../images/consumer-goods-services-bg.jpg); text-align: center; padding: 50px 0; } .consumerServiceOffer h2 {color: #242173; margin-bottom: 0;font-size: 34px;line-height: 45px} .consumerServiceOffer p {color: #535353; margin-bottom: 15px; } .sapConsumerGoodsService {display: inline-flex; margin: 0 auto; justify-content: center; flex-wrap: wrap; } .consumerGoodsserviceBlock {background-color: #fff; width: 23%; padding: 20px; box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 20%); margin: 2% 1%; position: relative; width: 31.33%; } .consumerGoodsserviceBlock:before {content: ''; position: absolute; bottom: -6px; left: 50%; transform: translateX(-50%); height: 6px; width: 80%; background-color: #ff763a;transition: all 0.3s ease-out;} .consumerGoodsserviceBlock:hover:before {height: 15px;} .consumerGoodsserviceBlock:first-child:before {background-color: #b5e041; } .consumerGoodsserviceBlock:nth-child(2):before {background-color: #ffa453; } .consumerGoodsserviceBlock:nth-child(3):before {background-color: #ff6b53; } .consumerGoodsserviceBlock:nth-child(4):before {background-color: #73abf7; } .consumerGoodsserviceBlock:nth-child(5):before {background-color: #b5e041; } .ConsumerGoodsserviceIcon {display: block; width: 80px; height: 80px; margin-bottom: 15px; background: url(../images/consumer-goods-services-icon.png); } .procurement {background-position: -4px 0; } .supplyChain {background-position: -82px 0; } .salesMngt {background-position: 85px -2px; } .manuMngt {background-position: 0px -80px; } .finaMngt {background-position: -80px -80px; } .accMngt {background-position: -160px -80px; } .whyConsumerBlock .text-3{font-size: 18px; font-weight: 500; padding-bottom: 20px; color: #535353; } .consumerGoodsserviceBlock h5 {font-size: 24px;margin-bottom: 10px;text-align: left;} .consumerGoodsserviceBlock p {color: #333;text-align: left;font-size: 20px;} .solutionDevloper {padding: 45px 0; background-color: #242173; } .solutionDevloper .devWhiteBox{background: #fff; padding: 40px; } .solutionDevloper h2 {text-align: center;margin-bottom: 30px;line-height: 45px;font-size: 34px;} .solutionDevloper .checkList li {border-bottom: solid 1px #ddd; padding: 0px 25px 12px 33px; line-height: 25px; } .solutionDevloper .checkList li:last-child {border-bottom: 0; } .ConsumerGood-testimonial {background: url(../images/testimonial-bg.jpg); padding: 45px 0; margin-bottom: -298px; padding-bottom: 295px; } .ConsumerGood-testimonial h2 {text-align: center; margin-bottom: 10px; } .ConsumerGood-testimonial p {text-align: center; } .consumerTesti {position: relative; display: inline-flex; margin: 0 auto; justify-content: center; flex-wrap: wrap; } .consumerTestiBlock {background: #fff; padding: 30px; position: relative;text-align: center; } .consumerTestiBlock h5 {margin-bottom: 0; } .consumerTestiBlock .text-muted {color: #a5a5a5; font-style: italic; margin-bottom: 10px; padding-top: 5px; } .consumerTestiIcon {margin-bottom: 15px; } .consumerTestiIcon img {width: 116px; height: 116px; margin: 0 auto; border-radius: 80px; display: block; } .testimonialArrow {background: #999; color: #fff; width: 40px; height: 40px; position: absolute; border-radius: 50px; top: 50%; z-index: 9999; text-align: center; font-size: 27px; margin-top: -20px; cursor: pointer; } .testiPlay{padding: 25px 0;} .testiPlay a{font-size: 18px; text-decoration: none;} .testiPlay i{font-size: 30px; vertical-align: middle; padding-right: 10px;} .consumerGoodstestimonialSlider{position: relative; } .consumerGoodstestimonialSlider-next {right: -50px; } .consumerGoodstestimonialSlider-prev {left: -50px; } /* sap life science css */ .saplifeScience {padding: 45px 0; } .whyLifeScience {padding: 45px 0; } .commonPad {padding: 35px 0; } .lifeScience-silverfact .factsCounter {padding-top: 20px } .lifeServiceOffer {background: url(../images/life-science-services-bg.jpg); text-align: center; padding: 50px 0; } .lifeServiceOffer h2 {color: #fff; margin-bottom: 0; } .lifeServiceOffer p {color: #fff; margin-bottom: 15px; } .saplifeScienceService {display: inline-flex; margin: 0 auto; justify-content: center; flex-wrap: wrap; } .lifeScinceserviceBlock {background-color: #fff; width: 23%; padding: 20px; box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 20%); margin: 2% 1%; position: relative; width: 31.33%; } .lifeScinceserviceBlock:before {content: ''; position: absolute; bottom: -6px; left: 50%; transform: translateX(-50%); height: 6px; width: 80%; background-color: #ff763a; } .lifeScinceserviceBlock:first-child:before {background-color: #b5e041; } .lifeScinceserviceBlock:nth-child(2):before {background-color: #ffa453; } .lifeScinceserviceBlock:nth-child(3):before {background-color: #ff6b53; } .lifeScinceserviceBlock:nth-child(4):before {background-color: #73abf7; } .lifeScinceserviceBlock:nth-child(5):before {background-color: #b5e041; } .lifeScinceserviceIcon {display: block; width: 80px; height: 80px; margin-bottom: 15px; background: url(../images/life-science-services-icon.png); } .implementation {background-position: -4px 0; } .validation {background-position: -82px 0; } .consulting {background-position: 85px -2px; } .udiWithSap {background-position: 0px -80px; } .idmpWithSap {background-position: -80px -80px; } .lifeScinceserviceBlock h5 {font-size: 20px; margin-bottom: 10px; text-align: left; } .lifeScinceserviceBlock p {color: #333; text-align: left; } .lifeSolutionDevloper {padding: 45px 0; } .lifeSolutionDevloper h2 {text-align: center; margin-bottom: 30px; } .lifeSolutionDevloper .checkList li {padding: 0px 25px 12px 33px; line-height: 25px; } .lifeSolutionDevloper .checkList li:last-child {border-bottom: 0; } .lifeSci-testimonial {background: url(../images/testimonial-bg.jpg); padding: 45px 0; margin-bottom: -298px; padding-bottom: 295px; } .lifeSci-testimonial h2 {text-align: center; margin-bottom: 10px; } .lifeSci-testimonial p {text-align: center; } .testilifeScience {position: relative; display: inline-flex; margin: 0 auto; justify-content: center; flex-wrap: wrap; } .testilifeScienceBlock {background: #fff; padding: 30px; position: relative; text-align: center; } .testilifeScienceBlock h5 {margin-bottom: 0; } .testilifeScienceBlock .text-muted {color: #a5a5a5; font-style: italic; margin-bottom: 10px; padding-top: 5px; } .testilifeScienceIcon {margin-bottom: 15px; } .testilifeScienceIcon img {width: 116px; height: 116px; margin: 0 auto; border-radius: 80px; display: block; } .testimonialArrow {background: #999; color: #fff; width: 40px; height: 40px; position: absolute; border-radius: 50px; top: 50%; z-index: 9999; text-align: center; font-size: 27px; margin-top: -20px; cursor: pointer; } .testilifeScienceBlock{box-shadow: none; } .lifeSciencetestimonialSlider{position: relative; } .lifeSciencetestimonialSlider-next {right: -50px; } .lifeSciencetestimonialSlider-prev {left: -50px; } /*Schedule Demo*/ .textLeft {text-align: left !important;} .sapHanaHighlight.erpCustomStaticBlock { margin: 0 0 0;float:left;width: 100%; } .sapHanaHighlight.erpCustomStaticBlock .customer-expSolutionsBlock {flex: 0 0 calc(50% - 30px);margin: 0 15px 30px;width: calc(50% - 30px);} .sapHanaHighlight.erpCustomStaticBlock .customer-expSolutions-wrapper { justify-content: flex-start; } .sapHanaHighlight.erpCustomStaticBlock .customer-exp { padding-bottom: 0; background: transparent; } .sapHanaHighlight.erpCustomStaticBlock .customer-expSolutionsBlock h5 { width: 100%; max-width: 100%; } .sapHanaHighlight.erpCustomStaticBlock .customer-expSolutionsBlock ul { font-size: 15px; } .sapHanaHighlight.erpCustomStaticBlock .customer-expSolutionsBlock:nth-child(5) { flex: 0 0 calc(100% - 30px); width: calc(100% - 30px); margin: 0 15px 30px; } .customCheckList .listingDivs { float: left; width: 50%; } .customCheckList .listingDivs ul li ul.checkList.mrgT20 { margin: 15px 0 5px; } .customCheckList { float: left; width: 100%; margin: 0 0 0; } .saperp-top-sec .oneFetureTabMain { float: left; width: 100%; margin: 0 0 20px; background: #f1f1f1; } .saperp-top-sec .oneFetureTabMain ul.tabNav.oneFetureTabList { padding: 0; } .saperp-top-sec .oneFetureTabMain .tabContainer.oneFetureTabDetail .tabContent { padding: 20px; } .saperp-top-sec .oneFetureTabMain ul.tabNav.oneFetureTabList li a.r-tabs-anchor { font-size: 16px; padding: 20px 15px; line-height: 22px; } .saperp-top-sec .oneFetureTabMain ul.tabNav.oneFetureTabList li a.r-tabs-anchor span.icon.sprite {display: none;} .saperp-top-sec .oneFetureTabMain ul.tabNav.oneFetureTabList li a.r-tabs-anchor:after { top: 50%; transform: translateY(-50%); } .erpSAPBanner p.hanaBAnnerStrip { border: 0; background: transparent; padding: 0; margin: 0; } .erpSAPBanner p.hanaBAnnerStrip img { max-width: 165px; margin: 0; } .saperp-top-sec .oneFetureTabMain .tabContainer.oneFetureTabDetail .tabContent li { line-height: 1.5; } .mrgBNone{margin-bottom: 0;} .saperp-top-sec .oneFetureTabMain .tabContainer.oneFetureTabDetail a.r-tabs-anchor { background: #234d60; } .saperp-top-sec .oneFetureTabMain .tabContainer.oneFetureTabDetail a.r-tabs-anchor::before { background: #234d60; } .saperp-top-sec .oneFetureTabMain .tabContainer.oneFetureTabDetail .r-tabs-state-active a.r-tabs-anchor, .saperp-top-sec .oneFetureTabMain .tabContainer.oneFetureTabDetail .r-tabs-state-active a.r-tabs-anchor:before { background: #366fa5; } .saperp-top-sec .oneFetureTabMain .tabContainer.oneFetureTabDetail ul.checkList { display: inline-block; } .customCheckList .oneFetureTabMain { background: #f1f1f1; margin: 0; } .customCheckList .oneFetureTabMain ul.tabNav.oneFetureTabList { width: 350px; margin: 0; padding: 0; } .customCheckList .oneFetureTabMain .tabContainer.oneFetureTabDetail { padding-left: 365px; } .customCheckList .oneFetureTabMain .tabContainer.oneFetureTabDetail ul.checkList { display: inline-block; } .customCheckList .oneFetureTabMain .tabContainer.oneFetureTabDetail ul.checkList li { line-height: 1.5; } .customCheckList .oneFetureTabMain ul.tabNav.oneFetureTabList a:hover:before, .customCheckList .oneFetureTabMain ul.tabNav.oneFetureTabList li.r-tabs-state-active a:before { width: 348px; } .customCheckList .oneFetureTabMain ul.tabNav.oneFetureTabList a { padding: 20px 10px; } .customCheckList .oneFetureTabMain ul.tabNav.oneFetureTabList a span.icon.sprite { display: none; } .customCheckList ul.checkList.mrgT20 { margin: 20px 0 0; } /*****Podcast List*****/ .podcastList li, .brochuresList.podcastList li { width:33.333%; } .brochuresList.podcastList .imgHolder { margin-bottom:0;} .posdcastItem { box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);} .posdcastItem .posdcastBottom { padding: 15px; } .posdcastItem h2 { min-height:50px; } @-webkit-keyframes spin { 0% { -webkit-transform:rotate(0); transform:rotate(0) } to { -webkit-transform:rotate(1turn); transform:rotate(1turn) } } @keyframes spin { 0% { -webkit-transform:rotate(0); transform:rotate(0) } to { -webkit-transform:rotate(1turn); transform:rotate(1turn) } } .green-audio-player { height:36px; display:-webkit-box!important; display:-ms-flexbox!important; display:flex!important; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; -webkit-box-align:center; -ms-flex-align:center; align-items:center; padding-left:0; padding-right:0; border-radius:0; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; background-color:#fff; -webkit-box-sizing:border-box; box-sizing:border-box; outline:none } .green-audio-player.player-accessible .controls:hover, .green-audio-player.player-accessible .download:hover, .green-audio-player.player-accessible .play-pause-btn:hover, .green-audio-player.player-accessible .volume__button:hover, .green-audio-player.player-accessible .volume__controls:hover { outline:1px dotted #999 } .green-audio-player img, .green-audio-player svg { display:block } .green-audio-player .holder { position:relative } .green-audio-player .holder .loading .loading__spinner { position:absolute; left:-3px; bottom:2px; width:16px; height:16px; border:2px solid #b0b0b0; border-right-color:transparent; border-radius:50%; -webkit-animation:spin .4s linear infinite; animation:spin .4s linear infinite } .green-audio-player .holder .play-pause-btn { visibility:hidden; cursor:pointer; outline:none } .green-audio-player .holder .play-pause-btn:focus { outline:none } .green-audio-player .slider { -webkit-box-flex:1; -ms-flex-positive:1; flex-grow:1; background-color:#d8d8d8; cursor:pointer; position:relative } .green-audio-player .slider .gap-progress { background-color:#ff763a; border-radius:inherit; position:absolute; pointer-events:none } .green-audio-player .slider .gap-progress .pin { height:12px; width:12px; border-radius:8px; background-color:#ff763a; position:absolute; pointer-events:all; -webkit-box-shadow:0 1px 1px 0 rgba(0, 0, 0, .32); box-shadow:0 1px 1px 0 rgba(0, 0, 0, .32) } .green-audio-player .slider .gap-progress .pin:after { content:""; display:block; background:transparent; width:200%; height:200%; margin-left:-50%; margin-top:-50%; border-radius:50% } .green-audio-player .controls { font-family:Roboto, sans-serif; font-size:16px; line-height:18px; color:#55606e; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-flex:1; -ms-flex-positive:1; flex-grow:1; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; -webkit-box-align:center; -ms-flex-align:center; align-items:center; margin-left:10px; margin-right:10px; outline:none } .green-audio-player .controls .controls__slider { margin-left:16px; margin-right:16px; border-radius:2px; height:3px } .green-audio-player .controls .controls__slider .controls__progress { width:0; height:100% } .green-audio-player .controls .controls__slider .controls__progress .progress__pin { right:-8px; top:-5px } .green-audio-player .controls span { cursor:default; cursor: default; font-weight: 400; font-size: 14px; color: #868686; } .green-audio-player .controls:focus { outline:none } .green-audio-player .volume { position:relative } .green-audio-player .volume .volume__button { cursor:pointer; outline:none } .green-audio-player .volume .volume__button:focus { outline:none } .green-audio-player .volume .volume__button.open path { fill:#ff763a } .green-audio-player .volume .volume__controls { width:20px; height:85px; background-color:rgba(0, 0, 0, .62); border-radius:3px; position:absolute; left:-3px; bottom:52px; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; -webkit-box-align:center; -ms-flex-align:center; align-items:center; display:-webkit-box; display:-ms-flexbox; display:flex; z-index:2; outline:none } .green-audio-player .volume .volume__controls .volume__slider { margin-top:10px; margin-bottom:10px; width:3px; border-radius:3px } .green-audio-player .volume .volume__controls .volume__slider .volume__progress { bottom:0; height:100%; width:3px } .green-audio-player .volume .volume__controls .volume__slider .volume__progress .volume__pin { left:-5px; top:-8px } .green-audio-player .volume .volume__controls:focus { outline:none } .green-audio-player .volume .volume__controls.hidden { display:none } .green-audio-player .volume .volume__controls.top { bottom: 29px;left: -6px; } .green-audio-player .volume .volume__controls.middle { bottom:-54px; left:54px } .green-audio-player .volume .volume__controls.bottom { bottom:-164px; left:-3px } .green-audio-player .download { display:none; margin-left:16px; cursor:pointer; outline:none } .green-audio-player .download:focus, .green-audio-player:focus { outline:none } .message__offscreen { border:0; clip:rect(1px,1px,1px,1px); -webkit-clip-path:inset(50%); clip-path:inset(50%); height:1px; margin:-1px; overflow:hidden; padding:0; position:absolute; width:1px; word-wrap:normal } .play-pause-btn .play-pause-btn__icon, .volume__speaker, .download__link svg, .download__link { fill: #ff763a; } .play-pause-btn .play-pause-btn__icon:focus, .volume__speaker:focus, .play-pause-btn svg:focus, .volume__button svg:focus { outline: 0 none; } .download__link svg, .volume__button svg { width: 15px; } .play-pause-btn svg { width: 12px; } /*2022-05-26*/ .sapMobilitySolutionInner a {color: #fff;} .cols12.whyLifeScienceBlock blockquote {font-weight: 500;font-size: 16px;line-height: 1.7;font-style: italic;margin-bottom: 10px;} /*header { position: absolute; z-index: 11; width: 100%; max-width: 1680px; margin: 0 auto; left: 0; right: 0; padding: 0 15px; }*/ header nav.navbar { padding: 40px 0; } .logo a { display: block; cursor: pointer; max-width: 201px; } .logo img { width: 100%; } header input#searchBar.search-open { position: absolute; top: -8px; right: 0; transform: translate(0%, 0%); height: 55px; background: #de463b; line-height: 55px; padding-right: 55px; border-radius: 5px; box-shadow: 0 0 10px rgb(0 0 0 / 50%); display: block !important; color: #fff; transition: all 0.5s ease !important; } header input#searchBar { width: 350px; padding-left: 25px; transition: all 0.5s ease !important; } .nav-item.search-expend { position: relative; } #toggle-search .fa { font-size: 22px; color: #ffffff; z-index: 999; position: relative; } .HighEndModernService .bigdataSolutionBlock { width: 31.33%; } .h2Title { margin-bottom: 50px!important; } .whyChooseModern { padding-bottom:50px } .whyChooseModern ul.checkList.mb0 { display: flex; flex-wrap: wrap; } .whyChooseModern ul.checkList.mb0 li { flex: 0 0 auto; width: 33.33%; } .commonCta{background: url(../images/commonCtaBg.jpg); background-size: cover; padding: 50px 0; overflow: hidden; position: relative; background-color: #f3f3f3;color: #fff} .commonCta h2{color: #fff;} .desingProcess .bigdataSolutionBlock { width: 48%; } .desingProcess h2 { padding-bottom: 30px; } .silvetouchWelcomesSection:before { content: ''; background: #242173a1; position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .cols6 { width: 50%; } .cols1, .cols2, .cols3, .cols4, .cols5, .cols6, .cols7, .cols8, .cols9, .cols10, .cols11, .cols12 { float: left; padding-left: 15px; padding-right: 15px; } .solutionDevloperBlockNew ul li { flex: 0 0 auto; width: 33.33%; } .solutionDevloperBlockNew ul { display: flex; flex-wrap: wrap; } .caseStudiesdetailInn.cf { margin-bottom: 80px; } section#locationMap { background: #252274; } span.meta-label.meta-date i { display: none; } .blogThumbBox { position: relative; } .blogThumbBox .date { font-family: 'Open Sans'; font-weight: 600; font-style: normal; font-size: 18px; line-height: 20px; background: #F9483B; color: #fff; padding: 10px 20px; position: absolute; z-index: 1; right: 0; bottom: 0; text-align: center; margin-top: -60px; } .blogThumbBox .date strong { display: block; } .HighEndModernAppService .bigdataSolutionBlock { width: 48%; } .keyHighlight{ display: flex; align-items: center; justify-content: center; } .keyHighlight li{ float: none; } .whyMobile .whyChoosePoint li { width: 48%; } .whyMobile .whyChoosePoint { margin-top: 25px; } /* blog css start here */ .blog-main { background: #252274; padding-top: 80px; position: relative; } .swiper.swiper-three { padding-bottom: 140px; } .blog-main:after { content: ''; position: absolute; background: #fff; height: 40px; width: 100%; left: 0; bottom: -1px; } .blog-main .swiper-wrapper { margin-bottom: 0; } .blog-main .swiper .swiper-slide { padding: 20px; text-align: left; /*max-width: 548px;*/ display: flex; align-items: flex-start; justify-content: center; flex-direction: column; background: #fff; position: r; } .blog-main .swiper-slide .blog-bg { width: 100%; overflow: hidden; position: relative; margin-bottom: 20px; } .blog-main .swiper-slide .blog-bg span{ background-position: top center; background-repeat: no-repeat; background-size: 100% 100%; width: 100%; height: 226px; position: absolute; left: 0; top: 0; } .blog-main .swiper-slide .blog-title { font-family: 'Open Sans'; font-style: normal; color: #252274; margin-bottom: 8px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-size: 22px; line-height: 30px; font-weight: 500; } .blog-main .swiper-slide .date { padding: 10px 20px; position: absolute; z-index: 4; right: 0; bottom: 0; } .blog-main .swiper-slide .date, .blog-main .swiper-slide .date strong { font-family: 'Open Sans'; font-weight: 600; font-style: normal; font-size: 18px; line-height: 20px; background: #F9483B; color: #fff; } .blog-main .swiper-slide p { color: #505050; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; font-size: 16px; line-height: 24px; margin-bottom: 10px; font-weight: 400; } .blog-main .swiper-slide a { font-family: 'Open Sans'; font-weight: 600; font-style: normal; color: #DE463B; text-decoration: none; text-align: left; font-size: 16px; margin-bottom: 0; line-height: normal; } .blog-main .swiper-slide a:hover { color: #F9483B !important; } .blog-main h2 { text-align: center; color: #fff; margin-bottom: 45px; } .blog-main .swiper-slide .date { text-align: center; } .blog-main .swiper-slide .date strong { display: block; } .blog-main .swiper-slide .blog-bg img { width: 100%; height: 100%; object-fit: cover; } .blog-main .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); white-space: nowrap; } .blog-main .swiper-container-horizontal>.swiper-pagination-bullets, .blog-main .swiper-pagination-custom, .blog-main .swiper-pagination-fraction { bottom: 0; left: 0; width: 100%; } .blog-main .swiper-pagination { text-align: center; background: #fff; margin: 0 auto; border-radius: 40px; height: 60px; box-shadow: 0px 3px 6px #00000029; bottom: 10px!important; padding: 20px 0; } .blog-main .swiper-pagination { text-align: center; } .blog-main .swiper-pagination { text-align: left; } .blog-main .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { border: 0; background-color: #ff763a; transform: scale(1.2); -webkit-transform: scale(1.2); } .blog-main .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 6px; } .blog-main .swiper-pagination .swiper-pagination-bullet { background: #cccccc; width: 16px; height: 16px; margin: 0 5px; opacity: 1; cursor: pointer; } .AppDevelopmentExpertise { text-align: center; } .AppDevelopmentExpertise .oneFetureDetailBox ul li { width: 16.6666666667%; padding: 10px; border: 0; } .AppDevelopmentExpertise .oneFetureDetailBox ul li .iconWrap { background: #fff; border: 0; padding: 25px 20px; box-shadow: 0 0 20px #dcdcdc; position: relative; justify-content: center; } .AppDevelopmentExpertise .oneFetureDetailBox ul li .iconWrap:before{ content: ''; border-top: 7px solid #ff763a; width: 50px; position: absolute; top: 5px; left: 5px; border-left: 7px solid #ff763a; height: 50px; opacity: 0; transition: all 0.4s ease-out; } .AppDevelopmentExpertise .oneFetureDetailBox ul li .iconWrap:after{ content: ''; border-bottom: 7px solid #ff763a; width: 50px; position: absolute; bottom: 5px; right: 5px; border-right: 7px solid #ff763a; height: 50px; opacity: 0; transition: all 0.4s ease-out; } .AppDevelopmentExpertise .oneFetureDetailBox ul li:hover .iconWrap:before, .AppDevelopmentExpertise .oneFetureDetailBox ul li:hover .iconWrap:after { opacity: 1; } @media (min-width: 1700px){ .bestSellingChart img { width: 75%!important; } .bestSellingChart { text-align: center; } } section.getinTouchbottomSection.automationgetintouch.internalPadding a { color: #ff763a; text-decoration: none; } .rpaBenefits ul li { flex: 0 0 auto; width: 33.33%; padding: 18px; } .rpaBenefits ul { margin-top: 50px; } .rpaBenefits ul li h5 { color: #ff763a; font-size: 26px; } .rpaBenefits ul li{ border-color: #e9e9e9; } .rpaBenefits ul li img{ width: 80px; margin-bottom: 20px; } .cloudRisk .sttlUkTab .sttlUkTabDetail { padding-top: 0; } .cloudRisk .sttlUkTab .sttlUkTabDetailBox { max-width: 500px; width: 100%; } section.creators-main.managedCloudService { margin-top: 0; margin-bottom: 40px; } section.creators-main.managedCloudService p { font-size: 20px; line-height: 35px; } section.silverCta.silverCTA .silverctaInner { padding: 50px 40px; } .silverCta.silverCTA .silverctaInner ul { padding: 0px; margin: 0px; list-style: none; } .silverCta.silverCTA .silverctaInner ul li { display: inline-block; vertical-align: middle; } .silverCta.silverCTA .silverctaInner ul li + li { margin-left: 15px; } .silverCta.silverCTA .silverctaInner ul li a { color: #ff6420; text-decoration: none; font-weight: bold; } section.silverCta.silverCTA .silverctaInner a.button { margin-top: 20px; } .sapOneHanaBenefits .checkList li:last-child { margin: 0; } .sapOneHanaBenefits .checkList{ margin:0; } .codingPracticeList h2.textWhite { margin: 0 0 25px; font-size: 34px; line-height: 45px; } .imgHolder.sapBusinessOne.imgAnimation { position: relative; } .imgHolder.sapBusinessOne.imgAnimation a.button { position: absolute; top: 60%; left: 140px; transform: translateY(-50%); } .cols12.whyLifeScienceBlock ul li { list-style: none; } .cols12.whyLifeScienceBlock ul li a { text-decoration: none; } .cols12.whyLifeScienceBlock ul li img { width: 16px; } .cols12.whyLifeScienceBlock ul { padding-left: 15px; } .cols12.whyLifeScienceBlock ul li { margin-bottom: 10px; } .cols12.whyLifeScienceBlock ul li img { margin-right: 5px; } .cols12.whyLifeScienceBlock ul li a { color: #242173; } .develpmentContent p, .deploymentLeft p, .innerTitle p, .botInfoLeft p, .botInfoLeft b, .hanaBenefits p, section#increaseVisibility p, .automationsilvertochSection p, .processDiscoveryAssessmentSection p, .feasibilityAnalysisLeft p, .businessPrioritySection p{ font-size: 22px; line-height: 38px; } .increaseVisibilityList ul.leftList li p, .rpaConsulting .increaseVisibilityList ul li p { font-size: 20px!important; line-height: 28px!important; } .innerTitle h2 { font-size: 34px; line-height: 45px; } .rpaBenefits ul li p{ font-size: 18px; } .develpmentContent h6 { font-size: 20px; } .deploymentRight a img { box-shadow: 0 0 10px #e4e4e4; border: 1px solid #ff763a; } .rpaConsultingQueryLeft h3.textWhite { font-size: 28px; margin-bottom: 20px; } .solutionDevloperBlock ul li .highlight{ color:#0d6efd; list-style: none; } section.about-main a.button { width: 300px; margin: 20px auto auto; } section.industries-main p { color: #fff; font-size: 22px; margin-bottom: 40px; } section.about-main.awsCloud { background: #242173; padding: 50px 0; color: #fff; } section.about-main.awsCloud h2{ color: #fff; } section.about-main.awsCloud p { margin-bottom: 20px; } .awsService { text-align: left; box-shadow: 0 0 10px #ececec; margin-bottom: 30px; border-left: 5px solid #ff763a; padding: 20px; height: 160px; background: #242173; color: #fff; } .awsService h3 { margin: 0; font-size: 24px; color: #fff; } .awsService p { font-size: 18px; line-height: 28px; margin-top: 10px; } .whyChooseAWS {margin-top: 50px;} .about-main.pMarg p { margin: 0 0 1rem; } .bigdataSolutionBlock p { font-size: 18px; } section.innerMain.sapHighlights.cf { margin-top: 50px; } section.innerMain.sapHighlights.cf p { font-size: 22px; line-height: 34px; } section.innerMain.sapHighlights.cf h2 { font-size: 34px; line-height: 45px; } .sapOfferWrap{padding: 20px 0;} .sapOfferBox {border-bottom: solid 1px #b7d3f3;} .sapOfferBox:last-child{border: 0} .sapOfferBox h4{font-size: 18px; margin: 14px 0 5px 0;} .sapOfferBox p{font-size: 14px;} .sapHighlights{margin: 25px 0 0 0;} .sapHighlights ul{margin: 0;} .sapHighlights ul li{list-style: none; position: relative; margin-bottom: 10px; text-align: justify;font-size: 20px;} .sapHighlights ul li:before{content: ""; width: 6px; height: 6px; top: 8px; background: #777; position: absolute; left: -17px; border-radius: 15px; } .sapHighlights .welcome{margin-bottom: 30px;} .sapHighlights .imgHolder{position: relative;} /*.sapHighlights .imgHolder:before{content: url(../images/highlight-1.png); position: absolute; left: 80px; display: block; top: 40px;}*/ .sapHighlights .imgHolder .video-wrap{max-width: 50%; padding-bottom: 26.25%; margin-top: 30px; z-index: 1; margin-bottom: 20px;} /*.sapHighlights .imgHolder .video-wrap:before{content: ""; background: #f9b700; display: block; position: absolute; width: 200px; height: 200px; left: -15px; bottom: -15px;}*/ /*.sapHighlights .imgHolder .video-wrap:after{content: ""; background: #f9b700; display: block; position: absolute; width: 200px; height: 200px; right: -15px; top: -15px; z-index: -1;}*/ .imgHolder .video-wrap iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .sapHighlights .imgHolder .video-wrap { max-width: 100%; padding-bottom: 35.25%; margin-top: 30px; z-index: 1; margin-bottom: 30px; } .imgHolder .video-wrap { position: relative; padding-bottom: 56.25%; padding-top: 25px; height: 0; max-width: 100%; margin: 0 auto; } /*.sapHighlights .imgHolder:after { content: url(../images/highlight-2.png); position: absolute; right: 80px; display: block; top: 40px; }*/ section.aiOfferingsSection.HighEndModernService.internalPadding.gryBackground { background: #242173; background-image: url(../images/blue-bg.jpg); background-attachment: fixed; background-size: cover; background-repeat: no-repeat; } section.aiOfferingsSection.HighEndModernService.internalPadding.gryBackground h2 { color: #fff; } .HighEndModernService .bigdataSolutionDetail.swiper-container .bigdataSolutionBlock { width: 100%; /* height: 440px; */ } .resTab .tabNav { margin: 0; padding: 0; list-style: none; } .moduleFeature ul { margin: 0; padding: 0; list-style: none; } .moduleFeatureList { margin-left: 40px !important; } .moduleFeatureTab { display: flex; background: url(https://sap.silvertouch.com/wp-content/themes/sap/images/module-feature.png) no-repeat right #fff; background-size: 50%; padding: 25px; } .resTab { padding: 50px; border: 1px solid #242173; background-color: #fff; box-shadow: 0 0 32px rgb(0 0 0 / 15%); position: relative; height: 560px; } .resTab .tabNav li { display: inline-block; position: relative; background-color: #fafafa; } .moduleFeature ul li, .moduleFeature ul li a { display: block !important; background: #fff; } .moduleFeature ul li { display: block; position: relative; padding: 0; border-right: solid 2px #eee; background-color: #fff; } .resTab .tabNav li a { text-decoration: none; } .moduleFeature ul li a { display: flex; padding: 15px 25px 15px 10px; position: relative; z-index: 1; text-align: right; } .moduleFeature ul li, .moduleFeature ul li a { display: block !important; background: #fff; } .moduleFeature ul li.r-tabs-state-active a:before, .moduleFeature ul li:hover a:before { width: 3px; } .moduleFeature ul li a:before { position: absolute; right: -2px; width: 0; top: -1px; bottom: -1px; content: ""; background-color: #ff763a; } .moduleFeature ul li a:before, .moduleFeature ul li a:after { transition: all 0.3s ease 0ms; -webkit-transition: all 0.3s ease 0ms; } .moduleFeatureList .r-tabs-state-active .title { color: #000; } .moduleFeatureList .title { color: #777777; font-size: 20px; } .moduleFeatureTitle { font-size: 22px; color: #242173; font-weight: bold; margin-bottom: 13px; } .moduleFeature ul { margin: 0; padding: 0; list-style: none; } .moduleFeature .moduleFeatureDetailList ul li { display: block; float: none; width: 100%; min-height: auto; border: 0; padding: 1px 0px 10px 15px; font-size: 18px; } .moduleFeature ul li, .moduleFeature ul li a { display: block !important; background: #fff; } .moduleFeature ul li { display: block; position: relative; padding: 0; border-right: solid 2px #eee; background-color: #fff; } .moduleFeature .moduleFeatureDetailList ul li:before { content: ""; width: 5px; height: 5px; top: 10px; background: #ff763a; position: absolute; left: 0; border-radius: 15px; } .resTab.moduleFeatureTab:before { position: absolute; bottom: -10px; top: -10px; left: 215px; right: 215px; background-color: #ff763a; content: ""; } .bigdataSolution .swiper-nav-wrapper, .bigdataSolutionDetail .swiper-nav-wrapper{ position: absolute; z-index: 99; left: 48%; bottom: 0; width: 100px; /* height: 100px; */ transform: translateX(-50%); } .bigdataSolutionDetail.swiper-container.swiper-container-horizontal{ padding-bottom: 45px; } section.sapOneFeature.innerMain.moduleWiseFeature.mt0 h2 { font-size: 34px; line-height: 45px; text-align: center; margin-bottom: 50px; } .codingPracticeSection.azureI { background: #020c25; } .codingPracticeSection.azureI .codingPracticeLeftImg:before{ background-image: url(../images/microsoft-azure.png); } .cols6.sapConsumerGoodsBlock p { font-size: 22px; } .cols6.whyConsumerBlock h2 { font-size: 34px; line-height: 45px; } .cols6.whyConsumerBlock p { font-size: 22px; } .solutionDevloper .devWhiteBox p { font-size: 22px; } section.maDevelopmentProcess.gProcess .maDevcol { width: 40%; } section.maDevelopmentProcess.gProcess .maDevelopmentInner .processImg + .maDevrow { left: 0%; } section.maDevelopmentProcess.gProcess .maDevcol h5 { font-size: 24px; } .sapOneHanaBenefits.gCloud .hanaBenefits { background: #fff url(../images/g-cloud.png); background-size: 500px; background-repeat: no-repeat; background-position: bottom right; } section.mainBranck { margin: 80px 0 30px 0; } section.mainBranck h2 { text-align: center; margin-bottom: 20px; } section.mainBranck ul.locateUsDetail h3, section.mainBranck ul.locateUsDetail span, section.mainBranck ul.locateUsDetail h4, section.mainBranck ul.locateUsDetail p, section.mainBranck ul.locateUsDetail a, section.mainBranck ul.locateUsDetail .cntIcon i.fa { color: #000; } ul.locateUsDetail { justify-content: center; margin: 0; padding: 0px; } section.mainBranck .locateUsDetail li:last-child { margin-right: 0; } section.mainBranck ul.locateUsDetail li h4 span{ display: inline!important; } section.mainBranck ul.locateUsDetail li { border: 0; box-shadow: 0 0 10px #e3e3e3; margin-right: 15px; padding:10%; border-radius: 5px; width: 100%; transition: 0.3s all ease-out; } section.mainBranck ul.locateUsDetail li:hover { background: #eee; } section.service-main.noImge .service-inner .service-content { position: unset; } section.service-main.noImge .service-inner .service-content:before { display: none; } /*Location*/ .locateUsMapBlock { background-color: #f4f4f4; min-height: 740px; padding: 50px 0 120px; } .locateUsMap { left: 0; overflow: hidden; position: relative; right: 0; text-align: center; top: 0; width: 100%; z-index: 0; } .locateUsMapBlock h3 { position: relative; z-index: 1; } .locationSection { left: 0; position: absolute; top: 0; width: 100%; text-align: left; height: 100%; } .locationSection a { background: url(../images/locate-Iocn.png) left 0 no-repeat; font-weight: 600; line-height: 30px; display: block; font-size: 21px; margin: 0; padding-left: 35px; text-decoration: none; color: #323232; } .locationSection a:hover { text-decoration: underline; } .map-iframe { box-shadow: 0 0 10px #e3e3e3; } .map-iframe iframe{ display: block; height: 415px; } .mapDtlImg { width: 63px; height: 63px; float: left; border-radius: 100%; -webkit-border-radius: 100%; overflow: hidden; margin-top: 5px; } .usaMap { height: 100%; left: 11.3%; position: absolute; top: 33.2%; width: 16.5%; background-size: contain !important; } .usaMap a { margin: 30px 0 0 68px; } .locationSection a.locationLink { background: none; font-weight: 400; padding: 0 !important; display: inline-block; font-size: 15px; margin: 5px 0 0 -3px !important; } .locationSection a.locationLink i { font-size: 18px; } .locationSection a:hover { text-decoration: none; } .ukMap:hover, .franceMap:hover, .indiaMap:hover { cursor: pointer; } .usaMap:hover { background: url(../images/usaMap.png) left 0 no-repeat; cursor: pointer; } .usaMap a span, .ukMap a span, .franceMap a span, .indiaMap a span { transition: all 350ms ease-out; -webkit-transition: all 350ms ease-out; } .usaMap:hover a span, .ukMap:hover a span, .franceMap:hover a span, .indiaMap:hover a span { opacity: 0; visibility: visible; } .mapDetail { background: #fff; box-shadow: 0 0 20px rgb(0 0 0 / 9%); padding: 15px; position: absolute; right: -285px; top: -111px; width: 415px; opacity: 0; transition: all 350ms ease-out; -webkit-transition: all 350ms ease-out; z-index: 1; visibility: hidden; border-radius: 10px; } .mapDetail:hover { cursor: pointer; } .usaMap:hover .mapDetail { opacity: 1; visibility: visible; } .mapDetail h4, .mapDetail p { margin: 0; padding: 0 0 0 78px; } .mapDetail h4 { font-size: 20px; font-weight: 600; margin-top: 0; margin-bottom: 5px; } .mapDetail p { font-size: 16px; } .ukMap { height: 100%; left: 45.1%; position: absolute; top: 26.5%; width: 2.2%; background-size: contain !important; } .ukMap:hover { background: url(../images/ukMap.png) left 0 no-repeat; cursor: pointer; } .ukMap .mapDetail { right: -400px; top: -135px; } .ukMap:hover .mapDetail { opacity: 1; visibility: visible; } .ukMap a:hover .mapDetail { opacity: 1; visibility: visible; } .franceMap { height: 52px; left: 592px; position: absolute; top: 23px; width: 50px; } .locationSection .franceMap a { background-position: 23px 5px; line-height: 35px; padding-left: 55px; } .franceMap:hover { background: url(../images/franceMap.png) left 0 no-repeat; cursor: pointer; } .franceMap .mapDetail { right: -405px; top: -130px; } .franceMap:hover .mapDetail { opacity: 1; visibility: visible; } .indiaMap { height: 100%; left: 66.2%; position: absolute; top: 44.5%; width: 7%; background-size: contain !important; } .indiaMap:hover { background: url(../images/indiaMap.png) left 0 no-repeat; cursor: pointer; } .indiaMap .mapDetail { right: -330px; top: -110px; } .indiaMap:hover .mapDetail { opacity: 1; visibility: visible; } .locationSection .indiaMap a { margin-top: 25px; } .showingWorld { bottom: 50px; left: 0; position: absolute; } .showingWorld span { background: url(../images/worldWide.png) left 0 no-repeat; color: #737373; display: block; font-size: 16px; line-height: 25px; padding-left: 40px; text-decoration: none; } .showingWorld a:hover { text-decoration: underline; } .posRelative{ position: relative; } .locateUsMap > img { width: 100%; } .locateUsMapBlock h2 { text-align: center; margin-bottom: 50px; } .locateUsDetail .cntIcon:last-child { padding-right: 0; margin-right: 0; border-right: 0; } /*Blog CTA*/ .btn-dark-blue{text-decoration: none} .blog-cta { position: relative; border: 2px solid #1d568b; border-radius: 30px; padding: 10px; margin-bottom: 3rem !important; } .blog-cta-inner { border-radius: 30px; box-shadow: inset 0 0 15px rgb(0 0 0 / 10%); padding: 3rem !important; } .blog-cta-inner:before { position: absolute; content: ""; width: 5px; height: 60px; background-color: #1d568b; left: 87px; top: -1px; } .checkbox-img { background: url(https://www.silvertouchtech.co.uk/wp-content/themes/sttluk/images/blog-box-check.png) no-repeat; width: 98px; height: 50px; display: inline-block; background-position: 15%; background-size: contain; margin-top: 18px; } .blogContent p { text-align: justify; color: #474747; } .blog-blockquote strong { font-weight: 700; } .blog-blockquote a { text-decoration: none; color: #ff763a; } #blog-cta.cta-sap-b1 { background: #0f0f0f url(//www.silvertouchtech.co.uk/wp-content/themes/sttluk/images/cta-sap-b1-bg.png) no-repeat right bottom; margin: 30px 0 50px; padding: 50px 85px; } #blog-cta a.bannerBtn.popup-modal, #blog-erp-solution a { background: #ff763a; text-decoration: none; color: #fff; padding: 10px 20px; margin-top: 10px; display: inline-block; border: 1px solid #ff763a; } #blog-cta a.bannerBtn.popup-modal:hover, #blog-erp-solution a:hover { background: transparent; color: #ff763a; border: 1px solid #ff763a; } #chooseSec { background: #000; margin: 30px 0 50px; padding: 50px 85px; } .chooseBetween { text-align: center; } h2.cta-head { color: #fff !important; font-size: 28px; font-weight: 600; } #blog-erp-solution { background: #545b60 url(//www.silvertouchtech.co.uk/wp-content/themes/sttluk/images/cta-bg.png) no-repeat 0 0; margin: 30px 0 50px; padding: 50px 85px; align-items: center; display: flex; justify-content: space-around; } div#blog-erp-solution .erp_sec, div#blog-erp-solution .erp_img { width: 50%; flex: 0 0 auto; } #blogFilterForm { padding: 0px 15px; } .blogFilter {display: flex;gap: 15px;justify-content: end;} .form-field.form-field-select {/*min-width: 350px;*/} #blogFilterForm .blogFilter .form-control { border: 1px solid #ced4da; } #blogFilterForm .blogFilter .form-control:focus{ border: 1px solid #86b7fe; box-shadow: none; } .single-post .blogLeftPart h1.entry-title{color:#1d1c86;} .canadaMap { left: 7.1%; position: absolute; top: 0.4%; width: 25.5%; height: 39%; display: flex; align-items: end; justify-content: right; } .locationSection .canadaMap a { background-position: 23px 5px; line-height: 35px; padding-left: 58px; margin-right: 30px; margin-bottom: 30px;} .canadaMap:hover {background: url("https://www.silvertouch.ca/wp-content/themes/sttl/assets/images/canada-map.png") left 0 no-repeat; background-size: contain;cursor: pointer;} .canadaMap .mapDetail {left: 140px;top: 66px;} .canadaMap:hover .mapDetail {opacity: 1;visibility: visible;} .locateUsMapBlock h3{z-index: 0;} /* casestudy search filter css - dharmesh */ #casestudyFilterForm { padding: 0px 15px; } #casestudyFilterForm .casestudyFilter {display: flex; gap: 15px; justify-content: end;} #casestudyFilterForm .casestudyFilter .form-control { border: 1px solid #ced4da; } #casestudyFilterForm .casestudyFilter .form-control:focus{ border: 1px solid #86b7fe; box-shadow: none; } .ajax-pagination { margin: 30px 0; text-align: center; } .ajax-pagination a.page-numbers { display: inline-block; padding: 8px 14px; margin: 0 3px; background: #e67e22; color: #fff; border-radius: 4px; text-decoration: none; font-size: 14px; transition: background 0.3s, color 0.3s; } .ajax-pagination a.page-numbers:hover { background: #0a58ca; color: #fff; } .ajax-pagination a.page-numbers.current { background: #0a58ca; color: #fff; font-weight: bold; cursor: default; } .ajax-pagination a.page-numbers.prev, .ajax-pagination a.page-numbers.next { font-weight: bold; } /* Loader Spinner */ #casestudies-list.loading { position: relative; opacity: 0.6; pointer-events: none; } #casestudies-list.loading::after { content: ''; position: absolute; top: 50%; left: 50%; width: 40px; height: 40px; margin: -20px 0 0 -20px; border: 4px solid #f3f3f3; border-top: 4px solid #f26922; border-radius: 50%; animation: spin 0.8s linear infinite; z-index: 10; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /* casestudy search filter css end */ @media only screen and (max-width: 1399px) { .canadaMap .mapDetail {top: 3%;} .locateUsDetail li h4 {font-size: 20px;} .locateUsDetail li p.cntAddress {font-size: 16px;} .map-iframe iframe {height: 350px;} } @media only screen and (max-width: 1300px) { .locateUsMapBlock {display: none;} } @media only screen and (max-width: 992px) { .locateUsDetail .cntIcon {margin-top: 10px;} } @media only screen and (max-width: 767px) { .contactForm.commonContent {margin-bottom: 30px;} .map-iframe {margin-top: 30px;} .map-iframe iframe {height: 300px;} } @media only screen and (max-width: 499px) { .form-field.form-field-select {max-width: 225px;} #blogFilterForm .blogFilter .form-control {font-size: 14px;height: 41px;} #casestudyFilterForm .casestudyFilter .form-control {font-size: 14px;height: 41px;} } @media (min-width:1200px) { .blogLeftPart h2 {font-size: 32px;} .blogLeftPart h3 {font-size: 26px;} }