* {
        box-sizing: border-box;
    }
    
    body {
        background-color: #0E0E0E;
        color: #fff;
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 400;
        font-size: 18px;
        line-height: 21px;
    }
    
    a {
        color: inherit;
        text-decoration: none;
    }
    
    .header {
        background-image: url('../images/fon-1.jpg');
        min-height: 100vh;
        background-repeat: no-repeat;
        /*чтоб картинка не размножалась*/
        background-size: cover;
        /*масштабировать картинку в зависимости от размера моника*/
        /*картинку на 50 опустили*/
        text-align: center;
    }
    
    .header::after {
        content: "";
        position: absolute;
        height: 70px;
        bottom: 0;
        left: 0;
        width: 100%;
        /* background: linear-gradient(180deg, #0E0E0E 0%, rgba(17, 17, 17, 0.850295) 16.53%, rgba(32, 31, 33, 0) 100%);
        transform: rotate(180deg); */
    }
    
  
    
    .menu__list {
        display: flex;
        /*раскидать по горизонтали*/
        justify-content: center;
        /*по центру*/
        padding: 50px 0 58px;
        /*сверху, по бокам, снизу*/
        /* background: linear-gradient(180deg, #111213 0%, #111213 43.62%, rgba(32, 31, 33, 0) 86.33%); */
    }
    
    .menu__list {
        animation-name: menu__list;
        animation-duration: 3s;
    }
    
    @keyframes menu__list {
        0% {
            transform: translateX(3000px);
        }
        50% {
            transform: translateX(200px);
        }
        100% {
            transform: translateX(0);
        }
        0% {
            transform: scale(-1);
        }
        50% {
            transform: scale(1.5);
        }
    }
    
    .menu-1,
    .menu-2,
    .menu-3,
    .menu-4 {
        position: absolute;
    }
    
    .menu__list-1,
    .menu__list-2,
    .menu__list-3,
    .menu__list-4 {
        padding: 12px 0 12px;
    }
    
    .menu__list-item {
        padding: 0 25px;
    }
    
    .menu__list-item-1,
    .menu__list-item-2,
    .menu__list-item-3,
    .menu__list-item-4 {
        padding-left: 25px;
        padding-top: 10px;
        text-align: left;
    }
    
    .link__link {
        padding-bottom: 30px;
        color: rgb(239, 241, 92);
    }
    
    .menu__list-link {
        font-size: 25px;
        line-height: 31px;
    }
    
    .menu__list-link-1 {
        display: flex;
        font-size: 25px;
        line-height: 31px;
        padding-left: 20px;
    }
    
    .menu__list-link-2 {
        display: flex;
        font-size: 25px;
        line-height: 31px;
        padding-left: 20px;
    }
    
    .menu__list-link-3 {
        display: flex;
        font-size: 25px;
        line-height: 31px;
        padding-left: 20px;
    }
    
    .menu__list-link-4 {
        display: flex;
        font-size: 25px;
        line-height: 31px;
        padding-left: 20px;
    }
    
    .menu__list-link:hover,
    .menu__list-link-1:hover,
    .menu__list-link-2:hover,
    .menu__list-link-3:hover,
    .menu__list-link-4:hover {
        color: darkturquoise;
    }
    
    .block__scrol {
        padding-right: 5px;
    }
    
    .block__scrol-one {
        width: 500px;
        height: 90px;
        display: flex;
        float: right;
        padding: 10px 5px 5px 5px;
        margin: 10px 5px 0 0;
        cursor: pointer;
        overflow: auto;
    }
    
    .youtube {
        float: right;
        max-width: 920px;
    }
    
    .youtube__block {
        justify-content: right;
        float: right;
        margin: 10px;
        padding: 10px;
    }
    
    .slider__item {
        min-height: 420px;
        /* border-radius: 90%; */
        background-repeat: no-repeat;
        background-position: top center;
    }
    
    .slider__item {
        animation-name: slider__item;
        animation-duration: 3s;
    }
    
    @keyframes slider__item {
        /*0% {
                transform: translateX(-30px);
            }
            50% {
                transform: translateX(30px);
            }
            100% {
                transform: translateX(0);
            }*/
        100% {
            transform: scale(1);
        }
        50% {
            transform: scale(0);
        }
        0% {
            transform: scale(1);
        }
    }
    
    .slick-arrow {
        border-radius: 50%;
        outline: none;
        background-color: darkturquoise;
        position: absolute;
        top: 50%;
        z-index: 5;
        cursor: pointer;
        transform: translateY(-50%);
    }
    
    .slick-next {
        right: 20px;
    }
    
    .slick-prev {
        left: 20px;
    }
    /*.logo {
            display: flex;
            justify-content: center;
            
        }*/
    
    .logo-1 {
        padding-top: 25px;
        float: right;
        padding-right: 25px;
    }
    /*.fon__img {
            width: 500px;
        }*/
    
    h1 {
        padding-bottom: 80px;
        text-shadow: -1px -1px white, 1px 1px gray, 2px 2px #7a7a7a, 3px 3px #757575, 4px 4px #707070, 5px 5px #6b6b6b, 6px 6px #6b6b6b, 7px 7px #616161, 8px 8px #5c5c5c, 9px 9px #575757, 10px 10px #525252, 11px 11px #4d4d4d, 18px 18px 30px rgba(0, 0, 0, .4), 18px 18px 10px rgba(0, 0, 0, .4);
        font-size: 30px;
        font-weight: 300;
        padding-top: 30px;
        color: darkturquoise;
    }
    
    h3 {
        font-size: 20px;
        padding-top: 10px;
        text-align: center;
        font-weight: 400;
        color: #eff15c;
    }
    
    .container__text {
        display: flex;
        justify-content: center;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    
    .fon__img-1 {
        width: 200px;
        height: 150px;
    }
    
    .fon__img-1 {
        animation: fon__img-1 5s infinite;
        /* Параметры анимации */
    }
    
    @keyframes fon__img-1 {
        0% {
            opacity: 1;
            /* Непрозрачный текст */
        }
        50% {
            opacity: 0;
            /* Прозрачный текст */
        }
        100% {
            opacity: 1;
        }
    }
    
    h1 {
        animation: h1 5s infinite;
        /* Параметры анимации */
    }
    
    @keyframes h1 {
        0% {
            opacity: 1;
            /* Непрозрачный текст */
        }
        50% {
            opacity: 0;
            /* Прозрачный текст */
        }
        100% {
            opacity: 1;
        }
    }
    
    .text__top {
        padding-top: 10px;
        padding-bottom: 10px;
        background-color: dimgrey;
    }
    
    h2 {
        text-shadow: -1px -1px white, 1px 1px #292020, 2px 2px #7a7a7a, 3px 3px #757575, 4px 4px #707070, 5px 5px #6b6b6b, 6px 6px #6b6b6b, 7px 7px #616161, 8px 8px #5c5c5c, 9px 9px #575757, 10px 10px #525252, 11px 11px #292020, 18px 18px 30px rgba(0, 0, 0, .4), 18px 18px 10px rgba(0, 0, 0, .4);
        font-size: 60px;
        padding-bottom: 60px;
        padding-top: 30px;
        text-align: center;
        font-weight: 400;
        color: darkturquoise;
    }
    
   
    
    .footer__container {
        background-color: darkturquoise;
        text-align: center;
        height: 50px;
    }
    /*.footer__menu {
            padding: 50px 0 58px;
        }
        
        .footer__menu-list {
            display: flex;
            justify-content: center;
        }
        
        .footer__menu-item {
            padding: 10px 50px 10px;
        }
        
        .footer__menu-link {
            padding: 50px 0;
        }*/
    
    .mail {
        display: flex;
        justify-content: center;
        transform: translateY(50%);
    }
    
    
    
    .form-btn {
        cursor: pointer;
    }
    /*.fonos__img {
            border-radius: 50%;
        }
        
        .fonos__img {
            animation-name: fonos__img;
            animation-duration: 3s;
        }
        
        
        
        @keyframes fonos__img {
            0% {
                transform: translateX(3000px);
            }
            50% {
                transform: translateX(200px);
            }
            100% {
                transform: translateX(0);
            }
            /*0% {
    transform: scale(-1);
    }
            50% {
                transform: scale(1.5);
            }
        }*/
    
    @media(max-width: 1348px) {
        .menu__list {
            display: block;
            font-size: 39px;
            line-height: 47px;
        }
        .header {
            height: 100%;
        }
        .slider__item {
            width: 70%;
            height: 70%;
        }
    }
    
    @media(max-width: 810px) {
        .logo {
            display: block;
            text-align: center;
        }
        .slider__item {
            width: 200px;
            height: 50%;
        }
        .header {
            height: 100%;
            background-repeat: no-repeat;
            background-size: cover;
        }
        /*.fon__img {
                padding-bottom: 20px;
            }
            .url {
                height: 100%;
            }
            .fon__img {
                width: 200px;
            }
            .fonos__img {
                width: 150px;
            }*/
        h2 {
            font-size: 30px;
            line-height: 30px;
        }
    }
    
    @media(max-width: 675px) {
        h2 {
            display: block;
            line-height: 75px;
        }
        .header {
            height: 100%;
            background-repeat: no-repeat;
            background-size: cover;
        }
    }