@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") } .row.container { margin-left: auto; margin-right: auto; padding-left: 0; padding-right: 0 } .jxml-banner-title, .jxml-slider-title, .no-title .jxml-html-title { display: none } .custom-tabs .custom-tab-links { display: flex; flex-wrap: wrap; justify-content: center; padding-bottom: 1.42857rem } .custom-tabs .custom-tab-links>div { margin: 0 1.78571rem; cursor: pointer } @media (max-width:991.98px) { .custom-tabs .custom-tab-links>div { margin: 0 1.07143rem } .custom-tabs .custom-tab-links>div .jxml-html-title { font-size: 1.28571rem } } @media (max-width:767.98px) { .custom-tabs .custom-tab-links>div { margin: 0 .71429rem } .custom-tabs .custom-tab-links>div .jxml-html-title { font-size: 1.14286rem } } .custom-tabs .custom-tab-links>div .jxml-html-title { transition: color .3s ease; margin: 0 } .custom-tabs .custom-tab-links>div.active .jxml-html-title, .custom-tabs .custom-tab-links>div:hover .jxml-html-title { color: #c83b4e } .custom-tabs .custom-tab-contents>div:not(.active) { height: 0; opacity: 0; overflow: hidden } .custom-tabs .custom-tab-contents>div.active { transition: opacity .3s ease } .custom-tabs .featured-products>h1, .custom-tabs .jxml-slider-title { display: none } .custom-tabs.vertical-custom-tabs .custom-tab-links { justify-content: start; padding-bottom: 0; flex-direction: column } .custom-tabs.vertical-custom-tabs .custom-tab-links>div { margin: 0 0 .35714rem; padding: .71429rem 1.42857rem; background: #fff } .custom-tabs.vertical-custom-tabs .custom-tab-links>div .jxml-html-title { font-size: 1.42857rem; text-transform: uppercase } .custom-tabs.vertical-custom-tabs .custom-tab-links>div.active, .custom-tabs.vertical-custom-tabs .custom-tab-links>div:hover { background: #282828 } .custom-tabs.vertical-custom-tabs .custom-tab-links>div.active .jxml-html-title, .custom-tabs.vertical-custom-tabs .custom-tab-links>div:hover .jxml-html-title { color: #fff } @media (max-width:767.98px) { .custom-tabs.vertical-custom-tabs .custom-tab-links { display: block; text-align: center } .custom-tabs.vertical-custom-tabs .custom-tab-links>div { margin: 0 .14286rem .21429rem; padding: .21429rem .5rem; display: inline-block } .custom-tabs.vertical-custom-tabs .custom-tab-links>div .jxml-html-title { font-size: 1rem } } .html-nav h3, .html-nav p, .html-nav span { margin: 0 } .html-nav h3 { font: 500 .92857rem/1rem Poppins, sans-serif; color: #057176; text-transform: uppercase; letter-spacing: .3em } .html-nav p { font: 300 .92857rem/1rem Poppins, sans-serif; color: #000 } .html-nav .line-divider { width: 3.78571rem; height: .07143rem; background: #000; display: block; margin: 0 .71429rem } @media (min-width:1200px) { .html-btn .btn { min-width: 30rem } } .html-block .jxml-html-description h2, .html-block .jxml-html-description h4 { margin-bottom: 0 } .html-block .jxml-html-description h4 { font: 500 .92857rem/1.14286rem Poppins, sans-serif; letter-spacing: .2em; color: #000; text-transform: uppercase } .html-block .jxml-html-description p { font: 300 .92857rem/1.64286rem Poppins, sans-serif; color: #8b8b8b; } .html-block .jxml-html-description h2+p, .html-block .jxml-html-description h4+h2 { margin-top: 1.42857rem } .html-block.bestseller-baner { text-align: center } .html-block.bestseller-baner h4 { font-size: 1.71429rem; line-height: 110%; font-weight: 300; color: #fff } .html-block.bestseller-baner h2 { font-size: 3.57143rem; line-height: 110%; font-weight: 600; color: #fff } @media (min-width:768px) { .html-block.bestseller-baner h2 { font-size: 7rem } } .html-block.bestseller-baner h2:after, .html-block.bestseller-baner h2:before { display: none } .html-block.bestseller-baner h2+p { font-size: 1.71429rem; line-height: 150%; color: #ccc } .offset-mt { margin-top: 2.14286rem } @media (min-width:768px) { .offset-mt { margin-top: -5.71429rem } } @media (min-width:992px) { .offset-mt { margin-top: -7.14286rem } } @media (min-width:1200px) { .offset-mt { margin-top: -8.92857rem } } .offset-mt-1 { padding-top: 5.71429rem } @media (min-width:768px) { .offset-mt-1 { margin-top: -14.28571rem } } @media (min-width:1200px) { .offset-mt-1 { margin-top: -15.71429rem } } .banner-type-1 { position: relative; overflow: hidden; z-index: 3 } .banner-type-1 .jxml-banner-link { display: block; position: relative; overflow: hidden } .banner-type-1 .jxml-banner-link .jxml-banner-img { transform: scale(1.05); width: 100%; transition: all .3s ease-in-out; will-change: transform } .banner-type-1 .jxml-banner-link:active .jxml-banner-img, .banner-type-1 .jxml-banner-link:focus .jxml-banner-img, .banner-type-1 .jxml-banner-link:hover .jxml-banner-img { transform: scale(1) } .banner-type-1 .jxml-banner-description { position: absolute; left: 0; right: 0; top: 0; transform: translateY(0); text-align: left; font-size: .85714rem; padding: 3.57143rem } @media (min-width:576px) { .banner-type-1 .jxml-banner-description { font-size: .85714rem } } @media (min-width:768px) { .banner-type-1 .jxml-banner-description { font-size: .57143rem } } @media (min-width:992px) { .banner-type-1 .jxml-banner-description { font-size: .71429rem } } @media (min-width:1200px) { .banner-type-1 .jxml-banner-description { font-size: .85714rem } } @media (min-width:1780px) { .banner-type-1 .jxml-banner-description { font-size: 1.14286rem } } .banner-type-1 .jxml-banner-description h2, .banner-type-1 .jxml-banner-description h3, .banner-type-1 .jxml-banner-description h4 { margin: 0; line-height: 1.1; color: #fff; font-family: Poppins, sans-serif } .banner-type-1 .jxml-banner-description h2 { color: #fff; font-size: 3.75em; text-transform: capitalize } .banner-type-1 .jxml-banner-description h3 { font-weight: 500; font-size: 1.625em } .banner-type-1 .jxml-banner-description h4 { text-transform: uppercase; font-weight: 300; font-size: 1.5em; letter-spacing: .3em } .banner-type-1 .jxml-banner-description h4+h3 { margin-top: 1.42857rem } .banner-type-1 .jxml-banner-description h3+h2 { margin-top: 1.28571rem } @media (min-width:768px) and (max-width:991.98px) { .banner-type-1 .jxml-banner-description h3+h2, .banner-type-1 .jxml-banner-description h4+h3 { margin-top: .71429rem } } .banner-type-1.bottom-position .jxml-banner-description, .banner-type-1.top-position .jxml-banner-description { text-align: center } .banner-type-1.bottom-position .jxml-banner-description { top: auto; bottom: 0 } .banner-type-1.bottom-position .jxml-banner-description h2, .banner-type-1.bottom-position .jxml-banner-description h3, .banner-type-1.bottom-position .jxml-banner-description h4 { color: #057176 } .slide-type-01 { background: #057176 } .slide-type-01 .jxml-banner-link { display: flex; align-items: center } @media (min-width:768px) { .slide-type-01 .jxml-banner-link { align-items: flex-start } } .slide-type-01 .jxml-banner-img { border-right: .71429rem solid #fff; width: 58%; -o-object-fit: cover; object-fit: cover } @media (min-width:768px) { .slide-type-01 .jxml-banner-img { border-right-width: 1.14286rem; border-bottom: 1.14286rem solid #fff } } @media (min-width:1200px) { .slide-type-01 .jxml-banner-img { border-right-width: 1.57143rem; border-bottom-width: 1.57143rem } } .slide-type-01 .jxml-banner-description { flex: 1 1 auto; width: 1%; font-size: .21429rem; padding: .71429rem 2.85714rem 1.42857rem .71429rem } @media (min-width:576px) { .slide-type-01 .jxml-banner-description { font-size: .42857rem; padding: 1.42857rem 2.85714rem 1.42857rem 1.42857rem } } @media (min-width:768px) { .slide-type-01 .jxml-banner-description { font-size: .42857rem; padding: 2.14286rem 3.57143rem 4.28571rem 2.14286rem } .slide-type-01 .jxml-banner-description .jxml-banner-link { align-items: flex-start } } @media (min-width:992px) { .slide-type-01 .jxml-banner-description { font-size: .57143rem; padding: 3.57143rem } } @media (min-width:1200px) { .slide-type-01 .jxml-banner-description { font-size: .57143rem; padding: 3.57143rem 3.57143rem 2.14286rem } } @media (min-width:1780px) { .slide-type-01 .jxml-banner-description { font-size: 1.14286rem; padding: 7.71429rem 3.57143rem 2.14286rem } } .slide-type-01 .jxml-banner-description h2, .slide-type-01 .jxml-banner-description h3, .slide-type-01 .jxml-banner-description h4, .slide-type-01 .jxml-banner-description p { margin: 0; font-family: Poppins, sans-serif; color: #fff } .slide-type-01 .jxml-banner-description h2 { font-weight: 600; font-size: 6.125em; line-height: 1.2; text-transform: capitalize } .slide-type-01 .jxml-banner-description h2.font-xl { font-size: 8.5em } .slide-type-01 .jxml-banner-description h2.custom { display: none; color: #fff; text-shadow: .07143rem .07143rem #000, -.07143rem .07143rem #000, .07143rem -.07143rem #000, -.07143rem -.07143rem #000 } .slide-type-01 .jxml-banner-description h3 { font-weight: 700; font-size: 3.75em; line-height: 1.35; color: #000 } .slide-type-01 .jxml-banner-description h4 { text-transform: uppercase; font-weight: 300; line-height: 1.1; font-size: 1.5em; letter-spacing: .2em } @media (min-width:992px) { .slide-type-01 .jxml-banner-description h4 { margin-top: 6.78571rem } } .slide-type-01 .jxml-banner-description .btn-default:focus, .slide-type-01 .jxml-banner-description .btn-default:hover { background: #000 } .slide-type-01 .jxml-banner-description p:not(.btn) { font-weight: 300; font-size: 1rem; color: #ccc; line-height: 1.8; display: none } @media (min-width:1780px) { .slide-type-01 .jxml-banner-description p:not(.btn) { font-size: 1.28571rem } } .slide-type-01 .jxml-banner-description .color-primary { color: #c83b4e } .slide-type-01 .jxml-banner-description .color-primary.custom { text-shadow: .07143rem .07143rem #c83b4e, -.07143rem .07143rem #c83b4e, .07143rem -.07143rem #c83b4e, -.07143rem -.07143rem #c83b4e } .slide-type-01 .jxml-banner-description .title-wrapper { position: relative } .slide-type-01 .jxml-banner-description .title-wrapper h2 { position: relative; z-index: 1 } .slide-type-01 .jxml-banner-description .title-wrapper h2.custom { position: absolute; top: 0; left: .42857rem; z-index: 0 } .slide-type-01 .jxml-banner-description .title-wrapper+p, .slide-type-01 .jxml-banner-description h4+.title-wrapper, .slide-type-01 .jxml-banner-description h4+h3, .slide-type-01 .jxml-banner-description p+.btn { margin-top: .71429rem } .slide-type-01 .jxml-banner-description h3+.title-wrapper { margin-top: .35714rem } .slide-type-01 .jxml-banner-description .btn-lg { padding: .85714rem 1.78571rem } @media (min-width:768px) { .slide-type-01 .jxml-banner-description p:not(.btn) { display: block } .slide-type-01 .jxml-banner-description .title-wrapper+p, .slide-type-01 .jxml-banner-description h4+h3, .slide-type-01 .jxml-banner-description p+.btn { margin-top: 1.42857rem } .slide-type-01 .jxml-banner-description h4+.title-wrapper { margin-top: 1.07143rem } .slide-type-01 .jxml-banner-description .btn-lg { padding: 1.28571rem 2.14286rem } .slide-type-01 .jxml-banner-description h2.custom { display: inline-block } } @media (min-width:1780px) { .slide-type-01 .jxml-banner-description .btn-lg { padding: 1.57143rem 3.57143rem } .slide-type-01 .jxml-banner-description p+.btn { margin-top: 4.28571rem } } @media (max-width:399.98px) { .slide-type-01 .jxml-banner-description h3, .slide-type-01 .jxml-banner-description h4 { display: none } .slide-type-01 .jxml-banner-description .title-wrapper h2.custom { top: -.07143rem; left: .14286rem } .slide-type-01 .jxml-banner-description .btn-lg { font-size: .71429rem; padding: .64286rem 1.42857rem } } .slider-top { background: #057176 } .slider-top .swiper-pagination { text-align: left; width: 40%; left: auto; right: 0; bottom: 1.07143rem; display: none } .slider-top .swiper-pagination .swiper-pagination-bullet { box-shadow: 0 0 0 .14286rem #fff; background: #fff } .slider-top .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active, .slider-top .swiper-pagination .swiper-pagination-bullet:hover { box-shadow: 0 0 0 .14286rem #fff; background: transparent } .slider-top .swiper-button-prev { left: 0 } .slider-top .swiper-button-next { right: 0 } @media (min-width:768px) { .slider-top { padding-bottom: 11.42857rem } .slider-top .swiper-pagination { display: block } .slider-top .swiper-button-next, .slider-top .swiper-button-prev { display: none } } @media (min-width:992px) { .slider-top { padding-bottom: 14.28571rem } .slider-top .swiper-pagination { width: 37% } } @media (min-width:1200px) { .slider-top { padding-bottom: 17.5rem } .slider-top .swiper-pagination { bottom: 2.14286rem } }