/*

    Theme Name:          
    Author:             
    Description:        
    Template Version:    

==============================================
                    css Index       
============================================== 
1.  Header
2.  Slider 
 
***/

/* Google Fonts ==================*/
 @import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700|Poppins:400,600,700&display=swap');
 

/* Header-top
====================================== */ 
.header-top-area {
    background-color: #8BC34A;
    padding: 10px 0;
} 
.header-top-left p {
    display: inline-block;
    margin-right: 15px;
} 
.header-top-right ul li {
    display: inline-block;
    margin-left: 30px;
} 
.header-top-left p i, .header-top-right ul li a i{
    color: #fff;
    font-size: 15px;
}
.header-top-left p span, .header-top-right ul li a{
    color: #fff;
    font-size: 14px; 
}
.header-top-left p i { 
    margin-right: 3px; 
}  
.header-top-right ul li a i { 
    margin-right: 7px;
    font-size: 15px;
}
 
/* Header ==================*/
 .header-area {
     min-height: 80px;
}
 .logo, .main-menu{
     line-height: 80px;
}
 nav#menu ul li {
     display: inline-block;
     margin-left: 25px;
     position: relative; 
}
 nav#menu ul li a {
     color: #131e2e;
     font-weight: 600;
     display: block;
     font-size: 14px;
     font-family: 'Poppins', sans-serif;
     -webkit-transition-duration: 0.3s;
     -o-transition-duration: 0.3s;
     transition-duration: 0.3s;
}
 nav#menu ul li.menu-active a{
     color: #0097e6;
}
 nav#menu ul li:hover> a {
     color: #0097e6;
}
 nav#menu ul li ul.sub-menu {
     position: absolute;
     width: 260px;
     background-color: #fff;
     z-index: 99;
     line-height: initial;
     top: 110%;
     opacity: 0;
     visibility: hidden;
     -webkit-transition: 0.5s;
     -o-transition: 0.5s;
     transition: 0.5s;
     border: 1px solid #e6e6e6;
}
 nav#menu ul li:hover ul.sub-menu{
     opacity: 1;
     visibility: visible;
     top: 100%;
}
 nav#menu ul li ul.sub-menu li {
     display: block;
     margin: 0;
     border-bottom: 1px solid #ececec;
}
 nav#menu ul li ul.sub-menu li a {
     display: block;
     color: #131e2e;
     padding: 15px 20px;
     font-weight: 600;
     -webkit-transition: 0.5s;
     -o-transition: 0.5s;
     transition: 0.5s; 
}
 nav#menu ul li ul.sub-menu li:last-child {
     border-bottom: 0;
}
 nav#menu ul li ul.sub-menu li a:hover {
     background-color: #0097e6;
     color: #fff;
     padding-left: 30px;
}

 ul li.dashboard > a {
    color: #777777 !important;
}


.cart-header > .dropdown button#dropdownMenuButton {
    padding: 0;
    background-color: inherit;
    border: 0;
}

.cart-header > .dropdown button#dropdownMenuButton i {
    color: #777;
    font-size: 30px;
}

.cart-header {
    margin-top: 22px;
    position: relative;
}

.header-cart-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 10px 10px;
    width: 100%;
}

.cart-left-img {
    max-width: 100px;
}

.cart-left-img img {
    width: 100%;
}

.cart-header > .dropdown .dropdown-menu.show {
    width: 290px;
    border-radius: 0;
    padding: 0;
    left: -61px !important;
    top: 26px !important;
    margin: 0;
}

.pt-name a {
    color: #777;
    font-size: 15px;
}

.pt-name {
    margin-bottom: 3px;
    line-height: 1;
}

.cart-right-text {
    margin-left: 10px;
    position: relative;
}

.pt-price span {
    font-weight: 700;
}

.pt-price {
    margin-bottom: 0px;
}

.cart-delete {
    position: absolute;
    top: -2px;
    right: -65px;
}

.cart-delete a {
    color: #777;
}
.pt-quantity span {
    font-size: 14px;
}

.header-cart-submit-content {
    padding: 0px 10px 10px 10px;
}

.cart-total-money {
    border-top: 2px solid #ddd;
}

.h-cart-total span {
    font-weight: 700;
    display: block;
    margin-top: 10px;
    text-transform: uppercase;
}

.h-cart-total:last-child span {
    font-weight: 600;
}

.cart-checkout {text-align: center;margin-top: 60px;}

.view-cart-ct a {
    background-color: #0097e6;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    padding: 10px 25px;
    display: block;
    border-radius: 40px;
    border: 1px solid #0097e6;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
.view-cart-ct a:hover{
    background-color: transparent;
    color: #0097e6;
    border: 1px solid #0097e6;
}

.view-cart-ct:first-child a {
    margin-bottom: 10px;
}

.cart-header .dropdown .dropdown-menu.show {
    display: none;
}

/* Header ==================*/
 .single-slider {
     height: 600px;
     background-size: cover;
     background-position: center center;
}
 .slider-contetn h1 {
     font-size: 60px;
     margin-bottom: 20px;
     color: #fff;
     text-transform: capitalize;
     font-family: 'Poppins', sans-serif;
     text-shadow: 1px 3px 0 #969696, 1px 13px 5px #aba8a8;
}
 .slider-contetn p {
     margin-bottom: 20px;
     font-size: 15px;
     color: #000;
}
 .slider-btn a {
     border: 2px solid #8BC34A;
     padding: 15px 40px;
     color: #fff;
     text-transform: uppercase;
     font-weight: 600;
     display: inline-block;
     -webkit-transition: 0.3s;
     -o-transition: 0.3s;
     transition: 0.3s;
     border-radius: 30px;
     background-color: #8BC34A;
     font-size: 19px;
}
 .slider-btn a:hover{
    border: 2px solid #fff;
    color: #8bc34a;
    background-color: #fff;
}
 .slider-active button.slick-arrow {
     position: absolute;
     bottom: 30px;
     color: #fff !important;
     width: 45px;
     height: 45px;
     font-size: 27px !important;
     text-align: center;
     z-index: 9999;
     border: none;
     right: 111px;
     background-color: #8bc34a;
     border-radius: 50%;
     -webkit-transition: 0.3s;
     -o-transition: 0.3s;
     transition: 0.3s;
     cursor: pointer;
     border: 1px solid transparent; 
}
 button.slick-arrow:hover {
     background-color: #fff;
     border: 1px solid #8bc34a;
}
 button.slick-arrow:hover i{
     color: #8bc34a;
}
 .slider-active button.slick-next {
     right: 50px;
}
.single-slider:before {
    width: 100%;
    height: 100%;
    background: #000000;
    content: "";
    position: absolute;
    opacity: 0.2;
}
.slider-area{
    position: relative;
}
.slider-area:before{
    background-image: url(../images/slider/noksha.png);
    content: "";
    top: 0;
    position: absolute;
    width: 100%;
    height: 10px;
    z-index: 9;
    display: block;
}
.slider-area:after{
    background-image: url(../images/slider/noksha.png);
    content: "";
    bottom: 0;
    position: absolute;
    width: 100%;
    height: 10px;
    z-index: 9;
    display: block;
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg);
}


