/**
 * GLOBAL VARIABLES
 */
:root {
    /** UNIVERSAL **/
    --space-60: 60px;
    --space-50: 50px;
    --space-40: 40px;
    --space-25: 25px;

    --font-48: 48px;
    --font-40: 40px;
    --font-36: 36px;
    --font-30: 30px;
    --font-24: 24px;

    --font-72: calc(var(--font-48) + var(--font-24));

    --container-padding: 40px;

    /** SPECIFIC **/
    --color-primary: #133248;
    --color-secondary: #ffdd00;
    --color-default: #e6e6e6;
}

body {
    color: var(--color-primary);
    font-family: 'Inter', sans-serif;
}

/**
 * BASIC
 */

a, input, select, textarea, option, button {
    outline: none !important;
}

em {
    padding-right: 2px;
}

h1 {
}

h2 {
}

h3 {
}

h4 {
}

h5 {
}

a {
    color: inherit;
}

a:hover, a:focus {
    color: inherit;
}

/**
 * EXTRA
 */
/* Animations lib */
.animationDuration {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
}

/* Mourning class added to body */
.mourning {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

/**
 * PAGE
 */

#page,
#content {
    overflow: hidden;
}

#content {
    padding-top: 140px;
}

.container {
    clear: both;
    margin: 0 auto;
    padding-left: var(--container-padding);
    padding-right: var(--container-padding);
    max-width: 1670px;
    width: 100%;
}

.container--sm {
    max-width: 1350px;
}

.page-title {
    color: var(--color-primary);
    font-family: "Inter", sans-serif;
    font-size: calc(var(--font-24) + 6px);
    font-weight: 700;
    text-align: center;
    padding-bottom: var(--space-40);
}

.page-teaser {
    max-width: 650px;
    color: var(--color-primary);
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 30px;
    text-align: center;
    margin: 0 auto 35px auto;

}

/**
 * ICONS
 */
.icon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
}

.btn .icon {
    margin-left: -8px;
}

.icon-mask.icon-mask {
    -webkit-mask-size: cover;
    -mask-size: cover;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    background-color: currentColor;
}

.icon-grid {
    -webkit-mask-image: url('../images/icons/kategorie.svg');
    mask-image: url('../images/icons/kategorie.svg');
}

.icon-register {
    -webkit-mask-image: url('../images/icons/rejestracja.svg');
    mask-image: url('../images/icons/rejestracja.svg');
}

.icon-user {
    -webkit-mask-image: url('../images/icons/logowanie.svg');
    mask-image: url('../images/icons/logowanie.svg');
}

.icon-basket {
    -webkit-mask-image: url('../images/icons/koszyk.svg');
    mask-image: url('../images/icons/koszyk.svg');
}

.icon-email {
    -webkit-mask-image: url('../images/icons/email.svg');
    mask-image: url('../images/icons/email.svg');
}

.icon-phone {
    -webkit-mask-image: url('../images/icons/tel.svg');
    mask-image: url('../images/icons/tel.svg');
}

.icon-pdf {
    -webkit-mask-image: url('../images/icons/pdf.svg');
    mask-image: url('../images/icons/pdf.svg');
}

.icon-download {
    -webkit-mask-image: url('../images/icons/download.svg');
    mask-image: url('../images/icons/download.svg');
}

.icon-logout {
    -webkit-mask-image: url('../images/icons/wyloguj.svg');
    mask-image: url('../images/icons/wyloguj.svg');
}

.icon-loupe {
    -webkit-mask-image: url('../images/icons/loupe.svg');
    mask-image: url('../images/icons/loupe.svg');
}

/**
 * THEMES
 */

.btn-primary,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.btn-primary.active:focus,
.btn-primary:hover:focus,
.btn-primary:hover:active,
.btn-primary:focus:active {
    background-color: var(--color-primary);
    border-color: var(--color-primary);
    color: #fff;
}

.btn-primary.active {
    background-color: #fff;
    color: var(--color-primary);
}

.btn-primary[disabled],
.btn-primary[disabled]:hover {
    opacity: 0.2;
    cursor: not-allowed;
}

.btn-secondary,
.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active,
.btn-secondary.active,
.btn-secondary.active:focus,
.btn-secondary:hover:focus,
.btn-secondary:hover:active,
.btn-secondary:focus:active {
    background-color: var(--color-secondary);
    border-color: var(--color-secondary);
    color: var(--color-primary);
}

.btn-secondary-reverse,
.btn-secondary-reverse:hover,
.btn-secondary-reverse:focus,
.btn-secondary-reverse:active,
.btn-secondary-reverse.active,
.btn-secondary-reverse.active:focus,
.btn-secondary-reverse:hover:focus,
.btn-secondary-reverse:hover:active,
.btn-secondary-reverse:focus:active {
    background-color: var(--color-primary);
    border-color: var(--color-primary);
    color: var(--color-secondary);
}

.btn-secondary.active {
    background-color: #fff;
    color: var(--color-secondary);
}

.btn-secondary[disabled],
.btn-secondary[disabled]:hover {
    opacity: 0.2;
    cursor: not-allowed;
}

.btn-default,
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.btn-default.active:focus,
.btn-default:hover:focus,
.btn-default:hover:active,
.btn-default:focus:active {
    background-color: #fff;
    border-color: rgba(0, 0, 0, 0.1);
    color: var(--color-primary);
}

.btn-default.active {
    background-color: var(--color-primary);
    border-color: var(--color-primary);
    color: #fff;
}

.btn-default[disabled],
.btn-default[disabled]:hover {
    opacity: 0.2;
    cursor: not-allowed;
}

.btn-white,
.btn-white:hover,
.btn-white:focus,
.btn-white:active,
.btn-white.active,
.btn-white.active:focus,
.btn-white:hover:focus,
.btn-white:hover:active,
.btn-white:focus:active {
    background-color: #fff;
    border-color: transparent;
    color: var(--color-primary);
}

.btn-white.active {
    background-color: var(--color-primary);
    border-color: var(--color-primary);
    color: #fff;
}

.btn-white[disabled],
.btn-white[disabled]:hover {
    opacity: 0.2;
    cursor: not-allowed;
}

@media screen and (min-width: 1140px) {
    .btn-primary:not([disabled]):hover,
    .btn-primary:not([disabled]).active:hover {
        background-color: var(--color-secondary);
        color: var(--color-primary);
        border-color: var(--color-secondary);
    }

    .btn-secondary:not([disabled]):hover,
    .btn-secondary:not([disabled]).active:hover {
        border-color: var(--color-primary);
        background-color: var(--color-primary);
        color: var(--color-secondary);
    }

    .btn-secondary-reverse:not([disabled]):hover,
    .btn-secondary-reverse:not([disabled]).active:hover {
        border-color: var(--color-secondary);
        background-color: var(--color-secondary);
        color: var(--color-primary);
    }

    .btn-default:not([disabled]):hover,
    .btn-default:not([disabled]).active:hover {
        background-color: var(--color-primary);
        border-color: var(--color-primary);
        color: #fff;
    }

    .btn-white:not([disabled]):hover,
    .btn-white:not([disabled]).active:hover {
        background-color: var(--color-secondary);
        border-color: var(--color-secondary);
        color: var(--color-primary);
    }
}

/**
 * BUTTONS
 */

.btn {
    border-radius: 23px;
    display: inline-flex;
    align-items: center;
    /*text-transform: uppercase;*/
    border-width: 1px;
    letter-spacing: 0.7px;
    font-weight: 700;
    font-size: 14px;
    box-shadow: none !important;
    justify-content: center;
    transition: all 0.4s;

}

.btn-lg {
    min-width: 200px;
    padding: 0 24px;
    height: 46px;
}

.btn-md {
    min-width: 160px;
    padding: 0 20px;
    height: 40px;
}

.btn-sm {
    min-width: 120px;
    padding: 0 16px;
    height: 36px;
}

.btn-arrow {
    width: 46px;
    height: 46px;
    border-radius: 50%;
    border: 1px solid var(--color-default);
    color: var(--color-primary);
    transition: all 0.4s;
    font-size: 18px;
}

.btn-arrow:hover {
    background-color: var(--color-primary);
    color: #fff;
    border-color: var(--color-primary);
}

/**
 * BOOTSTRAP
 */
.panel,
.panel-heading,
.modal-content,
.alert,
.popover {
    border-radius: 0;
}

.panel {
    box-shadow: none;
}

.panel-default {
    border-color: #e5e5e5;
}

/**
 * TEXT
 */

.text {
    overflow: visible;
    /* Style for "Lorem ipsu" */
    color: #5a6f7f;
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: 0.7px;
    position: relative;
    z-index: 11;
}

/** Text list custom dots **/
.text ul,
.text ol ul,
.text ul ul {
    list-style: none;
}

.text ul > li,
.text ol > li {
    left: 55px;
    position: relative;
    padding-right: 40px;
}

.text ul > li::before {
    content: "•";
    position: relative;
    display: inline-block;
    width: 10px;
    left: -10px;
    margin-left: -10px;
    line-height: 1em;
    font-family: sans-serif;
    font-weight: 900;
    font-size: 18px;
    color: #253c4c;
}

.text ol > li::marker {
    word-spacing: 3px;
}

/** Text table **/

.text table {
    margin: 30px 0;
}

.text table tr:nth-child(even) {
    background: rgba(0, 0, 0, 0.05);
}

.text table td {
    padding: 12px 12px;
    border: 1px solid #ddd;
}

/** Text link **/
.text a {
    font-weight: 700;
    transition: all 0.4s;
    color: var(--color-secondary);
}

.text a:hover {
    color: var(--color-secondary);
    text-decoration: underline;
}

/**
 * HEADER
 */
header {
}

header.stickable {
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    right: 0;
}

.logo {
    transition: all 0.4s;
}

.logo a {
    display: block;
    transition: all 0.4s;
}

.logo img {
    display: block;
    max-width: 100%;
    transition: all 0.4s;
}

header.sticky .logo {
    width: 100px;
}

header.sticky .header-top-inner {
    padding: 5px 0;
}

header.sticky .mainsearch {
    padding: 5px 0;
}

.basket-box-btn {
    transition: all 0.4s;
}

header.sticky .basket-box-btn {
    margin: 5px 0 5px var(--space-40);
}

/*header-top*/
.header-top {
    background-color: #fff;
}

.header-top-inner {
    display: flex;
    align-items: center;
    padding: 10px 0;
    justify-content: space-between;
    color: var(--color-primary);
    gap: var(--space-40)
}

.header-top-left,
.header-top-right {
    display: flex;
    align-items: center;
}

.header-top-right {
    gap: var(--space-25);
    justify-content: flex-end;
}

/*user-nav*/
.user-nav {
    display: flex;
    align-items: center;
}

.user-nav li + li {
    margin-left: var(--space-25);
    padding-left: var(--space-25);
}

.user-nav-item .caption {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 500;
}

.user-nav-item {
    transition: all 0.4s;
}

.user-nav-item-inner {
    display: flex;
    align-items: center;

}

.user-nav-item:hover {
    color: var(--color-secondary);
}

/*header-bottom*/
.header-bottom {
    background-color: var(--color-primary);
}


.logo {
    float: left;
}

.logo a {
    display: block;
}

.logo a img {
    display: block;
    float: left;
}

