@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap');
/*!
Theme Name: fulfilment
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: fulfilment
*/


.fulfil-h2 {
    font-family: 'Oswald', sans-serif;
    font-size: 2.4rem;
    font-weight: 700;
}

@media(min-width: 768px) {
    .fulfil-h2 {
        font-size: 4rem;
    }
}

.img_main_bg {
    max-width: 300px;
}

.wpcf7-response-output {
    display: none;
}

.wpcf7-spinner {
    background-color: #FFAB00;
    position: absolute;
    bottom: -40px;
    left: 40%;
}

.wpcf7 textarea {
    height: 80px;
}

.white-popup {
    position: relative;
    background: #FFF;
    padding: 20px;
    width: auto;
    max-width: 500px;
    margin: 20px auto;
}

/* overlay at start */
.mfp-fade.mfp-bg {
    opacity: 0;

    -webkit-transition: all 0.15s ease-out;
    -moz-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
}

/* overlay animate in */
.mfp-fade.mfp-bg.mfp-ready {
    opacity: 0.8;
}

/* overlay animate out */
.mfp-fade.mfp-bg.mfp-removing {
    opacity: 0;
}

/* content at start */
.mfp-fade.mfp-wrap .mfp-content {
    opacity: 0;

    -webkit-transition: all 0.15s ease-out;
    -moz-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
}

/* content animate it */
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
    opacity: 1;
}

/* content animate out */
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
    opacity: 0;
}


.wpcf7-not-valid-tip {
    color: var(--pink);
    font-size: 12px;
    position: absolute;
}

.wpcf7-not-valid {
    border-color: var(--pink);
}

.icon-img-cirlce-sbermm {
    width: 4.5rem !important;
}

@media(min-width: 991px) {

    .icon-img-cirlce-ym,
    .icon-img-cirlce-wildb {
        width: 6rem !important;
    }
}

@media(max-width: 630px) {

    .icon-img-cirlce-sbermm,
    .icon-img-cirlce-wildb {
        width: 3rem !important;
    }
}

.table-secondary th,
.table-secondary td,
.table-secondary thead th,
.table-secondary tbody+tbody {
    border-color: #e7e7e7;
}

caption,
th,
td {
    vertical-align: middle;
    text-align: left;
}

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

table.table tr td,
table.table tr th {
    text-wrap: wrap;
    word-wrap: break-word;
}

table.table tr th {
    border-top-color: #fbfbfb;
}

table.table.table-price-1 td[colspan="4"],
table.table.table-price-3 td[colspan="2"] {
    text-align: center;
    color: #fff;
    background-color: #8800FF;
}

table.table.table-price-1 th,
table.table.table-price-1 td {
    width: 20%;
}

table.table.table-price-1 th:first-child,
table.table.table-price-1 td:first-child {
    width: 40%;
}

table.table.table-price-1 td[colspan="3"] {
    width: 40%;
}

table.table.table-price-2 td {
    width: 15%;
}

table.table.table-price-2 td:first-child[rowspan="2"],
table.table.table-price-2 td:first-child[rowspan="3"],
table.table.table-price-2 td:first-child[rowspan="4"],
table.table.table-price-2 td:first-child[rowspan="5"],
table.table.table-price-2 td:first-child[rowspan="6"],
table.table.table-price-2 td:first-child[rowspan="7"] {
    width: 40%;
}

table.table.table-price-2 td[colspan="4"] {
    width: 60%;
}

table.table.table-price-2 td[colspan="5"] {
    text-align: center;
    color: #fff;
    background-color: #8800FF;
}


@media(max-width: 1200px) {

    table.table {
        display: block;
    }
}

@media(max-width: 525px) {

    table.table td,
    table.table th {
        font-size: 11px;
        text-transform: none;
    }
}

.alert-dismissible .btn-close {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    padding: 1.25rem 1rem
}

.btn-close {
    --bs-btn-close-color: #000;
    --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
    --bs-btn-close-opacity: 0.5;
    --bs-btn-close-hover-opacity: 0.75;
    --bs-btn-close-focus-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
    --bs-btn-close-focus-opacity: 1;
    --bs-btn-close-disabled-opacity: 0.25;
    --bs-btn-close-white-filter: invert(1) grayscale(100%) brightness(200%);
    box-sizing: content-box;
    width: 1em;
    height: 1em;
    padding: .25em .25em;
    color: var(--bs-btn-close-color);
    background: transparent var(--bs-btn-close-bg) center/1em auto no-repeat;
    border: 0;
    border-radius: .375rem;
    opacity: var(--bs-btn-close-opacity)
}

.btn-close:hover {
    color: var(--bs-btn-close-color);
    text-decoration: none;
    opacity: var(--bs-btn-close-hover-opacity)
}

.btn-close:focus {
    outline: 0;
    box-shadow: var(--bs-btn-close-focus-shadow);
    opacity: var(--bs-btn-close-focus-opacity)
}

