@font-face {
    font-family: "Muller normal";
    src: url("../fonts/MullerRegular.woff") format('woff');
    font-style: normal;
    font-weight: normal;
}

@font-face {
    font-family: "Muller medium";
    src: url("../fonts/MullerMedium.woff") format('woff');
    font-style: normal;
    font-weight: medium;
}

@font-face {
    font-family: "Muller bolder";
    src: url("../fonts/MullerExtraBold.woff") format('woff');
    font-style: normal;
    font-weight: bolder;
}

@font-face {
    font-family: "Muller bold";
    src: url("../fonts/MullerBold.woff") format('woff');
    font-style: normal;
    font-weight: bold;
}


* {
    font-style: normal;
    font-family: 'Muller normal', sans-serif;
    -webkit-tap-highlight-color: transparent;
    line-height: 110%;
    
}

/* Большой заголовок */
.main-title{
    font-family: 'Muller bold';
    font-size: 80px;
    line-height: 80px;
    color: #FFFFFF;
    z-index: 50;

    text-align: start;
}

.maintitle{
    font-family: 'Muller bold';

    font-size: 80px;
    line-height: 80px;
    color: #FFFFFF;
    z-index: 50;

    text-align: start;
}

.opacity-1{
    opacity: 1 !important;
}

.opacity-08{
    opacity: 0.8 !important;
}



.text-20px{
    font-family: 'Muller normal';
    font-size: 20px;
    line-height: 110%;
}
.text-24px{
    font-family: 'Muller bold';
/*     font-weight: normal; */
font-size: 24px;
line-height: 120%;
/* or 26px */

text-transform: uppercase;

color: #FFFFFF;

opacity: 0.9;
}

.card-uslugi-mtl{
    margin-top: 43px;
    margin-left: 40px;
}

.maint-title__mpl {
    margin-left: calc(158px + (272 - 158) * ((100vw - 768px) / (1400 - 768)));
}

/* Большой заголовок моб*/
@media only screen and (max-width: 1200px) {
    .text-24px{
        font-size: 22px;    
    }

}

@media only screen and (max-width: 768px) {
    .maint-title__mpl {
        margin-left: 15px;
    }

    .main-title__ml {
        font-size: 40px;
        line-height: 40px;
    }

}

/* Заголовок */
.title {
    font-family: 'Muller medium';
    /* font-weight: medium; */
    font-size: 50px;
    text-align: start;
    line-height: 50px;
    color: #FFFFFF;
}

/* Описание */
.description,
.description-fix {
    font-family: 'Muller normal';
    /* font-weight: normal; */
    font-size: 20px;
    text-align: start;
    line-height: 110% !important;
    /* or 22px */
    color: #FFFFFF;
    opacity: 0.8;
    z-index: 5;
}

/* Моб заголовок и описание */
@media only screen and (max-width: 768px) {
    .title {
        font-size: 30px;
        line-height: 110%;
    }

    .description {
        font-size: 20px;
    }
    
    .text-24px{
        font-size: 18px;    
    }
}

/* ПК описание 2+кнопки */
.button,
.description2 {
    font-family: 'Muller normal';
    font-size: 20px;
    color: #FFFFFF;
}

/* Моб описание 2+кнопки (моб подписи)*/
@media only screen and (max-width: 768px) {

    .button{
        font-size: 18px;
    }

    .description2{
        font-size: 20px;
    }

}

/* ПК подписи - неизменяемый */
.signature{
    font-family: 'Muller normal';
    /* font-weight: normal; */
    font-size: 20px;
    line-height: 110%;
    color: #FFFFFF;
    margin-top: 6px;
}

.signature-fix {
    font-family: 'Muller normal';
    /* font-weight: normal; */
    font-size: 18px;
    line-height: 110%;
    color: #FFFFFF;
    margin-top: 6px;
}


.mob-description {
    font-family: 'Muller normal';
    /* font-weight: 400; */
    font-size: 16px;
    line-height: 110%;
    /* identical to box height, or 22px */

    z-index: 5;
    color: #FFFFFF;

    opacity: 0.8;
}

.t-20px{
    font-size: 20px !important;
}

/* Моб описание2 */
.mob-description2 {
    font-family: 'Muller normal';
    font-style: normal;
    /* font-weight: 400; */
    font-size: 20px;
    line-height: 20px;

    color: #FFFFFF;
}

/* Моб заголовок */
.mob-title,
.mob-title-fix {
    font-family: 'Muller medium';
    /* font-weight: 500; */
    font-size: 30px;
    line-height: 30px;
    /* identical to box height */
    z-index: 5;
    text-align: start;
    color: #FFFFFF;

    opacity: 0.9;
}

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

    /* .button,
    .description2 {
        font-size: 20px;
    } */
    .signature{
        font-size: 20px;
    }

    .mob-title {
        font-family: 'Muller normal';
        /* font-weight: 400; */
        font-size: 20px;
        line-height: 20px;
    }

}

/* ПК под подпись */
.pc-predesc {
    font-family: 'Muller normal';
    /* font-style: normal; */
    /* font-weight: 400; */
    font-size: 13px;
    line-height: 13px;
    /* identical to box height */


    color: #FFFFFF;

    opacity: 0.9;
}

.text-right {
    text-align: end;
}