/* CTA-area ==================*/

 .card-header.active {
   background: #8bc34a;
    
}
 
 
.card {
    border-radius: 0;
    border: 0;
    border-bottom: 1px dotted #8bc34a;
}
.card:last-child {
    border: 0;
}
.card-header{
    border: 0;
}
.card-header{
    background-color: #fff;
}
span.count {
    width: 30px;
    height: 30px;
    background: #ffffff;
    margin-right: 15px;
    display: inline-block;
    position: relative;
    border-radius: 50%;
    line-height: 30px;
    text-align: center;
    color: #000;
}
.btn-link.collapsed span.count {
    border: 1px solid #8bc34a;
}
.card-header.active:hover .btn-link{
    color: #fff;
}
.btn-link.collapsed{
    color: #6f6f6f;
    display: block;
}

 
a.btn-link {
    display: block;
    text-decoration: none;
    font-size: 16px;
    color: #fff;
    padding: 10px 2px;
}
a.btn-link:hover{
    text-decoration: none; 
}
.faq-area {
    background-color: #fafafa; 
}
.card-body {
    color: #000;
    font-size: 15px;
    line-height: 30px;
    padding-top: 46px;
    padding-bottom: 46px;
}


 .card-header.active {
    background: #8bc34a;
}
.courier-service-add {
    padding: 80px 0;
}

.shipping-car-image {
    box-shadow: 0 3px 12px rgba(0,0,0,.09);
    background-color: #ffffff;
    text-align: center;
    border-radius: 15px;
}
.faq-content {
    box-shadow: 0 3px 12px rgba(0,0,0,.09);
    background-color: #ffffff;
}


/* Populer-product Css ==================*/
 .populer-pro-content {
     background-color: #fff;
     border: 1px solid #e4e1e1;
     overflow: hidden;
     margin-bottom: 30px;
}

.pop-pro-img { 
    height: 336px;
    background-size: cover;
    width: 100%;
    background-position: center center;
}
/*.populer-pro-content .proj-1{background-image: url(../images/pro1.jpg);}
.populer-pro-content .proj-2{background-image: url(../images/pro2.jpg);}
.populer-pro-content .proj-3{background-image: url(../images/pro3.jpg);}
.populer-pro-content .proj-4{background-image: url(../images/pro4.jpg);}
.populer-pro-content .proj-5{background-image: url(../images/pro1.jpg);}*/




.pbg .populer-product .populer-pro-content:nth-of-type(3){
    background-image: url(../images/pro1.jpg);
}
 



/*.populer-brand-content .proj-1{background-image: url(../images/pro1.jpg);}
.populer-brand-content .proj-2{background-image: url(../images/pro2.jpg);}
.populer-brand-content .proj-3{background-image: url(../images/pro3.jpg);}
.populer-brand-content .proj-4{background-image: url(../images/pro4.jpg);}
.populer-brand-content .proj-5{background-image: url(../images/pro1.jpg);}*/ 




 .pop-pro-img img {
    max-width: 100%;
}
 
