@font-face { 
  font-family: 'impact_regular'; 
  src: url("https://mitsubishi-motors.co.in/fonts/ImpactRegular.ttf");
}
@font-face { 
  font-family: 'open_sans_regular'; 
  src: url("https://mitsubishi-motors.co.in/fonts/OpenSansRegular.ttf");
}
@font-face { 
  font-family: 'open_sans_bold'; 
  src: url("https://mitsubishi-motors.co.in/fonts/OpenSansBold.ttf");
}
body{background-color: #231F20; 
  cursor: url(../../uploads/2014/05/m11.png), default;}
#wrap{background: #231F20;}
.mitsu-row,.container{width: 936px !important; margin-right: auto; margin-left: auto; position: relative;}


#header-top{background: #fff; height: auto; padding: 15px 0;}
.top-header {max-width: 630px; margin: auto; text-align: right; }
.top-header ul {margin-bottom: 0; }
.top-header ul li { padding-right: 1px; display: inline-block; }
.top-header ul li a { border: 1px solid #D52729; border-width: 0 1px 1px 0; height: 25px;line-height: 25px;
        overflow: hidden; width: 85px; text-align: center; display: block; color: #000; 
        text-decoration: none; font-size: 12px;}
.top-header ul li a:hover {font-weight: 700; cursor: url(../../uploads/2014/05/m2.png), default;}
.btn-guard-wrap{position: relative; margin-right: -38px;}
.btn-guard-img{width: 155px; position: absolute; top: -15px; right: 23px; background: url(../../../images/mitsubishi-guard-open.png) no-repeat;
    color: #fff; line-height: 16px; text-align: right; background-size: 100% 100%; z-index: 99;
    height: 70px; font-size: 11px; font-weight: 700;display: none;}
.btn-guard-img span{margin: 10px 65px 0 0; display: block;}
.btn-guard{background: #D52729; padding: 0px 15px 0 5px; color: #fff; font-size: 13px; font-weight: 600; 
        height: 21px; line-height: 20px; text-decoration: none !important; display: block; width: auto;
        position: absolute; top: 10px; right: 0px; z-index: 10; text-transform: uppercase;
        -moz-transform: rotate(270deg); -o-transform: rotate(270deg); -ms-transform: rotate(270deg);
        -webkit-transform: rotate(270deg); transform: rotate(270deg); }
.btn-guard .ifc-wind_rose:before { height: 20px; width: 20px; position: absolute; left: inherit;
    top: 0px;  background-size: 20px; background-repeat: no-repeat; right: -1px; transform: rotate(90deg);}
.btn-guard:hover~.btn-guard-img{display: block;}

.sf-menu > li > a{padding: inherit;}
.sf-menu > li > a{padding: inherit;}
#header{border: none; background: #fff;}
#header .mitsu-span10{max-width: 690px; margin: auto; padding: 5px 0; width: initial; float: none;}
#logo { position: absolute; z-index: 99; background: #fff; padding: 10px; margin-left: 15px; margin-top: -10px;    }
#header ul#menu { float: none; font-size: 12px; margin-right: 30px; text-align: right;}
#header ul#menu > li { border-right: 1px solid #000; display: inline-block; float: none;}
#header ul#menu > li > a {height: 35px; line-height: 35px; overflow: hidden; width: 115px;text-align: center;
        display: block; color: #000; text-decoration: none; border: 1px solid transparent; font-size: 13px;}
#header ul#menu > li > a:hover { border-color: #D52729;cursor: url(../../uploads/2014/05/m2.png), default; }
#header ul#menu .sub-menu{min-width: 250px; padding: 0 0 0 50px; background-color: #D52729; margin-top: 15px;}
#header ul#menu .sub-menu li{background-color: #fff; margin: 0;}
#header ul#menu .sub-menu a{border: none; border-top: 2px solid #D52729;text-decoration: none;padding: 15px; text-align: left; text-transform: uppercase;}
#header ul#menu .sub-menu a:hover{background: #D52729; color: #fff !important; font-weight: 700;cursor: url(../../uploads/2014/05/m2.png), default;}
#header.sticky-header{ position: fixed; top: 0; z-index: 999; margin: auto; width: 100%; background: transparent;}
.header-search input1{position: absolute; top: 15px; right: 15px; z-index: 9; width: 120px;
   height: 22px; line-height: 22px; border: none; background: #cccece; color: #333; font-size: 11px; 
    border-radius: 10px;}
