/** * Importing necessary Styles. **/
 *, *:before, *:after {
     box-sizing: border-box;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
}
 body, html {
     margin:0px;
     padding:0px;
}
 body {
     background: #e0e0e0;
     margin: 0px;
     padding: 0px;
     font-family: sans-serif;
}
 img {
     max-width: 100%;
}
 a, a:hover {
     text-decoration: none;
}
 h1, h2, h3, h4 {
     font-weight: 500;
}
 .main-header {
     background: #f4f4f4;
     border-top: 8px solid #99002e;
}
 .navbar-light.main-header .nav-link {
     font-size: 14px;
     font-family: Arial, Tahoma, Verdana;
     font-weight: bold;
     margin: 0px;
     text-decoration: none;
     padding: 0px 12px;
     text-transform: uppercase;
     color: #383838;
}
 .navbar-light.main-header .active>.nav-link, .navbar-light.main-header .nav-link.active, .navbar-light.main-header .nav-link.show, .navbar-light.main-header .show>.nav-link{
     color: #99002e;
}
 .search-box {
     float: right;
     position: absolute;
     right: 0;
     top: 10px;
     right: 24px;
}
 .navbar-light.main-header li.nav-item::after {
     content: "|";
     color: #999;
     font-size: 13px;
     position: absolute;
     top: 1px;
     left: -1px;
     height: 21px;
}
 .navbar-light.main-header li.nav-item:first-child::after{
     display:none;
}
 .navbar-light.main-header li.nav-item, span.pos-relative {
     position:relative;
}
 span.pos-relative {
     display:inline-block;
}
 .navbar-light.main-header .navbar-nav {
     padding-top: 40px;
}
 span.pos-relative a {
     position: absolute;
     bottom: 4px;
     width: 18px;
     left: 10px;
}
 span.pos-relative input.form-control {
     padding-left: 35px;
     border: 1px solid #d1d1d1;
     border-radius: 100px;
     height: 30px;
     font-size: 13px;
}
 .navbar-light.main-header .nav-link:hover{
     color:#99002e;
}
 h1.head-title, .head-title {
     font-family: Arial, Tahoma, Verdana;
     color: #99002e;
     font-size: 17px;
     line-height: 24px;
     font-weight: bold;
     margin-bottom: 8px;
}