.overlay-section {
    position: relative;
    overflow:hidden;
}
.overlay-section:before {
    position: absolute;
    width: 100%;
    height: 100%;
    /*background-color: #0097e6bf;*/
    top: 0;
    content: "";
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
.populer-pro-content:hover .overlay-section:before{
     opacity: 1;
    visibility: visible;
}
.company-meta {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
}

.add-to-view a {
    background-color: #8bc34a;
    width: 35px;
    height: 35px;
    display: block;
    text-align: center;
    line-height: 35px;
    margin: 5px 0px;
}
.populer-pro-content:hover .add-to-view{
    left: 15px;
}
.add-to-view {
    position: absolute;
    top: 35%;
    left: -45px;
    right: 0;
    text-align: center;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}


.brand-name h4 span {
    background-color: #fff;
    font-size: 14px;
    padding: 5px 7px;
    color: #323232;
    font-weight: 600;
}

.brand-name {
    top: -115px;
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
.populer-pro-content:hover .brand-name{
     top: 33%;
}
.add-to-view a i {
    color: #fff;
}
 .add-to-cart {
    padding: 20px 0 25px 0;
}

.populer-pro-content:hover .add-to-cart a{
     background-color: #8bc34a;
     color: #fff;
}
  
 .add-to-cart a { 
     text-align: center;
     background-color: #323232;
     padding: 10px 15px;
     border: 1px solid #ffff;
     color: #fff;
     -webkit-transition: 0.5s;
     -o-transition: 0.5s;
     transition: 0.5s;
}
 .add-to-cart a i {
     margin-right: 5px;
}
 .product-details {
     background-color: #fff;
     padding: 5px 10px;
}
 .pro-name h4 a, .pro-nameb h4 a{
    font-size: 14px;
    color: #333745;
     -webkit-transition-duration: 0.3s;
     -o-transition-duration: 0.3s;
     transition-duration: 0.3s;
    font-weight: 700;
    text-transform: uppercase;
}
 
 
.populer-brand-content:hover .pro-nameb h4 a {
    color: #0097e6;
}
 .pro-name {
     margin-bottom: 10px;
}
 .pro-meta-det {
     margin-bottom: 10px;
}
 .product-price-left span {
     color: #333745;
     font-size: 15px;
     font-weight: 600;
}
 .pro-part a i {
    margin-right: 5px;
}
 .pro-part a {
     background-color: #9c9b9b;
    margin-right: 2px;
    margin-bottom: 10px;
    display: inline-block;
    padding: 2px 10px;
    color: #fff;
}
 .populer-product-active, .populer-brand-active {
     margin-top: 70px;
}
 .populer-product-active .owl-nav, .populer-brand-active .owl-nav {
     position: absolute;
     top: -70px;
     right: 0;
}
 .populer-product-active .owl-nav button i, .populer-brand-active .owl-nav button i {
     background-color: #f7f7f7 !important;
     width: 40px;
     height: 40px;
     margin: 0 5px;
     line-height: 40px;
     font-size: 21px;
     border: 1px solid #e4e1e1;
     -webkit-transition: 0.3s;
     -o-transition: 0.3s;
     transition: 0.3s;
}
 .populer-product-active .owl-nav button i:hover, .populer-brand-active .owl-nav button i:hover {
     background-color: #0097e6 !important;
     color: #fff;
}





/* General Css ==================*/
.advertise-area {
    height: 500px;
    position: relative;
    background-attachment: fixed;
    background-size: cover;
}

.advertise-area:before {
    position: absolute;
    height: 100%;
    content: "";
    background-color: #000000c2;
    top: 0;
    width: 100%;
}

.advertise-cotnetn h3 {
    color: #fff;
    font-size: 28px;
    margin-bottom: 10px;
    font-family: 'Poppins', sans-serif;
    line-height: 1.5;
}

.advertise-cotnetn input { 
    background-color: transparent;
    height: 45px;
    border-radius: 4px;
    margin-bottom: 20px;
}
.advertise-cotnetn input.form-control:focus{background-color: transparent !important;}
.advertise-cotnetn {
    background-color: rgba(0, 0, 0, 0.3);
    padding: 30px 25px;
}

.advertise-cotnetn input::-webkit-input-placeholder {
    color: white;
}

.advertise-cotnetn input:-ms-input-placeholder {
    color: white;
}

.advertise-cotnetn input::-ms-input-placeholder {
    color: white;
}

.advertise-cotnetn input::placeholder {
    color: white;
}

.advertise-cotnetn a {
    color: #fff;
    background-color: #0097e6;
    font-weight: 600;
    padding: 15px 55px;
    border-radius: 30px;
    display: inline-block;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

 .advertise-cotnetn a:hover{
    color: #0097e6;
    background-color: #fff;
 }

/* General Css ==================*/
 .shipping-services-area {
    padding: 60px 0;
    background-image: url(../images/advertise.jpg);
    position: relative;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
}
.shipping-services-area:before {
    content: "";
    background-color: #0097e6;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    opacity: 0.9;
    bottom: 0;
}
 .shipping-ser-content {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     background-color: #fff;
     padding: 20px 15px 20px 0;
     border: 1px solid #eee;
}
 .shipping-icon {
     text-align: left;
     margin-right: 20px;
}
 .shipping-text h3 {
     font-size: 20px;
     margin-bottom: 10px;
}
 .shipping-text p {
     line-height: 24px;
}
 .shipping-icon i {
     color: #0097e6;
}
/* General Css ==================*/
 .populer-brand-content {
     border: 1px solid #e4e1e1;
     -webkit-transition: 0.5s;
     -o-transition: 0.5s;
     transition: 0.5s;
     background-color: #323232
}
.pro-nameb h4 a{
    color: #fff;
}
 .populer-brand-content:hover{
    background-color: #0097e6;;
 }
  .populer-brand-content:hover .pro-nameb h4 a{
    color: #fff;
  }
 .brand-details {
     padding: 5px 15px 10px 15px;
}
}
 .add-to-cartt a {
     background-color: #0097e6;
     color: #fff;
     padding: 5px 7px;
     display: inline-block;
}
 .price-meta {
     margin-top: 10px;
}
/* General Css ==================*/
 .cus-testi-img {
     width: 90px;
     margin: auto;
}
 .cus-testi-img{
    max-width: 100%;
    border-radius: 50%; 
    height: 90px;
    background-size: cover;
}

.cus-testi-img.testimonial-1{background-image: url(../images/test-01.jpg);}
.cus-testi-img.testimonial-2{background-image: url(../images/test-02.jpg);}
.cus-testi-img.testimonial-3{background-image: url(../images/test-03.jpg);}
.cus-testi-img.testimonial-4{background-image: url(../images/test-01.jpg);}


 .customer-testi-content {
     background-color: #f7f7f7;
     padding: 30px 40px;
     border: 1px solid #e4e1e1;
}
 .cus-testi-h-text {
     margin-top: 20px;
     margin-bottom: 20px;
     text-align: center;
}
 .cus-testi-h-text h4 {
     font-size: 14px;
}
 .customer-testi-extra {
     background-color: #fff;
     padding: 10px 20px;
     border-bottom: 1px solid #eee;
     margin-bottom: 10px;
}
 .customer-feedback-testimonial .owl-theme .owl-dots .owl-dot span {
     width: 13px;
     height: 13px;
     margin: 5px 7px;
     background-color: #8bc34a94;
}
 .customer-feedback-testimonial .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{
     background-color: #8bc34a;
}
/* General Css ==================*/
 .brand-area{
     background-color: #f7f7f7;
}
 .brand-slider-active.owl-carousel .owl-item img {
     width: auto !important;
}

.brand-slider-content{
    max-width: 157px; 
    height: 152px;
    background-size: cover;
}

.brand-slider-content.brand-slider-content-1{background-image: url(../images/client1.png);}
.brand-slider-content.brand-slider-content-2{background-image: url(../images/client2.png);}
.brand-slider-content.brand-slider-content-3{background-image: url(../images/client3.png);}
.brand-slider-content.brand-slider-content-4{background-image: url(../images/client4.png);}
.brand-slider-content.brand-slider-content-5{background-image: url(../images/client5.png);}
.brand-slider-content.brand-slider-content-6{background-image: url(../images/client6.png);}






/* */
.blog-content {
    background-color: #fff;
    border: 1px solid #e4e1e1;
    margin-bottom: 15px;
}
 .blog-text {
     padding: 15px 15px 20px 15px;
}
 .blog-img img {
     width: 100%;
}


 .blog-img img{
    max-width: 100%; 
    height: 276px;
    background-size: cover;
}


 


 .blog-text h4 a {
    font-size: 17px;
    line-height: 1.4;
    color: #131e2e;
    margin-bottom: 20px;
    display: inline-block;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    text-transform: capitalize;
    font-weight: 700;
}
 .blog-text h4 a:hover{
     color: #555;
}
 .blog-meta ul li a:hover{
     color: #131e2e;
}
 .blog-text p {
     margin-bottom: 25px;
}
 .blog-meta ul li {
     display: inline-block;
}
 .blog-meta ul li a {
     font-size: 14px;
     margin-right: 20px;
     color: #6f6f6f;
     -webkit-transition: 0.3s;
     -o-transition: 0.3s;
     transition: 0.3s;
}
 .blog-meta ul li a i {
     margin-right: 5px;
     font-size: 15px;
}
/* */
 .footer-area {
     background-color: #27282b;
     padding: 50px 0;
     font-size: 14px;
}
 .footer-headin {
     border-bottom: 1px solid #ffffff 
}
 .footer-headin h4 {
     font-size: 22px;
     padding-bottom: 10px;
     color: #fff;
}
 .footer-text p {
     margin-bottom: 11px;
     color: #a5a3a3;
}
 .footer-text {
     margin-top: 20px;
}
 ul.cate li a {
     color: #a5a3a3;
     -webkit-transition: 0.3s;
     -o-transition: 0.3s;
     transition: 0.3s;
}
 ul.cate li {
     border-bottom: 1px solid #c5c5c524;
     padding-bottom: 5px;
     margin-bottom: 12px;
}
 ul.cate li a:hover {
     color: #bfc3ca;
}
 ul.cate li:last-child {
     border-bottom: 0;
     margin: 0;
     padding: 0;
}
 .footer-text ul.social-icon-f > li {
     display: inline-block;
     margin-right: 5px;
}
 .footer-text ul.social-icon-f > li a {
     width: 30px;
     height: 30px;
     background-color: #8bc34a;
     display: inline-block;
     text-align: center;
     border-radius: 4px;
     line-height: 30px;
     color: #fff;
     transition: 0.3s;
     -webkit-transition: 0.3s;
     -moz-transition: 0.3s;
     -ms-transition: 0.3s;
     -o-transition: 0.3s;
}
 .footer-text ul.social-icon-f li a:hover{
     background-color: #fff;
     color: #8bc34a;
}
 .footer-text.address ul li {
     display: block;
     color: #a5a3a3;
     margin-bottom: 3px;
     position: relative;
     padding-left: 22px;
}
 .footer-text.address ul li:before {
     position: absolute;
     font-family: FontAwesome;
     color: rgb(255, 255, 255);
     left: 0;
}
 .footer-text.address ul li:nth-child(1):before{
     content: "\f015";
}
 .footer-text.address ul li:nth-child(2):before{
     content: "\f095";
}
 .footer-text.address ul li:nth-child(3):before{
     content: "\f0e0";
}
 .footer-bottom-area {
     background-color: #1e1f21;
     padding: 20px 0;
}
 .footer-bootm-content.text-center p {
     font-size: 14px;
     color: #fff;
}
/* =========================== Other page Desighn start =========================== */
 .banner {
     height: 300px;
     background-position: center center;
     background-size: cover;
     position: relative;
     background-repeat: no-repeat;
     width: 100%;
}
 .banner:before {
     content: "";
     position: absolute;
     height: 100%;
     width: 100%;
     background-color: #0097e6;
    opacity: 0.8;
}
 .banner-content{
     color: #fff;
     z-index:999;
     position: relative;
}
 .banner-content h2 {
     text-transform: uppercase;
     font-weight: 700;
     font-size: 37px;
     margin-bottom: 20px;
     color: #fff;
}
 .c-breadcrumb ul li {
     display: inline-block;
     position: relative;
     padding: 0 7px;
}
 .c-breadcrumb ul li.active a{
     color: #fff;
}
 .c-breadcrumb ul li:first-child:after {
     content: "\f101";
     font-family: fontawesome;
     position: absolute;
     top: 2px;
     right: -6px;
     font-size: 13px;
     color: #fff;
}
 .c-breadcrumb ul li a {
     font-size: 13px;
     font-weight: 400;
     color: #fff;
}
 .product-det-section {
     background-color: #f7f7f7;
     border: 1px solid #e4e1e1;
}
 .pro-parts a {
     display: block;
     background-color: #fff;
     margin-bottom: 15px;
     -webkit-transition: 0.3s;
     -o-transition: 0.3s;
     transition: 0.3s;
     -webkit-box-shadow: 0 2px 1px -1px rgba(48,56,64,.2), 0 1px 1px 0 rgba(48,56,64,.14), 0 1px 3px 0 rgba(48,56,64,.12);
     box-shadow: 0 2px 1px -1px rgba(48,56,64,.2), 0 1px 1px 0 rgba(48,56,64,.14), 0 1px 3px 0 rgba(48,56,64,.12);
}
 .pro-parts a i {
     color: #fff;
     background-color: #0097e6;
     width: 40px;
     height: 40px;
     line-height: 40px;
     text-align: center;
     margin-right: 15px;
}
 .brand-section ul li a {
     background-color: #fff;
     display: block;
     margin-bottom: 15px;
     height: 40px;
     padding-left: 5px;
     line-height: 40px;
     -webkit-transition: 0.3s;
     -o-transition: 0.3s;
     transition: 0.3s;
     -webkit-box-shadow: 0 2px 1px -1px rgba(48,56,64,.2), 0 1px 1px 0 rgba(48,56,64,.14), 0 1px 3px 0 rgba(48,56,64,.12);
     box-shadow: 0 2px 1px -1px rgba(48,56,64,.2), 0 1px 1px 0 rgba(48,56,64,.14), 0 1px 3px 0 rgba(48,56,64,.12);
}
 .pro-parts a:last-child, .brand-section ul li:last-child a {
    margin-bottom: 0;
}
 .brand-section ul li a span {
     float: right;
     width: 40px;
     background-color: #0097e6;
     color: #fff;
     text-align: center;
     height: 40px;
     line-height: 40px;
     font-weight: 600;
}
 .pro-parts a:hover, .brand-section ul li:hover a {
     color: #0097e6;
}
 .product-parts .table-responsive-sm table tbody tr:first-child td {
     border: 0;
}
 .product-parts .table-responsive-sm table tbody tr td {
     border-color: #e0e0e0;
}
 .about-title h4 {
     font-size: 20px;
     text-transform: uppercase;
     color: #0097e6;
     margin-bottom: 20px;
}
 .blog-det-search {
     position: relative;
     background-color: #fff;
}
 .blog-det-search input[type="text"] {
     width: 100%;
     height: 55px;
     padding: 15px;
     font-size: 15px;
     border: 1px solid #eee;
     background-color: #ffff;
     cursor: inherit;
}
 .blog-det-search i {
     position: absolute;
     top: 18px;
     right: 26px;
     font-size: 17px;
     color: #131e2e;
}
 .table{
     margin-bottom: 0;
}
 a.page-link {
     border: 1px solid #e4e1e1;
     color: #000;
     font-size: 15px;
     -webkit-transition: 0.3s;
     -o-transition: 0.3s;
     transition: 0.3s;
     font-weight: normal;
}
 a.page-link:hover{
     color: #0097e6;
     background-color: inherit;
     border-color: #f1f1f1;
}
 ul.pagination li {
     margin: 0;
}
/*contact*/
 .contact-heading h2 {
     font-size: 20px;
     margin-bottom: 25px;
}
 .address-right-content input.form-control, .address-right-content textarea.form-control{
     border: 1px solid #ced4da;
     margin-bottom: 30px;
     border-radius: 5px;
     padding: 15px;
     font-size: 14px;
}
 .address-left-content:last-child {
     margin-bottom: 0;
}
 button.msg-btn{
     color: #fff;
     background-color: #0097e6;
     margin-top: 6px;
     padding: 15px 100px;
     border-radius: 4px;
     border: 0;
     transition:0.3s ;
     -webkit-transition:0.3s ;
     -moz-transition:0.3s ;
     -ms-transition:0.3s ;
     -o-transition:0.3s ;
     cursor: pointer;
}
 .address-left-content h6 {
     color: #fff;
     font-size: 16px;
     text-transform: capitalize;
     font-weight: 700;
     position: relative;
     padding-left: 35px;
     margin-bottom: 10px;
}
 .address-left-content {
     border: 1px solid #e4e1e1;
     padding: 30px;
     margin-bottom: 30px;
     background-color: #0097e6;
}
 .single-dashboard-content {
     background-color: #fff;
     border: 1px solid #e4e1e1;
     padding: 20px;
     border-radius: 5px;
}
 .address-left-content p {
     margin-left: 35px;
     font-size: 13px;
     color: #fff;
}
 .address-area-left .address-left-content:nth-child(1) h6:before {
    content: "\f041";
}
 .address-area-left .address-left-content:nth-child(2) h6:before {
    content: "\f095";
}
 .address-area-left .address-left-content:nth-child(3) h6:before {
    content: "\f017";
}
 .address-left-content h6:before {
     font-family: FontAwesome;
     color: #fff;
     font-size: 25px;
     position: absolute;
     left: 0;
     top: -2px;
}
/*about*/
 .about-img img {
     width: 100%;
     height: 500px;
}
 .about-img {
     border: 19px solid #f7f7f7;
     margin-bottom: 35px;
}
 .about-text h3, .team-title h2 {
     font-size: 30px;
     font-weight: 600;
     margin-bottom: 20px;
}
 .about-text h4 {
     font-size: 17px;
     color: #000;
     font-weight: 500;
     line-height: 25px;
     margin-bottom: 20px;
}
 .about-text p {
     font-size: 15px;
     line-height: 27px;
     margin-bottom: 20px;
}
 .about-btn {
     margin-top: 30px;
}
 .add a {
     background-color: #0097e6;
     color: #fff;
     -webkit-transition: 0.3s;
     -o-transition: 0.3s;
     transition: 0.3s;
}
 .add a:hover{
     background-color: #0891d8;
     color: #fff;
}
 .team-membar-area {
     background-color: #fbfbfb;
     padding: 80px 0;
}
 .team-m-details {
     background-color: #fff;
     padding: 35px 25px;
     border-radius: 7px;
     border: 1px solid #e4e1e1;
     -webkit-transition: 0.3s;
     -o-transition: 0.3s;
     transition: 0.3s;
}
 .team-m-details:hover{
     background-color:#0097e6;
}
 .person-img {
     margin-bottom: 20px;
     text-align: center;
}
 .person-img img {
     max-width: 135px;
     border-radius: 100px;
     margin: auto;
}
 .team-m-details .name {
     margin: 25px 0;
}
 .team-m-details .name h6 {
     font-size: 16px;
     margin-bottom: 7px;
     position: relative;
     padding-bottom: 15px;
     -webkit-transition: 0.3s;
     -o-transition: 0.3s;
     transition: 0.3s;
}
 .team-m-details .name h6:after {
     position: absolute;
     width: 45px;
     height: 2px;
     background-color: #131e2e;
     content: "";
     bottom: 0;
     left: 0;
     right: 0;
     margin: auto;
     -webkit-transition: 0.3s;
     -o-transition: 0.3s;
     transition: 0.3s;
}
 .team-m-details .person-text .name span {
     font-size: 14px;
     -webkit-transition: 0.3s;
     -o-transition: 0.3s;
     transition: 0.3s;
}
 .team-m-details .social-content ul li {
     display: inline-block;
     margin: 0 5px;
     font-size: 15px;
}
 .team-m-details .social-content ul li a i {
     color: #6f6f6f;
     -webkit-transition: 0.3s;
     -o-transition: 0.3s;
     transition: 0.3s;
}
 .team-m-details:hover .social-content ul li a i, .team-m-details:hover .name h6, .team-m-details:hover .person-text .name span {
     color: #fff;
}
 .team-m-details:hover .name h6:after{
     background-color: #fff;
}
 #contact-map{
     min-height: 500px;
     width: 100%;
}
/**/
 .dashboard-area{
     border-top: 1px solid #eee;
}
 .dashboard-nav {
     background-color: #fff;
    border-right: 1px solid #eee; 
}

.dashboard-nav ul li a {
    display: block;
    background-color: #fff;
    padding: 10px 7px;
    font-weight: 600;
}


.dashboard-nav ul li.dbactive a {
  background-color: #8bc34a17; 
}

a.cart-d i {
    color: #F44336;
    font-size: 15px;
}





 .dashboard-left-area{
     background-color: #ffff;
     height: auto;
}
 .right-side-dashboard-content {
     border-left: 1px solid #eee;
     height: 100%;
     background-color: #fafafa;
}
 .search-area {
     min-height: 60px;
     border-bottom: 1px solid #eee;
     position: relative;
}
 .search-area input {
     border: 0;
     background-color: #fafafa;
     line-height: 25px;
     padding-left: 59px;
     font-size: 21px;
}
 .search-area i {
     position: absolute;
     top: 17px;
     left: 24px;
     font-size: 23px;
}
 .dashboard-heading i {
     width: 50px;
     height: 50px;
     background-color: #8bc34a;
     line-height: 50px;
     border-radius: 50%;
     color: #fff;
     font-size: 25px;
     -webkit-box-shadow: 0px 3px 11px #89c5f5;
     box-shadow: 0px 3px 11px #89c5f5;
}
 .dashboard-heading {
     padding-top: 58px;
}
 .dashboard-nav a {
     background-color: transparent;
     margin-bottom: 10px;
     text-transform: capitalize;
}
 .dashboard-nav a i {
     margin-right: 10px;
}
 .dashboard-nav .nav-pills .nav-link{
     border-radius: 0;
}
 .dashboard-nav .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
     color: #050606;
     background-color: #8bc34a17;
     font-weight: 600;
}
 .single-dashboard-content h3 {
     color: #000;
     text-transform: uppercase;
     font-size: 30px;
     margin-bottom: 10px;
}
 .single-dashboard-img img {
     width: 400px;
     margin: 0 auto;
     display: block;
     border: 13px solid #9E9E9E;
}
 .single-dashboard-img {
     padding: 15px 0;
}
 .single-dashboard-content p {
     line-height: 28px;
}
 .dashboard-content {
     padding: 18px 20px 20px 20px;
}
 .signup-area, .reg-area {
     background-color: #fafafa;
     min-height: 580px;
     width: 100%;
}
 .singup-form {
     background-color: #fff;
     padding: 60px;
     border: 1px solid #dedddd;
     border-radius: 10px;
}
 .singup-form .form-group {
     position: relative;
     margin-bottom: 30px;
}
 .singup-form .form-group span {
     position: absolute;
     left: 11px;
     top: 7px;
}
 .singup-form .form-group input {
     border: 0;
     border-bottom: 1px solid #ddd;
     border-radius: 0;
     padding: 5px 45px;
     font-size: 15px;
}
 .singup-form .msg-btn {
     padding: 8px 30px;
     font-size: 14px;
     margin-top: 0;
}
 .reg-form {
     background-color: #fff;
     padding: 40px 40px;
     border: 1px solid #eee;
     border-radius: 10px;
}
 .reg-form .form-group {
     margin-bottom: 15px;
}
 .reg-form input.form-control {
     border-radius: 0;
     font-size: 14px;
     padding: 10px 10px;
     border: 0;
     border-bottom: 1px dotted #9a9090;
}
 .reg-submit button {
     color: #fff;
     background-color: #0097e6; 
     margin-top: 6px;
     padding: 15px 70px; 
     border-radius: 4px;
     border: 0;
     cursor: pointer;
}
 .service-title h2 {
     margin-bottom: 65px;
     font-size: 34px;
}
 .add-brand-area .form-group {
     margin-bottom: 20px;
}
.add-brand-area label, .add-brand-area input,
.add-brand-area select.form-control.select-box.js-example-basic-single {
    font-size: 14px;
}

