@charset "utf-8";
/* CSS Document */


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}




@font-face {
    font-family: 'Lato';
    src: url('../fonts/Lato-Black.ttf');
    src: url('../fonts/Lato-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Lato';
    src: url('../fonts/Lato-BlackItalic.ttf');
    src: url('../fonts/Lato-BlackItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Lato';
    src: url('../fonts/Lato-Bold.ttf');
    src: url('../fonts/Lato-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Lato';
    src: url('../fonts/Lato-BoldItalic.ttf');
    src: url('../fonts/Lato-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Lato';
    src: url('../fonts/Lato-Italic.ttf');
    src: url('../fonts/Lato-Italic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Lato';
    src: url('../fonts/Lato-Light.ttf');
    src: url('../fonts/Lato-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Lato';
    src: url('../fonts/Lato-LightItalic.ttf');
    src: url('../fonts/Lato-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Lato';
    src: url('../fonts/Lato-Regular.ttf');
    src: url('../fonts/Lato-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Lato';
    src: url('../fonts/Lato-Thin.ttf');
    src: url('../fonts/Lato-Thin.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Lato';
    src: url('../fonts/Lato-ThinItalic.ttf');
    src: url('../fonts/Lato-ThinItalic.ttf') format('truetype');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}






*{box-sizing:border-box;}
body{margin:0; padding:0; font-family: 'Lato'; font-weight: 500; font-style: normal; color:#373737;}

/* h1{font-size:60px; line-height:80px; font-weight: 600;} */
h2{font-size:48px; line-height:60px; font-weight: 300;}
h3{font-size:36px; line-height:normal;}
h4{font-size:30px; line-height:28px;}
h5{font-size: 24px; line-height: 36px;}
h6{font-size:16px; line-height:36px;}
p{font-family: 'Lato'; font-size:16px; line-height:24px; color:#373737;}

h3, h4, h5, h6{font-weight: 500; font-style: normal;}

ol, ul{margin:0; padding:0;}
a{color:#232323; text-decoration:none;}
a:hover{text-decoration:none; color: #cc0001;}
strong{font-weight:bold;}

.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto
{
	padding-right: 24px;
	padding-left: 24px;
}

.row{margin-right: -24px;
margin-left: -24px;}

.btn{
  border-radius: 0;
}
.btn:hover{
    background-color: #373737;
    color: #fff;
}
.btn:focus{ box-shadow: none;}

img { max-width: 100%; }
.display-ib{ display: inline-block;}

.mob-view{ display: none;}
.desk-view{ display: block;}



/***** Wrapper *****/

.wrapper { display: block; }


/***** Sidebar *****/

.sidebar {
	width: 250px; height: 100vh; position: fixed; top: 0; right: -255px; z-index: 999; 
	background: #333; color: #fff; transition: all .3s; box-shadow: 3px 3px 3px rgba(51, 51, 51, 0.5);
	text-align: left;
}

.sidebar.active { right: 0; }

.dismiss {
	width: 35px; height: 35px; position: absolute; top: 10px; right: 10px; transition: all .3s; 
	background: #444; border-radius: 4px; text-align: center; line-height: 35px; cursor: pointer;
}

.dismiss:hover, .dismiss:focus { background: #555; color: #fff; }

.sidebar .logo { padding: 40px 20px; border-bottom: 1px solid #444; transition: all .3s; }

.sidebar .logo a {
	display: inline-block;
	width: 172px;
	height: 34px;

	border: 0;
	text-indent: -999999px;
}

.sidebar ul.menu-elements { padding: 10px 0; border-bottom: 1px solid #444; transition: all .3s; }

.sidebar ul li a {
	display: block; padding: 10px 20px;
	border: 0; color: #fff;
}
.sidebar ul li a:hover,
.sidebar ul li a:focus,
.sidebar ul li.active > a:hover,
.sidebar ul li.active > a:focus { outline: 0; background: #555; color: #fff; }

.sidebar ul li a i { margin-right: 5px; }

.sidebar ul li.active > a, a[aria-expanded="true"] {
	background: #444;
	color: #fff;
}

.sidebar ul ul a { background: #444; padding-left: 30px; font-size: 14px; }

.sidebar ul ul li.active > a { background: #555; }

.sidebar a[data-toggle="collapse"] {
    position: relative;
}

.sidebar .dropdown-toggle::after {
    display: block;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
}

.sidebar .to-top { padding: 20px; text-align: center; }

.sidebar .dark-light-buttons { padding: 10px 20px 30px 20px; text-align: center; }

/* sidebar light */

.sidebar.light { background: #fff; color: #888; }

.sidebar.light .dismiss { background: #ddd; color: #888; }

.sidebar.light .dismiss:hover, 
.sidebar.light .dismiss:focus { background: #ccc; color: #888; }

.sidebar.light .logo { border-color: #eee; }


.sidebar.light ul.menu-elements { border-color: #eee; }

.sidebar.light ul li a { color: #888; }

.sidebar.light ul li a:hover,
.sidebar.light ul li a:focus,
.sidebar.light ul li.active > a:hover,
.sidebar.light ul li.active > a:focus { background: #ccc; color: #888; }

.sidebar.light ul li.active > a, .sidebar.light a[aria-expanded="true"] {
	background: #ddd;
	color: #888;
}

.sidebar.light ul ul a { background: #ddd; }

.sidebar.light ul ul li.active > a { background: #ccc; }

.sidebar.light a.btn-customized-3 { background: #ddd; color: #888; }

.sidebar.light a.btn-customized-3:hover, 
.sidebar.light a.btn-customized-3:active, 
.sidebar.light a.btn-customized-3:focus, 
.sidebar.light a.btn-customized-3:active:focus, 
.sidebar.light a.btn-customized-3.active:focus,
.sidebar.light a.btn-customized-3.btn.btn-primary:not(:disabled):not(.disabled):active,
.sidebar.light a.btn-customized-3.btn.btn-primary:not(:disabled):not(.disabled):active:focus {
	background: #ccc; color: #888;
}

.sidebar.light a.btn-customized-4.btn-customized-dark { background: #555; }
.sidebar.light a.btn-customized-4.btn-customized-light { background: #eee; }

.sidebar.light a.btn-customized-4.btn-customized-dark:hover, 
.sidebar.light a.btn-customized-4.btn-customized-dark:active, 
.sidebar.light a.btn-customized-4.btn-customized-dark:focus, 
.sidebar.light a.btn-customized-4.btn-customized-dark:active:focus, 
.sidebar.light a.btn-customized-4.btn-customized-dark.active:focus,
.sidebar.light a.btn-customized-4.btn-customized-dark.btn.btn-primary:not(:disabled):not(.disabled):active,
.sidebar.light a.btn-customized-4.btn-customized-dark.btn.btn-primary:not(:disabled):not(.disabled):active:focus {
	background: #ccc; color: #fff;
}

.sidebar.light a.btn-customized-4.btn-customized-light:hover, 
.sidebar.light a.btn-customized-4.btn-customized-light:active, 
.sidebar.light a.btn-customized-4.btn-customized-light:focus, 
.sidebar.light a.btn-customized-4.btn-customized-light:active:focus, 
.sidebar.light a.btn-customized-4.btn-customized-light.active:focus,
.sidebar.light a.btn-customized-4.btn-customized-light.btn.btn-primary:not(:disabled):not(.disabled):active,
.sidebar.light a.btn-customized-4.btn-customized-light.btn.btn-primary:not(:disabled):not(.disabled):active:focus {
	background: #ccc; color: #fff;
}


/***** Dark overlay *****/

.overlay {
    display: none; position: fixed; width: 100vw; height: 100vh; 
    background: rgba(51, 51, 51, 0.7); z-index: 998; opacity: 0; transition: all .5s ease-in-out;
}

.overlay.active { display: block; opacity: 1; }


/***** Content *****/

.content { width: 100%; transition: all 0.3s; overflow: hidden; }

.open-menu { /* position: fixed; */ position: absolute; top: 20px; right: 10px; z-index: 997; font-size: 30px;
  border: none;
  box-shadow: none; }

  select.form-control:not([size]):not([multiple]) {
    height: calc(2.25rem + 5px);
}
/* Common Css */

/* Spacing */
.pt-80{ padding-top: 80px !important;}
.pb-80{padding-bottom: 80px !important;}

.mt-30{ margin-top: 30px !important;}
.mb-30{ margin-bottom: 30px !important;}
.mt-50{ margin-top: 50px !important;}
.mt-80{margin-top: 80px !important;}
.mb-80{margin-bottom: 80px !important;}
.mt-90{margin-top: 90px !important;}
.mb-90{margin-bottom: 90px !important;}

.white-btn{background-color: #fff; color: #cc0001;}
.red-btn{ background-color: #cc0001; color: #fff;}

.form-group{
  width: 100%;
  margin-bottom: 35px;
}
.form-control{
  border: 1px solid #797979;
  border-radius: 0;
  height: 41px;
}
.input-group-text{ border-radius: 0; border: 1px solid #797979; border-right-color: transparent;}


.top-nav{
	background-color: #cc0001;
	padding: 5px 0;
}
.top-nav ul{
    display: block;
    width: 100%;
}
.top-nav ul
.top-nav ul li{
    display: inline-block;
    font-size: 18px;
}
.top-nav .left-nav .book-btn{
  font-size: 15px;
  padding: 0 10px;
  margin: 0;
  margin-right: 20px;
  font-weight: 600; 
  margin-top:6px;
}
.center-nav{
  width: 100% !important;
}
.left-nav li{ display: inline-block;}
.topsclm li{
  display: inline-block;
  margin: 0 5px;
}
.topsclm li a,
.right-nav li a{
  color: #fff;
}
.topsclm li a:hover,
.right-nav li a:hover, .topsclm li a:hover i, .right-nav li a:hover i{
  color: #232323;
}
.right-nav{
  width: 100% !important;
}
.right-nav li{
  font-size: 14px !important;
  margin-left: 20px;
  display: inline-block; color:#fff;
}
.right-nav li:nth-child(3){
  margin-top: 10px;
}
.right-nav li i{font-size:17px; margin-right: 7px;}

.topsclm li a i{font-size:17px; line-height:normal; margin-left:0px;}


	.navbar .nav-item .dropdown-menu{ display: none; }
	.navbar .nav-item:hover .nav-link{   }
	.navbar .nav-item:hover .dropdown-menu{ display: block; }
	.navbar .nav-item .dropdown-menu{ margin-top:0; }

  .navbar .nav-item .dropdown-menu li{}
  .navbar .nav-item .dropdown-item{ font-size: 17px; padding: 7px 20px;}



/* Slider-nav */

.slider-nav nav{
  width: 100%;
  position: absolute;
  top: 65px;
  left: 0;
  z-index: 99;
}

.carousel-item {
    height: auto;
    min-height: 300px;
    background: no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }
  .carousel-caption {
    bottom: 270px;
  }
  
  .carousel-caption h5 {
    font-size: 45px;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-top: 25px;
  }
  
  .carousel-caption p {
    width: 75%;
    margin: auto;
    font-size: 18px;
    line-height: 1.9;
  }
  .slider-nav .carousel-indicators li{
    width: 10px;
    height: 10px;
background-color: #232323;
border: 1px solid #232323;
border-radius: 50%;
cursor: pointer;
  }
  .slider-nav .carousel-indicators .active{
    background-color: #cc0001;
  }
  .slider-nav .navbar-brand {
    color: #fff;
    font-size: 25px;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 2px;
  }
  .slider-nav .navbar-brand img{
	  width: 100px;
  }

  .slider-nav .carousel-indicators {
    bottom: -20px;
  }
  .slider-nav .carousel-item{
    cursor: pointer;
  }
  .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link {
    color: #fff;
  }
  
  .navbar-light .navbar-nav .nav-link {
    color: #fff;
  }
  
  .navbar-toggler {
    background: #fff;
  }
  
  .navbar-nav {
    text-align: center; width: 100%;
justify-content: center;
  }
  
  .nav-link {
    padding: .2rem 1rem;
  }
  
  .nav-link.active,.nav-link:focus{
    color: #fff;
  }
  
  .navbar-toggler {
    padding: 1px 5px;
    font-size: 18px;
    line-height: 0.3;
  }
  
  .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    color: #fff;
  }

.about-section{
  width: 100%;
  position: relative;
}
  .about-text-sec h1,
  .about-text-sec p{margin-bottom: 25px;}
  .about-text-sec h3{
    font-size: 30px;
line-height: 28px;
    color: #cc0001;
  }
.heading-section h1{
  font-size: 48px;
line-height: 60px;
font-weight: 300;
}



.about-text-sec .heading-section{
  height: 150px;
  margin-bottom: 30px;
}
.about-text-sec .heading-section::after{
  margin: 0;
}
  .about-text-sec p{
    padding-right: 65px;
  }
  .abt-icon-item{ margin-bottom: 30px;}
  .abt-icon-item .icon-img{
    width: 70px;
    height: 70px;
     margin: 0 auto;
     margin-bottom: 10px;
  }
  .abt-icon-item img{ }
  .abt-icon-item h3{ color: #cc0001; text-transform: uppercase; font-size: 17px; font-weight: 600;}


/* .heading-section hr{
  width: 125px;
  border-bottom: 1px solid #cc0001;
  margin: 30px auto 50px;
} */
.heading-section{
position: relative;
height: 90px;
padding-bottom: 6px;
margin-bottom: 50px;
}
.heading-section::after{
  content: '';
  width: 130px;
  height: 2px;
  position: absolute;
  margin: 0 auto;
  left: 0;
  right: 0;
  bottom: 0;
 /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#373737+50,cc0001+50,373737+50,cc0001+50 */
background: #373737; /* Old browsers */
background: -moz-linear-gradient(left,  #373737 50%, #cc0001 50%, #373737 50%, #cc0001 50%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #373737 50%,#cc0001 50%,#373737 50%,#cc0001 50%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #373737 50%,#cc0001 50%,#373737 50%,#cc0001 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#373737', endColorstr='#cc0001',GradientType=1 ); /* IE6-9 */


}

.vehicle-section{
  width: 100%;
  position: relative;
  overflow: hidden;
}
.vehicle-tab{
  width: 100%;
  float: left;
  position: relative;
}
/* .vehicle-tab nav{
  height: 100%;
} */
.vehicle-tab .nav-tabs {
  justify-content: center;
  margin-bottom: 20px;
}
.vehicle-tab .nav-tabs li{
  color: #181818;
  font-size: 30px;
  margin: 0 20px;
}
.vehicle-tab .nav-tabs li h3{
  color: #181818;
  font-size: 30px;
  margin: 0 20px;
}
.vehicle-tab .nav-tabs li a.active h3{color: #cc0001;}
  /* owl Carousel */

  .owl-carousel .item {
    padding: 1rem;
}
.owl-carousel .nav-btn{
  height: 47px;
  position: absolute;
  width: 26px;
  cursor: pointer;
  top: 100px !important;
}
.vehicle-tab .owl-carousel .owl-stage-outer {
  overflow: inherit;
}
.vehicle-carousel::before{
  background-color: rgba(255, 255, 255, 0.397);
}
.owl-prev, .owl-next {
	position: absolute;
	top: 0;
	height: 100%;
}
.vehicle-tab .owl-theme .owl-nav [class*=owl-]{
  font-size: 20px;
}
.vehicle-tab .owl-theme .owl-nav button i{
  color: #4d4d4d;
}
.vehicle-tab .owl-theme .owl-nav [class*=owl-]:hover {
  background: transparent;
  color: #cc0001 !important;
  text-decoration: none;
}
.vehicle-tab .owl-prev {
	left: 0;
}
.vehicle-tab .owl-next {
	right: 0;
}




 .vehicle-tab .owl-carousel .active.center {
  transform: scale(1);

}
.vehicle-tab .owl-carousel .active,
.vehicle-tab .owl-carousel .owl-item {
  transform: scale(.8);
  transition: .6s ease;
  
}  
.vehicle-tab .owl-carousel .owl-dots{
  display: none;
}
.owl-theme .owl-nav [class*=owl-]:hover{
  background-color: transparent !important;
  color: #232323 !important;
}
.vehicle-tab .owl-carousel .owl-nav button:focus{ outline: none !important;}

.all-vichel-btnsec{
  text-align: center;
  margin-top: 50px;
}
.all-vichel-btnsec li{
  display: inline-block;
  margin: 0 15px;
}
.all-vichel-btnsec li button{
  padding: 7px 30px;
}

.nav-tabs {
  border: none;
  margin-bottom: 30px;
}
.nav-tabs .nav-link h3{color: #373737; font-size: 16px; font-family: 'Lato';}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active, .nav-tabs .nav-link.active:focus {
  color: #cc0001;
  background-color: transparent;
  border-color: transparent;
}
.nav-tabs .nav-item.show .nav-link h3, .nav-tabs .nav-link.active h3 {
  color: #cc0001;
  background-color: transparent;
  border-color: transparent;
}


  .map-area{
    height: 545px;
  }


.enquiry-section{
  width: 100%;
  position: relative;
}
  .enquiry-section form .btn{
    padding: 8px 60px;
  }
  .enquiry-section .tabs .nav-link h3{
    font-size: 16px;
  }

.cip-btn-sec ul{
  display: flex;
  justify-content: center;
}
  .cip-btn-sec ul li{
    display: inline-block;
    width: 22%;
    margin: 0 15px;

    font-size: 18px;
  }
  .all-primary-btn{
    width: 100%;
    position: relative;
    border: 1px solid #373737;
    background-color: transparent;
    color: #373737;
    height: 80px;
  }
  .all-primary-btn:hover{
    background-color: #cc0001;
    color: #fff;
    border-color: #cc0001;
  }
  .all-primary-btn img{ width: 25px;
    margin-right: 5px;
    vertical-align: middle;
  }
  .all-primary-btn i{ margin-right: 5px; font-size: 18px;}
  .all-primary-btn.emical-btn .hvr-img{
    opacity: 0;
    position: absolute;
    left: 22%;
    top: 33px;
}
.all-primary-btn.finance-btn .hvr-img{
  opacity: 0;
  position: absolute;
  left: 32%;
  top: 27px;
}
.all-primary-btn.insurnc-btn .hvr-img{
  opacity: 0;
  position: absolute;
  left: 29%;
  top: 28px;
}
.all-primary-btn.dwnldprlist-btn .hvr-img{
  opacity: 0;
  position: absolute;
  left: 15%;
  top: 33px;
}
  
  .all-primary-btn:hover .front-img{
    opacity: 0;
  }
  .all-primary-btn:hover .hvr-img{
    opacity: 1;
  }

  .form-group.input-group .form-control{ border-left-color: transparent;}
  .form-group .noextra{ width: 100%;}
  /* Footer */

  .footer-sec{
    width: 100%;
    background-color: #373737;
    color: #fff;
    padding: 80px 0;
  }
  .footer-sec a,
  .ftr-part p{
    color: #808080;
  }
  .ftr-part h6{
    font-size: 18px;
    margin-bottom: 20px;
  }
  .ftr-part ul li{
    padding-bottom: 10px;
  }
  .ftr-abt img{ width: 80px; margin-bottom: 20px;}
  .ftr-part .topsclm li{ display: inline-block; margin: 0;}
  .ftr-part .topsclm li a{color: #808080;}


  .copyright-sec{
    background-color: #181818;
    color: #808080;
  }
  .copyright-sec ul{display: inline-block;
    padding: 10px;
}
.copyright-sec ul.ftr-right-nav{ float: right;}
  .copyright-sec ul li{ display: inline-block; font-size: 12px;}
  .copyright-sec ul li p{ font-size: 14px;}
  .copyright-sec ul.ftr-right-nav li{
    font-size: 16px;
  }
  .copyright-sec ul.ftr-right-nav li::after{
    content: "|";
    padding-left: 10px;
  }
  .copyright-sec ul.ftr-right-nav li:last-child::after{
    content: "";
  }
  .copyright-sec ul li a{ color: #808080;
    padding-left: 10px;}


  .about-bg{
    position: absolute;
bottom: -37%;
z-index: -1;
  }
  .about-bg img{
    opacity: 0.3;
  }
  .contact-bg{
    position: absolute;
bottom: -30%;
right: 0;
z-index: -1;
width: 35%;
z-index: -1;
  }

  .contact-bg img{
    width: 100%;
    opacity: 0.3;
  }





  /* Contact Page */

  .cntc-pg{width:100%; overflow:hidden; padding:120px 0; background-color:#fff;}
  
  .cntc-pg .heading-section{text-align:center;}
  
  
  .cnt-sec{width:100%; max-width:790px; padding:0 15px; margin: 0 auto;} 
  
  .cnt-grd{width:100%; text-align:center;} 
  .cnt-grd img{max-height:74px; margin-bottom:12px;}
  .cnt-grd h3{font-size:18px; line-height:32px; color:#cc0001;}
  .cnt-grd p{font-size:15px; line-height:22px; color:#373737;}
  .cnt-grd p a{color:#373737;}
  textarea.form-control{min-height:175px; height:auto !important;}
  .cnt-frm .red-btn{width:100%; max-width:192px; height:45px; margin:0 auto;}
  .rcpt{max-width:265px; margin:0 auto;}
  
  .cnt-frm{margin-top:60px;}
  .cnmap{}
  .cnmap iframe{height:590px;}
  .container-fluid{padding-left:60px; padding-right:60px;}




  /* Product Listing */

  .inner-banner{
    width: 100%;
    height: 485px;
    position: relative;
    overflow: hidden;
  }
  .inner-banner img{
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  
 


  .productlist-section{
    width: 100%;
    position: relative;
    overflow: hidden;
  }
  .productlist-tab .heading-section{
   height: auto;
   margin-bottom: 70px;
  }
  .productlist-tab .heading-section::after{ opacity: 0;}
  .productlist-tab .heading-section p{
    font-size: 20px;
    line-height: 28px;
    color: #222222;
    margin-top: 50px;
  }
  .productlist-tab .tabs{
    width: 100%;
    position: relative;
  }
  .productlist-tab .nav-tabs li {
    margin: 0 30px;
}
  .productlist-section .nav-tabs{
    margin-bottom: 50px;

  }
  .productlist-item{
    margin-bottom: 50px;
    padding: 0 15px;
  }
  .product-item{
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
  }
  .prouitem-img{
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
	-webkit-transition:.3s all ease-in-out;
	-moz-transition:.3s all ease-in-out;
	transition:.3s all ease-in-out;
  }
  .prouitem-img img{-webkit-transition:.4s all ease-in-out;
	-moz-transition:.4s all ease-in-out;
	transition:.4s all ease-in-out;}
  .prouitem-img:hover img{
    transform: scale(1.2);
  }
  .prouitem-img:hover .prod-overlay{ opacity: 1; }
  .prod-overlay{
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    background: url(../images/bg-element/product-overlay.png) center/cover no-repeat;
    color: #fff;
    opacity: 0; 
    z-index: 10;
    padding: 0 15px 15px;
    padding-top: 45%;
  }
  .prod-overlay li,
  .product-title li{ display: inline-block;}
  .prod-overlay li:last-child,
  .product-title li:last-child{float: right;}
  .prod-overlay li p{ 
    font-size: 18px;
    font-weight: 600;
    color: #fff;}
  .prod-overlay li p span{
    display: block;
    font-size: 13px;
    font-weight: 400;
    text-transform: uppercase;
  }
  .product-title{
    padding: 20px 15px 0;
  }
  .product-title li{ 
    font-size: 18px;
    color: #cc0001;
    text-transform: uppercase;
  }
  .product-title li a{
    font-weight: 600;
    vertical-align: middle;
    line-height: 42px;
  }
 .product-title:hover li a{color: #cc0001;}
  .product-title li .prod-btn{
    background-color: transparent;
    border: 1px solid #cc0001;
    color: #cc0001;
    font-weight: 600;
    text-transform: uppercase;
  }
   .product-title:hover li .prod-btn{
    background-color: #cc0001;
    color: #fff;
  }
  
  
  /* New Navigation */
  .navbar{padding:10px 15px;}
  .navbar-brand{padding-top:0px; padding-bottom:0px;}
  
  .navbar-brand img{max-width:90px;} 
  
 .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 27px;
    padding-left: 27px; font-size: 19px;
letter-spacing: .25px;
} 
  
  .nav-link.active, .nav-link:focus {
    color: #cc0001;
}
 .nav-item.active .nav-link{color: #cc0001;} 
  
  
  .vehicle-tab .nav-tabs li .active{color: #cc0001;}
  
  .sng-banner-sld .owl-dots{margin-top: 10px;
position: absolute;
bottom: 40px;
left: 60px;}
  .sng-banner-sld .owl-dots .owl-dot span{width: 20px !important;
height: 20px !important; margin: 0px 5px !important;}

.sng-banner-sld .owl-dots .owl-dot span{background-color:transparent !important; border:1px solid #fff !important;}
.sng-banner-sld .owl-dots .owl-dot.active span{background-color:#fff !important;}
  
.sng-banner-sld .item {
    padding: 0;
}
.sng-banner-sld{
  height: 630px;
}
.sng-itm{
  height: 730px;
}
 .sng-itm img{
  /* height: 100%; */
  min-height:730px;
  object-fit: cover;
} 
.singleprod-pg {
  min-height: 730px !important;
}
  .prod-ttl-sc{padding:30px 0 30px; box-shadow:1px 0px 46px rgba(0,0,0,.28);}
 .ttl-txt{}
 .ttl-txt h1{font-size:70px; line-height:normal; text-align:center; font-weight:bold; color:#333333; text-transform:uppercase;}
 .ttl-txt p{font-size:40px; line-height:normal; text-align:center; font-weight:500; color:#333; text-transform:capitalize; margin-top:8px;} 
  .prc-txt{padding:0 60px; text-align:center; display:inline-block; margin-left:auto;}

.prc-txt{}
.prc-txt h2{font-size: 70px;
line-height: normal;
font-weight: bold;
letter-spacing: .25px; color:#cc0001;}  

.prc-txt h2 i{font-size:60px; margin-right: 20px;}
.prc-txt p{font-size:30px; line-height:normal; margin-top:8px;}
 /*single product tab section css*/
 
.prod-dtls-sec{width:100%; padding:120px 0; text-align:center;}
 .prd-txt-mn .nav{justify-content: center;}
 .prd-txt-mn .nav-tabs .nav-link{font-size:32px; line-height:normal; letter-spacing:1.2px; padding:0 28px; border:none !important;}
 .prd-txt-mn .nav-tabs .nav-link h2{font-size:32px; line-height:normal; letter-spacing:1.2px; border:none !important; font-weight: 400;}
 .prd-txt-mn .nav-tabs .nav-link:focus, .prd-txt-mn .nav-tabs .nav-link:hover{border:none; border-radius:0px;}
 
 .prd-txt-mn .tab-content{margin-top:50px;}
 
 .featpanel{}
.features-grd {
    margin-bottom: 12px;
}
 .features-grd .ftrd-img{border:1px solid #acacac; position:relative; height: 180px;}
 .features-grd .ftrd-img img{ height: 100%; object-fit: contain;}
 .ftrd-img .ft-overlay{position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(204,0,1,.9);
 opacity:0; -webkit-transition:.4s all ease-in-out; -moz-transition:.4s all ease-in-out; transition:.4s all ease-in-out;
 }
 .ftrd-img .ft-overlay p{font-size:16px; line-height:22px; letter-spacing:1px; position:absolute; max-width:410px; padding:0 15px; left:0; right:0; top: 50%; margin:0 auto; text-align:center; color:#fff;
transform: translateY(-50%);
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);}
 
 .features-grd:hover .ftrd-img .ft-overlay{opacity:1;}
 
 .ftrd-txt {
    text-align: center;
    padding: 12px 0;
}
.features-grd:hover .ftrd-txt p{color:#cc0001;}
 .ftrd-txt h3{font-size:26px; line-height:normal; letter-spacing:.25px; -webkit-transition:.4s all ease-in-out; -moz-transition:.4s all ease-in-out; transition:.4s all ease-in-out; text-transform: uppercase;}
  
.spec-sec{text-align:left; background-color:#ededed; padding:35px 30px; border-radius:20px; margin-bottom: 40px;}
.spec-sec h3{font-size:30px; text-transform:uppercase; letter-spacing:1.2px; 
color:#373737; font-weight:bold; margin-bottom:25px;}
.spec-sec td{font-size:18px; line-height:30px; letter-spacing:1px; color:#000;}
.spec-sec td:nth-of-type(2n+1){color:#373737;}

.price-brk{text-align:left;}
.price-brk h3{font-size:30px; text-transform:uppercase; letter-spacing:1.2px; 
color:#373737; font-weight:bold; margin-bottom:25px;}
.price-brk td{font-size:18px; line-height:30px; letter-spacing:1px; color:#000;}
.price-brk td:nth-of-type(2n+1){color:#373737;}

.emic-txt-pn{padding:26px 30px; background-color:#fff; box-shadow: 1px 0px 46px rgba(0,0,0,.28);}

.clc-frm{text-align:left;}
.clc-frm label{display:block; text-align:left; font-size:12px; line-height:normal; font-weight:500; text-transform:uppercase; color:#590303; margin-bottom: 7px;}

.clc-frm .form-control {
    border: 1px solid #ccc;
    border-radius: 0;
    height: 35px; -webkit-appearance: none;
-moz-appearance: textfield;
} 

.clc-frm .form-group {
    margin-bottom: 18px;
}
  
  .btn-sbt, .btn-sbt:hover, .btn-sbt:focus, .btn-sbt:active{border-radius: 0px;
max-width: 193px;
width: 100%;
text-align: center;
text-transform: capitalize;
height: 35px;
background-color: #cc0001;
border: 1px solid #cc0001;
color: #fff;
font-size: 16px;
line-height: 35px;
padding: 0;
  }
  
  
  .calc-reslt{width:100%; margin-top:60px;}
.rslt-grd {
    margin-bottom: 20px;
}
.rslt-grd h4 {
    font-size: 18px;
    line-height: normal;
    letter-spacing: .5px;
    font-weight: normal;
    color: #373737;
    text-transform: uppercase;
    margin-bottom: 9px;
}

.rslt-grd p {
    min-width: 160px;
    height: 52px;
    background-color: #fff;
    border: 1px solid #cc0001;
    color: #cc0001;
    text-align: center;
    border-radius: 12px;
    vertical-align: middle;
    display: inline-block;
    line-height: 48px;
    font-size: 22px;
    letter-spacing: .25px;
    font-weight: bold;
}

.calc-reslt .row{}

.emicalc-pie{padding:26px 30px; background-color:#fff; box-shadow: 1px 0px 46px rgba(0,0,0,.28);}
.emicalc-pie, .emic-txt-pn{height:100%; text-align:center;} 

.emicalcs .heading-section h2{
  font-size: 48px;
  line-height: 60px;
  font-weight: 300;
}
.emicalcs h3{font-size: 48px;
line-height: 60px;
font-weight: 300;}

.emicalcs h3::after {
    content: '';
    width: 130px;
    height: 2px;
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
    bottom: 0;
    background: #373737;
    background: -moz-linear-gradient(left, #373737 50%, #cc0001 50%, #373737 50%, #cc0001 50%);
    background: -webkit-linear-gradient(left, #373737 50%,#cc0001 50%,#373737 50%,#cc0001 50%);
    background: linear-gradient(to right, #373737 50%,#cc0001 50%,#373737 50%,#cc0001 50%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#373737', endColorstr='#cc0001',GradientType=1 );
}

.emics-sec {
    margin-top: 20px;
    margin-bottom: 50px;
}


.highcharts-container svg{width:100%;}
.highcharts-background{width:100%;}
.highcharts-series-group{margin:0 auto;}

.btn-dwnld-brch{min-width: 230px;
height: 45px;
text-align: center;
color: #fff;
background-color: #cc0001;
font-size: 16px;
line-height: 42px;
padding: 0;
text-transform: capitalize; margin-top:50px;}

.btn-dwnld-brch i{margin-right:6px;}

.tab-mob-view{display:none;}

.sngl{background-color:#f3f3f3; padding: 120px 0; text-align:center; position:relative;}
.sngl .container{position:relative; z-index:1;}
.sngl .contact-bg {
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 0;
}
.enq-frm .form-control{background-color:transparent;}
.btn-sbt{margin-top:24px;}



/* Network */

.network-sec{
  width: 100%;
  position: relative;
  overflow: hidden;
}

  /*#list_data h4
    
    {
    
    
    
     margin:0 !important;
    
    
    
     padding:3% 4% !important;
    
    
    
     border-bottom:1px solid #1A1A1A !important;
    
    
    
     border-top:1px solid #545454 !important;
    
    
    
     text-align:left !important;
    
    
    
     font-size:14px !important;
    
    
    
     cursor:pointer;
    
    
    
     color:#8D8D8D;
    
    
    
    }
    
    
    
    #list_data h4 p:first-child
    
    
    
    {
    
    
    
     font-weight:bold !important;
    
    
    
    }
    
    
    
    #list_data h4 p:last-child
    
    
    
    {
    
    
    
     margin:0 !important;
    
    
    
    }
    
    
    
    *{
    
      box-sizing: border-box;
    
    }
    
    
    
    .map_point_list h4 p:first-child{
    
        color: #fff;
    
        font-size: 17px;
    
    }
    
    .map_point_list h4 p:nth-child(2){
    
         word-wrap: break-word;
    
         font-weight: normal;
    
         line-height: 22px;
    
         font-size: 14px;
    
    }*/
    
    
    .clearfix:after {
      visibility: hidden;
      display: block;
      font-size: 0;
      content: " ";
      clear: both;
      height: 0;
  }
  .clearfix {
      display: inline-block;
  }
  /* start commented backslash hack \*/
  
  * html .clearfix {
      height: 1%;
  }
  .clearfix {
      display: block;
  }
  /* close commented backslash hack */
  
  
  
  .custombut {
      width: 100px;
      height: 35px;
      float: right;
      background-color: #ffe181;
      color: #000;
      font-size: 16px;
      border: none;
      cursor: pointer;
  }
  .searchform {
      padding: 20px 10px;
  }
  .mapsearchinput {
      margin-right: 110px;
  }
  .mapsearchinput input {
      height: 35px;
      width: 100%;
      border: none;
      padding-left: 10px;
  }
  /*.map_point_list{
  
    -webkit-transition: all 300ms ease;
  
    -o-transition: all 300ms ease;
  
    transition: all 300ms ease;
  
  }
  
  .map_point_list:hover{
  
    background-color: #F7D46A;
  
    color:#000;
  
  }
  
  .map_point_list:hover h4 p{
  
     color:#000;
  
  }
  
  #list_data .map_point_list:hover h4{
  
     color:#000;
  
  }*/
  
  .gm-style-iw h4 p:nth-child(2) {
      word-wrap: break-word;
  }
  header {
      background-color: #000;
      color: #fff;
      padding: 1px;
  }
  .mapcon {
      margin-left: 0;
      height: 100%;
  }
  .adsebut {
      display: block;
      width: 110px;
      height: 30px;
      background-color: #FFE181;
      top: 20px;
      right: -110px;
      z-index: 9999999;
      position: absolute;
      text-align: center;
      line-height: 30px;
      font-size: 10px;
      color: #000;
      text-decoration: none;
      outline: none;
  }
  .adsebut:hover {
      background-color: #000;
      color: #FFE181;
  }
  .light-gary-area_inner {
      width: 1170px;
      padding-right: 15px;
      padding-left: 15px;
      margin-right: auto;
      margin-left: auto;
  }
   @media only screen and (max-width:940px) {
  /*.sidemenu{
  
    width: 270px;
  
    left:-270px;  
  
  }*/
  
  
  
  .light-gary-area_inner {
      width: 970px;
      padding-right: 15px;
      padding-left: 15px;
      margin-right: auto;
      margin-left: auto;
  }
  }
  #addresses {
      /* height: 700px; */
      overflow: auto;
      position: relative;
  }
  .network-box {
      margin-right: 15px;
      width: auto;
  }
  .addresses .network-box {
    cursor: pointer;
}
  .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
      background-color: rgba(254, 0, 0, 0.75);
      border-radius: 1px;
  }
  .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar:hover {
      background-color: rgba(254, 0, 0, 1);
  }
  .map-area .network-box {
      margin-right: 0;
      border: none;
      padding-top: 60px;
  }


  .map_point_list{
    max-width: 475px;
    width: 100%;
    /* background-color: #eee; */
    text-align: center;
    border: 1px solid #232323;
    margin: 15px;
    padding: 20px 0;
    display: inline-block;
    margin-top: 50px;
  }
  .addresses{
    margin-top: 50px;
  }
  .network-box-txt img{
    width: 150px;
    height: 120px;
    object-fit: cover;
  }
  
  .network-box-txt p{

  }
  .network-box-txt p i{
    color: #cc0001;
    padding-right: 5px;
  }
  .map-logo{
    width: 80px;
    position: relative;
    margin: 0 auto;
    padding-bottom: 50px;
  }
  .map-logo img{
    width: 100%;
    height: 80px;
    margin: 0 auto;
    position: absolute;
    top: -50px;
    left: 0;
    border-radius: 50%;
  }
  .network-box h2{
    font-size: 20px;
    color: #cc0001;
    padding-bottom: 15px;
    font-weight: 500;
  }





  /* Floating Social Media Bar Style Starts Here */

.fl-fl {
  background: #cc0001;
  text-transform: uppercase;
  letter-spacing: 3px;
  padding: 4px;
  width: 190px;
  position: fixed;
  right: -150px;
  z-index: 1000;
  font: normal normal 10px Arial;
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
}

.fa {
  font-size: 20px;
  color: #fff;
  padding: 10px 0;
  width: 40px;
  margin-left: 8px;
}

.fl-fl:hover {
  right: 0;
}

.fl-fl a {
  color: #fff !important;
  text-decoration: none;
  text-align: center;
  line-height: 43px!important;
  vertical-align: top!important;
}

.float-fb {
  background-color: #3c5a99;
  top: 160px;
}

.float-tw {
  background-color: #49c95a;
  top: 215px;
}

.float-gp {
  
  top: 270px;
}

.float-rs {
  top: 325px;
}

.float-ig {
  top: 380px;
}

.float-pn {
  top: 435px;
}


/* Floating Social Media Bar Style Ends Here */

/*Single Generic Page template design starts here */

.gnrl-pg {
    width: 100%;
    overflow: hidden;
    padding: 120px 0 0;
    background-color: #fff;
}

.gnrl-pg .heading-section{text-align:center;}
.gnrl-pg .heading-section p{margin-top:80px; margin-bottom:40px;}

.txt-bnft{width:100%; padding:60px 0; text-align:center;}
.txt-bnft h5 {
    font-weight: 300;
    max-width: 60%;
    margin: 0 auto 60px auto;
}

.txt-bnft h5 span{display: block;
font-size: 17px;
line-height: 45px;
font-weight: 600;
letter-spacing: .75px;
}



.txt-bnft-grd {
    padding: 40px 20px;
    background-color: #f7f7f7;
    margin-bottom: 40px;
}

.txt-bnft-grd h3{color: #cc0001;
text-transform: uppercase;
font-size: 17px;
font-weight: 600; letter-spacing:.75px; margin-bottom:8px;}

.txt-bnft-grd p {
    font-size: 15px;
    line-height: 22px;
    color: #373737;
}

.txt-ftrs{}
.txt-ftrs .row{margin-bottom:60px;}
.txt-ftrs .row:last-child{margin-bottom:0px;}
.ftrs-img-sc{width:100%; height:100%;}
.ftrs-img-sc img {
    height: auto;
    width: auto !important;
    object-fit: contain;
}

.ftrs-txt-sc{display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
height: 100%;
align-content: center;
text-align: justify;}

.ftrs-txt-sc h2{color: #cc0001;
text-transform: uppercase;
font-size: 20px;
font-weight: 600;
letter-spacing: .75px;
margin-bottom: 10px;
text-align: left;
width: 100%;}


.hoil-hdrasp h3
{
  font-size: 16px !important;
line-height: 24px;
color: #373737;
font-weight: 400;
text-transform: none;
letter-spacing: 0;
margin-bottom: 0;
}
.ftrs-txt-sc p {
    text-align: left;
    width: 100%;
    margin-bottom: 6px;
}

.ftrs-txt-sc ul {
    text-align: left;
    padding-left: 25px;
    margin-top: 18px;
}
.ftrs-txt-sc ul li {
    list-style-type: disc;
    padding-left: 10px;
    font-size: 15px;
    line-height: 20px;
    color: #373737;
    margin-bottom: 13px;
}
.ftrs-txt-sc ol {
    text-align: left;
    padding-left: 25px;
    margin-top: 18px;
}
.ftrs-txt-sc ol li {
    list-style-type: disc;
    padding-left: 10px;
    font-size: 15px;
    line-height: 20px;
    color: #373737;
    margin-bottom: 13px;
}
.ftrs-txt-sc ol li::marker{ font-size: 20px;}

.txt-stp-sc {
    padding:15px;
    border: 1px solid #e3e3e3; margin-bottom:30px;
}

.txt-stp-sc h2{text-transform:uppercase; text-align:left; letter-spacing:.75px; font-size:18px; line-height:30px; font-weight:600; color:#cc0001;}
.txt-stp-sc h4 {
    text-align: left;
    font-size: 22px;
    line-height: normal;
    font-weight: 500;
    color: #373737;
    margin-bottom: 10px;
}
.txt-stp-sc p {
    text-align: left;
    line-height: normal;
    margin-bottom: 15px;
    font-size: 15px;
}
.txt-stp-sc p img{vertical-align:bottom;}
.privacy{}
.privacy .cntnt p{margin-bottom:8px;}
.privacy .cntnt p strong{color:#000;}
.privacy .cntnt ol {
    list-style-type: lower-alpha;
    padding-left: 20px;
}
.privacy .cntnt ul {
    list-style-type: disc;
    padding-left: 20px;
    margin: 10px 0;
}
	
	.privacy .cntnt ul li {
    padding-left: 10px;
    line-height: 22px;
    margin-bottom: 8px;
    font-size: 16px;
}

.privacy .cntnt ol li {
    padding-left: 10px;
    line-height: 22px;
    margin-bottom: 8px;
    font-size: 16px;
}
.page-banner{
  width: 100%;
}
.page-banner img{
  width: 100%;
}

.enquire-modal-form .modal-title{
  padding-left: 150px;
}
.enquire-modal-form .cnt-frm {
  margin-top: 30px;
}

#ftrStg .item {
    padding: 0;
}

#ftrStg .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    background: #fff !important; border:1px solid #cc0001;
}

#ftrStg .owl-dots .owl-dot.active span, #ftrStg .owl-dots .owl-dot:hover span {
    background: #cc0001 !important;
}



 /* checkbox aspect */

 .enquiry-section .modalcheckparts [type="checkbox"]:checked + label:before {
  content: '';
  position: absolute;
  left:0; top: 0px;
  width: 20px; height: 20px;
  /* border: 1px solid #aaa; */
  line-height: 20px;
  background: #cc0001;
  border-radius: 3px;
  /* box-shadow: inset 0 1px 3px rgba(0,0,0,.3); */
}
.enquiry-section .modalcheckparts [type="checkbox"]:not(:checked) + label:before {
content: '';
  position: absolute;
  left:0; top: 0px;
  width: 20px; height: 20px;
  /* border: 1px solid #fff; */
  background: #eee;
  border-radius: 3px;
  /* box-shadow: inset 0 1px 3px rgba(0,0,0,.3) */
}
/* checked mark aspect */

.enquiry-section .modalcheckparts [type="checkbox"]:checked + label:after {
  content: '✔';
  position: absolute;
  top: 0; left: 4px;
  font-size: 14px;
  line-height: 20px;
  color: #f8f8f8;
  transition: all .2s;
}
.enquiry-section .modalcheckparts [type="checkbox"]:not(:checked) + label:after {
content: '✔';
  position: absolute;
  top: 0; left: 4px;
  line-height: 20px;
  font-size: 14px;
  color: #ddd;
  transition: all .2s;

}
/* checked mark aspect changes */
.enquiry-section .modalcheckparts [type="checkbox"]:not(:checked) + label:after {
  opacity: 1;
  transform: scale(1);
}
.enquiry-section .modalcheckparts [type="checkbox"]:checked + label:after {
  opacity: 1;
  transform: scale(1);
}
/* disabled checkbox */
.enquiry-section .modalcheckparts [type="checkbox"]:disabled:not(:checked) + label:before,
.enquiry-section .modalcheckparts [type="checkbox"]:disabled:checked + label:before {
  box-shadow: none;
  border-color: #bbb;
  background-color: #ddd;
}
.enquiry-section .modalcheckparts [type="checkbox"]:disabled:checked + label:after {
  color: #999;
}
.enquiry-section .modalcheckparts [type="checkbox"]:disabled + label {
  color: #aaa;
}
/* accessibility */
.enquiry-section .modalcheckparts [type="checkbox"]:checked:focus + label:before,
.enquiry-section .modalcheckparts [type="checkbox"]:not(:checked):focus + label:before {
 outline: none !important;
}

/* hover style just for information */
.enquiry-section .modalcheckparts label:hover:before {
  border: 1px solid #cc0001!important;
}
.modalcheckparts .form-check-label {
  padding-left: 10px;
}

.partsenquire-modal-form .modal-body {
  padding-top: 30px;
}

.partsenquire-modal-form .modal-title {
  padding-left: 30px;
  padding-bottom: 15px;
}


.enginue-oil-ben-sec .owl-carousel .owl-dots {
  display: none;
}
.enginue-oil-ben-sec .owl-carousel .owl-nav button {
  top: -10px !important;
}
.enginue-oil-ben-sec .owl-carousel .owl-nav button i{
  color: #555 !important;
}
.enginue-oil-ben-sec .owl-carousel .owl-nav button.owl-prev{
  left: 7px;
}
.enginue-oil-ben-sec .owl-carousel .owl-nav button.owl-next{
  right: 12px;
}






.bookride-modal-form .checkbox label {
  min-height: 21px;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: normal;
  cursor: pointer;
  line-height:22px;
  float: left;
  color: #797979;
}

.bookride-modal-form .c-checkbox span {
  position: relative;
  display: inline-block;
  vertical-align: top;
  margin-left: -20px;
  width: 20px;
  height: 20px;
  border-radius: 2px;
  border: 1px solid #797979;
  text-align: center;
  margin-right: 10px;
}
.bookride-modal-form .c-checkbox a{
  color: #797979;
}

.bookride-modal-form .c-checkbox span:before{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  text-align: center !important;
  font-size: 12px;
  line-height: 18px;
  vertical-align: middle;
}

.bookride-modal-form .c-checkbox input[type=checkbox]{
  position:absolute;
  margin: 4px 0 0;
  opacity:0;
}

.bookride-modal-form .c-checkbox input[type=checkbox]:checked {
color: #797979;
transition: color 0.3s ease-out;
}

.bookride-modal .c-checkbox input[type=checkbox]:checked + span{
border-color: #cc0001;
background-color: #cc0001;
}

.bookride-modal-form .c-checkbox input[type=checkbox]:checked + span:before{
  color: #fff;
opacity: 1;
transition: color 0.3s ease-out;
}
.bookride-modal-form .modal-title{
  padding-left: 199px;
}
.bookride-modal-form button{
  margin-top: 30px;
}
.bookride-modal-form .form-group select option{
  text-transform: capitalize;
}

.modal-xl{
  max-width: 70%;
}



.about-pg .about-text-sec .heading-section::after {
  margin: 0 auto;
}
.about-pg .about-icon-sec{
  margin-top: 50px;
}

.award-sec .aboutus-title h2 {
  color: #cc0001;
text-transform: uppercase;
font-size: 20px;
font-weight: 600;
letter-spacing: .75px;
margin-bottom: 50px;
width: 100%;
text-align: center;
}
.award-sec .ftrs-txt-sc p {
  text-align: center !important;
  margin-top: 10px;
}
.award-sec .ftrs-txt-sc {
  justify-content: center !important
}
.award-sec .ftrs-txt-sc{
  margin-bottom: 20px;
}

.vision-mission-sec .abt-icon-item ul {
  text-align: left;
  padding-left: 25px;
  margin-top: 18px;
}
.vision-mission-sec .abt-icon-item ul li {
  list-style-type: disclosure-closed;
  padding-left: 10px;
  font-size: 15px;
  line-height: 20px;
  color: #373737;
  margin-bottom: 13px;
}
.vision-mission-sec .abt-icon-item ul li::marker{
  color: #cc0001;
}
.vision-mission-sec .abt-icon-item h2{
  font-size: 20px;
  text-transform: uppercase;
font-weight: 600;
color: #cc0001;
}



.stats{
  width: 100%;

  padding: 70px 0 100px;
position: relative;
overflow: hidden;
}
.stats h5{
  margin-bottom: 30px;
}
.c-no{height:150px;}

.counter-Txt{
  text-align:center; 
  font-size:20px; 
  font-weight:bold; 
  text-transform:uppercase; 
  margin-top:20px; 
  color: #cc0001;    
  background-color: #f7f7f7;
  margin: 0 15px;
  max-width: 30%;
  padding: 50px 20px;
}
.counter-Txt span{display:block; font-size:36px}
@media(min-width:320px) and (max-width:767px){ 
.c-no{height:100%;}
.counter-Txt{margin-top:35px;}
.margin-bot-35{margin-bottom:35px;}
}
.counter-value{padding-bottom: 10px;}
.counter-value::after{
  content: "+";
  padding-left: 5px;
}




.ledgen-section{
  /* background:  url(images/contact-us-form-background.jpg) center/cover no-repeat; */
}

.ledgen-contact input[type="text"],
.ledgen-contact input[type="email"],
.ledgen-contact input[type="tel"],
.ledgen-contact input[type="url"],
.ledgen-contact input[type="file"],
.ledgen-contact textarea,
.ledgen-contact button[type="submit"] {
font: 400 12px/16px "Open Sans", Helvetica, Arial, sans-serif;
}
.ledgen-contact {
/* background-color: #5f5f5f6e; */
padding: 50px 30px;
max-width: 800px;
margin: 80px auto;
text-align: center;
}
.ledgen-contact h1 {
color: #cc0001;
display: block;
font-size: 30px;
font-weight: 400;
padding-bottom: 30px;
}
.ledgen-contact h4 {
margin: 5px 0 15px;
display: block;
font-size: 13px;
color: #0e0e0e;
}
.ledgen-contact .form-group{
margin-bottom: 20px;
}
.ledgen-contact fieldset {
border: medium none !important;
margin: 0 0 10px;
min-width: 100%;
padding: 0;
width: 100%;
}
.ledgen-contact .input-group fieldset,
.campaign-contact .input-group fieldset{
  /* display: flex; */
  width: 100%;
  overflow: hidden;
}
.ledgen-contact .input-group fieldset .input-group-prepend,
.campaign-contact .input-group fieldset .input-group-prepend{
  position: absolute;
}
.ledgen-contact .input-group fieldset .input-group-text{
  padding: 11px .75rem;
  border-color: #ccc;
}
.campaign-contact .input-group fieldset .input-group-text{padding: 11px .75rem; border: none;}
.ledgen-contact .input-group fieldset input,
.campaign-contact .input-group fieldset input{
  padding: 13px 10px 13px 80px;
  margin-bottom: 0;
  height: 100%;
}
.ledgen-contact input[type="text"],
.ledgen-contact input[type="email"],
.ledgen-contact input[type="tel"],
.ledgen-contact input[type="url"],
.ledgen-contact input[type="file"],
.ledgen-contact textarea,
.ledgen-contact select {
width: 100%;
border: 1px solid #CCC;
background: #FFF;
margin: 0 0 5px;
padding: 13px;
font-size: 15px;
}
.ledgen-contact select {
  width: 100%;
  border: 1px solid #CCC;
  background: #FFF;
  margin: 0 0 5px;
  padding: 14px;
font-size: 15px;
  color: #808080;
  }
.ledgen-contact input[type="text"]:hover,
.ledgen-contact input[type="email"]:hover,
.ledgen-contact input[type="tel"]:hover,
.ledgen-contact input[type="url"]:hover,
.ledgen-contact input[type="file"]:hover,
.ledgen-contact textarea:hover,
.ledgen-contact select:hover {
-webkit-transition: border-color 0.3s ease-in-out;
-moz-transition: border-color 0.3s ease-in-out;
transition: border-color 0.3s ease-in-out;
border: 1px solid #AAA;
}
.ledgen-contact textarea {
height: 100px;
max-width: 100%;
resize: none;
}
.ledgen-contact button[type="submit"] {
cursor: pointer;
width: auto;
border: none;
background: #cc0001;
color: #fff;
margin: 0 0 5px;
padding: 15px 30px;
font-size: 17px;
text-transform: uppercase;
border: 1px solid transparent;
margin-top: 25px;
}
.ledgen-contact button[type="submit"]:hover {
background:transparent ;
border: 1px solid #cc0001;
color: #cc0001;
-webkit-transition: background 0.3s ease-in-out;
-moz-transition: background 0.3s ease-in-out;
transition: background-color 0.3s ease-in-out;
}
.ledgen-contact button[type="submit"]:active {
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.5);
}
.ledgen-contact input:focus,
.ledgen-contact textarea:focus,
.ledgen-contact select:focus  {
outline: 0;
border: 1px solid #999;
}
.ledgen-contact .checkbox label,
.ledgen-contact .c-checkbox a {
  color: #808080;
}
.ledgen-contact .c-checkbox span {
  border: 1px solid #808080;
}

.checkbox label {
min-height: 21px;
padding-left: 20px;
margin-bottom: 0;
font-weight: normal;
cursor: pointer;
line-height:22px;
float: left;
color: #fff;
}

.c-checkbox span {
position: relative;
display: inline-block;
vertical-align: top;
margin-left: -20px;
width: 20px;
height: 20px;
border-radius: 2px;
border: 1px solid #fff;
text-align: center;
margin-right: 10px;
}
.c-checkbox a{
color: #fff;
}

.c-checkbox span:before{
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: 0;
text-align: center !important;
font-size: 12px;
line-height: 18px;
vertical-align: middle;
}

.c-checkbox input[type=checkbox]{
position:absolute;
margin: 4px 0 0;
opacity:0;
}

.c-checkbox input[type=checkbox]:checked {
color: #fff;
transition: color 0.3s ease-out;
}

.c-checkbox input[type=checkbox]:checked + span{
border-color: #cc0001;
background-color: #cc0001;
}

.c-checkbox input[type=checkbox]:checked + span:before{
color: #fff;
opacity: 1;
transition: color 0.3s ease-out;
}



/* Service Section */

.service-list{
  margin-top: 50px;
}
.service-item{
  max-width: 100%;
  width: 100%;
  background-color: #f7f7f7;
  border: 1px solid #f7f7f7;
  display: flex;
  padding: 40px 20px;
  margin-bottom: 40px;
  cursor: pointer;
}
/* .service-item:hover{
  border: 1px solid #cc0001;
  background-color: transparent;
} */
.service-item .icon-part{
  background-color: #cc0001;
  width: 80px;
  height: 75px;
  float: left;
  border-radius: 50%;
  line-height: 80px;
  text-align: center;
  color: #fff;
  padding: 10px;
}
.service-item .service-title{
  width: 77%;
  float: left;
  margin-left: 15px;
}
.service-item .service-title p{
  line-height: 28px;
  font-size: 18px;
  font-weight: 600;
}
.service-item .service-title i{
  float: right;
  line-height: 72px;
}

.servicestore-map .modal-title{
  padding-left: 200px;
}
.mainstore-map .modal-title{
  padding-left: 250px;
}
.map-address-modal{
  padding: 20px 15px;
}
.modal-map{
  height: 400px;
}


.warranty-items h2{
text-align: left;
letter-spacing: .75px;
font-size: 18px;
line-height: 30px;
font-weight: 600;
color: #cc0001;
margin-bottom: 10px;
}
.warranty-box {
  width: 100%;
  border: 1px solid #b1b1b1;
}
.warranty-box tr td {
  padding: 5px 10px;
  width: 33.333%;
  border: 1px solid #b1b1b1;
  vertical-align: middle;
}


.featur-benefits{
  background: #ededed;
padding: 30px 20px;
border-radius: 15px;
}
.featur-benefits h2{
  font-size: 30px;
line-height: 28px;
font-weight: 500;
  margin-bottom: 15px;
}
.imgtxt-container{
  display: flex;
        align-items: center;
        justify-content: center;
}
.imgtxt-container .img-box{}
.featur-benefits ul li{
  display: inline-flex;
  margin-top: 20px;
}
.featur-benefits ul li span.txt{
 padding-left: 10px;
 line-height: 26px;
 flex-basis: 93%;
 text-align: left;
}

.featur-benefits.amc-page ul{
  padding-top: 20px;
}
.featur-benefits.amc-page ul li{
 width: 49%;
 padding-left: 10px;
}

.rsa-page .service-item .icon-part {
  height: 80px;
}

.tollfree-sec ul li{
  display: inline-block;
  padding: 10px 20px;
  background-color: #cc0001;
  color: #fff;
}
.tollfree-sec ul li a{
  margin-left: 5px;
  color: #fff;
}
.tollfree-sec p a{
  color: #cc0001;
  font-weight: 600;
}
.featur-benefits.amc-page ul .imgtxt-container {
  justify-content: flex-start;
}
.imgtxt-container .img-box img{
  width: 40px;
  height: 40px;
  object-fit: cover;
}


canvas#myChartD{
  /*width: 300px !important; 
  height: 300px !important;*/
  margin: 0 auto !important;
}


.owl-nav button:focus{ outline: none;}
 

.thankyou-section{
  padding: 100px 0;
}
.thankyou-section h1{
  font-size: 130px;
  line-height: 150px;
  text-transform: uppercase;
  color: #cc0001;
  font-weight: 300;
}
.thankyou-section p{
  font-size: 30px;
  line-height: 40px;
}



.gm-ui-hover-effect{
  top: -10px !important;
  right: 5px !important;
}
.gm-ui-hover-effect img{
  width: 30px !important;
  height: 30px !important;
}


.campaign-contact {
  padding: 0;
  max-width: 500px;
  margin: 0 auto;
  text-align: center;
  }
  .campaign-contact h3{
    color: #cc0001;
  }
  .campaign-contact p{
    margin: 15px 0 30px;
  }
  .campaign-contact input[type="text"], 
  .campaign-contact input[type="email"], 
  .campaign-contact input[type="tel"], 
  .campaign-contact input[type="url"], 
  .campaign-contact input[type="file"], 
  .campaign-contact textarea, 
  .campaign-contact select {
    width: 100%;
    border: 1px solid #f7f7f7;
background: #f7f7f7;
    margin: 0 0 5px;
    padding: 10px;
    color: #808080;
}
.campaign-contact button[type="submit"] {
  cursor: pointer;
  width: 150px;
  border: none;
  background: #cc0001;
  color: #fff;
  margin: 0 0 5px;
      margin-top: 0px;
  padding: 12px 10px;
  font-size: 17px;
  text-transform: uppercase;
  border: 1px solid transparent;
  margin-top: 25px;
}
.c-checkbox span {
  border-color: #808080;
}
.c-checkbox input[type=checkbox]:checked {
  color: #808080;
}
.campaign-contact .checkbox label,
.campaign-contact .c-checkbox a{ color: #808080;}


.accessories-grd{
  margin-bottom: 30px;
 
}
.acres-txt ul{
  text-align: left;
  padding-left: 22px;
}
.acres-img{
  margin: 30px 0;
  border: 1px solid #acacac;
position: relative;
}

.acres-title p{
  color: #cc0001;
  font-size: 20px;
}
.acres-title h3{
  font-size: 25px;
  color: #232323;
}
.acres-txt p{
  font-size: 17px;
  color: #373737;
  font-weight: 400;
  line-height: 35px;
}
.acres-txt p.part-price{
  font-size: 22px;
  font-weight: 700;
  padding-left: 15px;
  padding-top: 15px;
}
.acres-txt ul li{
  font-size: 18px;
  line-height: 30px;
  list-style: disc;
}
p.infoprvcy{
  color: #808080;
  text-align: left;
  font-weight: 600;
  margin-top: 10px;
}


.error404-sec .err-img{
  max-width: 600px;
  margin: 0 auto;
}
.error404-sec .err-img img{}
.error404-sec .err-txt{
  margin-top: 50px;
}
.error404-sec .err-txt h1{
  font-size: 20px;
font-weight: 400;
color: #3c4044;
line-height: 30px;
}
.error404-sec .err-txt h2{
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
}
.error404-sec .err-txt h2 a{
  color: #cc0001;
}
.ftrs-txt-sc h3{
  font-size: 27px;
}


.sitemap-section .heading-section::after{
  margin: 0;
}

.stmp-part h2{
  font-size: 18px;
  font-weight: 400;
color: #cc0001;
}


.sisclmn{
  margin-top: 30px;
}

.breadcrumb {
    background-color: #fff;
    padding: 20px 0;
}

.brdprjitm{}
.brdprjitm .breadcrumb {
    background-color: transparent;
    margin-top: 20px;
}
.product-main-heading h1{
  font-size: 48px;
line-height: 60px;
font-weight: 300;
}

/*.offr-sec{padding:90px 0;}*/

.offr-sec .cnt-frm {
    margin-top: 0px;
}

.offerdetails h3
{
  font-size: 34px;
    line-height: 42px;
    font-weight: 300;
    margin-bottom: 15px;
    color: #cc0001;
    text-align: center;

}

.offrs-frm-sc h3 {
    font-size: 34px;
    line-height: 42px;
    font-weight: 300;
    margin-bottom: 15px;
    color: #cc0001;
    text-align: center;
}

.offrs-txt-sc{}
.offrs-txt-sc h3{font-size: 36px;
line-height: 48px;
font-weight: 300; margin-bottom:15px;}

.offrs-txt-sc p{font-size: 15px;
line-height: 22px;
color: #373737; margin-bottom:8px;}

.offr-sec .cnt-frm .red-btn {
    margin: 0 24px;
}

.additional-offers{padding:50px 0 0;}

.addffr{margin-bottom:10px;}
.addffr img{}
.offrs-frm-sc p{font-size: 15px;
line-height: 22px;
color: #373737;
margin-bottom: 8px;}

.offrs-frm-sc form{margin-top:30px;}


.mb-offr {
    margin-bottom: 40px;
}
.mb-offr h3{font-size: 26px;
line-height: 32px;
font-weight: 300;
margin-bottom: 15px;
color: #cc0001;
text-align: center;}

.mb-offr p{font-size: 15px;
line-height: 22px;
color: #373737;
margin-bottom: 8px;}

.mb-offr ul li{
    list-style: disc;
    list-style-position: inside;
    font-size: 16px;
    line-height: 28px;
}

.offerdetails{ margin-bottom: 35px;}
.offerdetails h4{
  font-size: 24px;
line-height: 36px;
font-weight: 300;
margin-bottom: 15px;
color: #cc0001;
}
.offerdetails ul{ padding: 10px 0 20px;}
.offerdetails ul li{
  list-style: disc;
  list-style-position: inside;
  font-size: 16px;
  line-height: 28px;
}
.small-txt{ font-size: 13px !important;
  color: #cc0001 !important;}

/* .campaign-sec .row{ align-items: center;} */

.festive-name{
  width: 100%;
  position: relative;
  
  background: rgb(209,32,39);
background: linear-gradient(90deg, rgba(209,32,39,1) 50%, rgba(179,31,36,1) 100%);
color: #fff;
padding: 20px 45px;
}
.fstv-blwbnr-inr{ width: 100%;
  display: flex;
  align-items: center;}
.vclnm h1{
  font-size: 50px;
 font-weight: 700;
}
.vclnm h1 span{ font-size: 24px;}
.festive-name .mbnumr{ margin-left: auto; order: 2;}
.festive-name .mbnumr p,
.festive-name .mbnumr p a{ font-size: 45px; font-weight: 700; color: #fff;}
.fstvmob-logo{ display: none;}
.festivebanner-mob{ display: none;}

.btn-shr{
min-width: 230px;
height: 45px;
text-align: center;
color: #fff !important;
background-color: #cc0001;
font-size: 16px;
line-height: 42px;
padding: 0;
text-transform: capitalize;
margin-top: 50px; 
}


.shr-frm-sec{}

.shr-frm-sec .form-group label{display:block; padding-bottom:10px;}
.shr-frm-sec .form-group{margin-bottom:15px;}
.shr-frm-sec .form-group textarea{resize:none;}

.btn-submit{background-color:#cc0001; color:#fff; max-width:200px; width:100%;}
.sndr{}
.sndr h5{color:#cc0001;}

.prod-dtls-sec .btn .fa{margin-left:0px;}


/* .owl-carousel .owl-item img{
object-fit: contain;

} */


/* ===================banner style new=============== */

.bg-fixed-img{

     position: relative;
     background: url(../../../www.honda2wheelersindia.com/assets/images/unicornBS_6/inner_bg_dev_one.html);

}



.bg-fixed-img img{
  width: 80%;
left: 50%;
transform: translateX(-50%);
  position: absolute;
}
.carousel-indicators li{

  width: 20px !important;
  height: 20px !important;
  border-radius: 50%;

  
}



.carousel-indicators {
 
  -webkit-box-pack: end;
  -ms-flex-pack: center;
  justify-content: flex-start !important;
  padding-left: 0;
  margin-bottom:3rem !important;
  margin-left: 4rem !important;
  list-style: none;
}

.carousel-control-next i,
.carousel-control-prev i{

  font-size: 60px;
}

.carousel-control-next, 
.carousel-control-prev {

  color: #000 !important;
 
}
.explr>a{
  color: #fff;
}
.explr{
  margin-top: 20px;
}
.short-btn{
  text-align: center;
  width: 100%;
}