* {
    box-sizing: border-box
}
* {
    outline: none;
    scrollbar-color: #000000 #fff;
    scrollbar-width: thin;
}
html {
    font-size: 62.5%;
}
body,html {
    font-family: "Roboto", sans-serif;
    position: relative;
    width: 100%;
    max-width: 100vw;
    min-height: 100vh;
    margin: 0;
    background: #fff;
    padding: 0;
    font-weight: 400;
    font-style: normal;
    color: #000;
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}
h1,h2,h3,h4,h5,h6 {
    line-height: 1.1
}

h1,h2,h3,h4,h5,h6,p {
    margin: 0;
    text-overflow: ellipsis
}
h1, h2 {
    font-size: 32px;
    color: var(--black);
    font-weight: 400;
    margin-bottom: 40px;
}
@media (max-width: 767px) {
    h1, h2 {
        font-size: 28px;
        margin-bottom: 32px;
    }
}

ul {
    margin: 0;
    padding: 0
}

li {
    overflow: hidden;
    list-style: none;
    text-overflow: ellipsis
}

a {
    text-decoration: none;
    color: #000000;
}

button, input, textarea, select {
    border: none;
    background: none;
    padding: 0;
    font-family: inherit;
}

input[type=number] {
    -moz-appearance: textfield
}

input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input:focus-visible {
    outline: none;
}

::-webkit-scrollbar {
    width: 1em;
    height: 3em;
}

::-webkit-scrollbar-track {
    margin: 0;
    background-color: #e6e4e4;
    border-radius: 0
}

::-webkit-scrollbar-thumb {
    background-color: #000000;
    border: 2px solid #e6e4e4;
    border-radius: 3rem
}

:root {
    --white: #fffffa;
    --orange: #000000;
    --grace-red: #000000;
    --pigment-red: #000000;
    --sunray: #FF9B9B;
    --gray: #333333;
    --gray-dark: #00232A;
    --gray-light: #A1A4AA;
    --gray-lighter: #F5F5F5;
    --sunray-light: #f3ebeb;
    --black: #000000;
    --transition: all 0.25s ease-in-out;
    --sc-section: polygon(96px .5px, 384.1px .5px, 50% .5px, calc(100% - 384.1px) .5px, calc(100% - 96px) .5px, calc(100% - 96px) .5px, calc(100% - 94.3409px) .5px, calc(100% - 92.7232px) .5px, calc(100% - 91.1463px) .5px, calc(100% - 89.6096px) .5px, calc(100% - 88.1125px) .5px, calc(100% - 86.6544px) .5px, calc(100% - 85.2347px) .5px, calc(100% - 83.8528px) .5px, calc(100% - 82.5081px) .5px, calc(100% - 81.2px) .5px, calc(100% - 81.2px) .5px, calc(100% - 79.925px) .503px, calc(100% - 78.68px) .512px, calc(100% - 77.465px) .527px, calc(100% - 76.28px) .548px, calc(100% - 75.125px) .575px, calc(100% - 74px) .608px, calc(100% - 72.905px) .647px, calc(100% - 71.84px) .692px, calc(100% - 70.805px) .743px, calc(100% - 69.8px) .8px, calc(100% - 69.8px) .8px, calc(100% - 68.8191px) .8601px, calc(100% - 67.8568px) .9208px, calc(100% - 66.9137px) .9827px, calc(100% - 65.9904px) 1.0464px, calc(100% - 65.0875px) 1.1125px, calc(100% - 64.2056px) 1.1816px, calc(100% - 63.3453px) 1.2543px, calc(100% - 62.5072px) 1.3312px, calc(100% - 61.6919px) 1.4129px, calc(100% - 60.9px) 1.5px, calc(100% - 60.9px) 1.5px, calc(100% - 60.1232px) 1.5959px, calc(100% - 59.3536px) 1.7032px, calc(100% - 58.5924px) 1.8213px, calc(100% - 57.8408px) 1.9496px, calc(100% - 57.1px) 2.0875px, calc(100% - 56.3712px) 2.2344px, calc(100% - 55.6556px) 2.3897px, calc(100% - 54.9544px) 2.5528px, calc(100% - 54.2688px) 2.7231px, calc(100% - 53.6px) 2.9px, calc(100% - 53.6px) 2.9px, calc(100% - 51.752px) 3.431px, calc(100% - 49.928px) 4.004px, calc(100% - 48.128px) 4.619px, calc(100% - 46.352px) 5.276px, calc(100% - 44.6px) 5.975px, calc(100% - 42.872px) 6.716px, calc(100% - 41.168px) 7.499px, calc(100% - 39.488px) 8.324px, calc(100% - 37.832px) 9.191px, calc(100% - 36.2px) 10.1px, calc(100% - 36.2px) 10.1px, calc(100% - 34.595px) 11.0509px, calc(100% - 33.02px) 12.0432px, calc(100% - 31.475px) 13.0763px, calc(100% - 29.96px) 14.1496px, calc(100% - 28.475px) 15.2625px, calc(100% - 27.02px) 16.4144px, calc(100% - 25.595px) 17.6047px, calc(100% - 24.2px) 18.8328px, calc(100% - 22.835px) 20.0981px, calc(100% - 21.5px) 21.4px, calc(100% - 21.5px) 21.4px, calc(100% - 20.1981px) 22.735px, calc(100% - 18.9328px) 24.1px, calc(100% - 17.7047px) 25.495px, calc(100% - 16.5144px) 26.92px, calc(100% - 15.3625px) 28.375px, calc(100% - 14.2496px) 29.86px, calc(100% - 13.1763px) 31.375px, calc(100% - 12.1432px) 32.92px, calc(100% - 11.1509px) 34.495px, calc(100% - 10.2px) 36.1px, calc(100% - 10.2px) 36.1px, calc(100% - 9.2883px) 37.732px, calc(100% - 8.4144px) 39.388px, calc(100% - 7.5801px) 41.068px, calc(100% - 6.7872px) 42.772px, calc(100% - 6.0375px) 44.5px, calc(100% - 5.3328px) 46.252px, calc(100% - 4.6749px) 48.028px, calc(100% - 4.0656px) 49.828px, calc(100% - 3.5067px) 51.652px, calc(100% - 3px) 53.5px, calc(100% - 3px) 53.5px, calc(100% - 2.8231px) 54.1904px, calc(100% - 2.6528px) 54.8832px, calc(100% - 2.4897px) 55.5808px, calc(100% - 2.3344px) 56.2856px, calc(100% - 2.1875px) 57px, calc(100% - 2.0496px) 57.7264px, calc(100% - 1.9213px) 58.4672px, calc(100% - 1.8032px) 59.2248px, calc(100% - 1.6959px) 60.0016px, calc(100% - 1.6px) 60.8px, calc(100% - 1.6px) 60.8px, calc(100% - 1.5102px) 61.5892px, calc(100% - 1.4216px) 62.3976px, calc(100% - 1.3354px) 63.2264px, calc(100% - 1.2528px) 64.0768px, calc(100% - 1.175px) 64.95px, calc(100% - 1.1032px) 65.8472px, calc(100% - 1.0386px) 66.7696px, calc(100% - .9824px) 67.7184px, calc(100% - .9358px) 68.6948px, calc(100% - .9px) 69.7px, calc(100% - .9px) 69.7px, calc(100% - .8457px) 70.7022px, calc(100% - .8016px) 71.7296px, calc(100% - .7659px) 72.7834px, calc(100% - .7368px) 73.8648px, calc(100% - .7125px) 74.975px, calc(100% - .6912px) 76.1152px, calc(100% - .6711px) 77.2866px, calc(100% - .6504px) 78.4904px, calc(100% - .6273px) 79.7278px, calc(100% - .6px) 81px, calc(100% - .6px) calc(100% - 15px), calc(100% - .6px) calc(100% - 13.6948px), calc(100% - .6px) calc(100% - 12.3584px), calc(100% - .6px) calc(100% - 10.9896px), calc(100% - .6px) calc(100% - 9.5872px), calc(100% - .6px) calc(100% - 8.15px), calc(100% - .6px) calc(100% - 6.6768px), calc(100% - .6px) calc(100% - 5.1664px), calc(100% - .6px) calc(100% - 3.6176px), calc(100% - .6px) calc(100% - 2.0292px), calc(100% - .6px) calc(100% - .4px), calc(100% - 384.2px) calc(100% - .4px), 50% calc(100% - .4px), 384.1px calc(100% - .4px), .5px calc(100% - .4px), .5px calc(100% - .4px), .5px calc(100% - 2.0292px), .5px calc(100% - 3.6176px), .5px calc(100% - 5.1664px), .5px calc(100% - 6.6768px), .5px calc(100% - 8.15px), .5px calc(100% - 9.5872px), .5px calc(100% - 10.9896px), .5px calc(100% - 12.3584px), .5px calc(100% - 13.6948px), .5px calc(100% - 15px), .5px calc(100% - 15px), .503px calc(100% - 16.2722px), .512px calc(100% - 17.5096px), .527px calc(100% - 18.7134px), .548px calc(100% - 19.8848px), .575px calc(100% - 21.025px), .608px calc(100% - 22.1352px), .647px calc(100% - 23.2166px), .692px calc(100% - 24.2704px), .743px calc(100% - 25.2978px), .8px calc(100% - 26.3px), .8px 69.7px, .8601px 68.7218px, .9208px 67.7664px, .9827px 66.8326px, 1.0464px 65.9192px, 1.1125px 65.025px, 1.1816px 64.1488px, 1.2543px 63.2894px, 1.3312px 62.4456px, 1.4129px 61.6162px, 1.5px 60.8px, 1.5px 60.8px, 1.5959px 60.0259px, 1.7032px 59.2632px, 1.8213px 58.5113px, 1.9496px 57.7696px, 2.0875px 57.0375px, 2.2344px 56.3144px, 2.3897px 55.5997px, 2.5528px 54.8928px, 2.7231px 54.1931px, 2.9px 53.5px, 2.9px 53.5px, 3.431px 51.652px, 4.004px 49.828px, 4.619px 48.028px, 5.276px 46.252px, 5.975px 44.5px, 6.716px 42.772px, 7.499px 41.068px, 8.324px 39.388px, 9.191px 37.732px, 10.1px 36.1px, 10.1px 36.1px, 11.0509px 34.495px, 12.0432px 32.92px, 13.0763px 31.375px, 14.1496px 29.86px, 15.2625px 28.375px, 16.4144px 26.92px, 17.6047px 25.495px, 18.8328px 24.1px, 20.0981px 22.735px, 21.4px 21.4px, 21.4px 21.4px, 22.735px 20.0981px, 24.1px 18.8328px, 25.495px 17.6047px, 26.92px 16.4144px, 28.375px 15.2625px, 29.86px 14.1496px, 31.375px 13.0763px, 32.92px 12.0432px, 34.495px 11.0509px, 36.1px 10.1px, 36.1px 10.1px, 37.732px 9.1883px, 39.388px 8.3144px, 41.068px 7.4801px, 42.772px 6.6872px, 44.5px 5.9375px, 46.252px 5.2328px, 48.028px 4.5749px, 49.828px 3.9656px, 51.652px 3.4067px, 53.5px 2.9px, 53.5px 2.9px, 54.1931px 2.7231px, 54.8928px 2.5528px, 55.5997px 2.3897px, 56.3144px 2.2344px, 57.0375px 2.0875px, 57.7696px 1.9496px, 58.5113px 1.8213px, 59.2632px 1.7032px, 60.0259px 1.5959px, 60.8px 1.5px, 60.8px 1.5px, 61.6162px 1.4102px, 62.4456px 1.3216px, 63.2894px 1.2354px, 64.1488px 1.1528px, 65.025px 1.075px, 65.9192px 1.0032px, 66.8326px .93859999999999px, 67.7664px .88239999999999px, 68.7218px .83579999999999px, 69.7px .79999999999999px, 69.7px .79999999999999px, 70.705px .76999999999999px, 71.74px .73999999999999px, 72.805px .70999999999999px, 73.9px .67999999999999px, 75.025px .64999999999999px, 76.18px .61999999999999px, 77.365px .58999999999999px, 78.58px .55999999999999px, 79.825px .52999999999999px, 81.1px .49999999999999px, 81.1px .49999999999999px, 82.4109px .47569999999999px, 83.7632px .4616px, 85.1563px .4559px, 86.5896px .4568px, 88.0625px .4625px, 89.5744px .4712px, 91.1247px .4811px, 92.7128px .4904px, 94.3381px .4973px, 96px .5px);
}

.img-fluid {
    max-width: 100%;
    height: auto;
}

.icon-catalog {
    display: inline-block;
    vertical-align: middle;
    width: 1.1rem;
    height: 1.1rem;
}

[class^=icon-], [class*=" icon-"] {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    fill: currentColor;
    fill-rule: evenodd;
}
.icon {
    fill: none;
}
.icon-full_wish{
    stroke: #e92f2f;
    fill: #e92f2f;
}
.btn-default{
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 5px;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 25rem;
    height: 4.6rem;
    border: 1px solid var(--black);
    border-radius: 5px;
    color: var(--white);
    background-color: var(--black);
    text-decoration: none;
    transition: border-color 0.25s;
    font-size: 1.5rem;
    font-weight: 700;
    cursor: pointer;
}
.btn-outline{
    color: var(--black);
    background: transparent;
    border: 1px solid var(--black);
}
.btn-outline-white{
    color: var(--white);
    background: transparent;
    border: 1px solid var(--white);
}
.svg-wrapper{
    display: inline-block;
    vertical-align: middle;
    width: 2rem;
    height: 2rem;
}
.btn-default .svg-wrapper{
    position: absolute;
    right: 1.5rem;
    background: var(--black);
    color: var(--white);
    border-radius: 3px;
    top: 1rem;
}
.btn-outline-white .svg-wrapper{
    position: absolute;
    right: 1rem;
    color: var(--black);
    background: var(--white);
    border-radius: 3px;
    top: unset;
}

.btn-outline-white .svg-wrapper svg{
    top: -2px;
}
a.btn{
    padding: 0 5rem 0 3rem;
}
#simplecheckout_button_confirm{
    max-width: 100%;
}
@media (max-width: 767px) {
    .rien_book_service{
        width: 100%;
        max-width: 100%;
        margin-top: 3rem;
    }
    .button.btn.button.ocf-btn.ocf-btn-default{
        height: 4.6rem;
        font-size: 1.5rem;
        border-radius: 5px;
        color: var(--white);
        background-color: var(--black);
    }
    .ocf-btn-mobile-static .ocf-btn .ocf-icon {
        position: relative;
        top: -2px;
        margin-right: 16px;
    }
    .our-services .btn-outline-white{
        width: 100%;
        max-width: 100%;
        margin-top: 3rem;
    }
    .faq .btn-default{
        width: 100%;
        max-width: 100%;
    }
}
/* Table start */
.table {
    --bs-table-bg: transparent;
    --bs-table-accent-bg: transparent;
    --bs-table-striped-color: #212529;
    --bs-table-striped-bg: rgba(0,0,0,0.05);
    --bs-table-active-color: #212529;
    --bs-table-active-bg: rgba(0,0,0,0.1);
    --bs-table-hover-color: #212529;
    --bs-table-hover-bg: rgba(0,0,0,0.075);
    width: 100%;
    color: #212529;
    vertical-align: top;
    border-color: #dee2e6
}

.table>:not(caption)>*>* {
    padding: .5rem;
    background-color: var(--bs-table-bg);
    border-bottom-width: 1px;
    -webkit-box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
    box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg)
}

.table>tbody {
    vertical-align: inherit
}

.table>thead {
    vertical-align: bottom
}

.caption-top {
    caption-side: top
}

.table-sm>:not(caption)>*>* {
    padding: .25rem
}

.table-bordered>:not(caption)>* {
    border-width: 1px 0
}

.table-bordered>:not(caption)>*>* {
    border-width: 0 1px
}

.table-borderless>:not(caption)>*>* {
    border-bottom-width: 0
}

.table-borderless>:not(:first-child) {
    border-top-width: 0
}

.table-striped>tbody>tr:nth-of-type(odd)>* {
    --bs-table-accent-bg: var(--bs-table-striped-bg);
    color: var(--bs-table-striped-color)
}

.table-active {
    --bs-table-accent-bg: var(--bs-table-active-bg);
    color: var(--bs-table-active-color)
}

.table-hover>tbody>tr:hover>* {
    --bs-table-accent-bg: var(--bs-table-hover-bg);
    color: var(--bs-table-hover-color)
}

.table-primary {
    --bs-table-bg: #cfe2ff;
    --bs-table-striped-bg: #c5d7f2;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #bacbe6;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #bfd1ec;
    --bs-table-hover-color: #000;
    color: #000;
    border-color: #bacbe6
}

.table-secondary {
    --bs-table-bg: #e2e3e5;
    --bs-table-striped-bg: #d7d8da;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #cbccce;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #d1d2d4;
    --bs-table-hover-color: #000;
    color: #000;
    border-color: #cbccce
}

.table-success {
    --bs-table-bg: #d1e7dd;
    --bs-table-striped-bg: #c7dbd2;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #bcd0c7;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #c1d6cc;
    --bs-table-hover-color: #000;
    color: #000;
    border-color: #bcd0c7
}

.table-info {
    --bs-table-bg: #cff4fc;
    --bs-table-striped-bg: #c5e8ef;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #badce3;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #bfe2e9;
    --bs-table-hover-color: #000;
    color: #000;
    border-color: #badce3
}

.table-warning {
    --bs-table-bg: #fff3cd;
    --bs-table-striped-bg: #f2e7c3;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #e6dbb9;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #ece1be;
    --bs-table-hover-color: #000;
    color: #000;
    border-color: #e6dbb9
}

.table-danger {
    --bs-table-bg: #f8d7da;
    --bs-table-striped-bg: #eccccf;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #dfc2c4;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #e5c7ca;
    --bs-table-hover-color: #000;
    color: #000;
    border-color: #dfc2c4
}

.table-light {
    --bs-table-bg: #f8f9fa;
    --bs-table-striped-bg: #ecedee;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #dfe0e1;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #e5e6e7;
    --bs-table-hover-color: #000;
    color: #000;
    border-color: #dfe0e1
}

.table-dark {
    --bs-table-bg: #212529;
    --bs-table-striped-bg: #2c3034;
    --bs-table-striped-color: #fff;
    --bs-table-active-bg: #373b3e;
    --bs-table-active-color: #fff;
    --bs-table-hover-bg: #323539;
    --bs-table-hover-color: #fff;
    color: #fff;
    border-color: #373b3e
}

.table-responsive {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
}

@media(max-width: 575.98px) {
    .table-responsive-sm {
        overflow-x:auto;
        -webkit-overflow-scrolling: touch
    }
}

@media(max-width: 767.98px) {
    .table-responsive-md {
        overflow-x:auto;
        -webkit-overflow-scrolling: touch
    }
}

@media(max-width: 991.98px) {
    .table-responsive-lg {
        overflow-x:auto;
        -webkit-overflow-scrolling: touch
    }
}

@media(max-width: 1199.98px) {
    .table-responsive-xl {
        overflow-x:auto;
        -webkit-overflow-scrolling: touch
    }
}

@media(max-width: 1399.98px) {
    .table-responsive-xxl {
        overflow-x:auto;
        -webkit-overflow-scrolling: touch
    }
}
/* Table end*/

/* Header */
.header{
    position: relative;
    z-index: 1000;
}
@media(max-width: 767.98px) {
    .header{
        z-index: 15;
    }
}

.header__desktop{
    padding: 2rem 0;
    justify-content: space-between;
}
.header__desktop,
.header__column,
.header__menu,
.header__search__menu__inner,
.header__search__menu__wrapper{
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    position: relative;
}
.header__search__menu__inner,
.header__column{
    flex-direction: row;
}
.header__column--left{
    flex: 0 0 21rem;
    margin: 0 2rem 0 0;
}
.header__logo img {
    display: block;
    max-height: 100%;
    max-width: 100%;
}
.header__search__menu__wrapper{
    flex-direction: column;
}

.header__search {
    position: relative;
    -ms-flex: 1;
    flex: 1;
    max-width: 100%;
    margin: 0 1rem 1rem 0;
}
.header__search-input {
    display: block;
    width: 100%;
    border: 1px solid var(--black);
    border-radius: 5px;
    padding: 1rem 10rem 1rem 2rem;
    font-size: 1.3rem;
    line-height: 2.4rem;
    font-weight: 400;
    height: 4.6rem;
    color: var(--black);
    transition: background 0.25s, border-color 0.25s;
}
.header__search-btn {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 9rem;
    height: 3.8rem;
    position: absolute;
    top: 50%;
    right: 0.4rem;
    margin: -1.9rem 0 0;
    border-radius: 5px;
    background: var(--black);
    color: #fff;
    font-size: 1.4rem;
    line-height: 1.2;
    font-weight: 500;
    cursor: pointer;
    transition: background 0.25s, color 0.25s;
}


/* Menu */
.header__catalog {
    position: relative;
    z-index: 100;
    -ms-flex: 0 0 210px;
    flex: 0 0 12rem;
    margin: 0 2rem 0 0;
}

.header__catalog-btn {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 1.3rem;
    line-height: 1.2;
    font-weight: 700;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    background: var(--black);
    border: 1px solid var(--black);
    color: var(--white);
    border-radius: 5px;
    padding: 0 1.6rem;
    height: 4.6rem;
    transition: color 0.25s, background 0.25s, border-color 0.25s;
}
.header__catalog-btn svg {
    display: block;
    margin: 0 0.8rem 0 0;
}

.menu-overlay {
    background-color: rgba(35,35,35,.3);
    height: 100%;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: fixed;
    top: 0;
    transition: opacity .1s;
    width: 100%;
    z-index: 999
}

.menu-overlay.is-open {
    opacity: 1;
    pointer-events: all
}

.menu-content {
    background-color: #fff;
    display: flex;
    margin-top: 1rem;
    min-height: 52rem;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    transition: opacity .1s;
    z-index: 1000
}
.menu-content.is-open {
    opacity: 1;
    pointer-events: all
}

