#masthead.sticky #masthead-inner {
z-index: 60;
position: fixed;
top: 0;
left: 0px;
width: 100%;
transform: translateY(-100%);
}
#masthead.sticky #masthead-inner > .header--row {
display: none;
}
#masthead.sticky #masthead-inner > .header--row.header--sticky {
display: block;
}
@media screen and (min-width: 1025px) {
#masthead.sticky #masthead-inner > .header--row.header--sticky.hide-on-desktop,
#masthead.sticky #masthead-inner > .header--row.header--sticky .customify-grid .hide-on-desktop {
display: none;
}
}
@media screen and (max-width: 1024px) {
#masthead.sticky #masthead-inner > .header--row.header--sticky.hide-on-tablet,
#masthead.sticky #masthead-inner > .header--row.header--sticky .customify-grid .hide-on-tablet {
display: none;
}
}
@media screen and (min-width: 568px) {
#masthead.sticky #masthead-inner > .header--row.header--sticky.hide-on-tablet_up,
#masthead.sticky #masthead-inner > .header--row.header--sticky .customify-grid .hide-on-tablet_up {
display: none;
}
}
@media screen and (max-width: 568px) {
#masthead.sticky #masthead-inner > .header--row.header--sticky.hide-on-mobile,
#masthead.sticky #masthead-inner > .header--row.header--sticky .customify-grid .hide-on-mobile {
display: none;
}
}
#masthead.sticky.sticky-active #masthead-inner {
transition: all 0.3s;
transform: translateY(0);
}
#masthead.sticky.sticky-active.sticky-hiding #masthead-inner {
transform: translateY(-120%);
}
#masthead.sticky.sticky-active .header--row-inner {
box-shadow: none;
}
.site-branding .site-img-logo-sticky {
display: none;
}
.sticky .site-branding.has-sticky-logo .site-img-logo {
display: none;
}
.sticky .site-branding.has-sticky-logo .site-img-logo-sticky {
display: block;
}.lang-switcher {
position: relative;
display: inline-block;
}
.lang-switcher .lang-switcher-top {
display: flex;
align-items: center;
color: currentColor;
line-height: 1.6;
}
.lang-switcher img {
margin-right: 5px;
}
.lang-switcher a {
color: rgba(0, 0, 0, 0.6);
}
.lang-switcher ul {
position: absolute;
background: #fff;
list-style: none;
margin: 0 0px;
padding: 0px;
transform: translateY(40px);
transition: all 0.3s ease;
top: 100%;
box-shadow: 0 3px 30px rgba(25, 30, 35, 0.1);
border: 1px solid #eaecee;
opacity: 0;
height: 0;
overflow: hidden;
visibility: hidden;
z-index: 65;
min-width: 150px;
}
.lang-switcher li {
text-align: left;
}
.lang-switcher.hide-lang-name ul {
width: 50px;
text-align: center;
}
.lang-switcher.hide-lang-name ul li a {
padding: 8px 8px;
}
.lang-switcher.hide-lang-name a img {
margin-right: 0px;
}
.lang-switcher.show-lang-code {
text-transform: uppercase;
}
.lang-switcher.show-lang-code ul {
width: 65px;
}
.lang-switcher.show-lang-code ul li a {
padding: 8px 8px;
}
.lang-switcher li {
list-style: none;
}
.lang-switcher li a {
display: block;
width: 100%;
padding: 10px 15px;
color: rgba(0, 0, 0, 0.5);
}
.lang-switcher li a:hover, .lang-switcher li a.focus {
background: rgba(0, 0, 0, 0.015);
color: rgba(0, 0, 0, 0.8);
}
.lang-switcher li a, .lang-switcher .lang-switcher-top {
font-size: 0.875em;
text-transform: uppercase;
letter-spacing: 0.3px;
}
.lang-switcher:hover ul, .lang-switcher.focus ul {
height: auto;
transform: translateY(0);
overflow: initial;
visibility: visible;
opacity: 1;
}
@media screen and (min-width: 1025px) {
.lang-switcher.align-desktop-left .lang-switcher-list {
left: 0px;
}
.lang-switcher.align-desktop-right .lang-switcher-list {
right: 0px;
left: auto;
}
}
@media screen and (max-width: 1024px) {
.lang-switcher.align-tablet-left .lang-switcher-list {
left: 0px;
}
.lang-switcher.align-tablet-right .lang-switcher-list {
right: 0px;
left: auto;
}
}
@media screen and (max-width: 568px) {
.lang-switcher.align-mobile-left .lang-switcher-list {
left: 0px;
}
.lang-switcher.align-mobile-right .lang-switcher-list {
right: 0px;
left: auto;
}
}
.builder-contact--item {
list-style: none;
margin: 0px;
padding: 0px;
display: flex;
font-size: 15px;
}
@media screen and (min-width: 1025px) {
.builder-contact--item.cont-desktop-vertical {
display: block;
}
}
@media screen and (max-width: 568px) {
.builder-contact--item.cont-mobile-vertical {
display: block;
}
}
.builder-contact--item li {
list-style: none;
display: flex;
align-items: center;
margin-right: 16px;
}
.builder-contact--item li:last-child {
margin-right: 0px;
}
.builder-contact--item li a, .builder-contact--item li span {
display: flex;
align-items: center;
}
.builder-contact--item .c-icon {
margin-right: 5px;
padding: 1em;
line-height: 1;
position: relative;
}
.builder-contact--item .c-icon:before {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.cont-desktop-vertical .icon-box-item {
margin-bottom: 1em;
}
.cont-desktop-vertical .icon-box-item:last-child {
margin-bottom: 0px;
}
.header-menu-sidebar .cont-mobile-vertical li {
display: block;
margin-bottom: 1em;
}
.header-menu-sidebar .cont-mobile-vertical li:last-child {
margin-bottom: 0;
}
.header-menu-sidebar .cont-mobile-vertical li a, .header-menu-sidebar .cont-mobile-vertical li span {
display: inline-flex;
}
.header-menu-sidebar .hca-sidebar-vertical.builder-contact--item {
display: block;
} .icon-box {
display: inline-flex;
list-style: none;
align-items: center;
margin: 0px;
padding: 0px;
}
.icon-box .icon-box-item {
display: inline-flex;
align-items: center;
margin-right: 25px;
font-size: 15px;
}
.icon-box .icon-box-item:last-child {
margin-right: 0px;
}
.icon-box .icon-box-item .icon-box-inner {
display: flex;
align-items: center;
}
.icon-box .icon-box-item .icon-box-icon {
align-items: center;
font-size: 1.8em;
margin-right: 15px;
}
.icon-box .icon-box-item .icon-box-flex {
display: inline-flex;
}
.icon-box .icon-box-item .icon-box-label {
flex-direction: column;
text-align: left;
}
html[dir=rtl] .icon-box .icon-box-item .icon-box-label {
order: 2;
}
.icon-box .icon-box-item .icon-box-label span {
display: block;
margin-bottom: 0px;
}
.icon-box .icon-box-item .icon-box-label span:last-child {
margin-bottom: 0px;
}
.icon-box .icon-box-item .icon-box-title {
text-transform: uppercase;
font-size: 0.8em;
letter-spacing: 0.3px;
}
.icon-box .icon-box-item .icon-box-sub-title {
font-weight: 600;
margin-top: -2px;
}
@media screen and (min-width: 35.5em) {
.icon-box.cont-desktop-vertical {
display: block;
}
.icon-box.cont-desktop-vertical li {
display: flex;
margin-right: 0px;
}
}
@media screen and (max-width: 35.5em) {
.icon-box.cont-mobile-vertical {
display: block;
}
.icon-box.cont-mobile-vertical li {
display: flex;
margin-right: 0px;
}
}
.header-menu-sidebar .hca-sidebar-vertical.icon-box {
display: block;
}
.header-menu-sidebar .hca-sidebar-vertical.icon-box li {
display: block;
margin-right: 0px;
margin-bottom: 1em;
}
.header-menu-sidebar .hca-sidebar-vertical.icon-box li:last-child {
margin-bottom: 0;
}
.header-menu-sidebar .hca-sidebar-vertical.icon-box li .icon-box-inner {
display: inline-flex;
}
.header--row-inner.dark-mode .builder-contact--item,
.header--row-inner.dark-mode .icon-box {
color: rgba(255, 255, 255, 0.79);
}
.header--row-inner.dark-mode .builder-contact--item a,
.header--row-inner.dark-mode .icon-box a {
color: rgba(255, 255, 255, 0.79);
}
.header--row-inner.dark-mode .builder-contact--item a:hover,
.header--row-inner.dark-mode .icon-box a:hover {
color: rgba(255, 255, 255, 0.99);
}
.header--row-inner.light-mode .builder-contact--item,
.header--row-inner.light-mode .icon-box {
color: rgba(0, 0, 0, 0.5);
}
.header--row-inner.light-mode .builder-contact--item a,
.header--row-inner.light-mode .icon-box a {
color: rgba(0, 0, 0, 0.5);
}
.header--row-inner.light-mode .builder-contact--item a:hover,
.header--row-inner.light-mode .icon-box a:hover {
color: rgba(0, 0, 0, 0.8);
} .builder-item--footer-horizontal-menu .nav-icon-angle, .builder-item--footer-horizontal-menu .sub-menu {
display: none !important;
}.entry-cat {
position: relative;
}
.entry-media .entry-cat {
position: relative;
padding: 10px;
}
.posts-layout.layout--blog_lateral .entry-media {
margin-right: 2em;
}
@media screen and (max-width: 568px) {
.posts-layout.layout--blog_lateral .entry-media {
margin-right: 0px;
}
}
.posts-layout.layout--blog_lateral .entry.even .entry-content-data {
order: 1;
}
.posts-layout.layout--blog_lateral .entry.even .entry-media {
order: 3;
margin-left: 2em;
margin-right: 0;
}
@media screen and (max-width: 568px) {
.posts-layout.layout--blog_lateral .entry.even .entry-media {
margin-left: 0px;
}
}
.posts-layout.layout--blog_masonry .entry {
margin-bottom: 2em;
padding-left: 1em;
padding-right: 1em;
}
.posts-layout.layout--blog_masonry .entry-media {
display: block;
padding-top: 0 !important;
position: relative;
min-width: 100%;
margin-bottom: 1em;
}
.posts-layout.layout--blog_masonry .entry-thumbnail {
position: relative;
display: block;
height: auto;
line-height: 0;
}
.posts-layout.layout--blog_masonry img {
object-fit: fill;
}@keyframes c_spinner {
to {
transform: rotate(360deg);
}
}
.wc-product-media {
overflow: hidden;
}
.p-media-top {
position: absolute;
left: 0px;
right: 0px;
top: 0px;
z-index: 5;
}
.p-media-center {
position: absolute;
left: 0px;
right: 0px;
top: 50%;
transform: translateY(-50%);
z-index: 5;
}
.p-media-bottom {
position: absolute;
left: 0px;
right: 0px;
bottom: 0px;
z-index: 5;
}
.p-media-row {
display: flex;
align-items: flex-start;
justify-content: space-between;
}
.p-media-row span.onsale {
position: relative;
top: auto;
left: auto;
display: inline-block;
}
.p-media-row .col-left {
order: 1;
padding-left: 0.5em;
padding-top: 0.5em;
text-align: left;
}
.p-media-row .col-center {
order: 2;
margin: 0 auto;
text-align: center;
}
.p-media-row .col-right {
order: 3;
margin-right: 0px;
margin-left: auto;
padding-right: 0.5em;
padding-top: 0.5em;
text-align: right;
}
.p-media-row.p-col-1:not(.p-media-center) .col-center {
width: 100%;
}
.p-media-row .customify-wc-quick-view {
display: block;
}
.p-media-row .pm-item {
transition: all 0.3s linear;
}
.p-media-row .show-when_hover.pm-item {
opacity: 0;
}
.ontouch-screen .p-media-row .show-when_hover.pm-item {
opacity: 0;
}
.wc-product-inner:hover .p-media-row .show-when_hover.pm-item {
opacity: 1;
transform: translate(0);
}
.p-media-row .col-right .show-when_hover.pm-item {
transform: translateX(100%);
}
.ontouch-screen .p-media-row .col-right .show-when_hover.pm-item {
transform: translateX(0);
}
.p-media-row .col-left .show-when_hover.pm-item {
transform: translateX(-100%);
}
.ontouch-screen .p-media-row .col-left .show-when_hover.pm-item {
transform: translateX(0);
}
.p-media-row .p-media-center-center .show-when_hover.pm-item {
opacity: 0;
}
.ontouch-screen .p-media-row .p-media-center-center .show-when_hover.pm-item {
opacity: 0;
}
.p-media-row .p-media-bottom-center .show-when_hover.pm-item {
transform: translateY(100%);
}
.ontouch-screen .p-media-row .p-media-bottom-center .show-when_hover.pm-item {
transform: translateX(0);
}
.customify-wc-wishlist,
.customify-wc-compare,
.button.add_to_cart_button,
.quick-view-btn {
white-space: nowrap;
text-transform: uppercase;
display: inline-block;
transition: all 0.3s linear;
}
.p-media-center-center.col-horizontal {
justify-content: center;
}
.p-media-bottom-center.col-horizontal {
justify-content: center;
align-items: flex-end;
}
.p-media-bottom-center .pm-item:first-child:last-child {
flex-basis: 100%;
}
.p-media-bottom-center .pm-item:first-child:last-child a:first-child:last-child:not(.display-icon), .p-media-bottom-center .pm-item:first-child:last-child a.add_to_cart_button:not(.display-icon) {
width: 100%;
}
.p-media-bottom-center .quick-view-btn {
background: rgba(0, 0, 0, 0.5);
color: rgba(255, 255, 255, 0.8);
}
.wc-product-inner .cd-btn:not(.cd-not-apply),
.wc-product-inner .button.add_to_cart_button:not(.out-media),
.wc-product-inner .tinvwl_add_to_wishlist_button {
background: rgba(255, 255, 255, 0.5);
color: #888888;
opacity: 0.6;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
}
.wc-product-inner .cd-btn:not(.cd-not-apply):hover,
.wc-product-inner .button.add_to_cart_button:not(.out-media):hover,
.wc-product-inner .tinvwl_add_to_wishlist_button:hover {
background: rgba(255, 255, 255, 0.99);
opacity: 1;
outline: none;
}
.wc-product-inner .cd-btn,
.wc-product-inner .tinvwl_add_to_wishlist_button {
font-size: 12px;
transition: all 0.3s linear;
}
.wc-product-inner .col-vertical .pm-item {
margin-bottom: 0.5em;
}
.wc-product-inner .col-vertical .pm-item:last-child {
margin-bottom: 0px;
}
.wc-product-inner .display-icon,
.wc-product-inner .customify-wc-wishlist,
.wc-product-inner .customify-wc-compare,
.wc-product-inner .button.add_to_cart_button,
.wc-product-inner .quick-view-btn {
align-items: center;
justify-content: center;
}
.wc-product-inner .display-icon.display-icon,
.wc-product-inner .customify-wc-wishlist.display-icon,
.wc-product-inner .customify-wc-compare.display-icon,
.wc-product-inner .button.add_to_cart_button.display-icon,
.wc-product-inner .quick-view-btn.display-icon {
line-height: 1px;
min-width: 35px;
min-height: 35px;
padding: 7px;
display: inline-flex;
}
.wc-product-inner .display-icon.display-icon.loading,
.wc-product-inner .customify-wc-wishlist.display-icon.loading,
.wc-product-inner .customify-wc-compare.display-icon.loading,
.wc-product-inner .button.add_to_cart_button.display-icon.loading,
.wc-product-inner .quick-view-btn.display-icon.loading {
padding: 7px;
}
.wc-product-inner .display-icon.display-icon,
.wc-product-inner .customify-wc-wishlist.display-icon,
.wc-product-inner .customify-wc-compare.display-icon,
.wc-product-inner .button.add_to_cart_button.display-icon,
.wc-product-inner .quick-view-btn.display-icon {
border-radius: 100px;
}
.wc-product-inner .tinvwl_add_to_wishlist_button.tinvwl-product-in-list i:before {
content: "\f004";
}
.wc-product-inner .tinvwl_add_to_wishlist_button.display-icon i,
.wc-product-inner .tinvwl_add_to_wishlist_button.display-icon svg {
margin-right: 0px !important;
}
.wc-product-inner .tinvwl_add_to_wishlist_button:before {
margin-right: 0px !important;
}
.wc-product-inner a {
font-size: 1em;
}
.wc-product-inner a:not(.button.add_to_cart_button) {
background: #fff;
color: #444444;
}
.wc-product-media .added_to_cart {
display: none !important;
}
.col-horizontal {
display: flex;
justify-content: space-between;
}
.col-horizontal .wc-product__part,
.col-horizontal .pm-item {
margin-top: 0px;
margin-right: 0.5em;
}
.col-horizontal .wc-product__part > *,
.col-horizontal .pm-item > * {
display: inline-block;
}
.col-horizontal .wc-product__part:last-child,
.col-horizontal .pm-item:last-child {
margin-right: 0px;
}
.col-horizontal .display-icon {
line-height: 1px;
} .wc-product-inner .display-inline {
display: inline-block;
margin-right: 1em;
}
.wc-product-inner .display-inline:last-child {
margin-right: 0px;
}
.wc-product-inner .display-icon .icon-label {
display: none;
}
.wc-product-inner .display-text i,
.wc-product-inner .display-text svg {
display: none;
}
.wc-product-inner .display-both i,
.wc-product-inner .display-both svg {
margin-right: 0.6em;
}
.wc-product-inner .wc-product__part {
transition: all 0.3s linear;
}
.wc-product-inner .show_when_hover {
opacity: 0;
}
.wc-product-inner:hover .hide_when_hover {
opacity: 0;
}
.wc-product-inner:hover .show_when_hover {
opacity: 1;
}
.wc-product-contents .b-row-main {
display: flex;
justify-content: space-between;
align-items: flex-start;
}
.wc-product-contents .col-right {
margin-left: auto;
margin-right: 0px;
margin-top: 0px;
text-align: right;
order: 5;
}
.wc-product-contents .b-col.col-bottom {
flex: 1 1 100%;
flex-shrink: 0;
width: 100%;
order: 1;
}
.b-col {
flex-shrink: 1;
flex-basis: auto;
}
.b-col * {
margin-top: 0.7em;
}
.b-col *:first-child {
margin-top: 0px;
} .wc-product-inner .yith-wcwl-add-button > a i,
.wc-product-inner .yith-wcwl-add-to-wishlist {
margin-right: 0px;
}
.wc-product-inner .wooscp-btn.wooscp-btn-adding:after {
display: none;
}
ul.products li.product .wc-product-inner .tinvwl_add_to_wishlist_button {
margin-top: 0;
} .wishlist_products_counter {
display: flex;
align-items: center;
font-weight: 600;
font-size: 0.85em;
}
.wishlist_products_counter > span {
margin: 0 2px;
}
.wishlist_products_counter > span:first-child {
margin-left: 0px;
}
.wishlist_products_counter > span:last-child {
margin-right: 0px;
}
.wishlist-icon {
display: inline-block;
position: relative;
font-size: 1.3em;
}
.wishlist-icon i {
width: 1.3em;
height: 1.3em;
display: block;
position: relative;
top: -1px;
}
.wishlist-icon i:before {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.wishlist_products_counter_number {
position: absolute;
top: -4px;
right: 2px;
left: auto;
transform: translate(50%, 0%);
font-size: 11px;
min-width: 16px;
min-height: 16px;
line-height: 16px;
display: block;
text-align: center;
color: #ffffff;
background: #c3512f;
border-radius: 20px;
}
.item--wc_wishlist {
position: relative;
}
@media screen and (max-width: 568px) {
.item--wc_wishlist .wc_wishlist-mobile-hide {
display: none !important;
}
.item--wc_wishlist .wc-cart-mobile-show {
display: inline-block !important;
}
}
@media screen and (max-width: 1024px) {
.item--wc_wishlist .wc_wishlist-tablet-hide {
display: none;
}
.item--wc_wishlist .wc_wishlist-tablet-show {
display: inline-block;
}
}
@media screen and (min-width: 1025px) {
.item--wc_wishlist .wc_wishlist-desktop-hide {
display: none;
}
.item--wc_wishlist .wc_wishlist-desktop-show {
display: inline-block;
}
}  [data-tooltip] {
position: relative;
z-index: 2;
cursor: pointer;
} [data-tooltip]:before,
[data-tooltip]:after {
visibility: hidden;
opacity: 0;
pointer-events: none;
} [data-tooltip]:before {
position: absolute;
bottom: 110%;
left: 50%;
margin-bottom: 5px;
transform: translateX(-50%);
padding: 7px;
max-width: 160px;
min-width: 120px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background-color: #000;
background-color: hsla(0, 0%, 20%, 0.9);
color: #fff;
content: attr(data-tooltip);
text-align: center;
font-size: 11px;
text-transform: none;
line-height: 1.2;
word-break: break-word;
white-space: normal;
} [data-tooltip]:after {
position: absolute;
bottom: 110%;
left: 50%;
margin-left: -5px;
width: 0;
border-top: 5px solid #000;
border-top: 5px solid hsla(0, 0%, 20%, 0.9);
border-right: 5px solid transparent;
border-left: 5px solid transparent;
content: " ";
font-size: 0;
line-height: 0;
} [data-tooltip]:hover:before,
[data-tooltip]:hover:after {
visibility: visible;
opacity: 1;
}
.woocommerce-pagination .customify-infinity-loader .customify-infinity-button.button.loading::after {
content: none !important;
}
.builder-item--woo_search_box123 {
display: block;
width: 100%;
}
.builder-item--woo_search_box123 .has_cats_select {
color: #282828;
border: 1px solid #e5e5e5;
background: #fff;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset;
border-radius: 2px;
}
.builder-item--woo_search_box123 .has_cats_select .search_product_cats {
display: block;
width: 160px;
float: left;
height: 2.4em;
border: 0;
border-radius: 0;
background-color: transparent;
color: #6d6d6d;
position: relative;
border-right: 1px solid #eee;
}
.builder-item--woo_search_box123 .has_cats_select input.search-field {
display: block;
width: calc(100% - 160px);
overflow: hidden;
border: 0;
box-shadow: none;
border-radius: 0;
background-color: transparent;
}.woocommerce-product-gallery * {
box-sizing: border-box;
}
.gallery-top-medium, .gallery-top-full {
background: #f9f9f9;
}
.gallery-top-medium .woocommerce-breadcrumb, .gallery-top-full .woocommerce-breadcrumb {
text-align: center;
}
@media screen and (max-width: 568px) {
.entry-summary-inner {
position: initial !important;
top: auto !important;
left: auto !important;
right: auto !important;
bottom: auto !important;
}
}
.wc-product-top-media-inner {
display: block;
}
.gallery-top-medium {
padding: 2.4em;
}
@media screen and (max-width: 568px) {
.gallery-top-medium {
padding: 1em;
}
}
.gallery-top-medium .wc-product-top-media-inner {
display: block;
max-width: 100%;
position: relative;
overflow: hidden;
margin: 0 auto;
}
.gallery-top-medium .wc-product-top-media-inner div.images img {
width: 100%;
max-width: 100%;
height: 100%;
}
.gallery-top-medium .flex-active-slide {
margin: 0px 1px;
}
.gallery-top-medium .flex-active-slide > a {
display: block;
text-align: center;
}
.gallery-top-full .wc-product-top-media-inner {
position: relative;
max-width: 100%;
margin: 0 auto;
}
.is-header-transparent.woocommerce .gallery-top-full span.onsale {
top: auto;
bottom: 1em;
}
.is-header-transparent.woocommerce .gallery-top-full div.images .woocommerce-product-gallery__trigger {
top: auto;
bottom: 0.5em;
}
.entry-summary-box.group-highlight-box {
margin-top: 0px;
margin-bottom: 0em;
}
.entry-summary .wc-tabs-sections .tab-section-heading {
font-size: 1.2em;
}
.entry-summary .entry-summary-inner > div.entry-summary-after {
margin-top: 2em;
}
.entry-summary .entry-summary-inner > div:last-child {
margin-bottom: 0px;
}
.entry-summary .entry-summary-inner > div > div:last-child {
margin-bottom: 0px;
}
.product-hide-0 {
height: 0px;
overflow: hidden;
}
.media-only .woocommerce-product-gallery__wrapper {
margin: 0px;
}
div.product.default-gallery div.images .woocommerce-product-gallery__image {
line-height: 0px;
}
div.product.default-gallery div.images .flex-control-thumbs {
margin-top: 1em;
margin-bottom: 0;
max-width: 80%;
width: 80%;
margin-left: auto;
margin-right: auto;
text-align: center;
}
@media screen and (max-width: 568px) {
div.product.default-gallery div.images .flex-control-thumbs {
max-width: 100%;
}
}
div.product.default-gallery div.images .flex-control-thumbs li {
display: inline-block;
float: none !important;
width: 80px;
padding: 5px;
}
div.product.default-gallery div.images .flex-control-thumbs img {
display: inline-block;
height: auto;
}
div.product.default-gallery div.images .flex-control-thumbs img.flex-active {
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
}
div.product.default-gallery .thumbs_in_gallery div.images .flex-control-thumbs {
position: absolute;
bottom: 2em;
left: 50%;
transform: translateX(-50%);
}
div.product.default-gallery .thumbs_in_gallery div.images .flex-control-thumbs li {
display: inline-block;
float: none !important;
width: 80px;
}
div.product.default-gallery .thumbs_in_gallery div.images .flex-control-thumbs img {
border: 1px solid #c6c7ce;
display: inline-block;
height: auto;
}
div.product.default-gallery .thumbs_in_gallery div.images .flex-control-thumbs img.flex-active {
border-color: #fff;
}
div.product.default-gallery.thumbs_out_gallery .flex-control-thumbs {
display: block;
text-align: center;
margin-left: auto;
margin-right: auto;
}
div.product.product-grid-media div.images span.onsale {
top: 1.5em;
}
div.product.product-grid-media div.images .woocommerce-product-gallery__wrapper {
margin: -0.5em;
}
div.product.product-grid-media .customify-col {
padding: 0.5em;
}
div.product.product-grid-media div.images .woocommerce-product-gallery__image:nth-child(n+2), div.product.product-grid-media div.images .woocommerce-product-gallery__image {
width: 100%;
height: auto;
margin-bottom: 10px;
}
div.product.wc-product-top-media {
position: relative;
}
div.product.wc-product-top-media:after {
clear: both;
content: "";
display: block;
}
div.product.wc-product-top-media .slick-slide > div {
line-height: 0px;
}
div.product.wc-product-top-media .wc-nav-thumbs {
max-width: 80%;
}
div.product.wc-product-top-media .wc-nav-thumbs .slick-slide {
opacity: 1;
}
div.product.wc-product-top-media .wc-nav-thumbs .slick-current .woocommerce-product-gallery__image img {
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
}
div.product.wc-product-top-media .wc-nav-thumbs .slick-slide {
width: 80px;
height: 80px;
display: block;
}
div.product.wc-product-top-media .wc-nav-thumbs .slick-slide img {
margin: 3px;
width: calc(100% - 6px);
max-height: 80px;
}
div.product.wc-product-top-media .wc-gallery-horizontal .wc-nav-thumbs .slick-slide > div {
display: block;
width: 100%;
height: 100%;
}
div.product.wc-product-top-media .wc-gallery-horizontal .wc-nav-thumbs .slick-slide .woocommerce-product-gallery__image {
height: 100%;
display: block;
}
div.product.wc-product-top-media .wc-gallery-horizontal .wc-nav-thumbs .slick-slide .woocommerce-product-gallery__image img {
height: 100%;
}
div.product.wc-product-top-media.gallery-top-full {
padding: 0px;
}
div.product.wc-product-top-media .woocommerce-product-gallery__image img {
object-fit: cover;
display: inline-block;
overflow: hidden;
}
div.product.wc-product-top-media .woocommerce-product-gallery {
width: 100%;
float: none;
margin: 0px;
}
.wc-product-top-media-inner {
position: relative;
margin: 0 auto;
}
@media screen and (min-width: 568px) {
.thumbs_in_gallery .flex-control-thumbs {
position: absolute;
bottom: 2em;
left: 50%;
transform: translateX(-50%);
}
.thumbs_in_gallery .wc-gallery-vertical span.onsale {
left: 1em;
}
.thumbs_in_gallery .wc-gallery-vertical .woocommerce-product-gallery__wrapper {
width: 100%;
margin: 0 auto;
float: none;
}
.thumbs_in_gallery .wc-gallery-vertical .wc-nav-thumbs {
width: 80px;
max-height: 80%;
height: auto;
position: absolute;
bottom: auto;
float: none;
transform: translateY(-50%);
}
.thumbs_in_gallery.gallery-tp-left .wc-nav-thumbs {
position: absolute;
top: auto;
left: 2em;
right: auto;
bottom: 2em;
}
.thumbs_in_gallery.gallery-tp-left .wc-gallery-vertical .wc-nav-thumbs {
top: 50%;
left: 2em;
right: auto;
bottom: auto;
}
.thumbs_in_gallery.gallery-tp-right .wc-nav-thumbs {
position: absolute;
top: auto;
left: auto;
right: 2em;
bottom: 2em;
}
.thumbs_in_gallery.gallery-tp-right .wc-gallery-vertical .wc-nav-thumbs {
top: 50%;
right: 2em;
left: auto;
bottom: auto;
}
.thumbs_in_gallery.gallery-tp-bottom .wc-nav-thumbs {
position: absolute;
margin: 0;
top: auto;
bottom: 2em;
left: 50%;
right: auto;
transform: translateX(-50%);
}
.thumbs_in_gallery.gallery-tp-bottom-left .wc-nav-thumbs {
margin: 0;
position: absolute;
top: auto;
bottom: 2em;
left: 2em;
}
.thumbs_in_gallery.gallery-tp-bottom-right .wc-nav-thumbs {
margin: 0;
position: absolute;
top: auto;
bottom: 2em;
right: 2em;
}
.thumbs_out_gallery .wc-nav-thumbs {
margin-top: 1em;
margin-bottom: 0;
margin-left: auto;
margin-right: auto;
}
.thumbs_out_gallery.gallery-tp-bottom-right .wc-nav-thumbs {
margin-left: auto;
margin-right: 0;
}
.thumbs_out_gallery.gallery-tp-bottom-left .wc-nav-thumbs {
margin-left: 0;
margin-right: auto;
}
}
@media screen and (max-width: 568px) {
div.product.wc-product-top-media .wc-nav-thumbs {
max-width: 80%;
position: relative;
top: auto;
left: auto;
margin-top: 1em;
margin-left: auto;
margin-right: auto;
}
}
@media screen and (max-width: 568px) and (max-width: 568px) {
div.product.wc-product-top-media .wc-nav-thumbs {
max-width: 90%;
}
}
@media screen and (max-width: 568px) {
div.product.gallery-top-full .wc-nav-thumbs {
padding-bottom: 1em;
}
} .wc-gallery-item a {
display: block;
position: relative;
}
.wc-gallery-item a img {
opacity: 1;
transition: opacity 0.3s linear;
}
.wc-gallery-item a:before {
position: absolute;
top: 0.5em;
right: 0.5em;
font-size: 1em;
z-index: 9;
width: 36px;
height: 36px;
background: rgba(255, 255, 255, 0.5);
border-radius: 100%;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0 0 1px rgba(0, 0, 0, 0.08);
color: #888888;
opacity: 0;
transition: opacity 0.3s linear;
box-sizing: content-box;
font-family: "WooCommerce";
content: "\e035";
display: flex;
justify-content: center;
align-items: center;
line-height: 0;
}
.wc-gallery-item a:hover:before {
opacity: 1;
}
.wc-gallery-item a:hover img {
opacity: 0.6;
}.woocommerce-product-gallery:after {
content: "";
display: block;
clear: both;
}
.woocommerce-product-gallery__image > a {
display: block;
margin: 0 auto;
text-align: center;
}
.wc-nav-thumbs {
margin: 0 -5px;
}
.wc-nav-thumbs .slick-slide {
outline: none !important;
}
.wc-nav-thumbs .woocommerce-product-gallery__image {
padding: 5px;
outline: none !important;
}
.wc-gallery-vertical.woocommerce-product-gallery {
margin-bottom: 0px;
}
.wc-gallery-vertical .woocommerce-product-gallery__wrapper {
width: 80%;
float: right;
}
.wc-gallery-vertical .woocommerce-product-gallery__wrapper .slick-slide {
border: 0px;
outline: none !important;
}
.wc-gallery-vertical .slick-slide > div {
line-height: 0px;
}
.wc-gallery-vertical span.onsale {
left: calc(20% + 1em);
}
.wc-gallery-vertical .wc-nav-thumbs {
width: 20%;
float: left;
position: absolute;
top: 0px;
left: 0px;
overflow: hidden;
display: block;
}
.wc-gallery-vertical .wc-nav-thumbs .slick-list img {
max-width: 100%;
line-height: 0px;
}
.wc-gallery-vertical .wc-nav-thumbs .woocommerce-product-gallery__image {
padding: 0px;
display: block;
} .slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-touch-callout: none;
-webkit-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 {
position: relative;
overflow: hidden;
display: block;
margin: 0;
padding: 0;
}
.slick-list:focus {
outline: none;
}
.slick-list.dragging {
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
-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 {
position: relative;
left: 0;
top: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before, .slick-track:after {
content: "";
display: table;
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
float: left;
height: 100%;
min-height: 1px;
display: none;
}
[dir=rtl] .slick-slide {
float: right;
}
.slick-slide img {
display: block;
}
.slick-slide.slick-loading img {
display: none;
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: block;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
} .slick-loading .slick-list {
background: #fff;
opacity: 0.5;
}
.wc-nav-thumbs .slick-slide {
cursor: pointer;
opacity: 0.5;
}
.wc-nav-thumbs .slick-slide.slick-current {
opacity: 1;
} .slick-prev,
.slick-next {
position: absolute;
display: block;
top: 50%;
transform: translate(0, -50%);
padding: 0;
border: none;
outline: none;
z-index: 15;
transition: opacity 0.3s linear;
opacity: 0;
}
.slick-prev.slick-disabled,
.slick-next.slick-disabled {
visibility: hidden;
}
.slick-slider:hover .slick-prev,
.slick-slider:hover .slick-next {
opacity: 1;
}
.slick-prev {
left: 15px;
}
.slick-next {
right: 15px;
}
.slick-vertical.wc-nav-thumbs {
margin-top: 0px;
margin-bottom: 0px;
padding-right: 5px;
position: absolute;
top: 0px;
left: 0px;
bottom: 0px;
}
.slick-vertical .slick-prev {
transform: translate(-50%, 0%) rotate(90deg);
top: 15px;
left: 50%;
}
.slick-vertical .slick-next {
bottom: 15px;
top: auto;
right: auto;
left: 50%;
transform: translate(-50%, 0%) rotate(90deg);
}
.slick-vertical .slick-slide {
border-top-width: 0px;
border-left-width: 0px;
border-right-width: 0px;
border-bottom-width: 7px;
}
.slick-vertical .slick-slide:last-child {
border-bottom-width: 0px;
} .slick-dotted.slick-slider {
margin-bottom: 30px;
}
.slick-dots {
position: absolute;
bottom: 15px;
list-style: none;
display: block;
text-align: center;
padding: 0;
margin: 0;
z-index: 30;
left: 40px;
right: 40px;
}
.slick-dots li {
position: relative;
display: inline-block;
text-align: center;
height: 15px;
width: 15px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.slick-dots li button {
border: 0;
background: #333333;
display: inline-block;
height: 10px;
width: 10px;
outline: none;
line-height: 0px;
font-size: 0px;
color: transparent;
padding: 5px;
cursor: pointer;
box-shadow: none;
border-radius: 50%;
opacity: 0.5;
transition: all 0.3s linear;
}
.slick-dots li button:hover, .slick-dots li button:focus {
outline: none;
background: none;
box-shadow: none;
opacity: 1;
background: #333333;
}
.slick-dots li.slick-active button {
opacity: 1;
background: #333333;
}