.mini-cart-header {
float: left;
position: relative;
padding: 0px 4px;
margin-top: 10px;
margin-right: 10px;
}
.mini-cart-header .cart-contents {
float: left;
padding: 9px 22px;
height: 40px;
color: #fff;
background-color: var(--second-color);
border-radius: 4px 0 0 4px
}
.mini-cart-header .cart-contents .woocommerce-Price-amount {
color: #fff
}
.minicart-number {
font-family: arial;
margin: -1px 12px 0 0;
display: block
}
.mini-cart-header .cart-contents:after {
padding-right: 20px;
padding-left: 0;
float: left
}
.mini-cart-header .top-form-minicart {
position: relative;
cursor: pointer
}
.mini-cart-header .top-form-minicart:before {
content: "";
width: 100%;
height: 20px;
position: absolute;
bottom: -15px
}
.mini-cart-header .top-form-minicart .top-minicart-icon {
font-size: 25px;
}
.mini-cart-header .top-minicart-icon .minicart-number {
border-radius: 6px;
background-color: var(--main-color);
color: #fff;
font-size: 11px;
font-weight: 600;
position: absolute;
bottom: 13px;
right: -22px;
text-align: center;
min-width: 21px;
height: 21px;
line-height: 20px;
}
.mini-cart-header .top-form-minicart .wrapp-minicart {
min-width: 400px;
width: 100%;
box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
background-color: var(--element-background-color);
position: absolute;
left: -10%;
visibility: hidden;
opacity: 0;
transition: all .2s;
z-index: 543;
max-height: 370px;
padding: 20px 10px 10px;
border-radius: 14px;
transform-origin: top left;
top: 120%;
transform: scale(0);
transition-delay: 0.1s;
}
.mini-cart-header .wrapp-minicart .minicart-content {
margin: 0;
list-style: none;
max-height: 260px;
overflow-y: auto;
padding-left: 10px;
scrollbar-color: #ccc #f2f2f2;
scrollbar-width: thin;
}
.mini-cart-header .empty-cart {
display: block;
padding: 15px 50px;
text-align: center;
}
.mini-cart-header .minicart-content .empty-cart img {
max-width: 170px;
margin: 0 auto;
}
.mini-cart-header .minicart-content .empty-cart p {
font-size: 14px;
}
.mini-cart-header .minicart-content .empty-cart a {
background-color: var(--second-color);
padding: 6px 10px;
border-radius: 30px;
color: #fff;
display: block;
margin: 20px 0 0 0;
}
.mini-cart-header .minicart-content li {
display: inline-block;
padding-bottom: 11px;
border-bottom: 1px solid #eee;
margin-bottom: 11px;
position: relative;
width: 100%
}
.mini-cart-header .minicart-content li a {
float: right;
font-weight: 400;
margin-bottom: 10px;
}
.mini-cart-header .minicart-content li a.btn-remove {
color: var(--main-color);
font-size: 18px;
}
.mini-cart-header .minicart-content li a img {
width: 90px;
height: 90px;
border-left: 1px solid #ddd;
border-radius: 3px;
margin-left: 15px;
padding: 10px
}
.mini-cart-header .minicart-content li .detail-item {
overflow: hidden;
position: relative
}
.mini-cart-header .minicart-content li .detail-item .product-price {
display: block
}
.mini-cart-header .minicart-content li .detail-item .product-price .price {
display: inline-block;
padding-right: 15px;
font-size: 18px
}
.mini-cart-header .minicart-content li .detail-item .product-price .qty {
display: inline-block;
font-family: tahoma;
margin-left: 7px
}
.mini-cart-header .minicart-content li .product-action {
position: absolute;
right: 0;
top: 0;
}
.mini-cart-header .minicart-content li .detail-item .product-action a {
vertical-align: sub;
color: #fff;
padding: 4px 10px
}
.mini-cart-header .wrapp-minicart .cart-checkout .price-total .label-price-total {
font-size: 14px;
color: var(--text-color);
font-weight: 700
}
.mini-cart-header .wrapp-minicart .cart-checkout .price-total {
text-align: center
}
.mini-cart-header .wrapp-minicart .cart-checkout .price-total .price-total-w {
font-size: 16px;
font-weight: 700
}
.mini-cart-header .cart-links .cart-link,
.mini-cart-header .cart-links .checkout-link {
display: inline-block;
width: 50%;
float: left;
text-align: center
}
.mini-cart-header .cart-links .cart-link a,
.mini-cart-header .cart-links .checkout-link a {
display: inline-block;
color: var(--text-color);
font-size: 11px;
width: 100%;
font-weight: 500;
-webkit-transition: all .3s;
-moz-transition: all .3s;
-o-transition: all .3s;
-ms-transition: all .3s;
transition: all .3s;
margin-top: 12px;
padding: 4px;
border-radius: 30px;
margin-bottom: 8px
}
.mini-cart-header .cart-links .cart-link a:hover,
.mini-cart-header .cart-links .checkout-link a:hover {
background-color: var(--second-color);
color: #fff;
font-weight: bold;
}
.header-style1 .yt-header-under .mini-cart-header {
opacity: 0;
visibility: hidden;
width: 0;
transition-duration: 0.3s;
transition-delay: 0s;
margin-right: 0;
padding: 0 !important;
border: none !important;
}
.newheader .yt-header-under-2.sticky-menu .mini-cart-header {
opacity: 1;
visibility: visible;
margin-right: 24px;
width: 55px;
transition-delay: 0.4s;
margin-top: 7px;
}
.header-style1 .yt-header-under .mini-cart-header .cart-contents {
display: none
}
.header-style1 .yt-header-under .mini-cart-header .top-minicart-icon {
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-o-border-radius: 6px;
-ms-border-radius: 6px;
border-radius: 6px
}
.mini-cart-header .top-form-minicart:hover .wrapp-minicart {
visibility: visible;
opacity: 1;
transform: scale(1);
}
.header-style1 .yt-header-middle .yt-searchbox .search-pro .mini-cart-header .cart-contents:after {
color: #fff
}
.newheader .mini-cart-header .cart-contents .woocommerce-Price-amount {
color: #6e6e6e
}
.newheader .sticky-menu .mini-cart-header .top-form-minicart {
padding: 0 8px;
height: 43px
}
.header-style3.newheader .sticky-menu .mini-cart-header {
visibility: visible !important;
}  .mini-my-account {
float: left;
position: relative;
padding: 0 4px;
margin-top: 10px;
}
.mini-my-account > a {
font-size: 25px;
color: var(--text-color);
}
.mini-my-account .mini-account-box {
position: absolute;
width: 220px;
background-color: var(--element-background-color);
z-index: 99;
padding: 15px 20px;
box-shadow: 0 0 15px rgba(0, 0, 0, 0.16);
border-radius: 14px;
left: 0px;
transform: scale(0);
transition-duration: 0.2s;
transform-origin: top left;
opacity: 0;
transition-delay: 0.1s;
}
.mini-my-account:hover .mini-account-box {
transform: scale(1);
opacity: 1;
}
.mini-my-account .mini-account-box > ul {
list-style: none;
}
.mini-my-account .mini-account-box > ul > li {
margin-bottom: 10px;
}
.mini-my-account .mini-account-box > ul > li.logout i {
font-size: 18px;
vertical-align: middle;
margin: 0 0 0px 10px;
}  .header-style1 .sm-searbox-content {
float: left;
position: relative;
margin-top: 10px;
}
.header-style1 .sm-searbox-content i {
font-size: 25px;
color: var(--text-color);
width: 30px;
text-align: center;
cursor: pointer;
}
.header-style1 .sm-searbox-content.close-search i.fal::before {
content: "\f00d";
color: var(--main-color);
}
.header-style1 .sm-searbox-content.close-search .top-form.top-search {
opacity: 1;
visibility: visible;
}
.sm-searbox-content .topsearch-entry {
padding: 5px 0
}
.sm-searbox-content .topsearch-entry form {
border: 1px solid #eee;
box-shadow: 0 0 10px 0 rgba(51, 51, 51, .09);
border-radius: 30px;
background-color: #fff;
position: relative
}
.sm-searbox-content .topsearch-entry .button-search-pro {
position: absolute;
top: 6px;
left: 5px;
background: 0 0;
font-size: 17px;
border: 0;
color: #6e6e6e;
height: 31px;
width: 31px;
border-radius: 20px
}
.sm-searbox-content .topsearch-entry .button-search-pro:hover:before {
color: var(--main-color)
}
.header-style1 .top-form.top-search::before {
content: '';
position: absolute;
width: 175px;
height: 50px;
right: -155px;
background: rgb(255,255,255);
background: -moz-linear-gradient(95deg, var(--element-background-color) 30%, rgba(255,255,255,0) 100%);
background: -webkit-linear-gradient(95deg, var(--element-background-color) 30%, rgba(255,255,255,0) 100%);
background: linear-gradient(95deg, var(--element-background-color) 30%, rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
}
.header-style1 .top-form.top-search input:focus + span {
display: none;
}
.yt-header-middle .yt-searchbox .search-pro .phone-icon-search {
display: none
}
.yt-header-middle .yt-searchbox .search-pro .sm-searbox-content .topsearch-entry input {
width: 68%;
height: 44px;
margin: 0;
padding-left: 30px;
background-color: #fff;
color: var(--text-color);
border: 0;
font-size: 10px
}
.header-style1 .yt-header-middle .yt-searchbox {
margin: 24px 0
}
.header-style1 .yt-header-middle .yt-searchbox .search-pro .phone-icon-search {
display: none
}
.header-style1 .yt-header-middle .yt-searchbox .search-pro .sm-searbox-content {
max-width: 605px;
width: 100%;
margin-right: 30px;
float: right
}
.header-style1 .yt-header-middle .yt-searchbox .search-pro .sm-searbox-content a img {
margin: 0 auto
}
.header-style1.newheader .yt-header-middle .yt-searchbox {
margin: 0;
padding-left: 0;
}
.header-style1.newheader .yt-header-middle .yt-searchbox .search-pro .sm-searbox-content {
max-width: 550px
}
.header-style1.newheader .sm-searbox-content .topsearch-entry form {
border: 0;
box-shadow: none;
border-radius: 5px;
background-color: #f7f7f7
}
.header-style1.newheader .yt-searchbox .search-pro .sm-searbox-content input {
background-color: #f7f7f7
}
.header-style1.newheader .top-form.top-search::before {
content: unset;
}
.yt-header-middle .yt-searchbox .search-pro .sm-searbox-content a img {
width: 75px;
display: inline-block;
margin-left: 25px;
}
.header-style3 .ajax-search input {
width: 100%;
height: 44px;
border-radius: 25px;
position: relative;
padding-right: 20px;
margin-top: 6px;
background-color: var(--element-background-color);
color: var(--text-color);
}
.header-style3.newheader .sm-searbox-content .topsearch-entry form {
border: 0;
box-shadow: none;
border-radius: 5px;
}
.header-style3 .ajax-search {
position: relative;
}
.header-style3 .ajax-search .button-search-pro {
position: absolute;
top: 6px;
left: 0;
bottom: 0;
background-color: transparent;
border: 0;
padding: 0 25px;
border-right: 1px solid var(--border-color);
border-radius: 25px;
color: var(--text-color);
}  .header-style1 {
background: var(--background-color);
min-width: 1009px;
width: 100%;
min-height: 115px;
margin-bottom: 15px;
border-bottom: 1px solid var(--z-gray-dark);
}
.header-style1 .div-logined a:hover {
text-decoration: underline
}
.header-default {
margin-bottom: 40px
}
.header-style3 {
margin-bottom: 10px;
}
.page-template-page-home .header-default {
margin-bottom: 0
}
.yt-header-top {
height: 39px;
background-color: var(--background-color);
}
.header-style1.newheader .yt-header-middle {
background: var(--background-color);
padding-top: 0px;
}
.header-style1.newheader .row {
display: flex;
align-items: center;
}
.header-style1.newheader .yt-header-middle .logo-wrapper .logo {
border-radius: 0;
padding: 0;
box-shadow: none
}
.newheader .yt-header-under-2 {
transition-duration: 0.3s;
border-top: 1px solid var(--border-color);
border-bottom: 1px solid var(--border-color);
}
.newheader .yt-header-under-2 .yt-searchbox-vermenu .vertical-mega .ver-megamenu-header .mega-left-title {
padding: 8px 20px;
background-color: var(--main-color);
display: inline-block;
color: #fff;
border-radius: 6px;
}
.mega-left-title > svg {
vertical-align: middle;
margin-left: 8px;
}
.newheader .vertical-megamenu {
width: 120%;
}
.newheader .das.container {
padding-bottom: 8px;
padding-top: 5px;
}
.header-style1.newheader .yt-header-middle .yt-header-under-2 .primary-menu {
max-width: 100%;
float: right;
margin-right: -20px
}
.yt-header-middle {
padding-top: 13px
}
.header-style3.newheader .yt-header-middle {
padding-top: 0px;
background-color: var(--element-background-color)
}
.header-style1 .logo img {
max-height: 54px;
width: auto;
}
.header-style1 .top-form.top-search {
position: absolute;
left: 130%;
width: 650px;
top: -6px;
height: 50px;
opacity: 0;
visibility: hidden;
transition-duration: 0.3s;
}
.header-style1.newheader .top-form.top-search {
position: relative;
left: auto;
opacity: 1;
visibility: visible;
display: block;
margin-right: -30px;
height: 45px;
top: 4px;
}
.header-style1.newheader .mini-my-account ,
.style4.newheader .mini-my-account {
margin-top: 6px;
margin-left: 12px;
border: 1px solid var(--z-gray-dark);
border-radius: 10px;
}
.header-style1.newheader .top-login {
margin-top: 0;
}
.header-style1.newheader .mini-my-account .fal ,
.style4.newheader .mini-my-account .fal {
font-size: 19px;
display: inline-block;
vertical-align: middle;
margin-left: 10px;
}
.header-style1.newheader .top-login .mini-log {
display: inline-block;
vertical-align: middle;
font-size: 12px;
line-height: 20px;
font-weight: bold;
}
.header-wishlist {
margin-top: 12px;
margin-left: 12px;
}
.header-wishlist i {
font-size: 22px;
}
.mini-my-account .mini-log {
padding: 8px 10px;
}
.header-style1.newheader .mini-my-account .div-logined .fal ,
.style4.newheader .mini-my-account .div-logined .fal {
margin: 0 5px 0 0;
font-size: 13px;
}
.header-style1.newheader .top-login .mini-log > a{
padding: 6px 12px;
display: inline-block;
}
.header-style1.newheader .top-form.top-search #s {
font-size: 13px;
background-color: rgba(100, 100, 100, 0.1);
border: 0;
border-radius: 10px;
}
.header-style1.newheader .top-form.top-search .button-search-pro {
font-size: 18px;
}
.header-style1 .top-form.top-search #s::-webkit-input-placeholder {
color: #6e6e6e
}
.header-style1 .top-form.top-search #s::-moz-placeholder {
color: #6e6e6e
}
.header-style1 .top-form.top-search #s:-ms-input-placeholder {
color: #6e6e6e
}
.header-style1 .top-form.top-search #s {
width: 100%;
position: absolute;
height: 100%;
margin: 0;
text-indent: 30px;
font-size: 16px;
border-radius: 55px;
border-color: var(--border-color);
background-color: var(--background-color);
color: var(--text-color);
}
.header-style1 .top-form.top-search > span {
position: absolute;
width: 2px;
height: 60%;
background-color: gray;
right: 25px;
top: 17%;
animation-name: blink;
animation-duration: 1000ms;
animation-iteration-count: infinite;
opacity: 1;
border-radius: 10px;
}
.header-style1 .top-form.top-search > i {
position: absolute;
left: 16px;
font-size: 25px;
color: var(--main-color);
top: 9px;
}
.header-style1 .top-form.top-search .button-search-pro {
position: absolute;
left: 5px;
background-color: transparent;
border: 0;
font-size: 19px;
color: #6e6e6e;
top: 5px;
font-weight: normal;
bottom: 5px;
margin: 0;
padding: 0 9px;
}
.header-style1 .menu-hotdeals {
float: left;
position: relative;
padding: 0 4px;
margin-top: 10px;
}
.header-style1 .menu-hotdeals .custom-font span {
font-size: 15px;
position: absolute;
left: 0;
white-space: nowrap;
background-color: var(--background-color);
padding: 8px 20px 8px 50px;
border-radius: 12px;
box-shadow: 0 0 15px rgba(51, 51, 51, 0.1);
top: -3px;
opacity: 0;
visibility: hidden;
transition-duration: 0.3s;
z-index: 1;
}
.sl-header-phone {
text-align: left;
margin: 8px 0 9px
}
.sl-header-phone a {
position: relative;
display: inline-block;
cursor: auto;
}
.sl-header-phone a::before {
content: '';
position: absolute;
left: 0;
right: 0;
height: 2px;
background-color: #777;
bottom: -8px;
transform: scaleX(0);
transition-duration: 0.3s;
transform-origin: center;
}
.sl-header-phone a:hover::before {
transform: scale(1);
}
.sl-header-phone a:hover {
color: var(--text-color);
}
.header-style1 .menu-hotdeals:hover .custom-font span {
opacity: 1;
visibility: visible;
}
.header-style1 .menu-hotdeals .custom-font .fa-gem,
.header-style1 .menu-hotdeals .custom-font .fa-heart {
font-size: 25px;
background-color: var(--element-background-color);
margin-left: 0;
position: relative;
z-index: 9;
}
@keyframes blink {
from { opacity: 1; }
to { opacity: 0; }
}
.top-login {
margin-top: 7px
}
.yt-header-middle .yt-megamenu {
padding: 36px 15px 35px
}
.yt-header-middle .yt-megamenu .yt-header-under .primary-menu {
position: relative;
float: right
}
.yt-header-middle .yt-megamenu .yt-header-under .primary-menu .yt-menu .navbar-inverse {
background-color: transparent;
border-color: transparent
}
.yt-header-middle.sticky-menu {
background: var(--element-background-color);
animation: slide-down 0.4s cubic-bezier(.99,0,.18,1) forwards alternate;
padding-top: 3px;
box-shadow: 0 0 15px rgba(0, 0, 0, 0.11);
}
@keyframes slide-down {
from   {transform: translateY(-100%);}
to {transform: translateY(0%);}
}
.yt-header-under-2 .yt-searchbox-vermenu .vertical-mega .ver-megamenu-header {
height: 54px;
position: relative;
z-index: 12;
}
.newheader .yt-header-under-2 .yt-searchbox-vermenu .vertical-mega .ver-megamenu-header {
height: 42px;
}
.yt-header-under-2 .yt-searchbox-vermenu .vertical-mega .ver-megamenu-header .mega-left-title {
padding-right: 40px
}
.yt-header-under-2 .ver-megamenu-header:hover .vertical-megamenu {
display: block;
-webkit-transition: all .4s;
-moz-transition: all .4s;
-o-transition: all .4s;
-ms-transition: all .4s;
transition: all .4s
}
.page-template-page-home .yt-header-under-2 .vertical-megamenu {
display: block
}
.header-style1.newheader .menu-hotdeals .custom-font span {
visibility: visible;
opacity: 1;
padding: 0;
position: relative;
top: 0;
display: inline-block;
box-shadow: none;
color: var(--main-color);
background-color: transparent;
font-size: 13px;
font-weight: bold;
}
.header-style1.newheader .menu-hotdeals .custom-font .fa-gem {
font-size: 15px;
vertical-align: middle;
margin-left: 6px;
}
.header-style1 .yt-header-middle .yt-header-under-2 .menu-hotdeals a:hover {
color: var(--main-color)
}
.topbanner {
position: relative
}
.topbanner .close {
position: absolute;
right: 20px;
top: 50%;
color: #999;
font-size: 25px;
background-color: #fff;
width: 30px;
height: 30px;
border-radius: 30px;
line-height: 31px;
margin-top: -15px
}
.yt-header-under-2.sticky-menu {
background: var(--element-background-color);
box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
}
.header-style3.newheader ul.head_menu {
margin-top: 15px;
}
.header-style1.newheader .menu-hotdeals {
margin-top: 0;
padding-left: 0;
}
.header-style1.newheader .menu-hotdeals a {
padding: 13px 10px;
display: inline-block;
}
.header-style3.newheader .menu-hotdeals {
float: left;
}
.header-style3.newheader .menu-hotdeals a {
position: relative;
padding: 7px 25px;
display: block;
font-weight: 600;
font-size: 14px;
color: var(--main-color);
margin: 7px 5px 5px 0;
border: 1px solid var(--main-color);
border-radius: 35px;
transition-duration: 0.3s;
}
.header-style3.newheader .menu-hotdeals a:hover {
background-color: var(--main-color);
color: #fff;
}
ul.head_menu li {
list-style: none;
display: inline-block;
padding-right: 0;
padding-left: 35px;
margin-top: 6px;
font-size: 13px;
position: relative
}
ul.head_menu {
max-height: 39px;
overflow: hidden;
padding: 0;
margin: 0
}
.mini-my-account .div-logined .sub-menu {
position: absolute;
right: -24px;
background-color: var(--element-background-color);
padding: 10px 15px;
z-index: 99;
box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
border-radius: 15px;
top: 120%;
left: -24px;
transition-duration: 0.3s;
opacity: 0;
visibility: hidden;
}
.mini-my-account .div-logined:hover .sub-menu {
opacity: 1;
visibility: visible;
}
.mini-my-account .div-logined::before {
content: '';
position: absolute;
left: 0;
right: 0;
height: 20px;
bottom: -10px;
}
.mini-my-account .div-logined .sub-menu ul {
list-style: none;
margin: 0;
}
.mini-my-account .div-logined .sub-menu ul li {
padding: 8px 4px;
}
.mini-my-account .div-logined .sub-menu ul li a {
font-size: 12px;
}
.mini-my-account .div-logined .sub-menu ul li a.logout {
color: #d90429;
}
.header-style3.newheader .mini-cart-header.hidden {
visibility: hidden;
display: none;
}
.header-style3.newheader .sticky-menu .mini-cart-header {
visibility: visible !important;
display: block !important;
} .style5 .yt-header-under-2 {
background-color: #252525;
padding: 0;
}
.style5 .primary-menu .navbar-inverse ul.nav-pills > li > a {
color: #fff;
padding: 18px 8px;
}
.style5 .nav-pills > li > a{
padding: 10px 0 10px 22px;
}
.style5 .yt-header-under-2 .yt-searchbox-vermenu .vertical-mega .ver-megamenu-header {
background-color: var(--main-color);
border-top-left-radius: 70px;
height: 62px;
}
.style5 .yt-header-under-2 .yt-searchbox-vermenu .vertical-mega .ver-megamenu-header .mega-left-title {
padding: 0 40px 0 0;
line-height: 62px;
border-radius: 0;
}
.style5 .phone-number {
color: #fff;
font-weight: bold;
font-size: 18px;
}
.style5 .sticky-menu .top-minicart-icon,.header-style1.newheader.style5 .menu-hotdeals .custom-font span {
color: #fff;
}
.header-style1 .menu-hotdeals .custom-font .fa-gem,
.header-style1 .menu-hotdeals .custom-font .fa-heart {
background-color: unset;
}
.header-style1.newheader.style5  .yt-header-under-2 .menu-hotdeals {
margin: 5px 0;
}
.header-style1.newheader.style5 .menu-hotdeals .custom-font span {
color: #fff;
font-size: 16px;
}
.style4.newheader .yt-header-under-2 {
padding-top: 0;
border-top: 0;
}
.style4.newheader .yt-header-under-wrap {
background-color: var(--main-color);
border-radius: 12px;
}
.style4.newheader .ajax-search input {
border: 0;
border-radius: 9px;
margin-top: 10px;
margin-right: -4px;
}
.style4.newheader .ajax-search .button-search-pro {
border: 0;
padding-left: 12px;
font-size: 19px;
}
.style4.newheader .nav-pills > li > a, .style4.newheader .nav-pills > li > a:hover {
color: #fff;
}
.style4.newheader .nav-pills > li > a::before {
content: '';
width: 0;
height: 0;
position: absolute;
left: 33%;
bottom: -44px;
border-radius: 50%;
border-top: 2px solid var(--background-color);
transition-duration: 0.3s;
}
.style4.newheader .nav-pills > li > a:hover::before {
width: 50px;
height: 50px;
}
.style4.newheader .menu-hotdeals a {
border-right: 1px solid #ececec;
color: #fff;
border-radius: 0;
margin-top: 11px;
}
.header-style3.style4 .yt-header-under-2.sticky-menu {
box-shadow: none;
margin-top: 8px;
}
.style4.newheader .sticky-menu .mini-cart-header {
padding-top: 4px;
}
.style4.newheader .sticky-menu .mini-cart-header i {
color: #fff;
}
.st-5 .logo {
display: flex;
justify-content: center;
filter: drop-shadow(0px 0px 20px #0000008a);
}
.newheader.st-5 .yt-header-under-2 .yt-searchbox-vermenu .vertical-mega .ver-megamenu-header .mega-left-title {
border-radius: 26px;
background: #1AD0D3;
width: 180px;
height: 52px;
text-align: center;
display: flex;
justify-content: space-evenly;
align-items: center;
}
.newheader.st-5 .yt-header-under-2 {
border-top: unset;
}
.newheader.st-5 .yt-header-under-2 {
border-top: unset;
box-shadow: 0 0 27px -24px #000;
padding-top: 18px;
padding-bottom: 18px;
}
.header-style1.newheader.st-5 .top-form.top-search {
width: 100%;
}
.newheader.st-5 strong {
color: #001414;
text-align: right;
font-size: 15px;
font-family: Yekan Bakh;
font-weight: 700;
}
.newheader.st-5 svg {
width: 28px;
height: 28px;
}
.st-5 .yt-header-under-2 .yt-searchbox-vermenu .vertical-mega .ver-megamenu-header .mega-left-title::before {
content: unset !important;
}
.header-style1.newheader.st-5 .top-form.top-search #s {
border-radius: 26px;
border: 1px solid var(--stroke, #ECECEC);
background: var(--white, #FFF);
text-align: right;
direction: initial;
padding-right: 14px;
min-height: 52px;
}
.header-style1.newheader .dark-switch-header {
position: relative;
inset: auto;
float: left;
height: 42px;
margin-top: 8px;
border-radius: 6px;
width: 42px;
margin-right: 12px;
padding-top: 4px;
background-color: transparent;
border: 1px solid var(--z-gray-dark);
}
.header-style1.newheader .dark-switch-header::before {
color: var(--text-color) !important;
}
.header-style1.newheader ul.head_menu {
float: left;
margin-top: 8px;
}
.header-style1.newheader ul.head_menu a.item-link {
padding: 7px 12px;
display: block;
font-weight: bold;
}
.header-style1.newheader ul.head_menu li {
padding: 0;
border-left: 1px solid var(--z-gray-dark);
margin: 0;
}
.header-style1.newheader ul.head_menu li.tel a {
color: var(--main-color);
}
.header-style1.newheader .mini-my-account {
margin-left: 2px;
}
.header-style1.newheader .mini-cart-header {
padding: 2px 6px;
margin-top: 8px;
border: 1px solid var(--z-gray-dark);
border-radius: 7px;
}
.style6 .newheader .das.container {
padding-bottom: 10px;
padding-top: 10px;
}
.style6.newheader .top-form.top-search {
position: relative;
left: auto;
opacity: 1;
visibility: visible;
display: block;
margin-right: -30px;
height: 45px;
top: 4px;
width: auto;
}
.style6 .top-form.top-search #s {
font-size: 13px;
background-color: rgba(100, 100, 100, 0.1);
border: 0;
border-radius: 10px;
}
.style6 .top-form.top-search #s {
width: 100%;
position: absolute;
height: 100%;
margin: 0;
text-indent: 30px;
font-size: 16px;
border-radius: 55px;
border-color: var(--border-color);
background-color: var(--background-color);
color: var(--text-color);
}
.style6 .top-form.top-search #s {
font-size: 13px;
background-color: rgba(100, 100, 100, 0.1);
border: 0;
border-radius: 10px;
}
.style6 .das.container {
padding-bottom: 10px;
padding-top: 10px;
}
.style6 .ajax-search {
position: unset;
}
.style6 .yt-header-under-2 {
background: #111;
color: #fff;
}
.style6 .ver-megamenu-header {
height: 46px;
}
.style6 .mega-left-title {
background: var(--main-color);
clip-path: polygon(15% 0%, 100% 0%, 85% 100%, 0% 100%);
padding: 10px 0;
text-align: center;
}
.style6 .mega-left-title.phone {
background: var(--second-color);
padding: 10px 0;
text-align: center;
clip-path: polygon(0 0, 85% 0, 100% 100%, 15% 100%);
}
.style6 .mega-left-title a,.style6 .yt-menu a {
color: #fff;
font-weight: bold;
font-size: 13px;
}
.style6 .ajax-search .button-search-pro{
border: unset;
}
.style6 .logo img{
margin: 0 auto;
}
.style6  .ver-megamenu-header ul.vertical-megamenu {
padding: 10px 0px;
-webkit-transition: all .4s;
-moz-transition: all .4s;
-o-transition: all .4s;
-ms-transition: all .4s;
transition: all .3s;
visibility: hidden;
transform-origin: top;
opacity: 0;
}
.style6 .ver-megamenu-header:hover .vertical-megamenu {
visibility: visible;
opacity: 1;
}
.style6 .nav-pills {
display: flex;
justify-content: center;
}
.style6 .nav-pills > li{
float: unset;
}
.nav-mega.zanbil-mega {
margin-top: 0;
}.header-style1 .vertical-mega .ver-megamenu-header:hover {
cursor: pointer
}
.header-style1 .vertical-mega .ver-megamenu-header:hover .vertical-megamenu {
visibility: visible;
opacity: 1
}
.header-style1 .vertical-mega .ver-megamenu-header ul.vertical-megamenu {
padding: 10px 0px;
-webkit-transition: all .4s;
-moz-transition: all .4s;
-o-transition: all .4s;
-ms-transition: all .4s;
transition: all .3s;
visibility: hidden;
transform-origin: top;
opacity: 0;
}
.page-template-page-home .header-style1 .vertical-mega .ver-megamenu-header ul.vertical-megamenu {
display: block;
opacity: 1;
visibility: visible;
}
.header-style1 .ver-megamenu-header ul.vertical-megamenu > li {
position: unset;
}
.header-style1 .yt-header-middle .yt-header-under-2 .primary-menu {
max-width: 800px;
float: right
}
.header-style1 .primary-menu .navbar-inverse ul.nav-pills > li.active > a,
.header-style1 .primary-menu .navbar-inverse ul.nav-pills > li.active > a:focus,
.header-style1 .primary-menu .navbar-inverse ul.nav-pills > li.active > a:hover {
color: var(--main-color)
}
.header-style1 .primary-menu .navbar-inverse ul.nav-pills > li > a:focus,
.header-style1 .primary-menu .navbar-inverse ul.nav-pills > li > a:hover {
background-color: transparent;
color: var(--main-color)
}
.page-template-page-home .header-style1 .yt-header-under-2.sticky-menu .ver-megamenu-header ul.vertical-megamenu {
display: none
}
.page-template-page-home .header-style1 .yt-header-under-2.sticky-menu .ver-megamenu-header:hover ul.vertical-megamenu {
display: block
}
.newheader .nav-pills {
margin-right: 0;
margin-top: 0;
}
.header-style1 .vertical-mega .ver-megamenu-header ul.vertical-megamenu > li.zanbil-menu-custom {
position: relative;
}
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
background-color: transparent;
color: var(--main-color)
}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover {
background-color: transparent
}
.dropdown-menu .menu-subtitle {
font-size: 13px;
color: var(--main-color)
}
.nav-pills.nav-mega .zanbil-mega-menu .dropdown-menu {
width: 100vw;
padding-right: 2vw;
padding-left: 2vw;
display: flex;
justify-content: space-around;
padding-top: 25px;
box-shadow: 0 0px 20px rgba(51, 51, 51, 0.15);
border-radius: 16px;
}
.primary-menu .zanbil-menu-img {
position: relative;
min-width: auto;
bottom: auto
}
.vertical-megamenu > li:hover.showMore a {
background: 0 0
}
.vertical-megamenu > li.dropdown > a:after {
content: "\f104";
left: 25px;
margin-top: -7px
}
.vertical-megamenu > li > a {
display: block;
position: relative;
font-size: 13px;
padding: 15px 30px 15px 25px;
font-weight: bold;
z-index: 999;
}
.vertical-megamenu > li > a .menu-img {
display: inline-block;
position: absolute;
left: 15px;
top: 9px
}
.vertical-megamenu > li.zanbil-menu-img > a {
padding: 12px 15px 12px 50px
}
.vertical-megamenu > li > .dropdown-menu {
display: none;
visibility: hidden;
right: 100%;
top: 0;
padding: 0;
margin-top: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-o-border-radius: 0;
-ms-border-radius: 0;
border-radius: 0;
opacity: 0;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
transition: all .3s ease-out;
right: 0 !important;
left: 0 !important;
top: 0 !important;
}
.vertical-megamenu > li > .dropdown-menu:before {
content: "";
background: 0 0;
position: absolute;
top: -1px;
bottom: 0;
width: 15px;
right: -15px
}
.vertical-megamenu > li.zanbil-mega-menu ul.dropdown-menu {
min-width: 150px;
padding: 20px;
}
.vertical-megamenu > li.open > .dropdown-menu, .vertical-megamenu > li:hover > .dropdown-menu {
display: block;
opacity: 1;
visibility: visible;
}
.vertical-megamenu > li.menu_dropdown ul, .vertical-megamenu > li.zanbil-menu-custom ul {
box-shadow: 0 25px 15px rgba(57, 57, 57, 0.1);
border-radius: 15px;
border: 0;
padding: 15px 0
}
.vertical-megamenu > li.menu_dropdown ul li, .vertical-megamenu > li.zanbil-menu-custom ul li {
padding: 5px 30px;
}
li.menu_dropdown ul li a, li.zanbil-menu-custom ul li a {
padding: 5px 20px 5px 0
}
li.menu_dropdown > .dropdown-menu > li,  li.zanbil-menu-custom > .dropdown-menu > li {
line-height: 30px;
list-style: none;
position: relative;
min-width: 245px;
padding: 0 20px 0 30px
}
.vertical-megamenu > li.menu_dropdown > .dropdown-menu > li.menu-html-menu,
.vertical-megamenu > li.menu_dropdown > .dropdown-menu > li.menu-img-menu,
.vertical-megamenu > li.zanbil-menu-custom > .dropdown-menu > li.menu-html-menu,
.vertical-megamenu > li.zanbil-menu-custom > .dropdown-menu > li.menu-img-menu {
display: none
}
li.menu_dropdown > .dropdown-menu > li a,
li.zanbil-menu-custom > .dropdown-menu > li a {
display: block;
color: var(--text-color);
font-weight: 500;
line-height: 25px;
position: relative;
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIyLjg3MjZtbSIgaGVpZ2h0PSIyLjg3MjZtbSIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgMi44NzI2IDIuODcyNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxtZXRhZGF0YT4gIDxyZGY6UkRGPiAgIDxjYzpXb3JrIHJkZjphYm91dD0iIj4gICAgPGRjOmZvcm1hdD5pbWFnZS9zdmcreG1sPC9kYzpmb3JtYXQ+ICAgIDxkYzp0eXBlIHJkZjpyZXNvdXJjZT0iaHR0cDovL3B1cmwub3JnL2RjL2RjbWl0eXBlL1N0aWxsSW1hZ2UiLz4gICAgPGRjOnRpdGxlLz4gICA8L2NjOldvcms+ICA8L3JkZjpSREY+IDwvbWV0YWRhdGE+IDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMi44NTEgLTIzNy40MykiPiAgPHBhdGggZD0ibTE0Ljc2NiAyMzguMzloMC45NTc1M3YwLjk1NzUyaC0wLjk1NzUzem0tMC45NTc1My0wLjk1NzUzaDAuOTU3NTN2MC45NTc1M2gtMC45NTc1M3ptLTAuOTU3NTMgMC45NTc1M2gwLjk1NzUzdjAuOTU3NTJoLTAuOTU3NTN6bTAuOTU3NTMgMC45NTc1MmgwLjk1NzUzdjAuOTU3NTNoLTAuOTU3NTN6IiBmaWxsPSIjNjY2IiBzdHJva2Utd2lkdGg9Ii4wMDQwODciLz4gPC9nPjwvc3ZnPg==);
background-position: right center;
background-repeat: no-repeat;
background-size: 6px;
font-size: 12px
}
.vertical-megamenu > li.menu_dropdown > .dropdown-menu > li a:hover, .vertical-megamenu > li.zanbil-menu-custom > .dropdown-menu > li a:hover {
color: var(--main-color)
}
li.menu_dropdown > .dropdown-menu > li.dropdown-submenu > a:after, li.zanbil-menu-custom > .dropdown-menu > li.dropdown-submenu > a:after {
content: "\f053";
font-family: 'Font Awesome 5 Pro';
font-weight: 900;
position: absolute;
left: 0;
top: 50%;
font-size: 10px;
height: 20px;
margin-top: -12px;
color: var(--text-color)
}
.vertical-megamenu > li.menu_dropdown > .dropdown-menu > li .dropdown-menu,
.vertical-megamenu > li.menu_dropdown > .dropdown-menu > li .dropdown-sub,
.vertical-megamenu > li.zanbil-menu-custom > .dropdown-menu > li .dropdown-menu,
.vertical-megamenu > li.zanbil-menu-custom > .dropdown-menu > li .dropdown-sub {
position: absolute;
right: 100%;
top: -1px;
margin: 0;
transform: scale(0);
list-style: none;
box-shadow: 0 0 15px rgba(35, 35, 35, .1);
background: var(--element-background-color);
min-width: 230px;
z-index: 1;
transition: all 0 ease-out
}
.vertical-megamenu > li.menu_dropdown > .dropdown-menu > li .dropdown-menu:after,
.vertical-megamenu > li.menu_dropdown > .dropdown-menu > li .dropdown-sub:after,
.vertical-megamenu > li.zanbil-menu-custom > .dropdown-menu > li .dropdown-menu:after,
.vertical-megamenu > li.zanbil-menu-custom > .dropdown-menu > li .dropdown-sub:after {
background-color: transparent;
content: " ";
height: 100%;
right: -20px;
position: absolute;
top: 0;
width: 20px;
display: block
}
.vertical-megamenu > li.menu_dropdown > .dropdown-menu > li .dropdown-menu:before,
.vertical-megamenu > li.menu_dropdown > .dropdown-menu > li .dropdown-sub:before,
.vertical-megamenu > li.zanbil-menu-custom > .dropdown-menu > li .dropdown-menu:before,
.vertical-megamenu > li.zanbil-menu-custom > .dropdown-menu > li .dropdown-sub:before {
background: 0 0;
content: " ";
height: 100%;
left: -20px;
position: absolute;
top: 0;
width: 0;
display: block
}
.vertical-megamenu > li.menu_dropdown > .dropdown-menu > li:hover > .dropdown-menu, .vertical-megamenu > li.menu_dropdown > .dropdown-menu > li:hover > .dropdown-sub, .vertical-megamenu > li.zanbil-menu-custom > .dropdown-menu > li:hover > .dropdown-menu, .vertical-megamenu > li.zanbil-menu-custom > .dropdown-menu > li:hover > .dropdown-sub {
display: block;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1)
}
.vertical-megamenu > li.zanbil-mega-menu ul.dropdown-menu {
border: 0;
border-radius: 15px;
z-index: 998;
display: flex;
justify-content: flex-start;
height: auto;
flex-wrap: wrap;
max-height: 80vh;
box-shadow: 0 0 50px rgb(0, 0, 0, 0.1);
overflow-y: auto;
gap: 40px 0;
}
li.zanbil-menu-icon .fal {
font-size: 20px;
vertical-align: middle;
margin-left: 5px;
width: 22px;
text-align: center;
}
.vertical-megamenu > li.zanbil-menu-custom ul.dropdown-menu {
right: 100% !important;
left: auto !important;
}
.vertical-megamenu > li.zanbil-mega-menu.col-2-img > .dropdown-menu.column-3 {
padding: 0;
min-width: 630px
}
.vertical-megamenu > li.zanbil-mega-menu.col-2-img > .dropdown-menu > .dropdown-submenu.col-1 {
padding: 27px 30px
}
.vertical-megamenu > li.zanbil-mega-menu.col-2-img > .dropdown-menu > .dropdown-submenu.col-1:nth-child(2) {
padding: 27px 0 27px 60px
}
.vertical-megamenu > li.zanbil-mega-menu > .dropdown-menu.column-3 {
padding: 20px 0
}
.vertical-megamenu > li.zanbil-mega-menu > .dropdown-menu > .dropdown-submenu {
min-width: 200px;
float: right;
border-right: 1px solid var(--z-gray-dark);
}
.vertical-megamenu > li.zanbil-mega-menu > .dropdown-menu > .dropdown-submenu:first-child {
border: 0;
}
.vertical-megamenu > li.zanbil-mega-menu > .dropdown-menu > .dropdown-submenu.col-1 {
padding: 7px 30px
}
.vertical-megamenu > li.zanbil-mega-menu > .dropdown-menu > .dropdown-submenu.column-2 {
width: 33.333333%;
max-width: 187px;
min-width: 0;
padding: 35px 30px 0 0;
margin-left: 7px
}
.vertical-megamenu > li.zanbil-mega-menu > .dropdown-menu > .dropdown-submenu > a, .vertical-megamenu > li.zanbil-mega-menu > .dropdown-menu > .dropdown-submenu > span.have-title {
margin-bottom: 10px;
color: var(--main-color);
font-weight: bold;
text-transform: uppercase;
}
.vertical-megamenu > li.zanbil-mega-menu > .dropdown-menu > .dropdown-submenu > a:hover, .vertical-megamenu > li.zanbil-mega-menu > .dropdown-menu > .dropdown-submenu > span.have-title:hover {
background: 0 0;
color: var(--text-color)
}
.vertical-megamenu > li.zanbil-mega-menu > .dropdown-menu > .dropdown-submenu .dropdown-sub > li > a {
padding: 6px 20px;
line-height: 25px;
font-weight: normal;
color: var(--text-color);
font-size: 13px;
display: block;
}
.vertical-megamenu .all-cat-menu {
padding: 8px;
font-size: 12px;
color: var(--main-color);
font-weight: 700;
border-top: 1px solid #ddd;
display: inline-block
}
.vertical-megamenu > li.zanbil-mega-menu > .dropdown-menu > .dropdown-submenu .dropdown-sub > li > a:hover {
color: var(--main-color) !important;
background: 0 0 !important
}
.vertical-megamenu > li.zanbil-mega-menu > .dropdown-menu > .dropdown-submenu.column-3 {
padding: 0 15px 15px;
border-right: 1px solid #ddd;
width: 29%
}
.vertical-megamenu > li.zanbil-mega-menu > .dropdown-menu .column-2 {
width: 79% !important;
padding: 25px 0 0;
float: right;
font-weight: 700
}
.vertical-megamenu > li.zanbil-mega-menu > .dropdown-menu .column-2.menu-img-menu {
position: absolute;
top: 0;
left: 0;
clear: none;
max-width: 319px;
padding: 0
}
.vertical-megamenu > li.zanbil-mega-menu .column-1 > li:nth-child(2n), .vertical-megamenu > li.zanbil-mega-menu .column-2 > li:nth-child(2n+1), .vertical-megamenu > li.zanbil-mega-menu .column-3 > li:nth-child(3n+1), .vertical-megamenu > li.zanbil-mega-menu .column-4 > li:nth-child(4n+1), .vertical-megamenu > li.zanbil-mega-menu .column-5 > li:nth-child(5n+1), .vertical-megamenu > li.zanbil-mega-menu .column-6 > li:nth-child(6n+1), .woocommerce #content div.product div.thumbnails a.first, .woocommerce #content div.product div.thumbnails::after, .woocommerce .col2-set::after, .woocommerce div.product div.thumbnails a.first, .woocommerce div.product div.thumbnails::after, .woocommerce-page #content div.product div.thumbnails a.first, .woocommerce-page #content div.product div.thumbnails::after, .woocommerce-page .col2-set::after, .woocommerce-page div.product div.thumbnails a.first, .woocommerce-page div.product div.thumbnails::after, .wpcf7.your-message {
clear: both
}
.vertical-megamenu > li.zanbil-mega-menu > .dropdown-menu .column-2.menu-html-menu {
width: 100% !important
}
.vertical-megamenu > li.zanbil-mega-menu > .dropdown-menu .column-2.menu-html-menu .tag-menu {
padding: 0 30px;
background-color: #eee;
position: relative;
height: 50px;
line-height: 50px
}
.vertical-megamenu > li.zanbil-mega-menu > .dropdown-menu .column-2.menu-html-menu .tag-menu ul {
margin-left: 0
}
.vertical-megamenu > li.zanbil-mega-menu > .dropdown-menu .column-2.menu-html-menu .tag-menu ul li {
float: right;
margin-right: 4px !important;
color: var(--text-color);
font-weight: 700;
font-size: 14px
}
.vertical-megamenu > li.zanbil-mega-menu > .dropdown-menu .column-2.menu-html-menu .tag-menu ul li a {
font-weight: 400
}
.vertical-megamenu > li.zanbil-mega-menu > .dropdown-menu .column-3.menu-product {
min-width: 208px;
width: 40%;
float: left
}
.vertical-megamenu > li.zanbil-mega-menu > .dropdown-menu .column-3 .item-bottom {
display: none
}
.vertical-megamenu > li.zanbil-mega-menu > .dropdown-menu .column-3 .woocommerce {
display: inline-block;
margin-left: 15px;
margin-right: 15px;
padding-top: 0
}
.vertical-megamenu > li.zanbil-mega-menu > .dropdown-menu .column-3 .woocommerce .products-loop.products-loop li .products-entry .products-content .desc, .widget.widget_search .searchform .screen-reader-text {
display: none
}
.vertical-megamenu > li.zanbil-mega-menu > .dropdown-menu .column-3 .woocommerce .products-loop.products-loop li {
width: 100%
}
.vertical-megamenu > li.zanbil-mega-menu > .dropdown-menu .column-3 .woocommerce .products-loop.products-loop li .products-entry {
margin-bottom: 0;
border: 0
}
.vertical-megamenu > li.zanbil-mega-menu > .dropdown-menu .column-3 .woocommerce .products-loop.products-loop li .products-entry .products-thumb {
width: 160px;
border: 0;
margin-bottom: 10px
}
.vertical-megamenu > li.zanbil-mega-menu > .dropdown-menu .column-3 .woocommerce .products-loop.products-loop li .products-entry .products-thumb .onsale {
top: 0;
left: 0
}
.vertical-megamenu > li.zanbil-mega-menu > .dropdown-menu .column-3 .woocommerce .products-loop.products-loop li .products-entry .products-content {
margin-left: 0;
margin-right: 0
}
.vertical-megamenu > li.zanbil-mega-menu > .dropdown-menu .column-3 .woocommerce .products-loop.products-loop li.col-lg-6 .products-entry, .vertical-megamenu > li.zanbil-mega-menu > .dropdown-menu .column-3 .woocommerce .products-loop.products-loop li.col-sm-6 .products-entry {
padding-left: 0 !important
}
ul.menu ,.dropdown ul {
list-style: none;
margin: 0;
}
.dropdown ul {
background-color: var(--element-background-color);
}
#main-menu {
position: static
}
#main-menu .primary-menu {
position: relative
}
#main-menu .primary-menu .menu-vertical .navbar-inverse {
background-color: transparent
}
#main-menu .primary-menu .menu-vertical .navbar-inverse .nav-pills.nav-css li.dropdown .dropdown-menu .menu-img, #main-menu .primary-menu .menu-vertical .navbar-inverse .nav-pills.nav-css li.dropdown .dropdown-menu .menu-imgae {
display: none
}
#main-menu .primary-menu.sticky-menu {
max-width: 1170px;
width: 100%;
background-color: var(--main-color);
margin: 0 auto
}
.nav-pills > li {
float: right;
margin-right: 5px
}
.nav-pills > li:before {
width: 100%;
height: 20px;
position: absolute;
bottom: -5px
}
.nav-pills > li > a {
font-weight: 700;
font-size: 13px;
padding: 12px 0 12px 18px
}
.nav-pills > li.dropdown .dropdown-menu {
display: block;
visibility: hidden;
top: 100%;
padding: 15px 0;
box-shadow: 0 0 15px 0 rgba(41, 41, 41, 0.13);
border: 0;
min-width: 200px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
-ms-border-radius: 4px;
border-radius: 0;
opacity: 0;
transition: all .3s;
transition-delay: 0.2s;
right: 0;
left: auto;
}
.nav-pills > li.dropdown .dropdown-menu li {
width: 100%
}
.nav-pills > li.dropdown .dropdown-menu li > a {
position: relative;
display: block;
padding: 8px 25px;
color: var(--text-color);
min-width: 220px;
font-weight: 500
}
.nav-pills.nav-mega .zanbil-mega-menu .dropdown-menu > li .item-bottom, .nav-pills.nav-mega .zanbil-mega-menu .dropdown-menu > li.image-full > a .menu-title {
display: none
}
.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover, .nav-pills > li.dropdown .dropdown-menu li > a:hover {
color: var(--main-color)
}
.nav-pills > li.dropdown .dropdown-menu li.dropdown-submenu {
position: relative
}
.nav-pills > li.dropdown .dropdown-menu li.dropdown-submenu .dropdown-menu {
position: absolute;
top: -16px;
right: 110%;
visibility: hidden;
margin: 0;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: all .3s;
-moz-transition: all .3s;
-o-transition: all .3s;
-ms-transition: all .3s;
transition: all .3s
}
.nav-pills > li.dropdown:hover .dropdown-menu, .nav-pills > li.dropdown:hover:before {
visibility: visible;
opacity: 1;
filter: alpha(opacity=100)
}
.nav-pills > li.dropdown .dropdown-menu > .dropdown-submenu:hover > .dropdown-menu {
right: 100%;
visibility: visible;
opacity: 1;
filter: alpha(opacity=100)
}
.nav-pills > li.dropdown:hover .dropdown-menu {
top: 100%
}
.nav-pills .dropdown-menu li.active > a, .nav-pills .dropdown-menu li:hover > a {
color: var(--main-color);
background-color: transparent
}
.nav-pills.nav-mega .zanbil-mega-menu .dropdown-menu {
width: 100%;
visibility: hidden
}
.nav-pills.nav-mega .zanbil-mega-menu .dropdown-menu li.active > a, .nav-pills.nav-mega .zanbil-mega-menu .dropdown-menu li:hover > a {
background-color: transparent
}
.nav-pills.nav-mega .zanbil-mega-menu .dropdown-menu > li {
float: right;
padding: 0 15px;
}
.nav-pills.nav-mega .zanbil-mega-menu .dropdown-menu > li.image-full {
width: 100% !important;
padding-top: 0
}
.nav-pills.nav-mega .zanbil-mega-menu .dropdown-menu > li.image-full > a {
border-bottom: 0;
font-size: 14px;
text-transform: uppercase;
padding: 7px 20px
}
.nav-pills.nav-mega .zanbil-mega-menu .dropdown-menu > li.image-full img {
width: 100%
}
.nav-pills.nav-mega .zanbil-mega-menu .dropdown-menu .dropdown-submenu > .have-title, .nav-pills.nav-mega .zanbil-mega-menu .dropdown-menu .dropdown-submenu > a {
text-transform: uppercase;
padding: 10px 0;
display: block;
font-size: 13px;
color: var(--main-color);
font-weight: 700;
}
.vertical-megamenu > li.zanbil-mega-menu.col-2-img > .dropdown-menu > .dropdown-submenu.col-1 span.have-title, .vertical-megamenu > li.zanbil-mega-menu > .dropdown-menu > .dropdown-submenu.col-1 span.have-title {
text-transform: capitalize
}
.nav-pills.nav-mega .zanbil-mega-menu .dropdown-menu .menu-shortcode > a, .nav-pills.nav-mega .zanbil-mega-menu .dropdown-menu .zanbil-menu-img > a:before, .nav-pills.nav-mega .zanbil-menu-custom .dropdown-menu .menu-img {
display: none
}
.nav-pills.nav-mega .zanbil-mega-menu .dropdown-menu .dropdown-submenu .dropdown-sub a {
padding: 5px 0;
text-transform: capitalize;
color: var(--text-color);
font-size: 13px
}
.nav-pills.nav-mega .zanbil-mega-menu .dropdown-menu .dropdown-submenu .dropdown-sub a:hover {
color: var(--main-color)
}
.nav-pills.nav-mega .zanbil-mega-menu .dropdown-menu .dropdown-submenu .dropdown-sub > li .menu-img {
float: left;
width: 25px;
margin-left: 15px
}
.nav-pills.nav-mega .zanbil-mega-menu .dropdown-menu.column-1 {
min-width: 1170px
}
.nav-pills.nav-mega .zanbil-mega-menu .dropdown-menu.column-1 > li {
width: 100%
}
.nav-pills.nav-mega .zanbil-mega-menu .dropdown-menu.column-2 {
min-width: 395px
}
.nav-pills.nav-mega .zanbil-mega-menu .dropdown-menu.column-2 > li {
width: 50%
}
.nav-pills.nav-mega .zanbil-mega-menu .dropdown-menu.column-3 {
min-width: 720px
}
.nav-pills.nav-mega .zanbil-mega-menu .dropdown-menu.column-3 > li {
width: 33.33%
}
.nav-pills.nav-mega .zanbil-mega-menu .dropdown-menu.column-4 {
min-width: 815px
}
.nav-pills.nav-mega .zanbil-mega-menu .dropdown-menu.column-4 > li {
width: 25%
}
.nav-pills.nav-mega .zanbil-mega-menu .dropdown-menu.column-5 {
min-width: 1170px
}
.nav-pills.nav-mega .zanbil-mega-menu .dropdown-menu.column-5 > li {
width: 20%
}
.nav-pills.nav-mega .zanbil-mega-menu .dropdown-menu .zanbil-menu-img > a {
padding: 15px 0 0
}
.nav-pills.nav-mega .zanbil-mega-menu.custom-image-col5 .dropdown-menu.column-5 > li {
width: 18%
}
.nav-pills.nav-mega .zanbil-mega-menu.custom-image-col5 .dropdown-menu.column-5 > li.zanbil-menu-img {
width: 28%
}
.nav-pills.nav-mega .zanbil-mega-menu.custom-mega-product .dropdown-menu, .nav-pills.nav-mega .zanbil-mega-menu.custom-mega-product .dropdown-menu > li {
padding: 0
}
.nav-pills.nav-mega .zanbil-mega-menu:hover .dropdown-menu, .nav-pills.nav-mega .zanbil-mega-menu:hover .dropdown-menu .listing-tab-shortcode .tabbable.tabs .tab-content {
visibility: visible
}
.nav-pills.nav-mega .zanbil-menu-custom .dropdown-menu li > .have-title {
position: relative;
display: block;
padding: 12px 25px
}
.nav-pills.nav-mega .zanbil-menu-custom .dropdown-menu li > .have-title:before {
content: "\f111";
font-family: 'Font Awesome 5 Pro';
font-weight: 900;
font-size: 6px;
display: inline-block;
vertical-align: middle;
padding-left: 8px
}
.nav-pills.nav-mega .zanbil-menu-custom .dropdown-menu .dropdown-submenu > ul {
position: absolute;
background-color: var(--element-background-color);
right: 110%;
top: 0;
padding: 15px 0;
visibility: hidden;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: all .3s;
-moz-transition: all .3s;
-o-transition: all .3s;
-ms-transition: all .3s;
transition: all .3s;
box-shadow: 0 25px 15px rgba(57, 57, 57, 0.1);
border-radius: 15px;
border: 0;
padding: 15px 35px 15px 10px;
}
.primary-menu .nav-pills > li.zanbil-menu-custom .dropdown-menu {
box-shadow: 0 0px 15px rgba(57, 57, 57, 0.1);
border-radius: 15px;
border: 0;
padding: 15px 0;
}
.nav-pills.nav-mega .zanbil-menu-custom .dropdown-menu .dropdown-submenu > ul > li {
position: relative
}
.nav-pills.nav-mega .zanbil-menu-custom .dropdown-menu .dropdown-submenu > ul > li ul {
padding: 15px 0;
position: absolute;
background-color: #fff;
right: 110%;
top: 0;
visibility: hidden;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: all .3s;
-moz-transition: all .3s;
-o-transition: all .3s;
-ms-transition: all .3s;
transition: all .3s
}
.nav-pills.nav-mega .zanbil-menu-custom .dropdown-menu .dropdown-submenu:hover > ul, .nav-pills.nav-mega .zanbil-menu-custom .dropdown-menu .dropdown-submenu > ul > li ul > li:hover > ul, .nav-pills.nav-mega .zanbil-menu-custom .dropdown-menu .dropdown-submenu > ul > li:hover > ul {
right: 100%;
visibility: visible;
opacity: 1;
filter: alpha(opacity=100)
}
.zanbil-menu-img {
z-index: -1;
padding: 30px 20px;
}
.menu-img {
float: left
}
.vertical-megamenu {
position: relative;
z-index: 543;
background: var(--element-background-color);
padding: 15px 0 24px;
margin: 0;
box-shadow: 0 0px 25px 0 rgba(28, 28, 28, 0.16);
border-radius: 15px;
margin-top: 10px;
}
.vertical-megamenu::before {
content: '';
position: absolute;
width: 100%;
height: 25px;
top: -15px;
}
.vertical-megamenu > li.dropdown > a:after, .vertical-megamenu > li.showMore a:before {
font-weight: 900;
position: absolute;
top: 50%;
font-family: 'Font Awesome 5 Pro'
}
.vertical-megamenu > li {
display: block;
float: none;
line-height: normal;
padding: 0 20px;
}
.vertical-megamenu > li.showMore a {
background: 0 0;
color: var(--main-color)
}
.vertical-megamenu > li.showMore a.close-more-cat:before {
content: "\f068"
}
.vertical-megamenu > li.showMore a:before {
content: "\f067";
right: 0;
font-size: 8px;
margin-top: -4px;
color: var(--main-color)
}
.header-style3.newheader .nav-pills {
margin-right: 0;
display: table;
margin: 0 auto;
}
.nav-pills.nav-mega .zanbil-mega-menu.dark .dropdown-menu {
background-color: #1c1c1c
}
.nav-pills.nav-mega .zanbil-mega-menu.dark .dropdown-menu > li {
border-color: #121212
}
.nav-pills.nav-mega .zanbil-mega-menu.dark .dropdown-menu .dropdown-submenu .dropdown-sub a {
color: #e6e6e6
}
li.has-icon .fa {
font-size: 20px;
vertical-align: middle;
margin-left: 15px;
width: 22px
}
#menu-backdrop {
position: fixed;
inset: 0;
background-color: rgba(0, 0, 0, 0.7);
z-index: 9;
}@font-face {
font-family: star;
src: url(//lustersazan.com/wp-content/themes/zanbil/fonts/star.eot);
src: url(//lustersazan.com/wp-content/themes/zanbil/fonts/star.eot?#iefix) format("embedded-opentype"), url(//lustersazan.com/wp-content/themes/zanbil/fonts/star.woff) format("woff"), url(//lustersazan.com/wp-content/themes/zanbil/fonts/star.ttf) format("truetype"), url(//lustersazan.com/wp-content/themes/zanbil/fonts/star.svg#star) format("svg");
font-weight: 400;
font-style: normal
}
@font-face {
font-family: WooCommerce;
src: url(//lustersazan.com/wp-content/themes/zanbil/fonts/WooCommerce.eot);
src: url(//lustersazan.com/wp-content/themes/zanbil/fonts/WooCommerce.eot?#iefix) format("embedded-opentype"), url(//lustersazan.com/wp-content/themes/zanbil/fonts/WooCommerce.woff) format("woff"), url(//lustersazan.com/wp-content/themes/zanbil/fonts/WooCommerce.ttf) format("truetype"), url(//lustersazan.com/wp-content/themes/zanbil/fonts/WooCommerce.svg#WooCommerce) format("svg");
font-weight: 400;
font-style: normal
}
.woocommerce #content div.product .woocommerce-tabs ul.tabs::after, .woocommerce #content div.product .woocommerce-tabs ul.tabs::before, .woocommerce #content div.product div.thumbnails::after, .woocommerce #content div.product div.thumbnails::before, .woocommerce .col2-set::after, .woocommerce .col2-set::before, .woocommerce div.product .woocommerce-tabs ul.tabs::after, .woocommerce div.product .woocommerce-tabs ul.tabs::before, .woocommerce div.product div.thumbnails::after, .woocommerce div.product div.thumbnails::before, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs::after, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs::before, .woocommerce-page #content div.product div.thumbnails::after, .woocommerce-page #content div.product div.thumbnails::before, .woocommerce-page .col2-set::after, .woocommerce-page .col2-set::before, .woocommerce-page div.product .woocommerce-tabs ul.tabs::after, .woocommerce-page div.product .woocommerce-tabs ul.tabs::before, .woocommerce-page div.product div.thumbnails::after, .woocommerce-page div.product div.thumbnails::before {
content: ' ';
display: table
}
.rtl.woocommerce form .form-row label, .rtl.woocommerce-page form .form-row label {
text-align: right
}
.woocommerce .woocommerce-error .button, .woocommerce .woocommerce-info .button, .woocommerce .woocommerce-message .button, .woocommerce-page .woocommerce-error .button, .woocommerce-page .woocommerce-info .button, .woocommerce-page .woocommerce-message .button {
float: left
}
.woocommerce #content div.product div.thumbnails a, .woocommerce div.product div.thumbnails a, .woocommerce-page #content div.product div.thumbnails a, .woocommerce-page div.product div.thumbnails a {
float: right;
width: 30.75%;
margin-left: 3.8%;
margin-bottom: 1em
}
.woocommerce #content div.product div.thumbnails a.last, .woocommerce div.product div.thumbnails a.last, .woocommerce-page #content div.product div.thumbnails a.last, .woocommerce-page div.product div.thumbnails a.last {
margin-left: 0
}
.woocommerce #content div.product div.thumbnails.columns-1 a, .woocommerce div.product div.thumbnails.columns-1 a, .woocommerce-page #content div.product div.thumbnails.columns-1 a, .woocommerce-page div.product div.thumbnails.columns-1 a {
width: 100%;
margin-left: 0;
float: none
}
.woocommerce #content div.product div.thumbnails.columns-2 a, .woocommerce div.product div.thumbnails.columns-2 a, .woocommerce-page #content div.product div.thumbnails.columns-2 a, .woocommerce-page div.product div.thumbnails.columns-2 a {
width: 48%
}
.woocommerce #content div.product div.thumbnails.columns-4 a, .woocommerce div.product div.thumbnails.columns-4 a, .woocommerce-page #content div.product div.thumbnails.columns-4 a, .woocommerce-page div.product div.thumbnails.columns-4 a {
width: 22.05%
}
.woocommerce #content div.product div.thumbnails.columns-5 a, .woocommerce div.product div.thumbnails.columns-5 a, .woocommerce-page #content div.product div.thumbnails.columns-5 a, .woocommerce-page div.product div.thumbnails.columns-5 a {
width: 16.9%
}
.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {
clear: none
}
.woocommerce #content div.product #reviews .comment::after, .woocommerce #content div.product .woocommerce-tabs, .woocommerce #content div.product .woocommerce-tabs ul.tabs::after, .woocommerce .cart-collaterals::after, .woocommerce .woocommerce-pagination ul.page-numbers::after, .woocommerce div.product #reviews .comment::after, .woocommerce div.product .woocommerce-tabs, .woocommerce div.product .woocommerce-tabs ul.tabs::after, .woocommerce ul.products, .woocommerce ul.products li.first, .woocommerce ul.products::after, .woocommerce-page #content div.product #reviews .comment::after, .woocommerce-page #content div.product .woocommerce-tabs, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs::after, .woocommerce-page .cart-collaterals::after, .woocommerce-page .woocommerce-pagination ul.page-numbers::after, .woocommerce-page div.product #reviews .comment::after, .woocommerce-page div.product .woocommerce-tabs, .woocommerce-page div.product .woocommerce-tabs ul.tabs::after, .woocommerce-page ul.products, .woocommerce-page ul.products li.first, .woocommerce-page ul.products::after {
clear: both
}
.woocommerce #content div.product .woocommerce-tabs ul.tabs li, .woocommerce div.product .woocommerce-tabs ul.tabs li, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li, .woocommerce-page div.product .woocommerce-tabs ul.tabs li {
display: inline-block
}
.woocommerce #content div.product #reviews .comment::after, .woocommerce #content div.product #reviews .comment::before, .woocommerce .woocommerce-pagination ul.page-numbers::after, .woocommerce .woocommerce-pagination ul.page-numbers::before, .woocommerce div.product #reviews .comment::after, .woocommerce div.product #reviews .comment::before, .woocommerce ul.products::after, .woocommerce ul.products::before, .woocommerce-page #content div.product #reviews .comment::after, .woocommerce-page #content div.product #reviews .comment::before, .woocommerce-page .woocommerce-pagination ul.page-numbers::after, .woocommerce-page .woocommerce-pagination ul.page-numbers::before, .woocommerce-page div.product #reviews .comment::after, .woocommerce-page div.product #reviews .comment::before, .woocommerce-page ul.products::after, .woocommerce-page ul.products::before {
content: ' ';
display: table
}
.woocommerce #content div.product #reviews .comment img, .woocommerce div.product #reviews .comment img, .woocommerce-page #content div.product #reviews .comment img, .woocommerce-page div.product #reviews .comment img {
float: left;
height: auto
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
float: right;
margin: 0 0 2.992em 3.8%;
padding: 0;
position: relative;
width: 22.05%
}
.woocommerce ul.products li.last, .woocommerce-page ul.products li.last {
margin-left: 0
}
.woocommerce ul.products.columns-1 li.product, .woocommerce-page ul.products.columns-1 li.product {
width: 100%;
margin-left: 0
}
.woocommerce ul.products.columns-2 li.product, .woocommerce-page ul.products.columns-2 li.product {
width: 48%
}
.woocommerce ul.products.columns-3 li.product, .woocommerce-page ul.products.columns-3 li.product {
width: 30.75%
}
.woocommerce ul.products.columns-5 li.product, .woocommerce-page ul.products.columns-5 li.product {
width: 16.95%
}
.woocommerce ul.products.columns-6 li.product, .woocommerce-page ul.products.columns-6 li.product {
width: 13.5%
}
.woocommerce-page.columns-1 ul.products li.product, .woocommerce.columns-1 ul.products li.product {
width: 100%;
margin-left: 0
}
.woocommerce-page.columns-2 ul.products li.product, .woocommerce.columns-2 ul.products li.product {
width: 48%
}
.woocommerce-page.columns-3 ul.products li.product, .woocommerce.columns-3 ul.products li.product {
width: 30.75%
}
.woocommerce-page.columns-5 ul.products li.product, .woocommerce.columns-5 ul.products li.product {
width: 16.95%
}
.woocommerce-page.columns-6 ul.products li.product, .woocommerce.columns-6 ul.products li.product {
width: 13.5%
}
.woocommerce #content table.cart img, .woocommerce table.cart img, .woocommerce-page #content table.cart img, .woocommerce-page table.cart img {
height: auto
}
.woocommerce #content table.cart td.actions .input-text, .woocommerce table.cart td.actions .input-text, .woocommerce-page #content table.cart td.actions .input-text, .woocommerce-page table.cart td.actions .input-text {
width: 80px
}
.woocommerce #content table.cart td.actions .coupon label, .woocommerce table.cart td.actions .coupon label, .woocommerce-page #content table.cart td.actions .coupon label, .woocommerce-page table.cart td.actions .coupon label {
display: none
}
.woocommerce .cart-collaterals .shipping_calculator::after, .woocommerce .cart-collaterals .shipping_calculator::before, .woocommerce .cart-collaterals::after, .woocommerce .cart-collaterals::before, .woocommerce form .form-row::after, .woocommerce form .form-row::before, .woocommerce ul.cart_list li::after, .woocommerce ul.cart_list li::before, .woocommerce ul.product_list_widget li::after, .woocommerce ul.product_list_widget li::before, .woocommerce-page .cart-collaterals .shipping_calculator::after, .woocommerce-page .cart-collaterals .shipping_calculator::before, .woocommerce-page .cart-collaterals::after, .woocommerce-page .cart-collaterals::before, .woocommerce-page form .form-row::after, .woocommerce-page form .form-row::before, .woocommerce-page ul.cart_list li::after, .woocommerce-page ul.cart_list li::before, .woocommerce-page ul.product_list_widget li::after, .woocommerce-page ul.product_list_widget li::before {
display: table;
content: ' '
}
.woocommerce .cart-collaterals .related, .woocommerce-page .cart-collaterals .related {
width: 30.75%;
float: right
}
.woocommerce .cart-collaterals .cross-sells ul.products, .woocommerce-page .cart-collaterals .cross-sells ul.products {
float: none
}
.woocommerce .cart-collaterals .cross-sells ul.products li, .woocommerce-page .cart-collaterals .cross-sells ul.products li {
width: 48%
}
.woocommerce .cart-collaterals .shipping_calculator, .woocommerce-page .cart-collaterals .shipping_calculator {
clear: left
}
.woocommerce .cart-collaterals .shipping_calculator::after, .woocommerce .woocommerce-billing-fields::after, .woocommerce .woocommerce-shipping-fields::after, .woocommerce form .form-row-wide, .woocommerce form .form-row::after, .woocommerce ul.cart_list li::after, .woocommerce ul.product_list_widget li::after, .woocommerce-page .cart-collaterals .shipping_calculator::after, .woocommerce-page .woocommerce-billing-fields::after, .woocommerce-page .woocommerce-shipping-fields::after, .woocommerce-page form .form-row-wide, .woocommerce-page form .form-row::after, .woocommerce-page ul.cart_list li::after, .woocommerce-page ul.product_list_widget li::after {
clear: both
}
.woocommerce .cart-collaterals .shipping_calculator .col2-set .col-1, .woocommerce .cart-collaterals .shipping_calculator .col2-set .col-2, .woocommerce-page .cart-collaterals .shipping_calculator .col2-set .col-1, .woocommerce-page .cart-collaterals .shipping_calculator .col2-set .col-2 {
width: 47%
}
.woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img, .woocommerce-page ul.cart_list li img, .woocommerce-page ul.product_list_widget li img {
float: left;
height: auto
}
.woocommerce form .form-row label, .woocommerce-page form .form-row label {
display: block
}
.woocommerce form .form-row label.checkbox, .woocommerce-page form .form-row label.checkbox {
display: inline
}
.woocommerce form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last {
width: 50%;
overflow: visible
}
.woocommerce form .form-row-first, .woocommerce-page form .form-row-first {
float: right
}
.woocommerce form .form-row-last, .woocommerce-page form .form-row-last {
float: left
}
.woocommerce #payment .form-row select, .woocommerce-page #payment .form-row select {
width: auto
}
.woocommerce #payment .terms, .woocommerce #payment .wc-terms-and-conditions, .woocommerce-page #payment .terms, .woocommerce-page #payment .wc-terms-and-conditions {
text-align: right;
padding: 0 0 0 1em;
float: right
}
.woocommerce .woocommerce-billing-fields::after, .woocommerce .woocommerce-billing-fields::before, .woocommerce .woocommerce-shipping-fields::after, .woocommerce .woocommerce-shipping-fields::before, .woocommerce-page .woocommerce-billing-fields::after, .woocommerce-page .woocommerce-billing-fields::before, .woocommerce-page .woocommerce-shipping-fields::after, .woocommerce-page .woocommerce-shipping-fields::before {
content: ' ';
display: table
}
.woocommerce #content table.cart .product-thumbnail, .woocommerce table.cart .product-thumbnail, .woocommerce table.my_account_orders tr td.order-actions::before, .woocommerce table.shop_table_responsive tr td.actions::before, .woocommerce table.shop_table_responsive tr td.product-remove::before, .woocommerce-page #content table.cart .product-thumbnail, .woocommerce-page table.cart .product-thumbnail, .woocommerce-page table.my_account_orders tr td.order-actions::before, .woocommerce-page table.shop_table_responsive tr td.actions::before, .woocommerce-page table.shop_table_responsive tr td.product-remove::before {
display: none
}
.woocommerce .woocommerce-terms-and-conditions, .woocommerce-page .woocommerce-terms-and-conditions {
margin-bottom: 1.618em;
padding: 1.618em
}
.woocommerce .woocommerce-oembed, .woocommerce-page .woocommerce-oembed {
position: relative
}
.woocommerce-page.left-sidebar #content.twentyeleven {
width: 58.4%;
margin: 0 7.6%;
float: left
}
.woocommerce-page.right-sidebar #content.twentyeleven {
margin: 0 7.6%;
width: 58.4%;
float: right
}
.woocommerce table.shop_table_responsive tr td::before, .woocommerce-page table.shop_table_responsive tr td::before {
content: attr(data-title) " ";
font-weight: 700;
margin-left: 3px;
float: right
}
.woocommerce table.my_account_orders td {
font-size: 14px;
border-left: 1px solid #efefef
}
.woocommerce table.my_account_orders tr td.order-actions .button, .woocommerce-page table.my_account_orders tr td.order-actions .button {
float: none;
background-color: transparent;
color: #355981
}
.woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product {
width: 48%;
float: right;
clear: both;
margin: 0 0 2.992em
}
.woocommerce ul.products[class*=columns-] li.product:nth-child(2n), .woocommerce-page ul.products[class*=columns-] li.product:nth-child(2n) {
float: left;
clear: none !important
}
.clear, .woocommerce #content table.cart td.actions .coupon::after, .woocommerce .woocommerce-breadcrumb::after, .woocommerce table.cart td.actions .coupon::after, .woocommerce-page #content table.cart td.actions .coupon::after, .woocommerce-page table.cart td.actions .coupon::after {
clear: both
}
.woocommerce #content div.product div.images, .woocommerce #content div.product div.summary, .woocommerce div.product div.images, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.images, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.images, .woocommerce-page div.product div.summary {
float: none;
width: 100%
}
.woocommerce #content table.cart td.actions, .woocommerce table.cart td.actions, .woocommerce-page #content table.cart td.actions, .woocommerce-page table.cart td.actions {
text-align: right
}
.woocommerce #content table.cart td.actions .coupon, .woocommerce table.cart td.actions .coupon, .woocommerce-page #content table.cart td.actions .coupon, .woocommerce-page table.cart td.actions .coupon {
float: none;
padding-bottom: .5em
}
.woocommerce #content table.cart td.actions .coupon::after, .woocommerce #content table.cart td.actions .coupon::before, .woocommerce table.cart td.actions .coupon::after, .woocommerce table.cart td.actions .coupon::before, .woocommerce-page #content table.cart td.actions .coupon::after, .woocommerce-page #content table.cart td.actions .coupon::before, .woocommerce-page table.cart td.actions .coupon::after, .woocommerce-page table.cart td.actions .coupon::before {
content: ' ';
display: table
}
.woocommerce #content table.cart td.actions .coupon .button, .woocommerce #content table.cart td.actions .coupon .input-text, .woocommerce #content table.cart td.actions .coupon input, .woocommerce table.cart td.actions .coupon .button, .woocommerce table.cart td.actions .coupon .input-text, .woocommerce table.cart td.actions .coupon input, .woocommerce-page #content table.cart td.actions .coupon .button, .woocommerce-page #content table.cart td.actions .coupon .input-text, .woocommerce-page #content table.cart td.actions .coupon input, .woocommerce-page table.cart td.actions .coupon .button, .woocommerce-page table.cart td.actions .coupon .input-text, .woocommerce-page table.cart td.actions .coupon input {
width: 48%;
box-sizing: border-box
}
.woocommerce #content table.cart td.actions .coupon .button.alt, .woocommerce #content table.cart td.actions .coupon .input-text + .button, .woocommerce table.cart td.actions .coupon .button.alt, .woocommerce table.cart td.actions .coupon .input-text + .button, .woocommerce-page #content table.cart td.actions .coupon .button.alt, .woocommerce-page #content table.cart td.actions .coupon .input-text + .button, .woocommerce-page table.cart td.actions .coupon .button.alt, .woocommerce-page table.cart td.actions .coupon .input-text + .button {
float: left
}
.woocommerce #content table.cart td.actions .button, .woocommerce table.cart td.actions .button, .woocommerce-page #content table.cart td.actions .button, .woocommerce-page table.cart td.actions .button {
display: block;
width: 100%
}
.woocommerce .cart-collaterals .cross-sells, .woocommerce .cart-collaterals .shipping_calculator, .woocommerce-page .cart-collaterals .cross-sells, .woocommerce-page .cart-collaterals .shipping_calculator {
width: 100%;
float: none;
text-align: right
}
.woocommerce-page.woocommerce-checkout form.login .form-row, .woocommerce.woocommerce-checkout form.login .form-row {
width: 100%;
float: none
}
.woocommerce #payment .terms, .woocommerce-page #payment .terms {
text-align: right;
padding: 0
}
.woocommerce #payment #place_order, .woocommerce-page #payment #place_order {
float: none;
width: 50%;
box-sizing: border-box;
display: block;
margin: 0 auto
}
.woocommerce .lost_reset_password .form-row-first, .woocommerce .lost_reset_password .form-row-last, .woocommerce-page .lost_reset_password .form-row-first, .woocommerce-page .lost_reset_password .form-row-last {
width: 100%;
float: none;
margin-left: 0
}
.woocommerce-store-notice, p.demo_store {
position: absolute;
top: 0;
right: 0;
left: 0;
margin: 0;
width: 100%;
font-size: 1em;
padding: 1em 0;
text-align: center;
background-color: #a46497;
color: #fff;
z-index: 99998;
box-shadow: 0 1px 1em rgba(0, 0, 0, .2);
display: none
}
.woocommerce-store-notice a, p.demo_store a {
color: #fff;
text-decoration: underline
}
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
position: absolute !important;
width: 1px;
word-wrap: normal !important
}
.admin-bar p.demo_store {
top: 32px
}
.woocommerce .blockUI.blockOverlay {
position: relative
}
.woocommerce .blockUI.blockOverlay::before, .woocommerce .loader::before {
height: 1em;
width: 1em;
display: block;
position: absolute;
top: 50%;
right: 50%;
margin-right: -.5em;
margin-top: -.5em;
content: '';
-webkit-animation: spin 1s ease-in-out infinite;
animation: spin 1s ease-in-out infinite;
background: url(//lustersazan.com/wp-content/themes/zanbil/images/icons/loader.svg) center center;
background-size: cover;
line-height: 1;
text-align: center;
font-size: 2em;
color: rgba(0, 0, 0, .75)
}
.woocommerce a.remove {
display: block;
font-size: 1.2em;
text-align: center;
border-radius: 100%;
color: #fff;
text-decoration: none;
font-weight: 700;
width: 28px;
height: 28px;
line-height: 32px;
position: absolute;
right: 10px;
top: 10px;
border: 0;
background-color: #fa223f;
transition-duration: 0.3s;
box-shadow: -1px 2px 2px rgba(153, 153, 153, 0.2)
}
.woocommerce a.remove:hover {
background: var(--main-color);
box-shadow: -1px 2px 2px rgba(0, 0, 0, 0.2)
}
.woocommerce small.note {
display: block;
color: var(--text-color);
font-size: .857em;
margin-top: 10px
}
.woocommerce .woocommerce-breadcrumb {
margin: 0 0 1em;
padding: 0;
font-size: .92em;
color: var(--text-color)
}
.woocommerce .woocommerce-breadcrumb::after, .woocommerce .woocommerce-breadcrumb::before {
content: ' ';
display: table
}
.woocommerce .woocommerce-breadcrumb a {
color: var(--text-color)
}
.quantity .qty {
background: var(--element-background-color);
color: var(--text-color);
width: 2.631em;
text-indent: 0;
-moz-appearance: textfield;
-webkit-appearance: textfield;
height: 40px;
margin: 0 -8px;
font-size: 15px;
border: 0;
text-indent: 0 !important;
text-align: center;
}
.woocommerce div.product {
margin-bottom: 0;
position: relative;
box-shadow: 0 0 15px rgba(26, 26, 26, 0.1);
background-color: var(--element-background-color);
border-radius: 15px
}
.woocommerce div.product .product_title {
clear: none;
margin: 0;
padding: 0
}
.woocommerce div.product p.price, .woocommerce div.product span.price {
color: #77a464;
font-size: 1.25em
}
.woocommerce div.product p.price ins, .woocommerce div.product span.price ins {
background: inherit;
font-weight: 700;
display: inline-block
}
.woocommerce div.product p.price del, .woocommerce div.product span.price del {
opacity: .5;
text-decoration-color: #666;
display: inline-block
}
.woocommerce div.product p.stock {
font-size: 1.4em;
}
.woocommerce div.product .out-of-stock {
color: #d3081c;
}
.woocommerce div.product .out-of-stock {
color: red
}
.woocommerce div.product div.images {
margin-bottom: 2em
}
.woocommerce div.product div.images img {
display: block;
width: 100%;
height: auto;
box-shadow: none
}
.woocommerce div.product div.images div.thumbnails {
padding-top: 1em
}
.woocommerce div.product div.images.woocommerce-product-gallery {
position: relative
}
.woocommerce div.product div.images .woocommerce-product-gallery__wrapper {
-webkit-transition: all cubic-bezier(.795, -.035, 0, 1) .5s;
transition: all cubic-bezier(.795, -.035, 0, 1) .5s;
margin: 0;
padding: 0
}
.woocommerce div.product div.images .woocommerce-product-gallery__wrapper .zoomImg {
background-color: var(--element-background-color);
opacity: 0
}
.woocommerce div.product div.images .woocommerce-product-gallery__image:nth-child(n+2) {
width: 25%;
display: inline-block
}
.woocommerce div.product div.images .flex-control-thumbs {
overflow: hidden;
zoom: 1;
margin: 0;
padding: 0
}
.woocommerce div.product div.images .flex-control-thumbs li {
width: 25%;
float: right;
margin: 0;
list-style: none
}
.woocommerce div.product div.images .flex-control-thumbs li img {
cursor: pointer;
opacity: .5;
margin: 0
}
.woocommerce div.product div.images .flex-control-thumbs li img.flex-active, .woocommerce div.product div.images .flex-control-thumbs li img:hover {
opacity: 1
}
.woocommerce div.product .woocommerce-product-gallery--columns-3 .flex-control-thumbs li:nth-child(3n+1), .woocommerce div.product .woocommerce-product-gallery--columns-4 .flex-control-thumbs li:nth-child(4n+1), .woocommerce div.product .woocommerce-product-gallery--columns-5 .flex-control-thumbs li:nth-child(5n+1) {
clear: right
}
.woocommerce #reviews #comments .add_review::after, .woocommerce .products ul::after, .woocommerce div.product form.cart::after, .woocommerce div.product p.cart::after, .woocommerce nav.woocommerce-pagination ul, .woocommerce ul.products::after {
clear: both
}
.woocommerce div.product div.summary {
margin-bottom: 2em
}
.woocommerce div.product div.social {
text-align: left;
margin: 0 0 1em
}
.woocommerce div.product div.social span {
margin: 0 2px 0 0
}
.woocommerce div.product div.social span span {
margin: 0
}
.woocommerce div.product div.social span .stButton .chicklets {
padding-right: 16px;
width: 0
}
.woocommerce div.product div.social iframe {
float: right;
margin-top: 3px
}
.woocommerce div.product .woocommerce-tabs ul.tabs {
list-style: none;
padding: 0 1em 0 0;
margin: 0 0 1.618em;
overflow: hidden;
position: relative
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
border: 1px solid #d3ced2;
background-color: #ebe9eb;
display: inline-block;
position: relative;
z-index: 0;
border-radius: 4px 4px 0 0;
margin: 0 -5px;
padding: 0 1em
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
display: inline-block;
padding: .5em 0;
font-weight: 700;
color: var(--text-color);
text-decoration: none
}
.woocommerce div.product form.cart::after, .woocommerce div.product form.cart::before, .woocommerce div.product p.cart::after, .woocommerce div.product p.cart::before {
display: table;
content: ' '
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover {
text-decoration: none;
color: var(--text-color)
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
background: #fff;
z-index: 2;
border-bottom-color: #fff
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
color: inherit;
text-shadow: inherit
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active::before {
box-shadow: -2px 2px 0 #fff
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active::after {
box-shadow: 2px 2px 0 #fff
}
.woocommerce div.product .woocommerce-tabs ul.tabs li::after, .woocommerce div.product .woocommerce-tabs ul.tabs li::before {
border: 1px solid #d3ced2;
position: absolute;
bottom: -1px;
width: 5px;
height: 5px;
content: ' ';
box-sizing: border-box
}
.woocommerce div.product .woocommerce-tabs ul.tabs li::before {
right: -5px;
border-bottom-left-radius: 4px;
border-width: 0 0 1px 1px;
box-shadow: -2px 2px 0 #ebe9eb
}
.woocommerce div.product .woocommerce-tabs ul.tabs li::after {
left: -5px;
border-bottom-right-radius: 4px;
border-width: 0 1px 1px 0;
box-shadow: 2px 2px 0 #ebe9eb
}
.woocommerce div.product .woocommerce-tabs ul.tabs::before {
position: absolute;
content: ' ';
width: 100%;
bottom: 0;
right: 0;
border-bottom: 1px solid #d3ced2;
z-index: 1
}
.woocommerce div.product .woocommerce-tabs .panel {
margin: 0 0 2em;
padding: 0
}
.woocommerce div.product p.cart {
margin-bottom: 2em;
float: left
}
.woocommerce div.product form.cart div.quantity {
float: right;
margin: 0 0 0 10px
}
.woocommerce div.product form.cart table {
border-width: 0 0 1px
}
.woocommerce div.product form.cart table td {
padding-right: 0
}
.woocommerce div.product form.cart table div.quantity {
float: none;
margin: 0
}
.woocommerce div.product form.cart table small.stock {
display: block;
float: none
}
.woocommerce div.product form.cart .variations {
margin: 1em 0;
border: 0;
width: 100%;
}
.woocommerce div.product form.cart .variations td, .woocommerce div.product form.cart .variations th {
border: 0;
line-height: 2em;
vertical-align: middle
}
.woocommerce div.product form.cart .variations label {
font-weight: 700
}
.woocommerce div.product form.cart .variations select {
max-width: 100%;
min-width: 75%;
display: inline-block;
margin-left: 1em;
margin-right: 1em;
border-radius: 12px;
padding-right: 16px;
}
.woocommerce div.product form.cart .variations td.label {
padding-left: 1em
}
.woocommerce div.product form.cart .reset_variations {
visibility: hidden;
font-size: .83em
}
.woocommerce div.product form.cart .wc-no-matching-variations {
display: none
}
.woocommerce div.product form.cart .button {
vertical-align: middle;
float: right
}
.woocommerce div.product form.cart .group_table td.woocommerce-grouped-product-list-item__label {
padding-left: 1em;
padding-right: 1em
}
.woocommerce div.product form.cart .group_table td {
padding: 0;
border: 0;
height: 100px;
vertical-align: middle
}
.woocommerce div.product form.cart .group_table td:first-child {
width: 4em;
text-align: center
}
.woocommerce div.product form.cart .group_table .wc-grouped-product-add-to-cart-checkbox {
display: inline-block;
width: auto;
margin: 0 auto;
-webkit-transform: scale(1.5, 1.5);
-ms-transform: scale(1.5, 1.5);
transform: scale(1.5, 1.5)
}
.woocommerce .products ul, .woocommerce ul.products {
margin: 0 0 1em;
padding: 0;
list-style: none;
clear: both
}
.woocommerce .products ul::after, .woocommerce .products ul::before, .woocommerce ul.products::after, .woocommerce ul.products::before {
content: ' ';
display: table
}
.woocommerce .products ul li, .woocommerce ul.products li {
list-style: none
}
.woocommerce ul.products li.product .onsale {
top: 0;
left: 0;
right: auto;
margin: -.5em 0 0 -.5em
}
.woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 {
padding: .5em 0;
margin: 0;
font-size: 1em
}
.woocommerce ul.products li.product a {
text-decoration: none
}
.woocommerce ul.products li.product a img {
width: 100%;
height: auto;
display: block;
margin: 0 0 1em;
box-shadow: none
}
.woocommerce ul.products li.product strong {
display: block
}
.woocommerce ul.products li.product .star-rating {
font-size: .857em
}
.woocommerce ul.products li.product .button {
margin-top: 1em
}
.woocommerce ul.products li.product .price {
color: #77a464;
display: block;
font-weight: 400;
margin-bottom: .5em;
font-size: .857em
}
.woocommerce ul.products li.product .price del {
color: inherit;
opacity: .5;
display: inline-block
}
.woocommerce ul.products li.product .price ins {
background: 0 0;
font-weight: 700;
display: inline-block
}
.woocommerce ul.products li.product .price .from {
font-size: .67em;
margin: -2px 0 0;
text-transform: uppercase;
color: rgba(132, 132, 132, .5)
}
.woocommerce .woocommerce-ordering, .woocommerce .woocommerce-result-count {
margin: 0 0 1em
}
.woocommerce .woocommerce-ordering select {
vertical-align: top;
width: 260px;
background: var(--element-background-color) url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAxMjkgMTI5IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxMjkgMTI5IiB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4Ij4KICA8Zz4KICAgIDxwYXRoIGQ9Im0xMjEuMywzNC42Yy0xLjYtMS42LTQuMi0xLjYtNS44LDBsLTUxLDUxLjEtNTEuMS01MS4xYy0xLjYtMS42LTQuMi0xLjYtNS44LDAtMS42LDEuNi0xLjYsNC4yIDAsNS44bDUzLjksNTMuOWMwLjgsMC44IDEuOCwxLjIgMi45LDEuMiAxLDAgMi4xLTAuNCAyLjktMS4ybDUzLjktNTMuOWMxLjctMS42IDEuNy00LjIgMC4xLTUuOHoiIGZpbGw9IiM2NjY2NjYiLz4KICA8L2c+Cjwvc3ZnPgo=) no-repeat 10px center;
text-indent: 5px;
background-size: auto;
border: 0;
color: var(--text-color);
box-shadow: 0 0 7px rgba(51, 51, 51, 0.15);
border-radius: 25px
}
.woocommerce nav.woocommerce-pagination {
text-align: center
}
.woocommerce nav.woocommerce-pagination ul {
display: inline-block;
white-space: nowrap;
padding: 0;
margin-top: 24px;
}
.woocommerce nav.woocommerce-pagination ul li {
padding: 0;
margin: 0;
float: right;
display: inline;
overflow: hidden
}
.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span {
margin: 0;
text-decoration: none;
line-height: 1;
font-size: 1.1em;
font-weight: 400;
padding: .5em;
min-width: 1em;
display: block;
}
.woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current {
background: #ebe9eb;
color: #8a7e88
}
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
font-size: 100%;
margin: 0;
line-height: 1;
cursor: pointer;
position: relative;
text-decoration: none;
overflow: visible;
padding: 1em;
font-weight: 700;
border-radius: 50px;
right: auto;
color: #fff;
background: var(--second-color) none;
border: 0;
display: inline-block;
box-shadow: none;
text-shadow: none
}
.woocommerce #reviews #comments .add_review::after, .woocommerce #reviews #comments .add_review::before, .woocommerce #reviews #comments ol.commentlist::after, .woocommerce #reviews #comments ol.commentlist::before {
display: table;
content: ' '
}
.woocommerce #respond input#submit.loading, .woocommerce a.button.loading, .woocommerce button.button.loading, .woocommerce input.button.loading {
opacity: .25;
padding-left: 2.618em
}
.woocommerce #respond input#submit.loading::after, .woocommerce a.button.loading::after, .woocommerce button.button.loading::after, .woocommerce input.button.loading::after {
font-family: WooCommerce;
content: '\e01c';
vertical-align: top;
font-weight: 400;
position: absolute;
top: .618em;
left: 1em;
-webkit-animation: spin 2s linear infinite;
animation: spin 2s linear infinite
}
.woocommerce #respond input#submit.added::after, .woocommerce a.button.added::after, .woocommerce button.button.added::after, .woocommerce input.button.added::after {
font: 16px WooCommerce;
content: '\e017';
margin-right: .53em;
vertical-align: bottom;
background-color: var(--main-color);
width: 32px;
height: 32px;
margin-right: 0;
padding: 8px;
color: #ffff;
position: absolute;
left: 0;
border-radius: 55px;
right: 0
}
.woocommerce #respond input#submit.disabled, .woocommerce #respond input#submit:disabled, .woocommerce #respond input#submit:disabled[disabled], .woocommerce a.button.disabled, .woocommerce a.button:disabled, .woocommerce a.button:disabled[disabled], .woocommerce button.button.disabled, .woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled], .woocommerce input.button.disabled, .woocommerce input.button:disabled, .woocommerce input.button:disabled[disabled] {
cursor: not-allowed;
opacity: .5
}
.woocommerce #respond input#submit.disabled:hover, .woocommerce #respond input#submit:disabled:hover, .woocommerce #respond input#submit:disabled[disabled]:hover, .woocommerce a.button.disabled:hover, .woocommerce a.button:disabled:hover, .woocommerce a.button:disabled[disabled]:hover, .woocommerce button.button.disabled:hover, .woocommerce button.button:disabled:hover, .woocommerce button.button:disabled[disabled]:hover, .woocommerce input.button.disabled:hover, .woocommerce input.button:disabled:hover, .woocommerce input.button:disabled[disabled]:hover {
color: inherit;
background-color: #ebe9eb
}
.woocommerce .cart .button, .woocommerce .cart input.button {
float: none
}
.woocommerce a.added_to_cart {
padding-top: .5em
}
.woocommerce #reviews h2 small {
float: left;
color: var(--text-color);
font-size: 15px;
margin: 10px 0 0
}
.woocommerce #reviews h2 small a {
text-decoration: none;
color: var(--text-color)
}
.woocommerce #reviews h3 {
margin: 0
}
.woocommerce #reviews #respond {
margin: 0;
border: 0;
padding: 0
}
.woocommerce #reviews #comment {
height: 75px
}
.woocommerce #reviews #comments h2 {
clear: none
}
.woocommerce #review_form #respond::after, .woocommerce #reviews #comments ol.commentlist li .comment-text::after, .woocommerce #reviews #comments ol.commentlist::after, .woocommerce ul.cart_list li dl::after, .woocommerce ul.cart_list li::after, .woocommerce ul.product_list_widget li dl::after, .woocommerce ul.product_list_widget li::after, .woocommerce-product-rating::after {
clear: both
}
.woocommerce #reviews #comments ol.commentlist {
margin: 0;
width: 100%;
background: 0 0;
list-style: none
}
.woocommerce #reviews #comments ol.commentlist li {
position: relative
}
.woocommerce #reviews #comments ol.commentlist li .meta {
font-size: .85em;
display: inline-block;
background-color: var(--neutral-color);
padding: 1px 25px;
border-radius: 35px;
color: #fff
}
.woocommerce #reviews #comments ol.commentlist li img.avatar {
position: absolute;
top: 15px;
right: 15px;
padding: 3px;
width: 70px;
border-radius: 70px
}
.woocommerce #reviews #comments ol.commentlist li .comment-text {
margin: 0 70px 0 0;
padding: 1em 1em 0
}
.woocommerce #reviews #comments ol.commentlist li .comment-text::after, .woocommerce #reviews #comments ol.commentlist li .comment-text::before {
content: ' ';
display: table
}
.woocommerce #reviews #comments ol.commentlist ul.children {
list-style: none;
margin: 20px 50px 0 0
}
.woocommerce #reviews #comments ol.commentlist ul.children .star-rating {
display: none
}
.woocommerce #reviews #comments ol.commentlist #respond {
border: 1px solid #e4e1e3;
border-radius: 4px;
padding: 1em 1em 0;
margin: 20px 50px 0 0
}
.woocommerce #reviews #comments .commentlist > li::before {
content: ''
}
.star-rating {
float: left;
overflow: hidden;
position: relative;
height: 1em;
font: 1em/1 star;
width: 5.4em
}
.star-rating span, .star-rating span::before, .star-rating:before {
position: absolute;
right: 0;
top: 0
}
.star-rating:before {
content: '\73\73\73\73\73';
color: #d3ced2;
float: right
}
.star-rating span {
overflow: hidden;
float: right;
padding-top: 1.5em
}
.star-rating span::before {
content: '\53\53\53\53\53';
color: #ffc000
}
.woocommerce-product-rating {
line-height: 2;
display: block
}
.woocommerce-product-rating::after, .woocommerce-product-rating::before {
content: ' ';
display: table
}
.woocommerce-product-rating .star-rating {
margin: .5em 0 5px 4px;
float: right
}
.woocommerce .products .star-rating {
display: block;
margin: 0 0 .5em;
float: none
}
.hreview-aggregate .star-rating {
margin: 10px 0 0
}
.woocommerce #review_form #respond {
position: static;
margin: 0;
width: auto;
padding: 0;
background: 0 0;
border: 0
}
.woocommerce table.shop_table tbody th, .woocommerce table.shop_table td, .woocommerce table.shop_table tfoot td, .woocommerce table.shop_table tfoot th {
border-top: 1px solid rgba(0, 0, 0, .1)
}
.woocommerce #review_form #respond::after, .woocommerce #review_form #respond::before {
content: ' ';
display: table
}
.woocommerce p.stars a::before, .woocommerce p.stars a:hover ~ a::before {
content: '\e021'
}
.woocommerce #review_form #respond p {
margin: 0 0 10px
}
.woocommerce #review_form #respond .form-submit input {
right: auto
}
.woocommerce #review_form #respond textarea {
box-sizing: border-box;
width: 100%
}
.woocommerce p.stars a {
position: relative;
height: 1em;
width: 1em;
text-indent: -999em;
display: inline-block;
text-decoration: none
}
.woocommerce p.stars a::before {
display: block;
position: absolute;
top: 0;
right: 0;
width: 1em;
height: 1em;
line-height: 1;
font-family: WooCommerce;
text-indent: 0
}
.woocommerce p.stars.selected a.active::before, .woocommerce p.stars:hover a::before {
content: '\e020'
}
.woocommerce p.stars.selected a.active ~ a::before {
content: '\e021'
}
.woocommerce p.stars.selected a:not(.active)::before {
content: '\e020'
}
.woocommerce table.shop_attributes {
margin-bottom: 1.618em;
width: 100%;
border-spacing: 12px;
border-collapse: separate;
border: 0
}
.woocommerce table.shop_attributes th {
font-weight: 700;
padding: 8px 15px 8px 8px;
margin: 0;
line-height: 1.5;
width: 22%;
border: 0;
background-color: rgba(242, 247, 255, .2);
box-shadow: 0 0 5px rgba(51, 51, 51, .02);
font-size: 14px
}
.woocommerce table.shop_attributes td {
margin: 0;
line-height: 1.5;
font-size: 13px;
font-style: normal;
width: 77%;
padding: 5px 20px 5px 5px;
border: 0;
background-color: rgba(242, 247, 255, .2);
box-shadow: 0 0 5px rgba(51, 51, 51, .02)
}
.woocommerce table.shop_attributes td p {
margin: 0;
padding: 8px 0
}
.woocommerce table.shop_attributes tr:nth-child(even) td, .woocommerce table.shop_attributes tr:nth-child(even) th {
background: rgba(0, 0, 0, .025)
}
.woocommerce table.shop_table {
margin: 0 0 10px -1px;
text-align: right;
width: 100%;
border-collapse: separate
}
.woocommerce table.shop_table th {
padding: 8px 20px 8px 0
}
.woocommerce table.shop_table td {
padding: 8px 12px;
vertical-align: middle
}
.woocommerce table.shop_table td small {
font-weight: 400
}
.woocommerce table.my_account_orders .button {
white-space: nowrap
}
.woocommerce table.my_account_orders .order-actions {
text-align: center
}
.woocommerce table.woocommerce-MyAccount-downloads td, .woocommerce table.woocommerce-MyAccount-downloads th {
vertical-align: top;
text-align: center
}
.woocommerce table.woocommerce-MyAccount-downloads td:first-child, .woocommerce table.woocommerce-MyAccount-downloads td:last-child, .woocommerce table.woocommerce-MyAccount-downloads th:first-child, .woocommerce table.woocommerce-MyAccount-downloads th:last-child {
text-align: right
}
.woocommerce table.woocommerce-MyAccount-downloads td .woocommerce-MyAccount-downloads-file::before, .woocommerce table.woocommerce-MyAccount-downloads th .woocommerce-MyAccount-downloads-file::before {
content: '\2193';
display: inline-block
}
.woocommerce td.product-name .wc-item-meta, .woocommerce td.product-name dl.variation {
list-style: none
}
.woocommerce td.product-name .wc-item-meta .wc-item-meta-label, .woocommerce td.product-name .wc-item-meta dt, .woocommerce td.product-name dl.variation .wc-item-meta-label, .woocommerce td.product-name dl.variation dt {
float: right;
clear: both;
margin-left: .25em;
display: inline-block;
list-style: none
}
.woocommerce td.product-name .wc-item-meta dd, .woocommerce td.product-name dl.variation dd {
margin: 0
}
.woocommerce td.product-name .wc-item-meta p, .woocommerce td.product-name .wc-item-meta:last-child, .woocommerce td.product-name dl.variation p, .woocommerce td.product-name dl.variation:last-child {
margin-bottom: 0
}
.woocommerce td.product-name p.backorder_notification {
font-size: .83em
}
.woocommerce td.product-quantity {
min-width: 80px
}
.woocommerce ul.cart_list, .woocommerce ul.product_list_widget {
list-style: none;
padding: 0;
margin: 0
}
.woocommerce ul.cart_list li, .woocommerce ul.product_list_widget li {
padding: 4px 0;
margin: 0;
list-style: none
}
.woocommerce ul.cart_list li::after, .woocommerce ul.cart_list li::before, .woocommerce ul.product_list_widget li::after, .woocommerce ul.product_list_widget li::before {
content: ' ';
display: table
}
.woocommerce ul.cart_list li a, .woocommerce ul.product_list_widget li a {
display: block;
font-weight: 700
}
.woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img {
float: left;
margin-right: 4px;
width: 32px;
height: auto;
box-shadow: none
}
.woocommerce ul.cart_list li dl, .woocommerce ul.product_list_widget li dl {
margin: 0;
padding-right: 1em;
border-right: 2px solid rgba(0, 0, 0, .1)
}
.woocommerce ul.cart_list li dl::after, .woocommerce ul.cart_list li dl::before, .woocommerce ul.product_list_widget li dl::after, .woocommerce ul.product_list_widget li dl::before {
content: ' ';
display: table
}
.woocommerce ul.cart_list li dl dd, .woocommerce ul.cart_list li dl dt, .woocommerce ul.product_list_widget li dl dd, .woocommerce ul.product_list_widget li dl dt {
display: inline-block;
float: right;
margin-bottom: 1em
}
.woocommerce ul.cart_list li dl dt, .woocommerce ul.product_list_widget li dl dt {
font-weight: 700;
padding: 0 0 .25em;
margin: 0 0 0 4px;
clear: right
}
#add_payment_method .wc-proceed-to-checkout::after, .woocommerce .widget_rating_filter ul li::after, .woocommerce .widget_shopping_cart .buttons::after, .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item::after, .woocommerce ul.order_details::after, .woocommerce-account .addresses .title::after, .woocommerce-account .woocommerce::after, .woocommerce-cart .wc-proceed-to-checkout::after, .woocommerce-checkout .wc-proceed-to-checkout::after, .woocommerce-error::after, .woocommerce-info::after, .woocommerce-message::after, .woocommerce.widget_shopping_cart .buttons::after {
clear: both
}
.woocommerce ul.cart_list li dl dd, .woocommerce ul.product_list_widget li dl dd {
padding: 0 0 .25em
}
.woocommerce ul.cart_list li dl dd p:last-child, .woocommerce ul.product_list_widget li dl dd p:last-child {
margin-bottom: 0
}
.woocommerce ul.cart_list li .star-rating, .woocommerce ul.product_list_widget li .star-rating {
float: none
}
.woocommerce .widget_shopping_cart .total, .woocommerce.widget_shopping_cart .total {
border-top: 3px double #ebe9eb;
padding: 4px 0 0
}
.woocommerce .widget_shopping_cart .total strong, .woocommerce.widget_shopping_cart .total strong {
min-width: 40px;
display: inline-block
}
.woocommerce .widget_shopping_cart .cart_list li, .woocommerce.widget_shopping_cart .cart_list li {
padding-right: 2em;
position: relative;
padding-top: 0
}
.woocommerce .widget_shopping_cart .cart_list li a.remove, .woocommerce.widget_shopping_cart .cart_list li a.remove {
position: absolute;
top: 0;
right: 0
}
.woocommerce .widget_shopping_cart .buttons::after, .woocommerce .widget_shopping_cart .buttons::before, .woocommerce.widget_shopping_cart .buttons::after, .woocommerce.widget_shopping_cart .buttons::before {
content: ' ';
display: table
}
.woocommerce .widget_shopping_cart .buttons a, .woocommerce.widget_shopping_cart .buttons a {
margin-left: 5px;
margin-bottom: 5px
}
.woocommerce form .form-row {
padding: 3px
}
.woocommerce form .form-row [placeholder]:focus::-webkit-input-placeholder {
-webkit-transition: opacity .5s .5s ease;
transition: opacity .5s .5s ease;
opacity: 0
}
.woocommerce form .form-row label {
line-height: 2
}
.woocommerce form .form-row label.hidden {
visibility: hidden
}
.woocommerce form .form-row label.inline {
display: inline
}
.woocommerce form .form-row .woocommerce-input-wrapper .description {
background: #1e85be;
color: #fff;
border-radius: 3px;
padding: 1em;
margin: .5em 0 0;
clear: both;
display: none;
position: relative
}
.woocommerce form .form-row .woocommerce-input-wrapper .description a {
color: #fff;
text-decoration: underline;
border: 0;
box-shadow: none
}
.woocommerce form .form-row .woocommerce-input-wrapper .description:before {
right: 50%;
top: 0;
margin-top: -4px;
-webkit-transform: translatex(50%) rotate(-180deg);
-ms-transform: translatex(50%) rotate(-180deg);
transform: translatex(50%) rotate(-180deg);
content: "";
position: absolute;
border-width: 4px 6px 0;
border-style: solid;
border-color: #1e85be transparent transparent;
z-index: 100;
display: block
}
.woocommerce form .form-row select {
cursor: pointer
}
.woocommerce form .form-row .required {
color: red;
font-weight: 700;
border: 0 !important;
text-decoration: none;
visibility: hidden
}
.woocommerce form .form-row .optional {
visibility: visible
}
.woocommerce form .form-row .input-checkbox {
display: inline;
margin: -2px 0 0 8px;
text-align: center;
vertical-align: middle
}
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {
box-sizing: border-box;
width: 100%;
margin: 0;
outline: 0;
line-height: normal
}
[data-theme="dark"] .woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {
background-color: var(--element-background-color);
color: var(--text-color)
}
.woocommerce form .form-row textarea {
height: 4em;
line-height: 1.5;
display: block;
box-shadow: none
}
.woocommerce form .form-row.woocommerce-invalid label {
color: #a00
}
.woocommerce form .form-row.woocommerce-invalid .select2-container, .woocommerce form .form-row.woocommerce-invalid input.input-text, .woocommerce form .form-row.woocommerce-invalid select {
border-color: #f84a67;
border-width: 2px
}
.woocommerce form .form-row.woocommerce-validated .select2-container, .woocommerce form .form-row.woocommerce-validated input.input-text, .woocommerce form .form-row.woocommerce-validated select {
border-color: var(--second-color);
border-width: 2px
}
.woocommerce .woocommerce-customer-details .woocommerce-customer-details--email::before, .woocommerce .woocommerce-customer-details .woocommerce-customer-details--phone::before {
font-family: WooCommerce;
speak: none;
font-weight: 400;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
margin-left: .618em;
text-decoration: none;
margin-right: -1.5em;
line-height: 1.75;
position: absolute
}
.woocommerce .woocommerce-customer-details, .woocommerce .woocommerce-order-details, .woocommerce .woocommerce-order-downloads {
margin-bottom: 2em
}
.woocommerce .woocommerce-customer-details:last-child, .woocommerce .woocommerce-order-details:last-child, .woocommerce .woocommerce-order-downloads:last-child {
margin-bottom: 0
}
.woocommerce .woocommerce-customer-details address {
font-style: normal;
margin-bottom: 0;
border: 1px solid rgba(0, 0, 0, .1);
border-bottom-width: 2px;
border-left-width: 2px;
text-align: right;
width: 100%;
border-radius: 5px;
padding: 6px 12px
}
.woocommerce .woocommerce-customer-details .woocommerce-customer-details--email, .woocommerce .woocommerce-customer-details .woocommerce-customer-details--phone {
margin-bottom: 0;
padding-right: 1.5em
}
.woocommerce .woocommerce-customer-details .woocommerce-customer-details--phone::before {
content: ""
}
.woocommerce .woocommerce-customer-details .woocommerce-customer-details--email::before {
content: ""
}
.woocommerce .woocommerce-widget-layered-nav-list {
margin: 0;
padding: 0;
border: 0;
list-style: none
}
.woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item {
list-style: none;
position: relative;
margin-bottom: 2px;
padding: 5px 0
}
.woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item::after, .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item::before {
content: ' ';
display: table
}
.woocommerce .widget_layered_nav_filters ul li a::before, .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item--chosen a::before {
font-family: WooCommerce;
speak: none;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
content: "";
text-decoration: none;
font-weight: 400
}
.woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item a, .woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item span {
padding: 1px 0
}
.woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item--chosen a::before {
margin-left: .618em;
color: #a00
}
.woocommerce .widget_layered_nav_filters ul {
margin: 0;
padding: 0;
border: 0;
list-style: none;
overflow: hidden;
zoom: 1
}
.woocommerce .widget_layered_nav_filters ul li {
float: right;
padding: 0 1px 1px 1em;
list-style: none
}
.woocommerce .widget_layered_nav_filters ul li a {
text-decoration: none
}
.woocommerce .widget_layered_nav_filters ul li a::before {
vertical-align: inherit;
margin-left: .5em;
color: var(--main-color)
}
.woocommerce .widget_price_filter .price_slider {
margin-bottom: 1em
}
.woocommerce .widget_price_filter .price_slider_amount {
text-align: center;
line-height: 2.4;
font-size: .8751em;
}
.woocommerce .widget_rating_filter ul li.chosen a::before, .woocommerce-account ul.digital-downloads li::before {
font-family: WooCommerce;
speak: none;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
text-decoration: none
}
.woocommerce .widget_price_filter .price_slider_amount .button {
font-size: 1.15em;
display: block;
width: 60%;
margin: 0 auto;
float: none
}
.woocommerce .widget_price_filter .ui-slider {
position: relative;
text-align: right;
margin: 30px .5em
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle {
position: absolute;
z-index: 2;
border-radius: 5px;
outline: 0;
margin-left: -.5em;
background-color: var(--element-background-color);
border: 2px solid var(--neutral-color);
width: 21px;
height: 21px;
cursor: auto;
transition-duration: .3s;
top: -9px;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-range {
position: absolute;
z-index: 1;
font-size: .7em;
display: block;
border: 0;
border-radius: 1em;
background-color: var(--main-color)
}
.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content {
background-color: var(--neutral-color);
}
.woocommerce .widget_price_filter .ui-slider-horizontal .ui-slider-range {
top: 0;
height: 100%
}
.woocommerce .widget_price_filter .ui-slider-horizontal .ui-slider-range-min {
right: -1px
}
.woocommerce .widget_price_filter .ui-slider-horizontal .ui-slider-range-max {
left: -1px
}
.woocommerce .widget_rating_filter ul {
margin: 0;
padding: 0;
border: 0;
list-style: none
}
.woocommerce .widget_rating_filter ul li {
padding: 0 0 1px;
list-style: none
}
.woocommerce .widget_rating_filter ul li::after, .woocommerce .widget_rating_filter ul li::before {
content: ' ';
display: table
}
.woocommerce .widget_rating_filter ul li a {
padding: 0 !important;
text-decoration: none;
}
.woocommerce .widget_rating_filter ul li .star-rating {
float: none;
display: inline-block
}
.woocommerce .widget_rating_filter ul li.chosen a::before {
font-weight: 400;
margin-left: .618em;
content: "";
color: #a00
}
.woocommerce-no-js form.woocommerce-form-coupon, .woocommerce-no-js form.woocommerce-form-login {
display: block !important
}
.woocommerce-no-js .showcoupon, .woocommerce-no-js .woocommerce-form-coupon-toggle, .woocommerce-no-js .woocommerce-form-login-toggle {
display: none !important
}
.woocommerce-error, .woocommerce-info, .woocommerce-message {
margin: 0 0 2em;
position: relative;
background-color: var(--element-background-color);
color: var(--text-color);
border-top: 3px solid #a46497;
list-style: none;
width: auto;
word-wrap: break-word;
padding: 1em 3.5em 1em 2em !important
}
.woocommerce-error::after, .woocommerce-error::before, .woocommerce-info::after, .woocommerce-info::before, .woocommerce-message::after, .woocommerce-message::before {
content: ' ';
display: table
}
.woocommerce-error::before, .woocommerce-info::before, .woocommerce-message::before {
font-family: WooCommerce;
content: '\e028';
display: inline-block;
position: absolute;
top: 1em;
right: 1.5em
}
.woocommerce-error .button, .woocommerce-info .button, .woocommerce-message .button {
float: left
}
.woocommerce-error li, .woocommerce-info li, .woocommerce-message li {
list-style: none none;
padding-right: 0 !important;
margin-right: 0 !important
}
.rtl.woocommerce .price_label, .rtl.woocommerce .price_label span {
direction: ltr;
unicode-bidi: embed;
margin-top: 14px;
}
.woocommerce-message {
border-top-color: #8fae1b
}
.woocommerce-message::before {
content: '\e015';
color: #8fae1b
}
.woocommerce-info {
border-top-color: #1e85be
}
.woocommerce-info::before {
color: #1e85be
}
.woocommerce-error {
border-top-color: #b81c23
}
.woocommerce-error::before {
content: '\e016';
color: #b81c23
}
.woocommerce-account .addresses .title::after, .woocommerce-account .addresses .title::before, .woocommerce-account .woocommerce::after, .woocommerce-account .woocommerce::before {
content: ' ';
display: table
}
.woocommerce-account .addresses .title h3 {
float: right
}
.woocommerce-account .addresses .title .edit, .woocommerce-account ul.digital-downloads li .count {
float: left
}
.woocommerce-account ol.commentlist.notes li.note p.meta {
font-weight: 700;
margin-bottom: 0
}
.woocommerce-account ol.commentlist.notes li.note .description p:last-child {
margin-bottom: 0
}
.woocommerce-account ul.digital-downloads {
margin-right: 0;
padding-right: 0
}
.woocommerce-account ul.digital-downloads li {
list-style: none;
margin-right: 0;
padding-right: 0
}
.woocommerce-account ul.digital-downloads li::before {
font-weight: 400;
margin-left: .618em;
content: ""
}
#add_payment_method table.cart .product-thumbnail, .woocommerce-cart table.cart .product-thumbnail, .woocommerce-checkout table.cart .product-thumbnail {
min-width: 32px
}
#add_payment_method table.cart img, .woocommerce-cart table.cart img, .woocommerce-checkout table.cart img {
box-shadow: none;
width: 100px;
margin: 0 auto
}
#add_payment_method table.cart td, #add_payment_method table.cart th, .woocommerce-cart table.cart td, .woocommerce-cart table.cart th, .woocommerce-checkout table.cart td, .woocommerce-checkout table.cart th {
vertical-align: middle
}
#add_payment_method table.cart td.actions .coupon .input-text, .woocommerce-cart table.cart td.actions .coupon .input-text, .woocommerce-checkout table.cart td.actions .coupon .input-text {
float: right;
box-sizing: border-box;
border: 1px solid #d3ced2;
padding: 6px 6px 5px;
margin: 0 0 0 4px;
outline: 0
}
#add_payment_method table.cart input, .woocommerce-cart table.cart input, .woocommerce-checkout table.cart input {
margin: 0;
vertical-align: middle
}
#add_payment_method .wc-proceed-to-checkout, .woocommerce-cart .wc-proceed-to-checkout, .woocommerce-checkout .wc-proceed-to-checkout {
padding: 1em 0
}
#add_payment_method .wc-proceed-to-checkout::after, #add_payment_method .wc-proceed-to-checkout::before, .woocommerce-cart .wc-proceed-to-checkout::after, .woocommerce-cart .wc-proceed-to-checkout::before, .woocommerce-checkout .wc-proceed-to-checkout::after, .woocommerce-checkout .wc-proceed-to-checkout::before {
content: ' ';
display: table
}
#add_payment_method .wc-proceed-to-checkout a.checkout-button, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .woocommerce-checkout .wc-proceed-to-checkout a.checkout-button {
display: block;
text-align: center;
margin-bottom: 1em;
font-size: 1.25em;
padding: 1em
}
#add_payment_method .cart-collaterals .shipping_calculator .button, .woocommerce-cart .cart-collaterals .shipping_calculator .button, .woocommerce-checkout .cart-collaterals .shipping_calculator .button {
width: 100%;
float: none;
display: block
}
#add_payment_method .cart-collaterals .shipping_calculator .shipping-calculator-button::after, .woocommerce-cart .cart-collaterals .shipping_calculator .shipping-calculator-button::after, .woocommerce-checkout .cart-collaterals .shipping_calculator .shipping-calculator-button::after {
font-family: WooCommerce;
speak: none;
font-weight: 400;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
margin-right: .618em;
content: "";
text-decoration: none
}
#add_payment_method #payment ul.payment_methods li:not(.woocommerce-notice)::after, #add_payment_method #payment ul.payment_methods li:not(.woocommerce-notice)::before, #add_payment_method #payment ul.payment_methods::after, #add_payment_method #payment ul.payment_methods::before, .woocommerce-cart #payment ul.payment_methods li:not(.woocommerce-notice)::after, .woocommerce-cart #payment ul.payment_methods li:not(.woocommerce-notice)::before, .woocommerce-cart #payment ul.payment_methods::after, .woocommerce-cart #payment ul.payment_methods::before, .woocommerce-checkout #payment ul.payment_methods li:not(.woocommerce-notice)::after, .woocommerce-checkout #payment ul.payment_methods li:not(.woocommerce-notice)::before, .woocommerce-checkout #payment ul.payment_methods::after, .woocommerce-checkout #payment ul.payment_methods::before {
content: ' ';
display: table
}
#add_payment_method .cart-collaterals .cart_totals p small, .woocommerce-cart .cart-collaterals .cart_totals p small, .woocommerce-checkout .cart-collaterals .cart_totals p small {
color: var(--text-color);
font-size: .83em
}
#add_payment_method .cart-collaterals .cart_totals table, .woocommerce-cart .cart-collaterals .cart_totals table, .woocommerce-checkout .cart-collaterals .cart_totals table {
border-collapse: separate;
margin: 0 0 6px;
padding: 0
}
#add_payment_method .cart-collaterals .cart_totals table tr:first-child td, #add_payment_method .cart-collaterals .cart_totals table tr:first-child th, .woocommerce-checkout .cart-collaterals .cart_totals table tr:first-child td, .woocommerce-checkout .cart-collaterals .cart_totals table tr:first-child th {
border-top: 0
}
#add_payment_method .cart-collaterals .cart_totals table th, .woocommerce-cart .cart-collaterals .cart_totals table th, .woocommerce-checkout .cart-collaterals .cart_totals table th {
width: 60%
}
#add_payment_method .cart-collaterals .cart_totals table td, #add_payment_method .cart-collaterals .cart_totals table th, .woocommerce-cart .cart-collaterals .cart_totals table td, .woocommerce-cart .cart-collaterals .cart_totals table th, .woocommerce-checkout .cart-collaterals .cart_totals table td, .woocommerce-checkout .cart-collaterals .cart_totals table th {
vertical-align: middle;
border-right: 0;
border-left: 0;
line-height: 1.5em
}
#add_payment_method .cart-collaterals .cart_totals table small, .woocommerce-cart .cart-collaterals .cart_totals table small, .woocommerce-checkout .cart-collaterals .cart_totals table small {
color: var(--text-color)
}
#add_payment_method .cart-collaterals .cart_totals table select, .woocommerce-cart .cart-collaterals .cart_totals table select, .woocommerce-checkout .cart-collaterals .cart_totals table select {
width: 100%
}
#add_payment_method .cart-collaterals .cart_totals .discount td, .woocommerce-cart .cart-collaterals .cart_totals .discount td, .woocommerce-checkout .cart-collaterals .cart_totals .discount td {
color: #77a464
}
#add_payment_method .cart-collaterals .cart_totals tr td, #add_payment_method .cart-collaterals .cart_totals tr th, .woocommerce-checkout .cart-collaterals .cart_totals tr td, .woocommerce-checkout .cart-collaterals .cart_totals tr th {
border-top: 1px solid #ebe9eb
}
#add_payment_method .cart-collaterals .cross-sells ul.products li.product, .woocommerce-cart .cart-collaterals .cross-sells ul.products li.product, .woocommerce-checkout .cart-collaterals .cross-sells ul.products li.product {
margin-top: 0
}
#add_payment_method .checkout .col-2 h3#ship-to-different-address, .woocommerce-cart .checkout .col-2 h3#ship-to-different-address, .woocommerce-checkout .checkout .col-2 h3#ship-to-different-address {
float: right;
clear: none
}
#add_payment_method .checkout .col-2 .form-row-first, #add_payment_method .checkout .col-2 .notes, .woocommerce-cart .checkout .col-2 .form-row-first, .woocommerce-cart .checkout .col-2 .notes, .woocommerce-checkout .checkout .col-2 .form-row-first, .woocommerce-checkout .checkout .col-2 .notes {
clear: right
}
#add_payment_method .checkout .create-account small, .woocommerce-cart .checkout .create-account small, .woocommerce-checkout .checkout .create-account small {
font-size: 11px;
color: var(--text-color);
font-weight: 400
}
#add_payment_method .checkout div.shipping-address, .woocommerce-cart .checkout div.shipping-address, .woocommerce-checkout .checkout div.shipping-address {
padding: 0;
clear: right;
width: 100%
}
#add_payment_method #payment ul.payment_methods li:not(.woocommerce-notice)::after, #add_payment_method #payment ul.payment_methods::after, #add_payment_method .checkout .shipping_address, .single-product .twentythirteen p.stars, .woocommerce-cart #payment ul.payment_methods li:not(.woocommerce-notice)::after, .woocommerce-cart #payment ul.payment_methods::after, .woocommerce-cart .checkout .shipping_address, .woocommerce-checkout #payment ul.payment_methods li:not(.woocommerce-notice)::after, .woocommerce-checkout #payment ul.payment_methods::after, .woocommerce-checkout .checkout .shipping_address {
clear: both
}
#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment {
padding: 20px;
box-shadow: 0 0 15px rgba(26, 26, 26, 0.15);
border-radius: 15px;
background-color: var(--element-background-color)
}
#add_payment_method #payment ul.payment_methods, .woocommerce-cart #payment ul.payment_methods, .woocommerce-checkout #payment ul.payment_methods {
text-align: right;
margin: 0;
list-style: none
}
#add_payment_method #payment ul.payment_methods li img, .woocommerce-cart #payment ul.payment_methods li img, .woocommerce-checkout #payment ul.payment_methods li img {
vertical-align: middle;
margin: -2px .5em 0 0;
padding: 0;
float: left;
position: relative;
box-shadow: none
}
#add_payment_method #payment ul.payment_methods li img + img, .woocommerce-cart #payment ul.payment_methods li img + img, .woocommerce-checkout #payment ul.payment_methods li img + img {
margin-right: 2px
}
#add_payment_method #payment div.form-row, .woocommerce-cart #payment div.form-row, .woocommerce-checkout #payment div.form-row {
padding: 1em
}
#add_payment_method #payment div.payment_box input.input-text, #add_payment_method #payment div.payment_box textarea, .woocommerce-cart #payment div.payment_box input.input-text, .woocommerce-cart #payment div.payment_box textarea, .woocommerce-checkout #payment div.payment_box input.input-text, .woocommerce-checkout #payment div.payment_box textarea {
border-color: #bbb3b9 #c7c1c6 #c7c1c6
}
#add_payment_method #payment div.payment_box::-webkit-input-placeholder, .woocommerce-cart #payment div.payment_box::-webkit-input-placeholder, .woocommerce-checkout #payment div.payment_box::-webkit-input-placeholder {
color: #bbb3b9
}
#add_payment_method #payment div.payment_box:-moz-placeholder, .woocommerce-cart #payment div.payment_box:-moz-placeholder, .woocommerce-checkout #payment div.payment_box:-moz-placeholder {
color: #bbb3b9
}
#add_payment_method #payment div.payment_box:-ms-input-placeholder, .woocommerce-cart #payment div.payment_box:-ms-input-placeholder, .woocommerce-checkout #payment div.payment_box:-ms-input-placeholder {
color: #bbb3b9
}
#add_payment_method #payment div.payment_box .woocommerce-SavedPaymentMethods, .woocommerce-cart #payment div.payment_box .woocommerce-SavedPaymentMethods, .woocommerce-checkout #payment div.payment_box .woocommerce-SavedPaymentMethods {
list-style: none;
margin: 0
}
#add_payment_method #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-new, #add_payment_method #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-token, .woocommerce-cart #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-new, .woocommerce-cart #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-token, .woocommerce-checkout #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-new, .woocommerce-checkout #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-token {
margin: 0 0 .5em
}
#add_payment_method #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-new label, #add_payment_method #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-token label, .woocommerce-cart #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-new label, .woocommerce-cart #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-token label, .woocommerce-checkout #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-new label, .woocommerce-checkout #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-token label {
cursor: pointer
}
#add_payment_method #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-tokenInput, .woocommerce-cart #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-tokenInput, .woocommerce-checkout #payment div.payment_box .woocommerce-SavedPaymentMethods .woocommerce-SavedPaymentMethods-tokenInput {
vertical-align: middle;
margin: -3px 0 0 1em;
position: relative
}
#add_payment_method #payment div.payment_box .wc-credit-card-form, .woocommerce-cart #payment div.payment_box .wc-credit-card-form, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form {
border: 0;
padding: 0;
margin: 1em 0 0
}
#add_payment_method #payment div.payment_box .wc-credit-card-form-card-cvc, #add_payment_method #payment div.payment_box .wc-credit-card-form-card-expiry, #add_payment_method #payment div.payment_box .wc-credit-card-form-card-number, .woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-cvc, .woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-expiry, .woocommerce-cart #payment div.payment_box .wc-credit-card-form-card-number, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-cvc, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-expiry, .woocommerce-checkout #payment div.payment_box .wc-credit-card-form-card-number {
font-size: 1.5em;
padding: 8px;
background: no-repeat left .618em center;
background-size: 32px 20px
}
#add_payment_method #payment div.payment_box span.help, .woocommerce-cart #payment div.payment_box span.help, .woocommerce-checkout #payment div.payment_box span.help {
font-size: .857em;
color: var(--text-color);
font-weight: 400
}
#add_payment_method #payment div.payment_box .form-row, .woocommerce-cart #payment div.payment_box .form-row, .woocommerce-checkout #payment div.payment_box .form-row {
margin: 0 0 1em
}
#add_payment_method #payment div.payment_box p:last-child, .woocommerce-cart #payment div.payment_box p:last-child, .woocommerce-checkout #payment div.payment_box p:last-child {
margin-bottom: 0
}
#add_payment_method #payment .payment_method_paypal .about_paypal, .woocommerce-cart #payment .payment_method_paypal .about_paypal, .woocommerce-checkout #payment .payment_method_paypal .about_paypal {
float: left;
line-height: 52px;
font-size: .83em
}
#add_payment_method #payment .payment_method_paypal img, .woocommerce-cart #payment .payment_method_paypal img, .woocommerce-checkout #payment .payment_method_paypal img {
max-height: 52px;
vertical-align: middle
}
.woocommerce-terms-and-conditions {
border: 1px solid rgba(0, 0, 0, .2);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
background: rgba(0, 0, 0, .05)
}
.woocommerce-invalid #terms {
outline: 2px solid red;
outline-offset: 2px
}
.woocommerce-password-strength {
text-align: center;
font-weight: 600;
padding: 3px .5em;
font-size: 1em
}
.woocommerce-password-strength.strong {
background-color: #c1e1b9;
border-color: #83c373
}
.woocommerce-password-strength.short {
background-color: #f1adad;
border-color: #e35b5b
}
.woocommerce-password-strength.bad {
background-color: #fbc5a9;
border-color: #f78b53
}
.woocommerce-password-strength.good {
background-color: #ffe399;
border-color: #ffc733
}
.woocommerce-password-hint {
margin: .5em 0 0;
display: block
}
.woocommerce form table.shop_table tr td, .woocommerce-page form table.shop_table tr td {
border: 0
}
.woocommerce form table.shop_table tr td.product-remove, .woocommerce-page form table.shop_table tr td.product-remove {
width: 14px;
background-color: #ffe7e7;
border-bottom: 1px solid #ffd5d5
}
.woocommerce form table.shop_table tr td.product-quantity .quantity, .woocommerce-page form table.shop_table tr td.product-quantity .quantity {
border: 1px solid #ddd;
overflow: visible;
display: inline-block
}
.woocommerce form table.shop_table tr td.product-quantity .quantity input.qty, .woocommerce-page form table.shop_table tr td.product-quantity .quantity input.qty {
border: 0;
text-indent: inherit
}
.woocommerce form table.shop_table tr td.product-quantity .quantity input[type=number], .woocommerce-page form table.shop_table tr td.product-quantity .quantity input[type=number] {
-moz-appearance: textfield
}
.woocommerce form table.shop_table tr td.product-quantity .quantity input::-webkit-inner-spin-button, .woocommerce form table.shop_table tr td.product-quantity .quantity input::-webkit-outer-spin-button, .woocommerce-page form table.shop_table tr td.product-quantity .quantity input::-webkit-inner-spin-button, .woocommerce-page form table.shop_table tr td.product-quantity .quantity input::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0
}
.woocommerce form table.shop_table tr td.actions, .woocommerce-page form table.shop_table tr td.actions {
padding: 15px 10px
}
.woocommerce form table.shop_table tr td.actions .coupon, .woocommerce-page form table.shop_table tr td.actions .coupon {
float: left
}
.woocommerce form table.shop_table tr td.actions .coupon input.button, .woocommerce-page form table.shop_table tr td.actions .coupon input.button {
background: var(--main-color);
height: 40px
}
.woocommerce form table.shop_table tr td.actions .coupon input.button:hover, .woocommerce-page form table.shop_table tr td.actions .coupon input.button:hover {
background: #bb2d41
}
.woocommerce form table.shop_table tr td.actions input.button, .woocommerce-page form table.shop_table tr td.actions input.button {
width: auto !important
}
.woocommerce form table.shop_table tr td.actions .box-chekout .button, .woocommerce-page form table.shop_table tr td.actions .box-chekout .button {
background: #ccc;
-webkit-box-shadow: none;
-moz-box-shadow: none;
-o-box-shadow: none;
-ms-box-shadow: none;
box-shadow: none;
text-shadow: none;
font-weight: 400
}
.woocommerce form table.shop_table tr td.actions .box-chekout .button:hover, .woocommerce form table.shop_table tr td.actions .box-chekout .checkout-button.button, .woocommerce-page form table.shop_table tr td.actions .box-chekout .button:hover, .woocommerce-page form table.shop_table tr td.actions .box-chekout .checkout-button.button {
background: var(--main-color);
color: #fff;
border-color: var(--main-color)
}
.woocommerce form table.shop_table tr td.actions .box-chekout .checkout-button.button:hover, .woocommerce-page form table.shop_table tr td.actions .box-chekout .checkout-button.button:hover {
background: #bb2d41
}
.woocommerce #content .woocommerce-error:before, .woocommerce #content .woocommerce-info:before, .woocommerce #content .woocommerce-message:before, .woocommerce #contents .woocommerce-error:before, .woocommerce #contents .woocommerce-info:before, .woocommerce #contents .woocommerce-message:before, .woocommerce-page #content .woocommerce-error:before, .woocommerce-page #content .woocommerce-info:before, .woocommerce-page #content .woocommerce-message:before, .woocommerce-page #contents .woocommerce-error:before, .woocommerce-page #contents .woocommerce-info:before, .woocommerce-page #contents .woocommerce-message:before {
display: none
}
.woocommerce #content .woocommerce-error .wc-forward, .woocommerce #content .woocommerce-info .wc-forward, .woocommerce #content .woocommerce-message .wc-forward, .woocommerce #contents .woocommerce-error .wc-forward, .woocommerce #contents .woocommerce-info .wc-forward, .woocommerce #contents .woocommerce-message .wc-forward, .woocommerce-page #content .woocommerce-error .wc-forward, .woocommerce-page #content .woocommerce-info .wc-forward, .woocommerce-page #content .woocommerce-message .wc-forward, .woocommerce-page #contents .woocommerce-error .wc-forward, .woocommerce-page #contents .woocommerce-info .wc-forward, .woocommerce-page #contents .woocommerce-message .wc-forward {
-webkit-box-shadow: none;
-moz-box-shadow: none;
-o-box-shadow: none;
-ms-box-shadow: none;
box-shadow: none;
text-shadow: none;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-o-border-radius: 3px;
-ms-border-radius: 3px;
border-radius: 3px;
border: 0;
font-weight: 400;
background: var(--main-color);
color: #fff;
font-size: 12px
}
.woocommerce #content .woocommerce-error .wc-forward:hover, .woocommerce #content .woocommerce-info .wc-forward:hover, .woocommerce #content .woocommerce-message .wc-forward:hover, .woocommerce #contents .woocommerce-error .wc-forward:hover, .woocommerce #contents .woocommerce-info .wc-forward:hover, .woocommerce #contents .woocommerce-message .wc-forward:hover, .woocommerce-page #content .woocommerce-error .wc-forward:hover, .woocommerce-page #content .woocommerce-info .wc-forward:hover, .woocommerce-page #content .woocommerce-message .wc-forward:hover, .woocommerce-page #contents .woocommerce-error .wc-forward:hover, .woocommerce-page #contents .woocommerce-info .wc-forward:hover, .woocommerce-page #contents .woocommerce-message .wc-forward:hover {
opacity: .7
}
.woocommerce .entry-content .col2-set, .woocommerce-page .entry-content .col2-set {
width: 40%;
padding-left: 15px;
padding-right: 15px;
display: inline-block
}
.woocommerce .entry-content .col2-set .address, .woocommerce-page .entry-content .col2-set .address {
padding-left: 15px;
padding-right: 15px
}
.woocommerce article header .entry-title, .woocommerce-page article header .entry-title {
font-size: 24px;
color: var(--main-color)
}
.woocommerce-cart #contents, .woocommerce-checkout #contents, .woocommerce-wishlist #contents {
padding: 0
}
.woocommerce #respond input#submit, .woocommerce input.button {
-webkit-border-radius: 0;
-moz-border-radius: 0;
-o-border-radius: 0;
-ms-border-radius: 0;
border-radius: 0;
background-color: var(--second-color);
color: #fff;
font-weight: 400;
border: 0;
-webkit-transition: all .3s;
-moz-transition: all .3s;
-o-transition: all .3s;
-ms-transition: all .3s;
transition: all .3s;
padding: 10px 30px
}
.woocommerce #respond input#submit:hover, .woocommerce input.button:hover {
background-color: var(--main-color);
color: #fff
}
.woocommerce td.product-name dl.variation dd, .woocommerce td.product-name dl.variation dt {
margin-bottom: .25em
}
.rtl.woocommerce .woocommerce-error .button, .rtl.woocommerce .woocommerce-info .button, .rtl.woocommerce .woocommerce-message .button, .woocommerce-product-rating {
float: left
}
.rtl.woocommerce p.stars a {
margin-right: 0;
margin-left: 1em
}
.rtl .social-share-item, .rtl .woocommerce td.product-name dl.variation dd, .rtl .woocommerce td.product-name dl.variation dt, .rtl.woocommerce .entry-content .checkout_coupon .form-row, .rtl.woocommerce .entry-content form.login .form-row-first, .rtl.woocommerce .entry-content form.login .form-row-last, .rtl.woocommerce div.product p.cart, .rtl.woocommerce-account .addresses .title h3, .rtl.woocommerce-page .entry-content .checkout_coupon .form-row, .rtl.woocommerce-page .entry-content form.login .form-row-first, .rtl.woocommerce-page .entry-content form.login .form-row-last {
float: right
}
.woocommerce-order .woocommerce-notice {
text-align: center;
margin-bottom: 15px
}
.quantity {
display: inline
}
.woocommerce button.button.alt:after {
background-color: var(--text-color)
}
.quantity .minus:hover {
background-color: var(--neutral-color);
color: #fff
}
.quantity .plus:hover {
background-color: var(--main-color);
color: #fff
}
.woocommerce #respond input#submit.alt.disabled, .woocommerce #respond input#submit.alt.disabled:hover,
.woocommerce #respond input#submit.alt:disabled, .woocommerce #respond input#submit.alt:disabled:hover,
.woocommerce #respond input#submit.alt:disabled[disabled], .woocommerce #respond input#submit.alt:disabled[disabled]:hover,
.woocommerce a.button.alt.disabled, .woocommerce a.button.alt.disabled:hover, .woocommerce a.button.alt:disabled,
.woocommerce a.button.alt:disabled:hover, .woocommerce a.button.alt:disabled[disabled],
.woocommerce a.button.alt:disabled[disabled]:hover, .woocommerce button.button.alt.disabled,
.woocommerce button.button.alt.disabled:hover, .woocommerce button.button.alt:disabled, .woocommerce button.button.alt:disabled:hover,
.woocommerce button.button.alt:disabled[disabled], .woocommerce button.button.alt:disabled[disabled]:hover,
.woocommerce input.button.alt.disabled, .woocommerce input.button.alt.disabled:hover, .woocommerce input.button.alt:disabled,
.woocommerce input.button.alt:disabled:hover, .woocommerce input.button.alt:disabled[disabled], .woocommerce input.button.alt:disabled[disabled]:hover {
background: var(--second-color)
}
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
background-color: var(--second-color);
border-radius: 9px;
padding: 14px 25px;
color: #fff;
transition-duration: 0.3s;
}.home #main {
margin-top: 80px
}
.search-results .zanbil_breadcrumbs .row {
margin-left: 0
}
.archive aside.sidebar, .blog aside.sidebar, .single-post aside.sidebar {
padding-left: 5px;
} .slick-slider {
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent
}
.slick-list {
overflow: hidden;
margin: 0;
padding: 0
}
.slick-list:focus {
outline: 0
}
.slick-list.dragging {
cursor: pointer;
cursor: hand
}
.slick-slider .slick-list, .slick-slider .slick-track {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
.slick-track {
left: 0;
top: 0
}
.slick-track:after, .slick-track:before {
content: "";
display: table
}
.slick-track:after {
clear: both
}
.slick-slide {
float: right;
min-height: 1px;
position: relative;
outline: 0;
display: none
}
.slick-slide img {
margin: 0 auto;
display: block;
border-radius: 15px
}  .slick-slide.slick-loading img {
display: none
}
.slick-slide.dragging img {
pointer-events: none
}
.slick-initialized .slick-slide {
display: block
}
.slick-initialized .item-countdown.slick-slide {
box-shadow: unset
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 4px solid transparent
}
.slick-arrow.slick-hidden {
display: none
}
.slick-loading .slick-slide, .slick-loading .slick-track {
visibility: hidden
}
#image_slider .res-button.slick-arrow {
background: unset;
box-shadow: unset;
color: #fff;
margin: 0 12px;
padding: 0;
}
.zanbil_breadcrumbs {
margin-bottom: 7px;
margin-top: 10px
}
.zanbil_breadcrumbs .row {
padding: 0 15px;
position: relative;
}
.zanbil_breadcrumbs .row .listing-title {
padding: 10px 0;
background-color: var(--background-color)
}
.zanbil_breadcrumbs .listing-title h1, .zanbil_breadcrumbs .listing-title p, .zanbil_breadcrumbs .listing-title > span {
color: #aaa;
font-size: 15px;
position: absolute;
left: 15px;
padding-right: 12px
}
.zanbil_breadcrumbs .breadcrumbs .breadcrumb {
margin: 0
}
.zanbil_breadcrumbs .breadcrumbs .breadcrumb li {
font-size: 13px
}
.breadcrumb > li, .pagination {
display: inline-block
}
.zanbil_breadcrumbs .breadcrumbs .breadcrumb li i {
vertical-align: middle;
font-size: 14px
}
.zanbil_breadcrumbs .breadcrumbs .breadcrumb li .fal.fa-home-alt {
margin-right: 20px;
font-size: 19px
}
.zanbil_breadcrumbs .breadcrumbs .breadcrumb li .go-page {
padding: 0 10px;
font-size: 10px
}
.zanbil_breadcrumbs .breadcrumbs .breadcrumb li + li:before {
display: none
}
.zanbil_breadcrumbs .breadcrumbs .breadcrumb li.active {
color: var(--main-color);
font-weight: 700
}
.breadcrumb li:first-child a::before {
content: '\f015';
font: 18px "Font Awesome 5 pro" !important
}
.breadcrumb li:first-child a {
font-size: 0
} .ordertrack-ico.dark-switch {
position: absolute;
top: -44px;
border: unset;
background: #000;
height: 32px;
border-radius: 35px;
width: 32px
}
[data-theme="dark"] .ordertrack-ico.dark-switch {
background: #fff;
height: 30px;
width: 30px
}
.ordertrack-ico.dark-switch input {
height: 30px;
width: 30px;
margin: 0;
position: absolute;
top: 0;
opacity: 0
}
.ordertrack-ico.dark-switch::before {
content: '\f755';
font: 22px/30px "Font Awesome 5 Pro";
z-index: 999;
color: #fff
}
[data-theme="dark"] .ordertrack-ico.dark-switch::before {
content: '\f185';
color: #000
}
.dark-switch-header {
position: absolute;
left: 0;
margin-top: 14px;
width: 45px;
height: 30px;
background: #000;
border-top-right-radius: 20px;
border-bottom-right-radius: 20px
}
[data-theme="dark"] .dark-switch-header {
background: #fff;
line-height: 30px
}
.dark-switch-header::before {
content: '\f755';
font: 22px/30px "Font Awesome 5 Pro";
z-index: 999;
color: #fff;
margin-right: 8px
}
[data-theme="dark"] .dark-switch-header::before {
content: '\f185';
color: #000
}
.dark-switch-header input {
margin: 0;
width: 45px;
height: 35px;
position: absolute;
top: 0;
opacity: 0
}
.sticky-menu .dark-switch-header {
width: 32px;
z-index: 999;
line-height: 28px
}
.loading {
position: relative;
max-height: 300px
}
.loading::before {
background: url(//lustersazan.com/wp-content/themes/zanbil/assets/img/loadingp.gif) center center no-repeat;
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
z-index: 99;
display: block;
background-size: 22px;
float: right;
border-radius: 40px
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
border-color: #ddd !important
}
.woocommerce-Price-amount {
color: var(--text-color);
font-weight: 700;
}
.price del .woocommerce-Price-amount {
font-size: 20px;
color: var(--text-color)
}
del .woocommerce-Price-amount {
color: #d90429;
}
del {
color: #d90429;
}
ins {
text-decoration: none
}
del .woocommerce-Price-amount .woocommerce-Price-currencySymbol {
display: none
}
.wpb_gmaps_widget .wpb_wrapper {
padding: 0
}
.wpb_gmaps_widget .wpb_wrapper .wpb_map_wraper {
border: 5px solid #fff
}
.nav-tabs > li {
float: right
}
.nav-tabs > li a {
font-size: 14px
}
.woocommerce form .form-row::-webkit-input-placeholder,
.woocommerce form .form-row:-moz-placeholder ,
.woocommerce form .form-row:-ms-input-placeholder
{
line-height: normal
}
@-webkit-keyframes spin {
100% {
-webkit-transform: rotate(-360deg);
transform: rotate(-360deg)
}
}
@keyframes spin {
100% {
-webkit-transform: rotate(-360deg);
transform: rotate(-360deg)
}
}
.item {
box-shadow: 0 0 13px rgba(0, 0, 0, 0.08);
}
.add-cart-hov {
float: right
}
.add-cart-hov a.add_to_cart_button {
background-color: var(--second-color);
display: inline-block;
border-radius: 10px;
margin-left: 12px;
padding: 0;
}
.add-cart-hov a.add_to_cart_button .fa-plus {
color: #fff;
font-size: 20px;
line-height: 35px;
width: 35px;
height: 35px;
margin: 0;
vertical-align: middle;
text-align: center
}
.add-cart-hov a span {
opacity: 0;
font-size: 0;
color: #fff;
transform: scaleX(0);
transition-duration: 0.3s
}
.add-cart-hov .loading::before {
background-color: var(--second-color);
}
.item-detail:hover .add-cart-hov a span {
opacity: 1;
font-size: 11px;
transform: scaleX(1);
padding-left: 15px
}
.outofstock .item-detail .item-price {
position: relative;
display: inline-block;
margin: 0;
}
.outofstock .item-detail .item-price::before {
content: 'ناموجود';
position: absolute;
background-color: var(--background-color);
font-size: 16px;
font-weight: bold;
z-index: 1;
text-align: center;
inset: 0;
}
.outofstock .add-cart-hov a.add_to_cart_button {
background-color: var(--neutral-color)
}
.outofstock .add-cart-hov a.add_to_cart_button .fa-plus::before {
content: "\f0f3"
}
.slick-slide .item-description {
display: none
}
.item-content.products-content {
min-height: 60px
}
.woocommerce div.product form.cart .button:before {
display: none
}
.woocommerce div.product form.cart .button.loading {
color: transparent;
opacity: 1
}
.woocommerce div.product form.cart .button.loading:hover {
background: 0 0;
border-color: #ddd
}
.woocommerce div.product form.cart .button.loading:before {
background: url(//lustersazan.com/wp-content/themes/zanbil/assets/img/loadingp.gif) center center no-repeat;
content: "";
position: absolute;
right: 50%;
top: 50%;
width: 32px;
height: 32px;
margin-right: -16px;
margin-top: -16px;
z-index: 99;
display: block
}
.woocommerce div.product form.cart .button.added:before, .woocommerce div.product form.cart .button.loading:after {
display: none
}
.woocommerce div.product form.cart .button.added {
background: url(//lustersazan.com/wp-content/themes/zanbil/assets/img/added.png) center center no-repeat var(--main-color) !important;
text-indent: -9999px !important
}
.select2-container--default .select2-selection--single {
border: 1px solid #ddd !important;
border-radius: 10px !important;
background-color: var(--element-background-color)
}
.select2-container .select2-selection--single {
border: 1px solid #d7dbe0;
height: 45px !important;
color: var(--text-color)
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
line-height: 40px !important;
color: var(--text-color)
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
top: 5px;
width: 46px;
height: 39px !important
}
.notif-container {
position: absolute;
right: 50%;
top: 35px;
z-index: 9;
display: flex;
flex-direction: row;
justify-content: space-around
}
.wpb_content_element .wpb_tour_tabs_wrapper .wpb_tabs_nav li.ui-tabs-active a, .wpb_content_element .wpb_tour_tabs_wrapper .wpb_tabs_nav li:hover a {
color: #fff
}
.slick-list, .slick-slider, .slick-track {
display: block;
position: relative
}
.product_detail .slider_img_productd .product-images .product-images-container .slick-slider.product-responsive-thumbnail .slick-prev,
.products-wrapper .products-loop.list .item .item-wrap .item-detail .products-thumb .onsale-box {
left: 0
}
.woocommerce button.button.loading, .woocommerce input.button.loading {
padding-left: 18px
}
.woocommerce div.product p.price ins, .woocommerce div.product p.price span > .amount, .woocommerce div.product p.price > .amount, .woocommerce div.product span.price ins, .woocommerce div.product span.price span > .amount, .woocommerce div.product span.price > .amount {
color: var(--text-color);
text-decoration: none;
opacity: 1;
font-size: 22px;
letter-spacing: 1px;
margin-right: 4px
}
.product_detail .onsale-box {
top: 0
}
.woocommerce-product-gallery__image {
opacity: 1 !important
}
.fancybox-wrap .fancybox-outer .product_detail .content_product_detail .product-summary-bottom .cart .quantity {
margin-left: 10px
}
.quickview-container.woocommerce {
margin-top: -15px;
background-color: #fff
}
.quickview-container .tm-woocompare-button, .quickview-container .tm-woowishlist-button {
display: none
}
.quickview-container.woocommerce .content_product_detail .pd .col-md-8 {
width: auto
}
.quickview-container.woocommerce .product_detail .content_product_detail .social-share .share-title {
padding-left: 12%
}
.compare-button-archive:before, .group:before, .res-button.slick-next:before, .res-button.slick-prev:before {
font-family: 'Font Awesome 5 Pro';
font-weight: 900
}
.item-wrap, .res-button:hover {
cursor: pointer
}
.vc_col-has-fill > .vc_column-inner, .vc_row-has-fill + .vc_row-full-width + .vc_row > .vc_column_container > .vc_column-inner, .vc_row-has-fill + .vc_row > .vc_column_container > .vc_column-inner, .vc_row-has-fill + .vc_vc_row > .vc_row > .vc_vc_column > .vc_column_container > .vc_column-inner, .vc_row-has-fill + .vc_vc_row_inner > .vc_row > .vc_vc_column_inner > .vc_column_container > .vc_column-inner, .vc_row-has-fill > .vc_column_container > .vc_column-inner, .vc_row-has-fill > .vc_row > .vc_vc_column > .vc_column_container > .vc_column-inner, .vc_row-has-fill > .vc_vc_column_inner > .vc_column_container > .vc_column-inner {
padding-top: 0
}
.wpb_button, .wpb_content_element, ul.wpb_thumbnails-fluid > li {
margin-bottom: 0
}
.order-title {
display: inline-block;
margin-bottom: 10px
}
.order-title .order-icon {
display: inline-block;
width: 50px;
height: 50px;
float: right;
margin-left: 15px;
position: relative
}
.order-title .order-icon img {
float: right;
margin: 5px 10px
}
.order-title h2 {
font-size: 16px;
color: var(--neutral-color);
margin-top: 15px;
margin-bottom: 10px;
display: inline-block;
margin-right: 10px
}
.order-title h2 span, .title-brand h3 span, .res-button:hover:before {
color: var(--main-color)
}
.res-button {
position: absolute;
top: 17px;
padding: 0 12px;
background: 0 0;
z-index: 69;
font-size: 10px
}
.res-button.slick-prev {
top: 50%;
box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.13);
border-radius: 100%;
width: 50px;
height: 50px;
font-size: 25px;
padding-top: 12px;
text-align: center;
margin-right: -20px;
background-color: var(--element-background-color);
z-index: 101
}
.res-button.slick-prev:before {
content: "\f054"
}
.res-button.slick-next {
left: 10px;
top: 50%;
box-shadow: 0px 3px 16px rgba(0, 0, 0, 0.07);
border-radius: 100%;
width: 50px;
height: 50px;
font-size: 25px;
padding-top: 12px;
text-align: center;
margin-left: -35px;
background-color: var(--element-background-color);
z-index: 101
}
.res-button.slick-next::before {
content: "\f053";
}
.res-button.slick-next:after {
display: none
}
.woocommerce-Price-currencySymbol {
font-size: 11px;
letter-spacing: 0
}
div.star, div.stars {
background: rgba(0, 0, 0, 0) url(//lustersazan.com/wp-content/themes/zanbil/css/img/img-sprite.png) repeat-x rgba(0, 0, 0, 0) repeat-x 545px -11px;
height: 11px;
margin: 0;
overflow: hidden;
position: relative;
width: 70px;
display: inline-block;
vertical-align: middle
}
div.star span, div.stars span {
background: rgba(0, 0, 0, 0) url(//lustersazan.com/wp-content/themes/zanbil/css/img/img-sprite.png) repeat-x rgba(0, 0, 0, 0) repeat-x 545px -27px;
float: left;
left: 0;
overflow: hidden;
padding-top: 1.5em;
position: absolute;
top: 0
}
.item-bottom .clear {
display: none
}
a.add_to_cart_button.loading, a.ajax_add_to_cart.loading, a.product_type_external.loading, a.product_type_grouped.loading {
color: transparent !important;
padding: 0 0 !important;
opacity: 1 !important;
height: 35px
}
a.add_to_cart_button.added:before, a.add_to_cart_button.loading:after, a.ajax_add_to_cart.added:before, a.ajax_add_to_cart.loading:after, a.product_type_external.added:before, a.product_type_external.loading:after, a.product_type_grouped.added:before, a.product_type_grouped.loading:after {
display: none
}
.button.tm-woowishlist-button.btn.btn-default.loading::before {
background-color: var(--element-background-color)
}
.in_wishlist .fa-heart::before {
background: url(//lustersazan.com/wp-content/themes/zanbil/assets/svg/heart.svg) no-repeat;
background-size: 20px;
top: 12px !important;
right: 12px !important;
position: absolute;
color: #f94e60;
font-size: 21px
}
.added .fa-heart::before {
background: url(//lustersazan.com/wp-content/themes/zanbil/assets/svg/heart.svg) no-repeat;
background-size: 20px;
top: 15px !important;
right: 5px !important;
position: absolute;
color: #f94e60
}
.woocommerce a.button.alt.tm-woocompare-page-button {
position: fixed;
bottom: 0;
right: 15px;
z-index: 99;
padding: 10px 40px;
border-radius: 20px 20px 0 0;
opacity: .9
}
.products-entry .item-detail .item-content .item-bottom .tm-woocompare-button .tm_woocompare_product_actions_tip,
.slick-slide .item-wrap .item-detail .item-content .item-bottom .tm-woocompare-button .tm_woocompare_product_actions_tip {
opacity: 0;
display: none
}
.group {
width: 35px;
height: 35px;
display: block;
overflow: hidden;
position: relative;
color: #999;
transition-duration: .3s;
text-indent: -9999px;
border: 1px solid #ddd;
border-left: #ddd;
border-radius: 35px;
opacity: 0;
background-color: #fff
}
.item-detail:hover .group {
opacity: 1
}
.products-entry .item-detail .item-content .item-bottom .tm-woocompare-button,
.slick-slide .item-wrap .item-detail .item-content .item-bottom .tm-woocompare-button {
height: 35px;
width: 35px;
background: #fff url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTguMS4xLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDUxMCA1MTAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMCA1MTA7IiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIyNHB4Ij4KPGc+Cgk8Zz4KCQk8cGF0aCBkPSJNNDMxLDE1My44NzVoLTM3Yy0yNywwLTkxLDYyLTE0MiwxMTFjLTczLDcwLTE0MSwxMzctMTk1LDEzN0gyM2MtMTMsMC0yMy0xMC0yMy0yM3MxMC0yNCwyMy0yNGgzNCAgICBjMzYsMCwxMDYtNjgsMTYzLTEyM2M2OS02NiwxMjgtMTI0LDE3NC0xMjRoMzdsLTM4LTM4Yy05LTktOS0yMywwLTMyczI0LTksMzMsMGw3Nyw3N2M0LDQsNywxMCw3LDE2cy0zLDEzLTcsMTdsLTc3LDc3ICAgIGMtNSw1LTEwLDctMTYsN3MtMTItMi0xNy03Yy05LTktOS0yNCwwLTMzTDQzMSwxNTMuODc1eiIgZmlsbD0iI2EzYTNhMyIvPgoJCTxwYXRoIGQ9Ik00MjYsMjg0Ljg3NWw3Nyw3N2M0LDQsNywxMSw3LDE3cy0zLDEyLTcsMTZsLTc3LDc3Yy01LDUtMTAsNy0xNiw3cy0xMi0yLTE3LTdjLTktOS05LTI0LDAtMzMgICAgbDM4LTM3aC0zN2MtMzYsMC03MC0yNy0xMjItNzVjLTktOS0xMC0yNC0xLTMzczIzLTEwLDMyLTFjMzIsMzAsNjksNjIsOTEsNjJoMzdsLTM4LTM3Yy05LTktOS0yNCwwLTMzUzQxNywyNzUuODc1LDQyNiwyODQuODc1eiIgZmlsbD0iI2EzYTNhMyIvPgoJCTxwYXRoIGQ9Ik0yMywxNTMuODc1Yy0xMywwLTIzLTEwLTIzLTIzczEwLTIzLDIzLTIzaDM0YzQwLDAsODEsMzAsMTMwLDc0YzksOSwxMCwyNCwxLDMzYy01LDUtMTEsNy0xNyw3ICAgIHMtMTItMi0xNi02Yy0zMi0yOS03MS02Mi05OC02MkgyM3oiIGZpbGw9IiNhM2EzYTMiLz4KCTwvZz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K) no-repeat center center;
position: relative;
left: auto;
bottom: auto;
background-size: 19px;
float: right;
border: 1px solid #ddd;
border-radius: 35px;
opacity: 0;
transition-duration: 0.3s;
margin-left: 10px
}
.item-detail:hover .item-content .item-bottom .button.tm-woocompare-button {
opacity: 1
}
.slick-disabled::before {
opacity: 0.2
}
.item-detail .button.tm-woowishlist-button.btn.btn-default {
position: absolute;
top: 13px;
border: 0;
background-color: transparent;
right: 3px;
color: var(--text-color);
font-size: 20px;
}
.item-detail .button.tm-woowishlist-button.added.in_wishlist {
color: var(--main-color)
}
#notif-compare i {
font-size: 22px;
vertical-align: middle;
margin-left: 10px
}
.woocommerce button.tm-woocompare-button:hover, .woocommerce button.tm-woowishlist-button:hover, button.tm-woowishlist-button:hover {
color: var(--main-color)
}
.group:before {
position: absolute;
top: 50%;
margin-top: -14px;
left: 50%;
margin-left: -8px;
text-indent: 0;
font-size: 16px;
content: "\f002"
}
.added_to_cart.wc-forward, .woocommerce a.added_to_cart {
display: none
}
.onsale-box {
position: absolute;
top: -10px;
left: -10px;
z-index: 9;
background-color: #d90429;
text-align: center;
padding: 5px 0px;
width: 40px;
height: 40px;
border-radius: 15px 10px 45px 10px;
}
.onsale-box span.onsale {
color: #fff;
text-align: center;
background-color: transparent;
font-size: 14px
}
.item-bottom {
margin-left: auto;
margin-bottom: 10px;
position: absolute;
bottom: 0;
margin-right: 20px;
opacity: .9
}
.slick-slide .item-bottom .add-cart a {
background: #fff url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDQ4NS4yMTMgNDg1LjIxMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDg1LjIxMyA0ODUuMjEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPGc+CgkJPGc+CgkJCTxwb2x5Z29uIHBvaW50cz0iNDI0LjU2MiwzNjMuOTA2IDE3Mi4wMzYsMzYzLjkwNiA2NS44OTMsMTIxLjMwNCAwLjAwMSwxMjEuMzA0IDAuMDAxLDkwLjk3OCA4NS43MzcsOTAuOTc4IDE5MS44NzYsMzMzLjU4NCAgICAgIDQyNC41NjIsMzMzLjU4NCAgICAiIGZpbGw9IiNhM2EzYTMiLz4KCQk8L2c+CgkJPHBhdGggZD0iTTI3Mi45MzQsNDM5LjcyN2MwLDI1LjEwOS0yMC4zODEsNDUuNDg1LTQ1LjQ5LDQ1LjQ4NWMtMjUuMTQyLDAtNDUuNDg4LTIwLjM3Ni00NS40ODgtNDUuNDg1ICAgIGMwLTI1LjExOCwyMC4zNDYtNDUuNDksNDUuNDg4LTQ1LjQ5QzI1Mi41NTMsMzk0LjIzNywyNzIuOTM0LDQxNC42MDksMjcyLjkzNCw0MzkuNzI3eiIgZmlsbD0iI2EzYTNhMyIvPgoJCTxwYXRoIGQ9Ik00MjQuNTYyLDQzOS43MjdjMCwyNS4xMDktMjAuMzc2LDQ1LjQ4NS00NS40ODUsNDUuNDg1Yy0yNS4xMTgsMC00NS40OS0yMC4zNzYtNDUuNDktNDUuNDg1ICAgIGMwLTI1LjExOCwyMC4zNzItNDUuNDksNDUuNDktNDUuNDlDNDA0LjE4NywzOTQuMjM3LDQyNC41NjIsNDE0LjYwOSw0MjQuNTYyLDQzOS43Mjd6IiBmaWxsPSIjYTNhM2EzIi8+CgkJPGc+CgkJCTxwYXRoIGQ9Ik0zNzkuMDc3LDBjLTU4LjYwOSwwLTEwNi4xNDQsNDcuNTMyLTEwNi4xNDQsMTA2LjE0MWMwLDU4LjYwNiw0Ny41MzQsMTA2LjE0MSwxMDYuMTQ0LDEwNi4xNDEgICAgIGM1OC42MDQsMCwxMDYuMTM1LTQ3LjUzNCwxMDYuMTM1LTEwNi4xNDFDNDg1LjIxMiw0Ny41MzIsNDM3LjY4MiwwLDM3OS4wNzcsMHogTTQzOS43MjIsMTIxLjMwNGgtNDUuNDg1djQ1LjQ5aC0zMC4zMjd2LTQ1LjQ5ICAgICBoLTQ1LjQ4NVY5MC45NzhoNDUuNDg1VjQ1LjQ5aDMwLjMyN3Y0NS40ODhoNDUuNDg1VjEyMS4zMDR6IiBmaWxsPSIjYTNhM2EzIi8+CgkJPC9nPgoJCTxwYXRoIGQ9Ik0zNzkuMDc3LDI0Mi42MDZjLTU5LjIzNCwwLTEwOS4yNTYtMzguMTQ0LTEyOC4wODgtOTAuOTc4aC05OS4zNmw2MC42NTQsMTUxLjYyOWgyMTIuMjc5bDM1LjAwOC04Ny40ODIgICAgQzQzNi45NDQsMjMyLjQyLDQwOS4yNTUsMjQyLjYwNiwzNzkuMDc3LDI0Mi42MDZ6IiBmaWxsPSIjYTNhM2EzIi8+Cgk8L2c+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==) no-repeat center center;
background-size: 20px;
height: 32px;
width: 32px;
display: block
}
.sale-off {
position: absolute;
top: 20%;
padding: 5px 15px;
background-color: #ff5252;
color: #fff;
z-index: 4;
border-top-left-radius: 10px;
box-shadow: 0 3px 5px rgba(51, 51, 51, .23);
font-weight: 500
}
.item-wrap .item-detail {
background-color: var(--element-background-color);
border-radius: 15px;
display: inline-block;
width: 100%;
vertical-align: top;
z-index: 3;
padding-bottom: 60px;
}
.item-wrap .item-detail .products-thumb {
position: relative;
margin: 10px
}
.item-wrap .item-detail .products-thumb .product-thumb-hover .wp-post-image {
opacity: 1;
filter: alpha(opacity=100);
transition-duration: 1s
}
.item-wrap .item-detail .products-thumb .product-thumb-hover .hover-image {
left: 0;
right: 0;
bottom: 0;
position: absolute;
top: 0;
opacity: 0;
filter: alpha(opacity=0);
transition-duration: .5s;
display: block;
margin: 0 auto
}
.item-wrap:hover .item-detail .products-thumb .product-thumb-hover .wp-post-image {
opacity: 0;
filter: alpha(opacity=0);
}
.item-wrap:hover .item-detail .products-thumb .product-thumb-hover .hover-image {
opacity: 1;
filter: alpha(opacity=70)
}
.add-cart {
max-height: 43px;
float: right
}
.item-content {
text-align: center
}
.item-content h2,
.item-content h3{
margin-bottom: 6px;
position: relative;
z-index: 4;
padding: 0 10px 0 5px;
text-align: right;
height: 56px;
line-height: 28px;
}
.item-content h2 a,
.item-content h3 a {
font-size: 13px;
font-weight: 400;
transition-duration: .3s;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
}
.item-content h2 a,
.item-content h3 a {
font-size: 13px;
font-weight: 400;
transition-duration: .3s
}
.item-content h4 a:hover {
color: var(--text-color);
text-shadow: 0 3px 3px #e0e0e0;
transition-duration: .3s
}
.item-content .reviews-content {
margin-bottom: 0
}
.item-content .reviews-content .item-number-rating {
display: none
}
.item-price {
font-size: 17px;
color: #6e6e6e;
margin-bottom: 10px
}
.item-price ins, .item-price span > .amount, .item-price > .amount {
text-decoration: none;
margin-right: 5px;
}
.item-price del {
text-decoration: line-through;
font-weight: 400;
font-size: 13px;
text-decoration-color: #d90429;
}
.order-desc {
font: 12px IranYekan;
color: var(--neutral-color);
display: inline-block;
margin-right: 8px;
padding-right: 8px;
border-right: 1px solid #ddd
}
.block-title {
position: relative;
background: #eee;
border-bottom: 1px solid #f26d7d;
height: 40px
}
.block-title strong {
line-height: 42px;
padding-left: 50px;
font-size: 116.67%;
text-transform: uppercase
}
.block-title.title1 {
background: 0 0;
height: 32px
}
.block-title.title1 .nav-left-product {
display: none
}
.block-title.title1 h2 span {
font-size: 15px;
font-weight: 700;
text-transform: uppercase
}
.gallery {
margin: 0 -3px
}
.gallery .gallery-item {
float: left;
padding: 0 3px
}
.gallery.gallery-columns-2 .gallery-item, .gallery.gallery-columns-2 > li {
width: 50%;
float: left
}
.gallery.gallery-columns-2 .gallery-item:nth-child(2n+1), .gallery.gallery-columns-2 > li:nth-child(2n+1) {
clear: both
}
.gallery.gallery-columns-3 .gallery-item, .gallery.gallery-columns-3 > li {
width: 33.33%;
float: left
}
.gallery.gallery-columns-3 .gallery-item:nth-child(3n+1), .gallery.gallery-columns-3 > li:nth-child(3n+1) {
clear: both
}
.gallery.gallery-columns-4 .gallery-item, .gallery.gallery-columns-4 > li {
width: 25%;
float: left
}
.gallery.gallery-columns-4 .gallery-item:nth-child(4n+1), .gallery.gallery-columns-4 > li:nth-child(4n+1) {
clear: both
}
.gallery.gallery-columns-5 .gallery-item, .gallery.gallery-columns-5 > li {
width: 20%;
float: left
}
.gallery.gallery-columns-5 .gallery-item:nth-child(5n+1), .gallery.gallery-columns-5 > li:nth-child(5n+1) {
clear: both
}
.entry-summary table {
margin-bottom: 30px
}
.entry-summary table td, .entry-summary table th {
padding: 8px 20px 8px 0
}
.entry-summary dl dd {
margin-bottom: 20px
}
.minus, .plus {
height: 40px;
width: 40px;
vertical-align: middle;
text-align: center;
line-height: 37px !important;
border: 1px solid var(--z-gray-dark);
border-radius: 10px;
margin: 0 5px;
cursor: pointer;
}
.widget_recently_viewed_products {
border-bottom: 1px solid #e7e7e7;
margin-bottom: 25px;
padding-bottom: 15px;
display: inline-block;
width: 100%
}
.widget_recently_viewed_products .widget-inner h3 {
text-align: center;
color: #2196f3
}
.widget_recently_viewed_products .widget-inner ul li {
width: 20%;
float: right;
border-left: 1px solid #ddd;
padding: 0 15px
}
.widget_recently_viewed_products .widget-inner ul li a img {
width: 70%;
float: none;
margin: 0 auto
}
.wpb_tabs .wpb_tabs_nav li {
float: right;
margin: 0 0 0 1px
}
.rtl .vc_col-sm-1, .rtl .vc_col-sm-10, .rtl .vc_col-sm-11, .rtl .vc_col-sm-2, .rtl .vc_col-sm-3, .rtl .vc_col-sm-4, .rtl .vc_col-sm-5, .rtl .vc_col-sm-6, .rtl .vc_col-sm-7, .rtl .vc_col-sm-8, .rtl .vc_col-sm-9 {
float: left
}
.rtl .pull-left, .rtl .vc_col-lg-1, .rtl .vc_col-lg-10, .rtl .vc_col-lg-11, .rtl .vc_col-lg-12, .rtl .vc_col-lg-2, .rtl .vc_col-lg-3, .rtl .vc_col-lg-4, .rtl .vc_col-lg-5, .rtl .vc_col-lg-6, .rtl .vc_col-lg-7, .rtl .vc_col-lg-8, .rtl .vc_col-lg-9, .rtl .vc_col-md-1, .rtl .vc_col-md-10, .rtl .vc_col-md-11, .rtl .vc_col-md-12, .rtl .vc_col-md-2, .rtl .vc_col-md-3, .rtl .vc_col-md-4, .rtl .vc_col-md-5, .rtl .vc_col-md-6, .rtl .vc_col-md-7, .rtl .vc_col-md-8, .rtl .vc_col-md-9 {
float: right
}
.rtl .pull-right {
float: left
}
.rtl .column-1, .rtl .column-10, .rtl .column-2, .rtl .column-3, .rtl .column-4, .rtl .column-5, .rtl .column-6, .rtl .column-7, .rtl .column-8, .rtl .column-9 {
float: right
}
.rtl .fa-caret-right:before {
content: "\f0d9"
}
.rtl .fa-caret-left:before {
content: "\f0da"
}
.outofstock .item-detail .item-img {
filter: grayscale(80%)
}
.item-detail .item-content .star-rating {
margin: 0 auto 8px;
position: absolute;
left: 15px;
bottom: 10px
}
.item-wrap .item-detail .products-thumb ul.jcaa_attr_select:first-child {
position: absolute;
display: block;
width: 15px;
right: 15px;
opacity: 0;
z-index: 9;
transition-duration: .5s;
top: 60px;
list-style: none;
margin-right: -4px;
}
.item.slick-slide:hover .item-wrap .item-detail .products-thumb ul.jcaa_attr_select:first-child, .products-wrapper .grid > li:hover .item-wrap .item-detail .products-thumb ul.jcaa_attr_select:first-child {
opacity: 1
}
.item-wrap .item-detail .products-thumb ul.jcaa_attr_select:first-child li {
border: 0;
margin-bottom: 16px;
}
.item-detail .products-thumb ul.jcaa_attr_select:first-child li .jcaa_obj_color {
width: 10px;
height: 10px;
border-radius: 10px;
padding: 0
}
.item-wrap .item-detail .products-thumb ul.jcaa_attr_select {
display: none
}
.item-wrap .item-detail .products-thumb ul.jcaa_attr_select.jcaa_size_large:first-child {
opacity: 1;
right: 5px;
width: 25px;
top: 50px;
}
.item-wrap .item-detail .products-thumb ul.jcaa_attr_select.jcaa_size_large:first-child li .jcaa_obj_color {
width: 20px;
height: 20px;
}
.item-wrap .item-detail .products-thumb ul.jcaa_attr_select.jcaa_size_large:first-child li {
margin-bottom: 5px;
}
.woocommerce button.tm-woowishlist-button::after {
display: none
}
.item-detail .button.tm-woowishlist-button.btn.btn-default::after {
display: none
}
.item-wrap {
position: relative
}
@media (max-width: 1550px) {
.group {
display: none
}
}
a.button.added::after {
font: 16px/23px WooCommerce;
background-color: var(--second-color);
width: 35px;
height: 35px;
padding: 8px;
color: #fff;
content: '\e017';
position: absolute;
right: 0;
border-radius: 40px;
}
.added_to_cart.wc-forward {
display: none !important
}
.tooltip-inner {
font-family: IranYekan
}
.wpb_single_image .vc_single_image-wrapper {
width: 100%
}
.wpb_single_image .vc_figure {
width: 100%
}
.icon-row {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: start;
-ms-flex-align: start;
-webkit-align-items: flex-start;
align-items: flex-start
}
.icon-row .colicon {
width: 16%
}
.vc_single_image-img.attachment-full {
width: 100%
}
.select2-container {
margin: 4px 0px !important;
max-width: 100% !important;
}
.select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered {
padding-right: 15px !important;
color: var(--text-color)
}
.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow {
left: 10px !important
}
.select2-container--open .select2-dropdown {
left: -14px !important;
top: -10px !important;
background-color: var(--element-background-color)
}
.select2-container--default .select2-search--dropdown .select2-search__field {
background-color: var(--element-background-color);
color: var(--text-color)
}
.select2-dropdown {
border: 1px solid #ddd !important;
background-color: var(--element-background-color)
}
.select2-container--default .select2-selection--multiple {
background-color: var(--element-background-color)
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
background-color: var(--background-color)
}
.item-image img {
border-radius: 15px
}
.count .woocommerce-Price-amount.amount {
font-size: 23px
}
.legend tr {
border: 0
}
.legendColorBox div {
border-radius: 50%
}
.legend .legendLabel {
padding: 0 12px
}
.alert-warning {
border-radius: 12px !important;
}
.wpb_map_wraper iframe {
pointer-events: none
}
.fancybox-lock .fancybox-overlay, .modal {
overflow-y: auto;
background-color: rgba(0, 0, 0, .78)
}
.modal-open .navbar-fixed-bottom, .modal-open .navbar-fixed-top, body.modal-open {
margin: 0
}
.theme-clearfix:after {
height: 0;
clear: both;
content: " ";
font-size: 0;
min-height: 0;
display: block;
visibility: hidden
}
.loading:before, .nav-pills > li:before {
content: ""
}
.shortcodes h3 {
padding-top: 30px
}
ul.thumbnails {
margin-left: -1%
}
.rtl ul.thumbnails {
margin-right: -1% !important;
margin-left: 0
}
.with-icon {
font-size: 18px
}
.with-icon [class*=" icon-"], .with-icon [class^=icon-] {
margin: 5px 13px 5px 0
}
@media (max-width: 480px) {
.grid-item {
width: 100%
}
}
.item .avn_notif {
position: absolute;
bottom: -10px;
right: 0;
font-weight: bold;
color: var(--main-color);
z-index: 9;
}
ul.slick-dots {
position: absolute;
bottom: 5px;
text-align: center;
margin: 0 auto;
left: 0;
right: 0;
list-style: none;
}
ul.slick-dots li {
display: inline-block;
margin-left: 3px;
}
ul.slick-dots li button {
font-size: 0;
border: 2px solid #333;
padding: 0;
width: 8px;
height: 8px;
border-radius: 10px;
background-color: #fff;
}
ul.slick-dots li.slick-active button {
background-color: #333;
}
.add-cart-hov a.add_to_cart_button.product_type_variable .fa-plus::before {
content: '\f141';
font-weight: 300;
font-style: inherit;
line-height: 1.5;
}
#price-list a.button.added::after {
right: -45px;
}
.countdown-left {
display: inline-block;
width: 325px;
height: 70px;
padding: 12px 0;
margin-bottom: 10px;
position: absolute;
left: 54%;
bottom: 0;
margin-left: -163px
}
.countdown-left .countdown-section {
width: 25%;
display: inline-block;
text-align: center;
position: relative;
float: left;
}
.countdown-left .countdown-section span {
width: 100%;
display: block;
margin-bottom: -10px;
text-transform: capitalize
}
.countdown-left .countdown-section:last-of-type:before, .sw-woo-tab-cat ul.nav-tabs li:last-child a:after {
display: none
}
.countdown-left .countdown-section span.countdown-amount {
font-size: 25px;
color: var(--text-color);
font-weight: 700
}
.countdown-left .countdown-section:before {
content: ":";
top: 8px;
right: 0;
float: right;
line-height: 40px;
font-size: 20px
}
.item-detail .countdown-left {
position: absolute;
top: 0;
width: auto;
right: 0;
left: 120px;
margin: 0;
background: rgba(224, 50, 78, 0.15);
z-index: 9;
border-radius: 0 16px;
height: auto;
bottom: auto;
padding: 3px 8px;
color: #e0324e;
}
.item-detail .countdown-left .countdown-section span {
margin-bottom: 0px;
font-size: 11px;
color: #e0324e;
}
.item-detail .countdown-left .countdown-section span.countdown-period {
display: none;
}
.item-detail .countdown-left .countdown-section::before {
line-height: unset;
}
.stories-slider .swiper-wrapper {
margin: 0 !important;
}
@media screen and (max-width: 1024px) {
.nav-pills > li > a {
font-size: 12px;
}
.header-style1 .top-form.top-search {
width: 600px;
}
li.menu_dropdown > .dropdown-menu > li, li.zanbil-menu-custom > .dropdown-menu > li {
min-width: 190px;
padding: 0 10px 0 30px;
}
.nav-pills > li.dropdown .dropdown-menu li > a {
padding: 8px 20px;
min-width: 135px;
}
}