.menu-content .menu-link {
    -moz-column-break-inside: avoid;
    align-items: center;
    font-size: 1.5rem;
    line-height: 1.2;
    font-weight: 500;
    break-inside: avoid-column;
    color: #000;
    display: flex;
    justify-content: space-between;
    padding: 1.7rem 1.5rem;
    transition: background-color .1s,color .1s;
    width: 21rem
}

.menu-content .menu-link.is-active .is-new-label:after,.menu-content .menu-link:hover .is-new-label:after {
    background-color: #000000;
    color: #fff
}

.menu-content .menu-link .counter {
    background-color: #f5f5f5;
    border-radius: 5px;
    color: #888;
    font-size: 100%;
    padding: 0 .2rem .1rem
}

.menu-content .menu-link svg {
    height: .9rem;
    width: .8rem;
}

.menu-content .menu-level-one .menu-link {
    position: relative
}

.menu-content .menu-level-one .menu-link:after {
    background-color: #000000;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: opacity .1s;
    width: .2rem;
    z-index: 1
}

.menu-content .menu-level-one .menu-link.is-active,.menu-content .menu-level-one .menu-link:hover {
    background-color: rgb(195 195 195 / 20%);
    color: #353535
}

.menu-content .menu-level-one .menu-link.is-active:after,.menu-content .menu-level-one .menu-link:hover:after {
    opacity: 1
}

.menu-content .menu-level-two {
    border-left: 1px solid #f5f5f5
}

.menu-content .menu-level-two .menu-dropdown {
    -moz-columns: 2;
    column-count: 2;
    -moz-column-fill: auto;
    column-fill: auto;
    -moz-column-gap: 0;
    column-gap: 0;
    -moz-column-rule: 1px solid #f5f5f5;
    column-rule: 1px solid #f5f5f5;
    height: 100%
}

.menu-content .menu-level-two .menu-dropdown.is-one-column {
    -moz-columns: 1;
    column-count: 1
}

.menu-content .menu-level-two .menu-link svg {
    height: .9rem;
    width: .8rem;
}

.menu-content .menu-level-two .menu-link.is-active,.menu-content .menu-level-two .menu-link:hover {
    color: #ccc
}

.menu-content .menu-level-three {
    background-color: #fff;
    border-left: 1px solid #f5f5f5;
    -moz-column-fill: auto;
    -moz-column-rule: 1px solid #f5f5f5;
    -moz-columns: 1;
    column-count: 1;
    column-fill: auto;
    -moz-column-gap: 0;
    column-gap: 0;
    column-rule: 1px solid #f5f5f5;
    height: 100%;
    left: 100%;
    position: absolute;
    top: 0
}

.menu-content .menu-level-three.is-one-column {
    -moz-columns: 1;
    column-count: 1
}

.menu-content .menu-level-three:has(a:nth-child(11)) {
    -moz-columns: 2;
    column-count: 2;
    width: 100%
}

.header_inline__menu {
    -ms-flex: 1;
    flex: 1;
}
.header_inline__menu-menu {
    margin: 0;
    padding: 0;
    list-style: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}
.header_inline__menu-menu  > li {
    margin: 0 1rem 0 0;
    position: relative;
}
.header_inline__menu-btn {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 4.6rem;
    font-size: 1.5rem;
    line-height: 1.2;
    font-weight: 500;
    padding: 0 1.5rem;
    border: 1px solid var(--black);
    border-radius: 5px;
    color: var(--black);
    transition: border-color 0.25s;
    text-decoration: none;
}

/* Mobile menu */
.js-menu-close,
.js-menu-open{
    display: none!important;
}
.mobile-menu {
    background: rgba(34,34,34,.3);
    bottom: 0;
    display: none;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: fixed;
    right: 0;
    top: 0;
    transition: opacity .5s;
    z-index: 3
}

@media screen and (max-width: 1023px) {
    .js-menu-close,
    .js-menu-open{
        display: flex!important;
    }
    .mobile-menu {
        display:flex
    }

    .mobile-menu.is-opened {
        opacity: 1;
        pointer-events: auto
    }
}

.mobile-menu.is-opened .mobile-menu-inner {
    left: 0
}

@media screen and (max-width: 768px) {
    .mobile-menu .auth-user .dropdown-trigger .button {
        padding:0
    }

    .mobile-menu .auth-user .dropdown-menu {
        display: none!important
    }
}
.mobile-menu-head picture{
    max-width: 100%
}
.mobile-menu-head img{
    max-width: 15rem
}
.mobile-menu-inner {
    background-color: #fff;
    bottom: 0;
    height: 100%;
    left: -100vw;
    overflow-y: auto;
    padding: 14px 10px;
    position: absolute;
    top: 0;
    transition: .5s;
    width: calc(100vw - 40px)
}

.mobile-menu-close,
.mobile-menu-catalog-close{
    align-items: center;
    background-color: transparent;
    border: 0;
    color: #000;
    display: flex;
    height: 20px;
    justify-content: center;
    padding: 0;
    position: absolute;
    right: 10px;
    top: 13px;
    width: 20px;
    z-index: 2
}

.mobile-menu-close svg,
.mobile-menu-catalog-close svg{
    height: 10px;
    width: 10px
}


.mobile-menu-body {
    margin-top: 12px;
    width: 100%
}

.mobile-menu-body,.mobile-menu-group:not(:first-child) {
    border-top: 1px solid #ededed;
    padding-top: 12px
}

.mobile-menu-group:not(:last-child) {
    padding-bottom: 12px
}

.mobile-menu-controls {
    grid-gap: 12px;
    align-items: start;
    display: grid;
    grid-template-columns: 1fr
}

.mobile-menu-controls .control-group {
    align-items: flex-start;
    display: flex;
    flex-direction: column
}

.mobile-menu-controls .button:not(.mobile-menu-catalog-btn) {
    align-items: center;
    background-color: transparent!important;
    border: 0;
    color: #222!important;
    display: flex;
    font-size: 16px;
    height: auto!important;
    line-height: 1.5;
    padding: 0;
    width: auto!important
}

.mobile-menu-controls .button:not(.mobile-menu-catalog-btn) .icon-wrapper {
    align-items: center;
    background-color: #f5f5f5;
    border-radius: 50%;
    color: #bdbdbd;
    display: flex;
    height: 40px;
    justify-content: center;
    margin-right: 6px;
    width: 40px
}

.mobile-menu-controls .button:not(.mobile-menu-catalog-btn) svg {
    margin: 0!important
}

.mobile-menu-controls .button:not(.mobile-menu-catalog-btn) .info {
    align-items: center;
    background-color: #000000;
    border-radius: 5px;
    display: flex;
    font-size: 11px;
    font-weight: 600;
    height: 20px;
    justify-content: center;
    margin-left: 6px;
    padding: 0;
    position: static;
    width: 20px
}

.mobile-menu-catalog-btn
{
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 1.3rem;
    line-height: 1.2;
    font-weight: 700;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    background: var(--black);
    border: 1px solid var(--black);
    color: var(--white);
    border-radius: 5px;
    padding: 0 1.6rem;
    height: 4.6rem;
    transition: color 0.25s, background 0.25s, border-color 0.25s;
}

.mobile-menu-catalog-btn svg {
    margin-right: 16px
}

.mobile-menu-catalog {
    background-color: #fff;
    bottom: 0;
    left: -100vw;
    opacity: 0;
    overflow: auto;
    padding: 16px 10px;
    pointer-events: none;
    position: fixed;
    top: 0;
    transition: .1s;
    width: 100vw;
    z-index: 2
}

.mobile-menu-catalog.is-opened {
    left: 0;
    opacity: 1;
    pointer-events: auto
}

.mobile-menu-catalog-head {
    align-items: center;
    display: flex;
    font-size: 20px;
    font-weight: 600;
    justify-content: space-between;
    line-height: 1.1
}

.mobile-menu-catalog-body {
    border-top: 1px solid #bdbdbd;
    margin-top: 16px;
    padding-top: 12px
}

.mobile-menu-catalog .menu-link {
    align-items: center;
    color: #222;
    display: flex;
    font-size: 16px;
    font-weight: 500;
    justify-content: space-between;
    line-height: 1.5
}

.mobile-menu-catalog .menu-link:not(:last-child) {
    margin-bottom: 16px
}

.mobile-menu-catalog .arrow {
    height: 8px;
    width: 5px
}

.mobile-menu .lang {
    align-items: center;
    color: #bdbdbd;
    display: flex;
    font-size: 16px;
    line-height: 1.5;
    padding: 10px 0
}

.mobile-menu .lang-title {
    margin-right: 20px
}

.mobile-menu .lang-link {
    border: 1px solid #bdbdbd;
    border-radius: 6px;
    color: inherit;
    padding: 4px 8px
}

.mobile-menu .lang-link:not(:last-child) {
    margin-right: 8px
}

.mobile-menu .lang-current {
    background-color: #bdbdbd;
    color: #222
}

.mobile-menu .action-links {
    grid-gap: 16px;
    display: grid;
    grid-template-columns: repeat(4,1fr);
    width: 100%
}

@media screen and (max-width: 768px) {
    .mobile-menu .action-links {
        grid-template-columns:1fr 1fr
    }
}

.mobile-menu .action-links a {
    align-items: center;
    display: inline-flex
}

.mobile-menu .action-links svg {
    display: block;
    height: 18px;
    margin-right: 8px;
    width: 18px
}

.mobile-menu .info-links {
    align-items: flex-start;
    display: flex;
    flex-direction: column
}

.mobile-menu .info-links li:not(:last-child) {
    margin-bottom: 10px
}

.mobile-menu .info-links a {
    color: rgba(34,34,34,.5);
    display: block;
    font-size: 16px;
    line-height: 1.5
}

.modal-backgrodund {
    background: rgba(0,0,0,.5)
}

.modal-close {
    padding: 0;
    position: absolute;
    right: 26px;
    top: 20px
}

.modal-close:hover {
    background-color: transparent
}

.modal-close:after,.modal-close:before {
    background-color: #000
}

.modal-close:before {
    height: 1.5px;
    width: 75%
}

.modal-close:after {
    height: 75%;
    width: 1.5px
}

.modal-close .icon {
    color: #000;
    height: 17px;
    width: 17px
}

.modal .box {
    background-color: #fff;
    border-radius: 10px;
    box-shadow: none
}

.modal .help.is-danger {
    color: #f14668
}
/* Mobile menu end */

/* Header action */
.header_action_wrapper,
.header__group {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-align: center;
    align-items: center;
}
.header_action_wrapper{
    flex-direction: column;
    gap: 1rem;
}
.mobile-compare-wishlist,
.header__action {
    border: 1px solid var(--black);
    border-radius: 5px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    transition: border-color 0.25s;
    height: 4.6rem;
}
.mobile-compare-wishlist{
    max-width: 120px;
}
.header__action-btn {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 5.4rem;
    height: 4.6rem;
    padding: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    text-decoration: none;
    color: var(--black);
}
.header__acc, .header__call, .header__currency, .header__language {
    position: relative;
    white-space: nowrap;
}
.header__group--acc_action_cart > * {
    margin: 0 0 0 0.5rem;
}
.header__btn,
.header__acc-btn {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 5px;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 4.4rem;
    height: 4.6rem;
    border: 1px solid var(--black);
    border-radius: 5px;
    color: var(--black);
    text-decoration: none;
    transition: border-color 0.25s;
}
.header__action-line {
    display: block;
    width: 0.2rem;
    height: 3.4rem;
    background: var(--black);
}
.icon-menu,
.icon-acc {
    display: inline-block;
    vertical-align: middle;
    width: 2rem;
    height: 2rem;
}
.icon-compare {
    display: inline-block;
    vertical-align: middle;
    width: 2.1rem;
    height: 1.9rem;
}
.icon-favorites {
    display: inline-block;
    vertical-align: middle;
    width: 1.9rem;
    height: 1.7rem;
}
.icon-cart {
    display: inline-block;
    vertical-align: middle;
    width: 2rem;
    height: 2rem;
}
.mobile-compare-wishlist [class^=icon-] ,
.header__group--acc_action_cart [class^=icon-] {
    fill: var(--black);
}
.mobile-compare-wishlist .icon-favorites,
.header__group--acc_action_cart .icon-favorites {
    fill: transparent;
    stroke: currentColor;
    stroke-width: 2;
}
.header__cart-btn {
    display: -ms-flexbox;
    display: flex;
    background: var(--black);
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: flex-start;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding: 0.5rem 2rem 0.5rem 1.5rem;
    width: auto;
    height: 4.6rem;
    border: 1px solid var(--black);
    border-radius: 5px;
    color: var(--white);
    text-decoration: none;
    white-space: nowrap;
    transition: border-color 0.25s;
}
.header__cart-btn svg {
    margin: 0 1rem 0 0;
    display: block;
}
.header__cart-total {
    display: block;
    font-size: 1.4rem;
    line-height: 1.2;
    font-weight: 500;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}
.header__cart-total mark {
    display: block;
    padding: 0;
    background: none;
    color: inherit;
    font-size: 1.3rem;
    margin: 0 0 0.2rem;
}

.header__cart-offcanvas {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 1000;
    height: 100%;
    width: 52.8rem;
    max-width: 100%;
    background: #F7F7FB;
    color: #343434;
    transition: transform 0.25s, opacity 0.25s, visibility 0.25s;
    opacity: 0;
    visibility: hidden;
    transform: translate(100%, 0);
}
.mobile-account{
    display: flex;
}
@media screen and (max-width: 768px) {
    .header__menu,
    .header__action,
    .header__search__menu__inner{
        display: none;
    }
    .header__column--left {
        flex: 0 0 11.5rem;
    }
    .header_action_wrapper {
        flex-direction: row;
    }
    .header__group--acc_action_cart > * {
        margin: 0;
    }
    .header__acc{
        display: none;
    }
    .mobile-compare-wishlist{
        display: inline-flex;
    }
    .mobile-account {
        display: inline-flex;
        margin-left: 10px;
    }
    .header__acc-btn{
        height: 4.5rem;
    }
}
.common-home .header{
    background: #000;
}
.common-home .header__logo__img {
    filter: invert(100%);
}
.common-home .header__action-line,
.common-home .header__search-btn{
    background: #fff;
    color: #000;
}
.common-home .header__btn,
.common-home .header__action-btn,
.common-home .header__acc-btn,
.common-home .header_inline__menu-btn{
    color: #fff;
}
.common-home .header__btn,
.common-home .header__action,
.common-home .header__acc-btn,
.common-home .header_inline__menu-btn ,
.common-home .header__catalog-btn ,
.common-home .header__search-input {
    border-color: #FFFFFF;
}
.common-home .header__cart-btn{
    background: linear-gradient(to right, #BF953F, #AA771C);
}
/* Основные стили кнопки */
.gold-bg{
    background: linear-gradient(to right, #BF953F, #AA771C) !important;
    color: #fff !important;
}
.shine-btn {
    position: relative;
    cursor: pointer;
    overflow: hidden;
    transition: all 0.3s ease;
    background: linear-gradient(to right, #BF953F, #AA771C);
}
.shine-btn::after {
    content: '';
    position: absolute;
    top: 0;
    left: -150%;
    width: 100%;
    height: 100%;
    background: linear-gradient(
            to right,
            rgba(255, 255, 255, 0) 0%,
            rgba(255, 255, 255, 0.4) 50%,
            rgba(255, 255, 255, 0) 100%
    );
    transform: skewX(-20deg);
    animation: shine-sweep 3s infinite;
    z-index: 1;
}
.shine-btn span {
    position: relative;
    z-index: 2;
}
@keyframes shine-sweep {
    0% {
        left: -150%;
    }
    100% {
        left: 150%;
    }
}
.shine-btn:hover {
    box-shadow: 0 0 15px rgba(255, 215, 0, 0.5); /* Мягкое золотое свечение */
    background-color: #262626; /* Чуть светлее фон */
}

/* Homepage slider */
.homepage-slider {
    background-color: #000;
    overflow-x: hidden;
    position: relative;
    transition: background-color .5s;
}
.homepage-slider .swiper-slide .description{
    top: 20rem;
    left: 40rem;
}
.homepage-slider .title {
    color: #fff;
    font-size: 3.5rem;
    font-weight: 700;
    line-height: 1.2;
}
.intro__item-price {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    vertical-align: top;
    margin: 0 0 2rem;
    border-radius: 5px;
    border: 1px solid var(--black);
    background: #fff;
    color: #343434;
    font-size: 1.3rem;
    line-height: 1.2;
    font-weight: 800;
    padding: 0 1.5rem;
    height: 3rem;;
}
.homepage-slider .hints {
    bottom: 2rem;
    font-weight: 700;
    left: 0;
    position: absolute;
    transition: opacity .1s;
    width: 100%;
    z-index: 1
}

#homepage-slider-hints .swiper-slide {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    white-space: nowrap;
    font-size: 1.4rem;
    line-height: 2.6rem;
    font-weight: 700;
    letter-spacing: 0.01em;
    padding: 0 0.8rem;
    color: #565656;
    border-radius: 4px;
}


@media screen and (max-width: 768px) {
    #homepage-slider .hints {
        bottom:24px;
    }
}

.homepage-slider .hints .swiper-slide {
    cursor: pointer;
    margin-right: 10px;
    font-weight: 700;
    width: auto
}

@media screen and (max-width: 768px) {
    #homepage-slider .hints .swiper-slide {
        margin-right:30px
    }
}
.homepage-slider .hints .swiper-slide:after {
    border-bottom: 2px solid #222;
    content: "";
    display: block;
    transform: scaleX(0);
    transition: transform .1s,border .1s
}
.homepage-slider .hints .swiper-slide.swiper-slide-active:after {
    transform: scaleX(.3)
}

.homepage-slider .hints .swiper-slide:not(:last-child) {
    margin-right: 2.5rem
}

#homepage-slider-hints .swiper-slide.swiper-slide-active{
    color: var(--white);
}

.homepage-slider picture  {
    display: flex;
    height: 100%;
    width: 100%
}

