@charset "UTF-8";

.label {
  min-width:0;
  width:45px;
  margin-right:0;
  font-weight:100;
  font-size:1px;
}

* {
  margin:0;
  padding:0;
}

body,html {
  overflow-x:hidden;
}

.profile_section_content {
  position:inherit!important;
}

#allPage {
  display:block;
  position:fixed;
  width:100%;
  height:100%;
  z-index:2;
  background-color:rgba(0,0,0,.7);
  top:0;
  left:0;
}

#allPagePic {
  background-image:url(https://static-sl.insales.ru/images/products/1/2875/164997947/IMG_20180624_121841.jpg);
  background-repeat:no-repeat;
  background-size:100% 100%;
  display:block;
  position:fixed;
  width:100%;
  height:100%;
  z-index:1;
  top:0;
  left:0;
}

#fonOne {
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100vh;
  z-index:4;
}

#afterfonOne {
  height:335px;
}

#fonOne .arrow {
  transform:rotate(90deg);
  z-index:7;
  text-decoration:none;
  position:absolute;
  left:0;
  right:0;
  bottom:20px;
  margin:0 auto;
  display:block;
  width:50px;
  height:50px;
  color:#ff2d89;
  font-size:44px;
  transition:.7s;
}

#fonOne .arrow:hover {
  color:#f572aa;
}

#hidePic {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  z-index:6;
  background:rgba(0,0,0,.6);
}

#fonOne img {
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

#nickName {
  position:absolute;
  z-index:7;
  font-size:55px;
  font-weight:100;
  left:30px;
  top:30px;
  color:#ffafea;
  text-shadow:1px 1px 15px #ff2d89;
  letter-spacing:20px;
  opacity:.7;
}

#fonOne #linkMFC {
  position:relative;
  color:#15a10c;
  font-weight:bold;
  letter-spacing:2px;
  bottom:9px;
  border-radius:10px;
  text-shadow:none;
  background:#fff;
  padding:3px 10px;
  font-size:26px;
  transition:.7s;
  box-shadow:none;
}

#fonOne #linkMFC:hover {
  box-shadow:0 0 20px 9px #15a10c;
}

#tipsMembers {
  position:relative;
  display:flex;
  justify-content:space-between;
  min-height:200px;
  max-width:1320px;
  padding:0 10px;
  margin:30px auto 150px;
  z-index:8;
}

#singleTips {
  display:flex;
  justify-content:space-between;
  flex-wrap:wrap;
  flex-basis:60%;
  max-width:781px;
}

#singleTips .memberCard {
  border:1px solid #fff;
  width:100px;
  height:100px;
  padding:18px 9px 0;
  background:rgba(0,0,0,.3);
  box-shadow:0 0 10px 1px #ffafea;
}

#singleTips .nickname {
  font-size:16px;
  color:#fff;
  font-family:"HELVETICA";
  text-align:center;
}

#singleTips .memberTks {
  font-size:20px;
  color:#ffafea;
  font-family:"HELVETICA";
  text-align:center;
}

#singleTips .memberCard hr {
  margin:20px 0;
}

#singleTips h4 {
  flex-basis:100%;
  text-align:center;
  color:#fff;
  font-size:40px;
  padding-bottom:17px;
  font-family:"HELVETICA";
  letter-spacing:.8px;
  font-weight:100;
}

#bestTipers h5 {
  text-align:center;
  color:#fff;
  font-size:40px;
  padding-bottom:17px;
  font-family:"HELVETICA";
  letter-spacing:.8px;
  font-weight:100;
}

#bestTipers p {
  color:#fff;
  font-size:20px;
  margin-bottom:17px;
  font-family:"HELVETICA";
  letter-spacing:.8px;
  font-weight:100;
  border-bottom:1px solid #fff;
}

#bestTipers p span {
  color:#ffafea;
}

#mainInfo {
  max-width:1320px;
  padding:0 10px;
  padding:0 10px;
  z-index:8;
  position:relative;
  color:#fff;
  margin:70px auto 150px;
}

#mainInfo h3 {
  font-size:40px;
  letter-spacing:.8px;
  font-weight:100;
  margin-bottom:47px;
  font-family:"HELVETICA";
  text-align:center;
}

.mainInfoFlex {
  display:flex;
  justify-content:space-between;
  flex-wrap:nowrap;
}

.mainInfoFlex div {
  max-width:400px;
}

.myPhoto {
  position:relative;
}

.myPhoto #photoBlack {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  z-index:3;
  background:rgba(0,0,0,.2);
  transition:.7s;
}

.myPhoto #photoBlack:hover {
  background:rgba(0,0,0,0);
}

.mainInfoFlex .myPhoto img {
  max-width:400px;
  width:100%;
  height:100%;
  object-fit:cover;
}

.myInfo p {
  font-size:20px;
  font-weight:100;
  margin-bottom:37px;
  font-family:"HELVETICA";
  letter-spacing:.4px;
  font-weight:100;
  padding:15px;
  border:1px solid #ff2d89;
  background:rgba(0,0,0,.3);
}

.myInfo p:last-child {
  margin-bottom:0;
}

.myInfo p span {
  font-weight:bold;
  padding-right:5px;
  letter-spacing:.9px;
}

.aboutMe p {
  font-size:20px;
  font-weight:100;
  font-family:"HELVETICA";
  letter-spacing:.8px;
  font-weight:100;
  padding:15px;
  border:1px solid #ff2d89;
  background:rgba(0,0,0,.3);
}

@media screen and (min-width: 320px) and (max-width:1138px) {
  #bestTipers {
    flex-basis:100%;
    max-width:400px;
  }

  #fonOne {
    height:inherit;
  }

  #fonOne .arrow {
    display:none;
  }

  #singleTips {
    flex-basis:100%;
    margin-bottom:50px;
    justify-content:space-evenly;
  }

  #tipsMembers {
    flex-wrap:wrap;
    justify-content:center;
  }

  .mainInfoFlex {
    flex-direction:column;
  }

  .mainInfoFlex .myPhoto img {
    max-width:100%;
  }

  .mainInfoFlex div {
    margin:10px 0;
    max-width:100%;
  }

  .label {
    width:0;
    font-size:0;
  }
}