* {
    direction: rtl;
    text-align: right;
    padding: 0;
    margin: 0
}

body, html {
    position: relative;
    height: 100%;
    scroll-behavior: smooth
}

.row {
    margin-right: 0;
    margin-left: 0
}

a:hover {
    text-decoration: none
}

.ch-close-buttons {
    background-image: url(/images/close-light.svg?26f2abfc3eff6a99ff947af18758ced7);
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    top: 20px;
    left: 20px;
    position: absolute;
    content: "";
    background-size: 20px
}

.product-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start
}

.product-container .product-item {
    position: relative;
    text-align: center;
    border: 1px solid #f0f0f1;
    border-radius: 0 0 10px 10px;
    padding: 0 0 20px;
    cursor: pointer;
    margin-bottom: 40px;
    width: 265px;
    margin-left: 20px
}

.product-container .product-item a {
    color: #424750;
    font-size: 16px;
    font-weight: 700;
    display: inline-block
}

.product-container .product-item a h3 {
    position: relative;
    right: 10px;
    display: block;
    text-align: center;
    max-width: 225px;
    font-size: 16px;
    font-weight: 700;
    color: #424750
}

.product-container .product-item .description {
    text-align: center;
    display: block
}

.product-container .product-item .details {
    padding: 20px 20px 0;
    color: #424750;
    font-size: 14px
}

.product-container .product-item .details .gramazh, .product-container .product-item .details .sides, .product-container .product-item .details .size {
    display: inline-block;
    margin-bottom: 10px;
    font-size: 14px
}
.product-container .product-item  {
   height: 250px;
    overflow: hidden;
}
.product-container .product-item:hover {
   opacity: 0.8;
    color: var(--theme);
}

.product-container .product-item:hover .price-from {
    visibility: visible;
    opacity: 1;
    color: var(--theme);
}
.product-container .product-item:hover h3 {
    color: var(--theme);
}

.product-container .product-item:hover .price-from-list {
    text-decoration: line-through;
    font-size: smaller;
    color: #a9a9a9;
    padding-left: 5px
}

.product-container .product-item:hover .filter-container {
    margin-bottom: 50px
}

.product-container .product-item:hover .price-from-hide {
    color: transparent;
    text-shadow: 0 0 8px #e25098
}

.product-container .product-item img {
    width: 100%;
    margin-bottom: 20px
}

.product-container .product-item .price-from {
    text-align: center;
    color: #81858b;
    display: block;
}

.product-container .product-item .price-from .price {
    color: #e25098
}

.product-container .product-item .discount__login {
    display: block;
    font-size: 12px;
    color: #424750;
    text-align: center;
    margin-top: 5px
}

.product-container .product-item .discount__login .discount__login--link {
    color: #e25098;
    font-size: 12px;
    cursor: pointer
}

.discount__login-pdp {
    display: block;
    font-size: 14px;
    color: #424750;
    text-align: center;
    margin-top: 5px
}

.discount__login-pdp .discount__login--link-pdp {
    color: #e25098;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer
}

.price-from-hide-pdp {
    color: transparent;
    text-shadow: 0 0 8px #e25098
}

.inline-discount {
    text-decoration: line-through;
    font-size: small;
    color: #a9a9a9;
    padding-left: 5px;
    padding-right: 5px
}

@media only screen and (max-width: 480px) {
    .product-container .product-item {
        border: none
    }

    .product-container .product-item:hover {
        box-shadow: none;
        margin-top: 0
    }

    .product-container .product-item:hover .price-from {
        visibility: hidden;
        opacity: 0;
        margin-top: -20px
    }

    .product-container .product-item .price-from {
        display: none;
        visibility: hidden;
        opacity: 0
    }

    .product-container {
        justify-content: space-evenly
    }

    .product-container .product-item a h3 {
        right: 0;
        font-size: 14px;
        margin: 0
    }

    .mobile-fix-top {
        top: 30px !important
    }
}

.pages-titles {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.25;
    color: #424750
}

.discount__badge {
    right: -6px;
    background-color: #e25098;
    padding: 5px 10px;
    border-radius: 0
}

.discount__badge, .soon__badge {
    position: absolute;
    top: 10px;
    color: #fff;
    z-index: 900
}

.soon__badge {
    width: 67px;
    height: 34px;
    background-color: #232933;
    right: -7px;
    display: flex;
    justify-content: center;
    align-items: center
}

.yalda__badge {
    position: absolute;
    width: 65px;
    top: -30px;
    right: -20px;
    z-index: 900
}

.yalda__badge .yalda__badge--container {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center
}

.yalda__badge .yalda__badge--discount {
    color: #fff;
    position: absolute;
    top: 31px;
    font-family: Righteous;
    font-size: 17px;
    direction: ltr
}

@media only screen and (max-width: 480px) {
    .yalda__badge {
        position: absolute;
        width: 50px;
        top: -26px;
        right: -8px
    }

    .yalda__badge .yalda__badge--discount {
        color: #fff;
        position: absolute;
        top: 22px;
        font-family: Righteous;
        font-size: 14px;
        direction: ltr
    }
}

.ch__select .ch__select--input {
    position: absolute;
    top: 0;
    right: 0;
    height: 19px;
    width: 19px;
    background-color: #fff;
    border-radius: 4px;
    border: 1px solid #dedede
}

.ch__select .ch__select--label {
    display: block;
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%
}

.ch__select .ch__select--content {
    margin-right: 29px
}

.ch__select .ch__select--label input:checked ~ .ch__select--input {
    background-color: #4fcce9
}

.ch__select .ch__select--label input:disabled ~ .ch__select--input {
    background-color: #f5f7fa;
    cursor: not-allowed
}

.ch__select .ch__select--label input:disabled ~ .ch__select--input ~ .ch__select--content {
    color: #81858b;
    font-weight: 400
}

.ch__select .ch__select--input:after {
    content: "";
    position: absolute;
    display: none
}

.ch__select .ch__select--label input:checked ~ .ch__select--input:after {
    display: block
}

.ch__select .ch__select--label .ch__select--input:after {
    left: 7px;
    top: 3px;
    width: 5px;
    height: 10px;
    border: solid #fff;
    border-width: 0 3px 3px 0;
    transform: rotate(45deg)
}

.ch__select input[type=checkbox] {
    display: none
}

.ch__radio .ch__radio--input {
    position: absolute;
    top: 0;
    right: 0;
    height: 19px;
    width: 19px;
    background-color: #fff;
    border-radius: 50%;
    border: 1px solid #dedede
}

.ch__radio .ch__radio--label {
    display: block;
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%
}

.ch__radio .ch__radio--content {
    margin-right: 29px
}

.ch__radio .ch__radio--label input:checked ~ .ch__radio--input {
    background-color: #fff
}

.ch__radio .ch__radio--input:after {
    content: "";
    position: absolute;
    display: none
}

.ch__radio .ch__radio--label input:checked ~ .ch__radio--input:after {
    display: block
}

.ch__radio .ch__radio--label .ch__radio--input:after {
    top: 3px;
    left: 3px;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background: #4fcce9
}

.ch__radio input[type=radio] {
    display: none
}

.ch__required {
    display: block;
    position: absolute;
    width: 5px;
    height: 5px;
    border-radius: 900px;
    background-color: #ef5661;
    top: 0;
    left: -5px
}

.ch_tooltip {
    position: relative;
    display: inline-block
}

.ch__tooltip--icon {
    height: 17px;
    margin-right: 5px
}

.ch_tooltip .ch_tooltiptext {
    visibility: hidden;
    color: #424750;
    text-align: justify;
    padding: 12px;
    border-radius: 10px;
    width: 180px;
    height: 88px;
    box-shadow: 0 6px 20px 4px rgba(66, 71, 80, .1);
    background-color: #fff;
    font-size: 12px;
    font-weight: 400;
    position: absolute;
    z-index: 950;
    top: 125%;
    left: 75%;
    margin-left: -60px;
    opacity: 1;
    transition: opacity .3s
}

.ch_tooltip .ch_tooltiptext:after {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 25%;
    margin-left: -5px;
    border: 5px solid transparent;
    border-top-color: #fff;
    transform: rotate(180deg)
}

.ch_tooltip:hover .ch_tooltiptext {
    visibility: visible;
    opacity: 1
}

.ch__loader--fullpage {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 0;
    left: 0;
    z-index: 10000;
    background-color: #f5f7fa;
    border-radius: 10px;
    flex-flow: column
}

.ch__loader--fullpage .ch__loader--fullpage--p, .ch__loader--fullpage .ch__loader--fullpage--spin {
    margin-top: 20px
}

.ch__messages--error {
    background-color: rgba(239, 86, 97, .06274509803921569);
    text-align: center;
    color: #ef5661;
    font-weight: 400;
    padding: 10px;
    border-radius: 10px;
    height: 46px;
    justify-content: center
}

.ch__messages--error, .ch__messages--notification {
    width: 100%;
    font-size: 16px;
    display: flex;
    align-items: center;
    margin-bottom: 20px
}

.ch__messages--notification {
    border: 1px solid rgba(79, 204, 233, .2);
    background-color: rgba(79, 204, 233, .05);
    justify-content: flex-start;
    border-radius: 10px;
    color: #424750;
    height: auto;
    padding: 15px;
    text-align: justify
}

.ch__messages--success {
    background-color: rgba(160, 226, 208, .08235294117647059);
    width: 100%;
    text-align: center;
    color: #57cfb1;
    border: 1px solid #57cfb1;
    font-size: 16px;
    font-weight: 400;
    border-radius: 10px;
    height: 46px;
    justify-content: center;
    margin-bottom: 20px
}

.ch__messages--alert, .ch__messages--success {
    padding: 10px;
    display: flex;
    align-items: center
}

.ch__messages--alert {
    justify-content: flex-start;
    border-radius: 10px;
    border: 1px solid rgba(249, 168, 37, .2);
    background-color: rgba(249, 168, 37, .05);
    width: auto;
    height: 44px;
    margin-top: 20px;
    text-align: justify
}

.ch__toasts--warning {
    background-color: #f9a825;
    color: #000
}

.ch__toasts--error, .ch__toasts--warning {
    visibility: hidden;
    min-width: 250px;
    margin-left: -125px;
    text-align: center;
    border-radius: 10px;
    padding: 16px;
    position: fixed;
    z-index: 10000;
    left: 50%;
    bottom: 30px;
    font-size: 16px
}

.ch__toasts--error {
    transition: all .3s;
    background-color: #ef5661;
    color: #fff
}

.ch__toasts--error .toasts--loader {
    background-color: #e18b91
}

.ch__toasts--error .toasts--loader, .ch__toasts--error .toasts--loader .toasts--loader--fill {
    position: absolute;
    width: 100%;
    height: 10px;
    left: 0;
    bottom: 0;
    border-radius: 0 0 10px 10px;
    transition: all 1s
}

.ch__toasts--error .toasts--loader .toasts--loader--fill {
    background-color: #b63e47
}

.ch__toasts--show {
    visibility: visible
}

@-webkit-keyframes fadein {
    0% {
        bottom: 0;
        opacity: 0
    }
    to {
        bottom: 30px;
        opacity: 1
    }
}

@keyframes fadein {
    0% {
        bottom: 0;
        opacity: 0
    }
    to {
        bottom: 30px;
        opacity: 1
    }
}

@-webkit-keyframes fadeout {
    0% {
        bottom: 30px;
        opacity: 1
    }
    to {
        bottom: 0;
        opacity: 0
    }
}

@keyframes fadeout {
    0% {
        bottom: 30px;
        opacity: 1
    }
    to {
        bottom: 0;
        opacity: 0
    }
}

.ch__scrollbar::-webkit-scrollbar {
    width: 6px;
    background: #e0e0e2
}

.ch__scrollbar::-webkit-scrollbar-track {
    background: #e0e0e2
}

.ch__scrollbar::-webkit-scrollbar-thumb, .ch__scrollbar::-webkit-scrollbar-thumb:hover {
    background: #c0c2c5
}

.d-none {
    display: none !important
}

input::-webkit-inner-spin-button, input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number] {

}

.dz-hidden-input {
    position: relative !important
}

.dz-remove {
    background-color: #e25098;
    padding: 6px 0
}

.dz-remove, .dz-remove:hover {
    color: #fff;
    text-decoration: none
}

textarea {
    resize: none
}

.pdr0 {
    padding-right: 0 !important
}

.pdl0 {
    padding-left: 0 !important
}

.mgr0 {
    margin-right: 0 !important
}

.mgl0 {
    margin-left: 0 !important
}

.mgt0 {
    margin-top: 0 !important
}

.left-aligned-input {
    direction: ltr;
    text-align: left
}

.left-aligned-input::-moz-placeholder {
    text-align: right !important
}

.left-aligned-input:-ms-input-placeholder {
    text-align: right !important
}

.left-aligned-input::placeholder {
    text-align: right !important
}

.border-bottom-left {
    border-left: 1px solid #e0e0e2
}

.border-bottom, .border-bottom-left {
    border-bottom: 1px solid #e0e0e2
}

.border-left {
    border-left: 1px solid #e0e0e2
}

.no-border-left {
    border-left: none !important
}

.no-border-top {
    border-top: none
}

.no-border-bottom {
    border-bottom: none
}

.no-border-right {
    border-right: none
}

.fvc {
    display: flex;
    align-items: center
}

.modal {
    z-index: 20000 !important
}

@media only screen and (max-width: 480px) {
    .mobile0p {
        padding: 0 !important
    }

    .border-bottom-left {
        border-left: none;
        border-bottom: none
    }

    .border-bottom {
        border-bottom: none
    }

    .border-left {
        border-left: none
    }

    .ch__messages--notification {
        font-size: 14px
    }
}

@font-face {
    font-family: dana;
    font-style: normal;
    font-weight: 10;
    src: url(/fonts/dana-fanum-thin.eot?01b66a998b02052e9671094d495cf1f8);
    src: url(/fonts/dana-fanum-thin.eot?01b66a998b02052e9671094d495cf1f8?#iefix) format("embedded-opentype"), url(/fonts/dana-fanum-thin.woff2?3f8e0220552470cc35ebf99ffbefa653) format("woff2"), url(/fonts/dana-fanum-thin.woff?1489ad53d721c20a9e34f45a6a197e72) format("woff"),
}

@font-face {
    font-family: dana;
    font-style: normal;
    font-weight: 200;
    src: url(/fonts/dana-fanum-extralight.eot?d8fd019c32dde67a7667da2bb7573b4c);
    src: url(/fonts/dana-fanum-extralight.eot?d8fd019c32dde67a7667da2bb7573b4c?#iefix) format("embedded-opentype"), url(/fonts/dana-fanum-extralight.woff2?f450d53460dd63eee927cbd4cca9a299) format("woff2"), url(/fonts/dana-fanum-extralight.woff?194e5b9537ad99178859d1f702ec557f) format("woff")
}

@font-face {
    font-family: dana;
    font-style: normal;
    font-weight: 300;
    src: url(/fonts/dana-fanum-light.eot?668aef6c354eed55cf9cbaa821161ed6);
    src: url(/fonts/dana-fanum-light.eot?668aef6c354eed55cf9cbaa821161ed6?#iefix) format("embedded-opentype"), url(/fonts/dana-fanum-light.woff2?85c62909c883521af51eb361238b2d3e) format("woff2"), url(/fonts/dana-fanum-light.woff?4e9ef0e77d379e2bf582ce10ef4b9da7) format("woff")
}

@font-face {
    font-family: dana;
    font-style: normal;
    font-weight: 500;
    src: url(/fonts/dana-fanum-medium.eot?1b67c05dac061bae02691d1ef0a88a49);
    src: url(/fonts/dana-fanum-medium.eot?1b67c05dac061bae02691d1ef0a88a49?#iefix) format("embedded-opentype"), url(/fonts/dana-fanum-medium.woff2?fcfb2964e3789252eac34022cbacf31d) format("woff2"), url(/fonts/dana-fanum-medium.woff?cb1fa3a37adc4e8ed4998513ced7fde5) format("woff")
}

@font-face {
    font-family: dana;
    font-style: normal;
    font-weight: 600;
    src: url(/fonts/dana-fanum-demibold.eot?017fbda602f1488ebb618e7ebfcaada4);
    src: url(/fonts/dana-fanum-demibold.eot?017fbda602f1488ebb618e7ebfcaada4?#iefix) format("embedded-opentype"), url(/fonts/dana-fanum-demibold.woff2?27a2185eddbb5d323824c97c574bb0d7) format("woff2"), url(/fonts/dana-fanum-demibold.woff?287239a5f6f4c03f0db66f738c76d429) format("woff")
}

@font-face {
    font-family: dana;
    font-style: normal;
    font-weight: 750;
    src: url(/fonts/dana-fanum-ultrabold.eot?22c9d203b701d6129967d0c10b191e46);
    src: url(/fonts/dana-fanum-ultrabold.eot?22c9d203b701d6129967d0c10b191e46?#iefix) format("embedded-opentype"), url(/fonts/dana-fanum-ultrabold.woff2?a8708933cd5b305d79b2e10b3cfd5926) format("woff2"), url(/fonts/dana-fanum-ultrabold.woff?59548be070c5ccbc1fcba06246c6e7ba) format("woff")
}

@font-face {
    font-family: dana;
    font-style: normal;
    font-weight: 800;
    src: url(/fonts/dana-fanum-extrabold.eot?8f7d3bafdb4ac86c5787ba770e538c05);
    src: url(/fonts/dana-fanum-extrabold.eot?8f7d3bafdb4ac86c5787ba770e538c05?#iefix) format("embedded-opentype"), url(/fonts/dana-fanum-extrabold.woff2?05f087d5da4417506976b7d4096c31df) format("woff2"), url(/fonts/dana-fanum-extrabold.woff?2e81c04091c5e5c1e6dff5667acce511) format("woff")
}

@font-face {
    font-family: dana;
    font-style: normal;
    font-weight: 900;
    src: url(/fonts/dana-fanum-black.eot?8b88a4a5e7a6e23d0275ee7874a7d15a);
    src: url(/fonts/dana-fanum-black.eot?8b88a4a5e7a6e23d0275ee7874a7d15a?#iefix) format("embedded-opentype"), url(/fonts/dana-fanum-black.woff2?a754839aa0d94b5134488da842a446ef) format("woff2"), url(/fonts/dana-fanum-black.woff?2b61ced3861bfe6a8d5b35e8118b3dc1) format("woff")
}

@font-face {
    font-family: dana;
    font-style: normal;
    font-weight: 700;
    src: url(/fonts/dana-fanum-bold.eot?dd645620ebed58d5b799561abd637fdf);
    src: url(/fonts/dana-fanum-bold.eot?dd645620ebed58d5b799561abd637fdf?#iefix) format("embedded-opentype"), url(/fonts/dana-fanum-bold.woff2?86a5110107155c674c37a344e7d209b8) format("woff2"), url(/fonts/dana-fanum-bold.woff?bb52c431a84f305b90aebd8f62a888c2) format("woff")
}

@font-face {
    font-family: dana;
    font-style: normal;
    font-weight: 400;
    src: url(/fonts/dana-fanum-regular.eot?2f1d471cf43467ba4187126692008051);
    src: url(/fonts/dana-fanum-regular.eot?2f1d471cf43467ba4187126692008051?#iefix) format("embedded-opentype"), url(/fonts/dana-fanum-regular.woff2?7dbd62d9025bc12d5457567f886f18f1) format("woff2"), url(/fonts/dana-fanum-regular.woff?0969bcb367954617004b9bfc554c9e89) format("woff")
}

@font-face {
    font-family: dana;
    font-style: italic;
    font-weight: 10;
    src: url(/fonts/dana-fanum-thinitalic.eot?2e5ab1e05761b2dcbb47270868b1f3e6);
    src: url(/fonts/dana-fanum-thinitalic.eot?2e5ab1e05761b2dcbb47270868b1f3e6?#iefix) format("embedded-opentype"), url(/fonts/dana-fanum-thinitalic.woff2?26d3513e4e13b4b14315fdface741dca) format("woff2"), url(/fonts/dana-fanum-thinitalic.woff?91f409f71b05c19a7ec2859169716f21) format("woff")
}

@font-face {
    font-family: dana;
    font-style: italic;
    font-weight: 200;
    src: url(/fonts/dana-fanum-extralightitalic.eot?83ff4da67cc6e0be475dd124b914df0d);
    src: url(/fonts/dana-fanum-extralightitalic.eot?83ff4da67cc6e0be475dd124b914df0d?#iefix) format("embedded-opentype"), url(/fonts/dana-fanum-extralightitalic.woff2?94d1d06cda47ef0ebb8fbcccf5404db3) format("woff2"), url(/fonts/dana-fanum-extralightitalic.woff?e6d3f121a9d533e1f4fbbf2572a519bb) format("woff")
}

@font-face {
    font-family: dana;
    font-style: italic;
    font-weight: 300;
    src: url(/fonts/dana-fanum-lightitalic.eot?2307d96267c202a0dec198d0251a7ffc);
    src: url(/fonts/dana-fanum-lightitalic.eot?2307d96267c202a0dec198d0251a7ffc?#iefix) format("embedded-opentype"), url(/fonts/dana-fanum-lightitalic.woff2?385e877e2ad257fdba079e35e511fda5) format("woff2"), url(/fonts/dana-fanum-lightitalic.woff?9e61452e71fd1b28ae830a5c00d34716) format("woff")
}

@font-face {
    font-family: dana;
    font-style: italic;
    font-weight: 500;
    src: url(/fonts/dana-fanum-mediumitalic.eot?053008346df0734d5d963a27acceb901);
    src: url(/fonts/dana-fanum-mediumitalic.eot?053008346df0734d5d963a27acceb901?#iefix) format("embedded-opentype"), url(/fonts/dana-fanum-mediumitalic.woff2?f2ae4ea11d73e9d08f51b466702309f3) format("woff2"), url(/fonts/dana-fanum-mediumitalic.woff?e9712b8f40c2260c35c64232e1692fb5) format("woff")
}

@font-face {
    font-family: dana;
    font-style: italic;
    font-weight: 600;
    src: url(/fonts/dana-fanum-demibolditalic.eot?4aa251979b59ebfbb07c29c6997b0f17);
    src: url(/fonts/dana-fanum-demibolditalic.eot?4aa251979b59ebfbb07c29c6997b0f17?#iefix) format("embedded-opentype"), url(/fonts/dana-fanum-demibolditalic.woff2?99c03e5e952cdf244a467921eade6c1c) format("woff2"), url(/fonts/dana-fanum-demibolditalic.woff?d0dd54d9e5bf3bd16e9104c6401bf179) format("woff")
}

@font-face {
    font-family: dana;
    font-style: italic;
    font-weight: 750;
    src: url(/fonts/dana-fanum-ultrabolditalic.eot?01a36a9eb15b74af0b990233244b2bb6);
    src: url(/fonts/dana-fanum-ultrabolditalic.eot?01a36a9eb15b74af0b990233244b2bb6?#iefix) format("embedded-opentype"), url(/fonts/dana-fanum-ultrabolditalic.woff2?20c084dc09f83c02913fb34491f81898) format("woff2"), url(/fonts/dana-fanum-ultrabolditalic.woff?60e884c7e8166e329995bc9bebf9880c) format("woff")
}

@font-face {
    font-family: dana;
    font-style: italic;
    font-weight: 800;
    src: url(/fonts/dana-fanum-extrabolditalic.eot?28cabfa9cd123023cc94b968cbde0525);
    src: url(/fonts/dana-fanum-extrabolditalic.eot?28cabfa9cd123023cc94b968cbde0525?#iefix) format("embedded-opentype"), url(/fonts/dana-fanum-extrabolditalic.woff2?eca522157c0a27cb041dbccdb9039a9a) format("woff2"), url(/fonts/dana-fanum-extrabolditalic.woff?3fb896a24a1a6e4fa94f48b4bdd83099) format("woff")
}

@font-face {
    font-family: dana;
    font-style: italic;
    font-weight: 900;
    src: url(/fonts/dana-fanum-blackitalic.eot?7ef03687b8131c2e96f0ef49fdf86789);
    src: url(/fonts/dana-fanum-blackitalic.eot?7ef03687b8131c2e96f0ef49fdf86789?#iefix) format("embedded-opentype"), url(/fonts/dana-fanum-blackitalic.woff2?2a46451dd7b9a4347c520641d171233c) format("woff2"), url(/fonts/dana-fanum-blackitalic.woff?4993a715475f40255fb11447b34b0bea) format("woff")
}

@font-face {
    font-family: dana;
    font-style: italic;
    font-weight: 700;
    src: url(/fonts/dana-fanum-bolditalic.eot?6cd71f462fa6c3f597639e09e4cb3de8);
    src: url(/fonts/dana-fanum-bolditalic.eot?6cd71f462fa6c3f597639e09e4cb3de8?#iefix) format("embedded-opentype"), url(/fonts/dana-fanum-bolditalic.woff2?b3e74c63efdb6ed074a2032cb51f5b86) format("woff2"), url(/fonts/dana-fanum-bolditalic.woff?7a1c5b4853ed6261d2978a12f4e9a5a3) format("woff")
}

@font-face {
    font-family: dana;
    font-style: italic;
    font-weight: 400;
    src: url(/fonts/dana-fanum-regularitalic.eot?1006aaed2e88dc7f0b6ddf4b4bd3d4b9);
    src: url(/fonts/dana-fanum-regularitalic.eot?1006aaed2e88dc7f0b6ddf4b4bd3d4b9?#iefix) format("embedded-opentype"), url(/fonts/dana-fanum-regularitalic.woff2?c15200560e49841c96263d26985f4c30) format("woff2"), url(/fonts/dana-fanum-regularitalic.woff?494fa3d20b2996a71da3c951a019140c) format("woff")
}

@font-face {
    font-family: Righteous;
    font-style: normal;
    font-weight: 400;
    src: url(/fonts/Righteous-Regular.ttf?fd0110471f2228c1808a75b977150a0a)
}

.section-container {
    max-width: 1440px;
    margin: 80px auto 0
}

.section-container .section-center {
    text-align: center
}

.section-container .fix-bts-padding {
    padding: 0 !important
}

.section-container .right-aligned {
    margin-right: -20px
}

.section-container .right-aligned:before {
    content: none
}

.section-container .right-aligned:after {
    content: "";
    margin: 0 20px 0 -20px
}

.section-container .section-container--title {
    font-size: 24px;
    font-weight: 700;
    color: #424750;
    padding: 0 20px;
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    text-align: center
}

.section-container .section-container--title:after {
    content: "";
    border-top: 1px solid #e0e0e2;
    flex: 1 0 20px;
    margin: 0 20px 0 0
}

.section-container .section-container--title:before {
    content: "";
    border-top: 1px solid #e0e0e2;
    margin: 0 0 0 20px;
    flex: 1 0 20px
}

.section-container .section-container--inline-title {
    padding: 0 20px;
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    text-align: center
}

.section-container .section-container--inline-title:after {
    content: "";
    border-top: 1px solid #e0e0e2;
    flex: 1 0 20px;
    margin: 0 20px 0 0
}

.section-container .section-container--inline-title:before {
    content: "";
    border-top: 1px solid #e0e0e2;
    margin: 0 0 0 20px;
    flex: 1 0 20px
}

.section-container .section-container--inline-title h1, .section-container .section-container--inline-title p {
    display: inline;
    font-size: 24px;
    font-weight: 700;
    color: #424750
}

.section-container .section-container--inline-title p {
    padding-left: 5px;
    margin-top: 20px;
    margin-bottom: 10px
}

.section-container h2 {
    font-size: 24px;
    font-weight: 700;
    color: #424750;
    padding: 0 20px;
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    text-align: center
}

.section-container h2:after {
    content: "";
    border-top: 1px solid var(--theme);
    flex: 1 0 20px;
    margin: 0 20px 0 0
}

.section-container h2:before {
    content: "";
    border-top: 1px solid  var(--theme);
    margin: 0 0 0 20px;
    flex: 1 0 20px
}

.section-container h3 {
    font-size: 16px;
    font-weight: 400;
    color: #424750;
    text-align: center
}

.section-container h6 {
    margin-bottom: 70px
}

.section-container h6, .section-container p {
    font-size: 16px;
    font-weight: 400;
    margin-top: 50px;
    text-align: center;
    color: #424750
}

.section-container p {
    margin-bottom: 60px
}

.section-container .section-container--p {
    font-size: 16px;
    font-weight: 400;
    margin-top: 30px;
    text-align: center;
    margin-bottom: 70px;
    color: #424750
}

.section-container .section-container--p-sub {
    font-size: 16px;
    font-weight: 400;
    margin-top: 50px;
    text-align: center;
    margin-bottom: 70px;
    color: #424750
}

.usp-items {
    margin-top: 50px
}

.last-section {
    margin-bottom: 100px
}

.top-banner-primary {
    margin: 0 auto;
    background-color: #4fcce9;
    width: 100%;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center
}

.top-banner-primary, .top-banner-primary:hover {
    text-decoration: none
}

.top-banner-primary:focus {
    text-decoration: none;
    outline: none
}

.top-banner-primary .jashnvare--text--container {
    color: #fff;
    font-size: 16px;
    font-weight: 700
}

.top-banner-primary .jashnvare--text--container:hover {
    text-decoration: none
}

.top-banner-primary .jashnvare--text--container:focus {
    text-decoration: none;
    outline: none
}

.top-banner-primary .jashnvare--image--container {
    height: 40px;
    margin-right: 15px;
    margin-left: 15px
}

.top-banner-primary .jashnvare--image--container:hover {
    text-decoration: none
}

.top-banner-primary .jashnvare--button--cta {
    background-color: #fff;
    border-radius: 50px;
    font-size: 18px;
    padding: 5px 10px;
    color: #000;
    margin-left: 5px
}

.top-banner-primary .jashnvare--button--cta:hover {
    text-decoration: none
}

button:focus, input:focus, input[type=radio]:focus, textarea:focus {
    outline: none
}

.ch-hidden-input {
    display: none
}

.ch-force-flex {
    display: flex
}

.section__loader {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    justify-content: center;
    align-items: center;
    display: flex;
    background-color: #fff;
    flex-flow: column
}

.section__loader .section__loader--logo {
    margin-bottom: 40px
}

.data-container {
    position: relative;
    min-height: 200px
}

@media only screen and (max-width: 480px) {
    .usp-items {
        margin-top: 24px
    }

    .top-banner-primary .jashnvare--button--cta {
        font-size: 14px
    }

    .top-banner-primary {
        margin: 0 auto;
        background-color: #4fcce9;
        width: 100%;
        height: 50px;
        display: flex;
        align-items: center;
        justify-content: center
    }

    .top-banner-primary, .top-banner-primary:hover {
        text-decoration: none
    }

    .top-banner-primary:focus {
        outline: none
    }

    .top-banner-primary .jashnvare--text--container {
        color: #fff;
        font-size: 12px;
        font-weight: 400
    }

    .top-banner-primary .jashnvare--text--container:hover {
        text-decoration: none
    }

    .top-banner-primary .jashnvare--text--container:focus {
        outline: none
    }

    .top-banner-primary .jashnvare--image--container {
        height: 24px;
        margin-right: 6px;
        margin-left: 6px
    }

    .section-container .section-container--inline-title h1 {
        font-size: 16px !important
    }

    .section-container .section-container--inline-title h1:after {
        display: "none"
    }

    .section-container .section-container--inline-title h1:before {
        display: none
    }

    .section-container .section-container--inline-title p {
        font-size: 16px !important
    }

    .section-container .section-container--inline-title:after, .section-container .section-container--inline-title:before, .section-container .section-container--inline-title p:after, .section-container .section-container--inline-title p:before {
        display: none
    }

    .section-container {
        max-width: 1440px;
        margin: 40px auto 0
    }

    .section-container .right-aligned {
        margin-right: -20px
    }

    .section-container .right-aligned:after {
        content: "";
        border-top: 1px solid #e0e0e2;
        flex: 1 0 20px;
        margin: 0 20px 0 -20px
    }

    .section-container .right-aligned:before {
        content: "";
        border-top: 1px solid #e0e0e2;
        margin: 0 0 0 20px;
        flex: 1 0 20px
    }

    .section-container h2 {
        font-size: 16px;
        margin-bottom: 18px;
        margin-top: 35px
    }

    .section-container h2:first-child {
        margin-top: 0
    }

    .section-container h2:after, .section-container h2:before {
        content: ""
    }

    .section-container p {
        font-size: 14px;
        color: #424750;
        text-align: center
    }

    .section-container h6, .section-container p {
        font-weight: 400;
        margin-top: 16px;
        margin-bottom: 16px
    }

    .section-container h6 {
        font-size: 12px;
        padding: 0 40px;
        line-height: 2
    }

    .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
        padding-left: 4px;
        padding-right: 4px
    }

    .section-container .section-container--p-sub {
        margin-top: 16px;
        margin-bottom: 16px
    }

    .section-container h2 {
        padding: 0
    }
}

header {
    max-width: 1440px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    height: 90px;
    align-items: center;
    padding: 0 88px
}

header .main-logo {
    width: auto
}

header .search-bar {
    position: relative
}

header .search-bar input {
    width: 550px;
    height: 35px;
    border-radius: 15px;
    border: 1px solid #e0e0e2;
    padding: 10px 15px;
    color: #81858b;
    background-image: url(/images/search.svg?b46d2f2…);
    background-size: 15px 15px;
    background-repeat: no-repeat;
    background-position: 100%;
    text-indent: 30px;
    background-origin: content-box;
    font-size: 12px;
    font-weight: 400;
    background-color: transparent;
    z-index: 8100;
    position: relative;
}
header .search-bar input:focus {
    outline: none;
    border: 1px solid transparent;
    border-bottom-color: #e0e0e2;
    border-radius: 0
}

header .search-bar input:focus ~ .result-container {
    display: block
}

header .search-bar .result-container {
    display: none
}

header .search-bar .result-container .search-result {
    display: none;
    position: absolute;
    font-size: 14px;
    font-weight: 400;
    box-shadow: 0 6px 20px 4px rgba(66, 71, 80, .1);
    color: #424750;
    width: 550px;
    top: 60px;
    border-radius: 10px;
    background-color: #fff;
    z-index: 8000;
    padding: 56px 10px 10px;
    top: 0
}

header .search-bar .result-container .search-result a {
    font-size: 14px;
    font-weight: 400;
    border: 1px solid transparent;
    padding: 10px 45px;
    display: block;
    cursor: pointer;
    border-radius: 12px;
    color: #424750
}

header .search-bar .result-container .search-result a:hover {
    background-color: rgba(226, 80, 153, .07)
}

header .search-bar .result-container .search-suggestion {
    display: none;
    position: absolute;
    font-size: 14px;
    font-weight: 400;
    box-shadow: 0 6px 20px 4px rgba(66, 71, 80, .1);
    color: #424750;
    width: 550px;
    top: 60px;
    border-radius: 10px;
    background-color: #fff;
    z-index: 8000;
    padding: 56px 20px 20px;
    top: 0
}

header .search-bar .result-container .search-suggestion hr {
    border-top: 1px solid #e0e0e2;
    margin: 0 0 20px
}

header .search-bar .result-container .search-suggestion img {
    margin-right: 10px
}

header .search-bar .result-container .search-suggestion .delete {
    cursor: pointer;
    float: left
}

header .search-bar .result-container .search-suggestion .title {
    margin-bottom: 20px
}

header .search-bar .result-container .search-suggestion .title span {
    color: #424750
}

header .search-bar .result-container .search-suggestion .latest {
    display: flex;
    margin-bottom: 20px
}

header .search-bar .result-container .search-suggestion .latest span {
    font-size: 14px;
    font-weight: 400;
    color: #62666d;
    border: 1px solid #e0e0e2;
    border-radius: 18px;
    padding: 5px 10px;
    cursor: pointer;
    margin-left: 10px
}

header .search-bar .result-container .search-suggestion .latest span a {
    color: #62666d
}

header .search-bar .result-container .search-suggestion .latest span:last-child {
    margin-left: 0
}

header .search-bar .result-container .search-suggestion .suggestion a {
    font-size: 14px;
    font-weight: 400;
    color: #81858b;
    border: 1px solid transparent;
    background-color: #eaecef;
    border-radius: 18px;
    padding: 5px 10px;
    cursor: pointer;
    margin-left: 10px;
    display: inline-block;
    margin-bottom: 10px
}

header .search-bar .result-container .search-suggestion .suggestion a:last-child {
    margin-left: 0
}

header .search-bar .show-search-container {
    display: block
}

header #user-dp {
    border: none;
    border-left: 1px solid #e0e0e2;
    padding: 0 20px;
    margin-left: 20px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    color: #424750
}

header #user-dp .guest a {
    color: #424750
}

header #user-dp .customer-dp {
    background-color: #f5f7fa;
    border-radius: 10px;
    padding: 10px;
    position: relative
}

header #user-dp .customer-dp #name-dp {
    padding-left: 12px
}

header #user-dp .customer-dp hr {
    border-top: 1px solid #e0e0e2;
    margin: 10px 0
}

@-moz-document url-prefix() {
    header #user-dp .customer-dp .actions-content {
        top: 47px !important;
        left: -115px !important
    }
}

header #user-dp .customer-dp .actions-content {
    display: none;
    position: absolute;
    background-color: #fff;
    box-shadow: 0 6px 20px 4px rgba(66, 71, 80, .1);
    border-radius: 10px;
    width: 200px;
    padding: 10px;
    top: 45px;
    left: 0;
    z-index: 7000
}

header #user-dp .customer-dp .actions-content a {
    display: block;
    padding: 10px;
    font-size: 14px;
    font-weight: 400;
    color: #424750;
    border: none;
    border-radius: 10px
}

header #user-dp .customer-dp .actions-content a:hover {
    background-color: rgba(131, 219, 241, .1)
}

header #user-dp .customer-dp .show-actions {
    display: block
}

header .shopping-cart {
    background-color: #f5f7fa;
    padding: 8px;
    border-radius: 10px;
    cursor: pointer;
    position: relative
}

header .shopping-cart .filled-basket {
    background-color: #e25098;
    height: 8px;
    width: 8px;
    border-radius: 50%;
    display: inline-block;
    position: absolute;
    top: 5px;
    right: 5px;
    display: none
}

header .shopping-cart .user-cart {
    display: none;
    background-color: #fff;
    z-index: 7000;
    cursor: default !important;
    position: absolute;
    left: 0;
    width: 350px;
    border-radius: 10px;
    box-shadow: 0 6px 20px 4px rgba(66, 71, 80, .1);
    padding: 20px 20px 0;
    top: 45px
}

header .shopping-cart .user-cart .empty {
    text-align: center;
    color: #424750
}

header .shopping-cart .user-cart .cart-header {
    padding: 0 0 15px;
    border: none;
    border-bottom: 1px solid #e0e0e2
}

header .shopping-cart .user-cart .cart-header #cart-title {
    font-size: 14px;
    font-weight: 400;
    color: #424750;
    margin-left: 10px
}

header .shopping-cart .user-cart .cart-header #cart-qty {
    font-size: 14px;
    font-weight: 700;
    color: #424750
}

header .shopping-cart .user-cart .cart-products {
    max-height: 431px;
    overflow: auto;
    -ms-overflow-style: none
}

header .shopping-cart .user-cart .cart-products::-webkit-scrollbar {
    display: none
}

header .shopping-cart .user-cart .cart-products .cart-item {
    padding-bottom: 20px;
    margin-top: 15px;
    border-bottom: 1px solid #e0e0e2
}

header .shopping-cart .user-cart .cart-products .cart-item:last-child {
    border: none
}

header .shopping-cart .user-cart .cart-products .cart-item .item-base {
    display: flex;
    align-items: center
}

header .shopping-cart .user-cart .cart-products .cart-item .item-base .item-image {
    margin-left: 20px;
    cursor: pointer
}

header .shopping-cart .user-cart .cart-products .cart-item .item-base .item-name {
    font-size: 14px;
    font-weight: 500;
    color: #424750
}

header .shopping-cart .user-cart .cart-products .cart-item .item-details {
    margin-top: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

header .shopping-cart .user-cart .cart-products .cart-item .item-details .item-qty .title {
    font-size: 14px;
    font-weight: 400;
    color: #81858b
}

header .shopping-cart .user-cart .cart-products .cart-item .item-details .item-qty .qty {
    font-size: 14px;
    font-weight: 500
}

header .shopping-cart .user-cart .cart-products .cart-item .item-details .item-price .price {
    font-size: 14px;
    color: #424750
}

header .shopping-cart .user-cart .cart-products .cart-item .item-details .item-price .currency {
    font-size: 14px;
    color: #81858b
}

header .shopping-cart .user-cart .cart-products .cart-item .item-details .item-price img {
    margin-right: 20px;
    background-color: #f5f7fa;
    border-radius: 10px;
    padding: 5px
}

header .shopping-cart .user-cart .cart-products .cart-item .delete-product {
    cursor: pointer
}

header .shopping-cart .user-cart .cart-summery {
    background-color: #f5f7fa;
    margin: 0 -20px;
    padding: 20px;
    border-top: 1px solid #e0e0e2
}

header .shopping-cart .user-cart .cart-summery .cart-total {
    font-size: 14px;
    font-weight: 400;
    color: #424750;
    display: flex;
    justify-content: space-between
}

header .shopping-cart .user-cart .cart-summery .cart-total .price {
    font-weight: 700
}

header .shopping-cart .user-cart .cart-summery .cart-buttons {
    margin-top: 20px;
    display: flex;
    justify-content: space-between;
    text-align: center;
    align-items: center
}

header .shopping-cart .user-cart .cart-summery .cart-buttons .submit {
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    background-color: #e25098;
    border-radius: 10px;
    border: none;
    width: 145px;
    padding: 10px 0;
    text-align: center;
    cursor: pointer
}

header .shopping-cart .user-cart .cart-summery .cart-buttons .shopping-page {
    font-size: 14px;
    font-weight: 700;
    color: #232933;
    background-color: transparent;
    border-radius: 10px;
    border: 1px solid #232933;
    width: 145px;
    padding: 10px 0;
    text-align: center;
    cursor: pointer
}

header .shopping-cart .show-user-cart {
    display: block
}

.empty__cart {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column
}

.empty__cart .empty__cart--image {
    width: 50px;
    margin-bottom: 20px;
    margin-top: 20px
}

.empty__cart .empty__cart--content {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 30px
}

@media only screen and (max-width: 1440px) {
    header .main-logo {
        width: 200px
    }
}

@media only screen and (max-width: 1200px) {
    header .main-logo {
        width: 165px
    }

    header .search-bar input {
        width: 350px
    }

    header .search-bar .result-container .search-result {
        padding: 15px;
        font-size: 12px;
        width: 320px
    }

    header .search-bar .result-container .search-result a {
        font-size: 14px;
        padding: 10px 45px
    }

    header .search-bar .result-container .search-suggestion {
        padding: 5px;
        font-size: 12px;
        width: 320px
    }

    header .search-bar .result-container .search-suggestion hr {
        margin-bottom: 15px
    }

    header .search-bar .result-container .search-suggestion img {
        margin-right: 10px;
        width: 10px
    }

    header .search-bar .result-container .search-suggestion .latest, header .search-bar .result-container .search-suggestion .title {
        margin-bottom: 15px
    }

    header .search-bar .result-container .search-suggestion .latest span {
        font-size: 12px;
        padding: 5px;
        display: flex
    }

    header .search-bar .result-container .search-suggestion .suggestion a {
        font-size: 12px;
        padding: 5px
    }

    header #user-dp {
        padding: 0 15px;
        margin-left: 10px;
        font-size: 12px
    }

    header #user-dp .customer-dp #name-dp {
        padding-left: 10px
    }

    @-moz-document url-prefix() {
        header #user-dp .customer-dp .actions-content {
            top: 47px !important;
            left: -105px !important
        }
    }header #user-dp .customer-dp .actions-content {
         width: 125px
     }

    header #user-dp .customer-dp .actions-content a {
        padding: 10px 5px 5px;
        font-size: 12px
    }

    header .shopping-cart .user-cart {
        width: 300px;
        padding: 15px 15px 0
    }

    header .shopping-cart .user-cart .cart-header #cart-qty, header .shopping-cart .user-cart .cart-header #cart-title {
        font-size: 12px
    }

    header .shopping-cart .user-cart .cart-products .cart-item {
        padding-bottom: 15px;
        margin-top: 10px
    }

    header .shopping-cart .user-cart .cart-products .cart-item .item-base .item-image {
        margin-left: 15px
    }

    header .shopping-cart .user-cart .cart-products .cart-item .item-base .item-name {
        font-size: 12px;
        font-weight: 400
    }

    header .shopping-cart .user-cart .cart-products .cart-item .item-details {
        margin-top: 15px
    }

    header .shopping-cart .user-cart .cart-products .cart-item .item-details .item-qty .title {
        font-size: 12px
    }

    header .shopping-cart .user-cart .cart-products .cart-item .item-details .item-qty .qty {
        font-size: 12px;
        font-weight: 400
    }

    header .shopping-cart .user-cart .cart-products .cart-item .item-details .item-price .currency, header .shopping-cart .user-cart .cart-products .cart-item .item-details .item-price .price {
        font-size: 12px
    }

    header .shopping-cart .user-cart .cart-products .cart-item .item-details .item-price img {
        margin-right: 15px
    }

    header .shopping-cart .user-cart .cart-summery {
        margin: 0 -15px;
        padding: 15px
    }

    header .shopping-cart .user-cart .cart-summery .cart-total {
        font-size: 12px
    }

    header .shopping-cart .user-cart .cart-summery .cart-buttons {
        margin-top: 15px
    }

    header .shopping-cart .user-cart .cart-summery .cart-buttons .shopping-page, header .shopping-cart .user-cart .cart-summery .cart-buttons .submit {
        font-size: 12px;
        width: 130px
    }

    header .shopping-cart .show-user-cart {
        display: block
    }
}

@media only screen and (max-width: 992px) {
    header {
        display: block;
        padding: 0
    }

    header .top-mobile {
        height: 52px;
        padding: 15px
    }

    header .bottom-mobile, header .top-mobile {
        display: flex;
        justify-content: space-between;
        align-items: center
    }

    header .bottom-mobile {
        height: 52px;
        height: 56px;
        background-color: #f5f7fa;
        padding: 8px 15px
    }

    header .main-logo {
        width: 192px
    }

    header .search-bar {
        width: 75%
    }

    header .search-bar input {
        width: -webkit-fill-available;
        width: -moz-available
    }

    header .search-bar .result-container .search-result {
        width: 100%;
        top: 46px
    }

    header .search-bar .result-container .search-suggestion {
        display: none;
        position: absolute;
        padding: 20px;
        font-size: 14px;
        font-weight: 400;
        box-shadow: 0 6px 20px 4px rgba(66, 71, 80, .1);
        color: #424750;
        width: 100%;
        top: 46px;
        border-radius: 0 0 10px 10px
    }

    header .search-bar .result-container .search-suggestion #latest-title, header .search-bar .result-container .search-suggestion .latest, header .search-bar .result-container .search-suggestion hr {
        display: none
    }

    header .search-bar .result-container .search-suggestion .suggestion a {
        font-size: 14px;
        font-weight: 400;
        color: #81858b;
        border: 1px solid transparent;
        background-color: #eaecef;
        border-radius: 18px;
        padding: 5px 10px;
        cursor: pointer;
        margin-left: 10px;
        display: inline-block;
        margin-bottom: 10px
    }

    header .search-bar .result-container .search-suggestion .suggestion a:last-child {
        margin-left: 0
    }

    header .actions-content {
        display: none;
        position: absolute;
        background-color: #fff;
        box-shadow: 0 6px 20px 4px rgba(66, 71, 80, .1);
        border-radius: 10px;
        width: 200px;
        padding: 10px;
        right: 80px;
        top: 100px;
        z-index: 7000
    }

    header .actions-content a {
        display: block;
        padding: 10px;
        font-size: 14px;
        font-weight: 400;
        color: #424750;
        border: none;
        border-radius: 10px
    }

    header .actions-content a:hover {
        background-color: rgba(131, 219, 241, .1)
    }

    header .show-actions {
        display: block
    }

    header .shopping-cart {
        display: flex
    }

    header .shopping-cart .user-cart {
        right: 0
    }
}

@media only screen and (max-width: 768px) {
    header {
        display: block;
        padding: 0
    }

    header .top-mobile {
        height: 52px;
        padding: 15px
    }

    header .bottom-mobile, header .top-mobile {
        display: flex;
        justify-content: space-between;
        align-items: center
    }

    header .bottom-mobile {
        height: 52px;
        height: 56px;
        background-color: #f5f7fa;
        padding: 8px 15px
    }

    header .main-logo {
        width: 192px
    }

    header .search-bar {
        width: 75%;
        z-index: 8000;
        position: relative
    }

    header .search-bar input {
        width: -webkit-fill-available;
        width: -moz-available
    }

    header .search-bar .result-container .search-result {
        width: 100%;
        top: 46px
    }

    header .search-bar .result-container .search-suggestion {
        display: none;
        position: absolute;
        padding: 20px;
        font-size: 14px;
        font-weight: 400;
        box-shadow: 0 6px 20px 4px rgba(66, 71, 80, .1);
        color: #424750;
        width: 70%;
        top: 46px;
        width: 100%;
        border-radius: 0 0 10px 10px
    }

    header .search-bar .result-container .search-suggestion #latest-title, header .search-bar .result-container .search-suggestion .latest, header .search-bar .result-container .search-suggestion hr {
        display: none
    }

    header .search-bar .result-container .search-suggestion .suggestion a {
        font-size: 14px;
        font-weight: 400;
        color: #81858b;
        border: 1px solid transparent;
        background-color: #eaecef;
        border-radius: 18px;
        padding: 5px 10px;
        cursor: pointer;
        margin-left: 10px;
        display: inline-block;
        margin-bottom: 10px
    }

    header .search-bar .result-container .search-suggestion .suggestion a:last-child {
        margin-left: 0
    }

    header .actions-content {
        display: none;
        position: absolute;
        background-color: #fff;
        box-shadow: 0 6px 20px 4px rgba(66, 71, 80, .1);
        border-radius: 10px;
        width: 200px;
        padding: 10px;
        right: 80px;
        top: 100px;
        z-index: 7000
    }

    header .actions-content a {
        display: block;
        padding: 10px;
        font-size: 14px;
        font-weight: 400;
        color: #424750;
        border: none;
        border-radius: 10px
    }

    header .actions-content a:hover {
        background-color: rgba(131, 219, 241, .1)
    }

    header .show-actions {
        display: block
    }

    header .shopping-cart {
        display: flex
    }

    header .shopping-cart .user-cart {
        right: 0
    }
}

@media only screen and (max-width: 480px) {
    header {
        display: block;
        padding: 0
    }

    header .top-mobile {
        height: 52px;
        padding: 15px
    }

    header .bottom-mobile, header .top-mobile {
        display: flex;
        justify-content: space-between;
        align-items: center
    }

    header .bottom-mobile {
        height: 52px;
        height: 56px;
        background-color: #f5f7fa;
        padding: 8px 15px
    }

    header .main-logo {
        width: 192px
    }

    header .search-bar {
        width: 75%
    }

    header .search-bar input {
        width: -webkit-fill-available;
        width: -moz-available
    }

    header .search-bar .result-container .search-result {
        width: 100%;
        top: 46px
    }

    header .search-bar .result-container .search-suggestion {
        display: none;
        position: absolute;
        padding: 20px;
        font-size: 14px;
        font-weight: 400;
        box-shadow: 0 6px 20px 4px rgba(66, 71, 80, .1);
        color: #424750;
        width: 100%;
        top: 46px;
        border-radius: 0 0 10px 10px
    }

    header .search-bar .result-container .search-suggestion #latest-title, header .search-bar .result-container .search-suggestion .latest, header .search-bar .result-container .search-suggestion hr {
        display: none
    }

    header .search-bar .result-container .search-suggestion .suggestion a {
        font-size: 14px;
        font-weight: 400;
        color: #81858b;
        border: 1px solid transparent;
        background-color: #eaecef;
        border-radius: 18px;
        padding: 5px 10px;
        cursor: pointer;
        margin-left: 10px;
        display: inline-block;
        margin-bottom: 10px
    }

    header .search-bar .result-container .search-suggestion .suggestion a:last-child {
        margin-left: 0
    }

    header .actions-content {
        display: none;
        position: absolute;
        background-color: #fff;
        box-shadow: 0 6px 20px 4px rgba(66, 71, 80, .1);
        border-radius: 10px;
        width: 200px;
        padding: 10px;
        right: 80px;
        top: 100px;
        z-index: 7000
    }

    header .actions-content a {
        display: block;
        padding: 10px;
        font-size: 14px;
        font-weight: 400;
        color: #424750;
        border: none;
        border-radius: 10px
    }

    header .actions-content a:hover {
        background-color: rgba(131, 219, 241, .1)
    }

    header .show-actions {
        display: block
    }

    header .shopping-cart {
        display: flex
    }

    header .shopping-cart .user-cart {
        right: 0
    }

    .mobile-menu__img--logo {
        width: 80%;
        height: 100%
    }
}

@media only screen and (max-width: 320px) {
    header {
        display: block;
        padding: 0
    }

    header .top-mobile {
        height: 52px;
        padding: 15px
    }

    header .bottom-mobile, header .top-mobile {
        display: flex;
        justify-content: space-between;
        align-items: center
    }

    header .bottom-mobile {
        height: 52px;
        height: 56px;
        background-color: #f5f7fa;
        padding: 8px 15px
    }

    header .main-logo {
        width: 192px
    }

    header .search-bar {
        width: 75%
    }

    header .search-bar input {
        width: -webkit-fill-available;
        width: -moz-available
    }

    header .search-bar .result-container .search-result {
        width: 100%;
        top: 46px
    }

    header .search-bar .result-container .search-suggestion {
        display: none;
        position: absolute;
        padding: 20px;
        font-size: 14px;
        font-weight: 400;
        box-shadow: 0 6px 20px 4px rgba(66, 71, 80, .1);
        color: #424750;
        width: 100%;
        top: 46px;
        border-radius: 0 0 10px 10px
    }

    header .search-bar .result-container .search-suggestion #latest-title, header .search-bar .result-container .search-suggestion .latest, header .search-bar .result-container .search-suggestion hr {
        display: none
    }

    header .search-bar .result-container .search-suggestion .suggestion a {
        font-size: 14px;
        font-weight: 400;
        color: #81858b;
        border: 1px solid transparent;
        background-color: #eaecef;
        border-radius: 18px;
        padding: 5px 10px;
        cursor: pointer;
        margin-left: 10px;
        display: inline-block;
        margin-bottom: 10px
    }

    header .search-bar .result-container .search-suggestion .suggestion a:last-child {
        margin-left: 0
    }

    header .actions-content {
        display: none;
        position: absolute;
        background-color: #fff;
        box-shadow: 0 6px 20px 4px rgba(66, 71, 80, .1);
        border-radius: 10px;
        width: 200px;
        padding: 10px;
        right: 80px;
        top: 100px;
        z-index: 7000
    }

    header .actions-content a {
        display: block;
        padding: 10px;
        font-size: 14px;
        font-weight: 400;
        color: #424750;
        border: none;
        border-radius: 10px
    }

    header .actions-content a:hover {
        background-color: rgba(131, 219, 241, .1)
    }

    header .show-actions {
        display: block
    }

    header .shopping-cart {
        display: flex
    }

    header .shopping-cart .user-cart {
        right: 0
    }

    .mobile-menu__img--logo {
        width: 100%;
        height: 100%
    }
}

nav .menu-container {
    background-color: #f5f7fa;
    border-bottom: 1px solid #e0e0e2
}

nav .menu-container .menu-items {
    position: relative;
    background-color: #f5f7fa;
    display: flex;
    height: 50px;
    align-items: center;
    justify-content: space-between;
    padding: 0 88px;
    max-width: 1440px;
    margin: 0 auto;
    cursor: default
}

nav .menu-container .menu-items .margin-menu {
    margin-right: -50px
}

nav .menu-container .menu-items .menu-parents {
    padding-left: 0;
    padding-right: 0;
    font-size: 15px;
    font-weight: 400;
    color: #424750;
    height: 50px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid transparent;
    flex-direction: column;
    justify-content: center;
    line-height: 3.3;
    cursor: pointer
}

nav .menu-container .menu-items .menu-parents:hover .megadrop {
    display: block
}

nav .menu-container .menu-items .menu-parents:first-child {
    padding-right: 0
}

nav .menu-container .menu-items .menu-parents:last-child {
    padding-left: 0
}

nav .menu-container .menu-items .menu-parents:after {
    content: "";
    display: block;
    width: 0;
    height: 2px;
    background: #e25098;
    transition: width .4s;
    margin-top: -3px
}

nav .menu-container .menu-items .menu-parents:hover:after {
    width: 100%;
    margin-top: -3px
}

nav .menu-container .menu-items .menu-support {
    margin-right: 80px
}

nav .menu-container .menu-items .menu-support .title {
    font-size: 14px;
    font-weight: 500;
    color: #81858b !important;
    margin-right: 10px;
    margin-left: 10px
}

nav .menu-container .menu-items .menu-support .number {
    color: #424750
}

nav .menu-container > .menu-items > div .ch-desktop-menu {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: 50px;
    right: 0;
    transition: visibility 0s, opacity .3s linear
}

nav .menu-container > .menu-items > div:hover .ch-desktop-menu {
    display: block;
    visibility: visible;
    opacity: 1
}

nav .ch-desktop-menu {
    max-width: 1440px;
    width: 1440px;
    margin: 0 auto;
    box-shadow: 0 6px 20px 4px rgba(66, 71, 80, .1);
    height: 410px;
    z-index: 6000
}

nav .ch-desktop-menu .ch-desktop-container .active {
    background-color: #fff;
    border-radius: 0 10px 10px 0
}

nav .ch-desktop-menu .ch-desktop-container .active span {
    color: #424750 !important;
    font-weight: 500 !important
}

nav .ch-desktop-menu .ch-desktop-container .ch-menu-tab {
    float: right;
    width: 26%;
    height: 410px;
    background-color: #f5f7fa;
    padding: 30px 108px 0 0
}

nav .ch-desktop-menu .ch-desktop-container .ch-menu-single-banner {
    width: 26%;
    background-color: #fff;
    height: 410px;
    float: left;
    padding: 40px 20px;
    border-right: 1px solid #e0e0e2;
    display: none
}

nav .ch-desktop-menu .ch-desktop-container .ch-menu-single-banner .banner-title {
    padding-right: 10px;
    font-size: 14px;
    font-weight: 400;
    color: #62666d;
    border-radius: 10px;
    font-weight: 500;
    padding-bottom: 0
}

nav .ch-desktop-menu .ch-desktop-container .ch-menu-single-banner img {
    width: 270px;
    height: 140px;
    margin-top: 20px
}

nav .ch-desktop-menu .ch-desktop-container .tablinks-desktop .tab-items {
    vertical-align: middle;
    display: inline-block;
    text-align: right;
    white-space: pre-line;
    width: 100%;
    padding: 10px;
    font-size: 15px;
    color: #62666d;
    cursor: pointer
}

nav .ch-desktop-menu .ch-desktop-container .tablinks-desktop .tab-items:hover {
    background-color: #fff;
    border-radius: 0 10px 10px 0;
    color: #424750
}

nav .ch-desktop-menu .ch-desktop-container .ch-menu-tabcontent-d {
    background-color: #fff;
    float: right;
    padding: 40px 20px;
    width: 74%;
    border-right: none;
    height: 100%;
    text-align: right;
    position: relative
}

nav .ch-desktop-menu .ch-desktop-container .ch-menu-tabcontent-d .links-section {
    border-left: 1px solid #e0e0e2;
    height: 100%;
    padding-left: 40px
}

nav .ch-desktop-menu .ch-desktop-container .ch-menu-tabcontent-d .tabcontent-items {
    width: 33%;
    display: inline-block;
    vertical-align: middle;
    text-align: right;
    white-space: pre-line;
    font-size: 15px;
    color: #62666d;
    margin-bottom: 15px
}

nav .ch-desktop-menu .ch-desktop-container .ch-menu-tabcontent-d .tabcontent-items a {
    cursor: pointer;
    padding: 4px 10px;
    font-size: 14px;
    font-weight: 400;
    color: #62666d;
    border-radius: 10px
}

nav .ch-desktop-menu .ch-desktop-container .ch-menu-tabcontent-d .tabcontent-items a:hover {
    background-color: rgba(131, 219, 241, .1);
    color: #4fcce9;
    font-weight: 500px
}

nav .ch-desktop-menu .ch-desktop-container .ch-menu-tabcontent-d .menu-l-2 {
    padding-right: 10px;
    font-size: 15px;
    font-weight: 400;
    color: #62666d;
    border-radius: 10px;
    font-weight: 500;
    margin-bottom: 15px;
    padding-bottom: 0
}

nav .ch-desktop-menu .ch-desktop-container .ch-menu-tabcontent-d .menu-l-2 a {
    color: #62666d;
    margin-right: -10px;
    font-weight: 500
}

nav .ch-desktop-menu .ch-desktop-container .ch-menu-tabcontent-d .menu-l-3 {
    margin-bottom: 10px
}

nav .ch-desktop-menu .ch-desktop-container .ch-menu-tabcontent-d .last {
    margin-bottom: 30px
}

nav .ch-desktop-menu .ch-desktop-container .ch-menu-tabcontent-d .content-section {
    padding-left: 88px
}

nav .ch-desktop-menu .ch-desktop-container .ch-menu-tabcontent-d .content-section .title {
    font-weight: 500;
    color: #424750;
    display: inline-block;
    padding: 10px;
    font-size: 14px;
    margin-top: 10px;
    margin-bottom: 20px
}

nav .ch-desktop-menu .ch-desktop-container .ch-menu-tabcontent-d .content-section .details {
    margin-bottom: 20px;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    color: #62666d
}

nav .ch-desktop-menu .ch-desktop-container .ch-menu-tabcontent-d .content-section .details img {
    height: 100px;
    width: 190px;
    margin-bottom: 20px
}

nav .ch-desktop-menu .ch-desktop-container .ch-menu-single-d {
    background-color: #fff;
    float: right;
    width: 100%;
    text-align: right;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    height: 410px;
    padding: 40px 88px 40px 20px;
    position: relative
}

nav .ch-desktop-menu .ch-desktop-container .ch-menu-single-d .divider {
    height: 100%;
    background-color: #e0e0e2;
    width: 1px
}

nav .ch-desktop-menu .ch-desktop-container .ch-menu-single-d .links-section {
    border-left: 1px solid #e0e0e2;
    height: 100%;
    padding-left: 40px
}

nav .ch-desktop-menu .ch-desktop-container .ch-menu-single-d .tabcontent-items {
    width: 33%;
    display: inline-block;
    vertical-align: middle;
    text-align: right;
    white-space: pre-line;
    font-size: 15px;
    color: #62666d;
    margin-bottom: 15px
}

nav .ch-desktop-menu .ch-desktop-container .ch-menu-single-d .tabcontent-items a {
    cursor: pointer;
    padding: 4px 10px;
    font-size: 14px;
    font-weight: 400;
    color: #62666d;
    border-radius: 10px
}

nav .ch-desktop-menu .ch-desktop-container .ch-menu-single-d .tabcontent-items a:hover {
    background-color: rgba(131, 219, 241, .1);
    color: #4fcce9;
    font-weight: 500px
}

nav .ch-desktop-menu .ch-desktop-container .ch-menu-single-d .menu-l-2 {
    padding-right: 10px;
    font-size: 14px;
    font-weight: 400;
    color: #62666d;
    border-radius: 10px;
    font-weight: 500;
    margin-bottom: 15px;
    padding-bottom: 0
}

nav .ch-desktop-menu .ch-desktop-container .ch-menu-single-d .menu-l-2 a {
    color: #62666d;
    margin-right: -10px;
    font-weight: 500
}

nav .ch-desktop-menu .ch-desktop-container .ch-menu-single-d .menu-l-3 {
    margin-bottom: 10px
}

nav .ch-desktop-menu .ch-desktop-container .ch-menu-single-d .last {
    margin-bottom: 30px
}

nav .ch-desktop-menu .ch-desktop-container .ch-menu-single-d .content-section {
    padding-left: 88px
}

nav .ch-desktop-menu .ch-desktop-container .ch-menu-single-d .content-section .title {
    font-weight: 500;
    color: #424750;
    display: inline-block;
    padding: 10px;
    font-size: 14px;
    margin-top: 10px;
    margin-bottom: 20px
}

nav .ch-desktop-menu .ch-desktop-container .ch-menu-single-d .content-section .details {
    margin-bottom: 20px;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    color: #62666d
}

nav .ch-desktop-menu .ch-desktop-container .ch-menu-single-d .content-section .details img {
    height: 100px;
    width: 190px;
    margin-bottom: 20px
}

.show__all--menu {
    position: absolute;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    bottom: 40px;
    left: 40px;
    color: #4fcce9;
    cursor: pointer
}

.show__all--menu:hover {
    color: #4fcce9
}

.ch-menu-tabcontent {
    float: right;
    padding: 0 12px;
    width: 70%;
    border-right: none;
    height: 100%;
    text-align: right
}

@media screen and (max-width: 600px) {
    .pushNav {
        width: 80%;
        right: -110%
    }
}

@media screen and (min-width: 601px) {
    .pushNav {
        width: 65%;
        right: -350px
    }
}

ul.pushNav {
    text-align: right;
    padding: 30px 25px;
    margin: 0;
    list-style-type: none
}

.pushNav {
    height: 100%;
    position: fixed;
    top: 0;
    z-index: 6000;
    overflow: hidden;
    background: #fff;
    transition: .5s ease-in-out;
    overflow-y: scroll
}

.pushNav hr {
    border: 1px solid #000;
    opacity: .2;
    margin-bottom: 25px;
    margin-top: 0
}

.pushNav a {
    font-size: 14px;
    font-weight: 400;
    color: #62666d;
    text-decoration: none
}

.pushNav .logo {
    margin-bottom: 20px;
    text-align: center
}

.linkLevel {
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #62666d !important;
    text-decoration: none !important;
    margin-bottom: 25px
}

.linkLevel a, .titleLevel a {
    padding: 0 !important
}

.titleLevel a {
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #424750 !important;
    text-decoration: none !important;
    text-indent: 0 !important;
    margin-bottom: 20px
}

.menu-collapsible {
    font-size: 13px;
    color: #62666d
}

.menu-collapsible:hover {
    color: #424750
}

.menu-collapsible:after {
    content: "\002B";
    color: #62666d;
    font-weight: 700;
    float: left;
    margin-left: 5px;
    font-size: 16px
}

.no-collapse {
    margin-right: -20px
}

.menu-collapsible.menu-active {
    font-size: 13px;
    font-weight: 500;
    color: #424750
}

.menu-active:after {
    content: "\2212";
    font-weight: 500
}

.menu-collapsible-sub {
    margin-top: 25px;
    padding: 0 10px 0 0;
    max-height: 0;
    overflow: hidden;
    transition: max-height .2s ease-out
}

.menu-collapsible-sub a {
    color: #424750 !important;
    text-indent: 10px !important;
    font-size: 13px !important;
    font-weight: 400 !important
}

.all-products {
    text-indent: 0 !important
}

.pushNavIsOpen {
    overflow: auto;
    height: 100%
}

.js-topPushNav.isOpen, .pushNav_level.isOpen {
    right: 0;
    pointer-events: all
}

.closeLevel, .openLevel {
    cursor: pointer
}

.closeLevel img, .openLevel img {
    float: left
}

.closeLevel, .openLevel, .pushNav a {
    padding: 0 0 25px;
    display: block;
    text-indent: 20px;
    transition: background .4s ease-in-out;
    font-size: 14px;
    font-weight: 400;
    color: #62666d;
    text-decoration: none
}

.hdg {
    background-color: #f2f2f2;
    padding: 10px 5px;
    margin-bottom: 25px
}

.hdg li {
    font-size: 14px;
    font-weight: 400;
    color: #424750
}

.hdg img {
    float: right;
    margin-left: 10px
}

.closeLevel, closelevel > i {
    font-size: 1em;
    color: #a5a5a4
}

.burger {
    position: absolute;
    top: 24px;
    right: 48px;
    color: #000
}

.burger i {
    font-size: 3em
}

.page-layout {
    transition: opacity .5s ease-in-out;
    transition: background-color .5s ease-in-out
}

.pushNavIsOpen .page-layout {
    height: 100%;
    opacity: .4
}

.pushNavIsOpen header {
    height: auto;
    opacity: .4
}

@media only screen and (max-width: 1440px) {
    nav .menu-container .menu-items .menu-parents {
        padding-left: 0;
        padding-right: 0;
        font-size: 14px
    }

    nav .menu-container .menu-items .menu-support {
        margin-right: 30px
    }

    nav .menu-container .menu-items .menu-support .title {
        font-size: 13px;
        font-weight: 500;
        color: #81858b !important;
        margin-right: 10px;
        margin-left: 10px
    }

    nav .menu-container .menu-items .menu-support .number {
        color: #424750
    }

    nav .ch-desktop-menu {
        max-width: 1440px
    }

    nav .ch-desktop-menu .ch-desktop-container .ch-menu-tab {
        padding: 30px 100px 0 0
    }

    nav .ch-desktop-menu .ch-desktop-container .tablinks-desktop .tab-items {
        font-size: 13px
    }

    nav .ch-desktop-menu .ch-desktop-container .ch-menu-tabcontent-d {
        background-color: #fff;
        float: right;
        padding: 30px 20px
    }

    nav .ch-desktop-menu .ch-desktop-container .ch-menu-tabcontent-d .links-section {
        padding-left: 35px
    }

    nav .ch-desktop-menu .ch-desktop-container .ch-menu-tabcontent-d .tabcontent-items {
        font-size: 14px
    }

    nav .ch-desktop-menu .ch-desktop-container .ch-menu-tabcontent-d .content-section .details, nav .ch-desktop-menu .ch-desktop-container .ch-menu-tabcontent-d .content-section .title {
        font-size: 13px
    }

    nav .ch-desktop-menu .ch-desktop-container .ch-menu-tabcontent-d .content-section .details, nav .ch-desktop-menu .ch-desktop-container .ch-menu-tabcontent-d .content-section .title, nav .ch-desktop-menu .ch-desktop-container .ch-menu-tabcontent-d .tabcontent-items {
        font-size: 14px
    }
}

@media only screen and (max-width: 1200px) {
    nav .menu-container .menu-items .menu-parents {
        padding-left: 0;
        padding-right: 0;
        font-size: 13px
    }

    nav .menu-container .menu-items .menu-support {
        margin-right: 20px
    }

    nav .menu-container .menu-items .menu-support img {
        height: 15px
    }

    nav .menu-container .menu-items .menu-support .title {
        font-size: 11px;
        font-weight: 300;
        color: #81858b !important;
        margin-right: 5px;
        margin-left: 5px
    }

    nav .menu-container .menu-items .menu-support .number {
        color: #424750;
        font-size: 10px
    }

    nav .ch-desktop-menu {
        max-width: 100vw
    }

    nav .ch-desktop-menu .ch-desktop-container .ch-menu-tab {
        padding: 30px 100px 0 0
    }

    nav .ch-desktop-menu .ch-desktop-container .tablinks-desktop, nav .ch-desktop-menu .ch-desktop-container .tablinks-desktop .tab-items {
        font-size: 12px
    }

    nav .ch-desktop-menu .ch-desktop-container .ch-menu-tabcontent-d {
        background-color: #fff;
        float: right;
        padding: 40px 20px
    }

    nav .ch-desktop-menu .ch-desktop-container .ch-menu-tabcontent-d .menu-l-2, nav .ch-desktop-menu .ch-desktop-container .ch-menu-tabcontent-d .menu-l-2 a {
        font-size: 12px
    }

    nav .ch-desktop-menu .ch-desktop-container .ch-menu-tabcontent-d .menu-l-3 a {
        font-size: 11px
    }

    nav .ch-desktop-menu .ch-desktop-container .ch-menu-tabcontent-d .links-section {
        padding-left: 35px
    }

    nav .ch-desktop-menu .ch-desktop-container .ch-menu-tabcontent-d .tabcontent-items {
        font-size: 12px
    }

    nav .ch-desktop-menu .ch-desktop-container .ch-menu-tabcontent-d .content-section .details, nav .ch-desktop-menu .ch-desktop-container .ch-menu-tabcontent-d .content-section .title {
        font-size: 13px
    }

    nav .ch-desktop-menu .ch-desktop-container .ch-menu-single-d .menu-l-2, nav .ch-desktop-menu .ch-desktop-container .ch-menu-single-d .menu-l-2 a {
        font-size: 12px
    }

    nav .ch-desktop-menu .ch-desktop-container .ch-menu-single-d .menu-l-3 a {
        font-size: 11px
    }

    nav .ch-desktop-menu .ch-desktop-container .ch-menu-single-banner img {
        width: 195px;
        height: auto
    }

    nav .ch-desktop-menu {
        width: 100% !important
    }

    nav .menu-container .menu-items .margin-menu {
        margin-right: 0
    }
}

@media only screen and (max-width: 1439px) {
    nav .ch-desktop-menu {
        width: 100% !important
    }
}

@media only screen and (max-width: 992px) {
    nav .ch-desktop-menu {
        width: 100% !important
    }

    .pushNav {
        right: -700px
    }
}

@media only screen and (max-width: 768px) {
    .pushNav {
        right: -500px
    }
}

.swiper-container {
    max-width: 1440px;
    max-height: 510px
}

.swiper-container .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center
}

.swiper-container .swiper-slide img {
    max-width: 100vw;
    height: 510px
}

.swiper-container .swiper-pagination-bullets {
    right: 88px !important
}

.swiper-container .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 15px 0 !important;
    transition: height .2s
}

.swiper-container .swiper-pagination-bullets .swiper-pagination-bullet-active {
    background-color: #fff;
    height: 30px;
    border-radius: 4px
}

@media only screen and (max-width: 992px) {
    .mobile-slider {
        top: 28px
    }

    .swiper-container {
        max-width: 100vw;
        max-height: auto
    }

    .swiper-container .swiper-slide img {
        width: 100vw;
        height: 100%
    }

    .swiper-container .swiper-pagination-bullets {
        right: 0 !important;
        position: static;
        margin-top: 15px
    }

    .swiper-container .swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 0 7px !important
    }

    .swiper-container .swiper-pagination-bullets .swiper-pagination-bullet-active {
        background-color: #4fcce9;
        height: 8px;
        transition: width .3s;
        width: 30px
    }
}

@media only screen and (max-width: 768px) {
    .mobile-slider {
        top: 28px
    }

    .swiper-container {
        max-width: 100vw;
        max-height: auto
    }

    .swiper-container .swiper-slide img {
        width: 100vw;
        height: 100%
    }

    .swiper-container .swiper-pagination-bullets {
        right: 0 !important;
        position: static;
        margin-top: 15px
    }

    .swiper-container .swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 0 7px !important
    }

    .swiper-container .swiper-pagination-bullets .swiper-pagination-bullet-active {
        background-color: #4fcce9;
        height: 8px;
        transition: width .3s;
        width: 30px
    }
}

@media only screen and (max-width: 480px) {
    .mobile-slider {
        top: 28px
    }

    .swiper-container {
        max-width: 100vw;
        max-height: auto
    }

    .swiper-container .swiper-slide img {
        width: 100vw;
        height: 100%
    }

    .swiper-container .swiper-pagination-bullets {
        right: 0 !important;
        position: static;
        margin-top: 15px
    }

    .swiper-container .swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 0 7px !important
    }

    .swiper-container .swiper-pagination-bullets .swiper-pagination-bullet-active {
        background-color: #4fcce9;
        height: 8px;
        transition: width .3s;
        width: 30px
    }
}

@media only screen and (max-width: 320px) {
    .mobile-slider {
        top: 28px
    }

    .swiper-container {
        max-width: 100vw;
        max-height: auto
    }

    .swiper-container .swiper-slide img {
        width: 100vw;
        height: 100%
    }

    .swiper-container .swiper-pagination-bullets {
        right: 0 !important;
        position: static;
        margin-top: 15px
    }

    .swiper-container .swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 0 7px !important
    }

    .swiper-container .swiper-pagination-bullets .swiper-pagination-bullet-active {
        background-color: #4fcce9;
        height: 8px;
        transition: width .3s;
        width: 30px
    }
}

.usp, .usp p {
    text-align: center
}

.usp p {
    margin-top: 20px;
    font-size: 16px;
    color: #424750
}

.first-banner {
    margin-top: 40px
}

.first-banner img {
    width: 100%
}

.second-banner img {
    max-width: 100%;
    height: 100%;
    margin-bottom: 20px
}

@media only screen and (max-width: 992px) {
    .second-banner img {
        width: 100%
    }
}

#featuredFilterButt {
    text-align: center
}

#featuredFilterButt .filter-button {
    font-size: 14px;
    color: #81858b;
    background-color: transparent;
    margin-top: 50px;
    margin-left: 30px;
    border: none
}

#featuredFilterButt .filter-button:last-child {
    margin-left: none
}

#featuredFilterButt .filter-active {
    color: #424750;
    font-weight: 700;
    background-color: transparent
}

.filter-container {
    margin-bottom: 70px
}

.filter-item {
    display: none
}

.show-more {
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    height: 44px;
    padding: 11px 16px;
    background-color: transparent;
    color: #232933;
    width: 170px;
    border-radius: 10px;
    border: 1px solid #919499;
    cursor: pointer;
    display: block;
    margin: 0 auto
}

.show-more:hover {
    background-color: rgba(145, 148, 153, .05)
}

.show-more:focus {
    outline: none
}

.show {
    display: block
}

@media only screen and (max-width: 480px) {
    #featuredFilterButt {
        text-align: center;
        margin-top: 15px
    }

    #featuredFilterButt .filter-button {
        font-size: 12px;
        margin-left: 12px;
        margin-top: 0
    }

    .filter-container {
        margin-bottom: 30px
    }

    .filter-item {
        display: none;
        margin-top: 16px;
        border: none;
        padding: 0 0 20px;
        color: #424750
    }

    .filter-item:hover {
        box-shadow: none;
        margin-top: 16px
    }

    .filter-item:hover .filter-container {
        margin-bottom: 30px
    }

    .filter-item:hover .price-from {
        visibility: visible;
        opacity: 1;
        margin-top: 10px;
        display: none
    }

    .show-more {
        padding: 10px 20px;
        border-radius: 10px;
        border: 1px solid rgba(35, 41, 52, .6);
        color: #232933;
        cursor: pointer;
        display: block;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        margin: 0 auto 32px
    }

    .show-more:hover {
        border: 1px solid #232933
    }
}

.homepage-style, .special-item {
    margin-top: 50px
}

.special-item {
    text-align: center;
    border: 1px solid #f0f0f1;
    border-radius: 0 0 10px 10px;
    padding: 0 0 20px;
    cursor: pointer
}

.special-item a {
    color: #424750
}

.special-item:hover {
    box-shadow: 0 6px 20px 4px rgba(66, 71, 80, .1);
    margin-top: 20px
}

.special-item:hover .price-from {
    visibility: visible;
    opacity: 1;
    margin-top: 10px
}

.special-item:hover .filter-container {
    margin-bottom: 50px
}

.special-item img {
    width: 100%;
    margin-bottom: 20px
}

.special-item .price-from {
    text-align: center;
    margin-top: -20px;
    color: #81858b;
    display: block;
    visibility: hidden;
    opacity: 0
}

.special-item .price-from .price {
    color: #e25098
}

@media only screen and (max-width: 768px) {
    .homepage-style {
        margin-top: 25px
    }

    .homepage-style .product-container {
        justify-content: space-around
    }

    .homepage-style .product-container .product-item {
        width: 47%;
        margin-left: 0;
        padding: 0
    }
}

@media only screen and (max-width: 480px) {
    .homepage-style {
        margin-top: 25px
    }

    .homepage-style .product-container {
        justify-content: space-around
    }

    .homepage-style .product-container .product-item {
        width: 47%;
        margin-left: 0;
        padding: 0
    }

    .homepage-style .product-container .product-item a h3 {
        text-align: center;
        padding-bottom: 10px
    }

    .homepage-style .product-container .product-item img {
        margin-bottom: 10px
    }

    .special-item {
        text-align: center;
        border: none;
        border-radius: 0 0 10px 10px;
        padding: 0 0 20px;
        cursor: pointer;
        margin-top: 16px
    }

    .special-item:hover {
        box-shadow: none;
        margin-top: 15px
    }

    .special-item:hover .price-from {
        visibility: visible;
        opacity: 1;
        margin-top: 0;
        display: none
    }

    .special-item:hover .filter-container {
        margin-bottom: 50px
    }

    .special-item img {
        width: 100%;
        margin-bottom: 20px
    }

    .special-item .price-from {
        text-align: center;
        margin-top: -20px;
        color: #81858b;
        display: block;
        visibility: hidden;
        opacity: 0
    }

    .special-item .price-from .price {
        color: #e25098
    }
}

.testemonial-slider {
    height: 445px
}

.customer-testemonial {
    text-align: center;
    width: 550px;
    box-shadow: 0 6px 20px 4px rgba(66, 71, 80, .1);
    padding: 20px
}

.customer-testemonial .logo {
    width: 100px;
    height: 100px;
    border-radius: 90px;
    border: 1.7px solid #e25098;
    text-align: center;
    margin: -70px auto 0;
    padding: 8px;
    background-color: transparent;
    display: flex;
    justify-content: center;
    align-items: center
}

.customer-testemonial .logo img {
    border-radius: 90px;
    margin-left: auto;
    height: 84px;
    width: 84px;
    margin-right: auto;
    background-color: #fff
}

.customer-testemonial .content {
    font-size: 16px;
    font-weight: 400;
    color: #424750
}

.customer-testemonial .name {
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    color: #424750;
    display: block;
    margin-bottom: 8px
}

.customer-testemonial .company {
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    color: #81858b;
    display: block;
    margin-bottom: 20px
}

.customer-testemonial .qoute {
    text-align: center;
    display: block;
    margin: 0 auto
}

.customer-testemonial .qoute .a {
    -webkit-clip-path: url(#b);
    clip-path: url(#b)
}

.customer-testemonial .qoute .b {
    fill: #81dbf1
}

.swiper-slide-shadow-left, .swiper-slide-shadow-right {
    background-image: none !important
}

.swiper-slide-next .customer-testemonial {
    opacity: .6
}

.swiper-slide-next .customer-testemonial .logo {
    border: 1.7px solid #c0c2c5
}

.swiper-slide-next .customer-testemonial .qoute {
    text-align: center;
    display: block;
    margin: 0 auto
}

.swiper-slide-next .customer-testemonial .qoute .a {
    -webkit-clip-path: url(#b);
    clip-path: url(#b)
}

.swiper-slide-next .customer-testemonial .qoute .b {
    fill: #c0c2c5
}

.swiper-slide-prev .customer-testemonial {
    opacity: .6
}

.swiper-slide-prev .customer-testemonial .logo {
    border: 1.7px solid #c0c2c5
}

.swiper-slide-prev .customer-testemonial .qoute {
    text-align: center;
    display: block;
    margin: 0 auto
}

.swiper-slide-prev .customer-testemonial .qoute .a {
    -webkit-clip-path: url(#b);
    clip-path: url(#b)
}

.swiper-slide-prev .customer-testemonial .qoute .b {
    fill: #c0c2c5
}

.swiper-button-next:after, .swiper-button-prev:after {
    content: "" !important
}

.testemonial-next {
    background-color: #f5f7fa;
    border-radius: 12px;
    padding: 21px
}

.testemonial-next:hover {
    background-color: #fff;
    box-shadow: 0 6px 20px 4px rgba(66, 71, 80, .1)
}

.testemonial-prev {
    background-color: #f5f7fa;
    border-radius: 12px;
    padding: 21px
}

.testemonial-prev:hover {
    background-color: #fff;
    box-shadow: 0 6px 20px 4px rgba(66, 71, 80, .1)
}

@media only screen and (max-width: 480px) {
    .testemonials {
        background-color: #f5f7fa;
        padding-top: 20px;
        padding-bottom: 25px
    }

    .testemonial-slider .swiper-slide {
        background-color: #f5f7fa;
        padding-top: 0
    }

    .testemonial-slider .testemonial-pagination {
        position: absolute;
        bottom: -5px
    }

    .customer-testemonial {
        margin-top: 0;
        box-shadow: none;
        padding: 20px 20px 0
    }

    .customer-testemonial .logo {
        width: 90px;
        height: 90px;
        border-radius: 90px;
        border: 1.7px solid #e25098;
        text-align: center;
        margin: -70px auto 0;
        padding: 5px;
        background-color: transparent;
        display: flex;
        justify-content: center;
        align-items: center
    }

    .customer-testemonial .logo img {
        border-radius: 90px;
        margin-left: auto;
        height: 70px;
        width: 70px;
        margin-right: auto
    }

    .customer-testemonial .content {
        font-size: 12px;
        font-weight: 400;
        color: #424750;
        margin: 15px 0
    }

    .customer-testemonial .name {
        text-align: center;
        font-size: 10px;
        font-weight: 700;
        color: #424750;
        display: block;
        margin-bottom: 8px
    }

    .customer-testemonial .company {
        text-align: center;
        font-size: 10px;
        font-weight: 400;
        color: #81858b;
        display: block;
        margin-bottom: 20px
    }

    .customer-testemonial .qoute {
        text-align: center;
        display: none;
        margin: 0 auto
    }

    .customer-testemonial .qoute .a {
        -webkit-clip-path: url(#b);
        clip-path: url(#b)
    }

    .customer-testemonial .qoute .b {
        fill: #81dbf1
    }

    .swiper-slide-shadow-left, .swiper-slide-shadow-right {
        background-image: none !important
    }

    .swiper-slide-next .customer-testemonial {
        opacity: .6
    }

    .swiper-slide-next .customer-testemonial .logo {
        border: 1.7px solid #c0c2c5
    }

    .swiper-slide-next .customer-testemonial .qoute {
        text-align: center;
        display: block;
        margin: 0 auto
    }

    .swiper-slide-next .customer-testemonial .qoute .a {
        -webkit-clip-path: url(#b);
        clip-path: url(#b)
    }

    .swiper-slide-next .customer-testemonial .qoute .b {
        fill: #c0c2c5
    }

    .swiper-slide-prev .customer-testemonial {
        opacity: .6
    }

    .swiper-slide-prev .customer-testemonial .logo {
        border: 1.7px solid #c0c2c5
    }

    .swiper-slide-prev .customer-testemonial .qoute {
        text-align: center;
        display: block;
        margin: 0 auto
    }

    .swiper-slide-prev .customer-testemonial .qoute .a {
        -webkit-clip-path: url(#b);
        clip-path: url(#b)
    }

    .swiper-slide-prev .customer-testemonial .qoute .b {
        fill: #c0c2c5
    }

    .swiper-button-next:after, .swiper-button-prev:after {
        content: "" !important
    }

    .testemonial-next {
        background-color: #f5f7fa;
        border-radius: 12px;
        padding: 21px
    }

    .testemonial-next:hover {
        background-color: #fff;
        box-shadow: 0 6px 20px 4px rgba(66, 71, 80, .1)
    }

    .testemonial-prev {
        background-color: #f5f7fa;
        border-radius: 12px;
        padding: 21px
    }

    .testemonial-prev:hover {
        background-color: #fff;
        box-shadow: 0 6px 20px 4px rgba(66, 71, 80, .1)
    }
}

.brands {
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    scrollbar-width: none;
    text-align: center
}

.brands::-webkit-scrollbar {
    display: none
}

.brands .brands-item {
    margin-top: 50px;
    width: 170px;
    height: 90px;
    display: inline-block;
    margin-left: 20px;
    max-width: 170px;
    max-height: 90px
}

.brands .brands-item:last-child {
    margin-left: 0
}

@media only screen and (max-width: 480px) {
    .brands .brands-item {
        margin-top: 10px;
        width: 115px;
        height: 60px
    }

    .brands img {
        width: 100%
    }
}

.blog-slider {
    margin-top: 20px;
    margin-bottom: 100px
}

.blog-slider .blog-item img {
    height: 265px;
    width: 265px;
    margin-left: 20px
}

.blog-slider .swiper-pagination-bullets {
    right: auto !important;
    position: static;
    margin-top: 50px
}

.blog-slider .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 8px !important;
    transition: width .2s
}

.blog-slider .swiper-pagination-bullets .swiper-pagination-bullet-active {
    background-color: #4fcce9;
    height: 8px;
    width: 30px;
    border-radius: 4px
}

.blog-slider .blog-next {
    background-color: rgba(67, 72, 81, .1);
    border-radius: 12px;
    padding: 21px
}

.blog-slider .blog-next:hover {
    background-color: rgba(67, 72, 81, .3);
    box-shadow: 0 6px 20px 4px rgba(66, 71, 80, .1);
    outline: none
}

.blog-slider .blog-prev {
    background-color: rgba(67, 72, 81, .1);
    border-radius: 12px;
    padding: 21px
}

.blog-slider .blog-prev:hover {
    background-color: rgba(67, 72, 81, .4);
    box-shadow: 0 6px 20px 4px rgba(66, 71, 80, .1);
    outline: none
}

.socials-slider {
    margin-top: 20px;
    margin-bottom: 60px
}

.socials-slider .socials-item img {
    height: 265px;
    width: 265px;
    margin-left: 20px
}

.socials-slider .swiper-pagination-bullets {
    right: auto !important;
    position: static;
    margin-top: 50px
}

.socials-slider .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 8px !important;
    transition: width .2s
}

.socials-slider .swiper-pagination-bullets .swiper-pagination-bullet-active {
    background-color: #4fcce9;
    height: 8px;
    width: 30px;
    border-radius: 4px
}

.socials-slider .socials-next {
    background-color: rgba(67, 72, 81, .1);
    border-radius: 12px;
    padding: 21px
}

.socials-slider .socials-next:hover {
    background-color: rgba(67, 72, 81, .3);
    box-shadow: 0 6px 20px 4px rgba(66, 71, 80, .1);
    outline: none
}

.socials-slider .socials-prev {
    background-color: rgba(67, 72, 81, .1);
    border-radius: 12px;
    padding: 21px
}

.socials-slider .socials-prev:hover {
    background-color: rgba(67, 72, 81, .4);
    box-shadow: 0 6px 20px 4px rgba(66, 71, 80, .1);
    outline: none
}

@media only screen and (max-width: 480px) {
    .blog-slider {
        margin-top: 20px;
        margin-bottom: 100px
    }

    .blog-slider .blog-item img {
        height: 225px !important;
        width: 225px !important;
        margin-left: 20px
    }

    .blog-slider .swiper-pagination-bullets {
        right: auto !important;
        position: static;
        margin-top: 50px
    }

    .blog-slider .swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 0 8px !important;
        transition: width .2s
    }

    .blog-slider .swiper-pagination-bullets .swiper-pagination-bullet-active {
        background-color: #4fcce9;
        height: 8px;
        width: 30px;
        border-radius: 4px
    }

    .blog-slider .blog-next {
        background-color: rgba(67, 72, 81, .1);
        border-radius: 12px;
        padding: 21px
    }

    .blog-slider .blog-next:hover {
        background-color: rgba(67, 72, 81, .3);
        box-shadow: 0 6px 20px 4px rgba(66, 71, 80, .1);
        outline: none
    }

    .blog-slider .blog-prev {
        background-color: rgba(67, 72, 81, .1);
        border-radius: 12px;
        padding: 21px
    }

    .blog-slider .blog-prev:hover {
        background-color: rgba(67, 72, 81, .4);
        box-shadow: 0 6px 20px 4px rgba(66, 71, 80, .1);
        outline: none
    }

    .socials-slider {
        margin-top: 20px;
        margin-bottom: 100px
    }

    .socials-slider .socials-item img {
        height: 265px;
        width: 265px;
        margin-left: 0
    }
}

footer {
    background-color: #111;
    bottom: 0;
    left: 0;
    width: 100%;
    display: inline-block
}

footer .footer-content {
    max-width: 1440px;
    margin: 0 auto
}

footer .newsletter {
    margin: 0 88px;
    height: 104px;
    border-bottom: 1px solid hsla(0, 0%, 100%, .2);
    display: flex;
    justify-content: space-between;
    align-items: center
}

footer .newsletter span {
    font-size: 14px;
    color: #fff
}

footer .newsletter input {
    padding: 11px 15px;
    background-color: hsla(0, 0%, 84.7%, .1);
    border: 1px solid #62666d;
    border-radius: 10px;
    width: 484px
}

footer .newsletter input::-moz-placeholder {
    color: #fff
}

footer .newsletter input:-ms-input-placeholder {
    color: #fff
}

footer .newsletter input::placeholder {
    color: #fff
}

footer .newsletter button {
    margin-right: 10px;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    height: 44px;
    padding: 11px 16px;
    background-color: #4fcce9;
    color: #fff;
    width: 94px;
    border-radius: 10px;
    border: 1px solid transparent;
    cursor: pointer
}

footer .newsletter button:hover {
    box-shadow: 0 6px 12px 0 rgba(79, 204, 233, .4)
}

footer .newsletter button:focus {
    outline: none
}

footer .footer-links {
    display: flex;
    justify-content: space-between;
    margin: 30px 88px;
    border-bottom: 1px solid hsla(0, 0%, 100%, .2);
    text-align: right
}

footer .footer-links ul {
    list-style: none;
    padding-right: 0
}

footer .footer-links ul .list-title {
    font-weight: 700;
    margin-bottom: 15px;
    font-size: 14px;
    color: #fff
}

footer .footer-links ul .list-items {
    font-size: 14px;
    color: #fff;
    height: 28px
}

footer .footer-links ul .list-items a {
    color: #fff
}

footer .footer-links .footer-tab {
    min-width: 250px
}

footer .footer-trust {
    height: 140px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 88px
}

footer .footer-trust .footer-contact {
    color: #fff;
    font-size: 14px;
    line-height: 1.9
}

footer .footer-trust .footer-contact b {
    font-size: 16px
}

footer .footer-trust .footer-contact a {
    color: #fff
}

footer .footer-trust .footer-logos {
    display: flex;
    justify-content: space-between;
    width: 350px
}

footer .footer-trust .footer-logos .footer-logos-item {
    background-color: #fff;
    border-radius: 10px;
    width: 100px;
    height: 110px;
    display: flex;
    justify-content: center;
    align-items: center
}

footer .footer-trust .footer-logos a {
    margin-left: 50px
}

footer .footer-trust .footer-logos a:last-child {
    margin-left: 0
}

footer .footer-trust .footer-logos img {
    height: 80px;
    width: auto;
    margin-left: 50px
}

footer .footer-trust .footer-logos img:last-child {
    margin-left: 0
}

footer .footer-bottom {

    background-color: #171717;
}
.footer-content  hr {

    border-color: #ffffff57 !important;
}
footer .footer-copyright {
    padding: 0 88px;
    height: 80px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 1440px;
    margin: 0 auto
}

footer .footer-copyright .chapagha-reserved {
    font-size: 14px;
    color: #fff
}

footer .footer-copyright .footer-socials a {
    margin-left: 30px
}

footer .footer-copyright .footer-socials a:last-child {
    margin-left: 0
}

@media only screen and (max-width: 1200px) {
    footer {
        background-color: #424750;
        bottom: 0;
        left: 0;
        width: 100vw
    }

    footer .newsletter {
        margin: 0 88px;
        height: 104px;
        border-bottom: 1px solid hsla(0, 0%, 100%, .2);
        display: flex;
        justify-content: space-between;
        align-items: center
    }

    footer .newsletter span {
        font-size: 14px;
        color: #fff
    }

    footer .newsletter input {
        padding: 11px 15px;
        background-color: hsla(0, 0%, 84.7%, .1);
        border: 1px solid #62666d;
        border-radius: 10px;
        width: 300px
    }

    footer .newsletter input::-moz-placeholder {
        color: #fff
    }

    footer .newsletter input:-ms-input-placeholder {
        color: #fff
    }

    footer .newsletter input::placeholder {
        color: #fff
    }

    footer .newsletter button {
        margin-right: 10px;
        font-size: 14px;
        font-weight: 500;
        text-align: center;
        height: 44px;
        padding: 11px 16px;
        background-color: #4fcce9;
        color: #fff;
        width: 94px;
        border-radius: 10px;
        border: 1px solid transparent;
        cursor: pointer
    }

    footer .newsletter button:hover {
        box-shadow: 0 6px 12px 0 rgba(79, 204, 233, .4)
    }

    footer .newsletter button:focus {
        outline: none
    }

    footer .footer-links {
        display: flex;
        justify-content: space-between;
        margin: 30px 88px;
        border-bottom: 1px solid hsla(0, 0%, 100%, .2);
        text-align: right
    }

    footer .footer-links ul {
        list-style: none;
        padding-right: 0
    }

    footer .footer-links ul .list-title {
        font-weight: 700;
        margin-bottom: 15px;
        font-size: 14px;
        color: #fff
    }

    footer .footer-links ul .list-items {
        font-size: 14px;
        color: #fff;
        height: 28px
    }

    footer .footer-links ul .list-items a {
        color: #fff
    }

    footer .footer-links .footer-tab {
        min-width: auto
    }

    footer .footer-trust {
        height: 140px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0 88px
    }

    footer .footer-trust .footer-contact {
        color: #fff;
        font-size: 14px;
        line-height: 1.9
    }

    footer .footer-trust .footer-contact b {
        font-size: 16px
    }

    footer .footer-trust .footer-contact a {
        color: #fff
    }

    footer .footer-trust .footer-logos a {
        margin-left: 50px
    }

    footer .footer-trust .footer-logos a:last-child {
        margin-left: 0
    }

    footer .footer-trust .footer-logos img {
        height: 80px;
        width: auto;
        margin-left: 50px
    }

    footer .footer-trust .footer-logos img:last-child {
        margin-left: 0
    }

    footer .footer-copyright {
        background-color: #2d3035;
        padding: 0 88px;
        height: 80px;
        display: flex;
        justify-content: space-between;
        align-items: center
    }

    footer .footer-copyright .chapagha-reserved {
        font-size: 14px;
        color: #fff
    }

    footer .footer-copyright .footer-socials a {
        margin-left: 30px
    }

    footer .footer-copyright .footer-socials a:last-child {
        margin-left: 0
    }
}

@media only screen and (max-width: 992px) {
    footer .footer-links {
        margin: 0 15px 24px;
        border-bottom: none;
        text-align: right
    }

    footer .footer-links ul {
        list-style: none;
        padding-right: 0
    }

    footer .footer-links ul .list-title {
        font-weight: 700;
        margin-bottom: 15px;
        font-size: 12px;
        color: #fff
    }

    footer .footer-links ul .list-items {
        font-size: 12px;
        color: #fff;
        height: auto;
        margin-bottom: 10px
    }

    footer .footer-links .footer-tab {
        min-width: auto;
        width: 50%;
        margin-top: 24px;
        padding: 0 15px
    }

    footer .footer-copyright {
        background-color: #2d3035;
        padding: 0 44px;
        height: 80px;
        display: flex;
        justify-content: space-between;
        align-items: center
    }

    footer .footer-copyright .chapagha-reserved {
        font-size: 12px;
        text-align: center;
        color: #fff
    }

    footer .footer-copyright .footer-socials a {
        margin-left: 30px
    }

    footer .footer-copyright .footer-socials a:last-child {
        margin-left: 0
    }
}

@media only screen and (max-width: 768px) {
    .footer-links {
        margin: 0 15px 24px
    }
}

@media only screen and (max-width: 480px) {
    footer {
        background-color: #424750;
        bottom: 0;
        left: 0;
        width: 100%
    }

    footer .footer-links {
        margin: 0 15px 24px
    }
}

@media only screen and (max-width: 320px) {
    footer .footer-links {
        margin: 0 8px 24px
    }

    footer .footer-links .footer-tab {
        padding: 0 10px
    }

    footer .footer-links ul .list-items {
        font-size: 10px;
        color: #fff;
        height: auto;
        margin-bottom: 10px
    }

    footer .footer-copyright .chapagha-reserved {
        font-size: 10px
    }
}

.authentication-container {
    display: flex;
    justify-content: center;
    cursor: default
}

.authentication-container .auth-panel {
    margin-top: 100px;
    width: 400px
}

.authentication-container .auth-panel .auth-title span {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.6;
    text-align: right;
    color: #424750
}

.authentication-container .auth-panel .auth-label {
    margin-top: 20px;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    text-align: right;
    color: #81858b
}

.authentication-container .auth-panel .auth-description {
    margin-top: 20px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    text-align: justify;
    color: #a1a3a8
}

.authentication-container .auth-panel .auth-input {
    margin-top: 20px;
    width: 400px;
    border-radius: 10px;
    border: 1px solid #e0e0e2;
    padding: 9px 15px;
    height: 46px;
    font-weight: 400;
    color: #424750;
    font-size: 14px;
    font-weight: 500;
    background-image: url(/images/profile.svg?fe538d21041f2de74e9d71359d6da64b);
    background-size: auto;
    background-repeat: no-repeat;
    background-position: 100%;
    background-origin: content-box;
    text-align: left;
    direction: ltr
}

.authentication-container .auth-panel .auth-input::-moz-placeholder {
    color: #a1a3a8;
    font-size: 14px
}

.authentication-container .auth-panel .auth-input:-ms-input-placeholder {
    color: #a1a3a8;
    font-size: 14px
}

.authentication-container .auth-panel .auth-input::placeholder {
    color: #a1a3a8;
    font-size: 14px
}

.authentication-container .auth-panel .auth-input.img-hide {
    background-image: none;
    text-align: center
}

.authentication-container .auth-panel .auth-input.img-hide::-moz-placeholder {
    text-align: center
}

.authentication-container .auth-panel .auth-input.img-hide:-ms-input-placeholder {
    text-align: center
}

.authentication-container .auth-panel .auth-input.img-hide::placeholder {
    text-align: center
}

.authentication-container .auth-panel .auth-input.img-password {
    background-image: url(/images/password.svg?2e743202e9a660e50af4f5ab2dbd8415);
    background-size: auto;
    background-repeat: no-repeat;
    background-position: 100%;
    background-origin: content-box
}

.authentication-container .auth-panel .auth-input::-moz-placeholder {
    padding-right: 30px;
    text-align: right
}

.authentication-container .auth-panel .auth-input:-ms-input-placeholder {
    padding-right: 30px;
    text-align: right
}

.authentication-container .auth-panel .auth-input::placeholder {
    padding-right: 30px;
    text-align: right
}

.authentication-container .auth-panel .auth-button {
    margin-top: 40px;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    height: 44px;
    padding: 11px 16px;
    background-color: #4fcce9;
    color: #fff;
    width: 400px;
    border-radius: 10px;
    border: 1px solid transparent;
    cursor: pointer
}

.authentication-container .auth-panel .auth-button:hover {
    box-shadow: 0 6px 12px 0 rgba(79, 204, 233, .4)
}

.authentication-container .auth-panel .auth-button:focus {
    outline: none
}

.authentication-container .auth-panel .outline-button {
    margin-top: 40px;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    height: 44px;
    padding: 11px 16px;
    background-color: transparent;
    color: #232933;
    width: 400px;
    border-radius: 10px;
    border: 1px solid #919499;
    cursor: pointer
}

.authentication-container .auth-panel .outline-button:hover {
    background-color: rgba(145, 148, 153, .05)
}

.authentication-container .auth-panel .outline-button:focus {
    outline: none
}

.authentication-container .auth-panel .auth-terms {
    margin-top: 30px;
    text-align: justify
}

.authentication-container .auth-panel .auth-terms p {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    text-align: justify;
    color: #81858b
}

.authentication-container .auth-panel .auth-copyright {
    margin-top: 200px
}

.authentication-container .auth-panel .auth-copyright p {
    direction: ltr;
    font-family: Roboto;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.15;
    text-align: center;
    color: #a1a3a8
}

.authentication-container .auth-panel .auth-link {
    margin-top: 40px;
    margin-bottom: 15px
}

.authentication-container .auth-panel .auth-link a {
    font-size: 13px;
    font-weight: 400;
    line-height: 1.46;
    text-align: right;
    color: #4fcce9;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    cursor: pointer
}

.authentication-container .auth-panel .auth-link a img {
    width: 14px;
    margin-right: 5px;
    margin-left: 5px
}

.authentication-container .auth-panel .auth-link a:hover {
    color: #45c3e0
}

.ch__messages--success {
    border: none !important
}

@media only screen and (max-width: 480px) {
    .auth-templates {
        padding: 15px
    }

    .authentication-container .auth-panel {
        width: 100%;
        margin-top: 50px
    }

    .authentication-container .auth-panel .auth-input {
        width: 100%;
        border-radius: 10px;
        border: 1px solid #e0e0e2;
        padding: 9px 15px;
        height: 46px;
        font-weight: 400;
        color: #424750;
        font-size: 14px;
        font-weight: 500
    }

    .authentication-container .auth-panel .auth-input::-moz-placeholder {
        color: #a1a3a8;
        font-size: 14px
    }

    .authentication-container .auth-panel .auth-input:-ms-input-placeholder {
        color: #a1a3a8;
        font-size: 14px
    }

    .authentication-container .auth-panel .auth-input::placeholder {
        color: #a1a3a8;
        font-size: 14px
    }

    .authentication-container .auth-panel .auth-button {
        font-size: 14px;
        font-weight: 500;
        text-align: center;
        height: 44px;
        padding: 11px 16px;
        background-color: #4fcce9;
        color: #fff;
        width: 100%;
        border-radius: 10px;
        border: 1px solid transparent;
        cursor: pointer
    }

    .authentication-container .auth-panel .auth-button:hover {
        box-shadow: 0 6px 12px 0 rgba(79, 204, 233, .4)
    }

    .authentication-container .auth-panel .auth-button:focus {
        outline: none
    }

    .authentication-container .auth-panel .outline-button {
        font-size: 14px;
        font-weight: 500;
        text-align: center;
        height: 44px;
        padding: 11px 16px;
        background-color: transparent;
        color: #232933;
        width: 100%;
        border-radius: 10px;
        border: 1px solid #919499;
        cursor: pointer
    }

    .authentication-container .auth-panel .outline-button:hover {
        background-color: rgba(145, 148, 153, .05)
    }

    .authentication-container .auth-panel .outline-button:focus {
        outline: none
    }

    .ch__messages--success {
        border: none !important
    }

    .auth-messages {
        padding: 0 15px;
        margin-bottom: 0
    }
}

.auth-container {
    margin: 100px auto 0;
    text-align: center;
    width: 450px
}

.auth-container .page-sub-guid {
    width: 445px;
    padding: 10px;
    text-align: center;
    margin: 0 auto 50px
}

.auth-container .page-sub-guid p {
    font-size: 16px;
    font-weight: 400;
    color: #81858b !important;
    line-height: 1.75;
    margin: 0 auto
}

.auth-container h2 {
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    color: #424750;
    margin-bottom: 30px
}

.auth-container p {
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    margin-bottom: 50px
}

.auth-container form {
    text-align: center;
    position: relative;
    background-color: #fff;
    padding: 0 25px;
    width: 100%;
    box-sizing: border-box
}

.auth-container form label {
    font-size: 14px;
    font-weight: 500;
    display: block;
    margin-bottom: 5px
}

.auth-container form input:not([type=file]), .auth-container form textarea {
    border-radius: 10px;
    border: 1px solid #dedede;
    width: 100%;
    margin-bottom: 30px;
    padding: 10px 15px;
    color: #2c2f32;
    font-size: 16px;
    font-weight: 500;
    text-align: left;
    direction: ltr
}

.auth-container form input:not([type=file])::-moz-placeholder, .auth-container form textarea::-moz-placeholder {
    font-size: 14px;
    font-weight: 500;
    color: #a1a3a8;
    opacity: 1;
    text-align: right;
    direction: rtl;
    text-indent: 30px !important;
    padding-right: 30px
}

.auth-container form input:not([type=file]):-ms-input-placeholder, .auth-container form textarea:-ms-input-placeholder {
    font-size: 14px;
    font-weight: 500;
    color: #a1a3a8;
    opacity: 1;
    text-align: right;
    direction: rtl;
    text-indent: 30px !important;
    padding-right: 30px
}

.auth-container form input:not([type=file])::placeholder, .auth-container form textarea::placeholder {
    font-size: 14px;
    font-weight: 500;
    color: #a1a3a8;
    opacity: 1;
    text-align: right;
    direction: rtl;
    text-indent: 30px !important;
    padding-right: 30px
}

.auth-container form input:not([type=file]):focus, .auth-container form textarea:focus {
    outline: none;
    text-indent: 0 !important
}

.auth-container form input#userAccount {
    background-image: url(/images/profile.svg?fe538d21041f2de74e9d71359d6da64b)
}

.auth-container form input#userAccount, .auth-container form input.password-input {
    background-size: auto;
    background-repeat: no-repeat;
    background-position: 100%;
    background-origin: content-box
}

.auth-container form input.password-input {
    background-image: url(/images/password.svg?2e743202e9a660e50af4f5ab2dbd8415)
}

.auth-container form .userAccount-error {
    background-image: url(/images/profile-error.svg?8b17790755b62710eb2c225fa13df337) !important;
    border-color: #ef5661 !important
}

.auth-container form .password-error {
    background-image: url(/images/password-error.svg?33cb7fc854803e2dc3202efcb7108db3) !important;
    border-color: #ef5661 !important
}

.auth-container form .user-actions {
    margin-bottom: 50px
}

.auth-container form .user-actions .remember__select {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    display: unset
}

.auth-container form .user-actions input {
    width: 14px;
    display: inline-block;
    margin-bottom: 0
}

.auth-container form .user-actions label {
    display: inline
}

.auth-container form .user-actions a {
    float: left;
    font-size: 14px;
    font-weight: 500;
    color: #4fcce9;
    cursor: pointer
}

.auth-container form .user-actions a:hover {
    color: #4fcce9
}

.auth-container button {
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    height: 44px;
    padding: 11px 16px;
    background-color: #4fcce9;
    color: #fff;
    width: 400px;
    border-radius: 10px;
    border: 1px solid transparent;
    cursor: pointer;
    margin-bottom: 47px
}

.auth-container button:hover {
    box-shadow: 0 6px 12px 0 rgba(79, 204, 233, .4)
}

.auth-container button:focus {
    outline: none
}

.auth-container .new-user {
    text-align: center
}

.auth-container .new-user span {
    font-weight: 700;
    margin-left: 20px
}

.auth-container .new-user a {
    font-size: 14px;
    font-weight: 500;
    color: #4fcce9;
    cursor: pointer
}

.auth-container .new-user a:hover {
    color: #4fcce9
}

.copyright {
    height: 70px;
    margin-top: 110px;
    display: flex;
    justify-content: center;
    bottom: 0;
    left: auto;
    text-align: center;
    right: auto;
    width: 100%;
    position: relative;
    left: 0
}

.copyright p {
    font-size: 12px;
    font-weight: 400;
    direction: ltr;
    border-top: 1px solid #e0e0e2;
    padding: 20px 30px;
    font-family: Montserrat;
    text-align: center;
    margin: 0 auto
}

.form-success {
    margin-bottom: 432px
}

.form-success h2 {
    width: 400px !important
}

.form-success div {
    width: 400px
}

.form-failed h2 {
    border-radius: 10px;
    color: #ef5661 !important;
    background-color: rgba(239, 86, 97, .06274509803921569);
    padding: 15px !important;
    width: 400px !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    margin: 0 auto 50px;
    height: auto
}

.form-failed div {
    width: 400px;
    padding: 10px;
    text-align: center;
    margin: 0 auto 50px
}

.form-failed div p {
    font-size: 16px;
    font-weight: 400;
    color: #81858b !important;
    line-height: 1.75;
    margin: 0 auto
}

.form-failed a {
    color: #4fcce9;
    text-align: center;
    margin: 0 auto;
    display: block;
    font-size: 14px;
    font-weight: 500
}

.account-error-text {
    color: #ef5661;
    font-size: 12px;
    font-weight: 400;
    position: absolute;
    bottom: 7px;
    display: none
}

.account-error-text a {
    font-weight: 700;
    color: #fff
}

.password-error-text {
    color: #ef5661;
    font-size: 12px;
    font-weight: 400;
    position: absolute;
    bottom: 7px;
    display: none
}

.password-error-text a {
    font-weight: 700;
    color: #fff
}

.rpassword-error-text {
    color: #ef5661;
    font-size: 12px;
    font-weight: 400;
    position: absolute;
    bottom: 7px;
    display: none
}

.rpassword-error-text a {
    font-weight: 700;
    color: #fff
}

.verification-error-text {
    color: #ef5661;
    font-size: 12px;
    font-weight: 400;
    position: absolute;
    top: 70px;
    text-align: right !important;
    display: none
}

.verification-error-text a {
    font-weight: 700;
    color: #fff
}

#codeLabel {
    margin-bottom: 5px
}

#code, #codeLabel, .timer {
    text-align: center
}

.timer {
    margin-bottom: 320px
}

.timer span {
    margin-left: 20px;
    color: #424750
}

.timer #time, .timer span {
    font-size: 14px;
    font-weight: 500
}

.timer #time {
    color: #4fcce9
}

.resend {
    text-align: center;
    margin-bottom: 320px
}

.resend span {
    margin-left: 20px;
    color: #424750
}

.resend button, .resend span {
    font-size: 14px;
    font-weight: 500
}

.resend button {
    background-color: transparent;
    display: inline;
    width: auto;
    height: auto;
    color: #4fcce9 !important;
    outline: none !important;
    cursor: pointer
}

.resend button:hover {
    color: #4fcce9
}

@media only screen and (max-width: 480px) {
    .auth-container {
        margin: 50px auto 0;
        text-align: center;
        width: auto;
        padding: 20px
    }

    .auth-container .page-sub-guid {
        width: auto;
        padding: 0;
        margin-bottom: 30px
    }

    .auth-container .page-sub-guid p {
        font-size: 15px
    }

    .auth-container h2 {
        margin-bottom: 30px
    }

    .auth-container p {
        margin-bottom: 50px
    }

    .auth-container form {
        padding: 0;
        width: 100%
    }

    .auth-container form label {
        font-size: 14px;
        font-weight: 500;
        display: block;
        margin-bottom: 5px
    }

    .auth-container form input {
        width: 100%;
        margin-bottom: 30px;
        padding: 10px 15px
    }

    .auth-container form .user-actions {
        margin-bottom: 50px
    }

    .auth-container form .user-actions input {
        width: 14px;
        display: inline-block;
        margin-bottom: 0
    }

    .auth-container button {
        width: 100%;
        border: none;
        background-color: #4fcce9;
        color: #fff;
        text-align: center;
        height: 46px;
        border-radius: 10px;
        margin-bottom: 47px;
        outline: none !important
    }

    .auth-container .new-user {
        text-align: center
    }

    .auth-container .new-user span {
        font-weight: 700;
        margin-left: 20px
    }

    .auth-container .new-user a {
        font-size: 14px;
        font-weight: 500;
        color: #4fcce9;
        cursor: pointer
    }

    .auth-container .new-user a:hover {
        color: #4fcce9
    }
}

.form-success {
    margin-bottom: 100px
}

.form-success h2 {
    border-radius: 10px;
    color: #57cfb1 !important;
    background-color: rgba(161, 226, 209, .15);
    padding: 15px !important;
    width: auto !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    margin: 0 auto 50px;
    height: 46px
}

.form-success div {
    width: auto;
    padding: 10px;
    text-align: center;
    margin: 0 auto 50px
}

.form-success div p {
    font-size: 16px;
    font-weight: 400;
    color: #81858b !important;
    line-height: 1.75;
    margin: 0 auto
}

.form-success a {
    color: #4fcce9;
    text-align: center;
    margin: 0 auto;
    display: block;
    font-size: 14px;
    font-weight: 500
}

.form-success .resend {
    text-align: center;
    margin-bottom: 320px
}

.form-success .resend span {
    font-size: 14px;
    margin-left: 20px;
    font-weight: 500;
    color: #424750
}

.form-success .resend button {
    background-color: transparent;
    display: inline;
    width: auto;
    font-size: 14px;
    height: auto;
    font-weight: 500;
    color: #4fcce9 !important;
    outline: none !important;
    cursor: pointer
}

.form-success .resend button:hover {
    color: #4fcce9
}

.breadcrumb {
    background-color: transparent;
    max-width: 1440px;
    margin: 0 auto;
    padding: 25px 165px;
    text-align: right
}

.breadcrumb a {
    font-size: 13px;
    font-weight: 700;
    color: #62666d
}

.breadcrumb a:after {
    content: "/";
    margin-left: 10px;
    margin-right: 10px
}

.breadcrumb a:last-child:after {
    content: ""
}

.breadcrumb .parents {
    font-weight: 400
}

@media only screen and (max-width: 992px) {
    .breadcrumb {
        padding: 40px 25px 10px 0;
        text-align: right
    }

    .breadcrumb a {
        font-size: 12px
    }
}

@media only screen and (max-width: 480px) {
    .breadcrumb {
        padding: 40px 15px 10px 0;
        text-align: right
    }

    .breadcrumb a {
        font-size: 12px
    }
}

.clp-banner {
    max-width: 1440px;
    text-align: center;
    margin: 0 auto 60px
}

.clp-banner img {
    width: 100%
}

.sticky-sidebar {
    position: sticky;
    top: 20px
}

.cpl-tree-sidebar {
    border: 1px solid #e0e0e2;
    border-radius: 10px;
    padding: 30px
}

.cpl-tree-sidebar ul {
    list-style: none;
    font-size: 14px;
    font-weight: 400;
    color: #424750;
    padding-right: 0
}

.cpl-tree-sidebar ul a {
    color: #424750
}

.cpl-tree-sidebar ul .tree-parent {
    font-weight: 500;
    margin-bottom: 15px;
    margin-top: 35px
}

.cpl-tree-sidebar ul .tree-parent:first-child {
    margin-top: 0
}

.cpl-tree-sidebar ul .tree-child {
    margin-bottom: 3px;
    padding: 7px 20px
}

.cpl-tree-sidebar ul .tree-child:hover {
    background-color: rgba(131, 219, 241, .1);
    border-radius: 10px
}

.two-banners {
    display: flex;
    max-width: 1440px;
    height: 100%;
    justify-content: center;
    padding-right: 0;
    margin: 60px 0 100px;
    justify-content: space-around
}

.two-banners img {
    width: 550px;
    max-width: 550px;
    margin-left: 20px
}

.two-banners img:last-child {
    margin-left: 0
}

.two-banners img:first-child {
    margin-right: -30px
}

.list-container {
    justify-content: flex-start
}

.list-container .product-item {
    margin-left: 10px
}

.clp-products {
    text-align: center;
    border: 1px solid #f0f0f1;
    border-radius: 0 0 10px 10px;
    padding: 0 0 20px;
    cursor: pointer;
    margin-bottom: 50px
}

.clp-products a {
    color: #424750;
    font-size: 16px
}

.clp-products:hover {
    box-shadow: 0 6px 20px 4px rgba(66, 71, 80, .1);
    margin-top: -30px
}

.clp-products:hover .price-from {
    visibility: visible;
    opacity: 1;
    margin-top: 10px
}

.clp-products:hover .filter-container {
    margin-bottom: 50px
}

.clp-products img {
    width: 100%;
    margin-bottom: 20px
}

.clp-products .price-from {
    text-align: center;
    margin-top: -20px;
    color: #81858b;
    display: block;
    visibility: hidden;
    opacity: 0
}

.clp-products .price-from .price {
    color: #e25098
}

.seprator-banner {
    width: 100%;
    margin-top: 30px;
    margin-bottom: 80px;
    padding: 0 15px
}

.clp-gray {
    background-color: #f5f7fa;
    margin: 0 auto;
    padding: 80px 0 0
}

.clp-gray:last-child {
    padding-bottom: 80px
}

.clp-gray .section-container {
    margin-top: 0 !important
}

.clp-gray .blog-items {
    background-color: #fff;
    margin-top: 60px;
    border-radius: 0 0 10px 10px
}

.clp-gray .blog-items img {
    width: 100%;
    height: auto;
    margin-bottom: 20px
}

.clp-gray .blog-items a {
    font-size: 14px;
    font-weight: 700;
    color: #424750;
    padding: 20px;
    cursor: pointer
}

.clp-gray .blog-items p {
    font-size: 13px;
    font-weight: 400;
    text-align: justify;
    color: #424750;
    padding: 20px;
    margin: 0
}

.home-page-full-width {
    width: 100%
}

.clp-product-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start
}

.clp-product-container .product-item {
    text-align: center;
    border: 1px solid #f0f0f1;
    border-radius: 0 0 10px 10px;
    padding: 0 0 20px;
    cursor: pointer;
    margin-bottom: 40px;
    width: 265px;
    margin-left: 20px
}

.clp-product-container .product-item a {
    color: #424750;
    font-size: 16px;
    font-weight: 700;
    display: inline-block
}

.clp-product-container .product-item a h3 {
    position: relative;
    right: 10px;
    display: block;
    text-align: center;
    max-width: 225px;
    font-size: 16px;
    font-weight: 700;
    color: #424750
}

.clp-product-container .product-item .description {
    text-align: center;
    display: block
}

.clp-product-container .product-item .details {
    padding: 20px 20px 0;
    color: #424750;
    font-size: 14px
}

.clp-product-container .product-item .details .gramazh, .clp-product-container .product-item .details .sides, .clp-product-container .product-item .details .size {
    display: inline-block;
    margin-bottom: 10px;
    font-size: 14px
}

.clp-product-container .product-item:hover {
    box-shadow: 0 6px 20px 4px rgba(66, 71, 80, .1);
    margin-top: -30px
}

.clp-product-container .product-item:hover .price-from {
    visibility: visible;
    opacity: 1;
    margin-top: 10px
}

.clp-product-container .product-item:hover .filter-container {
    margin-bottom: 50px
}

.clp-product-container .product-item img {
    width: 100%;
    margin-bottom: 20px
}

.clp-product-container .product-item .price-from {
    text-align: center;
    margin-top: -20px;
    color: #81858b;
    display: block;
    visibility: hidden;
    opacity: 0
}

.clp-product-container .product-item .price-from .price {
    color: #e25098
}

.order-types {
    text-align: center
}

.order-types .ot-items {
    width: 265px;
    padding: 20px;
    position: relative
}

.order-types .free__badge {
    position: absolute;
    top: 10px;
    right: -6px;
    background-color: #e25098;
    color: #fff;
    padding: 5px 10px;
    border-radius: 0
}

.order-types p {
    text-align: center;
    margin-top: 20px;
    font-size: 16px;
    font-weight: 700;
    color: #424750;
    margin-bottom: 10px
}

.order-types span {
    font-size: 16px;
    font-weight: 400;
    color: #81858b
}

@media only screen and (max-width: 1200px) {
    .two-banners {
        padding-right: 12px;
        margin: 28px 0
    }

    .two-banners img {
        width: 100%;
        height: auto;
        max-width: 550px;
        margin-left: 20px
    }

    .two-banners img:last-child {
        margin-left: 0;
        padding-left: 12px
    }

    .two-banners img:first-child {
        margin-right: 0
    }
}

@media only screen and (max-width: 992px) {
    .list-container {
        justify-content: space-between
    }

    .list-container .product-item {
        margin-left: 10px;
        width: 46%
    }

    .default-clp-product-container {
        margin-top: 43px
    }

    .default-clp-product-container .clp-products {
        text-align: center;
        border: 1px solid #f0f0f1;
        border-radius: 0 0 10px 10px;
        padding: 0 0 20px;
        cursor: pointer;
        margin-bottom: 16px
    }

    .default-clp-product-container .clp-products a {
        color: #424750;
        font-size: 12px
    }

    .default-clp-product-container .clp-products:hover {
        box-shadow: none;
        margin-top: 0
    }

    .default-clp-product-container .clp-products:hover .price-from {
        margin-top: 0
    }

    .default-clp-product-container .clp-products img {
        width: 100%;
        margin-bottom: 20px
    }

    .default-clp-product-container .clp-products .price-from {
        margin-top: 10px;
        color: #81858b;
        display: block;
        visibility: visible;
        opacity: 1;
        font-size: 10px
    }
}

@media only screen and (max-width: 480px) {
    .two-banners {
        padding-right: 12px;
        margin: 28px 0;
        display: block
    }

    .two-banners img {
        width: 100%;
        height: auto;
        max-width: 550px;
        margin-left: 20px
    }

    .two-banners img:last-child {
        margin-left: 0;
        padding-left: 12px
    }

    .two-banners img:first-child {
        margin-right: 0;
        margin-bottom: 20px
    }

    .clp-product-container {
        justify-content: space-evenly
    }

    .clp-product-container .product-item a h3 {
        right: 0
    }

    .order-types .ot-items {
        width: 100%;
        padding: 20px;
        border: 1px solid #f0f0f1;
        border-radius: 10px;
        margin-bottom: 8px;
        height: 148px
    }

    .order-types img {
        width: 60px;
        height: 100%
    }

    .order-types p {
        margin-top: 20px;
        font-size: 14px;
        font-weight: 500
    }

    .order-types span {
        font-size: 16px;
        font-weight: 400;
        color: #81858b
    }

    .clp-banner {
        margin-bottom: 0
    }

    .clp-banner img {
        width: 100%;
        height: auto
    }

    .clp-slider {
        margin-top: 20px;
        margin-bottom: 100px
    }

    .clp-slider .clp-item img {
        height: 225px !important;
        width: 225px !important;
        margin-left: 20px
    }

    .clp-slider .swiper-pagination-bullets {
        right: auto !important;
        position: static;
        margin-top: 50px
    }

    .clp-slider .swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 0 8px !important;
        transition: width .2s
    }

    .clp-slider .swiper-pagination-bullets .swiper-pagination-bullet-active {
        background-color: #4fcce9;
        height: 8px;
        width: 30px;
        border-radius: 4px
    }

    .clp-slider .clp-next {
        background-color: rgba(67, 72, 81, .1);
        border-radius: 12px;
        padding: 21px
    }

    .clp-slider .clp-next:hover {
        background-color: rgba(67, 72, 81, .3);
        box-shadow: 0 6px 20px 4px rgba(66, 71, 80, .1);
        outline: none
    }

    .clp-slider .clp-prev {
        background-color: rgba(67, 72, 81, .1);
        border-radius: 12px;
        padding: 21px
    }

    .clp-slider .clp-prev:hover {
        background-color: rgba(67, 72, 81, .4);
        box-shadow: 0 6px 20px 4px rgba(66, 71, 80, .1);
        outline: none
    }

    .clp-product-container {
        margin-bottom: -40px
    }

    .clp-product-container .product-item {
        padding: 0 0 8px;
        margin-bottom: 40px;
        width: 160px;
        margin-left: 4px;
        margin-right: 4px
    }

    .clp-product-container .product-item a {
        font-size: 12px
    }

    .clp-product-container .product-item a span {
        max-width: 144px;
        right: 8px
    }

    .clp-product-container .product-item .details {
        padding: 8px 8px 0;
        color: #424750;
        font-size: 14px
    }

    .clp-product-container .product-item .details .gramazh, .clp-product-container .product-item .details .size {
        display: inline-block;
        margin-bottom: 10px;
        font-size: 10px
    }

    .clp-product-container .product-item .details .description, .clp-product-container .product-item .details .sides {
        display: inline-block;
        font-size: 10px
    }

    .clp-product-container .product-item:hover {
        box-shadow: 0 6px 20px 4px rgba(66, 71, 80, .1);
        margin-top: -30px
    }

    .clp-product-container .product-item:hover .price-from {
        visibility: visible;
        opacity: 1;
        margin-top: 10px
    }

    .clp-product-container .product-item:hover .filter-container {
        margin-bottom: 50px
    }

    .clp-product-container .product-item img {
        width: 100%;
        margin-bottom: 20px
    }

    .clp-product-container .product-item .price-from {
        text-align: center;
        margin-top: -20px;
        color: #81858b;
        display: none;
        visibility: hidden;
        opacity: 0
    }

    .clp-product-container .product-item .price-from .price {
        color: #e25098
    }

    .clp-gray {
        padding: 43px 0 0
    }

    .clp-gray:last-child {
        padding-bottom: 80px
    }

    .clp-gray .section-container {
        margin-top: 0 !important
    }

    .clp-gray .blog-items {
        background-color: #fff;
        margin-top: 20px;
        border-radius: 10px 0 0 10px
    }

    .clp-gray .blog-items img {
        max-width: 95px;
        height: 95px;
        float: right;
        border-radius: 0 10px 10px 0
    }

    .clp-gray .blog-items a {
        font-size: 12px;
        font-weight: 700;
        padding: 0;
        margin-bottom: 6px;
        display: block
    }

    .clp-gray .blog-items p {
        font-size: 12px;
        padding: 0;
        display: flex;
        margin: 0 0 12px
    }

    .clp-gray .blog-items .item-detail {
        height: 95px;
        width: 215px;
        display: -webkit-box;
        max-width: 400px;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        line-height: 1.625;
        padding: 12px
    }

    .seprator-banner {
        width: 100%;
        height: 155px;
        margin-top: 32px;
        margin-bottom: 48px;
        padding: 0 4px
    }

    .product-container {
        justify-content: flex-start
    }

    .product-container .product-item {
        width: 48%;
        margin-left: 5px;
        border: 1px solid #f0f0f1;
        margin-bottom: 16px
    }

    .product-container .product-item a h3 {
        padding: 8px;
        text-align: right
    }

    .product-container .product-item .details {
        padding: 8px
    }

    .product-container .product-item .description {
        text-align: justify
    }
}

@media only screen and (max-width: 320px) {
    .two-banners img {
        width: 135px;
        height: 120px
    }

    .clp-gray {
        padding: 43px 0 0
    }

    .clp-gray:last-child {
        padding-bottom: 80px
    }

    .clp-gray .section-container {
        margin-top: 0 !important
    }

    .clp-gray .blog-items {
        background-color: #fff;
        margin-top: 20px;
        border-radius: 10px 0 0 10px
    }

    .clp-gray .blog-items img {
        max-width: 75px;
        height: 75px;
        float: right;
        border-radius: 0 10px 10px 0
    }

    .clp-gray .blog-items a {
        font-size: 11px;
        font-weight: 700;
        padding: 0;
        margin-bottom: 5px;
        display: block
    }

    .clp-gray .blog-items p {
        font-size: 11px;
        display: flex;
        margin: 0 0 11px;
        display: -webkit-box;
        padding: 0
    }

    .clp-gray .blog-items .item-detail, .clp-gray .blog-items p {
        max-width: 400px;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        line-height: 1.5
    }

    .clp-gray .blog-items .item-detail {
        height: 75px;
        width: auto;
        display: -webkit-box;
        padding: 12px
    }

    .clp-product-container .product-item {
        width: 137px
    }
}

.faq .faq-collapsible {
    margin-top: 20px;
    font-size: 16px;
    font-weight: 500;
    color: #424750;
    list-style: none;
    cursor: pointer;
    background-color: #fff;
    border: 1px solid #f0f0f1;
    padding: 20px 30px;
    border-radius: 10px
}

.faq .faq-collapsible:first-child {
    margin-top: 50px
}

.faq .faq-collapsible:after {
    content: "\002B";
    color: #4fcce9;
    font-weight: 700;
    float: left;
    margin-left: 5px;
    font-size: 16px
}

.faq .faq-active:after {
    content: "\2212";
    font-weight: 700;
    font-size: 16px;
    color: #4fcce9
}

.faq .faq-collapsible-sub {
    margin-top: 0;
    padding: 0;
    height: 0;
    max-height: 0;
    overflow: hidden;
    transition: max-height .2s ease-out;
    color: #424750;
    background-color: #fff;
    border-radius: 10px
}

.faq .faq-collapsible-sub p {
    padding: 5px 30px;
    margin: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.7;
    color: #424750;
    text-align: justify !important;
    margin-top: 0 !important
}

.faq .faq-collapsible-sub a, .faq .faq-collapsible-sub a p, .faq .faq-collapsible-sub a span {
    color: #4fcce9 !important
}

.faq .faq-collapsible-sub ul {
    list-style: inside;
    list-style-image: url(/images/dark-bullet.svg?b455672e1f000a8767a933bd7d7b19be);
    margin-right: 30px;
    margin-top: 10px;
    margin-bottom: 5px
}

.faq .faq-collapsible-sub ul li {
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    line-height: 2;
    text-align: right;
    color: #424750;
    margin-right: 10px;
    margin-bottom: 10px
}

.faq .faq-collapsible-sub ul li:last-child {
    margin-bottom: 40px
}

.faq .faq-collapsible-sub ul li a, .faq .faq-collapsible-sub ul li a:hover {
    color: #424750
}

.faq .faq-collapsible-sub ul.columns-3 {
    -moz-column-count: 3;
    column-count: 3
}

.faq .faq-collapsible-sub ol {
    list-style: decimal;
    margin-right: 15px;
    margin-top: 10px;
    margin-bottom: 5px;
    list-style-position: inside
}

.faq .faq-collapsible-sub ol li {
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    line-height: 2;
    text-align: right;
    color: #424750;
    margin-bottom: 10px;
    margin-right: 20px
}

@media only screen and (max-width: 480px) {
    .faq .faq-collapsible {
        font-size: 12px;
        font-weight: 500;
        padding: 12px;
        border-radius: 10px
    }

    .faq .faq-active:after, .faq .faq-collapsible:after {
        font-size: 16px
    }

    .faq .faq-collapsible-sub p {
        padding: 12px;
        font-size: 12px
    }

    .faq .faq-collapsible:first-child {
        margin-top: 25px
    }
}

@media only screen and (max-width: 320px) {
    .faq .faq-collapsible {
        font-size: 12px;
        font-weight: 500;
        padding: 12px;
        border-radius: 10px
    }

    .faq .faq-active:after, .faq .faq-collapsible:after {
        font-size: 16px
    }

    .faq .faq-collapsible-sub p {
        padding: 12px;
        font-size: 12px
    }
}

.guidline p {
    font-size: 14px;
    font-weight: 400;
    line-height: 2.14;
    text-align: justify;
    color: #424750;
    margin-top: 30px;
    margin-bottom: 40px
}

.guidline h2 {
    font-size: 18px;
    font-weight: 700;
    color: #424750;
    text-align: right;
    padding-right: 0;
    display: block
}

.guidline h2:after, .guidline h2:before {
    content: none
}

.guidline h3 {
    font-size: 14px;
    font-weight: 700;
    color: #424750;
    text-align: right;
    padding-right: 0
}

.guidline h3:after, .guidline h3:before {
    content: none
}

.guidline-block {
    border: 1px solid #f0f0f1;
    border-radius: 10px;
    background-color: #fff;
    padding: 20px;
    margin: 60px 0 0
}

.container .js-show-more {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 26px;
    text-decoration: none;
    line-height: 26px;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    color: #424750;
    display: block;
    margin-top: 20px;
    border-top: 1px solid #e0e0e2;
    padding-top: 10px
}

.excerpt-hidden {
    height: 115px;
    overflow: hidden;
    position: relative
}

.excerpt-hidden:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40px;
    background: linear-gradient(180deg, hsla(0, 0%, 100%, .4) 0, #fff)
}

.excerpt-visible {
    height: auto;
    overflow: auto
}

@media only screen and (max-width: 480px) {
    .guidline p {
        font-size: 14px;
        margin-top: 20px;
        margin-bottom: 30px
    }

    .guidline h2 {
        font-size: 16px
    }

    .guidline h2:after, .guidline h2:before, .guidline h3:after, .guidline h3:before {
        content: none
    }
}

select {
    all: unset;
    padding: 10px 20px;
    background: url(/images/select-dropdown.svg?8922d09…) no-repeat 0;
    background-position: 10% 50%;
    box-sizing: border-box
}

.ch-select, select {
    border-radius: 10px;
    border: 1px solid #e0e0e2;
    width: 100%;
    height: 46px
}

.ch-select {
    position: relative;
    font-weight: 400;
    color: #424750;
    font-size: 14px;
    font-weight: 500;
    padding: 0
}

.ch-select::-moz-placeholder {
    color: #a1a3a8;
    font-size: 14px
}

.ch-select:-ms-input-placeholder {
    color: #a1a3a8;
    font-size: 14px
}

.ch-select::placeholder {
    color: #a1a3a8;
    font-size: 14px
}

.ch-select select {
    display: none
}

.select-selected {
    background-color: #fff;
    background: url(/images/select-dropdown.svg?ca1b17aa8424516a3a0fb5778bdbcd70) no-repeat 0;
    background-position: 4% 50%;
    transition: .1s
}

.select-arrow-active {
    background: url(/images/select-dropdown-up.svg?88e8051db2f82bcf982621816276d441) no-repeat 0;
    background-position: 4% 50%
}

.select-items div, .select-selected {
    color: #62666d;
    padding: 10px 15px;
    cursor: pointer;
    border: none;
    height: 46px
}

.select-items {
    padding: 10px;
    position: absolute;
    background-color: #fff;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99;
    border-radius: 10px;
    border: 1px solid #e0e0e2;
    max-height: 300px;
    overflow-y: auto;
    box-shadow: 0 6px 20px 4px rgba(66, 71, 80, .1)
}

.select-items::-webkit-scrollbar {
    width: 6px;
    background: #e0e0e2
}

.select-items::-webkit-scrollbar-track {
    background: #e0e0e2
}

.select-items::-webkit-scrollbar-thumb, .select-items::-webkit-scrollbar-thumb:hover {
    background: #c0c2c5
}

.select-hide {
    display: none
}

.same-as-selected, .select-items div:hover {
    background-color: rgba(129, 219, 241, .06274509803921569);
    border-radius: 10px;
    color: #424750
}

@media only screen and (max-width: 480px) {
    .ch-select {
        border: none
    }

    .ch-select select {
        display: block
    }

    .select-selected {
        display: none
    }
}

.gallery-container {
    width: 455px !important;
    max-width: 455px !important;
    position: relative
}

.gallery-container .gallery-top {
    margin: 0 0 20px
}

.gallery-container .gallery-top, .gallery-container .gallery-top .swiper-slide, .gallery-container .gallery-top .swiper-slide img {
    width: 455px !important;
    height: 455px !important;
    max-width: 455px !important;
    max-height: 455px !important
}

.gallery-container .swiper-container-thumbs {
    min-width: 455px !important
}

.gallery-container .gallery-thumbs .swiper-slide {
    width: 75px !important;
    height: 75px !important;
    max-width: 75px !important;
    max-height: 75px !important
}

.gallery-container .gallery-thumbs img {
    width: 75px;
    height: 75px;
    margin-left: 20px;
    cursor: pointer
}

.gallery-container .gallery-thumbs img:last-child {
    margin-left: 0
}

.gallery-container .gallery-next {
    background-color: #fff;
    opacity: .4;
    border-radius: 12px;
    padding: 21px
}

.gallery-container .gallery-next:hover {
    background-color: #fff;
    box-shadow: 0 6px 20px 4px rgba(66, 71, 80, .1)
}

.gallery-container .gallery-prev {
    background-color: #fff;
    opacity: .4;
    border-radius: 12px;
    padding: 21px
}

.gallery-container .gallery-prev:hover {
    background-color: #fff;
    box-shadow: 0 6px 20px 4px rgba(66, 71, 80, .1)
}

.sticky__gallary {
    position: sticky;
    top: 30px;
    display: block
}

.product h1 {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.25;
    color: #424750
}

.guidemodal__content {
    font-size: 16px;
    margin-bottom: 10px;
    color: #424750;
    text-align: justify
}

.guidemodal__list {
    list-style-image: url(/images/bullet.svg?d90115cb327194917c3b8b7a48ee68cb);
    margin-bottom: 30px
}

.guidemodal__list li {
    font-size: 14px;
    font-weight: 400;
    color: #424750;
    margin-bottom: 10px;
    text-align: justify
}

.guidemodal__link {
    display: block;
    margin-bottom: 20px;
    color: #4fcce9
}

.guidemodal__link:focus, .guidemodal__link:hover, .guidemodal__link:visited {
    color: #4fcce9;
    outline: none
}

.reviewStars-input input:checked ~ label, .reviewStars-input label, .reviewStars-input label:hover, .reviewStars-input label:hover ~ label {
    background: url(/images/stars.png?a3f33178eba4217a9e8e122769342a10) no-repeat;
    background-size: 22px
}

.reviewStars-input {
    margin-top: 13px;
    direction: rtl;
    overflow: hidden;
    *zoom: 1;
    display: block;
    float: right
}

.reviewStars-input input {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    width: 22px;
    height: 40px;
    position: absolute;
    top: 0;
    z-index: 0
}

.reviewStars-input input:checked ~ label {
    background-position: 0 -21px;
    height: 40px;
    width: 22px
}

.reviewStars-input label {
    background-position: 0 0;
    height: 21px;
    width: 22px;
    float: left;
    cursor: pointer;
    margin-left: 10px;
    position: relative;
    z-index: 1
}

.reviewStars-input #star-6 {
    right: 0
}

.reviewStars-input #star-5 {
    right: 53px
}

.reviewStars-input #star-4 {
    right: 106px
}

.reviewStars-input #star-3 {
    right: 159px
}

.reviewStars-input #star-2 {
    right: 212px
}

.reviewStars-input #star-1 {
    right: 265px
}

.customer-rate {
    position: relative;
    font-size: 20px;
    font-weight: 700;
    display: inline-block;
    margin-top: 12px;
    margin-right: 10px;
    padding-left: 20px;
    border-left: 1px solid #e0e0e2;
    color: #424750
}

.fix-row-padding {
    margin-right: -15px
}

.customer-number {
    position: relative;
    font-size: 16px;
    font-weight: 400;
    display: inline-block;
    margin-top: 12px;
    margin-right: 20px;
    color: #a1a3a8
}

.review--percentage {
    text-align: left
}

.review--percentage .review--percentage__desc {
    position: relative;
    font-size: 12px;
    font-weight: 400;
    display: inline-block;
    margin-top: 12px;
    margin-left: -15px;
    color: #a1a3a8
}

.review--percentage .review--percentage__number {
    position: relative;
    font-size: 20px;
    font-weight: 700;
    display: inline-block;
    margin-right: 0;
    padding-left: 10px;
    color: #424750
}

.product__slogan {
    margin-top: 40px;
    font-size: 14px;
    font-weight: 700
}

.product-description {
    margin-top: 40px;
    list-style: inside;
    list-style-image: url(/images/bullet.svg?d90115cb327194917c3b8b7a48ee68cb)
}

.product-description li {
    font-size: 14px;
    font-weight: 400;
    color: #424750;
    margin-bottom: 10px
}

.product__attribute {
    margin-top: 60px;
    position: relative
}

.product__attribute h3 {
    font-size: 16px;
    font-weight: 700;
    color: #424750;
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 0
}

.product__attribute h3:after {
    content: "";
    border-top: 1px solid transparent;
    flex: 1 0 20px;
    margin: 0 20px 0 0
}

.product__attribute .product__attribute--error {
    display: none;
    list-style: inside;
    list-style-image: url(/images/error-bullet.svg?0827a23388999ab42fa358779aa421f6);
    font-size: 12px;
    font-weight: 400;
    color: #ff5151;
    margin-top: 10px;
    margin-bottom: -10px
}

.product__attribute .product__attribute--items {
    padding: 30px 0 0;
    display: flex;
    flex-flow: row wrap;
    margin: 0 -14px 0 0
}

.product__attribute .product__attribute--items .product__attribute--item {
    max-width: 170px;
    min-width: 170px;
    max-height: 176px;
    border-radius: 10px;
    margin: 0 14px 0 0;
    align-self: center;
    position: relative
}

.product__attribute .product__attribute--items .product__attribute--item:nth-child(-n+3) {
    margin-bottom: 10px
}

.product__attribute .product__attribute--items .product__attribute--item input:disabled ~ label {
    background-color: #e6e9ed;
    cursor: not-allowed !important;
    opacity: .6;
    color: #fff;
    filter: grayscale(1)
}

.product__attribute .product__attribute--items .product__attribute--item input:disabled ~ label:hover {
    box-shadow: none !important
}

.product__attribute .product__attribute--items .product__attribute--item label {
    border: 1px solid #e0e0e2;
    border-radius: 10px;
    padding: 20px;
    cursor: pointer;
    height: 100%;
    width: 100%;
    position: relative
}

.product__attribute .product__attribute--items .product__attribute--item label:hover {
    box-shadow: 0 6px 20px 4px rgba(66, 71, 80, .1);
    border-color: transparent
}

.product__attribute .product__attribute--items .product__attribute--item label .product__attribute--featured {
    background-color: #4fcce9;
    width: 170px;
    position: absolute;
    right: -1px;
    top: -25px;
    padding: 5px 0;
    border-radius: 10px 10px 0 0;
    border: 1px solid #4fcce9;
    color: #fff;
    text-align: center;
    font-size: 14px;
    font-weight: 400
}

.product__attribute .product__attribute--items .product__attribute--item label .product__attribute--image {
    margin-top: 20px
}

.product__attribute .product__attribute--items .product__attribute--item .flex-item {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.product__attribute .product__attribute--items .product__attribute--item input[type=radio] {
    opacity: 0;
    position: absolute
}

.product__attribute .product__attribute--items .product__attribute--item input[type=radio]:checked + label {
    border: 1px solid #4fcce9;
    box-shadow: 0 0 0 1px #4fcce9
}

.product__attribute .product__attribute--items .product__attribute--item .product__attribute--title {
    font-size: 14px;
    font-weight: 700;
    color: #424750;
    display: block;
    margin-bottom: 6px
}

.product__attribute .product__attribute--items .product__attribute--item .product__attribute--description {
    font-size: 14px;
    font-weight: 400;
    color: #424750
}

.product__attribute .product__attribute--items .product__attribute--item .guid-button {
    font-size: 14px;
    font-weight: 500;
    color: #4fcce9;
    align-self: center;
    cursor: pointer
}

.product__attribute .product__attribute--items .custom-ch-select-pdp .select-selected {
    margin-top: -46px;
    display: flex;
    align-items: center;
    position: absolute;
    width: inherit
}

.product__attribute .no-template-container {
    position: absolute;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    background-color: #f1f1f1;
    bottom: -15px;
    opacity: 1;
    left: 0;
    z-index: 10;
    border-radius: 10px;
    padding: 10px
}

.product__attribute .no-template-text {
    color: #424750;
    text-align: center
}

.product__attribute .no-template-image {
    opacity: .5
}

.product__attribute .order-type__soon:after {
    content: "به زودی";
    background-color: #232933
}

.product__attribute .order-type__new:after, .product__attribute .order-type__soon:after {
    width: 67px;
    height: 34px;
    color: #fff;
    position: absolute;
    top: -15px;
    right: -10px;
    display: flex;
    justify-content: center;
    align-items: center
}

.product__attribute .order-type__new:after {
    content: "جدید";
    background-color: #e25098
}

.product__attribute .order-type__badges {
    height: 34px;
    background-color: #e25098;
    color: #fff;
    top: -15px;
    right: -10px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: auto;
    padding: 0 5px;
    position: absolute;
    z-index: 100
}

.center {
    text-align: center !important
}

.product__price {
    background-color: #f5f7fa;
    padding: 25px 20px;
    margin-top: 60px;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    position: relative
}

.product__price .product__price--value--badge {
    background-color: #e25098;
    color: #fff;
    border-radius: 0;
    padding: 5px 10px;
    top: -15px;
    right: -20px
}

.product__price .product__price--pricebox {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    border-bottom: 1px solid #e0e0e2;
    padding-bottom: 20px
}

.product__price .product__price--pricebox .product__price--title {
    font-size: 17px;
    font-weight: 400;
    color: #424750
}

.product__price .product__price--pricebox .product__price--container {
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: flex-end
}

.product__price .product__price--pricebox .product__price--container .product__price--container--discount {
    display: flex;
    justify-content: center;
    align-items: center;
    height: auto;
    flex-flow: row-reverse;
    margin-bottom: 10px
}

.product__price .product__price--pricebox .product__price--price {
    font-size: 24px;
    font-weight: 700;
    color: #424750
}

.product__price .product__price--pricebox .product__price--discount {
    text-decoration: line-through;
    color: #ef5661;
    font-size: 16px;
    margin-right: 40px;
    font-weight: 700;
    margin-left: 10px
}

.product__price .product__price--noticebox {
    margin-top: 27px;
    font-size: 13px;
    list-style: inside;
    list-style-image: url(/images/gray-bullet.svg?b455672e1f000a8767a933bd7d7b19be)
}

.product__price .product__price--noticebox li {
    margin-bottom: 10px
}

.product__price .product__price--noticebox li:last-child {
    margin-bottom: 0
}

.product__price .product__price--noticebox .pdp__tooltip {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    margin-bottom: 10px;
    height: auto;
    left: -23px
}

.product__price .product__price--noticebox .delivery__attention--pdp {
    margin-bottom: 0
}

.change-quantity {
    color: #424750;
    justify-content: flex-start;
    font-size: 15px;
    margin-top: 10px
}

.change-quantity:hover {
    color: #424750
}

.change-quantity .change-quantity-link {
    font-weight: 700;
    margin-right: 2px;
    margin-left: 2px
}

.two-line-alert {
    height: auto;
    padding: 15px 10px
}

.fix-product-price {
    margin-top: 20px
}

.product__price--discount {
    text-decoration: line-through;
    color: #ef5661;
    font-size: 16px;
    margin-right: 40px;
    font-weight: 700;
    margin-left: 10px
}

.submit-order {
    margin-top: 40px;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    height: 44px;
    padding: 11px 16px;
    background-color: #e25098;
    color: #fff;
    width: 100%;
    border-radius: 10px;
    border: 1px solid transparent;
    cursor: pointer
}

.submit-order:hover {
    box-shadow: 0 6px 12px 0 rgba(226, 80, 152, .4)
}

.submit-order:focus {
    outline: none
}

.mobile-submit-order {
    border-top: 1px solid #e0e0e2;
    width: 100%;
    display: flex;
    justify-content: space-around;
    align-items: center;
    height: 66px;
    background-color: #fff;
    position: fixed;
    bottom: 0;
    left: 0;
    box-shadow: 0 6px 20px 4px rgba(66, 71, 80, .1);
    z-index: 1000
}

.mobile-submit-order .mobile-submit-order {
    text-align: center;
    width: 150px;
    background-color: #e25098;
    color: #fff;
    height: 46px;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: none;
    position: relative;
    margin-top: 0
}

.mobile-submit-order .submit-order-price {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-flow: column
}

.mobile-submit-order .submit-order-price .submit-order-price-title {
    font-size: 11px;
    color: #424750
}

.mobile-submit-order .submit-order-price .submit-order-price-price {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.mobile-submit-order .submit-order-price .submit-order-price-price .submit-order-price-value {
    margin-left: 10px;
    font-size: 20px;
    font-weight: 700;
    color: #424750
}

.mobile-submit-order .submit-order-price .submit-order-price-price .submit-order-price-currency {
    color: #424750;
    font-size: 11px
}

.show-pdp-error {
    display: list-item !important
}

.order-guid {
    margin-top: 40px;
    display: block;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    height: 44px;
    padding: 11px 16px;
    background-color: transparent;
    color: #232933;
    width: 100%;
    border-radius: 10px;
    border: 1px solid #919499;
    cursor: pointer
}

.order-guid:hover {
    background-color: rgba(145, 148, 153, .05)
}

.order-guid:focus {
    outline: none
}

.submit-error {
    width: 100%;
    border: 1px solid transparent;
    background-color: rgba(239, 86, 97, .08235294117647059);
    color: #ef5661;
    font-size: 16px;
    font-weight: 400;
    border-radius: 10px;
    padding: 12px 0;
    text-align: center;
    margin-top: 40px;
    display: block;
    cursor: pointer;
    display: none
}

.submit-error:focus {
    outline: none
}

.related-products {
    padding: 0;
    position: relative
}

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

.pdp-product-container .swiper-slide {
    display: block
}

.pdp-product-container .swiper-slide img {
    width: 100%;
    height: 100%;
    max-width: 235px
}

.pdp-product-container .product-item {
    text-align: center;
    border: 1px solid #f0f0f1;
    border-radius: 0 0 10px 10px;
    padding: 0 0 20px;
    cursor: pointer;
    margin-bottom: 40px;
    width: 235px !important;
    margin-left: 20px;
    height: 310px
}

.pdp-product-container .product-item a {
    color: #424750;
    font-size: 16px;
    font-weight: 700;
    display: inline-block
}

.pdp-product-container .product-item a span {
    padding-right: 20px
}

.pdp-product-container .product-item .details {
    padding: 20px 20px 0;
    color: #424750;
    font-size: 14px
}

.pdp-product-container .product-item .details .gramazh, .pdp-product-container .product-item .details .sides, .pdp-product-container .product-item .details .size {
    display: inline-block;
    margin-bottom: 10px;
    font-size: 14px
}

.pdp-product-container .product-item:hover {
    box-shadow: 0 6px 20px 4px rgba(66, 71, 80, .1)
}

.pdp-product-container .product-item:hover .price-from {
    visibility: visible;
    opacity: 1;
    margin-top: 10px
}

.pdp-product-container .product-item:hover .filter-container {
    margin-bottom: 50px
}

.pdp-product-container .product-item img {
    width: 100%;
    margin-bottom: 20px
}

.pdp-product-container .product-item .price-from {
    text-align: center;
    margin-top: -20px;
    color: #81858b;
    display: block;
    visibility: hidden;
    opacity: 0
}

.pdp-product-container .product-item .price-from .price {
    color: #e25098
}

.pdp--faq {
    padding: 50px 20px 0
}

.faq--container {
    margin-bottom: 20px
}

.faq--container .faq--container__question {
    font-size: 14px;
    font-weight: 700;
    color: #424750;
    text-align: right;
    margin-top: 0;
    display: block;
    margin-bottom: 10px;
    line-height: 1.71
}

.faq--container .faq--container__answer, .faq--container .faq--container__answer p {
    font-size: 14px;
    font-weight: 400;
    color: #424750;
    text-align: justify;
    line-height: 2
}

.faq--container .faq--container__answer p {
    margin-top: 0
}

.pdp__guideline-block {
    margin-right: 0
}

.pdp--reviews__empty {
    align-items: center
}

.pdp--reviews__empty, .pdp--reviews__empty .pdp--reviews__empty--content {
    display: flex;
    justify-content: space-between
}

.pdp--reviews__empty .pdp--reviews__empty--content .pdp--reviews__empty--content--content {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-flow: column
}

.pdp--reviews__empty .pdp--reviews__empty--content img {
    margin-left: 20px
}

.pdp--reviews__empty .empty__title {
    margin-top: 0;
    margin-bottom: 0;
    text-align: right;
    font-weight: 700
}

.pdp--reviews__empty .empty__description {
    text-align: right;
    font-size: 14px;
    margin: 20px 0 0
}

.pdp--reviews__empty .empty__description a {
    color: #424750;
    font-weight: 700
}

.pdp--reviews__empty .pdp--reviews__empty--button {
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    height: 44px;
    padding: 11px 16px;
    background-color: #4fcce9;
    color: #fff;
    width: 200px;
    border-radius: 10px;
    border: 1px solid transparent;
    cursor: pointer
}

.pdp--reviews__empty .pdp--reviews__empty--button:hover {
    box-shadow: 0 6px 12px 0 rgba(79, 204, 233, .4)
}

.pdp--reviews__empty .pdp--reviews__empty--button:focus {
    outline: none
}

.pdp--reviews {
    background-color: #f5f7fa;
    padding: 50px 0 0;
    margin: 100px auto 0
}

.pdp--reviews:last-child {
    padding-bottom: 80px
}

.pdp--reviews .section-container {
    margin-top: 0 !important
}

.pdp--reviews .pdp--reviews__content {
    display: none;
    margin-top: 38px
}

.pdp--reviews .pdp--reviews__content .pdp--reviews__section {
    background-color: #fff;
    padding: 30px;
    border-radius: 10px;
    margin-bottom: 20px
}

.pdp--reviews .pdp--reviews__content .pdp--reviews__section .customer-number, .pdp--reviews .pdp--reviews__content .pdp--reviews__section .customer-rate, .pdp--reviews .pdp--reviews__content .pdp--reviews__section .reviewStars-input {
    margin-top: 0
}

.pdp--reviews .pdp--reviews__content .pdp--reviews__section .pdp--review__summery hr {
    border-bottom: 1px solid #e0e0e2;
    margin: 0
}

.pdp--reviews .rating--details {
    margin-top: 30px
}

.pdp--reviews .rating--details .rating--details__item {
    margin-bottom: 20px
}

.pdp--reviews .rating--details .rating--details__item:last-child {
    margin-bottom: 0
}

.pdp--reviews .rating--details .rating--details__item .rating--details__title {
    min-width: 120px;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    color: #424750;
    margin-left: 30px
}

.pdp--reviews .rating--details .rating--details__item .rating--details__rect {
    width: 40px;
    height: 4px;
    margin-left: 10px;
    background-color: #e0e0e2;
    border-radius: 4px;
    display: inline-flex
}

.pdp--reviews .rating--details .rating--details__item .checked {
    background-color: #ffc200
}

.pdp--reviews .rating--details .rating--details__item .rating--details__rate {
    font-size: 14px;
    font-weight: 400;
    padding-right: 10px
}

.pdp--reviews .rating--details__newcomment {
    float: left;
    margin-top: 5px;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    height: 44px;
    padding: 11px 16px;
    background-color: #4fcce9;
    color: #fff;
    width: auto;
    border-radius: 10px;
    border: 1px solid transparent;
    cursor: pointer
}

.pdp--reviews .rating--details__newcomment:hover {
    box-shadow: 0 6px 12px 0 rgba(79, 204, 233, .4)
}

.pdp--reviews .rating--details__newcomment:focus {
    outline: none
}

.pdp--reviews .pdp--reviews__tab {
    border-bottom: 1px solid #e0e0e2;
    padding-bottom: 22px
}

.pdp--reviews .pdp--reviews__tab .pdp--reviews__link {
    font-size: 16px;
    color: #424750;
    margin-left: 40px;
    padding-bottom: 20px;
    cursor: pointer
}

.pdp--reviews .pdp--reviews__tab span.active {
    font-weight: 700;
    border-bottom: 3px solid #4fcce9
}

.customer--reviews .customer--reviews__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 50px;
    border-bottom: 1px solid #e0e0e2;
    padding-bottom: 30px;
    margin-bottom: 40px
}

.customer--reviews .customer--reviews__header .reviews--number {
    display: inline-flex;
    border-left: 1px solid #e0e0e2;
    padding-left: 20px;
    margin-left: 20px
}

.customer--reviews .customer--reviews__header .reviews--number .reviews--number__count {
    font-size: 14px;
    font-weight: 700;
    margin-left: 5px
}

.customer--reviews .customer--reviews__header .reviews--number .reviews--number__text {
    font-size: 14px;
    font-weight: 400
}

.customer--reviews .customer--reviews__items {
    width: 800px
}

.customer--reviews .customer--reviews__items .active-stars {
    background-image: url(/images/active-star.svg?35af8f1a42f5fb070ff0fcc2c0ef59cf);
    width: 20px;
    height: 20px;
    display: inline-block
}

.customer--reviews .customer--reviews__items .stars {
    background-image: url(/images/star.svg?ca2984a195cacb98041e5b89142d1dff);
    height: 20px;
    width: 20px;
    display: inline-block
}

.customer--reviews .customer--reviews__items .customer--review__item {
    border-top: 1px solid #e0e0e2;
    padding-top: 20px;
    margin-bottom: 20px
}

.customer--reviews .customer--reviews__items .customer--review__item:first-child {
    border-top: none
}

.customer--reviews .customer--reviews__items .customer--review__item .customer--review__rating {
    margin-bottom: 20px;
    display: flex
}

.customer--reviews .customer--reviews__items .customer--review__item .customer--review__rating .customer--review__number {
    font-size: 14px;
    font-weight: 700;
    color: #424750;
    margin-right: 10px
}

.customer--reviews .customer--reviews__items .customer--review__item p {
    font-size: 16px;
    font-weight: 700;
    color: #424750;
    text-align: right;
    margin: 0 0 10px
}

.customer--reviews .customer--reviews__items .customer--review__item .customer--review__user {
    display: flex;
    margin-bottom: 10px
}

.customer--reviews .customer--reviews__items .customer--review__item .customer--review__user .user--date {
    font-size: 12px;
    font-weight: 400;
    color: #81858b
}

.customer--reviews .customer--reviews__items .customer--review__item .customer--review__user .user--date:after {
    content: "|";
    margin-right: 10px;
    margin-left: 10px
}

.customer--reviews .customer--reviews__items .customer--review__item .customer--review__user .user--name {
    font-size: 12px;
    font-weight: 400;
    color: #81858b
}

.customer--reviews .customer--reviews__items .customer--review__item .customer--review__content {
    margin-bottom: 20px
}

.customer--reviews .customer--reviews__items .customer--review__item .customer--review__content p {
    font-size: 14px;
    font-weight: 400;
    color: #424750;
    line-height: 2
}

.customer--reviews .customer--reviews__items .customer--review__item .customer--review__footer {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px
}

.customer--reviews .customer--reviews__items .customer--review__item .customer--review__footer .customer--review__recommend .recommended--yes {
    border: 1px solid #a0e2d0;
    color: #57cfb1;
    background-color: rgba(160, 226, 208, .05);
    font-size: 14px;
    font-weight: 400;
    border-radius: 4px;
    padding: 4px 10px
}

.customer--reviews .customer--reviews__items .customer--review__item .customer--review__footer .customer--review__recommend .recommended--no {
    border: 1px solid #fa9299;
    color: #ef5661;
    background-color: rgba(250, 146, 153, .05);
    font-size: 14px;
    font-weight: 400;
    border-radius: 4px;
    padding: 4px 10px
}

.customer--reviews .customer--reviews__items .customer--review__item .customer--review__footer .customer--review__yesno .yesno--title {
    font-size: 12px;
    font-weight: 400;
    color: #81858b;
    margin-left: 20px
}

.customer--reviews .customer--reviews__items .customer--review__item .customer--review__footer .customer--review__yesno .yesno {
    border: 1px solid #e0e0e2;
    border-radius: 10px;
    color: #81858b;
    font-size: 12px;
    font-weight: 400;
    padding: 5px 10px;
    cursor: pointer;
    margin-left: 20px
}

.customer--reviews .customer--reviews__items .customer--review__item .customer--review__footer .customer--review__yesno .yesno:last-child {
    margin-left: 0
}

.customer--reviews .customer--reviews__items .customer--review__item .customer--review__footer .customer--review__yesno .yesno-active, .customer--reviews .customer--reviews__items .customer--review__item .customer--review__footer .customer--review__yesno .yesno:hover {
    border-color: #81858b
}

.reviews--sort {
    float: left;
    display: flex
}

.reviews--sort label {
    font-size: 14px;
    font-weight: 400;
    padding-left: 10px;
    width: 210px;
    display: flex;
    align-items: center
}

.reviews--pagination {
    display: inline-flex;
    color: #a1a3a8
}

.reviews--pagination .reviews--pagination__number, .reviews--pagination .reviews--pagination__title, .reviews--pagination .reviews--pagination__total {
    margin-left: 5px
}

.qa--header__search {
    margin-bottom: 30px
}

.qa--header__search .qa-search {
    width: 820px;
    height: 44px;
    border-radius: 10px;
    border: 1px solid #e0e0e2;
    padding: 10px 15px;
    color: #81858b;
    background-image: url(/images/search.svg?791e63b…);
    background-size: auto;
    background-repeat: no-repeat;
    background-position: 100%;
    text-indent: 30px;
    background-origin: content-box;
    font-size: 14px;
    font-weight: 400;
    background-color: transparent
}

.qa--header__search .qa-search:focus {
    outline: none
}

.qa--header__search .rating--details__newqa {
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    height: 44px;
    padding: 11px 16px;
    background-color: #4fcce9;
    color: #fff;
    width: 200px;
    border-radius: 10px;
    border: 1px solid transparent;
    cursor: pointer;
    float: left
}

.qa--header__search .rating--details__newqa:hover {
    box-shadow: 0 6px 12px 0 rgba(79, 204, 233, .4)
}

.qa--header__search .rating--details__newqa:focus {
    outline: none
}

.qa--header__summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 20px;
    margin-bottom: 40px;
    border-bottom: 1px solid #e0e0e2
}

.qa--header__summary .qa--header__totals .qa--header__number {
    font-size: 14px;
    font-weight: 700;
    color: #424750
}

.qa--header__summary .qa--header__totals .qa--header__text {
    font-size: 14px;
    font-weight: 400;
    color: #424750
}

.qa--header__summary .qa--header__totals .qa--header__text:after {
    content: "|";
    margin: 0 20px;
    color: #e0e0e2
}

.qa--answer {
    border-right: 3px solid #16b7db;
    padding-left: 20px
}

.qa--answer .qa--asnwer__details {
    margin-right: 20px;
    margin-top: 50px
}

.qa--answer .qa--asnwer__titles {
    margin-bottom: 10px
}

.qa--answer .author--name {
    font-size: 12px;
    font-weight: 400;
    color: #81858b
}

.qa--answer .qa--asnwer__approved {
    color: #16b7db;
    font-size: 16px;
    font-weight: 400
}

.qa--answer .qa--answer__content {
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #424750 !important;
    line-height: 2 !important;
    margin-bottom: 20px !important;
    text-align: right;
    margin-top: 20px
}

.qa--answer .qa--answer__newanswer {
    color: #16b7db;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer
}

.submit__comment .submit__comment--title {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.71;
    text-align: right;
    color: #424750;
    display: block
}

.submit__comment .require-item:after {
    width: 6px;
    height: 6px;
    background-color: #ef5661;
    content: "";
    display: inline-block;
    border-radius: 90px;
    margin-right: 5px;
    position: relative;
    top: -6px
}

.submit__comment .submit__comment--section {
    margin-bottom: 30px
}

.submit__comment .flex-justify {
    display: flex;
    justify-content: space-between
}

.submit__comment .flex-justify .flex-justify__2 {
    width: 50%;
    margin-left: 20px
}

.submit__comment .review-form-errors {
    color: #ff5151;
    font-size: 12px;
    font-weight: 400;
    position: relative;
    top: 6px;
    display: none
}

.submit__comment label {
    margin-bottom: 5px
}

.submit__comment input {
    border: 1px solid #e0e0e2;
    height: 46px;
    padding: 9px 15px;
    border-radius: 10px;
    width: 100%
}

.submit__comment input::-moz-placeholder {
    color: #a1a3a8;
    font-size: 14px
}

.submit__comment input:-ms-input-placeholder {
    color: #a1a3a8;
    font-size: 14px
}

.submit__comment input::placeholder {
    color: #a1a3a8;
    font-size: 14px
}

.submit__comment textarea {
    border: 1px solid #e0e0e2;
    height: 214px;
    padding: 9px 15px;
    border-radius: 10px;
    width: 100%;
    resize: none
}

.submit__comment textarea::-moz-placeholder {
    color: #a1a3a8;
    font-size: 14px
}

.submit__comment textarea:-ms-input-placeholder {
    color: #a1a3a8;
    font-size: 14px
}

.submit__comment textarea::placeholder {
    color: #a1a3a8;
    font-size: 14px
}

.submit__comment #new-qa-content {
    height: 102px
}

.submit__comment select {
    width: 340px;
    display: block;
    color: #a1a3a8;
    font-size: 14px;
    font-weight: 400
}

.submit__comment .inputs-error {
    border: 1px solid #ef5661
}

.submit__comment .texts-error {
    color: #ff5151 !important
}

.submit__comment .submit__rating .rating--scores {
    margin-right: 20px;
    font-size: 14px;
    font-weight: 400;
    color: #424750
}

.submit__comment .submit__rating .submit__rating--label {
    font-size: 14px;
    font-weight: 500;
    color: #424750;
    min-width: 120px;
    margin-left: 30px;
    margin-bottom: 20px
}

.submit__comment .submit__rating .rating-number {
    display: none
}

.submit__comment .submit__rating .rating--details__item {
    margin-bottom: 20px
}

.submit__comment .submit__rating .rating--details__item:last-child {
    margin-bottom: 0
}

.submit__comment .submit__rating .rating--details__item .rating--details__title {
    min-width: 120px;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    color: #424750;
    margin-left: 30px
}

.submit__comment .submit__rating .rating--details__item .rating--details__rect {
    width: 40px;
    height: 4px;
    margin-left: 10px;
    background-color: #e0e0e2;
    border-radius: 4px;
    display: inline-flex
}

.submit__comment .submit__rating .rating--details__item .rating--details__rect:hover {
    background-color: #ffc200;
    height: 6px
}

.submit__comment .submit__rating .rating--details__item .checked {
    background-color: #ffc200
}

.submit__comment .submit__rating .rating--details__item .checked-last {
    background-color: #ffc200;
    height: 6px
}

.submit__comment .submit__rating .rating--details__item .rating--details__rate {
    font-size: 14px;
    font-weight: 400;
    padding-right: 10px
}

.submit__comment .submit__comment--reccomend {
    display: flex;
    justify-content: space-between;
    background-color: #f5f7fa;
    border-radius: 10px;
    height: 46px;
    padding: 9px 15px;
    align-items: center;
    font-size: 13px;
    font-weight: 400
}

.submit__comment .submit__comment--reccomend input[type=radio] {
    border: 1px solid #dedede;
    width: 16px;
    height: 16px
}

.submit__comment .submit__comment--reccomend input[type=checkbox] {
    width: 18px;
    height: 18px;
    border-radius: 4px;
    border: none;
    margin-top: 0;
    margin-left: 12px
}

.submit__comment .submit__comment--reccomend .submit__comment--radio {
    display: flex;
    align-items: center
}

.submit__comment .submit__comment--reccomend .submit__comment--radio label {
    margin-top: 10px;
    margin-right: 10px
}

.submit__comment .submit__comment--policy {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.submit__comment .submit__comment--policy .submit__policy--title {
    font-size: 13px;
    color: #424750;
    margin-bottom: 0
}

.submit__comment .submit__comment--policy .submit__policy--title a {
    color: #4fcce9;
    font-weight: 500
}

.submit__comment .submit__comment--button {
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    height: 44px;
    padding: 11px 16px;
    background-color: #4fcce9;
    color: #fff;
    width: 105px;
    border-radius: 10px;
    border: 1px solid transparent;
    cursor: pointer
}

.submit__comment .submit__comment--button:hover {
    box-shadow: 0 6px 12px 0 rgba(79, 204, 233, .4)
}

.submit__comment .submit__comment--button:focus {
    outline: none
}

.customers-slider {
    margin-top: 50px
}

.customers-slider .swiper-wrapper img {
    width: 235px;
    height: 235px
}

.customers-slider .customer-slider-next, .customers-slider .customer-slider-prev {
    background-color: #f5f7fa;
    border-radius: 12px;
    padding: 21px
}

.customers-slider .swiper-pagination-bullets {
    right: auto !important;
    position: static;
    margin-top: 50px
}

.customers-slider .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 8px !important;
    transition: width .2s
}

.customers-slider .swiper-pagination-bullets .swiper-pagination-bullet-active {
    background-color: #4fcce9;
    height: 8px;
    width: 30px;
    border-radius: 4px
}

.gallery__buttons {
    display: flex;
    justify-content: center;
    margin-top: 40px
}

.gallery__buttons .gallery__buttons--all {
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    height: 44px;
    padding: 11px 16px;
    background-color: transparent;
    color: #232933;
    width: 170px;
    border-radius: 10px;
    border: 1px solid #919499;
    cursor: pointer;
    margin-left: 20px
}

.gallery__buttons .gallery__buttons--all:hover {
    background-color: rgba(145, 148, 153, .05)
}

.gallery__buttons .gallery__buttons--all:focus {
    outline: none
}

.gallery__buttons .gallery__buttons--upload {
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    height: 44px;
    padding: 11px 16px;
    background-color: transparent;
    color: #232933;
    width: 170px;
    border-radius: 10px;
    border: 1px solid #919499;
    cursor: pointer
}

.gallery__buttons .gallery__buttons--upload:hover {
    background-color: rgba(145, 148, 153, .05)
}

.gallery__buttons .gallery__buttons--upload:focus {
    outline: none
}

.socialshare .socialshare__description {
    font-size: 14px;
    font-weight: 400;
    color: #424750;
    margin: 20px auto
}

.socialshare .cropper--delete {
    position: absolute;
    left: 20px;
    top: 20px;
    z-index: 1000;
    background-image: url(/images/icons/close-red.svg);
    background-color: hsla(0, 0%, 100%, .5647058823529412);
    width: 20px;
    height: 20px;
    padding: 20px;
    background-repeat: no-repeat;
    background-position: 50%;
    border: none;
    border-radius: 10px;
    cursor: pointer
}

.socialshare .cropper--overlay {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1000;
    background-color: #000
}

.socialshare .dropfile {
    position: relative;
    width: 700px;
    height: 700px;
    margin: 0 auto;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='100%25' height='100%25' fill='none' rx='10' ry='10' stroke='%23333' stroke-dasharray='12, 11, 13' stroke-dashoffset='80' stroke-linecap='square'/%3E%3C/svg%3E");
    border-radius: 10px;
    border: none;
    background-color: #f5f7fa;
    display: flex;
    justify-content: center;
    align-items: center
}

.socialshare .dropfile .dropfile__image {
    text-align: center;
    margin: 20px auto;
    display: block
}

.socialshare .dropfile .dropfile__description {
    font-size: 16px;
    font-weight: 400;
    line-height: 2;
    color: #424750;
    max-width: 350px;
    margin-bottom: 30px;
    text-align: justify;
    -moz-text-align-last: center;
    text-align-last: center
}

.socialshare .dropfile .dropfile__rules {
    font-size: 14px;
    font-weight: 400;
    color: #81858b;
    list-style: inside;
    list-style-image: url(/images/gray-bullet.svg?b455672e1f000a8767a933bd7d7b19be)
}

.socialshare .dropfile .dropfile__rules li {
    margin-bottom: 10px
}

.socialshare .error--overlay {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1000;
    width: 700px;
    height: 700px;
    margin: 0 auto;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='100%25' height='100%25' fill='none' rx='10' ry='10' stroke='%23333' stroke-dasharray='12, 11, 13' stroke-dashoffset='80' stroke-linecap='square'/%3E%3C/svg%3E");
    border-radius: 10px;
    border: none;
    background-color: #f5f7fa;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column
}

.socialshare .error--overlay .backstep {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.57;
    text-align: center;
    color: #4fcce9;
    cursor: pointer
}

.socialshare .error--overlay .backstep:after {
    content: "";
    background-image: url(/images/go-back.svg?9ee94c6254026728aa319f070682d7f3)
}

.socialshare .socialshare__label {
    margin-top: 20px;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 5px
}

.socialshare .socialshare__input {
    border: 1px solid #e0e0e2;
    border-radius: 10px;
    height: 44px;
    width: 100%;
    padding: 9px 15px;
    margin-bottom: 40px
}

.socialshare .socialshare__close {
    float: left;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    height: 44px;
    padding: 11px 16px;
    background-color: transparent;
    color: #232933;
    width: 115px;
    border-radius: 10px;
    border: 1px solid #919499;
    cursor: pointer;
    margin-top: 20px;
    margin-left: 20px
}

.socialshare .socialshare__close:hover {
    background-color: rgba(145, 148, 153, .05)
}

.socialshare .socialshare__close:focus {
    outline: none
}

.socialshare .socialshare__share--disabled {
    float: left;
    margin-top: 20px;
    margin-left: 0;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    height: 44px;
    padding: 11px 16px;
    background-color: #e0e0e2;
    color: #fff;
    width: 115px;
    border-radius: 10px;
    border: 1px solid #e0e0e2;
    cursor: not-allowed
}

.socialshare .socialshare__share--disabled:focus {
    outline: none
}

.socialshare .socialshare__share--disabled:hover {
    box-shadow: none
}

.socialshare .socialshare__share--disabled:disabled {
    cursor: not-allowed
}

.socialshare .socialshare__share--enabled {
    float: left;
    margin-left: 20px;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    height: 44px;
    padding: 11px 16px;
    background-color: transparent;
    color: #232933;
    width: 115px;
    border-radius: 10px;
    border: 1px solid #919499;
    cursor: pointer
}

.socialshare .socialshare__share--enabled:hover {
    background-color: rgba(145, 148, 153, .05)
}

.socialshare .socialshare__share--enabled:focus {
    outline: none
}

.socialShared-slider {
    height: 700px !important;
    min-height: 700px !important
}

.socialShared-slider img {
    width: 600px !important;
    height: 600px !important;
    align-self: center
}

.socialShared-slider .socialShared-item {
    flex-flow: column;
    align-items: flex-start
}

.social__album--details {
    text-align: right;
    margin-right: 50px
}

.social__album--details .social__album--subject {
    margin-top: 30px;
    font-size: 16px;
    font-weight: 700;
    color: #424750;
    display: block
}

.social__album--details .social__album--date {
    font-size: 12px;
    font-weight: 400;
    color: #81858b;
    padding-left: 10px
}

.social__album--details .social__album--user {
    font-size: 12px;
    font-weight: 400;
    padding-right: 10px;
    color: #81858b
}

#social-share-album .modal__container {
    height: 838px
}

.socialShared-slider {
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.social-slider-next {
    background-color: #f5f7fa;
    border-radius: 12px;
    padding: 21px;
    left: 0 !important;
    top: 45%
}

.social-slider-next img {
    width: auto !important;
    height: auto !important
}

.social-slider-prev {
    background-color: #f5f7fa;
    border-radius: 12px;
    padding: 21px;
    right: 0 !important;
    top: 45%
}

.social-slider-prev img {
    width: auto !important;
    height: auto !important
}

.socialshare__empty {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;
    margin-top: 60px
}

.socialshare__empty .socialshare__empty--title {
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    color: #424750;
    margin-top: 40px;
    margin-bottom: 20px
}

.socialshare__empty .shocialshare__empty--description {
    font-size: 16px;
    font-weight: 400;
    width: 50%;
    text-align: center;
    color: #424750;
    margin-top: 0;
    margin-bottom: 20px;
    width: 500px;
    line-height: 1.9
}

.socialshare__empty .gallery__buttons--empty {
    margin-top: 0
}

.cr-slider {
    width: 50% !important;
    position: absolute;
    bottom: -50px;
    right: 0
}

@media only screen and (max-width: 768px) {
    .socialshare .socialshare__description {
        font-size: 12px;
        font-weight: 500;
        margin: 15px auto
    }

    .socialshare .cropper--delete {
        left: 10px;
        top: 10px;
        width: 17px;
        height: 17px;
        padding: 13px
    }

    .socialshare .dropfile {
        width: 100%;
        height: 310px;
        margin: 0 auto
    }

    .socialshare .dropfile .dropfile__image {
        margin: 10px auto;
        width: 50px;
        height: 50px
    }

    .socialshare .dropfile .dropfile__description {
        font-size: 11px;
        max-width: auto;
        margin-bottom: 15px
    }

    .socialshare .dropfile .dropfile__rules {
        font-size: 10px
    }

    .socialshare .dropfile .dropfile__rules li {
        margin-bottom: 7px
    }

    .socialshare .socialshare__label {
        margin-top: 16px;
        font-size: 12px
    }

    .socialshare .socialshare__input {
        height: 44px;
        width: 100%;
        padding: 7px 10px;
        margin-bottom: 32px
    }

    .socialshare .socialshare__input::-moz-placeholder {
        font-size: 12px
    }

    .socialshare .socialshare__input:-ms-input-placeholder {
        font-size: 12px
    }

    .socialshare .socialshare__input::placeholder {
        font-size: 12px
    }

    .socialshare .socialshare__close {
        float: left;
        font-size: 14px;
        font-weight: 500;
        text-align: center;
        height: 44px;
        padding: 11px 16px;
        background-color: transparent;
        color: #232933;
        width: 100%;
        border-radius: 10px;
        border: 1px solid #919499;
        cursor: pointer;
        margin-left: 0;
        margin-top: 10px
    }

    .socialshare .socialshare__close:hover {
        background-color: rgba(145, 148, 153, .05)
    }

    .socialshare .socialshare__close:focus {
        outline: none
    }

    .socialshare .socialshare__share--disabled {
        float: inherit;
        margin-left: 0;
        font-size: 14px;
        font-weight: 500;
        text-align: center;
        height: 44px;
        padding: 11px 16px;
        background-color: #e0e0e2;
        color: #fff;
        width: 100%;
        border-radius: 10px;
        border: 1px solid #e0e0e2;
        cursor: not-allowed;
        margin-bottom: 16px
    }

    .socialshare .socialshare__share--disabled:focus {
        outline: none
    }

    .socialshare .socialshare__share--disabled:hover {
        box-shadow: none
    }

    .socialshare .socialshare__share--enabled {
        margin-left: 0;
        font-size: 14px;
        font-weight: 500;
        text-align: center;
        height: 44px;
        padding: 11px 16px;
        background-color: transparent;
        color: #232933;
        width: 100%;
        border-radius: 10px;
        border: 1px solid #919499;
        cursor: pointer;
        float: inherit;
        margin-bottom: 16px;
        margin-top: 60px
    }

    .socialshare .socialshare__share--enabled:hover {
        background-color: rgba(145, 148, 153, .05)
    }

    .socialshare .socialshare__share--enabled:focus {
        outline: none
    }

    .cr-slider {
        width: 100% !important
    }

    .socialShared-slider {
        height: 700px !important;
        min-height: 700px !important
    }

    .socialShared-slider img {
        width: 600px !important;
        height: 600px !important;
        align-self: center
    }

    .socialShared-slider .socialShared-item {
        flex-flow: column;
        align-items: flex-start
    }

    .social__album--details {
        text-align: right;
        margin-right: 50px
    }

    .social__album--details .social__album--subject {
        margin-top: 30px;
        font-size: 16px;
        font-weight: 700;
        color: #424750;
        display: block
    }

    .social__album--details .social__album--date {
        font-size: 12px;
        font-weight: 400;
        color: #81858b;
        padding-left: 10px;
        border-left: 1px solid #81858b
    }

    .social__album--details .social__album--user {
        font-size: 12px;
        font-weight: 400;
        padding-right: 10px;
        color: #81858b
    }

    #social-share-album .modal__container {
        height: 838px
    }

    .socialshare__empty {
        margin-top: 40px
    }

    .socialshare__empty .socialshare__empty--title {
        font-size: 14px;
        margin-top: 30px;
        margin-bottom: 10px
    }

    .socialshare__empty .shocialshare__empty--description {
        font-size: 14px;
        margin-bottom: 15px;
        width: 100%;
        line-height: 1.9
    }

    .socialshare__empty .gallery__buttons--empty {
        margin-top: 0
    }
}

@media only screen and (max-width: 480px) {
    .socialshare .dropfile {
        width: 310px;
        height: 310px;
        margin: 0 auto
    }
}

@media only screen and (max-width: 320px) {
    .socialshare .dropfile {
        width: auto;
        height: auto;
        min-height: 210px
    }
}

.product__attribute .product__attribute--items .product__attribute--item select option {
    display: none
}

.free-shipping-method {
    margin-top: 40px;
    margin-bottom: -10px
}

@media only screen and (max-width: 1200px) {
    .gallery-container {
        margin: 0 auto
    }

    .gallery-container .swiper-container-thumbs {
        min-width: 100% !important
    }

    .gallery-container .gallery-thumbs .swiper-wrapper {
        display: flex;
        justify-content: center
    }

    .product h1 {
        margin-top: 50px
    }

    .product #order-type {
        place-content: flex-start
    }

    .sticky__gallary {
        position: relative;
        top: 0;
        display: block
    }
}

@media only screen and (max-width: 992px) {
    .customer--reviews .customer--reviews__items {
        width: auto
    }

    .qa--header__search .qa-search {
        width: 60%
    }

    .gallery-container {
        margin: 0 auto
    }

    .gallery-container .swiper-container-thumbs {
        min-width: 100% !important
    }

    .gallery-container .gallery-thumbs .swiper-wrapper {
        display: flex;
        justify-content: center
    }

    .product h1 {
        font-size: 16px;
        margin-top: 50px
    }

    .product #order-type {
        place-content: space-between
    }

    .pdp-product-container .swiper-slide img {
        max-width: 100%
    }

    .pdp--reviews .pdp--reviews__tab {
        text-align: center
    }

    .pdp--reviews .pdp--reviews__content .pdp--reviews__section .customer-number {
        float: left
    }

    .pdp--reviews .pdp--reviews__content .pdp--reviews__section .customer-rate {
        border: none
    }

    .review--percentage {
        text-align: right;
        margin-right: -15px
    }

    .review--percentage .review--percentage__number {
        margin-bottom: 20px;
        margin-top: 0
    }
}

@media only screen and (max-width: 768px) {
    .qa--answer .qa--asnwer__details {
        margin-top: 10px
    }

    .pdp--reviews__empty .pdp--reviews__empty--content {
        flex-flow: column
    }

    .pdp--reviews__empty .pdp--reviews__empty--content img {
        margin-bottom: 20px
    }
}

@media only screen and (max-width: 480px) {
    .pagination ul li {
        width: 33px !important;
        height: 33px !important;
        margin-left: 5px !important
    }

    .sticky__gallary {
        position: relative;
        top: 0;
        display: block
    }

    .product__price--mobile {
        text-align: left;
        display: block;
        clear: left;
        margin-top: 10px
    }

    .product__attribute .product__attribute--items .product__attribute--item select option {
        display: block
    }

    .gallery-container {
        width: auto !important;
        max-width: auto !important
    }

    .gallery-container .gallery-top {
        margin: 0 0 20px
    }

    .gallery-container .gallery-top, .gallery-container .gallery-top .swiper-slide, .gallery-container .gallery-top .swiper-slide img {
        width: 100% !important;
        height: auto !important;
        max-width: 100% !important;
        max-height: auto !important
    }

    .gallery-container .swiper-container-thumbs {
        min-width: 100% !important
    }

    .gallery-container .gallery-thumbs .swiper-slide {
        width: 54px !important;
        height: 54px !important;
        max-width: 54px !important;
        max-height: 54px !important
    }

    .gallery-container .gallery-thumbs img {
        width: 54px;
        height: 54px;
        margin-left: 15px;
        cursor: pointer
    }

    .gallery-container .gallery-thumbs img:last-child {
        margin-left: 0
    }

    .gallery-container .gallery-next {
        background-color: #fff;
        opacity: .4;
        border-radius: 12px;
        padding: 21px
    }

    .gallery-container .gallery-next:hover {
        background-color: #fff;
        box-shadow: 0 6px 20px 4px rgba(66, 71, 80, .1)
    }

    .gallery-container .gallery-prev {
        background-color: #fff;
        opacity: .4;
        border-radius: 12px;
        padding: 21px
    }

    .gallery-container .gallery-prev:hover {
        background-color: #fff;
        box-shadow: 0 6px 20px 4px rgba(66, 71, 80, .1)
    }

    .product h1 {
        font-size: 16px;
        margin-top: 30px
    }

    .reviewStars-input input:checked ~ label, .reviewStars-input label, .reviewStars-input label:hover, .reviewStars-input label:hover ~ label {
        background-size: 20px
    }

    .reviewStars-input {
        margin-top: 13px
    }

    .reviewStars-input input {
        width: 20px;
        height: 40px
    }

    .reviewStars-input input:checked ~ label {
        background-position: 0 -19px;
        height: 40px;
        width: 20px
    }

    .reviewStars-input label {
        height: 19px;
        width: 20px;
        margin-left: 5px
    }

    .reviewStars-input #star-6 {
        right: 0
    }

    .reviewStars-input #star-5 {
        right: 43px
    }

    .reviewStars-input #star-4 {
        right: 86px
    }

    .reviewStars-input #star-3 {
        right: 129px
    }

    .reviewStars-input #star-2 {
        right: 172px
    }

    .reviewStars-input #star-1 {
        right: 215px
    }

    .customer-rate {
        font-size: 14px;
        padding-left: 7px
    }

    .customer-number {
        font-size: 14px;
        margin-right: 7px
    }

    .product__slogan {
        font-size: 13px
    }

    .product__attribute {
        margin-top: 12px
    }

    .product__attribute h3 {
        font-size: 14px;
        padding: 0
    }

    .product__attribute h3:after {
        border-top: 1px solid transparent
    }

    .product__attribute .product__attribute--error {
        display: none;
        list-style: inside;
        list-style-image: url(/images/error-bullet.svg?0827a23388999ab42fa358779aa421f6);
        font-size: 12px;
        font-weight: 400;
        color: #ff5151;
        margin-top: 10px;
        margin-bottom: -10px
    }

    .product__attribute .product__attribute--items {
        padding: 16px 0 0;
        display: block;
        margin: 0
    }

    .product__attribute .product__attribute--items .product__attribute--item {
        width: 100%;
        max-width: 100%;
        min-width: 100%;
        max-height: 44px;
        margin: 0;
        display: contents
    }

    .product__attribute .product__attribute--items .product__attribute--item .flex-item {
        justify-content: center
    }

    .product__attribute .product__attribute--items .product__attribute--item:nth-child(-n+3) {
        margin-bottom: auto
    }

    .product__attribute .product__attribute--items .product__attribute--item label {
        padding: 12px;
        height: 100%;
        width: 100%;
        text-align: center;
        margin-bottom: 16px
    }

    .product__attribute .product__attribute--items .product__attribute--item label:hover {
        box-shadow: none;
        border-color: #e0e0e2
    }

    .product__attribute .product__attribute--items .product__attribute--item label .product__attribute--featured {
        width: 100%;
        box-sizing: content-box
    }

    .product__attribute .product__attribute--items .product__attribute--item label .product__attribute--icon, .product__attribute .product__attribute--items .product__attribute--item label .product__attribute--image {
        display: none
    }

    .product__attribute .product__attribute--items .product__attribute--item input[type=radio]:checked + label:hover {
        box-shadow: none
    }

    .product__attribute .product__attribute--items .product__attribute--item .product__attribute--title {
        font-size: 14px;
        margin-bottom: 0;
        display: inline-block;
        margin-left: 8px
    }

    .product__attribute .product__attribute--items .product__attribute--item .product__attribute--description {
        font-size: 14px;
        font-weight: 400;
        color: #424750
    }

    .product__attribute .product__attribute--items .product__attribute--item select {
        background-position: 5% 50%;
        margin-bottom: 16px
    }

    .product__attribute .product__attribute--items .product__attribute--item .guid-button {
        display: block;
        text-align: center;
        margin-top: 12px
    }

    .product__price .product__price--pricebox {
        display: block
    }

    .product__price {
        padding: 20px;
        margin-top: 44px;
        margin-bottom: 28px;
        position: relative;
        display: block
    }

    .product__price .product__price--title {
        font-size: 14px
    }

    .product__price .product__price--price {
        font-size: 20px
    }

    .product__price .product__price--discount {
        float: left
    }

    .fix-mobile-show-image {
        display: flex;
        justify-content: space-around;
        align-items: center;
        flex-direction: row-reverse
    }

    .fix-mobile-show-image img {
        display: flex !important;
        height: 60px;
        width: 60px;
        margin-top: 0 !important
    }

    .submit-order {
        margin-top: 16px
    }

    .order-guid {
        margin-top: 32px
    }

    .submit-error {
        font-size: 14px;
        margin-top: 20px;
        margin-bottom: 20px
    }

    .submit-error:focus {
        outline: none
    }

    .related-products {
        padding: 0
    }

    .pdp-product-container .swiper-slide img {
        width: 100%;
        height: 100%;
        max-width: 100%
    }

    .pdp-product-container .product-item {
        padding: 0;
        margin-bottom: 0;
        width: 160px;
        margin-left: 20px
    }

    .pdp-product-container .product-item a {
        color: #424750;
        font-size: 12px
    }

    .pdp-product-container .product-item a span {
        padding-right: 8px
    }

    .pdp-product-container .product-item .details {
        padding: 8px;
        font-size: 10px
    }

    .pdp-product-container .product-item .details .gramazh, .pdp-product-container .product-item .details .sides, .pdp-product-container .product-item .details .size {
        font-size: 10px
    }

    .pdp-product-container .product-item:hover {
        box-shadow: none
    }

    .pdp-product-container .product-item:hover .price-from {
        visibility: visible;
        opacity: 1;
        margin-top: 10px
    }

    .pdp-product-container .product-item:hover .filter-container {
        margin-bottom: 50px
    }

    .pdp-product-container .product-item img {
        width: 100%;
        margin-bottom: 16px
    }

    .pdp-product-container .product-item .price-from {
        display: none
    }

    .pdp--faq {
        padding: 0
    }

    .faq--container {
        margin-bottom: 16px
    }

    .faq--container .faq--container__question {
        font-size: 12px;
        font-weight: 500;
        margin-bottom: 8px
    }

    .faq--container .faq--container__answer {
        font-size: 12px;
        line-height: 1.8;
        color: #81858b
    }

    .customers-slider {
        margin-top: 0
    }

    .gallery__buttons {
        display: block;
        margin-top: 16px
    }

    .gallery__buttons .gallery__buttons--all {
        font-size: 14px;
        font-weight: 500;
        text-align: center;
        height: 44px;
        padding: 11px 16px;
        background-color: transparent;
        color: #232933;
        width: 100%;
        border-radius: 10px;
        border: 1px solid #919499;
        cursor: pointer;
        margin-left: 0;
        display: block;
        margin-bottom: 16px
    }

    .gallery__buttons .gallery__buttons--all:hover {
        background-color: rgba(145, 148, 153, .05)
    }

    .gallery__buttons .gallery__buttons--all:focus {
        outline: none
    }

    .gallery__buttons .gallery__buttons--upload {
        font-size: 14px;
        font-weight: 500;
        text-align: center;
        height: 44px;
        padding: 11px 16px;
        background-color: transparent;
        color: #232933;
        width: 100%;
        border-radius: 10px;
        border: 1px solid #919499;
        cursor: pointer;
        display: block;
        margin-bottom: 48px
    }

    .gallery__buttons .gallery__buttons--upload:hover {
        background-color: rgba(145, 148, 153, .05)
    }

    .gallery__buttons .gallery__buttons--upload:focus {
        outline: none
    }

    .review--percentage {
        text-align: right;
        margin-right: auto
    }

    .review--percentage .review--percentage__number {
        margin-top: -5px;
        margin-bottom: 12px
    }

    .pdp--reviews {
        padding: 48px 0 0;
        margin-top: 0
    }

    .pdp--reviews:last-child {
        padding-bottom: 80px
    }

    .pdp--reviews .section-container {
        margin-top: 0 !important
    }

    .pdp--reviews .pdp--reviews__tab {
        padding-bottom: 20px;
        text-align: center
    }

    .pdp--reviews .pdp--reviews__tab .pdp--reviews__link {
        font-size: 16px;
        margin-left: 35px;
        padding: 0 20px 20px
    }

    .pdp--reviews .pdp--reviews__tab .pdp--reviews__link:last-child {
        margin-left: 0
    }

    .pdp--reviews .pdp--reviews__content {
        margin-top: 38px
    }

    .pdp--reviews .pdp--reviews__content .pdp--reviews__section {
        padding: 12px;
        margin-bottom: 20px
    }

    .pdp--reviews .pdp--reviews__content .pdp--reviews__section .reviewStars-input {
        margin-right: 8px
    }

    .pdp--reviews .pdp--reviews__content .pdp--reviews__section .reviewStars-input input {
        height: 20px
    }

    .pdp--reviews .pdp--reviews__content .pdp--reviews__section .customer-number {
        margin-top: 3px;
        font-size: 12px;
        font-weight: 400
    }

    .pdp--reviews .pdp--reviews__content .pdp--reviews__section .reviewStars-input input:checked ~ label {
        height: 30px
    }

    .pdp--reviews .rating--details {
        margin-top: 11px
    }

    .pdp--reviews .rating--details .rating--details__item {
        margin-bottom: 20px
    }

    .pdp--reviews .rating--details .rating--details__item:last-child {
        margin-bottom: 0
    }

    .pdp--reviews .rating--details .rating--details__item .rating--details__title {
        display: block;
        font-size: 12px
    }

    .pdp--reviews .rating--details .rating--details__item .rating--details__rect {
        margin-left: 6px
    }

    .pdp--reviews .rating--details .rating--details__item .rating--details__rate {
        font-weight: 500
    }

    .pdp--reviews .rating--details__newcomment {
        float: left;
        margin-top: 30px;
        font-size: 14px;
        font-weight: 500;
        text-align: center;
        height: 44px;
        padding: 11px 16px;
        background-color: #4fcce9;
        color: #fff;
        width: 100%;
        border-radius: 10px;
        border: 1px solid transparent;
        cursor: pointer
    }

    .pdp--reviews .rating--details__newcomment:hover {
        box-shadow: 0 6px 12px 0 rgba(79, 204, 233, .4)
    }

    .pdp--reviews .rating--details__newcomment:focus {
        outline: none
    }

    .customer--reviews .customer--reviews__header {
        display: block;
        justify-content: space-between;
        align-items: center;
        height: 95px;
        padding-bottom: 12px;
        margin-bottom: 0
    }

    .customer--reviews .customer--reviews__header .customer--reviews__sum {
        display: flex;
        justify-content: space-between;
        align-items: center
    }

    .customer--reviews .customer--reviews__header .reviews--number {
        display: inline-flex;
        border-left: none;
        padding-left: 20px;
        margin-left: 20px
    }

    .customer--reviews .customer--reviews__header .reviews--number .reviews--number__count {
        font-size: 14px;
        font-weight: 700;
        margin-left: 5px
    }

    .customer--reviews .customer--reviews__header .reviews--number .reviews--number__text {
        font-size: 14px;
        font-weight: 400
    }

    .customer--reviews .customer--reviews__items {
        width: auto
    }

    .customer--reviews .customer--reviews__items .customer--review__item {
        border-top: 1px solid #e0e0e2;
        padding-top: 20px;
        margin-bottom: 20px
    }

    .customer--reviews .customer--reviews__items .customer--review__item .customer--review__rating {
        margin-bottom: 16px
    }

    .customer--reviews .customer--reviews__items .customer--review__item .customer--review__rating .customer--review__number, .customer--reviews .customer--reviews__items .customer--review__item p {
        font-size: 14px
    }

    .customer--reviews .customer--reviews__items .customer--review__item .customer--review__user {
        margin-bottom: 0
    }

    .customer--reviews .customer--reviews__items .customer--review__item .customer--review__user .user--date {
        font-size: 12px
    }

    .customer--reviews .customer--reviews__items .customer--review__item .customer--review__user .user--date:after {
        content: "|";
        margin-right: 10px;
        margin-left: 10px
    }

    .customer--reviews .customer--reviews__items .customer--review__item .customer--review__user .user--name {
        font-size: 12px;
        font-weight: 400
    }

    .customer--reviews .customer--reviews__items .customer--review__item .customer--review__content {
        margin-bottom: 16px
    }

    .customer--reviews .customer--reviews__items .customer--review__item .customer--review__content p {
        font-size: 12px;
        font-weight: 500;
        text-align: justify
    }

    .customer--reviews .customer--reviews__items .customer--review__item .customer--review__footer {
        display: block;
        margin-bottom: 20px
    }

    .customer--reviews .customer--reviews__items .customer--review__item .customer--review__footer .customer--review__recommend {
        margin-bottom: 24px
    }

    .customer--reviews .customer--reviews__items .customer--review__item .customer--review__footer .customer--review__recommend .recommended--no, .customer--reviews .customer--reviews__items .customer--review__item .customer--review__footer .customer--review__recommend .recommended--yes {
        font-size: 12px
    }

    .reviews--pagination {
        display: inline-flex;
        color: #a1a3a8
    }

    .reviews--pagination .reviews--pagination__title {
        font-size: 12px
    }

    .reviews--pagination .reviews--pagination__number, .reviews--pagination .reviews--pagination__title, .reviews--pagination .reviews--pagination__total {
        margin-left: 5px
    }

    .reviews--sort {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-top: 15px
    }

    .reviews--sort label {
        font-size: 12px;
        font-weight: 400;
        padding-left: 22px;
        margin-bottom: 0
    }

    .qa--header__search {
        margin-bottom: 15px;
        border-bottom: 1px solid #e0e0e2;
        padding: 0 0 56px
    }

    .qa--header__search .qa-search {
        width: 100%;
        margin-bottom: 16px
    }

    .qa--header__search .rating--details__newqa {
        font-size: 14px;
        font-weight: 500;
        text-align: center;
        height: 44px;
        padding: 11px 16px;
        background-color: #4fcce9;
        color: #fff;
        width: 100%;
        border-radius: 10px;
        border: 1px solid transparent;
        cursor: pointer;
        float: left
    }

    .qa--header__search .rating--details__newqa:hover {
        box-shadow: 0 6px 12px 0 rgba(79, 204, 233, .4)
    }

    .qa--header__search .rating--details__newqa:focus {
        outline: none
    }

    .qa--header__summary {
        display: block;
        align-items: center;
        padding-bottom: 64px;
        margin-bottom: 0;
        margin-top: 20px;
        border-bottom: 1px solid #e0e0e2
    }

    .qa--header__summary .reviews--pagination {
        float: left;
        font-size: 12px
    }

    .qa--header__summary .qa--header__totals .qa--header__number {
        font-size: 14px;
        font-weight: 700;
        color: #424750
    }

    .qa--header__summary .qa--header__totals .qa--header__text {
        font-size: 14px;
        font-weight: 400;
        color: #424750
    }

    .qa--header__summary .qa--header__totals .qa--header__text:after {
        content: "";
        margin: 0;
        color: #e0e0e2
    }

    .qa--header__summary .user--date {
        font-size: 10px
    }

    .qa--answer .author--name {
        font-size: 12px
    }

    .qa--answer .qa--asnwer__approved {
        color: #16b7db;
        font-size: 12px;
        font-weight: 500
    }

    .qa--answer .qa--answer__content {
        font-size: 12px !important;
        text-align: justify
    }

    .qa--answer .qa--answer__newanswer {
        color: #16b7db;
        font-size: 12px;
        font-weight: 500
    }

    .product__attribute .product__attribute--items .edd-root {
        margin-bottom: 16px;
        height: 44px
    }

    .product__attribute .product__attribute--items .edd-head {
        height: 44px
    }

    .submit__comment .submit__comment--title {
        font-size: 12px;
        font-weight: 500
    }

    .submit__comment .submit__comment--section {
        margin-bottom: 16px
    }

    .submit__comment .flex-justify {
        display: block
    }

    .submit__comment .flex-justify .flex-justify__2 {
        width: 100%;
        margin-bottom: 20px
    }

    .submit__comment .review-form-errors {
        font-size: 11px;
        top: 4px
    }

    .submit__comment label {
        margin-bottom: 5px
    }

    .submit__comment input {
        border: 1px solid #e0e0e2;
        height: 46px;
        padding: 9px 15px;
        border-radius: 10px;
        width: 100%
    }

    .submit__comment input::-moz-placeholder {
        color: #a1a3a8;
        font-size: 12px
    }

    .submit__comment input:-ms-input-placeholder {
        color: #a1a3a8;
        font-size: 12px
    }

    .submit__comment input::placeholder {
        color: #a1a3a8;
        font-size: 12px
    }

    .submit__comment textarea {
        border: 1px solid #e0e0e2;
        height: 156px;
        padding: 9px 15px;
        border-radius: 10px;
        width: 100%;
        resize: none
    }

    .submit__comment textarea::-moz-placeholder {
        color: #a1a3a8;
        font-size: 12px
    }

    .submit__comment textarea:-ms-input-placeholder {
        color: #a1a3a8;
        font-size: 12px
    }

    .submit__comment textarea::placeholder {
        color: #a1a3a8;
        font-size: 12px
    }

    .submit__comment #new-qa-content {
        height: 102px
    }

    .submit__comment select {
        width: 340px;
        display: block;
        color: #a1a3a8;
        font-size: 14px;
        font-weight: 400
    }

    .submit__comment .inputs-error {
        border: 1px solid #ef5661
    }

    .submit__comment .texts-error {
        color: #ff5151 !important
    }

    .submit__comment .submit__rating .rating--scores {
        margin-right: 10px;
        font-size: 12px;
        font-weight: 400;
        display: contents;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content
    }

    .submit__comment .submit__rating .submit__rating--label {
        font-size: 12px;
        font-weight: 500;
        min-width: auto;
        margin-left: 30px;
        margin-bottom: 0;
        margin-top: 20px
    }

    .submit__comment .submit__rating .rating-number {
        display: none
    }

    .submit__comment .submit__rating .rating--details__item {
        margin-bottom: 0;
        display: inline-block
    }

    .submit__comment .submit__rating .rating--details__item:last-child {
        margin-bottom: 0
    }

    .submit__comment .submit__rating .rating--details__item .rating--details__title {
        display: inline-block;
        font-size: 14px;
        font-weight: 500;
        margin-left: 30px
    }

    .submit__comment .submit__rating .rating--details__item .rating--details__rect {
        margin-left: 8px
    }

    .submit__comment .submit__rating .rating--details__item .rating--details__rate {
        font-size: 14px;
        font-weight: 400;
        padding-right: 10px
    }

    .submit__comment .checkbox-type {
        display: flex
    }

    .submit__comment .submit__comment--reccomend {
        display: block;
        height: 80px;
        padding: 12px;
        font-size: 12px
    }

    .submit__comment .submit__comment--reccomend input[type=radio] {
        width: 15px;
        height: 15px
    }

    .submit__comment .submit__comment--reccomend input[type=checkbox] {
        width: 18px;
        height: 18px;
        border-radius: 4px;
        border: none;
        margin-top: 0;
        margin-left: 12px
    }

    .submit__comment .submit__comment--reccomend .submit__comment--radio {
        display: inline-flex
    }

    .submit__comment .submit__comment--reccomend .submit__comment--radio label {
        margin-top: 10px;
        margin-right: 0;
        margin-left: 10px
    }

    .submit__comment .submit__comment--policy {
        display: block
    }

    .submit__comment .submit__comment--policy .submit__policy--title {
        font-size: 12px;
        margin-bottom: 16px
    }

    .submit__comment .submit__comment--button {
        font-size: 14px;
        font-weight: 500;
        text-align: center;
        height: 44px;
        padding: 11px 16px;
        background-color: #4fcce9;
        color: #fff;
        width: 100%;
        border-radius: 10px;
        border: 1px solid transparent;
        cursor: pointer
    }

    .submit__comment .submit__comment--button:hover {
        box-shadow: 0 6px 12px 0 rgba(79, 204, 233, .4)
    }

    .submit__comment .submit__comment--button:focus {
        outline: none
    }

    .ch-force-flex {
        display: block
    }

    .section-container .right-aligned {
        margin-right: -10px
    }

    .pdp--reviews__empty {
        display: block
    }

    .pdp--reviews__empty .empty__description {
        font-size: 13px
    }

    .pdp--reviews__empty .pdp--reviews__empty--button {
        font-size: 14px;
        font-weight: 500;
        text-align: center;
        height: 44px;
        padding: 11px 16px;
        background-color: #4fcce9;
        color: #fff;
        width: 100%;
        border-radius: 10px;
        border: 1px solid transparent;
        cursor: pointer;
        display: block;
        margin-top: 20px
    }

    .pdp--reviews__empty .pdp--reviews__empty--button:hover {
        box-shadow: 0 6px 12px 0 rgba(79, 204, 233, .4)
    }

    .pdp--reviews__empty .pdp--reviews__empty--button:focus {
        outline: none
    }

    .product__price--noticebox .pdp__tooltip {
        width: 250px;
        left: 28px;
        top: 28px
    }

    .product__attribute .product__attribute--items .custom-ch-select-pdp .select-selected {
        display: none
    }

    .product__attribute .product__attribute--items .product__attribute--item select {
        opacity: 1 !important
    }

    .product__price .product__price--noticebox .pdp__tooltip {
        left: 21px
    }

    .product__attribute .order-type__new:after, .product__attribute .order-type__soon:after {
        top: 25px
    }

    .product__price .product__price--pricebox .product__price--container .product__price--container--discount {
        margin-bottom: 0
    }

    .change-quantity {
        height: auto;
        align-items: flex-start;
        justify-content: flex-start;
        text-align: justify;
        font-size: 14px
    }

    .fix-product-price {
        margin-top: 20px
    }

    .no-template-container {
        width: 120px;
        bottom: auto !important;
        left: auto !important;
        padding: 0 !important
    }

    .no-template-text {
        font-size: 12px
    }

    .no-template-image {
        width: 45px
    }
}

@media only screen and (max-width: 320px) {
    .customer-number {
        font-size: 12px
    }

    .pdp--reviews .pdp--reviews__tab .pdp--reviews__link {
        font-size: 13px
    }

    .review--percentage .review--percentage__number {
        font-size: 12px
    }

    .review--percentage .review--percentage__desc {
        font-size: 11px
    }

    .pdp--reviews .pdp--reviews__content .pdp--reviews__section .customer-rate {
        margin-top: 1px;
        margin-right: 6px
    }

    .customer-rate {
        padding-left: 6px
    }

    .pdp--reviews .pdp--reviews__content .pdp--reviews__section .reviewStars-input {
        margin-right: -6px !important
    }

    .pdp--reviews .pdp--reviews__content .pdp--reviews__section .customer-number {
        margin-top: 5px;
        font-size: 11px
    }

    .pdp--reviews .rating--details .rating--details__item .rating--details__rect {
        width: 34px
    }

    .reviews--sort label {
        padding-left: 18px
    }

    .product__attribute .product__attribute--items .product__attribute--item .edd-select {
        height: auto;
        top: auto;
        left: -13px;
        width: 100%
    }

    .pagination ul li {
        margin-left: 7px
    }

    .custom-content .content__template .content__template--image {
        max-width: 111px
    }

    .no-template-container {
        width: 100px
    }

    .no-template-image {
        width: 35px
    }
}

.modal__overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(35, 41, 51, .4);
    display: flex;
    justify-content: center;
    align-items: center
}

.modal__container::-webkit-scrollbar {
    width: 6px;
    background: #e0e0e2
}

.modal__container::-webkit-scrollbar-track {
    background: #e0e0e2
}

.modal__container::-webkit-scrollbar-thumb, .modal__container::-webkit-scrollbar-thumb:hover {
    background: #c0c2c5
}

.modal__close {
    background: transparent;
    border: 0
}

.modal__header .modal__close:before {
    background-image: url(/images/close-light.svg?26f2abfc3eff6a99ff947af18758ced7);
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    top: 20px;
    left: 20px;
    position: absolute;
    content: "";
    background-size: 20px
}

.modal__content {
    margin-top: 2rem;
    margin-bottom: 2rem;
    line-height: 1.5;
    color: rgba(0, 0, 0, .8)
}

@-webkit-keyframes mmfadeIn {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes mmfadeIn {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@-webkit-keyframes mmfadeOut {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes mmfadeOut {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@-webkit-keyframes mmslideIn {
    0% {
        transform: translateY(15%)
    }
    to {
        transform: translateY(0)
    }
}

@keyframes mmslideIn {
    0% {
        transform: translateY(15%)
    }
    to {
        transform: translateY(0)
    }
}

@-webkit-keyframes mmslideOut {
    0% {
        transform: translateY(0)
    }
    to {
        transform: translateY(-10%)
    }
}

@keyframes mmslideOut {
    0% {
        transform: translateY(0)
    }
    to {
        transform: translateY(-10%)
    }
}

.micromodal-slide {
    display: none
}

.micromodal-slide.is-open {
    display: block
}

.micromodal-slide[aria-hidden=false] .modal__overlay {
    -webkit-animation: mmfadeIn .3s cubic-bezier(0, 0, .2, 1);
    animation: mmfadeIn .3s cubic-bezier(0, 0, .2, 1)
}

.micromodal-slide[aria-hidden=false] .modal__container {
    -webkit-animation: mmslideIn .3s cubic-bezier(0, 0, .2, 1);
    animation: mmslideIn .3s cubic-bezier(0, 0, .2, 1)
}

.micromodal-slide[aria-hidden=true] .modal__overlay {
    -webkit-animation: mmfadeOut .3s cubic-bezier(0, 0, .2, 1);
    animation: mmfadeOut .3s cubic-bezier(0, 0, .2, 1)
}

.micromodal-slide[aria-hidden=true] .modal__container {
    -webkit-animation: mmslideOut .3s cubic-bezier(0, 0, .2, 1);
    animation: mmslideOut .3s cubic-bezier(0, 0, .2, 1)
}

.micromodal-slide .modal__container, .micromodal-slide .modal__overlay {
    will-change: transform
}

.modal__container {
    background-color: #fff;
    padding: 20px 30px;
    max-width: 800px;
    max-height: 100vh;
    width: 800px;
    border-radius: 10px;
    overflow-y: auto;
    box-sizing: border-box;
    box-shadow: 0 6px 20px 4px rgba(66, 71, 80, .1)
}

.modal__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: auto;
    border-bottom: 1px solid #e0e0e2;
    padding: 0 0 20px
}

.modal__header--alert {
    border-bottom: none;
    float: left;
    margin-bottom: 40px
}

.modal__header--alert .modal__close:before {
    background-image: url(/images/close-light.svg?26f2abfc3eff6a99ff947af18758ced7);
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    top: 20px;
    left: 20px;
    position: absolute;
    content: "";
    background-size: 20px
}

.modal__title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.25;
    color: #424750;
    box-sizing: border-box
}

.modal__section .modal__section--title {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
    text-align: right;
    color: #424750;
    border-bottom: none
}

.modal__section .modal__section--title:focus {
    outline: none
}

.modal__section .modal__section--description {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.43;
    text-align: right;
    color: #81858b;
    margin-right: 20px;
    outline: none
}

.modal__content {
    padding: 0 20px
}

.custom-ac {
    border-bottom: 1px solid #e0e0e2;
    padding: 20px 0
}

.custom-ac:last-child {
    border-bottom: none
}

.custom-ac:first-child {
    padding-top: 0
}

.custom-content {
    padding: 30px 10px 0
}

.custom-content p {
    font-size: 14px;
    font-weight: 400
}

.custom-content .content__item {
    margin-top: 20px
}

.custom-content .content__item .content__item--image {
    margin-right: -15px;
    margin-left: 20px
}

.custom-content .content__item .content__item--title {
    font-size: 14px;
    font-weight: 500;
    color: #424750
}

.custom-content .content__item .content__item--context {
    font-size: 14px;
    font-weight: 400;
    color: #81858b;
    padding-right: 35px;
    line-height: 2;
    margin-top: 10px;
    margin-bottom: 20px
}

.custom-content .content__template {
    padding-top: 20px
}

.custom-content .content__template .content__template--image {
    margin-left: 20px;
    margin-bottom: 20px
}

.price__list {
    width: 430px
}

.price__list .price__list--header {
    border-bottom: 1px solid #e0e0e2;
    padding-bottom: 15px
}

.price__list .price__list--header .price__list--header-item {
    font-size: 14px;
    font-weight: 500;
    color: #424750
}

.price__list .price__list--content {
    padding: 15px 0;
    border-bottom: 1px solid #e0e0e2
}

.price__list .price__list--content:last-child {
    border-bottom: none
}

.price__list .price__list--content .price__list--content-item {
    font-size: 14px;
    font-weight: 400;
    color: #424750
}

.price__list .price__list--content .price__list--content-price {
    font-size: 16px;
    font-weight: 500;
    color: #424750
}

.success__modal {
    text-align: center
}

.success__modal .success__modal--title {
    font-size: 20px;
    font-weight: 700;
    text-align: center;
    margin-top: 35px;
    margin-bottom: 40px
}

.success__modal .success__modal--alert {
    background-color: rgba(160, 226, 208, .08235294117647059);
    width: 400px;
    margin: 40px auto;
    text-align: center;
    color: #57cfb1;
    font-size: 16px;
    font-weight: 400;
    padding: 10px 90px;
    border-radius: 10px
}

.success__modal .success__modal--message {
    font-size: 16px;
    font-weight: 400;
    color: #81858b;
    line-height: 1.75;
    text-align: center
}

.success__modal .success__modal--close {
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    height: 44px;
    padding: 11px 16px;
    background-color: #4fcce9;
    color: #fff;
    width: auto;
    border-radius: 10px;
    border: 1px solid transparent;
    cursor: pointer;
    margin-top: 40px;
    display: inline-block
}

.success__modal .success__modal--close:hover {
    box-shadow: 0 6px 12px 0 rgba(79, 204, 233, .4)
}

.success__modal .success__modal--close:focus {
    outline: none
}

.error__modal {
    text-align: center
}

.error__modal .error__modal--title {
    font-size: 20px;
    font-weight: 700;
    text-align: center;
    margin-top: 35px;
    margin-bottom: 40px
}

.error__modal .error__modal--alert {
    background-color: rgba(239, 86, 97, .06274509803921569);
    width: 400px;
    margin: 40px auto;
    text-align: center;
    color: #ef5661;
    font-size: 16px;
    font-weight: 400;
    padding: 10px 90px;
    border-radius: 10px
}

.error__modal .error__modal--message {
    font-size: 16px;
    font-weight: 400;
    color: #81858b;
    line-height: 1.75;
    text-align: center
}

.error__modal .error__modal--close {
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    height: 44px;
    padding: 11px 16px;
    background-color: #4fcce9;
    color: #fff;
    width: auto;
    border-radius: 10px;
    border: 1px solid transparent;
    cursor: pointer;
    margin-top: 40px;
    display: inline-block
}

.error__modal .error__modal--close:hover {
    box-shadow: 0 6px 12px 0 rgba(79, 204, 233, .4)
}

.error__modal .error__modal--close:focus {
    outline: none
}

.guest__login {
    text-align: center
}

.guest__login a {
    text-decoration: none
}

.guest__login .guest__login--notice {
    width: 400px;
    margin: 40px auto;
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    padding: 10px 50px;
    border-radius: 10px;
    background-color: rgba(249, 168, 37, .05);
    color: #424750;
    border: 1px solid rgba(249, 168, 37, .2)
}

.guest__login .guest__login--button {
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    height: 44px;
    padding: 11px 16px;
    background-color: #4fcce9;
    color: #fff;
    width: 120px;
    border-radius: 10px;
    border: 1px solid transparent;
    cursor: pointer;
    margin-left: 20px;
    display: inline-block
}

.guest__login .guest__login--button:hover {
    box-shadow: 0 6px 12px 0 rgba(79, 204, 233, .4)
}

.guest__login .guest__login--button:focus {
    outline: none
}

.guest__login .guest__login--cancel {
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    height: 44px;
    padding: 11px 16px;
    background-color: transparent;
    color: #232933;
    width: 120px;
    border-radius: 10px;
    border: 1px solid #919499;
    cursor: pointer;
    display: inline-block
}

.guest__login .guest__login--cancel:hover {
    background-color: rgba(145, 148, 153, .05)
}

.guest__login .guest__login--cancel:focus {
    outline: none
}

.modal__loader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    justify-content: center;
    align-items: center;
    display: none;
    background-color: #fff;
    flex-flow: column
}

.modal__loader p {
    font-size: 16px;
    font-weight: 400;
    color: #424750;
    margin-top: 26px
}

@media only screen and (max-width: 480px) {
    .guest__login .guest__login--notice {
        width: auto;
        font-size: 14px
    }

    .modal__overlay {
        padding: 8px
    }

    .modal__header .modal__close:before {
        background-image: url(/images/close-light.svg?26f2abfc3eff6a99ff947af18758ced7);
        background-repeat: no-repeat;
        width: 20px;
        height: 20px;
        top: 20px;
        left: 20px;
        position: absolute;
        content: "";
        background-size: 20px;
        background-size: 16px
    }

    .modal__content {
        margin-bottom: 0
    }

    .modal__container {
        padding: 16px;
        max-width: 100%;
        max-height: 100vh;
        width: 100%;
        overflow-y: overlay;
        margin-top: 15px
    }

    .modal__header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        height: auto;
        padding: 0 0 16px;
        font-size: 16px;
        font-weight: 700
    }

    .modal__header--alert {
        border-bottom: none;
        float: left;
        margin-bottom: 40px
    }

    .modal__header--alert .modal__close:before {
        background-image: url(/images/close-light.svg?26f2abfc3eff6a99ff947af18758ced7);
        background-repeat: no-repeat;
        width: 20px;
        height: 20px;
        top: 20px;
        left: 20px;
        position: absolute;
        content: "";
        background-size: 20px
    }

    .modal__title {
        font-size: 16px;
        font-weight: 700;
        color: #81858b
    }

    .modal__section .modal__section--title {
        font-size: 14px;
        line-height: 1.43;
        padding-bottom: 12px
    }

    .modal__section .modal__section--description {
        font-size: 12px;
        margin-right: 0;
        margin-top: 8px;
        display: block
    }

    .modal__content {
        padding: 0 10px
    }

    .custom-ac {
        border-bottom: none;
        padding: 20px 0 0
    }

    .custom-ac:last-child {
        border-bottom: none;
        padding-bottom: 0
    }

    .custom-ac:first-child {
        padding-top: 0
    }

    .custom-content {
        padding: 11px 8px 0 10px !important;
        border-top: 2px solid #e0e0e2;
        border-bottom: 2px solid #e0e0e2
    }

    .custom-content p {
        font-size: 12px;
        font-weight: 500
    }

    .custom-content .custom__content--template img {
        width: 100px;
        height: 65px;
        display: flex;
        margin: 6px auto 0
    }

    .custom-content hr {
        margin: 12px 0
    }

    .custom-content .content__item {
        margin-top: 20px
    }

    .custom-content .content__item .content__item--image {
        margin-right: 0;
        margin-left: 0;
        width: 20px;
        height: 20px
    }

    .custom-content .content__item .content__item--title {
        font-size: 12px;
        font-weight: 500;
        color: #424750
    }

    .custom-content .content__item .content__item--context {
        font-size: 12px;
        padding-right: 0;
        line-height: 2;
        margin-top: 10px;
        margin-bottom: 0
    }

    .custom-content .content__template {
        display: flex;
        justify-content: space-between
    }

    .custom-content .content__template .content__template--image {
        max-width: 132px
    }

    .ac > .ac-q:after {
        top: 20%
    }

    .price__list {
        width: 100%
    }

    .price__list .price__list--header {
        border-bottom: 1px solid #e0e0e2;
        padding-bottom: 15px
    }

    .price__list .price__list--header .price__list--header-item {
        font-size: 12px;
        font-weight: 500
    }

    .price__list .price__list--content {
        padding: 15px 0;
        border-bottom: 1px solid #e0e0e2
    }

    .price__list .price__list--content:last-child {
        border-bottom: none
    }

    .price__list .price__list--content .price__list--content-item {
        font-size: 14px;
        font-weight: 400;
        color: #424750
    }

    .price__list .price__list--content .price__list--content-price {
        font-size: 16px;
        font-weight: 500;
        color: #424750
    }

    .success__modal {
        text-align: center
    }

    .success__modal .success__modal--title {
        font-size: 20px;
        font-weight: 700;
        text-align: center;
        margin-top: 35px;
        margin-bottom: 40px
    }

    .success__modal .success__modal--alert {
        width: 100%;
        font-size: 14px;
        padding: 9px
    }

    .success__modal .success__modal--message {
        font-size: 12px;
        text-align: center
    }

    .success__modal .success__modal--close {
        font-size: 14px;
        font-weight: 500;
        text-align: center;
        height: 44px;
        padding: 11px 16px;
        background-color: #4fcce9;
        color: #fff;
        width: 100%;
        border-radius: 10px;
        border: 1px solid transparent;
        cursor: pointer;
        margin-top: 32px;
        display: inline-block
    }

    .success__modal .success__modal--close:hover {
        box-shadow: 0 6px 12px 0 rgba(79, 204, 233, .4)
    }

    .success__modal .success__modal--close:focus {
        outline: none
    }
}

@media only screen and (max-width: 320px) {
    .guest__login .guest__login--notice {
        width: auto;
        font-size: 14px
    }

    .guest__login .guest__login--button {
        font-size: 14px;
        font-weight: 500;
        text-align: center;
        height: 44px;
        padding: 11px 16px;
        background-color: #4fcce9;
        color: #fff;
        width: 90px;
        border-radius: 10px;
        border: 1px solid transparent;
        cursor: pointer;
        margin-left: 10px;
        display: inline-block
    }

    .guest__login .guest__login--button:hover {
        box-shadow: 0 6px 12px 0 rgba(79, 204, 233, .4)
    }

    .guest__login .guest__login--button:focus {
        outline: none
    }

    .guest__login .guest__login--cancel {
        font-size: 14px;
        font-weight: 500;
        text-align: center;
        height: 44px;
        padding: 11px 16px;
        background-color: transparent;
        color: #232933;
        width: 90px;
        border-radius: 10px;
        border: 1px solid #919499;
        cursor: pointer;
        display: inline-block
    }

    .guest__login .guest__login--cancel:hover {
        background-color: rgba(145, 148, 153, .05)
    }

    .guest__login .guest__login--cancel:focus {
        outline: none
    }
}

.pagination {
    display: block;
    margin: 20px auto 0;
    border-top: 1px solid #e0e0e2
}

.pagination .paginationjs-page {
    display: inline-block
}

.pagination ul {
    display: flex;
    justify-content: center;
    margin-top: 20px
}

.pagination ul li {
    width: 30px;
    height: 30px;
    margin-left: 15px;
    border-radius: 10px;
    border: none
}

.pagination .paginationjs-page {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #81858b
}

.pagination .paginationjs-page a, .paginationjs {
    color: #81858b;
    font-size: 16px;
    font-weight: 400
}

.pagination ul .active {
    background-color: #4fcce9;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 400
}

.pagination ul .active a {
    color: #fff !important
}

.paginationjs-ellipsis {
    list-style: none
}

.paginationjs-next {
    list-style: none;
    cursor: pointer
}

.paginationjs-next:after {
    content: "";
    background-image: url(/images/icons/arrow-left.svg);
    background-repeat: no-repeat;
    width: 23px;
    height: 23px;
    display: inline-block;
    list-style: none;
    margin-right: 10px
}

.paginationjs-next a {
    display: none;
    list-style: none
}

.paginationjs-prev {
    list-style: none;
    cursor: pointer
}

.paginationjs-prev:after {
    content: "";
    background-image: url(/images/icons/arrow-right.svg);
    background-repeat: no-repeat;
    width: 23px;
    height: 23px;
    display: inline-block;
    list-style: none;
    margin-left: 30px
}

.paginationjs-prev a {
    display: none;
    list-style: none
}

.paginationjs-prev.disabled {
    opacity: 1%
}

.template__page--header {
    margin-bottom: 40px
}

.template__page--header .template__page--title {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.25;
    color: #424750
}

.template__page--header .template__page--description {
    font-size: 16px;
    font-weight: 400;
    text-align: right;
    color: #424750;
    margin-top: 30px
}

.template__page--container {
    max-width: 1440px;
    margin: 0 auto
}

.toolbar {
    margin-bottom: 30px
}

.toolbar, .toolbar .summery {
    display: flex;
    align-items: center
}

.toolbar .summery {
    justify-content: flex-end
}

.toolbar .summery .summery__count {
    border-left: 1px solid #e0e0e2;
    padding: 0 9px;
    margin-left: 10px;
    height: 22px
}

.toolbar .toolbar--count--unit {
    font-size: 14px;
    font-weight: 400;
    margin-right: 5px
}

.toolbar .toolbar--count {
    font-size: 14px;
    font-weight: 700
}

.toolbar .toolbar--favourite {
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    height: 44px;
    padding: 11px 16px;
    background-color: #4fcce9;
    color: #fff;
    width: 213px;
    border-radius: 10px;
    border: 1px solid transparent;
    cursor: pointer;
    float: left;
    margin-right: 20px
}

.toolbar .toolbar--favourite:hover {
    box-shadow: 0 6px 12px 0 rgba(79, 204, 233, .4)
}

.toolbar .toolbar--favourite:focus {
    outline: none
}

.toolbar .toolbar--favourite .toolbar--favourite--qty {
    padding-right: 15px
}

.sidebar--search__container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%
}

.sidebar--search {
    width: 78%;
    height: 44px;
    border-radius: 10px;
    border: 1px solid #e0e0e2;
    padding: 8px 15px;
    color: #81858b;
    font-size: 14px;
    font-weight: 400;
    background-color: transparent
}

.sidebar--search::-moz-placeholder {
    font-size: 13px
}

.sidebar--search:-ms-input-placeholder {
    font-size: 13px
}

.sidebar--search::placeholder {
    font-size: 13px
}

.sidebar--search__button {
    height: 44px;
    width: 44px;
    background-color: #4fcce9;
    border: 1px solid #4fcce9;
    border-radius: 10px;
    background-image: url(/images/search-white.svg?61df1be5a654d2733be9bd678a0c5d1e);
    background-size: auto;
    background-repeat: no-repeat;
    background-position: 50%;
    background-origin: content-box;
    cursor: pointer
}

.sidebar .sidebar__customerdetails {
    padding: 20px;
    border: 1px solid #e0e0e2;
    border-radius: 10px;
    margin-bottom: 20px
}

.sidebar .sidebar__customerdetails .sidebar__customerdetails--title {
    font-size: 14px;
    font-weight: 700;
    color: #424750;
    margin-bottom: 20px
}

.sidebar .sidebar__customerdetails .sidebar__customerdetails--description {
    font-size: 14px;
    font-weight: 400
}

.sidebar .sidebar__customerdetails .sidebar__customerdetails--button {
    display: block;
    margin-top: 20px;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    height: 44px;
    padding: 11px 16px;
    background-color: #4fcce9;
    color: #fff;
    width: 100%;
    border-radius: 10px;
    border: 1px solid transparent;
    cursor: pointer
}

.sidebar .sidebar__customerdetails .sidebar__customerdetails--button:hover {
    box-shadow: 0 6px 12px 0 rgba(79, 204, 233, .4)
}

.sidebar .sidebar__customerdetails .sidebar__customerdetails--button:focus {
    outline: none
}

.sidebar .sidebar__filters {
    padding: 8px 20px;
    border: 1px solid #e0e0e2;
    border-radius: 10px;
    margin-bottom: 20px;
}

.sidebar .sidebar__filters .sidebar__filters--section {
    box-shadow: none
}

.sidebar .sidebar__filters .sidebar__filters--section .MuiAccordionSummary-root.Mui-expanded {
    min-height: 48px !important;
    font-size: 13px;
    font-weight: 700;
    text-align: right;
    color: #424750;
    padding: 0;
    margin-top: 0;
    background-image: url(/images/icons/select-dropdown-up.svg);
    background-repeat: no-repeat;
    background-position-x: left;
    background-position-y: center;
    background-size: 15px
}

.sidebar .sidebar__filters .sidebar__filters--section--sub {
    margin-top: -10px;
    padding-right: 15px
}

.sidebar .sidebar__filters .sidebar__filters--section--sub:before {
    height: 0
}

.sidebar .sidebar__filters .sidebar__filters--section--sub .MuiAccordionSummary-root.Mui-expanded {
    min-height: 48px !important;
    font-size: 13px;
    font-weight: 700;
    text-align: right;
    color: #424750;
    padding: 0;
    background-image: url(/images/icons/minus.svg);
    background-repeat: no-repeat;
    background-position-x: left;
    background-position-y: center;
    background-size: 15px;
    margin-top: -8px
}

.sidebar .sidebar__filters .sidebar__filters--title {
    font-size: 14px;
    font-weight: 700;
    text-align: right;
    color: #424750;
    padding: 0;
    margin-top: 0;
    background-image: url(/images/select-dropdown.svg);
    background-repeat: no-repeat;
    background-position-x: left;
    background-position-y: center
}

.sidebar .sidebar__filters .sidebar__filters__colors-list {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap
}

.sidebar .sidebar__filters .sidebar__filters--title--sub {
    font-size: 13px;
    font-weight: 700;
    text-align: right;
    color: #424750;
    padding: 0;
    margin-top: 0;
    background-image: url(/images/icons/plus.svg);
    background-repeat: no-repeat;
    background-position-x: left;
    background-position-y: center;
    background-size: 15px
}

.sidebar .sidebar__filters .sidebar__filters--values {
    width: 100%;
    margin-bottom: 15px;
    display: flex;
    align-items: center
}

.sidebar .sidebar__filters .sidebar__filters--values .sidebar__filters--radio {
    display: block;
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.sidebar .sidebar__filters .sidebar__filters--values .sidebar__filters--radio .sidebar__filters--radio--label {
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 0;
    color: #424750;
    margin-right: 28px
}

.sidebar .sidebar__filters .sidebar__filters--values .sidebar__filters--radio--disable {
    opacity: .3
}

.sidebar .sidebar__filters .sidebar__filters--values .sidebar__filters--color {
    display: block;
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-bottom: 30px
}

.sidebar .sidebar__filters .sidebar__filters--values .sidebar__filters--color .sidebar__filters--color--label {
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 0;
    color: #424750;
    margin-right: 28px
}

.sidebar .sidebar__filters .sidebar__filters--values .sidebar__filters--select {
    display: block;
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%
}

.sidebar .sidebar__filters .sidebar__filters--values .sidebar__filters--select .sidebar__filters--select--label {
    font-size: 13px;
    font-weight: 400;
    margin-bottom: 0;
    color: #424750;
    margin-right: 28px
}

.sidebar .sidebar__filters .sidebar__filters--values .sidebar__filters--select .sidebar__filters--select--label--sub {
    font-size: 13px
}

.sidebar .sidebar__filters .sidebar__filters--values .sidebar__filters--select--disable {
    opacity: .3
}

.sidebar .sidebar__filters .sidebar__filters--values .sidebar__filters--radio--input {
    position: absolute;
    top: 0;
    right: 0;
    height: 19px;
    width: 19px;
    background-color: #fff;
    border-radius: 50%;
    border: 1px solid #dedede
}

.sidebar .sidebar__filters .sidebar__filters--values .sidebar__filters--radio input:checked ~ .sidebar__filters--radio--input {
    background-color: #fff
}

.sidebar .sidebar__filters .sidebar__filters--values .sidebar__filters--radio--input:after {
    content: "";
    position: absolute;
    display: none
}

.sidebar .sidebar__filters .sidebar__filters--values .sidebar__filters--radio input:checked ~ .sidebar__filters--radio--input:after {
    display: block
}

.sidebar .sidebar__filters .sidebar__filters--values .sidebar__filters--radio .sidebar__filters--radio--input:after {
    top: 3px;
    left: 3px;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background: #4fcce9
}

.sidebar .sidebar__filters .sidebar__filters--values .sidebar__filters--color--input {
    position: absolute;
    top: 0;
    right: 0;
    height: 26px;
    width: 26px;
    background-color: #fff;
    border-radius: 50%;
    border: 1px solid #dedede
}

.sidebar .sidebar__filters .sidebar__filters--values .sidebar__filters--color input:checked ~ .sidebar__filters--color--input {
    background-color: #fff
}

.sidebar .sidebar__filters .sidebar__filters--values .sidebar__filters--color--input:after {
    content: "";
    position: absolute;
    display: none
}

.sidebar .sidebar__filters .sidebar__filters--values .sidebar__filters--color input:checked ~ .sidebar__filters--color--input:after {
    display: block
}

.sidebar .sidebar__filters .sidebar__filters--values .sidebar__filters--color .sidebar__filters--color--input:after {
    top: -2px;
    left: -2px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: transparent;
    border: 4px solid #dedede;
    box-sizing: content-box
}

.sidebar .sidebar__filters .sidebar__filters--values .sidebar__filters--select--input {
    position: absolute;
    top: 0;
    right: 0;
    height: 19px;
    width: 19px;
    background-color: #fff;
    border-radius: 4px;
    border: 1px solid #dedede
}

.sidebar .sidebar__filters .sidebar__filters--values .sidebar__filters--select input:checked ~ .sidebar__filters--select--input {
    background-color: #4fcce9
}

.sidebar .sidebar__filters .sidebar__filters--values .sidebar__filters--select--input:after {
    content: "";
    position: absolute;
    display: none
}

.sidebar .sidebar__filters .sidebar__filters--values .sidebar__filters--select input:checked ~ .sidebar__filters--select--input:after {
    display: block
}

.sidebar .sidebar__filters .sidebar__filters--values .sidebar__filters--select .sidebar__filters--select--input:after {
    left: 7px;
    top: 3px;
    width: 5px;
    height: 10px;
    border: solid #fff;
    border-width: 0 3px 3px 0;
    transform: rotate(45deg)
}

.sidebar .sidebar__filters .sidebar__filters--values input[type=checkbox], .sidebar .sidebar__filters .sidebar__filters--values input[type=radio] {
    display: none
}

.sidebar .sidebar__filters .color-values {
    width: 35px
}

.sidebar .sidebar__filters .sidebar__filters--select--value {
    position: absolute;
    left: 0;
    font-size: 12px;
    font-weight: 400;
    color: #a1a3a8
}

.sidebar .MuiAccordionSummary-content.Mui-expanded {
    margin: 0
}

.sidebar .MuiAccordionDetails-root {
    padding: 0;
    display: block
}

.sidebar .MuiAccordion-root:before {
    opacity: 1 !important
}

.sidebar .MuiAccordion-root.Mui-expanded {
    margin: 0
}

#template-page .MuiPagination-root {
    width: 75%;
    float: left;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 50px 0;
    padding: 0 15px 50px;
    border-bottom: 1px solid #e0e0e2
}

#template-page .MuiPaginationItem-root {
    font-size: 16px;
    font-weight: 400;
    color: #81858b;
}

#template-page .MuiPaginationItem-root:hover {
    color: #424750;
    background-color: transparent
}

#template-page .MuiPaginationItem-page.Mui-selected {
    border-radius: 10px;
    background-color: #4fcce9;
    color: #fff
}

#template-page .MuiPaginationItem-page {
    transition: none
}

#template-page .MuiPaginationItem-icon {
    background-image: url(/images/icons/arrow-left.svg);
    background-repeat: no-repeat;
    width: 23px;
    height: 23px;
    display: inline-block;
    list-style: none;
    margin-right: 10px;
    color: transparent
}

#template-page .MuiPagination-ul li {
    margin-left: 10px
}

#template-page .MuiPagination-ul li:first-child {
    transform: rotate(180deg)
}

#template-page .MuiPagination-ul li:last-child {
    margin-left: 0
}

.loading__step {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 10000
}

.loading__step, .loading__step .section__loader {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    top: 0;
    left: 0
}

.loading__step .section__loader {
    right: 0;
    bottom: 0;
    flex-flow: column
}

.productscontainer {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    min-height: 300px
}

.productscontainer .productscontainer__upload {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='100%25' height='100%25' fill='none' rx='10' ry='10' stroke='%23E0E0E2FF' stroke-width='4' stroke-dasharray='13' stroke-dashoffset='72' stroke-linecap='square'/%3E%3C/svg%3E");
    border-radius: 10px;
    width: 265px;
    height: 360px;
    margin-bottom: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    flex-flow: column;
    cursor: pointer
}

.productscontainer .productscontainer__upload img {
    margin-bottom: 30px
}

.productscontainer .productscontainer__upload .productscontainer__upload--title {
    font-size: 16px;
    font-weight: 400;
    color: #81858b;
    height: 28px;
    margin-bottom: 20px
}

.productscontainer .productscontainer__upload .productscontainer__upload--action {
    font-size: 16px;
    font-weight: 700;
    color: #424750;
    height: 25px
}

.productscontainer .productscontainer__item {
    border-radius: 10px;
    width: 265px;
    height: 360px;
    margin-bottom: 20px;
    border: 1px solid #f0f0f1;
    position: relative
}

.productscontainer .productscontainer__item .prodcutscontainer__like {
    background-image: url(/images/heart.svg?be1a57bea787ec1cd0d671b7bec2e561)
}

.productscontainer .productscontainer__item .prodcutscontainer__like, .productscontainer .productscontainer__item .prodcutscontainer__like--filled {
    position: absolute;
    padding: 6px;
    border-radius: 10px;
    background-color: rgba(66, 71, 80, .06274509803921569);
    width: 36px;
    height: 36px;
    background-size: 24px;
    top: 15px;
    right: 15px;
    background-position: 50%;
    background-repeat: no-repeat;
    cursor: pointer
}

.productscontainer .productscontainer__item .prodcutscontainer__like--filled {
    background-image: url(/images/heart-red.svg?bf2dd8b7925ccd7c875a60481fb73d8f)
}

.productscontainer .productscontainer__item .prodcutscontainer__previous {
    position: absolute;
    top: 15px;
    left: 15px;
    background-color: rgba(66, 71, 80, .06274509803921569);
    padding: 10px 21px;
    font-size: 12px;
    font-weight: 500;
    border-radius: 10px;
    cursor: pointer
}

.productscontainer .productscontainer__item .productscontainer__item--top {
    height: 295px;
    background-color: #f5f7fa;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 15px;
    cursor: pointer
}

.productscontainer .productscontainer__item .productscontainer__item--top img {
    box-shadow: 0 6px 20px 4px rgba(66, 71, 80, .1);
    max-width: 215px;
    max-height: 215px
}

.productscontainer .productscontainer__item .productscontainer__item--code {
    font-size: 14px;
    font-weight: 400;
    color: #424750;
    bottom: 80px;
    right: 15px;
    position: absolute
}

.productscontainer .productscontainer__item .productscontainer__item--bottom {
    padding: 20px;
    text-align: left
}

.productscontainer .productscontainer__item .productscontainer__item--bottom .productscontainer__item--colors--more {
    font-size: 16px;
    font-weight: 500;
    color: #4fcce9;
    position: absolute;
    right: 60px;
    bottom: 15px;
    cursor: pointer
}

.productscontainer .productscontainer__item .productscontainer__item--bottom .productscontainer__item--colors {
    display: flex;
    justify-content: flex-end
}

.productscontainer .productscontainer__item .productscontainer__item--bottom .productscontainer__item--colors .productscontainer__item--colors--item {
    width: 24px;
    height: 24px;
    display: inline-block;
    border-radius: 90px;
    margin-right: 7px;
    border: 1px solid #fff;
    box-sizing: content-box;
    cursor: pointer
}

.productscontainer .productscontainer__item .productscontainer__item--bottom .productscontainer__item--colors .productscontainer__item--colors--item--select {
    border: 1px solid #fff;
    box-shadow: 0 0 0 3px rgba(154, 155, 156, .29)
}

.custom__template label {
    font-size: 14px;
    font-weight: 400;
    color: #424750;
    margin-bottom: 5px
}

.custom__template input {
    border: 1px solid #e0e0e2;
    height: 46px;
    padding: 9px 15px;
    border-radius: 10px;
    width: 100%;
    margin-bottom: 30px
}

.custom__template input::-moz-placeholder {
    color: #a1a3a8;
    font-size: 14px
}

.custom__template input:-ms-input-placeholder {
    color: #a1a3a8;
    font-size: 14px
}

.custom__template input::placeholder {
    color: #a1a3a8;
    font-size: 14px
}

.custom__template .custom__template--submit {
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    height: 44px;
    padding: 11px 16px;
    background-color: #4fcce9;
    color: #fff;
    width: 100%;
    border-radius: 10px;
    border: 1px solid transparent;
    cursor: pointer;
    display: block
}

.custom__template .custom__template--submit:hover {
    box-shadow: 0 6px 12px 0 rgba(79, 204, 233, .4)
}

.custom__template .custom__template--submit:focus {
    outline: none
}

.template-page-modals .modal__container {
    width: 440px
}

.product__modal {
    width: 800px !important;
    height: 554px !important
}

.product__modal .product__modal--details {
    height: 390px;
    position: relative
}

.product__modal .product__modal--name {
    margin-top: 30px;
    margin-bottom: 30px
}

.product__modal .product__modal--name .product__modal--name--title {
    font-size: 16px;
    font-weight: 400;
    text-align: right;
    color: #81858b;
    display: block;
    margin-bottom: 10px
}

.product__modal .product__modal--name .product__modal--name--value {
    font-size: 16px;
    font-weight: 700;
    color: #424750;
    display: block
}

.product__modal .product__modal--price {
    padding-bottom: 30px;
    border-bottom: 1px solid #e0e0e2;
    margin-bottom: 30px
}

.product__modal .product__modal--price .product__modal--price--title {
    font-size: 16px;
    font-weight: 400;
    text-align: right;
    color: #81858b;
    margin-bottom: 10px;
    display: block
}

.product__modal .product__modal--price .product__modal--price--qty {
    font-size: 16px;
    font-weight: 700;
    color: #424750
}

.product__modal .product__modal--price .product__modal--price--price {
    font-size: 22px;
    font-weight: 700;
    color: #424750
}

.product__modal .product__modal--price .product__modal--price--currency {
    font-size: 16px;
    font-weight: 400;
    color: #424750
}

.product__modal .product__modal--colors {
    margin-bottom: 70px
}

.product__modal .product__modal--colors .product__modal--colors--title {
    font-size: 16px;
    font-weight: 700;
    text-align: right;
    color: #424750;
    display: block;
    margin-bottom: 10px
}

.product__modal .product__modal--colors .product__modal--colors--values {
    display: flex;
    justify-content: flex-start
}

.product__modal .product__modal--colors .product__modal--colors--values .product__modal--colors--value {
    width: 24px;
    height: 24px;
    display: inline-block;
    border-radius: 90px;
    margin-right: 7px;
    border: 4px solid #fff;
    box-sizing: content-box
}

.product__modal .product__modal--colors .product__modal--colors--values .product__modal--colors--value--select {
    border: 4px solid #fff;
    box-shadow: 0 0 6px 0 rgba(66, 71, 80, .3)
}

.product__modal .product__modal--start {
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    height: 44px;
    padding: 11px 16px;
    background-color: #4fcce9;
    color: #fff;
    width: 100%;
    border-radius: 10px;
    border: 1px solid transparent;
    cursor: pointer;
    position: absolute;
    bottom: 0
}

.product__modal .product__modal--start:hover {
    box-shadow: 0 6px 12px 0 rgba(79, 204, 233, .4)
}

.product__modal .product__modal--start:focus {
    outline: none
}

.product__modal .product__modal--image {
    margin-top: 30px;
    background-color: #f5f7fa;
    height: 390px;
    display: flex;
    justify-content: center;
    align-items: center
}

.product__modal .product__modal--image img {
    max-width: 215px;
    max-height: 284px
}

.template__page--options {
    width: 75%;
    float: left;
    text-align: center
}

.template__page--options .options__ps {
    margin-bottom: 100px
}

.template__page--options .options__title {
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.75;
    color: #424750
}

.template__page--options .options__items {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 50px;
    margin-bottom: 50px
}

.template__page--options .options__item--option {
    display: flex;
    width: 407px;
    justify-content: space-between;
    align-items: center;
    padding: 33px 30px;
    border: 1px solid #e0e0e2;
    border-radius: 10px;
    cursor: pointer
}

.template__page--options .options__item--option:hover {
    border: 1px solid transparent;
    box-shadow: 0 6px 20px 4px rgba(66, 71, 80, .1)
}

.template__page--options .options__item--option .options__item--option--icon {
    margin-left: 35px;
    height: 72px;
    width: 72px
}

.template__page--options .options__item--option .options__item--content {
    display: flex;
    flex-wrap: wrap
}

.template__page--options .options__item--option .options__item--content .options__item--content--title {
    font-size: 14px;
    font-weight: 700;
    color: #424750;
    margin-bottom: 10px
}

.template__page--options .options__item--option .options__item--content .options__item--content--description {
    font-size: 14px;
    font-weight: 400;
    text-align: right;
    color: #81858b;
    margin-bottom: 0
}

.items__dropdown {
    width: 170px;
    display: flex;
    align-items: center
}

.items__dropdown .items__dropdown--title {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.43;
    text-align: right;
    color: #424750;
    margin-left: 10px;
    width: 100%
}

.items__dropdown select {
    width: auto;
    padding-top: 14px;
    padding-left: 30px
}

.items__dropdown .edd-root {
    width: 80px
}

.items__dropdown .edd-root .edd-head {
    width: 80px;
    background-position: 18% 50%
}

.items__dropdown .edd-root .edd-head .edd-value {
    display: flex;
    vertical-align: middle;
    justify-content: flex-start;
    align-items: center;
    margin-top: 4px
}

.items__dropdown .edd-root .edd-body {
    width: 80px
}

.templates__loading--error {
    text-align: center;
    background-color: rgba(239, 86, 97, .08235294117647059);
    height: 46px;
    border-radius: 10px;
    color: #ef5661;
    font-weight: 400;
    margin-bottom: 50px;
    margin-top: 50px
}

.product__container--no-result, .templates__loading--error {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px
}

.product__container--no-result {
    border: 1px solid #e0e0e2;
    border-radius: 10px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.56;
    letter-spacing: normal;
    text-align: right;
    color: #424750;
    width: 100%;
    flex-flow: column;
    height: 166px
}

.product__container--no-result img {
    margin-bottom: 20px
}

@media only screen and (max-width: 1200px) {
    .breadcrumb {
        padding: 25px 40px
    }

    .template__page--header {
        margin-bottom: 24px
    }

    .template__page--header .template__page--title {
        font-size: 24px;
        line-height: 1.25;
        color: #424750;
        font-size: 16px;
        font-weight: 700
    }

    .template__page--header .template__page--description {
        font-size: 14px;
        font-weight: 400
    }

    .template__page--options {
        width: 100%
    }

    .template__page--options .options__title {
        font-size: 14px;
        font-weight: 400;
        border-top: 1px solid #e0e0e2;
        padding-top: 30px
    }

    .template__page--options .options__items {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-top: 24px;
        margin-bottom: 48px;
        flex-wrap: wrap
    }

    .template__page--options .options__item--option {
        padding: 16px;
        margin-bottom: 20px
    }

    .template__page--options .options__item--option:hover {
        border: 1px solid #e0e0e2;
        box-shadow: none
    }

    .template__page--options .options__item--option .options__item--option--icon {
        margin-left: 16px;
        height: 51px;
        width: 51px
    }

    .template__page--options .options__item--option .options__item--content .options__item--content--title {
        font-size: 12px;
        margin-bottom: 8px
    }

    .template__page--options .options__item--option .options__item--content .options__item--content--description {
        font-size: 11px
    }

    .productscontainer {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between
    }

    .productscontainer .productscontainer__upload {
        width: 48%;
        height: 218px
    }

    .productscontainer .productscontainer__upload img {
        margin-bottom: 16px;
        width: 50px;
        height: 50px
    }

    .productscontainer .productscontainer__upload .productscontainer__upload--title {
        font-size: 10px;
        height: 16px;
        margin-bottom: 8px
    }

    .productscontainer .productscontainer__upload .productscontainer__upload--action {
        font-size: 12px;
        height: 18px
    }

    .productscontainer .productscontainer__item {
        width: 48%;
        height: 218px
    }

    .productscontainer .productscontainer__item .prodcutscontainer__like, .productscontainer .productscontainer__item .prodcutscontainer__like--filled {
        padding: 5px;
        width: 24px;
        height: 24px;
        background-size: 17px;
        top: 8px;
        right: 8px;
        border-radius: 6px
    }

    .productscontainer .productscontainer__item .prodcutscontainer__previous {
        top: 8px;
        left: 8px;
        padding: 7px 8px;
        font-size: 8px;
        border-radius: 6px
    }

    .productscontainer .productscontainer__item .productscontainer__item--top {
        height: 178px
    }

    .productscontainer .productscontainer__item .productscontainer__item--top img {
        max-width: 130px;
        max-height: 130px
    }

    .productscontainer .productscontainer__item .productscontainer__item--code {
        font-size: 9px;
        bottom: 48px;
        right: 8px
    }

    .productscontainer .productscontainer__item .productscontainer__item--bottom {
        padding: 10px
    }

    .productscontainer .productscontainer__item .productscontainer__item--bottom .productscontainer__item--colors--more {
        font-size: 11px;
        font-weight: 500;
        right: 10px;
        bottom: 10px;
        width: 20px
    }

    .productscontainer .productscontainer__item .productscontainer__item--bottom .productscontainer__item--colors .productscontainer__item--colors--item {
        width: 20px;
        height: 20px;
        margin-right: 10px;
        border: 2px solid #fff;
        box-sizing: border-box
    }

    .productscontainer .productscontainer__item .productscontainer__item--bottom .productscontainer__item--colors .productscontainer__item--colors--item--select {
        border: 3px solid #fff
    }

    .responsive__sidebar {
        display: block;
        margin-bottom: 32px;
        display: flex;
        justify-content: space-between;
        align-items: center
    }

    .responsive__sidebar .responsive__sidebar--button {
        font-size: 14px;
        text-align: center;
        height: 44px;
        padding: 11px 16px;
        background-color: #4fcce9;
        color: #fff;
        width: 48%;
        border-radius: 10px;
        border: 1px solid transparent;
        cursor: pointer;
        font-size: 12px;
        font-weight: 500;
        display: flex;
        align-items: center;
        justify-content: space-between
    }

    .responsive__sidebar .responsive__sidebar--button:hover {
        box-shadow: 0 6px 12px 0 rgba(79, 204, 233, .4)
    }

    .responsive__sidebar .responsive__sidebar--button:focus {
        outline: none
    }

    .sidebar--search {
        width: 80%
    }

    .sidebar--search__container {
        margin-bottom: 16px
    }

    .sidebar__filters {
        border-radius: 10px !important;
        border: 1px solid #e0e0e2 !important
    }

    .MuiAccordion-rounded:first-child {
        border-top-left-radius: 10px !important;
        border-top-right-radius: 10px !important
    }

    .MuiAccordion-rounded, .MuiButtonBase-root {
        border-radius: 10px !important
    }

    .MuiPaper-elevation1 {
        box-shadow: none !important
    }

    #template-page .MuiPagination-root {
        width: 100%;
        margin: 32px 0;
        padding: 0 15px 36px
    }

    #template-page .MuiPaginationItem-root {
        font-weight: 700
    }

    #template-page .MuiPaginationItem-icon {
        width: 20px;
        height: 20px
    }

    .product__modal {
        width: 800px !important;
        height: auto !important;
        margin-bottom: 15px !important
    }

    .product__modal .product__modal--details {
        height: 240px;
        position: relative
    }

    .product__modal .product__modal--name {
        margin-top: 24px;
        margin-bottom: 8px;
        display: flex;
        justify-content: space-between
    }

    .product__modal .product__modal--name .product__modal--name--title {
        font-size: 14px;
        margin-bottom: 0
    }

    .product__modal .product__modal--name .product__modal--name--value {
        font-size: 14px;
        font-weight: 700
    }

    .product__modal .product__modal--price {
        padding-bottom: 24px;
        border-bottom: 1px solid #e0e0e2;
        margin-bottom: 8px;
        display: flex;
        justify-content: space-between
    }

    .product__modal .product__modal--price .product__modal--price--title {
        font-size: 14px;
        margin-bottom: 0
    }

    .product__modal .product__modal--price .product__modal--price--qty {
        font-size: 14px
    }

    .product__modal .product__modal--price .product__modal--price--price {
        font-size: 16px
    }

    .product__modal .product__modal--price .product__modal--price--currency {
        font-size: 14px
    }

    .product__modal .product__modal--colors {
        margin-bottom: 24px;
        margin-top: 14px
    }

    .product__modal .product__modal--colors .product__modal--colors--title {
        font-size: 14px;
        margin-bottom: 8px
    }

    .product__modal .product__modal--colors .product__modal--colors--values .product__modal--colors--value {
        width: 20px;
        height: 20px;
        border: 3px solid #fff;
        box-sizing: content-box
    }

    .product__modal .product__modal--colors .product__modal--colors--values .product__modal--colors--value:first-child {
        margin-right: 0
    }

    .product__modal .product__modal--colors .product__modal--colors--values .product__modal--colors--value--select {
        border: 3px solid #fff
    }

    .product__modal .product__modal--start {
        font-size: 14px;
        font-weight: 500;
        text-align: center;
        height: 44px;
        padding: 11px 16px;
        background-color: #4fcce9;
        color: #fff;
        width: 100%;
        border-radius: 10px;
        border: 1px solid transparent;
        cursor: pointer;
        position: absolute;
        bottom: 0
    }

    .product__modal .product__modal--start:hover {
        box-shadow: 0 6px 12px 0 rgba(79, 204, 233, .4)
    }

    .product__modal .product__modal--start:focus {
        outline: none
    }

    .product__modal .product__modal--image {
        margin-top: 15px;
        height: 390px;
        display: flex;
        justify-content: center;
        align-items: center
    }

    .product__modal .product__modal--image img {
        max-width: 215px;
        max-height: 284px
    }

    .filterlist__container {
        display: flex;
        flex-flow: wrap;
        border-top: 1px solid #e0e0e2;
        border-bottom: 1px solid #e0e0e2;
        padding: 8px 0;
        margin-top: -17px;
        margin-bottom: 15px
    }

    .filterlist__container .filterlist__container--item {
        border: 1px solid #e0e0e2;
        padding: 4px 8px;
        border-radius: 15px;
        margin-left: 8px;
        margin-bottom: 8px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content
    }

    .filterlist__container .filterlist__container--item .filterlist__container--name {
        font-size: 12px;
        font-weight: 400;
        text-align: right;
        color: #424750
    }

    .filterlist__container .filterlist__container--item .filterlist__item--image {
        margin-right: 8px;
        height: 10px;
        width: 10px
    }

    .toolbar {
        align-items: start
    }
}

@media only screen and (max-width: 992px) {
    .breadcrumb {
        padding: 40px 15px 10px 0
    }

    .template__page--header {
        margin-bottom: 24px
    }

    .template__page--header .template__page--title {
        font-size: 24px;
        line-height: 1.25;
        color: #424750;
        font-size: 16px;
        font-weight: 700
    }

    .template__page--header .template__page--description {
        font-size: 14px;
        font-weight: 400
    }

    .template__page--options {
        width: 100%
    }

    .template__page--options .options__title {
        font-size: 14px;
        font-weight: 400;
        border-top: 1px solid #e0e0e2;
        padding-top: 30px
    }

    .template__page--options .options__items {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-top: 24px;
        margin-bottom: 48px;
        flex-wrap: wrap
    }

    .template__page--options .options__item--option {
        padding: 16px;
        margin-bottom: 20px
    }

    .template__page--options .options__item--option:hover {
        border: 1px solid #e0e0e2;
        box-shadow: none
    }

    .template__page--options .options__item--option .options__item--option--icon {
        margin-left: 16px;
        height: 51px;
        width: 51px
    }

    .template__page--options .options__item--option .options__item--content .options__item--content--title {
        font-size: 12px;
        margin-bottom: 8px
    }

    .template__page--options .options__item--option .options__item--content .options__item--content--description {
        font-size: 11px
    }

    .productscontainer {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between
    }

    .productscontainer .productscontainer__upload {
        width: 48%;
        height: 218px
    }

    .productscontainer .productscontainer__upload img {
        margin-bottom: 16px;
        width: 50px;
        height: 50px
    }

    .productscontainer .productscontainer__upload .productscontainer__upload--title {
        font-size: 10px;
        height: 16px;
        margin-bottom: 8px
    }

    .productscontainer .productscontainer__upload .productscontainer__upload--action {
        font-size: 12px;
        height: 18px
    }

    .productscontainer .productscontainer__item {
        width: 48%;
        height: 218px
    }

    .productscontainer .productscontainer__item .prodcutscontainer__like, .productscontainer .productscontainer__item .prodcutscontainer__like--filled {
        padding: 5px;
        width: 24px;
        height: 24px;
        background-size: 17px;
        top: 8px;
        right: 8px;
        border-radius: 6px
    }

    .productscontainer .productscontainer__item .prodcutscontainer__previous {
        top: 8px;
        left: 8px;
        padding: 7px 8px;
        font-size: 8px;
        border-radius: 6px
    }

    .productscontainer .productscontainer__item .productscontainer__item--top {
        height: 178px
    }

    .productscontainer .productscontainer__item .productscontainer__item--top img {
        max-width: 130px;
        max-height: 130px
    }

    .productscontainer .productscontainer__item .productscontainer__item--code {
        font-size: 9px;
        bottom: 48px;
        right: 8px
    }

    .productscontainer .productscontainer__item .productscontainer__item--bottom {
        padding: 10px
    }

    .productscontainer .productscontainer__item .productscontainer__item--bottom .productscontainer__item--colors--more {
        font-size: 11px;
        font-weight: 500;
        right: 10px;
        bottom: 10px;
        width: 20px
    }

    .productscontainer .productscontainer__item .productscontainer__item--bottom .productscontainer__item--colors .productscontainer__item--colors--item {
        width: 20px;
        height: 20px;
        margin-right: 10px;
        border: 2px solid #fff;
        box-sizing: border-box
    }

    .productscontainer .productscontainer__item .productscontainer__item--bottom .productscontainer__item--colors .productscontainer__item--colors--item--select {
        border: 3px solid #fff
    }

    .responsive__sidebar {
        display: block;
        margin-bottom: 32px;
        display: flex;
        justify-content: space-between;
        align-items: center
    }

    .responsive__sidebar .responsive__sidebar--button {
        font-size: 14px;
        text-align: center;
        height: 44px;
        padding: 11px 16px;
        background-color: #4fcce9;
        color: #fff;
        width: 48%;
        border-radius: 10px;
        border: 1px solid transparent;
        cursor: pointer;
        font-size: 12px;
        font-weight: 500;
        display: flex;
        align-items: center;
        justify-content: space-between
    }

    .responsive__sidebar .responsive__sidebar--button:hover {
        box-shadow: 0 6px 12px 0 rgba(79, 204, 233, .4)
    }

    .responsive__sidebar .responsive__sidebar--button:focus {
        outline: none
    }

    .sidebar--search {
        width: 85%
    }

    .sidebar--search__container {
        margin-bottom: 16px
    }

    .filter__modal {
        position: fixed;
        display: flex
    }

    .filter__modal, .modal__container--filter {
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: #fff;
        justify-content: center;
        align-items: center;
        z-index: 9000;
        padding: 0
    }

    .modal__container--filter {
        height: 100%;
        box-shadow: none
    }

    .modal__header--filter {
        box-shadow: 0 2px 10px 0 rgba(66, 71, 80, .08);
        border-bottom: 1px solid #e0e0e2;
        padding: 18px 24px
    }

    .modal__close--filter {
        top: 18px
    }

    .modal__submit--filter {
        position: sticky;
        bottom: 0;
        height: 60px;
        left: 0;
        width: 100%;
        padding: 16px;
        background-color: #4fcce9;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #fff;
        border: none
    }

    #mobile-filters {
        z-index: 9500
    }

    .sidebar__filters {
        border-radius: 10px !important;
        border: 1px solid #e0e0e2 !important
    }

    .MuiAccordion-rounded:first-child {
        border-top-left-radius: 10px !important;
        border-top-right-radius: 10px !important
    }

    .MuiAccordion-rounded, .MuiButtonBase-root {
        border-radius: 10px !important
    }

    .MuiPaper-elevation1 {
        box-shadow: none !important
    }

    #template-page .MuiPagination-root {
        width: 100%;
        margin: 32px 0;
        padding: 0 15px 36px
    }

    #template-page .MuiPaginationItem-root {
        font-weight: 700
    }

    #template-page .MuiPaginationItem-icon {
        width: 20px;
        height: 20px
    }

    .product__modal {
        width: 100% !important;
        height: 100% !important;
        margin-bottom: 15px !important
    }

    .product__modal .product__modal--details {
        height: 240px;
        position: relative
    }

    .product__modal .product__modal--name {
        margin-top: 24px;
        margin-bottom: 8px;
        display: flex;
        justify-content: space-between
    }

    .product__modal .product__modal--name .product__modal--name--title {
        font-size: 14px;
        margin-bottom: 0
    }

    .product__modal .product__modal--name .product__modal--name--value {
        font-size: 14px;
        font-weight: 700
    }

    .product__modal .product__modal--price {
        padding-bottom: 24px;
        border-bottom: 1px solid #e0e0e2;
        margin-bottom: 8px;
        display: flex;
        justify-content: space-between
    }

    .product__modal .product__modal--price .product__modal--price--title {
        font-size: 14px;
        margin-bottom: 0
    }

    .product__modal .product__modal--price .product__modal--price--qty {
        font-size: 14px
    }

    .product__modal .product__modal--price .product__modal--price--price {
        font-size: 16px
    }

    .product__modal .product__modal--price .product__modal--price--currency {
        font-size: 14px
    }

    .product__modal .product__modal--colors {
        margin-bottom: 24px;
        margin-top: 14px
    }

    .product__modal .product__modal--colors .product__modal--colors--title {
        font-size: 14px;
        margin-bottom: 8px
    }

    .product__modal .product__modal--colors .product__modal--colors--values .product__modal--colors--value {
        width: 20px;
        height: 20px;
        border: 3px solid #fff;
        box-sizing: content-box
    }

    .product__modal .product__modal--colors .product__modal--colors--values .product__modal--colors--value:first-child {
        margin-right: 0
    }

    .product__modal .product__modal--colors .product__modal--colors--values .product__modal--colors--value--select {
        border: 3px solid #fff
    }

    .product__modal .product__modal--start {
        font-size: 14px;
        font-weight: 500;
        text-align: center;
        height: 44px;
        padding: 11px 16px;
        background-color: #4fcce9;
        color: #fff;
        width: 100%;
        border-radius: 10px;
        border: 1px solid transparent;
        cursor: pointer;
        position: absolute;
        bottom: 0
    }

    .product__modal .product__modal--start:hover {
        box-shadow: 0 6px 12px 0 rgba(79, 204, 233, .4)
    }

    .product__modal .product__modal--start:focus {
        outline: none
    }

    .product__modal .product__modal--image {
        margin-top: 15px;
        height: 390px;
        display: flex;
        justify-content: center;
        align-items: center
    }

    .product__modal .product__modal--image img {
        max-width: 215px;
        max-height: 284px
    }

    .filterlist__container {
        display: flex;
        flex-flow: wrap;
        border-top: 1px solid #e0e0e2;
        border-bottom: 1px solid #e0e0e2;
        padding: 8px 0;
        margin-top: -17px;
        margin-bottom: 15px
    }

    .filterlist__container .filterlist__container--item {
        border: 1px solid #e0e0e2;
        padding: 4px 8px;
        border-radius: 15px;
        margin-left: 8px;
        margin-bottom: 8px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content
    }

    .filterlist__container .filterlist__container--item .filterlist__container--name {
        font-size: 12px;
        font-weight: 400;
        text-align: right;
        color: #424750
    }

    .filterlist__container .filterlist__container--item .filterlist__item--image {
        margin-right: 8px;
        height: 10px;
        width: 10px
    }

    #template-page .MuiPagination-root {
        padding: 0 0 36px
    }

    #template-page .MuiPaginationItem-root {
        font-size: 14px
    }
}

@media only screen and (max-width: 320px) {
    .sidebar--search {
        width: 80%
    }

    .responsive__sidebar .responsive__sidebar--button {
        padding: 11px 10px;
        font-size: 11px
    }

    .productscontainer .productscontainer__item .productscontainer__item--top img {
        max-width: 120px;
        max-height: 120px
    }

    .template__page--header .template__page--description {
        font-size: 13px
    }

    .filterlist__item--name {
        font-size: 11px
    }

    .sidebar--search {
        font-size: 12px
    }

    .sidebar--search::-moz-placeholder {
        font-size: 12px
    }

    .sidebar--search:-ms-input-placeholder {
        font-size: 12px
    }

    .sidebar--search::placeholder {
        font-size: 12px
    }

    .sidebar--search__button {
        background-size: 22px
    }

    .productscontainer .productscontainer__item .productscontainer__item--bottom .productscontainer__item--colors .productscontainer__item--colors--item {
        margin-right: 4px
    }

    #template-page .MuiPagination-ul li {
        margin-left: 0
    }
}

.od__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 40px;
    margin-top: 40px
}

.od__header .od__title .od__title--title {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.25;
    color: #424750;
    display: inline-block;
    margin-left: 30px
}

.od__header .od__title .od__title--description {
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.75;
    letter-spacing: normal;
    text-align: right;
    color: #424750;
    display: block;
    margin-top: 30px
}

.od__header .od__title .od__title--code {
    display: inline-block;
    font-size: 20px;
    line-height: 1.1;
    text-align: right;
    color: #a1a3a8
}

.od__header .od__actions .od__actions--back {
    color: #4fcce9;
    font-size: 14px;
    font-weight: 700;
    padding: 0 20px;
    border-left: 1px solid #e0e0e2;
    cursor: pointer
}

.od__header .od__actions .od__actions--back img {
    margin-right: 10px
}

.od__header .od__actions .od__actions--guid {
    font-size: 14px;
    font-weight: 700;
    color: #424750;
    margin-right: 20px;
    cursor: pointer
}

.od__toolbar {
    background-color: #fff;
    border-radius: 10px;
    text-align: right;
    color: #424750;
    height: 60px;
    align-items: flex-start;
    box-shadow: 0 6px 20px 4px rgba(66, 71, 80, .1);
    border: 1px solid #e0e0e2;
    padding: 8px 20px;
    margin-bottom: 30px;
    position: relative;
    display: flex;
    align-items: center
}

.od__toolbar .od__toolbar--item {
    padding-left: 20px;
    margin-left: 20px;
    padding-bottom: 10px;
    cursor: pointer;
    border-bottom: 2px solid transparent;
    margin-top: 10px;
    transition: all .15s;
    color: #424750;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.od__toolbar .od__toolbar--item:hover {
    font-weight: 700
}

.od__toolbar .active-toolbar {
    font-weight: 700;
    border-bottom: 2px solid #4fcce9;
    margin-top: 0;
    padding-right: 20px
}

.od__toolbar .MuiTab-wrapper {
    font-size: 14px;
    font-weight: 400;
    flex-direction: unset;
    justify-content: space-around
}

.od__toolbar .MuiTabs-root[aria-selected=true] {
    font-weight: 700
}

.od__toolbar .MuiTab-labelIcon {
    min-height: auto
}

.od__toolbar .Mui-selected {
    font-weight: 700
}

.od__toolbar .MuiTabs-indicator {
    background-color: #4fcce9
}

.od__toolbar .MuiTab-textColorInherit {
    opacity: 1
}

.od__toolbar .od__toolbar--proof {
    left: 110px;
    position: absolute;
    font-weight: 700;
    top: 18px;
    cursor: pointer;
    padding: 0 20px;
    border-left: 1px solid #e0e0e2
}

.od__toolbar .od__toolbar--proof img {
    margin-left: 10px
}

.od__toolbar .od__toolbar--save {
    left: 0;
    position: absolute;
    font-weight: 700;
    top: 18px;
    cursor: pointer;
    padding: 0 20px;
    border-left: none
}

.od__toolbar .od__toolbar--save img {
    margin-left: 10px
}

.od__toolbar .od__toolbar--undo {
    left: 251px;
    position: absolute;
    font-weight: 700;
    top: 18px;
    cursor: pointer;
    padding: 0 20px;
    border-left: 1px solid #e0e0e2
}

.od__toolbar .od__toolbar--undo img {
    margin-left: 10px
}

.od__toolbar .od__toolbar--redo {
    left: 356px;
    position: absolute;
    font-weight: 700;
    top: 18px;
    cursor: pointer;
    padding: 0 20px;
    border-left: 1px solid #e0e0e2
}

.od__toolbar .od__toolbar--redo img {
    margin-left: 10px
}

.od__layout {
    display: flex;
    justify-content: space-between;
    position: relative;
    min-height: 350px
}

.od__layout .od__sidebar {
    width: 300px;
    position: relative;
    min-height: 650px;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    position: sticky;
    top: 20px
}

.od__layout .od__canvas {
    width: 820px
}

.od__sidebar--title {
    font-size: 16px;
    font-weight: 700;
    color: #424750;
    margin-bottom: 20px
}

.sidebar__tabcontent {
    display: none
}

.od__sidebar--description {
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #81858b !important;
    text-align: right !important;
    margin: 0 0 20px !important
}

.od__sidebar--items--container {
    display: flex;
    justify-content: space-between;
    width: 280px;
    margin-bottom: 30px;
    padding-bottom: 10px;
    border-bottom: 1px solid #e0e0e2;
    flex-wrap: wrap
}

.od__sidebar--items--container:last-child {
    border-bottom: none
}

.od__sidebar--items--container .od__sidebar--items {
    display: flex;
    flex-flow: column;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    margin-bottom: 20px
}

.od__sidebar--items--container .od__sidebar--items .od__sidebar--items--icon {
    padding: 22px;
    border-radius: 10px;
    border: 1px solid #e0e3e2;
    transition: all .3s
}

.od__sidebar--items--container .od__sidebar--items .od__sidebar--items--icon:hover {
    border-color: #4fcce9
}

.od__sidebar--items--container .od__sidebar--items .od__sidebar--items--title {
    font-size: 12px;
    font-weight: 500;
    text-align: center;
    color: #2c2f32;
    margin-top: 10px
}

.od__colors--container {
    width: 280px
}

.od__colors {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap
}

.od__colors .od__colors--item {
    width: 30px;
    height: 30px;
    display: inline-block;
    border-radius: 90px;
    margin-left: 6px;
    border: 4px solid #fff;
    box-sizing: content-box;
    cursor: pointer;
    margin-bottom: 10px;
    margin-top: 10px
}

.od__colors .od__colors--item--select {
    border: 4px solid #fff;
    box-shadow: 0 0 6px 0 rgba(66, 71, 80, .3)
}

.od__sidebar--input--container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px
}

.od__sidebar--input--container:hover > .od__sidebar--delete {
    display: block
}

.od__sidebar--input--container .od__sidebar--input {
    min-height: 46px;
    border-radius: 10px;
    border: 1px solid #e0e0e2;
    width: 250px;
    cursor: pointer;
    max-height: 100px;
    resize: none;
    overflow: auto;
    padding: 15px 15px 0
}

.od__sidebar--input--container .od__sidebar--input::-webkit-scrollbar {
    width: 6px;
    background: #e0e0e2
}

.od__sidebar--input--container .od__sidebar--input::-webkit-scrollbar-track {
    background: #e0e0e2
}

.od__sidebar--input--container .od__sidebar--input::-webkit-scrollbar-thumb, .od__sidebar--input--container .od__sidebar--input::-webkit-scrollbar-thumb:hover {
    background: #c0c2c5
}

.od__sidebar--input--container .od__sidebar--input::-moz-placeholder {
    font-size: 14px;
    font-weight: 400;
    color: #e0e0e2
}

.od__sidebar--input--container .od__sidebar--input:-ms-input-placeholder {
    font-size: 14px;
    font-weight: 400;
    color: #e0e0e2
}

.od__sidebar--input--container .od__sidebar--input::placeholder {
    font-size: 14px;
    font-weight: 400;
    color: #e0e0e2
}

.od__sidebar--input--container .od__sidebar--input:focus {
    border: 1px solid #4fcce9
}

.od__sidebar--input--container .od__sidebar--input:focus::-moz-placeholder {
    color: #e0e0e2
}

.od__sidebar--input--container .od__sidebar--input:focus:-ms-input-placeholder {
    color: #e0e0e2
}

.od__sidebar--input--container .od__sidebar--input:focus::placeholder {
    color: #e0e0e2
}

.od__sidebar--input--container .od__sidebar--delete {
    background-color: #f5f7fa;
    padding: 10px;
    margin-right: 10px;
    border-radius: 10px;
    cursor: pointer;
    display: none
}

.od__sidebar--button {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    height: 44px;
    padding: 11px 16px;
    background-color: transparent;
    color: #4fcce9;
    width: 250px;
    border-radius: 10px;
    border: 1px solid #4fcce9;
    cursor: pointer
}

.od__sidebar--button:hover {
    box-shadow: 0 6px 12px 0 rgba(79, 204, 233, .4)
}

.od__sidebar--button:focus {
    outline: none
}

.od__sidebar--button img {
    margin-left: 10px
}

.od__canvas--container {
    background-color: #f5f7fa;
    border-radius: 10px;
    margin-bottom: 30px;
    position: relative;
    outline: none;
    padding: 60px 40px 40px
}

.od__canvas--container:focus {
    outline: none
}

.od__actions--container {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.od__actions--container .od__actions--preview {
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    height: 44px;
    padding: 11px 16px;
    background-color: transparent;
    color: #232933;
    width: 113px;
    border-radius: 10px;
    border: 1px solid #919499;
    cursor: pointer;
    margin-left: 20px
}

.od__actions--container .od__actions--preview:hover {
    background-color: rgba(145, 148, 153, .05)
}

.od__actions--container .od__actions--preview:focus {
    outline: none
}

.od__actions--container .od__actions--submit {
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    height: 44px;
    padding: 11px 16px;
    background-color: #e25098;
    color: #fff;
    width: 113px;
    border-radius: 10px;
    border: 1px solid transparent;
    cursor: pointer
}

.od__actions--container .od__actions--submit:hover {
    box-shadow: 0 6px 12px 0 rgba(226, 80, 152, .4)
}

.od__actions--container .od__actions--submit:focus {
    outline: none
}

.od__footer {
    margin-bottom: 100px
}

.od__sides {
    align-items: center;
    background-color: #fff;
    height: auto;
    color: #424750;
    box-shadow: none;
    border: none;
    justify-content: space-between;
    padding: 0;
    margin: 0;
    width: auto
}

.od__sides .MuiTab-wrapper {
    font-size: 14px;
    font-weight: 400;
    flex-direction: unset;
    justify-content: center;
    flex-wrap: wrap;
    flex-flow: column
}

.od__sides .MuiTabs-root[aria-selected=true] {
    font-weight: 700
}

.od__sides .MuiTab-labelIcon {
    min-height: auto
}

.od__sides .Mui-selected {
    font-weight: 700
}

.od__sides .MuiTabs-indicator {
    background-color: #4fcce9
}

.od__sides .MuiTab-textColorInherit {
    opacity: 1
}

.od__inlineimage--toolbar, .od__inlinetoolbar {
    width: 100%;
    position: absolute;
    left: 0;
    height: 60px;
    top: 0;
    background-color: #fff;
    box-shadow: 0 6px 20px 4px rgba(66, 71, 80, .1);
    border: 1px solid #e0e0e2;
    border-radius: 10px;
    padding: 10px 20px;
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.od__inlineimage--toolbar .od__inlineimage--toolbar--item {
    cursor: pointer;
    border-left: 1px solid #e0e0e2;
    padding-right: 20px;
    z-index: 1000;
    min-height: 24px
}

.od__inlineimage--toolbar .od__inlineimage--toolbar--item:first-child {
    padding-right: 0
}

.od__inlineimage--toolbar .od__inlineimage--toolbar--item:last-child {
    border-left: none;
    margin-left: 20px
}

.od__inlineimage--toolbar .od__inlineimage--toolbar--item .od__inlineimage--toolbar--item--image {
    margin-left: 10px
}

.od__inlineimage--toolbar .od__inlineimage--toolbar--item .od__inlineimage--toolbar--item--title {
    font-size: 14px;
    font-weight: 400;
    color: #424750;
    margin-left: 19px
}

.od__inlineimage--toolbar .od__inlineimage--toolbar--item .od__inlineimage--toolbar--input {
    border-radius: 10px;
    border: 1px solid #e0e0e2;
    width: 40px;
    height: 40px;
    padding: 6px 10px;
    margin-left: 19px;
    text-align: center;
    direction: ltr
}

.od__inlineimage--toolbar .od__inlineimage--toolbar--item .od__inlineimage--toolbar--input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.od__inlineimage--toolbar .od__inlineimage--toolbar--item .od__inlineimage--toolbar--input[type=number] {
    -moz-appearance: textfield
}

.od__inlineimage--toolbar .od__inlineimage--toolbar--item .od__inlineimage--toolbar--item--color {
    border: 4px solid #424750;
    width: 24px;
    height: 24px;
    border-radius: 43px;
    padding: 10px;
    display: block;
    margin-left: 15px
}

.od__inlineimage--toolbar .delete--item {
    position: absolute;
    left: 0
}

.od__inlineimage--toolbar .delete--item .od__inlineimage--toolbar--item--image, .od__inlineimage--toolbar .delete--item .od__inlineimage--toolbar--item--title {
    margin-left: 0
}

.od__inlineimage--toolbar .move--item {
    position: absolute;
    left: 54px;
    border-left: none
}

.od__inlineimage--toolbar .move--item .od__inlineimage--toolbar--item--title {
    margin-left: 0
}

.od__inlineimage--toolbar .last__item {
    border-left: none
}

.od__popovers + #color-popover {
    direction: ltr
}

.od__popovers .MuiPopover-paper {
    box-shadow: 0 6px 20px 4px rgba(66, 71, 80, .1);
    border-radius: 0 0 10px 10px;
    padding: 20px;
    margin-top: 17px;
    border: 1px solid #e0e0e2
}

.od__popovers .od__popovers--title {
    font-size: 14px;
    font-weight: 400;
    text-align: right;
    color: #81858b;
    margin-bottom: 20px
}

.od__popovers .od__sidebar--items, .od__popovers .od__sidebar--items--container {
    margin-bottom: 0
}

.od__popovers .od__popover--items {
    display: flex;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    align-items: center;
    justify-content: flex-start;
    cursor: pointer;
    margin-bottom: 10px;
    padding: 8px;
    width: 145px;
    border-radius: 10px;
    border: 1px solid #e0e3e2
}

.od__popovers .od__popover--items:hover {
    border-color: #4fcce9
}

.od__popovers .od__popover--items .od__popover--items--icon {
    margin-left: 10px
}

.od__popovers .od__popover--items .od__popover--items--title {
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    color: #424750
}

.od__popovers .od__colors .od__popover--flex {
    height: 250px
}

.od__popovers .od__colors .od__popover--flex, .od__popovers .od__popover--flex {
    display: flex;
    justify-content: space-between;
    width: 315px;
    flex-flow: wrap
}

.od__dropdown {
    width: 185px;
    border: none;
    border-radius: 0
}

.od__dropdown .Dropdown-control {
    border: none;
    color: #424750;
    cursor: pointer;
    outline: none;
    padding: 8px 10px;
    transition: all .2s ease;
    width: 185px
}

.od__dropdown .Dropdown-control:hover {
    box-shadow: none
}

.od__dropdown .Dropdown-arrow {
    left: 10px;
    background-image: url(/images/icons/ODP/select-dropdown-down.svg);
    right: auto;
    top: 9px;
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    border: none;
    transition: all .2s ease
}

.od__dropdown .Dropdown-menu {
    background-color: #fff;
    box-shadow: none;
    box-sizing: border-box;
    margin-top: 11px;
    max-height: 200px;
    overflow-y: auto;
    position: absolute;
    top: 100%;
    width: 100%;
    z-index: 1000;
    width: 270px;
    padding: 10px;
    box-shadow: 0 6px 20px 4px rgba(66, 71, 80, .1);
    border-radius: 0 0 10px 10px;
    border: 1px solid #e0e0e2
}

.od__dropdown .Dropdown-option {
    cursor: pointer;
    color: #424750;
    padding: 9px;
    margin-bottom: 5px
}

.od__dropdown .Dropdown-option.is-selected, .od__dropdown .Dropdown-option:hover {
    background-color: rgba(129, 219, 241, .06274509803921569);
    border-radius: 10px
}

.is-open .Dropdown-arrow {
    transform: rotate(180deg)
}

.font--size, .font--size .Dropdown-control {
    width: 73px !important
}

.font--size .Dropdown-menu {
    width: 90px;
    right: -10px
}

.od__inlineimage--toolbar--font--color {
    border: 1px solid #dedede;
    width: 24px;
    height: 24px;
    border-radius: 43px;
    padding: 10px;
    display: block;
    margin-left: 15px
}

.od__inlineimage--toolbar .od__inlineimage--toolbar--item .od__inlineimage--toolbar--item--color {
    border: 1px solid #dedede
}

.canvas__front {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 550px
}

.canvas__front:focus {
    outline: none
}

.canvas__back {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 550px
}

#front-stage {
    background-color: #fff
}

.od__inline-editor--container {
    height: 60px;
    border-radius: 10px;
    box-shadow: 0 6px 20px 4px rgba(66, 71, 80, .1);
    border: 1px solid #e0e0e2;
    background-color: #fff;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 0 15px
}

.od__inline-editor--container .od__inline-editor--items {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.od__inline-editor--container .od__inline-editor--items .custom-ch-select-odt .select-selected {
    margin-top: -46px;
    display: flex;
    align-items: center;
    position: absolute;
    width: inherit
}

.od__inline-editor--container .od__inline-editor--items .od__inline-editor--item {
    border-left: 1px solid #e0e0e2;
    margin-left: 10px;
    height: 40px;
    cursor: pointer;
    padding-left: 10px
}

.od__inline-editor--container .od__inline-editor--items .od__inline-editor--item:last-child {
    border-left: none
}

.od__inline-editor--container .od__inline-editor--items .od__inline-editor--item .od__inline-editor--item--icon {
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center
}

.od__inline-editor--container .od__inline-editor--items .od__inline-editor--item .od__inline-editor--item--icon--text {
    width: auto;
    padding: 0 10px
}

.od__inline-editor--container .od__inline-editor--items .od__inline-editor--item .od__inline-editor--item--icon--text img {
    margin-left: 5px
}

.od__inline-editor--container .od__inline-editor--items .od__inline-editor--item .inline-icon-selected {
    background-color: #e0e0e2;
    border-radius: 8px
}

.od__inline-editor--container .od__inline-editor--items .od__inline-editor--item .dropzone .dz-message {
    display: none
}

.od__inline-editor--container .od__inline-editor--items .od__inline-editor--item .od__inline-editor--color {
    position: relative;
    width: 24px;
    height: 24px;
    border-radius: 12px;
    border: 1px solid #dedede;
    background-color: #424750
}

.od__inline-editor--container .od__inline-editor--items .od__inline-editor--item .od__inline-editor--color .od__inline-editor--color--container {
    display: none
}

.od__inline-editor--container .od__inline-editor--items .od__inline-editor--item .od__inline-editor--color .od__inline-editor--color-parent {
    border: 1px solid transparent;
    border-radius: 10px;
    width: 38px;
    height: 38px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 12px;
    margin-bottom: 12px
}

.od__inline-editor--container .od__inline-editor--items .od__inline-editor--item .od__inline-editor--color .od__inline-editor--color-parent:hover {
    border: 1px solid #e0e0e2
}

.od__inline-editor--container .od__inline-editor--items .od__inline-editor--item .od__inline-editor--color .od__inline-editor--color-parent-active {
    border: 1px solid #4fcce9
}

.od__inline-editor--container .od__inline-editor--items .od__inline-editor--item .od__inline-editor--color .od__inline-editor--color--item {
    width: 30px;
    height: 30px;
    border: 1px solid #dedede;
    display: block;
    border-radius: 90px
}

.od__inline-editor--container .od__inline-editor--items .od__inline-editor--item .show-colors {
    display: flex !important;
    position: absolute;
    top: 40px;
    background-color: red;
    right: -10px;
    padding: 20px;
    z-index: 10;
    border-radius: 10px;
    box-shadow: 0 6px 20px 4px rgba(66, 71, 80, .1);
    background-color: #fff;
    width: 300px;
    justify-content: flex-start;
    flex-wrap: wrap;
    height: 300px;
    overflow-y: auto
}

.od__inline-editor--container .od__inline-editor--items .od__inline-editor--item .show-colors::-webkit-scrollbar {
    width: 6px;
    background: #e0e0e2
}

.od__inline-editor--container .od__inline-editor--items .od__inline-editor--item .show-colors::-webkit-scrollbar-track {
    background: #e0e0e2
}

.od__inline-editor--container .od__inline-editor--items .od__inline-editor--item .show-colors::-webkit-scrollbar-thumb, .od__inline-editor--container .od__inline-editor--items .od__inline-editor--item .show-colors::-webkit-scrollbar-thumb:hover {
    background: #c0c2c5
}

.od__inline-editor--container .od__inline-editor--items .dropzone {
    min-height: auto;
    border: none;
    background: transparent;
    padding: 0
}

.od__inline-editor--container .od__inline-editor--items .dropzone .dz-preview, .od__inline-editor--container .od__inline-editor--items .dropzone .dz-preview.dz-image-preview {
    display: none
}

.od__inline-editor--container .od__inline-editor--items .inline-last-item {
    position: absolute;
    left: 0
}

.od__inline-editor--container .od__inline-editor--items .inline-editor-select-font {
    width: 185px;
    border-radius: 0;
    border: none;
    border-left: 1px solid #e0e0e2
}

.od__inline-editor--container .od__inline-editor--items .inline-editor-select-size {
    width: 70px;
    border-radius: 0;
    border: none;
    border-left: 1px solid #e0e0e2
}

.od__inline-editor--container .od__inline-editor--items .inline-toolbar--input {
    width: 230px;
    border-radius: 10px;
    border: 1px solid #e0e0e2;
    padding: 9px 15px;
    height: 46px;
    font-weight: 400;
    color: #424750;
    font-size: 14px;
    font-weight: 500;
    margin-left: 10px;
    margin-right: 10px
}

.od__inline-editor--container .od__inline-editor--items .inline-toolbar--input::-moz-placeholder {
    color: #a1a3a8;
    font-size: 14px
}

.od__inline-editor--container .od__inline-editor--items .inline-toolbar--input:-ms-input-placeholder {
    color: #a1a3a8;
    font-size: 14px
}

.od__inline-editor--container .od__inline-editor--items .inline-toolbar--input::placeholder {
    color: #a1a3a8;
    font-size: 14px
}

.od__inline-editor--container .od__inline-editor--items .inline-toolbar--button {
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    height: 44px;
    padding: 11px 16px;
    background-color: #4fcce9;
    color: #fff;
    width: auto;
    border-radius: 10px;
    border: 1px solid transparent;
    cursor: pointer
}

.od__inline-editor--container .od__inline-editor--items .inline-toolbar--button:hover {
    box-shadow: 0 6px 12px 0 rgba(79, 204, 233, .4)
}

.od__inline-editor--container .od__inline-editor--items .inline-toolbar--button:focus {
    outline: none
}

.od__inline-editor--container .add-photo-menu {
    position: relative
}

.od__inline-editor--container .inline__context--menu {
    display: none;
    background-color: #fff;
    z-index: 10;
    cursor: default !important;
    position: absolute;
    left: 0;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    border-radius: 10px;
    box-shadow: 0 6px 20px 4px rgba(66, 71, 80, .1);
    padding: 20px;
    top: 50px;
    right: -15px
}

.od__inline-editor--container .inline__context--menu .inline__context--menu--title {
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 2;
    letter-spacing: normal;
    text-align: right;
    color: #81858b
}

.od__inline-editor--container .inline__context--menu .inline__context--menu--items {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-top: 20px
}

.od__inline-editor--container .inline__context--menu .inline__context--menu--items .inline__context--menu--items--icon {
    border: 1px solid #e0e0e2;
    height: 60px;
    width: 60px;
    padding: 10px;
    border-radius: 10px;
    cursor: pointer
}

.od__inline-editor--container .inline__context--menu .inline__context--menu--items .inline__context--menu--items--icon:hover {
    border: 1px solid #4fcce9
}

.od__inline-editor--container .inline__context--menu .inline__context--menu--items .inline__context--menu--items--value {
    font-size: 12px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: normal;
    text-align: center;
    color: #2c2f32;
    margin-top: 10px
}

.od__inline-editor--backColor--container, .od__inline-editor--qr--container {
    display: none
}

.od__inline-editor--qr {
    position: relative
}

.od__inline-editor--backColor {
    position: relative;
    width: 100% !important
}

.background-color-preview {
    width: 100%;
    height: 46px;
    border: 11px solid #e2e2e2;
    border-radius: 10px
}

.show-backColors {
    display: flex !important;
    position: absolute;
    top: 45px;
    right: 0;
    padding: 10px;
    z-index: 10;
    border-radius: 10px;
    box-shadow: 0 6px 20px 4px rgba(66, 71, 80, .1);
    background-color: #fff;
    width: 100%;
    justify-content: flex-start;
    flex-wrap: wrap;
    height: 300px;
    overflow-y: auto
}

.show-backColors::-webkit-scrollbar {
    width: 6px;
    background: #e0e0e2
}

.show-backColors::-webkit-scrollbar-track {
    background: #e0e0e2
}

.show-backColors::-webkit-scrollbar-thumb, .show-backColors::-webkit-scrollbar-thumb:hover {
    background: #c0c2c5
}

.od__inline-editor--color-parent-background {
    border: 1px solid transparent;
    border-radius: 10px;
    width: 38px;
    height: 38px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 12px;
    margin-bottom: 12px
}

.od__inline-editor--color-parent-background:hover {
    border: 1px solid #e0e0e2
}

.od__inline-editor--color-parent-background-active {
    border-radius: 10px;
    width: 38px;
    height: 38px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 12px;
    margin-bottom: 12px;
    border: 1px solid #4fcce9
}

.od__inline-editor--color--item-background {
    width: 30px;
    height: 30px;
    border: 1px solid #dedede;
    display: block;
    border-radius: 90px
}

#inline-color-container-background-back, #inline-color-container-background-front {
    width: 100%;
    display: flex;
    flex-wrap: wrap
}

.show-qrs {
    display: flex !important;
    position: absolute;
    top: 80px;
    right: 0;
    padding: 20px;
    z-index: 10;
    border-radius: 10px;
    box-shadow: 0 6px 20px 4px rgba(66, 71, 80, .1);
    background-color: #fff;
    width: 250px;
    justify-content: flex-start;
    flex-wrap: wrap;
    height: auto;
    overflow-y: auto;
    flex-flow: column
}

.show-qrs::-webkit-scrollbar {
    width: 6px;
    background: #e0e0e2
}

.show-qrs::-webkit-scrollbar-track {
    background: #e0e0e2
}

.show-qrs::-webkit-scrollbar-thumb, .show-qrs::-webkit-scrollbar-thumb:hover {
    background: #c0c2c5
}

.show-qrs .qr-input {
    width: auto;
    border-radius: 10px;
    border: 1px solid #e0e0e2;
    padding: 9px 15px;
    height: 46px;
    font-weight: 400;
    color: #424750;
    font-size: 14px;
    font-weight: 500
}

.show-qrs .qr-input::-moz-placeholder {
    color: #a1a3a8;
    font-size: 14px
}

.show-qrs .qr-input:-ms-input-placeholder {
    color: #a1a3a8;
    font-size: 14px
}

.show-qrs .qr-input::placeholder {
    color: #a1a3a8;
    font-size: 14px
}

.show-qrs .od__inline-editor--qr--generate {
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    height: 44px;
    padding: 11px 16px;
    background-color: #4fcce9;
    color: #fff;
    width: auto;
    border-radius: 10px;
    border: 1px solid transparent;
    cursor: pointer;
    margin-top: 30px
}

.show-qrs .od__inline-editor--qr--generate:hover {
    box-shadow: 0 6px 12px 0 rgba(79, 204, 233, .4)
}

.show-qrs .od__inline-editor--qr--generate:focus {
    outline: none
}

.show-qrs .qr-description {
    font-size: 14px;
    text-align: right;
    color: #424750;
    margin-bottom: 20px
}

.od__footer {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.od__footer .od__footer--sides {
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.od__footer .od__footer--sides .od__footer--sides--item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    padding-left: 29px;
    margin-left: 29px;
    padding-right: 29px;
    border-bottom: 1px solid transparent;
    transition: all .3s;
    position: relative
}

.od__footer .od__footer--sides .od__footer--sides--item .od__footer--sides--item--image {
    max-width: 90px;
    max-height: 90px;
    margin-bottom: 10px
}

.od__footer .od__footer--sides .od__footer--sides--item .od__footer--sides--item--title {
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    line-height: 1.57;
    text-align: center;
    color: #424750;
    padding-bottom: 10px
}

.od__footer .od__footer--sides .od__footer--sides--item .od__footer--sides--delete {
    background-color: #4fcce9;
    border-radius: 100%;
    color: #fff;
    position: absolute;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 21px;
    left: 0;
    top: -15px
}

.od__footer .od__footer--sides .od__footer--sides--item .od__footer--sides--delete:hover {
    box-shadow: 0 6px 20px 4px rgba(66, 71, 80, .1)
}

.od__footer .od__footer--sides .od__footer--sides--add {
    border: 1px solid #4fcce9;
    border-radius: 10px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 10px
}

.od__footer .od__footer--sides .od__footer--sides--add .od__footer--sides--item--image {
    margin-bottom: 0
}

.od__footer .od__footer--sides .od__footer--sides--add .od__footer--sides--item--title {
    padding-bottom: 0;
    color: #4fcce9
}

.od__footer .od__footer--actions {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.od__footer .od__footer--actions .od__footer--actions--preview {
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    height: 44px;
    padding: 11px 16px;
    background-color: transparent;
    color: #232933;
    width: 113px;
    border-radius: 10px;
    border: 1px solid #919499;
    cursor: pointer;
    margin-left: 20px
}

.od__footer .od__footer--actions .od__footer--actions--preview:hover {
    background-color: rgba(145, 148, 153, .05)
}

.od__footer .od__footer--actions .od__footer--actions--preview:focus {
    outline: none
}

.od__footer .od__footer--actions .od__footer--actions--continue {
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    height: 44px;
    padding: 11px 16px;
    background-color: #e25098;
    color: #fff;
    width: 113px;
    border-radius: 10px;
    border: 1px solid transparent;
    cursor: pointer
}

.od__footer .od__footer--actions .od__footer--actions--continue:hover {
    box-shadow: 0 6px 12px 0 rgba(226, 80, 152, .4)
}

.od__footer .od__footer--actions .od__footer--actions--continue:focus {
    outline: none
}

.od__footer .active-side .od__footer--sides--item--title {
    font-weight: 700 !important;
    border-bottom: 2px solid #4fcce9 !important;
    width: 100%
}

.od__preview--container .od__preview--container--title {
    font-size: 14px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.57;
    letter-spacing: normal;
    text-align: right;
    color: #424750;
    margin-bottom: 20px;
    margin-top: 0
}

.od__preview--container .od__preview--container--box {
    background-color: #f5f7fa;
    width: 100%;
    min-height: 310px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    border-radius: 10px
}

.od__preview--container .od__preview--container--box img {
    max-width: 330px;
    max-height: 330px
}

.od__preview--container .od__preview--container--box .od__preview--actions {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-flow: column;
    position: absolute;
    bottom: 20px;
    left: 20px
}

.od__preview--container .od__preview--container--box .od__preview--container--edit {
    background-color: #4fcce9;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    cursor: pointer
}

.od__preview--container .od__preview--container--box .od__preview--container--zoom {
    background-color: transparent;
    border-radius: 10px;
    border: 1px solid #919499;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    cursor: pointer;
    margin-bottom: 10px
}

.od__preview--confirm--container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 50px;
    margin-bottom: 85px
}

.od__preview--agree {
    background-color: #f5f7fa;
    border-radius: 10px;
    height: 46px;
    padding: 0 20px;
    width: 100%;
    display: flex;
    align-items: center
}

.od__preview--agree .od__preview--agree--content {
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.75;
    letter-spacing: normal;
    text-align: right;
    color: #424750
}

.od__preview--agree .od__preview--agree--checkbox {
    top: 4px
}

.od__preview--next {
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    height: 44px;
    background-color: #e25098;
    color: #fff;
    width: 113px;
    border-radius: 10px;
    border: 1px solid transparent;
    cursor: pointer;
    margin-right: 20px;
    padding: 0
}

.od__preview--next:hover {
    box-shadow: 0 6px 12px 0 rgba(226, 80, 152, .4)
}

.od__preview--next:focus {
    outline: none
}

.od__preview--notes .od__preview--notes-title {
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.75;
    letter-spacing: normal;
    text-align: right;
    color: #424750;
    margin-bottom: 30px;
    display: block
}

.od__preview--notes .od__preview--notes-ul {
    list-style: inside;
    list-style-image: url(/images/dark-bullet.svg?b455672e1f000a8767a933bd7d7b19be)
}

.od__preview--notes .od__preview--notes-ul .od__preview--notes-li {
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    line-height: 2;
    text-align: right;
    color: #424750;
    margin-right: 0;
    margin-bottom: 10px
}

.od__preview--notes .od__preview--notes-ul .od__preview--notes-li:last-child {
    margin-bottom: 0
}

.od__pdp {
    margin-top: 50px;
    margin-bottom: 100px
}

#canvas, .hide-canvas {
    display: none
}

.canvas-side-show {
    visibility: visible;
    opacity: 1;
    display: flex
}

.canvas-side-hide {
    visibility: hidden;
    opacity: 0;
    display: none
}

.odt__zoom--preview {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: auto
}

.od__canvas--container--toolbars {
    position: sticky;
    top: 0;
    left: 0;
    z-index: 1000
}

#new-images-preview {
    display: flex;
    justify-content: space-between;
    transition: all .3s;
    flex-wrap: wrap
}

#new-images-preview .dz-details, #new-images-preview .dz-error-mark, #new-images-preview .dz-error-message, #new-images-preview .dz-progress, #new-images-preview .dz-success-mark {
    display: none
}

#new-images-preview .dz-preview {
    position: relative;
    padding: 10px;
    border: 1px solid #e0e3e2;
    border-radius: 10px
}

#new-images-preview .odt-progress-container {
    background-color: rgba(0, 0, 0, .25098039215686274);
    width: inherit;
    height: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    border-radius: 10px
}

#new-images-preview .odt-progress-bar {
    background-color: #fff;
    height: 15px;
    border-radius: 0;
    width: 100px;
    position: absolute;
    top: 60px;
    text-align: center;
    margin: 0 auto;
    right: 20px
}

#new-images-preview .odt-progress-bar-fill {
    position: absolute;
    height: 15px;
    width: 0;
    background-color: #4fcce9;
    left: 0;
    transition: all 1s
}

.odt__preview--modal--title {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 20px
}

.odt__preview--modal--title .odt__preview--modal--title--item {
    margin-left: 10px;
    cursor: pointer;
    padding: 10px 0;
    text-align: center
}

.odt__preview--modal--title .odt__preview--modal--title--item .odt__preview--modal--title--item--value {
    padding-left: 15px;
    font-size: 16px;
    text-align: center
}

.odt__preview--modal--title .odt__preview--modal--title--active {
    border-bottom: 1px solid #4fcce9;
    font-weight: 700
}

.preview-modal-content {
    display: flex;
    justify-content: center;
    align-items: center
}

.odt-alert {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.odt-alert-p {
    font-size: 25px;
    margin-right: 30px;
    text-align: justify
}

@media only screen and (max-width: 480px) {
    .ch__loader--fullpage {
        position: fixed
    }

    .od__layout .od__canvas {
        width: 100%
    }

    .od__canvas--container {
        padding: 0;
        background-color: transparent;
        margin-bottom: 16px;
        box-shadow: 0 6px 20px 4px rgba(66, 71, 80, .1);
        border-radius: 0
    }

    .canvas__back, .canvas__front {
        min-height: auto
    }

    .od__footer .active-side .od__footer--sides--item--title {
        border-bottom: none !important
    }

    .od__footer .od__footer--sides {
        justify-content: space-between
    }

    .od__footer .od__footer--sides .od__footer--sides--item {
        padding: 10px 16px;
        border: 1px solid #e0e0e2;
        flex-direction: row-reverse;
        border-radius: 10px;
        width: 156px;
        margin-left: 25px
    }

    .od__footer .od__footer--sides .od__footer--sides--item:last-child {
        margin-left: 0
    }

    .od__footer .od__footer--sides .od__footer--sides--item .od__footer--sides--item--image {
        margin-bottom: 0;
        max-width: 60px;
        max-height: 60px;
        margin-right: 16px
    }

    .od__footer .od__footer--sides .od__footer--sides--item .od__footer--sides--item--title {
        font-size: 12px;
        font-weight: 700;
        padding-bottom: 0
    }

    .od__toolbar {
        position: fixed;
        bottom: 0;
        right: 0;
        margin-bottom: 0;
        padding: 7px;
        border-radius: 0;
        height: auto;
        width: 100%;
        z-index: 10;
        overflow: auto
    }

    .od__toolbar .od__toolbar--item {
        display: flex;
        flex-flow: column;
        border-left: 1px solid #e0e0e2;
        font-size: 12px;
        font-weight: 400;
        align-items: center;
        justify-content: center;
        margin-top: 0;
        padding-bottom: 0
    }

    .od__toolbar .od__toolbar--item img {
        height: 24px;
        margin-bottom: 8px
    }

    .od__toolbar .active-toolbar {
        border-bottom: none
    }

    .od__toolbar .od__toolbar--item:hover {
        font-weight: 400
    }

    .od__toolbar .od__toolbar--save {
        left: inherit;
        position: inherit;
        font-weight: inherit;
        top: inherit;
        justify-content: center;
        align-items: center
    }

    .od__footer {
        margin-bottom: 100px
    }

    .od__footer .od__footer--actions {
        width: 100%
    }

    .od__footer .od__footer--actions .od__footer--actions--continue {
        width: 100%;
        margin-top: 42px
    }

    .od__mobile--toolbar {
        height: auto;
        box-shadow: 0 4px 12px 0 rgba(66, 71, 80, .12);
        position: fixed;
        bottom: 0;
        right: 0;
        background-color: #fff;
        z-index: 1000;
        width: 100%;
        padding: 10px
    }

    .od__mobile--toolbar .od__mobile--toolbar--input {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 10px
    }

    .od__mobile--toolbar .od__mobile--toolbar--input .od__mobile--toolbar--input--text {
        width: 100%;
        border-radius: 10px;
        border: 1px solid #e0e0e2;
        padding: 9px 15px;
        height: 46px;
        font-weight: 400;
        color: #424750;
        font-size: 14px;
        font-weight: 500;
        margin-left: 10px;
        height: 40px
    }

    .od__mobile--toolbar .od__mobile--toolbar--input .od__mobile--toolbar--input--text::-moz-placeholder {
        color: #a1a3a8;
        font-size: 14px
    }

    .od__mobile--toolbar .od__mobile--toolbar--input .od__mobile--toolbar--input--text:-ms-input-placeholder {
        color: #a1a3a8;
        font-size: 14px
    }

    .od__mobile--toolbar .od__mobile--toolbar--input .od__mobile--toolbar--input--text::placeholder {
        color: #a1a3a8;
        font-size: 14px
    }

    .od__mobile--toolbar .od__mobile--toolbar--input .od__mobile--toolbar--input--check {
        font-size: 14px;
        font-weight: 500;
        text-align: center;
        height: 44px;
        padding: 11px 16px;
        background-color: #4fcce9;
        color: #fff;
        width: 40px;
        border-radius: 10px;
        border: 1px solid transparent;
        cursor: pointer;
        height: 40px;
        display: flex;
        justify-content: center;
        align-items: center
    }

    .od__mobile--toolbar .od__mobile--toolbar--input .od__mobile--toolbar--input--check:hover {
        box-shadow: 0 6px 12px 0 rgba(79, 204, 233, .4)
    }

    .od__mobile--toolbar .od__mobile--toolbar--input .od__mobile--toolbar--input--check:focus {
        outline: none
    }

    .od__mobile--toolbar .od__mobile--toolbar--editor {
        overflow-x: auto;
        display: flex;
        justify-content: space-between;
        align-items: center
    }

    .od__mobile--toolbar .od__mobile--toolbar--editor .od__mobile--toolbar--editor--item {
        width: 40px;
        height: 40px;
        background-color: #f5f7fa;
        border-radius: 10px;
        padding: 9px;
        color: #424750;
        font-size: 18px;
        font-weight: 700;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-left: 10px
    }

    .od__mobile--toolbar .od__mobile--toolbar--editor .od__mobile--toolbar--editor--item .od__mobile--toolbar--editor--item--color {
        border-radius: 100%;
        width: 24px;
        height: 24px
    }

    .od__mobile--toolbar .od__mobile--toolbar--editor .mobile--toolbar--item--selected {
        box-shadow: inset 0 0 3px 0 rgba(98, 102, 109, .3)
    }

    .od__mobile--toolbar .dropzone .dz-message {
        display: none
    }

    .od__mobile--toolbar .dropzone {
        height: 68px;
        min-height: 68px !important;
        border: none
    }

    .od__mobile--toolbar .image--mobile--toolbar {
        justify-content: flex-start
    }

    .od__mobile--toolbar .image--mobile--toolbar .image--mobile--toolbar--item {
        width: 76px;
        height: 68px;
        padding: 8px;
        flex-flow: column
    }

    .od__mobile--toolbar .image--mobile--toolbar .image--mobile--toolbar--item .od__mobile--toolbar--editor--item--text {
        font-size: 11px;
        font-weight: 400;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.82;
        letter-spacing: normal;
        text-align: center;
        color: #424750
    }

    .od__mobile--toolbar .od__mobile--toolbar--options {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-left: 10px;
        overflow-x: auto;
        border-top: 1px solid #e0e0e2;
        padding-top: 10px;
        margin-top: 10px
    }

    .od__mobile--toolbar .od__mobile--toolbar--options .mobile-font-column {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-flow: column
    }

    .od__mobile--toolbar .od__mobile--toolbar--options .od__mobile--toolbar--options--font--item {
        height: 40px;
        width: 100px;
        border-radius: 12px;
        font-size: 12px;
        font-weight: 400;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-bottom: 10px;
        margin-left: 10px;
        border: 1px solid #e0e0e2;
        cursor: pointer
    }

    .od__mobile--toolbar .od__mobile--toolbar--editor--item--selected {
        border: 1px solid #4fcce9
    }

    .od__mobile--toolbar .size-options {
        justify-content: space-around
    }

    .od__mobile--toolbar .size-options .od__mobile--toolbar--options--size--title {
        font-size: 12px;
        font-weight: 400;
        font-style: normal;
        text-align: right;
        color: #62666d
    }

    .od__mobile--toolbar .size-options .od__mobile--toolbar--options--size--increament {
        display: flex;
        justify-content: space-between;
        align-items: center
    }

    .od__mobile--toolbar .size-options .od__mobile--toolbar--options--size--increament .od__mobile--toolbar--options--size--action {
        width: 40px;
        height: 40px;
        background-color: #f5f7fa;
        border-radius: 10px;
        padding: 9px;
        color: #424750;
        font-size: 18px;
        font-weight: 700;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-left: 10px
    }

    .od__mobile--toolbar .size-options .od__mobile--toolbar--options--size--increament .od__mobile--toolbar--options--size--value {
        width: 40px;
        border-radius: 10px;
        border: 1px solid #e0e0e2;
        height: 46px;
        font-weight: 400;
        color: #424750;
        font-weight: 500;
        height: 40px;
        margin-left: 10px;
        padding: 8px;
        font-size: 14px;
        text-align: center
    }

    .od__mobile--toolbar .size-options .od__mobile--toolbar--options--size--increament .od__mobile--toolbar--options--size--value::-moz-placeholder {
        color: #a1a3a8;
        font-size: 14px
    }

    .od__mobile--toolbar .size-options .od__mobile--toolbar--options--size--increament .od__mobile--toolbar--options--size--value:-ms-input-placeholder {
        color: #a1a3a8;
        font-size: 14px
    }

    .od__mobile--toolbar .size-options .od__mobile--toolbar--options--size--increament .od__mobile--toolbar--options--size--value::placeholder {
        color: #a1a3a8;
        font-size: 14px
    }

    .od__mobile--toolbar .color-options .od__mobile--toolbar--options--color--parent {
        border: 1px solid transparent;
        border-radius: 10px;
        width: 38px;
        height: 38px;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-left: 12px;
        margin-bottom: 12px
    }

    .od__mobile--toolbar .color-options .od__mobile--toolbar--options--color--parent:hover {
        border: 1px solid #e0e0e2
    }

    .od__mobile--toolbar .color-options .od__mobile--toolbar--options--color--parent--active {
        border: 1px solid #4fcce9
    }

    .od__mobile--toolbar .color-options .od__mobile--toolbar--options--color--item {
        width: 30px;
        height: 30px;
        border: 1px solid #dedede;
        display: block;
        border-radius: 90px
    }

    .mobile-options-hide {
        max-height: 0;
        opacity: 0;
        visibility: hidden;
        position: absolute;
        transition: max-height 10s
    }

    .dz-preview.dz-image-preview {
        display: none
    }

    .od__toolbar .od__toolbar--proof, .od__toolbar .od__toolbar--save {
        position: static;
        font-weight: 400;
        cursor: pointer;
        padding: 0;
        border-left: none;
        display: flex;
        flex-flow: column
    }

    .od__toolbar .active-toolbar {
        padding-right: inherit
    }

    .od__toolbar .od__toolbar--item {
        text-align: center
    }
}

.fix-r-m {
    margin-right: -15px
}

.fix-l-m {
    padding-left: 0;
    margin-right: 15px
}

.designs__header {
    margin-bottom: 40px
}

.designs__header .designs__header--title {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.25;
    color: #424750
}

.designs__header .designs__header--description {
    font-size: 16px;
    font-weight: 400;
    text-align: right;
    color: #424750;
    margin-top: 15px
}

.designs__data--container {
    border: 1px solid #81858b;
    border-radius: 10px;
    padding: 20px 20px 0;
    margin-bottom: 50px
}

.designs__data--container .designs__data--container--notice {
    font-size: 14px;
    color: #81858b;
    font-weight: 400;
    margin-bottom: 30px
}

.designs__data--container .designs__data-container--footer {
    margin-bottom: 20px;
    padding-right: 20px
}

.designs__data--container .designs__data--container--notice--list--title {
    font-size: 14px;
    color: #81858b;
    font-weight: 700;
    margin-bottom: 20px;
    margin-top: 20px
}

.designs__data--container .designs__data--container--notice--list--item {
    font-size: 14px;
    color: #81858b;
    font-weight: 400;
    margin-bottom: 10px
}

.designs__data--container .designs__data--container--notice--list--item:before {
    content: "-"
}

.designs__data--container .designs__data--label {
    display: block;
    font-weight: 400;
    font-size: 14px;
    margin-bottom: 7px;
    color: #424750;
    position: relative;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.designs__data--container .designs__data--input {
    width: 100%;
    border-radius: 10px;
    border: 1px solid #e0e0e2;
    padding: 9px 15px;
    height: 46px;
    font-weight: 400;
    color: #424750;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 20px
}

.designs__data--container .designs__data--input::-moz-placeholder {
    color: #a1a3a8;
    font-size: 14px
}

.designs__data--container .designs__data--input:-ms-input-placeholder {
    color: #a1a3a8;
    font-size: 14px
}

.designs__data--container .designs__data--input::placeholder {
    color: #a1a3a8;
    font-size: 14px
}

.designs__data--container .designs__data--input::-moz-placeholder {
    text-align: right;
    direction: rtl
}

.designs__data--container .designs__data--input:-ms-input-placeholder {
    text-align: right;
    direction: rtl
}

.designs__data--container .designs__data--input::placeholder {
    text-align: right;
    direction: rtl
}

.designs--error {
    top: 0;
    left: 15px;
    right: auto !important
}

.job__special--error {
    right: 245px !important;
    top: 3px !important
}

.designs__data--require {
    display: block;
    position: absolute;
    width: 5px;
    height: 5px;
    border-radius: 900px;
    background-color: #ef5661;
    top: 0;
    left: -5px
}

.job_traid--dd {
    width: 170px !important;
    bottom: 0 !important;
    top: auto !important;
    right: 0 !important
}

.designs__data--additional {
    margin-bottom: 40px
}

.designs__data--additional .designs__data--additional--label {
    display: block;
    font-weight: 700;
    font-size: 18px;
    margin-bottom: 7px;
    color: #424750;
    position: relative;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.designs__data--additional .designs__data--additional--input {
    width: 170px;
    border-radius: 10px;
    border: 1px solid #e0e0e2;
    padding: 9px 15px;
    height: 46px;
    font-weight: 400;
    color: #424750;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer
}

.designs__data--additional .designs__data--additional--input::-moz-placeholder {
    color: #a1a3a8;
    font-size: 14px
}

.designs__data--additional .designs__data--additional--input:-ms-input-placeholder {
    color: #a1a3a8;
    font-size: 14px
}

.designs__data--additional .designs__data--additional--input::placeholder {
    color: #a1a3a8;
    font-size: 14px
}

.designs__data--additional .designs__data--additional--input::-moz-placeholder {
    text-align: center
}

.designs__data--additional .designs__data--additional--input:-ms-input-placeholder {
    text-align: center
}

.designs__data--additional .designs__data--additional--input::placeholder {
    text-align: center
}

.designs__data--additional .designs__data--additional--details {
    font-weight: 400;
    font-size: 14px;
    color: #81858b;
    margin-right: 25px;
    height: 46px
}

.designs__data--dropzone .dropfile {
    position: relative;
    width: 100%;
    height: 420px;
    margin: 0 auto;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='100%25' height='100%25' fill='none' rx='10' ry='10' stroke='%23333' stroke-dasharray='12, 11, 13' stroke-dashoffset='80' stroke-linecap='square'/%3E%3C/svg%3E");
    border-radius: 10px;
    border: none;
    background-color: #f5f7fa;
    display: flex;
    justify-content: center;
    align-items: center
}

.designs__data--dropzone .dropfile .dropfile__image {
    text-align: center;
    margin: 20px auto;
    display: block
}

.designs__data--dropzone .dropfile .dropfile__description {
    font-size: 16px;
    font-weight: 400;
    line-height: 2;
    color: #424750;
    max-width: 350px;
    margin-bottom: 30px;
    text-align: justify;
    -moz-text-align-last: center;
    text-align-last: center
}

.designs__data--dropzone .factor__design {
    height: 200px
}

.designs__data--dropzone .factor__design .dropfile__image {
    text-align: center;
    display: block;
    margin: -2em auto 10px
}

.designs__data--dropzone .factor__design .dropfile__description {
    font-size: 16px;
    font-weight: 400;
    line-height: 2;
    color: #424750;
    max-width: 350px;
    margin-bottom: 15px;
    text-align: justify;
    -moz-text-align-last: center;
    text-align-last: center
}

.designs__data--description {
    margin-top: 40px
}

.designs__data--description .designs__data--description--title {
    font-size: 14px;
    font-weight: 400;
    color: #424750
}

.designs__data--description .designs__data--description--textarea {
    width: 100%;
    border-radius: 10px;
    border: 1px solid #e0e0e2;
    height: 46px;
    font-weight: 400;
    color: #424750;
    font-size: 14px;
    font-weight: 500;
    height: 170px;
    padding: 10px
}

.designs__data--description .designs__data--description--textarea::-moz-placeholder {
    color: #a1a3a8;
    font-size: 14px
}

.designs__data--description .designs__data--description--textarea:-ms-input-placeholder {
    color: #a1a3a8;
    font-size: 14px
}

.designs__data--description .designs__data--description--textarea::placeholder {
    color: #a1a3a8;
    font-size: 14px
}

.designs__data--description.factor__design {
    margin-top: 0
}

.designs__data--summary {
    margin-top: 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 100px
}

.designs__data--summary .designs__data--summary--title {
    display: flex;
    align-items: center;
    background-color: #f5f7fa;
    border-radius: 10px;
    padding: 8px 12px;
    color: #424750;
    width: -webkit-fill-available;
    margin-left: 20px;
    font-size: 14px;
    height: 46px
}

.designs__data--summary .designs__data--summary--title b {
    margin-right: 5px;
    margin-left: 5px
}

.designs__data--summary .designs__data--summary--button {
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    height: 44px;
    padding: 11px 16px;
    background-color: #e25098;
    color: #fff;
    width: 180px;
    border-radius: 10px;
    border: 1px solid transparent;
    cursor: pointer
}

.designs__data--summary .designs__data--summary--button:hover {
    box-shadow: 0 6px 12px 0 rgba(226, 80, 152, .4)
}

.designs__data--summary .designs__data--summary--button:focus {
    outline: none
}

.ch-dd-error {
    margin-bottom: 100px;
    justify-content: flex-start;
    margin-top: -80px
}

.designs__data--content .designs__data--content--title {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 20px;
    color: #424750
}

.designs__data--content .designs__data--content--items {
    list-style: inside
}

.designs__data--content .designs__data--content--items li {
    margin-bottom: 15px;
    font-size: 14px;
    font-weight: 400;
    color: #424750
}

.designs__data--radio .designs__data--radio--title {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 35px;
    color: #424750
}

.designs__data--radio .designs__data--radio--container {
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin-bottom: 90px
}

.designs__data--radio .designs__data--radio--container .designs__data--radio--item {
    position: relative
}

.designs__data--radio .designs__data--radio--container .designs__data--radio--item-input {
    display: none;
    position: absolute;
    left: 0;
    top: 0
}

.designs__data--radio .designs__data--radio--container .designs__data--radio--item-input:checked + .designs__data--radio--item--label {
    border: 1px solid #4fcce9;
    box-shadow: 2px 5px 10px rgba(79, 204, 233, .4)
}

.designs__data--radio .designs__data--radio--container .designs__data--radio--item--label {
    position: relative;
    width: 400px;
    text-align: center;
    border: 1px solid #e0e0e2;
    border-radius: 10px;
    padding: 40px 20px;
    transition-duration: .1s;
    height: 550px;
    cursor: pointer !important
}

.designs__data--radio .designs__data--radio--container .designs__data--radio--item-icon {
    margin-bottom: 15px
}

.designs__data--radio .designs__data--radio--container .designs__data--radio--item--title {
    font-size: 16px;
    text-align: center;
    font-weight: 700;
    color: #424750;
    margin-bottom: 40px
}

.designs__data--radio .designs__data--radio--container .designs__data--radio--item--content {
    font-size: 15px;
    text-align: justify;
    line-height: 25px;
    font-weight: 400;
    color: #424750
}

.designs__data--radio .designs__data--radio--container .design__data--radio--pricelist {
    margin-top: 40px;
    margin-bottom: 40px
}

.designs__data--radio .designs__data--radio--container .design__data--radio--pricelist .design__data--radio--pricelist--item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px
}

.designs__data--radio .designs__data--radio--container .design__data--radio--pricelist .design__data--radio--pricelist--item .design__data--radio--pricelist--item--title {
    font-size: 14px;
    text-align: right;
    font-weight: 400;
    color: #424750
}

.designs__data--radio .designs__data--radio--container .design__data--radio--pricelist .design__data--radio--pricelist--item .design__data--radio--pricelist--item--price {
    font-size: 11px;
    font-weight: 400
}

.designs__data--radio .designs__data--radio--container .design__data--radio--pricelist .design__data--radio--pricelist--item .design__data--radio--pricelist--item--price .ch_price {
    font-size: 17px
}

.designs__data--radio .designs__data--radio--container .designs__data--radio--select {
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    height: 44px;
    padding: 11px 16px;
    background-color: #4fcce9;
    color: #fff;
    width: 90%;
    border-radius: 10px;
    border: 1px solid transparent;
    cursor: pointer;
    position: absolute;
    bottom: 30px
}

.designs__data--radio .designs__data--radio--container .designs__data--radio--select:hover {
    box-shadow: 0 6px 12px 0 rgba(79, 204, 233, .4)
}

.designs__data--radio .designs__data--radio--container .designs__data--radio--select:focus {
    outline: none
}

.job_traid--select-width {
    width: 300px
}

.dropzone .dz-preview.dz-image-preview {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content
}

.color-input {
    font-family: sans-serif
}

.color-input::-moz-placeholder {
}

.color-input:-ms-input-placeholder {
}

.color-input::placeholder {
}

.ui-colorpicker-cmyk-c, .ui-colorpicker-cmyk-k, .ui-colorpicker-cmyk-m, .ui-colorpicker-cmyk-y {
    direction: ltr;
    text-align: left;
    padding-right: 5px
}

.ui-colorpicker-alpha label, .ui-colorpicker-cmyk label, .ui-colorpicker-hsl label, .ui-colorpicker-hsv label, .ui-colorpicker-lab label, .ui-colorpicker-rgb label {
    width: 12px !important;
    margin-right: 10px
}

.ui-widget button, .ui-widget input, .ui-widget select, .ui-widget textarea {
    direction: ltr;
    text-align: left;
    border: 1px solid #e0e0e2;
    border-radius: 10px;
    height: 36px;
    width: 50px;
    max-width: 50px;
    padding-left: 5px
}

.ui-dialog-buttonpane ui-widget-content {
    border: none !important
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: left !important
}

.ui-dialog .ui-dialog-buttonpane button {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 5px 15px;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content
}

.ui-colorpicker, .ui-dialog.ui-colorpicker {
    background-color: #f5f7fa;
    padding: 10px;
    border: 1px solid #e0e0e2;
    border-radius: 10px !important
}

.ui-dialog .ui-dialog-buttonpane {
    border-width: 0 !important;
    padding: 0 !important
}

.ui-colorpicker-cancel {
    background-color: #fff !important
}

.ui-colorpicker-ok {
    background-color: #4fcce9 !important;
    border: 1px solid #4fcce9 !important;
    font-weight: 700;
    color: #fff !important
}

.ui-colorpicker-preview-initial {
    display: none !important
}

.ui-colorpicker-preview-current {
    width: 90px !important;
    border-radius: 6px !important;
    box-shadow: inset 1px 1px 3px 0 rgba(0, 0, 0, .5) !important;
    border: 1px solid #dedede !important;
    height: 30px !important
}

.ui-colorpicker-border {
    border: none !important
}

.ui-dialog .ui-dialog-buttonpane button {
}

.ui-dialog-buttonset {
    display: contents
}

.ui-dialog .ui-dialog-buttonpane {
    background-color: transparent
}

@media only screen and (max-width: 768px) {
    .fix-l-m, .fix-r-m {
        margin-right: 0;
        padding-right: 0;
        padding-left: 0
    }

    .designs__header {
        margin-top: 40px
    }

    .designs__data--additional {
        margin-bottom: 40px;
        margin-top: -20px
    }

    .designs__data--additional .edd-root, .designs__data--additional .edd-root .edd-head {
        width: 100%
    }

    .designs__data--additional .designs__data--additional--label {
        margin-top: 20px
    }

    .designs__data--additional .designs__data--additional--input {
        width: 100%;
        border-radius: 10px;
        border: 1px solid #e0e0e2;
        padding: 9px 15px;
        height: 46px;
        font-weight: 400;
        color: #424750;
        font-size: 14px;
        font-weight: 500;
        margin-bottom: 10px
    }

    .designs__data--additional .designs__data--additional--input::-moz-placeholder {
        color: #a1a3a8;
        font-size: 14px
    }

    .designs__data--additional .designs__data--additional--input:-ms-input-placeholder {
        color: #a1a3a8;
        font-size: 14px
    }

    .designs__data--additional .designs__data--additional--input::placeholder {
        color: #a1a3a8;
        font-size: 14px
    }

    .designs__data--additional .designs__data--additional--details {
        font-size: 13px;
        margin-right: 0;
        height: auto
    }

    .designs__data--dropzone .dropfile {
        margin-bottom: 10px
    }

    .designs__data--description {
        margin-top: 40px
    }

    .designs__data--description.factor__design {
        margin-top: 0;
        margin-bottom: 40px
    }

    .designs__data--summary {
        margin-top: 30px;
        display: flex;
        align-items: center;
        margin-bottom: 50px;
        flex-wrap: wrap;
        flex-flow: column
    }

    .designs__data--summary .designs__data--summary--title {
        display: block;
        width: 100%;
        margin-left: 0;
        font-size: 14px;
        height: auto;
        margin-bottom: 10px
    }

    .designs__data--summary .designs__data--summary--button {
        font-size: 14px;
        font-weight: 500;
        text-align: center;
        height: 44px;
        padding: 11px 16px;
        background-color: #e25098;
        color: #fff;
        width: 100%;
        border-radius: 10px;
        border: 1px solid transparent;
        cursor: pointer
    }

    .designs__data--summary .designs__data--summary--button:hover {
        box-shadow: 0 6px 12px 0 rgba(226, 80, 152, .4)
    }

    .designs__data--summary .designs__data--summary--button:focus {
        outline: none
    }

    .designs__data--content .designs__data--content--title {
        font-size: 16px;
        font-weight: 700;
        margin-bottom: 20px;
        color: #424750
    }

    .designs__data--content .designs__data--content--items {
        list-style: inside
    }

    .designs__data--content .designs__data--content--items li {
        margin-bottom: 15px;
        font-size: 14px;
        font-weight: 400;
        color: #424750
    }

    .designs__data--radio .designs__data--radio--title {
        margin-bottom: 25px
    }

    .designs__data--radio .designs__data--radio--container {
        margin-bottom: 30px;
        flex-wrap: wrap;
        flex-flow: column
    }

    .designs__data--radio .designs__data--radio--container .designs__data--radio--item--label {
        width: 100%;
        padding: 30px 20px;
        height: 500px;
        margin-bottom: 20px
    }

    .designs__data--radio .designs__data--radio--container .designs__data--radio--item--title {
        margin-bottom: 20px
    }

    .designs__data--radio .designs__data--radio--container .design__data--radio--pricelist {
        margin-top: 30px;
        margin-bottom: 30px
    }

    .designs__data--radio .designs__data--radio--container .designs__data--radio--select {
        left: 16px
    }

    .job_traid--dd {
        width: 100% !important;
        bottom: 0 !important;
        top: auto !important;
        right: 0 !important
    }

    .job_traid--dd select {
        display: block
    }

    .job_traid--select-width {
        width: 100%
    }

    .edd-head {
        height: 46px
    }

    .ui-colorpicker-cmyk-c, .ui-colorpicker-cmyk-k, .ui-colorpicker-cmyk-m, .ui-colorpicker-cmyk-y {
        padding-right: 3px
    }

    .ui-colorpicker-alpha label, .ui-colorpicker-cmyk label, .ui-colorpicker-hsl label, .ui-colorpicker-hsv label, .ui-colorpicker-lab label, .ui-colorpicker-rgb label {
        width: 8px !important;
        margin-right: 8px;
        font-size: 11px
    }

    .ui-widget button, .ui-widget input, .ui-widget select, .ui-widget textarea {
        border-radius: 10px;
        height: 36px;
        width: 40px;
        max-width: 40px
    }

    .ui-dialog .ui-dialog-buttonpane button {
        padding: 5px 10px
    }

    .ui-colorpicker-preview-current {
        width: 50px !important
    }

    .ui-colorpicker, .ui-dialog.ui-colorpicker {
        width: -webkit-fill-available !important
    }

    .color__special--error {
        top: auto;
        left: 105px;
        right: auto !important;
        bottom: 43px !important;
        background-color: #fff;
        font-size: 13px !important
    }

    .job__special--error {
        right: 225px !important;
        top: 24px;
        width: 100%;
        font-size: 10px !important
    }
}

@media only screen and (max-width: 480px) {
    .fix-l-m, .fix-r-m {
        margin-right: 0
    }

    .fix-l-m {
        padding-left: 0
    }
}

.upload__services--description {
    border: 1px solid #e0e0e2;
    border-radius: 10px;
    padding: 25px;
    margin-top: 50px;
    margin-bottom: 50px;
    color: #424750
}

.upload__services--description .upload__services--description--header {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.25;
    color: #424750;
    margin-top: 0;
    margin-bottom: 20px
}

.upload__services--description .upload__services--description--content {
    font-size: 14px;
    margin-bottom: 20px;
    font-weight: 400;
    text-align: justify;
    line-height: 25px
}

.upload__services--description .upload__services--description--content--title {
    font-size: 14px;
    margin-bottom: 10px;
    font-weight: 700;
    text-align: justify;
    line-height: 25px
}

.upload__services--description .upload__services--download--button {
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    height: 44px;
    padding: 11px 16px;
    background-color: #4fcce9;
    color: #fff;
    width: 100%;
    border-radius: 10px;
    border: 1px solid transparent;
    cursor: pointer;
    display: block;
    margin-top: 20px
}

.upload__services--description .upload__services--download--button:hover {
    box-shadow: 0 6px 12px 0 rgba(79, 204, 233, .4)
}

.upload__services--description .upload__services--download--button:focus {
    outline: none
}

.upload__services--description .upload__services--description--list {
    list-style: inside
}

.upload__services--description .upload__services--description--list .upload__services--description--list--item {
    margin-bottom: 10px
}

.upload__services--description .upload__services--description--list .upload__services--description--list--item:last-child {
    margin-bottom: 0
}

.upload__services--description .upload__services--description--list .upload__services--description--list--header {
    font-weight: 700;
    position: relative
}

.upload__services--description .upload__services--description--list .upload__services--description--list--header .design-services-readmore {
    position: absolute;
    left: 15px;
    top: 0;
    color: #4fcce9;
    cursor: pointer
}

.catalogue-description {
    height: 360px !important
}

.upload__services--description--modal {
    border: none;
    padding: 0
}

.upload__services--description--modal .upload__services--modal--header {
    font-size: 16px;
    font-weight: 700
}

.upload__services--col {
    margin-bottom: 20px
}

.upload__services--alert {
    font-weight: 700;
    font-size: 16px
}

.upload__data--dropzone .upload__data--loading {
    z-index: 1000
}

.upload__data--dropzone .upload__data--error, .upload__data--dropzone .upload__data--loading {
    position: absolute;
    top: 0;
    left: 15px;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    background-color: #f5f7fa;
    width: 540px;
    height: 540px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='100%25' height='100%25' fill='none' rx='10' ry='10' stroke='%23333' stroke-dasharray='12, 11, 13' stroke-dashoffset='80' stroke-linecap='square'/%3E%3C/svg%3E");
    border-radius: 10px
}

.upload__data--dropzone .upload__data--error {
    z-index: 1100
}

.upload__data--dropzone .upload__data--error .updload__failed--actions {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap
}

.upload__data--dropzone .upload__data--error .upload__data--error--goback {
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    height: 44px;
    padding: 11px 16px;
    background-color: #4fcce9;
    color: #fff;
    width: 100%;
    border-radius: 10px;
    border: 1px solid transparent;
    cursor: pointer;
    margin-bottom: 15px
}

.upload__data--dropzone .upload__data--error .upload__data--error--goback:hover {
    box-shadow: 0 6px 12px 0 rgba(79, 204, 233, .4)
}

.upload__data--dropzone .upload__data--error .upload__data--error--goback:focus {
    outline: none
}

.upload__data--dropzone .upload__data--error .upload__data--error--change {
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    height: 44px;
    padding: 11px 16px;
    background-color: transparent;
    color: #232933;
    width: 100%;
    border-radius: 10px;
    border: 1px solid #919499;
    cursor: pointer
}

.upload__data--dropzone .upload__data--error .upload__data--error--change:hover {
    background-color: rgba(145, 148, 153, .05)
}

.upload__data--dropzone .upload__data--error .upload__data--error--change:focus {
    outline: none
}

.upload__data--dropzone .upload__data--error .upload__data--error--list .upload__data--error--list--item {
    list-style: inside;
    color: #ff5151;
    font-size: 14px;
    text-align: right;
    margin-bottom: 10px
}

.upload__data--dropzone .upload__data--error .upload__data--error--list .upload__data--error--list--item:last-child {
    margin-bottom: 30px
}

.upload__data--dropzone .upload__data--preview {
    position: absolute;
    top: 0;
    left: 15px;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    background-color: #f5f7fa;
    width: 540px;
    height: 540px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='100%25' height='100%25' fill='none' rx='10' ry='10' stroke='%23333' stroke-dasharray='12, 11, 13' stroke-dashoffset='80' stroke-linecap='square'/%3E%3C/svg%3E");
    border-radius: 10px;
    z-index: 1200;
    padding: 20px
}

.upload__data--dropzone .upload__data--preview .upload__data--preview--image {
    max-width: 490px;
    max-height: 490px
}

.upload__data--dropzone .left__preview {
    left: 0
}

.upload__data--dropzone .dropfile {
    position: relative;
    width: 540px;
    height: 540px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='100%25' height='100%25' fill='none' rx='10' ry='10' stroke='%23333' stroke-dasharray='12, 11, 13' stroke-dashoffset='80' stroke-linecap='square'/%3E%3C/svg%3E");
    border-radius: 10px;
    border: none;
    background-color: #f5f7fa;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto 0 0
}

.upload__data--dropzone .dropfile .dropfile__image {
    text-align: center;
    margin: 20px auto;
    display: block
}

.upload__data--dropzone .dropfile .dropfile__description {
    font-size: 16px;
    font-weight: 400;
    line-height: 2;
    color: #424750;
    max-width: 350px;
    margin-bottom: 30px;
    text-align: justify;
    -moz-text-align-last: center;
    text-align-last: center
}

.upload__data--dropzone .dropfile .error-description {
    color: #ff5151
}

.dropfile-error {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='100%25' height='100%25' fill='none' rx='10' ry='10' stroke='%23EF5661FF' stroke-dasharray='12,11,13' stroke-linecap='square'/%3E%3C/svg%3E") !important
}

.upload__data--warnings {
    list-style: none;
    margin-top: 50px
}

.upload__data--warnings .upload__data--warnings--item {
    border: 1px solid rgba(249, 168, 37, .2);
    background-color: rgba(249, 168, 37, .05);
    color: #424750;
    height: 46px;
    padding: 10px 20px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: 400;
    cursor: default;
    margin-bottom: 20px
}

.upload__services--footer {
    margin-top: 50px;
    margin-bottom: 100px;
    position: relative
}

.upload__services--footer, .upload__services--footer .upload__services--checkbox, .upload__services--footer .upload__services--footer--actions--container {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.upload__services--footer .upload__services--checkbox {
    height: 46px;
    background-color: #f5f7fa;
    border-radius: 10px;
    margin-left: 20px;
    padding: 10px 15px;
    width: 100%
}

.upload__services--footer .upload__services--checkbox .ch__select .ch__select--label {
    font-size: 14px;
    font-weight: 400
}

.upload__services--footer .upload__services--footer--guid {
    color: #4fcce9;
    font-weight: 700;
    margin-left: 10px;
    cursor: pointer
}

.upload__services--footer .upload__services--footer--submit {
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    height: 44px;
    padding: 11px 16px;
    background-color: #e25098;
    color: #fff;
    width: 180px;
    border-radius: 10px;
    border: 1px solid transparent;
    cursor: pointer
}

.upload__services--footer .upload__services--footer--submit:hover {
    box-shadow: 0 6px 12px 0 rgba(226, 80, 152, .4)
}

.upload__services--footer .upload__services--footer--submit:focus {
    outline: none
}

.upload__services--footer .upload__services--footer--back {
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    height: 44px;
    padding: 11px 16px;
    background-color: transparent;
    color: #232933;
    width: 180px;
    border-radius: 10px;
    border: 1px solid #919499;
    cursor: pointer;
    margin-left: 10px
}

.upload__services--footer .upload__services--footer--back:hover {
    background-color: rgba(145, 148, 153, .05)
}

.upload__services--footer .upload__services--footer--back:focus {
    outline: none
}

.upload__services--footer .upload__services--agree-error {
    position: absolute;
    top: 57px;
    right: 40px;
    color: #ff5151
}

.oneside-dropzone-mgtop-fix {
    margin-top: 50px;
    left: 0 !important
}

.oneside-description-height {
    height: 540px;
    max-height: 540px;
    overflow: auto
}

.oneside-description-height::-webkit-scrollbar {
    width: 6px;
    background: #e0e0e2
}

.oneside-description-height::-webkit-scrollbar-track {
    background: #e0e0e2
}

.oneside-description-height::-webkit-scrollbar-thumb, .oneside-description-height::-webkit-scrollbar-thumb:hover {
    background: #c0c2c5
}

.filecheck {
    margin-bottom: -40px !important
}

.preview__delete {
    position: absolute;
    left: 20px;
    top: 20px;
    z-index: 1300;
    background-image: url(/images/icons/close-red.svg);
    background-color: hsla(0, 0%, 100%, .5647058823529412);
    width: 20px;
    height: 20px;
    padding: 20px;
    background-repeat: no-repeat;
    background-position: 50%;
    border: none;
    border-radius: 10px;
    cursor: pointer
}

.upload__services--modal--important--list {
    list-style: none
}

.upload__services--modal--important--list .upload__services--modal--important--list--item {
    margin-bottom: 10px;
    line-height: 25px
}

.upload__services--modal--important--list .upload__services--modal--important--list--item:before {
    content: "-";
    margin-left: 10px
}

.upload__services--modal--important--list .upload__services--modal--important--list--item:last-child {
    margin-bottom: 0
}

.upload__title {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.25;
    color: #424750;
    margin-top: 0;
    margin-bottom: 20px
}

.wizard__intro {
    border: 1px solid #e2e2e2;
    border-radius: 10px;
    padding: 50px 60px;
    margin-bottom: 100px
}

.wizard__intro .wizard__intro--title {
    font-size: 16px;
    font-weight: 700;
    color: #424750;
    display: block;
    text-align: center
}

.wizard__intro .wizard__intro--options {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    margin-top: 10px;
    margin-bottom: 40px
}

.wizard__intro .wizard__intro--options .wizard__intro--options--item {
    width: 260px;
    height: 170px
}

.wizard__intro .wizard__intro--options .wizard__intro--options--item .wizard__intro--options--item--input {
    opacity: 0
}

.wizard__intro .wizard__intro--options .wizard__intro--options--item input:checked + .wizard__intro--options--item--label {
    border: 1px solid #4fcce9;
    box-shadow: 0 0 0 1px #4fcce9
}

.wizard__intro .wizard__intro--options .wizard__intro--options--item .wizard__intro--options--item--label {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    flex-flow: column;
    cursor: pointer;
    border: 1px solid #e2e2e2;
    border-radius: 10px;
    padding: 25px;
    height: 200px
}

.wizard__intro .wizard__intro--options .wizard__intro--options--item .wizard__intro--options--item--label:hover {
    box-shadow: 0 6px 20px 4px rgba(66, 71, 80, .1)
}

.wizard__intro .wizard__intro--options .wizard__intro--options--item .wizard__intro--options--item--title {
    font-size: 14px;
    font-weight: 700;
    margin: 20px 0 0
}

.upload-progress-bar {
    height: 20px;
    background-color: #e2e2e2;
    border-radius: 10px;
    width: 200px;
    position: relative
}

.upload-progress-bar .progress-bar-fill {
    background-color: #e25098;
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    border-radius: 10px;
    height: 20px;
    transition: all 1s;
    box-shadow: 0 6px 12px 0 rgba(226, 80, 152, .4)
}

@media only screen and (max-width: 768px) {
    .upload__data--dropzone .upload__data--error, .upload__data--dropzone .upload__data--loading {
        top: 0;
        left: 0;
        width: 100%;
        height: 350px
    }

    .upload__data--dropzone .upload__data--preview {
        top: 0;
        left: 0;
        width: 100%;
        height: 350px;
        padding: 15px
    }

    .upload__data--dropzone .upload__data--preview .upload__data--preview--image {
        max-width: 100%;
        max-height: 220px
    }

    .upload__data--dropzone .left__preview, .upload__data--dropzone .m-left__preview {
        left: 0
    }

    .upload__data--dropzone .dropfile {
        position: relative;
        width: 100%;
        height: 350px;
        margin-bottom: 0
    }

    .upload__data--dropzone .dropfile .dropfile__description {
        max-width: 100%
    }

    .upload__services--footer {
        margin-top: 50px;
        display: block;
        margin-bottom: 100px
    }

    .upload__services--footer .upload__services--checkbox {
        height: auto;
        display: block;
        margin-left: 20px;
        padding: 10px 15px;
        width: 100%
    }

    .upload__services--footer .upload__services--checkbox .ch__select .ch__select--label {
        font-size: 14px;
        font-weight: 400
    }

    .upload__services--footer .upload__services--footer--submit {
        font-size: 14px;
        font-weight: 500;
        text-align: center;
        height: 44px;
        padding: 11px 16px;
        background-color: #e25098;
        color: #fff;
        width: 100%;
        border-radius: 10px;
        border: 1px solid transparent;
        cursor: pointer;
        margin-top: 20px
    }

    .upload__services--footer .upload__services--footer--submit:hover {
        box-shadow: 0 6px 12px 0 rgba(226, 80, 152, .4)
    }

    .upload__services--footer .upload__services--footer--submit:focus {
        outline: none
    }

    .upload__services--footer .upload__services--agree-error {
        top: 185px;
        right: auto
    }

    .oneside-dropzone-mgtop-fix {
        margin-top: 50px;
        left: 0 !important
    }

    .oneside-description-height {
        height: auto;
        max-height: 100%;
        overflow: auto
    }

    .filecheck {
        margin-bottom: -40px !important
    }

    .preview__delete {
        position: absolute;
        left: 20px;
        top: 20px;
        z-index: 2000;
        background-image: url(/images/icons/close-red.svg);
        background-color: hsla(0, 0%, 100%, .5647058823529412);
        width: 20px;
        height: 20px;
        padding: 20px;
        background-repeat: no-repeat;
        background-position: 50%;
        border: none;
        border-radius: 10px;
        cursor: pointer
    }

    .upload__services--footer .upload__services--footer--guid {
        display: block;
        margin-top: 12px;
        text-align: right
    }

    .ch__select .ch__select--content {
        line-height: 26px;
        display: -webkit-inline-box;
        text-align: justify
    }

    .upload__data--dropzone .upload__data--error .upload__data--error--goback {
        margin-bottom: 20px
    }

    .upload__services--description--list {
        list-style: inside
    }

    .upload__services--description--list .upload__services--description--list--item {
        margin-bottom: 10px
    }

    .upload__services--description--list .upload__services--description--list--item:last-child {
        margin-bottom: 0
    }

    .upload__services--description--list .upload__services--description--list--header {
        font-weight: 700;
        position: relative
    }

    .upload__services--description--list .upload__services--description--list--header .design-services-readmore {
        position: absolute;
        display: contents;
        left: 15px;
        top: 0;
        color: #4fcce9;
        cursor: pointer
    }

    .upload__services--description {
        margin-bottom: 0
    }

    .wizard__intro {
        padding: 40px 50px;
        margin-bottom: 60px
    }

    .wizard__intro .wizard__intro--title {
        font-size: 16px;
        font-weight: 700;
        color: #424750;
        display: block;
        text-align: center
    }

    .wizard__intro .wizard__intro--options {
        width: 100%;
        flex-wrap: wrap
    }

    .wizard__intro .wizard__intro--options .wizard__intro--options--item {
        width: 100%;
        height: 100%
    }

    .wizard__intro .wizard__intro--options .wizard__intro--options--item .wizard__intro--options--item--input {
        opacity: 0
    }

    .wizard__intro .wizard__intro--options .wizard__intro--options--item input:checked + .wizard__intro--options--item--label {
        border: 1px solid #4fcce9;
        box-shadow: 0 0 0 1px #4fcce9
    }

    .wizard__intro .wizard__intro--options .wizard__intro--options--item .wizard__intro--options--item--label {
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        flex-flow: column;
        cursor: pointer;
        border: 1px solid #e2e2e2;
        border-radius: 10px;
        padding: 25px;
        height: 200px
    }

    .wizard__intro .wizard__intro--options .wizard__intro--options--item .wizard__intro--options--item--label:hover {
        box-shadow: 0 6px 20px 4px rgba(66, 71, 80, .1)
    }

    .wizard__intro .wizard__intro--options .wizard__intro--options--item .wizard__intro--options--item--title {
        font-size: 14px;
        font-weight: 700;
        margin: 20px 0 0
    }

    .upload__services--footer .upload__services--footer--submit {
        margin-top: 0
    }

    margin-top:

10px

;.upload__services--footer .upload__services--checkbox {
     margin-bottom: 10px
 }
}

@media only screen and (max-width: 480px) {
    .upload__services--footer .upload__services--agree-error {
        display: contents
    }
}

.checkout__container {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    flex-flow: column
}

.checkout__container .checkout__container--title {
    max-width: 450px;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.25;
    text-align: center;
    color: #424750;
    margin-top: 50px;
    margin-bottom: 30px
}

.checkout__container .checkout__container--description {
    max-width: 470px;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.75;
    text-align: center;
    color: #81858b;
    margin-bottom: 50px;
    margin-top: 0
}

.checkout__container .checkout__container--action {
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    height: 44px;
    padding: 11px 16px;
    background-color: #4fcce9;
    color: #fff;
    width: 200px;
    border-radius: 10px;
    border: 1px solid transparent;
    cursor: pointer;
    margin-bottom: 210px
}

.checkout__container .checkout__container--action:hover {
    box-shadow: 0 6px 12px 0 rgba(79, 204, 233, .4)
}

.checkout__container .checkout__container--action:focus {
    outline: none
}

.checkout__container .checkout__container--action--outline {
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    height: 44px;
    padding: 11px 16px;
    background-color: transparent;
    color: #232933;
    width: 200px;
    border-radius: 10px;
    cursor: pointer;
    margin-bottom: 210px;
    color: #4fcce9;
    border: 1px solid #4fcce9
}

.checkout__container .checkout__container--action--outline:hover {
    background-color: rgba(145, 148, 153, .05)
}

.checkout__container .checkout__container--action--outline:focus {
    outline: none
}

.checkout__product {
    border-radius: 10px;
    box-shadow: 0 6px 20px 4px rgba(66, 71, 80, .1);
    border: 1px solid #e0e0e2;
    padding: 20px;
    margin-bottom: 20px
}

.checkout__product .checkout__product--image {
    margin-right: -15px;
    width: 170px;
    height: 170px
}

.checkout__product .checkout__product--details {
    border-bottom: 1px dashed #e0e0e2;
    padding-bottom: 20px;
    margin-bottom: 20px;
    margin-right: -10px
}

.checkout__product .checkout__product--details .checkout__product--details--name {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
    text-align: right;
    color: #424750;
    display: block;
    margin-bottom: 10px
}

.checkout__product .checkout__product--details .checkout__product--details--name--price {
    margin-right: 10px;
    color: #81858b;
    font-weight: 400;
    font-size: 14px
}

.checkout__product .checkout__product--details .checkout__product--details--details {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.43;
    text-align: right;
    color: #81858b;
    display: block;
    margin-bottom: 20px
}

.checkout__product .checkout__product--details .checkout__product--details--production {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.43;
    text-align: right;
    color: #81858b;
    display: block;
    margin-top: 25px;
    border-radius: 10px;
    background-color: #f5f7fa;
    padding: 10px;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-flow: column;
    text-align: justify
}

.checkout__product .checkout__product--details .checkout__product--details--production b {
    margin-bottom: 7px;
    text-align: right;
    float: right;
    margin-left: auto
}

.checkout__product .checkout__product--details .checkout__product--details--actions {
    display: flex;
    justify-content: space-between;
    align-items: flex-end
}

.checkout__product .checkout__product--details .checkout__product--details--actions .checkout__product--details--qty .checkout__product--details--qty--title {
    display: block;
    margin-bottom: 5px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.71;
    text-align: right;
    color: #424750
}

.checkout__product .checkout__product--details .checkout__product--details--actions .checkout__product--details--qty .checkout__product--details--qty-width {
    width: 150px
}

.checkout__product .checkout__product--details .checkout__product--details--actions .checkout__product--details--edit {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.checkout__product .checkout__product--details .checkout__product--details--actions .checkout__product--details--edit .checkout__product--details--edit--button {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    height: 44px;
    padding: 11px 16px;
    background-color: #4fcce9;
    color: #fff;
    width: 144px;
    border-radius: 10px;
    border: 1px solid transparent;
    cursor: pointer;
    height: 46px
}

.checkout__product .checkout__product--details .checkout__product--details--actions .checkout__product--details--edit .checkout__product--details--edit--button:hover {
    box-shadow: 0 6px 12px 0 rgba(79, 204, 233, .4)
}

.checkout__product .checkout__product--details .checkout__product--details--actions .checkout__product--details--edit .checkout__product--details--edit--button:focus {
    outline: none
}

.checkout__product .checkout__product--details .checkout__product--details--actions .checkout__product--details--edit .checkout__product--details--edit-delete {
    background-color: #f5f7fa;
    padding: 10px;
    margin-right: 10px;
    border-radius: 10px;
    cursor: pointer;
    height: 46px;
    width: 46px
}

.checkout__product .checkout__product--details .checkout__product--details--actions .checkout__product--details--edit .checkout__product--details--edit-delete img {
    width: 24px
}

.checkout__product .checkout__product--subtotal {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-right: -10px
}

.checkout__product .checkout__product--subtotal .checkout__product--subtotal--text {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.25;
    text-align: right;
    color: #424750
}

.checkout__product .checkout__product--subtotal .checkout__product--subtotal--values {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.checkout__product .checkout__product--subtotal .checkout__product--subtotal--values .checkout__product--subtotal--values--discount {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-left: 40px
}

.checkout__product .checkout__product--subtotal .checkout__product--subtotal--values .checkout__product--subtotal--values--discount .checkout__product--subtotal--values--discount--value {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
    color: #ef5661;
    margin-left: 10px
}

.checkout__product .checkout__product--subtotal .checkout__product--subtotal--values .checkout__product--subtotal--values--discount .checkout__product--subtotal--values--discount--title {
    font-size: 12px;
    font-weight: 400;
    line-height: 2;
    color: #ef5661
}

.checkout__product .checkout__product--subtotal .checkout__product--subtotal--values .checkout__product--subtotal--values--subtotal {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.checkout__product .checkout__product--subtotal .checkout__product--subtotal--values .checkout__product--subtotal--values--subtotal .checkout__product--subtotal--values--subtotal--price {
    font-size: 22px;
    font-weight: 700;
    line-height: 1.09;
    color: #424750;
    margin-left: 10px
}

.checkout__product .checkout__product--subtotal .checkout__product--subtotal--values .checkout__product--subtotal--values--subtotal .checkout__product--subtotal--values--subtotal--title {
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    line-height: 1.5;
    text-align: right;
    color: #424750
}

.checkout__product--details--counter {
    margin-top: 20px;
    display: block;
    position: relative
}

.checkout__product--details--counter .checkout__product--details--counter--title {
    display: block;
    margin-bottom: 5px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.71;
    text-align: right;
    color: #424750
}

.checkout__product--details--counter .checkout__product--details--counter--input {
    width: 150px;
    border-radius: 10px;
    border: 1px solid #e0e0e2;
    padding: 9px 15px;
    height: 46px;
    font-weight: 400;
    color: #424750;
    font-size: 14px;
    font-weight: 500
}

.checkout__product--details--counter .checkout__product--details--counter--input::-moz-placeholder {
    color: #a1a3a8;
    font-size: 14px
}

.checkout__product--details--counter .checkout__product--details--counter--input:-ms-input-placeholder {
    color: #a1a3a8;
    font-size: 14px
}

.checkout__product--details--counter .checkout__product--details--counter--input::placeholder {
    color: #a1a3a8;
    font-size: 14px
}

.checkout__product--details--counter .checkout__product--details--counter--submit {
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    height: 44px;
    padding: 11px 16px;
    background-color: #4fcce9;
    color: #fff;
    width: auto;
    border-radius: 10px;
    border: 1px solid transparent;
    cursor: pointer
}

.checkout__product--details--counter .checkout__product--details--counter--submit:hover {
    box-shadow: 0 6px 12px 0 rgba(79, 204, 233, .4)
}

.checkout__product--details--counter .checkout__product--details--counter--submit:focus {
    outline: none
}

.checkout__page .checkout__page--title {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.25;
    color: #424750;
    display: inline-block;
    margin-bottom: 30px;
    border-left: 1px solid #e0e0e2;
    padding-left: 20px;
    margin-left: 20px;
    margin-right: 15px
}

.checkout__page .checkout__page--description {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.75;
    text-align: center;
    color: #81858b;
    margin-top: 0;
    display: inline-block
}

.checkout__page .checkout__page--container {
    display: flex
}

.checkout__page .checkout__page--container .checkout__page--content {
    width: 790px;
    display: inline-block;
    margin-left: 20px
}

.checkout__page .checkout__page--container .checkout__page--sidebar {
    width: 310px;
    display: inline-block;
    margin-bottom: 50px
}

.ch__checkout--sidebar--error {
    margin-top: 20px;
    font-size: 14px;
    text-align: justify;
    height: auto;
    padding: 20px
}

.chekcout__summary {
    border-radius: 10px;
    box-shadow: 0 6px 20px 4px rgba(66, 71, 80, .1);
    border: 1px solid #e0e0e2;
    padding: 20px
}

.chekcout__summary .checkout__summary--item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px
}

.chekcout__summary .checkout__summary--item .checkout__summary--item--title {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.57;
    text-align: right;
    color: #424750
}

.chekcout__summary .checkout__summary--item .checkout__summary--item--value {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.chekcout__summary .checkout__summary--item .checkout__summary--item--value .checkout__summary--item--price {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.57;
    text-align: right;
    color: #424750;
    margin-left: 10px
}

.chekcout__summary .checkout__summary--item .checkout__summary--item--value .checkout__summary--item--currency {
    font-size: 12px;
    font-weight: 400;
    line-height: 1.57;
    text-align: right;
    color: #424750
}

.chekcout__summary .checkout__summary--total {
    padding-top: 20px;
    border-top: 1px solid #e0e0e2
}

.chekcout__summary .checkout__summary--total .checkout__summary--item--price, .chekcout__summary .checkout__summary--total .checkout__summary--item--title {
    font-weight: 700
}

.chekcout__summary .checkout__summary--total .checkout__summary--continue {
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    height: 44px;
    padding: 11px 16px;
    background-color: #e25098;
    color: #fff;
    width: 100%;
    border-radius: 10px;
    border: 1px solid transparent;
    cursor: pointer;
    margin-top: 20px;
    display: block
}

.chekcout__summary .checkout__summary--total .checkout__summary--continue:hover {
    box-shadow: 0 6px 12px 0 rgba(226, 80, 152, .4)
}

.chekcout__summary .checkout__summary--total .checkout__summary--continue:focus {
    outline: none
}

.checkout__contact {
    border-radius: 10px;
    border: 1px solid #e0e0e2;
    padding: 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 20px
}

.checkout__contact .checkout__contact--title {
    font-size: 12px;
    font-weight: 400;
    line-height: 1.57;
    text-align: right;
    color: #81858b
}

.checkout__contact .checkout__contact--number {
    font-size: 12px;
    font-weight: 500;
    line-height: 1.57;
    text-align: right;
    color: #424750
}

.checkout__addmore {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    border: 1px solid #4fcce9;
    margin-top: 40px;
    width: 100%;
    padding: 12px;
    margin-bottom: 100px;
    cursor: pointer
}

.checkout__addmore .checkout__addmore--title {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.57;
    text-align: right;
    color: #4fcce9;
    margin-right: 10px;
    text-decoration: none
}

.chekcout__box {
    border-radius: 10px;
    box-shadow: 0 6px 20px 4px rgba(66, 71, 80, .1);
    border: 1px solid #e0e0e2;
    background-color: #fff;
    padding: 20px;
    margin-bottom: 20px;
    position: relative
}

.chekcout__box .checkout__box--title {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.38;
    text-align: right;
    color: #424750;
    padding-bottom: 20px;
    border-bottom: 1px solid #e0e0e2;
    margin-bottom: 30px;
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.chekcout__box .checkout__box--badge {
    border-radius: 12px;
    background-color: #c0c2c5;
    padding: 3px 10px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.83;
    text-align: right;
    color: #fff;
    margin-right: 20px
}

.chekcout__box .checkout__box--new {
    color: #4fcce9;
    font-size: 10px;
    font-weight: 400;
    left: 0;
    position: absolute;
    cursor: pointer
}

.chekcout__box .checkout__box--new img {
    height: 12px;
    width: 12px
}

.chekcout__box .checkout__box--content {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    text-align: right;
    color: #424750
}

.chekcout__box .checkout__box--content .checkout__box--content--link {
    color: #81858b
}

.chekcout__box .inline-address-alert {
    margin-bottom: 20px;
    margin-right: 29px
}

.chekcout__box .fix-inline-box-content {
    margin-right: 29px;
    text-align: justify;
    font-size: 14px
}

.chekcout__box .checkout__box--notif {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border-radius: 10px;
    border: 1px solid rgba(249, 168, 37, .2);
    background-color: rgba(249, 168, 37, .05);
    width: 400px;
    height: 44px;
    padding: 10px 20px;
    margin-top: 20px
}

.chekcout__box .checkout__box--select {
    margin-bottom: 30px;
    position: relative
}

.chekcout__box .checkout__box--select .nature__factor--container {
    margin-top: 0;
    margin-right: 28px;
    width: 70%;
    justify-content: normal;
    height: 46px;
    padding: 10px;
    color: inherit;
    border: 1px solid #57cfb1;
    font-size: 15px
}

.chekcout__box .checkout__box--select .nature__factor--container p {
    margin: 0 10px 0 0
}

.chekcout__box .checkout__box--select .nature__factor--container img {
    width: 20px
}

.chekcout__box .checkout__box--select:last-child {
    margin-bttom: 0
}

.chekcout__box .checkout__box--select .ch__select--label {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.71;
    text-align: right;
    color: #424750
}

.chekcout__box .checkout__box--select .checkout__box--select--description {
    font-size: 14px;
    font-weight: 400;
    text-align: right;
    color: #81858b;
    display: block;
    margin-top: 10px;
    margin-right: 28px;
    text-align: justify
}

.chekcout__box .checkout__box--select .invoice-alert--message {
    color: #424750;
    height: auto;
    width: 100%;
    margin-bottom: 20px
}

.chekcout__box .checkout__box--select .description-invoice-box {
    color: #4fcce9;
    display: inline;
    margin-right: 0
}

.chekcout__box .invoice__options {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap
}

.chekcout__box .invoice__options .ch__radio--content {
    font-size: 15px
}

.chekcout__box .invoice__name {
    color: #4fcce9
}

.chekcout__box .checkout__box--radio {
    margin-bottom: 30px;
    position: relative
}

.chekcout__box .checkout__box--radio:last-child {
    margin-bottom: 0
}

.chekcout__box .checkout__box--radio .ch__radio--label {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    text-align: right;
    color: #424750
}

.chekcout__box .checkout__box--radio .checkout__box--radio--label--action {
    font-size: 14px;
    font-weight: 400;
    text-align: right;
    color: #4fcce9;
    position: absolute;
    left: 0;
    top: 0;
    cursor: pointer
}

.chekcout__box .checkout__box--radio .checkout__box--radio--description {
    font-size: 14px;
    font-weight: 400;
    text-align: right;
    color: #424750;
    display: block;
    margin-top: 10px;
    margin-right: 28px
}

.chekcout__box .checkout__box--radio .checkout__box--radio--description img {
    width: 20px;
    height: 20px;
    margin-left: 10px
}

.chekcout__box .checkout__box--radio .gray {
    color: #81858b
}

.chekcout__box .product__list--item {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 24px
}

.chekcout__box .product__list--item:last-child {
    margin-bottom: 0
}

.chekcout__box .product__list--item .product__list--item--image {
    width: 60px;
    height: 60px
}

.chekcout__box .product__list--item .product__list--item--details {
    margin-right: 20px
}

.chekcout__box .product__list--item .product__list--item--details .product__list--item--title {
    font-size: 12px;
    font-weight: 700;
    line-height: 2;
    text-align: right;
    color: #424750;
    display: block;
    margin-top: 0
}

.chekcout__box .product__list--item .product__list--item--details .product__list--item--description {
    font-size: 12px;
    font-weight: 400;
    line-height: 1.67;
    text-align: right;
    color: #81858b;
    display: block
}

.address-wrapper {
    width: 78%;
    display: inline-block
}

.address__modal--title {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
    text-align: right;
    color: #424750;
    margin-top: 10px;
    margin-bottom: 15px
}

.address__modal--item {
    padding: 15px 10px;
    border-radius: 10px;
    border: 1px solid #e0e0e2;
    margin-bottom: 15px;
    position: relative
}

.address__modal--item .address__modal--item--content {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    text-align: right;
    color: #424750;
    margin-bottom: 15px;
    width: 78%;
    display: inline-block
}

.address__modal--item .address__modal--item--details {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: 10px
}

.address__modal--item .address__modal--item--details--description {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.43;
    text-align: right;
    color: #424750;
    margin-left: 40px
}

.address__modal--item .address__modal--item--details--description img {
    margin-left: 10px
}

.address__modal--item .address__modal--actions {
    position: absolute;
    left: 10px;
    top: 15px
}

.address__modal--item .address__modal--actions .address__modal--actions--delete {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.71;
    text-align: right;
    color: #4fcce9;
    height: 24px;
    padding-left: 9px;
    border-left: 1px solid #e0e0e2;
    cursor: pointer
}

.address__modal--item .address__modal--actions .address__modal--actions--edit {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.71;
    text-align: right;
    color: #4fcce9;
    height: 24px;
    padding-right: 9px;
    cursor: pointer
}

.address__modal__addmore {
    margin-top: 0;
    margin-bottom: 30px
}

.address__modal--buttons {
    float: left;
    margin-bottom: 20px
}

.address__modal--buttons .address__modal--buttons--submit {
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    height: 44px;
    padding: 11px 16px;
    background-color: #4fcce9;
    color: #fff;
    width: 100px;
    border-radius: 10px;
    border: 1px solid transparent;
    cursor: pointer;
    margin-left: 20px
}

.address__modal--buttons .address__modal--buttons--submit:hover {
    box-shadow: 0 6px 12px 0 rgba(79, 204, 233, .4)
}

.address__modal--buttons .address__modal--buttons--submit:focus {
    outline: none
}

.address__modal--buttons .payment-form {
    width: 200px;
    margin-left: 0
}

.address__modal--buttons .address__modal--buttons--cancel {
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    height: 44px;
    padding: 11px 16px;
    background-color: transparent;
    color: #232933;
    width: 100px;
    border-radius: 10px;
    border: 1px solid #919499;
    cursor: pointer;
    display: inline-block
}

.address__modal--buttons .address__modal--buttons--cancel:hover {
    background-color: rgba(145, 148, 153, .05)
}

.address__modal--buttons .address__modal--buttons--cancel:focus {
    outline: none
}

.address__modal--buttons .address__modal--buttons--submit--disabled {
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    height: 44px;
    padding: 11px 16px;
    background-color: #e0e0e2;
    color: #fff;
    width: 100px;
    border-radius: 10px;
    border: 1px solid #e0e0e2;
    cursor: not-allowed
}

.address__modal--buttons .address__modal--buttons--submit--disabled:focus {
    outline: none
}

.address__modal--buttons .address__modal--buttons--submit--disabled:hover {
    box-shadow: none
}

.new__address--modal--inputs {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.new__address--modal--inputs .new__address--modal--input {
    width: 50%;
    margin-right: 20px;
    margin-bottom: 20px;
    position: relative
}

.new__address--modal--inputs .new__address--modal--input:first-child {
    margin-right: 0
}

.new__address--modal--inputs .new__address--modal--input .new__address--modal--input--label {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.71;
    text-align: right;
    color: #424750;
    display: block;
    position: relative
}

.new__address--modal--inputs .new__address--modal--input .new__address--modal--input--input {
    width: 100%;
    border-radius: 10px;
    border: 1px solid #e0e0e2;
    padding: 9px 15px;
    height: 46px;
    font-weight: 400;
    color: #424750;
    font-size: 14px;
    font-weight: 500
}

.new__address--modal--inputs .new__address--modal--input .new__address--modal--input--input::-moz-placeholder {
    color: #a1a3a8;
    font-size: 14px
}

.new__address--modal--inputs .new__address--modal--input .new__address--modal--input--input:-ms-input-placeholder {
    color: #a1a3a8;
    font-size: 14px
}

.new__address--modal--inputs .new__address--modal--input .new__address--modal--input--input::placeholder {
    color: #a1a3a8;
    font-size: 14px
}

.new__address--modal--inputs .new__address--modal--input--address, .new__address--modal--inputs .new__address--modal--input select {
    width: 100%
}

.new__address--modal--inputs .new__address--modal--input--city, .new__address--modal--inputs .new__address--modal--input--province {
    width: 100%;
    box-sizing: border-box;
    height: 46px;
    background-position: 5% 50%
}

.chekcout__discount {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px
}

.checkout__discount--input {
    width: 80%;
    border-radius: 10px;
    border: 1px solid #e0e0e2;
    padding: 9px 15px;
    height: 46px;
    font-weight: 400;
    color: #424750;
    font-size: 14px;
    font-weight: 500;
    margin-left: 20px
}

.checkout__discount--input::-moz-placeholder {
    color: #a1a3a8;
    font-size: 14px
}

.checkout__discount--input:-ms-input-placeholder {
    color: #a1a3a8;
    font-size: 14px
}

.checkout__discount--input::placeholder {
    color: #a1a3a8;
    font-size: 14px
}

.checkout__discount--button {
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    height: 44px;
    padding: 11px 16px;
    background-color: #4fcce9;
    color: #fff;
    width: 20%;
    border-radius: 10px;
    border: 1px solid transparent;
    cursor: pointer
}

.checkout__discount--button:hover {
    box-shadow: 0 6px 12px 0 rgba(79, 204, 233, .4)
}

.checkout__discount--button:focus {
    outline: none
}

.checkout__discount--success {
    background-color: rgba(160, 226, 208, .08235294117647059);
    color: #57cfb1
}

.checkout__discount--failed, .checkout__discount--success {
    font-size: 16px;
    font-weight: 400;
    height: 46px;
    border-radius: 10px;
    margin-top: 10px;
    display: flex;
    align-items: center;
    padding: 15px
}

.checkout__discount--failed {
    background-color: rgba(239, 86, 97, .06274509803921569);
    color: #ef5661
}

.radio-style {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    text-align: right;
    color: #424750
}

.radio-style, .radio-style:last-child {
    margin-bottom: 40px
}

.checkout__box--select--label--action {
    color: #4fcce9;
    top: 0
}

.checkout__box--select--label--action, .checkout__box--select--label--action--button {
    font-size: 14px;
    font-weight: 400;
    text-align: right;
    position: absolute;
    left: 0;
    cursor: pointer
}

.checkout__box--select--label--action--button {
    color: #4fcce9 !important;
    top: -15px;
    border: 1px solid #4fcce9;
    border-radius: 10px;
    padding: 12px 20px
}

.result__container {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    flex-flow: column;
    box-shadow: 0 6px 20px 4px rgba(66, 71, 80, .1);
    border: 1px solid #e0e0e2;
    padding: 60px;
    border-radius: 10px;
    margin-bottom: 100px
}

.result__container ul {
    list-style: inside;
    list-style-image: url(/images/dark-bullet.svg?b455672e1f000a8767a933bd7d7b19be)
}

.result__container .result__container--title {
    max-width: 450px;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.25;
    text-align: center;
    color: #424750;
    margin-top: 20px;
    margin-bottom: 30px
}

.result__container .offline__content {
    font-size: 14px;
    color: #424750;
    margin-bottom: 20px;
    max-width: 550px;
    text-align: justify;
    padding: 0 20px;
    margin-top: 10px
}

.result__container .result__container--result {
    max-width: 550px;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.75;
    text-align: center;
    color: #81858b;
    margin-bottom: 50px;
    margin-top: 0;
    background-color: #f5f7fa;
    padding: 12px 44px;
    border-radius: 10px
}

.result__container .result__container--result .result__container--result--item {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 8px
}

.result__container .result__container--result .offline__payment {
    justify-content: space-between
}

.result__container .result__container--result .offline__payment .extra--ways {
    margin-top: 20px
}

.result__container .result__container--result .result__container--result--title {
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.43;
    letter-spacing: normal;
    text-align: right;
    color: #81858b;
    margin-left: 40px
}

.result__container .result__container--result .result__container--result--value {
    font-size: 16px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.43;
    letter-spacing: normal;
    text-align: right;
    color: #424750
}

.result__container .result__container--result--offline {
    margin-top: 0;
    padding: 30px 30px 15px
}

.result__container .result__container--action {
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    height: 44px;
    padding: 11px 16px;
    background-color: #4fcce9;
    color: #fff;
    width: 200px;
    border-radius: 10px;
    border: 1px solid transparent;
    cursor: pointer;
    margin-bottom: 80px;
    margin-top: -30px
}

.result__container .result__container--action:hover {
    box-shadow: 0 6px 12px 0 rgba(79, 204, 233, .4)
}

.result__container .result__container--action:focus {
    outline: none
}

.result__container .result__container--home {
    font-stretch: normal;
    font-style: normal;
    line-height: 1.57;
    letter-spacing: normal;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    height: 44px;
    padding: 11px 16px;
    background-color: transparent;
    color: #232933;
    width: auto;
    border-radius: 10px;
    cursor: pointer;
    border: 1px solid #4fcce9;
    margin-bottom: 30px;
    display: block;
    color: #4fcce9;
    margin-top: 20px
}

.result__container .result__container--home:hover {
    background-color: rgba(145, 148, 153, .05)
}

.result__container .result__container--home:focus {
    outline: none
}

.multi-steps > li.is-active:before, .multi-steps > li.is-active ~ li:before {
    content: "";
    font-family: inherit;
    background-color: #e25098;
    font-weight: 700
}

.multi-steps > li.is-active:after, .multi-steps > li.is-active ~ li:after {
    background-color: #ededed
}

.multi-steps {
    display: table;
    table-layout: fixed;
    width: 50%;
    margin: 50px auto
}

.multi-steps > li {
    counter-increment: stepNum;
    text-align: center;
    display: table-cell;
    position: relative;
    color: #424750 !important;
    font-weight: 700;
    line-height: 3.2
}

.progress-step, .progress-step:focus, .progress-step:hover, .progress-step:visited {
    color: #424750
}

.multi-steps > li:before {
    content: "\f00c";
    content: "\2713;";
    content: "\10003";
    content: "\10004";
    content: "";
    display: block;
    margin: 0 auto 4px;
    background-color: #e25098;
    width: 20px;
    height: 20px;
    line-height: 32px;
    text-align: center;
    font-weight: 700;
    border: 4px solid rgba(226, 80, 152, .1);
    border-radius: 50%
}

.multi-steps > li:after {
    content: "";
    height: 3px;
    width: 100%;
    background-color: #e25098;
    position: absolute;
    top: 9px;
    left: -50%;
    z-index: -1
}

.multi-steps > li:last-child:after {
    display: none
}

.multi-steps > li.is-active:before {
    background-color: #e25098;
    border-color: rgba(226, 80, 152, .1);
    border-width: 4px
}

.multi-steps > li.is-active ~ li {
    color: #424750;
    font-weight: 400
}

.multi-steps > li.is-active ~ li:before {
    background-color: #ededed;
    border-color: #ededed
}

.tech__support {
    margin-top: 20px;
    margin-bottom: -10px
}

.tech__support .radio-style {
    margin-bottom: 5px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.71;
    text-align: right;
    color: #424750
}

.tech__support .tech__support--amount {
    margin-right: 10px;
    color: #81858b
}

.need__legal {
    font-size: 14px;
    font-weight: 400;
    text-align: right;
    position: absolute;
    left: 0;
    top: 0;
    cursor: pointer;
    opacity: 1 !important
}

.need__legal, .need__legal:hover {
    color: #4fcce9
}

.no__legal {
    color: rgba(129, 133, 139, .4392156862745098) !important
}

.no__legal--action {
    font-size: 14px;
    font-weight: 400;
    text-align: right;
    color: #4fcce9;
    cursor: pointer
}

.no__legal--action:hover {
    color: #4fcce9
}

.design__service--product {
    margin-right: 0 !important
}

.notification__popup {
    background-color: rgba(70, 70, 70, .5843137254901961);
    width: 100%;
    height: 100%;
    display: flex;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9000;
    justify-content: center;
    align-items: center
}

.notification__popup .notification__popup--container {
    background-color: #fff;
    width: 500px;
    height: auto;
    border-radius: 10px;
    padding: 20px
}

.notification__popup .notification__popup--container--title {
    font-size: 16px;
    font-weight: 700;
    color: #424750;
    margin-bottom: 15px
}

.notification__popup .notification__popup--container--content {
    font-size: 14px;
    font-weight: 400;
    color: #424750
}

.notification__popup .notification__popup--container--accept {
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    height: 44px;
    padding: 11px 16px;
    background-color: #4fcce9;
    color: #fff;
    width: auto;
    border-radius: 10px;
    border: 1px solid transparent;
    cursor: pointer;
    float: left;
    margin-top: 10px;
    text-decoration: none
}

.notification__popup .notification__popup--container--accept:hover {
    box-shadow: 0 6px 12px 0 rgba(79, 204, 233, .4)
}

.notification__popup .notification__popup--container--accept:focus {
    outline: none
}

.notification__popup .notification__popup--container--cancel {
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    height: 44px;
    padding: 11px 16px;
    background-color: transparent;
    color: #232933;
    width: auto;
    border-radius: 10px;
    border: 1px solid #919499;
    cursor: pointer;
    float: left;
    margin-top: 10px;
    margin-left: 10px;
    text-decoration: none
}

.notification__popup .notification__popup--container--cancel:hover {
    background-color: rgba(145, 148, 153, .05)
}

.notification__popup .notification__popup--container--cancel:focus {
    outline: none
}

.no-legal-data-error {
    height: auto;
    display: block;
    text-align: justify;
    font-size: 15px;
    line-height: 1.7
}

.shipping__details--container {
    border: 1px solid #e2e2e2;
    padding: 0 29px;
    border-radius: 10px;
    margin-bottom: 20px
}

.shipping__details--container .delivery__attention {
    margin-right: 29px
}

.delivery__attention {
    width: auto;
    height: auto;
    margin-top: 20px;
    font-size: 14px;
    color: inherit;
    font-weight: 400
}

.delivery__attention b {
    margin-left: 5px;
    margin-right: 5px
}

@media only screen and (max-width: 1200px) {
    .nature__factor--container {
        width: 90% !important
    }
}

@media only screen and (max-width: 768px) {
    .shipping__details--container .delivery__attention {
        margin-right: 0
    }

    .new__address--modal--inputs {
        flex-flow: column
    }

    .new__address--modal--inputs .new__address--modal--input {
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px
    }

    .new__address--modal--inputs .new__address--modal--input:first-child {
        margin-right: 0
    }

    .address__modal--buttons .address__modal--buttons--submit {
        margin-left: 0
    }

    .checkout__page .checkout__page--container {
        display: block
    }

    .checkout__page .checkout__page--container .checkout__page--content {
        width: 100%;
        margin-left: 0
    }

    .checkout__page .checkout__page--container .checkout__page--sidebar {
        width: 100%
    }

    .checkout__mobile--bottom {
        border-top: 1px solid #e0e0e2;
        width: 100%;
        display: flex;
        justify-content: space-around;
        align-items: center;
        height: 66px;
        background-color: #fff;
        position: fixed;
        bottom: 0;
        left: 0;
        box-shadow: 0 6px 20px 4px rgba(66, 71, 80, .1)
    }

    .checkout__mobile--bottom .checkout__mobile--next {
        text-align: center;
        width: 150px;
        background-color: #e25098;
        color: #fff;
        height: 46px;
        border-radius: 10px;
        display: flex;
        justify-content: center;
        align-items: center;
        border: none
    }

    .checkout__mobile--bottom .checkout__mobile--next a, .checkout__mobile--bottom .checkout__mobile--next a:active, .checkout__mobile--bottom .checkout__mobile--next a:hover, .checkout__mobile--bottom .checkout__mobile--next a:visited {
        color: #fff
    }

    .checkout__mobile--bottom .checkout__mobile--bottom--summary {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-flow: column
    }

    .checkout__mobile--bottom .checkout__mobile--bottom--summary .checkout__mobile--bottom--summary--title {
        font-size: 11px;
        color: #424750
    }

    .checkout__mobile--bottom .checkout__mobile--bottom--summary .checkout__mobile--bottom--summary--price .checkout__mobile--bottom--summary--value {
        font-size: 20px;
        font-weight: 700;
        color: #424750
    }

    .checkout__mobile--bottom .checkout__mobile--bottom--summary .checkout__mobile--bottom--summary--price .checkout__mobile--bottom--summary--currency {
        color: #424750;
        font-size: 11px
    }

    .checkout__box--title--shipping--mobile {
        background-color: #f5f7fa;
        padding: 5px 10px;
        border-radius: 10px
    }

    .checkout__box--title--shipping--mobile .checkout__box--title--shipping--mobile--title {
        font-size: 11px;
        color: #424750;
        margin-left: 5px
    }

    .checkout__box--title--shipping--mobile .checkout__box--title--shipping--mobile--price .checkout__box--title--shipping--mobile--value {
        font-size: 18px;
        font-weight: 700;
        color: #424750
    }

    .checkout__box--title--shipping--mobile .checkout__box--title--shipping--mobile--price .checkout__box--title--shipping--mobile--currency, .checkout__box--title--shipping--mobile .checkout__box--title--shipping--mobile--price .checkout__box--title--shipping--mobile--no--price {
        font-size: 11px;
        color: #424750
    }

    .checkout__product .checkout__product--details .checkout__product--details--name {
        margin-top: 10px;
        font-size: 14px
    }

    .checkout__product .checkout__product--details .checkout__product--details--actions .checkout__product--details--qty .checkout__product--details--qty--title, .checkout__product .checkout__product--details .checkout__product--details--details {
        font-size: 13px
    }

    .checkout__product .checkout__product--details .checkout__product--details--actions .checkout__product--details--qty .checkout__product--details--qty-width {
        width: 220px
    }

    .checkout__product--details--counter .checkout__product--details--counter--input {
        font-size: 13px;
        width: -webkit-fill-available;
        margin-left: 10px
    }

    .mobile__flex {
        display: flex;
        justify-content: space-between;
        align-items: center
    }

    .checkout__product .checkout__product--subtotal .checkout__product--subtotal--text {
        font-size: 14px
    }

    .checkout__product .checkout__product--subtotal .checkout__product--subtotal--values .checkout__product--subtotal--values--subtotal .checkout__product--subtotal--values--subtotal--price {
        font-size: 18px
    }

    .checkout__product .checkout__product--subtotal .checkout__product--subtotal--values .checkout__product--subtotal--values--subtotal .checkout__product--subtotal--values--subtotal--title {
        font-size: 14px
    }

    .checkout__addmore {
        margin-bottom: 0
    }

    .multi-steps {
        width: 100%;
        margin-bottom: 25px
    }

    .multi-steps > li {
        font-size: 11px
    }

    .chekcout__box .checkout__box--content {
        font-size: 14px
    }

    .chekcout__box .checkout__box--notif {
        width: auto;
        padding: 10px;
        display: flex;
        height: auto;
        text-align: justify;
        font-size: 12px
    }

    .chekcout__box .checkout__box--radio .checkout__box--radio--label--action {
        top: auto;
        cursor: pointer;
        bottom: 0
    }

    .see__address-mobile {
        top: 0 !important;
        bottom: auto !important
    }

    .chekcout__box .checkout__box--radio .ch__radio--label {
        font-size: 14px
    }

    .address-wrapper {
        width: 100%
    }

    .chekcout__box .checkout__box--radio .ch__radio--label {
        display: inline-flex
    }

    .chekcout__box .checkout__box--radio .checkout__box--radio--description {
        margin-top: 0;
        font-size: 13px
    }

    .need__legal {
        bottom: 0;
        top: auto;
        font-weight: 500
    }

    .chekcout__box .checkout__box--select .checkout__box--select--description, .need__legal {
        font-size: 13px
    }

    .chekcout__box .checkout__box--radio .checkout__box--radio--description {
        text-align: justify;
        padding-left: 10px
    }

    .chekcout__discount {
        flex-direction: column
    }

    .checkout__discount--input {
        margin-bottom: 10px;
        width: 100%;
        margin-left: 0
    }

    .checkout__discount--button {
        width: 100%
    }

    .radio-style:last-child {
        margin-bottom: 0;
        font-size: 14px
    }

    .checkout__box--select--label--action {
        font-size: 12px;
        top: 28px
    }

    .checkout__box--select--label--action--button {
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative
    }

    .address__modal--item .address__modal--item--details {
        align-items: flex-start;
        margin-top: 10px;
        flex-direction: column
    }

    .address__modal--item .address__modal--item--details--description {
        margin-bottom: 10px
    }

    .address__modal--item .address__modal--item--content {
        font-size: 14px;
        width: 100%;
        padding-left: 30px;
        text-align: justify
    }

    .address__modal--item .address__modal--actions {
        top: auto;
        bottom: 25px
    }

    .address__modal--buttons {
        float: none;
        display: flex;
        justify-content: space-between;
        margin-top: 10px
    }

    .checkout__submit--mobile {
        width: 50% !important;
        margin-left: 10px !important
    }

    .address__modal--buttons .address__modal--buttons--cancel {
        width: 50% !important
    }

    .address__modal--buttons .address__modal--buttons--submit--disabled {
        width: 50% !important;
        margin-left: 10px
    }

    .result__container {
        padding: 60px 20px
    }

    .result__container .result__container--result {
        font-size: 14px;
        padding: 20px
    }

    .result__container .result__container--home {
        height: auto
    }

    .result__container .result__container--title {
        font-size: 20px
    }

    .result__container .result__container--result .result__container--result--value {
        font-size: 14px
    }

    .result__container .result__container--result .result__container--result--title {
        margin-left: 10px
    }

    .result__container .result__container--result .offline__payment {
        justify-content: space-between;
        flex-direction: column;
        margin-bottom: 20px
    }

    .result__container .offline__content {
        padding: 0
    }

    .result__container ul {
        list-style: inside;
        list-style-image: url(/images/dark-bullet.svg?b455672e1f000a8767a933bd7d7b19be)
    }

    .ch__checkout--sidebar--error {
        margin-top: 0
    }

    .checkout__page .checkout__page--container .checkout__page--content .checkout__page--promotion {
        padding: 15px 5px
    }

    .notification__popup .notification__popup--container {
        width: 90%
    }

    .chekcout__box .invoice__options .ch__radio--content {
        margin-bottom: 10px;
        font-size: 13px
    }

    .chekcout__box .inline-address-alert {
        margin-bottom: 30px;
        margin-right: 0;
        height: auto
    }

    .chekcout__box .fix-inline-box-content {
        margin-right: 0;
        text-align: justify
    }

    .nature__factor--container {
        font-size: 14px !important
    }
}

@media only screen and (max-width: 320px) {
    .nature__factor--container {
        padding: 35px 10px !important
    }
}

.profile__container {
    display: flex;
    justify-content: space-between
}

.profile__container .profile__container--menu {
    width: 28%;
    margin-left: 20px
}

.profile__container .profile__container--content {
    width: 72%
}

.pr__header .pr__title {
    margin-bottom: 27px
}

.pr__header .pr__title .pr__title--title {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.25;
    color: #424750;
    padding-left: 34px;
    margin-left: 34px;
    border-left: 1px solid #e0e0e2;
    display: inline-block
}

.pr__header .pr__title .pr__title--page {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.38;
    text-align: right;
    color: #a1a3a8;
    display: inline-block
}

.pr__menu--container {
    padding: 23px 20px 0;
    box-shadow: 0 6px 20px 4px rgba(66, 71, 80, .1);
    border: 1px solid #e0e0e2;
    border-radius: 10px
}

.pr__menu--container .pr__menu--name {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.57;
    text-align: right;
    color: #424750;
    padding-bottom: 20px;
    width: 100%;
    border-bottom: 1px solid #e0e0e2;
    margin-bottom: 20px
}

.pr__menu--container .pr__menu--list {
    list-style: none
}

.pr__menu--container .pr__menu--list--item {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 21px;
    cursor: pointer;
    opacity: .6;
    transition-delay: .1s
}

.pr__menu--container .pr__menu--list--item:hover {
    opacity: 1
}

.pr__menu--container .pr__menu--list--item .pr__menu--list--item--title {
    margin-right: 20px;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.57;
    text-align: right;
    color: #424750
}

.pr__menu--container .active--item {
    opacity: 1
}

.pr__menu--container .pre__menu--list--divider {
    border-bottom: 1px solid #e0e0e2;
    height: 1px;
    display: block;
    margin-bottom: 21px
}

.pr__content--container {
    padding: 23px 20px;
    box-shadow: 0 6px 20px 4px rgba(66, 71, 80, .1);
    border: 1px solid #e0e0e2;
    border-radius: 10px;
    margin-bottom: 20px
}

.pr__content--container .pagination {
    width: 100%;
    border-top: none !important
}

.pr__content--container .pr__content--cotainer--header {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-bottom: 25px;
    width: 100%
}

.pr__content--container .pr__content--cotainer--header .pr__content--header--total {
    padding-left: 15px;
    margin-left: 15px;
    border-left: 1px solid #e0e0e2
}

.pr__content--container .pr__content--cotainer--header .pr__content--header--items {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.43;
    text-align: right;
    color: #a1a3a8
}

.pr__content--container .pr__orders--content--empty {
    min-height: 300px;
    justify-content: center;
    align-items: center;
    flex-flow: column;
    flex-wrap: wrap;
    display: none
}

.pr__content--container .pr__orders--content--empty .pr__orders--content--text {
    font-size: 14px;
    font-weight: 700;
    margin-top: 20px;
    line-height: 2.14;
    text-align: center;
    color: #424750
}

.pr__content--container .pr__content--container--title {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
    text-align: right;
    color: #424750;
    padding-bottom: 10px;
    border-bottom: 2px solid #4fcce9;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-bottom: 29px;
    cursor: pointer
}

.pr__content--container .pr__address--show {
    display: flex !important
}

.pr__content--container .pr__content--cotainer--content .pr__orders--content--add--empty {
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    height: 44px;
    padding: 11px 16px;
    background-color: #4fcce9;
    color: #fff;
    width: 165px;
    border-radius: 10px;
    border: 1px solid transparent;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 30px
}

.pr__content--container .pr__content--cotainer--content .pr__orders--content--add--empty:hover {
    box-shadow: 0 6px 12px 0 rgba(79, 204, 233, .4)
}

.pr__content--container .pr__content--cotainer--content .pr__orders--content--add--empty:focus {
    outline: none
}

.pr__content--container .pr__content--cotainer--content .pr__content--cotainer--content--item--right {
    position: relative;
    padding: 20px 0 20px 20px;
    border-bottom: 1px solid #e0e0e2;
    border-left: 1px solid #e0e0e2;
    min-height: 85px
}

.pr__content--container .pr__content--cotainer--content .pr__content--cotainer--content--item--left {
    position: relative;
    padding: 20px 20px 20px 0;
    border-bottom: 1px solid #e0e0e2;
    min-height: 85px
}

.pr__content--container .pr__content--cotainer--content .pr__content--container--content--title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 6px
}

.pr__content--container .pr__content--cotainer--content .pr__content--container--content--title--text {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.43;
    text-align: right;
    color: #81858b
}

.pr__content--container .pr__content--cotainer--content .pr__content--container--content--image {
    cursor: pointer
}

.pr__content--container .pr__content--cotainer--content .pr__content--container--content--details {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.25;
    text-align: right;
    color: #424750;
    height: 20px
}

.pr__content--container .pr__content--cotainer--content .last--line {
    border-bottom: none
}

.pr__content--container .pr__content--cotainer--content .pr__content--container--edit {
    color: #4fcce9;
    position: absolute;
    left: 0;
    bottom: 0;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.57;
    cursor: pointer
}

.pr__content--container .pr__content--cotainer--content .pr__content--container--edit span {
    margin-right: 10px
}

.pr__content--container .pr__content--cotainer--content .pr__content--edit .pr__content--edit--label {
    display: block;
    margin-bottom: 5px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.71;
    text-align: right;
    color: #424750;
    position: relative;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.pr__content--container .pr__content--cotainer--content .pr__content--edit .pr__content--edit--input {
    width: 100%;
    border-radius: 10px;
    border: 1px solid #e0e0e2;
    padding: 9px 15px;
    height: 46px;
    font-weight: 400;
    color: #424750;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 20px;
    box-sizing: border-box
}

.pr__content--container .pr__content--cotainer--content .pr__content--edit .pr__content--edit--input::-moz-placeholder {
    color: #a1a3a8;
    font-size: 14px
}

.pr__content--container .pr__content--cotainer--content .pr__content--edit .pr__content--edit--input:-ms-input-placeholder {
    color: #a1a3a8;
    font-size: 14px
}

.pr__content--container .pr__content--cotainer--content .pr__content--edit .pr__content--edit--input::placeholder {
    color: #a1a3a8;
    font-size: 14px
}

.pr__content--container .pr__content--cotainer--content .pr__content--edit--actions {
    min-height: 94px;
    display: flex;
    justify-content: flex-end;
    align-items: center
}

.pr__content--container .pr__content--cotainer--content .pr__content--edit--actions .pr__content--edit--submit {
    margin-top: 5px;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    height: 44px;
    padding: 11px 16px;
    background-color: #4fcce9;
    color: #fff;
    width: 115px;
    border-radius: 10px;
    border: 1px solid transparent;
    cursor: pointer;
    margin-left: 20px
}

.pr__content--container .pr__content--cotainer--content .pr__content--edit--actions .pr__content--edit--submit:hover {
    box-shadow: 0 6px 12px 0 rgba(79, 204, 233, .4)
}

.pr__content--container .pr__content--cotainer--content .pr__content--edit--actions .pr__content--edit--submit:focus {
    outline: none
}

.pr__content--container .pr__content--cotainer--content .pr__content--edit--actions .pr__content--edit--submit--disabled {
    margin-top: 5px;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    height: 44px;
    padding: 11px 16px;
    background-color: #e0e0e2;
    color: #fff;
    width: 115px;
    border-radius: 10px;
    border: 1px solid #e0e0e2;
    cursor: not-allowed;
    margin-left: 20px
}

.pr__content--container .pr__content--cotainer--content .pr__content--edit--actions .pr__content--edit--submit--disabled:focus {
    outline: none
}

.pr__content--container .pr__content--cotainer--content .pr__content--edit--actions .pr__content--edit--submit--disabled:hover {
    box-shadow: none
}

.pr__content--container .pr__content--cotainer--content .pr__content--edit--actions .pr__content--edit--cancel {
    margin-top: 5px;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    height: 44px;
    padding: 11px 16px;
    background-color: transparent;
    color: #232933;
    width: 115px;
    border-radius: 10px;
    border: 1px solid #919499;
    cursor: pointer
}

.pr__content--container .pr__content--cotainer--content .pr__content--edit--actions .pr__content--edit--cancel:hover {
    background-color: rgba(145, 148, 153, .05)
}

.pr__content--container .pr__content--cotainer--content .pr__content--edit--actions .pr__content--edit--cancel:focus {
    outline: none
}

.pr__content--container .pr__content--container--titles {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border-bottom: 1px solid #e0e0e2;
    width: 100%;
    margin-bottom: 29px
}

.pr__content--container .pr__content--container--titles .pr__content--container--title--tab {
    font-size: 16px;
    line-height: 1.5;
    text-align: right;
    color: #424750;
    padding-bottom: 10px;
    margin-left: 40px;
    border-bottom: 2px solid transparent;
    cursor: pointer;
    transition: all .1s ease-in
}

.pr__content--container .pr__content--container--titles .pr__content--container--title--tab.active {
    font-weight: 700;
    border-bottom: 2px solid #4fcce9
}

.pr__content--container .product__list {
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(0, 0, 0, .3);
    width: 100%;
    margin-bottom: 20px;
    max-height: 300px;
    overflow-y: auto
}

.pr__content--container .product__list::-webkit-scrollbar {
    width: 6px;
    background: #e0e0e2
}

.pr__content--container .product__list::-webkit-scrollbar-track {
    background: #e0e0e2
}

.pr__content--container .product__list::-webkit-scrollbar-thumb, .pr__content--container .product__list::-webkit-scrollbar-thumb:hover {
    background: #c0c2c5
}

.pr__content--container .product__list .product__list--container {
    padding-top: 10px;
    border-top: 1px dashed #e0e0e2
}

.pr__content--container .product__list > div:first-of-type {
    border-top: none
}

.pr__content--container .product__list--actions {
    margin-left: 20px
}

.pr__content--container .product__list--actions .product__list--actions--title {
    font-size: 14px;
    font-weight: 400;
    color: #4fcce9;
    padding-left: 9px;
    margin-left: 9px;
    border-left: 1px solid #4fcce9;
    cursor: pointer
}

.pr__content--container .product__list--actions .product__list--actions--title:last-child {
    margin-left: 0;
    padding-left: 0;
    border: none
}

.pr__content--container .product__list--item, .pr__content--container .product__list--item--product {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.pr__content--container .product__list--item {
    margin-bottom: 24px
}

.pr__content--container .product__list--item:last-child {
    margin-bottom: 0
}

.pr__content--container .product__list--item .product__list--item--image {
    width: 100px;
    height: 100px
}

.pr__content--container .product__list--item .product__list--item--details {
    margin-top: 20px
}

.pr__content--container .product__list--item .product__list--item--details .product__list--item--container {
    display: flex;
    align-items: center
}

.pr__content--container .product__list--item .product__list--item--details .product__list--item--container .product__list--item--preview {
    width: 100px;
    height: 100px;
    min-width: 100px;
    min-height: 100px;
    margin-left: 20px
}

.pr__content--container .product__list--item .product__list--item--details .product__list--item--container .product__list--item--preview img {
    max-width: 100%;
    max-height: 100%
}

.pr__content--container .product__list--item .product__list--item--details .product__list--item--container .product__list--item--title {
    font-size: 16px;
    font-weight: 700;
    line-height: 2;
    text-align: right;
    color: #424750;
    display: block
}

.pr__content--container .product__list--item .product__list--item--details .product__list--item--additional {
    font-size: 12px;
    margin-top: 5px;
    font-weight: 400;
    line-height: 1.67;
    text-align: right;
    color: #81858b;
    display: block
}

.pr__content--container .product__list--item .product__list--item--details .product__list--item--description {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.67;
    text-align: right;
    color: #81858b
}

.pr__content--container .product__list--item .product__list--item--details .product__list--item--price {
    font-size: 12px;
    font-weight: 700;
    line-height: 1.67;
    text-align: right;
    color: #424750;
    display: block;
    margin-top: 5px
}

.pr__content--container .product__list--item .product__list--item--details .product__list--item--price .product__list--item--price--title {
    font-size: 12px;
    font-weight: 400;
    line-height: 1.67;
    text-align: right;
    color: #424750
}

.add__legal {
    margin-bottom: 100px;
    border: 1px solid #4fcce9;
    border-radius: 10px;
    width: 100%;
    color: #4fcce9;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 46px;
    cursor: pointer
}

.add__legal img {
    margin-left: 10px
}

.add__legal:hover {
    box-shadow: 0 6px 12px 0 rgba(79, 204, 233, .4)
}

.edit__modals .edit__datil--form {
    padding: 30px
}

.edit__modals .modal__container {
    width: 440px
}

.edit__modals .edit__birthday-selects {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.edit__modals .edit__birthday-selects #day, .edit__modals .edit__birthday-selects #day .edd-root {
    width: 80px
}

.edit__modals .edit__birthday-selects #month, .edit__modals .edit__birthday-selects #month .edd-root {
    width: 140px
}

.edit__modals .edit__birthday-selects #year, .edit__modals .edit__birthday-selects #year .edd-root {
    width: 100px
}

.edit__modals .edit__birthday-selects .birthday__inputs {
    margin-bottom: 30px;
    display: block;
    box-sizing: border-box;
    width: inherit
}

.edit__modals .edit__datail--modal--input {
    position: relative
}

.edit__modals .edit__datail--modal--input .edit__datail--modal--input--label {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.71;
    text-align: right;
    color: #424750;
    margin-bottom: 5px
}

.edit__modals .edit__datail--modal--input .edit__datail--modal--input--input {
    width: 100%;
    border-radius: 10px;
    border: 1px solid #e0e0e2;
    padding: 9px 15px;
    height: 46px;
    font-weight: 400;
    color: #424750;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 30px
}

.edit__modals .edit__datail--modal--input .edit__datail--modal--input--input::-moz-placeholder {
    color: #a1a3a8;
    font-size: 14px
}

.edit__modals .edit__datail--modal--input .edit__datail--modal--input--input:-ms-input-placeholder {
    color: #a1a3a8;
    font-size: 14px
}

.edit__modals .edit__datail--modal--input .edit__datail--modal--input--input::placeholder {
    color: #a1a3a8;
    font-size: 14px
}

.edit__modals .edit__datail--modal--input .edit__detail--modal--input--notif {
    color: #4fcce9;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.67;
    text-align: right;
    position: absolute;
    left: 0;
    bottom: 5;
    cursor: pointer
}

.edit__modals .edit__datail--modal--input .edit__detail--modal--input--notif:hover {
    color: #4fcce9
}

.edit__modals .edit__datail--buttons--submit {
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    height: 44px;
    padding: 11px 16px;
    background-color: #4fcce9;
    color: #fff;
    width: 100%;
    border-radius: 10px;
    border: 1px solid transparent;
    cursor: pointer
}

.edit__modals .edit__datail--buttons--submit:hover {
    box-shadow: 0 6px 12px 0 rgba(79, 204, 233, .4)
}

.edit__modals .edit__datail--buttons--submit:focus {
    outline: none
}

.edit__modals .edit__dateil--buttons--submit-disable {
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    height: 44px;
    padding: 11px 16px;
    background-color: #e0e0e2;
    color: #fff;
    width: 100%;
    border-radius: 10px;
    border: 1px solid #e0e0e2;
    cursor: not-allowed
}

.edit__modals .edit__dateil--buttons--submit-disable:focus {
    outline: none
}

.edit__modals .edit__dateil--buttons--submit-disable:hover {
    box-shadow: none
}

.edit__modals .edit__datail--modal--select--label {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.71;
    text-align: right;
    color: #424750;
    margin-bottom: 30px;
    margin-right: 25px;
    display: inline-block
}

.pr__orders--content {
    min-height: 300px;
    justify-content: flex-start;
    align-items: flex-start;
    flex-flow: column;
    flex-wrap: wrap;
    display: none;
    position: relative
}

.pr__orders--content .pagination__container {
    width: 100%
}

.pr__orders--content .pr__orders--content--text {
    font-size: 14px;
    font-weight: 700;
    margin-top: 20px;
    line-height: 2.14;
    text-align: center;
    color: #424750
}

.pr__orders--content .product__list--summary {
    border-bottom: 1px solid #4fcce9;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding-bottom: 10px
}

.pr__orders--content .product__list--summary .product__list--summary--item {
    display: inline-block;
    justify-content: space-between;
    align-items: center;
    margin-left: 15px
}

.pr__orders--content .product__list--summary .product__list--summary--item .product__list--summary--title {
    margin-left: 5px;
    font-size: 12px;
    font-weight: 400;
    line-height: 2;
    text-align: right;
    color: #424750
}

.pr__orders--content .product__list--summary .product__list--summary--item .product__list--summary--value {
    margin-left: 10px;
    font-size: 12px;
    font-weight: 700;
    line-height: 2;
    text-align: right;
    color: #424750
}

.pr__orders--content .product__list--items {
    margin-bottom: 20px;
    border: 1px solid #e0e0e2;
    padding: 15px;
    border-radius: 10px;
    width: 100%;
    box-shadow: 0 6px 20px 4px rgba(66, 71, 80, .1)
}

.pr__orders--content .product__list--items:last-child {
    margin-bottom: 0
}

.pr__orders--content .product__list--items .profile__btn--container {
    display: flex;
    flex-wrap: wrap
}

.pr__orders--content .product__list--items .profile__btn--container > a {
    float: none;
    margin: 5px
}

.pr__orders--content .product__list--items .profile__payment--preinvoice {
    width: 170px
}

.pr__orders--content .product__list--items .profile__more--info--btn {
    margin: 0;
    float: none
}

.address__list--item {
    border-bottom: 1px solid #e0e0e2;
    position: relative;
    padding: 0 10px 20px;
    margin-bottom: 20px
}

.address__list--item .address__list--top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative
}

.address__list--item .address__list--item--title {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    text-align: right;
    color: #424750;
    margin-bottom: 10px
}

.address__list--item .address__list--item--content {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    text-align: right;
    color: #424750;
    margin-bottom: 15px;
    width: 78%;
    display: inline-block
}

.address__list--item .address__list--item--details {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: 10px
}

.address__list--item .address__list--item--details--description {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.43;
    text-align: right;
    color: #424750;
    margin-left: 40px
}

.address__list--item .address__list--item--details--description img {
    margin-left: 10px;
    opacity: .7
}

.address__list--item .address__modal--actions {
    position: absolute;
    left: 0;
    top: 0
}

.address__list--item .address__modal--actions .address__modal--actions--delete {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.71;
    text-align: right;
    color: #4fcce9;
    height: 24px;
    padding-left: 9px;
    border-left: 1px solid #e0e0e2;
    cursor: pointer
}

.address__list--item .address__modal--actions .address__modal--actions--edit {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.71;
    text-align: right;
    color: #4fcce9;
    height: 24px;
    padding-right: 9px;
    cursor: pointer
}

.add-new-address {
    cursor: pointer
}

.add-new-address .add-new-address-title {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.57;
    text-align: right;
    color: #4fcce9;
    margin-right: 10px
}

#profile-new-address .address__modal--buttons--submit {
    margin-left: 0
}

.new__address--modal--title {
    position: relative
}

.pr__content--edit--label--require {
    display: block;
    position: absolute;
    width: 5px;
    height: 5px;
    border-radius: 900px;
    background-color: #ef5661;
    top: 0;
    left: -5px
}

.show__input-error {
    position: absolute;
    color: #ff5151;
    font-size: 12px;
    right: 0;
    bottom: 5px
}

.legal__error {
    top: 3px;
    left: 20px;
    right: auto
}

.address__error {
    bottom: -20px
}

.input__error {
    border-color: #ef5661 !important
}

.checkout__error--redirect .checkout__error--redirect--item {
    height: 46px;
    background-color: rgba(239, 86, 97, .06274509803921569);
    color: #ef5661;
    width: 100%;
    border-radius: 10px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 10px;
    padding: 20px
}

.checkout__error--redirect .checkout__error--redirect--item:last-child {
    margin-bottom: 20px
}

.print-preinvoice {
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    height: 44px;
    padding: 11px 16px;
    background-color: transparent;
    color: #232933;
    width: 150px;
    border-radius: 10px;
    cursor: pointer;
    display: block;
    margin-bottom: 10px;
    border: 1px solid #4fcce9;
    color: #4fcce9
}

.print-preinvoice:hover {
    background-color: rgba(145, 148, 153, .05)
}

.print-preinvoice:focus {
    outline: none
}

.print-preinvoice:hover {
    color: #4fcce9
}

.upload__file--btn {
    color: #4fcce9 !important
}

.submit-offline {
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    height: 44px;
    padding: 11px 16px;
    background-color: transparent;
    color: #232933;
    width: 170px;
    border-radius: 10px;
    cursor: pointer;
    display: block;
    float: left;
    margin-bottom: 10px;
    border: 1px solid #4fcce9;
    color: #4fcce9 !important
}

.submit-offline:hover {
    background-color: rgba(145, 148, 153, .05)
}

.submit-offline:focus {
    outline: none
}

.submit-offline:hover {
    color: #4fcce9
}

.submit-offline-disabled {
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    height: 44px;
    padding: 11px 16px;
    background-color: transparent;
    color: #232933;
    width: auto;
    border-radius: 10px;
    cursor: pointer;
    display: block;
    float: left;
    margin-bottom: 10px;
    cursor: default;
    border: 1px solid #919499;
    color: #919499 !important;
    opacity: .7
}

.submit-offline-disabled:hover {
    background-color: rgba(145, 148, 153, .05)
}

.submit-offline-disabled:focus {
    outline: none
}

.submit-offline-disabled:hover {
    color: #4fcce9
}

.payment-preinvoice {
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    height: 44px;
    padding: 11px 16px;
    background-color: #4fcce9;
    color: #fff;
    width: auto;
    border-radius: 10px;
    border: 1px solid transparent;
    cursor: pointer;
    display: block;
    float: left;
    margin-bottom: 10px;
    margin-right: 10px
}

.payment-preinvoice:hover {
    box-shadow: 0 6px 12px 0 rgba(79, 204, 233, .4)
}

.payment-preinvoice:focus {
    outline: none
}

.payment__method--box {
    position: relative;
    text-align: center
}

.payment__method--box input {
    position: absolute;
    top: 0;
    left: 0;
    visibility: hidden;
    opacity: 0
}

.payment__method--box input:checked + label {
    border: 1px solid #4fcce9;
    box-shadow: 0 0 0 1px #4fcce9
}

.payment__method--card--container {
    position: relative;
    margin-bottom: 30px;
    width: 420px;
    height: 204px;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 6px 20px 4px rgba(66, 71, 80, .1);
    background-color: #fff;
    cursor: pointer
}

.payment__method--card .payment__method--card--head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px
}

.payment__method--card .payment__method--card--head .payment__method--card--head--logo {
    padding-left: 20px;
    border-left: 1px solid #e0e0e2;
    margin-left: 20px
}

.payment__method--card .payment__method--card--head .payment__method--card--head--details {
    display: flex;
    align-items: flex-start;
    width: 100%;
    flex-flow: column
}

.payment__method--card .payment__method--card--head--name {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%
}

.payment__method--card .payment__method--card--head--name .payment__method--card--title {
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.79;
    letter-spacing: normal;
    text-align: right;
    color: #424750
}

.payment__method--card .payment__method--card--head--name .payment__method--card--value {
    font-size: 14px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.79;
    letter-spacing: normal;
    color: #424750
}

.profile--legal--notif {
    margin-bottom: 20px
}

.profile--legal--notif .profile--legal--notif--bold {
    margin-left: 7px;
    margin-right: 7px
}

.profile--legal--notif .profile--legal--notif--bold a {
    color: #424750
}

@media only screen and (max-width: 768px) {
    .payment-preinvoice, .print-preinvoice, .submit-offline, .submit-offline-disabled {
        width: 100%
    }

    .profile__container {
        justify-content: center;
        flex-wrap: wrap;
        flex-flow: column
    }

    .profile__container .profile__container--menu {
        width: 100%;
        margin-left: 0;
        margin-bottom: 20px
    }

    .profile__container .profile__container--content {
        width: 100%
    }

    .pr__header .pr__title {
        margin-bottom: 20px
    }

    .pr__header .pr__title .pr__title--title {
        font-size: 24px;
        font-weight: 700;
        line-height: 1.25;
        color: #424750;
        padding-left: 20px;
        margin-left: 20px
    }

    .pr__menu--container .pr__menu--name {
        padding-bottom: 15px;
        margin-bottom: 15px
    }

    .pr__menu--container .pr__menu--list--item {
        position: relative;
        padding-bottom: 20px;
        border-bottom: 1px solid #e0e0e2
    }

    .pr__menu--container .pr__menu--list--item:after {
        background-image: url(/images/menu-arrow-left.svg?a6e390cd7532bb3ba5f31b187302154d);
        content: "";
        height: 20px;
        width: 20px;
        background-repeat: no-repeat;
        background-position: 0;
        left: 0;
        position: absolute
    }

    .pr__menu--container .pr__menu--list--item:last-child {
        border-bottom: none;
        padding-bottom: 0
    }

    .pr__menu--container .pre__menu--list--divider {
        display: none
    }

    .pr__content--container .pr__content--cotainer--content .pr__content--cotainer--content--item--right {
        position: relative;
        padding: 20px 0;
        border-left: none
    }

    .pr__content--container .pr__content--cotainer--content .pr__content--cotainer--content--item--left {
        position: relative;
        padding: 20px 0
    }

    .pr__content--container .pr__content--cotainer--content .last--line {
        border-bottom: 1px solid #e0e0e2
    }

    .pr__content--container .pr__content--cotainer--content .mobile--last--line {
        border-bottom: none
    }

    .pr__content--container .pr__content--cotainer--content .mobile--edit--legal--information {
        display: flex;
        justify-content: center;
        align-items: center;
        padding-bottom: 10px;
        margin-bottom: 0
    }

    .address__list--item {
        padding: 0;
        margin-bottom: 15px
    }

    .address__list--item .address__list--item--title {
        font-size: 14px;
        margin-bottom: 0
    }

    .address__list--item .address__list--item--content {
        font-size: 14px;
        width: 100%
    }

    .address__list--item .address__list--item--details {
        align-items: self-start
    }

    .address__list--item .address__list--item--details--description {
        margin-bottom: 10px;
        font-size: 12px;
        opacity: .8
    }

    .address__list--item .address__list--item--details--description img {
        opacity: .8
    }

    .address__list--item .address__modal--actions .address__modal--actions--delete, .address__list--item .address__modal--actions .address__modal--actions--edit {
        font-size: 12px
    }

    .pr__back--container {
        background-color: #fff;
        border: 1px solid #e0e0e2;
        border-radius: 10px;
        padding: 10px;
        justify-content: flex-start;
        box-shadow: 0 6px 20px 4px rgba(66, 71, 80, .1);
        margin-top: 20px
    }

    .pr__back--container, .pr__back--container .pr__back--title {
        display: flex;
        align-items: center
    }

    .pr__back--container .pr__back--title .pr__back--icon {
        margin-left: 10px
    }

    .pr__back--container .pr__back--title .pr__back--text {
        font-size: 16px;
        font-weight: 400;
        color: #424750
    }

    .pr__orders--content .product__list--summary .product__list--summary--item {
        display: inherit
    }

    .product__list--items > a {
        height: auto !important;
        margin-top: 20px;
        display: flex;
        justify-content: center
    }

    .product__list--items .profile__payment--preinvoice {
        width: 94% !important;
        margin-left: 15px
    }
}

@media only screen and (max-width: 480px) {
    .profile__container {
        justify-content: center;
        flex-wrap: wrap;
        flex-flow: column
    }

    .profile__container .profile__container--menu {
        width: 100%;
        margin-left: 0;
        margin-bottom: 20px
    }

    .profile__container .profile__container--content {
        width: 100%
    }

    .pr__header .pr__title {
        margin-bottom: 20px
    }

    .pr__header .pr__title .pr__title--title {
        font-size: 24px;
        font-weight: 700;
        line-height: 1.25;
        color: #424750;
        padding-left: 20px;
        margin-left: 20px
    }

    .pr__menu--container .pr__menu--name {
        padding-bottom: 15px;
        margin-bottom: 15px
    }

    .pr__menu--container .pr__menu--list--item {
        position: relative;
        padding-bottom: 20px;
        border-bottom: 1px solid #e0e0e2
    }

    .pr__menu--container .pr__menu--list--item:after {
        background-image: url(/images/menu-arrow-left.svg?a6e390cd7532bb3ba5f31b187302154d);
        content: "";
        height: 20px;
        width: 20px;
        background-repeat: no-repeat;
        background-position: 0;
        left: 0;
        position: absolute
    }

    .pr__menu--container .pr__menu--list--item:last-child {
        border-bottom: none;
        padding-bottom: 0
    }

    .pr__menu--container .pre__menu--list--divider {
        display: none
    }

    .pr__content--container .pr__content--cotainer--content .pr__content--cotainer--content--item--right {
        position: relative;
        padding: 20px 0;
        border-left: none
    }

    .pr__content--container .pr__content--cotainer--content .pr__content--cotainer--content--item--left {
        position: relative;
        padding: 20px 0
    }

    .pr__content--container .pr__content--cotainer--content .last--line {
        border-bottom: 1px solid #e0e0e2
    }

    .pr__content--container .pr__content--cotainer--content .mobile--last--line {
        border-bottom: none
    }

    .pr__content--container .pr__content--cotainer--content .mobile--edit--legal--information {
        display: flex;
        justify-content: center;
        align-items: center;
        padding-bottom: 10px;
        margin-bottom: 0
    }

    .pr__content--container .product__list--actions {
        margin-left: -30px;
        position: relative;
        top: -165px;
        float: left
    }

    .pr__content--container .product__list--actions .product__list--actions--title {
        font-size: 12px
    }

    .pr__content--container .product__list--item--product {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        flex-flow: column;
        flex-wrap: wrap
    }

    .pr__content--container .product__list--item {
        display: inline-block;
        margin-bottom: 15px
    }

    .pr__content--container .product__list--item:last-child {
        margin-bottom: 0
    }

    .pr__content--container .product__list--item .product__list--item--image {
        width: 100px;
        height: 100px
    }

    .pr__content--container .product__list--item .product__list--item--details {
        margin-right: 0;
        margin-top: 5px
    }

    .pr__content--container .product__list--item .product__list--item--details .product__list--item--title {
        font-size: 14px
    }

    .pr__content--container .product__list--item .product__list--item--details .product__list--item--additional {
        font-size: 11px
    }

    .pr__content--container .product__list--item .product__list--item--details .product__list--item--description {
        font-size: 12px
    }

    .pr__content--container .product__list {
        padding-bottom: 0
    }

    .pr__orders--content .product__list--summary {
        flex-flow: column;
        align-items: flex-start
    }

    .pr__orders--content .product__list--summary .product__list--summary--item {
        display: inline-block;
        justify-content: space-between;
        align-items: center;
        margin-left: 15px
    }

    .address__list--item {
        padding: 0;
        margin-bottom: 15px
    }

    .address__list--item .address__list--item--title {
        font-size: 14px;
        margin-bottom: 0
    }

    .address__list--item .address__list--item--content {
        font-size: 14px;
        width: 100%
    }

    .address__list--item .address__list--item--details {
        flex-wrap: wrap;
        flex-flow: column;
        align-items: self-start
    }

    .address__list--item .address__list--item--details--description {
        margin-bottom: 10px;
        font-size: 12px;
        opacity: .8
    }

    .address__list--item .address__list--item--details--description img {
        opacity: .8
    }

    .address__list--item .address__modal--actions {
        left: 0;
        bottom: -90px;
        top: auto
    }

    .address__list--item .address__modal--actions .address__modal--actions--delete, .address__list--item .address__modal--actions .address__modal--actions--edit {
        font-size: 12px
    }

    .pr__back--container {
        background-color: #fff;
        border: 1px solid #e0e0e2;
        border-radius: 10px;
        padding: 10px;
        justify-content: flex-start;
        box-shadow: 0 6px 20px 4px rgba(66, 71, 80, .1);
        margin-top: 20px
    }

    .pr__back--container, .pr__back--container .pr__back--title {
        display: flex;
        align-items: center
    }

    .pr__back--container .pr__back--title .pr__back--icon {
        margin-left: 10px
    }

    .pr__back--container .pr__back--title .pr__back--text {
        font-size: 16px;
        font-weight: 400;
        color: #424750
    }

    .payment__method--box {
        position: relative;
        text-align: center
    }

    .payment__method--box input {
        position: absolute;
        top: 0;
        left: 0;
        visibility: hidden;
        opacity: 0
    }

    .payment__method--box input:checked + label {
        border: 1px solid #4fcce9;
        box-shadow: 0 0 0 1px #4fcce9
    }

    .payment__method--card--container {
        width: auto;
        height: auto;
        padding: 10px
    }

    .payment__method--card .payment__method--card--head {
        margin-bottom: 20px
    }

    .payment__method--card .payment__method--card--head .payment__method--card--head--logo {
        padding-left: 10px;
        margin-left: 10px
    }

    .payment__method--card .payment__method--card--head--name, .payment__method--card .payment__method--card--head .payment__method--card--head--details {
        display: flex;
        align-items: flex-start;
        width: 100%;
        flex-flow: column
    }

    .payment__method--card .payment__method--card--head--name {
        justify-content: space-between;
        flex-wrap: wrap
    }

    .product__list--items .profile__payment--preinvoice {
        margin-left: -5px;
        width: 98% !important
    }

    .profile--legal--notif {
        height: auto;
        display: block
    }

    .pr__content--container .product__list--item .product__list--item--details .product__list--item--container .product__list--item--preview {
        display: none
    }
}

.orders__upload-container {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .6);
    z-index: 10000;
    display: none
}

.orders__upload-container .orders__upload-container__wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.orders__upload-container .orders__upload-container__wrapper .orders__upload--container_closer {
    position: absolute;
    left: 25px;
    top: 20px;
    z-index: 10
}

.orders__upload-container .orders__upload-container__wrapper .orders__upload--container_closer img {
    width: 28px;
    cursor: pointer;
    transition: .2s
}

.orders__upload-container .orders__upload-container__wrapper .orders__upload--container_closer img:hover {
    transform: scale(1.2)
}

.orders__upload-container .orders__upload-container__wrapper .orders__upload--container_body {
    width: calc(100vw - 7%);
    background: #fff;
    padding: 10px;
    border-radius: 10px;
    max-height: calc(100vh - 10%);
    overflow-y: auto;
    overflow-x: hidden;
    box-shadow: 0 6px 20px 4px rgba(66, 71, 80, .1);
    border: 1px solid #e0e0e2;
    position: relative
}

.orders__upload-container .orders__upload-container__wrapper .orders__upload--container_body::-webkit-scrollbar {
    width: 6px;
    background: #e0e0e2
}

.orders__upload-container .orders__upload-container__wrapper .orders__upload--container_body::-webkit-scrollbar-thumb {
    background: #c0c2c5
}

.orders__upload-container .orders__upload-container__wrapper .orders__upload--container_body::-webkit-scrollbar-track {
    background: #e0e0e2
}

.general__container {
    border-radius: 10px;
    box-shadow: 0 6px 20px 4px rgba(66, 71, 80, .1);
    padding: 42px 37px;
    margin-bottom: 100px
}

.general__container h1 {
    font-size: 24px;
    font-weight: 700;
    font-style: normal;
    line-height: 1.25;
    text-align: right;
    color: #424750;
    padding-bottom: 40px;
    border-bottom: 1px solid #e0e0e2;
    margin-bottom: 60px
}

.general__container h1.remove-border {
    border: none;
    margin-bottom: 40px
}

.general__container h2 {
    font-size: 17px
}

.general__container h2, .general__container h3 {
    font-weight: 700;
    font-style: normal;
    line-height: 1.25;
    text-align: right;
    color: #424750;
    margin-top: 30px
}

.general__container h3 {
    font-size: 16px
}

.general__container h4 {
    font-size: 14px;
    font-weight: 700;
    font-style: normal;
    line-height: 1.25;
    text-align: right;
    color: #424750
}

.general__container h5, .general__container h6 {
    line-height: 1.25
}

.general__container h5, .general__container h6, .general__container p {
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    text-align: right;
    color: #424750
}

.general__container p {
    line-height: 2;
    text-align: justify;
    margin-bottom: 10px
}

.general__container .blue__bullet {
    list-style-image: url(/images/blue-bullet.svg?339457a204a4073918b956a3f33b6deb)
}

.general__container .warranty__img--container {
    display: flex
}

.general__container ul {
    list-style: inside;
    list-style-image: url(/images/dark-bullet.svg?b455672e1f000a8767a933bd7d7b19be)
}

.general__container ul li {
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    line-height: 2;
    text-align: right;
    color: #424750;
    margin-right: 10px;
    margin-bottom: 10px
}

.general__container ul li:last-child {
    margin-bottom: 40px
}

.general__container ul li a, .general__container ul li a:hover {
    color: #424750
}

.general__container ul.columns-3 {
    -moz-column-count: 3;
    column-count: 3
}

.general__container ol {
    list-style: decimal;
    margin-right: 15px;
    margin-bottom: 40px
}

.general__container ol li {
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    line-height: 2;
    text-align: right;
    color: #424750;
    margin-bottom: 10px;
    margin-right: 10px
}

.general__container .payment__guide--card {
    margin-top: 30px
}

.border-bottom__accordion {
    border-bottom: 1px solid #e0e0e2
}

.h3-faq {
    color: #4fcce9 !important
}

.custom-ac-2 {
    margin: 0 15px !important;
    padding: 0 !important
}

.custom-ac-2 .h4-general {
    font-size: 16px;
    margin: 30px 20px 20px 0;
    outline: none !important
}

.custom-ac-2 .content__template--custom {
    padding: 0 !important
}

.custom-ac-2 .content__template--custom .faq__paragraph {
    margin: 0 20px 0 0
}

.template-download__tbl {
    width: 100%
}

.template-download__tbl:not(:first-of-type) {
    margin-top: 60px
}

.template-download__tbl > thead > tr {
    display: flex;
    align-items: center;
    border-bottom: 2px solid #e0e0e2;
    padding-bottom: 15px;
    margin: 0 20px
}

.template-download__tbl > thead > tr > th {
    font-weight: 600;
    color: #424750
}

.template-download__tbl > thead > tr > th:first-of-type {
    margin-left: auto
}

.template-download__tbl > thead > tr > th:last-of-type {
    margin-left: 150px
}

.template-download__tbl > tbody > tr {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #e0e0e2;
    margin: 0 20px
}

.template-download__tbl > tbody > tr > td {
    font-weight: 400;
    color: #424750
}

.template-download__tbl > tbody > tr > td:first-of-type {
    margin-left: auto
}

.template-download__tbl > tbody > tr > td:last-of-type {
    margin-top: 10px
}

.template-download__tbl > tbody > tr > td > a {
    margin-bottom: 15px !important
}

.template-download__tbl > tbody > tr > td > a > img {
    margin-left: 15px !important
}

.template-download__tbl > tbody > tr > td > a:last-of-type > img {
    margin-left: 0 !important
}

.template-download__tbl:last-of-type > tbody > tr:last-of-type {
    border-bottom: none !important
}

.job-opportunity__container > div {
    margin-top: 50px
}

.job-opportunity__container .job-opportunity__header {
    display: inline-block;
    margin-bottom: 20px
}

.job-opportunity__container .job-opportunity__list > li {
    margin-bottom: 0 !important
}

.job-opportunity__container .job-opportunity__list > li > span {
    font-weight: 700 !important;
    display: inline-block;
    margin-bottom: 20px
}

.job-opportunity__container .job-opportunity__list > li > ul > li {
    margin-left: 10px;
    line-height: normal !important
}

.job-opportunity__container .job-opportunity__list--english li {
    direction: ltr;
    text-align: start !important
}

.job-opportunity__container .job-opportunity__form--container {
    background-color: #f5f7fa;
    border-radius: 10px;
    padding: 30px 20px
}

.job-opportunity__container .job-opportunity__form--container .job-opportunity__form > h3 {
    margin: 0 !important
}

.job-opportunity__container .job-opportunity__form--container .job-opportunity__form > div {
    margin: 0 10px;
    position: relative
}

.job-opportunity__container .job-opportunity__form--container .job-opportunity__form > div:first-of-type {
    margin-top: 30px
}

.job-opportunity__container .job-opportunity__form--container .job-opportunity__form label {
    font-size: 14px;
    font-weight: 500;
    display: block !important;
    margin-bottom: 5px
}

.job-opportunity__container .job-opportunity__form--container .job-opportunity__form input:not([type=file]), .job-opportunity__container .job-opportunity__form--container .job-opportunity__form textarea {
    border-radius: 10px;
    border: 1px solid #dedede;
    width: 100%;
    margin-bottom: 30px;
    padding: 10px 15px;
    color: #2c2f32;
    font-size: 16px;
    font-weight: 500;
    text-align: left;
    direction: ltr
}

.job-opportunity__container .job-opportunity__form--container .job-opportunity__form input:not([type=file])::-moz-placeholder, .job-opportunity__container .job-opportunity__form--container .job-opportunity__form textarea::-moz-placeholder {
    font-size: 14px;
    font-weight: 500;
    color: #a1a3a8;
    opacity: 1;
    text-align: right;
    direction: rtl;
    text-indent: 30px !important;
    padding-right: 30px
}

.job-opportunity__container .job-opportunity__form--container .job-opportunity__form input:not([type=file]):-ms-input-placeholder, .job-opportunity__container .job-opportunity__form--container .job-opportunity__form textarea:-ms-input-placeholder {
    font-size: 14px;
    font-weight: 500;
    color: #a1a3a8;
    opacity: 1;
    text-align: right;
    direction: rtl;
    text-indent: 30px !important;
    padding-right: 30px
}

.job-opportunity__container .job-opportunity__form--container .job-opportunity__form input:not([type=file])::placeholder, .job-opportunity__container .job-opportunity__form--container .job-opportunity__form textarea::placeholder {
    font-size: 14px;
    font-weight: 500;
    color: #a1a3a8;
    opacity: 1;
    text-align: right;
    direction: rtl;
    text-indent: 30px !important;
    padding-right: 30px
}

.job-opportunity__container .job-opportunity__form--container .job-opportunity__form input:not([type=file]):focus, .job-opportunity__container .job-opportunity__form--container .job-opportunity__form textarea:focus {
    outline: none;
    text-indent: 0 !important
}

.job-opportunity__container .job-opportunity__form--container .job-opportunity__form select {
    border-radius: 10px;
    border: 1px solid #e0e0e2;
    width: 100%;
    margin-bottom: 30px;
    padding: 10px 15px;
    font-weight: 500;
    background-color: #fff;
    height: 44px;
    font-size: 14px;
    font-family: inherit
}

.job-opportunity__container .job-opportunity__form--container .job-opportunity__form select:required:invalid {
    color: #a1a3a8
}

.job-opportunity__container .job-opportunity__form--container .job-opportunity__form select option[value=""][disabled] {
    display: none
}

.job-opportunity__container .job-opportunity__form--container .job-opportunity__form select option {
    color: #2c2f32
}

.job-opportunity__container .job-opportunity__form--container .job-opportunity__form select:focus {
    outline: none;
    text-indent: 0 !important
}

.job-opportunity__container .job-opportunity__form--container .job-opportunity__form input, .job-opportunity__container .job-opportunity__form--container .job-opportunity__form textarea {
    font-size: 14px !important;
    color: #2c2f32
}

.job-opportunity__container .job-opportunity__form--container .job-opportunity__form textarea {
    height: 100px
}

.job-opportunity__container .job-opportunity__form--container .job-opportunity__form label[for=job-opportunity__file-input] {
    display: inline-block !important
}

.job-opportunity__container .job-opportunity__form--container .job-opportunity__form .job-opportunity__send-file--container {
    display: flex
}

.job-opportunity__container .job-opportunity__form--container .job-opportunity__form .job-opportunity__send-file--container .job-opportunity__file-label {
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    height: 44px;
    background-color: #4fcce9;
    color: #fff;
    width: 130px;
    border-radius: 10px;
    border: 1px solid transparent;
    cursor: pointer;
    padding: 0;
    margin-left: 15px
}

.job-opportunity__container .job-opportunity__form--container .job-opportunity__form .job-opportunity__send-file--container .job-opportunity__file-label:hover {
    box-shadow: 0 6px 12px 0 rgba(79, 204, 233, .4)
}

.job-opportunity__container .job-opportunity__form--container .job-opportunity__form .job-opportunity__send-file--container .job-opportunity__file-label:focus {
    outline: none
}

.job-opportunity__container .job-opportunity__form--container .job-opportunity__form .job-opportunity__send-file--container .job-opportunity__file-label span {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.job-opportunity__container .job-opportunity__form--container .job-opportunity__form .input__wrapper {
    margin-bottom: 30px
}

.job-opportunity__container .job-opportunity__form--container .job-opportunity__form #job-opportunity__file-input {
    display: none
}

.job-opportunity__container .job-opportunity__form--container .job-opportunity__form #upload__file {
    background-color: #e0e0e2;
    cursor: not-allowed
}

.job-opportunity__container .job-opportunity__form--container .job-opportunity__form #additional-description, .job-opportunity__container .job-opportunity__form--container .job-opportunity__form #full-name {
    direction: rtl;
    text-align: right
}

.job-opportunity__container .job-opportunity__form--container .job-opportunity__form #additional-description, .job-opportunity__container .job-opportunity__form--container .job-opportunity__form #email, .job-opportunity__container .job-opportunity__form--container .job-opportunity__form #full-name, .job-opportunity__container .job-opportunity__form--container .job-opportunity__form #job-person, .job-opportunity__container .job-opportunity__form--container .job-opportunity__form #phone-number, .job-opportunity__container .job-opportunity__form--container .job-opportunity__form #upload__file {
    margin-bottom: 0
}

.job-opportunity__container .job-opportunity__form--container .job-opportunity__form #additional-description::-moz-placeholder, .job-opportunity__container .job-opportunity__form--container .job-opportunity__form #email::-moz-placeholder, .job-opportunity__container .job-opportunity__form--container .job-opportunity__form #full-name::-moz-placeholder, .job-opportunity__container .job-opportunity__form--container .job-opportunity__form #phone-number::-moz-placeholder {
    text-indent: 0 !important;
    padding-right: 0
}

.job-opportunity__container .job-opportunity__form--container .job-opportunity__form #additional-description:-ms-input-placeholder, .job-opportunity__container .job-opportunity__form--container .job-opportunity__form #email:-ms-input-placeholder, .job-opportunity__container .job-opportunity__form--container .job-opportunity__form #full-name:-ms-input-placeholder, .job-opportunity__container .job-opportunity__form--container .job-opportunity__form #phone-number:-ms-input-placeholder {
    text-indent: 0 !important;
    padding-right: 0
}

.job-opportunity__container .job-opportunity__form--container .job-opportunity__form #additional-description::placeholder, .job-opportunity__container .job-opportunity__form--container .job-opportunity__form #email::placeholder, .job-opportunity__container .job-opportunity__form--container .job-opportunity__form #full-name::placeholder, .job-opportunity__container .job-opportunity__form--container .job-opportunity__form #phone-number::placeholder {
    text-indent: 0 !important;
    padding-right: 0
}

.job-opportunity__container .job-opportunity__form--container .job-opportunity__form .file__description--text {
    display: inline-block;
    margin-top: 10px;
    line-height: 1.5
}

.job-opportunity__container .job-opportunity__form--container .job-opportunity__form .form__state {
    margin-bottom: 30px
}

.job-opportunity__container .job-opportunity__form--container .job-opportunity__form .job-opportunity__submit {
    display: flex;
    justify-content: flex-end
}

.job-opportunity__container .job-opportunity__form--container .job-opportunity__form .job-opportunity__submit button {
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    height: 44px;
    padding: 11px 16px;
    background-color: #4fcce9;
    color: #fff;
    width: 170px;
    border-radius: 10px;
    border: 1px solid transparent;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center
}

.job-opportunity__container .job-opportunity__form--container .job-opportunity__form .job-opportunity__submit button:hover {
    box-shadow: 0 6px 12px 0 rgba(79, 204, 233, .4)
}

.job-opportunity__container .job-opportunity__form--container .job-opportunity__form .job-opportunity__submit button:focus {
    outline: none
}

.job-opportunity__container .job-opportunity__form--container .job-opportunity__form .job-opportunity__submit button:disabled {
    cursor: not-allowed
}

.job-opportunity__container .job-opportunity__form--container .job-opportunity__form .email__error--text, .job-opportunity__container .job-opportunity__form--container .job-opportunity__form .file__error--text, .job-opportunity__container .job-opportunity__form--container .job-opportunity__form .full-name__error--text, .job-opportunity__container .job-opportunity__form--container .job-opportunity__form .job-person__error--text, .job-opportunity__container .job-opportunity__form--container .job-opportunity__form .phone-number__error--text {
    color: #ff5151;
    font-size: 12px;
    font-weight: 400;
    margin-top: 10px;
    display: none
}

.job-opportunity__container .job-opportunity__form--container .job-opportunity__form .job-opportunity__error--label {
    color: #ff5151
}

@media only screen and (max-width: 992px) {
    .job-opportunity__container--accordion {
        margin-bottom: 30px
    }
}

@media only screen and (max-width: 768px) {
    .h4-general {
        font-size: 12px !important;
        line-height: 2 !important
    }

    .warranty__img--container img {
        width: 50% !important;
        height: 100% !important
    }

    .faq__paragraph {
        font-size: 12px !important
    }

    .h4-template-download {
        font-size: 16px !important
    }

    .template-download__tbl > thead > tr > th:first-of-type {
        margin-left: 0 !important;
        display: flex;
        width: 100%;
        justify-content: center
    }

    .template-download__tbl > thead > tr > th:last-of-type {
        display: none
    }

    .template-download__tbl > tbody > tr {
        flex-direction: column;
        justify-content: center;
        align-items: center
    }

    .template-download__tbl > tbody > tr > td:first-of-type {
        margin: 10px 0
    }
}

@media only screen and (max-width: 480px) {
    .general__container h1 {
        font-size: 18px
    }

    .custom-ac-2 {
        margin: 0 !important
    }

    .h4-general {
        padding-left: 10px !important;
        font-size: 11px !important;
        margin: 15px 10px 10px 0 !important
    }

    .saman__bank--img {
        width: 100% !important;
        height: 150px !important
    }

    .warranty__img--container {
        flex-direction: column !important;
        align-items: center !important
    }

    .warranty__img--container img {
        width: 100%;
        height: 100%
    }

    .h3-faq {
        font-size: 15px !important
    }

    .faq__paragraph {
        font-size: 10px !important
    }

    .h4-template-download {
        font-size: 14px !important
    }

    .content__template-download {
        display: flex;
        flex-direction: column
    }

    .template-download__tbl > tbody > tr > td {
        font-size: 13px !important
    }

    .template-download__tbl > tbody > tr > td:last-of-type > a > img {
        width: 30px;
        height: 30px
    }

    .job-opportunity__container {
        padding: 15px 10px !important
    }
}

@media only screen and (max-width: 320px) {
    .faq__container h1, .job-opportunity__container h1, .template-download__container h1 {
        margin-bottom: 20px;
        line-height: 2;
        padding-bottom: 20px
    }

    .h4-general {
        margin: 12px 10px 10px 0 !important
    }

    .h3-faq {
        font-size: 12px !important
    }

    .h4-faq {
        margin-right: 0 !important;
        margin-bottom: 0 !important
    }

    .faq__paragraph {
        font-size: 10px !important;
        margin: 0 !important
    }

    .h4-template-download {
        font-size: 14px !important
    }

    .template-download__tbl:not(:first-of-type) {
        margin-top: 30px
    }

    .template-download__tbl > thead > tr > th {
        font-size: 12px !important
    }

    .job-opportunity__form--container {
        padding: 30px 0 !important
    }

    .job-opportunity__form--container h3 {
        padding: 0 10px
    }

    .job-opportunity__form--container input::-moz-placeholder, .job-opportunity__form--container select::-moz-placeholder, .job-opportunity__form--container textarea::-moz-placeholder {
        font-size: 12px !important
    }

    .job-opportunity__form--container input:-ms-input-placeholder, .job-opportunity__form--container select:-ms-input-placeholder, .job-opportunity__form--container textarea:-ms-input-placeholder {
        font-size: 12px !important
    }

    .job-opportunity__form--container input::placeholder, .job-opportunity__form--container select::placeholder, .job-opportunity__form--container textarea::placeholder {
        font-size: 12px !important
    }

    .job-opportunity__form--container .job-opportunity__file-label span, .job-opportunity__form--container select > option:first-of-type {
        font-size: 12px !important
    }

    .job-opportunity__form--container .job-opportunity__submit {
        font-size: 12px !important;
        justify-content: center !important
    }

    .payment__guide--container .payment__method--card--value {
        font-size: smaller !important
    }
}

.guid__container {
    background-image: url(/images/pattern.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%
}

.guid__container .guid__container--title {
    font-size: 24px;
    font-weight: 700;
    color: #fff;
    padding: 0 20px;
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin-bottom: 80px;
    margin-top: 80px
}

.guid__container .guid__container--title:after {
    content: "";
    border-top: 1px solid #fff;
    flex: 1 0 20px;
    margin: 0 20px 0 -20px
}

.guid__container .guid__container--title:before {
    content: "";
    border-top: 1px solid #fff;
    margin: 0 -20px 0 20px;
    flex: 1 0 20px
}

.guid__container .guid__container--content {
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 6px 20px 4px rgba(66, 71, 80, .1);
    padding: 40px;
    margin-bottom: 100px
}

.guid__container .guid__container--content .guid__container--content--item {
    height: 245px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center
}

.guid__container .guid__container--content .guid__container--content--item:hover {
    box-shadow: 0 6px 20px 4px rgba(66, 71, 80, .1);
    border-radius: 10px
}

.guid__container .guid__container--content .guid__container--content--item .guid__container--content--title {
    font-size: 16px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.75;
    text-align: center;
    color: #424750;
    max-width: 200px
}

.guid__container .guid__container--content .guid__container--content--item .guid__container--content--link {
    text-align: center
}

@media only screen and (max-width: 480px) {
    .guid__container .guid__container--title {
        font-size: 18px;
        margin-bottom: 30px;
        margin-top: 30px
    }

    .guid__container .guid__container--title:after {
        content: "";
        border-top: 1px solid transparent;
        flex: 1 0 20px;
        margin: 0 20px 0 -20px
    }

    .guid__container .guid__container--title:before {
        content: "";
        border-top: 1px solid transparent;
        margin: 0 -20px 0 20px;
        flex: 1 0 20px
    }

    .guid__container .guid__container--content .guid__container--content--item {
        height: 200px
    }
}

.order-types--title {
    padding: 0 20px;
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    text-align: center
}

.order-types--title:after {
    margin: 0 20px 0 0
}

.order-types--title:after, .order-types--title:before {
    content: "";
    border-top: 1px solid #e0e0e2;
    flex: 1 0 20px
}

.order-types--title:before {
    margin: 0 0 0 20px
}

.order-types--title h1, .order-types--title p {
    display: inline;
    font-size: 24px;
    font-weight: 700;
    color: #424750
}

.order-types--title p {
    padding-left: 5px
}

.order-types--description {
    font-size: 16px !important;
    font-weight: 400 !important;
    font-stretch: normal !important;
    font-style: normal !important;
    line-height: 1.75 !important;
    letter-spacing: normal !important;
    text-align: center !important;
    color: #424750 !important;
    margin-bottom: 50px !important;
    margin-top: 50px !important
}

.order-types--items {
    margin-top: 30px;
    display: flex;
    justify-content: space-around;
    align-items: center
}

.order-types--items .order-types--items--item {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    flex-flow: column;
    width: 280px;
    height: 280px;
    border-radius: 10px;
    padding: 15px
}

.order-types--items .order-types--items--item:hover {
    box-shadow: 0 6px 20px 4px rgba(66, 71, 80, .1)
}

.order-types--items .order-types--items--item .order-types--items--item--title {
    font-size: 16px;
    font-weight: 700;
    font-style: normal;
    line-height: 1.5;
    text-align: center;
    color: #424750
}

.order-types--items .order-types--items--item .order-types--items--item--description {
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.57;
    letter-spacing: normal;
    text-align: right;
    color: #81858b;
    text-align: center;
    margin-top: 0
}

.landings__product--container {
    position: relative
}

.landings__product--container .landings__product--container--badge {
    background-color: #e25098;
    position: absolute;
    left: 355px;
    height: auto;
    padding: 10px 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 10px;
    color: #fff !important;
    cursor: pointer
}

.landings__product--container .other-badge {
    left: 300px !important
}

.landings__product--container--items {
    display: flex;
    justify-content: flex-start !important;
    align-items: center;
    margin-top: 50px;
    flex-wrap: wrap;
    margin-bottom: 20px
}

.landings__product--container--items .landings__product--container--items--item {
    width: 265px;
    height: 390px;
    border-radius: 10px;
    border: 1px solid #f0f0f1;
    padding: 0 0 20px;
    margin-left: 20px;
    margin-bottom: 20px
}

.landings__product--container--items .landings__product--container--items--item:hover {
    box-shadow: 0 6px 20px 4px rgba(66, 71, 80, .1)
}

.landings__product--container--items .landings__product--container--items--item--image {
    border-radius: 10px 10px 0 0;
    width: 265px;
    height: auto
}

.landings__product--container--items .landings__product--container--items--item--title {
    color: #424750;
    font-weight: 700
}

.landings__product--container--items .landings__product--container--items--item--details {
    margin: 0;
    color: #81858b;
    padding-right: 20px;
    padding-bottom: 4px;
    text-align: right
}

.landings__cta--container {
    border-radius: 10px;
    border: 1px solid rgba(79, 204, 233, .2);
    background-color: rgba(79, 204, 233, .05);
    padding: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 0;
    height: auto
}

.landings__cta--container .landings__cta--container--content {
    color: #62666d;
    font-weight: 400;
    font-size: 20px
}

.landings__cta--container .landings__cta--container--contact {
    color: #62666d;
    font-weight: 700;
    font-size: 20px
}

.landings__cta--container .landings__cta--container--contact img {
    height: auto;
    margin-left: 10px
}

.landings__cta--container .landings__cta--container--contact a {
    text-decoration: none;
    color: #62666d;
    cursor: pointer
}

.landings__faq {
    padding: 50px 20px 0
}

.landings__faq--container {
    margin-bottom: 40px
}

.landings__faq--container .landings__faq--container__question {
    font-size: 16px;
    font-weight: 700;
    color: #424750;
    text-align: right;
    margin-top: 0;
    display: block;
    margin-bottom: 10px;
    line-height: 1.71
}

.landings__faq--container .landings__faq--container__question .landing__faq--container__question-no {
    color: #4fcce9
}

.landings__faq--container .landings__faq--container__answer {
    font-size: 14px;
    font-weight: 400;
    color: #424750;
    text-align: justify;
    line-height: 2;
    margin-top: 0;
    margin-bottom: 0
}

.landings__faq--container .landings__faq--container__answer--orderlist {
    padding-right: 15px;
    margin-top: 10px;
    line-height: 1.9
}

.landings__bullet {
    list-style: inside;
    list-style-image: url(/images/dark-bullet.svg?b455672e1f000a8767a933bd7d7b19be);
    margin-top: 50px
}

.landings__bullet .landings__bullet--title {
    font-weight: 700
}

.landings__bullet .landings__bullet--item, .landings__bullet .landings__bullet--title {
    font-size: 14px;
    font-style: normal;
    line-height: 2;
    text-align: right;
    color: #424750;
    margin-right: 10px;
    margin-bottom: 10px
}

.landings__bullet .landings__bullet--item {
    font-weight: 400
}

.landings__bullet .landings__bullet--item a, .landings__bullet .landings__bullet--item a:hover {
    color: #424750
}

.landings__testemonials {
    padding: 40px;
    border-radius: 10px
}

.landings__testemonials .content {
    margin: 0 0 30px;
    line-height: 1.75
}

.landings__testemonials .name {
    margin-bottom: 20px
}

.testemonials__quote {
    max-width: 600px;
    margin-top: 0 !important;
    margin: 0 auto 100px
}

.landings__product__price--list--container {
    margin-top: 60px
}

.landings__product__price--list {
    text-align: right;
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    line-height: 1.75;
    text-align: center;
    color: #424750;
    margin-bottom: 10px;
    cursor: pointer
}

.landings__product__price--list:hover {
    color: #81858b
}

.landings__price--list {
    width: 100%
}

.landing__card--label {
    display: flex;
    flex-flow: column;
    flex-wrap: wrap;
    height: 240px !important;
    padding: 20px !important
}

.landing__card--label .landing__card--label--title {
    display: flex;
    justify-content: space-around
}

.landing__card--label .landing__card--label--content {
    margin: 0
}

.landing__card--label .landing__card--pricelist {
    margin-top: 20px !important;
    margin-bottom: 0 !important
}

.price__card {
    height: 280px !important
}

.image__slideshow .image__slideshow--item img {
    width: 100%;
    height: auto;
    margin-bottom: 25px;
    cursor: pointer;
    transition: .3s ease-in-out
}

.image__slideshow .image__slideshow--item img:hover {
    transform: scale(1.05)
}

.gallery__slideshow {
    margin-top: -30px
}

.gallery__slideshow .gallery__slideshow--items .gallery__slideshow--items--container {
    margin-bottom: 25px;
    border: 1px solid #e0e0e2;
    text-align: center;
    border-radius: 0 0 10px 10px;
    cursor: pointer;
    transition: .3s ease-in-out
}

.gallery__slideshow .gallery__slideshow--items .gallery__slideshow--items--container:hover {
    transform: scale(1.05)
}

.gallery__slideshow .gallery__slideshow--items .gallery__slideshow--items--container img {
    width: 100%;
    height: auto;
    margin-bottom: 10px
}

.gallery__slideshow .gallery__slideshow--items .gallary__slideshow--items--title {
    text-align: center;
    color: #424750;
    margin-bottom: 10px;
    display: block
}

.gallery__modal--image {
    width: 100%
}

.catalogue__landings--top {
    margin-top: 50px
}

.catalogue__landings--bottom {
    margin-bottom: 100px
}

.media__logos--container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 50px
}

.media__logos--container .media__logos--container--item {
    margin-left: 30px;
    cursor: pointer;
    margin-bottom: 30px
}

.media__logos--container .media__logos--container--item:last-child {
    margin-left: 0
}

.media__logos--container .media__logos--container--item .media__logos--container--item--image {
    width: 100px;
    border: 1px solid #e0e0e2;
    border-radius: 90px;
    transition: all .3s
}

.media__logos--container .media__logos--container--item .media__logos--container--item--image:hover {
    border: 1px solid #4fcce9
}

.landing__product--description {
    font-size: 16px !important;
    font-weight: 400 !important;
    font-stretch: normal !important;
    font-style: normal !important;
    line-height: 1.75 !important;
    letter-spacing: normal !important;
    text-align: center !important;
    color: #424750 !important;
    margin-bottom: 50px !important;
    margin-top: 0 !important
}

.od__landing--product {
    border: 1px solid #e0e0e2;
    border-radius: 0 0 10px 10px;
    display: block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-bottom: 40px;
    transition: all .3s;
    position: relative;
    cursor: pointer
}

.od__landing--product .od__lading--product--new--badge {
    width: 52px;
    background-color: #e25098
}

.od__landing--product .od__lading--product--new--badge, .od__landing--product .od__lading--product--soon--badge {
    height: 34px;
    color: #fff;
    position: absolute;
    top: 10px;
    right: -7px;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 100
}

.od__landing--product .od__lading--product--soon--badge {
    width: 67px;
    background-color: #232933
}

.od__landing--product:hover {
    box-shadow: 0 6px 20px 4px rgba(66, 71, 80, .1)
}

.od__landing--product .od__landing--product--image {
    width: 265px;
    height: 180px
}

.od__landing--product .od__landing--product--title {
    font-size: 16px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: center;
    color: #424750;
    cursor: pointer;
    margin-bottom: 20px;
    margin-top: 20px
}

.od__landing--product .od__landing--product--title:after, .od__landing--product .od__landing--product--title:before {
    display: none
}

.disabled--odt {
    cursor: default
}

.disabled--odt:hover {
    box-shadow: none
}

.disabled--odt .od__landing--product--image, .disabled--odt .od__landing--product--title {
    opacity: .5
}

.design__services--landing-items-container {
    display: flex;
    justify-content: space-around;
    align-items: center
}

.design__services--landing-items {
    width: 350px;
    height: 486px;
    border-radius: 10px;
    border: 1px solid #e0e0e2;
    background-color: #fff;
    text-align: center;
    padding: 40px 20px;
    margin-top: 80px
}

.design__services--landing-items .design__services--landing-items-title {
    font-size: 16px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: center;
    color: #424750;
    margin-bottom: 30px
}

.design__services--landing-items .design__services--landing-items-list {
    list-style: inside;
    list-style-image: url(/images/tik.svg?794bf2de1db9909ebf514140af4bf506)
}

.design__services--landing-items .design__services--landing-items-list .design__services--landing-items-list-item {
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 2;
    letter-spacing: normal;
    text-align: right;
    color: #424750
}

.landing__notice--modal {
    display: flex;
    flex-flow: column;
    align-items: center
}

.landing__notice--modal .landing__notice--modal-top {
    display: flex;
    justify-content: space-between
}

.landing__notice--modal .landing__notice--modal-image {
    margin-left: 30px
}

.landing__notice--modal .landing__notice--modal-content {
    text-align: justify
}

.landing__notice--modal .landing__notice--modal-content b {
    margin-bottom: 0;
    display: block
}

.landing__notice--modal .landing__notice--modal-button {
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    height: 44px;
    padding: 11px 16px;
    background-color: #e25098;
    color: #fff;
    width: 250px;
    border-radius: 10px;
    border: 1px solid transparent;
    cursor: pointer;
    display: block
}

.landing__notice--modal .landing__notice--modal-button:hover {
    box-shadow: 0 6px 12px 0 rgba(226, 80, 152, .4)
}

.landing__notice--modal .landing__notice--modal-button:focus {
    outline: none
}

@media only screen and (max-width: 1200px) {
    .landings__product--container .landings__product--container--badge {
        left: 250px
    }

    .landings__product--container .other-badge {
        left: 210px !important
    }
}

@media only screen and (max-width: 768px) {
    .landings__product--container .landings__product--container--items {
        justify-content: space-evenly
    }

    .landings__cta--container {
        padding: 15px;
        cursor: pointer
    }

    .landings__cta--container .landings__cta--container--contact, .landings__cta--container .landings__cta--container--content {
        font-size: 14px
    }

    .media__logos--container {
        margin-bottom: 20px
    }

    .media__logos--container .media__logos--container--item {
        margin-left: 15px;
        margin-bottom: 20px
    }

    .media__logos--container .media__logos--container--item:last-child {
        margin-left: 15px
    }

    .media__logos--container .media__logos--container--item .media__logos--container--item--image {
        width: 90px
    }

    .od__landing--product .od__landing--product--image {
        width: 100%
    }

    .od__landing--product .od__landing--product--title {
        font-size: 11px;
        font-weight: 400
    }

    .landing__product--description {
        font-size: 12px
    }

    .order-types--description {
        font-size: 12px !important;
        margin-bottom: 20px !important;
        margin-top: 20px !important
    }

    .order-types--items .order-types--items--item .order-types--items--item--description, .order-types--items .order-types--items--item .order-types--items--item--title {
        font-size: 12px
    }

    .design__services--landing-items-container {
        display: flex;
        justify-content: space-around;
        align-items: center;
        flex-flow: column
    }

    .design__services--landing-items {
        width: 100%
    }

    .landings__product--container .landings__product--container--badge {
        left: 140px
    }

    .landings__product--container .other-badge {
        left: 100px !important
    }

    .landings__product--container .landings__product--container--items {
        justify-content: space-evenly !important
    }

    .design__services--landing-items {
        margin-top: 20px
    }
}

@media only screen and (max-width: 480px) {
    .order-types--title {
        padding: 0;
        display: flex;
        width: 100%;
        justify-content: center;
        align-items: center;
        text-align: center
    }

    .order-types--title:after {
        content: "";
        border-top: 1px solid transparent;
        flex: 1 0 20px;
        margin: 0
    }

    .order-types--title:before {
        content: "";
        border-top: 1px solid transparent;
        margin: 0 0 0 20px;
        flex: 1 0 0px
    }

    .order-types--title h1 {
        font-size: 16px
    }

    .order-types--title p {
        font-size: 14px
    }

    .order-types--items {
        margin-top: 30px;
        display: flex;
        justify-content: space-around;
        align-items: center;
        flex-flow: column;
        flex-wrap: wrap
    }

    .order-types--items .order-types--items--item {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
        flex-flow: column;
        width: 100%;
        height: auto;
        border-radius: 10px;
        padding: 15px;
        border: 1px solid #e0e0e2;
        margin-bottom: 20px
    }

    .order-types--items .order-types--items--item .order-types--items--item--title {
        font-size: 14px
    }

    .order-types--items .order-types--items--item:hover {
        box-shadow: none
    }

    .landings__product--container--items {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        margin-top: 30px;
        flex-wrap: wrap;
        margin-bottom: 20px
    }

    .landings__product--container--items .landings__product--container--items--item {
        width: 47%;
        height: auto;
        padding-bottom: 20px;
        margin-left: 10px;
        margin-bottom: 20px;
        height: 400px
    }

    .landings__product--container--items .landings__product--container--items--item:hover {
        box-shadow: 0 6px 20px 4px rgba(66, 71, 80, .1)
    }

    .landings__product--container--items .landings__product--container--items--item--image {
        width: 100%;
        height: auto
    }

    .landings__cta--container {
        padding: 15px;
        display: flex;
        justify-content: space-between;
        flex-flow: column;
        align-items: center;
        flex-wrap: wrap;
        margin-bottom: 30px
    }

    .landings__cta--container .landings__cta--container--content {
        font-size: 14px;
        text-align: justify
    }

    .landings__cta--container .landings__cta--container--contact {
        font-size: 14px
    }

    .landings__cta--container .landings__cta--container--contact img {
        margin-left: 8px
    }

    .landings__faq {
        padding: 0 20px
    }

    .landings__faq--container {
        margin-bottom: 30px
    }

    .landings__faq--container .landings__faq--container__question, .landings__product__price--list {
        font-size: 14px
    }

    .landings__testemonial-silder--mobile {
        height: 300px;
        padding-top: 0
    }

    .landings__bullet, .landings__product__price--list--container {
        margin-top: 35px
    }

    .landings__product--container .landings__product--container--badge {
        font-size: 10px;
        padding: 5px 10px;
        left: 30px;
        top: 30px
    }

    .landings__product--container .other-badge {
        left: 30px !important;
        top: 12px !important
    }
}

.job-opportunity__banner .job-opportunity__banner--image, .job-opportunity__banner .map--image, .map .job-opportunity__banner--image, .map .map--image {
    width: 100%;
    z-index: -10;
    position: relative
}

.contact__container--overlay, .job-opportunity__container--overlay {
    margin-top: -50px
}

.contact__container, .job-opportunity__container {
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 6px 20px 4px rgba(66, 71, 80, .1);
    padding: 40px;
    max-width: 1440px;
    z-index: 5000;
    margin: 0 auto 100px
}

.contact__container .contact__container--title, .job-opportunity__container .contact__container--title {
    font-size: 16px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: right;
    color: #424750;
    padding: 0;
    margin-bottom: 40px;
    margin-top: 0
}

.contact__container .contact__container--title:after, .contact__container .contact__container--title:before, .job-opportunity__container .contact__container--title:after, .job-opportunity__container .contact__container--title:before {
    border-top: none;
    margin: 0;
    flex: 0
}

.contact__container .contact__container--content--details, .job-opportunity__container .contact__container--content--details {
    margin-bottom: 30px
}

.contact__container .contact__container--content--details .contact__container--content--details--title, .job-opportunity__container .contact__container--content--details .contact__container--content--details--title {
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.71;
    letter-spacing: normal;
    text-align: right;
    color: #424750;
    display: block;
    margin-bottom: 10px
}

.contact__container .contact__container--content--details .contact__container--content--details--value, .job-opportunity__container .contact__container--content--details .contact__container--content--details--value {
    font-size: 14px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 2;
    letter-spacing: normal;
    color: #424750
}

.contact__container .left-aligned-number, .job-opportunity__container .left-aligned-number {
    direction: ltr
}

.contact__container .contact__container--input, .job-opportunity__container .contact__container--input {
    width: 100%;
    border-radius: 10px;
    border: 1px solid #e0e0e2;
    padding: 9px 15px;
    height: 46px;
    font-weight: 400;
    color: #424750;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 30px
}

.contact__container .contact__container--input::-moz-placeholder, .job-opportunity__container .contact__container--input::-moz-placeholder {
    color: #a1a3a8;
    font-size: 14px
}

.contact__container .contact__container--input:-ms-input-placeholder, .job-opportunity__container .contact__container--input:-ms-input-placeholder {
    color: #a1a3a8;
    font-size: 14px
}

.contact__container .contact__container--input::placeholder, .job-opportunity__container .contact__container--input::placeholder {
    color: #a1a3a8;
    font-size: 14px
}

.contact__container .contact__container--input::-moz-placeholder, .job-opportunity__container .contact__container--input::-moz-placeholder {
    text-align: right
}

.contact__container .contact__container--input:-ms-input-placeholder, .job-opportunity__container .contact__container--input:-ms-input-placeholder {
    text-align: right
}

.contact__container .contact__container--input::placeholder, .job-opportunity__container .contact__container--input::placeholder {
    text-align: right
}

.contact__container .contact__container--input--select, .job-opportunity__container .contact__container--input--select {
    margin-bottom: 30px
}

.contact__container .contact__container--input--textarea, .job-opportunity__container .contact__container--input--textarea {
    height: 100px
}

.contact__container .contact__container--label, .job-opportunity__container .contact__container--label {
    display: block;
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.71;
    letter-spacing: normal;
    text-align: right;
    color: #424750;
    position: relative;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.contact__container .contact__container--submit, .job-opportunity__container .contact__container--submit {
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    height: 44px;
    padding: 11px 16px;
    background-color: #4fcce9;
    color: #fff;
    width: 170px;
    border-radius: 10px;
    border: 1px solid transparent;
    cursor: pointer;
    float: left;
    margin-top: 20px
}

.contact__container .contact__container--submit:hover, .job-opportunity__container .contact__container--submit:hover {
    box-shadow: 0 6px 12px 0 rgba(79, 204, 233, .4)
}

.contact__container .contact__container--submit:focus, .job-opportunity__container .contact__container--submit:focus {
    outline: none
}

.contact__container--content--item {
    position: relative
}

.contact__container--content--item .contact__container--input--error {
    position: absolute;
    top: 0;
    left: 0;
    color: #ef5661;
    font-size: 10px
}

@media only screen and (max-width: 480px) {
    .map .map--image {
        width: 100%;
        z-index: -10;
        position: relative
    }

    .contact__container--overlay {
        margin-top: 30px
    }

    .contact__container {
        margin-top: 0;
        padding: 15px
    }

    .contact__container .contact__container--title {
        margin-top: 20px;
        margin-bottom: 30px;
        text-align: center
    }

    .contact__container .contact__container--submit {
        font-size: 14px;
        font-weight: 500;
        text-align: center;
        height: 44px;
        padding: 11px 16px;
        background-color: #4fcce9;
        color: #fff;
        width: 100%;
        border-radius: 10px;
        border: 1px solid transparent;
        cursor: pointer;
        float: left;
        margin-top: 0
    }

    .contact__container .contact__container--submit:hover {
        box-shadow: 0 6px 12px 0 rgba(79, 204, 233, .4)
    }

    .contact__container .contact__container--submit:focus {
        outline: none
    }
}

.section-container .landing__steps--title {
    font-size: 20px;
    font-weight: 700;
    text-align: right;
    margin-bottom: 0
}

.section-container .landing__steps--description {
    font-size: 16px;
    font-weight: 400;
    color: #62666d;
    text-align: right;
    margin-bottom: 20px;
    margin-top: 20px
}

.landing__products--container {
    display: grid;
    grid-row-gap: 80px;
    justify-content: space-between;
    grid-template-columns:repeat(4, auto)
}

.landing__products--container .landing__product--item {
    border: 1px solid #e0e0e2;
    border-radius: 10px;
    display: flex;
    flex-flow: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 265px;
    position: relative;
    height: 328px;
    transition: all .3s
}

.landing__products--container .landing__product--item .landing__product--item--badge--select {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #4fcce9;
    border-radius: 100%;
    width: 46px;
    height: 46px;
    top: -23px;
    right: -23px
}

.landing__products--container .landing__product--item .landing__product--item--image {
    width: 100%;
    margin-bottom: 10px;
    border-radius: 10px
}

.landing__products--container .landing__product--item .landing__product--item--image img {
    width: 100%;
    border-radius: 10px
}

.landing__products--container .landing__product--item .landing__product--item--details {
    padding: 15px;
    display: flex;
    flex-flow: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: inherit
}

.landing__products--container .landing__product--item .landing__product--item--title {
    font-size: 16px;
    font-weight: 700;
    color: #424750;
    margin-bottom: 10px
}

.landing__products--container .landing__product--item .landing__product--item--description {
    font-size: 14px;
    font-weight: 400;
    color: #424750;
    margin-bottom: 10px
}

.landing__products--container .landing__product--item .landing__product--item--button {
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    height: 44px;
    background-color: #e25098;
    color: #fff;
    width: auto;
    border-radius: 10px;
    border: 1px solid transparent;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 46px;
    padding: 0;
    align-self: flex-end
}

.landing__products--container .landing__product--item .landing__product--item--button:hover {
    box-shadow: 0 6px 12px 0 rgba(226, 80, 152, .4)
}

.landing__products--container .landing__product--item .landing__product--item--button:focus {
    outline: none
}

.landing__products--container .landing__product--item .landing__product--item--quantity {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;
    width: 100%
}

.landing__products--container .landing__product--item .landing__product--item--quantity .landing__product--item--quantity--actions {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: inherit
}

.landing__products--container .landing__product--item .landing__product--item--quantity .landing__product--item--quantity--actions .landing__product--item--quantity--submit {
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    height: 44px;
    padding: 11px 16px;
    background-color: #4fcce9;
    color: #fff;
    width: auto;
    border-radius: 10px;
    border: 1px solid transparent;
    cursor: pointer;
    width: 48%
}

.landing__products--container .landing__product--item .landing__product--item--quantity .landing__product--item--quantity--actions .landing__product--item--quantity--submit:hover {
    box-shadow: 0 6px 12px 0 rgba(79, 204, 233, .4)
}

.landing__products--container .landing__product--item .landing__product--item--quantity .landing__product--item--quantity--actions .landing__product--item--quantity--submit:focus {
    outline: none
}

.landing__products--container .landing__product--item .landing__product--item--quantity .landing__product--item--quantity--actions .landing__product--item--quantity--cancel {
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    height: 44px;
    padding: 11px 16px;
    background-color: transparent;
    color: #232933;
    width: auto;
    border-radius: 10px;
    border: 1px solid #919499;
    cursor: pointer;
    width: 48%
}

.landing__products--container .landing__product--item .landing__product--item--quantity .landing__product--item--quantity--actions .landing__product--item--quantity--cancel:hover {
    background-color: rgba(145, 148, 153, .05)
}

.landing__products--container .landing__product--item .landing__product--item--quantity .landing__product--item--quantity--actions .landing__product--item--quantity--cancel:focus {
    outline: none
}

.landing__products--container .landing__product--item .landing__product--item--quantity .landing__product--item--input {
    width: 100%;
    border-radius: 10px;
    border: 1px solid #e0e0e2;
    padding: 9px 15px;
    height: 46px;
    font-weight: 400;
    color: #424750;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 10px
}

.landing__products--container .landing__product--item .landing__product--item--quantity .landing__product--item--input::-moz-placeholder {
    color: #a1a3a8;
    font-size: 14px
}

.landing__products--container .landing__product--item .landing__product--item--quantity .landing__product--item--input:-ms-input-placeholder {
    color: #a1a3a8;
    font-size: 14px
}

.landing__products--container .landing__product--item .landing__product--item--quantity .landing__product--item--input::placeholder {
    color: #a1a3a8;
    font-size: 14px
}

.landing__products--container .landing__product--item .landing__product--item--summery {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center
}

.landing__products--container .landing__product--item .landing__product--item--summery .landing__product--item--summery--value {
    font-size: 14px;
    font-weight: 400;
    color: #424750;
    margin-left: 40px
}

.landing__products--container .landing__product--item .landing__product--item--summery .landing__product--item--summery--delete, .landing__products--container .landing__product--item .landing__product--item--summery .landing__product--item--summery--edit {
    background-color: #f5f7fa;
    height: 46px;
    width: 46px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    cursor: pointer
}

.landing__products--container .selected-product {
    border-color: #4fcce9
}

.landing__form {
    margin-top: 60px
}

.landing__form .landing__form--item .landing__form--label {
    font-size: 16px;
    font-weight: 700;
    color: #424750;
    display: flex;
    width: 100%;
    justify-content: flex-start;
    align-items: center;
    text-align: right;
    padding: 0;
    margin-top: 20px;
    margin-bottom: 10px;
    position: relative
}

.landing__form .landing__form--item .landing__form--input {
    width: 100%;
    border-radius: 10px;
    border: 1px solid #e0e0e2;
    padding: 9px 15px;
    height: 46px;
    font-weight: 400;
    color: #424750;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 30px
}

.landing__form .landing__form--item .landing__form--input::-moz-placeholder {
    color: #a1a3a8;
    font-size: 14px
}

.landing__form .landing__form--item .landing__form--input:-ms-input-placeholder {
    color: #a1a3a8;
    font-size: 14px
}

.landing__form .landing__form--item .landing__form--input::placeholder {
    color: #a1a3a8;
    font-size: 14px
}

.landing__form .landing__form--item .required-label:after {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 100%;
    background-color: #ef5661;
    position: absolute;
    right: 70px;
    top: 0;
    margin-right: 10px
}

.landing__notice {
    background-color: #f5f7fa;
    padding: 25px 20px;
    margin-top: 20px;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    position: relative
}

.landing__notice .landing__notice--list {
    font-size: 13px;
    list-style: inside;
    list-style-image: url(/images/gray-bullet.svg)
}

.landing__notice .landing__notice--list ul, .landing__notice .landing__notice--list ul li {
    margin-bottom: 0
}

.landing__form--submit {
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    height: 44px;
    padding: 11px 16px;
    background-color: #e25098;
    color: #fff;
    width: 100%;
    border-radius: 10px;
    border: 1px solid transparent;
    cursor: pointer;
    margin-top: 30px
}

.landing__form--submit:hover {
    box-shadow: 0 6px 12px 0 rgba(226, 80, 152, .4)
}

.landing__form--submit:focus {
    outline: none
}

.landing__confirm--title {
    font-size: 16px;
    font-weight: 700;
    color: #424750;
    display: block;
    margin-bottom: 15px
}

.landing__confirm--content {
    align-items: center
}

.landing__confirm--content, .landing__confirm--content--block {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-bottom: 40px
}

.landing__confirm--content--block {
    flex-flow: column
}

.landing__confirm--details--items {
    border: 1px solid #707070;
    color: #424750;
    border-radius: 10px;
    height: 46px;
    padding: 5px 10px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-left: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 10px
}

.confirm__item {
    margin-bottom: 10px
}

.confirm__item--title {
    font-size: 14px;
    font-weight: 700;
    color: #424750
}

.confirm__item--value {
    font-size: 14px;
    font-weight: 400;
    color: #424750
}

.landing__error {
    background-color: rgba(239, 86, 97, .06274509803921569);
    width: 100%;
    text-align: center;
    color: #ef5661;
    font-size: 16px;
    font-weight: 400;
    padding: 10px;
    border-radius: 10px;
    height: 46px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
    margin-top: 20px
}

.landing__confirm--modal-button {
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    height: 44px;
    padding: 11px 16px;
    background-color: #4fcce9;
    color: #fff;
    width: auto;
    border-radius: 10px;
    border: 1px solid transparent;
    cursor: pointer;
    margin-right: 10px
}

.landing__confirm--modal-button:hover {
    box-shadow: 0 6px 12px 0 rgba(79, 204, 233, .4)
}

.landing__confirm--modal-button:focus {
    outline: none
}

.landing__confirm--modal-button--edit {
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    height: 44px;
    padding: 11px 16px;
    background-color: transparent;
    color: #232933;
    width: auto;
    border-radius: 10px;
    border: 1px solid #919499;
    cursor: pointer
}

.landing__confirm--modal-button--edit:hover {
    background-color: rgba(145, 148, 153, .05)
}

.landing__confirm--modal-button--edit:focus {
    outline: none
}

.parent__box {
    position: relative;
    max-height: 328px
}

@media only screen and (max-width: 768px) {
    .section-container .landing__steps--title {
        font-size: 14px;
        margin-top: 20px
    }

    .section-container .landing__steps--description {
        font-size: 14px
    }

    .landing__products--container {
        display: grid;
        grid-row-gap: 10px;
        justify-content: center;
        grid-template-columns:repeat(1, auto)
    }

    .landing__products--container .landing__product--item {
        width: auto;
        position: relative;
        height: 328px
    }

    .landing__products--container .landing__product--item .landing__product--item--details {
        width: 100%
    }

    .landing__products--container .landing__product--item .landing__product--item--button {
        font-size: 14px !important;
        font-weight: 500 !important;
        text-align: center !important;
        height: 44px !important;
        padding: 11px 16px !important;
        background-color: #e25098 !important;
        color: #fff !important;
        width: 100% !important;
        border-radius: 10px !important;
        border: 1px solid transparent !important;
        cursor: pointer !important
    }

    .landing__products--container .landing__product--item .landing__product--item--button:hover {
        box-shadow: 0 6px 12px 0 rgba(226, 80, 152, .4) !important
    }

    .landing__products--container .landing__product--item .landing__product--item--button:focus {
        outline: none !important
    }

    .landing__confirm--modal-button {
        font-size: 14px;
        font-weight: 500;
        text-align: center;
        height: 44px;
        padding: 11px 16px;
        background-color: #4fcce9;
        color: #fff;
        width: 100%;
        border-radius: 10px;
        border: 1px solid transparent;
        cursor: pointer;
        margin-right: 0;
        margin-bottom: 10px;
        display: inline-block
    }

    .landing__confirm--modal-button:hover {
        box-shadow: 0 6px 12px 0 rgba(79, 204, 233, .4)
    }

    .landing__confirm--modal-button:focus {
        outline: none
    }

    .landing__confirm--modal-button--edit {
        font-size: 14px;
        font-weight: 500;
        text-align: center;
        height: 44px;
        padding: 11px 16px;
        background-color: transparent;
        color: #232933;
        width: 100%;
        border-radius: 10px;
        border: 1px solid #919499;
        cursor: pointer;
        display: inline-block;
        margin-bottom: 10px
    }

    .landing__confirm--modal-button--edit:hover {
        background-color: rgba(145, 148, 153, .05)
    }

    .landing__confirm--modal-button--edit:focus {
        outline: none
    }

    .parent__box {
        position: relative;
        max-height: -webkit-fit-content;
        max-height: -moz-fit-content;
        max-height: fit-content
    }
}