.header-search input1::placeholder{color: #333;}
#ajaxsearchlite1{width: 125px; position: absolute; right: 15px; top: 15px;border-radius: 10px;}
#ajaxsearchlite1 .probox{background: #cccece; height: 22px;}
#ajaxsearchlite1 .promagnifier, #ajaxsearchlite1 .proloading{display: none !important;}
#ajaxsearchlite1 .prosettings, #ajaxsearchlite1 .proclose{display: none !important;}
#ajaxsearchlite1 .probox .proinput input{height: 22px;color: #333 !important;}
#ajaxsearchlite1 .probox .proinput input::placeholder{color: #333 !important;}
#header.sticky-header>.container{background: #fff; padding: 0;height: 56px;}
#header.sticky-header .header-search input{right: 30px;}
#header.sticky-header #logo { margin-top: -5px;height: 35px; overflow: hidden; }
#header.sticky-header #logo img{max-width: 75%;}
#content{clear: both; margin-bottom: 0;padding-bottom: 0;}
.mitsu-full-width-section{margin-bottom: 0;}


.ban-top-links{position: absolute; top: 87px; right: 5px; ;}
.ban-top-links ul li {display: inline-block; }
.ban-top-links ul li p{border-radius: 50px; margin: 0;height: 43px;}
.ban-top-links ul li.active p {background: #D52729;}
.ban-top-links ul li a{ float: left; color: #fff; vertical-align: middle; text-decoration: none;
    padding: 10px 5px 0 10px; display: none; }
.ban-top-links ul li.active a{display: block;}
.ban-top-links ul li .click-img{cursor: pointer;}
.ban-top-links ul li img { transform: rotate(90deg);}


.home-ban{position: relative; height: 535px; margin-bottom: 40px; max-width: 970px;}
.top-arr-bg{position: absolute; top: 0; right: 0; z-index: 9;border-top: 140px solid #272626;
    border-right: 90px solid #272626; border-left: 90px solid transparent; border-bottom: 140px solid transparent;}
.bot-arr-bg{position: absolute; bottom: -5px; left: 0; z-index: 9;border-bottom: 140px solid #272626;
    border-left: 90px solid #272626; border-right: 90px solid transparent; border-top: 140px solid transparent;}
.ban-cont{font-weight: 700; position: absolute; z-index: 9; top: 100px; left: 60px;}
.ban-cont p{margin: 0; line-height: 18px;}
.ban-cont .lg-white{color: #fff; font-size: 30px; line-height: 30px; margin-bottom: 5px; font-family: 'open_sans_bold';}
.ban-cont .lg-red{color: #D52729; font-size: 45px; line-height: 45px; margin-bottom: 10px; font-family: 'Open Sans', sans-serif; font-weight: 900;}
.ban-cont .sm-white, .ban-cont .sm-white a{color: #fff;}
.transmission-txt{font-weight: 900; position: absolute; z-index: 99; bottom: 40px; left: 59px; 
  border: 2px solid #fff; color: #fff; border-left: 1; text-transform: uppercase; padding: 0 15px 0 25px;}
.home-ban-carousel{height: 535px; overflow: hidden;}
.home-ban-carousel .ban-item{width: 100%;}
.home-ban-carousel .ban-item img{height: 535px;}
.home-ban-carousel .owl-dots{position: absolute; z-index: 999;  bottom: 0;  right: 0;}
.home-ban-carousel .owl-dots .owl-dot{display: inline-block;}
.home-ban-carousel .owl-dots .owl-dot span{width: 45px; height: 15px; background: #272626; border-radius: 0; margin: 5px 3px; display: block;}
.home-ban-carousel .owl-dots .owl-dot.active span, .home-ban-carousel .owl-dots .owl-dot:hover span{background: #D52729;}
video {object-fit: fill;width: 100%; height: 100%;}
.youtube-overlay, .ui-widget-overlay{position: fixed; width: 100%; height: 100%; left: 0; top: 0; 
  background: #000; opacity: 0.9 !important; z-index: 99; display: none; padding-right: 40px;}
.play-link{position: absolute; top: 45%; left: 45%;display: block; width: 95px;height: 95px; z-index: 9;
    background:url('../../uploads/2014/05/playbutton.png') no-repeat; background-size: contain;}
.home-ban-carousel .ban-item  .play-link img{width: 100%; height: 100%;}
.YouTubeDialog {border: none; background: transparent; position: absolute; z-index: 999;top: 50px; text-align: center;
    width: 100%;} 
.YouTubeDialog .ui-widget-header{background: transparent; border: none; max-width: 900px !important; margin: auto;  text-align: right;}
.YouTubeDialog .ui-dialog-title{display: none;}
.YouTubeDialog.ui-dialog .ui-dialog-titlebar-close{background: #000; border: none; width: 40px; color: #fff;
    height: 40px; border-radius: 50%; margin: 0px -5px 0 0; z-index: 9; outline: none !important;}
.YouTubeDialog.ui-dialog .ui-dialog-titlebar-close .ui-icon-closethick:before{content:'X'; color: #fff; font-size: 14px;}
.YouTubeDialog.ui-dialog .ui-dialog-titlebar-close .ui-button-text{}

.car-thumb-slider{height: 250px;max-width: 970px; margin-bottom: 50px; overflow: hidden;}
.car-thumb-carousel .item{height: 250px; position: relative; display: block;}
.thumb-right-bg{position: absolute; bottom: 0; right: 0; z-index: 9;border-top: 125px solid #231F20;
    border-right: 50px solid #231F20; border-left: 50px solid transparent; border-bottom: 125px solid transparent;}
.thumb-left-bg{position: absolute; top: 0; left: 0; z-index: 9;border-bottom: 125px solid #231F20;
    border-left: 50px solid #231F20; border-right: 50px solid transparent; border-top: 125px solid transparent;}
.car-thumb-carousel{width: 100%;}
.car-thumb-carousel.owl-carousel.owl-drag .owl-item{margin-right: 0 !important;}
.car-thumb-carousel .owl-dots{display: none;}
.car-thumb-carousel .owl-nav{margin-top: -150px; z-index: 9; position: relative;}
.car-thumb-carousel .owl-nav .owl-prev, .car-thumb-carousel .owl-nav .owl-next{position: absolute;
    width: 30px; height: 30px; content: ''; color: transparent; background: red;}
.car-thumb-carousel .owl-nav .owl-prev{left: 0; background: url('../../../images/arrow-left.png') 0 0 no-repeat;}
.car-thumb-carousel .owl-nav .owl-next{right: 0; background: url('../../../images/arrow-right.png') 0 0 no-repeat;}
.car-thumb-carousel.owl-carousel .owl-item img{height: 100%;}
.car-thumb-cont{position: absolute; width: 100%; height: 92px; bottom: 10px; left: 0; color: #fff; 
      font-weight: 700; text-align: right; z-index: 91; background:  #272626; }
.car-thumb-cont h2{font-size: 18px; line-height: 18px; margin: 15px 15px 5px 0;color: #fff; font-weight: 500;
  font-family: 'impact_regular' !important;}
.car-thumb-cont p{font-size: 12px; margin: 0 15px 0 0;line-height: 18px; font-family: 'open_sans_regular'}
.car-thumb-cont .know-more{font-size: 12px; margin-right: 15px;}
.car-thumb-cont .ban-cont-left{position: absolute; top: 0; left: 0; z-index: 9;border-top: 92px solid #231F20;
    border-left: 20px solid #231F20; border-right: 40px solid transparent; border-bottom: 92px solid transparent;}

.cust-delights{margin-bottom: 40px;}
.cust-delights p{color: #fff;font-size: 35px; max-width: 190px;margin: 85px 0 0; float: left;
    line-height: 35px;font-family: 'impact_regular';}
.cust-delights li{width: 165px; height: 220px; border: 1px solid #ddd; margin: 15px 5px; float: left;
    display: inline-block;}
.cust-delights-carousel .owl-nav, .cust-delights-carousel .owl-dots{display: none;}


/* innerpage styles*/
.page-head-block{height: 215px; background: #393838; position: relative;}
.page-head-block .container{position: relative;}
.page-head-cont{position: absolute; top: 120px; right: 80px; text-align: right;}
.page-head{font-weight: 500; font-size: 35px; color: #fff8ef; margin-bottom: 5px; font-family: 'impact_regular'}
.page-head-caption{font-size: 12px; color: #fff; margin-bottom: 0;}
.page-head-block.less-height{height: 180px;}
.page-head-block.less-height .page-head-cont{top: 90px; right: 10px;}

.page-cont-wrap{background: #fff;}

.delights{width:640px; margin: 0 auto; padding: 30px 0;}
.delights li{width: 200px; height: 260px; border: 1px solid #ddd; margin: 15px 5px; float: left;
    display: inline-block;}

.years{width:540px; padding: 30px 0 50px; margin: 0 auto;}
.years li{display: inline-block; margin-right: 10px; min-width: 120px; text-align: center; font-weight: 700;}
.years li img{max-height: 260px;}


.page-link-tuple{height: 180px; background: #f2f2f2; display: block; position: relative; margin: 10px 0; background-size: cover !important;}
.page-link-tuple:before{content: ''; position: absolute; left: 0; top: 0; z-index: 9; border-top: 90px solid #231F20; border-left: 70px solid #231F20; border-bottom: 90px solid transparent;
  border-right: 70px solid transparent;}
.page-link-tuple:after{content: ''; position: absolute; right: 0; top: 0; z-index: 9; border-bottom: 90px solid #231F20; border-right: 70px solid #231F20; border-top: 90px solid transparent;
    border-left: 70px solid transparent; }
.tuple-head-box{width: 380px; height: 82px; background: #272626; text-align: right; float: right; margin-top: 50px;position: relative; z-index: 99;}
.tuple-head-box:before{content: ''; position: absolute; left: -40px; bottom: 0; z-index: 9;
  border-bottom: 41px solid #272626; border-right: 20px solid #272626; border-top: 41px solid transparent;
  border-left: 20px solid transparent;}
.head-box-cont{position: absolute; top: 50%; right: 15%; -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%);
  transform: translateY(-50%);}
.box-head{font-size: 24px; color: #fff; margin: 0; line-height: 26px;}
.box-caption{margin: 0; color: #fff; line-height: 12px; font-size: 10px;}

/* referral page css */
.red-diamond-link-tuple{background: url('../../uploads/2014/05/Auto-zone-About-as-05.png');}
.red-diamond-link-tuple:hover{background: url('../../uploads/2014/05/Auto-zone-About-as-Clr-05.png');}
.cust-del-link-tuple{background: url('../../uploads/2014/05/172.png');}
.cust-del-link-tuple:hover{background: url('../../uploads/2014/05/221.png');}


/* red diamond page style */
.arr-type-head{position: relative;  width: 340px; height: 85px; margin-top: 100px; text-align: left;
      background: #272626;}
.arr-type-head-right{position: absolute; top: 0;right: 0px; z-index: 9; border-top: 43px solid #fff;
      border-right: 40px solid #fff; border-left: 40px solid transparent; border-bottom: 43px solid transparent;}
.arr-type-head h2{font-size: 18px;line-height: 85px; color: #fff; font-weight: 700; text-align: center;}
.diamond-title{color: #D52729; font-weight: 700; }
.diamond-cont{margin: 0 50px;}
.diamond-cont ul li{color: #666; font-size: 14px; margin-bottom: 10px;}
.faq-block{margin: 30px}
.faq-block label{display: inline-block; font-weight: 700;}
.faq-block p{padding-left: 15px;}
.diamond-contact-form{margin: 30px 30px 100px 30px !important;}
.frm-contol{ border: 1px solid #d6d6d6 !important;height: 40px; padding: 12px 10px; position: relative;
    text-align: left; width: 100%;}
.btn-send{background: #D52729; color: #333; font-weight: 700; font-size: 12px; width: 130px; text-align: center;     border: none;  outline: none;  height: 30px;}

/* Auto Zone pages css*/
.paj-sport-link-tuple{background: url('../../uploads/2014/05/311.png');}
.paj-sport-link-tuple:hover{background: url('../../uploads/2014/05/48.png');}
.sport-dt-link-tuple{background: url('../../uploads/2014/05/120.png');}
.sport-dt-link-tuple:hover{background: url('../../uploads/2014/05/67.png');}
.sport-sel-link-tuple{background: url('../../uploads/2014/05/211.png');}
.sport-sel-link-tuple:hover{background: url('../../uploads/2014/05/56.png');}
.montero-link-tuple{background: url('../../uploads/2014/05/All-Models_01_Artboard-93.png');}
.montero-link-tuple:hover{background: url('../../uploads/2014/05/All-Models_01-22.png');}
.outlander-link-tuple{background: url('../../uploads/2014/05/All-Models_01-17.png');}
.outlander-link-tuple:hover{background: url('../../uploads/2014/05/All-Models_01_Artboard-98.png');}

.scroll-links{position: fixed; top: 40%; right: -1000px; z-index: 999; transition:right 2s ease;
 -webkit-transition:right 2s ease; -moz-transition:right 2s ease}
.scroll-links.pull-visible{right: 16%;}
.scroll-links li{display: block; margin-bottom: 10px; height: 15px;}
.scroll-links li span{width: 200px; text-align: right; margin-right: 15px; 
  color: #D52729; font-size: 16px; font-weight: 700; display: none;}
.scroll-links li a{width: 15px; height: 15px; background: #7F7F7F; border-radius: 50%; display: inline-block; float: right;}
.scroll-links li a:hover{background: #D52729;}
.scroll-links li a:hover~span{display: inline-block;}

.vap-container{width: 920px;margin-bottom: 40px; background: #fff;}
.ban-sec{height: 364px; position: relative; padding-bottom: 5px; background: #231F20;}
.ban-sec-item{width: 100%;}
.ban-sec img{height: 380px; width: 100%;}
.vap-banner{max-height: 340px; overflow: hidden;  position: relative;}
.vap-banner:before{content: ''; position: absolute; left: 0; bottom: 0; z-index: 9;
   border-left: 150px solid #232323; border-top: 150px solid transparent;}
.vap-ban-right-overlay{ position: absolute; right: 0; top: 0; z-index: 9; opacity: 0.8;
     border-right: 300px solid #000; border-bottom: 400px solid transparent;}
.glide-city{font-weight: 700; position: absolute; z-index: 9; top: 40px;left: 100px;}
.glide{color: #fff; font-size: 35px; line-height: 30px; margin-bottom: 5px;}
.the-city{color: #D52729; font-size: 45px; line-height: 45px;margin-bottom: 10px; font-weight: 700;}
.ban-overlay-cont { position: absolute; top: 60px; z-index: 9; right: 40px; color: #fff;
    font-size: 20px; line-height: 22px;}
.ban-overlay-cont span{font-size: 12px;}
.vap-banner-carousel .owl-nav{display: none;}

.sec-heading{ background: #272626;  text-align: right;  padding: 40px 70px 40px 20px;}
.sec-heading h2, .sec-heading-sm h2{color: #fff8ef; font-size: 32px; margin: 0; font-weight: 500; font-family: 'impact_regular'}
.sec-heading  p{color: #fff8ef; margin: 0; font-family: 'open_sans_regular';}
.sec-heading-sm{background: #272626; text-align: center; padding: 30px 70px; display: inline-block;}
.exp-sec .sec-cont{text-align: center; padding: 30px 0;}
.full-img img{width: 100%; max-height: 500px; margin-bottom: 20px;}
.safety-features .car-tuple{padding: 40px 0;}
.int-ext-sec{padding-bottom: 20px;}
.spec-sec-img{padding: 30px 50px 0 50px;}
.history-sec .sec-cont{padding: 30px;}
.perform-sec{padding-bottom: 30px;}

.feature-slider{height: 330px; margin-bottom: 50px; padding: 0 60px 0 80px; margin-top: -50px;}
.feature-slider .owl-stage-outer{padding: 70px 0 30px;}
.features-carousel .item{height: 220px; width: 190px;position: relative; display: block;}
.features-carousel{width: 100%;height: 200px;}
.features-carousel .owl-dots{display: none;}
.features-carousel .owl-nav{margin-top: -300px; z-index: 9; position: relative;}
.features-carousel .owl-nav .owl-prev, .features-carousel .owl-nav .owl-next{position: absolute;
    width: 30px; height: 30px; content: ''; color: transparent; background: red;}
.features-carousel .owl-nav .owl-prev{left: -40px; background: url('../../uploads/2014/05/feature-arr-prev.png') 0 0 no-repeat; background-size: contain;}
.features-carousel .owl-nav .owl-next{right: -10px; background: url('../../uploads/2014/05/feature-arr-next.png') 0 0 no-repeat; background-size: contain;}
.features-carousel.owl-carousel .owl-item img{height: 100%; max-height: 175px;}
.features-carousel h4{font-size: 14px; line-height: 16px; margin: 10px 15px 5px 0;color: #000; text-align: center;}
.features-carousel.owl-carousel .owl-item.active.center .item{zoom: 160%;left: -35px;top: -40px;}
.features-carousel.owl-carousel .owl-item.active.center .item h4{zoom:60%;}


.car-tuple{margin-bottom: 10px;}
.car-tuple-img{height: 250px;}
.car-tuple-img img{width: 100%; height: 100%;}
.car-tuple-cont{position: relative; height: 250px;}
.car-tuple-cont .t-inner {  position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%);  -o-transform: translateY(-50%);  transform: translateY(-50%);}
.car-tuple-cont .t-inner.t-right{text-align: left; left: 0;}
.car-tuple-cont .t-inner.t-left{text-align: right; right: 0;}
.car-tuple-cont h6{font-weight: 700; }
.car-tuple-cont ul li{display: block;}

.pricing-form{padding: 100px;}
.pricing-form p{display: table;width: 100%; margin-bottom: 20px;}
.pricing-form p:nth-child(2) select{max-width: 300px;}
.pricing-form p:nth-child(3) select{max-width: 200px;}
.pricing-form label{display: table-cell;width: 40%; font-size: 20px;color: #000;}
.pricing-form select{display: table-cell;}
.pricing-form input[type="submit"]{background: #272626; color: #fff; font-weight: 700; font-size: 16px; width: 150px; height: 80px;
        line-height: 80px; border-radius: 20px; border: 2px solid #ccc; padding: 0; }

.would-like fieldset{border-top: 1px solid #333;}
.would-like legend{ text-align: center; font-size: 26px; color: #000;font-weight: 700; margin-bottom: 15px;}
.would-like ul{display: table; text-align: center; margin: 21px 0 -50px;}
.would-like ul li{display: table-cell; padding-left: 10px;}
.would-like ul li:last-child{padding-right: 10px;}

/*Service Zone page css*/
.book-test-sport-link-tuple{background: url('../../uploads/2014/05/All-Models_222.png');}
.book-test-sport-link-tuple:hover{background: url('../../uploads/2014/05/73.png');}
.find-deal-link-tuple{background: url('../../uploads/2014/05/Booking-zone-13.png');}
.find-deal-link-tuple:hover{background: url('../../uploads/2014/05/Booking-zone_Clr-13.png');}
.req-call-sel-link-tuple{background: url('../../uploads/2014/05/Booking-zone-12.png');}
.req-call-sel-link-tuple:hover{background: url('../../uploads/2014/05/Booking-zone_Clr-12.png');}
.bro-link-tuple{background: url('../../uploads/2014/05/Booking-zone-11.png');}
.bro-link-tuple:hover{background: url('../../uploads/2014/05/Booking-zone_Clr-11.png');}
.corp-link-tuple{background: url('../../uploads/2014/05/Booking-zone_Clr-10.png');}
.corp-link-tuple:hover{background: url('../../uploads/2014/05/Booking-zone-10.png');}
.csd-link-tuple{background: url('../../uploads/2014/05/163.png');}
.csd-link-tuple:hover{background: url('../../uploads/2014/05/212.png');}

/* Take a free test drive page css */
.take-test-drive-wrap .wpb_content_element{margin-bottom: 0;}
.online-service-page.take-free-test .col-md-6{width: 48.8%;}
.online-service-page.take-free-test {max-width: 690px; margin: 30px auto 0;}

/*request call back page css*/
.req-call-bck-frm{max-width: 480px; margin: 60px auto;}
.req-call-bck-frm input[type="submit"]{max-width: 200px; float: right;}

/* E-brochre form */
.e-broch-form {max-width: 380px; margin: 40px auto;}

/* Online service booking page css*/
.online-service-page{padding: 40px 60px; margin-top: 30px;}
.online-service-page .book-table{background-color: #393838; padding: 20px;}
.online-service-page h3{color: #fff8ef; font-size: 2.571em; font-weight: 400; margin-bottom: 0.5em;line-height: 45px;}
.online-service-page .form-control{background-color: rgba(255, 255, 255, 0.1); border: 1px solid rgba(0, 0, 0, 0.3) !important;
    color: rgba(255, 255, 255, 0.5);margin: 0.35em 0; transition: all 0.3s ease-in-out; padding: 0.35em 1em;
    box-shadow: none; height: 4.5em; outline: none; display: block; width: 100%; font-size: 14px;line-height: 1.42857;
    background-image: none; border-radius: 4px;}
.online-service-page .btn{height: 3.5em; margin-top: 0.35em; transition: all 0.3s ease-in-out; border: none;
  font-weight: 600; background: #E00504 !important;text-align: center; border-radius: 5px; padding: 0.8em 1.5em; 
    font-size: 14px; line-height: 1.42857; display: inline-block; margin-bottom: 0; color: #fff; width: 100px;}

/* service spares page css */
.service-spare-cont{padding: 20px; display: block;}
.service-spare-cont img{max-width: 530px; margin: 40px auto; display: block;}
.all-abt-title{text-align: center; margin: 0; font-weight: 700; margin-bottom: -30px;}

/* Road assistance page css*/
.road-cont{background: #fff; padding: 20px;}


/* contact us page css */
.contactus-form{margin-bottom: 30px;}
.contactus-form-inner{max-width: 450px; margin: auto; background: #f2f2f2;padding: 10px; margin-bottom: 15px;}
.contactus-form input[type="submit"]{max-width: 150px; display: block; padding: 10px; margin: auto; 
  font-size: 15px; font-weight: 700;}


/* career page css */
.career-form{margin-bottom: 30px;max-width: 450px; margin: auto;}
.career-form h3{font-size: 20px; text-align: center; font-weight: 700; margin-bottom: 20px;}
.career-form input[type="submit"]{font-size: 15px; font-weight: 700; margin-top: 10px; display: block;}

/* Events page css*/
.events-images{padding: 60px 80px 5px 80px; background: #fff;}
.events-img-row{margin-bottom: 20px;}
.events-img-row ul{display: table; width: 100%;}
.events-img-row ul li{display: table-cell; width: 25%; padding-right: 20px;}
.events-img-row ul li img{height: 240px; width: 100%;}
.events-img-row ul li:nth-child(2){width: 50%;}
.events-img-row ul li:last-child{padding-right: 0;}

/* social feed page css */
.feeds{display: table; width: 100%; padding-bottom: 50px;}
.feeds ul{width:640px; margin: 0 auto; padding: 30px 0;}
.feeds li{width: 200px; height: 260px; margin: 15px 5px; float: left;
    display: inline-block;}
.btn-social-more{clear: both; text-align: center;}
.btn-social-more button{background: #D52729; color: #fff; width: 80px; height: 25px; line-height: 25px; font-size: 12px;
  position: relative; padding: 0; border: none;}
.btn-social-more button:before{content: ''; position: absolute; left: 0; top: 0; z-index: 9;
  border-top: 0 solid #fff; border-left: 10px solid #fff; border-bottom: 25px solid transparent;
  border-right: 10px solid transparent;}
.btn-social-more button:after{content: ''; position: absolute; right: 0; top: 0; z-index: 9; 
    border-bottom: 0 solid #fff; border-right: 10px solid #fff; border-top: 25px solid transparent;
    border-left: 10px solid transparent; }

/* Dealer zone page css*/
.dealer-zone-head .wpb_content_element{margin-bottom: 0;}
.dealer-login-form .wpb_content_element{margin-bottom: 0;}
.dealer-login-form{margin-bottom: 5px; padding: 60px 0 0;}
.dealer-zone-img h2{max-width: 380px; margin: 0 auto 20px;text-align: center;line-height: 20px;
    font-weight: 700;font-size: 17px;}
.dealer-zone-img img{max-width: 380px;}
.partner-form{max-width: 540px; margin: 10px auto 40px; border: 1px solid #8DC8C8; border-top:30px solid #6D6E71;}
.partner-form .pl-row{padding: 25px 17px;}
.partner-form .pl-col-md-6{width: 71%;}
.partner-form .pl-col-md-6 p{display: table;margin-bottom: 30px;}
.partner-form .inp-label{display: inline-block; width: 35%; float: left; font-size: 12px;
    color: #000; font-weight: 700;line-height: 12px;}
.partner-form .wpcf7-form-control-wrap{width: 65%; float: left;}
.partner-form .wpcf7-form-control-wrap input{padding: 3px 5px; margin-left: 5px;}
.partner-form .wpcf7-radio span.wpcf7-list-item{display: block; font-size: 12px; color: #000; font-weight: 700; }
.partner-form .wpcf7-radio span.wpcf7-list-item input{display: inline-block; width: 15px; margin-bottom: 0;} 
.partner-form .ajax-loader{display: none;}
.partner-form .part-frm-btns {background: #E3E3E3; text-align: center;padding: 3px; margin: 0;}
.partner-form .part-frm-btns input{background: #77B8B8; color: #fff; width: 65px;height: 25px; 
    line-height: 25px; padding: 0; text-align: center; border: none; margin: 0; display: inline-block;}

/*Discover page css */
.disc-page-cont{max-height: 700px; overflow: hidden;}
.btns label{display: block;}
.comm_begin{background-size:100% !important; height: 600px;background-repeat: no-repeat;position: relative;overflow: hidden;}
.first_begin{background: url(../../uploads/2014/05/NewHomePage.png);}
.first_align{background: url(../../uploads/2014/05/QUESTION1_PNG.png);}
.vertical-align{background: url(../../uploads/2014/05/QUESTION2_PNG.png);}
.second_q{background: url(../../uploads/2014/05/QUESTION3_PNG.png);}
.fifth_q{background: url(../../uploads/2014/05/QUESTION4_PNG.png);}
.six_q{background: url(../../uploads/2014/05/QUESTION5_PNG1.png);}
.seven_q{background: url(../../uploads/2014/05/QUESTION6_PNG.png);}
.eight_q{background: url(../../uploads/2014/05/QUESTION7_PNG.png);}
.nine_q{background: url(../../uploads/2014/05/QUESTION8_PNG.png);}
.ten_q{background: url(../../uploads/2014/05/QUESTION9_PNG.png);}
.eleven_q{background: url(../../uploads/2014/05/QUESTION10_PNG.png);}
.first_begin .btn_begin{margin: 120px 0 0 0;}
.first_begin .btn_begin h2{font-size: 62px;color: #8b5e3b;margin-bottom: 20px;}
.btncom_begin{background-color: #8b5e3b;color: #fff;font-size: 24px;text-transform: uppercase;border-radius: 0;padding: 10px 20px;margin-left: 40px;}
.begin_gif ul li{display: inline-block;padding: 50px 0;}
.begin_gif ul li img{width: 200px;}
.speed_limit{padding: 85px 40px;}
.speed_limit h4{font-size: 46px; color: #fff; margin: 22px 0; line-height: 50px;}
.speed_limit label span {color: #fff; font-size: 22px;}
.quiz-overlay{position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0,0,0,0.6);z-index: 999;}
.quiz-wrap{ position: absolute; top: 50px; margin: auto; z-index: 999; min-height: 300px; max-height: 650px; overflow: hidden; padding-top: 15px; left: 0; right: 0;}
.btn-quiz-skip{border: none; background: #D52729; padding: 0px 15px 0 5px; color: #fff; font-size: 13px; font-weight: 600;  height: 35px;  line-height: 35px;  display: block; width: 150px; position: absolute;	top: 0px; right: 0px;z-index: 10; z-index: 9999;text-transform: uppercase; border-radius: 30px;}
.result-block{background: url(../../uploads/2014/05/QUESTION1_PNG.png);width: 100%; height: 100%; min-height: 500px;}
.result-img{width: 50%; float: left; text-align: center;}
.result-img img{max-width: 350px; margin-top: 50px;}
.result-cont{width: 50%; float: left; text-align: center; margin-top: 150px;}
.result-cont h2 {font-size: 40px; color: #fff; margin: 22px 0; line-height: 40px;}
.btn-share { background-color: #8b5e3b;  color: #fff; font-size: 24px; text-transform: uppercase;
    border-radius: 0; padding: 10px 20px;text-decoration: none; text-decoration: none; font-weight: 700;}
.car_first input[type="radio"]{-webkit-appearance: checkbox; -moz-appearance: checkbox;}
#first_car .speed_limit h4 , #second_car .speed_limit h4{max-width: 425px;}
#fourth_car .speed_limit h4{font-size: 38px;}

/* footer styles */
#footer:before{display: table; content: '';}
.bg-footer { background: #272626;}
.bg-copyright { background: #D52729; color: #fff; text-align: center; text-transform: uppercase;
        height: 18px;  line-height: 18px;font-size: 12px;      }
.bg-copyright p { margin: 0;}
.developed-link{position:absolute; left:-1000px;z-index:-1;}
.social-links { padding: 10px 0; border-top: 2px solid #D52729; border-bottom: 2px solid #D52729;
        margin: 15px 0; color: #fff;}
.social-links ul {max-width: 320px; margin: 0 auto 0;}
.social-links ul li { display: inline-block;}
.social-links ul li img { width: 40px; height: 40px; margin-right: 20px;}
.social-inner{ max-width: 790px; margin: auto; position: relative;}
.drive-earth, .follow-us { color: #fff; font-size: 18px; margin-top: 15px; position: absolute;
      }
.drive-earth{right: 0; top: 0;}
.foot-links { color: #fff;}
.foot-links h6 {font-weight: bold; font-size: 12px; color: #fff;}
.foot-links .footer-about p { max-width: 300px; font-size: 12px; line-height: 16px;}
.foot-links ul { padding: 0; }
.foot-links ul li { display: block; }
.foot-links ul li a { color: #fff; font-size: 12px; display: block; text-decoration: none;}
.watch-link {
    display: block;
    z-index: 9;
}

@media screen and (min-width: 768px){
   .YouTubeDialog .ui-dialog-content{max-width: 900px !important; margin: auto;}
}

@media screen and (max-width: 767px){
        .speed_limit {
    width: 66%;
    padding: 5px 14px;
}

.eleven_q {
    background-size: 100% 100% !important;
    background-repeat: no-repeat;}
.ten_q {
    background-size: 100% 100% !important;}
.nine_q {
    background-size: 100% 100% !important;
    background-repeat: no-repeat;}
.eight_q {
    background-size: 100% 100% !important;}
.second_q {
    background-size: 100% 100% !important;
    background-repeat: no-repeat;}
    .six_q {
    background-size: 100% 100% !important;
    background-repeat: no-repeat;}
    .seven_q {
    background-size: 100% 100% !important;}
    .fifth_q {
    background-size: 100% 100% !important;}
.vertical-align {
    background-size: 100% 100% !important;}
    .begin_gif ul li{display: inline;padding: 50px 0;}
.begin_gif ul li img{width: 70px;}
.first_align {
    background-size: 100% 100% !important;
    background-repeat: no-repeat;}
.comm_begin{height:400px !important;}
   .mitsu-row, .container{max-width: 100%;}  
   .btn-guard-wrap{display: none;}
   .header-search{display: none;}
   #header-top{padding: 0; border-bottom: 1px solid #D52729;}
   .top-header{text-align: center;}
   .top-header ul li a{width: 73px; font-size: 11px;border:none;}
   #header{height: 55px;}
   #header.sticky-header{position: relative;}
   #logo{margin-left: -20px;margin-top:5px;height: 40px;overflow: hidden; padding:0;}
   #logo img{max-width: 70%;}
   #mobile-menu{margin-top: 0 !important;}
   .ban-top-links{display: none;}
   
   .YouTubeDialog .ui-dialog-content{max-width: 100% !important; margin: auto;}
   .YouTubeDialog iframe{position:fixed;width:98%;left: 1%;}
   .YouTubeDialog.ui-dialog .ui-dialog-titlebar-close{position: fixed;z-index: 999;}
   
   .first_begin .btn_begin h2{font-size: 22px;}
   .speed_limit h4{font-size: 18px;line-height: 22px;}
   .speed_limit label span{font-size: 12px;}
   #fourth_car .speed_limit h4{font-size: 18px;}
   .result-img{max-width: 200px;margin: auto; float: none;}
   .result-img img{width: 100%; margin-top: 50px;}
   .result-cont{width: 100%;float: none;margin-top: 40px;}
   .result-cont h2{font-size: 20px;line-height: 30px;}
   
   .home-ban{height: 220px; margin-bottom: 0; max-width: 100%;margin-top: 15px;}
   .home-ban-carousel{height: 220px;}
   .top-arr-bg, .bot-arr-bg{display: none;}
   .ban-cont{top: 50px;left: 20px;}
   .ban-cont .lg-white{font-size: 11px;line-height: 11px;}
   .ban-cont .lg-red{font-size: 15px; line-height: 15px; margin-bottom: 5px;}
   .transmission-txt, .play-link{display: none;}
   .home-ban-carousel .ban-item img{height: 220px;}
   .car-thumb-slider{margin-top: 30px; height: 160px;}
   .car-thumb-cont{height: 55px;}
   .car-thumb-cont h2 {font-size: 13px; line-height: 13px;margin: 8px 15px 2px 0;}
   .car-thumb-cont p {font-size: 11px;  line-height: 12px;}
   .car-thumb-cont .know-more {font-size: 10px;line-height: 7px;}
   .thumb-left-bg{border-bottom: 80px solid #231F20; border-left: 30px solid #231F20; border-right: 30px solid transparent;
    border-top: 80px solid transparent;}
   .thumb-right-bg{border-top: 80px solid #231F20; border-right: 30px solid #231F20; border-left: 30px solid transparent;
    border-bottom: 80px solid transparent;}
   .car-thumb-carousel .item, .car-thumb-carousel.owl-carousel.owl-drag .owl-item{height: 160px;}
   .car-thumb-carousel .owl-nav{margin-top: -90px;}
   .cust-delights p{font-size: 16px;float: none;margin: 30px 0 0;}

   .page-head-block{height: 60px;}
   .page-head{font-size: 16px;line-height: 16px;padding-top: 10px;margin-top: 0;}
   .page-head-cont{position: relative; top: inherit;right: inherit; text-align: left;padding: 5px 10px;}
   .page-link-tuple{height: 80px; margin: 20px 0;}
   .page-link-tuple:after, .page-link-tuple:before{content: none;}
   .tuple-head-box{margin-top: 20px; height: 40px; width: 250px;}
   .tuple-head-box:before{content: none;}
   .box-head{font-size: 16px; line-height: 16px;}
   .page-link-tuple{background-size: 100% 100% !important;}

   .scroll-links{display: none;}
   .ban-sec{height: 150px;}
   .ban-sec img{height: 100%;}
   .ban-sec-item{height: 150px;}
   .ban-sec-item .ban-sec-item{display: none;} 
   .vap-ban-right-overlay {border-right: 150px solid #000;border-bottom: 150px solid transparent;}
   .ban-overlay-cont {top: 20px;right: 15px;font-size: 14px;line-height: 18px;}
   .glide{font-size: 14px;line-height: 16px;}
   .the-city{font-size: 16px;line-height: 16px;}
   .vap-banner:before{display: none;}
   .car-tuple{border-bottom: 1px solid #ddd;}
   .car-tuple-img, .car-tuple-cont{height: auto;}
   .car-tuple-cont .t-inner{position: relative;top: inherit; -webkit-transform: inherit; -moz-transform: inherit;
    -ms-transform: inherit;-o-transform: inherit;transform: inherit;}
   .sec-heading, .sec-heading-sm{padding: 10px;}
   .sec-heading h2, .sec-heading-sm h2{font-size: 16px; line-height: 16px;}
   .exp-sec .sec-cont{padding: 0;}
   .pricing-form {padding: 20px 10px;}
   .would-like legend{font-size: 16px;margin-bottom: 0px;}

   .page-head-block.less-height {height: auto;}
   .page-head-block.less-height .page-head-cont {top: inherit;right: inherit;}
   .online-service-page {padding: 5px;margin-top: 10px;}
   .online-service-page h3 {font-size: 16px; margin-bottom: 20px;line-height: 16px;}
   .online-service-page .form-control{height: 30px; line-height: 30px;}
   .online-service-page .col-md-6{width:100%;}
   .online-service-page .col-md-1 {width: 23%;}

   .delights{width: 100%;} 
   .delights ul {width: 100%;}
   .delights li {width: 85%;height: initial; margin:0 auto 10px;float: none; display: block;}

   .arr-type-head{height: 40px; margin-top: 20px;width: 100%;}
   .arr-type-head h2 {font-size: 16px;line-height: 40px; text-align: center;}
   .diamond-img img{margin:0 !important; max-width: 100% !important;}
   .diamond-title{font-size: 16px;line-height: 18px;}
   .diamond-cont {margin: 10px 0;}
   .diamond-cont img{margin: auto !important; max-width: 100% !important;}
   .faq-block {margin: 30px 0 0;}
   .feeds{width: 100%;} 
   .feeds ul {width: 100%;}
   .feeds li {width: 85%;height: initial; margin: auto;float: none; display: block;}
   .events-images {padding: 0;}

   .follow-us, .drive-earth{display: none;}
   .social-links ul{text-align: center;}
   .social-links ul li img{margin-right:10px;}
   .foot-links{text-align: center;}
   .suggest-links, .other-links{width: 46%;float: left;}
   
   .timeline, .timeline-horizontal{padding: 0 !important;min-width: 300px !important; left: -40px !important; top: -80px !important;}
    .timeline .timeline-item .timeline-panel{width: 70% !important;}
   .timeline .timeline-item:nth-child(even) .timeline-panel{left: 0 !important;}
   
   .feature-slider{margin-top: 0; padding:0;}
   .features-carousel .item{display: none;}
   .features-carousel.owl-carousel .owl-item.active.center .item{display: block;left: -60px;}
   .features-carousel .owl-nav .owl-prev{left: 0;}
   
   .disc-page-cont{margin-top: 20px;}
   
   #frm_servicecenter_req{padding: 0 10px !important;}
   #frm_servicecenter_req br{display: none;}
   #frm_servicecenter_req .form-row {padding-right: 0 !important; padding-top:0 !important;}
   #service_city_container{padding-right: 0 !important;}
   #contact select.form-control {padding-top: 0;}
   
   #frm_testdrive_req{padding: 0 10px !important;}
   #frm_testdrive_req img{height: 150px !important;}
   #frm_testdrive_req .form-row {padding-right: 0 !important;}
   .online-service-page.take-free-test .col-md-6 { width: 100%;}
}

.vap-ban-right-overlay2 { position: absolute; right: inherit; left: 0; top: 0; z-index: 9; opacity: 0.8;
   border-left: 300px solid #000; border-top: 400px solid transparent;}
.ban-overlay-cont2 { position: absolute; bottom: 60px; z-index: 9; left: 40px; color: #fff; font-size: 20px;
   line-height: 22px;}

