html, body {
  margin:0;
  padding:0;
  font-size: 14px;
  font-family: 'Open Sans', sans-serif;
  -webkit-font-smoothing:antialiased;
  color: #717171;
  line-height: 25px;
}

body {
  overflow-x:hidden;
}
a {
  outline:0;
}
a:hover {
  text-decoration: none;
  color: #DA251C;
}
.font-playfair {
  font-family: 'Playfair Display', serif;
}
.center {
  margin: 0 auto;
}
.red {
  color: #da251a;
}
.grey {
  color: #717171;
}
.dark-red {
  color: #bf170e;
}
.dark-grey {
  color: #403e3e;
}
.white {
  color:#fff;
}
.black {
  color: #2c2a2a;
}
.lt-grey-bg {
  background-color: #f7f7f7;
}
.grey-bg {
  background-color: #E5E5E5; /*#f7f7f7 */
}
.white-bg {
  background-color: #fff;
}
.red-bg {
  background-color: #bf170e;
}
.upp {
  text-transform: uppercase;
}
.img-100 {
  width:100%;
}
.bdr-btm-white {
  width: 70px;
  border-bottom: 2px solid #fff;
}
.no-pd {
  padding: 0;
}
h1 {
  font-size: 32px;
}
h4 {
  font-size: 14px;
  font-weight: bold;
}
/* Navigation Style Starts Here */
/* adds some margin below the link sets */
.header {
  box-shadow: 0px 2px 5px rgba(0,0,0,0.1);
  text-transform: uppercase;
  background-color: #fff;
}
.navbar .navbar-nav a {
  color: #131313 !important;
  font-size: 12px;
  /*font-weight: bold;*/
}
.top-margin-adjust {
  margin-top: 85px;
}
/* adds some margin below the link sets  */
.navbar .dropdown-menu div[class*="col"] {
  margin-bottom:1rem;
}

/* breakpoint and up - mega dropdown styles */
@media screen and (min-width: 992px) {
/* remove the padding from the navbar so the dropdown hover state is not broken */
.navbar {
  padding-top:0px;
  padding-bottom:0px;
}

/* remove the padding from the nav-item and add some margin to give some breathing room on hovers */
/*.navbar .nav-item {
  padding:.5rem .5rem;
  margin:0 .25rem;
}*/

/* makes the dropdown full width  */
.navbar .dropdown {position:static;}

.navbar .dropdown-menu {
  width:100%;
  left:0;
  right:0;
  /* height of nav-item */
  top:75px;
  border:none;
  background-color:#E5E5E5!important; /*old color #f3f3f3 */
  /*-webkit-transition: all .25s ease;
       -moz-transition: all .25s ease;
        -ms-transition: all .25s ease;
         -o-transition: all .25s ease;
            transition: all .25s ease;*/
  border: 1px solid rgba(0,0,0,.15);
  background-color: #fff;
  font-size: 0.9rem;
}
  
/* shows the dropdown menu on hover */
.navbar .dropdown:hover .dropdown-menu, .navbar .dropdown .dropdown-menu:hover {
  display:block!important;
}

.navbar-expand-lg .navbar-nav .nav-link {
  padding: 1.5rem 1rem !important;
}
}

/* Navigation Style Ends Here */

.custom-arrow-left {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='gray' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
}

.custom-arrow-right {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='gray' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
}



/* Home Content Style Starts Here */

.home-prod > div {
  /*background-color: #fff;*/
  /*border-right: 1px solid #eee;*/
}
.home-prod > div h4 {
  text-transform: uppercase;
  background-color: #bf170e;
  color: #fff;
  text-align: center;
  padding: 10px;
  width: 90%;
  margin: 0 auto;
  z-index: 99;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -20px;
  text-transform: capitalize;
}
.home-prod img {
  width: 100%;
  border-right: 1px solid #eee;
  z-index: 1;
}
.hr-line {
  background-image: url(../img/hr-line.png);
  display: block;
  height: 1px;
  width: 100%;
  margin-top: 20px;
  margin-bottom: 20px;
}
/* Home Content Style Ends Here */

/* Counter Style Starts Here */
#shiva {
  /*width: 100px;
  height: 100px;
  background: red;*/
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  display: inline;
  margin:5px;
}
.count {
  line-height: 80px;
  color:#bf170e;
  margin-left:30px;
  /*font-size:25px;*/
}

.counter-bdr-right {
  border-right: 1px solid #eee;
}
/* Counter Style Ends Here */

.auto-parts p {
  color: #fff;
  font-size: 90%;
}
.auto-parts span {
  background-color: #fff;
  color: #3c3c3c;
  padding: 10px 20px;
}

/* Footer Style Starts Here */
.footer {
  text-transform: uppercase;
}
.footer ul {
  list-style: none;
  padding: 0;
}
.footer ul li a {
  color: #717171;
  font-size: 13px;
}
.footer-btm {
  background-color: #E5E5E5;
  font-size: 90%;
}
/* Footer Style Ends Here */


/* About Page Style Starts Here */
.inner-bdr-top {
  border-top: 3px solid #403e3e;
  width: 70px;
}
.bdr-pd {
  padding-top: 70px;
  padding-bottom: 50px;
}
.inner-heading {
  font-size: 30px;
  text-transform: uppercase; 
  /*font-weight: bold;*/
}
/* About Page Style Ends Here */

