@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&family=Manrope:wght@200;300;400;500;600;700;800&family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

@media (min-width: 1550px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1444px;
    }
}

body {
    color: #2E2E2E;
    background: #F8F8F8;
}

input {
    background: #F8F8F8 !important;
    border-radius: 0px !important;
}

a {
    text-decoration: none;
}

.row {
    --bs-gutter-x: 0 !important;
}

header {
    padding-top: 60px;
    padding-bottom: 30px;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.90) 42.19%, rgba(255, 255, 255, 0.00) 100%);
    z-index: 999;
}

.general-menu-desktop {
    align-items: center;
}

.general-menu-desktop li {
    list-style-type: none;
}

.general-menu-desktop>div:first-child {
    display: flex;
}

.general-menu-desktop>div:nth-child(2) {
    display: flex;
    justify-content: center;
}

.general-menu-desktop>div:last-child {
    display: flex;
    justify-content: end;
}

.logo-string {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    margin-right: 18.3%;
}

.logo-string span:first-child {
    display: block;
    font-size: 21px;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    margin-bottom: 3px;
}

.logo-string span:last-child {
    display: block;
    font-size: 11px;
}

.adress-string {
    font-family: 'Montserrat';
    font-style: normal;
    font-size: 14px;
    line-height: 100%;
}

.adress-string span:first-child {
    display: block;
    font-weight: 500;
    margin-bottom: 7px;
}

.adress-string span:last-child {
    display: block;
    font-weight: 600;
}

.menu ul {
    margin: 0;
    padding: 0;
}

.menu a {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 140%;
    text-transform: uppercase;
}

.menu .menu-div {
    position: relative;
    overflow: hidden;
}

.dropdown-menu-block {
    position: relative;
}

.menu .menu-div li {
    position: absolute;
    top: 31px;
    transition: .35s ease all;
}

.menu .menu-div:hover li {
    top: -2px;
}

.menu .menu-div a {
    position: relative;
    margin: 10px 18px;
}

.menu .menu-div a::before {
    content: attr(data-hover);
    position: absolute;
    top: -2.75em;
}

.menu .menu-div li,
.dropdown_menu div a {
    position: relative;
}

.menu .menu-div a::after,
.dropdown_menu div a::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    background: #252525;
    transform-origin: 0%;
    transform: scaleX(0);
    transition: transform 0.3s ease-out;
    height: 1px;
}

.menu .menu-div:hover a::after,
.dropdown_menu div:hover a::after {
    transform-origin: 0%;
    transform: scaleX(1);
}

.menu .active-menu a::before {
    border-bottom: 1px solid #252525;
}

.menu {
    position: relative;
}

.dropdown_menu {
    position: absolute !important;
    left: 17px;
    top: 30px;
    right: -110px;
}

@media (min-width:1400px) and (max-width:1550px) {
    .dropdown_menu {
        right: -36px;
    }
}

@media (min-width:1200px) and (max-width:1399.9px) {
    .dropdown_menu {
        right: -66px;
    }
}

@media (min-width:992px) and (max-width:1199.9px) {
    .dropdown_menu {
        right: -96px;
    }
}

.dropdown_menu div {
    margin-bottom: 10px;
}

.run-string {
    background: none !important;
}

.run-string span {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 140%;
    text-transform: uppercase;
    color: #969696;
    margin-right: 20px;
}

.mini-cart {
    margin-left: 14px;
}

.mini-cart div>span {
    margin-left: 11px;
}

.custom-col {
    width: 79.54%;
}

.mini-cart span {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
}

.general-offer .col-md-3:first-child {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 140%;
    text-transform: uppercase;
}

.general-offer .col-md-3:last-child {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 140%;
    text-align: end;
}

.general-offer .col-md-3:last-child img {
    margin-right: 25px;
}

.number-category {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 160%;
    text-transform: uppercase;
    margin-bottom: 30px;
}

#name-category .name-category {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 40px;
    line-height: 140%;
    text-transform: uppercase;
}

.catalog-gen .col-md-8>.row {
    margin: 0 -10px;
}

.catalog-gen .col-md-8>.row>div {
    padding: 0 10px;
}

.category-block .product-intro {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 140%;
    text-transform: uppercase;
    margin-top: 10px;
    display: flex;
    align-items: center;
}

.category-block .product-intro span {
    display: inline-block;
}

.points {
    margin: 0 10px;
    position: relative;
    transform: translateY(-7px);
    font-size: 30px;
}

.category-block {
    margin-bottom: 40px;
}

footer {
    border-top: 1px solid #C4C4C4;
}