.add-brand-area label {
    font-weight: 700;
}
 .payement-ara {
     padding: 30px 155px;
}
 .payement-ara .form-group{
     margin-bottom: 20px;
}
 .payement-ara input.form-control{
     background: #fafafa;
     border: 0;
     padding: 15px 15px;
     font-size: 15px;
     border: 1px solid #eee;
}
 .payement-ara select#exampleFormControlSelect1 {
     background-color: #fafafa;
     border: 0;
     height: 52px;
     border: 1px solid #eee;
}
 .payment-headin h3 {
     font-family: Poppins !IMPORTANT;
     margin-bottom: 20px;
     font-size: 25px;
     color: #000;
}
 .payement-ara .payment-btn button {
     background-color: #131e2e;
     border: 0;
     padding: 15px 33px;
     font-size: 15px;
     font-weight: 500;
     text-transform: capitalize;
     color: #fff;
     border-radius: 30px;
     transition: 0.3s;
     -webkit-transition: 0.3s;
     -moz-transition: 0.3s;
     -ms-transition: 0.3s;
     -o-transition: 0.3s;
}
 .payement-ara .payment-btn button:hover{
     -webkit-box-shadow: 0 8px 25px 0 rgba(0, 0, 0, 0.1);
     box-shadow: 0 8px 25px 0 rgba(0, 0, 0, 0.1);
     background-color: #000000;
}
 .payement-ara .payment-btn {
     margin-top: 10px;
}
 table.table thead tr th {
     color: #656565;
     font-size: 15px;
     font-weight: 700;
     text-transform: capitalize;
     background-color: #fafafa;
     border-bottom: 0;
}
 .owl-theme .owl-nav.disabled+.owl-dots {
     margin-top: 25px;
}
 table.table tbody tr td {
     vertical-align: middle;
     color: #131e2e;
     font-size: 15px;
     text-transform: capitalize;
     border-bottom: 1px solid #eee;
}
.action-btn button.btn {
    display: block;
    width: 80px;
    border-radius: 0;
    margin-bottom: 10px;
}

