@import url('https://fonts.googleapis.com/css2?family=Jost:wght@300;400;500;600;700;800&display=swap');


body {
font-family: 'Jost', sans-serif;
font-size: 14px;
color: #666;
line-height: 24px;
}

.home-20 {
background: #f5f5f5;
}


ul {
margin: 0;
padding: 0;
list-style: none
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5{
margin: 0;
}

p{

}

a {
text-decoration: none;
-webkit-transition: .3s;
transition: .3s
}

a:hover {
text-decoration: none
}

p {
margin: 0;
margin-bottom: 0
}

button {
outline: none;
box-shadow: none;
}

@media (min-width:1200px) {
.container {
max-width: 90%;
}
}

@media (min-width:1920px) {
.container-fluid {
padding: 0 90px;
max-width: 1920px
}
}

.border-1px {
border: 1px solid #ebebeb;
border-radius: 5px
}

.border-t-1px {
border-top: 1px solid#ebebeb
}

.list-product.border-b-0 {
border-bottom-color: transparent
}

#backgroung-content {
background: #f5f5f5;
padding-top: 60px;
padding-bottom: 1px
}

.hidden {
display: none
}

.img-responsive {
display: block;
max-width: 100%;
height: auto
}

.mtb-60px {
margin: 30px 0
}

.ptb-100px {
padding: 100px 0
}

.mb-60px {
margin-bottom: 60px
}

.mr-30px {
margin-right: 30px
}

.mlr-10px {
margin: 0 10px
}

.plr-15px {
padding: 0 15px
}

.mb-40px {
margin-bottom: 40px
}

.mt-50px {
margin-top: 50px
}

.mt-53px {
margin-top: 53px
}

.mt-60px {
margin-top: 60px
}

.mb-30px {
margin-bottom: 30px
}

.mt-20 {
margin-top: 20px
}

.mb-20px {
margin-bottom: 20px
}

.mt-30 {
margin-top: 30px
}

.mt-50 {
margin-top: 50px
}

.mb-50px {
margin-bottom: 50px
}

.m-0px {
margin: 0px
}

.row.mr-0px {
margin-right: 0
}

.row.ml-0px {
margin-left: 0
}

.row.mlr-30px {
margin-left: -30px;
margin-right: -30px
}

.position-relative {
position: relative
}

.plr-0px {
padding: 0
}

.mb-0 .list-product {
margin-bottom: 0px
}

.mt-40 {
margin-top: 40px
}

.color-black {
color: #253237
}

.mb-n-30px {
margin-bottom: -30px
}
.single-product-wrap {
overflow: hidden;
text-align: center;
z-index: 1;
position:relative;
}
/*.single-product-wrap .product-thumbnail {*/
/*  position: relative;*/
/*  overflow: hidden;*/
/*  max-height: 300px;*/
/*}*/
.single-product-wrap .product-thumbnail a img {
-webkit-transition: 0.3s 0.2s ease-out;
transition: 0.3s 0.2s ease-out;
width: 100%;
z-index: 1;
}
.single-product-wrap .product-thumbnail a img.secondary-thumb {
position: absolute;
left: 0;
top: 0;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
visibility: hidden;
pointer-events: none;
}
.single-product-wrap .product-thumbnail .product-hvr-content > .btn-addToCart {
font-size: 1.3rem;
text-transform: capitalize;
position: absolute;
left: 0;
bottom: 0;
line-height: 1;
width: 100%;
-webkit-transition: 0.3s 0.2s ease-out;
transition: 0.3s 0.2s ease-out;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
-webkit-transform: translateY(100%);
transform: translateY(100%);
visibility: hidden;
pointer-events: none;
z-index: 3;
}
@media only screen and (max-width: 767.98px) {
.single-product-wrap .product-thumbnail .product-hvr-content > .btn-addToCart {
padding: 13px 10px;
}
}
.single-product-wrap .product-thumbnail .product-hvr-content .prod-btn-group {
position: absolute;
bottom: 80px;
right: 30px;
z-index: 3;
}
.single-product-wrap .product-thumbnail .product-hvr-content .prod-btn-group a, .single-product-wrap .product-thumbnail .product-hvr-content .prod-btn-group span {
background-color: #fff;
color: #262626;
font-size: 1.8rem;
border-radius: 50%;
display: block;
line-height: 50px;
margin-bottom: 10px;
padding: 0;
cursor: pointer;
height: 45px;
width: 45px;
-webkit-transition: 0.4s 0.2s ease-out;
transition: 0.4s 0.2s ease-out;
-webkit-transform: translate(50px, 0);
transform: translate(50px, 0);
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
visibility: hidden;
}
.single-product-wrap .product-thumbnail .product-hvr-content .prod-btn-group a:hover, .single-product-wrap .product-thumbnail .product-hvr-content .prod-btn-group span:hover {
background-color: #d25b5b;
color: #fff;
-webkit-transition-delay: 0.1s !important;
  transition-delay: 0.1s !important;
}
.single-product-wrap .product-thumbnail .product-hvr-content .prod-btn-group a:hover button, .single-product-wrap .product-thumbnail .product-hvr-content .prod-btn-group span:hover button {
color: #fff;
}
.single-product-wrap .product-thumbnail .product-hvr-content .prod-btn-group a:last-child, .single-product-wrap .product-thumbnail .product-hvr-content .prod-btn-group span:last-child {
margin-bottom: 0;
}
.single-product-wrap .product-thumbnail .product-hvr-content .prod-btn-group button {
display: inline-block;
width: 100%;
}
.single-product-wrap .product-details {
margin-top: 23px;
}
.single-product-wrap .product-details .product-name {
font-size: 1.6rem;
line-height: 1.2;
text-transform: capitalize;
font-weight: 400;
margin-bottom: 10px;
}
.single-product-wrap .product-details .product-name a {
color: #262626;
}
.single-product-wrap .product-details .product-name a:hover {
color: #d25b5b;
}
.single-product-wrap .product-details .product-prices {
color: #d25b5b;
font-size: 1.4rem;
line-height: 1;
}
.single-product-wrap .product-details .product-prices del {
color: #8d8d8d;
margin-right: 5px;
}
.single-product-wrap .product-details .product-desc {
color: #8d8d8d;
font-size: 1.4rem;
line-height: 2;
margin-bottom: 0;
}
.single-product-wrap .product-details .list-view-content {
display: none;
}
.single-product-wrap .product-details .list-view-content .btn {
padding: 15px 45px;
}
.single-product-wrap .product-details .list-view-content a {
margin-right: 20px;
vertical-align: middle;
display: inline-block;
}
.single-product-wrap .product-details .list-view-content a i {
color: #262626;
font-size: 2rem;
}
.single-product-wrap .product-details .list-view-content a i:hover {
color: #d25b5b;
}
.single-product-wrap .product-badge {
background-color: #262626;
color: #fff;
padding: 15px 12px;
font-size: 1.2rem;
text-transform: capitalize;
line-height: 1;
display: inline-block;
position: absolute;
right: 0;
top: 0;
min-width: 85px;
-webkit-transition: 0.4s 0.2s ease-out;
transition: 0.4s 0.2s ease-out;
}
.single-product-wrap .product-badge.sale {
background-color: #79bf56;
}
.single-product-wrap .product-badge.hot {
background-color: #ea6153;
}
.single-product-wrap:hover .product-thumbnail a img.primary-thumb {
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
visibility: hidden;
pointer-events: none;
}
.single-product-wrap:hover .product-thumbnail a img.secondary-thumb {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
visibility: visible;
pointer-events: visible;
}
.single-product-wrap:hover .product-thumbnail .product-hvr-content .btn-addToCart {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
visibility: visible;
pointer-events: visible;
}
.single-product-wrap:hover .product-thumbnail .product-hvr-content .prod-btn-group a, .single-product-wrap:hover .product-thumbnail .product-hvr-content .prod-btn-group span {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
visibility: visible;
}
.single-product-wrap:hover .product-thumbnail .product-hvr-content .prod-btn-group a:nth-child(2), .single-product-wrap:hover .product-thumbnail .product-hvr-content .prod-btn-group span:nth-child(2) {
-webkit-transition-delay: 0.45s;
  transition-delay: 0.45s;
}
.single-product-wrap:hover .product-thumbnail .product-hvr-content .prod-btn-group a:nth-child(3), .single-product-wrap:hover .product-thumbnail .product-hvr-content .prod-btn-group span:nth-child(3) {
-webkit-transition-delay: 0.5s;
  transition-delay: 0.5s;
}
.single-product-wrap:hover .product-thumbnail .product-hvr-content .prod-btn-group a:nth-child(4), .single-product-wrap:hover .product-thumbnail .product-hvr-content .prod-btn-group span:nth-child(4) {
-webkit-transition-delay: 0.55s;
  transition-delay: 0.55s;
}
.single-product-wrap:hover .product-thumbnail .product-hvr-content .product-badge {
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
visibility: hidden;
}

.layout-two .single-product-wrap {
position: relative;
}
.layout-two .single-product-wrap:after {
background-color: #000;
content: "";
position: absolute;
pointer-events: none;
left: 0;
top: 0;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
-webkit-transition: 0.4s 0.2s ease-out;
transition: 0.4s 0.2s ease-out;
visibility: hidden;
height: 100%;
width: 100%;
z-index: 2;
}
.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
padding-right: var(--bs-gutter-x, .938rem);
padding-left: var(--bs-gutter-x, .938rem)
}

.row {
--bs-gutter-x: 1.875rem
}

@media (min-width:1200px) {
.single-product-page .container {
max-width: 1200px
}
}

.row-custom {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 0;
background: #454545;
padding: 26px 30px
}

.single-product-page .header-navigation {
z-index: 99;
position: absolute;
padding: 0;
width: 100%;
top: 30px
}

.single-product-page .sticky-nav.menu_fixed {
padding: 0;
background: #454545
}

.single-product-page .sticky-nav.menu_fixed .row-custom {
padding: 10px 30px
}

.col-center {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
padding: 0 60px
}

.single-product-page .main-navigation ul li a {
color: #fff
}

.single-product-page .count-cart:before {
content: '\e680';
display: inline-block;
font-size: 19px;
font-family: "Stroke-Gap-Icons";
vertical-align: middle;
margin-right: 0px;
font-weight: 400
}

.single-product-page .count-cart.heart:before {
content: "\e67e"
}

.single-product-page .count-cart.restart:before {
content: "\e6a9"
}

.single-product-page .header_account_list>a {
font-size: 19px;
color: #fff
}

.transparent-bg {
background-color: transparent
}

.after-none:after {
display: none
}

.content-setting {
min-width: 270px;
padding: 30px;
border: none;
background: #fff;
position: absolute;
right: 0;
left: auto;
top: 100%;
-webkit-box-shadow: 0 0 3.76px 0.24px rgb(0 0 0/15%);
box-shadow: 0 0 3.76px 0.24px rgb(0 0 0/15%);
border-radius: 0;
inset: 20px 0px auto auto !important;
-webkit-transform: translate(0px, 20px) !important;
transform: translate(0px, 20px) !important
}

.content-setting .info_setting {
padding-bottom: 20px;
margin-bottom: 20px;
border-bottom: 1px solid #ebebeb
}

.content-setting .title_setting {
font-size: 14px;
text-transform: capitalize;
color: #454545;
line-height: 1;
font-weight: 600;
margin-bottom: 10px
}

.content-setting .info_setting ul li a {
color: #454545;
font-size: 14px;
line-height: 30px;
padding: 0
}

.content-setting .info_setting:last-child {
border: none;
padding: 0;
margin: 0
}

.content-setting .info_setting ul li a img {
vertical-align: -1px;
display: inline-block;
margin-right: 7px
}

.content-setting .info_setting ul li a:focus,
.content-setting .info_setting ul li a:hover {
color: #128aed;
background-color: transparent
}

.dropdown-item:focus,
.dropdown-item:hover {
background-color: transparent
}

.header_account_area>div+div {
margin-left: 30px !important
}

.single-product-page .item-quantity-tag {
top: -5px;
left: 15px;
width: 18px;
height: 18px;
background: #128aed;
color: #fff;
line-height: 18px;
font-size: 10px;
font-weight: 500;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}

.single-product-page .count-cart {
position: static
}

.hover-style-electronic.header_account_list>a:hover {
color: #128aed
}

.hover-style-electronic {
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out
}

.single-product-page .home-electronic .dropdown_search {
display: none;
position: absolute;
top: 50px;
right: 0
}

.single-product-page .header_account_list>a {
display: block
}


.single-product-page .main-navigation ul li ul.mega-menu-wrap {
left: 0
}

.slider-height-21 {
height: 892px
}

.slider-content {
margin-top: 70px
}

.slider-area .slider-content-21 h1 {
font-size: 70px;
color: #454545;
font-weight: 600;
line-height: 1;
font-family: 'Poppins', sans-serif;
margin-bottom: 0
}

.slider-area .slider-content-21 h2 {
font-size: 70px;
color: #454545;
font-weight: 400;
line-height: 1
}

.slider-area .slider-content-21 span {
font-size: 17px;
color: #fff;
background: #128aed;
display: inline-block;
font-weight: 400;
font-family: 'DM Serif Display', serif;
line-height: 2;
padding: 0 20px;
margin-bottom: 30px;
text-transform: uppercase
}

.slider-area .slider-content-21 p {
font-size: 16px;
color: #777;
font-weight: 400;
margin-top: 40px;
font-family: 'Poppins', sans-serif
}

.slider-area .slider-content-21 .shop-btn {
display: inline-block;
margin-top: 0px;
-webkit-transition: all 300ms linear;
transition: all 300ms linear;
position: relative;
font-size: 16px;
font-weight: 400;
color: #454545;
background: transparent;
line-height: 41px;
height: 45px;
border-width: 2px;
border-style: solid;
padding: 0 30px;
border-radius: 30px;
text-transform: uppercase;
width: auto
}

.slider-area .slider-content-21 .shop-btn:hover {
border-color: #128aed;
color: #128aed;
background-color: transparent
}

.service-area {
padding: 75px 0;
background-color: transparent
}

.service-box {
position: relative;
text-align: center;
padding: 15px 0
}

.service-icon {
display: block;
max-width: 100%;
height: auto
}

.service-content {
margin-top: 30px
}

.service-content h4 {
color: #454545;
font-size: 16px;
font-weight: 600;
text-transform: capitalize;
line-height: 1;
margin-bottom: 15px;
font-family: "Poppins", sans-serif
}

.service-content p {
line-height: 24px;
color: #7e7e7e;
font-size: 13px;
margin: 0;
font-family: "Poppins", sans-serif
}

.img-bottom {
margin-top: 35px;
text-align: center
}

.product-feature-area {
padding: 90px 0;
background: #f8f8f8;
margin-bottom: 90px;
overflow: hidden
}

.bdr{border: 1px solid pink;padding:10px !important;}
.color-tont{position: absolute;
top: 30px;z-index:11;
display: flex;
flex-direction: column;}
.circle{cursor: pointer;
width: 30px;
height: 30px;
display: inline-block;
border: 2px solid lightgray;
border-radius: 50%;
}
.prd-size{border: 1px solid grey;
display: inline-block;
margin: auto;
border-radius: 0;
font-size: 12px;
height: 30px;
margin-right: 10px;
text-align: center;
padding: 5px 10px;}
.feature-title {
position: relative;
margin-bottom: 40px;
text-align: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
padding-bottom: 30px
}

.feature-title:before {
content: '';
height: 1px;
width: 40px;
position: absolute;
bottom: 5px;
left: 50%;
margin-left: -10px;
background: #128aed;
-webkit-transform: translateX(-50%);
transform: translateX(-50%)
}

.feature-title:after {
content: '';
height: 1px;
width: 40px;
position: absolute;
bottom: 0;
left: 50%;
margin-left: 10px;
background: #128aed;
-webkit-transform: translateX(-50%);
transform: translateX(-50%)
}

.feature-title h2 {
font-family: "Poppins", sans-serif;
font-size: 36px;
color: #128aed;
text-transform: uppercase;
margin: 0;
position: relative;
font-weight: 600;
line-height: 1.3;
display: block
}

.feature-title h2 span {
color: #454545
}

.desc-title {
color: #ababab;
font-size: 15px;
font-weight: 500;
line-height: 24px;
position: relative;
font-family: 'Oswald', sans-serif;
letter-spacing: .25em;
text-transform: uppercase
}

.inner-content h3 {
font-size: 34px;
font-weight: 500;
margin-top: 0;
line-height: 40px;
margin-bottom: 30px;
text-transform: capitalize;
color: #454545;
font-family: "Poppins", sans-serif
}

.inner-content h3 span {
color: #128aed
}

.inner-content p {
font-size: 13px;
color: #7e7e7e;
font-family: "Poppins", sans-serif
}

.product-feature-area-two {
position: relative;
margin-bottom: 90px;
overflow: hidden
}

.product-feature-area-two .row+.row {
margin-top: 90px
}

.left-content h3,
.right-content h3 {
font-size: 34px;
font-weight: 500;
margin-top: 0;
line-height: 1.177;
margin-bottom: 30px;
font-family: "Poppins", sans-serif;
text-transform: capitalize;
color: #454545
}

.left-content h3 span,
.right-content h3 span {
color: #128aed
}

.left-content p,
.right-content p {
font-size: 13px;
color: #7e7e7e;
font-family: "Poppins", sans-serif
}

.left-content a {
font-size: 16px;
color: #fff;
text-transform: uppercase;
line-height: 45px;
display: inline-block;
vertical-align: top;
padding: 0 36px;
border-radius: 25px;
-webkit-border-radius: 25px;
margin-top: 50px;
margin-bottom: 1px;
background-color: #128aed
}

.left-content a:hover {
-webkit-box-shadow: 0 0 0 1px #9f9f9f;
box-shadow: 0 0 0 1px #9f9f9f;
background: #fff;
color: #454545
}

.box-option {
margin-top: 40px
}

.box-option .box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 30px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}

.box-option .box:last-child {
margin: 0
}

.box-option .box .text {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
padding: 0 20px
}

.box-option .box .text h4 {
font-size: 16px;
font-weight: 600;
line-height: 1.8;
text-transform: capitalize;
color: #454545;
font-family: "Poppins", sans-serif
}

.box-option .box .text p {
font-size: 13px;
color: #7e7e7e;
font-family: "Poppins", sans-serif
}

.mx-n-15px {
margin-left: -15px;
margin-right: -15px
}

.testimonialsSlide .owl-item {
padding: 10px 15px
}

.item-testimonials {
position: relative;
text-align: center;
border: 1px solid #ebebeb;
border-radius: 30px;
padding: 30px 25px;
overflow: hidden;
-webkit-box-shadow: 1px 1px 0 0 #fff;
box-shadow: 1px 1px 0 0 #fff;
-webkit-transition: all 300ms linear;
transition: all 300ms linear;
-webkit-transition-duration: .5s !important;
transition-duration: .5s !important
}

.item-testimonials:hover {
border-color: #fff;
-webkit-box-shadow: 0 0 8.37px 0.63px rgb(0 0 0/12%);
box-shadow: 0 0 8.37px 0.63px rgb(0 0 0/12%);
background: #fff;
-webkit-transition: all 300ms linear;
transition: all 300ms linear
}

.item-testimonials .item .img {
width: 100px;
border-radius: 100%;
overflow: hidden;
margin-bottom: 20px;
display: inline-block
}

.item-testimonials .item .img img {
width: 100%
}

.item-testimonials .item {
display: inline-block;
width: 100%
}

.item-testimonials .item .content_test .des_namepost {
position: relative;
font-size: 18px;
font-weight: 500;
line-height: 1;
color: #282828;
display: block;
display: inline-block;
margin-bottom: 25px;
font-family: "Poppins", sans-serif
}

.item-testimonials .item .content_test .des_testimonial {
font-weight: 400;
font-size: 13px;
line-height: 20px;
color: #7e7e7e;
margin-bottom: 25px;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
overflow: hidden;
font-family: "Poppins", sans-serif
}

.item-testimonials .item .content_test .des_email {
font-weight: 400;
font-size: 13px;
line-height: 1;
text-transform: capitalize;
color: #282828;
display: inline-block
}

.item-testimonials .item .content_test p {
margin: 0
}

.item-testimonials .item .content_test .des_email:before {
content: '-';
display: inline-block;
margin-right: 7px
}

.testimonials_container {
padding: 90px 0 80px 0;
background: #f8f8f8;
margin-bottom: 90px
}

.testimonials_container .owl-dots {
text-align: center;
line-height: 1;
margin-top: 50px
}

.testimonials_container .owl-dots .owl-dot {
display: inline-block;
margin: 0 10px
}

.testimonials_container .owl-dots .owl-dot span {
display: inline-block;
width: 12px;
height: 12px;
border-radius: 100%;
background: #d6d6d6;
position: relative;
-webkit-transition: all 300ms linear;
transition: all 300ms linear
}

.testimonials_container .owl-dots .owl-dot span:before {
content: '';
position: absolute;
left: -3px;
right: -3px;
top: -3px;
bottom: -3px;
border-style: solid;
border-width: 1px;
border-color: transparent;
border-radius: 100%;
-webkit-transition: all 300ms linear;
transition: all 300ms linear
}

.testimonials_container .owl-dots .owl-dot.active span,
.testimonials_container .owl-dots .owl-dot:hover span {
background: transparent;
-webkit-transition: all 300ms linear;
transition: all 300ms linear
}

.testimonials_container .owl-dots .owl-dot.active span:before,
.testimonials_container .owl-dots .owl-dot:hover span:before {
background: transparent;
-webkit-transition: all 300ms linear;
transition: all 300ms linear;
border-color: #128aed
}

.testimonials_container .owl-dots .owl-dot:last-child {
margin-right: 0
}

.testimonials_container .owl-dots .owl-dot.active span:before {
border-color: #128aed
}

@media (min-width:1200px) {
.product-feature-area-two .col-right {
padding-left: 80px
}

.product-feature-area-two .col-left {
padding-right: 80px
}
}

.item-product {
padding: 10px 15px
}

.product-miniature .img_block {
position: relative;
overflow: hidden
}

.img_block img {
width: 100%;
margin: 0;
-webkit-transition: all 300ms linear;
transition: all 300ms linear
}

.product-miniature .second-image {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
visibility: hidden;
opacity: 0;
display: inline-block;
-webkit-transform: translateZ(-1000px) rotateY(-90deg);
transform: translateZ(-1000px) rotateY(-90deg)
}

.product-miniature .add-to-links {
position: absolute;
right: 20px;
bottom: 20px;
background: rgba(255, 255, 255, .9);
padding: 6px 9px;
border-radius: 10px;
border: 1px solid #e8e8e8;
line-height: 1;
font-size: 0;
visibility: hidden;
opacity: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
transform: translateX(25px) translateZ(0);
-webkit-transform: translateX(25px) translateZ(0);
perspective: 800px;
-webkit-perspective: 800px;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
-webkit-transition: opacity .3s ease, visibility .3s ease, transform .3s ease;
-webkit-transition: opacity .3s ease, visibility .3s ease, -webkit-transform .3s ease;
transition: opacity .3s ease, visibility .3s ease, -webkit-transform .3s ease;
transition: opacity .3s ease, visibility .3s ease, transform .3s ease;
transition: opacity .3s ease, visibility .3s ease, transform .3s ease, -webkit-transform .3s ease
}

.product-miniature .add-to-links li {
display: block;
vertical-align: top;
border-bottom: 1px solid #ebebeb;
-webkit-transition: all 300ms linear;
transition: all 300ms linear
}

.product-miniature .add-to-links li a {
display: block;
color: #454545;
padding: 0;
border: none;
line-height: 33px;
height: 33px;
width: 30px;
padding: 0;
font-size: 0;
text-align: center;
text-transform: capitalize
}

.product-miniature .add-to-links li a:before {
font-size: 16px;
font-family: 'Stroke-Gap-Icons';
display: block
}

.product-miniature .add-to-links li a.add-to-wishlist:before {
content: "\e67e"
}

.product-miniature .add-to-links li a.add-to-compare:before {
font-size: 15px;
content: "\e6a9"
}

.product-miniature .add-to-links li a.add-to-quick-view:before {
content: "\e6bc"
}

.product-miniature .product-flag .new {
position: absolute;
top: 15px !important;
left: 15px;
display: inline-block;
color: #fff;
background: #454545;
padding: 0 12px;
text-align: center;
line-height: 25px;
min-height: 25px;
font-size: 12px;
font-weight: 600;
border-radius: 30px;
text-transform: uppercase;
text-align: center;
z-index: 1;
background: #46ce91;
font-family: "Poppins", sans-serif
}

.product-miniature .product-flag .discount {
position: absolute;
top: 15px;
right: 15px;
display: inline-block;
color: #fff;
padding: 0 12px;
text-align: center;
line-height: 25px;
min-height: 25px;
font-size: 12px;
font-weight: 600;
border-radius: 30px;
text-transform: uppercase;
text-align: center;
z-index: 4;
background: #128aed;
font-family: "Poppins", sans-serif
}

.product-miniature .product_desc {
padding: 20px 20px 30px 20px;
background: #fff;
position: relative;
-webkit-transition: all 300ms linear;
transition: all 300ms linear
}

.product-miniature .product_desc .hook-reviews {
display: block;
line-height: 1;
position: relative;
margin-bottom: 10px;
-webkit-transition: all 300ms linear;
transition: all 300ms linear
}

.product-miniature .product_desc .hook-reviews .comments_note {
direction: ltr !important;
position: relative
}

.product-miniature .product_desc .hook-reviews .star_content {
display: inline-block
}

.product-miniature .product_desc .hook-reviews .nb-comments {
font-size: 13px;
color: #adadad;
display: none
}

.product-miniature div.star.star_on {
display: block
}

.product-miniature .star {
overflow: hidden;
float: left;
margin: 0 3px 0 0;
width: 13px;
height: 13px
}

.product-miniature div.star.star_on:after {
content: "\f005";
font-family: "Font Awesome 5 Free";
display: inline-block;
font-weight: 400;
line-height: 1;
vertical-align: top;
color: #128aed
}

.product-miniature div.star:after {
content: "\f005";
font-family: "Font Awesome 5 Free";
display: inline-block;
color: #aeaeae;
font-weight: 400;
line-height: 1;
vertical-align: top
}

.product-miniature .star {
position: relative;
top: -1px;
float: left;
width: 13px;
overflow: hidden;
font-size: 11px;
font-weight: 400
}

.product-miniature .product_desc h3 {
font-weight: 600;
margin: 0;
line-height: 1;
font-family: "Poppins", sans-serif
}

.product-miniature .product_desc .product_name.one_line {
min-height: auto
}

.product-miniature .product_desc .product_name {
line-height: 18px;
display: block;
margin-bottom: 20px
}

.product-miniature .product_desc .product_name {
color: #454545;
font-size: 14px;
text-transform: none
}

.product-miniature .one_line {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis
}

.product-miniature .cart {
position: absolute;
left: 0;
right: 0;
bottom: 15px;
visibility: hidden;
opacity: 0;
transform: translateY(25px) translateZ(0);
-webkit-transform: translateY(25px) translateZ(0);
perspective: 800px;
-webkit-perspective: 800px;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
-webkit-transition: opacity .3s ease, visibility .3s ease, transform .3s ease;
-webkit-transition: opacity .3s ease, visibility .3s ease, -webkit-transform .3s ease;
transition: opacity .3s ease, visibility .3s ease, -webkit-transform .3s ease;
transition: opacity .3s ease, visibility .3s ease, transform .3s ease;
transition: opacity .3s ease, visibility .3s ease, transform .3s ease, -webkit-transform .3s ease
}

.product-miniature .add-to-cart {
font-family: 'Oswald', sans-serif;
display: inline-block;
color: #fff;
font-size: 13px;
font-weight: 500;
padding: 0 30px;
border: none;
line-height: 38px;
height: 38px;
width: auto;
-webkit-box-shadow: none;
box-shadow: none;
cursor: pointer;
border-radius: 30px;
text-transform: uppercase;
position: relative;
z-index: 1;
box-shadow: none;
background: #128aed
}

.product-miniature .product-price-and-shipping {
visibility: visible;
opacity: 1;
-webkit-transition: opacity .3s ease, visibility .3s ease, transform .3s ease;
-webkit-transition: opacity .3s ease, visibility .3s ease, -webkit-transform .3s ease;
transition: opacity .3s ease, visibility .3s ease, -webkit-transform .3s ease;
transition: opacity .3s ease, visibility .3s ease, transform .3s ease;
transition: opacity .3s ease, visibility .3s ease, transform .3s ease, -webkit-transform .3s ease
}

.product-miniature .product-price-and-shipping {
line-height: 20px;
font-family: 'Oswald', sans-serif
}

.product-miniature .product-price-and-shipping .sr-only {
display: none
}

.product-miniature .product-price-and-shipping .price {
font-weight: 600
}

.product-miniature .product-price-and-shipping .price {
color: #128aed;
font-size: 16px
}

.product-miniature {
position: relative;
background: #fff;
z-index: 1;
border: 1px solid #ebebeb;
border-radius: 30px;
overflow: hidden;
-webkit-transition: all 300ms linear;
transition: all 300ms linear;
-webkit-transition-duration: .5s !important;
transition-duration: .5s !important
}

.product-miniature:hover .second-image {
-webkit-transform: translateZ(0) rotateY(0);
transform: translateZ(0) rotateY(0);
opacity: 1;
visibility: visible
}

.product-miniature:hover .add-to-links {
opacity: 1;
visibility: visible;
-webkit-transform: translateX(0) translateZ(0);
transform: translateX(0) translateZ(0)
}

.product-miniature:hover .product-price-and-shipping {
opacity: 0;
visibility: hidden;
-webkit-transform: translateY(15px) translateZ(0);
transform: translateY(15px) translateZ(0);
white-space: nowrap
}

.product-miniature:hover .cart {
opacity: 1;
visibility: visible;
-webkit-transform: translateY(0) translateZ(0);
transform: translateY(0) translateZ(0)
}

.product-miniature button:hover {
-webkit-transition: all 300ms linear;
transition: all 300ms linear;
color: #454545;
background: #fff;
-webkit-box-shadow: 0 0 0 1px #ebebeb !important;
box-shadow: 0 0 0 1px #ebebeb !important
}

.product-miniature .add-to-links li:last-child {
margin: 0;
border-bottom: none
}

.product-miniature .add-to-links li a:hover {
color: #128aed
}

.product-miniature:hover {
z-index: 3;
-webkit-box-shadow: 0 0 8.37px 0.63px rgb(0 0 0/12%);
box-shadow: 0 0 8.37px 0.63px rgb(0 0 0/12%);
-webkit-transition: all 300ms linear;
transition: all 300ms linear
}

.product-price-and-shipping .regular-price {
color: #b2b2b2;
font-weight: 400;
text-decoration: line-through;
margin-right: 2px;
font-size: 14px
}

.product-miniature .product_desc .product_name:hover {
color: #128aed
}

.single-product-page .owl-nav-style-3 .owl-nav>div:hover {
color: #fff;
border-color: #128aed;
background-color: #128aed
}

.featured-products-area {
padding-bottom: 80px;
overflow: hidden
}

.newletter-area {
padding: 90px 0;
background-color: #f8f8f8
}

.newletter-area .subscribe-form form {
position: relative;
overflow: hidden;
max-width: 770px;
margin: auto
}

.newletter-area .subscribe-form form input.email {
height: 55px;
background: #fff;
border: 0;
color: #7e7e7e;
padding: 10px 140px 10px 25px;
display: inline-block;
width: 100%;
font-size: 13px;
border: 1px solid #ebebeb;
-webkit-box-shadow: inset 1px 1px 0 0 #fff;
box-shadow: inset 1px 1px 0 0 #fff;
border-radius: 30px
}

.newletter-area .subscribe-form form input.email::-webkit-input-placeholder {
font-family: "Poppins", sans-serif
}

.newletter-area .subscribe-form form input.email::-moz-placeholder {
font-family: "Poppins", sans-serif
}

.newletter-area .subscribe-form form input.email:-ms-input-placeholder {
font-family: "Poppins", sans-serif
}

.newletter-area .subscribe-form form input.email::-ms-input-placeholder {
font-family: "Poppins", sans-serif
}

.newletter-area .subscribe-form form input.email::placeholder {
font-family: "Poppins", sans-serif
}

.newletter-area .clear input.button {
position: absolute;
top: 0;
right: 0;
text-transform: capitalize;
font-size: 0;
font-weight: 600;
font-size: 13px;
color: #fff;
border: 0;
-webkit-box-shadow: none;
box-shadow: none;
padding: 0 35px;
line-height: 55px;
height: 55px;
border-radius: 30px;
-webkit-transition: all 300ms linear;
transition: all 300ms linear;
width: auto;
background-color: #128aed;
font-family: "Poppins", sans-serif
}

.newletter-area .clear input.button:hover {
background-color: #1d1d1d
}

.footer-area-2 h4 {
font-size: 18px;
text-transform: uppercase;
margin-bottom: 20px;
position: relative;
color: #454545;
font-weight: 600;
font-family: "Poppins", sans-serif
}

.footer-area-2 .txt_info {
margin-bottom: 20px;
font-family: "Poppins", sans-serif
}

.footer-area-2 .add {
color: #7e7e7e;
margin-bottom: 12px;
font-size: 14px;
font-family: "Poppins", sans-serif
}

.footer-area-2 .add a {
color: #7e7e7e
}

.footer-area-2 .add:before {
font-family: 'Stroke-Gap-Icons';
font-size: 16px;
display: inline-block;
margin-right: 10px;
vertical-align: -2px;
color: #7e7e7e
}

.footer-area-2 .add.address:before {
content: "\e6ab"
}

.footer-area-2 .email.add:before {
content: "\e6b7"
}

.footer-area-2 .phon.add:before {
content: "\e640"
}

.footer-area-2 .footer-links>ul>li a {
color: #777;
line-height: 27px;
font-family: "Poppins", sans-serif
}

.footer-area-2 .footer-links>ul>li a:hover {
color:#000000;
}

.footer-area-2 .social-info li a {
position: relative;
display: inline-block;
vertical-align: middle;
font-size: 14px;
padding: 0;
line-height: 36px;
border-radius: 100%;
text-align: center;
border: none;
z-index: 1;
-webkit-transition: all 300ms linear;
transition: all 300ms linear;
margin-right: 15px;
height: 36px;
width: 36px;
border-radius: 50%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
color: #454545;
background: #f2f2f2
}

.footer-area-2 .social-info li a:hover {
background: #fff;
color: #454545 !important;
-webkit-box-shadow: 0 0 8.37px 0.63px rgb(0 0 0/12%);
box-shadow: 0 0 8.37px 0.63px rgb(0 0 0/12%);
color: #128aed
}

.footer-bottom-2 {
background-color: #128aed;
padding: 15px 0
}

.footer-bottom-2 .copy-text {
font-size: 13px;
color: #fff;
padding: 8px 0;
line-height: 20px;
font-family: "Poppins", sans-serif
}

.footer-bottom-2 .copy-text a {
color: #fff
}

.footer-bottom-2 .copy-text a:hover {
color: #fff;
text-decoration: underline
}

.footer-bottom-2 .footer-top {
padding: 90px 0 80px 0
}

.single-product-page #scrollUp {
background-color: #128aed
}

.single-product-page .modal-dialog .modal-header span:hover {
color: #128aed
}

