@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1200px;
    }
}

@media (min-width: 991px) {
    .content_product {
        margin: 50px auto;
    }
    #content__top {
        margin-bottom: 100px!important;
    }
}

@media (max-width: 991px) {
    .hide-on-small {
        display: none;
    }
}

@font-face {
    font-family: "HelveticaNeueCyr";
    src:  url("HelveticaNeueCyr-Roman.woff2")format("woff2"),
    url("HelveticaNeueCyr-Roman.woff")format("woff"),
    url("HelveticaNeueCyr-Roman.ttf")format("truetype");
}

@font-face {
    font-family: "Bahnschrift";
    src:  url("bahnschrift.woff2")format("woff2"),
    url("bahnschrift.woff")format("woff"),
    url("Bahnschrift.ttf")format("truetype");
}

body {
    font-family: "HelveticaNeueCyr";
}

header {
    background-color: #1e3afe;
    padding: 0.75rem 0;
    box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.15), inset 0 -1px 0 rgba(255,255,255,0.15);
}

h1, h2 {
    font-family: "Bahnschrift", "Open Sans";
}

h1 {
    --bs-emphasis-color: #fff;
    line-height: 1;
    letter-spacing: -1.82px;
}

h1 span {
    background-color: #000;
    padding: 0 8px;
}

#content__top {
    background-color: #1e3afe;
    background-image: url('../img/bgr.png');
}

#content__top img {
    width: 50%;
}

.form-legend {
    font-size: 24px;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.2;
    letter-spacing: -0.82px;
    color: #fff;
}

#content__top form {
    box-shadow: 0px 75px 90px 0 #083adb;
    background-color: #285bff;
}

#content__top form button,
#modal__signup form button{
    box-shadow: 0px 75px 90px 0 #083adb;
    background-color: #9afa00;
    color: #033fff;
}

#content__top form button:hover,
#modal__signup form button:hover {
    background-color: #a7fd1c;
}

#content__top form button:active,
#modal__signup form button:active {
    background-color: #8ce300 !important;
    border-color: #9afa00 !important;
}

#content__top legend span {
    background-color: #9afa00;
    color: #1e3afe;
    padding: 0 4px
}

footer {
    background-color: #1a1a1a;
    background-image: url('../img/bgr.png');
    color: #d5d3d3;
}

footer a {
    color: #d5d3d3;
}

.content_product {
    --bs-gutter-x: 8rem;
    border-radius: 20px;
    box-shadow: 0px 75px 90px 0 #083adb;
    background-color: #285bff;
    color: #fff;
}

.content_product h2 {
    font-family: "Bahnschrift", "Open Sans";
}

.content_product button {
    background-color: #e92d79;
    color: #fff;
}

.content_product button:hover {
    background-color: #f55193;
}

.content_product button:active {
    background-color: #bf1a5d !important;
    border-color: #e92d79 !important;
}

#content__product_oz img {
    position: absolute;
    margin-top: -12rem;
    width: 30rem;
}

#content__product_crm img {
    position: absolute;
    margin-top: -9rem;
    width: 26rem;
}

.modal-content {
    background-color: #285bff;
}

.modal-content small,
.modal-content small a {
    color: #fff !important;
}

.modal-content form .input-group input {
    font-size: 1rem !important;
}

.btn-close {
    position: absolute;
    right: 15px;
}