/* 
* Hover effect
*/
@media screen and (min-width: 991px) {
  .form__btn:hover {
    background-color: #c1002a;
    cursor: pointer;
  }
  .popup__btn:hover {
    background-color: #c1002a;
    cursor: pointer;
  }
  .acad__itm_btn:hover {
    background-color: #c1002a;
    cursor: pointer;
  }
  .menu__itm_big:hover {
    background-color: #c1002a;
    cursor: pointer;
  }
  .footer__txt_hover:hover {
    color: #fff;
    cursor: pointer;
  }
  .menu__itm:hover {
    color: #ff0038;
    cursor: pointer;
  }
  .coach__info_nav:hover {
    cursor: pointer;
  }
  .main__info_arrow:hover {
    opacity: 1;
    cursor: pointer;
  }
  .popup__close:hover {
    opacity: 1;
    cursor: pointer;
  }
  .coach__info_right_icon:hover {
    cursor: pointer;
  }
  .coach__info_right_icon:hover circle {
    fill: #ff0038;
  }
  .prog__info_btn:hover {
    cursor: pointer;
    background-color: #c1002a;
    color: #fff;
  }
  .prog__nav_itm:hover{
    border-bottom-color: #ffffff80;
    cursor: pointer;
  }
}

/* 
* Desktop
*/
@media (max-width: 1780px) and (min-width: 991px) {
  html {
    font-size: 15px;
  }
}
@media (max-width: 1675px) and (min-width: 991px) {
  html {
    font-size: 14px;
  }
}
@media (max-width: 1570px) and (min-width: 991px) {
  html {
    font-size: 13px;
  }
}
@media (max-width: 1450px) and (min-width: 991px) {
  html {
    font-size: 12px;
  }
}
@media (max-width: 1350px) and (min-width: 991px) {
  html {
    font-size: 11px;
  }
}
@media (max-width: 1240px) and (min-width: 991px) {
  html {
    font-size: 10px;
  }
}
@media (max-width: 1125px) and (min-width: 991px) {
  html {
    font-size: 9px;
  }
}
/*
* Mobile
*/
@media (max-width: 479px) {
  html {
    font-size: 4.19vw;
  }
}

/*
* All screen
*/
@media screen and (min-width: 0px) {
  .menu__itm,
  .menu__itm_big,
  .acad__itm_btn,
  .popup__btn,
  .form__btn,
  .footer__txt_hover,
  .main__info_arrow,
  .popup__close,
  .coach__info_right_icon circle,
  .prog__info_btn,
  .menu__icon_line,
  .prog__nav_itm{
    transition: 0.2s ease color, 0.2s ease background-color, 0.2s ease opacity,
      0.2s ease fill, transform 0.2s ease, rotate 0.2s ease, border 0.2s ease;
  }

  .popup__head_form{
    color: #22417B;
  }
  .popup__btn_form{
    font-family: Cerapro, sans-serif;
    border-radius: 200px;
  }
  
  .prog__back,
  .local__gal_img{
    transition: 0.4s ease opacity;
  }

  .menu__icon_wrap[data-menu="open"] .menu__icon_line:first-child{
    rotate: 45deg;
    transform: translate(5px, 1px);
  }
  .menu__icon_wrap[data-menu="open"] .menu__icon_line:last-child{
    rotate: -45deg;
    transform: translate(4px, -1px);
  }
  input[data-error="true"]{
    background-color: #f8d4d4;
  }


  .coach__info_right_icon {
    width: 3.43rem;
  }
  .prog__info_txt[data-prog-view="true"],
  .prog__box_info[data-prog-view="true"] {
    display: block;
  }
  .prog__nav_itm[data-prog-view="true"] {
    border-bottom-color: #fff;
  }
  .coach__slider_itm:last-child {
    margin-right: 0;
  }
  .popup[data-open="true"] {
    display: flex;
  }
  .coach__move_txt {
    animation: scroll 20s linear infinite;
  }
  @keyframes scroll {
    from {
      transform: translateX(0);
    }
    to {
      transform: translateX(calc(-100% - 20px));
    }
  }
  * {
		outline: none;
	}
	input {
		border-radius: 0;
	}
}


/*
* Add
*/
@media screen and (min-width: 0px) {
  .prog__box_mob{
    display: none;
  }
  .prog__box_info_mob{
    display: none;
  }
  .prog__box_info_mob[data-prog-view="true"]{
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
  }
  .prog_label_mob{
    color: #fff;
    text-transform: uppercase;
    background-color: rgba(255, 255, 255, .2);
    padding: 0.7rem;
    font-size: 0.8rem;
    line-height: 1.68;
  }
}
@media screen and (max-width: 991px){
  .menum_box{
    position: relative;
  }
  .logo_menu{
    width: 2.6rem;
    position: absolute;
    top: 0.7rem;
    left: 0;
  }
  .logo{
    display: none;
  }
}
@media (max-width: 767px) {
  .menu__sel_box {
    margin-top: 5.6rem;
  }
  .prog__nav{
    margin-top: 0.8rem;
  }
  .prog__box_mob{
    display: block;
    margin-top: 1.8rem;
  }
  .prog__info{
    margin-top: 1.4rem;
  }
  .form__btn,
  .prog__info_btn,
  .popup__btn{
    font-size: 1.2rem;
  }
}
@media screen and (max-width: 479px) {
  .main__block{
    display: flex;
    background-position-y: top;
    background-size: 60rem;
    background-repeat: no-repeat;
    background-color: #091223;
  }
}