.action-btn button.btn:last-child {
    margin-bottom: 0;
}
/**/
/* Blog-Details-Start */
 .blog-det-area {
     background-color: #f7f7f7;
     padding: 70px 0;
}
 .blog-det-img img {
     max-width: 100%;
}
 .blog-det-text {
     background-color: #fff;
     padding: 35px 20px;
}
 .blog-det-text h4 {
     font-size: 22px;
     margin-bottom: 10px;
}
 .blog-det-text p {
     font-size: 15px;
     margin-bottom: 23px;
     line-height: 27px;
}
 p.extra-style {
     background-color: #f9f9f9;
     padding: 18px;
     text-align: justify;
     border-left: 5px solid #0097e6;
     color: #000;
}
 .blog-det-tag ul li {
     display: inline-block;
     padding-right: 25px;
}
 .blog-det-tag {
     margin-bottom: 20px;
}
 .blog-det-tag ul li a {
     color: #6f6f6f;
     font-size: 15px;
}
 .blog-det-tag ul li a i {
     padding-right: 10px;
     color: #6f6f6f;
}
 .share-social-icon-box {
     background-color: #fff;
     margin-top: 20px;
     padding: 25px 15px;
}
 .share-social-icon-box ul li {
     display: inline-block;
     padding-right: 8px;
}
 .share-social-icon-box ul li a {
     border: 1px solid #c3c3c3;
     width: 30px;
     height: 30px;
     display: block;
     border-radius: 50%;
     text-align: center;
     line-height: 30px;
     font-size: 15px;
     color: #000000;
     -webkit-transition: 0.3s;
     -o-transition: 0.3s;
     transition: 0.3s;
}
 .share-social-icon-box p {
     display: inline-block;
     color: #6f6f6f;
     font-weight: 600;
     text-transform: uppercase;
}
 .share-social-icon-box ul li a:hover {
     background-color: #0097e6;
     color: #fff;
     border: 1px solid #0097e6;
}
 .blog-det-search {
     position: relative;
     background-color: #fff;
}
 .blog-det-search input[type="text"] {
     width: 100%;
     height: 45px;
     padding: 15px;
     font-size: 15px;
     border: 1px solid #eee;
     background-color: #ffff;
}
 .blog-det-search i {
     position: absolute;
     top: 17px;
     right: 11px;
     font-size: 13px;
     color: #000;
}
 .blog-d-c-title h3 {
     font-size: 17px;
     text-transform: uppercase;
     font-weight: 600;
     position: relative;
     padding-bottom: 10px;
}
 .blog-d-c-title h3:before {
     content: "";
     width: 100%;
     height: 1px;
     background-color: #323232;
     position: absolute;
     bottom: 0;
}
 .blog-d-c-title h3:after {
     content: "";
     position: absolute;
     width: 100%;
     background-color: #323232;
     height: 1px;
     bottom: 0;
     left: 0;
}
 .blog-d-c-title {
     margin-bottom: 20px;
}
 .blog-det-categories ul {
     background-color: #fff;
     padding: 15px 10px;
}
 .blog-det-categories ul li a {
     color: #6d6d6d;
     font-size: 15px;
     padding: 7px 0;
     display: inline-block;
}
 .blog-det-categories ul li a:hover, .b-d-archive ul li a:hover{
     color: #0097e6;
}
 .b-d-tag-content a {
     background-color: #fff;
     font-size: 15px;
     text-transform: capitalize;
     padding: 5px 6px;
     margin-right: 4px;
     margin-bottom: 7px;
     display: inline-block;
}
 .b-d-tag-content a:hover{
     color: #0097e6;
}
 .b-d-recent-post ul {
    background-color: #fff;
    padding: 5px 10px 9px 22px;
    border: 1px solid #f5f5f5;
}
 .b-d-recent-post ul li {
     border-bottom: 1px solid #dadada61;
     position: relative;
     margin-right: 12px;
}
 .b-d-recent-post ul li a {
     font-size: 15px;
     display: inline-block;
     padding: 11px 0;
}
 .b-d-recent-post ul li a:hover, .b-d-recent-post ul li:hover:before{
     color: #0097e6;
}
 .b-d-recent-post ul li:last-child {
     border-bottom: 0;
}
 .b-d-recent-post ul li:before {
     content: "\f105 ";
     font-family: Fontawesome;
     color: #7d7b7b;
     padding-right: 12px;
}
 .b-d-archive {
     background-color: #fff;
     padding: 10px 10px;
}
 .b-d-archive ul li a {
     font-size: 15px;
     padding: 10px 40px;
     display: inline-block;
}
 .b-d-archive ul li {
     position: relative;
}
 .b-d-archive ul li:before {
     position: absolute;
     content: "\f114";
     font-family: Fontawesome;
     top: 6px;
     left: 0px;
}
 .comment-section {
     margin-top: 20px;
}
 .cmn-box textarea::-webkit-input-placeholder {
     color: #000;
     font-size: 15px;
     font-weight: 600;
}
 .cmn-box textarea:-ms-input-placeholder {
     color: #000;
     font-size: 15px;
     font-weight: 600;
}
 .cmn-box textarea::-ms-input-placeholder {
     color: #000;
     font-size: 15px;
     font-weight: 600;
}
 .cmn-box textarea::placeholder {
     color: #000;
     font-size: 15px;
     font-weight: 600;
}
 textarea.cmn-field {
     width: 100%;
     height: 185px;
     padding: 15px 15px;
     border: 1px solid #eee;
}