.stekar {
position: absolute;
top: 50% !important;
left: auto;
right: 5px;
display: inline-block;
color: #fff;
padding: 0 8px;
text-align: center;
line-height: 20px;
min-height: 20px;
font-size: 10px;
font-weight: 600;
border-radius: 5px;
text-transform: uppercase;
text-align: center;
z-index: 1;
background: #46ce91;
-webkit-transform: translateY(-50%);
transform: translateY(-50%)
}

.stekar:after {
position: absolute;
top: 50%;
left: -3px;
width: 7px;
height: 7px;
background-color: #46ce91;
-webkit-transform: translateY(-50%) rotate(45deg);
transform: translateY(-50%) rotate(45deg);
content: ""
}

@media only screen and (max-width:767px) {
.slider-height-21 {
height: 350px
}

.slider-area .slider-content-21 h1 {
font-size: 30px
}

.slider-area .slider-content-21 h2 {
font-size: 30px
}

.slider-content {
margin: 0
}

.slider-area .slider-content-21 p {
margin-top: 15px;
margin-bottom: 15px
}

.slider-area .slider-content-21 .shop-btn {
padding: 0 10px;
font-size: 14px
}

.single-product-page .sticky-nav.menu_fixed {
background-color: #fff
}

.desc-title {
font-size: 12px
}

.feature-title h2 {
font-size: 24px
}

.feature-title {
padding-bottom: 20px
}

.inner-content h3,
.left-content h3,
.right-content h3 {
font-size: 24px;
margin-bottom: 20px;
line-height: 28px
}
}

@media only screen and (max-width:575px) {
.slider-height-21 {
height: 300px
}
}

@media only screen and (max-width:991px) and (min-width:768px) {
.single-product-page .main-navigation ul li ul.mega-menu-wrap {
width: 100%
}

.slider-height-21 {
height: 400px
}

.slider-area .slider-content-21 h1 {
font-size: 40px
}

.slider-area .slider-content-21 h2 {
font-size: 40px
}

.slider-content {
margin: 0
}

.slider-area .slider-content-21 p {
margin-top: 20px;
margin-bottom: 20px
}

.slider-area .slider-content-21 .shop-btn {
padding: 0 15px;
font-size: 14px
}

.single-product-page .sticky-nav.menu_fixed {
background-color: #fff
}

.inner-content h3,
.left-content h3,
.right-content h3 {
font-size: 24px;
margin-bottom: 20px;
line-height: 30px
}
}

@media only screen and (min-width:992px) and (max-width:1169px) {
.col-center {
padding: 0 40px
}

.single-product-page .main-navigation ul li ul.mega-menu-wrap {
width: 100%
}

.slider-height-21 {
height: 550px
}

.slider-area .slider-content-21 h1 {
font-size: 45px
}

.slider-area .slider-content-21 h2 {
font-size: 45px
}

.slider-area .slider-content-21 p {
margin-top: 15px;
margin-bottom: 15px
}

.slider-area .slider-content-21 span {
margin-bottom: 20px
}

.slider-area .slider-content-21 .shop-btn {
padding: 0 20px;
font-size: 14px
}

.left-content h3,
.right-content h3 {
font-size: 33px
}
}

@media (min-width:1200px) and (max-width:1499px) {
.slider-height-21 {
height: 600px
}

.slider-area .slider-content-21 h1 {
font-size: 55px
}

.slider-area .slider-content-21 h2 {
font-size: 55px
}

.slider-area .slider-content-21 p {
margin-top: 20px;
margin-bottom: 20px
}
}

.bg-color-gary {
background-color:#ffffff;
box-shadow:0 0 2px #d2d2d2;
}

.owl-dot-style .owl-dots {
bottom: 26px;
left: 0px;
position: absolute;
right: 0;
text-align: center
}

.owl-dot-style .owl-dots .owl-dot {
background: #fff none repeat scroll 0 0;
border-radius: 100%;
display: inline-block;
height: 14px;
margin: 0 5px;
width: 14px;
-webkit-transition: .3s;
transition: .3s
}

.owl-dot-style .owl-dots .owl-dot:hover {
background:#000000 none repeat scroll 0 0;
}

.owl-dot-style .owl-dots .owl-dot.active {
background:#000000 none repeat scroll 0 0;
}

.home-cosmatics .owl-dot-style .owl-dots .owl-dot:hover {
background: #c0b07d none repeat scroll 0 0;
}

.home-cosmatics .owl-dot-style .owl-dots .owl-dot.active {
background: #c0b07d none repeat scroll 0 0;
}

.home-electronic .owl-dot-style .owl-dots .owl-dot:hover {
background: #0090f0 none repeat scroll 0 0;
}

.home-electronic .owl-dot-style .owl-dots .owl-dot.active {
background: #0090f0 none repeat scroll 0 0;
}

.home-cosmatics .slider-7.owl-dot-style .owl-dots .owl-dot:hover {
background: #253237 none repeat scroll 0 0;
}

.home-cosmatics .slider-7.owl-dot-style .owl-dots .owl-dot.active {
background: #253237 none repeat scroll 0 0;
}

.home-electronic .slider-hm11.owl-dot-style .owl-dots .owl-dot.active {
background: #253237 none repeat scroll 0 0;
}

.home-electronic .owl-dot-style .owl-dots .owl-dot:hover {
background: #253237 none repeat scroll 0 0
}

.home-furniture .owl-dot-style .owl-dots .owl-dot.active {
background: #ef1e1e none repeat scroll 0 0
}

.home-furniture .owl-dot-style .owl-dots .owl-dot:hover {
background: #ef1e1e none repeat scroll 0 0
}

.home-medical .owl-dot-style .owl-dots .owl-dot.active {
background: #0bbfbd none repeat scroll 0 0
}

.home-medical .owl-dot-style .owl-dots .owl-dot:hover {
background: #0bbfbd none repeat scroll 0 0
}

.owl-nav-style .owl-nav>div.owl-prev {
right: 43px;
background-color:#000000;
color:#ffffff;
}

.owl-nav-style.owl-nav-style-5 .owl-nav>div {
top: -52px
}

.responsive-owl-nav-style.owl-nav-style.owl-nav-style-5 .owl-nav>div {
top: -52px
}

.owl-nav-style .owl-nav>div {
position: absolute;
top: -50px;
display: inline-block;
font-size: 0;
line-height: 1;
cursor: pointer;
text-align: center;
color: #888;
width: 34px;
height: 34px;
border: 1px solid #ebebeb;
background: #fff;
z-index: 1;
opacity: 1;
border-radius: 100%;
-webkit-transition: all 300ms linear;
transition: all 300ms linear;
-webkit-transition: all 300ms linear;
transition: all 300ms linear
}

.owl-nav-style .owl-nav>div.owl-prev:before {
content: "\f3d2"
}

.owl-nav-style .owl-nav>div:before {
font-size: 14px;
line-height: 32px;
display: block;
font-family: "Ionicons";
font-weight: 600
}

.owl-nav-style .owl-nav>div.owl-next:before {
content: "\f3d3"
}

.owl-nav-style .owl-nav>div.owl-next {
right: 0;
background-color:#000000;
color:#ffffff
}

.brand-slider.owl-nav-style .owl-nav>div.owl-next {
right: 15px
}

.slider-home-16.owl-nav-style .owl-nav>div.owl-next {
right: 15px
}

.owl-nav-style .owl-nav>div:hover {
border-color:#000000;
background-color:#000000;
}

.home-cosmatics .owl-nav-style .owl-nav>div:hover {
color: #fff;
border-color: #c0b07d;
background-color: #c0b07d
}

.home-medical .owl-nav-style .owl-nav>div:hover {
color: #fff;
border-color: #0bbfbd;
background-color: #0bbfbd
}

.home-electronic .owl-nav-style .owl-nav>div:hover {
color: #fff;
border-color: #0090f0;
background-color: #0090f0
}

.custom-nav-style.responsive-owl-nav-style.owl-nav-style .owl-nav>div:hover {
-webkit-box-shadow: 0 0 13.95px 1.05px rgba(0, 0, 0, .17);
box-shadow: 0 0 13.95px 1.05px rgba(0, 0, 0, .17)
}

.custom-nav-style.owl-nav-style .owl-nav>div.owl-prev {
right: 63px
}

.custom-nav-style.owl-nav-style .owl-nav>div.owl-next {
right: 20px
}

.responsive-owl-nav-style.owl-nav-style .owl-nav>div {
top: -55px
}

.custom-nav-style.responsive-owl-nav-style.owl-nav-style .owl-nav>div {
top: -44px
}

.responsive-owl-nav-style.owl-nav-style.owl-nav-style-4 .owl-nav>div {
top: -92px
}

.owl-nav-style-4 .owl-nav>div:hover {
color: #fff;
border-color: #ef1e1e;
background-color: #ef1e1e
}

.home-furniture .owl-nav-style .owl-nav>div:hover {
color: #fff;
border-color: #ef1e1e;
background-color: #ef1e1e
}

.owl-nav-style-3 .owl-nav>div {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
display: inline-block;
font-size: 0;
line-height: 1;
cursor: pointer;
text-align: center;
color: #888;
width: 54px;
height: 54px;
border: 1px solid #ebebeb;
background: #fff;
z-index: 5;
opacity: 0;
border-radius: 100%;
-webkit-transition: all 300ms linear;
transition: all 300ms linear;
-webkit-transition: all 300ms linear;
transition: all 300ms linear;
margin-top: -15px
}

.owl-nav-style-3 .owl-nav>div.owl-prev {
left: -55px
}

.owl-nav-style-3 .owl-nav>div.owl-prev:before {
content: "\f3d2"
}

.owl-nav-style-3 .owl-nav>div.owl-next:before {
content: "\f3d3"
}

.owl-nav-style-3 .owl-nav>div:before {
font-size: 18px;
line-height: 52px;
display: block;
font-family: "Ionicons"
}

.owl-nav-style-3 .owl-nav>div.owl-next {
right: -55px
}

.owl-nav-style-3:hover .owl-nav>div {
opacity: 1
}

.owl-nav-style-3 .owl-nav>div:hover {
color: #fff;
border-color: #ef1e1e;
background-color: #ef1e1e
}

.home-furniture .owl-nav-style-2 .owl-nav>div {
width: 54px;
height: 54px;
margin-top: -27px
}

.home-furniture .owl-nav-style-2 .owl-nav>div:before {
font-size: 18px;
line-height: 54px
}

.single-product-slider-active.owl-nav-style-2 .owl-nav>div.owl-next {
right: 15px
}

.single-product-slider-active.owl-nav-style-2 .owl-nav>div {
background:#000000;
}

.single-product-slider-active.owl-nav-style-2 .owl-nav>div:before {
color: #fff
}

.owl-nav-style-2 .owl-nav>div {
position: absolute;
top: 50%;
display: inline-block;
font-size: 0;
line-height: 1;
cursor: pointer;
text-align: center;
color: #888;
width: 34px;
height: 34px;
border: 1px solid #ebebeb;
background: #fff;
z-index: 1;
opacity: 1;
border-radius: 100%;
-webkit-transition: all 300ms linear;
transition: all 300ms linear;
-webkit-transition: all 300ms linear;
transition: all 300ms linear;
margin-top: -17px;
opacity: 0;
visibility: hidden
}

.owl-nav-style-2 .owl-nav>div.owl-prev {
left: 15px
}

.owl-nav-style-2:hover .owl-nav>div {
opacity: 1;
visibility: visible
}

.modal-dialog {
margin: 0% auto;
max-width: 960px;
width: 960px;
padding: 35px
}

.modal-dialog .modal-body {
padding: 35px 15px
}

.modal-dialog .quickview-big-img img {
width: 100%
}

.modal-header .close {
outline: none;
border: none;
background-color: transparent
}

.modal-dialog .modal-header {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
padding: 10px 10px;
border-bottom: 1px solid #dee2e6
}

.modal-dialog .modal-header span {
font-size: 24px;
color: #1d1d1d;
-webkit-transition: .3s;
transition: .3s
}

.modal-dialog .modal-header span:hover {
color:#000000
}

.modal-dialog .owl-nav-style-2 .owl-nav>div {
width: 20px;
height: 20px;
margin-top: -10px
}

.modal-dialog .owl-nav-style-2 .owl-nav>div.owl-prev {
left: 0px
}

.modal-dialog .owl-nav-style .owl-nav>div:before {
font-size: 12px;
line-height: 20px
}

.modal {
z-index: 9999
}

.modal {
top: 50px
}

.modal .pro-details-size-color {
margin: 15px 0 0
}

#scrollUp {
width: 50px;
height: 50px;
background-color:#000000;
color: #fff;
right: 20px;
bottom: 60px;
text-align: center;
overflow: hidden;
border-radius: 50px;
z-index: 9811 !important
}

.home-furniture #scrollUp {
background-color: #ef1e1e
}

.home-cosmatics #scrollUp {
background-color: #c0b07d
}

.home-electronic #scrollUp {
background-color: #0090f0
}

.home-medical #scrollUp {
background-color: #0bbfbd
}

#scrollUp i {
display: block;
line-height: 50px;
font-size: 22px
}

#scrollUp:hover i {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite
}

@-webkit-keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 100px, 0);
transform: translate3d(0, 100px, 0)
}

to {
opacity: 1;
-webkit-transform: none;
transform: none
}
}

@keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 100px, 0);
transform: translate3d(0, 100px, 0)
}

to {
opacity: 1;
-webkit-transform: none;
transform: none
}
}

.owl-item .slider-content>* {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fadeOutUp;
animation-name: fadeOutUp
}

.owl-item.active .slider-animated-1>* {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp
}

.owl-item.active .slider-animated-1>:first-child {
-webkit-animation-delay: 0.5s;
animation-delay: 0.5s
}

.owl-item.active .slider-animated-1>:nth-child(2) {
-webkit-animation-delay: 1s;
animation-delay: 1s
}

.owl-item.active .slider-animated-1>:nth-child(3) {
-webkit-animation-delay: 1.5s;
animation-delay: 1.5s
}

.owl-item.active .slider-animated-1>:nth-child(4) {
-webkit-animation-delay: 2s;
animation-delay: 2s
}

.owl-item.active .slider-animated-1>:nth-child(5) {
-webkit-animation-delay: 2.5s;
animation-delay: 2.5s
}

.owl-item.active .slider-animated-1>:nth-child(6) {
-webkit-animation-delay: 3s;
animation-delay: 3s
}

.home-18 .main-navigation ul li ul.mega-menu-wrap {
left: -200px
}

.main-navigation ul li ul.mega-menu-wrap {
background-color: #fff;
display: block;
left: 0;
padding: 30px 30px 30px 30px;
position: absolute;
text-align: left;
top: 100%;
width: 1110px;
z-index: 9999;
-webkit-box-shadow: 0 0 3.76px 0.24px rgba(0, 0, 0, .15);
box-shadow: 0 0 3.76px 0.24px rgba(0, 0, 0, .15);
opacity: 0;
visibility: hidden;
-o-transform-origin: 0% 0%;
-ms-transform-origin: 0% 0%;
-moz-transform-origin: 0% 0%;
-webkit-transform-origin: 0% 0%;
transform-style: preserve-3d;
-o-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-webkit-transform-style: preserve-3d;
transform: rotateX(-75deg);
-o-transform: rotateX(-75deg);
-moz-transform: rotateX(-75deg);
-webkit-transform: rotateX(-75deg)
}

.vertical-menu ul li ul.mega-menu-wrap {
position: absolute;
z-index: 9;
visibility: hidden;
opacity: 0;
text-align: left;
top: 0;
left: 100%;
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transform: translateY(20px);
transform: translateY(20px);
width: 900px;
padding: 30px 30px 30px 30px;
background-color: #fff;
-webkit-box-shadow: 0 0 3.76px 0.24px rgba(0, 0, 0, .15);
box-shadow: 0 0 3.76px 0.24px rgba(0, 0, 0, .15)
}

.vertical-menu-wrap .menu-dropdown:hover>.mega-menu-wrap {
opacity: 1;
visibility: visible;
-webkit-transform: translateY(0);
transform: translateY(0);
-o-transition: -o-transform 0.3s, opacity 0.3s;
-ms-transition: -ms-transform 0.3s, opacity 0.3s;
-moz-transition: -moz-transform 0.3s, opacity 0.3s;
-webkit-transition: -webkit-transform 0.3s, opacity 0.3s
}

.menu-dropdown:hover>.mega-menu-wrap {
opacity: 1;
visibility: visible;
transform: rotateX(0deg);
-o-transform: rotateX(0deg);
-moz-transform: rotateX(0deg);
-webkit-transform: rotateX(0deg);
-o-transition: -o-transform 0.3s, opacity 0.3s;
-ms-transition: -ms-transform 0.3s, opacity 0.3s;
-moz-transition: -moz-transform 0.3s, opacity 0.3s;
-webkit-transition: -webkit-transform 0.3s, opacity 0.3s
}

.mega-menu-title {
display: block;
width: 100%;
float: inherit
}

.main-navigation ul li ul.mega-menu-wrap>li ul li {
display: block;
float: inherit;
padding: 0px
}

.vertical-menu ul li ul.mega-menu-wrap>li ul li {
display: block;
float: inherit;
padding: 0px
}

.main-navigation ul li ul.mega-menu-wrap>li ul li a {
color: #888;
text-transform: capitalize;
font-weight: 400;
font-size: 14px;
display: block;
padding: 0;
line-height: 27px
}

.vertical-menu ul li ul.mega-menu-wrap>li ul li a {
color: #888;
text-transform: capitalize;
font-weight: 400;
font-size: 14px;
display: block;
padding: 0;
line-height: 32px;
-webkit-transition: all 300ms linear;
transition: all 300ms linear;
border: 0
}

.main-navigation ul li ul.mega-menu-wrap>li ul li a:hover {
color:#000000;
-webkit-transform: translateX(10px);
transform: translateX(10px)
}

.vertical-menu ul li ul.mega-menu-wrap>li ul li a:hover {
-webkit-transform: translateX(10px);
transform: translateX(10px)
}

.home-cosmatics .main-navigation ul li ul.mega-menu-wrap>li ul li a:hover {
color: #c0b07d
}

.home-cosmatics .main-navigation ul li ul.mega-menu-wrap>li ul li.mega-menu-title a:hover {
color: #c0b07d
}

.home-cosmatics .vertical-menu ul li ul.mega-menu-wrap>li ul li a:hover {
color: #c0b07d
}

.home-cosmatics .vertical-menu ul li ul.mega-menu-wrap>li ul li.mega-menu-title a:hover {
color: #c0b07d
}

.home-electronic .main-navigation ul li ul.mega-menu-wrap>li ul li a:hover {
color: #0090f0
}

.home-electronic .main-navigation ul li ul.mega-menu-wrap>li ul li.mega-menu-title a:hover {
color: #0090f0
}

.main-navigation ul li ul.mega-menu-wrap>li ul li.mega-menu-title a:hover {
color:#000000;
-webkit-transform: translateX(0px);
transform: translateX(0px)
}

.home-furniture .main-navigation ul li ul.mega-menu-wrap>li ul li.mega-menu-title a:hover {
color: #ef1e1e
}

.home-furniture .main-navigation ul li ul.mega-menu-wrap>li ul li a:hover {
color: #ef1e1e
}

.home-medical .main-navigation ul li ul.mega-menu-wrap>li ul li.mega-menu-title a:hover {
color: #0bbfbd
}

.home-medical .main-navigation ul li ul.mega-menu-wrap>li ul li a:hover {
color: #0bbfbd
}

.main-navigation ul li ul.mega-menu-wrap>li.w-100 ul li>a:hover {
-webkit-transform: translateX(0px);
transform: translateX(0px)
}

.vertical-menu ul li ul.mega-menu-wrap>li ul li.mega-menu-title a:hover {
-webkit-transform: translateX(0px);
transform: translateX(0px)
}

.main-navigation ul li ul.mega-menu-wrap>li ul li.mega-menu-title a {
color: #253237;
line-height: 1;
text-transform: capitalize;
font-size: 14px;
font-weight: 700;
display: block;
margin-bottom: 15px
}

.vertical-menu ul li ul.mega-menu-wrap>li ul li.mega-menu-title a {
color: #253237;
line-height: 1;
text-transform: capitalize;
font-size: 14px;
font-weight: 700;
display: block;
margin-bottom: 15px
}

.main-navigation ul li ul.mega-menu-wrap>li {
display: inline-block;
float: left;
margin-left: 0;
padding: 0;
width: 25%
}

.main-navigation ul li ul.mega-menu-wrap>li.w-100 {
width: 100% !important;
margin-top: 20px
}

.vertical-menu ul li ul.mega-menu-wrap>li {
display: inline-block;
float: left;
margin-left: 0;
padding: 0;
width: 25%
}

.main-navigation ul li ul.mega-menu-wrap>li.banner-wrapper {
width: 100%;
margin-top: 20px
}

.main-navigation ul li ul.mega-menu-wrap>li.banner-wrapper a img {
width: 100%
}

.vertical-menu ul li ul.mega-menu-wrap>li.banner-wrapper {
width: 100%;
margin-top: 30px
}

.vertical-menu ul li ul.mega-menu-wrap>li.banner-wrapper a img {
width: 100%
}

.vertical-menu ul li ul.mega-menu-wrap>li.banner-wrapper a {
padding: 0
}

.main-navigation ul li ul.mega-menu-wrap>li.banner-wrapper a {
padding: 0
}

.home-furniture .home-9.vertical-menu ul li ul.mega-menu-wrap>li ul li.banner-wrapper a:hover {
-webkit-transform: translateX(0px);
transform: translateX(0px);
padding: 0
}

.home-4 .main-navigation ul li ul.mega-menu-wrap {
left: -200px
}

.home-5 .main-navigation ul li ul.mega-menu-wrap {
left: -200px
}

.home-6 .main-navigation ul li ul.mega-menu-wrap>li ul li a {
padding: 0
}

h3.vertical-menu-heading {
color: #fff;
background: #ab9b69;
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
height: 60px;
line-height: 32px;
padding: 15px 20px;
cursor: pointer;
margin: 0
}

h3.vertical-menu-heading:before {
content: '\f394';
display: inline-block;
font-size: 24px;
font-family: "Ionicons";
font-weight: 400;
line-height: 32px;
margin-right: 10px;
text-align: center;
vertical-align: -3px
}

h3.vertical-menu-heading:after {
content: '\f3d0';
display: inline-block;
font-size: 12px;
font-family: "Ionicons";
font-weight: 400;
margin-left: 7px;
float: right
}

ul.vertical-menu-wrap li>a {
position: relative;
display: block;
overflow: hidden;
line-height: 24px;
text-transform: capitalize;
word-wrap: break-word;
background: #fff;
color: #253237;
padding: 15px 20px;
font-size: 14px;
font-weight: 700;
-webkit-transition: none;
transition: none;
border-bottom: 1px solid #eaeaea;
-webkit-transition: all 300ms linear;
transition: all 300ms linear
}

.vertical-menu-wrap {
display: none;
width: 100%;
background: #fff;
-webkit-box-shadow: 0 0 3.76px 0.24px rgba(0, 0, 0, .15);
box-shadow: 0 0 3.76px 0.24px rgba(0, 0, 0, .15);
position: absolute;
top: 100%;
left: 0;
min-width: 270px;
z-index: 9999
}

.vertical-menu {
height: 60px;
width: 270px;
position: relative
}

ul.vertical-menu-wrap li>a i {
position: absolute;
right: 20px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: all 300ms linear;
transition: all 300ms linear;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg)
}

ul.vertical-menu-wrap li>a#more-btn i {
left: 20px;
right: auto;
-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}

.hero-side-category nav.category-menu>ul>li>a i {
position: absolute;
right: 30px
}

.hero-side-category nav.category-menu>ul>li>a#more-btn>i {
position: initial
}

ul.vertical-menu-wrap li>a#more-btn {
padding-left: 40px
}

.home-cosmatics ul.vertical-menu-wrap li>a:hover {
color: #c0b07d
}

.home-furniture ul.vertical-menu-wrap li>a:hover {
color: #ef1e1e
}

.home-cosmatics ul.vertical-menu-wrap li:hover>a {
color: #c0b07d
}

.home-furniture ul.vertical-menu-wrap li:hover>a {
color: #ef1e1e
}

.home-electronic ul.vertical-menu-wrap li>a:hover {
color: #0090f0
}

.home-electronic ul.vertical-menu-wrap li:hover>a {
color: #0090f0
}

.home-9.vertical-menu ul li ul.mega-menu-wrap>li {
width: 33.33%
}

.home-14 .home-9.vertical-menu ul li ul.mega-menu-wrap>li {
width: 25%
}

.home-9 h3.vertical-menu-heading {
color: #253237;
background: #fff
}

.home-10 h3.vertical-menu-heading {
color: #fff;
background: #0583d7
}

.home-10.home-14 h3.vertical-menu-heading {
color: #fff;
background: #d61313
}

.home-9.vertical-menu ul li ul.mega-menu-wrap>li ul li a {
color: #253237
}

.home-electronic .home-9.vertical-menu ul li ul.mega-menu-wrap>li ul li a:hover {
color: #0090f0
}

.home-furniture .home-9.vertical-menu ul li ul.mega-menu-wrap>li ul li a:hover {
color: #ef1e1e
}

.vertical-menu .sub-menu {
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transform: translateY(20px);
transform: translateY(20px);
background-color: #fff;
-webkit-box-shadow: 0 0 3.76px 0.24px rgba(0, 0, 0, .15);
box-shadow: 0 0 3.76px 0.24px rgba(0, 0, 0, .15);
left: 100% !important;
min-width: 250px;
top: 0
}

.vertical-menu .menu-dropdown:hover>.sub-menu {
opacity: 1;
visibility: visible;
-webkit-transform: translateY(0);
transform: translateY(0);
-o-transition: -o-transform 0.3s, opacity 0.3s;
-ms-transition: -ms-transform 0.3s, opacity 0.3s;
-moz-transition: -moz-transform 0.3s, opacity 0.3s;
-webkit-transition: -webkit-transform 0.3s, opacity 0.3s
}

.vertical-menu-wrap li>.sub-menu a {
font-weight: 400;
padding: 10px 20px
}

.vertical-menu-wrap li>.sub-menu a:hover {
padding-left: 30px
}

ul.vertical-menu-wrap li a {
padding: 10px 20px
}

.home-9 ul.vertical-menu-wrap li a {
font-weight: 400
}

.sub-menu.sub-menu-2 {
left: 100% !important;
-webkit-transform: translateY(-30px);
transform: translateY(-30px)
}

li.menu-dropdown.position-static:hover .sub-menu.sub-menu-2 {
-webkit-transform: translateY(-40px);
transform: translateY(-40px)
}

.hero-side-category {
width: 100%;
position: relative
}

.category-toggle-wrap {
width: 100%
}

.category-toggle-wrap .category-toggle {
padding: 15px 25px;
margin: 0;
border: none;
background-color: transparent;
color: #253237;
font-size: 14px;
text-transform: uppercase;
font-weight: 700;
line-height: 20px;
width: 100%;
text-align: left;
outline: none;
border: 1px solid#253237;
margin-bottom: 15px;
border-radius: 5px
}

.hover-style-cosmatics .category-toggle-wrap .category-toggle {
border-color: #c0b07d
}

.hover-style-electronic .category-toggle-wrap .category-toggle {
border-color: #0090f0
}

.hover-style-furniture .category-toggle-wrap .category-toggle {
border-color: #ef1e1e
}

.hero-side-category .category-toggle-wrap .category-toggle i {
font-size: 18px;
-webkit-transform: translate(-3px, 3px);
transform: translate(-3px, 3px)
}

.hero-side-category nav.category-menu {
background-color: #ffffff;
float: left;
width: 100%;
left: 0;
top: 100%;
border: 1px solid #ebebeb;
position: absolute;
display: none;
z-index: 2;
height: 500px;
overflow-x: auto
}

.hero-side-category nav.category-menu>ul>li {
position: relative
}

.hero-side-category nav.category-menu>ul>li>a {
display: block;
padding: 10px 25px;
line-height: 30px;
font-size: 14px;
color: #253237;
font-weight: 400;
position: relative;
border-bottom: 1px solid #ebebeb
}

.hero-side-category nav.category-menu>ul>li:hover>a {
color:#000000
}

.hover-style-cosmatics .hero-side-category nav.category-menu>ul>li:hover>a {
color: #c0b07d
}

.home-electronic .hero-side-category nav.category-menu>ul>li:hover>a {
color: #0090f0
}

.home-electronic .category-mega-menu>li:hover>a {
color: #0090f0
}

.home-furniture .hero-side-category nav.category-menu>ul>li:hover>a {
color: #ef1e1e
}

.home-furniture .category-mega-menu>li:hover>a {
color: #ef1e1e
}

.hero-side-category nav.category-menu>ul>li.menu-item-has-children {
position: relative
}

.category-mega-menu {
position: static;
z-index: 9;
opacity: 1;
visibility: visible;
background-color: transparent;
padding: 0;
width: 100%;
-webkit-transition: none;
transition: none;
left: 270px;
top: 0;
display: none
}

.category-mega-menu>li {
-webkit-box-flex: 1;
-ms-flex: 1 0 100%;
flex: 1 0 100%;
position: relative;
padding: 10px 10px
}

.category-mega-menu>li {
border-bottom: 1px solid #ebebeb
}

.category-mega-menu>li>a {
padding: 10px 25px 10px 35px;
line-height: 30px;
font-size: 14px;
font-weight: 400;
color: #253237;
position: relative;
margin: 0;
text-transform: inherit
}

.category-mega-menu>li:hover>a {
color:#000000
}

.hover-style-cosmatics .category-mega-menu>li:hover>a {
color: #c0b07d
}

.category-mega-menu>li:first-child a {
padding-top: 10px
}

.category-mega-menu>li>a:last-child {
border-bottom: 0
}

.hero-side-category nav.category-menu>ul>li:hover .category-mega-menu {
z-index: 9;
opacity: 1;
visibility: visible
}

.slick-vertical .slick-next,
.slick-vertical .slick-prev {
font-size: 0;
line-height: 0;
position: absolute;
display: block;
width: 20px;
height: 20px;
padding: 0;
z-index: 1;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: #253237;
border: none;
outline: none;
background: transparent
}

.slick-vertical .slick-next,
.slick-vertical .slick-prev {
left: 50%;
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0)
}

.slick-prev {
left: -25px
}

.slick-vertical .slick-prev {
top: -25px
}

.slick-vertical .slick-next {
bottom: -25px
}

.slick-vertical .slick-next:before,
.slick-vertical .slick-prev:before {
font-size: 20px;
line-height: 32px;
display: block;
font-family: "Ionicons";
font-weight: 600;
-webkit-transform: rotate(90deg);
transform: rotate(90deg)
}

.slick-vertical .slick-prev:before {
content: "\f3d2"
}

.slick-vertical .slick-next:before {
content: "\f3d3"
}

#preloader {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #fff;
z-index: 999999
}

#preloader .preloader {
width: 50px;
height: 50px;
display: inline-block;
padding: 0px;
text-align: left;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: absolute;
top: 50%;
left: 50%;
margin-left: -25px;
margin-top: -25px
}

#preloader .preloader span {
position: absolute;
display: inline-block;
width: 50px;
height: 50px;
border-radius: 100%;
background-color:#000000;
-webkit-animation: preloader 1.3s linear infinite;
animation: preloader 1.3s linear infinite
}

#preloader .preloader span:last-child {
animation-delay: -0.8s;
-webkit-animation-delay: -0.8s
}

@keyframes preloader {
0% {
-webkit-transform: scale(0, 0);
transform: scale(0, 0);
opacity: 0.5
}

to {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
opacity: 0
}
}

@-webkit-keyframes preloader {
0% {
-webkit-transform: scale(0, 0);
opacity: 0.5
}

to {
-webkit-transform: scale(1, 1);
opacity: 0
}
}

.section-title {
margin-bottom: 24px;
}

.section-title h2 {
font-size: 24px;
color: #253237;
text-transform: capitalize;
line-height: 16px;
font-weight: 600;
margin: 0 0 15px
}

.section-title p {
color: #888;
font-weight: 400;
font-size: 14px;
line-height: 18px;
position: relative;
margin-top: 10px
}

.section-title.ml-0px {
margin-left: 0
}

.section-title.underline-shape {
position: relative;
margin-bottom: 68px
}

.section-title.underline-shape:after {
content: "";
width: 40px;
height: 2px;
display: block;
position: absolute;
bottom: -34px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
background: #ef1e1e
}

.section-title.underline-shape.underline-shape-left:after {
left: 0;
-webkit-transform: translateX(-50%);
transform: translateX(0%)
}

.section-title.custom-style h2 {
margin: 0;
color: #fff
}

.section-title.custom-style {
margin: 0;
background: #0bbfbd;
padding: 20px 20px 20px 20px
}

.blog-related-post .section-title.underline-shape:after {
bottom: -25px;
background:#000000
}

.header-right-nav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}

.home-13 .header-right-nav {
float: left;
margin: 3px 0 0 0
}

.home-13 .header-right-nav .nice-select {
background: #fff;
color: #253237
}

.home-furniture .header-right-nav .nice-select:hover {
color: #ef1e1e
}

.home-furniture .header-right-nav .nice-select:hover:after {
border-color: #ef1e1e
}

.home-furniture .header-right-nav a:hover {
color: #ef1e1e !important
}

.home-furniture .home-14 .header-right-nav a:hover {
color: #ef1e1e
}

.home-furniture .header-right-nav .phone a:hover {
color: #ef1e1e
}

.home-furniture .phone a:hover {
color: #ef1e1e
}

.home-furniture .header-right-nav a:hover:after {
border-color: #ef1e1e
}

.home-furniture .header-right-nav .nice-select .option.focus,
.home-furniture .header-right-nav .nice-select .option.selected.focus,
.home-furniture .header-right-nav .nice-select .option:hover {
background-color: #fff;
color: #ef1e1e
}

.header-right-nav ul li {
display: inline-block;
padding: 0 15px;
font-weight: 400;
color: #fff;
background: transparent;
text-shadow: none;
cursor: pointer;
line-height: 1;
font-size: 13px;
display: inline-block;
text-transform: capitalize;
border-left-width: 1px;
border-left-style: solid;
border-left-color: #fff
}

.header-right-nav ul li.border-color-black {
border-left-color: #253237
}

.header-right-nav ul li.border-color-white {
border-left-color: #fff
}

.header-right-nav ul li i {
padding-right: 10px
}

.header-right-nav ul li:first-child {
border: 0
}

.header-right-nav ul li.mr-15px {
margin-right: 15px
}

.home-17 .header-right-nav ul li {
color: #253237
}

.home-17 .header-right-nav ul li:after {
background: #253237
}

.home-17 .angle-icon:after {
border-color: #253237
}

.home-17 .header-right-nav .nice-select:after {
border-color: #253237
}

.home-17 .left-text {
color: #253237
}

.home-17 .header-right-nav a:hover {
color: #0bbfbd
}

.home-medical .header-right-nav ul li:hover {
color: #0bbfbd
}

.home-medical.home-18 .header-right-nav ul li:hover {
color: #fff
}

.home-medical.home-18 .header-right-nav .nice-select.open .list li:hover {
color: #0bbfbd
}

.home-medical .header-right-nav .nice-select:hover:after {
border-color: #0bbfbd
}