.homepage-slider picture img {
    position: relative;
    transition: opacity .5s;
    z-index: 3;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

@media screen and (max-width: 768px) {
    .homepage-slider picture img {
        left:-50%;
        max-width: 200%;
        width: 200%
    }
}
@media screen and (max-width: 768px) {
    .homepage-slider .swiper.slider .swiper-slide {
        height:85vw;
        padding-bottom: 60px;
        padding-top: 32px
    }

    .homepage-slider .swiper.slider .swiper-slide img {
        opacity: 0!important;
        transition: opacity .5s;
        transition-delay: 0s
    }

    .homepage-slider .swiper.slider .swiper-slide.swiper-slide-active img {
        opacity: 1!important;
        transition-delay: .5s
    }
    .homepage-slider .title {
        font-size:5.85vw
    }
    .homepage-slider .description {
        padding-left:5vw;
        padding-right: 5vw
    }

    .homepage-slider .hints .columns {
        padding-right:0
    }

    .homepage-slider .hints .column.is-offset-6.is-6 {
        padding: 0;
        width: 100%
    }
    .homepage-slider .hints .swiper-slide {
        margin-right:30px
    }
}

/* Slider module */
.popular_products,
.popular_category{
    padding: 8rem 0;
}
.module__heading,
.category_popular__heading{
    color: var(--gray-dark);
    font-size: 3.2rem;
    margin-bottom: 4rem;
}
.module__heading h3::before ,
.category_popular__heading h3::before {
    display: block;
    content: "";
    width: 4.25rem;
    height: 0.675rem;
    background-color: var(--black);
    margin-bottom: 0.5em;
    border-radius: .3rem;
}
.category-thumbs__image{
    height: 270px;
}
.category-thumbs__image img,
.category-thumbs__image picture {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 10px;
}
.category-thumbs__name{
    font-size: 2rem;
}
.arrows{
    gap: 1.5rem;
}
.swiper-button-next, .swiper-button-prev {
    bottom: 32px;
    top: auto;
    margin: 0;
    width: 48px;
    height: 48px;
    background-color: #fff;
    border-radius: .5rem;
    border: 2px solid var(--gray-light);
}
.arrows .swiper-button-next, .arrows .swiper-button-prev {
    top: 0;
    bottom: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    left: 0;
    right: 0;
    position: relative;
}
.swiper-button-next::after, .swiper-button-prev::after {
    color: #2f3540;
    font-size: 18px;
}


/* Service */
.section-padding {
    --padding-top: 100px;
    --padding-bottom: 100px;
    -webkit-padding-before: var(--padding-top);
    padding-block-start: var(--padding-top);
    -webkit-padding-after: var(--padding-bottom);
    padding-block-end: var(--padding-bottom);
}
.our-services {
    --color-background: #000;
    --color-foreground: rgba(255, 255, 255, 1);
    --color-foreground-heading: rgba(255, 255, 255, 1);
    --color-foreground-subheading: rgba(242, 242, 242, 1);
    --color-background-subheading: rgba(255, 255, 255, 0);
    --color-border-subheading-bg: rgba(255, 255, 255, 0.3);
    --color-secondary-button-hover-border: rgba(255, 255, 255, 0.3);
    background: #000;
    overflow: hidden;
}
.subheading span{
    display: inline-block;
    color: var(--white);
    font-size: 2rem;
    line-height: 1.5;
    font-weight: 500;
    padding: 0 1.5rem;
    border-radius: 5px;
    border: 1px solid var(--white);
    width: auto;
    margin-bottom: 2rem;
}
.subheading.dark span{
    color: var(--black);
    border-color: var(--black);
}
.section-headings .heading{
    display: block;
    margin: 0 0;
    font-size: 3rem;
    line-height: 1.25;
    font-weight: 500;
}
.our-services .heading{
    color: var(--white);
}
.our-services {
    --color-background: rgba(32, 40, 45, 1);
    --color-foreground: rgba(255, 255, 255, 1);
    --color-foreground-heading: rgba(255, 255, 255, 1);
    --color-foreground-subheading: rgba(242, 242, 242, 1);
    --color-background-subheading: rgba(255, 255, 255, 0);
    --color-border-subheading-bg: rgba(255, 255, 255, 0.3);
    --color-secondary-button-hover-border: rgba(255, 255, 255, 0.3);
    background: #000;
    overflow: hidden; }

.our-services-2 {
    --color-background: rgba(228, 226, 239, 0);
    --color-foreground: rgba(28, 37, 57, 1);
    --color-foreground-heading: rgba(28, 37, 57, 1);
    --color-foreground-subheading: rgba(93, 102, 111, 1);
    --color-background-subheading: rgba(255, 255, 255, 0.1);
    --color-border-subheading-bg: rgba(32, 40, 45, 0.1); }

.our-services-2 .multicolumn .multicolumn-card:not(:focus):not(:hover) {
    --color-background: rgba(242,242,242,1); }

.our-services .service-list {
    --color-background: rgba(46, 46, 46, 1);
    --color-primary-button-background: rgb(255, 255, 255, 0);
    --color-primary-button-border: rgba(255, 255, 255, 1);
    background: var(--color-background);
    border-radius: 1rem;
    margin-top: 5rem;
    padding: 40px 36px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.our-services .service-content-inner .button {
    padding: 10px;
    min-height: 44px;
    font-size: 16px;
    -webkit-margin-before: 80px;
    margin-block-start: 80px; }

.our-services .service-content-inner .heading {
    -webkit-margin-before: 50px;
    margin-block-start: 50px; }

.our-services .service-content-inner .heading + .text {
    -webkit-margin-before: 24px;
    margin-block-start: 24px; }

.service-list .accordion-li {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden; }

.service-list .accordion-li svg {
    --size: 70px;
    width: var(--size);
    min-width: var(--size);
    height: var(--size); }

.service-list .accordion-li .icon {
    --size: 44px;
    color: var(--color-foreground);
    width: var(--size);
    min-width: var(--size);
    height: var(--size);
    fill: transparent;
}

.service-list .accordion-li .accordion-title-icon,
.service-list .accordion-li .accordion-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 15px; }

.service-list .accordion-content {
    --padding: 36px;
    padding: 0 var(--padding); }

.service-list .accordion-li .icon + .icon {
    display: none; }

@media (min-width: 992px) {
    .service-list .service-content-inner {
        max-width: 360px;
        min-width: 360px;
        height: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between; }
    .service-list .accordion-content {
        height: 100%;
        max-height: unset; }
    .our-services .accordion-li {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row; }
    .our-services .service-list {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        overflow-x: auto; }
    .service-list .accordion-li .accordion-title-icon,
    .service-list .accordion-li .accordion-title {
        gap: 20px;
        padding: 0 50px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        height: 100%; }
    .service-list .accordion-li .accordion-title-icon {
        padding: 0;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between; }
    .service-list .accordion-li:first-child .accordion-title {
        -webkit-padding-start: 0;
        padding-inline-start: 0; }
    .service-list .accordion-li:last-child .accordion-title {
        -webkit-padding-end: 0;
        padding-inline-end: 0; }
    .service-list .accordion-li.active .accordion-title {
        display: none; }
    .service-list .accordion-li:not(:first-child) {
        border-left: var(--style-border-width) solid var(--color-border); }
    .service-list .accordion-li:first-child .accordion-content {
        -webkit-padding-start: 0;
        padding-inline-start: 0; }
    .service-list .accordion-li:last-child .accordion-content {
        -webkit-padding-end: 0;
        padding-inline-end: 0; }
    .service-list .text-rotate {
        text-orientation: mixed;
        -webkit-writing-mode: vertical-rl;
        -ms-writing-mode: tb-rl;
        writing-mode: vertical-rl;
        -webkit-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
        transform: rotate(-180deg);
        max-height: 240px; } }

@media (max-width: 991px) {
    .service-list .accordion-li {
        width: 100%; }
    .service-list .accordion-content {
        --padding: 0;
        max-height: 0;
        overflow: hidden;
        -webkit-transition: max-height 0.3s ease-in-out;
        -o-transition: max-height 0.3s ease-in-out;
        transition: max-height 0.3s ease-in-out; }
    .service-list .accordion-li.active .icon {
        display: none; }
    .service-list .accordion-li.active .icon + .icon {
        display: block; }
    .service-list .accordion-li svg {
        --size: 60px; }
    .service-list .accordion-li .icon {
        --size: 36px; }
    .our-services .service-content-inner .button {
        -webkit-margin-before: 35px;
        margin-block-start: 35px; }
    .our-services .service-content-inner svg,
    .our-services .service-content-inner .heading {
        display: none; }
    .service-list .accordion-li {
        --padding: 24px; }
    .service-list .accordion-li .accordion-title {
        --padding: 24px;
        padding: var(--padding) 0;
        border-top: var(--style-border-width) solid var(--color-border); }
    .service-list .accordion-li:first-child .accordion-title {
        -webkit-padding-before: 0;
        padding-block-start: 0;
        border-top: none; }
    .service-content-inner {
        --padding: 24px;
        -webkit-padding-after: var(--padding);
        padding-block-end: var(--padding); }
    .our-services .service-content-inner .heading + .text {
        -webkit-margin-before: 0;
        margin-block-start: 0; }
    .our-services .service-list {
        -webkit-padding-after: 12px;
        padding-block-end: 12px; } }

@media (max-width: 767px) {
    .our-services .service-list {
        padding: 30px 15px; }
    .service-list .accordion-li svg {
        --size: 50px; }
    .service-list .accordion-li .icon {
        --size: 30px; }
    .our-services .accordion-title-icon .heading {
        font-size: 20px; }
    .our-services .service-list {
        -webkit-padding-after: 6px;
        padding-block-end: 6px; } }
.accordion-block {
    --color-background: rgba(242, 242, 242, 1);
    border-radius: 10px;
    background-color: var(--color-background);
    overflow: hidden; }

.accordion-opener {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 32px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 24px 20px;
    cursor: pointer; }

.accordion-block.active .accordion-opener {
    color: var(--white);
    --color-background: rgba(28, 37, 57, 1);
    --color-foreground-heading: rgba(255, 255, 255, 1);
    background-color: var(--color-background);
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; }

.accordion-content {
    max-height: 0;
    -webkit-transition: max-height 0.3s ease-in-out;
    -o-transition: max-height 0.3s ease-in-out;
    transition: max-height 0.3s ease-in-out; }

.accordion-content-inner {
    padding: 24px 20px; }

.accordion-opener .svg-wrapper {
    --color-background: rgba(32, 40, 45, 1);
    min-width: 30px;
    height: 30px;
    background-color: var(--color-background);
    border-radius: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; }

.accordion-block.active .accordion-opener .svg-wrapper {
    --color-background: rgba(255, 255, 255, 1);
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; }

.accordion-opener .svg-wrapper svg {
    --color-foreground: rgba(255, 255, 255, 1);
    color: var(--color-foreground); }

.accordion-block.active .accordion-opener .svg-wrapper svg {
    --color-foreground: rgba(32, 40, 45, 1);
    color: var(--color-foreground); }

@media (max-width: 767px) {
    .accordion-opener {
        gap: 24px;
        padding: 24px 15px; }
    .accordion-content-inner {
        padding: 24px 15px; } }

.accordion-title {
    cursor: pointer; }

.accordion-title * {
    pointer-events: none; }

.accordion-li {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }

.accordion-contents {
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height 0.3s ease-in-out;
    -o-transition: max-height 0.3s ease-in-out;
    transition: max-height 0.3s ease-in-out; }

@media (min-width: 992px) {
    .accordion-horizontal .accordion-li {
        min-width: var(--width);
        width: var(--width);
        overflow: hidden;
        -webkit-transition: width 0.4s ease, min-width 0.4s ease;
        -o-transition: width 0.4s ease, min-width 0.4s ease;
        transition: width 0.4s ease, min-width 0.4s ease; }
    .accordion-horizontal .accordion-li.active {
        width: 100%;
        min-width: 420px; } }

@media (max-width: 991px) {
    .accordion-title {
        width: 100%;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between; } }


.text-16 {
    color: var(--white);
    font-size: 16px;
    line-height: 1.62;
}
.text-18 {
    font-size: 1.5rem;
    line-height: 1.5;
}
.text-20 {
    font-size: 20px;
    line-height: 1.3;
}
.text-22 {
    font-size: 1.8rem;
    line-height: 1.3;
}
.text-24 {
    font-size: 24px;
    line-height: 1.25;
}
.text-50 {
    font-size: 50px !important;
    line-height: 1.25;
}
/* Cart start */
.mini-cart-header{
    color: #6e6d6e;
    padding-bottom: 1.5rem;
    margin-bottom: 1.5rem;
    border-bottom: 1px solid #e2e2e2;
}
.mini-cart-header .modal-header .icon-close{
    position: relative;
    top:0;
    right:0;
}
.mini-cart-header .js-cart-count{
    position: static;
    margin-left: 1rem;
}
.js-mini-cart-content{
    flex-grow:1;
    overflow-x: hidden;
    overflow-y: auto;
    padding-top: .5rem;
}
.js-mini-cart-content .mini-cart-image{
    flex: 0 0 104px;
    padding-right: 24px;
}
.js-mini-cart-content .mini-cart-product_item{
    flex: 0 0 calc(100% - 104px);
    padding-right: 0px;
}
.mini-cart-product_item__title{
    font-weight: 700;
    margin-bottom: 8px;
}
.mini-cart-product_item__title a{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}
.mini-cart-product_item p{
    font-size: 14px;
}
.mini-cart-item{
    position: relative;
}
.js-remove-mini-cart{
    color: #6e6d6e;
    font-weight: normal;
    margin-left:16px;
    font-size: 12px;
    text-decoration: underline;
    transition: .3s ease-in;
    text-underline-offset: 4px;
    text-decoration-thickness: 1px;
    background-color: transparent;
    border: 1px solid transparent;
}
.js-remove-mini-cart:hover{
    background-color: transparent!important;
    border: 1px solid transparent;
}
.mini-cart-empty{
    margin: 0;
}
.mini-cart-empty .iconcart-empty{
    background-color: rgba(34, 34, 34, 0.05);
    width: 80px;
    height: 80px;
    line-height: 97px;
    -webkit-border-radius: 50%;
    border-radius: 8px;
    margin: 0 auto 24px auto;
}
.mini-cart-empty .iconcart-empty svg{
    position: relative;
    left: -1px;
    height: 2rem;
    width: 2rem;
}
.mini-cart-footer{
    position: relative;
}

.mini-cart-content.overlay:before{
    content:"";
    width: 100%;
    height: 100%;
    background-color: rgba(255,255, 255, 0.8);
    position: absolute;
    z-index: 1;
    cursor:auto;
}

.mini-cart-content {
    color: #6e6d6e;
    width: 500px;
    padding: 24px;
    background: #fff;
    position: absolute;
    top: 55px;
    right: 0;
    z-index: 999;
    -webkit-transition: all .4s cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition: all .4s cubic-bezier(0.19, 1, 0.22, 1);
    transition: all .4s cubic-bezier(0.19, 1, 0.22, 1);
    opacity: 0;
    visibility: hidden;
}
@media (max-width:500px) {
    .mini-cart-content {
        width: 330px;
    }
    .js-remove-mini-cart{
        padding: 0 14px;
    }
}

.template-cart .mini-cart-content {
    display: none!important;
}

.mini-cart-content .alert {
    margin: 0;
}

.js-mini-cart.active .mini-cart-content {
    opacity: 1;
    visibility: visible;
}
.mini_cart__wrapper{
    display: none;
}
.mini_cart__wrapper.active{
    display: block;
}
.mini_cart__wrapper .mini-cart-content{
    opacity: 1;
    visibility: visible;
    border-radius: 0px;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 999;
    height:100%;
    transform:translateX(100%);
}
.mini_cart__wrapper.active .mini-cart-content{
    transform:translateX(0);
}
.mini_cart__wrapper .overlaycart{
    position: fixed;
    top:0;
    right:0;
    left:0;
    bottom:0;
    background:rgba(0,0,0,0.5);
    z-index:9;
    opacity:0;
    visibility:hidden;
}
.mini_cart__wrapper.active .overlaycart{
    opacity:1;
    visibility:visible;
}

.mini-cart-product_item {
    -moz-flex: 0 0 calc(100% - 85px);
    -ms-flex: 0 0 calc(100% - 85px);
    -webkit-box-flex: 0 0 calc(100% - 85px);
    flex:0 0 calc(100% - 85px);
    text-align:left;
    line-height: 20px;
    padding-right:10px;
}
.mini-cart-product_item p{
    font-size: 12px;
    line-height: 20px;
    margin-bottom:5px;
}
.mini-cart-item {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    width: 100%;

}
.mini-cart-item:not(:first-child){
    margin-top:16px;
}

.mini-cart-btns .btn{
    margin-bottom: 5px;
}
.simplecheckout #simplecheckout_cart .shop_cart .cart_item .item_qty,
.js-mini-cart-content .js-qty {
    /*max-width: 94px;*/
    /*min-width: 90px;*/
    max-width: 150px;
    min-width: 140px;
    margin-top: .5rem;
    border-radius: 8px;
    overflow: hidden;
}
.simplecheckout #simplecheckout_cart .shop_cart .cart_item .item_qty input,
.js-mini-cart-content .js-qty .js-qty__input {
    width: 140px;
    padding: 0px 20px;
    text-align: center;
    line-height: 1;
    font-size: 12px;
    height: 48px;
    border: 1px solid #e9e9e9;
    border-radius: 8px;
}
.decrement_btn,
.js-mini-cart-content .js-qty .js-qty__minus {
    left: 0;
    right: auto;
}
.increment_btn,
.js-mini-cart-content .js-qty .js-qty__plus {
    left: auto;
    right: 0;
}
.simplecheckout #simplecheckout_cart .shop_cart .cart_item .item_qty .button,
.js-mini-cart-content .js-qty .js-qty__adjust {
    top: 0;
    bottom: 0;
    height: 100%;
    padding: 0;
    line-height: 0;
}

.js-mini-cart-content .js-qty .js-qty__adjust .icon {
    width: 9px;
    height: 9px;
}

.simplecheckout #simplecheckout_cart .shop_cart .cart_item .item_qty,
.js-qty {
    position: relative;
}
.simplecheckout #simplecheckout_cart .shop_cart .cart_item .item_qty input,
.js-qty__input {
    width: 100%;
    border: 2px solid #e9e9e9;
    background: #fff;
    height: 50px;
    padding: 12px 15px;
    text-align: center;
}
.simplecheckout #simplecheckout_cart .shop_cart .cart_item .item_qty .button,
.js-qty__adjust {
    position: absolute;
    top: 0px;
    bottom: 0px;
    text-align: center;
    width: 50px;
    height: 100%;
    padding: 0;
    background: none;
    border-style: solid;
    border-color: #e7e7e7;
    border-width: 0;
    transition: background-color 0.03s ease-in;
}
.simplecheckout #simplecheckout_cart .shop_cart .cart_item .item_qty .button:hover,
.simplecheckout #simplecheckout_cart .shop_cart .cart_item .item_qty .button:focus,
.js-qty__adjust:hover,
.js-qty__adjust:focus {
    background-color: #f1f1f1;
    transition-duration: 0.08s;
}
.simplecheckout #simplecheckout_cart .shop_cart .cart_item .item_qty .button svg,
.js-qty__adjust svg {
    width: 14px;
    height: 14px;
    font-size: 14px;
}
.simplecheckout #simplecheckout_cart .shop_cart .cart_item .item_qty .button .icon,
.js-qty__adjust .icon,
.js-qty__adjust [class^="icon-"] {
    width: 8px;
    height: 8px;
    font-size: 9px;
    fill: #222;
    font-weight: 600;
}
.decrement_btn,
.js-qty__adjust--minus {
    left: 0px;
    top: 0;
    bottom: 0px;
}
.increment_btn,
.js-qty__adjust--plus {
    right: 0px;
}
.mini-cart-total {
    margin-top: 20px;
    padding: 16px 0 0;
    border-top: 1px solid #e9e9e9;
    text-align: left;
}
.bottom-total{
    margin-bottom: 3rem;
    font-weight: 700;
    font-size: 16px;
    color: #262326;
}
.js-cart-btn-checkout{
    width: 100%;
}
/* Cart end */
/* Modal start */
.modal-menu__bottom {
    padding: 40px;
    border-top: 1px solid #4a494d;
}
@media (max-width: 767px) {
    .modal-menu__bottom {
        padding: 32px;
    }
}
.modal-menu__bottom .tel {
    font-weight: 7;
    color: #fff;
    font-size: 24px;
    display: block;
    margin-bottom: 20px;
}
.modal-menu__bottom .mes {
    margin-bottom: 20px;
    color: #fff;
    font-size: 18px;
}

.modal-menu__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding-right: 40px;
}
@media (max-width: 767px) {
    .modal-menu__top {
        padding-right: 32px;
    }
}

.modal-menu__list {
    padding: 40px;
    list-style: none;
}
@media (max-width: 767px) {
    .modal-menu__list {
        padding-left: 32px;
        padding-right: 32px;
    }
}
.modal-menu__list ul:not(:last-child) {
    padding-bottom: 40px;
    margin-bottom: 40px;
    position: relative;
}
.modal-menu__list ul:not(:last-child)::before {
    content: "";
    position: absolute;
    width: calc(100% + 80px);
    height: 1px;
    bottom: 0;
    background-color: #4a494d;
    left: -40px;
}
@media (max-width: 767px) {
    .modal-menu__list ul:not(:last-child)::before {
        width: calc(100% + 64px);
        left: -32px;
    }
}
.modal-menu__list li:not(:last-child) {
    margin-bottom: 35px;
}
.modal-menu__list a {
    color: #fff;
    font-size: 18px;
}

.modal-menu {
    padding-top: 40px;
    overflow: auto;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    -o-transition-property: transform, opacity;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    transition-property: transform, opacity, -webkit-transform;
    -webkit-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    transition-duration: 0.4s;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
    height: 100%;
    width: 100vw;
    position: fixed;
    top: 0;
    right: 0;
    background-color: #262326;
    max-width: 600px;
    -webkit-transform-origin: right;
    -ms-transform-origin: right;
    transform-origin: right;
    z-index: 25;
}
@media (max-width: 767px) {
    .modal-menu {
        padding-top: 32px;
    }
}

.modal-menu:not(.open) {
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    opacity: 0;
}

.modal .icon-close {
    z-index: 10;
    cursor: pointer;
    padding: 0;
    position: absolute;
    top: 24px;
    right: 24px;
    opacity: 1;
    background-color: transparent;
    color:#222222;
    height: 36px;
    width:36px;
    border-radius: 8px;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    text-shadow: none;
    transform: rotate(0);
    transition:transform 0.6s cubic-bezier(0.075, 0.82, 0.165, 1);
    border:9px solid transparent;
}

.mobile-menu .icon-close:before,
.mobile-menu .icon-close:after ,
.modal .icon-close:before,
.modal .icon-close:after {
    content: '';
    position: absolute;
    height: 1.3px;
    width: 100%;
    top: 50%;
    left: 0;
    margin-top: -1px;
    background-color: #222222;
    transform-origin: 50% 50%;
    opacity: 1;
    transition: transform ease 0.3s;
}
.modal .icon-close:hover{
    background-color: rgba(34, 34, 34, 0.05);
}
.mobile-menu .icon-close:before ,
.modal .icon-close:before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.mobile-menu .icon-close:after,
.modal .icon-close:after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.modal .icon-close:hover:after,.modal .icon-close:hover:before{
    transform:rotate(0deg);
}

.modal-menu .icon-close {
    height: 30px;
    width: 30px;
    display: block;
    position: relative;
    cursor: pointer; }

.modal-menu .icon-close:before,
.modal-menu .icon-close:after {
    content: "";
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    height: 2px;
    width: 20px;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    background: #fff;
    margin: -1px -10px;
    transition: all 0.3s; }

.modal-menu .icon-close:before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg); }

.modal-menu .icon-close:after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg); }

/* Modal end*/
/* Start Popup */
/* Pop up */
.popup {
    border-radius: 6px;
    position: relative;
}