h1.manufacturer-title {
    font-family: Arial, Tahoma, Verdana;
    font-size: 28px;
    line-height: 33px;

    margin-bottom: 8px;
}


 span.small-text {
     font-family: Arial, Tahoma, Verdana;
     font-weight: normal;
     text-decoration: none;
     line-height: 18px;
     font-size: 12px;
     display: block;
     text-align: left;
}
 h2.head-title.fts-16 {
     font-size: 16px;
     line-height: 22px;
}
 h3.h6 {
     font-size: 15px;
}
 .cl-dark, .head-title.cl-dark{
    color: #202020;
}
 h2.head-title.display-6 {
     font-size: 24px;
}
 .product-img a, .product-img span.main-img {
     display: inline-block;
     border: 1px solid #cccccc;
     border-radius: 4px;
     margin-bottom: 8px;
     width: 100%;
}
 .product-img a img {
     border-radius: 4px;
}
 .page-content p a, ul.ul-list li a {
     color: #99002e;
}
 h4.fts-4 {
     font-size: 14px;
     font-weight: 600;
}
 h4.h6 {
     font-size: 14px;
}
 .list-block dl.font-w-dt dt {
     font-weight: 500;
}
 .product-img {
     max-width: 290px;
     text-align: center;
}
 a.ask-us-btn{
     line-height: 16px;
     border: 1px solid #666666;
     display: inline-block;
     border-radius: 10px;
     padding: 0px 20px 3px 10px;
     text-decoration: none;
     color: #666666;
     font-size: 12px;
     text-transform: uppercase;
     font-weight: 600;
     margin-top: 15px;
     margin-right:10px;
}
 .list-block.table-view dt {
     font-weight: 500;
}
 .list-block.table-view dl {
     grid-template: auto / 30em 1fr;
}
 a.if-icon {
     position: relative;
     padding-right: 30px !important;
}
 a.if-icon img {
     width: 35px;
     margin-right: 12px;
}
 .link-cl {
     color: #99002e;
     font-size: 14px;
     display: inline-block;
}
 span.text-cl {
     color: #99002e;
}
 .link-cl:hover {
     color: #99002e;
     opacity:0.8;
}
 a.ask-us-btn img{
     padding-right: 7px;
     width: 36px;
     vertical-align: middle;
     position: relative;
     top: 4px;
}
 a.ask-us-btn span {
     padding-left: 39px;
     display: block;
     margin-top: -10px;
}
 .page-content p, ul.ul-list li {
     font-size: 14px;
     font-family: Arial, Tahoma, Verdana;
     line-height: 25px;
     color: #202020;
}
 a.ask-us-btn:hover, a.btn-outline.fill-btn:hover{
     opacity:0.7;
}
 input.form-control:focus {
     border-color: #99002e !important;
     box-shadow: none;
}
 ul.ul-list {
     padding-left: 15px;
     margin-bottom: 0;
}
 .list-block dl {
     border-bottom: 1px solid #cccccc;
     font-size: 13px;
     display: grid;
     grid-template: auto / 20em 1fr;
     margin: 0px;
     padding: 8px 0px;
     font-weight: 600;
     align-items: center;
}
 .list-block dt {
     font-weight: 600;
     color: #202020;
}
 .list-block dd {
     font-weight: 500;
     color: #202020;
     margin: 0;
}
 .space-none.max-width-container {
     padding: 0px 0px;
}
 .label-fts {
     display: inline-block;
     margin-bottom: 7px;
     font-size: 14px;
     font-weight: 500;
     color: #202020;
}
 .form-control {
     font-size: 14px;
}
 .footer-btn {
     margin-top: 20px;
     display: flex;
     align-items: center;
     justify-content: space-between;
}
 .btn-outline-gray {
     font-weight: 500;
     border-color: #202020;
     color: #202020;
     font-size: 14px;
     text-transform: capitalize;
}
 .btn-outline-gray {
     font-weight: 500;
     border-color: #202020;
     color: #202020;
     font-size: 14px;
     text-transform: capitalize;
     min-width: 100px;
}
 .btn-outline-gray:hover{
     background:#202020;
     color:#ffffff;
}
 textarea.form-control {
     resize: none;
}
 .product-img.fill-img img {
     border-radius: 4px;
}
 a.btn-outline {
     border: 1px solid #99002e;
     display: inline-block;
     padding: 10px 13px;
     border-radius: 10px;
     margin-top: 10px;
     transition: 0.3s;
}
 a.btn-outline.fill-btn {
     color: #ffffff;
     background: #99002e;
     padding: 7px 13px;
     vertical-align: bottom;
     text-align:center;
}
 a.btn-outline:hover {
     background-color: #99002e;
     color: #ffffff;
     border-color:#99002e;
}
 .for-promote {
     padding: 15px 15px;
     margin: 0px;
     background: #ececec;
     border-radius: 5px;
     font-size: 14px;
     text-align: center;
}
 .for-promote span {
     display: block;
}
 .for-promote a.btn-outline {
     padding: 6px 20px;
     margin: 5px;
     color: #99002e;
}
 .for-promote a.btn-outline:hover {
     color: white;
}
 .product-img span.main-img img {
     border-radius: 4px;
}
/*-------Manufacture-Product-------*/


 .space-none ol.breadcrumb {
     background: none;
     margin: 0;
}
 .space-none ol.breadcrumb li a{
     color:#8D1A31;
}
 .space-none ol.breadcrumb li {
     font-size: 14px;
     font-weight: 500;
}
 .space-none .breadcrumb-item.active {
     color: #000000;
}
 .space-none .breadcrumb-item+.breadcrumb-item::before {
     color: #000000;
     content: ">";
}
 .width-top-img{
     max-width: 250px;
}
 .bg-light-sec {
     background: #f8f8f8;
     border-radius: 15px;
}
 h2.head-title.h2 {
     font-size: 32px;
     color: #000000;
     font-weight: 500;
     line-height: 42px;
}
 details.summary-p summary {
     position: absolute;
     bottom: -30px;
     cursor: pointer;
     width: 125px;
}
 .img-name{
     height: 250px;
     display: block;
     border-radius: 15px;
     box-shadow: 0px 2px 17px #00000010;
     background: #ffffff;
     border: 2px solid;
}
 .img-name img{
     height: 248px;
     object-fit: contain;
     border-radius: 15px;
     max-width: 85%;
}
 .bg-light-sec .page-content p {
     margin: 0;
     margin-bottom: 4px;
}
 .bg-light-sec .page-content {
     position:relative;
}
 small.open-txt {
     font-size: 14px;
     color: #8D1A31;
     font-weight: 500;
}
 h2.head-title.fts-20 {
     font-size: 20px;
     line-height: 30px;
     font-style: italic;
}
 .manufacturer-box a.img-box {
     background: #FFFFFF;
     border: 1px solid #E5E5E5;
     border-radius: 8px;
     display: block;
     height: 220px;
}

