Files
wyczarujprezent.pl/themes/EZE-249/modules/jxmegamenu/views/css/jxmegamenu.css
2024-10-28 22:14:22 +01:00

1086 lines
35 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")
}
.default-menu>ul {
margin: 0
}
.default-menu>ul>li>.top-level-menu-li-span,
.default-menu>ul>li>a {
display: block;
position: relative;
cursor: pointer;
transition: all .3s ease;
font: 500 1.28571rem/1.42857rem Poppins, sans-serif;
color: #000
}
@media (min-width:768px) {
.default-menu>ul>li>.top-level-menu-li-span.sf-with-ul,
.default-menu>ul>li>a.sf-with-ul {
padding-right: 1.42857rem
}
.default-menu>ul>li>.top-level-menu-li-span.sf-with-ul:after,
.default-menu>ul>li>a.sf-with-ul:after {
position: absolute;
font-family: FontAwesome;
content: "\F107";
font-size: 1.28571rem;
line-height: 1;
right: 0;
top: .14286rem;
transition: transform .3s ease-in-out
}
}
.default-menu>ul>li.sfHover>.top-level-menu-li-span,
.default-menu>ul>li.sfHover>a,
.default-menu>ul>li.sfHoverForce>.top-level-menu-li-span,
.default-menu>ul>li.sfHoverForce>a,
.default-menu>ul>li>.top-level-menu-li-span:hover,
.default-menu>ul>li>a:hover {
color: #057176
}
@media (min-width:768px) {
.default-menu>ul>li.sfHover>.top-level-menu-li-span.sf-with-ul:after,
.default-menu>ul>li.sfHover>a.sf-with-ul:after,
.default-menu>ul>li>.top-level-menu-li-span:hover.sf-with-ul:after,
.default-menu>ul>li>a:hover.sf-with-ul:after {
transform: rotate(180deg)
}
}
.default-menu .is-megamenu,
.default-menu li.simple ul {
display: none
}
@media (max-width:1790px) {
.default-menu .megamenu-col.custom_col_min_lg,
.default-menu .megamenu-col.custom_col_min_xl {
display: none
}
}
@media (max-width:767px) {
.default-menu .megamenu-col.custom_col_min_md {
display: none
}
}
@media (max-width:576px) {
.default-menu .megamenu-col.custom_col_min_sm {
display: none
}
}
@media (max-width:399.98px) {
.default-menu .megamenu-col.col-sm-6 {
flex: 0 0 100%;
max-width: 100%
}
}
@media (min-width:1780px) {
.default-menu .megamenu-col.custom_col_2_min {
flex: 0 0 12.3333%;
max-width: 12.3333%
}
}
@media (min-width:1780px) {
.default-menu .megamenu-col.custom_col_4_min {
flex: 0 0 36%;
max-width: 36%
}
}
@media (min-width:1780px) {
.default-menu .megamenu-col.custom_offset_1_xl {
margin-left: 4.8888%
}
}
@media (max-width:399.98px) {
.default-menu .megamenu-col.col-sm-3 {
flex: 0 0 50%;
max-width: 50%
}
}
@media (max-width:767.98px) {
.default-menu .megamenu-resize .megamenu-col {
flex: 0 0 33.33333%;
max-width: 33.33333%;
margin-bottom: 2.14286rem
}
}
@media (max-width:399.98px) {
.default-menu .megamenu-resize .megamenu-col {
flex: 0 0 50%;
max-width: 50%
}
}
@media (min-width:768px) {
.default-menu>ul {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center
}
.default-menu>ul>li+li {
margin-left: 1.42857rem
}
}
@media (min-width:768px) and (min-width:1200px) {
.default-menu>ul>li+li {
margin-left: 3.57143rem
}
}
@media (min-width:768px) {
.default-menu li.simple {
position: relative
}
.default-menu li.simple ul {
position: absolute;
top: 0;
left: 100%;
width: 14.28571rem;
margin-top: -2.21429rem;
margin-left: 1.57143rem;
z-index: 99;
border: .07143rem solid #000;
background: #fff;
padding: 2.14286rem 1.42857rem
}
.default-menu li.simple>ul {
top: 100%;
left: 0;
margin-top: 2.14286rem;
margin-left: 0
}
.default-menu li.simple li {
position: relative
}
.default-menu li.simple li>a {
display: block;
font: 400 1rem/1.14286rem Poppins, sans-serif
}
.default-menu li.simple li>a.sf-with-ul {
padding-right: 1.07143rem;
position: relative
}
.default-menu li.simple li>a.sf-with-ul:after {
position: absolute;
top: .21429rem;
right: .35714rem;
font-family: FontAwesome;
content: "\F105";
font-size: 1rem;
line-height: 1;
transition: all .3s ease;
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.default-menu li.simple li+li {
margin-top: .71429rem
}
.default-menu li.simple li.sfHover>.sf-with-ul:after,
.default-menu li.simple li>.sf-with-ul:hover:after {
right: 0
}
.default-menu .is-megamenu {
position: absolute;
top: 100%;
left: 1.07143rem;
right: 1.07143rem;
background: #fff;
z-index: 7;
margin-top: 2.42857rem;
border-top: 3px solid #e30613;
padding: 2.14286rem
}
}
@media (min-width:768px) and (min-width:992px) {
.default-menu .is-megamenu {
padding: 3.57143rem
}
}
@media (min-width:768px) and (min-width:1780px) {
.default-menu .is-megamenu {
padding: 5.35714rem 6.42857rem 6.42857rem
}
}
@media (min-width:768px) {
.default-menu .is-megamenu .megamenu-row+.megamenu-row {
margin: 0
}
}
@media (max-width:767.98px) {
.default-menu .menu-title {
color: #000
}
.default-menu .menu-title span {
display: none
}
.default-menu .menu-title i {
font-size: 1.71429rem;
line-height: 1
}
.default-menu>ul {
display: none;
position: absolute;
left: 0;
right: 0;
top: 100%;
z-index: 11;
background: #fff;
margin-top: .71429rem;
padding: 1.42857rem 2.14286rem;
overflow: hidden;
border: .07143rem solid #000
}
.default-menu>ul>li,
.default-menu>ul>li.simple li {
display: flex;
flex-wrap: wrap
}
.default-menu>ul>li+li,
.default-menu>ul>li.simple li+li {
margin-top: .71429rem
}
.default-menu>ul>li.simple li>.top-level-menu-li-span,
.default-menu>ul>li.simple li>a,
.default-menu>ul>li>.top-level-menu-li-span,
.default-menu>ul>li>a {
flex: 1 1 auto;
width: 1%;
font-size: 1.14286rem
}
.default-menu>ul .menu-mobile-grover {
margin-left: .35714rem
}
.default-menu .is-megamenu,
.default-menu .is-simplemenu,
.default-menu .is-simplemenu ul {
padding: .71429rem .35714rem;
flex: 0 0 100%;
order: 2
}
.default-menu .is-megamenu .megamenu-col,
.default-menu .is-simplemenu .megamenu-col,
.default-menu .is-simplemenu ul .megamenu-col {
margin-bottom: 2.14286rem
}
}
@media (max-width:767.98px) and (max-width:767.98px) {
.default-menu .is-megamenu .megamenu-row,
.default-menu .is-simplemenu .megamenu-row,
.default-menu .is-simplemenu ul .megamenu-row {
margin-left: -.71429rem;
margin-right: -.71429rem
}
.default-menu .is-megamenu .megamenu-row .megamenu-col,
.default-menu .is-simplemenu .megamenu-row .megamenu-col,
.default-menu .is-simplemenu ul .megamenu-row .megamenu-col {
padding-left: .71429rem;
padding-right: .71429rem
}
}
.column_menu ul.jxmegamenu>li,
.column_menu ul.jxmegamenu li.simple,
.column_menu ul.jxmegamenu li.simple li {
border: .07143rem solid #f2f2f2;
padding: .71429rem 1.42857rem;
position: relative;
margin-bottom: 0
}
.column_menu ul.jxmegamenu>li:not(:last-child),
.column_menu ul.jxmegamenu li.simple:not(:last-child),
.column_menu ul.jxmegamenu li.simple li:not(:last-child) {
border-bottom: none
}
.column_menu ul.jxmegamenu>li:before,
.column_menu ul.jxmegamenu li.simple:before,
.column_menu ul.jxmegamenu li.simple li:before {
content: "";
background: #f2f2f2;
width: 0;
height: 100%;
position: absolute;
left: 0;
top: 0;
transition: all .3s;
z-index: -1
}
.column_menu ul.jxmegamenu>li.sfHover:before,
.column_menu ul.jxmegamenu li.simple.sfHover:before,
.column_menu ul.jxmegamenu li.simple li.sfHover:before {
width: 100%
}
.column_menu ul.jxmegamenu>li.sfHover>a.sf-with-ul:after,
.column_menu ul.jxmegamenu>li.sfHover>span.sf-with-ul:after,
.column_menu ul.jxmegamenu li.simple.sfHover>a.sf-with-ul:after,
.column_menu ul.jxmegamenu li.simple.sfHover>span.sf-with-ul:after,
.column_menu ul.jxmegamenu li.simple li.sfHover>a.sf-with-ul:after,
.column_menu ul.jxmegamenu li.simple li.sfHover>span.sf-with-ul:after {
color: #202020
}
.column_menu ul.jxmegamenu>li.sfHover>a+.is-megamenu,
.column_menu ul.jxmegamenu>li.sfHover>a+ul,
.column_menu ul.jxmegamenu>li.sfHover>span+.is-megamenu,
.column_menu ul.jxmegamenu>li.sfHover>span+ul,
.column_menu ul.jxmegamenu li.simple.sfHover>a+.is-megamenu,
.column_menu ul.jxmegamenu li.simple.sfHover>a+ul,
.column_menu ul.jxmegamenu li.simple.sfHover>span+.is-megamenu,
.column_menu ul.jxmegamenu li.simple.sfHover>span+ul,
.column_menu ul.jxmegamenu li.simple li.sfHover>a+.is-megamenu,
.column_menu ul.jxmegamenu li.simple li.sfHover>a+ul,
.column_menu ul.jxmegamenu li.simple li.sfHover>span+.is-megamenu,
.column_menu ul.jxmegamenu li.simple li.sfHover>span+ul {
-webkit-animation-name: slideInUp;
animation-name: slideInUp;
-webkit-animation-duration: .5s;
animation-duration: .5s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both
}
.column_menu ul.jxmegamenu>li>a.sf-with-ul,
.column_menu ul.jxmegamenu>li>span:not(.menu-mobile-grover).sf-with-ul,
.column_menu ul.jxmegamenu li.simple a.sf-with-ul,
.column_menu ul.jxmegamenu li.simple span:not(.menu-mobile-grover).sf-with-ul {
margin-right: .71429rem
}
.column_menu ul.jxmegamenu>li>a.sf-with-ul:after,
.column_menu ul.jxmegamenu>li>span:not(.menu-mobile-grover).sf-with-ul:after,
.column_menu ul.jxmegamenu li.simple a.sf-with-ul:after,
.column_menu ul.jxmegamenu li.simple span:not(.menu-mobile-grover).sf-with-ul:after {
position: absolute;
right: 0;
top: .64286rem;
font-family: FontAwesome;
content: "\F101";
font-size: 2rem;
line-height: 2rem;
color: #f2f2f2;
width: 2rem;
height: 2rem;
text-align: center;
cursor: pointer;
transition: all .3s
}
@media (min-width:768px) and (max-width:991.98px) {
.column_menu ul.jxmegamenu>li>a.sf-with-ul:after,
.column_menu ul.jxmegamenu>li>span:not(.menu-mobile-grover).sf-with-ul:after,
.column_menu ul.jxmegamenu li.simple a.sf-with-ul:after,
.column_menu ul.jxmegamenu li.simple span:not(.menu-mobile-grover).sf-with-ul:after {
height: 1.42857rem;
width: 1.42857rem;
font-size: 1.42857rem;
line-height: 1.42857rem
}
}
.column_menu ul.jxmegamenu>li>a.sf-with-ul+.is-megamenu,
.column_menu ul.jxmegamenu>li>a.sf-with-ul+ul,
.column_menu ul.jxmegamenu>li>span:not(.menu-mobile-grover).sf-with-ul+.is-megamenu,
.column_menu ul.jxmegamenu>li>span:not(.menu-mobile-grover).sf-with-ul+ul,
.column_menu ul.jxmegamenu li.simple a.sf-with-ul+.is-megamenu,
.column_menu ul.jxmegamenu li.simple a.sf-with-ul+ul,
.column_menu ul.jxmegamenu li.simple span:not(.menu-mobile-grover).sf-with-ul+.is-megamenu,
.column_menu ul.jxmegamenu li.simple span:not(.menu-mobile-grover).sf-with-ul+ul {
position: absolute;
left: calc(100% - .07143rem);
width: 100%;
top: -.07143rem;
z-index: 99;
background: #fff
}
.column_menu ul.jxmegamenu>li>a.sf-with-ul+.is-megamenu.is-megamenu,
.column_menu ul.jxmegamenu>li>a.sf-with-ul+ul.is-megamenu,
.column_menu ul.jxmegamenu>li>span:not(.menu-mobile-grover).sf-with-ul+.is-megamenu.is-megamenu,
.column_menu ul.jxmegamenu>li>span:not(.menu-mobile-grover).sf-with-ul+ul.is-megamenu,
.column_menu ul.jxmegamenu li.simple a.sf-with-ul+.is-megamenu.is-megamenu,
.column_menu ul.jxmegamenu li.simple a.sf-with-ul+ul.is-megamenu,
.column_menu ul.jxmegamenu li.simple span:not(.menu-mobile-grover).sf-with-ul+.is-megamenu.is-megamenu,
.column_menu ul.jxmegamenu li.simple span:not(.menu-mobile-grover).sf-with-ul+ul.is-megamenu {
width: 83.42857rem;
padding: 2.14286rem;
border: .07143rem solid #f2f2f2
}
.column_menu ul.jxmegamenu>li>a.sf-with-ul+.is-megamenu.is-megamenu .sf-with-ul+ul,
.column_menu ul.jxmegamenu>li>a.sf-with-ul+ul.is-megamenu .sf-with-ul+ul,
.column_menu ul.jxmegamenu>li>span:not(.menu-mobile-grover).sf-with-ul+.is-megamenu.is-megamenu .sf-with-ul+ul,
.column_menu ul.jxmegamenu>li>span:not(.menu-mobile-grover).sf-with-ul+ul.is-megamenu .sf-with-ul+ul,
.column_menu ul.jxmegamenu li.simple a.sf-with-ul+.is-megamenu.is-megamenu .sf-with-ul+ul,
.column_menu ul.jxmegamenu li.simple a.sf-with-ul+ul.is-megamenu .sf-with-ul+ul,
.column_menu ul.jxmegamenu li.simple span:not(.menu-mobile-grover).sf-with-ul+.is-megamenu.is-megamenu .sf-with-ul+ul,
.column_menu ul.jxmegamenu li.simple span:not(.menu-mobile-grover).sf-with-ul+ul.is-megamenu .sf-with-ul+ul {
display: block !important
}
@media (max-width:767.98px) {
.column_menu ul.jxmegamenu>li,
.column_menu ul.jxmegamenu>li.simple,
.column_menu ul.jxmegamenu>li.simple li {
display: flex;
flex-wrap: wrap;
position: relative;
justify-content: space-between
}
.column_menu ul.jxmegamenu>li.simple>*,
.column_menu ul.jxmegamenu>li.simple li>*,
.column_menu ul.jxmegamenu>li>* {
z-index: 2
}
.column_menu ul.jxmegamenu>li .menu-mobile-grover,
.column_menu ul.jxmegamenu>li.simple .menu-mobile-grover,
.column_menu ul.jxmegamenu>li.simple li .menu-mobile-grover {
z-index: 1;
transition: all .3s
}
.column_menu ul.jxmegamenu>li .menu-mobile-grover:before,
.column_menu ul.jxmegamenu>li.simple .menu-mobile-grover:before,
.column_menu ul.jxmegamenu>li.simple li .menu-mobile-grover:before {
content: "";
display: block;
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
opacity: 0;
background: #f2f2f2;
transition: all .3s
}
.column_menu ul.jxmegamenu>li .menu-mobile-grover.active,
.column_menu ul.jxmegamenu>li.simple .menu-mobile-grover.active,
.column_menu ul.jxmegamenu>li.simple li .menu-mobile-grover.active {
color: #c83b4e
}
.column_menu ul.jxmegamenu>li .menu-mobile-grover.active+a,
.column_menu ul.jxmegamenu>li.simple .menu-mobile-grover.active+a,
.column_menu ul.jxmegamenu>li.simple li .menu-mobile-grover.active+a {
color: #202020
}
.column_menu ul.jxmegamenu>li .menu-mobile-grover.active:before,
.column_menu ul.jxmegamenu>li.simple .menu-mobile-grover.active:before,
.column_menu ul.jxmegamenu>li.simple li .menu-mobile-grover.active:before {
opacity: 1
}
.column_menu ul.jxmegamenu .is-megamenu,
.column_menu ul.jxmegamenu>li.simple li ul,
.column_menu ul.jxmegamenu>li.simple ul {
display: none;
flex: 0 0 calc(100% + 2.85714rem);
order: 2;
background: #fff;
padding: .71429rem 1.42857rem;
margin: .71429rem -1.42857rem -.71429rem
}
.column_menu ul.jxmegamenu>li.simple>ul>li {
padding-right: 0;
padding-left: 0
}
.column_menu ul.jxmegamenu>li.simple li {
border: none;
padding-top: .35714rem;
padding-bottom: .35714rem;
font-size: 1.07143rem;
justify-content: flex-start
}
.column_menu ul.jxmegamenu>li.simple li ul {
margin-top: 0
}
.column_menu ul.jxmegamenu>li.simple li a {
margin-right: 1.42857rem
}
.column_menu ul.jxmegamenu>li.simple li .menu-mobile-grover:before {
display: none
}
.column_menu ul.jxmegamenu>li.simple li .menu-mobile-grover:after {
font-size: 1.85714rem
}
}
.menu-mobile-grover {
order: 1;
cursor: pointer;
width: 1.42857rem;
height: 1.42857rem;
text-align: right;
color: #000
}
.menu-mobile-grover:after {
display: inline-block;
font-family: FontAwesome;
content: "\F107";
font-size: 1.28571rem;
line-height: 1;
transition: all .3s ease-in-out;
will-change: transform
}
.menu-mobile-grover.active:after {
transform: rotate(180deg)
}
.jxmegamenu_item .menu_badge {
position: absolute;
top: -.14286rem;
right: -.35714rem;
z-index: 2;
font-size: .71429rem;
display: inline-block;
background: #c83b4e;
color: #fff;
padding: .07143rem .35714rem .14286rem;
line-height: .85714rem;
border-radius: .21429rem;
margin-left: .71429rem
}
.jxmegamenu_item .is-megamenu ul.content {
margin-bottom: 0
}
.jxmegamenu_item .is-megamenu ul.content>li.all-manufacturers>a,
.jxmegamenu_item .is-megamenu ul.content>li.all-suppliers>a,
.jxmegamenu_item .is-megamenu ul.content>li.category>a,
.jxmegamenu_item .is-megamenu ul.content>li.cms-category>a,
.jxmegamenu_item .is-megamenu ul.content>li.cms-page>a,
.jxmegamenu_item .is-megamenu ul.content>li.custom-link>a,
.jxmegamenu_item .is-megamenu ul.content>li.product>a {
display: inline-block;
font: 500 1.28571rem/1.42857rem Poppins, sans-serif;
color: #000
}
.jxmegamenu_item .is-megamenu ul.content>li.all-manufacturers>a:active,
.jxmegamenu_item .is-megamenu ul.content>li.all-manufacturers>a:focus,
.jxmegamenu_item .is-megamenu ul.content>li.all-manufacturers>a:hover,
.jxmegamenu_item .is-megamenu ul.content>li.all-suppliers>a:active,
.jxmegamenu_item .is-megamenu ul.content>li.all-suppliers>a:focus,
.jxmegamenu_item .is-megamenu ul.content>li.all-suppliers>a:hover,
.jxmegamenu_item .is-megamenu ul.content>li.category>a:active,
.jxmegamenu_item .is-megamenu ul.content>li.category>a:focus,
.jxmegamenu_item .is-megamenu ul.content>li.category>a:hover,
.jxmegamenu_item .is-megamenu ul.content>li.cms-category>a:active,
.jxmegamenu_item .is-megamenu ul.content>li.cms-category>a:focus,
.jxmegamenu_item .is-megamenu ul.content>li.cms-category>a:hover,
.jxmegamenu_item .is-megamenu ul.content>li.cms-page>a:active,
.jxmegamenu_item .is-megamenu ul.content>li.cms-page>a:focus,
.jxmegamenu_item .is-megamenu ul.content>li.cms-page>a:hover,
.jxmegamenu_item .is-megamenu ul.content>li.custom-link>a:active,
.jxmegamenu_item .is-megamenu ul.content>li.custom-link>a:focus,
.jxmegamenu_item .is-megamenu ul.content>li.custom-link>a:hover,
.jxmegamenu_item .is-megamenu ul.content>li.product>a:active,
.jxmegamenu_item .is-megamenu ul.content>li.product>a:focus,
.jxmegamenu_item .is-megamenu ul.content>li.product>a:hover {
color: #c83b4e
}
.jxmegamenu_item .is-megamenu ul.content>li.all-manufacturers>a+ul,
.jxmegamenu_item .is-megamenu ul.content>li.all-suppliers>a+ul,
.jxmegamenu_item .is-megamenu ul.content>li.category>a+ul,
.jxmegamenu_item .is-megamenu ul.content>li.cms-category>a+ul,
.jxmegamenu_item .is-megamenu ul.content>li.cms-page>a+ul,
.jxmegamenu_item .is-megamenu ul.content>li.custom-link>a+ul,
.jxmegamenu_item .is-megamenu ul.content>li.product>a+ul {
margin-top: .71429rem
}
@media (min-width:992px) {
.jxmegamenu_item .is-megamenu ul.content>li.all-manufacturers>a+ul,
.jxmegamenu_item .is-megamenu ul.content>li.all-suppliers>a+ul,
.jxmegamenu_item .is-megamenu ul.content>li.category>a+ul,
.jxmegamenu_item .is-megamenu ul.content>li.cms-category>a+ul,
.jxmegamenu_item .is-megamenu ul.content>li.cms-page>a+ul,
.jxmegamenu_item .is-megamenu ul.content>li.custom-link>a+ul,
.jxmegamenu_item .is-megamenu ul.content>li.product>a+ul {
margin-top: 1.71429rem
}
}
.jxmegamenu_item .is-megamenu ul.content>li.all-manufacturers.sfHoverForce>a,
.jxmegamenu_item .is-megamenu ul.content>li.all-suppliers.sfHoverForce>a,
.jxmegamenu_item .is-megamenu ul.content>li.category.sfHoverForce>a,
.jxmegamenu_item .is-megamenu ul.content>li.cms-category.sfHoverForce>a,
.jxmegamenu_item .is-megamenu ul.content>li.cms-page.sfHoverForce>a,
.jxmegamenu_item .is-megamenu ul.content>li.custom-link.sfHoverForce>a,
.jxmegamenu_item .is-megamenu ul.content>li.product.sfHoverForce>a {
color: #c83b4e
}
.jxmegamenu_item .is-megamenu ul.content>li.all-manufacturers ul,
.jxmegamenu_item .is-megamenu ul.content>li.all-suppliers ul,
.jxmegamenu_item .is-megamenu ul.content>li.category ul,
.jxmegamenu_item .is-megamenu ul.content>li.cms-category ul,
.jxmegamenu_item .is-megamenu ul.content>li.cms-page ul,
.jxmegamenu_item .is-megamenu ul.content>li.custom-link ul,
.jxmegamenu_item .is-megamenu ul.content>li.product ul {
margin-bottom: 0
}
.jxmegamenu_item .is-megamenu ul.content>li.all-manufacturers ul li a,
.jxmegamenu_item .is-megamenu ul.content>li.all-suppliers ul li a,
.jxmegamenu_item .is-megamenu ul.content>li.category ul li a,
.jxmegamenu_item .is-megamenu ul.content>li.cms-category ul li a,
.jxmegamenu_item .is-megamenu ul.content>li.cms-page ul li a,
.jxmegamenu_item .is-megamenu ul.content>li.custom-link ul li a,
.jxmegamenu_item .is-megamenu ul.content>li.product ul li a {
font: 300 .92857rem/1.14286rem Poppins, sans-serif;
display: block;
position: relative;
color: #000
}
.jxmegamenu_item .is-megamenu ul.content>li.all-manufacturers ul li a:active,
.jxmegamenu_item .is-megamenu ul.content>li.all-manufacturers ul li a:focus,
.jxmegamenu_item .is-megamenu ul.content>li.all-manufacturers ul li a:hover,
.jxmegamenu_item .is-megamenu ul.content>li.all-suppliers ul li a:active,
.jxmegamenu_item .is-megamenu ul.content>li.all-suppliers ul li a:focus,
.jxmegamenu_item .is-megamenu ul.content>li.all-suppliers ul li a:hover,
.jxmegamenu_item .is-megamenu ul.content>li.category ul li a:active,
.jxmegamenu_item .is-megamenu ul.content>li.category ul li a:focus,
.jxmegamenu_item .is-megamenu ul.content>li.category ul li a:hover,
.jxmegamenu_item .is-megamenu ul.content>li.cms-category ul li a:active,
.jxmegamenu_item .is-megamenu ul.content>li.cms-category ul li a:focus,
.jxmegamenu_item .is-megamenu ul.content>li.cms-category ul li a:hover,
.jxmegamenu_item .is-megamenu ul.content>li.cms-page ul li a:active,
.jxmegamenu_item .is-megamenu ul.content>li.cms-page ul li a:focus,
.jxmegamenu_item .is-megamenu ul.content>li.cms-page ul li a:hover,
.jxmegamenu_item .is-megamenu ul.content>li.custom-link ul li a:active,
.jxmegamenu_item .is-megamenu ul.content>li.custom-link ul li a:focus,
.jxmegamenu_item .is-megamenu ul.content>li.custom-link ul li a:hover,
.jxmegamenu_item .is-megamenu ul.content>li.product ul li a:active,
.jxmegamenu_item .is-megamenu ul.content>li.product ul li a:focus,
.jxmegamenu_item .is-megamenu ul.content>li.product ul li a:hover {
color: #c83b4e
}
.jxmegamenu_item .is-megamenu ul.content>li.all-manufacturers ul li+li,
.jxmegamenu_item .is-megamenu ul.content>li.all-suppliers ul li+li,
.jxmegamenu_item .is-megamenu ul.content>li.category ul li+li,
.jxmegamenu_item .is-megamenu ul.content>li.cms-category ul li+li,
.jxmegamenu_item .is-megamenu ul.content>li.cms-page ul li+li,
.jxmegamenu_item .is-megamenu ul.content>li.custom-link ul li+li,
.jxmegamenu_item .is-megamenu ul.content>li.product ul li+li {
margin-top: .71429rem
}
@media (min-width:992px) {
.jxmegamenu_item .is-megamenu ul.content>li.all-manufacturers ul li+li,
.jxmegamenu_item .is-megamenu ul.content>li.all-suppliers ul li+li,
.jxmegamenu_item .is-megamenu ul.content>li.category ul li+li,
.jxmegamenu_item .is-megamenu ul.content>li.cms-category ul li+li,
.jxmegamenu_item .is-megamenu ul.content>li.cms-page ul li+li,
.jxmegamenu_item .is-megamenu ul.content>li.custom-link ul li+li,
.jxmegamenu_item .is-megamenu ul.content>li.product ul li+li {
margin-top: 1.28571rem
}
}
.jxmegamenu_item .is-megamenu ul.content>li.all-manufacturers ul li.sfHoverForce>a,
.jxmegamenu_item .is-megamenu ul.content>li.all-suppliers ul li.sfHoverForce>a,
.jxmegamenu_item .is-megamenu ul.content>li.category ul li.sfHoverForce>a,
.jxmegamenu_item .is-megamenu ul.content>li.cms-category ul li.sfHoverForce>a,
.jxmegamenu_item .is-megamenu ul.content>li.cms-page ul li.sfHoverForce>a,
.jxmegamenu_item .is-megamenu ul.content>li.custom-link ul li.sfHoverForce>a,
.jxmegamenu_item .is-megamenu ul.content>li.product ul li.sfHoverForce>a {
color: #c83b4e
}
.jxmegamenu_item .is-megamenu ul.content>li.all-manufacturers ul li ul,
.jxmegamenu_item .is-megamenu ul.content>li.all-suppliers ul li ul,
.jxmegamenu_item .is-megamenu ul.content>li.category ul li ul,
.jxmegamenu_item .is-megamenu ul.content>li.cms-category ul li ul,
.jxmegamenu_item .is-megamenu ul.content>li.cms-page ul li ul,
.jxmegamenu_item .is-megamenu ul.content>li.custom-link ul li ul,
.jxmegamenu_item .is-megamenu ul.content>li.product ul li ul {
padding: .35714rem 0
}
.jxmegamenu_item .is-megamenu ul.content>li.all-manufacturers+li,
.jxmegamenu_item .is-megamenu ul.content>li.all-suppliers+li,
.jxmegamenu_item .is-megamenu ul.content>li.category+li,
.jxmegamenu_item .is-megamenu ul.content>li.cms-category+li,
.jxmegamenu_item .is-megamenu ul.content>li.cms-page+li,
.jxmegamenu_item .is-megamenu ul.content>li.custom-link+li,
.jxmegamenu_item .is-megamenu ul.content>li.product+li {
margin-top: 1.42857rem
}
@media (min-width:768px) {
.jxmegamenu_item .is-megamenu ul.content>li.all-manufacturers+li,
.jxmegamenu_item .is-megamenu ul.content>li.all-suppliers+li,
.jxmegamenu_item .is-megamenu ul.content>li.category+li,
.jxmegamenu_item .is-megamenu ul.content>li.cms-category+li,
.jxmegamenu_item .is-megamenu ul.content>li.cms-page+li,
.jxmegamenu_item .is-megamenu ul.content>li.custom-link+li,
.jxmegamenu_item .is-megamenu ul.content>li.product+li {
margin-top: 2.14286rem
}
}
@media (min-width:992px) {
.jxmegamenu_item .is-megamenu ul.content>li.all-manufacturers+li,
.jxmegamenu_item .is-megamenu ul.content>li.all-suppliers+li,
.jxmegamenu_item .is-megamenu ul.content>li.category+li,
.jxmegamenu_item .is-megamenu ul.content>li.cms-category+li,
.jxmegamenu_item .is-megamenu ul.content>li.cms-page+li,
.jxmegamenu_item .is-megamenu ul.content>li.custom-link+li,
.jxmegamenu_item .is-megamenu ul.content>li.product+li {
margin-top: 3.28571rem
}
}
.jxmegamenu_item .is-megamenu ul.content ul {
opacity: 1 !important;
display: block !important
}
.jxmegamenu_item .is-megamenu .product-info [class*=product-price-] {
justify-content: center
}
.jxmegamenu_item .is-megamenu .megamenu_banner {
position: relative
}
.jxmegamenu_item .is-megamenu .megamenu_banner>a {
display: block;
overflow: hidden
}
.jxmegamenu_item .is-megamenu .megamenu_banner>a img {
transition: all .5s ease-in-out;
transform: scale(1.1);
will-change: transform
}
.jxmegamenu_item .is-megamenu .megamenu_banner>a:active img,
.jxmegamenu_item .is-megamenu .megamenu_banner>a:focus img,
.jxmegamenu_item .is-megamenu .megamenu_banner>a:hover img {
transform: scale(1)
}
.jxmegamenu_item .is-megamenu .megamenu_banner .description {
position: absolute;
left: 0;
right: 0;
max-height: 100%;
top: 50%;
transform: translateY(-50%);
text-align: center;
font-size: 1.14286rem
}
.jxmegamenu_item .is-megamenu .megamenu_banner .description h2,
.jxmegamenu_item .is-megamenu .megamenu_banner .description h3,
.jxmegamenu_item .is-megamenu .megamenu_banner .description h4 {
margin: 0;
line-height: 1;
font-family: Poppins, sans-serif
}
.jxmegamenu_item .is-megamenu .megamenu_banner .description h3,
.jxmegamenu_item .is-megamenu .megamenu_banner .description h4 {
color: #000
}
.jxmegamenu_item .is-megamenu .megamenu_banner .description h2 {
color: #fff;
font-weight: 700;
font-size: 3.75em;
text-transform: uppercase
}
.jxmegamenu_item .is-megamenu .megamenu_banner .description h3 {
font-weight: 500;
font-size: 1.625em;
text-transform: capitalize
}
.jxmegamenu_item .is-megamenu .megamenu_banner .description h4 {
color: #fff;
font-weight: 300;
font-size: 1.5em;
text-transform: uppercase;
letter-spacing: .3em;
margin-bottom: 1.07143rem
}
.jxmegamenu_item .is-megamenu .megamenu_banner .description h3+h2,
.jxmegamenu_item .is-megamenu .megamenu_banner .description h4+h3 {
margin-top: .71429rem
}
@media (min-width:576px) {
.jxmegamenu_item .is-megamenu .megamenu_banner .description {
font-size: .71429rem
}
}
@media (min-width:768px) {
.jxmegamenu_item .is-megamenu .megamenu_banner .description {
font-size: .57143rem
}
}
@media (min-width:992px) {
.jxmegamenu_item .is-megamenu .megamenu_banner .description {
font-size: .71429rem
}
}
@media (min-width:1200px) {
.jxmegamenu_item .is-megamenu .megamenu_banner .description {
font-size: .85714rem
}
}
@media (min-width:1780px) {
.jxmegamenu_item .is-megamenu .megamenu_banner .description {
font-size: 1.14286rem
}
.jxmegamenu_item .is-megamenu .megamenu_banner .description h3+h2,
.jxmegamenu_item .is-megamenu .megamenu_banner .description h4+h3 {
margin-top: 1.42857rem
}
}
.jxmegamenu_item .is-megamenu .html h2 {
margin-bottom: 2.21429rem;
margin-top: -.57143rem
}
.jxmegamenu_item .is-megamenu .menuvideowrapper {
clear: both;
float: none;
height: 0;
padding-bottom: 56.25%;
padding-top: 1.78571rem;
position: relative;
width: 100%
}
.jxmegamenu_item .is-megamenu .menuvideowrapper iframe {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%
}
.jxmegamenu_item .is-megamenu .embed-container {
position: relative;
padding-bottom: 56.25%;
overflow: hidden;
max-width: 100%;
height: auto
}
.jxmegamenu_item .is-megamenu .embed-container embed,
.jxmegamenu_item .is-megamenu .embed-container iframe,
.jxmegamenu_item .is-megamenu .embed-container object {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.jxmegamenu_item .is-megamenu .frontend-map {
min-height: 14.28571rem
}