@font-face{
  font-family: edo;
  src: url("../fonts/edo.ttf");
}
@font-face{
  font-family: impact;
  src: url("../fonts/impact.ttf");
}
@font-face{
  font-family: myriadpro;
  src: url("../fonts/MYRIADPRO-COND.OTF");
}
body,html{
  scroll-behavior: smooth;
}
.center{
    text-align: center;
}
.left{
    text-align: left;
}
.right{
    text-align: right;
}
.justify{
    text-align: justify;
}
.pos_rel{
    position: relative;
}
.link_footer,.link_footer:hover{
  text-decoration: none;
  color: #000;
  padding-bottom: 20px;
  font-family: myriadpro;
  font-size: 18px;
}
.section_01{
  background-image: url(../img/v2_01.jpg);
  background-repeat: no-repeat;
  background-position-x:center;
  position: relative;
}
.container_s1{
  max-width: 930px;
  margin: 0 auto;
  position: relative;
}
.logo_s1{
  max-width: 250px;
  margin: 0 auto;
  display: block;
  padding-top: 20px;
}
.container_s1 h2{
  font-size: 85px;
  text-align: center;
  color: #fff;
  font-family: impact;
  line-height: 0.8;
  text-transform: uppercase;
  text-shadow: 1px 1px 1px #000;
}
.container_s1 h3{
  text-align: center;
  color: #fff;
  font-size: 40px;
  font-family: edo;
  text-shadow: 1px 1px 1px #000;
}
.product_s1{
  display: block;
  position: relative;
  z-index: 1;
  margin: 0 auto;
  margin-top: -95px;
}

