* {
    box-sizing: border-box
}

#main,
* {
    padding: 0
}

#main,
*,
body {
    margin: 0
}

body {
    overflow-y: auto;
    width: 100%
}

.site_content,
body {
    overflow-x: hidden
}

body {
    color: var(--Color_Drak_Blue);
    font-family: var(--Fonts_Manrope_Regular);
    font-size: 16px;
    font-style: normal;
    letter-spacing: normal;
    line-height: 1.875
}

b,
strong {
    font-family: var(--Fonts_Manrope_Bold);
    font-weight: 400
}

img,
svg {
    height: auto;
    max-width: 100%
}

body p {
    margin: 0 0 30px
}

body p:last-child {
    margin: 0
}

ol li,
ol li a,
ul li,
ul li a {
    font-family: var(--Fonts_Manrope_Regular)
}

a,
ol li a,
ul li a {
    box-shadow: none;
    color: var(--Color_Blue);
    font-family: var(--Fonts_Manrope_Bold);
    font-size: 16px;
    font-style: normal;
    letter-spacing: normal;
    line-height: 1.875;
    text-decoration: underline;
    transition: all .5s ease
}

a:active,
a:hover,
ol li a:active,
ol li a:hover,
ul li a:active,
ul li a:hover {
    color: var(--Color_Drak_Red);
    text-decoration: none
}

@media (max-width:1199px) {
    body p {
        margin: 0 0 25px
    }
}

@media (max-width:991px) {
    body p {
        margin: 0 0 20px
    }
}

@media (max-width:767px) {
    body p {
        margin: 0 0 15px
    }
}

.site_container {
    margin-left: auto;
    margin-right: auto;
    padding-left: 16px;
    padding-right: 16px;
    width: 100%
}

.site_container.site_container_big,
.site_container.site_container_biggest {
    max-width: 100%
}

@media (max-width:767px) {
    .site_container.site_container_medium {
        max-width: 700px
    }

    .site_container.site_container_small {
        max-width: 660px
    }

    .site_container.site_container_smallest {
        max-width: 620px
    }
}

@media (min-width:768px) {
    .site_container {
        max-width: 767px
    }

    .site_container.site_container_medium {
        max-width: 700px
    }

    .site_container.site_container_small {
        max-width: 660px
    }

    .site_container.site_container_smallest {
        max-width: 620px
    }
}

@media (min-width:992px) {
    .site_container {
        max-width: 960px;
        padding-left: 30px;
        padding-right: 30px
    }

    .site_container.site_container_medium {
        max-width: 900px
    }

    .site_container.site_container_small {
        max-width: 840px
    }

    .site_container.site_container_smallest {
        max-width: 800px
    }
}

@media (min-width:1200px) {
    .site_container {
        max-width: 1170px
    }

    .site_container.site_container_medium {
        max-width: 1148px
    }

    .site_container.site_container_small {
        max-width: 1040px
    }

    .site_container.site_container_smallest {
        max-width: 860px
    }
}

@media (min-width:1440px) {
    .site_container {
        max-width: 1340px
    }

    .site_container.site_container_big {
        max-width: 1400px
    }
}

@media (min-width:1680px) {
    .site_container.site_container_biggest {
        max-width: 1560px
    }
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    color: var(--Color_Blue);
    /* font-family: var(--Fonts_MonaSans_Bold); */
    font-family: var(--Fonts_MonaSans);
    font-variation-settings: 'wght' 722, 'wdth' 75;
    letter-spacing: 0;
    margin-bottom: 24px
}

.h1,
h1 {
    font-size: 71px;
    line-height: 1
}

.h2,
h2 {
    font-size: 44px;
    line-height: 115%
}

.h3,
h3 {
    font-size: 24px;
    line-height: 1.3334
}

.h4,
h4 {
    font-size: 22px;
    line-height: 1.3
}

.h5,
h5 {
    font-size: 20px
}

.h5,
.h6,
h5,
h6 {
    line-height: 1.5
}

.h6,
h6 {
    font-size: 18px
}

.tagline_text {
    font-family: var(--Fonts_MonaSans_Bold);
    font-size: 28px;
    line-height: 1;
    text-transform: uppercase
}

@media (max-width:1359px) {

    .h1,
    h1 {
        font-size: 64px
    }

    .tagline_text {
        font-size: 26px
    }
}

@media (max-width:1199px) {

    .h1,
    h1 {
        font-size: 56px
    }

    .h2,
    h2 {
        font-size: 42px
    }

    .tagline_text {
        font-size: 24px
    }
}

