/* Global Styles */
/*@import url('https://fonts.googleapis.com/css?family=Montserrat:400,500,700&display=swap');*/
html, body, a, input, button{ font:normal 15px 'Montserrat', arial; color:#000; line-height:22px}
@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Bold.eot');
    src: url('../fonts/Montserrat-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat-Bold.woff2') format('woff2'),
        url('../fonts/Montserrat-Bold.woff') format('woff'),
        url('../fonts/Montserrat-Bold.ttf') format('truetype'),
        url('../fonts/Montserrat-Bold.svg#Montserrat-Bold') format('svg');
    font-weight: bold;
    font-style: normal; font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Light.eot');
    src: url('../fonts/Montserrat-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat-Light.woff2') format('woff2'),
        url('../fonts/Montserrat-Light.woff') format('woff'),
        url('../fonts/Montserrat-Light.ttf') format('truetype'),
        url('../fonts/Montserrat-Light.svg#Montserrat-Light') format('svg');
    font-weight: 300;
    font-style: normal; font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('Montserrat-Regular.eot');
    src: url('../fonts/Montserrat-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat-Regular.woff2') format('woff2'),
        url('../fonts/Montserrat-Regular.woff') format('woff'),
        url('../fonts/Montserrat-Regular.ttf') format('truetype'),
        url('../fonts/Montserrat-Regular.svg#Montserrat-Regular') format('svg');
		
    font-weight: normal;
    font-style: normal; font-display: swap;
}
h1, h2, h3, h4, h5, h6{font-family: 'Montserrat'; font-weight:bold; color:#000}
ul{ margin:0; padding:0}
ul li{ list-style:none}
a, a:hover, a:focus{ font-family:'Montserrat'; font-weight: 300; text-decoration:none; }
p{ font-family: 'Montserrat'; font-weight: 300;  color:#000; font-size:15px;}
.fl{ float:left}
.fr{ float:right}
.rel{ position:relative}
li{color: #2b2b2b}
.display_table{ margin:0 auto; display:table; float:none!important}
.margin-left10{ margin-left:10px}
.margin-right10{ margin-right:10px}
.margin-top10{ margin-top:10px}
.margin-bottom10{ margin-bottom:10px}
.margin-left20{ margin-left:20px}
.margin-right20{ margin-right:20px}
.margin-top20{ margin-top:20px}
.margin-bottom20{ margin-bottom:20px}
.margin-top30{ margin-top:30px}
.margin-bottom30{ margin-bottom:30px}
.margin-top40{ margin-top:40px}
.margin-bottom40{ margin-bottom:40px}
.margin-top60{ margin-top:60px}
.margin-bottom60{ margin-bottom:60px}
.full-width-row { overflow-x: hidden;}
.full-width-row > div { margin-left: -15px; margin-right: -15px;}
.resposive-img{ width:100%;height:auto;}

.button { color: #fff; padding: 8px 16px; margin-bottom: 10px; border-width: 1px; border-style: solid; border-radius: 0; box-shadow: none; outline: 0; font-family: 'Montserrat'; }
.button-red { background-color: #d61f26; color: #fff;}
.button-purple { background-color:#000; color: #fff;}

.logo{ display:block; position:absolute; left:100px; z-index:9; /*padding:22px */}
.sevaLogo{position: absolute;left: 40px;z-index: 9; display: block; width: 60px;height: 67px;text-align: center;line-height: 65px;}

/*-----Mega Menu----*/
.menu-container { width:100%; margin: 0 auto; background: #000; font-family: 'Montserrat'; font-weight: 300; padding:0 2rem; position: relative; display:flex}
.menu{ display:flex; width:100%}
.menu-mobile {display: none;padding: 20px;}
.menu-mobile:after {content: "\f35c"; font-family:"Material Design Icons";font-size: 2.5rem;padding: 0;float: right;position: relative;top: 50%;-webkit-transform: translateY(-25%);-ms-transform: translateY(-25%);transform: translateY(-25%);}
.menu-dropdown-icon:before {content: "\f140"; font-family:"Material Design Icons"; display: none; cursor: pointer;float: right; padding: 1.5em 2em; background: #fff; color: #333;}
.menu > ul {margin: 0 0 0 14%;width: 100%;list-style: none;padding: 0;  box-sizing: border-box; display: -webkit-box; -webkit-box-flex: 1;-ms-flex-positive: 1; flex-grow: 1;    display: -webkit-box;  display: -moz-box;  display: -ms-flexbox; display: -webkit-flex; display: flex-end; align-items: flex-end; justify-content:flex-end;}
.menu > ul:before, .menu > ul:after {content: "";display: table;}
.menu > ul:after {clear: both;}
.menu > ul > li {float: left; padding: 0;margin: 0;}
.menu > ul > li a {text-decoration: none;padding: 1.5em 2em;display: block; color:#FFF}
.menu > ul > li:hover {background: #383838;}
.menu > ul > li:hover > a{ color:#FFF}
.menu > ul > li > ul {display: none; width: 100%;background:#FFF;padding: 10px;position: absolute;z-index: 99;left: 0;margin: 0;list-style: none;box-sizing: border-box;}
.menu > ul > li > ul:before, .menu > ul > li > ul:after {content: "";display: table;}
.menu > ul > li > ul:after {clear: both;}
.menu > ul > li > ul > li {margin:0; padding-bottom: 0;list-style: none;width:18.9%;background: none;float: left;}
.menu > ul > li > ul > li > a {color: #000;padding: .2em 0;width:100%;display: block; border-bottom:1px solid #444; font-size:16px}
.menu > ul > li > ul > li a img{ margin-bottom:10px; }
.menu > ul > li > ul > li > ul {display: block;padding: 0;margin: 10px 0 0;list-style: none;box-sizing: border-box;}
.menu > ul > li > ul > li > ul:before, .menu > ul > li > ul > li > ul:after {content: "";display: table;}
.menu > ul > li > ul > li > ul:after {clear: both;}
.menu > ul > li > ul > li > ul > li {float: left;width: 100%;padding:3px 0;margin: 0;font-size: .8em;}
.menu > ul > li > ul > li > ul > li a {border: 0; padding: .2em 0; color:#000}
.menu > ul > li > ul.normal-sub {width: 300px;left: auto;padding: 0px 0px;}
.menu > ul > li > ul.normal-sub > li {width: 100%;}
.menu > ul > li > ul.normal-sub > li a {border: 0;padding: 1em;}
/* ������������������������ Mobile style's ������������������������ */
@media only screen and (max-width: 959px) {
.menu-container {	width: 100%;}
.menu-mobile {display: block;}
.menu-dropdown-icon:before {display: block;}
.menu > ul {	display: none;}
.menu > ul > li {	width: 100%;	float: none;	display: block;}
.menu > ul > li a {	padding: 1.5em;	width: 100%;	display: block;}
.menu > ul > li > ul {	position: relative;}
.menu > ul > li > ul.normal-sub {	width: 100%;}
.menu > ul > li > ul > li {	float: none;width: 100%;margin-top: 20px;}
.menu > ul > li > ul > li:first-child {margin: 0;}
.menu > ul > li > ul > li > ul {position: relative;}
.menu > ul > li > ul > li > ul > li {float: none;}
.menu .show-on-mobile {	display: block;}
}
.side-nav{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; position: relative;right: auto;
top: auto; -webkit-transform: none; transform: none; z-index: 50; }
.side-nav ul{float:right; display:flex; display: -webkit-box; display: -ms-flexbox;}
.side-nav ul li{ padding:20px;}
.side-nav ul li i{ color:#000; font-size:24px;}
.body-content-headerbanner1{ position:relative}
.body-content-headerbanner1 .bannercontent{ margin:6rem; position:absolute; width: 70%; max-width: 480px; }
.body-content-headerbanner1 .bannercontent h2{ font-size:34px; color:#ff0400; font-weight: bold;}
.body-content-headerbanner1 .bannercontent p{ font-size:21px; color:#FFF; font-weight:300; margin-bottom:30px;}
.body-content-headerbanner1 .bannercontent a{ font-size:14px; text-transform:uppercase; padding:15px 35px; /*color:#000;  background:#FFF;*/ display:inline-block}
.body-content-headerbanner2 .bannerright1 img{ width:100%}
.body-content-headerbanner2 .bannerright2{ margin:4rem;  width: 70%; max-width: 480px; position:relative }
.body-content-headerbanner2 .bannerright2 h3{ font-size:34px; color:#000; font-weight: bold; text-transform:uppercase}
.body-content-headerbanner2 .bannerright2 p{ font-size:21px; color:#1f7073; font-weight:300; margin-bottom:30px;}
.body-content-headerbanner2 .bannerright2 a{ font-size:14px; text-transform:uppercase; padding:15px 35px; /*color:#FFF; background:#f63c3c;*/ display:inline-block}
.body-content-headerbanner2 .bannerright2 .pal20{ position:absolute; right:-60px; width:11vw; top:50px;}
.body-content-headerbanner2 .bannerright2 .pal20 img{ width:100%}
.treading-section{ background: rgba(194,7,2,1);
background: -moz-linear-gradient(left, rgba(194,7,2,1) 0%, rgba(255,6,0,1) 48%, rgba(194,9,2,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(194,7,2,1)), color-stop(48%, rgba(255,6,0,1)), color-stop(100%, rgba(194,9,2,1)));
background: -webkit-linear-gradient(left, rgba(194,7,2,1) 0%, rgba(255,6,0,1) 48%, rgba(194,9,2,1) 100%);
background: -o-linear-gradient(left, rgba(194,7,2,1) 0%, rgba(255,6,0,1) 48%, rgba(194,9,2,1) 100%);
background: -ms-linear-gradient(left, rgba(194,7,2,1) 0%, rgba(255,6,0,1) 48%, rgba(194,9,2,1) 100%);
background: linear-gradient(to right, rgba(194,7,2,1) 0%, rgba(255,6,0,1) 48%, rgba(194,9,2,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c20702', endColorstr='#c20902', GradientType=1 ); }
.treading-section-heading{ color:#e17875; font-size:20px; font-weight:600; text-align:left; margin:30px 0 0 60px; text-transform:uppercase; position:absolute; z-index:999}
.treading-section .trending-rockerz a{ display:block;  position:relative; width:100%}

.trending-images{ display: block; width: 100%; height: auto;}
.image{ display: block; width: 100%; height: auto;}
.overlay{ position: absolute; bottom: 0; left: 100%; right: 0; overflow: hidden; width: 0; height: 100%; transition: .5s ease;}
.overlay img{ width:100%; height:auto}
.trending-images:hover .overlay { width: 100%; left: 0; max-width:100%}
header {box-shadow: 0px 6px 11px 5px rgba(0, 0, 0, 0.05);position: -webkit-sticky;position: sticky; top: 0;	z-index: 9999!important;}


footer{ background:#000; border-top:1px solid #282a29}
footer .footer-newletter{ text-align:center; padding:4rem 0}
footer .footer-newletter h2{ font-size:34px; color:#FFF; font-weight: bold;}
footer .footer-newletter p{ font-size:18px; color:#FFF; font-weight:300; margin-bottom:30px;}
footer .footer-newletter .newsletter-form{ margin-top:2rem}
footer .footer-newletter .newsletter-form input{ background:#FFF; border:1px solid #FFF; line-height:45px; display:flex}
footer .footer-newletter .newsletter-form button{ font-size:14px; background:#3E4095; text-transform:uppercase; padding:12px 15px; color:#FFF; border:none}
footer .footer-newletter .newsletter-form button i{ font-size:22px;}
footer .footer-links{ border-top:1px solid #282a29;  border-bottom:1px solid #282a29; padding-bottom:30px}
footer .footer-links h4{ font-size:16px; color:#FFF; margin-bottom:1.5rem}
footer .footer-links a{ color:#FFF; font-weight:300; font-size:13px;transition-duration: 0.5s;}
footer .podcast-section{  padding:7rem 3rem 0 3rem;}
footer .podcast-section p{ color:#FFF; font-size:14px; line-height:25px}
footer .podcast-section ul li{ float:left; padding:0 20px 0 0}
/*footer .mainlinks{  border-right:1px solid #282a29; padding:7rem 0 7rem 6rem; border-left:1px solid #282a29}
footer .mainlinks ul li{ margin-bottom:20px;}*/
footer .mainlinks{  padding:2rem 0 1rem;}
footer .mainlinks ul li{ margin-bottom:12px;}
footer .footer-links a:hover{padding-left: 5px;font-weight: 600;}
footer .mainlinks ul > li > a{  margin-bottom:10px;}
footer .mainlinks ul > li > ul > li{ margin-bottom:10px;}
footer .mainlinks ul > li > ul{ margin-top:10px;}
footer .mainlinks ul > li > ul > li a{ font-weight:normal; color:#fff}
footer .social-media{  padding:0 ;}
footer .social-media ul li{ float:left; padding:0 12px 0 0}
footer .social-media ul li i{ font-size:20px;}
footer .footer-bottom
{ 
    padding: 10px 0;
    color: #404040;
    background-color: #ddd;
    font-size: 12px;
}
footer .footer-bottom .social-media a {
    border: 1px solid #444;
    height: 32px;
    display: inline-block;
    width: 32px;
    text-align: center;
    padding: 3px 0;
    border-radius: 18px;
    transition-delay: 0.1s;
    margin-bottom: 10px;
}
footer .footer-bottom .social-media a:hover{
    border: 1px solid #2e3194 !important;
    color: #fff !important;
    background-color: #2e3194;
}
footer hr{
    border-top: 1px dashed rgba(196, 196, 196, 0.6);
}
footer .footer-bottom a{ color:#404040; padding:0 10px}
.title-our-range h1{ font-size:54px; font-weight:bold; text-transform:uppercase }
.title-our-range h1 span{ font-size:24px; display:block}
.our-range, .our-values{ margin:80px 0}
.our-range .nav-pills .nav-link.active, .nav-pills .show > .nav-link{ background:none; color:#000;}
#carousel {}
.our-range .nav-pills .nav-link{ color:#999}
#carousel div, #carousel2 div, #carousel3 div, #carousel4 div { text-align: center; width: 100px; height: 250px; float: left;  position: relative;}
#carousel div img, #carousel2 div img, #carousel3 div img, #carousel4 div img { border: none; width: 100%; height: auto;}
#carousel div span, #carousel2 div span, #carousel3 div span, #carousel4 div span{  display: none;}
#carousel div:hover span, #carousel2 div:hover span, #carousel3 div:hover span, #carousel4 div:hover span { background-color: #333;  color: #fff;  display: inline-block;  width: 100px;  padding: 2px 0;  margin: 0 0 0 -50px;  position: absolute;  bottom: 60px;  left: 50%;  border-radius: 3px;}
#carousel div:hover span a, #carousel2 div:hover span a, #carousel3 div:hover span a, #carousel4 div:hover span a{ display:inline-block; color:#FFF}	
.title-our-values h1{ font-size:54px; font-weight:bold; text-transform:uppercase }
.title-our-values h1 span{ font-size:24px; display:block}
.our-values ul{display: table;text-align: center;margin-top: 35px;padding: 0;}
.our-values ul li{ list-style-type: none; padding:0 10px 30px 60px; display: inline-block; float:left; width:228px; position:relative}
.our-values ul li .img-space {display:inline-block; width: 45px; position:absolute; left:0}
.our-values ul li .content-holder {	}
.our-values ul li .content-holder h3 { text-transform: uppercase; font-size: 16px;  padding:0px 0 2px; letter-spacing: -.5px; color: #000; margin: 0; text-align: left;}
.our-values ul li .content-holder p{ font-size: 14px;  padding: 0;letter-spacing: -.5px; color: #757575; margin: 0; text-align: left;}
.our-values ul li:last-child{ padding-right:0}
.happy-customer .customer-count {display: inline-block; 	margin-bottom: 10px;margin-top: 0px;}
.happy-customer .numscroller { font-size: 68px !important;  background:url(../images/counterBg.jpg) repeat-x;color: #fff; display: inline-block;letter-spacing: 15px; width: 440px; height:98px; line-height:98px}
.happy-customer .count-label{ display: block; text-transform: uppercase; color: #000; text-align: center; font-size: 18px;}
.happy-customer .middle-component{ display: block; padding: 0px 10px; margin: 0; position: relative;}
.happy-customer .col-divider{ border:2px solid #e5e5e5; border-width:0 2px }
.happy-customer .text-center h2 {font-size: 68px;margin-bottom: 25px; color:#000; font-weight:bold}
.button-gutter {margin:90px 0;}
.button-gutter button {	margin-right: 10px;}
/**INNERPAGE**/
.generic-hero{ clear: both; position: relative; height: 100%; min-height: 1px;}
.generic-hero .itemimg picture img, .product-carousel .item .productcarouselbg .productbg{width: 100%;}
.generic-hero .mediacontent.vcenter { top: 50%; width: 40%; padding: 15px 20px 00px 0px;transform: translateY(-50%); position: absolute; left: auto; right: 0 !important;}
.generic-hero .slick-slide img{ display:block}
.generic-hero .mediacontent.white p{ color:#FFF}
.hidden-lg {display: none}
.product-carousel{ position:relative; height: 100%;}
.product-carousel .item .productItems{ position: absolute; right: 0; left: 0; top: 0; bottom: 0; padding-top: 50px;}
.product-carousel .item .productItems .proudctFooter{}
.product-carousel .item .productItems .proudctFooter ul li{ float: left; padding-right: 20px; padding-left: 20px; border-right: solid 1px #4d4b48;}
.product-carousel .item .productItems .proudctFooter ul li:last-of-type{ padding-right:0px; border-right:0;}
.product-carousel .item .productItems .proudctFooter .last-termsP{ clear: both; color: #000; padding-left:0;	margin: 0;	padding-top: 10px;	font-size: 11px;}
.product-carousel .item .productItems .proudctFooter ul li h3{	text-transform: uppercase;	font-size: 13px; padding: 0; margin: 0;	color: #000;}
.product-carousel .item .productItems .proudctFooter ul li h4 span{ font-size:12px;}
.product-carousel .item .productItems .proudctFooter, .product-carousel .item .productItems .proudctFooter p, .product-carousel .item .productItems .proudctFooter ul li { color:#000}
.product-carousel .item .productItems .proudctFooter .product-content{ padding:25px; background: rgba(255,255,255,0.7);}
.flex-container{ height: 100%; padding: 0; margin: 0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center;justify-content: center;}
.product-carousel .item .productItems .proudctFooter ul li:first-of-type{ padding-left:0}
.three60view{ position: relative; clear: both; min-height: 748px; overflow: hidden;}
.three60view .mainbg{ width:100%}
.three60view .three60view-content{ padding-top:0; position: absolute; right: 0; top:32%; transform:translate(-15%,-50%)}
.three60view .three60view-content h2{ font-size:50px; color:#FFF}
.three60view .three60view-content p{ color:#FFF}

#lightboxOverlay { position: absolute;  top: 0;  left: 0;  z-index: 9999;  background-color: black; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);  opacity: 0.85;  display: none;}
#lightbox { position: absolute; left: 0;  width: 100%;  z-index: 10000;  text-align: center;  line-height: 0;  font-family: "lucida grande", tahoma, verdana, arial, sans-serif;  font-weight: normal;}
#lightbox img { width: auto; height: auto;}
#lightbox a img { border: none;}
.lb-outerContainer { position: relative;  background-color: white;  *zoom: 1;width: 250px;  height: 250px;  margin: 0 auto;  -webkit-border-radius: 4px;  -moz-border-radius: 4px;  -ms-border-radius: 4px;  -o-border-radius: 4px;  border-radius: 4px;}
.lb-outerContainer:after { content: ""; display: table; clear: both;}
.lb-container {  padding: 10px;}
.lb-loader { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0;}
.lb-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10;}
.lb-container > .nav { left: 0;}
.lb-nav a { outline: none;}
.lb-prev, .lb-next { width: 49%; height: 100%; background-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");  display: block;}
.lb-prev { left: 0; float: left;}
.lb-next { right: 0; float: right;}
.lb-prev:hover { background: url(../images/prev.png) left 48% no-repeat;}
.lb-next:hover { background: url(../images/next.png) right 48% no-repeat;}
.lb-dataContainer { margin: 0 auto; padding-top: 5px; *zoom: 1; width: 100%; -moz-border-radius-bottomleft: 4px;  -webkit-border-bottom-left-radius: 4px;  -ms-border-bottom-left-radius: 4px;  -o-border-bottom-left-radius: 4px;  border-bottom-left-radius: 4px;  -moz-border-radius-bottomright: 4px;  -webkit-border-bottom-right-radius: 4px;  -ms-border-bottom-right-radius: 4px;  -o-border-bottom-right-radius: 4px;  border-bottom-right-radius: 4px;}
.lb-dataContainer:after { content: ""; display: table;  clear: both;}
.lb-data { padding: 0 10px;  color: #bbbbbb;}
.lb-data .lb-details { width: 85%; float: left;  text-align: left;  line-height: 1.1em;}
.lb-data .lb-caption { font-size: 13px; font-weight: bold; line-height: 1em;}
.lb-data .lb-number { display: block; clear: left; padding-bottom: 1em; font-size: 11px;}
.lb-data .lb-close { width: 35px; float: right; padding-bottom: 0.7em; outline: none;}
.lb-data .lb-close:hover { cursor: pointer;}
/*.masonry-effects{ column-count:3;}
.item-images{ background-color: #eee; display: inline-block; margin: 0 0 1em; width: 100%;}*/
.item-images a img{ width:100%}
.car-gallery .tab-content > .active{ width:100%}
.car-gallery .nav-pills .nav-link.active, .nav-pills .show > .nav-link{ background:none; color:#000; border-bottom:2px solid #000; border-radius: 0; font-weight: bold;}
.car-gallery .nav-pills .nav-link:hover{ color:#000}
.car-gallery #pills-tab{ margin:40px 0}
.spcification{ position:relative; padding: 0 0 200px 0; min-height: 700px;}
.spcification .img-car{ width: 50%; position: absolute; right: 0; bottom: 0;}
.spcification .img-car img{ width:100%}
.spcification .display-table {  width: 100%;  border-bottom: solid 1px #d6d6d6;  padding: 15px 0;}
.spcification .display-table .display-cell{display: table-cell;	width: 33%;	border-right: solid 1px #d6d6d6;padding: 0 10px 0 30px; color:#000}
.spcification .display-table .display-cell h4 { margin: 0 0 10px; font-size: 14px; font-weight:normal}
.spcification .display-table .display-cell p { font-size: 14px; margin: 0; padding: 0; font-weight:600}
.spcification .tab-contents{ height: auto;	overflow-y: auto;padding: 0;overflow-x: hidden; width: 50%;}
.spcification .display-table .display-cell:last-of-type, .spcification .display-table:last-of-type {border: none;}

.spcification .nav-pills .nav-link.active, .nav-pills .show > .nav-link{ background:none; color:#000; border-radius: 0; font-weight: bold;}
.spcification .nav-link:hover{ color:#000}
a:hover{ color:#F30}
.spcification .nav-pills .nav-link{ position:relative}
.spcification .nav-pills .nav-link.active:after{ position:absolute; width:30px; height:3px; background:#F30; content:""; bottom:0; left:15px}
.spcification h2{ margin:60px 0 50px; color:#000}
.performance{ position:relative}
.performance .bg-image{ width:100%}
.performance .prod-image{ position: absolute;	text-align: center;	top: 50%; transform: translateY(-50%);}
.performance h2{ margin:60px 0 50px; color:#000}
.performance .performance-content{ position: absolute; padding-top: 50px; right:0; z-index: 100; top:5%;}
.performance .nav-pills .nav-link.active, .nav-pills .show > .nav-link{ background:none; color:#000; border-radius: 0; font-weight: bold;}
.performance .nav-link:hover{ color:#000}
.performance .nav-pills .nav-link{ position:relative}
.performance .nav-pills .nav-link.active:after{ position:absolute; width:30px; height:3px; background:#F30; content:""; bottom:0; left:15px}

.performance .display-table {  width: 100%;  border-bottom: solid 1px #d6d6d6;  padding: 15px 0;}
.performance .display-table .display-cell{display: table-cell;	width: 33%;	border-right: solid 1px #d6d6d6;padding:0 10px 0 10px; color:#000}
.performance .display-table .display-cell h4, .performance .display-table .display-cell h4 strong { margin: 0 0 10px; font-size: 14px; font-weight:normal}
.performance .display-table .display-cell p { font-size: 14px; margin: 0; padding: 0; font-weight:600}
.performance .tab-contents{ height: auto;	overflow-y: auto;padding: 0;overflow-x: hidden; width: 60%;}
.performance .display-table .display-cell:last-of-type, .spcification .display-table:last-of-type {border: none;}

.footer-banner .carousel-inner .carousel-item img{ width:100%}
.footer-banner .caption{ position:absolute; right:10%; top:25%; width:40%}
.footer-banner .caption h2{ color:#000; font-size: 50px;}
.footer-banner .caption h2 span{ color:#C00}
.footer-banner .caption ul li{ color:#000}
.footer-banner .carousel-indicators li{ background-color:rgba(0, 0, 0, 0.2)}
.footer-banner .carousel-indicators .active{  background-color:rgba(0, 0, 0, 0.9)}
.flex-container{ height: 100%; padding: 0; margin: 0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center;justify-content: center; }
.Aligner{  display: flex; align-items: center; justify-content: center;}

.innerpageHeading{ font-size:30px; color:#000; margin-bottom:2%;}
.workshop h4{ color:#000; margin-bottom:30px}

.mu-team-content{display: inline;float: left;width: 100%;}
.mu-single-team{ display: inline;	float: left; width: 100%; margin-top: 15px;	margin-bottom: 15px; background-color:#f7f7f7;}
.mu-single-team-img{display: inline; float: left; width: 32%; background-color: #f6f6f6; height:auto;}
.mu-single-team-img img{ width:100%}
.mu-single-team-content {display: inline;float: left;width:68%; padding: 15px 15px 15px 33px;}
.mu-single-team-content h3{ font-size:22px; color:#3c3c3b; font-weight:600;}
.mu-single-team-content span{ color:#3c3c3b; font-size:14px;font-weight:600;  }
.mu-single-team-content p{ font-size:16px; margin-top:10px;}
.formsection{ padding:30px; margin:3% 0 }
.form-control{ border-radius:0}
.be-respons{ background:#2b3395; padding:15px; font-size:22px; text-align:center; color:#FFF; font-weight:600; margin:20px 0}
.maruti-driving li{ padding:0 0 10px 30px; position:relative; color: #000;}
.maruti-driving li:after{ position:absolute; left:0; top:1px; content:'\f134'; font-family:"Material Design Icons"; color:#d61f26; font-size:18px;}
.accolades ul{ margin:20px 0}
.accolades ul li{ padding:0 0 10px 30px; position:relative; color: #000;}
.accolades ul li:after{ position:absolute; left:0; top:1px; content:'\f53b'; font-family:"Material Design Icons"; color:#d61f26; font-size:18px;}
.performance-content #v-pills-tabContent{ overflow-y:scroll; height:520px}
.faqSection .accordion3 .card-header{ position:relative}
.faqSection .accordion3 .card-header:after { font-family: "unicons"; content: "\e821"; float: right; position:absolute; right:10px; top:12px; font-size:25px}
.faqSection .accordion3 .card-header.collapsed:after{  content: "\e81d"; }

.super-carry2nd{ padding:4% 0}
.super-carry2nd h2, .supper-featuers h2, .cab-chasis h2, .super-car-features h2, .super-car-specifications h2, .super-car-downloads h2, .space-capacity h2, .eeco-cargo-safty h2{font-size: 50px; text-align:center; margin-bottom:30px; text-transform:uppercase}
.super-carry2nd a{ display:block; padding:40px 10px}
.super-carry2nd a:hover{ background:rgba(255,0,0,0.95)}
.super-carry2nd a img{ width:100%}
.modal-superCarry .modal-dialog{ max-width:100%}
.modal-superCarry .modal-cng .site-sentence { color: #000000 !important; opacity: 1;	margin-top: 5px;margin-bottom: 20px;}
.modal-superCarry .cngSlid1 .list-info-img{ text-align:center}
.modal-superCarry .cngSlid1 .site-sentence { color: #000000 !important; opacity: 1; margin-top: 5px; margin-bottom: 20px;}
.modal-superCarry .list-item li{padding-left: 20px;	position: relative; margin-bottom:8px; font-size:13px;}
.modal-superCarry .list-item li:after { font-family:"Material Design Icons"; content: "\f12c"; float: right; position:absolute; left:0px; top:0; font-size:14px; color:#da251d}
.modal-superCarry .brand-logo {align-self: flex-end;padding-right: 18%;}
.modal-superCarry .ddis-logo {padding-bottom: 10px;}
.modal-superCarry .cng .sliding-inner { flex-direction: column; width: 100%;}
.modal-superCarry .section-content {padding: 35px 70px;}
.modal-superCarry .list-item{ margin:20px 0}

.super-carry-banner{ position:relative}
.super-carry-banner .carousel-inner .carousel-item img{ width:100%}
.super-carry-banner .caption{ position:absolute; right:10%; top:25%; width:40%;}
.super-carry-banner .caption h3{ font-size: 50px; text-transform:capitalize; color:#FFF;}
.super-carry-banner .caption p{ color:#FFF;}
.super-carry-banner .caption-img{ width:40%}
.super-carry-banner .carousel-indicators li{ background-color:rgba(0, 0, 0, 0.2)}
.super-carry-banner .carousel-indicators .active{  background-color:rgba(0, 0, 0, 0.9)}
.cab-chasis{ background:#df302d; margin:4% 0; color:#FFF; padding:4% 0}
.cab-chasis h2, .cab-chasis p{ color:#FFF}

.super-car-features{ margin:0 0 6% 0}
.super-car-features h3{ margin:30px 0}
.super-car-features .nav-pills .nav-link.active, .nav-pills .show > .nav-link{ background:none; color:#000; border-radius: 0; font-weight: bold;}
.super-car-features .nav-link:hover{ color:#000}
.super-car-features .nav-pills .nav-link{ position:relative}
.super-car-features .nav-pills .nav-link.active:after{ position:absolute; width:30px; height:3px; background:#F30; content:""; bottom:0; left:15px}
#super-car-features .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{ background:#F00; color:#FFF; border:1px solid #F00}

.super-car-specifications{ margin:0 0 6% 0; background:#eee; padding:4% 0}
.super-car-specifications table{ background:#FFF}
.super-car-specifications h3{ margin:30px 0}
.super-car-specifications .nav-pills .nav-link.active, .nav-pills .show > .nav-link{ background:none; color:#000; border-radius: 0; font-weight: bold;}
.super-car-specifications .nav-link:hover{ color:#000}
.super-car-specifications .nav-pills .nav-link{ position:relative}
.super-car-specifications .nav-pills .nav-link.active:after{ position:absolute; width:30px; height:3px; background:#F30; content:""; bottom:0; left:15px}
#super-car-specifications .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{ background:#000; color:#FFF; border:1px solid #000}

.super-car-downloads{  padding:0 0 4% 0}
.super-car-downloads a{ display:block; color:#F00; font-size:22px;; border:2px solid #F00; text-align:center; padding:20px; font-weight: bold;}
.space-capacity{ margin:4% 0}
.space-capacity h3{ margin:30px 0}
.space-capacity ul{ margin-top:20px;}
.space-capacity ul li{ font-size:18px; color:#FFF; margin-bottom:10px;}
.space-capacity .super-carry-banner .caption{ top: 35%;}

.eeco-cargo-safty .super-carry-banner .caption{ width:35%}
.eeco-cargo-safty .super-carry-banner .caption ul li{ color:#FFF}
.spc-details{ width:48%}
.spc-details li{ width:48%; padding:5px 5px; color: #FFF; float:left; min-height:75px}
.spc-details li span{ margin:0 0 4px 0; font-size: 12px; font-weight: normal;color: #686868; display:block; line-height: 15px;}
.spcification2{ position:relative; padding:80px 0 80px 0; min-height:860px; background:url(../images/ciaz/4-bg.jpg) no-repeat 0 0; background-size:cover; margin-top: -65px;}
.spcification2 .img-car{ width: 50%; position: absolute; right: 0; bottom: 0;}
.spcification2 .img-car img{ width:100%}

.spcification2 .nav-pills .nav-link.active, .nav-pills .show > .nav-link{ background:none; color:#FFF; border-radius: 0; font-weight: bold;}
.spcification .nav-link:hover{ color:#000}
a:hover{ color:#F30}
.spcification2 .nav-pills .nav-link{ position:relative; color:#686868}
.spcification2 .nav-pills .nav-link.active:after{ position:absolute; width:30px; height:3px; background:#F30; content:""; bottom:0; left:15px}
.spcification2 h2{ margin:60px 0 50px; color:#FFF}

.performance2{ position:relative; color:#FFF}
.performance2 .bg-image{ width:100%}
.performance2 .prod-image{ position: absolute;	text-align: center;	top: 50%; transform: translateY(-50%);}
.performance2 h2{ margin:60px 0 50px; color:#FFF}
.performance2 .performance-content{ position: absolute; padding-top: 50px; right:0; z-index: 100; top:5%;}
.performance2 .nav-pills .nav-link.active, .nav-pills .show > .nav-link{ background:none; color:#FFF; border-radius: 0; font-weight: bold;}
.performance2 .nav-link:hover{ color:#000}
.performance2 .nav-pills .nav-link{ position:relative; color:#686868}
.performance2 .nav-pills .nav-link.active:after{ position:absolute; width:30px; height:3px; background:#F30; content:""; bottom:0; left:15px}
.mu-team-content {
    display: inline;
    float: left;
    width: 100%;
}
.display-table {
    display: table;
    margin: 0 auto !important;
    float: none !important;
}
.mu-single-team {
    display: inline;
    float: left;
    width: 100%;
    margin-top: 15px;
    margin-bottom: 15px;
    background-color: #f7f7f7;
}
.mu-single-team-img {
    width: 100%;
    background: #eee;
    min-height: 140px;
    text-align: center;
    margin: 0 auto;
}
.mu-single-team-img h3 {
    margin-top: 11%;
    color: #2f3194;
}
.mu-single-team-img img {
    width: 120px !important;
    height: 120px !important;
    margin-top: 35px;
}
.mu-single-team-content {
    text-align: center;
    float: left;
    width: 100%;
    padding: 10px;
}
.mu-single-team-content h3 {
    font-size: 16px;
    color: #3c3c3b;
    font-weight: 600;
}
.mu-single-team-content span {
    color: #3c3c3b;
    font-size: 12px;
}
.mu-single-team-content p {
    font-size: 14px;
    margin-top: 5px;
}
.mu-single-team-content p {
    font-size: 14px;
    margin-bottom: 12px;
    color: #515151;
    text-align: center;
    margin: 0 auto;
        margin-top: 0px;
}
.features-content li{ color:#FFF; position:relative; padding:0 0 10px 20px;}
.features-content li:after{ position:absolute; left:0; top:0; content:'\f134'; font-family:"Material Design Icons"; color:#82ff2e; font-size:14px;}

.footer-banner2 .carousel-inner .carousel-item img{ width:100%}
.footer-banner2 .caption{ position:absolute; right:10%; top:40%; width:30%}
.footer-banner2 .caption h2{ color:#FFF; font-size: 50px;}
.footer-banner2 .caption h2 span{ color:#C00; display:block}
.footer-banner2 .caption p{ color:#FFF}
.footer-banner2 .carousel-indicators li{ background-color:rgba(245, 245, 245, 0.2)}
.footer-banner2 .carousel-indicators .active{  background-color:rgba(255, 255, 255, 0.9)}
.mid-nav{ position: -webkit-sticky; position: sticky; top: 0; background:#000; text-align:center; padding:10px 0}
.mid-nav ul{ margin:0 auto; display:table}
.mid-nav ul li{ padding:2px 10px; border:1px solid #FFF; color:#FFF; display:inline-block}
.mid-nav ul li a{ color:#FFF; font-size:13px; cursor:pointer }

/***Nexa***/
.carousel-caption{ 
    left: 15%;
    text-align: left;
    top: 50%;
    bottom: auto !important;
    transform: translate(0% , -50%);
}
.carousel-caption h5{ color:#FFF}
.carousel-caption h2{ color:#FFF; font-size:60px; text-transform:uppercase}
.carousel-caption a{ display:inline-block; background:#000; color:#FFF; padding:7px 10px; font-size:13px;}
.booknow-section{ position:relative; }
.booknow-section .booknowCaption
    {
            /*background: rgb(0,0,0); */
            /*background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); */
            position:absolute; 
            bottom:0; padding:10px; height:100%; width:100%
        
    }
.booknow-section .booknowCaption h5{ font-size:22px; color:#FFF; padding:20px;}
.nexa-cars{ padding:5% 0 0}
.nexa-cars h2{ font-size: 30px;
    text-align: center;
    margin-bottom: 1%;
    text-transform: uppercase;
}
.nexa-cars .nexa-carDetails .ncarImage{ height:250px; background:#EEE; position:relative;overflow: hidden;}
.nexa-cars .nexa-carDetails .ncarImage img{ height: inherit; object-fit: cover;
    width: 100%;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.nexa-cars .nexa-carDetails .ncarImage img:hover{
    transform: scale(1.2);
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: gray;
}
.personalisegoal:hover {
    background-color: #333;
    color: #fff;
}
.carcontentbox ul li:last-child a:hover{
    color: #000;
    background: transparent;
}
.nexa-cars .nexa-carDetails .ncarImage .carName{ position:absolute; top:25px; right:25px}
.nexa-cars .nexa-carDetails .ncarbtn{ background:#000; padding:15px;}
.nexa-cars .nexa-carDetails .ncarbtn a{ display:inline-block; padding:5px 10px; font-size:13px;}
.nexa-cars .nexa-carDetails .ncarbtn .explorebtn{ background:#FFF; color:#000}
.nexa-cars .nexa-carDetails .ncarbtn .downloadBro{ position:relative; padding-right:35px; color:#FFF}
.nexa-cars .nexa-carDetails .ncarbtn .downloadBro:after{ position:absolute; right:0px; top:5px; content:'\f791'; font-family:"Material Design Icons"; color:#FFF; font-size:22px;}
.innerpageBanner{ position:relative}
.innerpageBanner .innerpageHeading{	position: absolute;color: #FFF;top: 50%;transform: translate(0, -50%);left: 10%; font-size:40px;}
.menu > ul > li .trueValuelogo, .menu > ul > li .sevaLogo{ padding:0.5em 2em}
.trueValuelogo img{ height:52px}
.sevaLogo img{ height:52px}
.car-color-variant{ position: absolute; left: 50%; transform: translate(-50%); top: -25%; z-index: 999;}
.car-color-variant a{display: inline-block;	width: 28px;height: 29px;border-radius: 30px;margin: 0 5px;box-shadow: 0px 2px 7px 3px rgba(0,0,0,0.2);	padding: 2px;}
.car-color-variant a img{ width:100%; border-radius: 30px;}
.xl6cl .car-color-variant{ top:-12%}

.performance-content #v-pills-tabContent::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); background-color:#3a3a3a;}
.performance-content #v-pills-tabContent::-webkit-scrollbar{width: 6px; background-color: #F5F5F5;}
.performance-content #v-pills-tabContent::-webkit-scrollbar-thumb{	background-color:#F00;}
.performance-content #v-pills-tabContent{ scrollbar-color:#F00 #3a3a3a; scrollbar-width: thin;}
#preloader {position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: #fff; z-index: 99999;}
#preloader__status { width: 200px; height: 200px; position: absolute; left: 50%; top: 50%; background-image:url(../images/loader.gif); background-repeat: no-repeat; background-position: center;  margin: -100px 0 0 -100px;}

.website_intro{  background: rgb(255,255,255); background: radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(233,236,246,1) 100%); /*position:fixed; width:100%; top:0; */text-align:center; padding:5% 0; overflow:hidden; z-index:999; height:100vh;}
.website_intro .seva-logo{ display:table; margin:0 auto 5%}
.website_intro .seva-logo img{ width:80%}
.website_intro .other-sites{ margin:5% 0}
.website_intro .other-sites a{ display:inline-block; margin:0 30px; float:none; opacity:100}
.website_intro h2{ font-size:50px; text-transform:uppercase}

#mask { position:absolute; left:0; top:0; z-index:9000; background-color:#000; display:none; }  
#boxes .window { position:fixed; left:0;  top:0; width:100%; height:100vh; display:none; z-index:9999; }
#boxes #dialog {width:100%; height:100vh;}
#boxes{ display:none}
.bookTestdrive{ background:#000; padding:10px 20px!important; display:inline-block!important; margin:10px 5px; color:#FFF}
.head-office ul li p{ color:#7E7E7E; margin-bottom:0}
.thank-youpage{ text-align:center}
.thank-youheading{ font-size: 54px; color: #3e4095;  margin-bottom: 3%;  text-align: center;  text-transform: uppercase;}
.thank-youpage i {font-size: 80px; color: #22b662;}
.thank-youpage .thankpageshdw{  padding: 5%; box-shadow:1px 1px 45px 1px rgba(66, 66, 66, 0.08)}
#toTopBtn { 
    position: fixed;
    bottom: 52px;
    right: 10px;
    z-index: 98;
    padding: 19px;
    background-color: rgb(46, 48, 148);
}
.js .cd-top--fade-out { opacity: .5}
.js .cd-top--is-visible {  visibility: visible; opacity: 1}
.js .cd-top {  visibility: hidden;  opacity: 0;  transition: opacity .3s, visibility .3s, background-color .3s}
.cd-top { position: fixed;  bottom: 20px;  bottom: var(--cd-back-to-top-margin); right: 20px;  right: var(--cd-back-to-top-margin);  display: inline-block; height: 40px; height: var(--cd-back-to-top-size);  width: 40px; width: var(--cd-back-to-top-size);  box-shadow: 0 0 10px rgba(0, 0, 0, .05) !important;
    background: url(https://res.cloudinary.com/dxfq3iotg/image/upload/v1571057658/cd-top-arrow.svg) no-repeat center 50%;
    background-color: hsla(5, 76%, 62%, .8); background-color: hsla(var(--cd-color-3-h), var(--cd-color-3-s), var(--cd-color-3-l), 0.8)}
.get-directions{ border:2px solid #2e3094; padding: 7px 15px; color: #2e3094; display: inline-block; font-weight:600; transition: 0.3s; background:#FFF}
/* Side Nav */
.cd-stretchy-nav { position:fixed; z-index:999; top:50%; right:0.2%;}
.cd-stretchy-nav .stretchy-nav-bg { position: absolute; z-index: 1; top: 0; right: 0; width: 60px; height: 60px; border-radius: 30px; background: #2e3194; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); -webkit-transition: height 0.2s, box-shadow 0.2s; -moz-transition: height 0.2s, box-shadow 0.2s; transition: height 0.2s, box-shadow 0.2s;}
.cd-stretchy-nav.nav-is-visible .stretchy-nav-bg { height: 100%; box-shadow: 0 6px 30px rgba(0, 0, 0, 0.2);}
.cd-nav-trigger { position: absolute; z-index: 3; top: 0; right: 0; height: 60px; width: 60px; border-radius: 50%; overflow: hidden; white-space: nowrap; color: transparent;}
.cd-nav-trigger span, .cd-nav-trigger span::after, .cd-nav-trigger span::before { position: absolute; width: 16px; height: 2px; background-color: #ffffff;}
.cd-nav-trigger span {  left: 50%;  top: 50%;  bottom: auto;  right: auto;  -webkit-transform: translateX(-50%) translateY(-50%);  -moz-transform: translateX(-50%) translateY(-50%);  -ms-transform: translateX(-50%) translateY(-50%);  -o-transform: translateX(-50%) translateY(-50%);   transform: translateX(-50%) translateY(-50%);  -webkit-transition: background-color 0.2s;  -moz-transition: background-color 0.2s;  transition: background-color 0.2s;}
.cd-nav-trigger span::after, .cd-nav-trigger span::before { content: ''; top: 0; left: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden;  -webkit-transition: -webkit-transform 0.2s;  -moz-transition: -moz-transform 0.2s;  transition: transform 0.2s;}
.cd-nav-trigger span::before {  -webkit-transform: translateY(-6px);  -moz-transform: translateY(-6px);  -ms-transform: translateY(-6px);  -o-transform: translateY(-6px);  transform: translateY(-6px);}
.cd-nav-trigger span::after {  -webkit-transform: translateY(6px);  -moz-transform: translateY(6px);  -ms-transform: translateY(6px);  -o-transform: translateY(6px);  transform: translateY(6px);}
.no-touch .cd-nav-trigger:hover ~ .stretchy-nav-bg {  box-shadow: 0 6px 30px rgba(0, 0, 0, 0.2);}
.nav-is-visible .cd-nav-trigger span {  background-color: transparent;}
.nav-is-visible .cd-nav-trigger span::before {  -webkit-transform: rotate(-45deg);  -moz-transform: rotate(-45deg);  -ms-transform: rotate(-45deg);  -o-transform: rotate(-45deg);  transform: rotate(-45deg);}
.nav-is-visible .cd-nav-trigger span::after {  -webkit-transform: rotate(45deg);  -moz-transform: rotate(45deg);  -ms-transform: rotate(45deg);  -o-transform: rotate(45deg);  transform: rotate(45deg);}
.cd-stretchy-nav ul{  position: relative;  z-index: 2;  padding: 60px 0 0;  visibility: hidden;  -webkit-transition: visibility 0.3s;  -moz-transition: visibility 0.3s;  transition: visibility 0.3s;  text-align: right;}
.cd-stretchy-nav ul li{visibility: hidden; -webkit-transition: visibility 0.3s;  -moz-transition: visibility 0.3s;  transition: visibility 0.3s;}
.cd-stretchy-nav ul li{ background:#2E3194}
.cd-stretchy-nav ul a {  position: relative;  display: block;  height: 50px;  line-height: 50px;  padding: 0 calc(1em + 60px) 0 1em;  color: rgba(255, 255, 255, 0.7);  font-size: 1rem;  -webkit-transition: color 0.2s;  -moz-transition: color 0.2s;
  transition: color 0.2s;}
.cd-stretchy-nav ul li{  -webkit-transition: color 0.2s;  -moz-transition: color 0.2s; transition: color 0.2s;}
.cd-stretchy-nav ul a::after {  content: '';  position: absolute;  height: 16px;  width: 16px;  right: 22px;  top: 12%;  -webkit-transform: translateY(-50%) scale(0);  -moz-transform: translateY(-50%) scale(0);  -ms-transform: translateY(-50%) scale(0); -o-transform: translateY(-50%) scale(0);  transform: translateY(-50%) scale(0);  opacity: .6;  font-family:"Material Design Icons"; font-size: 22px;}
.cd-stretchy-nav ul a::before {  content: '';  position: absolute;  width: 3px;  height: 16px;  top: 50%;  right: 60px;  -webkit-transform: translateX(3px) translateY(-50%) scaleY(0);  -moz-transform: translateX(3px) translateY(-50%) scaleY(0);  -ms-transform: translateX(3px) translateY(-50%) scaleY(0);  -o-transform: translateX(3px) translateY(-50%) scaleY(0);  transform: translateX(3px) translateY(-50%) scaleY(0);  background-color: #e91f27;}
.cd-stretchy-nav ul li:first-of-type a::after {	content:'\f631';}
.cd-stretchy-nav ul li:nth-of-type(2) a::after { content:'\f324';}
.cd-stretchy-nav ul li:nth-of-type(3) a::after {  content:'\f0bf'; }
.cd-stretchy-nav ul li:nth-of-type(4) a::after {  content:'\f134'; }
.cd-stretchy-nav ul li:nth-of-type(5) a::after {  content:'\f134'; }
.cd-stretchy-nav ul span {  display: block;  opacity: 0;  -webkit-transform: translateX(-25px);  -moz-transform: translateX(-25px);  -ms-transform: translateX(-25px);  -o-transform: translateX(-25px);  transform: translateX(-25px);}

.cd-stretchy-nav.nav-is-visible ul, .cd-stretchy-nav.nav-is-visible ul li {  visibility: visible;}
.cd-stretchy-nav.nav-is-visible ul a::after {   -webkit-transform: translateY(-50%) scale(1);  -moz-transform: translateY(-50%) scale(1);  -ms-transform: translateY(-50%) scale(1);  -o-transform: translateY(-50%) scale(1);  transform: translateY(-50%) scale(1); -webkit-animation: scaleIn 0.15s backwards;  -moz-animation: scaleIn 0.15s backwards;  animation: scaleIn 0.15s backwards;  -webkit-transition: opacity 0.2s;  -moz-transition: opacity 0.2s;  transition: opacity 0.2s;}
.cd-stretchy-nav.nav-is-visible ul a:hover{  color: #ffffff;}
.cd-stretchy-nav.nav-is-visible ul a:hover::after {  opacity: 1;}
.cd-stretchy-nav.nav-is-visible ul a:hover::before {  -webkit-transform: translateX(3px) translateY(-50%) scaleY(1);  -moz-transform: translateX(3px) translateY(-50%) scaleY(1);  -ms-transform: translateX(3px) translateY(-50%) scaleY(1);  -o-transform: translateX(3px) translateY(-50%) scaleY(1);  transform: translateX(3px) translateY(-50%) scaleY(1);  -webkit-transition: -webkit-transform 0.15s 0.3s;  -moz-transition: -moz-transform 0.15s 0.3s;  transition: transform 0.15s 0.3s;}
.cd-stretchy-nav.nav-is-visible ul span, .cd-stretchy-nav.nav-is-visible ul li {  opacity: 1;  -webkit-transform: translateX(0);  -moz-transform: translateX(0);  -ms-transform: translateX(0);  -o-transform: translateX(0);  transform: translateX(0);  -webkit-animation: slideIn 0.15s backwards; -moz-animation: slideIn 0.15s backwards;  animation: slideIn 0.15s backwards;  -webkit-transition: -webkit-transform 0.2s;  -moz-transition: -moz-transform 0.2s;  transition: transform 0.2s;}
.no-touch .cd-stretchy-nav.nav-is-visible ul a:hover {  color: #ffffff;}
.no-touch .cd-stretchy-nav.nav-is-visible ul a:hover::after {  opacity: 1;}
.no-touch .cd-stretchy-nav.nav-is-visible ul a:hover span {  -webkit-transform: translateX(-5px);  -moz-transform: translateX(-5px);  -ms-transform: translateX(-5px);  -o-transform: translateX(-5px);  transform: translateX(-5px);}
.cd-stretchy-nav.nav-is-visible ul li:first-of-type a::after, .cd-stretchy-nav.nav-is-visible ul li:first-of-type span, .cd-stretchy-nav.nav-is-visible ul li:first-of-type {  -webkit-animation-delay: 0.05s;  -moz-animation-delay: 0.05s;  animation-delay: 0.05s;}
.cd-stretchy-nav.nav-is-visible ul li:nth-of-type(2) a::after, .cd-stretchy-nav.nav-is-visible ul li:nth-of-type(2) span, .cd-stretchy-nav.nav-is-visible ul li:nth-of-type(2) { -webkit-animation-delay: 0.1s;  -moz-animation-delay: 0.1s;  animation-delay: 0.1s;}
.cd-stretchy-nav.nav-is-visible ul li:nth-of-type(3) a::after, .cd-stretchy-nav.nav-is-visible ul li:nth-of-type(3) span, .cd-stretchy-nav.nav-is-visible ul li:nth-of-type(3) { -webkit-animation-delay: 0.15s;  -moz-animation-delay: 0.15s;  animation-delay: 0.15s;}
.cd-stretchy-nav.nav-is-visible ul li:nth-of-type(4) a::after, .cd-stretchy-nav.nav-is-visible ul li:nth-of-type(4) span {  -webkit-animation-delay: 0.2s;  -moz-animation-delay: 0.2s;  animation-delay: 0.2s;}
.cd-stretchy-nav.nav-is-visible ul li:nth-of-type(5) a::after, .cd-stretchy-nav.nav-is-visible ul li:nth-of-type(5) span {  -webkit-animation-delay: 0.25s;  -moz-animation-delay: 0.25s;  animation-delay: 0.25s;}

.topbar {
    padding: 2px 5px;
    background-color: #fbfbfb;
    border-bottom: 1px solid #ddd;
}
.list-inline {
    padding-left: 0;
    list-style: none;
    margin-left: -5px;
}
.list-inline > li {
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px;
    color: #222;
    letter-spacing: 0.5px;
}
.list-inline {
    list-style: none;
}
.topbar-left li img {
    padding-right: 5px;
}
.topbar li a {
    color: #222;
}
.topbar-right li i {
    padding-right: 5px;
}


.menu li a {
 display: block;
}
.menu li ul{
 display: none;
}
.menu li a:hover {
 background-color: #383838;
}
.new{
 background:#383838;
}
.submenu li{
 float: none;
}
.submenu li a{
 color: black;
}
.submenu li a:hover{
 background-color: #ddd;
}
.menu li:hover .submenu{
 display: block;
}
.subactive{
 background: #ddd;
}
 .modal-backdrop{ z-index: 9999;}
.modal{ z-index: 99999;}


.value-addedBanner{ width: 100%; height: 350px; position: relative; }
.value-addedBanner img{ object-fit:cover; height: inherit; }
.value-addedBanner h2{ position: absolute; left: 50%; transform: translate(-50%,-50%); top: 50%; background-color: rgba(0,0,0,0.5); color: #FFF; font-size: 22px; text-transform:uppercase; padding: 10px 30px; border-radius: 4px}
.value-addded-service{ padding:60px 40px}
.value-addded-service .value-added-heading{ padding: 15px 0 }
.value-addded-service .value-added-heading .va-heading{ color: #2e3094; font-size: 16px; padding-right: 10px}
.value-addded-service .value-added-heading .va-heading span{ color:#000; display:block;}
.value-addded-service .value-added-heading a{ padding: 10px 15px; color: #FFF; background:#e82127 }
.value-addded-service .value-added-image{ height: 340px; position: relative; }
.value-addded-service .value-added-image:after{ position: absolute; left: 0; top: 0; width:95%; height:90%; background-color: rgba(46,48,148,0.5); content:""; opacity: 0; margin: 15px}
.value-addded-service .value-added-image img{ object-fit:cover; height: inherit; border-radius: 6px }
.value-addded-service .va-desc a{  color: #2e3094; }
.value-addded-service .value-added-image:hover:after{ opacity: 100; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; }
.value-addded-service .value-added-image i{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); font-size: 80px; color:#e82127; z-index: 999  }
.value-addded-service .value-added-image:hover i{ color: #FFF }
.value-addded-service .img-border{ display: table; margin:20px auto 0}
.example{ display: table; margin:20px auto 0 }
.example .page-link{ padding: 1rem 1.2rem; color: #000 }
.example .page-item{ margin: 0 3px }
.example .page-link:hover{ background:#263793; color: #FFF }

.videopopupjs{ background-color:#000; background-color:rgba(0,0,0,0.6); width:100%; height:100%; position:fixed; top:0; left:0; z-index:99999; text-align: start!important;}
.videopopupjs--hide{ -webkit-animation-duration: 0.2s; animation-duration: 0.2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: videoPopupJsHide; animation-name: videoPopupJsHide;}
.videopopupjs__close{ width:30px; height:30px; cursor:pointer; display:block; margin-bottom:10px;  color:rgba(255, 255, 255, 0.59);}
.videopopupjs__close:after{ width:30px; height:30px; display:block; text-align:center; content:'X'; font-family:'Verdana'; border-radius:50%; background:#333; line-height:2.2; font-size:13px;}
.videopopupjs__close:hover{ opacity:0.5;}
.videopopupjs--animation{ opacity: 0; -webkit-animation-duration: 0.2s; animation-duration: 0.2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: videoPopupJs; animation-name: videoPopupJs;}
.videopopupjs__content{ margin:0 auto; height:100%; height:500px; width:100%; margin-top:5%;}
.videopopupjs__content iframe{ width:100%; height:100%;}
.videopopupjs__block--notfound{ position:absolute; top: 0; bottom: 0; margin: auto 0;width:100%;  height:500px;  background-color:#fff;  text-align:center;  vertical-align: middle;  line-height: 500px;  font-family:'Arial';  font-size:20px;}
@media(max-width: 768px){
.videopopupjs__content{  max-width:90%!important;}

}
@-webkit-keyframes videoPopupJs{
0%{ opacity: 0;}
100%{opacity: 1;}
}
@keyframes videoPopupJs{
0%{opacity: 0;}
100%{opacity: 1;}
}
@-webkit-keyframes videoPopupJsHide{
0%{opacity: 1;}
100%{opacity: 0;}
}
@keyframes videoPopupJsHide{
0%{ opacity: 1;}
100%{opacity: 0;}
}
.formsection1{ padding:30px; margin:3% 0; border-radius:4px; border:1px solid #666666; position: relative;  }
.formsection1 h5{ text-transform: uppercase; font-size: 16px; color:#333}
.formsection1 .parsley-required{ color: #000 }
.formsection1 .form-group label{ font-size: 14px; color:#4c4c4c }
.formsection1 .form-control{ padding: .675rem .75rem; border: 1px solid #666; }
.formsection1 select.form-control:not([size]):not([multiple]){ height: calc(2.85rem + 2px) }
.formsection1 .button-purple{ padding: 10px 30px }
.formsection1 .fillDetails{ background:#FFF; padding: 10px 20px; color:#2e3094; font-size: 16px; position: absolute; top: -20px; text-transform:uppercase; }
.services_homebox {
    width: 100%;
    margin: 50px 0 0;
}
.services_homebox ul {
    font-size: 0px;
    margin: 0px;
    padding: 20px 0px;
    border: 1px solid #b7b7b7;
    box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.2);
}
.services_homebox ul li {
    display: inline-block;
    text-align: center;
    width: 20%;
    padding: 20px 0;
    border-right: 1px solid #cccccc;
}
.services_homebox ul li span {
    text-align: center;
}
.services_homebox ul li span img {
    margin: 0 auto;
    display: block;
    transform: scale(1);
    -webkit-transform: scale(1);
    transition-duration: 1s;
    -webkit-transition-duration: 1s;
    width: 35px;
    height: 35px;
}

.services_homebox ul li label {
    color: #000000;
    font-size: 0.8375rem;
    font-weight: 500;
    margin: 10px 0 0;
    text-transform: uppercase;
}
.services_homebox ul li:last-child {
    border-right: 0;
}
.carcontentbox {
    padding: 15px;
    float: left;
    width: 100%;
}
.carcontentbox .brandlogo {
    height: 32px;
    float: left;
}
.carcontentbox .brandlogo span {
    height: 32px;
    display: table-cell;
    vertical-align: middle;
}
.carcontentbox .downloadbtn {
    float: right;
}
.carcontentbox .downloadbtn a {
    display: block;
    float: right;
    font-weight: 500;
    text-decoration: none;
    color: #000000;
    font-size: 14px;
    line-height: 16px;
    position: relative;
    transition-duration: .5s;
    -webkit-transition-duration: .5s;
}
.carcontentbox .downloadbtn a::before {
    content: '';
    width: 16px;
    height: 24px;
    position: absolute;
    left: -24px;
    top: 4px;
    background: url(../images/download-icon.png) no-repeat center;
    transition-duration: .5s;
    -webkit-transition-duration: .5s;
}
.carcontentbox ul {
    float: left;
    width: 100%;
    text-align: center;
    padding: 0px;
    margin: 20px 0 0;
    font-size: 0px;
}
.carcontentbox ul li:first-child {
    float: left;
}
.carcontentbox ul li {
    width: 48%;
    display: inline-block;
}
.carcontentbox ul li a {
    font-size: 0.875rem;
    padding: 12px 0;
}
.carcontentbox ul li a {
    text-decoration: none;
    font-weight: 500;
    font-size: 0.875rem;
    color: #000000;
    padding: 10px 0;
    border: 1px solid #000000;
    text-transform: uppercase;
    display: block;
    transition-duration: 1s;
    -webkit-transition-duration: 1s;
}
.carcontentbox ul li:last-child a {
    background: #000000;
    color: #FFFFFF;
}
.cardetailbox {
    float: left;
    width: 100%;
    margin: 0 0 30px;
    box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.2);
    
}
.schdule_section {
    padding: 50px 0 15px;
    background-image: url('../images/wrapper-section-01.png');
    background-color: #f7f7f7;
    margin-bottom: 3rem;
}
.schdule_section .nav-tabs {
    border-radius: 0;
    border-bottom: 6px solid #000;
    display: inline-block;
    width: 100%;
    float: none;
    text-align: center;
}
.schdule_section .nav-tabs > li {
    float: none;
    display: inline-block;
    margin-bottom: 0;
}
.schdule_section .nav-tabs > li > a {
    border: none;
    border-radius: 0;
    text-transform: uppercase;
    font-size: 20px;
    padding: 0 20px;
    line-height: 50px;
    min-width: 150px;
    color: #000;
}
.schdule_section .nav-tabs > li.active > a{
    border: none;
    background-color: #000;
    color: #fff;
}
.schdule_section .tab-content {
    padding: 20px 0;
}

.schdule_section .form-control {
    height: 40px;
}
.schdule_section .tab-content .col-xs-12, .schdule_section .tab-content .col-xs-3 {
    padding-left: 8px;
    padding-right: 8px;
}
.schdule_section .form-group.col-md-4 {
    margin-bottom: 22px;
}
.schdule_section .tab-content .form-control:focus {
    box-shadow: none;
    border-bottom: 1px solid rgba(0,123,255,.25);
}

/* sticky fix sidebar */
.sticky-container {
    padding: 0px;
    margin: 0px;
    position: fixed;
    right: -170px;
    bottom: 30%;
    width: 220px;
    z-index: 1100;
}
.sticky li {
    line-height: 54px;
    list-style-type: none;
    background-color: rgba(18, 18, 23, 0.91);
    color: #efefef;
    height: 48px;
    padding: 0px;
    margin: 0px 0px 1px 0px;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    cursor: pointer;
    border-radius: 6px 5px 5px 5px;
}
.sticky li a {
    padding: 10px 0 16px 10px;
}
.sticky li:hover a, .sticky li a, .sticky li a b {
    color: #FFF;
}
.sticky li a i {
    font-size: 30px;
    color: #fff;
    display: inline-block;
    transform: translate(0px, 1px);
}
.sticky li a b {
    display: inline-block;
    padding-left: 8px;
}
.sticky li:hover a, .sticky li a, .sticky li a b {
    color: #FFF;
}
.sticky li:hover {
    margin-left: -135px;
    background: rgba(24, 25, 77, 0.8);
    color: #FFF;
}
/* sticky end fix sidebar */

/* mobile layout */
.mobile-design {
    position: fixed;
    width: 100%;
    bottom: 0px;
    background-color: #222;
    z-index: 999;
}
.mobile-design .mobile-fixes a {
    color: #fff;
    font-size: 12px;
    text-align: center;
    display: block;
    padding: 4px 0px;
    text-transform: uppercase;
}
.mobile-design .mobile-fixes i {
    display: block;
    font-size: 18px;
    margin-bottom: 0px;
}
.atbd_single_listing {
    margin-bottom: 30px;
    background: #eee;
    border-radius: 4px;
}
.atbd_listing_thumbnail_area {
    margin: 0;
    position: relative;
}
.atbd-thumbnail-card-front-wrap img {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.atbd_listing_info .atbd_content_upper {
    padding: 10px 20px 15px;
    position: relative;
}
.atbd_listing_title {
    padding: 0;
    text-transform: none;
    line-height: 24px;
    margin-bottom: 8px;
}
.atbd_listing_title a {
    font-size: 18px;
    line-height: 22px;
    font-weight: 700;
    color: #272b41;
    letter-spacing: normal;
}
.atbd_listing_data_list ul li p {
    font-size: 15px;
    overflow: hidden;
    margin-bottom: 2px;
    font-size: 14px;
    display: flex;
}
.atbd_listing_data_list ul li p span.la {
    position: relative;
    top: 3px;
}
.atbd_listing_data_list ul li p span {
    margin-right: 8px;
}
.atbd_listing_data_list ul p span {
    font-size: 1.06667rem !important;
    color: #f5548e !important;
}
.atbd_listing_bottom_content {
    border-top: 1px solid #fff !important;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1rem 1.33333rem;
    background-color: #ddd;
}
.atbd_listing_bottom_content .atbd_content_left {
    margin-right: 12px;
}
.atbd_listing_data_list ul li p i {
    margin-right: 6px;
    font-size: 15px;
    color: #f00;
}
.atbd_content_left .atbd_listting_category a {
    color: #f00;
    font-size: .93333rem;
}

.new-button {
    border-radius: 2px;
    background-color: #000;
    border: none;
    color: #FFFFFF;
    text-align: center;
    font-size: 18px;
    padding: 9px 15px 12px;
    transition: all 0.5s;
    cursor: pointer;
    margin: 5px;
    width: 125px;
  }
  
  .new-button span {
    cursor: pointer;
    display: inline-block;
    position: relative;
    transition: 0.5s;
    font-weight: 300;
  }
  
  .new-button span:after {
    content: '\00bb';
    position: absolute;
    opacity: 0;
    top: 0;
    right: -20px;
    transition: 0.5s;
  }
  
  .new-button:hover span {
    padding-right: 25px;
  }
  
  .new-button:hover span:after {
    opacity: 1;
    right: 0;
  }


  .about__section {
    padding: 0rem 0 3rem;
}
.tt-img-main {
    position: relative;
    max-width: 85.3%;
    margin-top: 4px;
}
.tt-img-main img {
    border-top-left-radius: 7px;
    border-bottom-left-radius: 7px;
    height: 333px;
}
.tt-img-sub {
    position: absolute;
    top: 150px;
    right: 31px;
    max-width: 50%;
}
.tt-title {
    font-size: 30px;
    margin-bottom: 20px;
    color: #222;
    text-transform: uppercase;
    font-weight: 500;
}
.subtitle {
    font-size: 18px;
    text-transform: uppercase;
    color: #2f3194;
}