.footer-row .col-md-4 {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    text-transform: uppercase;
}

.footer-row .col-md-4:nth-child(1) {
    font-size: 14px;
    line-height: 140%;
}

.footer-row .col-md-4:nth-child(2) {
    text-align: center;
    font-size: 16px;
    line-height: 100%;
}

.footer-row .col-md-4:nth-child(3) {
    text-align: end;
    font-size: 16px;
}

.footer-row .col-md-4>p,
.footer-row .col-md-4>a {
    display: block;
}

.footer-row .col-md-4>p:first-child {
    margin-bottom: 14px;
}

.footer-link {
    text-align: center;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 100%;
    color: #969696;
    margin-top: 34px;
}

.footer-link a {
    display: inline-block;
    margin: 0 20px 0;
}

.back-btn img {
    margin-right: 48px;
}

.back-btn {
    cursor: pointer;
}

.page-author,
.page-calc {
    margin-top: 240px;
}

.page-author .col-md-4 .name-category,
.page-calc .col-md-4 .name-category {
    position: sticky;
    top: 240px;
}

.modal-product .modal-body {
    padding-left: 40px;
    padding-right: 40px;
}

.modal-product p {
    font-family: 'Montserrat';
    font-style: normal;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    display: block;
}

.product-name,
.product-price {
    font-weight: 600;
}

.product-name {
    margin: 25px 0 0;
}

.product-description {
    margin: 10px 0 0;
}

.product-price {
    margin: 20px 0;
}

.cart-prod-btn-block {
    text-align: center;
}

.cart-prod-btn {
    background-color: white;
    border: 1px solid #C4C4C4;
    padding: 15px 54px;
    border-radius: 50px;
}

.title-section-form {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 140%;
    text-transform: uppercase;
    margin-bottom: 60px;
}

.color-img input[type="checkbox"] {
    display: none;
}

.color-selection {
    display: flex;
    margin: 0 -10px;
}

.color-selection .color-img-column:not(:first-child) img {
    width: 100%;
}

.color-img-column {
    display: flex;
    flex-wrap: wrap;
}

.color-img {
    padding: 10px;
}

.color-img label {
    position: relative;
    cursor: pointer;
}

.color-act {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: white;
    opacity: 0.6;
}

.text {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 120%;
    color: #2E2E2E;
    margin: 20px 0 0 0;
}

.package-section {
    margin-top: 40px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 140%;
    text-transform: uppercase;
    display: flex;
}

.package-section label {
    margin-left: 10px;
    margin-right: 37px;
    cursor: pointer;
}

.package-section input {
    cursor: pointer;
}

#section-form {
    margin-bottom: 120px;
}

.size-selection,
.postcard-design-row {
    display: flex;
    margin: 0 -10px;
}

.size-selection img {
    width: 100%;
}

.size-img,
.postcard-design-col {
    padding: 10px;
}

.size-img label {
    cursor: pointer;
}

.size-name {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 140%;
    text-transform: uppercase;
    color: #969696;
    margin: 37px 0 5px;
    display: flex;
    align-items: center;
}

.size-name input {
    margin-left: 10px;
}

.size-price {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 140%;
    text-transform: uppercase;
    margin: 0;
}

.postcard-gen>label {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 140%;
    text-transform: uppercase;
    color: #2E2E2E;
    margin-left: 10px;
    cursor: pointer;
}

.postcard-selection .postcard-gen:first-child label {
    margin-bottom: 20px;
}

.postcard-selection>p {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    color: #2E2E2E;
}

.postcard-design p {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 140%;
    margin-bottom: 20px;
}

.postcard-design-col p {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 140%;
    text-transform: uppercase;
    color: #969696;
    display: flex;
    align-items: center;
    justify-content: start;
    margin-top: 20px;
    margin-bottom: 40px;
}

.postcard-design-col p input {
    margin-left: 10px;
}

.postcard-design-col label {
    cursor: pointer;
}

.postcard-design-text textarea {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    padding: 20px;
    resize: none;
    outline: none;
    background: #F8F8F8;
}

.postcard-design-text {
    margin-bottom: 60px;
}

.data-section,
.payment-section {
    border: 1px solid #969696;
    padding: 40px;
}

.data-section>input {
    width: 100%;
    padding: 14px 20px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 150%;
    border: 1px solid #969696;
    outline: none;
}

.data-section>input:not(:last-child) {
    margin-bottom: 30px;
}

.data-section>input::placeholder {
    color: #969696;
}

.data-section span {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 150%;
    color: #969696;
    display: block;
    margin-top: 10px;
    margin-bottom: 30px;
}

