@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;300;400;500;700&display=swap');

:root {
    --color-green: #0A6162;
    --color-green-dark: #0a5050;
    --color-beige: #E7B98D;
    --color-gold: #ffc06a;
    --color-black: #000000;
    --radius-style: 1rem; /*1rem*/
    --big-radius-style: 2rem; /*2rem*/
    --font-color: #000000;
    --color-grey: #f7f7f7;
}

*:focus {
    outline: none !important;
}

/* https://stackoverflow.com/questions/2989263/disable-auto-zoom-in-input-text-tag-safari-on-iphone */
input[type="color"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"],
select:focus,
textarea {
    font-size: 16px;
}

a {
    color: #0046af;
    text-decoration: none;
}

a.pseudo {
    border-bottom: 1px dotted;
    text-decoration: none !important;
}

ul.list {
    list-style-image: url("/assets/components/evashop/web/__coupon/img/check_circle.svg");
    padding-left: 1.3rem;
}

ul.list li::marker {
    font-size: 170%;
}



html {
    height: 100% !important;
    font-size: 16px;
}
body {
    position: relative;
    height: 100%;
    font-family: "Inter", Arial, sans-serif;
    background-color: #ffffff;
}

/*body .welcome_classic {
    display: table;
    height: 100%;
    min-height: 100%;
    width: 100%;
    background-image: url(../img/bg-pattern_alt.png), url(../img/bgs/welcome.webp);
    background-position: top left, center center;
    background-size: auto, cover;
    background-repeat: repeat, no-repeat;
    background-attachment: fixed;
}*/

.navbar {
    transition: all 0.3s ease;
}

.site-logo {
    min-height: 35px;
    max-height: 35px;
}

.logo-block {
    padding: .5rem 0;
}

/*.header-top {
    box-shadow: 1px 2px 10px 0 rgb(162 162 162 / 21%);
    background: #fff;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    z-index: 1021;
    !*height: 85px;*!
    padding: .85rem 0;
}*/

.remove-shadow {
    box-shadow: none !important;
}

/*.header-top.fixed-header {
    !*height: 64px;*!
    padding: .45rem 0;
}*/

.top-menu {
    display: table;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    width: 100%;
}

.top-menu>li {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    float: none;
    position: relative;
    padding: 0 .2rem;
}

a.nav-link {
    color: var(--color-beige);
    font-weight: bold;
    padding: 0;
}

a.nav-link:hover, .active a.nav-link  {
    background-color: #f1f1f1;
    border-radius: 1rem;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.header__burger {
    display: flex;
    flex-flow: column wrap;
    margin-right: 15px;
    position: relative;
    width: 20px;
}
.header__burger span {
    width: 20px;
    height: 1px;
    margin-bottom: 8px;
    background-color: var(--color-beige);
    opacity: 1;
    transition: background-color .25s ease-in-out,transform .25s ease-in-out;
}
.catalog-btn.is-active .header__burger span:first-child {
    position: absolute;
    top: 0;
    transform: rotate(
            45deg
    );
    width: 25px;
}
.catalog-btn.is-active .header__burger span:nth-child(2) {
    opacity: 0;
}
.catalog-btn.is-active .header__burger span:nth-child(3) {
    position: absolute;
    top: 0;
    transform: rotate(
            -45deg
    );
    width: 25px;
}

#dropdownCatalog {
    display: none;
    padding: 2rem 0;
}








body .welcome_classic {
    position: relative;
    display: table;
    height: 100%;
    min-height: 100%;
    width: 100%;
    overflow: hidden; /* Чтобы видео не выходило за пределы секции */
}

body .welcome_classic .bg-video {
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover; /* Обеспечивает полное покрытие экрана видео */
    z-index: -1; /* Помещает видео на задний план, под контентом */
    filter: brightness(0.95); /* !!!! Убирает черную рамку у видео */
    height: 100vh;
    width: 100vw;
}



body .welcome-classic__inner {
    display: table-cell;
    vertical-align: middle;
    position: relative;
}

.welcome-classic__inner h1 {
    font-size: 2rem;
    margin-bottom: 1.5rem;
}

.new-in-brand-1 {
    color: #fff;
    font-size: 1.7rem;
    font-weight: bold;
    background-color: red;
    padding: .4rem 1rem;
    width: fit-content;
    margin-bottom: 4rem;
}

.new-in-brand-2, .new-in-brand-3, .new-in-brand-4 {
    color: #fff;
    font-size: 1.45rem;
    font-weight: bold;
    /* text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.18); */
    width: fit-content;
    max-width: 60%;
    background: #ffc5769e;
    padding: .4rem 1rem;
}

.welcome-btn a, .welcome-btn a:hover {
    color: #fff;
    font-size: 2.2rem;
}

button.scroll_down {
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    height: 50px;
    width: 30px;
    bottom: 60px;
    background-color: transparent;
    border: 2px solid var(--color-beige);
    border-radius: 20px;
    cursor: pointer;
    outline: none;
}
button.scroll_down:before {
    position: absolute;
    top: 10px;
    left: 50%;
    content: '';
    width: 6px;
    height: 6px;
    margin-left: -3px;
    background-color: var(--color-beige);
    border-radius: 100%;
    -webkit-animation: scroll_down_btn-animation 2s infinite;
    animation: scroll_down_btn-animation 2s infinite;
    box-sizing: border-box;
}

@keyframes scroll_down_btn-animation {
    0% {
        transform: translate(0, 0);
        opacity: 0;
    }
    40% {
        opacity: 1;
    }
    80% {
        transform: translate(0, 20px);
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}

@-webkit-keyframes scroll_down_btn-animation {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 0;
    }
    40% {
        opacity: 1;
    }
    80% {
        -webkit-transform: translate(0, 20px);
        transform: translate(0, 20px);
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}



/* https://codepen.io/designbyremedy/pen/RwGwvy */
/* Section - Block */
#parallax-world-of-ugg .parallax-block {
    background: white;
    padding: 3rem 0;
    margin: 0 auto;
}
/* Section - Parallax */
#parallax-world-of-ugg .parallax-one {
    padding-top: 300px;
    padding-bottom: 300px;
    overflow: hidden;
    position: relative;
    width: 100%;
    background-image: url(../img/FK041C_-C01_x1080.jpg);
    background-attachment: fixed;
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
}

