html,
body {
    margin: 0;
    padding: 0;
    font-size: 100%;
}

.wrapper {
    max-width: 1920px;
    width: 100%;
    min-width: 1024px;
}

.white-block {
    max-width: 1920px;
    height: 8px;
}

.block-1 {
    background: url("img/bg-1.png") left top no-repeat;
    background-size: cover;
    overflow: hidden;
    height: 100vh;
    position: relative;
}

.block-1 .wrapper:first-child {
    margin-left: auto;
    width: 500px;
    height: 35px;
    padding-top: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    font-family: 'DINPro-Bold';
    font-size: 0.9375rem;
    color: #5b5656;
    text-transform: uppercase;
    letter-spacing: 2.5px;
    min-width: 500px;
}

.block-1 .wrapper:last-child {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.block-1 .menu {
    text-decoration: none;
    color: #565759;
}

.block-1 .menu-4 {
    background: url("img/info-btn.png") 50% 50% no-repeat;
    width: 23px;
    height: 23px;
}

.block-1 .name {
    background: url("img/name.png") 50% 50% no-repeat;
    max-width: 1052px;
    width: 100%;
    height: 641px;
    /*
    margin: 7% 5% 0 auto;
    margin-top: calc(100vh - 1000px);
*/
    position: absolute;
    right: 4%;
    top: 16%;
}

.block-1 .prof {
    font-family: 'BookAntiqua';
    font-size: 3.125rem;
    color: #5b5656;
    text-transform: uppercase;
    letter-spacing: 4.2px;
    /*
    margin: 9% 6% 0 auto;
    margin-top: calc(100vh - 950px);
*/
    position: absolute;
    right: 4%;
    bottom: 6%;
}

.block-1 .arrow-down {
    background: url("img/arrow-down.png") 50% 50% no-repeat;
    width: 50px;
    height: 50px;
    margin: auto;
    /*    margin-top: -10px;*/
    position: absolute;
    top: 92%;
    left: 0;
    right: 0;
    bottom: 0;
    animation-name: arrow;
    animation-iteration-count: infinite;
    animation-duration: 1.5s;
    animation-timing-function: ease-in-out;
}

.block-2 {
    background: url(img/bg-2.png) 50% top no-repeat;
    background-size: cover;
    overflow: hidden;
    position: relative;
    height: 100vh;
}

.block-2 .wrapper:first-child {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

.block-2 .wrapper:last-child {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    width: 46%;
    /*    margin-left: 50%;*/
    min-width: 26%;
    position: absolute;
    bottom: 2%;
    right: 3%;
    margin: auto;
}

.block-2 .age {
    /*
    margin-top: 233px;
    margin-left: 69px;
*/
    position: absolute;
    top: 17%;
    left: 6%;
    bottom: 0;
    /* right: 0; */
    margin: auto;
}

.block-2 .age .counter {
    text-align: center;
}

.block-2 .age .counter {
    font-family: 'CalistoMT';
    font-size: 22.3125rem;
    color: #02e5e5;
    text-shadow: 17px 8px 0px #000;
}

.block-2 .age .text {
    font-family: 'BookAntiqua';
    font-size: 4.1718rem;
    color: #02e5e5;
    text-shadow: 10px -2px 1px #000;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-align: center;
    margin-top: -59px;
}

.block-2 .age .text span {
    letter-spacing: 15px;
}

.block-2 .excell {
    position: absolute;
    right: 0%;
    top: 0%;
}

.block-2 .excell .item-1-shadow {
    background: url("img/item-1-shadow.png") 50% 50% no-repeat;
    width: 896px;
    height: 414px;
    position: relative;
    margin-top: 33px;
    margin-left: -40px;
}

.block-2 .excell .item-1 {
    background: url("img/item-1.png") 50% 50% no-repeat;
    width: 694px;
    height: 276px;
    position: absolute;
    top: 103px;
    left: 47px;
}

.block-2 .excell .item-2-shadow {
    background: url(img/item-2-shadow.png) 50% 50% no-repeat;
    width: 638px;
    height: 186px;
    position: relative;
    margin-top: -81px;
    margin-left: 451px;
}

.block-2 .excell .item-2 {
    background: url(img/item-2.png) 50% 50% no-repeat;
    width: 508px;
    height: 135px;
    position: absolute;
    top: 65px;
    left: 24px;
}

.block-2 .excell .item-3-shadow {
    background: url("img/item-3-shadow.png") 50% 50% no-repeat;
    width: 1140px;
    height: 286px;
    position: relative;
    margin-top: 69px;
    margin-left: -99px;
    margin-bottom: 115px;
}

.block-2 .excell .item-3 {
    background: url("img/item-3.png") 50% 50% no-repeat;
    width: 953px;
    height: 225px;
    position: absolute;
    top: 48px;
    left: 36px;
}

.block-2 .arrow-down {
    background: url(img/arrow-down.png) 50% 50% no-repeat;
    width: 50px;
    height: 50px;
    margin-bottom: 10px;
    margin-right: auto;
    animation-name: arrow;
    animation-iteration-count: infinite;
    animation-duration: 1.5s;
    animation-timing-function: ease-in-out;
}

.block-2 .contact-btn {
    background: url(img/contact-btn.png) 50% 50% no-repeat;
    width: 320px;
    height: 72px;
    font-family: 'DINPro-Regular';
    color: #fff;
    font-size: 0.875rem;
    letter-spacing: 4px;
    text-transform: uppercase;
    margin-bottom: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
}

.block-2 .contact-btn img {
    margin-left: 20px;
}

.block-3 {
    background: url("img/bg-3.png") 50% bottom no-repeat;
    padding-bottom: 25px;
    overflow: hidden;
    height: 99vh;
    position: relative;
}

.block-3 .wrapper:first-child {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.block-3 .wrapper:first-child .text {
    background: url("img/services.png") 50% 50% no-repeat;
    width: 604px;
    height: 307px;
    margin-left: 215px;
    */ left: 11%;
    top: 3%;
    position: absolute;
}

.block-3 .wrapper:nth-child(2) {
    margin-bottom: 12px;
}

.block-3 .items {
    width: 1583px;
    background: url("img/line.png") 50% bottom no-repeat;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 460px;
    /*    margin-left: auto;*/
    position: absolute;
    right: 0;
    bottom: 14%;
}

.block-3 .items .item {
    background-color: #fff;
    width: 470px;
    height: 395px;
    margin-right: 30px;
    padding: 25px 10px 0px 30px;
    -webkit-box-shadow: 0px 11px 16.47px 10.53px rgba(0, 0, 0, 0.08);
    box-shadow: 0px 11px 16.47px 10.53px rgba(0, 0, 0, 0.08);
}

.block-3 .items .item:last-child {
    width: 150px;
    margin-right: 0;
}

.block-3 .items .item .title {
    font-family: 'BookAntiqua-Bold';
    font-size: 1.6875rem;
    text-transform: uppercase;
}

.block-3 .items .item .line {
    background-color: #000;
    width: 109px;
    height: 5px;
    margin: 10px 0px;
}

.block-3 .items .item .text {
    font-family: 'DINPro-Regular';
    color: #454242;
    font-size: 1.6875rem;
}

.block-3 .items .item a {
    font-family: 'BookAntiqua';
    color: #fff;
    font-size: 1.0625rem;
    display: block;
    background-color: #000;
    width: 160px;
    height: 35px;
    padding-top: 10px;
    text-align: center;
    letter-spacing: 2px;
    text-decoration: none;
    margin-top: 10px;
}

.block-3 .arrow-down {
    display: block;
    background: url("img/arrow-down.png") 50% 50% no-repeat;
    width: 50px;
    height: 50px;
    margin: auto;
    /*
    margin-bottom: 10px;
    margin-top: 30px;
*/
    position: absolute;
    bottom: 2%;
    left: 0;
    right: 0;
    animation-name: arrow;
    animation-iteration-count: infinite;
    animation-duration: 1.5s;
    animation-timing-function: ease-in-out;
}

.block-4 {
    
    background: url('img/contacts.png') 50% 50% no-repeat;
    background-size: cover;
    height: 100vh;
    overflow: hidden;
}

.block-5 {
    background: url("img/bg-5.png") 50% 50% no-repeat;
    overflow: hidden;
}

.block-5 .wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

.block-5 .copy {
    font-family: 'MyriadPro-Regular';
    font-size: 1.3125rem;
    color: #464646;
    padding: 23px 0px;
}

.block-5 .design {
    font-family: 'MyriadPro-Regular';
    font-size: 1.25rem;
    color: #464646;
    padding: 23px 0px;
}

.block-5 .design a {
    color: #7d7d7d;
    text-decoration: none;
}

@keyframes arrow {
    0% {
        transform: translateY(-30%);
    }
    50% {
        transform: translateY(10%);
    }
    100% {
        transform: translateY(-30%);
    }
}

@media (min-width: 1680px) and (max-width: 1820px) {
    .block-1 .name {
        background-size: contain;
        max-width: 978px;
    }
    .block-2 .excell .item-1-shadow,
    .block-2 .excell .item-2-shadow,
    .block-2 .excell .item-3-shadow {
        background-size: contain;
    }
    .block-2 .wrapper:first-child {
        justify-content: space-between;
    }
}

@media (min-width: 1440px) and (max-width: 1679px) {
    .block-1 {
        background: url("img/bg-1.png") 27% top no-repeat;
        background-size: cover;
    }
    .block-1 .name {
        background-size: contain;
        max-width: 850px;
        top: 8%
    }
    .block-2 .excell .item-1,
    .block-2 .excell .item-2,
    .block-2 .excell .item-3,
    .block-2 .excell .item-1-shadow,
    .block-2 .excell .item-2-shadow,
    .block-2 .excell .item-3-shadow {
        background-size: contain;
    }
    .block-2 .excell .item-1-shadow {
        width: 696px;
        margin-top: 60px;
    }
    .block-2 .excell .item-1 {
        width: 544px;
    }
    .block-2 .excell .item-2-shadow {
        width: 438px;
        margin-left: 370px;
    }
    .block-2 .excell .item-2 {
        width: 358px;
    }
    .block-2 .excell .item-3-shadow {
        width: 940px;
        margin-top: 32px;
    }
    .block-2 .excell .item-3 {
        width: 803px;
    }
    .block-2 .wrapper:first-child {
        justify-content: space-between;
    }
    .block-2 .age .counter {
        font-size: 17rem;
    }
    .block-3 .items .item:last-child {
        display: none;
    }
    .block-3 .items {
        width: 98%;
    }
    .white-block {
        max-width: 100%;
    }
    .block-4 .arrow-up {
        margin-right: 17%;
    }
}

@media (min-width: 1280px) and (max-width: 1439px) {
    .block-1 {
        background-position: 35% top;
        background-size: cover;
    }
    .block-1 .name {
        background-size: contain;
        max-width: 720px;
        top: 0%;
        /*        margin: 120px 55px 0 auto;*/
    }
    .block-2 .age {
        top: 16%;
    }
    .block-2 .excell {
        top: -20%;
    }
    .block-2 .excell .item-1,
    .block-2 .excell .item-2,
    .block-2 .excell .item-3,
    .block-2 .excell .item-1-shadow,
    .block-2 .excell .item-2-shadow,
    .block-2 .excell .item-3-shadow {
        background-size: contain;
    }
    .block-2 .excell .item-1-shadow {
        width: 606px;
        margin-top: 60px;
    }
    .block-2 .excell .item-1 {
        width: 454px;
    }
    .block-2 .excell .item-2-shadow {
        width: 388px;
        margin-left: 370px;
        margin-top: -185px;
    }
    .block-2 .excell .item-2 {
        width: 308px;
    }
    .block-2 .excell .item-3-shadow {
        width: 890px;
        margin-top: -50px;
    }
    .block-2 .excell .item-3 {
        width: 753px;
    }
    .block-2 .wrapper:first-child {
        justify-content: space-between;
    }
    .block-2 .age .counter {
        font-size: 15rem;
    }
    .block-2 .age .text {
        font-size: 3.2rem;
        margin-top: -40px;
    }
    .block-3 .wrapper:first-child .text {
        background-size: contain;
        width: 329px;
    height: 179px;
        top: -1%;
        position: absolute;
    }
    .block-3 .items .item .text {
        font-size: 1.35rem;
    }
    .block-3 .items .item:last-child {
        display: none;
    }
    .block-3 .items {
        width: 89%;
        height: 400px;
    }
    .block-3 .items .item {
        height: 353px;
    }
    .block-3 .items .item a {
        margin-top: 20px;
    }
    .white-block {
        max-width: 100%;
    }
    .block-4 .arrow-up {
        margin-right: 9%
    }
}

@media (min-width: 1440px) and (max-width: 1679px) {
    .block-1 {
        background: url("img/bg-1.png") 27% top no-repeat;
        background-size: cover;
    }
    .block-1 .name {
        background-size: contain;
        max-width: 850px;
        top: 8%
    }
    .block-2 .excell {
        top: -10%;
    }
    .block-2 .excell .item-1,
    .block-2 .excell .item-2,
    .block-2 .excell .item-3,
    .block-2 .excell .item-1-shadow,
    .block-2 .excell .item-2-shadow,
    .block-2 .excell .item-3-shadow {
        background-size: contain;
    }
    .block-2 .excell .item-1-shadow {
        width: 696px;
        margin-top: 60px;
    }
    .block-2 .excell .item-1 {
        width: 544px;
    }
    .block-2 .excell .item-2-shadow {
        width: 438px;
        margin-left: 370px;
    }
    .block-2 .excell .item-2 {
        width: 358px;
    }
    .block-2 .excell .item-3-shadow {
        width: 940px;
        margin-top: 32px;
    }
    .block-2 .excell .item-3 {
        width: 803px;
    }
    .block-2 .wrapper:first-child {
        justify-content: space-between;
    }
    .block-2 .age .counter {
        font-size: 17rem;
    }
    .block-3 .items .item:last-child {
        display: none;
    }
    .block-3 .items {
        width: 98%;
    }
    .white-block {
        max-width: 100%;
    }
    .block-4 .arrow-up {
        margin-right: 17%;
    }
}

@media (min-width: 1024px) and (max-width: 1279px) {
    .block-1 {
        background-position: 22% top;
        background-size: cover;
    }
    .block-1 .prof {
        font-size: 2.425rem;
    }
    .block-1 .name {
        background-size: contain;
        max-width: 620px;
        top: 4%;
        /*        margin: 120px 55px 0 auto;*/
    }
    .block-2 .age {
        top: 19%;
    }
    .block-2 .excell {
        top: -13%;
    }
    .block-2 .excell .item-1,
    .block-2 .excell .item-2,
    .block-2 .excell .item-3,
    .block-2 .excell .item-1-shadow,
    .block-2 .excell .item-2-shadow,
    .block-2 .excell .item-3-shadow {
        background-size: contain;
    }
    .block-2 .excell .item-1-shadow {
        width: 456px;
        margin-top: 60px;
    }
    .block-2 .excell .item-1 {
        width: 304px;
    }
    .block-2 .excell .item-2-shadow {
        width: 268px;
        margin-left: 254px;
        margin-top: -192px;
    }
    .block-2 .excell .item-2 {
        width: 188px;
    }
    .block-2 .excell .item-3-shadow {
        width: 550px;
        margin-top: -74px;
        margin-bottom: 0px;
    }
    .block-2 .excell .item-3 {
        width: 503px;
    }
    .block-2 .wrapper:first-child {
        justify-content: space-between;
    }
    .block-2 .age .counter {
        font-size: 13rem;
    }
    .block-2 .age .text {
        font-size: 2.7rem;
        margin-top: -40px;
    }
    .block-3 .items .item .text {
        font-size: 1.5rem;
    }
    .block-3 .items .item:last-child {
        display: none;
    }
    .block-3 .items {
        width: 98%;
        height: 400px;
    }
    .white-block {
        max-width: 100%;
    }
    .block-4 .arrow-up {
        margin-right: 9%
    }
    .block-3 .wrapper:first-child .text {
        background-size: contain;
        width: 373px;
        height: 207px;
        top: -1%;
        position: absolute;
    }
    .block-3 .items .item .text {
        font-size: 1.15rem;
    }
    .block-3 .items .item:last-child {
        display: none;
    }
    .block-3 .items .item {
        height: 353px;
            width: 258px;
    }
    .block-3 .items .item .title {
    font-size: 1.4875rem;
}
    .block-3 .items .item a {
        margin-top: 60px;
    }
}