*{
  box-sizing: border-box;
}
*:focus{
	outline: none !important;
}
a{
	transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
	text-decoration: none;
	color: #000;
}
input:-webkit-autofill{
  box-shadow:inset 0 0 0 1000px #fff;
}
body{
	font-family: 'Rubik', sans-serif;
	margin: 0 auto;
	padding: 0;
	max-width: 1900px;
}

/* Модальное окно */
.overlay {
  width: 100%;
  min-height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding: 40px;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.75);
  opacity: 0;
  pointer-events: none;
  transition: 0.35s ease-in-out;
  max-height: 100vh;
  overflow-y: auto;
  z-index: 999;
}
	.overlay.open {
	  opacity: 1;
	  pointer-events: inherit;
	}
	.overlay .modal {
	  background: white;
	  padding: 40px 50px;
	  box-shadow: 0px 1px 10px rgba(255, 255, 255, 0.35);
	  opacity: 0;
	  pointer-events: none;
	  transition: 0.35s ease-in-out;
	  max-height: 100vh;
	  overflow-y: auto;
	  position: relative;
	}
		.overlay .modal.open {
		  opacity: 1;
		  pointer-events: inherit;
		}
		.overlay .modal.open .content {
		  transform: translate(0, 0px);
		  opacity: 1;
		}
		.overlay .modal .content {
		  transform: translate(0, -10px);
		  opacity: 0;
		  transition: 0.35s ease-in-out;
		}
		.close-modal{
			position: absolute;
			right: -30px;
			top: -20px;
			max-width: 22px;
			cursor: pointer;
		}
			.close-modal img{
				width: 100%;
			}

@media screen and (min-width: 600px) and (max-width: 820px) {
	.overlay {
		padding: 40px;
	}
		.overlay .modal {
		  padding: 30px 38px;
		}
			.close-modal{
				right: -29px;
				top: -20px;
				max-width: 20px;
			}
}	
@media screen and (min-width: 450px) and (max-width: 599px) {
	.overlay {
		padding: 30px;
	}
		.overlay .modal {
		  padding: 20px 25px;
		}
			.close-modal{
				right: -15px;
				top: -10px;
				max-width: 18px;
			}
}
@media screen and (max-width: 449px) {
	.overlay {
		padding: 20px;
	}
		.overlay .modal {
		  padding: 16px 20px;
		}
			.close-modal{
				right: -13px;
				top: -8px;
				max-width: 18px;
			}
}			
			
/* Конец Модальное окно */



/* Текст ошибки */
.input-error{
	border: 1px solid #cc0000 !important;
	background: #fff;
}
.error-text{
	margin: 5px 0 0 5px;
	display: none;
	text-align: left;
}
	.error-text p{
		margin: 0;
		font-size: 12px;
		font-weight: 500;
		color: #B22222;
	}
/* Конец Текст ошибки */


/* Результат формы */
.modal-result{
	max-width: 500px;
}
	.seng-form-info{
		overflow: hidden;
	}
		.seng-form-img{
			float: left;
			width: 80px;
			padding: 3px 20px 0 0;
		}
			.seng-form-img img{
				width: 100%;
			}
		.seng-form-text{
			float: left;
			width: 270px;
		}
			.seng-form-text p:first-of-type{
				font-size: 23px;
				font-weight: 500;
				margin: 0 0 6px 0;
			}
			.seng-form-text p:last-of-type{
				font-size: 14px;
				margin: 0;
			}
			
@media screen and (min-width: 450px) and (max-width: 600px) {
	.seng-form-img{
		float: left;
		width: 70px;
		padding: 3px 20px 0 0;
	}
	.seng-form-text{
		float: left;
		width: 240px;
	}
		.seng-form-text p:first-of-type{
			font-size: 20px;
			margin: 0 0 6px 0;
		}
		.seng-form-text p:last-of-type{
			font-size: 13px;
		}
}
@media screen and (max-width: 449px) {
	.seng-form-img{
		float: none;
		width: 55px;
		margin: auto;
		padding: 0 0 10px 0;
	}
	.seng-form-text{
		float: none;
		text-align: center;
		max-width: 240px;
		width: auto;
	}
		.seng-form-text p:first-of-type{
			font-size: 18px;
		}
		.seng-form-text p:last-of-type{
			font-size: 13px;
		}
}
			
/* Конец Результат формы */

/* Главный экран */
.top-section{
	background-image: url(../img/bg-body.png);
	background-size: cover;
	background-position: center;
	min-height: 740px;
	position: relative;
	padding: 0 0 40px 0;
}
	/* Шапка */
	header{
		padding: 30px 2.5%;
	}
		.header-container{
			max-width: 1170px;
			margin: auto;
		}
			.header-block{
				overflow: hidden;
			}
			
			/* Логотип */
			.header-logo{
				float: left;
				margin: 0 30px 0 0;
			}
					.logo-img{
						padding: 2px 0;
					}
						.logo-img img{
							max-width: 250px;
							width: 100%;
						}
						
			/* Телефон в шапке */
			.header-phone{
				float: right;
			}
				.phone-callback{
					padding: 3px 0;
					text-align: right;
				}
					.phone-number{
						font-size: 19px;
						font-weight: 700;
					}
						.phone-number a{
							color: #ffce00;
							display: inline-block;
							vertical-align: top;
						}
						.phone-number img{
							max-width: 26px;
							margin: -2px 5px 0 0;
							vertical-align: top;
						}
					.time-text{
						color: #cfcfcf;
						font-size: 12px;
					}
						.time-text span{
							border-bottom: 1px dashed !important;
						}
					
			
			/* Меню */
			.main-menu{
				float: right;
				padding: 18px 0 0 0;
				margin: 0 50px 0 0;
			}
				.main-menu-list{
					margin: 0;
					padding: 0;
					list-style: none;
				}
					.main-menu-list li{
						display: inline-block;
						padding: 0 20px;
					}
						.main-menu-list li a{
							color: #fff;
							font-size: 14px;
							font-weight: 500;
						}
						.main-menu-list li a:hover{
							color: #2171c6;
						}

		/* УТП */
		.utp-container{
			overflow: hidden;
			width: 95%;
			max-width: 1170px;
			margin: auto;
			padding: 35px 5% 100px 5%;
			text-align: center;
			color: #000;
			background-image: url(../img/2.jpg);
			background-size: cover;
			background-position: center;
			min-height: 550px;
		}	
		.utp-container-drop{
			overflow: hidden;
			width: 95%;
			max-width: 1170px;
			margin: auto;
			padding: 35px 5% 100px 5%;
			text-align: center;
			color: #000;
			background-image: url(../img/2.jpg);
			background-size: cover;
			background-position: center;
			min-height: 550px;
		}
			.utp-text{
				max-width: 1000px;
				margin: 10px auto 15px auto;
				text-align: center;
			}
				.utp-text h1{
					font-size: 35px;
					line-height: 1.2;
					letter-spacing: 1px;
					font-weight: 700;
					text-transform: uppercase;
					margin: 0 0 5px 0;
					display: inline-block;
					background: #fff;
					padding: 0 10px;
					border-radius: 4px;
				}
				.utp-text p{
					font-size: 19px;
					line-height: 1.4;
					margin: 0;
					font-weight: 500;
				}
				.utp-text p span{
					color: #2171c6;
					font-weight: 700;
				}
				
			.price-form{
				float: right;
				width: 45%;
				padding: 30px 0 0 0;
				text-align: right;
			}
				.price-form-block{
					background-color: #fff;
					padding: 30px 35px 35px 35px;
					display: inline-block;
					max-width: 350px;
					box-shadow: 0 0 17px rgba(200,200,200,0.4);
					text-align: center;
				}
				.price-form-head{
					
				}
					.price-form-head-1{
						font-size: 21px;
						font-weight: 700;
						margin: 0 0 5px 0;
					}
					.price-form-head-2{
						font-size: 14px;
						margin: 0;
						line-height: 1.4;
					}
				
				.input-block{
					margin: 15px 0 0 0;
				}
					.input-block input {
						border: 1px solid #aaa;
						padding: 21px 15px;
						font-size: 14px;
						width: 100%;
						font-family: 'Rubik', sans-serif;
					}
				.submit-button{
					width: 100%;
					margin: 15px 0 0 0;
					font-family: 'Rubik', sans-serif;
					font-size: 18px;
					font-weight: 700;
					text-transform: uppercase;
					padding: 18px;
					background: #2171c6;
					color: #fff;
					border: none;
					cursor: pointer;
				}
				
						
	.top-benefit-container{
		margin: -60px auto 0 auto;
		width: 95%;
		max-width: 1170px;
		padding: 0 1%;
	}
		.top-benefit-block{
			font-size: 0;
		}
			.top-benefit-item{
				display: inline-block;
				vertical-align: top;
				width: 33.33333%;
				padding: 0 15px;
			}
				.top-benefit-item-wrap{
					background: #fff;
					padding: 30px 20px;
					font-size: 0;
					box-shadow: 0 0 17px rgba(200,200,200,0.4);
				}
					.top-benefit-img{
						display: inline-block;
						width: 25%;
						text-align: center;
						vertical-align: top;
					}
						.top-benefit-img img{
							width: 100%;
							max-width: 50px;
						}
					.top-benefit-text{
						display: inline-block;
						width: 75%;
						padding: 0 0 0 3px;
					}
						.top-benefit-text p:first-of-type{
							font-size: 15px;
							text-transform: uppercase;
							font-weight: 700;
							margin: 0 0 5px 0;
						}	
						.top-benefit-text p:last-of-type{
							margin: 0;
							font-size: 14px;
						}	
						
						
					
