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: 'poppinsbold'; 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: 'poppinsbold'; 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: 'poppinsbold'; 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: 'poppinsbold'; 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:10px 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;}
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: 22px;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;}
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: 20px;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: #7888cf;padding-left: 15px;}
header .menuBx .mainNav ul li.megaMenu ul.drop-down li.dropdown-item.active a{color: white;font-family: 'poppinsbold';}
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: 'poppinsbold';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: 'poppinsbold';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: 'poppinsbold'; 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: 'poppinsbold'; 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:26px; line-height:26px; color:#283a8a; font-family: 'poppinsbold'; 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: 'poppinsbold'; 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 10px;}
.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: 'poppinsbold'; 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: 'poppinsbold'; 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;background-position: center;background-size:cover;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.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;}
.aboutInfo{padding: 100px 0 70px;}
.aboutInfo .infoContent{padding: 0 50px;}
.aboutInfo .infoContent h2{color: #252a37;font-size: 41px;font-family: 'poppinsbold';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: 'poppinsbold';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: 'poppinsbold';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: 'poppinsbold';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: 'poppinsbold';}
.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: 'poppinsbold';}
.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{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{content: "";background: url(../images/tick.png);width: 13px;height: 13px;display: block;position: absolute;left: 0px;top: 5px;}
.industrySection .tabPanel .tab-pane{padding: 60px 60px 0;}
.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: 'poppinsbold';padding: 0 0 30px;}
.resources h3{color: #333;margin: 20px 0;}
.caseStudy .cardList, .resources .cardList{padding: 0 100px 70px;}
.resources .card {margin-bottom: 30px;}
.resources .cardItem {background-color: #eee; min-height: 311px;}
.cardItem {background: white;padding: 30px 18px;}
.cardItem h5{font-size: 26px;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';}
.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: 'poppinsbold';margin-bottom: 25px;}
.blueSection ul.list li{color: white;font-size: 15px;font-family: 'poppinslight';}
.blueSection ul.list li:before{background: url(../images/tick-white.png); 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: 'poppinsbold';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: 'poppinsbold';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: 'poppinsbold'; 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 .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: 'poppinsbold';
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;}
.laptop { position:relative; }
.laptop-pic { position: absolute;
top: 30px;
left: 7px;
right: 0;
margin: auto;
width: 396px; }
.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)
}
/* Responsive */
@media (min-width:1401px){
.container { width:1310px;}
}
@media (min-width:1201px) and (max-width:1400px){
.tabAccordHomeBx .responsiveTabs ul li { margin:0 8px;}
.tabAccordHomeBx .responsiveTabs ul li a { width:140px;}
.imgTextBx .textContainer { height:382px;}
.imgTextBx .padLftRht2 { padding:0 20px;}
/* .tabPanel .nav-tabs > li{width: 160px;}*/
/* .itOperations .tabPanel .nav-tabs > li {width: 226px;}*/
}
@media (min-width:992px) and (max-width:1200px){
.spotlightHome .spotlightTxt { padding:12% 0 0 0;}
.spotlightHome .spotlightTxt h3 { font-size:60px; line-height: 60px;}
.textureHome1 { padding:0 0 100px;}
.textureHome2, .textureHome3 { padding-top:140px;}
.bigDataHome { background-size:100%; min-height:205px; margin-top:-95px;}
.bigDataHome .bigDataRht { padding:28px 35px 0 0;}
.bigDataHome .bigDataTxt { font-size:40px; line-height: 44px;}
.bigDataHome .bigDataTxt .theTxt, .bigDataHome .bigDataTxt .conferenceTxt { font-size:18px; line-height: 18px;}
.bigDataHome .saveDateTxt { font-size:18px; line-height: 18px; width:112px;}
.bigDataHome ul li { padding:5px 15px 5px 0; margin:0 15px 0 0;}
.bigDataHome ul li strong { font-size:20px; line-height: 22px;}
.bigDataHome ul li span { font-size:16px; line-height: 16px;}
.tabAccordHomeBx h3 { font-size:30px; line-height: 30px;}
.tabAccordHomeBx .responsiveTabs ul li { margin:0 5px;}
.tabAccordHomeBx .responsiveTabs ul li a { width:115px; height:150px; font-size:14px;}
.imgTextBx .textContainer { height:315px;}
.imgTextBx .padLftRht1 { padding:0 25px;}
.imgTextBx .padLftRht2 { padding:0 15px;}
.imgTextBx .textContainer h5 { font-size:20px; line-height:24px;}
.imgTextBx .textContainer p { font-size:14px; line-height:20px; padding:0 0 15px;}
.industriesHomeBx .contactDetails { padding:0 0 10px;}
.industriesHomeBx .contactDetails li { font-size:18px;}
.teamContainer {width: 960px;margin: 0 auto;}
.aboutTeam .teamContent .teamBox{width: 320px;}
.aboutTeam .teamContent .teamBox{padding: 30px 20px;}
.aboutTeam .teamContent .socialIcon {padding-left: 0px;}
.aboutTeam .teamName h6{font-size: 19px;}
.tabPanel .nav-tabs > li{font-size: 13px;}
/* .itOperations .tabPanel .nav-tabs > li {width: 187px;}*/
/* .itOperations .tabPanel .nav-tabs > li:hover > a:after, .itOperations .tabPanel .nav-tabs > li.active > a:after{left: 79px;}*/
.tabPanel .tab-pane {padding: 60px 0px 0;}
.tabPanel .nav-tabs > li.active > a::after, .nav-tabs > li:hover > a::after{left: 47px;}
header .menuBx .mainNav ul li.megaMenu ul.drop-down li ul.submenu li a{font-size: 14px;}
header .menuBx .mainNav ul li.megaMenu ul.drop-down li ul.submenu li a p{ font-size: 13px;}
}
@media (max-width:991px){
.pinkBut { padding:10px 20px; font-size:12px;}
.borderBut { padding:5px 20px; font-size:12px;}
.fillBut { padding:10px 20px; font-size:12px;}
.knowMoreLink { font-size:12px;}
header .menuBx .mainNav ul li { padding:0 8px; padding-bottom: 22px;padding-top: 7px;}
.spotlightHome .spotlightTxt { padding:15% 0 0 0;}
.spotlightHome .spotlightTxt h3 { font-size:40px; line-height:44px;}
.textureHome1 { padding:0 0 100px;}
.textureHome2, .textureHome3 { padding-top:120px;}
.bigDataHome { background-size:100%; min-height:155px; margin-top:-75px;}
.bigDataHome .bigDataRht { padding:15px 30px 0 0;}
.bigDataHome .bigDataTxt { font-size:28px; line-height:32px;}
.bigDataHome .bigDataTxt .theTxt, .bigDataHome .bigDataTxt .conferenceTxt { font-size:14px; line-height: 16px;}
.bigDataHome .saveDateTxt { font-size:14px; line-height: 14px; width:84px;}
.bigDataHome ul li { padding:5px 10px 5px 0; margin:0 10px 0 0;}
.bigDataHome ul li strong { font-size:16px; line-height: 18px;}
.bigDataHome ul li span { font-size:12px; line-height: 14px;}
.tabAccordHomeBx h3 { font-size:24px; line-height:28px;}
.tabAccordHomeBx .responsiveTabs ul li { margin:0 3px;}
.tabAccordHomeBx .responsiveTabs ul li a { width:90px; height:145px; font-size:12px; line-height: 16px; padding-top:18px;}
.tabAccordHomeBx .responsiveTabs ul li .txt { padding:0 5px;}
.tabAccordHomeBx .tabText h4 { font-size:24px; line-height: 26px;}
.tabAccordHomeBx .tabText p { font-size:13px; line-height: 20px;}
.imgTextBx .textContainer { height:241px;}
.imgTextBx .textContainer .TitleBx { font-size:12px; line-height: 14px;}
.imgTextBx .padLftRht1 { padding:0 25px;}
.imgTextBx .padLftRht2 { padding:0 15px;}
.imgTextBx .textContainer h5 { font-size:16px; line-height:18px;}
.imgTextBx .textContainer p { font-size:12px; line-height:16px; padding:0 0 10px;}
.industriesHomeBx h3 { font-size:32px; line-height: 32px;}
.industriesHomeBx .industriesLinks { padding-left:10%;}
.industriesHomeBx .industriesLinks li a { font-size:13px; line-height: 16px;}
.industriesHomeBx .contactDetails { padding:0 0 10px;}
.industriesHomeBx .contactDetails li { width:33.33%; float:left; font-size:14px; line-height: 20px;}
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: 13px;}
header .menuBx .mainNav ul li.megaMenu ul.drop-down li ul.submenu li a p{ font-size: 12px;}
/* .itOperations .tabPanel .nav-tabs > li {width: 100%;}*/
.aboutTeam {padding: 50px 0;}
.teamContainer {width: 760px;margin: 0 auto;}
.tabPanel .nav-tabs > li > a{height: 42px;}
.tabPanel .nav-tabs > li{width: 100%; font-size: 13px;}
.flexContent {display: block;}
.knowMoreContainer p{font-size: 14px;}
.knowMoreContainer .fillBut{padding: 8px 30px 6px;margin:0px;}
.paddingLeft{padding-left: 30px;}
.paddingRight{padding-right: 30px;}
footer .column1 { width:100%; margin:0 0 30px; text-align: center;}
footer .footerContact { margin:0 auto;}
footer .column2, footer .column3, footer .column4, footer .column5, footer .column6 { width:25%; padding-right:15px;}
footer .footerContact li .phoneTxt, footer .footerContact li .emailTxt { text-align: left;}
}
@media (min-width:768px){
header .menuBx .mainNav { display:block !important;}
}
@media (max-width:767px){
header.shrink .logo { margin:5px 0; width:70px;}
header .logo { width:100px; margin:10px 0;}
header .headerRht { width:70%;}
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: 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%;}
}
/* 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 { 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: 'poppinsbold';
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 { border-bottom:solid 1px #e4e4e4; margin-bottom:30px; padding-bottom: 30px;}
#webiner .webiner-content h2 {font-size:22px;
line-height: 26px;
color: #333;
font-family: 'poppinsbold';
}
#webiner .webiner-content p {
color: #58585b;
font-size: 15px;
font-family: 'poppinslight';
line-height: 24px;
margin-bottom:20px;
}
#webiner .webiner-content .bold {font-family: 'poppinsbold'; 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-detail { text-align:left; }
.host-detail h2 {font-family: 'poppinsbold'; 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 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%;}
}
/* Sachin CSS */
OHA YOOOO