.cart-area table.table thead tr th {
    background-color: #fff !important;
    font-weight: 700;
    color: #212529;
}
.cart-area input[type="number"] {
    height: 30px;
    width: 70px;
    border: 2px solid #777;
    padding-left: 10px;
    padding-right: 10px;
}

img.cart-img {
    width: 70px;
}

.cart-area table.table tbody tr td {
    color: #777;
    font-weight: 500;
}
th.total-tk {
    text-align: right;
    font-size: 15px;
}
 
.cart-submit-content ul li {
    display: inline-block;
    margin-left: 40px;
   
}

.cart-submit-content {
    margin-top: 100px;
}

.cart-submit-content ul li a {
    background-color: #0097e6;
    padding: 20px 30px;
    display: inline-block;
    font-size: 15px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
.cart-submit-content ul li a:hover {
    background-color: #1681bb;
}

/* General Css ==================*/
 body {
     font-size: 14px; 
     font-family: 'Open Sans', sans-serif; 
     font-weight: 400;
}
 .section-title h3 {
     margin-bottom: 25px;
     font-size: 40px;
     text-transform: capitalize;
     font-weight: 700;
}
 h1, h2, h3, h4, h5, h6, p, .form-group {
     margin: 0;
}
 h1, h2, h3, h4, h5, h6 { 
     color: #323232;
     font-weight: 600;
     font-family: 'Open Sans', sans-serif;
}
 p{
     color: #777;
     line-height: 27px;
}
 ul, li {
     list-style: none;
     margin: 0;
     padding: 0;
}
 a {
     text-decoration: none;
     color: inherit;
}
 a:hover {
     text-decoration: none;
}
 .btn-link.focus, .btn-link:focus{
     text-decoration: none;
}
 .page-link:focus, button:active, button:focus, select:focus, input:focus, .form-control:focus, .btn-light:not(:disabled):not(.disabled).active, .btn-light:not(:disabled):not(.disabled):active, .show>.btn-light.dropdown-toggle {
     outline: none!important;
     box-shadow:none !important;
     -webkit-box-shadow: none!important;
}
 .clear {
     clear: both !important;
}
 .mb-60{
     margin-bottom: 40px;
}
 
 .mb-120{
     margin-bottom: 80px;
}
 .mt-50{
     margin-top: 50px;
}
 .ptb-120{
     padding: 80px 0;
}
 .pb-120{
     padding-bottom: 80px;
}
 .mb-30{
     margin-bottom: 30px;
}
 .m-b {
     margin-bottom: 50px;
}
 #loading{
     position: fixed;
     width: 100%;
     height: 100vh;
     background: #fff url('../images/loader.gif');
     z-index: 9999;
     background-repeat: no-repeat;
     background-position: center;
}
 a#scrollUp {
     width: 50px;
     height: 50px;
     background-color:#8bc34a;
     position: absolute;
     bottom: 30px;
     right: 30px;
     line-height: 45px;
     text-align: center;
     color: #ffffff;
     font-size: 30px;
     border-radius: 30px;
}
 .scroll-header {
     position: fixed;
     left: 0;
     right: 0;
     z-index: 555;
     width: 100%;
     background-color: white;
     border-bottom:1px solid #ececec;
     top: 0;
     -webkit-animation: 600ms ease-in-out 0s normal none 1 running fadeInDown;
             animation: 600ms ease-in-out 0s normal none 1 running fadeInDown;
}
 .dropdown.bootstrap-select {
     width: 100% !important;
}
  
 a.dropdown-item.selected.active {
     background-color: #0097e6 !important;
}
 button.btn.dropdown-toggle.btn-light {
     background-color: #fff!important;
}
 .form-control:focus {
     color: #555!important;
     background-color: #fff!important;
     border-color: #ced4da!important;
}
 .dropdown-item.active, .dropdown-item:active{
     background-color: #0097e6 !important;
}
 button.btn.dropdown-toggle.btn-light:focus {
     outline: none !important;
}
 .product-details-active.owl-carousel .owl-item img {
     width: auto;
     margin: auto;
}
 .product-details-active .owl-nav button {
     width: 50px;
     height: 50px;
     background-color: #0097e6 !IMPORTANT;
     left: 0;
     position: absolute;
     top: 50%;
     color: #fff !important;
     font-size: 22px !important;
     border-radius: 30px;
}
 .product-details-active .owl-nav button.owl-next {
     right: 0;
     left: auto;
}
 [class^="flaticon-"]:before, [class*=" flaticon-"]:before, [class^="flaticon-"]:after, [class*=" flaticon-"]:after {
     font-size: 60px;
}
 .cart-header > .dropdown-toggle::after {
    display:none;
}
:focus {
    outline: 0 !IMPORTANT;
}


