@import url('https://fonts.googleapis.com/css?family=Lato:100,100i,300,300i,400,400i,700,700i,900,900i&display=swap');  
*{ 
font-family:  Verdana, Arial, Helvetica, sans-serif; 
font-weight: 400;
}
h1, h2, h3, h4, h5, h6 { 
   font-family:  Verdana, Arial, Helvetica, sans-serif;
 }
 p {
   font-family: Verdana, Arial, Helvetica, sans-serif;
 }
 a {
   text-decoration:none !important;
}
.main_title{padding:0 0 .625rem} .main_title span{color:#ef2b2f}  
 
.prod-cat-img{
background-color:  #f7f7f7;
}
.offers a{
color: #f7f7f7 !important;
}
.footer-top{
background-color:  #f7f7f7;
padding-top :0 !important;
}
.footer-info ul.footer-list li a{
font-weight: 400;
font-size: 14px;
line-height: 12px;
}
.footer-info ul.footer-list li {
font-weight: 300;
font-size: 14px;
line-height: 17px;
}
.footer-info-list li {
font-weight: 300;
font-size: 14px;
line-height: 17px;
}
.btn:hover, .btn:active{
     background-color: #f7f7f7;
     color: #555 !important;
     border-color: #f7f7f7 !important;
}
.btn:hover i, .btn:active i{ 
     color: #555 !important; 
}
/* li{
   color: #777 !important;
} */
/* a:hover{
   color: #f7f7f7 !important;
} */
.peroff{
   background-color: #f7f7f7 !important;
   color: #777;
} 
.new-price{
   color: #555 !important;
}
/* .section-title > p{
   color: #f7f7f7 !important;
} */
.product-details-tab .nav li a::before{
   background-color: #f7f7f7 !important; 
} 
.header-search input{
    border: 1px solid #999;
}
/* .gold{
    color: #f7f7f7 !important;
} */
.mainmenu-area{
    border-top: 1px solid #f7f7f7;
}
.main-menu > nav > ul > li a:after {
    background: #f7f7f7 none repeat scroll 0 0;
    content: "";
    display: block;
    height: 13px;
    position: absolute;
    right: 0;
    top: 23px;
    width: 1px;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s
}
.list-group-item{
   padding: 5px;
   border: 1px solid #f7f7f7;
   font-size: 15px;
}
.list-group-item.active{
   background-color: #f7f7f7;
   color: #555 !important;
   border-color : #f7f7f7
} 

.box-part{ 
   height: 102px;
   width: 320px;
   border: 1px solid #d5d9d9;
   border-radius: 8px;;
}
.box-inner{
   padding: 14px 18px;
}
.text{
   margin:20px 0px;
}

.fa{
    color:#4183D7;
} 
.box-heading{
   font-size: 17px;
   color: #111 !important;
   line-height: 28px !important;
}
.box-desc{
   font-size: 14px;
   line-height: 20px !important;
}
.box-image{
   /* height: 44px; */
   width: 100%;
}
.order-box{
   width: 100%;
}
.address-box{
   min-height : 220px;
}
.btn{
   background: #f7f7f7 !important;
   color: #555 !important;
   font-weight: 400 !important;
} 

.btn2{
   /* background: #f7f7f7 !important; */
   color: #555 !important;
   font-weight: 400 !important;
} 

.form-control{
   font-size: 0.9rem !important;
}

.modal-header h3{
   font-size: 20px !important;
}
.modal-header{
   padding: 8px !important;
}

button i {
   color: #555 !important;
}

.modal-body{
   background-color: #fff !important;
}

.main-menu > nav > ul > li > ul{
    padding: 10px !important;  
}

.main-menu > nav > ul > li > ul > li a{
   line-height: 26px !important;
   font-size: 14px !important;
   text-transform: none !important;
}

.blog-post-item:hover .blog-thumb img {
   -webkit-transform: scale(1.1);
       -ms-transform: scale(1.1);
           transform: scale(1.1);
   opacity: 0.7;
 }
 .blog-thumb {
   overflow: hidden;
 }
 .blog-thumb img {
   width: 100%;
 }
 .blog-content {
   padding-top: 15px;
 }
 .blog-title {
   line-height: 1.3;
   text-transform: capitalize;
 }
 .blog-title a {
   color: #222222;
   display: block;
 }
 .blog-title a:hover {
   color: #c29958;
 }
 .blog-meta {
   padding-bottom: 15px;
 }
 .blog-meta p {
   font-size: 13px;
   line-height: 1;
   font-weight: 400;
   color: #777;
 }
 .blog-meta p a {
   color: #c29958;
 }
 
 /*------- blog item end -------*/
 /*------ blog list item start ------*/
 .blog-list-inner .blog-post-item {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
 }
 @media only screen and (max-width: 767.98px) {
   .blog-list-inner .blog-post-item {
     display: block;
   }
 }
 .blog-list-inner .blog-post-item .blog-thumb {
   width: 40%;
 }
 @media only screen and (max-width: 767.98px) {
   .blog-list-inner .blog-post-item .blog-thumb {
     width: 100%;
   }
 }
 .blog-list-inner .blog-post-item .blog-content {
   padding-top: 0;
   padding-left: 20px;
   width: 60%;
 }
 @media only screen and (max-width: 767.98px) {
   .blog-list-inner .blog-post-item .blog-content {
     width: 100%;
     padding-left: 0;
     padding-top: 30px;
   }
 }
 .blog-list-inner .blog-post-item .blog-content .blog-title {
   margin-top: -5px;
 }
 .blog-list-inner .blog-post-item .blog-content .blog-meta {
   padding-top: 15px;
 }
 .blog-list-inner .blog-post-item .blog-content .blog-read-more {
   color: #222222;
   display: inline-block;
   margin-top: 10px;
 }
 .blog-list-inner .blog-post-item .blog-content .blog-read-more:hover {
   color: #c29958;
   text-decoration: underline;
 }
 
 /*------ blog list item end ------*/
 /*----- blog sidebar start -------*/
 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .blog-sidebar-wrapper {
     margin-bottom: -5px;
   }
 }
 @media only screen and (min-width: 768px) and (max-width: 991px) {
   .blog-sidebar-wrapper {
     margin-top: 77px;
     margin-bottom: -5px;
   }
 }
 @media only screen and (max-width: 767.98px) {
   .blog-sidebar-wrapper {
     margin-top: 60px;
     margin-bottom: -5px;
   }
 }
 .blog-sidebar-wrapper .blog-sidebar:last-child {
   margin-bottom: 0;
 }
 
 .blog-sidebar {
   margin-bottom: 30px;
 }
 .blog-sidebar .title {
   line-height: 1;
   margin-top: -2px;
   margin-bottom: 40px;
   position: relative;
   text-transform: capitalize;
 }
 .blog-sidebar .title:before {
   width: 100%;
   height: 1px;
   bottom: -10px;
   left: 0;
   background-color: #efefef;
   content: "";
   position: absolute;
 }
 .blog-sidebar .search-field {
   width: calc(100% - 50px);
   border: 1px solid #ccc;
   padding: 0 10px;
   color: #555555;
   font-size: 14px;
   height: 50px;
   float: left;
   text-transform: capitalize;
 }
 .blog-sidebar .search-btn {
   width: 50px;
   height: 50px;
   margin-left: -4px;
   text-align: center;
   cursor: pointer;
   background-color: #f8f8f8;
   border: 1px solid #ccc;
   -webkit-transition: 0.4s;
   -o-transition: 0.4s;
   transition: 0.4s;
 }
 .blog-sidebar .search-btn i {
   font-size: 20px;
   line-height: 50px;
   color: #222222;
   -webkit-transition: 0.4s;
   -o-transition: 0.4s;
   transition: 0.4s;
 }
 .blog-sidebar .search-btn:hover {
   background-color: #c29958;
   border-color: #c29958;
 }
 .blog-sidebar .search-btn:hover i {
   color: #fff;
 }
 .blog-sidebar .blog-archive {
   margin-top: -10px;
 }
 .blog-sidebar .blog-archive li a {
   color: #555555;
   font-size: 14px;
   line-height: 1;
   text-transform: capitalize;
   padding: 13px 0;
   display: inline-block;
 }
 .blog-sidebar .blog-archive li a:hover {
   color: #c29958;
 }
 .blog-sidebar .blog-archive li:last-child a {
   padding-bottom: 0;
 }
 .blog-sidebar .blog-archive li:first-child a {
   padding-top: 0;
 }
 .blog-sidebar .blog-tags li {
   display: inline-block;
   margin-bottom: 5px;
 }
 .blog-sidebar .blog-tags li a {
   color: #222222;
   font-size: 14px;
   border: 1px solid #ccc;
   padding: 6px 15px 4px;
   display: inline-block;
   text-transform: capitalize;
 }
 .blog-sidebar .blog-tags li a:hover {
   color: #fff;
   background-color: #c29958;
   border-color: #c29958;
 }
 
 .blog-category {
   margin-top: -10px;
 }
 
 .recent-post .recent-post-item:last-child {
   margin-bottom: 0;
 }
 
 .recent-post-item {
   margin-bottom: 30px;
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
 }
 .recent-post-item .product-thumb {
   max-width: 70px;
   -webkit-box-flex: 1;
   -webkit-flex: 1 0 70px;
       -ms-flex: 1 0 70px;
           flex: 1 0 70px;
 }
 .recent-post-item .recent-post-description {
   padding-left: 10px;
 }
 .recent-post-item .recent-post-description h6 {
   font-size: 14px;
   padding-bottom: 5px;
   text-transform: capitalize;
 }
 @media only screen and (min-width: 992px) and (max-width: 1199px) {
   .recent-post-item .recent-post-description h6 {
     font-size: 13px;
     padding-bottom: 5px;
   }
 }
 .recent-post-item .recent-post-description h6 a {
   color: #222222;
 }
 .recent-post-item .recent-post-description h6 a:hover {
   color: #c29958;
 }
 .recent-post-item .recent-post-description p {
   text-transform: capitalize;
 }
 
 /*----- blog sidebar end -------*/
 .entry-summary {
   padding-top: 25px;
 }
 
 blockquote {
   border-left: 5px solid #c29958;
   margin: 25px 32px 25px 30px;
   background-color: #f8f8f8;
   padding: 15px;
 }
 
 .blog-details-post .blog-content .blog-title {
   padding-top: 10px;
 }
 @media only screen and (max-width: 767.98px) {
   .blog-details-post .blog-content .blog-title {
     font-size: 20px;
   }
 }
 @media only screen and (max-width: 479.98px) {
   .blog-details-post .blog-content .blog-title {
     font-size: 18px;
   }
 }
 .blog-details-post .blog-content .blog-meta {
   padding-top: 15px;
   padding-bottom: 0;
 }
 .blog-details-post:hover .blog-thumb img {
   -webkit-transform: none;
       -ms-transform: none;
           transform: none;
 }
 
 /*------- blog main content wrapper start --------*/
 .blog-post-item .tag-line {
   padding: 10px 0;
   margin-top: 20px;
   border-top: 1px solid #efefef;
   border-bottom: 1px solid #efefef;
 }
 .blog-post-item .tag-line h6 {
   font-size: 14px;
   display: inline-block;
   padding-right: 5px;
 }
 .blog-post-item .tag-line a {
   font-size: 13px;
   color: #222222;
 }
 .blog-post-item .tag-line a:hover {
   color: #c29958;
 }
 
 .blog-share-link {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -webkit-align-items: center;
       -ms-flex-align: center;
           align-items: center;
   padding-top: 30px;
 }
 @media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767.98px) {
   .blog-share-link {
     padding-top: 15px;
   }
 }
 .blog-share-link h6 {
   font-size: 14px;
   padding-right: 15px;
 }
 .blog-share-link .blog-social-icon a {
   width: 36px;
   height: 36px;
   font-size: 15px;
   line-height: 36px;
   text-align: center;
   display: inline-block;
   color: #fff;
   border-radius: 50%;
   margin-right: 5px;
 }
 .blog-share-link .blog-social-icon a.facebook {
   background-color: #3B5999;
 }
 .blog-share-link .blog-social-icon a.twitter {
   background-color: #1DA1F2;
 }
 .blog-share-link .blog-social-icon a.pinterest {
   background-color: #CB2028;
 }
 .blog-share-link .blog-social-icon a.google {
   background-color: #fe6d4c;
 }
 .blog-share-link .blog-social-icon a:hover.facebook {
   background-color: #2d4474;
 }
 .blog-share-link .blog-social-icon a:hover.twitter {
   background-color: #0c85d0;
 }
 .blog-share-link .blog-social-icon a:hover.pinterest {
   background-color: #9f191f;
 }
 .blog-share-link .blog-social-icon a:hover.google {
   background-color: #fe4419;
 }
 @media only screen and (max-width: 479.98px) {
   .blog-share-link .blog-social-icon a {
     width: 30px;
     height: 30px;
     line-height: 30px;
     font-size: 13px;
     margin-right: 0;
   }
 }
 
 /*--- blog main content wrapper end ---*/
 /*--- blog comment section start ---*/
 .comment-section {
   margin-top: -3px;
 }
 .comment-section h5 {
   line-height: 1;
   padding-bottom: 15px;
 }
 .comment-section ul li {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   padding: 10px 20px;
   margin-bottom: 30px;
   border: 1px solid #efefef;
 }
 .comment-section ul li:last-child {
   margin-bottom: 5px;
 }
 @media only screen and (max-width: 479.98px) {
   .comment-section ul li {
     display: block;
   }
 }
 .comment-section ul li .author-avatar {
   -webkit-flex-basis: 66px;
       -ms-flex-preferred-size: 66px;
           flex-basis: 66px;
   max-height: 62px;
   margin-right: 10px;
 }
 @media only screen and (max-width: 479.98px) {
   .comment-section ul li .author-avatar {
     -webkit-flex-basis: 100%;
         -ms-flex-preferred-size: 100%;
             flex-basis: 100%;
     max-width: 66px;
     height: 62px;
   }
 }
 .comment-section ul li.comment-children {
   margin-left: 40px;
 }
 @media only screen and (max-width: 479.98px) {
   .comment-section ul li.comment-children {
     margin-left: 20px;
   }
 }
 .comment-section ul li .comment-body {
   -webkit-flex-basis: 100%;
       -ms-flex-preferred-size: 100%;
           flex-basis: 100%;
 }
 .comment-section ul li .comment-body h5 {
   font-size: 14px;
   padding-bottom: 5px;
 }
 .comment-section ul li .comment-body .comment-post-date {
   color: #555555;
   padding-bottom: 10px;
 }
 .comment-section ul li .comment-body .reply-btn {
   float: right;
 }
 .comment-section ul li .comment-body .reply-btn a {
   color: #222222;
   font-size: 12px;
   display: inline-block;
   padding: 4px 15px;
   border-radius: 20px;
   text-transform: capitalize;
   border: 1px solid #efefef;
 }
 .comment-section ul li .comment-body .reply-btn a:hover {
   color: #fff !important;
   border-color: #c29958;
   background-color: #c29958;
 }
 
 /*--- blog comment section end ---*/
 /*------ blog comment box start -----*/
 .blog-comment-wrapper {
   margin-top: -10px;
 }
 .blog-comment-wrapper h3 {
   color: #222222;
   font-size: 18px;
   line-height: 1;
   font-weight: 500;
   padding-bottom: 15px;
   text-transform: uppercase;
   border-bottom: 1px solid #f0f0f0;
 }
 .blog-comment-wrapper p {
   margin-bottom: 10px;
   padding-top: 10px;
 }
 .blog-comment-wrapper .comment-post-box label {
   color: #222222;
   font-weight: 500;
   margin-bottom: 10px;
   display: block;
   text-transform: capitalize;
 }
 .blog-comment-wrapper .comment-post-box .coment-field {
   background: #f8f8f8;
   border: none;
   color: #555555;
   padding: 8px 10px;
   width: 100%;
 }
 @media only screen and (max-width: 767.98px) {
   .blog-comment-wrapper .comment-post-box .coment-field {
     margin-bottom: 20px;
   }
 }
 .blog-comment-wrapper .comment-post-box textarea {
   height: 130px;
   margin-bottom: 20px;
   padding: 10px;
   width: 100%;
   background: #f8f8f8;
   border: none;
 }
 .blog-comment-wrapper .comment-post-box .coment-btn {
   margin-top: 30px;
 }
 @media only screen and (max-width: 767.98px) {
   .blog-comment-wrapper .comment-post-box .coment-btn {
     margin-top: 10px;
   }
 }
 .section-padding {
   padding-top: 80px !important;
   padding-bottom: 80px;
 }
 @media only screen and (max-width: 767.98px) {
   .section-padding {
     padding-top: 63px;
     padding-bottom: 63px;
   }
 }

/* Posts Pagination Active Color */
.page-item.active .page-link {
   z-index: 2;
   color: #777 !important;
   background-color: #e9ecef;
   border-color: #e9ecef;
}

/* filter label */

.filter-label{
  font-size: 14px !important;
  line-height: 16px !important;
  color: #0F1111!important;
  font-family: "Amazon Ember",Arial,sans-serif;
}
.cart-info span span{
  color : black;
}