@media (max-width:991px) {

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

    .tagline_text {
        font-size: 22px
    }
}

@media (max-width:767px) {

    .h1,
    .h2,
    h1,
    h2 {
        font-size: 40px
    }

    .h2,
    h2 {
        line-height: 1
    }

    .tagline_text {
        font-size: 20px;
        line-height: 24px
    }
}

blockquote {
    background-color: var(--Color_Light_Red);
    border-left: 5px solid var(--Color_Drak_Red);
    margin: 20px 0;
    padding: 24px
}

blockquote,
blockquote>* {
    font-family: var(--Fonts_Manrope_Medium);
    font-size: 22px;
    font-style: italic;
    line-height: 1.5
}

.site_content ul:not(.slick-dots) {
    list-style: none;
    margin: 15px 0;
    padding: 0
}

.site_content ul:not(.slick-dots) li {
    margin: 0 0 10px;
    padding: 0 0 0 30px;
    position: relative
}

.site_content ul:not(.slick-dots) li:before {
    background-color: var(--Color_Light_Blue);
    border-radius: 100%;
    content: "";
    display: block;
    height: 7px;
    left: 0;
    position: absolute;
    top: 12px;
    width: 7px
}

.site_content ol,
.site_content ul:not(.slick-dots) li ul {
    list-style: none;
    margin: 15px 0;
    padding: 0
}

.site_content ol {
    counter-reset: item
}

.site_content ol li {
    counter-increment: item;
    margin: 0;
    padding: 0 0 0 30px;
    position: relative
}

.site_content ol li:before {
    color: var(--Color_Red);
    content: counter(item) ".";
    display: inline-block;
    font-family: var(--Fonts_MonaSans_Bold);
    font-size: 16px;
    left: 0;
    letter-spacing: normal;
    line-height: 1.875;
    min-width: 26px;
    position: absolute;
    top: 0
}

.site_content ol li ol {
    margin: 15px 0;
    padding: 0
}

@media (max-width:1199px) {

    blockquote,
    blockquote>* {
        font-size: 20px
    }
}

@media (max-width:767px) {

    blockquote,
    blockquote>* {
        font-size: 18px
    }
}

.button {
    align-items: center;
    background-color: var(--Color_Drak_Red);
    border: 2px solid var(--Color_Drak_Red);
    border-radius: 12px;
    color: var(--Color_Pure_White);
    display: inline-flex;
    font-family: var(--Fonts_Manrope_Extra_Bold);
    font-size: 16px;
    justify-content: center;
    letter-spacing: normal;
    line-height: 24px;
    padding: 14px 22px;
    text-align: center;
    text-decoration: none;
    text-transform: inherit;
    transition: all .5s ease
}

.button.font_size_big {
    font-size: 20px;
    line-height: 26px;
    padding: 16px 27px
}

.button.link_with_arrow {
    gap: 12px
}

.button.link_with_arrow svg path {
    transition: all .5s ease
}

.button:hover {
    background-color: var(--Color_Pure_White);
    color: var(--Color_Drak_Red)
}

.button:hover.link_with_arrow svg path {
    stroke: var(--Color_Drak_Red)
}

.button.bg_white_text_dark_red {
    background-color: var(--Color_Pure_White);
    border: 2px solid var(--Color_Pure_White);
    color: var(--Color_Drak_Red)
}

.button.bg_white_text_dark_red.link_with_arrow svg path {
    stroke: var(--Color_Drak_Red)
}

.button.bg_white_text_dark_red:hover {
    background-color: var(--Color_Drak_Red);
    color: var(--Color_Pure_White)
}

.button.bg_white_text_dark_red:hover.link_with_arrow svg path {
    stroke: var(--Color_Pure_White)
}

.text_link {
    color: var(--Color_Drak_Red);
    font-size: 16px;
    line-height: 24px;
    text-decoration: none
}

.text_link.link_with_arrow {
    gap: 12px
}

.text_link.link_with_arrow svg path {
    transition: all .5s ease
}

.text_link:hover {
    color: var(--Color_Blue)
}

.text_link:hover.link_with_arrow svg path {
    stroke: var(--Color_Blue)
}

.text_link.text_link_color_blue {
    color: var(--Color_Blue)
}

.text_link.text_link_color_blue.link_with_arrow svg path {
    stroke: var(--Color_Blue)
}

.text_link.text_link_color_blue:hover {
    color: var(--Color_Drak_Red)
}

.text_link.text_link_color_blue:hover.link_with_arrow svg path {
    stroke: var(--Color_Drak_Red)
}

/*# sourceMappingURL=global.css.map */