@import url('https://fonts.googleapis.com/css?family=Play:400,700&display=swap&subset=cyrillic,cyrillic-ext');
* { font-family: 'Play', Arial, sans-serif;

color: #252525;
font-size: 16px;
line-height: 18px;

}



.header {

	position: relative;
	background: url(../img/header/bg.jpg) 50% 50% no-repeat;
	margin: 0 auto;
	background-size: cover;
	
}

.header .wrapper {

	padding-top: 0px;

}

.header .top {
	overflow: hidden;

}

.header .top .item {
	float: left;
	width: 31.7%;
	margin: 0 0 0 1%;
	overflow: hidden;
}
.header .top .logo {

	


}


.header .top .time {


	color:white;
	margin-top: 13px;
	font-weight: 600;
	line-height: 25px;
	font-size: 18px;
}
.header .top .logo img {

	float:left;
	width: 270px;

}

.header .top .contacts {

	
}

.header .top .contacts .phone {

	margin-top: 0px;
	margin-bottom: 5px;
	text-align: right;


}

.header .top .contacts .phone a {

	font-size: 29px;
	color:white;
	font-weight: 700;
	
}


.header .top .contacts .e-mail{

	text-align: right;
	margin-bottom: 15px;
}

.header .top .contacts .e-mail a{
	font-size: 18px;
	color:white;
	letter-spacing: 1px;
}

.header .top .contacts .e-mail i{

	margin-right: 3px;
}


.header .top .contacts .callback {
  float: right;  
  display: inline-block;
  font-weight: 500;
  text-decoration: none;
  user-select: none;
  padding: .6em 1.8em;
  outline: none;
  transition: .4s;
  font-size: 13px;
  border-radius: 30px;
  background: yellow;
  border: yellow;
  color: black;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.05);
}


.header .top .contacts .callback:hover { 

  background: yellow;
  border: yellow;
  text-decoration: underline;
}

.header .top .contacts .callback:active { 
	

}


.header h1 {

	color:white;
	margin-top: 160px;
	font-weight: 700;
	letter-spacing: 0px;
	margin-bottom: 80px;

}

.header h1 span {

	color:yellow;
	font-size: 45px;
}

.header .h1-description {

	color:white;
	font-size: 26px;
	line-height: 32px;
	font-weight: 400;
	letter-spacing: 0px;
	margin: 0 auto;
	margin-bottom: 80px;
	background: rgba(60,60,60,0.7);
	padding: 15px;
	width: 70%;

	

}


.header .h1-description span {

	font-size: 26px;
	color:yellow;
	font-weight: 600;

	
}




.header h3 {
	
	margin: 0 auto;
	margin-bottom: 60px;
	color:white;
	font-size: 23px;
	line-height: 40px;
	font-weight: 500;
	letter-spacing: 1px;
	text-transform: uppercase;
	background: rgba(30,30,30,0.7);
	padding: 15px;
	width: 55%;


}

.header .main-form-mob {

  display: none;
}



@media screen and (max-width:1200px) {

.header .wrapper {

	padding-top: 20px;
}

.header h1 {	


	font-size: 40px;
	line-height: 50px;

	
}


.header h3 {
	

	width: 75%;


}


}


@media screen and (max-width:900px) {

.header .main-form-mob {

  display: block;
}

.header .time {

	display: none;
}

.header .top .item {

	float: none;
	margin: 0 auto;
	width: 47%;
}
.header .top .contacts {

	float: right;
}

.header .top .logo {

	float: left;
}
.header .popup-button {

  display: none;
}



.header h1 {	


	font-size: 35px;
	line-height: 45px;

	
}


.header h3 {
	

	margin-bottom: 50px;
	font-size: 18px;
	line-height: 26px;
	font-weight: 400;
	letter-spacing: 0px;
	width: 80%;


}


}

@media screen and (max-width:650px) {

.header {

	background: url(../img/header/bg-mob.jpg) 50% 30% no-repeat;
}
.header .top .item {

	float: none;
	margin: 0 auto;
	width: 100%;
}

.header .top .logo {

	display: none;
	float: none;
	width: 200px;
	margin:0 auto;

}



.header .top .contacts {

	float: none;
}

.header .top .contacts .phone {

	text-align: center;
	margin-top: 15px;
	margin-bottom: 9px;


}

.header .top .contacts .phone a {

	font-size: 30px;

	
}


.header .top .contacts .e-mail{

	text-align: center;
	margin-bottom: 0px;
}





.header .top .contacts .callback {
  float: none;  
  display: none;

}

.header h1 {

	text-transform: uppercase;
	font-size: 26px;
	line-height: 32px;
	margin-top: 60px;
	letter-spacing: 0px;
	margin-bottom: 50px;

}

.header h1 span {

	font-size: 26px;
}

.header .h1-description {


	width: 90%;

	font-size: 20px;
	line-height: 26px;
	font-weight: 400;




}


.header .h1-description span {

	font-size: 20px;
	color:yellow;
	font-weight: 400;

	
}



}


