@import "/bitrix/templates/main/fonts/fonts.css";

body, .nopadding {
    margin: 0;
}

.wrapper {
    background-image: url('/bitrix/templates/main/images/background.jpg');
    background-size: cover;
    overflow: hidden;
}

.centered {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

header .logo {
    margin-top: 37px;
}

header .title {
    width: 332px;
    margin-top: 36px;
    text-align: center;
    text-transform: uppercase;
    font-family: "PF Din Text Pro";
    font-size: 36px;
    font-weight: 500;
    color: #4c4c4c;
    text-shadow: 0 0 5px white;
}

header .intro {
    max-width: 766px;
    margin-top: 37px;
    text-align: center;
    font-family: "PF Din Text Cond Pro";
    font-size: 24px;
    font-weight: 300;
    line-height: 30px;
    color: #010000;
    text-shadow: 0 0 5px white;
}

main {
    margin-top: 181px;
}

main .block {
    min-height: 550px;
    position: relative;
    padding: 0 !important;
    background-size: cover;
    background-repeat: no-repeat;
}

main .block:nth-child(1) {
    background-image: url("/bitrix/templates/main/images/block_3.png");
}

main .block:nth-child(2) {
    background-image: url("/bitrix/templates/main/images/block_2.png");
}

main .block:nth-child(3) {
    background-image: url("/bitrix/templates/main/images/block_1.png");
}

main .block .inside {
    width: 100%;
    height: 100%;
    padding: 0 20px;
    overflow: hidden;
    background-image: url("/bitrix/templates/main/images/block-geomtry.png");
    background-size: cover;
}

main .block:nth-child(1) .inside {
    background-color: rgba(123, 175, 12, 0.8);
    /* background-color: #7baf0c; */
}

main .block:nth-child(2) .inside {
    background-color: rgba(17, 157, 132, 0.8);
}

main .block:nth-child(3) .inside {
    background-color: rgba(62, 80, 138, 0.8);
}

main .block .inside .title {
    margin-top: 216px;
    text-align: center;
    color: white;
    font-family: "PF Din Text Pro";
    font-size: 30px;
    text-transform: uppercase;
}

main .block .inside .about {
    max-width: 448px;
    margin: 39px auto;
    text-align: center;
    color: white;
    font-family: "PF Din Text Cond Pro";
    font-size: 18px;
    font-weight: 300;
    line-height: 24px;
}

main .block .inside .pre {
    position: absolute;
    width: 85%;
    height: 228px;
    top: -63px;
    left: calc(15% / 2);
    text-align: center;
    box-shadow: 0 16px 29px rgba(0, 0, 0, 0.17);
}

main .block:nth-child(1)  .pre {
    background-color: #7baf0c;
}
main .block:nth-child(1) .inside .pre .logo {
    width: 120px;
    margin-top: 34px;
}


main .block:nth-child(2) .inside .pre {
    background-color: #119d84;
}
main .block:nth-child(2) .inside .pre .logo {
    margin-top: 47px;
}


main .block:nth-child(3) .inside .pre {
    background-color: #3e508a;
}
main .block:nth-child(3) .inside .pre .logo {
    margin-top: 78px;
}