.data-section p {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 120%;
    margin: 0;
}

.radio-call {
    margin: 30px 0 20px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 120%;
    color: #2E2E2E;
}

.radio-call label {
    margin-left: 10px;
}

.deliv-btn {
    display: flex;
    margin: 0 -14px;
}

.deliv-btn-inner {
    text-align: center;
    border: 1px solid #969696;
    margin: 0 14px;
    padding: 10px 0;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 140%;
    cursor: pointer;
}

.deliv-btn-inner label {
    cursor: pointer;
}

.deliv-btn-inner input {
    display: none;
}

.active-deliv {
    background-color: #D9D9D9;
}

.deliv-form {
    border: 1px solid #969696;
    padding: 40px;
    margin-top: 60px;
    margin-bottom: 60px;
}

.data-customer p,
.deliv-time p,
.deliv-price p {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 140%;
    margin-bottom: 20px;
}

.data-customer input {
    width: 100%;
    padding: 14px 20px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 150%;
    outline: none;
}

input {
    border: 1px solid #969696;
}

input:focus {
    box-shadow: none !important;
    border: 1px solid #969696 !important;
}

.data-customer-input {
    margin-bottom: 20px;
}

.data-customer-input span {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 150%;
    color: #2E2E2E;
}

.data-customer {
    margin-bottom: 40px;
}

.deliv-time-imput {
    display: flex;
    align-items: center;
}

.deliv-time-imput p {
    margin: 0;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    text-transform: uppercase;
    margin-right: 17px;
}

.deliv-time-imput input {
    padding: 10px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
}

.deliv-time {
    margin-bottom: 30px;
}

.deliv-clock p {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    margin-bottom: 20px;
}

.deliv-clock-input {
    display: inline-block;
    margin-right: 40px;
    margin-bottom: 10px;
    cursor: pointer;
}

.deliv-clock-input label {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    margin-left: 10px;
    cursor: pointer;
}

.deliv-clock-input input {
    cursor: pointer;
}

.deliv-clock {
    margin-bottom: 40px;
}

.deliv-price p {
    margin-bottom: 30px;
}

.deliv-price-input,
.prices-input {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 120%;
    margin-bottom: 17px;
}

.deliv-price span {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 120%;
    margin-bottom: 17px;
    display: block;
}

.deliv-price .deliv-sum:last-child,
.deliv-price .deliv-sum:nth-child(6) {
    display: none;
}

.comment-order textarea {
    width: 100%;
    resize: none;
    padding: 20px;
    outline: none;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 120%;
    background: #F8F8F8;
}

.comment-order textarea::placeholder {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    color: #2E2E2E;
}

.form-total {
    border: 1px solid #969696;
    padding: 40px 186px;
}

.form-add-cart {
    margin-bottom: 0px !important;
    display: inline-block;
}

.total-product,
.total-deliv,
.total-price {
    display: flex;
    justify-content: space-between;
    color: #2E2E2E;
    font-size: 16px;
    font-family: Montserrat;
    font-weight: 500;
    line-height: 140%;
    text-transform: uppercase;
    margin-bottom: 20px;
    border-bottom: 1px dashed #000;
}

.btn-subm {
    display: block;
    width: 100%;
    border: none;
    border-radius: 50px;
    background: #D9D9D9;
    color: #2E2E2E;
    font-size: 16px;
    font-family: 'Montserrat';
    font-weight: 600;
    line-height: 100%;
    text-transform: uppercase;
    padding: 20px 115px;
}

.form-total span,
.form-add-cart span {
    width: 70%;
    color: #2C2C2C;
    font-size: 12px;
    font-family: 'Montserrat';
    line-height: 150%;
}

.form-total span a,
.form-add-cart span a {
    color: #DA7F69;
}

.cursor-block-ball {
    position: fixed;
    width: 40px;
    height: 40px;
    left: 0;
    top: 0;
    border: 1px solid #999999;
    border-radius: 50%;
    pointer-events: none;
    border-width: 2px;
    background-color: rgba(153, 153, 153, 0);
    border-color: rgb(153, 153, 153);
    opacity: 1;
    pointer-events: none;
    z-index: 10000;
    transform: translate(-50%, -50%);
    -webkit-transition: height ease-in-out 0.2s, width ease-in-out 0.2s, border-width ease-in-out 0.2s;
    transition: height ease-in-out 0.2s, width ease-in-out 0.2s, border-width ease-in-out 0.2s;
}