@media screen and (max-width:450px) {


.header .top .contacts .phone a {

	font-size: 26px;

	
}


.header h1 {


	font-size: 24px;
	line-height: 30px;


}

.header h1 span {

	font-size: 24px;
}





}

/*ПРЕИМУЩЕСТВА*/

.eggs {
	
	background: #f6f6f6;
	margin:0 auto;
	box-shadow:inset 3px 3px 5px rgba(84, 84, 84, 0.10);
}



.eggs h3 {
	
	font-size: 20px;
	line-height: 27px;
	
}

.eggs img {
	
	width:120px;
	margin-bottom:25px;

}



.eggs .line {

	width: 80%;
	height: 2px;
	background: #ea4747;
	margin: 20px auto 12px;
	opacity: 0.65;
}



.eggs p {

	font-size: 16px;
	line-height: 25px;
	text-align: center;
	color:#4e4e4e;

}


.eggs .items {
	
	overflow: hidden;
	margin-bottom: 70px;
	
}


.eggs .items-last {
	

	margin-bottom: 0px;
	
}


.eggs .item {
	
	width:27%;
	text-align:center;
	margin:0px 0px 0px 4.75%;
	float:left;

}


@media screen and (max-width:850px) {


.eggs .items-last {

	display: none;
}
.eggs .items {
	
	padding-top: 0px;
	
}


.eggs p {

	font-size: 16px;
	line-height: 24px;
	text-align: center;
	color:#4e4e4e;

}


.eggs .item {
	
	width:80%;
	text-align:center;
	margin:0 auto 50px;
	float:none;

}

.eggs .last {

	margin: 0 auto;
}


}


@media screen and (max-width:500px) {

.eggs .item {
	
	width:100%;


}

}




/*GALLERY*/


.gallery {

	background: url(../img/video/bg.jpg) 50% 50% no-repeat;
	background-size: cover;
	box-shadow:inset 3px 3px 5px rgba(84, 84, 84, 0.30);
}

.gallery h2 {

	color:white;
	padding-bottom: 70px;
}
.gallery  .items {


	overflow: hidden;
	padding-top: 10px;
	padding-bottom: 10px;
	

}


.gallery  .items .item {


	float: left;
	width: 28%;
	margin: 0 0 0 3.8%;
	border:2px solid rgba(255,255,255,0.85);
	box-shadow: 3px 3px 5px rgba(84, 84, 84, 0.30);
	
	
}



.gallery .items .item img {

	width: 100%;
	margin-bottom: -4px;
	
}




.gallery .video {

	margin-top: 70px;

}

.gallery .video h3 {

	color:white;
	padding-bottom: 70px;
}


.gallery .video iframe {

	border: 2px solid rgba(255,255,255,0.7);
	border-radius: 5px;
	box-shadow: 3px 3px 5px rgba(84, 84, 84, 0.40);
}


.gallery .video h4 {

	color:white;
}

.gallery .video .h4-description {

	color:white;
	margin-bottom: 50px;
}


/*ПРОВЕРКА*/

.test {


	background: url(../img/test/bg.jpg) 50% 50%;
	margin: 0 auto;
	
	box-shadow:inset 3px 3px 5px rgba(84, 84, 84, 0.30);
}


.test h2 {

	color:white;
}
.test h2 span{

	text-align: center;
	text-transform: uppercase;
	font-size: 44px;
	line-height: 54px;
	font-weight: 500;
	color: yellow;

	
	
}
.test .items {

	overflow: hidden;

}

.test .items .item {

	float: left;
	
}

.test .items .item-1 {

	width: 55%;
	margin-right: 45px;
	
}

.test .items .item img{

	width: 95%;
}

.test .items .item-2 {

	width: 40%;
	
}



.test .items .item p {

	text-align: left;
	margin-bottom: 50px;
	font-size: 18px;
	line-height: 26px;
	color:white;
	
}

.test  i {

	color:#53bd19;
	
}

.test .items .item .button-description {

	margin-top: 40px;
	color:white;
}




