.wrapper{

}
.header{
    background: var(--white);
    box-shadow: 0 0 10px rgb(0 0 0 / 5%);
    padding:10px 0;
  
}
.header-container{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.header-logo{
    width: 200px;
}
.header-widgets{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.menu-top{
	
}
.menu-top-level-1{
	display:flex;
	align-items:center;
}

.menu-top-level-1-item{
	margin:0 20px 0 0;
}
.menu-top-level-1-link{
	font-size:16px;
	font-weight:500;
	color:#333
}
.menu-top-level-1-link:hover{
	
	font-weight:500;
	color:var(--red-400)
}

.header-phone{
    display: flex;
    align-items: center;
}
.header-phone:before{
    content: '\e91c';
    font-family: si-solid;
    font-size: 24px;
    color: var(--white);
    margin:0 10px 0 0;
}
.header-phone a{
    font-size: 18px;
    color: var(--white);
}


.language{
    display: flex;
    align-items: center;
    margin:0 0 0 30px;
}
.language-icon{
    width: 26px;

}
.language a{
    font-size: 14px;
    font-weight: 500;
    color: var(--red-600);
	margin:0 0 0 10px;
}

.currency{
    display: flex;
    align-items: center;
    margin:0 0 0 30px;
}
.currency-icon{
    width: 26px;
   
}
.currency-button{
    font-size: 14px;
    font-weight: 500;
    color: var(--red-600);
	margin:0 0 0 5px;
}

/**/
.widget-cart{
    display: flex;
    align-items: center;
    margin:0 0 0 30px;
}
.widget-cart-icon{
    margin:0 5px 0 0;
}
.widget-cart-icon:after{
    content: '\e905';
    font-family: si-solid;
    position: relative;
    top:2px;
    font-size: 26px;
    color: #333;
    transition: .1s;
}
.widget-cart-count{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    border-radius: 10px;
    background: var(--red-600);
    font-size: 14px;
    font-weight: 500;
    color: var(--white);

}
.widget-cart:hover .widget-cart-icon:after{

}


.button-pay{
	color: var(--white);
    background: var(--brand-second);
}
.button-pay:hover{
	color: var(--white);
    background: var(--brand-second);
}

@media (max-width: 1024px) {
	.header-container{
		flex-wrap:wrap;
	}
	.header-logo{
		width:100%;
	}
	.header-logo img{
		width:120px;
		margin:0 auto 15px auto;
	}
	.header-widgets{
		width:100%;
	}
	.menu-top{
		width:100%;
	}
	.menu-top-level-1{
		display:block;
		text-align:center;
	}
	.menu-top-level-1-item{
		margin:0;
	}
	.menu-top-level-1-link{
		display:block;
		font-size:14px;
		padding:5px 0;
	}
    .header .header-phone{
        display: none;
    }
    .header .currency{
        display: none;
    }
    .header .language{
        display: none;
    }
	.widget-cart{
		position:absolute;
		top:15px;
		right:10px;
	}
}



.main-container{
    padding:0 0 100px 0;
}
.breadcrumbs {
	display:none;
}
.p-page{
	background:#fff;
	padding:40px 0px;
}

.page-container{
    display: flex;
    flex-wrap: wrap;
}
.page-filter{
    width: 300px;
}
.page-content{
    width: calc(100% - 300px);
    padding:0 0 0 20px;
}
.page-title{
    font-size: 30px;
    font-weight: 600;
	line-height:130%;
    margin:30px 0 40px 0;
}
@media (max-width: 1024px) {
    .page-content{
        width: 100%;
        padding:0;
    }
}



.filter-container{
    background: var(--white);
    padding:10px 20px;
    border-radius: 5px;
    border: 1px solid var(--bluegray-50);

}
.filter-property{
    padding:0 0 10px 0;
}
.filter-property-name{
    padding:10px 0;
    font-size: 16px;
    font-weight: 500;
    color: var(--black);
}
.filter-values{

}
.filter-value{
    position:relative;
    display: block;
    padding:5px 0;
}
.filter-value-input{
    position: absolute;
    z-index: -1;
    opacity: 0;
}
.filter-value-name{
    display:flex;
    align-items:center;
    position: relative;
    cursor: pointer;
    line-height:150%;
    padding:0 0 0 40px;
    font-size:13px;
    font-weight:500;
    color: var(--black);
}
.filter-value-name:before{
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    display:flex;
    width:24px;
    height:24px;
    transform: translateY(-50%);
    background:var(--bluegray-50);
    border:none;
    border-radius: 3px;
    transition: .2s;
}
.filter-value-input:checked + .filter-value-name:before{
    content:'';
    display:flex;
    justify-content:center;
    align-items:center;
    font-size:12px;
    color:var(--white);
    background:var(--brand-second);
}
.filter-value-input:checked + .filter-value-name:after{
    content:'\e906';
    font-family: si-solid;
    display:flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    font-size: 14px;
    width:24px;
    height:24px;
    top: 50%;
    left:1px;
    color:var(--white);
    transform: translateY(-50%);
}


.filter-current{

}
.filter-current .filter-group{
    display: flex;
    align-items: center;
    margin:0 0 10px 0;
}
.filter-current .filter-group strong{
    font-weight: 600;
    font-size: 14px;
    margin:0 10px 0 0;
}
.filter-current .filter-group .selected-filter{
    display: flex;
    align-items: center;
    box-shadow: 0 0 10px rgb(0 0 0 / 5%);
    height: 40px;
    background: #fff;
    border-radius: 4px;
    padding:0 10px;
    font-size: 12px;
    font-weight: 600;
    margin:0 10px 0 0;
}
.remove-filter{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    font-size: 18px;
    color: var(--red-300);
    font-weight: 500;
    border-radius: 4px;

    cursor: pointer;
}

@media (max-width: 1024px) {
    .page-filter{
        position: fixed;
        top:0;
        left:-300px;
        bottom: 0;
        height: 100vh;
        z-index: 99;
        visibility: hidden;
        opacity: 0;
        transition: .3s;
    }
    .filter-container{
        height: 100%;
    }
    .page-filter.show{
        visibility: visible;
        opacity: 1;
        left:0;
    }

}


.page-filter-show{
    display: none;
    align-items: center;
    margin:0 0 20px 0;
}
.page-filter-show:before{
    content: '\e902';
    font-family: si-solid;
    font-size: 20px;
    color: var(--white);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    background: var(--red-600);
    border-radius: 4px;
    margin:0 10px 0 0;
}
@media (max-width: 1024px) {
    .page-filter-show{
        display: flex;
    }
}


.page-filter-hide{
    display: none;
}
.page-filter-hide:after{
    content: '\e90b';
    font-family: si-solid;
    font-size: 24px;
    color: var(--black);
    position: absolute;
    top:20px;
    right:20px;
}
@media (max-width: 1024px) {
    .page-filter-hide{
        display: block;
    }
}



.product-list-container{

}
.product-list{
    display: flex;
    flex-wrap: wrap;
    margin:0 0 0 -20px;
}
.product-item{
    position: relative;
    width: calc(33.333333% - 20px);
    margin:0 0 20px 20px;
    background: #fff;
    box-shadow: 0 0 10px rgb(0 0 0 / 5%);
    border: 1px solid var(--bluegray-50);
    border-radius: 5px;
}
.product-item-difference-price{
    position: absolute;
    top:10px;
    left:10px;
    display: flex;
    align-items: center;
    background: var(--red-600);
    padding:5px 10px;
    border-radius: 5px;
    color: var(--white);
    font-size: 12px;
    font-weight: 500;
}
.product-item-image{
    padding:10px;
}
.product-item-content{

}
.product-item-name{
    padding:0 10px;
}
.product-item-name a{
    font-weight: 500;
    font-size: 14px;
}
.product-item-footer{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding:10px;
}
.product-item-price-container{
    width: calc(100% - 50px);
}
.product-item-old-price{
    display: none;
}
.product-item-price{
    font-size: 22px;
    font-weight: 500;
}
.product-item-button-buy{
    width: 50px;
    padding:0;
}
.product-item-button-buy:before{
    content: '\e905';
    font-family: si-solid;
    font-size: 22px;
}
.product-item-out-of-stock{
    padding:20px 10px 10px 10px;
    color: var(--red-600);
}
@media (max-width: 1024px) {
    .product-item{
        width: calc(33.333333% - 20px);
    }
}
@media (max-width: 860px) {
    .product-item{
        width: calc(50% - 20px);
    }
}
@media (max-width: 480px) {
    .product-item{
        width: calc(100% - 20px);
    }
}


.footer{
	
}
.footer-social{
	display:flex;
	align-items:center;
	justify-content:center;
}
.footer-social a{
	width:40px;
	height:40px;
}


.footer-panel{
    display: none;
    position: fixed;
    left:0;
    right:0;
    bottom: 0;
    z-index: 9;
    background: var(--white);
}
@media (max-width: 1024px) {
    .footer-panel{
        display: block;
    }
}
.footer-panel-container{
    display: flex;
    align-items: center;
    justify-content: center;
    padding:15px 0;
    box-shadow: 0 0px 20px rgb(0 0 0 / 50%);
}
.footer-panel .header-phone{
	display:none;
}
.footer-panel .header-phone:before {
    font-size: 28px;
    color: #333;
}
.footer-panel .header-phone a {
    font-size: 18px;
    color: #333;
}
.footer-panel .currency {
    margin:0 0 0 10px;
}
.footer-panel .language {
    margin:0 10px 0 0;
}


/**/
.footer{
    background: #fff;
    padding:20px 0 90px 0;
}
.footer-a{

}
.footer-a-container{
    display: flex;
    flex-wrap: wrap;
    margin:0 0 0 -20px;
}
.footer-a-container .footer-col{
    width:calc(25% - 20px);
    margin:0 0 0 20px;
}
.footer-col-title{
    font-size: 20px;
    margin:0 0 20px 0;
    color: var(--bluegray-200);
    font-weight: 300;
}

/**/
.menu-footer{
	text-align:center;
	margin:20px 0;
}
.menu-footer-level-1{

}
.menu-footer-level-1-item{
    margin:0 0 7px 0;
}
.menu-footer-level-1-link{
    font-size: 16px;
    color: #333;

}
.menu-footer-level-1-link:hover,
.menu-footer-level-1-item.active a{
    color: var(--red-600);
}

/**/
.footer-contacts{
    display: none;
}
.footer-contact-phone-container{
    display: flex;
    align-items: center;
    border: 2px dashed #515463;
    border-radius: 10px;
    padding:20px;
    margin:0 0 20px 0;
}
.footer-contact-phone-icon{
    margin:0 20px 0 0;
}
.footer-contact-phone-icon i{
    font-size: 36px;
    color: var(--white);
}
.footer-contact-phone-number{

}
.footer-contact-phone-number a{
    font-size: 24px;
    color: var(--white);
}
.footer-contact-phone-number span{
    padding:5px 0 0 0;
    display: block;
    font-size: 14px;
    color: var(--bluegray-200);
}

.footer-contact-email-list{
    margin:0 0 20px 0;
}
.footer-contact-email-item{
    display: flex;
    align-items: center;
    margin:0 0 15px 0;
}
.footer-contact-email-item i{
    margin:0 10px 0 0;
    font-size: 22px;
    color: var(--bluegray-100);
}
.footer-contact-email-item a{
    font-size: 14px;
    color: var(--white);
}
/**/
.footer-contact-address-list{
    margin:0 0 20px 0;
}
.footer-contact-address-item{
    display: flex;
    align-items: center;
    margin:0 0 15px 0;
}
.footer-contact-address-item i{
    margin:0 10px 0 0;
    font-size: 22px;
    color: var(--bluegray-100);
}
.footer-contact-address-item span{
    font-size: 14px;
    color: var(--white);
}
/**/
.footer-contact-socials{
    display: flex;
    align-items: center;
	margin:0 0 30px 0;
}
.footer-contact-social{
    width: 40px;
    margin:0 10px 0 0;
}
.footer-contact-social img{
    transition: .3s;
}
.footer-contact-social:hover img{
    transform: scale(1.1,1.1);
}



.footer-partner{
	
}
.footer-partner-title{
	
}
.footer-partner-list{
	display:flex;
}
.footer-partner-list img{
	width:auto;
	height:30px;
	margin:0 10px 0 0;
}
@media (max-width: 1024px) {

    .footer-a-container .footer-col{
        width:100%;
        margin:0 0 20px 0;
    }
    .footer-a-container .footer-col:nth-child(2),
    .footer-a-container .footer-col:nth-child(3){
        display: none;
    }
    .footer-col-title{
        text-align: center;
        font-size: 18px;
        margin:0 0 10px 0;
    }
    .menu-footer{
        text-align: center;
    }
    .menu-footer-level-1-item{
        margin:0 0 2px 0;
    }
    .menu-footer-level-1-link{
        font-size: 14px;
    }
	
	
	.footer-partner-list{
		display:flex;
		justify-content:center;
	}
	
}



.footer-b{
	border-top:1px solid var(--bluegray-800);
	padding:20px 0 0 0;
}
.footer-b-container{
	
    display: flex;
	flex-wrap: wrap;
	align-items:center;
	justify-content:space-between;
}
.footer-dev{
    color:var(--bluegray-300);
}
.footer-dev:hover{
    color:var(--white);
}


/*Cart*/
.cart{
    position:fixed;
    right:-500px;
    top:0;
    height: 100vh;
    width: 500px;
    z-index:999;
    visibility:hidden;
    transition: .3s;
    opacity:0;
    background: #fff;

    overflow: hidden;
}
.cart{
    animation-name: cart-close;
    animation-duration: 0.3s;
    animation-delay: 0s;
    animation-iteration-count: 1;
    animation-fill-mode: both;
    animation-timing-function: linear;
    animation-play-state:running;
}
.cart.show{
    animation-name: cart-show;
    animation-duration: 0.3s;
    animation-delay: 0s;
    animation-iteration-count: 1;
    animation-fill-mode: both;
    animation-timing-function: linear;
    animation-play-state:running;
}
@-webkit-keyframes cart-show {
    0%{visibility: hidden;opacity: 0;right:-500px;}
    100%{visibility: visible;opacity: 1;right:0;}
}
@-webkit-keyframes cart-close {
    0%{visibility: hidden;opacity: 0;right:0;}
    100%{visibility: visible;opacity: 1;right:-500px;}
}
.cart-head{
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 70px;
    padding:0 10px 0 20px;
    border-bottom: 1px solid var(--gray-300);
}
.cart-title{
    font-size:16px;
    font-weight: 600;
}
.cart-close{
    display: flex;
    justify-content: center;
    margin:0 0 0 20px;
}
.cart-close:after{
    content:'\e90b';
    font-family: si-solid;
    display: flex;
    align-items: center;
    justify-content: center;
    width:40px;
    height: 40px;
    font-size:22px;
    color: var(--black);
    cursor: pointer;
}
.cart-close:hover:after{
    color: var(--red-600);
}
.cart-body{
    height: calc(100vh - 50px);
    overflow: hidden;
    overflow-y: auto;
}
.cart-container{
    padding:10px 20px;
}
.cart-elements{
    margin:10px 0 0 0;
}
.cart-element{
    display: flex;
    flex-wrap: wrap;
    align-items: start;
    padding:0 0 10px 0;
    margin:0 0 10px 0;
    border-bottom: 1px dashed var(--gray-200);
}
.cart-element-a{
    width:140px;
}
.cart-element-b{
    position: relative;
    width:calc(100% - 140px);
    display: flex;
    flex-wrap: wrap;
    align-items: start;
    justify-content: space-between;
    padding:0 0 0 10px;
}
/**/
.cart-element-image img{
    border: 1px solid var(--bluegray-50);
    border-radius: 5px;
}
/**/
.cart-element-content{

}
.cart-element-name{
    margin:0 40px 10px 0;
}
.cart-element-name a{
    color: var(--black);
    font-size: 12px;
    font-weight: 500;
}
.cart-element-name a:hover{
    border-bottom: 1px solid var(--black);
}
.cart-element-attributes{

}
.cart-element-attribute{
    display: flex;
    align-items: center;
    font-size: 14px;
    margin:0 0 5px 0;
}
/**/
.cart-element-controls{
    display: flex;
    align-items: center;
}
.cart-element-qty{
    display: flex;
    align-items: center;
    width: 100px;
    background: var(--gray-100);
    border-radius: 4px;
    margin:0 10px 0 0;
}
.cart-element-qty-change{
    display: flex;
    align-items: center;
    justify-content: center;
    width:30px;
    height:40px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
}
.cart-element-qty-change.qty-min:after{
    content: '\68';
    font-family: si-solid;
}
.cart-element-qty-change.qty-max:after{
    content: '\e909';
    font-family: si-solid;
}
.cart-element-qty-count{
    width: 40px;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
}
.cart-element-price{

}
.cart-element-price span{
    display: block;
    font-size: 16px;
    font-weight: 500;
}
.cart-element-old-price{
    display: block;
    font-size: 16px;
    font-weight: 500;
    color: var(--red-600);
    margin:0 0 0 20px;
}

.cart-element-remove{
    position: absolute;
    top:0;
    right:0;
    display: flex;
    align-items: center;
    justify-content: center;
    width:30px;
    height:30px;
    background: var(--gray-100);
    border-radius: 4px;
    font-size: 14px;
    transition: .3s;
    cursor: pointer;
    opacity: 0;
}
.cart-element:hover .cart-element-remove{
    opacity: 1;
}
.cart-element-remove:after{
    content: '\e926';
    font-family: si-solid;
}
.cart-element-remove:hover{
    color: var(--white);
    background: var(--red-400);
}

/**/
.cart-footer{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
}
.cart-total{
    display: flex;
    align-items: center;
    margin:0 20px 0 0;
}
.cart-total span:first-child{
    font-size: 14px;
    margin:0 5px 0 0;
}
.cart-total span:last-child{
    font-weight: 500;
    font-size: 14px;
    color: var(--red-800);
}
.cart-button{

}



@media (max-width: 1024px) {
    .cart{
        width: 100%;
        right: -100%;
    }
    .cart-element {
        padding: 0 0 20px 0;
        margin: 0 0 20px 0;
    }
    .cart-element-a {
        width: 100px;
    }
    .cart-element-b {
        width: calc(100% - 100px);
    }
    .cart-content{
        width:100%;
    }
    .cart-name{
        margin:0 0 10px 0;
    }
    .cart-controls{
        width:100%;
        justify-content: flex-start;
    }
    .cart-total{
        width:100%;
        justify-content: center;
        margin:0 0 20px 0;
    }
    .cart-button{
        width: 100%;
    }
    .cart-button .button{
        width: 100%;
    }
    .cart-element-remove{
        opacity: 1;
    }
}


/*Wishlist*/
.wishlist-list{
    max-height: 60vh;
    overflow: hidden;
    overflow-y: auto;
}

.wishlist-item {
    display: flex;
    flex-wrap: wrap;
    align-items: start;
    padding: 0 0 10px 0;
    margin: 0 0 10px 0;
    border-bottom: 1px dashed var(--gray-200);
}
.wishlist-item-a {
    width: 100px;
}
.wishlist-item-b {
    width: calc(100% - 100px);
    padding: 0 0 0 20px;
    display: flex;
    flex-wrap: wrap;
    align-items: start;
    justify-content: space-between;
}
/**/
.wishlist-image{

}
/**/
.wishlist-content{
    width: calc(100% - 300px);
}
.wishlist-name{
    margin:0 0 10px 0;
}
.wishlist-name a{
    color: var(--black);
    font-size: 14px;
    font-weight: 500;
}
.wishlist-name a:hover{
    border-bottom: 1px solid var(--black);
}
.wishlist-attributes{

}
.wishlist-attribute{
    display: flex;
    align-items: center;
    font-size: 14px;
    margin:0 0 5px 0;
}
/**/
.wishlist-controls{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 300px;
}
.wishlist-price{
    margin:0 20px 0 0;
}
.wishlist-price span{
    display: block;
    font-size: 16px;
    font-weight: 500;
    color: var(--red-800);
}
.wishlist-price strike{
    display: block;
    font-size: 14px;
    font-weight: 500;
    color: var(--gray-500);
}
.wishlist-remove{
    display: flex;
    align-items: center;
    justify-content: center;
    width:40px;
    height:40px;
    background: var(--gray-100);
    border-radius: 4px;
    font-size: 14px;
    transition: .3s;
    cursor: pointer;
}
.wishlist-remove:after{
    content: '\e926';
    font-family: si-solid;
}
.wishlist-remove:hover{
    color: var(--white);
    background: var(--black);
}




@media (max-width: 1024px) {
    .wishlist-item {
        padding: 0 0 20px 0;
        margin: 0 0 20px 0;
    }
    .wishlist-item-a {
        width: 50px;
    }
    .wishlist-item-b {
        width: calc(100% - 50px);
    }
    .wishlist-content{
        width:100%;
    }
    .wishlist-name{
        margin:0 0 10px 0;
    }
    .wishlist-controls{
        width:100%;
        justify-content: flex-start;
    }
}


/*sing in*/
.modal-sign .form-group .form-control {
    display: block;
    width: 100%;
    height: 54px;
    line-height: 54px;
    background: var(--bluegray-50);
    border: 1px solid var(--bluegray-100);
    border-radius: 6px;
    font-weight: 500;
    font-size: 16px;
    padding: 0 20px;
}{

}

.modal-title{

}
.modal-sign-a{
    margin:0 0 30px 0;
}
.modal-sign-a .modal-control{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.modal-sign-a .modal-control .modal-sign-submit-button{
    background: #363946;
}
.modal-sign-a .modal-control .modal-sign-forgot-button{
    cursor: pointer;
    border-bottom: 1px dashed var(--black);
}
.modal-sign-a .modal-control .modal-sign-forgot-button:hover{
    border-bottom: 1px solid var(--black);
}
.modal-sign-a .modal-control .modal-sign-agm{
    font-size: 12px;
    line-height: 130%;
    padding:0 0 0 10px;
}
/**/
.modal-sign-b{
    padding:30px 0 0 0;
    text-align: center;
    border-top: 1px solid var(--gray-300);
}
.modal-sign-b .modal-title{
    margin:0 0 20px 0;
}
.modal-sign-b .modal-control{

}
.modal-sign-b .modal-control span{
    cursor: pointer;
    border-bottom: 1px dashed var(--black);
}
.modal-sign-b .modal-control span:hover{
    border-bottom: 1px solid var(--black);
}














/**/
.mark-container{
    display: flex;
    align-items: center;
    margin:0 0 30px 0;
}
.mark-container-name{
    font-size: 14px;
    font-weight: 500;
    margin:0 30px 0 0;
}
.mark-container-stars{
    display: flex;
}
.mark-container-stars [type="radio"] {
    appearance: none;
}
.mark-container-stars label {
    display: flex;
    font-size: 20px;
    transition: 0.3s;
    cursor: pointer;
    color: var(--gray-300);
}

.mark-container-stars label:is(:hover, :has(~ :hover))  {
    color: var(--orange-500);
    background-size: cover;
    transform: scale(1.2,1.2);
}
.mark-container-stars label:has(~ :checked)  {
    color: var(--orange-500);
    background-size: cover;
    transform: scale(1.2,1.2);
}