.cursor-block-ball-hover {
    width: 120px;
    height: 120px;
    background-color: rgb(153, 153, 153);
    border-color: rgb(153, 153, 153);
    opacity: 0.15;
    -webkit-transition: height ease-in-out 0.2s, width ease-in-out 0.2s, border-width ease-in-out 0.2s;
    transition: height ease-in-out 0.2s, width ease-in-out 0.2s, border-width ease-in-out 0.2s;
}

.social-block-gen {
    position: fixed;
    right: 100px;
    bottom: 50px;
    color: #2E2E2E;
    font-size: 14px;
    font-family: 'Montserrat';
    font-weight: 600;
    line-height: 100%;
    cursor: pointer;
}

.social-block-gen span {
    margin-right: 20px;
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.70);
    padding: 10px 12px;
}

.social-img-gen {
    position: relative;
    display: inline-block;
}

.social-img-gen-close {
    animation: social-anim 3s ease-out infinite;
}

.social-img-gen-close::after {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    content: "";
    border-radius: 50%;
    border: 2px solid #969696;
    opacity: 0;
    animation: social-anim-affter 3s ease-out infinite;
}

@keyframes social-anim-affter {
    0% {
        transform: scale(1);
        opacity: 1;
    }

    25% {
        transform: scale(1.5);
        opacity: 0;
    }

    100% {
        transform: scale(1.5);
        opacity: 0;
    }
}

@keyframes social-anim {
    0% {
        transform: scale(1);
    }

    15% {
        transform: scale(1.1);
    }

    35% {
        transform: scale(1);
    }

    100% {
        transform: scale(1);
    }
}

.social-block-inner a {
    display: inline-block;
    margin-right: 8px;
    margin-bottom: 20px;
}

.social-block-inner {
    text-align: end;
}

.social-img-gen-close .open {
    display: none;
}

.social-img-gen-open .close {
    display: none;
}

.total-price {
    font-weight: 700;
}

.alone-p-block {
    display: none;
}

.order-item {
    display: flex;
    margin: 0 -10px 60px;
}

.order-item>div {
    padding: 0 10px;
}

.col-img,
.col-info,
.col-button {
    flex: 1 0 auto;
    width: 33.41%;
}

.col-button {
    width: 33.18%;
}

.order-item-name {
    color: #2E2E2E;
    font-size: 24px;
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    text-transform: uppercase;
    margin-bottom: 25px;
}

.order-item-price {
    color: #2E2E2E;
    font-size: 24px;
    font-family: "Manrope";
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 20px;
}

.order-item-description,
.order-item-options {
    color: #2E2E2E;
    font-size: 16px;
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
}

.order-item-options {
    margin-bottom: 0px;
}

.btn-custom-input-number {
    color: black;
    border: 1px solid #D9D9D9;
    border-radius: 50%;
    line-height: 0;
    background: #D9D9D9;
    padding: 3px 3px;
}

.ms-input-number-cust {
    width: 30px !important;
    cursor: default;
    border: none;
    text-align: center;
    outline: none;
}

.col-button {
    position: relative;
}

.col-button-inner {
    position: absolute;
    right: 0;
    display: flex;
}

.col-button-inner>div {
    display: inline-block;
}

.btn-delete-backet,
.btn-delete-backet:hover {
    border: 1px solid #969696;
    border-radius: 50%;
    padding: 5px 5px;
    line-height: 0;
    margin-left: 20px;
}

.order-selection {
    border-bottom: 1px solid black;
}

.order-total-cart {
    color: #2E2E2E;
    font-size: 24px;
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    text-transform: uppercase;
    margin-top: 25px;
    text-align: right;
}

.ms-count,
.ms-remove {
    width: auto !important;
}

.ms-input-number-cust {
    color: #2E2E2E;
    font-size: 16px;
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.order-length {
    color: #2E2E2E;
    font-family: "Montserrat";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    display: none;
}

.cart-prod-btn-block span {
    color: #2E2E2E;
    font-family: "Montserrat";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    border-radius: 50px;
    border: 1px solid #2E2E2E;
    padding: 15px 25px;
    margin-bottom: 20px;
    display: block;
}

.category-block-product {
    position: relative;
    margin-bottom: 20px;
}

.category-block-product-inner {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.60);
    opacity: 0;
    transition: opacity 200ms linear;
}

.category-block-product:hover .category-block-product-inner {
    opacity: 1;
}

.category-block-product-inner-text {
    position: absolute;
    bottom: 47px;
    left: 20px;
    right: 20px;
}

.product-inner-title {
    color: #2E2E2E;
    font-family: "Montserrat";
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    margin-bottom: 10px;
}