/* Главный экран (адаптивный) */		
		
@media screen and (min-width: 750px) and (max-width: 1040px) {		
			/* Логотип */
					.logo-img{
						padding: 11px 0 0 0;
					}
						.logo-img img{
							max-width: 230px;
						}
			/* Меню */
			.main-menu{
				margin: 0 25px 0 0;
			}
					.main-menu-list li{
						padding: 0 8px;
					}
		/* УТП */
		.utp-container{
			padding: 30px 2.5% 100px 2.5%;
		}	
				.utp-text h1{
					font-size: 37px;
				}
				.utp-text p{
					font-size: 18px;
				}
				.price-form-block{
					padding: 27px 32px 32px 32px;
					max-width: 330px;
				}		
	.top-benefit-container{
		padding: 0 1.5%;
	}
			.top-benefit-item{
				padding: 0 10px;
			}
				.top-benefit-item-wrap{
					padding: 24px 16px;
				}
					.top-benefit-img{
						width: 22%;
					}
						.top-benefit-img img{
							max-width: 40px;
						}
					.top-benefit-text{
						width: 78%;
					}
						.top-benefit-text p:first-of-type{
							font-size: 14px;
						}	
						.top-benefit-text p:last-of-type{
							font-size: 13px;
						}	
}


@media screen and (max-width: 870px) {
	.main-menu{
		display: none;
	}
}
	
		
@media screen and (min-width: 500px) and (max-width: 749px) {
					.logo-img{
						padding: 11px 0 0 0;
					}
						.logo-img img{
							max-width: 230px;
						}
				.utp-text h1{
					font-size: 30px;
				}
				.utp-text p{
					font-size: 16px;
				}
				
			.price-form{
				float: none;
				width: 100%;
				text-align: center;
			}
				.price-form-block{
					max-width: 320px;
				}
}		
		
@media screen and (max-width: 499px) {
	/* Шапка */
	header{
		padding: 25px 2.5%;
	}
			/* Логотип */
			.header-logo{
				float: none;
				margin: 0;
			}
					.logo-img{
						text-align: center;
					}
						.logo-img img{
							max-width: 230px;
						}
						
			/* Телефон в шапке */
			.header-phone{
				float: none;
			}
				.phone-callback{
					text-align: center;
				}
					.phone-number{
						font-size: 18px;
					}
						.phone-number img{
							max-width: 25px;
						}
					.time-text{
						padding: 0 0 0 9px;
					}
			
		/* УТП */
		.utp-container{
			padding: 25px 5% 80px 5%;
		}	
			.utp-text{
				margin: 0 auto 20px auto;
			}
				.utp-text h1{
					font-size: 27px;
				}
				.utp-text p{
					font-size: 15px;
				}
				
			.price-form{
				float: none;
				width: 100%;
				text-align: center;
			}
				.price-form-block{
					padding: 25px 22px 25px 22px;
					max-width: 300px;
				}
					.price-form-head-1{
						font-size: 19px;
					}
					.price-form-head-2{
						font-size: 13px;
					}
					.input-block input {
						padding: 18px 13px;
						font-size: 13px;
					}
				.submit-button{
					font-size: 15px;
					padding: 16px;
				}
}	

@media screen and (min-width: 650px) and (max-width: 749px) {	
		.top-benefit-item{
			width: 50%;
		}
		.top-benefit-item:last-of-type{
			width: 50%;
			padding: 0 15px;
			display: block;
			margin: 20px auto;
		}			
}
@media screen and (min-width: 500px) and (max-width: 649px) {	
		.top-benefit-item{
			width: 50%;
		}
		.top-benefit-item:last-of-type{
			width: 50%;
			padding: 0 15px;
			display: block;
			margin: 20px auto;
		}	
			.top-benefit-item-wrap{
				padding: 24px 16px;
			}
				.top-benefit-img{
					width: 20%;
				}
				.top-benefit-text{
					width: 80%;
					padding: 0 0 0 6px;
				}
					.top-benefit-text p:first-of-type{
						font-size: 14px;
					}	
					.top-benefit-text p:last-of-type{
						font-size: 13px;
					}				
}

@media screen and (max-width: 499px) {
.top-benefit-container{
	margin: -50px auto 0 auto;
}
		.top-benefit-item{
			width: 100%;
			margin: 0 0 15px 0;
		}
			.top-benefit-item-wrap{
				max-width: 300px;
				margin: auto;
			}		
}
@media screen and (max-width: 350px) {
			.top-benefit-item-wrap{
				padding: 24px 16px;
			}
				.top-benefit-img{
					width: 20%;
				}
				.top-benefit-text{
					width: 80%;
					padding: 0 0 0 6px;
				}
					.top-benefit-text p:first-of-type{
						font-size: 14px;
					}	
					.top-benefit-text p:last-of-type{
						font-size: 13px;
					}			
}
/* Конец Главный экран */	




