input, button, select, textarea, li, ul { -webkit-border-radius: 0; border-radius: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

* { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }


body:before {  position: fixed; width: 100%; height: 100%; content: "";  left: 0; top: 0; z-index: 99999; background: #fff url(../images/Loader.gif) center no-repeat; }
body.hideloader:before { display: none;  }

body {  font-size: 13px; 	color: #2a2627; font-family: 'Avenir-Book'; overflow-x: hidden; background: url(../images/NEXA.gif) center top no-repeat; background-size: cover; 

display: flex;
    min-height: 100vh;
    flex-direction: column;

}

body.inner-body { background: url(../images/body-bg2.jpg) center top no-repeat / 100%, url(../images/body-bg2-repeat.jpg) left top repeat;   }
body.car-bg { background: url(../images/body-bg-car.jpg) center top no-repeat; background-size: cover; }
body.nexa-bg{ background: url(../images/body-nexa.jpg) center top no-repeat; background-size: cover; }

img { width: 100%; max-width: 100%;  }
.auto-img { padding: 0 20px; margin-top: 20px; margin-bottom: 50px; overflow: hidden;  }
.auto-img img { width: auto;  }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, div, input, button { display: block;      -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.wrapper { max-width: 1170px; margin: 0 auto; width: 96%;  }
.wrapper:after{content: '';display: block;clear: both;}
h1 { margin-bottom: 25px; font-size: 35px; color: #151515; font-family: 'AvenirNext-Bold'; font-weight: normal; text-transform: uppercase;  }
.center-content { text-align: center; } 
.error { text-align: left; margin-top: 5px; display: none; color: red;  }
.fl-left { float: left;  }
.fl-right { float: right;  }
.clr { clear: both;  }

input:focus, textarea:focus, select:focus, button:focus {  outline: none; }

ol, ul { list-style: none; }
blockquote, q {
	quotes: none;
}

img, a { border:none; outline: none; text-decoration: none; }

table { border-collapse: collapse; border-spacing: 0; width: 100%; }


header { border-bottom: 1px solid #a5a5a5; position: fixed; width: 100%; height: 95px; background: #fff; z-index: 99;  }
header .logo { position: absolute; left: 30px; top: 22px; z-index: 9; }
header .logo.hide-logo { display: none;  }
header .maruti-logo { position: absolute; right: 0; top: -5px; z-index: 10;  }
header .maruti-logo img { width: auto; position: relative; z-index: 9; margin-top: 22px; margin-right: 30px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
header .maruti-logo:before { z-index: 7; content: ""; display: block; position: absolute; right: -18px;
    top: -116px; width: 400px; height: 234px; background: #00458e;  -ms-transform: skewY(30deg); /* IE 9 */
    -webkit-transform: skewY(30deg); /* Safari */
    transform: skewY(30deg); /* Standard syntax */   }
header .maruti-logo:after { content: ""; display: none; position: absolute; right: 200px;
    top: -175px; height: 536px; width: 48px; background: #18408d; -ms-transform: rotate(-63deg); /* IE 9 */
    -webkit-transform: rotate(-63deg); /* Safari */
    transform: rotate(-63deg); /* Standard syntax */  }
header nav { position: relative; margin-top: 39px; text-align: center;  }
header nav li { height: 56px; padding-right: 2%; display: inline-block;  } 
header nav li a { font-size: 14px; color: #838383; font-family: 'AvenirNext-Bold';  }
header nav li:hover a, header nav li a.active { color: #18408d;  }
header nav li:last-child { margin-right: 0px;  }
header nav li ul { display: none;  }   
header nav li:hover ul { padding: 15px 0; position: absolute; left: 0; width: 100%; top: 56px; display: block; background: #00458e; z-index: 9; }
header nav li li { padding-right: 3%; height: auto; text-align: left; float: left; display: block;  }
header nav li li a { color: #8ea1c5!important;  }
header nav li li a:hover, header nav li li a.active { color: #fff!important;  }

header nav, header .logo, header, header .maruti-logo { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;  }
header .logo img { -webkit-transition: width 0.3s, height 4s; /* For Safari 3.1 to 6.0 */
    transition: width 0.3s, height 4s; }

header.fixed nav { margin-top: 20px;  }
header.fixed .logo { top: 10px;  }
header.fixed .logo img { width: 200px;  }
header.fixed { height: 58px;  }
header.fixed nav li { height: 37px;  }
header.fixed nav li li { height: auto;  }
header.fixed nav li:hover ul { top: 37px;  }
header.fixed .maruti-logo { right: -37px; top: -12px; transform:scale(0.7);  -webkit-transform:scale(0.7)  }

header.no-bg { border:none; background: none;}
header.no-bg .logo, header.no-bg .dekstop-menu{display: none;}
.menu-icon { width: 35px; height: 35px; display: none; float: right; margin-right: 15px;margin-top: 15px; background: transparent; cursor: pointer;  background: url(../images/hamburger.png) left top no-repeat;  }
.menu-icon.active { background-position: 0 -35px;  }
.ms-logo { padding: 20px 0 15px 0; overflow: hidden; text-align: center;  }
.ms-logo img { width: 158px;  }

.content-main { padding-bottom: 65px; overflow: hidden;     flex: 1;  }
.content-main.gap-top { padding-top: 45px;  }
.drving-ahed-part { overflow: hidden; text-align: center;  }
.drving-ahed-part .inlogo { margin-bottom: 20px;  }
.drving-ahed-part .inlogo img { width: auto;  }
.drving-ahed-part p { padding: 0 12%;  font-weight: 500; color: #535353; line-height: 24px;  }
.drving-ahed-part p span{ font-weight: bold; font-style: italic;  }

.image-banner { position: relative; padding-bottom: 17px; margin-bottom: 55px; overflow: hidden; background: url(../images/shadow1.png) center bottom no-repeat;  }
.image-banner.live-stream:before { content: ""; width: 57px; height: 97px; position: absolute; right: 30px; bottom: 55px; background: url(../images/live-stream-icon.png) center bottom no-repeat;  } 

.social-posts { overflow: hidden;  }
.social-posts .post { margin-bottom: 18px; overflow: hidden; background: #fff; }
.social-posts li { margin: 0 1%; width: 31%; float: left;   }
.social-posts li .user-img img { width: auto; -webkit-border-radius: 100%; border-radius: 100%; }
.social-posts .user-post { margin-left: 20%; padding: 13px 0; padding-right: 50px;  position: relative;  }
.social-posts .user-img { position: absolute; left: -60px; top: 13px;  }
.social-posts h3 { margin-bottom: 15px; font-size: 17px; font-weight: 600; color: #40579d;  }
.social-posts p { line-height: 18px; color: #666;  }
.social-posts .social-site { font-size: 11px; color: #fff; padding: 10px 20px; overflow: hidden; background: #40579d;  }
.social-posts .social-site i { vertical-align: middle; font-size: 20px; margin-right: 15px;  }

.main-head-part { margin-bottom: 30px; padding-top: 35px; overflow: hidden;  }
.main-head-part.gap { padding-top: 110px;  }
.main-head-part p { padding: 0 7%; margin-bottom: 30px; font-weight: 500; color: #535353; line-height: 24px; font-size: 15px;  }

.main-head-part.motrosport p { margin-bottom: 0px;  }
.link-div { margin-bottom: 80px; font-weight: 600; font-size: 16px; color: #000;  }
.link-div a { font-size: 22px; color: #2173c8; border-bottom: 1px solid #2173c8;  }

.intro-box { padding: 0 8%; }
.intro-box .right-part { margin-top: 25px; padding-right: 8%; width: 48%;  }
.intro-box .left-part { padding-top: 20px; width: 45%;  }
.intro-box .left-part img { width: auto; float: right;  }

.blue-pattern  { position: absolute; width: 100%; height: 100%; left: 0; top: 0;  -webkit-perspective: 150px;
   -webkit-perspective-origin: 25%; perspective: 150px; perspective-origin: 25%; }
.blue-pattern:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-top: 1px solid #cfcfcf;border-bottom: 3px solid #cfcfcf;border-left: 2px solid #cfcfcf;border-right: 2.3px solid #cfcfcf; -webkit-transform: rotate(6deg) rotateX(-12deg);  transform: rotate(6deg) rotateX(-12deg);  }
.blue-pattern:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #00458e; z-index: -1;     z-index: -999999;
  transform: perspective(600px) rotate(-3deg) rotateX(-12deg) ; 
     -webkit-transform: perspective(600px) rotate(-3deg) rotateX(-12deg) ; }


.blue-content-div { position: relative; padding: 37px 35px 50px 35px;  }
.blue-boder { position: relative; z-index: 999;  }
.blue-content-div h3 { position: relative; margin-bottom: 45px; font-size: 21px; color: #fff; line-height: 36px; font-family: 'AvenirNext-Bold'; font-weight: normal;   }
.blue-content-div .common-red-button, .common-popup .common-red-button { color: #333; margin-left: 50px; background: #fff;  }
.common-red-button a:active { color: #333!important;  }

.blue-content-div .common-red-button:before, .common-popup .common-red-button:before { background: url(../images/white-button-bg-left.png) left top no-repeat;  }
.blue-content-div .common-red-button:after, .common-popup .common-red-button:after { background: url(../images/white-button-bg-right.png) left top no-repeat;  }
.common-popup .common-red-button{background: url(../images/white-button-bg.png) left top repeat-x; color: #333;}



.event-detail-box { overflow: hidden; }
.event-detail-box h2 { margin-bottom: 25px; text-align: center; font-weight: 300; letter-spacing: 3px; text-transform: uppercase; font-size: 26px; color: #151515;  }
.event-detail-box li { padding: 14px 0; position: relative; font-size: 12px; color: #6d6d6d; width: 100%; float: left; letter-spacing: 2px;  }
.event-detail-box li:before { position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; display: block; content: ""; background:-webkit-linear-gradient(90deg, rgb(219, 220, 223) 0%, rgb(204, 203, 206) 50%, rgb(204, 203, 206) 50%, rgb(219, 220, 223) 100%);
background:-o-linear-gradient(90deg, rgb(219, 220, 223) 0%, rgb(204, 203, 206) 50%, rgb(204, 203, 206) 50%, rgb(219, 220, 223) 100%);
background:-moz-linear-gradient(90deg, rgb(219, 220, 223) 0%, rgb(204, 203, 206) 50%, rgb(204, 203, 206) 50%, rgb(219, 220, 223) 100%);
background:linear-gradient(90deg, rgb(219, 220, 223) 0%, rgb(204, 203, 206) 50%, rgb(204, 203, 206) 50%, rgb(219, 220, 223) 100%);  }
.event-detail-box .e-left { position: relative; color: #292929; font-weight: 600; text-transform: uppercase; padding-left: 26%; width: 41%; float: left;  }
.event-detail-box .e-left:before { color: #828282; font-size: 17px; content: ":"; position: absolute; right: 0; top: -3px;  }
.event-detail-box span { width: 57%; float: right;  }

.common-red-button a, .common-red-button a:active { color: #fff!important;  }
.common-red-button { border:none; cursor: pointer; letter-spacing: 1px; padding: 0 10px; color: #fff; font-size: 15px; height: 38px; line-height: 38px; display: inline-block; font-family: 'AvenirNext-Bold'; position: relative; background: #00458e;  }
.common-red-button:before { width: 34px; height: 38px; content: ""; position: absolute; left: -33px; top: 0; background: url(../images/blue-button-bg-left.png) left top no-repeat;  }
.common-red-button:after { width: 34px; height: 38px; content: ""; position: absolute; right: -33px; top: 0; background: url(../images/blue-button-bg-right.png) left top no-repeat;  }

.common-blue-button { position: relative; background: url(../images/blue-button-bg.png) left top repeat-x;  }
.common-blue-button:before { width: 34px; height: 38px; content: ""; position: absolute; left: -33px; top: 0; background: url(../images/blue-button-bg-left.png) left top no-repeat;  }

.common-popup { display: none; z-index: 999; position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0,0,0,0.8);   }
.common-popup .common-popup-img { margin: -250px 0 0 -218px; position: absolute; left: 50%; top: 50%; width: 435px; padding: 25px; background: #00458e; -webkit-border-radius: 10px 0px 10px 10px; border-radius: 10px 0px 10px 10px; }
.common-popup .pop-txt { text-align: center; padding-bottom: 25px; margin-bottom: 25px; border-bottom: 1px solid #4084bf; overflow: hidden;  }
.common-popup h2 { margin-bottom: 7px; font-size: 23px; color: #f8f8f8; font-weight: bold; text-transform: uppercase;  }
.common-popup p { padding: 0 5px; color: #a2b8d6; line-height: 22px;  }
.common-popup .form-div { width: 284px; margin: 0 auto;  }
.common-popup input, .common-popup select { padding: 0 16px; color: #1065af; width: 100%; height: 30px; border: 1px solid #81b7e6;  -webkit-border-radius: 5px; border-radius: 5px; }
.common-popup .form-row { margin-bottom: 15px; width: 100%; float: left;  }
.common-popup .form-row:last-child { margin-bottom: 0px;  }
.common-popup .common-red-button { display: block; margin: 10px auto 0 auto; width: 110px;  }
.common-popup .pop-up-close { cursor: pointer; width: 30px; height: 30px; position: absolute; right: 0; top: -30px; font-size: 0px;  background: #00458e url(../images/close-icon.png) center no-repeat;  }
.common-popup select { background:  #fff url(../images/select.png) right top no-repeat;  -webkit-appearance:none;  }

.blue-content-div .common-red-button a, .blue-content-div .common-red-button a:active { color: #333!important; display: block;  }


.live-stram-iframe {  overflow: hidden; z-index: 999; position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0,0,0,0.8);  height: 0; }
.live-stram-iframe .live-stram-iframe-in { position: absolute; left: 50%; top: 50%; margin: -150px 0 0 -250px; width: 500px; height: 300px;  }
.live-stram-iframe iframe { width: 100%; height: 100%;  }

.buttons { overflow: hidden;  }
.buttons a { margin: 0 35px;  }
.buttons.gap { margin-top: 30px;  }
/*.buttons a:last-child { margin-right: 0px;  }*/
.buttons.fix-width a { min-width: 140px;  }

.live-stram-in { overflow: hidden; padding: 65px 0; background: #074584; }
.live-stram-in .left-part { position: relative; line-height: 0; width: 47%;  }
.live-stram-in .left-part:before { width: 951px; height: 47px; content: ""; left: -185px; bottom: -27px; position: absolute; background: url(../images/shadow.png) left top no-repeat; }
.live-stram-in .left-part a { display: block; position: relative;  }
.live-stram-in .left-part img { position: relative; z-index: 1;  }
.live-stram-in .left-part a:before { z-index: 2; content: ""; left: 0; top: 0; position: absolute; height: 100%; width: 100%; background: url(../images/play-icon-white.png) center no-repeat;  }
.live-stram-in .left-part a:after { border: 1px solid #38699c; content: ""; left: 0; top: 0; position: absolute; height: 100%; width: 100%; -ms-transform: rotate(4deg); -webkit-transform: rotate(4deg); transform: rotate(4deg); }
.live-stram-in .right-part { padding-top: 7%; width: 47%;  }
.live-stram-in h2 { font-size: 36px;  }
.live-stram-in h2 span { margin-top: 5px; font-size: 26px; font-weight: 300; display: block;  }
.live-stram-in p { padding-right: 24%; color: #8bb8e7;  }
.live-stram-in .pop-up-close { border:1px solid #527da9; top: 25px; right: 35px; background: url(../images/close-icon1.png) center no-repeat;  }

.video-thumb { line-height: 0;  position: relative; padding-bottom: 65px; overflow: hidden; background: url(../images/shadow.png) center bottom no-repeat; }
.video-thumb h3 { margin-top: 20px; font-size: 23px; color: #000; letter-spacing: 1px; font-weight: 600; line-height: normal;margin-bottom: -10px; }    
.video-thumb img {     transform: perspective(712px) rotateX(21deg) ; 
     -webkit-transform: perspective(712px) rotateX(21deg) ;   }
.video-thumb a{ position:relative; display: inline-block; vertical-align: top;}
.video-thumb a:after, .video-thumb .iframe-shadow:after { z-index: 9; content: ''; height: 0;border-top: 13px solid #3f3f3f; border-left: 30px solid transparent; border-right: 30px solid transparent; width: 89.5%; display: block; left: 0px; position: absolute; bottom: -13px;}
.video-thumb a:before, a.play-icon:before { z-index: 9; content: ""; position: absolute; width: 100%; height: 100%; display: block; background: url(../images/play-icon.png) center no-repeat; }
.iframe-shadow { position: relative; width: 566px; height: 318px; margin: 30px auto 0 auto;  }
.iframe-shadow iframe { width: 100%; height: 100%;  }
.video-thumb.image-style a:after { left: -25px; bottom: -14px; width: 98.3%;  }

.cd-horizontal-timeline .timeline-center { width: 690px; margin: 0 auto;  }

.home-menu { height: 85px; text-align: center;  }
.home-menu ul { width: 920px; margin: 0 auto; position: relative;  }
.home-menu li { position: relative; display: inline-block;  }
.home-menu li.full-menu { position: static;  }
.home-menu  li a { position: relative; margin: 0 -2px; padding: 15px 50px; border-bottom:4px solid #1072c2; font-size: 14px; color: #333; display: block; }
.home-menu ul > li:hover > a:before {     -webkit-transform: scaleX(1);
    transform: scaleX(1);  }
.home-menu  li li a:before { display: none!important;  }
.home-menu  li a:before { content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; background: #00458e; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;
}

.home-menu  li:hover a { color: #fff;  }
.home-menu li ul { padding-top: 35px; display: none; width: 295px; position: absolute; left: 52px; top: 32px;  }
.home-menu li.full-menu ul { width: auto;  }
.home-menu li:hover ul { display: block;  }
.home-menu li li { margin-right: 55px; float: left;  }
.home-menu li li:last-child { margin-right: 0px;  }
.home-menu li li a { border:none; padding: 0px;     color: #333!important;  }
.home-menu  li li a:hover { color: #2098D1!important; background: none;  }

.gallery-box { margin-top: 70px; overflow: hidden;  }
.gallery-box.no-gap { margin-top: 30px;  }
.gallery-box li { position: relative; margin: 0 1%; width: 31%; float: left; }
.gallery-box .gallery-post { position: relative; margin-bottom: 18px; overflow: hidden;  }
.gallery-box i { position: absolute; left: 22px; bottom: 22px; font-size: 22px; color: #fff;  }

.conept-car-form { padding-top: 50px; width: 100%; float: left;  }
.conept-car-form h2 { margin-bottom: 40px; font-size: 28px; color: #000; letter-spacing: 4px; font-weight: 500;  }
.conept-car-form .blue-content-div { padding: 0 100px 70px 100px; width: 500px; margin: 70px auto 0 auto;  }
.conept-car-form .blue-content-div:before { background: #1663b2; -webkit-border-radius: 40px 75px 40px 40px; border-radius: 40px 75px 40px 40px;  }
.conept-car-form .blue-content-div:after { -webkit-border-radius: 40px 75px 40px 40px; border-radius: 40px 75px 40px 40px; border-color:#afb0b4;     -webkit-transform: rotate(2deg) rotateX(-12deg); transform: rotate(2deg) rotateX(-12deg); }
.conept-car-form .form-div { margin-bottom: 15px; width: 100%; float: left;  }
.conept-car-form input, .conept-car-form textarea {font-weight: 600; font-size: 13px; color: #1065af; padding: 0 15px; height: 30px; width: 100%; border:1px solid #81b7e6; -webkit-border-radius: 5px;border-radius: 5px;  }
.conept-car-form textarea { line-height: 20px; resize: none; padding: 15px; height: 100px;  }
.conept-car-form .blue-content-div .common-red-button { margin-top: 10px; color: #fff; margin-left: 0px; background: url(../images/red-button-bg.png) left top repeat-x; }
.conept-car-form .blue-content-div .common-red-button:before {  background: url(../images/red-button-bg-left.png) left top no-repeat; }
.conept-car-form .blue-content-div .common-red-button:after {  background: url(../images/red-button-bg-right.png) left top no-repeat; }
.conept-car-form .radio-buttons { margin-bottom: 90px; overflow: hidden;  }
.conept-car-form input[type="radio"] { display:none; }
.conept-car-form input[type="radio"] + label { margin: 0 22px; display:inline-block; width:17px; height:17px; padding-left: 29px; vertical-align:middle; background: url(../images/chekbox.png) left top no-repeat; }

.conept-car-form input[type="radio"]:checked + label { background-position: 0 -34px;  }

.all-cars.nexa { margin-top: -20px; padding-bottom: 85px; padding-top: 250px; background: url(../images/showroom.png) center top no-repeat; background-size: 100%; }
.all-cars.nexa li { width: 17%;  }
.all-cars.nexa ul { margin: 0px;  }
.all-cars.nexa li.new-swift img { margin-left: -25px; }
.all-cars.nexa li.wagnor > a { top: 10px; left: 50px; }
.all-cars.nexa li.new-swift > a { top: 6px; left: 83px; }
.all-cars.nexa li.brezza > a { top: -7px; left: 97px;  }
.all-cars.nexa li.cel > a { top: 12px; left: 187px; }
.all-cars.nexa li.wagnor .car-content { left: 68px; top: -65px;  }
.all-cars.nexa li.new-swift .car-content { left: 100px; top: -74px;  }
.all-cars.nexa li.brezza .car-content { left: -285px; top: -87px;  }
.all-cars.nexa li.cel .car-content { left: -196px; top: -66px;  }

.all-cars { margin: 50px 0; overflow: hidden;  }
.all-cars img { width: auto;  }
.all-cars img.big-img { z-index: -2; position: relative;  }
.all-cars ul { position: relative; margin-top: -190px; margin-left: -12%;  }
.all-cars li {  position: relative; width: 15%; display: inline-block;  }
.all-cars li img { vertical-align: bottom;  max-width: inherit;  }
.all-cars li > a {  position: absolute; left: 100px; top: 0; display: block; width: 34px; height: 34px; font-size: 0px; background: url(../images/plus.png) left top no-repeat;  }
.all-cars li.wagnor > a { top: 22px;  }
.all-cars li.new-swift > a { top: 48px;  }
.all-cars li.brezza > a { top: 95px; left: 118px; }
.all-cars li.cel > a { top: 46px; left: 160px; }
.all-cars li.artica > a { top: 30px; left: 209px; }
.all-cars li.new-swift img  { margin-left: -47px; top: 11px; position: relative; }
.all-cars .brezza { z-index: 9;  }
.all-cars .car-content { display: none; text-align: left; z-index: 999; top: -59px; padding: 25px 35px 30px 35px; width: 400px; height: 200px; position: absolute; left: 120px; background: rgba(255,255,255,0.95);  }
.all-cars .car-content h2 { margin-bottom: 12px; font-size: 20px; color: #1663b2; font-weight: normal;  }
.all-cars .car-content p { line-height: 20px; margin: 0 0 15px 0px; padding: 0px;  }
.all-cars .car-content a { font-weight: 600; font-size: 15px; color: #1663b2;  }
.all-cars .car-content a span { padding-left: 8px; font-size: 17px; }
.all-cars li  a.active { z-index: 9999; background-position: 0 -36px;  } 
.all-cars li.new-swift .car-content { left: 118px; top: -29px;  }
.all-cars li.brezza .car-content { left: 136px; top: 9px;  }
.all-cars li.cel .car-content { left: -222px; top: -38px;  }
.all-cars li.artica .car-content { left: -173px; top: -56px;  }
.all-cars li.artica img { position: relative; z-index: -2;  }
.all-cars.maruti li.cel  { position: relative; right: -58px; top: 11px;  }
.all-cars.maruti li.artica  { position: relative; right: -50px;  }
.all-cars .owl-next { display: none; cursor: pointer; text-indent: -999px; overflow: hidden; width: 35px; height: 35px; position: absolute; right: 0; top: 106px; background: url(../images/right-arrow-btn.jpg) left top no-repeat; }
.all-cars .owl-prev { cursor: pointer; display: none cursor: pointer; text-indent: -999px; overflow: hidden; width: 35px; height: 35px; position: absolute; left: 0; top: 106px; background: url(../images/left-arrow-btn.jpg) left top no-repeat; }

.event-slider { padding-bottom: 30px; padding-top: 50px; overflow: hidden;  }
.event-slider .timeline-center { width: 670px; margin: 0 auto;  }
.event-slider .bx-pager { position: relative; margin-top: 39px;  }
.event-slider .bx-pager:before { height: 1px; content: ""; top: 0; position: absolute; left: 0; width: 100%; background: #00458e;  }
.event-slider .bx-pager li { padding-top: 40px; position: relative; text-align: center; width: 42%; float: left;  }
.event-slider .bx-pager li:first-child { width: 30%; text-align: left;  }
.event-slider .bx-pager li:first-child span { position: relative; left: -68px;  }
.event-slider .bx-pager li:last-child span { z-index: 9; position: relative; right: -62px;  }
.event-slider .bx-pager li:last-child { width: 28%; text-align: right;  }
.event-slider .bx-pager li a { color: #eee; font-size: 14px;  }
.event-slider .bx-pager li a:before { margin-left: -30px; content: ""; width: 60px; height: 47px; position: absolute; left: 50%; top: -9px; background: url(../images/slider-dot.png) left -68px no-repeat;  }
.event-slider .bx-pager li a.active:before { top: -24px; background-position: 0 0px;  }
.event-slider .bx-pager li a.active {  color: #fff; font-family: 'AvenirNext-Bold';  }
.event-slider .bx-pager li:first-child a:before { left: -27px; margin-left: 0px; }
.event-slider .bx-pager li:last-child a:before { left: auto; right: -32px;  }



.event-slider .blue-center { text-align: center; padding: 50px 0; width: 420px; margin: 0 auto;  }
.event-slider h4 { margin-bottom: 20px; font-size: 21px; color: #fff; font-family: 'AvenirNext-Bold'; letter-spacing: 3px;  }
.event-slider p { margin-bottom: 30px; color: #b8b8bf; line-height: 20px;  }
.event-slider .blue-content-div { padding-top: 15px; padding-bottom: 70px;  }
.event-slider .common-right-arrow { font-size: 14px; margin: 0 8px;  }
.event-slider .common-right-arrow:last-child { margin-right: 0px;  }

.nexa-blue.top-gap { margin-top: 0px;  }
.nexa-blue .revrse .left { padding-left: 0px; padding-right: 5%; float: right;  }
.nexa-blue .revrse .blue-content-div:after { -webkit-transform: rotate(-3deg) rotateX(-12deg); transform: rotate(-3deg) rotateX(-12deg);  }
.nexa-blue .revrse .right { padding-right: 4%; padding-left: 5%; float: left;  }
.nexa-blue .revrse .image-rotate {    transform: perspective(500px) rotateY(-13deg) ; 
     -webkit-transform: perspective(600px) rotateY(-13deg) ; }
.nexa-blue .revrse .blue-content-div { text-align: right; -webkit-perspective: 150px; -webkit-perspective-origin: 50%; perspective: 150px; perspective-origin: 70%;  }
.nexa-blue .revrse .blue-content-div:before {     -webkit-transform: (3deg) rotateX(-12deg);
    transform: rotate( 3deg) rotateX(-12deg);  }

.nexa-blue { padding-bottom: 15px; margin-top: -25px; overflow: hidden; }
.nexa-blue .row-div.gap { padding-top: 45px;  }
.nexa-blue .row-div { padding-bottom: 57px; width: 100%; float: left;     }
.nexa-blue .left { width: 44%; padding-left: 6%;  }
.nexa-blue .right { padding-top: 30px; width: 47%; padding-right: 9%;  }
.nexa-blue .main-head-part { overflow: visible;  }
.nexa-blue h1 { margin-bottom: 75px; text-align: center;  }
.nexa-blue h4 { margin-bottom: 24px; font-size: 21px; color: #fff; font-family: 'AvenirNext-Bold';  }
.nexa-blue p { margin-bottom: 30px; color: #b8b8bf; line-height: 20px;  }
.nexa-blue .blue-boder a { padding-right: 16px; font-size: 15px; color: #fff; background: url(../images/right-arrow.png) right center no-repeat;   }

.nexa-blue .blue-content-div { padding-bottom: 70px;  }
.nexa-blue .blue-content-div:after { border-color: #aeaeae;  }
.nexa-blue .image-rotate { position: relative; display: block; 

    transform: perspective(500px) rotateY(13deg) ; 
     -webkit-transform: perspective(600px) rotateY(13deg) ; }
.nexa-blue .tilte-img { position: relative;  }
.nexa-blue .tilte-img:before { position: absolute; left: -185px; bottom: -50px; content: ""; width: 860px; height: 98px; display: block; background: url(../images/title-shadow.png) center bottom no-repeat; }
a.play-icon:before { -webkit-transform: rotateY( -13deg ); -moz-transform: rotateY( -13deg ); -o-transform: rotateY( -13deg ); transform: rotateY( -13deg );   }

.common-right-arrow { padding-right: 16px; font-size: 15px; color: #fff; background: url(../images/right-arrow.png) right center no-repeat; }

.owl-item { float: left; }
.owl-wrapper-outer { overflow: hidden;  }

.chatboat-center .chatboat-slider a { display: block;  }
.chatboat-center { width: 570px; margin: 0 auto;  }
.chatboat-center .bx-viewport { overflow: visible!important;  }
.chatboat-center .bx-pager-item { margin: 0 8px; display: inline-block;  }
.chatboat-center .bx-pager-item a { width: 17px; height: 16px; font-size: 0px; display: block; background: url(../images/chekbox.png) left top no-repeat; }
.chatboat-center .bx-pager-item a.active { background-position: 0 -34px;  }
.chatboat-center .bx-pager-item a:before, .chatboat-center .bx-pager-item a:after { display: none;  }
.video-thumb.image-style .chatboat-center a:after { bottom: -15px;  }
.video-thumb .bx-controls { width: 100%; position: absolute; left: 0; bottom: -23px;  }
.chatboat-style .video-thumb { overflow: visible;  }
.chatboat-style h1 { font-size: 35px; text-transform: none;  }

.assitans-box { margin: 0 12%; padding-top: 50px; border-top: 1px solid #b7b7b7; margin-top: 70px; overflow: hidden;  }
.assitans-box p { color: #151515; font-size: 18px; line-height: 30px;  } 

.massitans-box p { color: #151515; font-size: 18px; line-height: 30px; }
.massitans-box p span { font-family: 'AvenirNext-Bold'; }

.how-to-participate { margin-bottom: 65px; overflow: hidden;  }
.chatboat-style .how-to-participate h1 { margin-bottom: 40px;  }
.how-to-participate .clr { display: none;  }
.how-to-participate li { margin: 0 2%; width: 21%; float: left;  }
.how-to-participate img { width: auto;  }
.how-to-participate h2 { margin-bottom: 30px; font-size: 28px;  }
.how-to-participate p { padding: 0px; margin-top: 25px; color: #151515; font-size: 16px; line-height: 30px;  }

.tabs-menu { margin-bottom: 43px; overflow: hidden; }
.tabs-menu li {  width: 33.3%; float: left; }
.tabs-menu li.current { position: relative; background-color: #0085cb; z-index: 5; }
.tabs-menu li a { display: block; font-size: 15px; color: #333333; font-weight: bold; text-decoration: none; padding-top: 20px; padding-bottom: 16px; border-bottom: 4px solid #0085cb; }
.tabs-menu .current a { color: #fff; }
.tab { width: 420px; height: 691px; background: url(../images/phone.png) left top no-repeat; margin: 0 auto; padding: 49px 53px 0 53px; }
.tab img { -webkit-border-radius: 20px; border-radius: 20px;  }
.tab-content { display: none; }
#tab-1 { display: block; }


footer { overflow: hidden; color: #abc8e7; padding: 0 30px; padding-top: 13px; width: 100%; padding-bottom: 13px; background: #00458e;  }
footer .fl-left { letter-spacing: 2px;  }
footer a { color: inherit;  }
footer .copyright { display: inline-block; padding-top: 5px; margin-right: 30px;  }
footer .gap { margin: 0 8px;  }
footer li { margin-left: 30px; float: left;  }
footer li a { color: #fff; font-size: 18px;  }
footer .youtube-subscribe { display: none !important; color: #fff; text-transform: uppercase; font-weight: bold; letter-spacing: 1px; font-size: 12px; }
footer .youtube-subscribe i { position: relative; top: 3px; margin-right: 10px; font-size: 20px;  }



.moving { width: 375px; height: 403px; overflow: hidden; position: absolute; left: 0; top: -84px; background: url(../images/pattern1.png) left top repeat;    animation: slide 1s linear infinite; transform: rotate(-66deg);
   }
.moving .comon { position: absolute; left: 0; top: 0;   }

.italic-style { font-weight: bold; font-style: italic;  }


.common-popup ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #1065af;
}
.common-popup ::-moz-placeholder { /* Firefox 19+ */
  color: #1065af;
}
.common-popup :-ms-input-placeholder { /* IE 10+ */
  color: #1065af;
}
.common-popup :-moz-placeholder { /* Firefox 18- */
  color: #1065af;
}



::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #1065af;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #1065af;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #1065af;
}
:-moz-placeholder { /* Firefox 18- */
  color: #1065af;
}


#cd-menu-trigger { display: none;  position: absolute; right: 0; top: 0; height: 100%; width: 50px; background-color: #64807d;}

.mobile-menu { display: none;  }

.form-div:after, .form-msg{content: '';display: block;clear: both;}
.common-popup .form-msg { width: 284px; margin: 0 auto;display: none;}
.common-popup .form-msg p{ font-size: 20px; text-align: center;color: #fff; }

.catch-col{display: none;}
.brochure-div .blue-content-div h3{
    margin-bottom: 15px;
}
.brochure-div .blue-content-div p{
    margin-bottom: 30px;
    color: #b8b8bf;
}
.brochure-sec{
    padding-bottom: 80px;
}
.common-page .main-head-part p:last-child{
    margin-bottom: 0;
}
.common-page h1{
    margin-bottom: 35px;
}
.car_mob_img{
    display: none;
}

.cbp-spmenu-vertical { display: none;  }

.sport-mobile { display: none;  }

.expo-txt { margin-bottom: 30px; letter-spacing: 4px; font-size: 20px; color: #000; font-family: 'AvenirNext-Bold'; text-transform: uppercase; }
.expo-txt span { letter-spacing: 8px; margin-top: 18px;  display: block; font-size: 13px; color: #1953a3;  }


.back {
    padding: 13px 24px;
    
    margin-top: 2px;
    font-size: 15px;
    color: #fff;
    font-weight: 600;
    display: block;
    background: #0b2353;
}