#parallax-world-of-ugg .parallax-two {
    padding-top: 250px;
    padding-bottom: 250px;
    overflow: hidden;
    position: relative;
    width: 100%;
    background-image: url(../img/FS01С_-01_x1080.jpg);
    background-attachment: fixed;
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

#parallax-world-of-ugg .parallax-three {
    padding-top: 250px;
    padding-bottom: 250px;
    overflow: hidden;
    position: relative;
    width: 100%;
    background-image: url(../img/FK041C_-C03_x1080.jpg);
    background-attachment: fixed;
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

#parallax-world-of-ugg .parallax-four {
    padding-top: 250px;
    padding-bottom: 250px;
    overflow: hidden;
    position: relative;
    width: 100%;
    background-image: url(../img/FS01С_-02_x1080.jpg);
    background-attachment: fixed;
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

h3.parallax-title, .parallax-text {
    color: #fff;
    font-size: 2.2rem;
    font-weight: bold;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.18);
    margin: 3rem 0 3.5rem 0;
}

.parallax-logo {
    max-width: 330px;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.18);
}

.parallax-text {
    font-size: 1.5rem;
}



@media screen and (max-width: 959px) and (min-width: 768px) {
    #parallax-world-of-ugg .block {
        padding: 40px;
        width: 620px;
    }
}
@media screen and (max-width: 767px) {
    #parallax-world-of-ugg .block {
        padding: 30px;
        width: 420px;
    }
    #parallax-world-of-ugg h2 {
        font-size: 30px;
    }
    #parallax-world-of-ugg .block {
        padding: 30px;
    }
    #parallax-world-of-ugg .parallax-one,
    #parallax-world-of-ugg .parallax-two,
    #parallax-world-of-ugg .parallax-three {
        padding-top: 100px;
        padding-bottom: 100px;
    }
}
@media screen and (max-width: 479px) {
    #parallax-world-of-ugg .block {
        padding: 30px 15px;
        width: 290px;
    }
}


a.main-landing-button {
    background: var(--color-green);
    color: #fff;
    font-size: 1.4rem;
    font-weight: bold;
    padding: .75rem 1.5rem;
    text-decoration: none;
    display: block;
}
a.main-landing-button:hover {
    text-decoration: none;
    background: #0D9393;
    color: #fff;
}

a.main-landing-button i {
    transition: all .1s ease-in-out;
}

a.main-landing-button:hover i {
    margin-left: .5rem;
}

.bg-latun {
    background-color: var(--color-beige);
    color: #FFFFFF !important;
}

.bg-latun .img-circle-feature {
    border-color: #FFFFFF;
}




.section-title {
    font-size: 2.3rem;
    font-weight: bold;
    margin-bottom: 4rem;
    color: var(--color-green);
}

.subsection {
    margin-bottom: 4rem;
}