.btn-close.disabled,
.btn-close:disabled {
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    opacity: var(--bs-btn-close-disabled-opacity)
}

.btn-close-white {
    filter: var(--bs-btn-close-white-filter)
}

[data-bs-theme=dark] .btn-close {
    filter: var(--bs-btn-close-white-filter)
}

.toast {
    --bs-toast-zindex: 1090;
    --bs-toast-padding-x: 0.75rem;
    --bs-toast-padding-y: 0.5rem;
    --bs-toast-spacing: 1.5rem;
    --bs-toast-max-width: 350px;
    --bs-toast-font-size: 0.875rem;
    --bs-toast-color: ;
    --bs-toast-bg: rgba(var(--bs-body-bg-rgb), 0.85);
    --bs-toast-border-width: var(--bs-border-width);
    --bs-toast-border-color: var(--bs-border-color-translucent);
    --bs-toast-border-radius: var(--bs-border-radius);
    --bs-toast-box-shadow: var(--bs-box-shadow);
    --bs-toast-header-color: var(--bs-secondary-color);
    --bs-toast-header-bg: rgba(var(--bs-body-bg-rgb), 0.85);
    --bs-toast-header-border-color: var(--bs-border-color-translucent);
    width: var(--bs-toast-max-width);
    max-width: 100%;
    font-size: var(--bs-toast-font-size);
    color: var(--bs-toast-color);
    pointer-events: auto;
    background-color: var(--bs-toast-bg);
    background-clip: padding-box;
    border: var(--bs-toast-border-width) solid var(--bs-toast-border-color);
    box-shadow: var(--bs-toast-box-shadow);
    border-radius: var(--bs-toast-border-radius)
}

.toast.showing {
    opacity: 0
}

.toast:not(.show) {
    display: none
}

.toast-container {
    --bs-toast-zindex: 1090;
    position: absolute;
    z-index: var(--bs-toast-zindex);
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    max-width: 100%;
    pointer-events: none
}

.toast-container>:not(:last-child) {
    margin-bottom: var(--bs-toast-spacing)
}

.toast-header {
    display: flex;
    align-items: center;
    padding: var(--bs-toast-padding-y) var(--bs-toast-padding-x);
    color: var(--bs-toast-header-color);
    background-color: var(--bs-toast-header-bg);
    background-clip: padding-box;
    border-bottom: var(--bs-toast-border-width) solid var(--bs-toast-header-border-color);
    border-top-left-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));
    border-top-right-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width))
}

.toast-header .btn-close {
    margin-right: calc(-.5 * var(--bs-toast-padding-x));
    margin-left: var(--bs-toast-padding-x)
}

.toast-body {
    padding: var(--bs-toast-padding-x);
    word-wrap: break-word
}

.swiper {
    width: 100%;
    height: 100%;
}

.hidden-text {
    display: none;
}

.equal-height-cards .card {
    display: flex;
    flex: 1 0 auto; /* ключевое свойство */
    height: 100%;
}




.link-primary {
    color: (var(--primary), var(--link-opacity, 1)) !important;
    -webkit-text-decoration-color: var(--primary) !important;
    text-decoration-color: var(--primary) !important;
}

.link-primary:focus,
.link-primary:hover {
    color: RGBA(10, 88, 202, var(--link-opacity, 1)) !important;
    -webkit-text-decoration-color: RGBA(10, 88, 202, var(--link-underline-opacity, 1)) !important;
    text-decoration-color: RGBA(10, 88, 202, var(--link-underline-opacity, 1)) !important
}

.link-secondary {
    color: RGBA(var(--secondary), var(--link-opacity, 1)) !important;
    -webkit-text-decoration-color: RGBA(var(--secondary), var(--link-underline-opacity, 1)) !important;
    text-decoration-color: RGBA(var(--secondary), var(--link-underline-opacity, 1)) !important
}

.link-secondary:focus,
.link-secondary:hover {
    color: RGBA(86, 94, 100, var(--link-opacity, 1)) !important;
    -webkit-text-decoration-color: RGBA(86, 94, 100, var(--link-underline-opacity, 1)) !important;
    text-decoration-color: RGBA(86, 94, 100, var(--link-underline-opacity, 1)) !important
}

.link-success {
    color: RGBA(var(--success), var(--link-opacity, 1)) !important;
    -webkit-text-decoration-color: RGBA(var(--success), var(--link-underline-opacity, 1)) !important;
    text-decoration-color: RGBA(var(--success), var(--link-underline-opacity, 1)) !important
}

.link-success:focus,
.link-success:hover {
    color: RGBA(20, 108, 67, var(--link-opacity, 1)) !important;
    -webkit-text-decoration-color: RGBA(20, 108, 67, var(--link-underline-opacity, 1)) !important;
    text-decoration-color: RGBA(20, 108, 67, var(--link-underline-opacity, 1)) !important
}