.popup .popup_close {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: transparent;
    color: #ccc;
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    text-shadow: none;
    position: absolute;
    top: 12px;
    right: 12px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.popup .popup_close:hover {
    color: #000;
}

.popup.popup_oneclick .popup_content {
    max-width: 320px;
}

.popup .popup_content {
    max-width: 600px;
}

.popup .popup_content .popup_title {
    padding: 15px;
    color: #404040;
    font-size: 20px;
    font-weight: 400;
    text-align: center;
}

.popup .popup_content .popup_text {
    margin: 15px 0 30px 0;
    padding: 15px 0;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
}

.popup .popup_content .popup_product .product_item {
    padding: 0;
    height: auto;
    flex: 0 1 33.33%;
}

.popup .popup_content .popup_product .product_item .item_image {
    padding: 0 25px;
    text-align: center;
    position: relative;
}

.popup .popup_content .popup_product .product_item .item_image a img {
    margin: 0 auto;
    max-width: 100%;
    display: block;
}

.popup .popup_content .popup_product .product_item .item_title {
    margin: 10px 0;
    height: 55px;
    overflow: hidden;
    text-align: center;
}

.popup .popup_content .popup_product .product_item .item_title a {
    color: #404040;
    font-size: 16px;
    line-height: 18px;
}

.popup .popup_content .popup_product .product_item .item_price {
    text-align: center;
}

.popup .popup_content .popup_product .product_item .item_price .price_old {
    padding: 0 5px 0 0;
    color: #e92f2f;
    font-size: 16px;
    text-decoration: line-through;
}

.popup .popup_content .popup_product .product_item .item_price .price_new {
    color: #000;
    font-size: 20px;
}

.popup .popup_content .popup_product .product_item .item_button {
    justify-content: center;
}

.one_click_order__wrapper{
    display: flex;
    flex-direction: column;
}
.one_click_order__wrapper .catalog_buttons {
    justify-content: center;
    display: flex;
}
.success_message.one_click{
    width: 100%;
    text-align: center;
    margin: 30px 0;
    font-size: 20px;
}
.btn_academy{
    position: fixed;
    bottom: 20px;
    left: 20px;
    z-index: 99;
}
@media (max-width: 767px){
    .order_data table td:nth-child(2){
        display: none;
    }
    .order_data table img{
        max-width: 100%;
    }
    .btn_academy{
        display: none;
    }
}
/* Popup end */
/* Product start */
.product_item{
    position: relative;
    border-radius: 5px;
    padding: 3rem;
    min-height: 100%;
    z-index: 5;
}
.active-filter .product_item{
    z-index: 0;
}
.product_item:before {
    content: "";
    display: block;
    position: absolute;
    top:1rem;
    left: 0;
    width: 100%;
    height: calc(100% - 3rem);
    z-index: -1;
    border-radius: 5px;
    background: #fff;
    opacity: 1;
    box-shadow: 0px 0px 20px rgba(170, 189, 206, 0.25);
    transition: 0.25s;
}
.products__item-category {
    display: block;
    font-size: 1.3rem;
    line-height: 1.5rem;
    font-weight: 500;
    color: rgb(176, 176, 176);
    margin: 0px 0px 0.3rem;
}
.products__item-title {
    display: block;
    margin: 0 0 2rem;
    overflow: hidden;
    font-size: 1.8rem;
    line-height: 1.5;
    font-weight: 500;
    clear: both;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-decoration: none;
    transition: color 0.25s;
    color: inherit;
}
.products__item-price {
    display: block;
    margin: 0 1rem 0 0;
    font-size: 2rem;
    line-height: 1.2;
    font-weight: 500;
    white-space: nowrap;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: flex-end;
    -ms-flex: 1;
    flex: 1;
    gap: 10px;
}
.products__item-price ins{
    text-decoration: none;
}
.products__item-price del {
    font-size: .9em;
    line-height: 1;
    color: rgb(176, 176, 176);
}

.quantity-controls__container {
    flex: 1 0 70%;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: 4.6rem;
    background-color: #fff;
    border-radius: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid var(--black);
    z-index: 10;
}

.mini-cart-product_item .quantity-controls__container{
    flex: 1 0 30%;
    max-width: 15rem;
}

button.quantity-controls__dec,
button.quantity-controls__inc {
    width: 4.6rem;
    height: 4.6rem;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    position: relative;
}

.quantity-controls__dec::before,
.quantity-controls__dec::after,
.quantity-controls__inc::before,
.quantity-controls__inc::after {
    content: "";
    position: absolute;
    height: 2px;
    width: 14px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    margin: 0 auto;
    left: 0;
    right: 0;
    background-color: #262326;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.quantity-controls__value {
    width: calc(100% - 9.2rem);
    height: 4.6rem;
    text-align: center;
    font-weight: 700;
    font-size: 1.5em;
}

.quantity-controls__inc::after {
    -webkit-transform: translateY(-50%) rotate(90deg);
    -ms-transform: translateY(-50%) rotate(90deg);
    transform: translateY(-50%) rotate(90deg);
}
.btn-to-cart{
    position: relative;
    min-width: 8.5rem;
    left: -10px;
    color: var(--white);
    z-index: 9;
    padding: 0 0 0 10px;
}
.btn-to-cart .icon-cart{
    fill: var(--white);
}

/* Blog */
.featured-blog {
    --color-background: rgba(242, 242, 242, 1);
    --color-foreground: rgba(93, 102, 111, 1);
    --color-foreground-heading: rgba(28, 37, 57, 1);
    --color-foreground-subheading: rgba(93, 102, 111, 1);
    --color-background-subheading: rgba(255, 255, 255, 0);
    --color-border-subheading-bg: rgba(93, 102, 111, 0.3);
    background-color: var(--color-background);
    overflow: hidden;
}
.featured-blog .card-blog {
    --color-background: rgba(255, 255, 255, 1);
    border-radius: 5px;
    overflow: hidden;
}

.featured-blog .buttons-discover {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-margin-before: 60px;
    margin-block-start: 60px; }

@media (max-width: 767px) {
    .featured-blog .buttons-discover {
        -webkit-margin-before: 40px;
        margin-block-start: 40px; } }

.card-blog-list-horizontal,
.card-blog-list,
.card-blog {
    --color-background: rgba(242, 242, 242, 1);
    --color-foreground: rgba(93, 102, 111, 1);
    --color-foreground-heading: rgba(28, 37, 57, 1);
    --color-icon: rgba(28, 37, 57, 1);
    --color-primary-button-hover-text: rgba(255, 255, 255, 1);
    --color-primary-button-hover-background: rgba(32, 40, 45, 1);
    --color-foreground-subheading: rgba(242, 242, 242, 1);
    --color-background-subheading: rgba(28, 37, 57, 1);
    --color-border-subheading-bg: rgba(28, 37, 57, 1);
    background-color: var(--color-background); }

.card-blog-list-horizontal,
.card-blog-list {
    --color-primary-hover: rgba(28, 37, 57, 0.75); }

.card-blog-list {
    background-color: transparent; }

.card-blog:hover {
    --color-foreground-subheading: rgba(28, 37, 57, 1);
    --color-background-subheading: rgba(242, 242, 242, 1);
    --color-border-subheading-bg: rgba(242, 242, 242, 1); }

.featured-blog.blog-style-3 .card-blog-list-media {
    --height: 300px
; }

.card-blog-top {
    --padding: 30px 24px 36px;
    padding: var(--padding);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 15px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }

.card-blog-heading a {
    text-decoration: none;
    line-height: 1.45; }

.card-blog-meta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 15px 28px; }

.card-blog-list-horizontal .card-blog-meta {
    gap: 15px 20px; }

.card-blog-meta-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 6px;
    text-decoration: none; }

.card-blog-meta-item svg {
    color: var(--color-icon); }

.card-blog-bottom {
    position: relative;
    height: 300px;
    display: block;
    text-decoration: none; }

.card-blog .buttons {
    position: absolute;
    bottom: 0;
    width: 100%; }

.card-blog .buttons .btn {
    max-width: 100%;
    border-radius: 0;
    border: none;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    -o-transition: transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s; }

.card-blog:focus .buttons .btn,
.card-blog:hover .buttons .btn {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }

.card-blog .btn svg {
    width: 12px;
    height: 12px;
    margin-left: 2rem;
}

.card-blog .blog-tag {
    position: absolute;
    top: 20px;
    left: 20px;
    z-index: 1;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s; }

.card-blog-list-media {
    -webkit-margin-after: 24px;
    margin-block-end: 24px; }

.card-blog-heading {
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s; }

.card-blog-heading:hover {
    opacity: 0.75; }

.card-blog-list .card-blog-heading {
    -webkit-margin-before: 15px;
    margin-block-start: 15px; }

.card-blog-list-horizontal .card-blog-heading {
    -webkit-margin-before: 10px;
    margin-block-start: 10px; }

.card-blog-list-horizontal .blog-excerpt,
.card-blog-list .blog-excerpt {
    -webkit-margin-before: 20px;
    margin-block-start: 20px; }

.card-blog-list .buttons {
    -webkit-margin-before: 32px;
    margin-block-start: 32px; }

.card-blog-list-horizontal .buttons {
    -webkit-margin-before: 20px;
    margin-block-start: 20px; }

.card-blog-list-media {
    --height: 500px;
    height: var(--height);
    position: relative; }

.card-blog-list-horizontal {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }

.card-blog-list-horizontal .card-blog-list-media {
    --height: 100%;
    width: 40%;
    min-width: 252px;
    height: inherit;
    -webkit-margin-after: 0;
    margin-block-end: 0; }

.card-blog-list-horizontal .card-blog-content {
    padding: var(--padding); }

.horizontal-blogs .card-blog-list-horizontal .card-blog-content {
    --padding: 20px 24px; }

.horizontal-blogs .card-blog-list-horizontal + .card-blog-list-horizontal {
    -webkit-margin-before: 30px;
    margin-block-start: 30px; }

.blog-list-wrapper .card-blog-list + .card-blog-list {
    -webkit-margin-before: 60px;
    margin-block-start: 60px; }


/* Faq start */
.faq .section-headings {
    -webkit-padding-end: 100px;
    padding-inline-end: 100px;
    position: relative;
    height: 100%; }

.faq .accordion-list > div + div {
    -webkit-margin-before: 24px;
    margin-block-start: 24px; }

.faq .image-absolute {
    position: absolute;
    bottom: -125px;
    right: 25%; }

.faq-row > * {
    -ms-flex-item-align: start;
    align-self: flex-start; }

.faq-form-wrap {
    -webkit-margin-before: 50px;
    margin-block-start: 50px; }

.faq-form {
    --color-background: rgba(242, 242, 242, 1);
    background-color: var(--color-background);
    padding: 40px 30px;
    display: block; }

.faq-form > .field {
    -webkit-margin-before: 24px;
    margin-block-start: 24px; }

.faq-form > .btn {
    -webkit-margin-before: 36px;
    margin-block-start: 36px;
    width: 100%; }

@media (max-width: 1199px) {
    .faq .section-headings {
        -webkit-padding-end: 0;
        padding-inline-end: 0; }
    .faq .image-absolute {
        right: 10%; }
    .faq-form {
        padding: 24px 20px; } }

@media (max-width: 991px) {
    .faq .accordion-list {
        -webkit-margin-before: 40px;
        margin-block-start: 40px; }
    .faq .image-absolute {
        bottom: -40px;
        -webkit-padding-end: 0;
        padding-inline-end: 0; } }

@media (max-width: 767px) {
    .image-absolute img {
        max-width: 90px;
        height: auto; }
    .faq .image-absolute {
        right: 0; }
    .faq-form {
        padding: 24px 15px; } }