.subtitles {
    font-size: 1.6rem;
    font-weight: bold;
    background: var(--color-beige);
    color: #fff;
    padding: .65rem 2rem;
    width: fit-content;
    margin-bottom: 2rem;
    text-transform: uppercase;
    letter-spacing: .1rem;
}

.materials-title {
    font-weight: bold;
    font-size: 1.3rem;
}

.img-circle-feature {
    border-radius: 50%;
    /*border: 5px solid var(--color-beige);*/
    max-width: 200px;
}

a.marketplace-link {
    text-decoration: none;
    transition: border-color 0.9s;
}

.marketplace-link img {
    width: 70px;
    margin: 0 .25rem;
    border: 2px solid #fff;
    border-radius: 1rem;
}

.marketplace-link img:hover {
    border: 2px solid var(--color-beige);
    border-radius: 1rem;
}

footer {
    background-color: var(--color-grey);
    padding: 4rem 0;
}

.footer-logotip img {
    width: 195px;
}

ul.footer-menu li a {
    text-decoration: none;
}
footer a {
    text-decoration: none;
    color: #8f8f8f;
}

.footer-slogan {
    font-size: 1.2rem;
    margin-top: 1rem;
}

.social-media-icon {
    margin: 0 .5rem;
}

.social-media-icon img {
    height: 40px;
}


.zoom-item {
    position: relative;
    overflow: hidden;
    /*border: .15rem solid #fff;*/
    /*padding-right: 1px;*/
    border-radius: 1rem;
    margin-bottom: 1.5rem;
}

.zoom-item img {
    max-width: 100%;
    transition: all 0.5s;
}

.zoom-item:hover img {
    transform: scale(1.1);
}

.tizer {
    position: absolute;
    bottom: 1rem;
    left: 1rem;
    right: 1rem;
    padding: .6rem;
    color: #fff;
    font-weight: bold;
    font-size: 1rem;
    background-color: var(--color-green);
    text-transform: uppercase;
    letter-spacing: 1px;
    /*opacity: .90;*/
}




