@font-face {
font-family: "Flaticon";
src: url(https://ilite.sg/wp-content/themes/zonex/assets/fonts/Flaticon.eot);
src: url(https://ilite.sg/wp-content/themes/zonex/assets/fonts/Flaticon.eot?#iefix) format("embedded-opentype"),
url(https://ilite.sg/wp-content/themes/zonex/assets/fonts/Flaticon.woff2) format("woff2"),
url(https://ilite.sg/wp-content/themes/zonex/assets/fonts/Flaticon.woff) format("woff"),
url(https://ilite.sg/wp-content/themes/zonex/assets/fonts/Flaticon.ttf) format("truetype"),
url(https://ilite.sg/wp-content/themes/zonex/assets/fonts/Flaticon.svg#Flaticon) format("svg");
font-weight: normal;
font-style: normal;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
@font-face {
font-family: "Flaticon";
src: url(https://ilite.sg/wp-content/themes/zonex/assets/fonts/Flaticon.svg#Flaticon) format("svg");
}
}
[class^="flaticon-"]:before, [class*=" flaticon-"]:before,
[class^="flaticon-"]:after, [class*=" flaticon-"]:after {
font-family: Flaticon;
font-size: inherit;
font-style: normal;
line-height: 1;
}
.flaticon-tool:before { content: "\f100"; }
.flaticon-email:before { content: "\f101"; }
.flaticon-email-1:before { content: "\f102"; }
.flaticon-back:before { content: "\f103"; }
.flaticon-next:before { content: "\f104"; }
.flaticon-next-1:before { content: "\f105"; }
.flaticon-back-1:before { content: "\f106"; }
.flaticon-instagram:before { content: "\f107"; }
.flaticon-left-arrow:before { content: "\f108"; }
.flaticon-right-arrow:before { content: "\f109"; }
.flaticon-heart:before { content: "\f10a"; }
.flaticon-package:before { content: "\f10b"; }
.flaticon-valentines-heart:before { content: "\f10c"; }
.flaticon-security:before { content: "\f10d"; }
.flaticon-filter:before { content: "\f10e"; }
.flaticon-reload:before { content: "\f10f"; }
.flaticon-comment:before { content: "\f110"; }
.flaticon-comment-white-oval-bubble:before { content: "\f111"; }
.flaticon-credit-card:before { content: "\f112"; }
.flaticon-shield:before { content: "\f113"; }
.flaticon-delivery-truck:before { content: "\f114"; }
.flaticon-support:before { content: "\f115"; }
.flaticon-checked:before { content: "\f116"; }
.flaticon-cancel:before { content: "\f117"; }
.flaticon-cross-out:before { content: "\f118"; }
.flaticon-lock:before { content: "\f119"; }
.flaticon-padlock:before { content: "\f11a"; }
.flaticon-phone-call:before { content: "\f11b"; }
.flaticon-telephone:before { content: "\f11c"; }
.flaticon-share:before { content: "\f11d"; }
.flaticon-placeholder:before { content: "\f11e"; }
.flaticon-placeholder-1:before { content: "\f11f"; }
.flaticon-dove:before { content: "\f120"; }
.flaticon-360-degrees:before { content: "\f121"; }
.flaticon-substract:before { content: "\f122"; }
.flaticon-add:before { content: "\f123"; }
.flaticon-login:before { content: "\f124"; }
.flaticon-login-1:before { content: "\f125"; }
.flaticon-play-button:before { content: "\f126"; }
.flaticon-magnifying-glass:before { content: "\f127"; }
.flaticon-profile:before { content: "\f128"; }
.flaticon-bag:before { content: "\f129"; }
.flaticon-menu:before { content: "\f12a"; }
.flaticon-menu-1:before { content: "\f12b"; }
.flaticon-expand:before { content: "\f12c"; }
.flaticon-key:before { content: "\f12d"; }
.flaticon-contact:before { content: "\f12e"; }
.flaticon-gallery:before { content: "\f12f"; }
.flaticon-cabinet:before { content: "\f130"; }
.flaticon-chair:before { content: "\f131"; }
.flaticon-cart:before { content: "\f132"; }
.flaticon-reward:before { content: "\f133"; }
.flaticon-return:before { content: "\f134"; }
.flaticon-shield-1:before { content: "\f135"; }
.flaticon-fire:before { content: "\f136"; }@font-face {
font-family: 'kazen-font';
src:  url(//ilite.sg/wp-content/themes/zonex/assets/fonts/kazen-font/kazen-font.eot?vqqqpg);
src:  url(//ilite.sg/wp-content/themes/zonex/assets/fonts/kazen-font/kazen-font.eot?vqqqpg#iefix) format('embedded-opentype'),
url(//ilite.sg/wp-content/themes/zonex/assets/fonts/kazen-font/kazen-font.ttf?vqqqpg) format('truetype'),
url(//ilite.sg/wp-content/themes/zonex/assets/fonts/kazen-font/kazen-font.woff?vqqqpg) format('woff'),
url(//ilite.sg/wp-content/themes/zonex/assets/fonts/kazen-font/kazen-font.svg?vqqqpg#kazen-font) format('svg');
font-weight: normal;
font-style: normal;
font-display: block;
}
[class^="kz-"], [class*=" kz-"] { font-family: 'kazen-font' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; letter-spacing: 0;
-webkit-font-feature-settings: "liga";
-moz-font-feature-settings: "liga=1";
-moz-font-feature-settings: "liga";
-ms-font-feature-settings: "liga" 1;
font-feature-settings: "liga";
-webkit-font-variant-ligatures: discretionary-ligatures;
font-variant-ligatures: discretionary-ligatures; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.kz-angle-left:before {
content: "\e900";
}
.kz-angle-right:before {
content: "\e901";
}
.kz-angle-down:before {
content: "\e902";
}
.kz-angle-up:before {
content: "\e903";
}
.kz-arrow-double-left:before {
content: "\e904";
}
.kz-arrow-double-right:before {
content: "\e905";
}
.kz-long-arrow-left:before {
content: "\e972";
}
.kz-long-arrow-right:before {
content: "\e906";
}
.kz-up-top:before {
content: "\e94f";
}
.kz-next-arrow:before {
content: "\e907";
}
.kz-swap-horizontal:before {
content: "\e908";
}
.kz-enlarge:before {
content: "\e950";
}
.kz-angle-down-small:before {
content: "\e909";
}
.kz-unfold-more:before {
content: "\e90a";
}
.kz-close-o:before {
content: "\e90b";
}
.kz-close:before {
content: "\e90c";
}
.kz-check-square:before {
content: "\e90d";
}
.kz-check-o:before {
content: "\e90e";
}
.kz-ban:before {
content: "\e90f";
}
.kz-check:before {
content: "\e910";
}
.kz-square:before {
content: "\e911";
}
.kz-plus:before {
content: "\e912";
}
.kz-minus:before {
content: "\e96e";
}
.kz-plus-square:before {
content: "\e913";
}
.kz-minu-square:before {
content: "\e914";
}
.kz-update-refresh:before {
content: "\e915";
}
.kz-refresh:before {
content: "\e951";
}
.kz-area:before {
content: "\e916";
}
.kz-shower:before {
content: "\e917";
}
.kz-bed:before {
content: "\e918";
}
.kz-garage:before {
content: "\e919";
}
.kz-car-parking:before {
content: "\e91a";
}
.kz-grid-two:before {
content: "\e91b";
}
.kz-squares:before {
content: "\e91c";
}
.kz-grid-three:before {
content: "\e91d";
}
.kz-list:before {
content: "\e91e";
}
.kz-add-list:before {
content: "\e91f";
}
.kz-attached:before {
content: "\e920";
}
.kz-chat:before {
content: "\e921";
}
.kz-user:before {
content: "\e922";
}
.kz-phone:before {
content: "\e923";
}
.kz-phone-end:before {
content: "\e924";
}
.kz-mobile:before {
content: "\e925";
}
.kz-email:before {
content: "\e926";
}
.kz-share:before {
content: "\e927";
}
.kz-skype:before {
content: "\e928";
}
.kz-star-line:before {
content: "\e929";
}
.kz-star-line-half:before {
content: "\e970";
}
.kz-star-fill:before {
content: "\e96f";
}
.kz-star-fill-half:before {
content: "\e971";
}
.kz-search-space:before {
content: "\e92a";
}
.kz-search:before {
content: "\e92b";
}
.kz-cart:before {
content: "\e952";
}
.kz-bag:before {
content: "\e953";
}
.kz-send:before {
content: "\e92c";
}
.kz-bar-code:before {
content: "\e92d";
}
.kz-bolt-fill:before {
content: "\e92e";
}
.kz-bolt-line:before {
content: "\e92f";
}
.kz-calendar:before {
content: "\e930";
}
.kz-camera:before {
content: "\e931";
}
.kz-chart:before {
content: "\e932";
}
.kz-earth:before {
content: "\e933";
}
.kz-map:before {
content: "\e934";
}
.kz-location:before {
content: "\e935";
}
.kz-pin:before {
content: "\e936";
}
.kz-target:before {
content: "\e937";
}
.kz-pic:before {
content: "\e938";
}
.kz-print:before {
content: "\e939";
}
.kz-link:before {
content: "\e93a";
}
.kz-eye:before {
content: "\e93b";
}
.kz-fire:before {
content: "\e93c";
}
.kz-number-one:before {
content: "\e954";
}
.kz-few:before {
content: "\e955";
}
.kz-folder-left:before {
content: "\e93d";
}
.kz-folder:before {
content: "\e93e";
}
.kz-heart:before {
content: "\e93f";
}
.kz-heart-fill:before {
content: "\e958";
}
.kz-info-round:before {
content: "\e940";
}
.kz-key:before {
content: "\e941";
}
.kz-lock:before {
content: "\e956";
}
.kz-log-out:before {
content: "\e942";
}
.kz-setting:before {
content: "\e943";
}
.kz-filter:before {
content: "\e957";
}
.kz-trash:before {
content: "\e944";
}
.kz-video:before {
content: "\e945";
}
.kz-card:before {
content: "\e946";
}
.kz-car:before {
content: "\e947";
}
.kz-schedule:before {
content: "\e948";
}
.kz-linkedin:before {
content: "\e949";
}
.kz-twitter:before {
content: "\e94a";
}
.kz-pinterest:before {
content: "\e94b";
}
.kz-google-plus:before {
content: "\e94c";
}
.kz-instagram:before {
content: "\e94d";
}
.kz-facebook:before {
content: "\e94e";
}.scroll-wrapper {
overflow: hidden !important;
padding: 0 !important;
position: relative;
}
.scroll-wrapper > .scroll-content {
border: none !important;
box-sizing: content-box !important;
height: auto;
left: 0;
margin: 0;
max-height: none;
max-width: none !important;
overflow: scroll !important;
padding: 0;
position: relative !important;
top: 0;
width: auto !important;
}
.scroll-wrapper > .scroll-content::-webkit-scrollbar {
height: 0;
width: 0;
}
.scroll-element {
display: none;
}
.scroll-element, .scroll-element div {
box-sizing: content-box;
}
.scroll-element.scroll-x.scroll-scrollx_visible,
.scroll-element.scroll-y.scroll-scrolly_visible {
display: block;
}
.scroll-element .scroll-bar,
.scroll-element .scroll-arrow {
cursor: default;
}
.scroll-textarea {
border: 1px solid #cccccc;
border-top-color: #999999;
}
.scroll-textarea > .scroll-content {
overflow: hidden !important;
}
.scroll-textarea > .scroll-content > textarea {
border: none !important;
box-sizing: border-box;
height: 100% !important;
margin: 0;
max-height: none !important;
max-width: none !important;
overflow: scroll !important;
outline: none;
padding: 2px;
position: relative !important;
top: 0;
width: 100% !important;
}
.scroll-textarea > .scroll-content > textarea::-webkit-scrollbar {
height: 0;
width: 0;
} .scrollbar-inner > .scroll-element,
.scrollbar-inner > .scroll-element div
{
border: none;
margin: 0;
padding: 0;
position: absolute;
z-index: 10;
}
.scrollbar-inner > .scroll-element div {
display: block;
height: 100%;
left: 0;
top: 0;
width: 100%;
}
.scrollbar-inner > .scroll-element.scroll-x {
bottom: 2px;
height: 8px;
left: 0;
width: 100%;
}
.scrollbar-inner > .scroll-element.scroll-y {
height: 100%;
right: 2px;
top: 0;
width: 8px;
}
.scrollbar-inner > .scroll-element .scroll-element_outer {
overflow: hidden;
}
.scrollbar-inner > .scroll-element .scroll-element_outer,
.scrollbar-inner > .scroll-element .scroll-element_track,
.scrollbar-inner > .scroll-element .scroll-bar {
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}
.scrollbar-inner > .scroll-element .scroll-element_track,
.scrollbar-inner > .scroll-element .scroll-bar {
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
filter: alpha(opacity=40);
opacity: 0.4;
}
.scrollbar-inner > .scroll-element .scroll-element_track { background-color: #e0e0e0; }
.scrollbar-inner > .scroll-element .scroll-bar { background-color: #c2c2c2; }
.scrollbar-inner > .scroll-element:hover .scroll-bar { background-color: #919191; }
.scrollbar-inner > .scroll-element.scroll-draggable .scroll-bar { background-color: #919191; } .scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -12px; }
.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -12px; }
.scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -12px; }
.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -12px; } .scrollbar-outer > .scroll-element,
.scrollbar-outer > .scroll-element div
{
border: none;
margin: 0;
padding: 0;
position: absolute;
z-index: 10;
}
.scrollbar-outer > .scroll-element {
background-color: #ffffff;
}
.scrollbar-outer > .scroll-element div {
display: block;
height: 100%;
left: 0;
top: 0;
width: 100%;
}
.scrollbar-outer > .scroll-element.scroll-x {
bottom: 0;
height: 12px;
left: 0;
width: 100%;
}
.scrollbar-outer > .scroll-element.scroll-y {
height: 100%;
right: 0;
top: 0;
width: 12px;
}
.scrollbar-outer > .scroll-element.scroll-x .scroll-element_outer { height: 8px; top: 2px; }
.scrollbar-outer > .scroll-element.scroll-y .scroll-element_outer { left: 2px; width: 8px; }
.scrollbar-outer > .scroll-element .scroll-element_outer { overflow: hidden; }
.scrollbar-outer > .scroll-element .scroll-element_track { background-color: #eeeeee; }
.scrollbar-outer > .scroll-element .scroll-element_outer,
.scrollbar-outer > .scroll-element .scroll-element_track,
.scrollbar-outer > .scroll-element .scroll-bar {
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}
.scrollbar-outer > .scroll-element .scroll-bar { background-color: #d9d9d9; }
.scrollbar-outer > .scroll-element .scroll-bar:hover { background-color: #c2c2c2; }
.scrollbar-outer > .scroll-element.scroll-draggable .scroll-bar { background-color: #919191; } .scrollbar-outer > .scroll-content.scroll-scrolly_visible { left: -12px; margin-left: 12px; }
.scrollbar-outer > .scroll-content.scroll-scrollx_visible { top:  -12px; margin-top:  12px; }
.scrollbar-outer > .scroll-element.scroll-x .scroll-bar { min-width: 10px; }
.scrollbar-outer > .scroll-element.scroll-y .scroll-bar { min-height: 10px; } .scrollbar-outer > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -14px; }
.scrollbar-outer > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -14px; }
.scrollbar-outer > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -14px; }
.scrollbar-outer > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -14px; } .scrollbar-macosx > .scroll-element,
.scrollbar-macosx > .scroll-element div
{
background: none;
border: none;
margin: 0;
padding: 0;
position: absolute;
z-index: 10;
}
.scrollbar-macosx > .scroll-element div {
display: block;
height: 100%;
left: 0;
top: 0;
width: 100%;
}
.scrollbar-macosx > .scroll-element .scroll-element_track { display: none; }
.scrollbar-macosx > .scroll-element .scroll-bar {
background-color: #6C6E71;
display: block;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
-webkit-transition: opacity 0.2s linear;
-moz-transition: opacity 0.2s linear;
-o-transition: opacity 0.2s linear;
-ms-transition: opacity 0.2s linear;
transition: opacity 0.2s linear;
}
.scrollbar-macosx:hover > .scroll-element .scroll-bar,
.scrollbar-macosx > .scroll-element.scroll-draggable .scroll-bar {
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
filter: alpha(opacity=70);
opacity: 0.7;
}
.scrollbar-macosx > .scroll-element.scroll-x {
bottom: 0px;
height: 0px;
left: 0;
min-width: 100%;
overflow: visible;
width: 100%;
}
.scrollbar-macosx > .scroll-element.scroll-y {
height: 100%;
min-height: 100%;
right: 0px;
top: 0;
width: 0px;
} .scrollbar-macosx > .scroll-element.scroll-x .scroll-bar { height: 7px; min-width: 10px; top: -9px; }
.scrollbar-macosx > .scroll-element.scroll-y .scroll-bar { left: -9px; min-height: 10px; width: 7px; }
.scrollbar-macosx > .scroll-element.scroll-x .scroll-element_outer { left: 2px; }
.scrollbar-macosx > .scroll-element.scroll-x .scroll-element_size { left: -4px; }
.scrollbar-macosx > .scroll-element.scroll-y .scroll-element_outer { top: 2px; }
.scrollbar-macosx > .scroll-element.scroll-y .scroll-element_size { top: -4px; } .scrollbar-macosx > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -11px; }
.scrollbar-macosx > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -11px; } .scrollbar-light > .scroll-element,
.scrollbar-light > .scroll-element div {
border: none;
margin: 0;
overflow: hidden;
padding: 0;
position: absolute;
z-index: 10;
}
.scrollbar-light > .scroll-element {
background-color: #ffffff;
}
.scrollbar-light > .scroll-element div {
display: block;
height: 100%;
left: 0;
top: 0;
width: 100%;
}
.scrollbar-light > .scroll-element .scroll-element_outer {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.scrollbar-light > .scroll-element .scroll-element_size {
background: #dbdbdb;
background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RiZGJkYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlOGU4ZTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+');
background: -moz-linear-gradient(left, #dbdbdb 0%, #e8e8e8 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#dbdbdb), color-stop(100%,#e8e8e8));
background: -webkit-linear-gradient(left, #dbdbdb 0%,#e8e8e8 100%);
background: -o-linear-gradient(left, #dbdbdb 0%,#e8e8e8 100%);
background: -ms-linear-gradient(left, #dbdbdb 0%,#e8e8e8 100%);
background: linear-gradient(to right, #dbdbdb 0%,#e8e8e8 100%);
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.scrollbar-light > .scroll-element.scroll-x {
bottom: 0;
height: 17px;
left: 0;
min-width: 100%;
width: 100%;
}
.scrollbar-light > .scroll-element.scroll-y {
height: 100%;
min-height: 100%;
right: 0;
top: 0;
width: 17px;
}
.scrollbar-light > .scroll-element .scroll-bar {
background: #fefefe;
background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmVmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNWY1ZjUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+');
background: -moz-linear-gradient(left, #fefefe 0%, #f5f5f5 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#fefefe), color-stop(100%,#f5f5f5));
background: -webkit-linear-gradient(left, #fefefe 0%,#f5f5f5 100%);
background: -o-linear-gradient(left, #fefefe 0%,#f5f5f5 100%);
background: -ms-linear-gradient(left, #fefefe 0%,#f5f5f5 100%);
background: linear-gradient(to right, #fefefe 0%,#f5f5f5 100%);
border: 1px solid #dbdbdb;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
} .scrollbar-light > .scroll-content.scroll-scrolly_visible { left: -17px; margin-left: 17px; }
.scrollbar-light > .scroll-content.scroll-scrollx_visible { top:  -17px; margin-top:  17px; }
.scrollbar-light > .scroll-element.scroll-x .scroll-bar { height: 10px; min-width: 10px; top: 0px; }
.scrollbar-light > .scroll-element.scroll-y .scroll-bar { left: 0px; min-height: 10px; width: 10px; }
.scrollbar-light > .scroll-element.scroll-x .scroll-element_outer { height: 12px; left: 2px; top: 2px; }
.scrollbar-light > .scroll-element.scroll-x .scroll-element_size { left: -4px; }
.scrollbar-light > .scroll-element.scroll-y .scroll-element_outer { left: 2px; top: 2px; width: 12px; }
.scrollbar-light > .scroll-element.scroll-y .scroll-element_size { top: -4px; } .scrollbar-light > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -19px; }
.scrollbar-light > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -19px; }
.scrollbar-light > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -19px; }
.scrollbar-light > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -19px; } .scrollbar-rail > .scroll-element,
.scrollbar-rail > .scroll-element div
{
border: none;
margin: 0;
overflow: hidden;
padding: 0;
position: absolute;
z-index: 10;
}
.scrollbar-rail > .scroll-element {
background-color: #ffffff;
}
.scrollbar-rail > .scroll-element div {
display: block;
height: 100%;
left: 0;
top: 0;
width: 100%;
}
.scrollbar-rail > .scroll-element .scroll-element_size {
background-color: #999;
background-color: rgba(0, 0, 0, 0.3);
}
.scrollbar-rail > .scroll-element .scroll-element_outer:hover .scroll-element_size {
background-color: #666;
background-color: rgba(0, 0, 0, 0.5);
}
.scrollbar-rail > .scroll-element.scroll-x {
bottom: 0;
height: 12px;
left: 0;
min-width: 100%;
padding: 3px 0 2px;
width: 100%;
}
.scrollbar-rail > .scroll-element.scroll-y {
height: 100%;
min-height: 100%;
padding: 0 2px 0 3px;
right: 0;
top: 0;
width: 12px;
}
.scrollbar-rail > .scroll-element .scroll-bar {
background-color: #d0b9a0;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
}
.scrollbar-rail > .scroll-element .scroll-element_outer:hover .scroll-bar {
box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6);
} .scrollbar-rail > .scroll-content.scroll-scrolly_visible { left: -17px; margin-left: 17px; }
.scrollbar-rail > .scroll-content.scroll-scrollx_visible { margin-top: 17px; top: -17px; }
.scrollbar-rail > .scroll-element.scroll-x .scroll-bar { height: 10px; min-width: 10px; top: 1px; }
.scrollbar-rail > .scroll-element.scroll-y .scroll-bar { left: 1px; min-height: 10px; width: 10px; }
.scrollbar-rail > .scroll-element.scroll-x .scroll-element_outer { height: 15px; left: 5px; }
.scrollbar-rail > .scroll-element.scroll-x .scroll-element_size { height: 2px; left: -10px; top: 5px; }
.scrollbar-rail > .scroll-element.scroll-y .scroll-element_outer { top: 5px; width: 15px; }
.scrollbar-rail > .scroll-element.scroll-y .scroll-element_size { left: 5px; top: -10px; width: 2px; } .scrollbar-rail > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -25px; }
.scrollbar-rail > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -25px; }
.scrollbar-rail > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -25px; }
.scrollbar-rail > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -25px; } .scrollbar-dynamic > .scroll-element,
.scrollbar-dynamic > .scroll-element div
{
background: none;
border: none;
margin: 0;
padding: 0;
position: absolute;
z-index: 10;
}
.scrollbar-dynamic > .scroll-element div {
display: block;
height: 100%;
left: 0;
top: 0;
width: 100%;
}
.scrollbar-dynamic > .scroll-element.scroll-x {
bottom: 2px;
height: 7px;
left: 0;
min-width: 100%;
width: 100%;
}
.scrollbar-dynamic > .scroll-element.scroll-y {
height: 100%;
min-height: 100%;
right: 2px;
top: 0;
width: 7px;
}
.scrollbar-dynamic > .scroll-element .scroll-element_outer {
opacity: 0.3;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
}
.scrollbar-dynamic > .scroll-element .scroll-element_size {
background-color: #cccccc;
opacity: 0;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
-webkit-transition: opacity 0.2s;
-moz-transition: opacity 0.2s;
-o-transition: opacity 0.2s;
-ms-transition: opacity 0.2s;
transition: opacity 0.2s;
}
.scrollbar-dynamic > .scroll-element .scroll-bar {
background-color: #6c6e71;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
} .scrollbar-dynamic > .scroll-element.scroll-x .scroll-bar {
bottom: 0;
height: 7px;
min-width: 24px;
top: auto;
}
.scrollbar-dynamic > .scroll-element.scroll-y .scroll-bar {
left: auto;
min-height: 24px;
right: 0;
width: 7px;
}
.scrollbar-dynamic > .scroll-element.scroll-x .scroll-element_outer {
bottom: 0;
top: auto;
left: 2px;
-webkit-transition: height 0.2s;
-moz-transition: height 0.2s;
-o-transition: height 0.2s;
-ms-transition: height 0.2s;
transition: height 0.2s;
}
.scrollbar-dynamic > .scroll-element.scroll-y .scroll-element_outer {
left: auto;
right: 0;
top: 2px;
-webkit-transition: width 0.2s;
-moz-transition: width 0.2s;
-o-transition: width 0.2s;
-ms-transition: width 0.2s;
transition: width 0.2s;
}
.scrollbar-dynamic > .scroll-element.scroll-x .scroll-element_size { left: -4px; }
.scrollbar-dynamic > .scroll-element.scroll-y .scroll-element_size { top: -4px; } .scrollbar-dynamic > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -11px; }
.scrollbar-dynamic > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -11px; } .scrollbar-dynamic > .scroll-element:hover .scroll-element_outer,
.scrollbar-dynamic > .scroll-element.scroll-draggable .scroll-element_outer {
overflow: hidden;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
filter: alpha(opacity=70);
opacity: 0.7;
}
.scrollbar-dynamic > .scroll-element:hover .scroll-element_outer .scroll-element_size,
.scrollbar-dynamic > .scroll-element.scroll-draggable .scroll-element_outer .scroll-element_size {
opacity: 1;
}
.scrollbar-dynamic > .scroll-element:hover .scroll-element_outer .scroll-bar,
.scrollbar-dynamic > .scroll-element.scroll-draggable .scroll-element_outer .scroll-bar {
height: 100%;
width: 100%;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
}
.scrollbar-dynamic > .scroll-element.scroll-x:hover .scroll-element_outer,
.scrollbar-dynamic > .scroll-element.scroll-x.scroll-draggable .scroll-element_outer {
height: 20px;
min-height: 7px;
}
.scrollbar-dynamic > .scroll-element.scroll-y:hover .scroll-element_outer,
.scrollbar-dynamic > .scroll-element.scroll-y.scroll-draggable .scroll-element_outer {
min-width: 7px;
width: 20px;
} .scrollbar-chrome > .scroll-element,
.scrollbar-chrome > .scroll-element div
{
border: none;
margin: 0;
overflow: hidden;
padding: 0;
position: absolute;
z-index: 10;
}
.scrollbar-chrome > .scroll-element {
background-color: #ffffff;
}
.scrollbar-chrome > .scroll-element div {
display: block;
height: 100%;
left: 0;
top: 0;
width: 100%;
}
.scrollbar-chrome > .scroll-element .scroll-element_outer {}
.scrollbar-chrome > .scroll-element .scroll-element_track {
background: #f1f1f1;
border: 1px solid #dbdbdb;
}
.scrollbar-chrome > .scroll-element.scroll-x {
bottom: 0;
height: 16px;
left: 0;
min-width: 100%;
width: 100%;
}
.scrollbar-chrome > .scroll-element.scroll-y {
height: 100%;
min-height: 100%;
right: 0;
top: 0;
width: 16px;
}
.scrollbar-chrome > .scroll-element .scroll-bar {
background-color: #d9d9d9;
border: 1px solid #bdbdbd;
cursor: default;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.scrollbar-chrome > .scroll-element .scroll-bar:hover {
background-color: #c2c2c2;
border-color: #a9a9a9;
}
.scrollbar-chrome > .scroll-element.scroll-draggable .scroll-bar {
background-color: #919191;
border-color: #7e7e7e;
} .scrollbar-chrome > .scroll-content.scroll-scrolly_visible { left: -16px; margin-left: 16px; }
.scrollbar-chrome > .scroll-content.scroll-scrollx_visible { top:  -16px; margin-top:  16px; }
.scrollbar-chrome > .scroll-element.scroll-x .scroll-bar { height: 8px; min-width: 10px; top: 3px; }
.scrollbar-chrome > .scroll-element.scroll-y .scroll-bar { left: 3px; min-height: 10px; width: 8px; }
.scrollbar-chrome > .scroll-element.scroll-x .scroll-element_outer { border-left: 1px solid #dbdbdb; }
.scrollbar-chrome > .scroll-element.scroll-x .scroll-element_track { height: 14px; left: -3px; }
.scrollbar-chrome > .scroll-element.scroll-x .scroll-element_size { height: 14px; left: -4px; }
.scrollbar-chrome > .scroll-element.scroll-y .scroll-element_outer { border-top: 1px solid #dbdbdb; }
.scrollbar-chrome > .scroll-element.scroll-y .scroll-element_track { top: -3px; width: 14px; }
.scrollbar-chrome > .scroll-element.scroll-y .scroll-element_size { top: -4px; width: 14px; } .scrollbar-chrome > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -19px; }
.scrollbar-chrome > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -19px; }
.scrollbar-chrome > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -19px; }
.scrollbar-chrome > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -19px; }html.fp-enabled,
.fp-enabled body {
margin: 0;
padding: 0;
overflow:hidden; -webkit-tap-highlight-color: rgba(0,0,0,0);
}
.fp-section {
position: relative;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}
.fp-slide {
float: left;
}
.fp-slide, .fp-slidesContainer {
height: 100%;
display: block;
}
.fp-slides {
z-index:1;
height: 100%;
overflow: hidden;
position: relative;
-webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
}
.fp-section.fp-table, .fp-slide.fp-table {
display: table !important;
table-layout:fixed;
width: 100%;
}
.fp-tableCell {
display: table-cell;
vertical-align: middle;
width: 100%;
height: 100%;
}
.fp-slidesContainer {
float: left;
position: relative;
}
.fp-controlArrow {
-webkit-user-select: none; -moz-user-select: none; -khtml-user-select: none; -ms-user-select: none; position: absolute;
z-index: 4;
top: 50%;
cursor: pointer;
width: 0;
height: 0;
border-style: solid;
margin-top: -38px;
-webkit-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
.fp-controlArrow.fp-prev {
left: 15px;
width: 0;
border-width: 38.5px 34px 38.5px 0;
border-color: transparent #fff transparent transparent;
}
.fp-controlArrow.fp-next {
right: 15px;
border-width: 38.5px 0 38.5px 34px;
border-color: transparent transparent transparent #fff;
}
.fp-scrollable {
overflow: hidden;
position: relative;
}
.fp-scroller{
overflow: hidden;
}
.iScrollIndicator{
border: 0 !important;
}
.fp-notransition {
-webkit-transition: none !important;
transition: none !important;
}
#fp-nav {
position: fixed;
z-index: 100;
margin-top: -32px;
top: 50%;
opacity: 1;
-webkit-transform: translate3d(0,0,0);
}
#fp-nav.fp-right {
right: 17px;
}
#fp-nav.fp-left {
left: 17px;
}
.fp-slidesNav{
position: absolute;
z-index: 4;
opacity: 1;
-webkit-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
left: 0 !important;
right: 0;
margin: 0 auto !important;
}
.fp-slidesNav.fp-bottom {
bottom: 17px;
}
.fp-slidesNav.fp-top {
top: 17px;
}
#fp-nav ul,
.fp-slidesNav ul {
margin: 0;
padding: 0;
}
#fp-nav ul li,
.fp-slidesNav ul li {
display: block;
width: 14px;
height: 13px;
margin: 7px;
position:relative;
}
.fp-slidesNav ul li {
display: inline-block;
}
#fp-nav ul li a,
.fp-slidesNav ul li a {
display: block;
position: relative;
z-index: 1;
width: 100%;
height: 100%;
cursor: pointer;
text-decoration: none;
}
#fp-nav ul li a.active span,
.fp-slidesNav ul li a.active span,
#fp-nav ul li:hover a.active span,
.fp-slidesNav ul li:hover a.active span{
height: 12px;
width: 12px;
margin: -6px 0 0 -6px;
border-radius: 100%;
}
#fp-nav ul li a span,
.fp-slidesNav ul li a span {
border-radius: 50%;
position: absolute;
z-index: 1;
height: 4px;
width: 4px;
border: 0;
background: #333;
left: 50%;
top: 50%;
margin: -2px 0 0 -2px;
-webkit-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
-o-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
}
#fp-nav ul li:hover a span,
.fp-slidesNav ul li:hover a span{
width: 10px;
height: 10px;
margin: -5px 0px 0px -5px;
}
#fp-nav ul li .fp-tooltip {
position: absolute;
top: -2px;
color: #fff;
font-size: 14px;
font-family: arial, helvetica, sans-serif;
white-space: nowrap;
max-width: 220px;
overflow: hidden;
display: block;
opacity: 0;
width: 0;
cursor: pointer;
}
#fp-nav ul li:hover .fp-tooltip,
#fp-nav.fp-show-active a.active + .fp-tooltip {
-webkit-transition: opacity 0.2s ease-in;
transition: opacity 0.2s ease-in;
width: auto;
opacity: 1;
}
#fp-nav ul li .fp-tooltip.fp-right {
right: 20px;
}
#fp-nav ul li .fp-tooltip.fp-left {
left: 20px;
}
.fp-auto-height.fp-section,
.fp-auto-height .fp-slide,
.fp-auto-height .fp-tableCell{
height: auto !important;
}
.fp-responsive .fp-auto-height-responsive.fp-section,
.fp-responsive .fp-auto-height-responsive .fp-slide,
.fp-responsive .fp-auto-height-responsive .fp-tableCell {
height: auto !important;
} .fp-sr-only{
position: absolute;
width: 1px;
height: 1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}@font-face {
font-family: 'Jost100';
src: url(//ilite.sg/wp-content/themes/zonex/assets/fonts/jost/Jost-100-Hairline.otf) format('opentype'),
url(//ilite.sg/wp-content/themes/zonex/assets/fonts/jost/Jost-100-Hairline.ttf) format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Jost200';
src: url(//ilite.sg/wp-content/themes/zonex/assets/fonts/jost/Jost-200-Thin.otf) format('opentype'),
url(//ilite.sg/wp-content/themes/zonex/assets/fonts/jost/Jost-200-Thin.ttf) format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Jost300';
src: url(//ilite.sg/wp-content/themes/zonex/assets/fonts/jost/Jost-300-Light.otf) format('opentype'),
url(//ilite.sg/wp-content/themes/zonex/assets/fonts/jost/Jost-300-Light.ttf) format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Jost';
src: url(//ilite.sg/wp-content/themes/zonex/assets/fonts/jost/Jost-400-Book.otf) format('opentype'),
url(//ilite.sg/wp-content/themes/zonex/assets/fonts/jost/Jost-400-Book.ttf) format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Jost500';
src: url(//ilite.sg/wp-content/themes/zonex/assets/fonts/jost/Jost-500-Medium.otf) format('opentype'),
url(//ilite.sg/wp-content/themes/zonex/assets/fonts/jost/Jost-500-Medium.ttf) format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Jost600';
src: url(//ilite.sg/wp-content/themes/zonex/assets/fonts/jost/Jost-600-Semi.otf) format('opentype'),
url(//ilite.sg/wp-content/themes/zonex/assets/fonts/jost/Jost-600-Semi.ttf) format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Jost700';
src: url(//ilite.sg/wp-content/themes/zonex/assets/fonts/jost/Jost-700-Bold.otf) format('opentype'),
url(//ilite.sg/wp-content/themes/zonex/assets/fonts/jost/Jost-700-Bold.ttf) format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Jost800';
src: url(//ilite.sg/wp-content/themes/zonex/assets/fonts/jost/Jost-800-Heavy.otf) format('opentype'),
url(//ilite.sg/wp-content/themes/zonex/assets/fonts/jost/Jost-800-Heavy.ttf) format('truetype');
font-weight: normal;
font-style: normal;
} html {
overflow-x: hidden;
font-size: 1rem;
}
body {
font-family: 'jost', sans-serif;
font-size: 15px;
line-height: 28px;
color: #858585;
font-weight: 400;
}
label {
color: #454545;
}
a {
color: #151515;
text-decoration: none;
transition: color 0.3s ease 0s, background-color 0.3s ease 0s, border-color 0.3s ease 0s;
-o-transition: color 0.3s ease 0s, background-color 0.3s ease 0s, border-color 0.3s ease 0s;
-webkit-transition: color 0.3s ease 0s, background-color 0.3s ease 0s, border-color 0.3s ease 0s;
}
a:hover, a:focus, a:active {
text-decoration: none;
outline: none;
color: rgba(21,21,21,.8);
}
img {
max-width: 100%;
height: auto;
}
div.wpb_single_image img {
vertical-align: middle;
}
ul, ol {
margin: 0;
padding-left: 17px;
}
.woocommerce ul {
list-style: none;
}
ul ul,
ul ol,
ol ol,
ol ul {
padding-left: 17px;
}
h1, h2, h3, h4, h5, h6 {
line-height: 1.2;
font-weight: normal;
color: #151515;
margin-top: 0;
}
h1 {
font-size: 36px;
}
h2 {
font-size: 30px;
font-family: Jost600;
}
h3 {
font-size: 24px;
font-family: Jost500;
}
h4 {
font-size: 20px;
font-family: Jost;
}
h5 {
font-size: 18px;
}
h6 {
font-size: 16px;
}
p {
margin-bottom: 20px;
}
.wp-block-media-text {
margin-bottom: 20px;
}
.wp-block-button {
margin-bottom: 20px;
} .screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
clip-path: polygon(0px 0px, 0px 0px, 0px 0px, 0px 0px);
position: absolute !important;
white-space: nowrap;
height: 1px;
width: 1px;
overflow: hidden;
}
.post-item ul, .post-item ol {
margin-bottom: 20px;
}
.wp-block-gallery ul.blocks-gallery-grid {
margin: 0;
}
.wp-block-gallery ul.blocks-gallery-grid + figcaption {
margin: 0 0 30px;
}
.post-item dd {
margin: 5px 15px 15px;
}
.post-item ul ul, .post-item ol ul, .post-item ul ol, .post-item ol ol {
margin-bottom: 0;
}
blockquote, q {
display: inline-block;
padding: 18px 0;
border-left: none;
font-size: 18px;
color: #151515;
position: relative;
line-height: 34px;
font-family: Jost500;
width: 100%;
}
q {
border-left: 3px solid #151515;
padding-left: 30px;
}
blockquote p::before {
content: "";
border-left: 3px solid #151515;
position: absolute;
top: 0;
left: 0;
bottom: 0;
}
blockquote p {
position: relative;
padding: 0 25px;
}
blockquote span {
display: block;
position: relative;
text-transform: uppercase;
color: #999999;
font-size: 12px;
padding: 5px 0;
letter-spacing: 1px;
font-weight: 400;
}
blockquote span::before {
content: "";
border-bottom: 1px solid #bbb;
width: 20px;
position: relative;
display: inline-block;
top: -4px;
margin-right: 10px;
}
button, input, select, textarea {
border-color: #d6d6d6;
transition: background-color 0.3s ease 0s, opacity 0.3s ease 0s;
-o-transition: background-color 0.3s ease 0s, opacity 0.3s ease 0s;
-webkit-transition: background-color 0.3s ease 0s, opacity 0.3s ease 0s;
}
select {
background: transparent;
height: 46px;
border: 1px solid #e5e5e5;
border-radius: 0 !important;
font-size: 13px;
line-height: 46px;
padding: 0 25px;
}
input[type="text"],
input[type="number"],
input[type="search"],
input[type="email"],
input[type="password"],
input[type="tel"],
input[type="url"],
textarea {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
input[type="text"]:focus,
input[type="number"]:focus,
input[type="submit"]:focus,
input[type="search"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="tel"]:focus,
textarea:focus,
a:focus,
button:focus,
select:focus {
outline: none;
}
.zoom, .imagezoom {
cursor: zoom-in;
}
.over-flow-auto {
overflow: auto !important;
}
figcaption {
font-style: italic;
font-size: 13px;
margin-top: 5px;
line-height: 18px;
}
address {
font-style: italic;
}
.post-item-info ins, .post-item-info mask {
background: #eee;
text-decoration: none;
}
input[type="text"], input[type="email"], input[type="password"], input[type="tel"], input[type="search"] {
border: 1px solid #dddddd;
border-radius: 0;
font-size: 13px;
line-height: 52px;
height: 54px;
padding: 0 25px;
-webkit-appearance: none;
appearance: none;
}
input[type="password"] {
font-family: sans-serif !important;
}
textarea {
line-height: 28px;
padding: 15px 26px;
height: auto;
width: 100%;
border-radius: 0;
}
select {
font-size: 15px;
color: #151515;
padding: 0 0 0 21px;
-webkit-border-radius: 0px;
}
option {
padding: 5px 21px;
height: 30px;
line-height: 30px;
}
button,
input[type="submit"] {
display: inline-block;
height: 54px;
line-height: 54px;
font-size: 10px;
font-family: Jost500;
color: #ffffff;
text-transform: uppercase;
padding: 0 20px;
background: #151515;
border: none;
border-radius: 0;
vertical-align: top;
}
button:hover, input[type="submit"]:hover{
opacity: 0.8;
}
input[type="text"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
textarea:focus,
input[type="submit"]:focus,
button:focus,
select:focus {
outline: none;
}
:focus {
outline: none;
}
::-webkit-input-placeholder {
text-align: inherit;
color: rgba(21,21,21,.3);
opacity: 1;
filter: alpha(opacity=100);
}
:-moz-placeholder { text-align: inherit;
color: rgba(21,21,21,.3);
opacity: 1;
filter: alpha(opacity=100);
}
::-moz-placeholder { text-align: inherit;
color: rgba(21,21,21,.3);
opacity: 1;
filter: alpha(opacity=100);
}
:-ms-input-placeholder {
text-align: inherit;
color: rgba(21,21,21,.3);
opacity: 1;
filter: alpha(opacity=100);
}
.return-message {
line-height: 20px;
padding: 10px 30px;
font-size: 13px;
margin-top: 15px;
} table {
border: 1px solid #ebebeb;
border-collapse: collapse;
border-spacing: 0;
table-layout: auto;
width: 100%;
margin-bottom: 20px;
}
table thead {
background-color: #f8f8f8;
}
th, td {
border: 1px solid #ebebeb;
padding: 10px;
font-weight: normal;
}
.page-main-content dl dd {
padding: 10px;
}
.page-main-content > ol, .page-main-content > ul {
margin-bottom: 20px;
} @media (min-width: 1500px) {
.auto-clear .col-bg-1:nth-child(12n+1) {
clear: left;
}
.auto-clear .col-bg-2:nth-child(6n+1) {
clear: left;
}
.auto-clear .col-bg-15:nth-child(5n+1) {
clear: left;
}
.auto-clear .col-bg-3:nth-child(4n+1) {
clear: left;
}
.auto-clear .col-bg-4:nth-child(3n+1) {
clear: left;
}
.auto-clear .col-bg-6:nth-child(odd) {
clear: left;
}
}
@media (min-width: 1200px) and (max-width: 1499px) {
.auto-clear .col-lg-1:nth-child(12n+1) {
clear: left;
}
.auto-clear .col-lg-2:nth-child(6n+1) {
clear: left;
}
.auto-clear .col-lg-15:nth-child(5n+1) {
clear: left;
}
.auto-clear .col-lg-3:nth-child(4n+1) {
clear: left;
}
.auto-clear .col-lg-4:nth-child(3n+1) {
clear: left;
}
.auto-clear .col-lg-6:nth-child(odd) {
clear: left;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.auto-clear .col-md-1:nth-child(12n+1) {
clear: left;
}
.auto-clear .col-md-2:nth-child(6n+1) {
clear: left;
}
.auto-clear .col-md-15:nth-child(5n+1) {
clear: left;
}
.auto-clear .col-md-3:nth-child(4n+1) {
clear: left;
}
.auto-clear .col-md-4:nth-child(3n+1) {
clear: left;
}
.auto-clear .col-md-6:nth-child(odd) {
clear: left;
}
.product-list.auto-clear .col-md-4:nth-child(3n+1) {
clear: none;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.auto-clear .col-sm-1:nth-child(12n+1) {
clear: left;
}
.auto-clear .col-sm-2:nth-child(6n+1) {
clear: left;
}
.auto-clear .col-sm-15:nth-child(5n+1) {
clear: left;
}
.auto-clear .col-sm-3:nth-child(4n+1) {
clear: left;
}
.auto-clear .col-sm-4:nth-child(3n+1) {
clear: left;
}
.auto-clear .col-sm-6:nth-child(odd) {
clear: left;
}
}
@media (min-width: 480px) and (max-width: 767px) {
.auto-clear .col-xs-1:nth-child(12n+1) {
clear: left;
}
.auto-clear .col-xs-2:nth-child(6n+1) {
clear: left;
}
.auto-clear .col-xs-15:nth-child(5n+1) {
clear: left;
}
.auto-clear .col-xs-3:nth-child(4n+1) {
clear: left;
}
.auto-clear .col-xs-4:nth-child(3n+1) {
clear: left;
}
.auto-clear .col-xs-6:nth-child(odd) {
clear: left;
}
}
@media (max-width: 479px) {
.auto-clear .col-ts-1:nth-child(12n+1) {
clear: left;
}
.auto-clear .col-ts-2:nth-child(6n+1) {
clear: left;
}
.auto-clear .col-ts-15:nth-child(5n+1) {
clear: left;
}
.auto-clear .col-ts-3:nth-child(4n+1) {
clear: left;
}
.auto-clear .col-ts-4:nth-child(3n+1) {
clear: left;
}
.auto-clear .col-ts-6:nth-child(odd) {
clear: left;
}
} @media (min-width: 1800px) {
.col-bg-1,
.col-bg-10,
.col-bg-11,
.col-bg-12,
.col-bg-2,
.col-bg-3,
.col-bg-4,
.col-bg-5,
.col-bg-6,
.col-bg-7,
.col-bg-8,
.col-bg-9 {
position: relative;
min-height: 1px;
}
.col-bg-1,
.col-bg-2,
.col-bg-3,
.col-bg-4,
.col-bg-5,
.col-bg-6,
.col-bg-7,
.col-bg-8,
.col-bg-9,
.col-bg-10,
.col-bg-11 {
float: left;
}
.col-bg-12 {
width: 100%;
}
.col-bg-11 {
width: 91.66666667%;
}
.col-bg-10 {
width: 83.33333333%;
}
.col-bg-9 {
width: 75%;
}
.col-bg-8 {
width: 66.66666667%;
}
.col-bg-7 {
width: 58.33333333%;
}
.col-bg-6 {
width: 50%;
}
.col-bg-5 {
width: 41.66666667%;
}
.col-bg-4 {
width: 33.33333333%;
}
.col-bg-3 {
width: 25%;
}
.col-bg-2 {
width: 16.66666667%;
}
.col-bg-1 {
width: 8.33333333%;
}
.col-bg-offset-1 {
margin-left: 8.33333333%;
}
} @media (max-width: 479px) {
.col-ts-1,
.col-ts-10,
.col-ts-11,
.col-ts-12,
.col-ts-2,
.col-ts-3,
.col-ts-4,
.col-ts-5,
.col-ts-6,
.col-ts-7,
.col-ts-8,
.col-ts-9 {
position: relative;
min-height: 1px;
}
.col-ts-1,
.col-ts-2,
.col-ts-3,
.col-ts-4,
.col-ts-5,
.col-ts-6,
.col-ts-7,
.col-ts-8,
.col-ts-9,
.col-ts-10,
.col-ts-11 {
float: left;
}
.col-ts-12 {
width: 100%;
}
.col-ts-11 {
width: 91.66666667%;
}
.col-ts-10 {
width: 83.33333333%;
}
.col-ts-9 {
width: 75%;
}
.col-ts-8 {
width: 66.66666667%;
}
.col-ts-7 {
width: 58.33333333%;
}
.col-ts-6 {
width: 50%;
}
.col-ts-5 {
width: 41.66666667%;
}
.col-ts-4 {
width: 33.33333333%;
}
.col-ts-3 {
width: 25%;
}
.col-ts-2 {
width: 16.66666667%;
}
.col-ts-1 {
width: 8.33333333%;
}
.col-ts-pull-12 {
right: 100%;
}
.col-ts-pull-11 {
right: 91.66666667%;
}
.col-ts-pull-10 {
right: 83.33333333%;
}
.col-ts-pull-9 {
right: 75%;
}
.col-ts-pull-8 {
right: 66.66666667%;
}
.col-ts-pull-7 {
right: 58.33333333%;
}
.col-ts-pull-6 {
right: 50%;
}
.col-ts-pull-5 {
right: 41.66666667%;
}
.col-ts-pull-4 {
right: 33.33333333%;
}
.col-ts-pull-3 {
right: 25%;
}
.col-ts-pull-2 {
right: 16.66666667%;
}
.col-ts-pull-1 {
right: 8.33333333%;
}
.col-ts-pull-0 {
right: auto;
}
.col-ts-push-12 {
left: 100%;
}
.col-ts-push-11 {
left: 91.66666667%;
}
.col-ts-push-10 {
left: 83.33333333%;
}
.col-ts-push-9 {
left: 75%;
}
.col-ts-push-8 {
left: 66.66666667%;
}
.col-ts-push-7 {
left: 58.33333333%;
}
.col-ts-push-6 {
left: 50%;
}
.col-ts-push-5 {
left: 41.66666667%;
}
.col-ts-push-4 {
left: 33.33333333%;
}
.col-ts-push-3 {
left: 25%;
}
.col-ts-push-2 {
left: 16.66666667%;
}
.col-ts-push-1 {
left: 8.33333333%;
}
.col-ts-push-0 {
left: auto;
}
.col-ts-offset-12 {
margin-left: 100%;
}
.col-ts-offset-11 {
margin-left: 91.66666667%;
}
.col-ts-offset-10 {
margin-left: 83.33333333%;
}
.col-ts-offset-9 {
margin-left: 75%;
}
.col-ts-offset-8 {
margin-left: 66.66666667%;
}
.col-ts-offset-7 {
margin-left: 58.33333333%;
}
.col-ts-offset-6 {
margin-left: 50%;
}
.col-ts-offset-5 {
margin-left: 41.66666667%;
}
.col-ts-offset-4 {
margin-left: 33.33333333%;
}
.col-ts-offset-3 {
margin-left: 25%;
}
.col-ts-offset-2 {
margin-left: 16.66666667%;
}
.col-ts-offset-1 {
margin-left: 8.33333333%;
}
.col-ts-offset-0 {
margin-left: 0;
}
.hidden-ts {
display: none;
}
} .col-bg-15,
.col-bg-45,
.col-lg-15,
.col-lg-45,
.col-md-15,
.col-md-45,
.col-sm-15,
.col-sm-45,
.col-xs-15,
.col-xs-45,
.col-ts-15,
.col-ts-45 {
position: relative;
min-height: 1px;
}
.col-ts-15,
.col-ts-45 {
float: left;
}
.col-ts-15 {
width: 20%;
}
.col-ts-45 {
width: 80%;
}
@media (min-width: 480px) {
.col-xs-15,
.col-xs-45 {
float: left;
}
.col-xs-15 {
width: 20%;
}
.col-xs-45 {
width: 80%;
}
}
@media (min-width: 768px) {
.col-sm-15,
.col-sm-45 {
float: left;
}
.col-sm-15 {
width: 20%;
}
.col-sm-45 {
width: 80%;
}
}
@media (min-width: 992px) {
.col-md-15,
.col-md-45 {
float: left;
}
.col-md-15 {
width: 20%;
}
.col-md-45 {
width: 80%;
}
}
@media (min-width: 1200px) {
.col-lg-15,
.col-lg-45 {
float: left;
}
.col-lg-15 {
width: 20%;
}
.col-lg-45 {
width: 80%;
}
}
@media (min-width: 1500px) {
.col-bg-15,
.col-bg-45 {
float: left;
}
.col-bg-15 {
width: 20%;
}
.col-bg-45 {
width: 80%;
}
} div .rows-space-0 {
margin-bottom: 0;
}
div .rows-space-5 {
margin-bottom: 5px;
}
div .rows-space-10 {
margin-bottom: 10px;
}
div .rows-space-15 {
margin-bottom: 15px;
}
div .rows-space-20 {
margin-bottom: 20px;
}
div .rows-space-30 {
margin-bottom: 30px;
}
div .rows-space-40 {
margin-bottom: 40px;
}
div .rows-space-50 {
margin-bottom: 50px;
}
div .rows-space-60 {
margin-bottom: 60px;
}
div .rows-space-70 {
margin-bottom: 70px;
}
div .rows-space-80 {
margin-bottom: 80px;
}
div .rows-space-90 {
margin-bottom: 90px;
}
div .rows-space-100 {
margin-bottom: 100px;
}  .alignnone {
margin: 5px 20px 20px 0;
}
img.alignnone {
margin: 0;
}
.wpb_text_column p img {
margin: 20px 0;
}
.aligncenter,
div.aligncenter {
display: block;
margin: 5px auto 5px auto;
}
.alignright {
float: right;
margin: 5px 0 20px 20px;
}
.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
a img.alignright {
float: right;
margin: 5px 0 20px 20px;
}
a img.alignnone {
margin: 5px 20px 20px 0;
}
a img.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto
}
.wp-caption {
background: #ffffff;
max-width: 100%; padding: 5px 0;
text-align: center;
margin: 0;
}
.wp-caption.alignnone {
margin: 0 20px 20px 0;
clear: both;
}
.wp-caption.alignleft {
margin: 0 20px 20px 0;
}
.wp-caption.alignright {
margin: 0 0 20px 20px;
}
.wp-caption.aligncenter {
margin: 0 auto;
}
.wp-caption img {
border: 0 none;
height: auto;
margin: 0;
max-width: 100%;
padding: 0;
width: auto;
}
.wp-caption p.wp-caption-text {
font-size: 12px;
line-height: 17px;
padding: 10px 4px 5px;
margin: 0 !important;
}
.gallery-caption {
color: #707070;
display: block;
font-size: 12px;
line-height: 1.5;
padding: 0.5em 0;
}
.page-main-content p {
display: inline-block;
width: 100%; 
}
iframe {
max-width: 100% !important;
}
.vc_video-bg iframe {
max-width: 1000% !important;
}
.alignright {
float: right;
margin: 5px 0 20px 30px;
}
.alignleft {
float: left;
margin: 5px 30px 20px 0;
}
.wp-block-cover-image.aligncenter, 
.wp-block-cover-image.alignleft, 
.wp-block-cover-image.alignright, 
.wp-block-cover.aligncenter, 
.wp-block-cover.alignleft, 
.wp-block-cover.alignright {
color: #fff;
}
.wp-block-cover, .wp-block-cover-image {
color: #fff;
}
.wp-block-cover:not(.alignleft):not(.alignright), .wp-block-cover-image {
margin: 10px 0;
}
.gallery {
margin: 0 -15px -15px;
}
.gallery:after {
display: table;
content: "";
clear: both;
}
.gallery-item {
margin: 0;
float: left;
padding: 15px;
font-size: 0.8125rem;
text-align: center;
}
.gallery-columns-1 .gallery-item {
width: 100%;
float: none;
}
.gallery-columns-2 .gallery-item {
width: 50%
}
.gallery-columns-3 .gallery-item {
width: 33.3333%
}
.gallery-columns-4 .gallery-item {
width: 25%
}
.gallery-columns-5 .gallery-item {
width: 20%
}
.gallery-columns-6 .gallery-item {
width: 16.6667%
}
.gallery-columns-7 .gallery-item {
width: 14.2857%
}
.gallery-columns-8 .gallery-item {
width: 12.5%
}
.gallery-columns-9 .gallery-item {
width: 11.1111%
}
.gallery-columns-2 .gallery-item:nth-child(2n+1),
.gallery-columns-3 .gallery-item:nth-child(3n+1),
.gallery-columns-4 .gallery-item:nth-child(4n+1),
.gallery-columns-5 .gallery-item:nth-child(5n+1),
.gallery-columns-6 .gallery-item:nth-child(6n+1),
.gallery-columns-7 .gallery-item:nth-child(7n+1),
.gallery-columns-8 .gallery-item:nth-child(8n+1),
.gallery-columns-9 .gallery-item:nth-child(9n+1) {
clear: left;
}
.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
display: none;
}
.page-links {
margin-top: 10px;
margin-bottom: 20px;
clear: both;
}
.page-links > a, .page-links > span:not(.page-links-title) {
font-weight: 600;
font-size: 14px;
text-align: center;
color: #b8b6b6;
display: inline-block;
min-width: 40px;
height: 40px;
line-height: 40px;
padding: 0 5px;
border: 1px solid #dddddd;
margin: 5px;
}
.page-links > span:not(.page-links-title),
.page-links > a:hover {
color: #151515;
border-color: #151515;
}
.bypostauthor {
display: inline-block;
width: 100%;
}
.bypostauthor > article .fn:after {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
line-height: 1;
}
.post-title,
.widget {
-ms-word-wrap: break-word;
word-wrap: break-word;
}
.widget select {
width: 100%;
}
.widget_rss .rss-date {
display: block;
font-size: 14px;
line-height: 30px;
color: #ff3636;
margin-bottom: 5px;
}
.widget_rss cite {
color: #999;
font-weight: 600;
margin: 10px 0 0;
display: inline-block;
}
.widget_calendar .calendar_wrap tr,
.widget_calendar .calendar_wrap td {
padding: 0;
text-align: center;
}
.page-template-minimal .site-main .vc_row[data-vc-full-width] {
border-left: 25px solid transparent;
border-right: 25px solid transparent;
}
.vc_row.bg-shop {
background-position: bottom right !important;
}
.vc_row {
position: relative;
}
div.vc_row.zonex-overflow-hidden {
overflow: visible;
z-index: 1;
}
section.vc_row.zonex-overflow-hidden {
overflow: visible;
z-index: 1;
} .clear-both {
clear: both;
}
.clear-right {
clear: right;
}
.clear-left {
clear: left;
} .slider-rev-wrap .tp-bullets.hesperiden .tp-bullet {
height: 6px!important;
width: 6px!important;
border-radius: 50%!important;
background: rgba(255,255,255,.5) !important;
border: none!important;
}
.slider-rev-wrap .hesperiden .tp-bullet:hover,
.slider-rev-wrap .hesperiden .tp-bullet.selected{
background-color: #151515 !important;
}
.slider-rev-wrap .tp-bullets.hesperiden .tp-bullet:hover::before,
.slider-rev-wrap .tp-bullets.hesperiden .tp-bullet.selected::before {
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.slider-rev-wrap .hesperiden .tp-bullet::before {
content: "";
width: 21px;
height: 21px;
position: absolute;
top: -8px;
left: -8px;
background: #fff;
z-index: -1;
border-radius: 50%;
transition: 0.3s linear;
opacity: 0;
-webkit-transform: scale(0.8);
-moz-transform: scale(0.8);
-ms-transform: scale(0.8);
-o-transform: scale(0.8);
transform: scale(0.8);
}
.tparrows.custom {
width: 44px!important;
height: 44px!important;
border-radius: 50%;
line-height: 44px !important;
background: transparent!important;
color: #151515!important;
border: 2px solid;
opacity: 0.4 !important;
transition: 0.3s linear;
}
.tparrows.custom:hover {
opacity: 1 !important;
}
.custom.tparrows.tp-leftarrow::before {
content: "\e903"!important;
font-family: kazen-font!important;
color: inherit !important;
}
.custom.tparrows.tp-rightarrow::before {
content: "\e902"!important;
font-family: kazen-font!important;
color: inherit !important;
} .woocommerce-error, .woocommerce-info, .woocommerce-message {
padding: 10px;
margin: 15px 0;
position: relative;
background-color: #fafafa;
color: #151515;
border-top: 3px solid #337ab7;
list-style: none !important;
width: auto;
font-size: 13px;
line-height: 20px;
word-wrap: break-word;
}
.woocommerce-error:after,
.woocommerce-error:before,
.woocommerce-info:after,
.woocommerce-info:before,
.woocommerce-message:after,
.woocommerce-message:before {
content: " ";
display: table;
}
.woocommerce-error .button,
.woocommerce-info .button,
.woocommerce-message .button {
float: right;
font-size: 14px;
display: inline-block;
padding: 0 10px;
height: 24px;
line-height: 24px;
margin: 0;
}
.woocommerce-error {
border-color: #fcf8e3;
}
.woocommerce-info {
border-color: #dff0d8;
margin: 0 0 30px;
}
.row.products p.woocommerce-info {
margin: 15px;
}
.checkout .woocommerce-error {
margin: 0 0 50px;
}  html.minicart-canvas-open,
html.sidebar-canvas-open,
html.instant-search-open,
html.vertical-menu-open,
html.real-mobile-show-menu,
body.minicart-canvas-open,
body.sidebar-canvas-open,
body.instant-search-open,
body.vertical-menu-open,
body.real-mobile-show-menu {
overflow: hidden !important;
}
body.reset-minicart-canvas-open.minicart-canvas-open,
html.reset-minicart-canvas-open.minicart-canvas-open {
overflow-y: auto!important;
}
html.box-mobile-menu-open .page-wrapper,
html.sidebar-canvas-open .page-wrapper,
html.instant-search-open .page-wrapper,
html.vertical-menu-open .page-wrapper {
z-index: 100000;
}  @media (min-width: 1281px) {
.container {
width: 1325px;
padding-left: 15px;
padding-right: 15px;
max-width: 100%;
}
.single-product .main-content-product {
margin-left: -15px;
margin-right: -15px;
}
.single-product .produc-bottom-inner {
margin-left: -15px;
margin-right: -15px;
}
div.product-extend-horizontal {
width: calc(100% + 30px);
margin: 0 -15px;
}
.row {
margin-left: -15px;
margin-right: -15px;
}
div.row-table {
width: calc(100% + 30px);
}
ul.products > [class^="col-"],
ul.products > [class*="col-"],
.row > [class^="col-"],
.row > [class*="col-"] {
padding-left: 15px;
padding-right: 15px;
}
.famibt-product.in-stock.col-fxl-15 {
width: 20%;
}
}
@media (max-width: 767px) {
.row {
margin-left: -10px;
margin-right: -10px;
}
ul.products > [class^="col-"],
ul.products > [class*="col-"],
.row > [class^="col-"],
.row > [class*="col-"] {
padding-left: 10px;
padding-right: 10px;
}
}
.container-inner {
max-width: 100%;
margin-left: auto;
margin-right: auto;
}
.container-sup-inner {
width: 760px;
max-width: 100%;
margin-left: auto;
margin-right: auto;
}
.overflow-visible {
overflow: visible !important;
}
.overflow-visible .owl-carousel .owl-stage-outer {
overflow: visible;
}
.zonex-slider.overflow-visible {
padding: 35px;
overflow: hidden!important;
margin: -35px;
}
.zonex-slider.layout-02 .slider-inner:not(.owl-carousel){
position: relative;
width: auto;
overflow-x: auto;
white-space: nowrap;
margin: 0 -3px;
}
.zonex-slider.layout-02 .slider-inner > .zonex-banner.style-08 {
display: -webkit-inline-box;
width: auto;
max-width: 230px;
padding: 0 3px;
} body:not(.minicart-canvas-open) header {
z-index: 11;
position: relative;
}
body:not(.minicart-canvas-open) header.header-setup-sticky,
body:not(.minicart-canvas-open) .disable-banner header{
z-index: 20;
}
body.real-mobile-show-menu header {
z-index: 100000;
}
.style-02.header-pos-relative .header-main-inner{
border-bottom: 1px solid #eee;
}
.archive .style-02.header-pos-relative .header-main-inner {
border: none;
}
.row-table {
display: table;
width: calc(100% + 30px);
}
header p {
margin: 0;
}
.row-table > div {
display: table-cell;
vertical-align: middle;
float: none;
white-space: nowrap;
position: static;
}
.header-center.horizon-menu {
white-space: normal;
}
.horizon-menu{
position: static;
}
.row-table > div:first-child {
text-align: left !important;
}
.row-table > div .main-navigation {
text-align: left;
}
.row-table > div.header-center .main-navigation {
text-align: center;
}
body .header:not(.style-02):not(.style-03) .header-container {
max-width: 100%;
margin-left: auto;
margin-right: auto;
-webkit-transition: all .3s;
-moz-transition: all .3s;
width: auto;
-o-transition: all .3s;
transition: all .3s;
}
.zonex-theme header.style-03 .header-wrap .header-position {
border-bottom: 1px solid rgba(0,0,0,.1);
}
.header-container > .main-header.horizon-menu {
padding: 20px 0;
}
.header-sidebar .header-container {
padding-left: 20px;
padding-right: 20px;
}
.header-topbar {
font-size: 10px;
line-height: 24px;
text-align: center;
position: relative;
color: #ffffff;
text-transform: uppercase;
padding: 8px;
z-index: 1;
width: 100%!important;
}
html.minicart-canvas-open .header-topbar {
z-index: 0;
}
span.close-notice::before {
content: "\f117";
font-family: Flaticon;
font-size: 12px;
}
span.close-notice {
width: 18px;
height: 18px;
position: absolute;
top: 10px;
cursor: pointer;
right: 50px;
}
.header-type-transparent-dark .header-topbar,
.header-type-transparent-white .header-topbar {
background-color: rgba(27, 27, 27, 0.9);
} .header-action-res {
display: none;
}
.zonex-theme .header-action-res {
border-bottom: 1px solid rgba(0,0,0,.1);
}
.header-wrap {
z-index: 3;
position: relative;
}
.single_product_inner .header-wrap {
background: transparent!important;
}
.single_product_slider_images .header-wrap {
background: transparent!important;
}
.header-pos-fixed .header-wrap {
position: fixed;
left: 0;
right: 0;
z-index: 2;
top: 0;
}
.no-banner .header-pos-relative .header-wrap {
position: relative;
left: 0;
right: 0;
border-bottom: 1px solid rgba(0, 0, 0, .08);
}
.header-pos-static .header-wrap {
position: static;
left: 0;
right: 0;
}
.header-pos-absolute .header-wrap {
position: absolute;
left: 0;
right: 0;
z-index: 9;
top: 0;
height: auto !important;
}
.admin-bar .header-pos-fixed .header-wrap {
top: 32px;
}
header.header-pos-fixed .header-position.fixed, header.header-pos-fixed .header-position:not(.hide-header).fixed {
position: static;
}
header.header-pos-fixed .header-position.hide-header {
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.05) !important;
}
body.page-template-fullscroll .disable-banner .header-pos-absolute .header-wrap {
background: transparent !important;
}
body:not(.page-template-fullscroll):not(.page-template-fullpage):not(.error404) .page-wrapper:not(.single-layout1):not(.disable-banner) .header-pos-absolute:not(.header-no-background) .header-wrap {
background: transparent !important;
}
body:not(.page-template-fullscroll) .disable-banner .header-pos-absolute .header-wrap {
background: transparent!important;
}
.page-template-fullscroll:not(.fp-viewing-0) .header.header-pos-absolute .header-wrap {
display: none;
}
header:not(.style-07):not(.style-05):not(.header-pos-relative) .sticky-wrapper:not(.is-sticky) .header-position {
background: transparent !important;
}
.minicart-canvas-open header .header-wrap {
z-index: 100001;
}
.minicart-canvas-open.reset-minicart-canvas-open header .header-wrap {
z-index: 10000;
}
.minicart-canvas-open.page-template-sidebarpage .header.header-sidebar {
z-index: 100000;
}
div#sticky-wrapper {
height: auto !important;
}
header .header-wrap .is-sticky .header-position {
box-shadow: 0 0 5px rgba(0, 0, 0, .1);
z-index: 9 !important;
padding: 10px 0!important;
}
header .is-sticky  button.search-submit {
height: 42px;
line-height: 42px;
}
header .is-sticky .search-field {
line-height: 42px;
height: 42px;
}
.header-s_l-lg_c-mm_c-ic_r .is-sticky .header-logo {
padding-top: 0;
padding-bottom: 0;
}
.header-s_l-lg_c-mm_c-ic_r .is-sticky .header-search {
padding-top: 25px;
padding-bottom: 10px;
}
.header-s_l-lg_c-mm_c-ic_r .is-sticky .header-control-right {
padding-top: 15px;
padding-bottom: 15px;
}
.header-s_l-lg_m-mm_c-ic_r .is-sticky .header-search {
padding-top: 15px;
padding-bottom: 10px;
}
.header-s_l-lg_m-mm_c-ic_r .is-sticky .header-control-right {
padding-top: 5px;
padding-bottom: 5px;
}
.header-s_l-lg_m-mm_c-ic_r .is-sticky .header-search {
padding-top: 15px;
padding-bottom: 10px;
}
.header-s_l-lg_m-mm_c-ic_r .is-sticky .header-logo {
padding: 0;
}
.single header.style-03 .header-wrap .header-position {
padding: 20px 0;
border-bottom: 1px solid rgba(0, 0, 0, .1);
}
.style-01 .search-box-drop .search-field {
width: 320px;
} .rs-module-wrap span.kz-arrow-double-right {
top: 1px;
position: relative;
}
span.subtile-slide::before {
content: "";
border-bottom: 1px solid;
width: 50px;
display: inline-block;
margin-right: 20px;
top: -5px;
position: relative;
}
.button1 i {
font-size: 12px;
font-weight: 400;
margin: 0 0 0 10px;
} .block-icon-menu .mobile-navigation {
display: inline-block;
white-space: normal;
}
.header-control-wrap > div {
display: inline-block;
}
a.header-wish-list {
font-size: 17px;
margin-left: 22px;
color: inherit;
}
.header .zonex-minicart .mini-cart-icon, a.header-wish-list, .block-account > a {
transition: opacity 0.3s linear 0s;
-webkit-transition: opacity 0.3s linear 0s;
-o-transition: opacity 0.3s linear 0s;
color: inherit;
height: 100%;
display: inline-block;
}
.header .zonex-minicart:hover .mini-cart-icon,
.search-icon:hover,
a.header-wish-list:hover,
.block-account:hover > a > span {
opacity: 0.8; 
color: inherit;
}
.style-06.style-07 a.header-wish-list {
margin-left:0;
}
span.reset-instant-search {
position: absolute;
right: 0;
top: 50%;
width: 50px;
z-index: 1;
color: #151515;
cursor: pointer;
text-align: center;
font-size: 12px;
transform: translateY(-50%);
-o-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
font-weight: 600;
}
header .search-field {
width: 340px;
max-width: 100%;
line-height: 52px;
border: none;
height: 52px;
color: #868686;
padding: 0 20px 0 70px;
background: #f8f8f8;
}
header.style-02 .search-field {
border-radius: 0;
border-bottom: 1px solid #dedede;
background: transparent;
padding-left: 30px;
color: inherit;
}
.style-02 .header-container > .main-header.horizon-menu{
padding: 20px 0 0;
}
header button.search-submit {
width: 56px;
position: absolute;
top: 0;
font-size: 19px;
font-weight: 400;
height: 52px;
line-height: 54px;
text-align: center;
left: 0px;
color: #fff;
padding: 0;
background: #151515;
}
header.style-02 button.search-submit {
text-align: left;
color: inherit;
width: 30px;
background: transparent;
}
body header.site-header.style-03 div.wcml_currency_switcher.wcml-dropdown{
margin: 0;
}
.style-03 .header-menu > div {
display: inline-block;
}
.style-03 .header-menu > div.header-logo {
padding: 0 66px 0 0;
}
header.style-03  .search-field {
width: 300px;
max-width: 100%;
line-height: 34px;
border: none;
height: 34px;
padding: 0 20px 0 30px;
border-bottom: 2px solid;
background: transparent;
color: inherit;
}
header.style-03 button.search-submit {
width: auto;
position: absolute;
top: 0;
font-size: 21px;
font-weight: 400;
height: 34px;
line-height: 34px;
text-align: center;
left: 0;
color: inherit;
padding: 0;
background: transparent;
}
.style-03 span.reset-instant-search,
.style-04 span.reset-instant-search{
text-align: right;
color: inherit;
}
.single header.style-03 .header-wrap .header-position {
border-bottom: 1px solid rgba(255,255,255,.2);
}
body:not(.woocommerce-js) .header-control-right .header-search-box {
top: 0;
}
.header-control-right .header-search-box {
position: relative;
line-height: 30px;
} header.style-04 .search-field {
background: #f8f8f8;
}
header.style-04  .search-field {
width: 300px;
max-width: 100%;
line-height: 34px;
border: none;
height: 34px;
padding: 0 20px 0 30px;
border-bottom: 2px solid;
background: transparent;
color: inherit;
}
header.style-04 button.search-submit {
width: auto;
position: absolute;
top: 0;
font-size: 19px;
font-weight: 400;
height: 34px;
line-height: 34px;
text-align: center;
left: 0px;
color: inherit;
padding: 0;
background: transparent;
}
header.style-04 .horizon-menu {
margin-top: 25px;
} .header-wrap-stick {
position: relative;
z-index: 2;
}
.header-wrap .main-header-menu .header-position {
padding: 35px 0;
background: #fff;
color: #151515;
position: static !important;
}
.style-05 .header-wrap-stick .header-container {
padding-top: 20px;
z-index: 0;
padding-bottom: 20px;
position: relative;
}
.style-05 .top-header.text-center {
margin-bottom: 40px;
margin-top: 20px;
}
.style-05 .header-menu.horizon-menu {
text-align: center;
}
span.close-menu::before {
content: "";
width: 14px;
position: relative;
border-bottom: 1px solid;
display: inline-block;
top: -2px;
margin-right: 10px;
}
span.close-menu {
text-transform: uppercase;
font-size: 8px;
font-weight: 600;
letter-spacing: 3px;
line-height: 14px;
position: absolute;
margin-right: -39px;
right: 65px;
top: 50%;
cursor: pointer;
transform-origin: 50% 50% 0;
-webkit-transform: translateY(-50%) rotate(90deg);
-moz-transform: translateY(-50%) rotate(90deg);
-ms-transform: translateY(-50%) rotate(90deg);
-o-transform: translateY(-50%) rotate(90deg);
transform: translateY(-50%) rotate(90deg);
margin-top: -200px;
transition: margin 1s linear 0s;
-o-transition: margin 1s linear 0s;
-webkit-transition: margin 1s linear 0s;
z-index: 1;
}
.box-mobile-menu-open span.close-menu {
margin-top: 0;
}
.zonex-is-real-mobile.box-mobile-menu-open .box-mobile-menu {
left: 0;
}
.box-mobile-menu .dropdown-backdrop {
display: none;
}
header .zonex-custommenu.style-01 .widgettitle::before, .box-mobile-menu .zonex-custommenu.style-01 .widgettitle::before {
left: 0;
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none;
}
.box-mobile-menu .vc_row {
background: transparent !important;
width: 100%!important;
left: 0!important;
}
.box-mobile-menu .zonex-demo.style-01 {
margin: 10px;
width: calc(50% - 20px);
}
.box-mobile-menu .zonex-demo.style-01:nth-child(2n+1) {
clear: left;
}
.box-mobile-menu .zonex-demo.style-01:nth-child(5n+1) {
clear: none;
}
.box-mobile-menu .main-menu .submenu .vc_row .wpb_column {
padding: 0 10px;
width: 100% !important;
}
.main-header-menu {
position: absolute;
top: 0;
left: 0;
right: 0;
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
z-index: 1;
opacity: 0;
visibility: hidden;
transition: -webkit-transform 0.4s cubic-bezier(0.54, 0.15, 0.02, 0.07) 0s, visibility 0.4s cubic-bezier(0.54, 0.15, 0.02, 0.07) 0s, opacity 0.4s cubic-bezier(0.54, 0.15, 0.02, 0.07) 0s;
-o-transition: -o-transform 0.4s cubic-bezier(0.54, 0.15, 0.02, 0.07) 0s, visibility 0.4s cubic-bezier(0.54, 0.15, 0.02, 0.07) 0s, opacity 0.4s cubic-bezier(0.54, 0.15, 0.02, 0.07) 0s;
-webkit-transition: -webkit-transform 0.4s cubic-bezier(0.54, 0.15, 0.02, 0.07) 0s, visibility 0.4s cubic-bezier(0.54, 0.15, 0.02, 0.07) 0s, opacity 0.4s cubic-bezier(0.54, 0.15, 0.02, 0.07) 0s;
}
.box-mobile-menu-open .main-header-menu {
visibility: visible;
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
header.style-05 .search-field {
line-height: 50px;
height: 50px;
border: 2px solid;
background: transparent;
color: inherit;
}
header.style-05 button.search-submit {
height: 50px;
line-height: 50px;
color: #fff;
}
header.style-05 .block-icon-menu .mobile-navigation {
top: -4px;
}
.style-05 .header-menu > div.header-logo {
padding: 0 66px 0 0;
}
.style-05 .header-menu > div {
display: inline-block;
}
.style-06 .header-main-inner {
z-index: 3;
position: fixed;
height: 100vh;
width: 115px;
background: #fff;
top: 0;
display: flex;
align-items: center;
flex-direction: column;
justify-content: space-between;
padding: 30px 0;
left:0;
}
.page-header-style06 .vc_row[data-vc-stretch-content="true"],
.page-header-style06 .vc_row[data-vc-full-width="true"],
.page-header-style06 .fullwidth-template .vc_row,
.page-header-style06 .site-main .vc_row ,
.page-header-style06 footer .vc_row {
border-left: 130px solid #fff;
}
.page-header-style06 .footer {
display: none;
}
.page-header-style06 .slider-rev-wrap {
border-left: 115px solid;
}
.page-header-style06 .fullscreen-container {
left: 0!important;
width: 100%!important;
}
.admin-bar .style-06 .header-main-inner {
top: 32px;
height: calc(100vh - 32px);
}
.style-06 .block-icon-menu .mobile-navigation {
margin-left: 0;
}
.style-06 .block-icon-menu:hover span.nav-text,
.box-mobile-menu-open .style-06 .block-icon-menu span.nav-text{
top: -100%;
opacity: 1;
}
.style-06 span.nav-text {
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
top: -120%;
font-size: 14px;
font-weight: 500;
opacity: 0;
transition: top 0.35s linear 0s, opacity 0.35s linear 0s;
-o-transition: top 0.35s linear 0s, opacity 0.35s linear 0s;
-webkit-transition: top 0.35s linear 0s, opacity 0.35s linear 0s;
font-style: italic;
}
.style-06 .block-icon-menu {
width: 25px;
height: 27px;
position: relative;
}
.style-07 .menu-social {
margin-right: 0;
margin-bottom: 7px;
}
.style-07 .copyright-text {
font-size: 13px;
margin-bottom: 15px;
}
.style-07 .menu-social .social-list {
padding: 0;
}
.style-07 .menu-social .social-list li {
display: inline-block;
margin-right: 25px;
}
.box-mobile-menu-open .style-07.style-06 .header-menu.horizon-menu {
left: 0;
}
.style-06.style-07, .style-06.style-07 ~ div, .style-06.style-07 ~ div ~ footer {
margin-left: 350px;
}
.style-06.style-07 {
z-index: 11;
position: relative;
}
.style-06.style-07 ~ div .vc_row[data-vc-stretch-content="true"],
.style-06.style-07 ~ div .fullwidth-template .vc_row,
.style-06.style-07 .fullscreen-container,
.style-06.style-07 ~ div .fullscreen-container,
.style-06.style-07 .fullwidthbanner-container,
.style-06.style-07 ~ div .fullwidthbanner-container{
border-left: 350px solid #fff;
}
.style-06.style-07 .slider-rev-wrap rs-module-wrap {
border-left: 350px solid #fff;
}
.style-07.style-06 .header-menu.horizon-menu {
background: rgba(0,0,0,.9);
color: #fff;
left: 0;
width: 350px;
max-width: 100%;
padding: 35px 35px 0;
}
.style-07 .header-element-bottom {
position: relative;
padding-top: 20px;
padding-left: 45px;
padding-right: 35px;
margin-left: -45px;
margin-right: -35px;
overflow: hidden;
}
.style-07 .header-element-bottom::before {
content: "";
border-top: 1px solid;
position: absolute;
left: 0;
opacity: 0.08;
top: 0;
right: 0;
}
body header.site-header.style-07 div.wcml_currency_switcher.wcml-dropdown {
top: 0;
margin: 0;
height: 40px;
border: none;
line-height: 40px;
border-radius: 0;
}
body header.site-header.style-07 div.wcml_currency_switcher.wcml-dropdown:hover {
background: #fff;
}
header.style-07 .wcml_currency_switcher li .wcml-cs-submenu {
top: auto;
min-width: 100%;
bottom: 100%;
box-shadow: 0 -5px 10px rgba(0, 0, 0, .03);
}
header.style-07 .currency-language {
top: 0;
}
.style-07 .currency-language-wrap span {
color: #858585;
font-size: 13px;
margin-right: 5px;
}
header.style-07 .wcml-dropdown .wcml-cs-submenu li {
padding: 0 9px;
}
header.style-07 .wcml_currency_switcher li a {
height: 40px;
line-height: 40px;
}
header.style-07 .currency-language .dropdown a {
height: 40px;
line-height: 40px;
border: none;
color: inherit;
border-radius: 0;
min-width: 90px;
margin-right: 0;
font-weight: 400;
font-family: Jost;
font-size: 13px;
padding: 0 7px;
letter-spacing: 0;
text-transform: capitalize;
}
header.style-07 .currency-language .dropdown img {
top: -3px;
}
header.style-07 .dropdown.open > .submenu,
header.style-06 .dropdown:hover > .submenu ,
header.style-07 .dropdown:hover > .submenu {
top: auto;
min-width: 100%;
bottom: 0;
padding: 0 ;
text-align: right;
}
header.style-07 .dropdown.open > .submenu li,
header.style-06 .dropdown:hover > .submenu li,
header.style-07 .dropdown:hover > .submenu li{
padding:0;
}
header.style-07 .currency-language .dropdown:hover {
background: #fff;
}
header.style-07 .header-logo {
padding-left: 0;
padding-right: 0;
}
header.style-07 .menu-social .social-list li a {
font-size: 18px;
}
.menu-social .social-list li a:hover {
opacity: 0.8;
}
.style-07 .header-element-top {
display: flex;
justify-content: space-between;
}
.style-07 .main-header-content .header-control-wrap > div {
margin-right: 12px;
display: inline-block;
margin-left: 0;
line-height: 34px;
}
.style-07 .main-header-content .header-control-wrap > div:last-child {
margin: 0;
}
.style-06.style-07 .search-block {
position: relative;
margin-top: 0;
}
.style-06 .zonex-custommenu.style-01 .widgettitle {
color: inherit;
font-size: 12px;
}
.style-06.style-07 .submenu.megamenu > .vc_row {
background: transparent !important;
left: 0!important;
}
.style-06.style-07 .vc_custom_1572063287674 {
display: none;
}
.box-mobile-menu-open .style-06 .menu-btn-icon span:nth-child(1) {
border-color: inherit;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg); 
top: 5px;
right: 3px;
}
.box-mobile-menu-open .style-06 span.menu-btn-icon span {
width: 25px;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
right: 3px;
}
.box-mobile-menu-open .style-06 .menu-btn-icon span::before {
opacity: 0;
}
.instant-search-open .style-07.style-06 .header-menu.horizon-menu{
z-index: 5;
}
.style-06:not(.style-07) .currency-language-wrap {
position: fixed;
width: 350px;
background: #d2f2f2;
left: 0;
color: #151515;
right: 0;
text-align: center;
height: 40px;
align-items: center;
display: grid;
bottom: 0;
grid-template-columns: 50% 50%;
}
.style-07 .currency-language-wrap {
width: 360px;
background: #d2f2f2;
margin-left: -45px;
left: 0;
color: #151515;
right: 0;
text-align: center;
margin-right: 0;
height: 40px;
align-items: center;
display: grid;
bottom: 0;
grid-template-columns: 50% 50%;
}
.style-07 .dropdown > .submenu{
box-shadow: 0 -5px 10px rgba(0, 0, 0, .03);
}
.style-07 .horizon-menu .main-navigation.scroll-wrapper {
margin: 0 -35px 0 -45px;
}
.style-07 .horizon-menu .main-navigation .main-menu > .menu-item::before {
content: "";
background: transparent;
position: absolute;
top: 0;
height: 70px;
left: -50%;
width: 99em;
}
.style-07 .horizon-menu .main-navigation .main-menu > .menu-item:hover::before,
.style-07 .horizon-menu .main-navigation .main-menu > .menu-item.sub-menu-open::before {
background: #f8f8f8;
}
header.style-07 button.search-submit {
width: 35px;
text-align: left;
}
header.style-07 .menu-btn-icon {
display: flex;
height: 16px;
vertical-align: middle;
line-height: 0;
justify-content: space-between;
position: relative;
flex-direction: column;
width: 24px;
transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
cursor: pointer;
top: -9px;
}
header.style-07 .menu-btn-icon span {
border-bottom: 2px solid;
display: inline-block;
position: relative;
transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
width: 24px;
right: 0;
}
header.style-07 .menu-btn-icon span:nth-child(1)::before {
border-top: 2px solid;
content: "";
right: 0;
position: absolute;
top: 0;
-o-transition: all 0.6s ease 0s;
-webkit-transition: all 0.6s ease 0s;
transition: all 0.6s ease 0s;
width: 17px;
}
header.style-07 .menu-btn-icon span:nth-child(3)::before {
border-top: 2px solid;
content: "";
position: absolute;
right: 0;
top: 0;
-o-transition: all 0.6s ease 0s;
-webkit-transition: all 0.6s ease 0s;
transition: all 0.6s ease 0s;
width: 17px;
}
header.style-07 .menu-btn-icon:hover span:nth-child(2)::before {
height: 19px;
}
header.style-07 .menu-btn-icon span:nth-child(2)::before {
border-left: 2px solid;
content: "";
height: 0;
left: 8px;
position: absolute;
top: -8px;
transition: all 0.6s ease 0s;
-o-transition: all 0.6s ease 0s;
-webkit-transition: all 0.6s ease 0s;
transition: all 0.6s ease 0s;
}
header.style-07 .menu-btn-icon:hover span:nth-child(2) {
width: 18px;
}
header.style-07 .menu-btn-icon:hover span:nth-child(1)::before,
header.style-07 .menu-btn-icon:hover span:nth-child(3)::before {
width: 0;
}
header.style-07 .menu-btn-icon:hover span {
width: 0;
}
header.style-07 .menu-btn-icon:hover span:nth-child(2) {
width: 18px;
}
span.close-menu-horizon {
font-size: 15px;
display: inline-block;
cursor: pointer;
color: #151515;
}
.close-menu-horizon span.kz-close {
margin: 0 10px 0 0;
top: 2px;
}
.admin-bar .style-07 .header-menu.horizon-menu {
padding: 72px 35px 0 45px;
}
.style-07 .header-menu.horizon-menu {
margin: 0;
background: #fff;
width: 350px;
max-width: 100%;
position: fixed;
top: 0;
padding: 40px 35px 0 45px;
z-index: 2;
bottom: 0;
box-shadow: 0 5px 20px rgba(0, 0, 0, .1);
left: -350px;
transition: left 0.4s cubic-bezier(.645, .090, .355, 1) 0s, padding 0.4s cubic-bezier(.645, .090, .355, 1) 0s;
-o-transition: left 0.4s cubic-bezier(.645, .090, .355, 1) 0s, padding 0.4s cubic-bezier(.645, .090, .355, 1) 0s;
-webkit-transition: left 0.4s cubic-bezier(.645, .090, .355, 1) 0s, padding 0.4s cubic-bezier(.645, .090, .355, 1) 0s;
}
.box-mobile-menu-open .style-07 .header-menu.horizon-menu {
left: 0;
}
header.style-07 .search-field {
border-radius: 0;
border-bottom: 1px solid;
background: transparent;
padding-left: 35px;
}
header.style-07 button.search-submit {
color: inherit;
background: transparent;
}
.style-07 .header-control-right .header-control-wrap {
width: auto;
}
.style-07 .search-block {
position: relative;
}
.style-07 .horizon-menu .main-navigation .main-menu > .menu-item {
margin: 0;
display: inline-block;
line-height: 70px;
text-align: left;
padding: 0 35px 0 45px;
width: 100%;
position: relative !important;
}
.style-07 .main-navigation .main-menu > .menu-item > a,
.style-07 .main-navigation .main-menu > .menu-item > a:hover{
font-weight: 400;
font-size: 13px;
color: inherit;
padding: 0;
letter-spacing: 0;
text-transform: uppercase;
vertical-align: inherit;
display: inline-block;
width: 100%;
font-family: Jost600;
line-height: 70px;
position: relative;
z-index: 2;
}
.style-07 .main-menu > li > a span.image {
top: -3px;
left: auto;
right: auto;
transform: none;
}
.style-07 .main-navigation .main-menu > .menu-item:first-child > a {
padding-top: 0;
}
.style-07 .horizon-menu .main-navigation .main-menu > .menu-item:first-child .toggle-submenu {
top: -3px;
}
.style-07 .horizon-menu .main-navigation .main-menu > .menu-item > .submenu,
.style-07 .horizon-menu .main-navigation .main-menu > .menu-item .submenu.megamenu {
text-align: left;
position: static;
visibility: visible;
opacity: 1;
width: 100% !important;
box-shadow: none;
padding: 10px 0!important;
border: none;
margin: 0 !important;
display: none;
transition: none;
transform: none;
}
.style-07.style-06 .horizon-menu .main-navigation .main-menu > .menu-item > .submenu,
.style-07.style-06 .horizon-menu .main-navigation .main-menu > .menu-item .submenu.megamenu {
padding: 25px 0 0!important;
transform: none;
}
.style-07 .horizon-menu .main-navigation {
max-height: calc(100vh - 350px) !important;
overflow-y: auto;
overflow-x: hidden;
}
.style-07 .main-header-content {
display: flex;
height: 100%;
flex-direction: column;
justify-content: space-between;
}
.style-07:not(.style-06) .main-header-content {
justify-content: space-between;
}
.style-07 .main-navigation .main-menu {
padding: 0;
}
.style-07 .horizon-menu .main-navigation .main-menu > .menu-item .submenu .menu-item {
line-height: 30px;
position: relative;
padding: 3px 0;
}
.wish-list-wrap.menu-item span.kz-heart {
float: right;
font-size: 16px;
width: 30px;
line-height: 70px;
text-align: center;
}
.style-07 .horizon-menu .main-navigation .main-menu .menu-item .toggle-submenu {
position: absolute;
right: 35px;
width: 30px;
z-index: 2;
display: block;
cursor: pointer;
}
.style-07 .horizon-menu .main-navigation .main-menu .menu-item .toggle-submenu::before {
display: block;
content: '\f105';
font-family: 'FontAwesome', sans-serif;
height: 70px;
line-height: 70px;
width: 33px;
text-align: center;
font-size: 17px;
color: inherit;
z-index: 999;
-webkit-transition: -webkit-transform 0.4s linear 0s;
-o-transition: -o-transform 0.4s linear 0s;
transition: transform 0.4s linear 0s;
}
.style-07 .horizon-menu .main-navigation .main-menu .menu-item.sub-menu-open .toggle-submenu::before{
content: '\f107';
}
.style-07 .horizon-menu .main-navigation .main-menu .menu-item.show-submenu .toggle-submenu::before {
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
}
.style-07 .header-wrap .header-position {
padding-bottom: 40px;
padding-top: 40px;
}
.style-07 .main-menu .submenu .wpb_column:last-child {
padding: 0;
}
.style-07 .main-menu .submenu .wpb_column {
width: 100%;
padding-bottom: 0;
}
.style-07 .submenu .vc_column_container > .vc_column-inner {
padding: 0!important;
}
.style-07 .zonex-custommenu {
width: 100%;
}
.style-07 .vc_custom_1572063287674 {
display: none;
}
.style-07 .zonex-custommenu.style-01 .widgettitle::before{
display: none;
}
.style-07 .zonex-custommenu.style-01 .menu {
padding: 0;
}
.style-07 .main-menu .submenu .wpb_column:last-child .zonex-custommenu {
margin-bottom: 0;
}
.style-07 .responsive_js_composer_custom_css_1689224133 {
display: none;
}
.style-07 .header-topbar {
z-index: 3;
}
.style-07 .block-icon-menu {
display: inline-block;
white-space: normal;
}
.style-07 .block-icon-menu .mobile-navigation {
margin: 0 5px 0 0;
}
.style-07 .zonex-demo.style-01 img, .style-07 .zonex-demo.style-01 .demo-button::before {
display: none;
}
.style-07 .zonex-demo.style-01 .demo-button {
position: relative;
top: 0;
right: 0;
font-size: 14px;
color: #868686;
background-color: transparent;
display: inline-block;
width: 100%;
opacity: 1;
visibility: visible;
padding: 0;
}
.style-07 .zonex-demo.style-01 .demo-button:hover {
color: #ff3636;
}
.style-07 .custom-header07 {
background: transparent !important;
padding: 0 !important;
}
.style-07 .custom-header07 .vc_row {
margin: 0 !important;
padding: 0 !important;
}
.style-07 .scrollbar-macosx > .scroll-element.scroll-y .scroll-bar {
left: -25px;
}
header.style-07:not(.style-06) .wcml_currency_switcher li .wcml-cs-submenu{
left:0;
}
header .header-left > div {
top: 0;
margin-right: 12px;
margin-left: 0;
line-height: 40px;
padding-left: 0;
}
span.call-text {
color: #858585;
}
header .header-left > div.header-search-box {
line-height: 36px;
}
.style-09 .header-top-element {
background: #151515;
color: #fff;
}
.disable-banner header.style-09.header-pos-relative {
box-shadow: 0 1px 5px rgba(0,0,0,.1);
}
.style-09 .header-wrap .header-position {
padding: 18px 0;
}
.single .style-09 .header-wrap .header-position {
margin-bottom: 30px;
padding-top: 0;
}
.style-09 .main-header.horizon-menu {
padding: 12px 0;
}
.single .style-09 .main-header.horizon-menu {
padding: 30px 0;
border-bottom: 1px solid #e5e5e5;
}
.style-09.style-11 .horizon-menu .main-navigation {
text-align: center;
}
.style-09 .horizon-menu .main-navigation {
text-align: left;
}
.style-09 .row-table > div.header-right {
display: flex;
justify-content: flex-end;
width: 100%;
line-height: 40px;
}
.style-09 .currency-language {
top: 0; 
}
.style-09 .currency-language .dropdown {
line-height: inherit;
}
.style-09  .currency-language .dropdown > a {
height: auto;
line-height: inherit;
padding: 0 20px 0 0;
border: none;
color: inherit;
min-width: 55px;
margin-right: 0;
}
.style-09 .contact-text p span {
font-size: 13px!important;
font-family: Jost500;
opacity:1;
}
.style-09 .currency-language-wrap {
margin-right: 0;
}
.style-09 .dropdown > .submenu,
header.style-09 .wcml_currency_switcher li .wcml-cs-submenu{
top:100%
}
body header.site-header.style-09 div.wcml_currency_switcher.wcml-dropdown {
border: none;
top: 0;
line-height: inherit;
height: inherit;
}
header.style-09 .wcml_currency_switcher li a {
height: auto;
line-height: inherit;
color: inherit;
padding: 0px 28px 0 10px;
font-size: 13px;
}
header.style-09 .currency-language .dropdown > a::after {
right: 10px;
}
.style-09 .header-top-element .header-right span {
opacity: 0.6;
font-size: 13px;
}
header.style-12 .row-table > div.main-header-left {
display: flex;
justify-content: start;
align-items: center;
}
.style-12 .logo {
margin-right: 100px;
}
.search-box-drop .search-field {
width: 510px;
max-width: 100%;
line-height: 50px;
border: none;
height: 50px;
color: #fff;
padding: 0 60px 0 30px;
background: #252525;
}
.header-search-box {
position: relative;
}
.search-box-drop button.search-submit {
width: 50px;
position: absolute;
top: 0px;
font-size: 18px;
font-weight: 400;
height: 50px;
line-height: 42px;
text-align: center;
left: auto;
color: #fff;
padding: 0;
background: #ff3636;
right: 1px;
}
.search-box-drop span.reset-instant-search {
right: 40px;
color: #fff;
}
.search-box-drop .container-search .search-results-wrap .product-item-search {
width: 100%;
}
.style-09 .main-header-content {
display: flex;
align-items: center;
justify-content: space-between;
}
span.icon-contact {
width: 47px;
height: 47px;
justify-content: center;
border: 1px solid;
font-size: 20px;
margin-right: 20px;
display: flex;
align-items: center;
}
p.contact-number {
margin: 0;
}
.phone-online {
display: flex;
font-size: 12px;
color: #151515;
font-weight: 500;
line-height: 20px;
align-items: center;
}
.contact-text a:not(:hover) {
color: #151515;
} .menu-social {
margin-right: 30px;
overflow: hidden;
}
.menu-social .social-title::before {
content: "";
width: 110px;
border-bottom: 1px solid;
position: absolute;
left: 100%;
top: 50%;
}
.menu-social .social-title {
font-weight: 700;
font-size: 12px;
line-height: 24px;
text-transform: uppercase;
letter-spacing: 3px;
display: none;
position: relative;
color: inherit;
margin-bottom: 20px;
padding-right: 20px;
}
.menu-social .social-list {
padding: 0;
}
.menu-social .social-list li {
display: inline-block;
margin-right: 18px;
margin-bottom: 0;
}
.menu-social .social-list li:last-child {
margin-right: 0;
}
.menu-social .social-list li a {
display: inline-block;
font-size: 16px;
color: inherit;
}
header.style-08 .search-field {
width: 320px;
}
body header.site-header.style-08 div.wcml_currency_switcher.wcml-dropdown {
margin: 0;
}
.header-pos-absolute.style-08 .header-position::before {
content: '';
border-bottom: 1px solid;
opacity: 0.15;
position: absolute;
left: 0;
right: 0;
bottom: 0;
}
.style-08 .header-control-right .header-control-wrap {
width: auto;
}
header.style-08 .mobile-navigation {
top: -4px;
}
header.style-08 .menu-btn-icon span{
right:0;
}
.style-08 .header-bottom {
padding: 25px 0;
z-index: 0;
position: relative;
}
.style-08 .header-wrap .main-header-menu .header-position {
padding: 25px 0;
}
.style-08 .header-control-right .header-search-box {
margin-left: 15px;
}  .main-navigation .main-menu {
padding: 0;
list-style: none;
}
.main-navigation .main-menu .menu-item {
list-style: none;
position: relative;
}
header:not(.style-01):not(.site-header-mobile) .main-navigation .main-menu .menu-item.position-static {
position: static;
}
header:not(.style-01):not(.style-07):not(.site-header-mobile) .main-navigation .main-menu .menu-item.position-static .submenu {
left: 50%!important;
max-width: inherit!important;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
top: auto!important;
animation: none!important;
margin-left: 0!important;
}
.main-navigation .main-menu > .menu-item > a {
font-size: 15px;
line-height: 24px;
color: inherit;
font-family: Jost500;
text-transform: capitalize;
vertical-align: middle;
position: relative;
z-index: 2;
}
.main-navigation .main-menu > .menu-item:not(.item-logo) > a::after {
content: "";
width: 0;
border-top: 2px solid;
position: absolute;
right: 0;
top: calc(100% + 5px);
height: 30px;
transition: width 0.3s linear 0s;
-o-transition: width 0.3s linear 0s;
-webkit-transition: width 0.3s linear 0s;
}
header:not(.style-07) .main-navigation .main-menu > .menu-item:not(.item-logo):hover > a::after {
width: 100%;
left: 0;
}
header.site-header-mobile:not(.style-07) .main-navigation .main-menu > .menu-item:not(.item-logo):hover > a::before,
header.site-header-mobile:not(.style-07) .main-navigation .main-menu > .menu-item:not(.item-logo):hover > a::after{
display: none;
}
.main-navigation .main-menu > .menu-item.item-logo > a {
font-size: 0;
letter-spacing: 0;
}
.item-logo span.logo {
margin: 0 10px;
} .horizon-menu .main-navigation {
text-align: center;
transition: padding 0.5s ease 0s;
-o-transition: padding 0.5s ease 0s;
-webkit-transition: padding 0.5s ease 0s;
} .horizon-menu .main-navigation .main-menu > .menu-item {
margin: 0 20px;
display: inline-block;
line-height: 34px;
cursor: pointer;
}
.horizon-menu .main-navigation .main-menu > .menu-item:first-child {
margin-left: 0;
}
.horizon-menu .main-navigation .main-menu > .menu-item:last-child {
margin-right: 0;
}
.horizon-menu .main-navigation .main-menu > .menu-item::before {
display: block;
width: 100%;
height: 55px;
position: absolute;
top: auto;
left: 0;
}
.woocommerce-tabs .wpb_text_column ul li {
padding-left: 20px;
}
.woocommerce-tabs .wpb_text_column ul, .woocommerce-tabs .wpb_text_column ol {
margin-bottom: 20px;
}
.woocommerce-tabs .wpb_text_column ul li:before {
content: "";
width: 6px;
display: inline-block;
height: 6px;
border-radius: 50%;
top: 15px;
background: #858585;
}
.style-07 .horizon-menu .main-navigation .main-menu .menu-item:hover > a,
.style-07 .horizon-menu .main-navigation .main-menu .menu-item.sub-menu-open > a{
color: #151515;
} header:not(.style-07) .horizon-menu .main-navigation .main-menu .menu-item .submenu {
min-width: 250px;
background-color: #ffffff;
opacity: 0;
visibility: hidden;
position: absolute;
border-radius: 0;
-webkit-box-shadow: 0 20px 30px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 20px 30px rgba(0, 0, 0, 0.1);
box-shadow: 0 20px 30px rgba(0, 0, 0, 0.1);
z-index: 1;
-webkit-animation-name: smoothFadeOutLeft;
animation-name: smoothFadeOutLeft;
-webkit-animation-duration: 0.4s;
animation-duration: 0.4s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
transition: visibility 0s linear 0.4s, opacity 0.4s linear;
-webkit-transition: visibility 0s linear 0.4s, opacity 0.4s linear;
white-space: normal;
}
.horizon-menu .main-navigation .main-menu > .menu-item .submenu.megamenu {
border: none;
box-shadow: none;
overflow: hidden;
}
header:not(.style-07) div.horizon-menu .main-navigation .menu-item .submenu:not(.megamenu) {
padding: 30px 10px 30px 50px;
margin-left: -50px;
}
header:not(.style-07) .horizon-menu .main-navigation .main-menu .menu-item:hover > .submenu {
opacity: 1;
visibility: visible;
transition: none;
-webkit-transition: none;
-webkit-animation-name: smoothFadeInRight;
animation-name: smoothFadeInRight;
-webkit-animation-duration: 0.6s;
animation-duration: 0.6s;
overflow: hidden;
}
header:not(.style-07) .horizon-menu .main-navigation .main-menu .menu-item:hover > .submenu:not(.megamenu) {
overflow: visible;
}
header:not(.style-07) .horizon-menu .main-navigation .main-menu > .menu-item > .submenu {
top: 100%;
left: 0;
margin-top: 25px;
text-align: left;
margin-left: -50px;
}
header:not(.style-07) div.horizon-menu .main-navigation li .menu-item .submenu:not(.megamenu) {
margin: 13px 0 0 10px;
}
header:not(.style-07) .megamenu-resize .main-navigation .main-menu > .menu-item > .submenu {
margin-left: 0;
}
header:not(.style-07) .is-sticky .horizon-menu .main-navigation .main-menu > .menu-item > .submenu {
margin-top: 13px;
}
.megamenu > .vc_row {
padding: 30px 10px 30px 50px;
}
.style-07 .submenu.megamenu .vc_row {
background-repeat: no-repeat !important;
margin: 0;
padding: 0 !important;
}
.style-07 .main-menu .submenu .custom-header07 .wpb_column.hide-on-mobile {
display: none;
}
.style-07 .submenu.megamenu > .vc_row {
left: 0!important;
margin-left: 0!important;
margin-right: 0!important;
}
.style-07 .main-menu .submenu .custom-header07 .wpb_column {
padding: 0;
}
.style-07 .zonex-demo.style-01.comming-mode {
display: none;
}
.style-07 .zonex-demo.style-02 {
display: none;
}
.style-07 .zonex-demo.style-01 {
padding: 0;
margin: 0;
top: 0!important;
box-shadow: none!important;
width: 100%;
line-height: 34px;
}
.style-07 div.vc_row.vc_row-no-padding .vc_inner .vc_column-inner {
padding-left: 0;
padding-right: 0;
}
.horizon-menu .main-navigation .main-menu > .menu-item > .submenu .submenu {
top: -13px;
left: 100%;
margin-left: 20px;
}
.horizon-menu .main-navigation .main-menu > .menu-item .submenu .menu-item {
line-height: 24px;
position: relative;
padding: 8px 0;
}
.horizon-menu .main-navigation .main-menu > .menu-item .submenu .menu-item a > span.icon {
float: left;
margin-right: 10px;
}
.submenu span.image {
position: relative;
top: -2px;
margin: 0 10px;
}
.horizon-menu .main-navigation .main-menu > .menu-item .submenu .menu-item::before {
content: '';
display: block;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: -webkit-calc(100% + 62px);
width: -moz-calc(100% + 62px);
width: calc(100% + 62px);
height: 100%;
z-index: -1;
}
.horizon-menu .main-navigation .main-menu > .menu-item .submenu li.menu-item > a {
font-size: 13px;
line-height: 24px;
position: relative;
font-weight: 400;
color: #858585;
}
.horizon-menu .main-navigation .main-menu > .menu-item .submenu li.menu-item > a::after {
content: "";
border-bottom: 1px solid;
position: absolute;
bottom: 0;
right: 0;
width: 0;
transition: 0.3s;
}
.horizon-menu .main-navigation .main-menu > .menu-item .submenu li.active > a::after, 
.horizon-menu .main-navigation .main-menu > .menu-item .submenu li:hover > a::after {
width: 100%;
left: 0;
}
.main-menu > li > a span.image {
position: absolute;
top: -20px;
right: 8px;
line-height: 20px;
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
}
header .zonex-custommenu span.image {
display: inline-block;
position: absolute;
left: auto;
right: auto;
width:100%;
top: -7px;
margin-left: 5px;
}  .horizon-menu .main-navigation .main-menu .menu-item .toggle-submenu {
display: none;
position: absolute;
top: -2px;
right: -25px;
cursor: pointer;
}
.horizon-menu .main-navigation .main-menu .menu-item .toggle-submenu::before {
display: block;
content: '\f107';
font-family: 'FontAwesome', sans-serif;
height: 35px;
line-height: 35px;
width: 25px;
text-align: center;
font-size: 15px;
color: inherit;
z-index: 999;
}
.header-type-transparent-dark .horizon-menu .main-navigation .main-menu .menu-item .toggle-submenu::before {
color: #ffffff;
}
.horizon-menu .main-navigation .main-menu .menu-item .submenu .toggle-submenu::before {
content: '\f105';
} .blog header.site-header.site-header-mobile,
.category header.site-header.site-header-mobile {
margin-bottom: 15px;
}
.box-mobile-menu-open header.site-header.site-header-mobile,
.minicart-canvas-open header.site-header.site-header-mobile{
z-index:999999;
}
header.site-header.site-header-mobile {
background: #fff;
position: relative;
z-index: 99999;
min-height: 52px;
}
.site-header-mobile .header-topbar .header-container {
padding: 0 25px 0 7px!important;
height: 24px;
} 
.site-header-mobile .header-content::before {
content: "";
border-bottom: 1px solid #eeeeee;
position: absolute;
left: 0;
right: 0;
bottom: 0;
}
.tax-product_cat .site-header-mobile .slider-rev-wrap {
padding-top: 15px;
}
.single-product .site-header-mobile .header-content::before{
display: none;
}
.site-header-mobile .header-content {
display: inline-block;
z-index: 100000;
position: relative;
width: 100%;
margin-bottom: -1px;
}
body:not(.woocommerce) .has-banner .site-header-mobile .header-content::before{
display: none;
}
.menu-mobile-hamburger-wrap {
display: flex;
align-items: center;
}
a.mobile-hamburger-navigation {
margin-right: 10px;
}
.site-header-mobile .block-account {
margin-right: 10px;
}
.main-header.header-mobile > div {
float: none;
}
.main-header.header-mobile {
display: flex;
width: 100%;
align-items: center;
justify-content: space-between;
padding: 4px 0 6px;
background: #fff;
}
.is-sticky .main-header.header-mobile {
box-shadow: 0 5px 30px rgba(0,0,0,.1);
}
.shop-page-mobile .is-sticky .main-header.header-mobile {
box-shadow: 0 0 0;
border-bottom: 1px solid #eeeeee;
}
.header-mobile .header-right {
padding-right: 10px;
color: #151515;
position: relative;
text-align: right;
}
.header.header-mobile .zonex-minicart .mini-cart-icon {
font-size: 23px;
top: 0px;
}
.zonex-minicart {
margin-left: 10px;
position: relative;
}
header .zonex-minicart .zonex-minicart {
margin: 0;
}
.header-mobile .zonex-minicart {
margin-right: 5px;
display: inline-block;
margin-left: 0;
}
.header-mobile .logo {
text-align: center;
}
header.header-mobile .search-field {
width: 100%;
}
header.site-header-mobile form.search-form {
width: 100%;
position: relative;
padding: 15px 0;
display: inline-block;
}
html.instant-search-open header.site-header-mobile .instant-search-close{
right: 0;
}
.site-header-mobile .instant-search-modal .search-results-croll .post-thumb {
border: 1px solid #e5e5e5;
}
header.site-header-mobile form.search-form .search-field {
width: 100%;
box-shadow: 0 0 0;
}
.site-header-mobile .search-fields {
position: relative;
}
.site-header-mobile .search-results-croll {
top: calc(100% + 10px);
width: 100%;
z-index: 11;
max-height: calc(100vh - 155px)!important;
height: auto !important;
box-shadow: none;
}
.site-header-mobile .scroll-wrapper.search-results-croll {
left: -20px;
right: -20px;
width: auto;
}
.site-header-mobile .container-search .search-results-wrap .product-item-search {
padding: 10px;
}
.scrollbar-macosx > .scroll-element.scroll-y {
z-index: 11;
opacity: 0;
}
.scrollbar-macosx:hover > .scroll-element.scroll-y {
opacity: 1;
}
.hamburger {
padding: 0;
display: inline-block;
cursor: pointer;
height: 34px;
transition-property: opacity, filter;
transition-duration: 0.15s;
transition-timing-function: linear;
font: inherit;
color: inherit;
text-transform: none;
background-color: transparent;
border: 0;
margin: 0;
overflow: visible;
}
.hamburger:hover {
opacity: 0.7;
}
.hamburger-box {
width: 27px;
height: 24px;
float: left;
display: inline-block;
position: relative;
}
.hamburger-inner {
display: block;
top: 50%;
margin-top: -2px;
}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
width: 13px;
height: 2px;
background-color: #151515;
border-radius: 0;
position: absolute;
transition-property: transform;
transition-duration: 0.15s;
transition-timing-function: ease;
}
.hamburger-inner::before, .hamburger-inner::after {
content: "";
display: block;
}
.hamburger-inner::before {
top: -7px;
width: 18px;
}
.hamburger-inner::after {
bottom: -16px;
width: 18px;
}
.hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner::before {
width: 30px;
} .hamburger--collapse .hamburger-inner {
top: auto;
bottom: 0;
transition-duration: 0.13s;
transition-delay: 0.13s;
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--collapse .hamburger-inner::after {
bottom: -7px;
transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
}
.hamburger--collapse .hamburger-inner::before {
transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--collapse.is-active .hamburger-inner {
transform: translate3d(0, -10px, 0) rotate(-45deg);
transition-delay: 0.22s;
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--collapse.is-active .hamburger-inner::after {
top: 0;
opacity: 0;
transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
}
.hamburger--collapse.is-active .hamburger-inner::before {
top: 0;
transform: rotate(-90deg);
transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
} .hamburger--collapse-r .hamburger-inner {
top: auto;
bottom: 2px;
transition-duration: 0.13s;
transition-delay: 0.13s;
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--collapse-r .hamburger-inner::after {
top: -20px;
transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
}
.hamburger--collapse-r .hamburger-inner::before {
transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--collapse-r.is-active .hamburger-inner {
transform: translate3d(0, -10px, 0) rotate(45deg);
transition-delay: 0.22s;
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--collapse-r.is-active .hamburger-inner::after {
top: 0;
opacity: 0;
transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
}
.hamburger--collapse-r.is-active .hamburger-inner::before {
top: 0;
transform: rotate(90deg);
transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.box-mibile-overlay {
content: "";
background: rgba(45, 51, 55, 0.66);
position: absolute;
top: 0;
width: 99999em;
bottom: 0;
z-index: 1;
display: none;
left: 100%;
}
.box-mobile-menu-open .box-mibile-overlay {
display: block;
}
.box-mobile-menu {
position: fixed;
top: 0;
bottom: 0;
left: -320px;
width: 320px;
line-height: 24px;
background-color: #ffffff;
-webkit-transition: all 0.4s linear;
-moz-transition: all 0.4s linear;
overflow-x: hidden;
-o-transition: all 0.4s linear;
transition: all 0.4s linear;
z-index: 1000000;
overflow-y: auto;
}
.real-mobile-show-menu .body-overlay {
left: 0;
}
.box-mobile-menu-inner {
height: 100%;
}
.box-mobile-menu .box-inner {
height: -webkit-calc(100% - 96px);
height: -moz-calc(100% - 96px);
height: calc(100% - 96px);
overflow: hidden;
}
.zonex-none-mobile-device .box-mobile-menu .box-inner {
overflow: auto;
height: calc(100% - 100px);
}
.zonex-none-mobile-device .box-mobile-menu .submenu {
display: none;
max-width: 100%!important; 
}
.page-wrapper > div#box-mobile-menu a.close-menu {
bottom: 0;
left: 0;
background: #f3f3f3;
width: 100%;
padding: 0 35px;
white-space: nowrap;
line-height: 40px;
border-top: 1px solid #e6e6e6;
text-align: center;
}
.page-wrapper > div#box-mobile-menu .close-menu span.kz-close {
font-size: 15px;
position: relative;
font-weight: 100;
color: #151515;
display: inline-block;
top: 3px;
margin-left: 0;
width: 100%;
white-space: nowrap;
font-family: Jost!important;
}
.page-wrapper > div#box-mobile-menu .kz-close::before {
content: "\e90c";
position: relative;
font-family: kazen-font;
position: relative;
top: 1px;
margin-right: 5px;
}
.box-mobile-menu .box-title {
font-size: 13px;
color: #151515;
text-transform: uppercase;
font-family: Jost600;
padding: 0;
line-height: 40px;
margin-left: 10px;
margin-right: 10px;
}
.box-mobile-menu > span.box-title {
display: block !important;
border-bottom: 1px solid #e6e6e6;
width: 100%;
margin: 0;
font-size: 12px;
text-align: center;
background-color: #f3f3f3;
}
.box-mobile-menu > a.back-menu {
position: absolute;
top: 0;
left: 0px;
}
.box-mobile-menu .back-menu {
position: relative;
float: left;
font-size: 16px;
transform: rotate(-90deg);
font-weight: 100;
color: #151515;
top: 7px;
}
a.close-menu {
display: block;
padding: 20px 20px 0;
position: absolute;
z-index: 1;
}
.box-mobile-menu .back-menu.show-back {
z-index: 1;
background: #fff;
}
.close-menu span.kz-close {
font-size: 19px;
position: relative;
font-weight: 100;
color: #151515;
top: 0;
margin-left: 0;
}
.box-mobile-menu .toggle-submenu {
cursor: pointer;
display: block;
width: 50px;
height: 48px;
line-height: 48px;
text-align: center;
}
.box-mobile-menu .toggle-submenu::before {
font-family: 'FontAwesome', sans-serif;
font-weight: normal;
content: "\f105";
}
.box-mobile-menu .clone-main-menu.mobile-show-inner {
-webkit-transform: translateX(-320px);
-moz-transform: translateX(-320px);
-ms-transform: translateX(-320px);
-o-transform: translateX(-320px);
transform: translateX(-320px);
}
.zonex-is-real-mobile .box-mobile-menu .main-menu {
list-style: none;
padding-left: 0;
margin-bottom: 0;
position: relative;
width: 100%;
height: calc(100% - 130px);
transition: 0.3s;
z-index: 1;
}
.box-mobile-menu div.zonex-custommenu .widgettitle {
margin-top: 10px;
}
.box-mobile-menu .main-menu .menu-item {
display: block;
position: relative;
}
.box-mobile-menu .main-menu .menu-item > a {
display: block;
padding: 8px 40px 8px 15px;
color: #111111;
}
.box-mobile-menu .main-menu .menu-item.active > a {
color: #151515;
text-decoration: underline;
font-family: Jost500;
}
.box-mobile-menu .main-menu .menu-item > .toggle-submenu {
top: 2px;
right: 0;
position: relative;
font-size: 20px;
color: #151515;
text-align: center;
}
.box-mobile-menu .main-menu .menu-item > .toggle-submenu::before {
content: '\f105';
}
.box-mobile-menu .main-menu .menu-item.sub-menu-open > .toggle-submenu::before {
content: '\f107';
}
.box-mobile-menu .main-menu .menu-item-for-wish-list a {
padding: 18px 20px !important;
line-height: 12px;
width: 100%;
}
.box-mobile-menu .main-menu .menu-item-for-wish-list .icon {
float: right;
text-align: center;
width: 50px;
height: 48px;
line-height: 48px;
border-left: 1px solid #e5e5e5;
}
.box-mobile-menu .main-menu .submenu .vc_row:not(.custom-header07) .wpb_column {
padding: 0 10px;
width: 100%;
}
.box-mobile-menu .main-menu .submenu .vc_row:not(.custom-header07) .wpb_column .wpb_column{
padding: 0;
}
.box-mobile-menu .vc_column-inner {
padding-left: 0 !important;
padding-right: 0 !important;
}
.box-mobile-menu .hide-on-mobile {
display: none!important;
}
.box-mobile-menu .zonex-demo.style-01:hover {
top: 0;
}
.box-mobile-menu .vc_row {
margin-left: 0 !important;
margin-right: 0 !important;
padding: 10px !important;
}
.box-mobile-menu .vc_row .vc_row {
padding: 0!important;
}
.box-mobile-menu .custom-header07 .vc_row {
padding: 0px !important;
}
.box-mobile-menu .custom-header07 .vc_row .wpb_column {
width: 50%;
display: inline-block;
padding: 10px;
float: left;
}
.box-mobile-menu .zonex-custommenu .widgettitle {
padding-top: 5px;
margin-bottom: 15px;
padding-right: 0;
margin-left: 0;
}
.box-mobile-menu .nav-tabs > li > a {
padding-bottom: 20px;
}
header .box-mobile-menu .custom-header07 {
background: transparent !important;
} .body-overlay {
position: fixed;
top: 0;
bottom: 0;
visibility: hidden;
opacity: 0;
left: 0;
right: 0;
background-color: rgba(0, 0, 0, 0.66);
z-index: 999999;
transition: opacity 0.3s linear, opacity 0.3s linear;
-o-transition: opacity 0.3s linear, visibility 0.3s linear;
-webkit-transition: opacity 0.3s linear, visibility 0.3s linear;
} .mobile-navigation {
display: none;
position: relative;
font-size: 16px;
line-height: 30px;
color: #111111;
margin-left: 25px;
}
.mobile-navigation:hover {
color: #ff3636;
}
.box-mobile-menu .main-menu .menu-item .submenu > .toggle-submenu {
left: 0;
z-index: 9999;
} .box-mobile-menu-open .box-mobile-menu .main-menu .mobile-active > .submenu {
z-index: 101;
}
.box-mobile-menu-open .box-mobile-menu .main-menu .mobile-active > .megamenu {
max-width: inherit !important;
}
.box-mobile-menu .toggle-submenu {
display: inline-block;
vertical-align: top;
cursor: pointer;
}
.box-mobile-menu .toggle-submenu::before {
display: block;
}
.box-mobile-menu .submenu .submenu .toggle-submenu {
display: none;
}
.enable-header-mobile .box-mobile-menu .main-menu > .menu-item > .submenu {
overflow-y: auto;
}
.box-mobile-menu .main-menu > .menu-item ul.submenu.submenu-show {
-webkit-transform: translateX(-320px);
-moz-transform: translateX(-320px);
-ms-transform: translateX(-320px);
-o-transform: translateX(-320px);
transform: translateX(-320px);
overflow: visible;
}
.enable-header-mobile .box-mobile-menu .main-menu .submenu {
list-style: none;
padding: 0;
position: absolute;
top: 0 !important;
right: -100% !important;
bottom: 0;
width: 100% !important;
height: calc(100%);
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
z-index: 0;
background-color: #fff;
}
.zonex-is-real-mobile:not(.enable-header-mobile) .submenu { 
display: none;
}
.zonex-is-real-mobile:not(.enable-header-mobile) .box-mobile-menu .main-menu {
height: 100%;
overflow-y: auto;
}
.box-mobile-menu .main-menu .mobile-active > .submenu {
z-index: 101;
}
.box-mobile-menu .main-menu .zonex-custommenu {
float: left;
display: inline-block;
width: 100%;
padding-bottom: 0px!important;
padding-top: 0!important;
}
.box-mobile-menu .main-menu .item-home .wpb_column:not(:last-child) .zonex-custommenu {
padding-bottom: 0px!important;
}
.box-mobile-menu .main-menu .menu-item {
display: inline-block;
position: static;
float: left;
overflow: hidden;
width: 100%;
}
.box-mobile-menu .main-menu li .menu-item:last-child {
border: none;
}
.box-mobile-menu .main-menu .menu-item.menu-item-for-wish-list > span {
font-size: 15px;
position: relative;
top: 16px;
padding-right: 20px;
color: #151515;
text-align: right;
float: right;
}
.box-mobile-menu .main-menu .menu-item.item-logo {
display: none;
}
.box-mobile-menu .main-menu .zonex-custommenu .menu-item {
border: none;
}
.box-mobile-menu .main-menu li .menu-item {
padding: 10px 0;
}
.box-mobile-menu .main-menu li li li .submenu{
display: none;
}
.box-mobile-menu .main-menu .submenu:not(.megamenu) .mobile-active .menu-item {
padding-left: 0;
}
.box-mobile-menu .main-menu .menu .menu-item > a {
display: block;
padding: 0;
position: relative;
font-family: Jost500;
text-transform: capitalize;
color: #151515;
font-weight: 400;
}
.real-mobile-show-menu .box-mobile-menu .main-menu > .menu-item > a {
font-size: 12px;
}
.box-mobile-menu .main-menu .menu-item-has-children > a, .box-mobile-menu .main-menu li.menu-item > a {
display: inline-block;
vertical-align: middle;
line-height: 14px;
font-size: 13px;
text-transform: uppercase;
padding: 20px;
width: calc(100% - 51px);
font-weight: 400;
}
.box-mobile-menu .main-menu > li.menu-item > a {
text-transform: uppercase;
}
.box-mobile-menu .main-menu .vc_row li.menu-item > a {
line-height: 24px;
border: none!important;
}
.box-mobile-menu .zonex-custommenu.style-01 .menu li a::after{
display: none;
}
.box-mobile-menu .main-menu .submenu .submenu .menu-item-has-children > a {
display: block;
width: auto;
}
.box-mobile-menu .main-menu .menu-item-has-children > .toggle-submenu {
float: right;
z-index: 30;
}
.box-mobile-menu .main-menu .menu .menu-item > a{
display: inline-block;
}
.box-mobile-menu .main-menu li .megamenu .menu-item-has-children > a {
height: 24px;
top: 0;
line-height: 24px;
text-align: right;
}
.box-mobile-menu .main-menu li .menu-item-has-children > a {
text-transform: uppercase;
font-family: Jost500;
}
.box-mobile-menu .main-menu li .menu-item-has-children > .toggle-submenu {
height: 32px;
top: 0;
line-height: 32px;
}
.show-submenu > span.toggle-submenu {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
.box-mobile-menu .main-menu .submenu:not(.megamenu) li a {
padding-left: 20px;
padding-top: 10px;
padding-bottom: 10px;
padding-right: 0;
}
.box-mobile-menu .woocommerce-MyAccount-navigation > ul li {
width: 100%;
border: none;
text-align: left;
padding: 0;
margin: 0;
}
.box-mobile-menu nav.woocommerce-MyAccount-navigation{
border: none;
margin-bottom: 50px;
} .mobile-navigation {
display: none;
}
.menu-btn-icon {
display: inline-block;
height: 14px;
vertical-align: middle;
line-height: 0;
position: relative;
width: 22px;
transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
cursor: pointer;
}
.menu-btn-icon span {
border-bottom: 2px solid;
display: inline-block;
position: relative;
transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
width: 10px;
right: -10px;
}
.menu-btn-icon:hover span {
width: 22px;
right: 0;
}
.menu-btn-icon span:nth-child(1) {
border-color: rgba(0, 0, 0, 0);
}
.menu-btn-icon span:nth-child(1)::before {
border-top: 2px solid;
content: "";
right: 0;
position: absolute;
top: -1px;
-o-transition: all 0.6s ease 0s;
-webkit-transition: all 0.6s ease 0s;
transition: all 0.6s ease 0s;
width: 22px;
}
.menu-btn-icon span:nth-child(3) {
border-color: rgba(0, 0, 0, 0);
}
.menu-btn-icon span:nth-child(3)::before {
border-top: 2px solid;
content: "";
position: absolute;
right: 0;
top: 1px;
-o-transition: all 0.6s ease 0s;
-webkit-transition: all 0.6s ease 0s;
transition: all 0.6s ease 0s;
width: 15px;
}
.menu-btn-icon span:nth-child(2)::before {
border-left: 2px solid;
content: "";
height: 0;
left: 10px;
position: absolute;
top: -10px;
transition: all 0.6s ease 0s;
-o-transition: all 0.6s ease 0s;
-webkit-transition: all 0.6s ease 0s;
transition: all 0.6s ease 0s;
}
.menu-btn-icon:hover span:nth-child(1)::before,
.menu-btn-icon:hover span:nth-child(3)::before {
width: 0;
}
.menu-btn-icon:hover span:nth-child(2)::before {
height: 22px;
}
.header-type-transparent-dark .menu-btn-icon span {
background-color: #ffffff;
} .box-tabs-nav-wrap {
position: absolute;
z-index: 101;
left: 0;
top: 0;
width: 100%;
}
.box-tabs-nav-wrap .box-tabs-nav {
width: 100%;
}
.box-tabs-nav-wrap .box-tabs-nav .box-tab-nav {
width: 50%;
float: left;
text-align: center;
background-color: #fff;
border-bottom: 1px solid #e7e7e7;
color: #151515;
text-transform: uppercase;
height: 58px;
}
.box-tabs-nav-wrap .box-tabs-nav .box-tab-nav .hamburger {
padding-top: 9px;
padding-left: 0;
float: left;
padding-right: 10px;
padding-bottom: 0;
}
.box-tabs-nav-wrap .box-tabs-nav .box-tab-nav .hamburger-inner, .box-tabs-nav-wrap .box-tabs-nav .box-tab-nav .hamburger-inner::before, .box-tabs-nav-wrap .box-tabs-nav .box-tab-nav .hamburger-inner::after {
background-color: #151515;
}
.box-tabs-nav-wrap .box-tabs-nav .box-tab-nav .icon {
margin-right: 10px;
}
.box-tabs-nav-wrap .box-tabs-nav .box-tab-nav .nav-text {
display: inline-block;
font-size: 12px;
margin-left: 5px;
font-weight: 600;
line-height: 60px;
}
.box-tabs-nav-wrap .box-tabs-nav .box-tab-nav:first-child {
padding-left: 20px;
text-align: left;
}
.box-tabs-nav-wrap .box-tabs-nav .box-tab-nav .nav-text.account-text {
margin-left: 10px;
}
.box-tabs-nav-wrap .box-tabs-nav .box-tab-nav.active {
color: #fff;
background-color: #151515;
border-bottom: 1px solid #151515;
}
.box-tabs-nav-wrap .box-tabs-nav .box-tab-nav.active .hamburger-inner, .box-tabs-nav-wrap .box-tabs-nav .box-tab-nav.active .hamburger-inner::before, .box-tabs-nav-wrap .box-tabs-nav .box-tab-nav.active .hamburger-inner::after {
background-color: #fff;
}
.box-mobile-menu-tabs .mobile-back-nav-wrap.show-back {
opacity: 1;
visibility: visible;
}
.box-mobile-menu-tabs .mobile-back-nav-wrap.show-back-submenu {
opacity: 1;
visibility: visible;
}
.box-mobile-menu-tabs .mobile-back-nav-wrap {
background: #ffff;
top: 0;
height: 50px;
width: 100%;
opacity: 0;
position: relative;
visibility: hidden;
padding: 19px 20px 0;
z-index: 1;
}
.box-mobile-menu-tabs .mn-mobile-content-tab {
display: flex;
overflow-x: hidden;
width: 100%;
height: calc(100% - 50px);
flex-direction: column;
justify-content: space-between;
padding-top: 10px;
}
.box-mobile-menu-tabs .my-account-wrap {
padding-top: 40px;
padding-left: 20px;
padding-right: 20px;
}
.box-mobile-menu-tabs .my-account-wrap .nav-tabs {
border-bottom: none;
}
.box-mobile-menu-tabs .my-account-wrap .nav-tabs > li {
position: relative;
}
.box-mobile-menu-tabs .my-account-wrap .nav-tabs > li.active {
display: none;
}
.box-mobile-menu-tabs .my-account-wrap p.des-login {
line-height: 22px;
display: none;
}
.box-mobile-menu-open span.minicart-number {
opacity: 0;
}
.my-account-wrap .woocommerce-MyAccount-content {
display: none;
}
.box-mobile-menu-tabs .woocommerce-privacy-policy-text {
display: none;
}
.box-mobile-menu-tabs .menu-social .social-list li {
display: inline-block;
margin-right: 18px;
margin-bottom: 0;
color: #151515;
}
.box-mobile-menu-tabs .currency-language-wrap {
width: 100%;
background: #d2f2f2;
margin-left: -35px;
left: 0;
color: #151515;
right: 0;
text-align: center;
height: 40px;
align-items: center;
display: grid;
bottom: 0;
margin: 0;
grid-template-columns: 50% 50%;
}
.box-mobile-menu-tabs .currency-language-wrap span {
color: #858585;
font-size: 13px;
margin-right: 5px;
}
body header.site-header .box-mobile-menu-tabs div.wcml_currency_switcher.wcml-dropdown {
top: 0;
margin: 0;
height: 40px;
border: none;
line-height: 40px;
border-radius: 0;
}
header .box-mobile-menu-tabs .currency-language {
top: 0;
width: 100%;
}
header .box-mobile-menu-tabs .currency-language .dropdown a {
height: 40px;
line-height: 40px;
border: none;
color: inherit;
border-radius: 0;
min-width: 90px;
margin-right: 0;
font-weight: 400;
font-family: Jost;
font-size: 13px;
padding: 0 7px;
letter-spacing: 0;
text-transform: capitalize;
width: 100%;
}
body header.site-header .box-mobile-menu-tabs div.wcml_currency_switcher.wcml-dropdown:hover {
background: #fff;
}
body header.site-header .box-mobile-menu-tabs div.wcml_currency_switcher.wcml-dropdown {
top: 0;
margin: 0;
height: 40px;
border: none;
line-height: 40px;
border-radius: 0;
width: 100%;
}
header .box-mobile-menu-tabs .wcml_currency_switcher li .wcml-cs-submenu {
top: auto;
min-width: 100%;
bottom: 100%;
box-shadow: 0 -5px 10px rgba(0, 0, 0, .03);
}
header .box-mobile-menu-tabs .dropdown.open > .submenu {
top: auto;
min-width: 80%;
bottom: 0;
padding: 0;
text-align: right;
}
.box-mobi .dropdown-backdrop {
z-index: -1;
}
.box-mobile-menu-tabs .wcml-dropdown a.wcml-cs-item-toggle {
height: 40px;
line-height: 40px;
text-align: left;
}
header .box-mobile-menu-tabs .wcml_currency_switcher li a.wcml-cs-item-toggle:after {
right: 20px;
top: 0;
font-size: 18px;
}
.box-mobile-menu-tabs .currency-language .dropdown > a::after {
content: "\f107";
height: 100%;
right: 20px;
top: 0px;
font-size: 18px;
width: 10px;
}
.box-mobile-menu-tabs .currency-language .dropdown { 
width: 100%;
}
.box-mobile-menu-tabs .copyright-text {  
font-size: 13px;
margin-bottom: 15px;
margin-top: 10px;
padding: 0 20px;
color: #151515;
}
.header-mobile-element-bottom {
border-top: 1px solid #eeeeee;
padding-top: 20px;
z-index: 2;
position: relative;
background: #fff;
}
.header-mobile-element-bottom .menu-social .social-list {
padding-left: 20px;
} .enable-shop-page-mobile .shop-page {
padding-top: 0;
padding-bottom: 30px;
z-index: inherit;
margin-top: 0!important;
}
.zonex-is-real-mobile .sidebar.widget-shop-wrap {
display: none;
}
.zonex-is-real-mobile .shop-page .row .drawer_sidebar_elem.has-sidebar,
.zonex-is-real-mobile .row-filter-drawer{
z-index: inherit;
}
.zonex-is-real-mobile .shop-prdctfltr-filter-wrapper .prdctfltr_wc.prdctfltr_wc_regular.prdctfltr_woocommerce.woocommerce.pf_select .prdctfltr_filter {
width: 100%!important;
} .single-product.single-product-mobile {
background: #f8f8f8;
}
.single-product-mobile div.zonex-single-container {
padding-left: 0;
padding-right: 0;
padding-top: 0;
}
.single-product-mobile div.zonex-product-button:not(.detail_special) {
bottom: 20px;
right: 20px;
}
.single-product-mobile div.zonex-product-button:not(.detail_special) .product-360-button a::before {
font-size: 30px;
}
.single-product-mobile .zonex-product-button:not(.detail_special) .zonex-bt-video a,
.single-product-mobile .zonex-product-button:not(.detail_special) .product-360-button a {
padding: 0 8px;
width: 50px;
font-size: 0;
height: 50px;
text-align: center;
}
.single-product-mobile .upsells::before, .single-product-mobile .related::before {
background-color: transparent;
}
.single-product-mobile .product-grid-title {
text-align: left;
padding-left: 0;
padding-right: 0;
padding-top: 22px;
font-size: 24px;
margin-bottom: 25px;
}
.single-product-mobile .upsells, .single-product-mobile .related {
position: relative;
margin: 0 -1px;
}
.single-product-mobile.enable-shop-page-mobile .upsells .product-item, .single-product-mobile.enable-shop-page-mobile .related .product-item {
border-width: 1px 1px 1px 0;
padding: 0;
}
.single-product-mobile .product-grid-title::before {
display: none;
}
.single-product-mobile .product-grid .product-info .star-rating {
display: none;
}
.single-product-mobile .timers {
justify-content: center;
}
.single-product-mobile .product-grid .product-info .add_to_cart_button, 
.single-product-mobile .product-grid .product-info .ajax_add_to_cart, 
.single-product-mobile .product-grid .product-info .product_type_grouped, 
.single-product-mobile .product-grid .product-inner .product_type_variable { 
font-size: 10px;
}
.single-product-mobile .owl-carousel {
margin-bottom: 30px;
}
.single-product-mobile .slider_images .woocommerce-variation-add-to-cart {
width: 100%;
}
.single-product-mobile table.variations {
margin-left: 0;
max-width: 100%;
margin-top: 20px;
}
.single-product-mobile .slider_images .summary {
padding-left: 0;
padding-right: 0
}
.single-product-mobile .summary.has-border {
padding: 0;
border: none
}
.product-mobile-layout .product_meta {
text-align: left;
background: #fff;
padding: 20px;
}
.product-mobile-layout .product-mobile-more-detail-wrap {
z-index: 9999999999;
}
.product-mobile-layout form.cart + .product_meta {
margin: -7px 0 0;
}
.product-mobile-layout form.cart.variable_mobile + .product_meta {
margin: 0;
}
.product-mobile-layout .social-share-product-title {
margin-right: 20px;
}
.product-mobile-layout .social-share-product {
margin-top: 15px;
background: #fff;
display: flex;
padding: 13px 20px 10px;
align-items: center;
}
.product-mobile-layout .single-left {
width: 100% !important;
position: relative;
}
.single .product-mobile-layout div div.product-toolbar {
display: inline-block;
width: 100%;
padding: 10px 10px 0;
background: #fff;
}
.product-mobile-layout .product-toolbar-wrap {
position: relative;
justify-content: space-between;
display: flex;
align-items: center;
line-height: 30px;
}
.product-mobile-layout div.product-toolbar .post-navigation {
display: inline-block; 
margin: 0;
padding: 0;
}
.product-mobile-layout .single-left .flex-control-nav {
position: absolute;
z-index: 0;
left: 0;
bottom: 10px;
width: 100%;
text-align: center;
}
.product-mobile-layout .woocommerce-product-gallery .woocommerce-product-gallery__trigger {
right: 15px;
height: 40px;
font-size: 12px;
width: 40px;
line-height: 40px;
display: none;
top: 15px;
}
.product-mobile-layout .single-left .flex-control-nav > li {
display: inline-block;
width: auto;
}
.product-mobile-layout .single-left .flex-control-nav > li::after {
display: block;
content: '';
width: 9px;
height: 9px;
background-color: #acacac;
position: absolute;
border-radius: 50%;
top: 0;
left: 0;
z-index: -1;
}
.zonex-content-single-product-mobile .product-mobile-layout .woocommerce-product-gallery .flex-control-nav.flex-control-thumbs > li {
width: 9px;
height: 9px;
position: relative;
padding: 0;
border-radius: 50%;
margin-left: 5px;
margin-right: 5px;
overflow: hidden;
}
.zonex-content-single-product-mobile .product-mobile-layout .woocommerce-product-gallery .flex-control-nav.flex-control-thumbs li img {
opacity: 0;
transition: padding 0.5s ease 0s;
-o-transition: padding 0.5s ease 0s;
-webkit-transition: padding 0.5s ease 0s;
margin: 0;
width: 10px;
height: 10px;
display: inline-block;
border-radius: 50%;
position: absolute;
top: 0;
left: 0;
z-index: 1;
padding: 5px;
}
.single-product-mobile .woocommerce-product-gallery .flex-control-nav.flex-control-thumbs > li::after {
display: block !important;
content: '';
width: 10px;
height: 10px;
background-color: #acacac;
position: absolute;
border-radius: 0;
top: 0;
left: 0;
z-index: -1;
}
.zonex-content-single-product-mobile .product-mobile-layout .woocommerce-product-gallery .flex-control-nav.flex-control-thumbs li img.flex-active {
background-color: #151515;
opacity: 1;
}
.zonex-content-single-product-mobile .product-mobile-layout .woocommerce-product-gallery .flex-control-nav.flex-control-thumbs {
margin-top: 0;
padding-right: 0;
float: left;
left: 20px;
text-align: left;
display: inline-block;
}
.product-mobile-layout .detail-content {
position: relative;
padding-top: 0px !important;
width: 100% !important;
padding-left: 0 !important;
padding-right: 0 !important;
}
.enable-shop-page-mobile.single .main-product {
padding-bottom: 0px;
margin: 0;
}
.product-mobile-layout .summary.entry-summary {
position: relative;
}
.single-product.zonex-is-real-mobile div.pswp {
display: none!important;
}
div.zonex-content-single-product-mobile .summary .yith-wcwl-add-to-wishlist {
width: auto;
margin: 0;
min-width: 0;
position: absolute;
border: none;
border-radius: 50%;
right: 15px;
text-align: center;
padding: 0;
line-height: 20px;
height: auto;
top: 17px;
background: transparent;
color: #151515;
box-shadow: 0 0 0;
display: none;
}
.product-mobile-layout .summary > .variations_form {
padding: 0 15px;
}
.product-mobile-layout .detail-content .summary .entry-title {
padding-left: 20px;
background: #fff;
line-height: 24px;
padding-right: 30px;
text-align: left;
color: #151515;
width: 100%;
padding-bottom: 10px;
margin-bottom: -2px;
font-size: 15px;
font-family: Jost500;
padding-top: 0;
max-width: 100%;
}
.sticky_detail.product-mobile-layout .theiaStickySidebar {
padding-bottom: 0px !important;
}
.product-mobile-layout div.star-rating.no-rate {
width: auto;
margin-bottom: -15px;
font-size: 12px;
background: #fff;
text-align: left;
padding: 0 20px 13px;
}
.product-mobile-layout .summary .woocommerce-product-rating .woocommerce-review-link {
width: auto;
}
.product-mobile-layout .detail-content .summary .price {
background-color: #fff;
width: 100%;
padding-bottom: 15px;
margin-bottom: 15px;
padding-left: 20px;
line-height: 20px;
padding-top: 0;
text-align: left;
}
.product-mobile-layout .summary .brand-product {
background: #fff;
border-top: none;
padding-top: 20px;
display: block;
padding-left: 20px;
padding-bottom: 20px;
}
.single-product-mobile .shop-page .slider_images .brand-product ul,
.single-product-mobile .shop-page .big_images .brand-product ul {
display: inherit;
}
.product-mobile-layout .summary .brand-product + .woocommerce-product-details__short-description{
padding-top: 0;
}
.product-mobile-layout .detail-content .summary .price ins, .product-mobile-layout .detail-content .summary .price del {
padding-right: 10px;
}
.product-mobile-layout .woocommerce-tabs::before {
display: none;
}
.product-mobile-layout .detail-content .summary .price del {
color: #333;
font-size: 14px;
padding: 0;
}
.product-mobile-layout .detail-content .summary .quantity {
width: 80px;
display: inline-block;
margin: 0 10px 0 0 !important;
padding: 0;
background: #fff;
}
.product-mobile-layout .summary .cart .quantity .input-qty {
font-weight: 600;
color: #151515;
height: 54px;
font-size: 16px;
line-height: 50px;
text-align: left;
padding: 0 0 0 20px;
border: none;
float: left;
width: 50px;
}
.product-mobile-layout .detail-content .summary .product_title + .quantity {
margin-top: 15px;
}
.product-mobile-layout .summary .woocommerce-product-details__short-description {
margin-bottom: 20px;
}
.product-mobile-layout .detail-content .summary .quantity .control {
font-size: 15px;
width: 100%;
display: inline-block;
}
.product-mobile-layout.sticky_detail .main-content-product {
padding-bottom: 0;
}
.product-mobile-layout .summary .woocommerce-product-details__short-description {
margin-bottom: 15px;
background: #fff;
border: none;
text-align: left;
padding: 20px;
}
.product-mobile-layout .woocommerce-product-details__short-description ul {
margin-bottom: 10px;
}
.product-mobile-layout form.cart.grouped_form {
background: #ffff;
padding: 15px;
}
.product-mobile-layout .summary .cart .quantity .btn-number {
font-size: 12px;
width: 20px;
height: 26px;
line-height: 40px;
position: absolute;
float: left;
text-align: center;
top: 0;
right: 8px;
}
.product-mobile-layout .summary .cart .quantity .btn-number.qtyminus {
text-align: center;
bottom: 0;
top: auto;
height: 26px;
line-height: 26px;
font-size: 12px;
background-color: white;
}
.product-mobile-layout .detail-content .summary .cart .single_add_to_cart_button {
width: calc(100% - 90px);
margin: 0;
}
.product-mobile-layout .woocommerce-product-details__short-description {
padding-left: 15px;
padding-right: 15px;
margin-bottom: 30px;
width: 100%;
}
.product-mobile-layout .detail-content .summary .woocommerce-product-details__short-description .title-s-desc {
display: none;
}
.product-mobile-layout div form.cart {
background: #fff;
display: inline-block;
width: 100%;
margin: 0 0 15px;
padding: 20px;
position: static;
}
.product-mobile-more-detail-wrap p.stock + form.cart {
padding: 15px 20px 20px;
}
.product-mobile-layout .summary a.fami-wccp-button {
padding-top: 20px;
justify-content: center;
display: none;
}
.product-mobile-layout .summary .cart .single_add_to_cart_button {
margin-bottom: 0;
}
.product-mobile-more-detail-wrap p.stock.in-stock {
margin: 0;
padding: 20px 0 5px;
width: 100%;
text-align: left;
}
.product-mobile-layout p.stock {
background: #fff;
padding: 10px;
text-align: center;
margin: 15px 20px;
max-width: inherit;
float: left;
line-height: 20px;
width: auto;
}
.product-mobile-layout p.stock.out-of-stock {
margin: 0 20px;
padding: 15px 0;
width: calc(100% - 40px);
border: 1px dashed;
}
p.stock.out-of-stock {
margin: 0;
padding: 15px 0; 
width: 100%;
border: 1px dashed;
}
.product-mobile-layout .summary .clear {
display: none;
}
.product-mobile-layout .detail-content .summary .add-to-cart {
display: none;
}
.product-mobile-layout .detail-content .summary .woocommerce-tabs {
background: #fff;
margin: 0;
padding: 0;
}
.product-mobile-layout .detail-content .summary .woocommerce-tabs .woocommerce-Tabs-panel {
margin-top: 0;
width: 100%;
padding: 20px;
}
.product-mobile-layout .detail-content .summary .woocommerce-tabs .woocommerce-Tabs-panel .vc_row {
width: 100% !important;
margin-left: 0;
margin-right: 0;
max-width: 100%;
padding-left: 0 !important;
left: auto !important;
padding-right: 0 !important;
right: auto !important;
padding-top: 0!important;
}
.product-mobile-layout .detail-content .summary .woocommerce-tabs .woocommerce-Tabs-panel h2 {
text-align: left;
margin-bottom: 15px;
font-size: 28px!important;
}
.product-mobile-layout .detail-content .summary .woocommerce-tabs .woocommerce-Tabs-panel .woocommerce-Reviews {
text-align: left;
}
.product-mobile-layout .detail-content .summary .woocommerce-tabs .woocommerce-Tabs-panel .comment-form .comment-form-comment {
margin-bottom: 18px;
}
.product-mobile-layout .detail-content .summary .woocommerce-tabs .woocommerce-Tabs-panel .comment-form .form-submit {
text-align: left;
}
.product-mobile-layout .detail-content .summary .woocommerce-tabs .woocommerce-Tabs-panel .commentlist .avatar {
float: left;
margin-right: 15px;
}
.product-mobile-layout .detail-content .summary .woocommerce-tabs .woocommerce-Tabs-panel .commentlist .comment-text {
width: auto;
}
.product-mobile-layout .detail-content .summary .woocommerce-tabs .woocommerce-Tabs-panel #review_form_wrapper {
margin-top: 20px;
}
.product-mobile-layout .detail-content .summary .woocommerce-tabs .woocommerce-Tabs-panel .comment-respond .comment-reply-title {
text-align: left;
margin-bottom: 15px;
}
.product-mobile-layout .summary tr.variation {
display: inline-block;
line-height: 30px;
padding: 0;
border-bottom: 1px solid #eaeaea;
width: 100%;
margin-bottom: 10px;
}
.product-mobile-layout .summary tr.variation:last-child {
margin: 0;
}
.product-mobile-layout .detail-content .summary tr.variation select[data-attributetype="box_style"] {
display: none;
width: auto;
}
.product-mobile-layout .detail-content .summary tr.variation td {
text-align: left;
width: 100%;
float: left;
height: auto;
display: inline-block;
padding: 0;
}
tr .value .data-val.attribute-pa_color {
margin-left: 4px;
}
.product-mobile-layout .summary .attribute-pa_size a.change-value:not(.color) {
border-radius: 0;
padding: 0;
min-width: 44px;
border-width: 2px;
height: auto;
border: 1px solid #cccccc;
line-height: 32px;
margin: 0 5px 5px 0;
padding: 0 5px;
}
.product-mobile-layout .summary .attribute-pa_size a.change-value.active:not(.color) {
border-color: #151515;
}
.product-mobile-layout.product-type-grouped .detail-content .summary .cart .group_table tr {
display: table-row;
}
.product-mobile-layout.product-type-grouped .detail-content .summary .cart .group_table tr .quantity {
border: 1px solid #b0b0b0;
padding: 2px;
height: 40px;
width: 82px;
}
.product-mobile-layout.product-type-grouped .detail-content .summary .cart .group_table tr td {
display: table-cell;
text-align: left;
}
.product-mobile-layout.product-type-grouped .detail-content .summary .cart .group_table tr td .qtyplus {
top: 7px;
}
.product-mobile-layout.product-type-grouped .detail-content .summary .cart .group_table tr td .qtyminus {
top: 20px;
}
.product-mobile-layout.product-type-grouped .detail-content .summary .cart .group_table tr td .input-qty {
height: auto;
line-height: 36px;
font-weight: 400;
padding: 0;
width: 40px;
font-size: 14px;
border: none;
text-align: center;
}
.product-mobile-layout .detail-content .summary .cart.grouped_form .single_add_to_cart_button {
width: 100%;
}
.product-mobile-layout.product-type-grouped .detail-content .summary td.price {
position: static;
transform: none;
-webkit-transform: none;
-ms-transform: none;
-moz-transform: none;
background-color: transparent;
color: #151515;
}
.product-mobile-layout.product-type-grouped .detail-content .summary ins .woocommerce-Price-amount.amount {
font-size: 16px;
}
.product-mobile-layout.product-type-grouped .detail-content .summary del .woocommerce-Price-amount.amount {
font-size: 12px;
}
.product-mobile-layout.product-type-grouped .summary .cart .group_table {
border: none;
margin: 20px 0;
}
.product-mobile-layout .product-toggle-more-detail {
text-transform: uppercase;
text-align: center;
width: 100%;
color: #151515;
background-color: #e9e9e9;
display: inline-block;
z-index: 1;
position: relative;
height: 52px;
line-height: 52px;
box-shadow: 0px -70px 55px #fff;
font-weight: 500;
}
.product-mobile-layout .product-toggle-more-detail.active {
box-shadow: 0 0 0;
}
.product-mobile-layout .product-toggle-more-detail:after {
font-family: Flaticon;
content: "\f108";
font-weight: 900;
margin-left: 10px;
display: inline-block;
}
.product-mobile-layout .product-toggle-more-detail.active:after {
transform: rotate(-180deg);
-webkit-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
-moz-transform: rotate(-180deg);
}
.product-mobile-layout .product-mobile-more-detail-wrap {
display: block !important;
width: 100%;
margin-top: 20px;
}
.product-mobile-layout .woocommerce-product-rating-clone .woocommerce-review-link {
line-height: 20px;
width: 100%;
}
.product-mobile-more-detail-wrap .variations_form {
display: none;
}
.product-mobile-layout .summary .yith-wcwl-add-to-wishlist a {
color: inherit;
font-size: 0;
}
.product-mobile-layout .summary .add_to_wishlist::before {
font-size: 16px;
}
.product-mobile-layout .detail-content {
text-align: center;
}
.product-mobile-layout div.famibt-wrap {
padding: 15px 20px 0;
border: none;
margin: 0;
background: #fff;
}
.product-mobile-layout h3.famibt-title {
margin-bottom: 30px;
padding-bottom: 15px;
}
.product-mobile-layout button.famibt-add-all-to-cart {
width: 100%;
}
.product-mobile-layout .famibt-wrap .famibt-products-wrap .famibt-product {
padding: 0 20px;
}
.product-mobile-layout .product-item form.variations_form {
position: static;
display: none;
}
.product-mobile-layout section.products.product-grid {
background: #fff;
padding-bottom: 5px;
margin-bottom: 15px;
padding: 0 20px 1px;
}
.product-mobile-layout .deals-in-wrap {
background: #fff;
padding: 15px 15px 0px;
display: inline-block;
margin-bottom: 15px;
width: 100%;
}
.woocommerce-product-gallery-wrap-clone ul.slick-dots {
position: absolute;
display: inline-block;
bottom: 5px;
text-align: left;
left: 16px;
width: 100%;
}
.woocommerce-product-gallery-wrap-clone ul.slick-dots > li {
width: 9px;
height: 9px;
position: relative;
padding: 0;
border-radius: 50%;
margin-left: 5px;
margin-right: 5px;
font-size: 0;
cursor: pointer;
overflow: hidden;
display: inline-block;
}
.woocommerce-product-gallery-wrap-clone ul.slick-dots > li.slick-active button,
.woocommerce-product-gallery-wrap-clone ul.slick-dots > li button:hover{
background-color: #151515;
}
.woocommerce-product-gallery-wrap-clone ul.slick-dots > li button {
background: rgba(0,0,0,.2);
width: 9px;
height: 9px;
padding: 0;
} .variable-mobile {
width: 100%;
display: none;
position: fixed;
left: 0;
bottom: 0;
background: #fff;
right: 0;
z-index: 9;
}
.product-mobile-layout .detail-content .summary .variable_mobile .price {
padding-bottom: 0;
margin-bottom: 0;
}
.variable-mobile .flex-control-nav.flex-control-thumbs {
display: none !important;
}
.variable_mobile ol.flex-control-nav.flex-control-thumbs {
display: none!important;
}
.zonex-content-single-product-mobile .product-mobile-layout .variable_mobile .woocommerce-product-gallery .flex-control-nav.flex-control-thumbs {
margin-top: 0;
padding-right: 0;
float: left;
width: 100px;
-webkit-transform: none;
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: none;
position: absolute;
height: 100px;
overflow: hidden;
left: 0;
display: inline-block;
top: 0;
z-index: 1;
}
.product-mobile-layout .detail-content .summary .variable_mobile .quantity {
width: auto;
display: inline-block;
margin-bottom: 5px;
border: none;
padding: 0 5px;
background: #fff;
height: auto;
line-height: 30px;
}
.product-mobile-layout .variable_mobile.cart .quantity .btn-number.qtyplus {
width: 40px;
height: 40px;
position: static;
border-radius: 50%;
line-height: 39px;
border: none;
font-size: 20px;
padding: 0;
letter-spacing: -1px;
margin: 0 10px;
background: #e9e9e9;
}
.product-mobile-layout .variable_mobile.cart .quantity .btn-number.qtyminus {
width: 40px;
height: 40px;
position: static;
border-radius: 50%;
line-height: 38px;
letter-spacing: 0;
padding: 0;
border: none;
font-size: 30px;
text-align: center;
margin: 0 10px;
background: #e9e9e9;
}
.product-mobile-layout .summary .woocommerce-variation-price{
margin-top: 0;
}
.summary .variable_mobile.cart .quantity .input-qty {
font-weight: 600;
color: #151515;
width: 40px;
padding: 0 5px;
font-size: 13px;
line-height: 34px;
text-align: center;
float: left;
border-radius: 50%;
height: 40px;
border: 2px solid #aaa;
}
.variable_mobile .woocommerce-variation.single_variation {
display: inline-block;
width: 100%;
}
body.single-product .variable_mobile div.woocommerce-product-gallery {
position: relative;
overflow: hidden;
width: 100px;
margin-top: -30px;
float: left;
}
.variable_mobile .single_variation_wrap {
overflow: hidden;
min-height: 90px;
margin: 0;
}
.product-mobile-layout .variable_mobile .detail-content .summary .price {
margin: 0;
padding: 0;
}
div.summary .variable_mobile .price .woocommerce-Price-amount.amount {
font-size: 18px;
}
div.summary .variable_mobile .price del .woocommerce-Price-amount.amount {
font-size: 13px;
}
.variable_mobile_show .body-overlay {
opacity: 1;
visibility: visible;
}
.product-mobile-layout form.cart.variable_mobile.show-box-content {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
visibility: visible;
opacity: 1;
}
.variable_mobile_show .body-overlay {
opacity: 1;
visibility: visible;
display: none;
}
.single.variable_mobile_show .body-overlay {
display: block;
}
.product-mobile-layout form.cart.variable_mobile {
position: fixed;
-webkit-transform: translateY(20px);
-moz-transform: translateY(20px);
-ms-transform: translateY(20px);
-o-transform: translateY(20px);
transform: translateY(20px);
left: 0;
right: 0;
opacity: 0;
bottom: 0;
z-index: 999999;
padding: 10px 15px 15px;
margin: 0;
visibility: hidden;
transition: opacity 0.3s linear, opacity 0.3s linear, transform 0.3s linear;
-o-transition: opacity 0.3s linear, visibility 0.3s linear, -o-transform 0.3s linear;
-webkit-transition: opacity 0.3s linear, visibility 0.3s linear, -webkit-transform 0.3s linear;
}
.product-mobile-layout .variations_form a.reset_variations {
position: static;
margin: 10px 0 0;
padding: 0 15px 0 0;
font-size: 10px;
float: left;
line-height: 30px;
height: 30px;
}
.product-mobile-layout .summary a.change-value.photo {
width: 24px;
border-radius: 50%;
position: relative;
height: 24px;
border: none;
margin: 7px 14px 7px 0;
padding: 0;
}
.single div .variable_mobile a.change-value.color {
margin: 3px 12px 12px 0;
}
button.single_add_to_cart_button-clone.button {
line-height: 30px;
height: auto;
margin-top: 10px;
float: right;
font-size: 10px;
color: #fff;
}
button.single_add_to_cart_button-clone.button::before{ 
font-family: 'FontAwesome', sans-serif;
font-size: 13px;
display: inline-block; 
position: relative;
margin-right: 10px;
top: 0px;
}
button.single_add_to_cart_button-clone.button.loading::before {
content: "\f110";
-webkit-animation: spin 1s infinite steps(8);
animation: spin 1s infinite steps(8);
font-size: 12px;
top: 1px;
width: 20px;
}
button.single_add_to_cart_button-clone.button.added::before {
content: "\f116";
font-family: Flaticon;
}
.variable_mobile tr.variation label {
font-size: 10px;
line-height: 36px;
}
.variable_mobile tr.variation td.variation-title label::after {
display: none;
}
.toggle-variations-select-mobile {
width: 100%;
background: #fff;
text-align: left;
padding: 13px 20px;
margin-bottom: 15px;
line-height: 20px;
font-size: 10px;
text-transform: uppercase;
font-family: Jost600;
display: inline-block;
color: #151515;
}
.brand-product + .toggle-variations-select-mobile {
margin-top: 15px;
}
.toggle-variations-select-mobile::before {
content: "\f105";
float: right;
font-family: 'Fontawesome';
font-size: 16px;
}
.variable_mobile_show {
overflow-y: hidden;
margin: 0 !important;
}
a.close-box-content {
position: absolute;
top: -30px;
right: 10px;
font-size: 10px;
color: #fff;
} .woocommerce-tabs-mobile {
margin-top: 15px;
}
.tabs-mobile-content a.button-togole {
line-height: 50px;
background: #fff;
display: inline-block;
width: 100%;
margin-bottom: 15px;
font-family: Jost600;
font-size: 10px;
padding: 0 20px;
text-align: left;
text-transform: uppercase;
letter-spacing: 1px;
color: #151515;
}
.tabs-mobile-content a.button-togole::before {
content: "\f105";
float: right;
font-family: 'Fontawesome', sans-serif;
font-size: 16px;
}
.tabs-mobile-content h2.woocommerce-Reviews-title {
font-size: 25px;
margin-bottom: 0;
}
.content-tab-element {
position: fixed;
background: #fff;
top: 0;
width: 100%;
bottom: 0;
right: 0;
left: 0;
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
z-index: 868686;
transition: transform 0.5s ease 0s;
-o-transition: -o-transform 0.5s ease 0s;
-webkit-transition: -webkit-transform 0.5s ease 0s;
}
.tab-show .content-tab-element {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.content-tab-element .content-des > h2 {
display: none;
}
button.close-tab {
background: transparent;
height: auto;
top: 0;
width: 50px;
border-right: 1px solid #e5e5e5;
line-height: 50px;
position: absolute;
left: 0;
}
button.close-tab::before {
font-size: 22px;
content: "\f104";
font-family: 'Fontawesome', sans-serif;
color: #333;
}
h3.title-tab {
text-align: center;
border-bottom: 1px solid #e5e5e5;
font-size: 20px;
background: #fff;
padding: 15px 5px;
margin: 0;
}
.content-des {
padding: 20px;
overflow-x: hidden;
text-align: left;
overflow-y: scroll; 
height: calc(100% - 54px);
}
.content-des h2.vc_custom_heading {
font-size: 28px!important;
}
.vc_custom_heading strong {
font-family: Jost500;
font-weight: 400;
}
h6.vc_custom_heading strong {
font-family: Jost700;
}
h1.vc_custom_heading {
font-family: Jost700;
}
h6.vc_custom_heading {
font-family: Jost300;
}
.vc_custom_heading br {
display: none;
}
html.body-hide {
overflow: hidden;
}
.content-des th p, .content-des td p {
margin: 0;
}
.content-des table.shop_attributes {
color: #333;
}
.content-des #review_form_wrapper {
margin-top: 20px;
margin-left: 0;
}
.content-des .comment-respond .comment-reply-title {
position: relative;
font-size: 16px;
text-align: left;
display: inline-block;
letter-spacing: 0;
font-weight: 600;
width: 100%;
text-transform: CAPITALIZE;
color: #151515;
}
.add-to-cart-fixed-btn {
position: fixed;
z-index: 10000;
width: 100%;
left: 0;
bottom: 0;
margin: 0;
padding: 0;
border-radius: 0;
font-weight: 500;
line-height: 40px;
display: none;
}
.add-to-cart-fixed-btn .icon {
margin-right: 10px;
} .single-product-mobile .summary .wc-tabs {
margin: 0;
white-space: nowrap;
width: 100%;
padding: 0 5px;
display: inline-block;
overflow-x: auto;
text-align: left;
}
.single-product-mobile .summary .wc-tabs li {
margin: 0 15px;
}
.single-product-mobile .summary .wc-tabs li a {
width: 100%;
padding: 5px 0;
}
.single-product-mobile .summary .wc-tabs li a:before {
border-bottom: 1px solid #e5e5e5;
}
.single-product-mobile .summary .wc-tabs li:hover a, .single-product-mobile .summary .wc-tabs li.active a {
color: #151515;
border-bottom: 2px solid;
}
.single-product-mobile .woocommerce-Tabs-panel .container {
padding: 0!important;
}
.single-product-mobile .summary .wc-tabs li:hover a:before, .single-product-mobile .summary .wc-tabs li.active a:before {
border-bottom: 1px solid #eee;
}
.single-product-mobile .woocommerce-Tabs-panel .vc_row .vc_column-inner {
width: 100% !important;
padding-left: 0 !important;
padding-right: 0 !important;
}
.single-product-mobile .big_images .woocommerce-variation-add-to-cart {
float: none;
}
.single-product-mobile .big_images .single_variation_wrap {
text-align: center;
}
.single-product-mobile .zonex-single-add-to-cart-btn.add-to-cart-fixed-btn .icon {
font-size: 24px;
top: 3px;
position: relative;
}
.single-product-mobile .comment-form-wrap{
margin: 0;
}
.single-product-mobile .comment-form-wrap .col-md-3,.single-product-mobile .comment-form-wrap .col-md-4 {
display: none;
}
.single-product-mobile .summary .woocommerce-product-rating {
padding-bottom: 8px;
margin: 0 0 -15px;
background: #fff;
line-height: 18px;
padding-left: 20px;
width: 100%;
text-align: left;
}
.single-product-mobile .summary .woocommerce-Reviews .woocommerce-product-rating {
width: 160px;
padding: 0;
display: table;
margin: 20px auto;
text-align: center;
float: none;
}
.single-product-mobile .comment-form .form-submit .submit {
min-width: 100%;
margin-bottom: 20px !important;
}
.single-product-mobile .deal-add-to-cart {
display: none;
}
.single-product-mobile .woocommerce-product-gallery .flex-control-nav.flex-control-thumbs > li {
width: 50px;
padding: 2px
}
.product-mobile-layout.slider_images .single-left .woocommerce-product-gallery.woocommerce-product-gallery--with-images .flex-control-nav > li:after {
display: none
}
.single-product.single-product-mobile .responsive_js_composer_custom_css_1877412332 {
display: none;
}
.single-product.single-product-mobile footer {
background: #fff;
}
.content-des .comment-form-rating p.stars {
top: 2px;
position: relative;
} .zonex-content-single-product-mobile.layout-variation-show {
background: #fff;
}
.layout-variation-show .product-mobile-layout form.cart.variable_mobile.show-box-content::before{
display:none;
}
.layout-variation-show .product-mobile-layout div form.cart.variable_mobile {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
position: relative;
-o-transform: translateY(0);
transform: translateY(0);
visibility: visible;
margin: 15px 0;
opacity: 1;
z-index: 10;
}
.layout-variation-show .product-mobile-layout .summary .attribute-pa_size a.change-value:not(.color) {
margin: 5px 5px 0 0;
}
.layout-variation-show .product-mobile-layout .summary .brand-product {
margin-bottom: 20px;
}
.layout-variation-show a.close-box-content {
display: none;
}
.layout-variation-show a.toggle-variations-select-mobile {
display: none;
}
.layout-variation-show .product-mobile-layout div.detail-content .summary .variable_mobile .quantity {
padding: 5px;
line-height: 10px;
}
.layout-variation-show .product-mobile-layout .variable_mobile .flex-viewport {
border: 1px solid #e5e5e5;
}
.zonex-content-single-product-mobile .social-share-product {
display: none;
}
.layout-variation-show .product-mobile-layout .detail-content .summary .price {
padding-bottom: 0;
margin-bottom: 0;
}
.layout-variation-show .product-mobile-layout .summary .woocommerce-product-details__short-description {
padding: 10px 20px 0;
margin: 0;
}
.layout-variation-show .single_variation_wrap {
margin-top: 0;
display: inline-block;
width: 100%;
}
.layout-variation-show .product-mobile-layout .detail-content .summary .entry-title {
font-size: 24px;
padding-top: 5px;
padding-bottom: 18px;
}
.layout-variation-show .product-mobile-layout .detail-content .summary .price {
margin-top: 25px;
}
.zonex-content-single-product-mobile .social-share-product {
margin-top: 3px;
width: 44px;
height: 44px;
background: #151515;
color: #fff;
line-height: 44px;
font-size: 0;
border-radius: 50%;
position: absolute;
top: 80px;
left: 20px;
z-index: 1;
margin: 0;
padding: 0;
}
.zonex-content-single-product-mobile .single-left .social-share-product {
display: block;
width: 40px;
top: 75px;
height: 40px;
line-height: 40px;
background: #fff;
color: #151515;
box-shadow: 0 2px 6px rgba(0,0,0,.1);
}
.zonex-content-single-product-mobile .social-share-product.social-toggle {
border-radius: 20px 20px 0 0;
}
.zonex-content-single-product-mobile .zonex-social-product {
position: absolute;
margin-left: 0;
cursor: pointer;
top: 100%;
line-height: 40px;
left: 0;
padding: 13px 0 0;
background: #fff;
border-radius: 0 0 20px 20px;
margin-top: -10px;
display: none;
width: 40px;
box-shadow: 0 15px 25px rgba(0,0,0,.15);
}
.zonex-content-single-product-mobile .zonex-social-product a {
color: #151515;
font-weight: 400;
margin: 0 6px!important;
display: inline-block;
width: 30px;
line-height: 32px;
font-size: 17px;
background: transparent;
border-radius: 50%;
height: 30px;
text-align: center;
}
.zonex-content-single-product-mobile .zonex-social-product a:hover {
opacity: 0.8;
}
.zonex-content-single-product-mobile .social-share-product-title {
float: left;
font-size: 0;
width: 100%;
text-transform: uppercase;
text-align: center;
margin-right: 0;
height: 40px;
line-height: 40px;
}
.zonex-content-single-product-mobile .sinigle-left .social-share-product{
display: block;
}
.zonex-content-single-product-mobile .social-share-product-title::before {
content: "\e927";
font-family: kazen-font;
font-size: 16px;
display: inline-block;
}
.zonex-content-single-product-mobile .social-toggle .social-share-product-title::before {
content: "\e90c";
}
.zonex-content-single-product-mobile .yith-wcwl-add-to-wishlist {
font-size: 0;
display: inline-block;
width: 40px;
height: 40px;
line-height: 44px;
text-align: center;
background: #fff;
margin: 0;
box-shadow: 0 2px 6px rgba(0,0,0,.1);
color: #151515;
position: absolute;
top: 20px;
z-index: 1;
left: 20px;
border-radius: 50%;
}
.layout-variation-show .product-mobile-layout div form.cart {
margin: 0;
padding: 0 20px;
} 
.layout-variation-show .summary table.variations {
border: none;
margin-top: 0;
margin-bottom: 0;
}
.layout-variation-show .product-mobile-layout .variations_form a.reset_variations {
margin: 0;
padding: 0 15px 0 0;
color: #d24242;
height: 12px;
line-height: 12px;
}
.layout-variation-show .product-mobile-layout .summary tr.variation {
border-bottom: none;
margin-bottom: 0;
}
.layout-variation-show .product-mobile-layout .detail-content .summary tr.variation select[data-attributetype="box_style"] {
display: inline-block;
}
.layout-variation-show .product-mobile-layout .detail-content .summary .quantity {
width: 100%;
margin: 0 0 10px 0 !important;
}
.layout-variation-show .product-mobile-layout .detail-content .summary .single_variation_wrap .price {
margin-top: 15px;
padding: 0;
}
.layout-variation-show .product-mobile-layout .summary .cart .quantity .btn-number {
text-align: center;
bottom: 0;
top: auto;
height: 26px;
padding: 0;
line-height: 26px;
position: static;
font-size: 12px;
width: 50px;
background-color: white;
}
.layout-variation-show .product-mobile-layout .detail-content .summary .quantity .control {
display: flex;
}
.layout-variation-show .product-mobile-layout .summary .cart .quantity .input-qty {
text-align: center;
border: none;
float: none;
width: 50px;
}
.layout-variation-show .product-mobile-layout .detail-content .summary .cart .single_add_to_cart_button {
width: 100%;
margin: 0;
}
.layout-variation-show .tabs-mobile-content a.button-togole{
background-color: #f8f8f8;
} .shop-page-mobile .products_list-size-3 .product-item {
width: 100%;
}
.shop-page-mobile .products_list-size-3 .product-item .product-info {
text-align: center;
padding-left: 15px;
padding-right: 15px;
}
.shop-page-mobile .products_list-size-3 .product-item .star-rating {
margin: 0 auto;
}
.shop-page-mobile .products_list-size-3 .product-item .star-rating::before,
.shop-page-mobile .products_list-size-3 .product-item .star-rating span::before {
padding-left: 3px;
}
.woocommerce-cart-form .variation {
margin-bottom: 0;
} .enable-shop-page-mobile .woocommerce-page-header {
margin: 0 -13px;
}
.enable-shop-page-mobile .woocommerce-page-header ul {
min-width: 0;
}
.enable-shop-page-mobile .woocommerce-page-header ul .line-hover:first-child {
margin-left: 0;
}
.woocommerce-cart-form-mobile .shop_table_mobile {
border: none;
}
.woocommerce-cart-form-mobile .shop_table_mobile tr {
position: relative;
padding: 15px 0;
}
.woocommerce-cart-form-mobile .shop_table_mobile tr:first-child {
padding-top: 0;
}
.woocommerce-cart-form-mobile .shop_table_mobile tr::after {
bottom: 0;
}
.shop_table_mobile .product-thumbnail {
width: 75px;
}
.woocommerce-cart-form-mobile .shop_table_mobile td.product-name {
padding-left: 15px;
}
.woocommerce-cart-form-mobile .shop_table_mobile td {
position: relative;
padding: 20px 0;
}
.shop_table_mobile .product-info {
width: calc(100% - 115px);
margin: 0;
}
table.shop_table_mobile thead {
background-color: transparent;
text-transform: uppercase;
font-size: 10px;
font-family: Jost500;
color: #151515;
}
table.shop_table_mobile thead th {
border-top: none;
}
.shop_table_mobile .product-info > a {
display: block;
font-size: 15px;
margin-top: -5px;
margin-bottom: 0;
font-weight: 500;
}
.shop_table_mobile .product-info .product-price {
display: block;
font-size: 15px;
color: #6d6d6d;
margin-bottom: 10px;
}
.shop_table_mobile .product-info .quantity {
display: inline-block;
height: 46px;
float: right;
margin: 0;
}
.cart.shop_table_mobile .quantity .input-qty {
height: 44px;
width: 40px;
border-bottom: none;
border-top: none;
}
.cart.shop_table_mobile .quantity a.btn-number {
width: 40px;
height: 22px;
line-height: 24px;
}
.shop_table_mobile .product-info .quantity .control {
display: flex;
flex-direction: column;
}
.enable-shop-page-mobile .product-remove .remove {
font-size: 16px !important;
width: 24px;
height: 24px;
display: inline-block;
text-align: center;
line-height: 23px;
background: #151515;
border: none;
color: #fff;
position: absolute;
top: 45%;
left: -10px;
border-radius: 50%;
transform: translateY(-50%);
}
.enable-shop-page-mobile .cart .product-name a {
font-size: 13px;
line-height: 20px;
margin-bottom: 6px;
font-family: Jost500;
}
.enable-shop-page-mobile .cart .woocommerce-Price-amount.amount {
font-size: 13px;
margin: 0;
}
.enable-shop-page-mobile .woocommerce .wishlist_table tr td {
float: none;
}
.product-remove .remove span {
font-size: 0;
}
.enable-shop-page-mobile .product-remove .remove span {
text-transform: uppercase;
font-weight: 500;
letter-spacing: 0.1em;
color: #ff0000;
font-size: 11px;
text-decoration: underline;
padding-left: 9px;
}
.woocommerce-cart-form-mobile .actions .actions-btn {
padding-bottom: 26px;
position: relative;
margin-bottom: 8px;
}
.woocommerce-cart-form-mobile div.actions .coupon .input-text {
width: 200px!important;
margin-right: 15px;
float: left;
text-align: left;
}
.woocommerce-cart-form-mobile .actions div.coupon .button {
width: calc(100% - 215px);
margin: 0;
}
.woocommerce-cart-form-mobile .actions {
margin-bottom: 5px;
}
.woocommerce-cart-form-mobile .actions .actions-btn .button {
width: 100%;
}
.woocommerce-cart-form-mobile .actions .actions-btn .shopping {
width: 100%;
background-color: transparent;
border: 1px solid;
color: #151515;
line-height: 56px;
margin: 0;
font-weight: 600;
}
.woocommerce-cart-form-mobile .actions .actions-btn .shopping:hover {
background-color: #151515;
border-color: #151515;
color: #fff;
}
.woocommerce-cart-form-mobile .actions .coupon {
padding:0;
border: none;
display: inline-block;
position: relative;
width: 100%;
}
.woocommerce-cart-form-mobile .actions .coupon label {
text-align: left;
text-decoration: none;
font-size: 14px;
letter-spacing: 0.1em;
font-weight: 600;
}
.woocommerce-cart-form-mobile .actions .coupon .button {
margin-top: 20px;
}
.woocommerce-cart-form-mobile ~ .cart-collaterals .cart_totals {
border: none;
padding: 15px 25px;
}
.woocommerce-cart-form-mobile ~ .cart-collaterals .cart_totals h2 {
display: none;
}
.woocommerce-cart-form-mobile ~ .cart-collaterals .wc-proceed-to-checkout .checkout-button {
width: calc(100% - 50px);
position: absolute;
left: 25px;
right: 25px;
}
.woocommerce-cart-form-mobile ~ .cart-collaterals .wc-proceed-to-checkout {
height: 54px;
}
.woocommerce-cart-form-mobile ~ .cart-collaterals .cart_totals .shop_table tr {
overflow: hidden;
}
.woocommerce-cart-form-mobile ~ .cart-collaterals .cart_totals .shop_table tr p {
margin-bottom: 0;
}
.woocommerce-cart-form-mobile ~ .cart-collaterals .cart_totals .shop_table tr strong {
font-weight: normal;
}
.woocommerce-cart-form-mobile ~ .cart-collaterals .cart_totals .shop_table tr th,
.woocommerce-cart-form-mobile ~ .cart-collaterals .cart_totals .shop_table tr td {
padding: 10px 0;
float: left;
width: auto;
font-size: 10px;
font-weight: 600;
}
.woocommerce-cart-form-mobile ~ .cart-collaterals .cart_totals .shop_table tr.shipping td {
font-size: 13px;
}
.woocommerce-cart-form-mobile ~ .cart-collaterals .cart_totals .shop_table tr.order-total th {
text-transform: capitalize;
}
.order-total .woocommerce-Price-amount.amount {
font-size: 18px;
}
.woocommerce-cart-form-mobile ~ .cart-collaterals .cart_totals .shop_table tr th {
width: 90px !important;
text-align: left;
border: none;
text-transform: uppercase;
}
.woocommerce-cart-form-mobile ~ .cart-collaterals .cart_totals .shop_table tr td {
width: calc(100% - 90px) !important;
text-align: right;
border: none;
display: block;
}
.woocommerce-cart-form-mobile ~ .cart-collaterals form.woocommerce-shipping-calculator section.shipping-calculator-form {
width: 100%;
max-width: 100%;
float: right;
}
.woocommerce-cart-form-mobile ~ .cart-collaterals form .select2-container--default .select2-selection--single {
text-align: left;
}
.woocommerce-cart-form-mobile ~ .cart-collaterals .cart_totals .shop_table .shipping-calculator-button {
padding-top: 10px;
font-size: 10px;
}
@media (max-width: 767px) {
.enable-shop-page-mobile .woocommerce-page-headermid {
padding-bottom: 25px;
padding-top: 40px;
}
.enable-shop-page-mobile .page-main-content {
padding: 0 0 35px 0;
}
div.zonex-products.text-center .product-item .product-title {
margin-top: 10px;
font-weight: 400;
letter-spacing: 0;
margin-bottom: 5px;
text-align: left;
text-transform: none;
}
div.zonex-products .product-inner .price, div.zonex-products.text-center .product-item .star-rating {
text-align: left;
}
div.zonex-products.text-center .product-item .star-rating {
margin-left: 0;
}
div.famibt-wrap div.famibt-products-wrap .famibt-product .famibt-product-title {
min-height: 48px;
}
nav.woocommerce-pagination .page-numbers.prev,
nav.woocommerce-pagination .page-numbers.next {
font-size: 0px!important;
padding: 0 15px;
}
div a.next.page-numbers::before {
top: 0px;
margin-left: 0px;
}
div a.prev.page-numbers::before {
top: 0px;
margin-right: 0px;
}
div div ul.page-numbers li {
margin-bottom: 5px;
}
.prdctfltr_sc.prdctfltr_sc_products {
margin: 0!important;
}
div .widget-area.sidebar-blog {
padding-left: 0;
}
body.zonex-none-mobile-device .woocommerce table.shop_table.wishlist_table tr td.product-remove {
position: absolute;
top: 0;
right: 0;
text-align: center;
padding: 0;
width: 40px!important;
}
} .enable-shop-page-mobile .wishlist-title {
display: none;
}
.enable-shop-page-mobile .woocommerce .wishlist_table {
border: none;
margin-bottom: 0;
}
.enable-shop-page-mobile h2.title-wishlist {
text-align: center;
display: table;
margin: -10px auto 10px;
border-bottom: 2px solid;
}
.enable-shop-page-mobile .woocommerce .wishlist_table tr {
display: inline-block;
padding-bottom: 15px;
margin-bottom: 20px;
text-align: left;
width: 100%;
position: relative;
overflow: visible;
border: none;
}
.enable-shop-page-mobile .woocommerce .wishlist_table thead tr::before {
border-bottom: 2px solid #ebebeb;
}
.enable-shop-page-mobile .woocommerce .wishlist_table tr::before {
content: '';
border-bottom: 1px solid #ebebeb;
width: 100vw;
position: absolute;
bottom: 0;
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
}
.enable-shop-page-mobile .woocommerce .wishlist_table tr:last-child::before{
display: none;
}
body.enable-shop-page-mobile .woocommerce table.shop_table.wishlist_table thead th {
padding: 0;
margin: 0;
}
.enable-shop-page-mobile .woocommerce .wishlist_table tr td {
border: none;
padding: 0;
text-align: left;
display: inline;
width: 100%;
}
.enable-shop-page-mobile .woocommerce .wishlist_table tr td.product-stock-status {
display: inline;
}
body.enable-shop-page-mobile .woocommerce table.shop_table.wishlist_table thead {
display: inline-block;
width: 100%;
height: 34px;
margin-bottom: 20px;
position: relative;
}
body.enable-shop-page-mobile .woocommerce table.shop_table.wishlist_table thead tr{
border-bottom: 2px solid #e3e3e3;
padding: 0;
height: 36px;
margin: 0;
}
.enable-shop-page-mobile .woocommerce .wishlist_table tr td:first-child {
float: left;
width: 100px !important;
padding: 0 0 18px;
}
.enable-shop-page-mobile .woocommerce .wishlist_table tr td.wishlist-empty {
margin: 0;
display: inline-block;
width: 100% !important;
}
.enable-shop-page-mobile .woocommerce .wishlist_table tr .product-name {
display: block;
font-size: 15px;
margin-top: -5px;
margin-bottom: 0;
}
.enable-shop-page-mobile .woocommerce table.shop_table.wishlist_table tr td.product-name {
overflow: visible;
}
.enable-shop-page-mobile .woocommerce .wishlist_table tr .product-price {
display: block;
font-size: 13px;
color: #858585;
clear: none;
overflow: hidden;
line-height: 24px;
height: 24px;
width: 50%!important;
}
.enable-shop-page-mobile .woocommerce .wishlist_table tr td.product-name a {
margin-bottom: 0;
width: 100%;
overflow: hidden;
text-overflow: ellipsis;
display: inline;
white-space: normal;
}
.enable-shop-page-mobile .woocommerce .wishlist_table tr td.product-name a.button.yith-wcqv-button {
display: none;
}
.enable-shop-page-mobile .woocommerce .wishlist_table label {
color: inherit;
font-weight: 400;
}
.enable-shop-page-mobile .wishlist_table tr td.product-stock-status > span.wishlist-in-stock {
padding: 0;
}
.enable-shop-page-mobile .woocommerce .wishlist_table .product-add-to-cart {
margin-top: 15px;
}
.enable-shop-page-mobile .woocommerce .wishlist_table .product-add-to-cart .add_to_cart::before {
display: none;
}
.enable-shop-page-mobile .woocommerce .wishlist_table .product-add-to-cart .add_to_cart {
width: 100%;
font-size: 10px;
float: left;
text-align: center;
height: 44px;
line-height: 44px;
margin-top: 15px;
}
.enable-shop-page-mobile form#yith-wcwl-form {
padding: 0;
}
.enable-shop-page-mobile .woocommerce .wishlist_table .product-remove {
padding: 0;
}
.enable-shop-page-mobile .woocommerce .wishlist_table .product-remove .remove {
position: absolute;
bottom: 0;
right: 0;
color: #fff;
border: none;
}
.enable-shop-page-mobile .shop_table tr td.product-stock-status > span {
padding: 7px 12px;
text-align: center;
width: auto;
margin-bottom: 10px;
}
.enable-shop-page-mobile .woocommerce .wishlist_table tfoot tr {
padding-bottom: 0;
margin-bottom: 0;
}
.enable-shop-page-mobile .woocommerce .wishlist_table tfoot tr td:first-child {
width: 100% !important;
text-align: center;
}
.enable-shop-page-mobile .woocommerce .wishlist_table tfoot tr::before {
display: none;
}
.enable-shop-page-mobile .woocommerce .wishlist_table tfoot .yith-wcwl-share {
margin-bottom: 0;
}
.enable-shop-page-mobile .woocommerce .wishlist_table tfoot .yith-wcwl-share h4.yith-wcwl-share-title {
text-transform: uppercase;
font-size: 16px;
font-weight: 500;
margin: 2px 0 17px 0;
}
.enable-shop-page-mobile .woocommerce table.wishlist_table tr td.product-remove {
width: 24px !important;
height: 24px !important;
line-height: 24px;
padding: 0 !important;
margin: 0;
text-align: center;
position: absolute;
top: 35px;
left: -12px;
z-index: 1;
border-radius: 50%;
background-color: #151515;
}
.enable-shop-page-mobile .woocommerce table.wishlist_table tr td.product-remove a {
display: block !important;
width: 100% !important;
height: 100% !important;
line-height: 41px;
}
@media (min-width: 768px) {
.shop-page-mobile .products_list-size-3 .product-item .product-thumb {
float: left;
}
.shop-page-mobile .products_list-size-3 .product-item .product-info {
margin-top: 0;
padding: 20px;
text-align: left;
}
.shop-page-mobile .products_list-size-3 .product-item .product-info .star-rating {
margin-left: 0;
}
.shop-page-mobile .products_list-size-3 .product-item .product-info .star-rating:before, .shop-page-mobile .products_list-size-3 .product-item .product-info .star-rating span:before {
padding-left: 0;
}
.shop-page-mobile .products_list-size-3 .product-item .onsale, .shop-page-mobile .products_list-size-3 .product-item .onnew {
position: absolute;
z-index: 2;
top: 0;
}
.shop-page-mobile .products_list-size-3 .product-item .onsale {
left: 15px;
}
.shop-page-mobile .products_list-size-3 .product-item .onnew {
right: 15px;
}
.product-mobile-layout div.detail-content .summary .cart .single_add_to_cart_button {
max-width: inherit;
margin-left: 0;
margin-right: 0;
}
.product-mobile-layout .woocommerce-variation-add-to-cart {
width: calc(100% - 283px);
float: left;
}
.product-mobile-layout .summary .yith-wcwl-add-to-wishlist {
clear: none;
}
.main-single-content .nav-links {
display: flex;
justify-content: space-between;
}
.zonex-blog.style-02 .blog-item:last-child {
border-bottom: none;
margin-bottom: 0;
}
#popup-newsletter div.modal-content {
width: 100%;
}
#popup-newsletter .modal-dialog {
width: 700px;
}
}  .vertical-menu-open .vertical-menu-overlay {
left: 0;
}
.vertical-menu-overlay {
position: fixed;
top: 0;
bottom: 0;
right: 0;
height: 100vh;
background-color: rgba(45, 51, 55, 0.66);
z-index: 10;
} .close-vertical-menu {
display: none;
width: 20px;
height: 20px;
color: #151515;
position: relative;
cursor: pointer;
margin-left: 46px;
margin-bottom: 140px;
}
.close-vertical-menu:hover {
color: #ff3636;
}
.close-vertical-menu::before,
.close-vertical-menu::after {
border-bottom: 2px solid;
content: "";
position: absolute;
top: 9px;
left: -2px;
width: 24px;
}
.close-vertical-menu::before {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.close-vertical-menu::after {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.menu-scroll {
height: -webkit-calc(100vh - 395px);
height: -moz-calc(100vh - 395px);
height: calc(100vh - 395px);
padding-bottom: 50px;
}
.menu-scroll .scrollbar-macosx {
height: -webkit-calc(100vh - 405px);
height: -moz-calc(100vh - 405px);
height: calc(100vh - 405px);
}
.menu-scroll-inner {
width: 100%;
overflow-x: hidden;
} .vertical-menu .main-navigation .main-menu .menu-item .submenu {
display: none;
}
.vertical-menu .main-navigation .main-menu > .menu-item > .submenu {
padding: 20px 0 0 40px;
border-bottom: 1px solid #eae7e7;
}
.vertical-menu .main-navigation .main-menu .menu-item .submenu .submenu {
padding-left: 17px;
}
.vertical-menu .main-navigation .main-menu .menu-item .submenu .submenu li:first-child {
margin-top: 4px;
}
.vertical-menu .main-navigation .main-menu > .menu-item > .submenu > li:first-child {
margin-top: 10px;
}
.vertical-menu .main-navigation .main-menu > .menu-item > .submenu > li:last-child {
margin-bottom: 10px;
}
.vertical-menu .main-navigation .main-menu > .menu-item > a {
display: inline-block;
width: 100%;
padding: 18px 40px;
border-bottom: 1px solid #eae7e7;
}
.vertical-menu .main-navigation .main-menu > .menu-item:last-child > a {
border-bottom: none;
}
.vertical-menu .main-navigation .main-menu > .menu-item.menu-item-has-children:last-child > .submenu {
border-top: 1px solid #eae7e7;
}
.vertical-menu .main-navigation .main-menu > .menu-item .submenu li {
width: calc(100% - 27px);
display: inline-block;
line-height: 28px;
padding-top: 4px;
padding-bottom: 4px;
}
.vertical-menu .main-navigation .main-menu > .menu-item:hover > a {
color: #ff3636;
}
.vertical-menu .main-navigation .main-menu > .menu-item .submenu a {
width: 100%;
display: inline-block;
color: #9d9d9d;
}
.vertical-menu .main-navigation .main-menu > .menu-item .submenu .menu-item > a:hover,
.vertical-menu .main-navigation .main-menu > .menu-item .submenu .menu-item.show-submenu > a {
color: #151515;
} .vertical-menu .main-navigation .main-menu .menu-item .toggle-submenu {
position: absolute;
right: 30px;
display: block;
width: 24px;
height: 24px;
z-index: 99;
cursor: pointer;
line-height: 24px;
}
.vertical-menu .main-navigation .main-menu .menu-item.show-submenu > .toggle-submenu {
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
}
.vertical-menu .main-navigation .main-menu > .menu-item > .toggle-submenu {
top: 16px;
}
.vertical-menu .main-navigation .main-menu .menu-item .submenu .toggle-submenu {
top: 5px;
right: 0;
}
.vertical-menu .main-navigation .main-menu .menu-item .toggle-submenu::before {
content: "\f105";
position: absolute;
top: 0px;
left: 0;
display: block;
font-family: FontAwesome;
height: 24px;
width: 24px;
text-align: center;
} .header-control-right .header-control-wrap {
max-width: 100%;
justify-content: flex-end;
display: flex;
align-items: center;
padding-top: 3px;
}
.header-control-wrap {
transition: padding 0.5s ease 0s;
-o-transition: padding 0.5s ease 0s;
-webkit-transition: padding 0.5s ease 0s;
}
.header-control-right > div {
display: inline-block;
overflow: visible;
} .header-search-box {
display: inline-block;
}
.search-icon {
font-size: 16px;
color: inherit;
}
.search-icon > span {
display: inline-block;
}
.header-search-box > .icons {
font-size: 25px;
color: inherit;
font-weight: 500;
line-height: 46px;
cursor: pointer;
}
.header-search-box > .icons:hover {
color: #ff3636;
} .search-results-wrap {
margin: 0;
}
.scroll-wrapper > .scroll-content.search-results-croll {
overflow: auto !important;
}
header:not(.site-header-mobile) .search-results-croll {
max-height: calc(100vh - 280px);
}
.search-results-croll {
max-height: 350px;
overflow-y: auto;
overflow-x: hidden !important;
position: absolute !important;
background: #fff;
top: calc(100% + 5px);
border-radius: 0;
padding: 0 !important;
box-shadow: 0 20px 30px rgba(0, 0, 0, .08);
width: 100%;
min-width: 300px;
}
.container-search .search-results-wrap .product-item-search {
padding: 15px 15px 0;
}
.container-search .search-results-wrap .product-item-search:last-child {
padding-bottom: 15px;
}
.search-results-croll .post-thumb {
width: 80px;
float: left;
margin-right: 15px;
}
.container-search .product-info {
min-height: 90px;
text-align: left;
overflow: hidden;
}
.container-search .product-title {
font-size: 13px;
font-weight: 400;
margin: 10px 0 0;
}
.container-search .star-rating {
margin-bottom: 5px;
}
.container-search .product-inner .price {
font-size: 0;
}
.container-search .woocommerce-Price-amount.amount {
font-size: 14px;
font-weight: 400;
margin: 0 5px 0 0;
}
.instant-search-open header.header {
z-index: 1000000!important;
position: relative;
}
.instant-search-modal {
position: fixed;
background: rgba(255, 255, 255, 1);
bottom: 0;
display: block;
left: 0;
opacity: 0;
right: 0;
top: 0;
height: 100vh;
visibility: hidden;
transition: opacity 0.3s, visible 0.5s;
-o-transition: opacity 0.3s, visible 0.5s;
-webkit-transition: opacity 0.3s, visible 0.5s;
z-index: 100000;
}
.instant-search-open .instant-search-modal {
opacity: 1;
visibility: visible;
}
.product-item-search:last-child {
padding-bottom: 0;
} .instant-search-close {
color: #454545;
position: absolute;
top: 70px;
right: 0;
font-family: Jost500;
cursor: pointer;
font-size: 15px;
}
.instant-search-close:hover {
color: #151515;
}
span.kz-close {
font-size: 16px;
position: relative;
top: 3px;
margin-left: 5px;
}
.instant-search-close:hover {
color: #151515;
} .instant-search-modal::before {
content: "";
background: rgba(0,0,0,.5);
top: 100%;
position: absolute;
left: 0;
width: 100%;
height: 9999em;
}
.search-results-container-inner .container-search {
padding: 20px;
}
.instant-search-modal .instant-search-wrap {
padding-top: 110px;
text-align: left;
position: relative;
}
.instant-search-modal .instant-search-title {
font-size: 40px;
line-height: 1.2;
color: #151515;
margin-bottom: 30px;
padding-left: 20px;
padding-right: 20px;
}
.instant-search-modal .product-cats {
text-align: center;
margin-bottom: 30px;
padding-left: 20px;
padding-right: 20px;
}
.instant-search-modal .product-cats label {
margin: 0 23px
}
.instant-search-modal .product-cats label span {
-webkit-transition: 0.3s;
transition: 0.3s;
font-weight: 500;
font-size: 12px;
line-height: 24px;
letter-spacing: 2px;
text-transform: uppercase;
color: #a6a6a6;
cursor: pointer;
position: relative;
padding-bottom: 5px;
}
.instant-search-modal .product-cats label span::before {
content: '';
position: absolute;
left: 0;
right: 0;
bottom: 0;
border-bottom: 1px solid #ff3636;
opacity: 0;
visibility: hidden;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.instant-search-modal .product-cats label span:hover,
.instant-search-modal .product-cats label.selected span {
color: #ff3636;
}
.instant-search-modal .product-cats label span:hover::before,
.instant-search-modal .product-cats label.selected span::before {
opacity: 1;
visibility: visible;
}
.instant-search-modal .product-cats input[type='radio'] {
display: none;
} .instant-search-modal .search-fields {
max-width: 100%;
margin-left: auto;
margin-right: auto;
}
span.title-searchform {
font-size: 10px;
color: #454545;
text-transform: uppercase;
font-family: Jost600;
}
.instant-search-modal .search-input {
position: relative;
}
.instant-search-modal .search-fields .search-field {
padding: 0;
height: 90px;
line-height: 90px;
width: 100%;
font-size: 36px;
position: relative;
font-family: Jost600;
border-bottom: 2px solid rgba(0, 0, 0, 0.1);
border-width: 0 0 2px;
background: transparent;
color: #a6a6a6;
z-index: 1;
top: 0;
transition: top 0.5s cubic-bezier(0, 0.24, 0.46, 0.77) 0s;
-o-transition: top 0.5s cubic-bezier(0, 0.24, 0.46, 0.77) 0s;
-webkit-transition: top 0.5s cubic-bezier(0, 0.24, 0.46, 0.77) 0s;
}
span.text-search {
width: 100%;
position: absolute;
top: 0;
left: 0;
font-size: 40px;
z-index: 0;
color: #151515;
font-weight: 300;
text-align: center;
margin-top: 0;
line-height: 50px;
transition: margin-top 0.5s ease 0s, opacity 0.5s ease 0s;
-o-transition: margin-top 0.5s ease 0s, opacity 0.5s ease 0s;
-webkit-transition: margin-top 0.5s ease 0s, opacity 0.5s ease 0s;
}
.instant-search-modal .search-fields .search-field:focus + span.text-search,
.instant-search-modal .search-fields .search-field.search-has-results + span.text-search {
opacity: 0;
}
.instant-search-modal .search-fields .search-submit {
position: absolute;
top: 0;
right: 0;
width: 64px;
font-size: 32px;
left: auto;
color: #858585;
height: 90px;
z-index: 1;
background: transparent;
text-align: right;
}
.instant-search-modal .search-fields .search-submit:hover {
color: #151515;
opacity: 1;
}
header.site-header .instant-search-modal form.search-form .search-field {
border-radius: 0;
}
header.site-header .instant-search-modal form.search-form .search-field:focus,
header.site-header .instant-search-modal form.search-form .search-field:invalid{
border-color: #151515;
color: #151515; 
}
header.site-header .instant-search-modal form.search-form .search-field.search-has-results:focus {
color: #151515;
} .instant-search-modal .search-fields .search-reset {
position: absolute;
right: 0;
top: 0;
width: 56px;
height: 53px;
display: block;
background: transparent;
color: #a9a9a9;
}
.instant-search-modal .search-reset::before,
.instant-search-modal .search-reset::after {
border-bottom: 2px solid;
content: "";
left: 20px;
position: absolute;
top: 25px;
width: 17px;
}
.instant-search-modal .search-reset::before {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.instant-search-modal .search-reset::after {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.instant-search-modal .search-fields .search-reset:hover {
color: #151515;
}
.instant-search-modal {
position: fixed;
background: rgba(255,255,255,1);
bottom: 0;
display: block;
left: 0;
opacity: 0;
right: 0;
top: 0;
height: 340px;
max-height: 100%;
visibility: hidden;
transition: opacity 0.5s,visible 0.5s;
-o-transition: opacity 0.5s,visible 0.5s;
-webkit-transition: opacity 0.5s,visible 0.5s;
z-index: 100000;
}
.instant-search-modal span.reset-instant-search-wrap {
display: none;
}
.instant-search-modal .search-results-croll .post-thumb {
width: 100%;
float: none;
margin-right: 0;
}
.instant-search-modal .instant-search .product-info {
position: relative;
overflow: hidden;
margin-top: 12px;
margin-bottom: 0;
min-height: 50px;
padding-left: 0;
}
.search-view-wrap {
display: inline-block;
width: 100%;
text-align: center;
}
.search-view {
display: none;
min-width: 200px;
padding: 0 10px;
text-align: center;
height: 49px;
line-height: 49px;
font-weight: 600;
font-size: 12px;
letter-spacing: 2px;
text-transform: uppercase;
color: #ffffff;
background-color: #151515;
margin: 50px auto 0 auto;
}
.search-view:hover {
background-color: #ff3636;
color: #ffffff;
}
.container-search .scrollbar-macosx {
max-height: -webkit-calc(100vh - 450px);
max-height: -moz-calc(100vh - 450px);
max-height: calc(100vh - 450px);
}
.scrollbar-macosx > .scroll-element.scroll-x {
display: none;
} .currency-language-wrap {
position: relative;
display: inline-block;
margin-right: 22px;
}
.currency-language {
display: inline-block;
padding-left: 0;
position: relative;
} .woocommerce .header .wcml-dropdown-click.product {
margin: 0 0 0 10px;
}
.currency-language .wcml-dropdown-click {
display: inline-block;
width: auto;
}
.currency-language .wcml-dropdown-click li {
list-style-type: none;
padding: 0;
margin: 0;
border: none;
background-color: transparent;
}
.currency-language .wcml-dropdown-click a {
display: inline-block;
font-weight: 600;
position: relative;
font-size: 12px;
letter-spacing: 2px;
text-transform: uppercase;
padding: 0;
}
.currency-language .wcml-dropdown-click a.wcml-cs-item-toggle {
height: 33px;
line-height: 33px;
padding: 0 12px;
vertical-align: middle;
margin-top: -5px;
}
.currency-language .wcml-dropdown-click a.wcml-cs-item-toggle::before {
content: '';
display: block;
position: absolute;
top: 3px;
left: 0;
width: 100%;
height: 100%;
border: 1px solid #e3e3e3;
border-radius: 0;
}
.currency-language .wcml-dropdown-click a.wcml-cs-item-toggle:hover::before {
border-color: #ff3636;
}
.currency-language .wcml-dropdown-click a.wcml-cs-item-toggle::after {
content: '';
display: block;
width: 0;
height: 0;
border: 3px solid;
border-color: #151515 transparent transparent transparent;
position: absolute;
left: 0;
right: 0;
margin: auto;
bottom: -11px;
}
.currency-language .wcml-dropdown-click a.wcml-cs-item-toggle:hover::after {
border-color: #ff3636 transparent transparent transparent;
}
.currency-language .wcml-dropdown-click .wcml-cs-submenu {
position: absolute;
top: 100%;
left: 0;
min-width: 126px;
text-align: left;
background-color: #fff;
border-top: 1px solid #f0f0f0;
list-style: none;
padding: 10px;
margin-top: 22px !important;
z-index: 10;
-webkit-box-shadow: 0 7px 20px 0 rgba(0, 0, 0, 0.05);
-moz-box-shadow: 0 7px 20px 0 rgba(0, 0, 0, 0.05);
box-shadow: 0 7px 20px 0 rgba(0, 0, 0, 0.05);
}
.currency-language .wcml-dropdown-click .wcml-cs-submenu li {
line-height: 38px;
} .currency-language .dropdown {
list-style: none;
display: inline-block;
line-height: 26px;
}
.currency-language .dropdown a {
display: inline-block;
position: relative;
font-size: 13px;
}
header:not(.style-06) .currency-language .dropdown > a {
padding: 0 30px 0 20px;
margin: 0;
}
.currency-language .dropdown > a {
height: 28px;
line-height: 28px;
padding: 0 32px 0 0;
border: 1px solid;
color: inherit;
border-radius: 30px;
min-width: 75px;
margin-right: 15px;
}
.currency-language .dropdown > a::after {
content: "\f107";
display: block;
width: 0;
height: 0;
font-family: Fontawesome;
position: absolute;
right: 20px;
margin: auto;
float: right;
top: 0px;
font-size: 16px;
font-weight: 400;
}
.currency-language .dropdown > a:hover::after {
border-color: #ff3636 transparent transparent transparent;
}
.header-control-right .currency-language > li {
margin: 0;
}
.currency-language .dropdown > a:hover::before {
border-color: #ff3636;
}
.currency-language .dropdown .active a {
color: #ff3636;
} .dropdown > .submenu {
opacity: 0;
visibility: hidden;
position: absolute;
left: 0;
min-width: 150px;
text-align: left;
background-color: #fff;
list-style: none;
padding: 0;
border-radius: 0;
margin-top: 10px;
z-index: 10;
top: calc(100% + 10px);
box-shadow: 0 5px 10px rgba(0, 0, 0, .08);
}
.dropdown.open > .submenu, .dropdown:hover > .submenu {
opacity: 1;
visibility: visible;
right: 0;
left: auto;
margin: 0;
}
.currency-language .dropdown > a::before,
header .wcml_currency_switcher li a.wcml-cs-item-toggle::before{
content: "";
width: 100%;
height: 20px;
position: absolute;
left: 0;
top: 100%;
}
.dropdown > .submenu li {
line-height: 38px;
padding: 0 15px;
}
.dropdown img {
margin-right: 5px;
position: relative;
top: -1px;
} body header.site-header div.wcml_currency_switcher.wcml-dropdown {
width: auto;
border: 1px solid;
line-height: 28px;
border-radius: 30px;
height: 28px;
position: relative;
margin: 0 22px 0 0;
display: inline-block;
}
header .wcml_currency_switcher li {
background: transparent;
border: none !important;
}
header .wcml-dropdown .wcml-cs-submenu li{
padding: 5px 9px;
}
header .wcml-dropdown .wcml-cs-submenu li:hover,
.currency-language .dropdown > .submenu li:hover{
background: #e3e7e8;
}
header .wcml_currency_switcher li a {
height: 28px;
line-height: 28px;
color: inherit;
padding: 0 20px;
font-size: 13px;
letter-spacing: 1px;
}
header .wcml_currency_switcher li li a {
font-size: 13px;
padding: 0 12px
}
header .wcml_currency_switcher li .wcml-cs-submenu {
top: calc(100% + 10px);
min-width: 150px;
color: #151515;
background: #fff;
border-radius: 0;
left: auto;
text-align: left;
margin-top: 10px;
border: none;
box-shadow: 0 5px 10px rgba(0, 0, 0, .08);
}
header .wcml_currency_switcher li:hover, header .wcml_currency_switcher li:focus {
background-color: transparent;
}
header .wcml_currency_switcher li a.wcml-cs-item-toggle:after {
content: "\f107";
border: none;
position: absolute;
right: 10px;
font-size: 16px;
font-weight: 400;
top: -1px;
font-family: Fontawesome;
} .block-account {
line-height: 29px;
vertical-align: top;
display: inline-block;
font-size: 13px;
letter-spacing: 0;
position: relative;
}
.block-content {
text-align: left;
position: absolute;
left: -50px;
visibility: hidden;
top: 100%;
margin-top: 26px;
-webkit-animation-name: smoothFadeOutLeft;
animation-name: smoothFadeOutLeft;
-webkit-animation-duration: 0.4s;
animation-duration: 0.4s;
-webkit-animation-fill-mode: both;
opacity: 0;
animation-fill-mode: both;
transition: visibility 0s linear 0.4s, opacity 0.4s linear;
-webkit-transition: visibility 0s linear 0.4s, opacity 0.4s linear;
box-shadow: 0 20px 30px rgba(0, 0, 0, 0.1);
}
.block-content-inner {
background: #fff;
padding: 25px 45px 25px 50px;
text-align: left;
}
.block-account::after {
content: "";
height: 30px;
position: absolute;
display: inline-block;
top: 100%;
left: -15px;
width: 50px;
z-index: 1;
}
.block-account:hover .block-content {
opacity: 1;
visibility: visible;
transition: none;
-webkit-transition: none;
background: transparent;
-webkit-animation-name: smoothFadeInRight;
animation-name: smoothFadeInRight;
-webkit-animation-duration: 0.6s;
animation-duration: 0.6s;
overflow: hidden;
z-index: 10;
}
.is-sticky .block-account .block-content {
margin-top: 14px;
}
.block-account > a > span > span:first-child, .header-userlink > span:first-child {
font-size: 16px;
}
span.title-acc {
display: none;
}
ul.user-links {
list-style: none;
padding: 0;
}
ul.user-links li a {
color: #858585;
line-height: 34px;
padding: 4px 0;
}
ul.user-links li a:hover {
color: #151515;
border-bottom: 1px solid;
} .md-modal {
position: fixed;
top: 50%;
left: 50%;
width: 920px;
max-width: -webkit-calc(100% - 30px);
max-width: -moz-calc(100% - 30px);
max-width: calc(100% - 30px);
height: 588px;
max-height: -webkit-calc(100% - 30px);
max-height: -moz-calc(100% - 30px);
max-height: calc(100% - 30px);
z-index: 2000;
visibility: hidden;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}
.md-show {
visibility: visible;
}
.md-overlay {
position: fixed;
width: 100%;
height: 100%;
visibility: hidden;
top: 0;
left: 0;
z-index: 1000;
opacity: 0;
background: rgba(143, 27, 15, 0.8);
-webkit-transition: transform 0.3s;
-moz-transition: transform 0.3s;
transition: transform 0.3s;
}
.md-show ~ .md-overlay {
opacity: 1;
visibility: visible;
} .md-content button {
font-size: 30px;
color: #a3a3a3 !important;
display: block;
top: 8px;
right: 8px;
}
.mfp-content {
width: 920px;
max-width: -webkit-calc(100% - 20px);
max-width: -moz-calc(100% - 20px);
max-width: calc(100% - 20px);
min-height: 588px;
}
.md-content {
background: #ffffff;
position: relative;
border-radius: 0;
margin: 0 auto;
}
.zonex-modal-content {
margin: auto;
}
.zonex-modal-content .woocommerce > form {
padding: 20px 20px 0;
}
.zonex-modal-content .nav-tabs {
border: none;
padding-bottom: 20px;
}
.nav > li > a:focus, .nav > li > a:hover {
text-decoration: none;
}
.woocommerce-account .zonex-modal-content .woocommerce .customer-form {
margin-bottom: 0;
width: 450px;
padding: 0 50px 40px;
max-width: 100%;
}
.customer-form .nav-tabs > li {
float: none;
margin-bottom: 0;
text-align: center;
width: 100%;
position: absolute;
opacity: 1;
bottom: 0;
left: 0;
right: 0;
}
.customer-form .nav-tabs > li.active {
opacity: 0;
z-index: -1;
}
.customer-form .nav > li > a:focus, .customer-form .nav > li > a:hover {
text-decoration: none;
background-color: transparent;
opacity: 0.6;
}
.customer-form .nav-tabs > li > a::after {
content: "";
font-family: Flaticon;
font-weight: 600;
position: absolute;
width: 70px;
display: inline-block;
left: 50%;
border-bottom: 1px solid;
clear: both;
transform: translateX(-50%);
bottom: -1px;
}
.box-mobile-menu div.spec {
overflow: visible;
margin: 5px 0 10px;
}
div.spec {
font-size: 11px;
letter-spacing: 3px;
text-transform: uppercase;
color: #151515;
text-align: center;
overflow: hidden;
}
.spec span {
position: relative;
padding: 0 10px;
}
.spec span::before {
content: "";
border-top: 1px solid #e4e4e4;
position: absolute;
top: 5px;
right: 100%;
width: 9999em;
}
.spec span::after {
content: "";
border-top: 1px solid #e4e4e4;
position: absolute;
top: 5px;
left: 100%;
width: 9999em;
}
#login-popup .tab-over {
display: block;
}
.tab-over .nav-tabs > li {
display: inline-block;
padding-right: 0;
width: 50%;
float: left;
}
ul.nav-tabs > li.active > a, ul.nav-tabs > li.active > a:focus, ul.nav-tabs > li > a:focus, ul.nav-tabs > li > a:hover, ul.nav-tabs > li.active > a:hover{
border-color: #151515;
border-width: 0 0 2px;
color: #151515;
}
.tab-over .nav-tabs > li a {
width: 100%;
color: rgba(21,21,21,.5);
position: relative;
padding: 0;
background-color: #fff;
font-size: 10px;
font-weight: 700;
text-transform: uppercase;
border-bottom: 2px solid #e5e5e5;
font-family: Jost700;
line-height: 60px;
border-width: 0 0 2px 0;
display: inline-block;
text-align: center;
margin: 0;
}
form.login .form-row span[class^="flaticon-"], form.register .form-row span[class*="flaticon-"] {
font-size: 17px;
color: #151515;
position: absolute;
left: 13px;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
} .header.zonex-minicart {
display: inline-block;
vertical-align: top;
}
.header .zonex-minicart .mini-cart-icon {
display: inline-block;
font-weight: 400;
font-size:16px;
text-transform: uppercase;
line-height: 30px;
top: -1px;
color: inherit;
position: relative;
cursor: pointer;
}
.header .zonex-minicart .mini-cart-icon .minicart-number {
letter-spacing: 0;
font-size: 10px;
display: inline-block;
line-height: 18px;
padding: 0;
text-align: center;
border-radius: 50%;
font-weight: 600;
min-width: 17px;
height: 17px;
background: #151515;
margin-left: 0;
position: relative;
opacity: 1;
top: -4px;
color: #fff;
}
.header.style-03 .zonex-minicart .mini-cart-icon .minicart-number {
background: #fff;
color: #151515;
}
.header .minicart-canvas-overlay {
position: fixed;
top: 0;
bottom: 0;
right: 0;
height: 100vh;
background-color: rgba(45, 51, 55, 0.66);
z-index: 11;
}
.minicart-canvas-open .header .minicart-canvas-overlay {
left: 0;
}
.mini-cart-dropdown .minicart-canvas-overlay {
display: none;
}
.minicart-canvas-open .header .minicart-content {
right: 0;
}
.header .minicart-content {
position: fixed;
top: 0;
right: -480px;
width: 480px;
max-width: -webkit-calc(100% - 20px);
max-width: -moz-calc(100% - 20px);
max-width: calc(100% - 20px);
height: 100vh;
background-color: #fff;
padding-top: 0;
z-index: 100001;
transition: right 0.4s;
}
.header .minicart-content-inner {
position: relative;
padding: 30px 50px 0px 70px;
display: flex;
justify-content: space-between;
flex-direction: column;
}
.minicart-top {
display: flex;
width: calc(100% - 20px);
justify-content: space-between;
padding-bottom: 35px;
border-bottom: 1px dashed #eee;
margin-bottom: 30px;
}
.shopcart-empty .minicart-top {
padding: 0;
border: none;
}
.header .minicart-content-inner .minicart-title {
font-size: 15px;
line-height: 36px;
height: 36px;
color: #151515;
padding-bottom: 0;
margin: 0;
}
.header .minicart-content-inner .minicart-number-items {
font-weight: 600;
display: block;
min-width: 45px;
height: 45px;
text-align: center;
line-height: 46px;
color: #151515;
position: absolute;
right: 0;
top: 0;
border-left: 1px dashed #ecebeb;
}
.header .minicart-content-inner .close-minicart {
cursor: pointer;
color: #151515;
font-size: 15px;
}
.header .minicart-content-inner .close-minicart:hover {
color: #454545;
} .header .minicart-list-items {
height: -webkit-calc(100vh - 354px);
height: -moz-calc(100vh - 354px); 
height: calc(100vh - 354px);
position: relative;
}
.minicart-list-items.scrollbar-macosx {
padding-right: 20px;
}
.header .minicart-items {
list-style: none;
padding: 0;
}
.header .minicart-items .product-cart {
overflow: hidden;
position: relative;
padding-bottom: 30px;
margin-bottom: 30px;
border-bottom: 1px dotted #eee;
text-align: left;
}
.header .minicart-items .product-cart:last-child {
margin-bottom: 15px;
border: none;
padding: 0;
}
.header .minicart-items .product-cart .product-media {
float: left;
width: 100px;
}
.header .minicart-items .product-cart .product-detail {
overflow: hidden;
padding-left: 20px;
}
.header .minicart-items .product-name {
width: calc(100% - 25px);
font-size: 14px;
white-space: normal;
line-height: 20px;
}
li.product-cart .product-name a {
max-height: inherit;
}
.header .minicart-items .product-cart .product-detail .product-detail-info {
overflow: hidden;
color: #858585;
align-items: center;
}
.header .minicart-items .product-cart .product-detail .product-detail-info .product-cost {
float: left;
line-height: 18px;
}
.header .minicart-items .woocommerce-Price-amount.amount {
font-size: 15px;
color: inherit;
font-family: Jost;
}
.header .minicart-items .product-cart.loading .product-media, .header .minicart-items .product-cart.loading .product-detail {
opacity: 0.6;
}
.header .minicart-items .product-cart .product-detail .product-detail-info .product-quantity {
font-family: Jost500;
line-height: 24px;
color: #151515;
text-transform: uppercase;
display: block;
font-size: 12px;
width: 100%;
margin: 5px 0;
}
.minicart-items dl.variation {
font-size: 14px;
font-family: Jost;
display: grid;
margin: 5px 0 0;
grid-template-columns: auto 100%;
white-space: nowrap;
}
dl.variation dt, dl.variation dd {
display: inline-block;
font-weight: 400;
color: #858585;
text-transform: capitalize;
padding: 0;
margin-right: 5px;
}
div dl.variation dd {
color: #151515;
}
.header .minicart-items .product-cart .product-remove {
position: absolute;
top: 3px;
right: 0;
}
.header .minicart-items .product-cart .product-remove .remove {
font-size: 0;
color: #a9a9a9;
position: static;
display: flex;
width: 18px;
height: 18px;
border: 2px solid;
line-height: 14px;
transform: none;
justify-content: center;
z-index: 1;
background: transparent !important;
align-items: center;
border-radius: 50%;
text-align: center;
}
.header .minicart-items .product-cart:hover .product-remove .remove:hover {
color: #454545;
}
.header .minicart-items .product-cart .product-remove .remove:hover {
color: #151515;
}
.header .minicart-items .product-cart .product-media,
.header .minicart-items .product-cart .product-detail {
transition: opacity 0.2s linear 0s;
}
.header .minicart-items .product-cart.product-item-hover .product-media,
.header .minicart-items .product-cart.product-item-hover .product-detail {
opacity: 0.5;
}
.header .minicart-items .product-cart.loading .product-remove a {
color: #151515;
}
.header .minicart-items .product-cart .product-remove .remove > i {
display: none !important;
}
.header .minicart-items .product-cart .product-remove .remove:hover {
color: #151515;
}
.header .minicart-items .product-cart .product-remove .remove::before {
content: "\e90c";
position: absolute;
font-family: kazen-font;
font-size: 7px;
top: 2px;
font-weight: 900;
left: 5.4px;
}
.header .minicart-content-inner .subtotal {
height: 64px;
line-height: 64px;
background-color: #ffffff;
color: #151515;
overflow: hidden;
}
.header .minicart-content-inner .subtotal .total-title {
float: left;
font-size: 13px;
color: #858585;
text-transform: uppercase;
font-family: Jost500;
}
.total-price .woocommerce-Price-amount.amount {
font-size: 24px;
font-family: Jost700;
color: #151515;
}
.header .minicart-content-inner .subtotal .total-price {
float: right;
width: auto;
font-weight: 500;
display: block;
}
.header .minicart-content-inner .actions {
overflow: hidden;
margin: 0;
}
.header .minicart-content-inner .actions .button {
width: 100%;
display: block;
float: left;
font-size: 10px;
font-family: Jost500;
text-transform: uppercase;
text-align: center;
height: 60px;
line-height: 60px;
color: #ffffff;
background-color: #151515;
margin: 0;
}
.header .minicart-content-inner .actions .button.button-viewcart {
background-color: #fff;
color: #151515;
}
.header .minicart-content-inner .actions .button:hover {
background-color: #454545;
color: #fff;
}
.header .minicart-content-inner .actions .button.button-viewcart:hover {
color: #454545;
background: transparent;
}
.bottom-minicart-text {
background: #f2f2f2;
margin: 0 -70px;
font-size: 13px;
text-align: center;
color: #151515;
padding: 6px 0;
} .minicart-content-wrap {
position: absolute;
right: 0;
top: calc(100% + 13px);
width: 320px;
background: #fff;
opacity: 0;
visibility: hidden;
-webkit-box-shadow: 0 3px 20px rgba(0, 0, 0, 0.08);
-moz-box-shadow: 0 3px 20px rgba(0, 0, 0, 0.08);
box-shadow: 0 3px 20px rgba(0, 0, 0, 0.08);
-webkit-animation-name: smoothFadeOutLeft;
animation-name: smoothFadeOutLeft;
-webkit-animation-duration: 0.4s;
animation-duration: 0.4s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
z-index: 9999999;
transition: visibility 0s linear 0.4s, opacity 0.4s linear;
-webkit-transition: visibility 0s linear 0.4s, opacity 0.4s linear;
}
.zonex-minicart::before {
content: "";
position: absolute;
width: 80px;
height: 20px;
right: 0;
top: 100%;
background: transparent;
opacity: 0;
}
.zonex-minicart:hover .minicart-content-wrap {
opacity: 1;
visibility: visible;
transition: none;
-webkit-transition: none;
-webkit-animation-name: smoothFadeInRight;
animation-name: smoothFadeInRight;
-webkit-animation-duration: 0.6s;
animation-duration: 0.6s;
overflow: hidden;
}
.header .minicart-content-wrap .minicart-content-inner .minicart-title {
margin-bottom: 20px;
}
.header .minicart-content-wrap .minicart-list-items {
max-height: 313px;
min-height: 100px;
height: auto!important;
}
.header .minicart-content-wrap .minicart-content-inner .subtotal {
border-top: 1px solid #ecebeb;
}
.header .minicart-content-wrap .minicart-items .product-cart {
padding-bottom: 15px;
margin-bottom: 15px;
}
.header .minicart-content-wrap .minicart-items .product-cart:last-child{
padding-bottom: 0;
border: none;
}
.header .minicart-content-wrap .minicart-items .product-cart .product-remove {
position: absolute;
right: -9px;
top: 0;
}
.header .mini-cart-dropdown .minicart-content-wrap .minicart-items .product-cart .product-remove {
right: 0;
}
.header .mini-cart-dropdown .minicart-content-inner {
padding: 20px 10px 0px 30px;
}
.mini-cart-dropdown .minicart-top {
padding-bottom: 0;
margin-bottom: 15px;
}
.header .mini-cart-dropdown .minicart-content-inner .actions,
.header .mini-cart-dropdown .minicart-content-inner .subtotal {
margin-right: 20px;
margin-bottom: 0;
} .header .empty-wrap {
display: block;
position: absolute;
text-align: center;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
width: 100%;
}
.header .minicart-content-wrap .empty-wrap {
text-align: center;
padding: 10px 0 30px;
position: static;
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none;
}
.header .minicart-content-wrap.empty-wrap .minicart-list-items {
height: 220px;
}
.header .empty-wrap .to-cart {
display: inline-block;
min-width: inherit;
height: auto;
position: relative;
line-height: 30px;
background-color: transparent!important;
color: #151515;
font-size: 10px;
text-transform: uppercase;
overflow: hidden;
padding: 0;
text-align: center;
margin-top: 15px;
font-family: Jost500;
}
.header .minicart-content-wrap.empty-wrap .minicart-content-inner .minicart-title {
margin-bottom: 0;
}
.header .empty-wrap .to-cart::before {
content: '';
position: absolute;
width: 100%;
bottom: 0;
border-bottom: 1px solid #151515;
}
.header .empty-wrap .to-cart:hover::before {
-webkit-animation: underline-link .8s cubic-bezier(.58, .3, .005, 1) 0s 1;
animation: underline-link .8s cubic-bezier(.58, .3, .005, 1) 0s 1;
}
.header .shopcart-empty .minicart-list-items {
height: calc(100vh - 280px);
}
.header .empty-title {
font-size: 18px;
line-height: 1.2;
color: #858585;
font-family: Jost500;
text-align: center;
}
.empty-wrap svg{
opacity: 0.2;
}
.header .to-cart {
font-weight: 600;
display: inline-block;
min-width: 200px;
height: 50px;
line-height: 50px;
background-color: #151515;
color: #ffffff;
font-size: 12px;
letter-spacing: 2px;
text-transform: uppercase;
padding: 0 15px;
text-align: center;
margin-top: 30px;
}
.header a.to-cart::after {
content: "\f105";
font-family: Flaticon;
margin-left: 7px;
font-size: 12px;
position: relative;
top: 1px;
}
.header .to-cart:hover {
background-color: #ff3636;
}
.header .des-cart a {
display: table;
margin: 30px auto 0;
text-align: center;
line-height: 20px;
border-bottom: 1px solid;
} .header .zonex-minicart.is-adding-to-cart .minicart-content-inner > .minicart-list-items::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(247, 247, 247, .8);
z-index: 1;
}
.header .zonex-minicart.is-adding-to-cart .minicart-content-inner > .minicart-list-items::after {
width: 70px;
height: 70px;
content: "";
box-sizing: border-box;
position: absolute;
top: 50%;
left: 50%;
margin-top: -17px;
background-image: url(//ilite.sg/wp-content/themes/zonex/assets/images/loading-icon.gif);
margin-left: -17px;
background-size: 70px 70px;
z-index: 999;
} .header-control-left .currency-language .wcml-dropdown-click,
.header-control-left .currency-language > li,
.header-control-left .block-account,
.header-control-left .zonex-minicart {
margin-right: 15px;
} .header-control-right .currency-language .wcml-dropdown-click,
.header-control-right .currency-language > li,
.header-control-right .block-account,
.header-control-right .zonex-minicart {
margin-left: 22px;
display: inline-block;
} .header-wrap .header-position {
padding: 25px 0;
transition: background-color 0.5s ease 0s, padding 0.5s ease 0s;
-o-transition: background-color 0.5s ease 0s, padding 0.5s ease 0s;
-webkit-transition: background-color 0.5s ease 0s, padding 0.5s ease 0s;
}
header.has-shadow .header-wrap .header-position {
border-bottom: 1px solid rgba(0, 0, 0, .08);
}
.site-header.hide-topbar {
margin-bottom: -44px;
}
.site-header {
transition: margin 0.2s linear 0s;
-o-transition: margin 0.2s linear 0s;
-webkit-transition: margin 0.2s linear 0s;
display: block;
}
.fullwidth-template {
z-index: 10;
position: relative;
}
.wc-prdctfltr-active .fullwidth-template {
z-index: inherit;
}
.logo img {
max-width: initial;
-webkit-transform: translate3d(0,0,0) scale(0.9999);
-moz-transform: translate3d(0,0,0) scale(0.9999);
-ms-transform: translate3d(0,0,0) scale(0.9999);
-o-transform: translate3d(0,0,0) scale(0.9999);
transform: translate3d(0,0,0) scale(0.9999);
}
header:not(.menu-sticky-smart):not(.style-05):not(.style-08) .header-position {
background: transparent !important;
}
.header-pos-relative .header-wrap-stick {
height: auto !important;
}
.lg_c .header-logo {
text-align: center;
}
header .zonex-custommenu.style-01 .widgettitle {
padding-bottom: 0;
font-size: 10px;
font-family: Jost500;
}
.header-logo {
padding-left: 20px;
padding-right: 20px;
z-index: 9;
position: relative;
}
.header-logo:not(:first-child) {
text-align: center;
}
.mn_c .header-menu.horizon-menu {
text-align: center;
float: none;
}
.header-center {
text-align: center;
}
.header-control-right {
text-align: right;
} .ic_r .header-control-right {
text-align: right;
} .header-pos-relative.h_sd .header-wrap .header-position,
.header-pos-static.h_sd .header-wrap .header-position {
box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
} .mn_l.lg_c .header-menu.horizon-menu {
margin: 0;
} .mm_c .header-logo {
text-align: center;
}
.mm_c .header-menu.horizon-menu {
float: none;
}
.header-s_l-lg_c-mm_c-ic_r .header-logo {
padding-top: 20px;
padding-bottom: 20px;
transition: padding 0.5s ease 0s;
-o-transition: padding 0.5s ease 0s;
-webkit-transition: padding 0.5s ease 0s;
}
.header-s_l-lg_c-mm_c-ic_r .header-search {
padding-top: 35px;
padding-bottom: 30px;
transition: padding 0.5s ease 0s;
-o-transition: padding 0.5s ease 0s;
-webkit-transition: padding 0.5s ease 0s;
}
.header-s_l-lg_c-mm_c-ic_r .header-control-right {
padding-top: 15px;
padding-bottom: 15px;
transition: padding 0.5s ease 0s;
-o-transition: padding 0.5s ease 0s;
-webkit-transition: padding 0.5s ease 0s;
}
.header-s_l-lg_c-mm_c-ic_r .header-logo .logo {
padding-bottom: 25px;
padding-top: 22px;
transition: padding 0.5s ease 0s, height 0.5s ease 0s;
height: auto;
overflow: visible;
-o-transition: padding 0.5s ease 0s, height 0.5s ease 0s;
-webkit-transition: padding 0.5s ease 0s, height 0.5s ease 0s;
}
.header-s_l-lg_c-mm_c-ic_r .is-sticky .header-logo .logo {
padding: 5px;
height: 0;
opacity: 0;
overflow: hidden;
}
.header-s_l-lg_c-mm_c-ic_r .currency-language {
margin: 0;
}
.header-s_l-lg_c-mm_c-ic_r .fixed .header-control-right {
padding-top: 15px;
padding-bottom: 15px;
}
.header-s_l-lg_c-mm_c-ic_r .fixed .header-logo {
padding-top: 0px;
padding-bottom: 0px;
}
.header-s_l-lg_c-mm_c-ic_r .fixed .header-search {
padding-top: 25px;
padding-bottom: 20px;
}
.lg_c.mm_c .horizon-menu .main-navigation {
padding-top: 14px;
padding-bottom: 12px;
} .header-s_l-lg_m-mm_c-ic_r .header-logo > .logo {
display: none;
}
.header-s_l-lg_m-mm_c-ic_r .header-search {
padding-top: 35px;
padding-bottom: 30px;
transition: padding 0.5s ease 0s;
-o-transition: padding 0.5s ease 0s;
-webkit-transition: padding 0.5s ease 0s;
}
.header-s_l-lg_m-mm_c-ic_r .header-logo {
padding-top: 10px;
padding-bottom: 15px;
transition: padding 0.5s ease 0s;
-o-transition: padding 0.5s ease 0s;
-webkit-transition: padding 0.5s ease 0s;
}
.header-s_l-lg_m-mm_c-ic_r .header-control-right {
padding-top: 15px;
padding-bottom: 15px;
transition: padding 0.5s ease 0s;
-o-transition: padding 0.5s ease 0s;
-webkit-transition: padding 0.5s ease 0s;
} .page-template-sidebarpage {
margin-left: 360px;
}
.page-template-sidebarpage .btn-canvas {
left: 345px;
}
.page-template-sidebarpage.sidebar-canvas-open .page-wrapper {
margin-left: 0;
}
.header.header-sidebar {
width: 360px;
position: fixed;
height: 100vh;
top: 0;
left: 0;
z-index: 100;
background-color: #ffffff;
-webkit-box-shadow: 7px 0 20px 0 rgba(0, 0, 0, 0.02);
-moz-box-shadow: 7px 0 20px 0 rgba(0, 0, 0, 0.02);
box-shadow: 7px 0 20px 0 rgba(0, 0, 0, 0.02);
padding-top: 0;
padding-bottom: 10px;
}
.admin-bar .header.header-sidebar {
padding-top: 32px;
}
.nost-header-sidebar {
margin-left: 360px;
}
.nost-header-sidebar .btn-canvas {
left: 345px
}
.nost-header-sidebar.sidebar-canvas-open .page-wrapper {
margin-left: 0;
}
.header.header-sidebar .header-vertical-top {
padding: 0 0 40px;
overflow: hidden;
}
.header.header-sidebar .header-vertical-top .logo {
line-height: 75px;
margin-bottom: 20px;
margin-top: 20px;
padding: 0 40px;
}
.header-vertical-control {
display: table;
width: calc(100% + 1px);
border-collapse: collapse;
border-spacing: 0;
}
.header.header-sidebar .header-vertical-top .header-vertical-control > div {
position: relative;
padding: 20px;
border-spacing: 8px;
display: table-cell;
line-height: 18px;
vertical-align: middle;
border: 1px solid #e5e5e5;
text-align: center;
border-collapse: collapse;
}
.header.header-sidebar .header-logo,
.header.header-sidebar .header-control-right {
display: none;
}  .main-navigation ul li a {
} .header-type-white .header-position {
background-color: #ffffff;
}
.header-type-white.style1 .header-position,
.header-type-white.style2 .header-position,
.header-type-white.style3 .header-position {
-webkit-box-shadow: 0 7px 20px 0 rgba(0, 0, 0, 0.02);
-moz-box-shadow: 0 7px 20px 0 rgba(0, 0, 0, 0.02);
box-shadow: 0 7px 20px 0 rgba(0, 0, 0, 0.02);
} .header-type-transparent-white .header-wrap,
.header-type-transparent-dark .header-wrap {
position: absolute;
top: 0;
left: 0;
right: 0;
z-index: 2;
}
.admin-bar.header-type-transparent-white .header-wrap,
.admin-bar.header-type-transparent-dark .header-wrap {
top: 32px
}
.page-template-minimal .header-type-transparent-white .header-wrap,
.page-template-minimal .header-type-transparent-dark .header-wrap {
position: static;
}
.page-template-minimal .header-type-transparent-dark .header-wrap {
background-color: #151515;
}
.header-type-transparent-white .horizon-menu .main-navigation .main-menu .menu-item a {
color: #151515;
}
.header-type-transparent-white .horizon-menu .main-navigation .main-menu .menu-item:hover > a {
color: #ff3636;
}
.header-type-transparent-white .currency-language .wcml-dropdown-click a.wcml-cs-item-toggle::before,
.header-type-transparent-white .currency-language .dropdown > a::before {
border-color: #151515;
}
.header-type-transparent-white .currency-language .wcml-dropdown-click a.wcml-cs-item-toggle:hover::before,
.header-type-transparent-white .currency-language .dropdown > a:hover::before {
border-color: #ff3636;
}
.header-type-transparent-dark .currency-language .wcml-dropdown-click a,
.header-type-transparent-dark .currency-language .dropdown a,
.header-type-transparent-dark .block-account a,
.header-type-transparent-dark .header-search-box > .icons,
.header-type-transparent-dark .zonex-minicart .mini-cart-icon,
.header-type-transparent-dark .horizon-menu .main-navigation .main-menu,
.header-type-transparent-dark .horizon-menu .main-navigation .main-menu .menu-item a,
.header-type-transparent-dark .zonex-custommenu .widgettitle {
color: #ffffff;
}
.header-type-transparent-dark .currency-language .wcml-dropdown-click a:hover,
.header-type-transparent-dark .currency-language .dropdown a:hover,
.header-type-transparent-dark .block-account a:hover,
.header-type-transparent-dark .header-search-box > .icons:hover,
.header-type-transparent-dark .zonex-minicart .mini-cart-icon:hover,
.header-type-transparent-dark .horizon-menu .main-navigation .main-menu .menu-item:hover > a {
color: #ff3636;
}
.header-type-transparent-dark .currency-language .wcml-dropdown-click .wcml-cs-submenu,
.header-type-transparent-dark .dropdown > .submenu,
.header-type-transparent-dark .horizon-menu .main-navigation .main-menu .menu-item .submenu {
background-color: #151515;
border-top-color: #151515;
}
.header-type-transparent-dark .currency-language .wcml-dropdown-click a.wcml-cs-item-toggle::after,
.header-type-transparent-dark .currency-language .dropdown > a::after {
border-color: #ffffff transparent transparent transparent;
}
.header-type-transparent-dark .currency-language .wcml-dropdown-click a.wcml-cs-item-toggle:hover::after,
.header-type-transparent-dark .currency-language .dropdown > a:hover::after {
border-color: #ff3636 transparent transparent transparent;
}
.header-type-transparent-dark .currency-language .wcml-dropdown-click a.wcml-cs-item-toggle::before,
.header-type-transparent-dark .currency-language .dropdown > a::before {
border-color: #ffffff;
}
.header-type-transparent-dark .currency-language .wcml-dropdown-click a.wcml-cs-item-toggle:hover::before,
.header-type-transparent-dark .currency-language .dropdown > a:hover::before {
border-color: #ff3636;
} .header-position.hide-header.fixed {
position: static;
}
.header-position:not(.hide-header).fixed {
position: fixed;
top: 0;
z-index: 100;
left: 0;
right: 0;
background: rgba(255, 255, 255, 0.95);
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.05);
animation: move_down 0.7s ease 0s;
-o-animation: move_down 0.7s ease 0s;
-webkit-animation: move_down 0.7s ease 0s;
}
.admin-bar .header-position:not(.hide-header).fixed {
top: 32px;
animation: move_down_admin 0.7s ease 0s;
-o-animation: move_down_admin 0.7s ease 0s;
-webkit-animation: move_down_admin 0.7s ease 0s;
}
.header-type-transparent-dark .header-position:not(.hide-header).fixed {
background: rgba(0, 0, 0, 0.95);
} .totop-holder {
position: fixed;
right: 20px;
z-index: 10001;
bottom: 30px;
}
a.backtotop {
color: #151515;
display: block;
float: left;
width: 50px;
transform: scale(0.7);
-o-transform: scale(0.7);
-webkit-transform: scale(0.7);
bottom: 200px;
height: 50px;
text-align: center;
border-radius: 50%;
box-shadow: 0 1px 6px rgba(0,0,0,0.1);
background: #fff;
line-height: 50px;
font-size: 16px;
right: 40px;
color: #375973;
opacity: 0;
visibility: hidden;
transition: transform 0.4s ease 0s, opacity 0.4s ease, visibility 0.4s ease, box-shadow 0.4s ease;
-o-transition: transform 0.4s ease 0s, opacity 0.4s ease, visibility 0.4s ease, box-shadow 0.4s ease;
-webkit-transition: transform 0.4s ease 0s, opacity 0.4s ease, visibility 0.4s ease, box-shadow 0.4s ease;
}
a.backtotop:hover {
box-shadow: 0 10px 25px rgba(0,0,0,0.15);
}
.backtotop .kz-up-top::after {
content: "";
height: 10px;
border-left: 2px solid;
position: absolute;
bottom: 12px;
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
}
.totop-holder.b_show a.backtotop {
transform: scale(1);
-o-transform: scale(1);
-webkit-transform: scale(1);
opacity: 1;
visibility: visible;
}
[data-tooltip]::before {
top: 16%;
right: 60px;
margin-right: 0;
width: 200px;
height: 16px;
transform: translateX(136px) translateY(-170px) rotate(-90deg);
-o-transform: translateX(136px) translateY(-170px) rotate(-90deg);
-webkit-transform: translateX(136px) translateY(-170px) rotate(-90deg);
content: attr(data-tooltip);
font-size: 12px;
font-weight: 600;
color: #151515;
padding: 5px;
border-radius: 5px;
white-space: nowrap;
text-decoration: none;
text-align: left;
}
[data-tooltip]::after, [data-tooltip]::before {
position: absolute;
display: block;
opacity: 0;
pointer-events: none;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
line-height: 12px;
}
[data-tooltip]::after {
width: 0;
height: 0;
border: 6px solid transparent;
content: '';
}
[data-tooltip]::after, [data-tooltip]::before {
position: absolute;
display: block;
opacity: 0;
pointer-events: none;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
line-height: 12px;
}
.b_show[data-tooltip]:hover::before {
transform: translateX(136px) translateY(-130px) rotate(-90deg);
-webkit-transition: all .3s ease-out 0.5s;
transition: all .3s ease-out 0.5s;
}
.b_show[data-tooltip]:hover::after, .b_show[data-tooltip]:hover::before {
opacity: 1;
}
.totop-holder:hover .circle-line {
-webkit-animation: mouse-line-right 0.3s ease-in 0.1s;
animation: mouse-line-right 0.3s ease-in 0.1s;
}
#popup-newsletter .wpb_single_image, #popup-newsletter .wpb_raw_code {
margin: 0;
}
#popup-newsletter h5.vc_custom_heading {
margin: 0;
}
h5.vc_custom_heading span {
color: #ff3636;
}
.box-center {
float: none!important;
display: table;
margin: 0 auto;
}
.letter-spacing-02 {
letter-spacing: 2px;
}
.map-field > i {
margin-right: 5px;
width: 13px;
} .page-template-minimal .arrow-down {
display: block;
position: relative;
width: 49px;
height: 120px;
-webkit-animation: arrow-down 1s infinite;
animation: arrow-down 1s infinite;
cursor: pointer;
}
.page-template-minimal .arrow-down::before {
border-right: 1px solid;
content: "";
position: absolute;
left: 50%;
top: 0;
height: 100%;
}
.page-template-minimal .arrow-down::after {
content: '';
display: block;
width: 33px;
height: 33px;
border-bottom: 1px solid;
border-right: 1px solid;
transform: rotate(45deg);
-o-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
position: absolute;
left: 9px;
bottom: 7px;
}
.site-header .container .container {
padding: 0;
}
.banner-page {
position: relative;
min-height: 90px;
z-index: 1;
margin-top: 30px;
overflow: hidden;
}
.banner-page .content-banner .title-page,
.banner-page .content-banner .page-title {
font-size: 72px;
line-height: 1;
position: relative;
word-wrap: break-word;
font-family: Jost500;
margin-bottom: 20px;
display: inline-block;
color: inherit;
text-transform: CAPITALIZE;
display: flex;
align-items: center;
justify-content: center;
}
a.back-shop {
font-size: 20px;
height: 50px;
line-height: 50px;
width: 50px;
}
a.back-shop:hover {
opacity: 0.8;
}
.banner-page .content-banner .breadcrumbs::before {
content: "";
width: 50px;
border-bottom: 1px solid;
position: absolute;
top: 0;
left: 50%;
margin-left: -25px;
}
.banner-page .content-banner .breadcrumbs {
position: relative;
padding-top: 20px;
}
.banner-page .content-banner .breadcrumb-trail .trail-items {
padding: 0;
margin: 0;
background-color: transparent;
}
.banner-page .content-banner .breadcrumb-trail .trail-items .trail-item {
list-style: none;
display: inline-block;
}
.banner-page .content-banner .breadcrumb-trail .trail-items .trail-item + .trail-item::before {
color: inherit;
font-size: 14px;
font-weight: 700;
}
.banner-page .content-banner .breadcrumb-trail .trail-items .trail-item a, .banner-page .content-banner .breadcrumb-trail .trail-items .trail-item span {
font-size: 10px;
line-height: 24px;
color: inherit;
}
.banner-page .content-banner .breadcrumb-trail .trail-items .trail-item a:hover span {
color: #454545;
}
.banner-page .content-banner .breadcrumb-trail .trail-items .trail-item a:hover {
color: #454545;
}
.single-post .header-pos-absolute .banner-page.hero-banner-page.no_background {
min-height: 114px !important;
}
.single-post .header-pos-relative .banner-page.hero-banner-page.no_background {
display: none;
}
.breadcrumb-page {
padding: 20px 0;
border-bottom: 1px solid #eee;
}  .has_background.layout-dark:before {
content: "";
background: rgba(0,0,0,.05);
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.has_background.layout-light:before {
content: "";
background: rgba(0,0,0,.5);
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.banner-page.has_background .content-banner {
position: absolute;
display: block;
max-width: 100%;
padding-left: 20px;
padding-right: 20px;
text-align: center;
margin-left: auto;
margin-right: auto;
bottom: 50%;
left: 0;
right: 0;
color: #151515;
-webkit-transform: translateY(50%);
-moz-transform: translateY(50%);
-ms-transform: translateY(50%);
-o-transform: translateY(50%);
transform: translateY(50%);
}
.banner-page.layout-light.has_background .content-banner {
color: #fff;
}
.header-pos-absolute .banner-page .content-banner {
padding-top: 55px;
}
.banner-page.has_background .content-banner .title-page,
.banner-page.has_background .content-banner .breadcrumb-trail .trail-items .trail-item {
color: inherit;
}
.breadcrumb-on-banner .breadcrumb > li a,
.breadcrumb-on-banner .breadcrumb > li{
font-family: Jost500;
}
.breadcrumb-on-banner:not(.layout-light) .breadcrumb > li.active{
color: #858585!important;
}
body.woocommerce:not(.archive) .breadcrumb-on-banner.banner-page .content-banner .title-page,
body.woocommerce:not(.archive) .breadcrumb-on-banner.banner-page .content-banner .page-title {
font-size: 42px;
margin-bottom: 15px;
}
.content-banner a {
color: inherit;
}
.layout-dark .content-banner{
color: #151515;
}
.layout-light .content-banner {
color: #fff;
} .banner-page.no_background .content-banner {
text-align: center;
position: absolute;
max-width: 100%;
padding-left: 20px;
padding-right: 20px;
margin-left: auto;
margin-right: auto;
left: 0;
right: 0;
top: 50%;
padding-top: 0;
transform: translateY(-50%);
-o-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
}
.no_background .content-banner .banner-inner {
background: transparent;
}
.header-pos-absolute .banner-page.no_background .content-banner {
padding-top: 110px;
}
.banner-page.no_background .content-banner .title-page {
margin-bottom: 11px;
}
.banner-page.no_background .content-banner .title-page,
.banner-page.no_background .content-banner .breadcrumb-trail .trail-items .trail-item {
color: #151515;
}
.banner-page.no_background .content-banner .title-page, .banner-page.no_background .content-banner .page-title {
font-size: 36px;
font-family: Jost700;
} .blog .banner-page.has_background,
.search .banner-page.has_background,
.category .banner-page.has_background {
margin-bottom: 40px;
}
.search .blog-content.classic .post-item {
margin-bottom: 50px;
}
.search-results .blog-content.classic .zonex-footer-info {
display: none;
}
.no-sidebar .sidebar {
display: none;
}
.blog-page {
padding-bottom: 60px;
margin: 40px auto 0;
}
.blog-page.no-sidebar.standard {
width: 1040px!important;
max-width: 100%!important;
}
.page-template-default:not(.woocommerce-page) .main-container.no-sidebar .page-main-content {
max-width: 1040px; 
margin: auto;
}
.blog-page.list {
padding-bottom: 54px;
}
.blog-page.left-sidebar .main-content {
float: right;
}
.post-content {
width: 100%;
display: inline-block;
}
.post-content .ziss-shop-wrap {
padding: 0;
}
span.title-tag {
letter-spacing: 0;
margin-right: 5px;
color: #151515;
font-family: Jost600;
text-transform: uppercase;
font-size: 11px;
}
.main-single-content:not(.single-standard) .post-info .tag-post a {
color: #868686;
font-size: 14px;
font-weight: 600;
border: 1px solid #dddddd;
display: inline-block;
padding: 0 20px;
letter-spacing: 0;
margin-right: 7px;
margin-bottom: 10px;
text-transform: none;
line-height: 34px;
}
.single-standard .post-info .cat-post a, .single-standard .post-info .tag-post a {
color: #aaaaaa;
font-weight: 600;
line-height: 34px;
display: inline-block;
margin: 0;
}
.post-info .cat-post a {
color: #aaaaaa;
line-height: 34px;
margin-bottom: 10px;
display: inline-block;
}
.post-title {
color: #151515;
font-weight: 400;
font-family: Jost500;
font-size: 36px;
}
.post-title a {
color: inherit;
}
.sticky .post-title a, .sticky .post-name a {
opacity: 0.8;
color: inherit;
border-bottom: 1px dashed;
}
.sticky .post-title a:hover, .sticky .post-name a:hover {
border-bottom: 2px dashed;
}
.post-title a:hover {
color: #ff3636;
}
.post-date, .post-author {
font-weight: 600;
font-size: 10px;
line-height: 24px;
letter-spacing: 2px;
text-transform: uppercase;
color: #868686;
display: inline-block;
}
.post-author a {
color: inherit;
}
.post-author-blog {
display: inline-block;
}
.post-author-blog a {
font-weight: 600;
color: #151515;
text-transform: CAPITALIZE;
}
.post-author-blog a:hover {
color: #ff3636;
}
.post-author a:hover {
color: #ff3636;
}
.post-author span {
color: #151515;
}
.post-content p:last-child {
margin-bottom: 0;
}
.single-post-meta {
width: 100%;
padding: 15px 0 48px;
border-bottom: 1px solid #e4e4e4;
}
.single-standard .single-post-meta {
padding: 20px 0 40px;
}
.single-standard .comments-area .title-comment {
margin-bottom: 10px;
}
.comment-navigation .nav-links {
margin: 15px 0;
}
.title-comment + .comment-navigation .nav-links {
margin-top: 0;
} .main-single-content:not(.single-standard) .single-post-meta {
display: flex;
justify-content: space-between;
width: 100%;
}
.main-single-content:not(.single-standard) .post-info .tag-post {
display: inline-block;
font-size: 0;
} .main-single-content .post-meta-content .post-comment {
font-size: 13px;
font-family: Jost;
color: #151515;
}
.main-single-content .post-meta-content a.post-author,
.main-single-content .post-meta-content a.post-date {
color: #151515;
margin-bottom: 0;
width: auto;
}
.main-single-content .cat-post {
font-size: 0;
margin-bottom: 5px;
display: inline-block;
}
.main-single-content  .cat-post a {
color: #151515;
font-size: 10px;
margin: 0;
text-transform: uppercase;
font-family: Jost600;
display: inline-block;
}
.main-single-content .cat-post a:hover{
opacity: 0.8;
}
.main-single-content .cat-post a::after {
content: '.';
position: relative;
font-size: 15px;
top: -3px;
margin: 0 5px;
}
.main-single-content .cat-post a:last-child::after {
display: none;
}
.main-single-content {
color: #151515;
line-height: 28px;
}
.single-post-content {
position: relative;
overflow: hidden;
width: 100%;
}
.single-post-extra {
width: 150px;
position: sticky;
float: left;
top: 0;
word-break: normal;
}
.single-post-extra + .single-post-content-inner {
width: calc(100% - 150px);
display: inline-block;
padding-left: 50px;
position: sticky;
top: 0;
}
.single-post-extra span.nav-subtitle {
width: 100%;
}
.single-post-nav a, .single-post-nav a p {
word-break: break-word;
}
span.nav-subtitle {
font-size: 10px;
font-family: jost600;
color: #858585;
display: inline-block;
line-height: 26px;
text-transform: uppercase;
}
span.nav-subtitle::before {
content: "";
width: 20px;
border-bottom: 4px solid;
position: relative;
margin-right: 10px;
top: -2px;
display: inline-block;
}
.single-post-nav:hover p {
text-decoration: underline;
}
.single-post-nav p {
font-size: 13px;
line-height: 20px;
color: #151515;
margin-top: 5px;
word-break: normal;
}
.single-post-extra .tag-post {
font-size: 0;
margin-bottom: 10px;
}
.tag-post a {
font-size: 13px;
font-family: Jost500;
margin-right: 15px;
color: #151515;
}
.tag-post a:hover {
opacity: 0.8;
}
.single-post-extra .tag-post span.title-tag,
.single-post-extra .share-title{
font-size: 10px;
font-family: jost600;
color: #858585;
display: inline-block;
line-height: 28px;
text-transform: uppercase;
width: 100%;
}
.single-post-extra .tag-post span.title-tag::before,
.single-post-extra .share-title::before {
content: "";
width: 20px;
border-bottom: 4px solid;
position: relative;
margin-right: 10px;
top: -2px;
display: inline-block;
}
.single-bottom-extra .tag-post {
font-size: 0;
}
.post-bottom-meta {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 30px;
}
.single-bottom-extra .tag-post a {
line-height: 40px;
display: inline-block;
border: 1px solid;
color: #151515;
padding: 0 30px;
}
.single-bottom-extra .tag-post a:hover {
background: #151515;
color: #fff;
border-color: #151515;
}
.single-bottom-extra .post-share {
margin-bottom: 0;
cursor: pointer;
}
.main-single-content .single-bottom-extra .zonex-social a {
font-size: 16px;
border-radius: 3px;
margin: 0;
background: #eee;
color: #151515;
display: inline-block;
width: 40px;
height: 40px;
text-align: center;
line-height: 40px;
}
.single-bottom-extra .zonex-social::after {
content: "\e912";
display: inline-block;
width: 40px;
height: 40px;
border: 1px solid #eee;
border-radius: 3px;
color: #858585;
margin-left: 5px;
font-size: 11px;
line-height: 39px;
text-align: center;
letter-spacing: -1px;
font-family: kazen-font;
float: right;
}
.main-single-content .single-bottom-extra .zonex-social a:nth-child(n + 4) {
display: none;
}
.single-bottom-extra .zonex-social:hover::after {
display: none;
}
.single-bottom-extra .zonex-social:hover a:nth-child(n + 4) {
display: inline-block;
}
.single-bottom-extra {
margin-bottom: 40px;
margin-top: 40px;
}
.single-bottom-extra .single-post-nav.previous-post-link {
float: left;
}
.single-bottom-extra .single-post-nav.next-post-link {
float: right;
text-align: right;
}
.single-bottom-extra span.nav-subtitle {
width: 100%;
margin-bottom: 6px;
}
.single-bottom-extra .post-link {
display: none;
width: 100%;
}
.single-bottom-extra span.nav-subtitle::before{
display: none;
}
.single-bottom-extra img.pagination-previous.wp-post-image {
float: left;
margin-right: 10px;
}
.single-bottom-extra img.pagination-next.wp-post-image {
float: right;
margin-left: 10px;
}
.single-bottom-extra .single-post-nav {
width: 50%;
}
h3.related-posts-title {
margin-top: 35px;
position: relative;
font-size: 24px;
border-top: 1px solid #eee;
padding-top: 38px;
margin-bottom: 20px;
} .zonex-breadcrumb .trail-items.breadcrumb {
background: transparent;
padding: 0;
margin: 20px 0;
}
.breadcrumb > li + li::before {
padding: 0 7px;
color: #666;
content: "\f105";
font-family: Fontawesome;
}
.zonex-breadcrumb .breadcrumb > li a, .zonex-breadcrumb .breadcrumb > li {
color: #151515;
font-size: 10px;
}
.zonex-breadcrumb .breadcrumb > li.active {
color: #999;
}
.zonex-breadcrumb .breadcrumb > li:hover {
color: #ff3636;
}
.post-info-layout1 .post-date {
margin: 0px 0 10px;
width: 100%;
}
.post-info-layout1 .post-thumb, .post-info-layout1 > img {
margin-bottom: 20px;
}
.post-info-layout1 .post-title {
margin-bottom: 15px;
}
.header-pos-absolute .single-container {
padding-top: 170px;
}
.single-container {
padding-bottom: 100px;
padding-top: 30px;
margin: 0 auto;
}
.single-container .post-single {
max-width: 100%;
margin-left: auto;
margin-right: auto;
}
.post-content .zonex-mapper {
margin-top: 30px;
}
.single-container .header-post {
margin-bottom: 50px;
position: relative;
min-height: 280px;
background: #151515;
}
.header-post .post-meta-content {
margin-bottom: 0;
margin-top: 5px;
}
.single-container.no-sidebar .header-post .post-thumb {
max-width: 100%;
margin-left: auto;
margin-right: auto;
}
.single-container .header-post .post-thumb img {
margin: auto;
min-height: 200px;
object-fit: cover;
}
.single-container .header-post .post-title {
font-size: 36px;
line-height: 54px;
font-family: Jost500;
color: #fff;
font-weight: 300;
margin-bottom: 0;
}
.single-container .header-post .tag-post a::before {
content: "#";
}
.single-container .header-post .cat-post a:hover,
.single-container .header-post .tag-post a:hover {
opacity: 0.8;
}
.single-container .header-post .post-info {
padding-bottom: 0;
display: inline-block;
width: 100%;
position: absolute;
left: 0;
right: 0;
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 100%);
bottom: 0;
text-align: center;
padding-top: 40px;
}
.single-container .post-info-content {
padding: 0 0 40px 0;
width: 870px;
display: inline-block;
text-align: center;
max-width: 90%;
}
.no-sidebar .main-single-content {
color: #151515;
line-height: 28px;
width: 900px;
margin: 0 auto;
float: none;
overflow: hidden;
max-width: 100%;
}
.post-info-content .cat-post {
font-size: 0;
margin-bottom: 5px;
display: inline-block;
}
.post-info-content .cat-post a {
font-weight: 400;
color: #fff;
font-size: 10px;
margin: 0;
text-transform: uppercase;
font-family: Jost500;
}
.post-info-content .cat-post a::after {
content: '.';
position: relative;
font-size: 15px;
top: -3px;
margin: 0 5px;
}
.post-info-content .cat-post a:last-child::after{
display:none;
}
.single-post-products-carousel-wrap {
position: relative;
border-bottom: 1px solid #e4e4e4;
}
.has-sidebar .single-post-products-carousel-wrap {
margin: 0;
left: 0;
width: auto;
}
h3.single-post-products-carousel-title {
margin-top: 60px;
margin-bottom: 50px;
}
.single-post-products-carousel {
margin-bottom: 10px;
}
.single-post-products-carousel.owl-carousel .owl-dots {
margin: 0 0 30px;
}
span.dropcap {
font-size: 36px;
color: #151515;
width: 64px;
height: 64px;
display: inline-block;
float: left;
margin-right: 10px;
text-align: center;
border: 1px solid;
line-height: 66px;
font-family: Jost700;
top: 9px;
position: relative;
}
.single-container .post-content p.drop-cap:first-letter {
color: #ffffff;
float: left;
font-size: 36px;
line-height: 28px;
display: inline-block;
text-align: center;
padding: 22px 25px;
margin-right: 16px;
margin-top: 5px;
border-radius: 50%;
background-color: #151515;
}
.post-gallery .owl-dots {
bottom: 10px;
}
div .wpb_image_grid .wpb_image_grid_ul {
margin: -5px;
}
div .wpb_image_grid .wpb_image_grid_ul img {
padding: 5px;
} .wpb_text_column h5 {
font-family: Jost500;
margin-bottom: 20px;
line-height: 30px;
}
.wpb_text_column h5 a {
border-bottom: 1px solid;
color: inherit;
}
.vc_toggle_active .vc_toggle_title .vc_custom_heading{
color: #151515!important;
}
.vc_toggle_title .vc_custom_heading {
font-family: Jost;
display: inline-block;
color: #454545!important;
margin: 0;
font-size: 20px!important;
}
div.vc_toggle_size_md .vc_toggle_icon::after {
height: 16px;
background: #a6a6a6;
}
div.vc_toggle_size_md .vc_toggle_icon::before {
width: 16px;
background: #a6a6a6;
}
.vc_toggle.vc_toggle_arrow {
margin-bottom: 10px;
}
.vc_toggle.vc_toggle_simple {
margin: 0 0 35px;
}
.vc_toggle.vc_toggle_simple:last-of-type {
margin-bottom: 0;
}
.vc_toggle.vc_toggle_simple.vc_toggle_active .vc_toggle_icon::before,
.vc_toggle.vc_toggle_simple.vc_toggle_active .vc_toggle_icon::after{
background: #151515;
}
.vc_toggle.vc_toggle_simple.vc_toggle_active > .vc_toggle_content {
display: block;
margin-bottom: 0;
color: #454545;
}
.vc_toggle_simple .vc_toggle_content p {
margin-bottom: 0;
}
.vc_toggle_simple .vc_toggle_icon {
float: right;
position: relative !important;
transform: none!important;
} 
div.vc_toggle_size_md.vc_toggle_simple .vc_toggle_content{
padding-left: 0;
padding-right: 130px;
}
div.vc_toggle_size_md.vc_toggle_simple .vc_toggle_title{
padding-left: 0;
padding-right: 100px;
}
div.vc_toggle_size_md.vc_toggle_arrow .vc_toggle_icon::before {
margin-top: -3px;
}
div.vc_toggle_size_md.vc_toggle_arrow .vc_toggle_icon::after {
margin-top: 0px;
color: #151515;
}
div.vc_toggle_size_md.vc_toggle_arrow .vc_toggle_icon::after, 
div.vc_toggle_size_md.vc_toggle_arrow .vc_toggle_icon::before {
height: 8px;
width: 8px;
border-color: inherit;
}
div.vc_toggle_size_md.vc_toggle_arrow .vc_toggle_icon {
width: 30px;
margin-left: 0;
float: left;
}
.vc_toggle_arrow .vc_toggle_content {
line-height: 22px;
margin: 0 0 0 30px;
color: #454545;
font-size: 15px;
}
.zonex-gallery.align-left {
margin-right: 20px;
}
.zonex-gallery.align-right {
margin-left: 20px;
float: right;
}
.zonex-gallery {
padding: 0;
}
.images-gallery {
margin: -5px;
padding: 0;
}
.img-wrap img {
width: 100%;
}
.images-gallery div.img-wrap{
padding: 5px;
float: left;
}
div.vc_images_carousel .vc_carousel-control{
width:50px;
opacity:1;
color: inherit;
}
div.vc_images_carousel .vc_carousel-control .icon-next, div.vc_images_carousel .vc_carousel-control .icon-prev {
width: 50px;
height: 50px;
border: 1px solid;
line-height: 50px;
font-size: 16px;
color: #fff;
text-shadow: 0 0 0;
}
div.vc_images_carousel .vc_carousel-control .icon-next:hover, div.vc_images_carousel .vc_carousel-control .icon-prev:hover {
color: #151515;
background: #fff;
border-color: #fff;
}
div.vc_images_carousel .vc_carousel-control .icon-next:before {
display: inline-block;
content: "\e94f";
transform: rotate(90deg);
font-family: kazen-font;
top: -2px;
}
div.vc_images_carousel .vc_carousel-control .icon-prev:before {
display: inline-block;
content: "\e94f";
transform: rotate(-90deg);
font-family: kazen-font;
top: -2px;
}
div.vc_images_carousel .vc_carousel-control.vc_right {
right: 20px;
}
div.vc_images_carousel .vc_carousel-control.vc_left {
left: 20px;
}
div.vc_images_carousel .vc_carousel-indicators li {
display: inline-block;
width: 6px;
height: 6px;
text-indent: -999px;
border-radius: 10px;
position: relative;
cursor: pointer;
border: none;
margin: 0 10px;
background-color: rgba(255,255,255,.7);
}
div.vc_images_carousel .vc_carousel-indicators li.vc_active {
display: inline-block;
width: 6px;
height: 6px;
text-indent: -999px;
border-radius: 10px;
position: relative;
cursor: pointer;
border: none;
margin: 0 10px;
background-color: rgba(0,0,0,1);
}
.vc_images_carousel .vc_carousel-indicators li::before {
content: "";
width: 21px;
height: 21px;
background: transparent;
position: absolute;
top: -8px;
z-index: -1;
left: -8px;
border-radius: 50%;
transform: scale(0);
-o-transform: scale(0);
-webkit-transform: scale(0);
transition: 0.2s;
}
.vc_images_carousel .vc_carousel-indicators li.vc_active::before {
background: #fff;
transform: scale(1);
-o-transform: scale(1);
-webkit-transform: scale(1);
} .single-container .footer-post {
padding-bottom: 30px;
margin-bottom: 40px;
border-bottom: 1px solid #e4e4e4;
position: relative;
clear: both;
text-align: center;
padding-top: 25px;
}
.main-single-content .zonex-social a:hover {
color: #ff3636;
}
.main-single-content .zonex-social a {
font-size: 16px;
border-radius: 50%;
margin: 0 15px 0 0;
color: #151515;
}
.main-single-content .zonex-social a:last-child {
margin: 0;
}
.post-share {
margin-bottom: 20px;
}
.about-me {
border: 1px solid #dedede;
position: relative;
display: inline-block;
width: 100%;
margin-top: 20px;
margin-bottom: 40px;
}
.about-me .author-title {
display: inline-block;
position: absolute;
top: -26px;
left: 50%;
z-index: 1;
font-weight: 600;
font-size: 22px;
background-color: #fff;
padding: 10px 50px;
text-align: center;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-o-transform: translateX(-50%);
-ms-transform: translateX(-50%);
}
.about-me .avatar-img {
width: 175px;
margin: 40px;
border-radius: 50%;
float: left;
overflow: hidden;
}
.about-me .about-text {
padding: 40px;
}
.about-me .author-name {
text-transform: uppercase;
font-size: 16px;
font-weight: 700;
letter-spacing: 2px;
}
.about-me .author-desc {
margin-bottom: 25px;
}
@media (max-width: 767px) {
.about-me .author-title {
top: -22px;
font-size: 18px;
padding: 10px 30px;
min-width: 200px;
}
.about-me .avatar-img {
width: 100px;
}
}
@media (max-width: 479px) {
.about-me .avatar-img {
margin: 40px auto;
float: none;
text-align: center;
}
.about-me .about-text {
display: inline-block;
width: 100%;
padding-top: 0;
}
}
.user-socials-wrap .user-social {
display: block;
width: 48px;
height: 48px;
line-height: 48px;
float: left;
margin-right: 15px;
margin-bottom: 15px;
background-color: #1e1e1e;
color: #fff;
border-radius: 50%;
text-align: center;
}
.user-socials-wrap .user-social i {
line-height: 48px;
font-size: 16px;
}
.user-socials-wrap .user-social:hover {
background-color: #ff3636;
} .single-container .post-info + h3.related-posts-title {
margin-top: 35px;
border-top: 1px solid #eee;
padding-top: 35px;
}
h3.related-posts-title {
margin-bottom: 30px;
position: relative;
font-size: 24px;
}
.zonex-related-posts-wrap h6.blog-title {
margin-top: 18px;
}
.single-container .zonex-related-posts-wrap .no-post-thumbnail .post-info {
margin-top: 0;
}
.single-container .zonex-related-posts-wrap .post-info {
padding-bottom: 5px;
margin-top: 10px;
}
.zonex-related-posts-wrap .post-date {
color: #333;
}
.zonex-related-posts-wrap a + a.post-date {
display: inline-block;
background: #fff;
position: absolute;
padding: 12px 22px;
font-size: 12px;
top: 0;
color: #333;
letter-spacing: 2px;
width: auto;
line-height: 28px;
height: 52px;
transform-origin: left top 0;
-webkit-transform-origin: left top 0;
transform: rotate(90deg);
-o-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
font-weight: 600;
white-space: nowrap;
left: 52px;
}
.post-single .owl-dots {
margin-top: 30px;
}
.post-single .owl-dots .owl-dot.active span {
border-color: #ff3636;
background: #ff3636;
} .single-standard .tag-post span.title-tag {
display: inline-block;
} .comments-area {
border-top: 1px solid #eee;
padding-top: 37px;
margin-top: 27px;
}
.comments-area .title-comment {
margin-bottom: 30px;
text-align: left;
font-family: Jost500;
position: relative;
font-size: 24px;
}
.comments-area .commentlist,
.comments-area .commentlist .children {
list-style: none;
}
.comments-area .no-comments {
text-align: center;
margin-top: 10px;
}
div.comments-area .no-comments {
margin-top: 80px;
} .commentlist {
list-style: none;
margin-left: auto;
margin-right: auto;
padding-left: 0;
}
.comment:not(:last-child) {
border-bottom: 1px solid #dedede;
padding-bottom: 30px;
margin-bottom: 30px;
}
.commentlist .children {
padding-left: 60px;
padding-top: 25px;
margin-top: 25px;
border-top: 1px solid #dedede;
}
.comment_container {
position: relative;
overflow: hidden;
}
.comment_container .zonex-avatar {
float: left;
width: 50px;
}
.comment-text {
font-size: 15px;
padding-left: 10px;
overflow: hidden;
color: #151515;
margin-top: 5px;
text-align: left;
}
.comment-text .star-rating{
float: right;
}
.comment-text .description {
font-size: 13px;
color: #454545;
margin-top: 7px;
}
.comment-top {
display: table;
width: 100%;
}
.comment-top .comment-meta {
display: table-cell;
}
.comment-top .comment-meta .comment-author {
line-height: 20px;
color: #151515;
font-size: 15px;
text-transform: capitalize;
margin-bottom: 0;
font-family: Jost600;
}
.comment-top .comment-meta .grow {
display: inline-block;
font-size: 13px;
line-height: 20px;
color: #858585;
}
.comment_container .flex {
display: table-cell;
text-align: right;
vertical-align: bottom;
padding-left: 20px;
}
.comment_container .flex a {
color: #151515;
display: inline-block;
font-size: 10px;
line-height: 13px;
margin-left: 10px;
text-transform: uppercase;
font-family: Jost500;
}
.pingback > p > a {
padding-left: 5px;
}
.pingback .edit-link {
display: inline-block;
}
.comment_container .flex a:hover {
color: #ff3636;
}
.comment-text p:last-child {
margin-bottom: 0;
} .page-template-default div#comments {
margin-top: 80px;
}
.commentlist ~ .comment-respond, .commentlist .comment-respond {
border-top: 1px solid #e3e3e3;
padding-top: 45px;
margin: 40px auto 0;
}
.comment-respond .comment-reply-title {
margin-bottom: 9px;
position: relative;
font-size: 24px;
text-align: left;
display: inline-block;
font-family: Jost500;
width: 100%;
color: #151515;
}
.comment-respond .comment-reply-title small {
display: block;
font-size: 13px;
color: #ff3636;
margin: 10px 0 0;
font-style: italic;
}
.comment-form {
width: 100%;
margin-left: auto;
margin-right: auto;
text-align: left;
}
.comment-form p.stars {
top: 2px;
position: relative;
}
.comment-form-cookies-consent input[type=checkbox] {
margin: 2px 5px 0 0;
position: relative;
top: 4px;
}
p.comment-form-cookies-consent {
display: flex;
}
.comment-form label {
font-size: 13px;
color: #858585;
font-weight: 400;
font-family: Jost;
margin-bottom: 0;
}
.comment-form .required {
color: #ff0000;
font-size: 16px;
}
.comment-form input[type="text"], .comment-form input[type="email"] {
width: 100%;
height: 36px;
line-height: 36px;
border: none;
font-size: 15px;
padding: 0;
border-bottom: 2px solid rgba(0,0,0,.1);
}
.comment-form input[type="text"]:focus, .comment-form input[type="email"]:focus,
.comment-form textarea:focus {
border-color: #151515;
}
#review_form_wrapper {
margin-left: 40px;
}
.woocommerce-Reviews > #review_form_wrapper {
margin-top: 50px;
margin-left: 0;
}
.comment-form .comment-form-author,
.comment-form .comment-form-email {
margin-bottom: 25px;
}
.comment-form .comment-form-comment {
margin-bottom: 15px;
}
.comment-form textarea {
line-height: 28px;
padding: 5px 0;
max-height: 135px;
width: 100%;
font-size: 15px;
text-transform: CAPITALIZE;
border-color: rgba(0,0,0,.1);
border-width: 0 0 2px 0;
}
.comment-form .form-submit {
margin-bottom: 0;
}
.comment-form .form-submit .submit {
min-width: 178px;
font-size: 10px;
border: 1px solid;
height: 50px;
line-height: 50px;
font-family: Jost600;
background: #fff;
color: #151515;
}
#review_form_wrapper input#submit {
margin-bottom: 50px;
}
.comment-form .form-submit .submit:hover {
background: #151515;
border-color: #151515;
color: #fff;
}
.single-container .post-single + .comments-area {
margin-top: 63px;
} .woocommerce-Tabs-panel .woocommerce-Reviews {
text-align: left;
}
h2.woocommerce-Reviews-title {
text-align: center;
margin-bottom: 30px;
}
.average-rating {
width: 160px;
height: 160px;
display: flex;
font-size: 45px;
align-items: center;
color: #151515;
justify-content: center;
background: #f4f4f4;
border-radius: 50%;
margin-bottom: 20px;
}
.comment-form-wrap {
margin-top: 50px;
}
.has-sidebar .comment-form-wrap > .row > div.col-md-5 {
display: block;
width: 100%;
}
.has-sidebar .comment-form-wrap > .row > div {
display: none;
}
.has-sidebar .comment-form-wrap #review_form_wrapper {
margin-left: 0;
}
.woocommerce-Reviews .woocommerce-product-rating {
display: inline-block;
text-align: center;
float: left;
}
.woocommerce-product-rating p.preview-count {
position: relative;
top: -3px;
}
.entry-summary p.preview-count {
display: none;
}
.woocommerce-product-rating a.woocommerce-review-link {
display: block;
color: #868686;
font-size: 16px;
}
.woocommerce-product-rating .star-rating {
display: table;
margin: 15px auto;
}
.woocommerce-Reviews .woocommerce-product-rating .star-rating::before,.woocommerce-Reviews .woocommerce-product-rating .star-rating span::before {
font-size: 20px;
}
span.rating-detail-title {
font-size: 24px;
color: #151515;
display: inline-block;
font-family: Jost500;
margin-bottom: 15px;
width: 100%;
text-align: left;
}
.star-rating-count {
display: inline-block;
background: #f4f4f4;
width: calc(100% - 35px);
height: 10px;
border-radius: 10px;
}
.star-rating-count {
display: inline-block;
background: #f4f4f4;
width: calc(100% - 40px);
height: 10px;
position: relative;
border-radius: 10px;
}
.star-rating-count span {
display: inline-block;
height: 10px;
position: absolute;
background: #03d607;
top: 0;
border-radius: 10px;
left: 0;
}
ul.review-details-list {
line-height: 42px;
}
span.review-num {
font-size: 14px;
color: #151515;
margin-right: 5px;
max-width: 40px;
font-weight: 600;
}
span.review-num::after {
content: "\e96f";
font-family: kazen-font;
color: #03d607;
margin: 0 5px;
}
.woocommerce-Reviews .review {
display: inline-block;
padding: 0 0 30px;
margin-bottom: 30px;
width: 100%;
border-bottom: 1px solid #d7d7d7;
}
.woocommerce-Reviews .comment_container {
padding: 0;
} .zonex-container {
max-width: 100%;
margin-left: auto;
margin-right: auto;
display: block !important;
}
.more-link, .read-more {
font-weight: 500;
font-size: 14px;
line-height: 24px;
letter-spacing: 0;
text-transform: none;
position: relative;
color: #333333;
padding-bottom: 2px;
display: inline-block;
}
.more-link::before, .read-more::before {
content: '';
position: absolute;
bottom: -2px;
left: 0;
width: 100%;
transition: bottom 0.5s ease 0s;
-o-transition: bottom 0.5s ease 0s;
-webkit-transition: bottom 0.5s ease 0s;
border-bottom: 1px solid;
}
.more-link::after, .read-more::after {
content: "\f0da";
font-family: FontAwesome;
font-size: 14px;
margin: 0 0 0 10px;
}
.more-link:hover::before, .read-more:hover::before {
bottom: 1px;
}
.more-link .meta-nav {
font-size: 18px;
}
.footer-info {
position: relative;
}
.classic .footer-info {
margin-top: 30px;
} .post-expand {
position: relative;
}
.post-expand > div:first-child {
margin-left: 0 !important;
}
.post-expand > div:last-child {
margin-right: 0 !important;
} .post-product-carousel .icons,
.social-share .icons {
display: inline-block;
line-height: 28px;
font-size: 16px;
color: #151515;
position: relative;
}
.post-product-carousel:hover .icons,
.social-share:hover .icons {
color: #ff3636;
}
.post-product-carousel .icons::after {
opacity: 0;
visibility: hidden;
content: '';
border-width: 10px 9px;
border-style: solid;
border-color: #ffffff transparent transparent transparent;
position: absolute;
bottom: 27px;
left: 0;
right: 0;
margin: auto;
width: 0;
height: 0;
z-index: 2;
transition: opacity 0.7s, visibility 0.7s, border-color 0.7s;
} .post-product-carousel {
display: inline-block;
position: relative;
cursor: pointer;
}
.post-product-carousel:hover .icons::after,
.post-product-carousel:hover .post-product-list {
opacity: 1;
visibility: visible;
}
.post-product-carousel .post-product-list {
opacity: 0;
visibility: hidden;
position: absolute;
bottom: 50px;
width: 439px;
padding: 15px;
background-color: #ffffff;
-webkit-box-shadow: 0 7px 20px 0 rgba(0, 0, 0, 0.09);
-moz-box-shadow: 0 7px 20px 0 rgba(0, 0, 0, 0.09);
box-shadow: 0 7px 20px 0 rgba(0, 0, 0, 0.09);
transition: 0.7s;
z-index: 1;
} body:not(.single) .social-share {
display: inline-block;
position: relative;
cursor: pointer;
}
body:not(.single) .social-share:hover .icons::after,
body:not(.single) .social-share:hover .zonex-social {
opacity: 1;
visibility: visible;
}
body:not(.single) .social-share .zonex-social {
opacity: 0;
visibility: hidden;
height: 32px;
line-height: 32px;
text-align: center;
background-color: #efefef;
border-radius: 32px;
position: absolute;
bottom: -45px;
transition: 0.7s;
z-index: 1;
display: inline-flex;
min-width: 185px;
justify-content: center;
}
body:not(.single) .social-share .zonex-social a {
display: inline-block;
line-height: 36px;
padding: 0 13px;
font-size: 14px;
}
body:not(.single) .social-share:hover .flaticon-share::after {
opacity: 1;
visibility: visible;
}
body:not(.single) .social-share .flaticon-share::after {
opacity: 0;
visibility: hidden;
content: '';
border-width: 10px 6px;
border-style: solid;
border-color: transparent transparent #efefef transparent;
position: absolute;
bottom: -14px;
left: 0;
right: 0;
margin: auto;
width: 0;
height: 0;
transition: opacity 0.7s, visibility 0.7s, border-color 0.7s;
z-index: 2;
} .comment-count {
display: inline-block;
line-height: 20px;
background-color: transparent;
padding: 0 5px;
color: #868686;
font-size: 14px;
text-align: center;
position: relative;
vertical-align: top;
margin-top: 3px;
}
.comment-count::before {
content: "\e921";
font-family: kazen-font;
font-size: 13px;
color: #151515;
position: relative;
margin-right: 5px;
top: 1px;
} .blog-top {
display: flex;
justify-content: space-between;
margin-bottom: 22px;
}
.list-categories ul, .list-categories ul li {
list-style: none;
padding: 0;
display: inline-block;
}
.list-categories a:hover,.list-categories .current-cat a{
border-bottom: 1px solid;
}
.list-categories a {
font-size: 10px;
text-transform: uppercase;
font-family: Jost700;
margin-right: 25px;
display: inline-block;
color: #151515;
border-bottom: 1px solid transparent;
line-height: 24px;
}
.blog-top .zonex-searchform {
width: 135px;
}
.blog-top .zonex-searchform input[type='text'] {
width: 100%;
height: 24px;
font-size: 13px;
line-height: 24px;
border: none;
padding: 0 0 0 40px;
font-family: Jost500;
background-color: #fff;
color: #151515;
}
.blog-top .zonex-searchform button,.blog-top .zonex-searchform button:hover {
position: absolute;
float: left;
top: 3px;
bottom: 0;
left: 0;
width: 40px;
font-weight: 400;
height: 24px;
line-height: 28px;
padding: 0;
text-align: center;
color: #151515;
font-size: 16px;
background: #fff;
} .blog-content.classic .post-item {
margin-bottom: 60px;
}
.blog-content.classic .post-thumb {
margin-bottom: 20px;
}
.blog-content.classic .post-info .post-title {
font-size: 24px;
line-height: 24px;
margin-bottom: 10px;
}
.blog-content.classic .post-info .zonex-post-meta {
margin-bottom: 15px;
overflow: hidden;
position: relative;
}
.blog-content.classic .zonex-post-meta > span:not(:last-child)::after {
display: inline-block;
content: '|';
padding: 0 8px 0 12px;
}
.blog-content.classic .zonex-post-meta .zonex-post-date,
.blog-content.classic .zonex-post-meta .zonex-post-author,
.blog-content.classic .zonex-post-meta .zonex-comment-count {
display: inline-block;
font-size: 11px;
line-height: 24px;
letter-spacing: 0.1em;
text-transform: uppercase;
}
.blog-content.classic .zonex-footer-info {
padding-top: 20px;
margin-top: 25px;
border-top: 1px solid #ebebeb;
}
.blog-content.classic .zonex-footer-info .zonex-cat-post,
.blog-content.classic .zonex-footer-info .zonex-tag-post {
font-size: 11px;
line-height: 24px;
letter-spacing: 0.1em;
text-transform: uppercase;
margin-bottom: 5px;
} .blog-content.simplpe .post-info .cat-post {
font-size: 0;
}
.blog-content.list .post-expand {
float: right;
text-align: right;
line-height: 30px;
}
.blog-content.list .post-expand > div {
margin-right: 10px;
}
.blog-content.list .post-product-carousel {
color: #151515;
font-size: 20px;
}
.blog-content.list .post-product-carousel .post-product-list {
right: -89px;
}
.social-share {
color: #333;
font-size: 18px;
font-weight: 600;
}
.post-thumb-wrap {
float: left;
position: relative;
display: inline-block;
overflow: hidden;
margin-right: 30px;
}
.simplpe .post-info {
overflow: hidden;
padding-top: 15px;
}
.simplpe .post-thumb {
width: 100%;
}
.blog-content.list {
margin-left: -15px;
width: auto;
margin-right: -15px;
}
.simplpe .post-item {
padding-bottom: 30px;
padding-left: 15px;
width: 100%;
display: inline-block;
padding-right: 15px;
}
.blog-content.simplpe .cat-post a {
color: #151515;
font-size: 10px;
text-transform: uppercase;
font-family: Jost700;
}
.blog-content.simplpe .cat-post a::after {
content: '.';
position: relative;
font-size: 15px;
top: -3px;
margin: 0 5px;
}
.blog-content.simplpe .blog-title {
color: #151515;
font-size: 24px;
position: relative;
font-family: Jost500;
overflow: hidden;
display: block;
margin-bottom: 10px;
}
.blog-content.simplpe .blog-content {
font-size: 15px;
color: #858585;
margin-bottom: 15px;
font-family: Jost;
line-height: 22px;
}
.blog-content.simplpe a.blog-date {
text-transform: uppercase;
font-size: 10px;
font-family: Jost500;
width: 100%;
color: #959595;
margin: 0;
display: inline-block;
} .post-masonry .blog-thumb {
position: relative;
}
.blog-content.post-masonry .cat-post {
font-size: 0;
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 10px 20px;
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#15151500', endColorstr='#bf000000',GradientType=0 );
}
.blog-content.post-masonry .cat-post a {
color: #fff;
font-size: 10px;
text-transform: uppercase;
font-family: Jost500;
}
.blog-content.post-masonry .cat-post a::after {
content: '.';
position: relative;
font-size: 15px;
top: -3px;
margin: 0 5px;
}
.blog-content.post-masonry .cat-post a:last-child::after {
display: none;
}
.post-masonry .blog-info {
padding-top: 30px;
padding-bottom: 40px;
}
.blog-content.post-masonry .blog-title {
color: #151515;
font-size: 24px;
position: relative;
font-family: Jost500;
overflow: hidden;
display: block;
margin-bottom: 10px;
}
.blog-content.post-masonry .blog-content {
font-size: 15px;
color: #858585;
margin-bottom: 15px;
font-family: Jost;
line-height: 22px;
}
.blog-content a.read-more-blog:hover {
border-bottom: 1px solid;
}
.blog-content a.read-more-blog {
font-size: 10px;
text-transform: uppercase;
color: #151515;
padding: 3px 0;
}
.blog-thumb img {
width: 100%;
}
.blog-content .cat-post a:last-child::after{
display: none;
} .blog-content.grid .post-thumb {
overflow: hidden;
}
.blog-content.grid .post-thumb:hover img {
transform: scale(1.05);
-o-transform: scale(1.05);
-webkit-transform: scale(1.05);
}
.post-thumb img {
position: relative;
transition: all 0.3s linear 0s;
-o-transition: all 0.3s linear 0s;
-webkit-transition: all 0.3s linear 0s;
z-index: 0;
}
.post-item:hover .post-thumb img {
transform: scale(1.03);
-o-transform: scale(1.03);
-webkit-transform: scale(1.03);
}
.blog-content.grid article {
margin-bottom: 40px;
}
.grid .post-info .cat-post a {
margin: 0;
}
.blog-content.grid .post-info {
display: inline-block;
background: #ffffff;
margin-top: 0;
text-align: left;
width: 100%;
padding: 27px 0 0 0;
}
.blog-content.grid .post-info .cat-post {
font-size: 12px;
color: #919191;
letter-spacing: 1px;
float: left;
max-width: calc(100% - 90px);
}
.blog-content.grid .post-info .post-title::before {
content: "";
width: 50px;
position: absolute;
bottom: 0;
left: 0;
border-bottom: 1px solid #ff3636;
}
.blog-content.grid .post-info .post-title {
font-size: 19px;
line-height: 24px;
font-weight: 400;
margin: 0;
position: relative;
padding-bottom: 15px;
}
.grid a.read-more-blog {
border: none;
padding: 0;
font-size: 12px;
line-height: 24px;
letter-spacing: 2px;
text-transform: uppercase;
}
.grid .post-expand {
float: right;
line-height: 28px;
max-width: 90px;
}
.blog-content.grid .post-info .post-date {
font-size: 9px;
margin-bottom: 12px;
}
.grid .header-info {
display: none;
width: 100%;
line-height: 20px;
margin-top: 7px;
}
.blog-content.grid .content-info {
margin-bottom: 15px;
}
.content-desc {
padding-bottom: 25px;
}
.blog-content.grid .read-more {
margin-bottom: 13px;
}
.blog-content.grid .post-expand > div {
margin-left: 8px;
}
.blog-content.grid .post-product-carousel .post-product-list,
.blog-content.grid .social-share .zonex-social {
left: 50%;
transform: translateX(-50%);
-o-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
}
.post-thumb-grid {
position: relative;
}
.blog-content.grid .cat-post {
margin: 27px 0 5px;
font-size: 0;
}
.blog-content.grid .cat-post a {
color: #151515;
font-size: 10px;
text-transform: uppercase;
font-family: Jost700;
}
.blog-content .cat-post a:hover {
opacity: 0.8;
}
.blog-content.grid .cat-post a::after {
content: '.';
position: relative;
font-size: 15px;
top: -3px;
margin: 0 5px;
}
.blog-content.grid .blog-title {
color: #151515;
font-size: 24px;
position: relative;
font-family: Jost500;
overflow: hidden;
display: block;
margin-bottom: 10px;
}
.blog-content .blog-title:hover {
opacity: 0.8;
}
.blog-title a {
color: inherit;
}
.blog-content.grid .blog-content {
font-size: 15px;
color: #858585;
margin-bottom: 15px;
font-family: Jost;
line-height: 22px;
}
.blog-content.grid a.blog-date {
text-transform: uppercase;
font-size: 10px;
font-family: Jost500;
width: 100%;
color: #959595;
margin: 0;
display: inline-block;
}
.post-password-form input[type="submit"], .post-password-form input {
line-height: 48px;
padding: 0 25px;
height: 48px;
}
.post-password-form input[type="password"] {
font-family: Arial;
}
.post-item:not(.has-post-thumbnail) .post-thumb-grid .post-date {
position: relative;
transform: none;
padding: 0;
left: 0;
height: auto;
text-align: left;
float: left;
} .blog-page.feature .container {
width: 100%;
padding: 0 50px;
}
.blog-page.feature {
max-width: inherit!important;
}
.post-feature .post-thumb {
position: relative;
overflow: hidden;
}
.post-content-ininer {
position: relative;
}
.post-feature .post-info {
position: absolute;
bottom: 0;
left: 0;
padding: 15px 30px;
}
.post-item.blog-item-feature {
margin-bottom: 30px;
}
.post-feature h2.blog-title {
font-size: 18px;
font-family: Jost500;
color: #fff;
margin: 0;
}
.post-items-right .post-info {
position: absolute;
bottom: 0;
left: 0;
padding: 15px 30px;
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 100%);
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 100%);
color: #fff;
right: 0;
}
.post-feature .cat-post {
font-size: 0;
}
.post-feature .cat-post a {
color: #fff;
font-size: 10px;
margin: 0;
text-transform: uppercase;
font-family: Jost500;
}
.post-feature .cat-post a::after {
content: '.';
position: relative;
font-size: 15px;
top: -3px;
margin: 0 5px;
}
.post-feature .cat-post a:last-child::after {
display: none;
}
.post-feature .blog-content-desc {
color: rgba(255,255,255,.7);
line-height: 22px;
width: 100%;
height: 0;
margin-top: 0;
overflow: hidden;
transition: height 0.3s linear 0s,margin-top 0.5s linear 0s;
}
.post-feature .post-item:hover .blog-content-desc {
margin-top: 10px;
height: 44px;
}
.post-feature .post-items-inner {
padding-right: 20px;
}
.post-feature .post-item .post-thumb img {
width: 100%;
}
a.feature-post-loadmore {
width: 100%;
line-height: 60px;
background: #151515;
text-align: center;
display: inline-block;
color: #fff;
font-size: 10px;
text-transform: uppercase;
font-family: Jost600;
margin-top: 20px;
}
a.feature-post-loadmore:not(.no-more-post)::before {
font-family: 'FontAwesome', sans-serif;
-webkit-animation: spin 1s infinite steps(8);
animation: spin 1s infinite steps(8);
content: "\f110";
font-size: 0;
display: inline-block;
margin-right: 0;
position: relative;
line-height: 5px;
transition: margin-right 0.3s;
top: 2px;
}
a.feature-post-loadmore.loading::before {
font-size: 16px;
margin-right: 10px;
}
.post-meta-content {
color: rgba(255,255,255,.8);;
display: flex;
align-items: center;
justify-content: center;
margin-top: 15px;
line-height: 24px;
margin-bottom:25px;
}
.post-meta-content .post-comment::before {
content: "\e921";
font-family: kazen-font;
font-size: 14px;
margin-right: 7px;
}
.post-meta-content .post-comment {
font-size: 13px;
font-family: Jost;
color: rgba(255,255,255,.8);
}
.post-meta-content a.post-author,.post-meta-content a.post-date  {
color: rgba(255,255,255,.8);
font-size: 13px;
text-transform: CAPITALIZE;
letter-spacing: 0;
font-family: Jost;
font-weight: 400;
margin-right: 25px;
}
.post-meta-content a.post-author:hover, .post-meta-content a.post-date:hover {
opacity: 0.5;
}
.post-items-left .post-info {
padding: 40px 50px;
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 100%);
right: 0;
}
.post-items-left h2.blog-title {
font-size: 36px;
}
.post-meta-content a.post-author::before {
content: "\e922";
font-family: kazen-font;
font-size: 14px;
margin-right: 10px;
}
.post-meta-content a.post-date::before {
content: "\e930";
font-family: kazen-font;
font-size: 14px;
margin-right: 10px;
}
.post-items-left .kz-long-arrow-right:before {
display: inline-block;
content: "\e94f";
transform: rotate(90deg);
}
.post-items-left .kz-long-arrow-left:before {
display: inline-block;
content: "\e94f";
transform: rotate(-90deg);
}
.post-items-left .owl-nav button.owl-next {
width: 50px;
height: 50px;
line-height: 54px;
border: 1px solid #797879;
margin: 0 10px;
font-size: 17px;
}
.post-items-left .owl-nav button.owl-prev {
width: 50px;
height: 50px;
line-height: 54px;
border: 1px solid #797879;
font-size: 17px;
}
.post-items-left .owl-nav button.owl-next:hover,
.post-items-left .owl-nav button.owl-prev:hover{
background: #fff;
border-color: #fff;
color: #151515;
opacity: 1;
}
.post-items-left .owl-nav {
position: absolute;
bottom: 50px;
right: 40px;
}
@media (min-width: 4000px) {
div div.blog-content.blog-modern {
padding: 0 400px;
}
}
@media (min-width: 2400px) {
div.blog-content.blog-modern {
padding: 0 200px;
}
}
.blog_style_modern {
background: #f6f6f6;
}
.blog-content.blog-modern {
position: relative;
width: 100vw;
margin-left: -50vw;
left: 50%;
padding: 0 120px;
margin-right: 0;
}
.modern nav.navigation.pagination {
text-align: center;
}
.blog-modern .post-item {
display: table;
vertical-align: middle;
margin-bottom: 60px;
}
.post-item-inner {
background: #fff;
}
.blog-modern .post-item:nth-child(2n+1) {
clear: left;
}
.blog-modern .post-thumb {
width: 40%;
display: table-cell;
vertical-align: middle;
position: relative;
z-index: 1;
}
.blog-modern .post-info {
max-width: 60%;
display: table-cell;
vertical-align: middle;
padding: 30px;
text-align: center;
}
.blog-modern .post-item a.thumb-link, .blog-modern .post-item a.thumb-link img {
width: 100%;
}
.blog-modern .post-title::before {
content: "";
width: 50px;
border-bottom: 1px solid #ff3636;
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
-o-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
}
.blog-modern .post-title {
color: #151515;
font-weight: 600;
padding: 10px 50px 17px;
font-size: 18px;
position: relative;
margin-bottom: 20px;
}
.blog-modern a.read-more-blog {
display: inline-block;
font-size: 12px;
line-height: 44px;
font-weight: 700;
padding: 0 30px;
text-transform: uppercase;
letter-spacing: 2px;
border: 2px solid;
margin-top: 38px;
}
.blog-modern a.read-more-blog::after {
display: none;
}
.post-item select {
margin-bottom: 20px;
} .blog-content-standard .post-item {
margin-bottom: 55px;
border-bottom: 1px solid #ebebeb;
padding-bottom: 50px;
display: inline-block;
width: 100%;
}
.blog-content-standard p[style], 
.single-standard p[style],
.has-large-font-size{
line-height: 1.2;
}
.blog-content-standard .post-item:last-child {
padding: 0;
margin: 0;
border: none;
}
.blog-content-standard .post-expand {
display: inline-block;
width: 100%;
margin-top: 30px;
}
.blog-content-standard .post-expand .cat-post,
.blog-content-standard .post-expand .tag-post {
float: left;
width: 100%;
font-size: 12px;
line-height: 24px;
text-transform: uppercase;
color: #999999;
margin-top: 5px;
}
.blog-content-standard .post-expand a {
color: #858585;
font-family: Jost500;
margin-right: 0;
font-size: 11px;
}
.blog-content-standard .post-expand a:hover {
color: #ff3636;
}
.blog-content-standard .tag-post span.title-tag {
display: inline-block;
}
.blog-content-standard .post-expand .comment-count {
float: right;
}
.blog-content-standard .post-comment {
display: inline-block;
min-width: 25px;
height: 17px;
line-height: 20px;
background-color: #151515;
padding: 0 5px;
color: #ffffff;
font-size: 10px;
text-align: center;
top: 0;
right: 0;
position: absolute;
vertical-align: top;
margin-top: 3px;
}
.blog-content-standard .post-comment::before {
content: '';
display: block;
position: absolute;
left: 5px;
bottom: -5px;
border-width: 0 0 5px 8px;
border-style: solid;
border-color: transparent transparent transparent #151515;
}
.blog-content-standard .post-expand {
display: inline-block;
width: 100%;
margin-top: 30px
}
.blog-content-standard .categories.cat-post, .blog-content-standard .tabs.tag-post {
text-transform: uppercase;
padding-right: 40px;
font-size: 12px;
letter-spacing: 2px;
font-weight: 600;
}
.blog-content-standard .categories.cat-post a, .blog-content-standard .tabs.tag-post a {
font-size: 16px;
letter-spacing: 0;
text-transform: none;
font-weight: 400;
}
.blog-content-standard + nav.navigation.pagination {
padding-top: 60px;
margin-top: 40px;
border-top: 1px solid #ebebeb;
}
.blog-content-standard .post-date {
margin-bottom: 10px;
}
.blog-content-standard .post-thumb {
position: relative;
display: inline-block;
overflow: hidden;
}
.blog-content-standard .post-date a {
color: #858585;
}
.blog-content-standard .post-date a:hover {
opacity: 0.8;
}
.blog-content-standard a.more-link::after {
display: none;
}
.blog-content-standard h3.post-name {
word-wrap: break-word;
margin-bottom: 20px;
font-weight: 400;
font-size: 30px;
} 
.blog-content-standard .comment-count {
float: right;
}
.post-name a {
color: #151515;
}
.post-name a:hover {
color: rgba(21,21,21,.8);
}
.blog-content-standard .zonex-gallery {
padding: 0;
margin: 20px 0;
}
.blog-content-standard .vc_row {
padding-bottom: 30px;
}
.blog-content-standard .vc_custom_heading {
margin-bottom: 30px
} nav.navigation.pagination {
margin-bottom: 0px;
}
.pagination {
width: 100%;
margin-top: 0;
margin-bottom: 0;
text-align: left;
}
.post-pagination {
margin-top: 40px;
margin-bottom: 11px;
}
.woocommerce-pagination {
margin-top: 10px;
}
nav.prdctfltr-ignite {
opacity: 1;
}
.has-sidebar .prdctfltr_faded + .prdctfltr-pagination-load-more {
display: none;
}
.prdctfltr-ignite::after {
font-size: 12px;
letter-spacing: 2px;
text-transform: uppercase;
content: "Loading...";
margin-left: 15px;
}
.prdctfltr-ignite a.button {
display: inline-block;
font-size: 10px;
margin: 50px auto;
text-indent: -9999em;
width: 24px!important;
height: 24px !important;
border-radius: 50%;
background: #9c9c9c;
background: -moz-linear-gradient(left, #9c9c9c 10%, rgba(255, 255, 255, 0) 85%);
background: -webkit-linear-gradient(left, #9c9c9c 10%, rgba(255, 255, 255, 0) 85%);
background: -o-linear-gradient(left, #9c9c9c 10%, rgba(255, 255, 255, 0) 85%);
background: -ms-linear-gradient(left, #9c9c9c 10%, rgba(255, 255, 255, 0) 85%);
background: linear-gradient(to right, #9c9c9c 10%, rgba(255, 255, 255, 0) 85%);
position: relative;
-webkit-animation: loading_p 1.4s infinite linear;
animation: loading_p 1.4s infinite linear;
-webkit-transform: translateZ(0);
-ms-transform: translateZ(0);
transform: translateZ(0);
}
.prdctfltr-ignite .button::before {
width: 50%;
height: 50%;
background: #9c9c9c;
border-radius: 100% 0 0 0;
position: absolute;
top: 0;
left: 0;
content: '';
}
.prdctfltr-ignite .button::after {
background: #fff;
width: 75%;
height: 75%;
border-radius: 50%;
content: '';
margin: auto;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
ul.page-numbers {
text-align: left;
display: flex;
align-items: center;
}
.prdctfltr_sc_products ul.page-numbers {
text-align: center;
padding: 0;
display: flex;
justify-content: center;
align-items: center;
}
.pagination_align_center ul.page-numbers,
.pagination_align_center .woocommerce-pagination{
text-align: center;
justify-content: center;
}
.pagination_align_right ul.page-numbers,
.pagination_align_right .woocommerce-pagination{
text-align: right;
justify-content: flex-end;
}
ul.page-numbers li {
list-style: none;
display: inline-block;
margin-right: 7px;
}
ul.page-numbers li a {
list-style: none;
display: inline-block;
width: 40px;
height: 40px;
text-align: center;
font-family: Jost600;
line-height: 36px;
font-size: 10px;
color: #858585;
border: 2px solid #eee;
background: #fff;
}
a.next.page-numbers::before {
content: "\f105";
font-family: FontAwesome;
font-size: 16px;
position: relative;
float: right;
top: -1.5px;
margin-left: 5px;
}
a.prev.page-numbers::before {
content: "\f104";
font-family: FontAwesome;
position: relative;
font-size: 16px;
float:left;
top: -1.5px;
margin-right: 5px;
}
.woocommerce-pagination .page-numbers.prev, .woocommerce-pagination .page-numbers.next {
position: relative;
font-size: 10px!important;
width: auto;
text-transform: uppercase;
padding: 0 20px;
}
ul.page-numbers li a:hover {
display: inline-block;
width: 40px;
height: 40px;
text-align: center;
line-height: 36px;
background: #151515;
font-size: 10px;
color: #fff;
border-color: #151515;
font-family: Jost600;
}
ul.page-numbers li span {
display: inline-block;
width: 40px;
height: 40px;
text-align: center;
line-height: 40px;
background: #151515;
font-size: 10px;
color: #fff;
border-color: #151515;
font-family: Jost600;
}
.post-pagination > span:not(.title),
.post-pagination a span,
.pagination .page-numbers {
list-style: none;
display: inline-block;
width: 40px;
height: 40px;
text-align: center;
font-family: Jost600;
line-height: 40px;
font-size: 10px;
color: #858585;
border: 2px solid #eee;
background: #fff;
margin-right: 7px;
}
.pagination .page-numbers:hover, .pagination .page-numbers.current {
background: #151515;
color: #fff;
border-color: #151515;
}
.blog-content .post-item:last-child {
margin: 0;
}
.nav-links {
display: flex;
justify-content: center;
margin-top: 40px;
}
.product-toolbar-wrap .nav-links {
margin: 0;
}
.pagination .page-numbers:first-child {
margin-left: 0;
}
.pagination .page-numbers:last-child {
margin-right: 0;
}
.pagination .page-numbers.prev, .pagination .page-numbers.next {
position: relative;
font-size: 10px!important;
width: auto;
text-transform: uppercase;
padding: 0 20px;
line-height: 40px;
}
.pagination .page-numbers.next::before {
top: -1px;
left: 0;
float: right;
right: 0;
display: inline-block;
margin-left: 4px;
width: 12px;
}
.pagination .page-numbers.prev::before {
top: -1px;
left: 0;
right: 0;
float: left;
display: inline-block;
margin-right: 4px;
width: 12px;
}
.blog-page.typography .pagination,
.blog-page.grid .pagination {
text-align: center;
} .more-items {
text-align: center;
}
.zonex-ajax-load {
margin-top: 39px;
text-align: center;
margin-bottom: 27px;
}
.zonex-ajax-load a, .more-items .woo-product-loadmore {
display: inline-block;
width: auto;
height: 50px;
line-height: 44px;
padding: 0 35px;
text-align: center;
font-weight: 500;
white-space: nowrap;
font-size: 16px;
color: #333;
border: 2px solid;
border-radius: 50px;
}
.more-items .woo-product-loadmore::before {
content: "\f10b";
font-family: Flaticon;
margin-right: 10px;
position: relative;
top: 2px;
}
.zonex-ajax-load a:hover, .more-items .woo-product-loadmore:hover {
background: #ff3636;
color: #fff;
}
.zonex-ajax-load a i {
font-size: 18px;
line-height: 54px;
}
.more-items .woo-product-loadmore.loading {
border-color: #ff3636;
background-color: #ff3636;
cursor: not-allowed;
letter-spacing: 0;
line-height: 44px;
color: #fff;
pointer-events: none;
}
.more-items .woo-product-loadmore.loading::before {
animation: spin 0.6s linear 0s;
-o-animation: spin 0.6s linear 0s;
-webkit-animation: spin .6s linear 0s;
color: #fff;
line-height: 46px;
display: inline-block;
z-index: 1;
text-align: center;
}
.zonex-ajax-load a.disabled,
.more-items .woo-product-loadmore.disabled {
opacity: 0.65;
cursor: not-allowed;
pointer-events: none;
} .widget table {
margin: 0;
}
.single .right-sidebar .sidebar .widget-area.shop-sidebar {
padding: 20px 0 30px 50px;
}
.sidebar .shop-sidebar .widget.widget_media_image {
border: none;
position: relative;
padding: 0;
margin-bottom: 15px;
}
.sidebar .widget.widget_media_image a {
z-index: 2;
position: relative;
display: inline-block;
width: 100%;
}
.sidebar .widget.widget_media_image a::before {
border-top: 1px solid #e5e5e5;
border-bottom: 1px solid #e5e5e5;
content: "";
position: absolute;
top: 10px;
bottom: 10px;
left: 10px;
right: 10px;
-webkit-transform: scale(0, 1);
-moz-transform: scale(0, 1);
-ms-transform: scale(0, 1);
-o-transform: scale(0, 1);
transform: scale(0, 1);
transition: transform 0.4s linear 0s;
-o-transition: -o-transform 0.4s linear 0s;
-webkit-transition: -webkit-transform 0.4s linear 0s;
z-index: 1;
}
.sidebar .widget.widget_media_image a::after {
border-left: 1px solid #e5e5e5;
border-right: 1px solid #e5e5e5;
content: "";
position: absolute;
top: 10px;
bottom: 10px;
left: 10px;
right: 10px;
-webkit-transform: scale(1, 0);
-moz-transform: scale(1, 0);
-ms-transform: scale(1, 0);
-o-transform: scale(1, 0);
transform: scale(1, 0);
transition: transform 0.4s linear 0s;
-o-transition: -o-transform 0.4s linear 0s;
-webkit-transition: -webkit-transform 0.4s linear 0s;
z-index: 1;
}
.sidebar .widget.widget_media_image:hover a::before,
.sidebar .widget.widget_media_image:hover a::after {
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1);
}
.sidebar .widget.widget_media_image:hover img { 
filter: brightness(0.9);
}
.widget_media_image img {
transition: filter 0.3s linear 0s;
-o-transition: filter 0.3s linear 0s;
-webkit-transition: filter 0.3s linear 0s;
width: 100%;
}
body .sidebar div.widget > ul {
padding: 20px 0 0;
overflow: hidden;
}
body .sidebar div.widget > div {
padding: 27px 0 0;
overflow: hidden;
}
.sidebar div.widget .zonex-products {
padding: 25px 0 0 15px;
}
.widget-products li.product-item.style-4 {
padding: 0;
}
.left-sidebar .main-single-content,
.left-sidebar .main-content.has-sidebar,
.left-slidebar .main-content {
float: right;
transition: width 0.3s linear 0s;
-o-transition: width 0.3s linear 0s;
-webkit-transition: width 0.3s linear 0s;
}
.main-content.has-sidebar {
padding-top: 15px;
}
.sidebar .widget select {
color: #666;
}
.widget-area.sidebar-blog {
padding-left: 30px;
}
.left-sidebar .widget-area.sidebar-blog {
padding: 0 30px 0 0;
}
.single-product .widget-area > .widget.widget-products {
border-left: 1px solid #ccc;
padding: 0 0 0 30px;
border-width: 0 0 0 1px;
margin-bottom: 50px;
}
.single-product .widget-area .product-info.equal-elem .product-title a {
color: #151515;
font-family: Jost;
margin-bottom: 5px;
}
.single-product .sidebar div.widget .widgettitle {
font-size: 13px;
border-left: none;
padding: 0;
text-transform: uppercase;
}
.single-product .sidebar div.widget-products .widgettitle {
top: -6px;
}
.single-product .left-sidebar .widget-area > .widget {
border-right: 2px solid #ccc;
padding: 0 30px 0 0;
border-width: 0 2px 0 0;
}
.widget-area > .widget {
border: 1px solid #eee;
padding: 30px;
margin-bottom: 50px;
}
.sidebar div.widget .widgettitle {
font-size: 16px;
line-height: 26px;
text-transform: capitalize;
color: #151515;
position: relative;
padding: 0 10px;
margin: 0;
font-family: Jost600;
border-left: 2px solid;
}
.shop-sidebar.widget-area div.widget.widget_custom_html{
font-size: 13px;
line-height: 20px;
text-align: center;
border-color: #e2e2e2;
padding: 10px 20px 30px;
margin-bottom: 15px;
}
.widget_custom_html .icon {
font-size: 50px;
margin-bottom: 15px;
color: #151515;
}
.widget_custom_html h4.title {
font-size: 13px;
text-transform: uppercase;
font-family: Jost500;
}
.sidebar div.widget span.prdctfltr_widget_title {
position: relative;
top: 1px;
}
.sidebar span.product-title {
font-size: 14px;
color: #151515;
margin-top: 10px;
display: block;
}
.sidebar .widget ul,
.sidebar .widget ol {
padding: 0;
list-style: none;
}
.sidebar .widget ul ul,
.sidebar .widget ul ol,
.sidebar .widget ol ol,
.sidebar .widget ol ul {
padding-left: 17px;
}
.sidebar .widget ul ul ul {
padding-left: 17px;
}
.sidebar .widget ul li:last-child::before {
display: none;
}
.sidebar .widget ul li:last-child {
border-bottom: none;
padding-bottom: 0;
margin: 0;
}
.sidebar .widget ul.children li:last-child::before {
display: inline-block;
top: 0;
bottom: auto;
}
.sidebar .widget ul ul.children {
margin-top: 12px;
position: relative;
border-top: 1px dotted #ccc;
}
.sidebar .widget > ul > li:first-child {
padding-top: 0;
}
.sidebar .widget > ul > li:last-child {
padding-bottom: 0;
}
.sidebar .widget p:last-child {
margin-bottom: 0;
}
.sidebar .widget .wp-caption p.wp-caption-text{
padding-top: 0;
}
.sidebar .widget ul li a {
display: inline-block; 
color: #151515;
font-weight: 400;
float: none;
}
.sidebar .widget.widget_recent_comments ul li a {
display: initial;
}
.sidebar .widget.widget_recent_comments ul li a.url {
font-style: italic;
}
.sidebar .widget ul li a:hover {
opacity: 0.8;
}
.sidebar .widget ul .menu-item ul {
position: relative;
padding-top: 12px;
margin: 0;
}
.sidebar .widget ul li.menu-item {
border: none;
padding: 13px 0;
border-top: 1px dotted #ccc;
}
.sidebar .widget ul li.menu-item:last-child {
padding-bottom: 0;
}
.sidebar .widget ul.menu > li.menu-item:first-child {
border: none;
}
.sidebar .widget ul li.menu-item a {
display: inline-block;
width: 100%;
}
.sidebar .widget ul.menu > li.menu-item:first-child > a {
padding-top: 0;
}
.sidebar .widget ul.menu > li.menu-item:last-child > a {
padding-bottom: 0;
}
.sidebar .widget ul li.menu-item a:empty {
display: none;
}
.sidebar .widget label:not(.screen-reader-text) {
width: 100%;
margin: 15px 0;
}
.calendar_wrap caption {
padding-top: 0;
margin-bottom: 15px;
line-height: 10px;
}
.action-to-sidebar .main-content.has-sidebar {
width: 100%;
}
.action-to-sidebar .sidebar {
width: 0;
overflow: hidden;
height: 0;
opacity: 0;
}
.main-container.shop-page.left-sidebar .part-wrap.part-filter-wrap,
.main-container.shop-page.right-sidebar .part-wrap.part-filter-wrap {
display: none;
}
.main-container.shop-page.left-sidebar.action-to-sidebar .part-wrap.part-filter-wrap,
.main-container.shop-page.right-sidebar.action-to-sidebar .part-wrap.part-filter-wrap {
display: flex;
}
.main-container.shop-page.left-sidebar.action-to-sidebar .part-wrap.part-filter-wrap {
margin-right: 20px;
}
.main-container.shop-page.right-sidebar.action-to-sidebar .part-wrap.part-filter-wrap {
margin-left: 20px;
} .product-item.style-4 .product-second-figure {
display: none;
}
.widget-products .product-item.style-4 .product-thumb {
position: relative;
overflow: hidden;
width: 70px;
margin-right: 10px;
float: left;
}
.widget-products .product-item.style-4 .product-inner:hover .product-thumb {
filter: brightness(1);
}
.widget-products .product-item.style-4 .product-info {
position: relative;
bottom: 0;
left: 0;
z-index: 1;
overflow: hidden;
padding-top: 9px;
}
.widget-products li.product-item.style-4:not(:last-child) {
margin-bottom: 15px!important;
}
.widget-products .product-item.style-4 .product-inner:hover .product-title:hover a {
opacity: 0.8;
}
.widget-products .product-item.style-4 .product-inner:hover .product-title a {
color: #151515;
}
.widget-products .product-item.style-4 .product-inner:hover .price, 
.widget-products .product-item.style-4 .product-inner:hover del .woocommerce-Price-amount.amount {
color: #454545;
}
.widget-products h2.widgettitle {
font-size: 13px;
text-transform: uppercase;
margin-bottom: 35px;
}
.has-extend .product-col-left {
padding-right: 70px;
}
.widget-products ul.product-list-grid {
padding-bottom: 40px;
} .sidebar .prdctfltr-widget .prdctfltr_wc {
position: relative;
padding: 0;
margin-top: 0;
}
.sidebar .prdctfltr_wc.prdctfltr_woocommerce.pf_default .prdctfltr_woocommerce_ordering {
padding: 0;
margin: 0;
box-shadow: none;
}
.sidebar .shop-sidebar div.widget.prdctfltr-widget {
border: none;
margin: 0 0 25px;
width: 100%;
padding: 0;
}
.sidebar .widget .prdctfltr_checkboxes label:not(.screen-reader-text) {
width: auto;
}
.prdctfltr_filter.prdctfltr_product_brand .prdctfltr_add_scroll,
.sidebar .widget .prdctfltr_filter.prdctfltr_product_brand .prdctfltr_add_scroll {
margin-left: -5px;
margin-right: -5px;
margin-bottom: 25px;
}
.prdctfltr_filter.prdctfltr_product_brand label {
border-radius: 0;
margin: 10px!important;
}
.prdctfltr_filter.prdctfltr_product_brand label {
border-radius: 0;
padding: 7.5px!important;
width: 33.33%!important;
margin: 0!important;
}
.prdctfltr_filter.prdctfltr_product_brand label img {
height: auto!important;
}
.prdctfltr_filter.prdctfltr_product_brand label .prdctfltr_customize_block{
border: 1px solid #e5e5e5;
border-radius: 0;
margin: 0;
padding: 10px;
box-shadow: none;
}
.prdctfltr_filter.prdctfltr_product_brand label.prdctfltr_active .prdctfltr_customize_block,
.prdctfltr_filter.prdctfltr_product_brand label:hover .prdctfltr_customize_block{
border: 1px solid #151515;
border-radius: 0;
padding: 10px;
box-shadow: none;
}
.sidebar .prdctfltr_filter .widgettitle {
padding-top: 38px;
border-bottom: none;
margin: 0;
}
.sidebar .prdctfltr-widget .prdctfltr_add_scroll {
margin: 15px 0 0;
}
.sidebar .prdctfltr-widget div[data-filter="product_cat"] .prdctfltr_add_scroll {
margin: 20px 0 0;
}
.sidebar .prdctfltr-widget div label {
padding-bottom: 0;
color: #858585;
margin-bottom: 7px;
font-size: 14px;
margin-top: 7px;
font-family: Jost;
}
.sidebar .prdctfltr-widget div[data-filter="product_cat"] .prdctfltr_sub label {
padding-bottom: 0;
color: #868686;
margin: 4px 0;
font-weight: 600;
border: none;
font-size: 14px;
}
div[data-filter="product_cat"] .prdctfltr-plus:before {
content: "\f123" !important;
font-family: Flaticon !important;
font-size: 9px;
font-weight: 900!important;
color: #151515;
}
div[data-filter="product_cat"] .prdctfltr_hierarchy_hide i.prdctfltr-minus,
div[data-filter="product_cat"]  .prdctfltr_hierarchy_hide i.prdctfltr-plus {
display: inline-block;
text-align: right;
width: 50px;
}
div[data-filter="product_cat"] .prdctfltr_show_subs .prdctfltr-plus:before {
content: "\f122"!important;
}
.sidebar .prdctfltr-widget div[data-filter="product_cat"] label:last-child {
padding-bottom: 0;
border: none;
}
.sidebar .prdctfltr_wc.prdctfltr_round .prdctfltr_filter[data-filter="product_cat"] label > span:before {
display: none;
}
.sidebar .prdctfltr_wc.prdctfltr_round .prdctfltr_filter[data-filter="product_cat"] label > span:after {
display: inline-block;
content: "\f105";
position: static;
margin: 0 20px 0 0;
font-family: Fontawesome;
font-weight: 400;
font-size: 15px;
float: right;
background: transparent;
}
.prdctfltr-widget .prdctfltr_wc .prdctfltr_woocommerce_ordering .prdctfltr_filter.prdctfltr_pa_color .prdctfltr_add_scroll,
.prdctfltr-widget .prdctfltr_wc .prdctfltr_woocommerce_ordering .prdctfltr_filter.prdctfltr_pa_size .prdctfltr_add_scroll {
margin: 30px 0 10px;
}
.sidebar .prdctfltr-widget .prdctfltr_wc .prdctfltr_buttons {
padding-bottom: 0;
margin: 0;
}
.sidebar .prdctfltr-widget .prdctfltr_wc .prdctfltr_buttons > span {
top: 0;
width: 100%;
}
.sidebar .prdctfltr_wc .prdctfltr_terms_customized_color .prdctfltr_checkboxes label {
height: 22px;
display: inline-block;
margin: 0;
}
.sidebar div label .prdctfltr_customize_block {
margin: 0 2px 0 0;
padding: 2px;
border-color: transparent;
}
.sidebar .prdctfltr-widget .prdctfltr_wc .prdctfltr_woocommerce_ordering .prdctfltr_filter {
margin-bottom: 0;
padding: 25px 0;
border-top: 1px solid #eee;
}
.removed-close-filter .sidebar .prdctfltr-widget .prdctfltr_wc .prdctfltr_woocommerce_ordering .prdctfltr_filter:first-child {
border: none;
padding-top: 0;
}
div .prdctfltr_wc .prdctfltr_side_lables.prdctfltr_terms_customized.prdctfltr_terms_customized_color .prdctfltr_checkboxes label {
display: inline-block;
font-size: 12px;
height: auto;
color: #333;
font-weight: 400;
width: 33.33%;
white-space: nowrap;
margin-bottom: 11px;
margin-top: 4px;
}
.prdctfltr_wc label.prdctfltr_ft_none {
display: none!important;
}
div .prdctfltr_wc .prdctfltr_side_lables.prdctfltr_terms_customized.prdctfltr_terms_customized_color .prdctfltr_checkboxes label:hover {
color: #ff3636;
}
div .prdctfltr_wc .prdctfltr_side_lables.prdctfltr_terms_customized.prdctfltr_terms_customized_color .prdctfltr_customize_block .prdctfltr_customize_color_text_tip {
margin-left: 5px;
}
.prdctfltr_terms_customized_color span.prdctfltr_count {
width: auto;
font-size: 12px;
height: auto;
border: none;
color: #979797;
margin: 0;
}
.prdctfltr_terms_customized_color span.prdctfltr_count::before {
content: "(";
margin-right: 1px;
}
.prdctfltr_terms_customized_color span.prdctfltr_count::after {
content: ")";
margin-left: 1px;
}
div .prdctfltr_wc .prdctfltr_side_lables.prdctfltr_terms_customized.prdctfltr_terms_customized_color .prdctfltr_customize_block .prdctfltr_customize_color_text {
display: inline-block;
vertical-align: middle;
padding: 1px;
border: 1px solid transparent;
width: 16px;
height: 16px;
border-radius: 50%;
box-sizing: content-box;
}
div .prdctfltr_wc .prdctfltr_side_lables.prdctfltr_terms_customized.prdctfltr_terms_customized_color label.prdctfltr_active .prdctfltr_customize_block .prdctfltr_customize_color_text {
border: 1px solid #e5e5e5;
padding: 1px;
}
.prdctfltr_wc .prdctfltr_side_lables.prdctfltr_terms_customized.prdctfltr_terms_customized_color .prdctfltr_customize_block::after{
display: none;
}
div .prdctfltr_wc .prdctfltr_side_lables.prdctfltr_terms_customized.prdctfltr_terms_customized_color .prdctfltr_customize_block .prdctfltr_customize_color_text span {
display: inline-block;
width: 16px;
height: 16px;
position: relative;
border-radius: 50%;
border: 1px solid #e5e5e5;
}
.prdctfltr_terms_customized_color .prdctfltr_customize_block {
overflow: visible;
}
div .prdctfltr_wc .prdctfltr_side_lables.prdctfltr_terms_customized.prdctfltr_terms_customized_color label:hover .prdctfltr_customize_block .prdctfltr_customize_color_text {
border-color: #ccc;
}
.add-close-filter {
font-size: 11px;
text-transform: uppercase;
font-family: Jost600;
padding-top: 0!important;
color: #151515;
margin-bottom: 5px;
cursor: pointer;
white-space: nowrap;
}
.add-close-filter::before {
content: "\e90c";
font-family: kazen-font;
margin: 0 10px 0 0;
font-size: 15px;
position: relative;
top: 2px;
} .widget-area .widget.widget_search {
background: #151515;
}
.sidebar div.widget.widget_search .widgettitle{
color: #fff;
}
.widgettitle + form {
padding: 30px 0 0;
}
.sidebar .widget > select {
margin: 30px 0 0;
}
.zonex-searchform {
position: relative;
display: inline-block;
width: 100%;
margin-bottom: 0;
}
.zonex-searchform input[type='text'] {
width: 100%;
height: 60px;
font-size: 14px;
line-height: 60px;
border: none;
padding: 0 50px 0 20px;
background-color: #fff;
color: #858585;
}
.no-results .zonex-searchform input[type='text'] {
border-bottom: 2px solid #e5e5e5;
padding: 0;
}
.zonex-searchform button {
position: absolute;
top: 0;
bottom: 0;
right: 0;
width: 60px;
font-weight: 400;
height: 60px;
line-height: 64px;
padding: 0 10px;
text-align: center;
color: #151515;
background: transparent;
font-size: 17px;
}
.zonex-searchform button:hover {
opacity: 0.8;
}  .widget-area .zonex_newsletter_widget {
background: #f2f2f2;
border: none;
}
.widget-zonex-newsletter .newsletter-title {
text-align: center;
font-size: 22px;
line-height: 26px;
color: #151515;
position: relative;
padding-bottom: 10px;
margin-bottom: 15px;
}
.widget-zonex-newsletter .newsletter-title::before {
content: '';
display: block;
width: 35px;
height: 1px;
background-color: #151515;
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin: auto;
}
.widget-zonex-newsletter .newsletter-subtitle {
font-size: 14px;
color: #333;
line-height: 21px;
margin-bottom: 23px;
font-family: Jost500;
}
.widget-zonex-newsletter .newsletter-content .newsletter-form-wrap input[type=email]:focus {
border-color: #151515;
}
.widget-zonex-newsletter .newsletter-content .newsletter-form-wrap input[type=email] {
border: 1px solid #cccccc;
height: 58px;
line-height: 58px;
color: #151515;
font-size: 14px;
background: #fff;
width: 100%;
padding: 0 20px;
}
.widget-zonex-newsletter .newsletter-content .newsletter-form-wrap button {
height: 58px;
line-height: 58px;
font-size: 11px;
margin: 10px auto 0;
display: table;
width: 100%;
font-family: Jost600;
padding: 0 30px;
}
.widget-zonex-newsletter .newsletter-content .newsletter-form-wrap button:hover {
opacity: 0.8;
}  .sidebar .widget ul ul {
border: none;
}
.widget ul li {
border-bottom: none;
font-size: 11px;
padding: 13px 0;
text-transform: uppercase;
font-family: Jost500;
width: 100%;
color: #858585;
line-height: 28px;
display: inline-block;
border-bottom: 1px dotted #ccc;
}
.widget ul li ul {
margin-top: 20px;
padding-top: 10px;
border-top: 1px dotted #ccc;
}
.sidebar .widget ul ul.children li {
padding-left: 0;
}
.widget ul li a {
float: left;
}
.widget ul li::before{
display: none;
}
div.sidebar .widget.widget_rss > ul li::before {
display: none;
} .zonex_latest_posts_widget .latest-post li.post {
display: inline-block;
padding: 0 0 23px;
border-bottom: 1px dotted #ccc;
margin-bottom: 23px;
}
.item-photo > span {
width: 24px;
height: 24px;
display: inline-block;
background: #151515;
color: #fff;
line-height: 24px;
text-align: center;
font-size: 10px;
position: absolute;
top: 0;
left: 0;
z-index: 1;
}
.zonex_latest_posts_widget .latest-post li.post:last-child {
display: inline-block;
padding: 0;
border-bottom: 0px dotted #ccc;
margin-bottom: 0;
}
.latest-post .cat-post {
font-size: 0;
line-height: 20px;
}
.widget .latest-post .cat-post a {
color: #858585;
font-size: 11px;
margin: 0;
text-transform: uppercase;
font-family: Jost600;
line-height: 10px;
}
.latest-post .cat-post a::after {
content: '.';
position: relative;
font-size: 15px;
top: -3px;
margin: 0 5px;
}
.latest-post .cat-post a:last-child::after {
display: none;
}
.zonex_latest_posts_widget .latest-post li.post .item-photo {
width: 80px;
position: relative;
float: left;
}
.zonex_latest_posts_widget .latest-post li.post .item-detail {
padding-left: 20px;
overflow: hidden;
}
.zonex_latest_posts_widget .latest-post li.post .item-detail .item-name {
font-size: 12px;
line-height: 18px;
font-weight: 400;
font-family: Jost500;
}
.zonex_latest_posts_widget .latest-post li.post .item-detail .item-athur {
font-weight: 600;
font-size: 10px;
line-height: 24px;
letter-spacing: 2px;
color: #868686;
text-transform: uppercase;
margin-top: -6px;
}
.sidebar .widget .item-date a {
font-size: 11px;
text-transform: uppercase;
color: #959595;
} .widget_zonex_instagram .zonex-instagram {
margin: 0 -3px -5px;
overflow: hidden;
padding: 0 0 3px 0;
}
.widget_zonex_instagram .zonex-instagram .item {
float: left;
padding: 3px;
width: 33.33%;
}
.widget_zonex_instagram .zonex-instagram .item:nth-child(3n+1) {
clear: left;
}
.zonex-instagram .item:hover img {
filter: brightness(0.6);
}
.widget-area > .widget.widget_zonex_instagram {
background: #fff6eb;
border: none;
} .widget-cosre-socials_list {
margin-bottom: -5px;
}
a.social {
width: 46px;
height: 46px;
display: inline-block;
text-align: center;
line-height: 46px;
font-size: 16px;
background: #151515;
color: #fff;
margin-bottom: 10px;
border-radius: 50%;
margin-right: 10px;
}
a.social:hover {
background: #454545;
color: #fff;
}  body .sidebar div.widget div.tagcloud {
padding-bottom: 16px;
}
.tagcloud {
overflow: hidden;
}
.tagcloud a {
border: 1px solid #dddddd;
color: #868686;
display: inline-block;
float: left;
font-size: 14px !important;
font-weight: 600;
line-height: 34px;
margin: 0 12px 12px 0;
padding: 0px 20px;
}
.tagcloud a:hover {
color: #fff;
border-color: #151515;
background: #151515;
} .sidebar .widget_shopping_cart .cart_list .mini_cart_item {
position: relative;
padding: 15px 0;
}
.widget_shopping_cart .cart_list .mini_cart_item > a:not(.remove) {
display: inline-block;
margin-right: 15px;
}
.widget_shopping_cart .cart_list .mini_cart_item .remove {
position: absolute;
top: 15px;
right: 0;
font-size: 20px;
}
.widget_shopping_cart .cart_list .mini_cart_item img {
margin-right: 15px;
float: left;
}
.widget_shopping_cart .cart_list .mini_cart_item .quantity {
display: block;
margin-top: 10px;
}
.widget_shopping_cart .woocommerce-mini-cart__total.total {
font-weight: 600;
color: #151515;
}
.widget_shopping_cart .woocommerce-mini-cart__total.total > strong {
font-weight: normal;
color: #999999;
}
.widget_shopping_cart .woocommerce-mini-cart__total.total > .woocommerce-Price-amount {
float: right;
}
.widget_shopping_cart .woocommerce-mini-cart__buttons {
overflow: hidden;
}
.widget_shopping_cart .woocommerce-mini-cart__buttons .button {
float: left;
width: -webkit-calc(50% - 15px);
width: -moz-calc(50% - 15px);
width: calc(50% - 15px);
display: block;
font-weight: 600;
height: 40px;
line-height: 40px;
font-size: 11px;
color: #ffffff;
text-transform: uppercase;
padding: 0 15px;
text-align: center;
background-color: #151515;
vertical-align: top;
}
.widget_shopping_cart .woocommerce-mini-cart__buttons .button:hover {
background-color: #ff3636;
}
.widget_shopping_cart .woocommerce-mini-cart__buttons .button.checkout {
float: right;
} .sidebar .widget_products .product_list_widget li {
padding: 15px 0;
}
.widget_products .product_list_widget li > a {
display: inline-block;
width: 100%;
margin-bottom: 10px;
}
.widget_products .product_list_widget li > a img {
width: 100px;
float: left;
margin-right: 15px;
}  .icheckbox_flat-purple,
.iradio_flat-purple {
width: 10px;
height: 10px;
margin-right: 15px;
border-radius: 50%;
border: 1px solid #d1d1d1 !important;
background: none !important;
}
.WOOF_Widget .woof_container li .icheckbox_flat-purple.hover,
.WOOF_Widget .woof_container li .iradio_flat-purple.hover,
.icheckbox_flat-purple.checked,
.iradio_flat-purple.checked {
background: #ff3636!important;
border: 1px solid #ff3636 !important;
}
.WOOF_Widget .woof_container .icheckbox_flat-purple.checked ~ label,
.WOOF_Widget .woof_container .iradio_flat-purple.checked ~ label,
.WOOF_Widget .woof_container li label.hover,
.WOOF_Widget .woof_container li label.hover {
color: #ff3636;
}
.icheckbox_flat-purple input[type=checkbox],
.iradio_flat-purple input[type=radio] {
margin: 0;
}
.WOOF_Widget .woof_redraw_zone > .woof_container {
margin-bottom: 47px;
}
.WOOF_Widget .woof_redraw_zone > .woof_container.woof_container_size {
margin-bottom: 10px;
}
.WOOF_Widget .woof_container {
padding-bottom: 0;
margin-bottom: 0;
}
.WOOF_Widget .woof_container h4 {
font-weight: 600;
font-size: 12px;
line-height: 24px;
letter-spacing: 2px;
text-transform: uppercase;
color: #151515;
border-bottom: 1px solid #e8e8e8;
padding-bottom: 5px;
margin-top: -8px;
margin-bottom: 12px;
}
.WOOF_Widget .woof_container ul {
padding-left: 0;
}
.WOOF_Widget .woof_container li {
list-style: none;
margin: 0 !important;
padding: 0 !important;
line-height: 30px !important;
border: none !important;
}
.WOOF_Widget .woof_container label {
width: auto !important;
color: #a9a9a9;
font-weight: normal;
line-height: 32px;
padding: 0;
margin: 0 !important;
}
.WOOF_Widget .woof_container .woof_childs_list {
margin: 0 !important;
padding-left: 17px;
}
.woof_reset_search_form {
float: none !important;
padding: 0 20px;
height: 40px;
line-height: 40px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
div.woof_info_popup {
font-size: 0;
background-color: transparent;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
div.woof_info_popup::before {
font-family: 'FontAwesome', sans-serif;
-webkit-animation: spin 1s infinite steps(8);
animation: spin 1s infinite steps(8);
content: "\f110";
font-size: 80px;
color: #ffffff;
display: inline-block;
margin-top: 10px;
}  .shop-page {
padding-top: 50px;
padding-bottom: 50px;
position: relative;
}
.shop-page ul {
padding-left: 0;
clear: both;
} .disable-banner .shop-top-categories.cate-image {
margin-top: 50px;
}
.shop-top-categories.cate-image {
text-align: center;
display: flex;
justify-content: center;
margin-top: 30px;
z-index: 1;
position: relative;
}
.shop-top-categories .shop-top-categories-inner {
width: 1325px;
display: inline-block;
max-width: calc(100% - 30px);
padding: 0 50px;
}
.cate-image .category-container {
background: #fff;
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.07);
padding: 15px;
margin: 10px;
}
.cate-image .category-container:hover{
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
filter: brightness(0.98);
}
.shop-top-categories.cate-image h3.category-title {
font-size: 17px;
margin-top: 0;
margin-bottom: 0;
position: relative;
}
.shop-top-categories h3.category-title a {
color: #151515;
padding-bottom: 25px;
}
.shop-top-categories .category-thumb {
display: inline-block;
position: relative;
overflow: hidden;
}
.shop-top-categories.cate-image .owl-nav > button {
margin-top: -5px;
background: #fff;
border-radius: 50%;
box-shadow: 0 10px 15px rgba(0,0,0,.08);
}
.shop-top-categories.cate-list {
text-align: center;
display: flex;
justify-content: center;
padding: 10px;
}
.shop-top-categories.cate-list .owl-stage-outer{
padding:20px 0;
}
.cate-list .owl-carousel.nav-center .owl-nav > button {
color: #fff;
font-size: 25px;
}
.cate-list h3.category-title {
margin: 0;
font-size: 13px;
line-height: 22px;
text-transform: uppercase;
font-family: Jost500;
white-space: nowrap;
}
.shop-top-categories.cate-list h3.category-title a {
color: #ffffff;
position: relative;
top: 0;
transition: top 0.3s cubic-bezier(0, 0, 0, 0.91) 0s;
-o-transition: top 0.3s cubic-bezier(0, 0, 0, 0.91) 0s;
-webkit-transition: top 0.3s cubic-bezier(0, 0, 0, 0.91) 0s;
padding: 0;
}
.shop-top-categories.cate-list h3.category-title a:hover::before,
.shop-top-categories.cate-list .current-product-cat h3.category-title a::before {
bottom: -4px;
opacity: 1;
}
.shop-top-categories.cate-list h3.category-title a::before {
content: "";
width: 100%;
bottom: 0px;
z-index: 1;
opacity: 0;
position: absolute;
-webkit-transition: bottom 0.3s cubic-bezier(0, 0, 0, 0.91) 0s,opacity 0.3s cubic-bezier(0, 0, 0, 0.91) 0s;
transition: bottom 0.3s cubic-bezier(0, 0, 0, 0.91) 0s,opacity 0.3s cubic-bezier(0, 0, 0, 0.91) 0s;
border-bottom: 2px solid;
}
.shop-top-categories.cate-list .owl-item.item-first {
border-left: none;
}
.cate-list .shop-top-categories-inner {
display: flex;
justify-content: center;
}
.cate-list .category-container {
margin: 0 20px;
} .shop-page.shop-modern {
padding: 0 170px;
background-position: bottom center;
background-size: 100% auto;
background-color: #fcfcfc;
background-repeat: no-repeat;
}
.main-modern {
padding: 25px 60px;
background: #fff;
margin-top: -75px;
position: relative;
z-index: 11;
} .list-cate + .prdctfltr_wc {
position: absolute;
top: 0;
left: 0;
right: 0;
}
ul.list-cate {
margin: 30px -15px;
display: inline-block;
width: calc(100% + 30px);
}
h2.woocommerce-loop-category__title {
font-size: 16px;
text-align: center;
margin: 20px 0;
}
li.product-category:hover {
top: -5px;
box-shadow: 0 0 15px rgba(0, 0, 0, .1);
}
li.product-category {
float: left;
transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
position: relative;
padding: 15px;
top: 0;
}
mark.count {
background: transparent;
color: inherit;
} .prdctfltr_filter_title span.prdctfltr_woocommerce_filter_title {
display: none;
}
body:not(.zonex-is-real-mobile) .main-product .prdctfltr_filter_title span.prdctfltr_woocommerce_filter_title {
display: none!important;
}
.row-filter-drawer {
position: relative;
z-index: 999999;
}
.shop-page .product-item:not(.style-5) .product-inner.equal-elem {
height: auto!important;
}
.main-content-drawer form.prdctfltr_woocommerce_ordering,
.offcanvas_sidebar .main-product form.prdctfltr_woocommerce_ordering {
display: none !important;
}
.show-drawer-filter .sidebar.drawer_sidebar_elem {
opacity: 1;
visibility: visible;
z-index: 1;
position: relative;
}
.show-drawer-filter .part-wrap.part-filter-wrap {
display: none;
}
.sidebar.drawer_sidebar_elem {
position: absolute;
top: 0;
left: 0;
height: 100%;
opacity: 0;
margin: 0;
display: inline-block;
width: 360px;
visibility: hidden;
bottom: 0;
overflow: hidden;
transition: opacity 0.3s linear 0s, visibility 0.3s linear 0s, left 0.3s linear 0s;
-o-transition: opacity 0.3s linear 0s, visibility 0.3s linear 0s, left 0.3s linear 0s;
-webkit-transition: opacity 0.3s linear 0s, visibility 0.3s linear 0s, left 0.3s linear 0s;
}
.wc-prdctfltr-active .sidebar.drawer_sidebar_elem {
opacity: 1;
visibility: visible;
left: 0;
}
.shop-page .row .drawer_sidebar_elem.has-sidebar {
width: 100%;
z-index: 1;
transition: width 0.3s linear 0s;
-o-transition: width 0.3s linear 0s;
-webkit-transition: width 0.3s linear 0s;
float: right;
}
.shop-page .show-drawer-filter.row .drawer_sidebar_elem.has-sidebar {
width: calc(100% - 360px);
}
.zonex-is-real-mobile .shop-page .show-drawer-filter.row .drawer_sidebar_elem.has-sidebar {
width: 100%;
}
.drawer_sidebar_elem div.prdctfltr_wc .prdctfltr_filter_title .prdctfltr_woocommerce_filter {
display: none;
}
.drawer_sidebar_elem span.prdctfltr_woocommerce_filter_title::before {
content: "\f10a";
font-family: Flaticon;
font-size: 20px;
position: relative;
top: 2px;
margin-right: 5px;
}
.sidebar .pf_default .prdctfltr_add_scroll {
display: none;
}
.pf_default .prdctfltr_filter:first-child .prdctfltr_add_scroll {
display: block;
}
.pf_default .prdctfltr_filter:first-child span.arow::before{
content: "\e96e";
}
.pf_default .prdctfltr_filter:first-child span.arow.arr-active::before{
content: "\e912";
}
.prdctfltr_filter_inner .widgettitle span.arow {
display: inline-block;
float: right;
cursor: pointer;
width: 30px;
color: #b7b7b7;
}
.pf_default span.arow::before{
content: "\e912";
float: right;
font-family: kazen-font;
font-size: 12px;
}
.pf_default span.arow.arr-active::before{
content: "\e96e";
} .offcanvas_sidebar .filter-wc-left {
white-space: normal;
display: flex;
align-items: center;
}
.offcanvas_sidebar .part-wrap.part-filter-wrap {
margin-right: 25px;
}
.offcanvas_sidebar.show-offcanvas-filter .sidebar.widget-shop-wrap {
left: 0;
}
.offcanvas_sidebar div.prdctfltr_wc.prdctfltr_woocommerce.pf_select .prdctfltr_filter_title {
margin-bottom: 20px;
margin-top: 5px;
}
.prdctfltr_wc .prdctfltr_buttons span.prdctfltr_reset {
display: none!important;
}
.admin-bar.shop-page-mobile .offcanvas_sidebar .sidebar.widget-shop-wrap {
top: 0;
}
.admin-bar .offcanvas_sidebar .sidebar.widget-shop-wrap {
top: 32px;
}
.shop-page-mobile .offcanvas_sidebar .sidebar.widget-shop-wrap {
z-index: 100000;
}
.offcanvas_sidebar .sidebar.widget-shop-wrap {
position: fixed;
left: -370px;
width: 360px;
z-index: 20;
bottom: 0;
top: 0;
height: 100vh;
box-shadow: 0 10px 20px rgba(0, 0, 0, .2);
background: #fff;
transition: left 0.4s linear 0s;
-webkit-transition: left 0.4s linear 0s;
-o-transition: left 0.4s linear 0s;
display: block;
}
.show-offcanvas-filter .offcanvas_sidebar .sidebar.widget-shop-wrap {
left: 0;
}
.offcanvas_sidebar .sidebar .widget-area.shop-sidebar {
padding: 20px 30px;
}
.right-sidebar .sidebar .widget-area.shop-sidebar {
padding: 20px 0 0 50px;
}
.sidebar .widget-area.shop-sidebar {
padding: 20px 30px 0 0;
}
.sidebar .widget-area.shop-sidebar{
padding-top: 20px;
}
.offcanvas_sidebar .sidebar.widget-shop-wrap .widget-shop-inner {
overflow-y: scroll;
height: 100%;
position: relative;
background: #fff;
z-index: 2;
}
.offcanvas_sidebar .sidebar .prdctfltr_filter[data-filter="product_cat"] .widgettitle {
background-color: #fff;
color: #151515;
}
.has-sidebar .main-product .prdctfltr_woocommerce.prdctfltr_wc .prdctfltr_woocommerce_ordering {
display: none !important;
}
.filter-block-head {
display: flex;
justify-content: space-between;
padding: 15px;
background: #151515;
color: #fff;
align-items: center;
position: relative;
z-index: 2;
}
h4.title-filter-block {
font-size: 20px;
color: #ffffff;
margin: 0;
font-weight: 500;
}
a.close-filter-block {
font-size: 15px;
color: #ffff;
font-weight: 600;
}
.offcanvas_sidebar .sidebar .prdctfltr-widget .prdctfltr_wc .prdctfltr_buttons {
padding: 10px !important;
}
.ovelay-close {
background: rgba(0, 0, 0, .8);
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 0;
bottom: 0;
}
.show-offcanvas-filter .ovelay-close {
opacity: 1;
visibility: visible;
}
.ovelay-close {
background: rgba(0, 0, 0, .8);
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 0;
opacity: 0;
visibility: hidden;
bottom: 0;
-o-transition: opacity 0.4s linear 0s, visibility 0.4s linear 0s;
-webkit-transition: opacity 0.4s linear 0s, visibility 0.4s linear 0s;
transition: opacity 0.4s linear 0s, visibility 0.4s linear 0s;
}
@media (max-width: 1100px) {
div ul.list-cate {
margin-top: 0;
}
}
@media (min-width: 1280px) {
li.product-category {
width: 20%;
}
li.product-category:nth-child(5n+1) {
clear: left;
}
span.size-guide-text {
position: absolute;
right: 0;
top: 4px;
}
}
@media (min-width: 1301px) and (max-width: 1500px) {
header.header .search-field {
width: 260px;
}
div.shop-page.shop-modern {
padding: 0 100px;
}
.shop-modern .main-modern {
padding: 30px 10px;
}
header.style-07 .header-menu.horizon-menu {
padding: 90px 30px 50px 120px;
}
.style-07 span.close-menu-horizon {
margin-bottom: 40px;
}
}
@media (min-width: 1025px) and (max-width: 1300px) {
div.shop-page.shop-modern {
padding: 0 50px;
}
.shop-modern .main-modern {
padding: 30px 10px;
}
header .currency-language .dropdown > a {
padding: 0 25px 0 15px;
min-width: 70px;
}
header div.wcml_currency_switcher li a {
padding: 0 15px;
}
}
@media (min-width: 1025px) and (max-width: 1279px) {
li.product-category {
width: 25%;
}
li.product-category:nth-child(4n+1) {
clear: left;
}
header .logo img {
max-width: 120px;
}
}
@media (min-width: 768px) and (max-width: 1024px) {
li.product-category {
width: 33.33%;
}
li.product-category:nth-child(3n+1) {
clear: left;
}
}
@media (max-width: 767px) {
li.product-category {
width: 50%;
}
li.product-category:nth-child(2n+1) {
clear: left;
}
}
.single-product .site-header {
position: relative;
}
.single-product .shop-page {
padding-top: 0;
padding-bottom: 0;
}
.main-product p.woocommerce-result-count {
float: left;
margin: 0 0 10px 0;
}
.main-product form.woocommerce-ordering {
float: right;
margin-bottom: 30px;
}
.single-product .single_product_inner .produc-bottom-inner {
margin-left: -50vw;
width: 100vw;
margin-right: 0;
left: 50%;
position: relative;
background: #fff;
padding-bottom: 60px;
} .product-toolbar {
position: relative;
width: auto;
max-width: 100%;
padding: 0 50px;
margin: 20px 0;
transition: padding 0.3s linear 0s;
-o-transition: padding 0.3s linear 0s;
-webkit-transition: padding 0.3s linear 0s;
}
.product-toolbar-wrap {
position: relative;
}
.product-toolbar + .shop-page {
padding-top: 0;
}
.product-toolbar + .shop-page .top_sidebar .top-bar-shop {
margin-top: 0;
}
.shop-page .top_sidebar .top-bar-shop {
margin-top: -20px;
padding: 10px 0 0;
}
.product-toolbar + .shop-page .top_sidebar .has-sidebar .top-bar-shop { padding: 15px 0 0;
}
.has-sidebar div.prdctfltr_wc.prdctfltr_woocommerce.pf_select .prdctfltr_filter_title {
margin-top: 0;
}
.product-toolbar + .shop-page .content-row:before {
width: calc(100% - 30px);
content: "";
border-bottom: 1px solid #eee;
position: absolute;
top: 0;
left: 15px;
right: 15px;
}
.content-row {
position: relative;
}
.container {
max-width: 100%;
}
.single .product-toolbar + .shop-page .content-row{
margin-top: 35px;
position: relative;
}
.product-toolbar + .shop-page .top_sidebar .main-content:not(.has-sidebar) .top-bar-shop div.chosen-container-single .chosen-single,
.product-toolbar + .shop-page .top_sidebar .main-content:not(.has-sidebar) .top-bar-shop .chosen-container-active.chosen-with-drop .chosen-single{
border: none;
}
nav.woocommerce-breadcrumb {
font-size: 0;
font-family: Jost500;
color: #858585;
text-transform: uppercase;
}
nav.woocommerce-breadcrumb a {
margin: 0;
color: #858585;
font-size: 10px;
}
nav.woocommerce-breadcrumb a::after {
content: '/';
display: inline-block;
margin: 0 7px;
font-size: 10px;
position: relative;
font-family: Jost;
color: #858585;
top: -1px;
}
nav.woocommerce-breadcrumb a:last-child::after {
font-size: 0;
}
nav.woocommerce-breadcrumb a:hover {
color: #151515;
}
.breadcrumb-trail {
max-width: 100%;
margin-left: auto;
margin-right: auto;
font-size: 14px;
line-height: 24px;
}
.breadcrumb-trail .trail-items {
padding: 0;
margin-bottom: 0;
background-color: transparent;
}
.breadcrumb-trail .breadcrumb > li + li::before {
content: '\f105';
display: inline-block;
font-family: Fontawesome;
margin: 5px;
color: #666666;
}
.product-toolbar .post-navigation {
position: absolute;
right: 0;
top: 3px;
}
.shop-prdctfltr-filter-wrap .prdctfltr_woocommerce.pf_default .prdctfltr_woocommerce_ordering {
background: #f8f8f8;
margin: 0 0 25px;
padding: 50px 60px 20px 80px;
}
.shop-prdctfltr-filter-wrap .prdctfltr_wc {
margin-bottom: 20px;
}
.product-toolbar .post-navigation .nav-links a {
position: relative;
font-size: 10px;
height: 24px;
display: flex;
text-transform: uppercase;
color: #151515;
align-items: center;
line-height: 20px;
}
.product-toolbar .post-navigation .nav-links a .fa {
position: relative;
font-size: 13px;
top: -1px;
font-weight: 500;
display: none;
}
.product-toolbar span.navigation-text {
font-size: 10px;
font-family: Jost500;
margin: 0 0 0 20px;
color: #858585;
}
.product-toolbar .post-navigation .nav-links a:hover .navigation-text {
color: #151515;
}
.product-toolbar .post-navigation .nav-links a .arrow {
display: inline-block;
width: 18px;
height: 12px;
}
.product-toolbar .post-navigation .nav-links a .arrow::before {
content: '';
position: absolute;
top: 6px;
left: 0;
right: 0;
margin: auto;
display: inline-block;
width: 18px;
border-bottom: 1px solid;
}
.product-toolbar .post-navigation .nav-links a .arrow::before {
content: '';
position: absolute;
top: 6px;
left: 0;
right: 0;
margin: auto;
display: inline-block;
width: 18px;
border-bottom: 1px solid;
}
.product-toolbar .post-navigation .nav-links a .arrow::after {
content: '';
position: absolute;
top: 2px;
display: block;
width: 9px;
height: 9px;
border-top: 1px solid;
border-right: 1px solid;
}
.product-toolbar .post-navigation .nav-links .nav-previous a .arrow::after {
left: 0px;
transform: rotate(-135deg);
-o-transform: rotate(-135deg);
-webkit-transform: rotate(-135deg);
}
.product-toolbar .post-navigation .nav-links .nav-next a .arrow::after {
left: 10px;
transform: rotate(45deg);
-o-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
}
.toolbar-products .category-filter {
list-style: none;
padding-left: 0;
margin: 0;
text-align: center;
}
.toolbar-products .category-filter li.active.all-cats {
display: none;
}
.toolbar-products .category-filter li:first-child {
margin-left: 0;
}
.toolbar-products .category-filter li {
display: inline-block;
margin: 0 30px 0 0;
position: relative;
overflow: hidden;
}
.toolbar-products .category-filter li a {
font-size: 12px;
text-transform: uppercase;
font-family: Jost500;
color: #151515;
position: relative;
padding-bottom: 0px;
}
.prdctfltr_sc.style-03 .toolbar-products .category-filter li a {
font-size: 18px;
font-family: Jost500;
color: #858585;
position: relative;
padding-bottom: 0px;
text-transform: CAPITALIZE;
}
.prdctfltr_sc.style-02 .toolbar-products .category-filter li a {
font-size: 18px;
text-transform: CAPITALIZE;
font-family: Jost500;
color: #858585;
position: relative;
padding-bottom: 0;
}
.prdctfltr_sc.style-02 .toolbar-products .category-filter li.active a,
.prdctfltr_sc.style-02 .toolbar-products .category-filter li a:hover {
color: #151515;
}
.toolbar-products .category-filter li a::before {
border-bottom: 2px solid transparent;
bottom: -4px;
left: 0;
content: "";
position: absolute;
transition: all 0.3s linear 0s;
-o-transition: all 0.3s linear 0s;
-webkit-transition: all 0.3s linear 0s;
width: 0;
}
.prdctfltr_sc.style-03 .toolbar-products .category-filter li.active a,
.prdctfltr_sc.style-03 .toolbar-products .category-filter li a:hover {
color: #151515;
}
.toolbar-products .category-filter li.active a::before,
.toolbar-products .category-filter li a:hover::before {
width: 100%;
border-color: #151515;
}
.filter-wc-right {
display: flex;
}
.filter-wc-left {
display: flex;
white-space: nowrap;
}
.filter-wc-right .part-acrion-order-wrap {
margin-left: 20px;
}
span.wrap-size-text {
font-size: 11px;
font-family: Jost600;
text-transform: uppercase;
color: #151515;
margin-right: 5px;
}
.fami-products-shortcode-wrap {
margin-top: 20px;
}
.vc_row .prdctfltr_sc .prdctfltr_wc {
margin-bottom: 10px;
}
div.prdctfltr_wc {
width: 100%;
margin-bottom: 0;
}
.zonex-is-real-mobile .shop-page .offcanvas_sidebar div.prdctfltr_wc {
display: block;
}
.enable-shop-page-mobile .offcanvas_sidebar .sidebar .prdctfltr-widget .prdctfltr_add_scroll {
padding: 0;
margin: 25px 0 15px;
}
.zonex-is-real-mobile.wc-prdctfltr-active .shop-page div.prdctfltr_wc {
display: block;
padding: 50px 0 110px;
overflow: auto;
height: 100%;
overflow-x: hidden;
}
.has-filter-wc.loading-move-filter{
opacity: 0.6;
}
.main-product .prdctfltr_wc .prdctfltr_filter_title {
margin: 10px 0;
font-size: 0;
line-height: 0;
}
.main-product div.prdctfltr_wc .prdctfltr_filter_title .prdctfltr_woocommerce_filter {
display: none;
}
.main-product .prdctfltr_wc .prdctfltr_filter_title .prdctfltr-bars {
display: none;
}
.part-filter-wrap span.prdctfltr_title_selected {
margin: 0 0 0 10px;
display: inline-block;
}
span.prdctfltr_title_selected {
background: #eeeeee;
color: #454545;
display: inline-block;
line-height: 24px;
font-size: 13px;
padding: 0 15px;
margin: 0 10px 10px 0;
font-family: Jost500;
text-transform: capitalize;
border-radius: 15px;
}
span.prdctfltr_title_selected a {
color: inherit;
float: right;
margin:0 0 0 7px;
position: relative;
}
.prdctfltr_topbar .prdctfltr-delete:before {
content: "\e90c";
font-family: kazen-font!important;
font-size: 10px;
}
span.prdctfltr_title_selected a:hover {
opacity: 0.8;
}
span.prdctfltr_title_selected:hover {
color: #fff;
background: #151515;
}
.prdctfltr_topbar > span + span.reset-filter-product {
display: inline-block;
}
.prdctfltr_topbar > span + span.reset-filter-product + span.reset-filter-product {
display: none;
}
.prdctfltr_topbar span.reset-filter-product {
line-height: 20px;
color: #151515;
margin: 5px 0 0 0;
cursor: pointer;
font-family: Jost500;
font-size: 13px;
border-bottom: 1px solid;
}
span.reset-filter-product {
display: none;
}
.prdctfltr_topbar span.reset-filter-product:hover {
opacity: 0.8;
}
.prdctfltr_woocommerce .prdctfltr_filter {
margin-bottom: 10px;
}
.prdctfltr_showing::before {
margin: 0 5px 0 0;
}
div.prdctfltr_woocommerce .prdctfltr_filter .prdctfltr_search_terms .prdctfltr_search_terms_input {
border: 1px solid #e5e5e5;
line-height: 40px;
padding-left: 30px!important;
}
div.prdctfltr_woocommerce .prdctfltr_filter .prdctfltr_search_terms i {
margin-right: -20px;
}
div.prdctfltr_wc.prdctfltr_round .prdctfltr_filter label > span {
font-size: 16px;
color: inherit;
font-weight: 400;
}
.prdctfltr_woocommerce .prdctfltr_filter.prdctfltr_product_cat .prdctfltr_search_terms{
margin-top: -16px;
}
div.prdctfltr_woocommerce .prdctfltr_filter .prdctfltr_search_terms {
position: relative;
display: block;
margin-top: 0;
padding: 0;
margin-left: -1px;
margin-right: -1px;
margin-bottom: 10px;
}
div.prdctfltr_wc.prdctfltr_round .prdctfltr_filter label > span::before {
margin-right: 12px;
}
.prdctfltr_wc.prdctfltr_round .prdctfltr_filter label > span:before {
content: '';
display: inline-block;
width: 9px;
height: 9px;
padding: 0;
border-radius: 50%;
border: 1px double #dddddd;
margin-top: 3px;
margin-bottom: 6px;
margin-right: 12px;
vertical-align: middle;
box-sizing: content-box;
background-color: #dddddd;
}
.prdctfltr_wc.prdctfltr_round .prdctfltr_filter label > span:after {
content: "";
width: 3px;
height: 3px;
background: #fff;
position: absolute;
border-radius: 50%;
top: 10px;
left: 4px;
display: inline-block;
}
div.prdctfltr_wc.prdctfltr_round .prdctfltr_filter label.prdctfltr_active > span::before, 
div.prdctfltr_wc.prdctfltr_round .prdctfltr_filter label:hover > span::before {
background: #ff3636;
border: 1px double #ff3636;
color: #ff3636;
height: 9px;
width: 9px;
}
div.prdctfltr_wc .mCS_no_scrollbar > div, div.prdctfltr_wc .mCS_no_scrollbar > div > div {
overflow: hidden !important;
}
div.prdctfltr_filter .prdctfltr_regular_title {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
font-size: 10px;
text-transform: uppercase;
color: #151515;
margin-bottom: 20px;
font-family: Jost600;
padding: 0;
font-weight: 400;
position: relative;
}
div .prdctfltr_customize_block .prdctfltr_customize_color {
display: block;
width: 16px;
border: 1px solid transparent;
height: 16px;
border-radius: 50%;
}
div .prdctfltr_ft_none .prdctfltr_customize_block .prdctfltr_customize_color {
border-color: #e5e5e5;
}
.prdctfltr_active span.prdctfltr_customize_block::before {
content: "\f118";
top: 50%;
position: absolute;
left: 50%;
color: #fff;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
-o-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
font-family: Flaticon;
}
label .prdctfltr_customize_block {
padding: 4px;
overflow: hidden;
border: 1px solid transparent;
border-radius: 50%;
}
div label .prdctfltr_customize_block {
padding: 2px;
border: 1px solid #b0b0b0;
box-shadow: 0 0 0;
border-radius: 0;
}
div label.prdctfltr_active .prdctfltr_customize_block, div label:hover .prdctfltr_customize_block {
border: 1px solid #b0b0b0;
padding: 2px;
box-shadow: 0 0 0;
}
.prdctfltr-added-wrap-text {
display: none;
}
.row .prdctfltr-added-wrap-text {
padding: 0 15px;
}
.prdctfltr-added-wrap .prdctfltr-added-wrap-text:last-child {
display: block;
}
.prdctfltr_wc .prdctfltr_buttons {
margin-top: 20px;
padding: 0 10px 0px; 
text-align: center;
}
.prdctfltr_filter.prdctfltr_attributes.prdctfltr_pa_size.prdctfltr_single label {
display: inline-block;
margin: 0;
} 
.prdctfltr_pa_size. span.prdctfltr_count {
position: absolute;
top: -5px;
right: -5px;
}
.prdctfltr_filter.prdctfltr_attributes.prdctfltr_pa_size.prdctfltr_single label > span {
color: #858585;
font-weight: 400;
border: 1px solid #ccc;
min-width: 60px;
display: inline-block;
height: 26px;
text-align: center;
margin: 0 5px 5px 0;
font-size: 13px;
line-height: 26px;
padding: 0px 15px;
}
.prdctfltr_filter.prdctfltr_attributes.prdctfltr_pa_size.prdctfltr_single label > span:hover {
color: #fff;
border-color: #151515;
background: #151515;
}
.prdctfltr_filter.prdctfltr_attributes.prdctfltr_pa_size.prdctfltr_single label > span::before {
display: none !important;
}
.prdctfltr_filter.prdctfltr_attributes.prdctfltr_pa_size.prdctfltr_single label.prdctfltr_active > span,
.prdctfltr_filter.prdctfltr_attributes.prdctfltr_pa_size.prdctfltr_single label.prdctfltr_hover:hover > span {
color: #151515;
}
.prdctfltr_filter.prdctfltr_attributes.prdctfltr_pa_size.prdctfltr_single .prdctfltr_ft_none > span {
font-size: 10px;
text-transform: uppercase;
}
.prdctfltr_filter.prdctfltr_attributes.prdctfltr_pa_size.prdctfltr_single label:hover > span, .prdctfltr_filter.prdctfltr_attributes.prdctfltr_pa_size.prdctfltr_single label.prdctfltr_active > span {
border-color: #151515;
color: #151515;
background: #fff;
}
div.prdctfltr_filter.prdctfltr_attributes.prdctfltr_pa_size.prdctfltr_single label > span::after,
.prdctfltr_filter.prdctfltr_attributes.prdctfltr_pa_size.prdctfltr_single label > span::before {
display: none;
}
div.prdctfltr_wc .prdctfltr_terms_customized_color .prdctfltr_checkboxes label {
height: 26px;
display: inline-block;
width: 50%;
white-space: normal;
padding-left: 3px;
margin-bottom: 7px;
font-weight: 400;
}
.prdctfltr_pa_color .prdctfltr_customization_search {
display: inline-block;
}
.prdctfltr_pa_color.prdctfltr_terms_customized_color .prdctfltr_checkboxes > label > span > span {
position: relative;
border: none;
align-items: center;
display: flex;
margin: 0;
padding: 0;
}
div.prdctfltr_wc.prdctfltr_round .prdctfltr_filter label:hover {
color: #ff3636;
}
div.prdctfltr_pa_color .prdctfltr_customize_block .prdctfltr_customize_color {
display: block;
width: 15px;
border: 1px solid transparent;
float: left;
position: relative;
height: 15px;
min-width: 15px;
margin-right: 10px;
border-radius: 50%;
top: -2px;
}
div.prdctfltr_pa_color .prdctfltr_customize_block .prdctfltr_customize_color::before {
content: "";
border: 1px solid #cccccc;
position: absolute;
top: -4px;
left: -4px;
border-radius: 50%;
bottom: -4px;
right: -4px;
}
.prdctfltr_wc .prdctfltr_filter.prdctfltr_pa_color label.prdctfltr_active .prdctfltr_customize_block .prdctfltr_customize_color::before {
border-color: #151515;
}
.prdctfltr_filter label {
color: #868686;
}
.prdctfltr_filter.prdctfltr_text label {
margin-bottom: 10px;
font-weight: 400;
}
.prdctfltr_wc .prdctfltr_filter label > span{
transition: color 0.2s linear 0s, font-weight 0.2s linear 0s;
-o-transition: color 0.2s linear 0s, font-weight 0.2s linear 0s;
-webkit-transition: color 0.2s linear 0s, font-weight 0.2s linear 0s;
}
.prdctfltr_wc .prdctfltr_filter label:hover >span {
color: #151515;
}
.prdctfltr_wc .prdctfltr_filter label.prdctfltr_active>span{
color: #151515;
font-family: Jost500;
}
div.prdctfltr_wc.prdctfltr_checkbox .prdctfltr_filter label.prdctfltr_active > span:after {
content: '\e910'!important;
position: absolute;
top: 4px;
left: 2px;
font-family: kazen-font;
font-size: 7px;
font-weight: 600;
line-height: 10px;
vertical-align: middle;
}
span.clear-filter-custom:last-child {
display: inline-block;
}
span.clear-filter-custom {
z-index: 9;
position: relative;
font-size: 0;
display: none;
text-transform: CAPITALIZE;
color: #454545;
font-family: Jost;
cursor: pointer;
}
span.clear-filter-custom::after {
display: none;
}
span.clear-filter-custom:hover {
opacity: 0.8;
}
.widgettitle:hover span.clear-filter-custom,
.wapper-text-title:hover span.clear-filter-custom {
font-size: 13px;
}
.widgettitle:hover span.clear-filter-custom span.count-fil,
.wapper-text-title:hover span.clear-filter-custom span.count-fil {
display: none;
}
.widgettitle:hover span.clear-filter-custom::before,
.wapper-text-title:hover span.clear-filter-custom::before{
display: flex;
}
span.count-fil {
font-size: 10px;
letter-spacing: 1px;
width: 18px;
height: 18px;
line-height: 20px;
display: inline-block;
background: #151515;
color: #fff;
text-align: center;
margin: 0 0 0 5px;
border-radius: 50%;
position: relative;
top: -1px;
}
span.clear-filter-custom::before {
content: "\e90c";
width: 18px;
height: 18px;
justify-content: center;
align-items: center;
background: #454545;
float: left;
border-radius: 50%;
font-size: 8px;
top: 3px;
margin: 0 5px;
padding-top: 1px;
position: relative;
color: #fff;
font-family: kazen-font; 
display: none;
}
.sidebar div.prdctfltr_wc.prdctfltr_checkbox .prdctfltr_filter.prdctfltr_cat label:not(.screen-reader-text),
.sidebar div.prdctfltr_wc.prdctfltr_checkbox .prdctfltr_filter.prdctfltr_pa_color label:not(.screen-reader-text),
.sidebar div.prdctfltr_wc.prdctfltr_checkbox .prdctfltr_filter.prdctfltr_pa_size label:not(.screen-reader-text) {
width: 50%;
display: inline-block;
margin: 5px 0;
}
form.fami-woocommerce-ordering {
display: inline-block; 
min-width: 140px;
}
.fami-woocommerce-ordering .chosen-container.chosen-container-single {
width: 100%!important;
}
.toolbar-products-shortcode .fami-woocommerce-ordering .chosen-container.chosen-container-single {
width: 150px!important;
}
.sidebar .prdctfltr_filter.prdctfltr_attributes.prdctfltr_pa_size.prdctfltr_single label > span {
color: #858585;
font-weight: 400;
border: 1px solid #ccc;
min-width: 60px;
display: inline-block;
height: 26px;
font-family: Jost;
text-align: center;
margin: 0 10px 10px 0;
font-size: 13px;
line-height: 26px;
padding: 0px 15px;
}
div.prdctfltr_wc.prdctfltr_checkbox .prdctfltr_filter label > span::before {
content: '';
display: inline-block;
width: 9px;
height: 9px;
padding: 0;
border: 1px double #ccc;
margin-top: 0;
margin-bottom: 0;
margin-right: 7px;
vertical-align: middle;
box-sizing: content-box;
background-color: #fff;
position: relative;
top: -2px;
}
.prdctfltr_wc div.prdctfltr_buttons {
padding: 0 10px 10px;
margin: 0;
}
.prdctfltr_woocommerce_filter_submit,
.prdctfltr_sale,
.prdctfltr_instock {
background: #151515;
color: #fff;
line-height: 44px;
padding: 0 20px;
position: relative;
display: inline-block;
}
.prdctfltr_woocommerce.pf_default a.prdctfltr_woocommerce_filter_submit {
margin-right: 6px;
}
.prdctfltr-widget .prdctfltr_wc .prdctfltr_woocommerce_filter_submit {
margin-top: 0;
margin-bottom: 10px !important;
width: 100%;
line-height: 48px;
}
.prdctfltr_wc.prdctfltr_wc_regular div.prdctfltr_buttons label {
margin: 0;
}
.prdctfltr_wc div.prdctfltr_buttons label, .prdctfltr_wc div.prdctfltr_buttons span {
color: #fff;
line-height: 44px;
font-weight: 400;
}
.prdctfltr-widget .prdctfltr_wc .prdctfltr_buttons > span {
margin-bottom: 10px;
}
.prdctfltr_wc .prdctfltr_buttons .prdctfltr_reset span {
background: #151515;
color: #fff;
line-height: 44px;
padding: 0 20px;
position: relative;
display: inline-block;
top: -1px;
}
.prdctfltr_woocommerce_filter_submit:hover, 
.prdctfltr_wc .prdctfltr_buttons .prdctfltr_reset span:hover, 
.prdctfltr_sale:hover,
.prdctfltr_instock:hover {
background: #ff3636;
color: #ffffff;
}
.hide-filter-bar span.prdctfltr_filter_title {
display: none;
}
.fami-products-shortcode-wrap .prdctfltr_wc .prdctfltr_filter_title {
font-size: 0;
display: none;
}
.prdctfltr_wc .prdctfltr_filter_title {
font-size: 0;
}
div.prdctfltr_wc .prdctfltr_filter_title .prdctfltr_woocommerce_filter {
font-size: 0;
margin-left: 26px;
line-height: inherit;
height: auto;
top: -5px;
}
.sidebar .widget .prdctfltr_product_tag .prdctfltr_checkboxes label {
display: inline-block;
font-size: 16px;
line-height: 36px;
font-weight: 400;
border: 1px solid #e5e5e5;
margin: 0 12px 12px 0;
padding: 0 15px;
}
.sidebar .widget .prdctfltr_product_tag .prdctfltr_checkboxes label:hover {
color: #fff;
background: #151515;
border-color: #151515;
}
.sidebar div.widget.prdctfltr-widget .widgettitle {
font-size: 13px;
line-height: 26px;
padding: 0;
border: none;
text-transform: uppercase;
height: 26px;
} .drawer_sidebar .filter-wc-left {
display: flex;
white-space: nowrap;
}
.drawer_sidebar .part-filter-wrap {
margin-right: 20px;
}
.product-toolbar + .shop-page .drawer_sidebar .top-bar-shop {
margin-bottom: 0;
}
.drawer_sidebar div.prdctfltr_wc.prdctfltr_woocommerce.pf_select .prdctfltr_filter_title {
margin-top: 0;
}
.main-product.drawer_sidebar,
.main-product.offcanvas_sidebar {
padding-top: 20px;
} .prdctfltr_always_visible + .top-bar-shop .filter-toggle {
display: none;
}
.prdctfltr_wc.prdctfltr_click_filter span.prdctfltr_reset {
display: none;
}
.pf_select.prdctfltr_woocommerce .prdctfltr_filter .prdctfltr_regular_title::before{
display: none;
}
.pf_select.prdctfltr_woocommerce .prdctfltr_filter .prdctfltr_regular_title {
border: none;
background: #f2f2f2;
font-size: 0;
font-family: Jost600;
color: #151515;
overflow: visible;
letter-spacing: 0;
padding: 0;
margin: 0;
min-height: 46px;
}
.open-filter span.prdctfltr_regular_title .wapper-text-title {
background: #fff;
box-shadow: 0 5px 30px rgba(0,0,0,.1);
}
.pf_select .prdctfltr-up::before {
content: "\f004";
}
.pf_select .open-filter .prdctfltr-up::before {
content: "\f005";
}
.prdctfltr_hover .prdctfltr_tooltip {
display: none;
opacity: 0; 
}
span.prdctfltr_regular_title > .wapper-text-title:last-child {
display: inline-block!important;
}
span.prdctfltr_regular_title .wapper-text-title {
display: none!important;
font-size: 13px;
position: relative;
padding: 10px 20px;
width: 100%;
height: 47px;
}
div.prdctfltr_wc.prdctfltr_woocommerce.pf_select i.prdctfltr-down, div.prdctfltr_wc.prdctfltr_woocommerce.pf_select i.prdctfltr-up {
position: absolute;
top: 0;
text-align: right;
right: 0;
font-size: 10px;
bottom: 0;
z-index: 3;
padding: 10px 20px;
left: 0;
opacity: 0.2;
}
.pf_select.prdctfltr_woocommerce .prdctfltr_woocommerce_ordering {
margin-left: -1px;
margin-right: -1px;
}
.pf_select.prdctfltr_woocommerce .prdctfltr_filter {
padding: 0 0.5px;
}
.pf_select.prdctfltr_woocommerce span.prdctfltr_title_selected {
margin: 10px 10px 0 0;
}
.prdctfltr_wc .prdctfltr_add_scroll .mCSB_inside > .mCSB_container {
margin-right: 0;
}
div.prdctfltr_wc.prdctfltr_woocommerce.pf_select.prdctfltr_scroll_active .prdctfltr_add_scroll {
background-color: #fff;
width: 300px;
padding: 0 0 20px!important;
box-shadow: 0 30px 30px rgba(0,0,0,.1);
border: none;
z-index: 2;
height: auto!important;
max-height: 230px;
}
.prdctfltr_wc .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background-color: #858585!important;
opacity: 1;
filter: inherit!important;
}
.prdctfltr_wc .mCSB_scrollTools .mCSB_draggerRail{
background: transparent !important;
}
div.prdctfltr_wc .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
div.prdctfltr_wc .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
width: 5px;
}
.pf_select .prdctfltr_filter.prdctfltr_clear_action .prdctfltr_add_scroll { 
display: none !important;
}
.prdctfltr-widget span.prdctfltr_title_selected {
display: none !important;
}
.prdctfltr-widget .prdctfltr_aftertitle {
margin: 0;
}
.prdctfltr_clear_action span.prdctfltr_regular_title .prdctfltr-up + .wapper-text-title {
background: transparent;
box-shadow: 0 0 0;
}
.prdctfltr_clear_action span.prdctfltr_regular_title .prdctfltr-up::before{
content: "\f004";
}
.prdctfltr_wc .prdctfltr_add_scroll .mCSB_scrollTools {
position: absolute;
width: 16px;
height: auto;
left: auto;
top: 25px;
right: 8px;
bottom: 0px;
}
.prdctfltr-widget .prdctfltr_wc .prdctfltr_add_scroll .mCSB_scrollTools {
right: 0;
}
.pf_select .prdctfltr_add_scroll .prdctfltr_checkboxes {
padding: 20px 10px 20px 20px;
}
div.prdctfltr_wc.prdctfltr_woocommerce.pf_select .prdctfltr_filter_title {
margin-bottom: 20px;
margin-top: 15px;
} .prdctfltr_sc .products {
padding: 0;
}
.prdctfltr_sc .products li {
list-style: none;
padding: 0 15px;
text-align: center;
margin-bottom: 40px;
display: inline-block;
}
.prdctfltr_sc h2.woocommerce-loop-category__title {
font-size: 16px;
margin: 20px 0;
}
.prdctfltr_sc.hide-cat-thumbs .product-category img.fami-img {
display: none !important;
}
.prdctfltr_sc.hide-cat-thumbs .product-category h2.woocommerce-loop-category__title:hover {
color: #ff3636;
}
.prdctfltr_sc.hide-cat-thumbs .product-category h2.woocommerce-loop-category__title {
font-weight: 500;
font-size: 12px;
line-height: 24px;
letter-spacing: 2px;
text-transform: uppercase;
color: #a6a6a6;
position: relative;
padding-bottom: 5px;
}
.prdctfltr_sc.hide-cat-thumbs .product-category h2.woocommerce-loop-category__title::before {
border-bottom: 1px solid #ff3636;
bottom: 0;
left: 0;
content: '';
position: absolute;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
transition: all 0.3s linear 0s;
-o-transition: all 0.3s linear 0s;
-webkit-transition: all 0.3s linear 0s;
width: 100%;
}
.prdctfltr_sc.hide-cat-thumbs .product-category h2.woocommerce-loop-category__title:hover::before, .prdctfltr_sc.hide-cat-thumbs .product-categoryh2.woocommerce-loop-category__title.active a::before {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.prdctfltr_sc.hide-cat-thumbs .product-category h2.woocommerce-loop-category__title {
letter-spacing: 2px;
font-size: 12px;
margin: 0;
text-transform: uppercase;
}
.prdctfltr_sc .product-info {
position: relative;
overflow: hidden;
margin-bottom: 3px;
text-align: left;
}
div.prdctfltr_sc .prdctfltr_wc .prdctfltr_side_lables.prdctfltr_terms_customized.prdctfltr_terms_customized_color .prdctfltr_checkboxes label,
div.main-product .prdctfltr_wc .prdctfltr_side_lables.prdctfltr_terms_customized.prdctfltr_terms_customized_color .prdctfltr_checkboxes label {
width: calc(50% - 6px);
}
.prdctfltr-pagination-load-more.woocommerce-pagination {
margin: 20px 0 0 0;
}
div.main-product .prdctfltr-pagination-load-more.woocommerce-pagination{
margin: 20px 0 40px;
}
.prdctfltr-pagination-load-more:not(.prdctfltr-ignite) .button::before {
font-family: 'Flaticon';
content: "\f10f";
font-size: 0;
vertical-align: middle;
margin-right: 8px;
position: relative;
top: -1px;
}
.prdctfltr-pagination-load-more:not(.prdctfltr-ignite) .button {
color: #858585;
position: relative;
padding-bottom: 7px;
}
.prdctfltr-pagination-load-more:not(.prdctfltr-ignite) .button:not(:hover) {
color: #858585;
}
.prdctfltr-pagination-load-more:not(.prdctfltr-ignite) .button::after {
content: "\e94f";
font-family: kazen-font;
position: absolute;
font-weight: 300;
bottom: -100%;
font-size: 17px;
-webkit-transform: rotate(180deg) translateX(50%);
-moz-transform: rotate(180deg) translateX(50%);
-ms-transform: rotate(180deg) translateX(50%);
-o-transform: rotate(180deg) translateX(50%);
transform: rotate(180deg) translateX(50%);
left: 50%;
color: #151515;
transition: bottom 0.3s linear 0s;
-o-transition: bottom 0.3s linear 0s;
-webkit-transition: bottom 0.3s linear 0s;
}
.prdctfltr-pagination-load-more:not(.prdctfltr-ignite) .button.disabled::after{
display: none;
}
.prdctfltr-pagination-load-more:not(.prdctfltr-ignite) .button:hover::after {
bottom: calc(-100% - 4px);
} .sidebar div.prdctfltr_wc .prdctfltr_description {
margin: 20px 0 0;
padding: 0;
}
.prdctfltr_wc .prdctfltr_filter.prdctfltr_range .prdctfltr_add_scroll {
margin: 10px 0 30px;
}
div.prdctfltr_wc .prdctfltr_description {
font-size: 16px;
color: #868686;
padding: 0;
margin: 0;
}
div.pf_rngstyle_flat .irs-from::after, div.pf_rngstyle_flat .irs-to::after, div.pf_rngstyle_flat .irs-single::after {
display: none;
}
div.pf_rngstyle_flat .irs-from, div.pf_rngstyle_flat .irs-to, div.pf_rngstyle_flat .irs-single {
background: transparent;
color: #979797;
padding: 0;
top: auto;
font-size: 16px;
bottom: -20px;
}
div.pf_rngstyle_flat .irs-bar {
height: 2px;
background: #151515;
}
div.pf_rngstyle_flat .irs-slider.to::after {
content: "";
height: 15px;
width: 15px;
background: #ffff;
position: absolute;
right: 0;
border: 1px solid;
top: -3.5px;
}
div.pf_rngstyle_flat .irs-slider.from::before {
content: "";
width: 15px;
height: 15px;
position: absolute;
background: #fff;
top: -3.5px;
border: 1px solid;
left: 0;
}
.pf_rngstyle_flat .irs-max, .pf_rngstyle_flat .irs-min {
display: none;
}
div.pf_rngstyle_flat .irs-line {
height: 3px;
}
div.pf_rngstyle_flat .irs-slider {
height: 0;
} .single .product-toolbar + .shop-page .content-row:before{
display: none;
}
.single-product .style-02.header-pos-relative .header-main-inner{
border: none;
}
.single .product-toolbar {
margin: 0;
z-index: 1;
}
.style-01 + .product-toolbar .container {
padding: 0;
width: 100%;
}
.product-toolbar .post-navigation .nav-links > div {
display: inline-block;
position: relative;
}
.prdctfltr_wc.prdctfltr_wc_regular .prdctfltr_buttons label {
font-weight: 500;
}
.product-toolbar .nav-links > div > a:hover .img-thumb-nav {
opacity: 1;
visibility: visible;
}
.img-thumb-nav {
display: inline-block;
margin-top: 6px;
opacity: 0;
position: absolute;
display: grid;
grid-template-columns: 70px calc(100% - 70px);
right: 0;
top: 100%;
transition: opacity 0.3s linear 0s, visibility 0.3s linear 0s;
-o-transition: opacity 0.3s linear 0s, visibility 0.3s linear 0s;
-webkit-transition: opacity 0.3s linear 0s, visibility 0.3s linear 0s;
visibility: hidden;
width: 220px;
z-index: 2;
background: #fff;
box-shadow: 0 5px 30px rgba(0,0,0,.1);
}
.nav-info {
text-align: left;
padding: 7px 7px 7px 13px;
font-size: 13px;
text-transform: capitalize;
color: #858585;
line-height: 20px;
}
.nav-info .woocommerce-Price-amount.amount {
position: relative;
top: 2px;
margin: 0;
}
.product-toolbar .nav-links > div > a {
border-radius: 50%;
color: #898989;
display: inline-block;
font-size: 16px;
height: 30px;
line-height: 28px;
position: relative;
text-align: center;
padding-right: 1px;
}
.product-toolbar .nav-links > div {
float: left;
}
.product-toolbar .nav-links .img-thumb-nav:hover img {
filter: brightness(0.9);
} .toolbar-products-mobile .cat-item a::before,
.real-mobile-toolbar.toolbar-products-shortcode .cat-item a::before {
border-bottom: 1px solid;
content: "";
position: absolute;
left: 0;
opacity: 0;
bottom: 0;
right: 0;
}
.toolbar-products-mobile .cat-item, .real-mobile-toolbar.toolbar-products-shortcode .cat-item {
display: inline-block;
text-transform: uppercase;
font-size: 12px;
font-weight: 500;
letter-spacing: 1px;
position: relative;
padding-bottom: 3px;
}
.toolbar-products-mobile .cat-item a, .toolbar-products-shortcode .cat-item a {
color: #999999;
margin-right: 25px;
position: relative;
display: block;
}
.toolbar-products-mobile .cat-item.active a::before, .real-mobile-toolbar.toolbar-products-shortcode .cat-item.active a::before {
opacity: 1
}
.toolbar-products-mobile .cat-item.active, .toolbar-products-mobile .cat-item.active a,
.real-mobile-toolbar.toolbar-products-shortcode .cat-item.active, .real-mobile-toolbar.toolbar-products-shortcode .cat-item.active a {
color: #ff3636;
}
.category-filter-mobile.owl-carousel .owl-nav > button, .category-filter-mobile.owl-carousel:hover .owl-nav > button {
opacity: 1;
right: -13px;
width: 26px;
font-size: 20px;
height: 30px;
top: 0;
line-height: 32px;
transform: none;
background: #fff;
}
.category-filter-mobile.owl-carousel .owl-nav > button.owl-prev {
right: -45px;
left: auto;
}
.category-filter-mobile.owl-carousel .owl-nav > button.owl-next {
right: -70px;
}
.category-filter-mobile.owl-carousel .owl-nav > .owl-next.disabled,
.category-filter-mobile.owl-carousel .owl-nav > .owl-prev.disabled {
color: #cecece;
}
.toolbar-products-mobile div.part-filter-wrap.part-wrap {
float: none;
width: 100%;
display: inline-block;
text-align: center;
margin: 0;
}
.toolbar-products-mobile .is-sticky .actions-wrap {
width: 100%!important;
}
.toolbar-products-mobile .actions-wrap {
display: grid;
border-bottom: 1px solid #eeeeee;
line-height: 20px;
padding: 8px 0;
margin: -1px -15px 0;
grid-template-columns: 70% 30%;
text-align: left;
background: #fff;
border-top: 1px solid #eeeeee;
z-index: 1!important;
width: calc(100% + 30px)!important;
}
.toolbar-products-count {
text-align: right;
padding: 0 20px 0 0;
font-size: 10px;
text-transform: uppercase;
color: #151515;
font-family: Jost600;
}
.zonex-is-real-mobile .product-toolbar + .shop-page .content-row::before{
display: none;
}
.action-mini a.filter-toggle {
font-size: 10px;
color: #151515;
padding: 0;
text-transform: uppercase;
background: transparent;
line-height: 20px;
margin: 0;
font-family: Jost600;
float: none;
text-align: center;
font-weight: 400;
justify-content: center;
}
.action-mini .fami-woocommerce-ordering select.orderby {
width: calc(100% - 15px);
border: none;
font-size: 10px;
display: inline-block;
padding: 0;
line-height: 20px;
font-family: Jost600;
height: 20px;
text-transform: uppercase;
color: #151515;
-webkit-appearance: none;
}
.action-mini form.fami-woocommerce-ordering {
width: 120px;
max-width: calc(100% - 20px);
display: inline-block;
position: relative;
border: none;
background-position: calc(100% - 10px) center;
background-color: transparent;
min-width: inherit;
}
.action-mini form.fami-woocommerce-ordering::after {
content: "\e902";
font-family: kazen-font;
font-size: 9px;
font-weight: 300;
float: right;
}
.zonex-is-real-mobile .action-mini form.fami-woocommerce-ordering::after {
display: none;
}
.zonex-is-real-mobile .action-mini div.chosen-container-single .chosen-single, 
.zonex-is-real-mobile .action-mini .chosen-container-active.chosen-with-drop .chosen-single {
height: 12px;
line-height: 12px;
border-bottom: none;
}
.action-mini {
height: 20px;
line-height: 20px;
padding: 0 15px;
float: left;
border-right: 1px solid #eeeeee;
}
.action-mini:last-child {
border-right: 0px solid #eeeeee;
padding-right: 0;
}
.action-layout-item.part-wrap {
float: left;
margin-left: 15px;
}
.action-layout .list-mode a.display-mode::before {
background: none;
content: "\f12b";
font-family: Flaticon;
}
.action-layout .grid-mode a.display-mode::before {
background: none;
content: "\f12a";
font-family: Flaticon;
}
.action-layout {
float: right;
padding-right: 5px;
margin-top: 7px;
}
.action-layout-item.part-wrap {
float: left;
margin-left: 15px;
line-height: 16px;
}
.action-layout a.display-mode {
width: 16px;
font-size: 16px;
height: 16px;
}
.action-layout a.display-mode.flaticon-lists {
width: 20px;
font-size: 18px;
position: relative;
line-height: 50px;
height: 20px;
top: -1px;
}
.toolbar-products-mobile .part-wrap.part-cats-list-wrap, 
.toolbar-products-shortcode.real-mobile-toolbar .part-wrap.part-cats-list-wrap {
float: none;
width: auto;
overflow-x: visible;
display: none;
}
.toolbar-products-shortcode.real-mobile-toolbar .category-filter {
padding-left: 30px;
}
div .row.mobile-shop-real {
margin-left: -25px;
margin-right: -25px;
margin-bottom: 11px;
margin-top: 10px;
}
.mobile-shop-real .woocommerce-products-header__title.page-title {
padding-left: 5px;
margin: 0;
font-size: 24px;
}
.zonex-is-real-mobile .info-top {
margin: 0;
}
.enable-shop-page-mobile .shop-page .products-list svg {
display: none;
}
.enable-shop-page-mobile .shop-page .products-size.products-list {
height: 5px;
width: 15px;
position: relative;
display: inline-block;
color: #999999;
margin: 0 5px;
border-top: 2px solid;
}
.enable-shop-page-mobile .shop-page .products-size.products-list::before {
content: "";
position: absolute;
border-bottom: 2px solid;
top: -8px;
left: 0;
width: 100%;
}
.enable-shop-page-mobile .shop-page .products-size.products-list::after {
content: "";
position: absolute;
border-bottom: 2px solid;
width: 100%;
left: 0;
bottom: -3px;
}
.enable-shop-page-mobile .shop-page a.products-size.products-list.active {
color: #ff3636;
}
.prdctfltr_woocommerce.pf_sidebar .prdctfltr_woocommerce_ordering, .prdctfltr_woocommerce.pf_sidebar_right .prdctfltr_woocommerce_ordering, .prdctfltr_woocommerce.pf_sidebar_css .prdctfltr_woocommerce_ordering, .prdctfltr_woocommerce.pf_sidebar_css_right .prdctfltr_woocommerce_ordering {
z-index: 100000 !important;
}
.enable-shop-page-mobile .shop-page .product-item {
list-style: none;
padding: 7.5px;
margin: 0;
}
.enable-shop-page-mobile .flash-wrap {
display: none;
}
.enable-shop-page-mobile .product-list .product-inner {
border: none;
display: inline-flex;
}
.enable-shop-page-mobile .shop-page .product-info {
height: auto !important;
}
.enable-shop-page-mobile .prdctfltr_wc.prdctfltr_mobile {
margin-bottom: 0;
}
.enable-shop-page-mobile .shop-page .product-inner .product-title {
color: #151515;
margin-bottom: 5px;
margin-top: 13px;
line-height: 18px;
}
.wc-prdctfltr-active header.site-header.site-header-mobile,
.variable_mobile_show header.site-header.site-header-mobile {
z-index: 2;
}
.enable-shop-page-mobile .shop-prdctfltr-filter-wrapper {
margin-bottom: 0;
position: fixed;
top: 0;
left: 0;
background: #fff;
z-index: 9999999;
width: 360px;
overflow-y: auto;
transition: transform 0.4s linear 0s;
bottom: 0;
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(-100%);
max-width: 320px;
overflow-x: hidden;
opacity: 0;
}
.shop-prdctfltr-filter-wrapper div.prdctfltr_wc.prdctfltr_checkbox .prdctfltr_filter.prdctfltr_cat label:not(.screen-reader-text),
.shop-prdctfltr-filter-wrapper div.prdctfltr_wc.prdctfltr_checkbox .prdctfltr_filter.prdctfltr_pa_color label:not(.screen-reader-text),
.shop-prdctfltr-filter-wrapper div.prdctfltr_wc.prdctfltr_checkbox .prdctfltr_filter.prdctfltr_pa_size label:not(.screen-reader-text) {
width: 50%;
display: inline-block;
margin: 5px 0;
}
.enable-shop-page-mobile.wc-prdctfltr-active .shop-prdctfltr-filter-wrapper {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
.enable-shop-page-mobile .prdctfltr_wc.prdctfltr_wc_regular.prdctfltr_woocommerce.pf_default .prdctfltr_woocommerce_ordering .prdctfltr_filter {
width: 100% !important;
margin-bottom: 30px;
padding-right: 0!important;
}
.enable-shop-page-mobile form.prdctfltr_woocommerce_ordering {
display: block !important;
}
.enable-shop-page-mobile .shop-prdctfltr-filter-wrapper .prdctfltr_wc .prdctfltr_filter_title {
display: inline-block;
padding: 20px 20px 0;
margin: 0;
width: 100%;
}
.shop-prdctfltr-filter-wrapper .close-filter {
text-transform: uppercase;
font-size: 10px;
font-family: Jost500;
color: #858585;
padding: 9px 20px;
position: fixed;
border-bottom: 1px solid #e5e5e5;
top: 0;
left: 0;
width: 100%;
z-index: 111;
background: #fff;
}
.shop-prdctfltr-filter-wrapper span.kz-close {
font-size: 16px;
position: relative;
top: 3px;
color: #151515;
margin-right: 7px;
margin-left: 0;
}
.shop-prdctfltr-filter-wrapper span.prdctfltr_regular_title .wapper-text-title {
height: 100%;
}
.shop-prdctfltr-filter-wrapper .pf_select.prdctfltr_woocommerce .prdctfltr_filter .prdctfltr_regular_title {
background: #fff;
line-height: 50px;
min-height: 50px;
}
.shop-prdctfltr-filter-wrapper .prdctfltr_wc.prdctfltr_wc_regular.prdctfltr_woocommerce.woocommerce.pf_select .prdctfltr_filter {
margin: 0;
}
.wc-prdctfltr-select .shop-prdctfltr-filter-wrapper div.prdctfltr_wc.prdctfltr_woocommerce.pf_select.prdctfltr_scroll_active .prdctfltr_add_scroll {
transform: translateX(0);
}
.shop-prdctfltr-filter-wrapper div.prdctfltr_wc.prdctfltr_woocommerce.pf_select.prdctfltr_scroll_active .prdctfltr_add_scroll {
background-color: #fff;
width: 320px;
box-shadow: 0 0 0;
border: none;
z-index: 2;
height: auto!important;
max-height: inherit;
top: 100%;
position: relative;
padding: 0 20px!important;
display: block!important;
transition: 0.3s linear 0s;
}
.shop-prdctfltr-filter-wrapper span.prdctfltr_regular_title i {
display: none!important;
}
.shop-prdctfltr-filter-wrapper span.clear-filter-custom::before {
top: 15px;
}
.shop-prdctfltr-filter-wrapper .pf_select .prdctfltr-down::before {
content: "\e901";
font-size: 10px;
font-family: kazen-font!important;
}
.shop-prdctfltr-filter-wrapper .pf_select .prdctfltr_add_scroll .prdctfltr_checkboxes {
padding: 0;
}
.enable-shop-page-mobile .shop-prdctfltr-filter-wrapper form.prdctfltr_woocommerce_ordering {
padding: 0 !important; 
}
.enable-shop-page-mobile span.prdctfltr_showing {
display: none;
}
.enable-shop-page-mobile form.prdctfltr_woocommerce_ordering {
height: auto !important;
padding: 20px !important;
box-shadow: none !important;
}
.enable-shop-page-mobile span.prdctfltr_showing::before {
content: "\f119";
font-family: Flaticon;
font-size: 20px;
color: #151515;
}
.enable-shop-page-mobile span.prdctfltr_showing {
width: 40px;
height: 40px;
font-size: 0;
position: absolute;
text-align: center;
line-height: 40px;
left: 10px;
cursor: pointer;
top: 13px;
}
.enable-shop-page-mobile .main-product .prdctfltr_wc.shop-prdctfltr-filter-wrap .prdctfltr_filter_title {
padding: 0 20px;
border-top: 1px solid #eee;
margin: 0;
position: fixed;
left: 0;
width: 100%;
z-index: 111;
background: #fff;
bottom: 43px;
}
.enable-shop-page-mobile .prdctfltr_wc .prdctfltr_filter_title > span.prdctfltr_woocommerce_filter_title {
max-width: inherit;
font-size: 18px;
text-align: center;
white-space: nowrap;
text-overflow: ellipsis;
width: 100%;
font-weight: 600;
display: inline-block;
color: #151515;
float: none;
overflow: visible;
padding: 0 10px;
}
.enable-shop-page-mobile .prdctfltr_wc .prdctfltr_filter_title > span.prdctfltr_woocommerce_filter_title::before {
content: "\f117";
font-family: Flaticon;
float: left;
position: relative;
margin-top: 1px;
}
.enable-shop-page-mobile div.prdctfltr_sc .prdctfltr_wc .prdctfltr_side_lables.prdctfltr_terms_customized.prdctfltr_terms_customized_color .prdctfltr_checkboxes label,
.enable-shop-page-mobile div.main-product .prdctfltr_wc .prdctfltr_side_lables.prdctfltr_terms_customized.prdctfltr_terms_customized_color .prdctfltr_checkboxes label {
margin-bottom: 0;
}
.enable-shop-page-mobile label .prdctfltr_customize_block {
border: none;
border-radius: 0;
}
.enable-shop-page-mobile span.prdctfltr_title_selected {
background: #eeeeee;
color: #151515;
display: inline-block;
line-height: 24px;
font-size: 13px;
font-family: Jost;
padding: 0 10px;
margin: 5px 5px 0 0;
}
.enable-shop-page-mobile .pf_default .prdctfltr_filter:first-child .prdctfltr_add_scroll,
.enable-shop-page-mobile .prdctfltr_wc .mCustomScrollBox {
max-height: initial!important;
}
.enable-shop-page-mobile.wc-prdctfltr-active .body-overlay {
opacity: 1;
visibility: visible;
}
.enable-shop-page-mobile .prdctfltr_wc div.prdctfltr_buttons label,
.enable-shop-page-mobile .prdctfltr_wc div.prdctfltr_buttons span {
width: 100%;
}
.prdctfltr_wc div.prdctfltr_buttons > span {
margin-bottom: 10px;
}
.enable-shop-page-mobile .prdctfltr_topbar:first-child {
display: inline-block;
}
.enable-shop-page-mobile .prdctfltr_topbar {
font-size: 13px;
margin: 15px 0 0;
white-space: nowrap;
width: 100%;
overflow-x: auto; 
}
.bottom-shop-filter {
padding: 0 20px;
position: fixed;
bottom: 0;
width: 100%;
background: #fff;
z-index: 111;
}
.buttom-filter-info {
display: flex;
justify-content: space-between;
font-size: 13px;
font-family: Jost;
margin-bottom: 5px;
color: #858585;
margin-top: 10px;
}
.prdctfltr_topbar + .buttom-filter-info {
margin-top: 0;
}
span.buttom-filter-count > span {
font-size: 15px;
color: #151515;
font-family: Jost500;
}
a.reset-filter span.kz-refresh {
font-size: 15px;
margin: 0 05px 0 0;
color: #151515;
position: relative;
top: 1px;
display: inline-block
}
.has-filter-wc.loading-move-filter + .bottom-shop-filter a.reset-filter span.kz-refresh {
animation: fa-spin 0.6s infinite steps(8);
-webkit-animation: fa-spin 0.6s infinite steps(8);
}
a.reset-filter {
color: #858585;
}
.enable-shop-page-mobile .prdctfltr_topbar > span + span.reset-filter-product {
display: none;
position: absolute;
bottom: 10px;
right: 20px;
border: none;
font-family: Jost;
color: #858585;
}
.enable-shop-page-mobile .product-list .product-inner .product-info .product-title a {
font-size: 15px;
color: #151515;
}
.enable-shop-page-mobile .shop-page div .row.products {
margin-left: -7.5px;
margin-right: -7.5px;
}
.enable-shop-page-mobile .product-list .list-button-action {
display: flex;
align-items: center;
}
.enable-shop-page-mobile .product-list .yith-wcwl-add-to-wishlist {
margin-top: 0;
border: 1px solid #e5e5e5;
box-shadow: none;
}
.enable-shop-page-mobile .product-list .product-item .product-inner a.fami-wccp-button{
display: none;
}
.enable-shop-page-mobile .product-list .list-button-action .add-to-cart a.button::before ,
.enable-shop-page-mobile .product-list .product-inner .added_to_cart::before{
display: block!important;
letter-spacing: -1px;
}
.enable-shop-page-mobile .product-list .list-button-action .add-to-cart a.button {
box-shadow: none;
border: 1px solid #e5e5e5;
display: block;
}
.enable-shop-page-mobile .product-list .product-inner .added_to_cart {
display: inline-block;
top: 0;
border-color: #e5e5e5;
width: 40px;
margin: 0;
box-shadow: none;
}
.enable-shop-page-mobile .product-list .add-to-cart {
display: flex;
height: 40px;
justify-content: center;
align-items: center;
} .enable-shop-page-mobile .woocommerce-page-headermid .title-page {
font-size: 32px;
text-align: center;
}
.enable-shop-page-mobile .woocommerce-page-headermid {
text-align: left;
padding: 15px 0 0;
}
.enable-shop-page-mobile .woocommerce-page-headermid + .site-main {
padding-top: 0;
padding-bottom: 0;
}
body.enable-shop-page-mobile .woocommerce table.shop_table{
margin-top:0;
}
.enable-shop-page-mobile .banner-page.no_background {
min-height: 90px !important;
margin: 0 !important;
}
.enable-shop-page-mobile .woocommerce-page-headermid .trail-items {
padding: 0 3px;
background-color: transparent;
margin-bottom: 0;
}
.enable-shop-page-mobile .woocommerce-page-header ul .line-hover a {
display: inline-block;
height: auto;
background: transparent !important;
line-height: 20px;
font-size: 18px;
color: #858585;
font-family: Jost500;
padding: 0 0 5px;
text-align: center;
position: relative;
border-radius: 0;
}
.enable-shop-page-mobile .woocommerce-page-header ul .line-hover.active a::before {
opacity: 1;
}
.enable-shop-page-mobile .woocommerce-page-header ul .line-hover a::before {
content: "";
position: absolute;
left: 0; 
opacity: 0;
bottom: 0;
right: 0;
}
.enable-shop-page-mobile .woocommerce-page-header > .container {
padding: 0;
}
.enable-shop-page-mobile .checkout-before-top {
overflow: hidden;
margin-bottom: 0;
margin-top: 10px;
font-size: 13px;
}
.enable-shop-page-mobile .woocommerce-page-header ul .line-hover {
width: auto;
margin: 0 30px 0 0;
margin-bottom: 0;
}
.enable-shop-page-mobile .woocommerce-page-header {
padding: 5px 0 5px;
margin: 0;
overflow-x: auto;
}
.enable-shop-page-mobile span.woocommerce-input-wrapper {
float: left;
}
.enable-shop-page-mobile .woocommerce-page-header ul {
padding: 0 0 3px;
white-space: nowrap;
text-align: center;
min-width: 500px;
}
.shop_table_mobile th, .shop_table_mobile td {
border-width: 1px 0;
padding: 0;
}
.shop_table_mobile td.product-thumbnail > a {
width: 88px;
display: inline-block;
}
.shop_table_mobile input[type="text"] {
border: 1px solid #dddddd;
border-radius: 0 !important;
font-size: 14px;
line-height: 40px;
height: 40px;
padding: 0;
text-align: center;
-webkit-appearance: none;
appearance: none;
}
.shop_table_mobile .product-info .quantity {
font-size: 0;
text-align: left;
border: none;
height: auto;
background: #f8f8f8;
}
.cart.shop_table_mobile .quantity .input-qty {
background: #f8f8f8;
height: 30px;
line-height: 30px;
}
.cart.shop_table_mobile .quantity a.btn-number {
width: 40px;
height: 34px;
line-height: 24px;
padding: 4px 6px;
color: #858585;
font-size: 11px;
text-align: center;
}
.cart .shop_table_mobile .quantity .input-qty {
width: 40px;
height: 42px;
font-size: 20px;
line-height: 44px;
line-height: 44px;
}
.shop_table_mobile .checkout.woocommerce-checkout p {
margin-bottom: 15px;
}
.prdctfltr_wc.prdctfltr_mobile {
margin-bottom: 20px;
}
.sidebar .prdctfltr_wc .prdctfltr-bars::before {
font-size: 0;
}
div .pf_ajax_loading .css-spinner-full-01::before {
border-top-color: #151515;
font-size: 0;
}
div .pf_ajax_loading .css-spinner-01:before,
div .pf_ajax_loading .css-spinner-full-01:before{
width: 70px;
height: 70px;
content: "";
box-sizing: border-box;
position: absolute;
top: 50%;
left: 50%;
margin-top: -12px;
background-image: url(//ilite.sg/wp-content/themes/zonex/assets/images/loading-icon.gif);
margin-left: -12px;
background-size: 70px 70px;
z-index: 11;
animation:none;
-webkit-animation:none;
-o-animation:none;
border: none;
}
.prdctfltr_woocommerce.pf_sidebar div.prdctfltr_close_sidebar,
.prdctfltr_woocommerce.pf_sidebar_right div.prdctfltr_close_sidebar,
.prdctfltr_woocommerce.pf_sidebar_css div.prdctfltr_close_sidebar,
.prdctfltr_woocommerce.pf_sidebar_css_right div.prdctfltr_close_sidebar {
font-size: 14px;
color: #151515;
padding: 14px 15px 10px;
}
.prdctfltr_mobile .prdctfltr_buttons > span {
margin-bottom: 15px;
width: 100%;
}
.prdctfltr_wc.prdctfltr_wc_regular.prdctfltr_mobile div.prdctfltr_buttons label,
.prdctfltr_wc.prdctfltr_mobile .prdctfltr_buttons .prdctfltr_reset span {
width: 100%;
margin: 0;
}
.enable-shop-page-mobile .checkout-before-top .woocommerce-info {
margin: 10px 0;
}
@media (min-width: 360px) and (max-width: 767px) {
.enable-shop-page-mobile .shop-page .product-item {
width: 50%;
border: none;
clear: none;
margin: 0;
}
.enable-shop-page-mobile .shop-page .products_list-size-3 .product-item {
width: 100%;
}
.enable-shop-page-mobile .shop-page .owl-carousel .product-item {
width: 100%;
}
.enable-shop-page-mobile .shop-page .product-inner .product-title {
font-size: 14px;
}
.enable-shop-page-mobile .shop-page .product-item:nth-child(2n+1) {
clear: left;
}
} .offcanvas_sidebar .scrollbar-macosx > .scroll-element.scroll-y .scroll-bar {
left: -12px;
}
.search-results-croll.scrollbar-macosx > .scroll-element.scroll-y .scroll-bar {
left: -15px;
}
.scrollbar-macosx > .scroll-element.scroll-y .scroll-bar {
left: -4px;
width: 4px;
background: #858585;
opacity: 0.6;
transition: width 0.4s ease 0s;
-o-transition: width 0.4s ease 0s;
-webkit-transition: width 0.4s ease 0s;
}
.scrollbar-macosx > .scroll-element.scroll-y:hover .scroll-bar {
width: 5px;
}
.menu-scroll .scrollbar-macosx > .scroll-element.scroll-y .scroll-bar {
left: -3px;
} .sidebar-canvas .scrollbar-macosx {
max-height: -webkit-calc(100vh - 156px);
max-height: -moz-calc(100vh - 156px);
max-height: calc(100vh - 156px);
}
.sidebar-canvas-overlay {
position: fixed;
top: 0;
bottom: 0;
right: 0;
background-color: rgba(0, 0, 0, 0.24);
z-index: 10;
}
.sidebar-canvas-open .sidebar-canvas-overlay {
left: 0
}
.page-wrapper {
position: relative;
width: 100%;
transition: margin 0.4s;
background-attachment: fixed;
background-size: cover;
}
.sidebar-canvas-open .page-wrapper {
margin-left: 360px;
}
.sidebar-canvas {
position: fixed;
top: 0;
width: 360px;
left: -360px;
padding: 78px 0;
height: 100%;
background: #ffffff;
transition: left 0.4s;
z-index: 999;
}
.sidebar-canvas-open .sidebar-canvas {
left: 0;
}
.sidebar-canvas-inner {
padding: 0 40px;
}
.btn-canvas {
font-size: 12px;
color: #ffffff;
min-width: 66px;
height: 35px;
line-height: 35px;
padding: 0 14px 0 18px;
background-color: #151515;
position: fixed;
top: 237px;
left: -16px;
display: block;
transition: left 0.4s;
cursor: pointer;
z-index: 999;
transform: rotate(-90deg);
-o-transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
}
.btn-canvas::after {
content: '';
display: inline-block;
width: 20px;
margin-left: 8px;
border-bottom: 1px solid;
margin-bottom: 3px;
position: absolute;
top: 50%;
}
.sidebar-canvas-open .btn-canvas {
left: 345px
} body.single-product .single-left {
width: 55%;
float: left;
position: relative;
overflow: hidden;
}
h4.title-s-desc {
display: none;
}
.has-sidebar .wc-tabs-wrapper .vc_row-o-equal-height, .has-sidebar .wc-tabs-wrapper .vc_row[data-vc-full-width] {
position: static !important;
width: 100% !important;
}
.product:not(.big_images):not(.slider_images) h4.title-s-desc {
display: block;
} body.single-product .woocommerce-product-gallery {
position: relative;
overflow: hidden;
display: inline-block;
width: 100%;
}
.woocommerce-product-gallery .onsale {
position: absolute;
top: 10px;
right: 70px;
}
.woocommerce-product-gallery .woocommerce-product-gallery__trigger {
display: none;
position: absolute;
right: 17px;
border-radius: 50%;
height: 56px;
font-size: 0;
font-weight: 700;
width: 56px;
line-height: 56px;
z-index: 1;
background-color: #ffffff;
color: #151515;
bottom: 17px;
box-shadow: 0 3px 28px rgba(0,0,0,.08);
text-align: center;
}
.woocommerce-product-gallery .woocommerce-product-gallery__trigger::before {
content: "\f12c";
font-family: Flaticon;
font-size: 19px;
letter-spacing: -1px;
}
.woocommerce-product-gallery .woocommerce-product-gallery__trigger:hover {
color: #ff3636;
}
.woocommerce-product-gallery .woocommerce-product-gallery__trigger img.emoji {
opacity: 0;
visibility: hidden;
display: none!important;
}
.pswp__button:hover {
background: transparent;
}
div.pswp{
z-index: 999999;
}
.woocommerce img.pswp__img, 
.woocommerce-page img.pswp__img {
width: auto!important;
}
.woocommerce-product-gallery .flex-viewport {
text-align: center;
}
.woocommerce-product-gallery .flex-control-nav.flex-control-thumbs {
margin-left: 0;
padding-left: 0;
display: inline-block;
width: 100%;
}
.sticky_detail .flex-control-thumbs {
display: none !important;
}
.woocommerce-product-gallery .flex-control-nav.flex-control-thumbs li {
list-style: none;
border: none;
cursor: pointer;
}
li.slick-slide img.flex-active::before {
border-bottom: 2px solid #151515;
}
li.slick-slide img {
border-bottom: 2px solid transparent;
}
.woocommerce-product-gallery .flex-control-nav.flex-control-thumbs > li {
width: 25%;
padding: 5px;
}
.woocommerce-product-gallery .flex-control-nav.flex-control-thumbs li.slick-slide img.flex-active {
filter: brightness(0.95);
}
.woocommerce-product-gallery .flex-control-nav.flex-control-thumbs .slick-arrow {
opacity: 0;
visibility: hidden;
position: absolute;
cursor: pointer;
display: block;
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
z-index: 1;
background-color: rgba(0, 0, 0, 0.5);
transition: 0.3s;
}
.woocommerce-product-gallery .flex-control-nav.flex-control-thumbs .slick-arrow:hover {
background: rgba(0,0,0,.8);
}
.woocommerce-product-gallery .flex-control-nav.flex-control-thumbs:hover .slick-arrow {
opacity: 1;
visibility: visible;
}
.woocommerce-product-gallery .flex-control-nav.flex-control-thumbs .slick-arrow.fa-caret-up {
top: 10px;
left: 33px;
}
.woocommerce-product-gallery .flex-control-nav.flex-control-thumbs .slick-arrow.fa-caret-down {
bottom: 10px;
left: 33px;
}
.woocommerce-product-gallery .flex-control-nav.flex-control-thumbs .slick-arrow.fa-caret-left {
top: 0;
bottom: 0;
left: 10px;
margin: auto;
}
.woocommerce-product-gallery .flex-control-nav.flex-control-thumbs .slick-arrow.fa-caret-right {
top: 0;
bottom: 0;
right: 10px;
margin: auto;
}
.woocommerce-product-gallery .flex-control-nav.flex-control-thumbs:not(.slick-vertical) .slick-arrow {
color: #fff;
top: 50%;
margin: 0;
left: 0;
transform: translateY(-50%);
-o-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
}
.woocommerce-product-gallery .flex-control-nav.flex-control-thumbs:not(.slick-vertical) .slick-arrow:last-child {
left: auto;
right: 0;
}
.woocommerce-product-gallery .flex-control-nav.flex-control-thumbs.slick-vertical .slick-arrow {
left: 0;
width: 100%;
top: 7.5px;
line-height: 20px;
height: 20px;
color: #fff;
}
.woocommerce-product-gallery .flex-control-nav.flex-control-thumbs.slick-vertical .slick-arrow:last-child {
top: auto;
bottom: -7.5px;
}
@media (max-width: 991px) {
.woocommerce-product-gallery .flex-control-nav.flex-control-thumbs .slick-arrow {
opacity: 1;
visibility: visible;
}
}
.product:not(.sticky_detail) .theiaStickySidebar {
position: static !important;
transform: none !important;
width: 100%!important;
}
.flex-control-thumbs:not(.slick-vertical) .slick-list {
margin: 0 -7.5px;
}
.flex-control-thumbs.slick-vertical .slick-list {
margin: -7.5px 0;
} body.single-product .detail-content {
width: 45%;
float: left;
padding-left: 140px;
padding-top: 52px;
}
.summary del {
font-size: 16px;
color: #999999;
}
.summary ins .woocommerce-Price-amount.amount {
font-size: 20px;
font-weight: 500;
}
.summary ins {
font-size: 26px;
text-decoration: none;
}
.summary .woocommerce-product-rating {
margin-top: -7px;
margin-bottom: 8px;
}
.summary .woocommerce-Reviews .woocommerce-product-rating {
width: 160px;
}
.summary .woocommerce-product-rating .star-rating {
display: inline-block;
overflow: visible;
margin: 0 5px 0 0;
}
.summary .woocommerce-Reviews .woocommerce-product-rating .star-rating {
width: 115px;
margin-bottom: 15px;
margin-right: 0;
}
p.preview-count {
overflow: hidden;
float: left;
margin: 0;
}
.summary .woocommerce-product-rating .star-rating + .woocommerce-review-link {
display: inline-block;
}
.summary .woocommerce-product-rating .woocommerce-review-link {
font-size: 13px;
color: #858585;
display: none;
font-family: Jost;
vertical-align: top;
}
.summary .woocommerce-product-rating .woocommerce-review-link:hover {
color: #ff3636;
}
.summary span.onnew {
margin: 0 0 10px;
}
.summary .entry-title {
font-size: 24px;
font-weight: 400;
font-family: Jost500;
margin-bottom: 17px;
color: #151515;
}
.summary > .price {
margin-bottom: 22px;
margin-top: 15px;
}
.summary .price {
display: inline-block;
font-size: 24px;
line-height: 24px;
color: #151515;
margin-bottom: 20px;
font-family: Jost700;
}
.summary .price .woocommerce-Price-amount.amount {
font-size: 24px;
font-family: Jost700;
}
.summary .price del .woocommerce-Price-amount.amount {
font-size: 15px;
color: #858585;
font-family: Jost;
}
.summary li.item-brand {
font-size: 12px;
color: #151515;
letter-spacing: 1px;
text-transform: uppercase;
display: flex;
align-items: center;
}
a.brand-link {
margin-left: 10px;
max-width: 40px;
}
.summary .brand-product + form.cart {
margin-top: 50px;
}
.summary .brand-product {
border-top: 1px solid #ebebeb;
padding-top: 20px;
display: block;
}
.summary .brand-product + .woocommerce-product-details__short-description{
border: none;
}
.woocommerce-product-details__short-description + form.variations_form {
position: relative;
margin-top: 42px;
}
.summary .woocommerce-product-details__short-description {
margin-bottom: 42px;
font-size: 15px;
line-height: 24px;
color: #454545;
}
.extra_image_single {
margin-bottom: 20px;
}
.extra_image_single + form.cart {
margin-top: 40px;
}
.summary .woocommerce-product-details__short-description p:last-child {
margin-bottom: 0;
}
h4.deals-title {
font-family: Jost600;
color: #f54040;
font-size: 13px;
}
.deals-in-wrap span.time {
text-align: center;
font-size: 24px;
color: #151515;
}
.deals-in-wrap .box {
display: inline-block;
margin: 0 1px;
width: 60px;
height: 60px;
background: #f8f8f8;
padding: 10px;
}
.deals-in-wrap .countdown-product.zonex-countdown {
margin: 14px -1px 60px;
}
.has-deals .summary form.variations_form {
margin-top: 30px;
}
button.zonex-single-add-to-cart-deal {
line-height: 56px;
padding: 0;
height: 56px;
font-size: 20px;
letter-spacing: 2px;
background: #39b93c;
font-weight: 600;
width: calc(100% - 80px);
border-radius: 0;
}
button.zonex-single-add-to-cart-deal:hover {
background: #151515;
color: #fff;
}
.deal-add-to-cart.cart .quantity {
float: right;
margin: 0 0 0 10px;
}
.deal-add-to-cart {
margin-bottom: 15px;
}
.deals-in-wrap span.time-title {
display: block;
text-align: center;
font-size: 10px;
font-family: Jost500;
text-transform: uppercase;
line-height: 10px;
color: #858585;
}
.stock.out-of-stock {
line-height: 23px;
border: 1px solid;
width: 100%;
text-align: center;
color: #333;
max-width: 100%;
padding: 10px 0;
}
.summary .stock {
display: inline-block;
margin-bottom: 0;
font-size: 10px;
text-transform: uppercase; 
font-family: Jost600;
color: #151515;
}
.summary.title-price-stars-outside-summary {
margin-bottom: 50px;
}
.summary.title-price-stars-outside-summary .woocommerce-product-rating,
.summary.title-price-stars-outside-summary .product_title,
.summary.title-price-stars-outside-summary .price {
display: none;
}
.summary.title-price-stars-outside-summary .woocommerce-product-details__short-description {
border: none;
padding-top: 0;
}
.outside-title-price-stars-wrap {
display: inline-block;
width: 100%;
margin-top: 30px;
}
.summary.has-border {
border: 2px solid #151515;
padding: 30px 35px;
}
.summary a.change-value.color {
width: 24px;
height: 24px;
margin-right: 9px;
margin-bottom: 5px;
}
a.change-value.color, 
a.change-value.photo {
font-size: 0;
}
span.value-text {
font-size: 13px;
overflow: hidden;
position: relative;
line-height: 32px;
display: none;
margin: 0 20px 0 5px;
}
.summary.variations_layout2 a.change-value.color {
width: 18px;
height: 18px;
}
.variations_layout2 span.value-text {
display: inline-block;
line-height: 28px;
}
.variations_layout2 .variation .variation-title select{
display: none;
}
.woocommerce-variation-price {
margin-top: 40px;
}
.woocommerce-variation-price + .woocommerce-variation-availability > p {
margin-top: 20px;
margin-bottom: 0!important;
}
.woocommerce-variation-price:empty {
margin: 0;
}
a.change-value.color:hover::before,
a.change-value.color.active::before {
opacity: 1;
border-color: #151515;
}
.woocommerce-product-rating-outside .star-rating {
float: left;
margin: 5px;
}
.has-title-outside-summary.vertical_thumnail .woocommerce-product-gallery .flex-control-nav.flex-control-thumbs img {
border-radius: 50%;
border: 1px solid #ebebeb;
}
.price.price-outside {
margin-bottom: 20px;
font-size: 26px;
color: #dc9814;
}
.price-outside del {
font-size: 16px;
}
.woocommerce-product-rating.woocommerce-product-rating-outside {
display: inline-block;
margin-bottom: 13px;
}
.woocommerce-product-details__short-description p {
margin-bottom: 10px;
}
.woocommerce-product-details__short-description ul {
padding-left: 0;
color: #454545;
line-height: 30px;
clear: both;
margin-bottom: 25px;
}
.woocommerce-product-details__short-description li {
position: relative;
}
.woocommerce-product-details__short-description li::before {
content: "";
font-family: Flaticon;
margin-right: 7px;
width: 10px;
height: 10px;
display: inline-block;
position: relative;
border-radius: 50%;
}
.woocommerce-product-details__short-description li::after {
content: "";
background: #454545;
border-radius: 50%;
width: 5px;
height: 5px;
display: inline-block;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
left: 0;
} .offer-boxed-product {
border: 1px solid #dcdcdc;
padding: 13px 20px 17px;
border-radius: 3px;
margin-bottom: 25px;
background: #ffff;
}
h4.title-offer {
font-size: 12px;
text-transform: uppercase;
font-weight: 700;
letter-spacing: 2px;
line-height: 34px;
}
h4.title-offer::before {
content: url(//ilite.sg/wp-content/themes/zonex/assets/images/special.png);
position: relative;
margin-right: 13px;
top: 8px;
}
.offer-boxed-product ul {
font-weight: 700;
line-height: 34px;
color: #ec9047;
}
.offer-boxed-product ul li {
position: relative;
}
.offer-boxed-product ul li::before {
content: "";
position: relative;
display: inline-block;
margin-right: 10px;
border-width: 4px 0 4px 7px;
border-color: transparent transparent transparent #ec9047;
border-style: solid;
}
.extra_image_single {
margin-bottom: 25px;
} form.variations_form {
position: relative;
}
h4.title-variable {
font-size: 18px;
font-weight: 500;
margin: 0 0 22px;
}
.variations .variation select {
font-size: 10px;
text-transform: uppercase;
font-family: Jost500;
line-height: 20px;
-webkit-appearance: none;
padding-left: 5px;
margin: 0!important;
height: 20px;
z-index: -1;
border: none;
}
.variations .variation [data-attributetype] option {
display: none;
}
.select-type .variation select[data-attributetype="select"] option {
display: inline-block;
}
.select-type .variation select[data-attributetype="select"] {
position: relative;
top: 5px;
z-index: 1;
}
.select-type a.reset_variations { 
position: absolute;
top: -30px;
line-height: 30px;
height: auto;
right: 0;
}
.variation .chosen-container {
width: auto!important;
}
.variation div.chosen-container-single .chosen-single, 
.variation .chosen-container-active.chosen-with-drop .chosen-single {
border-radius: 0;
background: no-repeat;
border: none;
height: 36px;
box-shadow: 0 0 0;
color: #151515;
font-size: 13px;
line-height: 36px;
text-transform: inherit;
font-family: Jost;
border-bottom: none;
padding: 0;
}
.variation .chosen-container-single .chosen-drop {
font-family: Jost;
}
.variation div.chosen-container.chosen-with-drop .chosen-drop {
left: 0;
}
tr.variation .data-val[data-attributetype="select"]{
display: none;
}
.summary .variation select[data-attributetype="select"] {
top: 0;
margin-top: 20px;
}
tr:last-child .value select[data-attributetype="select"] {
width: calc(100% - 70px);
margin-bottom: 10px;
}
.reset_variations {
font-weight: 400;
font-size: 10px;
line-height: 10px;
font-family: Jost600;
color: #d24242;
display: block;
height: 10px;
text-transform: uppercase;
}
.reset_variations:hover {
color: #858585;
}
a.reset_variations::before {
content: "\e90c";
font-family: kazen-font;
position: relative;
top: 1px;
margin-right: 5px;
}
.single_variation_wrap {
margin-top: 20px;
}
table.variations {
border: none;
margin-bottom: 40px;
}
.summary a.change-value:not(.color):hover, .summary a.change-value.active:not(.color) {
border-color: #151515;
}
.summary table.variations {
border: none;
margin-bottom: 5px;
}
.summary tr.variation {
line-height: 30px;
}
.summary .select-type tr.variation label.select-type {
min-width: 100px;
}
tr.variation td {
margin: 0;
border: none;
padding: 0 10px 0 0;
font-size: 16px;
line-height: 15px;
display: block;
vertical-align: text-bottom;
min-width: 100px;
position: relative;
}
.summary tr.variation td {
padding: 0;
margin-bottom: 10px;
}
.product-item .variations tr {
text-align: center;
width: 100%;
}
a.change-value.color {
width: 12px;
height: 12px;
position: relative;
display: inline-block;
border-radius: 50%;
margin: 6px 11px 5px 4px;
}
div.product-item a.change-value.photo {
width: 20px;
height: 20px;
position: relative;
border-radius: 50%;
}
a.change-value.color[data-value="white"] {
border: 1px solid #dedede;
}
a.change-value.color::before {
content: "";
top: -4px;
border: 1px solid #cccccc;
left: -4px;
border-radius: 50%;
right: -4px;
position: absolute;
bottom: -4px;
}
.product-item a.change-value.color.active::before, 
.product-item a.change-value.color:hover::before {
border-color: #151515;
}
.product-item a.change-value::before {
border-width: 0 0 2px;
border-radius: 0;
left: -2px;
bottom: -6px;
right: -2px;
top: auto;
border-color: transparent;
transition: all 0.3s linear 0s;
-o-transition: all 0.3s linear 0s;
-webkit-transition: all 0.3s linear 0s;
}
.product-item a.change-value.active::before, .product-item a.change-value:hover::before {
opacity: 1;
}
tr.variation .data-val {
display: inline-block;
width: 100%;
}
tr:last-child .value .data-val {
margin: 0;
}
tr.variation label {
color: #858585;
margin: 0;
font-family: Jost600;
position: relative;
font-size: 10px;
text-transform: uppercase;
letter-spacing: 1px;
line-height: 30px;
font-weight: 700;
}
.woocommerce-variation-description p:last-child {
margin-bottom: 0;
}
.woocommerce-variation-price .price {
margin-bottom: 0;
}
.product-item a.change-value.photo {
width: 35px;
height: 35px;
}
a.change-value {
position: relative;
margin-right: 15px;
}
.product-item .variations a.change-value.label {
display: none;
}
a.change-value:not(.color) {
width: 35px;
height: 35px;
font-weight: 400;
color: #151515;
border: 1px solid #e5e5e5;
line-height: 34px;
border-radius: 50%;
display: inline-block;
font-size: 11px;
text-align: center;
margin-right: 15px;
}
.summary a.change-value:not(.color):hover, .summary a.change-value.active:not(.color) {
border-color: #151515;
}
.size-guide-inner {
padding: 0 15px;
}
span.size-guide-text {
font-size: 10px;
color: #858585;
line-height: 26px;
padding-left: 30px;
text-transform: uppercase;
font-family: Jost600;
cursor: pointer;
z-index: 1;
float: right;
}
span.size-guide-text:hover {
color: #151515;
}
.pa_size + span.size-guide-text,
.pa_size-select + span.size-guide-text {
display: inline-block;
float: right;
margin: 0;
}
#popup-size-guide .modal-content {
box-shadow: 0 0px 15px rgba(0, 0, 0, .2);
border: none;
border-radius: 0;
}
#popup-size-guide .modal-dialog {
max-width: calc(100% - 20px);
margin-top: 50px;
width: 750px;
}
#popup-size-guide .modal-content > button.close {
top: 5px;
right: 5px;
background: #151515;
color: #fff;
}
#popup-size-guide .modal-content > button.close::after {
width: 15px;
top: 12px;
left: 5px;
}
#popup-size-guide .modal-content > button.close::before {
width: 15px;
top: 12px;
left: 5px;
}
div button.close {
font-size: 12px;
font-weight: 400;
border: 1px solid;
width: 25px;
text-transform: uppercase;
height: 25px;
border-radius: 50%;
color: #666;
opacity: 1;
margin: 10px;
}
div button.close {
color: #ff3636;
} .summary .cart .quantity {
height: 56px;
line-height: 56px;
border: 1px solid #ccc;
color: #151515;
overflow: hidden;
width: 100%;
position: relative;
text-align: center;
float: left;
background: #fff;
padding-left: 0;
}
.summary .cart .quantity:hover {
border-color: #151515;
}
.summary .cart .quantity .control {
display: flex;
align-items: center;
justify-content: space-between;
}
.summary .cart .quantity .input-qty {
font-family: Jost600;
color: #151515;
padding: 0 5px;
height: 56px;
font-size: 13px;
line-height: 56px;
text-align: center;
float: left;
border: none;
position: relative;
top: 0;
width: 112px;
}
.summary .cart .quantity .btn-number, 
.summary .cart .quantity .btn-number.qtyminus {
line-height: 60px;
height: 56px;
font-size: 16px;
padding: 0 20px;
}
.woocommerce-variation-add-to-cart {
display: inline-block;
margin-top: 20px;
width: 100%;
}
.variation_popup .woocommerce-variation-add-to-cart {
display: none;
}
.shop_table.cart .quantity {
height: 48px;
line-height: 48px;
border: 1px solid #ccc;
color: #151515;
overflow: hidden;
position: relative;
text-align: center;
float: left;
padding-left: 0;
width: 140px;
max-width: 100%;
}
.shop_table.quantity .control {
display: grid;
align-items: center;
text-align: center;
grid-template-columns: 33.33% 33.33% 33.33%;
}
input[type='number'] {
-moz-appearance: textfield;
}
input[type='number']::-webkit-outer-spin-button,
input[type='number']::-webkit-inner-spin-button {
-webkit-appearance: none;
}
.cart .quantity .input-qty {
font-family: Jost600;
color: #151515;
padding: 0 5px;
height: 48px;
font-size: 15px;
line-height: 48px;
text-align: center;
float: left;
border: none;
position: relative;
top: 0;
}
.shop_table.cart .quantity .input-qty {
float: none;
width: 50px;
}
.cart .woocommerce-Price-amount.amount {
font-size: 15px;
font-family: Jost500;
color: #151515;
margin: 0;
}
.cart .quantity .btn-number.qtyminus {
text-align: left;
bottom: 0;
top: auto;
line-height: 0;
}
.cart .quantity .btn-number {
font-size: 12px;
font-weight: 300;
text-align: right;
padding: 0 5px;
color: #858585;
}
.cart .quantity .btn-number:hover {
color: #151515;
}
.summary p.cart {
margin-bottom: 0;
}
.summary .cart .single_add_to_cart_button {
display: block;
float: left;
vertical-align: top;
height: 56px;
line-height: 56px;
font-size: 10px;
color: #ffffff;
text-transform: uppercase;
padding: 0 15px;
text-align: center;
border: none;
border-radius: 0;
width: 100%;
margin: 10px 0;
}
.summary .cart .single_add_to_cart_button.loading::before,
#yith-quick-view-content .zonex-single-add-to-cart-fixed-top.loading::before {
font-family: 'FontAwesome', sans-serif;
-webkit-animation: spin 1s infinite steps(8);
animation: spin 1s infinite steps(8);
content: "\f110";
font-size: 13px;
display: inline-block;
margin-right: 10px;
}
.summary .cart .single_add_to_cart_button.added::before {
font-family: Flaticon ;
-webkit-animation: none;
animation: none;
content: "\f116";
font-size: 16px;
display: inline-block;
margin-right: 10px;
}
.has-extend .summary tr.variation .data-val.attribute-pa_size {
width: calc(100% + 6px);
}
.has-extend .summary .data-val.attribute-pa_size a.change-value:not(.color) {
width: calc(25% - 6px);
}
.summary .attribute-pa_size a.change-value:not(.color) {
padding: 0;
min-width: 45px;
border-width: 1px;
padding: 0 10px;
height: 30px;
font-weight: 500;
border-radius: 0;
float: left;
line-height: 28px;
}
.summary a.change-value:not(.color) {
width: auto;
height: 30px;
font-weight: 600;
border: 1px solid #ccc;
line-height: 30px;
border-radius: 0;
display: inline-block;
color: #858585;
font-size: 13px;
text-align: center;
padding: 0 15px;
margin-right: 6px;
margin-bottom: 3px;
margin-top: 3px;
}
.stock-disabled a.change-value.active:not(.color):not(.photo)::before{
content: "";
border-top: 1px solid;
position: absolute;
top: 50%;
width: 100%;
right: 0;
}
.summary a.change-value.photo {
width: 44px;
border-radius: 50%;
position: relative;
height: 44px;
border: none;
margin: 7px 14px 7px 0;
}
.summary a.change-value.photo::before {
content: "";
border: 1px solid #d7d7d7;
position: absolute;
top: -4px;
left: -4px;
bottom: -4px;
border-radius: 50%;
right: -4px;
}
.summary a.change-value.photo:hover::before,
.summary a.change-value.photo.active::before  {
border-color: #151515;
}
.summary a.change-value:not(.color):hover, .summary a.change-value.active:not(.color) {
border-color: #151515;
color: #151515;
}
.summary .cart .single_add_to_cart_button:hover {
background-color: #151515;
}
.summary .cart .woocommerce-variation-add-to-cart-disabled .single_add_to_cart_button,
.summary .cart .single_add_to_cart_button.disabled {
opacity: 0.65;
cursor: not-allowed;
pointer-events: none;
}
.summary .compare, .summary .social-share {
display: inline-block;
text-align: center;
padding: 0 15px;
min-width: 56px;
height: 56px;
line-height: 54px;
border: 2px solid #333;
margin: 0 11px 15px 0;
float: left;
box-shadow: none;
}
.summary .yith-wcwl-add-to-wishlist {
text-align: center;
line-height: 56px;
font-size: 10px;
height: 56px;
color: #151515;
text-transform: uppercase;
font-family: Jost600;
width: 100%;
background: #f2f2f2;
margin: 0 0 10px;
box-shadow: none;
transition: background 0.4s;
}
.summary .variations_form .yith-wcwl-add-to-wishlist {
margin:-10px 0 10px 0;
}
.variations_form + .yith-wcwl-add-to-wishlist {
margin-top: -10px;
}
.summary form .yith-wcwl-add-to-wishlist {
display: none;
}
.summary .yith-wcwl-add-to-wishlist:hover {
background: #151515;
color: #fff;
}
.summary a.fami-wccp-button {
font-size: 16px;
display: flex;
font-weight: 600;
padding-top: 15px;
align-items: center;
width: 100%;
margin-bottom: 5px;
clear: both;
text-transform: capitalize;
box-shadow: 0 0 0;
padding: 0;
border-radius: 0;
}
.summary a.fami-wccp-button::before {
font-size: 20px;
margin-right: 10px;
font-weight: 400;
}
.summary .add_to_wishlist::before {
font-size: 0;
}
div#yith-wcwl-popup-message {
background: #0fb0f0;
border: none; 
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 5px;
line-height: 50px;
font-weight: 300;
color: #fff;
padding: 0 35px;
box-shadow: 0 0 5px #0fb0f0;
position: fixed;
text-align: center;
top: 50px;
left: auto;
z-index: 10000;
right: 50px;
}
.summary .compare {
position: relative;
top: -1px;
}
.summary .social-share .icons {
font-size: 15px;
line-height: 50px;
}
.summary .social-share .zonex-social {
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
}
.product_meta {
display: inline-block;
width: 100%;
margin-top: 25px;
}
.woocommerce .product_meta .wcml-dropdown-click.product {
margin: 0 0 15px;
}
.product_meta .meta-title {
font-weight: 400;
text-transform: capitalize;
}
.product_meta > span {
display: inline-block;
font-size: 10px;
white-space: nowrap;
line-height: 24px;
font-weight: 400;
color: #151515;
margin-right: 25px;
text-transform: capitalize;
}
.product_meta span.sku {
font-size: 10px;
font-family: Jost600;
}
.product_meta .meta-title {
font-weight: 400;
text-transform: uppercase;
font-size: 10px;
color: #858585;
margin-right: 3px;
font-family: Jost600;
}
.product_meta a {
color: #151515;
font-size: 10px;
text-transform: uppercase;
font-family: Jost600;
}
.product_meta a:hover {
opacity: 0.8;
} .guaranteed_safe {
margin-bottom: 20px;
margin-top: 20px;
}
.guaranteed_safe_title {
font-size: 12px;
text-transform: uppercase;
font-family: Jost500;
margin-bottom: 20px;
}
.guaranteed_safe_title::before {
content: "\f10d";
font-family: Flaticon;
font-weight: 400;
font-size: 28px;
margin-right: 12px;
position: relative;
top: 7px;
} .vc_row .center-element {
display: table;
margin: 0 auto;
float: none;
}
.wpb_text_column ul li, .wpb_text_column ol li {
position: relative;
line-height: 28px;
font-size: 15px;
color: #454545;
padding: 5px 0;
}
.wpb_text_column ul li a {
display: inline-block;
position: relative;
}
footer .wpb_text_column ul li a::after {
content: "";
border-bottom: 1px solid;
position: absolute;
bottom: 3px;
right: 0;
width: 0;
transition: 0.3s;
}
footer .wpb_text_column ul li a:hover::after {
width: 100%;
left: 0;
}
.wpb_text_column ul li::before {
content: "";
height: 5px;
width: 5px;
position: absolute;
top: calc(50% - 2px);
left: 0px;
background: #151515;
border-radius: 50%;
}
.content-des .wpb_text_column ul li::before {
display: block!important;
}
ul.list-contact {
list-style: none;
padding: 0;
color: #151515;
font-weight: 600;
}
ul.list-contact li{
padding-left: 0;
}
ul.list-contact a:not(:hover) {
color: #979797;
}
ul.list-contact a {
font-weight: 400;
}
.wpb_text_column ul li::before{
display: none;
} .social-share-product {
margin-top: 3px;
}
.social-share-product-title {
float: left;
font-size: 10px;
text-transform: uppercase;
font-family: Jost600;
margin-right: 12px;
}
.zonex-social-product a {
font-size: 16px;
color: #151515;
font-weight: 400;
margin: 2px 24px 0 0;
display: inline-block;
}
.zonex-social-product a:last-child {
margin: 0;
}
.zonex-social-product a:hover {
color: #858585;
} .sticky_info_single_product {
position: fixed;
left: 0;
right: 0;
padding: 10px 0;
bottom: 0px;
transition: transform 0.5s ease 0s;
-o-transition: transform 0.5s ease 0s;
-webkit-transition: transform 0.5s ease 0s;
background: #fff;
z-index: 99;
box-shadow: 0 0 5px rgba(0, 0, 0, .2);
-webkit-transform: translateY(100px);
-moz-transform: translateY(-100px);
-ms-transform: translateY(-100px);
-o-transform: translateY(-100px);
transform: translateY(100px);
}
.show-sticky_info_single .sticky_info_single_product {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.sticky_info_single_product img.fami-img {
max-width: 50px;
}
.sticky-thumb-left {
float: left;
margin-right: 20px;
border: 2px solid #e5e5e5;
position: relative;
}
.sticky_info_single_product .entry-title {
font-size: 18px;
color: #151515;
margin-bottom: 5px;
display: block;
}
.sticky_info_single_product a.woocommerce-review-link {
float: left;
line-height: 12px;
font-size: 12px;
margin: 0 5px;
}
.sticky_info_single_product .star-rating {
float: left;
margin: 0;
}
.sticky-info-right {
overflow: hidden;
position: relative;
min-height: 54px;
}
.sticky_info_single_product button.zonex-single-add-to-cart-btn.btn.button {
float: right;
background: #151515;
font-size: 10px;
line-height: 42px;
font-family: Jost500;
height: 42px;
top: 50%;
color: #fff;
padding: 0 40px;
white-space: nowrap;
position: absolute;
border-radius: 0;
outline: none;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
right: 0;
border: none;
}
.sticky_info_single_product button.zonex-single-add-to-cart-btn.btn.button:hover {
background-color: #333;
color: #fff;
}
.star-rating.no-rate {
width: auto;
margin-bottom: 7px;
font-size: 11px;
}
.sticky_info_single_product .star-rating.no-rate a.woocommerce-review-link, .star-rating.no-rate a.woocommerce-review-link {
float: none;
letter-spacing: 0;
margin: 0;
}
.wrapper_menu-sticky .sticky_info_single_product {
top: auto;
bottom: 0;
-webkit-transform: translateY(100px);
-moz-transform: translateY(100px);
-ms-transform: translateY(100px);
-o-transform: translateY(100px);
transform: translateY(100px);
}
.show-sticky_info_single .wrapper_menu-sticky .sticky_info_single_product {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
} .cart.grouped_form .woocommerce-Price-amount.amount {
font-size: 13px;
}
.cart.grouped_form del .woocommerce-Price-amount.amount {
color: #858585;
}
.summary .cart.grouped_form  ins .woocommerce-Price-amount.amount {
font-size: 13px;
}
.product-type-grouped .summary .woocommerce-product-details__short-description {
margin-bottom: 15px;
}
.product-type-grouped .summary .cart .group_table {
border: none;
margin-bottom: 15px;
}
.product-type-grouped .summary .cart .group_table td {
padding: 5px 15px 5px 0;
border-left: none;
border-right: none;
border-top: none;
border: none;
line-height: 20px;
color: #151515;
}
.product-type-grouped .summary .cart .group_table td.label,
.product-type-grouped .summary .cart .group_table td.price {
text-align: inherit;
display: table-cell;
vertical-align: middle;
font-size: 15px;
line-height: 26px;
color: #151515;
margin-bottom: 0;
}
.product-type-grouped .summary .cart .group_table td:last-child {
text-align: right;
}
.product-type-grouped .summary .cart .group_table .quantity {
width: 106px;
padding: 14px;
margin: 0 !important;
font-size: 0;
height: 56px;
display: block !important;
}
.product-type-grouped .summary .cart .group_table .quantity .control {
width: 75px;
grid-template-columns: 20px 35px 20px;
}
.product-type-grouped .summary .cart .group_table .quantity .btn-number {
height: 14px;
top: 0px;
line-height: 14px;
padding: 0;
font-size: 13px;
}
.product-type-grouped .summary .cart .group_table .quantity .input-qty {
height: 26px;
border: none;
line-height: 26px;
padding: 0;
width: 48px;
}
.product-type-grouped .summary .cart .group_table .quantity .btn-number.qtyminus {
top: 12px;
line-height: 14px;
height: 14px;
}
.product-type-grouped .summary .cart .group_table label {
margin-bottom: 0;
font-weight: normal;
font-size: 13px;
}
.product-type-grouped .summary .cart .group_table .stock {
display: none;
} .default .woocommerce-product-gallery .flex-control-nav.flex-control-thumbs {
margin-top: 15px;
}
.default .woocommerce-product-gallery .flex-control-nav.flex-control-thumbs img {
width: 100%;
}
.default .woocommerce-product-gallery .flex-control-nav.flex-control-thumbs li {
margin: 0 7.5px;
position: relative;
} .vertical_thumnail .flex-viewport {
width: calc(100% - 85px);
float: right;
}
.vertical_thumnail .woocommerce-product-gallery .flex-control-nav.flex-control-thumbs {
width: 70px;
float: left;
margin-right: 15px;
margin-top: -7.5px;
}
.vertical_thumnail .woocommerce-product-gallery .flex-control-nav.flex-control-thumbs li img {
margin: 13px 0 0;
opacity: 1;
transition: padding 0.5s ease 0s;
-o-transition: padding 0.5s ease 0s;
-webkit-transition: padding 0.5s ease 0s;
}
li.slick-slide img.flex-active,
li.slick-slide:hover img {
border-color: #151515;
}
figure.woocommerce-product-gallery__wrapper img {
width: 100%;
}
.single-left img {
background: #fff;
}
img.zoomImg {
display: none!important;
} .sticky_detail .flex-viewport figure.woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image:not(:last-child) {
margin-bottom: 38px;
}
.sticky_detail .woocommerce-product-gallery .flex-viewport {
height: auto !important;
}
.sticky_detail .flex-viewport figure.woocommerce-product-gallery__wrapper * {
float: none !important;
}
.sticky_detail .zonex-product-gallery__image {
margin-bottom: 30px;
} body.single-product .slider_images .single-left {
width: 100%;
text-align: center;
overflow: visible;
}
body.single-product .slider_images .slick-list {
overflow: visible;
}
.slider_images .zonex-product-single-gallery:not(.zonex-center-mode) .zonex-product-gallery__image {
display: inline-block;
}
.slider_images .zonex-product-single-gallery:not(.zonex-center-mode) .zonex-product-gallery__image a {
padding: 0 40px;
}
.slider_images .zonex-product-gallery__image a {
display: block;
padding: 0 9%;
}
.slider_images .slick-dots li {
display: inline-block;
}
.slider_images ul.slick-dots {
margin-top: 45px;
margin-bottom: 3px;
}
.slider_images .slick-dots li.slick-active button {
width: 25px;
background: #ff3636;
}
.slider_images .slick-dots li button:hover {
background: #ff3636;
}
.slider_images .slick-dots li button {
width: 6px;
height: 6px;
transition: width 0.3s ease 0s;
font-size: 0;
background: #b2b2b2;
margin: 0 6px;
padding: 0;
-o-transition: width 0.3s ease 0s;
-webkit-transition: width 0.3s ease 0s;
border-radius: 6px;
display: inline-block;
}
body.single-product .slider_images .detail-content {
z-index: 100000;
top: 0;
right: 0;
background: #fff;
width: 535px;
height: 100vh;
padding: 40px 25px 40px 45px;
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
transition: transform 0.3s linear 0s;
-o-transition: transform 0.3s linear 0s;
-webkit-transition: transform 0.3s linear 0s;
position: fixed!important;
}
.show-detail-product-slide-image body.single-product .slider_images .detail-content {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
html.show-detail-product-slide-image {
overflow: hidden;
}
.slider_images .detail-slide-image-top {
font-size: 15px;
color: #151515;
margin-bottom: 90px;
display: flex;
padding-right: 20px;
justify-content: space-between;
}
a.close-show-detail::after {
content: "\e90c";
font-family: kazen-font;
position: relative;
top: 1px;
margin-left: 7px;
}
a.close-show-detail {
color: #151515;
}
a.close-show-detail:hover {
color: #454545;
}
.slider_images .variations .variation select {
float: none;
margin-left: 5px;
top: 0;
margin-right: 5px;
}
.slider_images .reset_variations {
float: none;
height: 30px;
line-height: 30px;
margin-left: auto;
margin-right: auto;
}
.slider_images .woocommerce-variation-add-to-cart {
display: inline-block;
}
.slider_images .single_variation_wrap {
display: inline-block;
width: 100%;
}
.slider_images .summary .cart .quantity,
.slider_images .summary .cart .single_add_to_cart_button,
.slider_images .summary .yith-wcwl-add-to-wishlist,
.slider_images .summary .compare,
.slider_images .summary .social-share {
display: inline-block;
clear: none;
float: left;
vertical-align: top;
}
.slider_images .summary .control {
display: flex;
justify-content: space-between;
align-items: center;
}
.slider_images .summary a.fami-wccp-button,
.big_images .summary a.fami-wccp-button {
justify-content: center;
margin-bottom: 20px;
}
.slider_images td.variation-title {
min-width: 115px;
text-align: left;
}
.slider_images .summary > .price {
margin-bottom: 44px;
}
.slider_images .woocommerce-product-details__short-description {
width: 760px;
max-width: 100%;
margin: 0 auto 40px auto;
}
.slider_images .product_meta {
margin-top: 19px;
}
.slider_images .product_meta > span {
position: relative;
margin-right: 14px;
padding-right: 14px;
}
.slider_images .woocommerce-tabs {
margin-top: 42px;
}
.slider_images .single_variation_wrap .yith-wcwl-add-to-wishlist {
display: none;
}
.slider_images .slick-slide img{
transition: transform 0.3s linear 0s;
-o-transition: -o-transform 0.3s linear 0s;
-webkit-transition: -webkit-transform 0.3s linear 0s;
display: inline-block;
}
.slider_images .slick-slide:not(.slick-active) img {
-webkit-transform: scale(0.7);
-moz-transform: scale(0.7);
-ms-transform: scale(0.7);
-o-transform: scale(0.7);
transform: scale(0.7);
background-color: transparent;
}
.slider_images .slick-slide.slick-active img {
-webkit-transform: scale(1.3);
-moz-transform: scale(1.3);
-ms-transform: scale(1.3);
-o-transform: scale(1.3);
transform: scale(1.3);
}
.slider_images .produc-bottom-inner .panel.entry-content{
position: fixed!important;
width: 535px!important;
z-index: 9999999;
bottom: 0;
top: 0;
right: 0;
left: auto;
transition: transform 0.3s linear 0s;
-o-transition: -o-transform 0.3s linear 0s;
-webkit-transition: -webkit-transform 0.3s linear 0s;
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
background: #fff;
}
.slider_images .produc-bottom-inner .scroll-wrapper.woocommerce-Tabs-panel {
max-height: inherit;
}
.detals_layout2 .woocommerce-Tabs-panel .woocommerce-Tabs-panel {
padding: 0 45px 45px 35px;
}
.slider_images .produc-bottom-inner .scrollbar-macosx > .scroll-element.scroll-y {
right: 0;
left: auto;
top: 0;
bottom: 35px;
min-height: inherit;
height: auto;
}
.slider_images .summary .scrollbar-macosx > .scroll-element.scroll-y {
right: 0;
left: auto;
top: 0;
bottom: 35px;
min-height: inherit;
height: auto;
}
div.slider_images .scrollbar-macosx > .scroll-element.scroll-y .scroll-bar {
width: 3px;
opacity: 1;
background: #151515;
}
.slider_images .scrollbar-macosx > div.scroll-element.scroll-y {
right: 0;
left: auto;
top: 0;
bottom: 25px;
min-height: inherit;
height: auto;
width: 3px;
background: #ccc;
}
.slider_images .woocommerce-Tabs-panel .woocommerce-Reviews .row > div {
width: 100%;
margin-bottom: 30px;
}
.slider_images .woocommerce-Reviews .woocommerce-product-rating {
float: none;
display: table;
margin: auto;
}
.slider_images #review_form_wrapper {
margin-left: 0;
}
.slider_images .produc-bottom-inner ul.tabs.wc-tabs::before {
display: none;
}
.slider_images .produc-bottom-inner ul.tabs.wc-tabs {
width: auto;
text-align: left;
float: left;
min-height: inherit;
}
.slider_images  .produc-bottom-inner .wc-tabs li {
margin: 0;
width: auto;
text-align: left;
}
.slider_images .wc-tabs li a {
font-size: 13px;
color: #858585;
font-family: Jost;
padding: 0;
margin-right: 25px;
}
.slider_images .produc-bottom-inner .woocommerce-tabs {
width: 100%;
margin: 0;
padding: 0;
}
.slider_images div.produc-bottom-inner {
bottom: 0;
position: absolute;
width: 100%;
margin: 0;
}
.slider_images div.produc-bottom-inner .container {
padding: 0 50px;
width: 100%;
margin: 0;
}
.single_slider_content-wrap {
display: inline-block;
position: absolute;
left: 50px;
bottom: 0; 
}
.slider_images .title-info .product_title.entry-title {
font-size: 40px;
font-family: Jost500;
padding-top: 175px;
max-width: 300px;
margin: 0;
text-align: left;
}
.slider_images .single_slider_content-wrap .woocommerce-product-rating {
text-align: left;
}
.slider_images .single_slider_content-wrap .woocommerce-product-rating .star-rating {
display: table;
margin: 8px 10px 0 0;
float: left;
}
.slider_images .woocommerce-product-rating a.woocommerce-review-link {
font-size: 13px;
}
.slider_images .title-info table.variations, 
.slider_images .title-info .reset_variations,
.slider_images .title-info .woocommerce-variation,
.slider_images .title-info .cart .quantity .btn-number {
display: none!important;
}
.slider_images .yith-wcwl-add-to-wishlist {
display: none;
}
.slider_images .title-info .quantity .control {
display: inline-block;
width: 60px;
padding: 0;
float: left;
position: relative;
}
.slider_images .title-info .control::after {
content: "\e902";
font-family: kazen-font;
font-size: 10px;
position: absolute;
right: 1px;
}
.slider_images .title-info .cart .quantity {
border: none;
height: 16px;
line-height: 16px;
}
.slider_images .title-info .cart .quantity .input-qty {
width: 50px;
background: transparent;
z-index: 1;
height: 16px;
line-height: 16px;
}
.slider_images .title-info .price {
margin-bottom: 0;
text-align: left;
margin-top: 35px;
}
.slider_images .single_slider_bottom form{
position: relative;
height: 20px;
margin-top: 20px;
}
.slider_images .title-info .single_variation_wrap {
margin: 0;
}
.slider_images .title-info .single_add_to_cart_button {
font-size: 13px;
text-transform: none;
background: transparent;
color: #151515;
font-family: Jost;
height: 16px;
line-height: 16px;
float: left;
}
.slider_images .title-info .woocommerce-variation-add-to-cart {
display: flex;
width: auto;
float: left;
margin-left: -20px;
margin-top: 0;
}
.slider_images .title-info .woocommerce-Price-amount.amount {
font-size: 40px;
font-family: Jost600;
color: #151515;
} 
.title-info .container, .title-info .row, .title-info .row > div {
height: 100%;
}
.slider_images .title-info .single_slider_bottom {
position: absolute;
left: 0;
z-index: 1;
bottom: -10px;
}
.single_product_slider_images .woocommerce-notices-wrapper {
display: none;
}
.slider_images .product-bottom-inner-content {
display: flex;
justify-content: space-between;
align-items: center;
}
.detail-slide-image-buttom {
font-size: 13px;
color: #151515;
cursor: pointer;
position: relative;
z-index: 11111;
}
.detail-slide-image-buttom::before {
content: "\e940";
font-family: kazen-font;
margin: 0 8px 0 0;
position: relative;
top: 1px;
}
.detail-slide-image-buttom:hover {
color: #454545;
}
.slider_images .summary {
max-height: calc(100% - 120px);
overflow: auto;
padding-right: 20px;
}
.slider_images .theiaStickySidebar {
height: 100%;
}
.slider_images .scrollbar-macosx > .scroll-element.scroll-y .scroll-bar {
left: 0px;
}
.overlay-show {
background: rgba(0,0,0,.2);
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 100;
opacity: 0;
visibility: hidden;
transition: all 0.3s linear 0s;
-o-transition: all 0.3s linear 0s;
-webkit-transition: all 0.3s linear 0s;
}
.body-hide .overlay-show {
opacity: 1;
visibility: visible;
}
.show-detail-product-slide-image .overlay-show {
opacity: 1;
visibility: visible;
}
.tabs-slider-images-content {
display: inline-block;
margin-right: 30px;
font-size: 15px;
}
.tabs-slider-images-content.tab-show .content-tab-element {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.tabs-slider-images-content .content-tab-element {
position: fixed;
background: #fff;
top: 0;
width: 530px;
max-width: 100%;
bottom: 0;
right: 0;
left: auto;
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
z-index: 868686;
transition: transform 0.5s ease 0s;
-o-transition: -o-transform 0.5s ease 0s;
-webkit-transition: -webkit-transform 0.5s ease 0s;
padding: 35px 20px 50px 50px;
}
.tabs-slider-images-content .close-tab::after {
content: "\e90c";
font-family: kazen-font;
position: relative;
top: 1px;
margin-left: 7px;
}
.slider_images .tabs-slider-images-content .detail-slide-image-top {
margin-bottom: 60px;
}
.tabs-slider-images-content .content-tab {
height: 100%;
}
.slider_images .tabs-slider-images-content .content-tab-inner {
max-height: calc(100% - 50px)!important;
overflow: auto;
padding-right: 30px;
height: 100% !important;
overflow-x: hidden!important;
}
.single .single_product_slider_images .product-toolbar + .shop-page .content-row {
margin-top: 0; 
}
.slider_images .product-top-inner {
margin: 0 0 120px;
}
.shop_attributes td p {
margin: 0;
}
.woocommerce-product-attributes.shop_attributes {
color: #151515;
font-size: 13px;
}
.content-tab-inner > h2 {
font-size: 24px;
font-family: Jost;
margin-bottom: 40px;
}
.slider_images .content-tab-inner div#reviews .row > div {
width: 100%;
margin-bottom: 30px;
}
.slider_images .commentlist .avatar {
display: none;
}
.slider_images .comment-text .star-rating {
float: right;
}
.slider_images .commentlist .comment-text .meta {
margin-bottom: 20px;
line-height: 16px;
margin-top: 0;
}
.slider_images .commentlist .comment-text .meta strong {
font-weight: 600;
text-transform: capitalize;
font-size: 15px;
color: #151515;
}
.slider_images .comment-text {
padding-left: 0;
}
button.add-new-comment {
display: none;
}
.slider_images button.add-new-comment {
width: 100%;
margin: 10px 0 0;
display: block;
}
.slider_images .comment-form-wrap {
margin-top: 30px;
display: none;
width: 100%!important;
}
.slider_images #review_form_wrapper input#submit {
margin-bottom: 0;
}
.slider_images .content-product-inner div.scrollbar-macosx > .scroll-element.scroll-y .scroll-bar {
margin-top: -15px;
} body.single-product .detail_modern .single-left {
width: 100%;
overflow: visible;
}
body.single-product .detail_modern .single-left .slick-list {
width: 100vw;
position: relative;
left: 50%;
margin-left: -50vw;
}
.single_product_modern_detail .header-wrap {
background: transparent!important;
}
.single_product_modern_detail .product-toolbar + .shop-page {
margin-top: -120px;
}
.single .single_product_modern_detail .product-toolbar + .shop-page .content-row {
margin-top: 0;
}
.detail_modern .slick-dots button {
width: 7px;
height: 7px;
line-height: 7px;
padding: 0;
font-size: 0;
border-radius: 50%;
background: #ccc;
}
.zonex-product-single-modern.slick-slider .slick-dots {
position: absolute;
right: 0;
top: 50%;
line-height: 7px;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.zonex-product-single-modern.slick-slider .slick-dots li {
margin: 22px 0;
position: relative;
}
.zonex-product-single-modern.slick-slider .slick-dots li::before {
content: "";
background: #eeeeee;
width: 21px;
height: 21px;
display: inline-block;
top: -7px;
left: -7px;
border-radius: 50%;
transform: scale(0.8);
position: absolute;
opacity: 0;
transition: all 0.3s linear 0s;
}
.zonex-product-single-modern.slick-slider .slick-dots li.slick-active::before,
.zonex-product-single-modern.slick-slider .slick-dots li:hover::before {
transform: scale(1);
opacity: 1;
}
.zonex-product-single-modern.slick-slider .slick-dots li.slick-active button,
.zonex-product-single-modern.slick-slider .slick-dots li:hover button {
background: #151515;
}
.zonex-product-single-modern.slick-slider .slick-dots li button {
width: 7px;
height: 7px;
line-height: 7px;
padding: 0;
font-size: 0;
border-radius: 50%;
position: relative;
z-index: 1;
background: #ccc;
}
body.single-product .detail_modern .detail-content {
width: calc(100% - 30px);
float: left;
padding-left: 0;
padding-top: 0;
position: static!important;
}
.detail_modern .summary .cart .quantity {
width: 150px;
}
.detail_modern .summary .cart .quantity .input-qty {
width: 50px;
}
.detail_modern .cart .quantity .btn-number {
padding: 0 10px;
}
.detail_modern .summary .cart .single_add_to_cart_button {
display: block;
float: left;
vertical-align: top;
height: 56px;
line-height: 56px;
font-size: 10px;
color: #ffffff;
text-transform: uppercase;
min-width: 155px;
padding: 0 30px;
text-align: center;
border: none;
border-radius: 0;
width: auto;
margin: 0 0 0 10px;
}
.detail_modern .summary table.variations {
width: auto;
margin-bottom: 0;
float: left;
}
.detail_modern .single_variation_wrap {
margin-top: 0;
float: right;
}
.detail-modern-info {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.detail-modern-info .zonex-product-button:not(.detail_special) {
position: relative;
margin-bottom: 10px;
}
.detail_modern .summary form {
margin-top: 0;
display: inline-block;
position: absolute;
width: 100%;
bottom: 40px;
}
.detail_modern .summary .entry-title {
font-size: 40px;
max-width: 70%;
font-family: Jost700;
}
.detail_modern .summary .price .woocommerce-Price-amount.amount {
font-family: Jost;
}
.detail_modern .woocommerce-variation-add-to-cart {
margin-top: 0;
}
.detail_modern .woocommerce-variation-price {
margin-top: 0;
position: relative;
height: 0;
top: -40px;
}
.detail_modern .summary form .variations tbody {
display: flex;
}
.detail_modern .summary tr.variation .data-val {
display: inline-block;
margin-top: 7px;
margin-bottom: 0;
clear: left;
width: auto;
float: left;
margin-right: 15px;
}
.detail_modern .summary tr.variation label {
line-height: 20px;
float: left;
}
.detail_modern .summary form .reset_variations {
position: relative;
bottom: -10px;
}
.detail_modern .summary .attribute-pa_size a.change-value:not(.color) {
min-width: 40px;
background: #fff;
}
.detail-modern-meta {
border-top: 1px solid #eee;
border-bottom: 1px solid #eee;
padding: 17px 0;
margin-bottom: 50px;
}
.detail-modern-meta-inner {
display: flex;
justify-content: space-between;
white-space: normal;
align-items: center;
width: 1100px;
margin: auto;
}
.detail-modern-meta .product_meta{
margin-top: 0;
width: auto;
}
.zonex-social-product {
display: inline-block;
}
.detail_modern .woocommerce-tabs {
padding-bottom: 0;
}
.detail_modern .panel.entry-content {
background: transparent;
border: none;
box-shadow: 0 0 0;
margin: 0;
}
.detail_modern .content-product-inner {
position: relative;
display: inline-block;
width: 100%;
}
.detail_modern .summary .cart + .yith-wcwl-add-to-wishlist {
display: none;
}
.detail_modern .summary .yith-wcwl-add-to-wishlist {
background: transparent;
color: #9a9a9a;
padding: 0;
height: 30px;
line-height: 22px;
cursor: pointer;
margin: 0;
text-align: left;
position: relative;
box-shadow: 0 0 0;
font-family: Jost500;
}
.detail_modern .summary .yith-wcwl-add-to-wishlist .add_to_wishlist::before {
font-size: 16px;
position: relative;
top: 3px;
}
.detail_modern .summary .single_variation_wrap .yith-wcwl-add-to-wishlist {
display: none;
}
.single_product_modern_detail .main-product .woocommerce-notices-wrapper {
display: none;
} .gallery_detail nav.woocommerce-breadcrumb {
display: none;
}
.gallery_detail .zonex-detail-gallery {
margin: -10px;
display: inline-block;
}
.gallery_detail .zonex-product-gallery__image {
width: 50%;
float: left;
padding: 5px;
}
.single-product .single_product_gallery_detail .zonex-single-container {
padding: 0;
}
.single-product .single_product_gallery_detail .main-content-product {
margin: 0;
}
header.style-06.style-07 + .shop-page {
margin-top: 50px;
}
.header.style-01 + .shop-page .gallery_detail .product-top-inner,
.header.style-07:not(.style-06) + .shop-page .gallery_detail .product-top-inner,
.header.style-08 + .shop-page .gallery_detail .product-top-inner,
.header.style-10 + .shop-page .gallery_detail .product-top-inner,
.header.style-11 + .shop-page .gallery_detail .product-top-inner,
.header.style-12 + .shop-page .gallery_detail .product-top-inner
{
position: relative;
width: 100vw;
left: 50%;
margin-left: -50vw; 
padding: 0 60px;
}
.gallery_detail .product-toolbar-wrap .breadcrumb-trail.breadcrumbs {
display: none;
}
.gallery_detail .product-toolbar-wrap .nav-links{
margin: 0;
justify-content: space-between;
}
.single .gallery_detail .product-toolbar {
margin: 5px 0 0;
display: inline-block;
padding: 0;
width: 100%;
position: static;
top: 0;
left: 0;
right: 0;
}
.gallery_detail .product-toolbar-wrap {
position: absolute;
top: 0;
left: 35px;
right: 0px;
}
.gallery_detail .post-navigation {
position: static;
}
.gallery_detail .summary tr.variation .data-val.attribute-pa_size {
width: calc(100% + 18px);
}
.gallery_detail .summary .data-val.attribute-pa_size a.change-value:not(.color) {
width: calc(25% - 6px);
}
.header.style-01 + .shop-page .gallery_detail .woocommerce-tabs {
position: relative;
width: 100vw;
left: 50%;
margin-left: -50vw;
max-width: inherit;
}
.header.style-01 + .shop-page .gallery_detail .panel.entry-content:not(.woocommerce-Tabs-panel--description) {
background: transparent;
max-width: 100%;
display: table;
margin: 0 auto;
min-width: 1100px;
}
.header.style-01 + .shop-page .gallery_detail .woocommerce-Tabs-panel--description.panel.entry-content {
background: transparent;
border: none;
box-shadow: 0 0 0;
} .big_images .vertical_thumnail .flex-viewport {
width: 100%;
}
.big_images .vertical_thumnail .woocommerce-product-gallery .flex-control-nav.flex-control-thumbs {
width: 20px;
padding: 0;
position: absolute;
margin: -20px 0 0;
top: 50%;
z-index: 1;
left: -70px;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
height: auto!important;
overflow: visible;
}
.big_images .woocommerce-product-gallery .flex-control-nav.flex-control-thumbs li {
display: inline-block;
padding: 0;
cursor: pointer;
position: relative;
width: 18px!important;
margin: 0 1px;
}
.big_images .woocommerce-product-gallery .flex-control-nav.flex-control-thumbs li::before {
content: "";
width: 6px;
height: 6px;
background: #151515;
position: absolute;
top: 11px;
left: 6px;
z-index: 1;
border-radius: 50%;
}
.big_images .woocommerce-product-gallery .flex-control-nav.flex-control-thumbs li img {
border: 3px solid #9a9a98;
width: 6px;
height: 6px;
border-radius: 50%;
position: relative;
z-index: 1;
margin: 11px 6px;
}
.big_images .woocommerce-product-gallery .flex-control-nav.flex-control-thumbs li img.flex-active {
border: 6px solid #dbdbd9;
width: 18px;
height: 18px;
display: inline-block;
z-index: 0;
margin: 0;
}
.big_images .woocommerce-product-gallery .flex-control-nav.flex-control-thumbs.slick-vertical .slick-arrow {
display: none!important;
}
body.single-product .big_images .woocommerce-product-gallery {
overflow: visible;
width: 100%;
display: table;
}
body.single-product .big_images .single-left {
overflow: visible;
}
.big_images .flex-control-thumbs.slick-vertical .slick-list {
margin: 0;
overflow: visible;
}
.big_images .product-top-inner {
padding-left: 20px;
padding-right: 20px
}
.big_images .detail-content {
padding-bottom: 70px;
}
.big_images  ul.tabs.wc-tabs {
line-height: 70px;
width: 100%;
}
.detals_layout1 .big_images ul.tabs.wc-tabs::before{
content: "";
width: 999em;
position: absolute;
top: 0;
left: -100%;
height: 100%;
background: #f8f8f8;
}
.big_images img.zoomImg {
display: none!important;
} .detail_special ol.flex-control-nav.flex-control-thumbs {
display: none;
}
.zonex-product-gallery-special-item:not(:first-child) {
position: absolute;
z-index: -1;
}
.zonex-product-gallery-special-item {
position: relative;
background: #fff;
z-index: 1;
}
.zonex-product-gallery-special-item img {
opacity: 0;
visibility: hidden;
}
.zonex-product-gallery-special-item a:before {
content: "\f12f";
font-family: Flaticon;
position: absolute;
font-size: 60px;
left: 50%;
font-weight: 300;
top: 50%;
transform: translateX(-50%) translateY(-50%);
-o-transform: translateX(-50%) translateY(-50%);
-webkit-transform: translateX(-50%) translateY(-50%);
}
.detail_special .zonex-bt-video a::before{
font-size: 60px;
}
.detail_special .product-360-button a::before{
font-size: 75px;
}
.detail_special ol.flex-control-nav.flex-control-thumbs {
display: none;
}
.zonex-product-button.detail_special {
margin: 15px -5px 0;
display: grid;
grid-template-columns: 25% 25% 25% 25%;
}
.zonex-product-button.detail_special > div {
padding: 5px;
margin: 0;
}
div#special-element {
display: none;
}
#special-element .modal-dialog {
display: flex;
width: 1140px;
max-width: calc(100% - 30px);
align-items: center;
height: calc(100% - 80px);
}
.big_images .woocommerce-product-gallery .woocommerce-product-gallery__trigger,
.sticky_detail .woocommerce-product-gallery .woocommerce-product-gallery__trigger{
display: none;
}
.detail_special .zonex-bt-video a,
.detail_special .product-360-button a,
.detail_special .zonex-product-gallery-special-item:first-child a,
.detail_special .special-button a {
border: 1px solid #e5e5e5;
}
.detail_special .zonex-bt-video:hover a,
.detail_special .product-360-button:hover a,
.detail_special .zonex-product-gallery-special-item:first-child:hover a,
.detail_special .special-button:hover a {
border: 1px solid #ff3636;
background-color: #ff3636;
color: #ffffff;
}
.detail_special .zonex-bt-video a,
.detail_special .product-360-button a,
.detail_special .zonex-product-gallery-special-item a,
.detail_special .special-button a {
display: flex;
font-size: 60px;
padding: 0;
line-height: 1;
align-items: center;
background: #fff;
justify-content: center;
letter-spacing: 2px;
text-align: center;
width: 100%;
height: 100%;
font-weight: 600;
text-transform: uppercase;
color: #a0a0a0;
transition: background-color 0.3s ease 0s, border-color 0.3s ease 0s;
-o-transition: background-color 0.3s ease 0s, border-color 0.3s ease 0s;
-webkit-transition: background-color 0.3s ease 0s, border-color 0.3s ease 0s;
} .sticky_detail .main-content-product {
padding-bottom: 50px;
position: relative;
z-index: 2;
}
.sticky_detail .theiaStickySidebar {
padding-bottom: 30px !important;
}
.woocommerce-tabs-sticky {
margin-top: 40px;
}
.content-tab-sticky-element {
display: none;
padding: 30px 0;
background: #fff;
border-top: 1px solid #e2e2e2;
}
.content-tab-sticky p:last-child {
margin: 0;
}
.content-tab-sticky h2 {
font-size: 25px;
margin-bottom: 30px;
}
.content-tab-sticky table {
color: #151515;
}
.content-tab-sticky table p {
margin-bottom: 0;
}
.content-tab-sticky #review_form_wrapper {
margin-top: 20px;
margin-left: 0;
}
content-tab-sticky .comment-respond .comment-reply-title {
font-size: 14px;
}
.content-tab-sticky .woocommerce-Reviews .row > div {
width: 50%;
text-align: center;
}
.content-tab-sticky .woocommerce-Reviews  .row > div:last-child {
width: 100%;
margin-top: 20px;
}
.content-tab-sticky ul.review-details-list {
line-height: 30px;
}
a.product-sticky-toggle-tab-content {
font-size: 14px;
letter-spacing: 1px;
text-transform: uppercase;
font-weight: 700;
border-top: 1px solid #e2e2e2;
width: 100%;
display: inline-block;
line-height: 24px;
padding: 12px 0;
color: #151515;
}
a.product-sticky-toggle-tab-content::before {
content: "\f107";
font-family: Fontawesome;
float: right;
font-size: 18px;
font-weight: 600;
}
a.product-sticky-toggle-tab-content.active::before {
-webkit-transform: rotate(-180deg);
-moz-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
-o-transform: rotate(-180deg);
transform: rotate(-180deg);
} .default .zonex-product-button,
.sticky_detail .zonex-product-button {
top: 10px;
left: 10px;
}
.vertical_thumnail .zonex-product-button:not(.detail_special) {
bottom: 20px;
left: 110px;
}
.zonex-product-button:not(.detail_special) {
position: absolute;
z-index: 1;
}
.zonex-product-button:not(.detail_special) .zonex-bt-video a, .zonex-product-button:not(.detail_special) .product-360-button a {
display: inline-block;
font-size: 13px;
line-height: 50px;
background: #fff;
height: 50px;
overflow: hidden;
padding: 1px 20px 1px 7px;
text-align: center;
font-family: Jost500;
box-shadow: 0 1px 6px rgba(0,0,0,0.1);
color: #151515;
transition: background-color 0.3s ease 0s, border-color 0.3s ease 0s, box-shadow 0.3s ease 0s;
-o-transition: background-color 0.3s ease 0s, border-color 0.3s ease 0s, box-shadow 0.3s ease 0s;
-webkit-transition: background-color 0.3s ease 0s, border-color 0.3s ease 0s, box-shadow 0.3s ease 0s;
}
.zonex-product-button:not(.detail_special) .zonex-bt-video a:hover,
.zonex-product-button:not(.detail_special) .product-360-button a:hover,
.zonex-product-button:not(.detail_special) .zonex-bt-video a:focus,
.zonex-product-button:not(.detail_special) .product-360-button a:focus {
box-shadow: 0 10px 25px  rgba(0,0,0,0.15);
}
.zonex-bt-video a::before,
.product-360-button a::before {
position: relative;
margin-right: 10px;
text-align: center;
vertical-align: top;
}
.zonex-bt-video a::before {
content: "\f126";
font-family: Flaticon;
font-size: 30px;
font-weight: 400;
padding-left: 4px;
position: relative;
top: 0px;
}
.product-360-button a::before {
content: "\f121";
font-family: Flaticon;
font-size: 40px;
padding-left: 2px;
font-weight: 400;
}
.zonex-bt-video a span,
.product-360-button a span {
vertical-align: middle;
position: relative;
}
.special-button {
height: 100%;
}
.special-button a::before {
content: "\f114";
font-family: Flaticon;
font-size: 65px;
font-weight: 400;
}
div.mfp-wrap div .mfp-close {
font-weight: 300;
position: absolute;
width: 15px;
line-height: 20px;
margin: 0;
height: 15px;
top: -5px;
color: #fff!important;
right: -20px;
padding: 0;
}
.mfp-close-btn-in .mfp-close:hover {
background: transparent;
}
.product-360-button + .zonex-bt-video {
margin-top: 10px;
} .product-360-view-wrapper {
margin: 100px auto;
max-width: 800px;
position: relative;
}
.spinner {
color: #ffffff;
font-size: 30px;
font-weight: 100;
text-align: center;
}
.zonex-threed-view::after {
border-color: rgba(175, 175, 175, 0.05) rgba(175, 175, 175, 0.1) rgba(175, 175, 175, 0.15);
border-radius: 50%;
border-style: solid;
border-width: 2px 2px 5px;
bottom: 15px;
content: "";
height: 50%;
left: 15px;
position: absolute;
right: 15px;
z-index: 10;
}
.zonex-threed-view {
cursor: ew-resize;
margin: 0 auto;
overflow: hidden;
position: relative;
}
.zonex-threed-view .threed-view-images {
display: none;
list-style: outside none none;
margin: 0;
padding: 0;
}
.zonex-threed-view .threed-view-images img.current-image {
visibility: visible;
z-index: 9;
}
.zonex-threed-view .threed-view-images img {
height: auto;
position: absolute;
top: 0;
width: 100%;
}
.zonex-threed-view .nav_bar {
bottom: 40px;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
left: 50%;
background: #fff;
position: absolute;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
z-index: 11;
}
.zonex-threed-view .nav_bar a {
display: inline-block;
text-decoration: none;
width: 45px;
font-size: 0;
text-align: center;
}
.zonex-threed-view .nav_bar a:hover {
background-color: #f9f9f9;
}
.zonex-threed-view .nav_bar a::after {
font-family: "FontAwesome", sans-serif;
font-size: 18px;
position: relative;
top: 4px;
}
.zonex-threed-view .nav_bar a.nav_bar_play::after {
content: "\f04b";
}
.zonex-threed-view .nav_bar a.nav_bar_stop::after {
content: "\f04d";
}
.zonex-threed-view .nav_bar a.nav_bar_previous::after {
content: "\f048";
}
.zonex-threed-view .nav_bar a.nav_bar_next::after {
content: "\f051";
}
.zonex-dark .zonex-threed-view .nav_bar a {
color: black;
} .woocommerce-tabs {
position: relative;
width: 1100px;
padding-bottom: 30px;
margin: 40px auto 0;
max-width: 100%;
}
.has-sidebar .woocommerce-tabs {
overflow: hidden;
}
.has-sidebar .woocommerce-tabs::before {
width: 100%;
} .wc-tabs {
padding-left: 0;
text-align: center;
}
.wc-tabs li {
list-style: none;
display: inline-block;
margin-right: 20px;
margin-left: 20px;
text-align: center;
}
.wc-tabs li a {
display: inline-block;
font-size: 15px;
color: #858585;
font-family: Jost600;
line-height: 26px;
text-align: center;
position: relative;
padding: 10px 0;
}
.wc-tabs li a:hover,
.wc-tabs li.active a {
color: #151515;
}
ul.tabs.wc-tabs {
position: relative;
display: table;
margin: 0 auto;
}
footer {
background: #fff;
z-index: 1;
position: relative;
}
.footer-id-11608 > .container {
width: 100%;
} .woocommerce-Tabs-panel {
max-width: 100%;
margin-top: 30px;
background-color: transparent;
border: none;
-webkit-box-shadow: none;
box-shadow: none;
margin-bottom: 30px;
text-align: left;
}
.woocommerce-Tabs-panel .container {
padding: 0;
}
.panel.entry-content {
background: transparent;
color: #151515;
font-size: 15px; 
}
.product:not(.slider_images) .detals_layout2 #tab-reviews .woocommerce-Tabs-panel {
max-height: inherit!important;
height: auto!important;
}
.woocommerce-Tabs-panel p:last-child {
margin-bottom: 0;
}
.woocommerce-Tabs-panel .woocommerce-Reviews {
text-align: center;
}
.woocommerce-Tabs-panel .vc_custom_heading {
line-height: 1.2;
}
.woocommerce-Tabs-panel h2 {
font-size: 28px;
line-height: 24px;
text-align: center;
color: #151515;
margin-bottom: 40px;
display: none;
}
.detals_layout2 .woocommerce-Tabs-panel h2 {
text-align: left;
}
.woocommerce-product-attributes.shop_attributes tr:nth-child(2n+1) {
background: #f5f5f5;
}
.woocommerce-product-attributes.shop_attributes th {
padding: 10px 0 10px 20px;
font-family: Jost600;
}
.woocommerce-product-attributes.shop_attributes th, .woocommerce-product-attributes.shop_attributes td {
border-width: 0;
font-size: 15px;
}
.woocommerce-product-attributes.shop_attributes {
border: none;
}
.woocommerce-product-attributes.shop_attributes tr:last-child th, 
.woocommerce-product-attributes.shop_attributes tr:last-child td {
border: none;
}
.woocommerce-Tabs-panel--additional_information .woocommerce-Tabs-panel h2 {
display: none;
} .comment-form-rating label {
vertical-align: baseline;
}
p.stars {
margin-left: 15px;
line-height: 18px;
display: inline-block;
}
p.stars,
p.stars a {
display: inline-block
}
p.stars a {
font-weight: 400;
height: 1em
}
p.stars a:before, p.stars a:hover ~ a:before {
color: #e2e2e2;
content: "\e96f";
font-family: kazen-font;
}
p.stars a {
position: relative;
width: 1em;
text-indent: -999em;
margin-right: 1px
}
p.stars a:before {
display: block;
position: absolute;
top: 0;
left: 0;
width: 1em;
height: 1em;
content: "\e96f";
line-height: 1;
font-family: kazen-font;
text-indent: 0;
}
p.stars:hover a:before,
p.stars.selected:not(:hover) a:before {
color: #03d607;
}
p.stars a:hover ~ a::before,
p.stars.selected:not(:hover) a.active ~ a::before {
color: #e2e2e2;
} .main-single-content .commentlist .avatar {
width: 50px;
border-radius: 50%;
border: 5px solid rgba(0,0,0,.05);
}
.commentlist .avatar {
width: 60px;
float: left;
}
.woocommerce-Tabs-panel .commentlist .avatar {
width: 45px;
border: 6px solid #eaeaea;
border-radius: 50%;
}
.woocommerce-Tabs-panel .commentlist, .woocommerce-Tabs-panel .comment-form {
max-width: 100%;
}
.commentlist .comment-text .meta {
margin-bottom: 0;
line-height: 16px;
}
.commentlist .comment-text .meta strong {
font-weight: 600;
}
time.woocommerce-review__published-date {
font-size: 13px;
display: block;
margin-top: 7px;
color: #858585;
}
span.woocommerce-review__dash {
display: none;
}
.owl-products[data-dots='true'] .product-item {
list-style: none;
margin-bottom: 0;
} section.products {
margin-bottom: 70px;
}
section.products:last-child {
margin-bottom: 0;
}
.upsells,
.related {
position: relative;
}
.has-sidebar .upsells::before,
.has-sidebar .related::before {
width: 100%;
}
.product-grid-title {
font-size: 24px;
line-height: 24px;
font-family: Jost500;
color: #151515;
position: relative;
margin-bottom: 45px;
}
.owl-carousel.owl-products {
margin-bottom: 20px;
} .famibt-wrap {
overflow: hidden;
width: 100%;
margin: 50px 0 0;
display: inline-block;
border-top: 1px solid #e5e5e5;
padding-bottom: 40px;
padding-top: 20px;
border-bottom: 1px solid #e5e5e5;
}
.famibt-wrap .row {
overflow: hidden;
}
.famibt-product.famibt-main-product {
opacity: 0.3;
}
.famibt-product.out-of-stock {
display: block;
opacity: 0.4;
}
h3.famibt-title {
font-size: 24px;
font-weight: 500;
margin-bottom: 40px;
padding-bottom: 20px;
border-bottom: 1px solid #e5e5e5;
}
.famibt-right-part::after {
content: "";
border-left: 1px solid #e5e5e5;
position: absolute;
bottom: 0;
left: 0;
height: 99999em;
}
.famibt-right-part::before {
content: "";
border-left: 1px solid #e5e5e5;
position: absolute;
top: 0;
left: 0;
height: 99999em;
}
.total-price-wrap {
padding-top: 45px;
}
.famibt-right-part {
text-align: center;
}
.total-price-html {
font-size: 30px;
color: #ff3636;
}
span.for-items-text {
margin-bottom: 15px;
font-size: 15px;
color: #858585;
display: inline-block;
margin-top: 10px;
font-family: Jost500;
line-height: 26px;
}
.total-price-html {
font-size: 30px;
color: #ff3636;
font-weight: 300;
}
button.famibt-add-all-to-cart {
line-height: 42px;
height: 46px;
padding: 0 30px;
border-radius: 0;
color: #fff;
background: #151515;
font-size: 10px;
border-color: #151515;
}
button.famibt-add-all-to-cart:hover {
border-color: #333;
background: #333;
color: #fff;
}
div.famibt-wrap .famibt-products-wrap .famibt-product .famibt-product-title {
font-size: 13px;
color: #454545;
line-height: 20px;
min-height: inherit;
margin: 15px 0 0;
}
.famibt-products-wrap .woocommerce-Price-amount.amount {
font-size: 13px;
font-weight: 400;
}
div.famibt-wrap .famibt-products-wrap .famibt-product .famibt-price {
color: #333;
font-weight: 500;
font-size: 16px;
}
div.famibt-wrap .famibt-products-wrap .famibt-product .famibt-thumb-wrap {
border: none;
padding: 0;
}
div.famibt-wrap .famibt-item {
color: #151515;
}
.famibt-wrap .famibt-item label {
font-weight: 400;
}
.famibt-wrap ins {
color: #454545;
}
.famibt-wrap .woocommerce-error, .famibt-wrap .woocommerce-info, .famibt-wrap .woocommerce-message {
padding: 10px 0 12px;
margin: 0 0 30px;
background: #fff;
border: none;
z-index: 1;
}
.famibt-messages-wrap {
margin-top: -40px;
position: relative;
min-height: 50px;
}
.famibt-messages-wrap::before {
content: "";
border-bottom: 2px solid #e5e5e5;
width: 9999999em;
left: -50%;
position: absolute;
bottom: 0;
z-index: 2;
}
.famibt-messages-wrap a.button.wc-forward {
background: #333;
color: #fff;
line-height: 28px;
height: 28px;
border-radius: 0;
font-size: 13px;
font-weight: 300;
}
.famibt-messages-wrap a.button.wc-forward:hover {
background: #ff3636;
color: #fff;
}
div.famibt-wrap .famibt-products-wrap .famibt-product .famibt-thumb-wrap::before {
z-index: 9;
margin-left: -14px;
}
.famibt-wrap .famibt-products-wrap div.famibt-product img {
width: 100%;
}
.famibt-right-part span.woocommerce-Price-amount.amount {
font-size: 24px;
} div.famisp-sales-popup-wrap {
z-index: 100000;
}
div.famisp-sales-popup-wrap .famisp-product-thumb {
margin-right: 10px;
}
.famisp-sales-popup-wrap .famisp-sales-popup {
line-height: 24px;
}
div.famisp-sales-popup-wrap .famisp-sales-popup {
line-height: 20px;
padding: 10px 30px 10px 10px;
font-size: 13px;
}
div.famisp-sales-popup-wrap .famisp-product-thumb {
margin-right: 10px;
width: 70px;
}
div.famisp-sales-popup-wrap .famisp-product-name {
font-size: 15px;
font-weight: 400;
padding: 2px 0;
font-family: Jost;
}
div.famisp-sales-popup-wrap {
left: 50px;
border-radius: 0;
box-shadow: 0 0px 20px rgba(0, 0, 0, 0.2);
bottom: 50px;
}
.famisp-sales-popup-wrap p {
margin: 0;
font-size: 11px;
color: #858585;
}
div.famisp-sales-popup-wrap .famisp-sales-popup .famisp-close {
line-height: 18px;
top: 10px;
right: 10px;
font-size: 0;
color: #151515;
border: none;
background: transparent!important;
font-family: Jost;
}
span.famisp-close::before {
content: "\e90c";
font-size: 13px;
float: right;
font-family: kazen-font;
} body.single-product .has-extend  .detail-content {
padding-left: 70px;
}
.has-extend .zonex-iconbox {
text-align: center;
padding: 30px;
background: #fff;
border: 1px solid #dcdcdc;
margin-bottom: 20px;
}
.has-extend .desc {
font-size: 14px;
color: #868686;
}
.has-extend .icon > span {
font-size: 50px;
color: #151515;
}
.has-extend .icon > span.flaticon-delivery-truck {
font-size: 60px;
}
.has-extend h4.title {
font-size: 12px;
letter-spacing: 2px;
text-transform: uppercase;
font-weight: 800;
margin: 15px 0 10px;
}
.product-extend-horizontal > div {
padding: 20px;
}
.product-extend-horizontal {
display: flex;
width: 100%;
}
.has-extend .product-extend-horizontal .zonex-iconbox {
margin-bottom: 0;
margin-top: 20px;
}
.has-extend .img-extend {
z-index: 2;
position: relative;
display: inline-block;
}
.has-extend .img-extend::before {
border-top: 1px solid #e5e5e5;
border-bottom: 1px solid #e5e5e5;
content: "";
position: absolute;
top: 10px;
bottom: 10px;
left: 10px;
right: 10px;
-webkit-transform: scale(0, 1);
-moz-transform: scale(0, 1);
-ms-transform: scale(0, 1);
-o-transform: scale(0, 1);
transform: scale(0, 1);
transition: transform 0.4s linear 0s;
-o-transition: -o-transform 0.4s linear 0s;
-webkit-transition: -webkit-transform 0.4s linear 0s;
z-index: 1;
}
.has-extend .img-extend::after {
border-left: 1px solid #e5e5e5;
border-right: 1px solid #e5e5e5;
content: "";
position: absolute;
top: 10px;
bottom: 10px;
left: 10px;
right: 10px;
-webkit-transform: scale(1, 0);
-moz-transform: scale(1, 0);
-ms-transform: scale(1, 0);
-o-transform: scale(1, 0);
transform: scale(1, 0);
transition: transform 0.4s linear 0s;
-o-transition: -o-transform 0.4s linear 0s;
-webkit-transition: -webkit-transform 0.4s linear 0s;
z-index: 1;
}
.has-extend .img-extend:hover::before,
.has-extend .img-extend:hover::after {
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1);
}
.img-extend:hover img {
filter: brightness(0.9);
}
@media (min-width: 1200px) {
div.row-filter-drawer {
z-index: 9;
}
body.single-product .has-sidebar .detail-content {
padding-left: 80px;
}
}  .wishlist-empty,
.cart-empty {
font-size: 16px;
text-align: center;
margin-bottom: 50px;
margin-top: 100px;
}
.return-to-shop {
text-align: center;
margin-bottom: 224px;
}
.return-to-shop .button {
font-family: Jost500;
display: inline-block;
height: 57px;
line-height: 57px;
font-size: 10px;
margin-top: 20px;
color: #ffffff;
text-transform: uppercase;
padding: 0 15px;
background-color: #151515; 
min-width: 200px;
}
.return-to-shop .button:hover {
background-color: #ff3636;
} .product-name {
font-size: 16px;
line-height: 24px;
margin-bottom: 0;
}
.product-name a {
display: inline-block;
max-height: 48px;
overflow: hidden;
vertical-align: middle;
width: 100%;
}
.product-price,
.product-subtotal {
font-size: 16px;
line-height: 24px;
color: #151515;
} .wishlist_table .yith-wcqv-button {
display: none;
}
body .woocommerce table.shop_table {
margin-bottom: 30px;
border: none;
}
body table.shop_table tr th:last-child,
body table.shop_table tr td:last-child {
border-right: 0;
}
body .woocommerce table.shop_table thead {
background: transparent;
}
body .woocommerce table.shop_table thead th {
font-size: 11px;
text-transform: uppercase;
color: #454545;
background: transparent;
padding: 10px 0;
font-family: Jost600;
}
body .woocommerce table.shop_table thead th{
border-left: none;
border-right: none;
text-align: left;
border-top: none;
vertical-align: middle;
border-bottom: 2px solid #eee;
}
body .woocommerce table.shop_table tbody td {
border-left: none;
border-right: none;
text-align: left;
border-top: none;
vertical-align: middle;
border-bottom: 1px solid #eee;
}
.cart.shop_tabl .quantity {
height: 48px;
line-height: 48px;
border: 1px solid #ccc;
color: #151515;
overflow: hidden;
position: relative;
text-align: center;
float: left;
width: 160px;
padding-left: 0;
}
body .woocommerce table.shop_table td {
border-width: 0 0 1px;
padding: 30px 0;
}
.cart .product-name a {
font-size: 15px;
color: #151515;
font-family: Jost500;
}
.cart .product-name a:hover {
opacity: 0.8;
}
.woocommerce-cart-form .cart .variation {
color: #858585;
display: grid;
font-size: 13px;
white-space: nowrap;
grid-template-columns: auto 100%;
}
div .cart dl.variation dd {
color: #858585; 
}
body .woocommerce table.shop_table .product-thumbnail {
width: 120px;
padding-right: 20px;
}
body .woocommerce table.shop_table .product-thumbnail a {
display: inline-block;
}
body .woocommerce table.shop_table .cart_item td {
padding-right: 20px;
}
body .woocommerce table.shop_table tr td.product-remove {
padding-left: 10px;
padding-right: 0;
width: 10px;
}
body .woocommerce table.shop_table tr td.product-remove a {
font-size: 25px;
color: #6f6f6f;
display: inline-block;
height: 25px;
}
.enable-shop-page-mobile .woocommerce .wishlist_table .product-remove .remove {
position: absolute;
bottom: 0;
right: 0;
color: #fff;
font-size: 15px !important;
transform: none;
line-height: 24px;
background: transparent;
top: auto;
left: auto;
}
.product-remove .remove span {
display: none;
}
body .woocommerce table.shop_table tr td.product-remove a:hover {
color: #151515;
}
body .woocommerce table.shop_table tr td.product-remove a .remove-text {
display: none;
}
body .shop_table tr td.product-stock-status {
width: 240px;
}
body .shop_table tr td.product-stock-status > span {
display: inline-block;
line-height: 21px;
font-size: 13px;
color: #151515!important;
text-align: center;
font-family: Jost500;
}
body .woocommerce table.shop_table .product-add-to-cart .add_to_cart {
font-weight: 500;
margin: 0 auto;
padding: 0 15px;
height: 50px;
font-family: Jost500;
line-height: 50px;
font-size: 10px;
text-transform: uppercase;
color: #ffffff;
background: #151515;
width: 160px;
text-align: center;
border-radius: 0;
}
body .woocommerce table.shop_table .product-add-to-cart .add_to_cart:hover {
opacity: 0.8;
}
body .shop_table tr td.product-quantity {
width: 240px;
}
.yith-wcwl-share {
padding-left: 40px;
}
.wishlist_table td.product-price {
white-space: nowrap;
}
.wishlist_table td.product-name {
white-space: nowrap;
}
.order_details .product-name a{
width:auto;
}
.wishlist_table .yith-wcwl-share li {
padding: 3px 3px 0 0;
} .actions-btn {
text-align: right;
margin-bottom: 19px;
}
.actions-btn .button {
min-width: 160px;
background: #151515;
margin-bottom: 20px;
line-height: 54px;
padding: 0 30px;
height: 54px;
font-size: 10px;
float: right;
font-family: Jost500;
}
.actions-btn .shopping {
min-width: 160px;
height: 54px;
line-height: 54px;
text-align: center;
padding: 0 15px;
display: inline-block;
font-size: 10px;
padding: 0 30px;
font-family: Jost600;
text-transform: uppercase;
color: #151515;
background-color: #fff;
margin-right: 10px;
}
input.button[disabled] {
opacity: 0.5;
}
.actions-btn .shopping:hover {
background-color: #151515;
color: #fff;
}
.actions {
margin-bottom: 60px;
}
.actions .coupon .input-text {
float: left;
font-size: 15px;
width: 210px;
border: 1px dashed #eee;
margin-right: 10px;
height: 54px;
color: #858585;
line-height: 54px;
}
.actions .coupon label {
font-size: 12px;
line-height: 56px;
letter-spacing: 2px;
text-transform: uppercase;
font-weight: 600;
margin-bottom: 0;
float: left;
}
.actions .coupon .button {
display: block;
float: left;
width: 160px;
font-family: Jost500;
font-size: 10px;
height: 54px;
vertical-align: middle;
line-height: 54px;
}
.actions .coupon .button:hover {
opacity: 0.8;
}
.woocommerce-shipping-calculator .shipping-calculator-button {
margin-bottom: 15px;
}
.woocommerce-shipping-calculator .form-row {
margin-bottom: 15px;
}
.woocommerce-shipping-calculator #calc_shipping_state_field .select2 {
margin-bottom: 15px;
}
.woocommerce-shipping-calculator button.button {
width: 100%;
margin-top: 20px;
} .cart-collaterals {
float: right;
width: 100%;
overflow: hidden;
}
.cart-collaterals .cart_totals {
padding: 20px 40px;
overflow: hidden;
background: #f5f5f5;
position: relative;
}
.cart-collaterals .cart_totals h2 {
font-size: 12px;
line-height: 46px;
color: #454545;
text-transform: uppercase;
margin-bottom: 0;
width: 100%;
border-bottom: 1px solid #e6e6e6;
}
.cart_totals::before, .woocommerce-checkout-review-order-wrap::before {
content: "";
width: 100%;
height: 7px;
position: absolute;
top: 0;
left: 0;
background-image: url(//ilite.sg/wp-content/themes/zonex/assets/images/bg-top-total.png);
z-index: 1;
}
.cart_totals::after,.woocommerce-checkout-review-order-wrap::after {
content: "";
width: 100%;
height: 7px;
position: absolute;
bottom: 0;
left: 0;
background-image: url(//ilite.sg/wp-content/themes/zonex/assets/images/bg-bottom-total.png);
z-index: 1;
}
.cart-collaterals .cart_totals .shop_table {
width: 100%;
border: none;
float: right;
margin: 35px 0;
}
.cart-collaterals .cart_totals .shop_table tr th {
border-width: 0;
padding: 8px 0;
font-size: 14px;
line-height: 30px;
width: 40%;
font-family: Jost600;
color: #151515;
}
.cart-collaterals tr.total-of-order .woocommerce-Price-amount.amount {
font-size: 18px;
}
.cart-collaterals .cart_totals .shop_table tr.total-of-order th {
font-size: 16px;
padding-top: 30px;
}
.cart-collaterals .cart_totals .shop_table tr td {
border-width: 0;
padding: 8px 0;
font-size: 15px;
line-height: 30px;
color: #151515;
}
.cart-collaterals .cart_totals .shop_table tr td.total-to-order {
text-align: right;
padding-top: 30px;
display: block;
}
section.shipping-calculator-form {
max-width: 100%;
margin-bottom: 40px;
}
section.shipping-calculator-form input {
width: 100%;
background: transparent;
border-width: 0 0 2px;
padding: 0;
line-height: 40px;
height: 40px;
color: rgba(21,21,21,.5);
}
.cart-collaterals .cart_totals .shop_table .shipping-calculator-button {
font-weight: 500;
font-size: 13px;
line-height: 24px;
text-transform: uppercase;
position: relative;
color: #151515;
padding-top: 33px;
font-family: Jost600;
display: inline-block;
margin-bottom: 45px;
}
.cart-collaterals .woocommerce-Price-amount.amount {
font-size: 16px;
}
.order-total .woocommerce-Price-amount.amount {
font-size: 24px;
}
.cart-collaterals .cart_totals .shop_table .shipping-calculator-button::before {
content: '';
display: block;
width: 100%;
border-bottom: 2px solid;
position: absolute;
left: 0;
bottom: 0;
}
.cart-collaterals .cart_totals .shop_table .shipping input[type="radio"] {
display: none;
}
.cart-collaterals .cart_totals .shop_table .shipping label {
font-weight: normal;
margin-bottom: 0;
}
.cart-collaterals .cart_totals .shop_table .shipping label::before {
content: "";
display: inline-block;
width: 12px;
height: 12px;
border: 1px solid #e2e2e2;
background: #f2f2f2;
border-radius: 50%;
margin-right: 11px;
transition: all 0.3s;
}
.cart-collaterals .cart_totals .shop_table .shipping label:hover::before,
.cart-collaterals .cart_totals .shop_table .shipping input[type="radio"]:checked + label::before {
background: #151515;
border-color: #151515;
}
tr.total-of-order {
border-top: 1px solid #e6e6e6;
}
td.total-to-order {
display: flex;
align-items: center;
}
.wc-proceed-to-checkout {
width: 100%;
}
.wc-proceed-to-checkout .checkout-button {
display: inline-block;
height: 54px;
line-height: 54px;
background-color: #151515;
color: #ffffff;
font-size: 11px;
letter-spacing: 0;
text-transform: uppercase;
font-family: Jost600;
padding: 0 45px;
width: 100%;
text-align: center;
margin-top: 0;
}
.wc-proceed-to-checkout .checkout-button:hover,
.actions-btn .button:hover {
opacity: 0.8;
}
ul.order_details {
background: #f8f8f8;
padding: 20px;
margin-bottom: 30px;
}
ul.order_details li {
display: inline-block;
border-right: 1px solid #ccc;
padding: 0 20px 0px 0;
margin-right: 20px;
color: #151515;
}
ul.order_details li:last-child {
border-right:none ;
padding: 0;
margin-right: 0px;
}
.order_details .wc-item-meta > li {
display: flex;
padding: 5px 0 0;
}
.order_details .wc-item-meta strong {
margin-right: 8px;
}
@media (max-width: 767px) {
.wc-proceed-to-checkout .checkout-button {
width: 100%;
}
div.product-extend-horizontal {
display: inline-block;
width: 100%;
}
div.product-extend-horizontal > div {
padding: 0;
width: 100%;
margin-top: 40px;
}
} .zonex-mapper.fade {
opacity: 1
}
.zonex-mapper .csre-pin:hover {
z-index: 21;
}
.csre-pin .csre-popup-footer a::before {
margin-right: 10px;
}
.rows-space-0 {
margin-bottom: 0 !important;
}
.letter02 {
letter-spacing: 0.2em;
}
.owl-carousel .owl-item img {
width: auto;
}
.text-center .product-item img {
margin: 0 auto;
}
.zonex-products.no-label .flash {
display: none;
}
.zonex-products.text-center .product-item .star-rating {
margin-right: auto;
margin-left: auto;
}
.zonex-products.text-center .product-item .product-title {
margin-top: 25px;
margin-bottom: 12px;
font-weight: 600;
letter-spacing: 0.2em;
text-transform: uppercase;
}
@media (max-width: 1280px) {
.rows-space-40,
.rows-space-50,
.rows-space-60,
.rows-space-70,
.rows-space-80,
.rows-space-90,
.rows-space-100 {
margin-bottom: 30px;
}
}
@media (max-width: 991px) {
.center991 {
text-align: center !important;
}
.center991.zonex-custommenu.style-01 .widgettitle::before,
.center991 .zonex-custommenu.style-01 .widgettitle::before {
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
}
.left991 {
text-align: left !important;
}
.letter02 {
letter-spacing: 0.1em;
}
.hide991 {
display: none!important;
}
}
@media (max-width: 767px) {
.center767 {
text-align: center !important;
}
.center767 .zonex-title.style4 .block-title::before{
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
}
.left767 {
text-align: left !important;
}
.left767.wpb_widgetised_column .wpb_wrapper {
justify-content: flex-start;
}
.center767 .zonex-custommenu.style-01 .widgettitle::before,
.zonex-custommenu.style-01.center767 .widgettitle::before {
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
}
.row {
margin-left: -10px;
margin-right: -10px;
}
ul.products > [class^="col-"],
ul.products > [class*="col-"],
.row > [class^="col-"],
.row > [class*="col-"] {
padding-left: 10px;
padding-right: 10px;
}
.rows-space-30,
.rows-space-40,
.rows-space-50,
.rows-space-60,
.rows-space-70,
.rows-space-80,
.rows-space-90,
.rows-space-100 {
margin-bottom: 20px;
}
} .vc_col-has-fill > div.vc_column-inner,
.vc_row-has-fill + .vc_row-full-width + .vc_row > .vc_column_container > div.vc_column-inner,
.vc_row-has-fill + .vc_row > .vc_column_container > div.vc_column-inner,
.vc_row-has-fill + .vc_vc_row > .vc_row > .vc_vc_column > .vc_column_container > div.vc_column-inner,
.vc_row-has-fill + .vc_vc_row_inner > .vc_row > .vc_vc_column_inner > .vc_column_container > div.vc_column-inner,
.vc_row-has-fill > .vc_column_container > div.vc_column-inner,
.vc_row-has-fill > .vc_row > .vc_vc_column > .vc_column_container > div.vc_column-inner,
.vc_row-has-fill > .vc_vc_column_inner > .vc_column_container > div.vc_column-inner,
section.vc_section.vc_section-has-fill,
section.vc_section.vc_section-has-fill + .vc_row-full-width + .vc_section,
section.vc_section.vc_section-has-fill + .vc_section {
padding-top: 0;
}
body .wpb_button, body .wpb_content_element,
body ul.wpb_thumbnails-fluid > li {
margin-bottom: 0;
}
.vc_row-no-padding .vc_inner {
margin-left: -15px;
margin-right: -15px;
}
div.vc_row.vc_row-no-padding .vc_inner {
margin-left: -15px;
margin-right: -15px;
}
div.vc_row.vc_row-no-padding .vc_inner .vc_column-inner {
padding-left: 15px;
padding-right: 15px;
}
.vc_separator * {
display: block;
}
div.vc_separator .vc_sep_holder {
height: auto;
}
div.vc_separator .vc_sep_holder .vc_sep_line {
height: auto;
top: auto;
}
@media (max-width: 1199px) {
.product-item .thumb-link img {
width: 100% !important;
}
}
.bg-parallax {
background-size: cover;
}
@media (min-width: 1281px) {
.bg-parallax {
background-attachment: fixed;
}
} .upsells .owl-carousel .owl-dots, .related .owl-carousel .owl-dots {
margin-top: 20px;
text-align: left;
}
.owl-carousel .owl-dots {
text-align: center;
margin-top: 15px;
}
.zonex-products.style-1 .owl-carousel .owl-dots {
margin-top: 30px;
}
.zonex-products .product-grid.product-list-owl .owl-dots{
display: none;
}
.owl-carousel .owl-dots .owl-dot {
display: inline-block;
padding: 0 6px;
}
.owl-carousel .owl-dots .owl-dot:last-child {
padding-right: 0;
}
.owl-carousel .owl-dots .owl-dot:first-child {
padding-left: 0;
}
.owl-carousel .owl-dots .owl-dot span {
height: 6px;
background: #cccccc;
width: 6px;
position: relative;
margin: 0 12px;
display: inline-block;
border-radius: 50%;
-webkit-transition: background 0.3s linear 0s;
-moz-transition: background 0.3s linear 0s;
-ms-transition: background 0.3s linear 0s;
-o-transition: background 0.3s linear 0s;
transition: background 0.3s linear 0s;
}
.produc-bottom-inner .owl-carousel .owl-dots .owl-dot span {
height: 6px;
width: 6px;
}
.produc-bottom-inner .owl-carousel .owl-dots .owl-dot span::before {
width: 20px;
height: 20px;
top: -7px;
left: -7px;
}
.produc-bottom-inner .owl-carousel .owl-nav {
display: none;
}
.owl-carousel .owl-dots .owl-dot:hover span,
.owl-carousel .owl-dots .owl-dot.active span {
background: #151515;
}
.owl-carousel .owl-dots .owl-dot:hover span::before ,
.owl-carousel .owl-dots .owl-dot.active span::before {
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.owl-carousel .owl-dots .owl-dot span::before {
content: "";
width: 22px;
height: 22px;
position: absolute;
top: -8px;
left: -8px;
background: #eeeeee;
z-index: -1;
border-radius: 50%;
transition: 0.3s linear;
opacity: 0;
transform: scale(0.8);
}
.owl-carousel .owl-dots .owl-dot.active span,
.owl-carousel .owl-dots .owl-dot:hover span {
border-color: #151515;
}
.owl-carousel.dots-light .owl-dots .owl-dot.active span,
.owl-carousel.dots-light .owl-dots .owl-dot:hover span{
background-color: #ffffff;
}
.owl-carousel.dots-style2 .owl-dots {
text-align: left;
margin-left: -6px;
margin-right: -6px;
}
.owl-carousel.dots-style2 .owl-dots .owl-dot span {
height: 6px;
background-color: rgba(0,0,0,.2);
width: 6px;
border: none;
border-radius: 50%;
}
.owl-carousel.dots-style2.dots-light .owl-dots:hover .owl-dot span,
.owl-carousel.dots-style2.dots-light .owl-dots.active .owl-dot span {
background-color: #ff3636;
}
.owl-carousel.dots-style2 .owl-dots .owl-dot.active span,
.owl-carousel.dots-style2 .owl-dots .owl-dot:hover span{
background: #151515;
}
.owl-carousel.nav-center {
position: relative;
}
.zonex-slider .owl-carousel.nav-center .owl-nav > button {
width: 50px;
text-align: center;
height:50px;
}
.owl-carousel.nav-center .owl-nav > button {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
font-size: 16px;
color: #151515;
transition: all 0.25s linear 0.6s;
-o-transition: all 0.25s linear 0.6s;
-webkit-transition: all 0.25s linear 0.6s;
display: inline-block;
margin-left: 20px;
opacity: 0;
visibility: hidden;
width: 50px;
height: 50px;
border: 2px solid;
line-height: 50px;
}
.owl-carousel.nav-center.nav-small .owl-nav > button {
font-size: 16px;
color: #ffffff;
box-shadow: 0 10px 15px rgba(0,0,0,.06);
}
.owl-carousel.nav-light .owl-nav > button {
color: #ffffff;
}
.owl-carousel.nav-center.nav-small .owl-nav > button:hover {
color: #151515;
background: #fff;
border-color: #fff;
opacity: 1;
}
.owl-carousel.nav-center .owl-nav .owl-prev {
left: -170px;
}
.owl-carousel.nav-center .owl-nav .owl-next {
margin-right: 20px;
transition: all 0.25s linear 0.6s;
-o-transition: all 0.25s linear 0.6s;
-webkit-transition: all 0.25s linear 0.6s;
right: -170px;
}
.owl-carousel.nav-center:hover.owl-carousel.nav-center .owl-nav > button {
opacity: 1;
visibility: visible;
}
.owl-carousel.nav-center:hover.owl-carousel.nav-center .owl-nav > button {
opacity: 1;
margin-left: 0;
}
.owl-carousel.nav-center:hover.owl-carousel.nav-center .owl-nav > button:hover {
opacity: 0.6;
transition: none;
}
.owl-carousel.nav-center.nav-circle:hover .owl-nav > button:hover {
opacity: 1;
background: #151515;
color: #fff;
border-color: #151515; 
}
.owl-carousel.nav-center.nav-circle.nav-light:hover .owl-nav > button:hover{
opacity: 1;
background: #fff;
color: #151515;
border-color: #fff;
}
.owl-carousel.nav-center:hover.owl-carousel.nav-center .owl-nav .owl-next {
margin-right: 0;
}
.owl-carousel.nav-left .owl-nav {
position: absolute;
left: -34.2%;
top: 50%;
}
.owl-carousel.nav-left .owl-nav > button {
display: inline-block;
margin-right: 13px;
}
.owl-carousel.nav-circle .owl-nav > button {
width: 50px;
height: 50px;
text-align: center;
line-height: 50px;
font-size: 16px;
color: #151515;
border: 2px solid;
}
.owl-carousel.nav-circle.nav-light .owl-nav > button{
color: #fff;
}
.owl-carousel.nav-circle .owl-nav .owl-prev {
left: -170px;
}
.owl-carousel.nav-circle .owl-nav .owl-next {
right: -170px;
}
.style-06.style-07 ~ div .owl-carousel.nav-center .owl-nav .owl-next {
right: -65px;
}
.style-06.style-07 ~ div .owl-carousel.nav-center .owl-nav .owl-prev {
left: -65px;
}
.owl-carousel[data-dots="true"] .owl-nav > button {
top: 35%;
}
.nav-big.owl-carousel[data-dots="true"] .owl-nav > button {
top: 50%;
font-size: 60px;
}
.nav-big.owl-carousel[data-dots="true"] .owl-nav > button .fa-angle-left:before {
font-family: Flaticon;
content: "\F108";
}
.nav-big.owl-carousel[data-dots="true"] .owl-nav > button .fa-angle-right:before {
font-family: Flaticon;
content: "\F109";
}
.layout-02 .owl-carousel.nav-center .owl-nav button {
width: 60px;
height: 60px;
font-size: 24px;
left: 33.33%;
border-radius: 50%;
background: #fff;
-webkit-transform: translateY(-50%) translateX(-50%);
-moz-transform: translateY(-50%) translateX(-50%);
-ms-transform: translateY(-50%) translateX(-50%);
-o-transform: translateY(-50%) translateX(-50%);
transform: translateY(-50%) translateX(-50%);
top: calc(50% - 86px);
opacity:1;
visibility: visible;
margin: 0;
}
.layout-02 .owl-carousel.nav-center .owl-nav button.owl-next {
left: auto;
right:33.33%;
-webkit-transform: translateY(-50%) translateX(50%);
-moz-transform: translateY(-50%) translateX(50%);
-ms-transform: translateY(-50%) translateX(50%);
-o-transform: translateY(-50%) translateX(50%);
transform: translateY(-50%) translateX(50%);
}
.layout-02 .owl-carousel.nav-center .owl-nav button:hover {
box-shadow: 0 15px 38px rgba(0, 0, 0, 0.08);
transition: none;
-o-transition: none;
-webkit-transition: none;
}
.track_order {
max-width: 680px;
margin-left: auto;
margin-right: auto;
}
.track_order > p {
margin-bottom: 40px;
text-align: center;
color: #151515;
}
.track_order .form-tracking {
padding: 41px 80px 29px 80px;
display: inline-block;
width: 100%;
}
.track_order .form-tracking label {
text-transform: capitalize;
font-weight: normal;
font-size: 15px;
line-height: 15px;
margin-bottom: 0;
color: #151515;
font-family: Jost500;
margin-top: 18px;
float: left;
}
.track_order .form-tracking input {
width: 100%;
}
.track_order .form-tracking .input-text {
background: transparent;
border-width: 0 0 2px;
padding: 0;
overflow: hidden;
}
.track_order .form-tracking .button {
margin-top: 10px;
}
.track_order .form-tracking .button:hover {
opacity: 0.8;
}
@media (max-width: 767px) {
.track_order .form-tracking {
padding-left: 10px;
padding-right: 10px;
}
} .zonex-newsletter {
text-align: center;
color: #151515;
}
h3.newsletter-title {
font-size: 30px;
}
.zonex-newsletter.style-01 h3.newsletter-title {
font-size: 30px;
margin-bottom: 20px;
}
.zonex-newsletter.light {
color: #fff;
}
.newsletter-description {
font-size: 16px;
font-family: Jost;
color: #454545;
margin-bottom: 45px;
}
.light .newsletter-description {
color: #fff;
}
form.newsletter-form-wrap {
display: inline-block;
width: 650px;
max-width: 100%;
font-size: 13px;
}
.newsletter-form-wrap-inner {
position: relative;
}
.zonex-newsletter .newsletter-form-wrap input {
color: rgba(69, 69, 69, 0.5);
background: transparent;
border-width: 0 0 2px 0;
border-style: solid;
width: 100%;
padding: 0;
line-height: 40px;
height: 40px;
border-color: rgba(21, 21, 21, 0.2);
font-family: Jost500;
}
.zonex-newsletter .newsletter-form-wrap input:focus,
.zonex-newsletter .newsletter-form-wrap input:invalid {
color: #151515;
border-color: #151515;
}
.zonex-newsletter.light .newsletter-form-wrap input {
color: #ffffff;
border-color: #858585;
}
.zonex-newsletter.light .newsletter-form-wrap input {
border-color: #fff;
}
.zonex-newsletter .newsletter-form-wrap button {
color: inherit;
background: transparent;
line-height: 40px;
height: 40px;
position: absolute;
padding: 0;
font-size: 13px;
top: 0;
text-transform: CAPITALIZE;
right: 0;
font-weight: normal;
font-family: Jost500;
}
.zonex-newsletter .newsletter-form-wrap button:hover {
opacity: 0.8;
}
.zonex-newsletter form > span {
display: block;
margin-top: 20px;
text-align: left;
font-family: Jost;
color: #454545;
}
.zonex-newsletter.style-02 {
text-align: left;
}
.zonex-newsletter.style-02 h3.newsletter-title {
font-size: 16px;
text-transform: uppercase;
font-family: Jost600;
padding-bottom: 10px;
}
.zonex-newsletter.style-02.light h3.newsletter-title {
color: #fff;
}
.zonex-newsletter.style-02.light .newsletter-description {
color: #fff;
}
.zonex-newsletter.style-02 .newsletter-description {
font-size: 13px;
margin-bottom: 25px;
color: #454545;
}
.zonex-newsletter.style-02 .newsletter-form-wrap input{
color: #dddddd;
}
.zonex-newsletter.style-02 .newsletter-form-wrap input:focus,
.zonex-newsletter.style-02 .newsletter-form-wrap input:invalid {
color: #151515;
}
.zonex-newsletter.style-02.light .newsletter-form-wrap input:focus,
.zonex-newsletter.style-02.light .newsletter-form-wrap input:invalid {
color: #fff;
border-color: #fff;
}
.zonex-newsletter.style-02.light .newsletter-form-wrap input {
color: #454545;
}
.zonex-newsletter.light form > span {
color: #fff;
}
footer .zonex-newsletter.light form > span {
color: #858585;
}
.zonex-newsletter.style-03 h3.newsletter-title {
font-size: 24px;
margin-bottom: 20px;
}
.zonex-newsletter.style-03 .newsletter-description {
font-size: 18px;
margin-bottom: 30px;
}
.zonex-newsletter.style-03 .newsletter-form-wrap input {
color: #858585;
background: transparent;
width: 100%;
padding: 0 15px;
line-height: 60px;
height: 60px;
font-size: 13px;
border: 1px solid #ccc;
font-family: Jost;
}
.zonex-newsletter.style-03 .newsletter-form-wrap input:focus,
.zonex-newsletter.style-03 .newsletter-form-wrap input:invalid{
color: #151515;
border-color: #151515;
}
.zonex-newsletter.style-03 .newsletter-form-wrap button {
position: relative;
height: 60px;
line-height: 60px;
font-size: 10px;
background: #151515;
font-family: jost;
letter-spacing: 0.5px;
width: 100%;
color: #fff;
text-transform: uppercase;
margin-top: 10px;
}
.zonex-newsletter.style-03 .rememberme {
float: none;
color: #151515;
font-size: 13px;
text-align: center;
margin-bottom: 0;
margin-top: 20px;
} .zonex-testimonial {
text-align: center;
}
.zonex-slider.Testimonials-style-01 .owl-carousel.nav-circle .owl-nav > button {
top: 27%;
}
.zonex-slider.Testimonials-style-02 .owl-carousel .owl-nav > button {
top: 30%;
font-size: 90px;
}
.zonex-testimonial.style-02 .testimonial-inner .thumb {
text-align: center;
margin-bottom: 28px;
}
.zonex-testimonial.style-02 .testimonial-inner .thumb img {
display: inline-block;
border-radius: 50%;
}
.zonex-testimonial.style-02 .content {
font-size: 24px;
color: #151515;
font-family: Time new roman;
line-height: 40px;
font-style: italic;
padding: 0 10px;
}
.zonex-testimonial.style-02 .name {
margin-top: 35px;
font-size: 14px;
font-weight: 600;
letter-spacing: 0.2em;
margin-bottom: 5px;
text-transform: uppercase;
}
.zonex-testimonial.style-02 .name a {
color: #151515;
}
.zonex-testimonial.style-02 .position {
font-weight: 400;
}
.zonex-testimonial.style-03 {
color: #ffffff;
}
.zonex-testimonial.style-03 .thumb img {
border-radius: 50%;
display: inline-block;
width: inherit;
}
.zonex-testimonial.style-03 .content {
font-size: 22px;
font-weight: 400;
line-height: 40px;
margin-top: 25px;
margin-bottom: 20px;
padding-bottom: 25px;
position: relative;
}
.zonex-testimonial.style-03 .content::before {
content: '';
position: absolute;
left: 50%;
bottom: 0;
transform: translateX(-50%);
width: 200px;
height: 1px;
background-color: #8d8d8d;
}
.zonex-testimonial.style-03 .name {
font-size: 12px;
font-weight: bold;
letter-spacing: 0.2em;
margin-bottom: 5px;
margin-top: 2px;
text-transform: uppercase;
}
.zonex-testimonial.style-03 .name a {
color: #ffffff;
}
.zonex-testimonial.style-03 .name a:hover {
color: #ff3636;
}
.zonex-testimonial.style-03 .position {
font-weight: 400;
} .zonex-blog.style-01 .owl-carousel.nav-circle .owl-nav > button {
top: 31.5%;
}
.zonex-blog.style-02 .owl-carousel .owl-nav > button {
top: 39%;
}
.zonex-blog.style-02 .owl-carousel.nav-center .owl-nav .owl-prev {
left: -35px;
}
.zonex-blog.style-02 .owl-carousel.nav-center .owl-nav .owl-next {
right: -35px;
}
.zonex-blog.style-04 .owl-carousel.nav-circle .owl-nav > button {
top: 32%;
}
.zonex-blog .owl-carousel .owl-dots {
margin-top: 5px;
} .zonex-blog .cat-post {
margin: 30px 0 5px;
font-size: 0;
}
.zonex-blog .cat-post a {
color: #151515;
font-size: 10px;
text-transform: uppercase;
font-family: Jost700;
}
.zonex-blog .cat-post a:hover {
opacity: 0.8;
}
.zonex-blog .cat-post a::after {
content: '.';
font-size: 20px;
}
.zonex-blog .cat-post a::after {
content: '.';
position: relative;
font-size: 15px;
top: -3px;
margin: 0 5px;
}
.zonex-blog .cat-post a:last-child::after {
display: none;
}
.zonex-blog.style-01 .blog-title {
color: #111;
font-size: 24px;
position: relative;
font-family: Jost500;
overflow: hidden;
display: block;
margin-bottom: 10px;
}
.zonex-blog .blog-title:hover a {
opacity: 0.8
}
.zonex-blog.style-01 .blog-content {
font-size: 15px;
color: #151515;
margin-bottom: 15px;
font-family: Jost;
line-height: 22px;
}
.zonex-blog.style-01 a.blog-date {
margin-bottom: 10px;
text-transform: uppercase;
font-size: 10px;
font-family: Jost500;
width: 100%;
margin-top: 10px;
color: #959595;
display: inline-block;
}
.zonex-blog.style-01 .blog-readmore, .zonex-blog.style-03 .blog-readmore {
font-size: 12px;
font-weight: 700;
position: relative;
color: #151515;
overflow: hidden;
letter-spacing: 2px;
text-transform: uppercase;
padding: 0 25px 5px 0;
display: inline-block;
}
.zonex-blog.style-01 .blog-readmore:hover {
color: #ff3636;
}
.zonex-blog.style-01 .blog-readmore::after {
position: absolute;
content: "\f105";
font-family: FontAwesome;
font-size: 14px;
right: 0;
font-weight: 600;
}
.zonex-blog.style-01 .blog-readmore::before,
.zonex-blog.style-03 .blog-readmore::before {
position: absolute;
content: '';
border-bottom: 1px solid #ff3636;
width: 96%;
bottom: 0;
left: 0;
font-weight: 300;
opacity: 0;
}
.zonex-blog.style-01 .blog-readmore:hover::before,
.zonex-blog.style-03 .blog-readmore:hover::before {
opacity: 1;
-webkit-animation: underline-link .8s cubic-bezier(.58, .3, .005, 1) 0s 1;
animation: underline-link .8s cubic-bezier(.58, .3, .005, 1) 0s 1;
}
.zonex-blog.style-01 .blog-heading {
text-align: left;
font-size: 40px;
position: relative;
margin-bottom: 50px;
text-transform: CAPITALIZE;
}
a.blog-date {
margin-bottom: 10px;
display: block;
}
a.blog-date-onthumb {
position: absolute;
width: 66px;
height: 66px;
font-size: 12px;
letter-spacing: 1px;
padding: 10px 10px;
display: inline-block;
line-height: 24px;
text-transform: uppercase;
background: #fff;
font-weight: 700;
top: 0;
left: 0;
color: #151515;
z-index: 1;
text-align: left;
}
span.time-date {
display: block;
position: relative;
font-size: 14px;
}
span.time-date::before {
content: "";
height: 30px;
border-left: 1px solid #c5c5c5;
position: absolute;
-webkit-transform: rotate(45deg) translateX(-50%) translateY(-50%);
-moz-transform: rotate(45deg) translateX(-50%) translateY(-50%);
-ms-transform: rotate(45deg) translateX(-50%) translateY(-50%);
-o-transform: rotate(45deg) translateX(-50%) translateY(-50%);
transform: rotate(45deg) translateX(-50%) translateY(-50%);
left: 50%;
top: 50%;
margin-left: -12px;
margin-top: 7px;
}
span.time-month {
display: block;
text-align: right;
} .zonex-blog.style-02 .blog-item {
overflow: hidden;
border-bottom: 1px dashed rgba(0,0,0,.08);
padding-bottom: 30px;
margin-bottom: 10px;
}
.zonex-blog.style-02 .blog-info {
text-align: center;
}
.zonex-blog.style-02 .blog-info .blog-title {
color: #151515;
font-size: 24px;
position: relative;
font-family: Jost500;
margin-bottom: 10px;
}
.zonex-blog.style-02 .blog-info .blog-title a {
color: inherit;
}
.zonex-blog.style-02 a.blog-date {
margin-bottom: 10px;
text-transform: uppercase;
font-size: 10px;
font-family: Jost700;
width: 100%;
margin-top: 10px;
color: #959595;
display: inline-block;
}
.zonex-blog.style-02 .blog-heading {
font-size: 20px;
font-weight: 600;
text-align: center;
color: #ffffff;
margin-bottom: 70px;
letter-spacing: 0.2em;
text-transform: uppercase;
} .zonex-blog h3.blog-heading {
font-size: 10px;
text-transform: uppercase;
margin-bottom: 30px;
}
.zonex-blog.style-03 .blog-thumb {
float: left;
width: 110px;
margin-right: 15px;
}
.zonex-blog.style-03 .blog-info {
overflow: hidden;
margin-left: 15px;
}
.zonex-blog.style-03 .blog-thumb:hover img {
opacity: .5;
}
.zonex-blog.style-03 ul.blog-meta {
display: flex;
white-space: nowrap;
padding: 0;
}
.zonex-blog.style-03 .blog-item {
display: inline-block;
margin-bottom: 20px;
}
.zonex-blog.style-03 h2.blog-title {
font-size: 13px;
font-family: Jost;
margin: 0;
}
.zonex-blog.style-03 ul.blog-meta li {
font-size: 11px;
color: #151515;
position: relative;
list-style: none;
}
.zonex-blog.style-03 li.blog-date::after {
content: "";
height: 10px;
border-left: 1px solid #ccc;
margin: 0px 10px;
}
.zonex-blog.style-03 .blog-item:last-child {
margin: 0;
} .zonex-blog.style-04 .blog-thumb {
position: relative;
overflow: hidden;
}
.zonex-blog.style-04 .blog-thumb .blog-date {
position: absolute;
top: 0;
right: 0;
min-width: 57px;
height: 69px;
padding: 0 10px 10px 10px;
background: #ffffff;
font-size: 16px;
font-weight: 500;
color: #151515;
text-align: center;
}
.zonex-blog.style-04 .blog-day {
position: relative;
padding-bottom: 5px;
display: block;
margin-bottom: 5px;
}
.zonex-blog.style-04 .blog-day::before {
position: absolute;
content: '';
text-align: center;
width: 100%;
border-bottom: 1px solid #e1e1e1;
bottom: 0;
left: -2%;
}
.zonex-blog.style-04 .blog-info {
background: #ffffff;
padding: 30px 20px;
}
.zonex-blog.style-04 .blog-title {
font-size: 18px;
color: #151515;
margin-bottom: 7px
}
.zonex-blog.style-04 .blog-meta {
list-style-type: none;
padding: 0;
}
.zonex-blog.style-04 .blog-meta li {
display: inline-block;
margin-right: 5px;
}
.zonex-blog.style-04 .blog-meta .blog-author {
position: relative;
padding-right: 10px;
}
.zonex-blog.style-04 .blog-meta .blog-author::after {
position: absolute;
content: '';
width: 1px;
height: 15px;
right: 0;
top: 20%;
border: 1px solid #cdcdcd;
}
.zonex-blog.style-04 .blog-heading {
text-align: center;
font-size: 40px;
color: #151515;
font-weight: 300;
margin-bottom: 70px;
}
.zonex-blog.style-04 .blog-month {
font-size: 14px;
font-weight: 500;
text-transform: uppercase;
color: #151515;
} .zonex-team.style-01 .thumb {
position: relative;
}
.zonex-team.style-01 .thumb img {
width: 100%;
}
.zonex-team.style-01 .name a {
color: inherit;
}
.zonex-team.style-01 .name {
font-size: 24px;
font-family: Jost500;
margin-top: 25px;
color: #151515;
margin-bottom: 5px;
}
.zonex-team.style-01 .name:hover {
opacity: 0.8;
}
.zonex-team.style-01 .position {
font-size: 10px;
text-transform: uppercase;
margin-bottom: 10px;
font-family: Jost500;
}
.team-description {
font-size: 13px;
color: #454545;
margin-bottom: 15px;
line-height: 22px;
}
.team-social a {
color: #858585;
font-size: 12px;
margin-right: 20px;
}
.team-social a:hover {
color: #151515;
} .zonex-categories.style-01 .category-thumb{
overflow: hidden;
}
.zonex-categories.style-01:hover .category-thumb img {
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-ms-transform: scale(1.05);
-o-transform: scale(1.05);
transform: scale(1.05);
}
.zonex-categories.style-01 .category-thumb img {
width: 100%;
transition: transform 0.4s linear 0s;
-o-transition: -o-transform 0.4s linear 0s;
-webkit-transition: -webkit-transform 0.4s linear 0s;
}
.zonex-categories.style-01 .category-info {
margin-top: 20px;
margin-bottom: 45px;
}
.cat-count-wrap {
font-size: 10px;
text-transform: uppercase;
font-family: Jost700;
color: #858585;
}
h3.category-name a:not(:hover) {
color: #151515;
}
.zonex-categories-list-wrap.style-02 .zonex-categories:nth-child(2n) {
width: 66.67%;
}
.zonex-categories-list-wrap.style-02 .zonex-categories {
width: 33.33%;
float: left;
padding: 0 15px;
}
.zonex-categories-list-wrap.style-03 .zonex-categories:nth-child(2n) {
width: 33.33%;
}
.zonex-categories-list-wrap.style-03 .zonex-categories {
width: 66.67%;
float: left;
padding: 0 15px;
}
.zonex-category-inner {
position: relative;
overflow: hidden;
}
.zonex-category-inner:hover .category-thumb img {
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-ms-transform: scale(1.05);
-o-transform: scale(1.05);
transform: scale(1.05);
}
.category-thumb img {
transition: transform 0.3s linear 0s;
transition: -o-transform 0.3s linear 0s;
transition: -webkit-transform 0.3s linear 0s;
}
.zonex-categories.style-02 {
margin-bottom: 30px;
}
.zonex-categories.style-02 .cat-count-wrap {
color: #151515;
}
.zonex-categories.style-02 .category-info{
position: absolute;
bottom: 15px;
left: 30px;
}
.zonex-slider .slick-arrow {
width: 34px;
height: 34px;
background: #ff3636;
border-radius: 50%;
line-height: 34px;
position: absolute;
text-align: center;
top: -7px;
color: #fff;
left: 50%;
z-index: 1;
cursor: pointer;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
}
.zonex-slider .slick-arrow:hover {
filter: brightness(0.8);
}
.zonex-slider .slick-arrow:last-child {
bottom:7px;
top: auto;
}
.zonex-slider.layout-04 {
padding: 0 30px;
}
.style-06 h3.category-name a {
color: inherit;
position: relative;
transition: top 0.3s linear 0s, opacity 0.3s linear 0s;
-o-transition: top 0.3s linear 0s, opacity 0.3s linear 0s;
-webkit-transition: top 0.3s linear 0s, opacity 0.3s linear 0s;
top: 5px;
opacity:0;
}
.style-06 .zonex-category-inner:hover h3.category-name a {
top: 0;
opacity:1;
}
@media (min-width: 1025px) {
.custom-nav .owl-carousel.nav-center .owl-nav .owl-next {
right: -65px;
}
.custom-nav .owl-carousel.nav-center .owl-nav .owl-prev {
left: -65px;
}
} .zonex-instagram-sc.style-01 .owl-carousel.nav-center .owl-nav .owl-prev {
left: -54px;
}
.zonex-instagram-sc.style-01 .owl-carousel.nav-center .owl-nav .owl-next {
right: -54px;
}
.zonex-instagram-sc.style-02 .instagram-inner {
text-align: center;
}
.zonex-instagram-sc.style-02 .instagram-inner::before {
content: "";
height: 75px;
border-left: 1px solid #ccc;
position: relative;
display: inline-block;
margin-bottom: 35px;
}
.zonex-instagram-sc.style-02 h3.title::before {
content: url(//ilite.sg/wp-content/themes/zonex/assets/images/ins-icon.png);
display: inline-block;
width: 100%;
margin-bottom: 15px;
}
.zonex-instagram-sc.style-02 .title {
font-size: 30px;
margin-bottom: 20px;
}
.zonex-instagram-sc.style-02 .desc {
font-size: 14px;
font-weight: 700;
text-align: center;
position: relative;
overflow: hidden;
display: inline-block;
color: #ff3636;
}
.zonex-instagram-sc.style-02 .desc a {
color: inherit;
}
.zonex-instagram-sc.style-02 .desc::before {
content: "";
position: absolute;
bottom: 0;
left: 0;
right: 0;
text-align: center;
border-bottom: 2px solid #ff3636;
}
.zonex-instagram-sc.style-02 .desc:hover::before {
-webkit-animation: underline-link .8s cubic-bezier(.58, .3, .005, 1) 0s 1;
animation: underline-link .8s cubic-bezier(.58, .3, .005, 1) 0s 1;
}
.zonex-instagram-sc.style-02 .item-table {
display: table;
width: 100%;
}
.zonex-instagram-sc.style-02 .item-cell {
display: table-cell;
vertical-align: bottom;
overflow: hidden;
}
.zonex-instagram-sc.style-02 .item-cell:nth-child(1),
.zonex-instagram-sc.style-02 .item-cell:nth-child(2) {
width: 17.08%;
}
.zonex-instagram-sc.style-02 .item-cell:nth-child(3) {
width: 34.16%;
}
.zonex-instagram-sc.style-02 .item-cell:nth-child(4) {
width: 31.68%;
}
.zonex-instagram-sc.style-02 .item {
margin-right: 40px;
margin-top: 40px;
float: left;
}
.zonex-instagram-sc.style-02 .item-cell:last-child .item {
margin-right: 0;
}
.zonex-instagram-sc.style-02 .item-cell:nth-child(3) .item:nth-child(2),
.zonex-instagram-sc.style-02 .item-cell:nth-child(3) .item:nth-child(3) {
width: calc(50% - 40px);
}
.zonex-instagram-sc.style-02 .item-cell:nth-child(4) .item:nth-child(1) {
width: calc(50% - 20px);
} .zonex-instagram-sc.style-03 .instagram-inner {
margin-left: -20px;
margin-right: -20px;
overflow: hidden;
}
.zonex-instagram-sc.style-03 .item-wrap {
float: left;
padding-left: 20px;
padding-right: 20px;
margin-bottom: 40px;
width: 25%;
}
.zonex-instagram-sc.style-03 .item-wrap:first-child {
width: 50%;
}
.zonex-instagram-sc.style-03 .title {
font-size: 40px;
font-weight: 300;
margin-top: 27px;
margin-bottom: 18px;
}
.zonex-instagram-sc.style-03 .desc {
font-size: 16px;
color: #868686;
}
.zonex-instagram-sc.style-03 .desc a {
font-weight: 700;
color: #151515;
} .prdctfltr_sc .products {
margin-bottom: 0 !important;
}
.toolbar-products-shortcode.real-mobile-toolbar .part-filter-wrap span.filter-text {
font-size: 14px !important;
display: inline !important;
}
.enable-header-mobile div.toolbar-products.toolbar-products-mobile,
.enable-header-mobile div.real-mobile-toolbar.toolbar-products-shortcode {
padding-bottom:0;
}
.product-item.style-01 .product-thumb {
float: right;
width: 50%;
position: relative;
overflow: hidden;
}
.product-item.style-01 .product-thumb .product-gallery-slick {
float: left;
width: calc(100% - 120px);
padding-right: 20px;
}
.product-item.style-01 .product-thumb .product-gallery-slick img {
width: 100%;
}
.product-item.style-01 .product-thumb .vertical_thumnail {
float: right;
text-align: center;
width: 120px;
}
.product-item.style-01 .product-thumb .vertical_thumnail figure img {
border: 1px solid #d8d8d8;
margin-bottom: 10px;
}
.product-item.style-01 .product-thumb .vertical_thumnail .slick-current img {
border-color: #ff3636;
}
.product-item.style-01 .product-thumb .vertical_thumnail .fa {
opacity: 0;
visibility: hidden;
transition: all 0.25s;
line-height: 20px;
border-radius: 50%;
z-index: 99;
cursor: pointer;
font-size: 30px;
}
.product-item.style-01 .product-thumb .vertical_thumnail .fa.fa-angle-up {
position: absolute;
top: 0;
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
}
.product-item.style-01 .product-thumb .vertical_thumnail .fa.fa-angle-down {
position: absolute;
bottom: 14px;
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
}
.product-item.style-01 .product-thumb .vertical_thumnail:hover .fa {
opacity: 1;
visibility: visible;
}
.product-item.style-01 .product-info {
width: 50%;
float: left;
padding-top: 80px;
}
.zonex-dealproduct .style-01 .product-info .price {
margin-bottom: 20px;
line-height: 30px;
}
.deal-info-inner {
display: inline-block;
overflow: hidden;
}
.product-item.style-01 .star-rating {
margin-top: 0px;
}
.product-item.style-01 .product-info .deal-title {
font-size: 50px;
font-weight: 300;
margin-bottom: 15px;
}
.product-item.style-01 .product-info .product-title {
font-size: 22px;
font-weight: 400;
color: #868686;
margin-bottom: 25px;
margin-top: 10px;
}
.product-item.style-03 {
margin: 0;
}
.product-item.style-03 .product-inner {
margin: 90px 0 80px;
display: inline-block;
width: 100%;
}
.product-item.style-03 .product-thumb {
float: right;
width: 50%;
position: relative;
overflow: hidden;
margin-top: -280px;
}
.product-item.style-03 .product-thumb .product-gallery-slick {
float: left;
width: calc(100% - 120px);
padding-right: 20px;
}
.product-item.style-03 .product-thumb .product-gallery-slick img {
width: 100%;
}
.product-item.style-03 .product-thumb .vertical_thumnail {
float: right;
text-align: center;
width: 120px;
}
.product-item.style-03 .product-thumb .vertical_thumnail figure img {
border: 1px solid #d8d8d8;
margin-bottom: 10px;
}
.product-item.style-03 .product-thumb .vertical_thumnail .slick-current img {
border-color: #ff3636;
}
.product-item.style-03 .product-thumb .vertical_thumnail .fa {
opacity: 0;
visibility: hidden;
transition: all 0.25s;
line-height: 20px;
border-radius: 50%;
z-index: 99;
cursor: pointer;
font-size: 30px;
}
.product-item.style-03 .product-thumb .vertical_thumnail .fa.fa-angle-up {
position: absolute;
top: 0;
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
}
.product-item.style-03 .product-thumb .vertical_thumnail .fa.fa-angle-down {
position: absolute;
bottom: 14px;
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
}
.product-item.style-03 .product-thumb .vertical_thumnail:hover .fa {
opacity: 1;
visibility: visible;
}
.product-item.style-03 .product-info {
width: 50%;
float: left;
padding-top: 80px;
}
.zonex-dealproduct .style-03 .product-info .price {
margin-bottom: 20px;
line-height: 30px;
}
.product-item.style-03 .star-rating {
margin-top: 0px;
display: none;
}
.product-item.style-03 .product-info .deal-title {
font-size: 60px;
font-weight: 300;
margin-bottom: 15px;
}
.product-item.style-03 .product-info .product-title {
font-size: 24px;
font-weight: 400;
color: #151515;
margin-bottom: 25px;
}
.zonex-dealproduct .product-info .price {
margin-bottom: 35px;
line-height: 30px;
}
.zonex-dealproduct .product-info .price del {
line-height: 50px;
}
.zonex-dealproduct .product-info .price del span {
font-size: 18px;
font-weight: 400;
color: #151515;
}
.zonex-dealproduct .product-info .price ins {
margin-right: 10px;
position: relative;
float: left;
min-width: 130px;
height: 48px;
line-height: 48px;
display: inline-block;
background-color: #ff3636;
text-align: center;
color: #ffffff;
font-size: 18px;
font-weight: bold;
}
.zonex-dealproduct .product-info .price ins .woocommerce-Price-amount.amount{
font-size: 18px;
}
.zonex-dealproduct .product-info .zonex-countdown .timers .box {
color: #151515;
display: inline-block;
margin-right: 20px;
text-align: center;
}
.zonex-dealproduct .product-info .zonex-countdown .timers .box > span {
display: block;
}
.zonex-dealproduct .product-info .zonex-countdown .timers .box:last-child {
margin-right: 0;
}
.zonex-dealproduct .product-info .zonex-countdown .timers .box .time {
width: 70px;
height: 70px;
background-color: #ffffff;
line-height: 70px;
text-align: center;
border-radius: 50%;
font-weight: 400;
font-size: 30px;
box-shadow: 0 15px 38px rgba(0, 0, 0, 0.07);
border: none;
}
.zonex-dealproduct .product-info .zonex-countdown .timers .box .time-title {
font-size: 14px;
font-weight: 600;
letter-spacing: 0.2em;
text-transform: uppercase;
margin-top: 10px;
}
.product-list-owl .product-item.style-02 .product-inner {
box-shadow: 0 3px 24px rgba(0, 0, 0, 0.1);
padding: 22px 22px 22px 55px;
margin: 22px;
display: inline-block;
width: calc(100% - 44px);
}
.product-item.style-02 .product-thumb {
float: right;
width: 40%;
}
.product-item.style-02 .product-info {
float: left;
width: 60%;
}
.product-item.style-02 .product-info .product-title {
font-size: 26px;
font-weight: 400;
margin-bottom: 15px;
}
.zonex-dealproduct .owl-carousel.nav-circle .owl-nav .owl-prev {
left: -8px;
}
.zonex-dealproduct .owl-carousel.nav-circle .owl-nav .owl-next {
right: -8px;
} .zonex-instagramshopwrap .slick-dots {
padding: 0;
text-align: center;
margin-top: 70px;
display: inline-block;
width: 100%;
}
.zonex-instagramshopwrap .slick-dots li button {
padding: 0;
font-size: 0;
}
.zonex-instagramshopwrap .slick-dots li {
width: 12px;
height: 12px;
display: inline-block;
border: 1px solid #cecece;
border-radius: 50%;
margin: 0 7px;
}
.zonex-instagramshopwrap .slick-dots li:first-child {
margin-left: 0;
}
.zonex-instagramshopwrap .slick-dots li.slick-active {
background-color: #ff3636;
border-color: #ff3636;
}
.zonex-instagramshopwrap .fa {
width: 56px;
height: 56px;
line-height: 56px;
text-align: center;
background-color: #ffffff;
font-size: 33px;
border-radius: 50%;
position: absolute;
top: calc(50% - 50px);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 99;
color: #151515;
box-shadow: 0 8px 8px rgba(0, 0, 0, 0.09);
opacity: 0;
visibility: hidden;
transition: 0.7s;
}
.zonex-instagramshopwrap .fa-angle-left {
left: -28px;
}
.zonex-instagramshopwrap .fa-angle-right {
right: -28px;
}
.zonex-instagramshopwrap:hover .fa {
opacity: 1;
visibility: visible;
} .zonex-products .view-products {
min-width: 145px;
height: 48px;
line-height: 44px;
border: 2px solid #151515;
display: table;
text-align: center;
font-family: Jost;
font-size: 13px;
padding: 0 30px;
text-transform: capitalize;
margin: 45px auto 0;
position: relative;
color: #151515;
}
.zonex-products.style-5 .view-products {
margin: 80px auto 0;
}
.zonex-products .view-products:hover {
background-color: #151515;
color: #ffffff;
border-color: #151515;
}
.zonex-products.style-1 .owl-carousel.nav-center .owl-nav > button {
top: 38%;
}
.zonex-products:not(.cate-nav).style-1 .owl-carousel.nav-center .owl-nav .owl-prev {
left: -65px;
}
.zonex-products:not(.cate-nav).style-1 .owl-carousel.nav-center .owl-nav .owl-next {
right: -65px;
}
.product-has-desc h3.desc-title {
font-size: 48px;
font-family: Jost700;
margin-bottom: 25px;
}
.product-has-desc .product-content {
padding-right: 30px;
padding-bottom: 30px;
padding-top: 30px;
}
.product-has-desc .desc-content {
font-size: 13px;
line-height: 20px;
color: #454545;
}
.zonex-products .product-has-desc .product-grid.product-list-owl.owl-carousel .owl-nav > button,
.zonex-products .product-has-desc .product-grid.product-list-owl.owl-carousel:hover .owl-nav > button {
position: static;
opacity: 1;
transform: none;
box-shadow: 0 0 0;
margin: 0 15px;
visibility: visible;
}
.zonex-products .product-has-desc .owl-carousel.nav-center .owl-nav {
opacity: 1;
transform: none;
visibility: visible;
margin: 0 -25px;
position: absolute;
bottom: 10%;
left: -33.33%;
} .zonex-container-inner .zonex-simple-product {
float: left;
margin-bottom: 100px;
position: relative;
}
.zonex-container-inner .zonex-simple-product:nth-child(2n) {
float: right;
}
.zonex-container-inner .zonex-simple-product:nth-child(2n + 1) {
clear: left;
}
.product-info-wrap {
position: absolute;
bottom: 40px;
left: 40px;
z-index: 1;
}
.image-wrap {
position: relative;
z-index: 1;
}
.bg-img {
position: absolute;
z-index: 0;
top: 0;
}
.zonex-simple-product h3.product-title {
font-size: 30px;
}
.zonex-simple-product h3.product-title:hover {
opacity: 0.8;
}
.simple-category > a:hover {
opacity: 0.8;
}
.zonex-simple-product h3.product-title a {
color: inherit;
}
.zonex-simple-product .woocommerce-Price-amount.amount {
font-size: 16px;
color: #858585;
font-family: Jost500;
font-weight: 400;
}
.zonex-simple-product del .woocommerce-Price-amount.amount {
font-size: 13px;
margin: 0;
margin-right: 5px;
font-family: Jost;
}
.simple-category > a:first-child {
display: inline-block;
}
.simple-category > a {
display: none;
color: inherit;
}
.simple-category::before {
content: "";
width: 30px;
border-bottom: 2px solid;
position: relative;
top: -4px;
margin-right: 10px;
display: inline-block;
}
.simple-category {
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
transform-origin: top left;
display: inline-block;
font-size: 16px;
color: #151515;
line-height: 1;
font-family: Jost500; 
} .contact-submit {
text-align: center;
}
.contact-form-container .wpcf7-textarea {
border-width: 0 0 2px;
border-color: #cfcfcf;
border-style: solid;
padding: 0;
font-size: 13px;
color: #858585;
font-weight: 400;
}
.contact-form-container .wpcf7-submit {
height: 50px;
line-height: 50px;
font-size: 10px;
background: #151515;
margin: 0;
color: #fff;
font-family: Jost500;
width: 180px;
}
.contact-form-container .wpcf7-submit:hover {
background: #151515;
color: #fff;
opacity: 1;
}
.contact-form-container br {
display: none;
}
.contact-form-container input {
width: 100%;
padding: 0;
line-height: 40px;
height: 40px;
border-width: 0 0 2px;
font-family: Jost;
color: #858585;
border-color: #cfcfcf;
font-size: 13px;
margin-bottom: 5px;
font-weight: 400;
}
.contact-form-container input:focus,
.contact-form-container input:invalid,
.contact-form-container textarea:invalid,
.contact-form-container textarea:focus {
color: #151515;
border-color: #151515;
}
.contact-form-container .contact-label {
font-weight: 400 !important;
font-size: 13px;
color: #858585;
line-height: 15px;
position: absolute;
z-index: -1;
-o-transition: 0.3s linear 0s;
-webkit-transition: 0.3s linear 0s;
transition: 0.3s linear 0s;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
display: none;
}
.woocommerce-account input.input-text:invalid + .account-label, 
.woocommerce-account input.input-text:focus + .account-label {
font-size: 13px;
color: #151515;
transform: none;
top: -11px;
}
.contact-form-container label {
width: 100%;
color: #979797;
margin-bottom: 15px;
}
.product-grid .owl-carousel .owl-nav > button {
top: 33%;
}
.map-field {
color: #151515;
}
div.gm-style .gm-style-iw-c {
padding: 0 30px 0 15px;
max-height: inherit;
border-radius: 0;
}
button.gm-ui-hover-effect {
top: 0!important;
right: 0!important;
}
.page-id-9722 .responsive_js_composer_custom_css_1938102325 {
display: none;
} @media (max-width: 1441px) {
.big_images div.vertical_thumnail .woocommerce-product-gallery .flex-control-nav.flex-control-thumbs {
left: 20px;
}
.style-02.zonex-blog .cat-post {
margin: 5px 0;
}
div.zonex-blog.style-02 .blog-item {
padding-bottom: 10px;
}
}
@media (max-width: 1366px) {
.owl-carousel.nav-left .owl-nav {
top: 57%;
}
.zonex-instagram-sc.style-02 .item-cell:nth-child(4) .item:nth-child(1) {
width: calc(50% - 39px);
}
.product-item.style-02 .product-info .product-title {
font-size: 18px;
}
.product-list-owl .product-item.style-02 .product-inner {
padding: 15px;
}
.zonex-dealproduct .product-info .price {
margin-bottom: 15px;
}
.zonex-dealproduct .product-info .zonex-countdown .timers .box .time {
width: 50px;
height: 50px;
line-height: 50px;
font-size: 18px;
}
.zonex-dealproduct .product-info .zonex-countdown .timers .box {
margin-right: 10px;
}
.product-item.style-01 .product-info {
padding-top: 40px;
}
.owl-carousel.nav-circle .owl-nav > button {
width: 40px;
height: 40px;
line-height: 40px;
}
.owl-carousel.nav-circle .owl-nav .owl-prev {
left: -20px;
}
.owl-carousel.nav-circle .owl-nav .owl-next {
right: -20px;
}
.zonex-instagramshopwrap .fa {
width: 40px;
height: 40px;
line-height: 40px;
font-size: 24px;
}
.zonex-instagramshopwrap .fa-angle-left {
left: -20px;
}
.zonex-instagramshopwrap .fa-angle-right {
right: -20px;
}
.zonex-instagramshopwrap .slick-dots {
margin-top: 50px;
}
.zonex-dealproduct .owl-carousel.nav-circle .owl-nav .owl-prev {
left: 0;
}
.zonex-dealproduct .owl-carousel.nav-circle .owl-nav .owl-next {
right: 0;
}
.zonex-products.style-1 .owl-carousel.nav-center .owl-nav .owl-prev {
left: 0;
}
.zonex-products.style-1 .owl-carousel.nav-center .owl-nav .owl-next {
right: 0;
}
.zonex-instagram-sc.style-01 .owl-carousel.nav-center .owl-nav .owl-prev {
left: -15px;
}
.zonex-instagram-sc.style-01 .owl-carousel.nav-center .owl-nav .owl-next {
right: -15px;
}
div h3.title-video-right {
right: -25px;
}
div h3.title-video-left {
left: -25px;
}
}
@media (max-width: 1280px) {
.owl-carousel.nav-left .owl-nav {
top: 60%;
}
}
@media (max-width: 1199px) {
body {
overflow-x: hidden;
}
.zonex-testimonial.style-02 .content br {
display: none;
}
.prdctfltr_sc .product-info {
margin-top: 0;
margin-bottom: 0;
}
div.prdctfltr_sc .products li{
margin-bottom: 20px;
padding: 0 7.5px;
}
.zonex-newsletter.style-01 .newsletter-top .newsletter-title {
padding-left: 20px;
}
.zonex-instagram-sc.style-02 .item {
margin-right: 20px;
margin-top: 20px;
}
.zonex-instagram-sc.style-02 .item-cell:nth-child(3) .item:nth-child(2), .zonex-instagram-sc.style-02 .item-cell:nth-child(3) .item:nth-child(3) {
width: calc(50% - 20px);
}
.zonex-instagram-sc.style-02 .item-cell:nth-child(4) .item:nth-child(1) {
width: calc(50% - 6px);
}
.zonex-instagram-sc.style-03 .item-wrap:first-child {
width: 100%;
text-align: center;
}
.zonex-instagram-sc.style-03 .item-wrap {
width: 33.33334%;
}
.product-item.style-01 .product-info .deal-title {
font-size: 36px;
}
.product-item.style-01 .product-info .product-title {
font-size: 22px;
}
.zonex-dealproduct .product-info .price ins {
min-width: 80px;
height: 30px;
line-height: 30px;
font-size: 14px;
}
.zonex-dealproduct .product-info .price del {
line-height: 30px;
}
.product-list-owl .product-item.style-02 .product-inner {
margin: 16px;
width: calc(100% - 32px);
}
.product-item.style-02 .product-thumb {
width: 100%;
margin-bottom: 17px;
}
.product-item.style-02 .product-thumb img {
width: 100%;
}
.product-item.style-02 .product-info {
width: 100%;
text-align: center;
}
.zonex-dealproduct .product-info .price ins {
float: none;
margin-left: 10px;
}
.owl-carousel.nav-left .owl-nav {
position: static;
}
.owl-carousel.nav-left .owl-nav > button {
position: absolute;
top: 35%;
}
.owl-carousel.nav-left .owl-nav > button {
margin: 0;
}
div.zonex-title.style6 .block-title {
font-size: 10px;
font-weight: 600;
letter-spacing: 2px;
padding: 0 15px;
min-width: inherit;
line-height: 40px;
}
body div.sidebar div.widget > ul { 
padding: 20px 0 5px;
}
body div.sidebar div.widget > div {
padding: 25px 0 5px;
}
.flex-control-thumbs .slick-track {
position: relative;
top: 0;
left: 0;
display: table;
margin: 0 auto;
}
div.vc_custom_1542943461482 {
padding-top: 0 !important;
}
div.totop-holder {
bottom: 50px;
display: none;
}
.shop-page .show-drawer-filter.row div.drawer_sidebar_elem.has-sidebar {
width: 100%;
}
header.style-06.style-07, .style-06.style-07 ~ div, .style-06.style-07 ~ div ~ footer {
margin-left: 0;
}
header.style-06.style-07 ~ div .vc_row[data-vc-stretch-content="true"],
header.style-06.style-07 ~ div .fullwidth-template .vc_row,
header.style-06.style-07 .fullscreen-container,
header.style-06.style-07 ~ div .fullscreen-container,
header.style-06.style-07 .fullwidthbanner-container,
header.style-06.style-07 ~ div .fullwidthbanner-container,
header.style-06.style-07 .slider-rev-wrap rs-module-wrap {
border-left: none;
}
header.style-08 div .mobile-navigation {
top: 0;
}
header.style-08 div .menu-btn-icon span{
right: -10px;
}
div.zonex-products .view-products {
margin: 15px auto 0;
}
div.zonex-banner.style-01 .banner-info {
left: 30px;
}
div.zonex-banner.style-03 .banner-info {
left: 30px;
}
div.zonex-banner.style-04 .banner-info {
left: 30px;
}
div.zonex-banner.style-13 .banner-info,
div.zonex-banner.style-14 .banner-info,
div.zonex-banner.style-16 .banner-info {
position: relative;
bottom: 0;
left: 0;
}
.zonex-banner.style-13 br,
.zonex-banner.style-14 br,
.zonex-banner.style-15 br,
.zonex-banner.style-16 br{
display: block;
}
.zonex-banner.style-13 div.banner-info-inner h3.bigtitle,
.zonex-banner.style-14 div.banner-info-inner h3.bigtitle,
.zonex-banner.style-15 div.banner-info-inner h3.bigtitle,
.zonex-banner.style-16 div.banner-info-inner h3.bigtitle {
font-size: 50px;
margin: 0;
padding: 0;
}
div.zonex-banner.style-13, 
div.zonex-banner.style-15, 
div.zonex-banner.style-16 {
margin: 0 0 50px!important;
padding: 0!important;
}
div.zonex-banner.style-13.b-right, 
div.zonex-banner.style-14.b-right, 
div.zonex-banner.style-15.b-right,
div.zonex-banner.style-16.b-right {
float: none;
}
.zonex-banner div.banner-info-inner h3.bigtitle {
font-size: 24px;
margin: 0 0 10px;
padding-right: 20px;
}
.style-05.zonex-banner .banner-info {
padding: 100px 0;
}
div.zonex-banner.style-17 div.banner-info-inner h3.bigtitle:last-child {
font-size: 24px;
text-transform: uppercase;
margin-bottom: 0;
}
div.zonex-banner.style-17 h3.bigtitle strong {
font-size: 50px;
}
.zonex-banner.style-17 h3.bigtitle:last-child br{
display: block;
}
.zonex-banner.style-17 div.banner-info-inner h3.bigtitle {
font-size: 100px;
margin: 0px;
padding-right:5px ;
}
div.zonex-banner.style-17 h6.title {
font-size: 30px;
}
div.slider_images div.produc-bottom-inner {
padding: 0 10px;
position: relative;
margin: 20px 0 0;
z-index: 19999999;
}
.single_product_slider_images .product-toolbar + .shop-page {
padding-top: 90px;
padding-bottom: 50px;
}
.slider_images div.detail-slide-image-top {
margin-bottom: 30px;
}
.slider_images div.summary {
max-height: calc(100% - 60px);
}
.toolbar-products-shortcode.real-mobile-toolbar div.category-filter {
padding-left: 0;
}
}
@media (max-width: 1024px) {
.menu-item span.image,
header:not(.style-07) .main-navigation .main-menu > .menu-item:not(.item-logo):hover > a::before,
header:not(.style-07) .main-navigation .main-menu > .menu-item:not(.item-logo):hover > a::after {
display: none !important;
}
.owl-carousel.nav-circle .owl-nav > button {
width: 26px;
height: 26px;
line-height: 26px;
font-size: 18px;
}
.owl-carousel.nav-circle .owl-nav .owl-prev {
left: -13px;
}
.owl-carousel.nav-circle .owl-nav .owl-next {
right: -13px;
}
.zonex-categories.style-04::before {
opacity: 1;
visibility: visible;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
.zonex-categories.style-04 .category-info {
opacity: 1;
visibility: visible;
margin-top: 0;
}
.product-item.style-01 .product-thumb .product-gallery-slick {
width: 100%;
float: none;
padding: 0;
}
.product-item.style-01 .product-thumb .vertical_thumnail {
width: 100%;
}
.product-item.style-01 .product-info {
padding-top: 140px;
}
.product-item.style-01 .product-thumb .vertical_thumnail figure {
padding: 10px;
}
.product-item.style-01 .product-thumb .vertical_thumnail figure img {
margin: 0;
}
.zonex-dealproduct .product-info .price ins {
width: 80px;
height: 40px;
line-height: 40px;
}
.zonex-instagramshopwrap .fa {
width: 26px;
height: 26px;
line-height: 26px;
font-size: 14px;
}
.zonex-instagramshopwrap .fa-angle-left {
left: -13px;
}
.zonex-instagramshopwrap .fa-angle-right {
right: -13px;
}
.pagination_align_center ul.page-numbers, .pagination_align_center .woocommerce-pagination {
display: inline-block;
font-size: 0;
}
.pagination_align_center .woocommerce-pagination.prdctfltr-pagination-load-more {
font-size: 15px;
}
div ul.page-numbers li {
margin-right: 2px;
margin-bottom: 2px;
}
div.single_slider_content-wrap {
left: 20px;
}
div.instant-search-modal .instant-search-wrap {
padding-top: 10px;
padding-left: 20px;
padding-right: 20px;
}
div.instant-search-modal {
height: 165px;
}
div .instant-search-modal .search-fields .search-field {
width: 100%;
box-shadow: 0 0 0;
height: 50px;
line-height: 50px;
}
div .instant-search-modal .search-fields .search-submit {
font-size: 20px;
height: 50px;
}
.bottom-minicart-text {
display: none;
}
}
.zonex-demo.style-01:hover {
top: -5px;
box-shadow: 0 10px 30px rgba(0,0,0,.3);
}
.zonex-demo.style-01 {
padding: 0;
box-shadow: 0 6px 70px rgba(0,0,0,.1);
top: 0;
position: relative;
transition: top 0.3s linear 0s;
-o-transition: top 0.3s linear 0s;
-webkit-transition: top 0.3s linear 0s;
display: inline-block;
margin: 20px;
width: calc(20% - 40px);
float: left;
}
.zonex-demo.style-01:nth-child(5n+1) {
clear: left;
}
.zonex-demo.style-01 .demo-inner {
position: relative;
}
.zonex-demo.style-01.comming-mode .demo-inner::after {
content: 'Comming Soon';
position: absolute;
top: 50%;
left: 0;
right: 0;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
font-size: 24px;
font-weight: 600;
line-height: 1.2;
color: #fff;
text-align: center;
}
.zonex-demo.style-01.comming-mode .demo-inner::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.5);
}
.zonex-demo.style-01 img {
width: 100%;
}
.zonex-demo.style-01 .demo-button {
position: absolute;
top: -30px;
right: 0;
font-size: 13px;
color: #fff;
background-color: #151515;
display: inline-block;
padding: 3px 7px;
border-radius: 3px;
line-height: 18px;
letter-spacing: -0.05em;
opacity: 0;
visibility: hidden;
-webkit-transition: opacity 0.4s ease 0s;
-moz-transition: opacity 0.4s ease 0s;
-o-transition: opacity 0.4s ease 0s;
transition: opacity 0.4s ease 0s;
}
.zonex-demo.style-01 .demo-button::before {
position: absolute;
top: 100%;
left: 50%;
content: '';
border-style: solid;
border-color: #151515 transparent transparent transparent;
border-width: 4px 5px 0 5px;
margin-left: -3px;
}
.zonex-demo.style-01 .demo-inner:hover .demo-button {
opacity: 1;
visibility: visible;
} .zonex-demo.style-02 {
margin-bottom: 10px;
}
.zonex-demo.style-02 .demo-inner {
overflow: hidden;
}
.zonex-demo.style-02 .demo-left {
float: left;
width: 70%;
padding-bottom: 13px;
}
.zonex-demo.style-02 .demo-title {
margin-bottom: 15px;
}
.zonex-demo.style-02 .demo-title span {
position: relative;
display: inline-block;
text-transform: uppercase;
font-size: 11px;
font-weight: 700;
letter-spacing: 0.2em;
padding-left: 67px;
color: #919191;
}
.zonex-demo.style-02 .demo-title span::before {
content: '';
position: absolute;
top: 50%;
left: 13px;
border-bottom: 1px solid #151515;
width: 40px;
}
.zonex-demo.style-02 .demo-des {
font-size: 14px;
font-weight: 700;
letter-spacing: 0.2em;
text-transform: uppercase;
color: #151515;
}
.zonex-demo.style-02 .demo-des::before {
content: "\f132";
font-weight: normal;
font-family: 'Flaticon', sans-serif;
font-size: 35px;
vertical-align: middle;
margin-right: 7px;
}
.zonex-demo.style-02 .demo-right {
float: left;
width: 30%;
min-width: 245px;
text-align: right;
}
.zonex-demo.style-02 .demo-button {
font-size: 11px;
font-weight: 700;
letter-spacing: 0.2em;
color: #09b60f;
}
.zonex-demo.style-02 .demo-button::before {
content: "\f133";
font-family: 'Flaticon', sans-serif;
font-weight: normal;
display: inline-block;
width: 56px;
height: 56px;
line-height: 54px;
border-radius: 50%;
font-size: 23px;
vertical-align: middle;
margin-right: 9px;
background: linear-gradient(45deg, #45b649, #6ce86d);
text-align: center;
color: #fff;
}
@media (max-width: 1024px) {
.zonex-demo.style-02 .demo-right,
.zonex-demo.style-02 .demo-left {
width: 100%;
}
}  .flash {
position: absolute;
top: 0;
left: 20px;
z-index: 2;
}
span.onsale {
display: block;
margin-top: 20px;
padding: 0 10px;
min-width: 52px;
height: 24px;
border-radius: 0;
font-family: Jost500;
line-height: 22px;
border: 2px solid;
font-size: 10px;
text-transform: uppercase;
color: #151515;
text-align: center;
}
.product-item .outofstock {
font-family: Jost500;
background: #fcfcfc;
color: #959595;
display: inline-block;
font-size: 10px;
height: 24px;
line-height: 22px;
margin-top: 20px;
border: 2px solid;
top: 0;
right: 20px;
padding: 0 12px;
position: absolute;
text-transform: uppercase;
z-index: 2;
}
span.onnew {
font-size: 10px;
text-transform: uppercase;
font-family: Jost600;
color: #151515;
margin: 13px 0 0px;
display: inline-block;
}
span.onnew::before {
content: "\e92f";
font-family: kazen-font;
margin-right: 5px;
position: relative;
font-size: 12px;
top: 2px;
}
.no-label span.onnew {
display: none;
}
.no-label .product-item span.onnew + .star-rating {
margin-top: 20px;
}
.product-item span.onnew + .star-rating {
margin-top: 5px;
} .product-inner {
position: relative;
}
.product-grid .product-item.style-1 .list-action > * {
margin: 0 15px 0 0;
}
.list-action {
margin-right: -14px;
}
.product-grid .product-item.style-1 .list-button-action {
display: flex;
width: 100%;
text-align: left;
justify-content: space-between;
color: #151515;
height: 24px;
background: #fff;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.zonex-item-loop-bottom {
height: 28px;
overflow: hidden;
transition: 0.3s;
-webkit-transition: 0.3s;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.product-item.style-1 .product-inner:hover .price {
-webkit-transform: translateY(-28px);
-moz-transform: translateY(-28px);
-ms-transform: translateY(-28px);
-o-transform: translateY(-28px);
transform: translateY(-28px);
}
.product-grid .product-item.style-1 .product-inner:hover .list-button-action {
-webkit-transform: translateY(-28px);
-moz-transform: translateY(-28px);
-ms-transform: translateY(-28px);
-o-transform: translateY(-28px);
transform: translateY(-28px);
}
.product-grid .product-inner .add_to_cart_button,
.product-grid .product-inner .added_to_cart,
.product-grid .product-inner .product_type_variable,
.product-grid .product-inner .product_type_simple,
.product-grid .product-inner .product_type_external,
.product-grid .product-inner .product_type_grouped {
opacity: 1;
color: #151515;
top: 0;
display: inline-block;
font-size: 13px;
font-family: Jost600;
text-transform: uppercase;
-o-transition: all 0.3s linear 0s;
-webkit-transition: all 0.3s linear 0s;
z-index: 9;
position: relative;
width: auto;
height: auto;
box-shadow: 0 0 0;
background: transparent;
line-height: 22px;
margin: 0;
}
.product-grid .product-inner .add_to_cart_button:hover, 
.product-grid .product-inner .added_to_cart:hover,
.product-grid .product-inner .product_type_variable:hover, 
.product-grid .product-inner .product_type_simple:hover, 
.product-grid .product-inner .product_type_external:hover,
.product-grid .product-inner .product_type_grouped:hover,
.product-item .product-inner .yith-wcwl-add-to-wishlist:hover,
.product-grid .product-item a.fami-wccp-button:hover,
.product-grid .product-item .yith-wcwl-add-to-wishlist:hover, 
.product-grid .yith-wcqv-button:hover{
color: rgba(21, 21, 21,.8);
}
.product-grid .product-inner .add_to_cart_button::before,
.product-grid .product-inner .added_to_cart::before,
.product-grid .product-inner .product_type_variable::before,
.product-grid .product-inner .product_type_simple::before,
.product-grid .product-inner .product_type_external::before,
.product-grid .product-inner .product_type_grouped::before {
display:none;
}
.product-inner:hover .yith-wcqv-button {
opacity: 1;
visibility: visible;
}
.product-item a.fami-wccp-button:hover {
background: #ff3636;
color: #fff;
}
.product-grid .yith-wcqv-button {
opacity: 1;
visibility: visible;
display: inline-block;
width: 46px;
height: 46px;
margin: 0 4px;
position: relative;
padding: 0;
box-shadow: 0 10px 15px rgba(0, 0, 0, 0.06);
font-size: 0;
line-height: 50px;
color: #151515;
text-align: center;
background-color: #ffffff;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease;
z-index: 4;
}
.yith-wcqv-button::before {
font-family: kazen-font;
content: "\e92a";
font-size: 16px;
}
.yith-wcqv-button:hover {
color: #ff3636;
}
.product-item .star-rating {
margin-top: 20px;
}
.product-info > .star-rating {
display: none;
}
.product-item a.fami-wccp-button {
width: 46px;
height: 46px;
line-height: 47px;
border-radius: 0;
-webkit-transform: translateX(10px);
-moz-transform: translateX(10px);
-ms-transform: translateX(10px);
-o-transform: translateX(10px);
transform: translateX(10px);
opacity:0;
transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
box-shadow: 0 10px 15px rgba(0, 0, 0, 0.06);
}
.product-inner:hover a.fami-wccp-button {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
opacity:1;
}
a.fami-wccp-button::before {
font-size: 20px;
font-weight: 600;
} .yith-wcqv-button .blockUI.blockOverlay {
display: none !important;
} #yith-quick-view-modal {
z-index: 99999999;
}
#yith-quick-view-modal .yith-quick-view-overlay {
background-color: rgba(48, 51, 55, 0.66);
}
#yith-quick-view-modal .yith-wcqv-wrapper {
width: 960px !important;
height: auto!important;
max-width: -webkit-calc(100% - 30px);
max-width: -moz-calc(100% - 30px);
max-width: calc(100% - 30px);
max-height: -webkit-calc(100% - 30px);
max-height: -moz-calc(100% - 30px);
max-height: calc(100% - 30px);
}
#yith-quick-view-modal.loading,
#yith-quick-view-modal.loading .yith-quick-view-modal {
visibility: visible;
opacity: 1;
}
#yith-quick-view-modal.loading .yith-quick-view-overlay::before {
content: '';
width: 60px;
height: 60px;
border: 2px solid #ccc;
border-top-color: #151515;
border-radius: 50%;
-webkit-animation: fa-spin 0.5s infinite linear;
-o-animation: fa-spin 0.5s infinite linear;
animation: fa-spin 0.5s infinite linear;
position: absolute;
top: 50%;
right: 50%;
margin-right: -30px;
}
#yith-quick-view-modal.open .yith-wcqv-main {
overflow: hidden;
-webkit-box-shadow: 0 7px 32px 3px rgba(0, 0, 0, 0.14);
-moz-box-shadow: 0 7px 32px 3px rgba(0, 0, 0, 0.14);
box-shadow: 0 7px 32px 3px rgba(0, 0, 0, 0.14);
} #yith-quick-view-close {
cursor: pointer;
position: absolute;
right: 8px;
top: 8px;
width: 45px;
height: 45px;
border: none;
font-size: 0;
display: block;
opacity: 1;
color: #151515;
}
#yith-quick-view-close:hover {
color: #ff3636;
}
#yith-quick-view-close::before,
#yith-quick-view-close::after {
border-bottom: 2px solid;
content: "";
left: 14px;
position: absolute;
top: 19px;
width: 17px;
}
#yith-quick-view-close::before {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
#yith-quick-view-close::after {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
#yith-quick-view-content .product-media {
position: relative;
}
#yith-quick-view-content .owl-carousel.nav-caret .owl-nav .owl-prev {
left: 2px;
}
#yith-quick-view-content .owl-carousel.nav-caret .owl-nav .owl-next {
right: 2px;
}
#yith-quick-view-content .onsale {
top: 0;
left: auto;
right: 11px;
display: inline-block;
z-index: 1;
}
.yith-wcqv-wrapper span.size-guide-text {
display: none;
}
#yith-quick-view-content div.images {
width: 44.5967749%;
position: relative;
}
#yith-quick-view-content .star-rating.no-rate a.woocommerce-review-link {
float: none;
margin-right: 10px;
}
#yith-quick-view-content div.summary {
width: 55.4032251%;
padding: 65px 0 58px;
position: absolute;
top: 0;
bottom: 0;
right: 0;
height: 100%;
}
#yith-quick-view-content div.summary .summary-content {
padding: 0 70px 20px;
height: 100%;
}
#yith-quick-view-content .summary .cart .single_add_to_cart_button{
display: none;
}
#yith-quick-view-content .scrollbar-macosx > .scroll-element.scroll-y .scroll-bar {
left: -4px;
}
#yith-quick-view-content .summary .social-share .zonex-social {
left: 0;
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none;
}
#yith-quick-view-content div.images .owl-nav {
display: none;
}
#yith-quick-view-content .owl-carousel .owl-dots {
bottom: 20px;
}
#yith-quick-view-content .owl-carousel .owl-dots .owl-dot {
width: 14px;
height: 14px;
position: relative;
background: transparent;
cursor: pointer;
}
#yith-quick-view-content .owl-carousel .owl-dots .owl-dot:hover::before, #yith-quick-view-content .owl-carousel .owl-dots .owl-dot.active::before {
opacity: 1;
transform: scale(1);
-o-transform: scale(1);
-webkit-transform: scale(1);
}
#yith-quick-view-content .owl-carousel .owl-dots .owl-dot::before {
content: "";
border: 2px solid #151515;
top: 0;
position: absolute;
left: 0;
right: 0;
opacity: 0;
width: 14px;
height: 14px;
border-radius: 50%;
bottom: 0;
transform: scale(0.8);
-o-transform: scale(0.8);
-webkit-transform: scale(0.8);
transition: all 0.5s cubic-bezier(0.6, 0.26, 0.35, 0.59) 0s;
-o-transition: all 0.5s cubic-bezier(0.6, 0.26, 0.35, 0.59) 0s;
-webkit-transition: all 0.5s cubic-bezier(0.6, 0.26, 0.35, 0.59) 0s;
}
#yith-quick-view-content .owl-carousel .owl-dots .owl-dot:hover::after, #yith-quick-view-content .owl-carousel .owl-dots .owl-dot.active::after {
transform: scale(0);
-o-transform: scale(0);
-webkit-transform: scale(0);
}
#yith-quick-view-content .owl-carousel .owl-dots .owl-dot::after {
background: #151515;
height: 6px;
content: "";
width: 6px;
display: inline-block;
position: absolute;
border-radius: 50%;
top: 4px;
left: 4px;
right: 4px;
transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
-webkit-transition: all 0.5s ease 0s;
bottom: 4px;
}
#yith-quick-view-content .woocommerce-product-gallery .flex-viewport {
height: auto!important;
}
#yith-quick-view-content .woocommerce-product-gallery .flex-control-nav.flex-control-thumbs {
position: absolute;
z-index: 2;
text-align: center;
bottom: 12px;
}
#yith-quick-view-content .woocommerce-product-gallery .flex-control-nav.flex-control-thumbs > li {
display: inline-block;
padding: 0;
cursor: pointer;
position: relative;
width: 18px;
margin: 0 1px;
}
#yith-quick-view-content .woocommerce-product-gallery .flex-control-nav.flex-control-thumbs > li img.flex-active {
border: 6px solid #dbdbd9;
width: 18px;
height: 18px;
display: inline-block;
z-index: 0;
}
#yith-quick-view-content .woocommerce-product-gallery .flex-control-nav.flex-control-thumbs > li img {
border: 3px solid #9a9a98;
width: 6px;
height: 6px;
border-radius: 50%;
position: relative;
z-index: 1;
}
#yith-quick-view-content .woocommerce-product-gallery .flex-control-nav.flex-control-thumbs > li::before {
content: "";
width: 6px;
height: 6px;
background: #151515;
position: absolute;
top: 12px; 
left: 6px;
z-index: 1;
border-radius: 50%;
}
#yith-quick-view-content figure.woocommerce-product-gallery__wrapper {
overflow: hidden;
}
#yith-quick-view-content .woocommerce-product-gallery__image {
height: 100%;
}
#yith-quick-view-content .summary .stock {
margin-top: 14px;
}
#yith-quick-view-content .summary .add_to_wishlist::before {
font-size: 0;
}
.yith-wcqv-main .woocommerce-product-gallery .woocommerce-product-gallery__trigger {
display: none;
}
#yith-quick-view-content button.zonex-single-add-to-cart-fixed-top {
width: 100%;
height: 58px;
line-height: 58px;
opacity: 1;
z-index: 10;
}
#yith-quick-view-content .zonex-single-add-to-cart-fixed-top .loading::before {
font-family: 'FontAwesome', sans-serif;
-webkit-animation: spin 1s infinite steps(8);
animation: spin 1s infinite steps(8);
content: "\f110";
font-size: 16px;
display: inline-block;
margin-right: 10px;
}
#yith-quick-view-content button.zonex-single-add-to-cart-fixed-top.add-to-cart-out-of-stock {
display: none;
}
#yith-quick-view-content .product_meta {
margin-top: 25px;
margin-bottom: 40px;
}
#yith-quick-view-content form + .yith-wcwl-add-to-wishlist {
display: none;
}
#yith-quick-view-content .yith-wcwl-add-to-wishlist {
font-size: 0;
display: inline-block;
width: 44px;
height: 44px;
line-height: 47px;
text-align: center;
background: #fff;
margin: 0;
color: #151515;
position: absolute;
top: 20px;
z-index: 1;
left: 20px;
border-radius: 50%;
}
#yith-quick-view-content .yith-wcwl-add-to-wishlist a {
height: 44px;
line-height: 44px;
}
#yith-quick-view-content .yith-wcwl-wishlistaddedbrowse a::before, #yith-quick-view-content .yith-wcwl-wishlistexistsbrowse a::before {
margin-right: 0;
top: 0;
}
#yith-quick-view-content .social-share-product {
margin-top: 3px;
width: 44px;
height: 44px;
background: #fff;
color: #151515;
line-height: 44px;
font-size: 0;
border-radius: 50%;
position: absolute;
top: 80px;
left: 20px;
z-index: 1;
margin: 0;
box-shadow: 0 1px 6px rgba(0,0,0,0.1);
transition: box-shadow 0.3s ease 0s
}
#yith-quick-view-content .social-share-product:hover {
box-shadow: 0 10px 25px rgba(0,0,0,0.15);
}
#yith-quick-view-content .social-share-product.social-toggle {
border-radius: 20px 20px 0 0;
}
#yith-quick-view-content .social-toggle .social-share-product-title::before {
content: "\e90c";
}
#yith-quick-view-content .zonex-social-product {
position: absolute;
margin-left: 0;
cursor: pointer;
top: 100%;
line-height: 40px;
left: 0;
padding: 13px 0 0;
background: #fff;
border-radius: 0 0 20px 20px;
margin-top: -10px;
display: none;
width: 44px;
box-shadow: 0 15px 15px rgba(0,0,0,.15);
}
#yith-quick-view-content .zonex-social-product a {
color: #151515;
font-weight: 400;
margin: 0 7px;
display: inline-block;
width: 30px;
line-height: 32px;
font-size: 16px;
border-radius: 50%;
height: 30px;
text-align: center;
}
#yith-quick-view-content .zonex-social-product a:hover {
opacity: 0.8;
}
#yith-quick-view-content .social-share-product-title {
float: left;
font-size: 0;
width: 100%;
text-transform: uppercase;
text-align: center;
margin-right: 0;
cursor: pointer;
}
#yith-quick-view-content .social-share-product-title::before {
content: "\e927";
font-family: kazen-font;
font-size: 16px;
display: inline-block;
}
#yith-quick-view-content .summary .entry-title {
margin-bottom: 6px;
line-height: 1.2;
}
#yith-quick-view-content .star-rating {
margin-bottom: 15px;
}
.quick-view-offcanvart + #yith-quick-view-modal div.yith-wcqv-wrapper {
position: fixed;
transform: none;
top: 0!important;
left: auto!important;
right: 0!important;
height: 100vh!important;
width: 480px!important;
max-height: inherit;
}
.quick-view-offcanvart + #yith-quick-view-modal #yith-quick-view-content div.images,.quick-view-offcanvart + #yith-quick-view-modal #yith-quick-view-content div.summary {
width: 100%;
padding: 0;
position: relative;
margin-bottom: 50px;
}
.quick-view-offcanvart + #yith-quick-view-modal #yith-quick-view-content button.zonex-single-add-to-cart-fixed-top {
position: fixed;
right: 0;
bottom: 0;
}
.quick-view-offcanvart + #yith-quick-view-modal #yith-quick-view-content {
height: 100%;
overflow: auto;
}
.quick-view-offcanvart + #yith-quick-view-modal .product {
overflow: auto;
}
.quick-view-offcanvart + #yith-quick-view-modal #yith-quick-view-close {
right: 30px;
top: 23px;
}
.cutom-yith-wcqv-open {
overflow: hidden;
}
.cutom-yith-wcqv-open.minicart-canvas-open .zonex-single-add-to-cart-fixed-top:not(.loading)::before {
content: "\e910";
font-family: kazen-font;
margin-right: 10px;
font-size: 13px;
position: relative;
top: 1px;
}
#yith-quick-view-content button.zonex-single-add-to-cart-fixed-top:hover {
background: #454545;
} .product-list .product-item {
width: 50%;
margin-bottom: 40px;
}
.product-list .product-item:nth-child(2n+1) {
clear: left;
}
.show-drawer-filter .product-list .product-item {
width: 100%;
}
.product-list .product-inner {
display: inline-block;
border-bottom: 1px solid #ebebeb;
padding-bottom: 40px;
width: 100%;
}
.product-list .product-item:last-child {
margin: 0;
}
.product-list .product-item .variations {
bottom: 0;
}
.product-list .product-inner .product-title {
display: inline-block;
font-size: 18px;
line-height: 16px;
font-weight: 400;
color: #666666;
margin-bottom: 15px;
margin-top: 0;
}
.product-list .product-inner .product-info .product-title a {
font-size: 15px;
}
.product-list .product-item .product-thumb {
position: relative;
max-width: 200px;
float: left;
}
.product-list .product-info > .star-rating {
display: none;
}
.product-list .list-button-action .clear {
display: none;
}
.zonex-loop-title-rate {
width: 100%;
}
.top-bar-shop nav.woocommerce-breadcrumb {
font-size: 10px;
letter-spacing: 0.5px;
}
.top-bar-shop nav.woocommerce-breadcrumb a::after{
display: none;
}
.banner-inner nav.woocommerce-breadcrumb a::after,
.banner-inner nav.woocommerce-breadcrumb a,
.banner-inner nav.woocommerce-breadcrumb {
color: inherit;
}
.product-list .product-item.style-1 .product-inner:hover .price {
opacity: 1;
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none;
}
.product-list .zonex-item-loop-bottom {
height: auto;
overflow: visible;
}
.product-list .list-button-action {
display: flex;
justify-content: start;
margin-top: 20px;
}
.product-list .yith-wcwl-add-to-wishlist {
margin-top: 10px;
width: 40px;
color: #333;
height: 40px;
float: left;
display: inline-block;
margin-right: 10px;
line-height: 40px;
text-align: center;
margin-left: 0;
border-radius: 20px;
box-shadow: 0 1px 6px rgba(0,0,0,0.1);
}
.product-list .product-inner .add_to_cart_button, 
.product-list .product-inner .product_type_variable, 
.product-list .product-inner .product_type_grouped, 
.product-list .product-inner .product_type_simple, 
.product-list .product-inner .product_type_external {
position: static;
width: 40px;
color: #333;
height: 40px;
line-height: 40px;
margin-top: 10px;
float: left;
font-weight: 600;
opacity: 1;
font-size: 0;
box-shadow: 0 1px 6px rgba(0,0,0,0.1);
text-align: center;
}
.product-list .product-inner .add_to_cart_button:hover, 
.product-list .product-inner .product_type_variable:hover, 
.product-list .product-inner .product_type_grouped:hover, 
.product-list .product-inner .product_type_simple:hover, 
.product-list .product-inner .product_type_external:hover{
box-shadow: 0 10px 25px  rgba(0,0,0,0.15);
}
div .product-list .product_type_variable::before,
div .product-list .product_type_grouped::before,
div .product-list .product_type_simple::before,
div .product-list .product_type_external::before {
content: "\e906";
font-family: kazen-font;
position: relative;
top: 2px;
line-height: 34px;
font-weight: 500;
color: #000;
margin-right: 10px;
font-size: 14px;
}
.product-list .add_to_cart_button::before, 
.product-list .product_type_simple.add_to_cart_button::before {
content: "\e946";
font-family: kazen-font;
position: relative;
top: 2px;
line-height: 34px;
font-weight: 500;
color: #000;
margin-right: 10px;
font-size: 14px;
}
.product-list .product-item .product-inner a.fami-wccp-button {
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none;
opacity: 1;
visibility: visible;
height: 40px;
width: 40px;
line-height: 40px;
margin-right: 10px;
margin-top: 10px;
}
.product-list a.fami-wccp-button:before {
font-size: 20px;
}
.product-list .product-item .product-inner a.fami-wccp-button:hover {
color: #fff;
background: #ff3636;
}
.product-grid .product-des, .product-list .product-des ul {
display: none;
}
.product-list .product-des {
font-size: 15px;
line-height: 22px;
margin-top: 10px;
}
.product-list .yith-wcwl-add-to-wishlist a {
color: inherit;
}
.product-list .product-info {
margin-top: 0;
overflow: hidden;
padding: 0 0 30px 20px;
}
.product-list .list-button-action .button.loading::before {
font-size: 0;
}
.product-list .product-inner .add_to_cart_button.loading {
letter-spacing: 0;
}
.product-list .list-button-action .button {
display: inline-block;
margin: 10px 10px 0 0;
float: none;
border-radius: 20px;
}
.product-list .list-button-action .add-to-cart .button {
margin: 10px 10px 0 0;
font-size: 10px;
width: auto;
padding: 0 20px;
font-family: Jost500;
letter-spacing: 0.5px;
}
.product-list .yith-wcqv-button {
width: 40px;
color: #333;
height: 40px;
line-height: 40px;
margin: 10px;
float: left;
opacity: 1;
font-size: 0;
text-align: center;
letter-spacing: -1px;
box-shadow: 0 1px 6px rgba(0,0,0,0.1);
}
.product-grid .style-1  .info-top > span.price {
display: none;
}
.product-list .woocommerce-Price-amount.amount {
font-size: 18px;
}
.product-list .zonex-item-loop-bottom span.price {
display: none;
}
.product-list .info-top > span.price {
display: block;
line-height: 30px;
}
.product-list .yith-wcqv-button:hover {
box-shadow: 0 10px 25px  rgba(0,0,0,0.15);
}
.product-list .product-inner .added_to_cart {
border: 1px solid;
border-radius: 0;
height: 40px;
line-height: 40px;
margin: 10px 5px;
}
.product-list .product-inner .added_to_cart:hover {
border-color: #151515;
}
.add_to_cart_button.added {
display: none;
} .product-grid .style-2 .product-inner {
position: relative;
display: inline-block;
width: 100%;
background-color: #f8f8f8;
}
.product-grid .style-2 .product-thumb {
overflow: visible;
}
.product-item.style-2 form.variations_form {
display: none;
}
.product-grid .product-item.style-2 .yith-wcwl-add-to-wishlist,
.product-grid .product-item.style-2 .add-to-cart,
.product-grid .product-item.style-2 .yith-wcqv-button {
display: block;
clear: left;
margin: 5px 0;
float: left;
}
.product-grid .style-2 span.onnew {
display: none;
}
.product-grid .style-2 .info-top {
float: left;
z-index: 1;
width: 100%;
text-align: center;
padding: 30px 20px 20px;
}
.zonex-products.style-2 .product-item.style-2:nth-child(1) .info-top,
.zonex-products.style-2 .product-item.style-2:nth-child(2) .info-top {
padding: 30px 20px 50px;
}
.zonex-products.style-2 .product-item.style-2:nth-child(1) .thumb-link , .zonex-products.style-2 .product-item.style-2:nth-child(2) .thumb-link {
padding: 20px 150px 0;
}
.product-grid .style-2.product-item .thumb-link {
padding: 20px 100px 0;
} 
.style-2.product-item .product-info.equal-elem {
display: inline-block;
width: 100%;
}
.product-grid .style-2 .product-des {
display: block;
font-size: 10px;
text-transform: uppercase;
color: #454545;
font-family: Jost500;
}
.product-grid .style-2 .product-inner .price {
width: auto;
position: relative;
margin-bottom: 11px;
top: -17px;
}
.product-item.style-2 .add-to-cart-button {
transition: 0.3s;
}
.product-item.style-2 .info-bottom {
height: 56px;
overflow: hidden;
position: relative;
margin-top: 20px;
padding-top: 20px;
}
.product-item.style-2 .product-inner:hover .add-to-cart-button {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
}
.product-grid .style-2 .product-inner:hover .price {
-webkit-transform: translateY(-56px);
-moz-transform: translateY(-56px);
-ms-transform: translateY(-56px);
-o-transform: translateY(-56px);
transform: translateY(-56px);
}
.product-grid .style-2 a.yith-wcqv-button, 
.product-grid .style-2 .product-inner .add_to_cart_button,
.product-grid .style-2 .product-inner .added_to_cart, 
.product-grid .style-2 .product-inner .product_type_variable, 
.product-grid .style-2 .product-inner .product_type_simple, 
.style-2 .product-inner .product_type_external,
.product-grid .style-2 .product-inner .product_type_grouped {
margin: 0;
font-size: 10px;
line-height: 56px;
height: 56px;
width: 240px;
max-width: 90%;
background: #151515;
color: #fff;
}
.product-grid .style-2 a.yith-wcqv-button:hover,
.product-grid .style-2 .product-inner .add_to_cart_button:hover,
.product-grid .style-2 .product-inner .added_to_cart:hover,
.product-grid .style-2 .product-inner .product_type_variable:hover,
.product-grid .style-2 .product-inner .product_type_simple:hover,
.style-2 .product-inner .product_type_external:hover,
.product-grid .style-2 .product-inner .product_type_grouped:hover{
color: #fff;
background-color: #454545;
}
.product-item.style-2 .product-info.equal-elem .product-title a {
color: #151515;
font-family: Jost500;
font-size: 24px;
display: inline-block;
margin-bottom: 5px;
}
.product-item.style-2 .product-info.equal-elem .product-title a:hover{
opacity: 0.8;
}
.product-item.style-2 .woocommerce-Price-amount.amount {
color: #151515;
font-size: 30px;
font-family: Jost600;
}
.zonex-products.style-2 .product-item.style-2.rows-space-10 {
padding: 0 5px;
}
.zonex-products.style-2 .product-item.style-2.rows-space-20 {
padding: 0 10px;
}
.zonex-products.style-2 .product-item.style-2.rows-space-40 {
padding: 0 20px;
}
.zonex-products.style-2.rows-space-10 .row {
margin-left: -5px;
margin-right: -5px;
}
.zonex-products.style-2.rows-space-20 .row {
margin-left: -10px;
margin-right: -10px;
}
.zonex-products.style-2.rows-space-40 .row {
margin-left: -20px;
margin-right: -20px;
}
.zonex-products.style-2 .product-item.style-2:nth-child(1),
.zonex-products.style-2 .product-item.style-2:nth-child(2) {
width: 50%;
}
.zonex-products.style-2 .product-second-figure {
display: none;
}
.zonex-products.style-2 .product-item.style-2 {
clear: none;
}
.product-grid .product-item.style-2 .variations {
bottom: 15px;
right: 15px;
}
.product-item.style-2 a.fami-wccp-button {
margin: 4px 0;
-webkit-transform: translateX(10px);
-moz-transform: translateX(10px);
-ms-transform: translateX(10px);
-o-transform: translateX(10px);
transform: translateX(10px);
}
.product-item.style-2 .product-inner:hover a.fami-wccp-button {
-webkit-transform: translateX(0px);
-moz-transform: translateX(0px);
-ms-transform: translateX(0px);
-o-transform: translateX(0px);
transform: translateX(0px);
} .product-item.style-3 .product-thumb form.variations_form {
display: none;
}
.varible-loop form.variations_form {
display: block !important;
}
.varible-loop > * {
display: none !important;
}
.info-product-content {
text-align: center;
}
.product-grid .product-item.style-3 .star-rating {
margin: 15px auto 0;
}
.info-product-content {
text-align: center;
padding: 5px 10px 25px;
background: #fff;
z-index: 1;
position: relative;
}
.product-grid .style-3 .product-inner .add_to_cart_button,
.product-grid .style-3 .product-inner .added_to_cart,
.product-grid .style-3 .product-inner .product_type_variable,
.product-grid .style-3 .product-inner .product_type_simple,
.product-grid .style-3 .product-inner .product_type_external,
.product-grid .style-3 .product-inner .product_type_grouped {
margin: 0;
opacity: 1;
visibility: visible;
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none;
}
.product-grid .product-item.style-3 .yith-wcwl-add-to-wishlist,
.product-grid .product-item.style-3 .add-to-cart,
.product-grid .product-item.style-3 a.yith-wcqv-button {
display: block;
clear: left;
opacity: 0;
margin: 5px 0;
float: left;
-webkit-transform: translateY(-10px);
-moz-transform: translateY(-10px);
-ms-transform: translateY(-10px);
-o-transform: translateY(-10px);
transform: translateY(-10px);
visibility: hidden;
transition: transform 0.4s ease 0s, visibility 0.5s ease 0s, opacity 0.5s ease 0s;
-o-transition: -o-transform 0.4s ease 0s, visibility 0.5s ease 0s, opacity 0.5s ease 0s;
-webkit-transition: -webkit-transform 0.4s ease 0s, visibility 0.5s ease 0s, opacity 0.5s ease 0s;
}
.product-grid .product-item.style-3 .product-inner:hover .yith-wcwl-add-to-wishlist {
opacity: 1;
visibility: visible;
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none;
}
.product-grid .product-item.style-3 .product-inner:hover .add-to-cart {
opacity: 1;
visibility: visible;
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none;
transition: transform 0.5s ease 0s, visibility 0.5s ease 0s, opacity 0.5s ease 0s;
-o-transition: -o-transform 0.5s ease 0s, visibility 0.5s ease 0s, opacity 0.5s ease 0s;
-webkit-transition: -webkit-transform 0.5s ease 0s, visibility 0.5s ease 0s, opacity 0.5s ease 0s;
}
.product-grid .product-item.style-3 .product-inner:hover a.yith-wcqv-button {
opacity: 1;
visibility: visible;
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none;
transition: transform 0.6s ease 0s, visibility 0.5s ease 0s, opacity 0.5s ease 0s;
-o-transition: -o-transform 0.6s ease 0s, visibility 0.5s ease 0s, opacity 0.5s ease 0s;
-webkit-transition: -webkit-transform 0.6s ease 0s, visibility 0.5s ease 0s, opacity 0.5s ease 0s;
}
.product-item.style-3 a.fami-wccp-button {
margin: 4px 0;
-webkit-transform: translateY(-10px);
-moz-transform: translateY(-10px);
-ms-transform: translateY(-10px);
-o-transform: translateY(-10px);
transform: translateY(-10px);
}
.product-item.style-3 .product-inner:hover a.fami-wccp-button {
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
-o-transform: translateY(0px);
transform: translateY(0px);
}
.product-grid .varible-loop {
padding-bottom: 15px;
position: relative;
z-index: 1;
}
.product-grid .product-item.style-3 .varible-loop {
padding: 0;
}
.product-grid .product-item.style-3 .variations {
position: static;
opacity: 1;
visibility: visible;
}
.product-grid .style-3 .info-top {
display: flex;
vertical-align: bottom;
align-items: flex-end;
width: 100%;
padding: 0 20px 17px 10px;
justify-content: space-between;
}
.style-3 .product-inner {
position: relative;
}
.product-grid .style-3 .product-info {
position: absolute;
bottom: 0;
left: 0;
right: 0;
-webkit-transform: translateY(5px);
-moz-transform: translateY(5px);
-ms-transform: translateY(5px);
-o-transform: translateY(5px);
transform: translateY(5px);
transition: transform 0.4s ease 0s, opacity 0.4s ease 0s, visibility 0.4s ease 0s;
-o-transition: -o-transform 0.4s ease 0s, opacity 0.4s ease 0s, visibility 0.4s ease 0s;
-webkit-transition: -webkit-transform 0.4s ease 0s, opacity 0.4s ease 0s, visibility 0.4s ease 0s;
opacity: 0;
visibility: hidden;
z-index: 2;
margin: 0;
}
.product-grid .style-3 .product-inner:hover .product-info {
opacity: 1;
visibility: visible;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.product-item.style-3 .thumb-link img {
width: 100%;
} .product-grid .style-4 .product-inner .add_to_cart_button,
.product-grid .style-4 .product-inner .added_to_cart,
.product-grid .style-4 .product-inner .product_type_variable,
.product-grid .style-4 .product-inner .product_type_simple,
.product-grid .style-4 .product-inner .product_type_external,
.product-grid .style-4 .product-inner .product_type_grouped {
margin: 0;
opacity: 1;
visibility: visible;
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
color: #fff;
box-shadow: 0 0 0;
width: 100%;
background: transparent !important;
z-index: 99;
}
.product-grid .product-item.style-4 .yith-wcwl-add-to-wishlist a:not(:hover) {
color: #ffff;
}
.product-grid .product-item.style-4 .yith-wcwl-add-to-wishlist a {
line-height: 48px;
}
.product-grid .product-item.style-4 .yith-wcwl-add-to-wishlist:hover,
.product-grid .product-item.style-4 .add-to-cart:hover,
.product-grid .product-item.style-4 a.yith-wcqv-button:hover,
.product-grid .style-4 .product-inner .add_to_cart_button:hover,
.product-grid .style-4 .product-inner .added_to_cart:hover,
.product-grid .style-4 .product-inner .product_type_variable:hover,
.product-grid .style-4 .product-inner .product_type_simple:hover,
.product-grid .style-4 .product-inner .product_type_external:hover,
.product-grid .style-4 .product-inner .product_type_grouped:hover {
color: #ff3636;
}
.product-grid .product-item.style-4 .yith-wcwl-add-to-wishlist,
.product-grid .product-item.style-4 .add-to-cart,
.product-grid .product-item.style-4 a.yith-wcqv-button {
display: table-cell;
clear: none;
opacity: 1;
margin: 0;
color: #fff;
float: left;
visibility: visible;
-webkit-transform: none !important;
-moz-transform: none !important;
-ms-transform: none !important;
-o-transform: none !important;
transform: none !important;
box-shadow: 0 0 0 0;
width: 33.33%;
z-index: 1;
line-height: 44px;
background: transparent;
position: relative;
}
.product-grid .product-item.style-4 .yith-wcwl-add-to-wishlist::after,
.product-grid .product-item.style-4 .add-to-cart::after,
.product-grid .product-item.style-4 a.yith-wcqv-button::after {
content: "";
height: 25px;
border-left: 1px solid rgba(242, 242, 242, .16);
position: absolute;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.product-grid .product-item.style-4 div:first-child::after {
display: none;
}
.product-grid .product-item.style-4 .variations {
bottom: 60px;
}
.product-item.style-4 a.fami-wccp-button {
display: none;
}
.product-grid .style-5 .product-inner .added_to_cart,
.product-grid .style-5 .product-inner .product_type_variable,
.product-grid .style-5 .product-inner .product_type_simple,
.product-grid .style-5 .product-inner .product_type_external {
margin: 0;
opacity: 1;
visibility: visible;
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none;
}
.product-item.style-4 .yith-wcwl-add-to-wishlist,
.product-item.style-4 a.yith-wcqv-button,
.product-item.style-4 .yith-wcwl-add-button a.add_to_wishlist,
.product-item.style-4 .product-inner .add_to_cart_button,
.product-item.style-4 .product-inner .added_to_cart,
.product-item.style-4 .product-inner .product_type_variable,
.product-item.style-4 .product-inner .product_type_simple,
.product-item.style-4 .product-inner .product_type_external,
.product-item.style-4 .product-inner .product_type_grouped {
border-radius: 0 !important;
}
.product-grid .style-5 .product-inner .add_to_cart_button {
opacity: 0;
}
.product-grid .product-item.style-5 .yith-wcwl-add-to-wishlist,
.product-grid .product-item.style-5 .add-to-cart,
.product-grid .product-item.style-5 a.yith-wcqv-button,
.product-grid .style-5 .product-inner .add_to_cart_button,
.product-grid .style-5 .product-inner .product_type_simple,
.product-grid .style-5 .product-inner .product_type_grouped,
.product-grid .style-5 .product-inner .product_type_external,
.product-grid .style-5 .product-inner .product_type_variable {
display: block;
clear: left;
opacity: 0;
margin: 5px 0;
float: left;
-webkit-transform: translateY(-10px);
-moz-transform: translateY(-10px);
-ms-transform: translateY(-10px);
-o-transform: translateY(-10px);
transform: translateY(-10px);
visibility: hidden;
transition: transform 0.4s ease 0s, visibility 0.5s ease 0s, opacity 0.5s ease 0s;
-o-transition: -o-transform 0.4s ease 0s, visibility 0.5s ease 0s, opacity 0.5s ease 0s;
-webkit-transition: -webkit-transform 0.4s ease 0s, visibility 0.5s ease 0s, opacity 0.5s ease 0s;
}
.product-grid .product-item.style-5 .product-inner:hover .yith-wcwl-add-to-wishlist {
opacity: 1;
visibility: visible;
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none;
}
.product-grid .product-item.style-5 .product-inner:hover .add-to-cart {
opacity: 1;
visibility: visible;
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none;
transition: transform 0.5s ease 0s, visibility 0.5s ease 0s, opacity 0.5s ease 0s;
-o-transition: -o-transform 0.5s ease 0s, visibility 0.5s ease 0s, opacity 0.5s ease 0s;
-webkit-transition: -webkit-transform 0.5s ease 0s, visibility 0.5s ease 0s, opacity 0.5s ease 0s;
}
.product-grid .product-item.style-5 .product-inner:hover a.yith-wcqv-button,
.product-grid .style-5 .product-inner:hover .add_to_cart_button,
.product-grid .style-5 .product-inner:hover .product_type_simple,
.product-grid .style-5 .product-inner:hover .product_type_grouped,
.product-grid .style-5 .product-inner:hover .product_type_external,
.product-grid .style-5 .product-inner:hover .product_type_variable {
opacity: 1;
visibility: visible;
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none;
transition: transform 0.6s ease 0s, visibility 0.5s ease 0s, opacity 0.5s ease 0s;
-o-transition: -o-transform 0.6s ease 0s, visibility 0.5s ease 0s, opacity 0.5s ease 0s;
-webkit-transition: -webkit-transform 0.6s ease 0s, visibility 0.5s ease 0s, opacity 0.5s ease 0s;
}
.product-grid .product-item.style-5 .product-inner .add-to-cart {
margin: 0;
}
ul.row.products.product-grid.product-style-5 {
border-left: 1px solid #e5e5e5;
border-right: 1px solid #e5e5e5;
margin: 0 0 30px;
}
.product-item.style-5 {
border: 1px solid #dfdfdf;
border-left: none;
padding: 25px !important;
margin-top: -1px;
margin-bottom: 0 !important;
background: #ffff;
}
.style-5 .owl-carousel .owl-stage-outer {
border-left: 1px solid #e5e5e5;
margin-right: -1px;
}
.product-list-owl .product-item.style-5 {
border-left: none;
}
.product-grid .product-item.style-5 .product-inner .yith-wcwl-add-to-wishlist a {
line-height: 40px;
}
.product-item.style-5 .add_to_wishlist::before,
.product-item.style-5 .yith-wcwl-wishlistaddedbrowse a::before,
.product-item.style-5.yith-wcwl-wishlistexistsbrowse a::before {
font-family: 'FontAwesome', sans-serif;
content: '\f004';
font-size: 17px;
line-height: 38px;
}
.product-item.style-5 .product-thumb {
overflow: visible;
}
.product-item.style-5 a.fami-wccp-button {
transform: translateY(-10px);
}
.product-item.style-5 .product-inner:hover a.fami-wccp-button {
transform: translateY(0px);
}
.product-item.style-5 a.fami-wccp-button:hover {
background: #ff3636;
color: #fff;
}
.product-item .fami-wccp-button.added:before {
content: "\e910";
font-family: kazen-font;
font-weight: 400;
font-size: 17px;
}
.product-item.style-5 .product-inner:hover .add_to_cart_button {
opacity: 1;
}
.product-item.style-5 .variations td.value {
bottom: 20px;
left: 10px;
position: absolute;
z-index: 2;
opacity: 0;
}
.product-item.style-5 .product-inner:hover .variations td.value {
opacity: 1;
}
.product-item.style-5 .product-title {
text-align: center;
margin-top: 30px;
font-size: 12px;
text-transform: uppercase;
font-weight: 600;
letter-spacing: 0.2em;
margin-bottom: 6px;
line-height: 18px;
}
.product-item.style-5 .product-inner .price {
text-align: center;
color: #868686;
font-size: 14px;
}
.product-item.style-5 .woocommerce-Price-amount.amount {
font-size: 14px;
font-weight: 500;
}
.product-item.style-5 .product-info.equal-elem .product-title a {
text-align: center;
color: #010101;
font-size: 14px;
font-weight: 600;
letter-spacing: 0.2em;
text-transform: uppercase;
}
.product-item.style-5 .star-rating {
text-align: center;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
}
.product-grid .varible-loop {
padding-bottom: 15px;
position: relative;
z-index: 1;
}
.product-grid .product-item.style-5 .variations {
position: static;
opacity: 1;
visibility: visible;
}
.style-5 .product-inner {
position: relative;
}
.zonex-products.style-5 .product-grid {
margin: 0;
padding-top: 1px;
}
.product-owl-over .owl-carousel .owl-stage-outer {
width: calc(100% + 160px);
}
.product-owl-over .owl-carousel.nav-center {
padding-right: 160px;
}
@media (min-width: 1500px) {
.product-item.style-5.col-bg-1:nth-child(12n) {
border-right: none;
}
.product-item.style-5.col-bg-2:nth-child(6n) {
border-right: none;
}
.product-item.style-5.col-bg-15:nth-child(5n) {
border-right: none;
}
.product-item.style-5.col-bg-3:nth-child(4n) {
border-right: none;
}
.product-item.style-5.col-bg-4:nth-child(3n) {
border-right: none;
}
.product-item.style-5.col-bg-6:nth-child(2n) {
border-right: none;
}
}
@media (min-width: 1200px) and (max-width: 1499px) {
.product-item.style-5.col-lg-1:nth-child(12n) {
border-right: none;
}
.product-item.style-5.col-lg-2:nth-child(6n) {
border-right: none;
}
.product-item.style-5.col-lg-15:nth-child(5n) {
border-right: none;
}
.product-item.style-5.col-lg-3:nth-child(4n) {
border-right: none;
}
.product-item.style-5.col-lg-4:nth-child(3n) {
border-right: none;
}
.product-item.style-5.col-lg-6:nth-child(odd) {
border-right: none;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.product-item.style-5.col-md-1:nth-child(12n) {
border-right: none;
}
.product-item.style-5.col-md-2:nth-child(6n) {
border-right: none;
}
.product-item.style-5.col-md-15:nth-child(5n) {
border-right: none;
}
.product-item.style-5.col-md-3:nth-child(4n) {
border-right: none;
}
.product-item.style-5.col-md-4:nth-child(3n) {
border-right: none;
}
.product-item.style-5.col-md-6:nth-child(odd) {
border-right: none;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.product-item.style-5.col-sm-1:nth-child(12n) {
border-right: none;
}
.product-item.style-5.col-sm-2:nth-child(6n) {
border-right: none;
}
.product-item.style-5.col-sm-15:nth-child(5n) {
border-right: none;
}
.product-item.style-5.col-sm-3:nth-child(4n) {
border-right: none;
}
.product-item.style-5.col-sm-4:nth-child(3n) {
border-right: none;
}
.product-item.style-5.col-sm-6:nth-child(2n) {
border-right: none;
}
}
@media (min-width: 480px) and (max-width: 767px) {
.product-item.style-5.col-xs-1:nth-child(12n) {
border-right: none;
}
.product-item.style-5.col-xs-2:nth-child(6n) {
border-right: none;
}
.product-item.style-5.col-xs-15:nth-child(5n) {
border-right: none;
}
.product-item.style-5.col-xs-3:nth-child(4n) {
border-right: none;
}
.product-item.style-5.col-xs-4:nth-child(3n) {
border-right: none;
}
.product-item.style-5.col-xs-6:nth-child(2n) {
border-right: none;
}
}
@media (max-width: 479px) {
.product-item.style-5.col-ts-1:nth-child(12n) {
border-right: none;
}
.product-item.style-5.col-ts-2:nth-child(6n) {
border-right: none;
}
.product-item.style-5.col-ts-15:nth-child(5n) {
border-right: none;
}
.product-item.style-5.col-ts-3:nth-child(4n) {
border-right: none;
}
.product-item.style-5.col-ts-4:nth-child(3n) {
border-right: none;
}
.product-item.style-5.col-ts-6:nth-child(2n) {
border-right: none;
}
} .light .product-grid .product-item.style-6 .yith-wcwl-add-to-wishlist{
color: #ffffff;
}
.product-item.style-6 .product-title {
margin: 10px 0 8px;
font-size: 14px;
color: #151515;
display: inline-block;
width: calc(100% - 20px);
}
.product-item.style-6 .star-rating + .product-title {
margin-top: 10px;
margin-bottom: 9px;
}
.product-item.style-6 .product-title:first-child {
margin-top: 20px;
}
.style-6 .add_to_wishlist::before {
font-size: 18px;
}
.style-01 .style-6 .yith-wcwl-add-to-wishlist {
display: inline-block;
} .product-item.style-7 .product-info {
text-align: center;
}
.product-item.style-7 .product-inner .price {
text-align: center;
}
.product-item.style-7 .product-title {
margin: 20px 0 10px;
color: #868686;
font-size: 16px;
}
.style-7 .yith-wcwl-add-to-wishlist {
top: -1px;
display: inline-block;
}
.product-list-owl .owl-dots {
margin-top: 50px;
}
.product-item.style-7 .star-rating {
display: table;
margin: 10px auto;
}  body.wpb-js-composer .vc_tta-shape-rounded.vc_tta-o-shape-group:not(.vc_tta-o-no-fill) .vc_tta-panel:first-child:not(:last-child) .vc_tta-panel-heading {
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
}
body.wpb-js-composer .vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading,
body.wpb-js-composer .vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-heading {
background-color: #fff !important;
border: none !important;
}
body.wpb-js-composer .vc_tta.vc_general .vc_tta-panel-title > a {
font-size: 20px;
padding: 0!important;
}
body.wpb-js-composer .vc_tta-style-classic .vc_tta-panel .vc_tta-panel-title > a {
color: #454545 !important;
}
body.wpb-js-composer .vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-title > a ,
body.wpb-js-composer .vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-title:hover > a {
color: #151515 !important;
}
body.wpb-js-composer .vc_tta .vc_active .vc_tta-controls-icon.vc_tta-controls-icon-plus::before,
body.wpb-js-composer .vc_tta .vc_active .vc_tta-controls-icon.vc_tta-controls-icon-plus::after,
body.wpb-js-composer .vc_tta .vc_tta-controls-icon.vc_tta-controls-icon-plus:hover::before,
body.wpb-js-composer .vc_tta .vc_tta-controls-icon.vc_tta-controls-icon-plus:hover::after {
border-color: #151515 !important;
}
body.wpb-js-composer .vc_tta-style-classic .vc_tta-controls-icon::after {
border-color: #666 !important;
}
body.wpb-js-composer .vc_tta-style-classic .vc_tta-panel .vc_tta-panel-body {
background-color: #fff !important;
padding: 18px 50px 0 0 !important;
border: none;
}
body.wpb-js-composer .vc_tta-style-classic .vc_tta-panel:not(:last-child) {
margin-bottom: 40px;
}
body.wpb-js-composer .vc_tta .vc_tta-controls-icon {
height: 16px;
width: 16px;
transform: none!important;
float: right;
position: relative!important;
top: 0!important;
left: 0!important;
}
body.wpb-js-composer .vc_tta-container {
margin-bottom: 0;
} body .vc_toggle_default .vc_toggle_title .vc_toggle_icon {
right: 0;
left: auto !important;
width: 15px !important;
height: 2px !important;
background: #151515;
border-color: #151515;
}
body .vc_toggle_default .vc_toggle_icon::before {
height: 15px !important;
width: 2px !important;
border-color: #858585;
}
body .vc_toggle_default .vc_toggle_icon::after {
height: 2px !important;
width: 15px !important;
background: #858585;
}
body .vc_toggle_default.vc_toggle_active .vc_toggle_icon::before {
border-color: #151515;
}
body .vc_toggle_default.vc_toggle_active .vc_toggle_icon::after {
background: #151515;
}
body .wpb-js-composer .vc_tta-style-classic .vc_tta-panel-heading .vc_tta-controls-icon::before {
border-color: #151515 !important;
}
body .vc_toggle_default .vc_toggle_title {
padding: 0 46px 0 0 !important;
}
body .vc_toggle_default .vc_toggle_title > h4 {
font-size: 15px;
color: #858585;
font-family: Jost500;
}
body .vc_toggle_default.vc_toggle_active .vc_toggle_title > h4 {
color: #151515;
}
body .vc_toggle_default{
border-bottom: 1px solid #e5e5e5;
padding-bottom: 18px;
}
body .vc_toggle_default .vc_toggle_content {
padding-left: 0 !important;
padding-right: 46px;
margin-bottom: 7px !important;
line-height: 28px;
font-size: 15px;
color: #454545;
}
body .vc_toggle_default .vc_toggle_content:last-child {
margin-bottom: 0;
}
body .vc_toggle_default .vc_toggle_content p:last-child {
margin-bottom: 0;
} .zonex-banner.text-dark {
color: #151515;
}
.zonex-banner.text-light {
color: #fff;
}
.zonex-banner h6.title,.zonex-banner h3.bigtitle {
color: inherit;
margin-bottom: 0;
}
.zonex-banner .banner-inner {
position: relative;
overflow: hidden;
background: transparent;
display: block;
padding: 0;
}
.zonex-banner:hover .banner-thumb img {
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-ms-transform: scale(1.05);
-o-transform: scale(1.05);
transform: scale(1.05);
}
.zonex-banner:not(.style-13):not(.style-14):not(.style-15):not(.style-16) div.banner-info-inner h3.bigtitle a {
color: inherit;
}
.banner-thumb img {
transition: transform 0.3s linear 0s,filter 0.3s linear 0s;
-o-transition: -o-transform 0.3s linear 0s,filter 0.3s linear 0s;
-webkit-transition: -webkit-transform 0.3s linear 0s,filter 0.3s linear 0s;
}
.zonex-banner .banner-info .button {
font-size: 15px;
font-family: Jost;
position: relative;
color: inherit;
overflow: hidden;
display: inline-block;
padding: 0 0 2px;
}
.zonex-banner .banner-info .button::before {
position: absolute;
content: '';
border-bottom: 2px solid transparent;
width: 0;
bottom: 0;
transition: 0.3s;
left: 0;
}
.zonex-banner .button:hover::before{
width: 100%;
border-color: inherit;
} .zonex-banner.style-01 .banner-info {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
left: 60px;
}
.zonex-banner.style-01 h3.bigtitle {
font-size: 36px;
font-family: Jost500;
} .zonex-banner.style-02 .banner-info {
position: absolute;
top: 40%;
width: 100%;
left: 0;
text-align: center;
}
.zonex-banner.style-02 h3.bigtitle {
font-size: 48px;
font-family: Jost500;
color: #fff;
}
.style-02.zonex-banner .banner-info .button {
color: #fff;
}
.zonex-banner.style-02 .banner-info .button::before{
border-color: #fff;
} .zonex-banner.style-03 .banner-info .button {
font-size: 13px;
font-family: Jost;
padding: 0;
}
.zonex-banner.style-03 .banner-info {
position: absolute;
top: 35px;
left: 40px;
} .zonex-banner.style-04 .banner-info {
position: absolute;
top: 60px;
left: 60px;
}
.zonex-banner.style-04 h6.title {
font-size: 13px;
font-family: Jost500;
text-transform: uppercase;
color: inherit;
}
.zonex-banner.style-04 h3.bigtitle {
font-size: 30px;
font-family: Jost500;
color: inherit;
}
.zonex-banner.style-04 .banner-info .button {
color: inherit;
}
.style-04 h3.bigtitle a {
color: inherit;
} header.style-05 .banner-info {
padding: 0;
}
.zonex-banner.style-05 {
background-size: cover;
background-attachment: fixed;
}
.zonex-banner.style-05 .banner-thumb {
opacity: 0;
}
.style-05 .banner-info {
padding: 190px 0;
}
.style-05 h6.title {
text-transform: uppercase;
font-family: Jost500;
}
.style-05 h3.bigtitle {
font-size: 72px;
font-family: Jost700;
margin: 25px 0 40px;
}
.style-05 .deals-wrap {
font-family: Jost500;
}
.timers {
display: flex;
text-align: center;
}
.deals-wrap .box {
margin-right: 30px;
}
.style-05 .deals-wrap .box {
opacity: 0.5;
}
.style-05 .deals-wrap .box:first-child {
opacity: 1;
}
.deals-wrap span.time {
font-size: 24px;
}
.deals-wrap span.time-title {
font-size: 10px;
text-transform: uppercase;
display: block;
line-height: 20px;
} .zonex-banner.style-06 .banner-thumb {
width: 100%;
}
.zonex-banner.style-06 .banner-info {
position: absolute;
text-align: center;
left: 50%;
top: 50%;
min-width: 80%;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
-o-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}
.style-06 h6.title {
font-size: 10px;
text-transform: uppercase;
font-family: Jost600;
line-height: 16px;
display: inline-block;
background: #fff;
color: #151515;
padding: 0 5px;
}
.style-06.text-dark .title {
background: #151515;
color: #fff;
}
.style-06 h3.bigtitle {
font-size: 30px;
font-family: Jost700;
line-height: 40px;
} .style-07 .banner-info {
position: absolute;
left: 50%;
top: 50%;
height: auto!important;
min-width: 80%;
text-align: center;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
-o-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}
.style-07 h6.title {
font-size: 13px;
font-family: Jost500;
letter-spacing: 2px;
margin-bottom: 20px;
text-transform: uppercase;
}
.style-07 h3.bigtitle {
font-size: 72px;
font-family: Jost500;
}
.zonex-banner.style-07 .banner-info .button {
min-width: 160px;
font-size: 13px;
line-height: 44px;
height: 48px;
font-family: Jost;
border: 2px solid;
margin-top: 29px;
}
.zonex-banner.style-07 .banner-info .button::before {
display: none;
} .zonex-banner.style-08{
color: #151515;
text-align: center;
}
.zonex-banner.style-08 .banner-info .button {
font-size: 13px;
font-family: Jost600;
position: relative;
color: inherit;
overflow: hidden;
display: inline-block;
padding: 15px 0 0;
}
.zonex-banner.style-08 .banner-info .button::before {
display: none;
} .zonex-banner.style-09 .banner-info {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
left: 80px;
text-align: left;
}
.zonex-banner.style-09 h3.bigtitle {
font-size: 40px;
font-family: Jost700;
}
.zonex-banner.b-center {
text-align: center;
}
.zonex-banner.b-right {
text-align: right;
} .style-10 .banner-info {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
left: 70px;
right: 70px;
padding-top: 20px;
}
.zonex-banner.style-10 .banner-info-inner {
display: inline-block;
text-align: center;
} .zonex-banner.style-10 h3.bigtitle {
font-size: 36px;
} .zonex-banner.style-11 .banner-inner {
display: table;
margin: 50px auto;
text-align: center;
}
.zonex-banner.style-11 h6.title {
font-size: 13px;
text-transform: uppercase;
font-family: Jost600;
margin-bottom: 15px;
}
.zonex-banner.style-11 h3.bigtitle {
font-size: 36px;
font-family: Jost600;
margin-bottom: 35px;
}
.banner-thumb-content {
overflow: hidden;
position: relative;
}
.zonex-banner .banner-thumb {
overflow: hidden;
display: inline;
}
.zonex-banner .banner-thumb a {
width: 100%;
}
.zonex-banner.style-14 .banner-thumb a {
display: inline-block;
overflow: hidden;
}
.zonex-banner.style-11 a.button {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
-o-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
color: #fff;
border: 2px solid;
line-height: 46px;
font-size: 13px;
min-width: 150px;
text-align: center;
height: 48px;
font-family: Jost;
}
.zonex-banner.style-11 a.button:hover {
background-color: #fff;
color: #151515;
border-color: #fff;
} .zonex-banner.style-12 .banner-info {
position: absolute;
top: 50%;
left: 50%;
color: #fff;
text-align: center;
min-width: 80%;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
-o-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}
.zonex-banner.style-12 a.button {
border: 2px solid;
line-height: 46px;
font-size: 13px;
min-width: 150px;
text-align: center;
height: 48px;
font-family: Jost;
}
.zonex-banner.style-12 a.button:hover {
color: #151515;
background: #fff;
border-color: #fff;
}
.zonex-banner.style-12 h6.title {
font-size: 13px;
text-transform: uppercase;
font-family: Jost600;
margin-bottom: 15px;
}
.zonex-banner.style-12 h3.bigtitle {
font-size: 48px;
font-family: Jost600;
margin-bottom: 35px;
}
.zonex-banner.style-12 .banner-info .button::before{
display: none;
}
.zonex-banner.style-13,
.zonex-banner.style-14,
.zonex-banner.style-15,
.zonex-banner.style-16{
background-position: 0 100% !important;
}
.zonex-banner.style-13 .banner-inner,
.zonex-banner.style-14 .banner-inner, 
.zonex-banner.style-15 .banner-inner,
.zonex-banner.style-16 .banner-inner {
overflow: visible;
}
.zonex-banner.style-13 .banner-info {
position: absolute;
bottom: 35px;
left: -30px;
}
.zonex-banner.style-14 .banner-info {
position: absolute;
left: -30px;
top: 100%;
}
.zonex-banner.style-13.b-right,
.zonex-banner.style-14.b-right,
.zonex-banner.style-15.b-right,
.zonex-banner.style-16.b-right {
float: right;
text-align: left;
}
.zonex-banner.style-13 h3.bigtitle a,
.zonex-banner.style-14 h3.bigtitle a,
.zonex-banner.style-15 h3.bigtitle a,
.zonex-banner.style-16 h3.bigtitle a{
-webkit-text-stroke: 2px #151515;
font-size: 60px;
color: transparent;
font-family: Jost700;
position: relative;
margin: 0;
display: inline-block;
cursor: pointer;
}
.zonex-banner.style-13 h3.bigtitle a::before,
.zonex-banner.style-14 h3.bigtitle a::before,
.zonex-banner.style-15 h3.bigtitle a::before,
.zonex-banner.style-16 h3.bigtitle a::before {
overflow: hidden;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 0;
color: #151515;
white-space: nowrap;
content: attr(data-hover);
transition: all 0.5s cubic-bezier(0.17, 0.67, 0.32, 0.87);
}
.zonex-banner.style-13 .banner-info-inner:hover h3.bigtitle a::before,
.zonex-banner.style-14 .banner-info-inner:hover h3.bigtitle a::before,
.zonex-banner.style-15 .banner-info-inner:hover h3.bigtitle a::before ,
.zonex-banner.style-16 .banner-info-inner:hover h3.bigtitle a::before {
height: 100%;
}
.zonex-banner.style-13 .desc,
.zonex-banner.style-14 .desc,
.zonex-banner.style-15 .desc,
.zonex-banner.style-16 .desc {
font-size: 15px;
color: #454545;
}
.price-banner {
font-size: 18px;
color: #151515;
font-family: Jost700;
}
.zonex-banner.style-15 .banner-info {
position: absolute;
bottom: 30px;
left: 30px;
}
.zonex-banner.style-16 .banner-info {
position: absolute;
bottom: -120px;
left: -30px;
}
.zonex-banner.style-13.text-light .desc, 
.zonex-banner.style-14.text-light .desc, 
.zonex-banner.style-15.text-light .desc,
.zonex-banner.style-16.text-light .desc,
.zonex-banner.style-13.text-light .price-banner, 
.zonex-banner.style-14.text-light .price-banner, 
.zonex-banner.style-15.text-light .price-banner,
.zonex-banner.style-16.text-light .price-banner{
color: #fff;
}
.zonex-banner.style-13.text-light h3.bigtitle a, 
.zonex-banner.style-14.text-light h3.bigtitle a, 
.zonex-banner.style-15.text-light h3.bigtitle a,
.zonex-banner.style-16.text-light h3.bigtitle a{
-webkit-text-stroke:  2px #fff;
}
.zonex-banner.style-13.text-light h3.bigtitle a::before, 
.zonex-banner.style-14.text-light h3.bigtitle a::before, 
.zonex-banner.style-15.text-light h3.bigtitle a::before,
.zonex-banner.style-16.text-light h3.bigtitle a::before {
color: #fff;
}
.zonex-banner.style-17 .banner-info {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
-o-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
text-align: center;
width: 90%;
}
.zonex-banner.style-17 h6.title {
font-size: 40px;
font-family: Jost500;
}
.zonex-banner.style-17.text-light {
color: #fff;
}
.zonex-banner.style-17 h3.bigtitle {
font-size: 250px;
padding-right: 15px;
}
.zonex-banner.style-17 h3.bigtitle:last-child {
font-size: 65px;
text-transform: uppercase;
}
.zonex-banner.style-17 h3.bigtitle strong {
font-size: 150px;
line-height: 0.7;
font-weight: 400;
}
.zonex-banner.style-17 .wrap-bigtitle {
display: flex;
justify-content: center;
align-items: center;
}
.zonex-banner.style-17 .banner-thumb img{
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none;
}
.zonex-banner.style-18 .banner-info {
position: absolute;
top: 50%;
padding: 0 20px;
text-align: center;
width: 100%;
transform: translateY(-50%);
}
.zonex-banner.style-18 .bigtitle {
color: inherit;
margin-bottom: 0;
font-size: 36px;
}
.zonex-banner.style-18 .banner-inner {
display: inline-block;
} .action-content {
color: #aaaaaa;
padding: 0 10px;
}
.zonex-call-to-action {
text-align: center;
font-size: 13px;
}
.zonex-call-to-action strong {
color: #fff;
font-family: Jost500;
font-weight: 400;
}
.action-content > a {
line-height: 30px;
display: inline-block;
min-width: 100px;
background: #fff;
margin: 0 18px;
color: #151515;
font-family: Jost500;
}
.action-content > a:hover {
color: #fff;
background: #ccc;
} .zonex-video {
text-align: center;
}
.video-inner {
position: relative;
display: inline-block;
}
h3.title-video-left {
font-size: 16px;
letter-spacing: 2px;
text-transform: uppercase;
position: absolute;
top: 0;
left: -55px;
color: #151515;
font-weight: 600;
padding-left: 125px;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
margin: 0;
transform-origin: top left;
}
h3.title-video-left::before {
content: "";
width: 100px;
border-bottom: 1px solid;
position: absolute;
top: 50%;
left: 0;
}
h3.title-video-right {
font-size: 16px;
letter-spacing: 2px;
text-transform: uppercase;
font-weight: 600;
position: absolute;
bottom: 0;
padding-right: 125px;
right: -60px;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
transform-origin: right bottom;
margin: 0;
}
h3.title-video-right::before {
content: "";
width: 100px;
border-bottom: 1.2px solid;
position: absolute;
top: 50%;
right: 0px;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.zonex-video.style-01 .video-inner:hover .zonex-video-button a {
opacity: 1;
}
.zonex-video-button a {
width: 85px;
height: 85px;
position: absolute;
background: #fff;
border-radius: 50%;
line-height: 85px;
text-align: center;
top: 50%;
opacity: 0;
transition: opacity 0.3s linear 0s;
-o-transition: opacity 0.3s linear 0s;
-webkit-transition: opacity 0.3s linear 0s;
letter-spacing: -4px;
font-size: 20px;
left: 50%;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
-o-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
color: #151515;
}
.zonex-video-button a::before {
content: "";
border: 2px solid rgba(255,255,255,.7);
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
border-radius: 50%;
transition: all 0.3s linear 0s;
-o-transition: all 0.3s linear 0s;
-webkit-transition: all 0.3s linear 0s;
box-shadow: 0 0 10px rgba(255, 255, 255, 0);
}
.zonex-video.style-01 .video-inner img {
transition: filter 0.3s linear 0s;
-o-transition: filter 0.3s linear 0s;
-webkit-transition: filter 0.3s linear 0s;
}
.zonex-video.style-01 .video-inner:hover img {
filter: brightness(0.7);
}
.zonex-video-button a:hover::before {
top:-7px;
left: -7px;
bottom: -7px;
right:-7px;
box-shadow: 0 0 10px rgba(255, 255, 255, .8);
} .tab-container {
position: relative;
}
.tab-container .tab-panel {
position: absolute;
top: 0;
left: 0;
right: 0;
width: 100%;
opacity: 0;
visibility: hidden;
height: 1px;
overflow: hidden;
-webkit-transition: opacity 0.4s ease 0s;
-moz-transition: opacity 0.4s ease 0s;
-o-transition: opacity 0.4s ease 0s;
transition: opacity 0.4s ease 0s;
}
.tab-container .tab-panel.active {
opacity: 1;
visibility: visible;
position: static;
height: auto;
overflow: inherit;
}
.zonex-tabs {
position: relative;
z-index: 1;
}
.zonex-tabs .tab-link {
padding-left: 0;
list-style: none;
position: relative;
}
.zonex-tabs .tab-link::before,
.zonex-tabs .tab-link::after {
content: '';
display: table;
}
.zonex-tabs .tab-link::after {
clear: both;
}
.zonex-tabs .tab-head .tab-link li.dropdown {
display: none !important;
position: absolute;
top: 2px;
right: 85px;
padding: 0 !important;
}
.zonex-tabs .tab-head .tab-link li.dropdown a {
width: 20px;
text-align: center;
}
.zonex-tabs .tab-head .tab-link li.dropdown a::before {
display: none;
}
.zonex-tabs .tab-head .tab-link li.dropdown > a > span {
font-size: 22px;
}
.zonex-tabs .tab-head .tab-link li[style="display: none;"] ~ .dropdown {
display: inline-block !important;
}
.zonex-tabs .dropdown-menu {
border: none;
text-align: left;
box-shadow: 0 0 9px rgba(0, 0, 0, .175);
right: -10px;
}
.zonex-tabs .dropdown-menu > li > a {
padding: 5px 10px !important;
}
.zonex-tabs .dropdown-menu > li > a:focus,
.zonex-tabs .dropdown-menu > li > a:hover {
background-color: transparent;
}
.zonex-tabs .dropdown-menu > .active > a {
background-color: transparent;
}
.zonex-tabs .tab-head .tab-link {
list-style-type: none;
text-align: center;
margin-bottom: 27px;
}
.zonex-tabs .tab-head .tab-link li {
display: inline-block;
margin-right: 40px;
}
.zonex-tabs .tab-head .tab-link li:last-child {
margin-right: 0;
}
.zonex-tabs .tab-head .tab-link li a {
color: #858585;
font-size: 24px;
position: relative;
overflow: hidden;
display: block;
font-family: Jost500;
padding-bottom: 8px;
}
.zonex-tabs .tab-head .tab-link li:hover a,
.zonex-tabs .tab-head .tab-link li.active a {
color: #151515;
}
.zonex-tabs .tab-head .tab-link li a::before {
content: '';
position: absolute;
border: 1px solid transparent;
width: 0;
bottom: 0;
left: 0;
transition: all 0.5s;
}
.zonex-tabs .tab-head .tab-link li a:hover::before,
.zonex-tabs .tab-head .tab-link li.active a::before {
width: 100%;
border-color: #151515;
}
.zonex-tabs.style-02 .tab-head .tab-link li a {
color: #151515;
font-size: 18px;
padding-bottom: 5px;
}
.product-info.equal-elem .product-title a {
color: #454545;
font-family: Jost;
font-size: 15px;
transition: none;
-o-transition: none;
-webkit-transition: none;
transition: color 0.2s linear 0s;
-o-transition: color 0.2s linear 0s;
transition: color 0.2s linear 0s;
}
.product-info.equal-elem .product-title a:hover {
color: rgba(69, 69, 69, 0.8);
}
.woocommerce-Price-amount.amount {
font-size: 13px;
font-family: Jost600;
color: #151515;
}
.zonex-products.light .product-info.equal-elem .product-title a,
.zonex-products.light .product-info .product-title a,
.zonex-products.light .product-inner .price {
color: #ffffff;
}
.zonex-products.loading .product-grid {
opacity: 0.5;
}   .zonex-iconbox.style-01 .iconbox-inner {
padding: 0 20px 0 37px;
overflow: hidden;
display: flex;
align-items: center;
}
.zonex-iconbox.style-01 .icon {
display: inline-block;
font-size: 50px;
margin-right: 20px;
color: #151515;
float: left;
-webkit-transition: all 0.25s ease 0s;
-moz-transition: all 0.25s ease 0s;
-o-transition: all 0.25s ease 0s;
transition: all 0.25s ease 0s;
}
.zonex-iconbox.text-light.style-01 .icon {
color: #ffffff;
}
.zonex-iconbox.style-01 .content { 
overflow: hidden;
padding-top: 10px;
}
.zonex-iconbox.style-01 .title {
font-size: 14px;
color: #151515;
font-family: Jost500;
margin-bottom: 2px;
text-transform: uppercase;
}
.zonex-iconbox.text-light.style-01 .title{
color: #ffffff;
}
.zonex-iconbox.style-01 .desc {
font-size: 14px;
color: #858585;
}
.zonex-iconbox.text-light.style-01 .desc{
color: #a8a8aa;
} .zonex-iconbox.style-02 .icon {
margin-bottom: 28px;
}
.zonex-iconbox.style-02 h4.title {
font-family: Jost500;
margin-bottom: 15px;
}
.zonex-iconbox.style-02 .desc {
font-size: 15px;
color: #151515;
margin-bottom: 18px;
line-height: 24px;
}
.zonex-iconbox.style-02 a.button {
font-size: 10px;
text-transform: uppercase;
color: #858585;
font-family: Jost600;
padding-bottom: 2px;
transition: all 0.3s linear;
border-bottom: 1px solid transparent;
}
.zonex-iconbox.style-02:hover a.button {
border-bottom: 1px solid;
color: #151515;
} .zonex-iconbox.style-03 {
text-align: center;
}
.zonex-iconbox.style-03 .icon {
display: inline-block;
margin-bottom: 10px;
}
.zonex-iconbox.style-03 h4.title {
font-size: 10px;
text-transform: uppercase;
font-family: Jost600;
color: #858585;
}
.zonex-iconbox.style-03 .desc {
font-size: 15px;
font-family: Jost600;
color: #252525;
} .zonex-iconbox.style-04 .iconbox-inner {
display: flex;
font-size: 16px;
color: #151515;
align-items: center;
}
.zonex-iconbox.style-04 h4.title {
margin: 0;
font-size: 13px;
}
.zonex-iconbox.style-04 .icon {
margin-right: 10px;
position: relative;
top: 3px;
}
.zonex-iconbox.style-05 .icon {
margin-right: 20px;
float: left;
}
.zonex-iconbox.style-05 h4.title {
font-family: Jost500;
}
.zonex-iconbox.style-05 .content {
overflow: hidden;
}
.zonex-iconbox.style-05 .desc {
color: #454545;
}
.zonex-iconbox.style-06 .icon {
margin-right: 40px;
float: left;
}
.zonex-iconbox.style-06 h4.title {
font-family: Jost500;
font-size: 24px;
color: #151515;
background: transparent;
}
.zonex-iconbox.style-06 .content {
overflow: hidden;
}
.zonex-iconbox.style-06 .desc {
color: #454545;
}
.zonex-iconbox.style-06:hover {
box-shadow: 0 5px 20px rgba(0,0,0,.15);
top: -2px;
}
.zonex-iconbox.style-06 {
padding: 30px;
background: #fff;
position: relative;
top: 0;
transition: top 0.3s linear 0s;
box-shadow: 0 2px 6px rgba(0,0,0,.1);
}
.zonex-iconbox.style-07 .icon {
margin-right: 20px;
float: left;
}
.zonex-iconbox.style-07 h4.title {
font-family: Jost500;
font-size: 20px;
color: #151515;
background: transparent;
}
.zonex-iconbox.style-07.text-light h4.title {
color: #fff;
}
.zonex-iconbox.style-07 .content {
overflow: hidden;
}
.zonex-iconbox.style-07 .desc {
color: #454545;
}
.zonex-iconbox.style-07.text-light .desc {
color: rgba(255,255,255,.5);
}
.zonex-iconbox.style-07 {
padding: 30px;
}
.zonex-iconbox.style-07 a.button {
font-size: 12px;
color: #fff;
text-transform: uppercase;
border-bottom: 2px solid;
line-height: 24px;
display: inline-block;
margin-top: 25px;
}
.zonex-iconbox.style-07 a.button:hover{
opacity: 0.8;
}  .zonex-title.style1 .block-title {
font-size: 60px;
position: relative;
padding-bottom: 10px;
font-family: Jost300;
color: #151515;
margin: 0;
}
.zonex-title.style1.light .block-title {
color: #ffffff;
}
.zonex-title.style1 .description {
font-size: 13px;
color: #454545;
line-height: 20px;
} .zonex-title.style2 .block-title {
font-size: 36px;
font-weight: 300;
font-family: Jost500;
z-index: 10;
position: relative;
margin: 0;
display: inline-block;
}
.zonex-title .description {
font-size: 13px;
color: #858585;
}
.zonex-title.style2 .title-inner {
position: relative;
overflow: hidden;
} .zonex-title.style3 .title-inner {
position: relative;
display: block;
overflow: hidden;
}
.zonex-title.style3 .block-title {
position: relative;
color: #151515;
margin: 0;
font-size: 16px;
display: inline-block;
}
.zonex-title.style3 .block-title a{
color: inherit;
}
.zonex-title.style3 .block-title:hover{
color: #858585;
}
.zonex-title.style3.light .block-title {
color: #ffffff;
}
.zonex-title.style3 .description {
font-size: 10px;
color: #858585;
text-transform: uppercase;
font-family: Jost600;
}
.zonex-title.style3.light .block-title::after {
content: url(//ilite.sg/wp-content/themes/zonex/assets/images/line-light.png);
} .zonex-title.style4 .block-title {
font-size: 18px;
text-transform: uppercase;
position: relative;
display: flex;
align-items: center;
margin: 0;
font-family: Jost600;
}
.zonex-title.style4 span.block-number {
font-size: 36px;
color: rgba(21,21,21,.3);
border-right: 1px solid #e5e5e5;
padding-right: 20px;
line-height: 28px;
margin-right: 20px;
} .zonex-title.style6 .block-title {
text-align: center;
font-size: 14px;
font-weight: 600;
letter-spacing: 0.2em;
display: inline-block;
text-transform: uppercase;
border: 2px solid;
padding: 0 25px;
line-height: 50px;
margin: 0;
min-width: 230px;
}
.zonex-title.style6 .title-inner {
position: relative;
text-align: center;
}
.zonex-title.style6.light .block-title {
color: #fff;
} .zonex-title.style7 .block-title {
text-align: center;
font-size: 18px;
font-weight: 600;
letter-spacing: 1px;
text-transform: uppercase;
}
.zonex-title.style7 .title-inner {
position: relative;
padding-top: 35px;
margin-top: 85px;
}
.zonex-title.style7 .title-inner::before {
position: absolute;
content: '';
height: 86px;
border-left: 1px solid #ebebeb;
left: 50%;
bottom: 100%;
}
.zonex-title.style5 .block-title {
font-size: 35px;
font-weight: 400;
position: relative;
overflow: hidden;
padding-bottom: 20px;
}
.zonex-title.style5 .block-title::before {
position: absolute;
content: '';
width: 50px;
border-bottom: 1px solid #151515;
bottom: 0;
left: 0;
} .zonex-title.style8 .block-title {
text-align: center;
font-size: 18px;
letter-spacing: 0.2em;
position: relative;
padding-bottom: 25px;
text-transform: uppercase;
}
.zonex-title.style8 .block-title::before {
position: absolute;
content: '';
width: 40px;
border-bottom: 2px solid #ff3636;
left: 50%;
bottom: 0;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
} .zonex-title.style9 h3.block-title {
FONT-SIZE: 16PX;
letter-spacing: 2px;
font-weight: 700;
padding: 15px 0;
margin: 0;
text-align: center;
position: relative;
text-transform: uppercase;
}
.zonex-title.style9 h3.block-title::before {
content: "\f04b";
font-family: Fontawesome;
position: absolute;
top: 0;
font-size: 8px;
color: #ff3636;
left: 50%;
-webkit-transform: translateX(-50%) rotate(90deg);
-moz-transform: translateX(-50%) rotate(90deg);
-ms-transform: translateX(-50%) rotate(90deg);
-o-transform: translateX(-50%) rotate(90deg);
transform: translateX(-50%) rotate(90deg);
}
.zonex-title.style9 h3.block-title::after {
content: "";
width: 65px;
border-bottom: 2px solid #ff3636;
position: absolute;
bottom: 0;
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
} .zonex-title.style10 .title-inner {
text-align: center;
}
.zonex-title.style10 h3.block-title {
display: inline-block;
line-height: 50px;
height: 50px;
text-transform: uppercase;
font-size: 18px;
font-weight: 600;
padding: 0 20px;
min-width: 225px;
margin: 0;
letter-spacing: 1px;
background: #151515;
color: #fff;
} .zonex-title.style11 .block-title {
position: relative;
color: #151515;
font-size: 24px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.2em;
text-align: center;
margin-bottom: 0;
width: 100%;
display: inline-block;
}
.zonex-title.style11 figure.title-icon {
margin-bottom: 22px;
text-align: center;
} .zonex-title.style12 h3.block-title::before {
content: "";
width: 115px;
border-bottom: 1px solid;
position: absolute;
left: 50%;
bottom: 0;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
}
.zonex-title.style12 h3.block-title {
font-size: 16px;
letter-spacing: 2px;
text-transform: uppercase;
font-weight: 600;
margin: 0;
padding-bottom: 33px;
position: relative;
text-align: center;
}
.zonex-title.style12 figure.title-icon {
margin-bottom: 22px;
text-align: center;
}
.zonex-title.style14 h3.block-title {
font-size: 18px;
letter-spacing: 3px;
font-weight: 600;
margin: 0;
text-align: center;
}  .zonex-newsletter.style-01.light .icon > span,
.zonex-newsletter.style-01.light .newsletter-title {
color: #ffffff;
}
.zonex-newsletter.style-01.light .newsletter-form-wrap input {
color: #ffffff;
border-bottom: 1px solid #fff;
}
.zonex-newsletter.light .newsletter-form-wrap ::-webkit-input-placeholder {
color: rgba(255, 255, 255, .5);
}
.zonex-newsletter.style-01.light .newsletter-form-wrap button {
color: #ffffff;
} .zonex-newsletter.style-06 .newsletter-title {
font-size: 18px;
font-weight: 700;
color: #151515;
line-height: 34px;
}
.zonex-newsletter.style-10 .newsletter-form-wrap-inner,
.zonex-newsletter.style-06 .newsletter-form-wrap-inner {
position: relative;
overflow: hidden;
display: inline-block;
width: 600px;
max-width: 100%;
margin: auto;
border-bottom: 2px solid #fff;
height: 50px;
}
.zonex-newsletter.style-10 .email,
.zonex-newsletter.style-06 .email {
background: none;
border: none;
padding-left: 0;
}
.zonex-newsletter.style-06 .email {
width: 100%;
padding-right: 120px;
}
.zonex-newsletter.style-06 .newsletter-form-wrap-inner {
border-bottom: 2px solid #151515;
height: 50px;
}
.zonex-newsletter.style-06 .submit-newsletter {
background: none;
color: #151515;
font-size: 12px;
font-weight: 700;
letter-spacing: 0.2em;
position: absolute;
top: 0;
right: 0;
}
.zonex-newsletter.style-06 .submit-newsletter:hover {
color: #ff3636;
}
.zonex-newsletter.style-06 .submit-newsletter::before {
position: absolute;
content: "\f105";
font-family: FontAwesome;
right: 0;
font-size: 18px;
margin-top: -1px;
} .zonex-newsletter.style-05 .newsletter-inner {
text-align: center;
}
.zonex-newsletter.style-05 .newsletter-title {
font-size: 18px;
font-weight: 600;
color: #151515;
}
.zonex-newsletter.style-05 .newsletter-description {
font-size: 14px;
color: #868686;
margin-bottom: 20px;
}
.zonex-newsletter.style-05.light .newsletter-title {
color: #fffefe;
}
.zonex-newsletter.style-05 .newsletter-form-wrap-inner {
display: block;
overflow: hidden;
position: relative;
max-width: 100%;
width: 330px;
margin: auto;
}
.zonex-newsletter.style-05 .email {
border: 2px solid #fff;
border-right: none;
color: #868686;
height: 56px;
line-height: 52px;
width: 100%;
background: #fff;
}
.zonex-newsletter.style-05.light .email {
border: 2px solid #3a3a3a;
background: none;
border-right: none;
color: #868686;
height: 52px;
padding-left: 20px;
line-height: 48px;
width: 100%;
}
.zonex-newsletter.style-05 .submit-newsletter {
font-size: 12px;
color: #ffffff;
background: #ff3636;
font-weight: 700;
height: 52px;
line-height: 52px;
letter-spacing: 0.2em;
text-transform: uppercase;
padding: 0 25px;
position: absolute;
top: 0;
right: 0;
}
.zonex-newsletter.style-05 .submit-newsletter span,
.zonex-newsletter.style-11 .submit-newsletter span {
display: inline-block;
position: relative;
z-index: 2;
}
.zonex-newsletter.style-04 .submit-newsletter:hover span,
.zonex-newsletter.style-09 .submit-newsletter:hover span,
.zonex-newsletter.style-11 .submit-newsletter:hover span {
color: #ffffff;
display: inline-block;
position: relative;
z-index: 2;
}
.zonex-newsletter.style-05 .submit-newsletter:hover{
color: #ffffff;
}
.zonex-newsletter.style-05.light .submit-newsletter:hover,
.zonex-newsletter.style-04 .submit-newsletter:hover,
.zonex-newsletter.style-09 .submit-newsletter:hover,
.zonex-newsletter.style-11 .submit-newsletter:hover {
color: #ff3636;
}
.zonex-newsletter.style-05 .submit-newsletter:hover::before{
webkit-transform: scale(1, 1);
-ms-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-transform-origin: left center;
-ms-transform-origin: left center;
transform-origin: left center;
background: #151515;
}
.zonex-newsletter.style-05 .submit-newsletter::before,
.zonex-newsletter.style-04 .submit-newsletter::before,
.zonex-newsletter.style-09 .submit-newsletter::before,
.zonex-newsletter.style-11 .submit-newsletter::before {
background: #ffffff;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: -1px;
content: "";
-webkit-transition: -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
transition: -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
-webkit-transform: scale(0, 1);
-ms-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transform-origin: right center;
-ms-transform-origin: right center;
transform-origin: right center;
}
.zonex-newsletter.style-04 .submit-newsletter::before,
.zonex-newsletter.style-09 .submit-newsletter::before,
.zonex-newsletter.style-11 .submit-newsletter::before {
background: #ff3636;
}
.zonex-newsletter.style-04 .newsletter-form-wrap button::after {
content: "\f105";
font-family: Flaticon;
font-size: 22px;
font-weight: 400;
z-index: 1;
color: #fff;
position: relative;
}
.zonex-newsletter.style-05.light .submit-newsletter:hover::before,
.zonex-newsletter.style-04 .submit-newsletter:hover::before,
.zonex-newsletter.style-09 .submit-newsletter:hover::before,
.zonex-newsletter.style-11 .submit-newsletter:hover::before {
webkit-transform: scale(1, 1);
-ms-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-transform-origin: left center;
-ms-transform-origin: left center;
transform-origin: left center;
}
.zonex-newsletter.style-09 .submit-newsletter:hover::before {
border: 2px solid #ff3636;
border-left: none;
} .zonex-newsletter.style-07 .newsletter-title {
font-size: 12px;
font-weight: 700;
letter-spacing: 0.2em;
margin-bottom: 20px;
}
.zonex-newsletter.style-07.light .newsletter-title {
color: #ffffff;
}
.zonex-newsletter.style-07 .newsletter-description {
font-size: 14px;
margin-bottom: 30px;
}
.zonex-newsletter.style-07.light .newsletter-description {
color: #999999;
}
.zonex-newsletter.style-07 .newsletter-form-wrap-inner,
.zonex-newsletter.style-08 .newsletter-form-wrap-inner {
position: relative;
display: inline-block;
overflow: hidden;
border-bottom: 2px solid #fff;
width: 440px;
max-width: 100%;
}
.zonex-newsletter.style-07 .newsletter-form-wrap-inner {
text-align: left;
}
.zonex-newsletter.style-07 .newsletter-form-wrap-inner .email {
background: none;
border: none;
padding-left: 0;
line-height: 48px;
height: 48px;
}
.zonex-newsletter.style-07 .submit-newsletter,
.zonex-newsletter.style-10 .submit-newsletter {
background: none;
border: none;
position: absolute;
top: 0;
right: 0;
font-size: 12px;
font-weight: 700;
letter-spacing: 0.2em;
padding-right: 20px;
}
.zonex-newsletter.style-07.light .submit-newsletter,
.zonex-newsletter.style-10.light .submit-newsletter {
color: #ffffff;
}
.zonex-newsletter.style-07 .submit-newsletter:hover,
.zonex-newsletter.style-10 .submit-newsletter:hover {
color: #ff3636;
}
.zonex-newsletter.style-07 .submit-newsletter::before {
position: absolute;
content: "\f0da";
font-family: FontAwesome;
right: 0;
font-size: 18px;
} .zonex-newsletter.style-08 {
text-align: center;
}
.zonex-newsletter.style-08 .icon {
font-size: 50px;
margin: 0 0 30px 0;
color: #fff;
background: #ff3636;
display: inline-flex;
width: 125px;
height: 125px;
border-radius: 50%;
justify-content: center;
align-items: center;
}
.zonex-newsletter.style-08.light .icon,
.zonex-newsletter.style-08.light .submit-newsletter {
color: #ffffff;
}
.style-08 h3.newsletter-title {
font-size: 22px;
line-height: 34px;
}
.zonex-newsletter.style-08 .newsletter-form-wrap-inner {
width: 438px;
max-width: 100%;
border-bottom: 1px solid #3c3e41;
height: 45px;
}
.zonex-newsletter.style-08 .email {
background: none;
border: none;
padding-left: 0;
height: 48px;
line-height: 48px;
font-size: 12px;
width: 100%;
padding-right: 120px;
color: #151515;
}
.zonex-newsletter.style-08 .submit-newsletter {
position: absolute;
top: 0;
right: 0;
background: none;
font-size: 12px;
font-weight: 600;
letter-spacing: 0.2em;
padding-right: 20px;
height: 48px;
line-height: 48px;
color: #151515;
}
.zonex-newsletter.style-08 .submit-newsletter::before {
position: absolute;
content: "\f105";
font-family: FontAwesome;
right: 0;
font-size: 18px;
}
.zonex-newsletter.style-08.light .submit-newsletter:hover {
color: #ff3636;
} .zonex-newsletter.style-09 .newsletter-form-wrap-inner {
display: block;
overflow: hidden;
position: relative;
max-width: 100%;
width: 320px;
}
.zonex-newsletter.style-09 .email {
border: 2px solid #ffffff;
background: none;
border-right: none;
color: #868686;
height: 56px;
line-height: 52px;
width: 100%;
padding-right: 100px;
}
.zonex-newsletter.style-09 .submit-newsletter {
font-size: 14px;
color: #010101;
background: #ffffff;
font-weight: 600;
height: 56px;
line-height: 56px;
letter-spacing: 0.2em;
text-transform: uppercase;
position: absolute;
top: 0;
right: 0;
}
.zonex-newsletter.style-09 .submit-newsletter:hover {
color: #ff3636;
}
.zonex-newsletter.style-09 .newsletter-description {
margin-bottom: 20px;
} .zonex-newsletter.style-11 .newsletter-description {
margin-bottom: 20px;
}
.zonex-newsletter.style-11 .newsletter-form-wrap-inner {
display: block;
overflow: hidden;
position: relative;
width: 359px;
background: #ffffff;
max-width: 100%;
}
.zonex-newsletter.style-11 .email {
height: 56px;
line-height: 52px;
background: none;
border: none;
}
.zonex-newsletter.style-11 .submit-newsletter {
font-size: 14px;
color: #ffffff;
background: #151515;
font-weight: 600;
height: 56px;
line-height: 56px;
letter-spacing: 0.2em;
text-transform: uppercase;
position: absolute;
top: 0;
right: 0;
}
.zonex-newsletter.style-11 .submit-newsletter:hover {
color: #ff3636;
} .zonex-newsletter.style-10 .newsletter-title {
color: #ffffff;
font-size: 18px;
font-weight: 600;
}
.zonex-newsletter.style-10 .newsletter-description {
margin-bottom: 25px;
}
.zonex-newsletter.style-10 .newsletter-form-wrap-inner .email:focus {
color: #ffffff;
}
.zonex-newsletter.style-10 .submit-newsletter::before {
position: absolute;
content: "\f105";
font-family: FontAwesome;
right: 0;
font-size: 18px;
} .zonex-newsletter.style-11 .newsletter-title {
font-size: 14px;
font-weight: 700;
letter-spacing: 0.2em;
text-transform: uppercase;
position: relative;
padding-bottom: 10px;
display: inline-block;
overflow: hidden;
}
.zonex-newsletter.style-11 .newsletter-title::before {
position: absolute;
content: '';
border-bottom: 1px solid #ff3636;
width: 48px;
bottom: 0;
} .zonex-newsletter.style-12 {
padding: 30px 0;
}
.zonex-newsletter.style-12 .newsletter-inner {
display: flex;
justify-content: space-between;
align-items: center;
}
.zonex-newsletter.style-12 button.btn-submit.submit-newsletter span::before {
content: "\f102";
font-size: 24px;
font-weight: 100;
font-family: Flaticon;
}
.zonex-newsletter.style-12 .newsletter-form-wrap input {
color: #868686;
height: 60px;
border: 1px solid #f3f3f3;
line-height: 58px;
width: 395px;
float: left;
max-width: calc(100% - 85px);
}
.zonex-newsletter.style-12 button.btn-submit.submit-newsletter {
width: 85px;
height: 60px;
}
.zonex-newsletter.style-12 button.btn-submit.submit-newsletter:hover{
background-color: #ff3636;
color: #ffffff;
}
.zonex-newsletter.style-12 button.btn-submit.submit-newsletter span{
font-size: 0;
}
.zonex-newsletter.style-12 h3.newsletter-title::before {
content: url(//ilite.sg/wp-content/themes/zonex/assets/images/letter-icon.png);
margin-right: 30px;
}
.zonex-newsletter.style-12 h3.newsletter-title {
margin: 0;
font-size: 22px;
display: flex;
line-height: 34px;
align-items: center;
} .zonex-button.style-01 .button {
text-align: center;
min-width: 190px;
height: 50px;
line-height: 48px;
padding: 0 15px;
display: inline-block;
border: 2px solid #151515;
font-size: 14px;
font-weight: 500;
color: #151515;
letter-spacing: 3px;
text-transform: uppercase;
background: #fff;
}
.zonex-button.style-01 .button:hover {
background: #ff3636;
border-color: #ff3636;
color: #ffffff;
} .zonex-button.style-02 .button {
font-size: 14px;
font-weight: 500;
text-transform: uppercase;
letter-spacing: 3px;
color: #ffffff;
min-width: 185px;
height: 50px;
line-height: 50px;
padding: 0 20px;
display: inline-block;
text-align: center;
background: #151515;
margin-top: 15px;
}
.zonex-button.style-02 .button:hover {
background: #454545;
} .zonex-button.style-03 .button {
font-size: 10px;
text-transform: uppercase;
color: #151515;
min-width: 175px;
height: 50px;
line-height: 50px;
font-family: Jost600;
letter-spacing: 0.5px;
padding: 0 20px;
display: inline-block;
text-align: center;
background: #ffffff;
}
.zonex-button.style-03 .button:hover {
background: #454545;
color: #ffffff;
} .zonex-button.style-04 .button-inner {
margin-bottom: 30px;
}
.zonex-button.style-04 .button {
color: #858585;
position: relative;
padding-bottom: 7px;
}
.zonex-button.style-04 .button::after {
content: "\e94f";
font-family: kazen-font;
position: absolute;
font-weight: 300;
bottom: -100%;
font-size: 17px;
-webkit-transform: rotate(180deg) translateX(50%);
-moz-transform: rotate(180deg) translateX(50%);
-ms-transform: rotate(180deg) translateX(50%);
-o-transform: rotate(180deg) translateX(50%);
transform: rotate(180deg) translateX(50%);
left: 50%;
color: #151515;
transition: bottom 0.3s linear 0s;
-o-transition: bottom 0.3s linear 0s;
-webkit-transition: bottom 0.3s linear 0s;
}
.zonex-button.style-04 .button:hover::after {
bottom: calc(-100% - 4px);
}
.vc_custom_heading.font-time {
font-family: Time new roman;
font-style: italic;
} footer.footer.wp-default {
padding: 20px;
text-align: center;
}
.zonex-custommenu ul {
padding-left: 0;
list-style-type: none;
}
.zonex-custommenu.center {
text-align: center;
}
.zonex-custommenu.right {
text-align: right;
}
footer h4.title {
font-size: 11px;
letter-spacing: 2px;
font-weight: 600;
margin-bottom: 30px;
}
footer .wpb_widgetised_column .widgettitle {
font-size: 14px;
font-family: Jost;
color: #858585;
margin: 0 10px 0 0;
display: inline-block;
}
footer .wpb_widgetised_column h2.widgettitle::before{
display: none;
}
footer .wpb_text_column ul {
font-size: 14px;
font-family: Jost;
list-style: none;
padding: 0;
}
.widget_currency_sel_widget, .widget_icl_lang_sel_widget {
display: inline-block;
}
.widget_icl_lang_sel_widget .wpml-ls-legacy-dropdown, .widget_currency_sel_widget .wcml-dropdown {
width: auto;
font-family: Jost;
}
div.widget .wcml-dropdown ul li,
div.widget .wpml-ls-legacy-dropdown a {
padding: 0;
border: none;
font-size: 13px;
background: transparent;
text-transform: uppercase;
line-height: 32px;
}
div.widget .wpml-ls-legacy-dropdown .wpml-ls-sub-menu li a, div.widget .wcml-dropdown .wcml-cs-submenu li a {
line-height: 28px;
padding: 3px 10px;
}
div.widget .wpml-ls-legacy-dropdown .wpml-ls-sub-menu li:hover > a, div.widget .wcml-dropdown .wcml-cs-submenu li:hover > a {
background-color: #f8f8f8;
}
div.widget .wpml-ls-legacy-dropdown a:hover,
div.widget .wpml-ls-legacy-dropdown a:focus,
div.widget .wpml-ls-legacy-dropdown .wpml-ls-current-language:hover > a {
color: #151515;
background: transparent; 
}
div.widget .wcml-dropdown a.wcml-cs-item-toggle {
font-size: 13px;
color: #151515;
text-transform: uppercase;
padding: 0;
white-space: nowrap;
}
div.widget .wcml-dropdown a.wcml-cs-item-toggle::after, div.widget .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after {
content: "\e902";
font-size: 11px;
font-family: Kazen-font;
margin-left: 10px;
border: none;
right: 0;
line-height: 1;
position: relative;
top: -2px;
}
.wpb_widgetised_column .wpb_wrapper {
display: flex;
align-items: center;
justify-content: flex-end;
}
.widget_currency_sel_widget, .widget_icl_lang_sel_widget {
align-items: center;
display: flex;
margin-right: 50px;
}
.wpb_widgetised_column .wpb_wrapper > div:last-child {
margin: 0;
}
div.widget .wpml-ls-legacy-dropdown .wpml-ls-sub-menu, div.widget .wcml-dropdown .wcml-cs-submenu {
border-top: none;
box-shadow: 0 5px 10px rgba(0,0,0,.08);
min-width: 100px;
background: #fff;
left: -10px;
}
div .widget .wcml-dropdown ul li a {
padding: 0;
line-height: 24px;
color: #151515;
}
div .widget .wpml-ls-legacy-dropdown a span {
vertical-align: top;
} .zonex-custommenu .widgettitle::before{
display: none;
}
.zonex-custommenu.style-01 .widgettitle {
font-size: 16px;
text-transform: uppercase;
position: relative;
padding-bottom: 15px;
font-family: Jost600;
color: #151515;
}
.zonex-custommenu.style-01.light .widgettitle {
color: #fff;
}
.zonex-custommenu.style-01 .menu {
padding: 5px 0 0;
}
header .zonex-banner.style-08 {
text-align: left;
}
header .zonex-banner.style-08 .banner-info .button {
font-family: Jost500;
line-height: 28px;
padding: 10px 0 0;
position: relative;
white-space: nowrap;
max-width: 100%;
text-overflow: ellipsis;
}
header .zonex-banner.style-08 .banner-info .button::after {
content: "";
border-bottom: 1px solid;
position: absolute;
bottom: 0;
right: 0;
width: 0;
transition: 0.3s;
}
header .zonex-banner.style-08 .banner-info .button:hover::after {
width: 100%;
left: 0;
}
header .style-08 .banner-thumb {
display: block;
}
.style-08 .banner-thumb {
overflow: hidden;
}
.footer.footer-id-5713 .zonex-custommenu .menu li {
padding: 5px 0;
}
.footer .zonex-custommenu .menu li a:hover {
color: #858585;
}
.footer .zonex-custommenu ul.menu li a {
line-height: 36px;
font-family: Jost500;
}
.footer .zonex-custommenu span.icon {
margin-top: 10px;
}
.zonex-custommenu.style-01 .menu li a {
font-size: 14px;
color: #454545;
padding: 3px 0;
position: relative;
}
.zonex-custommenu.style-01 .menu li a::after{
content: "";
border-bottom: 1px solid;
position: absolute;
bottom: 0;
right: 0;
width: 0;
transition: 0.3s;
}
.zonex-custommenu.style-01 .menu li a:hover::after {
width: 100%;
left: 0;
}
.zonex-custommenu span.icon {
font-size: 16px;
float: left;
color: #858585;
position: relative;
margin-right: 10px;
}
.zonex-custommenu.style-01.light .menu li a {
color: #858585; 
} .zonex-custommenu .submenu {
display: none;
}
.zonex-custommenu.style-02 .menu li {
display: inline-block;
padding-right: 22px;
}
.zonex-custommenu.style-02 .menu li:last-child {
padding-right: 0;
}
.zonex-custommenu.style-02 .menu li:hover a {
color: rgba(21,21,21,.8);
}
.zonex-custommenu.style-02 .menu li a {
font-size: 14px;
text-transform: CAPITALIZE;
color: #151515;
font-family: Jost600;
}
.zonex-custommenu.style-02.light .menu li a {
color: #858585;
}
.zonex-custommenu.style-02.light .menu li:hover a {
color: #fff;
}
.zonex-custommenu.style-02.light.right .menu li {
padding-right: 0;
}
.zonex-custommenu.style-02.light.right ul li a {
border-right: 1px solid #dedede;
padding-right: 15px;
margin-right: 13px;
}
.zonex-custommenu.style-02.light.right ul li a {
border-right: 1px solid #414141;
}
.zonex-custommenu.style-02.light.right ul li:last-child a {
padding-right: 0;
margin-right: 0;
border-right: none;
}
.zonex-custommenu.style-02 ul li {
display: inline-block;
}
.zonex-custommenu.style-02 ul li a {
font-family: Jost700;
} .zonex-custommenu ul {
padding: 0;
}
.zonex-custommenu.style-03 {
display: flex;
align-items: center;
}
.zonex-custommenu.style-03.right {
text-align: right;
}
.zonex-custommenu.style-03 h2.widgettitle {
font-size: 13px;
font-family: Jost500;
color: #858585;
margin: 0 10px 0 0;
display: inline-block;
}
.zonex-custommenu .wpml-ls-menu-item ul {
padding: 0;
list-style-type: none;
position: absolute;
top: 0;
z-index: 11111;
left: 0;
border: 1px solid #eee;
background: #fefefe;
opacity: 0;
transition: opacity 0.3s linear 0s, visibility 0.3s linear 0s;
min-width: 100%;
visibility: hidden;
}
.zonex-custommenu.style-03 ul li li {
padding: 0 10px;
}
.zonex-custommenu.style-03 ul li li:hover {
background: #f8f8f8;
}
.zonex-custommenu .wpml-ls-menu-item:hover ul {
opacity: 1;
visibility: visible;
}
.zonex-custommenu.style-03 ul li {
display: block;
position: relative;
}
.zonex-custommenu.style-03 ul li li:hover {
background: #f8f8f8;
}
.zonex-custommenu.style-03 ul li a {
font-size: 13px;
color: #151515;
text-transform: uppercase;
}
.zonex-custommenu.style-03 ul li.parent > a::after {
content: "\e902";
font-size: 11px;
font-family: Kazen-font;
margin-left: 10px;
} .zonex-custommenu.style-04 {
margin-bottom: 0;
}
.zonex-custommenu.style-04 ul li {
display: inline-block;
}
.zonex-custommenu.style-04 ul li a:hover {
color: #000;
}
.zonex-custommenu.style-04.light ul li a:hover {
color: #fff;
}
.zonex-custommenu.style-04 ul li a {
font-size: 13px;
color: #858585;
}
.zonex-custommenu.style-04 ul li a {
margin: 0 17px;
margin: 0 17px;
}
div.zonex-custommenu.style-04 ul li a {
font-family: Jost;
}
.zonex-custommenu.style-04 ul li:last-child a {
padding-right: 0;
margin-right: 0;
border-right: none;
} .zonex-custommenu.style-05 ul li a {
font-size: 14px;
font-weight: 500;
letter-spacing: 0.2em;
line-height: 40px;
}
.zonex-custommenu.style-05.light ul li a {
color: #ffffff;
}
@media (max-width: 1499px) {
.zonex-custommenu.style-02 .menu li a {
font-size: 12px;
letter-spacing: 0;
}
} .zonex-socials .socials {
display: inline-block;
}
.zonex-socials h4.title {
font-size: 12px;
display: inline-block;
color: #858585;
line-height: 28px;
margin: 0 20px 0 0;
font-family: Jost500;
text-transform: uppercase;
} .zonex-socials.right {
text-align: right;
}
.zonex-socials.center {
text-align: center;
}
.zonex-socials .social-item {
height: 34px;
font-size: 16px;
line-height: 36px;
border-radius: 50%;
margin-right: 26px;
text-align: center;
color: #151515;
display: inline-block;
position: relative;
z-index: 1;
margin-bottom: 7px;
}
.zonex-socials.layout-light .social-item {
color: #858585;
}
.zonex-socials.layout-light .social-item:hover {
color: #fff;
}
.zonex-socials.layout-light .social-item::before{
display: none;
}
footer .zonex-socials .social-item{
margin-bottom: 0;
}
.zonex-socials.style-01 .social-item {
color: #ffffff;
background: #1e1e1e;
}
.zonex-socials.style-02 .social-item {
border: 1px solid #151515;
color: #151515;
}
.zonex-socials .social-item:hover {
opacity: 0.8;
}
.zonex-socials .social-item:last-child {
margin-right: 0;
}
.zonex-socials.style-02 .social-item:hover {
border-color: #ff3636;
}
.zonex-socials.style-02.layout-light .social-item {
color: #8b8b8b;
border-color: #2b2b2b;
} .zonex-buttonvideo.style-01 .buttonvideo-inner {
position: relative;
}
.zonex-buttonvideo.style-01 .zonex-bt-video a {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
display: inline-block;
width: 119px;
height: 119px;
background: #ff3636;
border-radius: 50%;
}
.zonex-buttonvideo.style-01 .zonex-bt-video a::after {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
border: 3px solid #ff3636;
border-radius: 50%;
-webkit-transition: transform 0.4s ease 0s;
-moz-transition: transform 0.4s ease 0s;
-o-transition: transform 0.4s ease 0s;
transition: transform 0.4s ease 0s;
}
.zonex-buttonvideo.style-01 .zonex-bt-video a:hover::after {
-webkit-transform: scale(1.13);
-moz-transform: scale(1.13);
-ms-transform: scale(1.13);
-o-transform: scale(1.13);
transform: scale(1.13);
}
.zonex-buttonvideo.style-01 .zonex-bt-video a::before {
display: none;
}
.zonex-buttonvideo.style-01 .zonex-bt-video a span {
position: static;
}
.zonex-buttonvideo.style-01 .zonex-bt-video a span::before {
content: "";
border-style: solid;
border-width: 15px 0 15px 20px;
border-color: transparent transparent transparent #fff;
position: absolute;
top: 45px;
left: 52px;
z-index: 1;
}
.zonex-buttonvideo.style-01 .zonex-bt-video a span::after {
content: "";
border-style: solid;
border-width: 10px 0 10px 13px;
border-color: transparent transparent transparent #ff3636;
position: absolute;
top: 50px;
left: 55px;
z-index: 1;
} .zonex-instagram-sc.style-05 .instagram-inner,
.zonex-instagram-sc.style-01 .instagram-inner {
text-align: center;
position: relative;
}
.zonex-instagram-sc.style-01 .title {
font-size: 40px;
font-weight: 300;
margin-bottom: 25px;
}
.zonex-instagram-sc.style-01 .icon {
text-align: center;
font-size: 30px;
color: #151515;
width: 85px;
height: 85px;
line-height: 83px;
border-radius: 50%;
border: 2px solid #151515;
display: inline-block;
margin-bottom: 15px;
position: relative;
}
.zonex-instagram-sc.style-01 .icon::before {
width: 99999em;
content: "";
position: absolute;
top: 50%;
left: calc(100% + 2px);
border-bottom: 1px solid #e4e4e4;
}
.zonex-instagram-sc.style-01 .icon::after {
width: 99999em;
content: "";
position: absolute;
top: 50%;
right: calc(100% + 2px);
border-bottom: 1px solid #e4e4e4;
}
.zonex-instagram-sc.style-05 .title {
font-size: 30px;
font-weight: 400;
margin-bottom: 5px;
}
.zonex-instagram-sc.style-05 .icon{
text-align: center;
font-size: 30px;
color: #fff;
width: 85px;
height: 85px;
line-height: 85px;
border-radius: 50%;
background: #ff3636;
display: inline-block;
margin-bottom: 15px;
position: relative;
}
.zonex-instagram-sc.style-05 .desc,
.zonex-instagram-sc.style-01 .desc {
margin-bottom: 35px;
font-size: 16px;
}
.zonex-instagram-sc.style-05 .desc a,
.zonex-instagram-sc.style-01 .desc a {
color: #868686;
}
.zonex-instagram-sc .item {
position: relative;
}
.zonex-instagram-sc .item a {
position: relative;
overflow: hidden;
display: block;
}
.zonex-instagram-sc .item a::before {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
content: '';
background: #151515;
opacity: 0;
transition: opacity 0.5s;
}
.zonex-instagram-sc .item:hover a::before {
opacity: 0.6;
transition: opacity 0.5s;
}
.zonex-instagram-sc .info-img {
position: absolute;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
top: 50%;
left: 0;
right: 0;
color: #ffffff;
opacity: 0;
text-align: center;
}
.zonex-instagram-sc .item:hover .info-img {
opacity: 1;
}
.zonex-instagram-sc .info-img .social-info {
font-size: 15px;
}
.zonex-instagram-sc .info-img .social-info i {
padding-right: 5px;
}
.zonex-instagram-sc .info-img .social-info:last-child i {
margin-left: 10px;
} .zonex-instagram-sc.style-04 {
text-align: center;
}
.zonex-instagram-sc.style-04 .icon {
text-align: center;
font-size: 50px;
width: 154px;
margin-bottom: 30px;
height: 154px;
line-height: 1;
justify-content: center;
display: inline-flex;
margin-top: -77px;
align-items: center;
background: #ff3636;
color: #fff;
border-radius: 50%;
}
.zonex-instagram-sc.style-04 .title {
font-size: 26px;
font-weight: 400;
text-align: center;
position: relative;
margin-bottom: 55px;
}
.zonex-instagram-sc.style-05 .owl-carousel.nav-center:hover.owl-carousel.nav-center .owl-nav > button {
margin-left: -40px;
}
.zonex-instagram-sc.style-05 .owl-carousel.nav-center:hover.owl-carousel.nav-center .owl-nav .owl-next {
margin-right: -40px;
} .zonex-testimonial .rating {
white-space: nowrap;
line-height: 100%;
display: inline-block;
font-size: 0;
position: relative;
overflow: hidden;
width: 100px;
letter-spacing: 7px;
}
.zonex-testimonial .rating::before,
.zonex-testimonial .rating span::before {
font-family: 'FontAwesome', sans-serif;
font-weight: normal;
font-size: 13px;
line-height: 20px;
}
.zonex-testimonial .rating::before {
content: "\f005\f005\f005\f005\f005";
color: #adadad;
}
.zonex-testimonial .rating span {
overflow: hidden;
float: left;
top: 0;
left: 0;
position: absolute;
line-height: 100%;
}
.zonex-testimonial .rating span::before {
content: "\f005\f005\f005\f005\f005";
color: #f5a826;
}
.zonex-testimonial .rating.rating-1 span {
width: 20%;
}
.zonex-testimonial .rating.rating-2 span {
width: 40%;
}
.zonex-testimonial .rating.rating-3 span {
width: 60%;
}
.zonex-testimonial .rating.rating-4 span {
width: 80%;
}
.zonex-testimonial .rating.rating-5 span {
width: 100%;
} .zonex-testimonial.style-01 .testimonial-wrap.equal-elem {
text-align: center;
background: #f7f7f7;
padding: 30px 30px 70px;
}
.zonex-testimonial.style-01 .content {
font-size: 14px;
line-height: 28px;
margin-top: 5px;
}
.zonex-testimonial.style-01 .thumb {
margin-top: -45px;
}
.zonex-testimonial.style-01 .thumb img {
max-width: 86px;
text-align: center;
border-radius: 50%;
margin: 0 auto 15px;
margin-top: -45px;
}
.zonex-testimonial.style-01 .name {
font-weight: 600;
font-size: 12px;
color: #151515;
letter-spacing: 0.2em;
text-align: center;
text-transform: uppercase;
margin-bottom: 0;
}
.zonex-testimonial.style-01 .position {
font-size: 13px;
color: #868686;
text-align: center;
}
.zonex-testimonial.style-04 .thumb img {
margin: auto;
margin-bottom: 50px;
}
.zonex-testimonial.style-04 .content {
font-size: 30px;
color: #151515;
line-height: 50px;
}
.zonex-testimonial.style-04 .content::before {
content: '"';
}
.zonex-testimonial.style-04 .content::after {
content: '"';
}
.zonex-testimonial.style-04 .name {
font-size: 12px;
font-weight: 700;
letter-spacing: 0.2em;
text-transform: uppercase;
color: #151515;
position: relative;
padding-top: 30px;
display: inline-block;
margin-top: 64px;
margin-bottom: 0;
}
.zonex-testimonial.style-04 .name::before {
position: absolute;
content: '';
height: 44px;
border: 1px solid #151515;
left: 50%;
bottom: 100%;
}
.zonex-testimonial.style-04 .position {
font-size: 13px;
line-height: 24px;
}
.zonex-testimonial.style-04 .testimonial-inner {
padding: 0 10px;
} div.ziss-shop-wrap {
width: 100%;
padding: 0;
display: inline-block;
}
div.ziss-row {
margin-right: -2.5px;
margin-left: -2.5px;
}
div.ziss-item {
margin-bottom: 5px;
padding: 0 2.5px;
}
.ziss-shop-wrap .ziss-cart-icon,
.ziss-shop-wrap .hotspot-num {
display: none;
}
.zonex-instagramshopwrap .ziss-shop-wrap {
padding-left: 0;
padding-right: 0;
}
.ziss-shop-wrap .ziss-item-inner {
position: relative;
cursor: pointer;
}
.ziss-shop-wrap .ziss-item-inner::before {
content: '';
top: 0;
left: 0;
right: 0;
bottom: 0;
position: absolute;
background-color: #151515;
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.25s ease 0s;
-moz-transition: all 0.25s ease 0s;
-o-transition: all 0.25s ease 0s;
transition: all 0.25s ease 0s;
z-index: 1;
pointer-events: none;
}
.ziss-shop-wrap .ziss-item-inner:hover::before {
opacity: 0.6;
visibility: visible;
}
.ziss-shop-wrap .ziss-figure-wrap .pin-text {
font-size: 14px;
font-weight: 700;
letter-spacing: 0.2em;
text-transform: uppercase;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
text-align: center;
color: #fff;
z-index: 9;
opacity: 0;
visibility: hidden;
pointer-events: none;
-webkit-transition: all 0.25s ease 0s;
-moz-transition: all 0.25s ease 0s;
-o-transition: all 0.25s ease 0s;
transition: all 0.25s ease 0s;
}
.ziss-shop-wrap .ziss-figure-wrap .pin-text::before {
content: "\f107";
font-family: 'flaticon', sans-serif;
font-size: 34px;
font-weight: normal;
color: #fff;
z-index: 1;
padding-bottom: 12px;
pointer-events: none;
display: block;
}
.ziss-shop-wrap .ziss-item-inner.no-products-pin:hover::after,
.ziss-shop-wrap .ziss-figure-wrap:hover .pin-text {
opacity: 1;
visibility: visible;
}
.style-01 div.ziss-row{
margin: 0;
}
.style-01 div.ziss-item {
margin: 0;
padding: 0;
}
body .zonex-mapper .text__area {
font-family: Jost500;
padding-top: 1px;
transition: 0.3s;
}
.zonex-mapper:hover .csre-pin {
opacity: 1;
}
.zonex-mapper .csre-pin {
position: absolute;
cursor: pointer;
opacity: 0;
z-index: 20;
transition: opacity 0.3s linear;
}
.blog-content .zonex-mapper .csre-pin {
display: none;
}
body .zonex-mapper .text__area::before {
content: "";
border: 5px solid rgba(255,255,255,.5);
position: absolute;
top: -5px;
left: -5px;
right: -5px;
transition: 0.3s;
transform: scale(0.6);
border-radius: 50%;
bottom: -5px;
}
.zonex-mapper .csre-pin .text__area::before {
content: "";
border: 5px solid rgba(255,255,255,.5);
position: absolute;
top: -5px;
left: -5px;
right: -5px;
transition: 0.3s;
transform: scale(0.6);
border-radius: 50%;
bottom: -5px;
opacity: 0;
}
.zonex-mapper .csre-pin:hover .text__area::before {
transform: scale(1);
opacity: 1;
}
body .zonex-mapper .text__area:hover {
background: #2a2e86!important;
color: #fff!important;
}
div.zonex-mapper div.csre-pin div.csre-popup {
margin: 0 5px;
padding: 0!important;
height: auto!important;
box-shadow: 0px 5px 30px rgba(21,21,21,.1)!important;
border-radius: 0!important;
border-color: transparent!important;
width: auto!important;
min-width: 130px;
min-height: 240px;
}
div.zonex-mapper .csre-pin .csre-wc .csre-popup-main {
padding: 0;
}
div.zonex-mapper .csre-pin .csre-popup-header {
padding: 5px 5px 5px 10px;
border-bottom: none;
position: relative;
}
.zonex-mapper .csre-pin .csre-wc-price ins {
font-size: 13px;
text-decoration: none;
float: left;
}
.zonex-mapper .csre-pin .csre-popup-header h2 a {
color: #454545;
font-size: 13px;
font-family: Jost;
}
.zonex-mapper .csre-pin .csre-popup-header h2 a:hover {
color: #454545;
opacity: 0.8;
}
div.zonex-mapper .csre-pin .csre-popup-main > .csre-product-thumbnail {
flex-basis: inherit;
}
div.zonex-mapper .csre-pin .csre-popup-header h2 {
margin: 0;
font-size: 13px;
line-height: 1.4;
font-weight: 400;
padding-right: 0;
overflow: hidden;
}
div.zonex-mapper .csre-pin .csre-wc-price del .amount {
color: #858585;
font-size: 10px;
font-family: Jost;
margin-left: 3px;
} div.ziss-instagram-link a {
color: inherit;
font-size: 12px;
line-height: 20px;
display: block;
color: #151515;
text-transform: uppercase;
letter-spacing: 0;
font-family: Jost500;
}
.ziss-instagram-link {
font-size: 14px;
}
.ziss-popup-wrap .ziss-popup-inner .ziss-popup-body .ziss-popup-body-right {
padding-top: 40px !important;
margin: 0;
}
.ziss-popup-wrap .ziss-popup-inner .ziss-popup-body .ziss-popup-body-left {
z-index: 2;
}
.ziss-popup-wrap .ziss-popup-inner .ziss-popup-body:not(.ziss-right-no-content)::before {
content: '';
height: 35px;
left: 0;
top: 20px;
right: 0;
background-color: #fff;
pointer-events: none;
position: absolute;
z-index: 2;
}
.ziss-popup-wrap .add_to_cart_button::before, 
.ziss-popup-wrap .product_type_simple.add_to_cart_button::before {
margin-right: 5px;
font-size: 0;
}
.ziss-popup-wrap .product_type_variable::after, 
.ziss-popup-wrap .product_type_grouped::after, 
.ziss-popup-wrap .product_type_simple::after, 
.ziss-popup-wrap .product_type_external::after {
content: "\f105";
font-family: Flaticon;
line-height: 46px;
font-size: 13px;
font-weight: 700;
position: relative;
top: 1px;
margin-right: 0px;
left: 10px;
}
.ziss-popup-wrap .ziss-popup-inner .ziss-popup-body .ziss-product-title {
margin-bottom: 5px !important;
}
.ziss-popup-wrap .ziss-popup-inner .ziss-popup-body .ziss-product-title a {
font-size: 13px;
}
.ziss-popup-wrap .ziss-popup-inner .ziss-popup-body .ziss-price-wrap {
float: none !important;
font-size: 14px !important;
font-weight: 500;
margin-bottom: 5px;
}
.ziss-popup-wrap .ziss-popup-inner .ziss-popup-body .ziss-price-wrap ins {
text-decoration: none;
}
.ziss-popup-wrap .ziss-popup-inner .ziss-popup-body .ziss-rating-wrap {
float: none !important;
}
.ziss-popup-wrap .ziss-popup-inner .ziss-popup-body .add_to_cart_button {
font-weight: 600;
}
.ziss-popup-wrap .add_to_cart_button::before,
.ziss-popup-wrap .product_type_simple.add_to_cart_button::before {
margin-right: 5px;
}
.ziss-popup-wrap .ziss-popup-inner .ziss-popup-content {
max-height: 80vh;
}
div.ziss-item .ziss-figure {
background-size: calc(100% + 2px);
}
.ziss-handle {
border-radius: 0 !important;
}
.ziss-popup-wrap .ziss-popup-inner .ziss-popup-nav {
z-index: 3 !important;
}
.ziss-popup-wrap .ziss-popup-inner .ziss-popup-body .ziss-product-wrap {
overflow: visible;
}
@media (min-width: 992px) {
.ziss-popup-wrap .ziss-popup-inner .ziss-popup-body.ziss-right-no-content .ziss-popup-body-left,
.ziss-popup-wrap .ziss-popup-inner .ziss-popup-body:not(.ziss-right-no-content) {
padding: 20px;
background-color: #fff;
position: relative;
}
.ziss-popup-wrap .ziss-popup-inner .ziss-popup-body .ziss-close-popup i {
font-size: 0;
}
.ziss-popup-wrap .ziss-popup-inner .ziss-popup-body:not(.ziss-right-no-content) .ziss-close-popup {
right: 10px;
top: 10px;
color: #151515;
z-index: 2;
}
.ziss-popup-wrap .ziss-popup-inner .ziss-popup-body .ziss-close-popup::before,
.ziss-popup-wrap .ziss-popup-inner .ziss-popup-body .ziss-close-popup::after {
border-bottom: 2px solid;
content: "";
left: 7px;
position: absolute;
top: 19px;
width: 26px;
}
.ziss-popup-wrap .ziss-popup-inner .ziss-popup-body .ziss-close-popup::before {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.ziss-popup-wrap .ziss-popup-inner .ziss-popup-body .ziss-close-popup::after {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.ziss-popup-wrap .ziss-popup-inner .ziss-popup-body:not(.ziss-right-no-content) ~ .ziss-popup-nav {
top: 3px;
margin-top: 0;
color: #151515;
z-index: 2;
}
.ziss-popup-wrap .ziss-popup-inner .ziss-popup-body.ziss-right-no-content ~ .ziss-popup-nav:hover,
.ziss-popup-wrap .ziss-popup-inner .ziss-popup-body:not(.ziss-right-no-content) ~ .ziss-popup-nav:hover {
color: #ff3636;
}
.ziss-popup-wrap .ziss-popup-inner .ziss-popup-nav i {
font-size: 30px !important;
line-height: 50px;
}
.ziss-popup-wrap .ziss-popup-inner .ziss-popup-body:not(.ziss-right-no-content) ~ .ziss-popup-nav.ziss-popup-nav-prev {
left: 60%;
}
.ziss-popup-wrap .ziss-popup-inner .ziss-popup-body:not(.ziss-right-no-content) ~ .ziss-popup-nav.ziss-popup-nav-next {
right: auto;
left: 60%;
margin-left: 50px;
}
.zonex-container-inner div.zonex-simple-product {
margin-bottom: 50px;
width: 45%;
}
}
@media (max-width: 991px) {
.ziss-popup-wrap .ziss-popup-inner {
margin-top: 80px !important;
}
.ziss-popup-wrap .ziss-popup-inner .ziss-popup-nav {
line-height: 46px;
}
.ziss-popup-wrap .ziss-popup-inner .ziss-popup-body .ziss-popup-body-left {
margin-left: 0 !important;
}
.ziss-popup-wrap .ziss-popup-inner .ziss-popup-body .ziss-popup-body-right {
padding-top: 25px !important;
}
} .zonex-instagramshopwrap.imagetype.style-02 .title-insshop {
text-align: center;
}
.zonex-instagramshopwrap.imagetype.style-02 .title-insshop img {
max-width: 36px;
position: absolute;
top: 0;
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
}
.zonex-instagramshopwrap.imagetype.style-02 .title-insshop h3 {
display: inline-block;
min-width: 300px;
height: 76px;
padding: 0 15px;
border: 2px solid;
border-top: 0;
line-height: 72px;
font-size: 22px;
font-weight: 600;
margin-bottom: 55px;
margin-top: 18px;
position: relative;
}
.zonex-instagramshopwrap.imagetype.style-02 .title-insshop h3::before,
.zonex-instagramshopwrap.imagetype.style-02 .title-insshop h3::after {
content: '';
position: absolute;
top: 0;
width: calc(50% - 31px);
border-top: 2px solid;
}
.zonex-instagramshopwrap.style-02 .title-insshop h3::before {
left: 0;
}
.zonex-instagramshopwrap.style-02 .title-insshop h3::after {
right: 0;
}
.zonex-instagramshopwrap.style-02 .ziss-row {
margin-right: 0;
margin-left: 0;
}
.zonex-instagramshopwrap.style-02 .ziss-item {
padding-left: 0;
padding-right: 0;
margin-bottom: 0;
}
.zonex-instagramshopwrap.style-02 span.flaticon-instagram {
display: inline-block;
width: 135px;
height: 135px;
background: #ff3636;
line-height: 135px;
border-radius: 50%;
font-size: 50px;
color: #fff;
}
.zonex-instagramshopwrap.icontype.style-02 .title-insshop {
font-size: 63px;
text-align: center;
color: #ff3636;
position: relative;
top: -67px;
margin-bottom: -17px;
}
.zonex-instagramshopwrap.icontype.style-02 .title-insshop h3 {
font-size: 16px;
font-weight: 700;
margin-top: 25px;
letter-spacing: 2px;
margin-bottom: 0;
}
.zonex-instagramshopwrap.style-02 {
margin-top: 70px;
display: inline-block;
width: 100%;
background: #f7f7f7;
} .zonex-instagramshopwrap.style-03 .ziss-item {
width: 25%;
}
.zonex-instagramshopwrap.style-03 .ziss-item:nth-child(5n+1) {
width: 50%;
}
@media (min-width: 1281px) {
.zonex-instagramshopwrap.style-03 .ziss-row {
margin-right: -20px;
margin-left: -20px;
}
.zonex-instagramshopwrap.style-03 .ziss-item {
padding-left: 20px;
padding-right: 20px;
margin-bottom: 40px;
}
} .zonex-instagramshopwrap.style-04 .ziss-row {
margin-right: 0;
margin-left: 0;
}
.zonex-instagramshopwrap.style-04 .slick-list {
margin-left: -20px;
margin-right: -20px;
}
.zonex-instagramshopwrap.style-04 .ziss-item {
padding-left: 20px;
padding-right: 20px;
margin-bottom: 0;
height: 100%;
min-height: 1px;
}
@media (max-width: 1280px) {
.zonex-newsletter.style-10 .newsletter-description {
margin-bottom: 5px;
}
.owl-carousel .owl-dots {
margin-top: 40px;
}
.zonex-team.style-01 .name {
margin-top: 20px;
}
.zonex-instagramshopwrap .fa {
width: 40px;
height: 40px;
line-height: 40px;
font-size: 24px;
}
.zonex-instagramshopwrap .fa-angle-left {
left: -20px;
}
.zonex-instagramshopwrap .fa-angle-right {
right: -20px;
}
.zonex-instagram-sc.style-03 .item-wrap {
padding-left: 8px;
padding-right: 8px;
margin-bottom: 20px;
}
.zonex-instagramshopwrap .slick-dots {
margin-top: 40px;
}
.zonex-instagramshopwrap.style-04 .slick-list {
margin-left: -15px;
margin-right: -15px;
}
.zonex-instagramshopwrap.style-04 .ziss-item {
padding-left: 15px;
padding-right: 15px;
}
.zonex-iconbox.style-01 .iconbox-inner {
padding: 25px 15px;
}
.zonex-iconbox.style-01 .title, .zonex-iconbox.style-02 .title, .zonex-iconbox.style-03 .title {
letter-spacing: 0.1em;
}
} @media (max-width: 1499px) {
.zonex-blog.style-02 .blog-info .blog-content {
margin-bottom: 15px;
}
.zonex-blog.style-02 .blog-info .blog-title {
margin-bottom: 0;
}
.zonex-blog.style-02 .blog-readmore {
min-width: 130px;
height: 40px;
line-height: 36px;
border: 1px solid;
}
}
@media (max-width: 1279px) {
div .product-grid .product-item .product-inner:hover .list-button-action,
div .product-grid .product-item .list-button-action {
position: static;
opacity: 1;
visibility: visible;
transform: none;
display: none;
}
div .product-grid .product-inner .add_to_cart_button, 
div .product-grid .product-inner .added_to_cart, 
div .product-grid .product-inner .product_type_variable, 
div .product-grid .product-inner .product_type_simple, 
div .product-grid .product-inner .product_type_external,
div .product-grid .product-inner .product_type_grouped {
opacity: 1;
color: #151515;
top: 0;
display: inline-block;
font-size: 11px;
font-family: Jost600;
text-transform: uppercase;
-o-transition: all 0.3s linear 0s;
-webkit-transition: all 0.3s linear 0s;
z-index: 9;
position: relative;
width: auto;
height: auto;
box-shadow: 0 0 0;
background: transparent;
line-height: 20px;
margin: 0;
}
div .product-grid .product-item.style-1 .product-inner:hover .price {
opacity: 1;
visibility: visible;
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none;
}
.single div.product-toolbar {
padding: 0 15px;
}
.product-info.equal-elem .product-title a{
font-family: Jost;
}
.single .responsive_js_composer_custom_css_1907698358 {
display: none;
}
}
@media (max-width: 1280px) {
.zonex-instagram-sc.style-04 .icon {
margin-bottom: 23px;
}
.zonex-instagram-sc.style-04 .title {
margin-bottom: 35px;
}
.zonex-instagramshopwrap.imagetype.style-02 .title-insshop h3,
.zonex-blog.style-01 .blog-heading {
margin-bottom: 35px;
}
.zonex-instagramshopwrap.imagetype.style-02 .title-insshop h3 {
height: 60px;
line-height: 60px;
font-size: 20px;
padding-top: 3px;
min-width: 250px;
}
.zonex-title.style8 .block-title {
padding-bottom: 20px;
letter-spacing: 0.1em;
}
div.zonex-breadcrumb .breadcrumb{
padding-right: 15px;
padding-left: 15px;
}
}
@media (max-width: 1279px) and (min-width: 1200px){
div.single_slider_content-wrap {
left: 50%;
transform: translateX(-50%);
}
div.slider_images .title-info .woocommerce-Price-amount.amount {
font-size: 25px;
}
}
@media (max-width: 1199px) {
div.zonex-newsletter.style-02 .newsletter-description {
margin-bottom: 20px;
}
.zonex-iconbox.style-07 .icon {
margin-bottom: 30px;
}
.owl-item .zonex-iconbox.style-04 .iconbox-inner,
.owl-item .zonex-iconbox.style-02 .iconbox-inner {
padding: 20px 12px;
}
.zonex-blog.style-02 .blog-info .blog-date {
margin-bottom: 0;
}
.zonex-newsletter.style-05.light .email {
height: 44px;
line-height: 40px;
}
.zonex-newsletter.style-05.light .submit-newsletter {
height: 44px;
line-height: 44px;
}
.product-item.style-5 {
padding: 20px !important;
}
.zonex-tabs .tab-head .tab-link {
margin-bottom: 30px;
}
.sidebar div.widget ul ul ul {
padding-left: 0;
}
.category-info .category-name {
font-size: 20px;
font-family: Jost500;
}
.product-list .list-button-action {
display: none !important;
}
.enable-shop-page-mobile .shop-page .product-list .product-item .product-des {
display: none !important;
}
div.post-feature .post-items-inner {
padding-right: 0;
margin-bottom: 30px;
}
div.single_product_modern_detail .product-toolbar + .shop-page {
margin-top: 0!important;
}
.zonex-none-mobile-device.box-mobile-menu-open .body-overlay {
visibility: visible;
opacity: 1;
}
.images-gallery:not(.row) {
display: grid;
grid-template-columns: 50% 50%;
}
.header div.shopcart-empty .minicart-list-items {
height: calc(100vh - 100px);
}
.header div.minicart-content-inner {
padding: 10px 10px 0px 20px;
}
header .bottom-minicart-text {
margin: 0 -20px;
}
div.minicart-top {
padding-bottom: 0;
margin-bottom: 15px;
width: calc(100% - 10px);
}
div .header div .minicart-items .product-cart {
margin-bottom: 10px;
padding-bottom: 10px;
}
div .header .minicart-content-inner .subtotal {
height: 50px;
line-height: 50px;
border-top: 1px dotted #eee;
margin-right: 10px;
}
div .header .minicart-content-inner .actions .button {
height: 50px;
line-height: 50px;
}
div .header .minicart-content-inner .actions {
margin: 0 10px 0 0;
}
div.product-has-desc h3.desc-title {
font-size: 35px;
}
div.zonex-iconbox.style-06 .icon {
margin-right: 20px;
}
div.zonex-iconbox.style-06 {
padding: 20px;
}
div.zonex-iconbox.style-06 h4.title {
font-size: 20px;
}
}
@media (max-width: 991px) {
.product-info.equal-elem .product-title a{
margin-bottom: 0;
line-height: 18px;
}
.product-item.style-2 div.product-info.equal-elem .product-title a {
margin-bottom: 0;
line-height: 28px;
font-size: 22px;
}
.toolbar-products-shortcode.real-mobile-toolbar .part-filter-wrap span.filter-text,
div.prdctfltr_sc_products span.filter-text {
font-size: 10px !important;
display: inline !important;
text-transform: uppercase !important;
}
.zonex-custommenu.right {
text-align: left;
}
.footer.style-02 .zonex-custommenu.style-02 {
text-align: center;
}
.zonex-instagramshopwrap.style-03 .ziss-item {
width: 50%;
}
.zonex-instagramshopwrap.style-03 .ziss-item:nth-child(5n+1) {
width: 100%;
}
.owl-carousel .owl-dots {
margin-top: 30px;
}
.zonex-newsletter.style-01 .newsletter-top .icon {
display: inline-block;
}
.zonex-newsletter.style-01 .newsletter-top {
display: inline-block;
width: 100%;
text-align: center;
}
.zonex-newsletter.style-01 .newsletter-top .newsletter-title {
display: inherit;
padding: 0;
min-width: inherit;
line-height: 28px;
}
.zonex-newsletter.style-01 .newsletter-form-wrap {
text-align: center;
width: 90%;
}
.zonex-newsletter.style-01 .newsletter-form-wrap input {
width: 100%;
}
.zonex-newsletter.style-03 .newsletter-top .newsletter-title {
margin-top: 20px;
}
.zonex-testimonial.style-02 .content {
font-size: 18px;
}
.zonex-testimonial.style-03 .content {
font-size: 18px;
margin-top: 15px;
margin-bottom: 10px;
padding-bottom: 15px;
line-height: 28px;
}
.zonex-testimonial.style-02 .name {
margin-top: 20px;
}
.zonex-instagram-sc.style-03 .item-wrap:first-child {
width: 100%;
text-align: center;
}
.zonex-instagram-sc.style-03 .item-wrap {
width: 50%;
}
.zonex-instagram-sc.style-02 .item-cell {
width: 50%;
display: inline-block;
float: left;
padding: 0 15px;
}
.zonex-instagram-sc.style-02 .item-cell img {
width: 100%;
}
.zonex-instagram-sc.style-02 .item-cell:nth-child(3) .item:nth-child(2), .zonex-instagram-sc.style-02 .item-cell:nth-child(3) .item:nth-child(3) {
width: 50%;
}
.zonex-instagram-sc.style-02 .item-cell:nth-child(4) .item:nth-child(1) {
width: 50%;
}
.zonex-instagram-sc.style-02 .item-cell:nth-child(1), .zonex-instagram-sc.style-02 .item-cell:nth-child(2), .zonex-instagram-sc.style-02 .item-cell:nth-child(3), .zonex-instagram-sc.style-02 .item-cell:nth-child(4) {
width: 100%;
}
.zonex-instagram-sc.style-02 .item {
margin-right: 0;
}
.zonex-instagram-sc .item img {
width: 100%;
}
.zonex-instagram-sc.style-02 .item {
width: 50%;
display: inline-block;
float: left;
padding: 0 15px;
}
.zonex-instagram-sc.style-02 .item-cell:nth-child(1) {
width: 100%;
}
.zonex-instagram-sc.style-02 .item-cell:nth-child(1) .item {
width: 100%;
}
.zonex-instagram-sc.style-02 .item-cell:nth-child(3) .item:nth-child(3) {
width: 100%;
}
.product-item.style-01 .product-info .deal-title {
font-size: 36px;
}
.zonex-instagramshopwrap .slick-dots {
margin-top: 30px;
}
.zonex-blog.style-02 .blog-info {
padding-top: 35px;
}
.zonex-blog.style-02 .blog-readmore {
min-width: 165px;
height: 50px;
line-height: 46px;
}
.zonex-blog.style-02 .blog-heading {
margin-bottom: 30px;
font-size: 18px;
letter-spacing: 0.1em;
}
.zonex-blog.style-04 .blog-heading {
font-size: 35px;
}
div.content-promobnaner {
padding: 0 0 20px;
}
body .vc_toggle_default .vc_toggle_title > h4 {
font-size: 16px;
}
body.wpb-js-composer .vc_tta.vc_general .vc_tta-panel-title > a {
font-size: 20px;
padding: 0 !important;
}
body .vc_toggle_default .vc_toggle_content {
padding-right: 40px;
line-height: 24px;
font-size: 13px;
}
body .vc_toggle_default:not(:last-child) {
padding-bottom: 7px;
margin-bottom: 7px;
}
.zonex-socials.style-02 .social-item {
min-width: 40px;
height: 40px;
line-height: 36px;
font-size: 16px;
margin-right: 5px;
}
.zonex-iconbox.style-06 .title {
font-size: 30px;
line-height: 24px;
}
.zonex-iconbox.style-07 .desc {
font-size: 20px;
margin: 15px 0 15px;
line-height: 26px;
}
.zonex-iconbox.style-07 .title,
.zonex-blog.style-03 .blog-heading,
.zonex-instagram-sc.style-04 .title {
font-size: 16px;
padding-bottom: 10px;
}
.zonex-blog.style-03 .blog-heading {
margin-bottom: 30px;
}
.zonex-instagram-sc.style-04 .icon {
font-size: 50px;
margin-bottom: 20px;
}
.zonex-banner br,
.zonex-iconbox br,
.zonex-newsletter br,
.zonex-testimonial br,
.zonex-title br {
display: none;
}
.zonex-title.style3 .block-title {
font-size: 16px;
padding-bottom: 15px;
}
.woocommerce-Tabs-panel h2 {
line-height: 40px;
}
.footer.style-09 {
background: #f8f8f8;
}
.footer.style-09 .zonex-custommenu ul {
text-align: center;
}
.zonex-newsletter.style-07 .newsletter-inner {
text-align: center;
}
.zonex-newsletter.style-07.light .newsletter-title {
color: #151515;
margin-bottom: 7px;
}
.zonex-newsletter.style-07 .newsletter-form-wrap-inner {
border-bottom: 1px solid #999999;
color: #999999;
}
.zonex-newsletter.style-07.light .submit-newsletter {
color: #999999;
}
.zonex-title.style1.light .block-title {
font-size: 16px;
}
.zonex-newsletter.style-07.light .newsletter-description {
margin-bottom: 4px;
}
div.detail_special .zonex-bt-video a::before,
div.detail_special .product-360-button a::before,
div.detail_special .special-button a::before,
div.detail_special .zonex-product-gallery-special-item a:before{
font-size: 35px;
}
div.zonex-container-inner .zonex-simple-product {
display: table;
float: none!important;
clear: none;
margin: 0 auto;
}
}
@media (max-width: 767px) {
.zonex-blog .owl-carousel .owl-nav > button {
display: none !important;
}
div.header-post .post-meta-content {
display: none;
}
.main-product .product-grid .owl-carousel.nav-center .owl-nav > button {
font-size: 30px;
width: 50px;
box-shadow: none;
height: 50px;
}
.zonex-newsletter.style-03 .newsletter-form-wrap {
margin-top: 18px;
}
div.single-post-extra {
display: none;
}
div.single-post-extra + .single-post-content-inner {
width: 100%;
padding-left: 0;
top: 0;
}
div.zonex-gallery.align-left,
div.zonex-gallery.align-right {
margin: 10px 0;
float: none;
}
.zonex-instagram-sc.style-04 .icon {
font-size: 50px;
margin-bottom: 20px;
letter-spacing: 0.1em;
}
.zonex-instagram-sc.style-04 .title {
margin-bottom: 25px;
}
.zonex-iconbox.style-07 .icon {
margin-bottom: 20px;
}
.zonex-iconbox.style-01 .iconbox-inner {
padding: 20px 15px;
}
.zonex-iconbox.style-01 .icon {
float: none;
margin-right: 10px;
}
.owl-item .zonex-iconbox.style-04 .iconbox-inner,
.owl-item .zonex-iconbox.style-02 .iconbox-inner {
padding: 0 10px;
}
.zonex-custommenu.style-03 ul li:not(:first-child) {
margin-left: 10px;
}
.zonex-custommenu.style-03 ul li a {
font-size: 14px;
font-weight: 500;
}
.zonex-newsletter.style-06 .newsletter-title {
margin-bottom: 0;
}
.zonex-instagramshopwrap.style-01 .ziss-shop-wrap {
padding-left: 5px;
padding-right: 5px;
}
.zonex-instagramshopwrap.style-03 .ziss-row {
margin-right: -10px;
margin-left: -10px;
}
.zonex-instagramshopwrap.style-03 .ziss-item {
padding-left: 10px;
padding-right: 10px;
margin-bottom: 20px;
}
.zonex-instagramshopwrap.style-04 .slick-list {
margin-left: -10px;
margin-right: -10px;
}
.zonex-instagramshopwrap.style-04 .ziss-item {
padding-left: 10px;
padding-right: 10px;
}
.zonex-products.style-1 .owl-carousel .owl-dots,
.owl-carousel .owl-dots {
margin-top: 20px;
}
.upsells div.owl-carousel .owl-dots, .related div.owl-carousel .owl-dots {
margin-top: 15px;
text-align: center;
}
.zonex-newsletter.style-03 .newsletter-form-wrap {
margin-top: 5px;
width: 100%;
}
.zonex-newsletter.style-01 .newsletter-top .newsletter-title {
font-size: 16px;
text-transform: uppercase;
font-family: Jost600;
margin-bottom: 5px;
}
div.zonex-newsletter form > span {
margin-top: 10px;
}
.zonex-newsletter.style-01 .newsletter-description {
margin-bottom: 20px;
}
.zonex-newsletter.style-01 .newsletter-form-wrap input {
width: 100%;
}
.zonex-newsletter.style-03 .newsletter-form-wrap input {
width: 100%;
}
.zonex-newsletter.style-02 .newsletter-form-wrap input {
display: block;
max-width: 100%;
height: 40px;
line-height: 38px;
}
.zonex-newsletter.style-02 .newsletter-top .newsletter-title {
line-height: 24px;
}
.zonex-newsletter.style-04 .newsletter-form-wrap {
width: 90%;
margin-top: 20px;
}
.zonex-newsletter.style-04 .newsletter-form-wrap input {
width: 100%;
}
.zonex-slider.Testimonials-style-02 .owl-carousel .owl-nav > button {
font-size: 30px;
}
.zonex-testimonial.style-02 .content {
font-size: 14px;
line-height: 28px;
}
.zonex-testimonial.style-03 .content {
font-size: 14px;
margin-top: 15px;
margin-bottom: 10px;
padding-bottom: 15px;
}
.owl-carousel.nav-center .owl-nav > button {
opacity: 1;
visibility: visible;
margin: 0;
width: 26px;
height: 26px;
line-height: 24px;
font-size: 20px;
border-radius: 50%;
text-align: center;
background-color: #fff;
box-shadow: 0 8px 8px rgba(0, 0, 0, 0.09);
color: #151515;
}
.products .owl-carousel.nav-center .owl-nav > button {
display: none;
}
.owl-carousel.nav-center .owl-nav .owl-prev,
.zonex-blog.style-02 .owl-carousel.nav-center .owl-nav .owl-prev {
left: -10px;
}
.owl-carousel.nav-center .owl-nav .owl-next,
.zonex-blog.style-02 .owl-carousel.nav-center .owl-nav .owl-next {
right: -10px;
}
.owl-carousel.nav-center .owl-nav .owl-next {
margin: 0;
}
.zonex-instagram-sc.style-02 .item-cell:nth-child(1), .zonex-instagram-sc.style-02 .item-cell:nth-child(2), .zonex-instagram-sc.style-02 .item-cell:nth-child(3), .zonex-instagram-sc.style-02 .item-cell:nth-child(4) {
width: 100%;
padding: 0;
}
.zonex-instagram-sc.style-03 .item-wrap {
width: 100%;
}
.zonex-instagram-sc.style-02 .item {
width: 100%;
}
.zonex-instagram-sc.style-02 .item-cell:nth-child(3) .item:nth-child(2), .zonex-instagram-sc.style-02 .item-cell:nth-child(3) .item:nth-child(3) {
width: 100%;
}
.zonex-instagram-sc.style-02 .item-cell:nth-child(4) .item:nth-child(1) {
width: 100%;
}
.product-item.style-01 .product-thumb {
width: 100%;
}
.product-item.style-01 .product-info {
width: 100%;
text-align: center;
margin-top: 20px;
padding: 0;
}
.product-item.style-01 .product-info .product-title {
margin-bottom: 15px;
}
.zonex-instagramshopwrap .slick-dots {
margin-top: 20px;
}
.contact-form-container input {
height: 40px !important;
}
.contact-form-container .wpcf7-submit {
line-height: 40px;
}
.zonex-instagram-sc.style-01 .owl-carousel.nav-center .owl-nav .owl-prev {
left: -10px;
}
.zonex-instagram-sc.style-01 .owl-carousel.nav-center .owl-nav .owl-next {
right: -10px;
}
.zonex-instagramshopwrap.imagetype.style-02 .title-insshop h3,
.zonex-blog.style-01 .blog-heading {
margin-bottom: 25px;
font-size: 24px;
}
.zonex-blog.style-01 .blog-heading::before {
width: 50px;
}
.zonex-blog.style-01 .blog-title {
padding-bottom: 10px;
margin-bottom: 8px;
}
.zonex-blog.style-02 .blog-info {
padding-top: 20px;
}
.zonex-blog.style-02 .blog-info .blog-content {
margin-bottom: 15px;
}
.zonex-blog.style-02 .blog-info .blog-date {
margin-bottom: 0;
}
.zonex-banner .banner-thumb img {
width: 100%;
}
.zonex-blog.style-04 .blog-heading {
font-size: 30px;
margin-bottom: 30px;
}
.owl-item .zonex-iconbox.style-03 .content::before,
.owl-item .zonex-iconbox.style-03 .content::after,
.owl-item .zonex-iconbox.style-03 .title::before {
display: none;
}
.zonex-iconbox.style-06 .icon {
margin-bottom: 15px;
}
.zonex-iconbox.style-06 .title {
font-size: 20px;
margin-bottom: 10px;
}
.zonex-title.style3 .block-title {
font-size: 16px;
padding-bottom: 15px;
}
.zonex-buttonvideo.style-01 .zonex-bt-video a {
width: 70px;
height: 70px;
}
.zonex-buttonvideo.style-01 .zonex-bt-video a span::before {
border-width: 10px 0 10px 15px;
top: 24px;
left: 28px;
}
.zonex-buttonvideo.style-01 .zonex-bt-video a span::after {
border-width: 7px 0 7px 10px;
top: 27px;
left: 30px;
}
.zonex-testimonial.style-04 .content {
font-size: 26px;
line-height: 34px;
}
.zonex-testimonial.style-04 .thumb img {
margin-bottom: 25px;
}
.zonex-testimonial.style-04 .name {
padding-top: 15px;
margin-top: 55px;
margin-bottom: 0;
}
.zonex-button.style-01 .button {
min-width: 140px;
height: 45px;
line-height: 41px;
padding: 0 20px;
font-size: 12px;
}
.zonex-title.style7 .title-inner {
padding-top: 15px;
margin-top: 45px;
}
.zonex-title.style7 .title-inner::before {
height: 50px;
}
.zonex-title.style7 .block-title {
font-size: 17px;
letter-spacing: 0.1em;
}
.zonex-tabs .tab-head .tab-link {
margin-bottom: 15px;
white-space: nowrap;
overflow-x: auto;
text-align: left;
}
.zonex-tabs .tab-head .tab-link li a {
padding-bottom: 10px;
}
.zonex-iconbox.style-01 .title {
font-size: 12px;
}
.zonex-blog.style-02 .blog-readmore {
min-width: 130px;
height: 40px;
line-height: 36px;
}
.zonex-blog.style-02 .blog-info .blog-title {
font-size: 18px;
}
.zonex-title.style1 .block-title {
font-size: 14px;
padding-bottom: 10px;
}
.zonex-blog.style-04 .blog-thumb .blog-date {
min-width: 45px;
padding: 0 5px;
font-size: 13px;
}
.zonex-blog.style-04 .blog-month {
font-size: 12px;
}
.zonex-blog.style-04 .blog-title {
font-size: 16px;
}
.zonex-blog.style-01 .blog-thumb {
margin-bottom: 20px;
}
.zonex-blog.style-01 .blog-content {
font-size: 13px;
margin-bottom: 5px;
}
.zonex-tabs .tab-head .tab-link li {
display: inline-block;
margin-right: 20px;
}
.zonex-tabs .tab-head .tab-link li a {
font-size: 15px;
padding-bottom: 5px;
}
.zonex-instagram-sc.style-05 .icon,
.zonex-instagram-sc.style-01 .icon {
font-size: 26px;
width: 70px;
height: 70px;
line-height: 67px;
margin-bottom: 0;
}
.zonex-instagram-sc.style-03 .title {
font-size: 32px;
}
.zonex-instagram-sc.style-05 .title,
.zonex-instagram-sc.style-01 .title {
font-size: 23px;
}
.zonex-instagram-sc.style-05 .desc,
.zonex-instagram-sc.style-01 .desc {
margin-bottom: 15px;
}
.zonex-instagramshopwrap.icontype.style-02 .title-insshop {
font-size: 50px;
}
.footer .zonex-socials {
text-align: center;
}
div.wpb_single_image.center767 {
text-align: center;
}
.footer .zonex-custommenu .menu li a,
.footer .zonex-custommenu .menu li {
line-height: 24px;
}
.zonex-custommenu.style-01 .menu {
padding: 0;
}
div.zonex-products.style-2 .product-item.style-2:nth-child(1), 
div.zonex-products.style-2 .product-item.style-2:nth-child(2) {
width: 100%;
}
.product-item.style-5 {
padding: 10px !important;
}
.product-item.style-5 .product-title {
margin-top: 15px;
}
.zonex-newsletter.style-07 .newsletter-description {
margin-bottom: 3px;
}
.zonex-newsletter.style-07 .newsletter-title {
margin-bottom: 10px;
}
.zonex-newsletter.style-01 .newsletter-top .icon > span {
font-size: 70px;
}
.prdctfltr-pagination-load-more.woocommerce-pagination {
margin-top: 20px;
}
.zonex-title.style5 .block-title {
padding-bottom: 10px;
font-size: 22px;
}
h4.deals-title {
font-size: 18px;
}
div.deals-in-wrap span.time {
font-size: 20px;
}
div.deals-in-wrap .countdown-product.zonex-countdown {
margin: 10px 0 15px;
}
div.summary .attribute-pa_size a.change-value:not(.color) {
border-width: 2px;
height: 34px;
margin-right: 7px;
font-size: 11px;
line-height: 30px;
}
div.zonex-slider .slick-arrow {
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
div.zonex-slider .slick-arrow:last-child{
left: auto;
right: 0;
top: 50%;
}
div.zonex-newsletter.style-03 {
padding: 30px;
}
#popup-newsletter div.zonex-newsletter {
margin: 0;
}
div.product-has-desc .product-content {
padding:0 0 30px;
}
.toolbar-products div.part-wrap.part-cats-list-wrap {
display: none;
}
.wpb_widgetised_column .wpb_wrapper {
justify-content: center;
}
.zonex-categories .category-thumb img {
width: 100%;
}
.zonex-categories.style-02 {
margin-bottom: 15px;
}
.zonex-categories-list-wrap.style-03 .zonex-categories.style-02,
.zonex-categories-list-wrap.style-02 .zonex-categories.style-02 {
width: 100%;
padding: 0 10px;
margin-bottom: 15px;
}
div.ziss-shop-wrap .ziss-figure-wrap .pin-text::before {
font-size: 24px;
}
div.woocommerce-Reviews .woocommerce-product-rating {
float: none;
}
div.woocommerce-Reviews #review_form_wrapper {
margin-left: 0;
margin-top: 20px;
}
div.detals_layout2 .woocommerce-Tabs-panel .woocommerce-Tabs-panel {
padding: 0 10px 30px;
}
.add-close-filter {
display: none;
}
div.zonex-banner.style-11 .banner-inner {
margin-bottom: 20px;
margin-top: 30px;
}
.zonex-banner.style-13 .banner-inner,
.zonex-banner.style-14 .banner-inner,
.zonex-banner.style-15 .banner-inner,
.zonex-banner.style-16 .banner-inner {
display: table;
margin: auto;
}
}
@media (max-width: 600px) {
.main-header.header-mobile{
top:0!important;
}
}
@media (max-width: 480px) {
.zonex-blog.style-01 .blog-readmore,
.zonex-blog.style-03 .blog-readmore {
padding: 0 15px 0 0;
}
.zonex-blog.style-01 .blog-readmore::before,
.zonex-blog.style-03 .blog-readmore::before {
border-bottom: 1px solid #151515;
opacity: 1;
}
.zonex-blog.style-02 .blog-thumb {
float: none;
width: 100%;
}
.zonex-blog.style-02 .blog-info {
float: none;
width: 100%;
padding: 15px;
}
.zonex-title.style2 .block-title {
font-size: 25px;
}
.zonex-title.style4 .block-title {
font-size: 16px;
letter-spacing: 0.1em;
padding-bottom: 10px;
}
.zonex-testimonial.style-04 .content {
font-size: 20px;
}
.zonex-testimonial.style-04 .name {
padding-top: 10px;
margin-top: 35px;
}
.zonex-testimonial.style-04 .name::before {
height: 30px;
}
.zonex-custommenu.style-02.light.right ul li a {
padding-right: 5px;
margin-right: 2px;
}
.zonex-custommenu.style-04 ul li {
padding-right: 5px;
margin-right: 5px;
}
.zonex-custommenu.style-04 ul li a {
font-size: 12px;
}
.zonex-button.style-02 .button {
font-size: 14px;
letter-spacing: 2px;
min-width: 180px;
height: 48px;
line-height: 48px;
padding: 0 10px;
}
.zonex-iconbox.style-07 .desc {
font-size: 13px;
}
.zonex-instagram-sc.style-05 .icon,
.zonex-instagram-sc.style-01 .icon {
font-size: 24px;
width: 55px;
height: 55px;
line-height: 51px;
margin-bottom: 5px;
}
.product-item.style-5 {
padding: 10px !important;
}
.product-item.style-5 .woocommerce-Price-amount.amount {
font-size: 14px;
}
.product-item.style-5 .product-title {
font-size: 12px;
letter-spacing: 0.1em;
margin-bottom: 0;
}
.zonex-newsletter.style-08 .icon {
margin-bottom: 0px;
}
.categories-product-woo h2.block-grid-title {
font-size: 14px;
font-weight: 600;
letter-spacing: 1px;
display: inline-block;
text-transform: uppercase;
}
div.tabs-slider-images-content {
display: block; 
}
}  .page-template-fullscroll #fullpage .vc_row {
margin-left: 0 !important;
margin-right: 0!important;
}
.page-template-fullscroll #fullpage .section-slide {
min-height: 100vh !important;
}
.page-template-fullscroll #fullpage .vc_column_container > .vc_column-inner {
padding-left: 0 !important;
padding-right: 0!important;
}
.enable-animation-on-scroll.page-template-fullscroll .zonex-wow {
visibility: visible!important;
}
.page-template-fullscroll #fullpage .section-slide.fp-auto-height {
min-height: 0 !important;
}
.page-template-fullscroll footer {
display: none;
} .zonex-bg-parallax {
overflow: visible !important;
background-size: cover !important;
background-attachment: fixed !important;
background-repeat: no-repeat !important;
background-position: center !important;
position: relative;
} .woocommerce-page-headermid {
text-align: center;
padding-top: 90px;
}
.header-pos-absolute + .woocommerce-page-headermid {
padding-top: 170px;
}
.woocommerce-page-headermid .title-page {
font-size: 40px;
line-height: 1.2;
color: #151515;
}
.woocommerce-page-headermid .trail-items {
padding: 0 15px;
background-color: transparent;
margin-bottom: 20px;
}
.breadcrumb-trail .breadcrumb > li + li::before {
content: '/';
display: inline-block;
font-family: Fontawesome;
margin: 0 7px;
font-size: 11px;
color: #858585;
}
.breadcrumb > li.active {
color: #151515;
}
.breadcrumb > li a, .breadcrumb > li {
color: #858585;
text-transform: uppercase;
font-size: 10px;
font-family: Jost;
}
.breadcrumb > li a:hover {
color: #ff3636;
} .woocommerce-page-header ul {
padding: 0;
text-align: center;
}
.woocommerce-page-header ul .line-hover {
list-style: none;
display: inline-block;
margin: 0 30px;
}
.woocommerce-page-header ul .line-hover a {
display: inline-block;
font-size: 36px;
color: #858585;
font-family: Jost700;
text-align: center;
position: relative;
padding: 13px 0;
border-bottom:  2px solid transparent;
}
.woocommerce-page-header ul .line-hover a:hover, .woocommerce-page-header ul .line-hover.active a {
color: #151515;
border-bottom: 2px solid;
} .woocommerce-page.woocommerce-account:not(.logged-in) .page-main-content {
max-width: 550px;
border: 2px solid #eee;
margin: 0 auto;
}
.site-main .nav-tabs {
border: none;
margin-bottom: 50px;
}
.nav { 
padding-left: 0;
margin-bottom: 0;
list-style: none;
}
.nav-tabs > li > a {
display: inline-block;
font-weight: 500;
font-size: 18px;
margin-right: 0;
line-height: inherit;
border: none;
border-radius: 0;
position: relative;
padding: 0 0 8px;
color: #151515;
}
.woocommerce-account .woocommerce .customer-form {
margin: 0 auto 50px;
width: 100%;
max-width: 450px;
position: relative;
}
.login-icon {
font-size: 35px;
color: #151515;
margin-bottom: 34px;
text-align: center;
}
p.des-login {
margin: 0 0px 26px;
text-align: center;
font-size: 14px;
font-weight: 500;
line-height: 24px;
color: #151515;
}
p.des-res {
font-size: 14px;
text-transform: uppercase;
font-weight: 500;
line-height: 8px;
letter-spacing: 3px;
margin: 25px 0 0;
}
form.login,
form.register {
overflow: hidden;
padding-top: 20px;
}
.zonex-modal-content .lost_reset_password {
padding: 120px 0;
}
.woocommerce-account.md-content {
max-width: 450px;
}
.customer-form .form-row-wide label,
.login .form-row-wide label {
color: #151515;
display: block;
font-size: 14px;
font-weight: 500;
line-height: 30px;
margin-top: 5px;
margin-bottom: 9px;
}
.customer-form input[type="text"],
.customer-form input[type="email"],
.customer-form textarea,
.customer-form input[type="password"],
.customer-form input[type="tel"],
.login input[type="text"],
.login input[type="email"],
.login textarea,
.login input[type="password"],
.login input[type="tel"] {
padding: 0 20px 0 40px;
width: 100%;
}
.customer-form input[type="submit"],
.login input[type="submit"] {
width: 100%;
font-size: 10px;
}
.lost_password {
font-size: 15px;
line-height: 24px;
color: #858585;
position: relative;
display: inline-block;
}
.lost_password:hover,
.lost_password:focus {
color: #151515;
}
.woocommerce-ResetPassword {
margin: 170px auto 230px;
max-width: 650px;
position: relative;
overflow: hidden;
}
.woocommerce-ResetPassword label {
display: block;
}
.woocommerce-ResetPassword .form-row-first {
width: 100%;
}
.lost_reset_password p:first-child {
color: #151515;
font-size: 15px;
}
.woocommerce-ResetPassword input[type="text"] {
padding: 0;
width: 100%;
border-width: 0 0 2px;
font-family: Jost;
color: #858585;
line-height: 40px;
font-size: 15px;
}
.woocommerce-ResetPassword input[type="submit"] {
width: 100%;
text-align: center;
}
.woocommerce-ResetPassword button.woocommerce-Button.button {
width: 100%;
font-size: 10px;
color: #fff!important;
}
.woocommerce-lost-password .banner-page.no_background {
display: none;
}
.rememberme {
float: left;
color: #a4a4a4;
font-size: 14px;
line-height: 24px;
font-weight: normal;
margin-bottom: 22px;
}
.rememberme input[type="checkbox"] {
display: none;
}
.rememberme > span::before {
content: "";
display: inline-block;
width: 15px;
height: 15px;
border: 2px solid #151515;
background: #fff;
margin-right: 8px;
margin-bottom: -3px;
transition: all 0.3s;
}
.rememberme:hover span, .rememberme input[type="checkbox"]:checked + span {
color: #151515;
position: relative;
}
.rememberme span{
color: #151515;
position: relative;
}
.rememberme input[type="checkbox"] + span::after {
content: "\f00c";
font-family: Fontawesome;
position: absolute;
font-size: 9px;
top: -4px;
left: 3px;
color: transparent;
}
.rememberme input[type="checkbox"]:checked + span::after {
color: #151515;
}
.woocommerce-account .lost_password {
font-size: 13px;
line-height: 16px;
color: #151515;
float: right;
padding: 4px 0 0;
position: relative;
border-bottom: 1px solid;
display: inline-block;
}
.register-button,
.login-button {
border: 1px solid #151515;
display: inline-block;
font-size: 16px;
line-height: 54px;
text-align: center;
width: 100%;
}
.form-row {
float: left;
width: 100%;
margin-bottom: 15px;
position: relative;
}
form.login.processing::before {
position: absolute;
top: 50%;
left: 50%;
content: url(//ilite.sg/wp-content/themes/zonex/assets/images/loading.svg);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 1000;
}
form.login.processing > * {
opacity: 0.5;
}
.login-reg-note {
display: inline-block;
position: relative;
text-transform: uppercase;
font-size: 10px;
margin: -7px auto 0;
color: #454545;
font-family: Jost500;
border: 1px solid;
line-height: 50px;
width: 100%;
text-align: center;
cursor: pointer;
}
.login-reg-note:hover {
color: #fff;
background: #454545;
border-color: #454545;
} .divider {
font-weight: 600;
text-transform: uppercase;
font-size: 11px;
line-height: 24px;
color: #151515;
display: inline-block;
position: relative;
width: 100%;
text-align: center;
margin-top: 21px;
margin-bottom: 27px;
}
.divider::before,
.divider::after {
border-top: 1px solid #e4e4e4;
top: 50%;
content: "";
position: absolute;
width: -webkit-calc(50% - 30px);
width: -moz-calc(50% - 30px);
width: calc(50% - 30px);
}
.divider::before {
left: 0;
}
.divider::after {
right: 0;
}
.theme-4 {
text-align: center;
}
.theme-4 .apsl-icon-block {
font-size: 14px !important;
height: 50px;
line-height: 34px !important;
border-radius: 0 !important;
margin: 0 7px 18px 7px;
}
.theme-4 .fa {
vertical-align: middle !important;
font-size: 18px !important;
padding-top: 0 !important;
padding-right: 10px !important;
}
.myaccount-wellcome {
color: #151515;
font-weight: 400;
margin: 0 0 30px;
}
.woocommerce-Address {
border: 1px solid #dddddd;
margin-bottom: 30px;
padding: 20px;
}
.woocommerce-MyAccount-content .form-row > label {
color: #151515;
display: inline-block;
font-size: 15px;
margin-top: 15px;
min-width: 200px;
font-weight: normal;
float: left;
max-width: 100%;
font-family: Jost500;
}
.woocommerce-MyAccount-content fieldset {
width: 100%;
display: inline-block;
margin-top: 60px;
border-top: 1px dotted #5555;
padding-top: 65px;
}
.woocommerce-MyAccount-content fieldset legend {
color: #151515;
display: block;
font-weight: 500;
border-bottom: none;
}
.woocommerce-MyAccount-content input.button {
background: #151515;
border: medium none;
color: #ffffff;
line-height: 52px;
padding: 0 40px;
}
.woocommerce-MyAccount-content input.button:hover {
background: #ff3636;
color: #ffffff;
}
.woocommerce-MyAccount-content .form-row {
margin-top: 0;
display: flex;
align-items: center;
}
.woocommerce-MyAccount-content .form-row input {
width: calc(100% - 200px);
padding: 0;
border-width: 0 0 2px;
border-color: #cfcfcf;
}
.woocommerce-MyAccount-content button.woocommerce-Button.button {
width: calc(100% - 200px);
margin-top: 20px;
}
span.name-edit {
width: calc(100% - 200px);
}
span.name-edit > span {
width: 50%;
}
.woocommerce-MyAccount-content span.form-row input {
width: calc(100% - 15px);
}
.woocommerce-MyAccount-content span.form-row:last-child input {
margin-left: 15px;
}
.woocommerce-MyAccount-content h3 {
color: #151515;
margin: 0 0 30px;
}
.woocommerce-MyAccount-navigation > ul {
padding-left: 0;
}
.woocommerce-MyAccount-navigation > ul li {
line-height: 42px;
list-style: none;
font-family: Jost500;
display: inline-block;
margin: 0 18px;
font-size: 18px;
color: #858585;
border-bottom: 2px solid transparent;
margin-bottom: -2px;
}
.woocommerce-MyAccount-navigation > ul li a {
color: inherit;
}
.woocommerce-MyAccount-navigation > ul li.is-active,
.woocommerce-MyAccount-navigation > ul li:hover {
color: #151515;
border-color: #151515;
}
nav.woocommerce-MyAccount-navigation {
margin-bottom: 70px;
border-bottom: 2px solid #cfcfcf;
}
.woocommerce-MyAccount-navigation > ul li:first-child {
margin-left: 0;
}
p.title-account {
font-size: 36px;
font-family: Jost500;
margin-bottom: 50px;
color: #151515;
} .woocommerce-password-strength {
margin-top: 15px;
padding-bottom: 10px;
margin-bottom: 10px;
position: relative;
}
.woocommerce-password-strength::before {
content: '';
display: block;
height: 4px;
width: 100%;
background-color: #c2c2c2;
position: absolute;
left: 0;
bottom: 0;
}
.woocommerce-password-strength::after {
content: '';
display: block;
height: 4px;
position: absolute;
left: 0;
bottom: 0;
}
.woocommerce-password-strength.short::after {
background-color: #f44336;
width: 25%;
}
.woocommerce-password-strength.bad::after {
background-color: #ff9800;
width: 50%;
}
.woocommerce-password-strength.good::after {
background-color: #2196F3;
width: 75%;
}
.woocommerce-password-strength.strong::after {
background-color: #4CAF50;
width: 100%;
} .shop-sidebar div.widget:not(:last-child) {
margin-bottom: 40px;
}
.shop-sidebar div.widget:not(:last-child) > ul {
padding-bottom: 0;
}
.shop-sidebar .widget ul li {
border: medium none;
font-weight: 500;
}
.shop-sidebar .widget ul li a {
color: #999999;
}
.shop-sidebar .widget ul li a:hover {
color: #ff3636;
}
.widget.widget_product_categories ul li a {
color: #151515;
}
.widget.widget_product_categories ul li a:hover {
color: #ff3636;
}
.sidebar .widget.widget_product_categories span.arow {
border-top: 2px solid;
width: 25px;
display: none;
float: left;
position: relative;
margin-right: 10px;
align-items: center;
height: 20px;
margin-top: 5px;
}
.sidebar .widget.widget_product_categories span.arow:before {
width: 12px;
content: "";
border-bottom: 2px solid;
display: inline-block;
position: absolute;
left: 0;
top: 4px;
}
.sidebar .widget.widget_product_categories span.arow:after {
content: "";
width: 20px;
border-bottom: 2px solid;
display: inline-block;
position: absolute;
left: 0;
bottom: 6px;
} .prdctfltr_wc.prdctfltr_woocommerce.pf_default .prdctfltr_woocommerce_ordering {
background: #fff;
padding: 25px 25px 0;
box-shadow: 0 3px 45px rgba(0, 0, 0, .06);
margin: 0 0 50px;
}
.prdctfltr_sc .prdctfltr_wc .prdctfltr_filter_title {
font-weight: 500;
color: #333;
margin-bottom: 20px
}
.prdctfltr_sc span.prdctfltr_title_selected {
display: none;
}
.prdctfltr_sc.hiden-filter .prdctfltr_wc .prdctfltr_filter_title {
display: none !important;
}
.prdctfltr_sc .prdctfltr_wc .prdctfltr_filter_title .prdctfltr_woocommerce_filter_title:hover {
color: #ff3636;
}
.prdctfltr_sc .prdctfltr_showing {
float: right;
}
.prdctfltr_sc .prdctfltr_showing:before{
display: none;
}
.prdctfltr_wc .prdctfltr_filter_title span.prdctfltr_woocommerce_filter_title {
display: inline-block;
font-size: 14px;
text-transform: uppercase;
letter-spacing: 2px;
float: left;
margin-right: 5px;
font-weight: 600;
color: #151515;
}
.prdctfltr_wc .prdctfltr_woocommerce_filter:not(.pf_ajax_loading) .prdctfltr-bars{
width: 11px;
position: absolute;
border-bottom: 2px solid;
display: inline-block;
top: 50%;
right: 0;
margin-top: 3px;
float: right;
margin-right: 8px;
color: #151515;
}
.prdctfltr_wc .prdctfltr_woocommerce_filter:not(.pf_ajax_loading) .prdctfltr-bars::before {
content: "";
width: 8px;
border-bottom: 2px solid;
position: absolute;
top: -4px;
left: 0;
}
.prdctfltr_wc .prdctfltr_woocommerce_filter:not(.pf_ajax_loading) .prdctfltr-bars::after {
content: "";
width: 16px;
position: absolute;
border-bottom: 2px solid;
left: 0;
top: -8px;
}
.pf_select.prdctfltr_woocommerce .prdctfltr_filter span.prdctfltr_title_selected {
display: none;
font-size: 0;
width: 20px;
position: absolute;
background: #454545;
height: 20px;
padding: 0;
margin: 3px 10px;
}
.pf_select.prdctfltr_woocommerce .prdctfltr_filter span.prdctfltr_title_selected a {
margin: 0;
float: none;
font-size: 12px;
display: flex;
color: #ffff;
position: relative;
width: 100%;
justify-content: center;
align-items: center;
width: 20px;
height: 20px;
}
.prdctfltr_wc .prdctfltr_filter .mCSB_scrollTools .mCSB_draggerRail {
width: 4px;
}
.shop-prdctfltr-filter-wrapper .prdctfltr_wc .prdctfltr_filter_title .prdctfltr_woocommerce_filter,
.shop-prdctfltr-filter-wrapper .prdctfltr_wc .prdctfltr_filter_title > span.prdctfltr_woocommerce_filter_title{
display: none;
}
.products-size svg {
-webkit-transition: .5s;
transition: .5s;
width: 18px;
height: 18px;
margin: 0 20px 0 0;
display: inline-block;
vertical-align: middle;
stroke: #9f9f9f;
stroke-width: 0;
fill: #9f9f9f;
}
.products-size.active svg, .products-size:hover svg {
stroke: #ff3636;
fill: #ff3636;
}
a.filter-toggle {
font-size: 15px;
text-transform: uppercase;
font-family: Jost600;
display: flex;
color: #151515;
align-items: center;
}
span.filter-text {
font-size: 10px;
margin-left: 8px;
white-space: nowrap;
}
.prdctfltr_sc.style-02 span.filter-text {
font-size: 18px;
margin: 0 10px 0 0;
text-transform: CAPITALIZE;
float: left;
font-family: Jost500;
}
.prdctfltr_sc.style-02 a.filter-toggle {
font-size: 16px;
display: inline-block;
}
span.icon-filter {
width: 11px;
position: relative;
border-bottom: 2px solid;
display: inline-block;
margin-right: 8px;
}
span.icon-filter::before {
content: "";
width: 8px;
border-bottom: 2px solid;
position: absolute;
top: -4px;
right: 0;
}
span.icon-filter::after {
content: "";
width: 16px;
position: absolute;
border-bottom: 2px solid;
right: 0;
top: -8px;
}
.no-banner .toolbar-products.toolbar-top {
border-top: 1px solid #dfdfdf;
}
.toolbar-products.toolbar-top {
display: flex;
width: 100%;
padding: 0;
justify-content: space-between;
line-height: 44px;
margin: 0;
align-items: start;
}
div.prdctfltr_topbar {
display: inline-block;
font-weight: 400;
font-size: 14px;
margin-bottom: 10px;
}
.filter-sc {
display: flex;
width: 100%;
justify-content: space-between;
}
.toolbar-products .filter-sc .part-wrap {
width: auto;
display: inline-block;
align-items: center;
line-height: 26px;
}
.toolbar-products .part-wrap {
width: 100%;
display: flex;
align-items: center;
}
.toolbar-products .part-wrap {
width: 100%;
display: flex;
align-items: center;
}
.no-sidebar .top_sidebar .filter-toggle-hide .part-filter-wrap {
display: none;
}
.prdctfltr_topbar > span:before {
display: none;
}
.toolbar-products-shortcode .filter-sc-right {
display: flex;
padding: 0 15px;
line-height: 40px;
justify-content: right;
}
.toolbar-products-shortcode form.fami-woocommerce-ordering{
margin-left: 30px;
width: inherit;
}
.toolbar-products-shortcode .chosen-container-single .chosen-drop{
min-width: 150px;
}
a.filter-toggle:hover{
opacity: 0.8;
}
a.display-mode {
width: 22px;
overflow: hidden;
display: inline-block;
height: 16px;
font-size: 0;
position: relative;
opacity: 0.4;
}
a.display-mode.active, a.display-mode:hover {
opacity: 1;
}
.grid-mode a.display-mode::before {
content: "";
width: 16px;
position: absolute;
left: 0;
height: 16px;
background-image: url(//ilite.sg/wp-content/themes/zonex/assets/images/icon.png);
background-position: 0 0;
}
.list-mode a.display-mode::before {
content: "";
width: 22px;
position: absolute;
left: 0;
height: 16px;
background-image: url(//ilite.sg/wp-content/themes/zonex/assets/images/icon.png);
background-position: -24px 0;
}
.toolbar-products.toolbar-products-mobile,
.real-mobile-toolbar.toolbar-products-shortcode {
padding-left: 5px;
padding-right: 5px;
}
.zonex-is-real-mobile .fami-products-shortcode-wrap .shop-prdctfltr-filter-wrap {
position: fixed;
z-index: 1111000;
top: 0;
left: 0;
transform: translateX(-100%);
right: 50px;
transition: 0.3s;
}
.zonex-is-real-mobile.wc-prdctfltr-active .fami-products-shortcode-wrap .shop-prdctfltr-filter-wrap {
height: 100vh;
transform: translateX(0);
background: #fff;
}
.zonex-is-real-mobile .fami-products-shortcode-wrap .close-filter {
display: block;
}
.fami-products-shortcode-wrap .close-filter {
text-transform: uppercase;
font-size: 10px;
font-family: Jost500;
color: #858585;
padding: 9px 20px;
position: fixed;
border-bottom: 1px solid #e5e5e5;
top: 0;
left: 0;
width: 100%;
z-index: 111;
background: #fff;
display: none;
}
.fami-products-shortcode-wrap span.kz-close {
font-size: 16px;
position: relative;
top: 3px;
color: #151515;
margin-right: 7px;
margin-left: 0;
}
.zonex-is-real-mobile .prdctfltr_sc .prdctfltr_wc {
position: relative;
margin-bottom: 0;
margin-top: 46px;
overflow-y: scroll;
overflow-x: hidden;
z-index: 1;
max-height: calc(100% - 46px);
}
.enable-header-mobile div.toolbar-products.toolbar-products-mobile, .enable-header-mobile div.real-mobile-toolbar.toolbar-products-shortcode {
padding-left: 0;
padding-right: 0;
border: none;
}
.enable-header-mobile div.real-mobile-toolbar.toolbar-products-shortcode {
margin: 0 -20px 20px;
float: none;
border-top: 1px solid #eee;
width: auto;
padding: 0 20px;
border-bottom: 1px solid #eee;
}
.enable-header-mobile div.toolbar-products.toolbar-products-mobile .filter-sc-left {
width: 100%;
}
.enable-shop-page-mobile .shop-page div.top-bar-shop {
display: inline-block;
width: 100%;
padding: 0 0 7.5px;
}
.part-filter-wrap {
float: left;
line-height: 40px;
}
.toolbar-products ul.category-filter {
text-align: left;
}
a.products-size {
display: inline-block;
text-align: center;
width: 20px;
line-height: 20px;
height: 20px;
font-family: Jost600;
color: #858585;
margin: 0;
font-size: 11px;
transition: all 0.3s cubic-bezier(0, 0, 0, 0.61) 0s;
-o-transition: all 0.3s cubic-bezier(0, 0, 0, 0.61) 0s;
-webkit-transition: all 0.3s cubic-bezier(0, 0, 0, 0.61) 0s;
}
span.icon-products-sizes {
width: 40px;
height: 40px;
display: inline-block;
border: 1px solid #e5e5e5;
cursor: pointer;
z-index: 0;
transition: all 0.3s cubic-bezier(0, 0, 0, 1.01) 0s;
-o-transition: all 0.3s cubic-bezier(0, 0, 0, 1.01) 0s;
-webkit-transition: all 0.3s cubic-bezier(0, 0, 0, 1.01) 0s;
align-items: center;
position: relative;
}
.no-sidebar span.icon-products-sizes:hover,
.no-sidebar .part-products-size-wrap:hover span.icon-products-sizes {
opacity: 0;
-webkit-transform: translateY(-45px);
-moz-transform: translateY(-45px);
-ms-transform: translateY(-45px);
-o-transform: translateY(-45px);
transform: translateY(-45px);
visibility: hidden;
}
.no-sidebar span.icon-products-sizes:hover + .products-sizes .products-size,
.no-sidebar .part-products-size-wrap:hover .products-size {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
opacity: 1;
visibility: visible;
}
a.products-size:hover, a.products-size.active {
color: #151515;
border-bottom: 2px solid;
}
.part-filter-wrap + .part-cats-list-wrap ul.category-filter {
text-align: left;
line-height: 34px;
}
.toolbar-products .category-filter li:first-child {
margin-left: 0;
}
.toolbar-products .category-filter li:last-child {
margin-right: 0;
}
.toolbar-products .filter-ordering {
float: right;
min-width: 100px;
font-size: 14px;
color: #858585;
white-space: nowrap;
}
.content-promobnaner {
padding: 0 0 40px;
}
.main-product .prdctfltr_wc.shop-prdctfltr-filter-wrap .prdctfltr_filter_title {
margin: 0;
padding: 10px;
display: block;
}
.main-product div.prdctfltr_wc.shop-prdctfltr-filter-wrap .prdctfltr_woocommerce_ordering {
top: 0!important;
}
.enable-shop-page-mobile div.prdctfltr_wc.shop-prdctfltr-filter-wrap .prdctfltr_filter_title .prdctfltr_woocommerce_filter {
top: -2px;
display: none;
}
.enable-shop-page-mobile div.prdctfltr_wc.shop-prdctfltr-filter-wrap {
margin: 0;
}
.enable-shop-page-mobile div.prdctfltr_wc.shop-prdctfltr-filter-wrap .prdctfltr_collector {
margin: 0 10px 10px 0;
}
.zonex-is-real-mobile .fami-products-shortcode-wrap {
margin-top: 0;
}
.zonex-is-real-mobile .toolbar-products-shortcode form.fami-woocommerce-ordering {
margin-left: 0;
width: inherit;
border-left: 1px solid #eee;
}
.zonex-is-real-mobile .prdctfltr_wc .mCustomScrollbar.mCS_no_scrollbar {
max-height: inherit !important;
}
.prdctfltr_wc.shop-prdctfltr-filter-wrap .prdctfltr_woocommerce_ordering .prdctfltr_filter.prdctfltr_product_brand label > span {
border: 1px solid #e5e5e5;
border-radius: 0;
}
.prdctfltr_wc.shop-prdctfltr-filter-wrap .prdctfltr_filter.prdctfltr_product_brand label {
margin: 0 3px;
}
.chosen-container-single .chosen-single div b {
background: transparent;
}
.chosen-container-single .chosen-single div b::before {
content: "\e902";
font-family: kazen-font;
font-size: 10px;
padding-left: 5px;
font-weight: 400;
}
.fami-woocommerce-ordering select.orderby {
width: 100%;
border: none;
padding: 0 0 0 20px;
height: 40px;
line-height: 40px;
color: #868686;
}
.shop-prdctfltr-filter-wrap {
margin-bottom: 10px;
}
.products-size:hover::before, .products-size.active::before {
opacity: 1;
}
div.chosen-container-single .chosen-single, .chosen-container-active.chosen-with-drop .chosen-single {
border-radius: 0;
background: no-repeat;
border: none;
height: 36px;
box-shadow: 0 0 0;
color: #151515;
font-size: 10px;
text-transform: uppercase;
line-height: 36px;
font-family: Jost600;
border-bottom: 1px solid #e5e5e7;
padding: 0;
}
.chosen-container-single .chosen-drop {
margin-top: -1px;
border: none;
border-radius: 0;
box-shadow: 0 5px 30px rgba(0,0,0,.1);
font-size: 13px;
min-width: 130px;
font-family: Jost500;
}
div.chosen-container.chosen-with-drop .chosen-drop{
right: 0;
left: auto;
}
div.chosen-container-single .chosen-search {
display: none;
}
div.chosen-container .chosen-results {
padding: 0;
margin: 0;
}
div.chosen-container .chosen-results li.active-result {
display: list-item;
cursor: pointer;
padding: 12px 15px;
color: #151515;
}
div.chosen-container .chosen-results li.highlighted {
background: #e3e7e8;
color: #151515;
} .widget_price_filter form {
margin-top: 44px;
overflow: visible;
}
.price_label {
color: #868686;
float: left;
font-size: 12px;
}
.price_slider_amount .button {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border: 2px solid #151515;
color: #151515;
display: inline-block;
float: right;
font-size: 10px;
font-weight: 600;
height: 26px;
line-height: 24px;
padding: 0 10px;
text-transform: uppercase;
}
div.price_slider.ui-slider-horizontal {
border: medium none;
height: 3px;
}
.ui-slider-horizontal .ui-slider-range {
background: #151515;
}
div.price_slider.ui-slider-horizontal {
background: #cccccc;
border: medium none;
height: 3px;
}
.price_slider_wrapper .ui-slider-horizontal .ui-slider-handle:last-child {
margin-left: -10px;
}
.price_slider_wrapper .ui-slider-horizontal .ui-slider-handle {
background: rgba(0, 0, 0, 0);
border: medium none;
color: #151515;
cursor: pointer;
font-size: 16px;
margin: 0;
top: -24px;
width: 11px;
}
.price_slider_wrapper .ui-slider-horizontal .ui-slider-handle::before {
content: "\F0d7";
font-family: 'FontAwesome', sans-serif;
font-size: 16px;
}
.price_slider_amount {
display: inline-block;
margin-top: 20px;
width: 100%;
}
.price_slider_amount .button:hover, .price_slider_amount .button:focus {
background-color: #ff3636;
border: 2px solid #ff3636;
color: #ffffff;
}
.ui-slider {
position: relative;
text-align: left;
}
.ui-slider .ui-slider-handle {
cursor: default;
height: 1.2em;
position: absolute;
width: 1.2em;
z-index: 2;
}
.ui-slider .ui-slider-range {
background-position: 0 0;
border: 0 none;
display: block;
font-size: 0.7em;
position: absolute;
z-index: 1;
}
.ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range {
filter: inherit;
}
.ui-slider-horizontal {
height: 0.8em;
}
.ui-slider-horizontal .ui-slider-handle {
margin-left: -0.6em;
top: -0.3em;
}
.ui-slider-horizontal .ui-slider-range {
height: 100%;
top: 0;
}
.ui-slider-horizontal .ui-slider-range-min {
left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
right: 0;
}
.ui-slider-vertical {
height: 100px;
width: 0.8em;
}
.ui-slider-vertical .ui-slider-handle {
left: -0.3em;
margin-bottom: -0.6em;
margin-left: 0;
}
.ui-slider-vertical .ui-slider-range {
left: 0;
width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
top: 0;
} .toolbar-products-shortcode.real-mobile-toolbar .part-filter-wrap {
min-width: inherit;
text-align: right;
position: relative;
z-index: 10;
}
.toolbar-products-shortcode.real-mobile-toolbar .part-filter-wrap span.filter-text {
font-size: 0;
display: none;
}  .select2-container {
width: 100% !important;
}
.select2-container--default .select2-selection--single {
background-color: rgba(0, 0, 0, 0);
border: 1px solid #dddddd;
border-radius: 0;
height: 57px;
line-height: 57px;
margin: 0;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
color: #666666;
line-height: 57px;
padding-left: 20px;
padding-right: 40px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
height: 57px;
}
.select2-container .select2-choice .select2-arrow b:after {
border: none;
font-family: 'FontAwesome', sans-serif;
content: "\f107";
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
margin-top: 0;
margin-left: -15px;
}
.select2-dropdown {
border: 1px solid #e6e6e6;
border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
}
.select2-dropdown .select2-search .select2-search__field {
background-color: #ffffff;
padding: 0 16px;
height: 57px;
line-height: 57px;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
border: 1px solid #e6e6e6;
}
.select2-results__option {
padding: 0 20px;
height: 57px;
line-height: 57px;
}
.select2-dropdown .select2-result {
color: #888888;
}
.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option[aria-selected="true"] {
background-color: #f0f2f5;
color: #151515;
}
.select2-container--default .select2-results__option[aria-selected="true"] {
color: #151515;
} .invalidate-required label .required {
display: none;
}
.invalidate-required label::after {
content: '*';
font-size: 15px;
color: #ff3636;
}
.woocommerce-form__label-for-checkbox input[type="checkbox"] {
display: none;
}
.woocommerce-form__label-for-checkbox > span {
display: inline-block;
font-size: 14px;
font-family: Jost300;
}
.woocommerce-form__label-for-checkbox > span::before {
content: "";
display: inline-block;
width: 18px;
height: 18px;
line-height: 16px;
text-align: center;
font-size: 12px;
border: 1px solid #e2e2e2;
background: #f2f2f2;
color: #e2e2e2;
margin-right: 11px;
margin-bottom: 3px;
vertical-align: middle;
transition: all 0.3s;
}
.woocommerce-form__label-for-checkbox:hover span::before,
.woocommerce-form__label-for-checkbox .woocommerce-form__input-checkbox:checked + span::before {
font-family: FontAwesome;
content: "\f00c";
}
.woocommerce-form__label-for-checkbox .woocommerce-form__input-checkbox:checked + span::before {
color: #151515;
border-color: #151515;
} .form-row textarea:focus, 
.form-row textarea:invalid,
.form-row input:focus, 
.form-row input:invalid{
border-color: #151515!important;
}
.checkout.woocommerce-checkout .input-text {
width: 100%;
border-width: 0 0 2px;
border-color: #cfcfcf;
padding: 0;
height: 40px;
color: #151515;
line-height: 40px;
}
.checkout.woocommerce-checkout textarea.input-text {
height: auto;
}
.checkout.woocommerce-checkout .col-1 label, .checkout.woocommerce-checkout .col-2 label {
font-weight: normal;
margin-bottom: 10px;
float: left;
color: #151515;
font-size: 15px;
position: inherit!important;
font-family: Jost600;
white-space: normal;
}
.checkout.woocommerce-checkout .col-2 label{
margin-top: 6px;
}
span.woocommerce-input-wrapper {
width: 100%;
float: left;
}
.checkout.woocommerce-checkout .woocommerce-billing-fields__field-wrapper > p {
margin-bottom: 30px;
align-items: center;
}
.checkout.woocommerce-checkout .woocommerce-privacy-policy-text p {
margin-bottom: 0;
}
.checkout.woocommerce-checkout .variation p {
margin-bottom: 0;
}
.login input[type="text"],
.login input[type="password"]{
padding: 0;
width: 100%;
border-width: 0 0 2px;
border-color: #e3e7e8;
background: #e8f0fe;
color: #151515;
}
.woocommerce-account .form-row {
float: left;
width: 100%;
margin-bottom: 22px;
position: relative;
}
.woocommerce-account span.form-row {
width: calc(50%);
}
.woocommerce-account input.input-text:invalid + .account-label ,
.woocommerce-account input.input-text:focus + .account-label {
font-size: 13px;
color: #151515;
transform: none;
top: -11px;
}
span.account-label {
font-size: 15px;
line-height: 15px;
color: rgba(21,21,21,.5);
position: absolute;
z-index: -1;
-o-transition: 0.3s linear 0s;
-webkit-transition: 0.3s linear 0s;
transition: 0.3s linear 0s;
top: 50%;
left: 0;
display: none;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.woocommerce-account input.input-text {
height: 38px;
padding: 0;
line-height: 38px;
background: transparent;
border-width: 0 0 2px 0;
width: 100%;
border-radius: 0;
}
.woocommerce-account input.input-text:focus,
.woocommerce-account input.input-text:invalid {
border-color: #151515;
color: #151515;
}
.woocommerce-account input{
font-size: 13px;
}
.form-row-last {
float: right;
}
#billing_phone_field,
#billing_email_field {
width: 100%;
}
.woocommerce-additional-fields {
display: inline-block;
width: 100%;
margin-top: 20px;
}
button.button:hover {
opacity: 0.8;
} .checkout-before-top {
overflow: hidden;
margin-bottom: 70px;
font-size: 13px;
}
.woocommerce-form-login-toggle, .woocommerce-form-coupon-toggle {
background: #f5f5f5;
text-align: center;
}
.checkout-before-top .zonex-checkout-login,
.checkout-before-top .zonex-checkout-coupon {
width: 50%;
display: table;
float: none;
margin: 0 auto 30px;
}
.checkout-before-top .zonex-checkout-login form.login p:first-child {
color: #151515;
padding: 10px 30px 20px;
font-size: 15px;
text-align: center;
}
.login button.button {
width: 100%;
padding: 0 50px;
margin-top: 10px;
}
.login .woocommerce-form__label-for-checkbox {
margin-top: 5px;
}
.checkout-before-top .zonex-checkout-login form.login p:nth-child(4) {
margin-bottom: 0;
}
.checkout-before-top .zonex-checkout-login form.login label { 
color: #a9a9a9;
font-weight: normal;
}
.checkout-before-top .zonex-checkout-coupon .checkout_coupon {
overflow: hidden;
margin-left: 10px;
}
.checkout-before-top .zonex-checkout-coupon .checkout_coupon .form-row-first {
width: -webkit-calc(100% - 240px);
width: -moz-calc(100% - 240px);
width: calc(100% - 240px);
padding-right: 15px;
}
.checkout-before-top .zonex-checkout-coupon .checkout_coupon .form-row-first .input-text {
width: 100%;
border: 1px dashed #eee;
}
.checkout-before-top .zonex-checkout-coupon .checkout_coupon .form-row-last {
width: 240px;
}
.checkout-before-top .zonex-checkout-coupon .checkout_coupon p:first-child {
margin: 25px 0 30px;
color: #151515;
text-align: center;
font-size: 15px;
}
.checkout-before-top .zonex-checkout-coupon .checkout_coupon .form-row-last .button {
width: 100%;
text-transform: uppercase;
}
.checkout-before-top .woocommerce-info {
text-transform: uppercase;
font-size: 10px;
line-height: 30px;
font-family: Jost500;
padding: 15px 20px;
margin: 0;
background-color: transparent;
color: #858585;
border: none;
} .col2-set:not(.woocommerce-Addresses) {
overflow: hidden;
}
.woocommerce-Address {
border: 1px solid #ebebeb;
margin-bottom: 30px;
padding: 20px !important;
}
.col2-set .col-1, .col2-set .col-2 {
padding: 0;
margin-bottom: 30px;
}
.form-row .select2-container--default .select2-selection--single .select2-selection__arrow {
height: 40px;
}
.form-row .select2-container--default .select2-selection--single {
height: 40px;
line-height: 40px;
border-width: 0 0 2px 0;
border-color: #cfcfcf;
}
.form-row .select2-container--default .select2-selection--single .select2-selection__rendered {
color: rgba(21,21,21,.5);
line-height: 40px;
padding-left: 0;
padding-right: 40px;
}
div.woocommerce-additional-fields {
margin-top: 0;
}
.woocommerce-account-fields,
.woocommerce-billing-fields__field-wrapper,
.woocommerce-additional-fields__field-wrapper {
overflow: hidden;
}
.woocommerce-account-fields .woocommerce-form__label-for-checkbox > span::before,
.woocommerce-shipping-fields .woocommerce-form__label-for-checkbox > span::before {
width: 18px;
height: 18px;
text-align: center;
line-height: 16px;
font-size: 12px;
}
.woocommerce-billing-fields h3, .woocommerce-shipping-fields h2 {
font-size: 36px;
line-height: 36px;
color: #151515;
margin-bottom: 30px;
font-family: Jost;
}
.woocommerce-shipping-fields #ship-to-different-address label {
width: 100%;
margin-bottom: 30px;
color: #858585;
font-family: Jost;
}
.woocommerce-shipping-fields h2 {
margin-bottom: 21px;
}
.woocommerce-shipping-fields #ship-to-different-address {
font-size: 15px;
line-height: 24px;
margin-bottom: 40px;
} h3#review_heading {
font-size: 36px;
margin-bottom: 20px;
display: none;
font-family: Jost;
}
.woocommerce-checkout-review-order-wrap {
padding: 35px 50px;
overflow: hidden;
position: relative;
background: #f5f5f5;
}
.woocommerce-checkout-review-order-wrap #order_review_heading {
font-size: 13px;
line-height: 46px;
color: #151515;
font-family: Jost600;
text-transform: uppercase;
margin-bottom: 0;
width: 100%;
}
body .woocommerce .woocommerce-checkout-review-order-wrap .woocommerce-checkout-review-order {
float: left;
width: 100%;
}
body .woocommerce .woocommerce-checkout-review-order-wrap table.shop_table {
border: none;
margin: 0;
}
body .woocommerce .woocommerce-checkout-review-order-wrap table.shop_table.review-order-table {
margin: 0;
}
body .woocommerce-checkout-review-order table.shop_table tr th {
font-size: 13px;
font-family: Jost600;
color: #151515;
text-transform: uppercase;
width: 20%;
}
.woocommerce-checkout-review-order .order-total td {
text-align: right;
}
.title-payment ~ .title-payment {
display: none;
}
.title-payment {
font-size: 10px;
width: 20%;
float: left;
font-family: Jost600;
color: #151515;
text-transform: uppercase;
}
.woocommerce-checkout-payment .wc_payment_methods > li {
margin-bottom: 5px;
font-size: 15px;
}
li.wc_payment_method.payment_method_paypal img {
padding: 0 10px;
}
a.about_paypal {
white-space: nowrap;
font-size: 13px;
font-family: Jost;
border-bottom: 1px solid;
}
.woocommerce-checkout-payment .wc_payment_methods > li label {
color: #858585;
font-weight: 400;
font-family: Jost;
}
.woocommerce-privacy-policy-text {
font-size: 15px;
line-height: 22px;
color: #151515;
margin-bottom: 20px;
}
.woocommerce-privacy-policy-text a {
text-decoration: underline;
}
body .woocommerce .woocommerce-checkout-review-order-wrap table.shop_table tr{
display: table;
width: 100%;
}
body .woocommerce .woocommerce-checkout-review-order-wrap table.shop_table tr:not(:last-child) {
margin-bottom: 5px;
}
body .woocommerce-checkout-review-order .shop_table .review-order-table tr td.product-total {
text-align: right;
}
body .woocommerce .woocommerce-checkout-review-order-wrap table.shop_table th {
padding: 30px 20px 30px 0!important;
width: 40%!important;
vertical-align: middle;
}
body .woocommerce .woocommerce-checkout-review-order-wrap table.shop_table td {
width: 80%!important;
}
.validate-required .required {
opacity: 0;
}
.cart-subtotal .woocommerce-Price-amount.amount {
font-size: 15px;
}
.woocommerce-checkout-review-order-table tfoot td {
padding-right: 0!important;
text-align: right !important;
} .shipping #shipping_method {
list-style: none;
padding-left: 0;
display: inline-block;
text-align: left;
}
p.woocommerce-shipping-destination {
margin-top: 20px;
}
.shipping th,
.shipping td {
vertical-align: top;
}
.shipping input[type="radio"],
.wc_payment_methods input[type="radio"] {
display: none;
}
.shipping input[type="radio"] + label::before, .wc_payment_methods input[type="radio"] + label::before {
content: "";
display: inline-block;
width: 12px;
height: 12px;
border: 1px solid #5555;
background: #e3e3e3;
border-radius: 50%;
margin-right: 11px;
transition: all 0.3s;
position: relative;
top: 1px;
}
.shipping #shipping_method label {
font-family: Jost;
font-weight: 400;
}
.shipping input[type="radio"]:checked + label::before, .wc_payment_methods input[type="radio"]:checked + label::before {
background: #151515;
border-color: #151515;
}
.shipping input[type="radio"]:checked + label::before, .wc_payment_methods input[type="radio"]:checked + label {
color: #151515;
}
body .woocommerce-checkout-review-order .shop_table {
margin-bottom: 40px;
}
body .woocommerce-checkout-review-order .shop_table tr th, body .woocommerce-checkout-review-order .shop_table tr td {
border-width: 0 0 1px 0;
padding: 17px 15px 17px 0;
font-size: 16px;
border-style: dashed;
line-height: 30px;
border-color: #5555;
color: #151515;
}
.woocommerce-checkout-review-order-table tfoot {
border-top: 1px dashed #5555;
}
body .woocommerce-checkout-review-order .shop_table tr:last-child th, 
body .woocommerce-checkout-review-order .shop_table tr:last-child td {
padding: 23px 0;
border-bottom: none;
}
body .woocommerce-checkout-review-order .shop_table .product-name img {
margin-right: 20px;
max-width: 60px;
display: table-cell;
float: left;
}
span.rv-titel {
float: left;
margin-right: 15px;
width: 80%;
}
strong.product-quantity {
float: left;
padding-right: 10px;
padding-left: 10px;
}
.total-price {
display: none;
width: 100%;
}
.woocommerce-checkout-review-order-table dl.variation {
display: grid;
font-size: 13px;
grid-template-columns: auto 100%;
width: 70%;
white-space: nowrap;
font-family: Jost;
margin: 0;
overflow: hidden;
float: left;
}
dl.variation {
margin-top: 0;
margin-bottom: 5px;
}
dl.variation p {
margin: 0;
}
.variation dt, .variation dd {
display: inline-block;
}
.woocommerce-thankyou-order-details {
padding-bottom: 20px;
}
.review-wrap {
overflow: hidden;
text-align: left;
}
body .woocommerce-checkout-review-order .shop_table .review-order-table tr td {
border: none;
padding: 8px 0;
font-size: 15px;
font-family: Jost500;
}
.review-order-table .woocommerce-Price-amount.amount {
font-size: 15px;
font-family: Jost600;
}
body .woocommerce-table--order-details th,
body .woocommerce-table--order-details td,
body .woocommerce-table--customer-details th,
body .woocommerce-table--customer-details td {
color: #151515;
padding: 17px 10px !important;
border-left: none;
border-right: none;
}
body .woocommerce-table--order-details .product-quantity {
vertical-align: bottom;
float: none;
}
ul.wc-item-meta p {
margin: 0;
}
section.woocommerce-bacs-bank-details {
margin-bottom: 30px;
}
.woocommerce-checkout-payment {
overflow: hidden;
}
.woocommerce-checkout-payment .wc_payment_methods {
list-style: none;
padding-left: 0;
background: #fff;
padding: 20px;
margin-bottom: 30px;
}
.woocommerce-checkout-payment p {
color: #555;
}
.woocommerce-checkout-payment li:last-child p {
margin-bottom: 0;
}
#place_order {
width: 100%;
margin-top: 50px;
text-transform: uppercase;
}
.woocommerce-terms-and-conditions-wrapper::before {
content: "";
border-bottom: 1px dotted #5555;
position: absolute;
bottom: 0;
left: 0;
right: 0;
}
.woocommerce-terms-and-conditions-wrapper {
display: inline-block;
position: relative;
} .page-header {
padding-bottom: 0;
margin: 25px 0 86px;
border-bottom: none;
}
body.search  .shop-page {
min-height: 100px;
margin: 60px 0;
padding: 0;
}
body.search .product-toolbar + .shop-page {
margin-top: 0;
}
body.search .main-content {
width: 100%;
}
.search-page {
margin: 50px 0;
}
.no-results.not-found {
padding: 15px;
}
body.search .sidebar {
display: none;
}
.search-page.blog-page {
padding: 60px 0;
}
.search-page.left-sidebar .main-content {
float: right;
}
.page-header .page-title,
body.search .main-product > h1 {
font-size: 40px;
line-height: 1.2;
text-align: center;
margin-bottom: 0;
-ms-word-wrap: break-word;
word-wrap: break-word;
}
.page-header .page-title span,
body.search .main-product > h1 > span {
display: block;
font-size: 20px;
line-height: 24px;
text-align: center;
color: #151515;
margin-top: 16px;
text-transform: capitalize;
}
body.search .main-product > h1 {
display: none;
}
body.search.shop-page-mobile .main-product > h1 {
display: block;
margin-bottom: 40px;
}
body.search .main-product > h1 > span {
margin-bottom: 86px;
}
.search .prdctfltr_wc {
display: none;
} .error404 .header.style-02 .header-position {
border-bottom: 1px solid #eee;
}
.error404 .header-pos-absolute {
padding-bottom: 100px;
}
.page-404 {
padding-top: 300px;
padding-bottom: 300px;
}
.page-404 .heading {
font-weight: 300;
color: #151515;
margin-bottom: 30px;
font-size: 200px;
}
.page-404 .heading {
font-weight: 300;
font-family: Jost700;
color: #151515;
margin-bottom: 10px;
font-size: 72px;
}
.page-404 p {
font-size: 18px;
line-height: 36px;
color: #a4a4a4;
margin-bottom: 55px;
}
.error404 h2.title {
font-size: 18px;
font-family: Jost500;
margin-bottom: 45px;
}
.error404 .banner-page, .error404 .breadcrumb-page {
display: none;
}
.error404 form#searchform {
max-width: 560px;
margin: 25px auto 50px;
width: 100%;
}
.page-404 a.button::before {
content: "\e972";
font-family: kazen-font;
position: relative;
font-size: 14px;
margin: 10px;
top: 2px;
}
.page-404 a.button {
display: inline-block;
padding: 0 30px;
background-color: #151515;
font-size: 10px;
text-transform: uppercase;
text-align: center;
height: 56px;
min-width: 290px;
font-family: Jost500;
line-height: 52px; 
max-width: 100%;
color: #ffffff;
}
.page-404 a.button:hover {
opacity: 0.8;
}
.error404 .zonex-searchform button:hover {
background: #ff3636;
color: #fff;
} .woocommerce-page .page-main-content {
padding: 20px 0 0;
}
.page-template-default.woocommerce-page .page-main-content {
padding: 0;
min-height: 300px;
margin: auto;
}
.woocommerce-page.woocommerce-account.woocommerce-lost-password .page-main-content {
border: none;
}
.woocommerce-page .left-slidebar .page-main-content, .page-template-default:not(.wpb-js-composer) .left-slidebar .page-main-content,
.woocommerce-page .right-slidebar .page-main-content, .page-template-default:not(.wpb-js-composer) .right-slidebar .page-main-content {
padding: 0;
}
.enable-shop-page-mobile.woocommerce-page .page-main-content,
.enable-shop-page-mobile.page-template-default:not(.wpb-js-composer) .page-main-content {
padding: 10px 0px;
}
.vc_video-bg-container {
background-position: center;
}
.vc_row-o-equal-height .vc_col-has-fill > .vc_column-inner {
padding-top: 0;
}
.wpb-js-composer .vc_tta.vc_tta-style-classic div.vc_tta-panel-heading {
border-width: 1px 0;
}
.wpb-js-composer div.vc_tta.vc_tta-style-classic .vc_tta-panel-body {
border-width: 0 0 1px;
padding: 0 0 38px;
font-size: 15px;
color: #151515;
}
.wpb-js-composer div.vc_tta.vc_general .vc_tta-panel-title > a {
padding: 34px 0;
}
.wpb-js-composer div.vc_tta-color-white.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-title > a {
color: #151515;
font-size: 24px;
font-weight: 400;
line-height: 30px;
}
.wpb-js-composer div.vc_tta-color-white.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-title > a {
color: #151515;
}
.wpb-js-composer div.vc_tta-color-white.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading:focus, .wpb-js-composer div.vc_tta-color-white.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading:hover {
background-color: transparent;
}
.wpb-js-composer .vc_tta .vc_tta-controls-icon.vc_tta-controls-icon-plus::after {
content: '';
display: block;
position: absolute;
box-sizing: border-box;
left: 50%;
bottom: 0;
top: 0;
-ms-transform: translateX(-50%);
transform: translateX(-50%);
border-style: solid;
border-width: 0 0 0 1px;
}
.wpb-js-composer .vc_tta .vc_tta-controls-icon.vc_tta-controls-icon-plus::before {
content: '';
display: block;
position: absolute;
box-sizing: border-box;
left: 0;
right: 0;
top: 50%;
-ms-transform: translateY(-50%);
transform: translateY(-50%);
border-style: solid;
border-width: 1px 0 0;
}
.wpb-js-composer .vc_tta.vc_tta-accordion .vc_tta-controls-icon-position-right .vc_tta-controls-icon {
position: absolute;
top: 50%;
-ms-transform: translateY(-50%);
transform: translateY(-50%);
right: 20px;
}
.wpb-js-composer div.vc_tta .vc_tta-controls-icon.vc_tta-controls-icon-chevron::before {
left: 0px;
right: 6px;
top: 6px;
bottom: 0px;
}
.wpb-js-composer div.vc_tta.vc_tta-accordion .vc_tta-controls-icon-position-right .vc_tta-controls-icon {
-ms-transform: translateY(-50%) rotate(-90deg);
transform: translateY(-50%) rotate(-90deg);
}
.wpb-js-composer div.vc_tta.vc_tta-accordion .vc_active .vc_tta-controls-icon-position-right .vc_tta-controls-icon {
-ms-transform: translateY(-50%) rotate(180deg);
transform: translateY(-50%) rotate(180deg);
}
.wpb-js-composer div.vc_tta.vc_tta-accordion .vc_active .vc_tta-controls-icon-position-right .vc_tta-controls-icon::before {
border-color: #ff3636;
}
.wpb-js-composer .vc_tta.vc_tta-accordion .vc_tta-controls-icon-position-right .vc_tta-controls-icon {
height: 18px;
right: 0px !important;
width: 18px;
}
.wpb-js-composer div.vc_tta-color-white.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading {
border-color: #e5e5e5;
}
.wpb-js-composer div.vc_tta-color-white.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-heading {
border-color: #e5e5e5;
}
.wpb-js-composer div.vc_tta-color-white.vc_tta-style-classic .vc_tta-panel:first-child .vc_tta-panel-heading {
border: none;
}
.wpb-js-composer .vc_tta-color-white.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-body {
border-color: #e5e5e5;
}
.wpb-js-composer .vc_tta-color-white.vc_tta-style-classic .vc_tta-panel:last-child .vc_tta-panel-body {
border: none;
}
.page-template-sidebarpage .vc_row[data-vc-stretch-content="true"],
.page-template-sidebarpage .vc_row[data-vc-full-width="true"] {
border-left: 360px solid #fff;
}
.vc_sep_width_80 {
max-width: 420px;
width: 100%;
color: #333;
text-transform: uppercase;
letter-spacing: 1px;
}
div.vc_separator.vc_separator_align_center h4 {
padding: 0 25px;
text-align: center;
}
.vc_separator.width-70 {
width: 70px;
}
.owl-carousel .wpb_single_image:hover img {
opacity: 0.8;
}
.vc_row.bg-center-top {
background-position: center 75px !important;
} body.modal-open {
padding: 0 !important;
}
div#popup-newsletter {
padding: 0 !important;
background: rgba(0, 0, 0, .8);
z-index: 999999;
}
.disable-newsletter-on-mobile div#popup-newsletter,
.disable-newsletter-on-mobile.modal-open .modal-backdrop.fade.in{
display: none !important;
}
#popup-newsletter .vc_sep_width_30 {
width: 40px;
}
#popup-newsletter h2.vc_custom_heading {
font-weight: 600;
letter-spacing: 1px;
}
#popup-newsletter .modal-content {
padding: 0;
border-radius: 0;
display: inline-block;
width: 100%;
}
#popup-newsletter .newsletter-content {
text-align: center;
}
.newsletter-content .vc_row {
margin: 0;
}
#popup-newsletter .newsletter-content .vc_column-inner {
padding: 0;
}
#popup-newsletter .zonex-newsletter .newsletter-form-wrap-inner {
position: relative;
display: inline-block;
width: 520px;
max-width: 100%;
}
#popup-newsletter .zonex-newsletter.style-02 .newsletter-form-wrap input {
max-width: 520px;
height: 40px;
width: 100%;
margin: 0 auto;
display: block;
padding: 0;
font-weight: 600;
border-width: 0 0 1px 0;
color: #151515;
}
#popup-newsletter .zonex-newsletter {
margin: 20px 50px;
}
#popup-newsletter .title-news::before {
content: "";
width: 70px;
position: absolute;
bottom: 0;
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
border-bottom: 1px solid #ff3636;
}
#popup-newsletter .title-news {
position: relative;
color: #151515;
font-size: 25px;
font-weight: 300;
padding: 20px 30px 30px;
line-height: 34px;
margin-bottom: 35px;
}
.title-news span {
font-size: 14px;
letter-spacing: 2px;
text-transform: uppercase;
font-weight: 700;
display: block;
margin-bottom: 10px;
}
.newsletter-content button.close {
background: transparent;
color: #151515;
opacity: 1;
font-size: 16px;
height: 20px;
text-transform: none;
display: table;
float: none;
margin: 0px auto;
line-height: 20px;
border-bottom: 1px solid;
margin-top: 45px;
}
.newsletter-content p {
font-size: 14px;
padding: 0 25px;
color: #8b8b8b;
}
.modal-inner {
z-index: 2;
position: relative;
}
.modal-content > button.close {
-webkit-appearance: none;
padding: 0;
cursor: pointer;
background: 0 0;
color: #151515;
border: 0;
position: absolute;
top: 15px;
font-size: 0;
right: 20px;
margin: 0;
opacity: 1;
z-index: 9;
text-align: center;
}
.modal-content > button.close:hover {
color: #858585;
}
.modal-content > button.close::after {
content: "";
width: 17px;
border-top: 2px solid;
position: absolute;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
top: 8px;
left: 8px;
}
.modal-content > button.close::before {
content: "";
width: 17px;
border-top: 2px solid;
position: absolute;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
top: 8px;
left: 8px;
}
.modal-backdrop.fade.in {
display: none;
z-index: 99;
}
.modal-open .modal-backdrop.fade.in {
display: block;
}
#popup-size-guide .modal-inner {
padding-top: 50px;
} .wcmp_vendor_banner_template.template1 .vendor_description div.vendor_img_add {
width: 550px;
}
.wcmp_vendor_banner_template.template1 div.img_div img {
border: 0px solid #fff;
max-width: 170px;
max-height: 170px;
}
.wcmp_vendor_banner_template.template1 div.vendor_description {
position: absolute;
top: auto;
height: auto;
background: transparent;
bottom: 0;
}
div.vendor_description .img_div {
float: left;
margin-right: 30px;
}
.wcmp_vendor_banner_template.template1 .wcmp_vendor_name {
text-transform: capitalize;
font-size: 20px;
}
.wcmp_vendor_banner_template.template1 .vendor_address {
color: #fff;
overflow: hidden;
margin-top: 0;
}
.wcmp_vendor_detail i.wcmp-font {
width: 20px;
float: left;
text-align: left;
}
div.wcmp_social_profile .wcmp-font {
background: #fff;
font-size: 35px;
margin: -2px;
}
.vendor_description .vendor_address p, .vendor_description a.wcmp_vendor_detail {
line-height: 1.2;
font-size: 15px;
}
.vendor_description .vendor_address label {
font-size: 15px;
}
.wcmp_vendor_banner_template.template1 .description_data {
text-align: center;
}
div.description_data p {
line-height: 1.6;
} .persephone.tparrows {
border-radius: 50%;
border-width: 2px;
font-weight: 600;
}
.persephone.tparrows::before {
line-height: 50px;
}
span.rev-title {
font-family: Jost600;
margin-right: 5px!important;
float: left;
}
.vc_progress_bar .vc_single_bar {
background: #ccc!important;
height: 5px;
margin-top: 56px;
margin-bottom: 0;
}
div.vc_progress_bar .vc_single_bar .vc_bar {
background: #151515!important;
}
.vc_progress_bar .vc_single_bar .vc_label {
position: absolute;
top: -28px;
font-family: Jost600;
width: 100%;
text-transform: uppercase;
font-size: 10px;
padding: 0 !important;
}
span.vc_label_units {
position: absolute;
right: 0;
color: #858585;
}
@media screen and (max-width: 1100px) {
div.wcmp_vendor_banner_template.template1 div.vendor_description {
position: relative;
padding-bottom: 70px;
}
div.wcmp_vendor_banner_template .vendor_img_add div.img_div img {
max-width: 70px;
max-height: 70px;
}
}
@media (min-width: 992px) {
#popup-newsletter .modal-dialog {
width: 720px;
margin: 0px auto 0;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
} @media (max-width: 991px) {
.single-container {
padding-bottom: 50px;
padding-top: 15px;
}
.single-post .banner-page.hero-banner-page.no_background {
display: none
}
}
@media (max-width: 767px) {
.banner-page.no_background {
min-height: 90px !important;
padding-bottom: 30px !important;
margin-top: 10px !important;
margin-bottom: 0 !important;
}
.banner-page.no_background .content-banner {
padding: 0 10px;
position: static;
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none;
}
.banner-page.no_background .content-banner .title-page {
font-size: 30px;
line-height: 1.25;
font-weight: normal;
color: #151515;
margin-top: 25px;
margin-bottom: 0;
}
.tparrows {
display: none !important;
}
ul.product-list .product-info {
padding-top: 30px;
}
.center-mobile {
text-align: center !important;
}
.famibt-right-part::after, .famibt-right-part::before {
display: none;
}
div.famibt-wrap {
padding: 40px 20px;
margin: 15px 0;
}
.no-sidebar div.upsells, .no-sidebar div.related {
padding: 0 10px;
}
div.summary .entry-title {
font-size: 20px;
line-height: 36px;
font-weight: 400;
color: #333;
}
.zonex-none-mobile-device .reset_variations {
text-align: left;
}
div .woocommerce-Tabs-panel {
margin-top: 30px;
margin-bottom: 20px;
}
.mobile-center {
text-align: center !important;
}
div .more-items {
margin-top: 15px;
}
.product-toolbar .post-navigation .nav-links > div::before {
display: none;
}
.product-item .thumb-link img {
width: 100%;
}
div .product-item .product-title {
line-height: 20px;
}
.subtotal span.woocommerce-Price-amount.amount {
font-size: 16px;
}
.container-search .search-results-wrap .product-item-search {
padding: 10px 10px 0;
}
.zonex-simple-product .image-wrap {
padding: 0 0 40px 40px;
}
.zonex-simple-product .product-info-wrap {
position: absolute;
bottom: 0;
left: 0;
}
.woocommerce-page-headermid .woocommerce-page-header ul {
padding: 0;
text-align: left;
white-space: nowrap;
overflow-x: auto;
}
div.checkout-before-top .zonex-checkout-login, 
div.checkout-before-top .zonex-checkout-coupon {
width: 100%;
}
}
@media (max-width: 576px) {  .page-404 {
padding: 80px 0;
}
.wpb-js-composer div.vc_tta-color-white.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-title > a {
font-size: 20px;
line-height: 24px
} .single-post .single-container .post-info {
padding-bottom: 45px
}
.single-post .single-post-products-carousel-title {
margin-top: 30px;
margin-bottom: 30px
}
}
.fb_dialog {
z-index: 99 !important;
}
.fb_iframe_widget iframe {
z-index: 99 !important;
} @media ( min-width: 1280px) {
body .header:not(.style-02):not(.style-03) .header-container {
padding-left: 50px;
padding-right: 50px;
}
body.single-product .gallery_detail .detail-content {
width: 26%;
padding-left: 50px;
padding-top: 40px;
}
body.single-product .gallery_detail .single-left {
width: 74%;
}
}
@media ( min-width: 1501px) and ( max-width: 1800px) { .horizon-menu .main-navigation .main-menu > .menu-item {
margin: 0 15px;
}
body:not(.zonex-theme) .header:not(.style-02):not(.style-03) .container.header-container{
padding-left: 50px;
padding-right: 50px;
}
div.product-toolbar {
padding-left: 10px;
padding-right: 10px;
}
header span.close-notice {
right: 50px;
}
body.single-product .detail-content {
padding-left: 30px;
}
}
@media ( min-width: 1200px) and ( max-width: 1800px) {
.position-static .submenu.megamenu {
max-width: calc(100% - 30px)!important;
margin-left: 15px !important;
}
div.row-table {
position: relative;
}
.horizon-menu .main-navigation .main-menu > .menu-item.position-static{
position: static;
}
}
@media ( max-width: 1500px) { .horizon-menu .main-navigation .main-menu > .menu-item {
margin: 0 15px;
}
header.style-06 .horizon-menu .main-navigation .main-menu > .menu-item::after {
left: -10px;
}
div.product-toolbar {
padding-left: 0;
padding-right: 0;
}
header span.close-notice {
right: 20px;
}
header.style-03 .header-menu > div.header-logo {
padding: 0 30px 0 0;
}
.style-05 .header-wrap .main-header-menu .header-position {
padding: 20px 0;
}
body.single-product .detail-content {
padding-left: 30px;
}
div.style-17 .bg-overlay {
-webkit-transform: translateX(-50%) translateY(-50%) scale(0.8);
-moz-transform: translateX(-50%) translateY(-50%) scale(0.8);
-ms-transform: translateX(-50%) translateY(-50%) scale(0.8);
-o-transform: translateX(-50%) translateY(-50%) scale(0.8);
transform: translateX(-50%) translateY(-50%) scale(0.8);
}
}
@media ( max-width: 1366px) { .instant-search-modal .instant-search-title,
.instant-search-modal .product-cats {
margin-bottom: 10px;
}
.instant-search-modal .instant-search-wrap {
padding-top: 50px;
}
.instant-search-close {
top: 10px;
}
.container-search {
margin-top: 20px;
}
.container-search .scrollbar-macosx {
max-height: -webkit-calc(100vh - 300px);
max-height: -moz-calc(100vh - 300px);
max-height: calc(100vh - 300px);
}
.search-view {
margin-top: 15px;
margin-bottom: 15px;
}
.instant-search-modal .product-info {
position: relative;
overflow: hidden;
margin-top: 17px;
margin-bottom: 10px;
} .header-control-left .currency-language .wcml-dropdown-click,
.header-control-left .currency-language > li,
.header-control-left .block-account,
.header-control-left .zonex-minicart {
margin-right: 10px;
} body.single-product .detail-content {
padding-left: 30px;
}
.backtotop {
right: 40px;
}
.slider_images .zonex-product-single-gallery:not(.zonex-center-mode) {
display: table;
width: 100%;
}
.slider_images .zonex-product-single-gallery:not(.zonex-center-mode) .zonex-product-gallery__image {
display: table-cell;
}
.slider_images .zonex-product-single-gallery:not(.zonex-center-mode) .zonex-product-gallery__image a {
display: block;
padding: 0 4.7619048%;
}
.has-sidebar .vertical_thumnail .zonex-product-button {
top: 10px;
left: 130px;
bottom: auto;
}
.has-sidebar .product-360-button a::before,
.has-sidebar .zonex-bt-video a::before {
margin-right: 0;
}
.has-sidebar .product-360-button a span,
.has-sidebar .zonex-bt-video a {
font-size: 0;
} .cart-collaterals .cart_totals h2,
.cart-collaterals .cart_totals .shop_table {
width: 100%;
}
.wc-proceed-to-checkout .checkout-button {
margin: 0;
min-width: 230px;
}
body .woocommerce .woocommerce-cart-form table.shop_table tbody td {
padding: 30px 20px 20px 0;
}
body .woocommerce table.shop_table tr td.product-remove {
padding-right: 20px;
}
.yith-wcwl-share {
padding-left: 0;
}
.cart-collaterals .cart_totals .shop_table tr td {
width: auto;
} body .woocommerce .woocommerce-checkout-review-order-wrap .woocommerce-checkout-review-order,
.woocommerce-checkout-review-order-wrap #order_review_heading {
display: block;
width: 100%;
}
div.blog-content.blog-modern {
padding: 0 20px;
}
div div.style-17 .bg-overlay {
-webkit-transform: translateX(-50%) translateY(-50%) scale(0.6);
-moz-transform: translateX(-50%) translateY(-50%) scale(0.6);
-ms-transform: translateX(-50%) translateY(-50%) scale(0.6);
-o-transform: translateX(-50%) translateY(-50%) scale(0.6);
transform: translateX(-50%) translateY(-50%) scale(0.6);
}
}
@media (min-width: 1281px) {
.summary.title-price-stars-outside-summary .cart .single_add_to_cart_button {
width: calc(100% - 287px);
}
.zonex-banner:not(.style-13):not(.style-14):not(.style-15):not(.style-16) .banner-thumb img {
width: 100%;
}
.zonex-banner.style-18 .banner-thumb img {
width: auto;
transform: none;
}
}
@media (max-width: 1280px) {
div.blog-content.grid .post-expand > div, div.blog-content.typography .post-expand > div {
margin-left: 5px;
margin-right: 5px;
}
.header .zonex-minicart .mini-cart-icon .minicart-text {
display: none;
}
.header .zonex-minicart .mini-cart-icon span.minicart-number {
right: auto;
} .comment:not(:last-child) {
padding-bottom: 25px;
margin-bottom: 25px;
}
.commentlist .children {
padding-left: 25px;
padding-top: 25px;
margin-top: 25px;
}
.comment_container .flex {
padding-right: 0;
vertical-align: top;
}
.zonex-products.style-2 .product-item.style-2 .product-thumb .thumb-link, 
.zonex-products.style-2 .product-item.style-2 .product-thumb .thumb-link {
padding: 20px 15% 0;
}
}
.page-template-default .main-container {
padding-bottom: 60px;
padding-top: 60px;
}
@media (min-width: 1200px) {
.product-item:not(.style-2) .product-info.equal-elem {
height: auto !important;
}
header:not(.style-01):not(.style-07):not(.site-header-mobile) .main-navigation .main-menu .menu-item.position-static .submenu.megamenu{
max-width: 100% !important;
}
div.cart-collaterals {
width: 360px;
}
.col2-set:not(.woocommerce-Addresses) {
margin-right: 50px;
width: 55%;
float: left;
}
form.woocommerce-cart-form {
width: calc(100% - 450px);
float: left;
}
ul li.wc_payment_method.payment_method_paypal img {
padding: 0 10px;
max-width: 240px;
}
}
@media (max-width: 1199px) {
.zonex-banner .banner-thumb {
width: 100%;
}
.single-post-products-carousel-wrap .container {
width: 100%;
}
.main-container.shop-page.no-sidebar .container {
width: 100%;
padding: 0 10px;
}
.archive .site-header-mobile .container {
padding: 0 10px;
}
.product-toolbar .container {
width: 100%;
padding: 0;
}
.single div.product-toolbar {
padding-bottom: 15px;
padding-top: 15px;
padding-left: 15px;
padding-right: 15px;
margin: 0;
}
.single div.product-toolbar + .shop-page .content-row .main-content {
margin-top: 0;
}
div.product-toolbar .breadcrumb-trail {
padding: 0 10px;
}
div.product-toolbar .post-navigation {
padding-left: 10px;
padding-right: 10px;
}
div.products-size svg {
margin: 0 0 0 5px;
}
.ziss-popup-wrap .ziss-popup-inner .ziss-popup-body .ziss-popup-body-left {
margin-left: 8px;
}
.toolbar-products-shortcode .filter-sc-right {
width: 100%;
} .header-wrap {
display: none;
}
body .style-07.style-06 .header-menu.horizon-menu {
display: none;
}
div.header-action-res {
display: flex;
width: 100%;
justify-content: space-between;
position: relative;
align-items: center;
}
.single div.header-action-res {
border-bottom: 1px solid rgba(0,0,0,.1);
}
.style-06 .header-main-inner{
display: none;
}
body .page-header-style06 .vc_row[data-vc-stretch-content="true"],
body .page-header-style06 .vc_row[data-vc-full-width="true"],
body .page-header-style06 .fullwidth-template .vc_row,
body .page-header-style06 .site-main .vc_row,
body .page-header-style06 footer .vc_row,
body .page-header-style06 .slider-rev-wrap{
border-left: none;
}
.single div.header-action-res {
border-bottom: 1px solid rgba(0,0,0,.1);
}
.header-action-res > div {
padding: 5px 15px;
}
header.style-12 .logo{
margin: 0;
}
.mobile-navigation {
display: inline-block;
margin: 0;
}
a.search-icon {
display: inline-block;
font-size: 16px;
color: inherit;
position: relative;
font-weight: 600;
top: 3px;
background: transparent!important;
margin-right: 8px;
}
.header .block-account {
margin-right: 10px;
top: 3px;
}
header.header .zonex-minicart .mini-cart-icon {
top: 2px;
}
.block-account span.title-acc {
display: none;
}
.header-action-res > div.logo img {
padding: 5px;
}
.style-01 .header-action-res .logo img.fami-img,
.style-08 .header-action-res .logo img.fami-img {
display: none !important;
}
.header-action-res .acction-right {
display: flex;
}
.header-action-res a.search-icon {
display: inline-block;
font-size: 16px;
color: inherit;
position: relative;
top: 3px;
margin: 0;
line-height: 40px;
}
.header-action-res .search-block {
display: inline-block;
margin-left: 10px;
}
header .header-action-res form.search-form {
top: 0;
left: 0;
z-index: 10;
right: 0;
position: relative;
display: inline-block;
background: #fff;
color: #151515;
width: 100%;
}
html.instant-search-open .header-action-res .instant-search-close {
right: 5px;
z-index: 111;
text-align: left;
margin-bottom: 20px;
}
header.site-header div.instant-search-modal form.search-form .search-field.search-has-results {
top: -5px;
}
header:not(.site-header-mobile) div.search-results-croll {
max-height: calc(100vh - 100px);
}
header.site-header .header-action-res button.search-submit {
font-size: 25px
}
.box-mobile-menu-open .box-mobile-menu {
left: 0;
opacity: 1;
visibility: visible;
overflow: visible;
}
body.page-template-sidebarpage {
margin-left: 0;
}
header.header.header-sidebar {
width: 100%;
height: auto;
position: relative;
padding: 0;
background: transparent;
}
header.header.header-sidebar .header-vertical-top .logo {
line-height: 60px;
margin-bottom: 0;
padding: 0 20px;
}
.admin-bar header.header.header-sidebar {
padding: 0;
} body .vertical-menu .main-navigation .main-menu > .menu-item .submenu li {
width: 100%;
}
.close-vertical-menu {
margin-bottom: 10px;
}
.menu-scroll {
padding-bottom: 20px;
height: -webkit-calc(100vh - 100px);
height: -moz-calc(100vh - 100px);
height: calc(100vh - 100px);
padding: 0 20px;
}
.menu-scroll .scrollbar-macosx {
height: -webkit-calc(100vh - 125px);
height: -moz-calc(100vh - 125px);
height: calc(100vh - 125px);
}
.ic_r div.header-control-right {
padding-right: 15px;
}
.zonex-header-sidebar {
margin-left: 0;
}
.zonex-header-sidebar .btn-canvas {
left: -16px;
}
.zonex-header-sidebar.sidebar-canvas-open .btn-canvas {
left: 345px;
}
.header.header-sidebar .header-vertical-top {
padding-bottom: 10px;
}
.header.header-sidebar .header-menu {
position: fixed;
top: 0;
left: -400px;
width: 360px;
max-width: -webkit-calc(100% - 20px);
max-width: -moz-calc(100% - 20px);
max-width: calc(100% - 20px);
min-height: 100vh;
padding-top: 46px;
padding-bottom: 10px;
background-color: #ffffff;
-webkit-box-shadow: 7px 0 20px 0 rgba(0, 0, 0, 0.05);
-moz-box-shadow: 7px 0 20px 0 rgba(0, 0, 0, 0.05);
box-shadow: 7px 0 20px 0 rgba(0, 0, 0, 0.05);
transition: left 0.4s;
-webkit-transition: left 0.4s;
-o-transition: left 0.4s;
z-index: 99;
}
.vertical-menu-open .header.header-sidebar .header-menu {
left: 0;
padding-top: 0;
width: 280px;
}
.vertical-menu .main-navigation .main-menu > .menu-item > span.toggle-submenu {
top: 12px;
right: -6px;
}
.vertical-menu .main-navigation .main-menu > .menu-item > .submenu {
padding: 0;
}
header.header.header-sidebar .header-vertical-top .header-vertical-control > div {
padding: 10px;
text-align: center;
}
header .vertical-menu .main-navigation .main-menu > .menu-item > a {
padding: 15px 0;
}
.header.header-sidebar .header-logo,
.header.header-sidebar .header-control-right {
display: block;
width: 50% !important;
}
.header.header-sidebar .header-logo {
text-align: left;
}
.header.header-sidebar .header-control-right {
text-align: right;
} .vertical_thumnail .zonex-product-button {
top: 25px;
left: 130px;
bottom: auto
}
.product-360-button a::before,
.zonex-bt-video a::before {
margin-right: 0;
padding: 1px;
font-size: 20px;
}
.product-360-button a span, .zonex-bt-video a,
.zonex-product-button:not(.detail_special) div.product-360-button a {
font-size: 0!important;
letter-spacing: 0;
padding: 0 7px!important;
border-radius: 50%;
width: 50px;
}
.single-product-mobile div.zonex-product-button:not(.detail_special) .zonex-bt-video a, 
.single-product-mobile div.zonex-product-button:not(.detail_special) .product-360-button a {
padding: 0 8px;
width: 44px;
font-size: 0;
height: 44px;
line-height: 44px;
border-radius: 50%;
text-align: center;
}
.single-product-mobile div.zonex-product-button:not(.detail_special) div.product-360-button a::before {
font-size: 27px;
}
.product-360-button a span{
display: none;
}
div.famibt-wrap .famibt-products-wrap div.famibt-product .famibt-thumb-wrap::before {
margin-left: -11px;
} .product-type-grouped:not(.slider_images) .summary .cart .group_table tr:last-child td {
border-bottom: 1px solid #ebebeb;
}
.product-type-grouped:not(.slider_images):not(.product-mobile-layout) .summary .cart .group_table tr:last-child td:last-child {
border-bottom: none;
}
.product-type-grouped:not(.slider_images) .summary .cart .group_table .quantity {
margin: 0 auto !important;
float: none;
} body .shop_table tr td.product-stock-status,
body .shop_table tr td.product-stock-status > span {
width: auto;
}
body .woocommerce table.shop_table .product-add-to-cart {
width: auto;
}
body .woocommerce table.shop_table .product-add-to-cart .add_to_cart {
width: 57px;
font-size: 0;
}
body.zonex-none-mobile-device .woocommerce table.shop_table.wishlist_table .product-add-to-cart .add_to_cart {
width: 100%;
font-size: 10px
}
.wishlist-title a.show-title-form {
display: none;
}
.woocommerce .wishlist-title {
display: none;
}
body .woocommerce table.shop_table .product-add-to-cart .add_to_cart::before {
font-family: 'FontAwesome', sans-serif;
content: '\f217';
font-size: 20px;
}
.checkout-before-top .zonex-checkout-login,
.checkout-before-top .zonex-checkout-login ~ .zonex-checkout-coupon {
width: 100%;
}
.left-sidebar div.main-single-content, .left-sidebar div.main-content.has-sidebar {
display: inline-block;
float: none;
}
.prdctfltr_sc .fami-products-shortcode-wrap .product-info {
padding-left: 0;
}
.prdctfltr_sc .fami-products-shortcode-wrap .products {
margin-right: -7.5px;
margin-left: -7.5px;
}
div .tagcloud a {
margin: 0 10px 10px 0;
padding: 0px 10px;
}
.product-item.style-03 .product-inner > div {
margin: 0;
}
.product-item.style-03 div.product-info .deal-title {
font-size: 50px;
}
.product-item.style-03 div.product-info {
padding-top: 50px;
}
div.zonex-banner.style-07 h3.bigtitle {
font-size: 30px;
margin: 0;
}
div.zonex-banner.style-07 .banner-info .button {
min-width: 130px;
margin-top: 20px;
line-height: 38px;
height: 42px;
padding: 0 20px;
}
div.zonex-banner.style-09 .banner-info {
left: 0;
padding: 0 20px;
right: 0;
}
div.zonex-banner.style-09 h3.bigtitle {
font-size: 24px;
}
.zonex-products .product-item {
padding: 0 10px;
margin-bottom: 20px;
}
.zonex-products.style-2 .product-item.style-2.rows-space-10{
margin-bottom: 10px;
}
.zonex-products .product-grid {
margin: 0 -10px;
}
.zonex-products .product-grid.product-list-owl {
margin: 0;
}
div.product-owl-over .owl-carousel.nav-center {
padding-right: 145px;
}
div.product-owl-over .owl-carousel .owl-stage-outer {
width: calc(100% + 145px);
}
.product-grid.product-list-owl .product-item {
padding: 0;
}
.zonex-blog.style-02 .cat-post {
margin: 5px 0;
}
div.zonex-custommenu.style-01 .widgettitle {
padding-bottom: 0;
}
.box-mobile-menu div.zonex-custommenu.style-01 .widgettitle {
font-size: 13px;
font-family: Jost600;
border-bottom: 1px solid;
display: inline-block;
}
.box-mobile-menu .zonex-custommenu.style-01 .menu li a:hover {
border-bottom: none;
}
div.zonex-newsletter.style-02 .newsletter-top .newsletter-title {
padding: 0;
}
div.owl-carousel .owl-dots .owl-dot span::before {
top: -8px;
left: -8px;
width: 22px;
height: 22px;
}
div.owl-carousel .owl-dots .owl-dot span {
height: 6px;
width: 6px;
}
.zonex-products .product-grid.product-list-owl div.owl-dots{
display: block;
margin-top: 15px;
}
}
@media (max-width: 1100px) {
div.product-list .product-item .product-thumb {
position: relative;
max-width: 100%;
float: left;
margin-right: 0;
}
ul.product-list .product-item {
width: 100%;
}
ul.product-list .info-top {
position: relative;
overflow: hidden;
margin-bottom: 0;
}
.zonex-is-real-mobile .product-item:not(.style-2) .product-info.equal-elem {
height: auto !important;
}
.zonex-is-real-mobile .product-grid .product-item.style-1 .list-button-action{
display: none;
}
.zonex-is-real-mobile .product-grid .info-top {
margin-bottom: 0px;
position: static;
}
.zonex-is-real-mobile .shop-page .product-grid .info-top {
margin-bottom: 0;
}
.enable-shop-page-mobile .product-inner .star-rating {
display: none;
}
.enable-shop-page-mobile .product-list .product-inner {
border: none;
width: 100%;
padding: 0;
}
.enable-shop-page-mobile .shop-page .product-list .product-item .product-des {
display: inline-block;
width: 95%;
margin-top: 0;
font-size: 14px;
}
.enable-shop-page-mobile .shop-page .product-list .product-item .product-des ul {
display: none;
}
.enable-shop-page-mobile .product-list .product-des p {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
margin-bottom: 0;
}
.enable-shop-page-mobile .shop-page .product-list .product-item {
width: 100%;
padding: 7.5px;
}
.enable-shop-page-mobile .shop-page .product-list .product-item .product-thumb {
width: 40%;
float: left;
margin-right: 20px;
}
.enable-shop-page-mobile .shop-page .product-list .product-item .product-info {
width: 60%;
float: left;
height: auto !important;
padding: 0;
}
.product-list .product-des {
margin: 20px 0 0;
overflow: hidden;
}
.top-bar-shop {
display: none;
}
.shop-page {
padding-left: 5px;
padding-top: 0;
padding-right: 5px;
}
.header-pos-relative div.banner-page.has_background {
margin: 0;
color: #151515;
}
.main-product {
display: inline-block;
width: 100%;
}
.zonex-single-container .main-product {
margin-top: 0;
}
.zonex-is-real-mobile .main-product {
margin-top: 0px;
padding-top: 0;
}
ul.product-list .product-item .product-thumb {
max-width: 250px;
}
ul.product-list div.product-info {
min-height: 85px;
padding: 10px 0 10px 20px;
}
}
@media (min-width: 1025px) { .slider_images {
left: 50%;
width: 100vw;
position: relative;
margin-left: -50vw;
margin-top: -38px;
margin-bottom: -38px;
}
.single-product .wrapper_menu-sticky.sticky-info_single_wrap footer {
margin-bottom: 75px;
}
.single-post-products-carousel-wrap .owl-carousel.nav-center .owl-nav .owl-next {
right: -20px;
}
.single-post-products-carousel-wrap .owl-carousel.nav-center .owl-nav .owl-prev {
left: -20px;
}
div.modal-backdrop.fade.in {
display: block;
}
.summary p.stock.out-of-stock {
border: 1px dashed;
margin-bottom: 20px;
}
.detals_layout2 .woocommerce-tabs {
width: 100%;
margin-top: 100px;
margin-bottom: 70px;
margin-left: 0;
left: 0;
min-height: 200px;
}
.detals_layout2 ul.tabs.wc-tabs {
width: 230px;
text-align: left;
float: left;
}
.detals_layout2 .panel { 
border: none;
box-shadow: 0 0 0;
margin: 0;
}
.detals_layout2 ul.tabs.wc-tabs::before { 
content: "";
width: 3px;
height: 100%;
position: absolute;
right: -5px;
top: 0;
background: #cccccc; 
}
.detals_layout2 .woocommerce-Tabs-panel {
margin-top: 0;
overflow: hidden;
padding-left: 140px;
color: #151515;
margin: 0;
}
.detals_layout2 .wc-tabs li {
margin: 0;
width: 100%;
text-align: left;
position: relative;
line-height: 64px;
}
.detals_layout2 .wc-tabs li a {
text-align: left;
width: 100%;
}
.detals_layout2 .wc-tabs li:hover::after,
.detals_layout2 .wc-tabs li.active::after {
height: 50%;
top: 0;
}
.detals_layout2 .wc-tabs li::after {
border-right: 3px solid #151515;
content: "";
position: absolute;
right: -5px;
top: 50%;
height: 0;
transition: 0.3s;
} 
.detals_layout2 .wc-tabs li:hover::before,
.detals_layout2 .wc-tabs li.active::before {
top: 50%;
height: 50%;
}
.detals_layout2 .wc-tabs li::before {
content: "";
border-right: 3px solid #151515;
right: -5px;
transition: 0.3s;
position: absolute;
height: 0;
top: 50%;
}
.detals_layout2 .scrollbar-macosx > .scroll-element.scroll-y {
width: 3px;
left: 2px;
background: #cccccc;
top: 0px;
opacity: 1;
}
.detals_layout2 .scrollbar-macosx > .scroll-element.scroll-y .scroll-bar {
left: 0;
width: 3px;
background: #151515;
opacity: 1;
margin-top: 0;
}
}
@media (min-width: 768px) and (max-width: 991px) {
div.zonex_latest_posts_widget .latest-post li.post .item-photo {
width: 100%;
float: none;
}
div.zonex_latest_posts_widget .latest-post li.post .item-detail {
padding-left: 0;
padding-top: 20px;
width: 100%;
}
div.post-meta-content a.post-author, div.post-meta-content a.post-date {
font-size: 11px;
font-family: Jost;
margin-right: 10px;
}
div.main-single-content .post-meta-content .post-comment {
font-size: 11px;
}
div.main-single-content .zonex-social a {
font-size: 15px;
margin: 0 10px 0 0;
}
.widget-area > div.widget {
padding: 15px;
margin-bottom: 25px;
}
div.single-post-extra + .single-post-content-inner {
padding-left: 30px;
}
div.zonex-iconbox.style-06 div.icon,
div.zonex-iconbox.style-07 div.icon {
display: table;
margin: 0 auto 10px;
float: none;
}
div.zonex-iconbox.style-06 .content, div.zonex-iconbox.style-07 .content {
overflow: visible;
text-align: center;
}
}
@media (min-width: 768px) and (max-width: 1199px) {
.sidebar div.prdctfltr_wc.prdctfltr_checkbox div.prdctfltr_filter.prdctfltr_cat label:not(.screen-reader-text), 
.sidebar div.prdctfltr_wc.prdctfltr_checkbox div.prdctfltr_filter.prdctfltr_pa_color label:not(.screen-reader-text), 
.sidebar div.prdctfltr_wc.prdctfltr_checkbox div.prdctfltr_filter.prdctfltr_pa_size label:not(.screen-reader-text) {
width: 100%;
}
}
@media (min-width: 768px) and (max-width: 1024px) {
.blog-content.list.simple .post-list-item-cols .post-thumb + div.post-info {
padding-left: 30px;
padding-bottom: 15px;
}
.zonex_socials_list_widget a.social {
width: 40px;
height: 40px;
display: inline-block;
text-align: center;
line-height: 40px;
font-size: 14px;
background: #151515;
color: #fff;
margin-bottom: 7px;
border-radius: 50%;
margin-right: 7px;
}
.single-product-mobile.enable-shop-page-mobile .upsells div.product-item, .single-product-mobile.enable-shop-page-mobile .related div.product-item {
border-width: 1px;
}
.toolbar-products-shortcode.real-mobile-toolbar .part-filter-wrap {
margin-right: 30px;
}
div.deals-in-wrap span.time {
width: 60px;
height: 60px;
line-height: 60px;
font-size: 22px;
}
body.single-product div.detail-content , body.single-product div.single-left{
width: 50%;
}
div.famibt-wrap .famibt-products-wrap .famibt-product {
padding: 0 15px;
}
}
@media (min-width: 992px) and (max-width: 1024px) {
.style-il_tr div.product-info-wrap {
right: 20px;
left: auto;
}
}
@media (max-width: 1024px) {
html.box-mobile-menu-open,
html.minicart-canvas-open,
html.sidebar-canvas-open,
html.instant-search-open,
html.vertical-menu-open,
html.real-mobile-show-menu,
body.minicart-canvas-open,
body.sidebar-canvas-open,
body.instant-search-open,
body.vertical-menu-open,
body.real-mobile-show-menu {
height: 100% !important;
overflow: hidden !important;
margin: 0 !important;
}
.shop-page-mobile div .woocommerce-pagination {
margin-top: 15px;
margin-bottom: 10px;
}
div .woocommerce-pagination {
margin-top: 0px;
margin-bottom: 30px;
}
.has-sidebar div ul.page-numbers {
text-align: center;
}
html .page-template-default .main-container {
padding-bottom: 30px;
padding-top: 30px;
}
html .page-template-default.zonex-is-real-mobile .has-banner .main-container {
padding-top: 52px;
} header .zonex-demo.style-02,
.box-mobile-menu-open .zonex-demo.style-02 {
display: none;
}
header .zonex-demo.style-02 .demo-left,
.box-mobile-menu-open .zonex-demo.style-02 .demo-left {
width: 100%;
}
header .zonex-demo.style-02 .demo-right,
.box-mobile-menu-open .zonex-demo.style-02 .demo-right {
margin-top: 10px;
text-align: left;
}
header .zonex-demo.style-02 .demo-title,
.box-mobile-menu-open .zonex-demo.style-02 .demo-title {
margin-bottom: 20px;
white-space: nowrap;
}
header .zonex-demo.style-02 .demo-title span,
.box-mobile-menu-open .zonex-demo.style-02 .demo-title span {
white-space: normal;
}
span.menu-btn-icon {
height: 17px;
}
header.header-pos-absolute .banner-page .content-banner {
padding-top: 0;
} .horizon-menu .main-navigation .main-menu > .menu-item:first-child {
margin-left: 25px;
}
.horizon-menu .main-navigation .main-menu > .menu-item:last-child {
margin-right: 25px;
}
.row-table {
position: relative;
}
.row-table > div {
position: static;
}
header form.search-form {
display: none;
top: calc(100% + 15px);
position: absolute;
left: 0;
right: 0;
}
.header-menu.horizon-menu {
display: none;
}
.header-logo {
text-align: center;
}
header #sticky-wrapper {
height: auto !important;
}
header .header-s_l-lg_c-mm_c-ic_r .header-logo .logo {
padding-bottom: 5px;
padding-top: 7px;
}
header .header-s_l-lg_m-mm_c-ic_r .header-logo > .logo {
display: block;
}
.sticky_info_single_product {
display: none;
}
.page-template-minimal .site-main div.vc_row[data-vc-full-width] {
border: none;
}
.toolbar-products .prdctfltr_topbar {
display: none;
}
div.shop-page.shop-modern {
padding: 0 30px;
}
.shop-modern .main-modern {
padding: 20px 0;
margin-top: -25px;
}
.zonex-is-real-mobile .shop-page .main-content {
display: inline-block;
width: 100%;
}
.product-grid .style-3 div.product-info {
position: static;
height: auto !important;
opacity: 1;
transform: none;
visibility: visible;
}
.product-grid .style-3 div.info-top {
display: none;
}
.product-grid .style-3 .info-product-content {
padding-bottom: 0;
}
.page-template-sidebarpage div.vc_row[data-vc-stretch-content="true"],
.page-template-sidebarpage div.vc_row[data-vc-full-width="true"] {
border-left: 0 solid #fff;
}
.vc_video-bg.vc_hidden-xs {
display: none;
}
.header-wrap .header-position {
position: static !important;
}
.error404 header.header-pos-absolute {
padding-bottom: 0px;
}
header.s_l .header-search {
padding: 25px 5px;
}
header.s_l .header-search-box {
margin-left: 10px;
}
.s_l .header-search-box > .icons {
position: relative;
top: 3px;
}
header.site-header {
display: block; width: 100%;
}
.horizon-menu .main-navigation {
padding-top: 10px;
padding-bottom: 10px;
}
div.header-logo .logo, header.header-s_l-lg_c-mm_c-ic_r .header-logo .logo {
padding-top: 5px;
padding-bottom: 5px;
}
div.header-control-wrap {
padding-top: 10px;
padding-bottom: 5px;
}
.header-s_l-lg_c-mm_c-ic_r div.header-control-right {
padding-top: 15px;
padding-bottom: 15px;
}
.header-s_l-lg_c-mm_c-ic_r div.header-logo {
padding-top: 0px;
padding-bottom: 0px;
}
.header-s_l-lg_c-mm_c-ic_r div.header-search {
padding-top: 25px;
padding-bottom: 20px;
}
div h3.single-post-products-carousel-title {
margin-top: 30px;
margin-bottom: 30px;
}
.zonex-content-single-product-mobile .summary .compare, .zonex-content-single-product-mobile .summary .social-share {
width: calc(50% - 7px);
margin: 0 0px 0 14px !important;
}
div.summary .price .woocommerce-Price-amount.amount {
font-size: 20px;
font-weight: 600;
}
div.summary .price del .woocommerce-Price-amount.amount {
font-size: 14px;
}
div span.size-guide-text {
display: none;
}
.zonex-content-single-product-mobil .reset_variations {
width: auto;
display: inline-block;
margin: 10px auto 0;
position: inherit;
} header .header-wrap .is-sticky .header-position {
position: relative !important;
box-shadow: 0 0 0;
top: auto !important;
}
header .header-wrap .header-wrap-stick .header-position {
padding: 5px;
border: none;
}
.header-position:not(.hide-header).fixed {
box-shadow: none;
position: static;
}
.header-type-transparent-light .header-position:not(.hide-header).fixed,
.header-type-transparent-dark .header-position:not(.hide-header).fixed {
background-color: transparent;
}
.horizon-menu .main-navigation .main-menu .menu-item .toggle-submenu {
display: block;
}
.horizon-menu .main-navigation .main-menu > .menu-item > .submenu .submenu {
top: 100%;
left: -31px;
}
.horizon-menu .main-navigation .main-menu .menu-item .submenu .toggle-submenu::before {
content: '\f107';
}
.sidebar-canvas-open .page-wrapper {
margin-left: 0;
}
div.banner-page .content-banner .title-page, 
div.banner-page .content-banner .page-title {
font-size: 25px;
} .upsells div.owl-carousel .owl-stage-outer, .related div.owl-carousel .owl-stage-outer {
padding-bottom: 0;
}
.owl-carousel .owl-dots .owl-dot {
height: auto;
}
.owl-carousel.nav-angle .owl-nav .owl-prev,
.owl-carousel.nav-caret .owl-nav .owl-prev {
left: 0;
}
.owl-carousel.nav-angle .owl-nav .owl-next,
.owl-carousel.nav-caret .owl-nav .owl-next {
right: 0;
}
.owl-carousel .owl-dots .owl-dot {
bottom: 10px;
} .product-item div.info-top h3.product-title {
width: 100%;
font-size: 13px;
line-height: 22px;
margin-bottom: 0px!important;
margin-top: 10px!important;
}
.widget-products .product-item div.info-top h3.product-title {
margin-top: -7px!important;
}
form.woocommerce-cart-form {
width: 100%;
margin-bottom: 30px;
}
div .product-second-figure {
display: none;
}
.product-inner .add_to_cart_button,
.product-inner .added_to_cart,
.product-inner .product_type_variable,
.product-inner .product_type_simple,
.product-inner .product_type_external,
.product-inner .product_type_grouped {
opacity: 1;
position: static;
background: transparent;
box-shadow: 0 0 0;
font-size: 10px;
width: auto;
margin: 0;
line-height: 30px;
height: 30px;
}
.product-inner .add_to_cart_button::before,
.product-inner .added_to_cart::before,
.product-inner .product_type_variable::before,
.product-inner .product_type_simple::before,
.product-inner .product_type_external::before,
.product-inner .product_type_grouped::before {
display: none;
}
.product-item.style-1 .product-inner:hover .price {
opacity: 1;
}
.yith-wcqv-button {
opacity: 1;
visibility: visible;
}
.zonex-products a.button.btn.zonex-button.owl-btn-link {
margin: 10px 0 50px; 
}
.enable-shop-page-mobile .product-list .product-inner {
border: none;
padding: 0;
}
.product-grid .style-2 div.info-top {
bottom: 25px;
left: 25px;
padding-bottom: 25px!important;
} div.vertical_thumnail div.zonex-product-button:not(.detail_special) {
left: 10px;
top: 10px;
}
div.vertical_thumnail .woocommerce-product-gallery .flex-control-nav.flex-control-thumbs li {
padding: 0 5px;
}
.single .right-sidebar .sidebar div.widget-area.shop-sidebar {
padding: 20px 0 30px 0px;
}
.detals_layout2 div.woocommerce-Tabs-panel {
padding-left: 0;
}
.detals_layout2 ul.tabs.wc-tabs {
width: 100%;
text-align: left;
}
.detals_layout2 .wc-tabs li {
margin-left: 10px;
}
.big_images div.vertical_thumnail .woocommerce-product-gallery .flex-control-nav.flex-control-thumbs{
display: none;
}
.vertical_thumnail .flex-viewport,
.vertical_thumnail .woocommerce-product-gallery .flex-control-nav.flex-control-thumbs {
width: 100%;
}
.vertical_thumnail .woocommerce-product-gallery .flex-control-nav.flex-control-thumbs {
margin-top: 20px;
padding-right: 0;
}
.vertical_thumnail .woocommerce-product-gallery .flex-control-nav.flex-control-thumbs li img {
margin: 0;
}
.has-sidebar .vertical_thumnail .zonex-product-button,
.vertical_thumnail .zonex-product-button {
left: 10px;
}
.detail_modern div.summary .entry-title {
font-size: 20px;
}
.detail_modern div.summary form {
position: relative;
margin-top: 30px;
bottom: 0;
}
.detail_modern div.summary form .variations tbody {
display: inline-block;
width: 100%;
}
.detail_modern div.summary tr.variation .data-val {
display: inline-block;
margin-bottom: 20px;
margin-right: 0;
}
.detail_modern div.single_variation_wrap {
margin-top: 0;
float: right;
width: 100%;
margin: 30px 0 0;
}
.detail_modern div .woocommerce-variation-price {
height: auto;
top: 0;
margin-bottom: 10px;
}
.detail_modern .detail-modern-info {
top: 40%;
}
div.slider_images .title-info .woocommerce-Price-amount.amount {
font-size: 26px;
}
div.slider_images .title-info .product_title.entry-title {
padding-top: 0;
}
div.slider_images .title-info .single_slider_bottom {
bottom: 10px;
}
div.slider_images .title-info .single_variation_wrap {
margin: 0;
}
div div.slider_images div.produc-bottom-inner {
margin: 20px 0;
}
.backtotop {
right: 20px;
bottom: 100px;
}
div.testimonial-item-inner {
padding: 25px;
}
.woocommerce-account .woocommerce div.customer-form {
margin: 0 auto 50px auto;
max-width: 90%;
}
div.vc_custom_1502413911995 {
padding-left: 20px !important;
padding-right: 20px !important;
}
div.vc_custom_1502413927985 {
padding-left: 20px !important;
padding-right: 20px !important;
padding-top: 50px !important;
}
div.media-item-lookbook .item-lookbook-content .lookbook-desc::before {
width: 30px;
}
div.item-lookbook-inner .media-item-lookbook {
height: 425px;
}
.product-info-wrap h3.product-title {
font-size: 25px;
}
.prdctfltr_buttons > span {
margin-bottom: 10px !important;
}
.prdctfltr_woocommerce.pf_sidebar .prdctfltr_close_sidebar, .prdctfltr_woocommerce.pf_sidebar_right .prdctfltr_close_sidebar, .prdctfltr_woocommerce.pf_sidebar_css .prdctfltr_close_sidebar, .prdctfltr_woocommerce.pf_sidebar_css_right .prdctfltr_close_sidebar {
font-size: 12px;
line-height: 24px;
letter-spacing: 2px;
color: #151515;
font-weight: 600;
padding: 20px 15px 0;
cursor: pointer;
text-transform: uppercase;
}
div.container-search {
margin-top: 0;
}
div div.scroll-wrapper.search-results-croll::before {
content: "";
border-top: 1px solid #e5e5e5;
position: absolute;
top: 0;
left: 0;
right: 0;
}
div div.scroll-wrapper.search-results-croll::after {
content: "";
border-bottom: 1px solid #e5e5e5;
position: absolute;
bottom: 0;
left: 0;
right: 0;
}
div.instant-search-close:hover span {
right: 0;
}
header .instant-search .search-field {
width: 100%;
}
div div.search-results-croll {
margin: 0;
padding: 0 !important;
}
.instant-search-wrap span.kz-close {
margin-left: 0;
}
.instant-search .container {
padding-left: 0;
padding-right: 0;
}
.instant-search .product-info {
position: relative;
overflow: hidden;
margin-top: 0px;
margin-bottom: 10px;
min-height: 80px;
padding-left: 3px;
}
.instant-search-modal div.search-fields {
padding-left: 0;
padding-right: 0;
}
.blog-content.list.simple .post-list-item-cols:first-child {
margin-bottom: 0;
}
div a.change-value.color {
width: 10px;
height: 10px;
}
.single div a.change-value.color {
width: 15px;
height: 15px;
}
div a.change-value::before {
top: -3px;
right: -3px;
bottom: -3px;
left: -3px;
}
div .product-item .variations {
margin-bottom: 3px;
bottom: 0;
visibility: visible;
opacity: 1;
left: 0;
display: none;
right: auto;
}
div .product-item .reset_variations {
bottom: 2px;
}
.product-info.equal-elem a.button.yith-wcqv-button {
display: none !important;
}
div .yith-wcqv-button {
display: none;
}
div.style-08 .iconbox-inner {
text-align: center;
padding: 20px 15px;
}
div.zonex-iconbox.style-08 h4.title {
font-size: 12px;
margin: 20px 0 0;
} .toolbar-products.toolbar-top .part-wrap.filter-ordering, .toolbar-products.toolbar-top .part-wrap.part-products-size-wrap {
display: none;
}
.toolbar-products.toolbar-top .part-wrap.grid-mode {
border: none;
}
.toolbar-products.toolbar-top div.part-wrap:last-child {
text-align: center;
line-height: 50px;
}
.product-list-owl .owl-nav {
display: none;
}
.single-product div.shop-page {
padding: 0;
}
div.blog-modern .post-item {
width: 100%;
} .blog-content.simplpe .post-thumb-wrap {
max-width: 200px;
margin-right: 20px;
}
.blog-content.simplpe .blog-content {
display: none;
}
.blog-content.simplpe .post-info {
overflow: hidden;
padding-top: 0;
}
.blog-content.simplpe div.cat-post a {
margin: 0;
}
.blog-top form#searchform {
display: none;
}
.blog-top .list-categories {
white-space: nowrap;
overflow: auto;
}
div.blog-page {
padding-bottom: 30px;
margin: 20px auto 0;
}
.main-single-content:not(.single-standard) div.single-post-meta {
width: 100%;
display: inline-block;
padding-bottom: 10px;
}
div.single-container .post-info + h3.related-posts-title {
margin-top: 25px;
margin-bottom: 30px;
}
div.zonex-related-posts-wrap {
margin-bottom: 30px;
padding-bottom: 30px;
}
div.single-container .post-single + .comments-area {
margin-top: 30px;
}
div.post-info .cat-post, div.post-info .tag-post {
width: 100%;
max-width: 100%;
margin: 0;
}
div.tag-post span.title-tag {
display: inline-block;
}
div.main-single-content:not(.single-standard) .post-info .tag-post a {
color: #aaaaaa;
font-size: 12px;
font-weight: 600;
border: none;
display: inline-block;
padding: 0;
margin-right: 0;
margin-bottom: 10px;
text-transform: uppercase;
letter-spacing: 1px;
line-height: 15px;
}
div blockquote, div q {
padding: 5px 10px 5px 10px;
}
div .commentlist ~ .comment-respond, div .commentlist .comment-respond {
border-top: 1px solid #e3e3e3;
padding-top: 30px;
margin: 30px auto 0;
}
div.comment_container .zonex-avatar {
width: 75px;
}
.commentlist .avatar {
width: 45px;
margin-bottom: 10px;
margin-right: 10px;
border: 6px solid #eaeaea;
border-radius: 50%;
}
.comment-text {
padding-left: 0;
}
.comment_container div.zonex-avatar {
width: 60px;
margin-right: 15px;
}
.single-post div.single-container .post-info {
padding-bottom: 0px;
margin: 0;
}
.blog-modern div .post-title {
padding: 10px 0px 17px;
}
div .checkout.woocommerce-checkout label {
font-weight: normal;
margin-bottom: 5px;
}
div .checkout.woocommerce-checkout p {
margin-bottom: 15px;
}
div .col2-set:not(.woocommerce-Addresses) {
padding: 0;
overflow: hidden;
margin-bottom: 30px;
}
div.page-header .page-title, div.banner-page .content-banner .title-page {
margin-bottom: 0;
}
.enable-shop-page-mobile.page-template-default .breadcrumb-trail.breadcrumbs {
display: block;
}
.banner-page.has_background .content-banner{
padding: 0;
} div.zonex-banner .banner-thumb img {
min-height: 250px;
object-fit: cover;
width: 100%;
}
div.layout-02 .owl-carousel.nav-center .owl-nav button {
width: 40px;
height: 40px;
font-size: 20px;
}
.zonex-newsletter.style-12 h3.newsletter-title::before {
display: none;
}
div.zonex-categories.style-01 .category-name {
opacity: 1;
visibility: visible;
}
div.zonex-categories.style-01 .category-name::before,
div.zonex-categories.style-01 .category-name::after{
width:100%;
}
div.style-24 .banner-info {
-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);
padding: 35px 0 30px 30px;
}
div.zonex-slider .owl-item.item-hover {
filter: brightness(1);
}
div.style-24 .bigtitle {
font-size: 24px;
}
div.style-26 h3.bigtitle {
margin-bottom: 5px;
font-size: 14px;
}
.page-template-fullscroll #fullpage div.section-slide {
min-height: inherit!important;
}
.yt-video-background:before{
display: none;
}
header .banner-page {
min-height: 200px!important;
}
div.shop-top-categories.cate-image {
margin-top: 20px;
}
div.shop-top-categories .shop-top-categories-inner{
max-width:100%;
width:100%;
padding: 0 10px;
overflow: auto;
}
div.comment_container .zonex-avatar {
width: 60px;
margin-right: 15px;
}
div.product-has-desc h3.desc-title {
font-size: 40px;
font-family: Jost600;
margin-bottom: 15px;
}
div.zonex-title.style1 .block-title {
font-size: 40px;
position: relative;
padding-bottom: 10px;
font-family: Jost300;
color: #151515;
margin: 0;
}
div.zonex-container-inner .zonex-simple-product {
margin-bottom: 50px;
}
.zonex-banner.style-10 .banner-info {
left: 20px;
right: 20px;
}
div.zonex-banner.style-10 h3.bigtitle {
font-size: 25px;
}
.woocommerce-account div.zonex-modal-content .woocommerce .customer-form {
padding: 0 20px 20px;
max-height: 410px;
overflow-y: auto;
}
div.zonex-modal-content .woocommerce-privacy-policy-text {
display: none;
}
div.mfp-content {
min-height: inherit;
}
div.mfp-container {
height: auto;
bottom: 0;
top: auto;
position: fixed;
}
html div.mfp-wrap div .mfp-close {
font-weight: 100;
position: absolute;
width: 20px;
line-height: 20px;
margin: 0;
height: 20px;
color: #fff!important;
top: -40px;
font-family: Jost300;
right: 50%;
opacity: 1;
padding: 0;
-webkit-transform: translateX(50%);
-moz-transform: translateX(50%);
-ms-transform: translateX(50%);
-o-transform: translateX(50%);
transform: translateX(50%);
}
div.woocommerce-page-header ul .line-hover a {
font-size: 20px;
}
.single-product .single_product_inner .produc-bottom-inner {
padding-left: 15px;
padding-right: 15px;
}
.detail-modern-info .zonex-product-button:not(.detail_special) .zonex-bt-video a,
.detail-modern-info .zonex-product-button:not(.detail_special) .product-360-button a {
font-size: 0;
padding: 1px 10px
}
div .widget-area > .widget {
margin-bottom: 30px;
padding: 15px;
}
div .blog-page.feature .container {
padding: 0 20px;
}
div.post-items-left .owl-nav {
position: absolute;
bottom: 10px;
right: 0;
}
div.post-items-left .post-info {
padding: 20px;
}
div.post-meta-content {
display: none;
}
div.post-items-left .post-info {
padding: 0 20px 60px;
}
div.post-items-left .owl-nav button.owl-next,
div.post-items-left .owl-nav button.owl-prev {
width: 40px;
height: 40px;
line-height: 44px;
}
div.post-items-left h2.blog-title { 
font-size: 25px;
}
div.zonex-mapper .csre-pin {
opacity: 1; 
}
div div.zonex-mapper div.csre-pin div.csre-popup{
min-width: inherit!important;
min-height: inherit!important;
}
div.zonex-mapper .csre-pin .csre-popup-header {
display: none;
}
.zonex-mapper .csre-pin .csre-popup::before{
display: none;
}
div div.famisp-sales-popup-wrap{
left: 0;
}
}
@media (max-width: 991px) {
.header-s_l-lg_c-mm_c-ic_r .mobile-navigation {
display: inline-block;
margin-right: 5px;
margin-left: 0;
}
.header-s_l-lg_c-mm_c-ic_r .header-menu.horizon-menu {
display: none;
}
header.header-s_l-lg_c-mm_c-ic_r div.header-control-right {
padding-top: 0;
padding-bottom: 0;
}
header.header-s_l-lg_c-mm_c-ic_r div.header-search {
padding-top: 8px;
padding-bottom: 10px;
float: left;
}
header.header-s_l-lg_c-mm_c-ic_r div.header-logo {
position: absolute;
transform: translateX(-50%);
-o-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
left: 50%;
}
.header-s_l-lg_c-mm_c-ic_r .header-control-right .header-search-box {
display: none;
}
header .header-wrap .header-position {
padding: 5px;
width: 100% !important;
border-bottom: 1px solid #e7e7e7;
} .post-title {
font-size: 22px !important;
line-height: 26px !important;
}
.single-container .header-post .post-title {
font-size: 18px !important;
} .single-container .post-expand {
position: static;
transform: inherit;
}
.has-sidebar .footer-post .post-navigation .nav-links .nav-previous,
.has-sidebar .footer-post .post-navigation .nav-links .nav-next {
width: 100%;
}
.has-sidebar .footer-post .post-navigation .nav-links .nav-previous {
padding-bottom: 40px;
}
.post-thumb img {
width: 100%;
} body.single-product .has-sidebar .single-left,
body.single-product .has-sidebar .detail-content {
width: 100%;
}
body.single-product .has-sidebar .detail-content {
padding-left: 0;
padding-top: 30px;
}
body .woocommerce-checkout-review-order .shop_table .product-name img {
margin-right: 10px;
float: left;
display: table-cell;
}
body .woocommerce-checkout-review-order .shop_table .product-name strong {
margin-left: 0;
}
.woocommerce-page-header ul li.line-hover {
margin: 0 5px 5px 5px;
} div span.filter-text {
font-size: 0;
}
div.shop-prdctfltr-filter-wrap .prdctfltr_woocommerce.pf_default .prdctfltr_woocommerce_ordering {
padding: 20px;
} #yith-quick-view-modal {
display: none;
}
div.actions .coupon .input-text {
margin: 0;
width: 100%;
}
div.actions .coupon .button {
display: inline-block;
margin-top: 10px;
width: 100%;
}
div.actions-btn .button {
min-width: 0;
padding: 0 30px;
}
.actions-btn .shopping {
padding: 0 30px;
width: auto;
}
div.actions-btn {
margin-bottom: 0;
display: inline-block;
margin-top: 20px;
width: 100%;
}
div.actions {
margin-bottom: 0;
}
td.total-to-order strong {
margin: 20px;
}
div.media-item-lookbook .item-lookbook-content {
left: 20px;
}
div.media-item-lookbook .item-lookbook-content > a {
margin-top: 20px;
min-width: 0;
}
div.media-item-lookbook .item-lookbook-content .lookbook-title {
font-size: 25px;
} .blog-content.list.simple .post-list-item-cols div.pst-info {
padding-left: 0;
padding-top: 30px;
}
div span.text-search {
font-size: 25px;
}
div .instant-search-modal .search-fields .search-field {
font-size: 25px;
}
.enable-shop-page-mobile .content-slide {
margin-top: -30px;
}
#fp-nav {
right: 15px;
}
.summary a.change-value:not(.color) {
margin-right: 5px;
} div.style-21 h3.bigtitle {
font-size: 20px;
} div.zonex-newsletter.style-12 .newsletter-inner {
display: inline-block;
justify-content: space-between;
align-items: center;
width: 100%;
text-align: center;
}
.zonex-newsletter.style-12 form.newsletter-form-wrap {
display: inline-block;
width: 100%;
}
div.zonex-newsletter.style-12 h3.newsletter-title {
justify-content: center;
text-align: center;
align-items: center;
} .zonex-newsletter.style-12 .newsletter-top {
margin-bottom: 20px;
}
div.layout-02 .owl-carousel.nav-center .owl-nav button {
top: calc(50% - 48px);
left: 30px;
}
div.layout-02 .owl-carousel.nav-center .owl-nav button.owl-next {
right: 30px;
}
}
@media (max-width: 767px) {
.header-sidebar .menu-social {
display: none;
}
body.enable-shop-page-mobile .woocommerce-page-header ul {
text-align: left;
}
.instant-search-modal .product-cats {
display: none;
}
div.menu-scroll {
padding-bottom: 20px;
height: -webkit-calc(100vh - 210px);
height: -moz-calc(100vh - 210px);
height: calc(100vh - 210px);
}
.container-search .scrollbar-macosx {
max-height: -webkit-calc(100vh - 240px);
max-height: -moz-calc(100vh - 240px);
max-height: calc(100vh - 240px);
}
.header-type-transparent-white .header-wrap,
.header-type-transparent-dark .header-wrap {
position: static;
}
.header-type-transparent-white .header-wrap {
background-color: #ffffff;
}
.header-type-transparent-dark .header-wrap {
background-color: #151515;
}
body.enable-shop-page-mobile .woocommerce-page-headermid .title-page {
text-align: left;
}
header:not(.style-02):not(.style-03) div.header-container {
padding-left: 10px;
padding-right: 10px;
}
header span.close-notice {
right: 7px;
top: 7px;
}
header span.close-notice::before {
font-size: 10px;
} .header-menu.horizon-menu {
display: none;
}
.header-control-left {
display: none;
}
div.header-logo {
max-width: 150px;
width: auto;
}
.header-control-right {
width: auto;
float: right;
}
.ic_r div.header-control-right {
margin-right: 0;
}
.header-control-right .header-control-wrap {
float: none;
} .toolbar-products .filter-ordering {
display: none;
}
div .products-size svg {
margin: 0;
}
div .part-products-size-wrap {
min-width: 70px;
margin-top: 0px;
margin-right: 10px;
}
div .part-filter-wrap {
min-width: 70px;
}
div .part-cats-list-wrap {
width: calc(100% - 140px);
}
.zonex-none-mobile-device .part-cats-list-wrap {
display: none;
}
.main-product .product-item {
margin: 0 0 20px;
}
.product-item div.star-rating {
margin-top: 10px;
}
ul.product-list .product-inner {
padding-bottom: 15px;
} .tparrows {
display: none;
opacity: 1;
visibility: hidden;
} .instant-search-close {
top: 5px;
right: 0;
font-size: 0;
min-width: 33px;
position: relative;
width: 100%;
padding: 0;
}
.instant-search-modal .instant-search-title {
font-size: 24px;
} .owl-carousel .owl-nav > button {
opacity: 1;
}
.owl-carousel.nav-angle .owl-nav .owl-prev, .owl-carousel.nav-caret .owl-nav .owl-prev {
left: 30px;
-webkit-transform: translateY(-50%) translateX(-30px) !important;
-moz-transform: translateY(-50%) translateX(-30px) !important;
-ms-transform: translateY(-50%) translateX(-30px) !important;
-o-transform: translateY(-50%) translateX(-30px) !important;
transform: translateY(-50%) translateX(-30px) !important;
}
.owl-carousel.nav-angle .owl-nav .owl-next, .owl-carousel.nav-caret .owl-nav .owl-next {
right: 30px;
-webkit-transform: translateY(-50%) translateX(30px) !important;
-moz-transform: translateY(-50%) translateX(30px) !important;
-ms-transform: translateY(-50%) translateX(30px) !important;
-o-transform: translateY(-50%) translateX(30px) !important;
transform: translateY(-50%) translateX(30px) !important;
}
.style-3 .owl-carousel.nav-angle .owl-nav .owl-next, .style-3 .owl-carousel.nav-caret .owl-nav .owl-next,
.style-3 .owl-carousel.nav-angle .owl-nav .owl-prev, .style-3 .owl-carousel.nav-caret .owl-nav .owl-prev {
-webkit-transform: none !important;
-moz-transform: none !important;
-ms-transform: none !important;
-o-transform: none !important;
transform: none !important;
}
.product-list-owl div.style-3 .product-info-inner {
opacity: 1;
}
.zonex-is-real-mobile .product-item.products div.product-info.equal-elem {
height: auto !important;
} .page-header .page-title,
.banner-page .content-banner .title-page {
font-size: 28px;
}
div.layout-02 .owl-carousel.nav-center .owl-nav button {
left: 30px;
}
div.layout-02 .owl-carousel.nav-center .owl-nav button.owl-next {
right: 30px;
left: auto;
}
.blog-content.list.simple .post-list-item-cols div.post-info {
padding-top: 30px;
}
div.blog-content.list.simple .post-list-item-cols .post-thumb + .post-info {
padding-left: 0;
width: 100%;
padding-bottom: 15px;
display: inline-block;
} .single-container .post-expand {
position: static;
transform: inherit;
padding-bottom: 0px;
}
.single-container .header-post {
margin-bottom: 20px;
overflow: hidden;
max-height: 300px;
min-height: inherit;
}
.single-container .header-post .post-thumb {
margin-top: 30px;
}
.single-container div.footer-post {
padding-top: 30px;
}
.blog-content.classic .zonex-post-meta > span:not(:last-child)::after {
content: '';
}
.footer-post .post-navigation .nav-links .nav-previous,
.footer-post .post-navigation .nav-links .nav-next {
width: 100%;
}
.footer-post .post-navigation .nav-links .nav-previous {
padding-bottom: 40px;
} body:not(.archive) .sidebar {
padding-top: 50px;
} .blog-content.list .post-list-item-cols,
.blog-content.list .post-list-item-cols .post-thumb,
.blog-content.list .post-list-item-cols .post-info {
display: block;
width: 100%;
border-top: none;
padding-right: 0;
}
div.header-action-res > div {
padding: 5px 15px;
} .single-product div.shop-page {
margin: 0 -15px;
}
.single div div.product-toolbar {
padding-left: 10px;
padding-right: 10px;
}
.product-toolbar .post-navigation {
position: static;
transform: none;
margin-top: 10px;
}
.product-toolbar .post-navigation .nav-links {
padding: 0px 25px;
margin: 0px -22px;
}
.product-toolbar .post-navigation .nav-links > div {
float: left;
}
.product-toolbar .post-navigation .nav-links .nav-next {
float: right;
}
.product-thumb img {
width: 100%;
} .yith-wcqv-button {
display: none;
}
.slider_images .summary .compare,
.summary .compare,
.compare {
display: none;
}
body.single-product .single-left,
body.single-product .detail-content {
width: 100%;
}
body.single-product .detail-content {
padding-left: 0;
padding-top: 30px;
}
.slider_images .product_meta > span {
position: relative;
margin-right: 0;
padding-right: 0;
width: 100%;
}
.slider_images .product_meta > span::before {
display: none;
}
.summary .stock {
margin-left: auto;
margin-right: auto;
margin-bottom: 0;
}
div .product-grid-title {
padding-bottom: 10px;
padding-top: 30px;
margin-bottom: 30px;
}
.variations .variation select,
.reset_variations {
float: none;
width: auto;
margin-left: auto;
margin-right: auto;
}
.product-mobile-layout .detail-content .summary tr.variation select {
margin: 15px 0;
width: 100%;
padding: 0;
}
.product-mobile-layout .detail-content .summary .select-type tr.variation select {
border: 1px solid #e5e5e5;
line-height: 40px;
height: 40px;
padding: 0 15px;
background: url(//ilite.sg/wp-content/themes/zonex/assets/images/arr-drop.png) no-repeat calc(100% - 15px) center;
}
.product-mobile-layout div.famibt-wrap .famibt-products-wrap .famibt-product .famibt-thumb-wrap::before {
margin-left: -20px;
}
.product-mobile-layout div.famibt-wrap .famibt-products-wrap .famibt-product:nth-child(2n+1) .famibt-thumb-wrap::before {
margin-left: -10px;
}
.reset_variations {
height: 26px;
line-height: 26px;
top: 8px;
background: none;
color: #151515;
text-align: right;
padding: 0;
}
.summary .compare,
.summary .social-share {
margin: 7px;
}
.detail_modern div.detail-modern-info {
top: 0;
position: relative;
transform: none;
margin-top: 30px;
} .product-type-grouped.slider_images .summary .cart .group_table tbody,
.product-type-grouped.slider_images .summary .cart .group_table tr,
.product-type-grouped.slider_images .summary .cart .group_table tr td {
display: block !important;
border-width: 0 0 1px 0;
text-align: center !important;
}
.product-type-grouped.slider_images .summary .cart .group_table tr:last-child td {
border-bottom: 1px solid #ebebeb;
}
.product-type-grouped.slider_images .summary .cart .group_table .quantity {
margin: 0 auto !important;
} div h3#review_heading {
display: block;
}
body .woocommerce table.shop_table,
body .woocommerce table.shop_table tbody,
body .woocommerce table.shop_table tfoot,
body .woocommerce table.shop_table tr,
body .woocommerce table.shop_table tr th,
body .woocommerce table.shop_table tr td,
.actions .coupon label,
.actions .coupon .input-text,
.cart-collaterals .cart_totals .shop_table,
.cart-collaterals .cart_totals .shop_table tbody,
.cart-collaterals .cart_totals .shop_table tr,
.cart-collaterals .cart_totals .shop_table tr th,
.cart-collaterals .cart_totals .shop_table tr td {
text-align: center;
display: block;
width: 100% !important;
}
body .woocommerce table.shop_table {
border: 1px solid #e3e3e3;
}
body .woocommerce table.shop_table thead {
display: none;
}
body .woocommerce .woocommerce-checkout-review-order table.shop_table td.product-total {
text-align: center;
color: #333;
border: none;
padding: 10px;
display: none;
}
body .woocommerce table.shop_table tr {
width: 100% !important;
border-bottom: 1px solid #e3e3e3;
display: block;
overflow: hidden;
position: relative;
}
body .woocommerce table.shop_table tr:last-child {
border-bottom: none;
margin: 0;
padding: 0;
}
body .woocommerce table.shop_table tr th, body .woocommerce table.shop_table tr td {
text-align: left;
width: 100% !important;
border: none;
padding: 5px 15px;
display: table-cell;
}
.woocommerce table.shop_table.wishlist_table tr td.product-name {
width: 100% !important;
overflow: hidden;
text-overflow: ellipsis;
padding-left: 15px;
padding-top: 0;
}
body .woocommerce table.shop_table.wishlist_table .product-add-to-cart {
padding-bottom: 15px;
}
body .woocommerce table.shop_table tr.cart-subtotal th {
padding-left: 0;
}
body .woocommerce table.shop_table tr td .amount {
line-height: 32px;
height: 32px;
}
body .woocommerce .woocommerce-cart-form table.shop_table tbody td{
padding: 15px !important;
}
body .woocommerce table.shop_table .product-thumbnail a {
width: 100%;
}
body .woocommerce table.shop_table .product-thumbnail img {
width: 100%;
height: auto;
}
body .woocommerce table.shop_table .product-thumbnail {
display: inline-block;
padding: 15px;
}
.woocommerce table.shop_table.wishlist_table tr td {
display: inherit;
}
table.shop_table td.product-price {
clear: left;
}
.woocommerce table.shop_table tr td.product-name a {
max-height: inherit;
font-size: 14px;
}
.woocommerce-cart-form .variation {
color: #151515;
}
.woocommerce table.shop_table tr td.product-quantity, .woocommerce table.shop_table tr td.product-price, .woocommerce table.shop_table tr td.product-subtotal {
width: 33.33333333% !important;
color: #666;
line-height: 24px;
}
.woocommerce table.shop_table tr td .zonex-cart-mobile-lb {
width: 100%;
display: block;
color: #333;
}
.woocommerce table.shop_table .quantity {
height: auto;
border: 1px solid #e3e3e3;
padding: 0;
width: 50px;
}
.woocommerce table.shop_table .quantity .control {
border: none;
}
.woocommerce table.shop_table .quantity .control .input-qty {
width: 100%;
border: none;
height: 32px;
line-height: 24px;
float: none;
display: block;
color: #333;
}
.woocommerce table.shop_table .quantity .control .btn-number {
display: none;
}
.woocommerce table.shop_table tr td.product-remove a {
display: block !important;
width: 100% !important;
height: 100% !important;
line-height: 41px;
}
body .woocommerce .cart_totals table.shop_table {
display: table;
}
body .woocommerce .cart_totals table.shop_table tbody {
display: table-row-group;
}
body .woocommerce .cart_totals table.shop_table tr th, 
body .woocommerce .cart_totals table.shop_table tr td {
display: table-cell;
float: none;
text-align: left;
}
body .woocommerce .cart_totals table.shop_table tr {
text-align: left;
display: table-row;
border-bottom: none;
}
body .woocommerce .cart_totals table.shop_table tr th {
text-align: left !important;
width: 40%!important;
}
.woocommerce-checkout-review-order span.rv-titel {
float: left;
margin-right: 0px;
width: 60%;
line-height: 20px;
margin-top: 5px;
margin-bottom: 5px;
}
.actions .coupon label {
text-decoration: underline;
}
.actions .coupon .input-text {
margin: 0 0 20px 0;
}
.actions .coupon .button {
float: none;
margin: 0 auto;
}
.actions-btn {
text-align: center;
}
.actions-btn .shopping {
margin-left: 0;
}
.cart-collaterals .cart_totals h2 {
padding: 17px 20px;
text-align: center;
}
.cart-collaterals .cart_totals .shop_table tr th {
border-bottom: none;
}
.wc-proceed-to-checkout {
float: none;
text-align: center;
width: 100%;
} .form-row-first,
.form-row-last {
width: 100%;
}
.woocommerce-billing-fields h3,
.woocommerce-shipping-fields h2 {
text-align: center;
}
body .woocommerce-checkout-review-order .shop_table tr th,
body .woocommerce-checkout-review-order .shop_table tr td {
width: 100%;
}
body .woocommerce-checkout-review-order .shop_table tfoot tr th, body .woocommerce-checkout-review-order .shop_table tfoot tr td {
width: 50% !important;
text-align: left;
display: table-cell;
line-height: 32px;
padding-left: 0;
}
body .woocommerce-checkout-review-order .shop_table tfoot tr {
display: table;
}
body .woocommerce-checkout-review-order .shop_table .product-name img {
display: block;
margin: 0 auto 0px auto;
}
body .woocommerce-checkout-review-order .shop_table tr td.product-name {
padding: 10px 0;
display: inline-block;
width: 100%!important;
font-size: 13px;
}
body .woocommerce-checkout-review-order .shop_table .product-name strong {
margin-left: 0;
}
.review-wrap  div.total-price {
width: auto;
float: right;
}
div.total-price {
display: inline-block;
}
.checkout-before-top .zonex-checkout-coupon .checkout_coupon .form-row-first,
.checkout-before-top .zonex-checkout-coupon .checkout_coupon .form-row-last {
width: 100%;
padding-right: 0;
margin-bottom: 15px;
}
div .track_order > p {
margin-bottom: 0px;
margin-top: 20px;
}
.woocommerce .woocommerce-MyAccount-content button.woocommerce-Button.button,.woocommerce span.name-edit, div.actions div.coupon .button, div.wc-proceed-to-checkout .checkout-button, .woocommerce-cart-form-mobile div.actions .actions-btn .shopping, div .actions-btn .shopping, div.actions-btn .button, .woocommerce form input[type="text"], .woocommerce form input[type="email"], .woocommerce form input[type="password"], .woocommerce form input[type="tel"], .woocommerce form input[type="search"] {
width: 100%;
}
.woocommerce .woocommerce-MyAccount-content .form-row {
display: inline-block;
}
.main-container nav.woocommerce-MyAccount-navigation {
white-space: nowrap;
max-width: 100%;
overflow-x: auto;
margin-bottom: 50px;
}
.woocommerce .woocommerce-MyAccount-navigation > ul li {
margin: 0px 30px -2px 0;
font-size: 15px;
}
.woocommerce p.title-account {
font-size: 28px;
margin-bottom: 30px;
}
header.site-header-mobile button.search-submit {
height: 44px;
line-height: 44px;
width:50px;
}
div.checkout.woocommerce-checkout p {
margin-bottom: 25px;
}
div.woocommerce-billing-fields h3, div.woocommerce-shipping-fields h2 {
text-align: center;
font-size: 30px;
margin-bottom: 25px;
}
.woocommerce form .select2-container--default .select2-selection--single {
height: 44px;
line-height: 44px;
}
.woocommerce form .select2-container--default .select2-selection--single .select2-selection__rendered {
line-height: 44px;
}
.woocommerce form .select2-container--default .select2-selection--single .select2-selection__arrow {
height: 44px;
}
.enable-shop-page-mobile.woocommerce-checkout .page-main-content {
padding-top: 0;
}
div.woocommerce-checkout-review-order-wrap {
padding: 15px;
margin: 0 -15px;
} .yith-wcqv-button {
display: none;
} .track_order .form-tracking {
padding-left: 10px;
padding-right: 10px;
} .page-404 .heading {
font-size: 50px;
}
.toolbar-products.toolbar-top {
clear: both;
float: left;
}
.header-pos-absolute div.header-wrap {
position: relative;
}
.header-wrap-stick {
height: auto !important;
}
div div.blog-content.blog-modern {
padding: 0;
}
div.blog-modern .post-item {
margin-bottom: 20px;
}
div.blog-modern .post-thumb, div.blog-modern .post-info {
width: 100%;
display: inline-block;
max-width: inherit;
}
div.blog-modern a.read-more-blog {
margin-top: 25px;
margin-bottom: 20px;
}
.woocommerce-info {
border-color: #dff0d8;
margin: 0;
}
div #place_order {
margin-top: 30px;
}
.product-item.style-03 div.product-inner > div {
width: 100%;
float: none;
}
div.slider_images .zonex-product-gallery__image a {
padding: 0;
}
.slider_images .slick-slide img {
-webkit-transform: scale(1)!important;
-moz-transform: scale(1)!important;
-ms-transform: scale(1)!important;
-o-transform: scale(1)!important;
transform: scale(1)!important;
}
div.product-toolbar .post-navigation {
display: none;
}
.single div.product-toolbar + .shop-page .content-row {
margin-top: 0;
}
.single div.product-toolbar + .shop-page .content-row .sidebar{
display: none;
}
div.single_slider_content-wrap {
padding: 40px 10px 0;
left: 0;
position: relative;
width: 100%;
}
div.slider_images .product-top-inner {
margin: 0 0 50px;
}
div.slider_images .title-info .product_title.entry-title {
font-size: 30px;
}
div.slider_images .title-info .single_slider_bottom {
bottom: 20px;
}
div.single_product_slider_images .product-toolbar + .shop-page {
padding-top: 0;
padding-bottom: 30px;
}
}
@media (max-width:900px) {
.zonex-none-mobile-device .prdctfltr_filter:nth-child(2n+1) {
clear: left;
}
.zonex-none-mobile-device .prdctfltr_filter{
margin-top: 30px!important;
margin-bottom: 0!important;
}
}
@media (min-width: 481px) and (max-width: 991px) {
div div.style-17 div.bg-overlay {
-webkit-transform: translateX(-50%) translateY(-50%) scale(0.4);
-moz-transform: translateX(-50%) translateY(-50%) scale(0.4);
-ms-transform: translateX(-50%) translateY(-50%) scale(0.4);
-o-transform: translateX(-50%) translateY(-50%) scale(0.4);
transform: translateX(-50%) translateY(-50%) scale(0.4);
}
}
@media (min-width: 481px) and (max-width: 767px) {
.product-list .product-item .product-thumb {
position: relative;
max-width: 200px;
float: left;
margin-right: 0;
}
}
@media (max-width: 639px) {
.blog-page .blog-content article.post-item,
.has-sidebar .simplpe .post-item,
.has-sidebar .simplpe .post-item:nth-child(4n+1){
width: 100%;
}
}
@media (min-width: 481px) {
.zonex-checkout-login .form-row.form-row-first {
width: 50%;
float: left;
padding-right: 15px;
}
.zonex-checkout-login .form-row.form-row-last {
float: right;
width: 50%;
padding-left: 15px;
}
}
@media (max-width: 480px) { div.menu-scroll {
padding: 0;
}
.toolbar-products .category-filter li {
display: block;
} #cancel-comment-reply-link {
display: block;
margin-top: 10px;
} .blog-content.list .post-expand,
.blog-content.list .post-product-carousel,
.blog-content.list .social-share {
position: static;
}
.blog-content.list .post-product-carousel .post-product-list {
max-width: 100%;
right: 0;
} .close-vertical-menu {
margin-left: 20px;
} .sidebar-canvas {
width: 265px;
}
.sidebar-canvas-open .btn-canvas {
left: 249px;
}
.sidebar-canvas-inner {
padding: 0 20px;
}
header div.header-logo {
max-width: 110px;
}
body .woocommerce .woocommerce-checkout-review-order table.shop_table tr td {
border-top: none;
text-align: left;
}
ul.product-list .product-info {
min-height: 85px;
padding-left: 0;
padding-top: 30px;
}
html div#cookie-notice {
right: 15px;
bottom: 15px;
}
ul.product-list .product-item .product-thumb {
max-width: 150px;
}
.style-2.product-item div.product-info.equal-elem {
height: auto!important;
}
div .widget_currency_sel_widget,div .widget_icl_lang_sel_widget {
margin-right: 20px;
}
div.famisp-sales-popup-wrap {
left: 0;
bottom: 0;
}
div.blog-content.simplpe .post-thumb-wrap {
max-width: inherit;
float: none;
margin-right: 0;
width: 100%;
overflow: visible;
}
div.blog-content.simplpe .post-info {
overflow: visible;
padding-top: 0;
}
}
@media (max-width: 360px) {
header .logo img {
max-width: 90px;
}
div.deals-in-wrap .box {
margin: 0 5px;
}
.deals-in-wrap button.zonex-single-add-to-cart-deal {
font-size: 15px;
}
div .main-single-content .post-meta-content .post-comment, div .post-meta-content a.post-author, div.post-meta-content a.post-date {
font-size: 12px;
}
}
@media (max-width: 320px) {
div.post-meta-content a.post-author,div .post-meta-content a.post-date {
margin-right: 10px;
}
th, td {
padding: 6px;
}
.gallery-columns-1 .gallery-caption,
.gallery-columns-2 .gallery-caption,
.gallery-columns-3 .gallery-caption,
.gallery-columns-4 .gallery-caption,
.gallery-columns-5 .gallery-caption {
display: none;
}
.instant-search-modal .product-cats label {
display: block;
}
.product-grid.product-list-owl .product-item {
padding: 0;
}
div.main-single-content .zonex-social a {
margin: 0 2px;
}
.comment_container .zonex-avatar {
width: 100%;
}
.comment-text {
padding-left: 0;
width: 100%;
}
} div#cookie-notice {
min-width: 300px;
max-width: 100%;
width: 340px;
font-size: 13px;
line-height: 19px;
left: 40px;
bottom: 40px;
text-align: left;
padding: 20px;
}
div.cookie-notice-container {
padding: 0px;
text-align: left;
position: relative;
}
span#cn-notice-text {
margin-bottom: 20px;
display: inline-block;
width: 100%;
}
body #cookie-notice .cookie-notice-container a {
color: #fff;
background: none !important;
border-bottom: 1px solid transparent;
float: right;
margin-left: 20px;
border-radius: 0;
padding: 0 0 2px 0;
font-weight: 400;
background: none;
font-size: 14px;
box-shadow: none;
}
body #cookie-notice .cookie-notice-container #cn-accept-cookie,
body #cookie-notice .cookie-notice-container #cn-refuse-cookie {
font-weight: 600;
color: #fff;
border-bottom: 1px solid rgba(255, 255, 255, 1);
box-shadow: none;
font-size: 13px;
}
body #cookie-notice .cookie-notice-container #cn-accept-cookie:hover {
color: #ccc;
}
body #cookie-notice .cookie-notice-container #cn-accept-cookie::after {
content: "\f00c";
font-weight: 400;
font-family: FontAwesome;
font-size: 12px;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
margin-left: 5px;
} .cssload-square {
margin: 68px auto;
width: 19px;
height: 19px;
transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
}
.cssload-square-part {
position: absolute;
width: 19px;
height: 19px;
z-index: 1;
animation: cssload-part-anim 0.92s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
-o-animation: cssload-part-anim 0.92s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
-ms-animation: cssload-part-anim 0.92s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
-webkit-animation: cssload-part-anim 0.92s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
-moz-animation: cssload-part-anim 0.92s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite alternate;
}
.cssload-square-green {
background: rgb(84, 250, 212);
right: 0;
bottom: 0;
animation-direction: alternate-reverse;
-o-animation-direction: alternate-reverse;
-ms-animation-direction: alternate-reverse;
-webkit-animation-direction: alternate-reverse;
-moz-animation-direction: alternate-reverse;
}
.cssload-square-pink {
background: rgb(233, 111, 146);
left: 0;
top: 0;
}
.cssload-square-blend {
background: rgb(117, 81, 125);
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: 2;
animation: blend-anim 0.92s ease-in infinite;
-o-animation: blend-anim 0.92s ease-in infinite;
-ms-animation: blend-anim 0.92s ease-in infinite;
-webkit-animation: blend-anim 0.92s ease-in infinite;
-moz-animation: blend-anim 0.92s ease-in infinite;
}
.shop-page .main-content.loading::before {
content: "";
display: inline-block;
position: fixed;
left: 0;
top: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.3);
z-index: 10;
}
.shop-page .main-content.loading::after {
content: url(//ilite.sg/wp-content/themes/zonex/assets/images/spin.svg);
position: fixed;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 11;
}  .slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list {
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus {
outline: none;
}
.slick-list.dragging {
cursor: pointer;
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;
top: 0;
left: 0;
display: block;
}
.slick-track:before,
.slick-track:after {
display: table;
content: '';
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[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;
} .mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 100000;
overflow: hidden;
position: fixed;
background: #151515;
opacity: 0.8;
}
.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 100003;
position: fixed;
outline: none !important;
-webkit-backface-visibility: hidden;
}
.mfp-container {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 8px;
box-sizing: border-box;
}
.mfp-container:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
}
.mfp-align-top .mfp-container:before {
display: none;
}
.mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 1045;
}
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
cursor: auto;
}
.mfp-ajax-cur {
cursor: progress;
}
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: -moz-zoom-out;
cursor: -webkit-zoom-out;
cursor: zoom-out;
}
.mfp-zoom {
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in;
}
.mfp-auto-cursor .mfp-content {
cursor: auto;
}
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.mfp-loading.mfp-figure {
display: none;
}
.mfp-hide {
display: none !important;
}
.mfp-preloader {
color: #CCC;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -0.8em;
left: 8px;
right: 8px;
z-index: 1044;
}
.mfp-preloader a {
color: #CCC;
}
.mfp-preloader a:hover {
color: #FFF;
}
.mfp-s-ready .mfp-preloader {
display: none;
}
.mfp-s-error .mfp-content {
display: none;
}
button.mfp-close,
button.mfp-arrow {
overflow: visible;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
display: block;
outline: none;
padding: 0;
z-index: 1046;
box-shadow: none;
touch-action: manipulation;
}
button::-moz-focus-inner {
padding: 0;
border: 0;
}
.mfp-close {
width: 44px;
height: 44px;
line-height: 44px;
position: absolute;
right: 0;
top: 0;
text-decoration: none;
text-align: center;
opacity: 0.65;
padding: 0 0 18px 10px;
color: #FFF;
font-style: normal;
font-size: 28px;
font-family: Arial, Baskerville, monospace;
}
.mfp-close:hover,
.mfp-close:focus {
opacity: 1;
}
.mfp-close:active {
top: 1px;
}
.mfp-close-btn-in .mfp-close {
color: #333;
}
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
color: #FFF;
right: -6px;
text-align: right;
padding-right: 6px;
width: 100%;
}
.mfp-counter {
position: absolute;
top: 0;
right: 0;
color: #CCC;
font-size: 12px;
line-height: 18px;
white-space: nowrap;
}
.mfp-arrow {
position: absolute;
opacity: 0.65;
margin: 0;
top: 50%;
margin-top: -55px;
padding: 0;
width: 90px;
height: 110px;
-webkit-tap-highlight-color: transparent;
}
.mfp-arrow:active {
margin-top: -54px;
}
.mfp-arrow:hover,
.mfp-arrow:focus {
opacity: 1;
}
.mfp-arrow:before,
.mfp-arrow:after {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
margin-top: 35px;
margin-left: 35px;
border: medium inset transparent;
}
.mfp-arrow:after {
border-top-width: 13px;
border-bottom-width: 13px;
top: 8px;
}
.mfp-arrow:before {
border-top-width: 21px;
border-bottom-width: 21px;
opacity: 0.7;
}
.mfp-arrow-left {
left: 0;
}
.mfp-arrow-left:after {
border-right: 17px solid #FFF;
margin-left: 31px;
}
.mfp-arrow-left:before {
margin-left: 25px;
border-right: 27px solid #3F3F3F;
}
.mfp-arrow-right {
right: 0;
}
.mfp-arrow-right:after {
border-left: 17px solid #FFF;
margin-left: 39px;
}
.mfp-arrow-right:before {
border-left: 27px solid #3F3F3F;
}
.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
top: -40px;
}
.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #151515;
} img.mfp-img {
width: auto;
max-width: 100%;
height: auto;
display: block;
line-height: 0;
box-sizing: border-box;
padding: 40px 0 40px;
margin: 0 auto;
} .mfp-figure {
line-height: 0;
}
.mfp-figure:after {
content: '';
position: absolute;
left: 0;
top: 40px;
bottom: 40px;
display: block;
right: 0;
width: auto;
height: auto;
z-index: -1;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #444;
}
.mfp-figure small {
color: #BDBDBD;
display: block;
font-size: 12px;
line-height: 14px;
}
.mfp-figure figure {
margin: 0;
}
.mfp-bottom-bar {
margin-top: -36px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto;
}
.mfp-title {
text-align: left;
line-height: 18px;
color: #F3F3F3;
word-wrap: break-word;
padding-right: 36px;
}
.mfp-image-holder .mfp-content {
max-width: 100%;
}
.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer;
}
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { .mfp-img-mobile .mfp-image-holder {
padding-left: 0;
padding-right: 0;
}
.mfp-img-mobile img.mfp-img {
padding: 0;
}
.mfp-img-mobile .mfp-figure:after {
top: 0;
bottom: 0;
}
.mfp-img-mobile .mfp-figure small {
display: inline;
margin-left: 5px;
}
.mfp-img-mobile .mfp-bottom-bar {
background: rgba(0, 0, 0, 0.6);
bottom: 0;
margin: 0;
top: auto;
padding: 3px 5px;
position: fixed;
box-sizing: border-box;
}
.mfp-img-mobile .mfp-bottom-bar:empty {
padding: 0;
}
.mfp-img-mobile .mfp-counter {
right: 5px;
top: 3px;
}
.mfp-img-mobile .mfp-close {
top: 0;
right: 0;
width: 35px;
height: 35px;
line-height: 35px;
background: rgba(0, 0, 0, 0.6);
position: fixed;
text-align: center;
padding: 0;
}
}
@media all and (max-width: 900px) {
.mfp-arrow {
-webkit-transform: scale(0.75);
transform: scale(0.75);
}
.mfp-arrow-left {
-webkit-transform-origin: 0;
transform-origin: 0;
}
.mfp-arrow-right {
-webkit-transform-origin: 100%;
transform-origin: 100%;
}
.mfp-container {
padding-left: 0;
padding-right: 0;
}
div.mfp-content {
max-width: 100%;
}
}
.mfp-zoom-in .mfp-with-anim {
opacity: 0;
transition: all 0.2s ease-out;
-webkit-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-webkit-transform: scale(0.8);
-moz-transform: scale(0.8);
-ms-transform: scale(0.8);
-o-transform: scale(0.8);
transform: scale(0.8);
}
.mfp-zoom-in.mfp-bg {
opacity: 0;
transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
}
.mfp-zoom-in.mfp-ready .mfp-with-anim {
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.mfp-zoom-in.mfp-ready.mfp-bg {
opacity: 0.8;
}
.mfp-zoom-in.mfp-removing .mfp-with-anim {
-webkit-transform: scale(0.8);
-moz-transform: scale(0.8);
-ms-transform: scale(0.8);
-o-transform: scale(0.8);
transform: scale(0.8);
opacity: 0;
}
.mfp-zoom-in.mfp-removing.mfp-bg {
opacity: 0;
} .product-item .product-title {
margin: 20px 0 5px;
line-height: 16px;
}
.product-item span.onnew + .product-title {
margin-top: 0;
}
.product-item .star-rating + .product-title {
margin: 8px 0 5px;
}
.product-thumb {
position: relative;
overflow: hidden;
transition: filter 0.3s linear 0s;
-o-transition: filter 0.3s linear 0s;
-webkit-transition: filter 0.3s linear 0s;
}
.product-item .thumb-link {
width: 100%;
display: block;
position: relative;
transition: all 0.5s linear 0s;
-o-transition: all 0.5s linear 0s;
-webkit-transition: all 0.5s linear 0s;
}
.product-item .thumb-link img {
width: 100%;
}
.loading-lazy {
position: relative;
}
.loading-lazy::after, .tab-container.loading::after {
width: 50px;
height: 50px;
content: "";
box-sizing: border-box;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
-o-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
background-image: url(//ilite.sg/wp-content/themes/zonex/assets/images/loading-icon.gif);
background-size: 50px 50px;
z-index: 11;
}
.product-second-figure {
bottom: 0;
left: 0;
opacity: 0;
visibility: hidden;
position: absolute;
z-index: 1;
right: 0;
top: 0;
transition: all 0.3s linear 0s;
-o-transition: all 0.3s linear 0s;
-webkit-transition: all 0.3s linear 0s;
}
.product-inner:hover .product-second-figure {
opacity: 1;
visibility: visible;
}
.product-list-owl .product-item {
margin: 0;
}
.tooltip{
font-size: 12px!important;
}
.btn-wrap.owl-btn-wrap {
text-align: center;
}
a.button.btn.zonex-button.owl-btn-link {
font-size: 12px;
box-shadow: 0 0 0;
background: #151515;
color: #fff;
border-radius: 0;
line-height: 52px;
height: 52px;
padding: 0 20px;
letter-spacing: 2px;
font-weight: 600;
margin: 080px 0;
}
a.button.btn.zonex-button.owl-btn-link:hover {
background: #ff3636;
color: #fff;
}
.product-item.style-2 .product-title {
margin: 0;
line-height: 1.2;
} ul.row {
padding-left: 0;
}
.product-list-grid {
padding-left: 0;
}
.owl-products .product-item {
margin-bottom: 0px;
}
.product-item {
list-style: none;
margin-bottom: 30px;
}
.product-inner .product-title a {
color: inherit;
}
.product-inner .product-title a:hover {
color: rgba(69, 69, 69, 0.8);
}
.woocs_price_code ins {
text-decoration: none;
padding-left: 5px;
}
.product-inner .price {
width: 100%;
display: inline-block;
font-size: 13px;
line-height: 20px;
font-family: Jost700;
transition: transform 0.3s, color 0.2s;
-o-transition: -o-transform 0.3s, color 0.2s;
-webkit-transition: -webkit-transform 0.3s, color 0.2s;
color: #151515;
}
del {
text-decoration: none;
}
ins {
text-decoration: none;
}
del .woocommerce-Price-amount.amount {
font-size: 13px;
color: #959595;
font-family: Jost500;
margin-left: 5px;
position: relative;
}
del .woocommerce-Price-amount.amount::before {
content: "";
border-bottom: 1px solid;
position: absolute;
top: 50%;
left: 0;
width: 100%;
}
.price ins {
text-decoration: none;
float: left;
margin-right: 7px;
}
.loadmore-product {
text-align: center;
margin-bottom: 25px;
}
.loadmore-product a::after {
content: "\e94f";
font-family: kazen-font;
position: absolute;
font-weight: 300;
bottom: -100%;
font-size: 17px;
-webkit-transform:  rotate(180deg) translateX(50%);
-moz-transform:  rotate(180deg) translateX(50%);
-ms-transform:  rotate(180deg) translateX(50%);
-o-transform:  rotate(180deg) translateX(50%);
transform:  rotate(180deg) translateX(50%);
left: 50%;
color: #151515;
transition: bottom 0.3s linear 0s;
-o-transition: bottom 0.3s linear 0s;
-webkit-transition: bottom 0.3s linear 0s;
}
.loadmore-product a.outofproduct::after {
display: none;
}
.loadmore-product a:hover::after {
bottom: calc(-100% - 4px);
}
.loadmore-product a {
color: #151515;
position: relative;
font-size: 13px;
padding-bottom: 7px;
}
.loadmore-product a:not(:hover) {
color: #858585;
}
.product-item.style-4 .product-info {
position: absolute;
bottom: 12px;
left: 20px;
z-index: 1;
}
.product-item.style-4 .product-title {
margin: 0;
}
.product-item.style-4 .woocommerce-Price-amount.amount {
color: inherit;
}
.product-item.style-4 .product-inner:hover .product-thumb {
filter: brightness(0.7);
}
.product-item.style-4 .product-inner:hover .product-title a {
color: #fff;
}
.product-item.style-4 .product-inner:hover .price,
.product-item.style-4 .product-inner:hover del .woocommerce-Price-amount.amount{
color: #fff;
} .product-inner .add_to_cart_button,
.product-inner .added_to_cart,
.product-inner .product_type_variable,
.product-inner .product_type_simple,
.product-inner .product_type_external,
.product-inner .product_type_grouped {
opacity: 1;
top: 0;
display: inline-block;
font-size: 0;
text-align: center;
box-shadow: 0 10px 15px rgba(0, 0, 0, 0.06);
line-height: 46px;
text-transform: uppercase;
transition: all 0.3s linear 0s;
-o-transition: all 0.3s linear 0s;
-webkit-transition: all 0.3s linear 0s;
width: 46px;
z-index: 9;
height: 46px;
background: #fff;
margin: 0px 5px;
position: relative;
}
.add_to_cart_button::before,
.product_type_simple.add_to_cart_button::before {
content: "\f129";
font-family: "Flaticon";
position: relative;
top: 0px;
line-height: 46px;
font-weight: 500;
margin: 0;
font-size: 18px;
}
.product_type_variable::before, .product_type_grouped::before, .product_type_simple::before, .product_type_external::before {
content: "\f105";
font-family: Flaticon;
line-height: 46px;
font-size: 18px;
font-weight: 600;
margin-right: 0px;
}
.wishlist_table .add_to_cart_button::before,
.wishlist_table .add_to_cart::before{
display: none;
}
.grouped_form .product_type_variable::before,
.grouped_form .product_type_grouped::before,
.grouped_form .product_type_simple::before,
.grouped_form .product_type_external::before {
display: none;
}
a.added_to_cart::before {
content: "\f116";
font-size: 18px;
font-family: Flaticon;
}
.add_to_cart_button.loading::before {
font-size: 0;
}
.product-inner .add_to_cart_button.loading::after {
font-family: 'FontAwesome', sans-serif;
-webkit-animation: spin 1s infinite steps(8);
animation: spin 1s infinite steps(8);
content: "\f110";
font-size: 16px;
display: inline-block;
margin-left: 5px;
position: relative;
top: 1px;
}
.product-inner .add_to_cart_button.added {
display: none;
}
.add-to-cart {
display: inline-block;
} .product-item form.variations_form {
position: static;
}
.product-item.style-4 form.variations_form {
display: none;
}
.product-item .variations {
position: absolute;
z-index: 1000;
right: -1px;
bottom: 0;
width: calc(100% + 1px);
margin: 0;
background: rgba(255,255,255,.95);
padding: 0;
opacity: 0;
visibility: hidden;
transition: opacity 0.4s ease 0s, visibility 0.4s ease 0s;
-o-transition: opacity 0.4s ease 0s, visibility 0.4s ease 0s;
-webkit-transition: opacity 0.4s ease 0s, visibility 0.4s ease 0s;
}
.product-item:hover .variations {
opacity: 1;
visibility: visible;
}
.product-item .variations select {
display: none;
}
.product-item .variations .data-val {
text-align: right;
margin: 0;
white-space: nowrap;
}
.product-item .variations a.change-value {
display: inline-block;
margin: 17px 5px;
float: right;
}
.product-item .variations tr, .product-item .variations td {
border: none;
}
.product-item .variations td.value {
padding-top: 0;
padding-bottom: 0;
}
.product-item .reset_variations {
position: absolute;
z-index: 2;
bottom: 13px;
top: auto;
left: 13px;
right: auto;
background-color: transparent;
color: #151515;
margin: 0;
padding: 0;
font-size: 0;
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
display: none !important;
}
.product-item .reset_variations::before {
display: block;
font-family: Flaticon;
font-size: 16px;
content: "\f119";
}
.product-item .reset_variations:hover {
color: #ff0000;
background-color: transparent;
} #yith-wcwl-popup-message {
background: #2ecc71 none repeat scroll 0 0;
border: medium none;
color: #fff;
font-weight: 500;
left: auto;
padding: 0 30px;
right: 20px;
top: 52px;
}
.yith-wcwl-add-to-wishlist {
font-size: 0;
}
.yith-wcwl-add-to-wishlist a {
display: inline-block;
width: 100%;
}
.yith-wcwl-add-to-wishlist a {
color: inherit;
}
.yith-wcwl-add-button {
position: relative;
}
.yith-wcwl-add-to-wishlist a:hover, .yith-wcwl-add-to-wishlist a:focus {
color: inherit;
}
.yith-wcwl-add-to-wishlist .yith-wcwl-add-button a.add_to_wishlist.loading::before {
content: "\f110";
display: inline-block;
font-family: FontAwesome;
font-size: 16px;
animation: spin 0.6s linear 0s;
-o-animation: spin 0.6s linear 0s;
position: relative;
-webkit-animation: spin 0.6s linear 0s;
top: -1px;
margin-right: 0;
}
.product-item .product-inner:hover .yith-wcwl-add-to-wishlist {
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none;
}
.product-grid .product-item .yith-wcwl-add-to-wishlist,
.product-grid .yith-wcqv-button {
width: auto;
box-shadow: 0 0 0;
line-height: inherit;
height: auto;
background: transparent;
color: inherit;
}
.product-grid .product-item a.fami-wccp-button {
height: auto;
width: auto;
transform: none;
opacity: 1;
visibility: visible;
box-shadow: 0 0 0;
line-height: 1;
background: transparent;
color: inherit;
padding: 0;
}
.yith-wcwl-add-button .ajax-loading {
position: absolute;
top: -10px;
left: 0;
right: 0;
bottom: 0;
margin: auto;
display: none !important;
}
#yith-quick-view-content .yith-wcwl-add-button .ajax-loading {
display: block !important;
}
.add_to_wishlist::before {
content: "\e93f";
font-family: kazen-font;
font-size: 16px;
}
.yith-wcwl-wishlistaddedbrowse a::before, .yith-wcwl-wishlistexistsbrowse a::before {
font-family: Flaticon;
content: "\f10c";
font-size: 16px;
position: relative;
top: 0;
}
.summary .yith-wcwl-wishlistaddedbrowse a::before,.summary .yith-wcwl-wishlistexistsbrowse a::before {
top: 3px;
margin-right: 5px;
}
.yith-wcwl-add-to-wishlist .feedback {
display: none;
}
.yith-wcwl-add-to-wishlist {
font-size: 0;
display: inline-block;
width: 46px;
height: 46px;
line-height: 47px;
text-align: center;
background: #fff;
margin: 0 5px;
color: #151515;
box-shadow: 0 1px 6px rgba(0,0,0,0.1);
transition: box-shadow 0.3s ease 0s
}
.yith-wcwl-add-to-wishlist:hover{
box-shadow: 0 10px 25px rgba(0,0,0,0.15);
} .compare {
font-size: 0;
}
.compare::before {
font-family: 'FontAwesome', sans-serif;
content: '\f0ec';
font-size: 15px;
}
.compare.added::before {
content: '\f00c';
}
.fami-wccp-content-wrap {
margin: 60px 0 50px;
}
div.products-compare-list .compare-item {
border-radius: 0;
}
div.fami-wccp-products-list-wrap .actions-wrap a {
font-size: 10px;
border-radius: 0;
letter-spacing: 0;
font-family: Jost500;
}
.fami-wccp-button.processing:before {
width: 17px;
height: 17px;
content: '';
box-sizing: border-box;
border-radius: 50%;
border: 1px solid #ccc;
border-top-color: #ff2323;
animation: fami-spinner 1s linear infinite;
-webkit-animation: fami-spinner 1s linear infinite;
z-index: 9;
top: 1px;
display: inline-block;
position: relative;
}
.fami-wccp-content-wrap .field-add-to-cart > a::before {
content: "";
}
.fami-wccp-content-wrap .owl-carousel .owl-nav > button span {
font-size: 0;
line-height: 0;
}
.fami-wccp-content-wrap .owl-carousel .owl-nav > button span::before {
content: "\f104";
font-family: Fontawesome;
font-size: 22px;
}
.fami-wccp-content-wrap .owl-carousel .owl-nav > button.owl-next span::before {
content: "\f105";
} .product-inner:hover .add_to_cart_button,
.product-inner:hover .added_to_cart,
.product-inner:hover .product_type_variable,
.product-inner:hover .product_type_grouped,
.product-inner:hover .product_type_simple,
.product-inner:hover .product_type_external {
opacity: 1;
top: 0;
} .product-list .product-item .star-rating {
margin-top: 0;
margin-bottom: 8px;
}
.star-rating {
white-space: nowrap;
line-height: 100%;
display: block;
font-size: 0;
position: relative;
overflow: hidden;
width: 76px;
letter-spacing: 4px;
}
.star-rating::before, .star-rating span::before {
font-family: kazen-font;
content: "\e96f\e96f\e96f\e96f\e96f";
font-size: 12px;
color: #cccccc;
line-height: 100%;
}
.star-rating span {
overflow: hidden;
float: left;
top: 0;
left: 0;
position: absolute;
line-height: 100%;
}
.star-rating span::before {
color: #03d607;
}
@media (max-width: 991px) {
.zonex-newsletter.style-06 .newsletter-form-wrap {
padding-bottom: 10px;
}
.ziss-shop-wrap .ziss-item-inner::before {
opacity: 0.6;
visibility: visible;
}
.ziss-shop-wrap .ziss-item-inner.no-products-pin::after,
.ziss-shop-wrap .ziss-figure-wrap .pin-text {
opacity: 1;
visibility: visible;
}
}
@media (max-width: 767px) {
.footer.style-02 .wpb_single_image.vc_align_left {
text-align: center;
}
.footer.style-02 .zonex-newsletter.style-06 {
text-align: center;
}
.footer.style-02 .zonex-custommenu.style-01 {
text-align: center;
}
.footer.style-02 .zonex-custommenu.style-01 .widgettitle::before {
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
}
.product-item .flash-wrap .outofstock {
font-size: 9px;
}
} .no-sidebar .categories-product-woo > .product-grid {
padding-top: 15px;
}
.categories-product-woo .product-grid:not(:first-child) {
padding-bottom: 20px;
}
.categories-product-woo .product-grid:first-child:not(:last-child) {
margin-bottom: 15px;
}
.categories-product-woo .product-grid.product-list-owl {
padding-bottom: 25px;
}
.categories-product-woo {
margin-top: 15px;
}
.categories-slide .owl-carousel {
border-bottom: 1px solid #e5e5e5;
padding-bottom: 35px;
}
.categories-slide .owl-carousel .owl-dots {
margin-top: 30px;
}
h2.block-grid-title {
font-size: 16px;
font-weight: 600;
display: inline-block;
text-transform: uppercase;
}
.categories-product-woo .block-title {
padding-bottom: 15px;
line-height: 28px;
}
.categories-product-woo .block-title > a {
font-size: 14px;
float: right;
font-family: Jost500;
color: #151515;
}
.categories-product-woo .block-title > a:hover {
color: #858585;
}
.categories-slide span.cat-name {
font-size: 18px;
color: #151515;
font-weight: 600;
margin: 25px 0 0;
display: block;
}
.cat-name span {
font-size: 18px;
margin-left: 5px;
color: #868686;
}
.categories-slide a:hover span.cat-name {
color: #ff3636;
}
.bestseller-cat-products {
border-bottom: 1px solid #e5e5e5;
margin-bottom: 5px;
margin-top: -7px;
}
.zonex-is-real-mobile .bestseller-cat-products {
border-bottom: none;
}
.categories-product-woo .categories-slide a:hover img {
-webkit-transform: scale(1.02);
-moz-transform: scale(1.02);
-ms-transform: scale(1.02);
-o-transform: scale(1.02);
transform: scale(1.02);
}
.categories-product-woo .categories-slide a img {
transition: all 0.4s linear 0s;
-o-transition: all 0.4s linear 0s;
-webkit-transition: all 0.4s linear 0s;
width: 100%;
}
.categories-product-woo .categories-slide a figure {
position: relative;
overflow: hidden;
display: inline-block;
width: 100%;
}
.bestseller-cat-products .zonex-products .owl-carousel .owl-dots {
margin-top: 0;
} .box-mobile-menu .main-menu li.menu-item.item-lang-currency > div {
width: 50%;
float: left;
padding: 0 10px;
margin: 0;
border: none;
}
.box-mobile-menu .main-menu li.menu-item.item-lang-currency span.screen-reader-text {
clip: auto;
clip-path: inherit;
height: auto;
width: auto;
font-size: 12px;
}
.box-mobile-menu .main-menu li.menu-item.item-lang-currency {
overflow: visible;
width: 100%;
position: relative;
padding: 20px 10px;
}
.box-mobile-menu .main-menu li.menu-item.item-lang-currency li a {
width: 100%;
line-height: 36px;
padding: 0px 15px;
font-weight: 400;
color: #151515;
border-color: #e1e1e1;
border-radius: 0;
}
.box-mobile-menu .main-menu li.menu-item.item-lang-currency {
overflow: visible;
width: 100%;
position: relative;
}
.box-mobile-menu .main-menu li.menu-item.item-lang-currency li {
overflow: visible;
width: 100%;
position: relative;
}
.box-mobile-menu .main-menu .currency-language {
display: inline-block;
padding-left: 0;
position: relative;
top: 0;
width: 100%;
}
.box-mobile-menu .main-menu .wcml-dropdown-click > ul {
position: relative;
padding: 0;
margin: 0 !important;
list-style-type: none;
line-height: 36px;
border: 1px solid #e1e1e1;
border-radius: 0;
height: 36px;
}
.box-mobile-menu .main-menu .dropdown.open > .submenu {
display: block;
border: none;
background: #f9f9f9;
}
header .box-mobile-menu .wcml_currency_switcher li .wcml-cs-submenu {
background: #fff;
min-width: inherit;
border-radius: 0;
width: 100%;
}
span.purchase-price {
font-size: 0 !important;
}
span.purchase-price::before {
content: '59';
font-size: 20px;
} header:hover .cursor-visible {
opacity:1;
}
.cursor-visible{
opacity:0;
-webkit-transition: opacity 0.5s linear 0s;
-moz-transition: opacity 0.5s linear 0s;
-o-transition: opacity 0.5s linear 0s;
-ms-transition: opacity 0.5s linear 0s;
transition: opacity 0.5s linear 0s;
}
.cursor2 {
border: 1px solid #fff;
height: 30px;
width: 30px;
z-index: 99998;
-webkit-transition: all 0.3s linear 0s;
-moz-transition: all 0.3s linear 0s;
-o-transition: all 0.3s linear 0s;
-ms-transition: all 0.3s linear 0s;
transition: all 0.3s linear 0s;
mix-blend-mode: difference;
}
.cursor {
background-color: #EC2026;
height: 5px;
width: 5px;
z-index: 99999;
}
.cursor,header  .cursor2 {
position: fixed;
border-radius: 50%;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
-o-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
pointer-events: none;
left: -100px;
top: 50%;
}
.cursor2.hover {
-webkit-transform: scale(2.5) translateX(-25%) translateY(-25%);
-moz-transform: scale(2.5) translateX(-25%) translateY(-25%);
-ms-transform: scale(2.5) translateX(-25%) translateY(-25%);
-o-transform: scale(2.5) translateX(-25%) translateY(-25%);
transform: scale(2.5) translateX(-25%) translateY(-25%);
background: #fff;
border: none;
}
.yt-video-background {
position: relative;
height: 0;
padding-bottom: 56.25%;
}
.yt-video-background:before {
content: '';
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.18);
z-index: 1;
}
a.switch-ltr {
display: none;
}
body.rtl .switch-rtl {
display: none;
}
.btn-switch-rtl {
opacity: .8;
background: #f33c3c;
color: #FFF!important;
font-weight: 600;
width: 45px;
height: 45px;
border: none;
padding: 0;
display: block;
position: fixed;
bottom: 95px;
right: 33px;
line-height: 45px;
font-size: 85%;
text-align: center;
box-shadow: 0 2px 0 0 rgba(0,0,0,.1), 0 0 0 0.5px rgba(0,0,0,.04);
-moz-webkit-box-shadow: 0 2px 0 0 rgba(0,0,0,.1),0 0 0 .5px rgba(0,0,0,.04);
-ms-webkit-box-shadow: 0 2px 0 0 rgba(0,0,0,.1),0 0 0 .5px rgba(0,0,0,.04);
-o-webkit-box-shadow: 0 2px 0 0 rgba(0,0,0,.1),0 0 0 .5px rgba(0,0,0,.04);
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-webkit-transition: all .3 linear;
-moz-transition: all .3 linear;
transition: all .3 linear;
z-index: 100;
}
@-webkit-keyframes spin {
0% {
-webkit-transform: rotate(-360deg);
}
100% {
-webkit-transform: rotate(0deg);
}
}
@keyframes spin {
0% {
transform: rotate(-360deg);
}
100% {
transform: rotate(0deg);
}
}
@-webkit-keyframes arrow-down {
0% {
transform: translateY(0);
}
50% {
transform: translateY(20px);
}
100% {
transform: translateY(0);
}
}
@keyframes arrow-down {
0% {
transform: translateY(0);
}
50% {
transform: translateY(20px);
}
100% {
transform: translateY(0px);
}
}
@-webkit-keyframes smoothFadeInUp {
0% {
opacity: 0;
-webkit-transform: translateY(10px);
transform: translateY(10px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes smoothFadeInUp {
0% {
opacity: 0;
-webkit-transform: translateY(10px);
-ms-transform: translateY(10px);
transform: translateY(10px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
@-webkit-keyframes smoothFadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0)
}
to {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
@keyframes smoothFadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0)
}
to {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
@-webkit-keyframes smoothFadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0)
}
to {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
@keyframes smoothFadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0)
}
to {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
@-webkit-keyframes smoothFadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0)
}
to {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
@keyframes smoothFadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0)
}
to {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
@-webkit-keyframes smoothFadeOutUp {
from {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0)
}
}
@keyframes smoothFadeOutUp {
from {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0)
}
}
@-webkit-keyframes smoothFadeOutDown {
from {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0)
}
}
@keyframes smoothFadeOutDown {
from {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0)
}
}
@-webkit-keyframes smoothFadeOutLeft {
from {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0)
}
}
@keyframes smoothFadeOutLeft {
from {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0)
}
}
@-webkit-keyframes smoothFadeOutRight {
from {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0)
}
}
@keyframes smoothFadeOutRight {
from {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0)
}
}
@keyframes move_down_admin {
0% {
top: -75px;
}
100% {
top: 32px;
}
}
@-webkit-keyframes move_down_admin {
0% {
top: -75px;
}
100% {
top: 32px;
}
}
@keyframes move_down {
0% {
top: -75px;
}
100% {
top: 0;
}
}
@-webkit-keyframes move_down {
0% {
top: -75px;
}
100% {
top: 0;
}
}
@-webkit-keyframes mouse-line-right {
0% {
right: 120px;
width: 0px;
}
50% {
width: 20px;
}
80% {
width: 20px;
right: 30px;
}
100% {
width: 0px;
right: 30px;
}
}
@keyframes mouse-line-right {
0% {
right: 120px;
width: 0px;
}
50% {
width: 20px;
}
80% {
width: 20px;
right: 30px;
}
100% {
width: 0px;
right: 30px;
}
}@-webkit-keyframes loading_p {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes loading_p {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes underline-link {
0% {
-webkit-transform: translateX(0);
transform: translateX(0)
}
50% {
-webkit-transform: translateX(100%);
transform: translateX(100%)
}
50.01% {
-webkit-transform: translateX(-100%);
transform: translateX(-100%)
}
to {
-webkit-transform: translateX(0);
transform: translateX(0)
}
}
@keyframes underline-link {
0% {
-webkit-transform: translateX(0);
transform: translateX(0)
}
50% {
-webkit-transform: translateX(100%);
transform: translateX(100%)
}
50.01% {
-webkit-transform: translateX(-100%);
transform: translateX(-100%)
}
to {
-webkit-transform: translateX(0);
transform: translateX(0)
}
}
@-webkit-keyframes kenburns {
0% {
opacity: 0;
}
5% {
opacity: 1;
}
90% {
transform: scale3d(1.2, 1.2, 1.2) translate3d(-30px, -20px, 0);
animation-timing-function: ease-in;
opacity: 1;
}
100% {
transform: scale3d(1.5, 1.5, 1.5) translate3d(-50px, -20px, 0px);
opacity: 0;
}
}
@keyframes blend-anim {
0% {
transform: scale(0.01, 0.01) rotateY(0);
animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
}
50% {
transform: scale(1, 1) rotateY(0);
animation-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
}
100% {
transform: scale(0.01, 0.01) rotateY(0);
}
}
@-o-keyframes blend-anim {
0% {
-o-transform: scale(0.01, 0.01) rotateY(0);
-o-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
}
50% {
-o-transform: scale(1, 1) rotateY(0);
-o-animation-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
}
100% {
-o-transform: scale(0.01, 0.01) rotateY(0);
}
}
@-webkit-keyframes blend-anim {
0% {
-webkit-transform: scale(0.01, 0.01) rotateY(0);
-webkit-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
}
50% {
-webkit-transform: scale(1, 1) rotateY(0);
-webkit-animation-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
}
100% {
-webkit-transform: scale(0.01, 0.01) rotateY(0);
}
}
@-moz-keyframes blend-anim {
0% {
-moz-transform: scale(0.01, 0.01) rotateY(0);
-moz-animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
}
50% {
-moz-transform: scale(1, 1) rotateY(0);
-moz-animation-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
}
100% {
-moz-transform: scale(0.01, 0.01) rotateY(0);
}
}
@keyframes cssload-part-anim {
0% {
transform: translate3d(-10px, -10px, 0);
}
100% {
transform: translate3d(10px, 10px, 0);
}
}
@-o-keyframes cssload-part-anim {
0% {
-o-transform: translate3d(-10px, -10px, 0);
}
100% {
-o-transform: translate3d(10px, 10px, 0);
}
}
@-webkit-keyframes cssload-part-anim {
0% {
-webkit-transform: translate3d(-10px, -10px, 0);
}
100% {
-webkit-transform: translate3d(10px, 10px, 0);
}
}
@-moz-keyframes cssload-part-anim {
0% {
-moz-transform: translate3d(-10px, -10px, 0);
}
100% {
-moz-transform: translate3d(10px, 10px, 0);
}
} .enable-animation-on-scroll .zonex-wow {
visibility: hidden; }
.enable-animation-on-scroll .zonex-wow.animated {
visibility: visible; }
.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both; }
@-webkit-keyframes zonex-fadeInUp {
0% {
opacity: 0;
-webkit-transform: translateY(20px);
transform: translateY(20px); }
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0); } }
@keyframes zonex-fadeInUp {
0% {
opacity: 0;
-webkit-transform: translateY(20px);
-ms-transform: translateY(20px);
transform: translateY(20px); }
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0); } }
.zonex-wow.fadeInUp,
.wpb_fadeInUp.fadeInUp {
-webkit-animation-name: zonex-fadeInUp;
animation-name: zonex-fadeInUp; }
@-webkit-keyframes zonex-fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
@keyframes zonex-fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
.zonex-wow.fadeInDown,
.wpb_fadeInUp.fadeInDown {
-webkit-animation-name: zonex-fadeInDown;
animation-name: zonex-fadeInDown; }
@-webkit-keyframes zonex-fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
@keyframes zonex-fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
.zonex-wow.fadeInLeft,
.wpb_fadeInUp.fadeInLeft {
-webkit-animation-name: zonex-fadeInLeft;
animation-name: zonex-fadeInLeft; }
@-webkit-keyframes zonex-fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
@keyframes zonex-fadeInRight {
from {
opacity: 0; 
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0); }
to {
opacity: 1;
-webkit-transform: none;
transform: none; } }
.zonex-wow.fadeInRight,
.wpb_fadeInUp.fadeInRight {
-webkit-animation-name: zonex-fadeInRight; 
animation-name: zonex-fadeInRight; }