body {
font-weight: 400;
color: #666;
font-size: 13px;
line-height: 20px;
width: 100%;
background: #fff;
padding: 0 !important;
}
html[dir=rtl] body {
font-family: var(--fontfamilyarabic);
}
html[dir=ltr] body {
font-family: var(--fontfamilyenglish);
}
@font-face {
font-family: 'tajawal-regular';
src: url('tajawal/tajawal-regular.ttf');
font-weight: normal;
font-style: normal;
font-display: swap;
}
.visitor_sec{
margin: 10px 0;
display: flex;
align-items: center;
gap: 5px;
color: #000;
font-size: 11px;
font-weight: 700;
}
.visitor_sec span{
background: rgba(var(--maincolor-rgb), var(--maincolor-opacity-1));
color: var(--maincolor);
font-size: 12px;
font-weight: bold;
padding: 3px 5px;
border-radius: 4px;
}
.countdown-container {
border-radius: 45px;
box-shadow: 0px -4.167px 20px 0px rgba(0, 0, 0, 0.23);
color: white;
text-align: center;
padding: 20px 30px;
margin: 0 auto 20px;
width: 85%;
display: flex;
justify-content: space-between;
background: var(--maincolor) url(frame.svg);
background-position: center;
background-size: contain;
}
.countdown-container .topcoumd{
display: flex;
align-items: center;
justify-content: center;
line-height: 0;
}
.countdown-container .topcoumd p{
margin:0;
font-size: 24.394px;
font-weight: 700;
}
.countdown-container .icon {
font-size: 30px;
filter: drop-shadow(2px 4px 6px black);
}
.countdown-container .countdown {
display: flex;
justify-content: space-around;
margin-top: 0;
font-size: 20px;
font-weight: bold;
gap: 22px;
}
.countdown-container .countdown div {
display: flex;
flex-direction: column;
align-items: center;
font-size: 15px;
gap: 10px;
margin-top: 0;
}
.countdown-container span {
font-size: 26px;
font-weight: bold;
}
.two_blocks{
display: flex;
align-items: center;
justify-content: space-between;
margin: 30px auto;
padding: 15px 10px;
border-radius: 16.667px;
border: 1px solid #F1F1F2;
background: #FFF;
box-shadow: 0px 2.5px 3.333px 0px rgba(0, 0, 0, 0.03);
width: 90%;
}
.deliverytime_sec{
color: #000;
text-align: center;
font-size: 15px;
display: flex;
align-items: center;
gap: 10px;
}
.deliverytime_sec svg path{
fill: var(--maincolor);
}
.refundable_pro_sec{
font-size: 15px;
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
color: #000;
}
.refundable_pro_sec svg path{
fill: var(--maincolor);
}
.refundable_pro_sec svg path:last-child{
fill: #fff;
}
.stock-container {
text-align: center;
margin: 30px 0;
}
.sold-text {
color: #000;
font-size: 12px;
font-weight: bold;
margin-bottom: 5px;
}
.stock-text {
color: #FF1100;
font-size: 12px;
font-weight: bold;
margin-bottom: 5px;
}
#progress-fill {
height: 100%;
width: 0;
transition: width 0.5s ease-in-out;
background: #FF0000;
margin: 0 2px;
border-radius: 5px;
height: 7.5px;
}
.stock-container .progress{
height: 10px;
background: rgba(var(--maincolor-rgb), var(--maincolor-opacity-2));
padding: 0 !important;
border-radius: 20px;
margin-bottom: 5px;
}
.stock-container .topbarprog{
display: flex;
align-items: center;
justify-content: space-between;
}
.stock-container .progress-bar {
width: 100%;
height: 10px;
line-height: 10px;
background: rgba(255, 0, 0, 0.10);
border-radius: 10px;
overflow: hidden;
margin: 0;
padding: 0;
position: relative;
display: flex;
align-items: center;
}
.qun-div{
font-size: 18px;
color: #000;
}
.qun-div label{
font-size: 18px;
color: #000;
}
.free_shipping_wrap{
background: rgba(var(--maincolor-rgb), var(--maincolor-opacity-1));
padding: 5px 5px !important;
margin: 0 10px 10px;
border-radius: 6.667px;
}
.free_shipping_wrap .alert{
background: transparent !important;
justify-content: center;
display: flex;
align-items: center;
margin-bottom: 0;
padding: 0 0 5px;
font-size: 12px;
font-weight: 600;
}
.free_shipping_wrap .progress{
height: 10px;
background: rgba(var(--maincolor-rgb), var(--maincolor-opacity-2));
padding: 0 !important;
border-radius: 20px;
margin-bottom: 5px;
}
.free_shipping_wrap svg path{
fill: var(--maincolor);
}
.free_shipping_wrap svg path:nth-child(2){
fill: rgba(var(--maincolor-rgb), var(--maincolor-opacity-2));
}
.free_shipping_wrap .progress-bar {
width: 100%;
height: 10px;
line-height: 10px;
background: linear-gradient(90deg,rgba(0, 51, 108, 1) 0%, rgba(var(--maincolor-rgb)) 100%);
border-radius: 10px;
overflow: hidden;
margin: 0;
padding: 0;
position: relative;
}
h1, h2, h3, h4, h5, h6 {
color: #6d6d6d;
}
/* default font size */
.fa {
font-size: 14px;
}
/* Override the bootstrap defaults */
h1 {
font-size: 33px;
}
h2 {
font-size: 27px;
}
h3 {
font-size: 21px;
}
h4 {
font-size: 15px;
}
h5 {
font-size: 13px;
}
h6 {
font-size: 10.2px;
}
a {
color: #404553;
}
a:hover {
text-decoration: none;
}
a:hover, a:focus {
text-decoration: none;
outline: none;
}
.form-control{
height: 41px;
}
legend {
font-size: 18px;
padding: 7px 0px
}
label {
font-size: 13px;
font-weight: normal;
}
select.form-control, textarea.form-control, input[type="text"].form-control, input[type="password"].form-control, input[type="datetime"].form-control, input[type="datetime-local"].form-control, input[type="date"].form-control, input[type="month"].form-control, input[type="time"].form-control, input[type="week"].form-control, input[type="number"].form-control, input[type="email"].form-control, input[type="url"].form-control, input[type="search"].form-control, input[type="tel"].form-control, input[type="color"].form-control {
font-size: 13px;
}
.input-group input, .input-group select, .input-group .dropdown-menu, .input-group .popover {
font-size: 13px;
}
.input-group .input-group-addon {
font-size: 13px;
height: 25px;
}
/* Fix some bootstrap issues */
span.hidden-xs, span.hidden-sm, span.hidden-md, span.hidden-lg {
display: inline;
line-height: 2;
}
.container {
max-width: 1400px;
width: 100%;
}
.category-tab .nav-tabs{
margin-bottom: 15px;
background: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-position: bottom center;
background-size: contain;
border: 0;
}
.nav-tabs {
margin-bottom: 15px;
}
div.required .control-label:before {
content: '* ';
color: #F00;
font-weight: bold;
}
/* Gradent to all drop down menus */
.dropdown-menu li > a:hover {
text-decoration: none;
/*color: #ffffff;
background-color: #229ac8;
background-image: linear-gradient(to bottom, #23a1d1, #1f90bb);
background-repeat: repeat-x;*/
}
/* top */
#top {
background-color: var(--maincolor);
padding: 4px 0px;
margin: 0;
display: flex;
align-items: center;
}
#top .container {
padding: 0 20px;
}
html[dir=rtl] #top #form-currency .currency-select,
html[dir=rtl] #top #form-language .language-select {
text-align: right;
}
html[dir=ltr] #top #form-currency .currency-select,
html[dir=ltr] #top #form-language .language-select {
text-align: left;
}
#top #form-currency .currency-select:hover,
#top #form-language .language-select:hover {
text-shadow: none;
color: var(--secondcolor);
}
#top .btn-link, #top-links li, #top-links a {
color: #6d767d;
text-decoration: none;
}
#top .btn-link:hover, #top-links a:hover {
color: var(--secondcolor);
}
#top .btn-group.dropdown > .btn{
padding: 7px 0;
color: #fff;
}
#top .btn-link strong {
font-size: 14px;
line-height: 14px;
}
#top-links {
padding-top: 7px;
}
.btn-link{
color: #6d767d;
}
.btn-link:hover, .btn-link:focus {
color: var(--secondcolor);
text-decoration: none;
background-color: transparent;
outline: none;
}
#top-links a + a {
margin-right: 15px;
}
.top-info{
display: flex;
justify-content: space-between;
color: #fff;
align-items: center;
}
.top-info-contact{
display: flex;
align-items: center;
justify-content: flex-start;
gap: 10px;
}
.top-info-lang{
display: flex;
align-items: center;
justify-content: flex-end;
gap: 10px;
}
.top-info p{
margin: 0;
font-size: 14px;
color: #fff;
}
.top-info a{
color: #fff;
}
.top-info p a:hover{
color: var(--secondcolor);
}
.top-info svg{
vertical-align: middle;
}
.overlay.active {
background: rgba(0, 0, 0, 0.25);
position: fixed;
inset: 0px;
z-index: 15;
}
.hocol{
position: relative;
z-index: 16;
}
/* Safari 10.1+ (alternate method) */
/*@media not all and (min-resolution:.001dpcm)
{ @supports (-webkit-appearance:none) {
.apple-pay-alert{
display: none !important;
}
::i-block-chrome,.apple-pay-alert{
display: none !important;
}
}}*/
.apple-pay-alert{
text-align: center;
/*border: 1px solid #f3f3f4;*/
margin-bottom: 0;
}
.apple-pay-alert button{
float: none;
}
.top-alert{
text-align: center;
border: none;
margin-bottom: 0;
}
.top-alert button{
float: none;
}
header{
background: #fff;
}
header .list-inline{
margin: 0;
}
html[dir=rtl] #modal-quicksignup .modal-header .close,
html[dir=rtl] #modal-quicksignup2 .modal-header .close{
float: left;
}
html[dir=ltr] #modal-quicksignup .modal-header .close,
html[dir=ltr] #modal-quicksignup2 .modal-header .close{
float: right;
}
#modal-quicksignup .modal-header .close,
#modal-quicksignup2 .modal-header .close{
display: flex;
background: #C1BFCA;
width: 28px;
height: 28px;
/* padding: 7px; */
border-radius: 8px;
justify-content: center;
align-items: center;
color: #2F294D;
text-shadow: none;
opacity: 1;
}
#modal-quicksignup .form-group .form-control,
#modal-quicksignup2 .form-group .form-control{
height: 50px;
border-radius: 45px;
}
#modal-quicksignup .modal-body label{
color: #000;
}
#modal-quicksignup .modal-body .text_center a{
color: var(--maincolor);
}
html[dir=rtl] #modal-quicksignup .modal-header{
text-align: right;
border: 0;
}
html[dir=ltr] #modal-quicksignup .modal-header{
text-align: left;
border: 0;
}
#modal-quicksignup .modal-header .modal-title,
#modal-quicksignup2 .modal-header .modal-title {
margin: 0px 0 0;
font-size: 18px;
font-weight: 100;
color: #000;
}
#modal-quicksignup .modal-header .modal-title span,
#modal-quicksignup2 .modal-header .modal-title span{
color: var(--maincolor);
}
#modal-quicksignup .modal-header h3,
#modal-quicksignup2 .modal-header h3{
font-weight: 800 !important;
font-size: 26px !important;
color: #000 !important;
margin-top: 17px !important;
margin-bottom: 8.5px !important;
}
.modal-content{
box-shadow: none;
border: 0;
}
#modal-quicksignup .btn-primary,
#modal-quicksignup2 .btn-primary {
color: #fff;
background: var(--maincolor);
padding: 10px 20px;
border-radius: 10px;
font-size: 14px;
transition: all 0.4s ease-in-out 0s;
border: 1px solid rgba(var(--maincolor-rgb), var(--maincolor-opacity-1));
width: 100%;
height: 47px;
}
#modal-quicksignup2 .btn-primary{
margin-top: 15px;
}
.text_center{
text-align: center;
}
.quick_signup2{
color: #3699FF;
cursor: pointer;
}
@media (min-width: 768px){
.modal-dialog {
width: 400px;
}
#modal-quicksignup .modal-dialog,
#modal-quicksignup2 .modal-dialog {
width: 450px;
}
#modal-quicksignup .modal-dialog .modal-content,
#modal-quicksignup2 .modal-dialog .modal-content{
padding: 20px 10px;
border-radius: 30px;
}
}
html[dir=rtl] #modal-quicksignup2 .modal-header{
text-align: right;
border: 0;
}
html[dir=ltr] #modal-quicksignup2 .modal-header{
text-align: left;
border: 0;
}
#modal-quicksignup2 .modal-header h3{
font-weight: 800;
font-size: 21px;
color: #000;
}
#modal-quicksignup2 .modal-body label{
color: #000;
}
#modal-quicksignup2 .modal-body .pull-right{
width: 100%;
}
.quick_signup{
color: #3699FF;
cursor: pointer;
}
.quick_signup > span:first-child{
margin-inline-end: 10px;
}
.quick_signup:hover .gray-back{
background: #fff;
border: 1px solid var(--maincolor);
}
.text_center{
text-align: center;
}
.shipping{
padding-top: 7px;
}
.social .fa{
font-size: 16px;
}
.dropdown .dropdown-menu{
display: block;
visibility: hidden;
opacity: 0;
margin-top: -10px;
transition: all .25s ease;
border: 0;
}
.dropdown.open .dropdown-menu{
margin-top: 0px;
visibility: visible;
opacity: 1;
}
header .dropdown-menu:before {
/*content: "";*/
/*width: 0;*/
/*height: 0;*/
/*border: 10px solid transparent;*/
/*border-bottom-color: white;*/
/*pointer-events: none;*/
/*margin: -25px auto 0;*/
/*display: block;*/
}
.dropdown-menu-center{
right: auto !important;
left: 50% !important;
-webkit-transform: translate(-50%, 0) !important;
-o-transform: translate(-50%, 0) !important;
transform: translate(-50%, 0) !important;
}
.header-classic {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
min-height: 85px;
margin: 10px 0;
}
#wishlist-total .red-wish{
position: absolute;
top: -9px;
left: -10px;
color: #fff;
width: 22px;
height: 22px;
background: var(--maincolor);
border-radius: 50%;
text-align: center;
font-size: 10px;
display: flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
z-index: 9;
}
.gray-back{
display: flex;
position: relative;
align-items: center;
border-radius: 45px;
background: #F1EEEE;
height: 40px;
padding: 0 15px;
color: var(--maincolor);
gap: 5px;
}
.gray-back svg path{
fill: var(--maincolor);
}
.gray-back svg circle, .gray-back svg ellipse{
fill: var(--maincolor);
}
.gray-back span{
line-height: 0;
}
#compare-total .red-com{
position: absolute;
top: -9px;
left: -10px;
color: #fff;
width: 22px;
height: 22px;
background: var(--maincolor);
border-radius: 50%;
text-align: center;
font-size: 10px;
display: flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
z-index: 9;
}
#compare-total:hover .red-com,
#wishlist-total:hover .red-wish{
background: var(--secondcolor);
}
.red{
position: absolute;
top: -9px;
left: -10px;
color: #fff;
width: 22px;
height: 22px;
background: var(--maincolor);
border-radius: 50%;
text-align: center;
font-size: 10px;
display: flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
z-index: 9;
}
html[dir=rtl] .red{
left: -2px;
}
html[dir=ltr] .red{
right: -2px;
}
.cart2 .red{
top: 0px;
left: 50%;
}
.image .ribbon{
top: 30px;
}
html[dir=rtl] .image .ribbon span{
border-radius: 0 40.127px 40.127px 0;
}
html[dir=ltr] .image .ribbon span{
border-radius: 40.127px 0 0 40.127px;
}
.promo{
position: absolute;
top: 13px;
left: 0;
background: var(--secondcolor);
padding: 7px 15px;
display: block;
line-height: 1.5em;
color: #fff;
font-size: 10px;
}
.ribbon ~ .promo{
top: 70px ;
}
html[dir=rtl] .promo{
border-radius: 0 40.127px 40.127px 0;
}
html[dir=ltr] .promo{
border-radius: 40.127px 0 0 40.127px;
}
/* logo */
#logo {
/*width: 100px;*/
margin: 0;
}
#logo img{
max-width: 200px;
max-height: 100px;
}
/* search */
#search {
background: #fff;
border: 1px solid #d9d9d9;
border-radius: 25px;
}
#search .input-lg {
height: 40px;
line-height: 20px;
padding: 0 10px;
border: 2px solid #fff;
box-shadow: none;
}
html[dir=ltr] #search .input-lg{
border-radius: 45px 0 0 45px;
}
html[dir=rtl] #search .input-lg{
border-radius: 0 45px 45px 0;
}
#search .btn-lg {
font-size: 15px;
line-height: 0;
padding: 9px 15px;
background: transparent;
color: #010100;
border: 0;
outline: none;
}
#search .btn-lg svg path{
stroke: var(--maincolor);
}
#search .btn-lg:active{
box-shadow: none;
}
#search .btn-lg .fa{
font-size: 19px;
}
/* cart */
#cart {
}
#cart > .btn {
font-size: 13px;
line-height: 18px;
color: #FFF;
padding: 0 12px;
height: 40px;
flex-shrink: 0;
border-radius: 45px;
background: #F1EEEE;
display: flex;
justify-content: center;
align-items: center;
transition: all .25s ease;
border: 1px solid transparent;
}
#cart > .btn .fa-shopping-cart{
display: none !important;
}
/*#cart > .btn #cart-total{*/
/* display: inline-flex;*/
/* align-items: center;*/
/*}*/
/*#cart > .btn #cart-total .price-cart{*/
/* margin-right: 2.5rem;*/
/*}*/
#cart > .btn #cart-total::before{
content: "";
display: inline-block;
width: 30px;
height: 30px;
background-color: var(--maincolor);
mask-image: url('data:image/svg+xml,');
mask-repeat: no-repeat;
mask-position: center;
mask-size: contain;
vertical-align: middle;
margin-inline-end: 5px;
transition: all 0.3s ease;
}
/*.quick-cart #cart-total:hover::before {
background: var(--maincolor) !important;
border: 1px solid var(--maincolor) ;
background-image: url("images_css/cart-hr.png") !important;
}*/
.quick-cart:hover #cart-total .red{
background: var(--secondcolor) ;
}
#cart-total{
display: flex;
align-items: center;
}
}
#cart.open > .btn {
background-image: none;
/*background-color: #FFFFFF;
border: 1px solid #E6E6E6;*/
color: #666;
box-shadow: none;
text-shadow: none;
}
#cart .btn:active, #cart .btn.active{
box-shadow: none;
}
#cart .dropdown-menu:before{
display: none;
}
#cart.open > .btn:hover {
color: #444;
}
#cart .dropdown-menu {
background: #eee;
z-index: 1001;
padding: 0 0 5px;
border-radius: 0;
}
@media (min-width: 992px) {
#cart .dropdown-menu {
/*min-width: 100%;*/
}
}
/*@media (max-width: 992px) {*/
#cart .dropdown-menu {
/*width: 100%;*/
}
#cart .dropdown-menu {
background: #fff;
z-index: 99999;
position: fixed;
top: 0;
height: 100%;
visibility: hidden;
margin: 0;
border: 0;
border-radius: 0;
width: 360px;
transition: all 0.4s;
display: block;
}
html[dir=rtl] #cart .dropdown-menu{
right: -360px !important;
}
html[dir=ltr] #cart .dropdown-menu{
left: -360px !important;
}
#cart.open .dropdown-menu{
visibility: visible;
}
html[dir=rtl] #cart.open .dropdown-menu{
right: 0 !important;
}
html[dir=ltr] #cart.open .dropdown-menu{
left: 0 !important;
}
/*}*/
#cart .dropdown-menu table {
margin-bottom: 10px;
border-collapse: separate;
border-spacing: 0 10px;
}
#cart .dropdown-menu li > div {
/*min-width: 427px;*/
padding: 0 10px;
}
@media (max-width: 478px) {
#cart .dropdown-menu li > div {
min-width: 100%;
}
#cart .dropdown-menu {
width: 80%;
min-width: 280px;
}
#cart .dropdown-menu li > div.free_shipping_wrap{
min-width: auto;
}
}
.head-cart{
display: flex;
justify-content: space-between;
margin: 0;
align-items: center;
padding: 15px 15px !important;
}
.head-cart b{
font-weight: 700;
color: #000;
font-size: 13px;
}
.c-cart{
display: flex;
background: #C1BFCA;
width: 28px;
height: 28px;
/* padding: 7px; */
border-radius: 8px;
justify-content: center;
align-items: center;
}
.c-cart .fa{
color: #2F294D;
}
#cart .dropdown-menu li p {
margin: 0;
}
.cart-totals{
position: absolute;
bottom: 0;
width: 100%;
}
.cart-totals .table-bordered{
color: #000;
font-size: 12px;
}
.cart-totals .table-bordered tr:last-child td{
border-top: 1px dashed #C4C4C4 !important;
}
.cart-products > .table-striped{
max-height: 300px;
overflow-y: auto;
display: inline-block;
}
.cart-products{
/*overflow: auto;
max-height: 400px;*/
}
.cart-products button {
color: #999;
font-size: 15px;
position: relative;
background-color: transparent;
padding: 2px 0 0;
border: 0;
}
.cart-products img{
padding: 10px;
}
.cart-products td{
vertical-align: middle !important;
}
.table-striped > tbody > tr{
border-radius: 45px;
box-shadow: 0px 2.5px 3.333px 0px rgba(0, 0, 0, 0.03);
margin: 0 0 8px;
}
.table-striped > tbody > tr td {
border: solid 1px #F1F1F2;
border-style: solid none;
}
.table-striped > tbody > tr td:last-child {
border-left-style: solid;
border-top-left-radius: 45px;
border-bottom-left-radius: 45px;
}
.table-striped > tbody > tr td:first-child {
border-right-style: solid;
border-bottom-right-radius: 45px;
border-top-right-radius: 45px;
padding: 0;
overflow: hidden;
}
.table-striped > tbody > tr td:nth-child(2){
width: 60%;
}
.table-striped > tbody > tr:nth-of-type(odd) {
background-color: #fff;
}
.table-striped > tbody > tr:nth-of-type(even) {
background-color: #fff;
}
.title_price > a{
display: block;
color: #2F294D;
font-size: 12px;
font-style: normal;
font-weight: 600;
margin-bottom: 7px;
}
.flex_num{
text-align: left;
padding-inline-end: 10px;
}
.pricecarting{
color: #2F294D;
font-weight: 600;
}
.cart-totals td{
border: 0 !important
}
.table-bordered {
border: 0;
}
.cart-buttons {
padding: 13px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.btn-cart.btn {
background-color: #ccc;
color: #0a0a0a;
border-radius: 5px;
width: 100%;
margin: 10px 0;
padding: 12px 20px;
font-size: 16px;
}
.btn-cart.btn:hover {
background: #ccc !important;
}
.btn-checkout.btn {
background: var(--maincolor);
margin: 0 6px;
width: 100%;
margin: 10px 0;
color: #fff;
border-radius: 5px;
padding: 12px 20px;
font-size: 16px;
border: 1px solid transparent;
}
.btn-checkout.btn:hover {
background: #fff !important;
color: var(--maincolor);
border: 1px solid var(--maincolor);
}
.btn-cart{
color: var(--maincolor);
}
.btn-cart svg path{
fill: var(--maincolor);
}
.btn-cart svg{
vertical-align: middle;
}
.empty_cart{
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
display: flex;
color: var(--maincolor);
width: 90%;
height: 95px;
padding: 31.667px 92.5px;
justify-content: center;
align-items: center;
gap: 8.333px;
border-radius: 6.667px;
background: rgba(var(--maincolor-rgb), var(--maincolor-opacity-1));
}
.main-menu{
/*background: var(--maincolor);*/
display: table;
width: 100%;
display: flex;
display: -webkit-box;
display: -ms-flexbox;
-webkit-box-align: center;
align-items: center;
padding: 5px 0;
/*margin: 0 0 30px;*/
}
.main-menu .cat2{
width: 100%;
}
.a-menu{
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
height: 100%;
list-style: none;
margin: 0;
padding: 0;
gap: 5%;
justify-content: flex-end;
}
.a-menu > li{
padding: 0;
transition: all 0.2s ease-in;
-moz-transition: all 0.2s ease-in;
-webkit-transition: all 0.2s ease-in;
}
.a-menu > li > a {
align-items: center;
position: relative;
}
.a-menu > li > a [class*="fa-"]{
margin: 0 8px;
display: inline-block;
font: normal normal normal 18px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
transform: translate(0, 0);
}
.a-menu > li > a:hover{
color: var(--secondcolor);
}
.main-menu .row{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
/* menu */
#menu {
background: var(--maincolor);
background: transparent;
min-height: auto;
border: 0;
margin: 0;
}
.bold{
font-weight: bold;
}
#menu .nav > li > a {
font-size: 16px;
font-weight: bold;
color: var(--maincolor);
padding: 14.5px 15px;
min-height: 15px;
transition: all 0.2s ease-in;
-webkit-transition: all 0.2s ease-in;
-moz-transition: all 0.2s ease-in;
}
#menu .nav > li > a:hover, #menu .nav > li.open > a {
color: var(--secondcolor);
}
#menu .dropdown:hover > .dropdown-menu {
visibility: visible;
opacity: 1;
top: 100%;
}
#menu .dropdown-menu {
padding-bottom: 0;
display: table !important;
width: 100%;
margin: 0 !important;
min-width: 185px;
}
#menu .dropdown {
/*position: static;*/
}
#menu .c_children2 .dropdown-menu{
top: 0 !important;
right: 100%;
}
html[dir=ltr] #menu .c_children2 .dropdown-menu{
top: 0 !important;
left: 100%;
}
#menu .dropdown-menu > .dropdown-inner{
}
#menu .dropdown-inner > li{
/*width: calc(100% / 5 - 0.01px);
min-height: 80px;*/
}
/*#menu .dropdown-inner .row{
display: table;
}
#menu .dropdown-inner .row > li{
display: table-cell;
}*/
#menu .dropdown-inner ul {
/*display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;*/
}
#menu .dropdown-inner ul li{
/*width: calc(100% / 3 - 0.01px);*/
}
#menu .dropdown-inner ul li a{
min-width: 110px;
padding: 10px 20px;
}
#menu .dropdown-inner ul li a:hover{
color: var(--secondcolor) !important;
}
#menu .dropdown-inner a {
min-width: 160px;
display: block;
padding: 3px 20px;
clear: both;
line-height: 20px;
color: #333333;
font-size: 13px;
}
#menu .nav > li.dropdown > a:after {
font-family: FontAwesome;
content: "\f107";
display: inline-block;
line-height: 1em;
}
html[dir=rtl] #menu .nav > li.dropdown > a:after{
margin-right: 5px;
}
html[dir=ltr] #menu .nav > li.dropdown > a:after{
margin-left: 5px;
}
#menu .c_children2 > .dropdown > a:after{
font-family: FontAwesome;
display: inline-block;
}
html[dir=rtl] #menu .c_children2 > .dropdown > a:after{
content: "\f104";
float: left;
}
html[dir=ltr] #menu .c_children2 > .dropdown > a:after{
content: "\f105";
float: right;
}
#menu .dropdown-inner li a:hover {
color: var(--secondcolor);
}
#menu .dropdown-inner ul a:hover{
color: var(--maincolor);
}
/*#menu .dropdown-inner li .bold:after{
content: "";
display: block;
border-bottom: 1px solid var(--maincolor);
}*/
#menu #category {
float: right;
padding-right: 15px;
font-size: 16px;
font-weight: 700;
line-height: 40px;
color: #fff;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
}
#menu .btn-navbar {
font-size: 15px;
font-stretch: expanded;
color: #FFF;
padding: 2px 18px;
float: left;
background-color: #229ac8;
background-image: linear-gradient(to bottom, #23a1d1, #1f90bb);
background-repeat: repeat-x;
border-color: #1f90bb #1f90bb #145e7a;
}
#menu .btn-navbar:hover, #menu .btn-navbar:focus, #menu .btn-navbar:active, #menu .btn-navbar.disabled, #menu .btn-navbar[disabled] {
color: #ffffff;
background-color: #229ac8;
}
@media (min-width: 768px) {
#menu .dropdown:hover .dropdown-menu {
display: block;
}
}
@media (max-width: 767px) {
#menu {
border-radius: 4px;
}
#menu div.dropdown-inner > ul.list-unstyled {
display: block;
}
#menu div.dropdown-menu {
margin-right: 0 !important;
padding-bottom: 10px;
background-color: rgba(0, 0, 0, 0.1);
}
#menu .dropdown-inner {
display: block;
}
#menu .dropdown-inner a {
width: 100%;
color: #fff;
}
#menu .dropdown-menu a:hover,
#menu .dropdown-menu ul li a:hover {
background: rgba(0, 0, 0, 0.1);
}
#menu .see-all {
margin-top: 0;
border: none;
border-radius: 0;
color: #fff;
}
}
.cat-wrap{
position: relative;
}
.cat-wrap.open{
color: #fff;
}
.cat-wrap #dropdownMenuButton i{
font-size: 18px;
font-weight: bold;
}
.addtran #dropdownMenuButton{
color: #fff;
}
#dropdownMenuButton{
padding: 14.5px 15px 14.5px 0;
cursor: pointer;
width: 100%;
color: var(--maincolor);
font-weight: bold;
display: flex;
-webkit-box-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
align-items: center;
}
html[dir=ltr] #dropdownMenuButton{
padding-inline-start: 15px;
}
html[dir=rtl] #dropdownMenuButton{
padding-inline-end: 15px;
}
#dropdownMenuButton .fa{
font-size: 18px;
}
.hocol{
transition: linear .4s;
}
.addtran{
background: #513928;
transition: linear .4s;
}
.sticking{
-webkit-transition: top .25s ease-out;
transition: top .25s ease-out;
position: fixed;
top: 0 !important;
width: 100%;
z-index: 999;
background: #eee;
box-shadow: 0 5px 60px -10px rgb(0 0 0 / 30%);
}
/*.common-home .main-menu:not(.sticking) .all-cats {
display: block !important;
transform: none;
opacity: 1;
}*/
.all-cats{
width: 100%;
width: 100%;
padding: 0;
margin: 15px 0 0 0;
box-shadow: 0 0 85px -10px rgb(0 0 0 / 20%);
border: 0;
display: block;
visibility: hidden;
opacity: 0;
transition: all .4s ease-in-out;
border-radius: 12px;
border: 1px solid #F1F1F2;
background: #FFF;
box-shadow: 0 8px 14px 0 rgba(15, 42, 81, 0.04);
padding: 15px 10px 15px 20px;
}
.open > .all-cats{
margin: 0 ;
visibility: visible;
opacity:1;
}
.all-cats > ul > li a{
padding: 10px 20px;
display: block;
color: #5E6278;
font-size: 14px;
font-weight: bold;
}
.all-cats > ul > li.dropdown > a:before{
content: "";
display: inline-block;
width: 6px;
height: 20px;
border-radius: 20px;
background: #D8D8E5;
vertical-align: middle;
margin-inline-end: 10px;
margin-top: -2px;
}
.all-cats > ul > li.dropdown > a:after{
font-family: FontAwesome;
color: #5E6278;
font-size: 13px;
display: block;
}
html[dir=rtl] .all-cats > ul > li.dropdown > a:after{
float: left;
content: "\f104";
}
html[dir=ltr] .all-cats > ul > li.dropdown > a:after{
float: right;
content: "\f105";
}
.all-cats > ul > li.dropdown > a:hover{
color: var(--maincolor);
}
.all-cats > ul > li.dropdown > a:hover:before{
background: var(--maincolor);
}
.all-cats > ul > li.dropdown > a:hover:after{
color: var(--maincolor);
}
.all-cats ul li.child-list-co a:before{
content: "";
display: inline-block;
width: 6px;
height: 20px;
border-radius: 20px;
background: #D8D8E5;
vertical-align: middle;
margin-inline-end: 10px;
margin-top: -2px;
}
.all-cats ul li.child-list-co a:hover{
color: var(--maincolor);
}
.all-cats ul li.child-list-co a:hover:before{
background: var(--maincolor);
}
/*.overlay.active{*/
/* background-color: rgba(0, 0, 0, 0.55);*/
/* position: fixed;*/
/* inset: 0px;*/
/* z-index: 15;*/
/*}*/
.top_title{
border-bottom: 1px solid #f1f3f9;
padding: 10px 20px;
font-size: 16px;
font-weight: 700;
color: #404553;
font-weight: 700;
}
.all-cats > ul {
position: relative;
margin: 0;
padding: 5px 0;
}
.all-cats .dropup, .all-cats .dropdown{
position: static;
}
.all-cats .dropdown::marker{
content: " ";
}
.all-cats > ul > .dropdown > .dropdown-menu{
box-shadow: none;
top: 0;
height: 100%;
margin: 0;
padding: 0;
width: 100%;
border-radius: 15px;
padding: 15px;
}
html[dir=rtl] .all-cats > ul > .dropdown > .dropdown-menu{
left: auto;
right: 100%;
}
html[dir=ltr] .all-cats > ul > .dropdown > .dropdown-menu{
right: auto;
left: 100%;
}
.open > .dropdown-menu > ul > .dropdown:hover .dropdown-menu{
visibility: visible !important;
opacity: 1 !important;
}
/*.open > .dropdown-menu > ul > .dropdown .dropdown-menu{*/
/* visibility: visible;*/
/* opacity: 1;*/
/*}*/
/*.open > .dropdown-menu > ul > .dropdown ~ .dropdown .dropdown-menu{*/
/* visibility: hidden;*/
/* opacity: 0;*/
/*}*/
.all-cats > ul > .dropdown > .dropdown-menu.level2{
width: 500px;
overflow: hidden;
}
@media (min-width: 992px) {
.side-column {
width: 240px;
}
.two-column{
width: calc(100% - 240px * 2);
}
.one-column {
width: calc(100% - 240px);
}
#common-home #column-left{
margin: 450px 0 0;
}
#product-product .side-column {
width: 340px;
}
#product-product .one-column {
width: calc(100% - 340px);
}
}
.level2 img{
/*top: 0;
position: absolute;*/
}
html[dir=rtl] .level2 img{
left: 0;
}
html[dir=ltr] .level2 img{
right: 0;
}
.third-level1{
width: 80%;
/*display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;*/
}
.third-level1 > li{
width: calc(100% / 3 - 0.01px);
}
/* content */
/*#content {*/
/* min-height: 600px;*/
/*}*/
.content_top{
background: #fff;
}
.content_bottom{
background: #fff;
}
.slide-layers{
position: absolute;
left: 30%;
top: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
}
#slideshow0 img{
width: 100%;
}
.slideshow .swiper-pager .swiper-button-next,
.slideshow .swiper-pager .swiper-button-prev {
opacity: 1;
width: 40px;
height: 40px;
background: transparent;
color: #333;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
left: 0;
position: absolute;
border-radius: 0;
-webkit-transition: all .1s ease-out;
transition: all .1s ease-out;
cursor: pointer;
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;
}
.slideshow:hover .swiper-pager .swiper-button-next,
.slideshow:hover .swiper-pager .swiper-button-prev {
opacity: 1;
}
.slideshow .swiper-pager .swiper-button-next:hover,
.slideshow .swiper-pager .swiper-button-prev:hover {
/*background: var(--maincolor);*/
}
.slideshow .swiper-pager .swiper-button-next:before,
.slideshow .swiper-pager .swiper-button-prev:before{
/*color: var(--secondcolor);*/
}
.slideshow .swiper-pager .swiper-button-next:hover:before,
.slideshow .swiper-pager .swiper-button-prev:hover:before{
/*color: #fff;*/
}
.slideshow .swiper-pager .swiper-button-next:before{
color: #000 !important;
position: absolute;
right: -10rem;
transform: translate(-100%, 0%);
z-index: 9;
padding: 5px;
transition: all .4s ease-out;
background: rgba(255, 255, 255, 1);
width: 40px;
height: 40px;
-webkit-box-pack: center;
justify-content: center;
-webkit-box-align: center;
align-items: center;
display: flex;
border-radius: 50%;
opacity: 0;
visibility: hidden;
}
.slideshow:hover .swiper-pager .swiper-button-next:before{
right: 2rem;
opacity: 1;
visibility: visible;
/* transform: translate(-50%, 0%);*/
}
.slideshow .swiper-pager .swiper-button-next {
height: 100%;
display: flex;
flex-direction: row;
flex-basis: max-content;
-webkit-box-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
align-items: center;
width: auto !important;
margin: 0px !important;
padding: 0px !important;
background-image: none !important;
top: 0px !important;
right: 0px !important;
left: auto !important;
}
.slideshow .swiper-pager .swiper-button-prev:before{
color: #000 !important;
position: absolute;
left: -10rem;
transform: translate(100%, 0%);
z-index: 9;
padding: 5px;
transition: all .4s ease-out;
background: rgba(255, 255, 255, 1);
width: 40px;
height: 40px;
-webkit-box-pack: center;
justify-content: center;
-webkit-box-align: center;
align-items: center;
display: flex;
border-radius: 50%;
opacity: 0;
visibility: hidden;
}
.slideshow:hover .swiper-pager .swiper-button-prev:before{
left: 2rem;
opacity: 1;
visibility: visible;
/*transform: translate(40%, 0%);*/
}
.slideshow .swiper-pager .swiper-button-prev {
height: 100%;
display: flex;
flex-direction: row;
flex-basis: max-content;
-webkit-box-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
align-items: center;
width: auto !important;
margin: 0px !important;
padding: 0px !important;
background-image: none !important;
top: 0px !important;
left: 0px !important;
right: auto !important;
}
.slideshow{
overflow: hidden;
margin-bottom: 45px;
}
.slideshow .swiper-pagination {
bottom: 10px;
}
.slideshow .swiper-pagination-bullet{
width: 15px;
height: 15px;
background: #fff;
border-radius: 0;
box-shadow: none;
border-radius: 50%;
}
.slideshow .swiper-pagination-bullet-active{
background: #6d6d6d;
}
.slideshow .swiper-pagination-bullet:hover{
background: #6d6d6d;
}
.eTEuVf {
/* height: 100%;
width: auto;*/
transform-origin: right center;
transform: scaleX(1);
transition: transform 0.4s cubic-bezier(0.36, 0.07, 0.19, 0.97) 0s;
/*max-height: 285px;*/
}
.swiper-button-next:hover .eTEuVf .wave {
fill: rgb(255, 255, 255);
}
.eTEuVf .wave {
transition: all 0.4s cubic-bezier(0.36, 0.07, 0.19, 0.97) 0s;
transform: translateX(43%);
}
.swiper-button-next:hover .eTEuVf {
transform: scaleX(2.5);
}
.AXFeE {
/* height: 100%;
width: auto;*/
transform-origin: left center;
transform: scaleX(1);
transition: transform 0.4s cubic-bezier(0.36, 0.07, 0.19, 0.97) 0s;
/*max-height: 285px;*/
}
.swiper-button-prev:hover .AXFeE .wave {
fill: rgb(255, 255, 255);
}
.AXFeE .wave {
transition: all 0.4s cubic-bezier(0.36, 0.07, 0.19, 0.97) 0s;
transform: translateX(-43%);
}
.swiper-button-prev:hover .AXFeE {
transform: scaleX(2.5);
}
.slide-layers .s-title{
color: #fff;
transition: all 0.5s ease;
font-size: 45px;
}
.slide-layers .s-describe{
color: #fff;
font-size: 22px;
transition: all 0.5s ease;
}
.slide-layers .btn-more{
width: 130px;
height: 40px;
color: var(--maincolor);
text-align: center;
border-radius: 35px;
padding: 10px 25px;
cursor: pointer;
transition: all 0.3s ease;
position: relative;
display: inline-block;
box-shadow:inset 2px 2px 2px 0px rgba(255,255,255,.5),
7px 7px 20px 0px rgba(0,0,0,.1),
4px 4px 5px 0px rgba(0,0,0,.1);
outline: none;
background: var(--secondcolor);
transition: ease 0.3s;
margin-top: 15px;
}
.slide-layers .btn-more:hover{
color: var(--secondcolor);
background: var(--maincolor);
}
.btn-hr {
border: none;
transition: all 0.3s ease;
overflow: hidden;
}
.btn-hr:after {
position: absolute;
content: " ";
z-index: -1;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #725641 !important;
background: -moz-linear-gradient(top, #725641 0%, #8c725e 0%, #725641 99%) !important;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#725641), color-stop(0%,#8c725e), color-stop(99%,#725641)) !important;
background: -webkit-linear-gradient(top, #725641 0%,#8c725e 0%,#725641 99%) !important;
background: -o-linear-gradient(top, #725641 0%,#8c725e 0%,#725641 99%) !important;
background: -ms-linear-gradient(top, #725641 0%,#8c725e 0%,#725641 99%) !important;
background: linear-gradient(to bottom, #725641 0%,#8c725e 0%,#725641 99%) !important;
transition: all 0.4s ease;
}
.btn-hr:hover {
background: transparent;
box-shadow: 4px 4px 6px 0 rgba(255,255,255,.5),
-4px -4px 6px 0 rgba(116, 125, 136, .2),
inset -4px -4px 6px 0 rgba(255,255,255,.5),
inset 4px 4px 6px 0 rgba(116, 125, 136, .3);
color: #fff;
}
.btn-hr:hover:after {
-webkit-transform: scale(2) rotate(180deg);
transform: scale(2) rotate(180deg);
box-shadow: 4px 4px 6px 0 rgba(255,255,255,.5),
-4px -4px 6px 0 rgba(116, 125, 136, .2),
inset -4px -4px 6px 0 rgba(255,255,255,.5),
inset 4px 4px 6px 0 rgba(116, 125, 136, .3);
}
#slideshow0 .s-title {
position: relative;
-webkit-animation-duration: 1.7s;
animation-duration: 1.7s;
}
#slideshow0 .swiper-slide-active .s-title{
-webkit-animation-name: fadeInDownBig;
animation-name: fadeInDownBig;
}
#slideshow0 .s-title{
color: var(--maincolor);
font-size: 42px;
line-height: 55px;
font-weight: bold;
}
#slideshow0 .s-describe{
color: rgb(255, 187, 0);
font-size: 36px;
line-height: 1.3em;
}
#slideshow0 .swiper-slide-active .s-describe{
-webkit-animation-name: fadeInDownBig;
animation-name: fadeInDownBig;
}
#slideshow0 .s-describe{
position: relative;
-webkit-animation-duration: 2.5s;
animation-duration: 2.5s;
overflow: hidden;
}
#slideshow0 .swiper-slide-active .s-describe {
-webkit-animation-name: fadeInUpBig;
animation-name: fadeInUpBig;
}
#slideshow0 .swiper-slide-active .btn-more{
-webkit-animation-name: fadeInUpBig;
animation-name: fadeInUpBig;
}
#slideshow0 .btn-more{
position: relative;
-webkit-animation-duration: 3s;
animation-duration: 3s;
}
#slideshow0 .slide-layers{
overflow: hidden;
width: 45%;
left: 70%;
padding: 25px;
}
html[dir=rtl] #slideshow0 .slide-layers{
text-align: right;
}
html[dir=ltr] #slideshow0 .slide-layers{
text-align: left;
}
.mybanner .col-xs-12{
margin: 20px 0 20px;
border-radius: 45px;
overflow: hidden;
padding: 0;
}
/*.banner1 .swiper-slide::after {
content: '\f061' !important;
font-family: 'fontawesome' !important;
content: "";
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
-webkit-transition: all .12s ease-out;
transition: all .12s ease-out;
font-size: 28px;
color: #fff;
z-index: 4;
}*/
/*.banner1 .swiper-slide:before{
content: "";
width: 100%;
height: 100%;
position: absolute;
pointer-events: none;
-webkit-transition: all .15s ease-out;
transition: all .15s ease-out;
z-index: 2;
border-radius: inherit;
background: rgba(0, 0, 0, 0.3);
opacity: 0;
}
.banner1 .swiper-slide:hover::before {
opacity: 1;
}*/
.banner1 .swiper-slide img {
-webkit-transition: all .2s ease;
transition: all .2s ease;
}
/*.banner1:hover img {
transform: scale(1.15);
}*/
.banner2 {
display: flex;
border: 1px solid var(--maincolor);
border-radius: 45px;
}
/*.banner2 .swiper-slide:before{
content: "";
width: 100%;
height: 100%;
position: absolute;
pointer-events: none;
-webkit-transition: all .15s ease-out;
transition: all .15s ease-out;
border-radius: inherit;
background: rgba(6, 30, 187, 0.2);
opacity: 0;
}
.banner2 .swiper-slide:hover::before {
opacity: 1;
}*/
.slide-layers .b-title{
color: #fff;
}
.banner2 .slide-layers .b-title{
white-space: normal;
font-size: 15px;
color: #fff;
font-weight: 700;
text-align: center;
text-transform: uppercase;
background: rgba(60, 196, 114, 1);
padding: 8px;
}
.banner2 img{
width: 100%;
}
.side-column .banner3{
display: block;
margin: 0 ;
}
.side-column .info-block{
width: 100%;
margin: 0 0 20px;
}
/*[class^="product-product"] .one-column {
width: calc(100% - 240px);
}*/
.banner3{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 0 -10px;
}
.banner3 .swiper-slide{
height: auto !important;
}
.info-block {
background: #fff;
padding: 15px;
display: flex;
flex-direction: row;
justify-content: flex-start;
margin: 0 0;
/*height: 100%;*/
}
.info-block .info-block-content:after{
content: "";
display: inline-block;
height: 50%;
width: 1px;
background: var(--maincolor);
position: absolute;
left: 10%;
top: 24%;
}
#banner20 .swiper-slide:last-child .info-block .info-block-content:after{
display: none;
}
html[dir=rtl] .info-block{
text-align: right;
}
html[dir=ltr] .info-block{
text-align: left;
}
.info-block img {
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;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
line-height: 1;
text-align: center;
align-self: center;
width: 40px !important;
height: 40px;
}
html[dir=rtl] .info-block img{
margin-left: 10px;
}
html[dir=ltr] .info-block img{
margin-right: 10px;
}
.info-block-content {
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-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.info-block .info-block-title {
color: #191C1F;
font-weight: 700;
display: block;
}
.info-block .info-block-describe {
color: #5F6C72;
font-size: 10.833px;
font-style: normal;
font-weight: 700;
}
.swiper-viewport{
position: relative;
}
.cat{
width: 240px;
padding: 0;
z-index: 9;
position: absolute;
top: 0;
}
.cats{
padding: 30px 15px;
background: #fff;
}
.cats .home-cats{
padding: 0;
margin-bottom: 10px;
}
.cats .home-cats img{
margin: 0 auto;
}
#tab-description{
font-size: 14px;
line-height: 1.6em;
color: #000;
}
#tab-description img{
display: block;
max-width: 100% !important;
}
.img-link{
display: block;
border-radius: 45px;
padding: 30px;
border: 1px solid rgba(var(--maincolor-rgb), var(--maincolor-opacity-2));
transition: all .35s ease-in-out;
}
.cats .home-cats:hover .img-link {
border: 1px solid rgba(var(--maincolor-rgb), var(--maincolor-opacity-9));
}
.cats .home-cats .cat-title{
font-size: 18px;
font-weight: bold;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
text-align: center;
display: block;
margin: 10px 0 ;
padding: 5px 0;
color: #000;
transition: all .35s ease-in-out;
}
.cats .home-cats:hover .cat-title{
color: var(--secondcolor);
}
.cats .home-cats .image{
padding: 0;
/*background: #fff;*/
border-radius: 3px;
}
.cats .home-cats .image:hover{
/*background: #3cc472;*/
}
.cats .home-cats .image:hover a{
/*color: #fff;*/
}
.gallery{
margin: 50px -5px;
}
.gallery .gal{
/*padding: 0 5px;*/
margin: 0 0 10px;
}
#lightgallery{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
#lightgallery a{
width: calc(100% / 3 - 0.01px);
position: relative;
overflow: hidden;
display: block;
}
.gallery a::after {
content: '\f067' !important;
font-family: 'fontawesome' !important;
content: "";
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
-webkit-transition: all .12s ease-out;
transition: all .12s ease-out;
font-size: 18px;
color: #fff;
z-index: 4;
opacity: 0;
}
.gallery a:before{
content: "";
width: 100%;
height: 100%;
position: absolute;
pointer-events: none;
-webkit-transition: all .15s ease-out;
transition: all .15s ease-out;
z-index: 2;
border-radius: inherit;
background: rgba(0, 0, 0, 0.3);
opacity: 0;
}
.gallery a:hover::before,
.gallery a:hover::after {
opacity: 1;
}
.gallery a img {
-webkit-transition: all .2s ease;
transition: all .2s ease;
}
.gallery a:hover img {
transform: scale(1.15);
}
.lg-container{
direction: ltr;
}
.featured .image{
width: 30%;
}
.featured .product-thumb .caption{
width: calc(100% - 30%);
padding: 0 ;
}
html[dir=rtl] .featured .image{
float: right;
}
html[dir=rtl] .featured .product-thumb .caption{
padding-right: 6px;
float: right;
}
html[dir=ltr] .featured .image{
float: left;
}
html[dir=ltr] .featured .product-thumb .caption{
padding-left: 6px;
float: left;
}
.mfilter-widget-position-right .mfilter-free-button {
display: block;
position: absolute;
margin: 10px 0 0 228px;
cursor: pointer;
width: 25px;
height: 23px;
border: 10px solid var(--secondcolor);
background: var(--secondcolor) url(mf/images/icons.png?v8) no-repeat -69px 0;
}
.featured .product-thumb .price{
font-size: 13px
}
.featured .product-thumb .price-new{
display: inline;
}
.featured .product-thumb .price-old{
font-size: 13px
}
.featured .product-thumb{
border: 0 !important;
}
.featured .price-tax{
display: none !important;
}
.featured .rating{
display: none;
}
.featured .button-group{
display: none;
}
.featured .desc{
display: none;
}
.featured1{
margin: 50px 0 30px;
border-radius: 25px;
border: 1px solid #F1F1F2;
background: var(--maincolor);
box-shadow: 0px 2.5px 3.333px 0px rgba(0, 0, 0, 0.03);
padding: 60px 0px;
position: relative;
left: 50%;
right: 50%;
margin-left: -50vw;
margin-right: -50vw;
width: 100vw;
max-width: 100vw;
}
.featured1_flex:before {
content: " ";
width: 150%;
background-color: var(--maincolor);
height: 100%;
/* right: -90px; */
z-index: 1;
position: absolute;
top: 0;
pointer-events: none;
}
.featured1_flex:after{
content: "";
display: block;
background: transparent url(loopergroup.svg) no-repeat;
background-position: 99.5%;
z-index: 2;
position: absolute;
top: 0;
pointer-events: none;
height: 100%;
width: 100%;
}
.title_featured1{
margin-bottom: -40px !important;
margin-top: 40px;
}
.featured1_flex{
display: flex;
justify-content: center;
overflow: hidden;
border-radius: 25px;
}
.featured11{
display: block;
}
.featured1_flex .featured1-title{
color: #FFF;
text-align: center;
font-size: 45.148px;
font-style: normal;
font-weight: 700;
transform: rotate(-180deg);
/*height: 100%;*/
writing-mode: vertical-rl;
text-orientation: mixed;
border-radius: 0px 25px 25px 0px;
}
.featured1_wrap_title{
/*float: right;*/
display: flex;
position: relative;
z-index: 9;
border-radius: 0px 25px 25px 0px;
background: #fff;
overflow: hidden;
padding: 0;
align-items: center;
justify-content: center;
/*padding-bottom: 9999px;
margin-bottom: -9999px;*/
}
.featured1_wrap_title:before{
content: "";
display: block;
background: rgba(var(--maincolor-rgb), var(--maincolor-opacity-8));
position: absolute;
top: 0;
width: 100%;
height: 200%;
}
.featured1 .main-products-caro .product-thumb{
border-radius: 0;
}
.featured1_flex .featured1_wrap{
display: block;
/*padding-bottom: 9999px;
margin-bottom: -9999px;*/
background: #fff;
padding: 0;
}
.featured1 .main-products-caro .product-thumb .desc{
display: block;
}
@media (min-width: 767px) {
.featured1_flex .featured1_wrap{
width: 85%;
}
.featured1_wrap_title{
width: 15%;
}
.featured1 .product-thumb .caption .desc{
width: 85%;
}
}
.featured1 .main-products-caro .product-thumb{
border: 0;
}
.featured1 .product-thumb .caption{
padding: 60px 25px;
text-align: unset;
transform: none !important;
left: 0 !important;
opacity: 1;
}
.featured1 .product-thumb .price{
justify-content: flex-start;
margin-bottom: 10px;
color: #fff;
font-size: 18px;
}
.featured1 .product-thumb .price-new{
color: #fff;
font-size: 18px;
}
.featured1 .product-thumb .price-old{
font-size: 14px;
font-weight: 100;
color: #fff;
}
.featured1 .product-thumb .caption h4{
margin: 0 0 35px;
}
.featured1 .product-thumb .caption h4 a{
color: #fff;
font-size: 23px;
font-style: normal;
font-weight: 700;
line-height: normal;
}
.featured1 .featured1_wrap .product-thumb .rating{
display: block;
}
.featured1 .rating .fa-star-o{
color: #fff;
}
.featured1 .product-thumb .caption .desc{
color: #000;
line-height: 25px;
font-size: 14px;
}
.featured1 .product-thumb .button-group{
position: relative;
display: flex;
gap: 10.034px;
transform: none !important;
opacity: 1;
left: 0 !important;
bottom: unset;
margin-top: 40px;
padding: 0 25px;
}
.featured1 .product-thumb .button-group button{
border-radius: 45px;
background: #fff;
}
.featured1 .product-thumb .button-group button:first-child{
width: 70%;
background: var(--secondcolor);
border-color: var(--secondcolor);
color: #fff;
font-size: 18px;
}
.featured1 .product-thumb .button-group button:first-child svg path{
fill: #fff;
}
.featured1 .product-thumb .button-group button:first-child:hover{
background: var(--maincolor);
border-color: #fff;
}
.featured1 .product-thumb .button-group button:last-child{
}
.featured1 .product-thumb .button-group button.btn-buynow{
background: var(--maincolor);
color: #fff;
}
.featured1 .product-thumb .button-group button.btn-buynow:hover{
background: #fff;
color: var(--maincolor);
}
.featured1 .product-thumb .button-group button:first-child:before{
display: none;
}
.featured1 .product-thumb .feat-category{
margin: 0;
}
.featured1 .product-thumb .feat-category a{
color: #FFF;
font-size: 16px;
font-weight: 400;
line-height: 18px;
}
.common-home .featured1 .main-products-caro .product-layout {
margin: 0 0 0;
padding: 0;
}
.product-grid{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.caro-products .product-grid{
display: block;
}
.bannervideo{
display: inline-block;
width: 100%;
}
.m-title{
padding: 18px 0;
}
.m-title{
padding: 18px 0;
}
.m-title{
font-size: 18px;
font-weight: bold;
margin-bottom: 30px;
text-align: center;
color: var(--maincolor);
transition: all .35s ease-in-out;
background: linear-gradient(90deg, rgba(183, 129, 90, 0.00) 0%, rgba(var(--maincolor-rgb), var(--maincolor-opacity-2)) 49.52%, rgba(183, 129, 90, 0.00) 100%);
}
.m-title:hover{
color: var(--secondcolor);
}
.m-title a{
color: var(--maincolor);
transition: all .35s ease-in-out;
}
.m-title a:hover{
color: var(--secondcolor);
}
.category-tab .m-title{
margin-bottom: 10px;
}
.latest{
padding: 0 0px;
}
.common-home .main-products .product-layout{
padding: 0 15px;
/*width: 100%;*/
width: calc(100% / 4 - 0.01px);
margin: 0 0 30px;
}
.common-home .caro-products.main-products .product-layout{
width: calc(100% / 6 - 0.01px);
}
.common-home .main-products-caro .product-layout{
margin: 0 0 30px;
}
.main-products .product-thumb .desc,
.main-products .product-thumb .rating,
.main-products .product-thumb .price-tax{
display: none;
}
.main-products-caro .product-thumb .desc,
.main-products-caro .product-thumb .rating,
.main-products-caro .product-thumb .price-tax{
display: none;
}
.main-products-caro .product-thumb{
border: 2px solid transparent;
transition: all .2s ease-in-out;
height: 100%;
margin: 0;
}
.main-products .product-thumb{
height: 100%;
margin: 0;
transition: all .2s ease-in-out;
}
.main-products .product-thumb:hover{
}
/*.main-products-caro .product-thumb .image::before {
content: "";
position: absolute;
width: 100%;
bottom: 0;
left: 0;
top: 0;
height: 100%;
pointer-events: none;
z-index: 1;
-webkit-transition: all .01s ease-out;
transition: all .01s ease-out;
}
.main-products-caro .product-thumb:hover .image::before {
background: rgba(0, 0, 0, 0.03);
}*/
.main-products-caro .product-thumb .image img{
}
/*.main-products-caro .product-thumb {
background: rgba(221, 221, 221, 0.52);
border-width: 1px;
border-style: solid;
border-color: rgba(221, 221, 221, 0.52);
border-radius: 5px;
}
.main-products-caro .product-thumb:hover {
background: rgba(255, 0, 28, 0.15);
}*/
.main-products-caro .product-thumb .image a {
display: block;
}
.main-products-caro .product-thumb{
}
.main-products-caro .swiper-slide{
height: auto;
}
/*.main-products-caro .product-layout {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
height: 100%;
padding: 0;
}*/
.swiper-pager .swiper-button-prev:hover,
.swiper-pager .swiper-button-next:hover{
background: transparent;
}
.add_image .swiper-pagination {
bottom: 0px !important;
}
.add_image .swiper-pagination-bullet {
width: 8px;
height: 8px;
border: 1px solid #b2b8ca;
display: inline-block;
border-radius: 100%;
background: transparent;
opacity: 1;
box-shadow: none;
}
.add_image .swiper-pagination-bullet-active {
background: var(--secondcolor);
border: 1px solid var(--secondcolor);
}
.add_image .swiper-pagination-bullet:hover {
background: var(--secondcolor);
}
.module-title{
font-size: 14px;
color: var(--secondcolor);
text-transform: uppercase;
border-width: 0px;
padding: 0px;
margin: 20px 0 10px;
font-weight: 700;
}
.module-title::after{
content: '';
display: block;
width: 50px;
height: 1px;
background: var(--secondcolor);
margin-top: 8px;
}
.toast-title {
font-weight: bold;
margin: 0 0 15px;
color: #fff;
}
.toast-message a, .toast-message label,
.toast-title a, .toast-title label {
color: #fff;
}
.toast-message a:hover {
color: #ddd;
text-decoration: none;
}
#toast-container > div{
opacity: .9;
}
/*#toast-container > div{
max-width: 400px;
margin: 20px;
margin-bottom: 0px;
padding: 10px;
background: #ffffff;
border-radius: 5px;
box-shadow: 0 5px 60px -10px rgb(0 0 0 / 30%);
}
#toast-container > div .btn{
color: #fff;
}
*/
.product-thumb .image {
position: relative;
overflow: hidden;
}
/*.main-products .product-thumb .image::before {
content: "";
position: absolute;
width: 100%;
bottom: 0;
left: 0;
top: 0;
height: 100%;
pointer-events: none;
z-index: 1;
-webkit-transition: all .01s ease-out;
transition: all .01s ease-out;
}
.main-products .product-thumb:hover .image::before {
background: rgba(0, 0, 0, 0.03);
}*/
.special{
background: #fff;
padding: 0;
}
.popular{
background: #fff;
padding: 5px;
}
.popular .product-thumb {
/*background: rgba(255, 210, 0, 0.23);
border-width: 1px;
border-style: solid;
border-color: rgba(255, 210, 0, 0.32);
border-radius: 5px;*/
width: 100%;
}
.popular .product-thumb:hover {
/*background: rgba(255, 0, 28, 0.15);*/
}
.popular h4{
}
.popular .product-grid .product-thumb .image{
/*background: #fff;*/
}
.popular .product-grid .product-thumb .price{
margin: 10px 0;
/* text-align: center;*/
}
.popular .product-thumb .image a {
display: block;
/*border: 3px solid transparent;*/
}
#modal-agree .modal-content{
box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
}
.main-products.popular .product-layout {
padding: 0 13px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.bestseller{
background: #fff;
padding: 0 0;
}
.bestseller .product-thumb {
/*background: rgba(221, 221, 221, 0.52);
border-width: 1px;
border-style: solid;
border-color: rgba(255, 210, 0, 0.32);
border-radius: 5px;*/
width: 100%;
}
.bestseller .product-thumb:hover {
/*background: rgba(255, 0, 28, 0.15);*/
}
.bestseller .product-thumb .image a {
display: block;
/*border: 3px solid transparent;*/
}
.bestseller h4{
}
.bestseller .product-grid .product-thumb .image{
/*background: #fff;*/
}
.bestseller .product-grid .product-thumb .price{
margin: 10px 0;
}
.main-products.bestseller .product-layout {
padding: 0 13px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.bann-image{
background-attachment: fixed !important;
background-size: cover !important;
background-repeat: no-repeat !important;
padding: 20px;
padding-top: 80px;
padding-bottom: 80px;
position: relative;
}
.bann-image::before {
content: '';
display: block;
background: rgba(0, 0, 0, 0.5);
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 9;
position: absolute;
}
.banner-layers{
text-align: center;
position: relative;
z-index: 9;
}
.banner-layers .b-title{
font-size: 32px;
margin-bottom: 15px;
color: #fff;
}
.banner-layers .b-describe {
font-size: 17px;
font-weight: 400;
margin-bottom: 15px;
color: #fff;
margin-top: 20px;
}
.banner-layers .btn-more{
padding: 7px 12px;
width: auto;
color: #fff;
background: var(--maincolor);
transform: scale(calc(120 / 100));
transform-origin: center;
display: table;
margin: 30px auto 0;
}
.help_center{
border-top: 1px solid #e2e5f1;
border-bottom: 1px solid #e2e5f1;
background: #f7f7fa;
padding: 25px 15px;
}
.help_center .col-xs-4{
display: flex;
flex-direction: row;
justify-content: flex-start;
}
.help_center img{
align-self: center;
border: 1px solid #e2e5f1;
background-color: white;
border-radius: 50%;
width: 36px !important;
height: 36px;
padding: 7px;
}
html[dir=rtl] .help_center img{
margin-left: 10px;
}
html[dir=ltr] .help_center img{
margin-right: 10px;
}
.desc{
}
.desc h4{
font-size: 11px;
color: #7e859b;
}
.desc h5{
font-size: 17px;
}
.help h3{
margin-top: 0;
}
.help h4{
color: #7e859b;
font-size: 13px;
}
.carousel{
position: relative;
left: 50%;
right: 50%;
margin-left: -50vw;
margin-right: -50vw;
width: 100vw;
max-width: 100vw;
padding: 10px 0;
background: rgba(var(--maincolor-rgb), var(--maincolor-opacity-2));
margin-top: 40px;
margin-bottom: 40px;
}
.cats-cont{
margin-top: 5px;
}
#carousel0{
padding: 10px 0;
}
.carousel img{
margin: 0 auto 0px;
width: 90%;
}
.carousel img{
opacity: .75;
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.carousel img:hover{
opacity: 1;
transform: scale(1.1);
}
/*.swiper-pager div {
width: 25px;
height: 25px;
background: transparent;
border-radius: 50px;
box-shadow: 0 5px 30px -5px rgb(0 0 0 / 15%);
}
.carousel .swiper-viewport .swiper-button-next,
.carousel .swiper-viewport .swiper-button-prev{
opacity: 1;
}
.carousel .swiper-button-next:before,
.carousel .swiper-button-prev:before {
width: auto;
height: auto;
color: #000;
font-size: 13px;
line-height: 2;
text-align: center;
display: block;
background: #fff;
border-radius: 50%;
height: 25px;
}*/
.swiper-viewport .swiper-button-next, .swiper-viewport .swiper-button-prev {
opacity: 1 !important;
width: 42px !important;
height: 42px !important;
line-height: 35px !important;
border-radius: 50%;
text-align: center !important;
background-color: #fff !important;
transition: all linear .5s;
border: 1px solid #DCDCDC;
box-shadow: 0px 0px 4.282px 0px rgba(0, 0, 0, 0.10);
}
.swiper-viewport .swiper-button-next:hover, .swiper-viewport .swiper-button-prev:hover {
background-color: var(--secondcolor) !important;
color: #fff !important;
}
.swiper-button-next:before {
content: "" !important;
text-shadow: none;
line-height: 33px !important;
background-color: var(--secondcolor) !important;
mask-image: url('data:image/svg+xml,');
mask-repeat: no-repeat;
mask-position: center;
mask-size: contain;
height: 40px;
width: 25.69px !important;
height: 25.69px !important;
vertical-align: middle;
display: inline-block !important;
top: 2px;
position: relative;
}
.swiper-button-prev:before {
content: "" !important;
text-shadow: none;
line-height: 33px !important;
background-color: var(--secondcolor) !important;
mask-image: url('data:image/svg+xml,');
mask-repeat: no-repeat;
mask-position: center;
mask-size: contain;
height: 40px;
width: 25.69px !important;
height: 25.69px !important;
vertical-align: middle;
display: inline-block !important;
top: 2px;
position: relative;
}
.swiper-viewport .swiper-button-next:hover:before, .swiper-viewport .swiper-button-prev:hover:before {
background-color: #fff !important;
}
.swiper-pager {
top: 43% !important;
}
.swiper-viewport .swiper-button-next {
right: -10px !important;
}
.swiper-viewport .swiper-button-prev {
left: -10px !important;
}
.payment-wrapper {
display: flex;
flex-direction: row;
justify-content: flex-start;
GAP: 10px;
}
.newsletter.contctseller h2{
text-align: right;
color: #fff;
padding: 0;
background: transparent;
}
.newsletter{
background-image: url("images_css/bg-news.png");
background-repeat: no-repeat;
background-position: center;
background-size: cover;
width: 100%;
margin: 40px 0 0;
display: inline-block;
background: #f1f1f1;
border-radius: 45px;
display: none;
}
.common-home .newsletter{
display: block;
}
.newsletter_wrap{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 85%;
margin: 0 auto;
align-items: center;
justify-content: center;
padding: 50px 0;
}
.column{
width: 24%;
height: 100%;
text-align: center;
}
html[dir=ltr] .column{
border-right: 1px solid #cccccc;
}
html[dir=rtl] .column{
border-left: 1px solid #cccccc;
}
.newsletter .far{
font-size: 40px;
margin-inline-end: 20px;
}
.newsletter h5{
margin: 0;
font-weight: bold;
color: var(--secondcolor);
}
html[dir=ltr] .newsletter h5{
font-size: 40px;
}
html[dir=rtl] .newsletter h5{
font-size: 30px;
}
.newsletter p{
width: 50%;
padding: 0 30px 0 30px;
color: #000;
/*border-right: 1px solid rgba(0,0,0,.07);*/
margin: 0;
font-size: 18px;
line-height: 30px;
font-weight: 500;
}
.newsletter .form-group, .newsletter .buttons{
margin: 0;
}
.newsletter.contctseller h2{
text-align: right;
color: #fff;
padding: 0;
background: transparent;
}
.newsletter .btn {
background: var(--secondcolor) !important;
background-color: var(--secondcolor) !important;
width: 90px;
height: 45px;
border-radius: 35px;
color: var(--maincolor);
font-weight: bold;
outline: none;
border: none;
transition: all .35s ease-in-out;
}
html[dir=ltr] .newsletter .btn{
border-radius: 35px !important;
}
html[dir=rtl] .newsletter .btn{
border-radius: 35px !important;
}
.newsletter .btn:hover {
color: #fff;
background: var(--maincolor) !important;
background-color: var(--maincolor) !important;
}
.newsletter .input-group {
border-radius: 3px;
padding:0;
}
.newsletter #input-email{
height: 45px;
border: 0;
box-shadow: none;
}
html[dir=ltr] .newsletter #input-email{
margin-left: 35px;
border-radius: 35px 0 0 35px !important;
}
html[dir=rtl] .newsletter #input-email{
margin-right: 35px;
border-radius: 0 35px 35px 0 !important;
}
html[dir=rtl] .newsletter p{
text-align: right;
}
html[dir=ltr] .newsletter p{
text-align: left;
}
.seller-info, .newsletter .enquire{
border: 0;
padding: 0;
width: 50%;
}
.footer-social a {
width: 40px;
height: 40px;
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;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-bottom: 0px;
color: #fff;
/*border: 0.125rem solid #f3f3f3;*/
/*box-shadow: 0 0 8px 0 rgb(50 50 50 / 15%);*/
border-radius: 50%;
transition: 250ms;
transition: all .25s ease-in-out;
}
.footer-social a .fa,
.footer-social a .fab{
font-size: 22px;
}
.footer-social a:hover {
color: var(--secondcolor);
}
/*.footer-social a.twitter:hover, .footer-social a.twitter:focus {*/
/* color: #00ACED;*/
/* box-shadow: 0 0 24px 0 #00aced;*/
/*}*/
/*.footer-social a.facebook:hover, .footer-social a.facebook:focus {*/
/* color: #3b5998;*/
/* box-shadow: 0 0 24px 0 #3b5998;*/
/*}*/
/*.footer-social a.pinterest:hover, .footer-social a.pinterest:focus {*/
/* color: #bd081c;*/
/* box-shadow: 0 0 24px 0 #bd081c;*/
/*}*/
/*.footer-social a.youtube:hover, .footer-social a.youtube:focus {*/
/* color: #cd201f;*/
/* box-shadow: 0 0 24px 0 #cd201f;*/
/*}*/
/*.footer-social a.linkedin:hover, .footer-social a.linkedin:focus {*/
/* color: #0A66C2;*/
/* box-shadow: 0 0 24px 0 #0A66C2;*/
/*}*/
/*.footer-social a.instagram:hover, .footer-social a.instagram:focus {*/
/* color: #E4405F;*/
/* box-shadow: 0 0 24px 0 #E4405F;*/
/*}*/
/*.footer-social a.whatsapp:hover, .footer-social a.whatsapp:focus {*/
/* color: #25D366;*/
/* box-shadow: 0 0 24px 0 #25D366;*/
/*}*/
/*.footer-social a.snapchat:hover, .footer-social a.snapchat:focus {*/
/* color: #FFFC00;*/
/* box-shadow: 0 0 24px 0 #FFFC00;*/
/*}*/
/*.footer-social a.tiktok:hover, .footer-social a.tiktok:focus {*/
/* color: #EE1D51;*/
/* box-shadow: 0 0 24px 0 #EE1D51;*/
/*}*/
/*.footer-social a.telegram:hover, .footer-social a.telegram:focus {*/
/* color: #0088cc;*/
/* box-shadow: 0 0 24px 0 #0088cc;*/
/*}*/
.floating {
height: 4em;
width: 4em;
background: #eee;
border-radius: 50%;
position: fixed;
z-index: 999;
bottom : 2em;
left: 2em;
cursor: pointer;
display: flex;
justify-content: center;
align-items: center;
}
@media screen and (max-width: 767px){
.floating {
bottom: 60px;
left: 2em;
}
}
.floating .material-icons {
font-size: 2.2em;
color: white;
transition: all, 0.2s;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
}
.floating-smoke .floating-main .fa-plus{
opacity: 0;
}
.floating-smoke.float-open .floating-main .fa-plus{
opacity: 1;
}
.floating-smoke .floating-main .fa-share{
opacity: 1;
}
.floating-smoke.float-open .floating-main .fa-share{
opacity: 0;
}
.floating-main {
position: absolute;
height: 100%;
width: 100%;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
background: #e74c3c;
opacity: 0.5;
transition: all, 0.2s;
z-index: 8;
}
.floating:hover .floating-main{
opacity: 1;
}
.float-opt {
position: absolute;
height: 90%;
width: 90%;
border-radius: 50%;
opacity: 0;
transition: all, 0.3s;
z-index: 7;
transform: translate(0%, 0%);
display: flex;
justify-content: center;
align-content: center;
align-items: center;
}
.float-opt .fa, .float-opt .fab{
background: transparent;
color: #fff;
font-size: 18px;
}
.opt-text {
background: blue;
}
.opt-media {
background: orange;
}
.float-open {
background-image: linear-gradient(to top, gray, transparent);
}
.float-open .floating-main{
transform: rotate(315deg);
opacity: 1;
}
.float-open .float-opt {
opacity: 1;
}
.float-open .float-opt:nth-child(2) {
transform: translate(0%, -115%);
}
.float-open .float-opt:nth-child(3) {
transform: translate(0%, calc(-115% + (-105%)));
}
.float-open .float-opt:nth-child(4) {
transform: translate(0%, calc(-220% + (-105%)));
}
.float-open .float-opt:nth-child(5) {
transform: translate(0%, calc(-325% + (-105%)));
}
.float-open .float-opt:nth-child(6) {
transform: translate(0%, calc(-430% + (-105%)));
}
.float-open .float-opt:nth-child(7) {
transform: translate(0%, calc(-535% + (-105%)));
}
.float-open .float-opt:nth-child(8) {
transform: translate(0%, calc(-640% + (-105%)));
}
.float-open .float-opt:nth-child(9) {
transform: translate(0%, calc(-745% + (-105%)));
}
.float-open .float-opt:nth-child(10) {
transform: translate(0%, calc(-850% + (-105%)));
}
.float-open .float-opt:nth-child(11) {
transform: translate(0%, calc(-955% + (-105%)));
}
.facebook.float-opt{
background: #3b5998;
}
.facebook.float-opt:hover{
box-shadow: 0 0 12px 0 #3b5998;
}
.fa-brands, .fab {
font-family: "Font Awesome 6 Brands";
}
.twitter.float-opt{
background: #000;
}
.twitter.float-opt:hover{
box-shadow: 0 0 12px 0 #000;
}
.pinterest.float-opt{
background: #bd081c;
}
.pinterest.float-opt:hover{
box-shadow: 0 0 12px 0 #bd081c;
}
.youtube.float-opt{
background: #cd201f;
}
.youtube.float-opt:hover{
box-shadow: 0 0 12px 0 #cd201f;
}
.linkedin.float-opt{
background: #0A66C2;
}
.linkedin.float-opt:hover{
box-shadow: 0 0 12px 0 #0A66C2;
}
.instagram.float-opt{
background: #E4405F;
}
.instagram.float-opt:hover{
box-shadow: 0 0 12px 0 #E4405F;
}
.whatsapp.float-opt{
background: #25D366;
}
.whatsapp.float-opt:hover{
box-shadow: 0 0 12px 0 #25D366;
}
.snapchat.float-opt{
background: #FFFC00;
}
.snapchat.float-opt:hover{
box-shadow: 0 0 12px 0 #FFFC00;
}
.tiktok.float-opt{
background: #000;
}
.tiktok.float-opt:hover{
box-shadow: 0 0 12px 0 #000;
}
.telegram.float-opt{
background: #0088cc;
}
.telegram.float-opt:hover{
box-shadow: 0 0 12px 0 #0088cc;
}
/* footer */
.floating {
height: 4em;
width: 4em;
background: #eee;
border-radius: 50%;
position: fixed;
z-index: 999;
bottom : 55px;
left: 20px;
cursor: pointer;
display: flex;
justify-content: center;
align-items: center;
}
@media (max-width: 767px) {
.floating{
bottom : 60px;
}
}
.floating .material-icons {
font-size: 2.2em;
color: white;
transition: all, 0.2s;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
}
.floating-smoke .floating-main .fa-plus{
opacity: 0;
}
.floating-smoke.float-open .floating-main .fa-plus{
opacity: 1;
}
.floating-smoke .floating-main .fa-share{
opacity: 1;
}
.floating-smoke.float-open .floating-main .fa-share{
opacity: 0;
}
.floating-main {
position: absolute;
height: 100%;
width: 100%;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
background: #e74c3c;
opacity: 0.5;
transition: all, 0.2s;
z-index: 8;
}
.floating:hover .floating-main{
opacity: 1;
}
.float-opt {
position: absolute;
height: 90%;
width: 90%;
border-radius: 50%;
opacity: 0;
transition: all, 0.3s;
z-index: 7;
transform: translate(0%, 0%);
display: flex;
justify-content: center;
align-content: center;
align-items: center;
}
.float-opt .fa, .float-opt .fab{
background: transparent;
color: #fff;
font-size: 18px;
}
.opt-text {
background: blue;
}
.opt-media {
background: orange;
}
.float-open {
background-image: linear-gradient(to top, gray, transparent);
}
.float-open .floating-main{
transform: rotate(315deg);
opacity: 1;
}
.float-open .float-opt {
opacity: 1;
}
.float-open .float-opt:nth-child(2) {
transform: translate(0%, -115%);
}
.float-open .float-opt:nth-child(3) {
transform: translate(0%, calc(-115% + (-105%)));
}
.float-open .float-opt:nth-child(4) {
transform: translate(0%, calc(-220% + (-105%)));
}
.float-open .float-opt:nth-child(5) {
transform: translate(0%, calc(-325% + (-105%)));
}
.float-open .float-opt:nth-child(6) {
transform: translate(0%, calc(-430% + (-105%)));
}
.float-open .float-opt:nth-child(7) {
transform: translate(0%, calc(-535% + (-105%)));
}
.float-open .float-opt:nth-child(8) {
transform: translate(0%, calc(-640% + (-105%)));
}
.float-open .float-opt:nth-child(9) {
transform: translate(0%, calc(-745% + (-105%)));
}
.float-open .float-opt:nth-child(10) {
transform: translate(0%, calc(-850% + (-105%)));
}
.float-open .float-opt:nth-child(11) {
transform: translate(0%, calc(-955% + (-105%)));
}
.facebook.float-opt{
background: #3b5998;
}
.facebook.float-opt:hover{
box-shadow: 0 0 12px 0 #3b5998;
}
.fa-brands, .fab {
font-family: "Font Awesome 6 Brands";
}
.twitter.float-opt{
background: #000;
}
.twitter.float-opt:hover{
box-shadow: 0 0 12px 0 #000;
}
.pinterest.float-opt{
background: #bd081c;
}
.pinterest.float-opt:hover{
box-shadow: 0 0 12px 0 #bd081c;
}
.youtube.float-opt{
background: #cd201f;
}
.youtube.float-opt:hover{
box-shadow: 0 0 12px 0 #cd201f;
}
.linkedin.float-opt{
background: #0A66C2;
}
.linkedin.float-opt:hover{
box-shadow: 0 0 12px 0 #0A66C2;
}
.instagram.float-opt{
background: #E4405F;
}
.instagram.float-opt:hover{
box-shadow: 0 0 12px 0 #E4405F;
}
.whatsapp.float-opt{
background: #25D366;
}
.whatsapp.float-opt:hover{
box-shadow: 0 0 12px 0 #25D366;
}
.snapchat.float-opt{
background: #FFFC00;
}
.snapchat.float-opt:hover{
box-shadow: 0 0 12px 0 #FFFC00;
}
.tiktok.float-opt{
background: #000;
}
.tiktok.float-opt:hover{
box-shadow: 0 0 12px 0 #000;
}
.telegram.float-opt{
background: #0088cc;
}
.telegram.float-opt:hover{
box-shadow: 0 0 12px 0 #0088cc;
}
.top-footer{
padding: 20px 0 40px;
}
footer {
margin-top: 30px;
padding-top: 30px !important;
color: #4a4a4a;
}
.flex-row{
display: flex;
align-items: center;
}
.flex-row svg path{
fill: var(--secondcolor);
}
.top-footer-content #logo{
justify-content: flex-start;
}
.widget-wrap i{
font-size: 28px;
color: var(--secondcolor) !important;
}
.top-footer-content #logo img{
max-width: 100px;
max-height: 80px;
}
.top-footer-content{
padding-bottom: 30px;
}
.widget-content{
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 10px;
}
/*.common-home footer{
margin-top: 0;
}*/
footer hr {
border-top: none;
border-bottom: 1px solid #666;
}
footer a {
color: var(--maincolor);
transition: all .25s ease-in-out;
}
footer a:hover {
color: var(--secondcolor);
}
footer h5 {
/*font-family: Tahoma, Geneva, sans-serif;*/
font-size: 18px;
font-weight: bold;
padding-bottom: 5px;
color: #000;
border-bottom: 1px solid #000;
display: inline-block;
cursor: pointer;
margin-bottom: 10px;
}
footer h5 .fa{
display:none;
}
footer h5.collapsed{
pointer-events: none;
}
footer .footer-list{
display: block;
}
footer h5:hover{
cursor: pointer;
}
footer ul.list-unstyled li{
font-size: 14px;
margin: 0 0 7.5px;
}
footer ul.list-unstyled{
margin-bottom: 30px;
}
.extra{
}
.widget-wrap{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: start;
align-content: flex-start;
}
.call{
display: flex;
flex-direction: row;
justify-content: flex-start;
margin: 0 0;
}
.call .call-icon {
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;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
line-height: 1;
text-align: center;
align-self: center;
width: 40px;
height: 40px;
margin-inline-end: 15px;
}
.call .call-icon .fa-phone{
transform: rotate(90deg);
}
.call .call-icon .fas{
font-size: 35px;
}
.call-phone {
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-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.call-phone p{
margin: 0 0 0;
}
.call-phone p:first-child{
color: #000;
font-size: 14px;
}
.call-phone .call-phone-number{
font-size: 16px;
font-weight: 700;
}
.list-footer li{
padding: 0 2px;
}
.list-footer li:after{
display: inline-block;
content: "-";
}
html[dir=rtl] .list-footer li:after{
margin-right: 6px;
}
html[dir=ltr] .list-footer li:after{
margin-left: 6px;
}
.list-footer li:last-child:after{
display: none;
}
.tel {
position: fixed;
bottom: 55px;
right: 20px;
display: none;
z-index: 9999;
}
.tel .fa {
background: #3dc489;
color: #fff;
font-size: 34px;
border-radius: 50%;
width: 52px;
height: 52px;
padding: 0;
display: flex;
align-items: center;
justify-content: center;
}
.tel:hover .fa {
background: #04233e;
}
@media screen and (max-width: 767px){
.tel {
bottom: 60px;
right: 20px;
}
}
.maroof{
display: table;
margin: 0 auto;
width: 90px;
}
.commercial{
text-align: center;
margin: 0;
}
.app_social p{
text-align: center;
}
.app_social {
margin: 10px 0 15px;
display: flex;
align-items: center;
justify-content: space-between;
flex-direction: row-reverse;
}
.app_social.app_social_center{
justify-content: center;
}
.app_social .left{
display: flex;
align-items: center;
}
.app_social .left .right {
display: flex;
align-items: center;
flex: 1;
}
.app_social .left .left {
display: flex;
align-items: center;
flex: 1;
}
.app_social .left .payment-slide img{
border-radius: 2.3px;
max-width: 47px;
}
.taxnum img{
width: 16px;
}
.footer-social{
margin: 0;
}
.c_rights{
margin: 0 0 0;
text-align: center;
font-weight: bold;
color: #fff;
}
.c_rights a{
color: #fff;
}
.taxnum{
display: flex;
align-items: center;
gap: 2px;
}
.copy{
background: var(--maincolor);
padding: 10px 20px;
display: flex;
align-items: center;
/*display: flex;
display: -webkit-box;
display: -ms-flexbox;
-webkit-box-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
align-items: center;*/
}
[id^="banner"] img{
width: 100%;
}
@media (min-width: 993px) {
[class^="product-product"] .product-left{
width: 45% !important;
}
[class^="product-product"] .product-right{
width: 55% !important;
}
}
@media (max-width: 992px) {
[class^="product-product"] .product-left{
width: 100% !important;
}
[class^="product-product"] .product-right{
width: 100% !important;
}
}
@media (min-width: 768px) {
.product-col-wrap .col-sm-6:first-child{
width: 44%;
}
.product-col-wrap .col-sm-6:last-child{
width: 56%;
}
}
.content_image{
padding: 40px 30px 0;
border-radius: 41.667px;
border: 1px solid var(--maincolor);
background: #FFF;
height: fit-content;
position: relative;
}
.content_image .ribbon{
left: 45px;
top: 55px;
}
.content_center{
padding: 33px 33px ;
border-radius: 45px;
border: 1px solid var(--maincolor);
background: #FFF;
}
.content_center .promo{
background: rgba(var(--maincolor-rgb), var(--maincolor-opacity-1));
color: var(--maincolor);
position: unset;
display: inline-block;
padding: 7px 13px;
font-size: 12px;
border-radius: 7px;
}
[class^="product-product"] .rating .fa-star-o {
color: #ddd;
font-size: 15px;
}
.fa-star-o:before {
content: "\f005";
}
.product-col-wrap{
/*display: flex;
gap: 25px;*/
}
.content_center h2{
margin-top: 10px;
color: #000;
font-size: 30px;
}
.content_center h2 span.special_cur{
color: #C4C4C4;
font-size: 21px;
}
.content_center h2 span.special_cur .currency-symbol{
color: #C4C4C4;
}
.page-title {
font-size: 28px;
color: var(--maincolor);
text-transform: uppercase;
border-radius: 0px;
margin: 0px;
line-height: 2em;
}
/*html[dir=rtl] .page-title{
text-align: right;
}
html[dir=ltr] .page-title{
text-align: left;
}
*/
.price_list{
}
.brand-image a{
color: #7e859b;
display: block;
font-size: 16px;
margin: 10px 0;
}
#product-product .rating a{
color: #404553;
font-size: 16px;
}
html[dir=rtl] #product-product .rating a{
margin-left: 10px;
}
html[dir=ltr] #product-product .rating a{
margin-right: 10px;
}
.main-options > h3{
color: #000;
font-size: 20.833px;
margin-bottom: 20px;
}
.main-options label.control-label{
color: #565656;
font-size: 16px;
margin: 0;
}
.main-options > hr{
border-top: 1px solid #D9D9D9;
}
#product .radio{
display: inline-block;
margin-inline-end: 10px;
}
#product .radio label, #product .checkbox label{
padding: 0;
margin: 0;
}
#product [id^=input-option] {
display: flex;
align-items: baseline;
gap: 10px;
flex-wrap: wrap;
}
#product .radio img,
#product .checkbox img {
display: inline-block;
border-radius: 5px;
width: 45px;
height: 45px;
padding: 2px;
}
#product .radio .opt-title,
#product .checkbox .opt-title{
padding: 12px 40px;
border: 1px solid #D9D9D9;
border-radius: 25px;
display: inline-block;
border-radius: 45px;
font-size: 17.554px;
color: #000;
}
#product input[type="radio"]:checked + img,
#product input[type="checkbox"]:checked + img {
border: 1px solid var(--maincolor);
}
#product input[type="radio"]:checked + .opt-title,
#product input[type="checkbox"]:checked + .opt-title{
border: 1px solid var(--maincolor);
color: #fff;
background: var(--maincolor);
}
#product .radio input[type="radio"],
#product .checkbox input[type="checkbox"] {
visibility: hidden;
}
#product > .form-group .disabled{
pointer-events: none;
cursor: not-allowed;
position: relative;
}
#product > .form-group .disabled:after{
content: "";
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background: linear-gradient(to top left, transparent calc(50% - 1px), black, transparent calc(50% + 1px));
}
.cart-group {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-wrap: wrap;
width: 100%;
}
#product-product .cart-group-btn{
display: flex;
}
#product-product .cart-group-con{
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 0;
}
.buttons-wrapper {
justify-content: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.buttons-wrapper2 {
justify-content: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.main_quan_buttons{
border: 1px solid #ccc;
border-radius: 45px;
padding: 20px;
display: flex;
align-items: center;
gap: 20px;
}
.input-quantity-wrap{
display: flex;
align-items: center;
margin: 0 0 20px;
flex-direction: column;
width: 35%;
gap: 10px;
border: 1px solid #F1F1F2;
border-radius: 45px;
padding: 14px 0;
}
.main_quan_buttons .buttons-wrapper{
width: 65%;
}
.main-options .input-quantity-wrap > label{
font-size: 18px;
color: #000;
}
.add_group {
}
.add_group span{
display: flex;
align-items: center;
justify-content: center;
}
.add_group span button{
border: 0;
background: #fff;
color: #000;
width: 60%;
height: 38px;
border-radius: 7.456px;
-webkit-transition: all .05s ease-out;
transition: all .05s ease-out;
}
.add_group span button:hover{
color: #fff;
background: var(--maincolor);
}
.add_group input{
padding: 0;
height: 38px;
border: 0;
text-align: center;
background: transparent;
color: #000;
box-shadow: none;
font-size: 18px !important;
width: 85px;
height: 50px;
border-radius: 35px;
border: 1px solid var(--maincolor);
}
.cart-group-con .add_group {
width: 85px;
height: 50px;
}
.cart-group-con .add_group input:focus{
border: 1px solid var(--secondcolor);
}
.cart-group-btn button{
background: var(--secondcolor);
border: 1px solid var(--secondcolor);
border-radius: 35px !important;
}
.cart-group-btn button:hover{
background: var(--maincolor);
border: 1px solid var(--maincolor);
}
.cart-group-con .add_group #input-quantity {
background: transparent !important;
box-shadow: none;
}
.cart-group-con .value-button{
width: 30px;
height: 30px;
border-radius: 50%;
line-height: 30px;
color: #fff;
background: var(--secondcolor);
border: 1px solid var(--secondcolor);
}
.cart-group-con .value-button:hover{
color: var(--maincolor);
}
.cart-group-con .add_group #input-quantity:focus{
box-shadow: none !important;
}
.cart-group #button-cart, .cart-group #button-cart2,
.cart-group #button-checkout, .cart-group #button-checkout2,
.cart-group #generateIframe11, .cart-group #generateIframe22{
flex-grow: initial;
/*height: 40px;*/
display: inline-flex;
/*width: auto;*/
justify-content: center;
margin-top: 0;
padding: 14px 0px;
}
.cart-group #button-checkout, .cart-group #button-checkout2,
.cart-group #generateIframe11, .cart-group #generateIframe22{
border-right: 1px solid #fff;
border-left: 1px solid #fff;
}
.cart-group-btn #button-checkout, .cart-group-btn #button-checkout2,
.cart-group-btn #generateIframe11, .cart-group-btn #generateIframe22{
background: #000;
border: 1px solid #000;
}
.wishlist-compare{
display: flex;
width: 100%;
margin-top: 20px;
gap: 10px;
}
.cart-group-con span{
display: flex;
align-items: center;
justify-content: center;
margin-inline-end: 10px;
gap: 5px;
}
.wishlist-compare .btn {
background: rgba(var(--maincolor-rgb), var(--maincolor-opacity-1));
border-width: 1px;
border-style: solid;
border-color: rgba(var(--maincolor-rgb), var(--maincolor-opacity-1));
padding: 7px 15px;
border-radius: 35px !important;
color: var(--maincolor);
transition: all .25s ease-in-out;
}
.wishlist-compare .btn:hover {
background: var(--secondcolor) !important;
border-color: var(--secondcolor);
color: #fff;
}
.wishlist-compare .btn .fa{
font-size: 16px;
}
.cart-group #button-checkout, .cart-group #button-checkout2, .cart-group #generateIframe11, .cart-group #generateIframe22{
width: 100%;
height: 50px;
border-radius: 45px;
font-size: 16px;
}
/*html[dir=rtl] .xzoom{
float: left;
width: 80% !important;
}
html[dir=rtl] .xzoom-container .thumbnail{
float: right;
}
html[dir=ltr] .xzoom{
float: right;
width: 80% !important;
}
html[dir=ltr] .xzoom-container .thumbnail{
float: left;
}*/
html[dir=rtl] #pqv-content{
text-align: right;
}
html[dir=ltr] #pqv-content{
text-align: left;
}
.btn-quick-view {
background: transparent !important;
height: 40px !important;
width: 40px !important;
line-height: 35px !important;
box-shadow: none !important;
}
.btn-quick-view svg{
transform: scale(0.8);
}
.btn-quick-view i {
font-size: 16px !important;
}
.btn-quick-view {
color: #fff !important;
}
.xzoom-container {
margin-bottom: 25px;
}
[class^="product-product"] .nav-tabs{
text-align: center;
}
[class^="product-product"] .nav-tabs > li {
float: none;
display: inline-block;
}
.category-tab .nav-tabs > li > a{
color: var(--maincolor);
transition: all .4s ease-in-out;
}
.nav-tabs > li > a{
border: 0;
color: #7e859b;
font-size: 18px;
font-weight: bold;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
color: var(--maincolor);
background-color: transparent;
border: 0;
border-bottom: 4px solid var(--maincolor);
}
.nav > li > a:hover, .nav > li > a:focus {
text-decoration: none;
background-color: transparent;
}
.category-tab .nav-tabs > li > a{
border: 0;
color: var(--maincolor);
font-size: 18px;
font-weight: bold;
display: block;
padding: 7px 15px 0;
}
.category-tab .nav-tabs > li.active > a,
.category-tab .nav-tabs > li.active > a:hover,
.category-tab .nav-tabs > li.active > a:focus {
color: var(--secondcolor);
background-color: transparent;
border: 0;
border-bottom: 0;
}
.category-tab .nav-tabs > li > a:after{
content: '';
display: block;
background: transparent;
width: 100%;
height: 3.493px;
border-radius: 8.732px 8.732px 0 0;
margin-top: 7px;
position: relative;
top: -2px;
}
.category-tab .nav-tabs > li.active > a:after,
.category-tab .nav-tabs > li > a:hover:after,
.category-tab .nav-tabs > li > a:focus:after{
background-color: var(--secondcolor);
}
.nav > li > a:hover, .nav > li > a:focus {
text-decoration: none;
background-color: transparent;
}
.tags a {
padding-left: 8px;
padding-right: 8px;
font-size: 12px;
color: rgba(238,238,238,1);
font-weight: 400;
text-transform: none;
background: #3a4750;
margin: 0 2px;
}
.tags {
margin-top: 15px;
justify-content: flex-start;
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
display: flex;
justify-content: flex-start;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.grid-row-bottom-1 {
padding: 20px;
border-width: 0;
}
.product-stats {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 20px;
}
.product-stats ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.product-stats .brand-image {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
margin: -30px 0 20px;
}
.product-stats .brand-image span{
display: block;
text-align: center;
}
.product-stats .brand-image a {
background: #ffffff;
padding: 5px;
}
.product-features{
background: rgba(var(--secondcolor-rgb), var(--secondcolor-opacity-1));
border-radius: 35px;
}
.features-list{
display: flex;
justify-content: center;
row-gap: 15px;
column-gap: 50px;
align-items: center;
padding: 20px 5px;
flex-wrap: wrap;
}
.features-list li{
text-align: center;
}
.features-list p{
font-size: 12px;
font-weight: 700;
margin: 10px 0 0;
color: var(--maincolor);
}
#info-accordion .panel-default{
border-radius: 45px;
border: 1px solid var(--maincolor);
background: rgba(var(--maincolor-rgb), var(--maincolor-opacity-1));
box-shadow: 0px 0px 3.333px 0px rgba(0, 0, 0, 0.11);
overflow: hidden;
}
#info-accordion .panel-default > .panel-heading{
background: var(--maincolor);
color: #fff;
padding: 0;
border: 0;
}
#info-accordion .panel-default > .panel-heading .panel-title{
position: relative;
}
#info-accordion .panel-default > .panel-heading .panel-title a{
padding: 15px 15px;
display: block;
}
#info-accordion .panel-default > .panel-heading .panel-title:after{
content: "\f107";
display: inline-block;
font: normal normal normal 21px / 1 FontAwesome;
position: absolute;
left: 20px;
top: 13px;
transition: all .2s ease;
transform: rotate(0deg);
}
#info-accordion .panel-default > .panel-heading .panel-title.open:after{
/*content: "\f106";*/
transform: rotate(180deg);
}
#info-accordion .panel-collapse{
background: rgba(var(--maincolor-rgb), var(--maincolor-opacity-1));
color: #000;
}
#info-accordion .panel-body{
padding: 20px 15PX;
}
.pqv-image-block .wishlist-compare{
top: 10px;
right: 15px;
}
#pqv_product .buttons-wrapper{
display: table;
width: 100%;
}
.qty_wrap{
display: flex;
justify-content: space-between;
align-items: center;
margin: 0 0 20px;
}
.pqv-qty-block{
width: 135px;
border: 1px solid var(--maincolor);
border-radius: 45px;
overflow: hidden;
background: rgba(var(--maincolor-rgb), var(--maincolor-opacity-2));
padding: 4px 4px;
display: flex;
justify-content: center;
align-items: center;
float: left;
margin: 0 0 0 !important;
}
.pqv-qty-block #pqv-input-qty {
padding: 2px 5px;
font-size: 13px;
text-align: center;
z-index: 3;
height: 31px;
border: 0;
background: transparent;
}
.pqv-qty-block .input-group-addon, .pqv-qty-block .input-group-btn {
width: auto;
}
.pqv-qty-block button {
color: #fff;
background: var(--maincolor);
border: 0;
border-radius: 45px !important;
padding: 6px 15px;
line-height: 1.5em;
}
.quapqv-qty-blockn #pqv-input-qty {
height: 32px;
border: 0;
box-shadow: none;
background: transparent;
text-align: center;
color: #000;
}
#pqv_product .buttons-wrapper button{
margin: 0;
border-radius: 45px;
}
#pqv_product .radio, #pqv_product .checkbox{
display: inline-block;
margin-inline-end: 10px;
}
#pqv_product .radio label, #pqv_product .checkbox label{
padding: 0;
margin: 0;
}
#pqv_product [id^=input-option] {
display: flex;
align-items: baseline;
gap: 10px;
flex-wrap: wrap;
}
#pqv_product .radio img,
#pqv_product .checkbox img {
display: inline-block;
border-radius: 5px;
width: 45px;
height: 45px;
padding: 2px;
}
#pqv_product .radio .opt-title,
#pqv_product .checkbox .opt-title{
padding: 7px 25px;
border: 1px solid #D9D9D9;
border-radius: 25px;
display: inline-block;
border-radius: 10.714px;
font-size: 14px;
color: #000;
}
#pqv_product input[type="radio"]:checked + img,
#pqv_product input[type="checkbox"]:checked + img {
border: 1px solid var(--maincolor);
}
#pqv_product input[type="radio"]:checked + .opt-title,
#pqv_product input[type="checkbox"]:checked + .opt-title{
border: 1px solid var(--maincolor);
color: #fff;
background: var(--maincolor);
}
#pqv_product .radio input[type="radio"],
#pqv_product .checkbox input[type="checkbox"] {
visibility: hidden;
}
#pqv_product > .form-group .disabled{
pointer-events: none;
cursor: not-allowed;
position: relative;
}
#pqv_product > .form-group .disabled:after{
content: "";
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background: linear-gradient(to top left, transparent calc(50% - 1px), black, transparent calc(50% + 1px));
}
.pqv-product-name{
color: #2F294D;
font-size: 19.778px;
font-weight: 600;
}
.autocalc-product-special{
color: #2F294D;
font-size: 27.195px;
font-weight: 600;
}
#pqv_product h3{
color: #000;
font-size: 12.857px;
}
#pqv_product .buttons-wrapper{
margin: 0;
}
#pqv_product .cart-group{
margin: 0;
}
.wishlist-compare button.btn{
background: rgba(var(--maincolor-rgb), var(--maincolor-opacity-1));
border-color: rgba(var(--maincolor-rgb), var(--maincolor-opacity-1));
border-radius: 45px !important;
color: var(--maincolor);
width: 100%;
}
@media (max-width: 768px) {
.flex_contact{
display: block;
}
.back_contact{
flex-direction: row;
padding: 40px 0 0;
}
}
#toast-container > .toast-wish{
background: #fff;
color: #000;
border-radius: 12px;
padding: 20px;
background-image: none !important;
overflow: visible;
}
#toast-container > .toast-wish a{
color: #000;
}
#toast-container > .toast-wish button {
/* display: none; */
color: #000;
background: #fff;
border-radius: 50%;
padding: 3px 8px;
line-height: 21px;
position: absolute;
left: -10px;
right: auto;
z-index: 99999999;
opacity: 1;
font-size: 20px;
}
.quantity-discount{
background: rgba(var(--maincolor-rgb), var(--maincolor-opacity-1)) !important;
}
.radio-group input[type="radio"]:checked + label::before {
background-color: var(--maincolor) !important;
border-color: var(--maincolor) !important;
}
.radio-group label:hover::before{
border-color: var(--maincolor) !important;
}
.radio-group label{
color: #000 !important;
}
.form-review-wrap{
background: rgba(var(--maincolor-rgb), var(--maincolor-opacity-1));
padding: 15px;
border-radius: 20.833px;
}
#form-review h2{
color: #1E1E1E;
font-size: 20px;
font-weight: 700;
padding: 0 3px 15px;
}
#form-review label{
color: #1E1E1E;
font-size: 14px;
font-weight: 600;
}
#form-review .form-control{
border: 1px solid #EEEEEE;
border-radius: 45px;
box-shadow: none;
}
#button-review{
font-size: 12px;
font-weight: 600;
height: 38px;
width: 100%;
border-radius: 12.068px;
background: var(--maincolor);
color: #fff;
border: 1px solid var(--maincolor);
transition: all 0.3s ease;
}
.comment_wrap #button-review:hover{
background: rgba(var(--maincolor-rgb), var(--maincolor-opacity-1));
color: var(--maincolor);
border: 1px solid var(--maincolor);
}
.comment_wrap{
display: flex;
justify-content: space-between;
align-items: center;
}
.comment_wrap .buttons{
margin: 0;
}
/*#button-review:after {
content: "\f060";
font-family: "Font Awesome 5 Pro";
display: inline-block;
font-size: 16px;
margin-inline-start: 7px;
transition: all .3s ease-out;
}*/
.rating-distribution{
}
.rating-label .fa-stack-1x {
line-height: 1;
}
.rating-label .fa-stack{
width: 17px;
height: 17px;
}
.rating-label .fa{
color: #FFC62A;
font-size: 16px;
}
.progress-bars .clearfix .col-sm-4,
.progress-bars .clearfix .col-sm-8{
padding: 0;
}
.progress-bars .clearfix:nth-child(1) .rating-label .fa{
color: #FFC62A;
}
.progress-bars .clearfix:nth-child(2) .rating-label .fa:nth-child(n+5) > .fa{
color: #ddd !important;
}
.progress-bars .clearfix:nth-child(3) .rating-label .fa:nth-child(n+4) > .fa{
color: #ddd !important;
}
.progress-bars .clearfix:nth-child(4) .rating-label .fa:nth-child(n+3) > .fa{
color: #ddd !important;
}
.progress-bars .clearfix:nth-child(5) .rating-label .fa:nth-child(n+2) > .fa{
color: #ddd !important;
}
.rating-summary{
text-align: center;
margin: 0 0 30px;
}
.main-prog{
display: flex;
justify-content: space-between;
align-items: baseline;
}
.rating-distribution .progress {
overflow: hidden;
height: 8px;
margin-bottom: 17px;
background-color: #F2F2F2;
border-radius: 3px;
box-shadow: none;
width: 90%;
margin-inline-start: -20px;
display: inline-block;
vertical-align: middle;
}
.progress-bar{
background-color: #FFC107;
box-shadow: none;
}
.form-rating .form-rating-container {
/*float: left;*/
display: inline-block;
margin: 0 0;
}
html[dir=rtl] .form-rating .form-rating-container label,
html[dir=rtl] .form-rating .form-rating-container:hover label {
float: left;
margin-bottom: 0;
padding: 3px 5px 0 0;
cursor: pointer;
}
html[dir=ltr] .form-rating .form-rating-container label,
html[dir=ltr] .form-rating .form-rating-container:hover label {
float: right;
}
.form-rating .form-rating-container label i,
.form-rating .form-rating-container:hover label i {
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
font-size: 25px;
}
.form-rating .form-rating-container label i.fa-star-o,
.form-rating .form-rating-container:hover label i.fa-star-o {
color: #fff;
/*text-shadow: 1px 1px 1px rgba(0, 0, 0, .1);*/
}
.form-rating .form-rating-container label i.fa-star,
.form-rating .form-rating-container:hover label i.fa-star {
color: #fff;
/*text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);*/
}
.form-rating .form-rating-container input {
display: none;
}
.form-rating .form-rating-container:hover label i.fa-star-o {
color: #fff;
}
.form-rating .form-rating-container:hover label i.fa-star {
color: #e6e6e6;
}
.form-rating .form-rating-container:hover label:hover i.fa-star-o,
.form-rating .form-rating-container:hover label:hover~label i.fa-star-o {
color: #feb645;
}
.form-rating .form-rating-container:hover label:hover i.fa-star,
.form-rating .form-rating-container:hover label:hover~label i.fa-star {
color: gold;
}
.form-rating input:checked~label i.fa-star-o {
color: #fea212;
}
.form-rating input:checked~label i.fa-star {
color: #f0ca00;
}
.rev .author{
font-size: 16px;
font-weight: 600;
line-height: 24px;
color: #1E1E1E;
}
.rev .author + span{
font-size: 14px;
font-weight: 400;
line-height: 21px;
color: #999;
}
.table.rev > tbody > tr > td{
border: 0;
}
.table.rev{
border-bottom: 1px solid #EEEEEE;
}
.rate .fa-stack-1x {
line-height: 1;
}
.rate .fa-stack{
width: 17px;
height: 17px;
}
.rate .fa{
color: #FFC62A;
font-size: 16px;
}
.rate .fa-star-o {
color: #ddd;
}
.rate .fa-star + .fa-star-o {
color: #FFC62A;
}
.fa-star-o:before {
content: "\f005";
}
#product-product{
margin-bottom: 60px;
}
.product-cover{
position: relative;
left: 50%;
right: 50%;
margin-left: -50vw;
margin-right: -50vw;
width: 100vw;
max-width: 100vw;
padding: 10px 50px;
background: rgba(var(--maincolor-rgb), var(--maincolor-opacity-1));
}
#refine-categories {
margin-bottom: 20px;
}
#carousel-refine-products .swiper-slide{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: auto;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 10px;
}
.refine-item{
border: 3.5px solid rgba(var(--maincolor-rgb), var(--maincolor-opacity-2));
display: block;
background: #fff;
border-radius: 20px;
overflow: hidden;
transition: all .3s ease;
}
.refine-item a {
background: rgba(255, 255, 255, 1);
padding: 7px;
border-width: 1px;
border-style: solid;
border-color: rgba(221, 221, 221, 1);
}
.refine-item a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
min-width: 0;
-webkit-transition: all .075s ease-out;
transition: all .075s ease-out;
}
.refine-item span {
text-align: center;
white-space: normal;
overflow: visible;
text-overflow: initial;
padding: 7px;
padding-bottom: 0px;
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;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;
padding: 3px;
-webkit-transition: all .05s ease-out;
transition: all .05s ease-out;
font-size: 12px;
font-weight: 700;
}
.refine-item:hover {
border: 3.5px solid var(--maincolor);
}
.refine-item-title{
color: #000;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.refine-item-title:hover{
color: var(--maincolor);
}
#product-category .breadcrumb{
display: none;
}
.grid-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.grid-list .compare-btn {
display: inline-block;
padding-right: 15px;
color: var(--secondcolor);
}
.grid-list button {
display: inline-block;
height: 32px;
}
.grid-list .fa-sync{
margin: 0 5px;
}
.grid-list.btn-group > .btn{
border-radius: 8px !important;
border: 1px solid var(--maincolor) !important;
height: 37px;
background: transparent;
box-shadow: none;
outline: 0;
padding: 4px 11px;
}
.btn-default.active{
display: none;
}
.btn-default:active, .btn-default.active, .open > .btn-default.dropdown-toggle{
}
.products-filter {
background: transparent;
margin-bottom: 20px;
padding: 0;
}
.products-filter label{
color: #000;
background: transparent;
font-size: 12px;
font-weight: bold;
}
.products-filter select.form-control{
border-radius: 8.333px !important;
border: 1px solid var(--maincolor) ;
height: 37px;
color: #000;
}
.select-group {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
html[dir=rtl] .select-group{
float: left;
}
html[dir=ltr] .select-group{
float: right;
}
.select-group .input-group {
margin: 0 10px;
}
.select-group label{
border: 0;
}
.select-group select{
border: 1px solid #ddd;
box-shadow: none;
}
.main-products.pages .product-grid{
width: calc(100% / 4 - 0.01px);
padding: 0 15px;
margin-bottom: 30px;
}
.pages{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.main-products.pages button.btn-buynow{
display: none;
}
.cart-table table{
margin: 0 0 30px;
}
.cart-table .single{
color: #cdcdcd;
font-size: 12px;
}
#accordion input{
box-shadow: none;
}
@media (min-width: 767px) {
.main-products.pages .product-grid .product-thumb{
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-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
background: #fff;
/*padding: 0 10px;*/
/* margin-bottom: 30px;*/
}
.main-products .product-list .product-thumb .caption .desc{
display: none;
}
.main-products.pages .product-list .product-thumb {
margin-bottom: 10px;
background: #fff;
display: table;
width: 100%;
display: flex;
align-items: center;
}
.main-products.pages .product-list .product-thumb .image ,
.main-products.pages .product-list .product-thumb .product-thumb-caption-btn{
}
.main-products.pages .product-list .product-thumb .price{
display: flex;
justify-content: flex-start;
}
.main-products.pages .product-list .product-thumb .product-thumb-caption-btn{
padding: 0 0;
flex-direction: column;
}
.main-products.pages .product-list .product-thumb .image ,
.main-products.pages .product-list .product-thumb .product-thumb-caption-btn,
.main-products.pages .product-list .product-thumb .product-thumb-disc{
display: flex;
flex: 1;
}
.main-products.pages .product-list .product-thumb .product-thumb-disc .desc{
padding:0 25px ;
}
.main-products.pages .product-list .product-thumb .image{
padding: 0;
max-width: 245px;
}
.main-products.pages .product-list .product-thumb .image a{
width: 100%;
}
.main-products.pages .product-list button.btn-buynow {
background: #fff;
color: var(--maincolor);
border-color: var(--maincolor);
padding: 9px 70px;
border-radius: 45px;
display: flex;
align-items: center;
margin-top: 20px;
}
.main-products.pages .product-list button.btn-buynow:hover {
background: var(--maincolor);
color: #fff;
}
.main-products.pages .product-list button.btn-buynow:hover svg path{
fill: #fff;
}
.main-products.pages .product-list{
margin-bottom: 15px;
}
.main-products.pages .product-list .product-thumb .button-group{
position: unset;
left: unset;
right: unset;
bottom: unset;
transform: none;
}
.main-products.pages .product-list .product-thumb:hover .caption {
transform: scale(1);
}
.main-products.pages .product-list .product-thumb .button-group {
transform: scale(1);
position: absolute;
top: 10px;
left: 10px;
display: block;
width: auto;
}
.cart-page {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.cart-table{
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.cart-bottom {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 450px;
}
html[dir=rtl] .cart-bottom{
margin-right: 20px;
}
html[dir=ltr] .cart-bottom{
margin-left: 20px;
}
}
.cart-table table{
margin: 0 0 30px;
border-collapse: separate;
border-spacing: 0 10px;
}
.cart-table .img-thumbnail{
border: 0;
padding: 0;
margin-right: -10px;
}
.cart-table .single{
color: #cdcdcd;
font-size: 12px;
}
.cart_p_name{
color: #2F302C;
font-size: 16.667px;
font-style: normal;
font-weight: 700;
line-height: 23.333px;
margin: 0 0 10px;
display: block;
}
.total_prices{
color: #2F302C;
font-size: 16.667px;
font-style: normal;
font-weight: 800;
line-height: 23.333px; /* 140% */
}
.cart-table small, .cart-table .small {
margin: 0 0 5px;
display: block;
font-size: 12px;
}
.cart-page #accordion input{
box-shadow: none;
border: 0;
}
.cart-page #accordion .input-group{
padding: 5px;
border-radius: 45px;
border: 1px solid #F1F1F2;
background: #FFF;
box-shadow: 0px 2.5px 3.333px 0px rgba(0, 0, 0, 0.03);
}
.cart-page #accordion input.btn-primary{
border-radius: 45px;
background: #F1F1F2;
color: #8C8888;
}
.cart-page #accordion {
margin-bottom: 25px;
}
.cart-page .total_title{
color: #7E7F7C;
font-size: 14px;
}
.cart-page .total_text{
color: #2F302C;
font-size: 16px;
}
.cart-bottom table tr:last-child .total_text{
color: #CE0000;
}
.cart-bottom .cart-buttons {
padding: 13px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.cart-bottom .btn-cart.btn {
background-color: transparent;
color: var(--maincolor);
border-radius: 45px;
width: 100%;
margin: 10px 0;
padding: 12px 20px;
font-size: 14px;
border: 1px solid #F1F1F2;
transition: all 0.3s;
}
.cart-bottom .btn-cart.btn:hover {
background: rgba(var(--maincolor-rgb), var(--maincolor-opacity-1)) !important;
}
.cart-bottom .btn-checkout.btn {
background: var(--maincolor);
margin: 0 6px;
width: 100%;
margin: 10px 0;
color: #fff;
border-radius: 45px;
padding: 12px 20px;
font-size: 16px;
border: 1px solid transparent;
transition: all 0.3s;
}
.cart-bottom .btn-checkout.btn:hover {
background: #fff !important;
color: var(--maincolor);
border: 1px solid var(--maincolor);
}
@media (min-width: 767px) {
.cart-page {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.cart-table{
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.cart-bottom {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 450px;
}
html[dir=rtl] .cart-bottom{
margin-right: 20px;
}
html[dir=ltr] .cart-bottom{
margin-left: 20px;
}
}
.cart-bottom{
background: #fff;
padding: 0 20px;
border-width: 0;
border-style: solid;
border-color: #dddddd;
}
.cart-bottom h3{
margin: 5px 0 20px;
font-size: 26px;
color: #2F302C;
font-weight: 800;
line-height: 33.333px; /* 125% */
}
.alert-dismissible .close{
left: 0;
top: -5px;
}
.cart-table table thead td {
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
background: #fff;
border: 0 !important;
}
.cart-bottom .table-bordered{
background: #fff;
border: 0;
}
.cart-bottom .table-bordered tr td{
border: 0 !important;
}
.cart-table table td{
vertical-align: middle !important;
}
.quan > .btn-block{
/*align-content: space-between;
display: flex;*/
width: 180px;
border: 1px solid var(--maincolor);
border-radius: 45px;
overflow: hidden;
background: rgba(var(--maincolor-rgb), var(--maincolor-opacity-2));
padding: 4px 4px;
display: flex;
justify-content: center;
align-items: center;
float: left;
margin: 0 0 15px;
}
.quan .input-group-addon, .quan .input-group-btn{
width: auto;
}
.quan button{
color: #fff;
background: var(--maincolor);
border: 0;
border-radius: 45px;
padding: 6px 15px;
line-height: 1.5em;
}
.quan button:hover{
background: #fff;
color: #3C3C3C;
}
.quan #number{
height: 32px;
border: 0;
box-shadow: none;
background: transparent;
text-align: center;
color: #000;
}
.quan .input-group-btn{
font-size: unset;
}
.quan .btn-danger{
background: #fff !important;
border-radius: 50% !important;
color: #fff;
outline: none !important;
margin: 1px !important;
vertical-align: middle;
padding: 0;
float: left;
clear: both;
box-shadow: none !important;
position: absolute;
left: 0;
bottom: 0;
}
.quan{
position: relative;
overflow: hidden;
padding: 35px 0 !important;
}
.quan .btn-danger .fa{
display: none;
}
html[dir=rtl] .quan .btn-danger:before{
content: "حذف";
}
html[dir=ltr] .quan .btn-danger:before{
content: "remove";
}
.quan .btn-danger:before{
display: flex;
width: 90px;
height: 40px;
background: rgba(255, 18, 18, 0.10);
border-radius: 0px 45px;
color: #FF1212;
justify-content: flex-start;
align-items: center;
padding: 0 15px;
}
.quan .btn-danger:after{
content: "";
display: inline-block;
width: 20px;
height: 20px;
background-color: #FF1212;
mask-image: url('data:image/svg+xml,');
mask-repeat: no-repeat;
mask-position: center;
mask-size: contain;
vertical-align: middle;
transition: all 0.3s ease;
position: absolute;
left: 15px;
bottom: 10px;
}
#accordion .panel-default > .panel-heading{
background: #fff;
}
#accordion .panel-title a:after{
content: "\f060" ;
font-family: fontawesome ;
display: inline-block;
/*transform: scaleX(-1);*/
margin-left: 15px;
font-size: 9px;
float: left;
margin-top: 3px;
}
html[dir=ltr] #accordion .panel-title a:after{
float: right;
transform: scaleX(-1);
}
#accordion .panel-title a .fa-caret-down{
display: none;
}
#accordion #collapse-coupon .control-label,
#accordion #collapse-voucher .control-label{
width: 100%;
padding-top: 7px;
padding-bottom: 5px;
padding: 7px 0 5px;
}
#accordion #collapse-shipping .control-label{
padding: 0;
}
.box-heading{
display: none;
}
#mfilter-opts-price-min, #mfilter-opts-price-max {
width: 60px !important;
min-width: 60px !important;
max-width: 60px !important;
display: inline-block;
}
.menu-trigger{
position: relative;
}
.mobile-wrapper-header{
position: relative;
width: 100%;
height: 45px;
z-index: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
min-width: 0;
}
#language-currency{
line-height: .5;
}
.language-currency-mobile{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 100%;
}
#collapse-menu .btn-group > .btn{
color: #fff;
padding-right: 0;
padding-left: 0;
}
.mobile-wrapper-header>span {
color: #ffffff;
font-weight: 700;
text-transform: uppercase;
padding: 0 10px;
}
#collapse-menu {
width: 80%;
max-width: 400px;
height: 100%;
background-color: #fff;
position: fixed;
top: 0;
z-index: 9999;
transition: all 0.5s;
}
html[dir=rtl] #collapse-menu{
right: 0;
transform: translateX(100%);
}
html[dir=ltr] #collapse-menu{
left: 0;
transform: translateX(-100%);
}
#collapse-menu.active {
transform: none !important;
/*right: auto;*/
}
#collapse-menu{
background: #fff;
}
#collapse-menu{
overflow: auto;
height: 100vh;
}
#collapse-menu .mobile-wrapper-header{
background: var(--maincolor);
border-width: 0;
border-bottom-width: 1px;
border-color: #dddddd;
height: 45px;
}
#collapse-menu .list-group-item {
position: relative;
display: block;
padding: 0;
margin-bottom: -1px;
background-color: transparent;
border: 0;
}
#collapse-menu .collapse-menu-wrap [data-toggle].collapsed:after {
content: "\f055";
display: inline-block;
font-family: fontawesome;
font-size: 16px;
}
#collapse-menu .collapse-menu-wrap [data-toggle]:not(.collapsed):after {
content: "\f056";
display: inline-block;
font-family: fontawesome;
}
html[dir=rtl] #collapse-menu .collapse-menu-wrap [data-toggle].collapsed:after,
html[dir=rtl] #collapse-menu .collapse-menu-wrap [data-toggle]:not(.collapsed):after{
float: left;
}
html[dir=ltr] #collapse-menu .collapse-menu-wrap [data-toggle].collapsed:after,
html[dir=ltr] #collapse-menu .collapse-menu-wrap [data-toggle]:not(.collapsed):after{
float: right;
}
#collapse-menu a{
padding: 10px 15px;
display: block;
border: 0;
color: var(--secondcolor);
font-size: 16px;
}
.list-group-level1 > li:before{
content: "\f068";
display: inline-block;
font-family: fontawesome;
font-size: 7px;
position: absolute;
top: 30%;
}
html[dir=rtl] .list-group-level1 > li:before{
right: 0;
}
html[dir=ltr] .list-group-level1 > li:before{
left: 0;
}
#collapse-menu .close-nav{
color: #fff;
}
#collapse-menu .close-nav:hover{
background: transparent;
}
.well {
min-height: 20px;
padding: 19px;
margin-bottom: 20px;
background-color: #fff;
border: 1px solid #fff;
border-radius: 3px;
-webkit-box-shadow: none;
box-shadow: none;
}
.div-center{
margin: 50px auto ;
display: table;
float: none;
padding: 45px 20px;
background: #fff;
}
.div-center .well{
/*padding: 45px 20px;*/
}
.mob{
display: flex;
display: -webkit-box;
display: -ms-flexbox;
-webkit-box-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
align-items: center;
padding: 5px 15px;
}
.mobile-logo-wrapper img{
margin: 0 auto;
padding: 5px;
max-width: 100px;
max-height: 85px;
}
.mobile-logo-wrapper{
flex-wrap: wrap;
display: flex;
align-items: center;
/*flex-basis: 30%;*/
padding: 5px 0;
justify-content: space-between;
}
.mobile-bar-group {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 15px;
}
.mobile-search-wrapper {
}
.nav-btn{
padding: 12px;
}
.nav-btn .fa{
font-size: 22px;
cursor: pointer;
}
.mobile-search-wrapper #search{
/*margin: 0;
border-radius: 5px;
border: 1px solid #c6ccdd;*/
}
.mobile-cart-wrapper #cart {
margin-bottom: 0;
}
.mobile-cart-wrapper .fa-shopping-cart{
font-size: 20px;
}
.info-success{
padding: 15px;
}
.info-success .info-block-title{
font-size: 14px;
color: var(--secondcolor);
font-weight: 700;
text-transform: uppercase;
display: block;
}
html[dir=rtl] .info-success .fa{
float: right;
font-size: 40px;
margin-left: 10px;
}
html[dir=ltr] .info-success .fa{
float: left;
font-size: 40px;
margin-right: 10px;
}
[class^="product-product"] .info-block {
background: #fff;
border: 0;
padding: 7px;
margin: 0 0 10px;
}
[class^="product-product"] .info-block-title{
color: #404553;
font-size: 12px;
}
[class^="product-product"] .info-block .info-block-describe {
color: #7e859b;
font-size: 11px;
}
[class^="product-product"] .swiper-button-next:before {
font-family: FontAwesome;
content: "\f054";
width: auto;
height: auto;
color: #777;
font-size: 13px;
line-height: 2;
background: #fff;
text-align: center;
display: block;
box-shadow: rgb(0 0 0 / 50%) 0px 0px 3px -1px;
border-radius: 50%;
}
[class^="product-product"] .swiper-button-prev:before {
font-family: FontAwesome;
content: "\f053";
width: auto;
height: auto;
color: #777;
font-size: 13px;
line-height: 2;
text-align: center;
display: block;
background: #fff;
box-shadow: rgb(0 0 0 / 50%) 0px 0px 3px -1px;
border-radius: 50%;
}
/*#xzoom-products .swiper-button-next{
opacity: 1;
top: -10px;
left: 50%;
margin: 0 auto;
transform: translateX(-50%);
}
html[dir=ltr] #xzoom-products .swiper-button-next{
left: 30%;
}
#xzoom-products .swiper-button-prev{
opacity: 1;
bottom: -10px;
right: 44%;
transform: translateX(50%);
top: unset;
}
html[dir=ltr] #xzoom-products .swiper-button-prev{
transform: translateX(87%);
}*/
/*#xzoom-products .swiper-pager {
height: 100%;
width: 100px;
position: absolute;
top: 0;
}*/
/*#xzoom-products .swiper-button-next:before{
content: "\f077";
}
#xzoom-products .swiper-button-prev:before{
content: "\f078";
}*/
#xzoom-products .swiper-button-next:before,
#xzoom-products .swiper-button-prev:before{
color: #404553;
}
.xzoom-container{
display: block !important;
}
#xzoom-products{
max-width: 80%;
margin: 20px auto 0;
}
#xzoom-default{
width: 100%;
box-shadow: none ;
}
.thumbnail{
border: 0;
margin: 0;
}
/* alert */
.alert {
padding: 8px 0 8px 0;
}
/* breadcrumb */
.breadcrumb {
margin: 0 0 20px 0;
padding: 10px 0;
/*border: 1px solid #ddd;*/
position: relative;
background-color: transparent;
}
.breadcrumb i {
font-size: 15px;
}
.breadcrumb > li {
position: relative;
word-break: break-all;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.breadcrumb a {
color: #7e859b;
}
.breadcrumb > li + li:before {
content: '/';
padding: 0 10px;
color: #ccc;
}
/*.breadcrumb > li:after {
content: '';
display: block;
position: absolute;
top: -3px;
left: -5px;
width: 26px;
height: 26px;
border-left: 1px solid #DDD;
border-bottom: 1px solid #DDD;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}*/
[class^="product-product"]{
overflow-x: hidden;
}
.pagination {
margin: 0;
}
/* buttons */
.buttons {
margin: 1em 0;
}
.btn {
padding: 7.5px 12px;
font-size: 13px;
border: 1px solid #cccccc;
border-radius: 4px;
/*box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);*/
}
.btn-xs {
font-size: 9px;
}
.btn-sm {
font-size: 10.2px;
}
.btn-lg {
padding: 10px 16px;
font-size: 15px;
}
.btn-group > .btn, .btn-group > .dropdown-menu, .btn-group > .popover {
font-size: 13px;
}
.btn-group > .btn-xs {
font-size: 9px;
}
.btn-group > .btn-sm {
font-size: 10.2px;
}
.btn-group > .btn-lg {
font-size: 15px;
}
.btn-default {
color: #777;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
background-color: #e7e7e7;
background-image: linear-gradient(to bottom, #eeeeee, #dddddd);
background-repeat: repeat-x;
border-color: #dddddd #dddddd #b3b3b3 #b7b7b7;
line-height: 1.8;
border-radius: 45px;
}
.btn-primary {
color: #ffffff;
background: var(--maincolor);
padding: 10px 12px;
border: 0;
transition: all 0.4s ease-in-out;
border: 1px solid var(--maincolor);
border-radius: 45px;
}
.btn-primary:hover, .btn-primary:active, .btn-primary:focus, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] {
background: var(--secondcolor);
border: 1px solid var(--secondcolor);
}
.btn-warning {
color: #ffffff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #faa732;
background-image: linear-gradient(to bottom, #fbb450, #f89406);
background-repeat: repeat-x;
border-color: #f89406 #f89406 #ad6704;
}
.btn-warning:hover, .btn-warning:active, .btn-warning.active, .btn-warning.disabled, .btn-warning[disabled] {
box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1);
}
.btn-danger {
color: #ffffff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #da4f49;
background-image: linear-gradient(to bottom, #ee5f5b, #bd362f);
background-repeat: repeat-x;
border-color: #bd362f #bd362f #802420;
}
.btn-danger:hover, .btn-danger:active, .btn-danger.active, .btn-danger.disabled, .btn-danger[disabled] {
box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1);
}
.btn-success {
color: #ffffff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #5bb75b;
background-image: linear-gradient(to bottom, #62c462, #51a351);
background-repeat: repeat-x;
border-color: #51a351 #51a351 #387038;
}
.btn-success:hover, .btn-success:active, .btn-success.active, .btn-success.disabled, .btn-success[disabled] {
box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1);
}
.btn-info {
color: #ffffff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #df5c39;
background-image: linear-gradient(to bottom, #e06342, #dc512c);
background-repeat: repeat-x;
border-color: #dc512c #dc512c #a2371a;
}
.btn-info:hover, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled] {
background-image: none;
background-color: #df5c39;
}
.btn-link {
border-color: rgba(0, 0, 0, 0);
cursor: pointer;
color: #404553;
border-radius: 0;
outline: none !important;
}
.btn-link, .btn-link:active, .btn-link[disabled] {
background-color: rgba(0, 0, 0, 0);
background-image: none;
box-shadow: none;
}
.btn-inverse {
color: #606060 !important;
background-color: #fcf9f7;
border: 0;
border-radius: 0;
padding: 12px 16px;
/*background-image: linear-gradient(to bottom, #444444, #222222);
background-repeat: repeat-x;
border-color: #222222 #222222 #000000;*/
}
.btn-inverse:hover, .btn-inverse:active, .btn-inverse.active, .btn-inverse.disabled, .btn-inverse[disabled] {
background-color: #fcf9f7;
/*background-image: linear-gradient(to bottom, #333333, #111111);*/
}
/* list group */
.list-group a {
border: 1px solid #DDDDDD;
color: #000000;
padding: 8px 12px;
}
.list-group a.active, .list-group a.active:hover, .list-group a:hover {
color: #444444;
background: #eeeeee;
border: 1px solid #DDDDDD;
text-shadow: 0 1px 0 #FFF;
}
/* carousel */
.carousel-caption {
color: #FFFFFF;
text-shadow: 0 1px 0 #000000;
}
.carousel-control .icon-prev:before {
content: '\f053';
font-family: FontAwesome;
}
.carousel-control .icon-next:before {
content: '\f054';
font-family: FontAwesome;
}
/* product list */
.product-thumb {
margin-bottom: 30px;
/*overflow: auto;*/
}
.product-thumb .image {
text-align: center;
border-radius: 45px;
filter: drop-shadow(0 2.675px 3.567px rgba(0, 0, 0, 0.03));
}
.product-thumb .image a {
display: block;
position: relative;
transition: all .2s ease ;
}
.product-thumb .image > a:before{
position: absolute;
content: "";
opacity: 0;
display: block;
background: #fff;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 0;
height: 0;
margin: auto;
text-align: center;
transition: all .2s ease ;
transform: scale(0);
z-index: 0;
background: rgba(var(--maincolor-rgb), var(--maincolor-opacity-9));
}
.product-thumb:hover .image > a:before{
opacity: 1;
width: 100%;
height: 100%;
transition: all .2s ease ;
transform: scale(1);
}
.product-thumb .caption a{
color: #000;
font-size: 17px;
font-weight: 400;
}
/*.product-thumb .image a:hover {
opacity: 0.8;
}*/
.product-thumb .image img {
margin-left: auto;
margin-right: auto;
width: 100%;
}
.product-grid .product-thumb .image {
float: none;
}
@media (min-width: 767px) {
.product-list .product-thumb .image {
float: right;
padding: 0 15px;
}
}
.product-thumb h4 {
font-weight: bold;
margin: 0 0 10px;
}
.product-thumb .caption {
/*padding: 0 20px;
min-height: 180px;*/
padding: 10px 10px;
text-align: center;
/*opacity: 1;*/
/*overflow: visible;*/
transform: scale(1);
transition: all .2s ease-in-out ;
}
.product-thumb:hover .caption{
transform: scale(0);
/*opacity: 0;*/
/*overflow: hidden;*/
}
.product-list .product-thumb .caption {
text-align: unset;
}
.main-products .product-list .product-thumb .caption {
padding-right: 20px;
}
.main-products .product-list .product-thumb .caption .desc{
display: block;
}
@media (max-width: 1200px) {
.product-grid .product-thumb .caption {
/*min-height: 210px;*/
padding: 0 10px;
}
}
@media (max-width: 767px) {
.banner2{
border: 1px solid #00000017;
border-radius: 9px;
}
footer h5 .fa{
display:block;
}
.faplmi{
display: flex;
}
.info-block img {
margin-left: 5px;
width: 22px !important;
height: 22px;
}
.info-block .info-block-title{
font-size: 10px;
margin: 5px 0;
}
.info-block .info-block-describe{
font-size: 8px;
margin: 5px 0;
}
footer h5 .fa-minus{
transform: scale(1);
visibility: visible;
height: auto;
opacity:1;
transition: linear .4s;
}
footer h5 .fa-plus{
transform: scale(.7);
height: 0;
opacity:0;
visibility: hidden;
transition: linear .4s;
}
footer h5.collapsed .fa-minus{
transform: scale(.7);
height: 0;
opacity:0;
visibility: hidden;
transition: linear .4s;
}
footer h5.collapsed .fa-plus{
transform: scale(1);
height: auto;
opacity:1;
visibility: visible;
transition: linear .4s;
}
footer h5.titcolpa {
pointer-events: auto;
display: inline-flex;
align-items: center;
flex-direction: row-reverse;
justify-content: space-between;
width: 100%;
border:0;
}
footer .footer-list {
display: block;
visibility: hidden;
height: 0;
opacity: 0;
margin: 0 0 15px !important;
transition: linear .4s;
}
footer .footer-list.collapse.in {
height: auto;
visibility: visible;
display: block;
opacity: 1;
transition: linear .4s;
}
html[dir=rtl] .nav-footer.collapse li{
float:none;
}
html[dir=rtl] .nav-footer.collapse.in li{
float:right;
}
html[dir=ltr] .nav-footer.collapse li{
float:none;
}
html[dir=ltr] .nav-footer.collapse.in li{
float:left;
}
.product-list .product-thumb .caption {
min-height: 0;
margin-right: 0;
padding: 0 10px;
}
.product-grid .product-thumb .caption {
min-height: 0;
}
}
.main-products .product-list .product-thumb .desc,
.main-products .product-list .product-thumb .rating,
.main-products .product-list .product-thumb .button-group,
.main-products .product-list .product-thumb .price-tax{
display: block;
}
.main-products .product-list .product-thumb .button-group {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
justify-content: space-evenly;
background: transparent;
border: 0;
}
.mfilter-content{
border: 0 !important;
}
.mfilter-content > ul > li {
list-style-type: none;
margin: 0 0 15px !important;
border-radius: 10px;
border: 1px solid #F1F1F2;
background: #FFF;
box-shadow: 0px 2.5px 3.333px 0px rgba(0, 0, 0, 0.03);
}
.mfilter-heading-text > span{
color: var(--maincolor);
}
.mfilter-box .mfilter-counter{
background: transparent !important;
color: #000 !important;
}
.mfilter-box-48 .mfilter-counter:after{
display: none;
}
.mfilter-heading {
cursor: pointer;
background: transparent !important;
font-size: 13px;
}
.mfilter-opts-container {
padding: 5px 0;
border-top: 2px solid #F1F1F2 !important;
}
.mfilter-heading-text > span {
font-weight: bold;
font-size: 14px;
}
.mfilter-box input[type=checkbox] {
position: relative;
cursor: pointer;
}
.mfilter-box input[type=checkbox]:before {
content: "";
display: block;
position: absolute;
width: 16px;
height: 16px;
top: -1px;
left: -1px;
border: 2px solid #E1E3EA;
border-radius: 4px;
background-color: #E1E3EA;
}
.mfilter-box input[type=checkbox]:checked:after {
content: "";
display: block;
width: 5px;
height: 10px;
border: solid #fff;
border-width: 0 2px 2px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
top: 1px;
left: 5px;
}
.mfilter-box input[type=checkbox]:checked:before{
background-color: var(--maincolor);
border: 2px solid var(--maincolor);
}
.mfilter-heading .mfilter-head-icon {
background: none !important;
}
.mfilter-heading .mfilter-head-icon:after {
content: "\f107";
font: normal normal normal 14px / 1 FontAwesome;
display: inline-block;
font-size: 23px;
color: var(--maincolor);
}
.mfilter-heading.mfilter-collapsed .mfilter-head-icon:after {
content: "\f106";
font: normal normal normal 14px / 1 FontAwesome;
display: inline-block;
font-size: 23px;
font-weight: bold;
color: var(--maincolor);
}
.mfilter-heading .mfilter-head-icon{
margin-top: 0 !important;
}
.mfilter-heading.mfilter-collapsed .mfilter-head-icon{
transform: none;
}
#mfilter-opts-search{
border-radius: 6.667px;
border: 1px solid var(--maincolor);
background: rgb(143 143 143 / 10%);
}
.mfilter-price .mfilter-options .mfilter-slider-slider .ui-slider-handle,
.mfilter-price .mfilter-options #mfilter-price-slider .ui-slider-handle{
background: none !important;
margin-top: -4px !important;
}
.mfilter-price .mfilter-options .mfilter-slider-slider .ui-slider-range,
.mfilter-price .mfilter-options #mfilter-price-slider .ui-slider-range{
background: var(--maincolor) !important;
}
.mfilter-slider-slider .ui-slider-handle:after,
#mfilter-price-slider .ui-slider-handle:after{
content: "\f111";
font-family: FontAwesome;
font-size: 20px;
border: 2px solid var(--maincolor);
border-radius: 50px;
width: 18px;
height: 18px;
display: inline-block;
color: transparent;
background: #fff;
}
.mfilter-price .mfilter-options .mfilter-slider-slider,
.mfilter-price .mfilter-options #mfilter-price-slider{
height: 3px !important;
margin: 14px 2px 0 5px !important;
}
html[dir=ltr] .mfilter-rating .mfilter-option img{
transform: scale(-1, 1);
}
.mfilter-heading-text > span{
font-size: 12px;
}
.mfilter-heading-text > span:before{
content: "";
display: inline-block;
width: 13px;
height: 16px;
background-color: var(--maincolor);
mask-image: url('data:image/svg+xml,');
mask-repeat: no-repeat;
mask-position: center;
mask-size: contain;
vertical-align: middle;
margin-inline-end: 5px;
}
/*.product-compare .description{
width: 20%;
}*/
.product-compare .table-bordered > thead > tr > th,
.product-compare .table-bordered > tbody > tr > th,
.product-compare .table-bordered > tfoot > tr > th,
.product-compare .table-bordered > thead > tr > td,
.product-compare .table-bordered > tbody > tr > td,
.product-compare .table-bordered > tfoot > tr > td{
width: 20%;
border: 0;
}
.product-compare .table-bordered > tbody > tr:nth-of-type(odd) {
background-color: #fff;
}
.product-compare .table-bordered > tbody > tr:nth-of-type(even) {
background-color: #F2F4F5;
}
#product-compare h1{
text-align: center;
color: #000;
font-size: 26.667px;
font-style: normal;
font-weight: 700;
line-height: normal;
}
#product-compare .img-thumbnail{
border-radius: 0;
border: 0;
}
.compare-title{
color: #191C1F;
text-align: center;
font-size: 13.333px;
font-style: normal;
font-weight: 400;
line-height: 20px;
margin: 15px 0;
display: block;
}
.comp_buttons{
display: flex;
gap: 10px;
padding: 0 11px;
margin-bottom: 30px;
}
.price_comp{
color: var(--maincolor);
}
.cart-compare{
width: 90%;
font-size: 12px;
font-weight: 700;
display: inline-block;
color: #fff;
line-height: 38.5px;
text-align: center;
text-transform: uppercase;
padding: 0 5px;
margin-bottom: 0;
border-radius: 45px;
border: 1px solid var(--maincolor);
background: var(--maincolor);
box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
transition: all 0.3s ease;
}
.cart-compare:hover{
color: var(--maincolor);
background: rgba(var(--maincolor-rgb), var(--maincolor-opacity-1));
}
.cart-compare:before {
content: "";
display: inline-block;
width: 20px;
height: 20px;
background-color: #fff;
mask-image: url('data:image/svg+xml,');
mask-repeat: no-repeat;
mask-position: center;
mask-size: contain;
vertical-align: middle;
margin-inline-end: 10px;
transition: all 0.3s ease;
}
.cart-compare:hover:before{
background-color: var(--maincolor);
}
.remove-compare{
width: 40px;
height: 40px;
display: flex;
padding: 0;
justify-content: center;
align-items: center;
border-radius: 6.667px;
border: 0;
margin: 0 auto;
}
.add_wish-compare{
width: 40px;
height: 40px;
display: flex;
padding: 0;
justify-content: center;
align-items: center;
border-radius: 45px;
border: 1.25px solid rgba(var(--maincolor-rgb), var(--maincolor-opacity-2));
background: #fff;
}
.add_wish-compare svg path{
stroke: var(--maincolor);
}
#account-wishlist .table-bordered > thead > tr > th,
#account-wishlist .table-bordered > tbody > tr > th,
#account-wishlist .table-bordered > tfoot > tr > th,
#account-wishlist .table-bordered > thead > tr > td,
#account-wishlist .table-bordered > tbody > tr > td,
#account-wishlist .table-bordered > tfoot > tr > td {
border: 1px solid #F1F1F2;
border-left: 0;
border-right: 0;
width: 16%;
color: #000;
}
#account-wishlist .table-bordered > thead > tr > td{
color: #0E224D;
}
.account-wishlist .table-bordered > tbody > tr:nth-of-type(odd) {
background-color: #fff;
}
.account-wishlist .table-bordered > tbody > tr:nth-of-type(even) {
background-color: #F2F4F5;
}
.wishlist_buttons{
display: flex;
gap: 10px;
padding: 0 11px;
}
#account-wishlist .price b{
display: block;
}
.cart-wishlist{
max-width: 150px;
font-size: 12px;
font-weight: 700;
display: inline-block;
color: #fff;
line-height: 38.5px;
text-align: center;
text-transform: uppercase;
padding: 4px 15px;
margin-bottom: 0;
border-radius: 45px;
border: 1px solid var(--maincolor);
background: var(--maincolor);
box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
transition: all 0.3s ease;
}
.cart-wishlist:hover{
color: var(--maincolor);
background: rgba(var(--maincolor-rgb), var(--maincolor-opacity-1));
}
.cart-wishlist:before {
content: "";
display: inline-block;
width: 20px;
height: 20px;
background-color: #fff;
mask-image: url('data:image/svg+xml,');
mask-repeat: no-repeat;
mask-position: center;
mask-size: contain;
vertical-align: middle;
margin-inline-end: 10px;
transition: all 0.3s ease;
}
.cart-wishlist:hover:before{
background-color: var(--maincolor);
}
.side-column .list-group a {
padding: 8px 12px;
border-radius: 45px;
border: 1px solid #F1F1F2;
background: #FFF;
color: #787878;
box-shadow: 0px 2.5px 3.333px 0px rgba(0, 0, 0, 0.03);
margin: 0 0 15px;
font-size: 14px;
transition: all 0.3s ease;
text-shadow: none;
}
.side-column .list-group a:hover{
background-color: var(--maincolor) !important;
color: #fff !important;
}
.side-column .active{
background-color: var(--maincolor) !important;
color: #fff !important;
}
#account-account #content{
padding-top: 100px;
}
#account-account #content h2{
color: #000;
font-size: 16.667px;
font-style: normal;
font-weight: 700;
line-height: normal;
margin-bottom: 15px;
}
#account-account #content ul li a{
color: #000;
font-size: 13.333px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
[class^="account-"] h1{
color: #000;
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: normal;
margin: 0 0 15px;
}
[class^="account-"] legend{
color: #000;
font-size: 16px;
}
#account-edit fieldset{
display: flex;
gap: 15px;
}
#account-edit fieldset > .form-group{
display: flex;
flex-direction: column;
flex-basis: 30%;
gap: 10px;
}
@media (max-width: 768px) {
#account-edit fieldset > .form-group{
display: flex;
flex-direction: column;
flex-basis: 105%;
gap: 0px;
}
#account-edit fieldset {
flex-wrap: wrap;
}
}
#account-edit fieldset > .form-group > div,
#account-edit fieldset > .form-group > label{
width: 100%;
}
[class^="account-"] fieldset > .form-group > label{
color: #000;
font-size: 14px;
text-align: unset;
}
#account-edit .form-horizontal .control-label{
text-align: unset;
}
.form-control{
border-radius: 45px;
border: 1px solid #ADADAD;
background: #FFF;
box-shadow: none;
}
.form-control:focus{
border-color: var(--maincolor);
box-shadow: none;
}
.form-group:focus-within label {
color: var(--maincolor) !important;
}
[class^="account-"] .btn-primary {
color: #fff;
background: var(--maincolor);
padding: 10px 20px;
border-radius: 45px;
font-size: 14px;
transition: all 0.4s ease-in-out 0s;
border: 1px solid rgba(var(--maincolor-rgb), var(--maincolor-opacity-1));
}
[class^="account-"] .btn-primary:hover, [class^="account-"] .btn-primary:active,
[class^="account-"] .btn-primary:focus, [class^="account-"] .btn-primary.active,
[class^="account-"] .btn-primary.disabled, [class^="account-"] .btn-primary[disabled]{
background: #fff !important;
color: var(--maincolor) !important;
border: 1px solid rgba(var(--maincolor-rgb), var(--maincolor-opacity-2)) !important;
}
[class^="account-"] .btn-primary:hover svg path{
fill: var(--maincolor) !important;
}
.btn-primary svg path{
transition: all 0.4s ease-in-out 0s;
}
.btn-primary svg{
vertical-align: middle;
}
[class^="account-"] .btn-default{
background: transparent;
color: var(--maincolor);
border-radius: 45px;
width: 100%;
margin: 0;
padding: 7px 20px;
font-size: 14px;
border: 1px solid #F1F1F2;
transition: all 0.3s;
}
[class^="account-"] .btn-default:hover {
background: rgba(var(--maincolor-rgb), var(--maincolor-opacity-1)) !important;
}
#account-password fieldset{
display: flex;
gap: 15px;
}
#account-password fieldset > .form-group{
display: flex;
flex-direction: column;
flex-basis: 55%;
gap: 10px;
}
@media (max-width: 768px) {
#account-password fieldset > .form-group{
display: flex;
flex-direction: column;
flex-basis: 105%;
gap: 0px;
}
#account-password fieldset {
flex-wrap: wrap;
}
}
#account-password fieldset > .form-group > div,
#account-password fieldset > .form-group > label{
width: 100%;
}
#account-password fieldset > .form-group > label{
color: #000;
}
#account-password .form-horizontal .control-label{
text-align: unset;
}
#account-address .table-address{
margin: 0 0 30px;
border-collapse: separate;
border-spacing: 0 10px;
}
#account-address .table-address > tbody > tr {
border-radius: 16.667px;
box-shadow: 0px 2.5px 3.333px 0px rgba(0, 0, 0, 0.03);
margin: 0 0 8px;
}
#account-address .table-address > tbody > tr td:first-child {
border-right-style: solid;
border-bottom-right-radius: 16px;
border-top-right-radius: 16px;
padding: 15px 20px;
overflow: hidden;
border: 1px solid #F1F1F2;
border-left: 0;
color: #000;
}
#account-address .table-address > tbody > tr td:last-child {
border-right-style: solid;
border-bottom-left-radius: 16px;
border-top-left-radius: 16px;
padding: 15px 20px;
overflow: hidden;
border: 1px solid #F1F1F2;
border-right: 0;
}
#account-address .table-address > tbody > tr td{
vertical-align: middle;
}
#account-address .table-address .name{
color: #000;
font-size: 16px;
font-weight: 700;
}
#account-address .btn-danger svg{
vertical-align: middle;
}
#account-address .btn-danger{
background: rgba(255, 18, 18, 0.10);
padding: 10px 14px;
border-color: rgba(255, 18, 18, 0.10);
color: #FF1212;
box-shadow: none;
text-shadow: none;
border-radius: 45px;
transition: all 0.4s ease-in-out 0s;
}
#account-address .btn-danger:hover{
background: rgba(255, 18, 18, 0.20);
border-color: rgba(255, 18, 18, 0.20);
}
[class^="account-"] #account-address .btn-primary{
padding: 10px 27px;
}
.account-address-edit #content fieldset,
.account-address-add #content fieldset{
display: flex;
gap: 15px;
}
.account-address-edit #content fieldset .form-group,
.account-address-add #content fieldset .form-group{
display: flex;
flex-direction: column;
width: 100%;
gap: 5px;
}
.account-address-edit #content fieldset .form-group label,
.account-address-add #content fieldset .form-group label {
text-align: unset;
width: 100%;
}
.account-address-edit #content fieldset .form-group > div,
.account-address-add #content fieldset .form-group > div {
width: 100%;
}
.account-address-edit #content fieldset:last-of-type,
.account-address-add #content fieldset:last-of-type{
display: block !important;
width: 102.5%;
}
.account-address-edit #content fieldset:last-of-type .form-group label,
.account-address-add #content fieldset:last-of-type .form-group label{
width: auto;
}
[class^="account-"] input[type=radio] {
position: relative;
cursor: pointer;
}
[class^="account-"] input[type=radio]:before {
content: "";
display: block;
position: absolute;
width: 16px;
height: 16px;
top: -1px;
left: -1px;
border: 2px solid #E1E3EA;
border-radius: 50%;
background-color: #E1E3EA;
}
[class^="account-"] input[type=radio]:checked:after {
content: "";
display: block;
width: 16px;
height: 16px;
background: #fff;
border-radius: 50%;
position: absolute;
top: -1px;
left: -1px;
border: 4px solid var(--maincolor);
}
[class^="account-"] input[type=radio]:checked:before{
background-color: var(--maincolor);
border: 2px solid var(--maincolor);
}
.radio-inline{
font-size: 14px;
color: #000;
}
[class^="account-"] .radio-inline + .radio-inline,
[class^="account-"] .checkbox-inline + .checkbox-inline {
margin-inline-start: 15px;
}
[class^="account-"] input[type=checkbox] {
position: relative;
cursor: pointer;
}
[class^="account-"] input[type=checkbox]:before {
content: "";
display: block;
position: absolute;
width: 16px;
height: 16px;
top: -1px;
left: -1px;
border: 2px solid #E1E3EA;
border-radius: 4px;
background-color: #E1E3EA;
}
[class^="account-"] input[type=checkbox]:checked:after {
content: "";
display: block;
width: 5px;
height: 10px;
border: solid #fff;
border-width: 0 2px 2px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
top: 1px;
left: 5px;
}
[class^="account-"] input[type=checkbox]:checked:before{
background-color: var(--maincolor);
border: 2px solid var(--maincolor);
}
.table-customer-orders {
border: 1px solid #F1F1F2;
}
.table-bordered > tbody > tr > td{
}
.table-customer-orders > tbody > tr > td{
color: #000;
padding: 20px 0;
vertical-align: middle;
border: 1px solid #F1F1F2;
border-right: 0;
border-left: 0;
}
.table-customer-orders > thead > tr > td {
border: 0;
color: #0E224D;
font-size: 14px;
}
.status_color{
padding: 7px 15px;
border-radius: 6.667px;
background: #FFC100;
color: #fff;
}
.status_color.pending, .status_color.default {
background: orange;
}
.status_color.completed, .status_color.processing, .status_color.shipped {
background: green;
}
.status_color.canceled, .status_color.chargeback, .status_color.failed {
background: red;
}
[class^="account-"] .btn-primary.re_order{
padding: 6.7px 14px;
border-radius: 45px;
font-size: 13px;
}
[class^="account-"] .btn-primary.re_order:hover svg path, [class^="account-"] .btn-primary.re_order:active svg path,
[class^="account-"] .btn-primary.re_order:focus svg path, [class^="account-"] .btn-primary.re_order.active svg path,
[class^="account-"] .btn-primary.re_order.disabled svg path, [class^="account-"] .btn-primary.re_order[disabled] svg path {
fill: var(--maincolor) !important;
}
.re_order svg path{
transition: all 0.4s ease-in-out 0s;
}
.re_order svg{
vertical-align: middle;
}
#account-order .btn-danger {
background: rgba(255, 18, 18, 0.10);
padding: 10px 14px;
border-color: rgba(255, 18, 18, 0.10);
color: #FF1212;
box-shadow: none;
text-shadow: none;
border-radius: 10px;
transition: all 0.4s ease-in-out 0s;
}
#account-order .btn-danger:hover{
background: rgba(255, 18, 18, 0.20);
border-color: rgba(255, 18, 18, 0.20);
}
#account-order .btn-danger svg{
vertical-align: middle;
}
.account_empty{
height: 100%;
display: flex;
align-items: center;
justify-content: center;
min-height: 400px;
text-align: center;
}
.account_empty p{
font-size: 16px;
color: #000;
margin: 0 0 35px;
}
@media (max-width: 768px) {
.account_empty{
min-height: auto;
}
}
#account-download .table-2 > thead > tr > td {
color: #0E224D;
padding: 10px;
}
#account-download .table-2 > tbody > tr > td{
border-top: 1px solid #F1F1F2;
padding: 10px;
color: #000;
}
#account-download .table-2{
border-radius: 9.294px;
border: 1px solid #F1F1F2;
box-shadow: 0px 2.323px 3.098px 0px rgba(0, 0, 0, 0.03);
}
#account-reward .table-1 > thead > tr > td,
#account-return .table-1 > thead > tr > td,
#account-transaction .table-1 > thead > tr > td {
color: #0E224D;
padding: 10px;
}
#account-reward .table-1 > tbody > tr > td,
#account-return .table-1 > tbody > tr > td,
#account-transaction .table-1 > tbody > tr > td{
border-top: 1px solid #F1F1F2;
padding: 10px;
color: #000;
vertical-align: middle;
}
#account-reward .table-1,
#account-return .table-1,
#account-transaction .table-1{
border-radius: 9.294px;
border: 1px solid #F1F1F2;
box-shadow: 0px 2.323px 3.098px 0px rgba(0, 0, 0, 0.03);
}
.fieldset_1{
display: flex;
flex-wrap: wrap;
width: 100%;
gap: 10px;
border-radius: 16.667px;
border: 0.833px solid #F1F1F2;
background: #FFF;
box-shadow: 0px 2.5px 3.333px 0px rgba(0, 0, 0, 0.03);
padding-inline-start: 13px;
padding-top: 15px;
margin-bottom: 25px;
}
.fieldset_1 .form-group{
width: 35%;
display: flex;
flex-direction: column;
gap: 7px;
}
.fieldset_1 > .form-group > label{
width: 100%;
text-align: unset;
}
.fieldset_1 > .form-group > div{
width: 100%;
}
#account-return .fieldset_1 .btn-default{
border: 1px solid #ADADAD;
}
#account-return .fieldset_1 .btn-default svg path{
fill: var(--maincolor);
}
#account-return .fieldset_1 .btn-default svg{
vertical-align: sub;
}
#account-return .fieldset_2{
display: flex;
flex-wrap: wrap;
width: 100%;
gap: 10px;
width: 101.5%;
}
#account-return .fieldset_2 .form-group{
width: 35%;
display: flex;
flex-direction: column;
gap: 7px;
}
#account-return .fieldset_2 > .form-group > label{
width: 100%;
text-align: unset;
}
#account-return .fieldset_2 > .form-group > div{
width: 100%;
}
#account-return .form-horizontal .control-label{
text-align: unset;
color: #000;
}
#account-return .reasons > .col-sm-12{
display: flex;
flex-wrap: wrap;
gap: 10px;
}
#account-return .reasons > .col-sm-12 .radio{
width: 32%;
}
#account-return .fieldset2{
border-radius: 16.667px;
border: 0.833px solid #F1F1F2;
background: #FFF;
box-shadow: 0px 2.5px 3.333px 0px rgba(0, 0, 0, 0.03);
padding: 15px;
margin-bottom: 25px;
}
#account-return h4{
color: #000;
}
@media (max-width: 768px) {
#account-return .fieldset_1 .form-group {
width: 53%;
}
#account-return .fieldset_2 .form-group {
width: 53%;
}
#account-return .fieldset_1 .form-group,
#account-return .fieldset_2 .form-group{
margin-bottom: 0;
}
#account-return .reasons{
margin-bottom: 25px;
}
}
@media (max-width: 500px) {
#account-return .fieldset_1 .form-group {
width: 56%;
}
#account-return .fieldset_2 .form-group {
width: 58%;
}
#account-return .reasons > .col-sm-12 .radio {
width: 48%;
}
}
#account-transaction h1 + p{
color: #000;
}
#account-newsletter .form-horizontal .control-label{
padding-top: 5px;
text-align: unset;
}
.switch {
position: relative;
display: inline-block;
width: 60px;
height: 30px;
}
.switch input {
opacity: 0;
width: 0;
height: 0;
}
.slider {
position: absolute;
cursor: pointer;
background-color: #ccc;
transition: 0.4s;
border-radius: 34px;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.slider::before {
position: absolute;
content: "";
height: 24px;
width: 24px;
left: 3px;
bottom: 3px;
background-color: white;
transition: 0.4s;
border-radius: 50%;
}
input:checked + .slider {
background-color: var(--maincolor);
}
input:checked + .slider::before {
transform: translateX(30px);
}
#account-affiliate .fieldset_first,
#account-affiliate .fieldset_2{
display: flex;
width: 100%;
gap: 10px;
}
#account-affiliate .fieldset_first > .form-group,
#account-affiliate .fieldset_2 .form-group{
display: flex;
width: 100%;
flex-direction: column;
gap: 7px;
}
#account-affiliate .form-group > label{
text-align: unset;
}
#account-affiliate .fieldset_first > .form-group > label,
#account-affiliate .fieldset_2 > .form-group > label{
width: 100%;
color: #000;
}
#account-affiliate .fieldset_first > .form-group > div,
#account-affiliate .fieldset_2 > .form-group > div{
width: 100%;
}
#account-affiliate .fieldset_2{
margin: 0 0 20px;
}
#account-affiliate .fieldset_2 > .form-group .radio{
display: inline-block;
margin-inline-end: 20px;
}
#account-affiliate .buttons .pull-right{
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
}
[class^="affiliate-"] h1 {
color: #000;
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: normal;
margin: 0 0 15px;
}
[class^="affiliate-"] label{
color: #000;
}
#affiliate-register #account,
.fieldset_affiliate,
.fieldset_password{
display: flex;
gap: 10px;
}
#affiliate-register #account .form-group,
.fieldset_affiliate .form-group,
.fieldset_password .form-group{
display: flex;
flex-direction: column;
width: 100%;
gap: 5px;
}
#affiliate-register #account .form-group label,
.fieldset_affiliate .form-group label,
.fieldset_password .form-group label {
width: 100%;
}
#affiliate-register #account .form-group > div,
.fieldset_affiliate .form-group > div,
.fieldset_password .form-group > div{
width: 100%
}
#affiliate-register .form-group label{
text-align: unset;
}
#affiliate-register fieldset > .form-group .radio{
display: inline-block;
margin-inline-end: 20px;
}
#affiliate-register #affiliate .payment{
margin-top: 25px;
}
#affiliate-register .buttons .pull-right{
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
}
@media (max-width: 768px) {
#affiliate-register #account, .fieldset_affiliate, .fieldset_password{
flex-wrap: wrap;
}
#affiliate-register #account .form-group,
.fieldset_affiliate .form-group,
.fieldset_password .form-group {
width: 53%;
}
#affiliate-register #account .form-group,
.fieldset_affiliate .form-group,
.fieldset_password .form-group {
width: 53%;
}
#affiliate-register #account .form-group,
.fieldset_affiliate .form-group,
.fieldset_password .form-group{
margin-bottom: 0;
}
}
@media (max-width: 500px) {
#affiliate-register #account .form-group,
.fieldset_affiliate .form-group,
.fieldset_password .form-group {
width: 55%;
}
#affiliate-register #account .form-group,
.fieldset_affiliate .form-group,
.fieldset_password .form-group {
width: 55%;
}
}
[class^="affiliate-"] input[type=radio] {
position: relative;
cursor: pointer;
}
[class^="affiliate-"] input[type=radio]:before {
content: "";
display: block;
position: absolute;
width: 16px;
height: 16px;
top: -1px;
left: -1px;
border: 2px solid #E1E3EA;
border-radius: 50%;
background-color: #E1E3EA;
}
[class^="affiliate-"] input[type=radio]:checked:after {
content: "";
display: block;
width: 16px;
height: 16px;
background: #fff;
border-radius: 50%;
position: absolute;
top: -1px;
left: -1px;
border: 4px solid var(--maincolor);
}
[class^="affiliate-"] input[type=radio]:checked:before{
background-color: var(--maincolor);
border: 2px solid var(--maincolor);
}
.radio-inline{
font-size: 14px;
color: #000;
}
[class^="affiliate-"] .radio-inline + .radio-inline,
[class^="affiliate-"] .checkbox-inline + .checkbox-inline {
margin-inline-start: 15px;
}
[class^="affiliate-"] input[type=checkbox] {
position: relative;
cursor: pointer;
}
[class^="affiliate-"] input[type=checkbox]:before {
content: "";
display: block;
position: absolute;
width: 16px;
height: 16px;
top: -1px;
left: -1px;
border: 2px solid #E1E3EA;
border-radius: 4px;
background-color: #E1E3EA;
}
[class^="affiliate-"] input[type=checkbox]:checked:after {
content: "";
display: block;
width: 5px;
height: 10px;
border: solid #fff;
border-width: 0 2px 2px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
top: 1px;
left: 5px;
}
[class^="affiliate-"] input[type=checkbox]:checked:before{
background-color: var(--maincolor);
border: 2px solid var(--maincolor);
}
[class^="affiliate-"] .btn-primary {
color: #fff;
background: var(--maincolor);
padding: 10px 20px;
border-radius: 10px;
font-size: 14px;
transition: all 0.4s ease-in-out 0s;
border: 1px solid rgba(var(--maincolor-rgb), var(--maincolor-opacity-1));
}
[class^="affiliate-"] .btn-primary:hover, [class^="affiliate-"] .btn-primary:active,
[class^="affiliate-"] .btn-primary:focus, [class^="affiliate-"] .btn-primary.active,
[class^="affiliate-"] .btn-primary.disabled, [class^="affiliate-"] .btn-primary[disabled]{
background: #fff !important;
color: var(--maincolor) !important;
border: 1px solid rgba(var(--maincolor-rgb), var(--maincolor-opacity-2)) !important;
}
[class^="affiliate-"] .btn-primary:hover svg path{
fill: var(--maincolor) !important;
}
#affiliate-login h2{
color: #333;
font-weight: 600;
}
#affiliate-login #content .col-sm-6:last-of-type h2{
text-align: center;
}
#affiliate-login #content .col-sm-6:last-of-type p{
text-align: center;
color: #666;
width: 83%;
margin: 15px auto 10px;
}
#affiliate-login #content .col-sm-6:last-of-type .well{
border-radius: 35.556px;
border: 1.111px solid rgba(102, 102, 102, 0.35);
width: 80%;
margin: 0 auto;
}
#affiliate-login #content .col-sm-6:last-of-type .btn-primary{
width: 100%;
}
#affiliate-login #content .col-sm-6:first-of-type .well{
padding-top: 0;
}
#affiliate-login .aff_register{
color: #8D8D8D;
}
#affiliate-login .aff_register a{
font-weight: 700;
color: var(--maincolor);
}
.affiliate_description p{
color: #000;
}
.money_icon{
width: 44px;
height: 44px;
display: inline-flex;
justify-content: center;
align-items: center;
border-radius: 50%;
background: var(--maincolor);
}
.money_icon svg rect{
fill: var(--maincolor);
}
.flow-container {
position: relative;
max-width: 1000px;
margin: 60px auto;
padding: 40px 20px;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
direction: rtl;
}
.step {
display: flex;
flex-direction: column;
align-items: center;
width: 120px;
margin: 20px;
text-align: center;
}
.step .icon {
background: #fff;
padding: 5px;
border-radius: 12px;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.08);
margin-bottom: 10px;
}
.flow-lines {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none;
}
.lines path{
fill: var(--maincolor) !important;
}
.step .icon svg path{
fill: var(--maincolor) !important;
}
.process-flow {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
align-items: flex-start;
gap: 30px;
position: relative;
max-width: 1000px;
margin: auto;
padding: 40px 20px;
}
.step {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
position: relative;
width: 90px;
}
.step img {
width: 60px;
height: 60px;
background: #f5f5f5;
padding: 10px;
border-radius: 16px;
box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}
.step span {
margin-top: 0px;
font-weight: 500;
color: #000;
font-size: 14px;
}
.lines{
position: absolute;
top: -10px;
width: 94%;
}
.step1{
position: relative;
right: -7%;
}
.step2{
position: relative;
top: -65px;
right: -4%;
}
.step3{
position: relative;
top: 45px;
right: 1%;
}
.step4{
position: relative;
top: -60px;
right: 7%;
}
@media (max-width: 1230px) {
.step{
width: 45px
}
.step .icon svg{
width: 50px;
height: 50px;
vertical-align: middle;
}
.step span{
margin: 0;
font-size: 12px
}
.step1{
right: -10%;
}
.step2{
top: -40px;
right: -5%;
}
.step3{
top: 45px;
right: 3%;
}
.step4{
top: -35px;
right: 10%;
}
}
@media (max-width: 1010px) {
.process-flow{
gap: 0;
}
.step1{
right: -15%;
}
.step4{
top: -35px;
right: 14%;
}
}
@media (max-width: 835px) {
.step .icon{
padding: 0;
}
.step {
width: 40px;
margin: 15px 0px;
}
.step1 {
right: -15%;
top: 15px;
}
.step2 {
top: -20px;
right: -7%;
}
.step4 {
top: -20px;
}
}
@media (max-width: 768px) {
.lines{
display: none;
}
.step{
position: unset;
}
.process-flow {
flex-direction: column;
align-items: center;
gap: 10px;
display: none;
}
.step::after {
content: "";
position: relative;
top: 20px;
right: 5%;
width: 2px;
height: 30px;
border-right: 2px dashed var(--maincolor);
}
#affiliate-login #content .col-sm-6:last-of-type .well{
width: 100%;
}
#affiliate-login #content .col-sm-6:first-of-type .well{
padding: 0;
}
#affiliate-login h2 {
font-size: 19px;
}
.money_icon{
vertical-align: middle;
}
.account-login .div-center{
width: 90%;
}
.account-login .div-center .well{
padding: 0;
}
}
.well {
min-height: 20px;
padding: 19px;
margin-bottom: 20px;
border-radius: 3px;
-webkit-box-shadow: none;
box-shadow: none;
background: #fff;
border: 1px solid #fff;
}
.div-center{
margin: 50px auto ;
display: table;
float: none;
padding: 25px 20px;
background: #fff;
}
.div-center{
border-radius: 20px;
border: 1px solid rgba(102, 102, 102, 0.35);
background: #FFF;
}
.div-center .well h2{
color: #000;
font-size: 20.833px;
text-align: center;
margin-bottom: 15px;
}
.div-center .well h2 + p{
margin-bottom: 15px;
}
.div-center .well p{
text-align: center;
color: #8D8D8D;
}
.div-center .well p a{
color: var(--maincolor);
font-weight: 700;
}
html[dir=rtl] .toggle-password{
float: left;
margin-top: -36px;
margin-left: 10px;
}
html[dir=ltr] .toggle-password{
float: right;
margin-top: -36px;
margin-right: 10px;
}
.div-center .well input{
height: 50px;
}
.div-center .well label{
color: #000;
margin-bottom: 10px;
font-size: 14px;
}
.forgotten_psd{
text-align: left;
display: block;
margin: 10px 0;
color: var(--maincolor);
}
.div-center .btn-primary{
width: 100%;
margin: 0 0 20px;
}
.account_logo{
width: 40px;
margin: 0 auto;
}
.div-center .well input[type=radio],
.div-center .well input[type=checkbox]{
height: auto;
}
#account-register .pull-right{
width: 100%;
}
html[dir=rtl] #input-telephone{
text-align: right;
}
html[dir=ltr] #input-telephone{
text-align: left;
}
#account-register .btn-primary{
margin: 20px 0 0 0;
}
.acc_logo{
display: flex;
justify-content: center;
align-items: center;
gap: 10px;
}
@media (max-width: 768px) {
#account-register .div-center{
width: 90%;
}
#account-register .well{
padding: 0;
}
}
#information-sitemap h1{
text-align: center;
color: #000;
font-size: 26.667px;
font-style: normal;
font-weight: 700;
line-height: normal;
margin-bottom: 30px;
}
#information-sitemap ul {
list-style-type: none;
padding-inline-start: 40px;
}
#information-sitemap ul li{
position: relative;
}
#information-sitemap ul ul li:before,
#information-sitemap ol ul li:before,
#information-sitemap ul ol li:before,
#information-sitemap ol ol li:before{
content: "";
display: inline-block;
background-color: var(--maincolor);
mask-image: url('data:image/svg+xml,');
width: 24px;
height: 24px;
mask-position: bottom;
margin-inline-end: 10px;
/*vertical-align: middle;*/
}
html[dir=ltr] #information-sitemap ul ul li:before,
html[dir=ltr] #information-sitemap ol ul li:before,
html[dir=ltr] #information-sitemap ul ol li:before,
html[dir=ltr] #information-sitemap ol ol li:before{
transform: scale(-1, 1);
}
#information-sitemap ul ul li:after,
#information-sitemap ol ul li:after,
#information-sitemap ul ol li:after,
#information-sitemap ol ol li:after{
content: "";
display: inline-block;
width: 2px;
height: 30px;
background: var(--maincolor);
position: absolute;
right: 0;
top: 0;
}
html[dir=ltr] #information-sitemap ul ul li:after,
html[dir=ltr ]#information-sitemap ol ul li:after,
html[dir=ltr] #information-sitemap ul ol li:after,
html[dir=ltr] #information-sitemap ol ol li:after{
right: auto;
left: 0;
}
#information-sitemap ul ul li:last-of-type:after,
#information-sitemap ol ul li:last-of-type:after,
#information-sitemap ul ol li:last-of-type:after,
#information-sitemap ol ol li:last-of-type:after{
display: none;
}
#information-sitemap div > ul > li{
color: var(--maincolor);
}
#information-sitemap div > ul > li > a{
color: var(--maincolor);
font-weight: bold;
}
.flex_contact{
display: flex;
}
.back_contact:before {
content: " ";
width: 150%;
/* background-color: var(--maincolor); */
height: 100%;
/* right: -90px; */
z-index: 0;
position: absolute;
top: 0;
pointer-events: none;
background: rgba(var(--maincolor-rgb), var(--maincolor-opacity-8));
background-position: left;
}
.back_contact{
display: flex;
flex-direction: column;
justify-content: center;
}
.contact_info2 > .col-sm-12{
display: flex;
color: #fff;
gap: 20px;
align-items: center;
position: relative;
margin: 0 0 40px;
}
.contact_info2 > .col-sm-12:after{
content: "";
display: block;
border-bottom: 1px solid #fff;
width: 90%;
position: absolute;
bottom: -20px;
}
.contact_info2 > .col-sm-12:last-child:after{
display: none;
}
.contact_info2 > .col-sm-12 div:first-child{
width: 32px;
}
.contact_info2 > .col-sm-12 address{
margin: 0;
}
.information-contact footer{
margin: 0;
}
.information-contact .main-menu{
margin: 0;
}
.information-contact #content {
padding-top: 20px;
}
.information-contact .btn-primary {
color: #fff;
background: var(--maincolor);
padding: 10px 20px;
border-radius: 45px;
font-size: 14px;
transition: all 0.4s ease-in-out 0s;
border: 1px solid rgba(var(--maincolor-rgb), var(--maincolor-opacity-1));
}
.information-contact .btn-info{
color: var(--maincolor);
background: #fff;
border: 1px solid rgba(var(--maincolor-rgb), var(--maincolor-opacity-2));
}
.information-contact .btn-info:active:hover, .information-contact .btn-info.active:hover,
.information-contact .open > .btn-info.dropdown-toggle:hover, .information-contact .btn-info:active:focus,
.information-contact .btn-info.active:focus, .information-contact .open > .btn-info.dropdown-toggle:focus,
.information-contact .btn-info:active.focus, .information-contact .btn-info.active.focus, .information-contact .open > .btn-info.dropdown-toggle.focus {
color: #fff;
background-color: var(--maincolor);
border-color: var(--maincolor);
}
.information-contact .btn-info:hover, .information-contact .btn-info:active,
.information-contact .btn-info.active, .information-contact .btn-info.disabled, .information-contact .btn-info[disabled] {
background-image: none;
color: #fff;
background-color: var(--maincolor);
}
.information-contact h1{
text-align: center;
color: #000;
font-size: 26.667px;
font-style: normal;
font-weight: 700;
line-height: normal;
margin-bottom: 30px;
}
.information-contact .form-horizontal .control-label {
text-align: unset;
color: #000;
}
.manufact a img{
max-width: 100px;
max-height: 100px;
}
.manufact a:last-child{
display: block;
}
#product-manufacturer #content h1{
text-align: center;
color: #000;
font-size: 26px;
margin: 0 0 10px;
}
.manufacturer_index{
text-align: center;
color: #000;
}
#product-manufacturer #column-left{
display: none;
}
#product-manufacturer #content{
width: 100%;
}
.common-home #content{
min-height: unset;
}
.product-thumb .rating {
padding-bottom: 10px;
}
.rating .fa-stack {
font-size: 8px;
}
.rating .fa-star-o {
color: #999;
font-size: 15px;
}
.rating .fa-star {
color: #FC0;
font-size: 15px;
}
.rating .fa-star + .fa-star-o {
color: #E69500;
}
h2.price {
margin: 0;
}
.product-thumb .price {
color: #513928;
font-size: 17px;
margin-bottom: 10px;
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
}
.product-thumb .price-new {
font-weight: 600;
/* display: block; */
color: #513928;
float: right;
margin-inline-end : 5px;
}
.product-thumb .price-old {
font-size: 16px;
color: #000;
font-weight: 400;
text-decoration: line-through;
}
.product-thumb .price-tax {
color: #999;
font-size: 13px;
display: block;
}
.product-thumb .button-group {
text-align: center;
/*opacity: 0;*/
/*visibility:hidden;*/
position: absolute;
width: 100%;
bottom: 1rem;
left: 50%;
transform: scale(0) translate(-50% , 0);
transition: all .2s ease-in-out ;
}
.product-thumb:hover .button-group{
/*opacity: 1;*/
/*visibility:visible;*/
transform: scale(1) translate(-50% , 0);
}
.product-list .product-thumb .button-group {
border-right: 1px solid #ddd;
}
.product-list .product-thumb .caption a {
font-size: 18px;
color: var(--secondcolor);
font-weight: 700;
}
@media (max-width: 768px) {
.product-list .product-thumb .button-group {
border-right: none;
}
}
.product-thumb .button-group button {
display: inline-flex;
justify-content: center;
align-items: center;
width: 49px;
height: 49px;
line-height: 49px;
text-align: center;
background: transparent;
border: 1px solid #cccccc;
border-radius: 50%;
font-size: 15px;
color: #000;
text-transform: uppercase;
padding: 0;
margin: 0 0 10px;
transition: all .2s ease-in-out;
}
.product-thumb .button-group button + button {
/*width: 20%;
border-right: 1px solid #ddd;*/
margin-right: 10px;
}
.product-thumb .button-group button:hover {
color: #fff;
background-color: var(--maincolor) ;
text-decoration: none;
cursor: pointer;
}
.product-thumb .button-group button svg path{
fill: var(--maincolor);
transition: all .2s ease-in-out;
}
.product-thumb .button-group button:hover svg path{
fill: #fff;
}
/*@media (max-width: 1200px) {
.product-thumb .button-group button, .product-thumb .button-group button + button {
width: 33.33%;
}
}
@media (max-width: 767px) {
.product-thumb .button-group button, .product-thumb .button-group button + button {
width: 33.33%;
}
}*/
.disabled {
opacity: .65;
cursor: not-allowed !important;
background-color: #ededed!important;
color: #606060 !important;
}
.thumbnails {
overflow: auto;
clear: both;
list-style: none;
padding: 0;
margin: 0;
}
.thumbnails > li {
margin-right: 20px;
}
.thumbnails {
margin-right: -20px;
}
.thumbnails > img {
width: 100%;
}
.image-additional a {
margin-bottom: 20px;
padding: 5px;
display: block;
border: 1px solid #ddd;
}
.image-additional {
max-width: 78px;
}
.thumbnails .image-additional {
float: right;
margin-right: 20px;
}
@media (min-width: 1200px) {
#content .col-lg-2:nth-child(6n+1),
#content .col-lg-3:nth-child(5n+1),
#content .col-lg-4:nth-child(3n+1),
#content .col-lg-6:nth-child(2n+1) {
clear:right;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
#content .col-md-2:nth-child(6n+1),
#content .col-md-3:nth-child(5n+1),
#content .col-md-4:nth-child(3n+1),
#content .col-md-6:nth-child(2n+1) {
clear:right;
}
}
@media (min-width: 768px) and (max-width: 991px) {
#content .col-sm-2:nth-child(6n+1),
#content .col-sm-3:nth-child(4n+1),
#content .col-sm-4:nth-child(3n+1),
#content .col-sm-6:nth-child(2n+1) {
clear:right;
}
}
.pagination > .active > a, .pagination > .active > span,
.pagination > .active > a:hover, .pagination > .active > span:hover,
.pagination > .active > a:focus, .pagination > .active > span:focus {
z-index: 2;
color: #fff;
background-color: var(--secondcolor);
border-color: var(--secondcolor);
cursor: default;
}
.pagination > li > a, .pagination > li > span{
color: var(--secondcolor);
}
/* fixed colum left + content + right*/
@media (min-width: 768px) {
#column-left .product-layout .col-md-3{
width: 100%;
}
#column-left + #content .product-layout .col-md-3 {
width: 50%;
}
#column-left + #content + #column-right .product-layout .col-md-3{
width: 100%;
}
#content + #column-right .product-layout .col-md-3{
width: 100%;
}
}
/* fixed product layouts used in left and right columns */
#column-left .product-layout, #column-right .product-layout {
width: 100%;
}
/* fixed mobile cart quantity input */
.input-group .form-control[name^=quantity] {
min-width: 50px;
}
/* Missing focus and border color to overwrite bootstrap */
.btn-info:hover, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled] {
background-image: none;
background-color: #df5c39;
}
.supercheckout-supercheckout{
background: #fff;
}
#placeorderButton #confirm_order {
background: var(--maincolor) !important;
border-color: var(--maincolor) !important;
}
#placeorderButton #progressbar{
background: var(--maincolor) !important;
}
#form_disable{
background: rgba(var(--maincolor-rgb), var(--maincolor-opacity-1)) !important;
}
#checkoutBillingAddress .radio{
background: rgba(var(--maincolor-rgb), var(--maincolor-opacity-1)) !important;
}
.opc_shipping_method li, .opc_payment_method li{
background: rgba(var(--maincolor-rgb), var(--maincolor-opacity-1)) !important;
}
.supercheckout-column-left .supercheckout-blocks li:has([type="radio"]:checked):not(#checkoutBillingAddress li,#checkoutShippingAddress li){
border: 1px solid var(--maincolor) ;
}
.supercheckout-supercheckout .opc-container [type="radio"]:checked + label:before,
.supercheckout-supercheckout .opc-container [type="radio"]:not(:checked) + label:before{
border: 1px solid var(--maincolor);
}
.supercheckout-supercheckout .opc-container input, .supercheckout-supercheckout .opc-container textarea,
.supercheckout-supercheckout .opc-container select, .supercheckout-supercheckout .opc-container .form-control{
border-radius: 45px;
border: 1px solid #F1F1F2;
background: #FFF;
box-shadow: 0px 2.5px 3.333px 0px rgba(0, 0, 0, 0.03);
}
.supercheckout-supercheckout .opc-container [type="radio"]:checked + label:after,
.supercheckout-supercheckout .opc-container [type="radio"]:not(:checked) + label:after{
background: var(--maincolor) ;
}
.supercheckout-blocks .opc_shoppingcart .shoppingTable .input-group{
border: 1px solid var(--maincolor);
border-radius: 45px;
overflow: hidden;
background: rgba(var(--maincolor-rgb), var(--maincolor-opacity-2));
padding: 4px 4px;
display: flex;
justify-content: center;
align-items: center;
max-width: 110px;
}
.supercheckout-supercheckout #supercheckout-fieldset .ui-widget-header{
background: var(--maincolor) !important;
border: 1px solid var(--maincolor) !important;
}
.supercheckout-blocks .opc_shoppingcart .input-group .btn-number.btn-primary{
background: var(--maincolor);
color: #fff;
border-radius: 45px;
}
.supercheckout-blocks .opc_shoppingcart.custom-panel input#quantity{
background: transparent;
color: #000;
border: 0;
border-color: transparent;
box-shadow: none;
}
.supercheckout-blocks .opc_shoppingcart .shoppingTable tr img {
padding: 0;
border: 0;
}
.supercheckout-blocks .removeProduct:after{
content: "";
display: inline-block;
width: 20px;
height: 20px;
background-color: #FF1212;
mask-image: url('data:image/svg+xml,');
mask-repeat: no-repeat;
mask-position: center;
mask-size: contain;
vertical-align: middle;
transition: all 0.3s ease;
}
.supercheckout-supercheckout .opc_shoppingcart .input-group .btn-number {
padding: 6px 9px !important;
}
.supercheckout-supercheckout .delete_product i{
display: none !important;
}
.supercheckout-supercheckout .fa-chevron-down:before {
content: "\f068";
font-size: 13px;
}
.supercheckout-supercheckout .fa-chevron-up:before {
content: "\f067";
font-size: 13px;
}
.supercheckout-supercheckout .table-bordered.totalTable tr:last-child td.value{
color: #CE0000;
}
#supercheckout-agree .myagree input[type=checkbox] {
position: relative;
cursor: pointer;
}
#supercheckout-agree .myagree input[type=checkbox]:before {
content: "";
display: block;
position: absolute;
width: 16px;
height: 16px;
top: -1px;
left: -1px;
border: 2px solid #E1E3EA;
border-radius: 45px;
background-color: #E1E3EA;
}
#supercheckout-agree .myagree input[type=checkbox]:checked:after {
content: "";
display: block;
width: 5px;
height: 10px;
border: solid #fff;
border-width: 0 2px 2px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
top: 1px;
left: 5px;
}
#supercheckout-agree .myagree input[type=checkbox]:checked:before{
background-color: var(--maincolor);
border: 2px solid var(--maincolor);
}
.user_agent{
position: fixed;
bottom: 0;
width: 100%;
background: #fff;
z-index: 9991;
display: none;
box-shadow: rgb(0 0 0 / 10%) 0px -1px 8px;
}
.user_agent svg path{
fill: var(--maincolor);
}
.user_agent > .container{
display: flex;
align-items: center;
justify-content: center;
}
.user_agent a{
display: block;
padding: 3.5px 0;
text-align: center;
color: #404553;
/*line-height: 1px;*/
}
.user_agent p{
font-size: 12px;
margin: 0px 0 0px;
color: #000;
line-height: 1em;
}
.user_agent a .fa{
font-size: 16px;
margin-bottom: 10px;
}
.user_agent a img{
width: 22px;
display: block;
margin: 0 auto 10px;
}
html[dir=rtl] .user_agent .col-xs-3{
/*border-left: 1px solid #eee;*/
width: 100%;
}
html[dir=ltr] .user_agent .col-xs-3{
border-right: 1px solid #eee;
width: 100%;
}
html[dir=rtl] .user_agent .col-xs-3:last-child{
border-left: 0;
}
html[dir=ltr] .user_agent .col-xs-3:last-child{
border-right: 0;
}
.s-menu .fa-minus, .s-menu .fa-plus {
display: none ;
}
.s-menu .fa-minus{
display: block;
}
.s-menu .collapsed .fa-plus{
display: block;
}
.s-menu .collapsed .fa-minus{
display: none;
}
.s-menu .fa-minus, .s-menu .fa-plus {
float: left;
}
/*mb-menu*/
.service-box {
/*background-image: url(account-box-background.png);*/
background-repeat: repeat-x;
background-color: #fff;
padding: 30px 5px;
position: relative;
}
.service-box .btn-primary{
color: var(--maincolor);
padding: 10px 12px;
transition: all 0.3s ease-in-out 0s;
display: flex;
height: 60px;
align-items: center;
border-radius: 45px;
border: 1px solid var(--maincolor);
background: #FFF;
font-size: 14px;
font-weight: bold;
}
.service-box .btn-primary svg{
margin-inline-end: 10px;
}
.service-box .btn-primary svg path{
fill: var(--maincolor);
transition: all 0.3s ease-in-out 0s;
}
.service-box .btn-primary:hover, .service-box .btn-primary:active, .service-box .btn-primary:focus,
.service-box .btn-primary.active, .service-box .btn-primary.disabled, .service-box .btn-primary[disabled] {
background: var(--maincolor) !important;
color: #fff !important;
border-color: var(--maincolor) !important;
}
.service-box .btn-primary:hover svg path, .service-box .btn-primary:active svg path, .service-box .btn-primary:focus svg path,
.service-box .btn-primary.active svg path, .service-box .btn-primary.disabled svg path, .service-box .btn-primary[disabled] svg path{
fill: #fff;
}
.mp-back1 {
position: absolute;
top: 10px;
left: 10px;
color: #fff;
}
.mp-menu .red-wish, .mp-menu .red-com{
display: inline-block;
}
.vendor {
font-size: 18px;
font-weight: 500;
display: block;
text-align: center;
line-height: 1.8em;
}
.vendor img{
max-width: 150px;
margin: 0 auto;
}
.text-welcome{
display: flex;
width: 100%;
height: 60px;
justify-content: center;
align-items: center;
color: #1A1B2D;
border-radius: 8px;
border: 1px solid #F1F1F2;
background: #FFF;
}
.text-welcome span{
color: #535763;
}
.mp-level {
padding: 0 12px;
}
.mp-menu ul li > a {
display: block;
font-size: 14px;
font-weight: 100;
padding: 10px 20px 10px 20px;
color: #737373;
border-bottom: 1px solid var(--maincolor);
font-weight: 600;
letter-spacing: 0.2px;
font-style: normal;
}
.mp-menu ul li a.mp-back {
background-color: var(--maincolor);
}
.mp-menu ul li a i {
font-size: 30px;
margin: 0 5px;
vertical-align: text-bottom;
}
.mp-menu .fa-angle-left {
font-size: 20px;
margin: 6px 5px 0px;
display: inline-block;
color: #041e42;
}
html[dir=rtl] .mp-menu .fa-angle-left{
float: left;
/*transform: scale(-1);*/
}
html[dir=ltr] .mp-menu .fa-angle-left{
float: right;
transform: scale(-1);
}
.mp-menu #form-language .language-select{
text-align: unset;
}
.mp-menu ul li a.mp-back {
font-size: 15px;
padding: 8px 10px;
}
.mp-menu ul li strong {
padding: 5px 10px;
}
img:not([src]) {
visibility: hidden;
/*background:#eee url('/catalog/view/theme/default/image/loading.gif');*/
}
/* Fixes Firefox anomaly during image load */
@-moz-document url-prefix() {
img:-moz-loading {
visibility: hidden;
}
}
.loademe{
position: absolute;
z-index: 999999999999999999;
left: 0;
top: 0;
background: #ddd;
width: 100%;
height: 100%;
text-align: center;
}
.lds-ring {
display: inline-block;
position: absolute;
margin: 0 auto;
width: 80px;
height: 80px;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
}
.lds-ring div {
box-sizing: border-box;
display: block;
position: absolute;
width: 64px;
height: 64px;
margin: 8px;
border: 8px solid #6d6d6d;
border-radius: 50%;
animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
border-color: #6d6d6d transparent transparent transparent;
}
.lds-ring div:nth-child(1) {
animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
animation-delay: -0.15s;
}
@keyframes lds-ring {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
/**/
/**/
/**/
.no-padding{
padding: 0 !important;
}
#logo{
display: flex;
align-items: center;
justify-content: center;
}
#logo img{
max-width: 200px;
}
.top-head{
/*background-image: url("images_css/bg-top-bar.png");*/
/*background-size: cover;*/
/*background-position: center;*/
/*background-repeat: no-repeat;*/
background-color: #e7e7e7;
width: 100%;
/*background-color: #f8f8f8;*/
/*height: 40px;*/
/*padding: 5px 0;*/
}
.top-head-items .alert{
padding: 8px;
display: flex;
align-items: center;
flex: 1;
justify-content: center;
}
.top-head-items{
display: flex;
align-items: center;
}
.cart-content{
display: flex;
align-items: center;
}
.head-links{
display: flex;
align-items: center;
gap: 5%;
}
.head-links .head-list a {
color: var(--maincolor);
transition: all .2s ease-in-out;
}
.head-links .head-list a:hover{
color: var(--secondcolor);
}
.acc-dro i{
width: 45px;
height: 45px;
line-height: 45px;
text-align: center;
background: #fff;
border: 1px solid #cccccc;
border-radius: 50%;
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
align-items: center;
justify-content: center;
-webkit-box-align: center !important;
-ms-flex-align: center !important;
transition: all 0.2s ease-in;
-moz-transition: all 0.2s ease-in;
-webkit-transition: all 0.2s ease-in;
}
.acc-dro:hover i{
background: #513928;
border: 1px solid #513928;
color: #fff;
}
.account_title{
color: var(--maincolor);
}
.account_title:hover{
color: var(--secondcolor);
}
.a-menu .cart-cont-btn .btn-h-cart{
width: auto;
height: auto;
line-height: 45px;
text-align: center;
background: transparent;
border-radius: 50%;
box-shadow: none;
}
.desktop-search-wrapper{
padding: 8.5px 0;
}
.common-home .menu-items{
border-bottom: 1px solid transparent;
}
.menu-items{
border-top: 1px solid #cecece;
border-bottom: 1px solid #cecece;
}
.menu-items .cat-wrap{
padding: 5px 0;
}
html[dir=ltr] .menu-items .cat-wrap{
border-right: 1px solid #cecece;
}
html[dir=rtl] .menu-items .cat-wrap {
border-left: 1px solid #cecece;
}
html[dir=ltr] .content_center{
text-align: left;
}
html[dir=rtl] .content_center{
text-align: right;
}
ul.head-category-nav {
display: flex;
align-items: center;
justify-content: center;
}
.social-content{
display: flex;
align-items: center;
justify-content: flex-start;
}
.flex_footer {
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
align-items: center;
gap: 10px;
color: #fff;
}
/**/
#next-prev {
margin-bottom: 25px;
}
.sigma_single-pagination{
margin: 0 0 25px;
}
.sigma_single-pagination .page-title{
text-align: center;
color: #000;
}
.sigma_single-pagination-prev a,
.sigma_single-pagination-next a {
height: 50px;
line-height: 50px;
border-radius: 35px;
display: flex;
align-items: center;
justify-content: center;
background: transparent;
border: 1px solid #cccccc;
color: var(--maincolor) ;
transition: all .3s ease-in-out;
margin: 0 10px;
}
.sigma_single-pagination-prev a:hover,
.sigma_single-pagination-next a:hover {
background: var(--secondcolor);
}
.sigma_single-pagination i {
color: #777;
margin: 0 5px;
transition: all .3s ease-in-out;
}
html[dir=ltr] #next-prev .sigma_single-pagination .fa-arrow-left:before {
content: "\f060";
}
html[dir=rtl] #next-prev .sigma_single-pagination .fa-arrow-left:before {
content: "\f061";
}
html[dir=ltr] #next-prev .sigma_single-pagination .fa-arrow-right:before {
content: "\f061";
}
html[dir=rtl] #next-prev .sigma_single-pagination .fa-arrow-right:before {
content: "\f060";
}
.sigma_single-pagination-content{
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
padding: 2px 0px;
margin-inline-end: 7px;
}
.sigma_single-pagin ation-prev:hover i {
transform: translateX(-3px);
}
.sigma_single-pagination-next:hover i {
transform: translateX(3px);
}
.sigma_single-pagination a h6 {
margin: 0;
font-size: 14px;
color: var(--maincolor) ;
}
.sigma_single-pagination span {
color: var(--maincolor) ;
}
.sigma_single-pagination-prev:hover i,
.sigma_single-pagination-next:hover i,
.sigma_single-pagination-prev:hover span,
.sigma_single-pagination-next:hover span {
color: #fff;
}
.burger:before{
display: none;
}
/**/
/**/
#search-header.open {
background: rgba(255, 255 , 255 , 1);
}
#search-header {
position: fixed;
top: 0;
right: 0;
left: 0;
width: 100%;
height: 100%;
transition: all 0.3s ease-in-out;
transform: translate(0px, 0px) scale(0.7,0.7);
opacity: 0;
visibility: hidden;
z-index: 999999;
}
#search-header.open {
transform: translate(0px, 0px) scale(1,1);
opacity: 1;
visibility: visible;
}
#search-header .search-form {
background: rgba(0, 0, 0, 0);
position: absolute;
top: 50%;
width: 100%;
margin: 0 auto;
padding-left: 30px;
padding-right: 30px;
text-align: center;
}
#search-header input[type="search"] {
font-size: 44px;
color: #fff;
font-weight: 300;
border: 0;
outline: none;
width: 70%;
height: 90px;
line-height: normal;
border-bottom: 1px solid;
}
#search-header .search-submit {
z-index: 10;
border: none !important;
}
#search-header .search-submit,
.search-icon {
background: none;
border: none;
height: 70px;
width: 70px;
position: absolute;
top: 20px;
}
#search-total i{
width: 35px;
height: 35px;
line-height: 45px;
text-align: center;
background: #fff;
border: 1px solid #cccccc;
border-radius: 50%;
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
align-items: center;
justify-content: center;
-webkit-box-align: center !important;
-ms-flex-align: center !important;
transition: all 0.2s ease-in;
-moz-transition: all 0.2s ease-in;
-webkit-transition: all 0.2s ease-in;
}
#search-total:hover i{
background: var(--maincolor);
border: 1px solid var(--maincolor);
color: #fff;
}
.search-icon:before {
font-family: 'Font Awesome 5 Brands';
content: "\f00d";
display: inline-block;
width: 70px;
height: 70px;
font-size: 24px;
padding-top: 20px;
color: #fff;
}
#search-header .close i {
display: none;
}
#search-header .close:after {
content: " X ";
display: inline-block;
font-size: 16px;
color: var(--maincolor);
text-align: center;
line-height: 29px;
}
#search-header button.close {
border: 2px solid var(--maincolor);
height: 35px;
width: 35px;
border-radius: 50%;
position: absolute;
top: 12rem;
right: 8rem;
float: none;
}
#search-header input[type="search"] {
background: rgba(0, 0, 0, 0);
border-color: #5f5f5f;
}
#search-header input[type="search"],
#search-header .search-submit {
color: #fff;
}
#search-total{
display: none;
}
@media (max-width: 1100px) {
.head-links{
width: auto;
margin: 10px 0;
}
.slide-layers .s-title{
font-size: 25px;
}
.slide-layers .s-describe{
font-size: 16px;
}
.slide-layers .btn-more{
padding: 8px 20px;
}
#slideshow0 .slide-layers{
width: 50%;
}
.common-home .caro-products.main-products .product-layout {
width: calc(100% / 4 - 0.01px);
}
.column{
width: 35%;
}
html[dir=ltr] .newsletter h5{
font-size: 34px;
}
html[dir=rtl] .newsletter h5{
font-size: 26px;
}
.newsletter p{
padding: 0 20px 0 20px;
font-size: 16px;
}
}
@media (max-width: 1060px) {
#slideshow0 .s-title{
font-size: 34px;
}
#slideshow0 .s-describe{
font-size: 26px;
}
.all-cats > ul > .dropdown > .dropdown-menu.level2 {
width: 600px;
}
#menu .dropdown-inner > li{
width: calc(100% / 4 - 0.01px);
}
.info-block{
width: 100%;
margin-bottom: 10px;
}
.banner3{
margin: 0 -10px;
flex-wrap: wrap;
}
}
@media (max-width: 992px) {
header{
background: #fff;
}
.uabody{
margin-bottom: 61px;
}
[class^="product-product"].uabody{
margin-bottom: 114px;
}
[class^="product-product"].uabody .floating{
bottom: 115px;
}
[class^="product-product"].uabody .tel{
bottom: 115px;
}
[class^="product-product"]{
margin-bottom: 77px;
}
.uabody .buttons-wrapper{
bottom: 61px;
}
.uabody .buttons-wrapper2{
bottom: 61px;
}
.user_agent{
display: block;
}
.product-thumb:hover .btn-quick-view {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.product-thumb:hover .btn-quick-view{
opacity: 1;
}
.product-thumb .btn-quick-view{
top: 0px;
bottom: 0;
left: 0;
right: 0;
}
.common-home .side-column{
display: none !important;
}
.two-column{
width: 100%;
}
.common-home .main-products .product-layout{
width: calc(100% / 4 - 0.01px);
}
.common-home .caro-products.main-products .product-layout{
width: calc(100% / 4 - 0.01px);
}
html[dir=ltr] .newsletter h5{
font-size: 28px;
}
html[dir=rtl] .newsletter h5{
font-size: 20px;
}
.product-thumb .caption a{
font-size: 14px;
}
.slide-layers .s-title{
font-size: 25px;
}
.slide-layers .s-describe{
font-size: 16px;
}
.slide-layers .btn-more{
padding: 8px 20px;
}
#slideshow0 .slide-layers{
width: 50%;
}
#menu .dropdown-menu > .dropdown-inner{
overflow: hidden;
}
.buttons-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: unset;
bottom: 0;
z-index: 999;
width: 100%;
right: 0;
left: 0;
padding: 10px 15px 0;
background: #fff;
}
.buttons-wrapper2 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: fixed;
bottom: 0;
z-index: 999;
width: 100%;
right: 0;
left: 0;
padding: 10px 15px 0;
background: #fff;
}
.main-products.pages .product-grid {
width: calc(100% / 3 - 0.01px);
}
[for="input-quantity"]{
/*display: none;*/
}
html[dir=rtl] .breadcrumb::before{
left: 50%;
margin-left: -48vw;
}
html[dir=ltr] .breadcrumb::before{
right: 50%;
margin-right: -48vw;
}
.copy{
flex-wrap: wrap;
}
.copy > p{
text-align: center;
width: 100%;
order: 2;
display: inline-block;
flex: 1;
}
.copy .payment{
width: 100%;
order: 1;
}
.copy > ul{
order: 3;
width: 100%;
text-align: center;
margin: 0 0 10px;
}
.copy .payment .banner{
display: table;
margin: 0 auto 10px;
}
.tab-content{
padding: 0 0;
}
[class^="product-product"] .tab-content{
padding: 0 15px;
}
[class^="product-product"] .grid-row-bottom-1 {
padding: 0;
padding-top: 40px;
padding-bottom: 40px;
}
[class^="product-product"] .grid-row-bottom-1 > .container{
padding: 0;
}
}
@media (max-width: 768px){
.header-classic{
display: none;
}
.main-products.pages .product-grid {
width: calc(100% / 1 - 0.01px);
}
.mobile-search-wrapper {
max-width: 50%;
}
.mobile-search-wrapper #search{
margin: 0;
border-radius: 12px;
border: 0;
background: #F1EEEE;
}
#search .input-lg {
font-size: 10px;
border: 0;
box-shadow: none;
background: transparent;
}
.menu-items{
display: none;
}
#search-total{
display: block;
}
.price-cart{
display: none;
}
#cart > .btn{
padding: 0;
width: 40px;
border-radius: 7px;
}
html[dir=rtl] #cart > .btn{
float: left;
}
html[dir=ltr] #cart > .btn{
float: right;
}
.featured1_flex{
/*display: block;*/
flex-direction: column;
width: 90%;
margin: 0 auto;
}
.featured1_flex:before{
right: -90px;
background-position: left;
}
.featured1_flex .featured1-title{
position: relative;
border-radius: 0px 25px 25px 0px;
z-index: 1;
writing-mode: unset;
text-orientation: unset;
transform: unset;
font-size: 20px;
}
.featured1_wrap_title{
border-radius: 14px 14px 0px 0px;
padding: 15px 0;
}
.featured1_wrap_title:before {
position: absolute;
top: 14%;
width: 90%;
height: 80%;
border-radius: 12px;
}
.featured1 .product-thumb .button-group{
flex-direction: row;
}
.featured1 .product-thumb .button-group button{
height: 49px;
width: 49px;
}
.featured1 .product-thumb .caption{
padding: 0;
text-align: center;
margin-top: 15px;
}
.featured1 .product-thumb .price{
justify-content: center;
}
.featured1 .product-thumb .button-group button.pro_comp{
display: none;
margin-top: 20px;
}
.featured1 .product-thumb .caption h4{
margin: 0 0 15px;
}
.featured1 .product-thumb .caption h4 a{
font-size: 14px;
}
.featured1 .product-thumb .feat-category a{
font-size: 12px;
}
.product-cover{
padding: 10px 15px;
}
#related-products .swiper-pager{
display: none !important;
}
#same-products .swiper-pager{
display: none !important;
}
.info-block{
padding: 10px 8px;
border: 1px solid #f7f7f7;
margin: 5px;
}
.info-block .info-block-content:after{
display: none;
}
.top-footer-content .flex-row {
display: flex;
align-items: flex-start;
flex-direction: column;
}
.img-link{
padding: 10px;
}
.cats .swiper-pager{
display: none !important;
}
.cats .home-cats .cat-title{
font-size: 10px;
margin: 0;
}
.carousel .swiper-pager{
display: none !important;
}
.carousel{
padding: 0;
}
html[dir=rtl] .button-product-qty .buttons-wrapper{
justify-content: center;
padding: 0;
}
html[dir=ltr] .button-product-qty .buttons-wrapper{
justify-content: center;
padding: 0;
}
html[dir=rtl] .wishlist-compare{
text-align: center;
display: flex;
align-items: center;
justify-content: center;
}
html[dir=ltr] .wishlist-compare{
text-align: center;
display: flex;
align-items: center;
justify-content: center;
}
#product-product .cart-group-btn {
display: flex;
flex-wrap: wrap;
gap: 10px;
width: 100%;
}
.cart-group{
width: 100%;
}
.cart-group-items{
width: 100%;
}
.button-product-qty{
border: 0;
padding: 25px 0;
}
.sigma_single-pagination-prev, .sigma_single-pagination-next{
width: 45px;
height: 45px;
}
.sigma_single-pagination a h6{
display: none;
}
.slide-layers .btn-more{
width: 74px;
height: 27px;
font-size: 10px;
padding: 3px 10px;
box-shadow: none;
}
#cart-total .red{
left: 28px;
}
.content_center {
padding: 10px 10px 5px;
border-radius: 20px;
}
.content_image{
margin-bottom: 25px;
padding: 20px 10px 0;
border-radius: 20px;
}
.content_image .swiper-viewport .swiper-button-next {
right: -25px !important;
}
.content_image .swiper-viewport .swiper-button-prev {
left: -25px !important;
}
.carousel:hover .swiper-pager .swiper-button-next:before{
right: -6rem;
}
.carousel:hover .swiper-pager .swiper-button-prev:before{
left: -6rem;
}
.product-compare #content .table-bordered {
display: block;
overflow-x: auto;
}
.newsletter_wrap{
width: 100%;
flex-direction: column;
border-radius: 20px;
padding: 20px;
}
.column{
border-right: none !important;
border-bottom: 1px solid #cccccc;
width: 90%;
padding-bottom: 20px;
margin-bottom: 20px;
}
html[dir=ltr] .newsletter h5{
font-size: 25px;
}
html[dir=rtl] .newsletter h5{
font-size: 15px;
}
footer{
padding-top: 0 !important;
}
footer h5.titcolpa{
font-size: 16px;
}
.footer-list a{
font-size: 12px;
}
.copy {
flex-wrap: wrap;
justify-content: center;
gap: 15px;
}
footer h5 .fa {
display: block;
position: absolute;
left: 15px;
top: 10px;
}
.top-footer {
padding: 20px 0 20px;
}
.product-thumb .price{
font-size: 14px;
}
.product-thumb .price-old{
font-size: 14px;
}
#cart > .btn #cart-total::before {
width: 30px;
height: 30px;
}
.mobile-cart-wrapper{
flex-basis: 15%;
}
.category-tab .nav-tabs > li > a{
font-size: 11px;
padding: 5px 10px 0;
}
.category-tab .nav-tabs{
background-size: unset;
}
#slideshow0 .s-title{
font-size: 12.5px;
line-height: 15px;
}
.featured1_flex:after{
right: 0;
}
.mybanner .col-xs-12{
border-radius: 20px;
}
.widget-content{
flex-direction: column;
margin: 0;
gap: 10px;
}
#slideshow0 .s-describe{
margin: 10px 0 5px;
font-size: 11px;
}
.slideshow .swiper-pagination{
display: none;
}
[class^="product-product"] #content .xzoom {
width: 100% !important;
margin-bottom: 20px;
}
.mobile-wrapper-header>span {
padding: 0 2px;
}
html[dir=rtl] .breadcrumb::before{
left: 50%;
margin-left: -47vw;
}
html[dir=ltr] .breadcrumb::before{
right: 50%;
margin-right: -47vw;
}
.common-home .main-products .product-layout{
width: calc(100% / 2 - 0.01px);
}
.common-home .caro-products.main-products .product-layout{
width: calc(100% / 2 - 0.01px);
}
.product-thumb .image > a:before{
}
.btn-quick-view svg {
transform: scale(0.6);
}
.product-thumb .btn-quick-view svg path{
/*fill: var(--maincolor);*/
}
.product-thumb .btn-quick-view{
transform: scale(0);
opacity: 0;
}
.product-thumb .button-group{
transform: none;
left: 0;
bottom: 0;
position: relative;
opacity: 1
}
.product-thumb:hover .button-group{
transform: none;
left: 0;
position: relative;
opacity: 1
}
.product-thumb .button-group button {
width: 35px;
height: 35px;
line-height: 35px;
font-size: 14px;
margin-bottom: 0;
}
.product-thumb .caption, .product-thumb:hover .caption{
transform: none;
opacity: 1
}
.product-thumb .button-group button:first-child{
display: none;
}
.product-thumb .button-group button.disabled{
display: block;
}
.product-thumb .button-group button svg{
transform: scale(.8);
}
.product-thumb .button-group .cart-ev{
width: 94px;
margin: 0;
border-radius: 45px;
padding: 0 5px;
}
html[dir=rtl] .product-thumb .button-group .cart-ev:after{
content: "اضف للسلة";
display: inline-block;
width: 60px;
height: 35px;
font-size: 12px;
}
html[dir=ltr] .product-thumb .button-group .cart-ev:after{
content: "Add to Cart";
display: inline-block;
width: 60px;
height: 35px;
font-size: 12px;
}
.newsletter p{
font-size: 12px;
line-height: 1.8;
width: 100% !important;
margin-bottom: 20px;
text-align: center !important;
}
.seller-info, .newsletter .enquire{
width: 95%;
}
.mobile-logo-wrapper img{
max-width: 80px;
max-height: 60px;
padding: 0;
}
.top-head{
/*height: 65px;*/
}
.top-head-items{
flex-direction: column;
}
.header-classic{
flex-direction: column;
}
.head-links{
justify-content: space-evenly;
display: none;
}
.header-classic .a-menu{
justify-content: space-evenly;
}
.cats{
padding: 30px 0px;
}
.m-title {
font-size: 12px;
line-height: 15.144px;
margin-bottom: 15px;
padding: 3px 0 9px;
margin-bottom: 10px;
margin-top: 10px;
}
.m-title:before {
display: inline-block;
content: "";
width: 2.09px;
height: 15.667px;
margin-inline-end: 4px;
}
.product-thumb .image{
margin: 0px;
border-radius: 20px;
}
.product-thumb .ribbon span {
font-size: 8px;
height: 26px;
width: 58px;
border-radius: 6px;
}
.image .ribbon {
top: 11px;
}
.product-thumb .promo {
font-size: 8px;
padding: 7px 10px;
}
.ribbon ~ .promo {
top: 38px;
}
.common-home .main-products .product-layout{
padding: 0 7px;
margin: 0 0 15px;
}
.main-products.pages .product-grid{
padding: 0 7px;
margin: 0 0 15px;
}
.product-thumb h4 {
font-weight: bold;
margin: 8px 0 7px;
}
.featured1 .product-thumb .button-group button svg,
.featured1 .product-thumb .button-group button span{
vertical-align: middle;
}
.featured1 .product-thumb .button-group button:first-child{
display: block;
width: 73%;
}
.featured1 .product-thumb .button-group .cart-ev:after{
display: none !important;
}
.product-thumb .caption a {
font-size: 11px;
}
.product-thumb .price{
font-size: 14.165px;
}
.product-thumb .price-new{
font-size: 14.165px;
}
.product-thumb .price-old{
font-size: 10px;
}
.currency-symbol{
font-size: 10px;
}
.product-thumb .button-group {
text-align: center;
margin: 10px 0 5px;
display: flex;
justify-content: center;
align-items: center;
}
.refine-item {
border-radius: 15px;
padding: 0px;
border: 2px solid rgba(var(--maincolor-rgb), var(--maincolor-opacity-2));
}
#refine-categories .swiper-pager{
display: none !important;
}
.refine-item-title{
font-weight: bold;
font-size: 10.5px;
}
#product-product .cart-group-con{
margin-bottom: 10px;
}
.cart-group-con .add_group{
height: 35px;
width: 57px;
}
html[dir=rtl] .add_group input{
height: 35px;
width: 50px;
}
html[dir=ltr] .add_group input{
height: 35px;
}
.cart-group .wishlist-compare #button-cart, .cart-group .wishlist-compare #button-cart2,
.cart-group .wishlist-compare #button-checkout, .cart-group .wishlist-compare #button-checkout2{
font-size: 14px;
width: 100%;
}
.wishlist-compare .btn{
padding: 7px 12px;
}
.wishlist-compare{
flex-wrap: wrap;
}
html[dir=ltr] .column{
border-right: 1px solid transparent;
}
html[dir=rtl] .column{
border-left: 1px solid transparent;
}
/*#search .input-lg{
height: 50px;
}*/
.all-cats > ul > li.dropdown > a:after{
display: none;
}
/*#search .btn-lg .fa{
width: 60px;
height: 40px;
line-height: 40px;
text-align: center;
color: #fff;
border-radius: 5px;
background: var(--maincolor) ;
}*/
.c_rights{
font-size: 12px;
}
.flex_footer{
font-size: 10px;
}
.app_social{
flex-direction: column;
gap: 20px;
}
.content_image .ribbon {
left: 10px;
top: 25px;
}
.tags a, .content_center .promo, .promo{
font-size: 10px;
}
.countdown-container.visible-xs{
display: flex !important;
border-radius: 16px;
padding: 7px 20px;
margin: 0 auto 5px;
}
.countdown-container .topcoumd p{
font-size: 12px;
}
.countdown-container .countdown div{
font-size: 10px;
gap: 0px;
}
.countdown-container span{
font-size: 14px;
}
.countdown-container .countdown{
gap: 6px;
}
.page-title{
font-size: 15px;
font-weight: bold;
}
html[dir=rtl] #product-product .rating a {
margin-left: 0;
}
.content_center h2{
font-size: 20px;
}
.content_center h2 span.special_cur{
font-size: 12px;
}
.main-options > h3{
font-size: 13.833px;
font-weight: 700;
}
.main-options label.control-label{
font-size: 13.833px;
font-weight: 700;
}
#product .radio .opt-title, #product .checkbox .opt-title{
font-size: 11px;
padding: 4px 30px;
border-radius: 45px;
}
.main-options .input-quantity-wrap > label {
font-size: 14px;
}
.add_group {
width: 140px;
padding: 0px 5px;
}
.add_group span button{
height: 30px;
}
.sold-text, .stock-text{
font-size: 10px;
}
.qun-div label, .qun-div{
font-size: 14px;
}
.visitor_sec{
font-size: 10px;
}
.buttons-wrapper{
padding: 10px 0 0;
}
.two_blocks{
width: 100%;
margin: 10px auto 10px;
flex-direction: column;
}
#product-product .cart-group{
gap: 10px;
}
.refundable_pro_sec, .deliverytime_sec{
font-size: 10px;
}
.nav-tabs > li > a{
font-size: 12px;
}
.pro_tabs{
padding: 0 10px 30px;
}
.select-group .input-group:nth-child(2){
width: 45%;
}
#form-review h2 {
font-size: 14px;
padding: 0 3px 0px;
}
#tab-review .col-sm-6{
padding: 0;
}
.rating-distribution .progress{
margin-inline-start: 0;
}
.main_quan_buttons{
flex-direction: column;
gap: 0;
}
.input-quantity-wrap{
padding: 0;
border: 0;
width: 100%;
margin: 0;
}
.main_quan_buttons{
padding: 10px 15px;
}
.main_quan_buttons .buttons-wrapper {
width: 100%;
}
.wishlist-compare{
margin: 0;
}
#product-product .cart-group{
margin: 0;
}
#info-accordion .panel-default{
border-radius: 18px;
}
}
@media (max-width: 370px){
.common-home .main-products .product-layout{
width: calc(100% / 2 - 0.01px);
}
.common-home .caro-products.main-products .product-layout{
width: calc(100% / 2 - 0.01px);
}
.common-home .caro-products.main-products .product-layout {
width: calc(100% / 2 - 0.01px);
}
.call .call-icon .fas {
font-size: 28px;
}
.widget-content{
flex-direction: column;
}
.call .call-icon{
margin-inline-end: 10px;
}
.newsletter p{
padding: 0 10px !important;
}
#search-header button.close{
top: 13rem;
right: 3rem;
}
#slideshow0 .s-title {
font-size: 12px;
}
#slideshow0 .s-describe {
font-size: 11px;
}
.mob .mobile-logo-wrapper{
}
.slide-layers .btn-more{
display: none;
}
}
/*التعديلات الاضافيه */
.button-group .disabled{
width: 160px !important;
border-radius: 10px !important;
}
#pqv_product .pqv-qty-block{
display: table !important;
}
#pqv_product .cart-group{
display: inline-block;
}
#pqv_product #pqv-button-cart {
padding: 14px 17px;
}
.quan #number{
text-align: center;
}
@media (max-width: 768px){
.a-menu .quick-login, .a-menu .quick-cart{
flex: none;
}
.header-classic .a-menu{
margin-top: 10px;
}
#product-product .breadcrumb{
display: none;
}
#pqv_product .pqv-qty-block{
margin: 0 0 50px;
}
.button-group .disabled{
width: 120px !important;
border-radius: 10px !important;
}
#next-prev + hr{
display: none;
}
#next-prev {
margin-bottom: 0;
}
.sigma_single-pagination {
margin: 0 0 10px;
}
.page-title {
font-size: 15px;
font-weight: bold;
}
}
@media (max-width: 500px) {
#slideshow0 .slide-layers{
padding: 0 ;
}
.slideshow .swiper-pager .swiper-button-next,
.slideshow .swiper-pager .swiper-button-prev{
width: 35px;
height: 35px;
}
.slideshow .swiper-pager .swiper-button-next:before,
.slideshow .swiper-pager .swiper-button-prev:before{
font-size: 18px;
}
.slideshow:hover .swiper-pager .swiper-button-next:before{
right: -2rem;
}
.slideshow:hover .swiper-pager .swiper-button-prev:before{
left: -2rem;
}
.common-home .caro-products.main-products .product-layout,
.common-home .main-products .product-layout{
padding: 0 5px;
}
/*#search .btn-lg .fa{
width: 50px;
height: 35px;
font-size: 16px;
line-height: 35px;
}*/
.slideshow.swiper-viewport{
margin: 0 !important;
}
.main-products.pages .product-grid {
width: calc(100% / 2 - 0.01px);
}
.grid-list{
display: none;
}
html[dir=ltr] .newsletter #input-email{
margin-left: 0;
width: 115%;
}
html[dir=rtl] .newsletter #input-email{
margin-right: 0px;
width: 115%;
}
}
@-webkit-keyframes hvr-wobble-horizontal {
16.65% {
-webkit-transform: translateX(8px);
transform: translateX(8px);
}
33.3% {
-webkit-transform: translateX(-6px);
transform: translateX(-6px);
}
49.95% {
-webkit-transform: translateX(4px);
transform: translateX(4px);
}
66.6% {
-webkit-transform: translateX(-2px);
transform: translateX(-2px);
}
83.25% {
-webkit-transform: translateX(1px);
transform: translateX(1px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes hvr-wobble-horizontal {
16.65% {
-webkit-transform: translateX(8px);
transform: translateX(8px);
}
33.3% {
-webkit-transform: translateX(-6px);
transform: translateX(-6px);
}
49.95% {
-webkit-transform: translateX(4px);
transform: translateX(4px);
}
66.6% {
-webkit-transform: translateX(-2px);
transform: translateX(-2px);
}
83.25% {
-webkit-transform: translateX(1px);
transform: translateX(1px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
.hvr-wobble-horizontal {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-wobble-horizontal, .hvr-wobble-horizontal, .hvr-wobble-horizontal {
-webkit-animation-name: hvr-wobble-horizontal;
animation-name: hvr-wobble-horizontal;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: infinti;
animation-iteration-count: infinti;
}
.ovh{
overflow-y:hidden !important;
}
.mp-pushed .mp-menu {
height: 100vh;
overflow: auto;
}
.check_success_title{
display: flex;
align-items: center;
justify-content: space-between;
}
.col1{
width: 50%;
display: flex;
align-items: center;
justify-content: flex-start;
gap: 15px;
}
.col2{
width: 50%;
display: flex;
justify-content: end;
}
.col2 h4{
color: #000;
}
.col2 h4 a{
color: #000;
font-size: 18px;
font-weight: bold;
}
.table-1, .table-2{
border-collapse: separate;
border-spacing: 0 10px;
border-radius: 30px;
border: 1.371px solid #D9D9D9;
padding: 0 20px;
}
.table-1 > thead > tr > th,
.table-1 > thead > tr > td,
.table-2 > thead > tr > th,
.table-2 > thead > tr > td{
border: 0;
padding: 20px;
}
.table-1 > tbody > tr > td,
.table-2 > tbody > tr > td{
border: 0;
border-top: 1px solid #D9D9D9;
padding: 20px;
}
.table-1 thead b{
font-size: 18px;
}
.table-2 thead b{
font-size: 14px;
}
.table-1 tbody td,
.table-2 tbody td{
line-height: 1.8em !important;
font-size: 14px;
}
.table-1 b,
.table-2 b{
color: #1E1E1E;
}
.table-2 > tfoot > tr > td{
border: 0;
}
.table-2 > tbody > tr > td:last-child{
color: var(--maincolor);
}
.table-2 > tfoot > tr:last-child td{
color: var(--maincolor);
font-weight: bold;
}
.checkout-success #content{
display: table;
background: #fff;
}
@media (max-width: 767px) {
.table-1 > tbody > tr > td{
display: inline-block;
width: 100% !important;
padding: 0;
}
.table-1 > thead > tr > td:last-child{
display: none;
}
.checkout-success #content .btn-primary{
padding: 13px 13px;
border: 0;
transition: all 0.4s ease-in-out 0s;
font-size: 13px;
height: 35px;
border-radius: 45px;
margin: 24px 0 0;
}
.checkout-success #content h1{
font-size: 16px;
}
.check_success_title {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
.col1, .col2{
width: 100%;
justify-content: center;
}
.table-1 thead b {
font-size: 16px;
}
.checkout-success #content{
width: 100%;
display: block;
}
}
.checkout-success #content h1{
font-size: 24px;
font-weight: bold;
color: #404553;
margin-top: 0px;
}
.checkout-success #content .btn-primary {
color: #ffffff;
background: var(--maincolor);
padding: 16px 25px;
border: 0;
transition: all 0.4s ease-in-out 0s;
font-size: 16px;
height: 50px;
border-radius: 45px;
margin: 35px 0 0;
display: table;
float: left;
}
.main-container {
display: flex;
flex-flow: column;
justify-content: center;
align-items: center;
}
.check-container {
width: 6.25rem;
height: 7.5rem;
display: flex;
flex-flow: column;
align-items: center;
justify-content: space-between;
}
.check-container .check-background {
width: 100%;
height: calc(100% - 1.25rem);
background: linear-gradient(to bottom right, #5de593, #41d67c);
box-shadow: 0px 0px 0px 65px rgba(255, 255, 255, 0.25) inset, 0px 0px 0px 65px rgba(255, 255, 255, 0.25) inset;
transform: scale(0.84);
border-radius: 50%;
animation: animateContainer 0.75s ease-out forwards 0.75s;
display: flex;
align-items: center;
justify-content: center;
opacity: 0;
}
.check-container .check-background svg {
width: 65%;
transform: translateY(0.25rem);
stroke-dasharray: 80;
stroke-dashoffset: 80;
animation: animateCheck 0.35s forwards 1.25s ease-out;
}
.check-container .check-shadow {
bottom: calc(-15% - 5px);
left: 0;
border-radius: 50%;
background: radial-gradient(closest-side, rgba(73, 218, 131, 1), transparent);
animation: animateShadow 0.75s ease-out forwards 0.75s;
}
@keyframes animateContainer {
0% {
opacity: 0;
transform: scale(0);
box-shadow: 0px 0px 0px 65px rgba(255, 255, 255, 0.25) inset, 0px 0px 0px 65px rgba(255, 255, 255, 0.25) inset;
}
25% {
opacity: 1;
transform: scale(0.9);
box-shadow: 0px 0px 0px 65px rgba(255, 255, 255, 0.25) inset, 0px 0px 0px 65px rgba(255, 255, 255, 0.25) inset;
}
43.75% {
transform: scale(1.15);
box-shadow: 0px 0px 0px 43.334px rgba(255, 255, 255, 0.25) inset, 0px 0px 0px 65px rgba(255, 255, 255, 0.25) inset;
}
62.5% {
transform: scale(1);
box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0.25) inset, 0px 0px 0px 21.667px rgba(255, 255, 255, 0.25) inset;
}
81.25% {
box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0.25) inset, 0px 0px 0px 0px rgba(255, 255, 255, 0.25) inset;
}
100% {
opacity: 1;
box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0.25) inset, 0px 0px 0px 0px rgba(255, 255, 255, 0.25) inset;
}
}
@keyframes animateCheck {
from {
stroke-dashoffset: 80;
}
to {
stroke-dashoffset: 0;
}
}
@keyframes animateShadow {
0% {
opacity: 0;
width: 100%;
height: 15%;
}
25% {
opacity: 0.25;
}
43.75% {
width: 40%;
height: 7%;
opacity: 0.35;
}
100% {
width: 85%;
height: 15%;
opacity: 0.25;
}
}