@font-face {
    font-family: Raleway;
    src: url(../fonts/Raleway-Regular.ttf);
}

@font-face {
    font-family: Raleway;
    src: url(../fonts/Raleway-Bold.ttf);
    font-weight: bold;
}

* {
    margin: 0;
    padding: 0;
    font-family: 'Raleway';
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.display-block {
    display: block;
}

a {
    cursor: pointer;
}

.p-10 {
    padding: 10px;
}

.pt-64 {
    padding-top: 64px;
}

.pb-64 {
    padding-bottom: 64px;
}

.pl-10 {
    padding-left: 10px;
}


.rounded {
    border-radius: 10px;
}

.border-rules {
    border: 3px solid #FF3B30;
    border-radius: 20px;
}

.gallery {
    background: #F3F5EF;
}

.w-16 {
    width: 16%;
}

.w-24 {
    width: 24%;
}

.w-price-item {
    width: 24%;
}

.w-48 {
    width: 48%;
}

.w-33 {
    width: 33%;
}

.w-usage {
    width: 33%;
}

.w-conditions-item {
    width: 33%;
}

.w-rules-item {
    width: 48%;
}

.min-width-150 {
    min-width: 150px;
}

.min-width-200 {
    min-width: 200px;
}

.border-usage-item {
    border: 3px solid #ebefe4;
    border-radius: 6px;
}

.border-conditions-item {
    border: 3px solid #ebefe4;
    border-radius: 6px;
}

.gallery-cell {
    width: 66%;
    height: 570px;
    margin-right: 70px;
    background-size: cover;
}

.gallery-cell-1 {
    background-image: url('../images/arenda_zala_minsk_1.jpg');
    background-position: center;
    background-repeat: no-repeat;
    height: 570px;
}

.gallery-cell-2 {
    background-image: url('../images/arenda_zala_minsk_2.jpg');
    background-position: center;
    background-repeat: no-repeat;
}

.gallery-cell-3 {
    background-image: url('../images/arenda_zala_minsk_3.jpg');
    background-position: center;
    background-repeat: no-repeat;
}

.gallery-cell-4 {
    background-image: url('../images/arenda_zala_minsk_4.jpg');
    background-position: center;
    background-repeat: no-repeat;
}

.justify-content-space-between {
    justify-content: space-between;
}

ul {
    list-style-type: none;
}

a {
    color: inherit !important;
    text-decoration: none;
}

.height-70 {
    height: 70px;
}

.header {
    height: 80px;
}

.border-radius {
    border-radius: 25px;
}

.mt-20 {
    margin-top: 20px;
}

.mt-64 {
    margin-top: 64px !important;
}

.mb-20 {
    margin-bottom: 20px;
}

.mb-64 {
    margin-bottom: 64px;
}

.margin-nav-item {
    margin: 0 15px;
}

.btn-border {
    border: 1px solid #7f925f;
    padding: 5px 10px;
    border-radius: 20px;
}

.btn-primary.btn-primary-buy {
    border-radius: 6px;
}

.flex-column {
    flex-direction: column;
}

.container {
    width: 1180px;
    margin: 0 auto;
}

/* body {
    margin: 0 auto;
    width: 100%;
} */

.text-align-center {
    text-align: center;
}

.align-items-center {
    align-items: center;
}

.home-container {
    width: 50% !important;
    margin: 0 auto !important;
}

.carousel-container {
    width: 75% !important;
    margin: 0 auto !important;
}

.container-width {
    width: 75% !important;
    margin: 0 auto !important;
}

.margin-right-5 {
    margin-right: 5px;
}

.margin-bottom-10 {
    margin-bottom: 10px !important;
}



.font-inter {
    font-family: 'Inter';
}

.font-size-main-decription {
    font-size: 20px;
}

.font-size-section-title {
    font-size: 48px;
}

.font-size-20 {
    font-size: 20px;
}

.font-size-28 {
    font-size: 28px;
}

.font-size-32 {
    font-size: 32px;
}

.font-size-h1 {
    font-size: 48px;
}

.font-size-48 {
    font-size: 48px;
}

.font-size-60 {
    font-size: 60px;
}

.font-size-64 {
    font-size: 64px;
}

.font-size-36 {
    font-size: 36px;
}

.font-size-16 {
    font-size: 16px !important;
}

.font-size-18 {
    font-size: 18px;
}

.line-height-140 {
    line-height: 140%;
}

.line-height-120 {
    line-height: 120% !important;
}

body {
    background-color: #F3F5EF !important;
}

.flex-price {
    justify-content: space-around;
}

.btn-primary,
.btn-primary:hover,
.btn-primary:active,
.btn-primary:visited {
    background-color: #7F925F !important;
    border-color: #7F925F !important;
    color: #FFF !important;
    border-radius: 25px;

}

.btn-outline-primary,
.btn-outline-primary:active,
.btn-outline-primary:visited {
    border-color: #7F925F !important;
    border-width: 3px !important;
    color: #7F925F !important;
}

.btn-outline-primary:hover {
    background-color: #7F925F !important;
    border-color: #7F925F !important;
    color: #FFF !important;

}

.text-bold {
    font-weight: bold;
}

.background-white {
    background-color: #FFF;
}

.background-green-dark {
    background-color: #3F4337;
}

.text-color-main {
    color: #7F925F;
}

.text-color-white {
    color: #FFF;
}

.margin-left-price {
    margin-left: 32px;
}

.margin-left-article {
    margin-left: 32px !important;
}

.margin-left-condition {
    margin-left: 16px;
}

.margin-left-32 {
    margin-left: 32px;
}

.margin-left-16 {
    margin-left: 16px;
}

.margin-left-usage {
    margin-left: 16px;
}

.padding-32 {
    padding: 32px !important;
}

.padding-rules {
    padding: 72px !important;
}

.padding-questions {
    padding: 72px 0 72px !important;
}

.padding-72 {
    padding: 72px !important;
}

.padding-16 {
    padding: 16px !important;
}

.padding-top-16 {
    padding-top: 16px;
}

.padding-top-36 {
    padding-top: 36px;
}

.padding-top-10 {
    padding-top: 10px !important;
}

.margin-top-10 {
    margin-top: 10px !important;
}

.margin-left-32 {
    margin-left: 32px !important;
}

.width-100 {
    width: 100%;
}

.color-grey {
    color: #3C3C43;
}

.opacity-85 {
    opacity: 0.85;
}


.text-size-36 {
    font-size: 36px;
}

.text-size-28 {
    font-size: 28px;
}

.text-size-22 {
    font-size: 22px;
}

.text-normal {
    font-weight: normal;
}

.border-brand-secondary,
.border.border-brand-secondary {
    border-color: #FF3B30 !important;
}

.background-color-brand-secondary {
    background-color: #FF3B30 !important;
}

.rules-block {
    position: relative;
}

.warning-block {
    width: 139px;
    height: 139px;
    border-radius: 50%;
    text-align: center;
    position: absolute;
    top: -50px;
    left: -50px;
}

.warning-icon {
    margin-top: 30px;
}

.padding-button {
    padding: 16px 56px !important;
}

.margin-top-132 {
    margin-top: 132px !important;
}

.warning-text-color {
    color: #FF3B30 !important
}

.flex {
    display: flex;
}

.justify-content-center {
    justify-content: center;
}

.contacts-info {
    height: 300px;
}

.contacts-column {
    width: 100%;
}

.margin-right-contacts {
    margin-right: 10rem;
}

.map-size {
    height: 300px;
    width: 100%;
}

@media only screen and (max-width: 1180px) {
    .container {
        width: 100%;
    }
}



@media only screen and (max-width: 768px) {

    .margin-nav-item {
        margin: 0 5px;
    }

    .btn-reserve {
        display: none;
    }

    .gallery-cell {
        height: 370px;
        margin-right: 50px;
    }

    .flex-provision {
        flex-wrap: wrap;
    }

    .font-size-h1 {
        font-size: 32px;
    }

    .font-size-main-decription {
        font-size: 18px;
    }

    .font-size-section-title {
        font-size: 32px;
    }

    .home-container {
        width: 95% !important;
    }

    .container-width {
        width: 75%;
    }

    .carousel-container {
        width: 100% !important;
    }

    .container-width {
        width: 95% !important;
        margin: 0 auto !important;
    }

    .padding-rules {
        padding: 16px !important;
    }

    .margin-left-price.margin-price-weekend {
        margin-left: 0px !important;
    }

    .margin-top-tablet {
        margin-top: 12px !important;
    }

    /* .container-tablet-width {
        width: 75% !important;
        margin: 0 auto;
    } */

    .flex-price {
        flex-wrap: wrap;
        justify-content: space-around;
    }

    .w-price-item {
        width: 45%;
    }

    .w-reserve-item {
        width: 95%;
    }

    .reserve-item {
        margin: 0 auto;
    }
}

@media only screen and (max-width: 425px) {
    .navigation {
        display: none;
    }

    .btn-reserve {
        display: block;
    }

    .gallery-cell {
        height: 200px;
        margin-right: 10px;
    }

    .flex-provision {
        flex-wrap: wrap;
        justify-content: space-around;
    }

    .flex-usage {
        flex-direction: column;
        align-items: baseline;
    }

    .w-usage {
        width: 90%;
    }

    .w-conditions-item {
        width: 90%;
    }


    .usage-item-margin-top {
        margin-top: 10px;
    }


    .flex-price {
        flex-wrap: wrap;
        justify-content: center;
    }

    .w-price-item {
        width: 90%;
    }

    .flex-conditions {
        flex-wrap: wrap;
        justify-content: center;
    }


    .w-conditions-item {
        width: 90%;
    }

    .margin-left-condition {
        margin-left: 0;
    }

    .flex-rules {
        flex-direction: column;
    }

    .w-rules-item {
        width: 95%;
    }

    .flex-contacts {
        flex-direction: column;
        align-items: baseline;
    }

    .mobile-margin-top {
        margin-top: 1rem;
    }
}



@media only screen and (max-width: 375px) {

    .gallery-cell {
        height: 170px;
        margin-right: 5px;
    }

    .font-size-h1 {
        font-size: 28px;
    }

    .font-size-main-decription {
        font-size: 16px;
    }

    .font-size-section-title {
        font-size: 28px;
    }

    .home-container {
        width: 95% !important;
    }

    .container-width {
        width: 75%;
    }

    .carousel-container {
        width: 100% !important;
    }

    .mobile-margin-top {
        margin-top: 20px !important;
    }

    .mobile-width-usage-item {
        width: 100% !important;
    }

    .margin-left-price {
        margin-left: 0px;
    }

    .margin-top-price {
        margin-top: 12px !important;
    }

    .margin-left-condition {
        margin-left: 0px;
    }

    .padding-rules {
        padding: 0px !important;
    }

    .margin-left-article {
        margin-left: 0px !important;
    }

    .padding-top-rules {
        padding-top: 32px !important;
    }

    .container-tablet-width {
        width: 100% !important;
    }


    .mobile-margin-top {
        margin-top: 1rem;
    }

    .margin-left-usage {
        margin-left: 0px;
    }

    .margin-right-contacts {
        margin-right: 0rem;
    }
}