/* Причины */
.reason-container{
	width: 100%;
	color: #000;
}
	.reason-block{
		width: 100%;
		max-width: 1400px;
		margin: auto;
		font-size: 0;
		padding: 20px 5% 0 5%;
		text-align: center;
	}
		.reason-head{
			max-width: 1170px;
			margin: auto;
		}
			.reason-head h2{
				text-transform: uppercase;
				font-size: 34px;
				font-weight: 700;
				margin: 0 0 10px 0;
				letter-spacing: 1px;
			}
	.reason-info-container{
		display: inline-block;
		vertical-align: top;
		width: 33.33333%;
		margin: 0;
	}
		.reason-info-block{
			padding: 20px 10px 0 10px;
		}
		.reason-info-text{
			
		}
			.reason-info-text h3{
				text-transform: uppercase;
				font-size: 16px;
				font-weight: 700;
				margin: 0 0 5px 0;
				color: #2171c6;
			}
			.reason-info-text p{
				font-size: 16px;
				line-height: 21px;
				max-width: 300px;
				margin: 10px auto;
				display: block;
			}
	.reason-arrow{
		background-image: url(../img/reason-bg.png);
		background-size: cover;
		background-position: center;
		min-height: 95px;
		margin: -40px 0 0 0;
	}

@media screen and (min-width: 550px) and (max-width: 870px) {
			.reason-head h2{
				font-size: 30px;
			}
	.reason-info-container{
		width: 50%;
	}
}

@media screen and (max-width: 549px) {
			.reason-head h2{
				font-size: 24px;
			}
	.reason-info-container{
		width: 100%;
		max-width: 400px; 
		margin: 0 auto;
	}
			.reason-info-text h3{
				font-size: 15px;
			}
			.reason-info-text p{
				font-size: 14px;
			}
}
/* Конец Причины */


/* Ассортимент */
.assortment-container{
	width: 100%;
	color: #000;
}
	.assortment-block{
		width: 100%;
		max-width: 1400px;
		margin: auto;
		font-size: 0;
		padding: 40px 5%;
		text-align: center;
	}
		.assortment-head{
			max-width: 1170px;
			margin: auto;
		}
			.assortment-head h2{
				text-transform: uppercase;
				font-size: 34px;
				font-weight: 700;
				margin: 0 0 10px 0;
				letter-spacing: 1px;
			}
	.assortment-info-container{
		display: inline-block;
		vertical-align: top;
		width: 20%;
		margin: 0;
	}
		.assortment-info-block{
			padding: 10px 10px 24px 10px;
			margin: 20px 0 0 0;
			transition: all .2s ease-in;
			cursor: pointer;
		}
		.assortment-info-block:hover{
			box-shadow: 0 0 17px rgba(200,200,200,0.4);
		}

		.assortment-info-img{
			
		}
			.assortment-info-img img{
				max-width: 140px;
			}
		.assortment-info-text{
			
		}
			.assortment-info-text h3{
				text-transform: uppercase;
				font-size: 12px;
				line-height: 1.5;
				font-weight: 700;
				margin: 0;
			}
	
@media screen and (min-width: 700px) and (max-width: 980px) {
	.assortment-block{
		padding: 40px 4%;
	}
	.assortment-info-container{
		width: 33.333333%;
	}
		.assortment-info-block {
			margin: 0 auto;
			max-width: 220px;
		}
}

@media screen and (min-width: 400px) and (max-width: 699px) {
	.assortment-block{
		padding: 40px 4%;
	}
			.assortment-head h2{
				font-size: 28px;
			}
	.assortment-info-container{
		width: 50%;
	}
		.assortment-info-block {
			margin: 0 auto;
			max-width: 220px;
		}
}

@media screen and (max-width: 399px) {
	.assortment-block{
		padding: 30px 2.5%;
	}
			.assortment-head h2{
				font-size: 25px;
			}
	.assortment-info-container{
		width: 100%;
		margin: 0;
	}
		.assortment-info-block {
			margin: 0 auto;
			max-width: 220px;
		}
			.assortment-info-text h3{
				font-size: 12px;
			}
}
			
/* Конец Ассортимент */


/* Товар */
.product-container{
	width: 100%;
}
	.product-block{
		width: 100%;
		max-width: 1400px;
		margin: auto;
		font-size: 0;
		padding: 40px 5%;
		text-align: center;
	}
		.product-head{
			max-width: 1170px;
			margin: auto;
		}
			.product-head h2{
				text-transform: uppercase;
				font-size: 28px;
				font-weight: 700;
				margin: 0 0 10px 0;
				letter-spacing: 1px;
			}
			.head-price{
				color: #2171c6;
			}
			
		.product-info{
			max-width: 1000px;
			margin: 20px auto;
		}
			.product-info-img{
				display: inline-block;
				width: 60px;
				text-align: right;
				padding: 0 10px 0 0;
				vertical-align: top;
			}
				.product-info-img img{
					width: 100%;
					max-width: 40px;
				}
			.product-info-text{
				display: inline-block;
				width: 88%;
				text-align: left;
				vertical-align: top;
			}
				.product-info-text p{
					margin: 0;
					font-size: 15px;
					font-weight: 500;
					padding: 3px 0 0 0;
				}
		
		
		.product-img-view{
			font-size: 0;
			width: 100%;
			max-width: 900px;
			margin: auto;
		}
			.product-thumb-img-block{
				display: inline-block;
				width: 35%;
				text-align: right;
				vertical-align: top;
				padding: 0 20px 0 0;
			}
				.product-thumb-img-wrap{
					text-align: center;
				}
					.product-thumb{
						display: inline-block;
						width: 50%;
						max-width: 200px;
						padding: 4px;
						cursor: pointer;
						vertical-align: top;
					}
						.product-thumb img{
							width: 100%;
							max-width: 200px;
							cursor: pointer;
							box-shadow: 0 0 6px rgba(200,200,200,0.8);
						}
				
				.product-big-img-block{
					display: inline-block;
					width: 65%;
					text-align: center;
					vertical-align: top;
					padding: 0 0 0 20px;
					border-left: 1px solid #ccc;
				}
				.show-img{
					
				}
				.hide-img{
					display: none;
				}
				#small-display{
					display: none;
				}
					.product-big-img{
						padding: 2px;
					}
						.product-big-img img{
							max-width: 100%;
							max-height: 450px;
						}
			.product-price-form{
				width: 100%;
				max-width: 950px;
				margin: 30px auto 0 auto;
				padding: 0;
			}
				.product-price-form-block{
					background: #ffce00;
					padding: 20px 35px 26px 35px;
					width: 100%;
					box-shadow: 0 0 17px rgba(200,200,200,0.4);
					text-align: center;
				}
				.product-price-form-head{
					
				}
					.product-price-form-head-1{
						font-size: 21px;
						font-weight: 500;
						margin: 0 0 5px 0;
					}
				
				.product-input-block{
					margin: 15px 0 0 0;
					display: inline-block;
					width: 33.3333%;
					padding: 0 10px;
					vertical-align: top;
				}
					.product-input-block input {
						border: 1px solid #aaa;
						padding: 21px 15px;
						font-size: 14px;
						width: 100%;
						font-family: 'Rubik', sans-serif;
					}
				
				.product-submit-block{
					margin: 15px 0 0 0;
					display: inline-block;
					width: 33.3333%;
					padding: 0 10px;
					vertical-align: top;
				}
				.product-submit-button{
					width: 100%;
					font-family: 'Rubik', sans-serif;
					font-size: 18px;
					font-weight: 500;
					text-transform: uppercase;
					padding: 20px 18px;
					background: #2171c6;
					color: #fff;
					border: none;
					cursor: pointer;
				}
	.product-line{
		background: transparent url(../img/product-line.png) repeat-x left top;
		min-height: 10px;
	}
	
