@import url('https://fonts.googleapis.com/css2?family=Istok+Web:wght@700&family=Montserrat:wght@300;400;500;700&family=Play:wght@400;700&display=swap');

body {
  font-family: 'Montserrat', sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  max-width: 480px;
  position: relative;
  overflow-x: hidden;
  overflow: visible !important;
  color: #000;
  font-weight: 400;
  display: block;
  margin: 0 auto;
}
ul{margin: 0;padding: 0;list-style: none;}
a, button{outline: none;}
h1, h2, h3, p{margin: 0;}

h1{
  font-family: 'Play', sans-serif;
  font-weight: 700;
  font-size: 26px;
  margin-bottom: 240px;
  /*color: #fff;*/
  color:#faf8f5;
  text-transform: uppercase;
}
h2{
  text-transform: uppercase;
  text-align: center;
  font-weight: 700;
  font-size: 16px;
}
section{
	padding: 50px 20px;
	position: relative;
}
img{
  max-width: 100%;
}

.slick-slide img {
    margin: 0 auto;
    width: 80%;
}
.slick-prev:before, .slick-next:before{
  color: #000;
}
.slick-next {
    right: 0;
}
.slick-prev {
    left: 0;
}

.button{
  width: 250px;
  height: 40px;
  border-radius: 7px;
  /*color: #FFF;*/
  color:#faf8f5;
  font-size: 10px;
  font-family: 'Istok Web', sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  display: block;
  text-decoration: none;
  outline: none;
  margin: 0 auto;
  margin-bottom: 12px;
  text-align: center;
  line-height: 40px;
}
.button.pink{
  background: #CC2D8C;
  box-shadow: 0px 2px 9px 2px rgba(204, 45, 140, 0.70);
}
.button.light{
  background: #E07EB5;
  box-shadow: 0px 2px 9px 2px rgba(204, 45, 140, 0.70);
}
.button.contentbutton{
  background: #F7C6D2;
  color: #000;
  font-size: 12px;
}

.s1{
	background-image: url(./fotoNastya/photo_2019-09-19_00-18-22.jp);
  background-repeat: no-repeat;
	background-size: cover;
  background-position: center;
  height: 100vh;
  padding: 70px 60px;
  text-align: center;
}
.s2{
  background: #F0E8EA;
  padding-top: 17px;
  text-align: center;
}
.s2 h2{
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 10px;
}
.s2 h1{
  margin-bottom: 38px;
  color: #000;
}
.s2 .content{
  border-radius: 11px;
  background: rgba(249, 249, 249, 0.74);
  margin-bottom: 59px;
  padding: 14px 16px;
  text-align: left;
  font-weight: 500;
}
.s3{
  text-align: center;
  background: #484848;
  /*color: #fff;*/
  color:#faf8f5;
  padding: 24px 20px 42px 20px;
}
.s3 .item:not(.s3 .item:last-child){
  border-bottom: solid 2px #7B7B7B;
}
.s3 .item{
  padding: 16px 0;
}
.s3 h2{
  /*color: #fff;*/
  color:#faf8f5;
  margin-bottom: 16px;
}
.s4,.s5{
  background: #E7E7E7;
}
.s4{
  padding: 40px 20px;
}
.s4 h2{
  margin-bottom: 20px;
  font-size: 20px;
  background: #F7C6D2;
    padding: 5px 0;
    border-radius: 10px;
}
.s5{
  padding: 40px 20px 16px;
  text-align: center;
}
.s5 h3{
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 500;
  margin-bottom: 24px;
}
.s5 .content, .s8 .content{
 /* background: #fff;*/
 background:#faf8f5;
  padding: 20px 20px 30px 20px;
  border-bottom-right-radius: 7px;
  border-bottom-left-radius: 7px;
}
.s5 h4{
  font-size: 20px;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 20px;
  
}
.s5 p{
  font-size: 10px;
  margin-bottom: 20px;
}
.s5 .button{
  display: block;
  margin: 0 auto;
  width: 80%;
}
.s5 img{
  width: 100%;
  display: block;
}
.tilo h2{
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 20px;
  text-transform: none;
}
.s6{
  /*background: #F2F2F2;*/
  background: #e4d9c5;
  padding: 40px 20px;
 
}
.s6_1{
 /* background: #F2F2F2;*/
 background: #e4d9c5;
 padding-top: 10px;
 padding-bottom: 0px;
  font-size: 16px;
  text-align: left;
  max-height: 170px;


}
.s6_1 .card{
 /* text-align: right;*/
}
.s6_1 button{
  width: 100%;
  height: 50px;
  color: #000;
  border-radius: 8px;
  /*background: #D9BCB4;*/
  background:#6e9f64;
  font-size: 14px;
  border: none;
 
}