/* Breadcrumb */
.breadcrumbs ul {
    background-color: #fff;
    border: 1px solid var(--black);
    border-radius: 5px;
    padding: 14px 32px;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 8px;
}
.breadcrumbs ul li {
    color: #666666;
    font-size: 1.2em;
}
.breadcrumbs ul li:not(:last-child) {
    padding-right: 8px;
    position: relative;
}
.breadcrumbs ul li:not(:last-child)::before {
    content: "";
    position: absolute;
    width: 2px;
    height: 2px;
    background-color: #666666;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.breadcrumbs ul a {
    color: rgb(176, 176, 176);
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
@media (max-width: 767px) {
    .breadcrumbs ul {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        white-space: nowrap;
        overflow: auto;
        gap: 5px;
        position: relative;
        left: -15px;
        width: calc(100% + 30px);
        padding: 0px 15px 8px 15px;
        background: transparent;
        border: none;
    }
    .breadcrumbs ul a ,
    .breadcrumbs ul span {
        background-color: #f0f2f5;
        display: inline-flex;
        font-size: 14px;
        padding: 8px 10px;
        border-radius: 8px;
    }
    .breadcrumbs ul li:not(:last-child)::before {
        content: none;
    }
}

@media (max-width: 767px) {
    .breadcrumbs ul li {
        color: #666666;
        font-size: 1.2em;
        overflow: visible;
    }
}
/* Text content start */
.text-content {
    font-size: 16px;
    line-height: 140%;
    color: #6e6d6e;
}

.text-content h1,
.text-content h2,
.text-content h3,
.text-content h4,
.text-content h5,
.text-content h6 {
    line-height: normal;
    font-weight: 400;
    color: #262326;
}

.text-content h1 {
    font-size: 32px;
    margin-bottom: 24px;
}
@media (max-width: 767px) {
    .text-content h1 {
        font-size: 28px;
    }
}

.text-content h2 {
    font-size: 28px;
    margin-bottom: 24px;
}
@media (max-width: 767px) {
    .text-content h2 {
        font-size: 24px;
    }
}

.text-content h3 {
    font-size: 24px;
    margin-bottom: 24px;
}
@media (max-width: 767px) {
    .text-content h3 {
        font-size: 18px;
    }
}

.text-content h4,
.text-content h5,
.text-content h6 {
    font-size: 14px;
    margin-bottom: 30px;
}

.text-content a {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    color: #121212;
}
.text-content a.btn {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    color: #fff;
}
.text-content a.btn:hover {
    color: #fff!important;
}

.text-content span {
    color: #454545;
}

.text-content p:not(:last-child) {
    margin-bottom: 30px;
}

.text-content table {
    border-collapse: collapse;
    width: 100%;
}

.text-content table:not(:last-child) {
    margin-bottom: 30px;
}

.text-content table th,
.text-content table td {
    border: 1px solid #ededed;
    font-size: 16px;
    padding: 15px 25px;
}

.text-content table th {
    font-weight: normal;
    text-align: left;
}

.text-content ul:not(:last-child),
.text-content ol:not(:last-child) {
    margin-bottom: 30px;
}

.text-content ul {
    list-style: none;
}
.text-content ul ul {
    margin-top: 30px;
    margin-bottom: 30px;
}

.text-content ul > li,
.text-content ol > li {
    position: relative;
    padding-left: 24px;
}
.text-content ul > li:not(:last-child),
.text-content ol > li:not(:last-child) {
    margin-bottom: 8px;
}

.text-content ul > li:before {
    width: 8px;
    height: 8px;
    border-radius: 1px;
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 7px;
    background: rgb(176, 176, 176);
}

.text-content ol {
    counter-reset: listCounter;
}
.text-content ol li::marker {
    font-size: 0;
}

.text-content ol > li:before {
    counter-increment: listCounter;
    content: counter(listCounter) ".";
    position: absolute;
    top: 0;
    left: 0;
    color: #000;
}

.text-content img {
    max-width: 100%;
    margin-bottom: 30px;
}

.text-content figure {
    margin: 0 0 30px;
    padding: 0;
}

.text-content figure img {
    margin-bottom: 0;
    max-width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    height: auto;
}

.text-content li.blocks-gallery-item {
    padding-left: 0;
}

.text-content li.blocks-gallery-item::before {
    display: none;
    padding-left: 0;
}

/* Text content end */
/* Category start */
.catalog {
    padding: 40px 0 88px;
}

.main.active-filter {
    z-index: 99;
    position: relative;
}

@media (max-width: 767px) {
    .catalog {
        padding: 32px 0 64px;
    }
    .main > .catalog{
        padding: 32px 8px 64px;
    }
}

.catalog .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

@media (max-width: 1199px) {
    .catalog .top_container ,
    .catalog .container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}
.catalog .top_container {
    flex-wrap: wrap;
}

.categories-slider {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 3rem;
    width: 100%;
}
@media (max-width: 768px) {
    .categories-slider {
        flex-wrap: nowrap;
        width: 100%;
        overflow: hidden;
    }
}

.catalog .top_container .top__wrap ,
.catalog .top_container .top__list {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

.catalog .top_container .top__list {
    display: grid;
    gap: 15px 35px;
    grid-template-columns: repeat(4, 1fr);
    flex-wrap: wrap;
}
@media (max-width: 1199px) {
    .catalog .top_container .top__list{
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 767px) {
    .catalog .top_container .top__list{
        display: flex;
        gap: 15px;
    }
}
@media (max-width: 480px) {
    .catalog .top_container .top__list{
        grid-template-columns: repeat(1, 1fr);
    }
}
.tol__list-item {
    width: 100%;
    padding: 10px 10px;
    border-radius: 5px;
    background: rgb(245, 245, 245);
    overflow: hidden;
    height: auto;
    display: flex;
    flex: 1 0 21%;
}
.tol__list-item a {
    width: 100%;
}

.categories-slider__bottom{
    display: none;
}
.tol__list-item_wrap {
    display: block;
    position: relative;
    padding: 10px 0;
    width: 100%;
    overflow: hidden;
}
.tol__list-item_title__wrap {
    width: calc(100% - 50px);
}
.tol__list-item_title__heading {
    font-size: 1.4rem;
    line-height: 1.2;
}
.tol__list-item_title__btn {
    position: absolute;
    width: 30px;
    height: 30px;
    overflow: hidden;
    top: 3px;
    right: 0;
    background: #fff;
    border-radius: 5px;
    text-align: center;
    padding: 1px;
    -webkit-transition: background-color 500ms linear;
    -ms-transition: background-color 500ms linear;
    transition: background-color 500ms linear;
}
.tol__list-item_title__btn .icon {
    width: 20px;
    height: 20px;
    fill: #000000;
    top: 5px;
    position: relative;
}
.tol__list-item:hover .tol__list-item_title__btn{
    background: #262326;
}
.tol__list-item:hover .tol__list-item_title__btn .icon{
    fill: #fff;
}
.tol__list-item_media {
    border-radius: 16px;
    width: 100%;
    background: #fff;
    overflow: hidden;
}

.tol__list-item_media img{
    max-width: 100%;
}

@media (max-width: 768px) {
    .tol__list-item {
        flex: 1 0 100%;
        width: auto;
        max-width: 100%;
        padding: 10px;
    }
    .tol__list-item a{
        display: flex;
        width: 100%;
        flex-wrap: nowrap;
        flex-direction: row;
        gap: 20px;
    }
    .tol__list-item_media{
        order: 0;
        width: auto;
        max-width: 80px;
    }
    .tol__list-item_wrap{
        order: 1;
        width: 100%;
        align-items: center;
        align-content: center;
    }
    .tol__list-item_title__wrap{
        height: auto;
    }
    .categories-slider__bottom {
        display: block;
    }
    .tol__list-item_title__heading{
        white-space: normal;
    }
    .tol__list-item_title__btn {
        top: 20%;
    }
}

@media (max-width: 480px) {
    .tol__list-item{
        white-space: nowrap;
    }
}
.catalog .container > .col:first-child {
    flex: 0 0 280px;
    width: 280px;
}

@media (max-width: 1199px) {
    .catalog .container > .col:first-child {
        width: 100%;
        margin-bottom: 14px;
        flex: 0 0 auto;
    }
}

.catalog .col:last-child {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.catalog__items {
    margin-bottom: 20px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0 20px;
}

.catalog__items_5{
    grid-template-columns: repeat(5, 1fr);
}

@media (max-width: 1360px) {
    .catalog__items {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 1023px) {
    .catalog__items {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 767px) {
    .catalog__items {
        grid-template-columns: 1fr;
    }
}

.catalog-more {
    border-radius: 8px;
    border: 1px solid #ededed;
    padding: 16px 24px;
    background-color: #fff;
    color: #262326;
    -webkit-transition: background 0.3s, color 0.3s, border 0.3s;
    -o-transition: background 0.3s, color 0.3s, border 0.3s;
    transition: background 0.3s, color 0.3s, border 0.3s;
}

@media (max-width: 767px) {
    .catalog-more {
        width: 100%;
    }
}

.catalog-top {
    margin-bottom: 20px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}

@media (max-width: 1023px) {
    .catalog-top {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 767px) {
    .catalog-top {
        gap: 16px;
        grid-template-columns: 1fr;
    }
}

.catalog-top .col:last-child {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

@media (max-width: 1023px) {
    .catalog-top .col:last-child {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
}

@media (max-width: 767px) {
    .catalog-top .col:last-child {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

.catalog-top .col:last-child button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #6e6d6e;
}

.catalog-top .col:last-child button svg {
    margin-right: 16px;
    width: 24px;
    height: 24px;
}
/* Category end */
/* Filter start */
.ocf-container.ocf-theme-light .ocf-filter.ocf-active {
    background-color: #fff; }

.ocf-container .ocf-value.ocf-selected.ocf-disabled .ocf-value-input-checkbox::before {
    background-color: rgb(65 65 65 / 60%); }

.ocf-container .ocf-value .ocf-disabled::active .ocf-value-input-checkbox::before {
    background-color: rgb(65 65 65 / 60%); }

.ocf-container .ocf-selected-card .ocf-selected-filter {
    border: 1px solid var(--black);
    background: #fff; }

.ocf-container .ocf-between {
    flex-wrap: wrap;
    justify-content: center; }
.ocf-container .ocf-between .ocf-btn {
    margin: 5px;
    width: 100%; }
.ocf-container .ocf-between .ocf-btn.ocf-search-btn-static {
    background-color:  var(--black); }

.ocf-container .ocf-button-cancel {
    padding: 0 25px;
    height: 40px;
    border-radius: 6px;
    background-color: #e92f2f;
    color: #fff; }
.ocf-container .ocf-button-cancel:hover, .ocf-container .ocf-button-cancel:focus, .ocf-container .ocf-button-cancel:active {
    background-color: #404040;
    color: #fff; }

@media (min-width: 768px) {
    .ocf-content {
        margin: 0 20px 25px 0;
    }
    .ocf-header {
        font-size: 32px;
        color: #262326;
        font-weight: 400;
        margin-bottom: 40px;
    }
}
.ocf-btn-link,
.ocf-btn-link:hover, .ocf-btn-link:focus {
    color: rgb(176, 176, 176);
}
/* Filter end */


/* Contact start */
.contacts-wrap {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 20px 1fr;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}
.contacts-inner {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 30px 1fr;
    grid-template-columns: repeat(2, 1fr);
    grid-row-gap: 60px;
    grid-column-gap: 30px;
    padding: 30px;
    border-radius: 5px;
    background: #f0f2f5;
}
.contacts-link_ul {
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    margin-top: 15px;
    list-style: none;
}
.contacts-link_ul a {
    width: 48px;
    height: 48px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 5px;
    background-color: rgba(62, 72, 78, 1);
    -webkit-transition: background 0.3s;
    -o-transition: background 0.3s;
    transition: background 0.3s;
}
.contacts-link_ul a svg {
    fill: #fff;
    width: 24px;
    height: 24px;
}
.contacts-block{

}
.contacts-label {
    display: block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    color: #1E1E1E;
    font-size: 18px;
    font-weight: 400;
    line-height: 100%;
    opacity: 0.5;
    margin-bottom: 15px;
}
.contacts-link_label{
    color:  var(--black);
    font-size: 18px;
    font-weight: 400;
    line-height: 100%;
    opacity: 0.7;
}
.contacts-links {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 30px 1fr;
    grid-template-columns: repeat(2, 1fr);
    border: 1px solid var(--black);
    gap: 30px;
    padding: 30px;
    border-radius: 5px;
    background: transparent;
    margin-top: 20px;
}
.contacts-box_ul{
    list-style: none;
    padding: 0px;
    margin: 0px;
}
.contacts-time,
.contacts-box_ul li a {
    color: var(--black);
    font-size: 20px;
    font-weight: bold;
    line-height: 100%;
    letter-spacing: -0.4px;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
    margin-bottom: 15px;
}
.contacts-block div {
    color: #666666;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.2;
}
.contacts-map {
    height: 100%;
    width: 100%;
    border-radius: 5px;
    border: 1px solid #DDD;
}
@media (max-width: 767px) {
    .contacts-wrap{
        display: block;
    }
    .contacts-inner {
        display: flex;
        flex-direction: column;
        grid-gap: 30px;
        padding: 20px;
        border-radius: 20px;
    }
    .contacts-map {
        height: 63.467vw;
        border-radius: 20px;
        margin-top: 10px;
    }
}
/* Contact end */

/* Product page */
.product-page {
    padding: 40px 0;
}

@media (max-width: 767px) {
    .product-page {
        padding: 32px 0;
    }
}
.product-gallery {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    padding: 0 20px 20px;
    border-radius: 30px;
    background: #FFF;
    flex-wrap: wrap;
}


.product-slider .swiper-slide {
    position: relative;
    height: 100%;
    border-radius: 16px;
    overflow: hidden;
}

@media (max-width: 1023px) {
    .product-slider .swiper-slide {
        height: 400px;
    }
}

@media (max-width: 767px) {
    .product-slider .swiper-slide {
        height: auto;
        aspect-ratio: 1/1;
        min-height: 77.333vw;
    }
}

.product-slider img {
    /*position: absolute;*/
    width: 100%;
    /*top: 0;
    left: 0;*/
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%;
    border-radius: 16px;
}

.product-thumbs {
    width: 100%;
    margin: 20px 0 0;
    padding: 0 0;
}
.product-gallery .product-thumbs {
    padding: 0 30px;
}
.product-thumb {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    background: #FFFFFF;
    border-radius: 5px;
    border: 1px solid #FFFFFF;
    cursor: pointer;
    overflow: hidden;
}
.product-thumb img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}

.product-thumb.swiper-slide-thumb-active {
    border: 1px solid rgb(65 65 65 / 60%);
}

.product-arrow {
    position: absolute;
    z-index: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.product-arrow svg {
    fill: rgb(65 65 65 / 60%);
    -webkit-transition: 0.1s;
    -o-transition: 0.1s;
    transition: 0.1s;
}
.product-slider .swiper-pagination{
    bottom: 20%!important;
}

.product-arrow.swiper-button-disabled {
    opacity: 0.5;
}

.video_thumb__wrap {
    padding: 20px;
    height: 100%;
    width: 100%;
    text-align: center;
}
.swiper-slide iframe {
    position: relative;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.product-prev {
    bottom: 51px;
    left: 20px;
    transform: rotate(-90deg);
}

.product-next {
    bottom: 51px;
    right: 20px;
    transform: rotate(-90deg);
}
@media (max-width: 767px) {
    .product-prev,
    .product-next{
        bottom: 55px;
    }
}

.characteristics {
    padding-bottom: 88px;
}

@media (max-width: 767px) {
    .characteristics {
        padding-bottom: 64px;
    }
}

.tab-pane {
    display: none;
}

.tab-pane.active {
    display: block;
}

.tab-text {
    font-size: 1.5em;
    line-height: 1.5;
    padding: 24px 32px;
}

@media (max-width: 767px) {
    .tab-text {
        padding: 24px 16px;
    }
}
.tab-text p span{
    display: inline-block;
}
.tab-content .tab-pane {
    border: 1px solid #ededed;
    border-top: none;
    border-radius: 0 0 6px 6px;
}

.tab-content .tab-pane table td {
    color: #6e6d6e;
    border-bottom: none;
    border-top: none;
    padding: 10px 32px;
    white-space: break-spaces;
    font-size: 1.5em;
}
#tab-specification .table tr:nth-child(2n) td {
    background: #f0f2f5
}
@media (max-width: 767px) {
    .tab-content .tab-pane table td {
        width: auto;
        padding: 4px 16px;
        font-size: 14px;
    }

    #tab-specification {
        max-height: unset;
        overflow-y: inherit;
    }
}

.tab-content .tab-pane table td strong {
    color: #262326;
}

.tab-content .tab-pane table td:first-child {
    border-left: none;
    color: #262326;
    width: 30%;
}

.tab-content .tab-pane table td:last-child {
    border-right: none;
    width: 70%;
}

.tab-content .tab-pane table tr:first-child td {
    padding-top: 24px;
}

.tab-content .tab-pane table tr:last-child td {
    padding-bottom: 24px;
}

.tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    list-style: none;
    background-color: #f0f2f5;
    border-radius: 5px 5px 0 0;
    padding: 0 16px;
}

@media (max-width: 767px) {
    .tabs {
        overflow: auto;
    }

    .tabs::-webkit-scrollbar {
        display: none;
    }
}

.tabs li {
    cursor: pointer;
    padding: 16px;
    border-bottom: 4px solid transparent;
    font-size: 18px;
}

@media (max-width: 767px) {
    .tabs li {
        white-space: nowrap;
    }
}

.tabs li.active {
    border-color: var(--black);
}

.product-page__info {
    padding: 32px;
    border-radius: 5px 5px 0 0;
    background-color: #f0f2f5;
    border-bottom: 1px solid #e1e1e1;
}

.product-page__post-info {
    padding: 16px 32px 0;
    background-color: #f0f2f5;
}

@media (max-width: 767px) {
    .product-page__post-info,
    .product-page__info {
        padding: 32px 16px 0;
    }
    .tabs li a {
        font-size: 14px;
    }
}

.product-page__info .old-price {
    color: #666666;
    margin-bottom: 8px;
    text-decoration: line-through;
}

.product_variants {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    width: 100%;
    padding: 20px;
    background: #f0f2f5;
    border-bottom: 2px solid #fff;
}
.product__item-variant {
    width: 7%;
    display: flex;
}
@media (max-width: 1400px) {
    .product__item-variant {
        width: 15%;
    }
}
@media (max-width: 767px) {
    .product_variants {
        flex-direction: column;
    }
    .product__item-variant {
        width: 100%;
        background: #e9e9e9;
        padding: 5px;
        border-radius: 16px;
    }
}

.product__item-variant--img{
    background: #fff;
    border-radius: 12px;
    padding: 5px;
}

.product__item-variant--img.active {
    border: 2px solid rgb(65 65 65 / 60%);
}
.product__item-variant--img.active img{
    filter: grayscale(100%);
}
.product__item-variant--img img{
    max-width: 100%;
}

@media (max-width: 767px) {
    .product__item-variant--img{
        width: 100%;
        display: flex;
        background: transparent;
        overflow: hidden;
    }
    .product__item-variant--img.active{
        border: unset;
        border-radius: 0;
    }
    .product__item-variant--img.active:after {
        content: "";
        width: 86px;
        position: absolute;
        height: calc(100% - 4px);
        background: rgb(65 65 65 / 60%);
        bottom: 2px;
        left: 2px;
        border-radius: 18px;
        z-index: 8;
    }
    .product__item-variant--img img {
        width: 80px;
        border-radius: 16px;
        z-index: 9;
    }
}

.product-page__price {
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 16px;
}
.old-price {
    color: #919191;
    text-decoration: line-through;
    font-weight: 500;
    display: inline-block;
    font-size: 18px;
    line-height: 16px;
    margin-right: 16px;
}

@media (max-width: 767px) {
    .product-page__price {
        font-size: 32px;
    }
}


.product-page__info h1 {
    margin-bottom: 0;
}

.product-page__subtitle {
    font-size: 18px;
    color: #666666;
    margin-bottom: 16px;
}

.product-page__descr p:not(:last-child) {
    margin-bottom: 16px;
}

.product-page__descr p {
    line-height: 140%;
}

.product-page__descr p span {
    color: #666666;
}
.product-page__post-info .product-single__information p{
    margin-bottom: 0;
    line-height: 26px;
}
.accordion-pane,
.product-single__information .p-attr span{
    min-width: 120px;
    display: inline-block;
    font-size: 1.5em;
}
.product-single__information .p-attr span:first-child{
    color: rgb(65 65 65 / 60%);
}

.product-single__information .accordion {
    margin: -1rem 0 0 ;
}
.tabcustom {
    font-weight: 500;
    line-height: 24px;
    font-size: calc(1rem + 1px);
    padding: 16px 18px 16px 0;
    position: relative;
    cursor: pointer;
}
.tabcustom:after, .tabcustom:before {
    content: "";
    position: absolute;
    top: calc(50% - 1px);
    right: 0;
    width: 10px;
    height: 1.5px;
    background-color: currentColor;
}
.tabcustom svg {
    width: 24px;
    height: 24px;
    margin-right: 8px;
    fill: none;
    stroke-width: 4px;
    stroke: currentColor !important;
    stroke-linecap: miter;
    stroke-linejoin: miter;
}
.tabcustom.collapsed::before {
    transform: rotate(-90deg);
}
.collapse {
    position: relative;
    width: 100%;
    overflow: hidden;
    transition: height .35s ease;
}
.collapsing {
    height: 0;
    overflow: hidden;
}
.collapse:not(.show) {
    display: none;
}
.product-page__actions {
    background-color: #f0f2f5;
    border-radius: 0 0 5px 5px;
    padding: 32px;
    margin-bottom: 16px;
}

@media (max-width: 767px) {
    .product-page__actions {
        padding: 32px 16px;
    }
}

.product-page__availability {
    font-size: 18px;
    color: #84c1a8;
    margin-bottom: 8px;
}
.out-of-stock{
    color: #ffaa95;
}

.product-page__add {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (max-width: 767px) {
    .product-page__add {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

.product-page__add .btn {
    width: 200px;
    margin: 0 8px;
}

@media (max-width: 767px) {
    .product-page__add .btn {
        margin-left: 0;
        width: calc(100% - 48px);
    }
}
.product-page__add .quantity-controls__container {
    flex: 1 0 50%;
    max-width: 120px;
}
@media (max-width: 767px) {
    .product-page__add .quantity-controls__container {
        /*margin-right: 10px;*/
    }
    .product-page__actions .product-page__add {
       gap: 10px;
    }
    .product-page__add .btn {
        width: 200px;
        margin: 0 8px;
    }
}

.product-page__add .product__item-save {
    width: 4.6rem;
    height: 4.6rem;
}

.product__item-save--added svg {
    fill: rgb(65 65 65 / 60%);
}

.product__item-save--added svg path {
    stroke: rgb(65 65 65 / 60%) !important;
}
@media (max-width: 767px) {
    .simplefavorite-button {
        display: none;
    }
}

.related-product__section{
    display: grid;
    gap: 0px;
    width: 100%;
    padding-bottom: 20px;
    grid-template-columns: 1fr;
    grid-auto-flow: row;
    height: 100%;
    align-content: start;
}
.products-related-slider {
    padding-bottom: 5rem !important;
    width: 100%
}
.related-product__section .products-slider__arrows,
.related-product__section .swiper-pagination{
    margin-top: 2.5rem;
}
.product-form__comment{
    padding: 20px;
    background-color: #f0f2f5;
    border-radius: 5px;
}
.product-page__comment {
    padding-left: 32px;
}

.write-review_title{
    display: flex;
    font-size: 2em;
    margin-bottom: 16px;
}

@media (max-width: 767px) {
    .product-page__comment {
        padding-left: 16px;
    }
}

.product-page__comment p {
    line-height: 140%;
}

.product-page__comment p:not(:last-child) {
    margin-bottom: 4px;
}

.product-page__comment a {
    color: rgb(65 65 65 / 60%);
}
.arrow-top-thin{
    width: 2.25rem;
    height: 2.25rem;
    fill: #888888;
    stroke: #000000;
}
.policy-card {
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 1.25rem;
    border-radius: 5px;
    text-decoration: none;
    transition: all 0.3s ease;
}

.policy-card:hover {
    transform: translateY(-2px);
}

.policy-icon-top {
    position: absolute;
    top: 1.25rem;
    right: 1.25rem;
    opacity: 0.6;
    transition: all 0.3s ease;
}

.policy-card:hover .policy-icon-top {
    opacity: 1;
    transform: scale(1.1);
}

.bg-red-light   { background-color: #fef2f2; }
.bg-sky-light   { background-color: #f0f9ff; }
.bg-green-light { background-color: #f0fdf4; }
.bg-amber-light { background-color: #fffbeb; }

.text-truncate {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.policy-title{
    font-size: 16px;
}
.policy-text{
    font-size: 12px;
}
.policy-icon-main svg {
    color: #292D32;
}

/* end product page */
/* Reviews start */
.review-wrap{
    margin-bottom: 50px;
}
.product_reviews_top {
    position: absolute;
    left: 2em;
    top: 75%;
    z-index: 9;
    background: #f0f2f5;
    padding: 1em 1em;
    border-radius: 8px;
    display: flex;
    gap: 5px;
    align-items: center;
    color: rgb(65 65 65 / 60%);
    font-weight: bold;
}
.product_reviews_top span {
    color: #262326;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 .5em 0 0;

}
@media (max-width: 768px) {
    .product_reviews_top{
        top: 60%;
    }
}

.star{
    width: 1em;
    height: 1em;
    fill: #fee66a;
    stroke: #fee66a;
}
.review-wrapper {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 30px;
}
.review-contain {
    display: -ms-grid;
    display: grid;
    gap: 10px;
    width: 705px;
    min-width: 705px;
}
.review-total {
    width: 100%;
    padding: 20px;
    border-radius: 5px;
    background-color: #f0f2f5;
}

.review-total_wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    gap: 24px;
}

.review-total_numbers {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-width: -webkit-fit-content;
    min-width: -moz-fit-content;
    min-width: fit-content;
    -ms-grid-row: 5;
    grid-area: 5px;
    text-align: center;
    padding-bottom: 24px;
}
.average_title {
    color: #1E1E1E;
    font-size: 3em;
    line-height: 1.2;
}
.total-text {
    color: rgb(65 65 65 / 60%);
    font-size: 1.2em;
    line-height: 1.2;
}

.review-total_list {
    display: -ms-grid;
    display: grid;
    gap: 10px;
    width: 100%;
}

.review-total_list__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
}

.review-total_star {
    min-width: 18px;
}

.review-total_num {
    font-size: 18px;
    font-weight: 500;
    line-height: 100%;
    letter-spacing: -0.36px;
}

.review-total_line {
    position: relative;
    width: 100%;
    height: 10px;
    border-radius: 10px;
    background: #e1e1e1;
}
.review-total_line span {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    border-radius: 10px;
    background: var(--black);
}

.review-inner {
    display: -ms-grid;
    display: grid;
    gap: 10px;
}
.review-form {
    position: sticky;
    top: 145px;
    width: 100%;
}

.review-comment {
    padding: 20px;
    border-radius: 5px;
    background: #f0f2f5;
}

.review-comment_wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.review-comment_cover {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px;
}

.review-comment_ava {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 50px;
    min-width: 50px;
    height: 50px;
    border-radius: 50%;
    overflow: hidden;
    background: url("../image/avatar.svg") center no-repeat;
    background-size: cover;
}
.review-comment_ava img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.review-comment_text {
    display: -ms-grid;
    display: grid;
    gap: 8px;
}
.review-comment_text span:nth-child(1) {
    font-size: 18px;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: -0.36px;
}
.review-comment_text span:nth-child(2) {
    color: rgba(30, 30, 30, 0.5);
    font-size: 16px;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: -0.32px;
}

.review-comment_stars {
    display: block;
    width: 141px;
    min-width: 141px;
    height: 25px;
}
.review-comment_p {
    display: block;
    font-size: 16px;
    font-weight: 400;
    line-height: 130%;
    letter-spacing: -0.32px;
    margin-top: 20px;
}
.review-comment_p.limitations span,
.review-comment_p.dignity span{
    display: inline-flex;
    font-weight: 500;
    color: #00BC52;
    width: 100px;
}
.review-comment_p.limitations span{
    color: #ffaa95;
}
.section-nav_more{
    width: 100%;
}
.review-form_stars{
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    gap: 10px;
    margin-bottom: 16px;
}
.review-form_stars input {
    position: absolute;
    z-index: -1;
    padding: 0px;
    margin: 0px;
    width: 0px;
    height: 0px;
    opacity: 0;
}
.review-form_stars label {
    display: inline-flex;
    width: 40px;
    height: 40px;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gVXBsb2FkZWQgdG86IFNWRyBSZXBvLCB3d3cuc3ZncmVwby5jb20sIEdlbmVyYXRvcjogU1ZHIFJlcG8gTWl4ZXIgVG9vbHMgLS0+DQo8c3ZnIHdpZHRoPSI4MDBweCIgaGVpZ2h0PSI4MDBweCIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgY2xhc3M9Imljb24iICB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTc2MS4yIDk0Mi44Yy04LjkgMC0xNy45LTEuOC0yNi41LTUuNGwtMjIwLjctOTMtMjIwLjcgOTNjLTIyLjEgOS4zLTQ2LjggNi40LTY2LjItNy42LTE5LjQtMTQuMS0yOS44LTM2LjctMjcuNy02MC42bDIwLjItMjM4LjdMNjIuOSA0NDkuMmMtMTUuNy0xOC4xLTIwLjYtNDIuNS0xMy4yLTY1LjMgNy40LTIyLjggMjUuNy0zOS42IDQ5LjEtNDUuMUwzMzIgMjg0LjNsMTIzLjktMjA1YzEyLjQtMjAuNSAzNC4xLTMyLjcgNTgtMzIuNyAyNCAwIDQ1LjcgMTIuMiA1OC4xIDMyLjdsMTIzLjkgMjA1IDIzMy4yIDU0LjVjMjMuMyA1LjUgNDEuNyAyMi4zIDQ5LjEgNDUuMSA3LjQgMjIuOCAyLjUgNDcuMi0xMy4yIDY1LjNMODA4LjQgNjMwLjRsMjAuMiAyMzguN2MyIDIzLjktOC4zIDQ2LjUtMjcuNyA2MC42LTExLjggOC42LTI1LjcgMTMtMzkuNyAxMy4xek0xNDYuNCA0MTUuM0wyODkgNTgwLjJjMTEuOSAxMy43IDE3LjggMzIgMTYuMyA1MC4xbC0xOC40IDIxNy4yIDIwMC44LTg0LjZjMTYuOC03IDM1LjktNyA1Mi42IDBsMjAwLjkgODQuNi0xOC40LTIxNy4yYy0xLjUtMTguMSA0LjQtMzYuNCAxNi4zLTUwLjFsMTQyLjUtMTY0LjktMjEyLjItNDkuNmMtMTcuNy00LjEtMzMuMi0xNS40LTQyLjYtMzFMNTE0IDE0OC4zIDQwMS4yIDMzNC44Yy05LjQgMTUuNi0yNC45IDI2LjgtNDIuNiAzMWwtMjEyLjIgNDkuNXogbTU1My4zLTEyNC43aDAuMi0wLjJ6IiBmaWxsPSIjZmVlNjZhIiAvPjwvc3ZnPg==) center no-repeat;
    background-size: contain;
    cursor: pointer;
}
.review-form_stars input:checked ~ label {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gVXBsb2FkZWQgdG86IFNWRyBSZXBvLCB3d3cuc3ZncmVwby5jb20sIEdlbmVyYXRvcjogU1ZHIFJlcG8gTWl4ZXIgVG9vbHMgLS0+DQo8c3ZnIHdpZHRoPSI4MDBweCIgaGVpZ2h0PSI4MDBweCIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgY2xhc3M9Imljb24iICB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQogPHBhdGggZD0ibTc2MS4yLDk0Mi44Yy04LjksMCAtMTcuOSwtMS44IC0yNi41LC01LjRsLTIyMC43LC05M2wtMjIwLjcsOTNjLTIyLjEsOS4zIC00Ni44LDYuNCAtNjYuMiwtNy42Yy0xOS40LC0xNC4xIC0yOS44LC0zNi43IC0yNy43LC02MC42bDIwLjIsLTIzOC43bC0xNTYuNywtMTgxLjNjLTE1LjcsLTE4LjEgLTIwLjYsLTQyLjUgLTEzLjIsLTY1LjNjNy40LC0yMi44IDI1LjcsLTM5LjYgNDkuMSwtNDUuMWwyMzMuMiwtNTQuNWwxMjMuOSwtMjA1YzEyLjQsLTIwLjUgMzQuMSwtMzIuNyA1OCwtMzIuN2MyNCwwIDQ1LjcsMTIuMiA1OC4xLDMyLjdsMTIzLjksMjA1bDIzMy4yLDU0LjVjMjMuMyw1LjUgNDEuNywyMi4zIDQ5LjEsNDUuMWM3LjQsMjIuOCAyLjUsNDcuMiAtMTMuMiw2NS4zbC0xNTYuNiwxODEuMmwyMC4yLDIzOC43YzIsMjMuOSAtOC4zLDQ2LjUgLTI3LjcsNjAuNmMtMTEuOCw4LjYgLTI1LjcsMTMgLTM5LjcsMTMuMXptLTYxLjUsLTY1Mi4ybDAuMiwwbC0wLjIsMHoiIGZpbGw9IiNmZWU2NmEiLz4NCg0KPC9zdmc+) center no-repeat;
    background-size: contain;
}
@media (max-width: 1200px) {
    .review-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 10px;
    }
    .review-contain {
        width: 100%;
        min-width: 100%;
    }
    .review-form {
        position: relative;
        top: 0;
        margin-top: 20px;
    }
    #button-review{
        width: 100%;
    }
}
/* Reviews end*/
/* Inputs start */
.input-wrapper {
    position: relative;
}

.input-wrapper label.error {
    position: absolute;
    left: 0;
    top: calc(100% + 3px);
    color: #ee4130;
    font-size: 13px;
    line-height: 14px;
    white-space: nowrap;
}

.input-wrapper.checkbox-input label.error {
    left: 42px;
}

.input-wrapper.error input {
    border-color: rgba(238, 65, 48, 0.2);
}

.input-wrapper.error textarea {
    border: 1px solid rgba(238, 65, 48, 0.2);
}

.input-wrapper.error input:focus,
.input-wrapper.error textarea:focus {
    border-color: #ee4130;
}

.input,
.textarea {
    position: relative;
    margin-bottom: 25px;
    width: 100%;
}

.input input,
.textarea textarea {
    -webkit-transition-property: border-color;
    -o-transition-property: border-color;
    transition-property: border-color;
    -webkit-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: cubic-bezier(0.45, 0, 0.55, 1);
    -o-transition-timing-function: cubic-bezier(0.45, 0, 0.55, 1);
    transition-timing-function: cubic-bezier(0.45, 0, 0.55, 1);
    resize: none;
    width: 100%;
    font-size: 16px;
}

.input input::-ms-clear,
.textarea textarea::-ms-clear {
    display: none;
}

.input input:focus,
.textarea textarea:focus {
    border-color: var(--black);
}

.input input,
.textarea input {
    border: 1px solid var(--gray-light);
    height: 55px;
    border-radius: 8px;
    padding: 0 20px;
}

.input textarea,
.textarea textarea {
    border-radius: 8px;
    border: 1px solid #ededed;
    height: 120px;
    padding: 20px;
}

.input .input-label,
.textarea .input-label {
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: cubic-bezier(0.45, 0, 0.55, 1);
    -o-transition-timing-function: cubic-bezier(0.45, 0, 0.55, 1);
    transition-timing-function: cubic-bezier(0.45, 0, 0.55, 1);
    position: absolute;
    left: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.textarea .input-label {
    left: 20px;
    top: 22px;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}

.input:not(.empty) .input-label {
    font-size: 0;
}

.textarea:not(.empty) .input-label {
    font-size: 0;
}

.input.required .input-label:after,
.textarea.required .input-label:after {
    content: "*";
    color: #acc53e;
    margin-left: 3px;
}

.checkbox-container {
    display: block;
    position: relative;
    padding-left: 45px;
    margin-bottom: 30px;
    cursor: pointer;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #000;
    line-height: 1.538;
}
.checkbox-container.error {
    display: block !important;
}
.checkbox-container a {
    display: inline;
    color: #acc53e;
}

.checkbox-container input {
    cursor: pointer;
    position: absolute;
    opacity: 0;
    height: 0;
    width: 0;
}

.checkmark {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    height: 30px;
    width: 30px;
    border: 1px solid #ededed;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    border-radius: 4px;
}

.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.checkbox-container input:checked ~ .checkmark:after {
    display: block;
}

.checkbox-container .checkmark:after {
    width: 30px;
    height: 30px;
    background-size: 35% 35%;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(/img/icon-checkbox.svg);
}

/* Inputs end*/
/* Checkout start */
.catalog_content {
    padding: 0;
    width: 100%;
    flex: 0 1 100%;
    order: 2;
}
.catalog_heading {
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    flex: 1 1 100%;
    justify-content: space-between;
    order: 0;
    border-bottom: 1px solid #d8d8d8;
}
.shop_cart {
    margin: 0 auto;
    width: 560px;
}

.shop_cart .shop_cart_title {
    margin: -15px -35px 15px -35px;
    padding: 15px;
    border-radius: 6px 6px 0 0;
    background: #fff;
    color: #000;
    font-weight: 400;
    text-align: center;
}

.shop_cart .shop_cart_title .svg-icon {
    font-size: 13px;
}

.shop_cart .shop_cart_text {
    margin: 20px 0 30px 0;
    padding: 15px 20px;
    background: #d8d8d8;
    color: #242424;
    font-size: 16px;
    font-weight: 400;
}

.shop_cart .shop_cart_content {
    padding-top: 20px;
    max-height: 380px;
    overflow: auto;
}

.shop_cart .cart_item {
    padding: 15px 10px 15px 0;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    border-bottom: 1px solid #d8d8d8;
}

.shop_cart .cart_item .item_image {
    padding: 0 10px;
    flex: 0 0 80px;
}

.shop_cart .cart_item .item_image img {
    margin: 0 auto;
    max-width: 100%;
    display: block;
    border-radius: 6px;
}

.shop_cart .cart_item .item_caption {
    padding: 0 10px;
    flex: 0 0 180px;
}

.shop_cart .cart_item .item_caption .item_title {
    padding: 0 0 10px 0;
}

.shop_cart .cart_item .item_caption .item_title a {
    color: #404040;
    font-size: 14px;
    font-weight: 400;
}

.shop_cart .cart_item .item_caption .item_option {
    padding: 0px 0 10px 0;
    font-size: 14px;
}

.shop_cart .cart_item .item_total,
.shop_cart .cart_item .item_price {
    padding: 0 10px;
    flex: 0 1 150px;
    text-align: center;
    font-size: 1.5rem;
}

.shop_cart .cart_item .price_old {
    color: #979797;
    font-weight: 500;
    text-decoration: line-through;
    margin-bottom: 2px;
}

.shop_cart .cart_item .price_new {
    font-weight: 700;
}

.shop_cart .cart_item .item_qty {
    width: 120px;
}

.shop_cart .cart_item .cart_remove {
    margin: -8px 0 0 0;
    flex: 0 0 30px;
}

.shop_cart .cart_item .cart_remove .svg-icon {
    font-size: 10px;
    height: 100%;
}

.shop_cart .cart_item .cart_remove:hover {
    background: #ff6666;
}

.shop_cart .shop_cart_gift .cart_item {
    justify-content: flex-start;
    border-right: 1px solid #d8d8d8;
    border-left: 1px solid #d8d8d8;
    position: relative;
}

.shop_cart .shop_cart_gift .cart_item::before {
    content: '';
    width: 60px;
    height: 60px;
    display: block;
    background: url("../img/icon_gift.png") no-repeat;
    position: absolute;
    top: 0;
    right: 15px;
}

.shop_cart .shop_cart_gift .item_image {
    max-width: 80px;
}

.shop_cart .shop_cart_wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: center;
    margin-top: 25px;
}

.shop_cart .shop_cart_wrap .shop_cart_total {
    color: #000;
    font-size: 16px;
    text-align: left;
    align-items: center;
}

.shop_cart .shop_cart_wrap .shop_cart_total .cart_total_title {
    font-weight: 600;
}

.shop_cart .shop_cart_wrap .shop_cart_total .iv {
    font-size: 12px;
}

.shop_cart .shop_cart_wrap .shop_cart_total p:last-child {
    margin: 0;
}

.shop_cart .shop_cart_wrap .shop_cart_buttons {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.shop_cart .shop_cart_wrap .shop_cart_buttons a {
    margin-left: 15px;
    vertical-align: middle;
}

.shop_cart .shop_cart_wrap .button {
    font-size: 14px;
    padding: 0 15px;
    line-height: 36px;
    height: 40px;
}

.shop_cart .shop_cart_wrap .button_default {
    color: #50B242;
}

.shop_cart .shop_cart_wrap .button_default:hover {
    color: #fff;
}

.shop_cart .bundle_simple_cart .product_bundle_heading {
    padding: 0 20px;
}

.shop_cart .bundle_cart, .shop_cart .bundle_simple_cart {
    margin-top: 4px;
}

.shop_cart .bundle_cart .product_bundle_heading, .shop_cart .bundle_simple_cart .product_bundle_heading {
    margin: 20px 0;
    color: #000;
    font-size: 18px;
    font-weight: 400;
}

.shop_cart .bundle_cart .bundle_carousel, .shop_cart .bundle_simple_cart .bundle_carousel {
    margin: 20px 0;
}

.shop_cart .bundle_cart .product_bundle, .shop_cart .bundle_simple_cart .product_bundle {
    padding: 15px;
    background: #fff;
    border-radius: 6px;
    width: 190px;
}

.shop_cart .bundle_cart .bundle_item, .shop_cart .bundle_simple_cart .bundle_item {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    flex-direction: column;
    align-items: center;
}

.shop_cart .bundle_cart .bundle_item .item_image, .shop_cart .bundle_simple_cart .bundle_item .item_image {
    border-radius: 6px;
    overflow: hidden;
}

.shop_cart .bundle_cart .bundle_item .bundle_item_inner, .shop_cart .bundle_simple_cart .bundle_item .bundle_item_inner {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: center;
}

.shop_cart .bundle_cart .bundle_item .bundle_item_inner .bundle_cart_detail, .shop_cart .bundle_simple_cart .bundle_item .bundle_item_inner .bundle_cart_detail {
    display: flex;
    justify-content: center;
    width: 100%;
    flex-direction: row-reverse;
    align-items: center;
    margin-bottom: 10px;
}

.shop_cart .bundle_cart .bundle_item .bundle_item_inner .bundle_cart_detail .bundle_discount, .shop_cart .bundle_simple_cart .bundle_item .bundle_item_inner .bundle_cart_detail .bundle_discount {
    color: #50B242;
    font-size: 16px;
    font-weight: 700;
}

.shop_cart .bundle_cart .bundle_item .bundle_item_inner .bundle_cart_detail .bundle_total, .shop_cart .bundle_simple_cart .bundle_item .bundle_item_inner .bundle_cart_detail .bundle_total {
    font-size: 14px;
    color: #979797;
    text-decoration: line-through;
}

.shop_cart .bundle_cart .bundle_item .bundle_item_inner .bundle_cart_detail .add_bundle_from_cart, .shop_cart .bundle_cart .bundle_item .bundle_item_inner .bundle_cart_detail .add_simple_bundle_from_cart, .shop_cart .bundle_simple_cart .bundle_item .bundle_item_inner .bundle_cart_detail .add_bundle_from_cart, .shop_cart .bundle_simple_cart .bundle_item .bundle_item_inner .bundle_cart_detail .add_simple_bundle_from_cart {
    width: 30px;
    height: 30px;
    padding: 0;
    border-radius: 6px;
    line-height: 15px;
    font-size: 20px;
    margin-right: 7px;
    padding-bottom: 1px;
}

.shop_cart .bundle_cart .bundle_item .bundle_item_inner .item_title, .shop_cart .bundle_simple_cart .bundle_item .bundle_item_inner .item_title {
    margin: 15px 0;
}

.shop_cart .bundle_cart .bundle_item .bundle_item_inner .item_title a, .shop_cart .bundle_simple_cart .bundle_item .bundle_item_inner .item_title a {
    line-height: 1.4;
    color: #404040;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    font-weight: 500;
    text-align: center;
}

.shop_cart .bundle_cart .carousel_navs, .shop_cart .bundle_simple_cart .carousel_navs {
    margin-top: 3vh;
}

.shop_cart .bundle_cart .carousel_navs .carousel_next, .shop_cart .bundle_simple_cart .carousel_navs .carousel_next {
    right: -2px;
}

.shop_cart .bundle_cart .carousel_navs .carousel_prev, .shop_cart .bundle_simple_cart .carousel_navs .carousel_prev {
    left: -2px;
}

.shop_cart .bundle_cart .carousel_navs .iv, .shop_cart .bundle_simple_cart .carousel_navs .iv {
    color: #414141;
    font-size: 14px;
}

.shop_cart .bundle_simple_cart .bundle_carousel {
    margin: 20px;
}

.shop_cart .bundle_simple_cart .product_bundle {
    padding: 10px;
}

.simplecheckout-cart .progress-shipping {
    margin: 20px;
}

.progress-shipping {
    margin: 20px 0 25px 0;
}

.progress-shipping .ps-bar {
    background: rgba(80, 178, 66, 0.12);
    margin-bottom: 10px;
    height: 16px;
    border-radius: 8px;
}

.progress-shipping .ps-bar .ps-scale {
    background: #50B242;
    height: 16px;
    border-radius: 8px;
    width: 0;
    transition: width .3s ease-in-out;
}

.progress-shipping .ps-info {
    display: flex;
    justify-content: space-between;
    font-size: 16px;
}

.progress-shipping .ps-info div + div, .progress-shipping .ps-info + .text-free-ready {
    font-size: 18px;
    color: #50B242;
    font-weight: 700;
}

.simple-content {
    margin: 0px 5px;
}
.simple-content fieldset {
    text-align: left;
}

.simple-content fieldset h3 {
    margin: 0;
}
.simple-content .name {
    float: none !important;
}
.simple-content .button, #simplecheckout_login .button {
    margin: 0px !important;
}
.simple-content .buttons {
    margin: 0px 0px 15px 0px;
    border: none;
}
.simple-content .form-control {
    width: 100%;
}
#simplecheckout_login .buttons {
    margin: 0;
    border: none;
    background: inherit !important;
    padding: 0px !important;
}
.simplecheckout {
    width:100%;
}
.simplecheckout:after {
    content:"";
    display:block;
    clear:both;
}
.simplecheckout-button-block:after {
    content:"";
    display:block;
    clear:both;
}
.simplecheckout-three-column {
    float:left;
    margin-right:2%;
    min-width: 200px;
    max-width: 500px;
    width:32%;
}
.simplecheckout-three-column + .simplecheckout-three-column + .simplecheckout-three-column {
    margin-right:0px;
    float: right;
}
@media only screen and (max-width:768px) {
    .simplecheckout-three-column {
        display:block;
        float: none;
        min-width: auto !important;
        max-width: 1900px !important;
        width: 100%;
    }
}
.simplecheckout-left-column {
    float:left;
    margin-right:10px;
    min-width: 280px;
    max-width: 900px;
    width:52%;
}
.simplecheckout-right-column {
    float:right;
    min-width: 280px;
    max-width: 900px;
    width:46%;
}
@media only screen and (max-width:1024px) {
    .simplecheckout-left-column {
        display:block;
        float: none;
        min-width: auto !important;
        max-width: 1900px !important;
        width: 100% !important;
    }
    .simplecheckout-right-column {
        display:block;
        float: none;
        min-width: auto !important;
        max-width: 1900px !important;
        width: 100% !important;
    }
}
@media only screen and (max-width:1200px) {
    .simplecheckout label.col-sm-2 {
        padding-left: 5px;
        padding-right: 5px;
    }
}
@media only screen and (max-width:768px) {
    .simplecheckout label.col-sm-2 {
        padding-left: 15px;
        padding-right: 15px;
    }
}
.simplecheckout-block {
    clear: both;
    margin-bottom: 20px;
}
.simplecheckout-block-content {
    padding: 10px;
}
@media only screen and (min-width:1200px) {
    .simplecheckout-block-content>fieldset:nth-of-type(2),
    .simplecheckout-block-content>fieldset:nth-last-of-type(2) {
        width: 49%;
        margin-right: 1%;
        float: left;
        text-align: left;
    }
}
.simplecheckout-block-content:after {
    content:"";
    display:block;
    clear:both;
}
.simpleregister {
    margin-bottom: 5px;
}
.simpleregister-block-content {
    margin-bottom: 10px;
    padding: 10px;
}
@media only screen and (min-width:1200px) {
    .simpleregister-block-content>fieldset:nth-of-type(2),
    .simpleregister-block-content>fieldset:nth-last-of-type(2) {
        width: 49%;
        margin-right: 1%;
        float: left;
        text-align: left;
    }
}
.simpleregister-block-content:after {
    content:"";
    display:block;
    clear:both;
}
@media only screen and (max-width:600px) {
    .simpleregister-block-content .simplecheckout-customer {
        width: 100%;
    }
}
.simpleregister-button-block {
    overflow: auto;
    margin-bottom: 20px;
    padding: 6px;

    background: none repeat scroll 0 0 #FFFFFF;
    text-align:right;
}
.simpleregister-button-right {
    float: right;
    text-align: right;
}
.simpleregister-button-left {
    float: left;
    text-align: left;
}
.simplecheckout-methods-table {
    width: 100%;
}
.simplecheckout-methods-table td.code {
    width: 1px;
}
.simplecheckout-methods-table td.title {
    padding: 5px;
}
.simplecheckout-methods-table td.title label {
    display: block !important;
}
.simplecheckout-methods-table td.quote {
    width: 15%;
    text-align: right;
}
.simplecheckout-methods-description {
    padding: 5px;
    margin: 5px 0px;
}
.simplecheckout-required {
    color: #FF0000;
    font-weight: bold;
}
.simplecheckout-button-block {
    clear: both;
    margin-bottom: 20px;
    padding: 6px;
    background: none repeat scroll 0 0 #FFFFFF;
    text-align:right;
}
.simplecheckout-button-right {
    float: right;
    text-align: right;
}
.simplecheckout-button-left {
    float: left;
    text-align: left;
}
.simplecheckout-button {
    display: inline-block;
    padding: 6px 12px 6px 12px;
    -webkit-border-radius: 7px 7px 7px 7px;
    -moz-border-radius: 7px 7px 7px 7px;
    border-radius: 7px 7px 7px 7px;
    -webkit-box-shadow: 0px 2px 2px #DDDDDD;
    -moz-box-shadow: 0px 2px 2px #DDDDDD;
    box-shadow: 0px 2px 2px #DDDDDD;
    color: #FFFFFF;
    text-decoration: none;
    font-weight: bold;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 12px;
    cursor: pointer;
    -khtml-border-radius: 7px 7px 7px 7px;
}
.simplecheckout-button-left .button {
    margin: 0;
}
@media only screen and (max-width:780px) {
    .simplecheckout-button-left {
        display: none;
    }
}
#simplecheckout_customer .simplecheckout-block-content {
    text-align: center;
}
.simplecheckout-login {
    display: inline-block;
}
.simplecheckout-login-left {
    width:50%;
    text-align: left;
}
.simplecheckout-login-right {
    width:50%;
    text-align:left;
}
.simplecheckout-login-right .button {
    float: left;
    margin: 0;
}
.simplecheckout-login-right input {
    max-width: 160px !important;
    text-align:left;
}
#simplecheckout_cart .form-control {
    display: inline-block !important;
    min-width: 50px;
}
.simplecheckout-cart {
    margin: 0px !important;
    width: 100%;
    border-collapse: collapse;
    border-radius: 8px;
}
.simplecheckout-cart-total {
    padding: 7px 3px;
    text-align: right;
}
.simplecheckout-cart-total:after {
    content:"";
    display:block;
    clear:both;
}
.simplecheckout-cart-total .buttons {
    background: inherit !important;
    padding: 0px !important;
}
.simplecheckout-cart-total input {
    margin-right: 0px !important;
    max-width: 100px;
}
.simplecheckout-cart-total span.inputs {
    margin: 0 3px 0 0 !important;
    display: inline-block !important;
}
.simplecheckout-cart-total span.inputs input[type=text]{
    margin: 0px;
}
.simplecheckout-cart-total-value {
    display: inline-block;
    margin: 0px 3px;
    min-width: 60px;
}
.simplecheckout-cart-total-remove {
    display: inline-block;
    width: 18px;
    text-align: center;
}
.simplecheckout-cart-total-remove img {
    vertical-align: -2px;
    cursor: pointer;
}
.simplecheckout-cart col.image {
    width: 5%;
}
.simplecheckout-cart col.name {

}
.simplecheckout-cart col.model {
    width: 10%;
}
.simplecheckout-cart col.quantity {

}
.simplecheckout-cart col.price {
    width: 10%;
}
.simplecheckout-cart col.total {
    width: 10%;
}
.simplecheckout-cart col.remove {
    width: 7px;
}
.simplecheckout-cart th {
    padding: 8px;
    border-bottom: 1px solid #DDDDDD;
    background-color: #F8F8F8;
    color: #4D4D4D;
    font-weight: bold;
}
.simplecheckout-cart th.image {
    width: 1px;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    position: static !important;
}
.simplecheckout-cart th.name {
    text-align: center;
}
.simplecheckout-cart .name {
    font-size: inherit !important;
}
.simplecheckout-cart th.model {
    text-align: center;
}
.simplecheckout-cart th.quantity {
    text-align: center;
}
.simplecheckout-cart .price {
    text-align: right;
    display: table-cell !important;
    font: inherit !important;
    font-weight: bold !important;
}
.simplecheckout-cart .total {
    text-align: right;
    display: table-cell !important;
    font: inherit !important;
    font-weight: bold !important;
}
.simplecheckout-cart th.remove {
    width: 7px;
    text-align: center;
}
.simplecheckout-cart td {
    padding: 7px;
    border-bottom: 1px solid #DDDDDD;
    vertical-align: top;
}
.simplecheckout-cart td.image {
    text-align: center;
    display: table-cell;
    vertical-align: middle !important;
    position: static !important;
}
.simplecheckout-cart td.name {
    text-align: center;
}
.simplecheckout-cart td.name div.image {
    display: none;
}
.simplecheckout-cart td.model {
    text-align: center;
}
.simplecheckout-cart td.quantity {
    min-width:70px;
    vertical-align:top;
    text-align: center;
    white-space: nowrap;
}
.simplecheckout-cart td.quantity input {
    float: none !important;
}
.simplecheckout-cart  td.quantity .input-group {
    margin: auto !important;
}
.simplecheckout-cart  td.quantity .quantity button {
    margin: 0 !important;
}
.simplecheckout-cart td.quantity img {
    display:inline-block;
    border: 0px;
    cursor:pointer;
}
.simplecheckout-cart td.price {
    text-align: right;
    white-space: nowrap;
    display: table-cell !important;
    font: inherit !important;
}
.simplecheckout-cart td.total {
    text-align: right;
    white-space: nowrap;
    display: table-cell !important;
}
.simplecheckout-cart td.remove {
    padding-right: 3px;
    padding-left: 3px;
    width: 7px;
    vertical-align: top;
    text-align: center;
}
.simplecheckout-cart td.remove img {
    max-width: 30px !important;
    cursor: pointer;
}
.simplecheckout-cart td.product-warning {
    color: #FF0000;
    font-weight: bold;
}
.simplecheckout-cart td.right {
    vertical-align: middle;
    text-align: right;
}
.simplecheckout-three-column .simplecheckout-cart col.image,
.simplecheckout-three-column .simplecheckout-cart th.image,
.simplecheckout-three-column .simplecheckout-cart td.image,
.simplecheckout-three-column .simplecheckout-cart col.price,
.simplecheckout-three-column .simplecheckout-cart th.price,
.simplecheckout-three-column .simplecheckout-cart td.price,
.simplecheckout-three-column .simplecheckout-cart col.model,
.simplecheckout-three-column .simplecheckout-cart th.model,
.simplecheckout-three-column .simplecheckout-cart td.model {
    display: none;
}
.simplecheckout-three-column .simplecheckout-cart td.name .image {
    display: block;
}
.simplecheckout-scroll{
    overflow-y:scroll;
    max-height:300px;
}
.simplecheckout-error-text {
    display: block;
    margin-top: 3px;
    color: #FF0000;
}
.simplecheckout-warning-text {
    margin: 5px 0;
    font-weight: bold;
}
.simplecheckout-warning-block {
    clear: both;
    margin-bottom: 15px;
    padding: 10px 10px 10px 33px;
    border: 1px solid #F8ACAC;
    border-radius: 5px 5px 5px 5px;
    color: #555555;
    text-align: left;
}
.simpleregister-warning-block {
    margin-bottom: 15px;
    padding: 10px 10px 10px 33px;
    border: 1px solid #F8ACAC;
    border-radius: 5px 5px 5px 5px;
    color: #555555;
    text-align: left;
}
.simplecheckout-proceed-payment {
    display: none;
    margin-bottom: 10px;
    padding: 10px;
    text-align: center;
    font-weight: bold;
}
#simple_payment_address_block {
    margin-top: 15px;
}
.simplecheckout-customer-same-address {
    text-align: left;
    margin: 15px 0px;
}
#simplecheckout_login {
    margin: auto;
    text-align: center;
}
#simplecheckout_payment_form {
    padding: 5px;
}
#simplecheckout_payment_form .checkout-content {
    display: block;
}
#simplecheckout_payment_form div.buttons {
    display: none;
}
#simplecheckout_login .simplecheckout-block-content {
    padding: 5px !important;
}
#simple_login_layer {
    position:absolute;
    top:0;
    left:0;
    z-index:99990;
    display:none;
    width:100%;
    background-color:#000000;
}
#simple_login {
    position:fixed;
    z-index:99991;
    display: none;
    padding:5px;
    width:300px;
    height:250px;
    border:1px solid #FFD9FF;
    -webkit-border-radius:7px 7px 7px 7px;
    -moz-border-radius:7px 7px 7px 7px;
    border-radius:7px 7px 7px 7px;
    background:none repeat scroll 0 0 #FFFFFF;
    -khtml-border-radius:7px 7px 7px 7px;
}
#simple_login:after {
    content:"";
    display:block;
    clear:both;
}
#simple_login_header {
    padding: 0px 0px;
    text-align: right;
}
#simple_login_header img {
    margin: 0 0 0 auto;
}
.you-will-be-registered {
    font-weight: bold;
    margin-bottom: 10px;
}
.simplecheckout label, .simpleregister label {
    display: inline-block !important;
    margin: 0;
}
#simple_summary {
    display: none;
}
#simplecheckout_step_menu {
    margin-bottom: 10px;
}
.simple-step {
    display: inline-block;
    padding: 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    background-color: #D9D9D9;
    color: #000000;
    font-size: 13px;
    -khtml-border-radius: 5px 5px 5px 5px;
    cursor: pointer;
    margin-bottom: 5px;
}
.simple-step-current {
    display: inline-block;
    padding: 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    background-color: #38B0E3;
    color: #FFFFFF;
    font-size: 13px;
    -khtml-border-radius: 5px 5px 5px 5px;
}
.simple-step-delimiter {
    display: inline-block;
    vertical-align: middle;
    line-height: 13px;
    margin: 0px 5px;
}
.simple-step-completed {
    display: inline-block;
    padding: 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    background-color: #38B0E3;
    color: #FFFFFF;
    font-size: 13px;
    -khtml-border-radius: 5px 5px 5px 5px;
}
.simple-step-completed a {
    color: #FFFFFF !important;
    text-decoration: none !important;
    font-size: 13px !important;
}
.simplecheckout-summary-info {
    margin-top: 15px !important;
}
.simplecheckout-summary-info th.name {
    text-align: left;
}
.simplecheckout-summary-info td {
    text-align: left;
}
.simplecheckout-cart-buttons .buttons {
    border: none !important;
    padding: 0 !important;
}
#simple_login .simplecheckout-block-content {
    border: none !important;
}
#temp_flat_container {
    text-align: center;
    margin: 10px 0px 20px 0px;
}
#simplecheckout_comment .simplecheckout-block-content {
    border: 0 !important;
    padding: 0 !important;
}
#simplecheckout_comment textarea {
    width: 100% !important;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    min-height: 100px;
}
.simple-content input[type=text],
.simple-content input[type=password],
.simple-content input[type=email],
.simple-content input[type=tel],
.simple-content input[type=phone],
.simple-content input[type=date],
.simple-content input[type=time],
.simple-content select,
.simple-content textarea {
    width: 100%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0px !important;
}
.checkout-heading:after {
    content:"";
    display:block;
    clear:both;
}
.simple-content .checkout-heading {
    background-color: #f5f5f5;
    border-color: #ddd;
    color: #333;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    padding: 10px 15px;
}
.checkout-heading span {
    display: inline-block !important;
    float: left;
}
.checkout-heading-button {
    float: right !important;
    display: inline-block !important;
}
.simplecheckout-select-address {
    text-align: left;
    margin-bottom: 10px;
}
.simple-captcha-container {
    margin-top: 5px;
}
.simplecheckout-tooltip {
    display: none;
}
#easyTooltip {
    padding:5px;
    border:1px solid #ccc;
    background:#fde910;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -khtml-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    -webkit-box-shadow: 0px 2px 2px #DDDDDD;
    -moz-box-shadow: 0px 2px 2px #DDDDDD;
    box-shadow: 0px 2px 2px #DDDDDD;
    opacity:1 !important;
}
#easyTooltip:before {
    content:'';
    position:absolute;
    left:10px;
    top:-8px;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 8px solid #fde910;
}
.simplecheckout-cart i {
    cursor: pointer;
}