@media screen and (min-width: 730px) and (max-width: 920px) {
			.product-head h2{
				font-size: 28px;
			}
				.product-info-img img{
					max-width: 36px;
				}
				.product-info-text p{
					font-size: 14px;
				}
			.product-thumb-img-block{
				padding: 0 10px 0 0;
			}
				.product-big-img-block{
					padding: 0 0 0 10px;
				}
				.product-price-form-block{
					padding: 20px 30px 26px 30px;
				}
					.product-price-form-head-1{
						font-size: 20px;
					}
				.product-submit-button{
					font-size: 17px;
				}
}

@media screen and (min-width: 540px) and (max-width: 729px) {
	.product-block{
		padding: 30px 4%;
	}
			.product-head h2{
				font-size: 24px;
			}
			.product-info-img{
				width: 40px;
			}
				.product-info-img img{
					max-width: 30px;
				}
				.product-info-text p{
					font-size: 13px;
					padding: 0;
				}
			.product-thumb-img-block{
				width: 40%;
				padding: 0 5px 0 0;
			}
				.product-big-img-block{
					width: 60%;
					padding: 0 0 0 5px;
				}
						.product-big-img img{
							max-width: 100%;
						}
			.product-price-form{
				margin: 20px auto 0 auto;
			}
				.product-price-form-block{
					padding: 20px;
				}
					.product-price-form-head-1{
						font-size: 17px;
					}
				
				.product-input-block{
					width: 50%;
				}
					.product-input-block input {
						padding: 17px 13px;
						max-width: 250px;
					}
				
				.product-submit-block{
					width: 50%;
				}
				.product-submit-button{
					font-size: 15px;
					padding: 17.5px 14px;
					max-width: 250px;
				}	
}

@media screen and (max-width: 539px) {
	.product-block{
		padding: 20px 2.5%;
	}
			.product-head h2{
				font-size: 25px;
			}
			
		.product-info{
			margin: 15px auto;
		}
			.product-info-img{
				text-align: center;
				padding: 0;
			}
			.product-info-text{
				width: 100%;
				text-align: center;
			}
				.product-info-text p{
					font-size: 14px;
					padding: 10px 0 0 0;
				}

			.product-thumb-img-block{
				width: 100%;
				padding: 10px 0;
			}
					.product-thumb{
						width: 33.33333%;
					}
				.product-big-img-block{
					width: 100%;
					padding: 0 0 10px 0;
					border-left: none;
					border-bottom: 1px solid #ccc;
				}
				#small-display{
					display: inline-block;
				}
				#big-display{
					display: none;
				}
						.product-big-img img{
							max-width: 100%;
						}
			.product-price-form{
				margin: 10px auto 0 auto;
			}
				.product-price-form-block{
					padding: 25px 22px 25px 22px;
					max-width: 300px;
					margin: auto;
				}
					.product-price-form-head-1{
						font-size: 17px;
					}
				
				.product-input-block{
					width: 100%;
				}
					.product-input-block input {
						padding: 18px 13px;
						font-size: 13px;
					}
				
				.product-submit-block{
					width: 100%;
				}
				.product-submit-button{
					font-size: 15px;
					padding: 16px;
				}	
}

@media screen and (max-width: 350px) {
	.evelo-head{
		font-size: 20px;
	}
}
/* Конец Товар */


/* Подарки */
.gift-container{
	width: 100%;
	color: #000;
	background-repeat: repeat;
    background-position: left top;
    background-image: url(../img/bg-footer.png);
}
	.gift-block{
		width: 100%;
		max-width: 1400px;
		margin: auto;
		font-size: 0;
		padding: 40px 5%;
		text-align: center;
	}
		.gift-head{
			max-width: 1170px;
			margin: auto;
		}
			.gift-head h2{
				text-transform: uppercase;
				font-size: 30px;
				font-weight: 700;
				margin: 0 0 10px 0;
				letter-spacing: 1px;
			}
		.gift-subhead{
			margin: 30px 0;
		}
			.gift-subhead p{
				font-size: 17px;
				font-weight: 500;
				margin: 0;
			}
		.gift-info-container{
			display: inline-block;
			vertical-align: top;
			width: 25%;
			margin: 0;
			padding: 0px 10px;
		}
			.gift-info-block{
				padding: 25px 20px;
				margin: 0;
				box-shadow: 0 0 17px rgba(200,200,200,0.4);
				background: #ffce00;
			}
				.gift-info-img{
					
				}
					.gift-info-img img{
						max-width: 140px;
						width: 100%;
					}
				.gift-info-text{
					margin: 15px 0 0 0;
				}
					.gift-info-text h3{
						text-transform: uppercase;
						font-size: 15px;
						line-height: 1.5;
						font-weight: 700;
						margin: 0;
					}
	
@media screen and (min-width: 700px) and (max-width: 870px) {
	.gift-block{
		padding: 35px 4%;
	}
			.gift-head h2{
				font-size: 28px;
			}
			.gift-subhead p{
				font-size: 16px;
			}
		.gift-info-container{
			padding: 0px 8px;
		}
			.gift-info-block{
				padding: 20px 15px;
			}
					.gift-info-text h3{
						font-size: 13px;
					}
}

@media screen and (min-width: 551px) and (max-width: 699px) {
	.gift-block{
		padding: 35px 4%;
	}
			.gift-head h2{
				font-size: 27px;
			}
		.gift-subhead{
			margin: 30px 0 20px 0;
		}
			.gift-subhead p{
				font-size: 15px;
			}
		.gift-info-container{
			width: 50%;
			padding: 10px;
		}
			.gift-info-block{
				padding: 20px 15px;
			}
					.gift-info-text h3{
						font-size: 14px;
					}
}

@media screen and (max-width: 550px) {
	.gift-block{
		padding: 20px 2.5%;
	}
			.gift-head h2{
				font-size: 25px;
			}
		.gift-subhead{
			margin: 25px 0 16px 0;
		}
			.gift-subhead p{
				font-size: 15px;
			}
		.gift-info-container{
			width: 100%;
			margin: 0 auto;
			max-width: 270px;
			padding: 8px 0px;
		}
			.gift-info-block{
				padding: 25px 20px;
			}
					.gift-info-text h3{
						font-size: 14px;
					}
	
}	
/* Конец Подарки */