.s6  .youtube{
  margin-bottom: 60px;
}
.s6  ul>li,.s7 ul>li{
  position: relative;
  padding-left: 34px;
  margin-bottom: 15px;
  font-size: 16px;
  line-height: 1.5;
}
.s6  ul>li::before, .s7 ul>li::before{
  width: 15px;
  height: 11px;
  left: 4px;
  top: 5px;
  position: absolute;
  background: url('./fotoNastya/check_pink.png') no-repeat;
  background-size: 100% 100%;
  content: '';
}
.s7{
  /*background: #9E7676;*/
  background: #836a5a;
  /*color: #fff;*/
  color:#faf8f5;
}
.s7 ul>li:not(.s7 ul>li:last-child){
  padding-bottom: 20px;
  border-bottom: solid 1px rgba(255, 255, 255, 0.80);
}
.s7 ul>li::before{
  background: url('./fotoNastya/check_white.png') no-repeat;
}
.s8,.s9 {
  /*background: #F2F2F2;*/
  background: #e4d9c5;
  padding: 20px;
}
.s8 h2{
  padding: 5px 20px;
  border-radius: 8px;
  /*background: #9E7676;*/
  background: #836a5a;
  /*color: #fff;*/
  color:#faf8f5;
  margin-top: 10px;
}
.s8_1 h2{
  padding: 5px 20px;
  border-radius: 8px;
  /*background: #9E7676*/
  background: #836a5a;
  /*color: #fff;*/
  color:#faf8f5;
  margin-top: 0px;
}
.s8_1 a {
  text-decoration: none;
}
.s8 img{
  width: 100%;
  display: block;
}
.s8 .content h3{
  font-size: 24px;
  font-weight: 500;
  text-align: center;
}
.s8 hr{
  display: block;
  margin: 0 auto;
  margin-top: 5px;
  margin-bottom: 15px;
  width: 40px;
  height: 1px;
  background: rgba(0, 0, 0, 0.50);
  border: none;
}
.s8 p{
  font-size: 14px;
  margin-bottom: 20px;
}

.s8 .items{
  display: flex;
  padding: 10px 0;
  border-bottom: solid 1px rgba(125, 121, 121, 0.20);;
}
.s8 .items div{
  width: 50%;
}
.s8 .items div:first-child{
  font-weight: 300;
}
.s8 .record{
  position: relative;
  margin-top: 10px;
  padding-left: 25px;
}
.s8 .record::before{
  width: 14px;
  height: 14px;
  left: 0;
  top: 0;
  position: absolute;
  background: url('./fotoNastya/record.png') no-repeat;
  background-size: 100% 100%;
  content: '';
}
.s8bonus{
  text-align: center;
}
.s8 button{
  width: 100%;
  height: 50px;
  color: #000;
  border-radius: 8px;
 /* background: #D9BCB4;*/
  background:#6e9f64;
  font-size: 14px;
  border: none;
}
.bonus{
  background: #000;
  border-radius: 24px;
  padding: 5px 20px;
 /* color: #fff;*/
 color:#faf8f5;
  width: max-content;
  display: block;
  margin: 0 auto;
}
.s8bonus small{
  font-size: 12px;
}
.s9 h2{
  margin-top: 60px;
}
.s9 .card1{
  border-radius: 0px 0px 24px 24px;
 /* background: #FFF;*/
 background:#faf8f5;
  padding: 20px 15px 36px 15px;
}
.s9 .title{
  /*color: #fff;*/
  color:#faf8f5;
  padding: 15px 0;
  border-radius: 8px 8px 0px 0px;
  /*background: #9E7676;*/
  background: #836a5a;
  text-align: center;
  margin: 0;
}
.s9 p strong{
  font-size: 14px;
  font-weight: 500;
}
.s9 ul{
  margin: 10px 0 20px;
}
.s9 ul>li{
  position: relative;
  padding-left: 28px;
  margin-bottom: 10px;
}
.s9 ul>li::before{
  width: 15px;
  height: 11px;
  left: 3px;
  top: 5px;
  position: absolute;
  background: url('./fotoNastya/check_pink.png') no-repeat;
  background-size: 100% 100%;
  content: '';
}
.s9 hr{
  margin-bottom: 20px;
  width: 100%;
  border: none;
  background: rgba(0, 0, 0, 0.05);
  height: 1px;
}
.s9 .star{
  position: relative;
  padding-left: 31px;
  margin-bottom: 20px;
  margin-top: -10px;
}
.s9 .star::before{
  width: 21px;
  height: 21px;
  left: 0;
  top: -3px;
  position: absolute;
  background: url('../img/star.png') no-repeat;
  background-size: 100% 100%;
  content: '';
}
.s9 .opacity50{
  opacity: .5;
}
.s9 .opacity40{
  opacity: .4;
}
.s9 button{
  width: 100%;
  height: 50px;
  color: #000;
  border-radius: 8px;
  /*background: #D9BCB4;*/
  background:#6e9f64;
 
  font-size: 14px;
  border: none;
}
.s9 .price{
  font-size: 24px;
  margin-bottom: 25px;
  text-align: center;
}
.s10 h2{
  font-size: 25px;
  margin-bottom: 40px;
  font-weight: 500;
}
.s11{
  background: url('./fotoNastya/FotoTitul.png') no-repeat;
  background-size:cover;
  /*padding:700px 20px 65px;*/
  padding:700px 10px 10px;

  text-align: center;
  /*color: #fff;*/
  color:#faf8f5;
}
.s11_1{
  background: url('./fotoNastya/FotoTitul1.jpg') no-repeat;
  background-size:cover;
  /*padding:700px 20px 65px;*/
  padding:700px 10px 10px;

  text-align: center;
  /*color: #fff;*/
  color:#faf8f5;
}
.s11 p{
  margin-bottom: 15px;
  font-size: 16px;
}
.s11 h3{
  font-size: 24px;
  margin-bottom: 15px;
  font-weight: 500;
}
.s11 .round{
  /*background: #9E7676;*/
  background: #836a5a;
 /* color: #fff;*/
 color:#faf8f5;
  width: 100px;
border-radius: 50%;
/*color: #fff;*/
color:#faf8f5;
padding: 33px 0;
display: block;
outline: none;
    text-decoration: none;
    font-size: 14px;
}
.s11 h1{
  text-transform: none;
  margin-bottom: 35px;
}

