Files
wyczarujprezent.pl/themes/EZE-249/assets/css/custom.css
2024-10-28 22:14:22 +01:00

2660 lines
65 KiB
CSS

/*
* Custom code goes here.
* A template should always ship with an empty custom.css
*/
@font-face {
font-family: Poppins;
font-style: italic;
font-weight: 100;
src: local("Poppins Thin Italic"), local(Poppins-ThinItalic), url(//fonts.gstatic.com/s/poppins/v9/pxiAyp8kv8JHgFVrJJLmE0tMMPY.eot#) format("eot"), url(//fonts.gstatic.com/s/poppins/v9/pxiAyp8kv8JHgFVrJJLmE0tCMPI.woff2) format("woff2"), url(//fonts.gstatic.com/s/poppins/v9/pxiAyp8kv8JHgFVrJJLmE0tMMPQ.woff) format("woff")
}
@font-face {
font-family: Poppins;
font-style: italic;
font-weight: 200;
src: local("Poppins ExtraLight Italic"), local(Poppins-ExtraLightItalic), url(//fonts.gstatic.com/s/poppins/v9/pxiDyp8kv8JHgFVrJJLmv1pVGdeK.eot#) format("eot"), url(//fonts.gstatic.com/s/poppins/v9/pxiDyp8kv8JHgFVrJJLmv1pVF9eO.woff2) format("woff2"), url(//fonts.gstatic.com/s/poppins/v9/pxiDyp8kv8JHgFVrJJLmv1pVGdeI.woff) format("woff")
}
@font-face {
font-family: Poppins;
font-style: italic;
font-weight: 300;
src: local("Poppins Light Italic"), local(Poppins-LightItalic), url(//fonts.gstatic.com/s/poppins/v9/pxiDyp8kv8JHgFVrJJLm21lVGdeK.eot#) format("eot"), url(//fonts.gstatic.com/s/poppins/v9/pxiDyp8kv8JHgFVrJJLm21lVF9eO.woff2) format("woff2"), url(//fonts.gstatic.com/s/poppins/v9/pxiDyp8kv8JHgFVrJJLm21lVGdeI.woff) format("woff")
}
@font-face {
font-family: Poppins;
font-style: italic;
font-weight: 400;
src: local("Poppins Italic"), local(Poppins-Italic), url(//fonts.gstatic.com/s/poppins/v9/pxiGyp8kv8JHgFVrJJLufntE.eot#) format("eot"), url(//fonts.gstatic.com/s/poppins/v9/pxiGyp8kv8JHgFVrJJLucHtA.woff2) format("woff2"), url(//fonts.gstatic.com/s/poppins/v9/pxiGyp8kv8JHgFVrJJLufntG.woff) format("woff")
}
@font-face {
font-family: Poppins;
font-style: italic;
font-weight: 500;
src: local("Poppins Medium Italic"), local(Poppins-MediumItalic), url(//fonts.gstatic.com/s/poppins/v9/pxiDyp8kv8JHgFVrJJLmg1hVGdeK.eot#) format("eot"), url(//fonts.gstatic.com/s/poppins/v9/pxiDyp8kv8JHgFVrJJLmg1hVF9eO.woff2) format("woff2"), url(//fonts.gstatic.com/s/poppins/v9/pxiDyp8kv8JHgFVrJJLmg1hVGdeI.woff) format("woff")
}
@font-face {
font-family: Poppins;
font-style: italic;
font-weight: 600;
src: local("Poppins SemiBold Italic"), local(Poppins-SemiBoldItalic), url(//fonts.gstatic.com/s/poppins/v9/pxiDyp8kv8JHgFVrJJLmr19VGdeK.eot#) format("eot"), url(//fonts.gstatic.com/s/poppins/v9/pxiDyp8kv8JHgFVrJJLmr19VF9eO.woff2) format("woff2"), url(//fonts.gstatic.com/s/poppins/v9/pxiDyp8kv8JHgFVrJJLmr19VGdeI.woff) format("woff")
}
@font-face {
font-family: Poppins;
font-style: italic;
font-weight: 700;
src: local("Poppins Bold Italic"), local(Poppins-BoldItalic), url(//fonts.gstatic.com/s/poppins/v9/pxiDyp8kv8JHgFVrJJLmy15VGdeK.eot#) format("eot"), url(//fonts.gstatic.com/s/poppins/v9/pxiDyp8kv8JHgFVrJJLmy15VF9eO.woff2) format("woff2"), url(//fonts.gstatic.com/s/poppins/v9/pxiDyp8kv8JHgFVrJJLmy15VGdeI.woff) format("woff")
}
@font-face {
font-family: Poppins;
font-style: italic;
font-weight: 800;
src: local("Poppins ExtraBold Italic"), local(Poppins-ExtraBoldItalic), url(//fonts.gstatic.com/s/poppins/v9/pxiDyp8kv8JHgFVrJJLm111VGdeK.eot#) format("eot"), url(//fonts.gstatic.com/s/poppins/v9/pxiDyp8kv8JHgFVrJJLm111VF9eO.woff2) format("woff2"), url(//fonts.gstatic.com/s/poppins/v9/pxiDyp8kv8JHgFVrJJLm111VGdeI.woff) format("woff")
}
@font-face {
font-family: Poppins;
font-style: italic;
font-weight: 900;
src: local("Poppins Black Italic"), local(Poppins-BlackItalic), url(//fonts.gstatic.com/s/poppins/v9/pxiDyp8kv8JHgFVrJJLm81xVGdeK.eot#) format("eot"), url(//fonts.gstatic.com/s/poppins/v9/pxiDyp8kv8JHgFVrJJLm81xVF9eO.woff2) format("woff2"), url(//fonts.gstatic.com/s/poppins/v9/pxiDyp8kv8JHgFVrJJLm81xVGdeI.woff) format("woff")
}
@font-face {
font-family: Poppins;
font-style: normal;
font-weight: 100;
src: local("Poppins Thin"), local(Poppins-Thin), url(//fonts.gstatic.com/s/poppins/v9/pxiGyp8kv8JHgFVrLPTufntE.eot#) format("eot"), url(//fonts.gstatic.com/s/poppins/v9/pxiGyp8kv8JHgFVrLPTucHtA.woff2) format("woff2"), url(//fonts.gstatic.com/s/poppins/v9/pxiGyp8kv8JHgFVrLPTufntG.woff) format("woff")
}
@font-face {
font-family: Poppins;
font-style: normal;
font-weight: 200;
src: local("Poppins ExtraLight"), local(Poppins-ExtraLight), url(//fonts.gstatic.com/s/poppins/v9/pxiByp8kv8JHgFVrLFj_Z1JlEQ.eot#) format("eot"), url(//fonts.gstatic.com/s/poppins/v9/pxiByp8kv8JHgFVrLFj_Z1xlFQ.woff2) format("woff2"), url(//fonts.gstatic.com/s/poppins/v9/pxiByp8kv8JHgFVrLFj_Z1JlEw.woff) format("woff")
}
@font-face {
font-family: Poppins;
font-style: normal;
font-weight: 300;
src: local("Poppins Light"), local(Poppins-Light), url(//fonts.gstatic.com/s/poppins/v9/pxiByp8kv8JHgFVrLDz8Z1JlEQ.eot#) format("eot"), url(//fonts.gstatic.com/s/poppins/v9/pxiByp8kv8JHgFVrLDz8Z1xlFQ.woff2) format("woff2"), url(//fonts.gstatic.com/s/poppins/v9/pxiByp8kv8JHgFVrLDz8Z1JlEw.woff) format("woff")
}
@font-face {
font-family: Poppins;
font-style: normal;
font-weight: 400;
src: local("Poppins Regular"), local(Poppins-Regular), url(//fonts.gstatic.com/s/poppins/v9/pxiEyp8kv8JHgFVrJJnedg.eot#) format("eot"), url(//fonts.gstatic.com/s/poppins/v9/pxiEyp8kv8JHgFVrJJfecg.woff2) format("woff2"), url(//fonts.gstatic.com/s/poppins/v9/pxiEyp8kv8JHgFVrJJnedA.woff) format("woff")
}
@font-face {
font-family: Poppins;
font-style: normal;
font-weight: 500;
src: local("Poppins Medium"), local(Poppins-Medium), url(//fonts.gstatic.com/s/poppins/v9/pxiByp8kv8JHgFVrLGT9Z1JlEQ.eot#) format("eot"), url(//fonts.gstatic.com/s/poppins/v9/pxiByp8kv8JHgFVrLGT9Z1xlFQ.woff2) format("woff2"), url(//fonts.gstatic.com/s/poppins/v9/pxiByp8kv8JHgFVrLGT9Z1JlEw.woff) format("woff")
}
@font-face {
font-family: Poppins;
font-style: normal;
font-weight: 600;
src: local("Poppins SemiBold"), local(Poppins-SemiBold), url(//fonts.gstatic.com/s/poppins/v9/pxiByp8kv8JHgFVrLEj6Z1JlEQ.eot#) format("eot"), url(//fonts.gstatic.com/s/poppins/v9/pxiByp8kv8JHgFVrLEj6Z1xlFQ.woff2) format("woff2"), url(//fonts.gstatic.com/s/poppins/v9/pxiByp8kv8JHgFVrLEj6Z1JlEw.woff) format("woff")
}
@font-face {
font-family: Poppins;
font-style: normal;
font-weight: 700;
src: local("Poppins Bold"), local(Poppins-Bold), url(//fonts.gstatic.com/s/poppins/v9/pxiByp8kv8JHgFVrLCz7Z1JlEQ.eot#) format("eot"), url(//fonts.gstatic.com/s/poppins/v9/pxiByp8kv8JHgFVrLCz7Z1xlFQ.woff2) format("woff2"), url(//fonts.gstatic.com/s/poppins/v9/pxiByp8kv8JHgFVrLCz7Z1JlEw.woff) format("woff")
}
@font-face {
font-family: Poppins;
font-style: normal;
font-weight: 800;
src: local("Poppins ExtraBold"), local(Poppins-ExtraBold), url(//fonts.gstatic.com/s/poppins/v9/pxiByp8kv8JHgFVrLDD4Z1JlEQ.eot#) format("eot"), url(//fonts.gstatic.com/s/poppins/v9/pxiByp8kv8JHgFVrLDD4Z1xlFQ.woff2) format("woff2"), url(//fonts.gstatic.com/s/poppins/v9/pxiByp8kv8JHgFVrLDD4Z1JlEw.woff) format("woff")
}
@font-face {
font-family: Poppins;
font-style: normal;
font-weight: 900;
src: local("Poppins Black"), local(Poppins-Black), url(//fonts.gstatic.com/s/poppins/v9/pxiByp8kv8JHgFVrLBT5Z1JlEQ.eot#) format("eot"), url(//fonts.gstatic.com/s/poppins/v9/pxiByp8kv8JHgFVrLBT5Z1xlFQ.woff2) format("woff2"), url(//fonts.gstatic.com/s/poppins/v9/pxiByp8kv8JHgFVrLBT5Z1JlEw.woff) format("woff")
}
.images-container {
display: flex
}
.images-container .product-cover {
position: relative
}
.images-container .product-images {
flex-grow: 1;
flex-shrink: 0;
flex-basis: 15%;
opacity: 0;
position: relative
}
.images-container .product-images .swiper-container {
height: 100%;
max-height: 100%
}
.images-container .product-images .swiper-button-next,
.images-container .product-images .swiper-button-prev {
top: -32px;
left: 50%
}
.images-container .product-images .swiper-button-next {
top: auto;
bottom: -32px
}
.thumb-container img {
cursor: pointer;
background: #f8f8f8;
box-shadow: inset 0 0 0 1px transparent;
transition: all .3s ease-in-out
}
.thumb-container img.selected,
.thumb-container img:hover {
background: #fff;
box-shadow: inset 0 0 0 1px #000
}
.thumb-container img.selected {
pointer-events: none;
cursor: default
}
.layer {
position: absolute;
right: .71429rem;
cursor: pointer;
z-index: 6;
top: .71429rem
}
.layer i {
font-size: 1.85714rem;
line-height: 1
}
.layer:hover {
color: #282828
}
.product-details-top {
font-size: .85714rem
}
.product-details-top>div {
text-transform: uppercase;
margin-bottom: .71429rem;
color: #fff;
font-weight: 500;
letter-spacing: .2em
}
.product-details-top>div label {
color: #fff;
margin-right: .35714rem
}
.product-details-top>div span {
color: #fff
}
#product-card .product-name,
#quickview-product-card .product-name {
font: 300 2.42857rem/2.85714rem Helvetica Neue, Helvetica, Arial, sans-serif !important
}
@media (min-width:1200px) {
#product-card .product-name,
#quickview-product-card .product-name {
font-size: 2.85714rem
}
}
#product-card .product-prices,
#quickview-product-card .product-prices {
display: flex;
flex-direction: column;
align-items: flex-start
}
#product-card .product-prices .product-price-lg:not(.with-discount),
#quickview-product-card .product-prices .product-price-lg:not(.with-discount) {
padding-top: .07143rem;
padding-bottom: .92857rem
}
#product-card .product-prices .product-price-lg .tax-shipping-delivery-label .delivery-information,
#quickview-product-card .product-prices .product-price-lg .tax-shipping-delivery-label .delivery-information {
padding: 0 0 0 .14286rem
}
#product-card .product-prices .product-price-lg .tax-shipping-delivery-label .delivery-information:before,
#quickview-product-card .product-prices .product-price-lg .tax-shipping-delivery-label .delivery-information:before {
content: "-";
padding: 0 .14286rem 0 0
}
#product-card .product-prices .daydeal-box,
#quickview-product-card .product-prices .daydeal-box {
margin-top: 1.42857rem;
padding-left: 5.71429rem;
padding-right: 5.71429rem
}
#product-card .product-description-short,
#quickview-product-card .product-description-short {
font: 300 .92857rem/1.42857rem Helvetica Neue, Helvetica, Arial, sans-serif !important;
color: #8b8b8b
}
#product-card .variant-links .product-variants-item a:not(.color),
#product-card .variant-links .product-variants-item label:not(.color),
#quickview-product-card .variant-links .product-variants-item a:not(.color),
#quickview-product-card .variant-links .product-variants-item label:not(.color) {
width: auto;
height: auto;
font: 300 1.28571rem/1.42857rem Helvetica Neue, Helvetica, Arial, sans-serif !important;
border-radius: 0;
border: none
}
#product-card .social-sharing,
#quickview-product-card .social-sharing {
margin-top: 2.14286rem
}
@media (min-width:1200px) {
#product-card .social-sharing {
margin-top: 5rem
}
}
#quickview-product-card .product-prices .daydeal-box {
width: 100%;
padding-left: .71429rem;
padding-right: .71429rem
}
#quickview-product-card .qty {
max-width: 11.42857rem
}
#quickview-product-card .qty .input-group {
height: 5rem
}
#quickview-product-card .qty .form-control {
padding-left: 2.85714rem;
padding-right: 2.85714rem
}
#quickview-product-card .qty .input-group-btn-vertical .bootstrap-touchspin-up {
right: .35714rem
}
#quickview-product-card .qty .input-group-btn-vertical .bootstrap-touchspin-down {
left: .35714rem
}
#quickview-product-card .product-quantity .product-add-to-cart-wrapper {
flex-wrap: wrap
}
@media (min-width:992px) {
#quickview-product-card .product-quantity .product-add-to-cart-wrapper {
flex-wrap: nowrap
}
}
.product-quantity {
margin-bottom: 1.42857rem
}
.product-quantity .product-add-to-cart-wrapper {
display: flex;
flex-wrap: wrap
}
.product-quantity .product-add-to-cart-wrapper .qty {
max-width: 11.42857rem;
margin-bottom: .71429rem
}
.product-quantity .product-add-to-cart-wrapper .qty .input-group {
height: 70px;
}
.product-quantity .product-add-to-cart-wrapper .qty .form-control {
text-align: center;
color: #000;
font-weight: 500;
font-size: 1.28571rem;
padding-left: 2.85714rem;
padding-right: 2.85714rem
}
.product-quantity .product-add-to-cart-wrapper .qty .input-group-btn-vertical {
position: static
}
.product-quantity .product-add-to-cart-wrapper .qty .input-group-btn-vertical .bootstrap-touchspin-down,
.product-quantity .product-add-to-cart-wrapper .qty .input-group-btn-vertical .bootstrap-touchspin-up {
top: 50%;
transform: translateY(-50%);
font-size: 1.28571rem
}
.product-quantity .product-add-to-cart-wrapper .qty .input-group-btn-vertical .bootstrap-touchspin-up {
right: .35714rem;
left: auto
}
.product-quantity .product-add-to-cart-wrapper .qty .input-group-btn-vertical .bootstrap-touchspin-down {
left: .35714rem;
right: auto
}
@media (min-width:1200px) {
.product-quantity .product-add-to-cart-wrapper .qty {
max-width: 16.14286rem
}
.product-quantity .product-add-to-cart-wrapper .qty .input-group {
height: 6.71429rem
}
.product-quantity .product-add-to-cart-wrapper .qty .form-control {
padding-left: 4.28571rem;
padding-right: 4.28571rem
}
.product-quantity .product-add-to-cart-wrapper .qty .input-group-btn-vertical .bootstrap-touchspin-up {
right: 1.78571rem
}
.product-quantity .product-add-to-cart-wrapper .qty .input-group-btn-vertical .bootstrap-touchspin-down {
left: 1.78571rem
}
}
.product-quantity .product-add-to-cart-wrapper .add {
margin-bottom: .71429rem;
margin-left: -.07143rem
}
.product-quantity .product-add-to-cart-wrapper .add .add-to-cart {
font-size: 1.28571rem;
height: 100%
}
@media (min-width:576px) {
.product-quantity .product-add-to-cart-wrapper {
flex-wrap: nowrap
}
}
.product-additional-info .compare-button,
.product-additional-info .jx-wishlist-button {
display: inline-block;
position: relative;
font: 500 .92857rem/1.14286rem Helvetica Neue, Helvetica, Arial, sans-serif !important;
letter-spacing: .3em;
padding-left: 2.14286rem;
text-transform: uppercase;
margin-top: .71429rem
}
.product-additional-info .compare-button i,
.product-additional-info .jx-wishlist-button i {
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
font-size: 1.71429rem;
line-height: 1
}
.product-additional-info .compare-button+.jx-wishlist-button,
.product-additional-info .jx-wishlist-button+.compare-button {
margin-left: 2.14286rem
}
#product-availability .product-available {
color: #1cc97e
}
#product-availability .product-unavailable {
color: #832431
}
#product-availability .product-last-items {
color: #ffb400
}
.product-variants .product-variants-item {
margin-bottom: .92857rem
}
.product-variants .product-variants-item h3 {
font: 300 .92857rem/1.14286rem Helvetica Neue, Helvetica, Arial, sans-serif !important
}
.product-variants .custom-select {
width: 17.85714rem;
margin-bottom: .71429rem
}
.product-customization .product-customization-item {
margin-bottom: 0
}
.product-customization .product-customization-item textarea {
height: 6.28571rem
}
.social-sharing>ul>li>a i {
font-size: 1.28571rem;
line-height: 1
}
.social-sharing>ul>li>a span {
display: none
}
.social-sharing>ul>li:not(:last-child) {
margin-right: 1.42857rem
}
@media (min-width:1200px) {
.social-sharing>ul>li:not(:last-child) {
margin-right: 2.85714rem
}
}
.tabs.product-tabs .nav-tabs {
border: none
}
.tabs.product-tabs .nav-tabs .nav-item {
margin-bottom: 0
}
.tabs.product-tabs .nav-tabs .nav-link {
padding: 0;
border: none;
font-weight: 300;
font-size: 1.71429rem;
line-height: 1.25;
font-family: Helvetica Neue, Helvetica, Arial, sans-serif !important;
color: #000;
text-transform: uppercase;
letter-spacing: .15em
}
.tabs.product-tabs .nav-tabs .nav-link.active,
.tabs.product-tabs .nav-tabs .nav-link:hover {
color: #c83b4e
}
.tabs.product-tabs .nav-tabs .nav-link.active {
pointer-events: none;
cursor: default
}
@media (min-width:768px) {
.tabs.product-tabs .nav-tabs .nav-link {
position: relative;
font-size: 1.28571rem
}
.tabs.product-tabs .nav-tabs .nav-link:before {
position: absolute;
content: "";
top: 100%;
left: 0;
width: 100%;
height: .07143rem;
background: #000;
transition: all .3s ease-in-out;
opacity: 0
}
.tabs.product-tabs .nav-tabs .nav-link.active,
.tabs.product-tabs .nav-tabs .nav-link:hover {
color: #000
}
.tabs.product-tabs .nav-tabs .nav-link.active:before,
.tabs.product-tabs .nav-tabs .nav-link:hover:before {
opacity: 1
}
.tabs.product-tabs .nav-tabs .nav-link.active {
font-weight: 500
}
.tabs.product-tabs .nav-tabs .nav-item+.nav-item {
margin-left: 1.42857rem
}
}
@media (min-width:992px) {
.tabs.product-tabs .nav-tabs .nav-item+.nav-item {
margin-left: 2.14286rem
}
.tabs.product-tabs .nav-tabs .nav-link {
font-size: 1.42857rem
}
}
@media (min-width:1200px) {
.tabs.product-tabs .nav-tabs .nav-item+.nav-item {
margin-left: 2.85714rem
}
.tabs.product-tabs .nav-tabs .nav-link {
font-size: 1.42857rem;
letter-spacing: .2em
}
}
@media (min-width:1780px) {
.tabs.product-tabs .nav-tabs .nav-item+.nav-item {
margin-left: 5.35714rem
}
.tabs.product-tabs .nav-tabs .nav-link {
font-size: 1.71429rem
}
}
.tabs.product-tabs .tab-content {
background: #057176;
position: relative;
margin-top: 2.14286rem;
padding-top: 2.85714rem;
padding-bottom: 1.42857rem
}
.tabs.product-tabs .tab-content:after,
.tabs.product-tabs .tab-content:before {
position: absolute;
content: "";
background: #057176;
top: 0;
bottom: 0;
width: 714.28571rem;
z-index: -1
}
.tabs.product-tabs .tab-content:before {
right: 99%
}
.tabs.product-tabs .tab-content:after {
left: 99%
}
@media (min-width:768px) {
.tabs.product-tabs .tab-content {
padding-top: 4.28571rem;
padding-bottom: 4.28571rem
}
}
@media (min-width:1200px) {
.tabs.product-tabs .tab-content {
padding-top: 7.85714rem;
padding-bottom: 7.85714rem
}
}
.tabs.product-tabs .tab-pane .product-description h3 {
font: 500 1.28571rem/1.42857rem Helvetica Neue, Helvetica, Arial, sans-serif !important
}
.tabs.product-tabs .tab-pane .product-description p {
font: 300 .92857rem/1.71429rem Helvetica Neue, Helvetica, Arial, sans-serif !important
}
.tabs.product-tabs .tab-pane .product-description ul {
margin-bottom: 0
}
.tabs.product-tabs .tab-pane .product-description ul>li {
font: 300 .92857rem/1.71429rem Helvetica Neue, Helvetica, Arial, sans-serif !important
}
.tabs.product-tabs .tab-pane .product-description ul>li+li {
margin-top: .71429rem
}
.tabs.product-tabs .tab-pane .product-description .marker-list>li {
position: relative;
padding-left: 1rem
}
.tabs.product-tabs .tab-pane .product-description .marker-list>li:before {
position: absolute;
content: "";
width: .21429rem;
height: .21429rem;
border-radius: 50%;
background: #000;
left: 0;
top: .71429rem
}
.tabs.product-tabs .tab-pane .product-description *+h3 {
margin-top: 3.57143rem
}
.tabs.product-tabs .tab-pane .product-description .product-image-description>img {
border: .78571rem solid #fff;
max-width: 100%;
height: auto
}
@media (min-width:768px) {
.tabs.product-tabs .tab-pane .product-description .product-image-description>img {
border-width: 1.28571rem
}
}
@media (min-width:1200px) {
.tabs.product-tabs .tab-pane .product-description .product-image-description {
position: absolute;
bottom: -1.57143rem;
right: 0;
z-index: 3
}
.tabs.product-tabs .tab-pane .product-description .product-image-description>img {
border-width: 1.57143rem
}
}
@media (max-width:767.98px) {
.tabs.product-tabs .tab-pane {
display: block !important;
opacity: 1 !important;
padding: 0;
margin-bottom: 2.14286rem
}
.tabs.product-tabs .tab-pane>a {
display: inline-block;
font: 300 1.57143rem/1.85714rem Helvetica Neue, Helvetica, Arial, sans-serif !important;
color: #000;
text-transform: uppercase;
letter-spacing: .15em
}
.tabs.product-tabs .tab-pane>a:not(.collapsed) {
color: #c83b4e;
margin-bottom: 1.42857rem
}
}
.product-pack .pack-miniature {
display: flex;
align-items: center;
margin-bottom: 1.42857rem
}
.product-pack .pack-miniature .product-thumbnail {
width: 40%;
max-width: 6.35714rem;
margin-right: 1.35714rem
}
.product-features {
margin-left: auto;
margin-right: auto
}
@media (min-width:1200px) {
.product-features {
max-width: 57.14286rem
}
}
.product-features>dl.data-sheet {
display: flex;
flex-wrap: wrap;
align-items: stretch;
justify-content: space-between
}
.product-features>dl.data-sheet dd.value,
.product-features>dl.data-sheet dt.name {
flex: 0 0 50%;
font-weight: 400;
background: rgba(200, 59, 78, .2);
border: .07143rem solid rgba(200, 59, 78, .03);
padding: .71429rem 2.14286rem;
margin-bottom: 0;
word-break: normal;
text-transform: uppercase;
font-size: .85714rem
}
.product-features>dl.data-sheet dd.value:nth-of-type(2n),
.product-features>dl.data-sheet dt.name:nth-of-type(2n) {
background: #057176;
border-color: #057176
}
.product-features>dl.data-sheet dt.name {
text-align: right;
position: relative;
color: #fff;
border-right: none
}
.product-features>dl.data-sheet dt.name:after {
content: "";
display: block;
border-right: .07143rem solid #e0e0e0;
height: calc(100% - 1.42857rem);
position: absolute;
right: 0;
top: .71429rem
}
.product-features>dl.data-sheet dd.value {
border-left: none
}
@-webkit-keyframes zoomIn {
0% {
opacity: 0
}
to {
opacity: 1
}
}
@keyframes zoomIn {
0% {
opacity: 0
}
to {
opacity: 1
}
}
.img-fluid {
// width: 350px;
}
.product-title {
font: 300 1.57143rem/1.85714rem Helvetica Neue, Helvetica, Arial, sans-serif !important;
}
#search_filters_wrapper section.facet .facet-title {
font: 300 1.57143rem/1.85714rem Helvetica Neue, Helvetica, Arial, sans-serif !important;
}
.products-section-title {
font: Helvetica Neue, Helvetica, Arial, sans-serif !important;
}
.html-block .jxml-html-description p {
font: 300 1.57143rem/1.85714rem Helvetica Neue, Helvetica, Arial, sans-serif !important;
}
.grid .product-miniature .product-miniature-information .buttons-wrapper>a {
width: 100%;
}
.item img {
max-width: 600px;
display: none;
}
@font-face {
font-family: Poppins;
font-style: italic;
font-weight: 100;
src: local("Poppins Thin Italic"),
local(Poppins-ThinItalic),
url(//fonts.gstatic.com/s/poppins/v9/pxiAyp8kv8JHgFVrJJLmE0tMMPY.eot#) format("eot"),
url(//fonts.gstatic.com/s/poppins/v9/pxiAyp8kv8JHgFVrJJLmE0tCMPI.woff2) format("woff2"),
url(//fonts.gstatic.com/s/poppins/v9/pxiAyp8kv8JHgFVrJJLmE0tMMPQ.woff) format("woff")
}
@font-face {
font-family: Poppins;
font-style: italic;
font-weight: 200;
src: local("Poppins ExtraLight Italic"),
local(Poppins-ExtraLightItalic),
url(//fonts.gstatic.com/s/poppins/v9/pxiDyp8kv8JHgFVrJJLmv1pVGdeK.eot#) format("eot"),
url(//fonts.gstatic.com/s/poppins/v9/pxiDyp8kv8JHgFVrJJLmv1pVF9eO.woff2) format("woff2"),
url(//fonts.gstatic.com/s/poppins/v9/pxiDyp8kv8JHgFVrJJLmv1pVGdeI.woff) format("woff")
}
@font-face {
font-family: Poppins;
font-style: italic;
font-weight: 300;
src: local("Poppins Light Italic"),
local(Poppins-LightItalic),
url(//fonts.gstatic.com/s/poppins/v9/pxiDyp8kv8JHgFVrJJLm21lVGdeK.eot#) format("eot"),
url(//fonts.gstatic.com/s/poppins/v9/pxiDyp8kv8JHgFVrJJLm21lVF9eO.woff2) format("woff2"),
url(//fonts.gstatic.com/s/poppins/v9/pxiDyp8kv8JHgFVrJJLm21lVGdeI.woff) format("woff")
}
@font-face {
font-family: Poppins;
font-style: italic;
font-weight: 400;
src: local("Poppins Italic"),
local(Poppins-Italic),
url(//fonts.gstatic.com/s/poppins/v9/pxiGyp8kv8JHgFVrJJLufntE.eot#) format("eot"),
url(//fonts.gstatic.com/s/poppins/v9/pxiGyp8kv8JHgFVrJJLucHtA.woff2) format("woff2"),
url(//fonts.gstatic.com/s/poppins/v9/pxiGyp8kv8JHgFVrJJLufntG.woff) format("woff")
}
@font-face {
font-family: Poppins;
font-style: italic;
font-weight: 500;
src: local("Poppins Medium Italic"),
local(Poppins-MediumItalic),
url(//fonts.gstatic.com/s/poppins/v9/pxiDyp8kv8JHgFVrJJLmg1hVGdeK.eot#) format("eot"),
url(//fonts.gstatic.com/s/poppins/v9/pxiDyp8kv8JHgFVrJJLmg1hVF9eO.woff2) format("woff2"),
url(//fonts.gstatic.com/s/poppins/v9/pxiDyp8kv8JHgFVrJJLmg1hVGdeI.woff) format("woff")
}
@font-face {
font-family: Poppins;
font-style: italic;
font-weight: 600;
src: local("Poppins SemiBold Italic"),
local(Poppins-SemiBoldItalic),
url(//fonts.gstatic.com/s/poppins/v9/pxiDyp8kv8JHgFVrJJLmr19VGdeK.eot#) format("eot"),
url(//fonts.gstatic.com/s/poppins/v9/pxiDyp8kv8JHgFVrJJLmr19VF9eO.woff2) format("woff2"),
url(//fonts.gstatic.com/s/poppins/v9/pxiDyp8kv8JHgFVrJJLmr19VGdeI.woff) format("woff")
}
@font-face {
font-family: Poppins;
font-style: italic;
font-weight: 700;
src: local("Poppins Bold Italic"),
local(Poppins-BoldItalic),
url(//fonts.gstatic.com/s/poppins/v9/pxiDyp8kv8JHgFVrJJLmy15VGdeK.eot#) format("eot"),
url(//fonts.gstatic.com/s/poppins/v9/pxiDyp8kv8JHgFVrJJLmy15VF9eO.woff2) format("woff2"),
url(//fonts.gstatic.com/s/poppins/v9/pxiDyp8kv8JHgFVrJJLmy15VGdeI.woff) format("woff")
}
@font-face {
font-family: Poppins;
font-style: italic;
font-weight: 800;
src: local("Poppins ExtraBold Italic"),
local(Poppins-ExtraBoldItalic),
url(//fonts.gstatic.com/s/poppins/v9/pxiDyp8kv8JHgFVrJJLm111VGdeK.eot#) format("eot"),
url(//fonts.gstatic.com/s/poppins/v9/pxiDyp8kv8JHgFVrJJLm111VF9eO.woff2) format("woff2"),
url(//fonts.gstatic.com/s/poppins/v9/pxiDyp8kv8JHgFVrJJLm111VGdeI.woff) format("woff")
}
@font-face {
font-family: Poppins;
font-style: italic;
font-weight: 900;
src: local("Poppins Black Italic"),
local(Poppins-BlackItalic),
url(//fonts.gstatic.com/s/poppins/v9/pxiDyp8kv8JHgFVrJJLm81xVGdeK.eot#) format("eot"),
url(//fonts.gstatic.com/s/poppins/v9/pxiDyp8kv8JHgFVrJJLm81xVF9eO.woff2) format("woff2"),
url(//fonts.gstatic.com/s/poppins/v9/pxiDyp8kv8JHgFVrJJLm81xVGdeI.woff) format("woff")
}
@font-face {
font-family: Poppins;
font-style: normal;
font-weight: 100;
src: local("Poppins Thin"),
local(Poppins-Thin),
url(//fonts.gstatic.com/s/poppins/v9/pxiGyp8kv8JHgFVrLPTufntE.eot#) format("eot"),
url(//fonts.gstatic.com/s/poppins/v9/pxiGyp8kv8JHgFVrLPTucHtA.woff2) format("woff2"),
url(//fonts.gstatic.com/s/poppins/v9/pxiGyp8kv8JHgFVrLPTufntG.woff) format("woff")
}
@font-face {
font-family: Poppins;
font-style: normal;
font-weight: 200;
src: local("Poppins ExtraLight"),
local(Poppins-ExtraLight),
url(//fonts.gstatic.com/s/poppins/v9/pxiByp8kv8JHgFVrLFj_Z1JlEQ.eot#) format("eot"),
url(//fonts.gstatic.com/s/poppins/v9/pxiByp8kv8JHgFVrLFj_Z1xlFQ.woff2) format("woff2"),
url(//fonts.gstatic.com/s/poppins/v9/pxiByp8kv8JHgFVrLFj_Z1JlEw.woff) format("woff")
}
@font-face {
font-family: Poppins;
font-style: normal;
font-weight: 300;
src: local("Poppins Light"),
local(Poppins-Light),
url(//fonts.gstatic.com/s/poppins/v9/pxiByp8kv8JHgFVrLDz8Z1JlEQ.eot#) format("eot"),
url(//fonts.gstatic.com/s/poppins/v9/pxiByp8kv8JHgFVrLDz8Z1xlFQ.woff2) format("woff2"),
url(//fonts.gstatic.com/s/poppins/v9/pxiByp8kv8JHgFVrLDz8Z1JlEw.woff) format("woff")
}
@font-face {
font-family: Poppins;
font-style: normal;
font-weight: 400;
src: local("Poppins Regular"),
local(Poppins-Regular),
url(//fonts.gstatic.com/s/poppins/v9/pxiEyp8kv8JHgFVrJJnedg.eot#) format("eot"),
url(//fonts.gstatic.com/s/poppins/v9/pxiEyp8kv8JHgFVrJJfecg.woff2) format("woff2"),
url(//fonts.gstatic.com/s/poppins/v9/pxiEyp8kv8JHgFVrJJnedA.woff) format("woff")
}
@font-face {
font-family: Poppins;
font-style: normal;
font-weight: 500;
src: local("Poppins Medium"),
local(Poppins-Medium),
url(//fonts.gstatic.com/s/poppins/v9/pxiByp8kv8JHgFVrLGT9Z1JlEQ.eot#) format("eot"),
url(//fonts.gstatic.com/s/poppins/v9/pxiByp8kv8JHgFVrLGT9Z1xlFQ.woff2) format("woff2"),
url(//fonts.gstatic.com/s/poppins/v9/pxiByp8kv8JHgFVrLGT9Z1JlEw.woff) format("woff")
}
@font-face {
font-family: Poppins;
font-style: normal;
font-weight: 600;
src: local("Poppins SemiBold"),
local(Poppins-SemiBold),
url(//fonts.gstatic.com/s/poppins/v9/pxiByp8kv8JHgFVrLEj6Z1JlEQ.eot#) format("eot"),
url(//fonts.gstatic.com/s/poppins/v9/pxiByp8kv8JHgFVrLEj6Z1xlFQ.woff2) format("woff2"),
url(//fonts.gstatic.com/s/poppins/v9/pxiByp8kv8JHgFVrLEj6Z1JlEw.woff) format("woff")
}
@font-face {
font-family: Poppins;
font-style: normal;
font-weight: 700;
src: local("Poppins Bold"),
local(Poppins-Bold),
url(//fonts.gstatic.com/s/poppins/v9/pxiByp8kv8JHgFVrLCz7Z1JlEQ.eot#) format("eot"),
url(//fonts.gstatic.com/s/poppins/v9/pxiByp8kv8JHgFVrLCz7Z1xlFQ.woff2) format("woff2"),
url(//fonts.gstatic.com/s/poppins/v9/pxiByp8kv8JHgFVrLCz7Z1JlEw.woff) format("woff")
}
@font-face {
font-family: Poppins;
font-style: normal;
font-weight: 800;
src: local("Poppins ExtraBold"),
local(Poppins-ExtraBold),
url(//fonts.gstatic.com/s/poppins/v9/pxiByp8kv8JHgFVrLDD4Z1JlEQ.eot#) format("eot"),
url(//fonts.gstatic.com/s/poppins/v9/pxiByp8kv8JHgFVrLDD4Z1xlFQ.woff2) format("woff2"),
url(//fonts.gstatic.com/s/poppins/v9/pxiByp8kv8JHgFVrLDD4Z1JlEw.woff) format("woff")
}
@font-face {
font-family: Poppins;
font-style: normal;
font-weight: 900;
src: local("Poppins Black"),
local(Poppins-Black),
url(//fonts.gstatic.com/s/poppins/v9/pxiByp8kv8JHgFVrLBT5Z1JlEQ.eot#) format("eot"),
url(//fonts.gstatic.com/s/poppins/v9/pxiByp8kv8JHgFVrLBT5Z1xlFQ.woff2) format("woff2"),
url(//fonts.gstatic.com/s/poppins/v9/pxiByp8kv8JHgFVrLBT5Z1JlEw.woff) format("woff")
}
.images-container {
display: flex
}
.images-container .product-cover {
position: relative
}
.images-container .product-images {
flex-grow: 1;
flex-shrink: 0;
flex-basis: 15%;
opacity: 0;
position: relative
}
.images-container .product-images .swiper-container {
height: 100%;
max-height: 100%
}
.images-container .product-images .swiper-button-next,
.images-container .product-images .swiper-button-prev {
top: -32px;
left: 50%
}
.images-container .product-images .swiper-button-next {
top: auto;
bottom: -32px
}
.thumb-container img {
cursor: pointer;
background: #f8f8f8;
box-shadow: inset 0 0 0 1px transparent;
transition: all .3s ease-in-out
}
.thumb-container img.selected,
.thumb-container img:hover {
background: #fff;
box-shadow: inset 0 0 0 1px #000
}
.thumb-container img.selected {
pointer-events: none;
cursor: default
}
.layer {
position: absolute;
right: .71429rem;
cursor: pointer;
z-index: 6;
top: .71429rem
}
.layer i {
font-size: 1.85714rem;
line-height: 1
}
.layer:hover {
color: #282828
}
.product-details-top {
font-size: .85714rem
}
.product-details-top>div {
text-transform: uppercase;
margin-bottom: .71429rem;
color: #fff;
font-weight: 500;
letter-spacing: .2em
}
.product-details-top>div label {
color: #fff;
margin-right: .35714rem
}
.product-details-top>div span {
color: #fff
}
#product-card .product-name,
#quickview-product-card .product-name {
font: 300 2.42857rem/2.85714rem Poppins, sans-serif
}
@media (min-width:1200px) {
#product-card .product-name,
#quickview-product-card .product-name {
font-size: 2.85714rem
}
}
#product-card .product-prices,
#quickview-product-card .product-prices {
display: flex;
flex-direction: column;
align-items: flex-start
}
#product-card .product-prices .product-price-lg:not(.with-discount),
#quickview-product-card .product-prices .product-price-lg:not(.with-discount) {
padding-top: .07143rem;
padding-bottom: .92857rem
}
#product-card .product-prices .product-price-lg .tax-shipping-delivery-label .delivery-information,
#quickview-product-card .product-prices .product-price-lg .tax-shipping-delivery-label .delivery-information {
padding: 0 0 0 .14286rem
}
#product-card .product-prices .product-price-lg .tax-shipping-delivery-label .delivery-information:before,
#quickview-product-card .product-prices .product-price-lg .tax-shipping-delivery-label .delivery-information:before {
content: "-";
padding: 0 .14286rem 0 0
}
#product-card .product-prices .daydeal-box,
#quickview-product-card .product-prices .daydeal-box {
margin-top: 1.42857rem;
padding-left: 5.71429rem;
padding-right: 5.71429rem
}
#product-card .product-description-short,
#quickview-product-card .product-description-short {
font: 300 .92857rem/1.42857rem Poppins, sans-serif;
color: #8b8b8b
}
#product-card .variant-links .product-variants-item a:not(.color),
#product-card .variant-links .product-variants-item label:not(.color),
#quickview-product-card .variant-links .product-variants-item a:not(.color),
#quickview-product-card .variant-links .product-variants-item label:not(.color) {
width: auto;
height: auto;
font: 300 1.28571rem/1.42857rem Poppins, sans-serif;
border-radius: 0;
border: none
}
#product-card .social-sharing,
#quickview-product-card .social-sharing {
margin-top: 2.14286rem
}
@media (min-width:1200px) {
#product-card .social-sharing {
margin-top: 5rem
}
}
#quickview-product-card .product-prices .daydeal-box {
width: 100%;
padding-left: .71429rem;
padding-right: .71429rem
}
#quickview-product-card .qty {
max-width: 11.42857rem
}
#quickview-product-card .qty .input-group {
height: 5rem
}
#quickview-product-card .qty .form-control {
padding-left: 2.85714rem;
padding-right: 2.85714rem
}
#quickview-product-card .qty .input-group-btn-vertical .bootstrap-touchspin-up {
right: .35714rem
}
#quickview-product-card .qty .input-group-btn-vertical .bootstrap-touchspin-down {
left: .35714rem
}
#quickview-product-card .product-quantity .product-add-to-cart-wrapper {
flex-wrap: wrap
}
@media (min-width:992px) {
#quickview-product-card .product-quantity .product-add-to-cart-wrapper {
flex-wrap: nowrap
}
}
.product-quantity {
margin-bottom: 1.42857rem
}
.product-quantity .product-add-to-cart-wrapper {
display: flex;
flex-wrap: wrap
}
.product-quantity .product-add-to-cart-wrapper .qty {
max-width: 11.42857rem;
margin-bottom: .71429rem
}
.product-quantity .product-add-to-cart-wrapper .qty .input-group {
height: 5rem
}
.product-quantity .product-add-to-cart-wrapper .qty .form-control {
text-align: center;
color: #000;
font-weight: 500;
font-size: 1.28571rem;
padding-left: 2.85714rem;
padding-right: 2.85714rem
}
.product-quantity .product-add-to-cart-wrapper .qty .input-group-btn-vertical {
position: static
}
.product-quantity .product-add-to-cart-wrapper .qty .input-group-btn-vertical .bootstrap-touchspin-down,
.product-quantity .product-add-to-cart-wrapper .qty .input-group-btn-vertical .bootstrap-touchspin-up {
top: 50%;
transform: translateY(-50%);
font-size: 1.28571rem
}
.product-quantity .product-add-to-cart-wrapper .qty .input-group-btn-vertical .bootstrap-touchspin-up {
right: .35714rem;
left: auto
}
.product-quantity .product-add-to-cart-wrapper .qty .input-group-btn-vertical .bootstrap-touchspin-down {
left: .35714rem;
right: auto
}
@media (min-width:1200px) {
.product-quantity .product-add-to-cart-wrapper .qty {
max-width: 16.14286rem
}
.product-quantity .product-add-to-cart-wrapper .qty .input-group {
height: 6.71429rem
}
.product-quantity .product-add-to-cart-wrapper .qty .form-control {
padding-left: 4.28571rem;
padding-right: 4.28571rem
}
.product-quantity .product-add-to-cart-wrapper .qty .input-group-btn-vertical .bootstrap-touchspin-up {
right: 1.78571rem
}
.product-quantity .product-add-to-cart-wrapper .qty .input-group-btn-vertical .bootstrap-touchspin-down {
left: 1.78571rem
}
}
.product-quantity .product-add-to-cart-wrapper .add {
margin-bottom: .71429rem;
margin-left: -.07143rem
}
.product-quantity .product-add-to-cart-wrapper .add .add-to-cart {
font-size: 1.28571rem;
height: 100%
}
@media (min-width:576px) {
.product-quantity .product-add-to-cart-wrapper {
flex-wrap: nowrap
}
}
.product-additional-info .compare-button,
.product-additional-info .jx-wishlist-button {
display: inline-block;
position: relative;
font: 500 .92857rem/1.14286rem Poppins, sans-serif;
letter-spacing: .3em;
padding-left: 2.14286rem;
text-transform: uppercase;
margin-top: .71429rem
}
.product-additional-info .compare-button i,
.product-additional-info .jx-wishlist-button i {
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
font-size: 1.71429rem;
line-height: 1
}
.product-additional-info .compare-button+.jx-wishlist-button,
.product-additional-info .jx-wishlist-button+.compare-button {
margin-left: 2.14286rem
}
#product-availability .product-available {
color: #1cc97e
}
#product-availability .product-unavailable {
color: #832431
}
#product-availability .product-last-items {
color: #ffb400
}
.product-variants .product-variants-item {
margin-bottom: .92857rem
}
.product-variants .product-variants-item h3 {
font: 300 .92857rem/1.14286rem Poppins, sans-serif
}
.product-variants .custom-select {
width: 17.85714rem;
margin-bottom: .71429rem
}
.product-customization .product-customization-item {
margin-bottom: 0
}
.product-customization .product-customization-item textarea {
height: 6.28571rem
}
.social-sharing>ul>li>a i {
font-size: 1.28571rem;
line-height: 1
}
.social-sharing>ul>li>a span {
display: none
}
.social-sharing>ul>li:not(:last-child) {
margin-right: 1.42857rem
}
@media (min-width:1200px) {
.social-sharing>ul>li:not(:last-child) {
margin-right: 2.85714rem
}
}
.tabs.product-tabs .nav-tabs {
border: none
}
.tabs.product-tabs .nav-tabs .nav-item {
margin-bottom: 0
}
.tabs.product-tabs .nav-tabs .nav-link {
padding: 0;
border: none;
font-weight: 300;
font-size: 1.71429rem;
line-height: 1.25;
font-family: Poppins, sans-serif;
color: #000;
text-transform: uppercase;
letter-spacing: .15em
}
.tabs.product-tabs .nav-tabs .nav-link.active,
.tabs.product-tabs .nav-tabs .nav-link:hover {
color: #c83b4e
}
.tabs.product-tabs .nav-tabs .nav-link.active {
pointer-events: none;
cursor: default
}
@media (min-width:768px) {
.tabs.product-tabs .nav-tabs .nav-link {
position: relative;
font-size: 1.28571rem
}
.tabs.product-tabs .nav-tabs .nav-link:before {
position: absolute;
content: "";
top: 100%;
left: 0;
width: 100%;
height: .07143rem;
background: #000;
transition: all .3s ease-in-out;
opacity: 0
}
.tabs.product-tabs .nav-tabs .nav-link.active,
.tabs.product-tabs .nav-tabs .nav-link:hover {
color: #000
}
.tabs.product-tabs .nav-tabs .nav-link.active:before,
.tabs.product-tabs .nav-tabs .nav-link:hover:before {
opacity: 1
}
.tabs.product-tabs .nav-tabs .nav-link.active {
font-weight: 500
}
.tabs.product-tabs .nav-tabs .nav-item+.nav-item {
margin-left: 1.42857rem
}
}
@media (min-width:992px) {
.tabs.product-tabs .nav-tabs .nav-item+.nav-item {
margin-left: 2.14286rem
}
.tabs.product-tabs .nav-tabs .nav-link {
font-size: 1.42857rem
}
}
@media (min-width:1200px) {
.tabs.product-tabs .nav-tabs .nav-item+.nav-item {
margin-left: 2.85714rem
}
.tabs.product-tabs .nav-tabs .nav-link {
font-size: 1.42857rem;
letter-spacing: .2em
}
}
@media (min-width:1780px) {
.tabs.product-tabs .nav-tabs .nav-item+.nav-item {
margin-left: 5.35714rem
}
.tabs.product-tabs .nav-tabs .nav-link {
font-size: 1.71429rem
}
}
.tabs.product-tabs .tab-content {
background: #057176;
position: relative;
margin-top: 2.14286rem;
padding-top: 2.85714rem;
padding-bottom: 1.42857rem
}
.tabs.product-tabs .tab-content:after,
.tabs.product-tabs .tab-content:before {
position: absolute;
content: "";
background: #057176;
top: 0;
bottom: 0;
width: 714.28571rem;
z-index: -1
}
.tabs.product-tabs .tab-content:before {
right: 99%
}
.tabs.product-tabs .tab-content:after {
left: 99%
}
@media (min-width:768px) {
.tabs.product-tabs .tab-content {
padding-top: 4.28571rem;
padding-bottom: 4.28571rem
}
}
@media (min-width:1200px) {
.tabs.product-tabs .tab-content {
padding-top: 7.85714rem;
padding-bottom: 7.85714rem
}
}
.tabs.product-tabs .tab-pane .product-description h3 {
font: 500 1.28571rem/1.42857rem Poppins, sans-serif
}
.tabs.product-tabs .tab-pane .product-description p {
font: 300 .92857rem/1.71429rem Poppins, sans-serif
}
.tabs.product-tabs .tab-pane .product-description ul {
margin-bottom: 0
}
.tabs.product-tabs .tab-pane .product-description ul>li {
font: 300 .92857rem/1.71429rem Poppins, sans-serif
}
.tabs.product-tabs .tab-pane .product-description ul>li+li {
margin-top: .71429rem
}
.tabs.product-tabs .tab-pane .product-description .marker-list>li {
position: relative;
padding-left: 1rem
}
.tabs.product-tabs .tab-pane .product-description .marker-list>li:before {
position: absolute;
content: "";
width: .21429rem;
height: .21429rem;
border-radius: 50%;
background: #000;
left: 0;
top: .71429rem
}
.tabs.product-tabs .tab-pane .product-description *+h3 {
margin-top: 3.57143rem
}
.tabs.product-tabs .tab-pane .product-description .product-image-description>img {
border: .78571rem solid #fff;
max-width: 100%;
height: auto
}
@media (min-width:768px) {
.tabs.product-tabs .tab-pane .product-description .product-image-description>img {
border-width: 1.28571rem
}
}
@media (min-width:1200px) {
.tabs.product-tabs .tab-pane .product-description .product-image-description {
position: absolute;
bottom: -1.57143rem;
right: 0;
z-index: 3
}
.tabs.product-tabs .tab-pane .product-description .product-image-description>img {
border-width: 1.57143rem
}
}
@media (max-width:767.98px) {
.tabs.product-tabs .tab-pane {
display: block !important;
opacity: 1 !important;
padding: 0;
margin-bottom: 2.14286rem
}
.tabs.product-tabs .tab-pane>a {
display: inline-block;
font: 300 1.57143rem/1.85714rem Poppins, sans-serif;
color: #000;
text-transform: uppercase;
letter-spacing: .15em
}
.tabs.product-tabs .tab-pane>a:not(.collapsed) {
color: #c83b4e;
margin-bottom: 1.42857rem
}
}
.product-pack .pack-miniature {
display: flex;
align-items: center;
margin-bottom: 1.42857rem
}
.product-pack .pack-miniature .product-thumbnail {
width: 40%;
max-width: 6.35714rem;
margin-right: 1.35714rem
}
.product-features {
margin-left: auto;
margin-right: auto
}
@media (min-width:1200px) {
.product-features {
max-width: 57.14286rem
}
}
.product-features>dl.data-sheet {
display: flex;
flex-wrap: wrap;
align-items: stretch;
justify-content: space-between
}
.product-features>dl.data-sheet dd.value,
.product-features>dl.data-sheet dt.name {
flex: 0 0 50%;
font-weight: 400;
background: rgba(200, 59, 78, .2);
border: .07143rem solid rgba(200, 59, 78, .03);
padding: .71429rem 2.14286rem;
margin-bottom: 0;
word-break: normal;
text-transform: uppercase;
font-size: .85714rem
}
.product-features>dl.data-sheet dd.value:nth-of-type(2n),
.product-features>dl.data-sheet dt.name:nth-of-type(2n) {
background: #057176;
border-color: #057176
}
.product-features>dl.data-sheet dt.name {
text-align: right;
position: relative;
color: #fff;
border-right: none
}
.product-features>dl.data-sheet dt.name:after {
content: "";
display: block;
border-right: .07143rem solid #e0e0e0;
height: calc(100% - 1.42857rem);
position: absolute;
right: 0;
top: .71429rem
}
.product-features>dl.data-sheet dd.value {
border-left: none
}
@-webkit-keyframes zoomIn {
0% {
opacity: 0
}
to {
opacity: 1
}
}
@keyframes zoomIn {
0% {
opacity: 0
}
to {
opacity: 1
}
}
/* PRODUKT */
@font-face {
font-family: Poppins;
font-style: italic;
font-weight: 100;
src: local("Poppins Thin Italic"),
local(Poppins-ThinItalic),
url(//fonts.gstatic.com/s/poppins/v9/pxiAyp8kv8JHgFVrJJLmE0tMMPY.eot#) format("eot"),
url(//fonts.gstatic.com/s/poppins/v9/pxiAyp8kv8JHgFVrJJLmE0tCMPI.woff2) format("woff2"),
url(//fonts.gstatic.com/s/poppins/v9/pxiAyp8kv8JHgFVrJJLmE0tMMPQ.woff) format("woff")
}
@font-face {
font-family: Poppins;
font-style: italic;
font-weight: 200;
src: local("Poppins ExtraLight Italic"),
local(Poppins-ExtraLightItalic),
url(//fonts.gstatic.com/s/poppins/v9/pxiDyp8kv8JHgFVrJJLmv1pVGdeK.eot#) format("eot"),
url(//fonts.gstatic.com/s/poppins/v9/pxiDyp8kv8JHgFVrJJLmv1pVF9eO.woff2) format("woff2"),
url(//fonts.gstatic.com/s/poppins/v9/pxiDyp8kv8JHgFVrJJLmv1pVGdeI.woff) format("woff")
}
@font-face {
font-family: Poppins;
font-style: italic;
font-weight: 300;
src: local("Poppins Light Italic"),
local(Poppins-LightItalic),
url(//fonts.gstatic.com/s/poppins/v9/pxiDyp8kv8JHgFVrJJLm21lVGdeK.eot#) format("eot"),
url(//fonts.gstatic.com/s/poppins/v9/pxiDyp8kv8JHgFVrJJLm21lVF9eO.woff2) format("woff2"),
url(//fonts.gstatic.com/s/poppins/v9/pxiDyp8kv8JHgFVrJJLm21lVGdeI.woff) format("woff")
}
@font-face {
font-family: Poppins;
font-style: italic;
font-weight: 400;
src: local("Poppins Italic"),
local(Poppins-Italic),
url(//fonts.gstatic.com/s/poppins/v9/pxiGyp8kv8JHgFVrJJLufntE.eot#) format("eot"),
url(//fonts.gstatic.com/s/poppins/v9/pxiGyp8kv8JHgFVrJJLucHtA.woff2) format("woff2"),
url(//fonts.gstatic.com/s/poppins/v9/pxiGyp8kv8JHgFVrJJLufntG.woff) format("woff")
}
@font-face {
font-family: Poppins;
font-style: italic;
font-weight: 500;
src: local("Poppins Medium Italic"),
local(Poppins-MediumItalic),
url(//fonts.gstatic.com/s/poppins/v9/pxiDyp8kv8JHgFVrJJLmg1hVGdeK.eot#) format("eot"),
url(//fonts.gstatic.com/s/poppins/v9/pxiDyp8kv8JHgFVrJJLmg1hVF9eO.woff2) format("woff2"),
url(//fonts.gstatic.com/s/poppins/v9/pxiDyp8kv8JHgFVrJJLmg1hVGdeI.woff) format("woff")
}
@font-face {
font-family: Poppins;
font-style: italic;
font-weight: 600;
src: local("Poppins SemiBold Italic"),
local(Poppins-SemiBoldItalic),
url(//fonts.gstatic.com/s/poppins/v9/pxiDyp8kv8JHgFVrJJLmr19VGdeK.eot#) format("eot"),
url(//fonts.gstatic.com/s/poppins/v9/pxiDyp8kv8JHgFVrJJLmr19VF9eO.woff2) format("woff2"),
url(//fonts.gstatic.com/s/poppins/v9/pxiDyp8kv8JHgFVrJJLmr19VGdeI.woff) format("woff")
}
@font-face {
font-family: Poppins;
font-style: italic;
font-weight: 700;
src: local("Poppins Bold Italic"),
local(Poppins-BoldItalic),
url(//fonts.gstatic.com/s/poppins/v9/pxiDyp8kv8JHgFVrJJLmy15VGdeK.eot#) format("eot"),
url(//fonts.gstatic.com/s/poppins/v9/pxiDyp8kv8JHgFVrJJLmy15VF9eO.woff2) format("woff2"),
url(//fonts.gstatic.com/s/poppins/v9/pxiDyp8kv8JHgFVrJJLmy15VGdeI.woff) format("woff")
}
@font-face {
font-family: Poppins;
font-style: italic;
font-weight: 800;
src: local("Poppins ExtraBold Italic"),
local(Poppins-ExtraBoldItalic),
url(//fonts.gstatic.com/s/poppins/v9/pxiDyp8kv8JHgFVrJJLm111VGdeK.eot#) format("eot"),
url(//fonts.gstatic.com/s/poppins/v9/pxiDyp8kv8JHgFVrJJLm111VF9eO.woff2) format("woff2"),
url(//fonts.gstatic.com/s/poppins/v9/pxiDyp8kv8JHgFVrJJLm111VGdeI.woff) format("woff")
}
@font-face {
font-family: Poppins;
font-style: italic;
font-weight: 900;
src: local("Poppins Black Italic"),
local(Poppins-BlackItalic),
url(//fonts.gstatic.com/s/poppins/v9/pxiDyp8kv8JHgFVrJJLm81xVGdeK.eot#) format("eot"),
url(//fonts.gstatic.com/s/poppins/v9/pxiDyp8kv8JHgFVrJJLm81xVF9eO.woff2) format("woff2"),
url(//fonts.gstatic.com/s/poppins/v9/pxiDyp8kv8JHgFVrJJLm81xVGdeI.woff) format("woff")
}
@font-face {
font-family: Poppins;
font-style: normal;
font-weight: 100;
src: local("Poppins Thin"),
local(Poppins-Thin),
url(//fonts.gstatic.com/s/poppins/v9/pxiGyp8kv8JHgFVrLPTufntE.eot#) format("eot"),
url(//fonts.gstatic.com/s/poppins/v9/pxiGyp8kv8JHgFVrLPTucHtA.woff2) format("woff2"),
url(//fonts.gstatic.com/s/poppins/v9/pxiGyp8kv8JHgFVrLPTufntG.woff) format("woff")
}
@font-face {
font-family: Poppins;
font-style: normal;
font-weight: 200;
src: local("Poppins ExtraLight"),
local(Poppins-ExtraLight),
url(//fonts.gstatic.com/s/poppins/v9/pxiByp8kv8JHgFVrLFj_Z1JlEQ.eot#) format("eot"),
url(//fonts.gstatic.com/s/poppins/v9/pxiByp8kv8JHgFVrLFj_Z1xlFQ.woff2) format("woff2"),
url(//fonts.gstatic.com/s/poppins/v9/pxiByp8kv8JHgFVrLFj_Z1JlEw.woff) format("woff")
}
@font-face {
font-family: Poppins;
font-style: normal;
font-weight: 300;
src: local("Poppins Light"),
local(Poppins-Light),
url(//fonts.gstatic.com/s/poppins/v9/pxiByp8kv8JHgFVrLDz8Z1JlEQ.eot#) format("eot"),
url(//fonts.gstatic.com/s/poppins/v9/pxiByp8kv8JHgFVrLDz8Z1xlFQ.woff2) format("woff2"),
url(//fonts.gstatic.com/s/poppins/v9/pxiByp8kv8JHgFVrLDz8Z1JlEw.woff) format("woff")
}
@font-face {
font-family: Poppins;
font-style: normal;
font-weight: 400;
src: local("Poppins Regular"),
local(Poppins-Regular),
url(//fonts.gstatic.com/s/poppins/v9/pxiEyp8kv8JHgFVrJJnedg.eot#) format("eot"),
url(//fonts.gstatic.com/s/poppins/v9/pxiEyp8kv8JHgFVrJJfecg.woff2) format("woff2"),
url(//fonts.gstatic.com/s/poppins/v9/pxiEyp8kv8JHgFVrJJnedA.woff) format("woff")
}
@font-face {
font-family: Poppins;
font-style: normal;
font-weight: 500;
src: local("Poppins Medium"),
local(Poppins-Medium),
url(//fonts.gstatic.com/s/poppins/v9/pxiByp8kv8JHgFVrLGT9Z1JlEQ.eot#) format("eot"),
url(//fonts.gstatic.com/s/poppins/v9/pxiByp8kv8JHgFVrLGT9Z1xlFQ.woff2) format("woff2"),
url(//fonts.gstatic.com/s/poppins/v9/pxiByp8kv8JHgFVrLGT9Z1JlEw.woff) format("woff")
}
@font-face {
font-family: Poppins;
font-style: normal;
font-weight: 600;
src: local("Poppins SemiBold"),
local(Poppins-SemiBold),
url(//fonts.gstatic.com/s/poppins/v9/pxiByp8kv8JHgFVrLEj6Z1JlEQ.eot#) format("eot"),
url(//fonts.gstatic.com/s/poppins/v9/pxiByp8kv8JHgFVrLEj6Z1xlFQ.woff2) format("woff2"),
url(//fonts.gstatic.com/s/poppins/v9/pxiByp8kv8JHgFVrLEj6Z1JlEw.woff) format("woff")
}
@font-face {
font-family: Poppins;
font-style: normal;
font-weight: 700;
src: local("Poppins Bold"),
local(Poppins-Bold),
url(//fonts.gstatic.com/s/poppins/v9/pxiByp8kv8JHgFVrLCz7Z1JlEQ.eot#) format("eot"),
url(//fonts.gstatic.com/s/poppins/v9/pxiByp8kv8JHgFVrLCz7Z1xlFQ.woff2) format("woff2"),
url(//fonts.gstatic.com/s/poppins/v9/pxiByp8kv8JHgFVrLCz7Z1JlEw.woff) format("woff")
}
@font-face {
font-family: Poppins;
font-style: normal;
font-weight: 800;
src: local("Poppins ExtraBold"),
local(Poppins-ExtraBold),
url(//fonts.gstatic.com/s/poppins/v9/pxiByp8kv8JHgFVrLDD4Z1JlEQ.eot#) format("eot"),
url(//fonts.gstatic.com/s/poppins/v9/pxiByp8kv8JHgFVrLDD4Z1xlFQ.woff2) format("woff2"),
url(//fonts.gstatic.com/s/poppins/v9/pxiByp8kv8JHgFVrLDD4Z1JlEw.woff) format("woff")
}
@font-face {
font-family: Poppins;
font-style: normal;
font-weight: 900;
src: local("Poppins Black"),
local(Poppins-Black),
url(//fonts.gstatic.com/s/poppins/v9/pxiByp8kv8JHgFVrLBT5Z1JlEQ.eot#) format("eot"),
url(//fonts.gstatic.com/s/poppins/v9/pxiByp8kv8JHgFVrLBT5Z1xlFQ.woff2) format("woff2"),
url(//fonts.gstatic.com/s/poppins/v9/pxiByp8kv8JHgFVrLBT5Z1JlEw.woff) format("woff")
}
.images-container {
display: flex
}
.images-container .product-cover {
position: relative
}
.images-container .product-images {
flex-grow: 1;
flex-shrink: 0;
flex-basis: 15%;
opacity: 0;
position: relative
}
.images-container .product-images .swiper-container {
height: 100%;
max-height: 100%
}
.images-container .product-images .swiper-button-next,
.images-container .product-images .swiper-button-prev {
top: -32px;
left: 50%
}
.images-container .product-images .swiper-button-next {
top: auto;
bottom: -32px
}
.thumb-container img {
cursor: pointer;
background: #f8f8f8;
box-shadow: inset 0 0 0 1px transparent;
transition: all .3s ease-in-out
}
.thumb-container img.selected,
.thumb-container img:hover {
background: #fff;
box-shadow: inset 0 0 0 1px #000
}
.thumb-container img.selected {
pointer-events: none;
cursor: default
}
.layer {
position: absolute;
right: .71429rem;
cursor: pointer;
z-index: 6;
top: .71429rem
}
.layer i {
font-size: 1.85714rem;
line-height: 1
}
.layer:hover {
color: #282828
}
.product-details-top {
font-size: .85714rem
}
.product-details-top>div {
text-transform: uppercase;
margin-bottom: .71429rem;
color: #fff;
font-weight: 500;
letter-spacing: .2em
}
.product-details-top>div label {
color: #fff;
margin-right: .35714rem
}
.product-details-top>div span {
color: #fff
}
#product-card .product-name,
#quickview-product-card .product-name {
font: 300 2.42857rem/2.85714rem Poppins, sans-serif
}
@media (min-width:1200px) {
#product-card .product-name,
#quickview-product-card .product-name {
font-size: 2.85714rem
}
}
#product-card .product-prices,
#quickview-product-card .product-prices {
display: flex;
flex-direction: column;
align-items: flex-start
}
#product-card .product-prices .product-price-lg:not(.with-discount),
#quickview-product-card .product-prices .product-price-lg:not(.with-discount) {
padding-top: .07143rem;
padding-bottom: .92857rem
}
#product-card .product-prices .product-price-lg .tax-shipping-delivery-label .delivery-information,
#quickview-product-card .product-prices .product-price-lg .tax-shipping-delivery-label .delivery-information {
padding: 0 0 0 .14286rem
}
#product-card .product-prices .product-price-lg .tax-shipping-delivery-label .delivery-information:before,
#quickview-product-card .product-prices .product-price-lg .tax-shipping-delivery-label .delivery-information:before {
content: "-";
padding: 0 .14286rem 0 0
}
#product-card .product-prices .daydeal-box,
#quickview-product-card .product-prices .daydeal-box {
margin-top: 1.42857rem;
padding-left: 5.71429rem;
padding-right: 5.71429rem
}
#product-card .product-description-short,
#quickview-product-card .product-description-short {
font: 300 .92857rem/1.42857rem Poppins, sans-serif;
color: #8b8b8b
}
#product-card .variant-links .product-variants-item a:not(.color),
#product-card .variant-links .product-variants-item label:not(.color),
#quickview-product-card .variant-links .product-variants-item a:not(.color),
#quickview-product-card .variant-links .product-variants-item label:not(.color) {
width: auto;
height: auto;
font: 300 1.28571rem/1.42857rem Poppins, sans-serif;
border-radius: 0;
border: none
}
#product-card .social-sharing,
#quickview-product-card .social-sharing {
margin-top: 2.14286rem
}
@media (min-width:1200px) {
#product-card .social-sharing {
margin-top: 5rem
}
}
#quickview-product-card .product-prices .daydeal-box {
width: 100%;
padding-left: .71429rem;
padding-right: .71429rem
}
#quickview-product-card .qty {
max-width: 11.42857rem
}
#quickview-product-card .qty .input-group {
height: 5rem
}
#quickview-product-card .qty .form-control {
padding-left: 2.85714rem;
padding-right: 2.85714rem
}
#quickview-product-card .qty .input-group-btn-vertical .bootstrap-touchspin-up {
right: .35714rem
}
#quickview-product-card .qty .input-group-btn-vertical .bootstrap-touchspin-down {
left: .35714rem
}
#quickview-product-card .product-quantity .product-add-to-cart-wrapper {
flex-wrap: wrap
}
@media (min-width:992px) {
#quickview-product-card .product-quantity .product-add-to-cart-wrapper {
flex-wrap: nowrap
}
}
.product-quantity {
margin-bottom: 1.42857rem
}
.product-quantity .product-add-to-cart-wrapper {
display: flex;
flex-wrap: wrap
}
.product-quantity .product-add-to-cart-wrapper .qty {
max-width: 11.42857rem;
margin-bottom: .71429rem
}
.product-quantity .product-add-to-cart-wrapper .qty .input-group {
height: 5rem
}
.product-quantity .product-add-to-cart-wrapper .qty .form-control {
text-align: center;
color: #000;
font-weight: 500;
font-size: 1.28571rem;
padding-left: 2.85714rem;
padding-right: 2.85714rem
}
.product-quantity .product-add-to-cart-wrapper .qty .input-group-btn-vertical {
position: static
}
.product-quantity .product-add-to-cart-wrapper .qty .input-group-btn-vertical .bootstrap-touchspin-down,
.product-quantity .product-add-to-cart-wrapper .qty .input-group-btn-vertical .bootstrap-touchspin-up {
top: 50%;
transform: translateY(-50%);
font-size: 1.28571rem
}
.product-quantity .product-add-to-cart-wrapper .qty .input-group-btn-vertical .bootstrap-touchspin-up {
right: .35714rem;
left: auto
}
.product-quantity .product-add-to-cart-wrapper .qty .input-group-btn-vertical .bootstrap-touchspin-down {
left: .35714rem;
right: auto
}
@media (min-width:1200px) {
.product-quantity .product-add-to-cart-wrapper .qty {
max-width: 16.14286rem
}
.product-quantity .product-add-to-cart-wrapper .qty .input-group {
height: 6.71429rem
}
.product-quantity .product-add-to-cart-wrapper .qty .form-control {
padding-left: 4.28571rem;
padding-right: 4.28571rem
}
.product-quantity .product-add-to-cart-wrapper .qty .input-group-btn-vertical .bootstrap-touchspin-up {
right: 1.78571rem
}
.product-quantity .product-add-to-cart-wrapper .qty .input-group-btn-vertical .bootstrap-touchspin-down {
left: 1.78571rem
}
}
.product-quantity .product-add-to-cart-wrapper .add {
margin-bottom: .71429rem;
margin-left: -.07143rem
}
.product-quantity .product-add-to-cart-wrapper .add .add-to-cart {
font-size: 1.28571rem;
height: 100%
}
@media (min-width:576px) {
.product-quantity .product-add-to-cart-wrapper {
flex-wrap: nowrap
}
}
.product-additional-info .compare-button,
.product-additional-info .jx-wishlist-button {
display: inline-block;
position: relative;
font: 500 .92857rem/1.14286rem Poppins, sans-serif;
letter-spacing: .3em;
padding-left: 2.14286rem;
text-transform: uppercase;
margin-top: .71429rem
}
.product-additional-info .compare-button i,
.product-additional-info .jx-wishlist-button i {
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
font-size: 1.71429rem;
line-height: 1
}
.product-additional-info .compare-button+.jx-wishlist-button,
.product-additional-info .jx-wishlist-button+.compare-button {
margin-left: 2.14286rem
}
#product-availability .product-available {
color: #1cc97e
}
#product-availability .product-unavailable {
color: #832431
}
#product-availability .product-last-items {
color: #ffb400
}
.product-variants .product-variants-item {
margin-bottom: .92857rem
}
.product-variants .product-variants-item h3 {
font: 300 .92857rem/1.14286rem Poppins, sans-serif
}
.product-variants .custom-select {
width: 17.85714rem;
margin-bottom: .71429rem
}
.product-customization .product-customization-item {
margin-bottom: 0
}
.product-customization .product-customization-item textarea {
height: 6.28571rem
}
.social-sharing>ul>li>a i {
font-size: 1.28571rem;
line-height: 1
}
.social-sharing>ul>li>a span {
display: none
}
.social-sharing>ul>li:not(:last-child) {
margin-right: 1.42857rem
}
@media (min-width:1200px) {
.social-sharing>ul>li:not(:last-child) {
margin-right: 2.85714rem
}
}
.tabs.product-tabs .nav-tabs {
border: none
}
.tabs.product-tabs .nav-tabs .nav-item {
margin-bottom: 0
}
.tabs.product-tabs .nav-tabs .nav-link {
padding: 0;
border: none;
font-weight: 300;
font-size: 1.71429rem;
line-height: 1.25;
font-family: Poppins, sans-serif;
color: #000;
text-transform: uppercase;
letter-spacing: .15em
}
.tabs.product-tabs .nav-tabs .nav-link.active,
.tabs.product-tabs .nav-tabs .nav-link:hover {
color: #c83b4e
}
.tabs.product-tabs .nav-tabs .nav-link.active {
pointer-events: none;
cursor: default
}
@media (min-width:768px) {
.tabs.product-tabs .nav-tabs .nav-link {
position: relative;
font-size: 1.28571rem
}
.tabs.product-tabs .nav-tabs .nav-link:before {
position: absolute;
content: "";
top: 100%;
left: 0;
width: 100%;
height: .07143rem;
background: #000;
transition: all .3s ease-in-out;
opacity: 0
}
.tabs.product-tabs .nav-tabs .nav-link.active,
.tabs.product-tabs .nav-tabs .nav-link:hover {
color: #000
}
.tabs.product-tabs .nav-tabs .nav-link.active:before,
.tabs.product-tabs .nav-tabs .nav-link:hover:before {
opacity: 1
}
.tabs.product-tabs .nav-tabs .nav-link.active {
font-weight: 500
}
.tabs.product-tabs .nav-tabs .nav-item+.nav-item {
margin-left: 1.42857rem
}
}
@media (min-width:992px) {
.tabs.product-tabs .nav-tabs .nav-item+.nav-item {
margin-left: 2.14286rem
}
.tabs.product-tabs .nav-tabs .nav-link {
font-size: 1.42857rem
}
}
@media (min-width:1200px) {
.tabs.product-tabs .nav-tabs .nav-item+.nav-item {
margin-left: 2.85714rem
}
.tabs.product-tabs .nav-tabs .nav-link {
font-size: 1.42857rem;
letter-spacing: .2em
}
}
@media (min-width:1780px) {
.tabs.product-tabs .nav-tabs .nav-item+.nav-item {
margin-left: 5.35714rem
}
.tabs.product-tabs .nav-tabs .nav-link {
font-size: 1.71429rem
}
}
.tabs.product-tabs .tab-content {
background: #057176;
position: relative;
margin-top: 2.14286rem;
padding-top: 2.85714rem;
padding-bottom: 1.42857rem
}
.tabs.product-tabs .tab-content:after,
.tabs.product-tabs .tab-content:before {
position: absolute;
content: "";
background: #057176;
top: 0;
bottom: 0;
width: 714.28571rem;
z-index: -1
}
.tabs.product-tabs .tab-content:before {
right: 99%
}
.tabs.product-tabs .tab-content:after {
left: 99%
}
@media (min-width:768px) {
.tabs.product-tabs .tab-content {
padding-top: 4.28571rem;
padding-bottom: 4.28571rem
}
}
@media (min-width:1200px) {
.tabs.product-tabs .tab-content {
padding-top: 7.85714rem;
padding-bottom: 7.85714rem
}
}
.tabs.product-tabs .tab-pane .product-description h3 {
font: 500 1.28571rem/1.42857rem Poppins, sans-serif
}
.tabs.product-tabs .tab-pane .product-description p {
font: 300 .92857rem/1.71429rem Poppins, sans-serif
}
.tabs.product-tabs .tab-pane .product-description ul {
margin-bottom: 0
}
.tabs.product-tabs .tab-pane .product-description ul>li {
font: 300 .92857rem/1.71429rem Poppins, sans-serif
}
.tabs.product-tabs .tab-pane .product-description ul>li+li {
margin-top: .71429rem
}
.tabs.product-tabs .tab-pane .product-description .marker-list>li {
position: relative;
padding-left: 1rem
}
.tabs.product-tabs .tab-pane .product-description .marker-list>li:before {
position: absolute;
content: "";
width: .21429rem;
height: .21429rem;
border-radius: 50%;
background: #000;
left: 0;
top: .71429rem
}
.tabs.product-tabs .tab-pane .product-description *+h3 {
margin-top: 3.57143rem
}
.tabs.product-tabs .tab-pane .product-description .product-image-description>img {
border: .78571rem solid #fff;
max-width: 100%;
height: auto
}
@media (min-width:768px) {
.tabs.product-tabs .tab-pane .product-description .product-image-description>img {
border-width: 1.28571rem
}
}
@media (min-width:1200px) {
.tabs.product-tabs .tab-pane .product-description .product-image-description {
position: absolute;
bottom: -1.57143rem;
right: 0;
z-index: 3
}
.tabs.product-tabs .tab-pane .product-description .product-image-description>img {
border-width: 1.57143rem
}
}
@media (max-width:767.98px) {
.tabs.product-tabs .tab-pane {
display: block !important;
opacity: 1 !important;
padding: 0;
margin-bottom: 2.14286rem
}
.tabs.product-tabs .tab-pane>a {
display: inline-block;
font: 300 1.57143rem/1.85714rem Poppins, sans-serif;
color: #000;
text-transform: uppercase;
letter-spacing: .15em
}
.tabs.product-tabs .tab-pane>a:not(.collapsed) {
color: #c83b4e;
margin-bottom: 1.42857rem
}
}
.product-pack .pack-miniature {
display: flex;
align-items: center;
margin-bottom: 1.42857rem
}
.product-pack .pack-miniature .product-thumbnail {
width: 40%;
max-width: 6.35714rem;
margin-right: 1.35714rem
}
.product-features {
margin-left: auto;
margin-right: auto
}
@media (min-width:1200px) {
.product-features {
max-width: 57.14286rem
}
}
.product-features>dl.data-sheet {
display: flex;
flex-wrap: wrap;
align-items: stretch;
justify-content: space-between
}
.product-features>dl.data-sheet dd.value,
.product-features>dl.data-sheet dt.name {
flex: 0 0 50%;
font-weight: 400;
background: rgba(200, 59, 78, .2);
border: .07143rem solid rgba(200, 59, 78, .03);
padding: .71429rem 2.14286rem;
margin-bottom: 0;
word-break: normal;
text-transform: uppercase;
font-size: .85714rem
}
.product-features>dl.data-sheet dd.value:nth-of-type(2n),
.product-features>dl.data-sheet dt.name:nth-of-type(2n) {
background: #057176;
border-color: #057176
}
.product-features>dl.data-sheet dt.name {
text-align: right;
position: relative;
color: #fff;
border-right: none
}
.product-features>dl.data-sheet dt.name:after {
content: "";
display: block;
border-right: .07143rem solid #e0e0e0;
height: calc(100% - 1.42857rem);
position: absolute;
right: 0;
top: .71429rem
}
.product-features>dl.data-sheet dd.value {
border-left: none
}
@-webkit-keyframes zoomIn {
0% {
opacity: 0
}
to {
opacity: 1
}
}
@keyframes zoomIn {
0% {
opacity: 0
}
to {
opacity: 1
}
}
@media (max-width:768px) {
.mobile_for_slider {
display: none;
}
}
@media (max-width:810px) {
.mobile_for_slider {
max-height: 620px;
}
}
@media (min-width:768px) {
.dropdown .jx-header-account-wrapper {
width: 31.571rem !important;
padding: 4.64286rem 4.64286rem 3.57143rem;
}
}
.dropdown .jx-header-account-wrapper {
width: 100%;
padding: 0;
}
.item>h1 {
color: white;
}
.jxml-banner {
text-align: center;
}
.add-to-cart {
width: 100%;
padding-left: 10px;
padding-right: 10px;
}
.product-quantity .product-add-to-cart-wrapper {
flex-wrap: nowrap;
height: 80px;
}