MINI Sh3ll
@charset "utf-8";
/* CSS Reset start */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
a{
transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
/* CSS Reset end */
/* Fontface start */
@font-face {
font-family: 'poppinsthin';
src: url('../fonts/poppins-thin-webfont.eot');
src: url('../fonts/poppins-thin-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/poppins-thin-webfont.woff2') format('woff2'), url('../fonts/poppins-thin-webfont.woff') format('woff'),
url('../fonts/poppins-thin-webfont.ttf') format('truetype'), url('../fonts/poppins-thin-webfont.svg#poppinsthin') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'poppinsextralight';
src: url('../fonts/poppins-extralight-webfont.eot');
src: url('../fonts/poppins-extralight-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/poppins-extralight-webfont.woff2') format('woff2'), url('../fonts/poppins-extralight-webfont.woff') format('woff'), url('../fonts/poppins-extralight-webfont.ttf') format('truetype'), url('../fonts/poppins-extralight-webfont.svg#poppinsextralight') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'poppinslight';
src: url('../fonts/poppins-light-webfont.eot');
src: url('../fonts/poppins-light-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/poppins-light-webfont.woff2') format('woff2'), url('../fonts/poppins-light-webfont.woff') format('woff'), url('../fonts/poppins-light-webfont.ttf') format('truetype'), url('../fonts/poppins-light-webfont.svg#poppinslight') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'poppinsregular';
src: url('../fonts/poppins-regular-webfont.eot');
src: url('../fonts/poppins-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/poppins-regular-webfont.woff2') format('woff2'), url('../fonts/poppins-regular-webfont.woff') format('woff'), url('../fonts/poppins-regular-webfont.ttf') format('truetype'), url('../fonts/poppins-regular-webfont.svg#poppinsregular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'poppinsmedium';
src: url('../fonts/poppins-medium-webfont.eot');
src: url('../fonts/poppins-medium-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/poppins-medium-webfont.woff2') format('woff2'), url('../fonts/poppins-medium-webfont.woff') format('woff'), url('../fonts/poppins-medium-webfont.ttf') format('truetype'), url('../fonts/poppins-medium-webfont.svg#poppinsmedium') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'poppinssemibold';
src: url('../fonts/poppins-semibold-webfont.eot');
src: url('../fonts/poppins-semibold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/poppins-semibold-webfont.woff2') format('woff2'), url('../fonts/poppins-semibold-webfont.woff') format('woff'), url('../fonts/poppins-semibold-webfont.ttf') format('truetype'), url('../fonts/poppins-semibold-webfont.svg#poppinssemibold') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'poppinsbold';
src: url('../fonts/poppins-bold-webfont.eot');
src: url('../fonts/poppins-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/poppins-bold-webfont.woff2') format('woff2'), url('../fonts/poppins-bold-webfont.woff') format('woff'), url('../fonts/poppins-bold-webfont.ttf') format('truetype'), url('../fonts/poppins-bold-webfont.svg#poppinsbold') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'poppinsextrabold';
src: url('../fonts/poppins-extrabold-webfont.eot');
src: url('../fonts/poppins-extrabold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/poppins-extrabold-webfont.woff2') format('woff2'), url('../fonts/poppins-extrabold-webfont.woff') format('woff'), url('../fonts/poppins-extrabold-webfont.ttf') format('truetype'), url('../fonts/poppins-extrabold-webfont.svg#poppinsextrabold') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'poppinsitalic';
src: url('../fonts/poppins-italic-webfont.eot');
src: url('../fonts/poppins-italic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/poppins-italic-webfont.woff2') format('woff2'), url('../fonts/poppins-italic-webfont.woff') format('woff'), url('../fonts/poppins-italic-webfont.ttf') format('truetype'), url('../fonts/poppins-italic-webfont.svg#poppinsitalic') format('svg');
font-weight: normal;
font-style: normal;
}
/* Fontface end */
.greyBg{background-color: #e0e2ea;}
body { font-family:'poppinsregular', Arial, Helvetica, "sans-serif";}
.wow {visibility: hidden;}
.wrapper { width:100%;}
.dispTable { display: table; width: 100%; height: 100%;}
.dispTable .dispTablecell { display: table-cell; vertical-align: middle; }
.humbergmenu { cursor: pointer; display: block; margin: 0px; padding: 5px; text-align:right; }
.humbergmenu > div { height: 1.65em; width: 1.65em; display:inline-block; }
.humbergmenu > div > div { background-color: #202760; height: 2px; margin: 0 0 7px; transition-delay: 0s, 0s, 0s, 0s; transition-duration: 0.3s; width: 100%; }
.humbergmenu > div > div:nth-child(3) { float: right; width: 50%; }
.humbergmenu:hover > div > div:nth-child(3) { width: 100%; }
.humbergmenu.open > div > div:nth-child(1) { transform: translateY(9px) rotate(45deg); }
.humbergmenu.open > div > div:nth-child(2) { opacity: 0; }
.humbergmenu.open > div > div:nth-child(3) { transform: translateY(-9px) rotate(-45deg); width: 100%; }
.humbergmenu.dark > div > div { background-color: #202760; }
.fillBut { display:inline-block; border:1px solid #e80e88; background: #e80e88; border-radius:30px; padding:10px 30px; text-decoration:none; font-size:16px; line-height: 20px; color:#fff; font-family: 'poppinssemibold'; transition: all 0.4s ease-in-out 0s;}
.fillBut:hover { color:#fff; text-decoration: none; transform: scale(1.1);}
.borderBut { display:inline-block; border:1px solid #fff; border-radius:30px; padding:10px 30px; text-decoration:none; font-size:16px; line-height: 20px; color:#fff; font-family: 'poppinssemibold'; transition: all 0.4s ease-in-out 0s;}
.borderBut:hover { color:#fff; text-decoration: none; transform: scale(1.1);}
.pinkBut { display:inline-block; background:#e80e88; border-radius:30px; padding:18px 30px; font-size:14px; line-height:18px; color:#fff; font-family: 'poppinssemibold'; text-transform: uppercase; text-decoration: none; transition: all 0.4s ease-in-out 0s;}
.pinkBut:hover { background:#283a8a; color:#fff; text-decoration: none; transform: scale(1.1);}
.knowMoreLink { display:inline-block; font-size:14px; line-height:18px; color:#e80e88; font-family: 'poppinssemibold'; text-transform: uppercase; padding:0 40px 0 0; background:url(../images/pinkArrow.png) no-repeat right center; transition: all 0.4s ease-in-out 0s;}
.knowMoreLink:hover { padding:0 50px 0 0; color:#e80e88; text-decoration: none;}
.blueBgColor { background: #283a8a;}
.pinkBgColor { background: #e80e88;}
header { width:100%; background:#fff; position:fixed; top:0; left:0; z-index:999;}
header .logo { float:left; margin:30px 0 0 0; width:145px; transition: all 0.4s ease-in-out 0s;}
/*
header .logo img:nth-child(2){display: none;}
header.shrink .logo img:nth-child(1){display: none;}
header.shrink .logo img:nth-child(2){display: block;width: 60px;}
*/
header.shrink { box-shadow:0 3px 3px #ccc;}
header.shrink .logo { margin:20px 0; width:100px;}
header .headerRht { float:right;}
header .contactUs { float:right; background:#202760; border-radius:0 0 30px 30px; text-align:center; min-width:260px; padding:6px 10px; font-size:12px; line-height: 14px; color:#ffffff; margin:0 0 18px;}
header .contactUs a { display:inline-block; text-transform: uppercase; color:#ffffff; margin:5px 12px; vertical-align: top;}
header .contactUs span { display:inline-block; padding:5px 12px 5px 13px; border-left:1px solid #4d5280;}
header .menuBx { float:right;}
header .menuBx .mainNav { float:right; margin-right:-25px; margin-top: 20px;}
header .menuBx .mainNav ul { width:100%; float:left; display:block;}
header .menuBx .mainNav ul li { float:left; display:block; font-size:14px; line-height: 16px; color:#58585b; font-family: 'poppinssemibold'; text-transform: uppercase; padding-bottom: 50px;padding-top: 7px;}
header .menuBx .mainNav ul li a:after{
content: "";
position: absolute;
right: 0px;
width: 1px;
height: 30px;
display: block;
top: -10px;
background-color: #cccccc;
}
header .menuBx .mainNav ul li:last-child a:after{display: none;}
header .menuBx .mainNav ul li:last-child { border-right:none;}
header .menuBx .mainNav ul li a { display:block; text-decoration: none; padding:5px; color:#58585b;position: relative;padding:0 20px;}
header .menuBx .mainNav ul li:hover a, header .menuBx .mainNav ul li a.active { color:#e80e88;}
header.removeShadow{box-shadow: none; border-bottom: 1px solid #ccc; height: 145px;}
header .menuBx .mainNav ul li.megaMenu ul{display: none; transition: all 0.5s ease;min-height: 420px;border-bottom: 1px solid #bbb;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
header .menuBx .mainNav ul li.megaMenu:hover ul{display: block;}
.drop-down{position: absolute;display: none;left: 0px;margin-top: 48px;background-color: #283a8a;border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;}
ul.submenu {position: absolute;left: 30%;top: 0px;background: white;height: 100%;}
header .menuBx .mainNav ul li.megaMenu ul.drop-down li{display: block;float: none; padding: 0px; }
header .menuBx .mainNav ul li.megaMenu ul.drop-down li a{padding: 10px 0px;border-bottom: 1px solid #3e4e96;}
header .menuBx .mainNav ul li.megaMenu ul.drop-down li:last-child a{border-bottom: 0px;}
header .menuBx .mainNav ul.drop-down{padding: 30px 6%; }
header .menuBx .mainNav ul li.megaMenu ul.submenu{padding: 40px 50px; z-index: 99;}
header .menuBx .mainNav ul li.megaMenu ul.drop-down li.dropdown-item.active{}
header .menuBx .mainNav ul li.megaMenu ul.drop-down li.dropdown-item a{font-family: 'poppinsextralight';font-size: 16px; text-transform: none;color: #fff;padding-left: 15px;}
header .menuBx .mainNav ul li.megaMenu ul.drop-down li.dropdown-item.active a{color: white;font-family: 'poppinssemibold';}
header .menuBx .mainNav ul li.megaMenu ul.drop-down li.dropdown-item a:hover{color: white;}
header .menuBx .mainNav ul li.megaMenu ul.drop-down li ul.submenu{display: none;width: 70%;}
header .menuBx .mainNav ul li.megaMenu ul.drop-down li ul.submenu li{float: left;width: 33%; margin: 10px 0 ;}
header .menuBx .mainNav ul li.megaMenu ul.drop-down li.active ul.submenu{display: block;}
header .menuBx .mainNav ul li.megaMenu ul.drop-down li ul.submenu li a{border-bottom: 0px;min-height: 95px;}
header .menuBx .mainNav ul li.megaMenu ul.drop-down li ul.submenu li a:after{display: none;}
header .menuBx .mainNav ul li.megaMenu ul.drop-down li ul.submenu.active li:hover a{color: #e80e88;}
header .menuBx .mainNav ul li.megaMenu ul.drop-down li ul.submenu li a p{font-size: 14px; color: #58585b;font-family: 'poppinslight';text-transform: none;margin-top: 8px; min-height: 48px;}
header .menuBx .mainNav ul li.megaMenu ul.drop-down li ul.submenu.active{display: block;}
header .menuBx .mainNav ul li.megaMenu ul.drop-down li ul.submenu li a{font-family: 'poppinssemibold';font-size: 16px;color: #252a37;}
header .menuBx .mainNav ul li.megaMenu ul.drop-down li ul.submenu li a span{min-height: 30px;color: #252a37;
display: block;
line-height: 15px;}
header .menuBx .mainNav ul li.megaMenu ul.drop-down li ul.submenu li a:hover span{color: #e80e88;}
.panel-title > a, .panel-title > small, .panel-title > .small, .panel-title > small > a, .panel-title > .small > a{
display: block;
cursor: pointer;
}
.aboutAddress{padding: 30px 0}
.aboutAddress p:first-child{font-size: 16px;font-family: 'poppinssemibold';color: #252a37;margin: 0px; margin-bottom: 12px;}
.aboutAddress p{font-size: 14px; color: #58585b;line-height: 18px;}
.content { width:100%;}
.spotlightHome { width:100%; padding:0 0 150px;}
.spotlightHome .spotlightTxt { width:100%; padding:18% 0 0 30px;}
.spotlightHome .spotlightTxt h3 { font-size:72px; line-height:72px; color:#283a8a; font-family: 'poppinssemibold'; padding:0 0 40px;}
.textureHome1 { width:100%; background: url(../images/textureBg1.jpg) no-repeat center bottom #e0e2ea; background-size:100%; padding:0 0 200px;}
.bigDataHome { max-width: 1164px; min-height: 264px; background: url(../images/bigdataBg.png) no-repeat; margin:-120px auto 20px;}
.bigDataHome .saveDateTxt { width:135px; float:left; text-align:center; font-size:22px; line-height:22px; color:#283a8a; font-family: 'poppinssemibold'; text-transform: uppercase; margin:8.5% 0 0 8.5%;}
.bigDataHome .bigDataRht { width:73%; float:right; padding:35px 50px 0 0;}
.bigDataHome .bigDataTxt { display:inline-block; font-size:37px; line-height: 59px; color:#283a8a; font-family: 'poppinssemibold'; text-transform: uppercase;}
.bigDataHome .bigDataTxt .theTxt { display:block; font-size:23px; line-height:23px; color:#e80e88; text-transform: none; position: relative; top:5px;}
.bigDataHome .bigDataTxt .conferenceTxt { display:block; text-align:right; font-size:23px; line-height:23px; color:#e80e88; text-transform: none; position: relative; top:-8px;}
.bigDataHome ul { width:100%; float:left; display:block;}
.bigDataHome ul li { display:inline-block; padding:5px 10px 5px 0; margin:0 5px 0 0; border-right:1px solid #cccccc;}
.bigDataHome ul li:last-child { border:none;}
.bigDataHome ul li strong { display:block; font-size:24px; line-height:26px; color:#283a8a; font-family: 'poppinssemibold'; padding:0 0 5px;}
.bigDataHome ul li span { display:block; font-size:18px; line-height:18px; color:#58585b;}
.tabAccordHomeBx { width:100%;}
.tabAccordHomeBx h3 { font-size:42px; line-height:42px; color:#252a37; font-family: 'poppinssemibold'; text-align: center; padding:0 0 35px;}
.tabAccordHomeBx .responsiveTabs { width:100%;}
.tabAccordHomeBx .responsiveTabs ul { width:100%; text-align:center; margin:0 0 65px;}
.tabAccordHomeBx .responsiveTabs ul li { display:inline-block; float:none; vertical-align: top; margin:0 2px;}
.tabAccordHomeBx .responsiveTabs ul li a { display:inline-block; width:150px; height:164px; background:#fff; border-radius:10px; padding:25px 10px 10px; position: relative; font-size:16px; line-height:16px; color:#252a37; font-family: 'poppinsmedium';}
.tabAccordHomeBx .responsiveTabs ul li .txt { width:100%; position: absolute; top:66%; left:0; padding:0 10px;}
.tabAccordHomeBx .responsiveTabs ul li a:hover, .tabAccordHomeBx .responsiveTabs ul li.active a { background:#e80e88; color:#fff;}
.tabAccordHomeBx .responsiveTabs ul li a .securityIcon { width:56px; height:56px; display: block; margin:0 auto; background:url(../images/sprite.png) no-repeat 0 0;}
.tabAccordHomeBx .responsiveTabs ul li a:hover .securityIcon, .tabAccordHomeBx .responsiveTabs ul li.active a .securityIcon { background:url(../images/sprite.png) no-repeat 0 -75px;}
.tabAccordHomeBx .responsiveTabs ul li a .itOperationsIcon { width:56px; height:56px; display: block; margin:0 auto; background:url(../images/sprite.png) no-repeat -75px 0;}
.tabAccordHomeBx .responsiveTabs ul li a:hover .itOperationsIcon, .tabAccordHomeBx .responsiveTabs ul li.active a .itOperationsIcon { background:url(../images/sprite.png) no-repeat -75px -75px;}
.tabAccordHomeBx .responsiveTabs ul li a .appManagementIcon { width:51px; height:61px; display: block; margin:0 auto; background:url(../images/sprite.png) no-repeat -150px 0;}
.tabAccordHomeBx .responsiveTabs ul li a:hover .appManagementIcon, .tabAccordHomeBx .responsiveTabs ul li.active a .appManagementIcon { background:url(../images/sprite.png) no-repeat -150px -75px;}
.tabAccordHomeBx .responsiveTabs ul li a .internetThingsIcon { width:61px; height:61px; display: block; margin:0 auto; background:url(../images/sprite.png) no-repeat -225px 0;}
.tabAccordHomeBx .responsiveTabs ul li a:hover .internetThingsIcon, .tabAccordHomeBx .responsiveTabs ul li.active a .internetThingsIcon { background:url(../images/sprite.png) no-repeat -225px -75px;}
.tabAccordHomeBx .responsiveTabs ul li a .bussAnalyticsIcon { width:57px; height:57px; display: block; margin:0 auto; background:url(../images/sprite.png) no-repeat -300px 0;}
.tabAccordHomeBx .responsiveTabs ul li a:hover .bussAnalyticsIcon, .tabAccordHomeBx .responsiveTabs ul li.active a .bussAnalyticsIcon { background:url(../images/sprite.png) no-repeat -300px -75px;}
.tabAccordHomeBx .responsiveTabs ul li a .cloudOperationsIcon { width:61px; height:61px; display: block; margin:0 auto; background:url(../images/sprite.png) no-repeat -375px 0;}
.tabAccordHomeBx .responsiveTabs ul li a:hover .cloudOperationsIcon, .tabAccordHomeBx .responsiveTabs ul li.active a .cloudOperationsIcon { background:url(../images/sprite.png) no-repeat -375px -75px;}
.tabAccordHomeBx .responsiveTabs ul li a .enterpriseSearchIcon { width:62px; height:59px; display: block; margin:0 auto; background:url(../images/sprite.png) no-repeat -450px 0;}
.tabAccordHomeBx .responsiveTabs ul li a:hover .enterpriseSearchIcon, .tabAccordHomeBx .responsiveTabs ul li.active a .enterpriseSearchIcon { background:url(../images/sprite.png) no-repeat -450px -75px;}
.tabAccordHomeBx .tab-content { max-width:1140px; padding:0 10px; margin:0 auto;}
.tabAccordHomeBx .tabText { max-width: 460px;}
.tabAccordHomeBx .tabText h4 { font-size:30px; line-height:30px; color:#252a37; font-family: 'poppinssemibold'; padding:0 0 15px;}
.tabAccordHomeBx .tabText p { font-size:15px; line-height:24px; color:#58585b; font-family: 'poppinslight'; padding:0 0 18px;}
.tabAccordHomeBx .tabText .knowMoreLink { margin:20px 0;}
.imgTextBx { width:100%; padding:80px 0;}
.imgTextBx .textContainer { height:429px;}
.imgTextBx .padLftRht1 { padding:0 50px;}
.imgTextBx .padLftRht2 { padding:0 30px;}
.imgTextBx .textContainer .TitleBx { font-size:14px; line-height: 16px; color:#fff; font-family: 'poppinssemibold'; display:block; padding:0 0 10px;}
.imgTextBx .textContainer h5 { font-size:30px; line-height: 36px; color:#fff; font-family: 'poppinssemibold'; padding:0 0 20px; position: relative;}
.imgTextBx .textContainer h5:after { width:80px; height:2px; background:#fff; content:""; position: absolute; bottom:9px; left:0;}
.imgTextBx .textContainer p { font-size:16px; line-height: 26px; color:#fff; font-family: 'poppinslight'; padding:0 0 25px;}
.textureHome2 { width:100%; background: url(../images/textureBg2.jpg) no-repeat center top #283a8a; background-size:100%; padding:170px 0 60px;}
.textureHome3{ width:100%; background: url(../images/textureBg3.jpg) no-repeat center top #283a8a; background-size:100%; padding:170px 0 60px;}
.industriesHomeBx { max-width:1080px; margin:0 auto; text-align:center;}
.industriesHomeBx h3 { font-size:42px; line-height:42px; color:#fff; font-family: 'poppinssemibold'; padding:0 0 30px;}
.industriesHomeBx h3 span { display:block; font-family: 'poppinsextralight'; padding:5px 0 0 0;}
.industriesHomeBx .industriesLinks { width:100%; float:left; display:block; text-align: left; padding: 0 0 25px 2%; border-bottom:1px solid #4f5d9f; margin:0 0 30px;}
.industriesHomeBx .industriesLinks li { float:left; display:block; width:31%;margin-right:2%;margin-bottom:16px;}
.industriesHomeBx .industriesLinks li a { display:inline-block; font-size:15px; line-height:18px; color:#ffffff; padding:0 30px 0 0; border: solid 1px #4254a2; display:block;padding:13px 10px; position:relative;text-decoration:none !important;}
.industriesHomeBx .industriesLinks li a span { position:relative; z-index:2; display:block; background:url(../images/right-arrow.png) no-repeat 98% center; }
.industriesHomeBx .industriesLinks li a:hover { color:#e80e88;}
.industriesHomeBx .industriesLinks li a:before {transition: all 0. 2s ease-in-out 0s; content:''; position:absolute; width:16%; height:100%; background-color:#FFF; right:0; top:0;z-index: 1;}
.industriesHomeBx .industriesLinks li a:hover:before {width:100%;}
.industriesHomeBx .contactDetails { width:100%; float:left; display:block; padding: 0 5% 5px; }
.industriesHomeBx .contactDetails li { display:inline-block; width:310px; vertical-align: top; font-size:20px; line-height:22px; color:#fff; font-family: 'poppinsextralight';}
.industriesHomeBx .contactDetails li a { color:#fff; text-decoration: none;}
.industriesHomeBx .contactDetails li .icons { display:block; margin:0 0 10px;}
.industriesHomeBx .contactDetails li .icons img { margin:0 auto;}
.scale-out { position:absolute; width:100%; height:95%; background-color:#FFF; z-index:2; left:0px; top:0px;}
/*Approch */
.bgimage {width:100%;height:500px;background: url('../images/spotlightApprochImg.jpg');background-repeat: no-repeat !important;background-position: center;background-size:cover !important;position:relative;/* background-attachment: fixed;*/}
.bgimage .valign{ padding-top: 200px;}
.bgimage h1 {color:white;font-size: 26px; font-family: 'poppinssemibold';text-transform: uppercase;margin-bottom: 10px;}
.bgimage p{font-family: 'poppinsextralight';font-size: 50px;color: white;}
.bgimage .whiteColor h1, .bgimage .whiteColor p, .bgimage .whiteColor .industryDesc{color:#fff !important;}
.bgimage .blackColor h1, .bgimage .blackColor p, .bgimage .blackColor .industryDesc{color:#000 !important;}
.bgimage.aboutUsBanner{background: url('../images/about-us-banner.png'); background-position: center;}
.bgimage.itOperations{background: url('../images/it-operations-banner.png'); background-position: center;}
.bgimage.caseStudyBanner{background: url('../images/case-study-banner.png'); background-position: center;}
.itOperations.bgimage h1{font-size: 56px;text-transform: none;}
.itOperations.bgimage .knowMoreContainer p{padding-top: 10px;}
.industryBg.bgimage h1{font-size: 56px;text-transform: none;}
.industryBg.bgimage .knowMoreContainer p{padding-top: 10px;}
.industry.bgimage h1{font-size: 56px;text-transform: none;}
.aboutInfo{padding: 100px 0 70px;}
.aboutInfo .infoContent{padding: 0 50px;}
.aboutInfo .infoContent h2{color: #252a37;font-size: 41px;font-family: 'poppinssemibold';margin-bottom: 30px;}
.aboutInfo .infoContent p{color: #58585b;font-size: 15px;font-family: 'poppinslight'; line-height: 24px;}
.aboutInfo h6{color: #252a37;font-size: 20px;font-family: 'poppinssemibold';margin-bottom: 13px;}
.aboutInfo h3{color: #252a37;font-size: 30px;font-family: 'poppinssemibold';margin-bottom: 20px; line-height: 30px;}
.aboutTeam{padding:50px 0px;}
.aboutTeam .teamContent{padding-top:30px;padding-bottom: 30px;}
.aboutTeam .teamContent .container{padding: 0 90px;}
.aboutTeam .teamContent .teamBox{padding:0;background:#fff;height:380px;width:380px;border:1px solid #e0e2ea;margin:-1px;padding:30px 35px;position:relative}
.aboutTeam .photoContainer{padding:20px 0 0; background-repeat:no-repeat;}.aboutTeam .photoContainer span {border-radius:50%; display:block;}
.aboutTeam .photoContainer span{position:relative;display:block;width:238px;margin:0 auto; background-repeat:no-repeat; transition:all 0.3s ease;border-radius: 100%;overflow: hidden;}
.aboutTeam .photoContainer:hover span img { opacity:0; }
.aboutTeam .photoContainer a.moreInfoIcon{position:absolute;right:90px;width:50px;height:50px;background:#fff;padding:20px 16px;top:240px;border-radius:50%;box-shadow:0 0 10px 0 rgba(0,0,0,.2)}
.aboutTeam .teamName a{text-align:right;display:inline-block;vertical-align:middle;padding-top:10px;padding-right:3px}
.aboutTeam .teamName{padding-top:24px;vertical-align:text-bottom}
.aboutTeam .teamName h6{font-size:20px;color:#252a37;font-family:poppinsbold;line-height: 31px;}
.aboutTeam .teamName p{color:#e80e88;font-family: 'poppinslight';font-size:14px;}
.aboutTeam .teaminfoContainer {position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;padding: 50px 32px;padding-bottom: 20px;background-color: rgba(37,42,55,0.9);display: none;}
.aboutTeam .teaminfoContainer h6{color: white;font-size: 20px;font-family: 'poppinssemibold';padding-top: 2px;line-height: 24px;}
.aboutTeam .teaminfoContainer p{color: white;font-size: 14px;font-family: 'poppinslight'; }
.aboutTeam .teaminfoContainer .teamDesc{color: white;font-size: 15px;font-family: 'poppinslight';height: 200px;margin-top: 20px; line-height: 22px;}
.aboutTeam .teaminfoContainer a{padding-right: 5px;vertical-align: middle;display: inline-block;padding-top: 10px;}
.teamContainer {width: 1140px;margin: 0 auto;}
.aboutTeam .teamContainer ul {position: relative;}
.aboutTeam .teamContainer ul li{float: left;}
.approchSection .dataCorrectionPadding.padding100{padding-top: 100px ;}
.approchSection .dataCorrectionContent.padding50{padding: 50px;}
.approchSection .dataCorrectionContent.padding30{padding:30px;}
.approchSection .dataCorrectionPadding.paddingBottom100{padding-bottom: 100px;}
.approchSection .dataCorrectionPadding{padding-top: 70px;padding-bottom: 60px;}
.approchSection .contentLeftPadding{padding-left: 70px;padding-right: 20px;}
.approchSection .contentRightPadding{}
.approchSection .dataCorrectionContent{padding-top: 20px;}
.approchSection .dataCorrectionContent h4{color:#e80e88;font-size: 42px;font-family: 'poppinssemibold';margin-bottom: 12px;}
.approchSection .dataCorrectionContent h5{color:#252a37;font-size: 30px; font-family: 'poppinssemibold';margin-bottom: 8px;}
.approchSection .dataCorrectionContent p{color:#58585b;font-size: 15px;font-family: 'poppinslight';line-height: 22px;}
.approchSection .dataCorrectionMarginTop40 { margin-top:40px; }
.careerSection h3{padding-bottom: 15px;}
.careerSection p{font-size: 20px; font-family: 'poppinsextralight';color: white;}
.careerTextContainer{padding:60px 40px 0px;}
.careerTextContainer p{font-size: 15px; color: white;font-family: 'poppinslight';line-height: 25px;margin-bottom: 20px;}
.careerTextContainer .certifiedBlock{padding: 15px;background-color: #344cad;color: white;line-height: 20px;}
strong{font-family: 'poppinssemibold';}
.jobBtn{margin-top: 20px;}
.industryBg{background: url("../images/industry-banner.png");position: relative;}
.industryDesc{font-size: 15px; color: white;max-width: 550px;font-family: 'poppinslight';line-height: 22px;margin-top: 10px;}
.knowMoreContainer {position: absolute;bottom: 0px;background: rgba(26,34,87,0.9);width: 100%;padding:15px 10px;}
.knowMoreContainer p{font-size: 15px;color: white;line-height: 20px; font-family: 'poppinslight';}
.bgimage.industryBg .valign{/* padding-top: 140px; */}
.knowMoreContainer .fillBut{font-size: 14px;padding: 8px 30px 6px;margin-left: 100px;}
.industrySection{padding: 70px 0 30px;}
.tabPanel .nav>.nav.nav-tabs{border:none;color:#fff;background:#272e38;border-radius:0}
.tabPanel nav>div a.nav-item.nav-link,nav>div a.nav-item.nav-link.active{border:none;padding:18px 25px;color:#fff;background:#272e38;border-radius:0}
.tabPanel nav>div a.nav-item.nav-link.active:after{content:"";position:relative;bottom:-60px;left:-10%;border:15px solid transparent;}
.tabPanel .tab-content{background:#fdfdfd;line-height:25px;padding:30px 25px}
.tabPanel nav>div a.nav-item.nav-link:focus,nav>div a.nav-item.nav-link:hover{border:none;background:#e74c3c;color:#fff;border-radius:0;transition:background .2s linear}
.tabPanel .nav-tabs { border-bottom:0 none;flex-wrap: wrap;display: flex;align-items: flex-start; }
.tabPanel .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover { border-width: 0; }
.tabPanel .nav-tabs > li > a { border: none; color: #ffffff;background: #283a8a;border-radius: 0px; margin: 0px;display: table-cell;height: 100px;vertical-align: middle;padding: 10px 10px;font-size: 15px;}
.tabPanel .nav-tabs > li.active > a, .nav-tabs > li > a:hover { border: none; color: #ffffff !important; background: #e80e88; background: rgba(238,74,167,1);
background: -moz-linear-gradient(top, rgba(238,74,167,1) 0%, rgba(237,62,161,1) 28%, rgba(232,14,137,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(238,74,167,1)), color-stop(28%, rgba(237,62,161,1)), color-stop(100%, rgba(232,14,137,1)));
background: -webkit-linear-gradient(top, rgba(238,74,167,1) 0%, rgba(237,62,161,1) 28%, rgba(232,14,137,1) 100%);
background: -o-linear-gradient(top, rgba(238,74,167,1) 0%, rgba(237,62,161,1) 28%, rgba(232,14,137,1) 100%);
background: -ms-linear-gradient(top, rgba(238,74,167,1) 0%, rgba(237,62,161,1) 28%, rgba(232,14,137,1) 100%);
background: linear-gradient(to bottom, rgba(238,74,167,1) 0%, rgba(237,62,161,1) 28%, rgba(232,14,137,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ee4aa7', endColorstr='#e80e89', GradientType=0 );}
.industrySection .tabPanel .nav-tabs > li.active > a:after,
.industrySection .nav-tabs > li:hover > a:after{content: "";position: absolute;bottom: -30px;left:43%;border: 15px solid transparent;border-top-color: #e80e88; }
/*.itOperations .tabPanel .nav-tabs > li:hover > a:after, */
/*.itOperations .tabPanel .nav-tabs > li.active > a:after{content: "";position: absolute;bottom: -30px;left: 45%;border: 15px solid transparent;border-top-color: #e80e88;}*/
/*.itOperations.bgimage .valign{padding-top: 120px;}*/
/*.itOperations .tabPanel .nav-tabs > li{width: 253px;}*/
.flexContent{display: flex;}
.tabPanel .tab-nav > li > a::after { background: ##5a4080 none repeat scroll 0% 0%; color: #fff; }
.tabPanel .tab-pane { padding: 60px 100px 0; }
.tabPanel .tab-content{padding:20px}
.tabPanel .nav-tabs > li {width:20%; text-align:center;width: 180px;margin: 0px;display: table;margin-right: 1px; flex: 1;}
.noPadding{padding: 0px;}
.tabContentText{background: #e0e2ea;height: 100%;padding: 50px 50px 20px;height: 100%;}
.tabContentText h6{font-size: 26px;color: #333333;margin-bottom: 20px;}
.tabContentText p{font-size: 15px; color: #777777;margin-bottom: 8px;}
.tabContentText a{color: #333333;font-size: 14px;text-transform: uppercase;display: block;font-family: 'poppinssemibold';}
.tabContentText a:hover{text-decoration: none;color: #283a8a;}
.tabContentText a img{margin-left: 5px;}
.verticals{padding: 0px;}
.verticals ul{padding:0px;position: relative;}
.verticals ul li{float: left;box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.05);margin-bottom: 20px;margin-right: 20px;text-align: center;}
.verticals ul li a{width: 164px;height: 200px;background-color: white;border-radius: 14px;padding: 20px 15px;color: #252a37; font-size: 16px;font-family: 'poppinsmedium';padding-top: 150px;line-height: 18px;display: block;position: relative;}
.verticals ul li a:hover{text-decoration: none;background-color: #e80e88;color: white;}
.verticals ul li a.verticalIcon:before{ background: url("../images/vertical-icon.png"); content: "";display: block;width: 100px;height: 100px;position: absolute;top: 25px;left: 40px;}
.verticals ul li:hover a.verticalIcon{background-color: #e80e88;}
.verticals ul li a.verticalIcon.secureNetwork:before{width: 79px;height: 79px;top: 40px;left: 42px;}
.verticals ul li:hover a.verticalIcon.secureNetwork:before{background-position: -78px 0px;}
.verticals ul li a.verticalIcon.hybridInfra:before{width: 83px;height: 83px;top: 40px;left: 42px;background-position: -195px 0px;}
.verticals ul li:hover a.verticalIcon.hybridInfra:before{background-position: -277px 0px;}
.verticals ul li a.verticalIcon.dataCenter:before{width: 75px;height: 84px;top: 40px;left: 42px;background-position: -389px 0;}
.verticals ul li:hover a.verticalIcon.dataCenter:before{background-position: -463px 0;}
.verticals ul li a.verticalIcon.secureityCertificate:before{ width: 90px;height: 76px;top: 45px;left: 39px;background-position: 0px -101px;}
.verticals ul li:hover a.verticalIcon.secureityCertificate:before{background-position: -90px -101px;}
.verticals ul li a.verticalIcon.lDap:before{ width: 85px;height: 81px;top: 37px;left: 39px;background-position: -190px -101px;}
.verticals ul li:hover a.verticalIcon.lDap:before{background-position: -279px -101px;}
.verticals ul li a.verticalIcon.secureEnvt:before{ width: 96px;height: 71px;top: 42px;left: 39px;background-position: -378px -101px;}
.verticals ul li:hover a.verticalIcon.secureEnvt:before{background-position: -474px -101px;}
.aboutUsBanner h1{color: white;font-size: 56px; font-family: 'poppinssemibold';}
.aboutUsBanner p{color: white;font-size: 15px;font-family: 'poppinslight';}
.itOperations{padding-bottom: 0px;}
.industrySection .tabContent h3{color: #252a37; font-size: 30px;font-family: 'poppinssemibold';line-height: 32px;}
.industrySection .tabContent p{margin: 10px 0 20px;font-size: 15px; color: #58585b;font-family: 'poppinslight';}
.industrySection .tabContent ul{}
.industrySection .tabContent ul li, ul.list li, .WhatWeDid ul li, .Challenges ul li, .Benefits ul li{margin-bottom: 10px;color: #58585b;font-family: 'poppinslight';font-size: 15px;padding-left: 20px;position: relative;line-height: 25px;}
.industrySection .tabContent ul li:before, ul.list li:before, .WhatWeDid ul li:before{content: "";background: url(../images/tick.png);width: 13px;height: 13px;display: block;position: absolute;left: 0px;top: 5px;}
.industrySection .tabPanel .tab-pane{padding: 60px 0px;}
.caseStudiesContainer{padding: 60px 60px 0;}
.paddingTop{padding-top: 30px;}
.caseStudy{background-color: #283a8a;}
.caseStudy h3, .resources h3{font-size: 42px;line-height: 42px;color: #fff;font-family: 'poppinssemibold';padding: 0 0 30px;}
.resources h3{color: #333;margin: 20px 0;}
.caseStudy .cardList, .resources .cardList{padding: 0 0px 70px;}
/* the slides */
.caseStudy .slick-slide {
margin: 0 10px;
}
/* the parent */
.caseStudy .slick-list {
margin: 0 -10px;
}
.resources .card {margin-bottom: 30px; height: 590px; background-color: #eee; }
.resources .cardItem {background-color: #eee; min-height: 311px;}
.cardItem {background-color: #eee; min-height: 311px;}
.cardItem {background: white;padding: 30px 18px; margin-bottom: 30px;}
.cardItem h5{font-size: 24px;color: #252a37;margin-bottom: 12px;}
.cardItem p{font-size: 15px;color: #58585b;height: 130px;margin-bottom: 15px;font-family: 'poppinslight';line-height: 20px;/* overflow: scroll; */}
.cardItem a{font-size: 14px;color: #252a37;padding-bottom: 25px; font-family: 'poppinssemibold'; bottom: 40px; position: absolute;}
.cardItem a.caseStudies{font-size: 14px;color: #252a37;padding-bottom: 25px; font-family: 'poppinssemibold'; bottom: 20px !important; position: absolute;}
a.caseStudies img{ display: inline-block !important;}
.cardItem a:hover{cursor: pointer;text-decoration: none;color: #283a8a;}
.cardItem a img{margin-left: 5px;}
.allStudyLink{margin: 60px 0 10px;text-align: center;}
.allStudyLink a{
color: white;text-decoration: none;text-transform: uppercase;
}
.allStudyLink a img{margin-left: 5px;}
.paddingLeft{padding-left: 30px;}
.paddingRight{padding-right: 35px;}
.marginBottom{margin-bottom: 25px;}
.solution h2{margin-bottom: 15px !important;}
.solution h4{font-size: 29px; color: #252a37; font-family: 'poppinslight'; line-height: 35px;margin-bottom: 25px;}
.blueSection{padding: 50px 50px 20px;}
.blueSection h3{font-size: 42px;color: white;font-family: 'poppinssemibold';margin-bottom: 25px;}
.blueSection ul.list li, .Challenges ul li, .Benefits ul li{color: white;font-size: 15px; font-family: 'poppinslight';}
.blueSection ul.list li:before{background: url(../images/tick-white.png); background-size: contain;}
.Challenges ul li:before, .Benefits ul li:before{content: ""; background: url(../images/tick.png); width: 13px; height: 13px;display: block; position: absolute; left: 0px; top: 5px; background-size: contain;}
.pinkInfo a{color: white; text-decoration: none;font-family: 'poppinssemibold'; }
.pinkInfo {
padding: 15px 32px;
background-color: #e80e88;
font-size: 20px;
color: white;
font-family: 'poppinslight';
max-width: 980px;
margin: 50px auto 0;
border-radius: 15px;
line-height: 26px;
box-shadow: 4px 4px 10px 5px rgba(0,0,0,0.2);
}
.whiteTextPanel {padding: 20px 0 70px;}
.whiteTextPanel .whitePanelPadding {padding: 0 50px;}
.whiteTextPanel h5{font-size: 42px;font-family: 'poppinssemibold';padding: 40px 0 20px;}
.whiteTextPanel .arrowPanel{position: relative; }
.whiteTextPanel .arrowPanel a{display: block; position: relative;margin-bottom: 13px;padding-left: 32px;font-size: 18px; color: #252a37;font-family: 'poppinssemibold';text-decoration: none;}
.whiteTextPanel .arrowPanel a:hover{color: #e80e88;}
.whiteTextPanel .arrowPanel a:before{background: url("../images/pinkArrow2.png");
content: "";
width: 21px;
height: 9px;
background-size: contain;
background-repeat: no-repeat;
display: block;
position: absolute;
left: 0px;
top: 3px;
}
.infoContent h1{font-size: 40px;margin-bottom: 40px; text-align: center;font-weight: bold;}
footer { width:100%; background:#58585b;}
.footerTop { padding:60px 0 30px; border-bottom:1px solid #4a4a4a;}
.footerBtm { padding:25px 0 40px;}
footer .column1 { width:20%; float:left;}
footer .column2 { width:17%; float:left;}
footer .column3 { width:17%; float:left;}
footer .column4 { width:17%; float:left;}
footer .column5 { width:17%; float:left;}
footer .column6 { width:12%; float:left;}
footer .footerLogo { margin:0 0 10px; display:inline-block;}
footer .footerContact { width:100%; max-width: 225px; display:block;}
footer .footerContact li { width:100%; float:left; display:block; font-size:14px; line-height:24px; color:#fff; font-family: 'poppinslight'; border-bottom:1px solid #69696c; padding:8px 0;}
footer .footerContact li a { color:#fff; text-decoration: none;}
footer .footerContact li .phoneTxt { display:block; position: relative; padding:0 0 0 38px;}
footer .footerContact li .phoneTxt:before { background: url(../images/sprite.png) no-repeat -525px 0; width:20px; height:20px; position: absolute; top:1px; left:0; content:"";}
footer .footerContact li .emailTxt { display:block; position: relative; padding:0 0 0 38px;}
footer .footerContact li .emailTxt:before { background: url(../images/sprite.png) no-repeat -565px 0; width:24px; height:16px; position: absolute; top:5px; left:0; content:"";}
footer h4 { font-size:16px; line-height:18px; color:#fff; font-family: 'poppinssemibold'; padding:0 0 15px;}
footer .footerLinks { width:100%; float:left; display:block;}
footer .footerLinks li { width:100%; float:left; display:block; padding:0 0 10px;}
footer .footerLinks li a { display:inline-block; text-decoration: none; font-size:14px; line-height: 16px; color:#aaaaaa; font-family: 'poppinslight';}
footer .footerLinks li a:hover { color:#FFFFFF;}
footer .copyright { float:left; display:block; font-size:14px; line-height: 16px; color:#aaa; font-family: 'poppinslight';}
footer .socialLinks { float:right; display:block;}
footer .siteCredits { float: right; display: block; font-size: 14px; line-height: 16px; color: #aaa; font-family: 'poppinslight'; margin-left: 100px;}
footer .siteCredits a{ color: #aaa; font-family: 'poppinslight'; }
footer .socialLinks li { float:left; display:block; padding:0 20px 0 0;}
footer .socialLinks li:last-child { padding-right:0;}
footer .socialLinks li a { display:block; text-decoration: none;}
footer .socialLinks li .fbIcon { width:11px; height:22px; background: url(../images/sprite.png) no-repeat -525px -40px;}
footer .socialLinks li .tweetIcon { width:23px; height:20px; background: url(../images/sprite.png) no-repeat -567px -42px; margin-top:2px;}
footer .socialLinks li .inIcon { width:23px; height:22px; background: url(../images/sprite.png) no-repeat -615px -40px;}
.team-clse{ width:30px; height: 30px; position: absolute; top:10px; right:10px;}
.dotted-line { position:absolute; z-index:1;}
.line-1 { left:16px; top: 30px;}
.line-2 { right:0px; top: 30px;}
.inner-subtitle {
font-size: 42px;
line-height: 42px;
color: #fff;
font-family: 'poppinssemibold';
padding: 0 0 9px;
}
.inner-subdesc {
font-size: 20px !important;
font-family: 'poppinsextralight';
color: white;
}
.black-2 { color:#252a37; }
.address-box {padding: 19px;
border: solid 1px #e4e4e4;margin-top: 30px;}
.address-box p {line-height: 24px !important;}
/*.submenu-item {color: white !important;font-family: 'poppinsbold' !important;}*/
.submenu-item:hover { color:#e80e88 !important; }
.highlightCategory a.submenu-item {background: #1f2e73;
width: 26%;
margin-top: 13px;font-family: 'poppinsbold' !important;}
.laptop { position:relative; width: 537px; margin:auto;}
.laptop-pic { position: absolute; top: 30px; left: 7px; right: 0; margin: auto; width: 396px; }
.paddingTop1 .laptop-pic { left: 0px !important; }
.laptop-pic a {
display: block;
position: relative;
overflow: hidden;
}
.laptop-pic a:before {
width: 100%;
height: 100%;
background-color: rgba(000, 000, 000, .5);
position: absolute;
left: 0;
top: 0;
opacity: 0;
transition: all .5s ease;
background-image: url(../images/zoom-icon.png); background-repeat:no-repeat;
background-position: center;
transform: scale(1.5); z-index:1; content:'';
}
.laptop-pic a:hover:before {
opacity: 1;
transform: scale(1)
}
.technology-partners{width: 100%; padding: 60px 0;}
/* .technology-partners .partner-comp{border:1px solid #e0e2ea; border-radius:10px; padding: 35px 10px 10px; text-align:center; height: 200px;} */
.technology-partners .partner-comp{border:1px solid #e0e2ea; border-radius:10px; padding: 35px 10px; text-align:center; align-self: center;display: table;}
.technology-partners .partner-comp .txt{font-weight: 600;}
.technology-partners .partner-comp .technologyIcon{/*padding-bottom:40px;*/ display: table-cell; vertical-align: middle;}
.technology-partners .inner-subtitle{margin-bottom: 40px;}
.logo1{ transition: all 0.5s ease; max-width: none;}
.logo1-expand{width: 100px; margin-top: 10px; max-width: none;}
.logo2{position:absolute; transition: all 0.5s ease;}
.hide-logo { display:none; opacity:0; }
.header-height{height:auto !important;}
.nav-no-margin{margin-top:0px !important; transition: all 0.5s ease;}
/* 5 Columns */
.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
position: relative;
min-height: 1px;
padding-right: 10px;
padding-left: 10px;
}
.col-xs-15 {
width: 20%;
float: left;
}
@media (min-width: 768px) {
.col-sm-15 {
width: 20%;
float: left;
}
}
@media (min-width: 992px) {
.col-md-15 {
width: 20%;
float: left;
}
}
/* Sachin CSS */
.dataEmpty{text-align:center; font-size:16px; margin-bottom:80px;}
.megaMenu ul.drop-down .dropdown-item.active .submenu-item{ color: #e80e88 !important; }
.error { color: rgba(255, 0, 0, 0.88); margin-bottom: 0px !important; font-weight: normal; margin-top: 3px;}
.popupDiv, .popupDiv2 { display: none; left: 0; overflow-x: hidden; overflow-y: auto; position: fixed; top: 0; width: 100%; z-index: 9998; }
.popupBg { background: none repeat scroll 0 0 #000; height: 100vh; opacity: .6; position: fixed; width: 100%; z-index: 1; }
.popupContent { position: relative; }
.popupContent>div { position: relative; z-index: 4; }
.popup-modal { border: 1px solid #ccc; margin: 8% auto; padding: 15px; width: 550px; background: none repeat scroll 0 0 #fff;}
#popupForm .popup-modal { margin: 5% auto; }
.popup-modal p { font-size: 15px; margin: 10px 0; padding: 0; text-align: center; }
.closeIcon a { background: #080606; color: #ffffff; cursor: pointer; float: right; font-size: 16px; margin-right: -16px; margin-top: -16px; padding: 0 8px 3px; text-align: right; }
.enquiry-form-wrp input.form-control { height: 54px; border: none; background-color: #ebebeb; border-radius: 0px;
box-shadow: none; }
.enquiry-btn { width: 125px; height: 50px; background-color: #e80e88; border-radius: 0px; color: #fff; text-transform: uppercase; font-size: 13px; font-weight: 700; border: none; margin: 0 auto; display: block; }
.enquiry-btn:hover{background-color:#283a8a; color: #fff;}
#webiner { margin-top:30px; }
#webiner h3{
font-size: 42px;
line-height: 42px;
color: #333;
font-family: 'poppinssemibold';
padding-top: 40px;
}
#webiner h4 {
font-weight: 300;
font-size: 20px;
line-height: 26px;
margin: 0 0 0px 0;
font-family: 'poppinsextralight'; margin-bottom:30px;
}
#webiner .webiner-content { margin-bottom:30px; padding-bottom: 30px;}
#webiner .webiner-content h2 {font-size:30px;
line-height: 26px;
color: #333;
font-family: 'poppinssemibold';
}
#webiner .webiner-content h2 span { display:block; color:#283a8a; margin-bottom:8px; font-size:20px;}
.post-dates { border-bottom:solid 1px #c9c9c9; border-top:solid 1px #c9c9c9;margin-top: 20px; }
#webiner .webiner-content p {
color: #58585b;
font-size: 15px;
font-family: 'poppinslight';
line-height: 24px;
margin-bottom:20px;
}
.webinar-video iframe{ text-align: center; width: 80%; margin: 0 auto; display: block;}
#webiner .webiner-content .bold {font-family: 'poppinssemibold'; margin-bottom:0px;}
#webiner .webiner-content ul { margin:0px; padding:0px; list-style-type:none; margin-top:10px;}
#webiner .webiner-content ul li { color: #58585b; font-size: 15px; font-family: 'poppinslight'; line-height: 24px;position: relative;padding-left: 20px;margin-bottom: 10px;}
#webiner .webiner-content ul li:before{ content: ""; background: url(../images/tick.png); width: 13px; height: 13px; display: block; position: absolute; left: 0px; top: 5px; }
.webinar-video { /* border:solid 2px #e4e4e4; */ }
#host { background:url(../images/grey-wave.jpg) no-repeat top center #e0e2ea; padding-top: 120px; padding-bottom:50px;}
#host h3{
font-size: 42px;
line-height: 42px;
color: #333;
font-family: 'poppinssemibold';
padding-top: 40px;
}
.pink-color { color:#e80e88 !important; }
.host-detail { text-align:center; }
.host-detail h2 {font-family: 'poppinssemibold'; color:#333;margin-top: 5px;}
.host-detail p { color: #58585b;
font-size: 15px;
font-family: 'poppinslight';
line-height: 24px;
margin-bottom:20px; }
.host-person { margin-bottom:10px; }
@media (min-width: 1200px) {
.col-lg-15 {
width: 20%;
float: left;
}
}
/* Responsive */
/* Medium */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
.container {
width: 970px;
}
.line-1, .line-2{display:none;}
.approchSection .contentLeftPadding{padding-left: 0px;}
.approchSection .dataCorrectionPadding.padding100{padding-top: 30px;}
.approchSection .dataCorrectionPadding{padding-bottom: 30px; padding-top: 30px;}
.laptop-pic img { width:100%; }
.laptop {width: 100%;}
.laptop-pic {
top: 25px;
left: 1px;
width: 74%;
}
header .menuBx .mainNav ul li.megaMenu ul.drop-down li ul.submenu li {
width: 48%;
padding-right: 14px;
}
}
/* Small */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait){
.aboutInfo{padding: 50px 0;}
.line-1, .line-2{display:none;}
.approchSection .contentLeftPadding{padding-left: 0px;}
.approchSection .dataCorrectionPadding.padding100{padding-top: 30px;}
.approchSection .dataCorrectionPadding{padding-bottom: 30px;}
.paddingTop1 .laptop-pic { left:0px !important; }
header.shrink .logo { margin:5px 0; width:70px;}
header .logo { width:100px; margin:10px 0;}
header .headerRht { width:62%;}
header .contactUs { width:58%; min-width:50px; padding:5px;margin: 0 0 7px;}
header .contactUs a { margin:2px 5px;}
header .contactUs span { padding:2px 5px 2px 6px;}
header .menuBx .mainNav { display:none; margin:0; padding:10px 0; width:100%; background:#202760; position: absolute; top:100%; right:0;height: 100vh;overflow: scroll;}
header .menuBx .mainNav ul li { width:100%;border-bottom: solid 1px #38418c;}
header .menuBx .mainNav ul li a { color:#fff; padding:10px;padding: 21px 10px;font-size: 18px;}
.highlightCategory a.submenu-item {width: 100%;}
header .menuBx .mainNav ul li a:after{display: none;}
.spotlightHome { padding:0 0 50px;}
.spotlightHome .spotlightTxt h3 { font-size:28px; line-height: 32px;}
.bigDataHome { margin:50px 0; border-radius:20px; background:#fff; box-shadow: 0 0 3px #ccc;}
.bigDataHome .saveDateTxt { width:100%; margin:0; padding:20px;}
.bigDataHome .bigDataRht { width:100%; padding:0 30px; text-align:center;}
.bigDataHome ul li { padding:5px 10px; margin:0 0 10px; border:none; border-bottom:1px solid #ccc;}
.bigDataHome .bigDataTxt { margin:0 0 20px;}
.industriesHomeBx h3 { font-size:28px;}
.tabAccordHomeBx .tabText .knowMoreLink { margin:0 0 20px;}
.imgTextBx .imgContainer img { width:100%;}
.imgTextBx .textContainer { height:auto; padding:8px;}
.industriesHomeBx .industriesLinks li { width:100%;}
.industriesHomeBx .contactDetails li { width:100%; margin:0 0 30px;}
footer .column2, footer .column3, footer .column4, footer .column5, footer .column6 { width:100%; text-align:center; margin:0 0 30px;}
footer .copyright { float:none; text-align:center; padding:0 0 20px;}
footer .socialLinks { width:100%; text-align:center;}
footer .socialLinks li { float:none; display:inline-block;}
.bgimage{height: 310px;}
.bgimage .valign{padding-top: 130px;}
.bgimage h1{font-size: 20px;}
.bgimage p {font-size: 30px;}
.industrySection{padding: 40px 0;}
.nav-tabs > li > a {padding: 5px 5px;}
.approchSection .contentLeftPadding, .approchSection .contentRightPadding{padding:0px;padding-bottom: 15px;padding-top: 40px; }
.approchSection .dataCorrectionContent h4{font-size: 32px;}
.approchSection .dataCorrectionContent h5{font-size: 20px;}
.approchSection .dataCorrectionContent p{font-size: 13px;}
.approchSection .dataCorrectionPadding.padding100{padding-top: 0px;}
.approchSection .dataCorrectionPadding.paddingBottom100{padding-bottom: 20px;}
.approchSection .dataCorrectionContent.padding50{padding: 0px;padding-bottom: 30px;}
.verticals{padding-bottom: 20px;}
.verticals ul li{margin: 10px 4px;}
.aboutTeam{padding: 0px;}
.aboutTeam .teamContent .teamBox{width: 100%;}
.aboutUsBanner p{font-size: 15px;}
.aboutInfo .infoContent {padding: 0;}
.aboutInfo {padding: 30px 0 70px;}
.aboutInfo .infoContent h2{font-size: 25px;margin-bottom: 30px;}
.teamContainer {width: 100%;margin: 0 auto;}
.careerTextContainer{padding: 20px 10px;}
.textureHome3 {padding-top: 70px;}
.aboutInfo .infoContent h2{font-size: 22px;}
.tabContentText{padding: 20px 15px 20px;height:auto;}
.knowMoreContainer{position: relative; margin-top: 20px;}
.bgimage.industryBg .valign {padding-top: 20px;}
.bgimage p {font-size: 27px;}
.bgimage.industryBg { height: auto;}
.bgimage .knowMoreContainer p{ font-size: 14px;margin-bottom: 10px;}
header .menuBx .mainNav ul li{ padding: 0 8px;}
.drop-down, ul.submenu{position: relative;}
header .menuBx .mainNav ul.drop-down{padding:15px;margin: 5px 0;border: 0px;}
ul.submenu{}
header .menuBx .mainNav ul li.megaMenu ul.drop-down li ul.submenu{
float: none;width: 100%;padding: 10px;left: 0px;
}
header .menuBx .mainNav ul li.megaMenu ul.drop-down li ul.submenu li a p{display: none;}
header .menuBx .mainNav ul li.megaMenu ul.drop-down li{ position: relative;
clear: both;}
header .menuBx .mainNav ul li.megaMenu ul.drop-down li ul.submenu li{ float: none;
width: 100%;
margin: 2px 0;
padding: 0 10px;}
ul.submenu{background: #FFF;}
.megaMenu { background-image:url(../images/down-arrow.png); background-repeat:no-repeat; background-position:94% 27px; }
header .menuBx .mainNav ul li.megaMenu ul.drop-down li ul.submenu li a{color: white; font-family: 'poppinslight';}
header .menuBx .mainNav ul li.megaMenu ul.drop-down li ul.submenu li a, header .menuBx .mainNav ul li.megaMenu ul.drop-down li.dropdown-item a{
font-size: 16px;
}
header .menuBx .mainNav ul li.megaMenu ul.drop-down{display: none;}
header .menuBx .mainNav ul li.megaMenu ul.drop-down.active{display: block;}
.itOperations.bgimage h1{font-size: 20px;}
.itOperations.bgimage .valign{padding-top: 47px;}
.tabContent{ padding: 10px 20px;}
.industrySection .tabContent p{line-height: 20px;}
.industrySection .tabContent ul li{line-height: 20px;}
.industrySection .tabContent h3{font-size: 20px;}
.caseStudy .cardList{padding: 0px;}
.caseStudy .cardList .card{margin-bottom: 25px;}
.cardItem p{height: auto; margin-bottom: 25px;}
.caseStudy h3{font-size: 25px;padding: 20px 0 20px;}
.allStudyLink{ margin: 40px 0;}
.paddingLeft, .paddingRight{padding:15px;}
.blueSection, .whiteTextPanel .whitePanelPadding{padding: 0px;}
.whiteTextPanel h5{font-size: 25px; }
.whiteTextPanel .arrowPanel a{font-size: 14px;}
.whiteTextPanel{padding: 20px 0 40px;}
.blueSection h3{font-size: 25px;margin-top: 25px; }
.textureHome2, .textureHome3{padding-top: 80px;}
.bgimage.caseStudyBanner{background-position: left;
background-size: cover;
height: 118px;}
.aboutAddress p{margin-bottom: 20px;}
.aboutInfo h3{ font-size: 22px;}
/* .marginBottom{margin: 0px;}*/
header .menuBx .mainNav ul li.megaMenu ul.drop-down li ul.submenu li a, header .menuBx .mainNav ul li.megaMenu ul{min-height: auto;}
.drop-down { height:350px; overflow: scroll; }
.laptop-pic {
position: relative;
top: 00px;
left: 0px;
right: 0;
margin: auto;
width: 100%;}
.content{margin-top:107px !important;}
.line-1, .line-2{display:none;}
.approchSection .dataCorrectionPadding{padding-bottom: 10px; padding-top: 0px;}
.approchSection .dataCorrectionMarginTop40{margin-top:0px;}
.approchSection .dataCorrectionContent.padding30{padding: 0;}
.resources h3{padding: 0 0 0px;}
.resources .cardItem{min-height: auto;}
.cardList1 select#industris {margin-top: 10px;}
.cardList1 select#resource_type {margin-top: 10px;}
.technology-partners .partner-comp{margin-bottom: 20px;}
.technology-partners{padding:30px 0;}
.inner-subtitle{font-size: 28px; line-height:32px;}
.technology-partners .inner-subtitle{margin-bottom: 20px;}
.aboutTeam .inner-subtitle{padding-top:30px;}
/*KINJAL*/
.laptop-pic img { width:100%; }
.laptop {width: 100%;}
.logo1,.logo2 { width:100px; }
header.removeShadow {height: 97px;}
.panel-heading {padding: 16px 15px;}
.industriesHomeBx .industriesLinks li a:before {width: 9%;}
.navbar-header {
float: none;
}
.navbar-left,.navbar-right {
float: none !important;
}
.navbar-toggle {
display: block;
}
.navbar-collapse {
border-top: 1px solid transparent;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
}
.navbar-fixed-top {
top: 0;
border-width: 0 0 1px;
}
.navbar-collapse.collapse {
display: none!important;
}
.navbar-nav {
float: none!important;
margin-top: 7.5px;
}
.navbar-nav>li {
float: none;
}
.navbar-nav>li>a {
padding-top: 10px;
padding-bottom: 10px;
}
.collapse.in{
display:block !important;
}
}
@media (min-width: 481px) and (max-width: 767px) {
header.shrink .logo { margin:5px 0; width:70px;}
header .logo { width:100px; margin:10px 0;}
header .headerRht { width:62%;}
header .contactUs { width:100%; min-width:50px; padding:5px;margin: 0 0 7px;}
header .contactUs a { margin:2px 5px;}
header .contactUs span { padding:2px 5px 2px 6px;}
header .menuBx .mainNav { display:none; margin:0; padding:10px 0; width:100%; background:#202760; position: absolute; top:100%; right:0;height: 100vh;overflow: scroll;}
header .menuBx .mainNav ul li { width:100%;border-bottom: solid 1px #38418c;}
header .menuBx .mainNav ul li a { color:#fff; padding:10px;padding: 21px 10px;font-size: 18px;}
.highlightCategory a.submenu-item {width: 100%;}
header .menuBx .mainNav ul li a:after{display: none;}
.spotlightHome { padding:0 0 50px;}
.spotlightHome .spotlightTxt h3 { font-size:28px; line-height: 32px;}
.bigDataHome { margin:50px 0; border-radius:20px; background:#fff; box-shadow: 0 0 3px #ccc;}
.bigDataHome .saveDateTxt { width:100%; margin:0; padding:20px;}
.bigDataHome .bigDataRht { width:100%; padding:0 30px; text-align:center;}
.bigDataHome ul li { padding:5px 10px; margin:0 0 10px; border:none; border-bottom:1px solid #ccc;}
.bigDataHome .bigDataTxt { margin:0 0 20px;}
.industriesHomeBx h3 { font-size:28px;}
.tabAccordHomeBx .tabText .knowMoreLink { margin:0 0 20px;}
.imgTextBx .imgContainer img { width:100%;}
.imgTextBx .textContainer { height:auto; padding:20px;}
.industriesHomeBx .industriesLinks li { width:100%;}
.industriesHomeBx .contactDetails li { width:100%; margin:0 0 30px;}
footer .column2, footer .column3, footer .column4, footer .column5, footer .column6 { width:100%; text-align:center; margin:0 0 30px;}
footer .copyright { float:none; text-align:center; padding:0 0 20px;}
footer .socialLinks { width:100%; text-align:center;}
footer .socialLinks li { float:none; display:inline-block;}
.bgimage{height: 287px;}
.bgimage .valign{padding-top: 130px;}
.bgimage h1{font-size: 20px;}
.bgimage p {font-size: 30px;}
.industrySection{padding: 40px 0;}
.nav-tabs > li > a {padding: 5px 5px;}
.approchSection .contentLeftPadding, .approchSection .contentRightPadding{padding:0px;padding-bottom: 15px;padding-top: 40px; }
.approchSection .dataCorrectionContent h4{font-size: 32px;}
.approchSection .dataCorrectionContent h5{font-size: 20px;}
.approchSection .dataCorrectionContent p{font-size: 13px;}
.approchSection .dataCorrectionPadding.padding100{padding-top: 0px;}
.approchSection .dataCorrectionPadding.paddingBottom100{padding-bottom: 20px;}
.approchSection .dataCorrectionContent.padding50{padding: 0px;padding-bottom: 30px;}
.verticals{padding-bottom: 20px;}
.verticals ul li{margin: 10px 4px;}
.aboutTeam{padding: 0px;}
.aboutTeam .teamContent .teamBox{width: 100%;}
.aboutUsBanner p{font-size: 15px;}
.aboutInfo .infoContent {padding: 0;}
.aboutInfo {padding: 30px 0 70px;}
.aboutInfo .infoContent h2{font-size: 25px;margin-bottom: 30px;}
.teamContainer {width: 100%;margin: 0 auto;}
.careerTextContainer{padding: 20px 10px;}
.textureHome3 {padding-top: 70px;}
.aboutInfo .infoContent h2{font-size: 22px;}
.tabContentText{padding: 20px 15px 20px;height:auto;}
.knowMoreContainer{position: relative; margin-top: 20px;}
.bgimage.industryBg .valign {padding-top: 20px;}
.bgimage p {font-size: 27px;}
.bgimage.industryBg { height: auto;}
.bgimage .knowMoreContainer p{ font-size: 14px;margin-bottom: 10px;}
header .menuBx .mainNav ul li{ padding: 0 8px;}
.drop-down, ul.submenu{position: relative;}
header .menuBx .mainNav ul.drop-down{padding:15px;margin: 5px 0;border: 0px;}
ul.submenu{}
header .menuBx .mainNav ul li.megaMenu ul.drop-down li ul.submenu{
float: none;width: 100%;padding: 10px;left: 0px;
}
header .menuBx .mainNav ul li.megaMenu ul.drop-down li ul.submenu li a p{display: none;}
header .menuBx .mainNav ul li.megaMenu ul.drop-down li{ position: relative;
clear: both;}
header .menuBx .mainNav ul li.megaMenu ul.drop-down li ul.submenu li{ float: none;
width: 100%;
margin: 2px 0;
padding: 0 10px;}
ul.submenu{background: #FFF;}
.megaMenu { background-image:url(../images/down-arrow.png); background-repeat:no-repeat; background-position:94% 27px; }
header .menuBx .mainNav ul li.megaMenu ul.drop-down li ul.submenu li a{color: white; font-family: 'poppinslight';}
header .menuBx .mainNav ul li.megaMenu ul.drop-down li ul.submenu li a, header .menuBx .mainNav ul li.megaMenu ul.drop-down li.dropdown-item a{
font-size: 16px;
}
header .menuBx .mainNav ul li.megaMenu ul.drop-down{display: none;}
header .menuBx .mainNav ul li.megaMenu ul.drop-down.active{display: block;}
.itOperations.bgimage h1{font-size: 20px;}
.itOperations.bgimage .valign{padding-top: 47px;}
.tabContent{ padding: 10px 20px;}
.industrySection .tabContent p{line-height: 20px;}
.industrySection .tabContent ul li{line-height: 20px;}
.industrySection .tabContent h3{font-size: 20px;}
.caseStudy .cardList{padding: 0px;}
.caseStudy .cardList .card{margin-bottom: 25px;}
.cardItem p{height: auto; margin-bottom: 25px;}
.caseStudy h3{font-size: 25px;padding: 20px 0 20px;}
.allStudyLink{ margin: 40px 0;}
.paddingLeft, .paddingRight{padding:15px;}
.blueSection, .whiteTextPanel .whitePanelPadding{padding: 0px;}
.whiteTextPanel h5{font-size: 25px; }
.whiteTextPanel .arrowPanel a{font-size: 14px;}
.whiteTextPanel{padding: 20px 0 40px;}
.blueSection h3{font-size: 25px;margin-top: 25px; }
.textureHome2, .textureHome3{padding-top: 80px;}
.bgimage.caseStudyBanner{background-position: left;
background-size: cover;
height: 118px;}
.aboutAddress p{margin-bottom: 20px;}
.aboutInfo h3{ font-size: 22px;}
/* .marginBottom{margin: 0px;}*/
header .menuBx .mainNav ul li.megaMenu ul.drop-down li ul.submenu li a, header .menuBx .mainNav ul li.megaMenu ul{min-height: auto;}
.drop-down { height:350px; overflow: scroll; }
.laptop-pic {
position: relative;
top: 00px;
left: 0px;
right: 0;
margin: auto;
width: 100%;}
.content{margin-top:107px !important;}
.line-1, .line-2{display:none;}
.approchSection .dataCorrectionPadding{padding-bottom: 10px; padding-top: 0px;}
.approchSection .dataCorrectionMarginTop40{margin-top:0px;}
.approchSection .dataCorrectionContent.padding30{padding: 0;}
.resources h3{padding: 0 0 0px;}
.resources .cardItem{min-height: auto;}
.cardList1 select#industris {margin-top: 10px;}
.cardList1 select#resource_type {margin-top: 10px;}
.technology-partners .partner-comp{margin-bottom: 20px;}
.technology-partners{padding:30px 0;}
.inner-subtitle{font-size: 28px; line-height:32px;}
.technology-partners .inner-subtitle{margin-bottom: 20px;}
.aboutTeam .inner-subtitle{padding-top:30px;}
/*KINJAL*/
.laptop-pic img { width:100%; }
.laptop {width: 100%;}
.logo1,.logo2 { width:100px; }
header.removeShadow {height: 97px;}
.panel-heading {padding: 16px 15px;}
.industryBg.bgimage h1 {
font-size: 20px;
}
.cardItem h5 {
font-size: 18px;
margin-bottom: 12px;
}
}
/* Extra small */
@media (min-width: 320px) and (max-width: 480px) {
header.shrink .logo { margin:5px 0; width:70px;}
header .logo { width:100px; margin:10px 0;}
header .headerRht { width:62%;}
header .contactUs { width:100%; min-width:50px; padding:5px;margin: 0 0 7px;font-size: 11px;}
header .contactUs a { margin:2px 5px;font-size: 10px;}
header .contactUs span { padding:2px 5px 2px 6px;}
header .menuBx .mainNav { display:none; margin:0; padding:10px 0; width:100%; background:#202760; position: absolute; top:100%; right:0;height: 100vh;overflow: scroll;}
header .menuBx .mainNav ul li { width:100%;border-bottom: solid 1px #38418c;}
header .menuBx .mainNav ul li a { color:#fff; padding:10px;padding: 21px 10px;font-size: 18px;}
.highlightCategory a.submenu-item {width: 100%;}
header .menuBx .mainNav ul li a:after{display: none;}
.spotlightHome { padding:0 0 50px;}
.spotlightHome .spotlightTxt h3 { font-size:28px; line-height: 32px;}
.bigDataHome { margin:50px 0; border-radius:20px; background:#fff; box-shadow: 0 0 3px #ccc;}
.bigDataHome .saveDateTxt { width:100%; margin:0; padding:20px;}
.bigDataHome .bigDataRht { width:100%; padding:0 30px; text-align:center;}
.bigDataHome ul li { padding:5px 10px; margin:0 0 10px; border:none; border-bottom:1px solid #ccc;}
.bigDataHome .bigDataTxt { margin:0 0 20px;}
.industriesHomeBx h3 { font-size:28px;}
.tabAccordHomeBx .tabText .knowMoreLink { margin:0 0 20px;}
.imgTextBx .imgContainer img { width:100%;}
.imgTextBx .textContainer { height:auto; padding:20px;}
.industriesHomeBx .industriesLinks li { width:100%;}
.industriesHomeBx .contactDetails li { width:100%; margin:0 0 30px;}
footer .column2, footer .column3, footer .column4, footer .column5, footer .column6 { width:100%; text-align:center; margin:0 0 30px;}
footer .copyright { float:none; text-align:center; padding:0 0 20px;}
footer .socialLinks { width:100%; text-align:center;}
footer .socialLinks li { float:none; display:inline-block;}
.bgimage{height: 287px;}
.bgimage .valign{padding-top: 130px;}
.bgimage h1{font-size: 20px;}
.bgimage p {font-size: 30px;}
.industrySection{padding: 40px 0;}
.nav-tabs > li > a {padding: 5px 5px;}
.approchSection .contentLeftPadding, .approchSection .contentRightPadding{padding:0px;padding-bottom: 15px;padding-top: 40px; }
.approchSection .dataCorrectionContent h4{font-size: 32px;}
.approchSection .dataCorrectionContent h5{font-size: 20px;}
.approchSection .dataCorrectionContent p{font-size: 13px;}
.approchSection .dataCorrectionPadding.padding100{padding-top: 0px;}
.approchSection .dataCorrectionPadding.paddingBottom100{padding-bottom: 20px;}
.approchSection .dataCorrectionContent.padding50{padding: 0px;padding-bottom: 30px;}
.verticals{padding-bottom: 20px;}
.verticals ul li{margin: 10px 4px;}
.aboutTeam{padding: 0px;}
.aboutTeam .teamContent .teamBox{width: 100%;}
.aboutUsBanner p{font-size: 15px;}
.aboutInfo .infoContent {padding: 0;}
.aboutInfo {padding: 30px 0 70px;}
.aboutInfo .infoContent h2{font-size: 25px;margin-bottom: 30px;}
.teamContainer {width: 100%;margin: 0 auto;}
.careerTextContainer{padding: 20px 10px;}
.textureHome3 {padding-top: 70px;}
.aboutInfo .infoContent h2{font-size: 22px;}
.tabContentText{padding: 20px 15px 20px;height:auto;}
.knowMoreContainer{position: relative; margin-top: 20px;}
.bgimage.industryBg .valign {padding-top: 20px;}
.bgimage p {font-size: 27px;}
.bgimage.industryBg { height: auto;}
.bgimage .knowMoreContainer p{ font-size: 14px;margin-bottom: 10px;}
header .menuBx .mainNav ul li{ padding: 0 8px;}
.drop-down, ul.submenu{position: relative;}
header .menuBx .mainNav ul.drop-down{padding:15px;margin: 5px 0;border: 0px;}
ul.submenu{}
header .menuBx .mainNav ul li.megaMenu ul.drop-down li ul.submenu{
float: none;width: 100%;padding: 10px;left: 0px;
}
header .menuBx .mainNav ul li.megaMenu ul.drop-down li ul.submenu li a p{display: none;}
header .menuBx .mainNav ul li.megaMenu ul.drop-down li{ position: relative;
clear: both;}
header .menuBx .mainNav ul li.megaMenu ul.drop-down li ul.submenu li{ float: none;
width: 100%;
margin: 2px 0;
padding: 0 10px;}
ul.submenu{background: #FFF;}
.megaMenu { background-image:url(../images/down-arrow.png); background-repeat:no-repeat; background-position:94% 27px; }
header .menuBx .mainNav ul li.megaMenu ul.drop-down li ul.submenu li a{color: white; font-family: 'poppinslight';}
header .menuBx .mainNav ul li.megaMenu ul.drop-down li ul.submenu li a, header .menuBx .mainNav ul li.megaMenu ul.drop-down li.dropdown-item a{
font-size: 16px;
}
header .menuBx .mainNav ul li.megaMenu ul.drop-down{display: none;}
header .menuBx .mainNav ul li.megaMenu ul.drop-down.active{display: block;}
.itOperations.bgimage h1{font-size: 20px;}
.itOperations.bgimage .valign{padding-top: 47px;}
.tabContent{ padding: 10px 20px;}
.industrySection .tabContent p{line-height: 20px;}
.industrySection .tabContent ul li{line-height: 20px;}
.industrySection .tabContent h3{font-size: 20px;}
.caseStudy .cardList{padding: 0px;}
.caseStudy .cardList .card{margin-bottom: 25px;}
.cardItem p{height: auto; margin-bottom: 25px;}
.caseStudy h3{font-size: 25px;padding: 20px 0 20px;}
.allStudyLink{ margin: 40px 0;}
.paddingLeft, .paddingRight{padding:15px;}
.blueSection, .whiteTextPanel .whitePanelPadding{padding: 0px;}
.whiteTextPanel h5{font-size: 25px; }
.whiteTextPanel .arrowPanel a{font-size: 14px;}
.whiteTextPanel{padding: 20px 0 40px;}
.blueSection h3{font-size: 25px;margin-top: 25px; }
.textureHome2, .textureHome3{padding-top: 80px;}
.bgimage.caseStudyBanner{background-position: left;
background-size: cover;
height: 118px;}
.aboutAddress p{margin-bottom: 20px;}
.aboutInfo h3{ font-size: 22px;}
/* .marginBottom{margin: 0px;}*/
header .menuBx .mainNav ul li.megaMenu ul.drop-down li ul.submenu li a, header .menuBx .mainNav ul li.megaMenu ul{min-height: auto;}
.drop-down { height:350px; overflow: scroll; }
.laptop-pic {
position: relative;
top: 00px;
left: 0px;
right: 0;
margin: auto;
width: 100%;}
.content{margin-top:107px !important;}
.line-1, .line-2{display:none;}
.approchSection .dataCorrectionPadding{padding-bottom: 10px; padding-top: 0px;}
.approchSection .dataCorrectionMarginTop40{margin-top:0px;}
.approchSection .dataCorrectionContent.padding30{padding: 0;}
.resources h3{padding: 0 0 0px;}
.resources .cardItem{min-height: auto;}
.cardList1 select#industris {margin-top: 10px;}
.cardList1 select#resource_type {margin-top: 10px;}
.technology-partners .partner-comp{margin-bottom: 20px;}
.technology-partners{padding:30px 0;}
.inner-subtitle{font-size: 28px; line-height:32px;}
.technology-partners .inner-subtitle{margin-bottom: 20px;}
.aboutTeam .inner-subtitle{padding-top:30px;}
/*KINJAL*/
.laptop-pic img { width:100%; }
.laptop {width: 100%;}
.logo1,.logo2 { width:100px; }
header.removeShadow {height: 97px;}
.panel-heading {padding: 16px 15px;}
.industryBg.bgimage h1 {
font-size: 20px;
}
.cardItem h5 {
font-size: 18px;
margin-bottom: 12px;
}
header .menuBx .mainNav ul li.megaMenu ul.drop-down li ul.submenu li a span {min-height: auto;}
}
@media only screen and (max-width: 600px) {
.popup-modal{width: 100%;}
.btn--flyout{width: 100%; height: 40px; /* text-align: left; */}
.vis-hide{ font-size:20px;}
}
@media only screen and (max-width : 480px) {
.popup-modal{width: 97%;}
}
@media only screen
and (max-width : 320px) {}
/* Sachin CSS */
OHA YOOOO