#main-menu ul {
    font-size: 0;
    display: flex;
    overflow: hidden;
    justify-content: space-between;

}

#main-menu li {
    position: relative;
    display: inline-flex;
    font-size: 1rem;
    max-width: 300px;
    width: 100%;
}

#main-menu li:last-child > a {
    width: unset;
    padding-right: 0;
    max-width: 250px;
}

#main-menu li:first-child {
    max-width: 250px;
}

#main-menu li:last-child {
    justify-content: flex-end;
    max-width: 250px;
}

#main-menu li:first-child > a {
    width: unset;
    padding-left: 0;
    max-width: 250px;
}

#main-menu li + li:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 1px;
    height: 10px;
    background-color: #fff;
    opacity: 0.2;

}

#main-menu li > a {
    min-height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 10px;
    max-width: 300px;
    width: 100%;
    color: #fff;
    transition: all 0.4s;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 300;
}

#main-menu li.active > a,
#main-menu li > a:hover {
    color: var(--color-secondary);
}

#main-menu li > ul {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
}

#main-menu li > ul > li > ul {
    top: 0;
    left: 100%;
}

#main-menu li:hover > ul {
    display: block;
}

.main-menu-button {
    float: right;
    width: 40px;
    margin: 18px 0 18px var(--container-padding);
    border: none;
    background: transparent;
}

.main-menu-button.animIcon--hamburger.active span {
    background-color: red;
}

/*category menu */
.category-toggle {
    display: flex;
    align-items: center;
    transition: all 0.4s;
    cursor: pointer;
}

.category-toggle:hover {
    color: var(--color-secondary);
}

.category-toggle .caption {
    white-space: nowrap;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 500;
}

.category-menu-content .category-menu-list .cat-name {
    margin-top: 0;
    flex-grow: 1;
    text-align: center;
    width: 100%;
    justify-content: center;
}

.category-menu-content .category-menu-list .category-item {
    width: 20%;
    aspect-ratio: unset;
}

.category-menu-list .category-item-inner {
    flex-direction: row;
    justify-content: flex-start;
}

.category-menu-list {
    display: flex;
    flex-wrap: wrap;
    margin: var(--space-25) calc(-1 * 15px);
}

.category-menu.active .category-menu-content {
    pointer-events: initial;
    opacity: 1;
}

.category-menu-content {
    position: fixed;
    left: 0;
    right: 0;
    top: 140px;
    background-color: #fff;
    pointer-events: none;
    opacity: 0;
    transition: all 0.4s;
    -webkit-box-shadow: -9px -4px 24px 6px rgb(19, 50, 72);
    -moz-box-shadow: -9px -4px 24px 6px rgb(19, 50, 72);
    box-shadow: -9px -4px 24px 6px rgb(19, 50, 72);
}

.mainsearch.rwdPanel {
    display: block;
}

.mainsearch {
    float: left;
    position: relative;
    width: 330px;
    max-width: 100%;
    /*margin: 0 auto;*/
}

.mainsearch-search {
    display: flex;
    align-items: stretch;
}

.mainsearch .form-element-container {
    flex-grow: 1;
}

.mainsearch input.form-control {
    border-radius: 20px 0 0 20px;
    display: block;
    height: 40px !important;
    min-height: 40px !important;
    padding: 5px 15px;
    border: none;
    box-shadow: none;
    color: var(--color-primary);
    background-color: rgba(19, 50, 72, 0.1);

}

.filter-grid .form-control,
.filter-grid .form-element {
    min-height: 46px;
}

.mainsearch input.form-control::placeholder {
    color: var(--color-primary);
    font-size: 14px;
    text-transform: lowercase;
    font-weight: 400;
    letter-spacing: 1px;
}

.mainsearch-submit {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    padding: 6px;
    margin-left: -20px;
    color: var(--color-primary);
    background-color: var(--color-secondary);
    border-radius: 20px;
    border: none;
    z-index: 10;
}

.mainsearch .alert-block,
.mainsearch .form-control-feedback {
    display: none;
}

/**
 * FOOTER
 */
footer {
    background-color: var(--color-primary);
    background-image: url("../images/footer-bg.png");
    background-size: cover;
    background-position: center right;
    background-repeat: no-repeat;
    color: #fff;
    min-height: 600px;
    padding-top: var(--space-60);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.footer-logo img {
    display: block;
    max-width: 100%;
}

/* FOOTER-COLS  */
.footer-cols {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding-bottom: var(--space-40);
}

.footer-col-title {
    font-family: "Inter", sans-serif;
    font-size: 18px;
    font-weight: 700;
    text-align: left;
    margin-top: 20px;
    margin-bottom: var(--space-50);
}

.footer-col-content ul li + li {
    margin-top: 12px;
}

.pad-wrapper {
    display: flex;
}

.pad-item {
    padding: 0 5px;
}

.contact-wrapper {
    display: flex;
    flex-direction: column;
    margin-top: var(--space-60);
}

.contact-item {
    display: flex;
    align-items: center;
    margin: 5px 0;
}

.contact-item .icon-wrapper {
    width: 40px;
    height: 40px;
    margin-right: 20px;
    background-color: var(--color-secondary);
    color: var(--color-primary);
    border-radius: 50%;
}

.footer-col-3 .footer-col-content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.footer-col-content .contact-item .caption {
    transition: all 0.4s;
}

.footer-col-content .contact-item:hover .caption {
    color: var(--color-secondary);
}

/* FOOTER text */
.footer-text {
    border-top: 1px solid rgba(255, 255, 255, 0.3);
    padding: var(--space-50) 0;
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: 0.7px;
    margin-top: var(--space-50);
}

.footer-text .text {
    color: #fff !important;
}

/* FOOTER BAR */
.footer-bar {
    padding: 10px 0;
    line-height: 30px;
    letter-spacing: 0.05em;
    font-weight: 300;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.5);
    background-color: #001b2f;
}

.footer-col-content ul li a {
    font-size: 14px;
    font-weight: 400;
    transition: all 0.4s;
}

.footer-col-content ul li a:hover {
    color: var(--color-secondary);
}

.footer-bar-content::after {
    content: "";
    display: table;
    clear: both;
}

.footer-bar-content > * {
    float: left;
}

.footer-bar-content > *:not(:last-child) {
    margin-right: 15px;
    padding-right: 15px;
}

.footer-bar-links:before {
    content: '';
    height: 14px;
    width: 1px;
    position: absolute;
    right: 2px;
    top: 50%;
    transform: translateY(-50%);
    background: #fff;
}

.footer-bar-links {
    margin-left: -8px;
    font-size: 0;
    text-transform: uppercase;
    position: relative;
}

.footer-bar-links > li {
    display: inline-block;
    vertical-align: middle;
    margin: 3px 8px;
    font-size: 14px;
    line-height: 24px;
}

.footer-bar-links a:hover {
    color: #fff;
}

.footer-bar-links a {
    color: inherit;
    transition: all 0.4s;
}

.copyright-undicom a img {
    opacity: 0.5;
}

.copyright-undicom {
    float: right;
    font-family: inherit;
    font-weight: inherit;
    font-size: inherit;
    letter-spacing: inherit;
    line-height: inherit;
    color: inherit;
}

/**
 * FORM
 */
form.form {
    /* padding: 15px 0; */
}

/* INPUTY */
.form-control,
.form .form-control {
    box-shadow: none;
    border-radius: 0;
    min-height: 46px;
}


/* TEXTAREA */
.form textarea.form-control:not([rows]) {
    /* height: 130px; */
}

/* KLAUZULE I ZGODY */
.form .before-consent-row,
.form .after-consent-row,
.form .consent-row label,
.form .consent-all {
    /* font-size: 12px; */
}

.form .alert-block .error,
.form .consent-row .error {
    /* font-size: 12px; */
    /* letter-spacing: 0; */
    color: #ff1a15 !important;
}

/* CAPTCHA */
.form .captcha-image-wrapper,
.form .form-group-sm .captcha-image-wrapper,
.form .form-group-lg .captcha-image-wrapper {
    border-radius: 0;
    box-shadow: none;
}

/* KOLOR GWIAZDKI WYMAGANEGO POLA */
.form .form-required-mark {
    /* color: #a94442; */
}

.form-element-select .form-control-feedback,
.form-element-country .glyphicon {
    display: none;
}

.select2-container .select2-selection--multiple,
.select2-container .select2-selection--single {
    padding: 0;
    height: 44px;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered,
.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 42px;
    padding-left: 20px;
    padding-right: 40px;
    font-size: 12px;
    text-transform: lowercase;
}

.select2-container--default .select2-selection--multiple .select2-selection__arrow > b,
.select2-container--default .select2-selection--single .select2-selection__arrow > b {
    display: none;
}

.select2-container--default .select2-selection--multiple .select2-selection__arrow:before,
.select2-container--default .select2-selection--single .select2-selection__arrow:before {
    content: '\f107';
    border: none;
    font-family: 'FontAwesome', sans-serif;
    font-size: 20px;
}

.form-element-multiselectCheckbox .select2-container--default .select2-selection--multiple:after {
    content: '\f107';
    border: none;
    font-family: 'FontAwesome', sans-serif;
    font-size: 20px;
    right: 24px;
    transform: translateY(-50%);
    margin-top: -12px;
}

.select2-container--default .select2-selection--multiple .select2-selection__arrow,
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 42px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.4s;
}

.select2-container--default.select2-container--open .select2-selection--multiple .select2-selection__arrow,
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow {
    transform: rotate(180deg);
}

.contact-form-wrapper .before-consent-row .text,
.contact-form-wrapper .after-consent-row .text {
    color: #fff;
}

/**
 * MAP POINTS
 */

.map-point .custom-map-wrapper {
    position: relative;
}

.map-point .custom-map-wrapper .point {
    position: absolute;
    width: 28px;
    height: 40px;
    background: transparent url('../images/marker.png') no-repeat scroll center center;
    cursor: pointer;
    -webkit-transform: translate3d(-50%, -50%, 0);
    -moz-transform: translate3d(-50%, -50%, 0);
    -ms-transform: translate3d(-50%, -50%, 0);
    -o-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
}

.map-point #marker-cloud-wrapper {
    position: absolute;
    top: 20px;
    left: 20px;
    width: 10%;
    height: 10%;
    background: red;
}

.map-point #marker-cloud-wrapper .popover {
    top: 0 !important;
    left: 0 !important;
    display: block;
    margin: 0;
    width: 300px;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    text-shadow: none;
}

.map-point #marker-cloud-wrapper .popover .arrow {
    display: none !important;
}

/**
 * BREADCRUMB
 */

.breadcrumb-container {
    margin: 30px 0;
}

.breadcrumb {
    padding: 0;
    margin: 0;
    text-align: left;
    border-radius: 0;
    background-color: transparent;
}

.breadcrumb > li {
    position: relative;
    display: inline;
    color: var(--color-primary);
}

.breadcrumb > li > a {
    font-size: 12px;
    transition: color 0.4s;
}

.breadcrumb > li > a:hover {
    color: var(--color-secondary);
}

.breadcrumb > li > a:not([href]),
.breadcrumb > li > a:not(:hover) {
    color: inherit;
}

.breadcrumb > li + li:before {
    content: '>';
    font-size: 12px;
    padding: 0 15px;
    color: inherit;
}

