/* SETTINGS 
	#1cb551 - green
*/

*{
	margin:0;
	padding:0;
}
	
@font-face{
	font-family:montserrat-b; 
	src:url(/bitrix/templates/aspro_max/css/fonts/new_index/montserrat-b.ttf);
	font-display:swap;
}
	
@font-face{
	font-family:montserrat-sb; 
	src:url(/bitrix/templates/aspro_max/css/fonts/new_index/montserrat-sb.ttf);
	font-display:swap;
}
	
@font-face{
	font-family:montserrat-r; 
	src:url(/bitrix/templates/aspro_max/css/fonts/new_index/montserrat-r.ttf);
	font-display:swap;
}

	button,
	input{
		outline:none;
	}

	/* ALL */
	
	.rey_text_white{
		color:#fff;
	}
	
	.rey_box_title{
		font:24px montserrat-sb;
		margin:100px auto 50px auto;
		text-align:center;
	}
	
	/* --- SM --- */
	@media (max-width:768px){
		.rey_box_title{
			margin:50px auto;
		}
	}

		.rey_box_title span{
			color:#1cb551;
			font:34px montserrat-b;
		}
		
		.rey_box_title img{
			height:40px;
			margin:-15px 0 0 0;
		}
	
	.rey_box_under_title_line{
		border:5px solid #1cb551;
		border-radius:5px;
		margin:15px auto;
		width:50px;
	}

	.rey_button_small{
		background:#1cb551;
		border:1px solid #1cb551;
		border-radius:30px;
		color:#fff;
		font:12px montserrat-sb;
		text-transform:uppercase;
		padding:5px 8px;
	}

		.rey_button_small:hover{
			background:#fff;
			color:#333;
			webkit-transition:.5s ease-in-out;
			-moz-transition:.5s ease-in-out;
			-o-transition:.5s ease-in-out;
			transition:.5s ease-in-out;
		}

	.rey_button_big{
		background:#1cb551;
		border:1px solid #1cb551;
		border-radius:30px;
		color:#fff;
		font:20px montserrat-r;
		padding:15px 25px;
	}

		.rey_button_big:hover{
			background:#fff;
			color:#333;
			webkit-transition:.5s ease-in-out;
			-moz-transition:.5s ease-in-out;
			-o-transition:.5s ease-in-out;
			transition:.5s ease-in-out;
		}

	/* --- XS --- */
	@media (max-width:470px){
		.rey_button_big{
			font:20px montserrat-r;
			padding:5px 15px;
		}
	}

	/* FFACE */
	
	.rey_fface{
		background:url(/images/new_index/fface.jpg) no-repeat;
		background-size:100%;
		height:400px;
		margin:15px auto;
		padding:75px 25px 25px 25px;
	}

		.rey_fface_title_new{
			font:42px montserrat-b;
		}
		
		.rey_fface_title_small_new{
			font:18px montserrat-sb;
		}

	/* --- MD --- */
	@media (max-width:1024px){
		.rey_fface{
			padding:25px;
		}
		
			.rey_fface_title{
				font:37px montserrat-b;
			}
		
			.rey_fface_text_xs_new{
				width:60%;
			}
	}

	/* --- SM --- */
	@media (max-width:768px){
		.rey_fface{
			/*height:300px;*/
			padding:25px;
		}
		
			.rey_fface_title_new{
				font:32px montserrat-b;
			}
			
			.rey_fface_text_xs{
				width:60%;
			}
	}

	/* --- XS-HOR --- */
	@media (max-width:647px){
		.rey_fface{
			background:url(/images/new_index/fface-xs-hor.jpg) no-repeat;
			background-size:100%;
			/*height:300px;*/
			margin:15px auto;
			padding:15px;
		}
	}

	/* --- XS --- */
	@media (max-width:470px){
		.rey_fface{
			background:url(/images/new_index/fface-xs.jpg) no-repeat;
			background-size:100%;
			/*height:250px;*/
			margin:15px auto;
			padding:15px;
		}
		
			.rey_fface_title_new{
				font:18px montserrat-b;
			}
			
			.rey_fface_title_small_new{
				font:14px montserrat-sb;
			}
			
			.rey_fface button{
				background:#1cb551;
				border:1px solid #1cb551;
				border-radius:30px;
				font:18px montserrat-r;
				padding:15px 30px;
			}
			
			.rey_fface_text_xs_new{
				width:50%;
			}
	}
		
	/* ADVANTAGES */
	
	.rey_adv_item_1{
		background:url(/images/new_index/adv/bg-01.jpg);
	}
	
	.rey_adv_item_2{
		background:url(/images/new_index/adv/bg-02.jpg);
	}
	
	.rey_adv_item_3{
		background:url(/images/new_index/adv/bg-03.jpg);
	}
	
	.rey_adv_item_4{
		background:url(/images/new_index/adv/bg-04.jpg);
	}
	
	.rey_adv_item_5{
		background:url(/images/new_index/adv/bg-05.jpg);
	}
	
	.rey_adv_item_6{
		background:url(/images/new_index/adv/bg-06.jpg);
	}
		 
	.rey_adv_item{
		background-position-y:0px;
		background-position-x:45px;
		background-repeat:no-repeat;
		font:16px montserrat-r;
		height:150px;
		padding:50px 0 0 0;
	}

	/* --- MD --- */
	@media (max-width:1024px){
		.rey_adv_item{
			height:170px;
		}
	}
	
	/* --- SM --- */
	@media (max-width:768px){
		.rey_adv_item{
			height:140px;
		}
	}

		.rey_adv_item img{
			margin:-8px 15px 0 0;
		}
		
		.rey_adv_item_button{
			margin:8px 0 0 0;
		}
		
	/* --- XS --- */
	@media (max-width:470px){
		.rey_adv_item{
			height:auto;
			padding:30px 0;
		}
		
			.rey_adv_title{
				width:290px;
			}
	}

	/* PRODUCTIONS */
	
	.rey_prod{
		background:url(/images/new_index/prod/bg.jpg);
		background-size:100%;
	}
	
		.rey_prod_item{
			background:#fff;
			border:1px solid #f8f8f8;
			border-radius:10px;
			box-shadow:0 0 15px #f0f0f0;
			margin:0 0 25px 0;
			padding:10px 0 35px 0;
			text-align:center;
		}
		
			.rey_prod_item:hover{
				border:1px solid #1cb551;
				webkit-transition:.5s ease-in-out;
				-moz-transition:.5s ease-in-out;
				-o-transition:.5s ease-in-out;
				transition:.5s ease-in-out;
			}

			.rey_prod_item_title{
				align-items:center;
				display:flex;
				font:16px montserrat-r;
				height:38px;
			}
			
				.rey_prod_item_title p{
					margin:0 auto;
				}
		
			.rey_prod_item img{
				height:250px;
				margin:25px 0;
			}

		/* --- XS --- */
		@media (max-width:470px){
			.rey_prod_item{
				border:none;
				box-shadow:none;
				margin:0 0 25px 0;
				padding:0;
				text-align:center;
			}
			
				.rey_prod_item:hover{
					border:none;
				}
			
				.rey_prod_item img{
					height:115px;
				}
				
				.rey_prod_item_title{
					font:14px montserrat-r;
				}
		}
			
	/* HELP */
	
	.rey_text_help{
		font:16px montserrat-r;
		padding:50px;
	}
	
		.rey_text_help_img figure{
			border-radius:10px;
			margin:0 2% 2% 0;
			text-align:center;
			width:45%;
		}
		
			.rey_text_help_img figure i{
				margin:25px 0 0 0;
				font-size:25px;
			}

	/* --- XS --- */
	@media (max-width:470px){
		.rey_text_help{
			padding:10px;
		}
		
		.rey_text_help p{
			text-align:center;
		}
	}

	/* SUPPORT */
	
	.rey_support{
		background:url(/images/new_index/support-bg.jpg);
		background-position-y:70%;
		background-position-x:60%;
		background-repeat:no-repeat;
		border:1px solid #f8f8f8;
		border-radius:10px;
		box-shadow:0 0 15px #f0f0f0;
		overflow:hidden;
	}
	
	/* REVIEWS */
	
	.rey_reviews i{
		font-size:104px;
	}
	
	/* --- XS --- */
	@media (max-width:470px){
		.rey_reviews i{
			font-size:74px;
		}
	}
	
	.rey_reviews figure{
		text-align:center;
	}
	
	.rey_reviews figure i{
		font-size:72px;
		margin:60% 0 0 0;
	}
	
	/* PROVIDERS */
	
	.rey_providers{
		text-align:center;
	}
	
		.rey_providers img{
			margin:0 35px;
		}

		/* --- MD --- */
		@media (max-width:1024px){
			.rey_providers img{
				margin:0 15px;
			}
		}

		/* --- SM --- */
		@media (max-width:768px){
			.rey_providers img{
				margin:25px;
			}
		}
		
	/* CALLBACK */
	
	.rey_callback{
		border:1px solid #1cb551;
		border-radius:10px;
		margin:0 0 25px 0;
	}
	
		.rey_callback{
			text-align:center;
		}
		
			.rey_callback_title{
				background:#fff;
				font:18px montserrat-sb;
				margin:-15px auto 30px auto;
				width:40%;
			}
			
				.rey_callback_title a{
					color:#1cb551;
				}
				
			/* --- XS --- */
			@media (max-width:470px){
				.rey_callback_title{
					width:80%;
				}
			}

			.rey_callback_title_big{
				margin:100px 0 25px 0;
			}
				
		.rey_callback form{
			margin:0 0 25px 0;
		}
		
			.rey_callback input{
				margin:0 1% 0 0;
				width:30%;
			}
		
			.rey_callback input[type='text']{
				background:#f2f3f5;
				border:1px solid #f2f3f5;
				border-radius:30px;
				font:20px montserrat-r;
				padding:15px 25px;
			}

	/* --- XS-HOR --- */
	@media (max-width:700px){
		.rey_callback input[type='text'],
		.rey_callback input[type='submit']{
			font:14px montserrat-r;
			padding:15px 10px;
		}
	}
			
			/* --- XS --- */
			@media (max-width:470px){
				.rey_callback input{
					font:20px montserrat-r;
					margin:0 0 10px 0;
					width:90%;
				}
				
					.rey_callback input[type='text'],
					.rey_callback input[type='submit']{
						font:20px montserrat-r;
						padding:15px 25px;
					}
			}

.sec-5-title-img {
	display: inline-block;
	vertical-align: top;
	width: 29px;
	height: 51px;
	background-image: url(/images/new_index/phone.jpg);
	margin-left: 20px;
	margin-right: 20px;
}