797 lines
20 KiB
CSS
797 lines
20 KiB
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")
|
|
}
|
|
|
|
.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
|
|
}
|
|
} |