.home-medical.home-18 .header-right-nav .nice-select:hover:after {
border-color: #fff
}

.home-medical .count-cart:hover {
color: #0bbfbd
}

.home-medical .item-quantity-tag {
background: #0bbfbd !important;
color: #fff !important
}

.dropdown-nav li:not(:last-child) {
border-bottom: 1px solid#ebebeb
}

.dropdown-nav>li>a:hover {
color:#000000
}

.hover-style-default a:hover {
color:#000000
}

.home-cosmatics .dropdown-nav>li>a:hover {
color: #c0b07d
}

.home-cosmatics .header-right-nav a:hover {
color: #c0b07d
}

.home-electronic .dropdown-nav>li>a:hover {
color: #0090f0
}

.home-electronic .header-right-nav a:hover {
color: #fff
}

.home-11.home-electronic .header-right-nav a:hover {
color: #0090f0
}

.home-electronic .nice-select .option.selected {
color: #0090f0
}

.home-cosmatics .nice-select .option.selected {
color: #c0b07d
}

.nice-select .option.selected {
font-weight: 400;
color:#000000;
}

.home-furniture .nice-select .option.selected {
color: #ef1e1e
}

.left-text {
color: #fff;
font-size: 13px
}

.home-10 .left-text {
color: #253237
}

.home-10 .header-right-nav a {
color: #253237
}

.home-10 .header-right-nav a:hover {
color: #0090f0
}

.home-10 .header-right-nav li {
color: #253237
}

.home-10 .header-right-nav li:hover {
color: #0090f0
}

.home-11 .header-right-nav li:hover {
color: #0090f0
}

.dropdown:hover>.dropdown-nav {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
opacity: 1;
visibility: visible;
-webkit-transform: translateY(0px);
transform: translateY(0px)
}

.header-right-nav .nice-select .option {
display: block
}

.header-right-nav .nice-select {
-webkit-tap-highlight-color: transparent;
background-color: #253237;
border-radius: 0px;
border: solid 0px #e8e8e8;
-webkit-box-sizing: border-box;
box-sizing: border-box;
clear: both;
cursor: pointer;
display: block;
float: left;
font-family: "Open Sans", sans-serif;
font-size: 13px;
font-weight: normal;
height: 24px;
line-height: 24px;
outline: none;
padding-left: 0px;
padding-right: 0px;
position: relative;
text-align: left !important;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
white-space: nowrap;
width: auto
}

.header-top-nav {
position: relative;
border-bottom: none;
z-index: 11;
margin: 0;
background: #253237;
padding: 15px 0;
line-height: 1
}

.header-top-nav p {
font-size: 13px;
letter-spacing: 1px;
color:#ffffff;
}

.home-14 .header-top-nav {
background: #f7f7f7
}

.home-19 .header-top-nav {
background: #0ac8c6
}

.home-17 .header-top-nav {
background: #fff
}

.home-18 .header-top-nav {
background: #0bbfbd
}

.home-18 .header-right-nav a:hover {
color: #fff
}

.home-18 .angle-icon:hover:after {
border-color: #fff
}

.home-18 .dropdown-nav li a:hover {
color: #0bbfbd
}

.home-18.home-17 .header-right-nav .nice-select {
background: #0bbfbd
}

.home-17 .header-right-nav .nice-select {
background: #fff
}

.home-19 .header-right-nav .nice-select {
background: #0ac8c6
}

.home-19 .header-right-nav a:hover {
color: #fff
}

.home-19 .angle-icon:hover:after {
border-color: #fff
}

.home-19 .dropdown-nav li a:hover {
color: #0bbfbd
}

.home-19 .header-navigation {
background: #0bbfbd
}

.home-19.home-medical .header-right-nav .nice-select:hover:after {
border-color: #fff
}

.home-14 .header-right-nav .nice-select {
background: #f7f7f7
}

.home-electronic .header-top-nav {
background: #0090f0
}

.home-11.home-electronic .header-top-nav {
background: #253237
}

.home-electronic .header-right-nav .nice-select {
background: #0090f0
}

.home-11.home-electronic .header-right-nav .nice-select {
background: #253237
}

.home-electronic .home-10 .header-top-nav {
background: #f7f7f7
}

.home-electronic .home-10 .header-right-nav .nice-select {
background: #f7f7f7
}

.header-right-nav a {
color: #fff
}

.home-17 .header-right-nav a {
color: #253237
}

.home-7 .header-top-nav {
padding: 0
}

.home-7 .home-2 .header-navigation {
padding: 32px 0
}

.home-7 .container-inner {
margin-top: 17px
}

.slider-content-7 {
max-width: 40%;
padding-top: 145px
}

.container-top-inner {
display: inline-block;
width: 100%;
background: #253237;
padding: 16px 30px 16px 30px
}

.header-right-nav .nice-select .option.selected.focus,
.header-right-nav .nice-select .option:hover,
.nice-select .header-right-nav .option.focus {
background-color: #fff;
color:#000000
}

.home-electronic .header-right-nav .nice-select .option.focus,
.home-electronic .header-right-nav .nice-select .option.selected.focus,
.home-electronic .header-right-nav .nice-select .option:hover {
background-color: #fff;
color: #0090f0
}

.home-cosmatics .header-right-nav .nice-select .option.focus,
.home-cosmatics .header-right-nav .nice-select .option.selected.focus,
.home-cosmatics .header-right-nav .nice-select .option:hover {
background-color: #fff;
color: #c0b07d
}

.home-medical .header-right-nav .nice-select .option.focus,
.home-medical .header-right-nav .nice-select .option.selected.focus,
.home-medical .header-right-nav .nice-select .option:hover {
background-color: #fff;
color: #0bbfbd
}

.home-3 .dropdown-navs li {
color: #253237
}

.home-cosmatics .header-right-nav ul li:hover {
color: #c0b07d
}

.header-right-nav ul li:hover {
color:#000000
}

.home-9 .header-right-nav ul li:hover {
color: #fff
}

.home-9 .home-10 .header-right-nav li:hover {
color: #0090f0
}

.header-right-nav .nice-select:hover:after {
border-color:#000000
}

.home-cosmatics .header-right-nav .nice-select:hover:after {
border-color: #c0b07d
}

.home-electronic .header-right-nav .nice-select:hover:after {
border-color: #fff
}

.dropdown-nav li:after {
display: none
}

.header-right-nav .nice-select .list {
background-color: #fff;
border-radius: 0px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin-top: 0px;
opacity: 0;
overflow: hidden;
padding: 0;
pointer-events: none;
position: absolute;
left: auto;
right: 0;
top: 55px;
-webkit-transform-origin: 0% 0;
transform-origin: 0% 0;
-webkit-transform: scale(1) translateY(0px);
transform: scale(1) translateY(0px);
-webkit-transition: all 0.2s cubic-bezier(0, 0, 0, 0), opacity 0.15s ease-out;
transition: all 0.2s cubic-bezier(0, 0, 0, 0), opacity 0.15s ease-out;
z-index: 9;
margin: 0;
top: 30px;
left: auto;
right: 0;
min-width: 130px;
overflow: hidden;
padding: 0;
background: #fff;
border-radius: 0;
border: none;
-webkit-box-shadow: 0 0 3.76px 0.24px rgba(0, 0, 0, .15);
box-shadow: 0 0 3.76px 0.24px rgba(0, 0, 0, .15)
}

.header-right-nav .nice-select.open .list {
opacity: 1;
pointer-events: auto;
-webkit-transform: scale(1);
transform: scale(1);
left: auto;
right: 0;
top: 35px
}

.nice-select .option {
cursor: pointer;
font-weight: 400;
line-height: 25px;
list-style: none;
min-height: 25px;
outline: none;
padding-left: 0;
padding-right: 0;
text-align: left;
-webkit-transition: all 0.2s;
transition: all 0.2s;
color: #253237;
padding: 7px
}

.header-right-nav .nice-select .option:not(:last-child) {
border-bottom: 1px solid#ebebeb
}

.header-right-nav .nice-select:after {
height: 7px;
right: -12px;
width: 7px;
border-color: #fff;
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
border-width: 1px
}

.home-13 .header-right-nav ul li:after {
background: #253237;
left: -21px
}

.home-13 .header-right-nav ul li.option:after {
display: none
}

.home-13 .header-right-nav .nice-select:after {
border-color: #253237
}

.home-13 .header-right-nav a {
color: #253237
}

.home-13 .header-right-nav ul li.after-d-none:after {
display: none
}

.home-13 .angle-icon:after {
border-color: #253237
}

.home-13 .header-right-nav ul li.after-d-none {
margin-left: 0
}

.home-13 .dropdown-nav {
right: auto;
line-height: 0
}

.home-13 .header-right-nav .nice-select .list {
right: auto;
line-height: 0
}

.home-13 .brfore-element:before {
position: absolute;
top: 0;
right: -27px;
width: 1px;
height: 15px;
content: "";
background: #253237
}

.header-right-nav ul li {
position: relative
}

.header-right-nav ul li.after-n:after {
display: none
}

.header-right-nav .dropdown-navs ul li.top-10px:after {
top: 5px
}

.header-right-nav .list li:before {
position: absolute;
top: 14px;
left: -12px;
width: 17px;
height: 15px;
content: "";
background-image: url(../images/icons/1.jpg);
background-repeat: no-repeat
}

.header-right-nav .list li {
position: relative
}

.header-right-nav .list li:after {
display: none
}

.angle-icon {
position: relative
}

.top-10px.first-child .list li:after {
display: none
}

.top-10px.first-child .list li:before {
display: none
}

.angle-icon:hover:after {
border-color:#000000
}

.home-cosmatics .angle-icon:hover:after {
border-color: #c0b07d
}

.home-electronic .angle-icon:hover:after {
border-color: #fff
}

.home-11.home-electronic .angle-icon:hover:after {
border-color: #0090f0
}

.home-10 .angle-icon:after {
border-color: #253237
}

.home-10 .angle-icon:hover:after {
border-color: #0090f0
}

.home-20 .angle-icon:hover:after {
border-color: #0bbfbd
}

.home-20 .dropdown a:hover {
color: #0bbfbd
}

.home-10 .header-right-nav ul li:after {
background-color: #253237
}

.home-10 .header-right-nav .nice-select:after {
border-color: #253237
}

.home-electronic .home-10 .header-right-nav .nice-select:hover:after {
border-color: #0090f0
}

.home-11.home-electronic .header-right-nav .nice-select:hover:after {
border-color: #0090f0
}

.angle-icon:after {
border-bottom: 1px solid #fff;
border-right: 1px solid #fff;
content: '';
display: block;
margin-top: -4px;
pointer-events: none;
position: absolute;
top: 50%;
-webkit-transform-origin: 66% 66%;
transform-origin: 66% 66%;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transition: all 0.15s ease-in-out;
transition: all 0.15s ease-in-out;
height: 7px;
right: -12px;
width: 7px
}

.home-3 .header-top-nav {
background:#000000;
}

.home-3 .left-text {
color: #253237
}

.home-3 .header-right-nav a {
color: #000000;
letter-spacing: 1px ;
}

.home-3 .header-right-nav .nice-select {
background: #fff
}

.home-3 .header-right-nav .nice-select:after {
border-color: #253237
}

.home-3 .header-right-nav .nice-select:hover:after {
border-color:#000000
}

.home-3 .angle-icon:after {
border-color: #253237
}

.home-3 .angle-icon:hover:after {
border-color:#000000
}

.home-3 .header-right-nav ul li:after {
background: #253237
}

.home-3 .header-right-nav a:hover {
color: #000000;
}

.home-4 .header-top-nav {
position: absolute;
width: 100%;
background-color: transparent
}

.home-4 .header-right-nav .nice-select {
background-color: transparent
}

.logo a {
font-size: 22px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 1px;
color: #231f20;
display:inline-block;
}

.home-12 .logo {
margin-top: 6px
}

.main-navigation ul li {
display: inline-block
}

.main-navigation ul li:hover>a {
color:#000000
}

.mean-container .mean-nav ul li:hover>a {
color:#000000
}

.home-cosmatics .mean-container .mean-nav ul li:hover>a {
color: #c0b07d
}

.home-electronic .mean-container .mean-nav ul li:hover>a {
color: #0090f0
}

.home-furniture .mean-container .mean-nav ul li:hover>a {
color: #ef1e1e
}

.home-medical .mean-container .mean-nav ul li:hover>a {
color: #0bbfbd
}

.home-cosmatics .main-navigation ul li:hover>a {
color: #c0b07d
}

.home-8.home-cosmatics .main-navigation ul li:hover>a {
color: #fff
}

.home-electronic .main-navigation ul li:hover>a {
color: #0090f0
}

.home-12.home-electronic .main-navigation ul li:hover>a {
color: #fff
}

.home-furniture .main-navigation ul li:hover>a {
color: #ef1e1e
}

.home-medical .main-navigation ul li:hover>a {
color: #0bbfbd
}

.home-20.home-medical .main-navigation ul li:hover>a {
color: #fff
}

.main-navigation ul li a {
display: inline-block;
vertical-align: top;
padding:24px 0;
font-size: 15px;
font-weight:500;
margin: 0 12px;
position: relative;
text-transform: uppercase;
}

.main-navigation ul li a:hover {
color: #000000;
}

.home-furniture .main-navigation ul li a:hover {
color: #ef1e1e
}

.home-furniture .main-navigation ul li .sub-menu>li>a:hover {
color: #ef1e1e
}

.home-3 .main-navigation ul li a:hover {
color: #000000;;
}

.home-cosmatics .main-navigation ul li a:hover {
color: #c0b07d
}

.home-cosmatics.home-8 .main-navigation ul li a:hover {
color: #fff
}

.home-electronic .main-navigation ul li a:hover {
color: #0090f0
}

.home-electronic.home-12 .main-navigation ul li a:hover {
color: #fff
}

.home-medical.home-12 .main-navigation ul li a:hover {
color: #0bbfbd
}

.home-medical.home-20 .main-navigation ul li a:hover {
color: #fff
}

.home-medical .main-navigation ul li ul.mega-menu-wrap>li ul li.mega-menu-title a:hover {
color: #0bbfbd
}

.home-medical .main-navigation ul li a:hover {
color: #0bbfbd
}

.home-12 .main-navigation ul li a {
color: #fff;
padding: 15px 15px
}

.home-17.home-12 .main-navigation ul li a {
color: #253237
}

.home-17.home-12 .main-navigation ul li:hover>a {
color: #0bbfbd
}

.main-navigation ul li>a i {
display: inline-block;
vertical-align: -3px;
font-size: 24px;
font-weight: 400;
margin-right: 5px
}

.home-12 .main-navigation ul li:first-child a {
padding-left: 0
}

.sub-menu {
top:90px;
position: absolute;
z-index: 9;
visibility: hidden;
opacity: 0;
text-align: left;
opacity: 0;
visibility: hidden;
-o-transform-origin: 0% 0%;
-ms-transform-origin: 0% 0%;
-moz-transform-origin: 0% 0%;
-webkit-transform-origin: 0% 0%;
transform-style: preserve-3d;
-o-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-webkit-transform-style: preserve-3d;
transform: rotateX(-75deg);
-o-transform: rotateX(-75deg);
-moz-transform: rotateX(-75deg);
-webkit-transform: rotateX(-75deg);
width:80%;
left: 0 !important;
right:0;
margin:auto;
background: #fff;
padding:20px;
}



.main-navigation ul li .sub-menu>li>a {
position: relative;
overflow: hidden;
position: relative;
display: block !important;
color: #222;
font-size: 14px;
font-weight: 400;
text-transform: capitalize;
-webkit-transition: all 300ms ease;
transition: all 300ms ease;
padding: 0 !important
}

.main-navigation ul li .sub-menu>li {
position: relative;
padding: 0 20px;
line-height: 40px;
height: 40px;
overflow: hidden;
border-bottom: 1px solid #eee;
position: relative;
display: block !important;
-webkit-transition: all 300ms ease;
transition: all 300ms ease
}

.main-navigation ul li .sub-menu>li:hover>a {
-webkit-transform: translateX(10px);
transform: translateX(10px);
color:#000000;
}

.home-cosmatics .main-navigation ul li .sub-menu>li:hover>a {
color: #c0b07d
}

.home-electronic .main-navigation ul li .sub-menu>li:hover>a {
color: #0090f0
}

.home-medical .main-navigation ul li .sub-menu>li:hover>a {
color: #0bbfbd
}

.home-furniture .main-navigation ul li .sub-menu>li:hover>a {
color: #ef1e1e
}

.sub-menu>li {
display: block !important
}

.menu-dropdown:hover>.sub-menu {
opacity: 1;
visibility: visible;
transform: rotateX(0deg);
-o-transform: rotateX(0deg);
-moz-transform: rotateX(0deg);
-webkit-transform: rotateX(0deg);
-o-transition: -o-transform 0.3s, opacity 0.3s;
-ms-transition: -ms-transform 0.3s, opacity 0.3s;
-moz-transition: -moz-transform 0.3s, opacity 0.3s;
-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
}

.main-navigation ul li.menu-dropdown>a i.ion-ios-arrow-down {
display: inline-block;
vertical-align: -1px;
font-size: 14px;
font-weight: 400;
margin: 0px
}

.main-navigation ul li.menu-dropdown.position-static>a i.ion-ios-arrow-down {
position: absolute;
right: 0;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg)
}

.dropdown_search input {
width: 100%;
border: 0;
height: 45px;
padding-left: 20px;
outline: none;
border-radius: 30px;
background-color: transparent;
padding-right: 60px;
}

.header-navigation {
padding: 10px 0 10px 0
}

.home-20 .header-navigation {
padding: 35px 0 35px 0
}

.home-18 .header-navigation {
padding: 30px 0 35px 0
}

.home-20 .header-buttom-nav {
background: #0bbfbd
}

.search-category {
position: absolute;
top: 0;
right: 64px
}

.search-category .nice-select {
height: 45px;
font-family: "Open Sans", sans-serif;
line-height: 43px;
border: 0
}

.search-category .nice-select .list {
overflow: auto;
border-radius: 0;
left: 0;
width: 100%;
-webkit-box-shadow: 0 0 3.76px 0.24px rgba(0, 0, 0, .15);
box-shadow: 0 0 3.76px 0.24px rgba(0, 0, 0, .15)
}

.dropdown_search {
width: 100%;
background: #f0f0f0;
display: block;
border: none;
border-radius: 30px
}

.dropdown_search input::placeholder{
color:#000000;
}

.home-cosmatics .dropdown_search {
border: 2px solid#c0b07d
}

.header_account_list>a {
font-size: 28px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: first baseline;
-ms-flex-align: first baseline;
align-items: first baseline;
color: #333;
display: none
}

.header_account_list>a:hover {
color:#000000
}

.home-furniture .header_account_list>a:hover {
color: #ef1e1e
}

.home-cosmatics .header_account_list>a:hover {
color: #c0b07d
}

.home-electronic .header_account_list>a:hover {
color: #0090f0
}

.home-9.home-electronic .header_account_list>a:hover {
color: #fff
}

.home-3 .header_account_list>a:hover {
color:#000000
}

.header_account_list {
margin-right: 100px;
position: relative
}

.home-16 .header_account_list {
margin-right: 0px
}

.home-11 .header_account_list {
margin-right: 70px
}

.home-10 .header_account_list {
margin-right: 0;
margin-top: 7px
}

.home-12 .header_account_list {
margin-top: 0px;
margin-left: 70px
}

.home-18 .header_account_list {
position: absolute;
right: 45%;
margin: 0
}

.home-18 .phone {
margin-left: 43px
}

.home-5 .header_account_area {
margin-top: 0px
}

.home-10 .header_account_area {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start
}

.home-12 .header_account_area {
margin: 0
}

.home-12 .sticky-nav.menu_fixed {
padding: 0
}

.home-20 .sticky-nav.menu_fixed {
border: 0;
background: #0bbfbd
}

.sticky-nav.menu_fixed {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 99;
}

.home-4 .sticky-nav.menu_fixed {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 99;
background: #fff;
padding: 10px 0 15px 0;
-webkit-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, .4);
box-shadow: 0 8px 6px -6px rgba(0, 0, 0, .4)
}

.home-2 .sticky-nav.menu_fixed {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 99999;
background: #fff;
padding: 10px 0 15px 0;
-webkit-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, .4);
box-shadow: 0 8px 6px -6px rgba(0, 0, 0, .4)
}

.home-7 .home-2 .sticky-nav.menu_fixed {
padding: 15px 0 15px 0
}

.home-4 .home-2 .sticky-nav.menu_fixed {
padding: 15px 0 15px 0
}

.dropdown_search form button {
position: absolute;
top: 0;
right: -1px;
border: 0;
background: transparent;
height: 100%;
width: 65px;
text-align: center;
font-size: 20px;
color: #000000;
border-radius: 0px 30px 30px 0px;
outline: 0;
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out
}

.home-furniture .dropdown_search form button {
background: #ef1e1e
}

.home-furniture .home-14 .dropdown_search form button {
background: #253237
}

.home-furniture .dropdown_search {
border-color: #ef1e1e
}

.home-medical .dropdown_search {
border-color: #0bbfbd
}

.home-18 .dropdown_search {
display: none;
position: absolute;
top: 60px;
right: 0;
z-index: 2
}

.home-18 .header_account_list>a {
display: block;
position: absolute;
right: 0;
top: 11px
}

.home-medical .nice-select .option.selected {
color: #0bbfbd
}

.home-medical .dropdown_search form button {
background: #0bbfbd
}

.home-19.home-medical .dropdown_search form button {
background: #253237
}

.home-cosmatics .dropdown_search form button {
background: #c0b07d
}

.home-electronic .dropdown_search form button {
background: #253237
}

.home-11.home-electronic .dropdown_search form button {
background: #0090f0
}

.home-12.home-electronic .dropdown_search form button {
background: #0090f0
}

.home-electronic .dropdown_search form button:hover {
background: #000000
}

.home-11.home-electronic .dropdown_search form button:hover {
background: #0090f0
}

.home-12.home-electronic .dropdown_search form button:hover {
background: #0090f0
}

.home-electronic .dropdown_search {
border: 0
}

.home-11.home-electronic .dropdown_search {
border: 2px solid#0090f0
}

.home-12.home-electronic .dropdown_search {
border: 2px solid#0090f0
}

.dropdown_search form {
position: relative;
width: 100%
}

.dropdown_search form i {
font-size: 24px;
line-height: 35px
}

.main-navigation {
text-align: center;
margin-left: 20px;
}

.main-navigation.mt-0px {
margin-top: 0
}

.count-cart {
position: relative;
font-weight: 700
}

.item-quantity-tag {
position: absolute;
top: 9px;
left: -26px;
right: auto;
width: 24px;
height: 24px;
content: "";
background: #fff;
color: #000000;
line-height: 24px;
text-align: center;
border-radius: 50%;
float: right;
display: inline-block;
font-size: 12px;
font-weight: 600;
}

.home-cosmatics .item-quantity-tag {
background-color: #c0b07d
}

.home-furniture .item-quantity-tag {
background-color: #ef1e1e
}

.count-cart:before {
content: '\f110';
display: inline-block;
font-size: 25px;
font-family: "Ionicons";
vertical-align: middle;
margin-right: 15px;
float: left;
font-weight: 300;
}

.count-cart.random:before {
content: '\f4a8'
}

.count-cart.heart:before {
content: '\f387'
}

.home-9 .count-cart {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
margin-left: 10px
}

.home-9 .item-quantity-tag {
left: 16px;
background: #fff;
color: #253237
}

.hover-style-electronic .item-quantity-tag {
background: #0090f0;
color: #fff
}

.home-13 .count-cart.random .item-quantity-tag {
left: 16px
}

.home-13 .count-cart.heart .item-quantity-tag {
left: 16px
}

.home-10 .item-quantity-tag {
color: #fff;
background-color: #0090f0
}

.home-electronic .count-cart:hover {
color: #fff
}

.home-furniture .home-14 .item-quantity-tag {
background-color: #ef1e1e
}

.home-19 .count-cart {
color: #fff
}

.home-medical.home-19 .item-quantity-tag {
background: #fff !important;
color: #253237 !important
}

.home-19.home-medical .count-cart:hover {
color: #fff
}

.phone {
position: relative;
line-height: 17px
}

.phone p {
margin: 0
}

.home-14 .phone {
color: #fff
}

.home-14 .phone a {
color: #fff
}

.home-14 .phone a:hover {
color: #fff
}

.home-13 .phone {
line-height: 27px;
display: -webkit-box;
display: -ms-flexbox;
display: flex
}

.home-13 .phone p {
font-size: 13px;
margin-right: 5px
}

.home-13 .header-right-nav .phone a {
color: #253237;
padding: 0;
font-weight: 400;
font-size: 13px
}

.home-13 .phone:before {
background: none;
top: 0px;
content: "\f4b8";
font-family: "Ionicons";
font-size: 24px;
display: inline-block;
position: absolute;
left: -25px;
bottom: 0
}

.phone:before {
content: "";
display: inline-block;
width: 35px;
height: 35px;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjCAYAAAAe2bNZAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Qzc0MkMzQjg0NEE5MTFFQTgwNDFGODlFNDQxM0M3MjgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Qzc0MkMzQjk0NEE5MTFFQTgwNDFGODlFNDQxM0M3MjgiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDNzQyQzNCNjQ0QTkxMUVBODA0MUY4OUU0NDEzQzcyOCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDNzQyQzNCNzQ0QTkxMUVBODA0MUY4OUU0NDEzQzcyOCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PqbE2QIAAATgSURBVHjatJhpbFRVGIZnhrYoNiDVGK1xhSJoXFERVFC0WAMRBI0K/pAQBRuNC3WJYsQFIj8U1KAExcQoBaFxS6xYSkYFIgUVUQEVR1wSbYJURShoW/X9kueYw/XcuTOAX/Jklnvnnvd+59vupKvOGpT6n+1JMUWU5Tlnp5hesh+LlIoqcZSoEHvENrFZ/MY5xyDkbLErz7UGiIZixdiiE8QYMVj8Lb4Vu0UPcZg4XGwS14oMxz4T74rywDU/EQ+LgwoV01s8ICaLj8RiUSu+QpBvh4rzxdein/f9HLwZtZ/dm0LEmBfmI+ICsT7h/F/FW4Hvz7C79z6bp1rFeSKXJCaN+24RN+ON0LaZF44U7eJTtmSfLJ+Y2WI0sfFF5NgJYhZes/jYKnoRqD9ZZohFvD9Y3CA28tvV4kfeXyS2i+tFW5yYO8U4cSEB6tsw8aZ4VfQV33vHuhPgs1loCnE2mXgZKM4kzZ8WQ7gRy7QJ6UCdOUdkxXCxNnKsj/hQ3CWez+PVSvGeWIiXzI5l4QfFPWy7vbbFbZOl4rNiZkCIy4iXE4Sk2IaxogVBW8TJXP86cblYlQos7tvV1IrHAwucJEZ4d5pkFshLxa18ti2dxjY5IROpS3uJSfN6O0L+CFx8GBfZHjh2aSRtnb3B78zmiRniTz5bvCygVlnNypiYoaKJ0m6qX4rJsqPZ82j62w0s4xpHRI5vJX7MOr3vu4m5FDyrMXdYLGUISBPyovjOeoS4PyCmjLuyatxfTBJryLwafvuleIy7rkRsqOoOJ+Ut23qKU8QTJRQru7vXUP82nTZkfbiTMgpcPdXZ+k8zXrYFluDJV2Kus5w0L6NllPt15nX2cwmLxNkloovXVYHj70OK64zk/JDtglbSvs3PpmkJQlJU1dYiKvxTBZyzzWVUJiY2QraRRllehJiaAs7pZPz4jxjbqnfcwYjVU/C60xiTrJIgTbIexNxeYmbQ0EoYAaKC/mKmWUAFzWfnIvq2SEqHiu5xZOK/Yu4j1ztoajYwNcZ46BmmOL+pjeQ3jha2symhdQxAbM6JqaKuDKZiNlLCu0jzqCCrJXUUuvEUsCxpX8MM3ELK2nbem0fMCEaKLtcozeUrxAbqTYptaqWjhlLTmukOmuAcSnoFxbCZJrmzgHixpvmC37VLvV5kLp7KxdoYnlwvOZ07t/HxNG++bcSDFcRdNW7fAB/gxfaIkCGIX+gH0Eou4PpKP96PQ0g3gnYlk5wtcLc4kVQfQ0euo0v3ZEJsYIsfYVI8NdLTZjJg/e57Zi0VeBndN0eDs4J1EwPQIERGC94PBG8jqV+Ld9eAW3g602F/dmESsXpFaJ65UXzDfpcjylr/cwRzXURIL+/9ajxWG3hscVv/EJnqFh9LGdkREtNBMOVoYrvprEMR1+zd5SwevI73rrMlRohfo8xz13ilYHm+Sa+DVM2xuAm6mAl/HkXMxoyrmG+z1IneBbKCzD0kTnh0iHKC6hFUjaAmXPoLQf0oz9Ob9uHxaFTcaBGa6NyWLcKV1cwefb3hKYvIUvb/ssgjSz7bU+xDXCeCnIcsoD/n2FTcnMVT64iZ9v397yST0NrHU12b+evD2Xwy6mNx5YEQkiTG99A6ClcDI8Z6CtbEhK5clKWL+OdqII+snQT05gP9F9c/AgwA86I/LUAPDuoAAAAASUVORK5CYII=) no-repeat;
position: absolute;
left: -45px;
top: 0
}

.home-electronic .phone:before {
background-image: url(../images/icons/icon_contact.png)
}

.home-19 .phone:before {
background-image: url(../images/icons/icon_contact.png)
}

.home-furniture .phone:before {
background-image: url(../images/icons/icon_contact.png)
}

.home-11.home-electronic .phone:before {
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjCAYAAAAe2bNZAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Qzc0MkMzQjg0NEE5MTFFQTgwNDFGODlFNDQxM0M3MjgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Qzc0MkMzQjk0NEE5MTFFQTgwNDFGODlFNDQxM0M3MjgiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDNzQyQzNCNjQ0QTkxMUVBODA0MUY4OUU0NDEzQzcyOCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDNzQyQzNCNzQ0QTkxMUVBODA0MUY4OUU0NDEzQzcyOCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PqbE2QIAAATgSURBVHjatJhpbFRVGIZnhrYoNiDVGK1xhSJoXFERVFC0WAMRBI0K/pAQBRuNC3WJYsQFIj8U1KAExcQoBaFxS6xYSkYFIgUVUQEVR1wSbYJURShoW/X9kueYw/XcuTOAX/Jklnvnnvd+59vupKvOGpT6n+1JMUWU5Tlnp5hesh+LlIoqcZSoEHvENrFZ/MY5xyDkbLErz7UGiIZixdiiE8QYMVj8Lb4Vu0UPcZg4XGwS14oMxz4T74rywDU/EQ+LgwoV01s8ICaLj8RiUSu+QpBvh4rzxdein/f9HLwZtZ/dm0LEmBfmI+ICsT7h/F/FW4Hvz7C79z6bp1rFeSKXJCaN+24RN+ON0LaZF44U7eJTtmSfLJ+Y2WI0sfFF5NgJYhZes/jYKnoRqD9ZZohFvD9Y3CA28tvV4kfeXyS2i+tFW5yYO8U4cSEB6tsw8aZ4VfQV33vHuhPgs1loCnE2mXgZKM4kzZ8WQ7gRy7QJ6UCdOUdkxXCxNnKsj/hQ3CWez+PVSvGeWIiXzI5l4QfFPWy7vbbFbZOl4rNiZkCIy4iXE4Sk2IaxogVBW8TJXP86cblYlQos7tvV1IrHAwucJEZ4d5pkFshLxa18ti2dxjY5IROpS3uJSfN6O0L+CFx8GBfZHjh2aSRtnb3B78zmiRniTz5bvCygVlnNypiYoaKJ0m6qX4rJsqPZ82j62w0s4xpHRI5vJX7MOr3vu4m5FDyrMXdYLGUISBPyovjOeoS4PyCmjLuyatxfTBJryLwafvuleIy7rkRsqOoOJ+Ut23qKU8QTJRQru7vXUP82nTZkfbiTMgpcPdXZ+k8zXrYFluDJV2Kus5w0L6NllPt15nX2cwmLxNkloovXVYHj70OK64zk/JDtglbSvs3PpmkJQlJU1dYiKvxTBZyzzWVUJiY2QraRRllehJiaAs7pZPz4jxjbqnfcwYjVU/C60xiTrJIgTbIexNxeYmbQ0EoYAaKC/mKmWUAFzWfnIvq2SEqHiu5xZOK/Yu4j1ztoajYwNcZ46BmmOL+pjeQ3jha2symhdQxAbM6JqaKuDKZiNlLCu0jzqCCrJXUUuvEUsCxpX8MM3ELK2nbem0fMCEaKLtcozeUrxAbqTYptaqWjhlLTmukOmuAcSnoFxbCZJrmzgHixpvmC37VLvV5kLp7KxdoYnlwvOZ07t/HxNG++bcSDFcRdNW7fAB/gxfaIkCGIX+gH0Eou4PpKP96PQ0g3gnYlk5wtcLc4kVQfQ0euo0v3ZEJsYIsfYVI8NdLTZjJg/e57Zi0VeBndN0eDs4J1EwPQIERGC94PBG8jqV+Ld9eAW3g602F/dmESsXpFaJ65UXzDfpcjylr/cwRzXURIL+/9ajxWG3hscVv/EJnqFh9LGdkREtNBMOVoYrvprEMR1+zd5SwevI73rrMlRohfo8xz13ilYHm+Sa+DVM2xuAm6mAl/HkXMxoyrmG+z1IneBbKCzD0kTnh0iHKC6hFUjaAmXPoLQf0oz9Ob9uHxaFTcaBGa6NyWLcKV1cwefb3hKYvIUvb/ssgjSz7bU+xDXCeCnIcsoD/n2FTcnMVT64iZ9v397yST0NrHU12b+evD2Xwy6mNx5YEQkiTG99A6ClcDI8Z6CtbEhK5clKWL+OdqII+snQT05gP9F9c/AgwA86I/LUAPDuoAAAAASUVORK5CYII=) no-repeat
}

.contact-link {
float: left;
position: relative;
margin-top: 5px
}

.contact-link a {
color: #253237;
font-weight: 700
}

.home-19 .contact-link a {
color: #fff
}

.home-19 .phone p {
color: #fff
}

.contact-link a:hover {
color:#000000
}

.home-cosmatics .contact-link a:hover {
color: #c0b07d
}

.home-medical .contact-link a:hover {
color: #0bbfbd
}

.home-19.home-medical .contact-link a:hover {
color: #fff
}

/* .cart-info {
margin: 10px 0px 0 35px
} */

.cart-info-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end
}

.home-11 .cart-info {
margin: 10px 0px 0 15px
}

.search-bar {
float: left
}

.home-2 .header-navigation {
padding: 35px 0;
position: absolute;
width: 100%;
z-index: 2
}

.home-2 .header_account_list>a {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end
}

.home-2 .header_account_list {
margin-right: 0
}

.home-2 .dropdown_search {
position: absolute;
left: auto;
right: 0;
top: 36px;
display: none
}

.home-3 .header-navigation {
background: #ffffff;
padding-top:15px;
}