.simple-content .table-responsive{
    margin-bottom: 0 !important;
    border: none !important;
}

@media only screen and (max-width:640px) {
    .simplecheckout-cart col.image,
    .simplecheckout-cart th.image,
    .simplecheckout-cart td.image,
    .simplecheckout-cart col.model,
    .simplecheckout-cart th.model,
    .simplecheckout-cart td.model,
    .simplecheckout-cart col.price,
    .simplecheckout-cart th.price,
    .simplecheckout-cart td.price,
    .simplecheckout-cart td.quantity [data-onclick*=increase],
    .simplecheckout-cart td.quantity [data-onclick*=decrease] {
        display: none !important;
    }
    .simplecheckout-cart td.name div.image {
        display: block;
    }

}
@media only screen and (max-width:1000px) {
    .simplecheckout-cart col.model,.simplecheckout-cart th.model,.simplecheckout-cart td.model {
        display: none;
    }
}
@media only screen and (max-width:600px) {
    #total_shipping span:first-child {
        max-width: 300px;
        display: inline-block;
    }
}
@media only screen and (max-width:420px) {
    #total_shipping span:first-child {
        max-width: 200px;
        display: inline-block;
    }
}
.row-customer_register .radio {
    display: inline-block !important;
    margin-right: 10px;
}
.simplecheckout-vertical-menu .checkout-heading {
    cursor: pointer;
    margin-bottom: 3px;
}
.simplecheckout-steps-wrapper {
    padding: 10px;
}
#agreement_checkbox {
    float: left;
    margin-right: 20px;
}
#agreement_checkbox .checkbox {
    margin: 0;
}
.simplecheckout-summary-totals .simplecheckout-cart-total {
    border: 0;
}
.simplecheckout #simplecheckout_shipping_address .form_content {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}
.simplecheckout #simplecheckout_shipping_address .form_content .form_field  {
    flex: 0 1 calc(50% - 10px);
    flex-direction: row;
}
.simplecheckout #simplecheckout_shipping_address .form_content .row-shipping_address_address_2 {
    flex: 0 1 100%;
    flex-direction: row;
}