.link-info {
    color: RGBA(var(--info), var(--link-opacity, 1)) !important;
    -webkit-text-decoration-color: RGBA(var(--info), var(--link-underline-opacity, 1)) !important;
    text-decoration-color: RGBA(var(--info), var(--link-underline-opacity, 1)) !important
}

.link-info:focus,
.link-info:hover {
    color: RGBA(61, 213, 243, var(--link-opacity, 1)) !important;
    -webkit-text-decoration-color: RGBA(61, 213, 243, var(--link-underline-opacity, 1)) !important;
    text-decoration-color: RGBA(61, 213, 243, var(--link-underline-opacity, 1)) !important
}

.link-warning {
    color: RGBA(var(--warning), var(--link-opacity, 1)) !important;
    -webkit-text-decoration-color: RGBA(var(--warning), var(--link-underline-opacity, 1)) !important;
    text-decoration-color: RGBA(var(--warning), var(--link-underline-opacity, 1)) !important
}

.link-warning:focus,
.link-warning:hover {
    color: RGBA(255, 205, 57, var(--link-opacity, 1)) !important;
    -webkit-text-decoration-color: RGBA(255, 205, 57, var(--link-underline-opacity, 1)) !important;
    text-decoration-color: RGBA(255, 205, 57, var(--link-underline-opacity, 1)) !important
}

.link-danger {
    color: RGBA(var(--danger), var(--link-opacity, 1)) !important;
    -webkit-text-decoration-color: RGBA(var(--danger), var(--link-underline-opacity, 1)) !important;
    text-decoration-color: RGBA(var(--danger), var(--link-underline-opacity, 1)) !important
}

.link-danger:focus,
.link-danger:hover {
    color: RGBA(176, 42, 55, var(--link-opacity, 1)) !important;
    -webkit-text-decoration-color: RGBA(176, 42, 55, var(--link-underline-opacity, 1)) !important;
    text-decoration-color: RGBA(176, 42, 55, var(--link-underline-opacity, 1)) !important
}

.link-light {
    color: RGBA(var(--light), var(--link-opacity, 1)) !important;
    -webkit-text-decoration-color: RGBA(var(--light), var(--link-underline-opacity, 1)) !important;
    text-decoration-color: RGBA(var(--light), var(--link-underline-opacity, 1)) !important
}

.link-light:focus,
.link-light:hover {
    color: RGBA(249, 250, 251, var(--link-opacity, 1)) !important;
    -webkit-text-decoration-color: RGBA(249, 250, 251, var(--link-underline-opacity, 1)) !important;
    text-decoration-color: RGBA(249, 250, 251, var(--link-underline-opacity, 1)) !important
}

.link-dark {
    color: RGBA(var(--dark), var(--link-opacity, 1)) !important;
    -webkit-text-decoration-color: RGBA(var(--dark), var(--link-underline-opacity, 1)) !important;
    text-decoration-color: RGBA(var(--dark), var(--link-underline-opacity, 1)) !important
}

.link-dark:focus,
.link-dark:hover {
    color: RGBA(26, 30, 33, var(--link-opacity, 1)) !important;
    -webkit-text-decoration-color: RGBA(26, 30, 33, var(--link-underline-opacity, 1)) !important;
    text-decoration-color: RGBA(26, 30, 33, var(--link-underline-opacity, 1)) !important
}

.link-body-emphasis {
    color: RGBA(var(--emphasis-color), var(--link-opacity, 1)) !important;
    -webkit-text-decoration-color: RGBA(var(--emphasis-color), var(--link-underline-opacity, 1)) !important;
    text-decoration-color: RGBA(var(--emphasis-color), var(--link-underline-opacity, 1)) !important
}

.link-body-emphasis:focus,
.link-body-emphasis:hover {
    color: RGBA(var(--emphasis-color), var(--link-opacity, .75)) !important;
    -webkit-text-decoration-color: RGBA(var(--emphasis-color), var(--link-underline-opacity, 0.75)) !important;
    text-decoration-color: RGBA(var(--emphasis-color), var(--link-underline-opacity, 0.75)) !important
}


.icon-link {
    display: inline-flex;
    gap: .375rem;
    align-items: center;
    -webkit-text-decoration-color: rgba(var(--link-color), var(--link-opacity, 0.5));
    text-decoration-color: rgba(var(--link-color), var(--link-opacity, 0.5));
    text-underline-offset: 0.25em;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.icon-link>.bi {
    flex-shrink: 0;
    width: 1em;
    height: 1em;
    fill: currentcolor;
    transition: .2s ease-in-out transform
}

@media (prefers-reduced-motion:reduce) {
    .icon-link>.bi {
        transition: none
    }
}

.icon-link-hover:focus-visible>.bi,
.icon-link-hover:hover>.bi {
    transform: var(--icon-link-transform, translate3d(.25em, 0, 0))
}