.home-3 .header_account_list>a {
color: #fff
}

.home-3 .main-navigation ul li a {
color: #a7a7a7;
}

.home-3 .header_account_list {
margin-right: 0
}

.home-electronic .count-cart {
color: #fff
}

.hover-style-electronic .count-cart {
color: #253237
}

.hover-style-electronic .count-cart:hover {
color: #0090f0
}

.home-electronic .home-10 .count-cart {
color: #253237
}

.home-electronic .home-10 .count-cart:hover {
color: #0090f0
}

.home-electronic .phone {
color: #fff
}

.home-electronic .phone a {
color: #fff
}

.home-11.home-electronic .phone {
color: #666
}

.home-11.home-electronic .phone a {
color: #253237
}

.home-11.home-electronic .phone a:hover {
color: #0090f0
}

.count-cart:hover {
color:#000000;
}

.home-cosmatics .count-cart:hover {
color: #c0b07d
}

.home-furniture .count-cart:hover {
color: #ef1e1e
}

.home-2 .header_account_list {
margin-right: 0;
margin-top: 10px
}

.home-5 .sticky-nav.menu_fixed {
padding: 0
}

.container-inner {
padding: 22px 30px;
background: #fff;
margin-top: 15px;
position: relative
}

.sticky-nav.menu_fixed .container-inner {
padding: 0;
margin: 0
}

.home-4 .main-navigation {
margin-left: 150px
}

.mobile-menu-area {
display: none
}

.mean-container a.meanmenu-reveal span {
display: block;
background: #333;
height: 2px;
margin-top: 3px;
position: absolute;
z-index: 999999;
width: 18px;
margin: 5px 0px 4px 0px
}

.mean-container a.meanmenu-reveal {
padding: 0px 5px 5px 5px
}

a.meanmenu-reveal.meanclose {
padding: 0px 5px 5px 5px
}

.menu-overflow {
height: 220px;
overflow-x: auto
}

.home-5 .contact-link {
margin: 0 0 0 45px
}

.home-6 .contact-link {
margin: 0 0 0 0px
}

.home-5 .home-10 .contact-link {
margin: 5px 0 0 45px
}

.home-5 .logo {
margin: 0
}

.home-5 .cart-info {
margin-top: 3px
}

.home-5 .home-2 .header_account_list {
margin: 4px 0 0
}

.home-5 .header-navigation {
padding: 40px 0 40px 0;
border-bottom: 1px solid #ededed
}

.home-13 .header-navigation {
padding: 30px 0 30px 0
}

.home-5 .main-navigation {
margin: 0;
float: initial
}

.home-5 .main-navigation ul li a {
padding: 18px 15px
}

.home-5.home-6 .main-navigation ul li a {
padding: 18px 30px 18px 0px
}

.home-6 .dropdown_search {
display: block;
position: initial
}

.home-6 .header_account_list>a {
display: none
}

.contact-link-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
margin: 8px 0 0 0
}

.home-6 .header_account_area {
margin-top: 0px;
width: 100%
}

.home-5.home-6 .logo {
margin: 7px 0 0 0
}

.home-5.home-6 .home-10 .logo {
margin: 13px 0 0 0
}

.home-5.home-6 .cart-info {
margin-top: 5px
}

.home-5.home-6 .home-10 .cart-info {
margin-top: 15px;
margin-left: 70px
}

.home-6 .header-navigation {
padding: 35px 0
}

.home-14 .header-navigation {
padding: 25px 0
}

.home-electronic .header-navigation {
background: #0090f0;
border-bottom: 0;
border-top: 1px solid rgba(255, 255, 255, 0.1)
}

.home-11.home-electronic .header-navigation {
background: #fff;
border: 0;
padding: 26px 0 27px 0
}

.home-11.home-electronic .header-navigation.sticky-nav.menu_fixed {
padding: 5px 0 8px 0
}

.home-electronic .home-10 .header-navigation {
background: #fff;
border-bottom: 0;
border-top: 0px solid rgba(255, 255, 255, 0.1);
padding: 25px 0
}

.home-electronic .home-10 .header-navigation.sticky-nav.menu_fixed {
padding: 10px 0
}

.home-electronic.home-12 .header-navigation {
padding: 32px 0
}

.home-8 .dropdown_search {
margin-left: 65px
}

.home-electronic .beauty-category .nice-select {
background: #fff;
color: #253237
}

.home-electronic .home-10 .beauty-category .nice-select {
background: #0583d7;
color: #fff;
text-transform: capitalize
}

.beauty-category .nice-select {
-webkit-tap-highlight-color: transparent;
border-radius: 0px;
border: solid 0px #e8e8e8;
-webkit-box-sizing: border-box;
box-sizing: border-box;
clear: both;
cursor: pointer;
display: block;
float: left;
font-family: "Open Sans", sans-serif;
height: 60px;
line-height: 60px;
outline: none;
position: relative;
text-align: left !important;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
white-space: nowrap;
width: 100%;
color: #fff;
background: #ab9b69;
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
cursor: pointer;
margin: 0;
padding-left: 20px;
padding-right: 0px
}

.beauty-category {
height: 60px;
width: 270px
}

.home-10 .beauty-category {
min-width: 270px
}

.beauty-category .nice-select .option {
position: relative;
display: block;
overflow: hidden;
line-height: 24px;
text-transform: capitalize;
word-wrap: break-word;
background: #fff;
color: #253237;
padding: 15px 20px;
font-size: 14px;
font-weight: 700;
-webkit-transition: none;
transition: none;
border-bottom: 1px solid #eaeaea
}

.beauty-category .nice-select:after {
border-bottom: 0px solid #fff;
border-right: 0px solid #fff;
height: auto;
right: 12px;
width: auto;
content: '\f3d0';
display: inline-block;
font-size: 12px;
font-family: "Ionicons";
font-weight: 400;
margin-left: 7px;
float: right;
-webkit-transform-origin: 0% 0%;
transform-origin: 0% 0%;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
top: 4px
}

.beauty-category .nice-select.open:after {
-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}

.beauty-category .nice-select:before {
content: '\f394';
display: inline-block;
font-size: 24px;
font-family: "Ionicons";
font-weight: 400;
line-height: 32px;
margin-right: 10px;
text-align: center;
vertical-align: -3px
}

.beauty-category .nice-select .list {
background-color: #fff;
border-radius: 0;
-webkit-box-shadow: 0 0 3.76px 0.24px rgba(0, 0, 0, .15);
box-shadow: 0 0 3.76px 0.24px rgba(0, 0, 0, .15);
margin-top: 1px
}

.beauty-category .nice-select .option.focus,
.beauty-category .nice-select .option.selected.focus,
.beauty-category .nice-select .option:hover {
background-color: #fff;
color: #c0b07d
}

.home-electronic .beauty-category .nice-select .option.focus,
.home-electronic .beauty-category .nice-select .option.selected.focus,
.home-electronic .beauty-category .nice-select .option:hover {
color: #0090f0
}

.home-8 .main-navigation ul li a {
color: #fff
}

.home-9 .main-navigation ul li a {
color: #253237
}

.home-8 .header-buttom-nav {
background: #c0b07d
}

.home-9 .header-buttom-nav {
background: #fff
}

.home-10 .header-buttom-nav {
background: #0090f0
}

.home-8 .main-navigation {
margin-left: 35px
}

.home-19 .main-navigation {
margin-left: 0px
}

.home-12 .home-10 .main-navigation {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%
}

.home-10 .main-navigation {
margin: 0;
-webkit-box-flex: 0;
-ms-flex: 0 0 78%;
flex: 0 0 78%
}

.home-furniture .home-10 .header-buttom-nav {
background: #ef1e1e
}

.home-2 .slider-height-6 {
height: 670px
}

.slider-content-2 {
margin-top: 70px
}

.home-2 .bg-img {
background-size: cover
}

.slider-height-7 {
height: 800px
}

.slider-height-18 {
height: 660px
}

.slider-content-18 {
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
margin-left: 5%
}

.home-2.banner-area {
margin-top: 60px
}

.home-3 .shop-btn {
margin-top: 5px
}

.slider-area .container {
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center
}

.home-20 .slider-area {
margin-top: 30px
}

.home-4 .slider-height-6 {
height: 700px
}

.home-4 .slider-area span {
color: #fff
}

.home-4 .slider-area h1 {
color: #fff
}

.home-4 .slider-area .shop-btn {
background-color: #fff;
color: #253237
}

.home-4 .slider-area .shop-btn:hover {
background-color: #253237;
color: #fff
}

.home-4 .slider-content-5 {
margin: 150px 0 0 0
}

.slider-height-6 {
height: 650px
}

.slider-height-16 {
height: 590px
}

.home-5 .slider-height-6 {
height: 570px
}

.slider-height-13 {
height: 690px
}

.slider-height-9 {
height: 630px
}

.slider-height-19 {
height: 580px
}

.slider-height-10 {
height: 550px
}

.slider-height-11 {
height: 545px
}

.bg-img {
background-position: center center;
background-size: cover;
position: relative;
z-index: 1;
background-color: #bebebe
}

.bg-img:after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: "";
background: #fff;
z-index: -1;
opacity: .2
}

.home-4 .bg-img:after {
background: #f8f8f8
}

.slider-area span {
font-size: 17px;
font-weight: 400;
text-transform: uppercase;
color: #253237;
font-style: italic;
margin-bottom: 10px;
line-height: 1;
display: block
}

.slider-area .slider-content-11 span {
color: #fff
}

.slider-area .slider-content-11 h1 {
color: #fff
}

.slider-area .slider-content-11 p {
color: #fff
}

.slider-area .slider-content-20 h1 {
color: #fff
}

.slider-area .slider-content-20 p {
color: #fff
}

.slider-area h1 {
font-size: 45px;
font-weight: 600;
color: #253237;
margin-bottom: 30px;
line-height: 1
}

.home-16 .slider-area h1 {
color: #fff
}

.home-16 .slider-area p {
color: #fff
}

.home-16 .slider-area h1 {
color: #fff
}

.home-17 .slider-area h1 {
color: #fff
}

.home-17 .slider-area p {
color: #fff
}

.home-17 .slider-area h1 {
color: #fff
}

.slider-area .slider-content-13 h1 {
font-size: 42px
}

.slider-area .slider-content-13 h1 strong {
font-size: 45px
}

.slider-area .slider-content-13 p {
width: 49%
}

.slider-content-16.slider-content-13 {
padding-left: 60%
}

.slider-content-16.slider-content-13 p {
width: 100%
}

.slider-area .slider-content-13.slider-content-15 p {
width: 35%
}

.slider-content-15 {
margin-top: 70px
}

.slider-area strong {
font-size: 60px;
font-weight: 700;
display: inline-block;
margin: 0;
font-style: normal
}

.slider-area p {
font-size: 19px;
margin-bottom: 30px;
font-weight: 400;
color: #555
}

.home-2 .shop-btn {
margin-top: 20px
}

.shop-btn {
width: 120px;
height: 40px;
line-height: 40px;
text-align: center;
display: inline-block;
background-color:#000000;
color: #fff;
font-weight: 700;
border-radius: 30px;
font-size: 14px
}

.shop-btn:hover {
color: #fff;
background: #253237
}

.home-cosmatics .shop-btn:hover {
background-color: #c0b07d
}

.home-furniture .shop-btn {
background-color: #ef1e1e
}

.home-furniture .slider-content-15 .shop-btn:hover {
background-color: #253237
}

.home-furniture .slider-content-16 .shop-btn {
background-color: #fff;
color: #253237
}

.home-furniture .slider-content-16 .shop-btn:hover {
background-color: #253237;
color: #fff
}

.home-cosmatics .shop-btn {
background-color: #253237
}

.home-electronic .shop-btn {
background-color: #0090f0
}

.home-electronic .slider-content-11 .shop-btn {
background-color: #fff;
color: #253237
}

.home-medical .shop-btn {
background-color: #fff;
color: #253237
}

.home-medical .shop-btn:hover {
background-color: #253237;
color: #fff
}

.home-medical.home-19 .shop-btn {
background-color: #0bbfbd;
color: #fff
}

.home-medical.home-19 .shop-btn:hover {
background-color: #253237;
color: #fff
}

.home-electronic .slider-content-11 .shop-btn:hover {
background-color: #253237;
color: #fff
}

.home-electronic .shop-btn:hover {
background-color: #253237
}

.single-static h4 {
color: #253237;
font-size: 16px;
font-weight: 600;
text-transform: capitalize;
line-height: 22px;
margin-bottom: 0
}

.single-static p {
line-height: 20px;
color: #666;
font-size: 13px;
margin: 0
}

.single-static img {
width: 45px;
-webkit-box-flex: 0;
-ms-flex: 0 0 45px;
flex: 0 0 45px;
margin: 0;
margin-right: 10px
}

.single-static {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
padding: 36px 5px
}

.single-static-meta {
overflow: hidden;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1
}

.static-area-wrap {
border: 1px solid#ebebeb;
border-radius: 5px;
padding: 0 20px
}

.home-8 .static-area {
margin-top: 30px;
margin-bottom: 60px
}

.home-8 .static-area.home-10 {
margin-top: 60px
}

.home-8 .static-area {
margin-top: 60px;
margin-bottom: 60px
}

.home-8.home-19 .static-area {
margin-top: 60px
}

.home-7 .best-sells-area {
margin-top: 60px
}

.list-product , .single-product-wrap {
position: relative;
background: #fff;
z-index: 1;
border: 1px solid rgba(0,0,0,.125);
overflow: hidden;
-webkit-transition: all 300ms linear;
transition: all 300ms linear;
padding:8px;
border-radius: 12px;
}

.second-img {
position: absolute;
top: 0;
left: 0;
opacity: 0;
visibility: hidden;
-webkit-transition: all 300ms linear;
transition: all 300ms linear
}

.list-product:hover .second-img {
opacity: 1;
visibility: visible
}

a.quick_view {
display: inline-block;
background: #fff;
color: #253237;
padding: 0;
border: none;
line-height: 46px;
height: 46px;
width: 46px;
border-radius: 100%;
padding: 0;
text-align: center;
text-transform: capitalize;
pointer-events: visible;
opacity: 0;
-webkit-transform: scale3d(0, 0, 0);
transform: scale3d(0, 0, 0);
-webkit-transition: all 300ms linear;
transition: all 300ms linear
}

.home-medical a.quick_view {
-webkit-box-shadow: 0 0 13.95px 1.05px rgba(0, 0, 0, .17);
box-shadow: 0 0 13.95px 1.05px rgba(0, 0, 0, .17)
}

.home-medical .list-product {
border-radius: 0
}

.list-product-2.transparent-border .list-product {
margin: 0
}

a.quick_view i {
font-size: 21px
}

.list-product:hover a.quick_view {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1)
}

.home-cosmatics .list-product:hover {
border-color: #c0b07d
}

.home-furniture .list-product:hover {
border-color: #ef1e1e
}

.home-cosmatics a.quick_view:hover {
background-color: #c0b07d;
color: #fff
}

.home-electronic .list-product:hover {
border-color: #0090f0
}

.home-medical .list-product:hover {
border-color: #0bbfbd
}

.home-electronic a.quick_view:hover {
background-color: #0090f0;
color: #fff
}

.home-furniture a.quick_view:hover {
background-color: #ef1e1e;
color: #fff
}

.home-medical a.quick_view:hover {
background-color: #0bbfbd;
color: #fff
}

a.quick_view:hover {
background-color:#000000;
color: #fff
}

.quick-view {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
left: 0;
right: 0;
text-align: center;
pointer-events: none;
z-index: 1;
height: 46px
}

.img-block {
position: relative;
overflow: hidden
}

.new {
position: absolute;
top: 10px !important;
left: 10px;
display: inline-block;
color: #fff;
padding: 0 5px;
text-align: center;
line-height: 20px;
height: 20px;
font-size: 12px;
font-weight: 700;
border-radius: 5px;
text-transform: capitalize;
text-align: center;
z-index: 1;
background-color:#000000;
}

.home-cosmatics .new {
background-color: #c0b07d
}

.home-furniture .new {
background-color: #ef1e1e
}

.home-electronic .new {
background-color: #0090f0
}

.home-medical .new {
background-color: #0bbfbd
}

.inner-link {
font-size: 12px;
text-transform: uppercase;
color: #999;
line-height: 1;
margin-bottom: 10px;
display: block
}

.inner-link:hover {
color: #999
}

.home-cosmatics .inner-link:hover {
color: #253237
}

.home-electronic .inner-link:hover {
color: #253237
}

.product-decs {
padding: 10px;
background: #fff;
overflow: hidden;
position: relative;
-webkit-transition: all 300ms linear;
transition: all 300ms linear
}

.product-link {
margin-bottom: 5px;
font-weight: 500;
color: #555555;
font-size: 16px;
text-transform: lowercase;
letter-spacing: 0;
display: -webkit-box;
-webkit-line-clamp: 2;
overflow: hidden;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
}

.product-link:hover {
color:#000000;
}

.add-to-link ul li span:hover {
color:#fff;
}

.home-cosmatics .product-link:hover {
color: #c0b07d
}

.home-furniture .product-link:hover {
color: #ef1e1e
}

.home-medical .product-link:hover {
color: #0bbfbd
}

.home-cosmatics .add-to-link ul li a:hover {
color: #c0b07d
}

.home-electronic .product-link:hover {
color: #0090f0
}

.home-electronic .add-to-link ul li a:hover {
color: #0090f0
}

.home-furniture .add-to-link ul li a:hover {
color: #ef1e1e
}

.rating-product i {
overflow: hidden;
font-size: 18px;
color: #fdd835
}

.old-price {
color: #9b9b9b;
font-weight: 400;
text-decoration: line-through;
margin-right: 2px;
font-size: 14px
}

.old-price.not-cut {
text-decoration: none
}

.pricing-meta li {
display: block;
}

.current-price {
color: #000000;
font-size: 16px;
}

.discount-price {
display: inline-block;
vertical-align: top;
color: #fff;
background: #cf292b;
padding: 0 4px;
border-radius: 5px;
text-align: center;
line-height: 20px;
height: 20px;
font-size: 12px;
font-weight: 700;
text-transform: capitalize;
text-align: center;
z-index: 4;
margin-left: 2px
}

.cart-btn {
display: inline-block;
background: #fff;
color: #253237;
font-weight: 500;
padding: 0;
border: none;
border-width: 2px;
border-bottom-style: solid;
line-height: 24px;
height: 26px;
width: auto;
cursor: pointer;
font-size: 14px;
text-transform: uppercase;
position: relative;
z-index: 1
}

.add-to-link ul li {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
float: right
}

.add-to-link ul li.cart {
float: left
}



.add-to-link ul li span {
display: inline-block;
background: #fff;
color: #253237;
padding: 0;
text-align: center;
text-transform: capitalize;
border: none;
color: #fff;
background: #000000;
font-weight: 400;
font-size: 12px;
padding: 8px;
line-height: 1;
height: auto;
}

.add-to-link-btn a {
display: inline-block;
background: #253237;
color: #fff;
font-weight: 700;
padding: 10px 18px;
border-radius: 5px;
border: none;
line-height: 18px;
height: 38px;
width: auto;
cursor: pointer;
font-size: 14px;
text-transform: capitalize;
position: relative;
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out
}

.add-to-link-btn {
text-align: center;
margin: 10px 0 25px
}

.add-to-link-btn a:hover {
background: #0bbfbd
}

.add-to-link ul li a i {
margin-right: 10px;
font-size: 21px;
color:#000000;
}

.add-to-link {
/* position: absolute;
left: 10px;
right: 10px;
bottom: 0;
background: #fff;
visibility: hidden;
opacity: 0;
transform: translateY(25px) translateZ(0);
-webkit-transform: translateY(25px) translateZ(0);
perspective: 800px;
-webkit-perspective: 800px;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
-webkit-transition: opacity .3s ease, visibility .3s ease, transform .3s ease;
-webkit-transition: opacity .3s ease, visibility .3s ease, -webkit-transform .3s ease;
transition: opacity .3s ease, visibility .3s ease, -webkit-transform .3s ease;
transition: opacity .3s ease, visibility .3s ease, transform .3s ease;
transition: opacity .3s ease, visibility .3s ease, transform .3s ease, -webkit-transform .3s ease; */
height: 30px;
padding: 0px ;
}

.list-product:hover .add-to-link {
opacity: 1;
visibility: visible;
-webkit-transform: translateY(0) translateZ(0);
transform: translateY(0) translateZ(0)
}

.rating-product {
margin-bottom: 6px;
}

.home-furniture .add-to-link ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
border-radius: 30px;
background: #ffffff;
padding: 10px 0
}

.home-furniture .add-to-link ul li {
display: initial;
float: none;
width: 100%;
border-right: 1px solid rgba(37, 50, 55, .3);
text-align: center;
line-height: 15px
}

.home-furniture .add-to-link ul li:last-child {
border: 0
}

.home-furniture .add-to-link ul li a i {
margin: 0
}

.home-furniture .add-to-link ul li a {
background: #ffffff
}

.home-furniture .add-to-link {
bottom: 10px;
border-radius: 30px
}

.home-furniture .product-decs {
text-align: center
}

.home-furniture .feature-slider-item .product-decs {
text-align: left
}

.category-list:hover .category-thumb img {
-webkit-transform: scale(1.035) rotate(0.05deg);
transform: scale(1.035) rotate(0.05deg);
-webkit-transition: all 300ms linear;
transition: all 300ms linear
}

.category-thumb img {
width: 100%;
-webkit-transition: all 300ms linear;
transition: all 300ms linear;
border-radius: 20px;
}

.desc-listcategoreis {
position: absolute;
left: 40px;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%)
}

.category-list {
position: relative;
overflow: hidden
}

.desc-listcategoreis .name_categories h4 {
font-size: 18px;
font-weight: 400;
text-transform: capitalize;
margin-bottom: 12px;
line-height: 1;
color:#ffffff;
letter-spacing: 1px;
}

.desc-listcategoreis .number_product {
color: #ffffff;
font-size: 14px;
text-transform: capitalize;
margin-bottom: 12px;
line-height: 1;
display: block
}

.desc-listcategoreis a {
color: #ffffff;
font-size: 14px;
text-transform: capitalize;
line-height: 1;
display: inline-block
}

.desc-listcategoreis a:hover {
-webkit-transform: translateX(10px);
transform: translateX(10px);
color: #ffffff;
}

.home-electronic .desc-listcategoreis a:hover {
color: #0090f0
}

.home-cosmatic .desc-listcategoreis a:hover {
color: #c0b07d
}

.desc-listcategoreis a i {
font-size: 16px;
text-align: center;
border-radius: 50%;
display: inline-block;
color: #ffffff;
-webkit-transform: translate(3px, 3px);
transform: translate(3px, 3px)
}

.home-electronic .desc-listcategoreis a i {
color: #0090f0
}

.home-cosmatic .desc-listcategoreis a i {
color: #c0b07d
}

.home-3 .recent-add-area {
margin-top: 30px
}

.home-6 .recent-add-area {
margin-top: 30px;
margin-bottom: 30px
}

.home-3 .categorie-area {
padding: 20px 0px ;
}

.category-slider-2 .desc-listcategoreis {
position: initial;
-webkit-transform: translateY(0%);
transform: translateY(0%)
}

.category-slider-2 .category-thumb {
position: relative;
overflow: hidden;
border: 1px solid #ebebeb;
border-radius: 5px;
margin-bottom: 20px
}

.category-slider-2 .desc-listcategoreis .name_categories h4 {
color: #253237
}

.home-furniture .desc-listcategoreis a i {
color: #ef1e1e
}

.home-furniture .desc-listcategoreis a:hover {
color: #ef1e1e
}

.in-stock {
font-size: 14px;
text-transform: capitalize;
color: #777;
line-height: 1;
display: block
}

.in-stock span {
font-weight: 700;
color:#000000
}

.home-cosmatics .in-stock span {
color: #c0b07d
}

.home-electronic .in-stock span {
color: #0090f0
}

.home-furniture .in-stock span {
color: #ef1e1e
}

.home-medical .in-stock span {
color: #0bbfbd
}

.clockdiv {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin: 30px 0px 39px 0px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}

.hot-deal-3 .list-product {
border: 2px solid#0bbfbd
}

.hot-deal .list-product {
text-align: center;
border-width: 2px
}

.hot-deal .inner-link {
font-size: 15px
}

.hot-deal .product-link {
font-size: 18px;
line-height: 20px
}

.hot-deal .old-price {
font-size: 17px
}

.hot-deal .current-price {
font-size: 17px
}

.title_countdown {
font-size: 14px;
color: #777;
line-height: 18px;
display: inline-block;
vertical-align: top;
max-width: 110px
}

.clockdiv span {
font-weight: 600;
color: #253237;
font-size: 16px;
position: relative;
display: inline-block
}

.clockdiv span p {
font-size: 10px;
text-transform: uppercase;
margin: 0;
color: #999
}

.clockdiv span {
margin: 0 5px
}

.clockdiv span:after {
position: absolute;
top: 0px;
left: auto;
content: ":";
right: -5px
}

.clockdiv span.second:after {
display: none
}

.hot-deal-area {
margin-top: 60px
}

.hot-deal-area.mt-30px {
margin-top: 30px
}

.hot-deal-area.mt-100px.mb-40px {
margin-top: 100px;
margin-bottom: 40px
}

.home-6 .hot-deal-area {
margin-top: 30px
}

.hot-item-inner {
float: left;
width: 45%;
max-width: 320px
}

.hot-deal-3 .hot-item-inner {
width: 55%;
max-width: 525px
}

.hot-deal-3 .nav-container {
-webkit-box-flex: 0;
-ms-flex: 0 0 14%;
flex: 0 0 14%;
margin-left: 5px;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center
}

.nav-container .slick-vertical .slick-slide:focus {
border: 1px solid #0bbfbd;
outline: 0px
}

.nav-container .slick-vertical .slick-slide:focus {
margin: 5px 0
}

.main-container .slick-vertical .slick-slide:focus {
border: 0px;
outline: 0px
}

.product-wrapper {
overflow: hidden;
padding: 15px 15px 0px 15px;
text-align: center
}

.product-wrapper .inner-link {
font-size: 15px
}

.product-wrapper .product-link {
font-size: 18px;
line-height: 20px
}

.hot-deal-2 .list-product {
border: 2px solid#000000
}

.home-cosmatics .hot-deal-2 .list-product {
border: 2px solid #c0b07d
}

.home-electronic .hot-deal-2 .list-product {
border: 2px solid #0090f0
}

.home-furniture .hot-deal-2 .list-product {
border: 2px solid #ef1e1e
}

.banner-wrapper a img {
width: 100%
}

.banner-wrapper {
position: relative;
overflow: hidden
}

.banner-wrapper img {
width: 100%;
-webkit-transition: all 300ms linear;
transition: all 300ms linear
}

.banner-wrapper:hover img {
-webkit-transition: all 300ms linear;
transition: all 300ms linear;
-webkit-transform: scale(1.035) rotate(0.05deg);
transform: scale(1.035) rotate(0.05deg)
}

.banner-area {
margin-top: 30px;
margin-bottom: 60px
}

.banner-3-area {
margin-top: 60px
}

.banner-3-area.mt-30px {
margin-top: 30px
}

.home-6 .banner-3-area {
margin-bottom: 60px
}

.banner-area-2.mt-0px.mb-100px {
margin-top: 0;
margin-bottom: 100px
}

.banner-3-area.mt-70px {
margin-top: 70px
}

.banner-3-area.mt-0px.mb-100px {
margin-top: 0;
margin-bottom: 100px
}

.banner-3-area.mt--60px {
margin-top: -60px;
position: relative;
z-index: 2
}

.banner-area-2.mt-60px {
margin-top: 60px
}

.feature-area.mt-40px.mb-70px {
margin-top: 40px;
margin-bottom: 70px
}

.feature-area.mt-100px.mb-70px {
margin-top: 100px;
margin-bottom: 70px
}

.recent-add-area.mb-70px {
margin-bottom: 70px
}

/* .feature-slider-item .img-block {
float: left;
width: 120px;
margin-right: 20px
} */

.feature-slider-item .product-decs {
overflow: hidden;
padding: 10px 0 0 0
}

.home-10 .feature-slider-item .product-decs {
margin: 4px 0
}

.feature-slider-item .list-product {
padding: 20px
}

.category-product-2 .feature-slider-item .list-product {
padding: 13px 0 13px 0;
margin: 0 20px 0 20px;
border: 0;
border-bottom: 1px solid#ebebeb
}

.category-product-2 .feature-slider-item {
border: 1px solid#ebebeb;
background-color: #fff
}

.category-product-2.custom-nav-style .feature-slider-item {
border: 2px solid#0bbfbd
}

.category-product-2.custom-nav-style .feature-slider-item .list-product {
padding: 11px 0 10px 0
}

.category-product-2 .feature-slider-item .list-product:last-child {
border-bottom: 0
}




.feature-slider-item.feature-slider-item-3 .list-product {
margin: 0
}

.category-product-area.mt-40px.mb-70px {
margin-top: 40px;
margin-bottom: 70px
}

.category-tab-area.mt-100px {
margin-top: 100px
}

.category-tab-area.mtb-70px {
margin: 70px 0
}

.category-product-area.mt-65px {
margin-top: 65px
}

.banner-inner a img {
width: 100%
}

.banner-inner {
position: relative;
overflow: hidden
}

.banner-area-2 {
margin-top: 30px;
margin-bottom: 60px
}

.banner-inner img {
width: 100%;
-webkit-transition: all 300ms linear;
transition: all 300ms linear
}

.banner-inner:hover img {
-webkit-transition: all 300ms linear;
transition: all 300ms linear;
-webkit-transform: scale(1.035) rotate(0.05deg);
transform: scale(1.035) rotate(0.05deg)
}

.brand-area.mb-100px {
margin-bottom: 100px;
padding-bottom: 0
}

.brand-area.mt-70px.mb-100px {
margin-top: 70px;
margin-bottom: 100px;
padding: 0
}

.blog-area.mt-30px {
margin-top: 30px
}

.brand-slider-item {
padding: 20px 0px 20px 0px
}

.brand-slider {
border: 1px solid#ebebeb;
border-radius: 5px
}

.owl-carousel .owl-item .brand-slider-item img {
max-width: 100%;
width: auto;
margin: auto
}

.brand-slider-item {
padding: 30px 45px 30px 45px
}



.footer-top {
padding: 30px 0
}

.text-info {
line-height: 24px;
color: #666 !important;
font-size: 14px;
margin: 15px 0
}



.social-info li a:hover {
color:#000000
}

.home-furniture .social-info li a:hover {
color: #ef1e1e
}

.home-medical .social-info li a:hover {
color: #0bbfbd
}

.home-cosmatics .social-info li a:hover {
color: #c0b07d
}

.home-electronic .social-info li a:hover {
color: #0090f0
}

.social-info li a {
position: relative;
display: inline-block;
vertical-align: middle;
color: #666;
font-size: 24px;
padding: 0;
line-height: 36px;
border-radius: 100%;
text-align: center;
border: none;
z-index: 1;
-webkit-transition: all 300ms linear;
transition: all 300ms linear;
margin-right: 25px
}

.social-info {
margin-top: 30px
}

.social-info li {
display: inline-block
}

.footer-herading {
font-size: 16px;
text-transform: capitalize;
padding-bottom: 20px;
margin-bottom: 25px;
position: relative;
color: #253237;
border-bottom: 1px solid #e3e3e3;
font-weight: 700;
line-height: 24px
}

.footer-herading:after {
content: "";
position: absolute;
left: 0;
bottom: -1px;
width: 60px;
height: 2px;
background:#000000;
}

.home-cosmatics .footer-herading:after {
background: #c0b07d
}

.home-electronic .footer-herading:after {
background: #0090f0
}

.home-furniture .footer-herading:after {
background: #ef1e1e
}

.home-medical .footer-herading:after {
background: #0bbfbd
}

.footer-links>ul>li a {
font-size: 14px;
line-height: 24px;
padding: 0;
display: block;
text-transform: uppercase;
color: #666;
margin-bottom: 0;
display: block;
position: relative;
-webkit-transition: all 300ms linear;
transition: all 300ms linear;
font-weight: 500;
}

.footer-links>ul>li {
display: block;
margin: 0;
line-height: 1;
border: 0;
padding: 0;
font-weight: 400;
margin-bottom: 10px
}

.footer-links>ul>li a:hover {
padding-left: 10px;
-webkit-transition: all 300ms linear;
transition: all 300ms linear;
color:#000000;
}

.home-furniture .footer-links>ul>li a:hover {
padding-left: 10px;
-webkit-transition: all 300ms linear;
transition: all 300ms linear;
color: #ef1e1e
}

.home-cosmatics .footer-links>ul>li a:hover {
padding-left: 10px;
-webkit-transition: all 300ms linear;
transition: all 300ms linear;
color: #c0b07d
}

.home-electronic .footer-links>ul>li a:hover {
padding-left: 10px;
-webkit-transition: all 300ms linear;
transition: all 300ms linear;
color: #0090f0
}

.home-medical .footer-links>ul>li a:hover {
padding-left: 10px;
-webkit-transition: all 300ms linear;
transition: all 300ms linear;
color: #0bbfbd
}

.subscribe-form {
position: relative;
overflow: hidden;
margin-top: 20px
}

.subscribe-form form input {
height: 47px;
background: #fff;
border: 0;
color: #b1b1b1;
padding: 10px 120px 10px 20px;
display: inline-block;
width: 100%;
font-size: 16px;
border: 2px solid#000000;
border-radius: 30px;
outline: none
}

.clear input.button {
position: absolute;
top: 0;
right: 0;
text-transform: capitalize;
font-weight: 400;
font-size: 14px;
color: #fff;
background:#000000;
border: 0;
-webkit-box-shadow: none;
box-shadow: none;
padding: 0 10px;
line-height: 47px;
height: 47px;
border-radius: 0 30px 30px 0;
-webkit-transition: all 300ms linear;
transition: all 300ms linear;
width: 90px;
outline: none
}

.footer-area {
padding: 0;
color: #666;
position: relative;
z-index: 1;
background: #efefef;
overflow: hidden
}

.home-20 .footer-area {
color: #fff9;
background: #253237
}

.home-20 .text-info {
color: #fff9 !important
}

.home-20 .footer-area .row .col-lg-4:first-child:before {
background: #253237
}

.home-20 .phone-info span {
color: #fff
}

.home-20 .social-info li a {
color: #fff9
}

.home-20 .copy-text a {
color: #fff9
}

.home-medical.home-20 .clear input.button {
background: #0bbfbd
}

.home-20 .footer-links>ul>li a {
color: #fff9
}

.home-20 .footer-herading {
color: #fff
}

.img_app {
margin-top: 40px
}

.img_app a {
margin-right: 15px
}

.clear input.button:hover {
background:#000000;
}

.home-furniture .clear input.button:hover {
background: #ef1e1e
}

.home-medical .clear input.button:hover {
background: #0bbfbd
}

.home-cosmatics .clear input.button:hover {
background: #c0b07d
}

.home-electronic .clear input.button:hover {
background: #0090f0
}

.about-footer {
max-width: 400px;
}


.footer-bottom {
padding-bottom: 10px;
}

.copy-text a {
color: #666;
}

.copy-text a:hover {
color:#000000
}

.home-cosmatics .copy-text a:hover {
color: #c0b07d
}