.simplecheckout #simplecheckout_shipping_address .form_content .form_field .form_label {
    flex: 0 1 100%;
    font-weight: 500;
    color: #000;
    margin-bottom: 7px;
}
.simplecheckout #simplecheckout_shipping_address .form_content .form_field .form_label + .form_input_row {
    flex: 0 1 100%;
}
.simplecheckout #simplecheckout_shipping_address .form_content .form_field .form_input_row span,
.simplecheckout #simplecheckout_shipping_address .form_content .form_field .form_input_row .iv_select {
    margin: 0;
    flex: 0 1 100%;
}

.simplecheckout-cart .text-free-ready {
    text-align: right;
}
.simplecheckout .simplecheckout-left-column {
    margin: 0;
    padding: 25px 30px 0 0;
    width: 60%;
    border-right: 1px solid #d8d8d8;
}

.simplecheckout .simplecheckout-right-column {
    margin: 0;
    padding: 25px 0 0 30px;
    width: 40%;
}

.simplecheckout .simplecheckout-block {
    border-bottom: 1px solid #d8d8d8;
    background: #fff;
    box-shadow: none !important;
}

.simplecheckout .simplecheckout-block .simplecheckout-block-content {
    padding: 0 0 15px 0;
}

.simplecheckout .simplecheckout-block .simplecheckout-block-content .text_cost {
    color: #000;
    font-weight: 600;
}

.simplecheckout .simplecheckout-block .coupon_error {
    padding: 5px 10px;
    border: 1px solid #ff6666;
    border-radius: 4px;
    background: #fff;
    color: #e92f2f;
    font-size: 12px;
    font-weight: 500;
    line-height: 14px;
    text-align: center;
}

.simplecheckout .simplecheckout-block .text_error {
    color: #e92f2f;
    font-weight: 800;
}

.simplecheckout .simplecheckout-block .form_field .coupon_error {
    padding: 5px 0;
    flex: 0 1 100%;
    border: none;
    text-align: left;
}

.simplecheckout .checkout-heading {
    padding: 0 0 15px 0;
    font-size: 16px;
    font-weight: 400;
}

.simplecheckout #simplecheckout_customer .form_content {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}

.simplecheckout #simplecheckout_customer .form_content .form_field {
    flex: 0 1 calc(50% - 10px);
}

.simplecheckout #simplecheckout_customer .form_content .form_field input {
    width: 100%;
}

.simplecheckout .row-shipping_address_zone_id .iv_select {
    margin: 0;
}

.simplecheckout #simplecheckout_shipping,
.simplecheckout #simplecheckout_payment_form {
    border: none;
}

.simplecheckout #simplecheckout_comment textarea {
    height: 50px;
}

.simplecheckout .form_content {
    padding: 0;
}

.simplecheckout .simplecheckout-button-block {
    margin: 0;
    padding: 0;
    overflow: visible;
}

.simplecheckout .simplecheckout-button-block .simplecheckout-buttons {
    padding: 25px 30px 0 0;
    width: 60%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    float: left;
}

.simplecheckout .simplecheckout-button-block .simplecheckout-buttons #agreement_checkbox {
    flex: 0 1 55%;
    color: #696969;
    text-align: left;
}

.simplecheckout .simplecheckout-button-block .simplecheckout-buttons #agreement_checkbox .checkbox {
    margin: 0;
}

.simplecheckout .simplecheckout-button-block .simplecheckout-buttons #agreement_checkbox .checkbox input {
    margin: 4px 0 0 -18px;
    cursor: pointer;
}

.simplecheckout .simplecheckout-button-block .simplecheckout-buttons #agreement_checkbox label {
    padding: 0 0 0 20px;
}

.simplecheckout .simplecheckout-button-block .simplecheckout-buttons #agreement_checkbox a {
    color: #696969;
}

.simplecheckout #simplecheckout_cart {
    border-bottom: none;
    border-radius: 6px;
    background: #f5f5f4;
}

.simplecheckout #simplecheckout_cart .additional_cart_total {
    border-top: 1px solid #d8d8d8;
}

.simplecheckout #simplecheckout_cart .shop_cart {
    width: 100%;
}

.simplecheckout #simplecheckout_cart .shop_cart .shop_cart_title {
    margin: 0 auto;
    padding: 0 0 15px 0;
    background: #fff;
    font-size: 16px;
    font-weight: 400;
    text-align: left;
}

.simplecheckout #simplecheckout_cart .shop_cart .shop_cart_content {
    max-height: 100%;
    overflow: hidden;
}

.simplecheckout #simplecheckout_cart .shop_cart .cart_item {
    padding: 20px 20px 20px 0;
    display: grid;
    align-items: center;
    justify-content: flex-start;
    position: relative;
    grid-template-columns: 30% 50% 20%;
    grid-template-rows: auto auto;
    grid-template-areas: "thumb title price" "thumb qty total" "alert alert alert";
}

.simplecheckout #simplecheckout_cart .shop_cart .cart_item .item_image {
    grid-area: thumb;
}

.simplecheckout #simplecheckout_cart .shop_cart .cart_item .item_caption {
    grid-area: title;
}

.simplecheckout #simplecheckout_cart .shop_cart .cart_item .item_price {
    grid-area: price;
}

.simplecheckout #simplecheckout_cart .shop_cart .cart_item .item_total {
    font-weight: 500;
    grid-area: total;
}

.simplecheckout #simplecheckout_cart .shop_cart .cart_item .item_coupon {
    padding: 10px 0 10px 20px;
    grid-area: alert;
}

.simplecheckout #simplecheckout_cart .shop_cart .cart_item .cart_remove {
    position: absolute;
    top: 20px;
    right: 42px;
    color: #6e6d6e;
    font-weight: normal;
    margin-left: 16px;
    font-size: 12px;
    text-decoration: underline;
    text-underline-offset: 4px;
    text-decoration-thickness: 1px;
    background-color: transparent;
    border: 1px solid transparent;
}



.simplecheckout #simplecheckout_cart .shop_cart .shop_cart_gift .cart_item::before {
    right: 0;
}

.simplecheckout #simplecheckout_cart .shop_cart .shop_cart_total {
    margin: 0 auto;
    padding: 15px 20px;
    background: #f5f5f4;
}

.simplecheckout #simplecheckout_cart .shop_cart .shop_cart_total .simplecheckout-cart-total {
    padding: 10px 0;
    display: flex;
    align-items: center;
    justify-content: right;
    border: none;
    font-size: 14px;
}

.simplecheckout #simplecheckout_cart .shop_cart .shop_cart_total .additional_cart_info {
    font-size: .7em;
    color: #c0c0c0;
}

.simplecheckout #simplecheckout_cart .shop_cart .shop_cart_total .additional_cart_info .text_cost {
    color: #000;
    font-weight: 700;
}

.simplecheckout #simplecheckout_cart .shop_cart .shop_cart_total .simplecheckout-cart-total-value {
    font-size: 20px;
}

.simplecheckout #simplecheckout_cart .shop_cart .shop_cart_total .button {
    margin: 0 5px;
    order: -1;
    background: #e92f2f;
    color: #fff;
}

.simplecheckout #simplecheckout_cart .shop_cart .shop_cart_total .button:focus, .simplecheckout #simplecheckout_cart .shop_cart .shop_cart_total .button:hover {
    background: #ff6666;
}

.simplecheckout #simplecheckout_cart .shop_cart .shop_cart_total .button .iv {
    color: #fff;
}

.simplecheckout #simplecheckout_cart .shop_cart .shop_cart_coupon {
    margin: 10px;
    padding: 15px 10px;
}

.simplecheckout #simplecheckout_cart .shop_cart .shop_cart_coupon .form_field {
    align-items: center;
    flex-wrap: nowrap;
    justify-content: space-between;
}

.simplecheckout #simplecheckout_cart .shop_cart .shop_cart_coupon .form_field .form_label {
    margin: 0 auto;
    flex: 0 1 40%;
}

.simplecheckout #simplecheckout_cart .shop_cart .shop_cart_coupon .form_field .form_input {
    flex: 0 1 50%;
}

.simplecheckout #simplecheckout_cart .shop_cart .shop_cart_coupon .form_field .button {
    margin: 0 0 0 15px;
    height: 38px;
    flex: 0 1 30%;
}
@media (max-width: 768px) {
    .simplecheckout .checkout-heading {
        padding: 15px 0;
    }

    .simplecheckout .simplecheckout-step {
        display: flex;
        flex-wrap: wrap;
    }

    .simplecheckout .simplecheckout-left-column,
    .simplecheckout .simplecheckout-right-column {
        padding: 15px 0;
        width: 100%;
        border: none;
    }

    .simplecheckout .simplecheckout-left-column {
        flex: 0 1 100%;
        order: 2;
    }

    .simplecheckout .simplecheckout-right-column {
        flex: 0 1 100%;
        order: 1;
    }

    .simplecheckout #simplecheckout_shipping_address .form_content .form_field + .form_field,
    .simplecheckout #simplecheckout_shipping_address .form_content .form_field,
    .simplecheckout #simplecheckout_customer .form_content .form_field {
        flex: 0 1 100%;
    }

    .simplecheckout #simplecheckout_cart .shop_cart .cart_item {
        grid-template-columns: 25% 50% 25%;
    }

    .simplecheckout #simplecheckout_cart .shop_cart .cart_item .item_total,
    .simplecheckout #simplecheckout_cart .shop_cart .cart_item .item_price {
        padding: 0;
    }

    .simplecheckout .simplecheckout-button-block .simplecheckout-buttons {
        padding: 15px 0;
        width: 100%;
        flex-wrap: wrap;
        justify-content: center;
    }

    .simplecheckout .simplecheckout-button-block .simplecheckout-buttons #agreement_checkbox {
        padding: 15px 0;
        flex: 0 1 100%;
    }

    .simplecheckout .simplecheckout-button-block .simplecheckout-buttons .content {
        padding: 15px;
        width: 100%;
        text-align: center;
    }
}
@media (max-width: 559px) {
    .checkout-simplecheckout .simplecheckout #simplecheckout_cart .shop_cart .shop_cart_coupon .form_field {
        flex-wrap: wrap;
    }

    .checkout-simplecheckout .simplecheckout #simplecheckout_cart .shop_cart .shop_cart_coupon .form_field .form_label {
        display: none !important;
    }

    .checkout-simplecheckout .simplecheckout #simplecheckout_cart .shop_cart .shop_cart_coupon .form_field .form_input {
        flex: 1 1 100% !important;
        margin: 4px 0;
        height: 40px;
        text-align: center;
    }

    .checkout-simplecheckout .simplecheckout #simplecheckout_cart .shop_cart .shop_cart_coupon .form_field .button {
        flex: 1 1 100% !important;
        margin: 4px 0;
        height: 40px;
        font-size: 14px;
    }

    .shop_cart .shop_cart_title {
        font-size: 16px;
    }

    .shop_cart .shop_cart_wrap {
        margin-top: 15px;
    }

    .shop_cart .shop_cart_wrap .shop_cart_buttons {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        width: 100%;
        flex-wrap: wrap;
        margin-top: 15px;
    }

    .shop_cart .shop_cart_wrap .shop_cart_buttons .button {
        width: 100%;
        margin: 5px auto !important;
    }

    .shop_cart .shop_cart_wrap .shop_cart_total {
        order: -1;
        margin-left: auto;
    }

    .shop_cart .bundle_cart .product_bundle, .shop_cart .bundle_simple_cart .product_bundle {
        width: 128px;
    }

    .shop_cart .bundle_cart .bundle_item .bundle_item_inner .item_title a, .shop_cart .bundle_simple_cart .bundle_item .bundle_item_inner .item_title a {
        font-size: 12px;
    }
}
@media (max-width: 1024px) {
    .simplecheckout-cart .progress-shipping {
        margin: 0;
        background: #fff;
        padding: 15px 0;
    }

    .checkout-simplecheckout .catalog_heading {
        display: none;
    }

    .checkout-simplecheckout .simple-content {
        margin: 0;
    }

    .checkout-simplecheckout .simple-content .shop_cart .bundle_simple_cart {
        background: #fff;
    }

    .checkout-simplecheckout .simple-content .shop_cart .bundle_simple_cart .product_bundle_heading {
        padding-left: 0;
    }

    .checkout-simplecheckout .simple-content .shop_cart .bundle_simple_cart .bundle_carousel {
        margin-left: 0;
    }

    .checkout-simplecheckout .simple-content .shop_cart .bundle_simple_cart .product_bundle {
        background-color: #f5f5f4;
    }

    .checkout-simplecheckout .simple-content .shop_cart_total, .checkout-simplecheckout .simple-content .shop_cart_coupon {
        background-color: #fff !important;
        margin: 0 !important;
        padding: 0 !important;
    }
}

/* Checkout end*/

/* Service start */
.details-media{
    display: flex;
    border-radius: 5px;
    overflow: hidden;
    margin-bottom: 3rem;
}
.sidebar-widget{
    border-radius: 5px;
    background: #f0f2f5;
}
.icon-contact{
    background: #000;
    border-radius: 5px;
}
.call-to-action__wrapper{
    border-radius: 5px;
    overflow: hidden;
    margin-bottom: 3rem;
    background: #f0f2f5;
}
/* Service end */
/* Compare start */
.product-compare tbody {
    border: 0
}

.product-compare td {
    padding: 1.5rem;
    min-width: 180px;
    border-color: #f2f2f5;
    font-size: 1.5em;
}

.product-compare td:not(:first-child) {
    color: #8f90a6
}

.product-compare img:not(.sc-btn-icon) {
    border: 1px solid #f2f4f8
}

.product-compare .price-actual,.product-compare .product-compare-title {
    color: #1c1c28
}