#product-details-slider ul li {
    width: 33.33%;
    float: left;
    padding: 0 7px;
}

#product-details-slider ul li a img {
    width: 100%;
}

 

#product-details-slider .nav-link {
    padding: 0;
}

#product-details-slider ul {
    margin: 0 -7px;
}

#product-details-slider .product-details-nav img {
    width: 100%; 
}
#product-details-slider .product-details-nav{ 
    margin-bottom: 13px;
}
#product-details-slider-nave img.slick-slide{margin-right: 20px !important}
#product-details-slider-nave .product-details-slider-nav button.slick-arrow{
    top: 50% !important;
    background-color: #777 !important;
    position: absolute;
    transform: translateY(-50%);
    left: -15px;
    width: 30px;
    height: 30px;
    line-height: 26px;
    color: #fff !important;
    border: 0;
    z-index: 999;
    font-size: 20px;
    text-align: center;
    cursor: pointer;
}

/*#product-details-slider a.product-popup-link.slick-slide.slick-current.slick-active {
    left: -1473px !important;
}*/


div#product-details-slider-nave {
    margin-top: 18px;
}
 
.product-details-slider-nav button.slick-arrow.slick-next {
    right: -13px !important;
    left: auto !important;
}
#product-details-slider-nave .product-details-slider-nav button.slick-arrow:hover{
    background-color: #0097e6 !important; 
}
#product-details-slider-nave .product-details-slider-nav button.slick-arrow:hover i{
    color: #fff !important;
}