/* Почему */
.why-container{
	width: 100%;
	color: #fff;
	background: transparent url(../img/fondarkpaper2.png) repeat left top;
}
	.why-block{
		padding: 40px 5% 28px 5%;
		max-width: 1400px;
		margin: auto;
		font-size: 0px;
		text-align: center;
	}
		.why-head{
			text-align: center;
		}
			.why-head h2{
				text-transform: uppercase;
				font-size: 30px;
				font-weight: 700;
				margin: 0 0 10px 0;
				letter-spacing: 1px;
			}
	.why-info-container{
		display: inline-block;
		vertical-align: top;
		width: 33%;
		margin: 10px 0 0 0;
	}
	.why-center{
		margin-left: 0.5%;
		margin-right: 0.5%;
	}
		.why-info-block{
			text-align: center;
			padding: 10px;
			max-width: 330px;
			margin: auto;
		}

		.why-info-number{
			
		}
			.why-info-number p{
				font-size: 45px;
				font-weight: 500;
				margin: 0;
				color: #ffce00;
			}
		.why-info-text{
			
		}

			.why-info-text h3{
				text-transform: uppercase;
				font-size: 16px;
				font-weight: 700;
				margin: 10px 0 5px 0;
				color: #2171c6;
			}
			.why-info-text p{
				font-size: 14px;
				line-height: 1.5;
				font-weight: 500;
				margin: 10px 0 0 0;
				display: block;
			}

@media screen and (min-width: 551px) and (max-width: 870px) {
	.why-block{
		padding: 40px 4% 28px 4%;
	}
			.why-head h2{
				font-size: 28px;
			}
	.why-info-container{
		width: 50%;
		margin: 5px 0 0 0;
	}
	.why-center{
		margin: 0;
	}
			.why-info-number p{
				font-size: 40px;
			}
			.why-info-text h3{
				font-size: 15px;
			}
}

@media screen and (max-width: 550px) {
.why-block{
		padding: 30px 2.5%;
	}
			.why-head h2{
				font-size: 24px;
			}
	.why-info-container{
		width: 100%;
		margin: 0;
	}
	.why-center{
		margin: 0;
	}
			.why-info-number p{
				font-size: 33px;
			}
			.why-info-text h3{
				font-size: 15px;
			}
			.why-info-text p{
				font-size: 13px;
			}
}
/* Конец Почему */

/* Комплектующие */
.parts-container{
	width: 100%;
	color: #000;
}
	.parts-block{
		padding: 40px 5%;
		max-width: 1400px;
		margin: auto;
		text-align: center;
	}
		.parts-head{
			
		}
			.parts-head h2{
				text-transform: uppercase;
				font-size: 30px;
				font-weight: 700;
				margin: 0 0 10px 0;
				letter-spacing: 1px;
			}
	.parts-img-container{
		width: 100%;
		max-width: 1000px;
		margin: 30px auto 0 auto;
	}
		.parts-img-block{
			
		}
			.parts-img-block img{
				width: 100%;
			}
			
@media screen and (min-width: 551px) and (max-width: 870px) {
	.parts-block{
		padding: 35px 4%;
	}
			.parts-head h2{
				font-size: 25px;
			}
	.parts-img-container{
		margin: 25px auto 0 auto;
	}
	
}

@media screen and (max-width: 550px) {
	.parts-block{
		padding: 30px 2.5%;
	}
			.parts-head h2{
				font-size: 23px;
			}
	.parts-img-container{
		margin: 20px auto 0 auto;
	}
}

/* Конец Комплектующие */


/* Упаковка */
.pack-container{
	width: 100%;
	color: #000;
}
	.pack-block{
		padding: 40px 5%;
		max-width: 1400px;
		margin: auto;
		text-align: center;
	}
		.pack-head{
			
		}
			.pack-head h2{
				text-transform: uppercase;
				font-size: 30px;
				font-weight: 700;
				margin: 0 0 10px 0;
				letter-spacing: 1px;
			}
	.pack-info-container{
		width: 100%;
		max-width: 900px;
		margin: 30px auto 0 auto;
	}
		.pack-info-block{
			font-size: 0;
		}
			.pack-info{
				display: inline-block;
				vertical-align: top;
				box-shadow: 0 0 17px rgba(200,200,200,0.4);
				text-align: left;
				width: 70%;
				padding: 25px;
			}
				.pack-info-head{
					font-weight: 500;
					font-size: 18px;
					margin: 0 0 5px 0;
				}
				.pack-info p:nth-of-type(3){
					margin: 15px 0 5px 0;
				}
				.pack-info-text{
					font-size: 15px;
					margin: 0;
				}
			.pack-info-img-carton{
				display: inline-block;
				vertical-align: top;
				width: 30%;
				padding: 10px;
				margin: 40px 0 0 0;
			}
				.pack-info-img-carton img{
					width: 100%;
					max-width: 200px;
				}
				.pack-info-img-carton p{
					text-transform: uppercase;
					font-weight: 500;
					font-size: 12px;
					margin: 10px 0 0 0;
				}
			.pack-info-img{
				display: inline-block;
				vertical-align: top;
				width: 100%;
				padding: 10px;
				margin: 15px 0 0 0;
			}
				.pack-info-img img{
					width: 100%;
					max-width: 550px;
				}
			
@media screen and (min-width: 700px) and (max-width: 870px) {
	.pack-block{
		padding: 35px 4%;
	}
			.pack-head h2{
				font-size: 28px;
			}
	.pack-info-container{
		margin: 20px auto 0 auto;
	}
			.pack-info{
				padding: 20px;
			}
				.pack-info-head{
					font-size: 17px;
				}
				.pack-info-text{
					font-size: 14px;
				}
			.pack-info-img-carton{
				margin: 50px 0 0 0;
			}

}

@media screen and (min-width: 551px) and (max-width: 699px) {
	.pack-block{
		padding: 35px 4%;
	}
			.pack-head h2{
				font-size: 28px;
			}
	.pack-info-container{
		margin: 20px auto 0 auto;
	}
			.pack-info{
				width: 100%;
			}
				.pack-info-head{
					font-size: 17px;
				}
				.pack-info-text{
					font-size: 14px;
				}
			.pack-info-img-carton{
				display: none;
			}
}	

@media screen and (max-width: 550px) {
	.pack-block{
		padding: 20px 2.5%;
	}
			.pack-head h2{
				font-size: 25px;
			}
	.pack-info-container{
		margin: 20px auto 0 auto;
	}
			.pack-info{
				width: 100%;
				padding: 20px;
			}
				.pack-info-head{
					font-size: 16px;
				}
				.pack-info p:nth-of-type(3){
					margin: 12px 0 5px 0;
				}
				.pack-info-text{
					font-size: 14px;
				}
}	
/* Конец Упаковка */