footer{
  background: #000;
  /*color: #fff;*/
  color:#faf8f5;
  padding: 15px 20px 9px 20px;
  text-align: center;
  height: 310px;
}
footer a{
  display: block;
 /* color: #fff;*/
 color:#faf8f5;
  text-decoration: none;
  outline: none;
  background-image: url(./fotoNastya/SocSeti.png);
}
footer .socials li{
  margin: 0;
  float: left;
 
}
footer h2{
  font-size: 20px;
  margin-bottom: 10px;
}
footer p{
  font-size: 16px;
  margin-bottom: 40px;
}
footer img{
  margin-top: 16px;
}
footer .socials a {

  width: 60px;
  height: 60px;
  background-image: url(./fotoNastya/SocSeti.png);
}
footer .socials .vk {
  background-position: -128px -3px;
}
footer .socials .fb {
  background-position: -200px -3px;
}
footer .socials .instagram {
  background-position: -60px -3px;
}

  form {
    display: block;
    margin-top: 0em;
    unicode-bidi: isolate;
   background-color: #e4d9c5;
border:none;
box-shadow: none;
   
  }
  

.user {
  border-radius: 8px;
  border: 2px solid #fff3;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 6px;
  width: 100%;
  margin-top: 5px !important;
  outline: none;
  background:#faf8f5;
}
.user:focus {
	/*box-shadow: 0 0 15px #9E7676;*/
  box-shadow: 0 0 15px #836a5a;
}
.user.error {
	box-shadow: 0 0 3px red;
}
.info-person{
 
 
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 14px;
    width: 100%;

    margin-top: 15px;
    display: inline-block;
}
.options_input {
  display: none;
}

.options_input:checked+.optons_labl::after {
	transform: scale(1);
}
.optons_labl {
	font-size: 15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	display: flex;
	line-height: 140%;
	align-items: center;
	position: relative;
	cursor: pointer;

}

.optons_labl::before {
	content: "";
	flex: 0 0 14px;
	height: 14px;
	border-radius: 50%;
	background-color: white;
	color: #836a5a;
	border-style: solid;
	margin: 0 10px 0 0;
	align-self: flex-start;
}

.optons_labl::after {
	content: "";
	top: 2px;
	left: 2px;

	width: 10px;
	height: 10px;
	background-color: #836a5a;
	border-radius: 50%;
	position: absolute;
	transform: scale(0);
	transition: transform 0.3s ease 0;
}
.optons_labl.error::before {

	box-shadow: 0 0 3px red;
}