/**
 * ANIMATABLE ICON
 */

.animIcon {
    position: relative;
    display: inline-block;
    width: 32px;
    padding: 0 !important;
}

.animIcon::before {
    content: "";
    display: block;
    padding-bottom: 100%;
}

.animIcon span {
    position: absolute;
    left: 0;
    right: 0;
    display: block;
    height: 2px;
    width: 100%;
    background-color: #ed1d22;
    transition: all .4s ease;
}

/* Close */
.animIcon.animIcon--close span {
    top: 50%;
    margin-top: -1px;
    transform-origin: center;
}

.animIcon.animIcon--close span:nth-child(1) {
    transform: rotateZ(45deg);
    -webkit-transform: rotateZ(45deg);
    -ms-transform: rotateZ(45deg);
}

.animIcon.animIcon--close span:nth-child(2) {
    transform: rotateZ(-45deg);
    -webkit-transform: rotateZ(-45deg);
    -ms-transform: rotateZ(-45deg);
}

/* Hamburger -> Close */
.animIcon.animIcon--hamburger span {
    top: 0;
    left: 0;
    transform-origin: left center;
}

.animIcon.animIcon--hamburger span:nth-child(1) {
    margin-top: 20%;
}

.animIcon.animIcon--hamburger span:nth-child(2) {
    margin-top: 50%;
}

.animIcon.animIcon--hamburger span:nth-child(3) {
    margin-top: 80%;
}

