@font-face {
    font-family: grandgothikext;
    src: url(../fonts/PFGrandGothikExtended-Regular.woff) format('woff');
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: grandgothikext;
    src: url(../fonts/PFGrandGothikExtended-XBold.woff) format('woff');
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: baguesans;
    src: url(../fonts/PFBagueSansPro.woff) format('woff');
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: baguesans;
    src: url(../fonts/PFBagueSansPro-Black.woff) format('woff');
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: baguesans;
    src: url(../fonts/PFBagueSansPro-Bold.woff) format('woff');
    font-weight: 600;
    font-style: normal
}

@font-face {
    font-family: isotext;
    src: url(../fonts/PFIsotextPro-Light.woff2) format('woff2'), url(../fonts/PFIsotextPro-Light.woff) format('woff');
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: isotext;
    src: url(../fonts/PFIsotextPro-LightItalic.woff2) format('woff2'), url(../fonts/PFIsotextPro-LightItalic.woff) format('woff');
    font-weight: 300;
    font-style: italic
}

@font-face {
    font-family: isotext;
    src: url(../fonts/PFIsotextPro-Regular.woff2) format('woff2'), url(../fonts/PFIsotextPro-Regular.woff) format('woff');
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: isotext;
    src: url(../fonts/PFIsotextPro-Bold.woff2) format('woff2'), url(../fonts/PFIsotextPro-Bold.woff) format('woff');
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: isotext;
    src: url(../fonts/PFIsotextPro-BoldItalic.woff2) format('woff2'), url(../fonts/PFIsotextPro-BoldItalic.woff) format('woff');
    font-weight: 700;
    font-style: italic
}

@font-face {
    font-family: 'CF ModGrotesk';
    src: url('../fonts/CF-ModGrotesk-with-Exp-VF.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'CF ModGrotesk';
    src: url('../fonts/CF-ModGrotesk-SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
}

/* @import 'https://fonts.googleapis.com/css2?family=Jura:wght@300;400;500;600;700&display=swap'; */
body {
    font-family: isotext;
    box-sizing: border-box
}

html.super.cart-open {
    overflow: unset;
}


.super .cms-page-view #maincontent > .row > .main {
    padding-left: 0;
    padding-right: 0;
}

.super body.boxed:not(.panel-popup) .main-wrapper, .super main {
    background: transparent;
}

body.boxed:not(.panel-popup) {
    background: #fff
}

body, p, a, h1, h2, h3, h4, h5, h6, ul li {
    color: #000;
}

p {
    font-size: 14px;
    line-height: 21px;
    font-weight: 500
}

body.boxed.width1366:not(.panel-popup) .main-wrapper {
    max-width: 100% !important
}

body.boxed:not(.panel-popup) .header .header-placeholder {
    max-width: 100% !important;
    border-bottom: 1px solid #000;
    box-shadow: none
}

.super body.boxed:not(.panel-popup) .header .header-placeholder {
    border-bottom: none;
}

body.boxed:not(.panel-popup) .header .header-placeholder .header-content {
    background: 0 0
}

.super #placeholder-header {
    background-color: transparent;
}

body.boxed:not(.panel-popup) .header .header-placeholder .header-content > .container-fluid {
    background-color: #fff
}

.super body.boxed:not(.panel-popup) .header .header-placeholder .header-content > .container-fluid {

}

.header .header-placeholder .megamenu-hover .navigation .nav-main-menu li.mega-menu-fullwidth.menuclicked:not(.no-mega):hover:before {
    content: "";
    background: rgb(255 255 255/50%);
    webkit-backdrop-filter: blur(0px);
    backdrop-filter: blur(0px);
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 109px;
    z-index: -1;
    pointer-events: none;
    filter: blur(21px)
}

.super .header .header-placeholder .megamenu-hover .navigation .nav-main-menu li.mega-menu-fullwidth.menuclicked:not(.no-mega):hover:before {

    top: 68px;
    background: rgb(244 244 244/50%);

}

.header.header5 .header-placeholder .logo {
    justify-content: center;
    padding: 0 10px;
    height: 58px
}

.super .header.header5 .header-placeholder .logo {
    justify-content: flex-start;
}

.logo-col {
    border-right: 1px solid #000
}

.super .logo-col {
    border: none;
}

.action-search .fa-search {
    font-size: 20px;
    color: #212120
}

.header .header-placeholder .search-popup .search-form .form-search .search-title {
    margin-bottom: 50px
}


.super #main-Menucontent nav {
    display: flex;
    justify-content: center;
}

@media (max-width: 1199px) {
    .super #main-Menucontent nav .nav {
        flex-basis: 100%;
    }
}


.catalogsearch-result-index .message.notice > span {
    display: inline;
    background: #17ff00;
    color: #000;
    padding: 3px 5px
}

.super .catalogsearch-result-index .message.notice > span {
    background: #e4251f
}

.catalogsearch-result-index .message.notice > span:before {
    display: none
}

.minicart-wrapper .action.showcart:before {
    display: none
}

.minicart-wrapper .action.showcart span.qty {
    background: #17ff00;
    color: #000;
    right: -11px;
    font-weight: 700;
    height: 16px;
    line-height: 16px;
    min-width: 16px;
    bottom: unset;
    line-height: 17px;
    top: 3px
}

.super .minicart-wrapper .action.showcart span.qty {
    background: #e4251f;
    color: #fff;
    top: -2px;
    font-weight: 700;
    right: -4px;
}

.header .header-placeholder .col-icons ul.table-icon-menu li {
    border-left: 1px solid #000;
    padding: 0 18px;
    position: relative;
    height: 68px
}

.super .header .header-placeholder .col-icons ul.table-icon-menu li {
    border-left: none;
    padding: 0 5px;
}

.super .header .header-placeholder .col-icons ul.table-icon-menu li:last-child {
    /* padding-right: 10px; */
}

.header .header-placeholder .col-icons ul.table-icon-menu > li:after {
    position: absolute;
    background: #17ff00;
    bottom: 0;
    left: 0;
    display: none;
    pointer-events: none;
    width: 0;
    height: 3px;
    content: "";
    transition: width .2s ease-in-out;
    -webkit-transition: width .2s ease-in-out
}

.super .header .header-placeholder .col-icons ul.table-icon-menu > li:after {
    background: #e4251f
}

.header .header-placeholder .col-icons ul.table-icon-menu > li:hover:after {
    width: 100%
}

.header .header-placeholder .col-icons ul.table-icon-menu li.account-icon {
    padding: 0
}

.super .header .header-placeholder .col-icons ul.table-icon-menu li.account-icon {
    padding: 0 6px;
}


.header .header-placeholder .col-icons ul.table-icon-menu li.account-icon .dropdown-toplinks, .header .header-placeholder .col-icons ul.table-icon-menu li.account-icon .links {
    padding: 12px 18px
}

.super .header .header-placeholder .col-icons ul.table-icon-menu li.account-icon .links {
    padding: 12px 0;
}

.super .header .header-placeholder .col-icons ul.table-icon-menu li.account-icon .dropdown-toplinks {
    padding: 0;
    height: 100%;
}

.super .header .header-placeholder .col-icons ul.table-icon-menu li.account-icon .links {
    padding: unset;
}

.header .header-placeholder .col-icons ul.table-icon-menu li.account-icon .dropdown-toplinks ul.top-links li a {
    font-size: 16px;
    line-height: 23px;
    padding: 0;
    margin-bottom: 0;
    color: #000
}

.super .header .header-placeholder .col-icons ul.table-icon-menu li.account-icon .dropdown-toplinks ul.top-links li a {
    display: block;
    font-weight: 600;
}

.header .header-placeholder .col-icons ul.table-icon-menu li.account-icon .dropdown-toplinks ul.top-links li a:hover {
    text-decoration: underline
}

.header .header-placeholder .col-icons ul.table-icon-menu li .dropdown-menu li {
    border: none
}

.header .header-placeholder .col-icons ul.table-icon-menu li img {
    max-width: 50px;
}

.header .header-placeholder .col-icons ul.table-icon-menu .dropdown-toplinks .dropdown-menu > ul li {
    height: auto
}

.super .header .header-placeholder .col-icons ul.table-icon-menu .dropdown-toplinks .dropdown-menu ul {
    text-align: left;
    display: flex;
    margin: 0;
    flex-direction: row;
    column-gap: 10px;
    row-gap: 10px;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
}

.super .header .header-placeholder .col-icons ul.table-icon-menu .dropdown-toplinks .dropdown-menu ul li {
    padding: 3px;
    border-radius: 7px;
    border: 1px solid #1d1d1d;
    margin-bottom: 0px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 500;
    height: auto;
    width: 100%;
}

.super .header .header-placeholder .col-icons ul.table-icon-menu .dropdown-toplinks .dropdown-menu ul li:first-child {
    width: calc(50% - 5px);

}

.super .header .header-placeholder .col-icons ul.table-icon-menu .dropdown-toplinks .dropdown-menu ul li:first-child a {
    padding-top: 53px;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="35.238" height="40" viewBox="0 0 35.238 40"><g fill="%231A171B" fill-rule="evenodd"><path d="M20.686633,24.464289 L18.562953,24.464289 L18.562953,0.95238096 C18.562953,0.42619047 18.140575,0 17.619098,0 C17.097614,0 16.675235,0.42619047 16.675235,0.95238096 L16.675235,24.464289 L14.551555,24.464289 C12.729907,24.464289 11.24805,25.959524 11.24805,27.797621 C11.24805,29.635715 12.729907,31.130953 14.551555,31.130953 L16.675235,31.130953 L16.675235,39.047623 C16.675235,39.573814 17.097614,40 17.619098,40 C18.140575,40 18.562953,39.573814 18.562953,39.047623 L18.562953,31.130953 L20.686633,31.130953 C22.508273,31.130953 23.990131,29.635715 23.990131,27.797621 C23.990131,25.959524 22.508273,24.464289 20.686633,24.464289 Z M20.686633,29.226192 L14.551555,29.226192 C13.770511,29.226192 13.135761,28.585714 13.135761,27.797621 C13.135761,27.009525 13.770511,26.369049 14.551555,26.369049 L20.686633,26.369049 C21.46767,26.369049 22.10242,27.009525 22.10242,27.797621 C22.10242,28.585714 21.46767,29.226192 20.686633,29.226192 Z"/><path d="M31.93468 15.7142859 29.81101 15.7142859 29.81101.95238096C29.81101.42619047 29.38862 0 28.86715 0 28.34566 0 27.92329.42619047 27.92329.95238096L27.92329 15.7142859 25.7996 15.7142859C23.97797 15.7142859 22.4961 17.209524 22.4961 19.047621 22.4961 20.885715 23.97797 22.380955 25.7996 22.380955L27.92329 22.380955 27.92329 39.047623C27.92329 39.573814 28.34566 40 28.86715 40 29.38862 40 29.81101 39.573814 29.81101 39.047623L29.81101 22.380955 31.93468 22.380955C33.75632 22.380955 35.2382 20.885715 35.2382 19.047621 35.2382 17.209524 33.75632 15.7142859 31.93468 15.7142859ZM31.93468 20.476191 25.7996 20.476191C25.01856 20.476191 24.38383 19.835712 24.38383 19.047621 24.38383 18.259527 25.01856 17.619049 25.7996 17.619049L31.93468 17.619049C32.71572 17.619049 33.35047 18.259527 33.35047 19.047621 33.35047 19.835712 32.71572 20.476191 31.93468 20.476191ZM12.7420807 12.2619057C12.7420807 10.42381 11.2602243 8.9285717 9.4385786 8.9285717L7.3148985 8.9285717 7.3148985.95238096C7.3148985.42619047 6.8925219 0 6.3710403 0 5.8495588 0 5.4271827.42619047 5.4271827.95238096L5.4271827 8.9285717 3.3035023 8.9285717C1.48185694 8.9285717 4.54747351e-13 10.42381 4.54747351e-13 12.2619057 4.54747351e-13 14.1000004 1.48185694 15.5952387 3.3035023 15.5952387L5.4271827 15.5952387 5.4271827 39.047623C5.4271827 39.573814 5.8495588 40 6.3710403 40 6.8925219 40 7.3148985 39.573814 7.3148985 39.047623L7.3148985 15.5952387 9.4385786 15.5952387C11.2602243 15.5952387 12.7420807 14.1000004 12.7420807 12.2619057ZM9.4385786 13.6904774 3.3035023 13.6904774C2.5224602 13.6904774 1.8877157 13.0500002 1.8877157 12.2619057 1.8877157 11.4738092 2.5224602 10.833334 3.3035023 10.833334L9.4385786 10.833334C10.2196207 10.833334 10.8543653 11.4738092 10.8543653 12.2619057 10.8543653 13.0500002 10.2196207 13.6904774 9.4385786 13.6904774Z"/></g></svg>');
    background-repeat: no-repeat;
    background-size: 32px;
    background-position: 50% 9px;
    display: block;
}

.super .header .header-placeholder .col-icons ul.table-icon-menu .dropdown-toplinks .dropdown-menu ul li:nth-child(2) {
    width: calc(50% - 5px);

}

.super .header .header-placeholder .col-icons ul.table-icon-menu .dropdown-toplinks .dropdown-menu ul li:nth-child(2) a {
    padding-top: 53px;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="44.106" height="36.689" viewBox="0 0 44.106 36.689"><g fill="%231A171B" fill-rule="evenodd"><path d="M27.0551135 16.262432C27.0551135 16.1177296 26.6327235 16.0005272 26.1112535 16.0005272 25.5897635 16.0005272 25.1673935 16.1177296 25.1673935 16.262432L25.1673935 26.7386236C25.1673935 26.8833261 25.5897635 27.0005272 26.1112535 27.0005272 26.6327235 27.0005272 27.0551135 26.8833261 27.0551135 26.7386236L27.0551135 16.262432ZM27.0551135 11.0481463C27.0551135 11.0218368 26.6327235 11.0005272 26.1112535 11.0005272 25.5897635 11.0005272 25.1673935 11.0218368 25.1673935 11.0481463L25.1673935 12.9529084C25.1673935 12.9792179 25.5897635 13.0005272 26.1112535 13.0005272 26.6327235 13.0005272 27.0551135 12.9792179 27.0551135 12.9529084L27.0551135 11.0481463Z"/><path d="M12.7840072,5.3669412 C10.7175469,7.43340149 9.15930796,9.98811506 8.27627514,12.7551922 C7.65007482,14.7172858 7.36238616,16.7928201 7.4177459,18.857465 L1.7529059,13.192625 C1.35177496,12.7914941 0.701979086,12.7914941 0.30084816,13.192625 C-0.100282624,13.5937558 -0.100282807,14.2435518 0.300848132,14.6446828 L8.02942579,22.3732604 C8.43055651,22.7743911 9.08035277,22.7743915 9.4814837,22.3732606 L17.210968,14.6437763 C17.6120988,14.2426455 17.6120987,13.5928489 17.210968,13.1917182 C16.8098372,12.7905874 16.1600407,12.7905874 15.7589099,13.1917182 L9.50144935,19.4491788 C9.19107219,14.7844435 10.9099454,10.1451188 14.2360651,6.8189991 C20.5915393,0.463524825 30.932006,0.463525037 37.2874813,6.81900031 C43.6429562,13.1744753 43.6429569,23.5149424 37.2874827,29.8704167 C30.9320074,36.225892 20.5915403,36.2258912 14.2360653,29.8704162 C13.8349336,29.4692844 13.1851378,29.4692845 12.7840068,29.8704154 C12.3828759,30.2715463 12.3828759,30.9213421 12.7840076,31.3224739 C19.9399296,38.4783959 31.5836156,38.478394 38.7395377,31.3224718 C45.8954597,24.1665498 45.8954611,12.5228644 38.7395392,5.3669424 C31.5836163,-1.78898042 19.9399291,-1.78898078 12.7840072,5.3669412 Z"/></g></svg>');
    background-repeat: no-repeat;
    background-size: 44px;
    background-position: 50% 9px;
    display: block;
}

.super .header .header-placeholder .col-icons ul.table-icon-menu .dropdown-toplinks .dropdown-menu ul li:last-child {
    margin-bottom: 0px;
}

.super .header .header-placeholder .col-icons ul.table-icon-menu li.account-icon .dropdown-toplinks .dropdown-menu ul li:first-child a,
.super .header .header-placeholder .col-icons ul.table-icon-menu li.account-icon .dropdown-toplinks .dropdown-menu ul li:nth-child(2) a {
    font-size: 12px;
    font-weight: 700;
}

.super .header .header-placeholder .col-icons ul.table-icon-menu li.account-icon .dropdown-toplinks .dropdown-menu ul li a {
    color: #1d1d1d;
    font-size: 12px;
    line-height: 21px;
}

.super .header .header-placeholder .col-icons ul.table-icon-menu li.account-icon .dropdown-toplinks .dropdown-menu ul li a:hover {
    text-decoration: none;
    color: #e4251f;
}

.header.header5 .header-placeholder .dropdown-switcher .dropdown-custom {
    display: inline !important;
    background: 0 0;
    border: none
}

.header.header5 .header-placeholder .dropdown-switcher .dropdown-custom li.active a {
    cursor: default;
    pointer-events: none;
    background: 0 0;
    padding: 7px 0;
    display: inline;
    font-weight: 600;
    color: #000
}

.header.header5 .header-placeholder .dropdown-switcher .code {
    display: none
}

.header.header5 .header-placeholder .dropdown-switcher .name {
    display: inline
}

.header.header5 .header-placeholder .dropdown-switcher .custom-toggle.alone {
    display: none;
    border: none
}

.topleft p, .topmiddle p {
    display: inline;
    color: #000;
    font-size: 11px;
    line-height: 11px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px 0 0;
    font-family: GrandGothikExt
}

.topleft p, .topmiddle p {
    font-family: baguesans;
    font-size: 14px;
    line-height: 14px;
}

.super .topleft p, .super .topmiddle p, .super .topright p, .topright span {
    color: #fff;
    font-size: 14px;
    font-family: 'baguesans';
    line-height: 14px;
    font-weight: 700;
}

.super .topright p {
    padding: 10px 0;
    display: inline-block;
    margin: 0;
    line-height: 24px;
}

.topright p {
    display: inline;
    color: #000;
    font-size: 12px;
    margin-left: 0;
    font-weight: 700;
    line-height: 43px;
    line-height: 11px;
    font-family: grandgothikext
}

.topleft img {
    margin-right: 10px
}

.topleft {
    text-align: left;
    padding-top: 10px;
    padding-bottom: 5px
}

.super .topleft, .super .topmiddle, .super .topright {
    padding-top: 0px;
    padding-bottom: 0;
}

.super .topleft, .super .topmiddle {
    padding-top: 10px;
    padding-bottom: 10px;
}

.topmiddle {
    text-align: center;
    padding-top: 10px;
    padding-bottom: 5px
}

.topleft img {
    margin-right: 10px;
    width: auto
}

.topmiddle img {
    margin-right: 10px
}

.mobile-menu-header {
    text-align: center;
    color: #000;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 18px;
    line-height: 36px;
    margin-bottom: 15px
}

.topright {
    text-align: right;
    padding: 10px 20px 5px 0;
    position: relative
}

.super .topright {
    padding-right: 15px;
    padding-left: 15px;
    height: 44px;
}

.header .header-placeholder .sidebar-menu .close-nav-button span {
    color: #000
}

.header .header-placeholder .sidebar-menu .close-nav-button:hover span {
    color: #9e9e9e
}

.switcher-language, .switcher-currency {
    display: inline-block;
    margin-left: 0;
    color: #000
}

.switcher-language {
    display: none !important
}

.header.header5 .header-placeholder .dropdown-switcher .dropdown-custom li {
    display: inline-block
}

.header .header-placeholder .dropdown-switcher li a {
    padding: 0;
    color: #000;
    text-transform: uppercase;
    font-size: 13px
}

.header .header-placeholder .links .social-login {
    opacity: 1;
    color: #000 !important
}

.header .header-placeholder .links .social-login:hover {
    opacity: .6
}

.header-wl > a {
    opacity: 1;
    color: #000 !important
}

.header-wl > a:hover {
    opacity: 1
}

.topbar {
    background: linear-gradient(90deg, rgba(255, 255, 0, 1) 0%, rgba(255, 255, 232, 1) 10%, rgba(255, 218, 155, 1) 20%, rgba(255, 152, 152, 1) 30%, rgba(250, 94, 179, 1) 40%, rgba(233, 174, 255, 1) 50%, rgba(174, 182, 255, 1) 60%, rgba(193, 240, 255, 1) 70%, rgba(170, 255, 210, 1) 80%, rgba(216, 255, 188, 1) 90%, rgba(255, 255, 0, 1) 100%);
    background: 0 0;
    background-position: 0% 0;
    background-size: 1000%;
    padding: 0;
    border-bottom: 1px solid #000;
    animation: 40s essence infinite ease-in-out;
    min-height: 40px
}

@keyframes essence {
    0% {
        background-position: 0% 0
    }

    100% {
        background-position: 110% 0
    }
}

@-webkit-keyframes essence {
    0% {
        background-position: 0% 0
    }

    100% {
        background-position: 110% 0
    }
}

.super header .header-content > div > .row.topbar {
    background: #E4251F;
    animation: none;
    border-radius: 10px;
    border-top-left-radius: 0;
    height: 44px;
    border-bottom: none;
    padding: 0px 0px;
    margin-bottom: 20px;
    gap: 0;
    border-top-right-radius: 0;
}

.super header .header-content > div > .row {
    background: #ffffff;
    border-radius: 10px;
    margin-bottom: 0px;
    display: flex;
    position: relative;
    gap: 15px;
    padding: 0px 0px;
    justify-content: space-between;
    /* margin: 0; */
}

.super header .header-content > div > .row:before, .super header .header-content > div > .row:after {
    content: unset;
}

.header .header-placeholder .dropdown-switcher li a:hover, .header .header-placeholder .dropdown-switcher li a:focus {
    color: #000
}

.header .header-placeholder .megamenu-hover .navigation .nav-main-menu > li > a {
    color: #000;
    font-size: 14px;
    line-height: 27px;
    font-family: grandgothikext;
    padding: 21px 20px 20px
}

.super .header .header-placeholder .megamenu-hover .navigation .nav-main-menu > li > a {
    font-family: baguesans;
    font-weight: 600;
    font-size: 16px;
    padding: 21px 15px 20px;
    color: #1D1D1B;
    line-height: 27px;
}

.super .header .header-placeholder .megamenu-hover .navigation .nav-main-menu > li > a:hover {
    color: #63B465;
}

.super .header .header-placeholder .megamenu-hover .navigation .nav-main-menu > li.supercolor > a {
    color: #E4251F;
}

.super .header .header-placeholder .megamenu-hover .navigation .nav-main-menu > li.greencolor > a {
    color: #63B465;
}

.header .header-placeholder .megamenu-hover .navigation .nav-main-menu > li.sale-menu > a, .header .header-placeholder .navigation .nav-main-menu > li.sale-menu > a {
    color: #d8117e
}

.header .header-placeholder .megamenu-hover .navigation .nav-main-menu > li > a:after {
    position: absolute;
    background: #17ff00;
    bottom: 0;
    left: 20px;
    display: none;
    width: 0;
    height: 3px;
    content: "";
    transition: width .2s ease-in-out;
    -webkit-transition: width .2s ease-in-out
}

.super .header .header-placeholder .megamenu-hover .navigation .nav-main-menu > li > a:after {
    background: #e4251f
}

.header .header-placeholder .megamenu-hover .navigation .nav-main-menu > li > a:hover:after {
    width: calc(100% - 40px)
}

.header .header-placeholder .megamenu-hover .navigation .nav-main-menu li.sale-menu {
}

.header .header-placeholder .megamenu-hover .navigation .nav-main-menu li.projects-menu {
    padding-left: 15px
}

@media screen and (min-width: 1200px) {
    .header .header-placeholder .search-popup .search-form.active .search-close {
        bottom: unset;
        font-size: 18px;
        position: relative;
        margin-top: 30px;
        z-index: 110;
        top: 0;
        background: #000;
        color: #fff !important;
        padding: 4px 20px 0px;
        transform: unset;
        left: unset;
    }

    .super .header .header-placeholder .search-popup .search-form.active .search-close {
        border-radius: 5px;
        text-transform: uppercase;
        line-height: 30px;
        font-size: 14px;
        font-family: 'baguesans';
        font-weight: 700;
    }

    .logo-col {
    }

    .header .header-placeholder .search-popup .search-form .form-search .form.minisearch .input-search button span.arrow {
        display: inline-block
    }
}

.header.header5 .header-placeholder .logo img {
    width: 100%;
    max-width: 179px;
    height: auto
}

.super .header.header5 .header-placeholder .logo img {
    width: 108px;
}

.footer .middle-footer {
    background: #fff;
    padding: 0
}

.super .footer .middle-footer {
    background: transparent;
    margin-bottom: 50px;
}

.super .footer .middle-footer > .container {
    background: #1d1d1d;
    border-radius: 10px;
}

.super .footer .middle-footer > .container.copyright-row {
    background: transparent;
    border-radius: 0;
    padding: 0;
}

.super .footer .middle-footer a {
    color: #ccc;
    font-size: 16px;
    line-height: 26px;
}

.super .footer .middle-footer p.contact-box a {
    color: #ccc;
    font-size: 16px;
    line-height: 20px;
}

.super .footer .middle-footer .tel-column a {
    color: #fff;
}

@media (min-width: 1500px) {
    .super body.boxed.width1366:not(.panel-popup) footer .container {
        width: 1366px;
    }
}

@media (min-width: 1366px) {
    .super body.boxed:not(.panel-popup) footer .container {
        width: 1200px;
    }
}

h3.footer-title {
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 20px;
    font-family: grandgothikext
}

.super h3.footer-title {
    font-family: baguesans;
    color: #fff;
    margin-bottom: 12px;
}

.super h3.footer-title.tel-column {
    text-transform: unset;
    /* letter-spacing: 0; */
}

footer p {
    font-size: 16px;
    font-weight: 500;
    line-height: 18px;
    margin-bottom: 12px
}

.super footer .middle-footer p {
    font-size: 16px;
    line-height: 26px;
    color: #ccc;
    margin-bottom: 5px;
}

.super footer .middle-footer p.address, .super footer .middle-footer p.contact-box {
    font-size: 16px;
    line-height: 20px;
    color: #ccc;
    margin-bottom: 5px;
}

.super footer .middle-footer .credits p {
    color: #1d1d1d;
    font-size: 14px;
    text-align: right;
}

p.contact-box {
}

.footer .menu {
    text-align: left
}

.footer .menu li {
    display: block;
    padding: 0;
    margin-bottom: 5px
}

.footer .menu li a, .footer li a {
    color: #000;
    font-size: 16px;
    line-height: 21px
}

footer ul li {
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 5px
}

a.rounded-button-grey {
    border-radius: 0;
    display: inline-block;
    text-transform: uppercase;
    font-size: 10px;
    line-height: 18px;
    font-weight: 600;
    letter-spacing: 1px;
    margin-top: 10px
}

a.rounded-button-grey span {
    font-size: 12px;
    position: relative;
    left: 0;
    transition: .2s all ease-in-out;
    -webkit-transition: .2s all ease-in-out
}

.proj:hover a.rounded-button-grey span {
    left: 5px
}

.proj img {
    transform: scale(1);
    -webkit-transform: scale(1);
    transition: .2s all ease-in-out;
    -webkit-transition: .2s all ease-in-out
}

.proj:hover img {
}

.disclaimer a, .copyright address, .credits p, .credits a {
    font-size: 16px;
    line-height: 18px;
    margin-bottom: 0;
    display: inline;
    font-weight: 500
}

.super .disclaimer a, .super .copyright address, .super .credits p, .super .footer .middle-footer .credits a {
    color: #1d1d1d;
    font-size: 14px;
}

.col-md-4.col-sm-12.col-xs-12.disclaimer {
    text-align: center
}

.credits {
    text-align: right
}

.disclaimer {
    text-align: center
}

.middle-footer .container > .row {
    border-bottom: 1px solid #000;
    margin: 0;
    padding: 15px 0
}

.super .middle-footer .container > .row {
    border-bottom: none;
    border-top: 1px solid #9f9f9f;
    margin: 0 0px;
}

.super .top-footer .container > .row {
    background: #fff;
    border-radius: 10px;
    padding: 25px 0;
    margin-bottom: 0px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.middle-footer .container > .row > div {
    padding-left: 0;
    padding-right: 0
}

.middle-footer .container > .row:first-child {
    padding: 50px 0 0;
    border-top: 1px solid #000
}

.super .middle-footer .container > .row:first-child {
    border-top: none;
    padding: 25px 0 0;
}

.super .middle-footer .container.copyright-row > .row {
    padding: 10px 0;
}

.middle-footer .container > .row:first-child .row > div {
    margin-bottom: 65px;
}

.super .middle-footer .container > .row:first-child .row > div {
    padding: 0 25px;
    margin-bottom: 25px;
}

.super .middle-footer .container.copyright-row > .row:first-child .row > div {
    padding: 0 15px;
    margin-bottom: 0;
}

.top-footer {
    background: #fff;
}

.super .top-footer {
    background: #f4f4f4;
}

.super .footer-logo {
    text-align: left;
    padding: 0 25px;
}


.super .footer-logo img {
    margin: 0 0 20px;
    width: 130px;
    height: auto
}

.footer-logo p {
    width: 100%;
    font-size: 16px;
    line-height: 21px;
    margin: 0 auto 20px
}

.super .footer-logo p:last-child {
    margin-bottom: 0;
}

.footer2 .socials {
    margin: 0 0 40px;
    overflow: unset;
    float: unset
}

.footer2 .socials a {
    background: 0 0;
    color: #000;
    width: unset;
    height: unset;
    border-radius: unset;
    margin: 0 15px 0 0;
    font-size: 22px;
    padding: 0
}

.footer2 .socials a:hover {
    background: 0 0;
    color: #797979
}

.topright strong {
    font-weight: 600
}

.active-sticky .topbar, .super header .active-sticky .header-content > div > .row.topbar {
    display: none
}

.newsections {
    margin-bottom: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.super .newsections {
    background: #fff;
    border-radius: 10px;
    padding: 30px 15px;
    margin-bottom: 20px;
}

.super .nopadding .newsections {
    padding: 0px;
}

.super .nopadding .newsections .sectiontext {
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 65px;
    padding-right: 65px;
}

@media (max-width: 991px) {
    .super .nopadding .newsections .sectiontext {
        padding-left: 45px !important;
        padding-right: 45px !important;
    }
}

@media (max-width: 767px) {
    .super .nopadding .newsections .sectiontext {
        padding-left: 35px !important;
        padding-right: 35px !important;
        padding-top: 45px !important;
        padding-bottom: 45px !important;
    }

    .super .nopadding .newsections .sectionbanner img {
        border-radius: 10px !important;
    }
}

.super .nopadding .newsections .sectionbanner {
    padding-left: 0px;
    padding-right: 0px;
}

.super .nopadding .newsections .sectionbanner img {
    border-radius: 10px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}

.super .inverted.nopadding .newsections .sectionbanner img {
    border-radius: 10px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

.super .dark .newsections {
    background: #1d1d1d;

}

.super .red .newsections {
    background: #e32222;

}

.homeslide .newsections:last-child {
    margin-bottom: 0
}

.super .spacebottom.homeslide .newsections:last-child {
    margin-bottom: 50px;
}

.super .cms-design .spacebottom.homeslide .newsections:last-child {
    margin-bottom: 0px;
}

.cms-home h1, .cms-home h2, .cms-mobilehome h1, .cms-mobilehome h2 {
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
    margin-bottom: 20px;
    padding: 0;
    font-family: grandgothikext
}

.slidetext p {
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 21px
}

ul.homelinks {
    list-style-type: none;
    padding-bottom: 0
}

ul.homelinks li {
    display: block
}

ul.homelinks li a {
    text-transform: uppercase;
    font-size: 16px;
    letter-spacing: 1px;
    font-weight: 500;
    line-height: 21px
}

ul.homelinks li a:hover {
    text-decoration: underline
}

ul.homelinks li:last-child a {
    border: none;
    margin: 0;
    padding: 0
}

.slidetext {
    margin-bottom: 30px
}

@media (min-width: 768px) {
    .slidetext.partners-description {
        margin-bottom: 50px
    }
}

.homeslide .slidetext a {
}

section.homeicons {
    padding: 30px 0 10px
}

section.homeicons .row > div {
    margin-bottom: 20px;
    text-align: center
}

section.homeicons .row > div:last-child {
    text-align: right
}

section.homeicons .row > div:first-child {
    text-align: left
}

.infoicon {
    cursor: pointer
}

.infoicon img {
    height: 33px;
    width: auto
}

.infoicon p {
    margin: 0;
    font-size: 12px;
    line-height: 20px;
    display: inline-block;
    vertical-align: middle;
    font-weight: 600;
    letter-spacing: 1px;
    text-align: left;
    padding: 8px 0 7px 10px;
    transform: translateX(0px);
    transition: .2s transform ease-in-out
}

.infoicon:hover p {
    transform: translateX(3px)
}

.info1 {
}

.info2 {
}

.info3 {
}

.info4 {
}

h2.cat-text {
    position: relative;
    color: #000;
    margin-bottom: 0 !important;
    left: 0;
    font-weight: 500;
    font-family: isotext;
    font-size: 16px !important;
    line-height: 21px !important;
    transition: .2s all ease-in-out;
    -webkit-transition: .2s all ease-in-out;
    padding-bottom: 15px;
    border-bottom: 1px solid #000
}

.super h2.cat-text, .super .resthome h2.cat-text {
    display: none;
}

h2.cat-text span {
    position: absolute;
    top: -35px;
    right: 0;
    transition: .2s all ease-in-out
}

.resthome h2.cat-text {
    position: relative;
    margin-bottom: 0 !important;
    left: 0;
    font-weight: 500;
    transition: .2s all ease-in-out;
    -webkit-transition: .2s all ease-in-out;
    border-bottom: none;
    font-family: grandgothikext;
    font-size: 14px !important;
    line-height: 19px !important;
    padding: 13px 20px;
    background: #000;
    display: inline-block;
    color: #fff;
    bottom: 0
}

.resthome h2.cat-text span {
    position: relative;
    top: 0;
    right: 0;
    transition: .2s all ease-in-out
}

div.bann:hover h2.cat-text span {
    right: 15px
}

section.home-categories {
    padding-bottom: 50px
}

.super section.home-categories {
    padding-bottom: 10px;
}

.super .cms-design section.home-categories {
    padding-bottom: 0px;
}

.super section.home-categories > .container {
    padding: 0 !important;
}

@media (max-width: 1499px) {
    .super body.boxed:not(.panel-popup) section.home-categories > .container {
        padding: 0 15px !important;
        width: unset;
    }
}

@media (max-width: 767px) {
    .super body.boxed:not(.panel-popup) section.home-categories > .container {
        padding: 0px !important;
    }
}

.super section.home-categories > .container > .row {
    border-radius: 10px;
    padding: 0;
    margin-bottom: 20px;
}

section.home-categories .row > div {
    margin-bottom: 20px
}

section.home-categories .row > div:hover > .spaceicon {
}

section.home-categories .row > div:hover > .cat-text {
    left: 45px
}

section .row > div .bann:hover .cat-text-wrapper h2 {
}

section.home-products {
    padding: 50px 0
}

section.partners {
    padding-bottom: 20px
}

@media (max-width: 767px) {
    .partners .owl-carousel {
        padding-bottom: 30px
    }

    .super section.home-categories > .container > .row {
        margin-bottom: 0;
    }

    .super .spacebottom.homeslide .newsections:last-child {
        margin-bottom: 30px;
    }
}

section.partners .row:last-child > div {
    margin-bottom: 20px
}

h2.cat-text a {
    color: #000
}

h2.cat-text a img {
    position: absolute;
    top: -33px;
    right: 0
}

.resthome h2.cat-text a {
    color: #fff
}

.resthome h2.cat-text a img {
    display: inline;
    margin-left: 15px;
    position: relative;
    top: unset;
    right: unset
}

a.cat-img, .super div.cat-img {
    display: block;
    opacity: 1;
    transition: .2s all ease-in-out;
    -webkit-transition: .2s all ease-in-out
}

.super a.cat-img img, .super div.cat-img img {
    border-radius: 10px;
}

.super .cms-design div.cat-img img {
    margin-bottom: 0;
}

.spaceicon {
    position: absolute;
    top: 0;
    left: 0;
    transition: .2s all ease-in-out;
    background: #000;
    padding: 10px
}

.tooltip-icon {
    transition: .2s all ease-in-out;
    display: block;
    position: absolute;
    top: -46px;
    background: #000;
    z-index: 2;
    color: #fff;
    padding: 5px 15px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    opacity: 0;
    border-radius: 50px;
    left: 50%;
    white-space: nowrap;
    transform: translateX(-50%)
}

.tooltip-icon.tooltip-open {
    opacity: 1
}

.bann .spaceicon {
    left: 0;
    top: 0
}

.spaceicon img {
    width: auto;
    height: 40px
}

.resthome .bann .spaceicon img, .partners .bann .spaceicon img {
    height: 30px
}

.cat-text {
    display: block
}

.home-products p, .home-products h2 {
}

section.home-project {
    padding: 70px 0 0
}

section.home-project .row > div {
    margin-bottom: 50px
}

#contact-form input, #contact-form select {
    margin-bottom: 10px
}

#contact-form textarea {
    background: #fff;
    border: 1px solid #000;
    font-size: 12px;
    margin-bottom: 10px
}

.super #contact-form textarea {
    border-radius: 5px;
}

#contact-form input#filesubmission.hide-input {
    opacity: 0;
    height: 0
}

.control.draggable {
    padding: 20px;
    border: 2px dashed #c7c7c7
}

#contact-form .control label {
    white-space: normal;
    text-align: left
}

.control.draggable.dropped {
    background: #ebffeb
}

.control.draggable.errordropped {
    background: #ffebeb
}

.control.draggable.is-dragover {
    background: #efefef
}

section.home-project .row {
    display: flex;
    align-items: center
}

.home-project h3 {
    font-size: 12px;
    line-height: 24px;
    font-weight: 600;
    letter-spacing: 1px;
    margin-bottom: 10px;
    text-transform: uppercase
}

.home-project p {
    margin-bottom: 20px
}

section.home-blog {
    padding: 0
}

section.home-blog .row > div {
    margin-bottom: 10px
}

.home-blog h2 {
    margin-bottom: 15px
}

.homeblog-info {
    margin-top: 0
}

.homeblog-info > div {
    display: inline-block
}

.bloginfo-left {
    width: calc(100% - 40px)
}

.bloginfo-right {
    width: 40px;
    float: right;
    text-align: right
}

p.blog-cat, .blog-date {
    font-size: 14px;
    margin: 0 0 20px;
    padding: 5px 0 3px;
    line-height: 22px;
    display: block;
    width: 100%;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000
}

.homeblog-info h3 {
    font-size: 16px;
    line-height: 19px;
    font-weight: 700;
    font-family: grandgothikext
}

span.blog-date {
}

.bloginfo-right a {
    font-size: 10px;
    line-height: 14px;
    display: inline-block;
    vertical-align: top;
    top: 0;
    padding-left: 5px;
    left: 0;
    position: relative;
    transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out
}

.news-footer {
    background: 0 0;
    padding: 40px 0
}

.news-footer .container > .row {
    display: flex;
    justify-content: stretch
}

.news-footer p {
    font-size: 20px;
    color: #000;
    line-height: 21px;
    font-weight: 500;
    margin-bottom: 0
}


.product-info-main-content {
    background: 0 0;
    padding: 0 0 80px
}

.super .product-info-main-content {
    padding: 0 0 50px;
}

.catalog-product-view .breadcrumb-wrapper, .breadcrumb-wrapper {
    background: 0 0
}

.catalog-product-view .breadcrumb-wrapper .container, .breadcrumbs {
    background: 0 0;
    padding: 25px 15px
}

.super .breadcrumbs {
    padding: 20px 0px 20px;
}

.super .catalog-product-view .breadcrumb-wrapper .container {
    padding: 20px 15px 20px;
}

.catalog-product-view .breadcrumbs .items, .breadcrumbs .items {
    padding-top: 0;
    margin: 0;
    display: block;
    border-bottom: 1px solid #000;
    padding-bottom: 10px
}

.super .catalog-product-view .breadcrumbs .items, .super .breadcrumbs .items {
    background: #fff;
    border-radius: 5px;
    padding: 10px 15px;
    border-bottom: none;
    margin-left: -15px;
    margin-right: -15px;
}

.breadcrumbs .items .item a, .breadcrumbs .items .item {
    color: #000;
    font-size: 16px
}

.breadcrumbs .items .item a:hover {
    text-decoration: underline;
}

.super .breadcrumbs .items .item a:hover {
    text-decoration: none;
    color: #63B465;
}

.breadcrumbs .items .item strong {
    color: #000
}

.super .breadcrumbs .items .item strong {
    font-weight: 700;
}



.product-info-main .product.pricing {
    display: none;
}

.product-info-main .page-header {
    font-size: 18px;
    line-height: 22px;
    font-weight: 600;
    margin: 0 0 10px;
    font-family: grandgothikext;
    text-transform: uppercase
}

.super .product-info-main .page-header {
    font-family: baguesans;
    font-size: 24px;
    line-height: 28px;
    margin-bottom: 10px;
}

.product-info-main .price-box .price {
    font-size: 16px;
    color: #000;
    font-weight: 500
}

.product-info-price .price-box {
    margin: 0 0 15px
}

.super .product-info-price .price-box {
    margin: 0 0 30px;
}

.product-info-main .stock:before {
    content: '';
    background: url(../images/greentick.svg) no-repeat;
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: top;
    margin-right: 5px
}

.super .product-info-main .stock:before {
    background: url(../images/super_instock.svg) no-repeat;
    width: 26px;
    height: 26px;
    background-size: 100%;
    margin-right: 10px;
    position: relative;
    top: -3px;
}

.product-info-main .stock {
    font-size: 14px;
    color: #000 !important;
    font-weight: 500;
    vertical-align: top;
    display: inline-block;
    line-height: 16px;
    margin-right: 1px;
    margin-bottom: 0
}

.super .product-info-main .stock {
    font-weight: 700;
    text-transform: uppercase;
    margin-right: 2px;
}

.product-info-main .eta {
    font-size: 12px;
    color: #000 !important;
    font-weight: 500;
    vertical-align: top;
    display: inline-block;
    line-height: 14px;
    margin-left: 15px;
    margin-bottom: 0
}

.product-info-main .eta:before {
    content: '';
    background: url(../images/eta-green.svg) no-repeat;
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: top;
    margin-right: 5px
}

.super .product-info-main .eta:before {
    background: url(../images/eta-red.svg) no-repeat;
}

.product-info-stock-sku {
    display: inline-block;
    vertical-align: top
}

.product-info-stock-sku strong {
    display: none
}

.product-info-stock-sku .value {
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    border-left: 1px solid #000;
    padding-left: 5px
}

.super .product-info-stock-sku .value {
    border-left: none;
}

.product-info-stock-sku .value:before {
}

.product-info-main .product.description {
    margin: 10px 0 0;
    font-size: 14px;
    color: #000;
    font-weight: 500;
    line-height: 23px;
    min-height: 95px;
    position: relative
}

.product-info-main .product.description p {
    margin-bottom: 0;
    font-size: 12px;
    line-height: 16px
}

.text_wrapperp {
    overflow: hidden;
    max-height: 66px;
    position: relative;
    -webkit-transition: .5s all ease-in-out;
    transition: .5s all ease-in-out
}

.semi-transp {
    display: none;
    position: absolute;
    width: 100%;
    z-index: 100;
    height: 50px;
    background: url(../images/semi-transp.png) repeat-x;
    bottom: 24px
}

.bigtext .semi-transp {
    display: block
}

.adiv {
    text-align: left;
    padding-top: 0;
    position: relative;
    display: none
}

.bigtext .adiv {
    display: block
}

.adiv a.qbut {
    font-size: 12px;
    color: #000
}

.adiv a.qbut-scroll {
    font-size: 12px;
    color: #000;
    float: right
}

a.qbut span {
    display: inline-block;
    padding-right: 0;
    transition: .2s all ease-in-out
}

.box-tocart .field.qty {
    border: 1px solid #000;
    border-radius: 0;
    background: #fff;
    width: 90px;
    margin: 0 0 10px;
    float: unset
}

.super .box-tocart .field.qty {
    border: 2px solid #1d1d1d;
    border-radius: 5px;
}

.box-tocart .field.qty:hover {
}

.box-tocart .edit-qty {
    color: #000;
    font-size: 18px;
    line-height: 18px;
    font-weight: 700;
    font-family: grandgothikext;
    top: 12px;
    transform: none;
    left: 18px
}

.super .box-tocart .edit-qty {
    font-family: baguesans;
}

.products.items .box-tocart .edit-qty {
    left: 14px
}

.box-tocart .edit-qty.plus {
    left: auto;
    right: 13px
}

.products.items .box-tocart .edit-qty.plus {
    left: auto;
    right: 9px
}

.box-tocart .input-text {
    width: 28px;
    color: #000;
    height: 38px;
    padding: 10px 0 6px;
    font-family: grandgothikext
}

.super .box-tocart .input-text {
    font-family: baguesans;
    border: none;
}

.box-tocart .actions {
    float: unset;
    width: 100%
}

.super .box-tocart .actions {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    align-items: center;
}

.btn, button.action {
    height: 36px;
    line-height: 36px;
    border-radius: 0;
    border: none;
    color: #000;
    text-transform: uppercase;
    font-family: grandgothikext;
    font-weight: 700;
    font-size: 12px;
    letter-spacing: 1px;
    background: #e8e8e8
}

.super .btn, .super button.action {
    font-family: baguesans;
    letter-spacing: 0;
    font-size: 14px;
}

.btn.primary, button.action.primary, .btn.btn-primary, button.action.btn-primary {
    background: #17ff00;
    border: none;
    color: #000
}

.super .btn.primary, .super button.action.primary, .super .btn.btn-primary, .super button.action.btn-primary {
    background: #1d1d1d !important;
    color: #fff !important;
    border-radius: 7px;
    font-size: 14px !important;
    font-family: 'baguesans';
    font-weight: 500 !important;
    border: 2px solid #1d1d1d !important;
}

.super .btn.primary:hover, .super button.action.primary:hover, .super .btn.btn-primary:hover, .super button.action.btn-primary:hover {
    background: #e4251f !important;
    color: #fff !important;
    border: 2px solid #e4251f !important;
}


div.actions-toolbar button {
    border-radius: 0
}

.box-tocart .actions .action.tocart {
    min-width: 220px;
    background: #000;
    color: #fff;
    height: 38px;
    width: unset !important;
    line-height: 38px;
    margin-right: 5px
}


.box-tocart .actions .action.tocart:hover {
    background: #000 !important;
    color: #fff !important
}

.super .box-tocart .actions .action.tocart {
    background: #000 !important;
    color: #fff !important;
    border: 2px solid #1d1d1d;
}

.super .box-tocart .actions .action.tocart:hover {
    background: #e4251f !important;
    color: #fff !important;
    border: 2px solid #e4251f;
}

.product-info-main .product-add-form {
    display: block;
    margin-top: 25px
}

.product-info-main .product-addto-links {
    display: inline-block
}

.product-social-links .product-addto-links a.towishlist {
    content: '';
    margin-right: 0
}

.product-social-links a.towishlist:before {
    content: '';
    display: none
}

.catalog-product-view .product-addto-links a.towishlist span {
    background: #fff;
    height: 38px;
    padding: 0 5px;
    border: 1px solid #000;
    line-height: 38px;
    vertical-align: middle;
    border-radius: 0;
    width: 39px;
    text-align: center;
    font-size: 18px;
    color: #000;
    transition: .2s all ease-in-out;
    -webkit-transition: .2s all ease-in-out
}

.super .catalog-product-view .product-addto-links a.towishlist span {
    border-radius: 5px;
    border: 2px solid #1d1d1d;
    font-weight: 700;
}

.catalog-product-view .product-addto-links a.towishlist span:hover {
    background: #d8d8d8;
    color: #000
}

.super .catalog-product-view .product-addto-links a.towishlist span:hover {
    background: transparent;
    color: #e3251f;
    border: 2px solid #e3251f;
}

.product-social-links .product-addto-links a.towishlist span:before {
    position: relative;
    top: 2px;
    left: 1px
}

.product-info-main-content .product-main > .row {
    display: flex;
    align-items: stretch
}

.super .product-info-main-content .product-main > .row {
    background: #fff;
    padding: 30px 15px 80px;
    border-radius: 15px;
}

.product-info-main-content .product-main.big > .row {
    display: block;
    align-items: unset
}

.specs-group p {
    font-size: 14px;
    line-height: 24px;
    font-weight: 500;
    margin-bottom: 0
}

.specs-group ul li {
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
    margin: 4px 0
}

.catalog-category-view .category-view .category-description p {
    font-size: 14px;
    line-height: 21px
}

.super .catalog-category-view .category-view .category-description p {
    font-size: 16px;
    line-height: 23px;
}

.specs-group p.detailed-title {
    font-size: 12px;
    line-height: 24px;
    letter-spacing: 1px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 0;
    font-family: grandgothikext
}

.super .specs-group p.detailed-title {
    line-height: 16px;
}

.specs-group {
    margin-bottom: 0
}

.specs-group.certifications {
    margin-top: 15px
}

.specs-group p img {
    margin: 7px 10px 0 0;
    cursor: help
}

.map-button a {
    display: inline-block;
    text-decoration: none !important;
    background: #000;
    padding: 5px 10px;
    margin-bottom: 15px;
    color: #fff
}

.map-button a span {
    font-size: 10px;
    display: inline-block;
    margin-left: 5px
}

.product-detailed-specs .row {
    display: block
}

.product-info-main {
    position: relative;
    min-height: 550px
}

.product-detailed-specs {
    position: relative
}

.product-main .product-info-main .product-detailed-specs {
    margin-top: 0;
    position: absolute;
    bottom: 0;
    width: calc(100% - 30px);
    left: 15px;
    padding-top: 20px;
    border-top: 1px solid #000
}

.super .product-main .product-info-main .product-detailed-specs {
    order: 5;
    background: transparent;
    padding: 0;
    border-radius: 10px;
    color: #e4251f;
    border-top: none;
    position: relative;
    left: unset;
    width: auto;
    bottom: unset;
    max-width: unset;
}

.super .product-main .product-info-main .product-detailed-specs > .row {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 0px;
}

.super .product-main .product-info-main .product-detailed-specs > .row > div {
    width: 100%;
    float: unset;
    left: unset;
    right: unset;
}

.super .product-main .product-info-main .product-detailed-specs p, .super .product-main .product-info-main .product-detailed-specs ul li {
    color: #1d1d1d;
    font-family: 'baguesans';
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0;
    margin: 0;
}

.product-main.big .product-info-main .product-detailed-specs {
    margin-top: initial;
    position: initial;
    bottom: initial;
    width: initial;
    left: initial
}

.product-detailed-specs form input, .panel-specs form input {
    height: 20px;
    width: 50px;
    background: #e8e8e8;
    border-radius: 0;
    border: none;
    outline: none;
    text-align: center;
    line-height: 20px;
    padding: 0 10px;
    font-size: 10px
}

.product-detailed-specs form, .panel-specs form {
    font-size: 12px;
    padding-top: 8px
}

.product-detailed-specs form label, .panel-specs form label {
    font-weight: 300;
    padding: 0 4px
}

.product-detailed-specs form label strong {
    font-weight: 600
}

.specs-group ul li:before {
    content: '-';
    margin-right: 5px;
    position: absolute;
    left: -10px
}

.super .specs-group ul li:before {
    display: none;
}

.product-data-items-content .specs-group ul li {
    padding-left: 10px
}

.product-data-items-content .specs-group ul li:before {
    content: url(../images/ticksmall.svg);
    margin-right: 5px;
    position: absolute;
    left: -10px
}

.specs-group ul {
    position: relative;
    left: 10px
}

.product.info.detailed {
    margin: 0
}

.product-data-items-menu {
    margin: 0;
    border-bottom: 1px solid #000;
    display: block;
    height: 35px
}

.super .product-data-items-menu {
    border-bottom: 3px solid #000;
    border-bottom: none;
}

.product-data-items-menu .data.item.title {
    padding: 0 30px 0 0
}

.product-data-items-menu .data.item.title .data.switch {
    color: #000;
    font-size: 12px;
    padding-bottom: 8px;
    font-weight: 500;
    font-family: grandgothikext;
    line-height: 24px;
    letter-spacing: 1px;
    text-transform: uppercase
}

.product-data-items-menu .data.item.title.active .data.switch {
    font-weight: 700
}

.super .product-data-items-menu .data.item.title .data.switch {
    line-height: 24px;
    font-family: baguesans;
    font-size: 16px;
    letter-spacing: 0;
    background: #1d1d1d;
    border-bottom: none;
    border-radius: 7px;
    color: #fff;
    font-weight: 700;
    padding: 5px 15px;
}

.super .product-data-items-menu .data.item.title.active .data.switch {
    border-bottom: none;
    background: #e4251f;
    color: #fff;
}

.product-data-items-content {
    margin-top: 40px
}

.product-data-items-content p, .product-data-items-content {
    font-size: 14px;
    line-height: 21px;
    font-weight: 500;
    margin-bottom: 0
}

.product-data-items-content .title-accordion:after {
    background: 0 0;
    color: #000
}

.minicart-wrapper.minicart-sidebar .mage-dropdown-dialog {
    background: #fff;
    top: 109px;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    border-left: 1px solid #000
}

.super .minicart-wrapper.minicart-sidebar .mage-dropdown-dialog {
    top: 0;
    opacity: 0;
    border-left: none;
    background: transparent;
    border-radius: 0;
    position: absolute;
    transform: scale(0) !important;
    top: 90px !important;
    right: -15px;
    left: unset !important;
    bottom: unset !important;
    width: 280px;
    display: block !important;
    overflow: unset;
    padding-top: 35px;
    margin: 0;
    transition: top .3s, opacity .3s;
    visibility: hidden;
}

.super .minicart-trigger:hover .minicart-wrapper.minicart-sidebar .mage-dropdown-dialog {
    transform: scale(1) !important;
    /* display: block!important; */
    opacity: 1;
    visibility: visible;
    top: 50px !important;
}

@media (max-width: 1199px) {
    .super .minicart-trigger:hover .minicart-wrapper.minicart-sidebar .mage-dropdown-dialog {
        transform: scale(0) !important;
        /* display: block!important; */
        opacity: 0;
        visibility: visible;
        top: 0px !important;
    }

    .super .minicart-trigger .minicart-wrapper.minicart-sidebar.active .mage-dropdown-dialog {
        transform: scale(1) !important;
        /* display: block!important; */
        opacity: 1;
        visibility: visible;
        top: 50px !important;
    }

}

.super .minicart-wrapper.minicart-sidebar .mage-dropdown-dialog .block-minicart {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    padding: 15px;
}

button#offerbutton {
    color: #000
}

.super button#offerbutton {
    color: #fff;
}

.offerform {
    background: #93fd44;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    color: #000;
    opacity: 0;
    visibility: hidden;
    transition: .4s transform ease-in-out;
    margin-top: 75px
}

.super .offerform {
    background: #fff;
    border-radius: 10px;
    margin-top: 36px;
    padding: 15px;
    height: auto;
    display: flex;
    flex-direction: column;
}

.offerform.formopen {
    opacity: 1;
    visibility: visible
}

.offercontent {
    padding: 25px 35px
}

.super .offercontent {
    padding: 0px 0;
}

.offerform input {
    background: rgba(255, 255, 255, .5) !important;
    margin-bottom: 15px
}

.offerform input:focus {
    background: rgba(255, 255, 255, .7) !important;
    margin-bottom: 15px
}

.offerform button {
    background: 0 0 !important;
    border: 2px solid #000 !important;
    color: #000 !important;
    width: 100% !important;
    text-transform: uppercase;
    font-size: 12px !important;
    letter-spacing: 1px !important;
    height: 36px !important;
    font-weight: 600 !important
}

.offerform button:hover {
    background: #000 !important;
    border: 2px solid #000 !important;
    color: #fff !important;
    width: 100% !important;
    text-transform: uppercase;
    font-size: 12px !important;
    letter-spacing: 1px !important;
    height: 36px !important;
    font-weight: 600 !important
}

span.closeoffer {
    font-size: 16px;
    cursor: pointer;
    position: absolute;
    right: 35px;
    top: 23px;
    height: 36px;
    width: 28px;
    text-align: center;
    line-height: 36px
}

.super span.closeoffer {
    order: 3;
    position: relative;
    top: unset;
    height: 22px;
    right: unset;
    padding-top: 0px;
    display: block;
}

#offerresponse {
    margin-top: 10px;
}

.super #offerresponse {
    display: none;
}

.super #offerresponse.offershow {
    display: block;
}

#offerresponse.responsefail {
    color: #e23030
}

.header .header-placeholder .col-icons ul.table-icon-menu .block-minicart li {
    border: none;
    padding: 0 35px 15px;
    border-bottom: 1px solid #000;
    min-height: 100px;
    margin-bottom: 20px
}

.super .header .header-placeholder .col-icons ul.table-icon-menu .block-minicart li {
    border: 1px solid #1d1d1d;
    background: #fff;
    padding-bottom: 15px;
    border-radius: 10px;
    padding: 10px;
    margin-bottom: 10px;
    height: auto;
}

.super .header .header-placeholder .col-icons ul.table-icon-menu .block-minicart li:nth-child(2n) {
    /* background: #f4f4f4; */
}

.minicart-wrapper .product-item-details .product-item-name a {
    font-size: 11px;
    font-family: grandgothikext;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 14px;
    color: #000;
    display: inline-block
}

.super .minicart-wrapper .product-item-details .product-item-name a {
    font-family: baguesans;
    font-size: 14px;
    line-height: 14px;
    font-weight: 500;
    color: #1d1d1d;
    text-transform: none;
}

.super .minicart-wrapper .product-item-details > strong .product-item-name a {

}

.minicart-wrapper .product-item-details .price {
    font-size: 11px;
    font-weight: 500;
    word-spacing: inherit;
    letter-spacing: 1px;
    line-height: 16px;
    font-family: grandgothikext;
    color: #000;
    display: inline-block
}

.super .minicart-wrapper .product-item-details .price {
    font-family: baguesans;
    font-weight: 500;
    letter-spacing: 0;
    font-size: 14px;
    color: #1d1d1d;
    display: inline-flex;
}

.super .minicart-wrapper .product-item-details .price .price_decimals {
    font-size: 10px;
    line-height: 12px;
}

.minicart-wrapper .product-item-details .product-item-name a:hover {
    color: #5d5d5d
}

.super .minicart-wrapper .product-item-details .product-item-name a:hover {
    color: #ec3133;
}

.minicart-wrapper .product-item-details {
    vertical-align: top;
    display: inline-block;
    height: 80px
}

.super .minicart-wrapper .product-item-details {
    padding: 0;
    height: 80px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
}

.super .minicart-wrapper .product-item-details .product-item-pricing {
    width: 100%;
}

.super .minicart-wrapper .product-item-details .product-item-pricing .details-qty {
    display: none;
}

.minicart-wrapper .minicart-items .price-container {
    line-height: 12px;
    margin-bottom: 6px
}

.super .minicart-wrapper .minicart-items .price-container {
    line-height: 12px;
    margin-bottom: 0px;
}

.minicart-wrapper .product-item-details .details-qty .item-qty {
    background: 0 0;
    border: 1px solid #000;
    width: 50px;
    height: 18px;
    line-height: 18px;
    color: #000;
    font-size: 12px;
    margin-right: 5px;
    padding: 0 10px;
}

.super .minicart-wrapper .product-item-details .details-qty .item-qty {
    border: 1px solid #1d1d1d;
    color: #1d1d1d;
    background: #fff;
    height: 16px;
    line-height: 14px;
    font-size: 12px;
    width: 37px;
    border-radius: 0;
    padding: 0 5px;
}

.super strong.product-item-name {
    display: block;
    width: 100%;
}

.minicart-wrapper .product-item-photo .actions .primary {
    display: none
}

.minicart-wrapper .product-item-photo .actions .action:after {
    font-size: 22px;
    position: relative;
    top: -7px;
}

.minicart-wrapper.minicart-sidebar .action.showcart.active:after {
    background: rgb(255 255 255/90%);
    top: 109px
}

.super .minicart-wrapper.minicart-sidebar .action.showcart.active:after {
    background: rgb(244 244 244/90%);
    top: 0px;
    display: none;
}

.active-sticky .minicart-wrapper.minicart-sidebar .action.showcart.active:after {
    top: 69px
}

.minicart-wrapper.minicart-sidebar .close-minicart span {
    font-size: 44px;
    color: #000;
    height: 68px;
    width: 44px;
    line-height: 69px
}

.super .minicart-wrapper.minicart-sidebar .close-minicart span {
    color: #fff;
}

.minicart-wrapper.minicart-sidebar.active .close-minicart {
    top: 108px;
    right: -450px;
    transform: translate3d(-475px, 0, 0);
    transition: transform .3s ease
}

.header .header-placeholder .table-icon-menu button:hover, .header .header-placeholder .table-icon-menu .showcart:hover, .minicart-wrapper.minicart-sidebar .close-minicart:hover i {
    opacity: 1;
    color: #000
}

body h2.minicart-title {
    font-weight: 700;
    font-size: 14px;
    line-height: 67px;
    font-family: grandgothikext;
    padding: 0 35px;
    background: 0 0;
    border-bottom: 1px solid #000;
    margin-bottom: 0;
    text-transform: uppercase
}

.super body h2.minicart-title {
    font-family: baguesans;
    letter-spacing: 0;
    font-size: 18px;
    border-bottom: 2px solid #fff;
    line-height: 22px;
    color: #1d1d1d;
    background: transparent;
    padding: 0px 0 10px;
}

.super body h2.minicart-title:before {
    background: #e4251f;
    width: 14px;
    height: 14px;
    content: "";
    display: inline-block;
    border-radius: 30px;
    top: 1px;
    position: relative;
    margin-right: 10px;
}

.super body h2.minicart-title:after {
    content: "";
    display: inline-block;
    font-family: "Pe-icon-7-stroke";
}

h2.minicart-title {
}

h2.minicart-title {
}

h2.minicart-title span {
}

.minicart-wrapper.minicart-sidebar .mage-dropdown-dialog .minicart-items {
    margin: 0 35px;
    top: 100px !important
}

.minicart-wrapper.minicart-sidebar.active .mage-dropdown-dialog .minicart-items {
    padding: 0;
    top: 90px !important;
    margin: 0
}

.super .minicart-wrapper.minicart-sidebar .mage-dropdown-dialog .minicart-items-wrapper {
    height: auto !important;
}

.super .minicart-wrapper.minicart-sidebar .mage-dropdown-dialog .minicart-items {
    top: 0px !important;
    position: relative;
    right: unset;
    left: unset;
    bottom: unset;
    max-height: 249px !important;
    overflow: scroll;
    margin: 0;
    opacity: 1;
    visibility: visible;
}

.minicart-wrapper.minicart-sidebar .subtotal {
    margin: 20px 0
}

.super .minicart-wrapper.minicart-sidebar .subtotal {
    margin: 15px 0px 8px;
}

.minicart-wrapper.minicart-sidebar .block-content > .actions {
    margin: 0;
    border-top: 1px solid #000;
    padding-bottom: 30px
}

.super .minicart-wrapper.minicart-sidebar .block-content > .actions {
    background: transparent;
    border-top: none;
    margin: 0;
    position: relative;
    bottom: unset;
    left: unset;
    right: unset;
    top: unset;
    padding: 0;
    opacity: 1;
    visibility: visible;
}

.minicart-wrapper .block-content > .actions .label {
    font-size: 12px;
    font-weight: 700;
    margin-right: 5px;
    font-family: grandgothikext;
    text-transform: uppercase
}

.super .minicart-wrapper .block-content > .actions .label, .super .minicart-wrapper .block-content > .actions .price-container {
    font-family: baguesans;
    font-size: 14px;
    letter-spacing: 0;
    color: #1d1d1d;
    font-weight: 700;
    margin-bottom: 0;
}

.minicart-wrapper .block-content > .actions .price-container {
    float: unset;
    color: #000;
    font-size: 12px;
    font-weight: 700;
    font-family: grandgothikext
}

.minicart-wrapper.minicart-sidebar.active .block-content > .actions a, .minicart-wrapper.minicart-sidebar.active .block-content > .actions button {
    height: 38px;
    line-height: 38px;
    font-size: 11px;
    font-weight: 700;
    border: 2px solid #000;
    opacity: 1
}

.super .minicart-wrapper.minicart-sidebar .block-content > .actions button {
    background: #1d1d1d !important;
    color: #fff !important;
    border-radius: 10px;
    border: none;
    flex-direction: row;
    height: 38px;
    line-height: 36px;
    font-weight: 700;
    opacity: 1;
    border: 1px solid #1d1d1d !important;
}

.super .minicart-wrapper.minicart-sidebar .block-content > .actions button:hover {
    background: #e32222 !important;
    color: #fff !important;
    border: 1px solid #e32222 !important;
}

.super .minicart-wrapper .block-content > .actions .actions > .primary {
    margin-top: 5px;
}

.super .minicart-wrapper.minicart-sidebar .block-content > .actions a.action {
    background: transparent !important;
    color: #1d1d1d !important;
    border-radius: 10px;
    font-family: baguesans;
    font-size: 14px;
    height: 38px;
    line-height: 36px;
    letter-spacing: 0px;
    border: 1px solid #1d1d1d !important;
}

.super .minicart-wrapper.minicart-sidebar .block-content > .actions a.action:hover {
    background: #1d1d1d !important;
    color: #fff !important;
    border: 1px solid #1d1d1d !important;
}

.minicart-wrapper.minicart-sidebar.active .block-content > .actions a {
    background: 0 0;
    font-weight: 700;
    font-size: 11px
}

.minicart-wrapper.minicart-sidebar.active .block-content > .actions a:hover, .minicart-wrapper.minicart-sidebar.active .block-content > .actions button:hover {
    background: #17ff00;
    color: #000
}

.super .minicart-wrapper.minicart-sidebar.active .block-content > .actions a:hover {
    background: transparent;
    color: #e42222;
}

.minicart-wrapper .product-item-details .details-qty .item-qty:focus, .minicart-wrapper .product-item-details .details-qty .item-qty:active {
    background: 0 0;
    border: 1px solid #000
}

.minicart-wrapper .product-item-details .details-qty .update-cart-item {
    color: #000;
    font-size: 12px
}

.minicart-wrapper .product-item-details .details-qty .update-cart-item:hover {
    color: #000;
    text-decoration: underline
}

.active-sticky .minicart-wrapper.minicart-sidebar.active .close-minicart {
    top: 70px
}

.active-sticky .minicart-wrapper.minicart-sidebar .mage-dropdown-dialog {
    top: 69px
}

.product.media .vertical-gallery .vertical-thumbnail:hover .slick-arrow.pe-7s-angle-down, .product.media .vertical-gallery .vertical-thumbnail:hover .slick-arrow.pe-7s-angle-up {
    background: 0 0
}

.product.media .vertical-gallery .gallery-vertical {
}

.block.filter .block-content.filter-content .filter-options-item .filter-options-title, .block.filter .block-content.filter-content .filter-options-title {
    font-weight: 700;
    font-size: 12px;
    line-height: 21px;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding-bottom: 10px;
    font-family: grandgothikext
}

.super .block.filter .block-content.filter-content .filter-options-item .filter-options-title, .super .block.filter .block-content.filter-content .filter-options-title {
    font-family: baguesans;
    font-size: 16px;
    letter-spacing: 0;
}

.block.filter .block-content.filter-content .block-filter-content > .filter-options-title {
    padding-left: 15px;
    padding-right: 15px
}

.block.filter .block-content.filter-content .filter-options-item, .block.filter .block-content.filter-content .items-cat {
    margin-bottom: 10px;
    border-bottom: 1px solid #000;
    padding-bottom: 10px;
    padding-left: 15px;
    padding-right: 15px
}

.block.filter .block-content.filter-content .items-cat {
}

.block.filter .block-content.filter-content .filter-options-item .filter-options-content {
    padding-top: 0;
    display: none
}

.block.filter .block-content.filter-content .filter-options-item .filter-options-content.expand {
    padding-bottom: 0
}

.block.filter .block-content.filter-content .filter-options-item .filter-options-content.expand .items {
    max-height: 171px;
    overflow-y: scroll
}

.block.filter .block-content.filter-content .filter-options-item .filter-options-content.expand .items::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 5px
}

.block.filter .block-content.filter-content .filter-options-item .filter-options-content.expand .items::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: rgba(0, 0, 0, .3);
    -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .5)
}

.block.filter .block-content.filter-content .filter-options-item .filter-options-content ol.items .item {
    padding: 0 0 3px
}

.sidebar .block.filter a {
    color: #000;
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    vertical-align: top;
    position: relative;
    z-index: 3;
    display: inline-block;
    padding: 2px 10px 0 23px;
    left: 0;
    /*background: url(../images/square.svg) no-repeat 0 5px;*/
    background-color: transparent
}

.sidebar .block.filter .swatch-attribute.color a span {
    position: absolute;
    display: inline;
    top: -33px;
    width: max-content;
    box-shadow: 0 4px 15px rgba(0, 0, 0, .2);
    left: calc(50% - 5px);
    padding: 10px;
    background: #fff;
    transform: translateX(-50%);
    z-index: 100
}

.sidebar .block.filter .filter-options-item .filteractive a {
    border-radius: 10px;
    padding: 2px 10px 0 23px;
    left: 0;
    background: url(../images/square_ticked.svg) no-repeat 0 5px;
    background-color: transparent
}

.super .sidebar .block.filter .filter-options-item .filteractive a {
    border-radius: 0px;
    padding: 2px 10px 0px 22px;
    left: 0;
    color: #e4251f;
    background: url(../images/square_ticked.svg) no-repeat 0px 5px;
    background-color: transparent;
}

.sidebar .block.filter .items-cat a:before {
    position: absolute;
    top: 2px;
    left: 0;
    height: 13px;
    width: 13px;
    background: #17ff00;
    border-radius: 20px;
    content: "";
    display: none
}

.super .sidebar .block.filter .items-cat a:before {
    position: absolute;
    top: 2px;
    left: 0;
    height: 13px;
    width: 13px;
    border-radius: 20px;
    content: "";
    display: none
}



.sidebar .block.filter .items-cat .catactive a {
    font-weight: 600
}

.sidebar .block.filter a:hover {
    text-decoration: underline;
    color: #000
}

.block.filter .block-content.filter-content .filter-options-item + .filter-options-item, .block.filter .block-content.filter-content .filter-options-item:first-child {
    padding-top: 0;
    margin-top: 0;
    border-top: none
}

.block.filter .block-content.filter-content .filter-options-item + .filter-options-item .filter-options-title, .block.filter .block-content.filter-content .filter-options-item:first-child .filter-options-title {
    padding-top: 15px
}

.super .page-header {
    font-family: baguesans;
    font-size: 24px;
}

.super body[class^=customer-account-] .page-header {
    margin: 20px 0;
    border-bottom: none;
}

.page-header {
    font-size: 20px;
    color: #000;
    line-height: 30px;
    border: none;
    font-family: grandgothikext;
    text-transform: uppercase
}

.page-header span {
}

body.account .page-header {
    background: #17ff00;
    padding: 10px 20px 6px;
    margin-bottom: 30px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 18px;
    line-height: 22px
}

.super body.account .page-header {
    background: #e4251f;
    border-radius: 10px;
    color: #fff;
    padding: 15px 20px 11px;
}

.super body.account #maincontent {
    padding: 0 0 70px;
}

.block-dashboard-addresses {
    margin-top: 20px
}

.block-dashboard-addresses .btn.btn-primary {
    margin-top: 0
}

.account .block-reorder {
    display: none
}

.account .sidebar.sidebar-main .block + .sidebar-additional {
    margin-top: 20px;
    padding-top: 30px
}

.account .sidebar.sidebar-additional .block + .block {
    border: none;
    margin: 0;
    padding: 0
}

.message.info > * {
    background: #000;
    color: #fff;
    padding: 12px 20px 12px 45px
}

.super .message.info > * {
    background: #e4251f;
    border-radius: 7px;
    color: #fff;
    padding: 12px 20px 12px 45px
}

.message.info > *:before {
    color: #fff;
    background: url(../images/star.svg) no-repeat;
    width: 18px;
    height: 18px;
    content: "";
    margin-left: 15px;
    top: 0;
    transform: translateY(15px)
}

.super .message.info > *:before {
    background: url(../images/star-super.svg) no-repeat
}

.catalog-category-view .page-header {
    margin: 0 0 15px;
    padding: 0;
    display: inline-block;
    padding: 0;
    font-size: 20px;
    font-family: grandgothikext;
    font-weight: 700
}

.super .catalog-category-view .page-header {
    font-family: baguesans;
    font-size: 34px;
    line-height: 34px;
    margin-bottom: 10px;
    display: block;
    /* text-transform: unset; */
}

.catalog-category-view .category-view, .catalogsearch-result-index .search .page-title-wrapper {
    display: inline-block;
    width: 63%;
    vertical-align: top;
    font-size: 14px
}

.super .catalog-category-view .category-view, .super .catalogsearch-result-index .search .page-title-wrapper {
    /* background: #fff; */
    /* padding: 15px 0 15px 15px; */
    /* margin-left: -15px; */
    /* margin-right: -15px; */
    /* border-radius: 10px; */
    /* border-top-left-radius: 0; */
    border-top-right-radius: 0;
}

.catalogsearch-result-index .search .page-title-wrapper .page-header {
    margin-top: 0
}

.category-product-actions {
    display: inline-block;
    width: 36%;
    vertical-align: bottom;
    margin-bottom: 20px
}

.toolbar .toolbar-number, .toolbar .toolbar-amount {
    color: #000;
    font-size: 14px;
    line-height: 23px
}

.super .toolbar .toolbar-number, .super .toolbar .toolbar-amount {
    font-size: 16px;
    line-height: 23px;
    font-weight: 600;
}

.toolbar select {
    height: 28px;
    line-height: 28px;
    font-size: 14px;
    color: #000;
    line-height: 24px;
    background-color: #e8e8e8;
    background-position: 97px 50%;
    border-radius: 30px;
    border: none;
    padding: 0 20px 0 15px !important;
    width: 149px;
    margin-left: 20px
}

a.action.sorter-action {
    display: none
}

.toolbar.toolbar-products {
    text-align: left
}

.category-product-actions .toolbar.toolbar-products, .category-product-actions .toolbar.toolbar-products {
    text-align: right
}

.toolbar > div {
    display: inline-block
}

.products-grid .product-item-details .product-item-name {
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 5px;
    font-family: isotext
}

.super .products-grid .product-item-details .product-item-name {
    font-family: baguesans;
    font-weight: 600;
    font-size: 20px;
    line-height: 20px;
    min-height: 60px;
}

.super .products-grid .product-item-details .product-detail-content p {
    font-size: 16px !important;
    margin-bottom: 10px !important;
}

.products-grid .product-item-details > div {
    padding-top: 15px
}

.super .products-grid .product-item-details > div {
    padding-top: 20px;
}

.products-grid .product-item-details .price-box {
    margin-top: 0
}

.price-box .price {
    color: #000;
    font-size: 14px;
    font-weight: 500;
    font-family: grandgothikext;
    word-spacing: -15px
}

.super .price-box .price {
    font-size: 26px;
    font-weight: 700;
    font-family: 'baguesans';
    word-spacing: -5px;
    display: inline-flex;
}

.super .product-info-main .price-box .old-price .price, .super .price-box .old-price .price {
    color: #e4251f;
    line-height: 16px;
}

.super .product-info-main .price-box .price {
    font-size: 34px;
    line-height: 34px;
    color: #1d1d1d;
}

.super .product-info-main .price-box .special-price .price {
    color: #1d1d1d;
}

.safari .price-box .price {
    word-spacing: 0
}

.products-grid .product-item-info .actions-link button {
    background: #000;
    height: 40px;
    border-radius: 0;
    margin: 0;
    width: auto;
    width: 40px;
    float: none;
    display: inline-block
}

.super .products-grid .product-item-info .actions-link button {
    color: #000;
    border-radius: 5px;
}

.super .products-grid .product-item-info .actions-link button img {
    width: 16px;
    height: auto;
    top: 0;
}

.products-grid .product-item-info .actions-link button:hover {
    background: #17ff00;
    color: #000
}

.super .products-grid .product-item-info .actions-link button:hover {
    background: #e4251f;
    color: #000
}

.products-grid .product-item-info .actions-link {
    right: 0;
    bottom: 0;
    background: 0 0;
    width: 40px;
    text-align: right
}

.products-grid .product-item-info:hover .actions-link {
    opacity: 0;
    right: unset;
    visibility: hidden
}

.products-grid .product-item-info:hover .actions-link {
    opacity: 1;
    right: 0%;
    visibility: visible
}

.products-grid .product-item-info .actions-link button.mgs-quickview, .products-grid .product-item-info .actions-link button {
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 33px;
    padding: 0
}

.products-grid .product-item-info .actions-link > button, .products-grid .product-item-info .actions-link form {
    float: none;
    display: inline-block;
    vertical-align: middle
}

.products-grid .product-item-info .actions-link button img {
    width: 12px;
    vertical-align: middle;
    top: -2px;
    position: relative;
    display: inline-block
}

.products-grid .product-item-info .actions-link button:hover {
    color: #000
}

.product-items a.action.towishlist, .products-grid button.towishlist {
    height: 40px;
    width: 40px;
    line-height: 40px;
    position: absolute;
    top: 0;
    right: 0;
    background: #000;
    padding: 0;
    color: #fff;
    font-size: 19px;
    border-radius: 0;
    z-index: 2;
    letter-spacing: 0;
    cursor: pointer;
    display: flex;
    transition: none;
    justify-content: center;
    align-items: center
}

.super .product-items a.action.towishlist, .super .products-grid button.towishlist {
    background: transparent;
    color: #000;
    font-size: 30px;
}

.super .product-items a.action.towishlist em, .super .products-grid button.towishlist em {
    font-weight: 700;
}

.product-items a.action.towishlist:hover {
    background: #17ff00;
    color: #000
}

.super .product-items a.action.towishlist:hover {
    background: transparent;
    color: #e4251f;
}

.product-small-info button.openinfo {
    width: 20px;
    display: inline-block;
    height: 20px;
    background: url(../images/infoinitial.svg) no-repeat;
    background-position: 0 0;
    transition: .1s all ease;
    -webkit-transition: .1s all ease;
    border: none
}

.product-small-info button.openinfo:hover {
    background-image: url(../images/infog.svg)
}

.product-small-info {
    width: auto;
    text-align: right
}

.list_description {
    position: absolute;
    top: 0;
    opacity: 0;
    left: 0;
    width: 100%;
    padding: 30px;
    height: 100%;
    display: inline-block;
    z-index: 4;
    -webkit-transition: .2s all ease-in-out;
    background: rgba(250, 250, 250, .95);
    transition: .2s all ease-in-out
}

.products.list .product-item-info.info-open .list_description, .products-grid .product-item-info.info-open .list_description {
    opacity: 1
}

.list_description a {
    display: block;
    position: relative;
    color: #000;
    font-size: 14px;
    font-weight: 500;
    height: 100%;
    width: 100%
}

.list_description a span {
    display: block;
    top: 50%;
    position: relative;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #000;
    font-size: 14px;
    font-weight: 500
}

.list_description p {
    color: #000;
    margin-bottom: 5px;
    opacity: 0;
    transform: translateX(30px);
    -webkit-transition: .3s all ease-in-out .3s;
    transition: .3s all ease-in-out .3s
}

.products.list .product-item-info.info-open .list_description p, .products-grid .product-item-info.info-open .list_description p {
    transform: translateX(0px);
    opacity: 1
}

.list_description a i {
    font-size: 16px;
    display: block;
    margin-top: 10px;
    opacity: 0;
    transform: translateX(30px);
    -webkit-transition: .3s all ease-in-out .5s;
    transition: .3s all ease-in-out .5s
}

.products.list .product-item-info.info-open .list_description i, .products-grid .product-item-info.info-open .list_description i {
    transform: translateX(0px);
    opacity: 1
}

.minicart-wrapper.minicart-sidebar .mage-dropdown-dialog .subtitle.empty {
    margin: 20px 35px;
    color: #000
}

.super .minicart-wrapper.minicart-sidebar .mage-dropdown-dialog .subtitle.empty {
    border: 1px solid #1d1d1d;
    border-radius: 10px;
    margin: 0;
    padding: 15px;
    text-align: center;
}

.category-cms {
    margin-bottom: 30px
}

.category-cms .cat_banner_info {
    position: absolute;
    width: calc(100% - 30px);
    height: 100%;
    top: 0;
    left: 15px;
    border-top-left-radius: 30px;
    border-bottom-right-radius: 30px;
    overflow: hidden
}

.category-cms .cat_banner_info a {
    color: #fff;
    font-size: 17px;
    font-weight: 500;
    display: block;
    padding: 30px;
    height: 100%;
    line-height: 17px;
    letter-spacing: .5px;
    z-index: 2;
    position: relative;
    transform: translate(0px, 0px);
    transition: .3s all ease
}

.category-cms .cat_banner_info span {
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 1px;
    display: block;
    margin: 5px 0
}

.category-cms .cat_banner_info span em {
    font-size: 10px
}

.cat_banner_img {
    border-top-left-radius: 30px;
    overflow: hidden;
    border-bottom-right-radius: 30px
}

.category-cms .cat_banner_info:before {
    content: '';
    display: block;
    background: 0 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    position: absolute;
    transition: .3s all ease
}

.category-cms .cat_banner_info:hover:before {
    background: rgba(0, 0, 0, .3)
}

.category-cms .cat_banner_info:hover a {
    transform: translate(10px, 0px)
}

.product-item-info:hover .img-hover-show {
    opacity: 0
}

.product-top:hover .img-hover-show {
    opacity: 1 !important;
    z-index: 2 !important
}

.price-box .old-price {
    float: unset;
    margin: 0 0 0 5px;
    vertical-align: bottom;
    line-height: 24px
}

.super .product-info-main .price-box .old-price {

}

.price-box .special-price .price {
    color: #d8117e
}

.super .price-box .special-price .price {
    color: #1d1d1d;
}

.price-box .old-price .price {
    font-size: 12px
}

.price-box .special-price {
    vertical-align: bottom;
    line-height: 22px
}

.product-label {
    color: #fff;
    background: #000;
    border-radius: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    top: 0;
    font-weight: 600;
    right: unset;
    left: 0;
    white-space: nowrap;
    padding: 0 12px 0 15px;
    font-size: 10px;
    min-width: 40px;
    display: block;
    width: auto;
    text-align: left;
    text-transform: uppercase;
    height: 40px;
    line-height: 40px;
    font-family: grandgothikext
}

.product-label span {
    position: relative;
    top: 2px
}

.super .product-label {
    background: #63B465;
    border-radius: 5px;
    font-family: 'baguesans';
    font-size: 14px;
    line-height: 13px;
    padding: 5px;
}

.super .product-label span {
    display: inline-block;
    font-weight: 500;
    width: 50px;
    white-space: normal;
    transform: skew(0deg, -10deg);
    top: 0;
}

.super .product-label.sale-label span {
    transform: unset;
    top: unset;
    width: auto;
    height: auto;
    font-weight: 700;
}

.super .product-label.sale-label span:after {
    content: "OFF";
    padding-left: 5px;
    display: inline-block;
}

.product-label.upon-order, .product-label.coming-soon {
    background: #000;
    transform: translateX(-100%);
    transition: .3s all ease-in-out;
    left: 40px;
    cursor: pointer
}

.product-label.last-label {
    background: #000;
    transform: translateX(-100%);
    transition: .3s all ease-in-out;
    left: 40px;
    cursor: pointer
}

.super .product-label.last-label {
    left: 0;
    transform: translateX(0px);
    background: #e42222;
    color: #fff;
    display: block !important;
}

.super .product-label.upon-order, .super .product-label.coming-soon {
    background: #e4251f
}

.product-label.upon-order:hover, .product-label.coming-soon:hover, .product-label.last-label:hover {

}

.product-label.upon-order span, .product-label.coming-soon span, .product-label.last-label span {
    display: inline-block
}

.product-label.coming-soon span:after {
    display: inline-block;
    vertical-align: middle;
    line-height: 1em;
    content: url(../images/coming-label.svg);
    padding-left: 15px
}

.product-label.upon-order span:after {
    display: inline-block;
    vertical-align: middle;
    line-height: 1em;
    content: url(../images/upon-label.svg);
    padding-left: 15px
}

.product-label.last-label span:after {
    display: inline-block;
    vertical-align: middle;
    line-height: 1em;
    content: url(../images/last-label.svg);
    padding-left: 15px
}

.super .product-label.last-label span:after {
    display: none;
}

.product-label.sale-label {
    background: #d8117e
}

.product-label.last-label {
    background: #ff0;
    color: #000
}

.product-label + .product-label {
    margin-top: 40px
}

.super .product-label.sale-label {
    background: transparent;
    top: unset;
    bottom: 0;
    color: red;
    padding: 0;
    height: unset;
}

.super .catalog-product-view .detail-label .product-label.sale-label {
    bottom: unset;
    top: 0px;
    width: auto;
    min-width: 100px;
}

.catalog-product-view .product.media .product.item-image.base-image {
    width: calc(100% - 110px);
    padding-left: 110px;
    box-sizing: content-box
}

.catalog-product-view .detail-label {
    position: absolute;
    left: 110px;
    top: 0
}

.super .catalog-product-view .detail-label {
    top: 16px;
    left: 30px;
}

.mgs_quickview-catalog_product-view .detail-label {
    left: 0 !important
}

.product-info-main .price-box .old-price .price {
    font-size: 16px;
    color: #868686;
    font-weight: 500
}

.product-options-wrapper .swatch-opt .swatch-attribute .swatch-attribute-label {
    font-weight: 600;
    font-size: 12px;
    color: #aaa;
    display: block;
    margin-bottom: 2px
}

.product-info-main .swatch-option.text {
    margin: 0;
    border-radius: 0;
    border: 2px solid #f2f2f2;
    height: 33px;
    line-height: 33px;
    color: #4a4a4a;
    letter-spacing: 1px;
    font-weight: 600;
    padding: 0 25px
}

.product-info-main .swatch-option.text:last-child {
    border-right: 2px solid #f2f2f2;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
    padding: 0 30px 0 25px
}

.product-info-main .swatch-option.text:first-child {
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
    padding: 0 25px 0 30px
}

.product-info-main .swatch-option.text:hover {
    box-shadow: none;
    border-color: #000
}

.product-info-main .swatch-option.text.selected {
    border-color: #17ff00;
    box-shadow: none
}

.super .product-info-main .swatch-option.text.selected {
    border-color: #e4251f
}

.upon-order .product-info-main .swatch-option.text.selected, .coming-soon .product-info-main .swatch-option.text.selected {
    border-color: #ffc277;
    box-shadow: none
}

.product-options-wrapper .swatch-opt {
    margin: 0 0 25px
}

.product-options-wrapper .swatch-option {
    box-shadow: none !important;
    border: 2px solid #000;
    height: 22px;
    min-width: 22px;
    margin: 5px 10px 0 0
}

.product-options-wrapper .swatch-option:hover {
    border-color: #b1b1b1
}

.product-options-wrapper .swatch-option.selected {
    border-color: #17ff00
}

.super .product-options-wrapper .swatch-option.selected {
    border-color: #e4251f
}

.upon-order .product-options-wrapper .swatch-option.selected, .coming-soon .product-options-wrapper .swatch-option.selected {
    border-color: #ffc277
}

.product-info-main .stock.unavailable:before {
    background: url(../images/redx.svg) no-repeat !important
}

.post-item-info .post-thumbnail {
    margin-bottom: 0;
    max-height: 400px
}

.post-item-info .entry-metas .entry-meta {
    padding-right: 3px
}

.post-item-info .entry-metas .entry-meta + .entry-meta {
    padding-left: 10px
}

.post-item-info .entry-metas .entry-meta + .entry-meta:before {
    top: 1px;
    background: #000
}

.post-item-info .entry-metas {
    margin-bottom: 20px;
    border-bottom: 1px solid #000;
    border-top: 1px solid #000;
    padding-top: 10px;
    padding-bottom: 5px
}

.post-item-info .post-title, h1.blog-post-title {
    font-size: 20px;
    font-weight: 600;
    font-family: grandgothikext;
    margin: 0 0 10px
}

h1.blog-post-title {
    font-size: 22px;
    font-weight: 600;
    margin: 10px 0 20px;
    border-bottom: 1px solid #000;
    padding-bottom: 10px
}

.post-item-info {
    padding-bottom: 35px;
    margin-bottom: 0;
    border-bottom: 1px solid #000
}

.sidebar .block-title .title, .sidebar .block-title strong {
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 24px;
    letter-spacing: 1px;
    font-family: grandgothikext
}

body[class^=blog-] .sidebar .block-title {
    margin-bottom: 10px
}

body[class^=blog-] .sidebar ul li {
    padding: 0 0 6px;
    line-height: 18px;
    font-size: 16px
}

body[class^=blog-] .sidebar ul li a:hover {
    text-decoration: underline
}

body[class^=blog-] .sidebar.sidebar-additional .block + .block, body[class^=blog-] .sidebar.sidebar-main .block + .block, body[class^=blog-] .sidebar.sidebar-main .block + .sidebar-additional {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #000
}

.tag-cloud li a {
    background: #fff;
    border: none;
    font-size: 14px;
    padding: 0 6px;
    line-height: 24px;
    margin-right: 5px;
    height: 24px;
    margin-bottom: 5px;
    border: 1px solid #000
}

.post-tags .tagbox a {
    background: #fff;
    border: 1px solid #000;
    display: inline-block;
    font-size: 14px;
    padding: 0 6px;
    line-height: 24px;
    margin-right: 5px;
    height: 24px;
    margin-bottom: 5px
}

.post-tags {
    margin-bottom: 5px
}

body.blog-index-index .page-title-wrapper, body.blog-post-view .page-title-wrapper {
    display: none
}

.blog-main-info .post-thumbnail {
    margin-bottom: 10px
}

.blog-tag-view .page-header, .blog-category-view .page-header {
    border-bottom: 2px solid #000;
    color: #000;
    padding: 10px 0;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 1px;
    margin: 0 0 30px
}

.product-label.sold-out-label {
    background: #ff6464
}

.minicart-wrapper .product-item-details .toggle {
    display: none
}

.minicart-wrapper .product-item-details .content {
    display: block !important
}

.minicart-wrapper .product-item-details .options dt, .minicart-wrapper .product-item-details .options dd {
    font-size: 12px;
    line-height: 18px;
    font-style: italic
}

.minicart-wrapper .product-item-details .options dd {
    margin-right: 6px
}

.product-options-wrapper .swatch-opt .swatch-attribute + .swatch-attribute .swatch-attribute-label {
    margin-top: 15px
}

.block.filter .block-content.filter-content .filter-options-item .filter-options-content ol.items .item .count {
    display: none
}

.block.filter .block-content.filter-content .filter-options-item .filter-options-title:after, .block.filter .block-content.filter-content > .filter-options-title:after {
    font-size: 14px;
    top: 25px;
    content: "\f106"
}

.block.filter .block-content.filter-content .filter-options-item .inactive div.filter-options-title:after, .block.filter .block-content.filter-content .inactive div.filter-options-title:after {
    content: "\f107"
}

body > .loading-mask .loader:before, body > .loading-mask .loader:after {
    background: #17ff00
}

.super body > .loading-mask .loader:before, .super body > .loading-mask .loader:after {
    background: #e4251f
}

.portfolio-details .description h6 {
    font-weight: 500;
    font-size: 18px;
    margin: 40px 0;
    line-height: 26px;
    border-left: 3px solid #17ff00;
    padding-left: 20px
}

.super .portfolio-details .description h6 {
    border-left: 3px solid #e4251f
}

.portfolio-details .description br {
    display: none
}

.portfolio-index-view .breadcrumbs {
    display: block
}

.portfolio-index-view .portfolio-image {
    padding: 0;
    width: 100%;
    position: relative;
    background: 0 0
}

.portfolio-index-view .portfolio_title {
    padding: 50px 0 10px
}

.portfolio-index-view .portfolio_title .category-links {
    margin-bottom: 10px
}

.portfolio-index-view .portfolio_title .category-links span, .portfolio-grid .portfolio-bottom-content .category-link a, .portfolio-widget .portfolio-bottom-content .category-links span {
    font-size: 12px;
    text-transform: uppercase;
    line-height: 24px;
    font-weight: 600;
    letter-spacing: 1px;
    color: #000;
    padding: 0;
    margin: 0 15px 0 0
}

.portfolio-grid .portfolio-bottom-content .category-link, .portfolio-grid .portfolio-bottom-content, .portfolio-widget .portfolio-bottom-content {
    text-align: left
}

.portfolio-index-view .portfolio_title h1, .portfolio-grid .portfolio-bottom-content .title, .portfolio-widget .portfolio-bottom-content .title {
    font-size: 22px;
    font-weight: 600;
    line-height: 28px;
    font-family: grandgothikext
}

.portfolio-index-view .portfolio-details .description, .portfolio-index-view .portfolio-details .porfolio-gallery-image {
    margin-top: 30px
}

.portfolio-index-view .portfolio-related {
    margin-top: 70px
}

.portfolio-details .description img {
    max-width: 100%
}

.porfolio-gallery-image .gallery-image-carousel .owl-stage {
    display: flex;
    align-items: center
}

.portfolio-related .content-heading h3.title {
    font-size: 22px;
    font-weight: 600
}

.portfolio-top-content .category-link a {
}

.menu-product-tabs li a {
    font-size: 12px;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: 600
}

.menu-product-tabs li.active a, .menu-product-tabs li.active a:hover, .menu-product-tabs li.active a:focus {
    color: #fff;
    font-weight: 500
}

.portfolio-grid .item {
    margin-bottom: 30px
}

.menu-product-tabs li a {
    color: #000;
    font-weight: 500;
    display: block;
    line-height: 45px;
    padding: 5px 0 0
}

.portfolio-grid .portfolio-bottom-content {
    margin-top: 15px
}

.portfolio-grid .portfolio-bottom-content .short_descr {
    margin-top: 10px
}

.menu-product-tabs li a:hover, .menu-product-tabs li a:focus {
    color: rgb(0 0 0/71%)
}

.portfolio-grid .portfolio-bottom-content .title:hover, .portfolio-widget .portfolio-bottom-content .title:hover {
    color: #6d6d6d
}

.block.designerd-items h3.title {
    text-align: left;
    font-size: 18px;
    font-weight: 600;
    border-bottom: 1px solid #000;
    padding-bottom: 20px;
    line-height: 19px;
    font-family: grandgothikext
}

.block.designerd-items .content-heading {
    margin-bottom: 25px
}

.super .block.designerd-items .content-heading {
    background: transparent;
    margin-left: -15px;
    border-radius: 10px;
    margin-right: -15px;
    padding: 20px 15px 5px;
}

.super .block.designerd-items .content-heading h3 {
    line-height: 26px;
    font-family: 'baguesans';
    font-size: 26px;
    padding-bottom: 0;
    border-bottom: 0;
    color: #1d1d1d;
}

.products-grid .product-item {
    margin-bottom: 30px
}

.super .products-grid .product-item {
    padding-left: 20px;
    padding-right: 20px;
}

.super .products-grid .product-item .product-item-info {
    background: #fff;
    border-radius: 10px;
    padding: 15px;
}

.super .products-grid .products {
    margin-left: -35px;
    margin-right: -35px;
}

.super .products-grid .owl-carousel.products {
    margin-left: 0px;
    margin-right: 0;
}

.super .upsell-products-list .products-grid, .super .related-product-main .products-grid {
    margin-left: -15px;
    margin-right: -15px;
    background: #e4251f;
    border-radius: 10px;
    padding: 40px 20px;
}

.super .upsell-products-list .products-grid {
    background: #63b465;
}

footer .block.newsletter .content {
    float: right
}

.footer .block.newsletter .form.subscribe {
    float: unset;
    width: 100%;
    display: block;
    padding: 0
}

.footer .block.newsletter label {
    float: unset;
    display: block;
    width: 100%;
    color: #000;
    opacity: 1;
    font-weight: 300;
    font-size: 12px
}

.footer .block.newsletter .form.subscribe input[type=email] {
    background: 0 0;
    border-radius: 0;
    border-bottom: 1px solid #000;
    padding: 0;
    color: #000;
    font-size: 12px;
    height: 38px;
    line-height: 38px;
    transition: .3s all ease-in-out;
    font-weight: 300
}

.footer .block.newsletter .form.subscribe input[type=email]:focus {
    background: rgba(255, 255, 255, .2)
}

.footer .block.newsletter .form.subscribe input[type=email]::-webkit-input-placeholder {
    color: #000 !important
}

.footer .block.newsletter .form.subscribe input[type=email]::placeholder {
    color: #000 !important
}

.footer .block.newsletter .form.subscribe input[type=email]::-ms-input-placeholder {
    color: #000 !important
}

.footer .block.newsletter .form.subscribe .action.subscribe {
    right: 0
}

.footer .block.newsletter .form.subscribe .action.subscribe:hover {
    right: 18px
}

.footer .block.newsletter .form.subscribe .action.subscribe:focus {
}

#social-login-popup {
    border-radius: 5px
}

#social-login-popup .social-login.block-container .block {
    padding: 0
}

#social-login-popup div.title {
    border-bottom: 1px solid #000;
    height: 60px;
    display: flex
}

#social-login-popup div.title span, #social-login-popup div.title a {
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    font-family: grandgothikext;
    letter-spacing: 1px;
    line-height: 60px;
    flex: 50%;
    text-align: center
}

#social-login-popup div.title > *:first-child {
    border-right: 1px solid #000
}

#social-login-popup div.title span, #social-login-popup div.title a:hover {
    color: #000
}

#social-login-popup div.title a {
    color: #c1c1c1
}

#social-login-popup div.title span {
    border-bottom: 1px solid #000
}

.super #social-login-popup div.title span {
    border-bottom: 2px solid #e4251f
}

#social-login-popup fieldset > .field, div#social-login-popup #social-form-create .actions-toolbar, div#social-login-popup #social-form-password-forget .actions-toolbar, div#social-login-popup #social-form-login .actions-toolbar {
    width: calc(100% - 60px);
    margin-left: auto;
    margin-right: auto;
    display: block;
    float: unset
}

.field.mgs-gdpr-checkbox label.label, #social-login-popup .actions-toolbar a, .social-login .field.choice label {
    color: #838383;
    font-size: 14px;
    line-height: 16px;
    font-weight: 300
}

#social-login-popup .actions-toolbar a {
    text-decoration: underline
}

div#social-login-popup .social-login #bnt-social-login-authentication, div#social-login-popup button.action {
    background: #17ff00;
    color: #000;
    font-size: 12px;
    letter-spacing: 1px;
    font-family: grandgothikext;
    font-weight: 600;
    border-radius: 0;
    height: 36px;
    line-height: 36px
}

.super div#social-login-popup .social-login #bnt-social-login-authentication, .super div#social-login-popup button.action {
    background: #e4251f
}

div#social-login-popup .social-login #bnt-social-login-authentication:hover, div#social-login-popup button.action:hover {
    background: #000 !important;
    color: #fff
}

div#social-login-popup form {
    margin-bottom: 30px
}

input[type=text], input[type=password], input[type=url], input[type=tel], input[type=search], input[type=number], input[type=datetime], input[type=email] {
    background: #fff;
    border: 1px solid #000;
    font-size: 14px;
    color: #000;
    border-radius: 0;
    height: 36px;
    line-height: 36px;
    padding: 0 20px
}

.super input[type=text], .super input[type=password], .super input[type=url], .super input[type=tel], .super input[type=search], .super input[type=number], .super input[type=datetime], .super input[type=email] {
    border-radius: 5px;
    border: 1px solid #1d1d1d;
}

.super .homeslide.red input[type=text], .super .homeslide.red input[type=password], .super .homeslide.red input[type=url], .super .homeslide.red input[type=tel], .super .homeslide.red input[type=search], .super .homeslide.red input[type=number], .super .homeslide.red input[type=datetime], .super .homeslide.red input[type=email], .super .homeslide.red select:not([multiple]), .super .homeslide.red textarea {
    border: none !important;
}

input::placeholder {
    color: #9c9c9c !important
}

.field, .form-group {
    margin-bottom: 20px
}

label input[type=checkbox] {
    top: 0
}

.login-container .block .block-title h2, .form-create-account h2 {
    font-size: 12px;
    letter-spacing: 1px
}

.super .login-container .block .block-title h2, .form-create-account h2 {
    font-size: 14px;
}

.my-account-main .block-title .title, .block-title--myac .title, body.account .main .block-title .title, .form-create-account .block-title .title, .my-account-main .block-title h3, .block-title--myac h3, body.account .main .block-title h3, .form-create-account .block-title h3 {
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px
}

body[class^=customer-account-] .page-header {
    padding-bottom: 15px;
    border-bottom: 1px solid #eaeaea;
    margin-bottom: 30px
}

.account .box {
    margin-bottom: 30px
}

.account .main {
    padding-top: 7px
}

.account-nav-content .nav > li > strong, .account-nav-content .nav > li > a {
    padding: 5px 10px 2px;
    font-size: 12px;
    line-height: 18px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
    display: inline-block;
    font-family: grandgothikext;
    color: #000
}

.super .account-nav-content .nav > li > a {
    font-family: baguesans;
    font-size: 16px;
    letter-spacing: 0;
}

.account-nav-content .nav > li > a:hover {
    color: #000
}

.super .account-nav-content .nav > li > a:hover {
    color: #e4251f;
}

.account-nav-content .nav > li > strong, .account-nav-content .nav > li.current > a {
    background: #17ff00
}

.super .account-nav-content .nav > li > strong, .super .account-nav-content .nav > li.current > a {
    background: transparent;
    color: #e4251f;
    font-family: 'baguesans';
    font-size: 16px;
    letter-spacing: 0;
}

.account-nav-content .nav > li > a > strong {
    font-weight: 600
}

.btn.default, button.action.default, .btn.btn-default, button.action.btn-default {
    border: 2px solid #000;
    height: 36px;
    line-height: 36px
}

.super .minicart-wrapper .block-content > .actions a {
    height: 38px;
    line-height: 36px;
    border: 1px solid #1d1d1d;
    font-weight: 700;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.account .btn.default, .account button.action.default, .account .btn.btn-default, .account button.action.btn-default, .account .btn.primary, .account button.action.primary, .account .btn.btn-primary, .account button.action.btn-primary {
    height: 30px;
    line-height: 28px;
    letter-spacing: 1px;
    font-size: 12px;
    padding: 0 15px;
    margin-right: 5px;
    margin-bottom: 5px
}

.super .account button.action.default, .super .account .btn.btn-default, .super .account button.action.btn-default, .super .account .btn.primary, .super .account button.action.primary, .super .account .btn.btn-primary, .super .account button.action.btn-primary {
    border-radius: 7px;
    line-height: 38px;
    font-size: 14px;
    letter-spacing: 1px;
    font-weight: 500;
    height: 38px;
    color: #1d1d1d;
    background: transparent;

}

.super .btn-default, .super .btn.secondary {
    border-radius: 7px;
    line-height: 38px;
    font-size: 14px;
    letter-spacing: 1px;
    font-weight: 500 !important;
    height: 38px;
    color: #1d1d1d !important;
    background: transparent !important;
    border: 2px solid #1d1d1d !important;
}

.super .btn-default:hover, .super .btn.secondary:hover {
    font-weight: 500 !important;
    color: #fff !important;
    background: #1d1d1d !important;

}

.checkout-cart-index #shopping-cart-table thead tr th {
    background: #fff;
    border: none;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
    color: #000;
    border-left: 1px solid #000;
    font-family: grandgothikext
}

.super .checkout-cart-index #shopping-cart-table thead tr th {
    border-top: none;
    font-family: baguesans;
    letter-spacing: 0;
    font-size: 14px;
}

.checkout-cart-index #shopping-cart-table thead tr th:first-child {
    border-left: none
}

.checkout-index-index div#aade_block {
    margin-top: 20px
}

.checkout-index-index .field-error span {
    color: red
}

.checkout-cart-index .cart.main.actions button .icon {
    line-height: 34px;
    vertical-align: top
}

.checkout-cart-index .cart.main.actions button {
    vertical-align: middle;
    line-height: 34px
}

.checkout-cart-index #shopping-cart-table tbody {
    border-top: none
}

.checkout-cart-index #shopping-cart-table tbody tr td.col.qty .input-text.qty {
    background: 0 0;
    border: none;
    height: 28px;
    line-height: 33px;
    width: 33px;
    padding: 0 5px
}

.checkout-cart-index .shopping-cart-bottom .cart-totals {
    background: #fff;
    border: 1px solid #000;
    border-radius: 0
}

.super .checkout-cart-index .shopping-cart-bottom .cart-totals {
    border-radius: 7px;
}

.checkout-cart-index .cart-summary .checkout-methods-items .item .action.checkout {
    height: 46px;
    line-height: 46px;
    font-size: 14px;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: 600
}

.bss-onestepcheckout .opc-wrapper ol li {
    box-shadow: none !important;
    padding: 0 0 40px !important;
    border-bottom: 1px solid #eaeaea;
    float: none !important;
    width: 100% !important;
    margin: 0 0 40px !important
}

.bss-onestepcheckout .opc-wrapper #shipping:hover {
    box-shadow: none
}

.bss-onestepcheckout .opc-wrapper .step-title, .bss-onestepcheckout #opc-sidebar .step-title {
    border-bottom: none !important;
    margin-bottom: 20px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
    display: block;
    padding: 0;
    font-family: grandgothikext;
    line-height: 26px
}

.super .bss-onestepcheckout .opc-wrapper .step-title, .super .bss-onestepcheckout #opc-sidebar .step-title {
    font-family: baguesans;
    font-size: 16px;
    letter-spacing: 0;
}

select:not([multiple]), select.form-control:not([multiple]), select.input-text:not([multiple]) {
    background: #fff url(../images/select-bg.svg) no-repeat scroll 99% 45%;
    border-radius: 0;
    padding: 0 20px;
    border: 1px solid #000;
    height: 36px;
    font-size: 14px;
    line-height: 38px;
}

.super select:not([multiple]), select.form-control:not([multiple]), select.input-text:not([multiple]) {
    border-radius: 7px;
    font-size: 14px;
    line-height: 36px;
    padding: 0 30px 0 10px;
    height: 36px;
    border: 1px solid #1d1d1d;
}

.bss-onestepcheckout input[type=radio] {
    background: #17ff00 !important;
    width: 15px;
    height: 15px;
    min-height: 15px;
    top: 0 !important;
    display: inline-block;
    margin-right: 5px;
    background-size: cover !important
}

.super .bss-onestepcheckout input[type=radio] {
    background: #e4251f !important;
    background-size: cover !important
}

.bss-onestepcheckout input[type=radio]:hover {
    background: url(../images/greenradiohover.svg) no-repeat #17ff00 !important;
    background-size: cover !important
}

.super .bss-onestepcheckout input[type=radio]:hover {
    background: url(../images/redradiohover.svg) no-repeat #e4251f !important;
    background-size: cover !important
}

.bss-onestepcheckout input[type=radio]:checked {
    background: url(../images/greenradio.svg) no-repeat #17ff00 !important;
    width: 15px;
    height: 15px;
    min-height: 15px;
    display: inline-block;
    background-size: cover !important
}

.super .bss-onestepcheckout input[type=radio]:checked {
    background: url(../images/redradio.svg) no-repeat #e4251f !important;
    background-size: cover !important
}

.bss-onestepcheckout .field, .bss-onestepcheckout .form-group {
    margin-bottom: 10px;
    margin-top: 0
}

.bss-onestepcheckout main .field {
    padding-left: 0
}

.billing-address-same-as-shipping-block, .bss-onestepcheckout .form-login .create-account {
    position: relative
}

.billing-address-same-as-shipping-block label, .bss-onestepcheckout .form-login .create-account .field label.cr-label, .bss-onestepcheckout .newsfield label {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer
}

.bss-onestepcheckout .form-login {
    padding-bottom: 10px
}

.bss-onestepcheckout .field .checkbox {
    display: inline-block;
    vertical-align: middle;
    margin-top: 1px
}

.bss-onestepcheckout .opc-wrapper #shipping .create-account .label {
    margin-bottom: 0;
    vertical-align: middle;
    margin-left: 5px
}

.bss-onestepcheckout .step-title:before {
    display: none
}

.authentication-wrapper {
    text-align: left;
    padding-bottom: 30px
}

.authentication-wrapper .modal-inner-wrap {
    max-width: 300px;
    margin: 0
}

.authentication-wrapper .action-auth-toggle {
    background: 0 0;
    height: unset;
    line-height: 21px;
    padding: 0;
    text-transform: unset;
    letter-spacing: unset;
    font-weight: 500;
    font-size: 14px;
    margin-bottom: 10px;
    font-family: isotext
}

.authentication-wrapper .action-auth-toggle span.fa {
    font-size: 10px;
    margin-left: 5px
}

.authentication-wrapper .action-auth-toggle:hover {
    text-decoration: underline
}

.authentication-wrapper .authentication-dropdown {
    right: unset;
    left: 0;
    display: none
}

.authentication-wrapper .authentication-dropdown._show {
    display: block
}

.authentication-wrapper .authentication-dropdown .block-title {
    display: none
}

.authentication-wrapper .authentication-dropdown button.action-close {
    border: none;
    border-radius: 0;
    background: #000;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 1px;
    font-weight: 600;
    padding: 0 7px;
    color: #fff;
    height: 24px;
    line-height: 24px
}

.authentication-wrapper .authentication-dropdown button.action-close:hover {
    background: #7d7d7d
}

.authentication-wrapper .authentication-dropdown button.action.btn-primary {
    height: 30px;
    line-height: 30px;
    letter-spacing: 1px;
    margin-top: 15px;
    background: 0 0;
    border: 2px solid #000;
    color: #000
}

.authentication-wrapper .authentication-dropdown button.action.btn-primary:hover {
    background: #000;
    color: #fff
}

.form-group.street .control .field label, .bss-onestepcheckout .opc-wrapper #shipping .field.street .control .field label {
    display: none
}

.bss-onestepcheckout #opc-sidebar .actions-toolbar > .primary > .btn-placeorder {
    font-size: 12px;
    letter-spacing: 1px;
    line-height: 40px;
    padding: 0 20px;
    max-width: 348px;
    height: 40px
}

.super .bss-onestepcheckout #opc-sidebar .actions-toolbar > .primary > .btn-placeorder {
    background: #e4251f;
}

.bss-onestepcheckout #opc-sidebar .actions-toolbar > .primary > .btn-placeorder.disabled {
    background: #17ff00;
    color: #406426
}

.super .bss-onestepcheckout #opc-sidebar .actions-toolbar > .primary > .btn-placeorder.disabled {
    background: #e4251f;
    color: #8d3519
}

.customer-account-login .login-container.row > div {
    margin-bottom: 30px
}

.customer-account-login .login-container.row > div:first-child {
    padding-right: 40px
}

.mgs_quickview-catalog_product-view .product-info-main-content .product-info-media:not(.loading-change) {
    padding: 0 !important
}

.mgs_quickview-catalog_product-view .container {
    width: 100% !important
}

.bss-onestepcheckout .opc-block-summary {
    margin-bottom: 30px;
    background: #fff;
    padding: 0 0 0 50px;
    display: flex;
    float: right;
    width: 64%;
    flex-wrap: wrap;
    justify-content: space-between
}

.bss-onestepcheckout .opc-block-summary .items-in-cart {
    margin: 0 0 20px;
    width: 100%;
    background: #f7f7f7
}

.bss-onestepcheckout .opc-block-summary .table-totals {
    margin: 0
}

.bss-onestepcheckout .opc-block-summary .table-totals .totals-tax th, .bss-onestepcheckout .opc-block-summary .table-totals .totals-tax td {
    font-size: 12px
}

.bss-onestepcheckout .opc-wrapper {
    padding: 0
}

.bss-onestepcheckout .opc-block-summary > .title {
    color: #000;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 1px;
    font-weight: 600;
    display: block;
    padding: 0;
    font-family: grandgothikext;
    line-height: 26px;
    flex: 100%;
    margin-bottom: 20px
}

.super .bss-onestepcheckout .opc-block-summary > .title {
    font-family: baguesans;
    letter-spacing: 0;
    font-size: 14px;
}

.bss-onestepcheckout .opc-block-summary .table-totals tr th, .bss-onestepcheckout .opc-block-summary .table-totals tr.totals.sub th, .bss-onestepcheckout .opc-block-summary .table-totals tr.totals.sub td {
    color: #000;
    font-size: 16px
}

.b2p .bss-onestepcheckout .opc-block-summary .table-totals tr.totals.excl th, .b2p .bss-onestepcheckout .opc-block-summary .table-totals tr.totals.excl td, .b2p .bss-onestepcheckout .opc-block-summary .table-totals tr.totals.tax-only th, .b2p .bss-onestepcheckout .opc-block-summary .table-totals tr.totals.tax-only td, .b2b .bss-onestepcheckout .opc-block-summary .table-totals tr.totals.excl th, .b2b .bss-onestepcheckout .opc-block-summary .table-totals tr.totals.excl td, .b2b .bss-onestepcheckout .opc-block-summary .table-totals tr.totals.tax-only th, .b2b .bss-onestepcheckout .opc-block-summary .table-totals tr.totals.tax-only td {
    color: #000;
    font-size: 16px !important
}

.bss-onestepcheckout .opc-block-summary .table-totals tr.totals.grand th strong, .bss-onestepcheckout .opc-block-summary .table-totals tr.totals.grand td strong {
    color: #000;
    font-size: 14px;
    font-weight: 600
}

.bss-onestepcheckout .opc-block-summary .table-totals tr th:after {
    display: none
}

.bss-onestepcheckout .opc-block-summary .items-in-cart > .title strong {
    font-size: 14px;
    color: #000;
    line-height: 22px;
    font-weight: 500
}

.bss-onestepcheckout #opc-sidebar .product-item-details .label, .bss-onestepcheckout #opc-sidebar .product-item-details strong, .bss-onestepcheckout #opc-sidebar .product-item-details span {
    font-weight: 500;
    font-size: 13px
}

.bss-onestepcheckout #opc-sidebar .opc-block-summary .product-item-details input.qty {
    height: 20px;
    line-height: 20px;
    background: 0 0;
    border-radius: 0;
    border: 1px solid #000;
    margin-left: 5px;
    width: 40px;
    padding: 0
}

.bss-onestepcheckout #opc-sidebar .product-item-details span.qty-button {
    display: none
}

.bss-onestepcheckout .opc-block-summary .minicart-items-wrapper .product-item .product .product-item-details .product.options {
    display: none
}

.bss-onestepcheckout .opc-block-summary .items-in-cart > .title:after {
    top: 12px;
    position: absolute;
    right: 20px
}

.bss-onestepcheckout #opc-sidebar .order-comment-block .label {
    font-weight: 500;
    margin-bottom: 5px
}

.checkout-cart-index .column.main .cart-empty a {
    color: #000;
    text-decoration: underline
}

.checkout-cart-index .column.main .cart-empty {
    background: #f3f3f3;
    border: none;
    padding: 24px 15px
}

.checkout-cart-index .column.main .cart-empty p:last-child {
    margin-bottom: 0
}

.bss-onestepcheckout #opc-sidebar .opc-block-summary > .title:before {
    display: none
}

.bss-onestepcheckout .opc-wrapper #payment #checkout-payment-method-load .payment-methods .payment-group .checkout-billing-address {
    margin-top: 0;
    margin-bottom: 20px
}

.super .bss-onestepcheckout .opc-wrapper #payment #checkout-payment-method-load .payment-methods .payment-group .checkout-billing-address {
    display: none
}

.bss-onestepcheckout .opc-wrapper #payment #checkout-payment-method-load .payment-methods .payment-group .checkout-billing-address > fieldset {
    margin-bottom: 20px
}

.bss-onestepcheckout .billing-address-same-as-shipping-block.field label, .bss-onestepcheckout .billing-address-same-as-shipping-block.field input, .bss-onestepcheckout .form-login .create-account .field input {
    font-size: 12px;
    line-height: 14px;
    vertical-align: middle;
    top: 0;
    margin-top: 0;
    margin-right: 5px
}

.bss-onestepcheckout .opc-wrapper #payment #checkout-payment-method-load .payment-methods .payment-group .payment-method .payment-method-content p {
    font-size: 14px;
    line-height: 17px;
    margin-left: 5px;
    color: #000;
    margin-bottom: 0
}

.bss-onestepcheckout .opc-wrapper #payment #checkout-payment-method-load .payment-methods .payment-group .payment-method .payment-method-title label {
    font-size: 16px;
    font-weight: 500;
    top: -2px;
    position: relative
}

.super .bss-onestepcheckout .opc-wrapper #payment #checkout-payment-method-load .payment-methods .payment-group .payment-method .payment-method-title label {
    font-weight: 500;
}

.bss-onestepcheckout .opc-wrapper #opc-shipping_method #checkout-step-shipping_method #checkout-shipping-method-load .table-checkout-shipping-method td.col-carrier {
    font-weight: 500;
    font-size: 16px
}

.bss-onestepcheckout #opc-sidebar .opc-block-summary .table-totals tr.shipping th .label:after {
    display: none
}

.bss-onestepcheckout .opc-wrapper #payment #checkout-payment-method-load .payment-methods .payment-group .payment-method .payment-method-title {
    margin-bottom: 0;
    padding: 0 0 5px
}

.bss-onestepcheckout .opc-wrapper #payment #checkout-payment-method-load .payment-methods .payment-group .payment-method .payment-method-content {
    display: none;
    margin: 5px 0 20px;
    background: #f7f7f7;
    padding: 20px
}

.super .bss-onestepcheckout .opc-wrapper #payment #checkout-payment-method-load .payment-methods .payment-group .payment-method .payment-method-content {
    background: #fff;
    border-radius: 10px
}

.bss-onestepcheckout .opc-wrapper #payment #checkout-payment-method-load .payment-methods .payment-group .payment-method:last-child .payment-method-content {
    margin-bottom: 0
}

.bss-onestepcheckout .opc-wrapper #payment #checkout-payment-method-load .payment-methods .payment-group .payment-method._active .payment-method-content {
    display: block
}

.header-wl > a .count-wl {
    background: #17ff00;
    color: #000;
    bottom: -7px;
    font-weight: 700;
    height: 16px;
    min-width: 16px
}

.super .header-wl > a .count-wl {
    background: #e4251f
}

.header .header-placeholder .megamenu-hover .navigation .nav-main-menu li:hover > ul.dropdown-menu {
    opacity: 0;
    visibility: hidden;
    transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    transition: none;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    top: calc(100% + 20px)
}

body.boxed.width1366 .header:not(.header1) .navigation .nav-main-menu li.mega-menu-fullwidth:not(.menu-2columns) > ul.dropdown-menu {
    width: 100%;
    margin: 0;
    transition-duration: .3s;
    transform: translate(0px, 0px);
    -webkit-transform: translate(0px, 0px);
    left: 0;
    position: fixed;
    top: 109px;
    border: none;
    background: #fff;
    border-bottom: 1px solid #000;
    -webkit-transition-duration: .3s
}

.super body.boxed.width1366 .header:not(.header1) .navigation .nav-main-menu li.mega-menu-fullwidth:not(.menu-2columns) > ul.dropdown-menu {
    width: 1366px;
    margin-left: -683px;
    left: 50%;
    top: 127px;
    padding-top: 15px;
    background: transparent;
}

.super body.boxed.width1366 .header:not(.header1) .navigation .nav-main-menu li.mega-menu-fullwidth:not(.menu-2columns) > ul.dropdown-menu > li {
    background: #1d1d1d;
    border-radius: 10px;
}

@media (max-width: 1199px) {
    .super body.boxed.width1366 .header:not(.header1) .navigation .nav-main-menu li.mega-menu-fullwidth:not(.menu-2columns) > ul.dropdown-menu > li {

        border-radius: 0;
    }
}


body.boxed.width1366 .header:not(.header1) .navigation .nav-main-menu li.mega-menu-fullwidth.menuclicked:not(.menu-2columns):hover > ul.dropdown-menu {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transition: top .3s, opacity .3s;
    -webkit-transition: top .3s, opacity .3s;
    -moz-transition: top .3s, opacity .3s;
    -o-transition: top .3s, opacity .3s
}

body.boxed.width1366 .header:not(.header1) .active-sticky .navigation .nav-main-menu li.mega-menu-fullwidth:not(.menu-2columns) > ul.dropdown-menu {
    top: 69px
}

.super body.boxed.width1366 .header:not(.header1) .active-sticky .navigation .nav-main-menu li.mega-menu-fullwidth:not(.menu-2columns) > ul.dropdown-menu {
    top: 69px;
}

ul#mobile-menu-1-1 {
}

body.boxed.width1366:not(.panel-popup) .main-wrapper .mega-menu-content.container {
    width: 1170px;
    padding: 30px 0
}

.header .header-placeholder .megamenu-hover .navigation .nav-main-menu li.mega-menu-fullwidth:not(.menu-2columns) > ul.dropdown-menu .mega-menu-content > div > div > .sub-menu {
    padding: 0
}

.header .header-placeholder .megamenu-hover .navigation .nav-main-menu li.mega-menu-fullwidth > ul.dropdown-menu .mega-menu-sub-title, .header .header-placeholder .megamenu-hover .navigation .nav-main-menu li.mega-menu-fullwidth > ul.dropdown-menu a {
    font-size: 16px;
    line-height: 20px;
    font-weight: 300
}

.header .header-placeholder .megamenu-hover .navigation .nav-main-menu li.mega-menu-fullwidth > ul.dropdown-menu ul li > a {
    padding: 0 0 5px
}

.super .header .header-placeholder .megamenu-hover .navigation .nav-main-menu li.mega-menu-fullwidth > ul.dropdown-menu ul li > a {
    color: #fff;
}

.header .header-placeholder .megamenu-hover .navigation .nav-main-menu li.mega-menu-fullwidth > ul.dropdown-menu ul li > a:hover {
    text-decoration: underline
}

.mega-menu-content .subtitle {
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 24px;
    font-family: grandgothikext;
    font-size: 14px;
    padding-bottom: 10px
}

.super .mega-menu-content .subtitle {
    font-family: baguesans;
    color: #fff
}

.super .header .header-placeholder .megamenu-hover .navigation .nav-main-menu li.mega-menu-fullwidth > ul.dropdown-menu .mega-menu-sub-title {
    color: #fff;
}

.inspiration .mega-menu-content .row {
    display: flex;
    align-content: stretch
}

.inspiration .mega-menu-content .row > div {
    display: flex;
    flex-wrap: wrap
}

.inspiration .mega-menu-content .row > div > * {
    flex-basis: 100%
}

.inspiration .menu-promo {
    align-self: flex-end
}

.collections .row {
    display: flex
}

.header .header-placeholder .megamenu-hover .navigation .nav-main-menu li.collections > ul.dropdown-menu .menu-promo a.text {
    width: 75%
}

.header .header-placeholder .megamenu-hover .navigation .nav-main-menu li.mega-menu-fullwidth:not(.menu-2columns) > ul.dropdown-menu .row > div {
    padding: 0 15px
}

.menu-promo img {
    max-width: 100%;
    width: 100%;
    height: auto
}

.super .menu-promo img {
    border-radius: 5px;
}

.menu-promo {
    position: relative
}

.header .header-placeholder .megamenu-hover .navigation .nav-main-menu li > ul.dropdown-menu .menu-promo a.text {
    display: block;
    position: absolute;
    bottom: 0;
    background: #000 !important;
    left: 0;
    z-index: 3;
    font-size: 12px;
    letter-spacing: .8px;
    font-weight: 500;
    font-family: grandgothikext;
    color: #fff;
    text-transform: uppercase;
    padding: 10px 17px;
    min-height: 30px;
    line-height: 18px;
    border-radius: 0;
    width: 100%;
    text-align: left
}

.header .header-placeholder .megamenu-hover .navigation .nav-main-menu li > ul.dropdown-menu .menu-promo a.text:hover, .header .header-placeholder .megamenu-hover .navigation .nav-main-menu li > ul.dropdown-menu .menu-promo a.image:hover + a {
    background: #17ff00 !important;
    color: #000
}

.super .header .header-placeholder .megamenu-hover .navigation .nav-main-menu li > ul.dropdown-menu .menu-promo a.text:hover, .super .header .header-placeholder .megamenu-hover .navigation .nav-main-menu li > ul.dropdown-menu .menu-promo a.image:hover + a {
    background: #fff !important;
    color: #e42322;
}

.header .header-placeholder .megamenu-hover .navigation .nav-main-menu li.sale-menu > ul.dropdown-menu .menu-promo a.text:hover, .header .header-placeholder .megamenu-hover .navigation .nav-main-menu li.sale-menu > ul.dropdown-menu .menu-promo a.image:hover + a {
    background: #d8117e !important;
    color: #000
}

.menu-promo .image {
    display: block;
    z-index: 2;
    position: relative
}

.product.info.detailed .item.content .table.additional-attributes tr th, .product.info.detailed .item.content .table.additional-attributes tr td {
    font-size: 14px;
    font-style: normal;
    color: #000
}

.product.info.detailed .item.content .table.additional-attributes {
    width: 73%
}

.product.info.detailed .item.content .table.additional-attributes tr {
}

.product.info.detailed .item.content .table.additional-attributes tr:nth-child(2n) th, .product.info.detailed .item.content .table.additional-attributes tr:nth-child(2n) td {
    background: 0 0
}

.product.info.detailed .item.content .table.additional-attributes tr:nth-child(2n+1) th, .product.info.detailed .item.content .table.additional-attributes tr:nth-child(2n+1) td {
    background: #e8e8e8
}

span.btn-loadmore img {
    transform: rotateZ(0deg);
    animation: spacerotate 1.4s linear infinite
}

@keyframes spacerotate {
    0% {
        transform: rotateZ(0deg)
    }

    50% {
        transform: rotateZ(180deg)
    }

    100% {
        transform: rotateZ(360deg)
    }
}

section.merch {
    padding: 50px 0;
    background: #fff
}

.super section.merch {
    background: transparent;
    margin-bottom: 50px;
}

.products-grid .owl-carousel .owl-nav {
    position: absolute;
    top: -80px;
    right: 15px
}

.partners .owl-carousel .owl-nav {
    position: absolute;
    top: -40px;
    right: 0
}

.products-grid .owl-carousel .owl-nav .owl-prev, .products-grid .owl-carousel .owl-nav .owl-next, .partners .owl-carousel .owl-nav .owl-prev, .partners .owl-carousel .owl-nav .owl-next {
    transform: translateY(0);
    top: 0;
    right: 0;
    left: unset;
    font-size: 50px;
    color: #000;
    position: relative;
    display: inline-block
}

.products-grid .owl-carousel .owl-nav .owl-prev:hover, .products-grid .owl-carousel .owl-nav .owl-next:hover {
    color: #000
}

.products-grid .owl-carousel .owl-nav .owl-prev, .partners .owl-carousel .owl-nav .owl-prev {
    margin-right: 10px
}

.super .products-grid .owl-carousel .owl-nav .owl-prev, .partners .owl-carousel .owl-nav .owl-prev {
    margin-right: 15px
}

.super .products-grid .owl-carousel .owl-nav {
    right: -10px;
    top: 50%;
    transform: translateY(-50%);
    width: calc(100% + 20px);
    z-index: 2;
    display: flex;
    justify-content: space-between;
}

.super .products-grid .owl-carousel .owl-nav.disabled {
    display: none;
}

.super .products-grid .owl-carousel .owl-nav img {
    width: 16px;
    height: auto;
}

.post-short-description p {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 0
}

.post-short-description ul li {
    font-size: 16px
}

.blog-post-view .post-short-description p {
    margin-bottom: 20px
}

.post-item-info:hover .post-thumbnail a:before {
    background-color: transparent
}

.post-item-info .post-thumbnail:hover a:before {
    background-color: rgba(255, 255, 255, .15)
}

a.blogimg {
    display: block;
    opacity: 1;
    transition: .2s all ease-in-out;
    -webkit-transition: .2s all ease-in-out
}

.blog-list-item:hover .bloginfo-right a {
    left: -5px
}

.about-content .logo-float {
    position: absolute;
    left: 50%;
    bottom: 0;
    background: #fff;
    transform: translate(-50%, 0);
    padding: 25px 30px 0
}

.about-content .about1 > div:first-child {
    margin-bottom: 90px
}

.about1 {
    margin-bottom: 80px
}

p.about-moto {
    font-size: 18px;
    line-height: 27px;
    font-weight: 500;
    font-style: italic;
    text-align: center;
    margin-bottom: 20px
}

.about2 {
    display: flex;
    align-items: center
}

.about2 > div {
    margin-bottom: 90px
}

.about2 .ver-center {
    padding: 0 40px
}

.ver-center p {
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    margin-bottom: 20px
}

.ver-center p a {
    text-decoration: underline
}

.about3 {
    margin-bottom: 90px
}

.about3 .ver-center {
    margin-bottom: 90px
}

p.caps-about {
    font-weight: 600;
    font-size: 16px;
    letter-spacing: 1.3px
}

.about4 ul li {
    font-size: 16px;
    line-height: 28px;
    position: relative
}

.about4 ul li:before {
    content: "-";
    position: absolute;
    left: -15px
}

.about4 ul {
    position: relative;
    left: 15px;
    margin-bottom: 70px
}

.star-logo {
    text-align: center
}

.starsvg {
    margin-top: 70px
}

.partners_page {
    padding: 20px 0 40px
}

.cms-design .showroom-form {
}

.cms-design .showroom-form > div:last-child .spacetext-wrapper {
    padding: 20px
}

.header .header-placeholder .table-icon-menu .dropdown-toplinks .dropdown-menu {
    width: 210px;
    border: 1px solid #eaeaea;
    border: 1px solid #000;
    border-top: none
}

.header .header-placeholder .table-icon-menu .dropdown-toplinks:hover .dropdown-menu {
    right: -1px;
    left: unset;
    top: 68px;
    bottom: unset
}

.super .header .header-placeholder .table-icon-menu .account-icon:hover .dropdown-toplinks .dropdown-menu, .super .header .header-placeholder .table-icon-menu .dropdown-toplinks:hover .dropdown-menu {
    right: -66px;
    left: unset;
    top: 65px;
    padding: 20px 0 0;
    bottom: unset;
    border: none;
    background: transparent;
    opacity: 1;
    visibility: visible;
    transform: scale(1);
    -webkit-transform: scale(1);
    width: 270px;
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transition: top .3s, opacity .3s;
    -webkit-transition: top .3s, opacity .3s;
    -moz-transition: top .3s, opacity .3s;
    -o-transition: top .3s, opacity .3s;
}

.account-sub-title {
    font-size: 14px;
    line-height: 21px;
    font-weight: 600;
    text-decoration: underline
}

.account legend.legend {
    font-size: 12px;
    font-weight: 700;
    font-family: grandgothikext;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-bottom: 1px solid #000
}

.super .account legend.legend {
    font-family: baguesans;
    font-size: 16px;
    color: #1d1d1d
}

.account .block-content > .row {
    display: flex;
    align-items: stretch
}

.account .block-content > .row .box {
    display: flex;
    flex-wrap: wrap
}

.account .block-content > .row .box > div {
    width: 100%
}

.account .block-content > .row .box .box-actions {
    align-self: flex-end
}

.account .form-address-edit .fieldset.customer-address-fields .message.info {
    width: 100%
}

.account .form-address-edit .fieldset.customer-address-fields .message.info > * {
    background: 0 0;
    color: #000;
    font-style: italic;
    padding: 0;
    margin-bottom: 3px
}

.account .form-address-edit .fieldset.customer-address-fields .message.info > *:before {
    content: "*";
    background: 0 0;
    color: #000;
    position: relative;
    display: inline;
    margin: 0;
    padding-right: 5px
}

.message.success > * {
    background: #17ff00;
    color: #000;
    position: relative;
    margin-bottom: 20px;
    display: block
}

.super .message.success > * {
    background: #63B465;
    color: #fff;
    border-radius: 7px;
}

.message.success > * a {
    color: #000;
    text-decoration: underline
}

.account .form-address-edit .actions-toolbar .primary {
    margin-top: 15px
}

.account .block.block-addresses-list {
    margin-top: 50px
}

.additional-addresses tr td {
    font-size: 12px
}

.additional-addresses table {
    background: #f3f3f3
}

.block-addresses-list .limiter-label {
    display: none
}

.block-addresses-list .toolbar select {
    width: 75px
}

.block-addresses-list span.limiter-text {
    font-size: 14px;
    margin-left: 5px;
    color: #000
}

.block-addresses-list .limiter {
    float: right
}

.account .sidebar ul li:first-child {
    padding-top: 0
}

#social-login-popup .field.note {
    font-style: normal;
    font-size: 13px;
    line-height: 18px
}

.captcha-image button.action {
    display: block;
    margin-top: 15px;
    background: 0 0 !important;
    border: 2px solid #000
}

.captcha-image button.action:hover {
    background: #000;
    color: #fff
}

.nested .field.captcha {
    margin: 20px 0 0
}

.checkout-cart-index .checkout-extra .block .title strong {
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 700;
    line-height: 17px;
    margin-bottom: 20px;
    font-family: grandgothikext
}

.super .checkout-cart-index .checkout-extra .block .title strong {
    font-family: baguesans;
    letter-spacing: 0;
    font-size: 14px;
}

.checkout-cart-index .cart.main.actions button.action {
    padding-left: 15px;
    padding-right: 15px;
    font-weight: 600;
    background: 0 0;
    border: 2px solid #000
}

.super .checkout-cart-index .cart.main.actions button.action {
    color: #1d1d1d;
}

.checkout-cart-index .cart.main.actions button.action:hover {
    background: #000;
    color: #fff
}

.checkout-cart-index .cart.main.actions button .fa {
    margin-right: 5px
}

.checkout-cart-index #shopping-cart-table tbody tr td.col.item .product-item-details .product-item-name a, .checkout-cart-index #shopping-cart-table .cart-price .price {
    font-size: 16px
}

.checkout-cart-index #shopping-cart-table tbody tr td.item-actions a {
    margin-left: 7px
}

.cart-container #discount-coupon-form {
}

.catalog-product-view .product-label.upon-order, .catalog-product-view .product-label.coming-soon, .catalog-product-view .product-label.last-label {
    display: none
}

.callmeback {
    position: fixed;
    top: 50%;
    transform: translate(294px, -50%);
    right: 0;
    z-index: 10;
    background: #000;
    width: 330px;
    height: 230px;
    transition: .3s transform ease-in-out
}

.super .callmeback {
    border-radius: 10px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.callmeback.callopen {
    transform: translate(0, -50%)
}

a.callmetrigger {
    display: block;
    position: absolute;
    width: 230px;
    top: 0;
    transform: rotate(-90deg) translateX(-230px);
    transform-origin: 0 0;
    height: 36px;
    font-family: grandgothikext;
    line-height: 24px;
    text-align: center;
    text-transform: uppercase;
    padding: 6px;
    background: #17ff00;
    font-weight: 600;
    letter-spacing: 1px;
    font-size: 11px;
    transition: .2s all ease-in-out
}

.super a.callmetrigger {
    background: #e4251f;
    color: #fff;
    border-radius: 10px;
    border-bottom-left-radius: 0;
    transform: rotate(-90deg) translateX(-230px);
    border-bottom-right-radius: 0;
}

a.callmetrigger img {
    padding-right: 10px
}

a.callmetrigger span {
    font-size: 10px;
    padding-left: 5px;
    vertical-align: middle;
    position: relative;
    top: -2px
}

.callmecontent {
    margin-left: 36px;
    padding: 20px
}

.callmecontent h4 {
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    text-align: left;
    margin-bottom: 10px
}

.super .callmecontent h4 {
    /* color: #e4251f; */
    font-weight: 700;
}

.callmecontent p {
    color: #bdbdbd;
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 15px
}

.super .callmecontent p {
    color: #ffffff;
}

.super .callmecontent button.action.primary {
    background: #e42321;
    color: #fff;
}

.super .callmecontent button.action.primary:hover {
    background: #e42321 !important;
    color: #ebc8c8 !important;
}

.callmecontent input {
    height: 30px;
    line-height: 30px
}

.callmecontent .field {
    margin-bottom: 15px
}

.callmecontent button {
    height: 30px !important;
    line-height: 30px !important;
    padding: 0 15px !important
}

.callmecontent button:hover {
    background: #17ff00 !important;
    color: #647756 !important
}

.callmecontent p#offerresponse {
    margin-top: 10px;
    margin-bottom: 0;
    color: #17ff00
}

.super .callmecontent p#offerresponse {
    color: #e4251f
}

.callmecontent p#offerresponse.responsefail {
    color: #fdcdcd
}

.field.note, .form-group.note {
    font-style: normal;
    font-weight: 500
}

.cart-shipping-info ul li {
    list-style-type: none;
    margin-bottom: 15px
}

.cart-shipping-info ul {
    position: relative
}

.cart-shipping-info ul li p {
    font-size: 14px;
    margin-bottom: 5px;
    line-height: 18px
}

.cart-shipping-info ul li p.ship-header {
    text-decoration: underline;
    font-weight: 600
}

.checkout-cart-index .shopping-cart-bottom .cart-totals .table.totals tbody tr th .label {
    color: #000;
    margin-bottom: 0
}

.checkout-cart-index .shopping-cart-bottom .cart-totals .table.totals tbody tr.shipping th .value {
    display: none
}

.checkout-cart-index .shopping-cart-bottom .cart-totals .table.totals tbody tr td, .checkout-cart-index .shopping-cart-bottom .cart-totals .table.totals tbody tr th {
    color: #000;
    font-size: 16px
}

.checkout-cart-index .shopping-cart-bottom .cart-totals .table.totals tbody tr.grand.totals td, .checkout-cart-index .shopping-cart-bottom .cart-totals .table.totals tbody tr.grand.totals th {
    color: #000;
    font-size: 16px;
    font-weight: 600;
    padding: 15px;
    border-top: 2px solid #000
}

.checkout-cart-index .shopping-cart-bottom .cart-totals .table.totals tbody tr.totals.msp_cashondelivery td, .checkout-cart-index .shopping-cart-bottom .cart-totals .table.totals tbody tr.totals.msp_cashondelivery th {
    border-bottom: 1px solid #bfbfbf
}

.checkout-cart-index .shopping-cart-bottom .cart-totals .table.totals tbody tr.grand.totals strong {
    font-weight: 600
}

.checkout-cart-index .shopping-cart-bottom .cart-totals .table.totals tbody tr.grand.totals th {
    padding-left: 0
}

.checkout-cart-index .shopping-cart-bottom .cart-totals .table.totals tbody tr.grand.totals td {
    padding-right: 0
}

.checkout-cart-index .shopping-cart-bottom .cart-totals .table.totals tbody tr.totals-tax td, .checkout-cart-index .shopping-cart-bottom .cart-totals .table.totals tbody tr.totals-tax th {
    font-size: 12px
}

#discount-coupon-form button.action.btn-primary {
    background: 0 0;
    border: 2px solid #000
}

#discount-coupon-form button.action.btn-primary:hover {
    background: #000;
    color: #fff
}

.bss-onestepcheckout .opc-wrapper #opc-shipping_method #checkout-step-shipping_method #checkout-shipping-method-load .table-checkout-shipping-method thead tr th:first-child {
    width: 60px;
    padding-right: 20px
}

.bss-onestepcheckout .opc-wrapper #opc-shipping_method #checkout-step-shipping_method #checkout-shipping-method-load .table-checkout-shipping-method thead tr th {
    display: none
}

.bss-onestepcheckout .opc-wrapper #opc-shipping_method #checkout-step-shipping_method #checkout-shipping-method-load .table-checkout-shipping-method tbody tr td {
    max-width: 350px;
    min-width: 290px
}

.bss-onestepcheckout .opc-wrapper #opc-shipping_method #checkout-step-shipping_method #checkout-shipping-method-load .table-checkout-shipping-method tbody tr td:first-child {
    text-align: left;
    width: 25px;
    min-width: 25px
}

.super .bss-onestepcheckout .opc-wrapper #opc-shipping_method #checkout-step-shipping_method #checkout-shipping-method-load .table-checkout-shipping-method tbody tr td {
    font-size: 16px;
}

.super .bss-onestepcheckout .opc-wrapper #opc-shipping_method #checkout-step-shipping_method #checkout-shipping-method-load .table-checkout-shipping-method tbody tr td.col-carrier {
    font-weight: 500;
}

.bss-onestepcheckout .opc-wrapper #opc-shipping_method #checkout-step-shipping_method #checkout-shipping-method-load .table-checkout-shipping-method tbody tr td:last-child {
    width: 80px;
    min-width: 80px
}

#social-login-popup .row.customer-name-fields {
    width: calc(100% - 30px);
    margin: 0 auto
}

.agreements-modal #checkout-agreements-modal {
    height: 450px;
    overflow-y: auto
}

.agreements-modal #checkout-agreements-modal h1 {
    font-size: 18px;
    margin-bottom: 15px
}

.agreements-modal .modal-footer button {
    display: none
}

.agreements-modal .modal-footer {
    padding: 10px
}

.modal-popup .action-close:before {
    background: #17ff00;
    color: #000
}

.super .modal-popup .action-close:before {
    background: #e4251f
}

.modal-popup .action-close:hover:before {
    color: #fff;
    background: #000
}

.checkout-agreements span {
    font-weight: 500
}

.checkout-agreements button.action {
    background: 0 0;
    padding: 0;
    text-transform: none;
    font-weight: 500;
    text-decoration: underline;
    letter-spacing: 0;
    font-size: 14px;
    line-height: 19px;
    height: auto;
    margin-bottom: 0;
    font-family: isotext
}

.bss-onestepcheckout #opc-sidebar > .actions-toolbar {
    margin-top: 15px
}

.super .bss-onestepcheckout #opc-sidebar > .actions-toolbar {
    margin-bottom: 50px;
}

.bss-onestepcheckout #opc-sidebar > .newsfield.field {
    margin-top: 0;
    margin-bottom: 4px
}

.super .bss-onestepcheckout #opc-sidebar > .newsfield.field {
    display: none
}

.bss-onestepcheckout .opc-wrapper #opc-shipping_method #checkout-step-shipping_method #checkout-shipping-method-load .table-checkout-shipping-method {
    width: auto
}

.b2p .bss-onestepcheckout .opc-wrapper #opc-shipping_method #checkout-step-shipping_method #checkout-shipping-method-load .table-checkout-shipping-method, .b2b .bss-onestepcheckout .opc-wrapper #opc-shipping_method #checkout-step-shipping_method #checkout-shipping-method-load .table-checkout-shipping-method {
    width: 100%
}

.b2p .bss-onestepcheckout .opc-wrapper #opc-shipping_method #checkout-step-shipping_method #checkout-shipping-method-load .table-checkout-shipping-method tr, .b2b .bss-onestepcheckout .opc-wrapper #opc-shipping_method #checkout-step-shipping_method #checkout-shipping-method-load .table-checkout-shipping-method tr {
    vertical-align: top
}

.b2p .bss-onestepcheckout .opc-wrapper #opc-shipping_method #checkout-step-shipping_method #checkout-shipping-method-load .table-checkout-shipping-method tr td.col.carrier, .b2b .bss-onestepcheckout .opc-wrapper #opc-shipping_method #checkout-step-shipping_method #checkout-shipping-method-load .table-checkout-shipping-method tr td.col.carrier {
    min-width: 200px;
    max-width: 400px
}

.b2p .bss-onestepcheckout .opc-wrapper #opc-shipping_method #checkout-step-shipping_method #checkout-shipping-method-load .table-checkout-shipping-method tr td, .b2b .bss-onestepcheckout .opc-wrapper #opc-shipping_method #checkout-step-shipping_method #checkout-shipping-method-load .table-checkout-shipping-method tr td {
    padding-bottom: 10px
}

.b2p .bss-onestepcheckout .opc-wrapper #opc-shipping_method #checkout-step-shipping_method #checkout-shipping-method-load .table-checkout-shipping-method tr:last-child td, .b2b .bss-onestepcheckout .opc-wrapper #opc-shipping_method #checkout-step-shipping_method #checkout-shipping-method-load .table-checkout-shipping-method tr:last-child td {
    padding-bottom: 0
}

.order-comment-block span {
    font-size: 14px
}

.bss-onestepcheckout #opc-sidebar .discount-code #discount-form .payment-option-inner {
    width: auto
}

.bss-onestepcheckout #opc-sidebar .discount-code #discount-form .actions-toolbar {
    float: unset;
    display: inline-block;
    margin-left: 15px;
    vertical-align: top
}

#discount-form input[type=text] + #discount-code-error {
    width: 190px
}

.discount-label {
    font-size: 14px;
    margin-bottom: 10px;
    line-height: 16px
}

.bss-onestepcheckout #opc-sidebar .order-comment-block textarea {
    min-height: 30px;
    height: 60px;
    transition: .3s all ease-in-out
}

.bss-onestepcheckout #opc-sidebar .order-comment-block textarea:focus {
    height: 100px
}

.bss-onestepcheckout #opc-sidebar .discount-code #discount-form .actions-toolbar .action {
    background: 0 0;
    border: 2px solid #000;
    color: #000
}

.bss-onestepcheckout #opc-sidebar .discount-code #discount-form .actions-toolbar .action:hover {
    background: #000;
    color: #fff
}

#customer-email-fieldset .actions-toolbar .primary button.action {
    background: 0 0;
    margin-bottom: 14px;
    border: 2px solid #000
}

#customer-email-fieldset .actions-toolbar .primary button.action:hover {
    background: #000;
    color: #fff
}

fieldset#customer-email-fieldset .note, fieldset#customer-email-fieldset .remind span {
    font-size: 12px;
    margin: 10px 0 21px;
    display: block
}

.bss-onestepcheckout .opc-wrapper #shipping #checkout-step-shipping .shipping-address-items {
    display: flex;
    flex-wrap: nowrap;
    margin-bottom: 30px;
    justify-content: flex-start
}

.bss-onestepcheckout .opc-wrapper #shipping #checkout-step-shipping .shipping-address-item {
    background: 0 0;
    padding: 10px;
    width: auto;
    margin: 0 30px 10px 0;
    border: 2px solid #cecece;
    border-radius: 4px;
    color: #969696
}

.bss-onestepcheckout .opc-wrapper #shipping #checkout-step-shipping .shipping-address-item a {
    color: #969696
}

.super .bss-onestepcheckout .opc-wrapper #shipping #checkout-step-shipping .shipping-address-item a {
    color: #1d1d1d;
}

.bss-onestepcheckout .opc-wrapper #shipping #checkout-step-shipping .shipping-address-item.selected-item, .bss-onestepcheckout .opc-wrapper #shipping #checkout-step-shipping .shipping-address-item.selected-item:hover {
    border-color: #000;
    background: #17ff00;
    color: #000
}

.super .bss-onestepcheckout .opc-wrapper #shipping #checkout-step-shipping .shipping-address-item {
    background: transparent;
    color: #1d1d1d;
    border-radius: 7px;
    padding: 15px 20px;
    border: 2px solid #1d1d1d;
}

.super .bss-onestepcheckout .opc-wrapper #shipping #checkout-step-shipping .shipping-address-item:hover {
    border: 2px solid #e4251f;
}

.super .bss-onestepcheckout .opc-wrapper #shipping #checkout-step-shipping .shipping-address-item.selected-item, .super .bss-onestepcheckout .opc-wrapper #shipping #checkout-step-shipping .shipping-address-item.selected-item:hover {
    background: #e4251f;
    color: #fff;
    border-radius: 7px;
    padding: 15px 20px;
    border: 2px solid #e4251f;
}

.super .bss-onestepcheckout .opc-wrapper #shipping #checkout-step-shipping .shipping-address-item.selected-item:hover {
    background: #e4251f;
    color: #fff;
    border-radius: 7px;
    padding: 15px 20px;
    border: 2px solid #e4251f;
}

.bss-onestepcheckout .opc-wrapper #shipping #checkout-step-shipping .shipping-address-item:hover {
    border-color: #000;
    background: 0 0
}

.bss-onestepcheckout .opc-wrapper #shipping #checkout-step-shipping .shipping-address-item.selected-item a {
    color: #000
}

.super .bss-onestepcheckout .opc-wrapper #shipping #checkout-step-shipping .shipping-address-item.selected-item a {
    color: #fff
}

.bss-onestepcheckout .opc-wrapper #checkout-step-shipping button.action {
    border: 2px solid #000;
    background: 0 0;
    margin-bottom: 30px;
    padding: 0 10px
}

.super .bss-onestepcheckout .opc-wrapper #checkout-step-shipping button.action {
    border: 2px solid #1d1d1d !important;
    color: #1d1d1d !important;
    background: transparent !important;
    font-weight: 500 !important;
    border-radius: 7px;
    padding: 0 20px;
}

.super .bss-onestepcheckout .opc-wrapper #checkout-step-shipping button.action:hover {
    border: 2px solid #1d1d1d !important;
    color: #fff !important;
    background: #1d1d1d !important;
}

body.bss-onestepcheckout .field-error {
}

.bss-onestepcheckout .opc-wrapper #payment #checkout-payment-method-load .payment-methods .payment-group .checkout-billing-address .actions-toolbar {
    margin-top: 10px
}

.second-col .bann:first-child {
    margin-bottom: 27px
}

.bann {
    position: relative
}

.swatch-option.disabled:after {
    background: 0 0;
    display: none
}

.swatch-option.disabled:before {
    content: "";
    background: url(../images/whitick.svg) no-repeat;
    width: 13px;
    background-size: contain;
    height: 13px;
    position: absolute;
    top: 8px;
    display: block;
    left: 6px
}

.swatch-option.white.disabled:before {
    background: url(../images/blacktick.svg) no-repeat;
    top: 8px;
    left: 6px
}

.swatch-option-tooltip {
    display: none !important
}

.swatch-option:hover, .swatch-option.selected {
    box-shadow: none
}

.catalogsearch-result-index .filter-current {
    display: none
}

.catalogsearch-result-index #maincontent > .page-title-wrapper {
    display: none
}

.lof-autosearch form {
    width: 970px;
    margin: 0 auto;
    position: relative;
    text-align: left
}

.lof-autosearch .product-item-photo img {
    width: 60px;
    height: 60px;
    position: relative
}

.lof-autosearch .ui-menu-item .product {
    height: 75px;
    margin-bottom: 15px;
    padding: 0 0 15px;
    border-bottom: 1px solid #e9e9e9;
    float: unset
}

.lof-autosearch .image {
    float: unset;
    display: inline-block;
    margin-right: 10px
}

.lof-search .info {
    display: inline-block;
    vertical-align: top
}

.lof-autosearch .ui-autocomplete li:last-child {
    padding: 0
}

.lof-autosearch .smore {
    padding-top: 0;
    float: left
}

.lof-autosearch .ui-autocomplete {
    height: 300px;
    overflow-y: auto;
    border: 1px solid #e9e9e9
}

.lof-autosearch input[type=text] {
    height: 50px;
    line-height: 50px;
    font-size: 14px
}

.lof-autosearch .button-search {
    color: #000;
    font-size: 18px;
    top: 15px;
    right: 13px
}

h3.search-result-categories {
    font-weight: 600;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 1px;
    margin: 5px 0;
    line-height: 21px
}

.search-results .catalog-category a:after {
    display: inline;
    content: '\f054';
    font-family: fontawesome;
    font-size: 9px;
    line-height: 12px;
    margin-left: 3px;
    position: relative;
    top: -1px;
    left: 0;
    transition: .2s all ease-in-out;
    -webkit-transition: .2s all ease-in-out
}

.lof-autosearch .smore:after {
    display: inline;
    content: '\f054';
    font-family: fontawesome;
    font-size: 9px;
    line-height: 12px;
    margin-left: 6px;
    position: relative;
    top: -1px;
    left: 0;
    transition: .2s all ease-in-out;
    -webkit-transition: .2s all ease-in-out
}

.search-results .catalog-category a:hover:after, .lof-autosearch .smore:hover:after {
    left: 3px
}

.lof-search hr {
    margin: 15px 0 10px
}

.lof-autosearch .ui-autocomplete-loading {
    background: url(../images/loading.gif) no-repeat;
    background-size: 20px auto;
    background-position: 95% 50%;
    background-color: #fff;
    border: 2px solid #e9e9e9
}

.form-wishlist-items .tabcontents img {
    min-width: unset;
    height: auto;
    position: relative
}

.super .form-wishlist-items .tabcontents .product-image-wrapper img {
    min-width: 100%;
    height: auto;
}

.choose-wishlist {
    font-weight: 600;
    letter-spacing: 1px;
    font-size: 12px;
    text-transform: uppercase;
    margin-bottom: 5px
}

ul#list-wishlist label {
    font-weight: 500;
    vertical-align: middle;
    display: inline-block
}

ul#list-wishlist input {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: -1px
}

ul#list-wishlist {
    margin: 0
}

.wishlist_btns {
    padding-top: 20px;
    border-top: 1px solid #e9e9e9
}

.wishlist_btns button {
    left: 0 !important
}

#wishlist_add {
    background: #000;
    color: #fff;
    text-transform: none;
    font-weight: 500
}

button#wishlist_create {
    background: 0 0;
    border: none;
    padding: 0;
    text-transform: none;
    font-weight: 500;
    font-size: 14px;
    letter-spacing: 0
}

#new_wlname {
    background: #e7e7e7
}

.content-create-wl {
    display: inline-block;
}

.content-create-wl #new_wlname {
    background: 0 0;
    border-bottom: 1px solid #000;
    padding: 0 15px;
    color: #000;
    height: 34px
}

#wishlist-form-validation .linearize-table td button.action.primary {
    background: 0 0;
    padding: 0;
    text-transform: none;
    font-weight: 500;
    letter-spacing: 0;
    font-size: 14px;
    color: #000 !important;
    margin: 0 0 0 15px;
    line-height: 21px;
    height: unset;
    vertical-align: bottom;
    top: 0;
    display: inline
}

.super #wishlist-form-validation .linearize-table td button.action.primary {
    letter-spacing: 1px;
    background: #1d1d1d;
    padding: 0 15px;
    border-radius: 7px;
    height: 38px;
    font-size: 14px !important;
    text-transform: uppercase;
    font-weight: 700;
    color: #fff !important;
}

#wishlist-form-validation .linearize-table td button.action.primary:hover {
    text-decoration: underline;
}

.super #wishlist-form-validation .linearize-table td button.action.primary:hover {
    text-decoration: unset;
}

button#wishlist_create:hover {
    color: #000;
    text-decoration: underline
}

.wishlist-index-index .wltable .products-grid .product-item {
    width: 23%;
    display: inline-block;
    vertical-align: top;
    margin-right: 20px
}

.super .wishlist-index-index .wltable .products-grid .product-item {
    width: unset;
    display: unset;
    vertical-align: unset;
    margin: unset;
    padding: 0;
    flex-basis: 100%;
    max-width: 340px;
}

.wishlist-index-index .wltable .products-grid .product-item .comment-box {
    display: none;
}

.wishlist-index-index .wltable .products-grid.wishlist .product-item .fieldset .field.qty {
    background: 0 0;
    padding: 0;
    border: none
}

.super .wishlist-index-index .wltable .products-grid.wishlist .product-item .fieldset .field.qty {
    display: none !important;
}

.wishlist-index-index #wishlist-view-form .wltable .product-item .fieldset .field.qty .control {
    background: #f3f3f3;
    width: 50px;
    max-width: unset;
    text-align: center
}

.wishlist-index-index .wltable .products-grid.wishlist .product-item strong.product-item-name {
    font-weight: 500;
    margin-top: 10px;
    display: block;
    line-height: 18px;
}

.super .wishlist-index-index .wltable .products-grid.wishlist .product-item strong.product-item-name {
    margin-top: 5px;
    font-weight: 700;
    font-size: 20px;
    line-height: 20px;
    min-height: 60px;
}

.wishlist-index-index .wltable .product-items {
    border-bottom: 1px solid #e4e4e4;
    margin-bottom: 20px
}

.super .wishlist-index-index .wltable .product-items {
    display: flex;
    flex-wrap: wrap;
    margin-top: 20px;
    row-gap: 20px;
    column-gap: 20px;
}

#tabcontents .wltable {
    padding-top: 0
}

.wishlist-index-index .wltable .product-item-inner {
    margin-top: 10px
}

.super .wishlist-index-index .wltable .product-item-inner {
    float: right;
}

.wishlist-index-index .wltable .box-tocart .input-text {
    padding: 5px 0 2px;
    height: 25px;
    border: 1px solid #000;
    font-family: isotext;
    width: 50px
}

.wishlist-index-index .wltable .products-grid .product-item:nth-child(4n) {
    margin-right: 0
}

.form-wishlist-items ul.tabs li a {
    background: 0 0;
    border: 1px solid #ccc;
    border-bottom: none;
    font-size: 12px;
    line-height: 21px;
    letter-spacing: 1px;
    font-family: gotham greek;
    text-transform: uppercase
}

.super .form-wishlist-items ul.tabs li a {
    font-family: baguesans;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    background: #fff;
    font-weight: 700;
    font-size: 14px;
    border: none;
}

.form-wishlist-items ul.tabs li a:hover {
    background: #f3f3f3;
}

.super .form-wishlist-items ul.tabs li a:hover {
    background: #fff;
    color: #e4251f;
}

.super .form-wishlist-items ul.tabs li.selected a:hover {
    background: #1d1d1d;
    color: #fff;
    cursor: default;
}

.form-wishlist-items ul.tabs li.selected a {
    background: #000;
    border: none;
    font-weight: 600;
    color: #fff
}

.form-wishlist-items div.tabcontents {
    background: 0 0;
    border: 1px solid #000
}

.super .form-wishlist-items div.tabcontents {
    background: 0 0;
    border: 2px solid #1d1d1d;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
    border-top-right-radius: 7px;
}

.form-wishlist-items .tabcontents .product-item-actions button {
    width: 100%;
    height: 36px;
    margin-bottom: 15px;
    margin-top: 2px;
}

.form-wishlist-items .tabcontents .product-item-actions button:hover {
    background: #dedede;
}

.super .form-wishlist-items .tabcontents .product-item-actions button:hover {
    background: #3c3c3c;
}

.form-wishlist-items .tabcontents .product-item-actions button img {
    width: 15px;
    height: auto
}

.form-wishlist-items .tabcontents .product-item-actions {
    text-align: center
}

.form-wishlist-items .tabcontents .product-item-actions > a img {
    margin-right: 15px
}

.editwl_link input[type=text] {
    background: 0 0;
    border-bottom: 1px solid #6b6b6b;
    height: 30px;
    padding-left: 0;
    width: 204px
}

.editwl_link {
    border-bottom: 1px solid #e4e4e4;
    margin-bottom: 20px;
    padding-bottom: 20px
}

.editwl_link button.action.primary, .editwl_link button.deletewl {
    background: 0 0;
    padding: 0;
    line-height: 18px;
    height: auto;
    border: none;
    text-transform: none;
    font-weight: 500;
    font-size: 12px;
    color: #000 !important;
    letter-spacing: 0;
    margin-right: 10px;
}

.editwl_link button.action.primary {
    border-right: 1px solid #000;
    padding-right: 10px;
    margin-right: 5px;
    margin-left: 20px;
}

.editwl_link button.action.primary:hover, .editwl_link button.deletewl:hover {
    text-decoration: underline
}

#wishlist-form-validation .linearize-table td {
    padding: 0 0 30px
}

.wishlist-title {
    font-weight: 700;
    font-size: 12px;
    font-family: grandgothikext;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 1px
}

.super .wishlist-title {
    font-family: baguesans;
    font-size: 14px;
    margin-bottom: 15px;
}

#wishlist-view-form .actions-toolbar button {
    background: 0 0;
    color: #000;
    font-weight: 600;
    letter-spacing: 1px;
    font-size: 12px;
    padding: 0 10px;
    margin-right: 14px;
    margin-bottom: 14px;
    border: 1px solid #000
}

.super #wishlist-view-form .actions-toolbar button {
    border: 2px solid #1d1d1d;
    padding: 0 15px;
    font-size: 14px;
}

div#wishlist_container {
    min-width: 280px
}

/* ===== Supergreen Wishlist Table View (.wl-table-view) ===== */

.super .wl-table-view .wl-table-header {
    display: flex;
    align-items: center;
    padding: 10px 0;
    border-bottom: 2px solid #1d1d1d;
    font-weight: 700;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #666;
    font-family: 'baguesans', sans-serif;
}

.super .wl-table-view .wl-table-row {
    display: flex;
    align-items: center;
    padding: 15px 0;
    border-bottom: 1px solid #e4e4e4;
    gap: 0;
}

.super .wl-table-view .product-items {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    row-gap: 0;
    column-gap: 0;
    margin: 0;
    padding: 0;
    border: none;
}

.super .wl-table-view .product-item {
    max-width: 100%;
    flex-basis: auto;
    padding: 0;
    margin: 0;
    list-style: none;
}

/* Cell base */
.super .wl-table-view .wl-cell {
    padding: 0 8px;
    flex-shrink: 0;
}

/* Image */
.super .wl-table-view .wl-cell-image {
    width: 100px;
}
.super .wl-table-view .wl-cell-image img {
    width: 80px;
    height: auto;
    border-radius: 4px;
    min-width: unset;
}

/* ON SALE badge */
.super .wl-table-view .wl-cell-badge {
    width: 80px;
}
.super .wl-table-view .wl-badge-sale {
    display: inline-flex;
    align-items: center;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    color: #1d1d1d;
    letter-spacing: 0.5px;
}
.super .wl-table-view .wl-badge-sale::before {
    content: '';
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #bbff33;
    margin-right: 5px;
    flex-shrink: 0;
}

/* SKU + Name */
.super .wl-table-view .wl-cell-name {
    flex: 2;
    min-width: 150px;
    flex-shrink: 1;
}
.super .wl-table-view .wl-sku {
    display: block;
    font-size: 11px;
    color: #888;
    margin-bottom: 2px;
    font-weight: 600;
    letter-spacing: 0.5px;
}
.super .wl-table-view .wl-product-name {
    display: block;
    font-size: 13px;
    font-weight: 600;
    color: #1d1d1d;
    line-height: 1.3;
    text-decoration: none;
}
.super .wl-table-view .wl-product-name:hover {
    text-decoration: underline;
}

/* Stock status */
.super .wl-table-view .wl-cell-stock {
    width: 100px;
}
.super .wl-table-view .wl-stock-in,
.super .wl-table-view .wl-stock-out {
    display: inline-flex;
    align-items: center;
    font-size: 12px;
    font-weight: 600;
}
.super .wl-table-view .wl-stock-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    margin-right: 5px;
    flex-shrink: 0;
}
.super .wl-table-view .wl-stock-dot.in {
    background: #bbff33;
}
.super .wl-table-view .wl-stock-dot.out {
    background: #D60000;
}

/* Price */
.super .wl-table-view .wl-cell-price {
    width: 130px;
}
.super .wl-table-view .wl-cell-price .price-box {
    margin: 0;
}
.super .wl-table-view .wl-cell-price .price {
    font-size: 14px;
    font-weight: 700;
}

/* Qty */
.super .wl-table-view .wl-cell-qty {
    width: 70px;
}
.super .wl-table-view .wl-cell-qty input.qty {
    width: 50px;
    height: 36px;
    text-align: center;
    border: 2px solid #1d1d1d;
    border-radius: 5px;
    font-size: 14px;
    font-weight: 600;
    padding: 0;
    -moz-appearance: textfield;
}
.super .wl-table-view .wl-cell-qty input.qty::-webkit-outer-spin-button,
.super .wl-table-view .wl-cell-qty input.qty::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Add to Cart */
.super .wl-table-view .wl-cell-cart {
    width: 140px;
}
.super .wl-table-view .wl-cell-cart .action.tocart {
    background: #bbff33;
    color: #1d1d1d;
    border: none;
    border-radius: 5px;
    padding: 8px 14px;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    cursor: pointer;
    white-space: nowrap;
}
.super .wl-table-view .wl-cell-cart .action.tocart:hover {
    background: #a8e62b;
}

/* Actions: Copy, Move, Remove */
.super .wl-table-view .wl-cell-actions {
    width: 110px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
}
.super .wl-table-view .wl-cell-actions a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    opacity: 0.5;
    transition: opacity 0.2s;
}
.super .wl-table-view .wl-cell-actions a:hover {
    opacity: 1;
}
.super .wl-table-view .wl-cell-actions a img {
    width: 18px;
    height: 18px;
}

/* Bottom actions */
.super .wl-table-view .wl-actions-toolbar {
    display: flex;
    justify-content: flex-end;
    padding: 20px 0;
    border-top: 1px solid #e4e4e4;
    margin-top: 10px;
}
.super .wl-table-view .wl-actions-toolbar .primary {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}
.super .wl-table-view .wl-actions-toolbar button {
    border: 2px solid #1d1d1d;
    background: transparent;
    color: #1d1d1d;
    padding: 8px 18px;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border-radius: 5px;
    cursor: pointer;
}
.super .wl-table-view .wl-actions-toolbar button.tocart {
    background: #bbff33;
    border-color: #bbff33;
}
.super .wl-table-view .wl-actions-toolbar button:hover {
    background: #1d1d1d;
    color: #fff;
}
.super .wl-table-view .wl-actions-toolbar button.tocart:hover {
    background: #a8e62b;
    border-color: #a8e62b;
    color: #1d1d1d;
}

/* Load more / Show less */
.super .wl-table-view .loadMore,
.super .wl-table-view .showLess {
    text-align: center;
    padding: 15px 0;
    font-size: 13px;
    font-weight: 600;
    color: #1d1d1d;
    cursor: pointer;
    border-top: 1px solid #e4e4e4;
}
.super .wl-table-view .loadMore:hover,
.super .wl-table-view .showLess:hover {
    text-decoration: underline;
}

/* Empty wishlist */
.super .wl-table-view .wishlist-empty {
    padding: 40px 0;
    text-align: center;
    color: #888;
    font-size: 14px;
}

/* Hide elements not needed in table view */
.super .wl-table-view .product-item-info,
.super .wl-table-view .product-item .comment-box {
    display: none;
}

/* ===== Wishlist Table Responsive ===== */
@media (max-width: 1200px) {
    .super .wl-table-view .wl-table-header {
        display: none;
    }
    .super .wl-table-view .wl-cell-badge {
        width: 70px;
    }
    .super .wl-table-view .wl-cell-stock {
        width: 80px;
    }
}

@media (max-width: 768px) {
    .super .wl-table-view .wl-table-header {
        display: none;
    }
    .super .wl-table-view .wl-table-row {
        flex-wrap: wrap;
        gap: 10px;
        padding: 15px 0;
    }
    .super .wl-table-view .wl-cell-image {
        width: 80px;
    }
    .super .wl-table-view .wl-cell-image img {
        width: 70px;
    }
    .super .wl-table-view .wl-cell-badge {
        width: auto;
    }
    .super .wl-table-view .wl-cell-name {
        flex: 1;
        min-width: calc(100% - 100px);
    }
    .super .wl-table-view .wl-cell-stock,
    .super .wl-table-view .wl-cell-price,
    .super .wl-table-view .wl-cell-qty,
    .super .wl-table-view .wl-cell-cart,
    .super .wl-table-view .wl-cell-actions {
        width: auto;
    }
    .super .wl-table-view .wl-actions-toolbar {
        justify-content: center;
    }
}

/* ===== End Wishlist Table View ===== */

.message.error > * {
    color: #fff;
    background: #f65e5f;
    margin-bottom: 20px;
    display: block
}

.message.error > * a {
    color: #fff;
    text-decoration: underline
}

.message.error > *:before {
    color: #fff
}

.block.filter .block-content.filter-content .filter-options-item .swatch-attribute-options .swatch-option-link-layered .swatch-option.border {
    border: 2px solid #e5e5e5
}

.swatch-option.image {
    background-size: cover !important
}

.preloader {
    display: none !important
}

.block.search-data {
    display: none
}

a.topmore {
    text-decoration: underline
}

.settings {
    position: absolute;
    top: 44px;
    right: 28px;
    width: 282px;
    display: flex;
    padding: 15px 0;
    background: #fff;
    z-index: 100;
    overflow: hidden;
    height: 80px;
    opacity: 1;
    transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out
}

.settings.settings_show {
    right: 0;
    transition: all .5s ease-out;
    -webkit-transition: all .5s ease-out
}

.settings_active {
    background: 0 0;
    border: none;
    border-left: 1px solid #eaeaea;
    padding: 10px 9px 10px 8px;
    margin-left: 10px;
    vertical-align: top;
    transition: none;
    -webkit-transition: none;
    cursor: default
}

.super .settings_active {
    border-left: 1px solid #d93500
}

.settings_active:hover {
}

.settings_active:hover + .settings {
    display: flex
}

.settings_active .flag, .settings .flag {
    width: 19px;
    height: 19px;
    padding: 1px;
    border: 1px solid #d0d0d0;
    border-radius: 10px;
    margin-right: 3px;
    position: relative;
    top: -1px
}

.settings .flag {
    border: 1px solid #7a7a7a
}

.settings_active .currency, .settings .currency {
    font-weight: 500;
    letter-spacing: 1px;
    font-size: 12px
}

.settings .settings-title {
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 21px;
    padding-bottom: 5px;
    padding-top: 2px
}

.settings > * {
    opacity: 1;
    padding: 0 30px;
    text-align: left;
    flex: 50%
}

.partners .owl-carousel .owl-dots {
    margin: 0 auto
}

.partners .owl-carousel .owl-nav {
}

.partners .owl-carousel:hover .owl-nav {
    opacity: 1
}

.partners .owl-carousel:hover {
    cursor: pointer
}

.partners .owl-carousel .owl-nav .owl-prev, .partners .owl-nav .owl-next {
}

.partners .owl-carousel .owl-nav .owl-prev:hover, .partners .owl-nav .owl-next:hover {
    opacity: 1
}

.partners .owl-nav .owl-next {
}

.partners .owl-carousel .owl-nav .owl-prev.disabled, .partners .owl-carousel .owl-nav .owl-next.disabled {
    display: none
}

a.partners-link {
    font-weight: 500;
    letter-spacing: 1px;
    border: 1px solid #000;
    transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    font-family: grandgothikext;
    font-size: 14px;
    line-height: 19px;
    padding: 13px 20px;
    background: #fff;
    display: inline-block;
    color: #000;
    margin-bottom: 20px;
    margin-right: 20px
}

a.partners-link img {
    padding-left: 15px
}

.cms-design h1, .cms-design .cms-hero h1 {
    font-family: grandgothikext;
    font-weight: 700;
    color: #fff;
    font-size: 58px;
    position: absolute;
    bottom: 0;
    left: calc(8.33333% + 15px)
}

.super .cms-design h1, .super .cms-design .cms-hero h1 {
    font-family: baguesans;
    position: relative;
    left: unset !important;
    bottom: unset !important;
    color: #1d1d1d;
    font-size: 34px !important;
    padding-bottom: 20px;
    line-height: 40px !important;
    letter-spacing: 0 !important;
    background: #fff;
    border-radius: 7px;
    padding: 15px;
}

.cms-design .row.cms-hero {
    position: relative
}

.cms-design .row.cms-hero.hero-star > div:after {
    content: '';
    background: url(../images/star.svg) no-repeat;
    width: 40px;
    height: 40px;
    display: block;
    background-size: cover;
    position: absolute;
    bottom: 80px;
    right: 95px
}

.super .cms-design .row.cms-hero.hero-star > div:after {
    background: url(../images/star-super.svg) no-repeat
}

.cms-design .cms-hero .cms-moto {
    position: absolute;
    top: 80px;
    left: 95px;
    color: #fff;
    display: inline-block;
    display: none
}

.cms-design .cms-hero .cms-moto em {
    color: #58fe02;
    font-style: normal
}

.super .cms-design .cms-hero .cms-moto em {
    color: #e4251f;
    font-style: normal
}

.cms-design .greybox {
    background: #f7f7f7;
    padding: 50px 8.3333%
}

.cms-design .cms-title .greybox {
    padding-top: 0;
    padding-bottom: 0
}

.cms-design .cms-title .greybox .spacetext-wrapper {
    position: relative;
    top: -40px
}

.cms-design .greybox .spacetext-wrapper h1 {
    margin-bottom: 10px
}

.cms-design .spacetext-wrapper p, .cms-design .spacetext-wrapper ul li {
    font-size: 12px;
    line-height: 21px;
    margin-bottom: 10px;
    position: relative
}

.cms-design .spacetext-wrapper ul {
    position: relative;
    left: 10px;
    margin-bottom: 10px
}

.cms-design .spacetext-wrapper ul li:before {
    content: '-';
    position: absolute;
    left: -10px
}

span.fluo {
    display: inline !important;
    padding: 3px !important;
    text-decoration: none !important
}

.news-footer span.fluo {
    font-weight: 600;
    display: inline-block !important;
    letter-spacing: 1px;
    margin-top: 10px;
    padding: 3px 10px !important
}

.cms-design .spacetext-wrapper p a, .homeslide .slidetext p a {
    text-decoration: underline
}

.cms-design .spacetext-wrapper p:last-child {
    margin-bottom: 0
}

.cms-design .leftsplit, .cms-design .rightsplit {
    display: flex;
    align-items: stretch
}

.cms-design .leftsplit > div:first-child {
    left: 50%
}

.cms-design .leftsplit > div:last-child {
    left: -50%
}

.cms-design .leftsplit > div, .cms-design .rightsplit > div {
    align-self: center
}

.cms-design .spacetext-wrapper h2 {
    font-size: 12px;
    line-height: 21px;
    letter-spacing: 1px;
    font-weight: 600;
    margin-bottom: 10px
}

.cms-design .spacetext-wrapper table {
    margin-bottom: 15px;
    width: 320px
}

.cms-design .spacetext-wrapper table tr td {
    border: 1px solid #000;
    padding: 10px 20px;
    text-align: left
}

.cms-design .spacetext-wrapper table tr td:last-child {
    text-align: right
}

.cms-design .spacetext-wrapper p + h2 {
    margin-top: 20px
}

.cms-design .row {
    margin-bottom: 70px
}

.super .cms-design .row {
    margin-bottom: 0px;
}

.cms-design .moto-small {
    position: absolute;
    bottom: 50px;
    left: 65px;
    text-align: left
}

.cms-design .moto-small p {
    font-size: 16px;
    color: #fff;
    line-height: 28px;
    margin-bottom: 0
}

.cms-design .row.cms-hero {
    margin-bottom: 0
}

.lastpieces img {
    float: left
}

.lastpieces span {
    font-size: 11px;
    line-height: 15px;
    font-weight: 500;
    letter-spacing: 0;
    display: block;
    width: 220px;
    position: relative;
    left: 2px
}

.lastpieces span.laststrong {
    font-weight: 600
}

.lastpieces-wrapper div {
    margin-left: 10px;
    display: inline-block;
    width: 0;
    overflow-x: hidden;
    position: relative;
    padding-left: 8px;
    transition: .5s all ease-in-out;
    -webkit-transition: .5s all ease-in-out
}

.lastpieces:hover .lastpieces-wrapper div {
    width: 230px;
    transition: .5s all .2s ease-in-out;
    -webkit-transition: .5s all .2s ease-in-out
}

.super .catalog-product-view .lastpieces {
    display: none;
}

.lastpieces {
    margin-bottom: 15px
}

.lastpieces:hover {
    cursor: pointer
}

.lastpieces-wrapper {
    position: relative;
    display: inline-block
}

.lastpieces-wrapper div:before {
    content: "";
    background: #000;
    display: inline-block;
    width: 1px;
    height: 0;
    position: absolute;
    top: 0;
    left: 0;
    transition: .2s all .5s ease-in-out;
    -webkit-transition: .2s all .5s ease-in-out
}

.lastpieces:hover .lastpieces-wrapper div:before {
    height: 30px;
    transition: .2s all ease-in-out;
    -webkit-transition: .2s all ease-in-out
}

.block-dashboard-orders .block-title strong {
    font-size: 12px;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: 600;
    display: inline
}

.block-dashboard-orders {
    margin-top: 40px
}

.block-dashboard-orders .block-title .action.view {
    color: #000;
    float: right
}

.block-dashboard-orders .table-order-items tr td.col.actions .action.view:after, .orders-history .table-order-items tbody tr td.col.actions .action.view:after {
    display: none
}

.block-dashboard-orders .table-order-items tr th, .block-dashboard-orders .table-order-items tr td, .orders-history .table-order-items thead tr th, .orders-history .table-order-items tbody tr td {
    text-align: left;
    font-size: 12px;
    background: #f3f3f3;
    border: none;
    padding: 8px;
    border-top: 1px solid #ddd
}

.super .block-dashboard-orders .table-order-items tr th, .super .block-dashboard-orders .table-order-items tr td, .super .orders-history .table-order-items thead tr th, .super .orders-history .table-order-items tbody tr td {
    font-size: 14px;
}

.block-dashboard-orders .table-order-items tr th, .orders-history .table-order-items thead tr th {
    text-transform: none;
    border-bottom: 2px solid #ddd
}

.block-dashboard-orders .table-order-items tr th.status, .block-dashboard-orders .table-order-items tbody tr td.status, .orders-history .table-order-items thead tr th.status, .orders-history .table-order-items tbody tr td.status {
    display: table-cell !important
}

.orders-history .table-order-items thead tr th:first-child, .orders-history .table-order-items tbody tr td:first-child {
    padding-left: 8px
}

.product-detailed-specs .specs-group ul {
    margin-top: 0
}

.super .product-detailed-specs .specs-group ul {
    left: 0;
}

.block-order-details-comments .block-title strong, .order-details-item-ordered .order-title strong {
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 12px;
    font-weight: 600
}

.account.sales-order-view ul.order-links {
    display: none
}

.sales-order-view .order-actions-toolbar {
    float: right;
    line-height: 12px;
    display: none
}

.sales-order-view .order-date span.label {
    margin-bottom: 0
}

.sales-order-view .order-details-items.ordered {
    margin: 50px 0 0
}

.sales-order-view .order-details-items.ordered .order-title strong {
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 12px
}

.sales-order-view .order-details-items.ordered .order-title {
    margin-bottom: 30px
}

.order-details-items .table-wrapper thead tr th {
    text-transform: unset;
    font-weight: 600
}

.order-details-items .table-wrapper tbody tr td {
    font-size: 12px
}

.order-details-items .table-wrapper tbody tr td.col.name strong {
    font-weight: 500
}

.order-details-items .table-wrapper table tbody tr td {
    padding: 10px 0
}

.order-details-items .table-wrapper table tbody tr:last-child td {
    border-bottom: none
}

.order-details-items .table-wrapper table tbody tr td.qty .title {
    display: none
}

.order-details-items .table-wrapper table tfoot tr th {
    font-size: 14px;
    font-weight: 600
}

.order-details-items .table-wrapper table tfoot tr:first-child th, .order-details-items .table-wrapper table tfoot tr:first-child td {
    padding-top: 20px
}

.order-details-items .table-wrapper table tfoot tr td {
    font-size: 14px;
    text-align: right
}

.order-details-items .table-wrapper tfoot tr.grand_total th strong, .order-details-items .table-wrapper tfoot tr.grand_total td strong {
    color: #000;
    font-weight: 600;
    font-size: 18px
}

.order-details-items .table-wrapper table tbody tr td:last-child, .order-details-items .table-wrapper table thead tr th:last-child {
    text-align: right
}

.block-order-details-view .block-title strong {
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
    font-size: 12px
}

.block-order-details-view {
    padding-top: 50px
}

.block-order-details-view .block-content {
    display: flex;
    flex-wrap: wrap
}

.block-order-details-view .block-content .box {
    width: 100%
}

.block-order-details-view .block-content .box .box-content {
    font-size: 12px
}

.sales-order-view .block-title, .sales-order-view .order-title, .sales-order-view .block-title {
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 5px
}

.sales-order-view .order-details-items .table-wrapper thead tr th, .sales-order-view .order-details-items .table-wrapper tbody tr td {
    background: #f3f3f3;
    padding: 10px
}

.checkout-success p:first-child {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
    margin-bottom: 10px
}

.checkout-success .actions-toolbar a {
    font-size: 12px;
    text-decoration: underline
}

.product-item-photo img.img-hover-show {
    opacity: 0 !important
}

span.error-qty {
    display: none;
    font-size: 14px;
    line-height: 15px;
    color: red;
    padding: 10px 0
}

span.error-qty.error-display {
    display: block;
    text-align: left
}

.customer-account-create .tax_wrapper {
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    gap: 15px;
    flex-direction: row;
}

.customer-account-create .tax_wrapper #tax_country {
    max-width: 125px;
}

.customer-account-create .tax_wrapper .taxvat {
    width: 100%;
}

.checkout-onepage-success #registration {
    padding: 20px;
    background: #f3f3f3;
    margin-top: 30px
}

.checkout-onepage-success #registration p {
    margin-bottom: 10px
}

.checkout-onepage-success #registration input {
    background: 0 0;
    border: 2px solid #000;
    color: #000;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
    font-size: 12px;
    margin-top: 10px
}

.checkout-onepage-success #registration input:hover {
    background: #000;
    color: #fff
}

span.invoice-separator {
    display: block;
    width: 100%;
    height: 1px;
    margin: 5px 0;
    background: rgba(33, 33, 33, .4)
}

.block.filter .block-content.filter-content .filter-options-item .swatch-attribute-options .swatch-option-link-layered .swatch-option {
    margin: 0 10px 10px 0
}

.product-info-media.product.media {
    overflow: unset
}

h3.footer-title + ul + h3.footer-title {
    margin-top: 25px
}

span.subnew {
    font-size: 10px;
    color: #fff
}

.row.newicons .toknowus {
    font-family: grandgothikext;
    font-size: 20px;
    font-weight: 700;
    line-height: 18px;
    color: #fff
}

.super .row.newicons .toknowus {
    font-family: baguesans;
    font-size: 20px;
    font-weight: 700;
    flex-basis: 16%;
    line-height: 18px;
    color: #ffffff;
    padding-left: 0;
    background: #e3251f;
}

h2.banner-header, h2.banner-header a {
    color: #000;
    font-family: grandgothikext;
    margin-bottom: 7px;
    position: relative;
    transition: .2s all ease-in-out;
    -webkit-transition: .2s all ease-in-out
}

.super h2.banner-header, .super h2.banner-header a {
    font-family: 'baguesans';
    font-size: 24px;
    color: #fff;
    margin-bottom: 0;
}

.super h2.banner-header a {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 20px;
}

.super h2.banner-header a:after {
    content: "";
    border-radius: 50px;
    background-image: url(../images/arrow-right-s-line-red.svg);
    background-size: 20px 20px;
    background-position: 11px 10px;
    background-repeat: no-repeat;
    background-color: #fff;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #e3251f;
    flex-basis: 40px;
    flex-shrink: 0;
}

.super h2.banner-header a:hover:after {
    background-color: #e3251f;
    background-image: url(../images/arrow-right-s-line-white.svg);
}

.cat-text-wrapper {
    position: relative;
    padding: 20px 0
}

.super .cat-text-wrapper, .super .resthome .cat-text-wrapper {
    padding: 60px 30px 20px;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);
    border-radius: 10px;
}

.resthome .cat-text-wrapper {
    position: relative;
    padding: 0
}

.cat-block {
    position: relative
}

.super .cat-block, .super .resthome .cat-block {
    position: absolute;
    bottom: 0;
    width: 100%;
}

.resthome .cat-block {
    position: absolute;
    bottom: 0;
    left: 0
}


.btn.secondary, button.action.secondary, .btn.btn-secondary, button.action.btn-secondary {
    background: 0 0;
    border: 2px solid #000;
    color: #000
}

.gift-item-block {
    display: none
}

.totals .discount.coupon {
    display: none
}

body.cms-index-index .message > div, body.cms-mobilehome .message > div {
    margin-top: 0
}

body > div > .messages > .message {
    top: 0;
    background: rgba(0, 0, 0, .9);
    height: 100%;
    width: 100%;
    position: fixed;
    z-index: 1000
}

body > div > .messages > .message > div {
    width: 360px;
    top: 50%;
    min-height: 50px;
    z-index: 100000;
    background: #fff;
    left: 50%;
    color: #000;
    position: absolute;
    transform: translate(-50%, -50%);
    margin: 0;
    padding: 25px 30px 25px 55px
}

.message > *:before {
    top: 0;
    transform: translateY(12px);
    left: 5px
}

.super .message > *:before {
    color: #fff !important;
}

.messages span.fa-times {
    display: none
}

body > div > .messages > .message > div span.fa-times {
    display: block;
    position: absolute;
    right: 8px;
    top: 8px;
    width: 16px;
    cursor: pointer;
    height: 16px;
    line-height: 16px;
    text-align: center;
    font-size: 14px
}

body > div > .messages > .message.success > div {
    background: #17ff00;
    color: #000
}

.super body > div > .messages > .message.success > div {
    background: #e4251f
}

.message.success > *:before {
    color: #000;
    vertical-align: top;
}

body > div > .messages > .message.error > div {
    background: #f65e5f;
    color: #fff
}

.mst-searchautocomplete__wrapper {
    text-align: left;
    background: #fff;
    padding: 20px;
    border: 1px solid #000;
    border-top: none;
}

.super .mst-searchautocomplete__wrapper {
    border: none;
    margin-top: 20px;
    border-radius: 10px;
}

.mst-searchautocomplete__wrapper .magento_catalog_product ul li > a {
    display: inline-block
}

.mst-searchautocomplete__wrapper .magento_catalog_product ul li .details {
    display: inline-block;
    vertical-align: top
}

.mst-searchautocomplete__wrapper .magento_catalog_product ul li .mst-product-image-wrapper img {
    height: 80px;
    width: 80px;
    margin-right: 20px
}

.mst-searchautocomplete__close {
    display: none;
}

.mst-searchautocomplete__autocomplete {
    position: relative;
    width: 100% !important;
    top: unset !important;
    left: unset !important;
}

.mst-searchautocomplete__wrapper .magento_catalog_product ul li {
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #000
}

.mst-searchautocomplete__index-title {
    display: none
}

.mst-searchautocomplete__wrapper > div:first-child {
    min-height: 180px;
    overflow-y: auto;
    max-height: 250px
}

li.mst-searchautocomplete__item.magento_catalog_categoryproduct a i {
    font-style: normal;
    margin: 0 5px;
    font-size: 18px;
    line-height: 18px
}

form#search_mini_form {
    position: relative;
    z-index: 100;
    padding: 0px;
    background: #fff;
}

.super form#search_mini_form {
    background: transparent;
}

.mst-searchautocomplete__index.popular ul li {
    display: block;
    background: transparent;
    padding: 0;
    margin-bottom: 0px;
}

.mst-searchautocomplete__index.popular ul li a {
    position: relative;
    top: 2px;
    color: #000;
    cursor: pointer;
    font-size: 16px;
}

.mst-searchautocomplete__index.popular ul li a:after {
    display: inline;
    content: ">";
    margin-left: 5px;
}

li.mst-searchautocomplete__item.magento_catalog_categoryproduct:first-child {
    display: none
}

.mst-searchautocomplete__show-all {
    float: right;
    position: relative;
    top: -25px
}

.mst-searchautocomplete__wrapper .magento_catalog_product ul li .details button.tocart {
    display: none
}

.header .header-placeholder .search-popup .search-form.active .search-close:hover {
    color: #000;
    text-decoration: underline
}

.checkout-index-index .msp-cashondelivery-payment-method-extrafee {
    font-size: 12px
}

div#aade_block button {
    margin-bottom: 20px;
    background: 0 0;
    border: 2px solid #000;
    color: #000;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
    font-size: 12px;
    cursor: pointer;
    padding: 5px 10px;
}

.super div#aade_block button {
    border-radius: 5px;
}

div#aade_block button:hover {
    background: #000;
    color: #fff
}

.footer .block.newsletter .form.subscribe .action.subscribe span {
    color: #000;
    font-size: 10px
}

.field.requireds > .label:after, .form-group.requireds > .label:after, .field._required > .label:after, .form-group._required > .label:after, .field.required > .label:after, .form-group.required > .label:after, .field.requireds > label:after, .form-group.requireds > label:after, .field._required > label:after, .form-group._required > label:after, .field.required > label:after, .form-group.required > label:after, .field[name="shippingAddress.custom_attributes.company_b2c"] > label:after, .field[name="shippingAddress.custom_attributes.vat_b2c"] > label:after, .field[name="shippingAddress.custom_attributes.tax_office_b2c"] > label:after {
    color: red;
    content: "*";
    font-size: 13px;
    margin: 0 0 0 3px
}

.bss-onestepcheckout .opc-wrapper #checkout-step-shipping button.action.edit-address-link {
    display: block;
    margin-top: 0;
    border: none;
    padding: 0;
    text-transform: none;
    letter-spacing: 0;
    font-weight: 500;
    text-decoration: underline;
    margin-bottom: 0
}

.super .bss-onestepcheckout .opc-wrapper #checkout-step-shipping button.action.edit-address-link {
    text-transform: unset;
    border: 2px solid #fff !important;
    background: transparent !important;
    color: #fff !important;
    text-decoration: none;
    padding: 0 10px;
    margin-top: 10px;
}

p.topmiddle-text {
    font-size: 14px
}

.home-products .owl-carousel .owl-dots {
    margin: 0 auto;
    position: relative;
    top: -15px
}

.bss-onestepcheckout #opc-sidebar .discount-code #discount-form {
    width: 100%
}

.row.newicons {
    display: flex;
    align-content: stretch;
    font-family: grandgothikext;
    font-size: 10px;
    line-height: 13px;
    font-weight: 700;
    flex-wrap: wrap;
    justify-content: space-between;
}

.super .row.newicons {
    font-family: baguesans;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 50px;
    gap: 20px;
}

@media (max-width: 991px) {
    .super .homeslide .row.newicons {
        display: none;
    }
}

.row.newicons:after {
    display: block;
    content: '';
    background: #000;
    height: 1px;
    left: 15px;
    position: relative;
    flex-basis: calc(100% - 30px)
}

.super .row.newicons:after, .super .row.newicons:before {
    display: none;
}

.row.newicons > div {
    flex-basis: 20%;
    padding-left: 0;
    padding-right: 0;
    border-right: 1px solid #000
}

.super .row.newicons > div {
    border-radius: 10px;
    overflow: hidden;
    border: none;
    background: #fff;
    flex-basis: 18%;
    width: auto;
    flex-grow: 1;
}

.row.newicons > div:first-child {
    padding-left: 15px
}

.row.newicons > div:last-child {
    padding-right: 15px;
    border-right: none
}

.row.newicons img {
    width: 44px;
    height: 33px
}

.row.newicons .toknowus > div {
    background: url(../images/toknowus_bg.jpg) no-repeat #000;
    background-size: cover;
    background: 0 0;
    background-position: 0% 100%;
    height: 100%;
    text-align: left;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px 0;
    color: #000
}

.super .row.newicons .toknowus > div {
    color: #ffffff;
}

.row.newicons img {
    float: left
}

.super .row.newicons img {
    display: none;
}

.row.newicons > div a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%
}

.super .row.newicons > div a:hover {
    background: #63b465;
    color: #fff;
}

.cms-design p {
    font-size: 16px;
    line-height: 21px;
    color: #000;
    margin-bottom: 25px
}

.super .cms-design p {
    margin-bottom: 20px;
}

.cms-design p em {
    font-size: 18px;
    line-height: 26px
}

.cms-design img {
    margin-bottom: 30px
}

.super .cms-design img {
    margin-bottom: 20px
}

.cms-design .cms-hero img {
    margin-bottom: 0;
    position: relative;
    width: calc(100% - 30px);
    left: 15px
}

.super .cms-design .cms-hero img {

}

.cms-design h2 {
    border-top: 1px solid #000;
    font-family: grandgothikext;
    font-size: 20px;
    padding: 0;
    margin: 0 0 25px;
    border-bottom: 1px solid #000;
    padding: 20px 0
}

.super .cms-design h2 {
    font-family: baguesans;
    font-size: 22px;
    line-height: 24px;
    border: none;
    padding: 0;
}

.cms-design .box-section {
    margin-bottom: 60px;
    position: relative;
}

.super .cms-design .box-section {
    margin-bottom: 0;
    margin-top: 20px;
    background: #fff;
    padding: 15px;
    border-radius: 7px;
}

.super .cms-design .homeslide {
    padding: 0 15px;
    margin-top: 20px;
}

.cms-design .box-section:last-child {
    border-bottom: 1px solid #000;
    padding-bottom: 60px
}

.super .cms-design .box-section:last-child {
    border: none;
    padding-bottom: 15px;
}

.cms-design .box-section > *:last-child {
    margin-bottom: 0 !important
}

.cms-design ul li {
    font-size: 16px;
    line-height: 21px;
    list-style-type: disc;
    list-style-position: inside;
    margin-bottom: 5px
}

.cms-design ul {
    margin-bottom: 30px
}

body[class*=cms-] .breadcrumbs, body[class^=cms-] .breadcrumbs {
    padding-bottom: 0;
    padding-right: 0;
    padding-left: 0
}

section.cms-design .container {
    padding-left: 0;
    padding-right: 0
}

.videowrapper {
    display: block;
    position: relative;
}

.videowrapper video {
    display: block;
    max-width: 100%;
    height: auto;
}

.super .videowrapper video {
    border-radius: 5px;
}

.videocontrol {
    position: absolute;
    display: flex;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.videocontrol.showplay {
    display: none;
}

.videocontrol .play-circle {
    width: 88px;
    height: 88px;
    background: rgb(0 0 0 / 80%);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 32px;
}

.videocontrol:hover .play-circle {
    background: rgb(0 0 0 / 100%);
}

.videocontrol .play-circle img {
    position: relative;
    left: 5px;
    max-width: 100%;
}


@media screen and (max-width: 1199px) {
    .row.newicons > div {
        flex-basis: 21%
    }

    .row.newicons .toknowus {
        font-size: 16px;
        flex-basis: 16%
    }
}

@media screen and (max-width: 992px) {
    h2.cat-text a img {
        width: 26px;
        height: auto;
        top: -26px
    }

    .resthome h2.cat-text a img {
        width: 26px;
        height: auto;
        top: unset
    }

    .lastpieces {
        float: right
    }

    .catalog-product-view .detail-label {
        left: 15px
    }

    .wishlist-index-index .wltable .products-grid .product-item {
        width: 48%;
        margin-right: 15px
    }

    .wishlist-index-index .wltable .products-grid .product-item:last-child {
        margin-right: 0
    }

    .bss-onestepcheckout .opc-block-summary {
        width: 100%;
        float: unset;
        padding: 0
    }

    .product-info-main-content {
        padding: 0 0 50px
    }

    .product-info-main .product-add-form {
        margin-bottom: 30px;
        border-bottom: 1px solid #eaeaea
    }

    .catalog-category-view .breadcrumbs .container {
        padding-left: 0
    }

    .catalog-category-view .category-view .category-description p {
        margin-bottom: 15px
    }

    .category-product-actions .toolbar.toolbar-products, .category-product-actions .toolbar.toolbar-products {
        text-align: left
    }

    a.partners-link {
    }

    section.home-blog .row.homeblog-items > div {
        display: block
    }

    section.home-blog .row.homeblog-items > div:last-child {
        display: none
    }

    section.home-products {
        padding-bottom: 0
    }

    section.home-products .products-grid .product-item {
        /* width: auto; */
    }

    section.home-products .container > .row {
        margin-bottom: 30px
    }

    h2.banner-header {
        font-size: 18px
    }

    .infoicon {
        text-align: center
    }

    section .row > div .bann:hover .cat-text-wrapper h2 {
    }

    .infoicon a {
        display: block
    }

    .infoicon p {
        padding-left: 0;
        text-align: center
    }

    .infoicon img {
        height: 40px
    }

    .product.info.detailed .item.content .table.additional-attributes {
        width: 100%
    }

    .about2 {
        display: block
    }

    .about2 .ver-center {
        padding: 0
    }

    .about2 > div:last-child {
        margin-bottom: 40px
    }

    .row.newicons > div {
        padding-top: 15px;
        padding-bottom: 15px
    }

    .row.newicons:after {
        width: calc(100% - 30px)
    }

    .row.newicons .toknowus > div {
        border-bottom: 1px solid #000
    }

    .row.newicons > div img {
        display: none
    }

    .row.newicons > div:first-child {
        padding-right: 15px;
        padding-top: 0;
        border-right: none;
        padding-bottom: 0
    }
}

@media screen and (max-width: 767px) {
    .cms-design h1, .cms-design .cms-hero h1 {
        left: 45px;
        bottom: 14px;
        font-size: 26px;
        line-height: 30px
    }

    .cms-design p {
        font-size: 14px;
        line-height: 19px;
        margin-bottom: 20px
    }

    .cms-design p em {
        font-size: 16px;
        line-height: 21px
    }

    .cms-design ul li {
        font-size: 14px;
        line-height: 19px
    }

    .cms-design img {
        margin-bottom: 20px
    }

    .cms-design .cms-hero img {
        width: 100%;
        left: 0
    }

    .cms-design .box-section {
    }

    .cms-design h2 {
        font-size: 18px;
        line-height: 26px;
        margin-bottom: 20px
    }

    a.partners-link {
        position: relative;
        left: 0;
        right: unset;
        top: 0
    }

    .row.newicons {
        margin-top: 20px
    }

    .row.newicons > div {
        font-size: 10px;
        padding-right: 15px;
        padding-left: 15px;
        padding-top: 0;
        padding-bottom: 0;
        width: 50%
    }

    .row.newicons > div a {
        padding-top: 10px;
        padding-bottom: 10px;
        border-bottom: 1px solid #000
    }

    .row.newicons > div:nth-child(2n) {
        padding-right: 0
    }

    .row.newicons > div:nth-child(2n+1) {
        padding-left: 0
    }

    .row.newicons .toknowus {
        padding-left: 15px !important
    }

    .row.newicons:after {
        display: none
    }

    p.about-moto {
        font-size: 16px;
        line-height: 24px
    }

    .ver-center p {
        font-size: 14px;
        line-height: 22px
    }

    .about4 ul li {
        font-size: 14px;
        line-height: 22px
    }

    p.caps-about {
        font-size: 14px;
        letter-spacing: 1px
    }

    .about-content .about1 > div:first-child, .about2 > div, .about3 .ver-center, .about3 {
        margin-bottom: 60px
    }

    .starsvg, .about4 ul, .about1 {
        margin-bottom: 40px
    }
}

.main-designer {
    border-bottom-right-radius: 150px;
    overflow: hidden
}

.des-float {
    position: absolute;
    left: 115px;
    top: 220px;
    width: 33%
}

.des-float p {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 40px
}

.designer2 p, .designer4 p, .designer5 p {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 70px
}

.designer1, .designer3 {
    margin-bottom: 70px
}

.designer-fluid {
    background: url(/pub/media/wysiwyg/home20/designer3.jpg) #f7f7f7 no-repeat bottom left;
    padding: 160px 0;
    background-size: 68%;
    margin-bottom: 70px
}

.designer5 p:last-child {
    padding-left: 100px
}

.projects-advantages p:first-child {
    font-weight: 600;
    background: #17ff00;
    display: inline-block;
    padding: 0 10px;
    line-height: 28px;
    position: relative;
    left: -10px;
    margin-bottom: 10px
}

.super .projects-advantages p:first-child {
    background: #e4251f
}

.designer6 p {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 40px
}

.designer6 a {
    background: #17ff00;
    font-weight: 600;
    font-size: 22px;
    line-height: 37px;
    padding: 0 10px;
    display: inline-block;
    position: relative;
    left: -10px;
    transition: .2s all ease-in-out;
    -webkit-transition: .2s all ease-in-out
}

.super .designer6 a {
    background: #e4251f
}

.designer6 a span {
    font-weight: 500;
    font-size: 16px;
    display: inline-block;
    padding-left: 10px;
    position: relative;
    transition: .2s all ease-in-out;
    -webkit-transition: .2s all ease-in-out;
    left: 0
}

.designer6 a:hover span {
    left: 8px
}

.table-totals tbody tr.totals-tax, .table.totals tbody tr.totals-tax {
    display: none
}

.b2c .checkout-index-index .table-totals tbody tr.totals-tax {
    display: table-row
}

.b2p .table.totals tbody tr.grand.totals.excl th, .b2p .table.totals tbody tr.grand.totals.excl td, .b2b .table.totals tbody tr.grand.totals.excl th, .b2b .table.totals tbody tr.grand.totals.excl td, .b2p .table.totals tbody tr.grand.totals.tax-only th, .b2p .table.totals tbody tr.grand.totals.tax-only td, .b2b .table.totals tbody tr.grand.totals.tax-only th, .b2b .table.totals tbody tr.grand.totals.tax-only td {
    font-weight: 500 !important;
    text-transform: none !important
}

a.green-button {
    text-transform: uppercase;
    font-weight: 600;
    margin-top: 10px;
    background: #17ff00;
    color: #000;
    font-size: 12px;
    letter-spacing: 1px;
    padding: 10px 15px !important;
    display: inline-block !important;
    line-height: 21px;
    transition: .3s all ease-in-out;
    text-decoration: none !important
}

.super a.green-button {
    background: #e4251f
}

a.green-button:hover {
    background: #000 !important;
    color: #fff !important
}

a.green-button span {
    padding-left: 10px;
    margin-top: 0
}

.newsections h1 {
    font-family: grandgothikext;
    font-weight: 700;
    font-size: 40px;
    line-height: 46px;
    margin-bottom: 30px;
    margin-top: 0
}

.super .newsections h1 {
    font-family: baguesans;
    font-weight: 700;
    font-size: 48px;
    line-height: 50px;
    margin-bottom: 10px;
    margin-top: 0;
    color: #1D1D1B;
}

.super .cms-design .newsections h1 {
    background: transparent;
    padding: 0;
    font-size: 48px !important;
    line-height: 50px !important;
}

@media (max-width: 1199px) {
    .super .cms-design .newsections h1 {
        font-size: 30px !important;
        line-height: 36px !important;
    }
}

@media (max-width: 991px) {
    .super .cms-design .newsections h1 {
        font-size: 24px !important;
        line-height: 28px !important;
    }
}

.super .dark .newsections h1, .super .dark .newsections p, .super .red .newsections h1, .super .red .newsections p {
    color: #fff;
}

.super .dark .owl-carousel-home .newsections a.newbutton, .super .red .owl-carousel-home .newsections a.newbutton {
    background: transparent;
    color: #fff;
    border: 2px solid #fff;
}

.super .dark .owl-carousel-home .newsections a.newbutton:hover {
    background: #fff;
    color: #1d1d1d;
    border: 2px solid #fff;
}

.super .red .owl-carousel-home .newsections a.newbutton:hover {
    background: #fff;
    color: #e42322;
    border: 2px solid #fff;
}


.newsections p {
    font-size: 16px;
    line-height: 21px;
    margin-bottom: 20px
}

.super .newsections p {
    font-size: 16px;
    line-height: 23px;
    margin-bottom: 30px;
}

.newsections .sectiontext {
    /* padding-left: 70px; */
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-start
}

.super .newsections .sectiontext {
    padding-left: 50px;
    padding-right: 50px;
}

.super .newsections .sectionbanner img {
    border-radius: 10px;
    margin-bottom: 0;
}

@media (min-width: 768px) {
    .super .inverted .newsections .sectiontext {
        order: 2;
    }
}


a.newbutton {
    font-family: grandgothikext;
    font-size: 14px;
    line-height: 19px;
    padding: 13px 20px;
    background: #000;
    display: inline-block;
    color: #fff
}

.super a.newbutton {
    border-radius: 7px;
    font-family: baguesans;
    font-size: 14px;
    line-height: 21px;
    letter-spacing: 1px;
    font-weight: 500;
}

.super a.newbutton + a.newbutton {
    margin-left: 10px;
}

.super a.newbutton.transparent {
    background: transparent;
    display: inline-block;
    color: #1d1d1d;
    border: 2px solid #1d1d1d;
}

.super a.newbutton.transparent:hover {
    background: #1d1d1d;
    display: inline-block;
    color: #fff;
    border: 2px solid #1d1d1d;
}

.super a.newbutton:hover {
    background: #e32221;
}

a.newbutton img {
    display: inline;
    padding-left: 15px
}

.super a.newbutton img, .super .owl-carousel-home a.newbutton img {
    display: none;
}

.newsections a.newbutton {
    position: absolute;
    bottom: 0
}

.owl-carousel-home .newsections a.newbutton {
    position: relative;
    bottom: unset
}

.newsections:after {
    background: #000;
    height: 1px;
    width: calc(100% - 30px);
    position: relative;
    content: "";
    display: block;
    left: 15px
}

.super .newsections:after {
    display: none;
}

@media screen and (max-width: 1400px) {
    .topleft div p {
        line-height: 10px
    }

    .topmiddle div p {
        width: 150px;
        font-size: 12px;
        line-height: 14px
    }

    .topleft div img, .topmiddle div img {
        height: 20px;
        width: auto
    }
}

@media screen and (max-width: 1399px) {
    .header .header-placeholder .col-icons ul.table-icon-menu li {
        padding: 0 22px
    }

    .header .header-placeholder .megamenu-hover .navigation .nav-main-menu > li > a {
        padding: 28px 14px 25px
    }

    .header .header-placeholder .megamenu-hover .navigation .nav-main-menu > li > a:hover:after {
        width: calc(100% - 28px);
        left: 14px
    }
}

@media screen and (max-width: 1300px) {
    .header .header-placeholder .megamenu-hover .navigation .nav-main-menu > li > a {
        padding: 28px 10px 25px
    }

    .header .header-placeholder .megamenu-hover .navigation .nav-main-menu > li > a:hover:after {
        width: calc(100% - 20px);
        left: 10px
    }

    .header .header-placeholder .col-icons ul.table-icon-menu li {
        padding: 0 18px
    }

    .header.header5 .header-placeholder .logo {
        padding: 0
    }

    .header .header-placeholder .megamenu-hover .navigation .nav-main-menu li.sale-menu {
        padding-right: 0;
        border-right: none
    }

    .header .header-placeholder .megamenu-hover .navigation .nav-main-menu li.projects-menu {
        padding-left: 0
    }
}

@media screen and (max-width: 1199px) {
    .newsections h1, .super .newsections h1 {
        font-size: 30px;
        line-height: 36px;
        margin-bottom: 20px
    }

    .newsections p {
        font-size: 14px;
        line-height: 18px
    }

    .newsections .sectiontext {
        padding-left: 40px
    }

    .newsections a.newbutton {
        padding: 10px 15px;
        font-size: 12px
    }

    .newsections a.newbutton img {
        width: 45px;
        height: auto
    }

    .header .header-placeholder .navbar-toggle-menu .nav-toggle {
        min-height: 68px
    }

    .header .header-placeholder .header-link > li > a.mobile-signed {
        text-transform: uppercase;
        font-weight: 600;
        font-size: 12px;
        letter-spacing: 1px;
        width: auto;
        display: inline-block
    }

    .super .header .header-placeholder .header-link > li > a {
        font-weight: 700;
        font-size: 14px;
        letter-spacing: 0px;
        width: auto;
        display: inline-block;
        text-transform: uppercase;

    }

    .header .header-placeholder .header-link > li > a.mobile-signed img {
        margin-right: 5px
    }

    .super .header .header-placeholder .header-link > li > a img {
        margin-right: 10px;
        width: 30px;
        height: auto;
    }

    .header .header-placeholder .header-link > li > a.mobile-signout {
        font-size: 12px;
        float: right;
        width: auto
    }

    .super .header .header-placeholder .header-link > li > a.mobile-signout {
        font-size: 13px;
    }

    section.homeicons .row > div, .infoicon p {
        text-align: center !important
    }

    .second-col .bann:first-child {
        margin-bottom: 24px
    }

    .infoicon a {
        display: block
    }

    .topright {
        padding-right: 15px
    }

    ul.homelinks {
        padding-bottom: 0
    }

    .header-content .settings_active, .header-content.settings {
        display: none
    }

    .product-info-main .product-detailed-specs, .product-main .product-info-main .product-detailed-specs {
        position: relative;
        bottom: unset;
        left: unset;
        width: unset
    }

    .product-info-main {
        min-height: unset
    }

    .product-info-main .product.description {
        min-height: unset
    }

    .slidetext p {
    }

    h2.banner-header, h2.banner-header a {
        font-size: 16px
    }

    h2.cat-text {
    }

    .header .header-placeholder .sidebar-menu .nav-main-menu li.level0 > .toggle-menu a {
        color: #000
    }

    .header .header-placeholder .sidebar-menu .nav-main-menu li.level0 > .toggle-menu a .icon-plus:before {
        font-weight: 300;
        width: 100%
    }

    .header .header-placeholder .col-icons ul.table-icon-menu li {
        border: none
    }

    .logo-col {
        border: none
    }

    .header .header-placeholder .nav-main-menu > li > a {
        color: #000;
        text-transform: uppercase;
        font-size: 12px;
        letter-spacing: 1px;
        font-weight: 700;
        font-family: grandgothikext
    }

    .super .header .header-placeholder .nav-main-menu > li > a {
        font-family: baguesans;
        font-size: 14px;
        letter-spacing: 0;
        line-height: 21px;
    }

    .header .header-placeholder .no-popup .search-form .form-search .input-search .input-text {
        padding: 0 20px;
        font-size: 14px;
        border: 1px solid #000
    }

    .super .header .header-placeholder .no-popup .search-form .form-search .input-search .input-text {
        border: none;
    }

    .header .header-placeholder .no-popup .search-form .form-search .input-search button {
        right: 15px
    }

    .header .header-placeholder .sidebar-menu {
        padding: 15px 20px 30px
    }

    .header .header-placeholder .sidebar-menu .links .social-login, .header .header-placeholder .sidebar-menu .header-wl > a {
        text-transform: uppercase;
        font-size: 12px;
        font-weight: 600;
        letter-spacing: 1px
    }

    .super .header .header-placeholder .sidebar-menu .links .social-login, .super .header .header-placeholder .sidebar-menu .header-wl > a {
        font-size: 14px;
        letter-spacing: 0;
    }

    .header .header-placeholder .sidebar-menu .links .social-login img, .header .header-placeholder .sidebar-menu .header-wl > a img {
        margin-right: 8px;
        height: 18px
    }

    .super .header .header-placeholder .sidebar-menu .header-wl > a img {
        width: 30px;
        height: auto;
    }

    .header .header-placeholder .sidebar-menu div.megamenu-click {
        margin: 10px 0 30px
    }

    .header .header-placeholder .col-icons ul.table-icon-menu li.wishlist-icon {
        display: none
    }

    .slidetext {
        margin-bottom: 20px
    }

    .category-cms .cat_banner_info a {
        padding: 20px 30px
    }

    .topbar .switcher-language, .topbar .switcher-currency {
        display: none
    }

    .product-info-main-content .product-info-media {
        width: 60%
    }

    .product-info-main-content .product-info-main {
        width: 40%
    }

    .portfolio-index-view .portfolio-image {
        min-height: 400px
    }
}

@media screen and (max-width: 991px) {
    h2.banner-header, h2.banner-header a {
        font-size: 14px;
        margin-bottom: 3px
    }

    .super h2.banner-header, .super h2.banner-header a {
        font-size: 18px;
        line-height: 24px;
    }

    .super h2.banner-header:after {
        width: 30px;
        height: 30px;
        line-height: 30px;
        background-size: 26px;
        flex-basis: 30px;
    }

    .cat-text-wrapper {
        padding: 10px 0
    }

    .opc-estimated-wrapper {
        display: none
    }

    .footer-logo p {
        width: 100%
    }

    .product-data-items-content .product-detailed-specs .row > div:last-child {
        display: none
    }

    .product-data-items-menu .data.item.title {
        vertical-align: bottom
    }

    .product-data-items-menu .data.item.title .data.switch {
        line-height: 16px;
        padding-bottom: 4px;
        font-weight: 500 !important
    }

    .slidetext p {
    }

    .homeslide .row {
        display: block;
    }

    .super .homeslide .row {
        display: flex;
    }

    .newsections .sectiontext {
        padding-left: 15px !important;
        padding-top: 30px;
        padding-bottom: 30px
    }

    .newsections h1, .super .newsections h1 {
        font-size: 24px;
        line-height: 28px;
        margin-bottom: 20px;
    }

    .newsections.projectsheader h1 {
        margin-bottom: 10px;
        margin-top: 20px
    }

    .newsections p {
        display: none
    }

    .super .form .newsections p {
        display: block
    }

    ul.homelinks {
        padding-bottom: 0
    }

    .slidetext {
    }

    h2.cat-text {
        padding-bottom: 10px;
        bottom: 0
    }

    h2.cat-text span img {
        width: 24px;
        height: auto
    }

    h2.cat-text span {
        top: -30px
    }

    section.home-project .row {
    }

    .news-footer p {
        text-align: left;
        width: 100%;
        margin-bottom: 0;
        font-size: 14px;
        line-height: 19px
    }

    footer .block.newsletter .content {
        float: left
    }

    .news-footer {
        padding: 50px 0
    }

    .middle-footer {
        text-align: left
    }

    .middle-footer .container > .row:first-child .row {
        display: flex;
        align-items: stretch;
        flex-wrap: wrap
    }

    .middle-footer .container > .row:first-child .row > div {
        margin-bottom: 30px
    }

    .breadcrumbs .items {
    }

    .category-cms .cat_banner_info a {
        padding: 10px 25px
    }

    .cat_banner_img, .category-cms .cat_banner_info {
        border-radius: 0
    }

    .catalog-category-view .category-view, .category-product-actions {
        width: 100%
    }

    .toolbar.toolbar-products {
        text-align: left
    }

    .product-info-main-content .product-main > .row, .product-info-main-content .product-main.big > .row {
        display: block;
        align-items: unset
    }

    .product-info-main-content .product-info-media, .product-info-main-content .product-info-main {
        width: 100%
    }

    .product.media .vertical-gallery #vertical-thumbnail-wrapper {
        display: none !important
    }

    .product.media .vertical-gallery .owl-carousel.gallery-vertical {
        width: 100%;
        margin-left: 0
    }

    .portfolio-index-view .portfolio-image {
        min-height: 300px
    }
}

@media screen and (max-width: 1200px) {
    body.boxed.width1366 .header:not(.header1) .navigation .nav-main-menu li.mega-menu-fullwidth:not(.menu-2columns) > ul.dropdown-menu {
        position: relative;
        top: 0 !important;
        box-shadow: none;
        padding: 0;
        background: 0 0;
        border-top: 1px solid #000
    }

    .super body.boxed.width1366 .header:not(.header1) .navigation .nav-main-menu li.mega-menu-fullwidth:not(.menu-2columns) > ul.dropdown-menu {
        padding-top: 0;
        margin-left: 0;
        left: 0;
        border-top: none;
    }

    .header .header-placeholder .nav-main-menu > li {
        border-bottom: 1px solid #000
    }

    .header .header-placeholder .header-link > li {
        border-bottom: 1px solid #000
    }

    body.boxed.width1366 .header:not(.header1) .navigation .nav-main-menu li.mega-menu-fullwidth:not(.menu-2columns) > ul.dropdown-menu .row {
        padding-left: 15px
    }

    .collections .row, .inspiration .mega-menu-content .row {
        flex-wrap: wrap
    }

    .collections .row .image, .inspiration .row .image {
        display: none
    }

    .inspiration .mega-menu-content .row > div > * {
        margin-bottom: 5px
    }

    .inspiration .mega-menu-content .row > div > * {
        margin-bottom: 0
    }

    .inspiration .mega-menu-content .row > div > p {
        margin-bottom: 5px
    }

    .inspiration .mega-menu-content .row > div a.text {
        color: #000;
        text-decoration: underline
    }

    .header .header-placeholder .nav-main-menu .collections .row a.text {
        color: #000;
        font-size: 14px;
        line-height: 24;
        line-height: 24px
    }

    body.boxed.width1366:not(.panel-popup) .main-wrapper .mega-menu-content.container {
        width: 100%;
        padding: 16px 0 !important
    }

    .mega-menu-content .subtitle {
        display: none
    }

    .inspiration .mega-menu-content .subtitle {
        display: block;
        padding-bottom: 5px;
        text-transform: uppercase !important
    }

    body.boxed.width1366:not(.panel-popup) .main-wrapper .mega-menu-content.container > .row > div ul li a {
        padding: 0 0 5px;
        color: #000;
        font-size: 16px
    }

    .super body.boxed.width1366:not(.panel-popup) .main-wrapper .mega-menu-content.container > .row > div ul li a {
        color: #fff;
    }

    body.boxed.width1366:not(.panel-popup) .main-wrapper .mega-menu-content.container > .row > div {
        display: none
    }

    body.boxed.width1366:not(.panel-popup) .main-wrapper .mega-menu-content.container > .row > div:first-child {
        display: block
    }

    body.boxed.width1366:not(.panel-popup) .main-wrapper li.collections .mega-menu-content.container > .row > div, body.boxed.width1366:not(.panel-popup) .main-wrapper li.inspiration .mega-menu-content.container > .row > div {
        display: block
    }

    li.inspiration .mega-menu-content.container > .row > div {
        margin-bottom: 30px
    }

    li.inspiration .mega-menu-content.container > .row > div:last-child {
        margin-bottom: 0
    }
}

.customer-account-login .block-new-customer .block-title strong {
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 12px;
    margin-bottom: 15px;
    display: inline-block
}

.customer-account-login .block-new-customer .actions-toolbar a {
    background: #17ff00;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 12px;
    letter-spacing: 1px;
    height: 36px;
    line-height: 36px;
    padding: 0 25px;
    display: inline-block
}

.super .customer-account-login .block-new-customer .actions-toolbar a {
    background: #e4251f;
    font-size: 14px;
}

.customer-account-login .block-new-customer .actions-toolbar a:hover {
    background: #000;
    color: #fff
}

@media screen and (min-width: 992px) {
    #shipping-new-address-form {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between
    }

    #shipping-new-address-form > * {
        width: calc(50% - 15px)
    }

    #shipping-new-address-form .field[name="shippingAddress.custom_attributes.timologio"], #shipping-new-address-form .field[name="shippingAddress.custom_attributes.vat_b2c"] {
        width: calc(50% - 15px);
        margin-right: 50%
    }

    .bss-onestepcheckout main #shipping .form-shipping-address .field {
    }

    .bss-onestepcheckout main #shipping .form-shipping-address .field[name="shippingAddress.city"] {
        margin-bottom: 70px
    }

    .bss-onestepcheckout main #shipping .form-shipping-address .street .field {
        width: 100%;
        float: none;
        padding-right: 0
    }

    .bss-onestepcheckout .form-login {
        width: calc(50% - 30px)
    }

    .bss-onestepcheckout .opc-wrapper #checkout-step-shipping, .bss-onestepcheckout .opc-wrapper #opc-shipping_method {

        padding-bottom: 30px !important;
        margin-bottom: 30px !important
    }

    .bss-onestepcheckout .opc-wrapper #payment {
        border-bottom: 0 !important;
        margin-bottom: 30px !important
    }

    .bss-onestepcheckout #opc-sidebar {
    }

    .bss-onestepcheckout .opc-wrapper ol li {
        border: none !important;
        margin: 0 !important;
        padding: 0 !important
    }

    .bss-onestepcheckout .authentication-wrapper {
        width: calc(50% - 30px);
        border-bottom: 1px solid #464545 !important;
        padding-bottom: 10px;
        margin-bottom: 30px
    }

    .account .form-address-edit .fieldset.customer-address-fields {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between
    }

    .account .form-address-edit .fieldset.customer-address-fields .message.info {
        width: 100%
    }

    .account .form-address-edit .fieldset.customer-address-fields .message.info > * {
        background: 0 0;
        color: #000;
        font-style: italic;
        padding: 0;
        margin-bottom: 3px
    }

    .account .form-address-edit .fieldset > .field {
        width: calc(50% - 15px)
    }

    .account .form-address-edit .fieldset > .field.set.billing, .account .form-address-edit .fieldset > .field.set.shipping {
        width: 100%;
        margin-bottom: 0;
        float: left
    }
}

@media screen and (min-width: 1200px) {
    .header .header-placeholder .search-popup .search-form .form-search .wrapper-search {
        position: relative;
        top: 0;
        transform: none;
        left: unset;
        right: unset;
        bottom: unset;
        background: #f3f3f3;
        padding: 30px;
    }

    .header .header-placeholder .search-popup .search-form.active .form-search .form.minisearch .input-search button {
        top: 10px;
        display: block;
        z-index: 100;
    }

    .header .header-placeholder .search-popup .search-form .form-search {
        overflow: unset;
        padding: 0px;
        position: relative;
        top: 40px;
        z-index: 1000000000;
        flex-grow: 0;
        width: 100%;
        margin: 0;
        bottom: unset;
        left: unset;
        opacity: 1 !important;
        right: unset;
        max-width: 970px;
        visibility: visible !important;
        background: transparent;
    }

    .header .header-placeholder .search-popup .search-form.active .form-search .search-title {
        display: none;
    }

    .portfolio-grid .item {
        padding: 0 15px
    }

    .tabs_categories_porfolio_content {
        margin-left: 0;
        margin-right: 0
    }

    .bss-onestepcheckout #opc-sidebar {
        width: 100%;
        margin-top: 0;
        float: left
    }

    .header .header-placeholder .search-popup .search-form .form-search .form.minisearch input[type=text] {
        background: #fff;
        border: 1px solid #000;
        font-size: 16px;
        color: #000
    }

    .super .header .header-placeholder .search-popup .search-form.active .form-search .form.minisearch input[type=text] {
        border: none;
        border-radius: 10px;
    }

    body[class^=blog] #maincontent > .row > div:first-child {
        padding-right: 30px
    }

    body[class^=blog] #maincontent > .row > div:last-child {
        padding-left: 30px
    }
}

@media screen and (max-width: 1200px) {
    .des-float {
        width: 50%;
        top: 180px;
        left: 100px
    }
}

@media screen and (max-width: 992px) {
    .table-checkout-shipping-method tbody tr td {
        padding: 0
    }

    .bss-onestepcheckout .opc-wrapper #opc-shipping_method #checkout-step-shipping_method #checkout-shipping-method-load .table-checkout-shipping-method tbody tr td {
        min-width: unset;
        padding-right: 20px
    }

    .bss-onestepcheckout .opc-wrapper #opc-shipping_method #checkout-step-shipping_method #checkout-shipping-method-load .table-checkout-shipping-method tbody tr td:first-child {
        padding-right: 5px
    }

    .checkout-cart-index #shopping-cart-table tbody tr td.col.item .product-item-photo {
        width: 64px
    }

    .second-col .bann:first-child {
        margin-bottom: 20px
    }

    .product-info-main .product-detailed-specs {
        max-width: 400px
    }

    .des-float {
        width: calc(100% - 160px);
        top: 140px;
        left: 80px
    }

    .des-float p, .designer2 p, .designer4 p, .designer5 p, .designer6 p {
        font-size: 14px;
        line-height: 22px;
        margin-bottom: 40px
    }

    .designer6 p.caps-about {
        margin-bottom: 30px
    }

    .designer6.row > div:last-child img {
        margin-top: 90px
    }

    .designer1, .designer3 {
        margin-bottom: 40px
    }

    .designer-fluid {
        background-size: 45%;
        padding: 80px 0 20px
    }

    .designer6 a {
        font-size: 18px;
        line-height: 32px
    }
}

@media screen and (max-width: 767px) {
    img.img-responsive.espa-image {
        display: none
    }

    .newsections p, .super .newsections p {
        display: block;
        margin-bottom: 15px;
    }

    .des-float {
        position: relative;
        width: 100%;
        top: 0;
        left: 0;
        margin-top: 30px
    }

    .des-float p, .designer2 p, .designer4 p, .designer5 p, .designer6 p {
        margin-bottom: 20px
    }

    .designer1 {
        margin-bottom: 0
    }

    .designer3, .designer4 {
        margin-bottom: 20px
    }

    .designer-fluid {
        padding: 30px 0 450px;
        background-size: contain;
        background-position: 0% 100%;
        margin-bottom: 40px
    }

    .designer5 p:last-child {
        padding: 0
    }

    .main-designer {
        border-bottom-right-radius: 70px
    }
}

@media screen and (max-width: 600px) {
    .lastpieces {
        float: unset
    }

    .account .table-wrapper.orders-history, .account .table-wrapper.order-items {
        overflow-x: scroll
    }

    .minicart-wrapper.minicart-sidebar .mage-dropdown-dialog {
        width: 100%;
        right: -100%
    }

    .minicart-wrapper.minicart-sidebar.active .mage-dropdown-dialog {
        transform: translate3d(-100%, 0, 0);
        -webkit-transform: translate3d(-100%, 0, 0);
        -moz-transform: translate3d(-100%, 0, 0);
        -o-transform: translate3d(-100%, 0, 0)
    }

    .product-info-main-content, .super .product-info-main-content {
        padding-top: 20px
    }

    section.home-blog .row.homeblog-items > div {
        display: none
    }

    section.home-blog .row.homeblog-items > div:first-child {
        display: block
    }

    a.partners-link {
        position: relative;
        top: unset;
        right: unset;
        float: unset;
        left: unset
    }

    section.home-project .row > div {
        width: 100%
    }

    section.home-project .row > div.proj {
        margin-bottom: 0
    }

    .home-project h3 {
        margin-bottom: 0
    }

    .home-project p {
        margin-bottom: 0
    }

    section.home-project .row {
        display: block
    }

    .designer-fluid {
        padding: 30px 0 380px;
        background-size: contain;
        background-position: 0% 100%;
        margin-bottom: 40px
    }
}

@media screen and (max-width: 480px) {
    .product-detailed-specs .row > div {
        width: 100%;
        left: 0;
        margin-bottom: 15px;
    }

    .product-detailed-specs .row > div:last-child {
        margin-bottom: 0px;
    }

    .form-wishlist-items .tabcontents .product-item-actions {
        text-align: left
    }

    .form-wishlist-items .tabcontents .product-item-actions button {
        max-width: 120px
    }

    .wishlist-index-index .wltable .products-grid .product-item {
        width: 100%;
        margin-right: 0
    }

    .header .header-placeholder .header-link > li > a.mobile-signout {
        float: unset;
        margin-top: 10px
    }

    .bss-onestepcheckout .opc-wrapper #opc-shipping_method #checkout-step-shipping_method #checkout-shipping-method-load .table-checkout-shipping-method tbody tr td:nth-child(3) {
        display: none
    }

    .cart.table-wrapper {
        overflow-x: scroll
    }

    section.home-categories .row > div {
        width: 100%
    }

    .designer-fluid {
        padding: 30px 0 300px
    }

    .designer6 a {
        font-size: 14px;
        line-height: 18px;
        padding-top: 5px;
        padding-bottom: 5px
    }

    .designer6 a span {
        font-size: 10px
    }

    .projects-advantages p:first-child {
        line-height: 16px;
        padding-top: 5px;
        padding-bottom: 5px
    }
}

@media screen and (max-width: 420px) {
    .designer-fluid {
        padding: 30px 0 260px
    }
}

.faq-abs h1 {
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding-left: 10px;
    font-family: grandgothikext
}

.super .faq-abs h1 {
    font-family: baguesans;
    font-size: 34px;
    color: #1d1d1d;
    letter-spacing: 0;
    width: 100%;
    line-height: 40px !important;
    background: #fff;
    border-radius: 7px;
    padding: 15px;
}

.faq-abs {
    position: absolute;
    bottom: 25px;
    left: 45px
}

.super .faq-abs {
    position: relative;
    bottom: unset;
    left: unset;
}

.faq-abs > * {
    display: inline-block;
    vertical-align: middle;
}

.faq .row {
    margin-bottom: 30px;
}

.super .faq .row {
    margin-bottom: 0px;
}

.faq-box {
    background: #f7f7f7;
    margin-bottom: 30px;
    padding: 20px
}

.super .faq-box {
    background: #fff;
    border-radius: 10px;
    margin-top: 20px;
    margin-bottom: 0;
}

.faq-box h2 {
    font-weight: 600;
    line-height: 21px;
    font-size: 12px;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding-bottom: 12px;
    border-bottom: 1px solid #e9e9e9;
    margin-bottom: 20px
}

.super .faq-box h2 {
    font-size: 16px;
    letter-spacing: 0;
    line-height: 19px;
    border: none;
    padding-bottom: 0;
}

.faq-box p.underline {
    text-decoration: underline
}

.faq-box p {
    margin-bottom: 7px
}

.super .faq-box p {
    font-size: 16px;
    line-height: 21px;
    margin-bottom: 15px;
}

.faq-box h3 {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 10px
}

.super .faq-box h3 {
    font-size: 16px;
}

.faq-box ul li {
    list-style-type: disc;
    margin-bottom: 20px
}

.super .faq-box ul li {
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 21px;
}

.faq-box ul {
    margin-top: 20px;
    position: relative;
    left: 17px
}

.faq-box ul li ul li {
    list-style-type: none;
    margin-bottom: 15px;
    position: relative
}

.faq-box ul li ul li:before {
    content: "-";
    position: absolute;
    top: 0;
    left: -12px
}

.faq-box ul li ul li span {
    font-weight: 600
}

.faq-box ul.contact-info-page li {
    margin-bottom: 5px
}

.faq table thead th {
    background: #e4e4e4;
    line-height: 21px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding: 10px 40px 10px 30px
}

.faq table tbody {
    border-left: 1px solid #e4e4e4;
    border-right: 1px solid #e4e4e4
}

.faq table tbody tr {
    border-bottom: 1px solid #e4e4e4
}

.faq table tbody tr td:first-child {
    border-right: 1px solid #e4e4e4
}

.faq table tbody tr td {
    padding: 15px 30px
}

.faq table {
    margin: 25px 0
}

.faq-box a {
    text-decoration: underline
}

.rental p {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 40px
}

.faq.rental .row {
    margin-bottom: 50px
}

.rental .rental2 div > p:last-child {
    margin-bottom: 0
}

.rental .rental3 img {
    margin-bottom: 50px
}

.rental .rental3 a {
    background: #17ff00;
    padding: 5px
}

.super .rental .rental3 a {
    background: #e4251f;
    padding: 5px
}

.rental .rental3 a:hover {
    background: #a2ef6a
}

.super .rental .rental3 a:hover {
    background: #e4251f
}

@media screen and (max-width: 767px) {
    .faq.rental .row {
        margin-bottom: 30px
    }

    .rental .rental3 img {
        margin-bottom: 30px
    }

    .rental p {
        font-size: 14px;
        margin-bottom: 20px
    }
}

.agd-row .col-md-3 {
    text-align: center
}

.faq.agd .row {
    margin-bottom: 50px
}

.agd-box h2 {
    font-weight: 600;
    font-size: 16px;
    text-transform: uppercase;
    line-height: 25px;
    letter-spacing: 1px;
    margin-bottom: 5px
}

.agd-box p {
    font-size: 16px;
    line-height: 24px
}

.faq.agd .agd-row .agd-box {
    border-bottom: 1px solid #eee
}

.faq.agd .agd-row.agd1 .agd-box {
    border-bottom: none
}

.faq.agd .agd-row .agd-box.agd2 {
    border-top: 1px solid #eee
}

.faq.agd .row.agd2 .agd-box {
    border-top: 1px solid #eee;
    padding-top: 50px
}

.faq.agd .row.agd1 {
    margin-bottom: 10px
}

@media screen and (max-width: 1200px) {
    .agd-row img {
        width: 180px;
        height: auto
    }
}

@media screen and (max-width: 992px) {
    .agd-row img {
        width: 100px;
        height: auto
    }
}

@media screen and (max-width: 767px) {
    .agd-row img {
        width: 200px;
        height: auto;
        margin-bottom: 40px
    }

    .agd-row .col-md-3 {
        text-align: center
    }

    .faq.agd .row.agd2 .agd-box {
        padding-top: 30px
    }

    .faq.agd .row {
        margin-bottom: 30px
    }

    .agd-box h2 {
        font-weight: 600;
        font-size: 14px;
        text-transform: uppercase;
        line-height: 21px;
        letter-spacing: 1px;
        margin-bottom: 5px
    }

    .agd-box p {
        font-size: 14px;
        line-height: 21px
    }
}

@media screen and (max-width: 420px) {
    .faq-abs h1 {
        width: 200px
    }
}

.showroom p {
    font-size: 14px;
    line-height: 22px
}

.showroom h2 {
    font-size: 12px;
    line-height: 21px;
    letter-spacing: 1px
}

.row.showroom1, .row.showroom3 {
    margin-bottom: 50px
}

.row.showroom3 img {
    margin-bottom: 30px
}

.showroom textarea.input-text {
    background: #f3f3f3;
    border: none
}

.checkout-cart-index #shopping-cart-table tbody tr td.col.item .product-item-details .product-item-sku {
    display: block;
    margin-top: 5px
}

@media screen and (max-width: 768px) {
    .account .block-content > .row .box {
        display: block;
        flex-wrap: nowrap
    }

    .account .block-content > .row {
        display: block
    }

    .cart-container #discount-coupon-form {
        max-width: 300px
    }

    .checkout-cart-index .shopping-cart-bottom .cart-totals, .checkout-cart-index .checkout-extra .block {
        margin-top: 50px
    }

    .checkout-cart-index .cart.main.actions {
        margin-top: 30px
    }

    .checkout-cart-index .cart.main.actions button {
        width: auto;
        margin: 0 5px 0 0 !important
    }

    .checkout-cart-index #shopping-cart-table thead tr th.subtotal, .checkout-cart-index #shopping-cart-table tbody tr td.subtotal {
        display: none
    }

    .checkout-cart-index #shopping-cart-table tbody tr td.col.item .product-item-photo {
        display: none
    }

    .checkout-cart-index #shopping-cart-table tbody tr td.col:not(.item):before {
        display: none
    }

    .checkout-cart-index #shopping-cart-table tbody tr td {
        display: table-cell
    }

    .checkout-cart-index #shopping-cart-table tbody {
        display: table-row-group
    }

    .checkout-cart-index #shopping-cart-table tbody tr {
        display: table-row
    }

    .checkout-cart-index #shopping-cart-table thead {
        display: table-header-group
    }

    .related-product-main .products-grid .owl-carousel .owl-dots, .upsell .products-grid .owl-carousel .owl-dots {
        display: none
    }

    .super .related-product-main .products-grid .owl-carousel .owl-dots, .super .upsell .products-grid .owl-carousel .owl-dots {
        display: table;
        margin: 25px auto 0;
    }

    .super .related-product-main .products-grid .owl-carousel .owl-dots .owl-dot span, .super .upsell .products-grid .owl-carousel .owl-dots .owl-dot span {
        background: #631515;
    }

    .super .related-product-main .products-grid .owl-carousel .owl-dots .owl-dot:hover span, .super .related-product-main .products-grid .owl-carousel .owl-dots .owl-dot.active span, .super .upsell .products-grid .owl-carousel .owl-dots .owl-dot:hover span, .super .upsell .products-grid .owl-carousel .owl-dots .owl-dot.active span {
        background: white;
    }

    .related-product-main .products-grid .product-item, .upsell .products-grid .product-item {
        width: auto
    }

    .row.showroom1 {
        margin-bottom: 30px
    }

    .row.showroom3 {
        margin-bottom: 0
    }

    .showroom p {
        margin-bottom: 10px
    }
}

.portfolio-index-view .portfolio-image img {
    position: relative;
    transition: transform .1s ease-in-out
}

.portfolio-detail-items .portfolio-detail-item-content .value {
    color: #000
}

.footer {
    margin-top: 0
}

.product.media #owl-carousel-gallery.owl-carousel .owl-nav div.owl-next.disabled, .product.media #owl-carousel-gallery.owl-carousel .owl-nav div.owl-prev.disabled {
    display: none
}

.product-info-media .sharespace {
    position: absolute;
    bottom: 0;
    left: 15px;
    width: 70px;
    text-align: center;
    z-index: 10
}

@media (max-width: 1199px) and (min-width: 992px) {
    .product-info-media .sharespace {
        display: none;
    }
}

.product-info-media .sharespace .sharethis-inline-share-buttons {
    opacity: 1;
    visibility: visible;
    margin-bottom: 50px
}

.product-info-media .sharespace .fa-share-alt {
    font-size: 26px
}

.product-info-main-content .product.media .sharespace img {
    min-width: unset
}

.product-info-main-content .product.media .sharespace .share-buttons img {
    width: 23px;
    height: 23px
}

.b2p .catalog-product-view .product-info-main-content .product-info-price .price-box .price-new {
    display: initial !important
}

.b2p .catalog-product-view .product-info-main-content .product-info-price .price-box .old-price .price-container {
    display: none !important
}

.b2p .catalog-product-view .product-info-main-content .product-info-price .special-price, .b2p .catalog-product-view .product-info-main-content .product-info-price .old-price {
    display: inline-block;
    margin-left: 0
}

.product-info-price .special-price, .b2p .catalog-product-view .product-info-main-content .product-info-price .old-price {
    display: inline-block;
    margin-left: 10px
}

.super .product-info-price .special-price, .super .b2p .catalog-product-view .product-info-main-content .product-info-price .old-price {
    margin-left: 0;
}

.super .product-info-price .special-price, .super .special-price, .super .product-info-price .normal-price, .super .normal-price {
    display: block;
}

.b2p .catalog-product-view .product-info-main .price-box .old-price .price {
    font-size: 14px
}

.product-info-media .sharespace .share-buttons .st-custom-button {
    display: block !important;
    opacity: 1;
    position: relative;
    transform: translate(0px, 130px);
    -webkit-transform: translate(0px, 130px);
    transition: .4s all ease-in-out;
    -webkit-transition: .4s all ease-in-out
}

.product-info-media .sharespace .share-buttons .st-custom-button:nth-child(1) {
    transition-delay: .2s;
    -webkit-transition-delay: .2s
}

.product-info-media .sharespace:hover .share-buttons .st-custom-button:nth-child(1) {
    transition-delay: 0s;
    -webkit-transition-delay: 0s
}

.product-info-media .sharespace .share-buttons .st-custom-button:nth-child(2) {
    transition-delay: .1s;
    -webkit-transition-delay: .1s
}

.product-info-media .sharespace .share-buttons .st-custom-button:nth-child(3) {
    transition-delay: 0s;
    -webkit-transition-delay: 0s
}

.product-info-media .sharespace:hover .share-buttons .st-custom-button:nth-child(3) {
    transition-delay: .2s;
    -webkit-transition-delay: .2s
}

.product-info-media .sharespace:hover .share-buttons .st-custom-button:nth-child(1) {
    transform: translate(0px, 0px) rotate(0deg);
    -webkit-transform: translate(0px, 0px) rotate(0deg)
}

.product-info-media .sharespace:hover .share-buttons .st-custom-button:nth-child(2) {
    transform: translate(0px, 12px) rotate(0deg);
    -webkit-transform: translate(0px, 12px) rotate(0deg)
}

.product-info-media .sharespace:hover .share-buttons .st-custom-button:nth-child(3) {
    -webkit-transform: translate(0px, 23px) rotate(0deg)
}

.product-info-main-content .product.media .sharespace a.share-toggle {
    display: block;
    margin-top: 17px;
    position: absolute;
    left: 13px;
    opacity: 1;
    transition: .2s all ease-in-out;
    -webkit-transition: .2s all ease-in-out;
    bottom: 0
}

.product-info-main-content .product.media .sharespace a.share-toggle:hover {
    opacity: .8
}

.product-info-media .sharespace .share-buttons {
    height: 98px;
    overflow: hidden;
    position: relative;
    top: -67px;
    left: 5px
}

.product-info-media .sharespace .share-buttons .st-custom-button:hover {
    cursor: pointer;
    opacity: .7
}

.product-info-main .sharespace {
    position: absolute;
    bottom: 0;
    left: 15px;
    width: 70px;
    text-align: center;
    z-index: 10;
    display: none
}

.product-info-main .sharespace .sharethis-inline-share-buttons {
    opacity: 1;
    visibility: visible;
    margin-bottom: 50px
}

.product-info-main .sharespace .fa-share-alt {
    font-size: 26px
}

.product-info-main-content .product-info-main .sharespace img {
    min-width: unset
}

.product-info-main-content .product-info-main .sharespace .share-buttons img {
    width: 23px;
    height: 23px
}

.product-info-main .sharespace .share-buttons .st-custom-button {
    display: block !important;
    opacity: 1;
    position: relative;
    transform: translate(0px, 130px);
    -webkit-transform: translate(0px, 130px);
    transition: .4s all ease-in-out;
    -webkit-transition: .4s all ease-in-out
}

.product-info-main .sharespace .share-buttons .st-custom-button:nth-child(1) {
    transition-delay: .2s;
    -webkit-transition-delay: .2s
}

.product-info-main .sharespace:hover .share-buttons .st-custom-button:nth-child(1) {
    transition-delay: 0s;
    -webkit-transition-delay: 0s
}

.product-info-main .sharespace .share-buttons .st-custom-button:nth-child(2) {
    transition-delay: .1s;
    -webkit-transition-delay: .1s
}

.product-info-main .sharespace .share-buttons .st-custom-button:nth-child(3) {
    transition-delay: 0s;
    -webkit-transition-delay: 0s
}

.product-info-main .sharespace:hover .share-buttons .st-custom-button:nth-child(3) {
    transition-delay: .2s;
    -webkit-transition-delay: .2s
}

.product-info-main .sharespace:hover .share-buttons .st-custom-button:nth-child(1) {
    transform: translate(0px, 0px) rotate(0deg);
    -webkit-transform: translate(0px, 0px) rotate(0deg)
}

.product-info-main .sharespace:hover .share-buttons .st-custom-button:nth-child(2) {
    transform: translate(0px, 12px) rotate(0deg);
    -webkit-transform: translate(0px, 12px) rotate(0deg)
}

.product-info-main .sharespace:hover .share-buttons .st-custom-button:nth-child(3) {
    -webkit-transform: translate(0px, 23px) rotate(0deg)
}

.product-info-main-content .product-info-main .sharespace a.share-toggle {
    display: block;
    margin-top: 17px;
    position: absolute;
    left: 13px;
    opacity: 1;
    transition: .2s all ease-in-out;
    -webkit-transition: .2s all ease-in-out;
    bottom: 0
}

.product-info-main-content .product-info-main .sharespace a.share-toggle:hover {
    opacity: .8
}

.product-info-main .sharespace .share-buttons {
    height: 98px;
    overflow: hidden;
    position: relative;
    top: -67px;
    left: 5px
}

.product-info-main .sharespace .share-buttons .st-custom-button:hover {
    cursor: pointer;
    opacity: .7
}

.product-info-main .box-tocart {
    margin-bottom: 40px
}

.super .product-info-main .box-tocart {
    margin-bottom: 0;
}

#maincontent {
    padding-bottom: 70px
}

.super .checkout-cart-index #maincontent > .row {
    background: #fff;
    border-radius: 10px;
    padding: 15px;
}

.customer-account-login #maincontent {
    background: #fff;
    border-radius: 10px;
    margin-bottom: 50px;
    margin-top: 20px;
}

.super .cms-index-index #maincontent, .super .cms-page-view #maincontent {
    /*padding-top: 20px !important;*/
}

@media (max-width: 1499px) {
    .super .cms-index-index #maincontent, .super .cms-page-view #maincontent {
        width: 100%
    }

    .super .cms-page-view #maincontent {
        width: 100%
    }
}

@media (max-width: 767px) {
    .super body.boxed:not(.panel-popup) .main-wrapper .container {
        padding: 0 0px !important;
    }

    .super body.boxed:not(.panel-popup).cms-page-view #maincontent {
        padding: 20px 0px 0 !important;
    }


    .super body.boxed:not(.panel-popup) .main-wrapper .homeslide .container {
        padding: 0px !important;
    }

    .super body.boxed:not(.panel-popup).catalog-product-view .breadcrumb-wrapper .container {
        padding: 20px 15px !important;
    }
}

.catalog-product-view .agd-advantages {
}

.product-data-items-content .agd-advantages p {
    line-height: 20px
}

.product-detail-infomation {
    background: #fff;
    padding: 0
}

.super .product-detail-infomation {
    background: transparent;
}

.product.info.detailed {
    margin: 40px auto
}

.super .product.info.detailed {
    background: #fff;
    border-radius: 10px;
    padding: 15px;
}

.product.media .item-thumb.active img {
    border: 2px solid #737373
}

.catalog-product-view #maincontent {
    padding-bottom: 0;
    min-height: unset
}

.thumb-noimage {
    width: 90px;
    position: absolute;
    top: 0;
    left: 15px
}

ul.pagination {
}

a#load-more-product-link {
    font-size: 12px;
    border: 2px solid #000;
    width: 100%;
    z-index: 1;
    height: 46px;
    display: block;
    text-transform: uppercase;
    letter-spacing: 1px;
    line-height: 46px;
    text-align: center;
    position: relative;
    font-weight: 600
}

.super a#load-more-product-link {
    background: #1d1d1d;
    border: none;
    color: #fff;
    border-radius: 10px;
    font-size: 14px;
}

.loadmoreproducts a#load-more-product-link img {
    position: relative;
    top: -3px;
    transition: .2s top ease-in-out;
    margin-left: 5px
}

.super .loadmoreproducts a#load-more-product-link img {
    filter: invert(1);
}

.loadmoreproducts:hover a#load-more-product-link img {
    top: 0
}

.loadmoreproducts .loadbefore {
    position: absolute;
    content: "";
    background: #17ff00;
    display: block;
    width: 0%;
    height: 46px;
    left: 0;
    top: 0;
    z-index: 1;
    transition: .3s all ease-in-out
}

.super .loadmoreproducts .loadbefore {
    display: none;
}

.loadmoreproducts:hover .loadbefore {
    width: 100% !important;
    left: 0
}

.loadmoreproducts.fetching .loadbefore {
    animation: .8s loadanimation infinite ease-in-out
}

@keyframes loadanimation {
    0% {
        width: 100% !important;
        left: 0%
    }

    50% {
        width: 100% !important;
        left: 100%
    }

    51% {
        width: 100% !important;
        left: -100%
    }

    100% {
        width: 100% !important;
        left: 0%
    }
}

.loadmoreproducts {
    position: relative;
    width: 200px;
    margin: 40px auto;
    overflow: hidden
}

.bottom-pagination {

}

.brand-related-products, .block.related-product-main, .block.upsell-products-list {
    margin-top: 0
}

.block.related-product-main {
    margin-bottom: 50px
}

.footer .menu li a:hover, .footer li a:hover, .footer a:hover {
    color: #000;
    text-decoration: underline
}

.super .footer .menu li a:hover, .super .footer li a:hover, .super .footer a:hover {
    color: #fff;
    text-decoration: underline
}

.ambassador {
    margin: 20px 0 0
}

.bss-onestepcheckout #opc-sidebar .label {
    margin: 0;
    font-size: 14px
}

.authentication-dropdown .modal-content {
    padding: 10px 0 0
}

.authentication-dropdown .modal-header {
    display: none
}

.checkout-index-index .page-header {
    margin-bottom: 0
}

.bss-onestepcheckout .opc-block-summary .items-in-cart > .title {
    border: none;
    margin-bottom: 0;
    padding: 10px 20px;
    border-bottom: 2px solid #fff
}

.bss-onestepcheckout .opc-block-summary .items-in-cart > .minicart-items {
    background: #f7f7f7;
    padding: 20px;
    margin-bottom: 0
}

.bss-onestepcheckout .opc-block-summary .minicart-items-wrapper .product-item {
    padding: 0 0 30px
}

.bss-onestepcheckout .opc-block-summary .minicart-items-wrapper .product-item:last-child {
    padding-bottom: 0
}

.mfp-mgs-quickview .mfp-iframe-scaler .mfp-close {
}

.checkout-cart-index #shopping-cart-table tbody tr td {
    padding: 20px 15px;
    border-bottom: 1px solid #000 !important;
    border-left: 1px solid #000 !important
}

.checkout-cart-index #shopping-cart-table tbody tr td:first-child {
    border-left: none !important
}

.checkout-cart-index #shopping-cart-table tbody tr td.col.qty {
    max-width: 300px
}

.checkout-cart-index #shopping-cart-table tbody tr td:first-child {
    padding-left: 0
}

.sticky-filter {
    display: none
}

.vertical-gallery .owl-carousel .owl-dots {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%)
}

.footer .menu li a.pro-link {
    background: #fff;
    display: inline-block;
    border-radius: 0
}

.super .footer .menu li a.pro-link {
    background: #e4251f
}

.footer .menu li a.pro-link:before {
    background: url(../images/star-black.svg) no-repeat;
    display: inline-block;
    width: 14px;
    height: 11px;
    position: relative;
    background-size: contain;
    content: "";
    top: 0;
    left: 0;
    z-index: 2
}

.super .footer .menu li a.pro-link:before {
    background: url(../images/star-black-super.svg) no-repeat
}

.message.global.cookie.mgs-gdpr-cookie-notice {
    background: rgba(0, 0, 0, .85) !important;
    position: fixed;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    bottom: 0 !important
}

.cookies-designerd {
    position: fixed;
    z-index: 2000
}

.message.global.cookie.mgs-gdpr-cookie-notice .content {
    background: #fff;
    max-width: 565px;
    padding: 30px;
    position: fixed;
    overflow-x: hidden;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.mgs-gdpr-cookie-notice.message.global h3 {
    text-align: left;
    font-size: 18px;
    margin-bottom: 0
}

.mgs-gdpr-cookie-notice.message.global .notice-cookie-content {
    text-align: left;
    font-size: 14px;
    line-height: 21px
}

.mgs-gdpr-cookie-notice.message.global .notice-cookie-content a {
    display: block;
    margin: 10px 0 30px;
    color: #000;
    text-decoration: underline;
    width: 100px
}

div#notice-cookie-block button#btn-cookie-allow {
    background: 0 0;
    border: 2px solid #000;
    vertical-align: top;
    margin-right: 10px;
    background: #17ff00
}

.super div#notice-cookie-block button#btn-cookie-allow {
    background: #e4251f
}

div#notice-cookie-block button#btn-cookie-reject {
    background: 0 0;
    border: none;
    vertical-align: top
}

div#notice-cookie-block button#btn-cookie-reject:hover {
    background: #dadada;
    border: none;
    color: #000
}

div#notice-cookie-block button#btn-cookie-allow:hover {
    background: #000
}

#mgs-gdpr-popup .container {
    width: 100%
}

span.close-cookie {
    position: absolute;
    top: 25px;
    right: 30px;
    font-size: 25px;
    line-height: 30px;
    cursor: pointer
}

#tabs_categories_porfolio.menu-product-tabs {
    display: block !important;
    font-size: 14px;
    font-family: grandgothikext;
    padding: 0 15px;
    position: relative;
    margin-bottom: 0
}

.menu-portfolio div#show-menu-product-tabs {
    display: none
}

.bss-onestepcheckout #opc-sidebar .table-totals .totals.fee {
    display: none !important
}

.field.choice .pirpay .control {
    position: relative;
    bottom: unset;
    left: unset;
    top: unset;
    right: unset;
    margin-top: 20px
}

.field.choice .pirpay .control select {
    background-color: transparent;
    border: 1px solid #000;
    height: 30px;
    line-height: 30px
}

img.payment-icon {
    width: 130px;
    margin-top: 10px
}

.mgs-gdpr-popup .container {
    width: 100% !important
}

.mgs-gdpr-popup .container table td, .mgs-gdpr-popup .container table th {
    border: 1px solid #000;
    font-size: 12px;
    padding: 5px
}

span.close-cookie {
    position: absolute;
    top: 25px;
    right: 30px;
    font-size: 25px;
    line-height: 30px;
    cursor: pointer;
    z-index: 1000
}

.notices-settings {
    display: inline-block;
    width: 500px;
    vertical-align: top;
    text-align: left;
    padding-left: 40px
}

.notices-wrapper {
    display: inline-block;
    width: 500px;
    vertical-align: top
}

.notices-wrapper div.actions {
    text-align: left
}

.cookie-wrapper {
    width: 1010px;
    position: relative;
    left: 0;
    transition: .5s all ease-in-out
}

.notices-settings h3 {
    font-size: 18px;
    line-height: 25px;
    display: inline;
    vertical-align: middle
}

.notices-settings .cookie-group > p {
    margin: 0;
    font-size: 13px;
    line-height: 18px
}

.notices-settings button {
    display: inline;
    background: 0 0;
    position: relative;
    border: 2px solid #000;
    border-radius: 20px;
    width: 36px;
    height: 18px;
    margin-left: 30px;
    vertical-align: middle;
    transition: all .2s ease-in-out
}

.cookie-group {
    position: relative;
    margin-bottom: 10px
}

.notices-settings button .toggle {
    position: absolute;
    background: #000;
    display: block;
    width: 12px;
    height: 12px;
    border-radius: 20px;
    top: 1px;
    left: 2px
}

.notices-settings button span {
    position: absolute;
    top: -1px;
    left: 58px;
    font-size: 12px;
    display: none;
    text-align: left
}

.notices-settings button span.selected {
    display: block
}

.notices-settings button span.on {
    display: none
}

.notices-settings button span.off {
    display: block
}

.notices-settings button.selected p.off {
    display: none
}

.notices-settings button.selected p.on {
    display: block
}

.notices-settings button.selected .toggle {
    left: 18px
}

.notices-settings button.selected {
    background: #17ff00
}

.super .notices-settings button.selected {
    background: #e4251f
}

.notices-settings button:hover {
    background: #e4e4e4
}

.cookie-wrapper.more {
    left: -535px
}

span.cookie-back {
    font-size: 18px;
    display: inline-block;
    width: 30px;
    height: 17px;
    cursor: pointer
}

.notices-settings button.selected:hover {
    background: #67de10
}

.super .notices-settings button.selected:hover {
    background: #e4251f
}

button.cookie-trigger {
    position: fixed;
    bottom: 0;
    background: #fff;
    left: 0;
    border: 1px solid #000;
    border-bottom: none;
    border-left: none;
    font-size: 11px;
    padding: 2px 10px;
    letter-spacing: 1px;
    font-weight: 600;
    text-transform: uppercase
}

button.cookie-trigger:hover {
    background: #000;
    color: #fff
}

button#btn-cookie-more {
    background: 0 0 !important;
    height: auto;
    line-height: 1em;
    padding: 0 0 0 15px;
    color: #000 !important
}

.mgs-gdpr-cookie-notice.message.global h3.notice-cookie-title {
    margin-bottom: 10px
}

button#save-cookies {
    background: #000;
    border-radius: 0;
    width: auto;
    height: 30px;
    font-size: 12px;
    line-height: 28px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
    padding: 0 10px;
    margin: 10px 0 0;
    color: #fff
}

span.taxtext {
    font-size: 10px
}

.super span.taxtext {
    font-size: 12px;
}

html.b2p span.taxtext {
    display: initial !important;
    font-family: grandgothikext;
    font-size: 8px
}

html.b2p .old-price span.taxtext {
}

html.b2p .product-info-main-content .price-box .old-price span.taxtext {
    display: initial !important
}

html.b2p .header-placeholder.header-sticky, html.b2b .header-placeholder.header-sticky {
    background: #fff
}

html.b2c #opc-sidebar .items-in-cart .product .subtotal .cart-price span.check {
    display: none
}

html.b2p #opc-sidebar .items-in-cart ol.minicart-items, html.b2b #opc-sidebar .items-in-cart ol.minicart-items {
    max-height: 360px;
    overflow-y: scroll
}

html.b2p #opc-sidebar .items-in-cart .product .subtotal .cart-price span.check, html.b2b #opc-sidebar .items-in-cart .product .subtotal .cart-price span.check {
    display: inline !important;
    font-size: 11px
}

span.discount-text {
    font-size: 12px;
    color: #000;
    line-height: 16px;
    display: block;
    margin: 8px 0
}

span.b2c-discount-text {
    background: #17ff00;
    font-size: 14px;
    color: #000;
    padding: 5px 10px;
    line-height: 18px;
    margin-top: 10px;
    display: block
}

.super span.b2c-discount-text {
    background: #e4251f
}

html.b2p .minicart-wrapper.minicart-sidebar .subtotal, html.b2b .minicart-wrapper.minicart-sidebar .subtotal {
    margin: 12px 35px
}

.minicart-wrapper.minicart-sidebar .actions {
    margin: 0 35px
}

.super .minicart-wrapper.minicart-sidebar .actions {
    margin: 0;
}

.minicart-wrapper.minicart-sidebar .actions.product {
    margin: 0
}

.discount-minicart svg {
    width: 100%
}

.b2b-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 1
}

.b2b-wrapper .images-wrapper img {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    min-width: 100%;
    height: auto;
    transition: 1s all ease-in-out
}

.b2b-wrapper img.star-pro {
    position: absolute;
    z-index: 2;
    top: 40px;
    right: 40px;
    transform: rotate(0deg);
    transition: .5s all ease-in-out
}

.b2p .customer-account-login main, .b2b .customer-account-login main {
    background: 0 0;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2
}

.b2p .customer-account-login h1.portal-title, .b2b .customer-account-login h1.portal-title {
    color: #fff;
    font-size: 49px;
    padding-bottom: 10px;
    padding-top: 20px
}

.b2p .customer-account-login h1.portal-title span, .b2b .customer-account-login h1.portal-title span {
    color: #17ff00
}

.super .customer-account-login h1.portal-title span, .super .customer-account-login h1.portal-title span {
    color: #e4251f
}

.b2p .customer-account-login h2.portal-subtitle, .b2b .customer-account-login h2.portal-subtitle {
    font-size: 19px;
    color: #fff;
    font-weight: 500;
    letter-spacing: .5px;
    padding-bottom: 30px
}

.b2p .customer-account-login .login-container .block-customer-login, .b2b .customer-account-login .login-container .block-customer-login, .b2p .customer-account-login .login-container .block-new-customer, .b2b .customer-account-login .login-container .block-new-customer {
    background: #fff;
    padding: 25px;
    height: 100%;
    border-radius: 3px;
    box-shadow: 0 0 20px rgba(0, 0, 0, .3)
}

.b2p .customer-account-login .login-container.row > div:first-child, .b2b .customer-account-login .login-container.row > div:first-child {
    padding-right: 15px;
    width: 40%
}

.b2p .customer-account-login .login-container.row, .b2b .customer-account-login .login-container.row {
    display: flex;
    align-content: stretch;
    flex-wrap: wrap
}

.b2p .login-container .block .block-title h2, .b2b .login-container .block .block-title h2 {
    border-bottom: 1px solid #000;
    padding-bottom: 15px
}

.b2p .customer-account-login .block-new-customer .block-title strong, .b2b .customer-account-login .block-new-customer .block-title strong {
    padding-bottom: 10px;
    margin-bottom: 20px;
    display: block;
    border-bottom: 1px solid #000
}

.b2p .customer-account-login .main-wrapper, .b2b .customer-account-login .main-wrapper, .b2p .customer-account-login footer, .b2b .customer-account-login footer {
    display: none
}

.b2p .customer-account-login section#maincontent, .b2b .customer-account-login section#maincontent {
    padding-bottom: 0
}

.b2p .customer-account-login main .page-wrapper, .b2b .customer-account-login main .page-wrapper {
    position: relative;
    top: 50%;
    transform: translateY(-50%)
}

.b2b-wrapper .images-wrapper img.img-active {
    opacity: 1
}

.b2p .price-wrapper.discounted, .b2b .price-wrapper.discounted {
    text-decoration: line-through;
    color: #5f5f5f;
    font-weight: 500
}

.b2p .price-wrapper.discounted-total, .b2b .price-wrapper.discounted-total {
    background: 0 0;
    padding: 2px 5px;
    margin-left: 3px
}

.super .price-wrapper.discounted-total, .super .price-wrapper.discounted-total {
    color: #1d1d1d;
}

.super .price-wrapper.discounted-total .price {
    display: inline-flex;
}

.super .price-wrapper.discounted-total .price .price_decimals {
    display: inline-flex;
    position: relative;
    font-size: 10px;
    line-height: 18px;
}

.b2p .table.totals tbody tr.fee, .b2b .table.totals tbody tr.fee {
    display: none
}

.product-qty-options {
    display: block;
    margin-top: 15px
}

.product-qty-options .box-tocart .actions {
    float: left;
    width: calc(100% - 88px)
}

.product-qty-options .box-tocart .field.qty {
    float: left;
    width: 78px;
    margin-right: 10px;
    padding: 0 25px;
    margin-bottom: 0
}

.product-qty-options .box-tocart .actions .action.tocart {
    min-width: unset;
    width: 100% !important;
    padding: 0
}

.white-portal-logo {
    flex-wrap: wrap;
    flex-basis: 100%;
    margin: 0 !important;
    padding-left: 15px
}

.form-create-account .fieldset + .fieldset {
    margin-top: 30px
}

.b2p .btwob-account-create aside, .b2b .btwob-account-create aside {
    width: calc(50% - 50px);
    float: left
}

.business_account_perks {
    background: #f3f3f3;
    padding: 25px
}

.business_account_perks img {
    margin-bottom: 15px
}

.business_account_perks ul li {
    list-style-type: disc;
    list-style-position: outside;
    position: relative;
    left: 15px;
    margin-bottom: 10px;
    line-height: 18px
}

.business_account_perks ul {
    margin-bottom: 30px
}

.business_account_perks img:last-child {
    margin-bottom: 0
}

.b2p .btwob-account-create .actions-toolbar .secondary, .b2b .btwob-account-create .actions-toolbar .secondary {
    display: none
}

.btwob-account-create .main-wrapper, .btwob-account-create footer {
    display: none
}

.portal-popup-chat {
    position: fixed;
    bottom: 30px;
    right: 30px;
    z-index: 6
}

.portal-popup-content .portal-popup-chat {
    display: none
}

.portal-popup-content .star-trigger {
    background: #17ff00
}

.super .portal-popup-content .star-trigger {
    background: #e4251f
}

.portal-popup-chat .portal-popup-content {
    width: 350px;
    position: absolute;
    bottom: 62px;
    box-shadow: 0 0 20px rgba(0, 0, 0, .14);
    border-radius: 10px;
    right: 0;
    padding: 20px;
    background: #17ff00;
    visibility: hidden;
    opacity: 0;
    transition: .5s all .3s ease-in-out;
    -webkit-transition: .5s all .3s ease-in-out
}

.super .portal-popup-chat .portal-popup-content {
    background: #e4251f
}

.portal-popup-chat a.star-trigger {
    background: #17ff00;
    display: block;
    padding: 10px;
    border-radius: 30px;
    width: 48px;
    height: 47px;
    text-align: center;
    transform: rotate(0deg);
    transition: .5s all ease-in-out
}

.super .portal-popup-chat a.star-trigger {
    background: #e4251f
}

.portal-popup-chat .portal-popup-content h3 {
    text-transform: uppercase;
    font-size: 22px;
    display: inline-block;
    line-height: 22px;
    z-index: 1;
    font-weight: 700;
    padding-bottom: 10px;
    letter-spacing: .3px
}

.portal-popup-chat .portal-popup-content .portal-popup-text p {
    line-height: 18px;
    margin-bottom: 15px
}

.portal-popup-chat .portal-popup-content .portal-popup-text p a {
    text-decoration: underline
}

.portal-popup-chat .portal-popup-content .portal-popup-button {
    background: #000;
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 500;
    text-align: center;
    width: 100%;
    display: block;
    line-height: 36px
}

.portal-popup-chat .portal-popup-content .portal-popup-button i {
    font-size: 12px;
    font-weight: 500;
    position: relative;
    left: 3px;
    transition: .2s all ease-in-out
}

.portal-popup-chat .portal-popup-content .portal-popup-button:hover i {
    left: 8px
}

.portal-popup-chat .portal-popup-content .portal-popup-text {
    margin-bottom: 25px
}

.portal-popup-chat .portal-popup-content .portal-popup-text p:last-child {
    margin-bottom: 0
}

.portal-popup-chat.popup-show .portal-popup-content {
    visibility: visible;
    opacity: 1
}

.portal-popup-chat.popup-show a.star-trigger {
    transform: rotate(360deg)
}

.portal-popup-chat .portal-popup-close {
    position: absolute;
    top: 16px;
    right: 20px;
    font-size: 22px;
    line-height: 22px;
    font-weight: 600;
    z-index: 2
}

.panel-specs {
    padding: 20px 0
}

.b2p .catalog-category-view .products-grid ol.product-items, .b2b .catalog-category-view .products-grid ol.product-items {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch
}

.b2p .catalog-category-view .products-grid ol.product-items li .product-item-info, .b2b .catalog-category-view .products-grid ol.product-items li .product-item-info {
    height: 100%;
    display: flex;
    flex-wrap: wrap
}

.b2p .catalog-category-view .products-grid ol.product-items li .product-item-info .product-top, .b2b .catalog-category-view .products-grid ol.product-items li .product-item-info .product-top {
    flex-basis: 100%
}

.b2p .catalog-category-view .products-grid ol.product-items li .product-item-info .product-qty-options, .b2b .catalog-category-view .products-grid ol.product-items li .product-item-info .product-qty-options {
    align-self: flex-end;
    width: 100%
}

span.subsmall {
    font-size: 11px;
    text-transform: none;
    color: #000
}

.cart-totals .table.totals tbody tr.totals td, .cart-totals .table.totals tbody tr.totals th, .cart-totals .table.totals tbody tr.totals td, .cart-totals .table.totals tbody tr.totals th {
    border-bottom: 1px solid #bfbfbf !important
}

.b2p .checkout-cart-index .shopping-cart-bottom .cart-totals .table.totals tbody tr.grand.totals.tax-only td, .b2p .checkout-cart-index .shopping-cart-bottom .cart-totals .table.totals tbody tr.grand.totals.tax-only th, .b2b .checkout-cart-index .shopping-cart-bottom .cart-totals .table.totals tbody tr.grand.totals.tax-only td, .b2b .checkout-cart-index .shopping-cart-bottom .cart-totals .table.totals tbody tr.grand.totals.tax-only th {
    border-top: none
}

.checkout-cart-index .shopping-cart-bottom .cart-totals .table.totals tbody tr.grand.totals.incl td, .checkout-cart-index .shopping-cart-bottom .cart-totals .table.totals tbody tr.grand.totals.incl th, .b2c .checkout-cart-index .shopping-cart-bottom .cart-totals .table.totals tbody tr.grand.totals td, .b2c .checkout-cart-index .shopping-cart-bottom .cart-totals .table.totals tbody tr.grand.totals th {
    border-bottom: none !important
}

span.loggedin_name {
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 600;
    line-height: 18px !important;
    display: block;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 10px;
    margin-bottom: 10px
}

.super span.loggedin_name {
    color: #1d1d1d;
    letter-spacing: 0;
    text-wrap: nowrap;
    line-height: 18px !important;
    border-bottom: none;
    padding-bottom: 15px;
    text-transform: unset;
    margin-bottom: 0;
}

.super span.loggedin_name:before {
    content: "";
    background: #e4251f;
    width: 14px;
    height: 14px;
    display: inline-block;
    border-radius: 10px;
    margin-right: 8px;
    position: relative;
    top: 2px;
}

span.user-green {
    background: url(/pub/media/designerd/user-star.svg) no-repeat;
    height: 30px;
    width: 30px;
    position: relative;
    display: block;
    position: absolute;
    bottom: 2px;
    right: 0
}

.super span.user-green {
    background: url(/pub/media/designerd/account_super.svg) no-repeat;
    bottom: unset;
    top: 13px;
    height: 18px;
    width: 18px;
    right: -4px;
}

#social-login-popup .mfp-close {
    color: #000 !important
}

.checkout-cart-index #shopping-cart-table tbody tr td.col.qty .control.qty {
    background: 0 0;
    display: inline-block;
    padding: 0 10px;
    border: 1px solid #000
}

span.edit-qty {
    cursor: pointer
}

.super .multiplier_enabled #mini-cart .price-container {
    display: none
}

.super .multiplier_enabled .block-minicart .subtotal {
    display: none
}

.super .multiplier_enabled .block-minicart .actions {
    border-top: none !important
}

.button-locator img {
    width: 60px;
    height: auto;
    display: inline-block
}

.button-locator img.store-white {
    display: none;
}

.button-locator.locator-enabled img.store-white {
    display: inline-block
}

.button-locator.locator-enabled img.store-black {
    display: none
}

.locator-header .button-locator {
    padding: 25px 25px 25px 30px;
    background: #f3f3f3;
    cursor: pointer
}

.super .locator-header .button-locator {
    background: #fff;
    border-radius: 10px;
}

.button-locator h2 {
    display: inline-block;
    vertical-align: middle;
    font-size: 24px;
    line-height: 28px;
    padding-left: 18px
}

.button-locator h2 {

}

.locator-header .button-locator:hover {
    background: #e5e5e5
}

.locator-content .store-info {
    background: #f3f3f3;
    padding: 20px;
    cursor: pointer;
    margin-bottom: 30px
}

.super .locator-content .store-info, .super .locator-content .store-info2 {
    background: #fff;
    border-radius: 10px;
}

.locator-content .store-info2 {
    background: #f3f3f3;
    padding: 20px;
    margin-bottom: 30px
}

.locator-content .store-info h3, .locator-content .store-info2 h3 {
    font-size: 22px;
    line-height: 28px;
    margin-bottom: 10px
}

.locator-content .store-info p, .locator-content .store-info2 p {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 15px;
    height: 40px;
}

.locator-content .store-info p a:hover, .locator-content .store-info2 p a:hover {
    text-decoration: underline
}

.locator-content .store-info:hover {
    background: #e5e5e5
}

.locator-map #stores-map {
    height: 400px
}

.row.locator-header, .row.locator-map, .row.locator-content {
    margin-bottom: 30px
}

.super .locator-header .button-locator.locator-enabled {
    background: #e4251f;
    cursor: default
}

.super .locator-header .button-locator.locator-enabled h2 {
    color: #fff;
}

.row.locator-map, .row.locator-content {
    display: none
}

.row.locator-map.content-enabled, .row.locator-content.content-enabled {
    display: block
}

.super .table.totals tr.totals.fee, .super .table-totals tr.totals.fee, .super .table-totals tr.totals.shipping, .super .table.totals tr.totals.shipping, .super .table-totals tr.totals.grand.excl, .super .table.totals tr.totals.grand.excl {
    display: none
}

.super .checkout-cart-index .checkout-extra .block.discount {
    display: none
}

.super .bss-onestepcheckout #opc-sidebar .discount-code #discount-form {
    display: none
}

.super .bss-onestepcheckout .opc-block-summary .table-totals tr.totals.grand th, .super .bss-onestepcheckout .opc-block-summary .table-totals tr.totals.grand td {
    color: #000;
    font-size: 14px
}

.super .bss-onestepcheckout .opc-block-summary .table-totals tr.totals.grand td {
    width: 30%
}

.bss-onestepcheckout .field label[for=billing-save-in-address-book-shared] {
    padding-left: 20px;
    line-height: 26px
}

.super .order-details-items .table-wrapper table tfoot tr.shipping, .super .order-details-items .table-wrapper table tfoot tr.grand_total {
    display: none
}

.super .block-order-details-view .block-content .box .payment-method .content {
    display: none
}

.super .header .header-placeholder .megamenu-hover .navigation .nav-main-menu li > ul.dropdown-menu .menu-promo a.text {
    background: #fff !important;
    color: #1d1d1d;
    font-size: 14px;
    line-height: 18px;
    font-weight: 700;
    width: 100%;
    border-radius: 5px;
    bottom: 0;
    font-family: 'baguesans';
    padding: 10px 15px;
    position: relative;
    text-align: left;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 10px;
    margin-top: 10px;
}

.super .header .header-placeholder .megamenu-hover .navigation .nav-main-menu li > ul.dropdown-menu .menu-promo a.text:after {
    content: "";
    border-radius: 50px;
    background-image: url(../images/arrow-right-s-line-red.svg);
    background-size: 14px 14px;
    background-position: 100% 0px;
    background-repeat: no-repeat;
    background-color: transparent;
    width: 17px;
    height: 17px;
    line-height: 17px;
    color: #000;
    text-align: center;
    color: #e3251f;
    flex-basis: 17px;
    flex-shrink: 0;
}

.header .header-placeholder .table-icon-menu {
    min-height: 68px;
    margin-right: -15px;
    margin-left: -15px
}

.super .header .header-placeholder .table-icon-menu {

    margin-right: 0;
    margin-left: 0;
}

.super .header .header-placeholder .table-icon-menu button, .super .header .header-placeholder .table-icon-menu .showcart {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.super .header .header-placeholder .table-icon-menu #offerform button {
    align-items: center;
    border-radius: 7px;
    letter-spacing: 0 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
}

.super .minicart-wrapper.minicart-sidebar.active .close-minicart {
    top: -8px;
    display: none;
}

.minicart-wrapper {
    padding: 11px 0 !important
}

.discount-minicart {
    padding: 0 35px;
    display: none;
}

.footer-logo > div {
    display: inline-block;
    width: 49%;
    vertical-align: top
}

section.home-products.first-row .container > .row:last-child:after {
    background: #000;
    height: 1px;
    width: calc(100% - 30px);
    position: relative;
    left: 15px;
    display: block;
    content: ""
}

.homeblog-header p {
    font-size: 16px;
    line-height: 21px
}

.catalog-category-view.title-topabs span.nav-close:after {
    left: auto;
    right: 0;
    transition: opacity .3s ease-in-out;
    -webkit-transition: opacity .3s ease-in-out
}

.title-topabs span.nav-close:after {
    transition: opacity .3s ease-in-out;
    -webkit-transition: opacity .3s ease-in-out
}

.catalog-category-view.enable-sidebar .title-topabs span.nav-close:after, .catalogsearch-result-index.enable-sidebar .title-topabs span.nav-close:after {
    opacity: 1;
    display: block !important;
    left: auto;
    right: 550px
}

.super .title-topabs .nav-close:after {
    background: rgba(244 244 244 /50%);
}

p.projects-subtitle {
    font-size: 16px
}

.short_descr p {
    font-size: 16px
}

.portfolio-index-view .portfolio-details .description p {
    font-size: 16px
}

.newsletter_title {
    flex-basis: 300px;
    background: #000;
    display: flex;
    font-family: grandgothikext;
    font-size: 18px;
    color: #fff;
    font-weight: 700;
    text-align: left;
    line-height: 22px;
    align-items: center;
    justify-content: center;
    padding-top: 15px;
    padding-bottom: 15px
}

.newswrapper {
    border: 1px solid #000;
    padding: 15px;
    display: flex;
    justify-content: space-between;
    flex-grow: 1;
    border-left: none;
    border-right: none
}

.newsletter_text {
    display: flex;
    justify-content: left;
    align-items: center;
    flex-grow: 1
}

.newsletter {
    flex-basis: 300px
}

.cms-design table {
    border: 1px solid #000;
    width: 100%;
    margin-bottom: 20px
}

.cms-design table td, .cms-design table th {
    padding: 10px;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000
}

.cms-design table th {
    font-size: 14px;
    font-weight: 700;
    font-family: grandgothikext
}

.cms-design table td {
    font-size: 16px;
    line-height: 21px
}

.cms-design .container > .row:nth-child(2) > div > div.box-section > *:first-child {
    margin-top: 30px
}

.super .cms-design .container > .row:nth-child(2) > div > div.box-section > *:first-child {
    margin-top: 0px;
}

.cms-design .container > .row:nth-child(2) > div > div.box-section > h2:first-child {
    margin-top: 0
}

.super .cms-design .container div.box-section > h2 {
    border: none;
    padding: 0;
    margin-bottom: 20px;
    padding-top: 10px;
}

span.summary-total {
    position: absolute;
    bottom: -13px;
    background: #17ff00;
    left: -18px;
    font-size: 10px;
    font-weight: 700;
    width: 51px;
    padding: 5px 0 1px;
    text-align: center;
    display: block !important;
    line-height: 10px;
    color: #000
}

.super span.summary-total {
    background: #e4251f;
    border-radius: 5px;
    color: #fff;
    padding: 2px 4px;
    bottom: -9px;
    left: 50%;
    min-height: 12px;
    width: auto;
    font-size: 10px;
    max-width: 60px;
    font-weight: 700;
    min-width: 30px;
    transform: translateX(-50%);
}

.super span.summary-total .price {
    word-spacing: -1px;
}


.super .multiplier_enabled span.summary-total {
    display: none !important
}

div.image-caption {
    position: absolute;
    bottom: -50px;
    width: calc(100% - 125px);
    right: 15px;
    display: block !important
}

.super div.image-caption {
    display: none !important;
}

div.image-caption p {
    color: #a2a2a2;
    font-style: italic;
    font-size: 14px;
    line-height: 19px;
    margin-bottom: 0;
    text-align: center;
    padding: 0 50px
}

.faq-box-content > *:last-child {
    margin-bottom: 0 !important
}

.faq-box-content.more-closed {
    overflow-y: hidden;
    height: 150px
}

span.read-more {
    position: absolute;
    left: 0;
    bottom: -30px;
    padding-top: 70px;
    width: 100%;
    background: linear-gradient(0deg, rgb(255 255 255) 20%, rgb(219 219 219/0%) 100%);
    font-weight: 700;
    font-size: 14px;
    cursor: pointer
}

.more-open + span.read-more {
    background: 0 0
}

.cms-design .box-section:last-child span.read-more {
    bottom: 30px
}

.projectsheader .sectionbanner > div {
    color: #fff;
    position: absolute;
    top: 20px;
    left: 20px;
    font-size: 22px;
    line-height: 27px;
    font-family: grandgothikext;
    max-width: 300px;
    font-weight: 500
}

.sectiontext h2 {
    font-family: grandgothikext;
    font-size: 16px;
    padding-bottom: 20px
}

.projectsection.newsections .sectiontext {
    padding-top: 30px;
    padding-bottom: 25px;
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    flex-direction: column;
    order: 1
}

.newsections.projectsection {
    display: flex;
    flex-wrap: wrap;
    position: relative
}

.projectsection.newsections > div {
    flex-basis: 50%;
    float: unset;
    order: 2
}

.newsections.projectsection:before {
    display: none
}

.projectsection.newsections .sectiontext ul {
    margin-top: auto;
    padding-top: 10px;
    display: none
}

.projectsection.newsections .sectiontext p, .projectsheader.newsections .sectiontext p {
    margin-bottom: auto
}

.projectsection.newsections .sectiontext ul li {
    display: inline;
    font-size: 16px;
    line-height: 21px
}

.projectsection.newsections .sectiontext ul li:after {
    content: "|";
    margin-left: 5px
}

.projectsection.newsections .sectiontext ul li:last-child:after {
    display: none
}

.projects_section .container .projectsection:nth-child(2n+1) .sectiontext {
    order: 3;
    padding-left: 30px
}

.projectsection .sectionbanner {
    padding-left: 0
}

.projects_section .container .projectsection:nth-child(2n+1) .sectionbanner {
    padding-left: 15px;
    padding-right: 0
}

.projectsheader .sectionbanner {
    padding-left: 0
}

.newsections.projectsheader a.newbutton {
    left: 0
}

.projects_section .projectsection:last-child:before {
    background: #000;
    height: 1px;
    width: calc(100% - 30px);
    position: absolute;
    content: "";
    display: block;
    left: 15px;
    bottom: 0
}

.cms-spaceprojects #maincontent > .row > .main {
    padding: 0
}

.row.newsections.projectsection .owl-nav span {
    font-size: 42px;
    color: #fff
}

.projectsection .owl-carousel .owl-dots {
    position: absolute;
    bottom: 20px;
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center
}

.projectsection .owl-carousel .owl-dots.disabled {
    display: none;
    margin: 0 !important
}

.visual-shopping-grid {
    display: block;
    position: relative;
    margin-left: 0;
    margin-right: 0;
    min-height: 1000px
}

.visual-shopping-grid > .resizecolumn {
    min-height: 200px
}

.visual-shopping-card {
    margin: 0;
    margin-bottom: 30px;
    break-inside: avoid
}

.visual-shopping-card.isbutton {
    cursor: pointer
}

.visual-shopping-card .image > img {
    width: 100%
}

.visual-shopping-card .image {
    grid-row: 1/-1;
    grid-column: 1;
    position: relative;
    min-height: 200px;
    grid-column: 1;
    position: relative
}

.background-loading {
    background: linear-gradient(135deg, rgb(232 232 232/50%) 20%, rgb(199 199 199/50%) 28%, rgb(193 193 193/60%) 41%, rgb(193 193 193/60%) 50%, rgb(189 189 189/60%) 50%, rgb(196 196 196/60%) 51%, rgb(230 230 230/60%) 57%, rgba(232, 232, 232, .6) 90%);
    background-size: 400% 400%;
    animation: AnimationName 1.2s ease infinite reverse
}

.grid-loading > .resizecolumn:after {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 540px;
    content: "";
    display: block;
    background: linear-gradient(135deg, rgb(232 232 232/50%) 20%, rgb(199 199 199/50%) 28%, rgb(193 193 193/60%) 41%, rgb(193 193 193/60%) 50%, rgb(189 189 189/60%) 50%, rgb(196 196 196/60%) 51%, rgb(230 230 230/60%) 57%, rgba(232, 232, 232, .6) 90%);
    background-size: 400% 400%;
    animation: AnimationName 1.2s ease infinite reverse
}

@keyframes AnimationName {
    0% {
        background-position: 0% 0%
    }

    100% {
        background-position: 100% 100%
    }
}

#portfolio_spinner {
    background: url(../images/preloader.svg) no-repeat 50% 50%;
    width: 32px;
    height: 32px;
    background-size: cover;
    position: relative;
    top: 0;
    left: 15px
}

.getspace {
    position: relative
}

#portfolio_spinner.spinnerhide {
}

button.product_tag {
    background: rgba(0, 0, 0, .7);
    border: none;
    outline: none;
    height: 40px;
    border-radius: 20px;
    overflow: hidden;
    line-height: 40px;
    padding: 0 13px 0 10px;
    font-size: 18px;
    color: #fff;
    position: absolute;
    bottom: 20px;
    left: 20px;
    transition: .2s all ease-in-out;
    width: 40px
}

button.product_tag > div > * {
    display: inline-block
}

button.product_tag img {
    width: 20px;
    height: auto;
    position: relative;
    top: -2px;
    margin-right: 10px
}

button.product_tag > div {
    display: flex;
    flex-wrap: nowrap
}

button.product_tag span {
    position: relative;
    top: 1px;
    white-space: nowrap;
    display: none
}

.visual-shopping-card:hover button.product_tag {
    width: 117px
}

html[lang=en] .visual-shopping-card:hover button.product_tag {
    width: 125px
}

.visual-shopping-card:hover button.product_tag.multiple {
    width: 133px
}

.visual-shopping-card:hover button.product_tag span {
    display: inline
}

button.product_tag:hover {
    background: #000
}

.tagged_product {
    display: flex;
    flex-wrap: nowrap;
    margin-top: 10px;
    border-bottom: 1px solid #000;
    position: relative
}

.tagged_product img {
    width: 85px;
    height: 85px;
    margin-right: 10px
}

.tagged_product_info {
    font-family: grandgothikext;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 14px;
    display: flex;
    flex-wrap: wrap;
    position: relative;
    align-content: flex-start;
    flex-grow: 1
}

.tagged_product_info > * {
    flex-basis: 100%
}

.tagged_product_name {
    font-weight: 700;
    line-height: 14px;
    margin-bottom: 2px;
    padding-right: 35px
}

.tagged_product_sku {
    font-size: 10px;
    margin-bottom: 4px;
    display: none
}

span.tagged_product_final_price {
    margin-right: 2px
}

span.tagged_product_initial_price_incl {
    margin-left: 3px;
    text-decoration: line-through;
    color: #868686;
    font-size: 10px
}

.sale_product span.tagged_product_final_price, .sale_product span.tagged_product_final_price_incl {
    color: #d8117e
}

span.tagged_product_final_price .taxtext {
    color: #000
}

span.product_tag_arrow img {
    width: 17px;
    height: auto;
    margin-right: 0
}

span.tagged_product_link a {
    font-size: 10px;
    line-height: 10px;
    display: none
}

span.tagged_product_link {
    position: absolute;
    top: 0;
    right: 10px;
    transition: .2s all ease-in-out
}

span.product_tag_arrow {
}

a.tagged_product_overlay_link {
    display: block;
    width: 100%;
    background: 0 0;
    height: 100%;
    z-index: 2;
    left: 0;
    top: 0;
    position: absolute
}

.tagged_product:hover span.tagged_product_link {
    right: 0
}

.tagged_product_price {
    margin-bottom: auto
}

.tagged_products.show_tagged {
    display: block
}

.tagged_products.show_tagged.overthree {
    overflow-y: auto;
    max-height: 341px
}

.tagged_products .tagged_product:last-child {
    border-bottom: none
}

.tagged_products {
    display: none;
    border-bottom: 2px solid #000
}

.cms-getspacegreened .breadcrumbs .container {
    width: 100% !important;
    padding-right: 30px;
    padding-left: 30px
}

.menu-product-tabs li {
    background: #fff;
    padding: 0 20px !important;
    min-width: 140px;
    text-align: center;
    display: inline-block;
    width: auto;
    border: 2px solid #000
}

.menu-product-tabs li.active.essence11, .menu-product-tabs li.essence11:hover {
    background: linear-gradient(66deg, rgba(188, 148, 175, 1) 0%, rgba(157, 60, 136, 1) 100%)
}

.menu-product-tabs li.active.essence2, .menu-product-tabs li.essence2:hover {
    background: linear-gradient(66deg, rgb(119 83 132) 0%, rgb(127 135 235) 100%)
}

.menu-product-tabs li.active.essence8, .menu-product-tabs li.essence8:hover {
    background: linear-gradient(66deg, rgb(219 65 139) 0%, rgb(32 201 225) 100%)
}

.menu-product-tabs li.active.essence3, .menu-product-tabs li.essence3:hover {
    background: linear-gradient(66deg, rgba(228, 175, 20, 1) 0%, rgba(196, 61, 31, 1) 100%)
}

.menu-product-tabs li.active.essence4, .menu-product-tabs li.essence4:hover {
    background: linear-gradient(66deg, rgba(46, 134, 202, 1) 0%, rgba(108, 201, 253, 1) 100%)
}

.menu-product-tabs li.active.essence5, .menu-product-tabs li.essence5:hover {
    background: linear-gradient(66deg, rgba(167, 63, 103, 1) 0%, rgba(223, 158, 135, 1) 100%)
}

.menu-product-tabs li.active.essence6, .menu-product-tabs li.essence6:hover {
    background: linear-gradient(66deg, rgba(58, 189, 132, 1) 0%, rgba(112, 111, 138, 1) 100%)
}

.menu-product-tabs li.active.essence7, .menu-product-tabs li.essence7:hover {
    background: linear-gradient(66deg, rgba(248, 161, 61, 1) 0%, rgba(205, 53, 76, 1) 100%)
}

.menu-product-tabs li.active.essence9, .menu-product-tabs li.essence9:hover {
    background: linear-gradient(66deg, rgb(205 207 20) 0%, rgb(142 205 53) 100%)
}

.menu-product-tabs li.active.essence10, .menu-product-tabs li.essence10:hover {
    background: linear-gradient(66deg, rgb(248 61 61) 0%, rgb(205 53 121) 100%)
}

.menu-product-tabs li.active.essence1, .menu-product-tabs li.essence1:hover {
    background: linear-gradient(66deg, rgb(79 255 0) 0%, rgb(114 147 3) 100%)
}

.menu-product-tabs li.active.essence12, .menu-product-tabs li.essence12:hover {
    background: linear-gradient(66deg, rgb(130 117 198) 0%, rgb(205 53 178) 100%)
}

.menu-product-tabs li.active.essence13, .menu-product-tabs li.essence13:hover {
    background: linear-gradient(66deg, rgb(248 247 61) 0%, rgb(205 149 53) 100%)
}

.menu-product-tabs li.active.essence14, .menu-product-tabs li.essence14:hover {
    background: linear-gradient(66deg, rgb(248 61 61) 0%, rgb(205 177 53) 100%)
}

ul#tabs_categories_porfolio.owl-carousel .owl-stage {
}

.menu-product-tabs li:last-child {
}

.header-portfolio {
    padding: 0 15px
}

.header-portfolio h1 {
    font-family: grandgothikext;
    font-weight: 500;
    padding: 50px 0 20px;
    font-size: 40px
}

#tabs_categories_porfolio .owl-nav {
    position: absolute;
    top: -42px;
    right: 15px
}

#tabs_categories_porfolio.owl-carousel .owl-nav .owl-prev {
    right: 54px;
    left: unset
}

#tabs_categories_porfolio.owl-carousel .owl-nav .owl-next {
    right: 0
}

#tabs_categories_porfolio.owl-carousel .owl-nav .owl-prev.disabled {
    opacity: 0
}

#tabs_categories_porfolio.owl-carousel .owl-nav .owl-prev + .owl-next.disabled {
    opacity: .2
}

#tabs_categories_porfolio.owl-carousel .owl-nav .owl-prev.disabled + .owl-next.disabled {
    opacity: 0
}

.catalog-category-view .sidebar.sidebar-main, .catalogsearch-result-index .sidebar.sidebar-main {
    position: fixed;
    left: auto;
    right: -100%;
    top: 0;
    bottom: 0;
    background-color: #fff;
    width: 550px;
    z-index: 1000;
    height: 100vh;
    overflow-x: hidden;
    overflow-y: auto;
    padding-top: 70px;
    padding-bottom: 15px;
    padding-left: 0;
    padding-right: 0;
    transition: all 300ms;
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    -o-transition: all 300ms
}

body.catalog-category-view.enable-sidebar .sidebar.sidebar-main, body.catalogsearch-result-index.enable-sidebar .sidebar.sidebar-main {
    right: 0;
    left: auto;
    box-shadow: 0 0 20px gray
}

.super body.catalog-category-view.enable-sidebar .sidebar.sidebar-main, .super body.catalogsearch-result-index.enable-sidebar .sidebar.sidebar-main {
    border-radius: 10px;
}

.enable-sidebar main {
    z-index: auto
}

.filtergroup.title-topabs {
    display: block !important;
    font-size: 16px;
    padding-left: 15px;
    padding-right: 15px;
    line-height: 50px;
    letter-spacing: 2px;
    width: 550px;
    text-align: left;
    color: #fff;
    text-transform: uppercase;
    background-color: #000;
    position: fixed;
    top: 0;
    transition: all 300ms;
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    -o-transition: all 300ms;
    left: auto;
    right: -100%;
    z-index: 1001
}

body.enable-sidebar .filtergroup.title-topabs {
    right: 0;
    left: auto;
    background: #fff;
    color: #000;
    font-family: grandgothikext;
    border-bottom: 1px solid #000;
    display: block !important
}

.super body.enable-sidebar .filtergroup.title-topabs {
    font-family: baguesans;
    letter-spacing: 0;
    font-size: 24px;
    background: #e4251f;
    border-bottom: none;
    color: #fff;
}

.super body.enable-sidebar .filtergroup.title-topabs span.nav-close {
    color: #fff
}

.filtergroup.title-topabs i {
    cursor: pointer;
    font-size: 40px !important;
    left: auto;
    right: 0;
    line-height: 50px !important;
    top: 0;
    color: #000 !important;
    position: absolute;
    display: block
}

.filtergroup.title-topabs i:hover {
    color: #000 !important
}

img.img-responsive.espa-image {
    max-width: 340px;
    margin-top: 20px
}


.search-form {
    position: fixed;
    top: 0;
    overflow-y: auto;
    width: 100%;
    height: 100%;
    display: none;
    background: rgb(243 243 243);
    /* text-align: center; */
    justify-content: center;
    align-items: flex-start;
    padding-top: 109px;
}

.search-form.active {
    display: flex;
}

.header .header-placeholder .no-popup .search-form .form-search .search-close {
    display: block;
    margin-top: 20px;
    background: #000;
    color: #fff;
    border: none;
    padding: 10px 20px 6px;
    font-size: 16px;
}

.super .header .header-placeholder .no-popup .search-form .form-search .search-close {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
    border-radius: 5px;
}

.super .bss-onestepcheckout .opc-block-summary {
    padding: 15px !important;
}

@media screen and (min-width: 992px) {
    .bss-onestepcheckout .opc-block-summary {
        padding-left: 10px;
        width: 562px
    }


    .bss-onestepcheckout #opc-sidebar .discount-code, .bss-onestepcheckout #opc-sidebar .order-comment-block {
        display: block;
        vertical-align: top;
        margin: 0 0 20px;
        width: 347px
    }

    .bss-onestepcheckout #opc-sidebar .order-comment-block {
        padding-right: 0
    }

    .sticky-filter {
        display: block;
        position: fixed;
        top: 130px;
        opacity: 0;
        transform: translateY(50px);
        -webkit-transform: translateY(50px);
        transition: 0s opacity ease-in-out;
        -webkit-transition: 0s opacity ease-in-out;
        font-size: 12px;
        letter-spacing: 1px;
        font-weight: 600;
        background: 0 0;
        border: none;
        margin-left: 20px
    }

    .sticky-filter img {
        position: relative;
        top: 0;
        transform: rotate(180deg);
        transition: .1s all ease-in-out;
        -webkit-transition: .1s all ease-in-out;
        -webkit-transform: rotate(180deg);
        margin-left: 5px
    }

    .sticky-filter:hover img {
        top: -3px
    }

    .sticky-filter.filter_show {
        opacity: 1;
        transform: translateY(0px);
        transition: .5s opacity ease-in-out;
        -webkit-transition: .5s opacity ease-in-out
    }
}

@media screen and (max-width: 1499px) {
    .tagged_product_name {
        font-size: 11px;
        line-height: 11px
    }

    .tagged_product_price {
        font-size: 11px
    }
}

@media screen and (max-width: 1349px) {
    .tagged_product img {
        width: 60px;
        height: 60px
    }

    .tagged_product_name {
        font-size: 10px
    }

    .tagged_product_price {
        font-size: 9px
    }

    span.tagged_product_final_price .taxtext {
    }
}

@media screen and (max-width: 1199px) {
    .tagged_product img {
        width: 85px;
        height: 85px
    }

    .super .minicart-wrapper.minicart-sidebar.active .close-minicart {

        transform: scale(1) !important;
        opacity: 1;
        visibility: visible;
        top: 91px !important;
    }

    .super .minicart-wrapper.minicart-sidebar .close-minicart {
        transform: scale(0) !important;
        position: absolute;
        right: -5px;
        color: #1d1d1d;
        display: flex !important;
        opacity: 0;
        visibility: hidden;
        top: 50px !important;
        transition: top .3s, opacity .3s;
    }

    .super .minicart-wrapper.minicart-sidebar.active .close-minicart span {
        color: #1d1d1d;
        font-size: 36px;
        line-height: 36px;
        width: 36px;
        height: 36px;
    }

    .tagged_product_name {
        font-size: 12px;
        line-height: 12px
    }

    .tagged_product_price {
        font-size: 11px
    }

    span.tagged_product_link {
        right: 0
    }

    button.product_tag {
        width: auto
    }

    button.product_tag span {
        display: inline
    }
}

@media screen and (max-width: 1199px) {
    .header .header-placeholder .sidebar-menu .nav-main-menu li.level0 > .toggle-menu {
        line-height: 51px;
        width: 100%;
        text-align: right
    }

    .header .header-placeholder .sidebar-menu .nav-main-menu li.level0 > .toggle-menu a {
        display: block
    }

    .projectsection.newsections .sectiontext, .projectsheader.newsections .sectiontext {
        padding-right: 30px !important
    }

    .product-qty-options .box-tocart .field.qty {
        float: unset;
        margin-bottom: 10px
    }

    .product-qty-options .box-tocart .actions {
        float: unset;
        width: 100%
    }

    .product.media .vertical-gallery #vertical-thumbnail-wrapper {
        width: 60px
    }

    .lof-autosearch form {
        width: 100%
    }

    .lof-search {
        float: unset
    }

    .lof-autosearch .ui-autocomplete-loading {
        background-position: 88% 50%
    }

    .lof-autosearch .ui-autocomplete {
        height: 450px;
        background: #fff
    }

    .lof-search hr {
        border-top: 1px solid #ccc
    }

    .lof-autosearch .ui-menu-item .product {
        border-bottom: 1px solid #ccc
    }

    div.image-caption {
        right: 25px;
        bottom: -64px
    }

    div.image-caption p {
        padding: 0 10px;
        line-height: 18px
    }
}

@media screen and (max-width: 991px) {
    .projectsection.newsections .sectiontext {
        padding-top: 20px;
        padding-bottom: 15px;
        padding-right: 20px
    }

    .projects_section .container .projectsection:nth-child(2n+1) .sectiontext {
        padding-left: 20px
    }

    .sectiontext h2 {
        padding-bottom: 10px
    }

    .newsletter_title {
        font-size: 14px;
        line-height: 20px
    }

    .newsletter {
        flex-basis: 530px
    }

    .footer-logo > div {
        width: 100%
    }

    .product-info-media .sharespace {
        display: none
    }

    .product-info-main .sharespace {
        display: block;
        left: unset;
        position: relative;
        bottom: unset;
        width: unset;
        text-align: left;
        margin-top: 30px
    }

    .product-info-main-content .product-info-main .sharespace a.share-toggle {
        left: 0;
        position: relative;
        display: none;
        margin-top: 4px;
        margin-right: 6px
    }

    .product-info-main .sharespace .share-buttons {
        height: auto;
        overflow: unset;
        top: unset;
        display: inline-block;
        vertical-align: top;
        left: unset
    }

    .product-info-main .sharespace .share-buttons .st-custom-button {
        display: inline-block !important;
        transform: translate(0px, 0px) !important;
        -webkit-transform: translate(0px, 0px) !important;
        margin-right: 10px
    }

    div.image-caption {
        right: unset;
        bottom: unset;
        position: relative;
        padding-top: 10px;
        width: 100%
    }

    .product.media .vertical-gallery {
        flex-wrap: wrap
    }
}

@media screen and (max-width: 991px) {
    .projectsection.newsections .sectiontext ul li {
        font-size: 14px
    }

    .projectsheader .sectionbanner > div {
        font-size: 16px;
        line-height: 20px
    }

    .b2p .customer-account-login main .page-wrapper, .b2b .customer-account-login main .page-wrapper {
        position: relative;
        top: 0%;
        transform: translateY(0%)
    }

    .b2p .customer-account-login main, .b2b .customer-account-login main {
        background: 0 0;
        position: relative;
        width: unset;
        height: unset;
        z-index: 2
    }

    .cms-design h1, .cms-design .cms-hero {
        font-size: 42px;
        letter-spacing: 4px;
        line-height: 54px
    }

    .cms-design .cms-hero .cms-moto {
        top: 50px;
        left: 65px
    }

    .cms-design .row {
        margin-bottom: 40px
    }

    .cms-design .row.cms-hero:first-child {
    }

    .cms-design .cms-title .greybox .spacetext-wrapper {
        top: -30px
    }

    .cms-design .row.cms-hero.hero-star > div:after {
        bottom: 50px;
        right: 65px
    }

    .header-portfolio h1 {
        font-size: 32px
    }
}

@media screen and (max-width: 767px) {
    .filtergroup.title-topabs {
        width: 320px
    }

    .catalog-category-view.enable-sidebar .title-topabs span.nav-close:after, .catalogsearch-result-index.enable-sidebar .title-topabs span.nav-close:after {
        right: 320px
    }

    .sidebar.sidebar-main {
        width: 320px
    }

    .catalog-category-view .sidebar.sidebar-main, .catalogsearch-result-index .sidebar.sidebar-main {
        width: 320px
    }

    .cms-getspacegreened .breadcrumbs .container .items {
        padding-left: 15px;
        padding-right: 15px
    }

    .resizecolumn {
        padding-left: 0;
        padding-right: 0
    }

    .visual-shopping-card {
        margin-bottom: 15px
    }

    #tabs_categories_porfolio.menu-product-tabs {
        padding: 0
    }

    .header-portfolio h1 {
        font-size: 21px;
        padding: 30px 0 15px
    }

    .header-portfolio {
        padding: 0
    }

    .sectiontext h2 {
        padding-top: 10px
    }

    .projects_section .container .projectsection:nth-child(2n+1) .sectiontext {
        order: 1
    }

    .projectsection.newsections > div {
        flex-basis: 100%;
        padding-right: 15px !important;
        padding-left: 15px !important
    }

    .projectsheader .sectionbanner > div {
        left: 35px
    }

    .newsections.projectsheader a.newbutton {
        left: 15px
    }

    .projectsheader .sectionbanner {
        padding-left: 15px
    }

    .projectsection.newsections .sectiontext, .projectsheader.newsections .sectiontext {
        padding-left: 15px !important;
        padding-right: 15px !important
    }

    .projectsheader.newsections .sectiontext {
        padding-bottom: 20px
    }

    div.image-caption p {
        padding: 0;
        line-height: 18px
    }

    .news-footer .container > .row {
        margin-left: 0;
        margin-right: 0;
        flex-wrap: wrap
    }

    .newsletter_text {
        display: none
    }

    .newsletter_title {
        flex-basis: 100%
    }

    .newsletter {
        flex-basis: 270px
    }

    .newswrapper {
        justify-content: center
    }

    .product-qty-options .box-tocart .field.qty {
        float: left;
        margin-bottom: 0
    }

    .product-qty-options .box-tocart .actions {
        float: left;
        width: calc(100% - 88px)
    }

    .b2p .btwob-account-create form, .b2b .btwob-account-create form {
        margin-bottom: 30px
    }

    .b2p .btwob-account-create aside, .b2b .btwob-account-create aside {
        width: 100%;
        margin-top: 15px
    }

    .white-portal-logo {
        margin: 0 0 20px !important
    }

    .b2p .customer-account-login .login-container.row, .b2b .customer-account-login .login-container.row {
        display: block;
        max-width: 560px
    }

    .b2b-wrapper .images-wrapper {
        display: none
    }

    .b2p .customer-account-login main, .b2b .customer-account-login main {
        background: url(/pub/media/designerd/pro-portal-bg.jpg) no-repeat;
        background-size: cover
    }

    .b2p .customer-account-login h1.portal-title, .b2b .customer-account-login h1.portal-title {
        font-size: 38px;
        padding-bottom: 10px;
        padding-top: 20px
    }

    .b2p .customer-account-login h2.portal-subtitle, .b2b .customer-account-login h2.portal-subtitle {
        font-size: 16px
    }

    .cms-design .rightsplit, .cms-design .leftsplit {
        display: block
    }

    .cms-design h1, .cms-design .cms-hero {
        font-size: 28px;
        letter-spacing: 2px;
        line-height: 40px
    }

    .cms-design .cms-hero .cms-moto {
        top: 30px;
        left: 45px
    }

    .cms-design .row, .cms-design .row.cms-hero:first-child {
        margin-bottom: 0
    }

    .cms-design .row .box-section {
        margin-bottom: 40px
    }

    .cms-design .cms-title .greybox .spacetext-wrapper {
        top: -20px
    }

    .cms-design .row.cms-hero.hero-star > div:after {
        bottom: 30px;
        right: 45px
    }

    .cms-design .leftsplit > div:first-child, .cms-design .leftsplit > div:last-child {
        left: 0%
    }
}

@media screen and (max-width: 480px) {
    .cms-design .row.cms-hero.hero-star > div:after {
        display: none
    }

    .cms-design h1, .cms-design .cms-hero {
        font-size: 20px;
        letter-spacing: 2px;
        line-height: 26px
    }

    .cms-design .cms-hero .cms-moto {
        top: 20px;
        left: 35px
    }

    .cms-design .greybox {
        padding: 0;
        background: 0 0
    }

    .cms-design .row > div {
        margin-bottom: 20px
    }

    .cms-design .cms-title .greybox .spacetext-wrapper {
        top: 0
    }
}

@media screen and (min-width: 768px) {
    .btwob-account-create form.form-create-account {
        width: 50%;
        float: left;
        padding-right: 50px
    }
}

@media screen and (max-width: 768px) {
    .catalog-product-view .thumb-noimage {
        display: none
    }

    .catalog-product-view .product.media .product.item-image.base-image {
        width: 100%;
        padding-left: 0
    }

    .product.info.detailed .item.content .table.additional-attributes tr td, .product.info.detailed .item.content .table.additional-attributes tr th {
        padding-left: 0;
        border-bottom: 1px solid #eaeaea
    }

    .product.info.detailed .item.content .table.additional-attributes tr:nth-child(2n+1) th, .product.info.detailed .item.content .table.additional-attributes tr:nth-child(2n+1) td {
        background: 0 0
    }

    .product-data-items-content p, .product-data-items-content {
        margin-top: 0
    }

    .product.info.detailed {
        margin: 0 auto
    }

    .product-detail-infomation {
        background: 0 0
    }

    .row.newicons .toknowus {
        width: 100%
    }

    .newsections h1 {
        margin-bottom: 25px;
        font-size: 30px;
        line-height: 36px
    }

    .product-data-items-content .title-accordion {
        text-transform: uppercase;
        letter-spacing: 1px;
        background: #fff;
        border-bottom: 1px solid #000;
        padding: 0 40px 0 0
    }

    .product-data-items-content .data.item.content {
        border: none;
        padding: 17px 0
    }

    body.enable-sidebar .title-topabs {
        background: #000;
        color: #fff;
        font-family: grandgothikext;
        border-bottom: 1px solid #000
    }

    .super body.enable-sidebar .title-topabs {
        background: #e4251f;
        color: #fff;
    }

    .title-topabs span {
        color: #fff !important;
        font-size: 40px !important;
        line-height: 50px !important;
        top: 0px !important;
    }

    .super .title-topabs span {

        font-size: 40px !important;
        left: auto;
        right: 1px;
        line-height: 50px !important;
        top: 0;
        position: absolute;
        display: block
    }

    .title-topabs i:hover {
        color: #fff !important
    }

    body[class^=blog] .sidebar-reponsive-btn {
        display: block !important
    }

    .catalog-category-view:not(.page-layout-1column) .sidebar-reponsive-btn, body[class^=blog] .sidebar-reponsive-btn, body[class^=account] .sidebar-reponsive-btn {
        top: unset;
        bottom: 30px;
        opacity: 1;
        min-width: 200px;
        background: #fff;
        font-size: 16px;
        font-family: grandgothikext;
        margin: 0 auto;
        text-transform: uppercase;
        letter-spacing: 1px;
        font-weight: 600;
        border-radius: 0;
        left: 50%;
        transform: translateX(-50%);
        padding: 0 20px;
        opacity: 0;
        font-size: 12px;
        box-shadow: 0 0 20px rgba(0, 0, 0, .16);
        visibility: hidden;
        z-index: 100;
        line-height: 30px;
        height: auto;
        border: 1px solid #000
    }

    .super .catalog-category-view:not(.page-layout-1column) .sidebar-reponsive-btn, .super body[class^=blog] .sidebar-reponsive-btn, .super body[class^=account] .sidebar-reponsive-btn {
        background: #e4251f
    }

    .catalog-category-view:not(.page-layout-1column) .sidebar-reponsive-btn.filter_show, body[class^=blog] .sidebar-reponsive-btn.filter_show, body[class^=account] .sidebar-reponsive-btn.filter_show {
        visibility: visible;
        opacity: 1
    }

    .super body[class^=account] .sidebar-reponsive-btn {
        border-radius: 5px;
        border: none;
        color: #fff;
        font-family: 'baguesans';
        letter-spacing: 0;
        font-size: 14px;
    }

    .catalog-category-view:not(.page-layout-1column) .sidebar-reponsive-btn span, body[class^=blog] .sidebar-reponsive-btn span, body[class^=account] .sidebar-reponsive-btn span {
        margin-right: 10px
    }

    body.boxed-full:not(.panel-popup) .header .header-placeholder.active-sticky, body.boxed:not(.panel-popup) .header .header-placeholder.active-sticky {
        left: 0;
        right: 0
    }

    .category-product-actions .toolbar > div {
        float: unset;
        width: auto
    }

    .category-product-actions .toolbar > div.sorter {
        float: right
    }

    .topleft {
    }

    .topleft div img {
        margin-right: 5px
    }

    .topleft div p {
        width: 210px;
        margin-right: 0;
        line-height: 14px;
        font-size: 9px
    }

    .topright p {
        font-size: 10px
    }

    .topright {
    }

    .blogimg img, .projectimg img {
        width: 100%
    }

    .footer2 .copyright {
        margin-bottom: 0
    }

    .category-cms .cat_banner_info a {
        padding: 15px 30px
    }

    .cat_banner_img, .category-cms .cat_banner_info {
        height: 80px
    }
}

@media screen and (max-width: 600px) {
    .notices-settings {
        width: 340px
    }

    .notices-wrapper {
        width: 300px
    }

    .cookie-wrapper {
        width: 650px
    }

    .message.global.cookie.mgs-gdpr-cookie-notice .content {
        max-width: 360px
    }

    .cookie-wrapper.more {
        left: -350px
    }

    .faq-box ul {
        left: 0
    }

    .checkout-cart-index .cart.main.actions button.continue {
        display: none
    }

    .catalog-product-view .breadcrumb-wrapper {
        display: none
    }

    section.home-blog .row > div {
        width: 100%
    }

    .topright {
        display: none
    }

    .topleft {
        border: none;
        text-align: center;
        width: 100%
    }

    .topleft div p {
        text-align: center;
        width: 100%
    }

    .topleft div img {
        margin-right: 10px
    }

    section.homeicons .row > div {
        width: 100%;
        margin-bottom: 20px
    }

    section.home-categories .row > div {
        margin-bottom: 35px
    }

    .super .cat-text-wrapper, .super .resthome .cat-text-wrapper {
        padding: 25px 15px 15px;
    }

    .super h2.banner-header, .super h2.banner-header a {
        font-size: 16px;
        line-height: 21px;
    }

    section.home-categories.resthome .row > div {
        margin-bottom: 20px
    }

    section.home-categories .row a.cat-img, section.home-categories .row div.cat-img {
        width: 100%;
        display: block;
        overflow: hidden;
        position: relative
    }

    section.home-categories {
        padding-bottom: 0
    }

    section.home-project {
        padding: 50px 0 0
    }

    section.home-categories img {
    }

    .infoicon {
        background-color: #f3f3f3;
        padding: 10px;
        background-size: 40px;
        background-position: 15px 50%
    }

    h2.cat-text {
        font-size: 18px;
        left: 0;
        bottom: 0
    }

    .news-footer p {
        font-size: 18px;
        line-height: 26px;
        text-align: left
    }

    .footer-logo p {
        width: 100%
    }

    .footer2 .copyright, .footer2 .credits, .footer2 .disclaimer {
        width: 100%;
        text-align: left
    }
}

@media screen and (max-width: 480px) {
    section.home-categories .row > div {

    }

    .b2p .customer-account-login h1.portal-title, .b2b .customer-account-login h1.portal-title {
        font-size: 28px;
        padding-bottom: 10px;
        padding-top: 20px
    }

    .b2b-wrapper img.star-pro {
        width: 26px;
        height: auto;
        top: 28px;
        right: 15px
    }

    .b2p .customer-account-login h2.portal-subtitle, .b2b .customer-account-login h2.portal-subtitle {
        font-size: 14px;
        line-height: 18px;
        padding-bottom: 20px
    }

    .topleft div p {
        text-align: left
    }

    footer .block.newsletter .content {
        float: unset
    }

    .footer .block.newsletter .form.subscribe input[type=email] {
        font-size: 14px
    }

    .middle-footer .container > .row:first-child .row > div {
        width: 100%
    }
}

@media screen and (max-width: 420px) {
}

.fb_reset {
    position: relative;
    z-index: 5
}

p.image-message {
    position: absolute;
    bottom: -45px;
    z-index: 2;
    margin-bottom: 0;
    width: calc(100% - 95px);
    right: 0;
    padding: 0 15px;
    line-height: 16px;
    font-size: 14px;
    color: #7f7f7f;
    font-style: italic
}

@media (max-width: 1200px) {
    p.image-message {
        bottom: -55px
    }

    .search-form {
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 135px;
    }

    .super .search-form {
        padding-top: 155px;
    }

    .search-form .form-search {
        flex-basis: 100%;
    }
}

.catalog-category-view .column.main, .catalogsearch-result-index .column.main {
    width: 100%
}

.sidebar .toolbar-sorter a.sorter-action {
    display: none
}

.sidebar .toolbar-sorter {
    padding: 10px 15px 20px
}

.sorter-toolbar-heading {
    font-family: grandgothikext;
    font-weight: 700;
    font-size: 12px;
    padding: 10px 15px 0
}

.super .sorter-toolbar-heading {
    font-family: baguesans;
    font-weight: 700;
    font-size: 16px;
    padding: 10px 15px 0
}

.sorter-toolbar-sidebar {
    display: block !important;
    border-bottom: 1px solid #000;
    margin-bottom: 25px
}

.category-product-actions .toolbar-sorter.sorter {
    display: none
}

button.filter-toggler {
    display: inline-block !important;
    background: 0 0;
    border-color: #000;
    color: #000;
    font-size: 14px;
    padding: 0 15px;
    line-height: 32px;
    margin-left: 15px;
    margin-top: -5px
}

.super button.filter-toggler {
    border-radius: 7px;
    color: #fff;
    background-color: #1d1d1d;
    border: none;
    font-size: 15px;
    margin-left: 20px;
    line-height: 30px;
    text-transform: uppercase;
    background-image: url(../images/squares.svg);
    background-repeat: no-repeat;
    padding: 0 46px 0 15px;
    background-position: right 15px top 50%;
    background-size: 16px 16px;
}

button.filter-toggler img {
    margin-left: 10px
}

.super button.filter-toggler img {
    display: none;
}

button.filter-toggler span {
    position: relative;
    top: 1px
}

button.filter-toggler:hover span, button.filter-toggler:hover img {
    opacity: .7
}

.super button.filter-toggler:hover span {
    opacity: 1;
}

.super button.filter-toggler:hover {
    opacity: 0.8;
}

button#filterbutton.filtergroup {
    display: none !important
}

.b2p .settings-lang {
    display: inline-block !important
}

.settings-lang ul li {
    display: inline-block;
    font-family: grandgothikext;
    font-size: 12px
}

.super .header-content .settings-lang ul li {
    color: #fff;
}

.settings-lang ul li a, .settings-lang ul li span {
    color: #000;
}

.super .header-content .settings-lang ul li a, .super .header-content .settings-lang ul li span {
    color: #fff;
    font-size: 16px;
    line-height: 24px;
    display: block;
}

.super .header-content .settings-lang ul li.active a, .super .header-content .settings-lang ul li.active span {
    color: #e4251f;
}

.settings-lang ul {
    margin-left: 10px
}

.super .settings-lang ul {
    margin-left: 20px;
}

.settings-lang ul li a {
    cursor: pointer
}

.settings-lang ul li.active a {
    cursor: default
}

.super .settings-lang ul li.active a {
    font-weight: 700 !important;
    background: #fff;
    color: red;
    line-height: 24px;
    display: block;
}

.super .settings-lang ul li a {
    font-family: baguesans;
    padding: 10px 5px;
}

.settings-lang ul li a:hover {
    font-weight: 700
}

.settings-lang ul li.active a:hover {
    font-weight: 500
}

.settings-lang ul li.switcher-option {
    width: 25px
}

.super .settings-lang ul li.switcher-option {
    width: auto;
}

.mobile.sidebar-menu .settings-lang ul {
    margin-left: 0;
    margin-top: 10px
}

section.home-advanced-search {
    display: block !important;
    padding: 0px 0 30px;
    width: 100%;
    margin: 0 auto;
    z-index: 101;
    position: relative;
    background: #fff;
    padding: 30px 30px 0px;
    margin-bottom: 30px;
}

div#advanced-filters {
    /* border-bottom: 1px solid #000; */
}

.adv-search-title {
    font-family: grandgothikext;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 20px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    border-bottom: 1px solid #000;
    padding-bottom: 20px;
    margin-bottom: 20px
}

div#advanced-filters .block-filter-content > .filter-options-title {
    display: none
}

div#advanced-filters .block-filter-content > .items-cat {
    display: none
}

#advanced-filters .filter-options {
    display: flex;
    flex-wrap: wrap;
    column-gap: 30px;
    justify-content: flex-start;
    margin-bottom: 10px
}

#advanced-filters .filter-options .filter-options-item dt {
    font-family: grandgothikext;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 21px;
    cursor: pointer;
    position: relative;
    border: none;
    padding: 0 20px 0 0;
    text-align: left;
}

#advanced-filters .filter-options .filter-options-item dd {
    display: none;
    position: absolute;
    top: 22px;
    background: #fff;
    left: 0;
    z-index: 2;
    border: 1px solid #000;
    min-width: 180px;
    padding: 10px
}

#advanced-filters .filter-options .filter-options-item {
    margin-bottom: 14px;
    flex-grow: 0;
    position: relative;
}

#advanced-filters .filter-options .filter-options-item dt:after {
    content: "\f107" "";
    font-family: fontawesome;
    position: absolute;
    right: 0;
    top: -1px;
    font-size: 20px;
    line-height: 20px
}

#advanced-filters .filter-options .filter-options-item:hover dt {
}

#advanced-filters .filter-options .filter-options-item.filterdisplay .filter-options-content {
    display: block
}

#advanced-filters .filter-options .filter-options-item dd li.item, #advanced-filters .filter-options .filter-options-item dd li.item2, #advanced-filters .filter-options .filter-options-item dd li.item3 {
    display: flex;
    flex-wrap: nowrap;
    margin-bottom: 6px;
    align-items: flex-start
}

#advanced-filters .filter-options .filter-options-item dd li.item .count {
    display: none
}

#advanced-filters .filter-options .filter-options-item dd li.item .mgs-layered-checkbox {
    opacity: 0;
    height: 0;
    position: absolute;
    width: 0
}

#advanced-filters .filter-options .filter-options-item dd li.item .mgs-content {
    border: 1px solid #000;
    height: 14px;
    width: 14px;
    cursor: pointer;
    display: none
}

#advanced-filters .filter-options .filter-options-item dd li.item .mgs-filter-item-checkbox {
    margin-right: 10px;
    line-height: 21px;
    display: none
}

#advanced-filters .filter-options .filter-options-item dd .items, #advanced-filters .filter-options .filter-options-item dd .items {
    max-height: 183px;
    overflow-y: auto
}

#advanced-filters .filter-options .filter-options-item dd li.item a.mgs-ajax-layer-item, #advanced-filters .filter-options .filter-options-item dd li.item2 a.mgs-ajax-layer-item2, #advanced-filters .filter-options .filter-options-item dd li.item3 a.mgs-ajax-layer-item3 {
    font-size: 16px;
    line-height: 17px
}

#advanced-filters .filter-options .filter-options-item dd li.item a.mgs-ajax-layer-item:hover, #advanced-filters .filter-options .filter-options-item dd li.item2 a.mgs-ajax-layer-item2:hover, #advanced-filters .filter-options .filter-options-item dd li.item3 a.mgs-ajax-layer-item3:hover {
    text-decoration: underline
}

#advanced-filters .filter-options:after {
    content: "";
    order: 100000;
    flex-grow: 10000000000000
}

#advanced-filters .filter-options .filter-options-item dd li.item:last-child, #advanced-filters .filter-options .filter-options-item dd li.item2:last-child, #advanced-filters .filter-options .filter-options-item dd li.item3:last-child {
    margin-bottom: 0
}

#advanced-filters .filter-options .filter-options-item dd li.item .mgs-content:hover {
    background: #ececec
}

div.adv-search-title a.newbutton {
    font-weight: 500;
    text-transform: uppercase;
    display: flex;
    flex-shrink: 0;
    padding: 8px 15px 6px;
    line-height: 20px;
    opacity: 0
}

div.adv-search-title a.newbutton.show-products-button {
    opacity: 1
}

#advanced-filters .filter-options .filter-options-item dd li.item.filteractive a, #advanced-filters .filter-options .filter-options-item dd li.item2.catactive a, #advanced-filters .filter-options .filter-options-item dd li.item3.catactive a {
    background: url(../images/square_ticked.svg) no-repeat 0 2px;
    background-color: transparent
}

#advanced-filters .filter-options .filter-options-item dd li.item a, #advanced-filters .filter-options .filter-options-item dd li.item2 a, #advanced-filters .filter-options .filter-options-item dd li.item3 a {
    padding: 2px 10px 0 23px;
    left: 0;
    background: url(../images/square.svg) no-repeat 0 2px;
    background-color: transparent
}

.adv-search-title .title-left {
    display: flex;
    position: relative;
    flex-wrap: wrap;
    flex-grow: 1;
    flex-shrink: 1;
    margin-right: 10px
}

div#adv-search-state .block-subtitle {
    display: none
}

div#adv-search-state .shoppingby-item {
    display: inline-block;
    background: #fff;
    font-family: isotext;
    font-size: 16px;
    font-weight: 500;
    line-height: 21px;
    padding: 0;
    padding-right: 7px
}

.adv-search-title .title-left > span {
    transform: translateY(-5px);
    padding-right: 50px;
    background-position: right 15px top 3px;
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-color: #fff;
    background-image: none;
    line-height: 28px
}

div#adv-search-state {
    display: flex;
    column-gap: 10px;
    align-items: flex-start
}

div#adv-search-state .state-item-icon-cancel {
    display: inline-block;
    cursor: pointer;
    border: 1px solid #000;
    height: 12px;
    font-size: 18px;
    line-height: 8px;
    margin-left: 8px;
    color: #000;
    background: url(/pub/media/designerd/xclose.svg) no-repeat;
    background-position: 0 0;
    width: 12px;
    background-size: cover
}

div#adv-search-state .state-item-name > span {
    display: none;
    color: #fff
}

div#adv-search-state .shoppingby-item .state-item {
    display: flex;
    justify-content: space-between;
    color: #000;
    margin-bottom: 3px
}

div#adv-search-state .state-item-remove-url {
    display: none
}

div#adv-search-state .state-item-icon-cancel:before {
    font-family: grandgothikext
}

div#adv-search-state .state-item-icon-cancel:hover {
    background-color: #4fff00
}

.home-advanced-search.loading .adv-search-title .title-left > span {
    background-image: url(/pub/media/designerd/half_circle.svg)
}

.header .header-placeholder .megamenu-hover .navigation .nav-main-menu li > ul.dropdown-menu a.newbutton {
    font-size: 14px !important;
    line-height: 19px !important;
    color: #fff !important;
    background: #000 !important;
    z-index: 2;
    left: 0
}

.menu-promo a.newbutton img {
    width: auto
}

.menu-promo.newsections.essence-image {
    margin-bottom: 30px
}

.menu-promo.newsections:after {
    display: none
}

.header .header-placeholder .megamenu-hover .navigation .nav-main-menu li > ul.dropdown-menu .menu-promo.newsections a.image:hover + a {
    background: #000 !important;
    color: #fff !important
}

.header .header-placeholder .megamenu-hover .navigation .nav-main-menu li > ul.dropdown-menu .essence-image a.newbutton {
    text-transform: uppercase
}

#advanced-filters .filter-options .filter-options-item.adv-filter-hide {
    display: none
}

#advanced-filters .filter-options .filter-options-item.adv-search-cat-1 {
    order: -10;
    flex-grow: 0
}

#advanced-filters .filter-options .filter-options-item.adv-search-cat-2 {
    order: -8;
    flex-grow: 0
}

#advanced-filters .filter-options .filter-options-item.adv-search-species {
    order: -6;
    flex-grow: 0;
}

#advanced-filters .filter-options .filter-options-item.adv-search-species_pots {
    order: -5;
    flex-basis: 25%;
    flex-grow: 0
}

#advanced-filters .filter-options .filter-options-item.adv-search-species_deco {
    order: -4;
    flex-basis: 25%;
    flex-grow: 0
}

.home-advanced-search a.filter-active-item-clear-all {
    cursor: default
}

div#adv-search-state .shoppingby-item.state-clear {
}

span#adv-product-count {
    padding-right: 10px
}

div.adv-search-title a.newbutton img {
    width: 44px;
    height: 19px;
    margin-left: 15px;
    padding-left: 0;
    position: relative;
    top: -1px
}

.home-advanced-search .filter-options-item.adv-search-inthespotlight {
    display: none
}

#advanced-filters .filter-options .filter-options-item.adv-search-price_class {
    order: 0
}

#advanced-filters .filter-options .filter-options-item.adv-search-height_group {
    order: 1
}

#advanced-filters .filter-options .filter-options-item.adv-search-color {
    order: 2
}

#advanced-filters .filter-options .filter-options-item.adv-search-status_new {
    order: 2
}

#advanced-filters .filter-options .filter-options-item.adv-search-expand {
    order: -5;
    flex-grow: 0;
    margin-left: auto
}

#advanced-filters .filter-options .filter-options-item.adv-search-expand dt:after {
    display: none
}

#advanced-filters .filter-options .filter-options-item.adv-search-expand dt {
    padding: 0
}

#advanced-filters .filter-options .filter-options-item.adv-search-status_space {
    order: 4
}

#advanced-filters .filter-options .filter-options-item.adv-search-series {
    order: 7
}

#advanced-filters .filter-options .filter-options-item.adv-search-outdoor_use {
    order: 9
}

#advanced-filters .filter-options .filter-options-item.adv-search-material {
    order: 5
}

#advanced-filters .filter-options .filter-options-item.adv-search-trunk_material {
    order: 8;
    display: none
}

#advanced-filters .filter-options .filter-options-item.adv-search-fitting {
    order: 9;
    display: none
}

#advanced-filters .filter-options .filter-options-item.adv-search-fireuv {
    order: 10;
    display: none
}

.adv-search-separator {
    flex-basis: 100%;
    order: -1
}

.adv-search-separator2 {
    flex-basis: 100%;
    order: 3;
}

#advanced-filters .filter-options .filter-options-item.adv-search-price_class {
    /* display: none; */
}

#advanced-filters .filter-options .filter-options-item.adv-search-height_group {
    /* display: none; */
}

#advanced-filters .filter-options .filter-options-item.adv-search-status_new {
    /* display: none; */
}

#advanced-filters .filter-options .filter-options-item.adv-search-color {
    /* display: none; */
}

#advanced-filters .filter-options .filter-options-item.adv-search-status_space {
    display: none
}

#advanced-filters .filter-options .filter-options-item.adv-search-series {
    display: none
}

#advanced-filters .filter-options .filter-options-item.adv-search-outdoor_use {
    display: none
}

#advanced-filters .filter-options .filter-options-item.adv-search-material {
    display: none
}

#advanced-filters .filter-options.expanded .filter-options-item.adv-search-price_class {
    display: block
}

#advanced-filters .filter-options.expanded .filter-options-item.adv-search-height_group {
    display: block
}

#advanced-filters .filter-options.expanded .filter-options-item.adv-search-status_new {
    display: block
}

#advanced-filters .filter-options.expanded .filter-options-item.adv-search-color {
    display: block
}

#advanced-filters .filter-options.expanded .filter-options-item.adv-search-status_space {
    display: block
}

#advanced-filters .filter-options.expanded .filter-options-item.adv-search-series {
    display: block
}

#advanced-filters .filter-options.expanded .filter-options-item.adv-search-outdoor_use {
    display: block
}

#advanced-filters .filter-options.expanded .filter-options-item.adv-search-material {
    display: block
}

#advanced-filters .swatch-option.white {
    border: 1px solid #dbdbdb
}

#advanced-filters .swatch-option.disabled:before {
    top: 7px;
    left: 5px
}

.swatch-option.color, .swatch-option.image {
    border-radius: 0
}

#advanced-filters .swatch-option.color, #advanced-filters .swatch-option.image {
    margin: 0
}

#advanced-filters .swatch-attribute-options {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 10px
}

#advanced-filters .swatch-attribute-options .swatch-option {
    float: unset
}

#advanced-filters .swatch-attribute-options:before, #advanced-filters .swatch-attribute-options:after {
    display: none
}

#advanced-filters .swatch-attribute-options > a {
    display: block
}

.filtergroup span.nav-close {
    font-size: 30px;
    color: #000;
    position: absolute;
    right: 0;
    top: 10px;
    cursor: pointer
}

.menu-loading {
    width: calc(100% - 30px);
    height: 54px;
    position: absolute;
    top: 118px;
    left: 15px
}

.menu-hide {
    display: none
}

.menu-portfolio {
    position: relative;
    height: 84px
}

.backtotop_wrapper {
    position: fixed;
    bottom: 20px;
    right: 20px;
    opacity: 0;
    transition: opacity .5s ease-in-out
}

.backtotop_wrapper.backshow {
    opacity: 1
}

.backtotop_wrapper button {
    background: #4fff00;
    border-radius: 0%;
    border: none;
    width: 40px;
    height: 40px;
    cursor: pointer;
    transition: .3s border-radius ease-in-out
}

.backtotop_wrapper button img {
    transform: rotate(-90deg) scale(1.2)
}

.backtotop_wrapper button:hover {
    border-radius: 50%
}

.video-thumb:after {
    width: 100%;
    position: absolute;
    height: 100%;
    background-image: url(../images/video.svg);
    content: "";
    top: 0;
    background-color: #ffffff;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    border: 2px solid #ffffff;
    margin-top: 0px;
}

.video-thumb.active:after {
    border: 2px solid #000000;
    background-color: #fff;
}

.video-thumb {
    position: relative;
    margin-top: 5px;
    cursor: pointer;

}

.product.video-player video {
    width: 100%;
    height: auto;
}

div#video-mobile-trigger {
    display: none;
    cursor: pointer;
    width: 80px;
    position: absolute;
    height: 60px;
    background-image: url(../images/video.svg);
    content: "";
    top: 20px;
    background-color: rgb(255 255 255 / 80%);
    z-index: 100;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    margin-top: 0px;
    left: 35px;
}

.detail-label + div#video-mobile-trigger {
    top: 0px;
    left: 75px;
    background-image: url(../images/video-mobile.svg);
    height: 40px;
    width: 100px;
}

div#video-mobile-trigger.active {
    background-color: rgb(255 255 255 / 100%);
}

@media (max-width: 1200px) {
    section.home-advanced-search .adv-search-title .title-left {
        text-align: left;
    }

}

@media (max-width: 991px) {
    div#video-mobile-trigger {
        display: block;
    }

    #advanced-filters .filter-options .filter-options-item.adv-search-cat-1, #advanced-filters .filter-options .filter-options-item.adv-search-cat-2, #advanced-filters .filter-options .filter-options-item.adv-search-species, #advanced-filters .filter-options .filter-options-item.adv-search-species_pots, #advanced-filters .filter-options .filter-options-item.adv-search-species_deco {
    }

    .adv-search-title .title-left > span {
        font-size: 18px;
        line-height: 26px
    }

    .menu-loading {
        top: 109px
    }
}

.owl-carousel-home {
    min-width: 0
}

.owl-carousel-home a.newbutton img {
    display: inline;
    width: auto;
    transform: none
}

.owl-carousel-home .owl-stage-outer {
    width: calc(100% - 1px)
}

.owl-carousel-home .owl-dots {
    position: absolute;
    bottom: 30px;
    left: calc(25% - 8px);
    transform: translateX(-50%)
}

.owl-carousel-home.owl-carousel .owl-dots .owl-dot span {
    background-color: rgb(255 255 255/50%)
}

.owl-carousel-home.owl-carousel .owl-dots .owl-dot.active span {
    background-color: rgb(79 255 0)
}

.owl-carousel-home {
    min-width: 0
}

.owl-carousel-home a.newbutton img {
    display: inline;
    width: auto;
    transform: none
}

.owl-carousel-home .owl-stage-outer {
    width: calc(100% - 1px)
}

.owl-carousel-home .owl-dots {
    position: absolute;
    bottom: 30px;
    left: calc(25% - 8px);
    transform: translateX(-50%)
}

.owl-carousel-home.owl-carousel .owl-dots .owl-dot span {
    background-color: rgb(255 255 255/50%)
}

.owl-carousel-home.owl-carousel .owl-dots .owl-dot.active span {
    background-color: rgb(79 255 0)
}

@media (max-width: 767px) {
    .owl-carousel-home .owl-dots {
        position: absolute;
        bottom: unset;
        left: 30px;
        transform: unset;
        top: -10px;
        display: none
    }

    #advanced-filters .filter-options .filter-options-item.adv-search-cat-1, #advanced-filters .filter-options .filter-options-item.adv-search-cat-2, #advanced-filters .filter-options .filter-options-item.adv-search-species, #advanced-filters .filter-options .filter-options-item.adv-search-species_pots, #advanced-filters .filter-options .filter-options-item.adv-search-species_deco {
    }

    #advanced-filters .filter-options .filter-options-item.adv-search-expand {
        margin-left: 0;
        flex-basis: 100%;
        order: 20
    }

    div.adv-search-title a.newbutton {
        flex-grow: 0
    }

    .adv-search-title {
        flex-wrap: wrap
    }

    .adv-search-title .title-left {
        margin-bottom: 10px
    }

    .adv-search-title .title-left > span {
        flex-basis: 100%
    }

    .callmeback {
        display: none
    }

    .adv-search-separator {
    }

    div#adv-search-state {
        flex-wrap: wrap
    }

    .menu-loading {
        width: 100%;
        top: 70px;
        left: 0
    }
}

@media (max-width: 600px) {
    div#video-mobile-trigger {
    }

    #advanced-filters .filter-options {
        column-gap: 20px
    }

    #advanced-filters .filter-options:after {
        display: none
    }

    #advanced-filters .filter-options .filter-options-item.adv-search-expand {
        display: block
    }

    #advanced-filters .filter-options.expanded .filter-options-item.adv-search-expand {
        order: 11
    }

    #advanced-filters .filter-options .filter-options-item.adv-show dd.filter-options-content {
        display: block
    }

    #advanced-filters .filter-options .filter-options-item:hover .filter-options-content {
        display: none
    }

    #advanced-filters .filter-options .filter-options-item dt {
        background: #fff !important;
        color: #000 !important
    }

    #advanced-filters .filter-options .filter-options-item.adv-show dt {
        background: #000 !important;
        color: #fff !important
    }

    .customer-account-create .tax_wrapper {
        flex-wrap: wrap;
        gap: 0;
    }

    .customer-account-create .tax_wrapper .taxvat {
        flex-basis: 100%;
    }
}


.cms-mobilehome .breadcrumbs {
    display: none;
}

.super .catalog-category-view .page-title-wrapper {
    /* border-radius: 10px; */
    /* background: #fff; */
    /* margin-left: -15px; */
    /* margin-right: -15px; */
    /* padding: 15px 15px 0; */
    /* border-bottom-left-radius: 0; */
    /* border-bottom-right-radius: 0; */
}

.super .page-title-prewrapper {
    background: #fff;
    border-radius: 10px;
    margin-bottom: 20px;
    margin-left: -15px;
    margin-right: -15px;
    padding: 20px 15px 20px;
}

.super .products-grid .owl-carousel.owl-loaded .owl-item {
    padding: 0;
}

.super .mst-searchautocomplete__autocomplete {
}

.super .field.choice .label, .super .form-group.choice .label {
    font-size: 14px;
}

.super .header .header-placeholder .table-icon-menu .dropdown-toplinks .dropdown-menu-wrapper {
    padding-top: 20px;
    background: #fff;
    padding: 15px;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.super .footer-image {
    text-align: right;
    padding: 0 25px;
}

.super .footer-image img {
    max-width: 600px;
    height: auto;
    width: 100%;
}


.super-price-label {
    line-height: 16px;
    display: inline-block;
}

.old-price .super-price-label {
    display: none;
}

.super body.boxed:not(.panel-popup).cms-page-view section.faq > .container {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.super .price-cart-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 20px;
}

.price-cart-wrapper a.addcart-button-list {
    display: none;
}

.super .price-cart-wrapper a.addcart-button-list {
    text-transform: uppercase;
    font-weight: 500;
    position: relative;
    padding: 2px 15px 0px 45px;
    border: 2px solid #1d1d1d;
    color: #1d1d1d;
    border-radius: 5px;
    line-height: 28px;
    font-size: 14px;
    display: flex;
    /* gap: 15px; */
    /* justify-content: space-between; */
    /* align-items: center; */
}

.super .price-cart-wrapper a.addcart-button-list:hover {
    color: #e42222;
}

.super .price-cart-wrapper a.addcart-button-list:before {
    content: "+";
    color: #fff;
    display: inline-block;
    background: #1d1d1d;
    border-radius: 0px;
    width: 30px;
    text-align: center;
    font-size: 16px;
    height: 30px;
    line-height: 30px;
    font-weight: 100;
    position: absolute;
    font-family: Helvetica;
    top: 0;
    left: 0;
}

.super .minicart-wrapper .product {
    display: flex;
    gap: 15px;
    justify-content: space-between;
    align-items: flex-start;
}

.super .minicart-wrapper .product-item-photo .actions {
    gap: unset;
    display: block;
    position: absolute;
    top: unset;
    bottom: 0;
}

.super .minicart-wrapper .product-item-photo .actions .action {
    width: auto;
    height: auto;
    line-height: 22px;
}

.super .minicart-wrapper .product-item-photo .actions .action:after {
    top: 6px;
    font-size: 18px;
    content: "\e609";
    color: #1d1d1d;
}

.super .minicart-wrapper .product > .product-item-photo {
    flex-basis: 80px;
    flex-shrink: 0;
}

.super .minicart-wrapper .product .product-item-photo {
    float: none;
    position: unset;
    height: auto;
    width: unset;
}

.super .minicart-wrapper .product .product-item-photo .product-image-wrapper {
    padding-bottom: 0 !important;
}

.super .minicart-wrapper .product-item-photo .product-image-photo {
    position: relative;
    transition: none;
}

span.cart-price-label {
    display: none;
}

.super span.cart-price-label {
    display: inline;
}

.cart-sku {
    display: none;
}

.super .cart-sku {
    display: block;
    font-size: 10px;
}

.super footer .super_socials {
    margin-top: 70px;
    display: flex;
    gap: 5px;
}

.super footer .footer-shopandgrow {
    margin-top: 117px;
}

@media (max-width: 767px) {
    .super footer .super_socials {
        margin-top: 20px;
    }

    .super footer .footer-shopandgrow {
        margin-top: 30px;
    }
}

.super footer .super_socials a img {
    width: 100%;
    max-width: 100%;
}


.super footer .footer-shopandgrow img {
    width: 100%;
}

.super button.secondary, .super a.secondary {
    height: 38px;
    border: 2px solid #1d1d1d;
    border-radius: 7px;
    color: #1d1d1d;
    line-height: 21px;
    letter-spacing: 1px;
    font-weight: 700;
    padding: 0 15px;
    text-transform: uppercase;
}

.super button.secondary:hover, .super a.secondary:hover {
    color: #e32221 !important;
    background: transparent;
}

.super .change_trigger_button button.secondary:hover {
    /* color: #1d1d1d!important; */
    /* background: transparent; */
}

.edit_wishlist_button {
    margin-left: 10px !important;
    margin-right: 10px !important;
}

.super .mwishlist_name {
    height: 38px;
}

.super .products-grid.wishlist .product-item-actions .action.tocart {
    text-transform: uppercase;
    font-weight: 500;
    position: relative;
    padding: 2px 15px 0px 45px;
    border: 2px solid #1d1d1d;
    color: #1d1d1d;
    border-radius: 5px;
    background: transparent;
    line-height: 28px;
    font-size: 14px;
    display: flex;
    letter-spacing: 0;
    height: 34px;
}

.super .products-grid.wishlist .product-item-actions .action.tocart:hover {
    color: #e4251f;
}

.super .products-grid.wishlist .product-item-actions .action.tocart:before {
    content: "+";
    color: #fff;
    display: inline-block;
    background: #1d1d1d;
    border-radius: 0px;
    width: 30px;
    text-align: center;
    font-size: 16px;
    height: 30px;
    line-height: 30px;
    font-weight: 100;
    position: absolute;
    font-family: Helvetica;
    top: 0;
    left: 0;
}

.super .products-grid.wishlist .price-box.price-final_price {
    display: inline-block;
}

.super .product.media .vertical-gallery #vertical-thumbnail-wrapper {
    width: 100%;
    order: 2;
    flex-basis: 100px;
}

.super .product.media .vertical-gallery .owl-carousel.gallery-vertical {
    width: 100%;
    margin-left: 0px;
}

.super .vertical-gallery.desgal {
    flex-direction: column;
    gap: 20px;
}

.super .product-info-main-content .product.media .item-thumb {
    padding: 0 0px;
}

.super .product-info-main-content .product.media .item-thumb img {
    height: auto;
}

select#tax_country_select {
}

.super .create.account .field.choice.newsletter {
    margin-bottom: 30px;
}

.change_trigger_button {
    margin-bottom: 30px;
    display: flex;
    gap: 10px;
}

.super .change_trigger_button button.secondary {
    background: transparent;
    color: #1d1d1d;
}

.super button.secondary.trigger_active {
    background: #1d1d1d !important;
    color: #fff !important;
}

.super .change_trigger_button
button.trigger_active:hover {
    background: #1d1d1d !important;
    color: #fff !important;
}

.super .product-info-main-content .product-info-main {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 0px;
}

.super .product-info-main .page-title-wrapper.product {
    order: 1;
}

.super .stock-sku-wrapper {
    order: 4;
}

.super .product-info-main .product-info-price {
    order: 2;
}

.super .product-info-main .product-add-form {
    order: 3;
    margin-top: 0;
    width: 100%;
}

.super .product-info-main .specs-group {
    padding-left: 40px;
    margin-top: 30px;
    position: relative;
}

.super .product-info-main .specs-group:before {
    background: url(../images/super_instock.svg) no-repeat;
    width: 26px;
    height: 26px;
    background-size: contain;
    margin-right: 10px;
    position: absolute;
    top: -2px;
    left: 0px;
    display: block;
    content: "";
}

.super .product-info-main .specs-group.dimensions:before {
    background: url(../images/super_dimensions.svg) no-repeat;
    background-size: contain;
}

.super .product-info-main .specs-group.certifications:before {
    background: url(../images/super_certif.svg) no-repeat;
    background-size: contain;
}

.super .product-info-main .specs-group.specs-list:before {
    background: url(../images/super_specs.svg) no-repeat;
    background-size: contain;
}

.super .product-info-main .specs-group.photo-disclaimer:before {
    background: url(../images/super_info.svg) no-repeat;
    background-size: contain;
}

.super .owl-carousel .owl-dots .owl-dot span {
    background: rgb(255 255 255 / 30%);
}

.super .owl-carousel .owl-dots .owl-dot.active span {
    background: rgb(255 255 255 / 80%);
}

.super .homeslide.red .sectionbanner p, .super .homeslide.red .sectionbanner a, .super .homeslide.red .sectionbanner span, .super .homeslide.red .sectionbanner label {
    color: #fff;
}

.super .homeslide.dark .sectionbanner p, .super .homeslide.dark .sectionbanner a, .super .homeslide.dark .sectionbanner span, .super .homeslide.dark .sectionbanner label {
    color: #fff;
}

.super .homeslide .sectionbanner .field {
    margin-bottom: 0;
}

.super .homeslide.red .sectionbanner form button.action.submit.primary {
    background: transparent;
    border: 2px solid #fff;
    color: #fff;
}

.super .homeslide.dark .sectionbanner form button.action.submit.primary {
    background: transparent;
    border: 2px solid #fff;
    color: #fff;
}

.super section.cms-design {
    margin-bottom: 20px;
}

.super section.faq {
    margin-bottom: 20px;
}

.super .price .price_decimals {
    position: relative;
    font-size: 14px;
    line-height: 18px;
}

.super .action.showcart .summary-total .price {
    display: inline-flex;
}

.super .action.showcart .summary-total .price .price_decimals {
    position: relative;
    font-size: 8px;
    line-height: 8px;
}

.super .messages {
    width: 100%;
    margin: 0;
    padding: 0;
}

.owl-carousel-home .newsections a.newbutton.black {
    width: 100%;
}

.product-info-main-content .product.media img {
    max-width: 100%;
}

.product.media .vertical-gallery #vertical-thumbnail-wrapper {
    width: 70px;
}

.product.media .vertical-gallery .slick-arrow.icon-angle-down {
    background: none;
}

.product.media .vertical-gallery .slick-arrow {
    background: none;
}

.product.media .vertical-gallery .icon-angle-up:before {
    content: "\e682";
    font-family: 'Pe-icon-7-stroke';
}

.product.media .vertical-gallery .icon-angle-down:before {
    content: "\e688";
    font-family: 'Pe-icon-7-stroke';
}

.product.media #owl-carousel-gallery.owl-carousel, .extra-gallery-fullwidth #owl-carousel-gallery.owl-carousel {
    overflow: hidden;
}

.product.media .vertical-gallery .owl-carousel.gallery-vertical {
    width: calc(100% - 95px);
    margin-left: 25px;
}

.product.media .vertical-gallery #vertical-thumbnail-wrapper {
    align-self: flex-start;
}

.product-info-main .product-tab-wrapper {
    display: none;
}

div.adv-search-title a.newbutton {
    opacity: 1;
}

.message.global.cookie.mgs-gdpr-cookie-notice .content {
    z-index: 9999;
}

.message.global.cookie.mgs-gdpr-cookie-notice {
    z-index: 999;
}

.field-tooltip.toggle {
    display: none !important;
}

#layered-filter-block .filter-content .item .mgs-filter-item-checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.minicart-wrapper.minicart-sidebar.active h3.close-minicart {
    display: none;
}

/*cookie notice*/
#popup-cookienotice .cookie-settings-option-select .cookie-settings-option-checkbox-box {
    background-color: #414141 !important;
}

#popup-cookienotice .cookie-settings-option-select .cookie-settings-option-checkbox-box:after {
    position: absolute;
    content: "";
    height: 19px;
    width: 19px;
    left: 2px;
    bottom: 2px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 50%;
}

#popup-cookienotice .cookie-settings-option-select .cookie-settings-option-checkbox:checked + .cookie-settings-option-checkbox-box {
    background-color: #6cc04a !important;
}

#popup-cookienotice .cookie-settings-option-select .cookie-settings-option-checkbox:checked + .cookie-settings-option-checkbox-box:after {
    background-color: #f5efeb;
    -webkit-transform: translateX(14px);
    -ms-transform: translateX(14px);
    transform: translateX(14px);
}

#popup-cookienotice .cookie-settings-option-select .cookie-settings-option-checkbox-box {
    width: 37px;
    height: 23px;
    position: relative;
    padding: 0;
}

#popup-cookienotice .cookie-page-item .cookie-settings-page-title .cookie-settings-option-select .enable.label-text {
    display: none;
}

#popup-cookienotice .cookie-page-item .cookie-settings-page-title .cookie-settings-option-select:has(input:checked) .disable.label-text {
    display: none;
}

#popup-cookienotice .cookie-page-item .cookie-settings-page-title .cookie-settings-option-select:has(input:checked) .enable.label-text {
    display: block;
}

#popup-cookienotice .cookie-page-item .cookie-settings-page-title .cookie-settings-option-select {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
}

.cookie-settings-option-select .enable.label-text {
    font-size: 14px;
    color: #6cc04a;
    font-weight: 600;
}

.cookie-settings-option-select .disable.label-text {
    font-size: 14px;
    color: #000000;
    font-weight: 600;
}

.modal-popup.noticecookie._show .action-close {
    background-color: #ccc;
    border: 1px solid #fff;
    border-radius: 12px;
    padding: 6px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    display: block;
    top: 5px;
    right: 5px;
}

.modal-popup.noticecookie._show .modal-inner-wrap {
    position: fixed;
    left: 0;
    right: 0;
    top: 100px;
}

.modal-popup.noticecookie._show .modal-header {
    position: relative;
}

.modal-popup.noticecookie._show .action-close:before {
    content: 'x';
    font-size: 24px;
    font-weight: 800;
    background-color: transparent;
    line-height: normal;
    width: 100%;
    display: block;
    text-align: center;
}

.modal-popup.noticecookie._show .action-close:hover:before {
    color: #000;
}

.modal-popup.noticecookie._show .action-close {
    background-color: transparent;
    border: 1px solid #fff;
    border-radius: 50%;
    padding: 6px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    display: flex;
    top: 5px;
    right: 5px;
    text-align: center;
    width: 32px;
    height: 32px;
    position: absolute;
    z-index: 99;
}

.modal-popup.noticecookie._show .action-close > span {
    font-size: 0;
}

#m-cookienotice.v-box .m-actions {
    flex-direction: column;
    text-align: center;
}

#m-cookienotice .m-button.m-terms {
    display: none;
}

#m-cookienotice .m-button.modalcustomsetting {
    border: none;
}

#m-cookienotice .m-button.modalcustomsetting:before {
    content: '\276F';
    font-size: 1.1em;
    font-weight: 400;
    color: #000;
    position: relative;
    left: -5px;
}

#m-cookienotice .m-button.modalcustomsetting:after {
    content: '';
    height: 1px;
    border-bottom: 1px solid #ccc;
    width: 100px;
    display: block;
    margin: 0 auto;
    position: relative;
    top: -4px;
}

#m-cookienotice .m-message a {
    text-decoration: underline;
}

#m-cookienotice.v-box.v-center {
    border-color: transparent !important;
}
#popup-cookienotice .cookie-settings-menu .cookie-menu-item:last-child{
    border-bottom: none;
}
#popup-cookienotice .cookie-page-item .cookie-settings-page-text{
    padding-bottom: 0;
}
#m-cookienotice .m-button.modalcustomsetting:hover{
    border: none;
}
#m-cookienotice .m-button.modalcustomsetting:focus{
    border: none;
}
#m-cookienotice .m-button.modalcustomsetting:focus-visible{
    border: none;
    outline: none;
}
/*cookie notice*/
.nav-main-menu .dropdown .dropdown-menu.active{
    visibility: visible !important;
    opacity: 1 !important;
}
.front-page-header-column-1 h1{
    font-size: 60px;
    line-height: 66px;
}
.front-page-header-column-3 [data-content-type=button-item]{
    padding: 15px 20px;
}
.super body.account.customer-account-index #maincontent {
    width: 100%;
    max-width: 1480px;
}

.super .account-nav-content .nav>li>a {
    text-transform: none;
}

.super .account-nav-content .nav>li>strong,
.super .account-nav-content .nav>li.current>a {
    text-transform: none;
}

.orders-cards-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    padding: 0;
}

.order-card {
    background: #ffffff;
    border-radius: 12px;
    box-shadow: none;
    border: 1px solid #999999;
    padding: 22px 24px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    transition: box-shadow 0.2s ease;
}

.order-card:hover {
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.13);
}

.order-card .order-info-line {
    font-size: 14px;
    color: #333333;
    line-height: 1.6;
    margin: 0;
}

.order-card .order-info-line strong {
    font-weight: 600;
}

.order-card .order-card-actions {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 10px;
    flex-wrap: wrap;
}

.order-card .order-status-badge {
    display: inline-block;
    padding: 6px 18px;
    border-radius: 24px;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.4;
    text-transform: none;
    white-space: nowrap;
}

.order-card .order-status-badge.status-complete,
.order-card .order-status-badge.status-closed {
    background-color: #999999;
    color: #000;
}

.order-card .order-status-badge.status-processing,
.order-card .order-status-badge.status-pending {
    background-color: #bf3;
    color: #000;
}

.order-card .order-status-badge.status-canceled {
    background-color: #ef9a9a;
    color: #b71c1c;
}

.order-card .order-status-badge.status-holded,
.order-card .order-status-badge.status-default {
    background-color: #e0e0e0;
    color: #555555;
}

.order-card .order-details-btn {
    display: inline-block;
    padding: 6px 18px;
    border-radius: 24px;
    border: 1px solid #f5f5f5;
    background: #f5f5f5;
    color: #333333;
    font-size: 13px;
    font-weight: 500;
    text-decoration: none;
    line-height: 1.4;
    transition: background-color 0.2s ease, border-color 0.2s ease;
    white-space: nowrap;
}

.order-card .order-details-btn:hover {
    background-color: #f5f5f5;
    border-color: #666666;
    text-decoration: none;
}

@media (max-width: 768px) {
    .orders-cards-grid {
        grid-template-columns: 1fr;
    }
}

.bottom-pagination {
    margin-top: 24px;
}
body.account .sidebar ul li a{
    text-transform: none;
}
.xml-integration-page {
    max-width: 720px;
}

.xml-integration-page .xml-title {
    font-size: 22px;
    font-weight: 700;
    color: #1a1a3e;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 0 0 2px 0;
}

.xml-integration-page .xml-subtitle {
    font-size: 13px;
    color: #666666;
    margin: 0 0 28px 0;
}

.xml-integration-page .xml-section-title {
    font-size: 15px;
    font-weight: 700;
    color: #1a1a3e;
    margin: 24px 0 6px 0;
}

.xml-integration-page .xml-section-title:first-of-type {
    margin-top: 0;
}

.xml-integration-page .xml-text {
    font-size: 14px;
    color: #333333;
    line-height: 1.65;
    margin: 0 0 8px 0;
}

.xml-integration-page .xml-features-list {
    list-style: disc;
    padding-left: 20px;
    margin: 8px 0 20px 0;
}

.xml-integration-page .xml-features-list li {
    font-size: 14px;
    color: #333333;
    line-height: 1.7;
}

.xml-integration-page .xml-notice {
    padding-top: 18px;
    margin-top: 8px;
}

.xml-integration-page .xml-notice-title {
    font-size: 13px;
    font-weight: 400;
    color: #888888;
    margin: 0 0 4px 0;
    letter-spacing: 0.025em;
}

.xml-integration-page .xml-notice-text {
    font-size: 12px;
    color: #888888;
    line-height: 1.6;
    letter-spacing: 0.025em;
    margin: 0;
}
.xml-buttons-wrapper{
    display: flex;
    gap: 5px;
    margin-top: 24px;
}
.xml-buttons-wrapper .pagebuilder-button-primary{
    border: 1px solid #000;
    border-radius: 6px;
    padding: 8px 10px;
    text-align: center;
}
/*common css*/
@media (min-width: 768px) {
    .super .messages {
        width: 750px
    }
}

@media (min-width: 992px) {
    .super .messages {
        width: 970px
    }
    .super body.boxed.width1366:not(.panel-popup) .main-wrapper .mega-menu-content{
        width: 1170px;
        padding: 30px 0;
        margin-inline: auto;
    }
    .super body.boxed.width1366:not(.panel-popup) .main-wrapper .mega-menu-content>.line{
        display: grid;
        align-items: start;
    }
    .super body.boxed.width1366:not(.panel-popup) .main-wrapper .mega-menu-content>.line>.col-12{
        grid-column-start: 1;
        grid-column-end: 2;
        max-width: 100%;
        align-self: start;
    }
    .super body.boxed.width1366:not(.panel-popup) .main-wrapper .mega-menu-content>.line .right_content.static-content.col-0{
        grid-row-start: 1;
        grid-row-end: 5;
        grid-column-start: 2;
    }
    .super .header .header-placeholder .megamenu-hover .navigation .nav-main-menu li.mega-menu-fullwidth>ul.dropdown-menu ul.sub-menu{
        padding: 30px 0;
    }
    .super body.boxed.width1366:not(.panel-popup) .main-wrapper .mega-menu-content>div:has(.right_content.static-content){
        display: grid;
    }
    .super body.boxed.width1366:not(.panel-popup) .main-wrapper .mega-menu-content>div>.col-12{
        grid-column-start: 1;
        grid-column-end: 2;
        max-width: 100%;
        align-self: start;
    }
    .super body.boxed.width1366:not(.panel-popup) .main-wrapper .mega-menu-content>div .right_content.static-content{
        grid-row-start: 1;
        grid-row-end: 5;
        grid-column-start: 2;
        max-width: 100%;
    }
    .super body.boxed.width1366:not(.panel-popup) .main-wrapper .mega-menu-content>div .right_content.static-content .col-md-2{
        width: 100%;
        max-width: 20%;
    }
}

@media (min-width: 1200px) {
    .super .messages {
        width: 1170px
    }
}

@media (min-width: 1366px) {
    .super .messages {
        width: 1200px;
    }
}

@media (min-width: 1500px) {
    .super .messages {
        width: 1366px;
    }
}

.search-autocomplete {
    display: none;
}

@media (max-width: 992px) {
    /*cookie notice*/
    .modal-popup.noticecookie._show .modal-inner-wrap {
        max-height: 450px;
        overflow-y: scroll;
        margin: 0 10px;
        top: 50px;
    }

    .modal-popup.noticecookie .modal-content .logo {
        margin-left: 12px;
    }

    /*cookie notice*/
}


/*front-page*/

#maincontent{
    padding: 0px !important;
}



.front-page-header-column {
    background-color: #bbff33 !important;
    max-width: 1680px;
    margin: 0 auto;
    padding: 100px;
    width: 100%;
}

.front-page-header-column-1 h1 {
    margin-bottom: 0px;
    font-family: "CF ModGrotesk";
    font-weight: 400;
    font-size: 90px;
    line-height: 100px;
}

.front-page-header-column-1 {
    margin-bottom: 60px;
}

.pagebuilder-column-line[data-pb-style="L4Q280Y"] {
    display: flex;
    align-items: center;
}

.front-page-header-column-2 p {
    font-family: CF ModGrotesk;
    font-weight: 400;
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 0px;
}

.front-page-header-column-2 {
    margin-right: 10px;
}

.front-page-header-column-2 [data-content-type="text"] {
    margin: auto 0;
}


.front-page-header-column-3 {
    display: flex;
    flex-direction: row !important;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
}

.front-page-header-column-3 [data-content-type="button-item"] {
    border: 1px solid #000027;
    border-radius: 10px;
    padding: 30px 30px;
    width: 360px;
    text-align: center;
}

.front-page-header-column-3 [data-content-type="button-item"] span[data-element="link_text"] {
    font-family: CF ModGrotesk;
    font-weight: 400;
    font-size: 22px;
    line-height: 24px;
    text-align: center;
}

@media(max-width: 1627px) {

    
.front-page-header-column {
    background-color: #bbff33 !important;
        max-width: 1920px;
        margin: 0 auto;
        padding: 50px;
        width: 100%;
    }

    .front-page-header-column-1 h1 {
        font-size: 90px;
        line-height: 100px;
    }

    .front-page-header-column-1 h1 br {
        display: none;
    }

    .front-page-header-column-3 [data-content-type="button-item"] {
        padding: 20px 20px !important;
    }

    .front-page-header-column-3 [data-content-type="button-item"] span[data-element="link_text"] {
        font-size: 20px !important;
        line-height: 24px;
    }
}

@media(max-width:1471px) {

    .front-page-header-column-1 {
        margin-bottom: 30px;
    }

    .front-page-header-column-1 h1 {
        font-size: 70px;
        line-height: 78px;
    }

    
.front-page-header-column {
    background-color: #bbff33 !important;
        padding: 50px;
    }
}

@media(max-width:900px) {

    .front-page-header-column-1 h1 {
        font-size: 50px;
        line-height: 50px;
    }

    
.front-page-header-column {
    background-color: #bbff33 !important;
        padding: 25px;
    }
}

/*page-header 2 column bottom*/
@media(max-width:1711px) {
    .front-page-header-column-3 [data-content-type="button-item"] {
        padding: 36px 30px;
        width: auto !important;
    }

    .front-page-header-column-3 [data-content-type="button-item"] span[data-element="link_text"] {
        font-size: 24px;
        line-height: 28px;
        text-align: center;
    }
}

@media(max-width:1611px) {
    .front-page-header-column-2 p br {
        display: none;
    }
}

@media(max-width:1311px) {
    .front-page-header-column-2 p br {
        display: none;
    }
}

@media(max-width:1279px) {

    .front-page-header-column .pagebuilder-column-line:nth-child(2) {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    .front-page-header-column-2 {
        width: 100% !important;
    }

    .front-page-header-column-3 {
        margin-top: 20px;
        width: 100% !important;
    }

    .front-page-header-column-3 [data-content-type="button-item"] {
        padding: 15px 20px !important;
    }

    .front-page-header-column-3 [data-content-type="button-item"] span[data-element="link_text"] {
        font-size: 18px !important;
        line-height: 24px;
    }
}

@media(max-width:768px) {

    .front-page-header-column-3 {
        display: flex;
        flex-direction: column !important;
        gap: 20px !important;
        align-items: flex-start;

    }

    .front-page-header-pattern{
        min-height: 200px !important;
    }
}




/* front-page products */
.front-page-products-column{
    max-width: 1920px;
    padding-inline: 100px;
    margin: 0 auto;
    width:100%;
}

.front-page-products-column .product-image-photo {
    aspect-ratio: 3/4;
    object-fit: cover;
    object-position: center;
    display: block;
    width: 100%;

}

.front-page-products-column .product-item-info{
    display: flex;
    flex-direction: column;
    gap: 15px;
    align-items: center;
    justify-content: center;
}

.front-page-products-column .product-item-photo{
    position: static !important;
}



.front-page-products-column .product-item-details{
    position: static !important;
}

/*front page distributor*/


.front-page-distributor-row{
    border-radius: 400px;
}

@media (max-width:768px) {
    .front-page-distributor-row{
        margin-top: 75px !important;
    }
}



.front-page-distributor-column {
    max-width: 1720px;
    margin: 0 auto;
    padding: 120px;
    width: 100%;
    display: flex;
    align-items: center;
}

.front-page-distributor-column-1 {
    display: flex !important;
    flex-direction: column;
    justify-content: center !important;

}

.front-page-distributor-column-1 h2 {
    font-family: CF ModGrotesk;
    font-weight: 400;
    font-size: 85px;
    line-height: 95px;
    color: #000027;
}

.front-page-distributor-column-2 p {
    font-family: CF ModGrotesk;
    font-weight: 400;
    font-size: 20px;
    line-height: 28px;
    color: #000027;
    text-align: left;
}

.front-page-distributor-column-2 [data-content-type="button-item"] {
    border: 1px solid #000027;
    border-radius: 10px;
    padding: 30px 40px;
    width: 370px !important;
    text-align: center;
    margin: 0 auto !important;
    display: inline-block !important;
    margin-left: auto;
}

.front-page-distributor-column-2 [data-content-type="button-item"] span[data-element="link_text"] {
    font-family: CF ModGrotesk;
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    text-align: center;
}

@media(max-width:1763px) {
    .front-page-distributor-column-1 h2 {
        font-size: 85px;
        line-height: 95px;
        color: #000027;
    }

    .front-page-distributor-column-2 [data-content-type="button-item"]{
        padding: 20px 40px;
    }
}

@media(max-width:1489px) {

    .front-page-distributor-column-1 h2 {
        font-size: 60px;
        line-height: 68px;
    }

    .front-page-distributor-column {
        padding: 75px;
        padding-right: 80px;
    }

    .front-page-distributor-column {
        min-height: auto !important;
    }
}

@media(max-width:1411px) {
    .front-page-distributor-column h2 {
        font-size: 50px;
        line-height: 67px;
    }
}

@media(max-width:965px) {
    .front-page-distributor-column {

        padding: 30px 35px;
    }



    .front-page-distributor-column>.pagebuilder-column-line {
        display: flex;
        flex-direction: column;
        gap: 0px;
    }

    .front-page-distributor-column-1 {
        width: 100% !important;
    }

    .front-page-distributor-column-2 {
        width: 100% !important;
    }

    .front-page-distributor-column-1 h2 br {
        display: none;
    }

    .front-page-distributor-column-1 h2 {
        font-size: 50px;
        line-height: 55px;
        overflow-wrap: anywhere;
        word-wrap: break-word;
        word-break: break-word;
        text-align: center !important;
    }

    .front-page-distributor-column-2 p {
        margin-bottom: 10px;
    }

    .front-page-distributor-column-2 [data-content-type="buttons"] {
        display: flex;
        justify-content: center;
    }

    .front-page-distributor-column-2 [data-content-type="button-item"] {
        padding: 15px 40px;
        display: inline-block !important;
        width: 300px !important;
    }

    .front-page-distributor-column-2 [data-content-type="button-item"] span[data-element="link_text"] {
        font-size: 20px;
        line-height: 24px;
        text-align: center;
    }

}

@media(max-width:768px) {
    .front-page-distributor-column-1 h2 {
        font-size: 36px;
        line-height: 35px;
        margin-bottom: 10px;
    }

    .front-page-distributor-column-2 p {
        font-size: 16px;
        line-height: 20px;
    }

    .front-page-distributor-column-2 [data-content-type="button-item"] {
        padding: 10px 10px;
        display: inline-block !important;
        width: 210px !important;
    }

    .front-page-distributor-column-2 [data-content-type="button-item"] span[data-element="link_text"] {
        font-size: 18px;
        line-height: 24px;
        text-align: center;
    }
}



/*front page appointement*/
.front-page-appointment-row {
    border-top-left-radius: 300px !important;
    border-bottom-left-radius: 300px !important;
}

.front-page-appointment-column {

    max-width: 1720px;
    margin: 0 auto;
    padding: 120px;
    padding-right: 80px;
    width: 100%;
    display: flex;
    align-items: center;
}

.front-page-appointment-column>.pagebuilder-column-line {}

.front-page-appointment-column>.pagebuilder-column-line {
    gap: 120px;
}

.front-page-appointment-column-1 p {
    font-family: CF ModGrotesk;
    font-weight: 400;
    font-size: 24px;
    line-height: 28px;
    color: #000027;
}

.front-page-appointment-column-1 [data-content-type="button-item"] {
    border: 1px solid #000027;
    border-radius: 10px;
    padding: 36px 60px;
    width: 410px;
    text-align: center !important;
}

.front-page-appointment-column-1 [data-content-type="button-item"] span[data-element="link_text"] {
    font-family: CF ModGrotesk;
    font-weight: 400;
    font-size: 24px;
    line-height: 28px;
    text-align: center !important;
}

.front-page-appointment-column-2 {
    display: flex;
    margin: auto 0;
}

.front-page-appointment-column-2 h2 {
    font-family: CF ModGrotesk;
    font-weight: 400;
    font-size: 85px;
    line-height: 95px;
}

@media(max-width:1763px) {
    .front-page-appointment-column-2 h2 {
        font-size: 85px;
        line-height: 95px;
        color: #000027;
    }

    .front-page-appointment-column-1 [data-content-type="button-item"] {
        padding: 20px 40px;
    }
}

@media(max-width:1489px) {
    .front-page-appointment-column {
        padding: 75px;
        padding-right: 80px;
    }

    .front-page-appointment-column {
        min-height: auto !important;
    }
}

@media(max-width:1365px) {
    .front-page-appointment-column {
        padding: 75px;
        padding-right: 80px;
    }



    .front-page-appointment-column-2 h2 {
        font-size: 60px;
        line-height: 65px;
    }

    .front-page-appointment-column-1 p {
        font-size: 20px;
        line-height: 24px;
    }

    .front-page-appointment-column-1 [data-content-type="button-item"] {
        padding: 20px 60px;
        width: 410px;
    }

    .front-page-appointment-column-1 [data-content-type="button-item"] span[data-element="link_text"] {
        font-size: 20px;
        line-height: 24px;
        text-align: center;
    }
}

@media(max-width:1267px) {
    .front-page-appointment-column {
        min-height: auto !important;
    }
}

@media(max-width:965px) {

    .front-page-appointment-row {
        border-radius: 400px !important;
        border-top-right-radius: 0 !important;
    }

    .front-page-appointment-column {
        padding: 30px 35px;
    }

    .front-page-appointment-column>.pagebuilder-column-line {
        display: flex;
        flex-direction: column-reverse;
        gap: 0px;
    }

    .front-page-appointment-column-1 {
        width: 100% !important;
    }

    .front-page-appointment-column-2 {
        width: 100% !important;
    }

    .front-page-appointment-column-1 div[data-content-type="buttons"] {
        display: flex !important;
        justify-content: center !important;
    }

    .front-page-appointment-column-2 h2 br {
        display: none;
    }

    .front-page-appointment-column-2 h2 {
        font-size: 50px;
        line-height: 55px;
        overflow-wrap: anywhere;
        word-wrap: break-word;
        word-break: break-word;
        text-align: center !important;
    }

    .front-page-appointment-column-1 [data-content-type="button-item"] {
        padding: 15px 40px;
        display: inline-block !important;
        width: 350px !important;
        text-align: center;
    }

    .front-page-appointment-column-1 [data-content-type="button-item"] span[data-element="link_text"] {
        font-size: 20px;
        line-height: 24px;
    }
}

@media(max-width:768px) {
    .front-page-appointment-column-2 h2 {
        font-size: 36px;
        line-height: 36px;
        margin-bottom: 10px;
    }

    .front-page-appointment-column-1 p {
        font-size: 16px;
        margin-bottom: 10px;
    }

    .front-page-appointment-column-1 [data-content-type="button-item"] {
        padding: 10px 5px;
        display: inline-block !important;
        width: 260px !important;
        text-align: center;
    }

    .front-page-appointment-column-1 [data-content-type="button-item"] span[data-element="link_text"] {
        font-size: 20px;
        line-height: 24px;
    }
}

/*front page partner*/

.front-page-partner-row{
    border-radius: 400px;
}

.front-page-partner-column {
    max-width: 1720px;
    margin: 0 auto;
    padding: 120px;
    padding-right: 80px;
    width: 100%;
    display: flex;
    align-items: center;
}

.front-page-partner-column-1 {
    margin: auto 0;
}

.front-page-partner-column-1 h2 {
    font-family: CF ModGrotesk;
    font-weight: 400;
    font-size: 85px;
    line-height: 95px;
    color: white;
}


.front-page-partner-column-2 p {
    font-family: CF ModGrotesk;
    font-weight: 400;
    font-size: 24px;
    line-height: 28px;
    color: white;
}

.front-page-partner-column-2 [data-content-type="button-item"] {
    border: 1px solid white;
    border-radius: 10px;
    padding: 36px 60px;
    width: 410px;
    text-align: center;
}

.front-page-partner-column-2 [data-content-type="button-item"] span[data-element="link_text"] {
    font-family: CF ModGrotesk;
    font-weight: 400;
    font-size: 24px;
    line-height: 30px;
    text-align: center;
    color: white;
}

@media(max-width:1763px) {
    .front-page-partner-column-1 h2 {
        font-size: 85px;
        line-height: 95px;
        color: white;
    }

    .front-page-partner-column-2 [data-content-type="button-item"] {
        padding: 20px 40px;
    }
}

@media(max-width:1489px) {

    .front-page-partner-column-1 h2 {
        font-size: 85px;
        line-height: 95px;
    }

    .front-page-partner-column-2 p {
        font-size: 20px;
        line-height: 24px;
    }

    .front-page-partner-column-2 [data-content-type="button-item"] {
        padding: 20px 40px;
    }

    .front-page-partner-column {
        padding: 75px 80px;
        padding-right: 80px;
    }

    .front-page-partner-column {
        min-height: auto !important;
    }
}

@media(max-width: 1365px) {
    .front-page-partner-column {}


    .front-page-partner-column-1 h2 {
        font-size: 60px;
        line-height: 64px;
    }



    .front-page-partner-column-2 [data-content-type="button-item"] {
        border-radius: 10px;
        padding: 20px 60px;

    }
}

@media(max-width:965px) {

    .front-page-partner-column>.pagebuilder-column-line {
        display: flex !important;
        flex-direction: column;
    }

    .front-page-partner-column {
        padding: 30px 35px;
    }

    .front-page-partner-column-1 h2 br {
        display: none;
    }

    .front-page-partner-column-1 h2 {
        font-size: 50px;
        line-height: 55px;
        overflow-wrap: anywhere;
        word-wrap: break-word;
        word-break: break-word;
        text-align: center !important;
    }

    .front-page-partner-column-1 {
        width: 100% !important;
    }

    .front-page-partner-column-2 {
        width: 100% !important;
    }

    .front-page-partner-column-2 div[data-content-type="buttons"] {
        display: flex;
        justify-content: center;
    }

    .front-page-partner-column-2 div[data-content-type="button-item"] {
        padding: 15px 40px !important;
        width: 250px;
    }
}

@media(max-width:768px) {
    .front-page-partner-column {
        border-top-left-radius: 0px !important;
        border-bottom-left-radius: 0px !important;

    }

    .front-page-partner-column-1 h2 {
        font-size: 36px;
        line-height: 40px;
        margin-bottom: 10px;
    }

    .front-page-partner-column-2 p {
        font-size: 16px;
        line-height: 20px;
        margin-bottom: 10px;
    }

    .front-page-partner-column-2 div[data-content-type="button-item"] {
        padding: 10px !important;
        width: 250px;
    }
}
/*menus-section*/
.front-page-menu-row{

}

.front-page-menu-column {
    max-width: 1720px;
    margin: 0 auto;
    width: 100%;
    padding: 50px 120px;

}

.front-page-menu-column>.pagebuilder-column-line {
    gap: 70px;
}

.front-page-menu-column-1 a.tab-title::after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    margin-left: 8px;
    width: 40px;
    height: 40px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 40px 40px;
    /* Arrow pointing right with line */
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%220%200%2040%2040%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M0%2017.8286L35.0857%2017.8286C33.6%2016.8%2032.1714%2015.6571%2030.8%2014.4C29.4667%2013.181%2028.2095%2011.8286%2027.0286%2010.3429C25.8476%208.85714%2024.781%207.25714%2023.8286%205.54286C22.8762%203.82857%2022.0381%201.98095%2021.3143%20-8.16778e-07L26.8%20-5.7699e-07C27.4095%201.90476%2028.1524%203.63809%2029.0286%205.2C29.9048%206.8%2030.8952%208.30476%2032%209.71429C33.1429%2011.1619%2034.381%2012.5524%2035.7143%2013.8857C37.0476%2015.219%2038.4762%2016.5333%2040%2017.8286V22.1714C38.4762%2023.5048%2037.0476%2024.819%2035.7143%2026.1143C34.381%2027.4476%2033.1429%2028.819%2032%2030.2286C30.8952%2031.6762%2029.9048%2033.2%2029.0286%2034.8C28.1524%2036.4%2027.4095%2038.1333%2026.8%2040L21.3143%2040C22.0381%2038.0571%2022.8762%2036.2286%2023.8286%2034.5143C24.781%2032.8%2025.8476%2031.2%2027.0286%2029.7143C28.2095%2028.2286%2029.4667%2026.8571%2030.8%2025.6C32.1714%2024.3429%2033.6%2023.2%2035.0857%2022.1714L0%2022.1714V17.8286Z%22%20fill%3D%22black%22/%3E%3C/svg%3E");
    transform: rotate(0deg);
    transition: transform 0.2s ease;
}

.front-page-menu-column-1 .tabs-navigation li:not(.ui-tabs-active) a.tab-title::after {
    display: none;

}

.front-page-menu-column-1 .tabs-navigation li:not(.ui-tabs-active) span.tab-title {
    color: #737375;
}

.front-page-menu-column-1 .tabs-navigation li:not(.ui-tabs-active) span.tab-number {
    color: #737375;
}

.front-page-menu-column-1 a.tab-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.front-page-menu-column-1 span.tab-title {
    font-family: CF ModGrotesk;
    font-weight: 400;
    font-size: 80px;
    line-height: 85px;
}

.front-page-menu-column-1 .tabs-navigation li:nth-child(1) .tab-number {
    margin-right: 80px;
}

.front-page-menu-column-1 span.tab-title .tab-number {
    font-family: CF ModGrotesk;
    font-weight: 400;
    font-size: 80px;
    line-height: 85px;
    margin-right: 70px;
    display: inline-block;
}

.front-page-menu-column-1 .tabs-navigation div[data-content-type="tab-item"]>div p {
    font-family: CF ModGrotesk;
    font-weight: 400;
    font-size: 20px;
    line-height: 28px;
    color: #000000;
    margin-bottom: 20px;

}

.front-page-menu-column-1 .tabs-navigation div[data-content-type="tab-item"]>div {
    padding-left: 173px;

}

.front-page-menu-column-2 .pagebuilder-mobile-hidden {
    display: none;
}

@media(max-width:1875px) {

    .front-page-menu-column-1 .tabs-navigation li:nth-child(1) .tab-number {
        margin-right: 60px;
    }

    .front-page-menu-column-1 span.tab-title {
        font-size: 80px;
        line-height: 95px;
    }

    .front-page-menu-column-1 span.tab-title .tab-number {
        font-size: 80px;
        line-height: 90px;
        margin-right: 35px;
    }

    .front-page-menu-column>.pagebuilder-column-line {
        gap: 30px;
    }

    .front-page-menu-column-1 .tabs-navigation div[data-content-type="tab-item"]>div {
        padding-left: 141px;

    }


}

@media(max-width:1299px) {

    .front-page-menu-column-1 .tabs-navigation li:nth-child(1) .tab-number {
        margin-right: 40px;
    }

    .front-page-menu-column-1 a.tab-title::after {
        width: 30px;
        height: 30px;
        background-size: 30px 30px;
    }

    .front-page-menu-column {
        padding: 70px 50px !important;
    }

    .front-page-menu-column-1 span.tab-title {
        font-size: 50px;
        line-height: 55px;
    }

    .front-page-menu-column-1 span.tab-title .tab-number {
        font-size: 50px;
        line-height: 55px;
        margin-right: 25px;
    }

    .front-page-menu-column-1 .tabs-navigation div[data-content-type="tab-item"]>div {
        padding-left: 88px;
        margin-bottom: 10px;

    }

    .front-page-menu-column-1 .tabs-navigation div[data-content-type="tab-item"]>div p {
        margin-bottom: 10px;
        font-size: 18px;
        line-height: 22px;
    }


}

@media(max-width:900px) {
    .front-page-menu-column>.pagebuilder-column-line {
        gap: 40px;
        flex-direction: column;
    }

    .front-page-menu-column-1 {
        width: 100% !important;
    }

    .front-page-menu-column-2 {
        width: 100% !important;
        display: flex !important;
        flex-direction: row !important;
        justify-content: center !important;
    }
}

@media(max-width:768px) {

    .front-page-menu-column-1 .tabs-navigation li:nth-child(1) .tab-number {
        margin-right: 13px;
    }

    .front-page-menu-column>.pagebuilder-column-line {
        gap: 23px !important;
    }

    .front-page-menu-column {
        padding: 50px 25px !important;
    }

    .front-page-menu-column-1 span.tab-title {
        font-size: 30px;
        line-height: 35px;
    }

    .front-page-menu-column-1 span.tab-title .tab-number {
        font-size: 30px;
        line-height: 35px;
        margin-right: 10px;
    }

    .front-page-menu-column-1 .tabs-navigation div[data-content-type="tab-item"]>div {
        padding-left: 43px;
        margin-bottom: 10px;
    }

    .front-page-menu-column-1 .tabs-navigation div[data-content-type="tab-item"]>div p {
        font-size: 16px;
        line-height: 20px;
        margin-bottom: 0px;
    }

    .front-page-menu-column-1 a.tab-title::after {
        width: 20px;
        height: 20px;
        background-size: 20px 20px;
    }


}

/*store-locator*/
.g-store-locator {
    background-color: #BBFF33;
    border-top-right-radius: 400px !important;
}

.g-store-locator-inner {
    max-width: 1720px;
    margin: 0 auto;
    padding: 150px 120px;
    width: 100%;


    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 120px;
}

.g-store-locator-text h2 {
    color: #000027;
    font-family: CF ModGrotesk;
    font-weight: 400;
    font-size: 90px;
    line-height: 94px;
    margin-bottom: 0px;
}

.g-store-locator-form p {
    font-family: CF ModGrotesk;
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 50px;
    text-align: center;
}

.g-store-locator-form form {
    display: flex;
    flex-direction: row;
    gap: 30px;
}

.g-store-locator-form form input {
    padding: 36px 60px;
    border-radius: 10px;
    border: 1px solid #000027;
    max-width: 360px;
    width: 100%;
    background: #BBFF33;
    padding-bottom: 31px;

    color: #000027 !important;
    font-family: CF ModGrotesk;
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    text-align: center;
}

.g-store-locator-form form input::placeholder {
    color: #000027 !important;
    font-family: CF ModGrotesk;
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    text-align: center;
}

.g-store-locator-form form button[type="submit"] {
    font-family: CF ModGrotesk;
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    text-align: center;
    color: #BBFF33;
    background: #000027;
    padding: 24px 60px;
    border-radius: 10px;
    border: 0px solid #000027;
}

.g-store-locator-arrow {
    position: absolute;
    top: 50%;
    right: 20%;
    transform: translateY(-38%);
}

@media(max-width: 1670px) {
    .g-store-locator-inner {
        padding: 120px 70px;
        gap: 80px;
    }

    .g-store-locator-text h2 {
        margin-bottom: 20px;
        font-size: 80px;
        line-height: 84px;
    }
}

@media(max-width: 1490px) {

    .g-store-locator-inner {
        gap: 40px;
    }

    .g-store-locator-text h2 {
        font-size: 60px;
        line-height: 64px;
        margin-bottom: 0;
    }

    .g-store-locator-form p {
        margin-bottom: 25px;
    }
}

@media(max-width:1240px) {
    .g-store-locator-inner {
        flex-direction: column-reverse;
        align-items: flex-start;
        padding: 80px 50px;
        gap: 0px;
    }

    .g-store-locator-text h2 br {
        display: none;
    }


    .g-store-locator-arrow {
        right: 20px;
    }
}

@media(max-width:880px) {

    .g-store-locator {
        border-top-left-radius: 300px;
        border-top-right-radius: 300px !important;
    }

    .g-store-locator-inner {
        padding: 60px 60px;
    }

    .g-store-locator-text {
        width: 100%;
        max-width: 200px;
        margin: 0 auto;
    }

    .g-store-locator-text h2 {
        font-size: 40px;
        line-height: 47px;
        width: 100% !important;
        text-align: center !important;
        margin-bottom: 20px;
    }

    .g-store-locator-form p {
        margin-bottom: 18px;

    }

    .g-store-locator-form form {
        gap: 5px;
    }

    .g-store-locator-form input {
        max-width: 100% !important;
        width: 100% !important;
        padding: 0 !important;
        height: 60px;
    }

    .g-store-locator-form span {
        display: inline-block;
        width: 100%;
    }

    .g-store-locator-form span span {
        width: auto !important;
    }

    .g-store-locator-form input::placeholder {
        font-size: 20px !important;
        line-height: 20px !important;
    }

    .g-store-locator-form button {
        max-width: 100% !important;
        width: 130px;
        height: 60px;
        white-space: nowrap;
        padding: 0 !important;
        font-size: 20px !important;
        line-height: 20px !important;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .g-store-locator-form form input::placeholder {
        font-size: 16px !important;
        line-height: 20px !important;
    }

    .g-store-locator-form form input {
        font-size: 16px !important;
        line-height: 20px !important;
    }

    .g-store-locator-arrow svg{
        width: 12px;
        height: 12px;
    }
}

@media(max-width:510px) {
    .g-store-locator-inner {
        padding: 30px 30px;
    }
}

/*super green*/

.front-page-sg-column-1{
    max-width: 1720px;
    margin: 0 auto;
    padding: 100px 120px 80px 120px;
    width:100%;
}
.front-page-sg-column-1 svg{
    width: 100%;
    max-width:100%;
}

@media(max-width:1120px){
    .front-page-sg-column-1{
        padding: 50px 50px 40px 50px;
    }
}

@media(max-width:768px){
    .front-page-sg-column-1{
        padding: 25px 25px 20px 25px;
    }
}

/*footer*/


/*footer news letter*/

.footer-column-5-html {
    padding: 0 !important;
    border: none !important;

    .newsletter{
        input{
            font-family: CF ModGrotesk;
            font-weight: 400;
            font-size: 14px !important;
            line-height: 18px;
        }

        input::placeholder{
            font-family: CF ModGrotesk;
            font-weight: 400;
            font-size: 14px !important;
            line-height: 18px;
        }

        .actions{
            border: none !important;
            padding: 0 !important;

            button {
                position: static !important;
                font-family: CF ModGrotesk;
                font-weight: 400 !important;
                font-size: 14px !important;
                line-height: 18px !important;
                text-align: center;
                margin-top: 10px;
                border: 1px solid #000027 !important;
                display: block;
                width: 100%;
                padding: 20px !important;
                height: auto !important;
            }
        }
    }

    .newsletter-terms{
        font-family: CF ModGrotesk;
        font-weight: 400  !important;
        font-size: 14px !important;
        line-height: 18px ;
        color: #000027 !important;

        a{
            font-family: CF ModGrotesk !important;
            font-weight: 400 !important;
            font-size: 13px !important;
            line-height: 18px !important;
            color: #000027 !important;
        }

        a:hover{
            color: #000027 !important;
        }
    }
}

/*end news letter*/

.main-footer{
    padding: 100px 120px;
}

.main-footer-top .footer-top{
    min-height: 540px;
}
@media(max-width:768px){
    .main-footer-top .footer-top{
        min-height: 250px;
    }
}

.main-footer-inner{
    max-width:1920px;
    width: 100%;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

.main-footer-copyright{
    margin-top: 100px;

}

.main-footer-copyright address{
    font-family: CF ModGrotesk;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
}

.main-footer-copyright > span{
    display: flex;
    align-items: center;
    gap: 10px;
    flex-direction: row;
}

.main-footer-copyright span{
    font-family: CF ModGrotesk;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #000047
}

.main-footer-copyright a:hover{
    color: #000047 !important;
}

.main-footer-copyright address{
    margin-bottom: 0px;
    font-family: CF ModGrotesk;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #000047
}

.main-footer-col  div{
    text-align: left;
}

.main-footer-col > div:first-child > p{
    font-family: CF ModGrotesk;
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 30px ;
    color: #000047;
}

.main-footer-col  div:not(:first-child) p{
    font-family: CF ModGrotesk;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #000047;
}

.main-footer-col  div:not(:first-child) a{
    font-family: CF ModGrotesk;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #000047;
}

.main-footer-col  div:not(:first-child) a:hover{
    color: #000047;
}

.main-footer-col-5 .main-footer-col div:nth-child(2){
    display: block;
    margin-bottom: 10px;
    max-width: 330px;
    width: 100%;

    text-align: center;
    border: 1px solid #000047;
    padding: 10px 20px;

    font-family: CF ModGrotesk;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #000047;
}

@media(max-width: 1697px){
    .main-footer-top .footer-top{
        min-height: 340px;
    }
}

@media(max-width: 1210px){

    .main-footer{
        padding: 50px 60px;
    }

    .main-footer-inner{
        grid-template-columns: 1fr 1fr 1fr;
        gap: 20px;
    }



    .main-footer-copyright{
        margin-top: 50px;
    }
}

@media(max-width: 768px){

    .main-footer{
        padding: 50px 25px;
    }

    .main-footer-inner{
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .main-footer-top .footer-top{
        min-height: 200px;
    }

    .main-footer-copyright{
        margin-top: 30px;
    }
}

/*main-header*/

.main-header{

}

.main-header-inner{

}

.main-header-top {
    background: #010127;

    .main-header-top-inner {
        background: #010127;
        padding: 10px 10px;
        padding-inline: 100px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        max-width: 1920px;
        margin: 0 auto;




        .desktop-hidden {
            display: none;

            @media(max-width:1000px) {
                display: inline-block;
            }
        }

        @media(max-width: 1729px) {
            padding-inline: 50px;
        }

        @media(max-width:987px) {
            padding-inline: 25px;
        }

        @media(max-width:739px) {
            padding-inline: 15px;
        }

        @media(max-width: 1000px) {

            .dealer-login,
            .about-us,
            .help-center,
            .points-of-sales,
            .two-buttons-header-top {
                display: none;
            }

            .b2b-only {
                color: #bbff33;
                font-family: CF ModGrotesk;
                font-weight: 400;
                font-size: 16px;
                line-height: 20px;

                @media(max-width: 400px) {
                    font-size: 12px;
                    line-height: 16px;
                }
            }
        }

        a {
            color: #bbff33;
            font-family: CF ModGrotesk;
            font-weight: 400;
            font-size: 19px;
            line-height: 22px;

            @media(max-width: 1230px) {
                font-size: 16px;
                line-height: 20px;
            }

            @media(max-width: 400px) {
                font-size: 12px;
                line-height: 19px;
            }
        }

        span {
            display: flex;
            gap: 10px;

            a {
                background: #bbff33;
                color: #010127 !important;
                border-radius: 20px;
                padding: 5px 20px;
            }
        }

        .header-lang {
            ul {
                display: flex;
                gap: 5px;
                align-items: center;

                li:nth-child(1)::after {
                    content: "/";
                    color: #bbffaa;

                    @media(max-width: 400px) {
                        font-size: 12px;
                        line-height: 16px;
                        align-self: flex-end;
                    }
                }

                li:nth-child(1) {
                    display: flex;
                    gap: 5px;
                    align-items: center;
                }

                li {
                    a {
                        font-family: CF ModGrotesk;
                        font-weight: 400;
                        font-size: 16px;
                        line-height: 20px;

                        @media(max-width: 400px) {
                            font-size: 12px;
                            line-height: 16px;
                        }
                    }

                }
            }
        }
    }
}




/*middle-header*/
.main-header-middle{
    background: #bbFF33;
}



.main-header-middle-inner{
    max-width: 1920px;
    padding-inline: 100px;
    padding-top: 37px;
    padding-bottom: 37px;
    margin: 0 auto;
    display:flex;
    flex-direction: row;
    align-items: center;
    gap:124px;
    justify-content: space-between;
}

.header-mobile-search{
    display: none;
}


.header-search{
    max-width: 420px;
    width: 100%;
}

.header-search-wrapper {
    position: relative;
}

.header-search-wrapper input{
    border: 0px solid black !important;
    border-bottom: 1px solid #000027 !important;
    border-radius: 0px !important;
    background: #bbff33;
    font-family: CF ModGrotesk;
    font-weight: 400;
    font-size: 19px;
    line-height: 22px;
    color:#000027;
}

.header-search-wrapper input::placeholder{
    font-family: CF ModGrotesk;
    font-weight: 400;
    font-size: 19px;
    line-height: 22px;
    color:#000027;
}

.header-search-wrapper button{
    background: transparent;
    position: absolute;
    z-index: 10;
    left: 0px;
    padding: 0px;
}

.header-search-wrapper button svg{
    width:21px !important;
    height:21px !important;
}

.main-header-middle {
    .header-search-wrapper {
        .control {
            position: relative;

            .search-svg {
                position: absolute;
                top: 8px;
            }

            #search_custom {
                padding-left: 30px !important;
            }

            #search_custom,
            #search_custom::placeholder {
                font-family: CF ModGrotesk;
                font-weight: 400;
                font-size: 19px;
                line-height: 22px;
                color: #000027 !important;
            }
        }
    }
}

.header-name{
    line-height: 0;
}

.header-name a{
    font-family: CF ModGrotesk;
    font-weight: 400;
    font-size: 19px;
    line-height: 22px;
    color:#000027;
    white-space: nowrap;

    display: inline-block;
    max-width: 18ch; /* 18 character widths */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;

    text-decoration: none;
}

.header-name a:hover{
    white-space: nowrap;
    text-decoration: none;
}

.header-preferences{
    display: inline-flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    gap:10px;
}

.header-preferences-basket  li ,
.header-preferences-basket span[data-block="minicart"],
.header-preferences-basket  a,
.header-preferences-basket  .minicart-img svg{
    display: inline-block;
    line-height: 0;
}

.header-preferences-basket{
    display:flex;
    align-items: center;
}

.minicart-img-wrapper, .minicart-img ,minicart-img svg{
    display: inline-block;
    line-height: 0;
    display: flex;
    align-items: center;
}

.minicart-inner{
    display: flex !important;
    flex-direction:row;
    gap:5px;
    cursor:pointer;
}

.minicart-totals-wrapper{
    display: flex;
    flex-direction: column-reverse;
    justify-content: space-between;
    gap: 5px;
}

.minicart-items-counts{
    display:flex;
    flex-wrap: nowrap;
    flex-direction: row;
    align-items: center;
    gap: 4px;
}

.minicart-totals-price{
    display:flex;
    flex-wrap: nowrap;
    flex-direction: row;
}

.mini-cart-final-price , .mini-cart-euro-sign{
    color:#000027;
    font-family: CF ModGrotesk;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
}

.mini-cart-euro-sign{
    font-size: 12px;
}

.mini-cart-final-price{
    font-weight: 600;
}

.mini-cart-euro-sign{
    margin: -4px;
    margin-left: 3px;
}

.minicart-num-of-prod , .minicart-prod-text{
    color:#000027;
    font-family: CF ModGrotesk;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
}

.minicart-num-of-prod{
    font-weight: 600;
}




.header-preferences-whislist{
    display: inline-block;
    line-height: 0;
}

.header-preferences-whislist a svg{
    display:block;
}

.header-preferences-whislist a {
    display: inline-block;
    line-height: 0;
}

.header-b2b{
    display: flex;
    gap: 10px;
}

.header-b2b a{
    font-family: CF ModGrotesk;
    font-weight: 400;
    font-size: 19px;
    line-height: 21px;

    color:#000027;

    border: 1px solid #000027;
    padding: 20px;
    max-width: 77px;
    border-radius: 10px;
    display: inline-block;
    white-space: nowrap;
}

.header-b2b a:hover{
    text-decoration: none;
    color:#000027;
}

.main-header-middle .header-lang{

    @media(max-width:1000px){
        display: none;
    }
    ul{
        display: flex;
        border: 1px solid #000027;
        border-radius: 10px;
        li{
            a{
                border: none;
            }
        }

        li:nth-child(1){
            display: flex;
            align-items: center;
            a{
                padding-right: 5px;
            }
        }

        li:nth-child(2){
            a{
                padding-left:5px
            }

        }

        li:nth-child(1):after{
            content: "/";
            color: #000027;
            font-size: 20px;
            line-height: 20px;
        }
    }
}

.header-burger{
    display: inline-block;
    cursor:pointer;
    line-height: 0;
}

.header-burger::after{
    z-index: 95 !important;
}

.header-logo {
   display: inline-block;
    line-height: 0;
}

.header-logo svg {
    display: inline-block;
    line-height: 0;
}

@media(max-width: 1729px){
    .main-header-middle-inner{
        padding: 30px 50px;
    }

}

@media(max-width:1675px){
    .main-header-middle-inner{
        gap: 80px;
    }
}

@media(max-width:1521px){
    .main-header-middle-inner{
        gap: 60px;
    }
}

@media(max-width:1283px){
    .main-header-middle-inner{
        gap: 20px;
    }
}

@media(max-width:1165px){
    .header-search{
        display: none;
    }

    .header-mobile-search{
        display: inline-block;
        line-height: 0;
    }

    .header-mobile-search svg{
        display: inline-block;
        line-height: 0;
    }
    .header-preferences{
        margin-left: auto;
    }
}

@media(max-width:987px){

    .header-name{
        display: none;
    }

    .main-header-middle-inner{
        gap:40px;
        padding: 7px 29px;
    }

    .header-logo {
        max-width: 250px;
        width: 100%;
    }

    .header-logo svg {
        max-width: 250px;
        width: 100%;
    }
}


@media(max-width:739px){
    .main-header-middle-inner{
        gap: 20px !important;
        padding: 2px 9px;
    }

    .header-logo{
        max-width: 250px;
        width: 100%;
    }

    .header-logo svg{
        max-width: 250px;
        width: 100%;
    }

    .header-b2b{
        display: none;
    }
    .header-name{
        display: none;
    }

    .header-preferences-basket{
        /* width: 55px !important;*/
        margin-left: auto;
    }

    .header-preferences{
        margin-left: auto;
    }
}

@media(max-width:768px){
    .header-b2b{
        display: none;
    }

    .header-preferences-basket{
        display: none;
    }

    .header-preferences-whislist{
        display: none;
    }
}


/*main-header-mobile*/
.main-header-mobile {
    @media(min-width: 769px) {
        display: none !important;
    }

    background: #bbff33;
    border-top: 1px solid #000027;

    .main-header-mobile-inner {
        padding-top: 10px;
        padding-bottom: 10px;
        padding-inline: 25px;

        @media(max-width: 739px){
            padding-inline: 10px;
        }

        .header-preferences {
            width: 100%;
            display: flex;
            justify-content: flex-end;

            .header-b2b {

                margin-right: auto;


                display: inline-block;

                a {
                    padding: 15px 15px;
                }

            }

            .header-name {
                display: inline-block;
            }

            .header-preferences-whislist {
                display: inline-block;
            }

            .header-preferences-basket {
                display: inline-block;
                margin-left: 0 !important;
            }
        }
    }
}




/*bottom-menu*/
.main-header-bottom{
    background: #bbff33;
    border-top: 1px solid #000027;
}

.main-header-bottom-inner{
    max-width: 1820px;
    padding-inline: 100px;
    margin: 0 auto;
    min-height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;

}


#main-Menucontent #mainMenu{
    display: flex;
    gap:30px;
    justify-content: space-between;
}



#main-Menucontent #mainMenu .toggle-menu{
    display: none;
}

#main-Menucontent #mainMenu li > a{
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    gap:5px;
    cursor:pointer;
}

#main-Menucontent #mainMenu li > a > span{
    font-family: CF ModGrotesk;
    font-weight: 400;
    font-size: 19px;
    line-height: 21px;
    white-space: nowrap;
}

#main-Menucontent #mainMenu:after , #main-Menucontent #mainMenu:before{
    display: none;
}


.header-bottom-more{
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    gap: 2px;
}

.header-bottom-more-or{
    font-family: CF ModGrotesk;
    font-weight: 400;
    font-size: 19px;
    line-height: 21px;
    color:#000027;
    white-space: nowrap;
}

.header-bottom-more-all{
    font-family: CF ModGrotesk;
    font-weight: 400;
    font-size: 19px;
    line-height: 21px;
    text-decoration: underline;
    text-decoration-style: solid;
    text-decoration-thickness: 0;
    text-decoration-skip-ink: auto;
    color:#000027;
    white-space: nowrap;
}

.header-bottom-more-all:hover{
    text-decoration: underline;
}

.sidebar-mega-menu {
    position: fixed;
    top: 0;
    right: -475px; /* Start position, off-screen to the right */
    width: 475px;
    height: 100%;
    z-index: 1100;
    transition: right 0.4s ease-in-out;
    overflow-y: auto;
    box-shadow: -5px 0 15px rgba(0,0,0,0.15);
    background: #bbff33;
    padding: 50px;
}

.sidebar-mega-menu .megamenu-click.megamenu-clone{

}



@media(max-width:1783px){
    #main-Menucontent #mainMenu{
        gap:10px;
    }

}


@media(max-width:1441px){
    #main-Menucontent #mainMenu li > a > span{
        font-size: 16px;
        line-height: 19px;
    }

    #main-Menucontent #mainMenu li > a {
        padding: 10px 0;
    }

    .header-bottom-more-all{
        font-size: 17px !important;
    }

}

@media(max-width:1129px){
    .main-header-bottom-inner{
        display: none;
    }
}

@media(max-width: 475px) {
    .sidebar-mega-menu{
        position: fixed ;
        top: 0;
        right: -370px; /* Start position, off-screen to the right */
        width: 370px;
        height: 100%;
        z-index: 1100;
        transition: right 0.4s ease-in-out;
        overflow-y: auto;
        box-shadow: -5px 0 15px rgba(0, 0, 0, 0.15);
        background: #bbff33;
        padding: 25px;
    }
}

.sidebar-mega-menu .close-nav-button{
    background: #000027;
    color: white;
}

.sidebar-mega-menu .close-nav-button span:before{
    font-size: 30px;
    line-height: 37px;
}

.sidebar-mega-menu .mobile-menu-header{
    font-family: CF ModGrotesk;
    font-weight: 600;
    font-size: 22px;
    line-height: 26px;
    color:#000027;
    white-space: nowrap;
}
.sidebar-mega-menu .header-link{
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.sidebar-mega-menu .header-link .links{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    gap: 13px;
}

.sidebar-mega-menu .header-link .links a {
    font-family: CF ModGrotesk;
    font-weight: 600;
    font-size: 16px;
    line-height: 26px;
    color:#000027;
    white-space: nowrap;
}

.sidebar-mega-menu .header-link .links > a:nth-child(1) img {
    margin-right: 7px;
}

.sidebar-mega-menu .header-link .links > a:nth-child(2)  {
    display: inline-block;
    margin-top: -2px;
}

.sidebar-mega-menu .header-link .wishlist-icon img{
    margin-right: 9px;
}

.sidebar-mega-menu .settings-lang  ul
{
    margin-left:0px;
    margin-top:13px;
}

.sidebar-mega-menu .settings-lang li  a{
    background: transparent !important;
    color: #bbff33 !important;

    font-family: CF ModGrotesk !important;
    font-weight: 600 !important;
    font-size: 18px;
    line-height: 22px !important;
    color:#000027 !important;
    white-space: nowrap !important;
}

.sidebar-mega-menu .settings-lang li.active a{
    background: #000027 !important;
}

.sidebar-mega-menu .settings-lang li.active a span{
    color: #bbff33 !important;
}

.sidebar-mega-menu .header-link .wishlist-icon span{
    font-family: CF ModGrotesk;
    font-weight: 600;
    font-size: 16px;
    line-height: 26px;
    color:#000027;
    white-space: nowrap;
    display: inline-block !important;
}

body.nav-open .sidebar-mega-menu {
    right: 0; /* End position, slide into view */
}

/* Optional: This creates a dark overlay behind the sidebar when it's open */
body.nav-open .sidebar-mega-menu-overlay::after {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1000;
}




.super body.boxed.width1366 .header:not(.header1) .navigation .nav-main-menu li.mega-menu-fullwidth:not(.menu-2columns) > ul.dropdown-menu{
    top:246px !important;
}
/*mini cart*/

.minicart {
    position: relative;
}

.minicart-dropdown {
    position: absolute;
    top: 100%;
    right: 0;
    width: 350px;
    background: #fff;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
    transition: all 0.3s ease;
    z-index: 1000;
    margin-top: 10px;
}

@media(max-width: 428px){
    .minicart-dropdown {
        right: -68px;
    }
}

.minicart:hover .minicart-dropdown {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.minicart-dropdown-content {
    padding: 20px;
}

.minicart-items-wrapper {
    max-height: 400px;
    overflow-y: auto;
    margin-bottom: 20px;
}

.minicart-item {
    display: flex;
    gap: 15px;
    padding: 15px 0;
    border-bottom: 1px solid #eee;
}

.minicart-item:last-child {
    border-bottom: none;
}

.minicart-item-image {
    width: 80px;
    height: 80px;
    flex-shrink: 0;
}

.minicart-item-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 4px;
}

.minicart-item-details {
    flex: 1;
}

.minicart-item-name {
    color: #000027;
    font-family: CF ModGrotesk;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 5px;
}

.minicart-item-price {
    font-family: CF ModGrotesk;
    font-weight: 400;
    font-size: 15px;
    line-height: 20px;
    margin-bottom: 0px;
    color:#999;
}

.minicart-item-qty {
    font-family: CF ModGrotesk;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 5px;
    color:#999;
}

.minicart-actions {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.minicart-action-link {
    display: block;
    padding: 20px 20px;
    text-align: center;
    text-decoration: none;
    border-radius: 4px;
    font-weight: 600;
    transition: all 0.3s ease;

    font-family: CF ModGrotesk;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 5px;
    color:#999;
}

.minicart-view-cart {
    background: #f1f1f1;
    color: #000027 !important;
}

.minicart-view-cart:hover {
    background: #e0e0e0;
}

.minicart-checkout {
    background: #000027 ;
    color: #fff !important;
}

.minicart-checkout:hover {
    background: #fff;
    background: #000027;
}

.minicart-empty {
    text-align: center;
    padding: 40px 20px;
    color: #999;
    font-family: 'CF ModGrotesk';
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;
}


/*single-product-page*/
.single-product-page {
    max-width: 1520px;
    padding-inline: 20px;
    margin: 0 auto;
}

/*breadcrambs*/

.breadcrumbs {
    background: white !important;
    padding: 0 !important;

}

.breadcrumbs .container {
    max-width: 1366px !important;
    padding-bottom: 60px !important;
    padding-top: 100px !important;
    padding-inline: 0px !important;
    width: 100% !important;
}

.single-product-page .breadcrumbs .container {
    max-width: 1720px !important;
    padding-bottom: 60px !important;
    padding-top: 100px !important;
    padding-inline: 0px !important;
    width: 100% !important;

}

.single-product-page .breadcrumb-wrapper {
    display: block;
}

@media(max-width:1100px) {
    .super body.boxed:not(.panel-popup).catalog-product-view .single-product-page .breadcrumb-wrapper .container {
        padding-bottom: 30px !important;
        padding-top: 30px !important;
        padding-inline: 0 !important;

    }
}

.breadcrumbs .items .item+.item::before {
    content: "";
    padding: 0px 2px;
    width: 49px;
    height: 15px;
    display: inline-block;
    background: black;
    border-top-left-radius: 100px;
    border-bottom-left-radius: 100px;
    margin-right: 10px;
    flex-shrink: 0;
}





.breadcrumbs .items .item a:hover {
    color: #94c13e !important;
}




.breadcrumbs ul {
    display: flex !important;
    align-items: center;
    column-gap: 10px !important;
    row-gap: 5px !important;
    flex-wrap: wrap;
    margin: 0px !important;
    padding: 0px !important;
}

.breadcrumbs ul li {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
}

.breadcrumbs ul li a,
.breadcrumbs ul li strong {
    color: black;
    font-family: CF ModGrotesk;
    font-weight: 400;
    font-size: 17px;
    line-height: 18px;
    margin-top: -1px;
}

.breadcrumbs ul li a:hover {
    color: black;
}

@media(max-width:768px) {
    .breadcrumbs .items .item+.item::before {
        width: 10px;
        height: 7px;
    }

    .breadcrumbs ul li a,
    .breadcrumbs ul li strong {
        font-size: 12px !important;
        line-height: 18px !important;
        margin-top: -1px;
    }
}
/*end breadcrambs*/

/*basic layout main section*/
.super .product-info-main-content .product-main>.row {
    display: flex;
    flex-direction: row;
    gap: 40px;
    padding: 0 !important;
    margin: 0px !important;
}

.super .product-info-main-content .product-main>.row::before {
    display: none;
}

.super .product-info-main-content .product-main>.row::after {
    display: none;
}

.super .product-info-main-content .product-main.container {
    max-width: 1720px;
    width: 100% !important;
    padding: 0px !important;
    margin: 0 auto;
}

.product-info-main-content .product-info-media {
    width: calc(50% - 20px) !important;
    padding: 0 !important;
}

.product-info-main-content .product-info-main {
    width: calc(50% - 20px) !important;
    padding: 0 !important;
}

@media(max-width: 1100px) {
    .super .product-info-main-content .product-main>.row {
        flex-direction: column;
        gap: 0;
    }

    .product-info-main-content .product-info-media{
        width: 100% !important;
    }

    .product-info-main-content .product-info-main {
        width: 100% !important;
    }
}
/* end basic layout main section*/

.product-name-wrapper{
    display: inline-flex !important;
    flex-direction: row;
    align-items: flex-start;
    column-gap: 20px;
    row-gap: 13px;
}

.product-name{
    width: 100%;
}

.product-name .product-name-header{
    display: inline-block !important;
    font-family: CF ModGrotesk;
    font-weight: 600;
    font-size: 26px;
    line-height: 30px;
    color: black;
    max-width: 490px;
}
.product-name .product-name-wrapper span{
    font-family: CF ModGrotesk;
    font-weight: 600;
    font-size: 30px;
    line-height: 35px;
    color: #bbff33;
    white-space: nowrap;

}

.product-name-inner{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    gap: 10px;
}

@media(max-width:768px) {
    .product-name .product-name-header {
        font-size: 20px;
        line-height: 25px;
        color: black;
        max-width: 400px !important;
    }

    .product-name .product-name-wrapper span {
        font-size: 20px;
        line-height: 25px;
    }
}


/*single product whishlist*/
.wishlist {
    display: inline-block;
    cursor: pointer;
    line-height: 1;
    vertical-align: middle;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
}

.wishlist:hover .feather-heart,
.wishlist:focus .feather-heart {
    color: black;

}
.wishlist.active .feather-heart,
.wishlist[aria-pressed="true"] .feather-heart {
    color: #000000;
    fill: black;
    transform: scale(1.05);
}



.wishlist .feather-heart {
    width: 30px;
    height: 30px;
    display: inline-block;
    vertical-align: middle;
    transition: color 150ms ease, fill 150ms ease, transform 150ms ease;
    color: black;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    will-change: transform;
}


.wishlist:focus {
    outline: none !important;
}
.visually-hidden {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
    white-space: nowrap;
}


/*single-product add to cart*/

.add-cart-wrapper{
    order:99;
    width: 100%;
    margin-top:45px;
}

.add-cart-form{
    display: flex;
    flex-direction: row;
    gap: 20px ;
    justify-content: flex-end;
}

.primary.tocart.action.add-cart-button{
    width: 212px;
    height: 65px;
    border-radius: 40px !important;
    background-color: #bbff33 !important;
    border: 0px solid black !important;
    text-transform: none;
    display: flex;
    align-items: center;
    justify-content: center;
}

.primary.tocart.action.add-cart-button:hover{
    background-color: #bbff33 !important;
    border: 0px solid black !important;
}

.action.add-cart-button span{
    font-family: CF ModGrotesk;
    font-weight: 400;
    font-size: 20px;
    line-height: 22px;
    color: #000027;
}

.add-cart-buy-now{
    width: 203px;
    height: 90px;
    border-radius: 40px;
    background: #bbff33;
    display: inline-block;
    display: flex;
    align-items: center;
    justify-content: center;

}

.add-cart-buy-now span{
    font-family: CF ModGrotesk;
    font-weight: 400;
    font-size: 36px;
    line-height: 40px;
    color:#000027 !important;
}

.add-cart-qnty-inner{
    position:relative;
    display: inline-block;

}

.add-cart-qnty input{
    width: 133px;
    height: 65px;
    border-radius: 40px !important;
    background: #bbff33;
    border: 0px solid black !important;
    padding-left: 50px;
    font-family: CF ModGrotesk;
    font-weight: 400;
    font-size: 24px;
    line-height: 28px;
}

.add-cart-qnty input::placeholder{
    font-family: CF ModGrotesk;
    font-weight: 400;
    font-size: 24px;
    line-height: 28px;
}

.add-cart-qnty .add-cart-up-arrow{
    position: absolute;
    right: 30px;
    top: 15px;
    cursor: pointer;

}

.add-cart-qnty .add-cart-down-arrow{
    position: absolute;
    right: 31px;
    bottom: 5px;
    cursor: pointer;

}

.add-cart-qnty .add-cart-arrow svg {
    width: 15px;
    height: 15px;

}

@media(max-width:768px) {
    .primary.tocart.action.add-cart-button {
        width: 160px;
        height: 54px;
    }

    .action.add-cart-button span {
        font-size: 16px;
        line-height: 20px;
    }

    .add-cart-qnty input {
        width: 130px;
        font-size: 19px;
        line-height: 23px;
        height: 54px;
    }

    .add-cart-qnty .add-cart-up-arrow {
        right: 20px;
        top:8px;
    }

    .add-cart-qnty .add-cart-down-arrow {
        right: 21px;
        bottom: 3px;
    }

    .add-cart-form{
        gap: 10px;
    }

    .add-cart-wrapper{
        margin-top: 20px;
    }

    .add-cart-qnty .add-cart-arrow svg{
        width: 13px;
        height: 13px;
    }
}
/*singel product gallery*/

.product-color-disclaimer p{
    font-family: CF ModGrotesk;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: #000027;
    margin-top: 5px;
    margin-bottom: 0px;
}

@media(max-width: 768px){
    .product-color-disclaimer p{
        font-size: 13px;
        line-height: 14px;
    }
}

.product.media {
    position: static !important;
}

.product.media .vertical-gallery {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row-reverse;
    align-items: flex-start;
}


.product.media #vertical-thumbnail {
    width: 100px !important;
    margin-right: 20px;
    position: static;
}

.product.media .slick-list.draggable {
    height: 460px !important;
    max-height: 50% !important;
}

.product.media .vertical-gallery div#vertical-thumbnail-wrapper {
    display: block !important;
}

.product.media #vertical-thumbnail .slick-slide {
    margin-bottom: 20px;
    width: 100px !important;
}

.product.media #vertical-thumbnail .slick-slide img {
    width: 100px !important;
    height: 100px !important;
    object-fit: cover;
    object-position: center;
}

@media(max-width: 768px) {

    .product.media #vertical-thumbnail-wrapper {
        width: 50px !important;
        margin-right: 10px !important;
        flex-basis: 50px !important;
    }

    .product.media #vertical-thumbnail {
        width: 50px !important;
        margin-right: 10px !important;
        flex-basis: 50px !important;
    }

    .product.media #vertical-thumbnail .slick-slide {
        margin-bottom: 5px;
        width: 50px !important;
    }

    .product.media #vertical-thumbnail .slick-slide img {
        width: 50px !important;
        height: 50px !important;
    }

    .product.media .slick-list.draggable {
        height: 215px !important;
        max-height: 50% !important;
    }

}

.product.media #vertical-thumbnail .icon-angle-up {
    position: absolute;
    right: calc(50% + 20px);
    top: 20px;
    z-index: 10000;
    width: 60px;
    display: none !important;


}

.product.media #vertical-thumbnail .icon-angle-down {
    position: absolute;
    right: calc(50% + 20px);
    top: 70px;
    z-index: 10000;
    width: 60px;
    display: none !important;
}

.product.media #vertical-thumbnail .icon-angle-down::before {
    content: url("data:image/svg+xml;utf8,<svg width='23' height='23' viewBox='0 0 23 23' fill='none' xmlns='http://www.w3.org/2000/svg'><g transform='rotate(-90 11.5 11.5)'><path d='M22.6154 12.5354L2.77846 12.5354C3.61846 13.1169 4.42615 13.7631 5.20154 14.4738C5.95539 15.1631 6.66615 15.9277 7.33385 16.7677C8.00154 17.6077 8.60462 18.5123 9.14308 19.4815C9.68154 20.4508 10.1554 21.4954 10.5646 22.6154L7.46308 22.6154C7.11846 21.5385 6.69846 20.5585 6.20308 19.6754C5.70769 18.7708 5.14769 17.92 4.52308 17.1231C3.87692 16.3046 3.17692 15.5185 2.42308 14.7646C1.66923 14.0108 0.861539 13.2677 1.20203e-07 12.5354L1.49483e-07 10.08C0.861539 9.32616 1.66923 8.58308 2.42308 7.85077C3.17692 7.09693 3.87692 6.32154 4.52308 5.52462C5.14769 4.70616 5.70769 3.84462 6.20308 2.94C6.69846 2.03539 7.11846 1.05539 7.46308 3.90369e-06L10.5646 3.94068e-06C10.1554 1.09847 9.68154 2.13231 9.14308 3.10154C8.60462 4.07077 8.00154 4.97539 7.33385 5.81539C6.66616 6.65539 5.95539 7.43077 5.20154 8.14154C4.42615 8.85231 3.61846 9.49846 2.77846 10.08L22.6154 10.08L22.6154 12.5354Z' fill='%23000027'></path></g></svg>");
}

.product.media #vertical-thumbnail .icon-angle-up::before {
    transform: rotate(-180deg);
    display: inline-block;
    content: url("data:image/svg+xml;utf8,<svg width='23' height='23' viewBox='0 0 23 23' fill='none' xmlns='http://www.w3.org/2000/svg'><g transform='rotate(-90 11.5 11.5)'><path d='M22.6154 12.5354L2.77846 12.5354C3.61846 13.1169 4.42615 13.7631 5.20154 14.4738C5.95539 15.1631 6.66615 15.9277 7.33385 16.7677C8.00154 17.6077 8.60462 18.5123 9.14308 19.4815C9.68154 20.4508 10.1554 21.4954 10.5646 22.6154L7.46308 22.6154C7.11846 21.5385 6.69846 20.5585 6.20308 19.6754C5.70769 18.7708 5.14769 17.92 4.52308 17.1231C3.87692 16.3046 3.17692 15.5185 2.42308 14.7646C1.66923 14.0108 0.861539 13.2677 1.20203e-07 12.5354L1.49483e-07 10.08C0.861539 9.32616 1.66923 8.58308 2.42308 7.85077C3.17692 7.09693 3.87692 6.32154 4.52308 5.52462C5.14769 4.70616 5.70769 3.84462 6.20308 2.94C6.69846 2.03539 7.11846 1.05539 7.46308 3.90369e-06L10.5646 3.94068e-06C10.1554 1.09847 9.68154 2.13231 9.14308 3.10154C8.60462 4.07077 8.00154 4.97539 7.33385 5.81539C6.66616 6.65539 5.95539 7.43077 5.20154 8.14154C4.42615 8.85231 3.61846 9.49846 2.77846 10.08L22.6154 10.08L22.6154 12.5354Z' fill='%23000027'></path></g></svg>");
}



.product.media #vertical-thumbnail .slick-list.draggable {
    padding: 0 !important;
}



.product.media .owl-item.active {
    height: 100%;
}

.product.media .owl-nav {
    position: absolute;
    top: 20px;
    right: 30px;
    z-index: 111;
    width: 100px;
    height: 100px;
}

.product.media .owl-next.disabled,
.product.media .owl-prev.disabled {
    display: inline-block !important;
}

.product.media .owl-next {
    position: absolute;
    z-index: 111;
    right: -8px;
    top: 55px;
    display: inline-block;
    width: 30px;
    line-height: 0;
}

.product.media .owl-prev {
    position: absolute;
    z-index: 111;
    top: 20px;
    left: 79px !important;
    display: inline-block;
    line-height: 0;
    width: 30px;

}

.product.media .owl-stage img {
    width: 100%;
    height: auto;
    display: block;
}

.product.media .owl-prev {}

.product.media .owl-next {}

.product.media .owl-prev span {
    display: inline-block;
}

.product.media .owl-next span {
    display: inline-block;
}

.product.media .owl-next span::after {

    display: inline-block;
    content: url("data:image/svg+xml;utf8,<svg width='23' height='23' viewBox='0 0 23 23' fill='none' xmlns='http://www.w3.org/2000/svg'><g transform='rotate(-90 11.5 11.5)'><path d='M22.6154 12.5354L2.77846 12.5354C3.61846 13.1169 4.42615 13.7631 5.20154 14.4738C5.95539 15.1631 6.66615 15.9277 7.33385 16.7677C8.00154 17.6077 8.60462 18.5123 9.14308 19.4815C9.68154 20.4508 10.1554 21.4954 10.5646 22.6154L7.46308 22.6154C7.11846 21.5385 6.69846 20.5585 6.20308 19.6754C5.70769 18.7708 5.14769 17.92 4.52308 17.1231C3.87692 16.3046 3.17692 15.5185 2.42308 14.7646C1.66923 14.0108 0.861539 13.2677 1.20203e-07 12.5354L1.49483e-07 10.08C0.861539 9.32616 1.66923 8.58308 2.42308 7.85077C3.17692 7.09693 3.87692 6.32154 4.52308 5.52462C5.14769 4.70616 5.70769 3.84462 6.20308 2.94C6.69846 2.03539 7.11846 1.05539 7.46308 3.90369e-06L10.5646 3.94068e-06C10.1554 1.09847 9.68154 2.13231 9.14308 3.10154C8.60462 4.07077 8.00154 4.97539 7.33385 5.81539C6.66616 6.65539 5.95539 7.43077 5.20154 8.14154C4.42615 8.85231 3.61846 9.49846 2.77846 10.08L22.6154 10.08L22.6154 12.5354Z' fill='%23000027'></path></g></svg>");
}

.product.media .owl-prev span::after {
    transform: rotate(-180deg);
    display: inline-block;

    content: url("data:image/svg+xml;utf8,<svg width='23' height='23' viewBox='0 0 23 23' fill='none' xmlns='http://www.w3.org/2000/svg'><g transform='rotate(-90 11.5 11.5)'><path d='M22.6154 12.5354L2.77846 12.5354C3.61846 13.1169 4.42615 13.7631 5.20154 14.4738C5.95539 15.1631 6.66615 15.9277 7.33385 16.7677C8.00154 17.6077 8.60462 18.5123 9.14308 19.4815C9.68154 20.4508 10.1554 21.4954 10.5646 22.6154L7.46308 22.6154C7.11846 21.5385 6.69846 20.5585 6.20308 19.6754C5.70769 18.7708 5.14769 17.92 4.52308 17.1231C3.87692 16.3046 3.17692 15.5185 2.42308 14.7646C1.66923 14.0108 0.861539 13.2677 1.20203e-07 12.5354L1.49483e-07 10.08C0.861539 9.32616 1.66923 8.58308 2.42308 7.85077C3.17692 7.09693 3.87692 6.32154 4.52308 5.52462C5.14769 4.70616 5.70769 3.84462 6.20308 2.94C6.69846 2.03539 7.11846 1.05539 7.46308 3.90369e-06L10.5646 3.94068e-06C10.1554 1.09847 9.68154 2.13231 9.14308 3.10154C8.60462 4.07077 8.00154 4.97539 7.33385 5.81539C6.66616 6.65539 5.95539 7.43077 5.20154 8.14154C4.42615 8.85231 3.61846 9.49846 2.77846 10.08L22.6154 10.08L22.6154 12.5354Z' fill='%23000027'></path></g></svg>");
}

@media(max-width:768px) {
    .product.media .owl-prev span::after {
        transform: scale(0.7) rotate(-180deg);
    }

    .product.media .owl-next span::after {
        transform: scale(0.7);
    }

    .product.media .owl-next {
        right: -30px;
    }

    .product.media .owl-prev {
        left: 100px !important;
    }
}
/*product short description*/

.product-add-form{
    border: none !important;
}

.product-short-description{
    margin-top: 45px;
    margin-bottom: 0px;
}

.product-short-description p{
    order: 97;
    font-family: CF ModGrotesk;
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    color: black;
   margin:0px;
}

@media(max-width:768px) {
    .product-short-description {
        margin-top: 20px;
    }

    .product-short-description p {
        font-size: 16px;
        line-height: 20px;
    }
}

/*single product attributes*/
.single-product-page #maincontent{
    margin: 0px;
    width: 100%;
}

.single-product-page #maincontent .row{
    max-width:1720px;
    width:100%;
    margin: 0 auto;
}

.single-product-page #maincontent  .column.main{
    padding: 0px;
    width: 100% !important;
}
.single-product-page #maincontent  .product.info.detailed.container{
    margin: 0px !important;
    padding: 0px !important;
    width: 100% !important;
}

/*tabs section*/

/*tabs wrapper full width*/
.product.info.detailed.container {
    width: 100% !important;
    padding: 0;
    margin-top: 60px;
    margin-bottom: 140px;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

@media(max-width:768px){
    .product.info.detailed.container{
        margin-bottom: 60px;
    }
}

/*tabs headers*/

.product-data-items-menu {
    height: auto;
    display: flex;
    gap: 0;
}

.product-data-items-menu .data.item {
    padding-right: 0 !important;
}

.product-data-items-menu .data.item.active a,
.product-data-items-menu .data.item a {
    background: #bbff33 !important;
    font-family: CF ModGrotesk !important;
    font-weight: 400 !important;
    font-size: 28px !important;
    line-height: 32px !important;
    color: #000027 !important;
    padding: 20px 44px !important;
    border-bottom-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    border-top-left-radius: 30px !important;
    border-top-right-radius: 30px !important;
    text-transform: none !important;

}

.product-data-items-menu .data.item a {
    background: #BBFF3380 !important;
}

/*tabs content*/
.delivery-and-returns-column-1 p {
    font-family: CF ModGrotesk;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    color: #000027;
    margin-top: 0px;
    margin-bottom: 10px;
}

/*tab delivery and return*/

/*tab-specs*/
.specs-grid-wrapper {}

.single-product-page .stock.available[title="Availability"] {
    display: none !important;
}

.specs-grid-wrapper .sub-specs-grid {
    display: flex;
    flex-direction: row;
    gap: 7%;
}

.specs-grid-wrapper .specs-col {
    max-width: 50%;
    width: 100%;
}

.specs-grid-wrapper .specs-row {
    border-bottom: 1px solid black !important;
    display: flex !important;
    gap: 20px;
}



.specs-grid-wrapper .label {
    font-family: CF ModGrotesk;
    font-weight: 400 !important;
    font-size: 20px;
    line-height: 28px;
    color: black;
    margin-bottom: 0px;

    max-width: 50%;
    width: 100%;
    display: flex;
    align-items: center;
    white-space: normal;
    text-align: left;

}

.specs-grid-wrapper .value {
    font-family: CF ModGrotesk;
    font-weight: 400 !important;
    font-size: 20px;
    line-height: 28px;
    color: black;

    text-align: right;
    white-space: normal;
    max-width: 50%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

@media(max-width: 1134px) {


    .specs-grid-wrapper .sub-specs-grid {
        flex-direction: column !important;
        gap: 0 !important;
    }

    .specs-grid-wrapper .sub-specs-grid .specs-col {
        width: 100% !important;
        max-width: 100% !important;
    }
}

@media(max-width:768px) {
    .product.info.detailed .product-data-items-menu {
        display: flex !important;
        flex-direction: column;
    }

    .product-data-items-menu .data.item.active a,
    .product-data-items-menu .data.item a {
        border-top-left-radius: 0px !important;
        border-top-right-radius: 0px !important;
        font-size: 25px !important;

    }

    .product-data-items-menu .data.item:nth-child(1) a{
        border-top-right-radius: 30px !important;
        border-top-left-radius: 30px !important;
    }

    .product-data-items-content .title-accordion {
        display: none;
    }

    .specs-grid-wrapper .label {
        font-size: 17px;
        line-height: 22px;
    }

    .specs-grid-wrapper .value {
        font-size: 17px;
        line-height: 22px;
    }

    .specs-grid-wrapper .specs-row{
        display: flex !important;
        gap: 20px;
    }

}

/*product full description*/
.single-product-full-desc-row {
    margin-top: 60px;
    padding: 60px !important;
}

.single-product-full-desc-cols {
    display: flex;
    flex-direction: column;
    gap: 50px;
}

.single-product-full-desc-cols>div+div {
    display: flex;
    gap: 40px;
}



.single-product-full-desc-col-1 h2 {
    font-family: CF ModGrotesk;
    font-weight: 400;
    font-size: 40px !important;
    line-height: 48px;
    color: #000027;
}

.single-product-full-desc-col-2 p,
.single-product-full-desc-col-3 p {
    font-family: CF ModGrotesk;
    font-weight: 400;
    font-size: 20px;
    line-height: 26px;
    color: #000027;
    margin-bottom: 10px;
}

@media(max-width: 980px) {
    .single-product-full-desc-cols {
        gap: 20px;
    }

    .single-product-full-desc-cols>div+div {
        flex-direction: column;
        gap: 00px;
    }

    .single-product-full-desc-cols>div+div>div {
        width: 100% !important;
    }
}

@media(max-width:768px) {
    .single-product-full-desc-row {
        padding: 30px !important;
        margin-top: 0px !important;
    }

    .single-product-full-desc-col-2 p,
    .single-product-full-desc-col-3 p {
        font-size: 16px;
        line-height: 22px;
    }

    .single-product-full-desc-col-1 h2 {
        font-size: 30px !important;
        line-height: 34px;
    }
}

/*product stock price*/

.stock-price-data{
    width:100%;
    margin-top:45px;
    order: 96;
}
.stock-price-data-inner{
    display: flex;
    justify-content: space-between;
}

.stock-data-state{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    gap: 12px;
}

.stock-data-dot{
    width: 15px;
    height: 15px;
    border-radius:50%;
    background: #bbff33;
    display: inline-block;
}

.stock-data-state-text{
    font-family: CF ModGrotesk;
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    color:black;
}

@media(max-width:768px) {
    .stock-data-state-text {

        font-size: 18px;
        line-height: 22px;

    }
}

.stock-data-delivery{
    line-height: 0;
    margin-top: 8px;
}

.stock-data-delivery span{
    font-family: CF ModGrotesk;
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    color:#00002780;
}

.price-data{
    display: inline-block !important;
}

.pice-data-inner{
    display: flex;
    gap: 10px;
    flex-wrap: nowrap !important;
}

.price-data-text{
    font-family: CF ModGrotesk;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    color:#000027;
}

.stock-data{
    display: flex;
    align-items: center;
}



.price-data-before{
    font-family: CF ModGrotesk;
    font-weight: 500;
    font-size: 40px;
    line-height: 45px;
    text-decoration: line-through;
    color:#00002780;
    text-decoration-thickness: 2px;
}

.price-data-after{
    margin-left:0px;
    margin-right: 0px ;
    display: flex;
    align-items: flex-start;
}

.price-data-after span:nth-child(1){
    font-family: CF ModGrotesk;
    font-weight: 500;
    font-size: 40px;
    line-height: 45px;

}

.price-data-after span:nth-child(2){
    font-family: CF ModGrotesk;
    font-weight: 400;
    font-size: 30px;
    line-height: 35px;
}


.price-data-exc-vat{
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    gap:0;
}

.price-data-exc-vat-text{
    font-family: CF ModGrotesk;
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    cololr:black;
    margin-bottom: 3px;
    white-space: nowrap;
}




.stock-sku-wrapper{
    display: none !important;
}



@media(max-width:768px) {
    .stock-price-data{
        margin-top: 0px;
    }

    .price-data-before {
        font-size: 30px;
        line-height: 35px;
    }

    .price-data-after span:nth-child(1) {
        font-size: 30px;
        line-height: 35px;
    }

    .price-data-after span:nth-child(2) {
        font-size: 20px;
        line-height: 25px;
    }
}

@media(max-width:420px){
    .stock-price-data-inner{
        flex-direction: column;
        row-gap: 10px;
    }

}


/*ai pot suggestor*/

.ai-pot-suggestor{
    margin-top:60px !important;
}
.ai-pot-suggestor-inner{
    max-width: 1720px;
    margin: 0 auto;
    padding: 60px 80px;
    border:1px solid #bbff33;
    border-radius: 300px;
}

.ai-pot-suggestor-inner h3{
    text-align:center;
    font-family: CF ModGrotesk;
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 40px;
}

.ai-pot-suggestor-form{
    display: flex;
    column-gap: 30px;
}

.ai-pot-suggestor-form input{
    max-width: 600px;
    width:100%;
    height: 90px;
    border-radius: 10px;
    border:1px solid #000027;
    padding-inline: 60px;

    text-align:center;
    font-family: CF ModGrotesk;
    font-weight: 400;
    font-size: 24px;
    line-height: 28px;
    color:#000027;

    flex-shrink: 1;

}

.ai-pot-suggestor-form input::placeholder{
    text-align:center;
    font-family: CF ModGrotesk;
    font-weight: 400;
    font-size: 24px;
    line-height: 28px;
    color:#000027 !important;
}

.ai-pot-suggestor-form button{
    font-family: CF ModGrotesk;
    font-weight: 400;
    font-size: 24px;
    line-height: 100%;
    text-align: center;
    flex-shrink: 0;
    width: 292px;
    height: 90px;

    border-radius: 10px;
    background:#000027;
    display: inline-block;
    color: #bbff33;

}

/*pu calculator*/

.pu-calculator{
    order:100;
    margin-top: 55px;
}


.pu-calculator-inner{
    max-width: 1720px;
    margin: 0 auto;
    padding: 60px 80px;
    border:1px solid #bbff33;
    border-radius: 300px;
}

.pu-calculator-inner h3{
    text-align:center;
    font-family: CF ModGrotesk;
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 40px;
}

.pu-calculator-form{
    display: flex;
    column-gap: 30px;
    margin-bottom: 40px;
}

.pu-calculator-form input{
    max-width: 600px;
    width:100%;
    height: 90px;
    border-radius: 10px !important;
    border:1px solid #000027 !important;
    padding-inline: 60px;

    text-align:center;
    font-family: CF ModGrotesk;
    font-weight: 400;
    font-size: 24px;
    line-height: 28px;
    color:#000027;

    flex-shrink: 1;

}

.pu-calculator-form input::placeholder{
    text-align:center;
    font-family: CF ModGrotesk;
    font-weight: 400;
    font-size: 24px;
    line-height: 28px;
    color:#000027 !important;
}

.pu-calculator-form button {
    font-family: CF ModGrotesk;
    font-weight: 400;
    font-size: 24px;
    line-height: 100%;
    text-align: center;
    flex-shrink: 0;
    width: 172px;
    height: 90px;

    border-radius: 10px;
    background: #000027;
    display: inline-block;
    color: #bbff33;
}

.pu-calculator-plants{
    font-family: CF ModGrotesk;
    font-weight: 400;
    font-size: 64px;
    line-height: 69px;
    text-align: center;
}

/*product related*/

.merch{
    padding:0 !important;
    margin-top:140px;
    margin-inline: 0 !important;
    margin-bottom: 180px !important ;
}

.merch .container{
    max-width:1720px;
    width:100% !important;
    padding: 0;
    margin: 0 auto;
}

.merch .container .row{
    margin-inline: 0px !important;
}

/*product page 2 carousels*/

.sp-rel-pr .content-heading {
    padding: 0 !important;
    margin-inline: 0px !important;
    margin-bottom: 30px !important;
}

.sp-rel-pr .owl-dots {
    display: none !important;
}

.sp-rel-pr .actions-link {
    display: none;
}

.sp-rel-pr .content-heading h3 {
    border-bottom: 1px solid #000027 !important;
    padding-bottom: 20px !important;
}



.sp-rel-pr .content-heading h3 span {
    font-family: CF ModGrotesk;
    font-weight: 400;
    font-size: 30px !important;
    line-height: 32px !important;
}

@media(max-width:768px) {
    .sp-rel-pr .content-heading h3 span {
        font-size: 26px !important;
        line-height: 34px !important;
        display: inline-block;
    }

}

@media(max-width:430px) {

    .sp-rel-pr .content-heading h3 span {
        max-width: 200px;
    }
}

.sp-rel-pr .products-related {
    margin-inline: 0px !important;
}

/*related carousel arrows and spacing*/

.sp-rel-pr .products-related .owl-stage {
    display: flex;
    flex-wrap: nowrap;
}

.sp-rel-pr .related-product-main {
    margin-bottom: 140px;
}

@media(max-width:768px) {
    .sp-rel-pr .related-product-main {
        margin-bottom: 70px;
    }
}

.sp-rel-pr .products-related {
    background: transparent !important;
    padding: 0 !important;
}

.sp-rel-pr .products-related .owl-item .item {
    width: 375px !important;
}

@media(max-width:768px) {
    .sp-rel-pr .products-related .owl-item .item {
        width: 350px !important;
        padding-inline: 10px !important;
    }

    .sp-rel-pr .products-related .product-item-info {
        padding: 0 !important;
    }
}

.sp-rel-pr .products-related .owl-stage-outer {
    margin-left: -15px;
    margin-right: -0px !important;
}

.sp-rel-pr .products-related .owl-item .item.product {
    padding: 0;
}

.sp-rel-pr .products-related .owl-item .item.product .product-item-info {
    padding: 0;
    padding-inline: 15px;
}

/*navigation reusable*/
.sp-rel-pr .owl-nav {
    position: absolute;
    top: -110px !important;
}

.sp-rel-pr .owl-nav.disabled {
    display: block !important;
}

.sp-rel-pr .owl-next {
    position: absolute !important;
    right: 10px !important;
    cursor: pointer;
}

.sp-rel-pr .owl-prev {
    position: absolute !important;
    left: calc(100% - 160px) !important;
    cursor: pointer;

}

.sp-rel-pr .products-related .owl-next.disabled {
    opacity: 1 !important;
}

.sp-rel-pr .products-related .owl-prev.disabled {
    opacity: 1 !important;
}

.sp-rel-pr .owl-next img {
    display: none !important;
}

.sp-rel-pr .owl-prev img {
    display: none !important;
}

.sp-rel-pr .owl-prev::after {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin: 0 !important;
    border: 1px solid #0000274D;
    width: 60px;
    height: 60px;
    content: url("data:image/svg+xml;utf8,<svg width='23' height='23' viewBox='0 0 23 23' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M22.6154 12.5354L2.77846 12.5354C3.61846 13.1169 4.42615 13.7631 5.20154 14.4738C5.95539 15.1631 6.66615 15.9277 7.33385 16.7677C8.00154 17.6077 8.60462 18.5123 9.14308 19.4815C9.68154 20.4508 10.1554 21.4954 10.5646 22.6154L7.46308 22.6154C7.11846 21.5385 6.69846 20.5585 6.20308 19.6754C5.70769 18.7708 5.14769 17.92 4.52308 17.1231C3.87692 16.3046 3.17692 15.5185 2.42308 14.7646C1.66923 14.0108 0.861539 13.2677 1.20203e-07 12.5354L1.49483e-07 10.08C0.861539 9.32616 1.66923 8.58308 2.42308 7.85077C3.17692 7.09693 3.87692 6.32154 4.52308 5.52462C5.14769 4.70616 5.70769 3.84462 6.20308 2.94C6.69846 2.03539 7.11846 1.05539 7.46308 3.90369e-06L10.5646 3.94068e-06C10.1554 1.09847 9.68154 2.13231 9.14308 3.10154C8.60462 4.07077 8.00154 4.97539 7.33385 5.81539C6.66616 6.65539 5.95539 7.43077 5.20154 8.14154C4.42615 8.85231 3.61846 9.49846 2.77846 10.08L22.6154 10.08L22.6154 12.5354Z' fill='%23000027'></path></svg>");
}



.sp-rel-pr .owl-next::after {
    width: 60px;
    height: 60px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin: 0 !important;
    border: 1px solid #0000274D;
    width: 60px;
    height: 60px;
    content: url("data:image/svg+xml;utf8,<svg width='23' height='23' viewBox='0 0 23 23' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M-0.000153029 10.08L19.8368 10.08C18.9968 9.49846 18.1891 8.85231 17.4137 8.14154C16.6598 7.45231 15.9491 6.68769 15.2814 5.84769C14.6137 5.00769 14.0106 4.10308 13.4722 3.13385C12.9337 2.16461 12.4598 1.12 12.0506 -4.61794e-07L15.1522 -3.26222e-07C15.4968 1.07692 15.9168 2.05692 16.4122 2.94C16.9075 3.84461 17.4675 4.69538 18.0922 5.49231C18.7383 6.31077 19.4383 7.09692 20.1922 7.85077C20.946 8.60462 21.7537 9.34769 22.6152 10.08L22.6152 12.5354C21.7537 13.2892 20.946 14.0323 20.1922 14.7646C19.4383 15.5185 18.7383 16.2938 18.0922 17.0908C17.4675 17.9092 16.9075 18.7708 16.4122 19.6754C15.9168 20.58 15.4968 21.56 15.1522 22.6154L12.0506 22.6154C12.4598 21.5169 12.9337 20.4831 13.4722 19.5138C14.0106 18.5446 14.6137 17.64 15.2814 16.8C15.9491 15.96 16.6598 15.1846 17.4137 14.4738C18.1891 13.7631 18.9968 13.1169 19.8368 12.5354L-0.000153136 12.5354L-0.000153029 10.08Z' fill='%23000027'></path></svg>");
}

@media(max-width:768px) {
    .sp-rel-pr .owl-next::after {
        width: 50px;
        height: 50px;
    }

    .sp-rel-pr .owl-prev::after {
        width: 50px;
        height: 50px;
    }

    .sp-rel-pr .owl-nav {
        position: absolute;
        top: -100px !important;
    }

    .sp-rel-pr .owl-next {
        position: absolute !important;
        right: 10px !important;
        cursor: pointer;
    }

    .sp-rel-pr .owl-prev {
        position: absolute !important;
        left: calc(100% - 130px) !important;
        cursor: pointer;

    }
}

/*end reusable navigation*/

.sp-rel-pr .products-related .top-details {
    padding: 0px !important;
}

.sp-rel-pr .products-related .add-to-basket-actions {
    padding: 0 !important;
}

.sp-rel-pr .products-related .product-top {
    background: transparent;
}

.sp-rel-pr .products-related .product-top a {
    padding: 0 !important;
    background: transparent;
}

.sp-rel-pr .products-related .product-top img {
    display: block !important;
    aspect-ratio: 4/5 !important;
    object-fit: cover;
    object-position: center !important;
    width: 100%;
    height: auto !important;
    padding: 0 !important;
    position: static !important;
    border-radius: 10px !important;

}

/*equal height slides related products reusable */

.sp-rel-pr .owl-stage {
    display: flex;
}

.sp-rel-pr .owl-item {
    display: flex;
    height: auto;
}

.sp-rel-pr .owl-item .item.product {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.sp-rel-pr .owl-item .item.product .product-item-info {
    display: flex;
    flex-direction: column;
    flex: 1;
    height: 100%;
}

.sp-rel-pr .product.details {
    display: flex;
    flex-direction: column;
    flex: 1;
    /* This will stretch to fill remaining space */
}


/*product collections to opoio einai syndiaseto sthn arxikh*/
.sp-rel-pr .products-upsell {
    background: transparent !important;
    padding: 0 !important;
}

.sp-rel-pr .products-upsell .product-item-info {
    padding: 0 !important;
}

.sp-rel-pr .products-upsell .class .item.product.product-item {
    padding: 0px 15px !important;
}

.sp-rel-pr .products-upsell .product-items a.action.towishlist {
    top: 10px;
}

.sp-rel-pr .products-upsell .product-top a {
    padding: 0 !important;
    display: block;
    background: transparent;
}

.sp-rel-pr .products-upsell .product-top {
    background: transparent;
}

.sp-rel-pr .products-upsell .product-top img {
    aspect-ratio: 4/5;
    object-fit: cover;
    object-position: center;
    display: block;
    width: 100%;
    height: auto !important;
    position: static !important;
    border-radius: 10px;
}

.sp-rel-pr .products-upsell .owl-stage {
    display: flex;
    margin-left: -14px;
}

.sp-rel-pr .products-upsell .item.product.product-item {
    width: 376px;
    padding-inline: 15px;
}

@media(max-width:768px) {
    .sp-rel-pr .products-upsell .item.product.product-item {
        width: 360px;
        padding-inline: 10px;
    }

    .sp-rel-pr .products-upsell .owl-stage {
        display: flex;
        margin-left: -8px;
    }
}

@media(max-width: 380px) {
    .sp-rel-pr .products-upsell .item.product.product-item {
        width: 350px;
    }
}

.sp-rel-pr .products-upsell .add-to-basket-actions {
    padding: 0 !important;
}

.sp-rel-pr .products-upsell .top-details {
    padding: 0 !important;
}

.sp-rel-pr .products-upsell .top-details.description {
    padding: 0 !important;
}


/*dhmhtrhs*/
.fixit-items .product-item-info .product-item-photo .product-image-container .product-image-wrapper img{
    position: relative;
    border-radius: 10px;
    aspect-ratio: 4/5;
    object-fit: cover;
    object-position: center;
}

/*carousel*/
.front-page-carousel-title{
    max-width: 1680px;
    margin: 0 auto;
    padding: 0 100px;
}

@media(max-width:975px){
    .front-page-carousel-title{
        padding-left:25px;
        padding-right:0;
    }
    .front-page-carousel-title-row{
        margin-top: 90px !important;
    }
}

.front-page-carousel-title h2{
    font-family: CF ModGrotesk;
    font-weight: 400;
    font-size: 48px;
    line-height:52px;
    border-bottom: 2px solid #000027;
    margin-bottom: 30px;
    padding-bottom: 20px;
}
@media(max-width:600px){
    .front-page-carousel-title h2{
        font-size: 33px;
        line-height:38px;
    }
}

.front-page-carousel-column-1{
    max-width: 1680px;
    margin: 0 auto;
    padding: 0 100px;
}



@media(max-width:975px){
    .front-page-carousel-column-1{
        padding-left:25px;
        padding-right:0;
    }
}

.front-page-carousel-column-1 .slick-prev {
    position: absolute;
    right: 90px;
    top: -107px;
    z-index: 1000;
    font-size: 0;
    background: white;
    border: 1px solid #0000274D;
    border-radius: 50%;
    padding: 10px;
    width: 60px;
    height: 60px;
}

.front-page-carousel-column-1 .slick-next {
    position: absolute;
    top: -108px;
    right: 0px;
    font-size: 0;
    background: white;
    border: 1px solid #0000274D;
    border-radius: 50%;
    padding: 10px;
    width: 60px;
    height: 60px;
}
@media(max-width:975px){
    .front-page-carousel-column-1 .slick-prev {
        right: 125px;
    }

    .front-page-carousel-column-1 .slick-next {
        right: 25px;
    }
}

@media(max-width:600px){
    .front-page-carousel-column-1 .slick-prev {
        top: -97px;
        width: 50px;
        height: 50px;
        right: 87px;
    }

    .front-page-carousel-column-1 .slick-next {
        top: -97px;
        width: 50px;
        height: 50px;
    }
}

.front-page-carousel-column-1  .product-info-secondary{
    display: none !important;
}

.front-page-carousel-column-1 .slick-prev::after{
    content: url("data:image/svg+xml;utf8,<svg width='23' height='23' viewBox='0 0 23 23' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M22.6154 12.5354L2.77846 12.5354C3.61846 13.1169 4.42615 13.7631 5.20154 14.4738C5.95539 15.1631 6.66615 15.9277 7.33385 16.7677C8.00154 17.6077 8.60462 18.5123 9.14308 19.4815C9.68154 20.4508 10.1554 21.4954 10.5646 22.6154L7.46308 22.6154C7.11846 21.5385 6.69846 20.5585 6.20308 19.6754C5.70769 18.7708 5.14769 17.92 4.52308 17.1231C3.87692 16.3046 3.17692 15.5185 2.42308 14.7646C1.66923 14.0108 0.861539 13.2677 1.20203e-07 12.5354L1.49483e-07 10.08C0.861539 9.32616 1.66923 8.58308 2.42308 7.85077C3.17692 7.09693 3.87692 6.32154 4.52308 5.52462C5.14769 4.70616 5.70769 3.84462 6.20308 2.94C6.69846 2.03539 7.11846 1.05539 7.46308 3.90369e-06L10.5646 3.94068e-06C10.1554 1.09847 9.68154 2.13231 9.14308 3.10154C8.60462 4.07077 8.00154 4.97539 7.33385 5.81539C6.66616 6.65539 5.95539 7.43077 5.20154 8.14154C4.42615 8.85231 3.61846 9.49846 2.77846 10.08L22.6154 10.08L22.6154 12.5354Z' fill='%23000027'></path></svg>");
}

.front-page-carousel-column-1 .slick-next::after{
    content: url("data:image/svg+xml;utf8,<svg width='23' height='23' viewBox='0 0 23 23' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M-0.000153029 10.08L19.8368 10.08C18.9968 9.49846 18.1891 8.85231 17.4137 8.14154C16.6598 7.45231 15.9491 6.68769 15.2814 5.84769C14.6137 5.00769 14.0106 4.10308 13.4722 3.13385C12.9337 2.16461 12.4598 1.12 12.0506 -4.61794e-07L15.1522 -3.26222e-07C15.4968 1.07692 15.9168 2.05692 16.4122 2.94C16.9075 3.84461 17.4675 4.69538 18.0922 5.49231C18.7383 6.31077 19.4383 7.09692 20.1922 7.85077C20.946 8.60462 21.7537 9.34769 22.6152 10.08L22.6152 12.5354C21.7537 13.2892 20.946 14.0323 20.1922 14.7646C19.4383 15.5185 18.7383 16.2938 18.0922 17.0908C17.4675 17.9092 16.9075 18.7708 16.4122 19.6754C15.9168 20.58 15.4968 21.56 15.1522 22.6154L12.0506 22.6154C12.4598 21.5169 12.9337 20.4831 13.4722 19.5138C14.0106 18.5446 14.6137 17.64 15.2814 16.8C15.9491 15.96 16.6598 15.1846 17.4137 14.4738C18.1891 13.7631 18.9968 13.1169 19.8368 12.5354L-0.000153136 12.5354L-0.000153029 10.08Z' fill='%23000027'></path></svg>");
}

.product-item-details {
    display: flex !important;
    flex-direction: column !important;
    flex-grow: 1;
}

.top-details{
    height:100%
}

.top-details-inner{
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    height: 100%;
}

.top-details-attr-price{
    display: flex;
    gap: 5px;
    justify-content: space-between;
    margin-top:20px;
}

.top-details-attr{
    font-family: CF ModGrotesk;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    color: #000027;
}

@media(max-width:768px){
    .top-details-attr{
        font-size: 16px;
        line-height: 20px;
    }
}

.top-details-price{
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-start;
    gap: 5px;
}

.top-details-price .exc{
    font-family: CF ModGrotesk;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #000027;

    white-space: nowrap;
    display: inline-block;
    margin-top:8px;
}

.top-details-price .price-value{
    font-family: CF ModGrotesk;
    font-weight: 500;
    font-size: 22px;
    line-height: 24px;
    color: #000027;
}

.top-details-price .price-euro{
    font-family: CF ModGrotesk;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    position:absolute;
    top: -15px;
    z-index: -20;
    color: #000027;
}

@media(max-width:768px){
    .top-details-price .price-value{
        font-size:20px;
        line-height: 24px;
    }

    .top-details-price .price-euro{
        font-size:20px;
        line-height: 24px;
    }
}

.top-details-price .price{
    position:relative;
    margin-right: 15px;
}

.top-details-sku{
    display: flex;
    align-items: center;
    gap: 5px;
}

.top-details-sku-stock{
    display: flex;
    justify-content: space-between;
    margin-top:14px;
}

.top-details-sku span{
    color:#000027;
    font-family: CF ModGrotesk;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;

}

.top-details-in-stock{
    display: flex;
    align-items: center;
    gap:5px;
}

.top-details-in-stock-bullet{
    width:10px;
    height: 10px;
    background: #bbff33;
    border-radius:50%;

    display: inline-block;
}

.out-of-stock{
    background: #D60000 ;
}

.top-details-in-stock span:nth-child(2){
    font-family: CF ModGrotesk;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color:#000027;

}

.add-to-basket-actions{
    /*margin-top: auto;*/
}

.add-to-basket-actions form{
    display: flex;
    justify-content: space-between;
    gap: 5px;
}

.add-to-basket-actions .carousel-pr-qty{
    width: 100px;
    height: 60px;
    background: #bbff33;
    border: 0px solid black !important;
    outline: none;
    text-align: left;

    font-family: CF ModGrotesk;
    font-weight: 400;
    font-size: 24px;
    line-height: 24px;
    border-radius: 20px !important;
}

.carousel-pr-qty-wrapper{
    position:relative;
}

.carousel-pr-qty-wrapper {
    position: relative;
}

.car-up-arrow{
    position: absolute;
    right: 25px;
    top: 8px;
    cursor: pointer;
}

.car-down-arrow{
    position: absolute;
    right: 26px;
    bottom: 5px;
    cursor:pointer;
}

.add-to-basket-actions button.action.tocart.primary{
    background: #bbff33 !important;
    border: 0px solid #bbff33 !important;
    font-family: CF ModGrotesk !important;
    font-weight: 400 !important;
    font-size: 18px !important;
    line-height: 22px !important;
    color: #000027 !important;
    width: 190px !important;
    height: 60px !important;
    border-radius: 20px  ;
}

.top-details.description{
    height: auto !important;
}

.top-details.description p{
    margin-bottom: 23px;
    margin-top: 10px;
    font-family: CF ModGrotesk !important;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #000027 !important;

    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;


}

@media(max-width:768px){
    .add-to-basket-actions button.action.tocart.primary{
        font-size: 18px ;
        line-height: 22px;
    }
}

.front-page-carousel-column-1  .fixit-items .slick-slide {
    margin: 0 15px; /* 15px on each side = 30px total gap */
}

.front-page-carousel-column-1  .fixit-items .slick-list {
    /* Compensate for the slide margins */
}
.front-page-carousel-column-1 .fixit-items .product-item-info{
    width: 347px !important;
}

@media (max-width: 900px)  {
    .front-page-carousel-column-1 .fixit-items .product-item-info {
        width: 350px !important;
    }
}

@media (max-width: 500px)  {
    .front-page-carousel-column-1 .fixit-items .product-item-info {

    }
}

@media (max-width: 410px)  {
    .front-page-carousel-column-1 .fixit-items .product-item-info {
        width: 335px !important;
    }
}

/**equal height slides simple carousel*/
.front-page-carousel-column-1 .fixit-items .slick-track {
    display: flex !important;
    gap: 0 !important;
}

.front-page-carousel-column-1 .fixit-items .slick-slide {
    height: auto !important;
    display: flex !important;
}

.front-page-carousel-column-1 .fixit-items .slick-slide > div {
    width: 100% !important;
    display: flex !important;
}

.front-page-carousel-column-1 .fixit-items .product-item-info {
    display: flex !important;
    flex-direction: column !important;

}

.front-page-carousel-column-1 .fixit-items .product-item-details {
    flex-grow: 1 !important;
}


/*2d product carousel*/

.front-page-carousel-2d-title{
    max-width: 1720px;
    margin: 0 auto;
    padding: 0 120px;
}

@media(max-width:975px){
    .front-page-carousel-2d-title{
        padding-left:40px;
        padding-right:40px;
    }
    .front-page-carousel-2d-title-row{
        margin-top: 90px !important;
    }
}

@media(max-width:768px){
    .front-page-carousel-2d-title {
        padding-left: 20px;
        padding-right: 20px;
    }
}


.front-page-carousel-2d-title h2{
    border-bottom: 2px solid #000027;
    padding-bottom: 20px;
    margin-bottom: 30px;
}

.front-page-carousel-2d-title h2 strong{
    font-family: CF ModGrotesk;
    font-weight: 400;
    font-size: 48px;
    line-height:52px;
}

@media(max-width:646px){
    .front-page-carousel-2d-title h2 strong{
        font-size: 34px;
        line-height:38px;
    }
}

@media(max-width:514px){
    .front-page-carousel-2d-title h2 strong{
        display: inline-block;
        max-width: 311px;
    }
}


.front-page-carousel-2d-column-1{
    max-width: 1720px;
    margin: 0 auto;
    padding: 0 120px;
}

.front-page-carousel-2d-column-1  .fixit-items .slick-slide {
    margin: 0 10px; /* 15px on each side = 30px total gap */
}

.front-page-carousel-2d-column-1  .fixit-items .slick-list {
    margin: 0 -10px; /* Compensate for the slide margins */
}





@media(max-width:975px){
    .front-page-carousel-2d-column-1{
        padding-left:39px;
        padding-right:40px;
    }
}

@media(max-width:768px){
    .front-page-carousel-2d-column-1{
        padding-left:20px;
        padding-right:20px;
    }
}

.front-page-carousel-2d-column-1 .slick-prev {
    position: absolute;
    right: 61px;
    top: -92px;
    z-index: 1000;
    font-size: 0;
    background: white;
    border: 1px solid #0000274D;
    border-radius: 50%;
    padding: 10px;
    width: 45px;
    height: 45px;
}

.front-page-carousel-2d-column-1 .slick-next {
    position: absolute;
    top: -93px;
    right: 0;
    font-size: 0;
    background: white;
    border: 1px solid #0000274D;
    border-radius: 50%;
    padding: 10px;
    width: 45px;
    height: 45px;
}

.front-page-carousel-2d-column-1 .product-item-details{
    display: none !important;
}

.front-page-carousel-2d-column-1 .slick-slide > div{
    margin-bottom: 30px;
}

.front-page-carousel-2d-column-1 .slick-prev::after{
    content: url("data:image/svg+xml;utf8,<svg width='23' height='23' viewBox='0 0 23 23' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M22.6154 12.5354L2.77846 12.5354C3.61846 13.1169 4.42615 13.7631 5.20154 14.4738C5.95539 15.1631 6.66615 15.9277 7.33385 16.7677C8.00154 17.6077 8.60462 18.5123 9.14308 19.4815C9.68154 20.4508 10.1554 21.4954 10.5646 22.6154L7.46308 22.6154C7.11846 21.5385 6.69846 20.5585 6.20308 19.6754C5.70769 18.7708 5.14769 17.92 4.52308 17.1231C3.87692 16.3046 3.17692 15.5185 2.42308 14.7646C1.66923 14.0108 0.861539 13.2677 1.20203e-07 12.5354L1.49483e-07 10.08C0.861539 9.32616 1.66923 8.58308 2.42308 7.85077C3.17692 7.09693 3.87692 6.32154 4.52308 5.52462C5.14769 4.70616 5.70769 3.84462 6.20308 2.94C6.69846 2.03539 7.11846 1.05539 7.46308 3.90369e-06L10.5646 3.94068e-06C10.1554 1.09847 9.68154 2.13231 9.14308 3.10154C8.60462 4.07077 8.00154 4.97539 7.33385 5.81539C6.66616 6.65539 5.95539 7.43077 5.20154 8.14154C4.42615 8.85231 3.61846 9.49846 2.77846 10.08L22.6154 10.08L22.6154 12.5354Z' fill='%23000027'></path></svg>");
}

.front-page-carousel-2d-column-1 .slick-next::after{
    content: url("data:image/svg+xml;utf8,<svg width='23' height='23' viewBox='0 0 23 23' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M-0.000153029 10.08L19.8368 10.08C18.9968 9.49846 18.1891 8.85231 17.4137 8.14154C16.6598 7.45231 15.9491 6.68769 15.2814 5.84769C14.6137 5.00769 14.0106 4.10308 13.4722 3.13385C12.9337 2.16461 12.4598 1.12 12.0506 -4.61794e-07L15.1522 -3.26222e-07C15.4968 1.07692 15.9168 2.05692 16.4122 2.94C16.9075 3.84461 17.4675 4.69538 18.0922 5.49231C18.7383 6.31077 19.4383 7.09692 20.1922 7.85077C20.946 8.60462 21.7537 9.34769 22.6152 10.08L22.6152 12.5354C21.7537 13.2892 20.946 14.0323 20.1922 14.7646C19.4383 15.5185 18.7383 16.2938 18.0922 17.0908C17.4675 17.9092 16.9075 18.7708 16.4122 19.6754C15.9168 20.58 15.4968 21.56 15.1522 22.6154L12.0506 22.6154C12.4598 21.5169 12.9337 20.4831 13.4722 19.5138C14.0106 18.5446 14.6137 17.64 15.2814 16.8C15.9491 15.96 16.6598 15.1846 17.4137 14.4738C18.1891 13.7631 18.9968 13.1169 19.8368 12.5354L-0.000153136 12.5354L-0.000153029 10.08Z' fill='%23000027'></path></svg>");
}

/*.front-page-carousel-2d-column-1 .slick-track{
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    grid-template-rows: repeat(2, 1fr) !important;
    row-gap: 30px !important;
}

.front-page-carousel-2d-column-1 .slick-track::before{
    display: none;
}

.front-page-carousel-2d-column-1 .slick-track::after{
    display: none;
}*/

.front-page-carousel-2d-column-1 .product-image-photo{
    aspect-ratio: 1 !important;
    object-fit: cover !important;
    object-position: center !important;
    border-radius: 10px !important;
}

.front-page-carousel-2d-column-1 .product-info-name{
    display: block;
    margin-top: 20px;
    line-height: 0;

    /*MAX 2 LINES*/
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.front-page-carousel-2d-column-1 .product-info-name span{
    font-family: CF ModGrotesk;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    color:#000027;
}

.front-page-carousel-2d-column-1 .product-info-desc{
    display: flex;
    gap: 10px;
    margin-top: 20px;
    justify-content: space-between;
    align-items: flex-start;
}



.front-page-carousel-2d-column-1  .product-info-desc span:nth-child(1){
    font-family: CF ModGrotesk;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color:#000027;
    /*MAX 2 LINES*/
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.front-page-carousel-2d-column-1  .product-info-desc span:nth-child(2){
    flex-shrink: 0;
    width:40px;
    height: 40px;
    background: #bbff33;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}


@media(max-width:800px){
    .front-page-carousel-2d-column-1 .product-info-description{
        display: none;
    }

    .front-page-carousel-2d-column-1 .product-info-name{
        margin-top: 10px;
        /*MAX 2 LINES*/
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .pagebuilder-column front-page-carousel-2d-title{
        padding-inline: 20px;
    }

    .pagebuilder-column front-page-carousel-2d-column-1{
        padding-inline: 20px;
    }

    .front-page-carousel-2d-column-1 .product-info-name span{
        font-size: 14px;
        line-height: 16px;
    }
}


/*2d carousel strech collumns*/
.front-page-carousel-2d-column-1 .slick-track{
    display: flex !important;
}

.front-page-carousel-2d-column-1 .slick-slide{
    display: flex !important;
    height: auto !important;
    flex-direction: column;
}

.front-page-carousel-2d-column-1 .slick-slide > div + div{
    height: 100%;
}

.front-page-carousel-2d-column-1 .slick-slide > div{
    height: 100%;
}

.front-page-carousel-2d-column-1 .product-item-info{
    height: 100%;
    display: flex !important;
    flex-direction: column;
}

.front-page-carousel-2d-column-1 .product-info-secondary{
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

.front-page-carousel-2d-column-1 .product-info-description{
    margin-top:auto;
}

/*mega menu*/

.mega-menu-content {

    .level1 {
        display: flex;
        justify-content: flex-start;
        margin-bottom: 7px;

        a {
            padding: 0 !important;
        }

        span {
            color: white;
            white-space: wrap !important;
            font-family: CF ModGrotesk !important;
            font-weight: 400 !important;
            font-size: 16px !important;
            line-height: 20px !important;
        }
    }

    .mega-menu-sub-title {
        white-space: wrap !important;
    }

    .subtitle {
        color: white;
        font-family: CF ModGrotesk !important;
        font-weight: 600;
        font-size: 16px;
        line-height: 20px;
    }

    .menu-promo {
        a:nth-child(2) {
            background: white;
            display: flex;
            margin-top: 10px;
            border-radius: 10px;
            color: #1d1d1d;
            font-family: CF ModGrotesk !important;
            font-weight: 600;
            font-size: 16px;
            line-height: 16px;
            padding: 10px 15px;
            justify-content: space-between;
            align-items: center;

            &:hover {
                color: #000027;

                &::after {
                    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M13.172 12L8.222 7.05L9.636 5.636L16 12L9.636 18.364L8.222 16.95L13.172 12Z' fill='%23bbff33'/%3E%3C/svg%3E");
                }
            }

            &::after {
                content: "";
                border-radius: 50px;
                background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M13.172 12L8.222 7.05L9.636 5.636L16 12L9.636 18.364L8.222 16.95L13.172 12Z' fill='%231d1d1d'/%3E%3C/svg%3E");
                background-size: 20px 20px;
                background-position: 100% 0px;
                background-repeat: no-repeat;
                background-color: transparent;
                width: 17px;
                height: 17px;
                line-height: 17px;
                text-align: center;
                color: #1d1d1d;
                flex-basis: 17px;
                flex-shrink: 0;
            }
        }
    }
    /*equal hight rows*/
    .right_content {
        > div {
            display: flex;

            > div {
                flex: 1;

                .menu-promo {
                    height: 100%;
                    display: flex;
                    flex-direction: column;

                    a:nth-child(2) {
                        height: 100%;
                    }
                }
            }
        }
    }
}


/*front page last carousel*/

.front-page-simple-carousel-title {
    > .pagebuilder-column-group {
        max-width: 1720px;
        margin: 0 auto;
        padding: 0 120px;
        width: 100%;

        @media (max-width: 975px) { padding: 0 40px; }
        @media (max-width: 768px) { padding: 0 20px; }
    }

    h2 {
        border-bottom: 2px solid #000027;
        padding-bottom: 20px;
        margin-bottom: 30px;

        strong {
            font-family: CF ModGrotesk;
            font-weight: 400;
            font-size: 48px;
            line-height: 52px;

            @media (max-width: 646px) { font-size: 34px; line-height: 38px; }
            @media (max-width: 514px) { display: inline-block; max-width: 311px; }
        }
    }
}

.front-page-simple-carousel-column-1 {
    max-width: 1720px;
    margin: 0 auto;
    padding: 0 120px;

    @media (max-width: 975px) { padding: 0 40px; }
    @media (max-width: 768px) { padding: 0 20px; }

    .fixit-items {
        .slick-slide { margin: 0 10px; }
        .slick-list { margin: 0; }
    }

    .product-item-info {
        width: 354px !important;
        @media (max-width: 410px) { width: 327px !important; }
    }

    .product-item-details { display: none !important; }

    .product-image-photo {
        aspect-ratio: 1 !important;
        object-fit: cover !important;
        object-position: center !important;
        border-radius: 10px !important;
    }

    .product-info-name {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        margin-top: 20px;
        line-height: 0;

        span {
            font-family: CF ModGrotesk;
            font-weight: 500;
            font-size: 18px;
            line-height: 22px;
            color: #000027;
        }
    }

    .product-info-desc {
        display: flex;
        gap: 10px;
        margin-top: 20px;
        justify-content: space-between;
        align-items: flex-start;

        span:nth-child(1) {
            font-family: CF ModGrotesk;
            font-weight: 400;
            font-size: 14px;
            line-height: 18px;
            color: #000027;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        span:nth-child(2) {
            flex-shrink: 0;
            width: 40px;
            height: 40px;
            background: #bbff33;
            border-radius: 50%;
            display: inline-flex;
            align-items: center;
            justify-content: center;
        }
    }

    .product-info-description { margin-top: auto; }

    .slick-prev,
    .slick-next {
        position: absolute;
        top: -92px;
        z-index: 1000;
        font-size: 0;
        background: white;
        border: 1px solid #0000274D;
        border-radius: 50%;
        padding: 10px;
        width: 45px;
        height: 45px;
    }

    .slick-prev {
        right: 61px;

        &::after {
            content: url("data:image/svg+xml;utf8,<svg width='23' height='23' viewBox='0 0 23 23' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M22.6154 12.5354L2.77846 12.5354C3.61846 13.1169 4.42615 13.7631 5.20154 14.4738C5.95539 15.1631 6.66615 15.9277 7.33385 16.7677C8.00154 17.6077 8.60462 18.5123 9.14308 19.4815C9.68154 20.4508 10.1554 21.4954 10.5646 22.6154L7.46308 22.6154C7.11846 21.5385 6.69846 20.5585 6.20308 19.6754C5.70769 18.7708 5.14769 17.92 4.52308 17.1231C3.87692 16.3046 3.17692 15.5185 2.42308 14.7646C1.66923 14.0108 0.861539 13.2677 1.20203e-07 12.5354L1.49483e-07 10.08C0.861539 9.32616 1.66923 8.58308 2.42308 7.85077C3.17692 7.09693 3.87692 6.32154 4.52308 5.52462C5.14769 4.70616 5.70769 3.84462 6.20308 2.94C6.69846 2.03539 7.11846 1.05539 7.46308 3.90369e-06L10.5646 3.94068e-06C10.1554 1.09847 9.68154 2.13231 9.14308 3.10154C8.60462 4.07077 8.00154 4.97539 7.33385 5.81539C6.66616 6.65539 5.95539 7.43077 5.20154 8.14154C4.42615 8.85231 3.61846 9.49846 2.77846 10.08L22.6154 10.08L22.6154 12.5354Z' fill='%23000027'></path></svg>");
        }
    }

    .slick-next {
        right: 0;
        top: -93px;

        &::after {
            content: url("data:image/svg+xml;utf8,<svg width='23' height='23' viewBox='0 0 23 23' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M-0.000153029 10.08L19.8368 10.08C18.9968 9.49846 18.1891 8.85231 17.4137 8.14154C16.6598 7.45231 15.9491 6.68769 15.2814 5.84769C14.6137 5.00769 14.0106 4.10308 13.4722 3.13385C12.9337 2.16461 12.4598 1.12 12.0506 -4.61794e-07L15.1522 -3.26222e-07C15.4968 1.07692 15.9168 2.05692 16.4122 2.94C16.9075 3.84461 17.4675 4.69538 18.0922 5.49231C18.7383 6.31077 19.4383 7.09692 20.1922 7.85077C20.946 8.60462 21.7537 9.34769 22.6152 10.08L22.6152 12.5354C21.7537 13.2892 20.946 14.0323 20.1922 14.7646C19.4383 15.5185 18.7383 16.2938 18.0922 17.0908C17.4675 17.9092 16.9075 18.7708 16.4122 19.6754C15.9168 20.58 15.4968 21.56 15.1522 22.6154L12.0506 22.6154C12.4598 21.5169 12.9337 20.4831 13.4722 19.5138C14.0106 18.5446 14.6137 17.64 15.2814 16.8C15.9491 15.96 16.6598 15.1846 17.4137 14.4738C18.1891 13.7631 18.9968 13.1169 19.8368 12.5354L-0.000153136 12.5354L-0.000153029 10.08Z' fill='%23000027'></path></svg>");
        }
    }
    /*strech slider*/
    .slick-track { display: flex; }

    .slick-slide {
        height: auto;
        display: flex;

        > div { height: 100%; }

        .product-item-info {
            height: 100%;
            display: flex !important;
            flex-direction: column;
            justify-content: stretch;

            .product-info-secondary {
                flex: 1 !important;
                display: flex;
                flex-direction: column;
            }
        }
    }
}

/*alert message*/

div[role="alert"] {
    width: 100% !important;
    border-radius: 0;

    div {
        text-align: center;
        border-radius: 0 !important;
        font-family: CF ModGrotesk;
        font-weight: 400;
        font-size: 14px;
        line-height: 18px;
        color: white;

        a {
            text-align: center;
            border-radius: 0 !important;
            font-family: CF ModGrotesk;
            font-weight: 400;
            font-size: 14px;
            line-height: 18px;
            color: white !important;
        }
    }

    .message-wrapper {
        display: flex;
        justify-content: center;
        align-items: center !important;
        background: #000027 !important;

        &::before {
            position: static !important;
            margin-top: -25px;
        }
    }
}

/*info message in category pages*/

div.message.info{
    div{
        background: #000027 !important;
        font-family: CF ModGrotesk;
        font-weight: 400;
        font-size: 16px;
        line-height:20px;
        color: white !important;
    }
}

/*category view*/

.catalog-category-view{

    #page-title-heading[aria-labelledby="page-title-heading toolbar-amount"]{
        display: none !important;
    }

    .category-view{
        display: none;
    }

    .main-footer-top{
        display: none;
    }

    /*category full page layout*/
    #maincontent {
        max-width: 1520px;
        padding-inline: 20px !important;
        width: 100%;
        margin-bottom: 50px;

        &::before,
        &::after {
            display: none;
        }

        .row:nth-child(3) {
            &::before,
            &::after {
                display: none;
            }

            display: flex;
            flex-direction: row-reverse;
            gap: 30px;
            margin-inline:0px;

            .column.main {
                padding-inline: 0;


                .category-product-actions {
                    position: static !important;
                    display: block !important;
                    width: 100%;

                    .toolbar.toolbar-products {
                        width: 100%;
                        .toolbar-sorter.sorter {
                            display: block !important;
                            #sorter{
                                margin-left: 0 !important;
                            }
                        }

                        .pages.list-inline{
                            display: none !important;
                        }

                        .filter-toggler-wrapper{
                            margin-bottom: 20px;
                            display: flex;
                            justify-content: flex-end;
                            .filter-toggler{
                                display: none !important;

                                @media(max-width:1050px){
                                    display: block !important;
                                }
                            }
                        }


                        .toolbar-amount{
                            display: none;
                        }
                    }



                }
            }

            .sidebar.sidebar-main {
                position: static !important;

                display: block !important;
                height: auto;
                padding-top: 0;
                max-width: 350px;
                width: 100%;

                @media(max-width: 1050px){

                        position: fixed !important;
                        display: block !important;
                        height: 100vh !important;
                        padding-top: 70px !important;
                        max-width: none !important;
                        width: 550px !important;


                }

                @media(max-width: 768px){
                    width: 320px !important;
                }

            }
        }
    }

    .funcy-selects {
        width: 100%;
        display: grid !important;
        grid-template-columns: 1fr 1fr 1fr;
        gap: 30px;

        @media(max-width:1350px) {
            grid-template-columns: 1fr 1fr;
        }

        @media(max-width:768px) {
            grid-template-columns: 1fr ;
        }

        .funcy-border {
            border-bottom: 2px solid black;

            @media(max-width:1350px) {
                display: none !important;
            }
        }



        .funcy-select {
            position: relative !important;
            display: inline-block !important;
            z-index: 111;
            width: 100%;
            min-width: 300px;

            .funcy-trigger {
                display: flex;
                cursor: pointer;
                width: 100%;
                border-bottom: 2px solid black;
                padding-bottom: 5px;
                align-items: center !important;

                .funcy-label {
                    font-family: CF ModGrotesk;
                    font-weight: 400;
                    font-size: 20px;
                    line-height: 24px;
                    letter-spacing: 0;
                    color: black;
                }

                .funcy-option {
                    padding-left: 30px;
                    font-family: CF ModGrotesk;
                    font-weight: 400;
                    font-size: 20px;
                    line-height: 24px;
                    letter-spacing: 0;
                    color: black;

                }

                .funcy-option-clicked {
                    opacity: 0.5;
                }

                .funcy-arrow {
                    margin-left: auto;
                    transform: rotate(0deg);
                    display: flex;
                    align-items: flex-end;
                    transition: transform 0.5s;

                    svg {
                        width: 20px !important;
                        height: 20px !important;
                    }
                }

                .funcy-arrow-reverse {
                    transform: rotate(-180deg);
                    transition: transform 0.5s;

                    svg {
                        opacity: 0.5;
                    }


                }
            }

            .funcy-options {
                position: absolute;
                background: white !important;
                z-index: 111;
                padding-top: 20px;
                padding-bottom: 20px;
                left: 0;
                right: 0;


                li {
                    padding-left: 80px !important;
                    font-family: CF ModGrotesk;
                    font-weight: 400;
                    font-size: 20px;
                    line-height: 24px;
                    letter-spacing: 0;
                    color: black;
                    text-align: left;
                    padding-left: 100px;
                    cursor: pointer;
                }
            }

            .funcy-options-hide {
                display: none;
            }

            &.sort-by {
                z-index: 100;
                .funcy-options {
                    z-index: 100;
                    li {
                        padding-left: 100px !important;
                    }
                }
            }

        }



    }

    .breadcrumbs>.container {
        max-width: 1520px !important;
        padding-inline: 20px !important;

        @media(max-width:768px) {
            margin-top: 30px !important;
            margin-bottom: 30px !important;
            margin-left: 20px;
            margin-right:20px;
            padding: 0 !important;
        }

        li a,
        li strong {
            font-size: 16px !important;
        }
    }

   /*basic layout on list of products*/
    .view-large{
        ol.products.list.items {
            margin: 0 !important;
            display: grid;
            grid-template-columns: 1fr 1fr 1fr;
            grid-template-rows: auto;
            column-gap: 30px;
            row-gap: 80px;


            @media(max-width:1350px) {
                grid-template-columns: 1fr 1fr !important;
                row-gap: 40px;
            }

            @media(max-width: 768px) {
                grid-template-columns: 1fr  !important;
            }



            &::before,
            &::after {
                display: none;
            }

            li {
                padding: 0;
                margin: 0;
                width: 100%;

                >div {
                    padding: 0 !important;
                }
            }
        }
    }

    .view-small{
        ol.products.list.items {
            margin: 0 !important;
            display: grid;
            grid-template-columns: repeat(5, minmax(0, 1fr)) ;
            grid-template-rows: auto;
            gap: 10px;


            @media(max-width:1525px) {
                grid-template-columns: repeat(4, minmax(0, 1fr))  !important;
            }

            @media(max-width: 1225px) {
                grid-template-columns: repeat(3, minmax(0, 1fr))  !important;
            }

            @media(max-width: 1050px) {
                grid-template-columns: repeat(4, minmax(0, 1fr))  !important;
            }

            @media(max-width: 850px) {
                grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
            }

            @media(max-width: 630px) {
                grid-template-columns: repeat(2, minmax(0, 1fr))  !important;
            }
            @media(max-width: 380px) {
                grid-template-columns: 1fr  !important;
            }



            &::before,
            &::after {
                display: none;
            }

            li {
                padding: 0;
                margin: 0;
                width: 100%;

                >div {
                    padding: 0 !important;
                }
            }
        }
    }

    .view-list {
        ol.products.list.items {
            margin: 0 !important;
            display: grid;
            grid-template-columns: repeat(1, minmax(0, 1fr));
            grid-template-rows: auto;
            gap: 10px;
        }
    }

    div.category-description p span{

        font-family: CF ModGrotesk;
        font-weight: 400;
        font-size: 16px;
        line-height:20px;
        color: #000027 !important;
        display: block;
    }
    .page-header span{
        font-family: CF ModGrotesk;
        font-weight: 600;
        font-size: 40px;
        line-height:45px;
        color: #000027 !important;
        display: block;
    }



    .filtergroup.title-topabs.visible-xs{
        background: #bbff33 !important;
        color: #000027 !important;
    }

    button[data-title="Quick View"]{
        background: black !important;
    }

    /*simple product view*/
    .view-large {

        .product-item-info {

            .product-details-list{
                display: none !important;
            }

            height: 100%;
            display: flex;
            flex-direction: column;

            .product-top {
                overflow: visible;
                background: transparent;

                > a {
                    aspect-ratio: 4/5;
                    padding: 0 !important;

                    img {
                        aspect-ratio: 4/5;
                        object-fit: cover;
                        object-position: center;
                        display: block;
                        width: 100%;
                        height: auto;
                        border-radius: 10px !important;
                    }


                }

                .product-detail-action a.action.towishlist:hover {
                    color: #bbff33 !important;
                }

                .product-label.upon-order{
                    left: 100px;
                    width: 100px;
                    height: 60px;

                    span{
                        width: 100%;
                        height: 100% !important;
                        font-size: 12px;

                        &::after {
                            content: ""; /* Must be empty to allow background to show */
                            display: inline-block;
                            vertical-align: middle;

                            /* 1. Set the 'box' size */
                            width: 15px;   /* Change this to your desired width */
                            height: 15px;  /* Change this to your desired height */
                            margin-left: 15px;

                            /* 2. Set the image */
                            background-image: url("../images/upon-label.svg");
                            background-repeat: no-repeat;
                            background-position: center;

                            /* 3. This allows the image to scale to your width/height */
                            background-size: contain;
                            margin-top: 3px;
                        }
                    }
                }

            }

            .top-details-price {
                .exc {
                    margin-top: 4px;
                }

                .top-details-price-wrapper {
                    display: flex;
                    flex-direction: column;

                    .discount-price {
                        text-decoration: line-through;
                        font-family: CF ModGrotesk;
                        font-weight: 500;
                        font-size: 20px;
                        line-height: 24px;
                        color: #A6A6A680;
                    }
                }
            }


            .add-to-basket-actions {

                button.action.tocart.primary {
                    width: 170px !important;
                    height: 50px !important;

                    span {
                        font-size: 16px !important;
                    }

                }

                .carousel-pr-qty-wrapper {

                    .car-up-arrow {
                        top: 6px;
                        right:21px;
                    }

                    .car-down-arrow {
                        bottom: 3px;
                        right: 21px;
                    }

                    input {
                        width: 90px;
                        height: 50px;
                        font-size: 20px;
                        line-height: 20px;
                    }
                    input::placeholder{
                        font-size: 20px;
                        line-height: 20px;
                    }
                }
            }

            /*reset product card paddings from previous styles*/

            .product-item-details {
                .top-details {
                    padding-top: 0px !important;
                }

                .add-to-basket-actions {
                    padding-top: 0px !important;
                }
            }
        }
    }

    .view-small {
        .product-item-info {

            .product-details-list{
                display: none !important;
            }

            height: 100%;
            display: flex;
            flex-direction: column;

            .product-top {
                overflow: visible;
                background: transparent;

                >a {
                    aspect-ratio: 4/5;
                    padding: 0 !important;

                    img {
                        aspect-ratio: 4/5;
                        object-fit: cover;
                        object-position: center;
                        display: block;
                        width: 100%;
                        height: auto;
                        border-radius: 10px !important;
                    }


                }

                .product-detail-action a.action.towishlist:hover {
                    color: #bbff33 !important;
                }

                .product-label.upon-order{
                    left: 74px !important;
                    width: 74px;
                    height: 60px;

                    span{
                        width: 100%;
                        height: 100% !important;
                        font-size: 10px;

                        &::after {
                            content: ""; /* Must be empty to allow background to show */
                            display: inline-block;
                            vertical-align: middle;

                            /* 1. Set the 'box' size */
                            width: 13px;   /* Change this to your desired width */
                            height: 13px;  /* Change this to your desired height */
                            margin-left: 15px;

                            /* 2. Set the image */
                            background-image: url("../images/upon-label.svg");
                            background-repeat: no-repeat;
                            background-position: center;

                            /* 3. This allows the image to scale to your width/height */
                            background-size: contain;
                            margin-top: 3px;
                        }
                    }
                }

            }

            .top-details-attr-price {
                .top-details-attr {
                    font-size: 12px;
                    line-height: 15px;
                }

                .top-details-price {
                    .exc {
                        font-size: 12px;
                        line-height: 16px;
                        margin-top: 4px;
                    }

                    .top-details-price-wrapper {
                        display: flex;
                        flex-direction: column;

                        .discount-price {
                            font-size: 14px !important;
                            line-height: 17px;
                            text-decoration: line-through;
                            text-decoration-thickness: 1.5px;
                            text-underline-offset: 3px !important;
                            /* Moves the line slightly */
                            opacity: 0.5;
                        }

                        .price {
                            .price-value {
                                font-size: 14px !important;
                                line-height: 16px;
                            }

                            .price-euro {
                                font-size: 14px !important;
                                line-height: 16px;
                                top: -3px;
                            }

                        }
                    }


                }


            }

            .top-details-sku-stock {
                .top-details-sku {
                    span {
                        font-size: 12px !important;
                        line-height: 14px;
                    }
                }

                .top-details-in-stock {
                    span {
                        font-size: 12px !important;
                        line-height: 14px;
                    }

                }

            }

            .top-details.description p {
                font-size: 12px;
                line-height: 14px;
                margin-bottom: 10px;
            }




            .add-to-basket-actions {

                button.action.tocart.primary {
                    width: 110px !important;
                    height: 40px !important;

                    span {
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        font-size: 12px !important;
                        line-height: 15px!important;
                        white-space: nowrap;
                    }

                }

                .carousel-pr-qty-wrapper {

                    .car-up-arrow {
                        top: 3px;
                        right: 7px;
                        display: inline-block;
                        line-height: 0;
                        padding: 5px;
                    }

                    .car-down-arrow {
                        bottom: 1px;
                        right: 8px;
                        display: inline-block;
                        line-height: 0;
                        padding: 5px;
                    }

                    input {
                        font-size: 14px;
                        width: 60px;
                        height: 40px;
                    }

                    input::placeholder {
                        font-size: 14px;
                    }
                }
            }

            /*reset product card paddings from previous styles*/

            .product-item-details {
                .top-details {
                    padding-top: 0px !important;
                }

                .add-to-basket-actions {
                    padding-top: 0px !important;
                }
            }
        }
    }

    .view-list {

        ol li.item.product.product-item {
            width: 100% !important;
            min-width: 100%;
            padding: 0;
            margin-bottom: 40px;

            .product-item-info {
                padding: 0;
                height: 100%;

                .product-details-large-and-small {
                    display: none !important;
                }

                display: flex;
                flex-direction: row;
                column-gap: 20px;


                .product-top {
                    background: white;
                    width: 100%;
                    height: auto;
                    max-width: 200px;
                    padding: 0;

                    a.product.photo {
                        aspect-ratio: 1;
                        width: 100%;
                        height: auto;
                        max-width: 200px;
                        padding: 0 !important;

                        img {
                            aspect-ratio: 1;
                            object-fit: cover;
                            object-position: center;
                            width: 100%;
                            height: auto;
                            max-width: 200px;
                            border-radius: 10px;
                        }
                    }

                    a[data-title="Add to Wish List"]{
                        display: none !important;
                    }

                    .product-label.upon-order{
                        left: 74px !important;
                        width: 74px;
                        height: 60px;

                        span{
                            width: 100%;
                            height: 100% !important;
                            font-size: 10px;

                            &::after {
                                content: ""; /* Must be empty to allow background to show */
                                display: inline-block;
                                vertical-align: middle;

                                /* 1. Set the 'box' size */
                                width: 13px;   /* Change this to your desired width */
                                height: 13px;  /* Change this to your desired height */
                                margin-left: 15px;

                                /* 2. Set the image */
                                background-image: url("../images/upon-label.svg");
                                background-repeat: no-repeat;
                                background-position: center;

                                /* 3. This allows the image to scale to your width/height */
                                background-size: contain;
                                margin-top: 3px;
                            }
                        }
                    }
                }

                .product-details-list {
                    height: 100% !important;
                    min-height: 100% !important;
                    display: flex !important;
                    flex-direction: column !important;
                    .product-details-row {
                        height: 100%;

                        padding-top: 0 !important;
                        display: flex;
                        flex-direction: column;
                        justify-content: space-between;

                        &::after{
                            content: "";
                            height: 20px;
                            display: block;
                        }


                        .prod-onsale-wishlist {
                            display: flex;
                            align-items: center;
                            gap: 20px;

                            .prod-onsale {
                                font-family: CF ModGrotesk;
                                font-weight: 400;
                                font-size: 14px;
                                line-height: 16px;
                                color: #000027;
                            }
                            .prod-whishlist{
                                line-height: 0;
                            }
                        }


                        .prod-dt-row {
                            display: flex;
                            flex-direction: row;
                            flex-wrap: nowrap;
                            gap: 10px;
                            align-items: center;

                            @media(max-width:1500px) {
                                flex-wrap: wrap;
                            }

                            .prod-dt-title {
                                font-family: CF ModGrotesk;
                                font-weight: 400;
                                font-size: 16px;
                                line-height: 18px;
                                max-width: 300px;
                                width: 100%;

                            }

                            .prod-dt-stock {
                                display: flex;
                                flex-direction: row;
                                align-items: center;
                                gap: 5px;

                                @media(max-width: 1230px) {
                                    width: 100%;
                                }

                                .prod-dt-stock-bullet {
                                    width: 10px !important;
                                    height: 10px !important;
                                    border-radius: 50% !important;
                                    background: #bbff33;
                                    margin-top: 2px;
                                    display: inline-block;
                                }

                                .prod-dt-stock-text {
                                    font-family: CF ModGrotesk;
                                    font-weight: 400;
                                    font-size: 14px;
                                    line-height: 16px;
                                    white-space: nowrap;
                                }
                            }

                            .prod-dt-pricing {
                                display: flex;
                                align-items: center;
                                gap: 5px;

                                @media(max-width: 1230px) {
                                    width: 100%;
                                }

                                .prod-dt-exc-vat {
                                    font-family: CF ModGrotesk;
                                    font-weight: 400;
                                    font-size: 14px;
                                    line-height: 16px;
                                    color: #000027;
                                }

                                .prod-dt-price-dicount {
                                    font-family: CF ModGrotesk;
                                    font-weight: 500;
                                    font-size: 26px;
                                    line-height: 30px;
                                    text-decoration: line-through;
                                    color: #00002780;
                                }

                                .prod-dt-final-price {


                                    display: flex;
                                    align-items: center;

                                    .prod-dt-price-value {
                                        font-family: CF ModGrotesk;
                                        font-weight: 500;
                                        font-size: 26px;
                                        line-height: 30px;
                                        color: #000027;
                                    }

                                    .prod-dt-price-euro {
                                        font-family: CF ModGrotesk;
                                        font-weight: 400;
                                        font-size: 20px;
                                        line-height: 24px;

                                        align-self: flex-start;
                                    }
                                }
                            }

                            .prod-dt-sku-desc {
                                display: flex;
                                flex-direction: column;
                                gap: 5px;

                                @media(max-width: 1430px) {
                                    width: 100%;
                                }

                                .prod-dt-sku {
                                    font-family: CF ModGrotesk;
                                    font-weight: 400;
                                    font-size: 14px;
                                    line-height: 16px;
                                    color: #000027 !important;
                                }

                                .prod-dt-desc {
                                    font-family: CF ModGrotesk;
                                    font-weight: 400;
                                    font-size: 14px;
                                    line-height: 16px;
                                    color: #000027 !important;
                                }
                            }

                            .prod-dt-actions {

                                @media(max-width: 1500px) {
                                    width: 100%;
                                }

                                form {
                                    display: flex;
                                    align-items: center;
                                    gap: 5px;

                                    .prod-dt-actions-input {
                                        position: relative;

                                        .ca-up-arrow {
                                            position: absolute;
                                            top: 5px !important;
                                            right: 5px !important;
                                            display: inline-block;
                                            line-height: 0;
                                            padding: 5px;
                                        }

                                        .ca-down-arrow {
                                            position: absolute;
                                            right: 6px !important;
                                            bottom: 3px !important;
                                            display: inline-block;
                                            line-height: 0;
                                            padding: 5px;
                                        }

                                        input {
                                            background: #bbff33;
                                            border: none;
                                            font-family: CF ModGrotesk;
                                            font-weight: 400;
                                            font-size: 14px;
                                            line-height: 16px;
                                            width: 60px;
                                            height: 45px !important;
                                            border-radius: 10px;
                                        }

                                        input::placeholder {
                                            font-family: CF ModGrotesk;
                                            font-weight: 400;
                                            font-size: 14px;
                                            line-height: 16px;
                                        }
                                    }

                                    button {
                                        background-color: #bbff33;
                                        border: none;
                                        font-family: CF ModGrotesk;
                                        font-weight: 400;
                                        font-size: 14px;
                                        line-height: 16px;
                                        color: #000027;
                                        border-radius: 10px;
                                        width: 90px;
                                        height: 45px;
                                        white-space: nowrap;
                                    }
                                }



                            }
                        }
                    }


                }

            }

        }
    }

    .filter-content {
        .filter-options-item {
            margin-top: 30px !important;
            padding-inline: 0px !important;


            @media(max-width:768px) {
                margin-top: 0px !important;
            }

            .filter-options-title {

                 .items-cat{
                     padding-inline:0px;
                 }

                position: relative;
                cursor: pointer;
                padding-right: 30px;
                font-family: CF ModGrotesk !important;
                font-weight: 400 !important;
                font-size: 18px !important;
                line-height: 20px !important;
                padding: 0 !important;

                @media(max-width: 1050px) {
                    margin-right: 15px !important;
                    margin-left: 0px !important;
                }

                @media(max-width:768px) {
                    font-size: 14px !important;
                }


                &::after {
                    content: "" !important;
                    display: inline-block;
                    width: 15px;
                    height: 15px;
                    background-image: url("data:image/svg+xml,%3Csvg width='23' height='23' viewBox='0 0 23 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.5354 1.09588e-06L12.5354 19.8369C13.1169 18.9969 13.7631 18.1892 14.4738 17.4138C15.1631 16.66 15.9277 15.9492 16.7677 15.2815C17.6077 14.6138 18.5123 14.0108 19.4815 13.4723C20.4508 12.9338 21.4954 12.46 22.6154 12.0508L22.6154 15.1523C21.5385 15.4969 20.5585 15.9169 19.6754 16.4123C18.7708 16.9077 17.92 17.4677 17.1231 18.0923C16.3046 18.7385 15.5185 19.4385 14.7646 20.1923C14.0108 20.9462 13.2677 21.7538 12.5354 22.6154L10.08 22.6154C9.32615 21.7538 8.58308 20.9462 7.85077 20.1923C7.09692 19.4385 6.32154 18.7385 5.52462 18.0923C4.70615 17.4677 3.84461 16.9077 2.94 16.4123C2.03538 15.9169 1.05538 15.4969 6.52443e-07 15.1523L9.23588e-07 12.0508C1.09846 12.46 2.13231 12.9338 3.10154 13.4723C4.07077 14.0108 4.97538 14.6138 5.81538 15.2815C6.65538 15.9492 7.43077 16.66 8.14154 17.4138C8.85231 18.1892 9.49846 18.9969 10.08 19.8369L10.08 8.81222e-07L12.5354 1.09588e-06Z' fill='black'/%3E%3C/svg%3E");
                    background-repeat: no-repeat;
                    background-size: contain;




                    /* Positioning the arrow to the right */
                    position: absolute;
                    right: 0;
                    top: 50% !important;
                    margin-bottom: 5px !important;
                    margin-top: 0 !important;

                    /* Half of height to center vertically */

                    transition: transform 0.3s ease;
                    /* Smooth rotation */
                }
            }

            /* Toggle rotation when active */
            .active .filter-options-title::after {
                transform: rotate(180deg) !important;
                top: 20% !important;
            }

            .filter-options-content {
                margin-top: 10px;
                .swatch-attribute-options{
                    padding-inline:0px !important;
                }
                @media(max-width:1050px) {
                    .swatch-attribute-options{
                        margin-inline:15px !important;
                    }
                }


                ol {
                    li {


                        @media(max-width:1050px) {
                            margin-inline: 15px;
                        }

                        a {
                            font-family: CF ModGrotesk;
                            font-weight: 400;
                            font-size: 16px;
                            line-height: 20px;

                            @media(max-width:768px) {
                                font-size: 14px;
                                line-height: 17px;
                            }
                        }

                        input[type="checkbox"] {}

                        /* Optional: Add a checkmark when clicked */
                        input[type="checkbox"]:checked {}
                    }
                }
            }
        }

        .block-filter-content {

            .items-cat {
                padding-inline: 0px !important;

                a {
                    font-family: CF ModGrotesk !important;
                    font-weight: 400 !important;
                    font-size: 16px !important ;
                    line-height: 20px !important;

                }

            }

            .filter-options-title {
                padding-inline: 0 !important;
                font-family: CF ModGrotesk !important;
                font-weight: 400 !important;
                font-size: 18px !important;
                line-height: 20px !important
            }

            @media(max-width: 1050px) {
                .items-cat {
                    padding-inline: 15px !important;
                }

                .filter-options-title {
                    padding-inline: 15px !important;
                }
            }

        }


    }

    .sorter-toolbar-heading {
        display: none !important;
    }

    .toolbar-sorter.sorter {
        display: none !important;
    }

    .sorter-toolbar-sidebar {
        border: none !important;
    }

    .filters-title {
        font-family: CF ModGrotesk;
        font-weight: 400;
        font-size: 27px;
        line-height: 100%;
        padding-bottom: 4px;
        border-bottom: 2px solid black;
        margin-top: 18px;

        @media(max-width: 1050px){
            padding-left: 15px;
        }
    }

    @media(max-width: 768px){
        .filtergroup.title-topabs.visible-xs{
            width: 320px;

            span::after{
                right: 320px !important;
            }
        }
    }

    .sidebar .block.filter a {
        position: relative !important;
    }

    .sidebar .block.filter a:before {
        content: '';
        position: absolute !important;
        display: block !important;
        border: 1px solid #BBFF33 !important;
        border-radius: 3px !important;
        width: 17px !important;
        height: 17px !important;
        left: -0px !important;
        top: 4px !important;
        background-color: #fff ;

        @media(max-width:768px){
            top: 3px !important;
        }
    }



    .sidebar .block.filter .catactive a::before {
        content: ""; /* Must be empty to allow sizing */
        display: inline-flex;
        align-items: center;
        justify-content: center;

        /* Box Styling */
        width: 18px;
        height: 18px;
        background-color: #bbff33 !important;
        border-radius: 3px; /* Optional: adds a slight curve to the box */
        margin-right: 8px;
        vertical-align: middle;

        /* The SVG Icon */
        background-image: url('data:image/svg+xml;utf8,<svg width="12" height="10" viewBox="0 0 12 10" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4 9.4L0 5.4L1.4 4L4 6.6L10.6 0L12 1.4L4 9.4Z" fill="white"/></svg>');
        background-repeat: no-repeat;
        background-position: center;
        background-size: 12px 10px;
    }

    .sidebar .block.filter a{
        background: none;
    }

    /*fixit custom pagination*/
    .custom-pagination {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        gap: 30px;
        padding: 20px 0;
        margin-top: 60px;
        margin-bottom: 20px;
        border-bottom: 2px solid black;
    }

    .custom-pagination .cp-first-prev {
        display: flex;
        flex-direction: row;
        gap: 20px;
        flex-wrap: nowrap;
    }

    .custom-pagination .cp-next-last {
        display: flex;
        flex-direction: row;
        gap: 20px;
        flex-wrap: nowrap;
    }

    @media(max-width:768px) {}

    .custom-pagination .cp-arrow {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 50px;
        height: 50px;
        border: 1px solid #0000004D;
        border-radius: 50%;
        cursor: pointer;
        text-decoration: none;
        color: #000;
    }

    .custom-pagination .cp-pages {
        display: flex;
        flex-direction: row;
        gap: 20px;
        align-items: center;
    }

    .custom-pagination .cp-pages a,
    .custom-pagination .cp-pages span {
        font-family: CF ModGrotesk;
        font-weight: 400;
        font-size: 26px;
        line-height: 36px;

        font-family: CF ModGrotesk;
        font-weight: 400;
        font-size: 26px;
        line-height: 36px;
        background: white;
        color: black;
    }



    .custom-pagination .cp-arrow:hover,
    .custom-pagination .cp-page:hover {}

    .custom-pagination .cp-page-active {
        background: #000;
        color: #fff;
        border-color: #000;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 16px;
        height: 36px;
        border-radius: 4px;
        font-size: 14px;
    }



    .custom-pagination .cp-disabled {
        opacity: 0.3 !important;
        cursor: default;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 50px;
        height: 50px;
        border: 1px solid #0000004D;
        border-radius: 50%;
        cursor: pointer;
        text-decoration: none;
        color: #000;
    }

    .custom-pagination .cp-dots {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 36px;
        height: 36px;
        font-size: 14px;
        color: #666;
    }

    @media(max-width:768px) {

        .custom-pagination {
            gap: 10px;
            margin-top: 10px;
        }

        .custom-pagination .cp-pages {
            display: flex;
            flex-direction: row;
            gap: 5px;
            align-items: center;
        }

        .custom-pagination .cp-pages a,
        .custom-pagination .cp-pages span {
            font-size: 18px;
            line-height: 20px;
        }

        .custom-pagination .cp-first-prev {
            gap: 10px;
        }

        .custom-pagination .cp-next-last {
            gap: 10px;
        }

        .custom-pagination .cp-arrow {
            width: 30px;
            height: 30px;
        }

        .custom-pagination .cp-arrow svg {
            width: 15px;
        }
    }


}

/*search results page*/

.catalogsearch-result-index {


    .breadcrumbs{
        .container{
            max-width: 1365px !important;
            padding-inline: 15px !important;

            @media(max-width:768px){
                margin-inline: 15px;
                margin-top: 20px;
                margin-bottom:20px;
            }
            li a , li, strong{
                @media(max-width:768px){
                    font-size: 16px !important;
                    line-height: 20px !important;
                }
            }

        }
    }

    .row{
        margin: 0;
    }

    .search.results{
        margin-bottom: 50px;
    }

    .column.main.pull-right{
        padding: 0;
    }

    .page-main.container{
        max-width: 1365px !important;
        padding-inline: 15px !important;
        margin: 0 auto !important;

        &::before{
            display: none;
        }
    }

    .products.list.items {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-template-rows: auto;
        padding: 0;
        margin: 0 !important;
        /* Added semicolon */
        gap: 20px;

        @media(max-width:1050px){
            grid-template-columns: 1fr  1fr;
        }

        @media(max-width:768px){
            grid-template-columns: 1fr  ;
        }

        &::before {
            display: none;
        }

        &::after {
            display: none;
        }
    }

    li.item.product.product-item {
        padding: 0;
        width: 100%;
        margin: 0;
        height: 100% !important;

    }

    .category-product-actions {
        display: none;
    }

    .product-details-list {
        display: none !important;
    }

    .product-item-info {
        padding: 0 !important;
        display:flex !important;
        flex-direction: column;
        min-height: 100%;

        .product-top {
            background: white;

            >a {
                aspect-ratio: 4/5;

                img {
                    aspect-ratio: 4/5;
                    width: 100%;
                    height: auto;
                    border-radius: 10px;
                }
            }
        }

        .product-item-details {
            height: 100% !important;
            display: flex !important;
            flex-direction: column !important;
            flex: 1 !important;
            .top-details {
                padding-top: 0;
                min-height: 100% !important;

                display: flex;
                flex-direction: column;
                flex:1;

                .top-details-inner{
                    height: 100% !important;
                    flex:1;
                }

                .top-details-sku-stock{

                }


                .top-details-price {
                    display: flex;
                    flex-wrap: nowrap;

                    .top-details-price-wrapper {
                        display: flex;
                        flex-direction: column;

                        .discount-price {
                            opacity: 0.5;
                            text-decoration: line-through;
                        }
                    }
                }


            }

            .top-details.description {
                padding-bottom: 0px;
                min-height: auto !important;
                flex: 0 !important;
            }

            .add-to-basket-actions {
                padding-top: 0px !important;
            }

        }
    }

    div.product.details.product-item-details.product-details-list{
        display: none !important;

    }

    /*fixit custom pagination*/
    .custom-pagination {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        gap: 30px;
        padding: 20px 0;
        margin-top: 60px;
        margin-bottom: 20px;
        border-bottom: 2px solid black;
    }

    .custom-pagination .cp-first-prev {
        display: flex;
        flex-direction: row;
        gap: 20px;
        flex-wrap: nowrap;
    }

    .custom-pagination .cp-next-last {
        display: flex;
        flex-direction: row;
        gap: 20px;
        flex-wrap: nowrap;
    }

    @media(max-width:768px) {}

    .custom-pagination .cp-arrow {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 50px;
        height: 50px;
        border: 1px solid #0000004D;
        border-radius: 50%;
        cursor: pointer;
        text-decoration: none;
        color: #000;
    }

    .custom-pagination .cp-pages {
        display: flex;
        flex-direction: row;
        gap: 20px;
        align-items: center;
    }

    .custom-pagination .cp-pages a,
    .custom-pagination .cp-pages span {
        font-family: CF ModGrotesk;
        font-weight: 400;
        font-size: 26px;
        line-height: 36px;

        font-family: CF ModGrotesk;
        font-weight: 400;
        font-size: 26px;
        line-height: 36px;
        background: white;
        color: black;
    }



    .custom-pagination .cp-arrow:hover,
    .custom-pagination .cp-page:hover {}

    .custom-pagination .cp-page-active {
        background: #000;
        color: #fff;
        border-color: #000;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 16px;
        height: 36px;
        border-radius: 4px;
        font-size: 14px;
    }



    .custom-pagination .cp-disabled {
        opacity: 0.3 !important;
        cursor: default;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 50px;
        height: 50px;
        border: 1px solid #0000004D;
        border-radius: 50%;
        cursor: pointer;
        text-decoration: none;
        color: #000;
    }

    .custom-pagination .cp-dots {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 36px;
        height: 36px;
        font-size: 14px;
        color: #666;
    }

    @media(max-width:768px) {

        .custom-pagination {
            gap: 10px;
            margin-top: 10px;
        }

        .custom-pagination .cp-pages {
            display: flex;
            flex-direction: row;
            gap: 5px;
            align-items: center;
        }

        .custom-pagination .cp-pages a,
        .custom-pagination .cp-pages span {
            font-size: 18px;
            line-height: 20px;
        }

        .custom-pagination .cp-first-prev {
            gap: 10px;
        }

        .custom-pagination .cp-next-last {
            gap: 10px;
        }

        .custom-pagination .cp-arrow {
            width: 30px;
            height: 30px;
        }

        .custom-pagination .cp-arrow svg {
            width: 15px;
        }
    }

}

/*account page*/

.account {
    .page-header {
        background: transparent !important;
        padding-left: 10px !important;

        @media(max-width:768px){
            padding-left: 0 !important;
            margin: 10px 10px 10px 0px !important;
        }


        span {
            color: black;
            font-family: CF ModGrotesk;
            font-size: 20px;
            line-height: 24px;
            margin-bottom: 0px;
        }
    }

    .account-nav-content {
        ul {
            background: #F5F5F5;
            padding: 10px 10px;
            border-radius: 10px;

            li {
                a {
                    color: black;
                    font-family: CF ModGrotesk !important;
                    font-weight: 400;
                    font-size: 16px;
                    line-height: 20px;

                    &:hover {
                        color: black !important;
                    }

                }

                strong {
                    color: black;
                    font-family: CF ModGrotesk !important;
                    font-weight: 400;
                    font-size: 16px;
                    line-height: 20px;
                    text-decoration: underline;
                    padding: 0px;
                    margin-left: 10px;
                    padding-bottom: 0px !important;
                    color: black !important;
                }
            }
        }
    }

    .sidebar.sidebar-additional {
        border: none !important;
    }

    .block-addresses-default {

        .block-title h3 {
            font-family: CF ModGrotesk;
            font-weight: 600;
            font-size: 20px;
            line-height: 24px;
            margin-bottom: 0px;
        }

        .block-content.row {
            display: flex;
            gap: 20px;
            padding-inline: 12px;

            @media(max-width:1050px) {
                flex-direction: column;
            }

            &::before,
            &::after {
                display: none;
            }

            .box-address-billing {
                border: 1px solid black !important;
                border-radius: 10px;
                padding: 10px;

                @media(max-width:1050px) {
                    width: 100%;
                    margin-bottom: 0px;
                }

                h4 {
                    font-family: CF ModGrotesk;
                    font-weight: 600;
                    font-size: 14px;
                    line-height: 19px;
                    margin-bottom: 0px;
                    margin-bottom: 5px;
                }

                address {
                    font-family: CF ModGrotesk;
                    font-weight: 400;
                    font-size: 14px;
                    line-height: 19px;
                }

                .box-actions a {
                    border: none !important;
                    background: #F5F5F5 !important;
                    font-family: CF ModGrotesk;
                    font-weight: 400;
                    font-size: 14px;
                    line-height: 19px;
                    display: inline-flex;
                    align-items: center;

                    &:hover {
                        color: black !important;
                    }
                }
            }

            .box-address-shipping {
                border: 1px solid black !important;
                border-radius: 10px;
                padding: 10px;

                @media(max-width:1050px) {
                    width: 100%;
                }

                h4 {
                    font-family: CF ModGrotesk;
                    font-weight: 600;
                    font-size: 14px;
                    line-height: 19px;
                    margin-bottom: 0px;
                    margin-bottom: 5px;
                }

                address {
                    font-family: CF ModGrotesk;
                    font-weight: 400;
                    font-size: 14px;
                    line-height: 19px;
                }

                .box-actions a {
                    border: none !important;
                    background: #F5F5F5 !important;
                    font-family: CF ModGrotesk;
                    font-weight: 400;
                    font-size: 14px;
                    line-height: 19px;
                    display: inline-flex;
                    align-items: center;

                    &:hover {
                        color: black !important;
                    }
                }
            }
        }
    }

    .actions-toolbar button[role="add-address"] {
        background: #F5F5F5 !important;
        color: black !important;
        border: none !important;

        &:hover {
            background: #F5F5F5 !important;
            border: none !important;
            color: black !important;
        }

        span {
            font-family: CF ModGrotesk;
            font-weight: 400;
            font-size: 14px;
            line-height: 19px;
        }
    }

    .block-addresses-list {

        .block-title h3 {
            font-family: CF ModGrotesk;
            font-weight: 400;
            font-size: 14px;
            line-height: 19px;
        }

        .block-content {
            margin-bottom: 20px;

            .additional-addresses {
                display: grid;
                grid-template-columns: 1fr 1fr;
                grid-template-rows: auto;
                gap: 20px;

                @media(max-width:1050px) {
                    grid-template-columns: 1fr;
                }

                .extra-address-wrapper {
                    border: 1px solid black;
                    padding: 10px;
                    border-radius: 10px;

                    h4 {
                        font-family: CF ModGrotesk;
                        font-weight: 600;
                        font-size: 14px;
                        line-height: 19px;
                    }

                    address {
                        font-family: CF ModGrotesk;
                        font-weight: 400;
                        font-size: 14px;
                        line-height: 19px;
                    }

                    .addresses-list-actions {
                        margin-top: 30px !important;
                        margin-bottom: 15px;

                        a {
                            background: #F5F5F5;
                            padding: 10px;
                            border-radius: 10px;
                            font-family: CF ModGrotesk;
                            font-weight: 400;
                            font-size: 14px;
                            line-height: 19px;
                        }
                    }
                }


            }

            .customer-addresses-toolbar {
                margin-top: 20px !important;

                .toolbar-number,
                .limiter-text {
                    font-family: CF ModGrotesk;
                    font-weight: 400;
                    font-size: 14px;
                    line-height: 19px;
                }


            }


        }
    }

    .form-address-edit {
        margin-bottom:20px;
        legend {
            span {
                font-family: CF ModGrotesk !important;
                font-weight: 600;
                font-size: 17px;
                line-height: 24px;
            }
        }

        label span {
            font-family: CF ModGrotesk !important;
            font-weight: 400;
            font-size: 15px;
            line-height: 19px;
        }

        input::placeholder , input, select{
            font-family: CF ModGrotesk !important;
            font-weight: 400;
            font-size: 14px;
            line-height: 19px;
        }

        .field.choice input{
            top:0px;
        }
    }

    .sidebar-reponsive-btn {
        right: 0;
        left: auto;
        top: auto !important;
        bottom: 40px !important;
        width: auto;
        height: auto;

        background: #000027;
        color: white !important;
        border-radius: 0px;
        padding: 5px 10px;

        font-family: CF ModGrotesk;
        font-weight: 400;
        font-size: 18px;
        line-height: 19px;

        span {
            display: inline-block;
            margin-right: 10px !important;
        }
    }

    .optiongroup.title-topabs {
        background: #bbff33 !important;
        color: black !important;
        font-family: CF ModGrotesk;
        font-weight: 600;
        font-size: 25px;
        line-height: 47px;

        .nav-close::before {
            color: black;
        }
    }
}

/*single pages texts*/
.cms-page-view {
    .breadcrumbs {
        .container {
            width: 100%;
            padding-inline:15px !important;
            max-width:1410px !important;

            @media(max-width:768px){
                margin-inline: 15px;
                margin-top: 30px;
            }

            li a, li strong{
                font-size: 14px !important;
                line-height: 18px !important;
            }

        }
    }
}

.single-page-row {
    margin-bottom: 50px;

    >div.pagebuilder-column-group {
        >div.pagebuilder-column-line {
            >div.pagebuilder-column {
                max-width: 1410px !important;
                margin: 0 auto !important;
                display: block;
                width: 100%;
                padding-inline: 15px;

                h1 {
                    font-family: CF ModGrotesk;
                    font-size: 34px !important;
                    line-height: 40px !important;
                    margin-bottom: 15px;
                }

                p {
                    font-family: CF ModGrotesk;
                    font-size: 16px !important;
                    line-height: 20px !important;
                    margin-bottom: 5px;
                }

                strong {
                    font-family: CF ModGrotesk;
                    font-size: 16px !important;
                    line-height: 20px !important;
                    margin-bottom: 5px !important;
                }
            }
        }
    }
}


/*general template page*/

.gen-temp-header-row {
    max-width: 1410px;
    margin: 0 auto;
    padding-inline: 15px;
    box-sizing: border-box;
    margin-bottom: 20px;

    @media(max-width:768px) {
        margin-bottom:20px;
    }

    h1 {
        font-family: CF ModGrotesk;
        font-weight: 600;
        font-size: 30px;
        line-height: 37px;
        margin-bottom: 20px;
    }

    p {
        font-family: CF ModGrotesk;
        font-weight: 400;
        font-size: 19px;
        line-height: 21px;
        margin-bottom: 10px;
    }
}

.gen-temp-content-row {
    max-width: 1410px;
    margin: 0 auto;
    padding-inline: 15px;
    box-sizing: border-box;
    margin-bottom: 50px;

    >div {
        >div {
            gap: 40px;

            @media(max-width:768px) {
                gap: 20px;
                flex-direction: column;
            }

            >div:nth-child(1) {
                @media(max-width:768px) {
                    width: 100% !important;
                }
            }

            >div:nth-child(2) {

                @media(max-width:768px) {
                    width: 100% !important;
                }

                ul{
                    list-style: circle !important;
                    padding-left: 20px !important;
                    margin-bottom: 10px !important;
                    li{
                        font-family: CF ModGrotesk;
                        font-weight: 400;
                        font-size: 17px;
                        line-height: 21px;
                        margin-bottom: 10px;
                    }
                }

                ol{
                    list-style-type:decimal;
                    padding-left: 16px;
                    margin-bottom: 10px;
                    li{
                        font-family: CF ModGrotesk;
                        font-weight: 400;
                        font-size: 17px;
                        line-height: 21px;
                        margin-bottom: 10px;
                    }
                }

                h2 {
                    font-family: CF ModGrotesk;
                    font-weight: 600;
                    font-size: 30px;
                    line-height: 37px;
                    margin-bottom: 10px;
                }

                p {
                    font-family: CF ModGrotesk;
                    font-weight: 400;
                    font-size: 17px;
                    line-height: 21px;
                    margin-bottom: 10px;
                }

                .gen-temp-ctas a {
                    background: #bbff33;
                    padding: 10px 20px !important;

                    font-family: CF ModGrotesk;
                    font-weight: 400;
                    font-size: 17px;
                    line-height: 21px;

                    margin-top: 10px !important;
                    display: inline-block;
                }
            }
        }
    }

    .gen-temp-links {
        background: #bbff33;
        border-radius: 10px;

        ul {
            padding: 20px 20px;

            li {
                margin-bottom: 10px;

                a {
                    color: #000027;
                    font-family: CF ModGrotesk;
                    font-weight: 400;
                    font-size: 16px;
                    line-height: 18px;
                    margin-bottom: 10px;
                }

                a:hover{
                    text-decoration: underline;
                }
            }
            li:last-child {
                margin-bottom: 0px;
            }
        }
    }
}

.gen-temp-content-row-one-col{
    ul{
        list-style: circle !important;
        padding-left: 20px !important;
        margin-bottom: 10px !important;
        li{
            font-family: CF ModGrotesk;
            font-weight: 400;
            font-size: 17px;
            line-height: 21px;
            margin-bottom: 10px;
        }
    }

    ol{
        list-style-type:decimal;
        padding-left: 16px;
        margin-bottom: 10px;
        li{
            font-family: CF ModGrotesk;
            font-weight: 400;
            font-size: 17px;
            line-height: 21px;
            margin-bottom: 10px;
        }
    }

    h2 {
        font-family: CF ModGrotesk;
        font-weight: 600;
        font-size: 30px;
        line-height: 37px;
        margin-bottom: 10px;
    }

    p {
        font-family: CF ModGrotesk;
        font-weight: 400;
        font-size: 17px;
        line-height: 21px;
        margin-bottom: 10px;
    }

    .gen-temp-ctas a {
        background: #bbff33;
        padding: 10px 20px !important;

        font-family: CF ModGrotesk;
        font-weight: 400;
        font-size: 17px;
        line-height: 21px;

        margin-top: 10px !important;
        display: inline-block;
    }
}

/*career page*/
.cms-kariera {
    .breadcrumbs {
        display: none;
    }
}

.career-header-row {
    max-width: 1420px;
    margin: 0 auto;
    padding-inline: 15px;
    margin-top: 50px;

    @media(max-width:768px) {
        margin-top: 0px;
    }

    h1 {
        font-family: CF ModGrotesk;
        font-weight: 400;
        font-size: 50px;
        line-height: 60px;
        margin-bottom: 20px;
        color: #000027 !important;

        @media(max-width:768px) {
            font-size: 30px;
            line-height: 34px;
            margin-bottom: 10px;
        }
    }

    p {
        font-family: CF ModGrotesk;
        font-weight: 400;
        font-size: 17px;
        line-height: 24px;
        color: #000027 !important;
        margin-bottom: 20px;

        @media(max-width:768px) {
            margin-bottom: 10px;
        }
    }
}

.career-jobs-row {
    max-width: 1420px;
    margin: 0 auto;
    padding-inline: 15px;
    margin-bottom: 20px;

    h2 {
        font-family: CF ModGrotesk;
        font-weight: 400;
        font-size: 30px;
        line-height: 37px;
        margin-bottom: 5px;
        padding-bottom: 0px;
        color: #000027 !important;

        @media(max-width:768px) {
            font-size: 28px;
            line-height: 32px;
        }
    }

    p {
        padding-bottom: 10px !important;
        font-family: CF ModGrotesk;
        font-weight: 400;
        font-size: 17px;
        line-height: 24px;
        color: #000027 !important;
        border-bottom: 1px solid #000027;
        margin-bottom: 0;
    }
}

.career-job-row {
    max-width: 1420px;
    margin: 0 auto;
    padding-inline: 15px;
    border-bottom: 1px solid #000027;
    margin-bottom: 20px !important;

    .pagebuilder-column-line {
        gap: 20px;

        @media(max-width: 768px) {
            flex-direction: column;
        }

        >div:nth-child(1) {
            @media(max-width: 768px) {
                width: 100% !important;
                min-width: 100% !important;
            }

            h3 {
                font-family: CF ModGrotesk;
                font-weight: 400;
                font-size: 27px;
                line-height: 34px;
                margin-bottom: 5px;
                padding-bottom: 0px;
                color: #000027 !important;
            }

            p {

                font-family: CF ModGrotesk;
                font-weight: 400;
                font-size: 17px;
                line-height: 24px;
                color: #000027 !important;
                margin-bottom: 0;
                padding-bottom: 20px;

                @media(max-width: 768px) {
                    padding-bottom: 0px;
                }

            }
        }

        >div:nth-child(2) {
            @media(max-width: 768px) {
                width: 100%;
                min-width: 100%;
                padding-bottom: 15px;
            }

            div {
                height: 100%;
                display: flex !important;
                justify-content: center;
                align-items: flex-end;
                flex-direction: column;

                @media(max-width: 768px) {
                    align-items: flex-start;
                    width: 100%;
                    min-width: 100%;
                }
            }

            a.pagebuilder-button-primary {

                font-family: CF ModGrotesk !important;
                font-weight: 400;
                font-size: 17px !important;
                line-height: 24px;
                color: #000027 !important;
                border: 1px solid #000027;
                padding: 10px 20px;
                white-space: nowrap
            }
        }
    }
}

/*single job post*/

.cms-sales-manager-career {
    .breadcrumbs {
        display: none;
    }
}

.job-post-title {
    max-width: 1420px;
    margin: 0 auto;
    padding-inline: 15px;
    margin-top: 50px;
    margin-bottom: 10px;

    @media(max-width:768px) {
        margin-top: 20px;
    }

    h1 {
        font-family: CF ModGrotesk !important;
        font-weight: 400;
        font-size: 40px;
        line-height: 54px;
        margin-bottom: 20px;

        @media(max-width:768px) {
            margin-bottom: 10px;
        }
    }

    h2 {
        font-family: CF ModGrotesk !important;
        font-weight: 400;
        font-size: 25px;
        line-height: 35px;
    }
}

.job-post-main-text {
    max-width: 1420px;
    margin: 0 auto;
    padding-inline: 15px;

    .pagebuilder-column-line {
        gap: 30px;

        @media(max-width:768px) {
            flex-direction: column;
            gap: 10px;

            div {
                width: 100% !important;
            }
        }
    }

    p {
        font-family: CF ModGrotesk !important;
        font-weight: 400;
        font-size: 16px;
        line-height: 21px;
        margin-bottom: 5px;
    }

}

.job-post-benefits {
    background: #e2e3de;
    padding: 70px 0 70px 0;
    margin-top: 40px;

    @media(max-width: 768px) {
        padding: 40px 0 40px 0;
    }

    .pagebuilder-column-group {
        max-width: 1420px;
        width: 100%;
        margin: 0 auto;
        padding-inline: 15px;



        h3 {
            font-family: CF ModGrotesk !important;
            font-weight: 400;
            font-size: 40px;
            line-height: 45px;
            margin-bottom: 5px;
            margin-bottom: 10px;

            @media(max-width: 768px) {
                font-size: 35px;
                line-height: 40px;
            }
        }

        .job-benefits {
            width: 100%;
            min-width: 100%;
            display: flex;
            justify-content: space-between;
            gap:5px;

            @media(max-width:560px){
                flex-wrap: wrap;
                justify-content: flex-start;
            }

            div {
                font-family: CF ModGrotesk !important;
                font-weight: 400;
                font-size: 20px;
                line-height: 25px;

                @media(max-width: 768px) {
                    font-size: 16px;
                    line-height: 20px;
                }
            }
        }
    }
}

.job-post-upload-cv {

    max-width: 1420px;
    margin: 0 auto;
    padding-inline: 15px;
    margin-top: 50px;
    margin-bottom: 50px;

    .pagebuilder-column-line {
        gap: 20px;

        @media(max-width:1050px) {
            flex-direction: column;
            gap: 30px;
        }

        >div {
            display: flex;
            align-items: center;

            @media(max-width:1050px) {
                width: 100% !important;
            }
        }

    }

    .upload-doc {
        .upload-doc-area {
            background: #bbff33;
            padding: 50px 20px;
            border-radius: 30px;
            border: 2px dashed #000027;
            display: flex;
            justify-content: center;
            min-width: 500px;

            @media(max-width:600px){
                min-width: auto;
                width: 100%;
            }

            span {
                font-family: CF ModGrotesk !important;
                font-weight: 400;
                font-size: 16px;
                line-height: 21px;
                text-align: center;
            }
        }

        .upload-doc-notice {
            display: flex;
            justify-content: center;
            margin: 0 auto;
            margin-top: 10px;

            span {
                font-family: CF ModGrotesk !important;
                font-weight: 400;
                font-size: 14px;
                line-height: 18px;
                text-align: center;
            }
        }

        .upload-doc-button {
            display: flex;
            justify-content: center;
            margin-top: 10px;

            button {
                background: white;
                border: 1px solid black;
                padding: 10px 30px;
                font-family: CF ModGrotesk !important;
                font-weight: 400;
                font-size: 16px;
                line-height: 21px;
                color: black;
            }

        }
    }
}

.job-post-yellow-footer{
    background: #bbff33;
}

/*epromo */

.cms-epromo {
    .breadcrumbs {
        display: none;
    }
}

.epromo-header {
    max-width: 1420px;
    padding-inline: 15px;
    margin: 0 auto;
    margin-top: 50px;
    margin-bottom: 20px;

    h1 {
        font-family: CF ModGrotesk !important;
        font-weight: 400;
        font-size: 40px;
        line-height: 54px;
        margin-bottom: 5px;
        padding-bottom: 0px;
        color: #000027 !important;
    }

}

.epromo-tabs-wrappers {
    max-width: 1420px;
    padding-inline: 15px;
    margin: 0 auto;

    .ui-tabs {
        display: flex;
        align-items: flex-start;
        gap: 30px;
        margin-bottom: 50px;

        @media(max-width:850px) {
            flex-direction: column;
        }

        ul.tabs-navigation {
            min-width: 300px;
            background: #bbff33;
            padding: 15px;
            border-radius: 10px;

            @media(max-width:850px) {
                width: 100%;
            }


            li {
                font-family: CF ModGrotesk !important;
                font-weight: 400;
                font-size: 16px !important;
                line-height: 20px;
                color: black !important;
                margin-bottom: 5px;
            }

            li.ui-state-active {
                text-decoration: underline;
            }
        }

        div.tabs-content {
            width: calc(100% - 330px);
            @media(max-width:850px) {
                width: 100%;
            }
        }
    }

    .epromo-banners {

        .slick-dots {
            display: flex;
            justify-content: center;
            gap: 5px;
            margin-bottom: 30px;


            li.slick-active {
                button {
                    border: 1px solid #000027;
                }
            }

            li {
                button {
                    font-family: CF ModGrotesk !important;
                    font-weight: 400;
                    background: #bbff33;
                    border: 0px;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    color: #000027;
                    display: inline-block;
                    border-radius: 5px;
                    font-size: 12px;
                    line-height: 18px;
                    border: 1px solid #bbff33;
                    font-size: 0px;
                    width: 15px;
                    height: 15px;
                    border-radius: 50%;
                }
            }
        }

        .epromo-photos-ctas {
            a {
                font-family: CF ModGrotesk;
                font-weight: 400;
                font-size: 16px;
                line-height: 22px;
                color: #000027;
                padding: 10px 20px;
                border: 1px solid #000027;
                border-radius: 10px;
            }
        }
    }

    .epromo-photos {
        margin-bottom: 20px !important;

        figure img:nth-child(2) {
            display: none;
        }

        .pagebuilder-column-line {
            display: flex !important;
            gap: 20px !important;
        }
    }

    .epromo-photos-ctas {
        margin-top: 20px;

        a {
            font-family: CF ModGrotesk;
            font-weight: 400;
            font-size: 16px;
            line-height: 22px;
            color: #000027;
            padding: 10px 20px;
            border: 1px solid #000027;
            border-radius: 10px;
        }
    }
}

.epromo-bottom-text {
    max-width: 1420px;
    padding-inline: 15px;
    margin: 0 auto;
    margin-bottom: 50px;

    h2 {
        font-family: CF ModGrotesk !important;
        font-weight: 400;
        font-size: 24px !important;
        line-height: 28px;
        color: black !important;
        margin-bottom: 10px;
    }

    ul {
        list-style: circle;
        padding-left: 19px;
        margin-bottom: 10px;

        li {
            font-family: CF ModGrotesk !important;
            font-weight: 400;
            font-size: 16px !important;
            line-height: 20px;
            color: black !important;
            margin-bottom: 5px;
        }
    }
}

/*epropo social media*/
.e-promo-social-facebook {
    .pagebuilder-column {
        margin-bottom: 20px;
        display: flex !important;
        flex-direction: row !important;
        gap: 20px;

        figure {
            img:nth-child(2) {
                display: none;
            }
        }
    }
}

.e-promo-social-facebook.insta-posts{
    max-width: 700px;
}

.e-promo-social-facebook.insta-stories{
    max-width: 700px;
}

.e-promo-social-title {
    h2 {
        font-family: CF ModGrotesk;
        font-weight: 400;
        font-size: 30px;
        line-height: 35px;
        margin-bottom: 20px;
        color: black;
    }
}

.epromo-social-download-all {
    a {
        display: inline-block;
        margin-bottom: 20px;
        font-family: CF ModGrotesk;
        font-weight: 400;
        font-size: 16px;
        line-height: 22px;
        color: #000027;
        padding: 10px 20px;
        border: 1px solid #000027;
        border-radius: 10px;
    }
}

/*b2b showroom*/
.cms-b2b-showroom {
    .breadcrumbs {
        display: none;
    }
}

.showroom-heading {
    max-width: 1420px;
    margin: 0 auto;
    padding-inline: 15px;
    margin-top: 50px;
    margin-bottom: 30px;

    @media(max-width:768px) {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    h1 {
        font-family: CF ModGrotesk !important;
        font-weight: 400;
        font-size: 50px !important;
        line-height: 55px;
        color: black !important;

        @media(max-width:768px) {
            font-size: 40px !important;
            line-height: 45px;
        }
    }
}

.showroom-main-text {
    max-width: 1420px;
    margin: 0 auto;
    padding-inline: 15px;
    margin-bottom: 30px;

    @media(max-width:880px) {
        margin-bottom: 10px;
    }

    .pagebuilder-column-line {

        gap: 30px;

        @media(max-width:880px) {
            flex-direction: column;
            gap: 10px
        }

        h2 {
            font-family: CF ModGrotesk !important;
            font-weight: 400;
            font-size: 25px !important;
            line-height: 32pxpx;
            color: black !important;
            margin-bottom: 10px;
        }

        p {
            font-family: CF ModGrotesk !important;
            font-weight: 400;
            font-size: 18px !important;
            line-height: 20px;
            color: black !important;
            margin-bottom: 5px;
        }

        ul {
            list-style: circle;
            padding-left: 16px;

            li {}
        }

        div:nth-child(1) {
            @media(max-width:880px) {
                width: 100% !important;
            }
        }

        div:nth-child(2) {
            @media(max-width:880px) {
                width: 100% !important;
            }
        }
    }
}

.showroom-svg-separator {
    svg {
        width: 100%;
    }
}

.showroom-product-list {
    max-width: 1420px;
    margin: 0 auto;
    padding-inline: 15px;
    margin-top: 70px !important;
    margin-bottom: 35px;

    h2 {
        font-family: CF ModGrotesk !important;
        font-weight: 400;
        font-size: 35px !important;
        line-height: 40px;
        color: black !important;
        margin-bottom: 10px;
        border-bottom: 2px solid black;
        color: black;
        padding-bottom: 10px;
    }

    .product-item-details,
    .product-info-secondary {
        display: none !important;
    }

    .slick-list {
        .slick-slide {
            margin-inline: 10px;
            width: 335px;
        }
    }

    .slick-dots{display: none !important;}

    .product-items.widget-product-carousel.fixit-items.slick-initialized.slick-slider {
        position: relative;

        .slick-prev {
            position: absolute;
            z-index: 1000;
            right: 80px;
            top: -70px;
            font-size: 0px;
            background: white;
            border: 1px solid #dfdfdf;
            border-radius: 50%;
            width: 50px;
            height: 50px;
            display: inline-block !important;

            @media(max-width:768px){
                width: 40px;
                height: 40px;
                top: -60px;
                right: 50px;
            }

        }

        .slick-next {
            position: absolute;
            z-index: 1000;
            right: 0px;
            top: -70px;
            font-size: 0px;
            background: white;
            border: 1px solid #dfdfdf;
            border-radius: 50%;
            width: 50px;
            height: 50px;
            display: inline-block !important;
            @media(max-width:768px){
                width: 40px;
                height: 40px;
                top: -60px;
            }
        }

        .slick-arrow {}



        .slick-prev::after {
            content: "";
            display: inline-block;

            /* Control size here */
            --icon-size: 20px;
            width: var(--icon-size);
            height: var(--icon-size);

            /* The SVG encoded for CSS */
            background-color: #000027;
            /* Sets the icon color */
            -webkit-mask-image: url('data:image/svg+xml;utf8,<svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M22.6154 12.5355L2.77846 12.5355C3.61846 13.117 4.42615 13.7632 5.20154 14.4739C5.95539 15.1632 6.66615 15.9278 7.33385 16.7678C8.00154 17.6078 8.60462 18.5124 9.14308 19.4816C9.68154 20.4509 10.1554 21.4955 10.5646 22.6155L7.46308 22.6155C7.11846 21.5386 6.69846 20.5586 6.20308 19.6755C5.70769 18.7709 5.14769 17.9201 4.52308 17.1232C3.87692 16.3047 3.17692 15.5186 2.42308 14.7647C1.66923 14.0109 0.861539 13.2678 1.20203e-07 12.5355L1.49483e-07 10.0801C0.861539 9.32625 1.66923 8.58317 2.42308 7.85086C3.17692 7.09702 3.87692 6.32163 4.52308 5.52471C5.14769 4.70625 5.70769 3.84471 6.20308 2.94009C6.69846 2.03548 7.11846 1.05548 7.46308 9.54564e-05L10.5646 9.54934e-05C10.1554 1.09856 9.68154 2.1324 9.14308 3.10163C8.60462 4.07086 8.00154 4.97548 7.33385 5.81548C6.66616 6.65548 5.95539 7.43086 5.20154 8.14163C4.42615 8.8524 3.61846 9.49856 2.77846 10.0801L22.6154 10.0801L22.6154 12.5355Z" fill="black"/></svg>');
            mask-image: url('data:image/svg+xml;utf8,<svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M22.6154 12.5355L2.77846 12.5355C3.61846 13.117 4.42615 13.7632 5.20154 14.4739C5.95539 15.1632 6.66615 15.9278 7.33385 16.7678C8.00154 17.6078 8.60462 18.5124 9.14308 19.4816C9.68154 20.4509 10.1554 21.4955 10.5646 22.6155L7.46308 22.6155C7.11846 21.5386 6.69846 20.5586 6.20308 19.6755C5.70769 18.7709 5.14769 17.9201 4.52308 17.1232C3.87692 16.3047 3.17692 15.5186 2.42308 14.7647C1.66923 14.0109 0.861539 13.2678 1.20203e-07 12.5355L1.49483e-07 10.0801C0.861539 9.32625 1.66923 8.58317 2.42308 7.85086C3.17692 7.09702 3.87692 6.32163 4.52308 5.52471C5.14769 4.70625 5.70769 3.84471 6.20308 2.94009C6.69846 2.03548 7.11846 1.05548 7.46308 9.54564e-05L10.5646 9.54934e-05C10.1554 1.09856 9.68154 2.1324 9.14308 3.10163C8.60462 4.07086 8.00154 4.97548 7.33385 5.81548C6.66616 6.65548 5.95539 7.43086 5.20154 8.14163C4.42615 8.8524 3.61846 9.49856 2.77846 10.0801L22.6154 10.0801L22.6154 12.5355Z" fill="black"/></svg>');
            /* Repeat the URL here */

            mask-repeat: no-repeat;
            mask-size: contain;
            -webkit-mask-repeat: no-repeat;
            -webkit-mask-size: contain;
        }

        .slick-next::after {
            content: "";
            display: inline-block;

            /* 1. Resize easily here */
            --icon-size: 20px;
            width: var(--icon-size);
            height: var(--icon-size);

            /* 2. Color control */
            background-color: #000027;

            /* 3. The SVG Mask */
            -webkit-mask-image: url('data:image/svg+xml;utf8,<svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M-0.000153029 10.08L19.8368 10.08C18.9968 9.49846 18.1891 8.85231 17.4137 8.14154C16.6598 7.45231 15.9491 6.68769 15.2814 5.84769C14.6137 5.00769 14.0106 4.10308 13.4722 3.13385C12.9337 2.16461 12.4598 1.12 12.0506 -4.61794e-07L15.1522 -3.26222e-07C15.4968 1.07692 15.9168 2.05692 16.4122 2.94C16.9075 3.84461 17.4675 4.69538 18.0922 5.49231C18.7383 6.31077 19.4383 7.09692 20.1922 7.85077C20.946 8.60462 21.7537 9.34769 22.6152 10.08L22.6152 12.5354C21.7537 13.2892 20.946 14.0323 20.1922 14.7646C19.4383 15.5185 18.7383 16.2938 18.0922 17.0908C17.4675 17.9092 16.9075 18.7708 16.4122 19.6754C15.9168 20.58 15.4968 21.56 15.1522 22.6154L12.0506 22.6154C12.4598 21.5169 12.9337 20.4831 13.4722 19.5138C14.0106 18.5446 14.6137 17.64 15.2814 16.8C15.9491 15.96 16.6598 15.1846 17.4137 14.4738C18.1891 13.7631 18.9968 13.1169 19.8368 12.5354L-0.000153136 12.5354L-0.000153029 10.08Z" fill="black"/></svg>');
            mask-image: url('data:image/svg+xml;utf8,<svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M-0.000153029 10.08L19.8368 10.08C18.9968 9.49846 18.1891 8.85231 17.4137 8.14154C16.6598 7.45231 15.9491 6.68769 15.2814 5.84769C14.6137 5.00769 14.0106 4.10308 13.4722 3.13385C12.9337 2.16461 12.4598 1.12 12.0506 -4.61794e-07L15.1522 -3.26222e-07C15.4968 1.07692 15.9168 2.05692 16.4122 2.94C16.9075 3.84461 17.4675 4.69538 18.0922 5.49231C18.7383 6.31077 19.4383 7.09692 20.1922 7.85077C20.946 8.60462 21.7537 9.34769 22.6152 10.08L22.6152 12.5354C21.7537 13.2892 20.946 14.0323 20.1922 14.7646C19.4383 15.5185 18.7383 16.2938 18.0922 17.0908C17.4675 17.9092 16.9075 18.7708 16.4122 19.6754C15.9168 20.58 15.4968 21.56 15.1522 22.6154L12.0506 22.6154C12.4598 21.5169 12.9337 20.4831 13.4722 19.5138C14.0106 18.5446 14.6137 17.64 15.2814 16.8C15.9491 15.96 16.6598 15.1846 17.4137 14.4738C18.1891 13.7631 18.9968 13.1169 19.8368 12.5354L-0.000153136 12.5354L-0.000153029 10.08Z" fill="black"/></svg>');
            /* Repeat URL here for full support */

            -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
            -webkit-mask-size: contain;
            mask-size: contain;

            /* Vertical alignment tweak */
            vertical-align: middle;
        }
    }

}

/*contact us page*/


.contact-index-index {
    .breadcrumbs {
        display: none;

    }

    .page-header {
        display: none;
    }

    .row {
        margin-inline: 0 !important;
    }
}

.contact-form {
    margin-top: 50px;
    margin-bottom: 50px;

    @media(max-width:768px) {
        margin-top: 25px;
        margin-bottom: 25px;
    }

    .contact-form-heading {
        margin-bottom: 30px;

        h1 {
            font-family: CF ModGrotesk;
            font-weight: 400;
            font-size: 45px;
            line-height: 50px;
            color: black;

            @media(max-width:768px) {
                font-size: 30px !important;
                line-height: 35px;
            }
        }


    }

    .contact-form-inner {
        display: flex;
        gap: 20px;

        @media(max-width:850px) {
            flex-direction: column-reverse !important;
            gap: 40px;
        }

        .contact-form-location-panel {
            width: calc(40% - 10px);

            @media(max-width:850px) {
                width: 100%;
            }

            .contact-form-location-panel-inner {
                max-width: 200px;

                span {
                    font-family: CF ModGrotesk;
                    font-weight: 400;
                    font-size: 20px;
                    line-height: 25px;
                    color: #000027;
                }

                span:nth-child(1) {
                    display: block;
                }

                span:nth-child(4) {
                    display: block;
                    margin-top: 50px;

                    @media(max-width:850px) {
                        margin-top: 25px;
                    }
                }

                span:nth-child(6) {
                    display: inline-block;
                    margin-top: 50px;

                    @media(max-width:850px) {
                        margin-top: 25px;
                    }
                }

                span:nth-child(7) {
                    display: block;

                    a {
                        white-space: nowrap;
                    }
                }
            }
        }

        .contact-form-panel {
            width: calc(60% - 10px);

            @media(max-width:850px) {
                width: 100%;
            }
        }

        input {
            border: none;
            border-bottom: 1px solid #dfdfdf;
            border-radius: 0;
            font-family: CF ModGrotesk;
            font-weight: 400;
            font-size: 20px;
            line-height: 25px;
            color: #dfdfdf;
        }

        input::placeholder {
            font-family: CF ModGrotesk;
            font-weight: 400;
            font-size: 17px;
            line-height: 20px;
            color: #dfdfdf;
        }

        textarea {
            border: none !important;
            border-bottom: 1px solid #dfdfdf !important;
            border-radius: 0;
            font-family: CF ModGrotesk;
            font-weight: 400;
            font-size: 17px;
            line-height: 20px;
            color: #dfdfdf;
            border-radius: 0px !important;
        }

        textarea::placeholder {
            font-family: CF ModGrotesk;
            font-weight: 400;
            font-size: 17px;
            line-height: 20px;
            color: #dfdfdf;
        }

        .actions-toolbar {
            button {
                background: white;
                font-family: CF ModGrotesk;
                font-weight: 400;
                font-size: 17px;
                line-height: 20px;
                color: #000027;
                border: 1px solid #000027;
                border-radius: 5px;
                padding: 10px 30px;
            }
        }

    }
}

/*personal account xml-feed*/
.cms-personal-account-xml-feed {
    .breadcrumbs {
        display: none;
    }
}

.xml-feed-header {
    max-width: 1420px;
    margin: 0 auto;
    padding-inline: 15px;
    margin-top: 50px;
    margin-bottom: 25px;

    @media(max-width:768px) {
        margin-top: 25px;
        margin-bottom: 25px;
    }

    h2 {
        font-family: CF ModGrotesk;
        font-weight: 400;
        font-size: 40px !important;
        line-height: 48px;
        color: #000027;

        @media(max-width:768px) {
            font-size: 35px !important;
            line-height: 40px;
        }
    }

    p {
        font-family: CF ModGrotesk;
        font-weight: 400;
        font-size: 18px !important;
        line-height: 22px;
        color: #b3b3be;
        margin-bottom: 00px;
    }
}

.xml-feed-content {
    max-width: 1420px;
    margin: 0 auto;
    padding-inline: 15px;
    margin-bottom: 25px;

    p {
        font-family: CF ModGrotesk;
        font-weight: 400;
        font-size: 16px !important;
        line-height: 20px;
        color: black;
        margin-bottom: 5px;
    }

    ul {
        list-style: circle;
        padding-left: 20px;
        margin-top: 10px;
        margin-bottom: 10px;

        li {
            font-family: CF ModGrotesk;
            font-weight: 400;
            font-size: 16px !important;
            line-height: 20px;
        }
    }
}

.xml-feed-footer {
    max-width: 1420px;
    margin: 0 auto;
    padding-inline: 15px;
    margin-bottom: 50px;

    >div:nth-child(1) {
        margin-bottom: 15px;
    }

    div[data-content-type="button-item"] {
        a {
            display: inline-block;
            background: white;
            border: 1px solid black;
            padding: 10px 20px;
            font-family: CF ModGrotesk;
            font-weight: 400;
            font-size: 16px !important;
            line-height: 20px;
            border-radius: 10px;
        }
    }

    div[data-content-type="button-item"]:nth-child(2) {
        a {
            margin-left: 10px;
        }
    }

    p {
        font-family: CF ModGrotesk;
        font-weight: 400;
        font-size: 18px !important;
        line-height: 22px;
        color: #b3b3be;
        margin-bottom: 5px;
    }

}

/*account page product catalogue*/

.cms-personal-account-product-catalogues {
    .breadcrumbs {
        display: none;
    }
}

.prod-cat-heading {
    max-width: 1420px;
    margin: 0 auto;
    padding-inline: 15px;
    margin-top: 50px;
    margin-bottom: 25px;

    @media(max-width:768px) {
        margin-top: 25px;
        margin-bottom: 25px;
    }

    h2 {
        font-family: CF ModGrotesk;
        font-weight: 400;
        font-size: 40px !important;
        line-height: 48px;
        color: #000027;
        margin-bottom: 20px;

        @media(max-width:768px) {
            font-size: 35px !important;
            line-height: 40px;
        }
    }

    p {
        font-family: CF ModGrotesk;
        font-weight: 400;
        font-size: 18px !important;
        line-height: 22px;
        color: black;
        margin-bottom: 00px;
    }
}

.prod-cat-content {
    max-width: 1420px;
    margin: 0 auto;
    padding-inline: 15px;

    >div>div {
        display: flex !important;
        gap: 20px !important;

        @media(max-width:768px) {
            display: flex;
            flex-direction: column;
            gap: 5px !important;

            >div {
                width: 100% !important;
            }
        }
    }

    p {
        font-family: CF ModGrotesk;
        font-weight: 400;
        font-size: 16px !important;
        line-height: 20px;
        color: black;
        margin-bottom: 5px;
    }

    ul {
        list-style: circle;
        padding-left: 20px;
        margin-top: 10px;
        margin-bottom: 10px;

        li {
            font-family: CF ModGrotesk;
            font-weight: 400;
            font-size: 16px !important;
            line-height: 20px;
        }
    }
}

.prod-cat-buttons {
    max-width: 1420px;
    margin: 0 auto;
    padding-inline: 15px;
    margin-top: 20px;

    >div>div>div {
        display: flex;
        flex-direction: row !important;
        gap: 10px;

        @media(max-width:768px) {
            flex-direction: column !important;
        }
    }

    a {

        display: inline-block;
        background: white;
        border: 1px solid black;
        padding: 10px 20px;
        font-family: CF ModGrotesk;
        font-weight: 400;
        font-size: 16px !important;
        line-height: 20px;
        border-radius: 10px;
    }
}

.prod-cat-notice {
    max-width: 1420px;
    margin: 0 auto;
    padding-inline: 15px;
    margin-top: 20px;
    margin-bottom: 50px;

    p {
        font-family: CF ModGrotesk;
        font-weight: 400;
        font-size: 16px !important;
        line-height: 20px;
        color: black;
        margin-bottom: 5px;
        color: #b3b3be;
    }
}


/*cart-page*/
#block-discount {
    margin-top: 20px;
    display: block !important;

    .title strong {
        font-family: CF ModGrotesk !important;
        font-weight: 400;
        font-size: 14px;
        line-height: 20px;
        color: black;
    }

    .actions-toolbar {
        display: none;
    }

    .content {
        display: block !important;
        max-width: 200px;

        .control {
            display: flex;
            flex-wrap: nowrap;
            align-items: center;
            gap: 5px;

            &::after {
                content: url('data:image/svg+xml;utf8,<svg width="20" height="14" viewBox="0 0 20 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.42833 13.57C6.1001 13.5706 5.77499 13.5064 5.47167 13.3809C5.16834 13.2555 4.89279 13.0714 4.66083 12.8392L0 8.17917L1.17833 7L5.83917 11.6608C5.99544 11.8171 6.20736 11.9048 6.42833 11.9048C6.6493 11.9048 6.86123 11.8171 7.0175 11.6608L18.6783 0L19.8567 1.17833L8.19583 12.8392C7.96388 13.0714 7.68832 13.2555 7.385 13.3809C7.08168 13.5064 6.75656 13.5706 6.42833 13.57Z" fill="%23BDFFA7"/></svg>');

                /* Layout adjustments */
                display: inline-block;
                width: 20px;
                height: 14px;
                vertical-align: middle;
                margin-left: 8px;
                /* Optional spacing */
            }

            input {
                margin-top: 0px;
                border-radius: 30px;
                max-width: 200px;
                border: 1px solid black;

                font-family: CF ModGrotesk !important;
                font-weight: 400;
                font-size: 14px;
                line-height: 20px;
                color: black;
            }

            input::placeholder {
                font-family: CF ModGrotesk !important;
                font-weight: 400;
                font-size: 14px;
                line-height: 20px;
                color: #b3b3b3 !important;
            }
        }

    }
}


.cart-summary {
    display: flex;
    flex-direction: column;
    margin-top: 0 !important;

    #block-shipping {

        order: 4;

        #block-shipping-heading {

            font-family: CF ModGrotesk;
            font-weight: 400;
            font-size: 16px;
            line-height: 18px;
            color: black;
            padding-left: 7px;
        }
    }

    #block-summary {
        display: block !important;
    }

    ul.checkout.methods.items {
        order: 6 !important;
    }

    .total-terms {
        order: 7;
    }
}

.total-terms {
    margin-top: 10px;
    p {
        font-family: CF ModGrotesk ;
        font-weight: 400;
        font-size: 14px;
        line-height: 16px ;
        color: #808080;
        margin-bottom: 10px;
    }
    h4{
        font-family: CF ModGrotesk ;
        font-weight: 600;
        font-size: 14px;
        line-height: 16px ;
        color: #808080;
        margin-bottom: 10px;
    }

    .total_terms-payment-methods{
        div{
            display: grid;
            grid-template-columns: 1fr 1fr 1fr 1fr;
            gap: 5px;
        }
    }
}

#cart-totals {

    .data.table.totals {
        tr {
            display: flex !important;
        }
    }

    .table-caption {
        display: none;
    }


    tbody {
        display: grid;
        grid-template-columns: 1fr;
        gap: 10px;
    }

    tr {
        display: flex !important;
        justify-content: space-between;
    }

    th {
        padding: 0;
        border: none !important;
        background: white;

        font-family: CF ModGrotesk;
        font-weight: 400;
        font-size: 16px;
        line-height: 18px;
        color: black;

        display: flex;
        flex-direction: column;

        span,
        strong {
            font-family: CF ModGrotesk;
            font-weight: 400;
            font-size: 16px;
            line-height: 18px;
            color: black;

            white-space: nowrap;
        }
    }

    td {
        padding: 0;
        border: none !important;

        span {
            font-family: CF ModGrotesk;
            font-weight: 400;
            font-size: 16px;
            line-height: 18px;
            color: black;
        }
    }

}

.checkout-cart-index {
    .breadcrumbs {
        display: none;
    }

    #maincontent {
        max-width: 1600px !important;
        width: 100%;
        padding-inline: 15px !important;
    }

    .row {
        padding: 0 !important;
        margin: 0;
        padding: 0;

        &::before,
        &::after {
            display: none;
        }
    }

    .column.main {
        padding: 0 !important;
    }
}


.cart-container {


    display: grid;
    grid-template-columns: 1fr 1fr 300px;

    grid-template-areas:
        "cart             cart             cart_sum"
        "coupon_container coupon_container cart_sum"
        "cart-rel         cart-rel         cart-rel";

    gap: 30px;

    @media(max-width:1100px) {
        grid-template-columns: 1fr 1fr 1fr;
        gap: 20px;
        grid-template-areas:
            "cart             cart             cart"
            "coupon_container coupon_container coupon_container"
            "cart_sum         .                .              "
            "cart-rel         cart-rel         cart-rel";

    }

    .cart-summary {
        grid-area: cart_sum
    }

    .after-form-coupon-container {
        grid-area: coupon_container
    }


    .cart-form {
        grid-area: cart
    }

    .cart-rel {
        grid-area: cart-rel
    }




    &::before,
    &::after {
        display: none;
    }

    >div:nth-child(1) {
        min-width: 300px;
    }

    #cart-totals {
        margin-top: 0;

    }

    button[data-role="proceed-to-checkout"].action.primary {
        background: #bf3 !important;
        border: none !important;
        border-radius: 30px;
        color: #000000 !important;
        font-family: CF ModGrotesk;
        font-weight: 400;
        font-size: 16px;
        line-height: 20px;
        color: black;
    }

}

.cart.main.actions {

    .action.continue,
    button[name="update_cart_action"] {
        font-family: CF ModGrotesk;
        font-weight: 400;
        font-size: 16px !important;
        line-height: 20px !important;
        color: black !important;
        background: white !important;
        border: none !important;
        padding-left: 0 !important;
        display: inline-block !important;
    }

    .action.continue,
    button[name="update_cart_action"]:focus {
        box-shadow: 0 0 0 0 !important;
        display: inline-block !important;
    }
}

.cart-table {
    .cart-header-wrapper {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        grid-template-rows: auto;
        gap: 20px;
        margin-bottom: 30px;

        div {
            font-family: CF ModGrotesk;
            font-weight: 400;
            font-size: 16px;
            line-height: 20px;
            color: black;
        }

        @media(max-width: 1000px) {
            display: none;
        }
    }

    .cart-content-wrapper {
        .cart-row {
            margin-bottom: 30px;
            display: grid;
            grid-template-columns: 1fr 1fr 1fr 1fr;
            grid-template-rows: auto;
            align-items: center;
            gap: 20px;

            @media(max-width: 1000px) {
                grid-template-columns: 1fr;
                gap: 10px;
            }

            .mobile-cell-title {
                font-family: CF ModGrotesk;
                font-weight: 600;
                font-size: 16px;
                line-height: 19px;
                color: black;
                display: none;
                margin-bottom: 10px;

                @media(max-width: 1000px) {
                    display: block;
                }
            }

            .cart-prod-desc {

                display: flex;
                flex-direction: row;
                gap: 10px;

                img {
                    display: block;
                    width: 100px;
                    height: 100px;
                    object-fit: cover;
                    object-position: center;
                }


                >span {
                    display: flex;
                    flex-direction: column;

                    .cart-prod-sku {
                        font-family: CF ModGrotesk;
                        font-weight: 400;
                        font-size: 12px;
                        line-height: 14px;
                        color: black;
                    }

                    .cart-prod-title {
                        font-family: CF ModGrotesk;
                        font-weight: 400;
                        font-size: 16px;
                        line-height: 22px;
                        color: black;
                    }

                    .cart-prod-actions {
                        margin-top: auto;
                        display: flex;
                        flex-direction: row;
                        gap: 5px;
                        margin-top: 12px;
                        svg {
                            width: 20px;
                        }
                    }
                }


            }

            .cart-prod-price span {
                font-family: CF ModGrotesk;
                font-weight: 400;
                font-size: 16px;
                line-height: 20px;
                color: black;
            }

            .cart-prod-qnt {
                display: flex;
                align-items: center;
                gap: 3px;

                .cart-prod-qnt-plus,
                .cart-prod-qnt-minus {
                    display: inline-flex;
                    align-items: center;
                    justify-content: center;
                    background: #e6e6e6;
                    width: 30px !important;
                    height: 30px !important;
                    border-radius: 50%;
                    font-family: CF ModGrotesk;
                    font-weight: 400;
                    font-size: 16px;
                    line-height: 20px;
                    color: black;
                    cursor: pointer;
                }

                input,
                input::placeholder {
                    width: 40px;
                    border: none;
                    font-family: CF ModGrotesk;
                    font-weight: 400;
                    font-size: 16px;
                    line-height: 20px;
                    color: black !important;
                    padding: 0 !important;
                    text-align: center;
                }
            }

            .cart-prod-worth {
                p {
                    font-family: CF ModGrotesk;
                    font-weight: 400;
                    font-size: 16px;
                    line-height: 20px;
                    color: #808080;
                    margin-bottom: 5px;
                }

                span {
                    font-family: CF ModGrotesk;
                    font-weight: 400;
                    font-size: 16px;
                    line-height: 20px;
                    color: black;
                    margin-bottom: 5px;
                }
            }
        }
    }
}

.cart-empty {
    p , a {
        font-family: CF ModGrotesk;
        font-weight: 400;
        font-size: 16px;
        line-height: 20px;
        color: #808080 ;
        margin-bottom: 5px;
    }

    a{
        color:black;
    }
}

#shopping-cart-table {
    display: none !important;
}

/*cart page relative products*/
.cart-rel {
    margin-bottom: 50px;

    .cart-rel-inner {
        .cart-rel-heading {
            display: flex !important;
            align-items: center;
            gap: 10px;
            margin-bottom: 20px;

            h2 {
                font-family: CF ModGrotesk;
                font-weight: 400;
                font-size: 30px !important;
                line-height: 32px;
                color: black;
            }
        }

        .cart-rel-content {
            .cart-rel-content-inner {
                display: flex;
                flex-direction: row;
                gap: 30px;

                @media(max-width:1150px) {
                    flex-wrap: wrap;
                    gap: 20px;
                }


                .cart-rel-prod {

                    display: flex;
                    flex-direction: column;

                    width: calc(25% - 7px);

                    @media(max-width:1150px) {

                        width: calc(50% - 10px);
                    }

                    @media(max-width:768px) {

                        width: 100%
                    }

                    .cart-rel-img {
                        position: relative;
                        display: block;
                        width: 100%;
                        min-width: 100%;
                        aspect-ratio: 1;

                        img {
                            display: block;
                            max-width: 100%;
                            aspect-ratio: 1;
                            width:100%;
                            height: 100%;
                            object-fit: cover;
                            object-position: center;
                        }

                        .heart {
                            position: absolute;
                            top: 15px;
                            right: 15px;
                        }

                        .new {
                            position: absolute;
                            left: 15px;
                            top: 15px;
                            background: #bbff33;
                            padding: 5px 10px;
                            font-family: CF ModGrotesk;
                            font-weight: 400;
                            font-size: 14px;
                            line-height: 16px;
                            border-radius: 20px;
                            color: black;
                        }

                        .labels {
                            position: absolute;
                            bottom: 10px;
                            left: 10px;
                            display: flex;
                            align-items: center;
                            gap: 5px;
                            max-width: 100%;
                            display: flex;
                            flex-direction: row;
                            flex-wrap: wrap;

                            .label {
                                border: 1px solid #bf3;
                                padding: 5px 20px;
                                border-radius: 50px;
                                font-family: CF ModGrotesk;
                                font-weight: 400;
                                font-size: 14px;
                                line-height: 16px;
                                color: white;
                                background: rgba(0, 0, 0, 0.2);
                            }
                        }
                    }

                    .cart-rel-sku {
                        font-family: CF ModGrotesk;
                        font-weight: 400;
                        font-size: 15px !important;
                        line-height: 19px;
                        color: #808080;
                        margin-top: 5px;
                        display: block;
                    }

                    .cart-rel-title {
                        font-family: CF ModGrotesk;
                        font-weight: 400;
                        font-size: 18px !important;
                        line-height: 19px;
                        color: black;
                        margin-top: 10px;
                        display: block;
                    }

                    .cart-rel-reviews {
                        margin-top: 15px;
                        display: flex;
                        flex-direction: row;
                        align-items: center;
                        gap: 10px;

                        .star-reviwes {
                            display: flex;
                            align-items: center;
                            gap: 3px;

                            span {
                                line-height: 0;

                                svg {
                                    width: 15px;
                                    height: 15px;
                                }
                            }
                        }

                        .number-of-reviews {
                            display: flex;
                            align-items: center;
                            font-family: CF ModGrotesk;
                            font-weight: 400;
                            font-size: 16px !important;
                            line-height: 19px;
                            color: black;
                        }
                    }

                    .cart-rel-sold {
                        font-family: CF ModGrotesk;
                        font-weight: 400;
                        font-size: 16px !important;
                        line-height: 19px;
                        color: black;
                        margin-top: 10px;
                    }

                    .cart-rel-price {
                        margin-top: 10px;
                        margin-bottom: 5px;
                        display: flex;
                        flex-wrap: wrap;
                        column-gap: 10px;
                        row-gap: 10px;
                        align-items: center;

                        .label {
                            font-family: CF ModGrotesk;
                            font-weight: 400;
                            font-size: 19px !important;
                            line-height: 19px;
                            color: black;
                            margin: 0;

                        }

                        .price {
                            font-family: CF ModGrotesk;
                            font-weight: 400;
                            font-size: 22px !important;
                            line-height: 19px;
                            color: black;

                        }

                        .save {
                            border: 1px solid #bf3;
                            padding: 5px 20px;
                            border-radius: 30px;
                            font-family: CF ModGrotesk;
                            font-weight: 400;
                            font-size: 19px !important;
                            line-height: 19px;
                            color: black;
                            white-space: nowrap;
                        }
                    }

                    .rpr {
                        margin-top: 10px;

                        .label {
                            font-family: CF ModGrotesk;
                            font-weight: 400;
                            font-size: 16px !important;
                            line-height: 19px;
                            color: #808080;
                        }

                        .price {
                            font-family: CF ModGrotesk;
                            font-weight: 400;
                            font-size: 16px !important;
                            line-height: 19px;
                            color: #808080;
                            text-decoration: line-through;
                        }
                    }

                    .cart-rel-get {
                        display: flex;
                        gap: 5px;
                        margin-bottom: 10px;

                        .label {
                            font-family: CF ModGrotesk;
                            font-weight: 400;
                            font-size: 16px !important;
                            line-height: 19px;
                            color: #808080;
                        }

                        span:nth-child(2) {
                            font-family: CF ModGrotesk;
                            font-weight: 400;
                            font-size: 16px !important;
                            line-height: 19px;
                            color: #808080;
                        }
                    }

                    .cart-rel-basket {
                        margin-top: auto;

                        form {

                            display: flex;
                            gap: 10px;
                            align-items: center;

                            .qnty {
                                display: flex;
                                flex-direction: row;
                                align-items: center;

                                .qnty-set {
                                    background: #f2f2f2;
                                    width: 30px;
                                    height: 30px;
                                    display: flex;
                                    align-items: center;
                                    justify-content: center;
                                    border-radius: 50%;
                                    cursor: pointer;

                                    font-family: CF ModGrotesk;
                                    font-weight: 400;
                                    font-size: 20px !important;
                                    line-height: 19px;
                                    color: black;
                                }

                                input {
                                    padding: 0;
                                    border: none;
                                    max-width: 40px;
                                    text-align: center;

                                    font-family: CF ModGrotesk;
                                    font-weight: 400;
                                    font-size: 15px !important;
                                    line-height: 19px;
                                    color: black;
                                }

                                input::placeholder {
                                    font-family: CF ModGrotesk;
                                    font-weight: 400;
                                    font-size: 15px !important;
                                    line-height: 19px;
                                    color: black;
                                }
                            }

                            .add-to-basket {
                                button {
                                    display: flex;
                                    align-items: center;
                                    gap: 5px;
                                    padding: 10px 20px;
                                    background: #bf3;
                                    border: none;
                                    border-radius: 30px;
                                    font-family: CF ModGrotesk;
                                    font-weight: 400;
                                    font-size: 19px !important;
                                    line-height: 22px;
                                    color: black;

                                    span {
                                        line-height: 0;
                                    }

                                    svg {
                                        width: 17px;
                                        height: 17px;
                                    }
                                }
                            }
                        }
                    }

                }
            }
        }
    }
}


/*checkout page*/
#checkout {
    margin-bottom:50px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);

    grid-template-areas:
        "messages    messages"
        "left-panel right-panel";

    column-gap: 100px;

    @media(max-width: 1100px) {
        grid-template-areas:
            "messages    messages"
            "left-panel  left-panel  "
            "right-panel right-panel";

        gap: 20px;
    }

    & .messages {
        grid-area: messages;
        width: 100%;
    }

    & #opc-sidebar {
        grid-area: right-panel;
        width: auto !important;
        width: 100%;
    }

    & .opc-wrapper {
        grid-area: left-panel;
        width: auto !important;
    }

    /*right sidebar*/
    #opc-sidebar {
        display: flex;
        flex-direction: column;
        border: none !important;
        padding: 0 !important;
        border: none !important;
        margin-top: 0 !important;

        .payment-option{
            margin: 0 !important;
        }


        .opc-block-summary {
            padding: 0 !important;
            width: 100%;
            order: 1;
            margin-bottom: 10px;


            .title {
                margin-bottom: 10px;
                font-family: CF ModGrotesk !important;
                font-weight: 600;
                font-size: 16px;
                line-height: 16px;
            }

            table {
                display: flex;
                flex-direction: column;

                tr {
                    display: block !important;
                    width: 100%;

                    th {
                        width: 100%;
                        white-space: nowrap;
                        font-family: CF ModGrotesk;
                        font-weight: 400;
                        font-size: 14px;
                        line-height: 16px;
                        color: #000027;

                        span,
                        strong {
                            white-space: nowrap;
                            font-family: CF ModGrotesk !important;
                            font-weight: 400;
                            font-size: 14px;
                            line-height: 16px;
                            color: #000027 !important;
                        }
                    }

                    td {
                        span {
                            white-space: nowrap;
                            font-family: CF ModGrotesk !important;
                            font-weight: 400;
                            font-size: 14px;
                            line-height: 16px;
                            color: #000027 !important;
                        }
                    }
                }
            }

            .items-in-cart {
                order: -1;
                margin-top: 10px;
                background: white;
                margin-bottom: 0px;
                margin-top: 0 !important;

                .title {
                    padding: 0;

                    &::after {
                        top: 50%;
                        right: 0;
                        transform: translateY(-50%);
                    }

                    span {
                        font-family: CF ModGrotesk !important;
                        font-weight: 400;
                        font-size: 14px;
                        line-height: 16px;
                        color: #000027 !important;
                    }
                }

                .content {
                    background: white;
                    padding: 0;

                    >div {
                        overflow: visible !important;

                        .minicart-items {
                            .product-item {
                                .product-item-details {

                                    a,
                                    span,
                                    input {
                                        font-family: CF ModGrotesk !important;
                                        font-weight: 400;
                                        font-size: 14px;
                                        line-height: 16px;
                                        color: #000027;
                                    }

                                    input {
                                        border: none !important;
                                        pointer-events: none;
                                    }

                                    input::placeholder {
                                        font-family: CF ModGrotesk !important;
                                        font-weight: 400;
                                        font-size: 14px;
                                        line-height: 16px;
                                        color: #000027;
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }



        .order-comment-block {
            width: 100% !important;
            order: 3;

            .label {
                span {
                    font-family: CF ModGrotesk !important;
                    font-weight: 400;
                    font-size: 14px;
                    line-height: 16px;
                    color: #000027 !important;
                }
            }

            .control {

                min-width: 100%;

                textarea {
                    width: 100%;
                    min-height: 150px;
                    font-family: CF ModGrotesk !important;
                    font-weight: 400;
                    font-size: 14px;
                    line-height: 16px;
                    color: #000027 !important;
                }
            }

        }

        .checkout-agreements-block {
            order: 4;

            .checkout-agreement {
                display: flex;
                align-items: center;
                gap: 10px;

                input {
                    margin-top: 0;
                    line-height: 0;
                }

                label {
                    margin-bottom: 0;
                    line-height: 10px;

                    span,
                    button,
                    a {
                        font-family: CF ModGrotesk !important;
                        font-weight: 400;
                        font-size: 14px;
                        line-height: 10px !important;
                        color: #000027 !important;
                    }
                }
            }

        }

        .actions-toolbar {
            order: 5;
            margin-bottom: 0;

            button {
                background: #bf3 !important;
                border: none !important;
                color: black !important;
                font-family: CF ModGrotesk !important;
                font-weight: 400;
                font-size: 14px;
                line-height: 10px !important;
                color: #000027 !important;
                border-radius: 50px;
            }
        }

        .step-title {
            font-family: CF ModGrotesk !important;
            font-weight: 600;
            font-size: 16px;
            line-height: 18px !important;
            color: #000;
            order: 3;
        }

        span.title {
            margin-top: 20px !important;
            display: inline-block;
        }
    }
    /*left-sidebar*/
    .opc-wrapper {
        ol {
            li#shipping {

                @media(max-width:768px){
                    padding-bottom: 20px !important;
                    margin-bottom: 20px !important;
                }
                .step-title {
                    font-family: CF ModGrotesk !important;
                    font-weight: 600;
                    font-size: 16px;
                    line-height: 16px;
                    color: #000;
                }



                div#checkout-step-shipping {
                    border: none !important;
                    .new-address-popup {
                        button {
                            background: #bf3 !important;
                            font-family: CF ModGrotesk !important;
                            font-weight: 400;
                            font-size: 14px;
                            line-height: 19px;
                            color: #000027 !important;
                            border: none !important;
                            border-radius: 30px;
                            display: flex;
                            align-items: center;
                            justify-content: center;
                            flex-wrap: nowrap;
                            margin: 0;
                            margin-left: auto;
                        }

                        button::before {
                            content: "+";
                            display: inline-block;
                            margin-right: 5px;
                        }
                    }

                    div.field.addresses {
                        div.control {
                            div.shipping-address-items {
                                display: grid;
                                grid-template-columns: 1fr 1fr;
                                gap: 20px;

                                @media(max-width:600px){
                                    grid-template-columns: 1fr;
                                    gap: 10px;
                                }

                                >div {
                                    margin: 0;
                                    font-family: CF ModGrotesk !important;
                                    font-weight: 400;
                                    font-size: 14px;
                                    line-height: 19px;
                                    color: #000027 !important;
                                    border: none;
                                }

                                >div.selected-item {
                                    background: white;
                                    border: 1px solid black;

                                }
                            }

                        }

                    }
                }

            }

            li#opc-shipping_method {
                border-bottom: none;

                @media(max-width:768px) {
                    padding-bottom: 0 !important;
                }

                .checkout-shipping-method {
                    .step-title {
                        font-family: CF ModGrotesk !important;
                        font-weight: 600;
                        font-size: 16px;
                        line-height: 16px;
                        color: #000;
                    }

                    #checkout-step-shipping_method {
                        tr {

                            td,
                            td span {
                                font-family: CF ModGrotesk !important;
                                font-weight: 400;
                                font-size: 14px !important;
                                line-height: 16px;
                                color: #000027 !important;
                            }

                            td:nth-child(3){
                                min-width: 180px !important;

                            }
                        }


                        tr .col-method input {
                            background: white !important;
                            border: 1px solid black;
                            border-radius: 0;
                            width: 17px;
                            height: 17px;
                        }

                        tr .col-method input:checked {
                            background: white;
                        }

                        tr .col-method input:checked::after {
                            content: '';
                            display: block;
                            width: 15px;
                            height: 15px;
                            border: 5px solid #bbff33;
                            border-radius: 0 !important;
                            background: black !important;
                        }
                    }
                }
            }
        }

        li#payment {

            @media(max-width: 768px){
                padding-bottom: 20px !important;
                margin-bottom: 0px !important;
            }
            .step-title {
                font-family: CF ModGrotesk !important;
                font-weight: 600;
                font-size: 16px;
                line-height: 16px;
                color: #000;
            }
            hr{
                display: none;
            }

            span,p{
                font-family: CF ModGrotesk !important;
                font-weight: 400;
                font-size: 16px;
                line-height: 16px;
                color: #000027 !important;
            }

            .payment-method-content{
                padding-top: 0 !important;
                @media(max-width: 768px){
                    padding: 0 !important;
                }
            }


        }


    }

}

.super body > .loading-mask .loader:before, .super body > .loading-mask .loader:after{
    background: black;
}

.super body > .loading-mask .loader:before, .super body > .loading-mask .loader:before{
    background: #bbff33;
}

/*checkout pop up*/
.modal-inner-wrap {

    .modal-header {
        position: relative;

        h1 {
            font-family: CF ModGrotesk !important;
            font-weight: 400;
            font-size: 20px;
            line-height: 24px;
        }

        .action-close{
            background: #bf3;
            border: none;
            color: #000027 ;
            display: inline-block;
            border-radius: 30px;
            font-family: CF ModGrotesk;
            font-weight: 400;
            font-size: 14px ;
            line-height: 24px;
            padding: 5px 20px;
            position: absolute;
            top: 9px;
            right: 15px;
        }
    }



    label,
    input,
    input::placeholder,
    legend span,
    select,
    label span {
        font-family: CF ModGrotesk;
        font-weight: 400;
        font-size: 16px;
        line-height: 20px;
    }

    .control{
        width: 100% !important;
        max-width: 100%;
        input{
            width: 100%;
        }
    }

    .control._with-tooltip{
        padding-right: 0;
    }

    .field.choice {
        display: flex;
        align-items: center;

        label {
            line-height: 0;

            span {
                line-height: 28px;
            }
        }
    }

    .modal-footer {
        button.action.primary.action-save-address {
            background: #bf3 !important;
            border: none !important;
            color: #000027 !important;
            display: inline-block;
            border-radius: 30px;
            font-family: CF ModGrotesk;
            font-weight: 400;
            font-size: 14px !important;
            line-height: 24px;
        }

        button.action.secondary.action-hide-popup {
            background: #bf3 !important;
            border: none !important;
            color: #000027 !important;
            display: inline-block !important;
            border-radius: 30px;
            font-family: CF ModGrotesk !important;
            font-weight: 400;
            font-size: 14px !important;
            line-height: 20px;
        }

    }
}
.super .locator-header .button-locator.locator-enabled{
    background: #bbff33;
}
.super .red .newsections{
    background: #bbff33;
}
.super .btn.primary:hover, .super button.action.primary:hover, .super .btn.btn-primary:hover, .super button.action.btn-primary:hover{
    background: #bbff33 !important;
    border: 2px solid #bbff33 !important;
    color: #000 !important;
}
/*cms-sidebar*/
.fixit-cms-sidebar .display--small-only {
    display: none;
}
@media(min-width: 993px){
    .sidebar.sidebar-main .cms-custom-sidebar.fixit-cms-sidebar{
        border-top: none;
        margin-top: 0;
        padding-top: 0;
        background-color: #bbff33;
        padding: 15px 25px;
        margin-top: 20px;
    }
    .sidebar.sidebar-main .cms-custom-sidebar.fixit-cms-sidebar>.title{
        display: none;
    }
    .sidebar.sidebar-main .cms-custom-sidebar.fixit-cms-sidebar li{
        font-size: 16px;
        line-height: 22px;
        letter-spacing: 0.03em;
        color: #000;
    }
    .sidebar.sidebar-main .cms-custom-sidebar.fixit-cms-sidebar li a{
        font-size: 16px;
        line-height: 22px;
        letter-spacing: 0.03em;
        color: #000;
        font-weight: 400;
    }
    .cms-page-view.page-layout-2columns-left:has(.fixit-cms-sidebar) .page-main.container{
        max-width: 1780px;
    }
}
@media(max-width: 992px) {
    .sidebar.sidebar-additional .block+.block, .sidebar.sidebar-main .fixit-cms-sidebar{
        border-top: none;
        margin-top: 20px;
        padding-top: 0;
    }
    .fixit-cms-sidebar .display--small-only {
        display: block;
        margin-top: 12px;
    }

    .fixit-cms-sidebar .display--small-up {
        display: none;
    }

    .cms-page-view .sidebar.sidebar-main:has(.fixit-cms-sidebar) {
        order: -1;
        display: block;
        position: relative;
        width: 100%;
        top: 0;
        left: 0;
        right: 0;
        height: 100%;
        padding-top: 0;
        border-top: none;
    }

    .cms-page-view.page-layout-2columns-left:has(.fixit-cms-sidebar) .page-main.container>.row {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
    }
    #main-Menucontent #mainMenu{
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
        margin-bottom: 20px;
    }
    #main-Menucontent #mainMenu>li{
        width: 100%;
        text-align: center;
        border-bottom: 1px solid #000;
    }
    #main-Menucontent #mainMenu>li a{
        justify-content: space-between;
        width: 100%;
    }
}
@media(min-width: 993px){
    .front-page-appointment-column-1 p,.front-page-partner-column-2 p{
        font-size: 18px;
        line-height: 24px;
    }
    .front-page-appointment-column-1 [data-content-type="button-item"] span[data-element="link_text"],.front-page-partner-column-2 [data-content-type="button-item"]{
        font-size: 18px;
        line-height: 24px;
    }
    .front-page-distributor-column-1 h2,.front-page-appointment-column-2 h2,.front-page-partner-column-1 h2{
        font-size: 32px;
        line-height: 38px;
    }

    .main-header-bottom-inner{
        max-width: 1480px;
        justify-content: space-between;
        padding-inline: 0;
    }
    #main-Menucontent{
        width: 100%;
    }
    .super #main-Menucontent nav{
        width: 100%;
        max-width: 100%;
        justify-content: space-between;
        margin: 0 auto;
    }
    #main-Menucontent #mainMenu{
        width: 100%;
    }
    .front-page-appointment-row{
        max-width: 1480px;
        margin: 0 auto;
        border-bottom-right-radius: 300px;
    }
    .front-page-distributor-row{
        max-width: 1480px;
        margin: 0 auto;
    }
    .front-page-partner-row{
        max-width: 1480px;
        margin: 0 auto;
    }
    .front-page-distributor-column{
        min-height: auto !important;
        padding: 40px 80px;
    }
    .front-page-appointment-column{
        min-height: auto !important;
        padding: 40px 80px;
    }
    .front-page-partner-column{
        min-height: auto !important;
        padding: 40px 80px;
    }
    .front-page-partner-column-2 [data-content-type=button-item], .front-page-appointment-column-1 [data-content-type=button-item], .front-page-distributor-column-2 [data-content-type=button-item]{
        padding: 24px 36px;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 16px;
        line-height: 22px;
        width: 100%;
        max-width: 410px;
    }
    .front-page-menu-column-1 span.tab-title{
        font-size: 42px;
        line-height: 48px;
    }
    .front-page-menu-column-1 .tabs-navigation li .tab-number{
        font-size: 42px;
        line-height: 48px;
    }
    .front-page-menu-column-1 .tabs-navigation div[data-content-type=tab-item]>div p{
        font-size: 18px;
        line-height: 24px;
        max-width: 80%;
        margin-top: 12px;
    }
    .front-page-menu-column-1 .tabs-navigation>li{
        margin-bottom: 12px;
    }
}
@media(max-width: 992px){

    .front-page-header-column-1 h1{
        font-size: 32px;
        line-height: 38px;
    }
    .front-page-header-column-2 p{
        font-size: 16px;
        line-height: 22px;
    }
    .front-page-header-column-3 [data-content-type=button-item]{
        width: 100% !important;
    }
    .front-page-header-column-3>div{
        width: 100%;
    }
    .front-page-header-column-3 [data-content-type=button-item] span[data-element=link_text]{
        font-size: 16px !important;
        line-height: 22px;
    }
    .front-page-menu-column-1 span.tab-title{
        font-size: 24px;
        line-height: 30px;
    }
    .front-page-menu-column-1 span.tab-title .tab-number{
        font-size: 24px;
        line-height: 30px;
    }
    .front-page-menu-column-1 .tabs-navigation div[data-content-type=tab-item]>div p{
        font-size: 14px;
        line-height: 20px;
    }
    .front-page-menu-column-1 .tabs-navigation div[data-content-type=tab-item]>div{
        margin-top: 10px;
        padding-left: 0;
    }
    .front-page-distributor-column{
        border-radius: 200px !important;
    }
}
@media(max-width: 768px){
    .front-page-distributor-column-1 h2,.front-page-appointment-column-2 h2,.front-page-partner-column-1 h2{
        font-size: 18px;
        line-height: 24px;
    }
    .front-page-distributor-column-2 p,.front-page-appointment-column-1 p,.front-page-partner-column-2 p{
        font-size: 13px;
        line-height: 19px;
        text-align: center;
    }
    .front-page-distributor-column-2 [data-content-type="button-item"] span[data-element="link_text"],.front-page-appointment-column-1 [data-content-type="button-item"] span[data-element="link_text"],.front-page-partner-column-2 [data-content-type="button-item"] span[data-element="link_text"]{
        font-size: 14px;
        line-height: 20px;
    }
}

/* ============================================================
   SPACEGREEN FIGMA REDESIGN — NEW SECTIONS
   Brand colors:
     Lime green : #bbff33
     Dark navy  : #000027
     Light gray : #e6e6e9
     White      : #ffffff
   Fonts: grandgothikext (headings), baguesans (sub), isotext (body)
   ============================================================ */

/* ----------------------------------------------------------
   1. HERO IMAGE CAROUSEL (.sg-hero-carousel)
   ---------------------------------------------------------- */
.sg-hero-carousel {
    position: relative;
    width: 100%;
    overflow: hidden;
    background: #000027;
}

.sg-hero-carousel .slick-list,
.sg-hero-carousel .slick-track {
    height: 100%;
}

.sg-hero-slide {
    position: relative;
    width: 100%;
}

.sg-hero-slide img {
    width: 100%;
    height: 500px;
    object-fit: cover;
    display: block;
}

.sg-hero-carousel .slick-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: #bbff33;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.2s, opacity 0.2s;
    font-size: 0;
}

.sg-hero-carousel .slick-arrow:hover {
    background: #000027;
}

.sg-hero-carousel .slick-prev {
    left: 24px;
}

.sg-hero-carousel .slick-next {
    right: 24px;
}

.sg-hero-carousel .slick-prev::before,
.sg-hero-carousel .slick-next::before {
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    border-top: 2px solid #000027;
    border-right: 2px solid #000027;
}

.sg-hero-carousel .slick-prev::before {
    transform: rotate(-135deg) translateX(-1px);
}

.sg-hero-carousel .slick-next::before {
    transform: rotate(45deg) translateX(-1px);
}

.sg-hero-carousel .slick-arrow:hover::before {
    border-color: #bbff33;
}

.sg-hero-carousel .slick-dots {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 8px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.sg-hero-carousel .slick-dots li {
    margin: 0;
}

.sg-hero-carousel .slick-dots li button {
    font-size: 0;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.5);
    border: none;
    cursor: pointer;
    padding: 0;
    transition: background 0.2s;
}

.sg-hero-carousel .slick-dots li.slick-active button {
    background: #bbff33;
}

/* ----------------------------------------------------------
   2. BECOME A DISTRIBUTOR (.front-page-distributor-row)
   ---------------------------------------------------------- */
.front-page-distributor-row {
    background: #000027;
    padding: 60px 0;
}

.front-page-distributor-row .distributor-inner {
    max-width: 1320px;
    margin: 0 auto;
    padding: 0 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
}

.front-page-distributor-row .distributor-text {
    flex: 1 1 auto;
}

.front-page-distributor-row .distributor-text h2,
.front-page-distributor-row .distributor-text .section-title {
    font-family: grandgothikext;
    font-weight: 700;
    font-size: 42px;
    color: #ffffff;
    line-height: 1.1;
    margin: 0 0 16px;
    text-transform: uppercase;
    letter-spacing: 0.01em;
}

.front-page-distributor-row .distributor-text p,
.front-page-distributor-row .distributor-text .section-desc {
    font-family: isotext;
    font-size: 16px;
    color: #e6e6e9;
    line-height: 1.6;
    margin: 0;
}

.front-page-distributor-row .distributor-cta {
    flex: 0 0 auto;
}

.front-page-distributor-row .distributor-cta a,
.front-page-distributor-row .distributor-cta .btn-distributor {
    display: inline-block;
    background: #bbff33;
    color: #000027;
    font-family: baguesans;
    font-weight: 700;
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    padding: 22px 52px;
    border-radius: 200px;
    border: none;
    text-decoration: none;
    transition: background 0.2s, color 0.2s, transform 0.15s;
    white-space: nowrap;
    cursor: pointer;
}

.front-page-distributor-row .distributor-cta a:hover,
.front-page-distributor-row .distributor-cta .btn-distributor:hover {
    background: #ffffff;
    color: #000027;
    transform: scale(1.03);
}

/* ----------------------------------------------------------
   3. BOOK A B2B APPOINTMENT (.front-page-appointment-row)
   ---------------------------------------------------------- */
.front-page-appointment-row {
    background: #000027;
    padding: 60px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.front-page-appointment-row .appointment-inner {
    max-width: 1320px;
    margin: 0 auto;
    padding: 0 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
}

.front-page-appointment-row .appointment-text {
    flex: 1 1 auto;
}

.front-page-appointment-row .appointment-text h2,
.front-page-appointment-row .appointment-text .section-title {
    font-family: grandgothikext;
    font-weight: 700;
    font-size: 36px;
    color: #ffffff;
    line-height: 1.1;
    margin: 0 0 12px;
    text-transform: uppercase;
    letter-spacing: 0.01em;
}

.front-page-appointment-row .appointment-text p,
.front-page-appointment-row .appointment-text .section-desc {
    font-family: isotext;
    font-size: 15px;
    color: #e6e6e9;
    line-height: 1.6;
    margin: 0;
}

.front-page-appointment-row .appointment-cta {
    flex: 0 0 auto;
}

.front-page-appointment-row .appointment-cta a,
.front-page-appointment-row .appointment-cta .btn-appointment {
    display: inline-block;
    background: transparent;
    color: #ffffff;
    font-family: baguesans;
    font-weight: 700;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    padding: 18px 44px;
    border-radius: 200px;
    border: 2px solid #ffffff;
    text-decoration: none;
    transition: background 0.2s, color 0.2s, border-color 0.2s;
    white-space: nowrap;
    cursor: pointer;
}

.front-page-appointment-row .appointment-cta a:hover,
.front-page-appointment-row .appointment-cta .btn-appointment:hover {
    background: #ffffff;
    color: #000027;
}

/* ----------------------------------------------------------
   4. PARTNER BENEFITS (.front-page-partner-row)
   ---------------------------------------------------------- */
.front-page-partner-row {
    background: #000027;
    padding: 60px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.front-page-partner-row .partner-inner {
    max-width: 1320px;
    margin: 0 auto;
    padding: 0 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
}

.front-page-partner-row .partner-text {
    flex: 1 1 auto;
}

.front-page-partner-row .partner-text h2,
.front-page-partner-row .partner-text .section-title {
    font-family: grandgothikext;
    font-weight: 700;
    font-size: 36px;
    color: #ffffff;
    line-height: 1.1;
    margin: 0 0 12px;
    text-transform: uppercase;
    letter-spacing: 0.01em;
}

.front-page-partner-row .partner-text p,
.front-page-partner-row .partner-text .section-desc {
    font-family: isotext;
    font-size: 15px;
    color: #e6e6e9;
    line-height: 1.6;
    margin: 0;
}

.front-page-partner-row .partner-benefits-list {
    display: flex;
    gap: 32px;
    flex-wrap: wrap;
    margin-top: 24px;
}

.front-page-partner-row .partner-benefit-item {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    flex: 0 0 calc(50% - 16px);
}

.front-page-partner-row .partner-benefit-item .benefit-number {
    font-family: grandgothikext;
    font-weight: 700;
    font-size: 36px;
    color: #bbff33;
    line-height: 1;
    min-width: 48px;
}

.front-page-partner-row .partner-benefit-item .benefit-label {
    font-family: baguesans;
    font-weight: 600;
    font-size: 15px;
    color: #ffffff;
    line-height: 1.4;
    padding-top: 6px;
}

.front-page-partner-row .partner-cta {
    flex: 0 0 auto;
    align-self: flex-start;
}

.front-page-partner-row .partner-cta a,
.front-page-partner-row .partner-cta .btn-partner {
    display: inline-block;
    background: transparent;
    color: #ffffff;
    font-family: baguesans;
    font-weight: 700;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    padding: 18px 44px;
    border-radius: 200px;
    border: 2px solid #ffffff;
    text-decoration: none;
    transition: background 0.2s, color 0.2s, border-color 0.2s;
    white-space: nowrap;
    cursor: pointer;
}

.front-page-partner-row .partner-cta a:hover,
.front-page-partner-row .partner-cta .btn-partner:hover {
    background: #ffffff;
    color: #000027;
}

/* ----------------------------------------------------------
   5. CATEGORIES GRID (.sg-categories-grid)
   ---------------------------------------------------------- */
.sg-categories-grid {
    width: 100%;
    max-width: 1320px;
    margin: 0 auto;
    padding: 60px 24px;
}

.sg-categories-grid .sg-categories-grid-title {
    font-family: grandgothikext;
    font-weight: 700;
    font-size: 36px;
    color: #000027;
    text-transform: uppercase;
    margin-bottom: 32px;
    letter-spacing: 0.01em;
}

.sg-categories-grid .sg-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.sg-category-card {
    position: relative;
    border-radius: 12px;
    overflow: hidden;
    aspect-ratio: 4 / 3;
    cursor: pointer;
    background: #e6e6e9;
}

.sg-category-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.4s ease;
}

.sg-category-card:hover img {
    transform: scale(1.06);
}

.sg-category-card .sg-category-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(0, 0, 39, 0.65) 0%, rgba(0, 0, 39, 0.1) 60%, transparent 100%);
    display: flex;
    align-items: flex-end;
    padding: 20px 24px;
    transition: background 0.3s;
}

.sg-category-card:hover .sg-category-overlay {
    background: linear-gradient(to top, rgba(0, 0, 39, 0.8) 0%, rgba(0, 0, 39, 0.2) 60%, transparent 100%);
}

.sg-category-card .sg-category-name {
    font-family: baguesans;
    font-weight: 700;
    font-size: 20px;
    color: #ffffff;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    line-height: 1.2;
}

.sg-category-card .sg-category-name .sg-lime-accent {
    color: #bbff33;
}

/* ----------------------------------------------------------
   6. STORE LOCATOR SECTION (.sg-store-locator-section)
   ---------------------------------------------------------- */
.sg-store-locator-section {
    background: #000027;
    padding: 70px 0;
}

.sg-store-locator-section .sg-store-locator-inner {
    max-width: 1320px;
    margin: 0 auto;
    padding: 0 24px;
}

.sg-store-locator-section .sg-store-locator-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 40px;
    margin-bottom: 40px;
}

.sg-store-locator-section .sg-store-locator-title {
    font-family: grandgothikext;
    font-weight: 700;
    font-size: 64px;
    color: #ffffff;
    text-transform: uppercase;
    line-height: 0.95;
    letter-spacing: -0.01em;
    flex: 0 0 auto;
}

.sg-store-locator-section .sg-store-locator-title span.sg-lime {
    color: #bbff33;
}

.sg-store-locator-tabs {
    display: flex;
    gap: 12px;
    align-items: center;
    flex-wrap: wrap;
}

.sg-store-locator-tab {
    display: inline-block;
    background: transparent;
    color: #e6e6e9;
    font-family: baguesans;
    font-weight: 600;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    padding: 12px 28px;
    border-radius: 200px;
    border: 1.5px solid rgba(255, 255, 255, 0.3);
    cursor: pointer;
    transition: background 0.2s, color 0.2s, border-color 0.2s;
    text-decoration: none;
}

.sg-store-locator-tab:hover,
.sg-store-locator-tab.active {
    background: #bbff33;
    color: #000027;
    border-color: #bbff33;
}

.sg-store-locator-section .sg-store-locator-map {
    width: 100%;
    border-radius: 12px;
    overflow: hidden;
    min-height: 400px;
    background: rgba(255, 255, 255, 0.05);
}

.sg-store-locator-section .sg-store-locator-map iframe {
    width: 100%;
    height: 400px;
    border: none;
    display: block;
}

/* ----------------------------------------------------------
   7. SERVICES / COLLECTIONS NUMBERED TABS
   ---------------------------------------------------------- */
.sg-services-section {
    padding: 70px 0;
    background: #ffffff;
}

.sg-services-section .sg-services-inner {
    max-width: 1320px;
    margin: 0 auto;
    padding: 0 24px;
}

.sg-services-tabs {
    display: flex;
    gap: 0;
    border-bottom: 1px solid #e6e6e9;
    margin-bottom: 48px;
    overflow-x: auto;
    scrollbar-width: none;
}

.sg-services-tabs::-webkit-scrollbar {
    display: none;
}

.sg-services-tab {
    display: flex;
    align-items: baseline;
    gap: 8px;
    padding: 16px 32px 16px 0;
    cursor: pointer;
    border-bottom: 3px solid transparent;
    margin-bottom: -1px;
    transition: border-color 0.2s;
    white-space: nowrap;
    text-decoration: none;
    color: inherit;
}

.sg-services-tab.active,
.sg-services-tab:hover {
    border-bottom-color: #bbff33;
}

.sg-services-tab .tab-number {
    font-family: grandgothikext;
    font-weight: 700;
    font-size: 13px;
    color: #bbff33;
    letter-spacing: 0.04em;
    line-height: 1;
    align-self: flex-start;
    padding-top: 4px;
}

.sg-services-tab .tab-label {
    font-family: baguesans;
    font-weight: 700;
    font-size: 20px;
    color: #000027;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    line-height: 1;
}

.sg-services-tab.active .tab-label {
    color: #000027;
}

.sg-services-panel {
    display: none;
}

.sg-services-panel.active {
    display: block;
}

.sg-services-panel .sg-services-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}

.sg-service-card {
    border-radius: 12px;
    overflow: hidden;
    background: #e6e6e9;
}

.sg-service-card img {
    width: 100%;
    aspect-ratio: 4 / 3;
    object-fit: cover;
    display: block;
}

.sg-service-card .sg-service-info {
    padding: 20px;
}

.sg-service-card .sg-service-info h3 {
    font-family: baguesans;
    font-weight: 700;
    font-size: 18px;
    color: #000027;
    margin: 0 0 8px;
}

.sg-service-card .sg-service-info p {
    font-family: isotext;
    font-size: 14px;
    color: #555;
    line-height: 1.5;
    margin: 0;
}

/* ----------------------------------------------------------
   8. FOOTER BRANDING BLOCK (.sg-footer-branding)
   ---------------------------------------------------------- */
.sg-footer-branding {
    position: relative;
    background: #bbff33;
    overflow: hidden;
    padding: 60px 0;
}

.sg-footer-branding .sg-footer-branding-inner {
    max-width: 1320px;
    margin: 0 auto;
    padding: 0 24px;
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
}

.sg-footer-branding .sg-footer-logo {
    font-family: grandgothikext;
    font-weight: 700;
    font-size: 72px;
    color: #000027;
    text-transform: uppercase;
    line-height: 0.9;
    letter-spacing: -0.02em;
}

.sg-footer-branding .sg-footer-logo sup {
    font-size: 0.3em;
    vertical-align: super;
    letter-spacing: 0;
}

.sg-footer-branding .sg-footer-logo img {
    max-height: 100px;
    width: auto;
    display: block;
}

.sg-footer-branding .sg-footer-tagline {
    font-family: isotext;
    font-size: 18px;
    color: #000027;
    font-weight: 500;
    line-height: 1.5;
    max-width: 400px;
}

.sg-footer-branding .sg-footer-pattern {
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    overflow: hidden;
}

.sg-footer-branding .sg-footer-pattern::before {
    content: '';
    position: absolute;
    right: -80px;
    top: -40px;
    width: 480px;
    height: 480px;
    background: rgba(255, 255, 255, 0.12);
    border-radius: 50%;
    transform: scale(1.2);
}

.sg-footer-branding .sg-footer-pattern::after {
    content: '';
    position: absolute;
    right: 60px;
    bottom: -60px;
    width: 280px;
    height: 280px;
    background: rgba(255, 255, 255, 0.08);
    border-radius: 50%;
}

.sg-footer-branding .sg-footer-cta {
    flex: 0 0 auto;
}

.sg-footer-branding .sg-footer-cta a,
.sg-footer-branding .sg-footer-cta .btn-footer {
    display: inline-block;
    background: #000027;
    color: #bbff33;
    font-family: baguesans;
    font-weight: 700;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    padding: 20px 48px;
    border-radius: 200px;
    border: none;
    text-decoration: none;
    transition: background 0.2s, color 0.2s;
    white-space: nowrap;
    cursor: pointer;
}

.sg-footer-branding .sg-footer-cta a:hover,
.sg-footer-branding .sg-footer-cta .btn-footer:hover {
    background: #ffffff;
    color: #000027;
}

/* ----------------------------------------------------------
   RESPONSIVE — 1320px
   ---------------------------------------------------------- */
@media (max-width: 1320px) {
    .sg-hero-slide img {
        height: 420px;
    }

    .sg-store-locator-section .sg-store-locator-title {
        font-size: 52px;
    }

    .sg-footer-branding .sg-footer-logo {
        font-size: 56px;
    }
}

/* ----------------------------------------------------------
   RESPONSIVE — 900px
   ---------------------------------------------------------- */
@media (max-width: 900px) {
    .sg-hero-slide img {
        height: 340px;
    }

    .sg-hero-carousel .slick-prev {
        left: 12px;
    }

    .sg-hero-carousel .slick-next {
        right: 12px;
    }

    .front-page-distributor-row .distributor-inner,
    .front-page-appointment-row .appointment-inner,
    .front-page-partner-row .partner-inner {
        flex-direction: column;
        align-items: flex-start;
        gap: 28px;
    }

    .front-page-distributor-row .distributor-text h2,
    .front-page-distributor-row .distributor-text .section-title {
        font-size: 32px;
    }

    .front-page-appointment-row .appointment-text h2,
    .front-page-appointment-row .appointment-text .section-title,
    .front-page-partner-row .partner-text h2,
    .front-page-partner-row .partner-text .section-title {
        font-size: 28px;
    }

    .sg-categories-grid .sg-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .sg-store-locator-section .sg-store-locator-header {
        flex-direction: column;
        gap: 24px;
    }

    .sg-store-locator-section .sg-store-locator-title {
        font-size: 44px;
    }

    .sg-services-section .sg-services-grid,
    .sg-services-panel .sg-services-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .sg-footer-branding .sg-footer-branding-inner {
        flex-direction: column;
        align-items: flex-start;
        gap: 28px;
    }

    .sg-footer-branding .sg-footer-logo {
        font-size: 44px;
    }

    .front-page-partner-row .partner-benefit-item {
        flex: 0 0 100%;
    }
}

/* ----------------------------------------------------------
   RESPONSIVE — 768px
   ---------------------------------------------------------- */
@media (max-width: 768px) {
    .sg-hero-slide img {
        height: 240px;
    }

    .sg-hero-carousel .slick-arrow {
        width: 36px;
        height: 36px;
    }

    .front-page-distributor-row,
    .front-page-appointment-row,
    .front-page-partner-row,
    .sg-store-locator-section,
    .sg-services-section,
    .sg-footer-branding {
        padding: 40px 0;
    }

    .front-page-distributor-row .distributor-text h2,
    .front-page-distributor-row .distributor-text .section-title {
        font-size: 26px;
    }

    .front-page-distributor-row .distributor-cta a,
    .front-page-distributor-row .distributor-cta .btn-distributor {
        font-size: 15px;
        padding: 18px 36px;
    }

    .sg-categories-grid {
        padding: 40px 16px;
    }

    .sg-categories-grid .sg-grid {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .sg-category-card {
        aspect-ratio: 16 / 7;
    }

    .sg-store-locator-section .sg-store-locator-title {
        font-size: 34px;
    }

    .sg-store-locator-tab {
        font-size: 11px;
        padding: 10px 18px;
    }

    .sg-store-locator-section .sg-store-locator-map iframe {
        height: 280px;
    }

    .sg-services-tabs {
        gap: 0;
    }

    .sg-services-tab {
        padding: 14px 20px 14px 0;
    }

    .sg-services-tab .tab-label {
        font-size: 15px;
    }

    .sg-services-section .sg-services-grid,
    .sg-services-panel .sg-services-grid {
        grid-template-columns: 1fr;
    }

    .sg-footer-branding .sg-footer-logo {
        font-size: 36px;
    }

    .sg-footer-branding .sg-footer-tagline {
        font-size: 15px;
    }
}
/* === FIX: Dark navy backgrounds for Distributor/Appointment/Partner sections === */
.front-page-distributor-row {
    background-color: #000027 !important;
}
.front-page-distributor-column-1 h2 {
    color: #ffffff !important;
}
.front-page-distributor-column-2 p {
    color: #e6e6e9 !important;
}
.front-page-distributor-column-2 [data-content-type="button-item"] {
    border-color: #bbff33 !important;
    background: #bbff33 !important;
}
.front-page-distributor-column-2 [data-content-type="button-item"] span[data-element="link_text"] {
    color: #000027 !important;
}
.front-page-distributor-column-2 [data-content-type="button-item"]:hover {
    background: #fff !important;
}

.front-page-appointment-row {
    background-color: #000027 !important;
}
.front-page-appointment-column-1 p {
    color: #e6e6e9 !important;
}
.front-page-appointment-column-1 [data-content-type="button-item"] {
    border-color: #ffffff !important;
    background: transparent !important;
}
.front-page-appointment-column-1 [data-content-type="button-item"] span[data-element="link_text"] {
    color: #ffffff !important;
}
.front-page-appointment-column-1 [data-content-type="button-item"]:hover {
    background: #ffffff !important;
}
.front-page-appointment-column-1 [data-content-type="button-item"]:hover span[data-element="link_text"] {
    color: #000027 !important;
}
.front-page-appointment-column-2 h2 {
    color: #ffffff !important;
}

.front-page-partner-row {
    background-color: #000027 !important;
}
.front-page-partner-column-1 h2 {
    color: #ffffff !important;
}
.front-page-partner-column-2 p {
    color: #e6e6e9 !important;
}
.front-page-partner-column-2 [data-content-type="button-item"] {
    border-color: #ffffff !important;
    background: transparent !important;
}
.front-page-partner-column-2 [data-content-type="button-item"] span[data-element="link_text"] {
    color: #ffffff !important;
}
.front-page-partner-column-2 [data-content-type="button-item"]:hover {
    background: #ffffff !important;
}
.front-page-partner-column-2 [data-content-type="button-item"]:hover span[data-element="link_text"] {
    color: #000027 !important;
}

/* === FIGMA MATCH: Homepage section redesign === */

/* Hero: lime green pattern band below hero text */
.front-page-header-pattern {
    min-height: 80px !important;
    background-color: #bbff33 !important;
    background-size: cover !important;
}

/* BECOME A DISTRIBUTOR: Large lime green pill */
.front-page-distributor-row {
    background-color: transparent !important;
    border-radius: 0 !important;
    padding: 40px 0 !important;
    margin: 0 auto !important;
    max-width: 1720px;
}
.front-page-distributor-column {
    background-color: #bbff33 !important;
    border-radius: 400px !important;
    padding: 60px 80px !important;
    display: flex !important;
    align-items: center !important;
}
.front-page-distributor-column-1 h2 {
    color: #000027 !important;
    font-size: 64px !important;
    line-height: 1.05 !important;
    text-transform: uppercase;
}
.front-page-distributor-column-2 p {
    color: #000027 !important;
    font-size: 16px !important;
}
.front-page-distributor-column-2 [data-content-type="button-item"] {
    border-color: #000027 !important;
    background: transparent !important;
    border-radius: 200px !important;
}
.front-page-distributor-column-2 [data-content-type="button-item"] span[data-element="link_text"] {
    color: #000027 !important;
}
.front-page-distributor-column-2 [data-content-type="button-item"]:hover {
    background: #000027 !important;
}
.front-page-distributor-column-2 [data-content-type="button-item"]:hover span[data-element="link_text"] {
    color: #bbff33 !important;
}

/* Book appointment: WHITE background, large bold text */
.front-page-appointment-row {
    background-color: #ffffff !important;
    border-radius: 0 !important;
    border-top: 1px solid #e6e6e9;
    border-bottom: 1px solid #e6e6e9;
}
.front-page-appointment-column {
    padding: 60px 80px !important;
}
.front-page-appointment-column-2 h2 {
    color: #000027 !important;
    font-size: 48px !important;
    line-height: 1.1 !important;
    font-weight: 700 !important;
}
.front-page-appointment-column-1 p {
    color: #555 !important;
    font-size: 15px !important;
}
.front-page-appointment-column-1 [data-content-type="button-item"] {
    border-color: #000027 !important;
    background: transparent !important;
    border-radius: 200px !important;
}
.front-page-appointment-column-1 [data-content-type="button-item"] span[data-element="link_text"] {
    color: #000027 !important;
}
.front-page-appointment-column-1 [data-content-type="button-item"]:hover {
    background: #000027 !important;
}
.front-page-appointment-column-1 [data-content-type="button-item"]:hover span[data-element="link_text"] {
    color: #ffffff !important;
}

/* Partner Benefits: dark navy, compact */
.front-page-partner-row {
    background-color: #000027 !important;
    border-radius: 20px !important;
    margin: 0 auto;
    max-width: 1720px;
}
.front-page-partner-column {
    padding: 50px 80px !important;
}
.front-page-partner-column-1 h2 {
    color: #ffffff !important;
    font-size: 42px !important;
    line-height: 1.1 !important;
}
.front-page-partner-column-2 p {
    color: #e6e6e9 !important;
}
.front-page-partner-column-2 [data-content-type="button-item"] {
    border-color: #bbff33 !important;
    background: #bbff33 !important;
    border-radius: 200px !important;
}
.front-page-partner-column-2 [data-content-type="button-item"] span[data-element="link_text"] {
    color: #000027 !important;
}

/* Categories: add lime green accent dots */
.sg-category-card::after {
    content: '';
    position: absolute;
    bottom: 20px;
    right: 24px;
    width: 12px;
    height: 12px;
    background: #bbff33;
    border-radius: 50%;
    z-index: 2;
}

/* Store Locator: Figma has text left + big STORE LOCATOR right */
.sg-store-locator-section .sg-store-locator-header {
    flex-direction: row !important;
    align-items: center;
}
.sg-store-locator-section .sg-store-locator-title {
    order: 2;
    text-align: right;
}
.sg-store-locator-section .sg-store-locator-info {
    order: 1;
    flex: 1;
}

/* Responsive fixes for new layouts */
@media (max-width: 1489px) {
    .front-page-distributor-column-1 h2 {
        font-size: 48px !important;
    }
    .front-page-appointment-column-2 h2 {
        font-size: 36px !important;
    }
}
@media (max-width: 965px) {
    .front-page-distributor-column {
        padding: 40px !important;
        border-radius: 200px !important;
    }
    .front-page-distributor-column-1 h2 {
        font-size: 36px !important;
    }
    .front-page-appointment-column {
        padding: 40px !important;
    }
    .front-page-appointment-column-2 h2 {
        font-size: 28px !important;
    }
    .front-page-partner-column {
        padding: 40px !important;
    }
    .sg-store-locator-section .sg-store-locator-header {
        flex-direction: column !important;
    }
    .sg-store-locator-section .sg-store-locator-title {
        order: 1;
        text-align: left;
    }
    .sg-store-locator-section .sg-store-locator-info {
        order: 2;
    }
}
@media (max-width: 768px) {
    .front-page-distributor-column-1 h2 {
        font-size: 28px !important;
        line-height: 1.15 !important;
    }
    .front-page-distributor-column {
        padding: 30px !important;
        border-radius: 100px !important;
    }
    .front-page-appointment-column-2 h2 {
        font-size: 22px !important;
    }
    .front-page-partner-column-1 h2 {
        font-size: 28px !important;
    }
}

/* Fine-tune BECOME A DISTRIBUTOR - bigger text, more pill */
.front-page-distributor-column-1 h2 {
    font-size: 72px !important;
    line-height: 1.0 !important;
    letter-spacing: -0.02em;
    text-transform: uppercase !important;
}

/* Appointment: bigger heading */
.front-page-appointment-column-2 h2 {
    font-size: 52px !important;
    line-height: 1.05 !important;
    font-weight: 700 !important;
}

/* Partner: ensure pill button shape */
.front-page-partner-column-2 [data-content-type="button-item"] {
    padding: 20px 50px !important;
    border-radius: 200px !important;
}
.front-page-distributor-column-2 [data-content-type="button-item"] {
    padding: 20px 50px !important;
    border-radius: 200px !important;
}
.front-page-appointment-column-1 [data-content-type="button-item"] {
    padding: 20px 50px !important;
    border-radius: 200px !important;
}

/* Fix appointment section: heading first (left), text+CTA second (right) */
.front-page-appointment-column > .pagebuilder-column-line {
    flex-direction: row-reverse !important;
}
@media (max-width: 965px) {
    .front-page-appointment-column > .pagebuilder-column-line {
        flex-direction: column-reverse !important;
    }
}

/* === FIX COLORS TO MATCH FIGMA EXACTLY === */

/* Appointment: light gray bg #d9d9df, not white */
.front-page-appointment-row {
    background-color: #d9d9df !important;
}

/* Partner Benefits: LIME GREEN bg, not dark navy */
.front-page-partner-row {
    background-color: #bbff33 !important;
    border-radius: 20px !important;
}
.front-page-partner-column-1 h2 {
    color: #000027 !important;
}
.front-page-partner-column-2 p {
    color: #000027 !important;
}
.front-page-partner-column-2 [data-content-type="button-item"] {
    border-color: #000027 !important;
    background: transparent !important;
}
.front-page-partner-column-2 [data-content-type="button-item"] span[data-element="link_text"] {
    color: #000027 !important;
}
.front-page-partner-column-2 [data-content-type="button-item"]:hover {
    background: #000027 !important;
}
.front-page-partner-column-2 [data-content-type="button-item"]:hover span[data-element="link_text"] {
    color: #bbff33 !important;
}
/*help center*/

.cms-help-center {
    .breadcrumbs {
        display: none;
    }

}

h1.help-center-header {
    max-width: 1420px;
    width: 100%;
    margin: 0 auto;
    margin-top: 50px;
    margin-bottom: 40px;
    padding-inline: 15px;

    font-family: CF ModGrotesk !important;
    font-weight: 400;
    font-size: 50px;
    line-height: 54px;
    padding-bottom: 0px;
    color: #000027 !important;
}

.help-center-tabs-container {
    max-width: 1420px;
    width: 100%;
    margin: 0 auto;
    padding-inline: 15px;
    display: grid !important;
    grid-template-columns: minmax(600px, 0.4fr) 1fr;
    grid-template-rows: auto;
    align-items: start;
    margin-bottom: 100px;
    gap: 30px;

    @media(max-width: 1100px){
        grid-template-columns: 1fr;
    }

    .tabs-content{
        width: 100% !important;
        min-width: 100% !important;

        .pagebuilder-column{
            display: block !important;
        }
    }

    ul {
        background: #bbff33;
        padding: 20px;
        border-radius: 12px;

        li {
            span {
                font-family: CF ModGrotesk !important;
                font-weight: 400 !important;
                font-size: 17px;
                line-height: 20px;
                display: inline-block;
                margin-bottom: 10px;
                color: #000027;
            }
        }

        li.ui-state-active {
            span {
                text-decoration: underline solid #000027 !important;
            }
        }
    }
}

.help-center-footer {
    background: #bbff33;
    padding: 100px;

    @media(max-width: 768px) {
        padding: 40px 0;
    }

    >div {
        max-width: 1420px;
        margin: 0 auto;
        padding-inline: 15px;
    }

    svg {
        width: 100%;
        height: auto;
        margin-bottom: 50px;

        @media(max-width: 768px) {
            margin-bottom: 20px;
        }
    }

    p {
        font-family: CF ModGrotesk;
        font-weight: 400;
        font-size: 16px;
        line-height: 20px;
        margin-bottom: 0;
    }
}

/*help center general terms*/
.help-center-general-terms {
    width: 100%;
    h2 {
        font-family: CF ModGrotesk;
        font-weight: 400;
        font-size: 30px;
        line-height: 34px;
        margin-bottom: 10px;
    }
    p{
        font-family: CF ModGrotesk !important;
        font-weight: 400;
        font-size: 16px;
        line-height: 20px;
        margin-bottom: 40px
    }

    figure img:nth-child(2){
        display: none;
    }

    figure{
        margin-bottom: 40px;
    }

    .general-terms-side-by-side{
        width: 45%;
        display: inline-block;
        margin-right: 20px;
        @media(max-width: 768px){
            width: 100%;
            margin: 0;
            margin-bottom: 40px;
        }
    }
}
.epromo-tabs-wrappers {
    max-width: 1420px;
    padding-inline: 15px;
    margin: 0 auto;

    .ui-tabs {
        display: flex;
        align-items: flex-start;
        gap: 30px;
        margin-bottom: 50px;

        @media(max-width:850px) {
            flex-direction: column;
        }

        ul.tabs-navigation {
            min-width: 300px;
            background: #bbff33;
            padding: 15px;
            border-radius: 10px;

            @media(max-width:850px) {
                width: 100%;
            }


            li {
                font-family: CF ModGrotesk !important;
                font-weight: 400;
                font-size: 16px !important;
                line-height: 20px;
                color: black !important;
                margin-bottom: 5px;
            }

            li.ui-state-active {
                text-decoration: underline;
            }
        }

        div.tabs-content {
            width: calc(100% - 330px);
            @media(max-width:850px) {
                width: 100%;
            }
        }
    }

    .epromo-banners {

        .slick-dots {
            display: flex;
            justify-content: center;
            gap: 5px;
            margin-bottom: 30px;


            li.slick-active {
                button {
                    border: 1px solid #000027;
                }
            }

            li {
                button {
                    font-family: CF ModGrotesk !important;
                    font-weight: 400;
                    background: #bbff33;
                    border: 0px;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    color: #000027;
                    display: inline-block;
                    border-radius: 5px;
                    font-size: 12px;
                    line-height: 18px;
                    border: 1px solid #bbff33;
                    font-size: 0px;
                    width: 15px;
                    height: 15px;
                    border-radius: 50%;
                }
            }
        }

        .epromo-photos-ctas {
            a {
                font-family: CF ModGrotesk;
                font-weight: 400;
                font-size: 16px;
                line-height: 22px;
                color: #000027;
                padding: 10px 20px;
                border: 1px solid #000027;
                border-radius: 10px;
            }
        }
    }

    .epromo-photos {
        margin-bottom: 20px !important;

        figure img:nth-child(2) {
            display: none;
        }

        .pagebuilder-column-line {
            display: flex !important;
            gap: 20px !important;
        }
    }

    .epromo-photos-ctas {
        margin-top: 20px;

        a {
            font-family: CF ModGrotesk;
            font-weight: 400;
            font-size: 16px;
            line-height: 22px;
            color: #000027;
            padding: 10px 20px;
            border: 1px solid #000027;
            border-radius: 10px;
        }
    }

    .epromo-price-tags {
        .epromo.price-tags {
            .price-tags-inner {
                form {
                    display: flex;
                    flex-direction: column;
                    align-items: flex-start;
                    gap: 20px;

                    .price-tags-content {
                        display: flex;
                        align-items: center;
                        gap: 20px;
                        @media(max-width: 900px){
                            flex-direction: column;
                            align-items: flex-start;
                        }

                        input {
                            border: none;
                            border-bottom: 1px solid #000027 !important;
                            border-radius: 0;
                            padding: 0;
                            min-width: 300px;
                        }

                        input::placeholder {
                            font-family: CF ModGrotesk !important;
                            font-weight: 400;
                            font-size: 17px;
                            line-height: 22px;
                            color: #808093 !important;
                        }

                        span:nth-child(2) {
                            font-family: CF ModGrotesk !important;
                            font-weight: 400;
                            font-size: 17px;
                            line-height: 22px;
                            color: #000027 !important;
                        }

                        span:nth-child(3) {
                            font-family: CF ModGrotesk !important;
                            font-weight: 400;
                            font-size: 17px;
                            line-height: 22px;
                            color: #000027 !important;
                            white-space: nowrap;
                            background: #e6e6e9;
                            padding: 10px 30px;
                        }
                    }
                }

                button {
                    background: white !important;
                    border: 1px solid #000027;
                    border-radius: 5px;
                    font-family: CF ModGrotesk !important;
                    font-weight: 400;
                    font-size: 17px;
                    line-height: 22px;
                    color: #000027;
                    padding: 10px 30px;
                }
            }
        }
    }
}
/*showroom footer*/
.showroom-footer {
    background: #bbff33;
    padding: 100px;

    @media(max-width: 768px) {
        padding: 40px 0;
    }

    >div {
        max-width: 1420px;
        margin: 0 auto;
        padding-inline: 15px;
    }

    svg {
        width: 100%;
        height: auto;
        margin-bottom: 50px;

        @media(max-width: 768px) {
            margin-bottom: 20px;
        }
    }

    p {
        font-family: CF ModGrotesk;
        font-weight: 400;
        font-size: 16px;
        line-height: 20px;
        margin-bottom: 0;
    }
}

/*showroom above form text*/
.showroom-fill-form-text {
    >div {
        max-width: 1420px;
        margin: 0 auto;
        width: 100%;
        padding-inline: 15px;
    }

    h2 {
        margin-top: 100px;
        text-align: center;
        margin-bottom: 20px;

        color: #000027;
        font-family: CF ModGrotesk;
        font-weight: 400;
        font-size: 40px;
        line-height: 46px;

        @media(max-width: 768px) {
            margin-top: 50px;
            font-size: 35px;
            line-height: 38px;
        }
    }

    p {
        color: #000027;
        font-family: CF ModGrotesk;
        font-weight: 400;
        font-size: 17px;
        line-height: 22px;
        text-align: center;
        margin-bottom: 30px;
    }
}

/*showroom  form*/
.showroom-form {
    margin-top: 0px;
    margin-bottom: 150px;
    @media(max-width:768px){
        margin-bottom: 70px;
    }

    >div {
        max-width: 1420px;
        width: 100%;
        padding-inline: 15px;
        margin: 0 auto;
    }
}

.showroom.form {
    background: #e6e6e9;
    padding: 100px 350px;
    border-radius: 10px;

    @media(max-width:1250px) {
        padding: 100px !important;
    }

    @media(max-width: 768px) {
        padding: 30px !important;
    }

    h2 {
        color: #000027;
        text-align: center;
        font-family: CF ModGrotesk;
        font-weight: 400;
        font-size: 40px;
        line-height: 46px;
        margin-bottom: 100px;

        @media(max-width: 768px) {
            font-size: 30px;
            line-height: 36px;
            margin-bottom: 30px;
        }
    }

    input[type="text"],
    input[type="email"],
    input[type="tel"],
    input[type="date"]
    {
        border: none;
        background: transparent;
        border-bottom: 1px solid #000027;
        border-radius: 0;
        height: 50px;
        width: 100%;
        padding-inline: 0;

        color: #b2b2bd;
        font-family: CF ModGrotesk;
        font-weight: 400;
        font-size: 30px;
        line-height: 36px;

        @media(max-width: 768px) {
            font-size: 24px;
            line-height: 29px;
        }
    }

    input[type="text"]::placeholder,
    input[type="email"]::placeholder,
    input[type="tel"]::placeholder,
    input[type="date"]::placeholder {
        color: #b2b2bd !important;
        font-family: CF ModGrotesk;
        font-weight: 400;
        font-size: 30px;
        line-height: 36px;

        @media(max-width: 768px) {
            font-size: 24px;
            line-height: 29px;
        }
    }

    .form-field:not(:nth-child(1)) {
        margin-top: 30px;

        @media(max-width: 768px) {
            margin-top: 20px;
        }
    }

    button {
        margin: 0 auto;
        margin-top: 80px;
        padding: 20px 60px;
        border: 1px solid #000027;
        background: transparent;

        color: #000027;
        font-family: CF ModGrotesk;
        font-weight: 400;
        font-size: 30px;
        line-height: 36px;

        @media(max-width: 768px) {
            font-size: 24px;
            line-height: 29px;
            margin-top: 20px;
            padding: 10px 50px;
        }
    }

    form {
        display: flex;
        flex-direction: column;
    }
}

.showroom-vv {
    background: #000027;
    border-radius: 350px;
    padding: 150px;
    margin-top: 100px;
}

.showroom-vv>div {
    max-width: 1420px;
    margin: 0 auto;
}

.showroom-vv h2 {
    color: white;
    font-family: CF ModGrotesk;
    font-weight: 400;
    font-size: 40px;
    line-height: 46px;
}

.showroom-vv p {
    color: white;
    font-family: CF ModGrotesk;
    font-weight: 400 !important;
    font-size: 20px;
    line-height: 26px;
    margin-bottom: 80px;
}

.showroom-vv .pagebuilder-button-primary {
    border: 1px solid white;
    display: inline-block;
    padding: 36px 60px;
    border-radius: 10px;

    span {
        color: white;
        font-family: CF ModGrotesk;
        font-weight: 400 !important;
        font-size: 20px;
        line-height: 26px;
    }
}

.showroom-vv div[data-content-type="buttons"] {
    display: flex;
    justify-content: center;
}

@media(max-width:1130px) {

    .showroom-vv {
        border-radius: 350px;
        padding: 70px 50px;
    }

    .showroom-vv .pagebuilder-column-line {
        display: flex;
        flex-direction: column;
    }

    .showroom-vv .pagebuilder-column-line>div {
        width: 100% !important;
    }

    .showroom-vv h2 {
        text-align: center;
        margin-bottom: 20px;
    }

    .showroom-vv p {
        text-align: center;
        margin-bottom: 30px;
    }

    .showroom-vv .pagebuilder-button-primary {
        padding: 26px 50px;

        span {}
    }

}

@media(max-width: 768px){
    .showroom-vv {
        border-radius: 150px;
        padding: 40px 20px;
        margin-top: 50px;
    }

    .showroom-vv h2 {
        font-size: 30px;
    }

    .showroom-vv p {
        font-size: 16px;
        line-height: 20px;
    }

    .showroom-vv .pagebuilder-button-primary {
        padding: 16px 30px;

        span {}
    }
}



/*showroom  form*/
.showroom-form {
    margin-top: 0px;
    margin-bottom: 150px;
    @media(max-width:768px){
        margin-bottom: 70px;
    }

    >div {
        max-width: 1420px;
        width: 100%;
        padding-inline: 15px;
        margin: 0 auto;
    }
}

.showroom.form {
    background: #e6e6e9;
    padding: 100px 350px;
    border-radius: 10px;

    @media(max-width:1250px) {
        padding: 100px !important;
    }

    @media(max-width: 768px) {
        padding: 30px !important;
    }

    h2 {
        color: #000027;
        text-align: center;
        font-family: CF ModGrotesk;
        font-weight: 400;
        font-size: 40px;
        line-height: 46px;
        margin-bottom: 100px;

        @media(max-width: 768px) {
            font-size: 30px;
            line-height: 36px;
            margin-bottom: 30px;
        }
    }

    input[type="text"],
    input[type="email"],
    input[type="tel"],
    input[type="date"]
    {
        border: none;
        background: transparent;
        border-bottom: 1px solid #000027;
        border-radius: 0;
        height: 50px;
        width: 100%;
        padding-inline: 0;

        color: #b2b2bd;
        font-family: CF ModGrotesk;
        font-weight: 400;
        font-size: 30px;
        line-height: 36px;

        @media(max-width: 768px) {
            font-size: 24px;
            line-height: 29px;
        }
    }

    input[type="text"]::placeholder,
    input[type="email"]::placeholder,
    input[type="tel"]::placeholder,
    input[type="date"]::placeholder {
        color: #b2b2bd !important;
        font-family: CF ModGrotesk;
        font-weight: 400;
        font-size: 30px;
        line-height: 36px;

        @media(max-width: 768px) {
            font-size: 24px;
            line-height: 29px;
        }
    }

    .form-field:not(:nth-child(1)) {
        margin-top: 30px;

        @media(max-width: 768px) {
            margin-top: 20px;
        }
    }

    button {
        margin: 0 auto;
        margin-top: 80px;
        padding: 20px 60px;
        border: 1px solid #000027;
        background: transparent;

        color: #000027;
        font-family: CF ModGrotesk;
        font-weight: 400;
        font-size: 30px;
        line-height: 36px;

        @media(max-width: 768px) {
            font-size: 24px;
            line-height: 29px;
            margin-top: 20px;
            padding: 10px 50px;
        }
    }

    form {
        display: flex;
        flex-direction: column;
    }
}


/*showroom above form text*/
.showroom-fill-form-text {
    >div {
        max-width: 1420px;
        margin: 0 auto;
        width: 100%;
        padding-inline: 15px;
    }

    h2 {
        margin-top: 100px;
        text-align: center;
        margin-bottom: 20px;

        color: #000027;
        font-family: CF ModGrotesk;
        font-weight: 400;
        font-size: 40px;
        line-height: 46px;

        @media(max-width: 768px) {
            margin-top: 50px;
            font-size: 35px;
            line-height: 38px;
        }
    }

    p {
        color: #000027;
        font-family: CF ModGrotesk;
        font-weight: 400;
        font-size: 17px;
        line-height: 22px;
        text-align: center;
        margin-bottom: 30px;
    }
}

/*showroom footer*/
.showroom-footer {
    background: #bbff33;
    padding: 100px;

    @media(max-width: 768px) {
        padding: 40px 0;
    }

    >div {
        max-width: 1420px;
        margin: 0 auto;
        padding-inline: 15px;
    }

    svg {
        width: 100%;
        height: auto;
        margin-bottom: 50px;

        @media(max-width: 768px) {
            margin-bottom: 20px;
        }
    }

    p {
        font-family: CF ModGrotesk;
        font-weight: 400;
        font-size: 16px;
        line-height: 20px;
        margin-bottom: 0;
    }
}

/*homepage fixes*/
.front-page-distributor-row {
    padding-bottom: 0 !important;
}

.front-page-distributor-column-2 p {
    max-width: 700px;
}

.front-page-appointment-row {
    padding-block: 0 !important;
    border-radius: 400px !important;
    max-width: 1680px;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 450px !important;
}

.front-page-appointment-column-1 p {
    max-width: 700px;
}

.front-page-partner-row {
    background-color: transparent !important;
    padding-block: 0 !important;
}

.front-page-partner-column-1 h2 {
    color: #fff !important;
    font-size: 52px !important;
}

.front-page-partner-column-2 p {
    color: #fff !important;
    max-width: 700px;
}

.front-page-partner-column-2 [data-content-type=button-item] {
    border-color: #fff !important;
    border-radius: 6px !important;
}

.front-page-partner-column-2 [data-content-type=button-item] span[data-element=link_text] {
    color: #fff !important;
}

.front-page-partner-column {
    padding: 60px 80px !important;
    max-width: 1680px;
}

.front-page-appointment-column>.pagebuilder-column-line {
    gap: 0;
}

.front-page-appointment-column-1 [data-content-type=button-item] {
    border-radius: 6px !important;
}

.front-page-distributor-column-2 [data-content-type=button-item] {
    border-radius: 6px !important;
}
.front-page-header-pattern .pagebuilder-mobile-hidden{
    display: none;
}
.front-page-header-pattern figure img{
    width: 100%;
    object-fit: cover;
}
.front-page-appointment-column-2 h2{
    max-width: 700px;
}
.front-page-sg-row figure img{
    width: 100%;
    object-fit: cover;
}
.front-page-distributor-row{
    margin-bottom: 20px !important;
}
.categories-columns-carousel.two-rows-carousel{
    max-width: 1480px;
    margin: 0 auto;
}
.categories-columns-carousel.two-rows-carousel .pagebuilder-mobile-only{
    display: none;
}
.categories-columns-carousel.two-rows-carousel .pagebuilder-column-line{
    gap: 20px;
}
.categories-columns-carousel.two-rows-carousel .pagebuilder-column{
    position: relative;
    padding-right: 20px;
}
.categories-columns-carousel.two-rows-carousel .pagebuilder-column figure img{
    border-radius: 6px;
}
.categories-columns-carousel.two-rows-carousel .cat-title{
    margin-top: 12px;
    text-transform: capitalize;
}
.categories-columns-carousel.two-rows-carousel .cat-title p{
    margin-bottom: 0;
    font-size: 22px;
    line-height: 28px;
}
.categories-columns-carousel.two-rows-carousel .cat-desc{
    margin-top: 8px;
}
.categories-columns-carousel.two-rows-carousel .cat-desc p{
    margin-bottom: 0;
    font-size: 14px;
    line-height: 20px;
    max-width: 80%;
}
.categories-columns-carousel.two-rows-carousel .cat-link-btns {
    position: absolute;
    right: 20px;
    bottom: 0;
}
.categories-columns-carousel.two-rows-carousel .cat-link-btns .pagebuilder-button-primary{
    width: 40px;
    height: 40px;
    background-color: #bf3;
    display: flex;
    border-radius: 50%;
    position: relative;
    justify-content: center;
    align-items: center;
}
.categories-columns-carousel.two-rows-carousel .cat-link-btns .pagebuilder-button-primary:before{
    content: '';
    background-image: url('https://spacegreen.gr/pub/media/wysiwyg/home20/cat-arrow.png');
    display: flex;
    justify-content: center;
    align-items: center;
    width: 15px;
    height: 15px;
    background-repeat: no-repeat;
    text-align: center;
    background-size: cover;
}
.categories-columns-carousel.two-rows-carousel .slick-active>div:last-child{
    margin-top: 20px;
}
.categories-columns-carousel.two-rows-carousel .slick-arrow{
    position: absolute;
    top: -80px;
    right: 0;
    z-index: 99;
    width: 45px;
    height: 45px;
    background-color: transparent;
    border: 1px solid #0000274D;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.categories-columns-carousel.two-rows-carousel .slick-arrow:before{
    content: '';
    background-image: url('https://spacegreen.gr/pub/media/wysiwyg/home20/cat-arrow.png');
    display: flex;
    justify-content: center;
    align-items: center;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    text-align: center;
    background-size: cover;
}
.categories-columns-carousel.two-rows-carousel .slick-arrow svg{
    display: none;
}
.categories-columns-carousel.two-rows-carousel .slick-prev{
    right: 60px;
}
.categories-columns-carousel.two-rows-carousel .slick-prev:before{
    transform: rotate(180deg);
}
/*one row carousel*/

.categories-columns-carousel.one-row-carousel{
    max-width: 1480px;
    margin: 0 auto;
}
.categories-columns-carousel.one-row-carousel .pagebuilder-mobile-only{
    display: none;
}
.categories-columns-carousel.one-row-carousel .pagebuilder-column-line{
    gap: 20px;
}
.categories-columns-carousel.one-row-carousel .pagebuilder-column{
    position: relative;
    padding-right: 20px;
}
.categories-columns-carousel.one-row-carousel .pagebuilder-column figure img{
    border-radius: 6px;
}
.categories-columns-carousel.one-row-carousel .cat-title{
    margin-top: 12px;
    text-transform: capitalize;
}
.categories-columns-carousel.one-row-carousel .cat-title p{
    margin-bottom: 0;
    font-size: 22px;
    line-height: 28px;
}
.categories-columns-carousel.one-row-carousel .cat-desc{
    margin-top: 8px;
}
.categories-columns-carousel.one-row-carousel .cat-desc p{
    margin-bottom: 0;
    font-size: 14px;
    line-height: 20px;
    max-width: 80%;
}
.categories-columns-carousel.one-row-carousel .cat-link-btns {
    position: absolute;
    right: 20px;
    bottom: 0;
}
.categories-columns-carousel.one-row-carousel .cat-link-btns .pagebuilder-button-primary{
    width: 40px;
    height: 40px;
    background-color: #bf3;
    display: flex;
    border-radius: 50%;
    position: relative;
    justify-content: center;
    align-items: center;
}
.categories-columns-carousel.one-row-carousel .cat-link-btns .pagebuilder-button-primary:before{
    content: '';
    background-image: url('https://spacegreen.gr/pub/media/wysiwyg/home20/cat-arrow.png');
    display: flex;
    justify-content: center;
    align-items: center;
    width: 15px;
    height: 15px;
    background-repeat: no-repeat;
    text-align: center;
    background-size: cover;
}
.categories-columns-carousel.one-row-carousel .slick-active>div:last-child{
    margin-top: 20px;
}
.categories-columns-carousel.one-row-carousel .slick-arrow{
    position: absolute;
    top: -80px;
    right: 0;
    z-index: 99;
    width: 45px;
    height: 45px;
    background-color: transparent;
    border: 1px solid #0000274D;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.categories-columns-carousel.one-row-carousel .slick-arrow:before{
    content: '';
    background-image: url('https://spacegreen.gr/pub/media/wysiwyg/home20/cat-arrow.png');
    display: flex;
    justify-content: center;
    align-items: center;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    text-align: center;
    background-size: cover;
}
.categories-columns-carousel.one-row-carousel .slick-arrow svg{
    display: none;
}
.categories-columns-carousel.one-row-carousel .slick-prev{
    right: 60px;
}
.categories-columns-carousel.one-row-carousel .slick-prev:before{
    transform: rotate(180deg);
}
/*one row carousel*/
.super .locator-header .button-locator.locator-enabled strong{
    color: #000;
}
.button-locator.locator-enabled img.store-white{
    display: none;
}
.button-locator.locator-enabled img.store-black{
    display: inline-block;
}
.g-store-locator-form form button[type=submit] a{
    padding: 24px 60px;
}
.g-store-locator-form form button[type=submit]{
    padding: 0;
}
.main-header-top .main-header-top-inner a{
    font-size: 16px;
    line-height: 22px;
}
.catalog-category-view .sidebar .block.filter .filteractive a::before {
    content: "";
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    background-color: #bbff33 !important;
    border-radius: 3px;
    margin-right: 8px;
    vertical-align: middle;
    background-image: url('data:image/svg+xml;utf8,<svg width="12" height="10" viewBox="0 0 12 10" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4 9.4L0 5.4L1.4 4L4 6.6L10.6 0L12 1.4L4 9.4Z" fill="white"/></svg>');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 12px 10px;
}
.catalog-category-view .sidebar .block.filter .filteractive a{
    color: #000 !important;
}
/*common*/
.front-page-distributor-column-1 h2{
    text-transform: none !important;
}
.categories-columns-carousel.one-row-carousel .buttons-with-text .cat-link-btns{
    position: relative;
    right: 0;
    bottom: 0;
    margin-top: 12px;
}
.categories-columns-carousel.one-row-carousel .buttons-with-text .cat-link-btns .pagebuilder-button-primary{
    width: 100%;
    height: 100%;
    padding: 10px;
    border-radius: 6px;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: normal;
}
.categories-columns-carousel.one-row-carousel .buttons-with-text .cat-link-btns .pagebuilder-button-primary span{
    font-size: 14px;
    line-height: normal;
    letter-spacing: 0;
    height: 100%;
    font-weight: 600;
}
.categories-columns-carousel.one-row-carousel .buttons-with-text .cat-link-btns .pagebuilder-button-primary:before{
    display: none;
}
.categories-columns-carousel.one-row-carousel:has(.buttons-with-text) .cat-desc p{
    min-height: 90px;
}
.main-header-top .two-buttons-header-top a{
    border: 1px solid #010127;
}
.main-header-top .two-buttons-header-top a:hover{
    color: #bf3 !important;
    background-color: #010127;
    border-color: #bf3;
}
.front-page-header-column-3 [data-content-type=button-item]:hover{
    background-color: #010127;
    color: #bf3;
}
.front-page-header-column-3 [data-content-type=button-item]:hover a{
    color: #bf3;
}
.header-b2b>a:hover{
    background-color: #010127;
    color: #bf3;
}
.header-lang.desktop-hidden:hover li{
    background-color: #010127;
}
.header-lang.desktop-hidden:hover li.view-super_gr{
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
.header-lang.desktop-hidden:hover li.view-super_en{
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}
.header-lang.desktop-hidden:hover li:nth-child(1):after{
    color: #bf3;
}
.header-lang.desktop-hidden:hover a{
    background-color: #010127;
    color: #bf3;
}
.header-lang.desktop-hidden li.active a span.name{
    border-bottom: 1px solid #010127;
}

.header-lang.desktop-hidden:hover li.active a span.name{
    border-bottom: 1px solid #bf3;
}
.header-b2b a {
    padding: 15px;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: 0;
}

.front-page-header-column-3 [data-content-type=button-item],
.front-page-header-column-3 [data-content-type=button-item] a {
    cursor: pointer;
}

.front-page-partner-column-2 [data-content-type=button-item]:hover {
    background-color: #fff !important;
}

.front-page-partner-column-2 [data-content-type=button-item]:hover span[data-element=link_text] {
    color: #000027 !important;
}

.categories-columns-carousel.one-row-carousel .slick-arrow {
    width: 35px;
    height: 35px;
    top: -105px;
}

.categories-columns-carousel.one-row-carousel .slick-arrow:before {
    width: 15px;
    height: 15px;
}

.front-page-carousel-column-1 .slick-arrow {
    width: 35px;
    height: 35px;
    top: -105px;
}

.front-page-carousel-column-1 .slick-prev {
    right: 60px;
}

.front-page-carousel-column-1 .slick-arrow:after {
    width: 15px;
    height: 15px;
    position: relative;
    display: flex;
    background-size: contain;
    background-image: url('https://spacegreen.gr/pub/media/wysiwyg/home20/cat-arrow.png');
    content: '';
}

.front-page-carousel-column-1 .slick-prev:after {
    transform: rotate(180deg);
}
footer p{
    font-family: CF ModGrotesk;
    color: #000047;
}
footer .block.newsletter .content{
    float: none;
}
.footer .block.newsletter .form.subscribe .action.subscribe{
    font-weight: 600 !important;
}
.footer .block.newsletter .form.subscribe .action.subscribe:hover{
    background-color: #000;
    color: #fff;
}
.front-page-sg-row .pagebuilder-mobile-hidden{
    display: none;
}
.cms-prefooter{
    display: none;
}
@media(min-width: 993px){
    .g-store-locator{
        max-width: 1720px;
        margin: 0 auto;
        border-top-left-radius: 400px;
        border-bottom-left-radius: 400px;
    }
    .g-store-locator-inner{
        padding: 60px 80px;
        align-items: start;
        gap: 40px;
    }
    .g-store-locator-text h2{
        font-size: 52px;
        line-height: 58px;
    }
    .g-store-locator-form p{
        max-width: 80%;
        text-align: left;
    }
}
@media(min-width: 993px) {
    #main-Menucontent #mainMenu li>a>span {
        font-weight: 600;
        letter-spacing: 0.03em;
    }

    .front-page-distributor-column-1 h2 {
        font-size: 52px !important;
        font-weight: 700;
    }

}
/*common*/
@media(max-width: 1330px){
    .main-header-top .main-header-top-inner a{
        font-size: 14px;
        line-height: 20px;
    }
}
@media(max-width: 1130px){
    .main-header-top .main-header-top-inner a{
        font-size: 12px;
        line-height: 18px;
    }
}
@media(max-width: 992px){
    .categories-columns-carousel.two-rows-carousel .pagebuilder-column{
        padding-right: 0;
    }
    .categories-columns-carousel.two-rows-carousel{
        padding: 0 20px;
    }
    .categories-columns-carousel.two-rows-carousel .slick-arrow{
        right: 20px;
    }
    .categories-columns-carousel.two-rows-carousel .slick-prev{
        right: 80px;
    }
    /*one row carousel mobile*/

    .categories-columns-carousel.one-row-carousel .pagebuilder-column{
        padding-right: 0;
    }
    .categories-columns-carousel.one-row-carousel{
        padding: 0 20px;
    }
    .categories-columns-carousel.one-row-carousel .slick-arrow{
        right: 20px;
    }
    .categories-columns-carousel.one-row-carousel .slick-prev{
        right: 80px;
    }
    /*one row carousel mobile*/
}
@media(max-width: 992px){
    .front-page-distributor-column-1 h2,.front-page-appointment-column-2 h2,.front-page-partner-column-1 h2{
        font-size: 28px !important;
        line-height: 32px !important;
    }
    .front-page-appointment-column-1 p,.front-page-distributor-column-2 p,.front-page-partner-column-2 p{
        font-size: 14px !important;
        line-height: 18px;
        letter-spacing: 0;
        text-align: center !important;
    }
    .front-page-appointment-column-1 [data-content-type=button-item],.front-page-distributor-column-2 [data-content-type=button-item]{
        padding: 10px !important;
        width: 100%;
        max-width: 195px;
    }
    .front-page-partner-column-2 div[data-content-type=button-item]{
        width: 100%;
        max-width: 195px;
    }
    .front-page-distributor-column{
        border-radius: 130px !important;
    }
    .front-page-partner-column{
        padding: 40px !important;
    }
    .front-page-header-column-2 p{
        font-size: 14px;
        line-height: 20px;
    }
    .front-page-header-column-3>div{
        max-width: 210px;
    }
    .front-page-header-column-3 [data-content-type=button-item]{
        padding: 10px 15px !important;
    }
    .front-page-header-column-3 [data-content-type=button-item] span[data-element=link_text]{
        font-size: 14px !important;
        line-height: 20px;
    }
}
@media(max-width: 768px){
    .front-page-distributor-column{
        border-radius: 130px !important;
    }

}

@media(max-width: 768px) {
    .front-page-carousel-column-1 .slick-next {
        right: 10px;
    }
    .categories-columns-carousel.one-row-carousel .slick-prev{
        right: 60px;
    }
    .categories-columns-carousel.one-row-carousel .slick-next{
        right: 10px;
    }
}
/*homepage fixes*/

/*cms page pre-footer*/
.cms-page-view .cms-prefooter{
    display: block;
    position: relative;
    margin-top: 20px;
}
.cms-page-view .cms-prefooter:before{
    content: '';
    background-color: #bf3;
    background-size: cover;
    display: block;
    width: 100%;
    height: 300px;

}
.cms-page-view .cms-prefooter:after{
    content: '';
    background-image: url('/pub/media/wysiwyg/SUPERGREENS_HOME_BANNERS/footer-bg-white.svg');
    background-size: cover;
    display: block;
    width: 100%;
    height: 300px;
}
.career-job-row .job-description{
    display: none;
}
.career-job-row .job-description.active{
    display: block;
}
.cms-help-center div[data-content-type="row"]:has(h1.help-center-header) div[data-content-type="text"]{
    width: 100%;
    max-width: 1420px;
    margin: 0 auto 20px;
    text-align: left;
    padding-left: 15px;
}
.cms-help-center .tabs-content{
    font-family: CF ModGrotesk;
}
.cms-help-center .tabs-content .pagebuilder-mobile-hidden{
    display: none;
}
.cms-help-center .tabs-content .ui-tabs-panel .pagebuilder-column-group{
    margin-bottom: 32px;
}
.cms-help-center .tabs-content .ui-tabs-panel .pagebuilder-column-group:last-of-type{
    margin-bottom: 0;
}
.cms-help-center .tabs-content .ui-tabs-panel .pagebuilder-column-group h2{
    margin-bottom: 24px;
    font-size: 24px;
    line-height: 30px;
    letter-spacing: 0;
    min-height: 65px;
}
.cms-help-center.cms-page-view .cms-prefooter{
    margin-top: 0;
}
.cms-help-center.cms-page-view .cms-prefooter:before{
    display: none;
}
.cms-appointment.cms-page-view .cms-prefooter{
    margin-top: 0;
}
.cms-appointment.cms-page-view .cms-prefooter:before{
    display: none;
}
.cart-row .cart-prod-desc .cart-prod-sku{
    margin-bottom: 12px;
}
@media(max-width: 768px){
    .cms-help-center .tabs-content .pagebuilder-mobile-hidden{
        display: inline;
    }
    .cms-help-center .tabs-content .pagebuilder-mobile-only{
        display: none;
    }
    .cms-help-center .tabs-content .ui-tabs-panel .pagebuilder-column-group h2{
        font-size: 16px;
        line-height: 22px;
        letter-spacing: -0.03em;
        display: block;
        width: 100%;
    }
}
@media(max-width: 768px){
    .cms-page-view .cms-prefooter:before{
        height: 150px;
    }
    .cms-page-view .cms-prefooter:after{
        height: 150px;
    }
}
/*cms page pre-footer*/
.front-page-menu-column-1 .tabs-navigation div[data-content-type=tab-item]>div{
    padding-left: 120px;
}
.front-page-menu-column-1 .tabs-navigation li .tab-number{
    min-width: 48px;
}
.front-page-menu-column-1 .tabs-navigation li:nth-child(1) .tab-number{
    margin-right: 70px;
}
fieldset.admin__field[data-index*="fixit_order"]{
    display: none;
}
.field[name*="fixit_order"]{
    display: none;
}
@media(max-width: 1880px){
    .front-page-menu-column-1 .tabs-navigation div[data-content-type=tab-item]>div{
        padding-left: 85px;
    }
    .front-page-menu-column-1 .tabs-navigation li:nth-child(1) .tab-number{
        margin-right: 35px;
    }
}
@media(max-width: 768px){
    .front-page-menu-column-1 span.tab-title .tab-number{
        margin-right: 10px;
    }
    .front-page-menu-column-1 .tabs-navigation li .tab-number{
        min-width: auto;
    }
    .front-page-menu-column-1 .tabs-navigation li:nth-child(1) .tab-number{
        margin-right: 13px;
    }
    .front-page-menu-column-1 .tabs-navigation div[data-content-type=tab-item] > div{
        padding-left: 0;
    }
}
/*account wishlit */
.super .wl-table-view .wl-actions-toolbar button.tocart.supergreens-btn{
    background-color: #bbff33 !important;
    border-color: #bbff33 !important;
    color: #000 !important;
}
.super .wl-table-view .wl-cell-cart .action.tocart{
    background-color: #bbff33 !important;
    color: #000 !important;
    border-color: #bbff33 !important;
    display: flex;
    align-items: center;
    margin: 0;
}
.supergreens-btn{
    background-color: #bbff33 !important;
    border-color: #bbff33 !important;
    color: #000 !important;
}
.super .wl-table-view .wl-cell-actions a.supergreens-btn{
    background-color: #efefef !important;
    border-color: #efefef !important;
    color: #000 !important;
}
.super .wl-table-view .wl-cell-actions a{
    opacity: 1;
    width: 100%;
    height: 38px;
    border-radius: 5px;
}
.super .wl-table-view .wl-cell-actions{
    width: 100%;
    max-width: 110px;
    border-radius: 5px;
}
.super .wl-table-view .wl-cell-cart{
    width: 100%;
    max-width: max-content;
}
.super .form-wishlist-items div.tabcontents{
    border-color: transparent;
}
.super .wl-table-view .wl-actions-toolbar{
    border-top: none;
}
.super .wl-table-view .wl-table-row{
    border-bottom: 2px solid #000;
}
.super .wl-table-view .wl-actions-toolbar .primary{
    width: 100%;
}
.super #wishlist-view-form .actions-toolbar button{
    width: 100%;
    max-width: max-content;
}
#wishlist-view-form .actions-toolbar button.tocart{
    margin-left: auto;
}
.super #wishlist-view-form .actions-toolbar button.share_wishlist_button{
    border: 1px solid #efefef;
}
.super .wl-table-view .wl-cell-badge{
    width: 100%;
    max-width: max-content;
    position: absolute;
}
.super .wl-table-view .wl-cell-name{
    min-width: auto;
    margin-left: 40px;
}
.super .wl-table-view .wl-cell-stock{
    width: 100%;
    max-width: max-content;
    font-weight: 400;
}
.super .wl-table-view .wl-stock-in, .super .wl-table-view .wl-stock-out{
    font-weight: 400;
}
.super .wl-table-view .wl-cell-price{
    width: 100%;
    max-width: max-content;
    margin-inline: 40px;
}
.super .wl-table-view .wl-cell-price .super-price-label{
    display: none;
}
.super .wl-table-view .wl-cell-price .price{
    font-weight: 600;
    align-items: center;
}
.super #wishlist-view-form .actions-toolbar button.wl-remove-all{
    background-color: #efefef;
    border-color: #efefef;
    font-weight: 400;
}
.super #wishlist-view-form .actions-toolbar button.share_wishlist_button{
    font-weight: 400;
}
.super .form-wishlist-items ul.tabs li a{
    background-color: #efefef;
    border-radius: 7px;
    font-weight: 400;
}
.super .form-wishlist-items ul.tabs li a:hover{
    background-color: #bf3;
    border-color: #bf3;
    color: #000;
}
.form-wishlist-items ul.tabs li.selected a{
    background-color: #bf3;
    border-color: #bf3;
    color: #000;
    cursor: pointer;
}.super button.action.primary.edit_wishlist_button{
     margin-bottom: 0;
     background-color: #bf3 !important;
     border-color: #bf3 !important;
     color: #000 !important;
 }
.super #tabcontents div:has(.mwishlist_name){
    display: flex;
    align-items: center;
}
.super button.secondary.deletewl:hover{
    color: #000 !important;
}
.super button.secondary.deletewl{
    border-color: #efefef !important;
    font-weight: 400;
}
.super #wishlist-view-form .actions-toolbar button.share_wishlist_button:hover{
    color: #000 !important;
}
.super .wl-table-view .wl-table-row{
    border-bottom: none;
}
.super .wl-table-view .product-item:last-child .wl-table-row{
    border-bottom: 2px solid #000;
}
.super .wl-table-view .wl-sku{
    font-size: 14px;
    line-height: 20px;
    color: #000;
    font-weight: 400;
}
.super .wl-table-view .wl-product-name{
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    letter-spacing: 0;
}
.super .bss-onestepcheckout .opc-wrapper #shipping #checkout-step-shipping .shipping-address-item.selected-item a{
    color: #000;
}
@media(max-width: 992px){
    .super #tabcontents div:has(.mwishlist_name){
        flex-wrap: wrap;
    }
    .super .form-wishlist-items div.tabcontents{
        padding-inline: 0;
    }
    #wishlist-view-form .actions-toolbar button.tocart{
        margin-left: 0;
    }
    .super #wishlist-view-form .actions-toolbar button{
        width: 100%;
        max-width: 100%;
        text-align: center;
    }.super #wishlist-view-form .actions-toolbar button>span{
         display: block;
         text-align: center;
         width: 100%;
     }
    .super #tabcontents div:has(.mwishlist_name){
        gap: 12px;
    }
    .super .mwishlist_name{
        width: 100%;
        max-width: 100%;
    }
    .super button.action.primary.edit_wishlist_button{
        width: 100%;
        margin: 0 !important;
    }
    .super button.secondary.deletewl{
        width: 100%;
    }
    .super .wl-table-view .wl-table-row{
        flex-wrap: wrap;
    }
    .super .wl-table-view .wl-cell-name{
        width: 100%;
        flex: 1 100%;
        margin-left: 0;
        margin-top: 8px;
    }
    .super .wl-table-view .wl-cell-price{
        flex: 1 50%;
        text-align: end;
        margin-inline: 0;
        margin-left: auto;
        margin-bottom: 8px;
        max-width: 45%;
    }
    .super .wl-table-view .wl-cell-stock{
        flex: 1 50%;
        max-width: 50%;
    }
    .super .wl-table-view .wl-cell-qty{
        flex: 1 30%;
        width: 100%;
        max-width: max-content;
        padding: 0;
    }
    .super .wl-table-view .wl-cell-cart{
        flex: 1 40%;
        padding: 0;
    }
    .super .wl-table-view .wl-cell-actions{
        flex: 1 30%;
        padding: 0;
    }
    .header-search:has(.form.active){
        display: flex;
    }
    body.search-active .main-header-middle>.main-header-middle-inner{
        height: 72px;
    }
    body.search-active .main-header-middle .header-logo{
        display: none;
    }
}
/*checkout new layout*/

/* ===================== Search Overlay ===================== */
@media(min-width: 993px){
    .search-overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 998;
    }
    .search-overlay-bg {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 39, 0.6);
        cursor: pointer;
    }
    .search-overlay-content {
        position: relative;
        z-index: 1;
        background: #fff;
        max-height: 80vh;
        overflow-y: auto;
        padding-top: 120px;
    }
    .search-overlay-header {
        padding: 0 40px 10px;
    }
    .search-overlay-label {
        font-family: CF ModGrotesk;
        font-weight: 400;
        font-size: 13px;
        color: #000027;
        text-transform: uppercase;
        letter-spacing: 1px;
    }
    .search-overlay-body {
        padding: 20px 40px 40px;
    }
    body.search-active .main-header {
        position: relative;
        z-index: 999;
    }
    body.search-active .main-header-middle .header-preferences,
    body.search-active .main-header-middle .header-b2b {
        display: none;
    }
    body.search-active .main-header-middle .header-burger {
        margin-left: auto;
    }
    body.search-active .main-header-bottom {
        display: none;
    }
    body.search-active .main-header-top {
        display: none;
    }
    body.search-active .main-header-middle {
        background: #fff;
    }
    body.search-active .main-header-middle .header-search-wrapper input {
        background: #fff;
    }
    .search-active .header-search{
        max-width: 100%;
    }
    .search-active .search-autocomplete{
        width: 100% !important;
        position: relative !important;
        box-shadow: none;
        border: none;
    }
    .search-active .main-header-middle-inner{
        align-items: start;
        justify-content: start;
        background: transparent;
    }
    .search-active .search-autocomplete li{
        border-bottom: none;
    }
    .search-overlay-content{
        background: transparent;
    }
    .search-overlay-bg{

        background: #FFF;
        background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(252, 252, 252, 0.85) 100%);
    }
    .main-header-top .main-header-top-inner a.logout-btn{
        background-color: #bf3;
        color: #000;
        border-radius: 24px;
        padding: 4px 8px;
    }
}
/* ===================== /Search Overlay ===================== */

/* ===================== B2B/B2C Toggle Switch ===================== */
.b2b-switch {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    user-select: none;
    margin-bottom: 0;
}
.b2b-switch-track {
    position: relative;
    width: 36px;
    height: 20px;
    background: #000027;
    border-radius: 10px;
    transition: background 0.3s;
}
.b2b-switch-thumb {
    position: absolute;
    top: 2px;
    left: 2px;
    width: 16px;
    height: 16px;
    background: #bbff33;
    border-radius: 50%;
    transition: left 0.3s;
}
.b2b-switch.active .b2b-switch-thumb {
    left: 18px;
}
.b2b-switch .b2b-b2c-label {
    font-family: CF ModGrotesk;
    font-weight: 500;
    font-size: 16px;
    color: #000027;
    line-height: 20px;
}
.catalog-category-view .product-details-list .prod-dt-sku-desc .prod-dt-desc{
    display: none !important;
}
.action.mgs-quickview{
    display: none !important;
    opacity: 0 !important;
}
.bss-onestepcheckout .osc-back-btn-wrapper{
    order: 99;
    justify-content: start;
    align-items: start;
    text-align: left;
}
.pe-7s-like.active:before{
    color: #bf3;
}
.pe-7s-like.active:before{
    content: '';
}
.bssfancybox-outer .bssfancybox-inner #wishlist_container #output_wishlist_div>.row{
    display: flex;
    flex-direction: column;
}
.bssfancybox-wrap.bssfancybox-type-html.bssfancybox-opened{
    max-width: max-content;
}
.bssfancybox-wrap.bssfancybox-type-html.bssfancybox-opened .bssfancybox-inner{
    max-width: max-content;
    min-height: 320px;
    max-width: 250px;
}
button#wishlist_create, #wishlist_add{
    background-color: #bf3 !important;
    border: 1px solid #bf3 !important;
    color: #000 !important;
    padding: 0 15px !important;
    margin-top: 12px ;
}
ul#list-wishlist input{
    border: 1px solid #bf3 !important;
}
.bssfancybox-opened .bssfancybox-skin{
    background-color: #fff;
    box-shadow: none;
}
/* ===================== /B2B/B2C Toggle Switch ===================== */
@media(min-width: 993px){
    .catalog-category-view .product-details-list .prod-onsale-wishlist .prod-onsale{
        display: none;
    }
    .catalog-category-view .product-details-list .prod-onsale-wishlist{
        position: relative;
    }
    .catalog-category-view .product-details-list .prod-onsale-wishlist .action.towishlist{
        left: 0;
    }
    .catalog-category-view .product-details-list .product-details-row .prod-dt-row{
        justify-content: space-between;
    }
    .catalog-category-view .product-details-list .product-details-row .prod-dt-row .prod-dt-pricing>span{
        display: flex;
        align-items: baseline;
        gap: 5px;
    }
}
/* ===== PDP social share (Supergreen redesign) ===== */
.pu-calculator-form input::placeholder{
    font-size: 16px;
    padding: 0;
    z-index: 99;
}
.pu-calculator-form input{
    padding-inline: 20px;
}
.product-data-items-menu {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0;
    position: relative;
}

.sg-product-share {
    margin-left: auto;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    position: relative;
}

.sg-product-share .sg-share {
    width: 70px;
    height: 70px;
    font-size: 24px;
    line-height: 30px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #e9e9e9;
    color: #1a1a1a;
    transition: background .15s ease, color .15s ease, transform .15s ease;
    text-decoration: none;
}

.sg-product-share .sg-share:hover {
    background: #bf3;
    color: #000;
}

.sg-product-share .sg-share svg {
    display: block;
    width: 24px;
    height: 24px;
}

.sg-product-share .sg-share-toast {
    position: absolute;
    right: 0;
    top: calc(100% + 6px);
    background: #1a1a1a;
    color: #fff;
    font-size: 18px;
    padding: 4px 8px;
    border-radius: 4px;
    opacity: 0;
    transform: translateY(-2px);
    pointer-events: none;
    transition: opacity .15s ease, transform .15s ease;
    white-space: nowrap;
    z-index: 5;
}

.sg-product-share .sg-share-toast.is-visible {
    opacity: 1;
    transform: translateY(0);
}

.product-data-items-menu .data.item.active a,
.product-data-items-menu .data.item a {
    font-size: 24px !important;
    text-transform: none !important;
}

@media (max-width: 767px) {
    .sg-product-share {
        margin-left: 0;
        width: 100%;
        justify-content: center;
        padding-top: 4px;
        margin-top: 24px;
        gap: 12px;
    }

    .super .product-data-items-menu .data.item.title .data.switch {
        font-size: 16px !important;
        line-height: 22px !important;
    }

    .product-data-items-menu .data.item.title {
        width: 100%;
    }

    .sg-product-share .sg-share {
        width: 42px;
        height: 42px;
        font-size: 18px;
        line-height: 24px;
    }

    .sg-product-share .sg-share svg {
        display: block;
        width: 18px;
        height: 18px;
    }
}

/* ===== PDP download media list (Supergreen redesign) ===== */
.sg-download-media__list { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 10px; }
.sg-download-media__link {
    display: flex; align-items: center; gap: 12px;
    padding: 10px 12px; border: 1px solid #e6e6e6; border-radius: 8px;
    background: #fafafa; color: #1a1a1a; text-decoration: none;
    transition: background .15s ease, border-color .15s ease;
}
.catalog-category-view .supergreens-list .product-item .product-label {
    background-color: #bf3;
    color: #000;
}
.catalog-category-view .supergreens-list .product-item .product-item-info .product-top{
    position: relative;
}
.catalog-category-view .supergreens-list .product-item .product-item-info .product-label {
    position: absolute;
    top: 24px;
    left: -10px !important;
    width: auto !important;
    height: auto !important;
    max-width: 100%;
    padding: 10px 14px;
    background: #c2f24a;
    color: #000;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.2;
    text-transform: uppercase;
    letter-spacing: .03em;
    white-space: nowrap;
    border-radius: 0 20px 20px 0;
    z-index: 2;
    pointer-events: none;
    transform: translateX(0);
}
.catalog-category-view .supergreens-list .product-item .product-item-info .product-label:before{
    content: '';
    position: absolute;
    bottom: -10px;
    left: 0;
    width: 0;
    height: 0;
    background: #36D427;
    border-top: 5px solid #36D427;
    border-right: 5px solid #36D427;
    border-bottom: 5px solid #fff;
    border-left: 5px solid #fff;
}
.catalog-category-view .supergreens-list .product-item .product-label span {
    transform: none;
    width: 100%;
}
.catalog-category-view .supergreens-list .product-item .product-label span:after{
    display: none !important;
}
.sg-download-media__link:hover { background: #f0f7d1; border-color: #c8e26a; }
.sg-download-media__icon { flex: 0 0 auto; color: #2a2a2a; }
.sg-download-media__meta { display: flex; flex-direction: column; line-height: 1.25; min-width: 0; }
.sg-download-media__label { font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.sg-download-media__sub { font-size: 12px; color: #777; }
.customer-account-login #maincontent {
    width: 100%;
    max-width: 1480px;
}

.customer-account-login #maincontent .column.main .login-container>div {
    padding: 0;
}

.customer-account-login #maincontent .page-title-wrapper h1 {
    font-family: 'CF ModGrotesk';
    font-style: normal;
    font-weight: 400;
    font-size: 48px;
    line-height: 60px;
    color: #000027;
    text-transform: none;
    margin-bottom: 80px;
}
.super .login-container .fieldset.login .form-group.field.email{
    margin-top: 40px;
}
.super .login-container label.label{
    display: none;
}
.super .login-container .block .block-title h2,
.form-create-account h2 {
    font-family: 'CF ModGrotesk';
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 30px;
    color: #000027;
    text-transform: none;
    margin-bottom: 0;
}

.super .login-container .block-content .form-login .form-group.field.note {
    font-family: 'CF ModGrotesk';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: rgba(0, 0, 39, 0.3);
}

.super .login-container .block.block-new-customer .block-content>p {
    font-family: 'CF ModGrotesk';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: rgba(0, 0, 39, 0.3);
    margin-bottom: 40px;
}

.super .login-container .block-content input {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    align-content: flex-start;
    padding: 8px 14px;
    gap: 8px;
    width: 100%;
    max-width: 400px;
    height: 32px;
    min-height: 32px;
    border: 1px solid #000027;
    border-radius: 40px;
    flex: none;
    order: 0;
    flex-grow: 0;
}

.super .login-container .block-content input::placehodler {
    font-family: 'CF ModGrotesk';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: rgba(0, 0, 39, 0.3);
}

.super .login-container .block-content .action.remind span {
    font-family: 'CF ModGrotesk';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: rgba(0, 0, 39, 0.3);
    flex: none;
    order: 3;
    flex-grow: 0;

}

.super .login-container .btn.primary,
.super .login-container button.action.primary,
.super .login-container .btn.btn-primary,
.super .login-container button.action.btn-primary {
    font-family: 'CF ModGrotesk';
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    align-content: flex-start;
    padding-left: 12px;
    padding-right: 12px;
    width: 100%;
    max-width: max-content;
    text-align: center;
    height: 32px;
    min-height: 32px;
    background: #BBFF33 !important;
    border-radius: 40px;
    color: #000 !important;
    border: none !important;
    text-transform: none;
    font-size: 19px !important;
    line-height: 24px;
    display: flex;
    align-items: center;
}
.super .login-container .btn.primary:hover,
.super .login-container button.action.primary:hover,
.super .login-container .btn.btn-primary:hover,
.super .login-container button.action.btn-primary:hover{
    background-color: #000027 !important;
}
.super .login-container .btn.primary:hover span,
.super .login-container button.action.primary:hover span,
.super .login-container .btn.btn-primary:hover span,
.super .login-container button.action.btn-primary:hover span{
    color: #fff;
}
.super .login-container .btn.primary span,
.super .login-container button.action.primary span,
.super .login-container .btn.btn-primary span,
.super .login-container button.action.btn-primary span{
    font-family: 'CF ModGrotesk';
    font-style: normal;
    font-weight: 400;
    font-size: 19px;
    line-height: 24px;

    color: #000027;
    display: flex;
    align-items: center;
    height: 100%;
}
@media(max-width: 768px){
    .customer-account-login #maincontent .column.main .login-container{
        padding: 0 15px;
    }
    .customer-account-login #maincontent .page-title-wrapper h1 {
        padding: 0 15px;
        font-size: 38px;
        line-height: 44px;
    }
}

/* ===== B2B register form (Supergreen redesign) — inputs only ===== */
.customer-account-create .form-create-account .input-text,
.customer-account-create .form-create-account select {
    height: 44px;
    padding: 10px 18px;
    border: 1px solid #d6d6d6;
    border-radius: 999px;
    background: #fff;
    font-size: 14px;
    line-height: 1.2;
    transition: border-color .15s ease, box-shadow .15s ease;
}
.customer-account-create .form-create-account .input-text:focus,
.customer-account-create .form-create-account select:focus {
    border-color: #c2f24a; box-shadow: 0 0 0 3px rgba(194,242,74,.25); outline: 0;
}

#aade_block { display: flex; align-items: center; gap: 12px; margin: 6px 0 0; flex-wrap: wrap; }
#aade_block #aade {
    height: 44px; padding: 0 22px;
    border: 0; border-radius: 999px;
    background: #c2f24a; color: #000;
    font-weight: 700; font-size: 13px;
    text-transform: uppercase; letter-spacing: .04em;
    cursor: pointer;
    transition: filter .15s ease, opacity .15s ease;
}
#aade_block #aade:disabled { opacity: .55; cursor: not-allowed; }
#aade_block #aade:not(:disabled):hover { filter: brightness(.95); }
#aade_block > span { font-size: 12px; color: #b00020; }

.customer-account-create .form-create-account .sg-newsletter,
.customer-account-create .form-create-account .sg-ack {
    display: flex; align-items: flex-start; gap: 10px;
    margin: 12px 0;
}
.customer-account-create .form-create-account .sg-newsletter input,
.customer-account-create .form-create-account .sg-ack input { margin-top: 3px; flex: 0 0 auto; }

.customer-account-create .form-create-account .actions-toolbar .primary button.submit {
    height: 48px; padding: 0 28px;
    background: #c2f24a; color: #000;
    border: 0; border-radius: 999px;
    font-weight: 700; font-size: 14px;
    text-transform: uppercase; letter-spacing: .04em;
    cursor: pointer;
    transition: filter .15s ease, opacity .15s ease;
}
.customer-account-create .form-create-account .actions-toolbar .primary button.submit:disabled {
    opacity: .5; cursor: not-allowed;
}
.customer-account-create .form-create-account .actions-toolbar .primary button.submit:not(:disabled):hover { filter: brightness(.95); }
/* ===== TAXIS verified results side panel ===== */
#aade_results { margin-top: 6px; }
#aade_results .aade-results-list { display: grid; grid-template-columns: max-content 1fr; column-gap: 14px; row-gap: 6px; margin: 0; padding: 0; }
#aade_results .aade-results-list dt { font-weight: 600; color: #1a1a1a; margin: 0; }
#aade_results .aade-results-list dd { margin: 0; color: #333; }
#aade_results.is-filled .aade-results-list dd { color: #1a1a1a; font-weight: 500; }


/* ===== Contact details fieldset — single-row inline layout ===== */
.fieldset.contact-details .sg-inline-fields {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
}
/* Flatten the Name widget's .row > .field children into the grid */
.fieldset.contact-details .sg-inline-fields > .row,
.fieldset.contact-details .sg-inline-fields > .row > [class*="col-"] { display: contents; }

.fieldset.contact-details .sg-inline-fields .field { min-width: 0; margin-bottom: 0; }

/* 32px input height per figma */
.customer-account-create .form-create-account .fieldset.contact-details .input-text,
.customer-account-create .form-create-account .fieldset.contact-details select {
    height: 32px;
    padding: 4px 14px;
    font-size: 13px;
}
.fieldset.contact-details .sg-inline-fields .customer-name-fields:before, .fieldset.contact-details .sg-inline-fields .customer-name-fields:after{
    display: none;
}
.fieldset.contact-details .sg-inline-fields .field.telephone label[for="telephone"]{
    position: absolute;
    right: 0;
    display: none;
}
@media (max-width: 767px) {
    .fieldset.contact-details .sg-inline-fields { grid-template-columns: 1fr; }
}

/* ===== Address fieldset — single-row inline layout (5 columns) ===== */
.fieldset.address .sg-inline-fields-address {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 12px;
}
.fieldset.address .sg-inline-fields-address > .row,
.fieldset.address .sg-inline-fields-address > .row > [class*="col-"] { display: contents; }

.fieldset.address .sg-inline-fields-address .field { min-width: 0; margin-bottom: 0; }
.fieldset.address .sg-inline-fields-address .field .nested .field.additional { margin-top: 8px; }
.fieldset.address .sg-inline-fields-address label{
    display: none;
}
.fieldset.address .sg-inline-fields-address .row:before{
    display: none;
}
.fieldset.address .sg-inline-fields-address .row:after{
    display: none;
}
.form.create.account.form-create-account .fieldset.create.account label{
    display: none;
}
.form.create.account.form-create-account .fieldset.create.account input,
.fieldset.address .sg-inline-fields-address input {
    height: 32px;
    padding: 4px 14px;
    font-size: 13px;
}
.super .form.create.account.form-create-account{
    font-family: 'CF ModGrotesk';
}
.super .account legend.legend{
    font-family: 'CF ModGrotesk';
    font-weight: 400;
    font-size: 24px;
    line-height: 30px;
    color: #000027;
    text-transform: capitalize;
    border: none;
}
.form.create.account.form-create-account .fieldset.create.info input {
    height: 32px;
    padding: 4px 14px;
    font-size: 13px;
}
.super .customer-account-create .form-create-account select{
    height: 32px;
    padding: 4px 14px;
    font-size: 13px;
}
.customer-account-create .form-create-account .sg-ack{
    align-items: center;
}
.customer-account-create .form-create-account .sg-ack input{
    margin-top: 0;
    top: 0px;
}
.customer-account-create .form-create-account .sg-ack label{
    display: flex;
    align-items: end;
    height: 100%;
}
.customer-account-create .form-create-account .sg-ack label span{
    height: 100%;
    display: flex;
    align-items: center;
}
.customer-account-create .form-create-account .actions-toolbar .primary button.submit{
    height: 32px;
    margin: 0;
    background-color: #bf3 !important;
    border-color: #bf3 !important;
    display: flex;
    align-items: center;
}
.customer-account-create .form-create-account .actions-toolbar .primary button.submit:hover{
    background-color: #000027 !important;
    border-color: #000027 !important;
}
.customer-account-create .form-create-account .actions-toolbar .primary button.submit:hover span{
    color: #fff;
}
.customer-account-create .form-create-account .actions-toolbar .primary button.submit span{
    height: 100%;
    display: flex;
    align-items: center;
    font-family: 'CF ModGrotesk';
    font-style: normal;
    font-weight: 400;
    font-size: 19px;
    line-height: 24px;
    color: #000027;
    text-transform: none;
}
.super .customer-account-create .page-header{
    font-family: 'CF ModGrotesk';
    font-style: normal;
    font-weight: 400;
    font-size: 48px;
    line-height: 60px;
    color: #000027;
    text-transform: none;
}
.b2b-register-intro p{
    font-family: 'CF ModGrotesk';
    font-style: normal;
    font-weight: 400;
    font-size: 23px;
    line-height: 29px;
    color: #000000;
    display: block;
    max-width: 600px;
}
@media(max-width: 768px){
    .super .customer-account-create .page-header{
        font-size: 38px;
        line-height: 44px;
    }
    .b2b-register-intro p{
        font-size: 18px;
        line-height: 24px;
    }
}
@media (max-width: 991px) {
    .fieldset.address .sg-inline-fields-address { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 575px) {
    .fieldset.address .sg-inline-fields-address { grid-template-columns: 1fr; }
}

/* ===== Store Locator redesign (Supergreens) ===== */
.sg-locator-search {
    display: flex; flex-wrap: wrap; gap: 10px; align-items: center;
    padding: 14px 0; margin-bottom: 16px;
}
.sg-locator-toggle { display: inline-flex; gap: 6px; }
.sg-locator-toggle .sg-toggle-btn {
    height: 36px; padding: 0 16px; border: 1px solid #d6d6d6; border-radius: 999px;
    background: #fff; color: #1a1a1a; font-weight: 600; font-size: 13px;
    text-transform: uppercase; letter-spacing: .04em; cursor: pointer;
    transition: background .15s ease, color .15s ease, border-color .15s ease;
}
.sg-locator-toggle .sg-toggle-btn.is-active { background: #c2f24a; border-color: #c2f24a; color: #000; }

.sg-locator-search .sg-zip,
.sg-locator-search .sg-radius {
    height: 36px; padding: 6px 14px; border: 1px solid #d6d6d6; border-radius: 999px;
    background: #fff; font-size: 13px; min-width: 130px;
}
.sg-locator-search .sg-radius { appearance: none; -webkit-appearance: none; padding-right: 30px;
    background-image: linear-gradient(45deg, transparent 50%, #1a1a1a 50%), linear-gradient(135deg, #1a1a1a 50%, transparent 50%);
    background-position: calc(100% - 16px) 50%, calc(100% - 11px) 50%; background-size: 5px 5px; background-repeat: no-repeat; }
.sg-locator-search .sg-search-btn {
    height: 36px; padding: 0 22px; border: 0; border-radius: 999px;
    background: #0d1b3d; color: #fff; font-weight: 700; font-size: 12px;
    text-transform: uppercase; letter-spacing: .08em; cursor: pointer;
}
.sg-locator-search .sg-or { font-size: 13px; color: #555; margin: 0 4px; }
.sg-locator-search .sg-geo-btn {
    height: 36px; padding: 0 18px; border: 1px solid #d6d6d6; border-radius: 999px;
    background: #f5f5f5; color: #1a1a1a; font-weight: 600; font-size: 13px; cursor: pointer;
}

#stores-map { width: 100%; height: 380px; margin-bottom: 24px; }

.sg-locator-table { width: 100%; border-collapse: collapse; margin-top: 18px; font-size: 14px; }
.sg-locator-table thead th { text-align: left; padding: 10px 12px; border-bottom: 1px solid #e6e6e6; font-weight: 700; }
.sg-locator-table tbody td { padding: 12px; border-bottom: 1px solid #eee; vertical-align: middle; }
.sg-locator-table tbody tr:hover { background: #fafafa; }
.sg-locator-table .sg-view-details {
    border: 0; background: transparent; color: #1a1a1a;
    font-weight: 600; text-decoration: underline; cursor: pointer; font-size: 13px;
}

.sg-details-popover {
    position: absolute; z-index: 9999; min-width: 260px; max-width: 320px;
    background: #fff; border: 1px solid #c2f24a; border-radius: 12px;
    padding: 14px 16px; box-shadow: 0 8px 24px rgba(0,0,0,.12);
    font-size: 13px; line-height: 1.45;
}
.sg-details-popover .sg-pop-line { margin: 0 0 4px; word-break: break-word; }
.sg-details-popover .sg-pop-line[data-k="name"] { font-weight: 700; }
.sg-details-popover .sg-pop-line:empty { display: none; }
.sg-details-popover .sg-pop-maps {
    display: inline-block; margin-top: 8px; font-weight: 600; color: #1a1a1a;
    text-decoration: underline;
}

@media (max-width: 767px) {
    .sg-locator-search { flex-direction: column; align-items: stretch; }
    .sg-locator-search > * { width: 100%; }
}

/* ===== Store Locator inline message ===== */
.sg-locator-msg { font-size: 13px; padding: 8px 12px; border-radius: 8px; margin: 0 0 14px; }
.sg-locator-msg:empty { display: none; }
.sg-locator-msg[data-type="info"]  { background: #f0f6ff; color: #1a3a7a; }
.sg-locator-msg[data-type="ok"]    { background: #effbe0; color: #2f5a00; }
.sg-locator-msg[data-type="warn"]  { background: #fff7e0; color: #7a5b00; }
.sg-locator-msg[data-type="error"] { background: #ffe6e3; color: #8a1a14; }
.sg-locator-header{
    width: 100%;
    flex: 1 100%;
    font-family: 'CF ModGrotesk';
    font-style: normal;
    font-weight: 400;
    font-size: 48px;
    line-height: 60px;
    color: #000027;
    margin-bottom: 60px;
}
.super .cms-store-locator .page-main .column.main .container{
    width: 100%;
    max-width: 1480px;
}
.super .cms-store-locator .breadcrumbs .container{
    max-width: 1480px !important;
}
.sg-locator-toggle .sg-toggle-btn{
    height: 89px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 189px;
    height: 89px;
    border-radius: 10px;
    border: 1px solid #000;
    font-family: 'CF ModGrotesk';
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 30px;
    color: #000027;
    text-transform: none;
}
.sg-locator-toggle .sg-toggle-btn.is-active{
    background: #BBFF33;
    border-color: #bf3;
}

/* ===== Store Locator — align inputs/buttons with user-added toggle tokens ===== */
.sg-locator-search {
    display: flex; flex-wrap: wrap; gap: 16px; align-items: center;
    padding: 24px 0;
}

.sg-locator-search .sg-zip,
.sg-locator-search .sg-radius {
    height: 89px;
    width: 240px;
    padding: 0 24px;
    border: 1px solid #000;
    border-radius: 10px;
    background: #fff;
    color: #000027;
    font-family: 'CF ModGrotesk';
    font-weight: 400;
    font-size: 20px;
    line-height: 30px;
}
.sg-locator-search .sg-zip::placeholder {
    color: #000027;
    opacity: .55;
    text-transform: uppercase;
    letter-spacing: .04em;
}

.sg-locator-search .sg-radius {
    appearance: none; -webkit-appearance: none;
    padding-right: 52px;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23000027' stroke-width='2'><polyline points='6 9 12 15 18 9'/></svg>");
    background-repeat: no-repeat;
    background-position: right 22px center;
    text-transform: uppercase;
    letter-spacing: .04em;
}

.sg-locator-search .sg-search-btn {
    height: 89px;
    min-width: 189px;
    padding: 0 32px;
    border: 0;
    border-radius: 10px;
    background: #000027;
    color: #BBFF33;
    font-family: 'CF ModGrotesk';
    font-weight: 700;
    font-size: 20px;
    line-height: 30px;
    text-transform: uppercase;
    letter-spacing: .04em;
    cursor: pointer;
}

.sg-locator-search .sg-or {
    font-family: 'CF ModGrotesk';
    font-size: 18px;
    color: #000027;
    padding: 0 6px;
}

.sg-locator-search .sg-geo-btn {
    height: 89px;
    padding: 0 28px;
    border: 1px solid #000;
    border-radius: 10px;
    background: #f3f3f3;
    color: #000027;
    font-family: 'CF ModGrotesk';
    font-weight: 400;
    font-size: 20px;
    line-height: 30px;
    cursor: pointer;
}

@media (max-width: 991px) {
    .sg-locator-search .sg-zip,
    .sg-locator-search .sg-radius { width: 100%; }
    .sg-locator-search > * { flex: 1 1 auto; }
}

/* ===== Store Locator — custom RADIUS dropdown + vertical SEARCH/Or/Use Current group ===== */

/* Custom radius dropdown */
.sg-locator-search .sg-radius-wrap { position: relative; width: 240px; }

.sg-locator-search .sg-radius-toggle {
    width: 100%;
    height: 89px;
    padding: 0 24px;
    border: 1px solid #000;
    border-radius: 10px;
    background: #fff;
    color: #000027;
    font-family: 'CF ModGrotesk';
    font-weight: 400;
    font-size: 20px;
    line-height: 30px;
    text-transform: uppercase;
    letter-spacing: .04em;
    cursor: pointer;
    display: flex; align-items: center; justify-content: space-between; gap: 12px;
}
.sg-locator-search .sg-radius-chev {
    width: 14px; height: 14px;
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23000027' stroke-width='2'><polyline points='6 9 12 15 18 9'/></svg>") center/contain no-repeat;
    transition: transform .15s ease;
}
.sg-radius-wrap.is-open .sg-radius-chev { transform: rotate(180deg); }

.sg-locator-search .sg-radius-list {
    position: absolute;
    top: calc(100% + 6px); left: 0; right: 0;
    margin: 0; padding: 8px 0;
    list-style: none;
    background: #fff;
    border: 1px solid #000;
    border-radius: 10px;
    z-index: 1000;
    box-shadow: 0 8px 24px rgba(0,0,32,.12);
    overflow: hidden;
}
.sg-locator-search .sg-radius-list li {
    padding: 12px 22px;
    font-family: 'CF ModGrotesk';
    font-size: 18px;
    color: #000027;
    cursor: pointer;
    transition: background .15s ease, color .15s ease;
    text-transform: uppercase;
    letter-spacing: .04em;
}
.sg-locator-search .sg-radius-list li:hover,
.sg-locator-search .sg-radius-list li.is-selected {
    background: #BBFF33;
    color: #000027;
}

/* Hide the hidden input visually */
.sg-locator-search input.sg-radius { display: none; }

/* SEARCH + Or + Use Current Location stacked vertically */
.sg-locator-search .sg-search-actions {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
}
.sg-locator-search .sg-search-actions .sg-or {
    align-self: center;
    padding: 0;
}
.sg-locator-search .sg-search-actions .sg-search-btn,
.sg-locator-search .sg-search-actions .sg-geo-btn {
    width: 100%;
    min-width: 220px;
    height: 56px;
}
.sg-locator-search .sg-zip{
    margin-left: auto;
}
@media(min-width: 1200px) {
    .super body.boxed.width1366 .header:not(.header1) .navigation .nav-main-menu li.mega-menu-fullwidth:not(.menu-2columns)>ul.dropdown-menu {
        width: 100%;
        margin-left: 0;
        left: 0;
        border-radius: 0;
        top: 240px !important;
    }

    .super body.boxed.width1366 .header:not(.header1) .navigation .nav-main-menu li.mega-menu-fullwidth:not(.menu-2columns)>ul.dropdown-menu>li {
        border-radius: 0;
        background-color: #fff;
    }

    #main-Menucontent #mainMenu ul.dropdown-menu li>a span,
    .super .mega-menu-content .subtitle {
        font-family: 'CF ModGrotesk';
        font-style: normal;
        font-weight: 400;
        font-size: 19px !important;
        line-height: 24px !important;
        color: #000027;
    }

    .super body.boxed.width1366:not(.panel-popup) .main-wrapper .mega-menu-content {
        width: 100%;
        max-width: 1480px;
        padding-inline: 15px;
    }

    .super .mega-menu-content .subtitle {
        font-weight: 600;
    }

    .super body.boxed.width1366:not(.panel-popup) .main-wrapper .mega-menu-content .menu-promo a.text:before {
        content: '';
        display: flex;
        justify-content: center;
        align-items: center;
        width: 40px;
        height: 40px;
        background-repeat: no-repeat;
        text-align: center;
        background-size: contain;
        background-color: #bf3;
        display: flex;
        border-radius: 50%;
        position: absolute;
        right: 0;
    }

    .super body.boxed.width1366:not(.panel-popup) .main-wrapper .mega-menu-content .menu-promo a.text:after {
        content: '';
        background-image: url(https://spacegreen.gr/pub/media/wysiwyg/home20/cat-arrow.png);
        display: flex;
        justify-content: center;
        align-items: center;
        width: 15px;
        height: 15px;
        background-repeat: no-repeat;
        text-align: center;
        background-size: contain;
        background-color: #bf3;
        display: flex;
        position: absolute;
        right: 12px;
    }

    .super body.boxed.width1366:not(.panel-popup) .main-wrapper .mega-menu-content .menu-promo a.text {
        padding-left: 0;
        font-weight: 400;
        font-family: 'CF ModGrotesk';
        font-style: normal;
        font-weight: 400;
        font-size: 19px;
        line-height: 24px;
        color: #000027;
    }
}
@media (max-width: 991px) {
    .sg-locator-search .sg-radius-wrap { width: 100%; }
    .sg-locator-search .sg-search-actions { width: 100%; }
}
@media(max-width: 768px){
    .sg-locator-toggle .sg-toggle-btn{
        font-size: 16px;
        line-height: 22px;
        height: 60px;
    }
    .sg-locator-search .sg-zip, .sg-locator-search .sg-radius{
        height: 60px;
        font-size: 16px;
        line-height: 22px;
    }
    .sg-locator-search .sg-radius-toggle{
        height: 60px;
        font-size: 16px;
        line-height: 22px;
    }
    .sg-locator-search{
        padding: 0 15px;
    }
    .sg-locator-table{
        padding: 0 15px;
    }
    .row.locator-map.content-enabled, .row.locator-content.content-enabled{
        padding: 0 15px;
    }
    .sg-locator-table thead th{
        padding: 5px;
    }
    .sg-locator-table tbody td{
        padding: 5px;
    }
}