/* Дропшиппинг */
.dropship-section{
	min-height: 500px;
	background-color: rgba(0, 0, 0, 1);
}
	.dropship-container{
		min-height: 500px;
		background-color: rgba(33, 113, 198, .7);
	}
		.dropship-block{
			
			padding: 40px 5%;
			max-width: 1400px;
			margin: auto;
		}
			.dropship-head{
				
			}
				.dropship-head h2{
					text-align: center;
					text-transform: uppercase;
					color: #fff;
					font-size: 30px;
					font-weight: 700;
					margin: 0 0 10px 0;
					letter-spacing: 1px;
				}
			.dropship-wrap{
				width: 100%;
				max-width: 1050px;
				margin: auto;
				overflow: hidden;
				padding: 30px 0 0 0;
			}
			.dropship-info-block{
				float: left;
				width: 55%;
				padding: 40px 30px 0 0;
				color: #fff;
				position: relative;
			}
				.dropship-info{
					font-weight: 500;
				}
					.dropship-info-text{
						margin: 0 0 15px 0;
					}
						.dropship-info-text span{
							color: #ffce00;
						}
					.dropship-info-block ul{
						list-style-type: square;
						padding: 0 0 0 20px;
						margin: 15px 0 0 0;
					}
						.dropship-info-block ul li{
							font-size: 15px;
						}
			.dropship-form{
				float: left;
				width: 45%;
				text-align: center;
				padding: 0 0 0 30px;
				border-left: 1px solid #ffce00;
			}
				.dropship-form-block{
					background-color: #fff;
					padding: 30px 35px 35px 35px;
					display: inline-block;
					max-width: 350px;
					box-shadow: 0 0 17px rgba(200,200,200,0.4);
				}
				.dropship-form-head p{
					font-size: 21px;
					font-weight: 700;
					margin: 0 0 10px 0;
				}
				.dropship-input-block{
					margin: 20px 0 0 0;
				}
					.dropship-input-block input {
						border: 1px solid #aaa;
						padding: 21px 15px;
						font-size: 14px;
						width: 100%;
						font-family: 'Rubik';
					}
				.dropship-submit-button{
					width: 100%;
					margin: 20px 0 0 0;
					font-family: 'Rubik';
					font-size: 15px;
					font-weight: 700;
					text-transform: uppercase;
					padding: 20px;
					background: #2171c6;
					color: #fff;
					border: none;
					cursor: pointer;
				}

@media screen and (min-width: 700px) and (max-width: 870px) {
		.dropship-block{
			padding: 35px 4%;
		}
				.dropship-head h2{
					font-size: 28px;
				}
			.dropship-info-block{
				padding: 25px 10px 0 0;
			}
				.dropship-info{
					font-size: 15px;
				}
					.dropship-info-text{
						margin: 0 0 10px 0;
					}
					.dropship-info-block ul{
						margin: 10px 0 0 0;
					}
						.dropship-info-block ul li{
							font-size: 14px;
						}
			.dropship-form{
				padding: 0 0 0 10px;
			}
				.dropship-form-block{
					padding: 26px 25px 30px 25px;
					max-width: 300px;
				}
				.dropship-form-head p{
					font-size: 19px;
				}
				.dropship-submit-button{
					font-size: 14px;
				}


}
@media screen and (min-width: 551px) and (max-width: 699px) {
.dropship-section{
	background-image: url(../img/dropship-bg1.jpg);
}
		.dropship-block{
			padding: 35px 4%;
		}
				.dropship-head h2{
					font-size: 26px;
				}
			.dropship-wrap{
				padding: 20px 0 0 0;
			}
			.dropship-info-block{
				float: none;
				width: 100%;
				padding: 0 0 25px 0;
			}
				.dropship-info{
					font-size: 15px;
					padding: 0 20px;
				}
					.dropship-info-text{
						margin: 0 0 10px 0;
					}
						.dropship-info-block ul li{
							font-size: 14px;
						}
			.dropship-form{
				float: none;
				width: 100%;
				padding: 30px 0 0 0;
				border-top: 1px solid #ffce00;
				border-left: none;
			}
				.dropship-form-block{
					max-width: 330px;
				}
				.dropship-form-head p{
					font-size: 20px;
				}
}	

@media screen and (max-width: 550px) {
.dropship-section{
	background-image: url(../img/dropship-bg1.jpg);
}
		.dropship-block{
			padding: 30px 2.5%;
		}
				.dropship-head h2{
					font-size: 25px;
				}
			.dropship-wrap{
				padding: 20px 0 0 0;
			}
			.dropship-info-block{
				float: none;
				width: 100%;
				padding: 0 0 25px 0;
			}
				.dropship-info{
					font-size: 15px;
					padding: 0 20px;
				}
					.dropship-info-text{
						margin: 0 0 10px 0;
					}
						.dropship-info-block ul li{
							font-size: 14px;
						}
			.dropship-form{
				float: none;
				width: 100%;
				padding: 30px 0 0 0;
				border-top: 1px solid #ffce00;
				border-left: none;
			}
				.dropship-form-block{
					padding: 25px 22px 25px 22px;
					max-width: 300px;
				}
				.dropship-form-head p{
					font-size: 17px;
				}
					.dropship-input-block input {
						padding: 18px 13px;
						font-size: 13px;
					}
				.dropship-submit-button{
					font-size: 15px;
					padding: 16px;
				}
}


/* Конец Дропшиппинг */	


/* Обратный звонок */	
.callback-container{
	width: 100%;
}	
	.callback-block{
		padding: 30px 5% 40px 5%;
		max-width: 1400px;
		margin: auto;
		font-size: 0px;
		text-align: center;
	}
		.callback-text{
			
		}
			.callback-text p:first-of-type{
				font-size: 30px;
				margin: 0 0 15px 0;
			}
			.callback-text p:last-of-type{
				font-size: 25px;
				margin: 0 0 5px 0;
			}
				.callback-text p a{
					font-weight: 700;
					text-decoration: underline;
					color: #2171c6;
				}
				.callback-text p span{
					font-weight: 700;
					color: #2171c6;
				}
		.callback-arrow{
			text-align: center;
		}
			.callback-arrow img{
				width: 100%;
				max-width: 150px;
			}
		.callback-form{
			width: 100%;
			max-width: 650px;
			margin: 15px auto 0 auto;
			padding: 0;
		}
			.callback-form-block{
				background: #ffce00;
				padding: 35px;
				width: 100%;
				box-shadow: 0 0 17px rgba(200,200,200,0.4);
				text-align: center;
			}
			
			.callback-input-block{
				margin: 0;
				display: inline-block;
				width: 50%;
				padding: 0 10px;
				vertical-align: top;
			}
				.callback-input-block input {
					border: 1px solid #aaa;
					padding: 21px 15px;
					font-size: 14px;
					width: 100%;
					font-family: 'Rubik', sans-serif;
				}
			
			.callback-submit-block{
				margin: 0;
				display: inline-block;
				width: 50%;
				padding: 0 10px;
				vertical-align: top;
			}
				.callback-submit-button{
					width: 100%;
					font-family: 'Rubik', sans-serif;
					font-size: 17px;
					font-weight: 500;
					text-transform: uppercase;
					padding: 20px 18px;
					background: #2171c6;
					color: #fff;
					border: none;
					cursor: pointer;
				}

@media screen and (min-width: 700px) and (max-width: 870px) {
	.callback-block{
		padding: 25px 4% 35px 4%;
	}
			.callback-text p:first-of-type{
				font-size: 27px;
			}
			.callback-text p:last-of-type{
				font-size: 22px;
			}
			.callback-arrow img{
				max-width: 120px;
			}
		.callback-form{
			max-width: 550px;
		}
			.callback-form-block{
				padding: 26px;
			}
				.callback-input-block input {
					padding: 19px 13px;
				}
				.callback-submit-button{
					font-size: 16px;
					padding: 18px;
				}	
}


@media screen and (min-width: 551px) and (max-width: 699px) {
.callback-container{
	width: 100%;
}	
	.callback-block{
		padding: 20px 4% 35px 4%;
	}
			.callback-text p:first-of-type{
				font-size: 26px;
				margin: 0 0 10px 0;
			}
			.callback-text p:last-of-type{
				font-size: 21px;
			}
			.callback-arrow img{
				max-width: 100px;
			}
			.callback-form-block{
				padding: 25px;
			}
				.callback-input-block input {
					padding: 19px 13px;
				}
				.callback-submit-button{
					font-size: 16px;
					padding: 18px;
				}	
}