.manufacturer-box a.img-box:hover {
  -webkit-box-shadow: 0px 0px 9px -1px rgba(0,0,0,0.26);
-moz-box-shadow: 0px 0px 9px -1px rgba(0,0,0,0.26);
box-shadow: 0px 0px 9px -1px rgba(0,0,0,0.26);
}



 .manufacturer-box .card-body h4 {
     font-size: 13px;
     color: #000000;
     margin: 0px;
}
 .manufacturer-box .card-body a {
     font-size: 13px;
     letter-spacing: -0.21px;
     color: #8D1A31;
     line-height: 19px;
     display: block;
}

.manufacturer-box .card-body a:hover {
  text-decoration: underline;
}


 .manufacturer-box .card-body {
     padding: 15px 0px 0px 0px;
}
 .manufacturer-box {
     margin-bottom: 20px;
}
 .fill-btn.bg-btn {
     text-align: center;
     margin: auto;
     display: block;
     max-width: 390px;
}
 .manufacturer-box a.img-box img {
     width: 100%;
     height: 218px;
     object-fit: fill;
     border-radius: 8px;
     object-fit: contain;
}

span.ic-small-link {
    width: 16px;
    display: inline-block;
}


/*-------Responsive-------*/
 @media (max-width: 767px) {
     .bg-light-sec {
         padding: 20px 15px 40px 15px;
         margin: 0px -15px;
         border-radius: 0px;
    }
     a.btn-outline.fill-btn {
         display: block;
    }
     .navbar-light.main-header .nav-link {
         padding-left: 0;
    }
     .navbar-light.main-header .navbar-collapse {
         padding-bottom: 20px;
    }
     a.navbar-brand img {
         max-width: 200px;
    }
     .search-box {
         position: unset;
         float: none;
         width: 100%;
    }
     .navbar-light.main-header li.nav-item::after{
         display:none;
    }
     .navbar-light.main-header .navbar-nav{
         padding-top:0px;
         margin-left: 0 !important;
    }
     .navbar-light.main-header li.nav-item, span.pos-relative {
         margin-top: 12px;
    }
     span.pos-relative{
         display:block;
    }
     span.pos-relative input.form-control {
         height: 42px;
    }
     span.pos-relative a {
         bottom: 10px;
    }
     .product-img, .product-img img {
         max-width: 100%;
         width: 100%;
    }
     .list-block dl {
         display: block;
    }
     .max-width-container{
         background:#ffffff;
    }

    .img-name img {
    max-width: 82%;
}
}
 @media (min-width: 768px) {
     .bg-light-sec .col-md-8 {
         -ms-flex: 0 0 70%;
         flex: 0 0 70%;
         max-width: 70%;
         margin-left: -21px;
    }
     .bg-light-sec {
         padding: 20px 15px 40px 0px !important;
         margin-left: 100px;
    }
     .bg-light-sec .product-img {
         margin-left: -100px;
    }
     .list-block.has-table-view dd {
         padding-left: 15px;
    }
     .main-header, .max-width-container{
         padding-left: 25px;
         padding-right: 25px;
    }
     .max-width-container{
         max-width:999px;
         background:#ffffff;
    }


}
 @media (min-width: 992px) {
     .bg-light-sec .col-md-8 {
         -ms-flex: 0 0 78%;
         flex: 0 0 78%;
         max-width: 78%;
         margin-left: -100px;
    }
}