.home-electronic .copy-text a:hover {
color: #0090f0
}

.home-furniture .copy-text a:hover {
color: #ef1e1e
}

.home-medical .copy-text a:hover {
color: #0bbfbd
}

.testimonial-area {
background: url(../images/testimonial-image/bg_testi.jpg) center bottom no-repeat;
background-size: cover;
padding: 60px 0 52px 0;
position: relative
}

.home-4.home-7 .testimonial-area {
background: url(../images/testimonial-image/bg_testi-2.jpg) center bottom no-repeat;
background-position: center;
background-size: cover
}

.home-4 .testimonial-area {
margin-top: 30px;
margin-bottom: 30px
}

.testi-slider-inner {
display: inline-block;
width: 100%
}

.testi-slider-inner .testi-img {
width: 120px;
float: left;
display: inline-block;
border-radius: 100%;
overflow: hidden;
-webkit-box-shadow: 0 0 22.5px 2.5px rgba(0, 0, 0, .1);
box-shadow: 0 0 22.5px 2.5px rgba(0, 0, 0, .1);
margin: 30px -20px 0 0
}

.testi-slider-inner .testi-img img {
width: 100%
}

.testi-content {
overflow: hidden;
padding: 30px 57px 30px 40px;
background: #fff;
border-radius: 5px
}

.author-text {
padding-left: 50px;
position: relative;
margin-top: 30px;
display: inline-block
}

.author-text h4 {
position: relative;
font-size: 14px;
font-weight: 700;
line-height: 1;
color: #253237;
display: block;
text-transform: capitalize;
display: inline-block
}

.author-text span {
font-weight: 400;
font-size: 14px;
line-height: 1;
text-transform: capitalize;
font-style: italic;
color: #999;
margin-bottom: 15px;
display: block;
margin-top: 5px
}

.author-text:before {
font-size: 40px;
line-height: 1;
display: inline-block;
font-family: "Ionicons";
content: "\f347";
position: absolute;
left: 0;
top: 0px;
color:#000000
}

.home-cosmatics .author-text:before {
color: #c0b07d
}

.home-electronic .author-text:before {
color: #0090f0
}

.testi-slider.owl-dot-style .owl-dots {
bottom: -35px
}

.blog-meta {
font-size: 12px;
text-transform: uppercase;
background: #253237;
color: #fff;
line-height: 28px;
border-radius: 30px;
background: #253237;
padding: 0 15px;
margin-bottom: 25px;
display: inline-block;
margin-top: 5px
}

.blog-post-heading a {
font-size: 16px;
line-height: 1;
color: #253237;
text-transform: capitalize;
position: relative;
display: block;
margin-bottom: 15px;
font-weight: 700
}

.blog-text {
font-size: 14px;
font-weight: 400;
color: #555;
line-height: 22px;
display: inline-block;
width: 100%;
padding-right: 20px;
margin-bottom: 30px
}

.read-more-btn {
color: #253237;
font-size: 14px;
text-transform: capitalize;
line-height: 1;
position: relative;
display: inline-block
}

.blog-post-content {
padding-left: 30px;
background: #f7f7f7;
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
-webkit-transition: all 300ms linear;
transition: all 300ms linear
}

.blog-post-content-cell {
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center
}

.home-furniture .blog-post-content {
position: initial;
background: #fff;
padding: 30px 0
}

.home-furniture .blog-post:hover .blog-post-content {
background: #fff
}

.home-furniture .blog-post:hover .blog-post-heading a {
color: #253237
}

.home-furniture .blog-post:hover .blog-text {
color: #555
}

.home-furniture .blog-post:hover a.read-more-btn {
color: #253237
}

.home-furniture .blog-post a.read-more-btn i {
color: #ef1e1e
}

.home-furniture .blog-post-top {
position: relative
}

.home-furniture a.blog-meta {
position: absolute;
bottom: 10px;
left: 10px;
margin: 0;
background: #fff;
color: #253237
}

.home-furniture .blog-post a.blog-meta:hover {
background: #ef1e1e;
color: #fff
}

.home-furniture .blog-post a.read-more-btn:hover i {
color: #ef1e1e
}

.home-furniture .blog-post a.read-more-btn:hover {
color: #ef1e1e
}

.home-furniture .blog-post .blog-post-heading a:hover {
color: #ef1e1e
}

a.read-more-btn i {
color:#000000;
font-size: 16px;
-webkit-transition: all 300ms linear;
transition: all 300ms linear;
-webkit-transform: translate(3px, 3px);
transform: translate(3px, 3px);
display: inline-block
}

.blog-post a.read-more-btn:hover i {
color:#000000
}

.home-cosmatics .blog-post a.read-more-btn:hover i {
color: #c0b07d
}

.home-cosmatics .blog-post a.read-more-btn i {
color: #c0b07d
}

.home-electronic .blog-post a.read-more-btn:hover i {
color: #0090f0
}

.home-electronic .blog-post a.read-more-btn i {
color: #0090f0
}

.blog-post a.read-more-btn:hover {
color:#000000;
padding-left: 10px
}

.home-cosmatics .blog-post a.read-more-btn:hover {
color: #c0b07d
}

.home-electronic .blog-post a.read-more-btn:hover {
color: #0090f0
}

.blog-post {
width: 100%;
background: #fff;
position: relative
}

.blog-post:hover .blog-post-content {
background: rgba(37, 50, 55, .8);
-webkit-transition: all 300ms linear;
transition: all 300ms linear
}

.blog-post:hover .blog-meta {
background: #fff;
color: #253237
}

.blog-post a.blog-meta:hover {
background:#000000;
color: #fff
}

.home-cosmatics .blog-post a.blog-meta:hover {
background: #c0b07d;
color: #fff
}

.home-electronic .blog-post a.blog-meta:hover {
background: #0090f0;
color: #fff
}

.blog-post:hover .blog-post-heading a {
color: #fff
}

.blog-post .blog-post-heading a:hover {
color:#000000
}

.home-cosmatics .blog-post .blog-post-heading a:hover {
color: #c0b07d
}

.home-electronic .blog-post .blog-post-heading a:hover {
color: #0090f0
}

.blog-post:hover .blog-text {
color: #fff
}

.blog-post:hover .read-more-btn {
color: #fff
}

.blog-post:hover .read-more-btn i {
color: #fff
}

.home-cosmatics .blog-post:hover .read-more-btn i {
color: #fff
}

.home-electronic .blog-post:hover .read-more-btn i {
color: #fff
}

.blog-inner-content {
position: absolute;
bottom: 0;
left: 30px;
right: 30px;
background: #fff;
padding: 30px 20px;
line-height: 1;
text-align: center
}

.blog-meta-2 {
font-size: 12px;
text-transform: uppercase;
color: #999;
line-height: 1;
margin-bottom: 15px;
display: inline-block
}

.blog-post-heading-2 {
font-size: 16px;
line-height: 1;
color: #253237;
text-transform: capitalize;
position: relative;
display: block;
margin-bottom: 0
}

.blog-post-heading-2 a {
font-weight: 700;
color: #253237
}

.blog-post-heading-2 a:hover {
color: #0bbfbd
}

.post-content {
padding: 0 30px
}

.read-more {
background: #253237;
padding: 15px;
-webkit-transition: all 300ms linear;
transition: all 300ms linear;
display: block;
text-align: center;
color: #fff
}

.read-more a {
color: #fff;
font-size: 14px;
text-transform: capitalize;
line-height: 24px;
position: relative;
display: inline-block
}

.blog-post-top-2 {
position: relative;
overflow: hidden
}

.read-more i {
-webkit-transform: translate(0px, 2px);
transform: translate(0px, 2px);
display: inline-block
}

.read-more:hover {
color: #fff;
background: #0bbfbd;
padding-left: 30px
}

.blog-post:hover .blog-post-top-2 img {
-webkit-transform: scale(1.05) rotate(0.05deg);
transform: scale(1.05) rotate(0.05deg);
-webkit-transition: all 300ms linear;
transition: all 300ms linear
}

.blog-post-top-2 img {
-webkit-transition: all 300ms linear;
transition: all 300ms linear
}

.breadcrumb-hrading {
color: #000000;
font-weight: 600;
font-size: 20px;
line-height: 1;
text-transform: capitalize;
margin-bottom: 15px;
display:none;
}

.breadcrumb-links li a:after {
font-size: 14px;
line-height: 24px;
display: block;
font-weight: 400;
top: 0;
right: -15px;
position: absolute;
content: "\f3d3";
font-family: "Ionicons"
}

.breadcrumb_container .breadcrumb ol li:after {
color: #253237;
margin: 0 10px;
vertical-align: -1px
}

.breadcrumb-links li {
display: inline-block;
color:#000000;
}

.breadcrumb-links li a {
display: inline-block;
position: relative;
color: #000000;
line-height: 20px;
margin-right: 25px
}

.breadcrumb-links li a:hover {
color:#000000;
}

.breadcrumb-area {
text-align: center;
position: relative;
padding: 20px 0;
display: flex;
align-items: center;
z-index: 1;
background-color: #eee;
}


.sidebar-widget .sidebar-widget-list ul li .sidebar-widget-list-left {
position: relative
}

.sidebar-widget .sidebar-widget-list ul li .sidebar-widget-list-left input {
position: absolute;
opacity: 0;
cursor: pointer;
z-index: 999;
width: auto;
top: 6px;
left: 1px
}

.sidebar-widget .sidebar-widget-list ul li {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
padding: 0px 0 15px
}

.sidebar-widget h4.pro-sidebar-title {
display: block;
clear: both;
color: #253237;
font-size: 16px;
font-weight: 600;
padding: 0;
border: none;
margin-bottom: 15px;
line-height: 24px;
text-transform: capitalize !important
}

.main-heading h2 {
font-size: 20px;
line-height: 1;
color: #253237;
padding-bottom: 20px;
margin-bottom: 40px;
font-weight: 600;
position: relative;
display: block;
border-bottom: 1px solid #ebebeb;
text-transform: capitalize !important
}

.main-heading h2:before {
content: "";
position: absolute;
left: 0;
bottom: -1px;
width: 60px;
height: 2px;
background:#000000
}

.sidebar-widget .sidebar-widget-list ul li a {
margin-left: 25px;
display: block;
color: #555;
font-size: 14px;
margin-top: 0;
line-height: 22px
}

.sidebar-widget .sidebar-widget-list ul li .sidebar-widget-list-left .checkmark {
position: absolute;
top: 5px;
left: 0;
height: 15px;
width: 15px;
background-color: #fff;
border: 1px solid #dfdfdf;
border-radius: 3px;
-webkit-transition: all 300ms linear;
transition: all 300ms linear
}

.sidebar-widget .sidebar-widget-list ul li:hover a {
color:#000000
}

.sidebar-widget .sidebar-widget-list ul li:hover .checkmark {
border: 1px solid#000000
}

.sidebar-widget .sidebar-widget-list ul li .sidebar-widget-list-left .checkmark:after {
left: 4px;
top: 1px;
width: 5px;
height: 8px;
border: solid#000000;
border-top-width: medium;
border-right-width: medium;
border-bottom-width: medium;
border-left-width: medium;
border-width: 0 1px 1px 0;
-webkit-transform: rotate(45deg);
transform: rotate(45deg)
}

.sidebar-widget .sidebar-widget-list ul li .sidebar-widget-list-left .checkmark:after {
content: "";
position: absolute;
display: none
}

.sidebar-widget .sidebar-widget-list ul li .sidebar-widget-list-left input:checked~.checkmark:after {
display: block
}

.price-filter .price-slider-amount input {
background: transparent;
padding: 0;
border: none;
color: #555;
font-size: 14px;
outline: 0
}

.price-filter .ui-widget-header {
border: 0px solid #dddddd;
background:#000000;
color: #333333;
font-weight: bold
}

.price-filter .ui-widget.ui-widget-content {
border: 1px solid#000000;
border-radius: 0
}

.price-filter .ui-slider-horizontal {
height: 5px;
border: none;
margin-top: 15px;
margin-bottom: 10px;
margin-right: 15px
}

.price-filter .ui-slider .ui-slider-handle {
top: -7px;
width: 15px;
height: 15px;
border: none;
background: #fff;
border-radius: 100%;
-webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, .2);
box-shadow: 0 0 3px 0 rgba(0, 0, 0, .2);
outline: 0;
cursor: pointer
}

.price-slider-amount {
margin-top: -7px
}

.sidebar-widget .sidebar-widget-list ul li a span {
margin-left: 5px
}

.sidebar-widget .sidebar-widget-list ul li .sidebar-widget-list-left .checkmark.grey {
background: #AAB2BD;
-webkit-box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, .2);
box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, .2)
}

.sidebar-widget .sidebar-widget-list ul li .sidebar-widget-list-left .checkmark.white {
background: #ffffff;
-webkit-box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, .2);
box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, .2)
}

.sidebar-widget .sidebar-widget-list ul li .sidebar-widget-list-left .checkmark.black {
background: #434A54;
-webkit-box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, .2);
box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, .2)
}

.sidebar-widget .sidebar-widget-list ul li .sidebar-widget-list-left .checkmark.camel {
background: #C19A6B;
-webkit-box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, .2);
box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, .2)
}

.sidebar-widget.no-cba .sidebar-widget-list ul li .sidebar-widget-list-left .checkmark {
border: 0
}

.sidebar-widget.no-cba .sidebar-widget-list ul li .sidebar-widget-list-left input:checked~.checkmark:after {
display: none
}

.sidebar-widget-tag li:first-child a {
margin-left: 0
}

.sidebar-widget-tag li a {
display: block;
float: left;
padding: 10px 25px;
font-size: 14px;
line-height: 20px;
color: #555;
font-weight: 400;
border: 1px solid #ebebeb;
border-radius: 30px;
background: #fff;
margin: 4px;
text-transform: capitalize
}

.sidebar-widget-tag li {
line-height: 1;
float: left;
list-style: none
}

.sidebar-widget-tag li a:hover {
background-color:#000000;
border-color:#000000;
color: #fff
}

.sidebar-widget.tag .main-heading h2 {
margin-bottom: 20px
}

.search-widget {
position: relative
}

.search-widget input {
width: 100%;
height: 45px;
border: 2px solid#B87333;
border-radius: 30px;
padding: 0 0 0 20px;
outline: none
}

.search-widget button {
position: absolute;
top: 0;
left: auto;
right: 0;
border: 0;
background:#000000;
height: 45px;
width: 20%;
border-radius: 0px 30px 30px 0px;
font-size: 20px;
color: #fff;
outline: none
}

.category-post li {
margin-bottom: 5px
}

.category-post li:last-child {
margin: 0
}

.category-post li a {
color: #555
}

.category-post li a:hover {
color:#000000
}

.thumb-side img {
width: 90px;
height: 90px;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center
}

.media-side a {
font-size: 14px;
color: #253237;
font-weight: 600
}

.media-side a:hover {
color:#000000
}

.media-side {
margin: 0px 0px 0px 18px;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}

.recent-single-post {
margin: 0 0 30px
}

.thumb-side.m-0px {
margin: 0
}

.select-shoing-wrap {
-webkit-box-flex: 0;
-ms-flex: 0 0 40%;
flex: 0 0 40%;
max-width: 40%;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex
}

.shop-tab.nav {
-webkit-box-flex: 0;
-ms-flex: 0 0 60%;
flex: 0 0 60%;
max-width: 60%
}

.shop-top-bar {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}

.shop-top-bar .nice-select {
width: 100%;
border: 1px solid #ebebeb;
padding: 2px 15px;
line-height: 24px;
font-size: 14px;
margin: 0;
border-radius: 30px;
color: #253237;
text-align: left;
-webkit-box-shadow: none;
box-shadow: none;
height: 28px
}

.shop-top-bar .nice-select .list {
width: 100%
}

.shop-bottom-area img {
max-width: 100%
}

.shop-top-bar {
padding: 10px 30px;
background: #f6f6f6;
margin-bottom: 30px
}

.shop-tab a {
float: left;
line-height: 30px;
height: 30px;
margin-right: 15px;
cursor: pointer;
color: #c1c1c1;
background: transparent;
-webkit-transition: all 300ms linear;
transition: all 300ms linear
}

.shop-tab a i {
font-size: 18px;
line-height: 30px;
-webkit-transition: .3s;
transition: .3s
}

.shop-tab p {
line-height: 20px;
font-size: 14px;
padding: 5px;
margin: 0;
float: left;
color: #888;
font-weight: 400;
text-transform: capitalize
}

.shot-product {
-webkit-box-flex: 0;
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%
}

.shop-select {
-webkit-box-flex: 0;
-ms-flex: 0 0 80%;
flex: 0 0 80%;
max-width: 80%
}

.shot-product p {
line-height: 20px;
font-size: 14px;
padding: 5px;
margin: 0;
float: left;
color: #888;
font-weight: 400;
text-transform: capitalize
}

.shop-tab a i:hover {
color:#000000
}

.shop-tab a.active i {
color:#000000
}

.left-img {
position: relative;
overflow: hidden
}

.shop-bottom-area .left-img img {
width: 100%
}

.product-desc-wrap .product-link {
font-size: 16px;
font-weight: 700;
line-height: 30px
}

.product-desc-wrap .old-price {
font-size: 17px
}

.product-desc-wrap .pricing-meta {
margin-bottom: 30px
}

.product-intro-info p {
color: #888;
font-size: 14px;
line-height: 24px
}

.product-desc-wrap .in-stock {
margin: 30px 0
}

.list-product .product-desc-wrap .add-to-link {
opacity: 1;
visibility: visible;
-webkit-transform: translateY(0) translateZ(0);
transform: translateY(0) translateZ(0);
left: 30px;
width: 25%
}

.product-desc-wrap {
padding: 10px 0px 30px 0px
}

.shop-category-area {
margin-top: 60px
}

#shop-2 {
margin-bottom: 60px
}

.pro-pagination-style {
background: #fff;
font-size: 14px;
font-weight: 400;
color: #253237;
margin-top: 30px;
margin-bottom: 60px
}

.pro-pagination-style ul {
-webkit-box-shadow: none;
box-shadow: none;
padding: 0;
text-align: center !important
}

.pro-pagination-style ul li {
display: inline-block
}

.pro-pagination-style .active {
font-size: 14px;
color: #fff;
background:#000000
}

.pro-pagination-style a:hover {
font-size: 14px;
color: #fff;
background:#000000
}

.pro-pagination-style a {
font-weight: 400;
color: #253237;
padding: 0;
height: 36px;
line-height: 36px;
background: #f6f6f6;
font-size: 14px;
display: inline-block;
width: 36px;
border-radius: 100%;
text-align: center;
vertical-align: top
}

.mini-cart-warp {
position: relative
}

.mini-cart-content {
margin: 0;
width: 350px;
top: 50px;
left: auto;
right: 0;
position: absolute;
opacity: 0;
visibility: hidden;
z-index: 1001;
text-align: left;
padding-top: 5px;
background: #fff;
-webkit-box-shadow: 0 0 3.76px 0.24px rgba(0, 0, 0, .15);
box-shadow: 0 0 3.76px 0.24px rgba(0, 0, 0, .15);
padding: 0px 30px 30px 30px;
-webkit-transform: rotateX(90deg);
transform: rotateX(90deg);
-webkit-transform-origin: center top 0;
transform-origin: center top 0;
-webkit-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s
}

.mini-cart-content.cart-visible {
opacity: 1;
visibility: visible;
-webkit-transform: rotateX(0deg);
transform: rotateX(0deg)
}

.shopping-cart-img {
float: left;
margin: 0 10px 0 0;
position: relative;
width: 85px
}

.shopping-cart-img a img {
width: 100%;
border: 1px solid#ebebeb
}

.product-quantity {
position: absolute;
top: 5px;
left: 5px;
min-width: 20px;
line-height: 20px;
border-radius: 100%;
padding: 0;
text-align: center;
color: #fff;
font-size: 12px;
display: inline-block;
background-color:#000000
}

.home-cosmatics .product-quantity {
background-color: #c0b07d
}

.home-electronic .product-quantity {
background-color: #0090f0
}

.home-furniture .product-quantity {
background-color: #ef1e1e
}

.home-medical .product-quantity {
background-color: #0bbfbd
}

.home-medical .default-btn:hover {
color: #fff;
background-color: #0bbfbd
}

.home-electronic .default-btn:hover {
color: #fff;
background-color: #0090f0
}

.home-cosmatics .default-btn:hover {
color: #fff;
background-color: #c0b07d
}

.shopping-cart-title {
overflow: hidden;
position: relative;
padding: 0 20px 0 0
}

.shopping-cart-title h4 a {
display: block;
text-transform: capitalize;
font-size: 14px;
line-height: 20px;
color: #253237;
font-weight: 700;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis
}

.shopping-cart-total {
margin: 25px 0
}

.shopping-cart-title>span {
display: block;
margin: 5px 0 0;
font-size: 14px;
font-weight: 400;
color: #555
}

.shopping-cart-delete a {
display: block;
position: absolute;
top: 0;
right: 0;
color: #888;
font-size: 18px
}

.single-shopping-cart {
padding: 30px 0;
border-bottom: 1px solid #ebebeb;
overflow: hidden
}

.shopping-cart-total h4 {
font-weight: 400;
color: #212529;
font-size: 18px;
text-transform: capitalize;
line-height: 25px;
}

.shopping-cart-total h4>span {
float: right;
font-weight: 600;
color: #212529;
font-size: 15px;
text-transform: capitalize;
}

.shopping-cart-total h4.shop-total {
color: #253237;
font-weight: 700
}

.shopping-cart-total h4.shop-total span {
color: #253237;
font-weight: 700
}

.default-btn {
display: block;
text-transform: uppercase;
font-weight: 400;
font-size: 14px;
border: none;
color: #272727;
-webkit-box-shadow: none;
box-shadow: none;
padding: 10px 15px;
line-height: 28px;
border: none;
background: #ebebeb;
border-radius: 30px
}

.default-btn:hover {
background:#000000;
color: #fff
}

.home-furniture .default-btn:hover {
background: #ef1e1e
}

.category-tab-area .nav-tabs {
border-bottom: 0px solid #dee2e6
}

.category-tab-area .nav-link {
margin: 0;
text-transform: capitalize;
display: inline-block;
vertical-align: top;
font-size: 24px;
font-weight: 600;
line-height: 1;
color: #999;
margin-right: 35px;
-webkit-transition: all 300ms linear;
transition: all 300ms linear;
border: 0;
border-radius: 0;
padding: 0
}

.home-15 .category-tab-area .nav-link {
font-size: 14px;
color: #253237;
margin: 0px 20px;
text-transform: uppercase
}

.home-15 .category-tab-area .nav-link:hover {
color: #ef1e1e
}

.home-15 .category-tab-area .nav-link.active {
color: #ef1e1e
}

.category-tab-area .nav-link.active {
color: #253237
}

.category-tab-area .nav-link:hover {
color: #253237
}

.category-tab-area .home-12 .nav-link {
display: inline-block;
vertical-align: top;
line-height: 1;
font-size: 14px;
text-transform: capitalize;
font-weight: 400;
padding: 0 20px;
cursor: pointer;
color: #888;
margin: 0
}

.category-tab-area .home-12 .nav-link img {
display: block;
margin: auto;
margin-bottom: 5px
}

.nav.nav-tabs.home-12 {
position: absolute;
top: 0;
left: 50%
}



.market-area-heading h1 {
padding: 10px;
margin: 0 0 10px;
background-color: #ee3232;
border-radius:5px;
font-size: 20px;
color: #fff;
font-weight: 600;
text-transform: uppercase;
}

.market-area h4 {
color: #000;
margin-bottom: 10px;
}
.market-area h4 a {
margin: 0 0 5px;
font-size:18px;
color: #ef682f;
line-height: 1.1;
font-weight:600;
text-transform: uppercase;
}

.market-area ul {
overflow: hidden;
}

.market-area ul li {
float: left;
width: 25%;
margin-right: 0%;
margin-bottom: 10px;
list-style: none;
}

.market-area ul li a{
padding: 6px 10px;
font-size: 12px;
font-weight:600;
border: 1px solid #423f3f;
color: #423f3f;
width: 98%;
display: inline-block;
margin-right: 10px;
}

.market-area ul li a:hover {
color:#fff;
text-decoration:none;
border: 1px solid #000;
background-color:#000;
}

.market-place h3 {

background: #ff8c00;
color: #FFFFFF;
padding: 10px;
text-transform: uppercase;
font-size: 18px;
border-radius: 5px;
font-weight: 600;
text-align: center;

}


.category-tab-area .home-12 .nav-link.active {
color: #0090f0;
font-weight: 700
}

.category-tab-area .home-12 .nav-link:hover {
color: #0090f0
}

.category-tab-area {
position: relative
}

.category-tab-area.mt-100px.mb-70px {
margin-top: 100px;
margin-bottom: 70px
}

.sub-category {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}

.sub-category li a.nav-link {
display: inline-block;
vertical-align: top;
line-height: 1;
color: #888;
font-size: 14px;
line-height: 18px;
font-weight: 400;
position: relative;
margin-right: 30px;
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out
}

.sub-category li a.nav-link:hover {
color: #0090F0
}

.sub-category li a.nav-link.active {
color: #0090F0
}

.product-dec-slider-2 {
display: inline-block;
float: left;
margin: 0 40px
}

.zoompro-wrap.zoompro-2 {
display: inline-block;
position: relative;
width: 100%;
float: left;
overflow: hidden
}

.product-dec-slider-2 .slick-slide img {
display: inline-block;
width: 100%;
-webkit-transition: all 300ms linear;
transition: all 300ms linear
}

.product-dec-slider-2 .slick-slide {
margin: auto;
text-align: center;
-webkit-transition: all 300ms linear;
transition: all 300ms linear
}

.zoompro-wrap .zoompro-span img {
width: 100%
}

.product-dec-slider-2 .slick-slide.slick-active:focus {
outline: none
}

.product-dec-slider-2 .slick-slide.slick-active.active img {
border: 1px solid#B87333;
-webkit-transition: all 300ms linear;
transition: all 300ms linear
}

.product-dec-slider-2 .slick-slide:hover img {
border-color:#000000
}

.product-dec-slider-2 .slick-slide img {
width: 100px;
height: 100px;
margin: 0px 10px 0px;
-webkit-transition: all 300ms linear;
transition: all 300ms linear;
border: 1px solid#fff
}

.product-details-img.product-details-tab {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}

.product-details-content h2 {
font-size: 18px;
color: #253237;
font-weight: 600;
margin: 0 0 10px;
line-height: 36px;
}

.reference {
font-size: 14px;
color: #253237;
font-weight: 700
}

.reference span {
font-weight: 400
}

.pro-details-rating-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 10px 0 0
}

.pro-details-rating-wrap .rating-product {
margin-right: 20px
}

.read-review a.reviews:before {
content: "\f4ad"
}

.read-review a.reviews:before {
display: inline-block;
font-family: "Font Awesome 5 Free";
font-size: 15px;
font-weight: 400;
line-height: 1;
margin-right: 6px
}

.read-review a.reviews {
margin-right: 9px
}

.read-review a {
text-decoration: none;
color: #253237;
position: relative;
margin-right: 8px;
line-height: 21px;
padding: 0;
font-size: 14px;
margin-bottom: 10px;
display: inline-block
}

.read-review a:hover {
color:#000000
}

.product-details-content .old-price {
font-size: 22px;
margin: 10px 0;
}

.pro-details-list {
padding-bottom: 30px;
margin-bottom: 30px;
border-bottom: 1px solid#ebebeb
}

.pro-details-color-wrap {
font-size: 14px;
font-weight: 700;
color: #253237
}

.pro-details-color-content li {
width: 1.25rem;
height: 1.25rem;
display: inline-block;
margin-right: 15px;
-webkit-box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, .2);
box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, .2);
border: 1px solid rgba(0, 0, 0, .05);
cursor: pointer;
background-size: contain;
background: #fff
}

.pro-details-color-content li.active {
background-color: #434A54
}

.pro-details-color-wrap span {
display: block;
margin: 0 0 10px
}

.pro-details-color-content li:hover {
border: 2px solid#434A54
}

.product-details-content .pro-details-quality .cart-plus-minus input.cart-plus-minus-box {
background: transparent none repeat scroll 0 0;
border: medium none;
color: #8f8f8f;
float: left;
font-size: 14px;
height: 48px;
margin: 0;
padding: 0;
text-align: center;
width: 80px;
outline: none
}

.product-details-content .pro-details-quality .cart-plus-minus .dec.qtybutton {
height: 48px;
left: 0;
padding-top: 14px;
top: 0
}

.product-details-content .pro-details-quality .cart-plus-minus .inc.qtybutton {
height: 48px;
padding-top: 14px;
right: 0;
top: 0
}

.product-details-content .pro-details-quality .cart-plus-minus .qtybutton {
color: #8f8f8f;
cursor: pointer;
float: inherit;
font-size: 14px;
font-weight: 500;
line-height: 20px;
margin: 0;
position: absolute;
text-align: center;
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
width: 24px
}

.product-details-content .pro-details-quality .cart-plus-minus {
border: 1px solid #e8e8e8;
display: inline-block;
height: 48px;
overflow: hidden;
padding: 0;
position: relative;
width: 80px
}

.pro-details-cart a {
position: relative;
padding: 0 55px;
line-height: 48px;
height: 48px;
font-size: 16px;
font-weight: 700;
border: none;
border-radius: 30px;
-webkit-box-shadow: none;
box-shadow: none;
text-transform: uppercase;
background:#000000;
display: block;
color: #fff;
margin-left: 10px
}

.home-cosmatics .pro-details-cart a {
background: #c0b07d
}

.home-electronic .pro-details-cart a {
background: #0090f0
}

.home-furniture .pro-details-cart a {
background: #ef1e1e
}

.home-medical .pro-details-cart a {
background: #0bbfbd
}

.home-cosmatics .pro-details-social-info .social-info li a:hover {
color: #c0b07d
}

.home-electronic .pro-details-social-info .social-info li a:hover {
color: #0090f0
}

.home-furniture .pro-details-social-info .social-info li a:hover {
color: #ef1e1e
}

.home-medical .pro-details-social-info .social-info li a:hover {
color: #0bbfbd
}

.pro-details-quality {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
margin: 30px 0;
width: 100%
}

.product-size {
margin-left: 20px
}

.product-size span {
display: block;
color: #253237;
font-size: 14px;
font-weight: 700;
margin-bottom: 7px
}

.product-size .nice-select {
-webkit-tap-highlight-color: transparent;
background-color: #fff;
border: solid 1px #e8e8e8;
height: 30px;
line-height: 30px;
padding-right: 30px;
width: 60px;
border-radius: 0
}

.product-size .nice-select .list {
width: 100%;
border-radius: 0px
}

.pro-details-quality.mt-0px {
margin-top: 10px;
}

.product-details-table .table tbody tr td {
padding: 10px 15px;
width: 33.33%;
text-align: center;
border: 1px solid #ebebeb;
vertical-align: middle
}

.product-details-table .table tbody tr td a {
color: #888
}

.product-details-table.table-responsive.pro-details-quality {
display: block;
margin: 0
}

.pro-details-cart a:hover {
background: #253237;
color: #fff
}

.pro-details-wish-com {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}

.pro-details-wish-com a {
line-height: 30px;
padding: 0;
border: none;
color: #555;
font-size: 14px;
margin-right: 15px
}

.pro-details-wish-com a i {
margin-right: 10px
}

.pro-details-wish-com a:hover {
color:#000000
}

.pro-details-social-info .social-info li a:hover {
color:#000000
}

.pro-details-social-info .social-info li a {
display: inline-block;
line-height: 30px;
height: 30px;
text-align: center;
color: #b4b4b4;
margin-right: 0px;
white-space: normal;
text-indent: 0;
overflow: hidden;
padding: 0;
font-size: 20px;
width: 30px
}

.pro-details-social-info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
border-bottom: 1px solid#ebebeb;
margin-top: 10px;
padding-bottom: 12px
}

.pro-details-social-info span {
display: inline-block;
float: left;
margin-right: 10px;
line-height: 30px;
font-weight: 700;
color: #253237;
font-size: 14px
}

.pro-details-social-info .social-info {
margin-top: 2px
}

.pro-details-policy {
margin: 25px 0 0
}

.pro-details-policy img {
margin-right: 15px
}

.pro-details-policy li {
margin-bottom: 20px
}

.pro-details-policy li:last-child {
margin-bottom: 0px
}

.description-review-bottom {
overflow: hidden;
font-size: 15px;
background: #fff;
line-height: 24px;
text-align: left;
padding: 40px 30px 30px 30px;
border: 1px solid #ebebeb
}

.description-review-topbar.nav {
border-bottom: none;
position: relative;
display: block;
margin-bottom: 0;
margin: auto;
text-align: center;
margin-top: -6px
}

.description-review-topbar.nav a {
background: transparent;
border: 0;
text-transform: uppercase;
line-height: 24px;
color: #888;
padding: 0 0 15px 0;
margin: 0 30px;
font-size: 16px;
font-weight: 500;
position: relative;
-webkit-transition: all 300ms linear;
transition: all 300ms linear;
display: inline-block
}

.description-review-topbar.nav a:after {
content: "";
height: 2px;
position: absolute;
left: 0;
right: 0;
bottom: -1px;
background: transparent;
-webkit-transition: all 300ms linear;
transition: all 300ms linear
}

.description-review-topbar.nav a.active:after {
background:#000000;
color: #253237
}

.description-review-topbar.nav a.active {
color: #253237
}

.description-review-topbar.nav a:hover {
color: #253237
}

.description-review-bottom .product-anotherinfo-wrapper ul li {
color: #888;
font-size: 14px;
list-style: outside none none;
margin: 0 0 13px
}

.description-review-bottom .product-anotherinfo-wrapper ul li span {
color: #253237;
display: inline-block;
font-weight: 500;
margin: 0 26px 0 0;
min-width: 85px
}

.description-review-bottom .product-description-wrapper p {
margin: 0 0 8px;
font-size: 15px;
line-height: 28px;
color: #888;
width: 84%
}

.description-review-bottom .product-description-wrapper p:last-child {
margin: 0 0 0px
}

.single-review {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 0 0 50px
}

.single-review .review-img {
-webkit-box-flex: 0;
-ms-flex: 0 0 90px;
flex: 0 0 90px;
margin: 0 15px 0 0
}

.single-review .review-top-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin: 0 0 10px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}

.single-review .review-top-wrap .review-left {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}

.single-review .review-top-wrap .review-left .review-name {
margin-right: 25px
}

.single-review .review-top-wrap .review-left .review-name h4 {
font-size: 16px;
margin: 0;
line-height: 1;
font-weight: 500
}

.single-review .review-top-wrap .review-left .rating-product {
line-height: 1
}

.single-review .review-bottom p {
margin: 0;
width: 93%
}

.single-review.child-review {
margin-left: 70px;
margin-bottom: 0
}

.ratting-form-wrapper {
padding-left: 50px
}

.ratting-form-wrapper h3 {
margin: 0;
font-size: 16px;
font-weight: 500;
line-height: 1
}

.ratting-form-wrapper .ratting-form form .star-box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 6px 0 20px
}

.ratting-form-wrapper .ratting-form form .star-box span {
margin: 0 15px 0 0
}

.ratting-form-wrapper .ratting-form form .star-box .ratting-star {
font-size: 12px;
color: #fdd835;
margin: 2px 0 0
}