.product-compare-product {
    background: #fafafc
}

.product-compare-product .sc-table-product-name {
    text-decoration: underline
}

.product-compare-product .sc-table-product-name:hover {
    text-decoration: none
}

.product-compare-btn .sc-btn {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0px;
    flex: 1 1 0;
    width: 180px
}

@media(max-width: 767px) {
    .product-compare-btn .sc-btn {
        width:100%;
        text-align: center
    }
}
/* compare end*/
/* Footer start */
.footer__copyright-ggroup {
    margin-left: auto;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 15px;
    white-space: pre-wrap;
}
.footer__copyright-ggroup a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
}

.footer {
    background-color: #f0f2f5;
    padding: 40px 0;
}
@media (max-width: 767px) {
    .footer {
        padding-bottom: 15px;
    }
}

.footer-inner {
    position: relative;
    z-index: 2;
    padding: 15px 30px;
}
.footer-inner::before {
    content: "";
    position: absolute;
    width: calc(100%);
    left: 0;
    height: 100%;
    z-index: -1;
    background-color: #262326;
    border-radius: 16px;
}
@media (max-width: 1500px) {
    .footer-inner::before {
        width: 100%;
        left: 0;
    }
}
@media (max-width: 1500px) {
    .footer-inner {
        padding: 0 15px;
    }
}

.footer-menu {
    padding: 40px 0;
}
@media (max-width: 767px) {
    .footer-menu {
        /*display: none;*/
    }
}
.footer-menu ul {
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 18px;
}
@media (max-width: 767px) {
    .footer-menu ul {
        flex-direction: column;
        gap: 25px;
        text-align: left;
        align-items: flex-start;
    }
}
.footer-menu ul li:not(:last-child) {
    margin-right: 24px;
}
.footer-menu ul a {
    color: #fff;
    font-weight: 500;
}

.footer-body {
    border-top: 1px solid #4a494d;
    border-bottom: 1px solid #4a494d;
    display: grid;
    grid-template-columns: 1fr 2fr 1fr;
}
@media (max-width: 1360px) {
    .footer-body {
        grid-template-columns: 1fr 1.5fr 1fr;
    }
}
@media (max-width: 1023px) {
    .footer-body {
        grid-template-columns: 1fr 1fr;
    }
}
@media (max-width: 767px) {
    .footer-body {
        grid-template-columns: 1fr;
    }
}
.footer-body .col:not(:last-child) {
    border-right: 1px solid #4a494d;
}
@media (max-width: 767px) {
    .footer-body .col:not(:last-child) {
        border-right: none;
    }
}
.footer-body .col {
    padding-top: 40px;
    padding-bottom: 40px;
}
@media (max-width: 767px) {
    .footer-body .col {
        padding-top: 32px;
        padding-bottom: 32px;
    }
}
.footer-body .col:nth-child(2) {
    padding-left: 40px;
    padding-right: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
@media (max-width: 1023px) {
    .footer-body .col:nth-child(2) {
        border-right: none;
        border-top: 1px solid #4a494d;
        grid-row: 2;
        grid-column: 1/3;
        padding-left: 0;
    }
}
@media (max-width: 767px) {
    .footer-body .col:nth-child(2) {
        grid-column: 1/2;
        padding-right: 0;
    }
}
.footer-body .col:last-child {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
@media (max-width: 1023px) {
    .footer-body .col:last-child {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        padding-left: 40px;
    }
}
@media (max-width: 767px) {
    .footer-body .col:last-child {
        border-top: 1px solid #4a494d;
        padding-left: 0;
    }
}
.footer-body .tel {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    display: block;
    color: #fff;
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 24px;
}
@media (max-width: 1360px) {
    .footer-body .tel {
        font-size: 32px;
    }
}
@media (max-width: 767px) {
    .footer-body .tel {
        margin-bottom: 16px;
        font-size: 26px;
    }
}
.footer-body .mes {
    display: block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    color: #fff;
    font-size: 24px;
}
@media (max-width: 767px) {
    .footer-body .mes {
        font-size: 18px;
    }
}
.footer-body address {
    font-style: normal;
    font-size: 24px;
    color: #fff;
    line-height: 140%;
}
@media (max-width: 1360px) {
    .footer-body address {
        font-size: 18px;
    }
}
@media (max-width: 767px) {
    .footer-body address {
        margin-bottom: 16px;
    }
}
.footer-body p {
    color: #c7c7c7;
    line-height: 140%;
}

.footer__social {
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.footer__social li:not(:last-child) {
    margin-right: 16px;
}
.footer__social a {
    width: 48px;
    height: 48px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 5px;
    background-color: rgba(62, 72, 78, 1);
    -webkit-transition: background 0.3s;
    -o-transition: background 0.3s;
    transition: background 0.3s;
}
.footer__social a svg {
    fill: #fff;
    width: 24px;
    height: 24px;
    stroke: none;
}

.arrow-up {
    cursor: pointer;
    width: 55px;
    height: 55px;
    background-color: rgba(62, 72, 78, 1);
    border-radius: 4px;
    position: relative;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 20px;
    -webkit-transition: background 0.3s;
    -o-transition: background 0.3s;
    transition: background 0.3s;
}
.arrow-up svg {
    width: 15px;
    height: 29px;
    fill: #fff;
    -webkit-transition: fill 0.3s;
    -o-transition: fill 0.3s;
    transition: fill 0.3s;
}

.footer-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 40px 0;
}
@media (max-width: 767px) {
    .footer-bottom {
        padding: 32px 0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
}
.footer-bottom .col:first-child {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media (max-width: 1023px) {
    .footer-bottom .col:first-child {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
}
@media (max-width: 767px) {
    .footer-bottom .col:first-child {
        margin-bottom: 16px;
    }
}
.footer-bottom p {
    font-size: 1.5rem;
    line-height: 140%;
    color: #fff;
}
@media (max-width: 1023px) {
    .footer-bottom p {
        margin-top: 8px;
    }
}
@media (max-width: 767px) {
    .footer-bottom p {
        margin-top: 16px;
    }
}
.footer-bottom ul {
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: 40px;
}
@media (max-width: 1023px) {
    .footer-bottom ul {
        margin-left: 0;
        margin-top: 8px;
    }
}
@media (max-width: 767px) {
    .footer-bottom ul {
        margin-top: 16px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}
.footer-bottom ul li:not(:last-child) {
    margin-right: 40px;
}
@media (max-width: 767px) {
    .footer-bottom ul li:not(:last-child) {
        margin-right: 0;
        margin-bottom: 16px;
    }
}
.footer-bottom ul a {
    color: rgba(62, 72, 78, 1);
    font-size: 1.5rem;
}

.tel-icon {
    display: none;
    fill: #000;
    width: 20px;
    height: 20px;
}
@media (max-width: 1023px) {
    .tel-icon {
        display: block;
    }
}
.pagination {
    margin-bottom: 0px;
    background: #f9f9f9;
    border-radius: 8px;
    height: 54px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 6px;
}
.pagination > li {display: inline-block;}
.pagination>li>a,
.pagination>button {
    width: 30px;
}
.pagination>li>span,
.pagination>button.active {
    width: 40px;
}
.pagination>li>a,
.pagination>button,
.pagination>li>span {
    font-size: 14px;
    height: 40px;
    max-width: 40px;
    text-align: center;
    padding-left: 2px;
    padding-right: 2px;
    color: #B1B1B1;
    background-color:transparent;
    border:0px;
    border-radius: 40px !important;
    display: flex;
    align-items: center;
    justify-content: center;
}
.pagination>li:not(.active):first-child {
    padding-left: 5px;
}
.pagination>li:not(.active):last-child {
    padding-right: 5px;
}
.pagination>li>a:focus,
.pagination>li>a:hover,
.pagination>button:focus,
.pagination>button:hover,
.pagination>li>span:focus,
.pagination>li>span:hover {color:#000000;background-color:transparent;}
.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>button.active,
.pagination>button.active:focus,
.pagination>button.active:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {color:#000000;background-color:var(--pagination-active-bg);}
.pagination>.disabled>a,
.pagination>.disabled>a:focus,
.pagination>.disabled>a:hover,
.pagination>button.disabled,
.pagination>button.disabled:focus,
.pagination>button.disabled:hover,
.pagination>.disabled>span,
.pagination>.disabled>span:focus,
.pagination>.disabled>span:hover {color:#000000;background-color:transparent;}
/* Footer end */
/* Window section */
.grid-container {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(4,minmax(0,1fr));
    grid-template-rows: 1fr
}
.portative {
    display: grid;
    gap: 0 10px;
    grid-column: span 4
}
.portative .btn{
    max-width: none;
}

.portative-section {
    margin-bottom: 0;
    overflow: hidden;
    padding-bottom: 100px;
    padding-top: 100px;

}
.text-card {
    background-color: #fff;
    padding: 10px 15px;
    position: relative;
}
.portative .text-card {
    margin-bottom: 1rem;
    box-shadow: 0px 0px 20px rgba(170, 189, 206, 0.25);
    border-radius: 10px;
}
.typography h4 {
    font-size: 2.5rem;
    margin-bottom: 2rem;
}
.typography ol, .typography p, .typography ul {
    color: var(--bs-gray-600);
    line-height: 1.5;
    margin-bottom: 1rem;
    font-size: 1.4rem;
}
.portative .features__list {
    overflow: hidden;
    position: relative
}

.portative .features .bordered-btn__img {
    height: 4rem;
    width: 4rem
}

.portative__btn_white {
    -webkit-clip-path: polygon(0 0,0 0,100% 0,100% 0,100% calc(100% - 10rem),calc(100% - 10rem) 100%,10rem 100%,0 calc(100% - 10rem));
    clip-path: polygon(0 0,0 0,100% 0,100% 0,100% calc(100% - 10rem),calc(100% - 10rem) 100%,10rem 100%,0 calc(100% - 10rem));
    overflow: hidden;
    position: relative
}

.portative-animated {
    grid-column: span 2;
    grid-row: span 2;
    min-height: 2rem;
    position: relative
}

.portative-animated:before {
    background-color: #000;
    content: "";
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%;
    border-radius: 10px;
}

.portative-animated__img-wrapper {
    display: block;
    height: 100%;
    position: relative;
    width: 100%
}

.portative-animated__img {
    height: auto;
    left: 22%;
    max-width: none;
    position: absolute;
    top: -30%;
    width: 60%
}
.animated-label {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    color: #fff;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 1rem 1.5rem;
    line-height: 1.5;
}
.animated-label__icon {
    position: relative;
    width: 80%
}

.animated-label__icon:before {
    border: 1px solid #fff;
    border-radius: 50%;
    content: "";
    height: 1rem;
    opacity: 0;
    position: absolute;
    top: 1rem;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    -webkit-transition-delay: .5s;
    -o-transition-delay: .5s;
    transition-delay: .5s;
    width: 1rem
}

.animated-label__icon:after {
    background-color: #fff;
    content: "";
    height: 1px;
    left: 1rem;
    position: absolute;
    top: 1.6rem;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all .6s ease;
    -o-transition: all .6s ease;
    transition: all .6s ease;
    -webkit-transition-delay: .5s;
    -o-transition-delay: .5s;
    transition-delay: .5s;
    width: 0
}
.animated-label__icon:before {
    opacity: 1
}

.animated-label__icon:after {
    width: calc(100% - 1rem)
}
.portative-animated .animated-label:first-of-type {
    left: 7%;
    top: 38%;
    width: 37%
}
.animated-label__text {
    font-size: 1.4rem;
}

.portative-animated .animated-label:first-of-type .animated-label__icon {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}

.portative-animated .animated-label:first-of-type .animated-label__icon:before {
    bottom: 1.5rem;
    top: auto
}

.portative-animated .animated-label:first-of-type .animated-label__icon:after {
    bottom: 1.9rem;
    right: 0;
    top: auto
}

.portative-animated .animated-label:first-of-type.visible .animated-label__text {
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    -o-transform: translate(0);
    transform: translate(0)
}

.portative-animated .animated-label:nth-of-type(2) {
    left: 13%;
    top: 75%;
    width: 29%
}

.portative-animated .animated-label:nth-of-type(2) .animated-label__text {
    max-width: 10rem
}

.portative-animated .animated-label:nth-of-type(2) .animated-label__icon {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}

.portative-animated .animated-label:nth-of-type(2) .animated-label__icon:before {
    bottom: 2rem;
    top: auto
}

.portative-animated .animated-label:nth-of-type(2) .animated-label__icon:after {
    bottom: 2.5rem;
    right: 1rem;
    top: auto
}

.portative-animated .animated-label:nth-of-type(3) {
    right: 3%;
    top: 10%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    width: 45%
}

.portative-animated .animated-label:nth-of-type(4) {
    right: 2%;
    top: 64%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    width: 36%
}

.portative-animated .animated-label:nth-of-type(4) .animated-label__text {
    max-width: 138rem
}

.home-enter-active,.home-leave-active {
    -webkit-transition: margin 1s ease;
    -o-transition: margin 1s ease;
    transition: margin 1s ease;
    z-index: 6
}

.home-enter-from,.home-leave-to {
    margin: -95rem calc(-50vw - -50%) -25rem
}


.features {
    gap: 1rem;
    grid-row: span 2;
}

.features,
.features__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.features__list {
    gap: 1rem;
    overflow: hidden;
    padding: 10px 15px;
    position: relative;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    background-color: #fff;
    flex-grow: 1;
    box-shadow: 0px 0px 20px rgba(170, 189, 206, 0.25);
    border-radius: 10px;

}

.features__item-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 2rem
}

.features__item-wrapper:hover .features__hover-img {
    opacity: 1
}

.features__title {
    font-size: 2rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.2;
}

.features__img-wrapper {
    position: relative;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 4rem;
    -ms-flex: 0 0 4rem;
    flex: 0 0 4rem;
    height: 4rem
}

.features__img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
    width: 100%
}

.features__hover-img {
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    -webkit-transition: opacity .2s ease;
    -o-transition: opacity .2s ease;
    transition: opacity .2s ease
}

@media screen and (max-width: 1023px) {
    .portative-section .grid-container {
        grid-template-columns: 1fr;
        gap: 10px;
    }
    .portative>* {
        grid-column: span 1;
        grid-row: span 1;
    }
    .portative-animated {
        grid-row: 6;
        min-height: 320px;
    }
    .portative-animated__img {
        left: 11%;
        top: -8%;
        width: 80%;
    }
    .portative-animated {
        grid-row: 6;
        min-height: 300px;
    }
}
/* Window section end*/

.grid-container {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-template-rows: 1fr;
}
.workings {
    grid-auto-rows: 1fr
}

.workings-section .section-title {
    margin-bottom: .6rem
}

.workings-categories {
    display: grid;
    gap: 1rem;
    grid-column: span 2;
    grid-row: span 2;
    grid-template-columns: repeat(2,minmax(0,1fr));
    grid-template-rows: 1fr
}

.workings-categories__item {
    min-height: 3.2rem;
    overflow: hidden;
    position: relative;
    border-radius: 8px;
}

.workings-categories__item:hover .workings-categories__link {
    opacity: 1
}

.workings-categories__item:nth-child(3) {
    grid-column: 2
}

.workings-categories__underlay {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    z-index: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    color: #262626;
    height: 100%;
    justify-content: flex-end;
    padding: 2rem;
    width: 100%;
    background: rgba(242, 242, 242, 1);
}

.workings-categories__title,.workings-categories__underlay {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 100%;
    text-transform: uppercase
}

.workings-categories__title {
    font-style: normal;
    font-weight: 700;
    margin-bottom: 1.5rem
}

.workings-categories__text {
    color: #fff;
    font-size: 18rem;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    margin-bottom: 1.5rem;
    opacity: .7
}

.workings-categories__link {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    position: relative;
    z-index: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    background-color: #2e2e2e;
    color: #fff;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    font-family: Arial,sans-serif;
    height: 100%;
    opacity: 0;
    padding: 2rem;
    -webkit-transition: opacity .2s ease;
    -o-transition: opacity .2s ease;
    transition: opacity .2s ease
}

.workings-categories__link>:last-child {
    margin: auto 0 0
}

.workings-categories__arrow-link {
    color: #fff;
    font-size: 1rem;
    text-decoration: none
}
.workings-categories__link p{
    color: #fff;
}
.interactive-img {
    grid-column: 3/5;
    grid-row: 1/3;
    position: relative;
    border-radius: 8px;
}

.interactive-img__picture {
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%;
    border-radius: 8px;
}


.interactive-img .popover-wrapper {
    position: absolute
}

.interactive-img .popover-wrapper:first-of-type {
    left: calc(15% + .1rem);
    top: calc(48% - .3rem);
}

.interactive-img .popover-wrapper:nth-of-type(2) {
    left: calc(28% - .3rem);
    top: calc(49% + .1rem)
}

.interactive-img .popover-wrapper:nth-of-type(3) {
    left: calc(77% - .2rem);
    top: calc(50% + .3rem)
}

.interactive-img .popover-wrapper .popover__content {
    width: 3.8rem
}

.popover {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.popover_open .popover__btn:before {
    -webkit-transform: translate(-50%,-50%) rotate(135deg);
    -ms-transform: translate(-50%,-50%) rotate(135deg);
    -o-transform: translate(-50%,-50%) rotate(135deg);
    transform: translate(-50%,-50%) rotate(135deg)
}

.popover_open .popover__btn:after {
    -webkit-transform: translate(-50%,-50%) rotate(45deg);
    -ms-transform: translate(-50%,-50%) rotate(45deg);
    -o-transform: translate(-50%,-50%) rotate(45deg);
    transform: translate(-50%,-50%) rotate(45deg)
}

.popover__btn {
    background-color: #fff;
    border-radius: 50%;
    height: 3rem;
    position: relative;
    -webkit-transition: background-color .2s ease;
    -o-transition: background-color .2s ease;
    transition: background-color .2s ease;
    width: 3rem
}

.popover__btn:hover {
    background-color: #262626
}

.popover__btn:hover:after,.popover__btn:hover:before {
    background-color: #fff
}

.popover__btn:after,.popover__btn:before {
    background-color: #262626;
    content: "";
    height: 2px;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    -webkit-transition: background-color .2s ease,-webkit-transform .2s ease;
    transition: background-color .2s ease,-webkit-transform .2s ease;
    -o-transition: background-color .2s ease,-o-transform .2s ease;
    transition: background-color .2s ease,transform .2s ease;
    transition: background-color .2s ease,transform .2s ease,-webkit-transform .2s ease,-o-transform .2s ease;
    width: 1.5rem
}

.popover__btn:before {
    -webkit-transform: translate(-50%,-50%) rotate(90deg);
    -ms-transform: translate(-50%,-50%) rotate(90deg);
    -o-transform: translate(-50%,-50%) rotate(90deg);
    transform: translate(-50%,-50%) rotate(90deg)
}

.popover__content {
    position: absolute;
    right: 0;
    top: calc(100% + 1rem);
    z-index: 2;
    overflow: hidden;
    display: flex;
    background: #fff;
    min-width: 300px;
    flex-direction: column;
    padding: 2rem;
    border-radius: 8px;
}

.popover__content.top {
    bottom: calc(100% + 1rem);
    top: auto
}
.popover_category_image{
    width: 100%;
}
.popover_category-image{
    max-width: 100%;
    border-radius: 8px;
}
.popover_category_title {
    font-size: 2rem;
}
.popover_category_sub_title {
    font-size: 1.4rem;
    margin-bottom: 1rem;
}

.popover_category_title {
    font-size: 2rem;
}
.popover_category_sub_title {
    font-size: 1.4rem;
    margin-bottom: 1rem;
}

@media screen and (max-width: 1023px) {
    .workings {
        grid-auto-rows: auto;
        grid-template-columns: 1fr;
        grid-template-rows: 1fr;
    }
    .workings-section .section-title {
        margin-bottom: 30rem;
        padding: 0 20rem
    }

    .workings-categories {
        gap: 1rem;
        grid-auto-rows: 1fr;
        grid-column: 1;
        grid-row: 2;
        grid-template-columns: 1fr;
        grid-template-rows: 1fr
    }

    .workings-categories__item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        background-color: #262626;
        color: #fff;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        min-height: auto
    }

    .workings-categories__item .workings-categories__title {
        margin-bottom: 2rem
    }

    .workings-categories__item:nth-child(3) {
        grid-column: 1
    }

    .workings-categories__title {
        font-size: 2rem;
    }

    .workings-categories__text {
        font-size: 1.6rem;
        margin-bottom: 1.7rem
    }

    .workings-categories__link {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        color: #fff;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        opacity: 1
    }

    .workings-categories__link>:last-child {
        margin: auto 0 0;
        max-width: 100%;
    }

    .workings-categories__arrow-link {
        font-size: 1.8rem;
    }

    .workings-categories__underlay {
        display: none
    }

    .interactive-img {
        aspect-ratio: 73/66;
        grid-column: 1;
        grid-row: 1
    }

    .interactive-img .popover-wrapper:first-of-type {
        left: 16%;
        top: 47%
    }

    .interactive-img .popover-wrapper:first-of-type .popover__content {
        left: 0
    }

    .interactive-img .popover-wrapper:nth-of-type(2) {
        left: calc(31% - 1rem);
        top: calc(33% - 1rem);
    }

    .interactive-img .popover-wrapper:nth-of-type(2) .popover__content {
        left: 50%;
        -webkit-transform: translateX(-20%);
        -ms-transform: translateX(-20%);
        -o-transform: translateX(-20%);
        transform: translateX(-20%)
    }
    .interactive-img .popover-wrapper:nth-of-type(3) .popover__content {
        left: 0;
        -webkit-transform: translateX(-75%);
        -ms-transform: translateX(-75%);
        -o-transform: translateX(-75%);
        transform: translateX(-75%)
    }

    .interactive-img .popover-wrapper:nth-of-type(3) {
        left: 69%;
        top: calc(56% - 2rem);
    }

    .interactive-img .popover-wrapper .popover__content {
        width: 1.8rem
    }
}