@media screen and (max-width: 550px) {	
	.callback-block{
		padding: 15px 2.5% 25px 2.5%;
	}
			.callback-text p:first-of-type{
				font-size: 24px;
				margin: 0 0 5px 0;
			}
			.callback-text p:last-of-type{
				font-size: 20px;
			}
			.callback-arrow img{
				max-width: 90px;
			}
		.callback-form{
			max-width: 300px;
			margin: 10px auto 0 auto;
		}
			.callback-form-block{
				padding: 25px;
			}
			
			.callback-input-block{
				width: 100%;
				padding: 0;
			}
				.callback-input-block input {
					padding: 18px 13px;
					font-size: 13px;
				}
			
			.callback-submit-block{
				margin: 15px 0 0 0;
				width: 100%;
				padding: 0;
			}
				.callback-submit-button{
					font-size: 15px;
					padding: 16px;
				}	
}
/* Конец Обратный звонок */	

/* Сотрудничество */
.cooperation-section{
	background-image: url(../img/about4.jpg);
	background-size: cover;
	background-position: center;
	min-height: 400px;
}
	.cooperation-container{
		min-height: 400px;
		background-color: rgba(33, 33, 33, .7);
	}
		.cooperation-block{
			padding: 40px 5%;
			max-width: 1400px;
			margin: auto;
		}
			.cooperation-head{
				
			}
				.cooperation-head h2{
					text-align: center;
					text-transform: uppercase;
					color: #fff;
					font-size: 30px;
					font-weight: 700;
					margin: 0 0 10px 0;
					letter-spacing: 1px;
				}
			.cooperation-wrap{
				width: 100%;
				max-width: 1050px;
				margin: auto;
				overflow: hidden;
				padding: 20px 0 0 0;
				text-align: center;
			}
				.cooperation-text{
					width: 100%;
					max-width: 850px;
					margin: auto;
					line-height: 1.4;
					padding: 10px;
				}
					.cooperation-text p{
						font-weight: 500;
						color: #fff;
						margin: 0;
						font-size: 17px;
					}
				.cooperation-points-block{
					width: 100%;
					max-width: 900px;
					margin: 20px auto 0 auto;
				}
					.cooperation-points{
						font-size: 0;
					}
						.cooperation-item-block{
							display: inline-block;
							width: 50%;
							padding: 0 20px;
							vertical-align: top;							
						}
							.cooperation-item{
								width: 100%;
								max-width: 350px;
								margin: auto;
								padding: 50px 30px;
								background: #2171c6;
								box-shadow: 0 0 17px rgba(50,50,50,0.7);
							}
								.cooperation-item-text{
									
								}
									.cooperation-item-text h4{
										font-size: 17px;
										margin: 0 0 10px 0;
										font-weight: 700;
										text-transform: uppercase;
										color: #ffce00;
									}
									.cooperation-item-text p{
										font-size: 15px;
										font-weight: 500;
										margin: 0;
										color: #fff;
									}

@media screen and (min-width: 700px) and (max-width: 870px) {
		.cooperation-block{
			padding: 35px 4%;
		}
				.cooperation-head h2{
					font-size: 28px;
				}
				.cooperation-text{
					padding: 0;
				}	
}
@media screen and (min-width: 551px) and (max-width: 699px) {
.cooperation-section{
	min-height: 350px;
}
	.cooperation-container{
		min-height: 350px;
	}
		.cooperation-block{
			padding: 35px 4%;
		}
				.cooperation-head h2{
					font-size: 26px;
				}
				.cooperation-text{
					padding: 0;
				}
					.cooperation-text p{
						font-size: 16px;
					}
						.cooperation-item-block{
							padding: 0 10px;							
						}
							.cooperation-item{
								padding: 35px 20px;
							}
									.cooperation-item-text h4{
										font-size: 16px;
									}
									.cooperation-item-text p{
										font-size: 14px;
									}
}	

@media screen and (max-width: 550px) {
		.cooperation-block{
			padding: 20px 2.5%;
		}
				.cooperation-head h2{
					font-size: 25px;
				}
			.cooperation-wrap{
				padding: 10px 0 0 0;
			}
				.cooperation-text{
					padding: 0;
				}
					.cooperation-text p{
						font-size: 15px;
					}
				.cooperation-points-block{
					margin: 10px auto 0 auto;
				}
						.cooperation-item-block{
							width: 100%;
							padding: 10px 0;							
						}
							.cooperation-item{
								padding: 25px 20px;
							}
									.cooperation-item-text h4{
										font-size: 16px;
									}
									.cooperation-item-text p{
										font-size: 14px;
									}
}
/* Конец Сотрудничество */	