.ratting-form-wrapper .ratting-form form .rating-form-style input,
.ratting-form-wrapper .ratting-form form .rating-form-style textarea {
padding: 2px 10px 2px 20px;
background: transparent;
border: 1px solid #e6e6e6;
color: #333
}

.rating-form-style {
margin-bottom: 10px
}

.rating-form-style input {
height: 45px;
-webkit-box-shadow: none;
box-shadow: none;
padding-left: 10px;
font-size: 14px;
color: #253237;
width: 100%;
margin-bottom: 15px;
outline: none
}

.ratting-form-wrapper .ratting-form form .rating-form-style textarea {
height: 180px;
padding: 20px 10px 2px 20px;
margin-bottom: 20px;
width: 100%;
outline: none
}

.review-left a {
color: #253237
}

.review-left a:hover {
color:#000000
}

.rating-form-style input[type=submit] {
padding: 0 55px !important;
line-height: 48px;
height: 48px;
font-size: 16px;
font-weight: 700;
border: none;
border-radius: 30px;
-webkit-box-shadow: none;
box-shadow: none;
text-transform: uppercase;
background:#000000 !important;
display: block;
color: #fff !important;
width: 200px;
-webkit-transition: all 300ms linear;
transition: all 300ms linear
}

.rating-form-style input[type=submit]:hover {
background: #253237 !important;
color: #fff !important
}

.product-details-tab-2 #gallery {
-webkit-box-flex: 0;
-ms-flex: 0 0 20%;
flex: 0 0 20%;
width: 20%
}

.product-details-tab-2 .zoompro-wrap.zoompro-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 80%;
flex: 0 0 80%;
width: 80%
}

.product-details-tab-2 .slick-slide img {
width: 100px;
margin: auto;
text-align: center
}

.product-details-img.product-details-tab.product-details-tab-2 {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row
}

.product-details-img.product-details-tab.product-details-tab-2.product-details-tab-3 {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse
}

.product-details-img.product-details-tab.product-details-tab-2 .slick-vertical .slick-slide {
margin: 10px 0
}

.product-details-img.product-details-tab.product-details-tab-2 .slick-vertical .slick-slide:focus {
border: 1px solid#B87333;
outline: 0
}

.single-product-slider-item {
width: 50%
}

.single-product-gallery-list .single-product-slider-item {
width: 100%
}

.single-product-slider-active .single-product-slider-item {
width: 100%
}

.product-details-content.sticky {
position: sticky;
top: 85px;
left: 0;
width: 100%
}

.single-product-slider-item img {
width: 100%
}

.cart-table-content table {
border: 1px solid #ebebeb
}

.cart-table-content table thead>tr {
background-color: #f9f9f9;
border: 1px solid #ebebeb
}

.cart-table-content table thead>tr th {
border-top: medium none;
color: #253237;
font-size: 14px;
font-weight: 700;
padding: 21px 45px 22px;
text-align: center;
text-transform: uppercase;
vertical-align: middle;
white-space: nowrap
}

.cart-table-content table tbody>tr {
border-bottom: 1px solid #ebebeb
}

.cart-table-content table tbody>tr td.product-thumbnail {
width: 150px
}

.cart-table-content table tbody>tr td {
color: #666;
font-size: 15px;
padding: 15px ;
text-align: center;
}

.cart-table-content table tbody>tr td.product-name {
width: 435px
}

.cart-table-content table tbody>tr td.product-name a {
color: #666;
font-size: 15px;
font-weight: 500
}

.cart-table-content table tbody>tr td.product-price-cart {
width: 435px
}

.cart-table-content table tbody>tr td.product-price-cart span {
font-weight: 500;
color: #666;
}

.cart-table-content table tbody>tr td.product-quantity {
position: initial;
background: initial;
width: 435px;
display: table-cell
}

.cart-table-content table tbody>tr td.product-quantity .cart-plus-minus {
display: inline-block;
height: 40px;
padding: 0;
position: relative;
width: 110px;
}

.cart-table-content table tbody>tr td.product-quantity .cart-plus-minus .dec.qtybutton {
border-right: 1px solid #e5e5e5;
height: 40px;
left: 0;
padding-top: 8px;
top: 0;
}

.cart-table-content table tbody>tr td.product-quantity .cart-plus-minus .qtybutton {
color: #666;
cursor: pointer;
float: inherit;
font-size: 16px;
margin: 0;
position: absolute;
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
width: 20px;
text-align: center
}

.cart-table-content table tbody>tr td.product-quantity .cart-plus-minus input.cart-plus-minus-box {
color: #666;
float: left;
font-size: 14px;
height: 40px;
margin: 0;
width: 110px;
background: transparent none repeat scroll 0 0;
border: 1px solid #e1e1e1;
padding: 0;
text-align: center
}

.cart-table-content table tbody>tr td.product-quantity .cart-plus-minus .inc.qtybutton {
border-left: 1px solid #e5e5e5;
height: 40px;
padding-top: 9px;
right: 0;
top: 0
}

.cart-table-content table tbody>tr td.product-subtotal {
font-weight: 500;
color: #666
}

.cart-table-content table tbody>tr td.product-wishlist-cart>a {
background-color: #000000;
border-radius: 50px;
color: #fff;
font-size: 12px;
font-weight: 400;
line-height: 1;
padding: 10px 14px;
text-transform: capitalize;
letter-spacing: 0.5px;
}

.cart-table-content table tbody>tr td.product-wishlist-cart>a:hover {
background-color: #253237
}

h3.cart-page-title {
color: #253237;
text-align: left;
font-size: 24px;
line-height: 16px;
font-style: normal;
text-transform: none;
margin: 0 0 30px;
font-weight: 600
}

.cart-table-content table tbody>tr td.product-remove {
width: 100px
}

.cart-table-content table tbody>tr td.product-remove a {
color: #666;
font-size: 17px;
margin: 0 13px
}

.cart-table-content table tbody>tr td.product-remove a:hover {
color:#000000
}

.cart-shiping-update-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 20px 0px 20px;
}

.cart-shiping-update-wrapper .cart-clear>a,
.cart-shiping-update-wrapper .cart-clear>button,
.cart-shiping-update-wrapper .cart-shiping-update>a {
background-color: #f2f2f2;
border-radius: 50px;
color: #253237;
display: inline-block;
font-size: 14px;
font-weight: 600;
line-height: 1;
padding: 18px 63px 17px;
text-transform: uppercase
}

.cart-shiping-update-wrapper .cart-clear>button {
border: medium none;
cursor: pointer;
margin-right: 27px;
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s
}

.cart-shiping-update-wrapper .cart-clear>a:hover,
.cart-shiping-update-wrapper .cart-clear>button:hover,
.cart-shiping-update-wrapper .cart-shiping-update>a:hover {
background-color:#000000;
color: #fff
}

.cart-tax,
.discount-code-wrapper,
.grand-totall {
background-color: #f9f9f9;
border: 1px solid #ebebeb;
border-radius: 5px;
padding: 25px;
}

.cart-tax .title-wrap,
.discount-code-wrapper .title-wrap,
.grand-totall .title-wrap {
position: relative
}

.cart-tax .title-wrap h4.cart-bottom-title,
.discount-code-wrapper .title-wrap h4.cart-bottom-title,
.grand-totall .title-wrap h4.cart-bottom-title {
display: inline-block;
font-size: 18px;
font-weight: 700;
margin: 0;
padding-right: 18px;
background-color: #f8f9f9;
position: relative;
z-index: 99;
color: #253237
}

.cart-tax .title-wrap:before,
.discount-code-wrapper .title-wrap:before,
.grand-totall .title-wrap:before {
background-color: #e3e1e1;
content: "";
height: 1px;
left: 0;
position: absolute;
top: 10px;
-webkit-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
width: 100%;
z-index: 1
}

.cart-tax .tax-wrapper,
.discount-code-wrapper .tax-wrapper,
.grand-totall .tax-wrapper {
margin-top: 22px
}

.tax-wrapper p {
margin: 0
}

.tax-select-wrapper {
margin: 5px 0 0
}

.tax-select {
margin: 0 0 60px
}

.tax-select.mb-25px {
margin: 0 0 25px
}

.tax-select label {
color: #253237;
font-size: 14px;
margin: 0 0 5px
}

.cart-btn-2 {
background-color:#000000;
border: medium none;
border-radius: 50px;
color: #fff;
cursor: pointer;
font-size: 14px;
font-weight: 700;
padding: 13px 42px 12px;
text-transform: uppercase;
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s
}

.grand-totall a {
background-color:#000000;
border-radius: 50px;
color: #fff;
display: inline-block;
font-size: 14px;
font-weight: 400;
line-height: 1;
padding: 15px 10px 15px;
text-align: center;
text-transform: uppercase;
text-transform: uppercase;
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s
}

.cart-btn-2:hover {
color: #fff;
background: #253237
}

.grand-totall a:hover {
color: #fff;
background: #253237
}

.cart-tax .discount-code,
.discount-code-wrapper .discount-code {
margin: 10px 0 0;
}

.grand-totall h5 {
font-size: 14px;
margin: 10px 0;
}

.grand-totall h5 span {
float: right;
font-size: 18px;
font-weight: 500;
}

.grand-totall .total-shipping {
border-bottom: 1px solid #ebebeb;
border-top: 1px solid #ebebeb;
margin: 0 0 10px;
padding: 10px 0;
}

.grand-totall .total-shipping h5 {
font-size: 14px;
margin: 0;
}

.grand-totall .total-shipping ul {
padding: 19px 0 0 0px;
}

.grand-totall .total-shipping ul li {
color: #242424;
list-style: outside none none;
margin: 0 0 6px;
}

.grand-totall .total-shipping ul li input {
background: #e9e9e9 none repeat scroll 0 0;
border: 1px solid #d7d7d7;
border-radius: 5px !important;
color: #626262;
cursor: pointer;
height: 13px;
margin-right: 10px;
padding: 0;
position: relative;
top: 2px;
width: 13px;
}

.grand-totall .total-shipping ul li span {
float: right;
}

.grand-totall h4.grand-totall-title {
color:#000000;
font-size: 17px;
font-weight: 500;
margin: 0 0 10px;
}

.grand-totall h4.grand-totall-title span {
float: right
}

.tax-select-wrapper .nice-select {
width: 100%
}

.tax-select-wrapper .nice-select .list {
width: 100%
}

.tax-select-wrapper .nice-select.open,
.tax-select-wrapper .nice-select:active,
.tax-select-wrapper .nice-select:focus {
border-color: #ebebeb
}

.cart-tax .discount-code form input,
.discount-code-wrapper .discount-code form input {
background: #fff;
border: 1px solid #ebebeb;
height: 45px;
margin-bottom: 30px;
padding-left: 10px;
outline: none;
width: 100%
}

.tax-select input {
width: 100%;
height: 40px;
background: #fff;
border: 1px solid#ebebeb;
outline: none
}

.discount-code p {
margin: 0 0 15px
}

.billing-info-wrap .billing-info input,
.billing-info-wrap .billing-select input {
background: transparent none repeat scroll 0 0;
border: 1px solid #e6e6e6;
color: #666;
font-size: 14px;
padding-left: 20px;
padding-right: 10px;
width: 100%;
outline: none;
height: 45px
}

.billing-info-wrap .nice-select {
width: 100%;
margin-bottom: 20px
}

.billing-info-wrap .nice-select .list {
width: 100%
}

.billing-info-wrap .nice-select.open,
.billing-info-wrap .nice-select:active,
.billing-info-wrap .nice-select:focus {
border-color: #ebebeb
}

.billing-info-wrap .billing-info input.billing-address,
.billing-info-wrap .billing-select input.billing-address {
margin-bottom: 10px
}

.billing-info-wrap .checkout-account label {
color: #666;
font-weight: 400;
margin: 0 0 0 12px
}

.billing-info-wrap .checkout-account input {
border: 1px solid #e6e6e6;
display: inline-block;
float: left;
height: 12px;
width: 12px;
margin-top: 7px;
cursor: pointer
}

.billing-info-wrap .checkout-account-toggle input {
background: transparent none repeat scroll 0 0;
border: 1px solid #e6e6e6;
color: #666;
font-size: 14px;
padding-left: 20px;
padding-right: 10px;
margin: 0 0 20px;
width: 100%;
height: 45px;
outline: none
}

.billing-info-wrap .checkout-account-toggle button.checkout-btn {
background-color:#000000;
border: medium none;
color: #fff;
cursor: pointer;
font-weight: 700;
padding: 10px 30px;
text-transform: uppercase;
border-radius: 50px;
z-index: 9
}

.billing-info-wrap .checkout-account-toggle button.checkout-btn:hover {
background: #253237;
color: #fff
}

.billing-info-wrap .additional-info-wrap h4 {
font-size: 16px;
font-weight: 700;
color: #253237;
margin: 0 0 10px
}

.billing-info-wrap .additional-info-wrap .additional-info textarea {
background: transparent none repeat scroll 0 0;
border: 1px solid #e6e6e6;
color: #333;
font-size: 14px;
height: 138px;
padding: 17px 20px;
width: 100%;
outline: none
}

.additional-info-wrap {
margin: 30px 0
}

.your-order-area .your-order-wrap {
padding: 38px 45px 44px;
background: #f6f6f6;
padding-bottom:0;
}

.your-order-area .your-order-wrap .your-order-product-info .your-order-top ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}

.your-order-area .your-order-wrap .your-order-product-info .your-order-top ul li {
font-size: 16px;
font-weight: 700;
list-style: outside none none;
color: #253237
}

.your-order-area .your-order-wrap .your-order-product-info .your-order-middle {
border-bottom: 1px solid #dee0e4;
border-top: 1px solid #dee0e4;
margin: 29px 0;
padding: 19px 0 18px
}

.your-order-area .your-order-wrap .your-order-product-info .your-order-middle ul li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin: 0 0 10px
}

.your-order-area .your-order-wrap .your-order-product-info .your-order-bottom ul {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}

.your-order-area .your-order-wrap .your-order-product-info .your-order-bottom ul li.your-order-shipping {
font-size: 16px;
color: #253237;
font-weight: 600
}

.your-order-area .your-order-wrap .your-order-product-info .your-order-total {
margin: 18px 0 33px;
padding: 17px 0 19px
}

.your-order-area .your-order-wrap .your-order-product-info .your-order-total ul {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}

.your-order-area .your-order-wrap .your-order-product-info .your-order-total ul li.order-total {
font-weight: 700;
color: #212121;
font-size: 18px
}

.your-order-area .your-order-wrap .your-order-product-info .your-order-total ul li {
font-weight: 700;
color:#000000;
font-size: 16px;
list-style: outside none none
}

.your-order-area .payment-accordion:last-child {
margin: 0 0 0px
}

.your-order-area .payment-accordion {
margin: 0 0 16px
}

.your-order-area .payment-accordion {
margin: 0 0 16px
}

.your-order-area .payment-accordion h4 a {
color: #253237;
font-size: 16px;
margin: 0;
font-weight: 600
}

.your-order-area .payment-accordion .panel-body {
padding: 5px 0 0 0px
}

.your-order-area .payment-accordion .panel-body p {
padding: 0 0 0 10px;
font-size: 14px;
color: #666
}

.your-order-area .Place-order>a {
background-color:#000000;
color: #fff;
display: block;
font-weight: 700;
letter-spacing: 1px;
line-height: 1;
padding: 18px 20px;
text-align: center;
text-transform: uppercase;
border-radius: 50px;
z-index: 9
}

.your-order-area .Place-order>a:hover {
background: #253237;
color: #fff
}

.Place-order {
margin-top: 25px
}

.billing-info-wrap h3,
.your-order-area h3 {
font-weight: 700;
color: #253237;
margin: 0 0 30px;
font-size: 24px;
line-height: 16px
}

.open-toggle,
.open-toggle2 {
display: none
}

.single-my-account h3.panel-title {
background-color: #f9f9f9;
border-bottom: 1px solid #ebebeb;
color: #253237;
font-size: 14px;
font-weight: 700;
margin: 0;
position: relative;
text-transform: uppercase;
line-height: 2
}

.single-my-account h3.panel-title span {
color: #253237;
font-size: 14px;
left: 20px;
position: absolute;
top: 16px
}

.single-my-account h3.panel-title a {
color: #253237;
display: block;
padding: 16px 55px;
position: relative
}

.single-my-account h3.panel-title a:hover {
color:#000000
}

.single-my-account h3.panel-title a:hover:before {
color:#000000
}

.single-my-account h3.panel-title a:before {
color: #000;
content: "\f3d0";
display: inline-block;
font-family: "Ionicons";
font-size: 14px;
position: absolute;
right: 10px;
top: 50%;
margin-top: -14px
}

.single-my-account .myaccount-info-wrapper {
padding: 30px 20px;
background-color: #fff
}

.single-my-account .myaccount-info-wrapper .account-info-wrapper {
border-bottom: 1px solid #eaeaea;
margin-bottom: 28px;
padding-bottom: 30px
}

.single-my-account .myaccount-info-wrapper .account-info-wrapper h4 {
font-size: 14px;
margin: 0;
text-transform: uppercase;
color: #253237;
font-weight: 700
}

.single-my-account .myaccount-info-wrapper .account-info-wrapper h5 {
font-size: 14px;
letter-spacing: 0.2px;
margin-top: 7px;
font-weight: 600;
color: #253237
}

.single-my-account .myaccount-info-wrapper .billing-info {
margin-bottom: 20px
}

.single-my-account .myaccount-info-wrapper .billing-info label {
color: #666;
font-size: 14px;
text-transform: capitalize
}

.single-my-account .myaccount-info-wrapper .billing-info input {
background: transparent none repeat scroll 0 0;
border: 1px solid #ebebeb;
color: #666;
height: 40px;
padding: 0 15px;
width: 100%;
outline: none
}

.single-my-account .myaccount-info-wrapper .billing-back-btn {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-top: 26px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}

.single-my-account .myaccount-info-wrapper .billing-back-btn .billing-back a {
color: #253237;
display: inline-block;
font-size: 14px;
font-weight: 700;
text-transform: uppercase
}

.single-my-account .myaccount-info-wrapper .billing-back-btn .billing-back a:hover {
color:#000000
}

.single-my-account .myaccount-info-wrapper .billing-back-btn .billing-back a i {
font-size: 15px;
color:#000000
}

.single-my-account .myaccount-info-wrapper .billing-back-btn .billing-btn button {
background-color: #f2f2f2;
border: medium none;
color: #253237;
display: inline-block;
font-size: 14px;
font-weight: 700;
line-height: 1;
padding: 16px 35px 17px;
text-transform: uppercase;
cursor: pointer;
-webkit-transition: all .3s ease 0s;
transition: all .3s ease 0s;
outline: none;
border-radius: 30px
}

.single-my-account .myaccount-info-wrapper .billing-back-btn .billing-btn button:hover {
background-color:#000000;
color: #fff
}

.single-my-account .myaccount-info-wrapper .entries-wrapper .entries-info {
padding: 30px 20px
}

.single-my-account .myaccount-info-wrapper .entries-wrapper .entries-info p {
color: #666;
font-size: 14px;
margin: 0;
text-transform: capitalize
}

.single-my-account .myaccount-info-wrapper .entries-wrapper .entries-edit-delete a.edit {
background-color: #0090f0;
font-weight: 700
}

.single-my-account .myaccount-info-wrapper .entries-wrapper .entries-edit-delete a.edit:hover {
background-color:#000000
}

.single-my-account .myaccount-info-wrapper .entries-wrapper .entries-edit-delete a:hover {
background-color:#000000
}

.single-my-account .myaccount-info-wrapper .entries-wrapper .entries-edit-delete a {
background-color: #F32013;
color: #fff;
display: inline-block;
line-height: 1;
margin: 0 2px;
padding: 12px 15px;
text-transform: uppercase;
font-weight: 700
}

.single-my-account {
margin-bottom: 20px;
border: 1px solid #ebebeb
}

.single-my-account:last-child {
margin: 0
}

.single-my-account .myaccount-info-wrapper .entries-wrapper {
border: 1px solid #eaeaea;
position: relative
}

.single-my-account .myaccount-info-wrapper .entries-wrapper:before {
position: absolute;
content: "";
height: 100%;
width: 1px;
left: 50%;
top: 0;
background-color: #eaeaea
}

.login-register-wrapper .login-register-tab-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-bottom: 40px
}

.login-register-wrapper .login-register-tab-list a {
position: relative
}

.login-register-wrapper .login-register-tab-list a:last-child:before {
display: none
}

.login-register-wrapper .login-register-tab-list a:before {
background-color: #000;
bottom: 5px;
content: "";
height: 18px;
margin: 0 auto;
position: absolute;
right: -2px;
-webkit-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
width: 1px
}

.login-register-wrapper .login-register-tab-list a.active h4 {
color:#000000
}

.login-register-wrapper .login-register-tab-list a h4 {
font-size: 25px;
font-weight: 700;
margin: 0 20px;
text-transform: capitalize;
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
color: #253237
}

.login-register-wrapper .login-form-container {

text-align: center;
}

.login-register-wrapper .login-form-container .login-register-form form input {
background-color: transparent;
border: 1px solid #666;
color: #666;
font-size: 14px;
height: 45px;
margin-bottom: 30px;
padding: 0 15px;
width: 100%;
outline: none
}

.login-register-wrapper .login-form-container .login-register-form form .button-box .login-toggle-btn {
padding: 10px 0 19px
}

.login-register-wrapper .login-form-container .login-register-form form .button-box button {
background-color:#000000;
border: medium none;
color: #ffffff;
cursor: pointer;
font-size: 14px;
font-weight: 500;
line-height: 1;
padding: 11px 30px;
text-transform: uppercase;
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
outline: none;
border-radius: 30px;
display: block;
letter-spacing: 1px;
}

.login-register-wrapper .login-form-container .login-register-form form .button-box button:hover {
background:#000000;
color: #fff;
}

.login-register-wrapper .login-form-container .login-register-form form input[type=checkbox] {
height: 15px;
margin: 0;
position: relative;
top: 1px;
width: 17px
}

.login-register-wrapper .login-form-container .login-register-form form .button-box .login-toggle-btn label {
color: #253237;
font-size: 15px;
font-weight: 400;
}

.login-register-wrapper .login-form-container .login-register-form form .button-box .login-toggle-btn a.flote-none {
float: none !important
}

.login-register-wrapper .login-form-container .login-register-form form .button-box .login-toggle-btn a {
color: #253237;
float: right;
font-size: 15px;
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s
}

.login-register-wrapper .login-form-container .login-register-form form .button-box .login-toggle-btn a:hover {
color:#000000
}

.gmap_canvas iframe {
overflow: hidden;
background: none !important;
height: 560px;
width: 100%;
}

.custom-row-2 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -5px;
margin-left: -5px
}

.custom-row-2 div[class^=col-] {
padding-left: 5px;
padding-right: 5px
}

.contact-info-wrap {
background-color: #f3f3f3;
padding: 120px 70px 116px 90px
}

.contact-info-wrap .single-contact-info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 40px
}

.contact-info-wrap .single-contact-info .contact-icon {
margin-right: 20px
}

.contact-info-wrap .single-contact-info .contact-icon i {
font-size: 20px;
color: #253237;
display: inline-block;
width: 40px;
height: 40px;
line-height: 40px;
border: 1px solid #252525;
text-align: center;
border-radius: 100%;
-webkit-transition: all .3s ease 0s;
transition: all .3s ease 0s
}

.contact-info-wrap .single-contact-info .contact-info-dec p {
line-height: 1;
color: #253237;
margin: 0 0 9px
}

.contact-info-wrap .single-contact-info .contact-info-dec p a {
color: #253237
}

.contact-info-wrap .single-contact-info .contact-info-dec p a:hover {
color:#000000
}

.contact-info-wrap .single-contact-info:hover .contact-icon i {
background-color:#000000;
color: #fff;
border-color:#000000
}

.contact-social h3 {
font-weight: 700;
color: #253237;
font-size: 24px;
margin: 0 0 17px;
line-height: 1
}

.contact-social ul li a {
color: #666
}

.contact-social .social-info li a {
margin-right: 15px
}

.contact-form {
background-color: #f3f3f3;
padding: 50px 110px 50px 110px
}

.contact-form .contact-title h2 {
font-size: 24px;
font-weight: 700;
color: #253237;
line-height: 1;
margin-bottom: 36px;
margin-left: -10px
}

.contact-form .contact-form-style input,
.contact-form .contact-form-style textarea {
background: transparent;
border: 1px solid #c1c1c1;
height: 40px;
padding: 2px 14px;
margin-bottom: 30px;
color: #000;
width: 100%;
outline: none
}

.contact-form p {
color: #333
}

.contact-form .contact-form-style textarea {
padding: 20px 14px;
margin-bottom: 0px;
height: 200px
}

.contact-map {
margin-bottom: 60px
}

.contact-form .contact-form-style button {
border: none;
background-color:#000000;
color: #fff;
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
line-height: 1;
padding: 15px 52px;
margin-top: 33px;
outline: none;
-webkit-transition: all .3s ease 0s;
transition: all .3s ease 0s;
border-radius: 30px
}

.contact-form .contact-form-style button:hover {
background-color: #253237;
color: #fff
}

.compare-table .table tbody tr:first-child {
border-top: 1px solid #eeeeee
}

.compare-table .table tbody tr td.first-column {
min-width: 180px;
font-size: 18px;
font-weight: 700;
color: #253237;
margin: 0;
line-height: 1
}

.compare-table .table tbody tr td.product-image-title {
min-width: 310px;
vertical-align: bottom;
padding-top: 70px
}

.compare-table .table tbody tr td {
text-align: center;
border: none;
padding: 25px 30px;
vertical-align: middle;
border-bottom: 1px solid #eeeeee;
border-left: 1px solid #eeeeee
}

.compare-table .table tbody tr td.product-image-title .image {
clear: both;
width: 100%;
margin-bottom: 40px;
display: block
}

.compare-table .table tbody tr td.product-image-title .image img {
max-width: 100%
}

.compare-table .table tbody tr td.product-image-title .category {
float: left;
clear: both;
font-size: 13px;
line-height: 15px;
color: #253237;
text-transform: capitalize;
letter-spacing: 0.5px
}

.compare-table .table tbody tr td.product-image-title .title {
float: left;
clear: both;
font-size: 16px;
font-weight: 700;
color: #253237;
line-height: 20px;
margin-bottom: 10px
}

.compare-table .table tbody tr td.pro-desc p {
text-align: left;
margin: 0
}

.compare-table .table tbody tr td.pro-color,
.compare-table .table tbody tr td.pro-price,
.compare-table .table tbody tr td.pro-stock {
font-size: 16px;
font-weight: 700;
color: #253237
}

.compare-table .table tbody tr td:last-child {
border-right: 1px solid #eeeeee
}

.compare-table .table tbody tr td.pro-addtocart .add-to-cart {
position: relative;
background-color:#000000;
color: #fff;
border-radius: 30px;
display: inline-block;
width: 170px;
padding: 10px 25px 10px 25px;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
outline: none;
font-weight: 700
}

.compare-table .table tbody tr td.pro-addtocart .add-to-cart:hover {
background-color: #253237
}

.compare-table .table tbody tr td.pro-remove button {
border: none;
background-color: transparent;
padding: 0;
cursor: pointer;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
outline: none
}

.compare-table .table tbody tr td.pro-remove button:hover {
color:#000000
}

.compare-table .table tbody tr td.pro-remove button i {
font-size: 22px
}

.compare-table .table tbody tr td.pro-ratting i {
font-size: 20px;
color: #fdd835
}

.static-banner-area {
background: #f19596;
margin: 0
}

.static-banner-area .banner-wrapper {
margin: 0
}

.banner-box:after {
background: rgba(255, 255, 255, .3);
bottom: 50%;
content: "";
left: 0;
position: absolute;
right: 0;
top: 50%;
opacity: 1;
pointer-events: none
}

.banner-box:before {
background: rgba(255, 255, 255, .3);
bottom: 0;
content: "";
left: 50%;
position: absolute;
right: 51%;
top: 0;
opacity: 1;
pointer-events: none;
z-index: 1
}

.banner-box img {
width: 100%;
-webkit-transition: all 300ms linear;
transition: all 300ms linear
}

.img-responsive {
display: block;
max-width: 100%;
height: auto
}

.banner-box:hover:before {
left: 0;
right: 0;
opacity: 0;
-webkit-transition: all 900ms linear;
transition: all 900ms linear
}

.banner-box:hover:after {
top: 0;
bottom: 0;
opacity: 0;
-webkit-transition: all 900ms linear;
transition: all 900ms linear
}

.static-banner-area .static-banner-content {
max-width: 450px
}

.static-banner-area .static-banner-content h2 {
font-size: 48px;
line-height: 1;
color: #fff;
font-weight: 400;
margin: 0;
text-transform: uppercase
}

.static-banner-area .static-banner-content h3 {
font-size: 48px;
line-height: 1;
color: #fff;
font-weight: 700;
margin-bottom: 20px;
text-transform: uppercase
}

.static-banner-area .static-banner-content p {
font-size: 18px;
line-height: 24px;
color: #fff;
font-weight: 400;
margin-bottom: 35px
}

.static-banner-area .static-banner-content a {
position: relative;
font-size: 14px;
font-weight: 700;
color: #253237;
background: #fff;
line-height: 45px;
height: 45px;
padding: 0 30px;
border-radius: 30px;
text-transform: uppercase;
display: inline-block
}

.static-banner-area .static-banner-content a:hover {
background: #ef1e1e;
color: #fff
}

.static-banner-area:hover .static-banner-content {
animation: fadeInRight 0.3s linear alternate;
-webkit-animation: fadeInRight 0.3s linear alternate;
-moz-animation: fadeInRight 0.3s linear alternate
}

@-webkit-keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translate3d(10%, 0, 0);
transform: translate3d(10%, 0, 0)
}

to {
opacity: 1;
-webkit-transform: none;
transform: none
}
}

@keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translate3d(10%, 0, 0);
transform: translate3d(10%, 0, 0)
}

to {
opacity: 1;
-webkit-transform: none;
transform: none
}
}

.static-countdown-area {
background-image: url(../images/section-bg/static-countdown-bg.jpg);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
padding: 100px 0
}

.static-countdown-content h2 {
color: #253237;
font-size: 32px;
line-height: 1;
margin-bottom: 15px;
font-weight: 700
}

.static-countdown-content p.countdown-price {
color: #ef1e1e;
font-size: 24px
}

.static-countdown-content p {
color: #777;
font-size: 16px;
margin-bottom: 20px
}

.static-countdown-content a {
position: relative;
font-size: 14px;
font-weight: 700;
color: #fff;
background: #ef1e1e;
line-height: 45px;
height: 45px;
padding: 0 30px;
border-radius: 30px;
text-transform: uppercase;
display: inline-block
}

.static-countdown-content a:hover {
background: #253237;
color: #fff
}

.static-countdown-content .clockdiv {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: start;
margin: 0px 0px 20px 0px
}

.static-countdown-content .clockdiv span {
font-size: 32px
}

.static-countdown-content .clockdiv span p {
font-size: 12px
}

.static-countdown-content .clockdiv span {
margin: 0px 20px 0px 0px;
text-align: center
}

.static-countdown-content .clockdiv span:after {
right: -10px
}

.static-countdown-area:hover .static-countdown-content {
animation: fadeInRight 0.3s linear alternate;
-webkit-animation: fadeInRight 0.3s linear alternate;
-moz-animation: fadeInRight 0.3s linear alternate
}

.banner-left {
float: left;
width: 20%;
position: relative;
z-index: 2
}

.banner-right {
width: 80%
}

.blog-post-media {
overflow: hidden
}

.blog-image img {
width: 100%;
height: 300px;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center
}

.single-blog.blog-image img {
aspect-ratio: 3/3;
}

.blog-post-media iframe {
width: 100%;
position: relative;
height: 300px
}

.blog-post-video .icon {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%)
}

.blog-post-video .thumb-image {
width: 100%;
height: 300px;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center
}

.blog-title a {
font-size: 24px;
font-weight: 600;
color: #253237
}

.blog-title a:hover {
color:#000000
}

.blog-page-meta li a:hover {
color:#000000
}

.blog-page-meta li {
display: inline-block
}

.blog-page-meta li a {
display: block;
color: #253237
}

.blog-page-meta li:first-child:after {
position: absolute;
top: 50%;
right: -9px;
left: auto;
background: #555;
content: '';
width: 1px;
height: 12px;
margin-top: -6px
}

.blog-page-meta li {
display: inline-block;
position: relative
}

.blog-page-meta li:first-child {
margin-right: 15px
}

.blog-page-meta {
margin: 10px 0
}

.blog-post-content-inner p {
margin-bottom: 20px;
padding-top: 20px;
border-top: 1px solid#ebebeb;
color: #253237
}

.blog-post-content-inner .read-more-btn:hover {
color:#000000;
padding-left: 5px
}

.blog-gallery .slick-arrow i {
font-size: 26px;
color: #333
}

.blog-gallery .slick-arrow {
position: absolute;
top: 50%;
left: 0;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 99;
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.3s linear;
transition: all 0.3s linear;
cursor: pointer
}

.blog-gallery .slick-arrow.next {
left: auto;
right: 0
}

.blog-gallery:hover .slick-arrow {
visibility: visible;
opacity: 1;
left: 20px
}

.blog-gallery:hover .slick-arrow.next {
left: auto;
right: 20px
}

.blog-gallery .slick-slide img {
width: 100%;
height: 300px;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center
}

.single-post-content p {
margin: 0 0 25px;
color: #253237
}

.single-post-content p.quate-speech {
margin-left: 100px;
padding: 10px 15px;
font-size: 16px;
line-height: 26px;
font-style: italic;
border-left: 3px solid#B87333
}

.tag-list li {
display: inline-block;
margin-left: 5px;
color: #253237
}

.tag-list li a {
color: #253237
}

.tag-list li a:hover {
color:#000000
}

.social li {
display: inline-block;
margin-left: 10px;
font-size: 16px;
color: #253237
}

.social li a {
color: #253237
}

.social li a:hover {
color:#000000
}

span.title {
font-weight: 700;
color: #253237
}

.blog-related-post .blog-title a {
font-size: 20px
}

.blog-related-post {
padding: 40px 0 30px 0;
border-top: 1px solid#ebebeb;
border-bottom: 1px solid#ebebeb
}

.blog-single-tags-share {
margin-bottom: 35px
}

.comment-area .review-content {
padding: 30px;
border: 1px solid #ebebeb
}

.comment-area {
margin-top: 35px
}

.comment-area .single-review.child-review {
margin-bottom: 70px
}

.comment-heading {
font-family: "Open Sans", sans-serif;
font-size: 24px;
color: #253237;
text-transform: capitalize;
line-height: 16px;
font-weight: 600;
margin: 0 0 40px
}

.blog-comment-form .comment-heading {
margin: 0 0 10px
}

.blog-comment-form p {
margin: 0 0 30px
}

.comment-area .single-review .review-top-wrap .review-left .review-name h4 {
font-weight: 600;
color: #253237
}

.single-form input,
.single-form textarea {
padding: 2px 10px 2px 20px;
background: transparent;
border: 1px solid #e6e6e6;
color: #333
}

