@font-face {
    font-family: "Roboto";
    src: url("/fonts/roboto/Roboto-Regular.ttf") format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Roboto";
    src: url("/fonts/roboto/Roboto-Medium.ttf") format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Roboto";
    src: url("/fonts/roboto/Roboto-Bold.ttf") format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Roboto";
    src: url("/fonts/roboto/Roboto-Black.ttf") format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Raleway";
    src: url("/fonts/raleway/Raleway-Regular.ttf") format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Raleway";
    src: url("/fonts/raleway/Raleway-SemiBold.ttf") format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Raleway";
    src: url("/fonts/raleway/Raleway-Bold.ttf") format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Raleway";
    src: url("/fonts/raleway/Raleway-Black.ttf") format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

/* Fonts start */

body {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    letter-spacing: 1px;
}

.fs-12 {
    font-size: 12px;
}

.fs-14 {
    font-size: 14px;
}

.fs-16 {
    font-size: 16px;
}

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

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

.fs-24 {
    font-size: 24px;
    letter-spacing: 1px;
}

.fs-28 {
    font-size: 28px;
    letter-spacing: 1px;
}

.fs-32 {
    font-size: 32px;
    letter-spacing: 1px;
}

.fs-36 {
    font-size: 36px;
    letter-spacing: 1px;
}

.fs-38 {
    font-size: 38px;
    letter-spacing: 1px;
}

.fs-40 {
    font-size: 40px;
    letter-spacing: 1px;
}

.fs-42 {
    font-size: 42px;
    letter-spacing: 1px;
}

.fs-48 {
    font-size: 48px;
    letter-spacing: 1px;
}

.fs-50 {
    font-size: 50px;
}

.fs-55 {
    font-size: 55px;
}

.fs-66 {
    font-size: 66px;
}

.fs-80 {
    font-size: 80px;
    letter-spacing: 1px;
}

.fs-84 {
    font-size: 84px;
    letter-spacing: 1px;
}

.fs-150 {
    font-size: 150px;
    letter-spacing: 1px;
}

.fs-250 {
    font-size: 250px;
    letter-spacing: 1px;
}

.fw-600 {
    font-weight: 600;
}

.f-rob-600 {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 600;
}

.f-rob-700 {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
}

.f-rob-900 {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 900;
}

.f-ral-400 {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 400;
}

.f-ral-500 {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 500;
}

.f-ral-700 {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 700;
}

.f-ral-900 {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 900;
}

.f-ral-700-48 {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 700;
    font-size: 48px;
    letter-spacing: 2px;
}

@media screen and (min-width: 761px) and (max-width: 1300px) {
    .fs-36 {
        font-size: 24px;
    }

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

    .middle-fs-16 {
        font-size: 16px;
    }

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

    .portf-link-box.fs-16 {
        font-size: 12px;
    }

    .header-descr-title-b {
        font-size: 28px;
    }

    .header-descr-text {
        font-size: 18px;
    }

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

    .mps-title.fs-32 {
        font-size: 24px;
    }

    .mps-descr.fs-18 {
        font-size: 16px;
    }

    .subscribe-title.fs-24 {
        font-size: 18px;
    }

    .footer-agree-txt.fs-18 {
        font-size: 14px;
    }
}

@media screen and (max-width: 760px) {
    .fs-36 {
        font-size: 18px;
    }

    .sm-fs-14 {
        font-size: 14px;
    }

    .section-header.fs-18 {
        font-size: 16px;
    }

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

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

    .header-title-a {
        font-size: 14px;
    }

    .header-title-b {
        font-size: 32px;
    }

    .vlb-header, .val-right-box {
        font-size: 28px;
    }

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

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

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

    .mps-descr {
        font-size: 14px;
    }

    .main-header {
        font-size: 14px;
    }

    .company-info-header {
        font-size: 28px;
    }

    .company-info-txt {
        font-size: 18px;
    }

    .fast-order-header {
        font-size: 28px;
    }

    .header-descr-title-b {
        font-size: 38px;
    }

    .header-descr-text {
        font-size: 20px;
    }

    .connection-txt {
        font-size: 16px;
    }

    .txt-annotation {
        font-size: 14px;
    }

    .values-header.fs-18 {
        font-size: 16px;
    }

    .p-question-title.fs-48 {
        font-size: 28px;
    }

    .p-question-txt.fs-22 {
        font-size: 18px;
    }

    .contact-email.fs-32 {
        font-size: 22px;
    }

    .descr-list-box.fs-22 {
        font-size: 18px;
    }

    .three-section-box .second-section-box .fs-22,
    .three-section-box .third-section-box .fs-22 {
        font-size: 20px;
    }

    .ibv1-item-header.fs-32 {
        font-size: 28px;
    }

    .ibv1-item-description.fs-22 {
        font-size: 16px;
    }

    .header-404-sm-font {
        font-size: 80px;
    }

    .subscribe-title.fs-24 {
        font-size: 14px;
    }

    .footer-agree-txt.fs-18 {
        font-size: 14px;
    }

    .bottom-links-box.fs-16 {
        font-size: 14px;
    }

    .centr-links-box.fs-14 {
        font-size: 16px;
    }

}

@media screen and (min-width: 390px) and (max-width: 760px) {
    .header-description {
        font-size: 32px;
    }
}

@media screen and (max-width: 389px) {
    .header-description.fs-48 {
        font-size: 26px;
    }
}

/* Fonts finish */