.footer-contact-container{
	width: 100%;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
	.footer-contact-block{
		font-size: 0;
		width: 100%;
		max-width: 1170px;
		margin: auto;
		padding: 0 15px;
	}
		.footer-contact-item{
			display: inline-block;
			vertical-align: top;
			padding-bottom: 29px;
		}
		.footer-contact-item:nth-of-type(1){
			width: 33.3333%;
		}
		.footer-contact-item:nth-of-type(2){
			border-left: 1px solid #ccc;
			border-right: 1px solid #ccc;
			width: 41.6666%;
			text-align: center;
		}
		.footer-contact-item:nth-of-type(3){
			width: 25%;
			padding-left: 30px;
		}
			.footer-contact-item img{
				display: inline-block;
				vertical-align: top;
				margin: 33px 10px 0 0;
				max-width: 100%;
			}
			.footer-contact-item div{
				display: inline-block;
				vertical-align: top;
				font-size: 10px;
				line-height: 1;
				color: #333;
				text-transform: uppercase;
				font-weight: 600;
				padding: 39px 4px 0 0;
				text-align: left;
			}
			.footer-contact-item p{
				display: inline-block;
				vertical-align: top;
				padding: 36px 0 0;
				margin: 0;
				font-size: 23px;
				font-weight: 700;
			}
			
@media screen and (min-width: 870px) and (max-width: 950px) {
			.footer-contact-item p{
				font-size: 20px;
			}	
	
}
@media screen and (min-width: 700px) and (max-width: 869px) {
		.footer-contact-item{
			padding-bottom: 20px;
		}
		.footer-contact-item:nth-of-type(3){
			padding-left: 15px;
		}
			.footer-contact-item img{
				margin: 23px 5px 0 0;
				max-width: 25px;
			}
			.footer-contact-item div{
				font-size: 9px;
				padding: 26px 4px 0 0;
			}
			.footer-contact-item p{
				padding: 26px 0 0;
				font-size: 16px;
			}	
	
}
@media screen and (min-width: 400px) and (max-width: 699px) {
	.footer-contact-block{
		padding: 0;
	}
		.footer-contact-item{
			padding-bottom: 19px;
			text-align: center;
		}
		.footer-contact-item:nth-of-type(1){
			width: 100%;
		}
		.footer-contact-item:nth-of-type(2){
			border-top: 1px solid #ccc;
			border-bottom: 1px solid #ccc;
			border-left: none;
			border-right: none;
			width: 100%;
		}
		.footer-contact-item:nth-of-type(3){
			width: 100%;
			padding-left: 0;
		}
			.footer-contact-item img{
				margin: 20px 5px 0 0;
				max-width: 26px;
			}
			.footer-contact-item div{
				font-size: 9px;
				padding: 29px 4px 0 0;
			}
			.footer-contact-item p{
				padding: 26px 0 0;
				font-size: 21px;
			}	
	
}

@media screen and (max-width: 399px) {
	.footer-contact-block{
		padding: 0;
	}
		.footer-contact-item{
			padding-bottom: 19px;
			text-align: center;
		}
		.footer-contact-item:nth-of-type(1){
			width: 100%;
		}
		.footer-contact-item:nth-of-type(2){
			border-top: 1px solid #ccc;
			border-bottom: 1px solid #ccc;
			border-left: none;
			border-right: none;
			width: 100%;
		}
		.footer-contact-item:nth-of-type(3){
			width: 100%;
			padding-left: 0;
		}
			.footer-contact-item img{
				margin: 24px 5px 0 0;
				max-width: 24px;
			}
			.footer-contact-item div{
				font-size: 8px;
				padding: 29px 4px 0 0;
			}
			.footer-contact-item p{
				padding: 26px 0 0;
				font-size: 18px;
			}	
}
		
footer{
	background-repeat: repeat;
    background-position: left top;
    background-image: url(../img/bg-footer.png);
}
	.footer-container{
		
	}
		.footer-info-container{
			font-size: 0;
			width: 100%;
			max-width: 1170px;
			margin: auto;
			padding: 20px 40px;
		}
			.footer-info-logo{
				display: inline-block;
				vertical-align: top;
				width: 25%;
				text-align: center;
				padding: 20px 20px 0 0;
			}
				.footer-info-logo img{
					width: 100%;
					max-width: 300px;
				}
			.footer-info-text{
				display: inline-block;
				vertical-align: top;
				width: 75%;
			}
				.footer-info-text p{
					font-size: 13px;
					margin: 5px 0;
				}
		.footer-copyright-container{
			width: 100%;
		}
		
			.footer-copyright-text{
				text-align: center;
				font-size: 15px;
				font-weight: 500;
				padding: 30px 0;
			}
				.footer-copyright-text a{
					color: #2171c6;
				}
				
@media screen and (min-width: 400px) and (max-width: 699px) {
.footer-copyright-text{
	font-size: 14px;
	padding: 25px 0;
}
}

@media screen and (max-width: 399px) {
.footer-copyright-text{
	font-size: 13px;
	padding: 20px 0;
}
	
}


.autoink{
	position: relative;
	overflow: hidden;
   -webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
.ink{
   display: block;
   position: absolute;
   background: rgba(255, 255, 255, 1.0);
   border-radius: 100%;
   -webkit-transform: scale(0);
   -moz-transform: scale(0);
   -o-transform: scale(0);
   transform: scale(0);
   z-index: 20;  
}

.animate {
webkit-animation: ripple 4s linear infinite;
-moz-animation: ripple 4s linear infinite;
-ms-animation: ripple 4s linear infinite;
-o-animation: ripple 4s linear infinite;
animation: ripple 4s linear infinite;
 }
@keyframes ripple {  
20% {     
	opacity: 0;     
	transform: scale(2.5);
	}
100% {     
	opacity: 0;     
	transform: scale(2.5);
	}
}    


.autoflash{
	position: relative;
	overflow: hidden;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

 .flash{
   content: "";
background-color: rgba(255, 255, 255, 0.5);
height: 100%;
width: 3em;
display: block;
position: absolute;
top: 0;
left: -4.5em;
-webkit-transform: skewX(-45deg) translateX(0);
transform: skewX(-45deg) translateX(0);
-webkit-transition: none;
transition: none;
}

.lighting {
webkit-animation: moving 3s ease-in-out infinite;
-moz-animation: moving 3s ease-in-out infinite;
-ms-animation: moving 3s ease-in-out infinite;
-o-animation: moving 3s ease-in-out infinite;
animation: moving 3s ease-in-out infinite;

}

@keyframes moving {  
 30% {  webkit-transform: skewX(-45deg) translateX(33.5em);
	transform: skewX(-45deg) translateX(33.5em);   
	
	}

100% {  webkit-transform: skewX(-45deg) translateX(33.5em);
	transform: skewX(-45deg) translateX(33.5em);   
	
	}
 }
 
.remains{
	margin: 0 auto;
    padding: 0;
    max-width: 1900px;
    width: 100%;
    bottom: 0;
}
	.remains-block{
		width: 100%;
		max-width: 1170px;
		margin: auto;
		background: #ffce00;
		padding: 25px;
		align-items: center;
		justify-content: center;
		display: flex;
		text-align: center;
		box-shadow: 0 0 17px rgb(200 200 200 / 40%);
	}
		.remains-text{
			font-size: 33px;
			margin: 0 15px 0 0;
		}
		.remains-button{
			width: 100%;
			max-width: 170px;
			font-family: 'Rubik', sans-serif;
			font-size: 17px;
			font-weight: 500;
			text-transform: uppercase;
			padding: 14px 11px;
			background: #2171c6;
			color: #fff;
			border: none;
			cursor: pointer;
			margin-left: 7px;
		}			
@media screen and (max-width: 650px){
	.remains-block{
		flex-direction: column;
	}
	.remains-text {
		font-size: 30px;
		margin: 0 0 10px 0;
	}
	.remains-button{
		margin: 0;
		font-size: 16px;
		max-width: 160px;
	}
}
@media screen and (max-width: 450px){
.remains-block {
    padding: 25px 15px;
}
.remains-text {
    font-size: 25px;
}
.remains-button{
    margin: 0;
    font-size: 15px;
    max-width: 140px;
    padding: 11px;
}
}


/*Модальное окно заказа*/
#remains-modal{
	background-repeat: repeat;
    background-position: left top;
    background-image: url(../img/bg-footer.png);
	min-width: 400px;
}
.head-remains{
	text-align: center;
    font-size: 22px;
    font-weight: 700;
    margin: 0 0 10px 0;
    text-transform: uppercase;
}
.zero-remains-text {
    margin: 0 0 15px 0;
    color: #f30000;
	text-align: center;
}
.remains-form{
	padding: 0;
}
	.remains-form-block{
		padding: 0;
		max-width: 320px;
		margin: auto;
		text-align: center;
	}
	.head-remains-form{
		font-weight: 700;
		font-size: 15px;
	}
	.input-block{
		margin: 10px 0 0 0;
	}
		.input-block input {
			border: 1px solid #aaa;
			padding: 17px 15px;
			font-size: 14px;
			width: 100%;
			font-family: 'Rubik', sans-serif;
		}
	.submit-button{
		width: 100%;
		margin: 10px 0 0 0;
		font-family: 'Rubik', sans-serif;
		font-size: 16px;
		font-weight: 700;
		text-transform: uppercase;
		padding: 16px 17px;
		background: #2171c6;
		color: #fff;
		border: none;
		cursor: pointer;
	}
@media screen and (max-width: 500px){
#remains-modal{
	min-width: auto;
}
	.head-remains-form{
		font-size: 14px;
	}
	.head-remains{
		font-size: 21px;
	}
}