.page {
    font-family: 'PT Sans Narrow', sans-serif;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 0;
    font-size: 2.5vw;
}

.header {
    
    display: -webkit-box;
    
    display: -ms-flexbox;
    
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    height: 25vw;
    width: 100%;
    background: -webkit-gradient(linear,
    left bottom, left top,
    from(aliceblue), color-stop(whitesmoke), color-stop(whitesmoke), to(aliceblue));
    background: -webkit-linear-gradient(bottom,
    aliceblue, whitesmoke, whitesmoke, aliceblue);
    background: -o-linear-gradient(bottom,
    aliceblue, whitesmoke, whitesmoke, aliceblue);
    background: linear-gradient(to top,
    aliceblue, whitesmoke, whitesmoke, aliceblue);
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.header__logo{
    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-preferred-size: 66.6666666666666%;
        flex-basis: 66.6666666666666%;
}
.header__sub-logo {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
}

.header__main-logo {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
}
.logo__img{
    width:30vw;
}



.header__contacts {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    

}

.contacts__sign-for {
    display: block;
    width: 87%;
    margin-top: 4vw;
    margin-bottom: 4vw;
    
    text-align: center;
    color: white;
    padding: 1vw 2vw 1vw 2vw;
    background: -webkit-gradient(linear, left top, left bottom, from(#AA272D),to(#8D2428));
    background: -webkit-linear-gradient(top, #AA272D 0%,#8D2428 100%);
    background: -o-linear-gradient(top, #AA272D 0%,#8D2428 100%);
    background: linear-gradient(to bottom, #AA272D 0%,#8D2428 100%);
    border-radius: 20vw;
}

.header__menu{
    font-family: 'Open Sans Condensed', sans-serif;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    margin: 0;
    padding: 0;
    list-style-type: none;
    -webkit-box-pack:justify;
        -ms-flex-pack:justify;
            justify-content:space-between;
    background: -webkit-gradient(linear, left top, left bottom, from(#959595),color-stop(46%, #0d0d0d),color-stop(50%, #010101),color-stop(53%, #0a0a0a),color-stop(76%, #4e4e4e),color-stop(87%, #383838),to(#1b1b1b));
    background: -webkit-linear-gradient(top, #959595 0%,#0d0d0d 46%,#010101 50%,#0a0a0a 53%,#4e4e4e 76%,#383838 87%,#1b1b1b 100%);
    background: -o-linear-gradient(top, #959595 0%,#0d0d0d 46%,#010101 50%,#0a0a0a 53%,#4e4e4e 76%,#383838 87%,#1b1b1b 100%);
    background: linear-gradient(to bottom, #959595 0%,#0d0d0d 46%,#010101 50%,#0a0a0a 53%,#4e4e4e 76%,#383838 87%,#1b1b1b 100%); 
    
}

.header__menu__item {
    
    padding: 1vw 2vw 1vw 2vw;
    text-align: center;
    color: white;
    background: -webkit-gradient(linear, left top, left bottom, from(#959595),color-stop(46%, #0d0d0d),color-stop(50%, #010101),color-stop(53%, #0a0a0a),color-stop(76%, #4e4e4e),color-stop(87%, #383838),to(#1b1b1b));
    background: -webkit-linear-gradient(top, #959595 0%,#0d0d0d 46%,#010101 50%,#0a0a0a 53%,#4e4e4e 76%,#383838 87%,#1b1b1b 100%);
    background: -o-linear-gradient(top, #959595 0%,#0d0d0d 46%,#010101 50%,#0a0a0a 53%,#4e4e4e 76%,#383838 87%,#1b1b1b 100%);
    background: linear-gradient(to bottom, #959595 0%,#0d0d0d 46%,#010101 50%,#0a0a0a 53%,#4e4e4e 76%,#383838 87%,#1b1b1b 100%); 
}

.menu__link {
    text-decoration: none;
    color: inherit;
}


.content__slider {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;

}

.slider__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 40vw;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background-position: center;
    color: white;
    -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    border: 0.3vw solid black;

}

.slider__item:hover {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;

}

.slider__moto {
    font-size: 4vw;
    margin-top: 35vw;
}

.item-1 {
    background-image: url(../img/mainpage.jpg);
    background-size: cover;
}

.item-2 {
    background-image: url(../img/fielbarbell.jpg);
    background-size: cover;
}

.item-3 {
    background-image: url(../img/fieldrough.jpg);
    background-size: cover;
}

.item-4 {
    background-image: url(../img/field.jpg);
    background-size: cover;
}

.item-5 {
    background-image: url(../img/team.jpg);
    background-size: cover;
}

.content__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
        -ms-flex-direction:column;
            flex-direction:column;
    -webkit-box-pack:center;
        -ms-flex-pack:center;
            justify-content:center;
    text-align: justify;
    background: -webkit-gradient(linear,
    right top, left top,
    from(DarkSlateGray), color-stop(LightSlateGray), color-stop(SlateGray), color-stop(LightSlateGray), to(DarkSlateGray));
    background: -webkit-linear-gradient(right,
    DarkSlateGray, LightSlateGray, SlateGray, LightSlateGray, DarkSlateGray);
    background: -o-linear-gradient(right,
    DarkSlateGray, LightSlateGray, SlateGray, LightSlateGray, DarkSlateGray);
    background: linear-gradient(to left,
    DarkSlateGray, LightSlateGray, SlateGray, LightSlateGray, DarkSlateGray);
}

.wrapper {
   
    width: 70%;
    margin: 0 auto;
    position: relative;
}

.info__text {
    text-indent: 5vw;
    color: white;
}

.text__beginning {
    color: black;
    text-shadow: 1vw 1vw 2vw black, 0 0 1vw LightCyan;
    font-size: 4vw;
    font-weight: bold;
}
.info__video {
    width:100%;
    height: 30vw;
    border:0.5vw solid black;
}
.footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    border-top:0.3vw solid black;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    width: 100%;
    height: 20vw;
    background: -webkit-gradient(linear,
    left bottom, left top,
    from(aliceblue), color-stop(whitesmoke), color-stop(whitesmoke), to(aliceblue));
    background: -webkit-linear-gradient(bottom,
    aliceblue, whitesmoke, whitesmoke, aliceblue);
    background: -o-linear-gradient(bottom,
    aliceblue, whitesmoke, whitesmoke, aliceblue);
    background: linear-gradient(to top,
    aliceblue, whitesmoke, whitesmoke, aliceblue);
    padding: 2vw 0 2vw 0;
     margin:0;
}

.footer__menu {
    margin:0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
        -ms-flex-direction:column;
            flex-direction:column;
    -ms-flex-preferred-size:33.333333333333333333%;
        flex-basis:33.333333333333333333%;
    -webkit-box-pack:flex-around;
        -ms-flex-pack:flex-around;
            justify-content:flex-around;
    padding-left:5vw;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

.footer__menu__item {
     margin:0;
    list-style-type: none;
     
    
}
.footer__menu__item:hover{
    text-decoration: underline;
}

.footer__logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-preferred-size:33.333333333333333333%;
        flex-basis:33.333333333333333333%;
}

.footer__contacts {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
        -ms-flex-direction:column;
            flex-direction:column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
   
    
}