@media screen and (max-width:1000px) {

.test {

	background: url(../img/test/bg.jpg) 50% 50%;

}


.test .items .item-1 {

	width: 100%;
	margin-right: 0px;
	
}
.test .items .item-2 {

	display: none;
	
}
}


@media screen and (max-width:850px) {


.test h2 span{

	text-align: center;
	text-transform: uppercase;
	font-size: 35px;
	line-height: 42px;
	font-weight: 500;
	color: yellow;

	
	
}



.test .items .item p {

	font-size: 16px;
	line-height: 23px;

	
}


}


/*ГАРАНТИЯ*/

.guarantee {

	background: url(../img/guarantee/bg.jpg) 50% 50%;
	background-size: cover;
}



.guarantee .items {

	overflow: hidden;

}

.guarantee .items .item {

	float: left;
	
}

.guarantee .items .item-1 {

	width: 35%;
	margin-right: 45px;
	
}

.guarantee .items .item img{

	width: 95%;
}

.guarantee .items .item-2 {

	width: 55%;
	
}



.guarantee .items .item p {

	text-align: left;
	margin-bottom: 30px;
	font-size: 19px;
	line-height: 28px;

}



.guarantee .button-description {

	margin-top: 40px;
}

.guarantee .text {

	margin-top: 40px;
	margin-bottom: 40px;
	font-weight: 500;
	font-size: 20px;
	line-height: 29px;
}

.guarantee i {

	color: #53bd19;
}

@media screen and (max-width:980px) {

.guarantee .items .item {

	float: none;
	
}

.guarantee .items .item-1 {

	width: 55%;
	margin-right: 0px;
	margin: 0 auto 50px;
	
}

.guarantee .items .item img{

	width: 95%;
}

.guarantee .items .item-2 {

	width: 100%;
	
}

}

@media screen and (max-width:850px) {


.guarantee .items .item p {

	font-size: 16px;
	line-height: 23px;

	
}


.guarantee .text {


	font-size: 18px;
	line-height: 26px;
}


}

@media screen and (max-width:500px) {



.guarantee .items .item-1 {

	width: 95%;
	margin-right: 0px;
	margin: 0 auto 50px;
	
}



}




/*ADVANTAGES*/

.advantages {

	background: url(../img/advantages/bg.jpg) 50% 80%;
}

.advantages h2 {

	color:white;
	margin: 0 auto;
	
}

.advantages h3 {

	padding-bottom: 40px;
	color:white;
	text-align: center;
	font-size: 24px;
	line-height: 32px;
	letter-spacing: 1px;

}
.advantages .items {
	
	
	overflow: hidden;
}
.advantages .items .item {

	padding-bottom:25px;

	float: left;
	margin: 0 0 0 2.4%;
	width: 46%;
	



}



.advantages .items .item img {

	width: 20px;
	float: left;
	margin-right: 10px;
	


}



.advantages .items .item p {

	font-size: 17px;
	line-height: 24px;
	color:white;
	text-align: left;
	overflow: hidden;
	padding: 15px;
	


}

.advantages .items .item .no {
	border: 1px solid rgba(255,120,120,0.001);
	background: rgba(255,160,160,0.15);

}

.advantages .items .item .yes {
	border: 1px solid rgba(120,255,123,0.001);
	background: rgba(190,225,160,0.15);
}


@media screen and (max-width:990px) {


.advantages {

	display: none;
}


.advantages .items .item {
	padding-top:30px;
	padding-bottom:30px;
	padding-right:0px;
	padding-left:0px;
	width: 100%;
	float: none;
	margin: 0 auto;
	width: 100%;
	

}

.advantages h2 {

	
	
	padding: 0px;
	border: none;
	border-radius: none;
	width: 100%;
	margin: 0 auto;
	margin-bottom: 30px;
}


}

@media screen and (max-width:550px) {


.advantages h2 {
	
	
	width: 100%;
	
}

.advantages h3 {


	text-align: center;
	font-size: 28px;
	line-height: 35px;

}

.advantages .items .item img {

	width: 27px;
	margin-right: 10px;


}


.advantages .items .item {
	padding-top:30px;
	padding-bottom:30px;
	padding-right:0px;
	padding-left:0px;


	

}


.advantages .items .item p {
	font-size: 16px;
	line-height: 23px;

	

}


}


/*MARKS*/

.marks {
	
	background: #efefef;
	margin:0 auto;
	box-shadow:inset 3px 3px 5px rgba(84, 84, 84, 0.10);
}


.marks .wrapper {

	max-width: 900px;
}


.marks .items {
	
	overflow: hidden;

}



