@font-face {
    font-family: 'Montserrat';
    src: url('/static/fonts/Montserrat/Montserrat-VariableFont_wght.ttf') format('truetype');
    font-weight: 100 900; /* Диапазон весов */
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('/static/fonts/Montserrat/Montserrat-Italic-VariableFont_wght.ttf') format('truetype');
    font-weight: 100 900; /* Диапазон весов */
    font-style: italic;
    font-display: swap;
}


:root {
    /* Шрифты */
    --font-main: "Montserrat", sans-serif;


    --base-font-size: 16px;

    /* Размеры текста */
    --text-12: 0.75rem;   /* 12px / 16 = 0.75rem */
    --text-14: 0.875rem;  /* 14px / 16 = 0.875rem */
    --text-16: 1rem;      /* 16px / 16 = 1rem */
    --text-18: 1.125rem;  /* 18px / 16 = 1.125rem */
    --text-20: 1.25rem;   /* 20px / 16 = 1.25rem */
    --text-22: 1.375rem;  /* 22px / 16 = 1.375rem */
    --text-24: 1.5rem;    /* 24px / 16 = 1.5rem */
    --text-28: 1.75rem;   /* 28px / 16 = 1.75rem */
    --text-32: 2rem;      /* 32px / 16 = 2rem */
    --text-40: 2.5rem;    /* 40px / 16 = 2.5rem */
    --text-96: 6rem;      /* 96px / 16 = 6rem */
    --text-142: 8.75rem;   /* 142px / 16 = 8.75rem */

    --background-color: #fff;
    --black-color: #000;

    --text-base-color: #000;
    --alternative-text-color: #343434;
    --alternative-title-color: #fff;
    --text-hover-color: #da223f;
    --leading-normal: 1.15;
}

html {
    font-size: var(--base-font-size);
    box-sizing: border-box;
    scroll-behavior: smooth;
}

*, *::before, *::after {
    box-sizing: inherit;
    margin: 0;
    padding: 0;
}

html, body {
  height: 100%; /* Важно для работы flex-контейнера */
  margin: 0;
  padding: 0;
}

body {
    min-height: 100vh;
    height: 100%;
    min-height: -webkit-fill-available; /* Для Safari */

    font-family: var(--font-main);
    font-size: var(--text-16);
    line-height: var(--leading-normal);
    color: var(--text-base-color);
    background-color: var(--background-color);
    font-weight: 400;
    display: flex;
    flex-direction: column;

}


.main-content {
  flex: 1 0 auto;
}



img, picture, video, canvas, svg {
    max-width: 100%;
    height: auto;
    display: block;
}

input, button, textarea, select {
    font: inherit;
}
h1 {
    font-size: var(--text-28);
    text-align: left;
    font-weight: 600;
}
h2 {
    font-size: var(--text-22);
    margin-bottom: 33px;
}
h3 {
    font-size: var(--text-24);
    color: #e50a39;
    margin-bottom: 33px;
}
/*h4 {*/
/*    font-size: var(--text-22);*/
/*}*/

p {
    margin-bottom: 1em;
}

img.original-size-center-image{
    max-width: 100%;
    margin: 0 auto;
}

ul{
    margin-bottom: 1em;
    padding-left: 20px;
}
ul li{
    margin-bottom: 20px;
    list-style: square;
}

a {
    color: var(--text-hover-color);
    text-decoration: none;
    transition: color 0.2s;
}

a:hover {
    color: var(--text-base-color);
}




.container{
    width: 100%;
    max-width: 1523px;
    margin: 0 auto;
    padding: 0 45px 0 45px;
}
.page_container{
    width: 100%;
    max-width: 1064px;
    margin: 0 auto;
}
img.full-width{
    width: 100%;
}


.flex {
    display: flex;
    gap: 1rem;
}

.grid {
    display: grid;
    gap: 1rem;
}

iframe{
    width: 100%;
    border: 0;
    box-shadow: none;

}

a.btn_message{
    display: inline-block;
    margin: 0 auto;
    background: var(--text-hover-color);
    border-radius: 40px;
    box-shadow: 0 0 27px 6px rgba(218, 34, 63, 0.63);
    color: var(--alternative-title-color);
    font-size: var(--text-16);
    padding: 26px 130px;
    text-transform: uppercase;
    font-weight: 600;
}
a.alt.btn_message{
    background: var(--alternative-title-color);
    color: var(--text-hover-color);
    box-shadow: 0 0 27px 0px rgba(218, 34, 63, 0.63);
    border: 2px solid var(--text-hover-color);
    font-weight: 600;
}


/*.button {*/
/*  display: inline-block;*/
/*  padding: 0.5rem 1rem;*/
/*  border: 1px solid #ddd;*/
/*  border-radius: 4px;*/
/*  background: #f5f5f5;*/
/*  cursor: pointer;*/
/*  transition: all 0.2s;*/
/*}*/

/*.button:hover {*/
/*  background: #e5e5e5;*/
/*}*/

/*.button-primary {*/
/*  background: #0066cc;*/
/*  color: white;*/
/*  border-color: #0055aa;*/
/*}*/

/*.button-primary:hover {*/
/*  background: #0055aa;*/
/*}*/

/*input, textarea, select {*/
/*  width: 100%;*/
/*  padding: 0.5rem;*/
/*  border: 1px solid #ddd;*/
/*  border-radius: 4px;*/
/*  margin-bottom: 1rem;*/
/*}*/

@media (max-width: 1920px) {
    .container{
        max-width: calc(100% - 80px - 80px);
    }
}
@media (max-width: 1512px) {
    .container{
        max-width: calc(100% - 40px - 40px);
    }
}
@media (max-width: 1000px) {
    .container{
        max-width: calc(100% - 32px - 32px);
    }
}

/*@media (max-width: 840px) {*/
/*    html {*/
/*        transform: scale(0.8);*/
/*        transform-origin: top left;*/
/*        width: 125%; !* 100% / 0.8 = 125% *!*/
/*        height: 125%;*/
/*    }*/

/*    body {*/
/*        overflow-x: auto;*/
/*        overflow-y: auto;*/
/*    }*/
/*}*/

/*@media (max-width: 800px) {*/
/*    h1{*/
/*        font-size: var(--text-32);*/
/*    }*/
/*}*/

/*@media (max-width: 768px) {*/
/*    .container{*/
/*        max-width: calc(100% - 16px - 16px);*/
/*    }*/
/*}*/