@import url("../assets/font-awesome/css/all.css");
@font-face{font-display:swap;font-family:ArticulatCFRegular;src:url(../fonts/Montserraterrat.ttf)}
@font-face{font-display:swap;font-family:Bold;src:url(../fonts/Oswald-ExtraLight.ttf)}
*{margin:0;padding:0;box-sizing: border-box;}
p{padding:10px 0}
body{
	color:#222;
	font-family:'ArticulatCFRegular',sans-serif;
	font-size:14px;
	background:#f5f8fb
}
.inf i{
color: #e52e71}
a{text-decoration:none}
h1, h2, h3, h4, h5{
	font-family:bold
}
.clear{clear:both}
ul{
	list-style:none;
}
.adress p.note, .zapis p.note{
   width: 100%;
   padding: 25px 0 0 0;
   color: #e52e71;
   text-align: center;
   font-weight: lighter;
   font-size: 120%;
}
a.scrollup{
background:#e52e71 none repeat scroll 0 0;
bottom:35px;
color:#ffffff;
right:12px;
cursor:pointer;
height:40px;
line-height:40px;
position:fixed;
text-align:center;
transition:all 4ms linear 0s;
width:40px}
a.scrollup:hover{opacity:0.8}
.link, .cols-25 a{
	color:#e52e71;
	text-decoration: none
}
.link:hover, .cols-25 a:hover{
	color:#121921;
	text-decoration: underline
}
/*заголовок*/
.main h2, .adress h1, .wrapper h1{position:relative;}
.main h2::before, .adress h1::before, .wrapper h1::before{
content: "";
background: url(../images/png-transparent.PNG) no-repeat;
width: 150px;
height: 50px;
background-size: cover;
position: absolute;
z-index: -1;
top: 15px;
transform:rotate(-8deg)
}
.effect{font-size:190%}
/*слайдер*/
.slide-text p.teg span{font-size:80%}
.slide-text p.teg span.bold{font-size:120%;font-weight:bold}
.slide-text p.teg{display: flex;
flex-wrap: wrap;
align-items: center;}
.slide-text .butt{padding: 10px 15px;
display: block;
float: left;
font-size:80%;
text-align: center;}
.slide-text p{font-size: 140%;
margin: 20px 0 0;
line-height: 1.4;}
.number-1{background: #eacbd0 url(../images/1614383333_6-p-vetochka-na-svetlom-fone-17.png);background-size: cover;}
.number-3{background: #f2e3c4 url(../images/top-view-mascara-false-eyelashes.jpg) no-repeat; 
background-size: 70%;
}
.number-4{background: #eacbd0 url(../images/79.png);background-size: 70%;}
.number-2{background:#FFD1DC7A url(../images/81.png) no-repeat;
background-position: 120% bottom;
}

.slide-text{
display: flex;
padding: 0 5%;
text-align: left;
flex-direction: column;
justify-content: center;
 }
.slide-text h2{
	font-family:'ArticulatCFRegular',sans-serif;
	font-size: 270%;
}

.slide{
	display: flex;
	justify-content: space-between;
	
}
/*404*/
.row{
	display: flex;
justify-content: space-between;
align-items: center;
}
.col{
background: url(../images/top-transformed.png) no-repeat;
background-size:100%;
padding: 12% 10%
}
.col p{
	width: 30%
}
.not{
	color: #e52e71;
	font-family: bold
}
.not span{
	font-size: 500%
}
/*section*/
.arrt{
	margin: 20px 0;
font-weight: 600;
}
.art{
	flex-basis: 70%;

}
.main-d.category{
display:flex;
flex-wrap: wrap}
.img-prod{
	flex-basis: 27%;
margin-left: 3%
}
.img-sec{
	width:100%
	}
.text.prod{
	flex-direction: row-reverse
}
.text{
	margin-top:50px;
	display:flex
}
.img-prod img{
	width:100%;
}
.text p{
	line-height:1.7
}
.grey{border-bottom: 1px dashed #e52e71;
padding: 15px 0;}
.cen h5{
	color: #e52e71;
font-size: 130%;
font-family:ArticulatCFRegular
}
.cen span{
	color: #e52e71;
float: right;
font-weight:bold
}
.cen{
	display:flex;
	flex-direction: column;
	margin-top:50px;position:relative
}
.cen .teg{position: absolute;
left: -12%;
top: -25px;
background: #e52e71;
padding: 10px 20px;
color: #fff;
text-transform:uppercase}
/*хлебные крошки*/
.breadcrumb{margin:10px 5% 0 5%;
color: #383838;
display: flex;
}
.breadcrumb li {
  float: left;
 margin: 10px 0;
}
.breadcrumb li.divider {
  float: left;
 margin: 10px 5px;
 color:#e52e71
}
.breadcrumb li a, .breadcrumb li.fa {
  color:#e52e71;
}
.breadcrumb li a:hover{
	opacity:0.7
}
.box:hover {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  animation-name: example;
  animation-duration: 0.25s;
  border-left: 8px solid #e52e71;
}
/*форма в контактах*/
.frm{
	background:#121921
}
.frm .form-at{
display: flex;
width: auto;
margin: 0 15%;
padding: 50px 0
}
.frm .butt{
min-width: 150px;

}
.frm .validate-input-at, .no-validate-input-at{
	margin-bottom:0
}
textarea::placeholder, input::placeholder {
  font-family: 'ArticulatCFRegular',sans-serif;
  color:#222;
  font-size:100%
}

/*портфолио*/
.tabs {
margin: 30px -0.5%;
    }
.tabs>input[type="radio"] {
      display: none;
    }
.tabs>div.tabus {
      /* скрыть контент по умолчанию */
      display: none;
     margin: 20px 0;
	  }
/* отобразить контент, связанный с вабранной радиокнопкой (input type="radio") */
#tab-btn-1:checked~#content-1,
#tab-btn-2:checked~#content-2,
#tab-btn-3:checked~#content-3,
#tab-btn-4:checked~#content-4,
#tab-btn-5:checked~#content-5,
#tab-btn-6:checked~#content-6,
#tab-btn-7:checked~#content-7,
#tab-btn-8:checked~#content-8 {
  display: flex;
  clear: both;
padding: 10px 0;
}
.tabs>label {
  display: block;
  text-align: center;
   user-select: none;
   font-size: 110%;
  line-height: 1.5;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out;
  cursor: pointer;
  position: relative;
  top: 1px;
background: #e52e71;
color:#fff;
float: left;
margin: 0.5%;
padding: 5px 10px;
}
.tabs>label:hover{opacity:0.8}
.tabs>input[type="radio"]:checked+label {
background: #121921;
}
.works{
padding:20px 0;	
}
label[for] {
 cursor: pointer;
}
 input[type="checkbox"] {
 display: none;
}
 .lightbox, .grids {
 width: 100%;
 position: fixed;
 top: 0;
 left: 0;
}
 .lightbox {
 z-index: 1;
 min-height: 100%;
 overflow: auto;
 -webkit-transform: scale(0);
 -ms-transform: scale(0);
 transform: scale(0);
 -webkit-transition: -webkit-transform .5s ease-out;
 transition: transform .5s ease-out;

}
.lightbox img {
 position: fixed;
 top: 50%;
 left: 50%;
 max-width: 96%;
 max-height: 96%;
 -webkit-transform: translate(-50%, -50%);
 -ms-transform: translate(-50%, -50%);
 transform: translate(-50%, -50%);
 box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
}
 
input[type="checkbox"]:checked + .lightbox {
 -webkit-transform: scale(1);
 -ms-transform: scale(1);
 transform: scale(1);
}
 
input[type="checkbox"]:checked ~ .grid {
 opacity: .125;
}
 
.grids {
 display: -webkit-box;
 display: -webkit-flex;
 display: -ms-flexbox;
 display: flex;
 -webkit-flex-wrap: wrap;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
 -webkit-box-align: start;
 -webkit-align-items: flex-start;
 -ms-flex-align: start;
 align-items: flex-start;
 -webkit-align-content: flex-start;
 -ms-flex-line-pack: start;
 align-content: flex-start;
 z-index: 0;
 height: 100%;
 padding: 30px 0;
 overflow: auto;
 text-align: center;
 -webkit-transition: opacity .75s;
 transition: opacity .75s;
 position:relative;

}

.grids .grid-item {
width: 24%;
margin: 0.5%;
 opacity: .75;
 -webkit-transition: opacity .5s;
 transition: opacity .5s;
}
.grids .grid-item:hover {
 opacity: 1;

}

.grids img {
 max-width: 100%;
 max-height: 100%;
 box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);

}
.cols-12 .grids{
margin:0}
/*новости*/
.rose{margin: 100px 0;
font-size: 160%;
width: 80%;
border-left: 6px solid #e52e71;
padding: 26px;}
.cols-25 img{width:100%}
.box{
	padding: 10px 40px;
box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
transition: all 0.3s cubic-bezier(.25,.8,.25,1);
background:#fff;
border-radius: 10px;
display: inline-block;
width: 30%;
position: relative;margin-bottom: 1rem !important;
  border-left: 8px solid #fff;
    border-right: 8px solid #fff;
	margin:1%;
	
}
.datas{
	margin-top: 10px
}
.main-d.category.news{
	margin: 50px 0;
column-count: 3;
column-gap: 1.25rem;
}
.art li::before {
    color: #e52e71; 
    content: ' \25CF '; 
    padding-right: 10px; 
   }
.art ul{
	margin:2%
}
.art li{
	margin: 5px 0
}
/*отзывы*/
.reviews {
  margin: 50px 0;
  column-count: 3;
  column-gap: 1.25rem;
}
.reviews img{width:100%}
.row_reviews {
  display: inline-block;
  width: 100%;
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
  position: relative;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem;
  margin-bottom: 1rem !important;
  padding: 20px;
}
.reviews .data {
  font-size: 85%;
}
/*контакты*/
.contact{
	padding:100px 15%
}
.adress h1{font-size:150%}
.contacts div{flex-basis: 50%;}
.map img{width:100%}
.map, .form{
	display: flex; 
}
.infor{
	margin-top: 20px
}
.infor p{
	font-size: 140%;
padding: 2px 0;
}
.infor li{
	font-size: 140%;
	margin: 10px 0;
}
.infor ul{
	margin-top: 10px
}
.hsvg{
	width:35px;
	height:35px;
	fill: #e52e71;
	margin-right: 2%;
}
.form{
	background: #fff;flex-direction: column;padding: 30px 2%
}
.contact .icons a{color:#e52e71;font-size:170%}
.contact .icons a:hover{color:#121921;}
.contact .icons {
   margin: 20px 0;
  justify-content: flex-start;
}
.form h2{
	font-size:200%
}
.map iframe{
	height: 100%;
border: none;
width:100%
}
.contacts{ display: flex;flex-wrap: wrap;}
.adress{
	display: flex;
	flex-direction: column;
	padding:30px 2%;
	background:#fff
}
/*подвал*/
.nav__item a{color:#e52e71}
.nav__item a:hover{color:#121921}
.footer {
  display: flex;
  flex-flow: row wrap;
  padding: 30px;
  border-top: 0.13rem solid #e0e2e2;
  color: #e52e71;
  clear: both;
}
.nav__ul a{color: #69686c;

transition: all 0.3s ease 0s;}
.footer > * {
  flex:  1 100%;
}

.footer__addr {
  margin-right: 1.25em;
  margin-bottom: 2em;

}
.footer address iframe{margin:20px 0}
.footer address {
	font-style: normal;
	margin:5% 0;
	display: flex;
	flex-direction: column;
}
.footer ul {
  list-style: none;
  padding-left: 0;
}
.footer li {
  line-height: 2em;
}
.footer__nav {
  display: flex;
	flex-flow: row wrap;
}
.footer__nav > * {
  flex: 1 50%;
  margin-right: 1.25em;
}
.nav__ul a:hover{
  text-decoration: underline
}
 .footer__nav > * {
    flex: 1;
  }
  .footer__addr {
    flex: 1 0px;
  }
  .footer__nav {
    flex: 2 0px;
  }
/*главная*/
/*отзывы*/
.testimonials {
	margin:0;
	padding:50px 7%;
	background:#121921
}

.testimonials .item-box {
  background-color: #fff;
  padding: 50px 30px;
  position: relative;
}
.testimonials .item-box p {
  font-style: normal;
}
.testimonials .item-box .quote {
      position: absolute;
    right: 30px;
    bottom: 30px;
    width: 60px;
    opacity: 0.04;
}
.testimonials .item-box .info {
  margin-top: 30px;
  overflow: hidden;
}
.testimonials .item-box .info .author-img {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  overflow: hidden;
  float: left;
}
.testimonials .item-box .info .cont {
      margin-left: 75px;
    margin-top: 15px;
}
.testimonials .item-box .info .cont h6 {
  color: #101010;
    font-size: 20px;
    margin-bottom: 0;
    line-height: 0.75em;
}
.testimonials .item-box .info .cont span {
   font-family: 'Didact Gothic', sans-serif;
    font-size: 14px;
    color: #e52e71;
}
.testimonials .owl-stage-outer {
  padding: 4% 0 1% 0;
}
.rewies{
	margin: 0 7%
}
.testimonials .owl-item {
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
  opacity: .8;
  -webkit-transition: all .3s;
  transition: all .3s;
    border-bottom: 3px solid transparent;
}
.testimonials .owl-item.active.center {
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
    border-bottom: 2px solid #e52e71;
	border-radius:15px;
	background: #fff
}
.testimonials h2{
	font-size: 200%;
	color: #fff
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{
	background: #e52e71;
border: 1px solid #e52e71
}
.faq{
opacity: 0.8;
background-color: #fff;
padding: 50px 30px;
position: relative;
border-radius: 15px;
height: 100%
}
.faq p{
	padding: 10px 0
}
.text-center{
	text-align:center
}
.effect div.pnk, .pnk{
	width: 200px;
background: #e52e71;
padding: 3px 0;
margin: 10px 0;
}
/*о нас*/
.cur{

width:46%
}
.cur img{
	width: 100%;
margin-top: 40px;
}
.abt p{
	padding: 15px 0;
line-height: 1.5;
}
.about{margin: 100px 7%
}
.effect p, .effect div{padding:25px 0}
.abt{
font-size: 130%;
	width:46%
}
.butt{
  
  padding: 10px 20px;
border-radius:3rem;
  transition: all 0.5s ease-out;
 background:#e52e71;
  background-position: 1% 50%;
  background-size: 300% 300%;
  color:#fff;
  border:1px solid rgba(255,255,255,0);
  background-image: linear-gradient(45deg, transparent 0%, transparent 75%, rgba(255,255,255,0.8) 75%, transparent 100%);
font-weight: bold
}
.butt:hover, .form-at-btn:hover{ 
  background-position:150% top
}
/*запись*/
.zap{
	margin: 50px 0;
		display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
}

.results{padding:50px 7%;
color: #fff;
background: #121921;
margin-top: 50px}	

.box-timeline{
  counter-reset: session 0;
  position: relative
}

.box-timeline li{
  list-style: none;
  float: left;
  position: relative;
  text-align: center;
  font-size: 110%
}

.box-timeline ul:nth-child(1){
  color: #4caf50
}
.tab-style-1{
	width:100%
}
.box-timeline li:before{
  content: close-quote;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  display: block;
  text-align: center;
  line-height: 30px;
  margin: 0 auto 10px auto;
  background:#e52e71;
  color: #F1F1F1
}

.box-timeline li:after{
  content: "";
  position: absolute;
  width: 100%;
  height: 4px;
  background-color: #e52e71;
  top: 6px;
  left: -50%;
  z-index: -999;
  transition: all ease-in-out .3s
}

.box-timeline li:first-child:after{
  content: none
}
 .box-timeline.weeks-5 li{width: 20%;} 
.zapis{
flex-wrap: wrap;
display: flex;
justify-content: flex-start;
background: #fff;
margin: 0 19%;
padding: 20px 0;
position: relative;
z-index: 99;
border-radius: 15px;
top: -65px}	
.kno{
	display: flex;
margin: 40px 0;
width: 100%;
justify-content: center
}
.kno .butt {
   margin: 0 1%;
}
.results h2{
	font-size: 300%
}
.results h3{
	font-size: 200%
}
.zap p{
	font-size: 120%;
	line-height: 2;
	
}
/*обучение*/
.obu{
	border: 2px solid #da2c6c;
padding: 40px;
margin: 10px 0;
width: 90%;
border-radius: 15px
}
.groop{
	display: flex;
flex-direction: column;
width: 35%;
justify-content: space-between;
color: #f5f8fb
}
.img img{

	 border-radius: 15px;
}
div.img {
 width: 45%;
display: flex;
margin: 10px 0;
 }
.bu{
	margin-top: 20px;
display: block;
color: #f5f8fb
}
.bu:hover{
	text-decoration: underline
}
.groop h3{
	margin-bottom: 10%;
	font-family: bold;
	font-size: 200%;
line-height: 1.2;
}
.mas{
border: 2px solid #f5f8fb;
padding: 50px;
margin: 1% 0;
width: 90%;
border-radius: 15px
}

.wrp{
	display: flex;
	justify-content: center;
	flex-direction: row;
	}
.teach{
	 background: linear-gradient(to right, #121921 70%, #f5f8fb 30%);
	 padding: 5%;

}

/*услуги*/

.hover-image-scale {
  display: inline-block;
  overflow: hidden;
  position: relative;
  height: 100%;
width:100%
}
.uslugi{
	flex-basis:33.3%;text-align: center;padding: 30px
}
.hover-image-scale img {
  transition: 1s;
  display: block;
  width: 100%;
  height: 100%;
}
.gradient:after {
	content: "";
	display: block;
	width: 100%;
	height: 40%;    
	position: absolute;
	top: 0;    
	left: 0;   
	background: transparent;
	background-image: linear-gradient(to top, #0d0d0d03, #000);
	opacity: 0.8;    
}

.hover-image-scale img:hover{
	transform: scale(1.2);
	cursor: pointer
}
.card{
	margin: 2%;
flex-basis: 29%
}

.section{
display: flex; margin: 0 15%;
flex-wrap: wrap;}
.col-2{position:absolute;top:0;padding: 10px;color: #fff;max-width: 80%;font-size: 150%;}
/*курсы*/
.row.avtor{
	background: #121921;
color: #fff;
padding: 50px 10%;
margin-top: 50px;
}
.avtor div.zapiss{
	border: 1px solid #fff;
padding: 20px;
border-radius: 15px;
}
.avtor h3{font-size: 175%;}
.avtor div{margin: 0 5%;
text-align: center;flex-basis: 50%;}
.avtor img{
width: 80%;
 border-radius: 15px;
 display:block;
 margin: 0 auto;}
.icons{display: flex;
width: 100%;
margin: 30px 0;
justify-content: center;}
.icons li{margin: 0 2%;}
.avtor a{color: #fff;
font-size: 140%;}
.avtor a:hover{color:#e52e71}
.avtor .form-at {
  width: auto;
}
.avtor .form-at .validate-input-at.w-50, .no-validate-input-at.w-50 {
margin: 0 0 40px 0;
}
.avtor .form-at .validate-input-at.w-50:first-child, .no-validate-input-at.w-50:first-childб {
margin: 0 0 40px 0;
}
.product{padding:0 7%;font-size:110%}
.img-product{width: 100%;}
.product p{line-height:1.6}
.product ul {
  margin: 2%;
}
.product .row{margin: 20px -2%;align-items: stretch;}
.product .row .card{margin: 2%;
flex-basis: 25%;
border: 2px solid #e52e71;
padding: 2%;
text-align: center;
border-radius: 15px;
display: flex;
align-items: center;
justify-content: center;}
.product li {
  margin: 5px 0;
}
.product li::before {
  color: #e52e71;
  content: ' \25CF ';
  padding-right: 10px;
}
.tegs ul{margin: 30px 0;
display: flex;
flex-wrap: wrap;}
.tegs ul li{background: #e52e71;
width: auto;
padding: 5px 10px;
color: #fff;
margin: 1%;}
.wrapper.row{
	align-items: flex-start;
}
/*цены*/
span.min{font-size:70%}	
#plus{padding: 100px 7%;
background: url(../images/96.png) no-repeat;
background-position:right
}
.pluss{display: flex;
flex-wrap: wrap;
margin: 50px -1.5%;
}
.cols-12 .pluss .col-20{flex-basis: 22%;}
.pluss .col-20{flex-basis: 20%;
position: relative;
margin:1.5%;
background:#fff;
border-radius: 15px;
border:1px solid #eeeeef}
.pluss .col-20:hover{box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.15) !important;
transition: 0.3s;}
.pluss img{
width:100%;
border-radius:15px
}
.pluss ul{
	list-style: disc;
padding-left: 35px
}
.pluss li::marker{
	color: #e52e71;
	font-size: 20px;
}
.pluss h3{
	font-size: 130%
}
.zapis .form-at {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 100%
}

.red{
	color: #e52e71
}
.pin{
	font-weight: 600;
display: block;
margin: 5px 0
}
/*преимущества*/
.wrap .effect{width: 40%;}
.wrap{padding: 20px 7%; 
background: url(../images/97.png) no-repeat;
background-position: left bottom;
}
.wrap .flex{display:flex;flex-wrap:wrap;width: 70%; margin-left:35%}	
.wrap .flex .card{flex-basis: 46%;
display: flex;
flex-direction: column;
margin: 0 1%;}	

.wrap .card h3{padding:20px 0;font-size:140%}	
.price{
text-align: center;
color: #e52e71;
font-size: 150%}

/*вопрос-ответ*/
.acor-container {
    margin: 50px 10%
}
.acor-container .acor-body {
    background:#da2c6c0a;
    transition: color 0.5s, padding 0.5s;
    overflow: hidden;
	height:0;
	color: #121921
 }
.acor-container .acor-body p {
    margin: 0 0 10px;
}
.acor-container label {
    cursor: pointer;
    background: #121921;
    display: block;
    padding: 25px;
    width: 100%;
    font-weight: 300;
    z-index: 100;
    font-family: Verdana, sans-serif;   
    font-size: 18px;
    margin: 0 0 5px;
    transition: color .35s;
	color: #fff
}

.acor-container input{
    display: none;
}
.acor-container label:before {
    content: '\276F';
    float: right;
	color:#e52e71
}

.acor-container input:checked + label:before {
    transition: transform .35s;
    transform: rotate(90deg);
}
.acor-container input:checked + label + .acor-body {
    height: auto;
   
    padding: 20px 30px 10px;
}
.question{padding: 100px 7%}

.pluss h3{margin:20px 0; text-align: center}

/*шапка*/
.logo img{
	width:120px;
}
.header__container {
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: center;
}
.header{
	display: flex;
background:#121921;
	z-index:10;
	padding:2px 5%;
	width: 100%;
overflow: hidden;
}
.phone{
	font-size: 160%;
color:#fff;
	font-weight:bold;
}
.phone:hover{color:#e52e71}
.tel i {
  font-size: 140%;
  color: #fff;
  padding: 8px;
 

}

/*меню*/
#menu-cont{
display: flex;
}


.top-menu > li {
	display: inline-block;
	padding: 18px
	
}
.top-menu > li > a {
	display:inline-block;
	 -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
   text-decoration:none;
	margin-top: 10px;
	text-transform: uppercase;
	letter-spacing: 1.5px;
	color: #fff;
	transition: .2s linear;
	
}
.top-menu > li > a:hover {
	color: #e52e71;
    text-decoration:none;}
	.top-menu > li > a:after  {
   display: block;
content: "";
height: 2px;
width: 0%;
background-color: #e52e71;
transition: width 0.4s ease-in-out;
margin: 5px 0;
}
.top-menu > li > a:hover:after,
.top-menu > li > a:focus:after {
    width: 100%;
}
/*пагинация*/
.pagination{display: flex;
align-items: center;
justify-content: center;}
.pagination a{background: #121921;
display: flex;
width: 25px;
height: 25px;
align-items: center;
justify-content: center;
color: #fff;
border-radius: 50%;
margin: 0 5px;
font-size: 120%;}
.pagination span{background: #e52e71;
display: flex;
width: 25px;
height: 25px;
align-items: center;
justify-content: center;
color: #fff;
border-radius: 50%;
margin: 0 5px;
font-size: 120%;}

/*форма*/
::-webkit-input-placeholder {font-size: 16px;}
::-moz-placeholder {font-size: 16px;}         
:-moz-placeholder {font-size: 16px;}
:-ms-input-placeholder {font-size: 16px;}
:focus::-webkit-input-placeholder {opacity: 0;}    
:focus::-moz-placeholder {opacity: 0;}    
:focus:-moz-placeholder {opacity: 0;}    
:focus:-ms-input-placeholder {opacity: 0;}    
.form-at {
    width: 100%;
    padding: 15px 0;
    overflow: hidden;
    font-size: 0;  
    letter-spacing: 0
}

.validate-input-at,
.no-validate-input-at {
    width: 100%;
    position: relative;
    background-color: #f5f8fb;
    border-radius: 2px;
    margin-bottom: 20px;
}
.validate-input-at.w-50,
.no-validate-input-at.w-50 {
    display: inline-block;
 margin-right: 40px;
}
.validate-input-at.w-50:first-child,
.no-validate-input-at.w-50:first-child {
    margin-right: 40px;
}
.input-at {
    display: block;
    width: 100%;
    background: transparent;
    color: #000;
}
input.input-at {
    height: 50px;
    padding: 0 20px 0 20px;
    font-size: 16px;
    outline: none;
    border: none;  
}
textarea.input-at {
    min-height: 120px;
    padding: 18px 20px;
    font-size: 16px;
    line-height: 22px;
    outline: none;
    border: none;
    resize: none;
}
textarea.input-at:focus, 
input.input-at:focus {
    border-color: transparent;
}
.focus-input-at {
    position: absolute;
    display: block;
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    top: -1px;
    left: -1px;
    pointer-events: none;
    border-bottom: 2px solid #e52e71;
    border-radius: 2px;
    visibility: hidden;
    opacity: 0;
    transition: all 0.4s;
    transform: scaleX(1.1) scaleY(1.3);
}
.input-at:focus + .focus-input-at {
    visibility: visible;
    opacity: 1;
    transform: scale(1);
}
.alert-validate::before {
    content: attr(data-validate);
    position: absolute;
    max-width: 70%;
    background-color: #fff;
    border: 1px solid #c80000;
    border-radius: 2px;
    padding: 4px 25px 4px 10px;
    top: 50%;
    transform: translateY(-50%);
    right: 12px;
    pointer-events: none;
    color: #c80000;
    font-size: 13px;
    line-height: 1.4;
    text-align: left;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.4s;
}
.alert-validate::after {
    content: "\f129";
    display: block;
    position: absolute;
    color: #c80000;
    font-size: 18px;
    font-weight: bold;    
    top: 50%;
    transform: translateY(-50%);
    right: 22px;
}
.alert-validate:hover:before {
    visibility: visible;
    opacity: 1;
}
.error-at {
    color: red;
    padding: 10px 0;
}
.success-at {
    color: green;
    font-size: 28px;
    padding: 20px 0;
    text-align: center;
}
.form-at input[type=checkbox] {
    display:none;
}
.form-at input[type=checkbox] + label {
    display: block;
    position: relative;
    margin: 0 0 20px 34px;
    font-size: 13px;
    line-height: 24px;
    color: #333333;
}
.form-at input[type=checkbox] + label:before {
    box-sizing: border-box;
    position: absolute;
    content: '';
    width: 26px;
    height: 26px;
    line-height: 22px;
    left: -34px;
    border: 1px solid #e52e71;
    border-radius: 2px;
}
.form-at input[type=checkbox]:checked + label:before{
content: '\2714';
color: #E52E71;
font-size: 14px;
text-align: center;
font-weight: bold;
border: 2px solid #e52e71;
}
/*мобильное меню*/
.menu-icon{cursor:pointer;display:none;height:30px;position:relative;width:30px;
z-index:19}.menu-icon-line{background:#e52e71;height:2px;position:relative;width:30px}
.menu-icon-line::before{background:#e52e71;content:"";height:3px;left:0;position:absolute;
top:-10px;transition:transform 0.2s ease-in,top 0.2s linear 0.2s;width:30px}
.menu-icon-line::after{background:#e52e71;content:"";height:3px;left:0;position:absolute;transition:transform 0.2s ease-in,top 0.2s linear 0.2s;top:10px;width:30px}
.menu-icon.menu-icon-active .menu-icon-line{background-color:transparent;position:fixed}
.menu-icon.menu-icon-active .menu-icon-line::before{top:0;transform:rotate(45deg);background:#e52e71;transition:top 0.2s linear,transform 0.2s ease-in 0.2s}
.menu-icon.menu-icon-active .menu-icon-line::after{top:0;transform:rotate(-45deg);background:#e52e71;transition:top 0.2s linear,transform 0.2s ease-in 0.2s}
.mobile-nav{overflow-y:auto;background:#fff;display:block;height:100%;padding:20px;position:fixed;right:-300px;top:0;transition:transform 0.4s ease-in;width:300px;z-index:9}
.mobile-nav--active{transform:translateX(-100%);color:#333}
.mobile-nav__list{margin:60px 0}
.mobile-nav__list li a:hover{color:#e03550}
.ul_menu li{border-bottom:1px solid #e8e8e1}
.mobile-nav__list li a{font-size: 16px;
display: block;
padding: 15px 20px;
color:#e52e71
}
.mobile-nav__list li a:hover, .ul_menu li a:hover{color:#121921}
.mobile-nav__list .ul_menu li a{color:#69686c;padding: 10px 20px;}
.ul_menu{margin-left:10px}
.wrapper{padding:50px 7%}
.wrapper p{font-size:105%}
.wrapper h2{padding:50px 0}

@media screen and (min-width:1600px) {
}

@media (max-width:1440px){
.abt .teg1{
position: absolute;
left: -8%;
bottom: 15px;
background: #e52e71;
color: #fff;
padding: 10px 30px;
	}
.row {
  position:relative;
align-items: flex-start;
}
.price {
  padding: 70px 5%;
  
}
.groop {
   width: 55%;
 }
}
@media (max-width:1280px){
div.img {
  width: 60%;
}
.slide-text p.teg {
  position: absolute;
  right: 0;
  bottom: 40px;
  background: #e52e71de;
  padding: 10px 20px;
  color: #fff;
}
.zapis {
 
  top: -55px;
}
.hover-image-scale {
   width: 100%;
}
.header {
  font-size: 80%;
}
.row {
  align-items: top;
}
.abt {
  font-size: 110%;
}
}
@media (max-width:1200px){
div.img {
   align-items: center;
}
.zapis {
   margin: 0 5%;
}
.top-menu > li {
    padding: 18px 10px;
}	
.section {
  margin: 0 10%;
}
.price .card {
  width: 45%;
 }
#plus {
   background-size: 60%;
}
#plus {
  background-position: right bottom;
}
.wrap .flex{
 background: #f5f8fbb0;
 padding: 20px;
}
.contact {
  padding: 100px 10%;
}
}
@media (max-width:1100px){
.text {
 display: block;
}
.img-prod {
   float: right;
  width: 40%;
}
.wrap .flex .card {
  margin: 0 1%;
}	
.wrap .effect {
  width: 50%;
}	
.slide-text {
   font-size: 90%;
}
.section {
  margin: 0 5%;
}
.wrap {
  background-position: left bottom;
}
.pluss .col-20 {
  flex-basis: 30.2%;
 background: #ffffffd6;
}	
.top-menu > li {
  padding: 10px;
}
.question {
  padding: 50px 2%;
}
.acor-container {
  margin: 50px 10%;
}	
.price {
  padding: 70px 0;
}
#contact {
 padding: 50px 5%;
}
.top-menu > li > a {
  letter-spacing: 1.2px;
  font-size: 90%;
}
.phone {
  font-size: 140%;
}
.container {
  padding: 0 5%;
}
.cen .teg {
   left: -8.5%;
 }
}
@media (max-width:973px){
.contact {
  padding: 100px 5%;
}
.row.avtor {
 padding: 50px 5%;
}
.frm .form-at {
   margin: 0 10%;
  }
.box{width:48%}
.wrap {
  background-position: -50% bottom;
}
.wrap .flex {
  width: 80%;
  margin-left: 20%;
}	
.slide-text {
   font-size: 80%;
}
.wrap {
  flex-direction: column;
}
.plup {
  font-size: 220%;
  width: 68%;
}	
.footer__addr {
   flex-basis: 100%;
}
.uslugi {
   padding: 10px;
}
.header__container {
  font-size: 80%;
}
div.img {
  width: 55%;
}
.groop {
  width: 45%;
}
}
@media (max-width:860px){
.contacts div.adress{background:none;flex-basis:100%}
.contacts div.form {
  flex-basis: 100%;padding: 30px 10%;
}
.avtor div {
  margin: 0 2%;
 }
.frm input::placeholder {
   font-size: 80%;
}
.frm .form-at {
  margin: 0 5%;
}
.img img {
  height: auto;
}	
.wrap .effect {
  width: 70%;
}
.wrap .flex .card {
 flex-basis:100%;
  margin: 1% 0;
}
.slide-text h2 {
   font-size: 200%;
}	
#plus {
  background-position: right center;
}
.pluss img {
  width: 50%;
 
}	
.pluss {
   flex-direction: column;
}	
	.pluss .col-20 {
  flex-basis: 60%;
  padding: 15px;
  display: flex;
  align-items: center;
  padding: 0;
}
.pluss ul {
   flex-basis: 100%;
}
.col-20 div{padding:0 5%;
flex-basis:60%;
display: flex;
flex-wrap: wrap;
justify-content: space-around;}
.price {
padding: 20px 0;}	
.pluss h3 {
  margin:0;
  position: absolute;
  background: #e52e71e0;
  padding: 10px 20px;
  color: #fff;
  top: 0;
}
.header {
   padding: 10px 5%;
}
#menu-cont {
  display: none;
}	
.menu-icon{display:block;justify-content:center;align-items:center;right:2%;position:absolute;top:70px}
#contact .card ul li {
  text-align: center;
 }
#contact {
flex-wrap: wrap;
}
#contact .card{flex-basis:50%}
.zapis p {
  font-size: 120%;
}		
.img-left {
  width: 100%;
  margin: 0 auto;}
}
@media(max-width:768px){
.reviews {
   column-count: 2;
 }
.row.avtor {
  padding: 50px 2%;
 flex-direction:row
}
.grids .grid-item {
  width: 49%;
 
}
.wrapper .effect p, .effect div {
  padding: 15px 0;
}

.alert-validate::before {
	visibility: visible;
	opacity: 1;
}
div.img {
 width: 46%;
position: absolute;
top: 0;
right: 0;
}
.img img {
  width: 100%;
}
.wrap {
  background-position: -1000% bottom;
}
.abt .teg1 {
   bottom: auto;
 }
.number-3 {
  background-position: right bottom;
  background-size: auto;
   background: #f2e3c4 url(../images/noumber4.png) no-repeat;
}
.card {
   flex-basis: 46%;
}
.slide-text {
  padding: 0 10%;
 height:500px
}
.slide {
  display: block;
}
.slide-text p.teg {
  position: relative;
  bottom: 0;
  background: none;
  padding: 0;
  color: #212121;
}
.slide-text {
  font-size: 90%;
}
.teach {
  background: #121921;
   margin: 0;
}
.wrp {
  flex-direction: column;
  position: relative;
}
.groop {
   z-index: 10;
}
.mas{width: 180%;
margin: 20px 0;}
.obu {
  width: 100%;
 }
.zapis {
  font-size:80%;
}	
.abt {
  width: 100%;
}
.cur {
    width: 100%;
}	
.row {
   flex-direction: column;
}
.acor-container {
  margin: 50px 5%;
}	
.zapis .form-at {
  justify-content: space-between;
}	
}
@media(max-width:676px){
.contacts div {
  flex-basis: 100%;
}
.contacts div.adress{
	order:0
}
.contacts div.form{
	order:4
}
.map iframe {
  height: 400px;
 }
.row.avtor {
  padding: 50px 5%;
 flex-direction:column
}	
.avtor div.zapiss {
   margin-top: 30px;
}
.avtor img {
  width: 40%;
  margin: 0 2% 0 0;
  float: left;
}
.main h2, .adress h1, .wrapper h1 {
  font-size: 150%;
}
.img-prod {
  float: none;
  width: 100%;
  margin-left: 0;
}

.validate-input-at, .no-validate-input-at {
  margin: 20px 0;
  }
 .frm .butt {
   margin: 30px auto;
}
.validate-input-at.w-50, .no-validate-input-at.w-50, .validate-input-at.w-50:first-child {
  margin-right: 0;
}
.frm{padding: 0 10%;}
address{color: #706f72;}
.footer__nav {
   flex-direction: column;
}
.wrap .flex .card {
  width: 100%;
}	
.plup {
  font-size: 180%;
  width: 100%;
}
.pluss .col-20 {
  background: #ffffffd4;
 }
.uslugi {
  flex-basis: 50%;
  }
.glass-btn {
   margin: 20px auto;
}
.form-at {
   flex-wrap: wrap;
   margin: 2% 0;
  }
.img-left {
  width: 100%;
}
#contact .card {
  flex-basis: 100%;
 }
.zapis {
  font-size: 70%;
}
.groop h3 {
  font-size: 160%;
  }
}
@media (max-width:580px){
.box{width:100%}
.wrap .flex {
  width: 100%;
  margin-left: 0;
}
#plus {
  padding: 0 7%;
}
.section {
   padding: 50px 0;
}
.about {
  margin: 50px 7%;
}
.box-timeline li::after {
  background: none;
}	
.box-timeline.weeks-5 li {
  width: 100%;
    display: flex;
	margin:10px 0
}
.box-timeline li::before {
margin: 3px 10px 4px 0
}
.pin{
	margin: 0;
font-size: 150%;
}
.red, .time{
	font-size:130%;
	justify-content: flex-end;
flex-grow: 1;
display: flex;
}
.tab-style-1{
	padding: 0 10%
}
.groop {
  width: 55%;
}
}
@media (max-width:530px){
	.reviews {
   column-count: 1;
 }
.avtor div.forma {
  margin: 0;
 }
.avtor img {
   margin: 0 auto;
  float: none;
}
.mas, .obu {
  width: 100%;
  margin: 10px 0;
}
.groop {
  width: 100%;
}
div.img {
  display: none;
}
.wrap {
  background:none;
}
.effect {
  font-size: 150%;
}
.number-2 {
  background-position: 150% bottom;
}
.zapis {
   top: -45px;
}	
.results h2 {
  font-size: 200%;
 }
.acor-container label {
   font-size: 100%;
}	
.slide-text {
  padding: 50px 10%;
}
}
@media (max-width:495px){
.number-2 {
  background-size: 50%;
}
.pluss .col-20 {
  flex-basis: 100%;
  display: block;
 }
 .col-20 div {
  display: block;
  
}
#plus {
  background: none;
}	
.pluss img {
  width: 100%;
 }
.pluss h3 {
 margin: 20px 0;
  position: relative;
  background: none;
  padding: 0;
  color: #333;
 
} 
.uslugi {
  flex-basis: 50%;
 }
	.spin_sec {

  display: block;
}
	.flex p {

  width: 100%;

}
}
@media (max-width:411px){
.grids .grid-item {
  width: 100%;
 }
.kno .butt {
  margin: 10px 0;
}
.results div {
  flex-direction: column;
}	
.section .card {
  margin:2% 0;
}
.section{display:block}
.number-2{
  background-position: 200% bottom;
}

.col-40 {
    margin: 20px 0;
}
.col-30 {

  margin: 20px 0;
}

#zapis {
  padding: 30px 1%;
 margin:20px 0
}
.logo img {
  width: 50px;
}

.phone {
  font-size: 120%;
}

}
@media (max-width:390px){
.number-2 {
  background-position: 900% bottom;
}
	.tel i{display:none}
.box-timeline li::before {
  margin: 0;
  width: 0;
}	
.box-timeline.weeks-5 li {
 border-bottom: 1px dashed #000;
padding: 15px 0;
  margin: 5px 0;
  display: block;
}
.red, .time {
    display: block;
}
}
@media (max-width:300px){
.frm {
  padding: 0 5%;
}
.slide-text .butt {
   display: none;
}	
.uslugi {
  flex-basis: 100%;
}
.plus .butt{
	color: #e52e71;
	background: none;
}
.plus .butt:hover{
	text-decoration:underline;
	opacity:0.8
}
}