/* SLICK SLIDER DEFAULT STYLE */
.slick-slider{
    position: relative;
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}
.slick-list{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0 -1rem;
    padding: 0;
}
.slick-list:focus{
    outline: none;
}
.slick-list.dragging{
    cursor: pointer;
    cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list{
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.slick-track{
    position: relative;
    top: 0;
    left: 0;
    display: block;
}
.slick-track:before,
.slick-track:after{
    display: table;
    content: '';
}
.slick-track:after{
    clear: both;
}
.slick-loading .slick-track{
    visibility: hidden;
}
.slick-slide{
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide{
    float: right;
}
.slick-slide.slick-loading img{
    display: none;
}
.slick-slide.dragging img{
    pointer-events: none;
}
.slick-initialized .slick-slide{
    display: block;
}
.slick-loading .slick-slide{
    visibility: hidden;
}
.slick-vertical .slick-slide{
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slider-wrapper .item img{
    min-height: 300px;
}
.slick-dots {
    width: 100%;
    padding: 0;
    list-style: none;
    text-align: center;
    display: block;
    margin-top: 1rem;
}

@media(max-width: 767px){
    .slick-dots {
        margin-bottom: 5px;
        margin-top: 20px;
    }
}

.slick-dots li button{
    position: absolute;
    top: -5px;
    left: -5px;
    border: none;
    border-radius: 0;
    display: block;
    opacity: 0;
}
.slick-dots li{
    cursor: pointer;
    background: transparent;
    border-radius: var(--radius-style);
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 7px;
    cursor: pointer;
    position: relative;
    border: 2px solid var(--color-green);
}
.slick-dots li.slick-active{
    border-color: var(--color-green);
    background: var(--color-green);
}
.slick-prev,
.slick-next{
    width: 36px;
    height: 36px;
    position: absolute;
    top: 50%;
    margin-top: -18px;
    z-index: 50;
    -webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
    opacity: 0;
    background: #C7C7C7;
    text-align: center;
}
.top-slider .slick-prev{
    left: -36px;
}
.top-slider .slick-next{
    right: -36px;
}
.top-slider:hover .slick-prev{
    opacity: 1;
    left: 0;
}
.top-slider:hover .slick-next{
    opacity: 1;
    right: 0;
}
.top-slider .slick-prev:hover,
.top-slider .slick-next:hover{
    background: #ACACAC;
}
.top-slider .slick-prev i,
.top-slider .slick-next i {
    font-size: 28px;
    line-height: 36px;
    color: #fff;
}





.slick-products .slick-prev {
    left: -8px;
}

.slick-products .slick-next {
    right: -8px;
}

.slick-next i {
    margin: .2rem 0 0 .25rem;
}
.slick-prev i {
    margin: .2rem .25rem 0 0;
}
button.slick-arrow {
    background-color: #fff !important;
    color: var(--color-green) !important;
    font-size: .9rem !important;
    width: 45px !important;
    height: 45px !important;
    border-radius: 50% !important;
    text-align: center !important;
    box-shadow: 0 3px 14px 0 rgb(162 162 162 / 58%);
}

.slick-products .slick-prev, .slick-products .slick-next {
    width: auto;
    height: auto;
    border: none;
    color: var(--color-green);
    position: absolute;
    top: 40%;
    opacity: 100;
    margin-top: -13px;
    z-index: 50;
    background: none;
    text-align: center;
}

.scroll-block {
    overflow: hidden;
    height: 150px;
}


/*********************************************************WTB*****************************/
.maps-container {
    height: 500px;
}

.shops-block {
    height: 450px;
    overflow-y: auto;
    padding-right: 1.5rem;
}

.shops-block-top-border {
    width: 100%;
    height: 7px;
    background: var(--color-beige);
}

.shops-block::-webkit-scrollbar {
    width: 8px;
    background-color: #f2f2f2e5;
    border-radius: 5px;
}

.shops-block::-webkit-scrollbar-thumb {
    background-color: var(--color-green);
    border-radius: 5px;
}

.shops-block::-webkit-scrollbar-thumb:hover {
    background-color: var(--color-green-dark);
    border-radius: 5px;
}

.shop-title {
    border-bottom: 1px solid #000;
    cursor: pointer;
    padding: .75rem 0;
    font-size: 1.2rem;
    font-weight: bold;
}

.shop-title.active {
    border-bottom: none;
    cursor: unset;
}

ul.shop-contacts {
    list-style-type: none;
    padding-left: .1rem;
}

ul.shop-contacts li {
    line-height: 1.7rem;
}

ul.shop-contacts li:before {
    content: "";
    display: inline-block;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background-color: var(--color-green);
    margin-right: 0.9rem;
    margin-bottom: 0.2rem;
    line-height: 1.5rem;
}

.shop-logo {
    height: 35px;
    width: 65px;
    text-align: center;
}

.shop-logo img {
    max-height: 35px;
}

.shop-city-title {
    color: darkgrey;
    font-size: .9rem;
    font-weight: 100;
}

.new-of-brand-block {
    padding: 3rem 0;
    background-color: #e8ba8e14;
    box-shadow: 0 -6px 5px 0 rgb(162 162 162 / 21%);
    margin-bottom: 0 !important;
}








/* Header */


/*.catalog-btn {
    background: none;
    color: var(--color-beige);
    border: none;
    text-transform: uppercase;
    letter-spacing: .1rem;
    font-family: 'Nunito', sans-serif;
    font-weight: 800;
    font-size: 1.1rem;
    margin-bottom: -.4rem;
    display: flex;
    flex-flow: row;
    align-items: center;
    transition: color .25s ease-in-out;
}*/





header {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    z-index: 1021;
    background: #fff;
    padding: .35rem 0 .5rem 0;
}

.logo-block {
    max-width: 260px;
    margin-right: 15px;
}
.header-slogan {
    color: #a1a1a1;
    margin: .5rem 0 0 1rem;
}

.header-link a, a.mainphone {
    color: var(--color-primary);
    font-weight: bold;
    font-size: 1.1rem;
    text-decoration: underline;
    margin-bottom: 0.15rem;
    display: block;
}
.header-link p, .otdel-prodaj {
    margin-bottom: 0;
    color: #a1a1a1;
    font-size: .9rem;
}
a.mainphone, a.mainphone:hover {
    text-decoration: none;
    font-size: 1rem;
}

.ask-price-btn i {
    font-size: 1.5rem;
}
a.ask-price-btn {
    color: #fff;
    background-color: var(--light-color);
    padding: 0.43rem;
    display: block;
}
a.ask-price-btn:hover {
    color: #fff;
    text-decoration: none;
    background-color: var(--light-color-hover);
}

a.ask-opt-call-btn {
    color: #28a745;
    border: 1px solid #28a745;
    padding: 0.43rem;
    display: block;
}

a.ask-opt-call-btn:hover {
    color: #fff;
    text-decoration: none;
    background-color: #28a745;
}

.ask-opt-call-btn i {
    font-size: 1.5rem;
}


a.whatsapp  {
    color: #30bc1a;
    text-decoration: none;
    display: block;
    font-size: .85rem;
}
a.whatsapp i {
    font-size: 2.3rem;
}

a.header-email-link {
    text-decoration: underline;
    color: var(--color-primary);
}



/* Catalog */
.catalog-btn {
    background-color: var(--color-beige);
    color: #fff;
    border-radius: 1rem;
    border: none;
    padding: .4rem 0;
    font-size: 1.3rem;
    font-weight: bold;
}

.dropdown-catalog-btn {
    background-color: var(--color-beige);
    color: #fff;
    font-size: 1.1rem;
    font-weight: 500;
    border-radius: .5rem;
    border: none;
    padding: .6rem 1.5rem;
}

.catalog-btn:hover, .dropdown-catalog-btn:hover {
    background-color: var(--color-gold);
    color: #fff;
    border: none;
}

a.catalog-btn, a.dropdown-catalog-btn {
    text-decoration: none;
}

.unset {
    position: unset !important;
}

.navigation-box {
    padding: .75rem 0;
    position: relative;
}

#dropdownCatalog {
    width: 100%;
    position: absolute;
    top: 111%;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.25);
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: 1.5rem;
    margin: 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: none;
    border-radius: 0;
}

.menu-banner-title {
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 1.1rem;
    color: var(--color-green);
    margin: .9rem 0;
    text-align: left;
}

.menu-banner {
    margin: 1.5rem 0;
}

.menu-banner img {
    border-radius: 1rem;
}

.product-menu a {
    color: #000;
    text-decoration: none;
    font-size: .9rem;
    text-transform: uppercase;
}

.product-menu img {
    height: 60px;
    margin-right: 1rem;
    border-radius: .5rem;
}

/* Searchbar */
.search-bg, .subscribe-bg {
    background-color: var(--color-beige);
    padding: 3px;
    border-radius: 1rem;
}

#mse2_form .form-control, #subscribeForm .form-control {
    background-clip: padding-box;
    border-radius: .8rem;
}

.msearch2, .subscribe {
    position: relative;
}

#mse2_form input, #subscribeForm input {
    position: relative;
    border-style: unset;
    width: 100% !important;
}