.muscle_mobile{
  display: none;
}
.box_s1{
  position: relative;
  top: -400px;
  left: 0;
  z-index: 0;
  clip-path: polygon(0 0, 100% 0%, 100% 100%, 7% 100%);
  background: linear-gradient(to right, #000 0% ,#000 60%, #fff 95% , #fff 100%);
  max-width: 470px;
  padding:10px 0 30px 0;
}
.box_s1 p{
  margin-left: 50px;
  padding: 2px;
}
.box_s1 p span{
  color: #fff;
  font-size: 23px;
  font-family: myriadpro;
}
.box_s1 p img{
  margin-top: -5px;
}
.btn_s1{
  text-decoration: none;
  background: #d81e1f;
  color: #fff;
  padding: 10px 15px;
  font-size: 28px;
  text-transform: uppercase;
  position: absolute;
  left: 84px;
  bottom: 366px;
  font-weight: 600;
  z-index: 2;
}
.btn_s1:hover,.btn_s1:focus{
  text-decoration: none;
  background: #d81e1f;
  color: #fff;
}

.fasha,.box_two{
  position: relative;
}
.fasha{
  z-index: 1;
  display: block;
  margin: 0 auto;
  margin-top: -297px;
}
.box_two{
  z-index: 2;
  margin-top: -165px;
}
.box_two p{
  text-align: center;
  font-family: myriadpro;
  text-transform: uppercase;
  font-size: 30px;
  line-height: 1.1;
}
.box_tree{
  position: relative;
}
.box_tree p:first-child{
  font-size: 35px;
  /* font-weight: 600; */
  line-height: 1.1;
  font-family: myriadpro;
  color: #000;
  position: relative;
  z-index: 3;
  text-align: center;
  margin-top: 55px;
}
.box_tree p:last-child{
  font-size: 26px;
  position: relative;
  z-index: 3;
  font-family: myriadpro;
  text-align: center;
}
.section_tree{
margin-bottom:50px;
}
@media screen and (max-width:900px){
  .box_two {
    margin-top: -303px;
  }
  .box_s1 p{
    margin-left: 20%;
  }
  .fasha{
    margin-top: -209px;
    display: none;
  }
  .box_s1{
    top: -369px;
    left: 50%;
    transform: translateX(-50%);
    max-width: 379px;
    background:#000;
  }
  .btn_s1{
    left: 50%;
    transform: translateX(-50%);
    bottom: 331px;
  }
  .product_s1{
    margin-bottom: 334px;
    margin-top: -53px;
  }
}

@media screen and (max-width:767px){
  .product_s1{
    width: 75%;
  }
  .dnone{
    display: none;
  }
}
@media screen and (max-width:650px){
  .section_tree{
  margin-bottom:20px;
  }
  .box_two p{
    color: #fff;
    text-shadow: 1px 1px 1px #000;
    font-size: 23px;
  }
  .logo_s1{
    max-width: 171px;
  }
  .container_s1 h2{
    font-size: 38px;
  }
  .container_s1 h3{
    font-size: 22px;
  }
}
@media screen and (max-width:500px){
  .box_tree p:first-child{
    margin-top: 82px;
  }
}
@media screen and (max-width:450px){
  .muscle_desc{
    display: none;
  }
  .muscle_mobile{
    display: inline-block;
  }
  .block{
    display: block;
  }
  .logo_s1 {
    max-width: 149px;
    padding-top: 8px;
}
.container_s1 h3 {
    font-size: 22px;
    margin-top: -20px;
    line-height: 0.9;
}
  .container_s1 h2{
    font-size: 29px;
    line-height: 1;
  }
  .box_tree p:first-child {
    margin-top: 19px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 25px;
}
.box_tree p:last-child{
  padding-left: 10px;
  padding-right: 10px;
  font-size: 22px;
  line-height: 1.1;
}
  .box_two {
      margin-top: -397px;
      background: #fff;
      border-top-left-radius: 40px;
      border-top-right-radius: 40px;
      z-index: 0;
      padding-top: 45px;
  }
.box_s1{
  top: -359px;
  padding: 10px 0 72px 0;
}
  .box_s1 p {
    margin-left: 16%;
}
  .btn_s1{
    font-size: 22px;
    text-align: center;
    bottom: 374px;
  }
  .box_s1{
    clip-path:unset;
    max-width: 100%;
}
  .container_s1{
    padding-left: 0;
    padding-right: 0;
    margin-left: -1px;
  }
  .product_s1 {
    width: 98%;
    margin-top: -80px;
    margin-bottom: 299px;
  }

  .box_two p{
    color: #000;
    text-shadow: unset;
    font-size: 20px;
    padding: 0 5px;
  }
  .section_01{
    background-image: url(../img/mob_01.jpg);
  }
}
@media screen and (max-width:420px){
  .section_01{
    background-position-x: center;
    background-image: url(../img/mob_02.jpg);
  }
}
@media screen and (max-width:400px){
  .box_two{
    margin-top: -393px;
  }
  .box_s1 {
    top: -348px;
    padding: 8px 0 72px 0;
  }
  .btn_s1{
    bottom: 365px;
  }
  .box_s1 p img{
    width: 15px;
  }
  .box_s1 p {
    margin-left: 23%;
    padding: 0px;
    margin-top: -2px;
  }
  .box_s1 p span{
    font-size: 19px;
  }
  .product_s1{
    margin-top: -76px;
  }
}
@media screen and (max-width:380px){
  .product_s1{
    margin-top: -72px;
  }
}
@media screen and (max-width:380px){
  .product_s1{
    margin-top: -67px;
  }
}
@media screen and (max-width:360px){
  .product_s1{
    margin-top: -69px;
  }
}
@media screen and (max-width:340px){
  .link_footer,.link_footer:hover{
    display: block;
    padding-bottom: 0;
  }
  .line{
    display: none;
  }
  .product_s1{
    margin-top: -63px;
  }
  .btn_s1{
    font-size: 20px;
  }
}
@media screen and (max-width:330px){

  .link_footer:last-child{
    padding-bottom: 10px;
  }
}
@media screen and (max-width:315px){
  .btn_s1{
    font-size: 18px;
  }
}
.link_footer