/* Products Page Style Starts Here */
.prod-banner-style {
  position: absolute;
  top: 30%;
  left: 0;
  right: 0;
  margin: auto;
  /*background-color: rgba(255,255,255,0.9);*/
  width: 40%;
  padding: 30px;
  color: #fff;
}
.prod-div h4 {
  text-transform: uppercase;
  background-color: #333;
  color: #fff;
  text-align: center;
  padding: 10px;
  width: 90%;
  margin: 0 auto;
  z-index: 99;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 20px;
  text-transform: capitalize;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: normal;
  border-top: 2px solid #eee;
}
.prod-div > div {
  margin-bottom: 20px;
}
.prod-div > div img:hover {
  -moz-box-shadow: 0 0 10px #ccc;
  -webkit-box-shadow: 0 0 10px #ccc;
  box-shadow: 0 0 10px #ccc;
  transition: 1s linear;
  border:0;
}
/*.prod-div > div img:hover ~ h4 {
  color: #DA241C;
  transition: color 1s ease;
}*/
.prod-div > div img {
  margin-bottom: 10px;
  border:2px solid #eee;
}
/* Products Page Style Ends Here */

/* Product Detail Page Style Starts Here */
.breadcrumb {
  background-color: transparent;
  padding-left: 0;
}

.detail-left .thumbs img {
  /*border: 5px solid #eee;*/
  filter: brightness(.90);
  -webkit-filter: brightness(.90);
  margin-bottom: 10px;
  cursor: pointer;
}
.detail-left .detail-img img {
  /*border:1px solid #eee;*/
  /*width: 98%;*/
  filter: brightness(.90);
  -webkit-filter: brightness(.90);
}
.detail-img {
  position: relative;
  padding-left: 0;
}


/*.easyzoom {position: relative;display: inline-block;*display: inline;*zoom: 1;}
.easyzoom img {vertical-align: bottom;}
.easyzoom.is-loading img {cursor: progress;}
.easyzoom.is-ready img {cursor: crosshair;}
.easyzoom.is-error  img {cursor: not-allowed;}
.easyzoom-notice {position: absolute;top: 50%;left: 50%;z-index: 150;width: 10em;margin: -1em 0 0 -5em;line-height: 2em;text-align: center;background: #FFF;box-shadow: 0 0 10px #888;}
.easyzoom-flyout {position:absolute;z-index: 100;overflow: hidden;background: #FFF;}*/
/**EasyZoom layout variations*/
/*.easyzoom--overlay .easyzoom-flyout {top: 0;left: 0;width: 100%;height: 100%;}
.easyzoom--adjacent .easyzoom-flyout {top: 0;left: 100%;width: 100%;height: 100%;margin-left: 20px;}
html.lb-disable-scrolling {overflow: hidden;position: fixed;height: 100vh;width: 100vw;}*/
/*ul.thumbs{ width:80px; position: absolute;left: -100px; top:0; }*/
ul.thumbs{ margin: 0; padding:0; list-style: none; }
/*ul.thumbs li{ width: 80px; border: 1px solid #eee; padding: 5px; margin-bottom: 5px; cursor: pointer;}*/
ul.thumbs li a img{ width: 100%; max-width: width:100%; }
/*ul.thumbs li.active{ border:1px solid #0b9444;  }*/
/*.clickzoom{ width: 120px; height: 40px; color: #666; position: absolute; bottom: 0; right: 0; background: #f1f1f1;z-index: 999; text-align: center; line-height: 40px; }
.clickzoom a{ color: #666; }*/

.width-50 {
  width: 50%;
  float: left;
}

/* Product Detail Page Style Ends Here */

.detail-right {
  background-color: #333333;
  padding: 30px 50px;
}
.detail-right table {
  color: #fff;
  text-transform: capitalize;
}
.detail-right table td {
  padding:0.25rem;
  font-size: 90%;
  border-top: 0px;
  border-bottom:1px solid rgba(255,255,255,.5);
}
/*.detail2-right h4 {
  font-size: 20px;
}
*/

/*.detail-right {
  background-color: #DA241C;
  padding: 30px 50px;
}

.detail-right table {
  color: #fff;
}
.detail-right table td {
  padding:0.25rem;
  font-size: 90%;
  border-top: 0px;
  border-bottom:1px dotted rgba(255,255,255,.5);
}
.detail-right h4 {
  font-size: 20px;
}*/
.detail-tabs .tab-pane {
  padding: 20px;
}
.detail-tabs .tab-content {
  border:1px solid #dee2e6;
  border-top: 0;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
  color: #2c2a2a;
  font-weight: bold;
}
.nav-item a {
  color: #403e3e;
}

/*set a border on the images to prevent shifting*/
 #gallery_01 img {border:2px solid white;}
 
 /*Change the colour*/
/* .active img {border:2px solid #333 !important;} */


/* About Style Starts Here */
.about-top h4 {
  font-weight: normal;
  font-size: 20px;
}

.about-top img {
  z-index: 10;
  position: absolute;
  padding-right: 30px;
}
.about-bg {
  position: relative;
}
.about-bg > div {
  /*position: absolute;
  top: 0px;*/
  background-color: #bf170e;
  color: #fff;
  padding-top: 150px;
  padding-bottom: 150px;
  z-index: 0;
  margin-top: 230px;
}
.about-btm {
  padding-bottom: 100px;
}
.about-btm img {
  z-index: 10;
  position: absolute;
  padding-left: 30px;
  top: -100px;
}
/* About Style Ends Here */

/* Infrastructure Page Style Starts Here */
.list-style {
  padding-left: 0px;
  list-style: none;
}
/* Infrastructure Page Style Ends Here */

/* Contact Page Style Starts Here */
#map_canvas {
  width:100%;
  height: 500px;
}
.btn-style {
  background-color: #BF170E;
  color: #fff;
  padding:10px 20px;
  border:0;
}
/* Contact Page Style Ends Here */