.single-form input {
height: 45px;
-webkit-box-shadow: none;
box-shadow: none;
padding-left: 10px;
font-size: 14px;
color: #253237;
width: 100%;
margin-bottom: 15px;
outline: none
}

.single-form textarea {
height: 180px;
padding: 20px 10px 2px 20px;
margin-bottom: 20px;
width: 100%;
outline: none
}

.single-form input[type=submit] {
padding: 0 55px !important;
line-height: 48px;
height: 48px;
font-size: 16px;
font-weight: 700;
border: none;
border-radius: 30px;
-webkit-box-shadow: none;
box-shadow: none;
text-transform: uppercase;
background:#000000 !important;
display: block;
color: #fff !important;
width: 200px;
-webkit-transition: all 300ms linear;
transition: all 300ms linear;
margin: 20px 0 60px
}

.single-form input[type=submit]:hover {
background: #253237 !important;
color: #fff !important
}

.single-blog .blog-post-content-inner {
padding: 30px 0 0
}

.about-area {
padding: 60px 0px 55px 0px
}

.about-content h2 {
font-weight: 600;
color: #253237;
margin: 0 0 15px;
font-size: 40px
}

.single-about h4 {
font-size: 30px;
font-weight: 600;
color: #253237;
margin: 0 0 15px
}

.about-area p {
color: #253237
}

.mt-30px {
margin-top: 30px
}

body.offcanvas-open {
overflow: hidden;
padding-right: 17px
}

.offcanvas {
font-size: 14px;
font-weight: 400;
position: fixed;
z-index: 999999;
top: 0;
right: 0;
left: auto;
display: block;
width: 400px;
height: 100%;
padding: 20px 10px;
-webkit-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
-webkit-transform: translateX(100%);
transform: translateX(100%);
background-color: #fff;
-webkit-box-shadow: none;
box-shadow: none;
overflow: auto;
visibility: visible;
opacity:1;
}

@media only screen and (max-width:479px) {
.offcanvas {
width: 300px
}
}

.offcanvas .inner {
position: relative;
z-index: 9;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
height: 100%
}

.offcanvas .inner .head {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%;
padding: 30px 20px
}

.offcanvas .inner .head .title {
color: #000;
font-weight: 700
}

.offcanvas .inner .head .offcanvas-close {
position: relative;
width: 20px;
height: 20px;
text-indent: -9999px;
border: 0;
background-color: transparent
}

.offcanvas .inner .head .offcanvas-close:after {
position: absolute;
top: calc(50% - 1px);
left: 0;
width: 20px;
height: 2px;
content: "";
-webkit-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
background-color:#000000
}

.offcanvas .inner .head .offcanvas-close:before {
position: absolute;
top: calc(50% - 1px);
left: 0;
width: 20px;
height: 2px;
content: "";
-webkit-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
background-color:#000000
}

.hover-style-cosmatics.offcanvas .inner .head .offcanvas-close:after,
.hover-style-cosmatics.offcanvas .inner .head .offcanvas-close:before {
background-color: #c0b07d
}

.hover-style-electronic .inner .head .offcanvas-close:after,
.hover-style-electronic .inner .head .offcanvas-close:before {
background-color: #0090f0
}

.hover-style-furniture .inner .head .offcanvas-close:after,
.hover-style-furniture .inner .head .offcanvas-close:before {
background-color: #ef1e1e
}

.hover-style-medical .inner .head .offcanvas-close:after,
.hover-style-medical .inner .head .offcanvas-close:before {
background-color: #0bbfbd
}

.hover-style-cosmatics .minicart-product-list li .content .title:hover {
color: #c0b07d
}

.hover-style-electronic .minicart-product-list li .content .title:hover {
color: #0090f0
}

.hover-style-furniture .minicart-product-list li .content .title:hover {
color: #ef1e1e
}

.hover-style-medical .minicart-product-list li .content .title:hover {
color: #0bbfbd
}

.hover-style-cosmatics .minicart-product-list li .content .quantity-price .amount {
color: #c0b07d
}

.hover-style-cosmatics.offcanvas .inner .foot .buttons a:hover {
background-color: #c0b07d
}

.hover-style-cosmatics.offcanvas .inner .foot .buttons a:hover {
background-color: #c0b07d
}

.hover-style-cosmatics.offcanvas .inner .foot .buttons .current-btn {
background-color: #c0b07d
}

.hover-style-electronic .minicart-product-list li .content .quantity-price .amount {
color: #0090f0
}

.hover-style-electronic.offcanvas .inner .foot .buttons a:hover {
background-color: #0090f0
}

.hover-style-electronic.offcanvas .inner .foot .buttons a:hover {
background-color: #0090f0
}

.hover-style-electronic.offcanvas .inner .foot .buttons .current-btn {
background-color: #0090f0
}

.hover-style-furniture .minicart-product-list li .content .quantity-price .amount {
color: #ef1e1e
}

.hover-style-furniture.offcanvas .inner .foot .buttons a:hover {
background-color: #ef1e1e
}

.hover-style-furniture.offcanvas .inner .foot .buttons a:hover {
background-color: #ef1e1e
}

.hover-style-furniture.offcanvas .inner .foot .buttons .current-btn {
background-color: #ef1e1e
}

.hover-style-medical .minicart-product-list li .content .quantity-price .amount {
color: #0bbfbd
}

.hover-style-medical.offcanvas .inner .foot .buttons a:hover {
background-color: #0bbfbd
}

.hover-style-medical.offcanvas .inner .foot .buttons a:hover {
background-color: #0bbfbd
}

.hover-style-medical.offcanvas .inner .foot .buttons .current-btn {
background-color: #0bbfbd
}

.offcanvas .inner .head .offcanvas-close:hover:before {
-webkit-transform: rotate(180deg);
transform: rotate(180deg)
}

.offcanvas .inner .head .offcanvas-close:hover:after {
-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}

.offcanvas .inner .offcanvas-menu ul li {
position: relative;
display: block;
line-height: 28px
}

.offcanvas .inner .offcanvas-menu ul li a {
display: block;
padding: 7px 20px;
text-transform: capitalize;
color: #253237;
border-top: 1px solid #eee;
font-size: 14px;
font-weight: 600
}

.offcanvas .inner .offcanvas-menu ul li .sub-menu {
position: static;
top: auto;
display: none;
visibility: visible;
width: 100%;
min-width: auto;
padding: 0;
-webkit-transition: none;
transition: none;
opacity: 1;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transform-origin: 0;
transform-origin: 0;
-webkit-transform-style: inherit;
transform-style: inherit;
-webkit-transform: none;
transform: none
}

.offcanvas .inner .offcanvas-menu ul li .sub-menu li {
line-height: inherit;
position: relative
}

.offcanvas .inner .offcanvas-menu ul li .sub-menu li a {
text-transform: capitalize;
padding-left: 30px;
padding-right: 0px;
display: block;
border-top: 1px solid #eee;
font-size: 14px;
font-weight: 600
}

.offcanvas .inner .offcanvas-menu ul li .sub-menu li:last-child {
border-bottom: 0px solid #eee
}

.offcanvas .inner .offcanvas-menu ul li .menu-expand {
position: absolute;
z-index: 2;
top: 0;
right: 20px;
width: 24px;
height: 43px;
cursor: pointer;
background-color: transparent
}

.offcanvas .inner .offcanvas-menu ul li:hover>a {
color:#000000;
}

.offcanvas .inner .offcanvas-menu ul li:hover>span.menu-expand:before {
background:#000000;
}

.offcanvas .inner .offcanvas-menu ul li:hover>span.menu-expand:after {
background:#000000;
}

.offcanvas.hover-style-cosmatics .inner .offcanvas-menu ul li:hover>a {
color: #c0b07d
}

.offcanvas.hover-style-cosmatics .inner .offcanvas-menu ul li:hover>span.menu-expand:before {
background: #c0b07d
}

.offcanvas.hover-style-cosmatics .inner .offcanvas-menu ul li:hover>span.menu-expand:after {
background: #c0b07d
}

.offcanvas.hover-style-electronic .inner .offcanvas-menu ul li:hover>a {
color: #0090f0
}

.offcanvas.hover-style-electronic .inner .offcanvas-menu ul li:hover>span.menu-expand:before {
background: #0090f0
}

.offcanvas.hover-style-electronic .inner .offcanvas-menu ul li:hover>span.menu-expand:after {
background: #0090f0
}

.offcanvas.hover-style-furniture .inner .offcanvas-menu ul li:hover>a {
color: #ef1e1e
}

.offcanvas.hover-style-furniture .inner .offcanvas-menu ul li:hover>span.menu-expand:before {
background: #ef1e1e
}

.offcanvas.hover-style-furniture .inner .offcanvas-menu ul li:hover>span.menu-expand:after {
background: #ef1e1e
}

.offcanvas.hover-style-medical .inner .offcanvas-menu ul li:hover>a {
color: #0bbfbd
}

.offcanvas.hover-style-medical .inner .offcanvas-menu ul li:hover>span.menu-expand:before {
background: #0bbfbd
}

.offcanvas.hover-style-medical .inner .offcanvas-menu ul li:hover>span.menu-expand:after {
background: #0bbfbd
}

.offcanvas .inner .offcanvas-menu ul li:last-child {
border-bottom: 1px solid #eee
}

.offcanvas .inner .offcanvas-social li {
display: inline-block;
margin: 0 20px 0px 0;
line-height: 40px;
padding: 0
}

.offcanvas .inner .offcanvas-social {
margin-left: auto;
margin-right: auto
}

.offcanvas .inner .offcanvas-social li:last-child {
margin: 0
}

@media only screen and (max-width:479px) {
.offcanvas .inner .offcanvas-social li {
margin: 0 5px 0px 0
}
}

.offcanvas .inner .offcanvas-social li a {
position: relative;
display: inline-block;
vertical-align: middle;
color: #fff;
background:#000000;
font-size: 16px;
padding: 0;
line-height: 40px;
width: 40px;
height: 40px;
border-radius: 100%;
text-align: center;
border: none;
z-index: 1;
-webkit-transition: all 300ms linear;
transition: all 300ms linear
}

.offcanvas.hover-style-cosmatics .inner .offcanvas-social li a {
background: #c0b07d
}

.offcanvas.hover-style-electronic .inner .offcanvas-social li a {
background: #0090f0
}

.offcanvas.hover-style-furniture .inner .offcanvas-social li a {
background: #ef1e1e
}

.offcanvas.hover-style-medical .inner .offcanvas-social li a {
background: #0bbfbd
}

.offcanvas .inner .offcanvas-social li a:hover {
background: #000;
color: #fff
}

@media only screen and (max-width:479px) {
.offcanvas .inner .offcanvas-social li a {
line-height: 35px;
width: 35px;
height: 35px;
font-size: 15px
}
}

.offcanvas .inner .foot .buttons a {
border-radius:0;
display: inline-block;
text-transform: uppercase;
font-weight: 400;
font-size: 14px;
border: none;
color: #272727;
-webkit-box-shadow: none;
box-shadow: none;
padding: 10px 15px;
line-height: 28px;
border: none;
background: #ebebeb;
width:100%;
}

.offcanvas .inner .foot .buttons a:hover {
background-color:#000000;
color: #fff
}

.offcanvas .inner .foot .buttons .current-btn {
background-color:#000000;
color: #fff
}

.offcanvas .inner .foot .sub-total {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding-top: 15px;
padding-bottom: 15px;
border-top: 1px solid #eee;
margin: 30px 0 0 0px
}

.offcanvas .inner .foot .sub-total .table>:not(caption)>*>* {
padding: 0;
border: 0
}

.offcanvas .inner .foot .sub-total .table>tbody>tr>td {
border: none;
padding: 0;
color: #000;
text-transform: capitalize;
font-size: 20px;
vertical-align: middle;
font-weight: 500;
line-height: 30px
}

.offcanvas .inner .foot .sub-total .table>tbody>tr>td.theme-color {
color:#000000
}

.offcanvas .inner .foot .sub-total .amount {
color: #eb2606;
font-weight: 600
}

.offcanvas .inner .foot .minicart-message {
margin-top: 30px;
margin-bottom: 30px
}

.offcanvas-menu>ul>li .menu-expand {
position: absolute;
z-index: 2;
top: 0;
right: 0;
width: 24px;
height: 44px;
cursor: pointer;
background-color: transparent
}

.offcanvas-menu>ul.sub-menu>li .menu-expand {
right: 15px
}

.offcanvas.offcanvas-mobile-menu {
right: auto;
left: 0;
padding: 0;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
width: 350px;
padding: 50px 0px
}

@media only screen and (max-width:479px) {
.offcanvas.offcanvas-mobile-menu {
width: 300px
}
}

.offcanvas.offcanvas-mobile-menu .offcanvas-close {
position: absolute;
width: 40px;
height: 40px;
text-indent: -9999px;
border: 0;
left: 0%;
top: 5px;
background-color: transparent;
-webkit-animation-delay: 0.5s;
animation-delay: 0.5s;
border-radius: 50%
}

.offcanvas.offcanvas-mobile-menu.hover-style-cosmatics .offcanvas-close:after,
.offcanvas.offcanvas-mobile-menu.hover-style-cosmatics .offcanvas-close:before {
background-color: #c0b07d
}

.offcanvas.offcanvas-mobile-menu.hover-style-electronic .offcanvas-close:after,
.offcanvas.offcanvas-mobile-menu.hover-style-electronic .offcanvas-close:before {
background-color: #0090f0
}

.offcanvas.offcanvas-mobile-menu.hover-style-furniture .offcanvas-close:after,
.offcanvas.offcanvas-mobile-menu.hover-style-furniture .offcanvas-close:before {
background-color: #ef1e1e
}

.offcanvas.offcanvas-mobile-menu.hover-style-medical .offcanvas-close:after,
.offcanvas.offcanvas-mobile-menu.hover-style-medical .offcanvas-close:before {
background-color: #0bbfbd
}

.offcanvas.offcanvas-mobile-menu .offcanvas-close:after {
position: absolute;
top: calc(50% - 1px);
left: 50%;
margin-left: -10px;
width: 20px;
height: 2px;
content: "";
-webkit-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
background-color:#000000;
}

.offcanvas.offcanvas-mobile-menu .offcanvas-close:before {
position: absolute;
top: calc(50% - 1px);
left: 50%;
margin-left: -10px;
width: 20px;
height: 2px;
content: "";
-webkit-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
background-color:#000000;
}

.offcanvas.offcanvas-mobile-menu .offcanvas-close:hover:before {
-webkit-transform: rotate(180deg);
transform: rotate(180deg)
}

.offcanvas.offcanvas-mobile-menu .offcanvas-close:hover:after {
-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}

.offcanvas.offcanvas-cart .inner .head,
.offcanvas.offcanvas-wishlist .inner .head {
margin-bottom: 30px;
padding: 0
}

.offcanvas.offcanvas-cart .inner .head .title,
.offcanvas.offcanvas-wishlist .inner .head .title {
font-size: 20px
}

.offcanvas-menu>ul>li .menu-expand:after,
.offcanvas-menu>ul>li .menu-expand:before {
position: absolute;
top: calc(50% - 1px);
left: calc(50% - 7px);
width: 14px;
height: 2px;
content: "";
-webkit-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
-webkit-transform: scale(0.75);
transform: scale(0.75);
background-color: #000
}

.offcanvas-menu>ul>li .menu-expand:after {
-webkit-transform: rotate(90deg) scale(0.75);
transform: rotate(90deg) scale(0.75)
}

.offcanvas-menu>ul>li.active>.menu-expand:after {
-webkit-transform: rotate(0) scale(0.75);
transform: rotate(0) scale(0.75)
}

.offcanvas-menu>ul>li .sub-menu li.active>.menu-expand:after {
-webkit-transform: rotate(0) scale(0.75);
transform: rotate(0) scale(0.75)
}

.offcanvas.offcanvas-mobile-menu.offcanvas-open {
-webkit-transform: translateX(0);
transform: translateX(0)
}

.offcanvas.offcanvas-mobile-menu.offcanvas-open .offcanvas-close {
left: 85%
}

.offcanvas-overlay {
position: fixed;
z-index: 999;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: none;
background-color: rgba(0, 0, 0, 0.5)
}

.offcanvas.offcanvas-open {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1
}

.minicart-product-list {
margin: 0;
padding-left: 0;
list-style: none
}

.minicart-product-list li {
display: flex;
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: 1px dashed #ebebeb;
align-items: center;
}

.minicart-product-list li .image {
-webkit-box-flex: 1;
}

.minicart-product-list li .image img {
object-fit: contain;
max-height: 110px;
max-width: 70px;
}

@media only screen and (max-width:575px) {
.minicart-product-list li .image {
-ms-flex: 1 0 50px;
-webkit-box-flex: 1;
flex: 1 0 50px
}
}

.minicart-product-list li .content {
position: relative;
-webkit-box-flex: 1;
-ms-flex: 1 0 calc(100% - 150px);
flex: 1 0 calc(100% - 150px);
padding-left: 15px
}

.minicart-product-list li .content .title {
display: block;
text-transform: capitalize;
font-size: 13px;
line-height: 20px;
color: #000000;
font-weight: 600;
margin-bottom: 5px;
}

.minicart-product-list li .content .title:hover {
color:#000000
}

.minicart-product-list li .content .quantity-price {
font-size: 14px;
display: block;
}

.minicart-product-list li .content .quantity-price .amount {
color:#000000;
font-weight: 500;
font-size: 18px
}

.minicart-product-list li .content .remove {
padding: 0 3px;
color: #454545;
font-size: 14px;
font-weight: 400;
letter-spacing: 0.3px;
}

.minicart-product-list li .content .remove:hover {
color: #eb2606
}
.minicart-product-list li .content .remove img {
width: 12px;
margin-top: -3px;
}

@media only screen and (max-width:575px) {
.minicart-product-list li .content {
-ms-flex: 1 0 calc(100% - 75px);
-webkit-box-flex: 1;
flex: 1 0 calc(100% - 75px)
}
}

.minicart-product-list li:last-child {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: 0
}

.user-panel {
padding: 12px 40px;
border-top: 1px solid #ebebeb
}

.user-panel ul li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}

.user-panel ul li a {
font-size: 13px;
color: #253237;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
line-height: 1;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-weight: 500
}

.user-panel ul li a:hover {
color:#000000
}

.user-panel ul li a i {
margin-right: 0px;
font-size: 16px;
color:#000000;
width: 20px;
height: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row
}

.hover-style-cosmatics .user-panel ul li a i {
color: #c0b07d
}

.hover-style-cosmatics .user-panel ul li a:hover {
color: #c0b07d
}

.hover-style-electronic .user-panel ul li a i {
color: #0090f0
}

.hover-style-electronic .user-panel ul li a:hover {
color: #0090f0
}

.hover-style-furniture .user-panel ul li a i {
color: #ef1e1e
}

.hover-style-furniture .user-panel ul li a:hover {
color: #ef1e1e
}

.hover-style-medical .user-panel ul li a i {
color: #0bbfbd
}

.hover-style-medical .user-panel ul li a:hover {
color: #0bbfbd
}

.user-panel ul li:not(:last-child) {
margin-bottom: 10px
}

.offcanvas .inner .offcanvas-menu ul li .sub-menu li .sub-menu li a {
padding-left: 40px;
font-weight: 400
}

.mobile-menu {
font-size: 32px;
color: #253237;
line-height: 1
}

.mobile-menu:hover {
color:#000000
}

.hover-style-cosmatics .mobile-menu:hover {
color: #c0b07d
}

.hover-style-electronic .mobile-menu:hover {
color: #0090f0
}

.hover-style-furniture .mobile-menu:hover {
color: #ef1e1e
}

.hover-style-medical .mobile-menu:hover {
color: #0bbfbd
}

.header-top-set-lan-curr i {
padding-left: 5px
}

.header-action-btn {
font-size: 13px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0 15px;
-webkit-transition: all .3s ease 0s;
transition: all .3s ease 0s;
border: none;
border-radius: 0px;
background-color: transparent;
border-left-width: 1px;
border-left-style: solid;
border-left-color: #fff;
line-height: 1;
color:#fff;
letter-spacing: 1px;
}

.border-color-black {
border-color: #253237
}

.border-color-white {
border-color: #fff
}

.border-right-1 {
border-right-width: 1px;
border-right-style: solid
}



.hover-style-cosmatics:hover {
color: #c0b07d
}

.hover-style-furniture:hover {
color: #ef1e1e
}

.home-10 .hover-style-electronic:hover {
color: #0090f0
}

.hover-style-electronic:hover {
color: #0090f0
}

.hover-style-medical:hover {
color: #0bbfbd
}

.header-action-btn.dropdown-toggle:after {
display: none
}

.header-top-set-lan-curr .header-action-btn.pr-0 {
padding-right: 0
}

.header-top-set-lan-curr .dropdown .dropdown-menu {
margin: 0;
top: 34px !important;
left: auto !important;
right: 0 !important;
min-width: 130px;
overflow: hidden;
background: #fff;
border-radius: 0;
border: none;
-webkit-box-shadow: 0 3px 25.5px 4.5px rgb(0 0 0/6%);
box-shadow: 0 3px 25.5px 4.5px rgb(0 0 0/6%);
-webkit-transform: none !important;
transform: none !important;
inset: 28px auto auto -60px !important;
padding: 0 15px;
width: 130px
}

.home-13 .header-top-set-lan-curr .dropdown .dropdown-menu {
inset: 28px auto auto -25px !important
}

.header-top-set-lan-curr .dropdown .dropdown-menu li {
border-bottom: 1px solid #ebebeb;
width: 100%;
padding: 10px 0
}

.header-top-set-lan-curr .dropdown .dropdown-menu li:last-child {
border: 0
}

.header-top-set-lan-curr .dropdown .dropdown-menu li:hover>a {
color:#000000;
}

.header-top-set-lan-curr .dropdown .dropdown-menu .dropdown-item {
padding: 0 10px;
color: #474747;
line-height: 25px;
font-size: 13px;
background: 0 0
}

.hover-style-cosmatics .header-top-set-lan-curr .dropdown .dropdown-menu .dropdown-item:hover {
color: #c0b07d
}

.hover-style-electronic .header-top-set-lan-curr .dropdown .dropdown-menu .dropdown-item:hover {
color: #0090f0
}

.hover-style-medical .header-top-set-lan-curr .dropdown .dropdown-menu .dropdown-item:hover {
color: #0bbfbd
}

.header-top-set-lan-curr .dropdown .dropdown-menu .dropdown-item img {
margin-right: 5px
}

.color-white {
color: #222222;
}

.mobile-navigation .dropdown .dropdown-menu {
margin: 0;
top: 34px !important;
left: auto !important;
right: 0 !important;
min-width: 130px;
overflow: hidden;
background: #fff;
border-radius: 0;
border: none;
-webkit-box-shadow: 0 3px 25.5px 4.5px rgb(0 0 0/6%);
box-shadow: 0 3px 25.5px 4.5px rgb(0 0 0/6%);
-webkit-transform: none !important;
transform: none !important;
inset: 45px auto auto -60px !important;
padding: 0 15px;
width: 130px
}

.mobile-navigation .dropdown .dropdown-menu .dropdown-item {
padding: 0 10px;
color: #474747;
line-height: 25px;
font-size: 13px;
background: 0 0
}

.mobile-navigation .dropdown .dropdown-menu li {
border-bottom: 1px solid #ebebeb;
width: 100%;
padding: 10px 0
}

.mobile-navigation .dropdown .dropdown-menu li:hover>a {
color:#000000
}

.mobile-navigation .dropdown .dropdown-menu li:last-child {
border: 0
}

.mobile-navigation .header-action-btn {
font-size: 24px;
color: #253237
}

.mobile-navigation .header-action-btn:hover {
color:#000000
}

.mobile-navigation .hover-style-cosmatics.header-action-btn:hover {
color: #c0b07d
}

.mobile-navigation .hover-style-electronic.header-action-btn:hover {
color: #0090f0
}

.mobile-navigation .hover-style-furniture.header-action-btn:hover {
color: #ef1e1e
}

.mobile-navigation .hover-style-furniture .dropdown-item:hover {
color: #ef1e1e !important
}

.mobile-navigation .hover-style-medical.header-action-btn:hover {
color: #0bbfbd
}

.mobile-navigation .hover-style-medical .dropdown-item:hover {
color: #0bbfbd !important
}

.mobile-navigation .hover-style-cosmatics .dropdown-item:hover {
color: #c0b07d !important
}

.mobile-navigation .hover-style-electronic .dropdown-item:hover {
color: #0090f0 !important
}

.dropdown-search {
position: relative
}

.dropdown-search input {
padding: 10px 70px 10px 20px;
width: 100%;
height: 46px;
font-size: 14px;
background: #fff;
color: #253237;
border-width: 2px;
border-radius: 30px;
border-color:#000000;
border-style: solid;
outline: none
}

.hover-style-cosmatics .dropdown-search input {
border-color: #c0b07d
}

.hover-style-electronic .dropdown-search input {
border-color: #0090f0
}

.hover-style-furniture .dropdown-search input {
border-color: #ef1e1e
}

.hover-style-medical .dropdown-search input {
border-color: #0bbfbd
}

.dropdown-search input:focus,
.dropdown-search input:focus-visible {
border-color:#000000
}

.hover-style-cosmatics .dropdown-search input:focus,
.hover-style-cosmatics .dropdown-search input:focus-visible {
border-color: #c0b07d
}

.hover-style-furniture .dropdown-search input:focus,
.hover-style-furniture .dropdown-search input:focus-visible {
border-color: #ef1e1e
}

.hover-style-medical .dropdown-search input:focus,
.hover-style-medical .dropdown-search input:focus-visible {
border-color: #0bbfbd
}

.dropdown-search .bootstrap-select {
width: 150px;
height: 40px;
line-height: 40px;
margin: 0;
border: 0;
padding: 0 25px;
color: #253237;
font-size: 14px;
border-radius: 30px;
-webkit-user-select: none;
-moz-user-select: -moz-none;
-ms-user-select: none;
user-select: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none
}

.dropdown-search .search-category {
position: absolute;
top: 3px;
right: 70px
}

.dropdown-search button {
position: absolute;
top: 0;
right: 0;
height: 46px;
line-height: 46px;
text-align: center;
width: 65px;
text-align: center;
color: #fff;
border-radius: 0 30px 30px 0;
padding: 0;
border: 0;
-webkit-transition: all 300ms linear;
transition: all 300ms linear;
background-color:#000000;
font-size: 16px
}

.hover-style-cosmatics .dropdown-search button {
background-color: #c0b07d
}

.hover-style-electronic .dropdown-search button {
background-color: #0090f0
}

.hover-style-electronic .dropdown-search input:focus,
.hover-style-electronic .dropdown-search input:focus-visible {
border-color: #0090f0
}

.hover-style-furniture .dropdown-search button {
background-color: #ef1e1e
}

.hover-style-medical .dropdown-search button {
background-color: #0bbfbd
}

.offcanvas .offcanvas-userpanel ul li {
display: block;
background: transparent;
width: 100%;
text-align: left;
display: block;
color: #333;
font-size: 13px;
font-weight: 400;
line-height: 24px;
cursor: pointer;
text-transform: capitalize
}

.offcanvas .offcanvas-userpanel ul li.offcanvas-userpanel__role a {
color: #253237;
display: block;
border-top: 1px solid #eee;
padding: 5px 20px
}

.offcanvas .offcanvas-userpanel ul li.offcanvas-userpanel__role a img {
margin-right: 5px;
vertical-align: -1px
}

.offcanvas .offcanvas-userpanel ul li.offcanvas-userpanel__role a i {
float: right;
font-size: 16px
}

.offcanvas .offcanvas-userpanel ul li.offcanvas-userpanel__role a:hover {
color:#000000
}

.offcanvas.hover-style-cosmatics .offcanvas-userpanel ul li.offcanvas-userpanel__role a:hover {
color: #c0b07d
}

.offcanvas.hover-style-electronic .offcanvas-userpanel ul li.offcanvas-userpanel__role a:hover {
color: #0090F0
}

.offcanvas.hover-style-furniture .offcanvas-userpanel ul li.offcanvas-userpanel__role a:hover {
color: #ef1e1e
}

.offcanvas.hover-style-medical .offcanvas-userpanel ul li.offcanvas-userpanel__role a:hover {
color: #0bbfbd
}

.offcanvas .offcanvas-userpanel ul li.offcanvas-userpanel__role ul.user-sub-menu {
display: none
}

.offcanvas .offcanvas-userpanel ul li.offcanvas-userpanel__role ul.user-sub-menu li a {
display: block;
padding-left: 30px;
color: #253237
}

.offcanvas.hover-style-cosmatics .offcanvas-userpanel ul li.offcanvas-userpanel__role ul.user-sub-menu li a:hover {
color: #c0b07d
}

.offcanvas.hover-style-electronic .offcanvas-userpanel ul li.offcanvas-userpanel__role ul.user-sub-menu li a:hover {
color: #0090f0
}

.offcanvas.hover-style-furniture .offcanvas-userpanel ul li.offcanvas-userpanel__role ul.user-sub-menu li a:hover {
color: #ef1e1e
}

.offcanvas.hover-style-medical .offcanvas-userpanel ul li.offcanvas-userpanel__role ul.user-sub-menu li a:hover {
color: #0bbfbd
}

.offcanvas .offcanvas-userpanel ul li.offcanvas-userpanel__role ul.user-sub-menu li a:hover {
color:#000000
}

.offcanvas .offcanvas-userpanel ul li.offcanvas-userpanel__role ul.user-sub-menu li a.current {
color:#000000
}

.offcanvas.hover-style-cosmatics .offcanvas-userpanel ul li.offcanvas-userpanel__role ul.user-sub-menu a.current {
color: #c0b07d
}

.offcanvas.hover-style-electronic .offcanvas-userpanel ul li.offcanvas-userpanel__role ul.user-sub-menu a.current {
color: #0090f0
}

.offcanvas.hover-style-furniture .offcanvas-userpanel ul li.offcanvas-userpanel__role ul.user-sub-menu a.current {
color: #ef1e1e
}

.offcanvas.hover-style-medical .offcanvas-userpanel ul li.offcanvas-userpanel__role ul.user-sub-menu a.current {
color: #0bbfbd
}

.offcanvas .menu-close {
background: #000000;
color: #fff;
line-height: 40px;
height: 40px;
padding: 0 20px;
font-size: 16px;
font-weight: 600;
text-transform: uppercase;
pointer-events: none;
position: relative
}

.offcanvas .menu-close i {
position: absolute;
right: 20px;
top: 50%;
margin-top: -12px;
font-size: 24px
}

.home-medical.home-19 .mobile-view-color .item-quantity-tag {
background: #0bbfbd !important;
color: #fff !important
}

.home-medical.home-19 .mobile-view-color .color-black {
color: #253237
}

.home-medical.home-19 .mobile-view-color .color-black:hover {
color: #0bbfbd
}

.Place-order .cart-button {
width:100%;
}

.filter-active a {
font-weight: 400;
font-size: 16px;
color: #888;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-transform: capitalize
}

.filter-active {
max-width: 10%;
-webkit-box-flex: 0;
-ms-flex: 0 0 10%;
flex: 0 0 10%;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end
}

.filter-page .shop-tab.nav {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}

@media only screen and (min-width:992px) and (max-width:1169px) {
.filter-page .select-shoing-wrap {
-webkit-box-flex: 0;
-ms-flex: 0 0 40%;
flex: 0 0 40%;
max-width: 40%
}
}

@media only screen and (min-width:768px) and (max-width:991px) {
.filter-page .select-shoing-wrap {
-webkit-box-flex: 0;
-ms-flex: 0 0 40%;
flex: 0 0 40%;
max-width: 40%
}
}