#mse2_selected_wrapper {
    min-height: .1rem !important;
    margin: .6rem 0 !important;
}

#mse2_results {
    margin-bottom: 0 !important;
}

.btn-search, .btn-search:hover, .btn-search:active, .btn-subsribe, .btn-subsribe:hover, .btn-subsribe:active {
    position: absolute;
    right: 5px;
    top: 5px;
    background: none;
    color: var(--color-green);
    font-size: 1.1rem;
    border: none;
}

.social-media-intro {
    font-size: .9rem;
    line-height: .9rem;
}


.mobile-logotip {
    margin-top: 1.2rem;
    margin-bottom: 1rem;
}

.mobile-logotip img {
    max-height: 50px;
}

.mobile-navbar .navbar {
    padding: 0 1rem;
}

.main-color {
    background-color: var(--color-green);
}


.prosak_1, .prosak_2, .prosak_3, .prosak_4 {
    margin-bottom: 3rem;
    padding: 5rem 0;
    background-size: cover; /* изображение будет растягиваться на весь блок */
    background-position: center; /* центрирование изображения */
    background-repeat: no-repeat; /* изображение не будет повторяться */
}

.prosak_1 {
    background-image: url(../img/FK041C_-C01_x1080.jpg); /* путь к вашему изображению */
}
.prosak_2 {
    background-image: url(../img/FS01С_-01_x1080.jpg); /* путь к вашему изображению */
}
.prosak_3 {
    background-image: url(../img/FK041C_-C03_x1080.jpg); /* путь к вашему изображению */
}
.prosak_4 {
    background-image: url(../img/FS01С_-02_x1080.jpg); /* путь к вашему изображению */
}


.prosak_1 .main-landing-button, .prosak_2 .main-landing-button, .prosak_3 .main-landing-button, .prosak_4 .main-landing-button {
    background: #0a6162b5;
    color: #fff;
    font-size: 1.2rem;
    font-weight: bold;
    padding: .4rem 1rem;
    text-decoration: none;
    display: block;
}

.prosak_1 .parallax-logo, .prosak_2 .parallax-logo, .prosak_3 .parallax-logo, .prosak_4 .parallax-logo {
    max-width: 180px;
}


.video-background {
    margin-top: -1rem;
    margin-bottom: -.5rem;
    overflow: hidden;
}

.video-background video {
    filter: brightness(0.95);
    width: -webkit-fill-available;
}