.product-inner-price {
    color: #2E2E2E;
    font-family: "Montserrat";
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    margin-top: 10px;
}

.line {
    width: 87px;
    height: 1px;
    background: #2E2E2E;
}

.category-block-product-inner-text span {
    color: #2E2E2E;
    font-family: "Montserrat";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    text-transform: inherit;
    padding: 15px 25px;
    border-radius: 50px;
    border: 1px solid #2E2E2E;
    display: inline-block;
}

.category-block-product-inner .cart-prod-btn {
    background-color: inherit;
    border-color: #2E2E2E;
}

.offcanvas {
    width: 100% !important;
}

.offcanvas .logo-string {
    margin-right: 0;
    text-align: center;
    position: relative;
}

.offcanvas .btn-close {
    position: absolute;
    right: 0;
    top: 0;
}

.offcanvas-body {
    padding-top: 50px;
}

.menu-title span,
.menu-title a {
    display: block;
    margin: 20px 0;
    color: #2E2E2E;
    font-family: "Montserrat";
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
    text-transform: uppercase;
}

.menu-title span {
    font-style: italic;
    font-weight: 400;
}

.menu-title {
    text-align: center;
    margin: 30px 0;
}

.menu-canvas-img {
    text-align: center;
}

.menu-canvas-img img,
.menu-canvas-img span,
.menu-canvas-link a {
    display: block;
}

.menu-canvas-img span {
    color: #2E2E2E;
    font-family: "Montserrat";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.menu-canvas-img span a {
    font-weight: 600;
    margin-bottom: 20px;
    margin-top: 6px;
    display: block;
}

.menu-canvas-img img {
    margin: 0 auto 20px;
}

.menu-canvas-link {
    text-align: center;
    color: #2E2E2E;
    font-family: "Montserrat";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.menu-canvas-link a {
    margin-bottom: 5px;
}

.mini-cart-mobile {
    text-align: end;
}

.mini-cart-mobile-inner {
    position: relative;
}

.mini-cart-mobile-number {
    position: absolute;
    bottom: -5px;
    right: 5px;
}

.mini-cart-mobile-number span {
    padding: 0 2px;
    font-family: "Montserrat";
    color: black;
    font-weight: 600;
    font-size: 11px;
    border-radius: 50%;
    background-color: #D9D9D9;
    display: flex;
    width: 16px;
    height: 16px;
    justify-content: center;
    align-items: center;
}

.ink-text {
    color: #2E2E2E;
    font-family: "Montserrat";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}

.img-products-length {
    position: relative;
    padding-bottom: 71.27%;
}

.img-products-length img {
    position: absolute;
    transition: opacity 200ms linear;
}

.img-products-length img:not(:nth-child(2)) {
    opacity: 0;
}

.img-products-length:hover img:nth-child(1) {
    opacity: 1;
}

.img-products-length:hover img:nth-child(2) {
    opacity: 0;
}

.cart-empty {
    color: #2E2E2E;
    font-family: "Montserrat";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    text-transform: uppercase;
    padding: 20px 30px;
    background: #D9D9D9;
}

.ms2-message-success {
    background: #33d13a !important;
    color: #fff !important;
    border: 1px solid #003002 !important;
}

.jur-text,
.dost-text,
.opl-text {
    color: #2E2E2E;
    font-family: "Montserrat";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 160%;
}

.jur-text-strong,
.jur-text-h {
    font-weight: 600;
}

.jur-text-strong {
    margin-bottom: 0px
}

.jur-text-h {
    margin: 40px 0 20px;
}

.jur-text-text {
    margin: 0;
}

.jur-text-rek {
    margin: 40px 0 0;
}

.jur-text-rek span {
    margin-bottom: 20px;
    display: block;
}

.dost-text {
    margin-bottom: 40px;
}

.dost-text p,
.opl-text p {
    margin-bottom: 10px;
}

.thanks {
    text-align: center;
}

.thanks p {
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    text-transform: uppercase;
    margin-top: 50px;
    margin-bottom: 150px;
}

.color-img-column-one {
    width: 19.95%;
}

.color-img-column-two {
    width: 80.05%;
}

.color-img-column-two .color-img {
    width: 24.66%;
}

.color-img-column-two .color-img:nth-child(3),
.color-img-column-two .color-img:nth-child(4) {
    width: 49.45%;
}

.p-new-text-page {
    display: block;
    color: #2E2E2E;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
    margin-bottom: 50px;
}
.general-offer .col-md-3:last-child>div {
display:inline-block;
text-align:start;
}