.animIcon.animIcon--hamburger.active span:nth-child(1) {
    margin-top: 15%;
    margin-left: 15%;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

.animIcon.animIcon--hamburger.active span:nth-child(2) {
    opacity: 0;
    margin-top: 70%;
}

.animIcon.animIcon--hamburger.active span:nth-child(3) {
    margin-top: 85%;
    margin-left: 15%;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

/**
*SLIDER
 */
.slick-list,
.slick-track {
    display: flex;
    width: 100%;
    height: 100%;
}

/**
* LOGOTYPES SLIDER
 */
.logotypes {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    height: 156px;
    padding: 28px 0;
}

.logotypes .logotypes-title {
    float: left;
    padding-right: 30px;
    font-size: 22px;
    line-height: 100px;
    vertical-align: middle;
}

.logotypes-slider-container {
    height: 100px;
}

.logotype-slider {
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    -moz-transform: translate3d(0, -50%, 0);
    -ms-transform: translate3d(0, -50%, 0);
    -o-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
}

.slick-initialized .logotype {
    float: none;
    display: inline-block;
    vertical-align: middle;
    padding: 4px;
}

.logotype img {
    max-height: 100px;
    max-width: 100%;
    margin: 0 auto;
}

/**
 * SOCIALS
 */
.social-list > ul {
    margin: -5px;
    font-size: 0;
}

.social-list > ul > li {
    display: inline-block;
    vertical-align: middle;
    padding: 5px;
    text-align: center;
    font-size: 1rem;
}

.social-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    border: 1px solid #f0f;
}

.social-icon svg {
    fill: currentColor;
}

.social-icon img {
    display: block;
}

.social-icon .fa {
    font-size: 20px;
}

/**
 * LANGUAGES MENU
 */
.langs-menu {
    position: relative;
    float: right;
    margin: 0 15px;
    transition-duration: 0.4s;
    transition-property: background-color, opacity;
    z-index: 1001;
}

.langs-menu ul {
    overflow: hidden;
    position: absolute;
    top: 100%;
    width: 100%;
    background-color: #fff;
    transition: all 0.3s;
}

.langs-menu li {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.langs-menu.active,
.langs-menu.active ul {
    opacity: 1;
}

.langs-menu a {
    color: inherit;
    text-decoration: none;
    border-left: 1px solid rgba(0, 0, 0, 0.1);
    border-right: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.langs-menu-icon {
    display: inline-block;
    vertical-align: middle;
    line-height: 0;
    margin-right: 8px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.lang {
    display: flex;
    align-items: center;
    height: 40px;
    padding: 5px 12px;
    font-size: 0;
    transition-duration: 0.3s;
    transition-property: background-color, color;
}

.lang span {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    text-transform: uppercase;
}

.lang .langs-menu-long {
    display: none;
}

.lang-button {
    cursor: pointer;
    position: relative;
    border: 1px solid rgba(0, 0, 0, 0.1);
    background-color: #fff;
}

.lang-button .arrow {
    display: inline-block;
    vertical-align: middle;
    top: 50%;
    right: 0;
    width: 12px;
    height: 12px;
    margin-left: 10px;
    font-size: 18px;
    line-height: 12px;
    transition-duration: 0.3s;
    transition-property: transform, -webkit-transform, -ms-transform;
}

.langs-menu-icon img {
    max-width: 100%;
}

@media screen and (min-width: 1140px) {
    a.lang:hover,
    a.lang:focus {
        color: #fff;
        background-color: #f0f;
    }

    .langs-menu:not(.langs-menu--list):not(:hover):not(:focus):not(:focus-within) ul {
        pointer-events: none;
        opacity: 0;
        transform: translateY(-5px);
        -webkit-transform: translateY(-5px);
        -ms-transform: translateY(-5px);
    }

    .langs-menu:focus-within .lang-button .arrow,
    .langs-menu:hover .lang-button .arrow,
    .langs-menu:focus .lang-button .arrow {
        transform: rotateZ(180deg);
        -webkit-transform: rotateZ(180deg);
        -ms-transform: rotateZ(180deg);
    }
}

.flag-icon {
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
}

.langs-menu--list .lang-button,
.langs-menu--list .langs-menu-short {
    display: none;
}

.langs-menu.langs-menu--list ul {
    position: static;
    opacity: 1;
    display: flex;
    align-items: center;
    border: none;
    background: none;
}

.langs-menu.langs-menu--list li {
    margin: 4px 10px;
    border: none;
}

.langs-menu.langs-menu--list a {
    height: auto;
    padding: 5px;
    border: none;
}

.langs-menu--list .lang {
    background: none;
}

.langs-menu--list .langs-menu-icon {
    margin: 0;
}

/**
 * ARTICLE
 */
.article {
    overflow: hidden;
}

.article-content::after {
    content: "";
    display: table;
    clear: both;
}

.aboutUs-article .article-image {
    shape-outside: polygon(0% 100%, 65% 100%, 65% 45%, 150% 45%, 150% 0%, 0% 0%);
    shape-image-threshold: .9;
    shape-margin: 10px;
    position: relative;
    z-index: 10;
    display: inline-block;
    vertical-align: top;
    float: left;
    max-width: unset !important;
    margin-right: 50px;
    margin-bottom: 20px;
}

.article-image {
    position: relative;
    z-index: 10;
    display: inline-block;
    float: left;
    max-width: 50%;
    margin-right: 50px;
    margin-bottom: 20px;
}

.article-image img {
    max-width: 100%;
    display: block;
    pointer-events: none;
}

.article-subtitle {
    padding-bottom: 30px;
    color: #2b475b;
    font-family: Inter;
    font-size: 26px;
    font-weight: 700;
    text-align: left;
}

.aboutUs-article .article-subtitle {
    padding-top: calc((4 * var(--space-50)) + 15px);
}

.article-date {
    font-weight: bold;
}

.article-text {
    margin-bottom: 30px;
}

/**
 * PAGINATION
 */
.pagination-wrapper ul li:not(.next,.prev) a {
    color: var(--color-primary);
}

.pagination-wrapper ul li.active a {
    color: var(--color-secondary);
}

@media screen and (min-width: 1140px) {
    .pagination-wrapper ul li a:hover {
        color: var(--color-secondary);
    }
}

/**
 * GALLERY
 */

.gallery-list {
    margin: -5px;
    font-size: 0;
}

.gallery-list-item {
    display: inline-block;
    vertical-align: top;
    width: 25%;
    padding: 5px;
}

.gallery-picture {
    position: relative;
    display: block;
    width: 100%;
    font-size: 0;
}

.gallery-picture > img {
    display: block;
    max-width: 100%;
}

.gallery-picture-hover {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    font-size: 20px;
    color: #fff;
    background-color: rgba(19, 50, 72, 0.8);
    transition: opacity 0.3s;
}

.gallery-picture-hover > * {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    text-align: center;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}

.gallery-picture-hover .btn {
    max-width: 120px;
    margin: 0 auto;
}

@media screen and (min-width: 1140px) {
    .gallery-picture:hover .gallery-picture-hover {
        opacity: 1;
    }
}

/**
**
INDEX
**
**/
/*slider*/
.mainSlider {
    display: flex;
}

.mainSlider-slide {
    flex-shrink: 0;
    width: 100%;
    position: relative;
}

.mainSlider-content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: var(--color-primary);
}

.mainSlider-title {
    font-family: "Inter", sans-serif;
    font-size: calc(var(--font-24) + var(--font-48));
    font-weight: 700;
    text-align: left;
}

.mainSlider-teaser {
    font-family: "Inter", sans-serif;
    font-size: 30px;
    font-weight: 300;
    text-align: left;
    margin-bottom: var(--space-40);
}

/*category-list*/
.categories-list {
    display: flex;
    flex-wrap: wrap;
    margin: -15px;
}

.category-item:not(.item-wide) {
    width: 14.28%;
    padding: 15px;
    aspect-ratio: 1;
}

.category-item-inner {
    background-color: #eff2f1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 15px 30px 20px 30px;
    transition: all 0.4s;
}

.category-item-inner:hover {
    background-color: #fff;
    box-shadow: 10px 17px 61px 5px rgba(0, 0, 0, 0.15);
}

.category-item .cat-name {
    min-height: 51px;
    color: var(--color-primary);
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
    text-align: center;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    margin-top: var(--space-25);
}

.category-item .cat-image img {
    display: block;
    max-width: 100%;
    max-height: 100%;
}

.category-item .cat-image {
    width: 80px;
    height: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.category-item.item-wide {
    padding: 15px;
}

.category-item.item-wide .category-item-inner {
    background-color: var(--color-primary);
    position: relative;
    overflow: hidden;
    height: 100%;
}

.category-item.item-wide .cat-wide-image img {
    display: block;
    max-width: 100%;
    filter: grayscale(1);
}

.category-item.item-wide .cat-wide-image {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0.4;
    display: flex;
    justify-content: center;
    align-items: center;
}

.cat-wide-content {
    position: relative;
    display: flex;
    align-items: center;
}

.cat-wide-logo {
    min-width: 200px;
}

.cat-wide-logo img {
    display: block;
    max-width: 100%;
}

.cat-wide-text {
    color: #ffffff;
    font-family: "Inter", sans-serif;
    font-size: var(--font-48);
    font-weight: 700;
    text-align: center;
    margin-left: calc(var(--space-50) * 2);
}

.category-item.item-wide.no-text .cat-wide-text {
    display: none;
}

.categories-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: var(--space-60);
}

.categories-heading .heading-left {
    display: flex;
    align-items: center;
}

.categories-heading .heading-left h2 {
    color: var(--color-primary);
    font-family: "Inter", sans-serif;
    font-size: 30px;
    font-weight: 700;
    padding-right: calc(2 * var(--space-50));
}

.categories-heading .heading-left .caption {
    color: var(--color-primary);
    font-family: "Inter", sans-serif;
    font-size: 18px;
    font-weight: 400;
    text-align: left;
    text-transform: uppercase;
}

/*section about-us main*/
.section-aboutUs {
    background-color: #eff2f1;
    padding: var(--space-60) 0;
}

.section-aboutUs .container {
    margin-left: 0;
    padding-left: 0;
}

.section-aboutUs-inner {
    display: flex;
    align-items: flex-end;
}

.section-image {
    width: 90%;
    height: 100%;
    float: left;
    /* top: 0; */
    shape-outside: polygon(0% 100%, 65% 100%, 65% 45%, 150% 45%, 150% 0%, 0% 0%);
    /* position: absolute; */
}

.section-image img {
    display: block;
    max-width: 100%;
}

.section-aboutUs-inner .section-text-wrapper {
    /* margin-left: -450px; */
    /* width: 33%; */
    /* margin-top: 250px; */
    /* padding-top: 50%; */
}

.section-aboutUs-inner .section-text-wrapper .text {
    margin-top: var(--space-50);
    text-align: justify;
}

.section-aboutUs-inner .section-text-wrapper .section-title {
    color: #2b475b;
    font-family: "Inter", sans-serif;
    font-size: 30px;
    font-weight: 700;
}

/**
**
ABOUT-US
**
**/

.section-banner {
    background: url("../images/banner-bg.png") no-repeat right center;
    padding: calc(2 * var(--space-60)) 0;
    margin-top: var(--space-40);
    background-size: cover;
}

.section-banner-inner {
    color: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-family: "Inter", sans-serif;
}

.banner-title {
    font-family: inherit;
    font-size: var(--font-72);
    font-weight: 700;
    text-align: left;
    max-width: 500px;
}

.banner-description {
    color: #fff;
    max-width: 500px;
    font-family: "Inter", sans-serif;
    font-size: var(--font-24);
    font-weight: 300;
    line-height: 40px;
    text-align: left;
}

.banner-btn .btn {
    min-width: 260px;
    justify-content: space-between;
}

.section-icons {
    font-family: "Inter", sans-serif;
    padding: var(--space-50) 0;
}

.icons-title {
    margin: var(--space-25) 0 var(--space-50) 0;
    color: var(--color-primary);
    font-size: calc(var(--font-24) + 6px);
    font-weight: 700;
    text-align: center;
}

.icons-collection {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: var(--space-50) 0 var(--space-25) 0;

}

.icons-item {
    width: 25%;
    color: var(--color-primary);
    display: flex;
    align-items: center;
}

.icons-item svg {
    width: 100px;
    height: 100px;
}

.icons-item svg *,
.icons-item svg {
    fill: var(--color-primary);
}

.icons-item .icon-name {
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
    text-align: left;
    letter-spacing: 0.9px;
}

.icons-item .icon-text {
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
    text-align: left;
    letter-spacing: 0.9px;

}

/**
**
CONTACT
**
**/
.section-contact-banner {
    background: url("../images/contact-collection-bg.png") no-repeat center center;
    color: #fff;
    padding: var(--space-60) 0;
    background-size: cover;
}

.contact-banner-inner {
    display: flex;
    justify-content: space-around;
}

.contact-banner-item {
    display: flex;
    align-items: center;
    flex-direction: column;
}

.contact-banner-item .icon svg *,
.contact-banner-item .icon svg {
    fill: var(--color-secondary)
}

.contact-banner-item .icon {
    color: var(--color-secondary);
    width: 80px;
    height: 80px;
}

.contact-banner-item .name {
    font-family: "Inter", sans-serif;
    font-size: calc(var(--font-24) + 6px);
    font-weight: 200;
    text-align: center;
    margin-top: 20px;
}

.contact-banner-item .caption {
    padding-top: var(--space-40);
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
    font-family: "Inter", sans-serif;
    text-align: center;
}

.collection-title {
    padding: var(--space-50) 0 calc(var(--space-25) + 10px) 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    color: var(--color-primary);
    font-family: "Inter", sans-serif;
    font-size: var(--font-24);
    font-weight: 700;
    text-align: center;
    margin-bottom: var(--space-50);
}

.collection-items {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 15px;
    color: var(--color-primary);
}

.collection-item {
    width: 20%;
}

.collection-item * {
    line-height: 24px;
}

.collection-item .name {
    font-weight: 700;
}

.collection-item .contact-wrapper {
    margin-top: calc(var(--space-40) + 5px)
}

.collection-contact-item {
    display: flex;
    align-items: center;
    margin-left: -8px;
    transition: all 0.4s;
}

.collection-contact-item:hover {
    color: var(--color-secondary);
}

.contact-form-wrapper {
    margin-top: var(--space-50);
    padding: var(--space-60) 0;
    color: #fff;
    background: url("../images/contact-bg.png") no-repeat center center;
    background-size: cover;
}

.contact-form-wrapper .form-element-name {
    color: var(--color-secondary);
}

.form-top-text {
    font-family: "Inter", sans-serif;
    font-size: var(--font-24);
    font-weight: 200;
    line-height: 36px;
    text-align: center;
    max-width: 870px;
    margin: 0 auto;
    padding-bottom: var(--space-60);
}

.contact-form-wrapper .before-consent-row {
    margin-top: var(--space-25);

}

.contact-form-wrapper .consent-row label {
    color: #fff;
}

.contact-form-wrapper .consent-all {
    color: var(--color-secondary);
}

.map-wrapper iframe {
    display: block;
    max-width: 100%;
}

/**
**
FAQ
**
**/
.faq-list:only-child {
    margin-bottom: var(--space-50);
}

.faq-title {
    color: var(--color-primary);
    font-family: "Inter", sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 36px;
    text-align: left;
    max-width: 850px;
    margin-right: 10px;
}

.faq-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: var(--space-25) var(--space-40);
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.file-item .doc-type {
    display: flex;
    text-transform: uppercase;
}

.file-item .doc-type span {
    text-transform: none;
    margin-right: 5px;
}

.faq-item:last-child {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.section-files {
    margin: -5px -5px 10px -5px;
    display: flex;
    flex-wrap: wrap;
    padding-bottom: var(--space-60);
    padding-top: var(--space-50);
}

.file-item {
    padding: 5px;
    width: 50%;
}

.file-item-inner {
    min-height: 146px;
    background-color: #e7eaec;
    display: flex;
    align-items: center;
    padding: 10px var(--space-50) 10px var(--space-25);
    color: var(--color-primary);
    border: 1px solid #e7eaec;
    transition: all 0.4s;
    justify-content: space-between;
    height: 100%;
}

.file-item-inner:hover {
    background-color: #fff;
}

.file-item .icon-pdf {
    width: 70px;
    height: 70px;
    flex-shrink: 0;

}

.file-item .btn-download {
    border-radius: 50%;
    background-color: var(--color-primary);
    width: 50px;
    height: 50px;
    flex-shrink: 0;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.4s;
}

.file-item .left-wrapper {
    display: flex;
    align-items: center;
}

.file-item .name {
    padding-left: var(--space-60);
    color: var(--color-primary);
    font-size: 16px;
    line-height: 30px;
    text-align: left;
    max-width: 400px;
}

.file-item-inner:hover .btn-download {
    background-color: var(--color-secondary);
    color: var(--color-primary);
}

.back-to-list-row {
    padding: var(--space-50) 0;
    margin: var(--space-25) 0;
}

/**
**
Product list
**
**/
.page-list-aside {
    display: flex;
}

.page-asided-content {
    width: calc(100% - 350px);
}

.shop-product-list {
    margin: -18px;
}

.asidedPage-content .shop-product-list {
    margin-top: 28px;
}

.product-list {
    display: flex;
    flex-wrap: wrap;
}

/**
aside
**/
.aside {
    width: 350px;
    padding-right: var(--space-50);
    margin-bottom: var(--space-40);
}

@media screen and (min-width: 1140px) {
    .aside-button,
    .aside-close {
        display: none;
    }
}

.menuList-toggle.active .fa {
    transform: rotate(180deg);
}

.menuList-title {
    color: var(--color-primary);
    font-family: "Inter", sans-serif;
    font-size: 18px;
    font-weight: 700;
    text-align: left;
    padding-bottom: var(--space-25);
}

.menuList ul > li > div > button {
    width: 50px;
    height: 40px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background-color: transparent;
    border-radius: 0;
    border: none;
    color: var(--color-primary);
}

.menuList ul > li > div {
    display: flex;
    align-items: center;
    height: 40px;
    justify-content: space-between;
    position: relative;
}

.menuList > ul > li > div {
    height: 50px;
}

.menuList > ul > li:last-child {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.menuList > ul > li:first-child,
.menuList > ul > li + li {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

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


.menuList ul > li > div > a {
    width: calc(100% - 50px);
    display: inline-flex;
    align-items: center;
    color: var(--color-primary);
}

.menuList > ul > li > div > a {
    padding-left: 20px;

}

.menuList > ul > li > ul > li > ul > li > ul,
.menuList > ul > li > ul > li > ul,
.menuList > ul > li > ul {
    display: none;
}

.menuList > ul > li.active > div {
    background-color: var(--color-primary);
}

.menuList > ul > li.active > div > button,
.menuList > ul > li.active > div > a {
    color: var(--color-secondary);
}

.menuList > ul > li.active > ul {
    background-color: rgba(19, 50, 72, 0.05);
    padding: 10px 0;
    display: block;
}

.menuList > ul > li.active > ul > li > div:before {
    /*content: "•";*/
    display: block;
    position: absolute;
    color: var(--color-primary);
    top: 50%;
    left: calc(var(--space-25) - 3px);
    transform: translateY(-50%);
}

.menuList > ul > li > ul > li > div {
    padding-left: calc(var(--space-25) + 5px);
}

.menuList > ul > li > ul > li.active > ul > li.active > div,
.menuList > ul > li > ul > li.active > div {
    background-color: var(--color-secondary);
}

.menuList > ul > li.active > ul > li > ul {
    background-color: rgba(19, 50, 72, 0.1);
}

.menuList > ul > li > ul > li > ul > li > div {
    padding-left: calc(var(--space-50) + 5px);
}

.menuList > ul > li > ul > li > ul > li > ul > li > div {
    padding-left: calc(var(--space-50) + var(--space-25));
}

.filtersList {
    margin-top: var(--space-60);
}

/**
product-tile
**/
.page-list-aside .shop-product-box {
    width: 25%;
}

.shop-product-box {
    width: 20%;
    padding: 18px;
    height: unset;
}

.slick-list .shop-product-box {
    flex-grow: 1;
}

.product-container {
    border: 1px solid rgba(0, 0, 0, 0.1);
    background-color: #ffffff;
    border-radius: 5px;
    transition: all 0.4s;
    position: relative;
    height: 100%;
    display: flex;
    padding: calc(var(--space-25) + 5px);
    flex-direction: column;
}

.product-container:hover {
    box-shadow: 10px 17px 61px 5px rgba(0, 0, 0, 0.15);
    border-color: transparent;
}

.product-image img {
    display: block;
    max-width: 100%;
}

.product-top {
    position: relative;
    flex-grow: 1;
}

.product-labels {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.product-label {
    display: inline-block;
    padding: 8px 10px;
    font-family: Inter;
    font-size: 10px;
    font-weight: 700;
    text-align: left;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.product-name {
    color: var(--color-primary);
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    text-align: center;
    margin-top: 15px;
}

.product-middle {
    margin-bottom: var(--space-25);
}

.product-middle:last-child {
    margin-bottom: var(--space-60);
}

.product-container .color-item-list-wrapper {
    position: relative;
    display: block;
    width: 100%;
    margin-bottom: var(--space-25);
    justify-content: center;
}

.product-bottom {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: row-reverse;
}

.shop-add-to-basket .btn .icon {
    margin-left: 0;
}

.shop-add-to-basket .btn:hover {
    background-color: var(--color-primary);
    border-color: var(--color-primary);
    color: #fff;
}

.shop-add-to-basket .btn {
    justify-content: space-between;
}

.shop-product-box .shop-add-to-basket .btn {
    width: 40px;
    height: 40px;
    border-radius: 50%;
}

.product-bottom .price-box .price-net,
.product-bottom .price-box .price-gross {
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: wrap-reverse;
    gap: 0 10px;
}

.product-bottom .price-box .price-net .price,
.product-bottom .price-box .price-gross .price {
    color: #0f1321;
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 700;
    text-align: right;
}

.product-bottom .price-box .price-net .caption,
.product-bottom .price-box .price-gross .caption {
    color: #0f1321;
    font-family: Inter;
    font-size: 12px;
    font-weight: 400;
    text-align: right;
    letter-spacing: 0.6px;
    display: block;
    width: 100%;
}

.product-bottom .price-box .price-net .price.price-old,
.product-bottom .price-box .price-gross .price.price-old {
    font-size: 14px;
    font-weight: 400;
    text-align: right;
    text-decoration: line-through;
}

/**
**
Product view
**
**/

/**
Product photo
**/
.product-photo .product-slider {
    border: 1px solid rgba(53, 55, 59, 0.2);
    aspect-ratio: 1;
    border-radius: 5px;
    overflow: hidden;
}

.product-page-wrapper {
    display: flex;
}

.product-page-right {
    width: 60%;
}

.product-page-left {
    width: 40%;
    padding-right: var(--space-60);
    margin-bottom: var(--space-60);
}

.product-photo .product-slide {
    display: flex;
    justify-content: center;
    align-items: center;
    aspect-ratio: 1;
}

.product-photo .product-nav-slider .product-slide {
    padding: 0 6px;

}

.product-photo .product-nav-slider .product-slide img {
    display: block;
    max-width: 100%;
}

.product-photo .product-nav-slider .product-slide-inside {
    border: 1px solid rgba(53, 55, 59, 0.2);
    border-radius: 5px;
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 100%;
    padding: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.product-photo .product-nav-slider .product-slide-inside::before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 2px solid var(--color-primary);
    border-radius: 5px;
    opacity: 0;
    transition: all 0.3s;
}

.product-photo .product-nav-slider .product-slide-inside:hover::before {
    opacity: 1;
}

.product-photo .product-nav-slider {
    margin: 12px -6px 0;
}

.product-photo-inner {
    margin-bottom: 10px;
    position: relative;
}

.product-photo .product-slider-arrows {
    position: absolute;
    bottom: 20px;
    right: 20px;
}

.product-title {
    color: var(--color-primary);
    font-family: "Inter", sans-serif;
    font-size: 30px;
    font-weight: 700;
    text-align: left;
    text-transform: uppercase;
}

.product-heading {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding-bottom: 15px;
    margin-bottom: calc(var(--space-25) + 5px);
}

.product-heading .product-labels {
    justify-content: flex-start;
}

.product-param {
    display: flex;
    padding-bottom: 15px;
}

.product-param .name {
    width: 35%;
    color: var(--color-primary);
    font-family: "Inter", sans-serif;
    font-size: 15px;
    font-weight: 800;
}

.product-param .value {
    width: 65%;
    color: var(--color-primary);
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    max-width: 400px;
}

.section-b2b-login {
    margin-top: calc(var(--space-25) + 5px);
    background-color: #e7eaec;
    padding: var(--space-50) var(--space-40);
    position: relative;
    border-radius: 5px;
    overflow: hidden;
}

.b2b-title {
    color: var(--color-primary);
    font-family: "Inter", sans-serif;
    font-size: 18px;
    font-weight: 800;
    max-width: 420px;
    margin-bottom: var(--space-40);
    position: relative;
}

.b2b-image {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
}

.b2b-image img {
    display: block;
    max-height: 100%;
    height: 100%;
    object-fit: cover;
}

.user_b2b {
    position: relative;
}

.user-nav.user_b2b li + li {
    margin-left: 10px;
    padding-left: 0;
}

.product-section .section-title {
    color: var(--color-primary);
    font-family: "Inter", sans-serif;
    font-size: 15px;
    font-weight: 800;
}

.product-section .section-text {
    padding-top: var(--space-40);
    /* Style for "Lorem ipsu" */
    color: var(--color-primary);
    font-family: Inter;
    font-size: 14px;
    font-weight: 400;
    line-height: 30px;
}

.product-section {
    margin: calc(var(--space-25) + 5px) 0;
}

.product-page-right .back-to-list-row {
    padding: 0;
    margin: var(--space-50);
}

.shop-product .product-slider-wrapper {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    padding-top: calc(var(--space-60) + 10px);
    padding-bottom: var(--space-50);
    margin-bottom: var(--space-25);
}

.shop-product-slider-heading {
    justify-content: space-between;
    /*padding-bottom: var(--space-40);*/
    position: relative;
    z-index: 1;
}

.shop-product-slider-heading h2 {
    color: var(--color-primary);
    font-family: Inter;
    font-size: 30px;
    font-weight: 700;
}

.shop-product-slider-heading .heading-left,
.shop-product-slider-heading .heading-right,
.shop-product-slider-heading {
    display: flex;
    align-items: center;
}

.shop-product-slider-heading .heading-right > .section-heading-arrows .btn.prev {
    margin-left: var(--space-50);
}

.shop-product-slider-heading .heading-left .heading-links {
    margin-left: calc(2 * var(--space-50));
}

.shop-product-slider-heading .heading-left .heading-links a + a {
    margin-left: var(--space-40);
}

.shop-product-slider-heading .heading-left .heading-links a {
    color: var(--color-primary);
    font-family: "Inter", sans-serif;
    font-size: 18px;
    font-weight: 400;
    text-align: left;
    text-transform: uppercase;
}

.shop-product-slider-heading .heading-left .heading-links a:hover,
.shop-product-slider-heading .heading-left .heading-links a.active {
    font-weight: 700;
}

.shop-product-slider .slick-track {
    padding: var(--space-40) 0;
}

/**
**
user panel view
**
**/
.userpanel-heading {
    width: 100%;
    display: flex;
    justify-content: flex-end;
}

.userpanel-heading-inner {
    width: calc(100% - 350px);
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-bottom: var(--space-60);
}

.userpanel-title {
    color: var(--color-primary);
    font-family: "Inter", sans-serif;
    font-size: 30px;
    font-weight: 700;
    text-align: center;
}

.userpanel-teaser {
    max-width: 632px;
    color: var(--color-primary);
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 30px;
    text-align: center;
    margin-top: var(--space-40);
}

.userpanel-container .login-box {
    background-color: #e7eaec;
    padding: 30px 0;
    border-radius: 6px;
}

.sidebar-sides {
    display: flex;
    flex-wrap: wrap;
}

.sidebar-sides .sidebar-side-left {
    background-color: transparent;
}

.sidebar-sides .sidebar-side-left h3 {
    color: var(--color-primary);
    padding: 12px 0 12px 0;
    font-size: 18px;
}

.sidebar-sides .submenu ul li {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.sidebar-sides .submenu > ul > li > a {
    color: var(--color-primary) !important;
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 700;
    text-align: left;
    text-transform: uppercase;
    padding: 11px 20px;
}

.sidebar-sides .submenu > ul > li.active > a,
.sidebar-sides .submenu > ul > li > a:hover {
    background: var(--color-primary);
    color: var(--color-secondary) !important;
    text-decoration: none;
}

.userpanel-container .login-box .form-element-name {
    color: var(--color-primary);
    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-weight: 700;
    text-align: left;
    margin-bottom: 10px;
}

.userpanel-container .register-box {
    margin-left: calc(2 * var(--space-50));
}

.register-page .login-box > .panel {
    margin-right: var(--space-50);
}

.register-page .register-box {
    margin-left: 0;
}

.login-register-wrapper {
    position: relative;
    margin: 0;
    padding-left: 30px;
}

.login-register-wrapper .register-box,
.login-register-wrapper .login-box {
    background-color: transparent;
    padding: 0 0 var(--space-50) 0;
}

.login-register-wrapper .login-box .panel-heading {
    padding-left: 0 !important;
}

.login-register-wrapper .login-box .panel-heading,
.login-register-wrapper .register-box .panel-heading,
.login-register-wrapper .register-box .panel,
.login-register-wrapper .login-box .panel {
    border: none;
    background-color: transparent;
}

.login-register-wrapper .register-box .panel-heading .title-small,
.login-register-wrapper .login-box .panel-heading .title-small {
    color: var(--color-primary);
    font-family: "Inter", sans-serif;
    font-size: 30px;
    font-weight: 700;
    text-align: left;
    line-height: 1;
    padding: 15px 12px 15px 0 !important;
    background-color: transparent;
}

.userpanel-container .login-box .panel .panel-body,
.login-register-wrapper .login-box > .panel > .panel-body {
    background-color: #e7eaec;
    border-radius: 6px;
    padding: 30px 15px;
}

.btn-row {
    width: 100%;
}

.login-box .collection-row-wrapper .panel-body {
    padding: 0;
}

.login-register-wrapper .register-box .panel-heading {
    padding-left: 0;
}

.login-register-wrapper .register-box .panel-body {
    border-radius: 6px;
    background-color: var(--color-primary);
    position: relative;

}

.login-register-wrapper .register-box .panel-body:before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: '';
    display: block;
    filter: grayscale(1);
    background-image: url("../images/register-bg.png");
    background-size: cover;
    background-repeat: no-repeat;
    pointer-events: none;
}

.login-register-wrapper .login-box .panel-body .form-offset,
.login-register-wrapper .register-box .panel-body .form-offset {
    padding: 15px;

}

.login-register-wrapper .register-box .panel-body .form-offset .text {
    color: #fff;
}

.login-register-wrapper .register-box .panel-body .form-offset .text ul {
    margin-top: var(--space-25);
}

.login-register-wrapper .register-box .panel-body .form-offset .text h2 {
    font-family: "Inter", sans-serif;
    font-size: 30px;
    font-weight: 800;
}

.login-register-wrapper .register-box .panel-body .form-offset .text ul > li {
    padding: 5px 0;
}

.login-register-wrapper .register-box .panel-body .form-offset .text ul > li::before {
    content: "\f00c";
    font-family: FontAwesome, sans-serif;
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;
    left: -20px;
    margin-left: -35px;
    line-height: 1em;
    font-weight: 100;
    font-size: 14px;
    color: var(--color-primary);
    border-radius: 50%;
    background-color: var(--color-secondary);
}

.abs-guy {
    position: absolute;
    bottom: -40px;
    right: -140px;
    z-index: 1;
}

.d-flex {
    display: flex;
}

.f-center {
    align-items: center;
}

.d-flex-column-sb {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
}

.login-page-top .icon-item svg *,
.login-page-top .icon-item svg {
    fill: var(--color-primary);
}

.login-page-top .icon-item svg {
    width: 100px;
    height: 100px;
}

.login-page-top .icon-item {
    display: flex;
    align-items: center;
    max-width: 350px;
    color: var(--color-primary);
}

.login-page-top .icon-item .content {
    margin-left: var(--space-40);
    max-width: 170px;
}

.login-page-top .icons-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--space-25) 0;
    flex-wrap: wrap;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

/*.login-page-top {*/
/*margin-top: 10px;*/
/*padding-top: var(--space-60);*/
/*}*/

.login-forgotPassword a {
    color: #ff0000;
    text-decoration: none;
}

.rwdPanel .category-menu {
    display: none;
}

.rwdPanel .basket-box {
    float: none;
    padding-left: 5px;
}

.mainSlider-image {
    width: 100%;
    height: 36.6666vw;
}

.mainSlider-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.mainSlider-wrapper {
    position: relative;
}

.main-slider-dots-container {
    position: absolute;
    right: calc(var(--space-50) * 3);
    bottom: calc(var(--space-50) * 3);
}

.main-slider-dots-container .slick-dots {
    display: flex;
}

.main-slider-dots-container .slick-dots li button {
    width: 46px;
    height: 46px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    color: #282828;
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.7px;
    -webkit-transition: background-color .2s linear;
    -moz-transition: background-color .2s linear;
    -ms-transition: background-color .2s linear;
    -o-transition: background-color .2s linear;
    transition: background-color .2s linear;
}

.main-slider-dots-container .slick-dots li + li {
    margin-left: var(--space-25);
}

.main-slider-dots-container .slick-dots li button:before {
    content: '0';
}

.main-slider-dots-container .slick-dots li.slick-active button {
    background-color: #ffdd00;
}

@media screen and (min-width: 1140px) {
    .main-slider-dots-container .slick-dots li button:hover {
        background-color: #ffdd00;
    }
}

/*fixes*/
.section-related-inner {
    margin: -18px;
    padding-top: 20px;
    display: flex;
    overflow: hidden;
}

.section-related .shop-product-box {
    flex-shrink: 0;
    padding: 36px 18px 80px 18px;
}

.filter-form-title {
    color: var(--color-primary);
    text-transform: uppercase;
    font-weight: 400;
    font-size: 14px;
    margin-bottom: 10px;
    display: block;
    margin-top: 10px;
}

.shop-filter-form .form-group {
    margin-bottom: var(--space-25);
}

.shop-filter-form .form-element-name,
.shop-sort .form-element-text {
    color: var(--color-primary);
    text-transform: uppercase;
    font-weight: 400;
    font-size: 14px;
    margin-bottom: 10px;
    display: block;
}

.shop-sort .form-element {
    margin-bottom: var(--space-25);
}

.shop-sort .form-element-container {
    width: 100%;
}

.btn-rest-wrapper {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    width: 100%;
    height: 50px;
    margin-bottom: var(--space-25);
}

.filter-form-buttons {
    width: 100%;
}

.filter-form-buttons .btn-filter {
    width: 100%;
}

.register-box .panel-heading {
    padding: 12px 15px 12px 0;
}

.register-box-btn-row {
    width: 100%;
    text-align: left;
}

.register-box-btn-row .btn {
    position: relative;
}

.sidebar-side-right .login-box {
    padding-top: 0;
    width: 100%;
}

.sidebar-side-right .login-box .panel-heading .title-small {
    padding: 0 !important;
}

.text-wrapper-inner {
    padding-top: 20%;
    padding-left: 70%;
}

.basket-box .caption .caption-value {
    font-size: 12px;
}

ul.slick-dots {
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 64px;
    text-align: right;
    max-width: 1700px;
    padding: 0 var(--container-padding);
}

ul.slick-dots li {
    display: inline-block;
    margin: 0 15px;
    transition: all 0.2s;
}

ul.slick-dots li span {
    display: flex;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    font-weight: normal;
    font-size: 16px;
    width: 55px;
    height: 55px;
    line-height: 53px;
    background: rgba(255, 255, 255, 0.5);
    color: #000;
    border: 1px solid transparent;
}

ul.slick-dots li.slick-active span {
    background: var(--color-secondary);
    color: #000;
    border-color: var(--color-secondary);
    cursor: pointer;
}

ul.slick-dots li:hover span {
    background: var(--color-secondary);
    color: #000;
    border-color: var(--color-secondary);
    cursor: pointer;
}

.footer-address {
    margin-top: calc(var(--space-40) * 2);
}

.form-teaser {
    display: flex;
    justify-content: center;
    color: #fff;
    font-size: var(--font-24);
    font-weight: 200;
    text-align: center;
    max-width: 950px;
    margin: 0 auto var(--space-50) auto !important;
}

.form button.captcha-refresh {
    border-radius: 0 !important;
}

.pagination-wrapper ul li a, .pagination-wrapper ul li span {
    font-weight: 600;
}

.filter-form-toggle {
    display: none;
}

.form-control.form-range .valueTo:before {
    top: 5px;
}

.form-control.form-range .col {
    margin-top: 0;
}

.form-control.form-range {
    height: unset;
    margin-bottom: 0;
    padding: 0;
}

.form-range .range-row {
    display: none;
}

.shop-filter-form.form .checkboxradio-container label {
    margin-bottom: 4px;
}

.shop-filter-form .icheckbox_minimal-custom,
.shop-filter-form .iradio_minimal-custom {
    transform: scale(0.8);
}

.btn.btn-link.btn-rest-filters .caption {
    margin-right: var(--space-25);
}

.btn.btn-link.btn-rest-filters {
    color: var(--color-primary);
    text-transform: none;
    font-weight: 400;
    text-decoration: underline;
}

.pagination-wrapper ul li.next a, .pagination-wrapper ul li.prev a {
    border-radius: 50%;
}

.text-more-inner {
    margin-top: 10px;
    display: none; /* Initially hidden */
}

.btn-text-more,
.btn-text-less {
    cursor: pointer;
    border: none;
    border-radius: 4px;
    display: inline-block;
    background: transparent;
    color: #db3333;
    text-decoration: underline;
}

.btn-text-more:hover, .btn-text-less:hover {
    color: var(--color-primary);
}

.form-control-feedback {
    display: none !important;
}

.shop-add-to-basket {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: var(--space-40);
}

.shop-discountGroup .shop-sort .form {
    max-width: 320px;
    width: 320px;
}

.shop-discountGroup .shop-sort {
    display: flex;
    align-items: center;
}

.basket-view .form .summary-box .checkboxradio-container label {
    display: inline-flex;
    /*align-items: flex-start;*/
    align-items: center;
    flex-wrap: wrap;
}

.basket-view .form .summary-box .checkboxradio-container label .form-element-option-text {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    color: var(--color-primary);
}

.form .checkboxradio-container {
    padding-right: 0;
}

.form .checkboxradio-container .row {
    display: flex;
    flex-wrap: wrap;
}

.section-banner .text a:hover {
    color: var(--color-secondary);
}

.section-banner .text a {
    color: #fff;
}

.asidedPage-content .text {
    margin-top: var(--space-40);
}

.form-element-option-text .shop-method-teaser {
    margin-top: 0;
}

.asidedPage-aside-section .valueFrom .from,
.asidedPage-aside-section .valueTo .to {
    max-height: 132px;
    border-radius: 6px !important;
    min-height: 46px;
}

.rwdTabs-header {
    padding: 15px;
    display: flex;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.rwdTab-toggle.active {
    color: var(--color-secondary);
}

.rwdTab-toggle {
    background: transparent;
    border: none;
    color: var(--color-primary);
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 0.7px;
    padding: 0;
    width: 50%;
    text-align: left;
    position: relative;
}

.category-menu-list.cloneMenu .category-menu-list .category-item-inner {
    padding: 0;
}

.category-menu-list.cloneMenu {
    margin-top: 0;
}

.category-menu-list.cloneMenu .category-item .cat-name {
    margin-top: 0;
    margin-left: 10px;
}

.category-menu-list.cloneMenu .category-item {
    width: 100%;
    aspect-ratio: unset;
    padding: 1px 10px;
}

.modal-header button.close:hover {
    color: var(--color-secondary);
}

.shop-product-offer-box .shop-add-to-basket .btn:hover {
    background: var(--color-secondary);
    border-color: var(--color-secondary);
    color: var(--color-primary);
}

.basket-view .confirmation-box .text {
    color: var(--color-primary);
}

.userpanel-container .filter-grid .form-elements > .row > div:last-child {
    width: 100% !important;
}

.modal-header .close:hover {
    background: #000;
    color: #fff !important;
}

.modal-header .close {
    border-radius: 50%;
    width: 36px;
    height: 36px;
    border: 1px solid #fff;
    color: #000;
    background: #fff;
    line-height: 0.1;
    margin-top: -18px !important;
}

.form .before-consent-row .text,
.form .after-consent-row .text,
.form .consent-row .text label,
.form .consent-all {
    color: #000;
}

.basket-box .top-box {
    top: calc(100% + 10px);
}

.user-nav .top-box {
    top: calc(100% + 24px);
}

.top-box .login-form .forgot-password a:hover {
    color: var(--color-secondary);
}

.top-box .login-form .forgot-password,
.top-box .login-form .form-element-name {
    color: var(--color-primary);
}

.update-password-form-container .panel-body,
.update-email-form-container .panel-body {
    padding: 30px !important;
}

.variants-table-section {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding-top: var(--space-25);
    padding-bottom: var(--space-25);
    /*margin-bottom: calc(var(--space-25) + 5px);*/
}

.variants-table-section .section-title {
    font-size: 20px;
    font-weight: 700;
}

.variants-table-section .section-heading {
    display: flex;
    justify-content: space-between;
    gap: 10px;

}

.shop-produt-size-table-open {
    color: var(--color-primary);
    font-weight: 700;
    font-size: 16px;
    text-decoration: underline;
}

.variants-table-section .text table thead td {
    border: none;
    background-color: #e6eaed;
    color: var(--color-primary);
    font-weight: 600;
}

.variants-table-section .text table td {
    background-color: #fff;
}

.input-counter .qty-down {
    top: 0;
    border-radius: 23px 0 0 23px;
    border-right: none;
    width: 36px;
    color: var(--color-primary);
    font-weight: 700;
}

.input-counter .qty-up {
    top: 0;
    border-radius: 0 23px 23px 0;
    border-left: none;
    width: 36px;
    color: var(--color-primary);
    font-weight: 700;
}

.input-counter .input-qty {
    color: var(--color-primary);
    font-weight: 700;
}

.input-counter {
    padding: 0;
    width: 110px;
    border-radius: 23px;
    overflow: hidden;
}

.modal-body .shop-product-offer-box .text table tbody td:first-child .caption,
.variants-table-section .text table tbody td:first-child .caption {
    aspect-ratio: 1;
    width: 46px;
    background-color: #e6eaed;
    border-radius: 23px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 46px;
}

.shop-product-variant-table-row td .caption {
    text-align: center;
}

.variants-table-section .text table tbody tr:hover td:first-child:before {
    opacity: 1;
}

.variants-table-section .text table tbody tr td:first-child:before {
    content: '';
    position: absolute;
    inset: 0px;
    width: 100%;
    height: 100%;
    border: 3px solid var(--color-primary);
    opacity: 0;
    pointer-events: none;
    transition: all 0.4s;
}

.variants-table-section .text table tr {
    position: relative;
}

.variants-table-section .text table td {
    border-left: none;
    border-right: none;
    border-top: none;
    padding: 12px 5px;
}

.variants-table-section.no-border {
    border-bottom: none;
    padding-bottom: 0;
}

.variants-table-section table {
    width: 100%;
    margin-bottom: 0;
}

.multiadd-bar {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    -webkit-transform: translate3d(0, 100%, 0);
    -moz-transform: translate3d(0, 100%, 0);
    -ms-transform: translate3d(0, 100%, 0);
    -o-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    transition: transform 0.5s ease-in-out;
    z-index: 30;
}

.product-page-right .multiadd-bar.show {
    display: flex !important;
    justify-content: center;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.multiadd-bar:before {
    display: block;
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 20px;
    pointer-events: none;
    background: var(--color-primary);
}

.multiadd-wrapper {
    display: flex;
    align-items: center;
    position: relative;
    padding: 15px 20px;
    background: var(--color-primary);
    color: #fff;
    z-index: 10;
    margin: 0 auto;
}

.multiadd-wrapper .multiadd-amount {
    font-weight: bold;
}

.multiadd-text {
    font-size: 15px;
    color: #fefefe;
    font-weight: 400;
    margin-right: calc(var(--space-25) + 5px);
}

.add-variant-to-basket-wrapper .icon {
    margin-left: -4px;
    margin-right: -4px;
}

.section-download {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    /*border-bottom: 1px solid rgba(0, 0, 0, 0.1);*/
    padding-top: var(--space-25);
    /*padding-bottom: var(--space-25);*/
}

.section-download ul li .icon-download .icon {
    width: 38px;
    height: 38px;
}

.section-download ul li a:hover {
    /*border: 2px solid var(--color-secondary);*/
    background-color: var(--color-secondary);
}

.section-download ul li .icon-download {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    height: 46px;
    width: 46px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 2px solid var(--color-primary);
    color: var(--color-primary);
    padding: 5px;
    transition: all 0.4s;
    z-index: 10;
    opacity: 1;
    mask-image: none;
    -webkit-mask-image: none;
}

.section-download ul li div {
    display: flex;
    align-items: center;
    gap: 10px;
}

.section-download ul li a {
    border-radius: 23px;
    background-color: #e7e9eb;
    padding: 3px 20px;
    position: relative;
    display: flex;
    align-items: center;

}

.section-download ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    margin-top: calc(var(--space-25) + 10px);
}

.product-page-right .back-to-list-row {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    margin-left: 0;
    margin-right: 0;
    padding-top: var(--space-50);
    margin-top: 0;
}

/*.userpanel-container .password-reset-info + div{*/

/*    padding-right: ;: var(--space-25);*/
/*}*/
/*.userpanel-container .password-reset-info{*/
/*    padding-left: var(--space-25);*/
/*}*/

.password-reset-info-wrapper .row {
    display: flex;
    flex-direction: row-reverse;
}

.password-reset-info-wrapper .panel {
    border: none;
    border-radius: 0;
}

.password-reset-info-wrapper .login-box .panel-heading h2 {
    background-color: #e7eaec;
}

.password-reset-info-wrapper .login-box .panel-heading {
    background-color: #e7eaec;
    border: none;
    padding: 0 var(--space-60) var(--space-40) var(--space-60);
}

.password-reset-info-wrapper .panel-body {
    border-radius: 0 !important;
    padding: 0 !important;
}

.password-reset-info-wrapper .password-reset-info {
    margin-left: var(--space-60);
}

.product-page-right {
    padding-left: var(--space-60);
}

.product-page-left {
    position: relative;
}

.product-photo {
    position: absolute;
}

.section-heading .shop-produt-size-table-open {
    display: flex;
    align-items: center;
}

.section-heading + .shop-product-offer-box {
    margin-top: 16px;
}

.section-heading .product-link-wrapper:only-child {
    margin-left: auto;
}

.availability-wrapper {
    display: flex;
    gap: 5px;
    align-items: center;
}

.shop-product-offer-box.basket-form-normal .price-box .price:not(.price-old) {
    font-size: var(--font-24);
    font-weight: 700;
}

.basket-view .form-element-option-text {
    color: var(--color-primary);
}

.input-counter input {
    border-radius: 23px;
}

.input-counter {
    overflow: visible;
}

.input-counter .qty-group-up {
    right: -51px;
}

.input-counter .qty-group-down {
    left: -51px;
}

.input-counter .qty-group-up,
.input-counter .qty-group-down {
    border-radius: 23px;
    width: 46px;
    font-size: 14px;
}

.shop-product-size-table.text .qty-input-wrapper {
    /*width: 210px;*/
    display: flex;
    /*justify-content: center;*/
    margin: 0 auto;
}

.shop-product-offer-box .multi-jump-input-wrapper {
    /*width: 210px;*/
    margin-left: 56px;
    margin-right: 56px;
}

.variants-table-section .text table td.table-availability {
    text-align: center;
}

.delivery-data-wrapper .collection-row-wrapper .col-xs-12.hidden-xs,
.invoice-data-wrapper .collection-row-wrapper .col-xs-12.hidden-xs {
    display: none;
}

.invoice-data-wrapper .collection-row-wrapper .col-md-9 {
    width: 20%;

}

.invoice-data-wrapper .collection-row-wrapper .col-md-3 {
    width: 16.66%;

}

.invoice-data-wrapper .collection-row-wrapper .col-md-8 {
    width: 30%;
}

.invoice-data-wrapper .collection-row-wrapper .col-md-2 {
    width: 16.66%;
}

.invoice-data-wrapper .collection-row-wrapper .element-row + .col-md-12 {
    width: 33%;
}

.invoice-data-wrapper .collection-row-wrapper .col-md-12 {
    width: 67%;
}

.delivery-data-wrapper .collection-row-wrapper .col-md-3,
.delivery-data-wrapper .collection-row-wrapper .col-md-9 {
    width: 50%;
}

.delivery-data-wrapper .collection-row-wrapper .col-md-2,
.delivery-data-wrapper .collection-row-wrapper .col-md-8 {
    width: 33%;
}

.delivery-data-wrapper .collection-footer {
    margin-top: 10px;
    text-align: center;
}

.delivery-data-wrapper .btn-sm {
    min-width: unset;
    padding: 0 8px;
}

.delivery-data-wrapper .btn-group > .btn:first-child {
    margin-left: -13px;
}

@media screen and (max-width: 767px) {
    .invoice-data-wrapper .collection-row-wrapper .col-md-9,
    .invoice-data-wrapper .collection-row-wrapper .col-md-3,
    .invoice-data-wrapper .collection-row-wrapper .col-md-2,
    .invoice-data-wrapper .collection-row-wrapper .col-md-8 {
        width: 33.33%;
    }
}

@media screen and (max-width: 560px) {
    .invoice-data-wrapper .collection-row-wrapper .col-md-9,
    .invoice-data-wrapper .collection-row-wrapper .col-md-3,
    .invoice-data-wrapper .collection-row-wrapper .col-md-2,
    .invoice-data-wrapper .collection-row-wrapper .col-md-8 {
        width: 50%;
    }
}

@media screen and (max-width: 480px) {
    .invoice-data-wrapper .collection-row-wrapper .col-md-9,
    .invoice-data-wrapper .collection-row-wrapper .col-md-3,
    .invoice-data-wrapper .collection-row-wrapper .col-md-2,
    .invoice-data-wrapper .collection-row-wrapper .col-md-8 {
        width: 100%;
    }

    .delivery-data-wrapper .collection-row-wrapper .col-md-9,
    .delivery-data-wrapper .collection-row-wrapper .col-md-3,
    .delivery-data-wrapper .collection-row-wrapper .col-md-2,
    .delivery-data-wrapper .collection-row-wrapper .col-md-8 {
        width: 100%;
    }
}

.order-form .panel-heading .title-small .btn-select-delivery {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 10px;
    width: 130px !important;
}

.order-form .panel-heading .title-small {
    position: relative;
}

.product-photo img {
    display: block;
    max-width: 100%;
}

.modal-body .shop-product-offer-box .text table {
    margin: 0;
    width: 100%;
    white-space: nowrap;
}

@media (min-width: 768px) {
    .modal-dialog {
        width: 720px;
    }
}

.btn.btn-circle {
    width: 46px;
    height: 46px;
    flex-shrink: 0;
}

.btn.btn-circle .icon {
    margin: 0;
    width: 100%;
    height: 100%;
}

.btn.btn-circle .btn-icon {
    width: 100%;
    height: 100%;
}

.modal-body .shop-product-size-table.text {
    overflow: auto;
    text-align: center;
}

.modal-body .shop-product-size-table.text .qty-input-wrapper {
    justify-content: center;
}

.product-slide-inside {
    display: block;
    width: 100%;
    height: 100%;
}

.product-slide-inside > a {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.product-slide-inside > a img {
    display: block;
    max-width: 100%;
    max-height: 100%;
}

.modal-body > table {
    margin: 0 auto;
}

.modal-body > table td,
.modal-body > table th {
    padding: 4px;
}

.product-nav-slider:not(.slick-initialized) {
    display: flex;
}

.product-nav-slider:not(.slick-initialized) .product-slide {
    width: 25%;
    flex-shrink: 0;
}

.product-view-colors-list {
    margin: -5px;
    padding-top: calc(var(--space-25) - 5px);
    display: flex;
    flex-wrap: wrap;
}

.color-item-list {
    display: flex;
    justify-content: center;
}

.color-item {
    padding: 5px;
    width: 33%;
    position: relative;
    border-color: transparent;
}

.product-view-colors-list .color-item {
    width: calc(100% / 5);
}

.color-item::before {
    content: '';
    position: absolute;
    top: 6px;
    right: 6px;
    width: 0;
    height: 0;
    border-top: 20px solid #000;
    border-top-color: inherit;
    border-left: 20px solid transparent;
    z-index: 1;
}

.product-view-colors-list .color-item::before {
    border-top: 18px solid #000;
    border-top-color: inherit;
    border-left: 18px solid transparent;
    top: 6px;
    right: 6px;
}

.color-item-inner {
    display: block;
    position: relative;
    border: 1px solid rgba(80, 62, 43, 0.1);
}

.color-item-inner:before {
    content: '';
    display: block;
    width: 100%;
    padding-top: 100%;
}

.color-item-inner img {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    -moz-transform: translate3d(-50%, -50%, 0);
    -ms-transform: translate3d(-50%, -50%, 0);
    -o-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    max-height: calc(100% - 20px);
    max-width: calc(100% - 20px);
    object-fit: contain;
}

.color-item-inner:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: 2px solid var(--color-primary);
    opacity: 0;
    transition: opacity 0.2s;
    z-index: 2;
}

@media screen and (min-width: 1140px) {
    .color-item-inner:hover:after {
        opacity: 1;
    }

    .color-item-more .color-item-inner {
        cursor: pointer;
    }
}

.color-item-more {
    display: none;
}

.product-item-inner .color-item-more .color-item-content i {
    margin-top: -2px;
}

.product-item-inner .color-item-more .text.color-item-text {
    font-size: 8px;
    line-height: 12px;
}

.product-view-colors-list:not(.active) .color-item:nth-child(n+7):not(.color-item-more) {
    display: none;
}

.color-item-content {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #33302b;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 10px;
}

.text.color-item-text {
    text-transform: uppercase;
    color: #fff;
    line-height: 1.3;
    font-size: 12px;
}

.shop-product-box .color-item-content .fa,
.shop-product-box .color-item-text .color-text-more {
    display: none;
}


.shop-product-box .text.color-item-text {
    margin-top: 0;
    line-height: 1.1;
    font-size: 10px;
}

.shop-product-box .color-item-inner img {
    max-height: calc(100% - 6px);
    max-width: calc(100% - 6px);
}

.color-item-content i {
    color: #fff;
    transition: transform 0.2s;
}

.color-item-content .color-text-less {
    display: none;
}

.color-item-inner.active .color-item-content i {
    -webkit-transform: scaleY(-1);
    -moz-transform: scaleY(-1);
    -ms-transform: scaleY(-1);
    -o-transform: scaleY(-1);
    transform: scaleY(-1);
}

.color-item-inner.active .color-item-content .amount {
    display: none;
}

.color-item-inner.active .color-item-content .color-text-more {
    display: none;
}

.color-item-inner.active .color-item-content .color-text-less {
    display: inline;
}

.product-view-title-small {
    font-size: 16px;
    font-weight: 700;
    color: #35373b;
}

.product-view-colors {
    margin: var(--space-25) 0;
    padding-top: var(--space-25);
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.trader-inner {
    display: flex;
    align-items: center;
    gap: calc(var(--space-25) + 5px);
}

.trader-person {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 12px;
    flex-shrink: 0;
}

.trader-person .caption strong {
    display: block;
    text-transform: uppercase;
}

.trader-person .icon {
    font-size: 20px;
    width: 20px;
}

.trader-links > a {
    display: block;
    font-size: 12px;
    transition: all .2s linear;
}

.trader-logout {
    display: flex;
    align-items: center;
    gap: 10px;
    text-transform: uppercase;
    font-size: 14px;
    transition: all .2s linear;
}

@media screen and (min-width: 1140px) {
    .trader-links > a:hover {
        text-decoration: underline;
    }

    .trader-logout:hover {
        text-decoration: underline;
    }
}

@media screen and (min-width: 1441px) {
    .mainsearch {
        /*margin-left: var(--space-50);*/
    }
}

.trader-inner .user-nav-item-inner {
    gap: 10px;
}

.trader-inner .user-nav-item-inner .icon {
    width: 20px;
}

.rwdMenu .trader-inner {
    justify-content: center;
    padding: 10px var(--container-padding);
    gap: var(--space-25) var(--space-60);
    flex-wrap: wrap;
}

.color-item-list.color-item-list--slider {
    justify-content: flex-start;
    overflow: hidden;
}

.color-item-list.color-item-list--slider .color-item {
    flex-shrink: 0;
}

/*.color-item-list.color-item-list--slider .*/

.color-item-list-arrows {
    position: absolute;
    left: calc(-0.5 * (var(--space-25) + 5px) - 3px);
    right: calc(-0.5 * (var(--space-25) + 5px) - 3px);
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: space-between;
    pointer-events: none;
    z-index: 2;
    transition: all .2s linear;
}


.btn-color-arrow {
    width: 11px;
    padding: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    border: none;
    pointer-events: initial;
    transition: all .2s linear;
    font-size: 26px;
}

@media screen and (min-width: 1140px) {
    .shop-product-box .product-container:hover .color-item-list-arrows {
        opacity: 1;
    }

    .btn-color-arrow:hover {
        color: var(--color-secondary);
    }
}

.btn-color-arrow.slick-disabled {
    opacity: 0;
}

.contact-form-wrapper .form .before-consent-row .text,
.contact-form-wrapper .form .after-consent-row .text,
.contact-form-wrapper .form .consent-row .text label,
.contact-form-wrapper .form .consent-all {
    color: #fff;
}

.shop-product-offer-box .availability-notification {
    margin-top: var(--space-25);
}

.shop-product-offer-box .price-box .caption {
    font-size: 14px;
    margin-bottom: 5px;
}

.product-top-info {
    font-size: 14px;
}

.product-top-info + .product-top-info {
    margin-top: 5px;
}

.product-top-info-wrapper {
    margin: var(--space-25) 0;
}

.variants-table-section .text table td.table-availability[colspan] {
    text-align: left;
}

.modal-body .shop-product-offer-box .text table td .btn-shop-variant-no-available,
.variants-table-section .text table td .btn-shop-variant-no-available {
    width: 44px;
    height: 44px;
    padding: 5px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.modal-body .shop-product-offer-box .text table td .btn-shop-variant-no-available .icon,
.variants-table-section .text table td .btn-shop-variant-no-available .icon {
    width: 100%;
    height: 100%;
    margin: 0;
}

.modal-body .shop-product-offer-box .text table td.table-availability {
    text-align: left;
}

.shop-product-variant-table-row .caption > .price-box {
    vertical-align: middle;
}

.color-item-bg-rotator::before {
    content: '';
    display: block;
    height: 1px;
    background-color: rgba(0, 0, 0, 0.8);
    position: absolute;
    left: -37px;
    /* right: 0; */
    width: 70px;
    bottom: 20px;
    transform: rotate(45deg);
}

.color-item-bg-rotator {
    width: 33.33%;
    clip-path: polygon(0 0, 100% 100%, 100% 0);
    border: 1px solid #000;
    position: absolute;
    top: 0;
    right: 0;
}

.color-item-bg-wrapper {
    /*clip-path: polygon(0 0, 100% 100%, 100% 0);*/
    transform: rotate(
            45deg);
    margin-top: -10px;
    margin-right: -10px;
    /* border: 1px solid #000; */
    /* margin: 0 auto; */
    aspect-ratio: 1;
    display: flex;
    align-items: center;
}

.color-item-bg {
    width: 33.33%;
    flex-grow: 1;
    height: 100%;
}

.shop-product-variant-table-row .price-box {
    line-height: 18px;
}

.modal .text table td,
.variants-table-section .text table td {
    vertical-align: middle;
}



.switch
{
    display: inline-flex;
    line-height: 28px;
}


.cmn-toggle
{
    position: absolute;
    margin-left: -9999px;
    visibility: hidden;
}

.cmn-toggle + label
{
    display: block;
    position: relative;
    cursor: pointer;
    outline: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

input.cmn-toggle-round-flat + label
{
    padding: 2px;
    width: 75px;
    height: 30px;
    background-color: #dddddd;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    -ms-border-radius: 60px;
    -o-border-radius: 60px;
    border-radius: 60px;
    -webkit-transition: background 0.4s;
    -moz-transition: background 0.4s;
    -o-transition: background 0.4s;
    transition: background 0.4s;
    margin: 0 10px;
}

input.cmn-toggle-round-flat + label:before, input.cmn-toggle-round-flat + label:after
{
    display: block;
    position: absolute;
    content: "";
}

input.cmn-toggle-round-flat + label:before
{
    top: 2px;
    left: 2px;
    bottom: 2px;
    right: 2px;
    background-color: #fff;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    -ms-border-radius: 60px;
    -o-border-radius: 60px;
    border-radius: 60px;
    -webkit-transition: background 0.4s;
    -moz-transition: background 0.4s;
    -o-transition: background 0.4s;
    transition: background 0.4s;
}

input.cmn-toggle-round-flat + label:after
{
    top: 4px;
    left: 4px;
    bottom: 4px;
    width: 22px;
    background-color: #dddddd;
    -webkit-border-radius: 52px;
    -moz-border-radius: 52px;
    -ms-border-radius: 52px;
    -o-border-radius: 52px;
    border-radius: 52px;
    -webkit-transition: margin 0.4s, background 0.4s;
    -moz-transition: margin 0.4s, background 0.4s;
    -o-transition: margin 0.4s, background 0.4s;
    transition: margin 0.4s, background 0.4s;
}

input.cmn-toggle-round-flat:checked + label
{
    background-color: var(--color-primary);
}

input.cmn-toggle-round-flat:checked + label:after
{
    margin-left: 45px;
    background-color: var(--color-primary);
}

.shop-product-size-table .price-gross {
    display: none;
}
.shop-product-size-table.showGross .price-gross {
    display: block;
}
.shop-product-size-table.showGross .price-net {
    display: none;
}


.shop-product-price-switch .price-gross {
    display: none;
}
.shop-product-price-switch.showGross .price-gross {
    display: block;
}
.shop-product-price-switch.showGross .price-net {
    display: none;
}

#price-list-form {
    max-width: 290px;
}

.breadcrumb-container > .btn {
    margin-top: 10px;
}

.breadcrumb-modal-body .select2-container--default .select2-selection--single .select2-selection__arrow {
    width: 40px;
}

.breadcrumb-select-text {
    margin-top: 15px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    line-height: 20px;
    font-size: 13px;
    gap: 10px;
}

.breadcrumb-select-text > span:not(.caption) {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 20px;
    width: 36px;
    height: 36px;
    border-radius: 8px;
    flex-shrink: 0;
    background-color: var(--color-primary);
    transition: .2s all;
}

.breadcrumb-select-text > span:not(.caption) svg g > g:first-child path {
    stroke: var(--color-secondary);
}

.breadcrumb-select-text > span:not(.caption) svg g > g:last-child path {
    stroke: #fff;
}

.modal-content {
    overflow: visible;
}

.product-lastOrder i{
    font-size: 16px;
    margin-right: 8px;
}

.product-lastOrder{
    font-size: 14px;
    font-family: "Inter", sans-serif;
    font-weight: 400;
    line-height: 20px;
    text-align: center;
}

.shop-product-box .product-lastOrder{
    margin-top: 10px;
}

.product-page-wrapper .product-lastOrder{
    padding-top: var(--space-25);
    padding-bottom: var(--space-25);
    margin-top: 15px;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    text-align: left;
}

 .shop-store-btn {
    border: 0;
    padding: 0;
    min-width: initial;
    background: transparent !important;
    position: absolute;
     top: -23px;
     left: -10px;
}

.product-photo .shop-store-btn{
    top: 15px;
    left: 30px;
    z-index: 1;
}


 .shop-store-btn .icon{
    width: initial;
    height: initial;
}

 .shop-store-btn .icon svg {
    width: 25px;
    height: 25px;
    transition: fill 0.3s;
}

 .shop-store-btn.active .icon svg{
    fill: var(--color-primary);
}

.favorite-header a .icon svg{
    transition: fill 0.3s;
}

@media screen and (min-width: 1140px){
     .shop-store-btn:hover .icon svg{
        fill: var(--color-primary);
    }

    .favorite-header a:hover .icon svg{
        fill: var(--color-primary);
    }
}

.favorite-header a .icon{
    width: initial;
    height: initial;
}

.favorite-header a .icon svg{
    width: 23px;
    height: 23px;
}

.basket-view.favorite-view .basket-table td.product-info-box {
    width: 600px;
}

.basket-view.favorite-view .shop-add-to-basket{
    justify-content: center;
}

.modal.favorite .price-box{
    display: none;
}

.modal.favorite .shop-item-count{
    display: none;
}