.pdc-name h4 {
    color: #333745;
    font-size: 25px;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 20px;
}

.pdc-name p {color: #777;}

.pdc-name {
    margin-bottom: 20px;
}

.pdc-price span.pdc-prices {
    color: #777;
    font-size: 16px;
    margin-right: 21px;
    font-weight: 600;
}

.pdc-price span {
    color: #333745;
    font-weight: 700;
    font-size: 20px;
}

.pdc-qty label {
    color: #777;
    font-size: 16px;
    margin-right: 5px;
    font-weight: 600;
}

.pdc-qty input {
    width: 50px;
    border: 1px solid #c3c6c7;
    color: #333745;
    font-size: 15px; 
    padding-left: 2px;
}
 

.pdc-price {
    margin-bottom: 15px;
}
.pdc-add-to-cart a:first-child{
    background-color: #0097e6;
}
.pdc-add-to-cart a {
    background-color: #777;
    padding: 14px 21px;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
    display: inline-block;
}
.pdc-add-to-cart {
    margin-top: 30px;
}
 .nav-link {
    padding: 0;
}

.pdc-s-mb {
    margin-top: 100px;
}

.pdc-bottom-section ul li a {
    color: #333745;
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
}

.pdc-bottom-section ul li {
    border-bottom: 1px solid #333745;
    margin-right: 25px;
    padding-bottom: 2px;
    margin-bottom: 20px;
}
.pro-variation select {
    width: 175px;
    border-radius: 0;
    border-color: #c3c6c7;
    color: #333745;
    font-size: 15px;
}

nav#menu ul li a sup {
color: #8bc34a;
font-size: 21px;
position: relative;
right: -5px;
}

nav#menu ul li a {
text-transform: uppercase;
}

.shipping-car-image img {
max-width: 100%;
}

.modal-header button {
float: left !IMPORTANT;
}

.modal-header {
display: inline;
}

.modal-header h4 {
float: right;
}
.cate-menu {
margin: 25px 0;
}

.cate-menu nav.navbar.navbar-expand-lg {
padding-left: 0;
}




.pro-variation {
    margin-bottom: 15px;
}