.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: 3vw;
}

.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%); 
    
}
.menu__link {
    text-decoration: none;
    color: inherit;
}
.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%); 
}


.content__price{
    font-family: 'Open Sans Condensed', sans-serif;
  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;
  -webkit-box-align:center;
      -ms-flex-align:center;
          align-items:center;
   background-image: url(../img/barbell.jpg);
   background-size: cover;
   width: 100%;
    height: 60vw;
    background-position: center;
}

.price {
  
  width: 18vw;
  height: 24vw;  
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,1)),to(rgba(255,255,255,0)));  
  background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);  
  background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);  
  background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); 
  border-radius: 15%;
  text-align: center;
}
.price__value{
    color: firebrick;
    font-weight: bolder;
}

    
.price_animation-bounce-in
{
    -webkit-animation: bounce-in 1.2s;
            animation: bounce-in 1.2s;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
}
@keyframes bounce-in
{
    0%
    {
        -webkit-transform: scale(.9);
                transform: scale(.9);

        opacity: 0;
    }
    25%
    {
        -webkit-transform: scale(1.2);
                transform: scale(1.2);
    }
    40%
    {
        -webkit-transform: scale(.8);
                transform: scale(.8);
    }
    50%
    {
        -webkit-transform: scale(1.1);
                transform: scale(1.1);
    }
    60%
    {
        -webkit-transform: scale(.9);
                transform: scale(.9);
    }
    70%
    {
        -webkit-transform: scale(1.05);
                transform: scale(1.05);

        opacity: 1;
    }
    80%
    {
        -webkit-transform: scale(.95);
                transform: scale(.95);
    }
    90%
    {
        -webkit-transform: scale(1.01);
                transform: scale(1.01);
    }
    100%
    {
        -webkit-transform: scale(1);
                transform: scale(1);
    }
}
@-webkit-keyframes bounce-in
{
    0%
    {
        -webkit-transform: scale(.9);

        opacity: 0;
    }
    25%
    {
        -webkit-transform: scale(1.2);
    }
    40%
    {
        -webkit-transform: scale(.8);
    }
    50%
    {
        -webkit-transform: scale(1.1);
    }
    60%
    {
        -webkit-transform: scale(.9);
    }
    70%
    {
        -webkit-transform: scale(1.05);

        opacity: 1;
    }
    80%
    {
        -webkit-transform: scale(.95);
    }
    90%
    {
        -webkit-transform: scale(1.01);
    }
    100%
    {
        -webkit-transform: scale(1);
    }
}
.content__sign-for{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack:center;
        -ms-flex-pack:center;
            justify-content:center;
    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);

}
.sign-for__form{
   background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,1)),to(rgba(255,255,255,0)));
   background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
   background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
   background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); 
   
}
.sign-for__input{
    width:100%;
    height:3vw;
    font-size: 2vw;
}
.text__beginning {
    color: black;
    text-shadow: 1vw 1vw 2vw black, 0 0 1vw LightCyan;
    font-weight: bold;
}
.sign-for__button{
    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;
    font-size: 2vw;
    margin-top: 1vw;
}
.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;
   
    
}