.nt_js_lz.lazyloaded {
display: none
}
.btn {
outline: none !important;
box-shadow: none !important;
}
/****************************************
* Header
****************************************/
.lazy_icons .flickity-button {
visibility: visible;
}
#ntheader .ntheader_wrapper {
position: relative;
top: 0;
right: 0;
left: 0;
z-index: 390;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
}
#ntheader.sticky_prepared.live_stuck .ntheader_wrapper {
visibility: visible;
opacity: 1;
position: fixed;
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
-webkit-animation: animate_sticky .6s ease;
animation: animate_sticky .6s ease;
}
#ntheader.live_stuck.ani_none .ntheader_wrapper {
-webkit-animation: none;
animation: none;
}
.hide_scrolld_true #ntheader.sticky_prepared.live_stuck .ntheader_wrapper {
position: absolute;
box-shadow: none;
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
-webkit-animation: none;
animation: none;
transition: opacity .1s ease, visibility .1s ease, transform .3s ease, -webkit-transform .3s ease;
will-change: transform, -webkit-transform;
}
.hide_scrolld_true #ntheader.sticky_prepared.h_scroll_up .ntheader_wrapper {
position: fixed;
-webkit-transform: none;
transform: none;
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
}
#ntheader.live_stuck #shahTheme-section-header_banner,
#ntheader.live_stuck #shahTheme-section-header_top,
#ntheader.live_stuck .logo_normal,
#ntheader.live_stuck .logo_mobile {
display: none
}
#ntheader.live_stuck .logo_sticky {
display: inline-block
}
@-webkit-keyframes animate_sticky {
from {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
@keyframes animate_sticky {
from {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
.h_banner_close:after, .h_banner_close:before {
content: " ";
width: 7px;
height: 1px;
position: absolute;
left: 0;
top: 50%;
margin-top: -0.5px;
display: inline-block;
background-color: #fff;
-webkit-transition: background-color .2s ease-in-out, transform .2s ease-in-out;
-moz-transition: background-color .2s ease-in-out, transform .2s ease-in-out;
-o-transition: background-color .2s ease-in-out, transform .2s ease-in-out;
transition: background-color .2s ease-in-out, transform .2s ease-in-out;
}
.h_banner_close:hover:before, .show_icon_true .h_banner_close:before {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.h_banner_close:hover:after, .show_icon_true .h_banner_close:after {
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
}
.h_banner_close {
-webkit-transition: all .2s;
-moz-transition: all .2s;
-o-transition: all .2s;
transition: all .2s;
}
.h_banner_close:hover, .h_banner_close:focus {
opacity: 0.6;
}
.trs_stuck .nt_menu > li > a,
.trs_stuck .nt_action > a, .trs_stuck .nt_action > div > a {
transition: none;
}
.show_icon_true .h_banner_close {
font-size: 0;
min-width: 20px;
display: block;
}
.show_icon_true .h_banner_close:after, .show_icon_true .h_banner_close:before {
width: 20px;
height: 2px;
margin-top: -1px;
}
.nt_menu > li > div > div {
min-width: 230px;
}
.nt_menu > li > div > .sub-column-item {
padding: 10px 0;
}
.nt_menu div.menu-item > a, .nt_menu ul li a {
display: block;
color: #878787;
line-height: 1.5;
padding: 14px 15px;
}
.sub-column-item .sub-column > li a {
padding: 10px 0;
}
.nt_menu .sub-menu .sub-column-item {
padding: 10px 15px
}
.nt_menu .sub-menu .sub-column-item > a {
color: #222;
text-transform: uppercase;
font-weight: 500;
font-size: 12px;
padding: 13px 0;
border-bottom: 1px solid #eee;
}
.nt_menu .sub-menu .type_mn_link.sub-column-item > a:last-child {
margin-top: -15px;
}
.sub-column-item .sub-column {
padding: 0;
}
.nt_menu .type_mega .sub-menu {
padding: 20px 15px;
max-height: 75vh;
overflow-y: auto;
}
.nt_menu > li .sub-menu {
text-align: left;
position: absolute;
min-width: 250px;
background: #fff;
top: 100%;
z-index: 10;
padding: 0;
-webkit-box-shadow: inset 0 0 0 1px #eaeaea, 0 5px 20px rgba(0, 0, 0, 0.15);
box-shadow: inset 0 0 0 1px #eaeaea, 0 5px 20px rgba(0, 0, 0, 0.15);
background-color: rgba(255, 255, 255, 0.95);
background-color: #fff;
pointer-events: none;
}
.nt_menu > li.type_dropdown .sub-menu {
min-width: 260px;
padding: 10px 0;
}
.prs_nav .pr_grid_item.nt_pr {
margin: 15px 0;
}
.nt_menu > li.type_html > .sub-menu {
padding: 20px 15px
}
.clhovermq .nt_menu li.has-children:hover > .sub-menu, .clhovermq .nt_menu div:hover > .sub-menu,
.clno-hovermq .nt_menu li.has-children.is_hover > .sub-menu, .clno-hovermq .nt_menu div.is_hover > .sub-menu,
.nt_menu li.menu_item_hover > .sub-menu {
opacity: 1;
visibility: visible;
pointer-events: auto;
}
.nt_menu > li .sub-menu .sub-menu {
left: 100%;
top: 0;
}
.nt_menu > li.pos_left .sub-menu .sub-menu {
left: auto;
right: 100%;
}
.nt_menu > li.type_dropdown .sub-menu .has-children,
.nt_menu > li.type_dropdown .sub-menu .has-children > a {
position: relative
}
.nt_menu > li.type_dropdown .sub-menu .has-children > a:after {
right: 8px;
position: absolute;
color: rgba(82, 82, 82, .45);
font-weight: 400;
font-style: normal;
font-size: 100%;
font-family: fashahTheme, sans-serif;
content: "\f105";
}
.nt_menu > li.pos_left .sub-menu .has-children > a:after {
content: "\f104";
}
.nt_menu ul li a:hover, .nt_menu ul li.is_hover a, .nt_menu div.menu-item > a:hover, .nt_menu div.menu-item.is_hover > a {
color: #222;
}
.nt_menu .sub-menu .sub-column-item > :last-child {
border-bottom: 0;
}
.hover_side_up .nt_menu > li > .sub-menu {
-webkit-transform: translateY(15px) translateZ(0);
transform: translateY(15px) translateZ(0);
transition: opacity .2s ease, visibility .2s ease, transform .2s ease, -webkit-transform .2s ease;
}
.clhovermq .hover_side_up .nt_menu > li.has-children:hover > .sub-menu,
.clno-hovermq .nt_menu > li.has-children.is_hover > .sub-menu,
.hover_side_up .nt_menu > li.menu_item_hover > .sub-menu {
-webkit-transform: none;
transform: none;
}
.lbc_nav {
position: absolute;
color: #fff;
font-size: 9px;
padding: 1px 7px 0;
border-radius: 50px;
top: 50%;
line-height: 16px;
background: #01bad4;
transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
right: -5px;
margin-top: -14px;
-webkit-transition: opacity .3s ease-in-out;
-moz-transition: opacity .3s ease-in-out;
-o-transition: opacity .3s ease-in-out;
transition: opacity .3s ease-in-out;
opacity: 1;
}
.sub-menu .lbc_nav {
position: static;
display: inline-block;
}
.cats_menu > li {
line-height: 1.4;
border-bottom: 1px solid rgba(129, 129, 129, .15);
}
.cats_menu > li > a {
padding: 12px 25px 15px 18px;
color: #222;
font-size: 14px;
line-height: 20px;
}
.cats_menu > li > a > i {
color: rgba(82, 82, 82, .6);
}
.cats_menu > li.has-children > a:after {
position: absolute;
top: 50%;
right: 20px;
margin-top: -7px;
font-size: 14px;
line-height: 14px;
content: "\f105";
font-family: fashahTheme, sans-serif;
margin-left: 4px;
color: rgba(82, 82, 82, .45);
font-weight: 400;
font-style: normal;
}
.cats_menu > li:hover > a {
background-color: #F9F9F9;
color: #494949;
}
.header_categories .fa47-angle-down {
font-style: normal;
font-size: 16px;
transition: -webkit-transform .25s ease;
transition: transform .25s ease;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
}
.header_categories:hover .fa47-angle-down {
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg);
}
.has_ntcanvas.has_fk_canvas .mfp-content {
transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0);
}
.has_ntcanvas.has_fk_canvas .mfp-wrap {
display: none !important
}
.banner_nav {
padding: 13px 0;
}
.banner_nav:hover a {
background-color: transparent !important;
}
.banner_nav img {
transition: transform .5s cubic-bezier(0, 0, .44, 1.18);
}
.banner_nav:hover img {
-webkit-transform: scale(1.09);
transform: scale(1.09);
}
/****************************************
* Product grid system
****************************************/
.nt_pr.nt-swatched .back-img {
display: none
}
.nt_swatches_on_grid {
margin: 0 -3px;
}
.swatch__list--item {
margin: 3px;
border: 1px solid #ddd;
padding: 2px;
}
.swatch__list--item.nt_swatch_on_bg {
cursor: pointer;
}
.swatch__value {
display: block;
width: 24px;
height: 24px;
text-align: center;
background-position: center center !important;
background-repeat: no-repeat !important;
background-size: cover !important;
}
.swatch__value[data-bg] {
opacity: 0;
visibility: visible;
transition: 0.3s ease-in-out;
-webkit-transition: 0.3s ease-in-out;
}
.swatch__value.lazyloaded[data-bg] {
visibility: visible;
opacity: 1;
}
.swatch_list_size_small .swatch__list--item {
padding: 1px;
}
.swatch_list_size_small .swatch__list--item .swatch__value {
width: 16px;
height: 16px;
}
.swatch_list_size_large .swatch__list--item .swatch__value {
width: 45px;
height: 45px;
}
.swatch_style_rounded .swatch__list .swatch__list--item, .swatch_style_rounded .swatch__list .swatch__value {
border-radius: 50%;
}
.swatch__list--item.current-swatch {
background-color: #333;
border-color: #333;
}
.swatch__list--nt {
opacity: 0
}
.sp-single .product-images .p-thumb .flickity-enabled {
z-index: 2;
}
.p_group_btns {
z-index: 4;
}
.nt_labels {
top: 15px;
right: 15px;
z-index: 4;
}
.nt_label {
background-color: #e5e5e5;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
z-index: 20;
height: 20px;
width: 30px;
font-size: 8px;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
#nt_search_canvas .onsale.nt_label, .product_list_widget .onsale.nt_label {
width: auto;
height: auto;
color: #fff;
display: inline-block;
padding: 2px 4px;
border-radius: 2px;
font-size: 10px;
margin: 5px;
}
.label_style_rounded .nt_label {
height: 30px;
width: 30px;
font-size: 8px;
border-radius: 50%;
}
.nt_label + .nt_label {
margin-top: 5px;
}
/*.hover_button {
max-width: 100%;
padding: 0 5px;
top: 40%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 50;
white-space: nowrap;
opacity: 0;
visibility: hidden;
}*/
.hover_button .nt_add_qv, .hover_button .pr_atc {
font-size: 0;
margin: 2.5px 0;
/* -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, .1);*/
-webkit-box-shadow:1px 1px 9px rgb(0 0 0 / 10%);
/* box-shadow: 1px 1px 1px rgba(0, 0, 0, .1);*/
box-shadow:1px 1px 9px rgb(0 0 0 / 10%);
padding: 15px;
}
/*.hover_button .nt_add_qv, .hover_button .pr_atc {
font-size: 0;
margin: 2.5px 0;
-webkit-box-shadow: 0px 2px 1px 0px rgb(112 171 171);
box-shadow: 0px 2px 1px 0px rgb(112 171 171);
padding: 15px;
}*/
.hover_button .nt_add_qv i, .hover_button .pr_atc i {
font-weight: 600;
font-size: 18px
}
.product-image a.db:before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, .1);
z-index: 1;
transition: all .5s;
}
.product-image a.db:before,
.product-image a.wishlistadd,
.product-image a.nt_w_login,
.product-image .product-attr {
opacity: 0;
visibility: hidden;
}
.nt_labels,
.product-image:hover .product-image-flip .back,
.product-image:hover a.db:before,
.product-image:hover a.wishlistadd,
.product-image:hover .nt_add_cp > a,
.product-image:hover a.nt_w_login,
.product-image:hover .product-attr {
opacity: 1;
visibility: visible;
-webkit-transition: opacity .3s ease-in-out;
-moz-transition: opacity .3s ease-in-out;
-o-transition: opacity .3s ease-in-out;
transition: opacity .3s ease-in-out;
}
.product-image .nt_add_qv:hover, .product-image .pr_atc:hover {
background: #222;
color: #fff;
}
.product-image .nt_add_w, .product-image .nt_add_cp {
z-index: 40;
left: 12px;
top: 12px;
}
.product-image .nt_add_w > a, .product-image .nt_add_cp > a {
width: 20px;
height: 22px;
text-align: center;
margin: 0;
font-size: 18px;
color: #fff;
line-height: 1;
opacity: 0;
visibility: hidden;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.nt_add_cp i {
font-size: 20px
}
.product-image .nt_add_w + .nt_add_cp {
top: 40px;
}
.product-image .product-attr {
bottom: 5px;
left: 10px;
right: 10px;
z-index: 2;
text-shadow: -1px -1px 1px rgba(255, 255, 255, .1), 1px 1px 1px rgba(0, 0, 0, .15);
}
.pr_grid_item .product-image:hover .hover_button {
opacity: 1;
visibility: visible;
top: 80%;
}
.nt_pr .product-image .hover_img {
transition: opacity .5s ease, transform 2s cubic-bezier(0, 0, .44, 1.18), -webkit-transform 2s cubic-bezier(0, 0, .44, 1.18);
}
.nt_pr:hover .product-image .hover_img {
opacity: 1;
}
.hover_img2 .nt_pr:hover .product-image .hover_img {
transform: scale(1.09);
-webkit-transform: scale(1.09);
}
.swatch__list_js.lazyload, .swatch__list_js.lazyloading {
background-image: url(../images/svg/lds-sw.svg);
background-size: 70px;
background-repeat: no-repeat;
background-position: center left;
background-position-x: -8px;
}
.row_pr_1.tc .swatch__list_js.lazyload, .row_pr_1.tc .swatch__list_js.lazyloading {
background-position: center !important;
}
.dcp_cd_ip {
opacity: 0;
height: 0
}
.pr_lazy_img.main-img.lazyloaded, .p-nav.p-nav-ready,
.nt_bg_lz.pr_lazy_img.lazyloaded,
.cat_grid_item__overlay.lazyloaded,
img.lz_op_ef.lazyloaded,
.swatch__value.lazyloaded, .swatch__value_pr.lazyloaded {
-webkit-animation: ani-fadeIn 1.25s cubic-bezier(0.26, 0.54, 0.32, 1) 0s forwards;
animation: ani-fadeIn 1.25s cubic-bezier(0.26, 0.54, 0.32, 1) 0s forwards;
}
.nt_shipping.nt_icon_circle .icon:not(.ship_img):before {
content: '';
position: absolute;
top: 8px;
left: 8px;
right: 8px;
bottom: 8px;
background: #56cfe1;
transition: all .3s;
-webkit-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0)
}
.nt_shipping.nt_icon_circle:hover .icon:not(.ship_img):before {
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1)
}
.nt_bg_lz.ship_img.lazyload:before, .nt_bg_lz.ship_img.lazyloading:before {
background-size: 30px;
}
.wf-fashahTheme-n4-active .header_picker:after,
.wf-fashahTheme-n4-inactive .header_picker:after {
content: '\f107';
position: absolute;
font-family: 'fashahTheme', sans-serif;
right: 12px;
top: 0;
font-size: 16px;
pointer-events: none;
transition: -webkit-transform 0.2s ease-in-out;
transition: transform 0.2s ease-in-out;
}
.sortby_pick i {
transition: transform 0.2s ease-in-out;
}
.nt_lt_fake.opended .header_picker:after,
.style__simple .nt_lt_fake.opended > i,
.cat_sortby_js.opended .sortby_pick i {
-webkit-transform: rotateZ(180deg);
transform: rotateZ(180deg);
}
.nt_lt_fake ul {
padding: 15px 0;
width: 100%;
top: calc(100% + 10px);
top: -webkit-calc(100% + 10px);
margin: 0;
background-color: #fff;
z-index: 40;
box-shadow: 0 1px 5px 2px rgba(0, 0, 0, 0.1);
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
max-height: 280px;
min-width: 250px;
overflow: auto;
overflow-x: hidden;
visibility: hidden;
-webkit-overflow-scrolling: touch;
-ms-scroll-chaining: none;
overscroll-behavior: none;
transition: opacity 0.25s ease-in-out, transform 0.25s ease-in-out, visibility 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
will-change: transform;
-webkit-transform: scale(0.9);
transform: scale(0.9);
border-radius: 3px;
}
.nt_lt_fake ul > li {
color: #222;
margin: 0;
padding: 0 20px 0 10px;
height: 40px;
line-height: 30px;
}
.is-selcolor .swatch_pr_item {
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-align: center;
align-items: center;
}
.bg_imh_sel {
width: 25px;
height: 25px;
display: block;
min-width: 25px;
margin-right: 2px;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
svg.ic_triangle_svg {
display: block;
top: calc(100% + 3px);
top: -webkit-calc(100% + 3px);
right: 20px;
width: 18px;
height: 8px;
z-index: 50;
-webkit-filter: drop-shadow(0 -2px 2px rgba(0, 0, 0, 0.12));
filter: drop-shadow(0 -2px 2px rgba(0, 0, 0, 0.12));
transition: opacity 0.25s ease-in-out, transform 0.25s ease-in-out, visibility 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
will-change: transform;
-webkit-transform: scale(0.9);
transform: scale(0.9);
}
.swatch.is-label .nt_lt_fake .swatch_pr_item:not(.is-selected):hover .swatch__value_pr {
transition: color 0.2s ease-in-out, background 0.15s ease-in-out;
}
.nt_lt_fake.opended ul, .nt_lt_fake.opended svg.ic_triangle_svg, .cat_sortby_js.opended svg.ic_triangle_svg {
pointer-events: auto;
visibility: visible;
opacity: 1;
-webkit-transform: scale(1.001);
transform: scale(1.001);
transition: opacity 0.4s cubic-bezier(0, 1, 0.4, 1), transform 0.4s cubic-bezier(0.18, 1.25, 0.4, 1), visibility 0.4s linear, -webkit-transform 0.4s cubic-bezier(0.18, 1.25, 0.4, 1);
}
.nt_lt_fake .swatch__value_pr {
display: block;
text-align: left;
}
.post_nt_loop a > .lazyloaded {
transition: opacity .5s ease, transform 2s cubic-bezier(0, 0, .44, 1.18), -webkit-transform 2s cubic-bezier(0, 0, .44, 1.18);
}
.post_nt_loop:hover a > .lazyloaded {
transform: scale(1.09);
-webkit-transform: scale(1.09);
}
.post_nt_loop > a:before,
.post_nt_loop > .post-thumbnail:before {
position: absolute;
border-radius: 50%;
width: 0;
height: 0;
top: 50%;
left: 50%;
background-color: rgba(255, 255, 255, 0.3);
content: "";
z-index: 2;
}
.post_nt_loop:hover > a:before,
.post_nt_loop:hover > .post-thumbnail:before {
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
opacity: 0;
transition: all 0.6s;
}
.mfp-content.menu_opened,
.has_ntcanvas .mfp-content.menu_opened {
background-color: #fff;
}
.menu_opened #nt_menu_canvas {
display: block;
}
.search_frm_mb {
z-index: 2;
box-shadow: 0 -1px 9px rgba(0, 0, 0, .17);
}
.search_frm_mb input.search_input_mb {
padding: 0 50px 0 20px;
height: 70px;
border: none;
width: 100%;
}
.search_frm_mb .search_btn_mb {
position: absolute;
top: 0;
right: 2px;
bottom: 0;
padding: 0;
width: 50px;
border: none;
background-color: transparent;
color: #777;
font-weight: 600;
font-size: 20px;
}
.mb_nav_tabs {
background-color: rgba(0, 0, 0, .04);
border-bottom: 1px solid rgba(129, 129, 129, .2);
}
#nt_menu_canvas > i {
position: fixed;
left: 300px;
top: 0;
color: #fff;
z-index: 10;
font-size: 50px;
background-color: #222;
}
.mb_nav_title {
text-align: center;
text-transform: uppercase;
letter-spacing: .3px;
font-weight: 500;
font-size: 12px;
color: #222;
padding: 5px 10px;
height: 55px;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
cursor: pointer;
}
.mb_cat_true .mb_nav_title {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.mb_nav_title:after {
content: '';
position: absolute;
top: 100%;
left: 0;
margin-top: -1px;
width: 0;
height: 2px;
transition: width .25s ease;
}
.mb_nav_tabs .mb_nav_ul:after {
right: 0;
left: auto;
}
.mb_nav_tabs .active:after {
width: 100%;
}
.mb_nav_title > span {
display: block;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.mb_nav_title.active {
background-color: rgba(0, 0, 0, .05);
}
.mb_nav_tab {
display: none;
-webkit-animation: ani-fadeIn 1s ease;
animation: ani-fadeIn 1s ease;
}
.mb_nav_tab.active {
display: block;
}
@-webkit-keyframes ani-fadeIn {
from {
opacity: 0
}
to {
opacity: 1
}
}
@keyframes ani-fadeIn {
from {
opacity: 0
}
to {
opacity: 1
}
}
.menu_infos_title {
color: #222;
margin-bottom: 10px;
line-height: 1.3;
}
.mb_nav_tab ul ul {
padding-left: 0;
}
#nav_header7 ul ul {
padding-left: 7.5px;
}
.nt_mb_menu li {
position: relative;
display: block;
}
.nt_mb_menu .sub-menu li > a {
padding-left: 30px
}
.nt_mb_menu .sub-sub-menu li > a {
padding-left: 40px
}
.nt_mb_menu .sub-sub-sub-menu li > a {
padding-left: 50px
}
.nt_mb_menu .sub-menu li > a .nav_link_icon {
color: #222;
}
.nt_mb_menu .sub-menu li > a {
color: #878787;
}
.nt_mb_menu .menu-item-has-children > a {
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
-webkit-box-pack: justify;
justify-content: space-between;
}
.nt_mb_menu .product_list_widget {
padding: 20px 20px 20px 30px;
border-bottom: 1px solid rgba(129, 129, 129, .2);
}
.footer_collapse_false .nav_link_icon {
display: none
}
.nav_link_icon {
width: 12px;
height: 12px;
position: relative;
display: block;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.only_icon_true .nav_link_icon {
width: 50px;
height: 39px;
margin-right: -20px;
border-left: 1px solid rgba(129, 129, 129, .2);
}
.nav_link_icon:before, .nav_link_icon:after {
position: absolute;
content: '';
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%) rotate(-90deg);
transform: translate(-50%, -50%) rotate(-90deg);
background-color: currentColor;
transition: transform 0.35s ease-in-out, opacity 0.35s ease-in-out, -webkit-transform 0.35s ease-in-out;
}
.nav_link_icon:after {
width: 1px;
height: 12px;
}
.nav_link_icon:before {
width: 12px;
height: 1px;
opacity: 1;
}
.pin_ic_2 .nav_link_icon {
background-color: #fff;
border-radius: 50%
}
.pin_ic_2 .nav_link_icon:before, .pin_ic_2 .nav_link_icon:after {
display: none
}
.nt_opended > a > .nav_link_icon:before, .nt_opended > a > .nav_link_icon:after,
.sp-tab.active .tab-heading > .nav_link_icon:before, .sp-tab.active .tab-heading > .nav_link_icon:after,
.footer_opened .nav_link_icon:before, .footer_opened .nav_link_icon:after {
-webkit-transform: translate(-50%, -50%) rotate(90deg);
transform: translate(-50%, -50%) rotate(90deg);
}
.nt_opended > a > .nav_link_icon:before,
.sp-tab.active a > .nav_link_icon:before,
.footer_opened .nav_link_icon:before {
opacity: 0;
}
.tab-heading .nav_link_icon {
width: 44px;
height: 44px;
background-color: #222;
color: #fff;
}
.tab-heading .nav_link_icon:before {
width: 15px;
height: 2px;
}
.tab-heading .nav_link_icon:after {
width: 2px;
height: 15px;
}
li.menu-item.menu-item-infos {
border-bottom: 1px solid rgba(129, 129, 129, .2);
padding: 20px;
}
.nt_mb_menu span.category-icon {
width: 30px;
height: 30px;
border-radius: 50%;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
display: block;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
box-shadow: 0 -1px 9px rgba(0, 0, 0, .17);
}
.nt_mb_menu i {
opacity: .8
}
.nt_mb_menu li.current-menu-item > a {
color: #83b735
}
.icon-sub-menu.up-icon {
color: #FFF;
background-color: #83b735
}
.nt_mb_menu li.nt_opended > a, .nt_mb_menu li:active > a, .nt_mb_menu li > a:hover {
background-color: rgba(0, 0, 0, .04);
}
.nt_mb_menu .menu-item-btns > a .iconbtns:before {
display: inline-block;
margin-right: 7px;
letter-spacing: 0;
font-size: 15px;
font-weight: 600;
line-height: 1;
content: "\e90e";
font-family: 'iconKalles', sans-serif;
}
.nt_mb_menu .menu-item-wishlist > a .iconbtns:before {
content: "\e907";
}
.nt_mb_menu .menu-item-sea > a .iconbtns:before {
content: "\e914";
}
.nt_mb_menu .menu-item-compare > a .iconbtns:before {
font-family: 'Line Awesome Free', sans-serif;
font-weight: 900;
content: "\f021";
font-size: 18px;
}
.lbc_nav_mb {
color: #fff;
font-size: 9px;
padding: 1px 7px 0;
border-radius: 50px;
line-height: 16px;
background: #01bad4;
-webkit-transition: opacity .3s ease-in-out;
-moz-transition: opacity .3s ease-in-out;
-o-transition: opacity .3s ease-in-out;
transition: opacity .3s ease-in-out;
opacity: 1;
box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.3);
}
#menu_mb_cat .sub-menu .products {
margin-right: 0;
margin-left: 0;
overflow-x: auto;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
border-bottom: 1px solid rgba(129, 129, 129, .2)
}
#menu_mb_cat .sub-menu .products > .nt_pr:first-child {
margin-left: 7.5px;
}
#menu_mb_cat .sub-menu .products > .nt_pr {
-ms-flex: 0 0 80%;
flex: 0 0 80%;
max-width: 80%;
padding: 30px 7.5px;
margin-top: 0;
}
.nt_fk_canvas {
position: fixed;
top: 0;
bottom: 0;
width: 300px;
background-color: #fff;
right: 0;
overflow-y: auto;
overflow-x: hidden;
-webkit-overflow-scrolling: touch;
transition: transform 0.2s;
-webkit-transform: translate3d(104%, 0, 0);
transform: translate3d(104%, 0, 0);
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
display: block;
z-index: 500;
}
body:not(.des_header_6) .nt_fk_canvas.nt_sleft {
right: auto;
left: 0;
-webkit-transform: translate3d(-104%, 0, 0);
transform: translate3d(-104%, 0, 0);
}
.mask-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 400;
opacity: 0;
visibility: hidden;
pointer-events: auto;
background-color: rgba(0, 0, 0, .7);
transition: opacity .25s ease, visibility 0s ease .25s;
}
.mask_opened {
pointer-events: auto;
opacity: 1;
visibility: visible;
transition: opacity .25s ease, visibility 0s ease;
}
.nt_fk_canvas.act_opened {
-webkit-transform: none !important;
transform: none !important;
}
.pin__type {
color: #fff;
width: 40px;
height: 40px;
border-radius: 50px;
position: absolute;
z-index: 10;
opacity: 1;
pointer-events: auto;
}
.pin__type.pin__opened {
z-index: 200;
}
.pin__type:not(.pin__opened):hover .pin__title {
-webkit-transform: translateX(-50%) scale(1);
transform: translateX(-50%) scale(1)
}
.pin__size--small {
width: 24px;
height: 24px;
font-size: 10px
}
.pin__size--medium {
width: 32px;
height: 32px;
font-size: 12px
}
.pin__size--exmedium {
width: 40px;
height: 40px;
font-size: 13px
}
.pin__size--large {
width: 48px;
height: 48px;
font-size: 15px
}
.pin__size--large .nav_link_icon:before {
width: 20px;
}
.pin__size--large .nav_link_icon:after {
height: 20px;
}
.pin__type .zoompin {
position: absolute;
top: -8px;
right: -8px;
bottom: -8px;
left: -8px;
display: block;
-webkit-animation: zoompin 2s ease infinite;
animation: zoompin 2s ease infinite;
border-radius: 50%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-perspective: 800px;
perspective: 800px;
background-color: rgba(255, 255, 255, .5);
}
.pin__type .pin_tt {
cursor: pointer;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
background-color: #65affa;
border-radius: 50%;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
}
@-webkit-keyframes zoompin {
0% {
opacity: 0;
-webkit-transform: scale(.2);
transform: scale(.2)
}
50% {
opacity: .8
}
100% {
opacity: 0;
-webkit-transform: scale(1);
transform: scale(1)
}
}
@keyframes zoompin {
0% {
opacity: 0;
-webkit-transform: scale(.2);
transform: scale(.2)
}
50% {
opacity: .8
}
100% {
opacity: 0;
-webkit-transform: scale(1);
transform: scale(1)
}
}
.pin__popup {
width: 260px;
background: #fff;
box-shadow: 0 0 20px rgba(0, 0, 0, .2);
opacity: 0;
visibility: hidden;
transition: all .35s;
z-index: 100;
border-radius: 2px;
}
.popup__content {
padding: 15px;
}
.pin__type > div {
pointer-events: none
}
.pin__popup .pr_grid_item {
padding: 15px;
margin: 0;
font-size: 14px;
}
.pin__type_txt .popup__title {
padding: 10px 15px;
font-size: 16px;
color: #2b2b2b;
}
.pin__type_txt .popup__content {
border-top: 2px solid #f2f2f2;
color: #878787;
font-size: 14px;
}
.pin__type.pin__opened > div {
pointer-events: auto
}
.pin__type.pin__opened .pin__popup {
opacity: 1;
visibility: visible;
}
.pin__title {
top: -50px;
white-space: nowrap;
background: #fff;
color: #878787;
left: 50%;
-webkit-transform: translateX(-50%) scale(0);
transform: translateX(-50%) scale(0);
top: -webkit-calc(-100% - 10px);
top: calc(-100% - 10px);
padding: 5px 30px;
font-size: 14px;
transition: transform .35s;
box-shadow: 0 0 12px rgba(0, 0, 0, .22);
display: block
}
.pin__title:before, .pin__popup:before {
content: "";
position: absolute;
display: none;
}
.pin__title:before {
border: 6px solid transparent;
border-top: 6px solid #fff;
bottom: -12px;
left: calc(50% - 6px);
left: -webkit-calc(50% - 6px)
}
.pin__size--small .pin__title {
top: calc(-100% - 20px);
top: -webkit-calc(-100% - 20px)
}
.pin__size--large .pin__title {
top: -100%
}
.pin__popup:before {
border: 10px solid transparent;
}
.pin__popup.pin__popup--top, .pin__popup--top .pin__popup {
bottom: calc(100% - -20px);
bottom: -webkit-calc(100% - -20px)
}
.pin__popup.pin__popup--top:before, .pin__popup--top .pin__popup:before {
border-top: 10px solid #fff;
left: calc(50% - 10px);
left: -webkit-calc(50% - 10px);
bottom: -20px
}
.pin__popup.pin__popup--bottom, .pin__popup--bottom .pin__popup {
top: calc(100% - -20px)
}
.pin__popup.pin__popup--bottom:before, .pin__popup--bottom .pin__popup:before {
border-bottom: 10px solid #fff;
left: calc(50% - 10px);
left: -webkit-calc(50% - 10px);
top: -20px
}
.pin__popup.pin__popup--right, .pin__popup--right .pin__popup {
left: calc(100% - -20px);
left: -webkit-calc(100% - -20px);
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%)
}
.pin__popup.pin__popup--right:before, .pin__popup--right .pin__popup:before {
border-right: 10px solid #fff;
left: -20px;
top: calc(50% - 10px);
top: -webkit-calc(50% - 10px)
}
.pin__popup.pin__popup--left, .pin__popup--left .pin__popup {
right: calc(100% - -20px);
right: -webkit-calc(100% - -20px);
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%)
}
.pin__popup.pin__popup--left:before, .pin__popup--left .pin__popup:before {
border-left: 10px solid #fff;
right: -20px;
top: calc(50% - 10px);
top: -webkit-calc(50% - 10px)
}
.pin__popup.pin__popup--top, .pin__popup--top .pin__popup, .pin__popup.pin__popup--bottom, .pin__popup--bottom .pin__popup {
left: calc(50% - 130px);
left: -webkit-calc(50% - 130px);
}
.pin__popup.pin__popup--zoom, .pin__popup--zoom .pin__popup {
-webkit-transform: scale(0);
transform: scale(0)
}
.pin__popup.pin__popup--zoom.pin__popup--right, .pin__popup.pin__popup--zoom.pin__popup--left,
.pin__popup--zoom.pin__popup--right .pin__popup, .pin__popup--zoom.pin__popup--left .pin__popup {
-webkit-transform: translateY(-50%) scale(0);
transform: translateY(-50%) scale(0)
}
.pin__opened .pin__popup.pin__popup--zoom.pin__popup--top, .pin__opened .pin__popup.pin__popup--zoom.pin__popup--bottom,
.pin__opened .pin__popup--zoom.pin__popup--top .pin__popup, .pin__opened .pin__popup--zoom.pin__popup--bottom .pin__popup {
-webkit-transform: scale(1);
transform: scale(1)
}
.pin__opened .pin__popup.pin__popup--zoom.pin__popup--right, .pin__opened .pin__popup.pin__popup--zoom.pin__popup--left,
.pin__opened .pin__popup--zoom.pin__popup--right .pin__popup, .pin__opened .pin__popup--zoom.pin__popup--left .pin__popup {
-webkit-transform: translateY(-50%) scale(1);
transform: translateY(-50%) scale(1)
}
.pin__popup.pin__popup--sup, .pin__popup--sup .pin__popup {
-webkit-transform: translateY(30px);
transform: translateY(30px)
}
.pin__popup.pin__popup--sup.pin__popup--right, .pin__popup.pin__popup--sup.pin__popup--left,
.pin__popup--sup.pin__popup--right .pin__popup, .pin__popup--sup.pin__popup--left .pin__popup {
-webkit-transform: translateY(calc(-50% - -30px));
transform: translateY(calc(-50% - -30px))
}
.pin__opened .pin__popup.pin__popup--sup.pin__popup--right, .pin__opened .pin__popup.pin__popup--sup.pin__popup--left, .pin__opened .pin__popup.pin__popup--sdown.pin__popup--right, .pin__opened .pin__popup.pin__popup--sdown.pin__popup--left,
.pin__opened .pin__popup--sup.pin__popup--right .pin__popup, .pin__opened .pin__popup--sup.pin__popup--left .pin__popup, .pin__opened .pin__popup--sdown.pin__popup--right .pin__popup, .pin__opened .pin__popup--sdown.pin__popup--left .pin__popup {
-webkit-transform: translateY(-50%);
transform: translateY(-50%)
}
.pin__popup.pin__popup--sdown, .pin__popup--sdown .pin__popup {
-webkit-transform: translateY(-30px);
transform: translateY(-30px)
}
.pin__popup.pin__popup--sdown.pin__popup--right, .pin__popup.pin__popup--sdown.pin__popup--left,
.pin__popup--sdown.pin__popup--right .pin__popup, .pin__popup--sdown.pin__popup--left .pin__popup {
-webkit-transform: translateY(calc(-50% - 30px));
transform: translateY(calc(-50% - 30px))
}
.pin__popup.pin__popup--sleft, .pin__popup--sleft .pin__popup {
-webkit-transform: translateX(30px);
transform: translateX(30px)
}
.pin__popup.pin__popup--sleft.pin__popup--right, .pin__popup.pin__popup--sleft.pin__popup--left,
.pin__popup--sleft.pin__popup--right .pin__popup, .pin__popup--sleft.pin__popup--left .pin__popup {
-webkit-transform: translateY(-50%) translateX(30px);
transform: translateY(-50%) translateX(30px)
}
.pin__opened .pin__popup.pin__popup--sleft.pin__popup--right, .pin__opened .pin__popup.pin__popup--sleft.pin__popup--left, .pin__opened .pin__popup.pin__popup--sright.pin__popup--right, .pin__opened .pin__popup.pin__popup--sright.pin__popup--left,
.pin__opened .pin__popup--sleft.pin__popup--right .pin__popup, .pin__opened .pin__popup--sleft.pin__popup--left .pin__popup, .pin__opened .pin__popup--sright.pin__popup--right .pin__popup, .pin__opened .pin__popup--sright.pin__popup--left .pin__popup {
-webkit-transform: translateY(-50%) translateX(0);
transform: translateY(-50%) translateX(0)
}
.pin__popup.pin__popup--sright, .pin__popup--sright .pin__popup {
-webkit-transform: translateX(-30px);
transform: translateX(-30px)
}
.pin__popup.pin__popup--sright.pin__popup--right, .pin__popup.pin__popup--sright.pin__popup--left,
.pin__popup--sright.pin__popup--right .pin__popup, .pin__popup--sright.pin__popup--left .pin__popup {
-webkit-transform: translateY(-50%) translateX(-30px);
transform: translateY(-50%) translateX(-30px)
}
.pin__popup.pin__popup--rotate, .pin__popup--rotate .pin__popup {
-webkit-transform: rotateY(360deg);
transform: rotateY(360deg)
}
.pin__popup.pin__popup--rotate.pin__popup--right, .pin__popup.pin__popup--rotate.pin__popup--left,
.pin__popup--rotate.pin__popup--right .pin__popup, .pin__popup--rotate.pin__popup--left .pin__popup {
-webkit-transform: translateY(-50%) rotateY(360deg);
transform: translateY(-50%) rotateY(360deg)
}
.pin__opened .pin__popup.pin__popup--rotate.pin__popup--right, .pin__opened .pin__popup.pin__popup--rotate.pin__popup--left,
.pin__opened .pin__popup--rotate.pin__popup--right .pin__popup, .pin__opened .pin__popup--rotate.pin__popup--left .pin__popup {
-webkit-transform: translateY(-50%) rotateY(0deg);
transform: translateY(-50%) rotateY(0deg)
}
.pin__opened .pin__popup.pin__popup--sup, .pin__opened .pin__popup.pin__popup--sdown,
.pin__opened .pin__popup--sup .pin__popup, .pin__opened .pin__popup--sdown .pin__popup {
-webkit-transform: translateY(0);
transform: translateY(0)
}
.pin__opened .pin__popup.pin__popup--sleft, .pin__opened .pin__popup.pin__popup--sright,
.pin__opened .pin__popup--sleft .pin__popup, .pin__opened .pin__popup--sright .pin__popup {
-webkit-transform: translateX(0);
transform: translateX(0)
}
.pin__opened .pin__popup.pin__popup--rotate,
.pin__opened .pin__popup--rotate .pin__popup {
-webkit-transform: rotateY(0deg);
transform: rotateY(0deg)
}
.mfp-wrap .pin__popup {
width: 100%;
}
.mfp-wrap .pin_lazy_js .pin__popup {
width: 300px;
}
.mfp-wrap .pin__popup:before {
display: none
}
.mfp-auto-cursor .mfp-content.mfp__pin {
width: auto;
}
.mfp__pin .pin__popup {
position: static;
transform: none !important;
opacity: 1;
visibility: visible;
}
/****************************************
* mpf popup
****************************************/
.mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 10421;
overflow: hidden;
position: fixed;
background: #0b0b0b;
opacity: 0.8;
}
html.hidden_y, body.hidden_y {
height: 100%;
overflow: hidden;
}
body.hidden_y {
position: fixed;
width: 100%;
left: 0;
right: 0;
}
.mfp-fade.mfp-bg.mfp-ready, .mfp-bg.mfp-move-horizontal {
opacity: 0.8;
}
.mfp-fade.mfp-bg,
.mfp-fade.mfp-wrap .mfp-content {
opacity: 0;
transition: all .15s ease-out;
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
opacity: 1;
}
.mfp-fade.mfp-bg.mfp-removing,
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
opacity: 0;
}
.mfp-fade.mfp-bg.mfp-ready, .mfp-bg.mfp-move-horizontal {
opacity: 0.8;
}
.mfp-fade.mfp-bg,
.mfp-fade.mfp-wrap .mfp-content {
opacity: 0;
transition: all .15s ease-out;
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
opacity: 1;
}
.mfp-fade.mfp-bg.mfp-removing,
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
opacity: 0;
}
/* mfp-move-horizontal */
.mfp-move-horizontal .mfp-with-anim,
.mfp-move-vertical .mfp-with-anim {
opacity: 0;
-webkit-transition: opacity .3s ease, -webkit-transform .3s ease;
transition: transform .3s ease, opacity .3s ease, -webkit-transform .3s ease;
-webkit-transform: translateX(-100px);
transform: translateX(-100px);
}
.mfp-move-horizontal .mfp-with-anim .product-images .images,
.mfp-move-horizontal .mfp-with-anim .summary-inner,
.mfp-move-vertical .mfp-with-anim .product-images .images,
.mfp-move-vertical .mfp-with-anim .summary-inner {
opacity: 0;
-webkit-transition: opacity .3s ease, -webkit-transform .3s ease;
transition: transform .3s ease, opacity .3s ease, -webkit-transform .3s ease;
-webkit-transform: translateY(30px);
transform: translateY(30px);
}
.mfp-move-vertical .mfp-with-anim {
-webkit-transform: translateY(100px);
transform: translateY(100px);
}
.mfp-move-vertical .mfp-with-anim .product-images .images,
.mfp-move-vertical .mfp-with-anim .summary-inner {
-webkit-transform: translateY(30px);
transform: translateY(30px);
}
.mfp-move-horizontal .mfp-with-anim .summary-inner,
.mfp-move-vertical .mfp-with-anim .summary-inner {
-webkit-transition: opacity .85s ease, -webkit-transform .85s ease;
transition: transform .85s ease, opacity .85s ease, -webkit-transform .85s ease;
}
.mfp-move-horizontal.mfp-bg,
.mfp-move-vertical.mfp-bg {
opacity: 0;
-webkit-transition: opacity .3s ease;
transition: opacity .3s ease;
}
.mfp-move-horizontal.mfp-ready .mfp-with-anim,
.mfp-move-horizontal.mfp-ready.mfp-removing .mfp-content,
.mfp-move-horizontal.mfp-ready .mfp-with-anim .summary-inner,
.mfp-move-horizontal.mfp-ready .mfp-with-anim .product-images .images,
.mfp-move-vertical.mfp-ready .mfp-with-anim,
.mfp-move-vertical.mfp-ready.mfp-removing .mfp-content,
.mfp-move-vertical.mfp-ready .mfp-with-anim .summary-inner,
.mfp-move-vertical.mfp-ready .mfp-with-anim .product-images .images {
opacity: 1;
-webkit-transform: none;
transform: none;
}
.mfp-move-horizontal.mfp-ready.mfp-bg,
.mfp-move-vertical.mfp-ready.mfp-bg {
opacity: .8;
}
.mfp-move-horizontal.mfp-removing .mfp-with-anim {
opacity: 0;
-webkit-transform: translateX(100px);
transform: translateX(100px);
}
.mfp-move-vertical.mfp-removing .mfp-with-anim {
opacity: 0;
-webkit-transform: translateY(100px);
transform: translateY(100px);
}
.mfp-move-horizontal.mfp-removing.mfp-bg,
.mfp-move-vertical.mfp-removing.mfp-bg {
opacity: 0;
}
.mfp-move-horizontal.mfp-removing .mfp-close,
.mfp-move-vertical.mfp-removing .mfp-close {
display: none;
}
.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 10431;
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: 10451;
}
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
width: 100%;
cursor: auto;
}
.mfp-ajax-cur {
cursor: progress;
}
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: zoom-out;
}
.mfp-zoom {
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 {
cursor: pointer;
outline: none;
z-index: 1046;
box-shadow: none;
position: fixed;
top: 0;
right: 0;
text-decoration: none;
text-align: center;
opacity: 0;
padding: 0;
mix-blend-mode: normal;
margin: 0 !important;
color: #fff;
font-style: normal;
font-weight: 300;
font-size: 50px;
min-height: 0;
width: 50px;
-webkit-backface-visibility: hidden;
height: 50px;
line-height: 50px;
font-family: Arial, monospace;
transition: opacity .3s, transform .3s;
transform: translateY(50%) translateZ(1px);
}
.mfp-ready .mfp-close {
transform: translateY(0) translateZ(1px);
opacity: 1;
transition: all .25s ease, opacity .3s ease .35s;
}
.mfp-close:hover,
.mfp-close:focus {
opacity: 1;
}
.mfp-close:active {
top: 1px;
}
.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: -55px 0 0;
top: 50%;
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-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: none;
background: #000;
}
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: 6px;
padding-right: 6px;
}
}
.sp-content-help {
background: #fff;
max-width: 950px;
margin: auto;
padding: 25px 35px;
}
.mfp-zoom-in .mfp-with-anim {
opacity: 0;
transition: all 0.3s;
transform: scale(0.8);
}
.mfp-zoom-in.mfp-bg {
opacity: 0;
transition: all 0.3s;
}
.mfp-zoom-in.mfp-ready .mfp-with-anim {
opacity: 1;
transform: scale(1);
}
.mfp-zoom-in.mfp-bg.mfp-ready {
opacity: 0.8;
}
.mfp-zoom-in.mfp-removing .mfp-with-anim {
transform: scale(0.8);
opacity: 0;
}
.mfp-zoom-in.mfp-bg {
opacity: 0;
}
.mfp-newspaper .mfp-with-anim {
opacity: 0;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.5s;
transform: scale(0) rotate(500deg);
}
.mfp-newspaper.mfp-bg {
opacity: 0;
transition: all 0.5s;
}
.mfp-newspaper.mfp-ready .mfp-with-anim {
opacity: 1;
transform: scale(1) rotate(0deg);
}
.mfp-newspaper.mfp-ready.mfp-bg {
opacity: 0.8;
}
.mfp-newspaper.mfp-removing .mfp-with-anim {
transform: scale(0) rotate(500deg);
opacity: 0;
}
.mfp-newspaper.mfp-removing.mfp-bg {
opacity: 0;
}
.mfp-move-from-top .mfp-content {
vertical-align: top;
}
.mfp-move-from-top .mfp-with-anim {
opacity: 0;
transition: all 0.2s;
transform: translateY(-100px);
}
.mfp-move-from-top.mfp-bg {
opacity: 0;
transition: all 0.2s;
}
.mfp-move-from-top.mfp-ready .mfp-with-anim {
opacity: 1;
transform: translateY(0);
}
.mfp-move-from-top.mfp-ready.mfp-bg {
opacity: 0.8;
}
.mfp-move-from-top.mfp-removing .mfp-with-anim {
transform: translateY(-50px);
opacity: 0;
}
.mfp-move-from-top.mfp-removing.mfp-bg {
opacity: 0;
}
.mfp-3d-unfold .mfp-content {
perspective: 2000px;
}
.mfp-3d-unfold .mfp-with-anim {
opacity: 0;
transition: all 0.3s ease-in-out;
transform-style: preserve-3d;
transform: rotateY(-60deg);
}
.mfp-3d-unfold.mfp-bg {
opacity: 0;
transition: all 0.5s;
}
.mfp-3d-unfold.mfp-ready .mfp-with-anim {
opacity: 1;
transform: rotateY(0deg);
}
.mfp-3d-unfold.mfp-ready.mfp-bg {
opacity: 0.8;
}
.mfp-3d-unfold.mfp-removing .mfp-with-anim {
transform: rotateY(60deg);
opacity: 0;
}
.mfp-3d-unfold.mfp-removing.mfp-bg {
opacity: 0;
}
.mfp-zoom-out .mfp-with-anim {
opacity: 0;
transition: all 0.3s ease-in-out;
transform: scale(1.3);
}
.mfp-zoom-out.mfp-bg {
opacity: 0;
transition: all 0.3s ease-out;
}
.mfp-zoom-out.mfp-ready .mfp-with-anim {
opacity: 1;
transform: scale(1);
}
.mfp-zoom-out.mfp-ready.mfp-bg {
opacity: 0.8;
}
.mfp-zoom-out.mfp-removing .mfp-with-anim {
transform: scale(1.3);
opacity: 0;
}
.mfp-zoom-out.mfp-removing.mfp-bg {
opacity: 0;
}
button.mfp-close {
padding: 0;
margin: 0;
text-indent: 0;
font-size: 0;
text-align: center;
font-weight: 400;
color: #fff;
cursor: pointer;
background: 0 0;
border-radius: 0;
}
button.mfp-close:hover {
background-color: rgba(0, 0, 0, .5);
box-shadow: none;
color: #FFF;
opacity: 1;
}
/* .has_ntcanvas */
.has_ntcanvas .mfp-content, .has_fk_canvas .nt_fk_canvas, .has_ntcanvas .mfp-inline-holder .mfp-content {
position: fixed;
top: 0;
bottom: 0;
width: 300px;
background-color: #fff;
left: 0;
overflow-y: auto;
overflow-x: hidden;
-webkit-overflow-scrolling: touch;
transition: transform 0.2s;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
}
.has_fk_canvas #nt_cart_canvas {
display: block;
z-index: 10600;
transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0);
}
.has_ntcanvas_right .mfp-content, .has_fk_canvas.has_ntcanvas_right .nt_fk_canvas, .has_ntcanvas.has_ntcanvas_right .mfp-inline-holder .mfp-content {
left: auto;
right: 0;
-ms-transform: translateX(100%);
transform: translateX(100%);
}
.has_ntcanvas_right .mfp-close {
left: 0;
right: auto;
}
.has_ntcanvas.mfp-ready .mfp-content,
.has_fk_canvas.has_ntcart.mfp-ready ~ #nt_cart_canvas,
.has_ntcanvas.mfp-ready .mfp-inline-holder .mfp-content {
-ms-transform: translate(0, 0);
transform: translate(0, 0);
opacity: 1;
}
.has_fk_canvas .has_fk_canvas.has_ntcart.mfp-removing ~ #nt_cart_canvas {
-ms-transform: translateX(100%);
transform: translateX(100%);
}
.has_fk_canvas.mfp-removing .mfp-content.menu_opened {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
.mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 10400;
overflow: hidden;
position: fixed;
background: #0b0b0b;
opacity: 0;
transition: opacity .25s;
}
.mfp-bg.mfp-ready {
opacity: .8;
}
.mfp-bg.mfp-removing, .has_ntcanvas.mfp-removing .mfp-content {
opacity: 0 !important
}
.mfp-ready.mfp-removing .mfp-content {
opacity: 0
}
.hide_btn + .mfp-wrap .mfp-close, .mfp-removing .mfp-close {
display: none !important
}
.nt_mini_cart .mini_cart_header {
padding: 5px 0 5px 20px;
border-bottom: 1px solid rgba(129, 129, 129, .2);
}
.nt_mini_cart .mini_cart_header > .close_pp {
width: 50px;
text-align: center;
height: 50px;
line-height: 50px;
}
.nt_mini_cart .widget-title {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
.nt_mini_cart .close_pp {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%;
font-size: 40px;
cursor: pointer;
}
.nt_mini_cart .close_pp:hover {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
.nt_mini_cart .empty > i {
font-size: 55px
}
.nt_mini_cart .empty > i:after,
.empty_cart_page > i:after {
font-size: 22px;
line-height: 1;
left: 17px;
top: 50%;
margin-top: -5px;
position: absolute;
font-family: 'Line Awesome Free', sans-serif;
font-weight: 900;
content: "\f00d";
}
.empty_cart_page > i:after {
font-size: 35px;
left: 28px;
margin-top: -8px;
}
.mini_cart_footer .total {
margin-bottom: 8px;
color: #000;
font-size: 18px;
}
.mini_cart_footer {
padding: 20px;
}
.mini_cart_footer .button {
display: block;
text-transform: uppercase;
letter-spacing: 3px;
font-size: 11px;
width: 100%;
background-color: #f7f7f7;
border: 0;
color: #222;
}
.mini_cart_footer .button.btn-checkout {
background: #56cfe1;
color: #fff;
}
.mini_cart_footer .button:hover {
opacity: .8
}
.mini_cart_wrap {
display: flex;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
-ms-flex-align: stretch;
align-items: stretch;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: justify;
justify-content: space-between;
}
.mini_cart_footer {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
border-top: 1px solid rgba(129, 129, 129, .2);
box-shadow: 0 0 10px 0 rgba(129, 129, 129, .2);
}
.cookie-message {
padding: 10px 20px;
border-bottom: 1px solid rgba(129, 129, 129, .2);
color: #222;
}
.mini_cart_content .mini_cart_item {
padding: 20px;
border-bottom: 1px solid rgba(129, 129, 129, .2);
transition: background-color .3s ease;
}
.mini_cart_content .mini_cart_item:hover {
background-color: #F9F9F9;
}
.mini_cart_content .fixcl-scroll-content {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
-webkit-transition: opacity 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.45s, -webkit-transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.45s;
transition: opacity 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.25s, transform 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.25s, -webkit-transform 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.25s;
}
.mini_cart_content .mini_cart_note {
padding: 20px;
border-top: 1px solid rgba(129, 129, 129, .2);
}
.mini_cart_content .mini_cart_item:last-child {
border-bottom: 0;
}
.fixcl-scroll {
position: relative;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
overflow: hidden;
width: 100%;
height: 100%;
}
.fixcl-scroll .fixcl-scroll-content {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
overflow: auto;
overflow-x: hidden;
-webkit-overflow-scrolling: touch;
}
.mini_cart_footer {
opacity: 0;
-webkit-transform: translateY(45px);
transform: translateY(45px);
-webkit-transition: opacity 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition: opacity 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.act_opened .mini_cart_footer {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-transition: opacity 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.45s, -webkit-transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.45s;
transition: opacity 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.25s, transform 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.25s, -webkit-transform 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.25s;
}
.mini_cart_img {
width: 120px;
display: block;
margin-right: 20px;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
max-width: 100%;
}
.mini_cart_info {
-ms-flex: 1 1 auto;
flex: 1 1 auto;
max-width: 100%;
position: relative;
overflow: hidden;
}
.mini_cart_title {
font-size: 14px;
line-height: 20px;
color: #222;
display: block;
}
.mini_cart_meta {
font-size: 12px;
color: #999;
}
.cart_meta_price {
font-size: 14px;
color: #222;
}
.cart_meta_variant {
margin-bottom: 0;
}
.cart_unit_price {
font-size: 13px;
color: #878787;
}
.mini_cart_actions {
margin-top: 15px;
}
.mini_cart_actions .quantity {
min-width: 120px;
width: 120px;
height: 40px;
border: 1px solid #222;
text-align: center;
border-radius: 40px;
display: block;
margin-bottom: 15px;
}
.cart_ac_edit, .cart_ac_remove {
display: inline-block;
margin-right: 10px;
}
.cart_ac_edit svg, .cart_ac_remove svg {
width: 20px;
height: 20px;
stroke-width: 1.5;
}
.cart_dis_price + .cart_tot_price {
font-weight: 600;
}
.cart_threshold, .cart_countdown {
font-size: 13px;
padding: 8px 20px;
border-bottom: 1px solid rgba(129, 129, 129, .2);
box-shadow: 0 0 10px 0 rgba(129, 129, 129, .2);
color: #222;
line-height: normal;
}
#CartSpecialInstructions {
min-height: 100px;
color: #222;
padding: 8px 10px;
width: 100% !important;
}
.nt_mini_cart.loading .mini_cart_content {
background-repeat: no-repeat;
background-size: 50px;
background-position: center;
}
.nt_mini_cart.loading {
pointer-events: none
}
.nt_mini_cart.loading .fixcl-scroll-content {
opacity: 0;
-webkit-transform: translateY(45px);
transform: translateY(45px);
}
.fix_layout_mbt4 .mini_cart_wrap {
display: block;
overflow-y: auto;
overflow-x: hidden;
-webkit-overflow-scrolling: touch;
}
.fix_layout_mbt4 .fixcl-scroll {
height: auto;
}
.fix_layout_mbt4 .fixcl-scroll .fixcl-scroll-content {
position: static;
}
.open_ntqv .nt_fk_canvas, .open_ntqs .nt_fk_canvas {
pointer-events: none;
}
#nt_login_canvas .fixcl-scroll .fixcl-scroll-content {
padding: 20px;
}
#nt_login_canvas .nt_mini_cart {
position: absolute;
top: 0;
left: 0;
-webkit-transform: translateX(100%);
transform: translateX(100%);
width: 100%;
visibility: hidden;
pointer-events: none;
transition: transform 500ms cubic-bezier(0.23, 1, 0.32, 1), visibility 500ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 500ms cubic-bezier(0.23, 1, 0.32, 1);
}
.pside_opened #nt_login_canvas .nt_mini_cart.is_selected {
-webkit-transform: translateX(0);
transform: translateX(0);
pointer-events: auto;
visibility: visible
}
.has_ntcanvas .mfp-content {
overflow: hidden;
-webkit-overflow-scrolling: auto;
}
.mfp-content .section_nt_filter,
.mfp-content .section_sidebar_shop,
.mfp-content #opennt_1904,
.mfp-content #opennt_2808 {
display: -ms-flexbox !important;
display: flex !important;
-ms-flex-preferred-size: auto;
flex-basis: auto;
-ms-flex-direction: column;
flex-direction: column;
overflow: hidden;
height: 100%;
}
.h3.cw {
color: #fff
}
.mfp-content .section_nt_filter > h3, .mfp-content .section_sidebar_shop > h3, #opennt_1904 h3, #opennt_2808 h3,
.mfp-content .section_nt_filter > .h3, .mfp-content .section_sidebar_shop > .h3, #opennt_1904 .h3, #opennt_2808 .h3 {
padding: 5px 0 5px 20px;
border-bottom: 1px solid rgba(129, 129, 129, .2);
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
box-shadow: 0 0 10px 0 rgba(129, 129, 129, .2);
justify-content: space-between;
min-height: 50px;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
#cat_shahTheme ul {
list-style: none
}
#cat_shahTheme .sub-menu li > a {
color: #878787;
}
.cat_nav_js > i, #cat_shahTheme .facl-angle-down {
transition: -webkit-transform 0.2s ease-in-out;
transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
}
.cat_nav_js.btn_open > i,
#cat_shahTheme .act-icon .facl-angle-down {
-webkit-transform: rotateZ(180deg);
transform: rotateZ(180deg);
}
.mfp-content .row.wrap_filter {
margin-right: 0;
margin-left: 0;
}
.mfp-content .cat_shop_wrap {
position: relative;
overflow: hidden;
-webkit-overflow-scrolling: touch;
width: 100%;
height: 100%;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
.mfp-content .cat_fixcl-scroll-content {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
overflow: auto;
overflow-x: hidden;
}
.mfp-content #cat_shahTheme > h3 i,
.mfp-content .section_nt_filter > h3 i,
.mfp-content .section_sidebar_shop > h3 i,
#opennt_1904 h3 i,
#opennt_2808 h3 i,
.mfp-content #cat_shahTheme > .h3 i,
.mfp-content .section_nt_filter > .h3 i,
.mfp-content .section_sidebar_shop > .h3 i,
#opennt_1904 .h3 i,
#opennt_2808 .h3 i {
width: 50px;
cursor: pointer
}
.section_sidebar_shop ul {
list-style: none
}
.section_nt_filter ul,
.section_sidebar_shop ul.nt_filter_block {
max-height: 250px;
list-style: none;
overflow-y: auto;
overflow-x: hidden;
-webkit-overflow-scrolling: touch;
}
.mfp-content .css_ntbar .css_ntbar::-webkit-scrollbar-track {
background-color: rgba(0, 0, 0, 0.15);
}
.mfp-content .css_ntbar .css_ntbar::-webkit-scrollbar-thumb {
background-color: rgba(0, 0, 0, 0.25);
}
.blockid_price .price_slider {
margin-bottom: 20px;
}
.blockid_price #min_price,
.blockid_price #max_price {
display: none;
}
.blockid_price .price_slider_amount, .blockid_title .loke_scroll {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: center;
align-items: center;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: -10px;
}
.blockid_price .price_slider_amount .button,
.blockid_title .button {
order: 2;
margin-bottom: 10px;
padding: 10px 14px;
font-size: 12px;
line-height: 16px;
text-transform: uppercase;
text-shadow: none;
letter-spacing: .3px;
font-weight: 600;
min-width: 100px;
border-radius: 5px;
}
.blockid_price .price_slider_amount .button,
.blockid_title .button {
order: 2;
margin-bottom: 10px;
padding: 10px 14px;
font-size: 12px;
line-height: 16px;
text-transform: uppercase;
text-shadow: none;
letter-spacing: .3px;
font-weight: 600;
min-width: 100px;
border-radius: 5px;
}
input:not([type=submit]):not([type=checkbox]).nt_cat_title {
border-radius: 5px;
color: #222;
border: 2px solid #222;
margin-bottom: 12px;
font-size: 12px;
}
.filter_area .blockid_price .price_slider_amount .price_label, .blockid_price .price_slider_amount .price_label {
display: block;
width: 100%;
}
.blockid_price .price_slider_amount .price_label {
order: 1;
margin-bottom: 10px;
color: #717171;
font-size: 14px;
}
.blockid_price .price_slider_amount .price_label > span {
color: #2d2a2a;
font-weight: 600;
}
.blockid_price .price_slider_amount .clear {
display: none;
}
.login-see-prices .blockid_price {
display: none;
}
.color-scheme-light .blockid_price .price_slider_amount .price_label, .themet4-dark .blockid_price .price_slider_amount .price_label {
color: rgba(255, 255, 255, 0.8);
}
.color-scheme-light .blockid_price .price_slider_amount .price_label > span, .themet4-dark .blockid_price .price_slider_amount .price_label > span {
color: #FFF;
}
.color-scheme-light .blockid_price .ui-slider-horizontal:before, .themet4-dark .blockid_price .ui-slider-horizontal:before {
background-color: rgba(255, 255, 255, 0.4);
}
.nt_cat_available {
display: none;
}
.blockid_available .css_agree_ck + label:before {
margin-right: 8px;
border-radius: 10px;
}
.blockid_available label {
cursor: pointer;
}
.blockid_available .css_agree_ck ~ svg {
top: 6px
}
.blockid_available .css_agree_ck:checked + label:before {
background-color: #5cb85c;
border-color: #5cb85c;
}
/****************************************
* Tooltip
****************************************/
.ttip_nt:before, .ttip_nt .tt_txt {
position: absolute;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
visibility: hidden;
opacity: 0;
z-index: 1000000;
pointer-events: none;
-webkit-transition: 0.3s ease;
-moz-transition: 0.3s ease;
transition: 0.3s ease;
-webkit-transition-delay: 0ms;
-moz-transition-delay: 0ms;
transition-delay: 0ms;
}
.ttip_nt:hover:before, .ttip_nt:hover .tt_txt {
visibility: visible;
opacity: 1;
}
.ttip_nt:hover:before, .ttip_nt:hover .tt_txt {
-webkit-transition-delay: 100ms;
-moz-transition-delay: 100ms;
transition-delay: 100ms;
}
.ttip_nt:before {
content: '';
position: absolute;
background: transparent;
border: 6px solid transparent;
z-index: 1000001;
}
.ttip_nt .tt_txt {
display: inline-block;
background: #383838;
color: white;
padding: 8px 10px;
font-size: 12px;
line-height: 12px;
white-space: nowrap;
}
.ttip_nt[aria-label] .tt_txt {
content: attr(aria-label);
}
.ttip_nt[data-hint] .tt_txt {
content: attr(data-hint);
}
[aria-label='']:before, [aria-label=''] .tt_txt,
[data-hint='']:before,
[data-hint=''] .tt_txt {
display: none !important;
}
/*****************************************
* Classes added:
* 1) tooltip_top
* 2) tooltip_bottom
* 3) tooltip_left
* 4) tooltip_right
****************************************/
/*****************************************
* set default color for tooltip arrows
****************************************/
body .tooltip_top_left:before {
border-top-color: #383838;
}
body .tooltip_top_right:before {
border-top-color: #383838;
}
.tooltip_top:before {
border-top-color: #383838;
}
body .tooltip_bottom_left:before {
border-bottom-color: #383838;
}
body .tooltip_bottom_right:before {
border-bottom-color: #383838;
}
.tooltip_bottom:before {
border-bottom-color: #383838;
}
body .tooltip_left:before {
border-left-color: #383838;
}
body .tooltip_right:before {
border-right-color: #383838;
}
/*****************************************
* top tooltip
****************************************/
.tooltip_top:before,
.desgin__2.nt_pr .tooltip_top_right:before {
margin-bottom: -11px;
}
.tooltip_top:before, .tooltip_top .tt_txt,
.desgin__2.nt_pr .tooltip_top_right .tt_txt {
bottom: 100%;
left: 50%;
}
.tooltip_top:before,
.desgin__2.nt_pr .tooltip_top_right:before {
left: calc(50% - 6px);
}
.tooltip_top .tt_txt,
.desgin__2.nt_pr .tooltip_top_right .tt_txt {
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
transform: translateX(-50%);
}
.tooltip_top:hover:before,
.desgin__2.nt_pr .tooltip_top_right:hover:before {
-webkit-transform: translateY(-8px);
-moz-transform: translateY(-8px);
transform: translateY(-8px);
}
.tooltip_top:hover .tt_txt,
.desgin__2.nt_pr .tooltip_top_right:hover .tt_txt {
-webkit-transform: translateX(-50%) translateY(-8px);
-moz-transform: translateX(-50%) translateY(-8px);
transform: translateX(-50%) translateY(-8px);
}
.desgin__2.nt_pr .tooltip_top_right .tt_txt {
margin-left: 0;
}
/*****************************************
* bottom tooltip
****************************************/
.tooltip_bottom:before {
margin-top: -11px;
}
.tooltip_bottom:before, .tooltip_bottom .tt_txt {
top: 100%;
left: 50%;
}
.tooltip_bottom:before {
left: calc(50% - 6px);
}
.tooltip_bottom .tt_txt {
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
transform: translateX(-50%);
}
.tooltip_bottom:hover:before {
-webkit-transform: translateY(8px);
-moz-transform: translateY(8px);
transform: translateY(8px);
}
.tooltip_bottom:hover .tt_txt {
-webkit-transform: translateX(-50%) translateY(8px);
-moz-transform: translateX(-50%) translateY(8px);
transform: translateX(-50%) translateY(8px);
}
/*****************************************
* right tooltip
****************************************/
body .tooltip_right:before {
margin-left: -11px;
margin-bottom: -6px;
}
body .tooltip_right .tt_txt {
margin-bottom: -14px;
}
body .tooltip_right:before, body .tooltip_right .tt_txt {
left: 100%;
bottom: 50%;
}
body .tooltip_right:hover:before {
-webkit-transform: translateX(8px);
-moz-transform: translateX(8px);
transform: translateX(8px);
}
body .tooltip_right:hover .tt_txt {
-webkit-transform: translateX(8px);
-moz-transform: translateX(8px);
transform: translateX(8px);
}
/*****************************************
* left tooltip
****************************************/
body .tooltip_left:before {
margin-right: -11px;
margin-bottom: -6px;
}
body .tooltip_left .tt_txt {
margin-bottom: -14px;
}
body .tooltip_left:before, body .tooltip_left .tt_txt {
right: 100%;
bottom: 50%;
}
body .tooltip_left:hover:before {
-webkit-transform: translateX(-8px);
-moz-transform: translateX(-8px);
transform: translateX(-8px);
}
body .tooltip_left:hover .tt_txt {
-webkit-transform: translateX(-8px);
-moz-transform: translateX(-8px);
transform: translateX(-8px);
}
/*****************************************
* top-left tooltip
****************************************/
body .tooltip_top_left:before {
margin-bottom: -11px;
}
body .tooltip_top_left:before, body .tooltip_top_left .tt_txt {
bottom: 100%;
left: 50%;
}
body .tooltip_top_left:before {
left: calc(50% - 6px);
}
body .tooltip_top_left .tt_txt {
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
transform: translateX(-100%);
}
body .tooltip_top_left .tt_txt {
margin-left: 12px;
}
body .tooltip_top_left:hover:before {
-webkit-transform: translateY(-8px);
-moz-transform: translateY(-8px);
transform: translateY(-8px);
}
body .tooltip_top_left:hover .tt_txt {
-webkit-transform: translateX(-100%) translateY(-8px);
-moz-transform: translateX(-100%) translateY(-8px);
transform: translateX(-100%) translateY(-8px);
}
/*****************************************
* top-right tooltip
****************************************/
body .tooltip_top_right:before {
margin-bottom: -11px;
}
body .tooltip_top_right:before, body .tooltip_top_right .tt_txt {
bottom: 100%;
left: 50%;
}
body .tooltip_top_right:before {
left: calc(50% - 6px);
}
body .tooltip_top_right .tt_txt {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
transform: translateX(0);
}
body .tooltip_top_right .tt_txt {
margin-left: -12px;
}
body .tooltip_top_right:hover:before {
-webkit-transform: translateY(-8px);
-moz-transform: translateY(-8px);
transform: translateY(-8px);
}
body .tooltip_top_right:hover .tt_txt {
-webkit-transform: translateY(-8px);
-moz-transform: translateY(-8px);
transform: translateY(-8px);
}
/*****************************************
* bottom-left tooltip
****************************************/
body .tooltip_bottom_left:before {
margin-top: -11px;
}
body .tooltip_bottom_left:before, body .tooltip_bottom_left .tt_txt {
top: 100%;
left: 50%;
}
body .tooltip_bottom_left:before {
left: calc(50% - 6px);
}
body .tooltip_bottom_left .tt_txt {
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
transform: translateX(-100%);
}
body .tooltip_bottom_left .tt_txt {
margin-left: 12px;
}
body .tooltip_bottom_left:hover:before {
-webkit-transform: translateY(8px);
-moz-transform: translateY(8px);
transform: translateY(8px);
}
body .tooltip_bottom_left:hover .tt_txt {
-webkit-transform: translateX(-100%) translateY(8px);
-moz-transform: translateX(-100%) translateY(8px);
transform: translateX(-100%) translateY(8px);
}
/*****************************************
* bottom-right tooltip
****************************************/
body .tooltip_bottom_right:before {
margin-top: -11px;
}
body .tooltip_bottom_right:before, body .tooltip_bottom_right .tt_txt {
top: 100%;
left: 50%;
}
body .tooltip_bottom_right:before {
left: calc(50% - 6px);
}
body .tooltip_bottom_right .tt_txt {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
transform: translateX(0);
}
body .tooltip_bottom_right .tt_txt {
margin-left: -12px;
}
body .tooltip_bottom_right:hover:before {
-webkit-transform: translateY(8px);
-moz-transform: translateY(8px);
transform: translateY(8px);
}
body .tooltip_bottom_right:hover .tt_txt {
-webkit-transform: translateY(8px);
-moz-transform: translateY(8px);
transform: translateY(8px);
}
/****************************************
* Collection page
****************************************/
.products, .result_clear, .sp_result_html {
-webkit-transition: opacity .25s ease, visibility .25s ease, -webkit-transform .25s ease;
transition: opacity .25s ease, visibility .25s ease, transform .25s ease, -webkit-transform .25s ease;
}
.ajax_loading .products, .ajax_loading .result_clear, .ajax_loading .products + .shahTheme-info, .products.loadingview {
opacity: 0;
pointer-events: none;
-webkit-transform: translateY(30px);
transform: translateY(30px);
}
.ajax_loading .cat_toolbar,
.ajax_loading .sidebar_nt,
.ajax_loading .products-footer, .products.loadingview + .products-footer {
opacity: 0;
-webkit-transition: opacity .25s ease;
transition: opacity .25s ease;
}
.nt_svg_loader {
width: 100px;
height: 100px;
background-image: url('lds-sw2d00.svg?1945');
background-size: cover;
background-repeat: no-repeat;
background-position: center;
margin: 0 auto;
}
.ajax_loading .nt_svg_loader {
display: block
}
.nt_cat_lm, .view_more, .js_add_ld {
background-image: url('../images/svg/lds-sw.svg') !important;
background-size: 0 !important;
background-repeat: no-repeat !important;
background-position: center !important;
transition: none !important;
}
.nt_cat_lm.swl, .view_more.swl, .js_add_ld.swl {
background-image: url('../images/svg/lds-swl.svg') !important;
}
.jscl_ld {
background-size: 80px !important;
pointer-events: none;
color: transparent !important;
}
.nt_sortby {
position: fixed;
left: 0;
bottom: 0;
width: 100vw;
height: auto;
box-shadow: 0 1px 5px 2px rgba(0, 0, 0, 0.1);
display: block;
z-index: 5000;
font-size: 17px;
visibility: hidden;
cursor: pointer;
background: #fff;
-webkit-transform: translateY(100%);
transform: translateY(100%);
transition: visibility 0.2s ease-in-out, transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
text-align: left;
}
.nt_sortby .ic_triangle_svg {
display: none
}
.nt_sortby h3, .nt_sortby .h3 {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: justify;
justify-content: space-between;
padding-left: 15px;
border-bottom: 1px solid #e1e3e4;
font-size: 16px;
color: #222;
}
.wrap_sortby {
z-index: 50;
padding: 15px 0;
max-height: calc(100vh - 50px);
overflow: auto;
overflow-x: hidden;
-webkit-overflow-scrolling: touch;
-ms-scroll-chaining: none;
overscroll-behavior: none;
}
.wrap_sortby a {
display: block;
position: relative;
padding: 8px 15px;
font-size: 14px;
color: #878787;
}
.cat_sortby:before {
content: '';
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
opacity: 0;
pointer-events: none;
transition: opacity 0.35s ease-in-out;
background: #000000;
display: block;
z-index: 4500;
}
.cat_sortby_js.opended:before {
pointer-events: auto;
opacity: 0.4;
}
.cat_sortby_js.opended .nt_sortby {
-webkit-transform: translateY(0);
transform: translateY(0);
visibility: visible;
}
.cat_toolbar.cat_stuck_prepared {
position: relative;
top: 0;
right: 0;
left: 0;
z-index: 300;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
background-color: #fff;
transition: opacity .1s, visibility .1s, transform .3s, -webkit-transform .3s;
will-change: position;
}
.sortby_opended .cat_toolbar.cat_stuck_prepared {
z-index: 390;
}
.cat_toolbar.cat_stuck_prepared.cat_stuck {
position: fixed;
margin-top: 0;
border-top: 1px solid #dedede;
padding: 10px;
height: auto !important;
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
-webkit-animation: 1.35s animate_sticky;
animation: 1.35s animate_sticky;
}
@media (min-width: 641px) {
.cat_sortby:before {
display: none;
}
.nt_sortby {
z-index: 5;
position: relative;
width: auto;
height: auto;
-webkit-transform: none !important;
transform: none !important;
transition: none;
box-shadow: none;
border-radius: 3px;
}
.nt_sortby .ic_triangle_svg {
display: block
}
.nt_sortby h3, .nt_sortby .h3 {
display: none;
}
.wrap_sortby {
position: absolute;
width: auto;
height: auto;
top: 10px;
left: auto;
right: 0;
bottom: auto;
min-width: 190px;
box-shadow: 0 1px 5px 2px rgba(0, 0, 0, 0.1);
visibility: hidden;
opacity: 0;
-webkit-transform: scale(0.9);
transform: scale(0.9);
background: #fff;
color: #677279;
z-index: 4;
cursor: auto;
border-radius: 3px;
transition: opacity 0.25s ease-in-out, transform 0.25s ease-in-out, visibility 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
will-change: transform;
max-height: none;
overflow: auto;
}
.cat_sortby_js.opended .nt_sortby .wrap_sortby {
visibility: visible;
opacity: 1;
-webkit-transform: scale(1.001);
transform: scale(1.001);
transition: opacity 0.4s cubic-bezier(0, 1, 0.4, 1), transform 0.4s cubic-bezier(0.18, 1.25, 0.4, 1), visibility 0.4s linear, -webkit-transform 0.4s cubic-bezier(0.18, 1.25, 0.4, 1);
}
}
.widget h5.widget-title {
position: relative;
padding-bottom: 20px;
margin-top: 0;
font-size: 18px;
}
.widget h5.widget-title:after {
content: "";
width: 60px;
height: 2px;
background: #222;
left: 0;
bottom: 15px;
position: absolute;
}
.sidebar .widget:not(:first-child) {
margin-top: 50px;
}
.sidebar .widget_product_categories ul li {
padding-left: 15px;
position: relative;
}
.sidebar .widget_product_categories ul ul {
padding-left: 5px;
}
.sidebar .widget_product_categories ul li:before {
color: #222;
content: "+";
left: 0;
position: absolute;
}
.widget_product_categories .btn_cats_toggle {
position: absolute;
top: 0;
right: 0;
width: 24px;
height: 24px;
line-height: 24px;
font-size: 10px;
font-weight: 700;
text-align: center;
cursor: pointer;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.widget_product_categories .btn_cats_toggle i {
color: #888;
font-size: 18px;
}
.cat_count_false .cat_count, .blg_count_false .blg_count {
display: none
}
.nt_filter_styletag li {
display: inline-block
}
.widget .tagcloud a,
.nt_filter_styletag a {
border: 1px solid #222;
border-radius: 20px;
color: #222;
display: inline-block;
font-size: 13px;
margin: 0 5px 3px 0;
padding: 2px 15px 1px;
}
.widget .tagcloud a:hover, .widget .tagcloud a.active,
.nt_filter_styletag a:hover, .nt_filter_styletag .active a,
.nt_filter_styletag a:hover .count_vr_filter, .nt_filter_styletag .active a .count_vr_filter {
color: #fff !important;
}
.count_vr_filter {
color: #999;
margin-left: 5px;
}
.count_vr_false .count_vr_filter {
display: none !important
}
.widget_product_categories .btn_cats_toggle.active {
-webkit-transform: rotate(-180deg);
-moz-transform: rotate(-180deg);
-o-transform: rotate(-180deg);
transform: rotate(-180deg);
}
.widget_instagram .pr_animated.done {
-webkit-animation: none;
animation: none;
}
.mfp-content .section_nt_filter .widget {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
margin-bottom: 0;
border-bottom: 1px solid #e5e5e5;
background-color: #fff;
padding: 20px;
}
.section_nt_filter .widget {
margin-bottom: 30px;
}
.section_nt_filter h5.widget-title {
font-size: 16px;
margin-top: 0;
margin-bottom: 0;
font-weight: 500;
}
.mfp-content > .section_sidebar_shop .widget {
padding: 20px;
}
.section_nt_filter .nt_filter_block a,
.section_nt_filter .nt_filter_block.nt_filter_color a:hover,
.section_nt_filter .nt_filter_block.nt_filter_color .active a {
color: #222;
text-transform: capitalize;
}
.section_nt_filter .nt_filter_size a {
text-transform: uppercase
}
.filter-swatch {
width: 24px;
height: 24px;
display: inline-block;
border-radius: 50%;
margin-right: 5px;
text-align: center;
line-height: 24px;
border: 1px solid transparent;
}
.filter-swatch > span {
width: 12px;
height: 12px;
display: inline-block;
border-radius: 50%;
}
a:hover > .filter-swatch,
.nt_filter_color li.active .filter-swatch {
border-color: #e7e7e7;
}
.nt_ajaxFilter li, .widget_product_categories ul > li {
margin-bottom: 5px;
}
.nt_ajaxFilter li:last-child, .widget_product_categories ul > li:last-child {
margin-bottom: 0;
}
.filter_area .section_nt_filter {
padding: 30px 30px 0;
margin-top: 30px;
margin-bottom: 40px;
border-radius: 5px;
border: 1px solid #e7e6e6;
box-shadow: 0 0 10px rgba(0, 0, 0, .15);
}
.filter_area .section_nt_filter .widget {
padding-bottom: 0;
border-bottom: 0;
}
.nt_filter_color a {
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.nt_filter_color .filter-swatch {
width: auto;
height: auto;
padding: 2px;
}
.nt_filter_color .filter-swatch > span {
width: 26px;
height: 26px;
display: block;
}
.nt_filter_block a,
.widget_product_categories a {
text-transform: capitalize;
}
.nt_filter_block.nt_filter_size a {
text-transform: uppercase;
}
.sidebar_nt.op__0 {
opacity: 1
}
ul.nt_filter_styleck > li > a {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
margin-bottom: 8px;
}
ul.nt_filter_styleck > li > a:before, .js_agree_ck + label:before, .css_agree_ck + label:before {
content: '';
display: inline-block;
margin-right: 10px;
width: 16px;
height: 16px;
min-width: 16px;
border: 1px solid #d4d6d8;
background: #fff;
box-shadow: 0 1px rgba(212, 214, 216, 0.4);
border-radius: 2px;
-webkit-appearance: none;
transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, background 0.2s ease-in-out;
}
ul.nt_filter_styleck > li > a:before,
.nt_filter_color li .filter-swatch > span:after,
.js_agree_ck + label:before,
.css_agree_ck + label:before {
box-shadow: none;
background-size: cover;
background-repeat: no-repeat;
background-position: 50%;
transition: all 0.2s ease-in-out;
}
.nt_filter_color li .filter-swatch > span {
position: relative;
}
.nt_filter_color li .filter-swatch > span:after {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
ul.nt_filter_styleck > li.active > a:before,
.nt_filter_color li.active .filter-swatch > span:after {
background-image: url(../images/svg/filter_selected.svg);
background-size: 12px;
}
input[type="checkbox"].js_agree_ck,
input[type="checkbox"].css_agree_ck {
display: none
}
.js_agree_ck + label:before,
.css_agree_ck + label:before {
position: relative;
top: 3px;
}
.js_agree_ck ~ svg,
.css_agree_ck ~ svg {
display: block;
width: 12px;
height: 12px;
fill: #fff;
position: absolute;
top: 5px;
left: 2px;
pointer-events: none;
transform: scale(0);
-webkit-transform: scale(0);
-webkit-transition: all .25s ease-in-out;
transition: all .25s ease-in-out;
}
.js_agree_ck:checked ~ svg,
.css_agree_ck:checked ~ svg {
transform: scale(1);
-webkit-transform: scale(1);
}
.mini_cart_item .quantity svg,
.cart_item .quantity svg {
width: 12px;
height: 12px;
stroke-width: 2;
}
.min_cqty_0 .mini_cart_item .qty_1 svg, .min_cqty_0 .cart_item .qty_1 svg {
display: inline-block
}
.min_cqty_0 .mini_cart_item .qty_1 i, .min_cqty_0 .cart_item .qty_1 i {
display: none
}
.min_cqty_1 .cart_item .qty_1, .min_cqty_1 .mini_cart_item .qty_1 {
pointer-events: none;
opacity: .35;
}
.mini_cart_content .results_article_blog h4, .mini_cart_content .results_prs_tt {
font-size: 14px;
}
.shahTheme-model-viewer-ui .shahTheme-model-viewer-ui__button--poster,
button.plyr__control.plyr__control--overlaid {
background-color: #5b5b5b;
color: #f3f3f3 !important;
border: 1px solid rgba(243, 243, 243, 0.05)
}
.shahTheme-model-viewer-ui .shahTheme-model-viewer-ui__button--poster:hover, .shahTheme-model-viewer-ui .shahTheme-model-viewer-ui__button--poster:focus {
color: #f3f3f3
}
.btnt4_style_2 .plyr__control--overlaid, .btnt4_style_2 .shahTheme-model-viewer-ui .shahTheme-model-viewer-ui__button--poster {
border-radius: 50% !important;
}
.shahTheme-model-viewer-ui .shahTheme-model-viewer-ui__controls-area {
background: #f3f3f3;
border-color: rgba(91, 91, 91, 0.05);
}
.btnt4_style_2 .shahTheme-model-viewer-ui .shahTheme-model-viewer-ui__controls-area {
border-radius: 999px;
overflow: hidden;
}
/* end collections */
.bg_light-pink {
background-color: #f3b0c2 !important;
}
.bg__hungry-up {
background-color: #f76b6a !important;
}
.bg__hungry-up-light {
background-color: #ffe8e8 !important;
}
.color__hungry-up {
color: #f76b6a;
}
/****************************************
* Product page
****************************************/
.product-title--big {
font-size: 24px;
}
.p_group_btns .tt_txt, .p_group_btns .ttip_nt:before {
z-index: 1000
}
.hover_button > a:after, .nt_add_w > a:after, .mail_agree:after, .js_frm_cart:after, .cart_ac_edit:after, .hotspot_ins:after, .js_add_group:after, .sticky_atc_js:after, .css_add_ld:after,
.on_list_view_true .pr_list_item .product-info__btns > a:after {
position: absolute;
top: 50%;
left: 50%;
margin-top: -9px;
margin-left: -9px;
opacity: 0;
-webkit-transition: opacity .2s ease;
transition: opacity .2s ease;
content: "";
display: inline-block;
width: 18px;
height: 18px;
border: 1px solid rgba(255, 255, 255, .3);
border-left-color: #fff;
border-radius: 50%;
vertical-align: middle;
}
.on_list_view_true .pr_list_item .product-info__btns > a:after, .sticky_atc_js:after {
border-left-color: currentColor;
}
.hover_button > a:not(:hover):after, .cart_ac_edit:after,
.hotspot_ins:not(:hover):after {
border-color: rgba(0, 0, 0, .3);
border-left-color: #fff
}
.hover_button > a.loading, .nt_add_w > a.loading, .mail_agree.loading, .js_frm_cart.loading,
.js_add_group.loading, .sticky_atc_js.loading, .css_add_ld.loading,
.on_list_view_true .pr_list_item .product-info__btns > a.loading {
pointer-events: none;
}
.hover_button > a.loading:after, .nt_add_w > a.loading:after, .mail_agree.loading:after, .js_frm_cart.loading:after, .cart_ac_edit.loading:after,
.hotspot_ins.loading:after, .js_add_group.loading:after, .sticky_atc_js.loading:after,
.css_add_ld.loading:after,
.on_list_view_true .pr_list_item .product-info__btns > a.loading:after {
opacity: 1;
-webkit-animation: spin 450ms infinite linear;
animation: spin 450ms infinite linear;
}
.hover_button > a.loading > *,
.nt_add_w > a.loading > *, .mail_agree.loading > span, .mail_agree.loading:before,
.js_frm_cart.loading > *, .cart_ac_edit.loading > *,
.hotspot_ins.loading > span,
.js_add_group.loading > *, .sticky_atc_js.loading > *, .css_add_ld.loading > span,
.on_list_view_true .pr_list_item .product-info__btns > a.loading > span {
opacity: 0
}
@-webkit-keyframes spin {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes spin {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.ul_tabs.mobile_true > .w__100 a:after {
content: "\e844";
font-family: 'g3-icons', sans-serif;
font-size: 20px;
position: absolute;
right: 13px;
top: 0;
bottom: 0;
}
.mfp-content.popup_des {
position: fixed;
top: 0;
margin: 0;
padding: 0;
width: 100%;
left: 0;
height: 100%;
background-color: #fff;
}
.mfp-content.popup_des .sp-tab.mobile_true {
display: block;
padding: 0;
}
.mfp-content.popup_des button.mfp-close {
display: none;
}
.mfp-content.popup_des .mobile_true > h3 {
padding: 15px 50px;
display: block;
}
.mfp-content.popup_des .mobile_true > h3 > i {
right: 10px;
}
.mfp-content.popup_des .mobile_true > .sp-tab-content {
padding: 20px 15px;
}
/****************************************
* Product Quick view
****************************************/
#content_quickview,
.sp-content-help {
position: relative;
background-color: #fff;
max-width: 980px;
overflow: hidden;
margin: auto;
}
.t4_compare_true #content_quickview {
max-width: 1025px;
}
.product-quickview a.out_stock_groupedr {
padding: 5px 10px;
}
#content_quickview .shahTheme-section-pr_summary {
margin-top: 0;
padding: 30px 15px;
}
#content_quickview .nt_lt_fake ul {
left: 1px;
}
#content_quickview .swatch__list_pr {
margin: 10px -3px;
}
#content_quickview .nt_lt_fake .swatch__list_pr {
margin: 0
}
#content_quickview button.mfp-close {
position: absolute !important;
z-index: 4046 !important;
top: 0;
transform: none;
background-color: transparent;
color: #000;
opacity: 1;
width: 40px;
height: 40px;
-webkit-transition: all .25s ease;
transition: all .25s ease;
}
.product-quickview .flickity-page-dots {
position: absolute;
bottom: 15px
}
.product-quickview .flickity-page-dots .dot {
border: 2px solid #000;
background-color: #e5e5e5;
margin: 2.5px 5px;
}
.product-quickview .flickity-page-dots .dot.is-selected {
background-color: #000;
}
/****************************************
* Product Quick shop
****************************************/
.pr_deal_dt {
color: #222;
background: rgba(34, 34, 34, 0.1);
opacity: 1;
left: 0;
right: 0;
bottom: 0;
text-align: center;
transform: translate3d(0, 140%, 0);
-webkit-transform: translate3d(0, 140%, 0);
padding: 8px 5px;
line-height: 1.5;
}
.round_cd_true .pr_deal_dt {
transform: translate3d(0, 150%, 0);
-webkit-transform: translate3d(0, 150%, 0);
}
.round_cd_true .pr_deal_dt.donetmcd,
.pr_deal_dt.donetmcd {
transition: transform .35s ease;
-webkit-transition: transform .35s ease;
transform: none;
-webkit-transform: none;
}
.pr_deal_dt.expired_cdt4 {
opacity: 0;
visibility: hidden
}
.pr_title_dt {
font-size: 12px;
}
.pr_coun_dt {
font-weight: 500;
}
.cdt_des_2 .pr_deal_dt {
color: #222;
background-color: #FFF;
}
.cdt_des_3 .pr_deal_dt {
color: #fff;
background: #222;
}
.cdt_des_4 .pr_deal_dt {
color: #fff;
background: #56CFDE;
}
.cdt_des_5 .pr_deal_dt {
background: #f4f4f4;
color: #222;
}
.round_cd_false .pr_deal_dt,
.round_cd_true .pr_deal_dt {
font-size: 12px;
width: calc(100% - 56px);
width: -webkit-calc(100% - 56px);
box-shadow: 0 0 3px rgba(0, 0, 0, .1);
margin: 0 4px 10px;
}
.round_cd_true .pr_deal_dt {
border-radius: 5px;
}
#content_quickview.pp_qs {
max-width: 340px;
background-color: #fff;
border-radius: 3px;
padding: 20px;
-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
}
#content_quickview.pp_qs .qs_imgs_wrap {
width: 90px;
}
#content_quickview.pp_qs .variations {
margin-bottom: 25px;
}
#content_quickview.pp_qs .quantity {
margin-bottom: 20px;
}
#content_quickview.pp_qs .price {
font-size: 16px;
}
#content_quickview.pp_qs .qs_imgs_i,
#content_quickview.pp_qs .row.equal_nt {
margin-right: 0;
margin-left: 0;
}
#content_quickview.pp_qs .cl_pr_img,
#content_quickview.pp_qs .cl_pr_title,
#content_quickview.pp_qs .qs_img_i {
padding-right: 0;
padding-left: 0;
}
#content_quickview.pp_qs .cl_pr_title {
margin: 0 10px 0 12px;
}
#content_quickview.pp_qs .nt_labels {
left: 12px;
top: 12px;
right: auto;
}
#content_quickview.pp_qs .nt_lt_fake.opended ul {
position: static;
margin-top: 10px;
}
#content_quickview.pp_qs .nt_lt_fake.opended svg.ic_triangle_svg {
top: 44px;
}
.mfp-move-horizontal .mfp-with-anim .product-images .nt_labels {
opacity: 0;
visibility: hidden;
right: 30px;
}
.mfp-move-horizontal.mfp-ready .mfp-with-anim .product-images .nt_labels {
visibility: visible;
opacity: 1;
}
.qs_label.onsale {
background-color: #ff4e00;
margin: 0 4px;
padding: 1px 5px;
}
.cl_pr_img + .cl_pr_title {
text-align: left
}
.cl_pr_img + .cl_pr_title .product-title {
font-size: 14px;
}
/****************************************
* Instagram blocks
****************************************/
.se_instagram .info {
background: rgba(0, 0, 0, .6);
}
.se_instagram .item:hover .info {
opacity: 1;
}
.ins_loaded .ins_content {
opacity: 1;
-webkit-transform: none;
transform: none;
}
.ins_content {
-webkit-transform: translateY(40px);
transform: translateY(40px);
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.ins_content > .ins_content_wrap {
padding: 30px;
max-width: 300px;
width: 100%;
box-shadow: 0 0 12px rgba(0, 0, 0, .22);
background-color: #fff;
z-index: 5;
}
.ins_content_wrap.style_2 {
outline: 5px solid rgba(255, 255, 255, .5);
}
.ins_content.b_type_4 > .ins_content_wrap {
max-width: 400px;
padding: 23px 10px;
background-color: rgba(246, 246, 248, 0.8);
}
.ins_loaded .ins_content_wrap {
pointer-events: auto
}
.ins_content p {
font-size: 13px;
line-height: 1.5;
}
.hr_border {
border-top: 3px solid #000;
}
.hotspot_ins {
cursor: pointer;
border-radius: 50%;
text-align: center;
z-index: 10;
padding: 0;
backface-visibility: hidden;
width: 30px;
height: 30px;
font-size: 14px;
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
border: 2px solid #000;
background-color: #fff;
color: #000;
text-shadow: none;
font-weight: 600;
overflow: hidden;
transition: transform .2s ease-out, opacify .2s ease-out;
opacity: 1
}
.hotspot_ins.dark {
border-color: #eee;
background-color: #000;
color: #fff
}
.ins_shop_wrap .info {
background: rgba(0, 0, 0, .6);
font-size: 28px
}
.ins_shop_wrap .item:hover .info {
opacity: 1
}
.pr_lazy_img {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: opacity .3s ease, -webkit-transform 8s cubic-bezier(.25, .46, .45, .94);
transition: opacity .3s ease, transform 8s cubic-bezier(.25, .46, .45, .94), -webkit-transform 8s cubic-bezier(.25, .46, .45, .94)
}
.clhovermq .ins_shop_wrap .col_ins:hover .pr_lazy_img {
-webkit-transform: scale(1.2);
transform: scale(1.2)
}
.b_type_4 .sub-title {
color: #222;
font-size: 16px;
}
#nt_backtop {
right: 10px;
bottom: 55px;
padding: 5px;
cursor: pointer;
z-index: 100;
pointer-events: none;
opacity: 0;
transform: none;
transition: all .25s ease;
will-change: opacity;
}
#nt_backtop.bkt_show {
opacity: 1;
-webkit-transform: none;
transform: none;
pointer-events: auto;
}
#nt_backtop span {
width: 45px;
height: 45px;
text-align: center;
line-height: 45px;
font-size: 35px;
border-radius: 3px;
background: #00b1b8;
color: #fff;
box-shadow: 0 0 3px 0 rgba(0, 0, 0, .2);
}
#nt_backtop span i {
z-index: 1;
color: #878787;
line-height: inherit;
}
#nt_backtop.des_bt2 span {
line-height: 42px;
/*border: 2px solid #293341;*/
box-shadow: none;
border-radius: 0;
}
#nt_backtop.des_bt2 span i {
color: #fff;
font-weight: bold;
}
.icon_like .tcount,
.icon_cart .tcount {
top: -5px;
right: -9px;
z-index: 1;
width: 15px;
height: 15px;
letter-spacing: 0;
font-weight: 400;
font-size: 10px;
line-height: 15px;
box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
opacity: 1
}
.icon_like .tcount,
.h_icon_iccl .icon_like .tcount,
.h_icon_pegk .icon_like .tcount {
right: -6px
}
.h_icon_la .tcount {
top: 0;
right: -3px;
}
.h_icon_la .icon_like .tcount {
top: -2px;
right: -6px;
}
.cart_des_2 .icon_cart {
cursor: pointer;
}
.cart_des_3 .icon_like .tcount, .cart_des_3 .icon_cart .tcount {
position: relative;
display: inline-block;
padding: 0 2px;
width: 19px;
height: 19px;
line-height: 19px;
top: auto;
right: auto;
left: auto;
margin-left: 5px;
}
.cart_des_3.nt_action > .icon_like > i, .cart_des_3.nt_action > .icon_cart > a > i {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.cart_des_3.nt_action > *:last-child {
padding-right: 0
}
.js_prs_search .product_list_widget .product-title {
line-height: 1.4
}
.wrap_sea_section .fixcl-scroll {
position: absolute;
top: 100%;
right: 0;
left: 0;
z-index: 1000;
width: auto;
height: auto;
background-color: #fff;
box-shadow: 0 1px 5px 2px rgba(0, 0, 0, .1);
border-radius: 4px;
margin-top: 0;
opacity: 0;
visibility: hidden;
pointer-events: none;
transition: all .1s ease-in-out;
}
.cltouchevents .wrap_sea_section.atc_show_rs .fixcl-scroll,
.clno-touchevents .atc_opended_rs:hover .fixcl-scroll {
opacity: 1;
visibility: visible;
pointer-events: auto;
}
.wrap_sea_section .mini_cart_content .fixcl-scroll-content {
position: relative;
max-height: 58vh;
padding: 0;
}
.wrap_sea_section .product_list_widget .row {
margin-right: 0;
margin-left: 0;
}
.wrap_sea_section .product_list_widget .row > [class*=col-] {
border-bottom: 1px solid;
border-right: 1px solid;
padding: 15px;
border-color: rgba(129, 129, 129, .2);
transition: background-color .25s;
}
.wrap_sea_section .product_list_widget .row.mb__10.pb__10 {
padding: 0;
margin-bottom: 0;
}
.wrap_sea_section .product_list_widget .row > .col_a_link {
padding: 0;
}
.wrap_sea_section .js_prs_search .detail_link {
margin: 0;
padding: 15px 0;
border: 0;
}
.wrap_sea_section .sug_last_col .col_last_true {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.wrap_sea_section .product_list_widget .row > [class*=col-]:hover {
background-color: #f9f9f9;
}
.wrap_sea_section .ld_bar_search {
bottom: auto;
top: 0;
}
.type_sea_section {
position: relative;
z-index: 200;
}
.wrap_sea_section .widget_img_pr {
padding-left: 0 !important;
}
.error_css_checkbox .css_agree_ck + label:before,
.error_css_email input.tc.input-text, .error_css_email .signup-newsletter-form {
border-color: #ec0101 !important;
}
.klaviyo_sub_frm .error_message:before {
font-family: 'Line Awesome Free', sans-serif;
content: "\f071";
position: absolute;
top: 50%;
left: 24px;
line-height: 0;
font-size: 18px;
font-weight: 900;
}
@media (max-width: 1024px) {
.cart_des_3.nt_action > a.icon_like {
display: none
}
.cltouchevents ul.cat_lv_0 {
border-top: 1px solid #dedede;
}
.cltouchevents a.cat_link {
line-height: 1.6;
padding-top: 9px;
padding-bottom: 9px;
display: block;
}
.cltouchevents #cat_shahTheme ul.sub-menu {
padding: 0;
}
.drift-bounding-box, .drift-zoom-pane, .dt_img_zoom {
display: none !important
}
.Search_dropdown_prepared #nt_search_canvas {
top: 0 !important;
left: auto !important;
}
}
@media (min-width: 1025px) {
.mfp-content.popup_filter, .mfp-inline-holder .mfp-content.popup_filter {
width: 340px;
}
.cart_des_4.nt_action > .icon_cart > a {
display: -ms-inline-flexbox;
display: -webkit-inline-flex;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.cart_des_4.nt_action > .icon_cart .tcount {
position: relative;
top: auto;
right: auto;
background-color: transparent;
color: #222;
box-shadow: none;
width: auto;
height: auto;
font-size: 14px;
margin-left: 6px;
}
.nt_label {
height: 25px;
width: 60px;
font-size: 14px;
}
.label_style_rounded .nt_label {
height: 60px;
width: 60px;
font-size: 14px;
}
.thumb_left .col_nav.t4_show, .thumb_right .col_nav.t4_show {
position: relative;
overflow: hidden;
}
button.btn_pnav_prev,
button.btn_pnav_next {
position: absolute;
left: 15px;
bottom: 0;
width: calc(48% - 10px);
width: -webkit-calc(48% - 10px);
padding: 0;
border-radius: 0;
font-size: 18px;
line-height: 1;
background-color: rgba(245, 245, 245, 0.5);
color: #222;
pointer-events: none;
opacity: 0;
display: block;
border: 1px solid rgba(0, 0, 0, 0.123) !important;
}
button.btn_pnav_next {
left: auto;
right: 5px;
}
.thumb_right button.btn_pnav_prev {
left: auto;
right: 15px;
}
.thumb_right button.btn_pnav_next {
right: auto;
left: 5px;
}
button.btn_pnav_prev:hover, button.btn_pnav_next:hover {
background-color: rgba(245, 245, 245, 0.8);
}
.col_nav.t4_show .btn_pnav_prev,
.col_nav.t4_show .btn_pnav_next {
color: #222;
pointer-events: auto;
opacity: 1;
transition: background-color .25s ease, box-shadow .25s ease;
}
.Search_dropdown_prepared #nt_search_canvas {
bottom: auto;
margin: 0 30px;
visibility: hidden;
opacity: 0;
transform: scale(0.9);
transition: opacity 0.25s ease-in-out, transform 0.25s ease-in-out, visibility 0.25s ease-in-out, max-height 0s linear 0.25s;
will-change: transform;
pointer-events: none;
border-radius: 3px;
box-shadow: 0 1px 5px 2px rgba(0, 0, 0, 0.1);
}
.Search_dropdown_prepared.hsearch-dropdown-opened #nt_search_canvas {
pointer-events: auto;
visibility: visible;
opacity: 1;
transform: scale(1);
transition: opacity 0.4s cubic-bezier(0, 1, 0.4, 1), transform 0.4s cubic-bezier(0.18, 1.25, 0.4, 1), visibility 0.4s linear;
}
.Search_dropdown_prepared #nt_search_canvas .mini_cart_header {
display: none;
}
.Search_dropdown_prepared #nt_search_canvas .product_list_widget {
position: static;
max-height: 75vh;
}
.Search_dropdown_prepared #nt_search_canvas .detail_link {
display: block;
margin-top: 10px;
}
.hsearch-dropdown-opened .mask-overlay {
background-color: rgba(0, 0, 0, .3);
}
}
/* end min width 1025px */
.nav_arrow_true .nt_menu > li.has-children > a:after {
margin-left: 4px;
color: rgba(82, 82, 82, .45);
font-weight: 400;
font-style: normal;
font-size: 100%;
font-family: fashahTheme, sans-serif;
content: "\f107";
}
.nt_menu > li.has-children > a > i {
color: rgba(82, 82, 82, .6);
}
button.mfp-close:after {
content: "\e680";
font-family: 'Pe-icon-7-stroke', sans-serif;
display: inline-block;
font-size: 45px;
line-height: 50px;
}
#content_quickview button.mfp-close:after {
font-size: 40px;
}
.flickity-prev-next-button:before {
display: block;
content: "\e686";
font-family: 'Pe-icon-7-stroke', sans-serif;
width: 36px;
font-size: 36px;
height: 36px;
line-height: 36px;
}
.flickity-enabled:not(.flickity-rtl) .flickity-prev-next-button.next:before,
.flickity-rtl .flickity-prev-next-button.previous:before {
content: "\e684";
}
html.wf-peicon7stroke-n4-loading button.mfp-close:after,
html.wf-peicon7stroke-n4-loading .flickity-prev-next-button:before,
html.wf-peicon7stroke-n4-loading .footer_collapse_true .widget-title:after,
html.wf-fashahTheme-n4-loading .nt_menu > li.has-children > a:after,
html.wf-fontawesome5free-n9-loading .tab-heading:after {
opacity: 0
}
.shahTheme_toolbar .shahTheme_toolbar_item {
-ms-flex: 1 0 20%;
flex: 1 0 20%;
position: relative;
}
.shahTheme_toolbar_item > a {
padding-right: 10px;
padding-left: 10px;
display: flex;
align-items: center;
flex-direction: row;
justify-content: center;
height: 45px;
color: #222;
font-weight: 400;
line-height: 1;
}
.shahTheme_toolbar_item img {
max-height: 22px;
}
.shahTheme_toolbar_label_true .shahTheme_toolbar_item > a {
position: relative;
padding-bottom: 15px;
}
.shahTheme_toolbar_label_false .shahTheme_toolbar_label {
display: none
}
.shahTheme_toolbar_label {
position: absolute;
right: 10px;
bottom: 5px;
left: 10px;
display: block;
overflow: hidden;
text-align: center;
text-overflow: ellipsis;
white-space: nowrap;
font-weight: 600;
font-size: 11px;
line-height: 1;
}
.mobile_nav_icon {
/* color: #222;*/
font-size: 26px;
/* font-weight: 300;*/
}
.toolbar_icon:before {
font-size: 20px;
content: "\e909";
font-family: 'iconKalles', sans-serif;
font-weight: 600;
}
.type_toolbar_whatsapp .toolbar_icon:before {
content: "\e910"
}
.type_toolbar_home .toolbar_icon:before {
content: "\e918"
}
.type_toolbar_shop .toolbar_icon:before {
content: "\e917"
}
.type_toolbar_account .toolbar_icon:before {
content: "\e90e"
}
.type_toolbar_cart .toolbar_icon:before {
content: "\e903"
}
.type_toolbar_search .toolbar_icon:before {
content: "\e914"
}
.type_toolbar_compare .toolbar_icon:before {
content: "\f021";
font-family: 'Line Awesome Free', sans-serif;
font-weight: 900;
font-size: 23px;
}
.type_toolbar_wish .toolbar_icon:before {
content: "\e907"
}
.type_toolbar_blog .toolbar_icon:before {
content: "\e916"
}
.type_toolbar_filter .toolbar_icon:before {
content: "\e905"
}
.type_toolbar_sidebar .toolbar_icon:before {
content: "\e91b"
}
.type_toolbar_nav .toolbar_icon:before {
content: "\e919"
}
.toolbar_icon {
position: relative;
}
.toolbar_count {
position: absolute;
top: -5px;
right: -9px;
z-index: 1;
width: 15px;
height: 15px;
border-radius: 50%;
color: #fff;
text-align: center;
letter-spacing: 0;
font-weight: 400;
font-size: 10px;
line-height: 15px;
background-color: #000;
box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
}
.shahTheme_toolbar {
transform: none;
-webkit-transform: none;
}
.nt_currency ul {
min-width: 100px;
right: -10px;
visibility: hidden;
z-index: 400;
-webkit-box-shadow: 0 1px 5px 2px rgba(0, 0, 0, 0.1);
box-shadow: 0 1px 5px 2px rgba(0, 0, 0, 0.1);
border-radius: 3px;
margin-top: 10px;
-webkit-transform: translateY(15px) translateZ(0);
transform: translateY(15px) translateZ(0);
transition: opacity .2s ease, visibility .2s ease, transform .2s ease, -webkit-transform .2s ease;
}
.nt_action .my-account ul {
top: 100%;
z-index: 380;
background-color: #fff;
box-shadow: 0 0 3px rgba(0, 0, 0, .15);
list-style: none;
right: -5px;
width: 165px;
padding: 10px 0;
line-height: 1.4;
margin-top: 12px;
border-radius: 3px;
-webkit-transform: translateY(15px) translateZ(0);
transform: translateY(15px) translateZ(0);
visibility: hidden;
transition: opacity .2s ease, visibility .2s ease, transform .2s ease, -webkit-transform .2s ease;
}
.nt_action .my-account:hover ul, .nt_currency:hover ul {
pointer-events: auto;
visibility: visible;
opacity: 1;
-webkit-transform: none;
transform: none;
}
.nt_action .my-account ul a {
padding: 8px 18px;
}
.nt_action .my-account ul:after, .nt_currency ul:after {
content: "";
position: absolute;
top: auto;
right: 0;
bottom: 100%;
left: 0;
width: auto;
height: 12px;
}
.nt_currency ul:after {
height: 10px;
}
.mini_cart_footer > *:last-child {
margin-bottom: 0
}
.nt_fk_canvas#nt_cart_canvas,
.nt_fk_canvas#nt_login_canvas,
.nt_fk_canvas#nt_search_canvas {
overflow-y: hidden
}
.shipping_calculator h3, .mini_cart_note label {
color: #222;
font-size: 15px;
margin-top: 0;
font-weight: 500;
}
.shipping_calculator select, .shipping_calculator input[type=text] {
border-radius: 30px;
}
.shipping_calculator input.get_rates,
input.button.btn_back {
background-color: #56cfe1;
cursor: pointer;
border: 2px solid #56cfe1;
padding: 6px 35px;
color: #fff;
border-radius: 40px;
font-size: 14px;
font-weight: 600;
min-height: 40px;
width: 100%;
text-transform: uppercase;
transition: all 0.2s ease-in-out;
}
.shipping_calculator input.get_rates:hover,
input.button.btn_back:hover {
opacity: .8;
}
.mini_cart_ship input.button.btn_back,
.mini_cart_gift input.button.btn_back,
.mini_cart_note input.button.btn_back2,
.mini_cart_dis input.button.btn_back2 {
background-color: #fff;
color: #222;
border: 2px solid #222;
}
.mini_cart_gift svg {
margin: 0 auto;
width: 40px;
height: 40px;
color: #ec0101;
}
.gift_item_true .mini_cart_title,
.mini_cart_gift .js_addtc.loading {
pointer-events: none
}
.mini_cart_gift .button_primary,
.mini_cart_gift .gift_wrap_text .cd {
display: block
}
.gift_item_true .mini_cart_actions .quantity {
display: none;
}
.clno-touchevents .cart_pos_dropdown .cart_threshold {
background-color: #f5f5f5;
}
#shahTheme-section-cart_widget .mini_cart_tool {
transition: all .35s ease;
background-color: #f5f5f5;
}
#shahTheme-section-cart_widget .mini_cart_tool .tt_txt {
font-weight: 400
}
#shahTheme-section-cart_widget .btns_cart_1 .mini_cart_tool.mt__20 {
margin-top: 20px
}
.shahTheme-challenge__container #g-recaptcha > div {
text-align: center;
margin: 10px auto 30px;
}
.mini_cart_tool > div {
height: 40px;
line-height: 40px;
margin: 0 20px;
cursor: pointer;
color: #222;
text-align: center;
font-weight: 500;
border-left: 1px solid rgba(0, 0, 0, .09);
border-right: 1px solid rgba(0, 0, 0, .09);
transition: background-color .3s;
}
.btns_cart_1 .mini_cart_tool > div {
border: 0;
font-size: 25px;
display: inline-block;
margin: 16px 8px;
width: 50px;
line-height: 50px;
height: 50px;
border-radius: 50%;
box-shadow: 9px 5px 10px #DFE3EA, -5px -5px 10px #faffff;
transition: all .25s ease-in-out;
}
.mini_cart_footer .button {
transition: all .25s ease-in-out !important;
}
.mini_cart_tool > div:hover {
background-color: #F9F9F9;
box-shadow: inset 5px 5px 10px #DFE3EA, inset -5px -5px 10px #faffff;
}
.btns_cart_2 .mini_cart_tool > div:after {
content: '';
position: absolute;
bottom: 0;
left: 0;
right: 0;
display: block;
border-bottom: 1px solid rgba(0, 0, 0, 0.09);
}
.btns_cart_2 .mini_cart_tool > div:first-child:before {
content: '';
position: absolute;
top: -1px;
bottom: auto;
left: 0;
right: 0;
border-top: 2px dashed #999;
}
.mini_cart_note, .mini_cart_ship, .mini_cart_gift, .mini_cart_dis {
padding: 20px;
position: absolute;
bottom: 0;
left: 0;
right: 0;
background-color: #fff;
-webkit-transform: translateY(104%);
transform: translateY(104%);
-webkit-transition: -webkit-transform 0.25s ease-in-out;
transition: transform 0.25s ease-in-out;
border-top: 1px solid rgba(129, 129, 129, .2);
box-shadow: 0 0 10px 0 rgba(129, 129, 129, .2);
overflow-y: auto;
overflow-x: hidden;
-webkit-overflow-scrolling: touch;
max-height: 100%;
}
.nt_mini_cart.ld_cart_tls .mini_cart_tool {
opacity: 0
}
.clno-touchevents .nt_fk_canvas.current_hover .ld_cart_tls .mini_cart_footer,
.nt_mini_cart.ld_cart_tls .mini_cart_footer {
opacity: 0;
-webkit-transform: translateY(45px);
transform: translateY(45px);
-webkit-transition: opacity .35s cubic-bezier(.25, .46, .45, .94), -webkit-transform .35s cubic-bezier(.25, .46, .45, .94);
transition: opacity .35s cubic-bezier(.25, .46, .45, .94), transform .35s cubic-bezier(.25, .46, .45, .94), -webkit-transform .35s cubic-bezier(.25, .46, .45, .94);
}
.nt_mini_cart:before, .frm_cart_page:before {
content: '';
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
opacity: 0;
z-index: 4;
background-color: #fff;
pointer-events: none;
-webkit-transition: opacity 0.5s ease;
transition: opacity 0.5s ease;
}
.nt_mini_cart.ld_nt_cl:before,
.frm_cart_page.ld_nt_cl:before {
opacity: 0.4;
pointer-events: auto;
}
.nt_mini_cart > .is_nt_op {
z-index: 8;
opacity: 1;
pointer-events: auto;
-webkit-transform: none;
transform: none;
}
.nt_mini_cart #CartSpecialInstructions {
resize: none;
}
.clno-touchevents .cart_pos_dropdown:not(.template-cart) .icon_cart:after {
content: "";
position: absolute;
top: 0;
background-color: transparent;
width: 340px;
height: 50px;
right: 0;
margin-top: 12px;
pointer-events: none;
}
.clno-touchevents .oped_dropdown_cart.cart_pos_dropdown:not(.template-cart) .icon_cart:after {
pointer-events: auto;
}
.clno-touchevents .cart_pos_dropdown:not(.template-cart) .icon_cart {
cursor: pointer
}
.clno-touchevents .cart_pos_dropdown:not(.template-cart) .icon_cart > a {
pointer-events: none
}
.clno-touchevents .cart_pos_dropdown #nt_cart_canvas {
opacity: 0;
bottom: auto;
box-shadow: -2px 4px 10px 0 rgba(0, 0, 0, 0.5);
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0);
pointer-events: none;
-webkit-transition: opacity .15s ease, transform .25s ease;
transition: opacity .15s ease, transform .25s ease;
}
.clno-touchevents .cart_pos_dropdown #nt_cart_canvas .mini_cart_content .fixcl-scroll-content {
position: static;
max-height: 360px;
}
.clno-touchevents .cart_pos_dropdown #nt_cart_canvas .mini_cart_header {
display: none
}
.clno-touchevents #nt_cart_canvas.current_hover {
opacity: 1;
pointer-events: auto;
-webkit-transform: none;
transform: none;
}
.clno-touchevents.cart_pos_dropdown #nt_cart_canvas .mini_cart_footer {
-webkit-transition: opacity 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.45s, transform 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.25s;
transition: opacity 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.45s, transform 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.25s;
}
.clno-touchevents .nt_fk_canvas.current_hover .mini_cart_footer {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
.mask-overlay.cart_mask {
background-color: rgba(255, 255, 255, 0.4);
}
.mini_search_frm {
padding: 30px 20px;
border-bottom: 1px solid rgba(129, 129, 129, .2);
}
input.search_header__input:not([type="submit"]):not([type="checkbox"]) {
padding: 0 50px 0 20px;
height: 40px;
width: 100%;
line-height: 18px;
color: #222;
border: 1px solid #e3e3e3;
border-radius: 30px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.search_header__submit {
position: absolute;
top: 0;
right: 2px;
bottom: 0;
padding: 0;
width: 50px;
border: none;
background-color: transparent;
color: #222;
font-size: 15px;
}
.search_header__prs {
padding: 10px 20px;
border-bottom: 1px solid rgba(129, 129, 129, .2);
box-shadow: 0 3px 10px 0 rgba(129, 129, 129, .2);
}
#nt_search_canvas .product_list_widget {
padding: 20px;
}
.detail_link > i, .h__banner a ~ .h_banner_wrap i, .btn_icon_true:after {
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
transition-property: -webkit-transform, transform;
}
.detail_link:hover > i,
.h__banner a:hover ~ .h_banner_wrap i.la-arrow-right, .h__banner a:hover ~ .h_banner_wrap i.la-arrow-left,
.btn_icon_true:hover:after,
.nt_promotion:hover .btn_icon_true:after {
-webkit-transform: translateX(.25rem);
transform: translateX(.25rem);
}
.btn_new_icon_true:after,
.btn_icon_true:after {
font-family: 'Line Awesome Free', sans-serif;
font-weight: 900;
content: "\f061";
display: inline-block;
margin-left: 5px;
font-size: 16px;
color: #fff;
}
.button.btn_icon_true.jscl_ld:after {
opacity: 0
}
.nt_cat_lm.btn_icon_true:after {
content: "\f063";
}
a.button.button_dark:hover,
a.button.button_dark:focus {
background-color: #222;
border-color: #222;
opacity: .8
}
.hoverz_true .banner_hzoom .banner_img, .banner_hzoom .nt_bg_lz {
-webkit-transition: transform .5s cubic-bezier(0, 0, .44, 1.18);
transition: transform .5s cubic-bezier(0, 0, .44, 1.18);
}
.hoverz_true .banner_hzoom:hover .banner_img, .hoverz_true .banner_hzoom:hover .nt_bg_lz {
-webkit-transform: scale(1.09);
transform: scale(1.09);
}
.nt_fk_full {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 400;
background-color: #FFF;
box-shadow: 0 0 14px rgba(0, 0, 0, .08);
transition: transform .3s ease;
-webkit-transform: translate3d(0, 120%, 0);
transform: translate3d(0, 120%, 0);
display: block;
width: 100% !important;
}
.nt_fk_full.act_opened {
-webkit-transform: none;
transform: none;
}
.result_tt_sea, .js_prs_search .detail_link {
margin-top: 20px;
padding: 20px 0 0 0;
border-top: 1px solid rgba(129, 129, 129, .2);
font-size: 14px;
display: block;
text-align: start;
outline: none !important;
}
strong.highlight {
text-decoration: underline;
}
.product-image a.wis_added,
.product-image a.wis_remove {
opacity: 1;
visibility: visible;
}
.wis_added i:before {
content: '\e804';
color: #e81e63;
}
.wis_remove i:before {
font-family: 'Line Awesome Free', sans-serif;
font-weight: 900;
content: "\f1f8";
color: #222;
font-size: 25px;
}
.wishlistadd.loading, .compare_add.loading {
pointer-events: none
}
.nt_add_cp .cpt4_added i:before {
content: "\f058";
}
.nt_add_w a:hover i, .nt_add_cp .cpt4_added:hover i {
-webkit-animation: beat_heart .6s ease-in-out infinite;
animation: beat_heart .6s ease-in-out infinite;
}
.compare_add:not(.cpt4_added):hover i {
-webkit-animation: spin .6s ease-in-out infinite;
animation: spin .6s ease-in-out infinite;
}
@-webkit-keyframes beat_heart {
0%, 100% {
-webkit-transform: scale(1);
transform: scale(1)
}
50% {
-webkit-transform: scale(1.1);
transform: scale(1.1)
}
}
@keyframes beat_heart {
0%, 100% {
-webkit-transform: scale(1);
transform: scale(1)
}
50% {
-webkit-transform: scale(1.1);
transform: scale(1.1)
}
}
.nt_pr .nt_add_w > a:after {
border-width: 2px;
margin-top: -11px;
}
.entry-summary .nt_add_w > a:after {
border: 1px solid #f9f9f9;
border-left-color: #222;
}
.frm_notify_pr .form-message--success ~ * {
display: none
}
.frm_notify_pr .form-message--success {
color: #222;
}
.flickity-page-dots .dot {
position: relative;
overflow: hidden;
-webkit-transition: background 0.3s ease;
transition: background 0.3s ease;
}
.flickity-page-dots .dot:after {
content: '';
position: absolute;
bottom: 0;
height: 0;
left: 0;
width: 100%;
background-color: #000;
box-shadow: 0 0 1px #fff;
-webkit-transition: height 0.3s ease;
transition: height 0.3s ease;
}
.flickity-page-dots .dot.is-selected:after {
height: 100%;
}
.pin_lazy_js .desgin__2 .product-image {
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
.pin_lazy_js .desgin__2 .product-info {
font-size: 15px;
margin-top: 20px;
}
.pin_lazy_js .desgin__2 .product-title {
font-size: 15px;
margin-bottom: 5px;
}
.pin__type_url .pin_tt {
color: #fff
}
.sepr_deal_dt {
transform: translate3d(0, 100%, 0);
-webkit-transform: translate3d(0, 100%, 0);
-webkit-transition: all .25s ease-in-out;
transition: all .25s ease-in-out
}
.sepr_deal_dt.donetmcd {
opacity: 1;
transform: translate3d(0, -20px, 0);
-webkit-transform: translate3d(0, -20px, 0);
}
.sepr_coun_dt > span {
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
margin: 0 2px 5px;
padding: 5px;
min-width: 60px;
min-height: 60px;
box-shadow: 0 0 3px rgba(0, 0, 0, .1);
font-weight: 500;
font-size: 16px;
line-height: 16px;
border-radius: 3px;
background-color: #101010;
color: #fff;
}
.deal_light .sepr_coun_dt > span {
background-color: #FFF;
color: #333;
}
.sepr_coun_dt > span > span {
color: #999;
font-weight: normal;
font-size: 14px;
}
.wrapp_rse_cd:hover .sepr_deal_dt {
opacity: 0;
visibility: hidden;
}
/* end products */
.h_banner_wrap strong, #hbanner_cd {
font-size: 14px;
font-weight: 600;
}
.cat_grid_item__link {
position: relative;
overflow: hidden;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
}
.cat_grid_item__overlay, .hoverz_true .nt_promotion > a {
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
}
.hoverz_true .cat_grid_item:hover .cat_grid_item__overlay, .hoverz_true .nt_promotion:hover > a {
transform: scale(1.11);
-webkit-transform: scale(1.11);
-o-transform: scale(1.11);
-moz-transform: scale(1.11);
}
.h_search_btn:hover,
.h_search_btn:focus {
opacity: .7;
}
.cl_h_search .mini_cart_content .fixcl-scroll-content {
position: relative;
max-height: 50vh;
padding: 20px;
}
.cl_h_search .ld_bar_search {
bottom: auto;
top: 0;
}
.ntheader:not(.h_scroll_down) .cl_h_search.atc_show_rs .mini_cart_content {
opacity: 1;
visibility: visible;
pointer-events: auto;
}
.img_fix_search {
margin: 0 auto;
max-width: 170px;
}
.cl_h_search .detail_link {
display: block;
border-top: 0;
margin-top: 0;
text-align: start;
padding: 0;
box-shadow: none !important;
outline: none !important;;
}
a.button.slt4_btn:hover, a.button.imtt4_btn:hover,
a.button.slt4_btn:focus, a.button.imtt4_btn:focus {
opacity: .8
}
.p_group_btns > button {
width: 38px;
height: 38px;
background-color: #000d1d;
color: #fff;
font-size: 18px;
line-height: 1;
margin: 0 7.5px;
padding: 0;
border: 0;
min-height: 38px;
font-weight: 400;
}
.p_group_btns > button.show_btn_pr_gallery {
font-size: 16px
}
.p_group_btns {
right: 10px;
bottom: 10px;
opacity: 1;
}
.des_header_7 #nt_search_canvas.nt_fk_full {
z-index: 1000;
}
.img_catk_mb {
max-width: 20px;
width: 100%;
}
.art_des3 .post-info {
border: 1px solid #eee;
background-color: #fff;
padding: 15px 22px;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
}
.art_des3 .post-inner:hover .post-info {
opacity: 1;
}
.swatch__list--limit .swatch__list--more {
display: inline-block !important;
}
.swatch__list--limit .swatch__list--more .tt_txt:after {
content: var(--text);
margin: 0 2px;
}
.swatch__list--limit .swatch__list--more a:before {
content: '...';
color: var(--text);
position: absolute;
z-index: 10;
font-size: 9px;
top: 0;
left: 2px;
right: 2px;
bottom: 0;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
}
.swatch_list_size_medium .swatch__list--more a:before {
font-size: 12px;
}
.swatch_list_size_large .swatch__list--more a:before {
font-size: 14px;
}
.swatch__value.bg_color_limit4 {
background-color: #fff;
}
.swatch__list--limit[data-limit="1"] .swatch__list--item:nth-child(n+1) {
display: none;
}
.swatch__list--limit[data-limit="2"] .swatch__list--item:nth-child(n+2) {
display: none;
}
.swatch__list--limit[data-limit="3"] .swatch__list--item:nth-child(n+3) {
display: none;
}
.swatch__list--limit[data-limit="4"] .swatch__list--item:nth-child(n+4) {
display: none;
}
.swatch__list--limit[data-limit="5"] .swatch__list--item:nth-child(n+5) {
display: none;
}
.swatch__list--limit[data-limit="6"] .swatch__list--item:nth-child(n+6) {
display: none;
}
.swatch__list--limit[data-limit="7"] .swatch__list--item:nth-child(n+7) {
display: none;
}
.swatch__list--limit[data-limit="8"] .swatch__list--item:nth-child(n+8) {
display: none;
}
.swatch__list--limit[data-limit="9"] .swatch__list--item:nth-child(n+9) {
display: none;
}
.swatch__list--limit[data-limit="10"] .swatch__list--item:nth-child(n+10) {
display: none;
}
.swatch__list--limit[data-limit="11"] .swatch__list--item:nth-child(n+11) {
display: none;
}
.swatch__list--limit[data-limit="12"] .swatch__list--item:nth-child(n+12) {
display: none;
}
.swatch__list--limit[data-limit="13"] .swatch__list--item:nth-child(n+13) {
display: none;
}
.swatch__list--limit[data-limit="14"] .swatch__list--item:nth-child(n+14) {
display: none;
}
.swatch__list--limit[data-limit="15"] .swatch__list--item:nth-child(n+15) {
display: none;
}
.swatch__list--limit[data-limit="16"] .swatch__list--item:nth-child(n+16) {
display: none;
}
.swatch__list--limit[data-limit="17"] .swatch__list--item:nth-child(n+17) {
display: none;
}
.swatch__list--limit[data-limit="18"] .swatch__list--item:nth-child(n+18) {
display: none;
}
.swatch__list--limit[data-limit="19"] .swatch__list--item:nth-child(n+19) {
display: none;
}
.swatch__list--limit[data-limit="20"] .swatch__list--item:nth-child(n+20) {
display: none;
}
.swatch__list--limit[data-limit="21"] .swatch__list--item:nth-child(n+21) {
display: none;
}
.swatch__list--limit[data-limit="22"] .swatch__list--item:nth-child(n+22) {
display: none;
}
.swatch__list--limit[data-limit="23"] .swatch__list--item:nth-child(n+23) {
display: none;
}
.swatch__list--limit[data-limit="24"] .swatch__list--item:nth-child(n+24) {
display: none;
}
.swatch__list--limit[data-limit="25"] .swatch__list--item:nth-child(n+25) {
display: none;
}
.swatch__list--limit[data-limit="26"] .swatch__list--item:nth-child(n+26) {
display: none;
}
.swatch__list--limit[data-limit="27"] .swatch__list--item:nth-child(n+27) {
display: none;
}
.swatch__list--limit[data-limit="28"] .swatch__list--item:nth-child(n+28) {
display: none;
}
.swatch__list--limit[data-limit="29"] .swatch__list--item:nth-child(n+29) {
display: none;
}
.swatch__list--limit[data-limit="30"] .swatch__list--item:nth-child(n+30) {
display: none;
}
.swatch__list--limit[data-limit="31"] .swatch__list--item:nth-child(n+31) {
display: none;
}
.swatch__list--limit[data-limit="32"] .swatch__list--item:nth-child(n+32) {
display: none;
}
.swatch__list--limit[data-limit="33"] .swatch__list--item:nth-child(n+33) {
display: none;
}
.swatch__list--limit[data-limit="34"] .swatch__list--item:nth-child(n+34) {
display: none;
}
.swatch__list--limit[data-limit="35"] .swatch__list--item:nth-child(n+35) {
display: none;
}
.swatch__list--limit[data-limit="36"] .swatch__list--item:nth-child(n+36) {
display: none;
}
.swatch__list--limit[data-limit="37"] .swatch__list--item:nth-child(n+37) {
display: none;
}
.swatch__list--limit[data-limit="38"] .swatch__list--item:nth-child(n+38) {
display: none;
}
.swatch__list--limit[data-limit="39"] .swatch__list--item:nth-child(n+39) {
display: none;
}
.swatch__list--limit[data-limit="40"] .swatch__list--item:nth-child(n+40) {
display: none;
}
.swatch__list--limit[data-limit="41"] .swatch__list--item:nth-child(n+41) {
display: none;
}
.swatch__list--limit[data-limit="42"] .swatch__list--item:nth-child(n+42) {
display: none;
}
.swatch__list--limit[data-limit="43"] .swatch__list--item:nth-child(n+43) {
display: none;
}
.swatch__list--limit[data-limit="44"] .swatch__list--item:nth-child(n+44) {
display: none;
}
.swatch__list--limit[data-limit="45"] .swatch__list--item:nth-child(n+45) {
display: none;
}
.swatch__list--limit[data-limit="46"] .swatch__list--item:nth-child(n+46) {
display: none;
}
.swatch__list--limit[data-limit="47"] .swatch__list--item:nth-child(n+47) {
display: none;
}
.swatch__list--limit[data-limit="48"] .swatch__list--item:nth-child(n+48) {
display: none;
}
.swatch__list--limit[data-limit="49"] .swatch__list--item:nth-child(n+49) {
display: none;
}
.swatch__list--limit[data-limit="50"] .swatch__list--item:nth-child(n+50) {
display: none;
}
@media (min-width: 375px) {
#nt_cart_canvas, #nt_login_canvas, #nt_menu_canvas, #nt_search_canvas {
width: 320px
}
#nt_menu_canvas > i {
left: 320px;
}
}
/* end 375px */
@media (min-width: 768px) {
.p_group_btns {
right: 20px;
bottom: 12px;
}
.p_group_btns.nt_hide_2 {
pointer-events: none;
}
.round_cd_true .pr_deal_dt {
margin: 10px;
border-radius: 20px;
width: auto;
font-size: 14px;
}
.round_cd_false .pr_deal_dt {
width: auto;
font-size: 14px;
box-shadow: none;
margin: 0;
}
.mini_cart_footer p.fs__12 {
font-size: 13px;
}
#nt_cart_canvas, #nt_login_canvas, #nt_menu_canvas, #nt_search_canvas {
width: 340px
}
#nt_menu_canvas > i {
left: 340px;
}
#content_quickview .shahTheme-section-pr_summary {
padding: 30px 40px 30px 0;
}
.t4_compare_true #content_quickview .shahTheme-section-pr_summary {
padding: 30px 30px 30px 0;
}
.summary-inner.gecko-scroll-quick {
position: absolute;
top: 0;
right: 15px;
bottom: 0;
left: 15px;
width: auto;
}
.summary-inner.gecko-scroll-quick:before {
content: "";
position: absolute;
width: 100%;
height: 100%;
pointer-events: none;
right: 15px;
bottom: 0;
z-index: 1;
background: -webkit-gradient(linear, left top, left bottom, color-stop(94%, rgba(255, 255, 255, 0)), to(#fff));
background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 94%, #fff 100%);
background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 94%, #fff 100%);
}
.gecko-scroll-content-quick {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
overflow: auto;
overflow-x: hidden;
-webkit-overflow-scrolling: touch;
}
.threesixty .nav_bar {
bottom: 40px !important;
}
#nt_backtop {
right: 35px;
}
.pin__title:before, .pin__popup:before {
display: block;
}
.footer_collapse_true .nav_link_icon {
display: none
}
.mfp-wrap .pin_lazy_js .pin__popup {
width: 310px;
padding: 5px;
}
.mfp-wrap .pin__type_txt {
max-width: 400px;
}
}
/* end min 768px */
@media (min-width: 1025px) {
.shahTheme_toolbar {
display: none;
}
.css_ntbar::-webkit-scrollbar,
.css_scrollbar .fixcl-scroll .fixcl-scroll-content::-webkit-scrollbar,
.css_scrollbar .gecko-scroll-content-quick::-webkit-scrollbar {
display: block;
}
.css_ntbar::-webkit-scrollbar,
.css_scrollbar .fixcl-scroll ::-webkit-scrollbar,
.css_scrollbar .gecko-scroll-quick ::-webkit-scrollbar {
width: 3px;
}
.css_ntbar::-webkit-scrollbar-track,
.css_scrollbar .fixcl-scroll ::-webkit-scrollbar-track,
.css_scrollbar .gecko-scroll-quick ::-webkit-scrollbar-track {
background-color: rgba(0, 0, 0, 0.15);
}
.css_ntbar::-webkit-scrollbar-thumb,
.css_scrollbar .fixcl-scroll ::-webkit-scrollbar-thumb,
.css_scrollbar .gecko-scroll-quick ::-webkit-scrollbar-thumb {
background-color: rgba(0, 0, 0, 0.25);
}
.nt_packery .product-attr {
display: none;
}
.nt_packery .product-inner {
overflow: hidden
}
.nt_packery .product-info {
transition: all .3s;
visibility: hidden;
z-index: 1;
background-color: rgba(0, 0, 0, 0.6);
background: -ms-linear-gradient(0deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 30%);
background: -o-linear-gradient(0deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 30%);
background: -moz-linear-gradient(0deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 30%);
background: -webkit-linear-gradient(0deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 30%);
background: linear-gradient(0deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
}
.nt_packery .product-title a {
color: #fff;
}
.nt_packery .price .cb,
.nt_packery .cg, .nt_packery .price, .nt_packery .price del {
color: rgba(255, 255, 255, .7);
}
.nt_packery .product-inner:hover .product-info {
opacity: 1;
visibility: visible;
}
.nt_packery .swatch__list--item {
border-color: #fff;
}
.footer_collapse_true .nav_link_icon {
display: none
}
.cat-shop .sub-menu {
display: block;
top: 100%;
left: 0;
z-index: 300;
width: 210px;
padding: 5px 0;
background-color: #fff;
-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .15);
box-shadow: 0 0 3px rgba(0, 0, 0, .15);
text-align: left;
max-height: 330px;
overflow-x: hidden;
overflow-y: auto;
-webkit-transform: translateY(15px) translateZ(0);
transform: translateY(15px) translateZ(0);
-webkit-transition: opacity .2s ease, visibility .2s ease, transform .2s ease;
transition: opacity .2s ease, visibility .2s ease, -webkit-transform .2s ease;
}
#cat_shahTheme .current_intent > .sub-menu,
#cat_shahTheme li:not(.idea_intent):hover > .sub-menu,
.clno-hovermq #cat_shahTheme .has-children > .sub-menu.child-open {
visibility: visible;
opacity: 1;
pointer-events: auto;
-webkit-transform: none;
transform: none;
}
.hidden_false .nt_svg_loader {
display: block
}
.hover_button .nt_add_qv, .hover_button .pr_atc {
padding: 0;
font-size: 14px;
margin: 5px 0;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%;
}
.hover_button .nt_add_qv i, .hover_button .pr_atc i {
position: absolute;
top: 0;
left: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
height: 100%;
color: #fff;
font-size: 20px;
-webkit-transition: opacity .15s ease, transform .25s ease;
transition: opacity .15s ease, transform .25s ease;
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
.hover_button .nt_add_qv:hover i, .hover_button .pr_atc:hover i {
-webkit-transform: translateY(0) translateZ(0);
transform: translateY(0) translateZ(0);
}
.hover_button .nt_add_qv > span, .hover_button .pr_atc > span {
display: block;
padding: 8px 34px;
-webkit-transition: transform .25s ease, opacity .15s ease;
transition: transform .25s ease, opacity .15s ease;
}
.hover_button .nt_add_qv:hover > span, .hover_button .pr_atc:hover > span {
-webkit-transform: translateY(-100%) translateZ(0);
transform: translateY(-100%) translateZ(0);
}
.hover_button .nt_add_qv:before, .hover_button .pr_atc:before {
display: none
}
#cat_shahTheme ul li a a {
padding: 10px
}
.des_header_7 .nt_fk_canvas {
left: 280px !important;
right: auto !important;
}
.des_header_7 .nt_fk_canvas:not(.act_opened) {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
box-shadow: none;
}
.des_header_7 .nt_mb_menu li.nt_opended > a,
.des_header_7 .nt_mb_menu li:active > a,
.des_header_7 .nt_mb_menu li > a:hover {
background-color: transparent;
}
.des_header_7 .nt_action .my-account ul {
left: -5px;
right: auto;
}
.des_header_7 .nt_currency ul {
left: -10px;
right: auto;
}
.nt_fk_full .js_prs_search > .col-auto,
.nt_fk_full .skeleton_wrap > .col-auto {
max-width: 200px;
min-width: 200px;
}
.nt_fk_full .mini_search_frm {
padding: 50px 65px 40px;
}
.nt_fk_full .mini_search_frm .close_pp {
font-size: 50px;
top: 0;
right: 0;
}
.nt_fk_full .mini_search_frm i.iccl.iccl-search {
font-size: 20px;
color: #222;
right: 30px;
position: absolute;
top: 15px;
}
.nt_fk_full .mini_search_frm .search_header__submit {
width: auto;
background-color: transparent !important;
}
#nt_search_canvas.nt_fk_full {
max-width: 90%;
margin: 30px auto;
}
#nt_search_canvas.nt_fk_full .skeleton_img {
width: 170px;
}
#nt_search_canvas.nt_fk_full .skeleton_txt2 {
margin: 0 auto;
}
.nt_fk_full .frm_search_input {
padding-left: 0;
}
#nt_search_canvas.nt_fk_full select {
height: 50px;
font-size: 15px;
min-width: 300px;
}
.nt_fk_full input.search_header__input:not([type="submit"]):not([type="checkbox"]) {
height: 50px;
font-size: 16px;
}
#nt_search_canvas.nt_fk_full .product_list_widget {
padding: 30px 20px;
}
}
/* end min 1025px */
@media (min-width: 1200px) {
}
/* end min 1200px */
@media (min-width: 1366px) {
.type_lookbook_img .pin__type .pin_tt.mfp_js {
display: none;
}
.pin__type .mfp-hide {
display: block !important;
}
}
/* end min 1366px */
html.hside_opened, body.pside_opened {
overflow: hidden !important;
}
.menu-item .cat_space_item {
padding-left: 0;
padding-right: 0;
margin-bottom: 0;
}
.menu-item.menu-item-cat ul {
padding: 15px;
border-bottom: 1px solid rgba(129, 129, 129, .2);
}
.menu-item.menu-item-cat .cat_space_item:not(:first-child) {
margin-top: 15px;
}
.menu-item.menu-item-cat .cat_grid_item__content {
border-radius: 5px;
}
@media (max-width: 1024px) {
.js_prs_search > * {
width: 100%;
}
.js_prs_search > * > .row {
padding: 15px 0;
margin: 0 -5px;
}
.js_prs_search > * > .row > .col-12 {
padding: 0 0 0 10px;
}
.js_prs_search > * > .row > .col-12:first-child {
min-width: 95px;
max-width: 95px;
padding-left: 0 !important;
}
.js_prs_search > * > .row > .col-12 + .col-12 {
max-width: calc(100% - 95px);
text-align: start;
}
.js_prs_search .img_fix_search img {
background-size: contain;
}
.js_prs_search > *:not(:last-child) {
border-bottom: 1px solid #f5f5f5;
}
.shahTheme_toolbar_true #nt_backtop,
.shahTheme_toolbar_true .popup_slpr_wrap {
bottom: 60px;
}
.shahTheme_toolbar_true {
padding-bottom: 55px;
}
.pr_grid_item .product-image .hover_button,
.pr_grid_item .product-image:hover .hover_button {
opacity: 1;
visibility: visible;
left: auto;
transform: none;
top: auto;
bottom: 10px;
right: 10px;
z-index: 20;
background: #fff;
box-shadow: 1px 1px 1px rgba(0, 0, 0, .1);
transition: all .3s ease;
border-radius: 35px;
padding: 0;
}
.hover_button .nt_add_qv, .hover_button .pr_atc {
font-size: 0;
margin: 0;
box-shadow: none;
padding: 10px;
}
.hover_button .nt_add_qv > span:not(.tt_txt), .hover_button .pr_atc > span:not(.tt_txt) {
display: none;
}
.hover_button .nt_add_qv i, .hover_button .pr_atc i {
font-size: 16px;
}
.nt_labels {
top: 10px;
right: 10px;
}
.product-image .nt_add_w, .product-image .nt_add_cp {
left: 10px;
top: 10px;
}
.product-image .nt_add_w > a,
.product-image .nt_add_cp > a {
opacity: 1;
visibility: visible;
font-size: 16px;
color: #222;
}
.product-image:hover a.db:before, .product-image:hover .product-attr {
opacity: 0;
visibility: hidden;
}
.sepr_deal_dt.pa.pe_none.op__0.l__0.r__0.b__0.donetmcd {
position: static;
transform: none;
-webkit-transform: none;
margin-top: 10px;
}
.sepr_coun_dt > span {
min-width: 40px;
min-height: 40px;
font-size: 14px;
line-height: 14px;
}
.sepr_coun_dt > span > span {
font-size: 12px;
}
}
/* end max 1024px */
@media (max-width: 767px) {
button.mfp-close {
position: absolute;
top: 0;
background-color: rgba(0, 0, 0, .4);
}
.pa_md .ins_content_wrap,
.pa_md .ins_content.b_type_4 > .ins_content_wrap {
box-shadow: none;
outline: none;
padding: 0;
margin-bottom: 25px;
background-color: transparent
}
.ins_content.b_type_4 > .ins_content_wrap {
max-width: 60%;
}
.nt_currency.curt4_fixed.cur_stt_2 {
display: none
}
}
/* end max 767px */
@media (max-width: 320px) {
.mini_search_frm {
padding: 15px 20px;
}
.frm_search_cat {
margin-bottom: 15px;
}
}
/* end max 320px */
.class_zoom {
-webkit-animation: zoom 20s;
animation: zoom 20s;
}
@-webkit-keyframes zoom {
from {
-webkit-transform: scale(1, 1)
}
to {
-webkit-transform: scale(1.3, 1.3)
}
}
@keyframes zoom {
from {
transform: scale(1, 1)
}
to {
transform: scale(1.3, 1.3)
}
}
/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */
/*
Styles for basic PhotoSwipe functionality (sliding area, open/close transitions)
*/
/* pswp = photoswipe */
.pswp {
display: none;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
overflow: hidden;
-ms-touch-action: none;
touch-action: none;
z-index: 15000000;
-webkit-text-size-adjust: 100%;
/* create separate layer, to avoid paint on window.onscroll in webkit/blink */
-webkit-backface-visibility: hidden;
outline: none;
}
.pswp * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.pswp img {
max-width: none;
}
/* style is added when JS option showHideOpacity is set to true */
.pswp--animate_opacity {
/* 0.001, because opacity:0 doesn't trigger Paint action, which causes lag at start of transition */
opacity: 0.001;
will-change: opacity;
/* for open/close transition */
-webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}
.pswp--open {
display: block;
}
.pswp--zoom-allowed .pswp__img {
cursor: zoom-in;
}
.pswp--zoomed-in .pswp__img {
cursor: grab;
}
.pswp--dragging .pswp__img {
cursor: grabbing;
}
/****************************************
* Background is added as a separate element.
* As animating opacity is much faster than animating rgba() background-color.
*******************************************************************************/
.pswp__bg {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #000;
opacity: 0;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-backface-visibility: hidden;
will-change: opacity;
}
.pswp__scroll-wrap {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: hidden;
}
.pswp__container,
.pswp__zoom-wrap {
-ms-touch-action: none;
touch-action: none;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
/* Prevent selection and tap highlights */
.pswp__container,
.pswp__img {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none;
}
.pswp__zoom-wrap {
position: absolute;
width: 100%;
-webkit-transform-origin: left top;
-ms-transform-origin: left top;
transform-origin: left top;
/* for open/close transition */
-webkit-transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
}
.pswp__bg {
will-change: opacity;
/* for open/close transition */
-webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}
.pswp--animated-in .pswp__bg,
.pswp--animated-in .pswp__zoom-wrap {
-webkit-transition: none;
transition: none;
}
.pswp__container,
.pswp__zoom-wrap {
-webkit-backface-visibility: hidden;
}
.pswp__item {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
overflow: hidden;
}
.pswp__img {
position: absolute;
width: auto;
height: auto;
top: 0;
left: 0;
}
/*******************************************************************************
* stretched thumbnail or div placeholder element (see below)
* style is added to avoid flickering in webkit/blink when layers overlap
*******************************************************************************/
.pswp__img--placeholder {
-webkit-backface-visibility: hidden;
}
/************************************************
* div element that matches size of large image
* large image loads on top of it
************************************************/
.pswp__img--placeholder--blank {
background: #222;
}
.pswp--ie .pswp__img {
width: 100% !important;
height: auto !important;
left: 0;
top: 0;
}
/**************************************************
* Error message appears when image is not loaded
* (JS option errorMsg controls markup)
***************************************************/
.pswp__error-msg {
position: absolute;
left: 0;
top: 50%;
width: 100%;
text-align: center;
font-size: 14px;
line-height: 16px;
margin-top: -8px;
color: #CCC;
}
.pswp__error-msg a {
color: #CCC;
text-decoration: underline;
}
/****************************************
* ! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license
* Contents:
* 1. Buttons
* 2. Share modal and links
* 3. Index indicator ("1 of X" counter)
* 4. Caption
* 5. Loading indicator
* 6. Additional styles (root element, top bar, idle state, hidden state, etc.)
************************************************************************************/
/****************************************
* 1. Buttons
* <button> css reset
****************************************/
.pswp__button {
width: 44px;
height: 44px;
position: relative;
background: none;
cursor: pointer;
overflow: visible;
-webkit-appearance: none;
display: block;
border: 0;
padding: 0;
margin: 0;
float: right;
opacity: 0.75;
-webkit-transition: opacity 0.2s;
transition: opacity 0.2s;
-webkit-box-shadow: none;
box-shadow: none;
}
.pswp__button:focus, .pswp__button:hover {
opacity: 1;
}
.pswp__button:active {
outline: none;
opacity: 0.9;
}
.pswp__button::-moz-focus-inner {
padding: 0;
border: 0;
}
/* pswp__ui--over-close class it added when mouse is over element that should close gallery */
.pswp__ui--over-close .pswp__button--close {
opacity: 1;
}
.pswp__button,
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
background: url(../images/default-skin.png) 0 0 no-repeat;
background-size: 264px 88px;
width: 44px;
height: 44px;
}
@media (-webkit-min-device-pixel-ratio: 1.1), (-webkit-min-device-pixel-ratio: 1.09375), (min-resolution: 105dpi), (min-resolution: 1.1dppx) {
/* Serve SVG sprite if browser supports SVG and resolution is more than 105dpi */
.pswp--svg .pswp__button,
.pswp--svg .pswp__button--arrow--left:before,
.pswp--svg .pswp__button--arrow--right:before {
background-image: url(../images/svg/default-skin.svg);
}
.pswp--svg .pswp__button--arrow--left,
.pswp--svg .pswp__button--arrow--right {
background: none;
}
}
.pswp__button--close {
background-position: 0 -44px;
}
.pswp__button--share {
background-position: -44px -44px;
}
.pswp__button--fs {
display: none;
}
.pswp--supports-fs .pswp__button--fs {
display: block;
}
.pswp--fs .pswp__button--fs {
background-position: -44px 0;
}
.pswp__button--zoom {
display: none;
background-position: -88px 0;
}
.pswp--zoom-allowed .pswp__button--zoom {
display: block;
}
.pswp--zoomed-in .pswp__button--zoom {
background-position: -132px 0;
}
/****************************************
* no arrows on touch screens
****************************************/
.pswp--touch .pswp__button--arrow--left,
.pswp--touch .pswp__button--arrow--right {
visibility: hidden;
}
/*******************************************
* Arrow buttons hit area
* (icon is added to :before pseudo-element)
*********************************************/
.pswp__button--arrow--left,
.pswp__button--arrow--right {
background: none;
top: 50%;
margin-top: -50px;
width: 70px;
height: 100px;
position: absolute;
}
.pswp__button--arrow--left {
left: 0;
}
.pswp__button--arrow--right {
right: 0;
}
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
content: '';
top: 35px;
background-color: rgba(0, 0, 0, 0.3);
height: 30px;
width: 32px;
position: absolute;
}
.pswp__button--arrow--left:before {
left: 6px;
background-position: -138px -44px;
}
.pswp__button--arrow--right:before {
right: 6px;
background-position: -94px -44px;
}
/****************************************
* 2. Share modal/popup and links
****************************************/
.pswp__counter,
.pswp__share-modal {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.pswp__share-modal {
display: block;
background: rgba(0, 0, 0, 0.5);
width: 100%;
height: 100%;
top: 0;
left: 0;
padding: 10px;
position: absolute;
z-index: 1600;
opacity: 0;
-webkit-transition: opacity 0.25s ease-out;
transition: opacity 0.25s ease-out;
-webkit-backface-visibility: hidden;
will-change: opacity;
}
.pswp__share-modal--hidden {
display: none;
}
.pswp__share-tooltip {
z-index: 1620;
position: absolute;
background: #FFF;
top: 56px;
border-radius: 2px;
display: block;
width: auto;
right: 44px;
-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
-webkit-transform: translateY(6px);
-ms-transform: translateY(6px);
transform: translateY(6px);
-webkit-transition: -webkit-transform 0.25s;
transition: transform 0.25s;
-webkit-backface-visibility: hidden;
will-change: transform;
}
.pswp__share-tooltip a {
display: block;
padding: 8px 12px;
color: #000;
text-decoration: none;
font-size: 14px;
line-height: 18px;
}
.pswp__share-tooltip a:hover {
text-decoration: none;
color: #000;
}
.pswp__share-tooltip a:first-child {
/* round corners on the first/last list item */
border-radius: 2px 2px 0 0;
}
.pswp__share-tooltip a:last-child {
border-radius: 0 0 2px 2px;
}
.pswp__share-modal--fade-in {
opacity: 1;
}
.pswp__share-modal--fade-in .pswp__share-tooltip {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
/*************************************************
* increase size of share links on touch devices
*************************************************/
.pswp--touch .pswp__share-tooltip a {
padding: 16px 12px;
}
a.pswp__share--facebook:before {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
top: -12px;
right: 15px;
border: 6px solid transparent;
border-bottom-color: #ffffff;
pointer-events: none;
}
a.pswp__share--facebook:hover {
background: #3E5C9A;
color: #ffffff;
}
a.pswp__share--facebook:hover:before {
border-bottom-color: #3E5C9A;
}
a.pswp__share--twitter:hover {
background: #55ACEE;
color: #ffffff;
}
a.pswp__share--pinterest:hover {
background: #CE272D;
color: #ffffff;
}
a.pswp__share--download:hover {
background: #DDD;
}
/****************************************
* 3. Index indicator ("1 of X" counter)
****************************************/
.pswp__counter {
position: absolute;
left: 0;
top: 0;
height: 44px;
font-size: 13px;
line-height: 44px;
color: #ffffff;
opacity: 0.75;
padding: 0 10px;
}
/****************************************
* 4. Caption
***************************************/
.pswp__caption {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
min-height: 44px;
}
.pswp__caption small {
font-size: 11px;
color: #bbbbbb;
}
.pswp__caption__center {
text-align: center;
text-transform: capitalize;
max-width: 420px;
margin: 0 auto;
font-size: 13px;
padding: 10px;
line-height: 20px;
color: #cccccc;
}
.pswp__caption--empty {
display: none;
}
/********************************************************************
* Fake caption element, used to calculate height of next/prev image
********************************************************************/
.pswp__caption--fake {
visibility: hidden;
}
/******************************************************************************
* 5. Loading indicator (preloader)
* You can play with it here - http://codepen.io/dimsemenov/pen/yyBWoR
*******************************************************************************/
.pswp__preloader {
width: 44px;
height: 44px;
position: absolute;
top: 0;
left: 50%;
margin-left: -22px;
opacity: 0;
-webkit-transition: opacity 0.25s ease-out;
transition: opacity 0.25s ease-out;
will-change: opacity;
direction: ltr;
}
.pswp__preloader__icn {
width: 20px;
height: 20px;
margin: 12px;
}
.pswp__preloader--active {
opacity: 1;
}
.pswp__preloader--active .pswp__preloader__icn {
/* We use .gif in browsers that don't support CSS animation */
background: url(../images/preloader.gif) 0 0 no-repeat;
}
.pswp--css_animation .pswp__preloader--active {
opacity: 1;
}
.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
-webkit-animation: clockwise 500ms linear infinite;
animation: clockwise 500ms linear infinite;
}
.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
-webkit-animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite;
animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite;
}
.pswp--css_animation .pswp__preloader__icn {
background: none;
opacity: 0.75;
width: 14px;
height: 14px;
position: absolute;
left: 15px;
top: 15px;
margin: 0;
}
/***********************************************************************************************
* The idea of animating inner circle is based on Polymer ("material") loading indicator
* by Keanu Lee https://blog.keanulee.com/2014/10/20/the-tale-of-three-spinners.html
************************************************************************************************/
.pswp--css_animation .pswp__preloader__cut {
position: relative;
width: 7px;
height: 14px;
overflow: hidden;
}
.pswp--css_animation .pswp__preloader__donut {
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 14px;
height: 14px;
border: 2px solid #FFF;
border-radius: 50%;
border-left-color: transparent;
border-bottom-color: transparent;
position: absolute;
top: 0;
left: 0;
background: none;
margin: 0;
}
@media screen and (max-width: 1024px) {
.pswp__preloader {
position: relative;
left: auto;
top: auto;
margin: 0;
float: right;
}
}
@-webkit-keyframes clockwise {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes clockwise {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes donut-rotate {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
50% {
-webkit-transform: rotate(-140deg);
transform: rotate(-140deg);
}
100% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
}
@keyframes donut-rotate {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
50% {
-webkit-transform: rotate(-140deg);
transform: rotate(-140deg);
}
100% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
}
/****************************************
6. Additional styles
***************************************/
/* root element of UI */
.pswp__ui {
-webkit-font-smoothing: auto;
-moz-osx-font-smoothing: auto;
font-smooth: auto;
visibility: visible;
opacity: 1;
z-index: 1550;
}
/* top black bar with buttons and "1 of X" indicator */
.pswp__top-bar {
position: absolute;
left: 0;
top: 0;
height: 44px;
width: 100%;
}
.pswp__caption,
.pswp__top-bar,
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
-webkit-backface-visibility: hidden;
will-change: opacity;
-webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}
/* pswp--has_mouse class is added only when two subsequent mousemove events occur */
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
visibility: visible;
}
.pswp__top-bar,
.pswp__caption {
background-color: rgba(0, 0, 0, 0.5);
}
/* pswp__ui--fit class is added when main image "fits" between top bar and bottom bar (caption) */
.pswp__ui--fit .pswp__top-bar,
.pswp__ui--fit .pswp__caption {
background-color: rgba(0, 0, 0, 0.3);
}
/* pswp__ui--idle class is added when mouse isn't moving for several seconds (JS option timeToIdle) */
.pswp__ui--idle .pswp__top-bar {
opacity: 0;
}
.pswp__ui--idle .pswp__button--arrow--left,
.pswp__ui--idle .pswp__button--arrow--right {
opacity: 0;
}
/*
pswp__ui--hidden class is added when controls are hidden
e.g. when user taps to toggle visibility of controls
*/
.pswp__ui--hidden .pswp__top-bar,
.pswp__ui--hidden .pswp__caption,
.pswp__ui--hidden .pswp__button--arrow--left,
.pswp__ui--hidden .pswp__button--arrow--right {
/* Force paint & create composition layer for controls. */
opacity: 0.001;
}
/* pswp__ui--one-slide class is added when there is just one item in gallery */
.pswp__ui--one-slide .pswp__button--arrow--left,
.pswp__ui--one-slide .pswp__button--arrow--right,
.pswp__ui--one-slide .pswp__counter {
display: none;
}
.pswp__element--disabled {
display: none !important;
}
.pswp--minimal--dark .pswp__top-bar {
background: none;
}
.drift-bounding-box, .drift-zoom-pane {
position: absolute;
pointer-events: none;
}
.drift-bounding-box {
background: rgba(255, 255, 255, 0.25);
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.4) inset;
z-index: 500;
}
.drift-zoom-pane {
overflow: hidden;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.drift-zoom-pane {
background: #fff;
transform: translate3d(0, 0, 0);
z-index: 3;
box-shadow: 0 1px 5px rgba(127, 127, 127, 0.02), 0 5px 18px rgba(127, 127, 127, 0.2);
}
.drift-zoom-pane.drift-open {
display: block;
}
.dt_img_zoom .drift-zoom-pane {
height: 34.375rem;
width: 34.375rem;
left: 0;
}
.drift-loading .drift-zoom-pane-loader {
display: block;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 50px;
height: 50px;
background-size: 50px;
}
.drift-zoom-pane img {
position: absolute;
display: block;
max-width: none;
max-height: none;
object-fit: contain;
}
.drift-zoom-pane img {
top: 0;
left: 0;
}
.drift-zoom-pane.drift-opening {
animation: drift-fadeZoomIn 200ms cubic-bezier(0.4, 0, 0.2, 1)
}
.p-thumb .drift-zoom-pane.drift-opening {
animation: drift-fadeIn 200ms cubic-bezier(0.4, 0, 0.2, 1)
}
.drift-zoom-pane.drift-closing {
animation: drift-fadeZoomOut 150ms cubic-bezier(0, 0, 0.2, 1)
}
.p-thumb .drift-zoom-pane.drift-closing {
animation: drift-fadeOut 150ms cubic-bezier(0, 0, 0.2, 1)
}
@keyframes drift-fadeZoomIn {
0% {
transform: scale(0.8);
opacity: 0;
}
100% {
transform: scale(1);
opacity: 1;
}
}
@keyframes drift-fadeZoomOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes drift-fadeIn {
0% {
transform: scale(1);
opacity: 0;
}
100% {
transform: scale(1);
opacity: 1;
}
}
@keyframes drift-fadeOut {
0% {
transform: scale(1);
opacity: 1;
}
100% {
transform: scale(1);
opacity: 0;
}
}
.clhovermq .zoom_tp_1 .img_action_zoom .img_ptw {
cursor: crosshair;
}
.zoom_tp_2 .summary {
transition: opacity 0.2s ease;
}
.zoom_tp_2 .zoom_fade_if .summary {
margin-top: 0;
opacity: 0.3;
}
.zoom_tp_3 .drift-zoom-pane {
width: 240px;
height: 240px;
overflow: hidden;
border: 1px solid #ec0101;
border-radius: 50%;
box-shadow: 0 6px 18px rgba(0, 0, 0, 0.3);
}
.pswp__thumbnails {
position: absolute;
bottom: 0;
width: 100%;
margin: 0;
white-space: nowrap;
overflow: auto;
opacity: 0;
background: transparent;
transition: opacity 0.2s ease-out;
scroll-behavior: smooth;
-webkit-overflow-scrolling: touch;
text-align: center;
}
.pswp.pswp_pp_prs.pswp--animated-in .pswp__thumbnails {
opacity: 1;
}
.pswp_thumb_item {
min-width: 50px;
width: 50px;
margin: 5px;
border-radius: 2px;
overflow: hidden;
position: relative;
cursor: pointer;
display: inline-block
}
.pswp_thumb_item img {
width: 100%;
}
.pswp_thumb_item.pswp_tb_active {
box-shadow: 0 0 0 2px #ff4e00;
}
.pswp__caption {
opacity: 0;
}
@media screen and (min-width: 768px) {
.pswp__thumbnails {
width: auto;
top: 0;
bottom: 0;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
max-height: 100vh;
margin: 50px;
background: transparent;
overflow: visible;
}
.pswp__caption {
opacity: 1;
}
}
.pswp_tp_light .pswp__bg {
background: #fff;
}
.pswp_tp_light .pswp__img--placeholder--blank {
background-color: #f6f6f8;
}
.pswp_tp_light .pswp__button--arrow--left, .pswp_tp_light .pswp__button--arrow--right {
background: none !important;
}
.pswp_tp_light .pswp__button--arrow--left:before, .pswp_tp_light .pswp__button--arrow--right:before,
.pswp_tp_light .pswp__ui--fit .pswp__top-bar, .pswp__ui--fit .pswp__caption {
background-color: rgba(33, 43, 54, 0.9);
}
.pswp_tp_light .pswp_thumb_item.pswp_tb_active {
box-shadow: 0 0 0 2px #56cfe1;
}
.pswp_tp_light .pswp__caption__center {
color: #fff;
}
.ajax_pp_popup {
position: relative;
background: #fff;
max-width: 950px;
margin: 30px auto;
padding: 30px;
width: 100%;
}
.ajax_pp_popup.ask_ajax_pp_js {
max-width: 570px;
}
#content_quickview .extra-link {
display: none;
}
.ajax_pp_js.loading {
pointer-events: none;
}
.sizeguide_table td, .sizeguide_table tr {
transition: all .25s ease;
}
.sizeguide_table tr:hover {
background-color: #f6f6f8;
}
.sizeguide_table tr td:hover {
background-color: rgba(0, 0, 0, .06);
}
.style__simple .nt_lt_fake > i {
top: 10px;
right: 8px;
font-size: 20px;
color: #878787;
opacity: 1;
pointer-events: none;
-webkit-transition: transform 0.2s ease-in-out;
transition: transform 0.2s ease-in-out;
}
.pr_360_wrapper {
display: block;
position: relative;
max-width: 800px;
margin: 100px auto;
}
.group_table select.product-form_group_variants {
display: block;
margin: 0 auto 10px;
}
.threesixty {
position: relative;
overflow: hidden;
margin: 0 auto;
cursor: ew-resize;
width: 100% !important;
height: auto !important;
display: block;
padding-bottom: 75%;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
background-color: #fff;
}
.threesixty:active {
cursor: ew-resize;
}
.threesixty .threed-title {
position: relative;
padding-top: 20px;
z-index: 40;
text-align: center;
}
.threesixty .threesixty_imgs {
display: none;
list-style: none;
margin: 0;
padding: 0;
}
.threesixty .threesixty_imgs img {
position: absolute;
top: 0;
width: 100%;
height: auto;
}
.threesixty .threesixty_imgs img.previous-image {
visibility: hidden;
}
.threesixty .threesixty_imgs img.current-image {
visibility: visible;
}
.threesixty .spinner {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.threesixty .spinner > span {
width: 60px;
height: 60px;
line-height: 60px;
text-align: center;
display: block;
margin: 0 auto;
color: black;
font-weight: normal;
background: rgba(255, 255, 255, 0.7);
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.threesixty .spinner span {
line-height: 60px;
}
.threesixty .nav_bar {
position: absolute;
bottom: 5px;
left: 50%;
margin-left: -67.5px;
z-index: 11;
background-color: white;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
}
.threesixty .nav_bar .butn {
display: inline-block;
width: 45px;
height: 45px;
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
text-decoration: none;
cursor: pointer;
}
.threesixty .nav_bar .butn:hover {
background-color: #f9f9f9;
}
.threesixty .nav_bar .butn > span {
width: 24px;
height: 24px;
background: url("../images/svg/prev.svg");
}
.threesixty .nav_bar .butn .icon-play {
background: url("../images/svg/play.svg");
}
.threesixty .nav_bar .butn .icon-forward {
background: url("../images/svg/next.svg");
}
.threesixty .nav_bar .butn .icon-pause {
background: url("../images/svg/pause.svg");
}
.p_group_btns.nt_hide {
pointer-events: none;
}
.nt_mfp_360,
.p_group_btns.nt_hide,
.p_group_btns.nt_hide_2 > *:not(.pr__view-in-space) {
visibility: hidden;
opacity: 0;
transform: scale(0);
-webkit-transform: scale(0);
-ms-transform: scale(0);
-webkit-transition: all .25s ease-in-out;
transition: all .25s ease-in-out;
}
.nt_mfp_360.sh_ani_css {
opacity: 1;
visibility: visible;
transform: scale(1);
-webkit-transform: scale(1);
-ms-transform: scale(1);
}
img.zoomImg {
background-color: #fff
}
.btn_filter.opened > i:before {
font-family: 'Line Awesome Free', sans-serif;
font-weight: 900;
content: "\f00d";
}
#opennt_1904 ul,
#opennt_2808 ul {
position: static;
opacity: 1;
pointer-events: auto;
background-color: #fff;
padding: 0
}
#opennt_1904 a.currency-item,
#opennt_2808 a.lang-item {
padding: 10px 20px;
border-bottom: 1px solid #ddd;
}
#opennt_1904 a.currency-item:not(.selected),
#opennt_2808 a.lang-item:not(.selected) {
color: #222;
}
#opennt_1904 a.currency-item:hover, #opennt_1904 a.currency-item.selected,
#opennt_2808 a.lang-item:hover, #opennt_2808 a.lang-item.selected {
background-color: rgba(0, 0, 0, .04);
}
.flagst4.lazyloaded:before {
background-image: url(../images/currency_flags.png);
background-repeat: no-repeat;
border-radius: 0;
width: 30px;
height: 20px;
content: "";
vertical-align: middle;
margin-right: 5px;
display: inline-block;
overflow: hidden;
}
.languages .flagst4.lazyloaded:before {
display: none;
}
.flagst4-VND:before {
background-position: -125px -5px;
}
.flagst4-USD:before {
background-position: -365px -5px;
}
.flagst4-AUD:before {
background-position: -285px -455px;
}
.flagst4-GBP:before {
background-position: -405px -5px;
}
.flagst4-CAD:before {
background-position: -365px -395px;
}
.flagst4-DKK:before {
background-position: -205px -365px;
}
.flagst4-EUR:before {
background-position: -165px -485px;
}
.flagst4-HKD:before {
background-position: -485px -155px;
}
.flagst4-JPY:before {
background-position: -125px -275px;
}
.flagst4-NZD:before {
background-position: -365px -155px;
}
.flagst4-SGD:before {
background-position: -125px -95px;
}
.flagst4-sm.lazyloaded:before {
background-image: url(../images/currency_flags_sm.png);
width: 15px;
height: 10px;
}
.flagst4-sm.flagst4-VND:before {
background-position: -45px 0;
}
.flagst4-sm.flagst4-USD:before {
background-position: -75px -160px;
}
.flagst4-sm.flagst4-AUD:before {
background-position: -105px -150px;
}
.flagst4-sm.flagst4-GBP:before {
background-position: -150px 0;
}
.flagst4-sm.flagst4-CAD:before {
background-position: -135px -130px;
}
.flagst4-sm.flagst4-DKK:before {
background-position: -75px -120px;
}
.flagst4-sm.flagst4-EUR:before {
background-position: -60px -160px;
}
.flagst4-sm.flagst4-HKD:before {
background-position: -90px -170px;
}
.flagst4-sm.flagst4-JPY:before {
background-position: -45px -90px;
}
.flagst4-sm.flagst4-NZD:before {
background-position: -135px -50px;
}
.flagst4-sm.flagst4-SGD:before {
background-position: -45px -30px;
}
.country_user.flagst4:before {
margin-right: 0;
margin-left: 5px;
-ms-flex-order: 4;
order: 4;
}
.flagst4-VND:before,
.flagst4-USD:before,
.flagst4-AUD:before,
.flagst4-GBP:before,
.flagst4-CAD:before,
.flagst4-DKK:before,
.flagst4-EUR:before,
.flagst4-HKD:before,
.flagst4-JPY:before,
.flagst4-NZD:before,
.flagst4-SGD:before {
background-position: center !important;
width: 30px !important;
height: 22.5px !important;
}
.flagst4-sm.flagst4-VND:before,
.flagst4-sm.flagst4-USD:before,
.flagst4-sm.flagst4-AUD:before,
.flagst4-sm.flagst4-GBP:before,
.flagst4-sm.flagst4-CAD:before,
.flagst4-sm.flagst4-DKK:before,
.flagst4-sm.flagst4-EUR:before,
.flagst4-sm.flagst4-HKD:before,
.flagst4-sm.flagst4-JPY:before,
.flagst4-sm.flagst4-NZD:before,
.flagst4-sm.flagst4-SGD:before {
width: 16px !important;
height: 12px !important;
}
.flagst4-VND.lazyloaded:before {
background-image: url(../images/svg/vnd.svg);
}
.flagst4-USD.lazyloaded:before {
background-image: url(../images/svg/usd.svg);
}
.flagst4-AUD.lazyloaded:before {
background-image: url(../images/svg/aud.svg);
}
.flagst4-GBP.lazyloaded:before {
background-image: url(../images/svg/gbp.svg);
}
.flagst4-CAD.lazyloaded:before {
background-image: url(../images/svg/cad.svg);
}
.flagst4-DKK.lazyloaded:before {
background-image: url(../images/svg/dkk.svg);
}
.flagst4-EUR.lazyloaded:before {
background-image: url(../images/svg/eur.svg);
}
.flagst4-HKD.lazyloaded:before {
background-image: url(../images/svg/hkd.svg);
}
.flagst4-JPY.lazyloaded:before {
background-image: url(../images/svg/jpy.svg);
}
.flagst4-NZD.lazyloaded:before {
background-image: url(../images/svg/nzd.svg);
}
.flagst4-SGD.lazyloaded:before {
background-image: url(../images/svg/sgd.svg);
}
#ld_cl_bar, .ld_cart_bar, .ld_bar_search {
position: fixed;
top: 0;
left: 0;
height: 3px;
width: 0;
background: #00badb;
transition: width 0.25s ease-in-out;
z-index: 100000;
pointer-events: none;
opacity: 0
}
.ld_cart_bar, .ld_bar_search {
position: absolute;
z-index: 20;
}
.ld_bar_search {
bottom: 0;
top: auto;
}
#ld_cl_bar.on_star, .ld_cart_bar.on_star, .ld_bar_search.on_star {
width: 40%;
opacity: 1;
}
#ld_cl_bar:not(.on_star).on_60, .ld_cart_bar:not(.on_star).on_60 {
width: 60%;
opacity: 1;
}
#ld_cl_bar:not(.on_star).on_80, .ld_cart_bar:not(.on_star).on_80 {
width: 80%;
opacity: 1;
}
#ld_cl_bar:not(.on_star).on_90, .ld_cart_bar:not(.on_star).on_90 {
width: 90%;
opacity: 1;
}
#ld_cl_bar:not(.on_star).on_94, .ld_cart_bar:not(.on_star).on_94 {
width: 94%;
opacity: 1;
}
#ld_cl_bar.on_end, .ld_cart_bar.on_end, .ld_bar_search.on_end {
width: 100%;
}
.skeleton_img {
background: #e1e3e4;
padding-bottom: 100%;
width: 80px;
}
.skeleton_txt1, .skeleton_txt2 {
height: 10px;
width: 100%;
background: #e1e3e4;
margin-bottom: 8px;
}
.skeleton_txt2 {
width: 38%;
margin-bottom: 0;
}
@-webkit-keyframes shake {
from,
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
10%,
30%,
50%,
70%,
90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
20%,
40%,
60%,
80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
}
@keyframes shake {
from,
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
10%,
30%,
50%,
70%,
90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
20%,
40%,
60%,
80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
}
.shake {
-webkit-animation-name: shake;
animation-name: shake;
}
@-webkit-keyframes heartBeat {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
14% {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
28% {
-webkit-transform: scale(1);
transform: scale(1);
}
42% {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
70% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes heartBeat {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
14% {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
28% {
-webkit-transform: scale(1);
transform: scale(1);
}
42% {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
70% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
.heartBeat {
-webkit-animation-name: heartBeat;
animation-name: heartBeat;
-webkit-animation-duration: 1.3s;
animation-duration: 1.3s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
@-webkit-keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
@-webkit-keyframes flash {
from,
50%,
to {
opacity: 1;
}
25%,
75% {
opacity: 0;
}
}
@keyframes flash {
from,
50%,
to {
opacity: 1;
}
25%,
75% {
opacity: 0;
}
}
.flash {
-webkit-animation-name: flash;
animation-name: flash;
}
@-webkit-keyframes swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg);
}
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg);
}
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg);
}
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg);
}
to {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
}
}
@keyframes swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg);
}
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg);
}
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg);
}
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg);
}
to {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
}
}
.swing {
-webkit-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swing;
animation-name: swing;
}
@-webkit-keyframes tada {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
10%,
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
}
30%,
50%,
70%,
90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%,
60%,
80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes tada {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
10%,
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
}
30%,
50%,
70%,
90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%,
60%,
80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.tada {
-webkit-animation-name: tada;
animation-name: tada;
}
@keyframes bounce {
from,
20%,
53%,
80%,
to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
40%,
43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
}
90% {
-webkit-transform: translate3d(0, -4px, 0);
transform: translate3d(0, -4px, 0);
}
}
.bounce {
-webkit-animation-name: bounce;
animation-name: bounce;
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
}
.animated {
-webkit-animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-duration: 1s;
animation-fill-mode: both;
}
.popup-added_to_cart {
max-width: 450px;
width: 100%;
margin: 0 auto;
position: relative;
background-color: white;
border: 2px solid rgba(101, 101, 101, 0.25);
text-align: center;
overflow: hidden;
padding: 20px 40px 0 40px;
}
.popup-added_to_cart p {
font-size: 20px;
font-weight: 600;
color: #222;
text-transform: uppercase;
}
.popup-added_to_cart a {
margin-bottom: 20px;
margin-left: 10px;
margin-right: 10px;
}
.popup-added_to_cart:after {
position: absolute;
bottom: 20px;
right: -18px;
line-height: 110px;
z-index: 1;
font-size: 130px;
color: rgba(123, 123, 123, 0.1);
transform: rotate(-30deg);
-ms-transform: rotate(-30deg);
-moz-transform: rotate(-30deg);
-webkit-transform: rotate(-30deg);
-o-transform: rotate(-30deg);
content: "\f217";
font-family: 'Line Awesome Free', sans-serif;
font-weight: 900;
}
.popup-added_to_cart .close-popup {
color: #6d6d6d;
background-color: transparent;
padding: 0 0 1px 0;
border: none;
border-bottom: 1px solid #E6E6E6;
display: inline-block;
position: relative;
z-index: 2;
}
.popup-added_to_cart .close-popup:hover {
text-decoration: none;
border-color: #A6A6A6;
background-color: transparent;
}
.popup-added_to_cart .close-popup:focus {
border-color: #A6A6A6;
background-color: transparent;
}
.popup-added_to_cart .close-popup:hover {
color: black;
}
.popup-added_to_cart .view-cart {
padding-left: 40px;
padding-right: 40px;
position: relative;
z-index: 2;
}
/*******************************************************************
* ! nouislider
* Functional styling;
* These styles are required for noUiSlider to function.
* You don't need to change these rules to apply your design.
********************************************************************/
.noUi-target,
.noUi-target * {
-webkit-touch-callout: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-user-select: none;
-ms-touch-action: none;
touch-action: none;
-ms-user-select: none;
-moz-user-select: none;
user-select: none;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.noUi-target {
position: relative;
}
.noUi-base,
.noUi-connects {
width: 100%;
height: 100%;
position: relative;
z-index: 1;
}
/***********************
* Wrapper for all connect elements.
*********************************************/
.noUi-connects {
overflow: hidden;
z-index: 0;
}
.noUi-connect,
.noUi-origin {
will-change: transform;
position: absolute;
z-index: 1;
top: 0;
right: 0;
-ms-transform-origin: 0 0;
-webkit-transform-origin: 0 0;
-webkit-transform-style: preserve-3d;
transform-origin: 0 0;
transform-style: flat;
}
.noUi-connect {
height: 100%;
width: 100%;
}
.noUi-origin {
height: 10%;
width: 10%;
}
/***********************
* Offset direction
***********************/
.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin {
left: 0;
right: auto;
}
/*******************************************************************
* Give origins 0 height/width so they don't interfere with clicking the
* connect elements.
*****************************************************************************************/
.noUi-vertical .noUi-origin {
width: 0;
}
.noUi-horizontal .noUi-origin {
height: 0;
}
.noUi-handle {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
position: absolute;
}
.noUi-touch-area {
height: 100%;
width: 100%;
}
.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin {
-webkit-transition: transform 0.3s;
transition: transform 0.3s;
}
.noUi-state-drag * {
cursor: inherit !important;
}
/*********************************************
* Slider size and handle placement;
*********************************************/
.noUi-horizontal {
height: 18px;
}
.noUi-horizontal .noUi-handle {
width: 34px;
height: 28px;
right: -17px;
top: -6px;
}
.noUi-vertical {
width: 18px;
}
.noUi-vertical .noUi-handle {
width: 28px;
height: 34px;
right: -6px;
top: -17px;
}
.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle {
left: -17px;
right: auto;
}
/*****************************************************************************************
* Styling;
* Giving the connect element a border radius causes issues with using transform: scale
*****************************************************************************************/
.noUi-target {
background: #FAFAFA;
border-radius: 4px;
border: 1px solid #D3D3D3;
box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB;
}
.noUi-connects {
border-radius: 3px;
}
.noUi-connect {
background: #3FB8AF;
}
/**********************
* Handles and cursors
**********************/
.noUi-draggable {
cursor: ew-resize;
}
.noUi-vertical .noUi-draggable {
cursor: ns-resize;
}
.noUi-handle {
border: 1px solid #D9D9D9;
border-radius: 3px;
background: #FFF;
cursor: default;
box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB;
}
.noUi-active {
box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB;
}
/**********************
* Handle stripes
**********************/
.noUi-handle:before,
.noUi-handle:after {
content: "";
display: block;
position: absolute;
height: 14px;
width: 1px;
background: #E8E7E6;
left: 14px;
top: 6px;
}
.noUi-handle:after {
left: 17px;
}
.noUi-vertical .noUi-handle:before,
.noUi-vertical .noUi-handle:after {
width: 14px;
height: 1px;
left: 6px;
top: 14px;
}
.noUi-vertical .noUi-handle:after {
top: 17px;
}
/**********************
* Disabled state
/**********************/
[disabled] .noUi-connect {
background: #B8B8B8;
}
[disabled].noUi-target,
[disabled].noUi-handle,
[disabled] .noUi-handle {
cursor: not-allowed;
}
/**********************
* Base
**********************/
.noUi-pips,
.noUi-pips * {
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.noUi-pips {
position: absolute;
color: #999;
}
/* Values;
*
*/
.noUi-value {
position: absolute;
white-space: nowrap;
text-align: center;
}
.noUi-value-sub {
color: #ccc;
font-size: 10px;
}
/* Markings;
*
*/
.noUi-marker {
position: absolute;
background: #CCC;
}
.noUi-marker-sub {
background: #AAA;
}
.noUi-marker-large {
background: #AAA;
}
/* Horizontal layout;
*
*/
.noUi-pips-horizontal {
padding: 10px 0;
height: 80px;
top: 100%;
left: 0;
width: 100%;
}
.noUi-value-horizontal {
-webkit-transform: translate(-50%, 50%);
transform: translate(-50%, 50%);
}
.noUi-rtl .noUi-value-horizontal {
-webkit-transform: translate(50%, 50%);
transform: translate(50%, 50%);
}
.noUi-marker-horizontal.noUi-marker {
margin-left: -1px;
width: 2px;
height: 5px;
}
.noUi-marker-horizontal.noUi-marker-sub {
height: 10px;
}
.noUi-marker-horizontal.noUi-marker-large {
height: 15px;
}
/* Vertical layout;
*
*/
.noUi-pips-vertical {
padding: 0 10px;
height: 100%;
top: 0;
left: 100%;
}
.noUi-value-vertical {
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
padding-left: 25px;
}
.noUi-rtl .noUi-value-vertical {
-webkit-transform: translate(0, 50%);
transform: translate(0, 50%);
}
.noUi-marker-vertical.noUi-marker {
width: 5px;
height: 2px;
margin-top: -1px;
}
.noUi-marker-vertical.noUi-marker-sub {
width: 10px;
}
.noUi-marker-vertical.noUi-marker-large {
width: 15px;
}
.noUi-tooltip {
display: block;
position: absolute;
border: 1px solid #D9D9D9;
border-radius: 3px;
background: #fff;
color: #000;
padding: 5px;
text-align: center;
white-space: nowrap;
}
.noUi-horizontal .noUi-tooltip {
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0);
left: 50%;
bottom: 120%;
}
.noUi-vertical .noUi-tooltip {
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
top: 50%;
right: 120%;
}
.noUi-horizontal .noUi-origin > .noUi-tooltip {
-webkit-transform: translate(50%, 0);
transform: translate(50%, 0);
left: auto;
bottom: 10px;
}
.noUi-vertical .noUi-origin > .noUi-tooltip {
-webkit-transform: translate(0, -18px);
transform: translate(0, -18px);
top: auto;
right: 28px;
}
/* Only showing tooltips when sliding handles */
.noUi-tooltip {
display: none;
}
.price_steps_slider {
width: 100%;
margin-top: -1px;
height: 20px;
background-color: transparent;
border: 0;
box-shadow: none;
margin-bottom: 20px;
}
.noUi-connects {
border-radius: 0;
height: 2px;
background-color: #E7E7E7;
}
.noUi-connect {
height: 2px;
width: 100%;
background: #83b735;
}
.noUi-horizontal .noUi-handle {
width: 34px;
height: 28px;
right: -17px;
top: -11px;
outline: 0;
border: 0;
box-shadow: none;
border-radius: 0;
background-color: transparent;
cursor: ew-resize;
}
.noUi-handle:before, .noUi-handle:after {
background: #83b735;
top: 4px;
width: 2px;
height: 15px;
}
.noUi-handle:after {
left: 16px;
}
.brand_hover_1 .brand_item img.lazyloaded {
opacity: .5;
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
transition: filter .3s ease, opacity .3s ease, -webkit-filter .3s ease;
-webkit-animation: none !important;
animation: none !important;
}
.brand_hover_1 .brand_item:hover img.lazyloaded {
opacity: 1;
-webkit-filter: grayscale(0);
filter: grayscale(0);
}
.brand_hover_2 .brand_item:hover img {
-webkit-animation: bounceIn .5s ease;
-o-animation: bounceIn .5s ease;
animation: bounceIn .5s ease;
}
@-webkit-keyframes bounceIn {
from, 20%, 40%, 60%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(0.97, 0.97, 0.97);
transform: scale3d(0.97, 0.97, 0.97);
}
to {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes bounceIn {
from, 20%, 40%, 60%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(0.97, 0.97, 0.97);
transform: scale3d(0.97, 0.97, 0.97);
}
to {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.store-availability-small-text {
font-size: 13px
}
.store-availability-information {
display: flex;
margin-left: 5px;
}
.store-availability-information-container {
margin-left: 5px;
}
.store-availability-information__title {
margin-bottom: 0;
}
.store-availability-information__stock {
margin-bottom: 0;
}
.store-availability-information__button {
text-decoration: underline;
cursor: pointer;
border: none;
padding: 0;
background: transparent !important;
margin-top: 8px;
min-height: auto;
}
.store-availability-information__button:hover, .store-availability-information__button:focus {
color: initial;
opacity: .5
}
.store-availability-container .icon {
width: 12px;
height: 12px;
margin: 4px 4px 0 0;
}
.store-availability-container .icon-in-stock {
fill: #00730B;
}
.store-availability-container .icon-out-of-stock {
fill: #DD2200;
}
.store-availability-container svg path {
fill: context-fill;
stroke: context-stroke;
}
.store-availability-container .icon-close {
width: 18px;
height: 18px;
margin: 0;
}
.store-availability-container .store-availability-list__stock .icon {
margin: 0 2px 3px 0;
}
.store-availability-container .store-availability-list__confirm-address .icon-unverified-address {
margin: 0 0 3px 0;
}
.store-availability-container .store-availability-list__confirm-address .icon-unverified-address .icon-unverified-address__exclamation {
fill: #333232
}
.store-availability-container .store-availability-list__confirm-address .icon-unverified-address .icon-unverified-address__circle {
stroke: #333232;
fill: transparent;
}
.store-availabilities-modal {
z-index: 3;
width: 375px;
left: auto;
border: 1px solid #ebebeb;
box-sizing: border-box;
box-shadow: -4px 4px 6px rgba(58, 58, 58, 0.04);
}
.store-availabilities-modal--active {
display: flex;
flex-direction: column;
transform: translateY(0);
opacity: 1;
}
@media only screen and (max-width: 749px) {
.store-availabilities-modal--active {
width: 100%;
height: 100%;
overflow: hidden;
z-index: 9999;
}
}
.store-availabilities-modal__header {
display: flex;
justify-content: space-between;
margin: 16px 0 16px 0;
padding: 0 24px 0 24px;
}
.store-availabilities-modal__product-title {
font-size: 17px;
text-transform: none;
margin-bottom: 0;
letter-spacing: 0;
}
.store-availabilities-list {
overflow-y: auto;
padding: 0 20px 0 20px;
}
.store-availabilities-modal__close {
margin: -14px -14px 0 0;
padding: 14px;
align-self: start;
}
.store-availability-list__item {
padding-bottom: 16px;
list-style: none;
}
.store-availability-list__item:not(:first-child)::before {
content: "";
display: block;
margin: 0 0 16px 0;
border-bottom: 1px solid #ebebeb;
}
.store-availability-list__address {
font-size: 13px;
font-style: normal;
margin-bottom: 0;
}
.store-availability-list__location {
font-size: 15px;
margin-bottom: 8px;
}
.store-availability-list__stock {
margin-top: 8px;
margin-bottom: 16px;
}
.store-availabilities-list p:last-child,
.store-availability-list__phone {
margin-bottom: 0;
}
.nt_fk_canvas#store_availabilities_modal {
overflow-y: hidden;
}
.store-availability-information__title strong {
color: #222;
}
.open_ntqs .store_availabilities_modal, .open_ntqv .store_availabilities_modal {
pointer-events: auto;
}
.store-availabilities-modal__variant-title {
color: #878787;
text-transform: none;
}
@media (min-width: 375px) {
.store_availabilities_modal {
width: 320px;
}
}
@media (min-width: 768px) {
.store_availabilities_modal {
width: 340px;
}
}
/*************************************
* Heade banner
************************************/
.h__banner {
background-color: #e91e63;
min-height: 41px;
font-size: 12px;
}
.h_banner_wrap {
color: #ffffff;
}
.h_banner_wrap strong {
font-size: 14px;
font-weight: 600;
}
.h_banner_close:after, .h_banner_close:before {
content: "";
width: 7px;
height: 1px;
position: absolute;
left: 0;
top: 50%;
margin-top: -0.5px;
display: inline-block;
background-color: #fff;
-webkit-transition: background-color .2s ease-in-out, transform .2s ease-in-out;
-moz-transition: background-color .2s ease-in-out, transform .2s ease-in-out;
-o-transition: background-color .2s ease-in-out, transform .2s ease-in-out;
transition: background-color .2s ease-in-out, transform .2s ease-in-out;
}
.h_banner_close:hover:before, .show_icon_true .h_banner_close:before {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.h_banner_close:hover:after, .show_icon_true .h_banner_close:after {
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
}
.h_banner_close {
-webkit-transition: all .2s;
-moz-transition: all .2s;
-o-transition: all .2s;
transition: all .2s;
}
.h_banner_close:hover, .h_banner_close:focus {
opacity: 0.6;
}
.h__banner a:hover ~ .h_banner_wrap i.la-arrow-right {
-webkit-transform: translateX(.25rem);
transform: translateX(.25rem);
}
.h__banner a ~ .h_banner_wrap i {
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
transition-property: -webkit-transform, transform;
}
#shahTheme-section-header_banner {
transition: height .6s .25s;
-webkit-transition: height .6s .25s;
will-change: height;
}
body:not(.h_calc_ready) #shahTheme-section-header_banner {
position: absolute;
top: 0;
left: 0;
right: 0;
opacity: 0;
pointer-events: none;
}
.h_calc_ready #shahTheme-section-header_banner {
position: relative;
overflow: hidden;
height: 0;
}
/************************************
* head currency
************************************/
.nt_currency ul {
min-width: 100px;
right: -10px;
visibility: hidden;
z-index: 400;
-webkit-box-shadow: 0 1px 5px 2px rgba(0, 0, 0, .1);
box-shadow: 0 1px 5px 2px rgba(0, 0, 0, .1);
border-radius: 3px;
margin-top: 10px;
-webkit-transform: translateY(15px) translateZ(0);
transform: translateY(15px) translateZ(0);
transition: opacity .2s, visibility .2s, transform .2s, -webkit-transform .2s;
}
.nt_currency:hover ul {
pointer-events: auto;
visibility: visible;
opacity: 1;
-webkit-transform: none;
transform: none;
}
[class^=nt-currency-flag]::before {
background-image: url(../images/svg/usd.svg);
background-repeat: no-repeat;
border-radius: 0;
width: 30px;
height: 20px;
content: "";
vertical-align: middle;
margin-right: 5px;
display: inline-block;
overflow: hidden;
}
.nt_currency [class*=--w16-h-12]::before {
width: 16px;
height: 12px;
}
.nt_currency [class*=flag--usd]::before {
background-image: url(../images/svg/usd.svg);
}
.nt_currency [class*=flag--aud]::before {
background-image: url(../images/svg/aud.svg);
}
.nt_currency [class*=flag--cad]::before {
background-image: url(../images/svg/cad.svg);
}
.nt_currency [class*=flag--dkk]::before {
background-image: url(../images/svg/dkk.svg);
}
.nt_currency [class*=flag--eur]::before {
background-image: url(../images/svg/eur.svg);
}
.nt_currency [class*=flag--jpy]::before {
background-image: url(../images/svg/jpy.svg);
}
.nt_currency [class*=flag--gbp]::before {
background-image: url(../images/svg/gbp.svg);
}
.nt_currency [class*=flag--hkd]::before {
background-image: url(../images/svg/hkd.svg);
}
.nt_currency [class*=flag--nzd]::before {
background-image: url(../images/svg/nzd.svg);
}
.nt_currency [class*=flag--sgd]::before {
background-image: url(../images/svg/sgd.svg);
}
.header-text i {
font-size: 16px;
vertical-align: middle;
}
/**************************************************
* Mega menu
**************************************************/
.kl_menu,
.kl_menu ul {
list-style: none;
padding: 0;
margin: 0;
}
.kl_menu li {
font-size: 14px;
list-style: none;
position: relative;
}
.kl_menu > li > a {
font-weight: 400;
font-size: 14px;
height: 70px;
color: #222222;
padding-right: 17.5px;
padding-left: 17.5px;
}
.kl_menu .sub-menu {
display: none;
}
.nt_action > a, .nt_action > div {
padding: 0 6px;
}
.nt_action > a, .nt_action > div > a {
color: #222;
}
.nt_action > a > i, .nt_action > div > a > i {
font-size: 22px;
line-height: 1;
}
.h_icon_iccl .icon_like .tcount,
.h_icon_pegk .icon_like .tcount,
.icon_like .tcount {
right: -6px;
}
.nt_action .tcount, .toolbar_count {
background-color: #000000;
color: #ffffff;
}
@media (min-width: 1025px) {
.kl-header__style-3 .col_group_btns {
min-width: 16.666667%;
}
.nt_action > a, .nt_action > div {
padding: 0 8px;
}
.h_icon_pegk .nt_action > a, .h_icon_pegk .nt_action > div {
padding: 0 6px;
}
}
.mask-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 400;
opacity: 0;
visibility: hidden;
pointer-events: auto;
background-color: rgba(0, 0, 0, .7);
transition: opacity .25s ease, visibility 0s ease .25s;
}
.mask_opened {
pointer-events: auto;
opacity: 1;
visibility: visible;
transition: opacity .25s ease, visibility 0s ease;
}
.nt_fk_canvas.act_opened {
-webkit-transform: none !important;
transform: none !important;
}
/**************************************************
* Head search
**************************************************/
.mini_search_frm {
padding: 30px 20px;
border-bottom: 1px solid rgba(129, 129, 129, .2);
}
input.search_header__input:not([type="submit"]):not([type="checkbox"]) {
padding: 0 50px 0 20px;
height: 40px;
width: 100%;
line-height: 18px;
color: #222;
border: 1px solid #e3e3e3;
border-radius: 30px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.search_header__submit {
position: absolute;
top: 0;
right: 2px;
bottom: 0;
padding: 0;
width: 50px;
border: none;
background-color: transparent;
color: #222;
font-size: 15px;
}
.search_header__prs {
padding: 10px 20px;
border-bottom: 1px solid rgba(129, 129, 129, .2);
box-shadow: 0 3px 10px 0 rgba(129, 129, 129, .2);
}
.widget .product_list_widget .product-title,
.widget .post_list_widget .article-title {
color: #222;
font-weight: 500;
line-height: 24px;
}
.widget .product_list_widget ins {
color: #ec0101;
text-decoration: none;
}
.widget_img_pr, .widget_img_ar {
min-width: 95px;
max-width: 95px;
padding-right: 0 !important;
}
.widget_if_pr, .widget_if_ar {
padding-left: 10px !important;
color: #878787;
}
#nt_search_canvas .product_list_widget {
padding: 20px;
}
.widget-title {
font-weight: 500;
}
.font-poppins {
font-family: Poppins, sans-serif;
}
.p_group_btns {
z-index: 4;
}
.col_thumb:hover > .p_group_btns {
z-index: 100;
}
/**************************************************
* labels
**************************************************/
.nt_labels {
opacity: 0;
visibility: hidden;
top: 15px;
right: 15px;
z-index: 4;
}
.nt_label {
background-color: #e5e5e5;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
z-index: 20;
height: 20px;
width: 30px;
font-size: 8px;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
#nt_search_canvas .onsale.nt_label, .product_list_widget .onsale.nt_label {
width: auto;
height: auto;
color: #fff;
display: inline-block;
padding: 2px 4px;
border-radius: 2px;
font-size: 10px;
margin: 5px;
}
.label_style_rounded .nt_label {
height: 30px;
width: 30px;
font-size: 8px;
border-radius: 50%;
}
.nt_label + .nt_label {
margin-top: 5px;
}
.nt_labels,
.product-image:hover .product-image-flip .back,
.product-image:hover a.db:before,
.product-image:hover a.wishlistadd,
.product-image:hover .nt_add_cp > a,
.product-image:hover a.nt_w_login,
.product-image:hover .product-attr {
opacity: .9;
visibility: visible;
-webkit-transition: opacity .3s ease-in-out;
-moz-transition: opacity .3s ease-in-out;
-o-transition: opacity .3s ease-in-out;
transition: opacity .3s ease-in-out;
}
@media (min-width: 1025px) {
.nt_label {
height: 25px;
width: 60px;
font-size: 14px;
}
.label_style_rounded .nt_label {
height: 45px;
width: 45px;
font-size: 14px;
}
}
@media (max-width: 1024px) {
.nt_labels {
top: 10px;
right: 10px;
}
}
/**************************************************
* Mini cart
**************************************************/
.nt_mini_cart .mini_cart_header .fwm {
font-weight: 500;
}
.nt_mini_cart .mini_cart_header {
padding: 5px 0 5px 20px;
border-bottom: 1px solid rgba(129, 129, 129, .2);
}
.nt_mini_cart .mini_cart_header > .close_pp {
width: 50px;
text-align: center;
height: 50px;
line-height: 50px;
}
.nt_mini_cart .widget-title {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
.nt_mini_cart .close_pp {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: 100%;
font-size: 40px;
cursor: pointer;
}
.nt_mini_cart .close_pp:hover {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
.nt_mini_cart .empty > i {
font-size: 55px
}
.nt_mini_cart .empty > i:after,
.empty_cart_page > i:after {
font-size: 22px;
line-height: 1;
left: 17px;
top: 50%;
margin-top: -5px;
position: absolute;
font-family: 'Line Awesome Free', sans-serif;
font-weight: 900;
content: "\f00d";
}
.empty_cart_page > i:after {
font-size: 35px;
left: 28px;
margin-top: -8px;
}
.mini_cart_footer .total {
margin-bottom: 4px;
color: #000;
font-size: 18px;
}
.mini_cart_footer {
padding: 20px;
}
.mini_cart_footer .button {
display: block;
text-transform: uppercase;
letter-spacing: 3px;
font-size: 11px;
width: 100%;
background-color: #f7f7f7;
border: 0;
color: #222;
}
.mini_cart_footer .button.btn-checkout {
background: #56cfe1;
color: #fff;
}
.mini_cart_footer .button:hover {
opacity: .8
}
.mini_cart_wrap {
display: flex;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
-ms-flex-align: stretch;
align-items: stretch;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: justify;
justify-content: space-between;
}
.mini_cart_footer {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
border-top: 1px solid rgba(129, 129, 129, .2);
box-shadow: 0 0 10px 0 rgba(129, 129, 129, .2);
}
.cookie-message {
padding: 10px 20px;
border-bottom: 1px solid rgba(129, 129, 129, .2);
color: #222;
}
.mini_cart_content .mini_cart_item {
padding: 20px;
border-bottom: 1px solid rgba(129, 129, 129, .2);
transition: background-color .3s ease;
}
.mini_cart_content .mini_cart_item:hover {
background-color: #F9F9F9;
}
.mini_cart_content .fixcl-scroll-content {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
-webkit-transition: opacity 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.45s, transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.45s;
transition: opacity 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.45s, transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.45s;
}
.mini_cart_content .mini_cart_note {
padding: 20px;
border-top: 1px solid rgba(129, 129, 129, .2);
}
.mini_cart_content .mini_cart_item:last-child {
border-bottom: 0;
}
.fixcl-scroll {
position: relative;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
overflow: hidden;
width: 100%;
height: 100%;
}
.fixcl-scroll .fixcl-scroll-content {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
overflow: auto;
overflow-x: hidden;
-webkit-overflow-scrolling: touch;
}
.mini_cart_footer {
opacity: 0;
-webkit-transform: translateY(45px);
transform: translateY(45px);
-webkit-transition: opacity 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition: opacity 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.act_opened .mini_cart_footer {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-transition: opacity 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.45s, transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.45s;
transition: opacity 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.45s, transform 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.45s;
}
.mini_cart_img {
width: 120px;
display: block;
margin-right: 20px;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
max-width: 100%;
}
.mini_cart_info {
-ms-flex: 1 1 auto;
flex: 1 1 auto;
max-width: 100%;
position: relative;
overflow: hidden;
}
.mini_cart_title {
font-size: 14px;
line-height: 20px;
color: #222;
display: block;
}
.mini_cart_meta {
font-size: 12px;
color: #999;
}
.cart_meta_price {
font-size: 14px;
color: #222;
}
.cart_meta_variant {
margin-bottom: 0;
}
.cart_unit_price {
font-size: 13px;
color: #878787;
}
.mini_cart_actions {
margin-top: 5px;
}
/*.mini_cart_actions .quantity {
min-width: 120px;
width: 120px;
height: 40px;
border: 1px solid #222;
text-align: center;
border-radius: 40px;
display: block;
margin-bottom: 15px;
}*/
.mini_cart_actions .quantity {
min-width: 120px;
width: 120px;
height: 40px;
border: 1.5px dashed #222;
text-align: center;
border-radius: 8px;
display: block;
margin-bottom: 10px;
}
.cart_ac_edit, .cart_ac_remove {
display: inline-block;
margin-right: 10px;
}
.cart_ac_edit svg, .cart_ac_remove svg {
width: 20px;
height: 20px;
stroke-width: 1.5;
}
.cart_dis_price + .cart_tot_price {
font-weight: 600;
}
.cart_threshold, .cart_countdown {
font-size: 13px;
padding: 8px 20px;
border-bottom: 1px solid rgba(129, 129, 129, .2);
box-shadow: 0 0 10px 0 rgba(129, 129, 129, .2);
color: #222;
line-height: normal;
}
#CartSpecialInstructions {
min-height: 100px;
color: #222;
padding: 8px 10px;
width: 100% !important;
}
.nt_mini_cart.loading .mini_cart_content {
background-repeat: no-repeat;
background-size: 50px;
background-position: center;
}
.nt_mini_cart.loading {
pointer-events: none
}
.nt_mini_cart.loading .fixcl-scroll-content {
opacity: 0;
-webkit-transform: translateY(45px);
transform: translateY(45px);
}
.fix_layout_mbt4 .mini_cart_wrap {
display: block;
overflow-y: auto;
overflow-x: hidden;
-webkit-overflow-scrolling: touch;
}
.fix_layout_mbt4 .fixcl-scroll {
height: auto;
}
.fix_layout_mbt4 .fixcl-scroll .fixcl-scroll-content {
position: static;
}
.open_ntqv .nt_fk_canvas, .open_ntqs .nt_fk_canvas {
pointer-events: none;
}
#nt_login_canvas .fixcl-scroll .fixcl-scroll-content {
padding: 20px;
}
#nt_login_canvas .nt_mini_cart {
position: absolute;
top: 0;
left: 0;
-webkit-transform: translateX(100%);
transform: translateX(100%);
width: 100%;
visibility: hidden;
pointer-events: none;
-webkit-transition: visibility 500ms cubic-bezier(0.23, 1, 0.32, 1), transform 500ms cubic-bezier(0.23, 1, 0.32, 1);
transition: visibility 500ms cubic-bezier(0.23, 1, 0.32, 1), transform 500ms cubic-bezier(0.23, 1, 0.32, 1);
}
.pside_opened #nt_login_canvas .nt_mini_cart.is_selected {
-webkit-transform: translateX(0);
transform: translateX(0);
pointer-events: auto;
visibility: visible
}
.has_ntcanvas .mfp-content {
overflow: hidden;
-webkit-overflow-scrolling: auto;
}
.nt_fk_canvas#nt_cart_canvas,
.nt_fk_canvas#nt_login_canvas,
.nt_fk_canvas#nt_search_canvas {
overflow-y: hidden
}
ul.nt_filter_styleck > li > a:before, .js_agree_ck + label:before, .css_agree_ck + label:before {
content: '';
display: inline-block;
margin-right: 10px;
width: 16px;
height: 16px;
min-width: 16px;
border: 1px solid #d4d6d8;
background: #fff;
box-shadow: 0 1px rgba(212, 214, 216, 0.4);
border-radius: 2px;
-webkit-appearance: none;
-webkit-transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, background 0.2s ease-in-out;
transition: border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, background 0.2s ease-in-out;
}
ul.nt_filter_styleck > li > a:before,
.nt_filter_color li .filter-swatch > span:after,
.js_agree_ck + label:before,
.css_agree_ck + label:before {
box-shadow: none;
background-size: cover;
background-repeat: no-repeat;
background-position: 50%;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.nt_filter_color li .filter-swatch > span {
position: relative;
}
.nt_filter_color li .filter-swatch > span:after {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
ul.nt_filter_styleck > li.active > a:before,
.nt_filter_color li.active .filter-swatch > span:after {
background-image: url(../images/filter_selected.svg);
background-size: 12px;
}
input[type="checkbox"].js_agree_ck,
input[type="checkbox"].css_agree_ck {
display: none
}
.js_agree_ck + label:before,
.css_agree_ck + label:before {
position: relative;
top: 3px;
}
.js_agree_ck ~ svg,
.css_agree_ck ~ svg {
display: block;
width: 12px;
height: 12px;
fill: #fff;
position: absolute;
top: 5px;
left: 2px;
pointer-events: none;
transform: scale(0);
-webkit-transform: scale(0);
-webkit-transition: all .25s ease-in-out;
transition: all .25s ease-in-out;
}
.js_agree_ck:checked ~ svg,
.css_agree_ck:checked ~ svg {
transform: scale(1);
-webkit-transform: scale(1);
}
.js_agree_ck:checked + label:before {
border-color: var(--main-color);
background-color: var(--main-color);
}
#shahTheme-section-cart_widget .mini_cart_tool {
transition: all .35s ease;
background-color: #f5f5f5;
}
#shahTheme-section-cart_widget .mini_cart_tool .tt_txt {
font-weight: 400
}
#shahTheme-section-cart_widget .btns_cart_1 .mini_cart_tool.mt__20 {
margin-top: 20px
}
.shahTheme-challenge__container #g-recaptcha > div {
text-align: center;
margin: 10px auto 30px;
}
.mini_cart_tool > div {
height: 40px;
line-height: 40px;
margin: 0 20px;
cursor: pointer;
color: #222;
text-align: center;
font-weight: 500;
border-left: 1px solid rgba(0, 0, 0, .09);
border-right: 1px solid rgba(0, 0, 0, .09);
-webkit-transition: background-color .3s;
transition: background-color .3s;
}
.btns_cart_1 .mini_cart_tool > div {
border: 0;
font-size: 25px;
display: inline-block;
margin: 16px 8px;
width: 50px;
line-height: 50px;
height: 50px;
border-radius: 50%;
box-shadow: 9px 5px 10px #DFE3EA, -5px -5px 10px #faffff;
-webkit-transition: all .25s ease-in-out;
transition: all .25s ease-in-out;
}
.mini_cart_footer .button {
transition: all .25s ease-in-out !important;
}
.mini_cart_tool > div:hover {
background-color: #F9F9F9;
box-shadow: inset 5px 5px 10px #DFE3EA, inset -5px -5px 10px #faffff;
}
.btns_cart_2 .mini_cart_tool > div:after {
content: '';
position: absolute;
bottom: 0;
left: 0;
right: 0;
display: block;
border-bottom: 1px solid rgba(0, 0, 0, 0.09);
}
.btns_cart_2 .mini_cart_tool > div:first-child:before {
content: '';
position: absolute;
top: -1px;
bottom: auto;
left: 0;
right: 0;
border-top: 2px dashed #999;
}
.mini_cart_note, .mini_cart_ship, .mini_cart_gift, .mini_cart_dis {
padding: 20px;
position: absolute;
bottom: 0;
left: 0;
right: 0;
background-color: #fff;
-webkit-transform: translateY(104%);
transform: translateY(104%);
-webkit-transition: transform 0.25s ease-in-out;
transition: transform 0.25s ease-in-out;
border-top: 1px solid rgba(129, 129, 129, .2);
box-shadow: 0 0 10px 0 rgba(129, 129, 129, .2);
overflow-y: auto;
overflow-x: hidden;
-webkit-overflow-scrolling: touch;
max-height: 100%;
}
.nt_mini_cart.ld_cart_tls .mini_cart_tool {
opacity: 0
}
.clno-touchevents .nt_fk_canvas.current_hover .ld_cart_tls .mini_cart_footer,
.nt_mini_cart.ld_cart_tls .mini_cart_footer {
opacity: 0;
-webkit-transform: translateY(45px);
transform: translateY(45px);
-webkit-transition: opacity .35s cubic-bezier(.25, .46, .45, .94), transform .35s cubic-bezier(.25, .46, .45, .94);
transition: opacity .35s cubic-bezier(.25, .46, .45, .94), transform .35s cubic-bezier(.25, .46, .45, .94);
}
.nt_mini_cart:before, .frm_cart_page:before {
content: '';
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
opacity: 0;
z-index: 4;
background-color: #fff;
pointer-events: none;
-webkit-transition: opacity 0.5s ease;
transition: opacity 0.5s ease;
}
.nt_mini_cart.ld_nt_cl:before,
.frm_cart_page.ld_nt_cl:before {
opacity: 0.4;
pointer-events: auto;
}
.nt_mini_cart > .is_nt_op {
z-index: 8;
opacity: 1;
pointer-events: auto;
-webkit-transform: none;
transform: none;
}
.nt_mini_cart #CartSpecialInstructions {
resize: none;
}
.mini_cart_note label {
color: #222;
font-size: 15px;
margin-top: 0;
font-weight: 500;
}
.mini_cart_ship input.button.btn_back,
.mini_cart_gift input.button.btn_back,
.mini_cart_note input.button.btn_back2,
.mini_cart_dis input.button.btn_back2 {
background-color: #fff;
color: #222;
border: 2px solid #222;
}
.mini_cart_gift svg {
margin: 0 auto;
width: 40px;
height: 40px;
color: #ec0101;
}
.gift_item_true .mini_cart_title,
.mini_cart_gift .js_addtc.loading {
pointer-events: none
}
.mini_cart_gift .button_primary,
.mini_cart_gift .gift_wrap_text .cd {
display: block
}
.gift_item_true .mini_cart_actions .quantity {
display: none;
}
.clno-touchevents .cart_pos_dropdown .cart_threshold {
background-color: #f5f5f5;
}
.mini_cart_footer > *:last-child {
margin-bottom: 0
}
.nt_fk_canvas#nt_cart_canvas,
.nt_fk_canvas#nt_login_canvas,
.nt_fk_canvas#nt_search_canvas {
overflow-y: hidden
}
.shipping_calculator h3,
.mini_cart_note label {
color: #222;
font-size: 15px;
margin-top: 0;
font-weight: 500;
font-family: Poppins, sans-serif;
}
.shipping_calculator select,
.shipping_calculator input[type=text] {
border-radius: 30px;
}
.shipping_calculator input.get_rates,
input.button.btn_back {
background-color: #56cfe1;
cursor: pointer;
border: 2px solid #56cfe1;
padding: 6px 35px;
color: #fff;
border-radius: 40px;
font-size: 14px;
font-weight: 600;
min-height: 40px;
width: 100%;
text-transform: uppercase;
transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
}
.shipping_calculator input.get_rates:hover,
input.button.btn_back:hover {
opacity: .8;
}
.mini_cart_ship input.button.btn_back,
.mini_cart_gift input.button.btn_back,
.mini_cart_note input.button.btn_back2,
.mini_cart_dis input.button.btn_back2 {
background-color: #fff;
color: #222;
border: 2px solid #222;
}
.mini_cart_note textarea::placeholder {
color: #222;
}
.mini_cart_gift svg {
margin: 0 auto;
width: 40px;
height: 40px;
color: #ec0101;
}
.gift_item_true .mini_cart_title,
.mini_cart_gift .js_addtc.loading {
pointer-events: none
}
.mini_cart_gift .button_primary,
.mini_cart_gift .gift_wrap_text .cd {
display: block
}
.gift_item_true .mini_cart_actions .quantity {
display: none;
}
.clno-touchevents .cart_pos_dropdown .cart_threshold {
background-color: #f5f5f5;
}
@media (min-width: 1025px) {
.css_ntbar::-webkit-scrollbar,
.css_scrollbar .fixcl-scroll .fixcl-scroll-content::-webkit-scrollbar,
.css_scrollbar .gecko-scroll-content-quick::-webkit-scrollbar {
display: block;
}
.css_ntbar::-webkit-scrollbar,
.css_scrollbar .fixcl-scroll ::-webkit-scrollbar,
.css_scrollbar .gecko-scroll-quick ::-webkit-scrollbar {
width: 6px;
}
.css_ntbar::-webkit-scrollbar-track,
.css_scrollbar .fixcl-scroll ::-webkit-scrollbar-track,
.css_scrollbar .gecko-scroll-quick ::-webkit-scrollbar-track {
background-color: rgba(0, 0, 0, 0.15);
}
.css_ntbar::-webkit-scrollbar-thumb,
.css_scrollbar .fixcl-scroll ::-webkit-scrollbar-thumb,
.css_scrollbar .gecko-scroll-quick ::-webkit-scrollbar-thumb {
background-color: rgb(0 177 184);
}
}
/**************************************************
* Quantity
**************************************************/
.quantity .tc button:hover {
color: var(--main-color);
}
.quantity input.input-text[type=number] {
background-color: #000
}
.ttip_nt .tt_txt {
opacity: 0;
position: absolute;
pointer-events: none
}
.variations_form .quantity.qty__false {
display: none !important
}
.quantity input.input-text[type="number"] {
-moz-appearance: textfield;
width: 35px;
border: 0;
height: 38px;
background: none;
padding: 0;
font-weight: 600;
font-size: 16px;
color: #222;
}
.content-quickview .quantity input.input-text[type="number"] {
width: 90px;
}
.quantity input.input-text[type="number"]:focus {
border-color: #222;
}
.quantity input::-webkit-outer-spin-button,
.quantity input::-webkit-inner-spin-button {
-webkit-appearance: none;
}
.quantity input[type="number"]:focus {
outline: none;
}
.quantity .tc a, .quantity .tc button {
top: 0;
width: 30px;
height: 40px;
line-height: 40px;
border: 0;
background: transparent;
}
.price, .price_range {
color: #696969;
margin: 0;
}
.price del, .price_range del {
color: #878787;
}
.price ins, .price_range ins {
color: #ec0101;
text-decoration: none;
margin-left: 6px;
}
.price__unit {
font-size: 12px;
}
.hover_button > a:after, .nt_add_w > a:after, .mail_agree:after, .js_frm_cart:after, .cart_ac_edit:after, .hotspot_ins:after, .js_add_group:after, .sticky_atc_js:after, .css_add_ld:after,
.on_list_view_true .pr_list_item .product-info__btns > a:after {
position: absolute;
top: 50%;
left: 50%;
margin-top: -9px;
margin-left: -9px;
opacity: 0;
-webkit-transition: opacity .2s ease;
transition: opacity .2s ease;
content: "";
display: inline-block;
width: 18px;
height: 18px;
border: 1px solid rgba(255, 255, 255, .3);
border-left-color: #fff;
border-radius: 50%;
vertical-align: middle;
}
.on_list_view_true .pr_list_item .product-info__btns > a:after, .sticky_atc_js:after {
border-left-color: currentColor;
}
.hover_button > a:not(:hover):after, .cart_ac_edit:after,
.hotspot_ins:not(:hover):after {
border-color: rgba(0, 0, 0, .3);
border-left-color: #fff
}
.hover_button > a.loading, .nt_add_w > a.loading, .mail_agree.loading, .js_frm_cart.loading,
.js_add_group.loading, .sticky_atc_js.loading, .css_add_ld.loading,
.on_list_view_true .pr_list_item .product-info__btns > a.loading {
pointer-events: none;
}
.hover_button > a.loading:after, .nt_add_w > a.loading:after, .mail_agree.loading:after, .js_frm_cart.loading:after, .cart_ac_edit.loading:after,
.hotspot_ins.loading:after, .js_add_group.loading:after, .sticky_atc_js.loading:after,
.css_add_ld.loading:after,
.on_list_view_true .pr_list_item .product-info__btns > a.loading:after {
opacity: 1;
-webkit-animation: spin 450ms infinite linear;
animation: spin 450ms infinite linear;
}
.hover_button > a.loading > *,
.nt_add_w > a.loading > *, .mail_agree.loading > span, .mail_agree.loading:before,
.js_frm_cart.loading > *, .cart_ac_edit.loading > *,
.hotspot_ins.loading > span,
.js_add_group.loading > *, .sticky_atc_js.loading > *, .css_add_ld.loading > span,
.on_list_view_true .pr_list_item .product-info__btns > a.loading > span {
opacity: 0
}
@-webkit-keyframes spin {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes spin {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
/**************************************************
* Tooltip
**************************************************/
.ttip_nt:before, .ttip_nt .tt_txt {
position: absolute;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
visibility: hidden;
opacity: 0;
z-index: 1000000;
pointer-events: none;
-webkit-transition: 0.3s ease;
-moz-transition: 0.3s ease;
transition: 0.3s ease;
-webkit-transition-delay: 0ms;
-moz-transition-delay: 0ms;
transition-delay: 0ms;
}
.ttip_nt:hover:before, .ttip_nt:hover .tt_txt {
visibility: visible;
opacity: 1;
}
.ttip_nt:hover:before, .ttip_nt:hover .tt_txt {
-webkit-transition-delay: 100ms;
-moz-transition-delay: 100ms;
transition-delay: 100ms;
}
.ttip_nt:before {
content: '';
position: absolute;
background: transparent;
border: 6px solid transparent;
z-index: 1000001;
}
.ttip_nt .tt_txt {
display: inline-block;
background: #383838;
color: white;
padding: 8px 10px;
font-size: 12px;
line-height: 12px;
white-space: nowrap;
}
.ttip_nt[aria-label] .tt_txt {
content: attr(aria-label);
}
.ttip_nt[data-hint] .tt_txt {
content: attr(data-hint);
}
[aria-label='']:before, [aria-label=''] .tt_txt,
[data-hint='']:before,
[data-hint=''] .tt_txt {
display: none !important;
}
/**
* Classes added:
* 1) tooltip_top
* 2) tooltip_bottom
* 3) tooltip_left
* 4) tooltip_right
*/
/**
* set default color for tooltip arrows
*/
body .tooltip_top_left:before {
border-top-color: #383838;
}
body .tooltip_top_right:before {
border-top-color: #383838;
}
.tooltip_top:before {
border-top-color: #383838;
}
body .tooltip_bottom_left:before {
border-bottom-color: #383838;
}
body .tooltip_bottom_right:before {
border-bottom-color: #383838;
}
.tooltip_bottom:before {
border-bottom-color: #383838;
}
body .tooltip_left:before {
border-left-color: #383838;
}
body .tooltip_right:before {
border-right-color: #383838;
}
/**
* top tooltip
*/
.tooltip_top:before,
.tooltip_top_right:before {
margin-bottom: -11px;
}
.tooltip_top:before, .tooltip_top .tt_txt,
.tooltip_top_right .tt_txt {
bottom: 100%;
left: 50%;
}
.tooltip_top:before,
.tooltip_top_right:before {
left: calc(50% - 6px);
}
.tooltip_top .tt_txt,
.tooltip_top_right .tt_txt {
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
transform: translateX(-50%);
}
.tooltip_top:hover:before,
.tooltip_top_right:hover:before {
-webkit-transform: translateY(-8px);
-moz-transform: translateY(-8px);
transform: translateY(-8px);
}
.tooltip_top:hover .tt_txt,
.tooltip_top_right:hover .tt_txt {
-webkit-transform: translateX(-50%) translateY(-8px);
-moz-transform: translateX(-50%) translateY(-8px);
transform: translateX(-50%) translateY(-8px);
}
.tooltip_top_right .tt_txt {
margin-left: 0;
}
/**
* bottom tooltip
*/
.tooltip_bottom:before {
margin-top: -11px;
}
.tooltip_bottom:before, .tooltip_bottom .tt_txt {
top: 100%;
left: 50%;
}
.tooltip_bottom:before {
left: calc(50% - 6px);
}
.tooltip_bottom .tt_txt {
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
transform: translateX(-50%);
}
.tooltip_bottom:hover:before {
-webkit-transform: translateY(8px);
-moz-transform: translateY(8px);
transform: translateY(8px);
}
.tooltip_bottom:hover .tt_txt {
-webkit-transform: translateX(-50%) translateY(8px);
-moz-transform: translateX(-50%) translateY(8px);
transform: translateX(-50%) translateY(8px);
}
/**
* right tooltip
*/
body .tooltip_right:before {
margin-left: -11px;
margin-bottom: -6px;
}
body .tooltip_right .tt_txt {
margin-bottom: -14px;
}
body .tooltip_right:before, body .tooltip_right .tt_txt {
left: 100%;
bottom: 50%;
}
body .tooltip_right:hover:before {
-webkit-transform: translateX(8px);
-moz-transform: translateX(8px);
transform: translateX(8px);
}
body .tooltip_right:hover .tt_txt {
-webkit-transform: translateX(8px);
-moz-transform: translateX(8px);
transform: translateX(8px);
}
/**
* left tooltip
*/
body .tooltip_left:before {
margin-right: -11px;
margin-bottom: -6px;
}
body .tooltip_left .tt_txt {
margin-bottom: -14px;
}
body .tooltip_left:before, body .tooltip_left .tt_txt {
right: 100%;
bottom: 50%;
}
body .tooltip_left:hover:before {
-webkit-transform: translateX(-8px);
-moz-transform: translateX(-8px);
transform: translateX(-8px);
}
body .tooltip_left:hover .tt_txt {
-webkit-transform: translateX(-8px);
-moz-transform: translateX(-8px);
transform: translateX(-8px);
}
/**
* top-left tooltip
*/
body .tooltip_top_left:before {
margin-bottom: -11px;
}
body .tooltip_top_left:before, body .tooltip_top_left .tt_txt {
bottom: 100%;
left: 50%;
}
body .tooltip_top_left:before {
left: calc(50% - 6px);
}
body .tooltip_top_left .tt_txt {
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
transform: translateX(-100%);
}
body .tooltip_top_left .tt_txt {
margin-left: 12px;
}
body .tooltip_top_left:hover:before {
-webkit-transform: translateY(-8px);
-moz-transform: translateY(-8px);
transform: translateY(-8px);
}
body .tooltip_top_left:hover .tt_txt {
-webkit-transform: translateX(-100%) translateY(-8px);
-moz-transform: translateX(-100%) translateY(-8px);
transform: translateX(-100%) translateY(-8px);
}
/**
* top-right tooltip
*/
body .tooltip_top_right:before {
margin-bottom: -11px;
}
body .tooltip_top_right:before, body .tooltip_top_right .tt_txt {
bottom: 100%;
left: 50%;
}
body .tooltip_top_right:before {
left: calc(50% - 6px);
}
body .tooltip_top_right .tt_txt {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
transform: translateX(0);
}
body .tooltip_top_right .tt_txt {
margin-left: -12px;
}
body .tooltip_top_right:hover:before {
-webkit-transform: translateY(-8px);
-moz-transform: translateY(-8px);
transform: translateY(-8px);
}
body .tooltip_top_right:hover .tt_txt {
-webkit-transform: translateY(-8px);
-moz-transform: translateY(-8px);
transform: translateY(-8px);
}
/**
* bottom-left tooltip
*/
body .tooltip_bottom_left:before {
margin-top: -11px;
}
body .tooltip_bottom_left:before, body .tooltip_bottom_left .tt_txt {
top: 100%;
left: 50%;
}
body .tooltip_bottom_left:before {
left: calc(50% - 6px);
}
body .tooltip_bottom_left .tt_txt {
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
transform: translateX(-100%);
}
body .tooltip_bottom_left .tt_txt {
margin-left: 12px;
}
body .tooltip_bottom_left:hover:before {
-webkit-transform: translateY(8px);
-moz-transform: translateY(8px);
transform: translateY(8px);
}
body .tooltip_bottom_left:hover .tt_txt {
-webkit-transform: translateX(-100%) translateY(8px);
-moz-transform: translateX(-100%) translateY(8px);
transform: translateX(-100%) translateY(8px);
}
/**
* bottom-right tooltip
*/
body .tooltip_bottom_right:before {
margin-top: -11px;
}
body .tooltip_bottom_right:before, body .tooltip_bottom_right .tt_txt {
top: 100%;
left: 50%;
}
body .tooltip_bottom_right:before {
left: calc(50% - 6px);
}
body .tooltip_bottom_right .tt_txt {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
transform: translateX(0);
}
body .tooltip_bottom_right .tt_txt {
margin-left: -12px;
}
body .tooltip_bottom_right:hover:before {
-webkit-transform: translateY(8px);
-moz-transform: translateY(8px);
transform: translateY(8px);
}
body .tooltip_bottom_right:hover .tt_txt {
-webkit-transform: translateY(8px);
-moz-transform: translateY(8px);
transform: translateY(8px);
}
/**************************************************
* grid instagram
**************************************************/
.shahTheme-instagram-grid {
display: block;
list-style: none;
margin: -1px;
font-size: 0;
line-height: 0;
}
.shahTheme-instagram-grid__elm {
display: inline-block;
width: 33.33333333%;
padding: 1px;
font-size: 0 !important;
line-height: 0 !important;
margin: 0 !important;
}
.shahTheme-instagram-grid__thumb-link::after {
content: '\f16d';
display: inline-block;
font-family: fashahTheme, sans-serif;
font-size: 20px;
line-height: 24px;
color: #ededed;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 24px;
height: 24px;
text-align: center;
position: absolute;
z-index: 10;
top: calc(50% - 12px);
left: calc(50% - 12px);
-webkit-transition: all .5s;
-moz-transition: all .5s;
-ms-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
opacity: 0;
visibility: hidden;
}
.shahTheme-instagram-grid__thumb-link::before {
content: '';
display: block;
background: rgba(0, 0, 0, .6);
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 5;
-webkit-transition: all .5s;
-moz-transition: all .5s;
-ms-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
opacity: 0;
visibility: hidden;
}
.shahTheme-instagram-grid__thumb-link img {
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-ms-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
display: inline-block;
z-index: 1;
}
.shahTheme-instagram-grid__thumb-link:hover::after,
.shahTheme-instagram-grid__thumb-link:hover::before {
opacity: 1;
visibility: visible;
}
.shahTheme-instagram-grid__thumb-link:hover img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.shahTheme-instagram-grid__thumb-link {
display: inline-block;
overflow: hidden;
position: relative;
}
/**************************************************
* Main slide
**************************************************/
.shahTheme-caption--midle-right,
.shahTheme-caption--midle-left {
top: 50%;
left: 39%;
transform: translate(-39%, -50%);
}
.shahTheme-caption-layout-01__subtitle {
font-family: Poppins, sans-serif;
font-size: 12px;
font-weight: 500;
color: #222222;
margin: 0 0 5px;
}
.shahTheme-caption-layout-01__title {
font-family: Poppins, sans-serif;
font-size: 25px;
font-weight: 600;
color: #222222;
margin: 0 0 11px;
}
.type_slideshow button.shahTheme-caption-layout-01__button.slt4_btn,
.type_slideshow a.shahTheme-caption-layout-01__button.slt4_btn {
min-height: 40px;
font-size: 14px;
color: #ffffff;
background-color: #222222;
border-color: #222222;
min-width: 150px;
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
}
.shahTheme-slide-element__pdb-600 {
padding-top: 250px;
}
@media (min-width: 768px) {
.shahTheme-caption--midle-left {
top: 50%;
left: 0;
right: auto;
transform: translate(0, -50%);
}
.shahTheme-caption--midle-right {
top: 50%;
right: 0;
left: auto;
transform: translate(0, -50%);
}
.shahTheme-caption-layout-01__subtitle {
font-size: 18px;
}
.shahTheme-caption-layout-01__title {
font-size: 55px;
}
.type_slideshow button.shahTheme-caption-layout-01__button.slt4_btn,
.type_slideshow a.shahTheme-caption-layout-01__button.slt4_btn {
font-weight: 600;
min-height: 40px;
font-size: 14px;
}
.shahTheme-slide-element__pdb-600 {
padding-top: 500px;
}
}
@media (min-width: 1025px) {
.shahTheme-slide-element__pdb-600 {
padding-top: 600px;
}
}
/**************************************************
* Quick shop
**************************************************/
.pt__127_6-percent,
.shahTheme-quick-shop .qs_img_i.nt_img_ratio {
padding-top: 127.6595745%;
}
.shahTheme-quick-view-tpl .sp-pr-gallery__img .nt_bg_lz,
.nt_carousel_qv.equal_nt.ratio_img1 .nt_bg_lz {
padding-top: 127.5862069%;
}
.nt_label, .nt_label.on, .qs_label.onsale {
background-color: #ff4e00;
}
/**************************************************
* Megamenu
**************************************************/
.megamenu-content-650px {
width: 650px !important;
}
.megamenu-content-950px {
width: 950px !important;
}
.megamenu-content-1000px {
width: 1000px !important;
}
.megamenu-content-1050px {
width: 1050px !important;
}
.megamenu-content-1100px {
width: 1100px !important;
}
.megamenu-content-1200px {
width: 1200px !important;
}
.megamenu-content-750px {
width: 750px;
}
.megamenu-content-700px {
width: 700px;
}
.lbc_nav.lb_menu_hot {
background-color: #ff3e11;
color: #fff;
}
.shahTheme-rating-result {
display: flex;
overflow: hidden;
justify-content: flex-start;
align-items: center;
}
.shahTheme-rating-result__pipe {
display: flex;
}
.shahTheme-rating-result__start {
display: inline-block;
background-image: url(../images/active-start.svg);
height: 13px;
width: 13px;
}
.shahTheme-rating-result__start--big {
height: 15px;
width: 15px;
background-size: contain;
}
.shahTheme-rating-result__start.active ~ .shahTheme-rating-result__start {
background-image: url(../images/deactive-start.svg);
}
.shahTheme-rating-result__start + .shahTheme-rating-result__start {
margin-inline-start: 2.5px;
}
.shahTheme-rating-result__number {
margin-inline-start: 10px;
}
@media (min-width: 1025px) {
.thumb_left .p-nav .flickity-slider,
.thumb_left .p-nav .flickity-viewport,
.thumb_right .p-nav .flickity-slider,
.thumb_right .p-nav .flickity-viewport {
-ms-transform: none !important;
transform: none !important;
overflow: visible !important;
height: auto !important;
}
}
.popup_prpr_wrap {
max-width: 950px;
margin: 30px auto;
padding: 30px;
}
/****************************
* fix bugs reports
*****************************/
.shahTheme-section-pr_summary .product_title {
font-size: 20px;
}
@media (min-width: 768px) {
.hermas__slide-01__space-03 {
height: 20px;
}
}
.hermas__slide-01__space-03 {
height: 10px;
}
/*********************************************************
* banner section
**********************************************************/
.shahTheme-handmade__grid-banner__container {
margin: 0 auto 50px;
}
.shahTheme-handmade__grid-banner__type-one .nt_promotion_html {
top: 50%;
width: 100%;
left: 50%;
transform: translate(-50%, -50%);
}
.shahTheme-handmade__grid-banner__type-one .nt_promotion_html,
.shahTheme-handmade__grid-banner__type-one .nt_promotion_html > *,
.shahTheme-handmade__grid-banner__type-one .nt_promotion_html .btn_icon_true:after {
color: #696969;
}
.shahTheme-handmade__grid-banner__type-one .nt_promotion > a:after {
background-color: #000000;
opacity: 0;
}
.shahTheme-handmade__grid-banner__type-one .nt_bg_lz {
padding-top: 47.29626808834729%;
}
.shahTheme-handmade__grid-banner__type-one .nt-banner-caption {
padding-left: 30px;
padding-right: 30px;
}
.shahTheme-handmade__grid-banner__type-two .nt_promotion_html {
top: 50%;
width: 100%;
left: 50%;
transform: translate(-50%, -50%);
}
.shahTheme-handmade__grid-banner__type-two .nt_promotion_html,
.shahTheme-handmade__grid-banner__type-two .nt_promotion_html > *,
.shahTheme-handmade__grid-banner__type-two .nt_promotion_html .btn_icon_true:after {
color: #696969;
}
.shahTheme-handmade__grid-banner__type-two .nt_promotion > a:after {
background-color: #000000;
opacity: 0;
}
.shahTheme-handmade__grid-banner__type-two .nt_bg_lz {
padding-top: 100%;
}
.shahTheme-handmade__grid-banner__type-two .nt_elm_fz_27 {
font-size: 27px;
}
.shahTheme-handmade__grid-banner__type-three .nt_promotion_html {
top: 97%;
left: 18%;
transform: translate(-18%, -97%);
}
.shahTheme-handmade__grid-banner__type-three .nt_promotion_html,
.shahTheme-handmade__grid-banner__type-three .nt_promotion_html > *,
.shahTheme-handmade__grid-banner__type-three .nt_promotion_html .btn_icon_true:after {
color: #696969;
}
.shahTheme-handmade__grid-banner__type-three .nt_promotion > a:after {
background-color: #000000;
opacity: 0;
}
.shahTheme-handmade__grid-banner__type-three .nt_bg_lz {
padding-top: 100%;
}
.shahTheme-handmade__grid-banner__type-three .nt_elm_fz-25 {
font-size: 25px;
margin-bottom: 0;
}
.shahTheme-handmade__grid-banner__type-four .nt_promotion_html {
top: 87%;
left: 11%;
transform: translate(-11%, -87%);
}
.shahTheme-handmade__grid-banner__type-four .nt_promotion_html,
.shahTheme-handmade__grid-banner__type-four .nt_promotion_html > *,
.shahTheme-handmade__grid-banner__type-four .nt_promotion_html .btn_icon_true:after {
color: #696969;
}
.shahTheme-handmade__grid-banner__type-four .nt_promotion > a:after {
background-color: #000000;
opacity: 0;
}
.shahTheme-handmade__grid-banner__type-four .nt_bg_lz {
padding-top: 100%;
}
.shahTheme-handmade__grid-banner__type-five .nt_promotion_html {
top: 86%;
left: 4%;
transform: translate(-4%, -86%);
}
.shahTheme-handmade__grid-banner__type-five .nt_promotion_html,
.shahTheme-handmade__grid-banner__type-five .nt_promotion_html > *,
.shahTheme-handmade__grid-banner__type-five .nt_promotion_html .btn_icon_true:after {
color: #696969;
}
.shahTheme-handmade__grid-banner__type-five .nt_promotion > a:after {
background-color: #000000;
opacity: 0;
}
.shahTheme-handmade__grid-banner__type-five .nt_bg_lz {
/*padding-top: 48.16568047337279%;*/
padding-top: 47.37%;
}
.shahTheme-handmade__grid-banner__type-six .nt_promotion_html {
top: 50%;
width: 100%;
left: 50%;
transform: translate(-50%, -50%);
}
.shahTheme-handmade__grid-banner__type-six .nt_promotion_html,
.shahTheme-handmade__grid-banner__type-six .nt_promotion_html > *,
.shahTheme-handmade__grid-banner__type-six .nt_promotion_html .btn_icon_true:after {
color: #696969;
}
.shahTheme-handmade__grid-banner__type-six .nt_promotion > a:after {
background-color: #000000;
opacity: 0;
}
.shahTheme-handmade__grid-banner__type-six .nt_bg_lz {
padding-top: 100%;
}
.shahTheme-handmade__grid-banner__type-six .nt-banner__icon {
color: #e3efec;
font-size: 50px;
}
/*********************************************
* full width banner
*********************************************/
.shahTheme-sport__full-width-banner {
margin: 50px auto;
}
.shahTheme-sport__full-width-banner__inner .nt_promotion > a:after {
background-color: #000000;
opacity: 0.1;
}
.shahTheme-sport__full-width-banner__inner .nt_promotion_html {
top: 50%;
left: 10%;
transform: translate(-10%, -50%);
}
.shahTheme-sport__full-width-banner__inner .mb_img_slide.nt_bg_lz {
padding-top: 133.3333333%;
}
@media (min-width: 768px) {
.shahTheme-sport__full-width-banner__inner .nt_promotion_html {
top: 50%;
width: auto;
left: 25%;
transform: translate(-25%, -50%);
right: auto;
}
.shahTheme-sport__full-width-banner__inner .dek_img_slide.nt_bg_lz {
padding-top: 29.32291666666667%;
}
}
.shahTheme-sport__full-width-banner__sup-title {
font-size: 14px;
font-weight: 500;
color: #000000;
background: #9fcc29;
display: inline-block;
padding: 5px;
}
@media (min-width: 768px) {
.shahTheme-sport__full-width-banner__sup-title {
font-size: 16px;
}
}
.shahTheme-sport__full-width-banner__br-01 {
height: 5px;
}
@media (min-width: 768px) {
.shahTheme-sport__full-width-banner__br-01 {
height: 10px;
}
}
.shahTheme-sport__full-width-banner__title--big {
font-size: 35px;
font-weight: 700;
color: #222;
}
@media (min-width: 768px) {
.shahTheme-sport__full-width-banner__title--big {
font-size: 70px;
}
}
.shahTheme-sport__full-width-banner__br-02 {
height: 4px;
}
@media (min-width: 768px) {
.shahTheme-sport__full-width-banner__br-02 {
height: 5px;
}
}
.shahTheme-sport__full-width-banner__sub-title {
font-size: 18px;
font-weight: 700;
color: #222;
}
@media (min-width: 768px) {
.shahTheme-sport__full-width-banner__sub-title {
font-size: 36px;
}
}
.shahTheme-sport__full-width-banner__br-03 {
height: 24px;
}
@media (min-width: 768px) {
.shahTheme-sport__full-width-banner__br-03 {
height: 32px;
}
}
.shahTheme-sport__full-width-banner__btn.button {
min-height: 40px;
font-size: 13px;
color: #ffffff;
background-color: #222222;
border-color: #222222;
}
.shahTheme-sport__full-width-banner__btn.button.btn_icon_true:after {
color: #ffffff;
}
@media (min-width: 768px) {
.shahTheme-sport__full-width-banner__btn.button {
font-weight: 500;
min-height: 40px;
font-size: 14px;
}
}
/*********************************************************
* full width banner section
**********************************************************/
.shahTheme-handmade__full-width-banner {
margin: 80px auto 50px;
}
.shahTheme-handmade__full-width-banner .nt_img_txt > a:after {
background-color: #000000;
opacity: 0;
}
.shahTheme-handmade__full-width-banner .pa_txts {
top: 50%;
left: 24%;
transform: translate(-24%, -50%);
}
.shahTheme-handmade__full-width-banner.se_height_cus_h .js_full_ht4 {
padding-top: 350px;
}
@media (min-width: 768px) {
.shahTheme-handmade__full-width-banner.se_height_cus_h .js_full_ht4 {
padding-top: 400px;
}
}
@media (min-width: 1025px) {
.shahTheme-handmade__full-width-banner.se_height_cus_h .js_full_ht4 {
padding-top: 400px;
}
}
.shahTheme-handmade__full-width-banner .nt_img_txt h3 {
font-size: 25px;
font-weight: 600;
color: #222222;
}
@media (min-width: 768px) {
.shahTheme-handmade__full-width-banner .nt_img_txt h3 {
font-size: 40px;
}
}
.shahTheme-handmade__full-width-banner__br {
height: 10px;
}
@media (min-width: 768px) {
.shahTheme-handmade__full-width-banner__br {
height: 20px;
}
}
.shahTheme-handmade__full-width-banner .imtt4_btn {
min-height: 40px;
font-size: 14px;
color: #ffffff;
background-color: #222222;
border-color: #222222;
}
.shahTheme-handmade__full-width-banner .imtt4_btn.btn_icon_true:after {
color: #ffffff;
}
@media (min-width: 768px) {
.shahTheme-handmade__full-width-banner .imtt4_btn {
font-weight: 500;
min-height: 40px;
font-size: 14px;
}
}
.shahTheme-handmade__full-width-banner__desc {
color: #6d6964;
}
/*********************************************************
* circular categories section
**********************************************************/
.shahTheme-handmade__circular-banners {
margin: 60px auto 50px;
}
.cat_design_5 .cat_grid_item__title,
.cat_design_8 .cat_grid_item__title {
letter-spacing: 0;
line-height: 1.428;
}
/***********************************
* footer
***********************************/
.footer__top a:hover {
color: #56cfe1;
}
.footer__top .signup-newsletter-form, .footer__top .signup-newsletter-form input.input-text {
background-color: transparent;
}
.footer__top .signup-newsletter-form input.input-text {
color: #878787;
}
.footer__top .signup-newsletter-form .submit-btn {
background-color: #222222;
}
.footer__top .widget-title {
color: #222222;
}
.footer__top a:not(:hover) {
color: #878787;
}
.footer__top .signup-newsletter-form {
border-color: #878787;
}
.footer__top .nt_bg_overlay:after {
background-color: #000000;
opacity: 0.0;
}
.footer__top_wrap {
background-color: #f6f6f8;
background-repeat: no-repeat;
background-size: cover;
background-attachment: scroll;
background-position: center center;
color: #878787;
}
@media (min-width: 1025px) {
.wrapper_boxed #nt_footer {
max-width: 1200px;
margin-left: auto;
margin-right: auto;
}
#nt_content {
z-index: 2;
}
#nt_content, .shahTheme_prefooter {
position: relative;
background-color: #fff;
}
#nt_footer {
position: fixed;
right: 0;
bottom: 0;
left: 0;
width: auto;
transition: all .25s ease;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-perspective: 800px;
perspective: 800px;
}
.browser-Safari #nt_footer {
opacity: 0;
}
.browser-Safari #nt_footer.visible_footer {
opacity: 1;
}
}
.cat_design_6 .cat_grid_item__wrapper, .cat_design_7 .cat_grid_item__wrapper {
background: rgb(0 177 184 / 90%);
color: #fff;
box-shadow: none;
}
.text-grey {
color: #989898 !important;
}
.h__banner {
background-color: #00b1b8;
min-height: 41px;
font-size: 12px;
}
.crt {
font-size: 16px !important;
}
/*-------------------Product View Adjustment ------------------*/
.hover_button {
max-width: 100%;
padding: 0 5px;
top: 86%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
/* z-index: 50;*/
z-index: 1;
white-space: nowrap;
opacity: 1;
visibility: visible;
}
/*.padding-top__133_333 {
padding-top: 0%;
padding-bottom: 110%;
}*/
/*.pr_grid_item .product-image:hover .hover_button {
opacity: 1;
visibility: visible;
top: 85%;
}*/
/*-------REF 616----------*/
.product-image {
border: 1px solid #ececec;
padding: 5px;
border-radius: 8px;
}
/*----------------------------------------*/
.max-width__200px {
max-width: 200px;
}
.product_padding_hr {
padding-top: 0%;
padding-bottom: 110%;
}
.cart_price {
font-weight: 600;
font-size: 16px;
color: #28a745;
display: inline-block;
}
.tij-cart-img {
border: 1px dashed#c7c7c759;
border-radius: 8px;
}
.cart-amount {
margin-left: -12px;
}
@media (max-width: 776px) {
.cart-amount {
margin-left: 0px;
display: none;
}
}
.cur-variant {
background: #363f49;
padding: 2px 6px;
color: #fff;
/* font-size: 12px;*/
font-weight: 400;
background: #00b1b8;
}
/*-----------------------------------------------------------
6. Preloader
-------------------------------------------------------------*/
.loader .app-body {
visibility: hidden;
padding: 15px !important;
overflow: hidden;
height: 0;
}
.app-body {
padding: 15px !important;
}
.loader .app-body.pb-0 {
padding-bottom: 0 !important;
}
.app-body.p-0 {
padding: 0 !important;
}
.loader.loaded .app-body {
visibility: visible;
overflow: visible;
height: 100%;
}
.preloader-div {
min-height: 200px;
position: relative;
}
.preloader::after {
position: absolute;
top: 0;
bottom: 4%;
right: 0;
left: 0;
content: " ";
display: block;
margin: auto;
height: 32px;
width: 32px;
box-sizing: border-box;
border: solid;
border-width: 4px;
border-radius: 50%;
border-top-color: rgba(0, 0, 0, 0.55);
border-bottom-color: rgba(0, 0, 0, 0.2);
border-right-color: rgba(0, 0, 0, 0.2);
border-left-color: rgba(0, 0, 0, 0.2);
animation: rotating 0.9s linear infinite;
}
.preloader.red::after {
border-top-color: red;
}
.preloader.blue::after {
border-top-color: blue;
}
.preloader.white::after {
border-top-color: white;
border-bottom-color: rgba(255, 255, 255, 0.55);
border-right-color: rgba(255, 255, 255, 0.55);
border-left-color: rgba(255, 255, 255, 0.55);
}
@keyframes rotating {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
.box {
position: relative;
width: 100%;
height: 8vh;
margin: 0px;
display: block;
background: transparent;
}
.box .lines {
position: absolute;
width: calc(100%);
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.box .line {
position: relative;
left: 0;
width: 100%;
margin: 0px 0 5px 0;
border-radius: 5px;
}
.box .line:nth-child(2n) {
height: calc(20% - 5px);
}
.box .line:nth-child(2n+1) {
height: calc(30% - 5px);
}
.box .s_shimmer {
background: rgba(0, 0, 0, 0.08);
}
.box.shimmer {
overflow: hidden;
}
.box.shimmer::after {
background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0));
animation: gradient 1600ms infinite;
animation-timing-function: cubic-bezier(0.38, 0.55, 0.34, 0.95);
content: "";
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
left: 0;
transform: translateX(-100%) rotate(0deg);
border-radius: 5px;
}
@keyframes gradient {
100% {
transform: translateX(100%) rotate(0deg);
}
}
.padding-top__100 {
padding-top: 105.66%;
padding-bottom: :100px;
}
.variations.style__circle .swatch.is-label .swatch_pr_item {
margin: 3px;
border-radius: 4px;
border: 1px solid #ddd;
padding: 5px 10px;
max-width: 100%;
}
.product-categories li.active a {
color: #00bcd4 !important;
}
.chk-form input:not([type="submit"]):not([type="checkbox"]), textarea, select {
border-radius: 4px;
border: 1px solid #e3e3e3;
}
.chk-form input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]), select {
height: 44px;
}
.checkout-payment__btn-place-order {
border-radius: 2px !important;
}
.req {
/* vertical-align: super; */
font-size: 16px;
color: #ed1c24;
}
.fail {
color: #dd0606;
}
.fail{
color : red !important;
}
.scs {
color : green;
}
.has-error input, .has-error select, .has-error textarea{
border: 1px dashed rgba(234, 15, 15, 1) !important;
}
#inputError, .inputError {
border: 1px dashed #e44143 !important;
}
.checkout-info i{
font-size: 24px;
vertical-align: middle;
/* color: #00b1b8;*/
}
.checkout-info {
padding: 15px 15px;
border: 1px dashed #dadada;
border-radius: 5px;
font-size: 16px !important;
margin-bottom: 25px;
}
.checkout-info-btn {
display: inline-block;
color: #00b1b8;
padding: 5px 0;
font-weight: 600;
}
.payment-note {
display: block;
/* line-height: 0px; */
font-size: 14px;
padding: 0;
margin: 12px 0 0 0;
}
label.payment_label {
font-size: 18px !important;
margin-bottom: 5px !important;
cursor: pointer;
}
tr.order-total {
border-top: 1px solid #d9d7d7;
}
.checkout-section__field label {
display: block;
font-weight: 600;
margin-bottom:3px;
font-size: 14px;
}
.final-order-details h5 {
/* display: inline-block;
background: #000;*/
font-size :17px;
}
.warning {
color: #ff9800 !important;
}
.order-gratitude {
text-align: center;
margin-bottom: 40px;
/* border-bottom: 1px solid #f6f6f8; */
/* border: 1px dashed#f5f5f5; */
}
.order-gratitude h2{
margin-bottom: 5px;
}
.order-gratitude h5{
margin-top: 0px;
color: #555;
}
#fullLoader {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 9999999;
background: #fff;
z-index: 9999999999999;
width: 100%;
height: 100%;
background: #1fadb3f7;
}
.loaderContent {
width: :400px;
height: 100px;
position: absolute;
top: 50%;
left: 50%;
margin-left: -35px;
}
.loaderContent h6{
color: #fff;
margin-left: -50px;
}
/*--------------------------*/
.text-black {
color: #222 !important;
}
.category_menu_image {
width: 25px;
border-radius: 50%;
}
.form-title-msg {
/* margin-left: 0; */
font-size: 14px;
color: #00b1b8;
/* font-weight: 400; */
/* padding: 0;*/
}
.big-login-prompt {
padding: 10px 15px;
font-size: 18px;
font-weight: 300;
border-radius:6px;
border: 1px dashed #00b1b8;
background: #f2fdfd;
color: #000;
}
.big-login-prompt a {
font-weight: 600;
color: #0ba3a9;
}
.smbtn {
font-size: 16px;
color: #00b1b8;
font-weight: 600;
/* border: 1px solid #00b1b8; */
/* padding: 5px; */
}
.smbtn i{
font-size: 22px;
vertical-align: middle;
}
.customer-title-chk {
font-size: 16px;
font-weight: 500;
}
label.address_label {
display: inline;
font-size: 16px !important;
margin-bottom: 5px !important;
cursor: pointer;
}
.no_bg_rl{
background: none !important;
}
.adr-dvdr{
display: block;
margin: 15px 0;
/* padding: 5px 0; */
border-bottom: 1px dashed #d5d5d5;
}
.adr-dvdr:last-of-type {
border-bottom: none;
margin-bottom: 0;
margin-top: 0;
}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
color: #cbcdcd;
opacity: 1; /* Firefox */
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
color: #cbcdcd;
}
::-ms-input-placeholder { /* Microsoft Edge */
color: #cbcdcd;
}
.block-close-btn {
vertical-align: middle;
right: 0;
position: absolute;
}
.block-close-btn i {
font-size: 34px ;
vertical-align: middle;
}
.order-widget {
border: 2px dashed#17b1b863;
padding: 15px;
background: #00b1be0d;
color: #6c6c6c;
border-radius: 6px;
}
.total {
margin-bottom: 8px;
color: #000;
font-size: 18px;
}
.standalone-cart .mini_cart_item:hover {
background-color: #f2fbfc;
}
.standalone-cart .mini_cart_item {
padding: 0px !important;
}
@media (max-width: 776px) {
.mob-email-block{
display: none !important;
}
}
.fs__8 {
font-size: 8px;
}
.fs__11 {
font-size: 11px;
}
.mb__2 {
margin-bottom: 2px;
}
.button.button_dark {
background-color: #000;
border-color: #000;
color: #fff;
}
.button.button_dark:hover, .button.button_dark:focus {
background-color: #222;
border-color: #222;
opacity: .8;
}