@media only screen and (max-width:767px) {
.filter-active {
margin-top: 15px;
max-width: 20%;
-webkit-box-flex: 0;
-ms-flex: 0 0 20%;
flex: 0 0 20%;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start
}

.shop-top-bar {
padding: 20px 30px
}

.filter-page .shop-tab.nav {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
}

.filter-active a i {
font-size: 12px;
margin-right: 5px
}

.filter-active a:hover {
color:#000000
}

.product-filter-wrapper {
background-color: #fff;
border: 1px solid #ebebeb;
margin-bottom: 40px;
padding: 45px 45px 40px;
display: none;
border-radius: 5px
}

.sidebar-widget-tags a {
color: #555;
font-weight: 500;
line-height: 28px
}

.contact-info a {
font-weight: 700
}

.contact-info a:hover {
color:#000000
}

.hover-style-medical .contact-info a:hover {
color: #0bbfbd
}

.hover-style-cosmatics .contact-info a:hover {
color: #c0b07d
}

.hover-style-electronic .contact-info a:hover {
color: #0090F0
}

.hover-style-furniture .contact-info a:hover {
color: #ef1e1e
}

.banner-wrapper {
position: relative;
}

.banner-box-text {
position: absolute;
bottom: 10px;
left:25px;
width:70%;
}

.banner-wrapper a span {
font-size: 20px;
font-weight: 400;
color: #e56a10;
background-image: url(../images/more_bg.png);
background-repeat: no-repeat;
width: 100%;
display: block;
height: 100%;
background-size: cover;
background-position: center;
padding-left: 30px;
padding-top: 8px;
padding-bottom: 8px;
}

.owl-nav-style .owl-nav>div.owl-next.disabled  ,.owl-nav-style .owl-nav>div.owl-prev.disabled {
background-color: #fff;
color:#000000;
border: 1px solid #000000;
}

.footer-logo a {
font-size: 28px;
text-transform: uppercase;
font-weight: 600;
color:#000000;
display: inline-block;
}

.need-help ul li+li{
margin-top: 10px;
}

.need-help ul li  a{
display: flex;
font-size: 14px;
color:#666;
}

.need-help ul li  a span{
margin-right: 8px;
}

.bulkimg {
position: relative;
}

.bulkimg .order-text{
position: absolute;
top: 50%;
right: 10%;
transform: translateY(-50%);
}

img{
max-width: 100%;
}

.order-text p {
font-size: 35px;
font-weight: 500;
margin-bottom: 20px;
color: #c07549;
}

.order-text span{
font-size: 18px;
font-weight: 400;
display: inline-block;
padding: 10px 15px;
line-height: 1;
color: #ffffff;
background-color:#c07549;
}

section{
padding:30px 0;
}


.footer-icon {
font-size: 22px;
}

.product-deatil {
height: 480px;
overflow: hidden;
position: relative;
}

.product-deatil img {
max-width: 100%;
max-height: 100%;
height: auto;
width: auto;
margin: auto;
display: block;
}

.login-register-section{
background: url(../images/banner1.jpg) no-repeat top center;
background-size: cover;
background-position: left 50% top 50%;
width: 70%;
z-index: 1;
min-height: 100%;
height: auto;
position: fixed;
top: 0;
left: 0;
}

.login-register-wrapper{
width: 30%;
background: #f4f4f4;
padding: 20px;
border-radius: 5px;
position: absolute;
right: 0;
}

.login-register-wrapper .tab-content {
margin-top: 100px;
}

.login-register-area{
padding:30px 0;
background-color:#fff;
}

.f-get-pass.text-right a {
color: #222222;
margin-top: 8px;
}

.save-info.login-check {
margin-top: 5px;
}

section.page-bradcrumb {
background: #f4f4f4;
}


.sing-text a {
color: #000000;
display: inline-block;
margin: 10px 0;
}

.sing-text a span{
color:#000000;
}

.left-sidebar {
position: sticky;
top: 100px;
}


/************** dashboard css start ***********/
/* Profile */
.user-wrap {
padding-top: 20px;
padding-bottom: 50px;
}
.pro-sec, .profile-sec {
border-top: 1px solid rgba(0,0,0,.1);
}
.user-profile {
background-color: #f4f7fb;
text-align: center;
position: relative;
}
/* .user-profile::before {
content: "";
position: absolute;
left: 0;
right: 0;
top: 0;
z-index: 0;
background-color: #002967;
width: 100%;
height: 120px;
} */
.pro-sec, .profile-sec {
border-top: 1px solid rgba(0,0,0,.1);
}
.username-dt {
z-index: 1;
position: relative;
margin-bottom: 25px;
}

.user-specs {
padding: 14px;
background:#000000;
}
.user-specs h3 {
color: #fff;
margin: 0px;
font-size: 18px;
font-weight: bold;
}
.user-specs span {
font-size: 16px;
color: #424242;
}

.menu-profile {
background-color: #fff;
}
.menu-profile a {
display: block;
padding: 14px 15px;
color: #000;
background-color: #fff;
font-size: 16px;
outline: none;
border: none;
text-transform: capitalize;
text-decoration: none;
transition: 0.6s;
border: 1px solid #d3d3d3;
text-align: left;
}
.menu-profile a:hover {
background-color: #fff;
color: #000;
}

.menu-profile a.active {
background: rgb(41 42 45);
color: #fff;
box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.right-side {
padding: 36px;
background-color: #f4f7fb;
/* min-height: 500px; */
position: relative;
}
.right-side table.table {
margin-top: 35px;
background-color: #ffffff;
}
.right-side .form-group {
margin-top: 25px;
}

.page-header-action {
margin-top: 35px;
display: inline-block;
vertical-align: top;
float: right;
text-align: center;
}
.page-header-action .profile {
display: inline-block;
vertical-align: middle;
width: 50px;
height: 50px;
text-align: center;
margin: auto;
border-radius: 100%;
border: 2px solid #002967;
}
.page-header-action p {
color: #fff;
margin-top: 5px;
margin-bottom: 5px;
}
.right-side .form-group .btn.cs-btn:hover {
background-color: inherit;
border: 1px solid #000;
}
.right-side .form-group.pic .form-control {
height: auto;
}
.dash-item{
display: inline-block;
padding: 15px 10px;
border: 1px solid lightgray;
width: 23%;
text-align: center;
margin: 0px 7px;
}
.dash-item span {
display: block;
font-size: 30px;
margin-bottom: 20px;
color:#000000;
}
.dash-item h2 {
font-size: 14px;
text-transform: uppercase;
margin: 0px;
letter-spacing: 0.5px;
color: #000000;
}
.dashboard-box h3{
font-size: 15px;
letter-spacing: 0.5px;
}
.dashboard-box p{
margin-bottom: 20px;
color: #808080;
}
/* Porfile end */

/* address start */
.add-item {
position: relative;
background: #fff;
height: 266px;
border-width: 1px;
box-sizing: border-box;
border-color: #f4f4f4;
border-style: solid;
border-radius: 10px;
margin: 10px 10px;
box-shadow: 0px 4px 20px 0px rgba(44, 101, 144, 0.1);
}
.add-title{
border-bottom: 1px solid #f4f4f4;
}
.add-title h4 {

padding-bottom: 10px;
padding-left: 20px;
padding-top: 14px;
margin: 0px;
}
.add-main{
padding-bottom: 10px;
padding-left: 20px;
padding-top: 8px;
}
.add-main h3{
margin: 0px;
font-weight: bold;
line-height: 28px;
}
.add-main p{
margin-bottom: 15px;
}
.add-button{
position: absolute;
bottom: 24px;
padding-left: 20px;
padding-top: 8px;
}
.update-btn{
background: rgb(230 23 131);
color: #fff;
}
/* add css end */

/* order css */
.order-item {
padding: 16px 12px 14px 20px;
box-shadow: 0px 4px 20px 0px rgba(44, 101, 144, 0.1);
background-color: #fff;
border: 1px solid #f4f4f4;
}
.order-sec{
display: flex;
justify-content: space-between;
}
.order-num p{
margin-bottom: 12px;
}
.order-dly p{
margin-bottom: 12px;
}
.ord-nw-cl {
color: #ce0909;
}
.ord-cl{
text-transform: uppercase;
color: #ce0909;
margin: 0px;
font-size: 18px;
font-weight: 900;
}
.ord-inr{
margin-bottom: 12px;
}
.inr{
text-transform: uppercase;
color: #808080;
}
.ord-btn{
color: #000;
border: 1px solid;
transition: 0.5s all;
}
.ord-btn:hover{
background: rgb(230 23 131);
border: 1px solid rgb(230 23 131);
color: #fff;
}
/* end order css */

/************** dashboad css end ***********/

/* order confirm css */
.od-cfm-sec{
padding-top: 40px;
padding-bottom: 50px;
}
.customer-info{
display: flex;
justify-content: space-between;
}
.common-box{
padding: 10px;
}
.od-bx{
background: #fff;
padding: 18px;
box-shadow: 0px 4px 20px 0px rgba(44, 101, 144, 0.1);
margin-bottom: 15px;
border: 1px solid #f4f4f4;
}
.success-green{
color: rgb(0 128 0);
}
.od-bx h3{
text-transform: capitalize;
color: #222;
font-size: 22px;
}
.od-bx p{
letter-spacing: 1px;
text-transform: capitalize;
}
.ct-bx-1 h4{
font-weight: 600;
font-size: 15px;
color: #000;
margin-bottom: 5px;
}
.od-mainbx{
display: flex;
align-items: center;
border-bottom: 1px solid #ccc;
}
.od-img img{
width: 100px;
height: 100px;
object-fit: cover;
}
.od-img{
margin-right: 10px;
}
.od-info p{
letter-spacing: 1px;
font-weight: 700;
}
.od-qty span {
display: block;
letter-spacing: 1px;
color: #dc042d;
}
.od-price span{
display: block;
letter-spacing: 1px;
color: #dc042d;
}
.sub-box{
border-bottom: 1px solid #ccc;
padding-top: 12px;
}
.sub-tt{
display: flex;
justify-content: space-around;
}
.sub-head p{
letter-spacing: 1px;
}
.sub-price span{
font-weight: 700;
letter-spacing: 1px;
}
.tt-bx{
display: flex;
justify-content: space-around;
padding-top: 10px;
}
.tt-bx-head p{
letter-spacing: 1px;
letter-spacing: 1px;
font-size: 22px;
font-weight: 700;
}
.tt-bx-pc span{
letter-spacing: 1px;
font-size: 16px;
font-weight: 600;
color: #dc042d;
}
.conti-btn{
background:#000000;
color: #fff;
letter-spacing: 2px;
padding: 10px 20px;
}
.conti-btn:hover{
color: #000000;
background: transparent;
border:1px solid #000000;
}
.main-od-box{
box-shadow: 0px 4px 20px 0px rgba(44, 101, 144, 0.1);
padding: 15px;
border: 1px solid #f4f4f4;
}
/* end */

button.dropdown-toggle.header-action-btn.hover-style-default.color-black.border-color-black {
color: #000000;
}

section.slider-section {
padding: 0;
}

/* end */

.header-top {
background-color: #ffffff;
box-shadow: 0 0 10px rgba(0,0,0,.1);
}

article.category-box {
padding: 5px;
position: relative;
box-shadow: 0px 0px 5px rgba(0,0,0,.2);
margin: 5px;
}

.productlist {
text-align: center;
}

.productlist  a{
color: #000000;
border-bottom: 1px solid #000000;
text-transform: capitalize;
font-size: 16px;
display: inline-block;
padding: 5px 0;
}

.category-img img {
aspect-ratio: 3/2;
object-fit: contain;
}

.section-title {
text-align: center;
}

.banner-heading {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 0;
height: 100%;
background-color: #eeeeee;
text-align: center;
}



.product-decs {
text-align: left;
padding: 10px;
}

.heading-bane span {
font-size: 30px;
font-weight: 500;
color: #000;
text-transform: uppercase;
letter-spacing: 1px;
margin-bottom: 20px;
display: inline-block;
}


.exploremore a {
font-size: 16px;
color: #000;
text-decoration: none;
font-weight: 400;
padding: 10px 30px;
border: 1px solid #000000;
line-height: 1;
display: inline-block;
width: 50%;
letter-spacing: 1px;
transition:all 0.4s ease-in-out;
}

.exploremore a:hover{
background-color:#000000;
color:#ffffff;
}

.color-box{
display: flex;
}


.greatForm > label, .greatForm > span, .greatcolorForm>label, .greatcolorForm >span {
position: relative;
top: 0;
left: 0;
color: #222222;
font-size: 1em;
background-color: transparent;
width: 45px;
text-align: center;
height: 45px;
line-height: 45px;
border: 1px solid #ccc;
cursor: pointer;
}

.greatForm > input[type=radio] {
background-color: #CC0000;
height: 0em;
width: 0em;
background: none;
margin: 3px;
}

.greatcolorForm >input[type=radio],.greatcolorForm >input[type=checkbox], .size-fl,.color-fl{
width: 0;
height: 0;
outline: 5px;
}

.size-fl:checked + label {
background-color: #000000;
color: #ffffff;
}

.size-fl +label{
position: relative;
top: 0;
left: 0;
color: #222222;
font-size: 1em;
background-color: transparent;
min-width: 45px;
text-align: center;
height: 35px;
line-height: 35px;
border: 1px solid #ccc;
cursor: pointer;
}

.greatForm > input[type=radio]:checked + label,
.greatForm > input[type=radio]:checked + span {
background-color: #000000;
color: #ffffff;
}

.greatcolorForm > input[type=radio]:checked + label,
.greatcolorForm > input[type=radio]:checked + span {
box-shadow:0 0 0 3px #0000001a;
}

.list-product {
position: relative;
}


.pro-cart {
position: absolute;
bottom: -100%;
left: 0;
height: 100%;
width: 100%;
background-color: #ffffff;
transition: all 0.4s ease-in-out;
opacity: 0;
z-index: 99;
padding: 20px;
}


.close-icone {
text-align: right;
}

.pro-cart.changeCursor{
bottom: 0;
opacity: 1;
}
.select-color span {
color: #222222;
font-size: 14px;
font-weight: 500;
margin: 5px 0;
display: inline-block;
}

.close-icone {
text-align: right;
font-size: 15px;
font-weight: 500;
color: #222222;
cursor: pointer;
}

.close-icone span {
color: #253237;
font-weight: 500;
font-size: 18px;
margin-left: 5px;
}

.add-cartbox a {
display: flex;
padding: 10px;
font-size: 14px;
background-color: #000000;
line-height: 1;
width: 100%;
color: #fff;
text-transform: uppercase;
position: relative;
align-items: center;
justify-content: space-around;
}


.add-cartbox a:before {
content: '\f110';
display: inline-block;
font-size: 28px;
font-family: "Ionicons";
vertical-align: middle;
float: left;
font-weight: 400;
}

.add-cartbox {
margin-top: 20px;
text-align: center;
}

.add-cartbox a i{
margin-left: 8px;
}

.product-heading {
position: relative;
padding: 8px 0;
margin-bottom: 15px;
}

.product-heading{
text-align:center;
}

.product-heading span {
color: #39404a;
font-size: 34px;
font-weight: 500;
text-transform: capitalize;
letter-spacing: 0.5px;
line-height:40px;
}

/*.product-heading::before{*/
/*    position: absolute;*/
/*    bottom: 0;*/
/*    left: 0;*/
/*    content: '';*/
/*    height: 2px;*/
/*    width: 12%;*/
/*    background-color:#000000;*/
/*}*/
/*.product-heading::after{*/
/*    position: absolute;*/
/*    bottom: 0;*/
/*    content: "";*/
/*    left:0;*/
/*    height: 2px;*/
/*    width: 90%;*/
/*    background-color: #EAEAEA;*/
/*    z-index: -1;*/
/*}*/





/* ======================blog-section============== */
.blog-heading{
text-align: center;
padding: 25px;
}

.blog-heading span{
color: #222222;
font-size: 18px;
font-weight: 500;
margin-bottom: 10px;
}

.blog-heading p{
font-size: 15px;
}

.blog-heading  a{
color: #000000;
font-size: 16px;
text-transform: capitalize;
font-weight: 500;
letter-spacing: 1px;
}

.blog-box{
box-shadow: 0 0 4px rgba(0,0,0,.15);
}

.productimg {
overflow: hidden;
}

.productimg img {
transition: all 1.5s;
width: 100%;
}


.big-img {
overflow: hidden;
margin-bottom: 20px;
}

.big-img img {
width: auto !important;
height: auto;
max-width: 100%;
max-height: 100%;
margin: auto;
}

.thumb-img img {
height: auto;
width: auto !important;
max-width: 100%;
max-height: 100%;
margin: auto;
border: 1px solid #000;
padding:5px;
}
.thumb-img {
overflow: hidden;
cursor: pointer;
margin-bottom: 10px;
}

.owl-stage {
margin: auto;
}

/* ======================blog-section============== */
.cart-button {
position: relative;
width:180px;
height: 40px;
border: 0;
border-radius: 10px;
background-color: #000000;
outline: none;
cursor: pointer;
color: #fff;
transition: .3s ease-in-out;
overflow: hidden;
margin-left: 10px;
}

.cart-button:hover {
background-color: #000000;
}
.cart-button:active {
transform: scale(.9);
}

.cart-button .fa-shopping-cart {
position: absolute;
z-index: 2;
top: 50%;
left: -10%;
font-size: 2em;
transform: translate(-50%,-50%);
}
.cart-button .fa-box {
position: absolute;
z-index: 3;
top: -20%;
left: 52%;
font-size: 1.2em;
transform: translate(-50%,-50%);
}
.cart-button span {
position: absolute;
z-index: 3;
left: 50%;
top: 50%;
font-size: 1.2em;
color: #fff;
transform: translate(-50%,-50%);
}
.cart-button span.add-to-cart {
opacity: 1;
}
.cart-button span.added {
opacity: 0;
}

.cart-button.clicked .fa-shopping-cart {
animation: cart 1.5s ease-in-out forwards;
}
.cart-button.clicked .fa-box {
animation: box 1.5s ease-in-out forwards;
}
.cart-button.clicked span.add-to-cart {
animation: txt1 1.5s ease-in-out forwards;
}
.cart-button.clicked span.added {
animation: txt2 1.5s ease-in-out forwards;
}
@keyframes cart {
0% {
left: -10%;
}
40%, 60% {
left: 50%;
}
100% {
left: 110%;
}
}
@keyframes box {
0%, 40% {
top: -20%;
}
60% {
top: 40%;
left: 52%;
}
100% {
top: 40%;
left: 112%;
}
}
@keyframes txt1 {
0% {
opacity: 1;
}
20%, 100% {
opacity: 0;
}
}
@keyframes txt2 {
0%, 80% {
opacity: 0;
}
100% {
opacity: 1;
}
}



.admin-icon {
width: 35px;
height: 35px;
border-radius: 100%;
background-color: #f4f4f4;
color: #222222;
font-size: 16px;
text-align: center;
margin-right: 12px;
line-height: 35px;
}

.authore-name a {
font-size: 16px;
font-weight: 500;
color: #222;
}

.prodcut-reviewsheading span {
font-size: 17px;
color: #000000;
margin-bottom: 15px;
display: block;
}

.star-rating {
display:flex;
flex-direction: row-reverse;
font-size:1.5em;
justify-content:space-around;
padding:0 .2em;
text-align:center;
width:5em;
}

.star-rating input {
display:none;
}

.star-rating label {
color:#ccc;
cursor:pointer;
}

.star-rating :checked ~ label {
color:#f90;
}

.star-rating > input:not(:checked) ~ label:hover,
.star-rating > input:not(:checked) ~ label:hover ~ label{
color: #f90;
}

.rating-text {
font-size: 14px;
color: #464646;
font-weight: 500;
letter-spacing: 1px;
margin-right: 5px;
}

.form-group.btn-box{
margin-top: 15px;
}

.form-group.btn-box button{
padding:8px 25px;
border-radius: 10px;
background-color: #000000;
color: #fff;
box-shadow: none;
border: none;

}

.form-control:focus{
box-shadow: none;
outline: 0;
border: 1px solid #000000;
}

.Reviews-form  span{
margin-bottom: 10px;
display: block;
}

.Reviews-form > span {
font-size: 17px;
display: block;
color: #000000;
}


button.btn.text-white.bg-dark.transition-3.form-control.mt-20 {
background-color: #000!IMPORTANT;
border: 0;
}

.log-email {
margin-bottom: 8px;
}

.common-title h4 {
text-transform: uppercase;
color: #000;
font-size: 23px;
line-height: 26px;
letter-spacing: 1px;
font-weight: 500;
}

.login-style {
padding: 30px;
background-color: rgba(255,255,255,0.2);
backdrop-filter: opacity(0.3);
border-radius: 10px;
}


.top-header {
padding: 8px 0;
background-color: #000;
}

.top-header p{
color:#ffffff;
letter-spacing:1.4px;
}


vehicle-detail-banner .car-slider-desc {
max-width: 180px;
margin: 0 auto;
}
.banner-slider .slider.slider-for {
max-width: 84%;
padding-right: 35px;
}
.banner-slider .slider.slider-nav {
max-width: 16%;
}
.banner-slider .slider.slider-for,
.banner-slider .slider.slider-nav {
width: 100%;
float: left;
}
.banner-slider .slider.slider-nav {
height: 610px;
overflow: hidden;

}
.slider-banner-image {
height: 610px;
}
.banner-slider .slider.slider-nav {
padding: 20px 0 0;
}
.slider-nav .slick-slide.thumbnail-image .thumbImg{
max-width: 178px;
height: 110px;
margin: 0 auto;
border: 1px solid #EBEBEB;
}
.slider-banner-image img,
.slider-nav .slick-slide.thumbnail-image .thumbImg img {
height: 100%;
width:100%;
object-fit: cover;
}
.slick-vertical .slick-slide:active,
.slick-vertical .slick-slide:focus,
.slick-arrow:hover,
.slick-arrow:focus {
border: 0;
outline: 0;
}
.slider-nav .slick-slide.slick-current.thumbnail-image .thumbImg {
border: 2px solid #196DB6;
}
.slider-nav .slick-slide.slick-current span {
color: #196DB6;
}
.slider-nav .slick-slide {
text-align: center;
}
.slider-nav .slick-slide span {
font-size: 14px;
display: block;
padding: 5px 0 15px;
}
.slick-arrow {
width: 100%;
background-color: transparent;
border: 0;
background-position: center;
background-repeat: no-repeat;
font-size: 0;
height: 18px;
position: absolute;
left: 0;
right: 0;
z-index: 99;
}
.slick-prev {
top: 0;
}
.slick-next {
bottom: 0;
background-color: #fff;
}
.slick-prev.slick-arrow {
background-image: url(../images/black-up-arrow.png);
}
.slick-next.slick-arrow {
background-image: url(../images/black-down-arrow.png);
}
/*End USE CSS for Slider*/

@media screen and (max-width : 991px) {

.banner-slider .slider.slider-for,
.banner-slider .slider.slider-nav {
max-width: 100%;
float: none;
}
.banner-slider .slider.slider-for {
padding-right: 0;
}
.banner-slider .slider.slider-nav {
height: auto;
}
.slider-banner-image {
height: 500px;
} 
.slider.slider-nav.thumb-image {
padding: 10px 30px 0;
}
.slider-nav .slick-slide span {
padding: 5px 0;
}
.slick-arrow {
padding: 0;
width: 30px;
height: 30px;
top: 50%;
bottom: 0;
-webkit-transform: translateY(-50%) rotate(-90deg);
-moz-transform: translateY(-50%) rotate(-90deg);
-ms-transform: translateY(-50%) rotate(-90deg);
transform: translateY(-50%) rotate(-90deg);
}
.slick-prev {
left: 0;
right: unset;
}
.slick-next {
left: unset;
right: 0;
   background-color: transparent;
}
.vehicle-detail-banner .car-slider-desc {
max-width: 340px;
}
.bid-tag {
padding: 10px 0 15px;
}
.slider.slider-nav.thumb-image {
white-space: nowrap;
}
.thumbnail-image.slick-slide {
padding: 0px 5px;
min-width: 75px;
display: inline-block;
float: none;
}
}

@media screen and (max-width : 767px) {
.slider-banner-image {
height: 400px;
}
.slider.slider-nav.thumb-image {
padding: 0px 20px 0;
margin: 10px 0px 0;
}
.slider-nav .slick-slide.thumbnail-image .thumbImg {
max-width: 140px;
height: 80px;
}
.slick-prev.slick-arrow {
background-position: center 10px;
}
.slick-next.slick-arrow {
background-position: center 10px, center;
}
.slider-nav .slick-slide span {
font-size: 12px;
white-space: normal;
}
}

@media screen and (max-width: 580px) {
.slider-banner-image {
height:340px;
}
}

@media screen and (max-width : 480px) {
.slider-banner-image {
height:280px;
}
}




.wishs {
width: 45px;
height: 45px;
display: inline-block;
text-align: center;
line-height: 45px;
border-radius: 50%;
color: #000000;
font-size: 18px;
position: absolute;
top: 15px;
right: 5%;
background: #fff;
font-weight: 500;
filter: opacity(0.6);
z-index: 999;
}

.wishs a{
display:block;
color:#000;
}

.select-pro a {
padding: 5px 15px;
text-align: center;
display: flex;
width: 100%;
margin: auto;
color: #ffffff;
background-color: #000;
line-height: 1;
letter-spacing: 1px;
align-items: center;
justify-content: space-between;
}

.select-pro a img{
margin-right:5px;
}


.productimg , .single-product-wrap .product-thumbnail{
position:relative;
}

.productimg img , .single-product-wrap .product-thumbnail a img{
height:100%;
width:100%;
max-height:100%;
max-width:100%;
margin:auto;
object-fit:content;
}

figure {
margin: 0;
}

.list-product:hover .select-pro{
bottom:0%;
opacity:1;
}

span.curnet-old {
font-size: 16px;
font-weight: 400;
color: #555555;
letter-spacing: 0.5px;
margin-right: 5px;
font-weight: 400;
}

.current-price {
font-weight: 500;
color: #222222;
}

.product-decs p {
margin-bottom: 5px;
font-size: 14px;
color: #565656;
display: -webkit-box;
-webkit-line-clamp: 2;
overflow: hidden;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
}

.category-box {
text-align: center;
}

.category-box-img img {
border-radius: 100%;
width: auto !important;
height: 80px;
margin: auto;
}
.category-text a {
font-size: 11px;
font-family: "Jost";
font-weight: 500;
line-height: 14px;
text-align: center;
color: #000;
text-transform: uppercase;
}

.form-control,.form-control:focus{
border:1px solid #bfb4b4;
background-color:transparent;
border-radius:0;
}

.common-title {
text-align: center;
}

.btn.form-control {
width: 60%;
margin: auto;
display: block;
}

.variant-price p , .load-variant1 p {
padding-left: 10px;
margin-top: 10px;
font-size: 16px;
font-weight: 500;
}

marquee {
color: #fff;
font-size: 15px;
}


article.featuerd-products {
display: flex;
width: 100%;
overflow: hidden;
position: relative;
margin-bottom: 25px;
padding: 18px 18px;
border-radius: 8px;
background: #ffffff;
border: 1px solid #e8e8e8;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
transition: all linear .3s;
}

.featuerdimg {
position: relative;
overflow: hidden;
flex-shrink: 0;
}


.featuerdimg img {
transition: all 1.5s;
width: 100%;
height: 220px;
width: 220px;
object-fit: cover;
display: block;
}

.featuerdt-decs {
margin-top: 10px;
}

a.featuerdt-link {
font-size: 16px;
color: #565765;
margin-bottom: 5px;
display: inline-block;
font-weight: 500;
text-transform: capitalize;
}

.featuerdt-decs p {
display: -webkit-box;
display: -webkit-box;
-webkit-line-clamp: 2;
overflow: hidden;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
font-size: 15px;
line-height: 24px;
margin-bottom: 8px;
}

.featuerdt-decs .pricing-meta{
color:#555555;
margin-bottom:5px;
}

.color-boxs label {
width: 20px;
height: 20px;
border-radius: 100%;
}

.option-color span {
font-size: 16px;
color: #555555;
display: inline-block;
margin-bottom: 8px;
}

.featuerdt-pro  {
text-align: center;
background: #e8e8e8;
padding: 6px 0;
border-radius: 6px;
}

.featuerdt-pro a{
display:inline-block;
color:#555555;
font-size:15px;
letter-spacing:0.5px;
width:100%;
}

@media(max-width:768px){
.featuerdimg img {
height: auto;
width: 150px;
}

.featuerdt-decs {
padding-left: 10px;
margin-left: 10px;
border-left: 1px solid #e8e8e8;
}
.featuerdt-decs p{
display:none;
}
.featuerdt-pro a{
font-size:13px;
}
.featuerdt-pro{
padding:8px;
}
}

.user-icon2 img{
width:27px;
height:22px;
}

.header-right-nav ul {
line-height: 1;
}

.header-top .container{
position:relative;
}

.droplist-box h4 > a{
color:#222222 !important;
}

.cat-box-name li a , .droplist-box a {
margin: 0 !important;
font-size: 14px !important;
padding: 0 !important;
font-weight:400 !important;
}

.cat-box-name li {
display:block !important;
}

.cat-box-name li+li{
margin-top:10px;
}

.sub-menu h4 {
margin-bottom: 10px;
font-size: 20px;
text-transform: capitalize;
color: #222222;
font-weight: 400;
}

.droplist-box {
border-right: 1px solid #a7a7a7;
}

.droplist-box:last-child{
border:none;
}

.size-fl +label {
position: relative;
top: 0;
left: 0;
color: #222222;
font-size: 14px;
background-color: transparent;
min-width: 66px;
text-align: center;
height: 32px;
line-height: 32px;
border: 1px solid #ccc;
cursor: pointer;
margin-top: 8px;
border-radius: 30px;
padding: 8px;
display: inline-flex;
align-items: center;
justify-content: center;
}

.size-filter-box {
border-bottom: 1px dashed #d9d9d9!important;
padding-bottom: 15px;
margin-bottom: 15px;
}

.filter-wrapper h3 {
font-size: 18px;
font-weight: 600;
color: #000;
line-height: 26px;
}

.size-filter-box span{
font-size:14px;
font-weight:600;
color:#000000;
margin-bottom:8px;
line-height:20px;
}

.color-fl +label {
height: 40px;
min-width: 40px;
line-height: 40px;
border-radius: 50%;
border: 1px solid #ccc;
cursor: pointer;
margin-top: 8px;
}

.color-fl:checked +label{
border:2px solid #222222;
}

.filter-wrapper {
background: #ffffff;
padding: 18px;
border: 1px solid #e7e7e7;
border-radius: 10px;
box-shadow: 0 4px 44px rgba(0,0,0,.04);
}
.pricing-meta ul{
display: flex;
align-items: center;
justify-content: space-between;
}

.pri_del {
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 20px;
}

.size-color {
display: flex;
align-items: center;
margin-top: 15px;
}

.size-color p{
color:#000000;
padding-right:8px;
line-height:1;
border-right:1px solid #222222;
margin-right:8px;
}

.size-color p:last-child{
border:none;
padding:0;
margin:0;
}

.size-color p span {
font-size: 14px;
font-weight: 500;
letter-spacing: 0.5px;
margin-right: 5px;
}

.foot .buttons {
display: flex;
}

.body.customScroll {
height: 420px;
overflow: auto;
}
.fix-foo {
position: fixed;
bottom: 5px;
width: 90%;
background-color: #ffffff;
}
.tab-content>.active img {
max-width: 100%;
max-height: 100%;
height: 200px !important;
width: auto;
margin: auto;
display: block;
}

.tab-content>.active{
height:350px;
overflow:auto;
}


.subscrib-text p {
font-size: 16px;
}

.dropdown_search input::placeholder{
color:#858585;
}

.dropdown_search input{
color: #000000;
font-size: 15px;
letter-spacing: 0.5px;
text-transform: capitalize;
font-weight:600;
}
.owl-carousel .owl-next,.owl-carousel .owl-prev {position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:40px;height:40px;z-index:99;background-color:#fff;border-radius:50%;line-height:37px;text-align:center;border:2px solid #f6f3ff;font-size:23px;left:-25px}
.owl-carousel .owl-next{left:auto;right:-25px}

/* PRICE RANGE */
.slider-box {width: 90%; margin: 25px auto}
.price-range , .price-range:focus {
border: none;
display: inline-block;
margin-right: 0;
vertical-align: top;
width: auto;
margin-right: 10px;
outline:none;
box-shadow:none;
border:none;
font-size:15px;
font-weight:500;
margin-right:8px;
}

.slider {margin: 20px 0}

.ui-widget-header {
border: none;
background: #000;
color: #333;
font-weight: 700;
}

.ui-slider-horizontal .ui-slider-handle {
top: -0.4em;
margin-left: -0.6em;
}

.ui-slider-horizontal {
height: 0.5em;
}

.ui-button, .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, html .ui-button.ui-state-disabled:active, html .ui-button.ui-state-disabled:hover{
background-color:#000000;
border:none;
border-radius:50%;
}
/*END PRICE RANGE */

.recent-product-slider img{
width:auto !important;
}

.number-box.greatcolorForm.image-input-box label{
width:75px;
height:65px;
line-height:75px;
}

.number-box.greatcolorForm.image-input-box label {
width: 80px;
height: 80px;
line-height: 75px;
background-size: contain !important;
background-repeat: no-repeat;
background-color: #e8e8e8;
background-position: center;
}

.productImg {
height: 450px;
overflow: hidden;
margin-bottom: 15px;
}

.productImg img {
height: auto;
width: auto !important;
max-width: 100%;
max-height: 100%;
object-fit: contain;
margin: auto;
}

.thumbs-moreimg {
width: 100px;
overflow: hidden;
background-color: #e8e8e8;
border: 2px solid lightgrey;
}

.thumbs-moreimg img {
height: auto;
width: auto !important;
max-width: 100%;
max-height: 100%;
margin: auto;
}

@media(max-width:768px){
.list-product, .single-product-wrap{
padding:6px;
border-radius:10px;
}

.product-details-content h2 {
margin: 8px 0 !important;
}

.tab-content>.active{
height:250px;
overflow:auto;
}

.color-tont {
position: relative;
top: 0;
flex-direction: row;
margin-top: 5px;
}
.product-decs {
text-align: left;
padding: 5px 0;
}
.wishs {
width: 35px;
height: 35px;
line-height: 35px;
font-size: 16px;
position: absolute;
top: 0px;
right: 0%;
filter: opacity(1);
}

li.select-pro {
display: none;
}
.col-lg-3.col-6.mb-2 {
padding: 0 5px;
}
.circle {
width: 23px;
height: 23px;
}
.current-price{
font-size:14px;
}
span.curnet-old{
margin:0;
}
.thumbs-moreimg {
height: 75px;
width: 65px;
}
.productImg {
height: auto;
overflow: hidden;
margin-bottom: 15px;
}
.productImg img {
height: auto;
width: auto !important;
max-width: 100%;
max-height: 100%;
object-fit: cover;
margin: auto;
aspect-ratio: 3/3;
}

div#thumbs {
display: none;
}
.product-details-content h2 {
font-size: 16px;
color: #000;
font-weight: 500;
margin: 0 0 10px;
line-height: 24px;
text-transform: capitalize;
}
.cart-button span {
position: relative;
z-index: 3;
left: 0;
top: 0;
font-size: 1em;
color: #fff;
transform: translate(-0%,-0%);
}
.cart-button {
position: relative;
width: 120px;
height: 40px;
border: 0;
border-radius: 0;
letter-spacing: 0.4px;
}
.number-box.greatcolorForm.image-input-box label {
width: 50px;
height: 50px;
border-radius: 50%;
border: none;
}
div#offcanvasTop {
width: 100%;
}
.mobile-search-bar button, .mobile-search-bar button:focus {
outline: none;
border: none;
background: transparent;
box-shadow: none;
font-size: 24px;
margin: 0;
color: #000000;
position: relative;
top: 2px;
}
.offcanvas-top .offcanvas-body{
padding-left:0;
padding-right:0;
}
.logo img {
height: 38px;
object-fit: contain;
}
.filter-box-wrp {
background: #ffffff;
padding: 18px;
border: 1px solid #e7e7e7;
border-radius: 10px;
box-shadow: 0 4px 44px rgba(0,0,0,.04);
position: fixed;
top: 0;
left: -100%;
z-index:999999;
background-color: #ffffff;
border-radius: 0;
width: 100%;
height: 100%;
overflow: hidden;
transition:all 0.4s ease-in-out;
visibility:hidden;
}

.filter-box-wrp.clicked{
left:0;
overflow:auto;
visibility:visible;
}
.closed-filter-button {
position: fixed;
bottom: 0;
left: 0;
right: 0;
box-shadow: 1px 13px 18px 1px rgb(0 0 0 / 4%);
padding: 10px;
z-index: 999;
background-color: #ffffff;
}
button.btn.two, button.btn.three ,button.btn.two:focus ,button.btn.three:focus {
width: 100%;
border-radius: 0;
color: #000000;
font-weight: 500;
text-transform: uppercase;
font-size: 15px;
letter-spacing: 0.5px;
border:none;
outline:none;
box-shadow:none;
margin: 5px;
line-height:22px;
height:40px;
}
button.btn.two{
background-color:#f2f2f2;
color:#000000;
}
button.btn.three{
background-color:#000000;
color:#ffffff;
}
.breadcrumb-area{
text-align:left;
}

button.one {
position: fixed;
bottom: 0;
left: 0;
right: 0;
z-index: 99999;
padding:10px;
border: none;
outline: none;
background: #ffffff;
font-size: 17px;
letter-spacing: 0.5px;
text-transform: uppercase;
font-weight: 500;
border-radius:0;
display:flex;
align-items:center;
justify-content:center;
}

button.one span{
padding:8px;
color: #000000;
font-size: 17px;
letter-spacing: 0.5px;
text-transform: uppercase;
font-weight: 500;
display:inline-block;
}
button.one img {
height: 14px;
}

.bra-sells-area .col-md-6.p-0 {
padding: 0 15px !important;
}
.heading-bane span {
font-size: 15px;
margin: 0;
}
.exploremore {
display: none;
}
.banner-heading {
display: block;
background-color: transparent;
text-align: left;
}

}

app{
    position: fixed;
}
.content-text {
    color: #474747;
    position: sticky;
}

.offset-3 {
    margin-left: 25%;
}

.payment_mode {
    accent-color: #000; 
}
.pay_pament{
    background: #f6f6f6;
    padding: 24px 37px;
    margin-bottom: 20px;
}
.pay_pament p{
    font-size: 16px;
    color: #253237;
    font-weight: 600;
    margin-bottom:7px;
}
.ship_type{
    accent-color: #000; 
       
}
.shipping-type{
     background: #f6f6f6;
    padding: 24px 37px;
    margin-bottom: 20px;
}
.shipping-type p{
    font-size: 16px;
    color: #253237;
    font-weight: 600;
    margin-bottom:7px
}