.marks .item {
	
	width:22%;
	text-align:center;
	margin:0px 0px 0px 2%;
	float:left;


}



.marks p {

	text-align: center;
	margin-bottom: 50px;
	color:#616161;
}

.marks .button-description {

	font-size: 20px;
	line-height: 33px;
	text-align: center;
	margin-bottom: 50px;
	color:#404040;
	background: rgba(255,252,0,0.45);
	padding: 12px;
	font-weight: 700;

}



/*ВОПРОСЫ*/

.questions {
	
	background: url(../img/questions/bg.jpg) 50% 90% repeat;	
}

.questions h2 {

	color:white;
	padding-bottom: 20px;
	font-weight: 700;
}


.questions .h2-description {

	text-align: center;
	font-size: 24px;
	line-height: 29px;
	color:white;
	margin-bottom: 70px;
}

.questions form {

	float: right;
}

.questions .utp {

	width: 60%;
	float: left;
	

}

.questions .utp h3 {

	
	font-size: 30px;
	line-height: 48px;
	color:white;
	margin-top: 30px;
	font-weight: 400;
	text-transform: none;

}

.questions .utp h4 {

	
	font-size: 27px;
	line-height: 36px;
	color:white;
	margin-top: 50px;
	font-weight: 500;
	text-transform: uppercase;
	background: rgba(30,30,30,0.7);
	padding: 15px;
	
}
.questions .utp h3 span {

	color:yellow;
	font-size: 33px;
	line-height: 38px;
	font-weight: 600;
	text-transform: uppercase;
}


@media screen and (max-width:1120px) {


.questions form {

	float: none;
	margin: 0 auto;
}

.questions .utp {
	
	width: 100%;
	float: none;
	text-align: center;
	font-size: 30px;
	line-height: 48px;
	color:white;
	margin: 60px auto 50px;
	

}





}



@media screen and (max-width:850px) {

.questions .h2-description {

	font-size: 22px;
	line-height: 29px;
	margin-bottom: 50px;
}


.questions .utp {
	
display: none;
	

}





}

/* ПОДВАЛ FOOTER*/


.footer {
	
	background: #efefef;
	margin:0 auto;
	box-shadow:inset 3px 3px 5px rgba(84, 84, 84, 0.10);	
}


.footer .wrapper {
	
	max-width:1200px;
	margin:0 auto;
	padding-top:20px;
	padding-bottom:20px;
	padding-left:20px;
	padding-right:20px;
	

}



/*ЛОГОТИП*/



.footer .logo img{
	
	margin-top:20px;
	width:250px;
	float:left;
	
	
	
}



/*Телефон, заказ звонка и емейл*/

.footer .contacts {
	
	
	text-align:right;
	float:right;
	width: 60%;
	margin-top: 12px;
	
	
	
}

	




.footer .phone {
	
	text-decoration: none;
	font-size:30px;
	font-weight:400;

	
	
}




.footer .e-mail {
	margin-top: 7px;
	margin-bottom: 20px;
	
	
	
}

.footer .e-mail i {

	
	margin-right: 1px;
	font-size: 20px;
	color:#202020;
}

.footer .e-mail a {

	text-decoration: none;
	font-size:17px;
	letter-spacing:2px;
	
}






/*АДРЕС*/
.footer .address {
	
	
	font-size:17px;
	line-height: 20px;
	color:#202020;
	margin-top:8px;
	margin-left:7%;
	
	
	
	
}


.footer .privacypolicy {
	padding-top: 25px;
	width: 100%;
	overflow: hidden;
	text-align: center;
	

}

.footer .conf {
	text-align: center;
	color:#353535;
	text-decoration: none;
	font-size: 15px;


}

.footer .conf-text {

	color:#353535;
	
	font-size: 13px;
	width: 100%;
	margin-top: 4px;


}


@media screen and (max-width:900px) {

.footer .logo img {

	float: none;
}


.footer .contacts {
	
	margin-top: 40px;
	float: none;
	width: 100%;
	text-align: center;
}





.footer .phone {
	
	
	font-size: 40px;


		
}
.footer .e-mail {

	margin-top: 15px;
}

.footer .e-mail a {
	
	font-size: 20px;
	line-height: 24px;

}

.footer .address {
	
	margin-left:0%;
	

}
}


@media screen and (max-width:540px) {



.footer .contacts {
	
	margin-top: 30px;
	
}



.footer .phone {
	
	font-size: 28px;
		
}
.footer .e-mail {

	margin-top: 11px;
}

.footer .e-mail a {
	
	font-size: 18px;
	line-height: 22px;

}


}