@charset "utf-8";
/*===== ГЛАВНАЯ =====*/

/*
d03370
*/


/*===== WRAPPER =====*/
body > .wrapper{	
	position: relative;
	width: 100%;
	height: 100%;
}


/*==== ОБЩЕЕ  ====*/

/* ЗАГОЛОВОК */
.header{
	margin-bottom: 30px;
	
	text-align: center;
	
	color: #333;
	font-family: Roboto;
	font-style: normal;
	font-weight: 900;
	font-size: 46px;
	line-height: 60px;
	text-transform: uppercase;
}









/*=== ВЕРХНИЙ БЛОК ===*/
	.top_block{
		border: 0px solid red;
		
		width: 100%;
		box-sizing: border-box;
		
		background: linear-gradient(to bottom, rgba(208, 51, 112, 0.25), rgba(208, 51, 112, 0.1)), 
					linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.2)), 
					url('/alex/images/main/top_block.jpg');
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center top;
	}
	.mid_razm[num='1']  > tbody > tr > td{	
		border: 0px solid green;
		
		padding: 30px 50px 0px 50px;
		
		vertical-align: middle;
	}
	@media screen and (max-width: 600px){
		.mid_razm[num='1']  > tbody > tr > td{			
			padding: 0px 20px 0px 20px;
		}
	}
	.top_block .header{	
		display: inline-block;
			
		color: #fff;
		text-align: center;
		text-transform: uppercase;
	}
	.top_block .header.big{	
		border: 0px solid red;
			
		font-family: ProximaNovaBlack;
		font-size: 63px;
		font-weight: 500;
		line-height: 69px;
	}
	@media screen and (max-width: 1050px){
		.top_block .header.big br{	
			display: none;
		}
	}
	@media screen and (max-width: 500px){
		.top_block .header.big{	
			font-size: 45px;
			line-height: 48px;
		}
	}
	@media screen and (max-width: 380px){
		.top_block .header.big{	
			font-size: 38px;
			line-height: 42px;
		}
	}
	.top_block .header.small{
		border: 0px solid blue;	
		
		margin-top: 50px;
		
		font-family: ProximaNovaRegular;
		font-size: 21px;
		font-weight: 200;
		
		line-height: 30px;
	}
	@media screen and (max-width: 500px){
		.top_block .header.small{
			font-size: 18px;
			line-height: 23px;
		}
	}
	
	/* КНОПКА ПОЛУЧИТЬ ПОДАРОК */
	.present{
		display: inline-block;
		border: 1px solid #eb3690;
		border-radius: 5px;
		
		margin-top: 25px;
		padding: 10px 20px;
		
		background: linear-gradient(to bottom, #E30E87, #CC4E8D);
		
		color: #fff;
		font-family: ProximaNovaRegular;
		font-size: 21px;
		font-weight: 200;
		cursor: pointer;
		
		line-height: 30px;
		
		-webkit-transition: 0.2s;
		transition: 0.2s;
	}
	@media screen and (max-width: 500px){
		.present .ot{
			display: none;
		}
	}
	.present:hover{
		border: 1px solid #eb3690;
		background: linear-gradient(to bottom, #D10D7C, #BD4882);
		
		text-decoration: underline;
	}



/*=== ОБО МНЕ ===*/
	.about{
		position: relative;
		
		padding: 40px 40px 150px 40px;
		
		background: linear-gradient(to bottom, rgba(208, 51, 112, 0.3), rgba(208, 51, 112, 0.3)), 
					linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.4)), 
					url('/alex/images/main/about_bg.jpg');
		background-repeat: no-repeat;
		background-size: cover;
		background-position: left bottom;
		
		text-align: center;
	}
	@media screen and (max-width: 1280px){
		.about{
			background: linear-gradient(to bottom, rgba(208, 51, 112, 0.3), rgba(208, 51, 112, 0.3)), 
						linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.4)), 
						url('/alex/images/main/about_bg_mobile.jpg');
			background-repeat: no-repeat;
			background-size: cover;
			background-position: left bottom;
		}
	}
	@media screen and (max-width: 768px){
		.about{
			padding: 25px 25px 80px 25px;
		}
	}
	@media screen and (max-width: 600px){
		.about{
			padding: 15px 15px 40px 15px;
		}
	}
	.about .bottom_shape{		
		width: 100%;
		height: 130px;
		
		position: absolute;
		left: 0px;
		bottom: -1px;
		
		background: url('/alex/images/shapes/white_ditch.svg');
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center bottom;
	}
	.about .content{
		position: relative;
		z-index: 1;
	}
	.about .header{
		color: #fff;
	}
	@media screen and (max-width: 930px){
		.about .header{
			margin-bottom: 20px;
		}
	}
	@media screen and (max-width: 560px){
		.about .header{
			font-size: 36px;
			line-height: 40px;
		}
	}
	@media screen and (max-width: 420px){
		.about .header{
			font-size: 25px;
			line-height: 28px;
		}
	}
	.about .face{
		display: none;
	}
	@media screen and (max-width: 1280px){
		.about .face{
			border: 2px solid rgba(255, 255, 255, 0.9);
			border-radius: 1000px;
			
			display: block;
			
			width: 250px;
			height: auto;
			
			margin: 0px auto;
			margin-bottom: 25px;
		}
	}
	@media screen and (max-width: 768px){
		.about .face{
			width: 200px;
		}
	}
	@media screen and (max-width: 600px){
		.about .face{
			width: 150px;
		}
	}
	.about .text_w{
		width: 60%;
		
		float: right;
	}	
	@media screen and (max-width: 1280px){
		.about .text_w{
			width: 80%;
			margin: 0px auto;
			
			float: none;
		}	
	}
	@media screen and (max-width: 768px){
		.about .text_w{
			width: 95%;
		}	
	}
	@media screen and (max-width: 600px){
		.about .text_w{
			width: 100%;
		}	
	}
	.about p{
		display: block;
		margin-bottom: 20px;
	}
	@media screen and (max-width: 930px){
		.about p{
			text-align: center;
		}
	}
	.about p, 
	.about p a{
		color: #fff;
		font-family: Roboto;
		font-style: normal;
		font-weight: 400;
		font-size: 17px;
		line-height: 22px;
	}
	.about p a{
		font-weight: 700;
	}




/*=== БЛИЖАЙШИЕ СОБЫТИЯ ===*/
.events_div{ 
	padding: 30px;
	padding-bottom: 10px;
	
	background: #fff;
}
@media screen and (max-width: 570px){
	.events_div{ 
		padding: 15px;
	}
}
.events_div > .header{
	margin-top: 20px;
	margin-bottom: 50px;
}
@media screen and (max-width: 570px){
	.events_div > .header{
		margin-top: 15px;
		margin-bottom: 20px;
		
		font-size: 30px;
		line-height: 35px;
	}
}
.events{
	width: auto;
	margin: 0px auto;
}
.events > tbody > tr > td{
	border: 0px solid #aaa;
	
	padding: 10px;
	
	vertical-align: top;
	
	text-align: center;
}
.events > tbody > tr > td > .wrap{
	border: 2px solid transparent; /* не удалять */
	
	border-radius: 5px;
	display: inline-block;
	
	width: 350px;
	box-sizing: border-box;
	
	box-shadow: 0 3px 0 #dbd8de;
	background: #f3f0f6;
	
	overflow: hidden;
}
@media screen and (max-width: 1201px){
	.events > tbody > tr > td > .wrap{
		width: 450px;
	}
}
@media screen and (max-width: 570px){
	.events > tbody > tr > td > .wrap{
		width: 350px;
	}
}
@media screen and (max-width: 430px){
	.events > tbody > tr > td > .wrap{
		width: 250px;
	}
}
.events .tr_tbl{
	height: 100%;
	box-sizing: border-box;
}
.events .tr_tbl > tbody > tr > td{
	border: 0px solid #aaa;
	
	text-align: center;
	vertical-align: top;
}

/* ИКОНКИ МЕССЕНДЖЕРОВ для личной консультации */
.events .icons_w{	
	border-radius: 15px;
	
	width: 40%;
	height: 25%;
	
	background: url('/alex/images/main/messanger_icons.png'), rgba(0, 0, 0, 0.4);
	background-repeat: no-repeat;
	background-size: 90% auto;
	background-position: center center;
	
	position: absolute;
	z-index: 11;
	right: 10px;
	bottom: 10px;
	
	-webkit-transition: 0.2s;
	transition: 0.2s;
}
.events .tr_tbl > tbody > tr > td.img:hover .icons_w{
	background: url('/alex/images/main/messanger_icons.png'), rgba(0, 0, 0, 0);
	background-repeat: no-repeat;
	background-size: 90% auto;
	background-position: center center;
}

/* ИЗОБРАЖЕНИЕ */
.events .tr_tbl > tbody > tr > td.img{
	padding: 0px;
	width: 450px;
	height: 257px;
}
@media screen and (max-width: 1201px){
	.events .tr_tbl > tbody > tr > td.img{
		width: 450px;
		height: 257px;
	}
}
@media screen and (max-width: 570px){
	.events .tr_tbl > tbody > tr > td.img{
		width: 350px;
		height: 200px;
	}
}
@media screen and (max-width: 570px){
	.events .tr_tbl > tbody > tr > td.img{
		width: 250px;
		height: 143px;
	}
}
.events .tr_tbl > tbody > tr > td.img .wrap{	
	width: 100%;
	height: 100%;
	position: relative;
}
.events .tr_tbl > tbody > tr > td.img .img{	
	width: 100%;
	height: 100%;
	
	position: absolute;
	z-index: 1;
	left: 0px;
	top: 0px;
	
	-webkit-transition: 0.4s;
	transition: 0.4s;
}
.events .tr_tbl > tbody > tr > td.img:hover .img{
	transform: scale(1.2);
}

/* КОВЕР ИЗОБРАЖЕНИЯ */
.events .tr_tbl td.img .cover{
	opacity: 0;
	
	width: 100%;
	height: 100%;
	
	position: absolute;
	z-index: 2;
	left: 0px;
	top: 0px;
		
	background: rgba(0, 0, 0, 0.6);
	
	text-align: center;
	cursor: pointer;
	
	-webkit-transition: 0.2s;
	transition: 0.2s;
}
.events .tr_tbl td.img:hover .cover{
	opacity: 1;
}
.events .cover_tbl{
	height: 100%;
	box-sizing: border-box;
}
.events .cover_tbl > tbody > tr > td{
	border: 0px solid #fff;
	
	color: #fff;
	text-align: center;
}
.events .cover_tbl > tbody > tr > td.date{
	vertical-align: bottom;
	
	font-family: ProximaNovaRegular;
	font-size: 36px;
	font-weight: 900;
	text-transform: uppercase;	
}
.events .cover_tbl > tbody > tr > td.button{
	vertical-align: top;
}
.events .cover_tbl .cover_button{
	border: 2px solid #fff;
	
	border-radius: 5px;
	
	display: inline-block;

	padding: 15px 25px 13px 25px;

	color: #fff;
	font-family: ProximaNovaRegular;
	font-size: 17px;
	font-weight: 200;
	
	text-transform: uppercase;
	
	-webkit-transition: 0.2s;
	transition: 0.2s;
}

/* НАЗВАНИЕ ТРЕНИНГА */
.events .tr_tbl > tbody > tr > td.name{
	height: 50px;
	
	padding-top: 15px;
		
	color: #333;
	font-family: ProximaNovaBlack;
	font-size: 20px;
	line-height: 25px;
	font-weight: 400;
	cursor: pointer;
	text-transform: uppercase;
	
	-webkit-transition: 0.2s;
	transition: 0.2s;
}
@media screen and (max-width: 1201px){
	.events .tr_tbl > tbody > tr > td.name{
		height: auto;
	}
}
.events .tr_tbl > tbody > tr > td.name:hover{
	color: #d03370;
}

/* ОПИСАНИЕ ТРЕНИНГА */
.events .tr_tbl > tbody > tr > td.desc{	
	padding: 5px 20px 25px 20px;

	font-family: Roboto;
	font-style: normal;
	font-weight: 400;
	font-size: 15px;
	line-height: 22px;
	text-align: left;
}

/* ДАТА ТРЕНИНГА */
.events .tr_tbl > tbody > tr > td.date{	
	height: 25px;
	
	vertical-align: bottom;
	padding-bottom: 0px;
		
	color: #d03370;
	font-family: Roboto;
	font-size: 23px;
	font-weight: 700;
	text-transform: uppercase;
	text-align: center;
}
@media screen and (max-width: 1201px){ /* в вертикальной таблицы необяхательно чтобы блоки были одинаковой высоты */
	.events.vertical .tr_tbl > tbody > tr > td.date.empty{
		display: none;	
	}
}

/* КНОПКА ТРЕНИНГА */
.events .tr_tbl > tbody > tr > td.button{
	vertical-align: bottom;
}
.events .tr_button{
	border-radius: 5px;
	
	display: inline-block;
	
	position: relative;
	z-index: 10;
	
	margin-bottom: 30px;
	margin-top: 5px;
	padding: 15px 25px 13px 25px;
	
	background: #d03370;
	box-shadow: 0 3px 0 #B50046;
	
	color: #fff;
	cursor: pointer;
	font-family: ProximaNovaRegular;
	font-size: 17px;
	font-weight: 200;
	
	text-transform: uppercase;
	
	-webkit-transition: 0.2s;
	transition: 0.2s;
}
.events .tr_button:hover{
	background: #E63C7E;
	box-shadow: 0 3px 0 #D10051;
}




/*=== ЦИФРЫ ===*/
	.numbers{
		border: 0px solid red;
		
		position: relative;
		
		padding: 180px 50px 30px 50px;
		
		background: #f3f0f6;
		
		overflow: hidden; /* Здесь есть overflow на маленьких размерах экрана но выглядит норм та что так чтобы не заморчиваться */
	}
	@media screen and (max-width: 1200px){
		.numbers{
			padding-top: 130px;
		}
	}
	@media screen and (max-width: 860px){
		.numbers{
			padding: 100px 25px 15px 25px;
		}
	}
	@media screen and (max-width: 540px){
		.numbers{
			padding: 80px 15px 10px 15px;
		}
	}
	@media screen and (max-width: 420px){
		.numbers{
			padding-top: 60px;
		}
	}
	.numbers .top_shape{	
		width: 100%;
		height: 130px;
		
		position: absolute;
		left: 0px;
		top: 0px;
		
		background: url('/alex/images/main/top_shape.svg');
		background-repeat: no-repeat;
		background-size: 100% auto;
		background-position: center top;
	}
	@media screen and (max-width: 860px){
		.numbers .header{	
			font-size: 35px;
			line-height: 40px;
		}
	}
	@media screen and (max-width: 540px){
		.numbers .header{	
			font-size: 25px;
			line-height: 30px;
		}
	}
	
	/*== ЗАГОЛОВОК ==*/
		.numbers .header_wrap{
			position: relative;
			
			margin-top: 40px;
			margin-bottom: 40px;
		}
		.numbers .num_header{	
			height: 50px;
			box-sizing: border-box;
			display: inline-block;
			
			padding-top: 14px;
					
			position: relative;
			z-index: 1;
			
			color: #fff;
			font-family: ProximaNovaBlack;
			font-size: 20px;
			line-height: 25px;
			font-weight: 400;
			text-transform: uppercase;
			text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
		}
		.numbers .line{
			width: 100%;
			height: 4px;
			
			position: absolute;
			z-index: 0;
			left: 0px;
					
			float: right;
		}
		
		
	/*== ТАБЛИЦА ==*/
		.numbers .bullet_tbl{
			width: 80%;
			
			margin: 0px auto;
			margin-top: 40px;
		}
		@media screen and (max-width: 860px){
			.numbers .bullet_tbl{
				width: 95%;
			}
		}
		.bullet_tbl > tbody > tr > td{	
			padding: 10px 5px;
		}
		.bullet_tbl > tbody > tr > td.text{	
			font-family: ProximaNovaRegular;
			font-size: 18px;
			font-weight: 700;
			text-transform: uppercase;
		}
	
	
	/*== ОХВАТ МИРА ==*/
	
		/* ЗАГОЛОВОК */
			.numbers .header_wrap[num='1']{
				text-align: left;
			}
			.numbers .line[num='1']{
				top: 0px;
				background: linear-gradient(to right, #4eb0e2 60%, #ffc2c1);
			}
			.numbers .num_header[num='1']{	
				width: 500px;
				padding-left: 65px;
				
				background: url('/alex/images/main/header_shape_1.png');
				background-repeat: no-repeat;
				background-size: auto 100%;
				background-position: top left;
			}
		
		/* ТАБЛИЦА */
			.bullet_tbl[num='1'] > tbody > tr > td.text{
				padding-left: 35px;
			}
			@media screen and (max-width: 540px){
				.bullet_tbl[num='1'] > tbody > tr > td.text{
					padding-left: 15px;
				}
				.bullet_tbl[num='1'] > tbody > tr > td.img_td{
					vertical-align: top;
				}
			}
			.bullet_tbl[num='1'] .icon_img{
				width: 90px;
				height: auto;
			}
	
	
	/*== ДОСТИЖЕНИЯ УЧАСТНИЦ ==*/
	
		/* ЗАГОЛОВОК */
			.numbers .header_wrap[num='2']{
				margin-top: 60px;
				
				text-align: center;
			}
			.numbers .line[num='2']{
				top: 50%;
				background: linear-gradient(to right, #ffc2c1, #ee5758 35%, #ee5758 65%, #ffc2c1);
			}
			.numbers .num_header[num='2']{
				border: 0px solid red;
				
				width: 350px;
				
				position: relative;
				
				background: #ee5758;
				overflow: visible;
				
				text-align: center;
				white-space: nowrap;
			}
			@media screen and (max-width: 420px){
				.numbers .num_header[num='2']{			
					width: 250px;
					
					font-family: ProximaNovaRegular;
					font-weight: 400;
					font-size: 15px;
				}
			}
			.numbers .num_header[num='2'] .circle{
				display: inline-block;
				position: absolute;
				top: 0px;
				
				width: 50px;
				height: 50px;
				
				background: #ee5758;
				border-radius: 17px;
			}
			.numbers .num_header[num='2'] .circle.left{
				left: -20px;
			}
			.numbers .num_header[num='2'] .circle.right{
				right: -20px;
			}
			.bullet_tbl[num='2'] > tbody > tr > td{
				border: 0px solid #aaa;
				
				text-align: center;
			}
			
		/* ТАБЛИЦА */
			.bullet_tbl[num='2']{
				table-layout: fixed;
			}
		
			.bullet_tbl[num='2'] > tbody > tr > td.text{
				vertical-align: top;
				
				padding-bottom: 45px;
			}
			@media screen and (max-width: 380px){
				.bullet_tbl[num='2'] > tbody > tr > td.text{			
					padding-bottom: 25px;
				}
			}
			.bullet_tbl[num='2'] > tbody > tr.first .icon_img{
				padding: 7px;		
				background-color: #FFAFAD;
			}
			.bullet_tbl[num='2'] > tbody > tr.second .icon_img{
				padding: 5px;		
				background-color: #ec5455;
			}
			.bullet_tbl[num='2'] > tbody > tr > td{		
				padding: 15px 25px;
			}
			@media screen and (max-width: 1000px){
				.bullet_tbl[num='2'] > tbody > tr > td{			
					padding: 7px 25px;
				}
			}
			.bullet_tbl[num='2'] .icon_img{
				border-radius: 300px;
				
				width: 130px;
				height: auto;
			}
	
	
	/*== КАК ОКАЗАЛОСЬ ==*/
		/* ЗАГОЛОВОК */
			.numbers .header_wrap[num='3']{		
				position: relative;
				
				text-align: right;
			}
			.numbers .line[num='3']{
				top: 0px;
				background: #d03370;
				background: linear-gradient(to right, #ffc2c1, #d03370 35%);
			}
			.numbers .num_header[num='3']{	
				width: 500px;
				padding-right: 45px;
				
				float: right;
				
				background: url('/alex/images/main/header_shape_2.png');
				background-repeat: no-repeat;
				background-size: auto 100%;
				background-position: top right;
			}
		
		/* ТАБЛИЦА */
			.bullet_tbl[num='3']{
				table-layout: fixed;
			}
			.bullet_tbl[num='3'] > tbody > tr > td{
				border: 0px solid #aaa;
			}
			.bullet_tbl[num='3'] > tbody > tr > td.img{
				text-align: center;
			}
			.bullet_tbl[num='3'] > tbody > tr > td.text{
				vertical-align: top;
				text-align: center;
			}
			.bullet_tbl[num='3'] > tbody > tr > td.second{
				padding-left: 55px;
			}
			@media screen and (max-width: 1000px){
				.bullet_tbl[num='3'] > tbody > tr > td.second{
					padding-left: 0px;
				}
				.bullet_tbl[num='3'] > tbody > tr > td.img.second{
					padding-top: 35px;
				}
			}
			.bullet_tbl[num='3'] .icon_img{
				width: 150px;
				height: auto;
			}
			.bullet_tbl[num='3'] .num_text{
				font-size: 35px;
				text-align: center;
			}
			.bullet_tbl[num='3'] .small_text{
				margin-top: 10px;
				
				font-size: 15px;
				font-weight: 400;
				text-transform: none;
				text-align: center;
			}
	
	
	
	
/*=== ОТЗЫВЫ ===*/
.otz{	
	position: relative;
	
	padding: 170px 50px 50px 50px;
	
	background: #fff;
}
@media screen and (max-width: 960px){
	.otz{	
		padding: 130px 25px 25px 25px;
	}	
}
@media screen and (max-width: 660px){
	.otz{			
		padding: 90px 25px 25px 25px;
	}	
}
@media screen and (max-width: 480px){
	.otz{			
		padding: 60px 5px 5px 5px;
	}	
}
.otz .top_shape{	
	width: 100%;
	height: 130px;
	
	position: absolute;
	left: 0px;
	top: 0px;
	
	background: url('/alex/images/main/top_shape_grey.svg');
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: center top;
}
.otz .header{
	font-size: 35px;
	line-height: 40px;
	letter-spacing: 1px;
}
@media screen and (max-width: 660px){
	.otz .header{
		font-size: 25px;
		line-height: 28px;
		letter-spacing: 0px;
	}
}
.otz_tbl{
	width: auto;
	margin: 0px auto;
}
.otz_tbl > tbody > tr > td{
	border: 0px solid #aaa;
		
	text-align: center;
}
.otz_tbl > tbody > tr > td.left{
	padding-right: 40px;
}
@media screen and (max-width: 960px){
	.otz_tbl > tbody > tr > td.left{
		display: none;
	}
}
.otz_tbl > tbody > tr > td.right{
	padding-left: 40px;
}
@media screen and (max-width: 960px){
	.otz_tbl > tbody > tr > td.right{
		display: none;
	}
}
.otz_tbl .arrow{
	opacity: 0.7;
	
	font-size: 95px;
	color: #d03370;
	cursor: pointer;
	
	-webkit-transition: 0.2s;
	transition: 0.2s;
}
.otz_tbl .arrow:hover{
	opacity: 1;
}

/* ВИДЕО */
.otz_tbl > tbody > tr > td.video_td{
	width: 570px; /* 560 + 2*5 padding */
	height: 315px;
	box-sizing: border-box;
}
.otz_tbl > tbody > tr > td.video_td .wrap{
	border: 0px solid green;
	
	width: 560px;
	height: 315px;
	
	position: relative;
	
	overflow: hidden;
}
@media screen and (max-width: 960px){
	.otz_tbl > tbody > tr > td.video_td .wrap{		
		width: 100%;
		height: auto;		
		overflow: visible;
	}
}
.otz_tbl .video_w{
	border: 0px solid red;
	
	display: inline-block;
	
	width: 3420px; /* 560*6 + 6*10 отступа */
	height: 100%;
	
	position: absolute;
	left: 0px;
	top: 0px;
	
	-webkit-transition: 0.5s;
	transition: 0.5s;
}
@media screen and (max-width: 960px){
	.otz_tbl .video_w{		
		width: 100%; 
		height: auto;
		
		position: relative;
	}
}
.otz_tbl .video{
	border: 0px solid blue;
	
	display: inline-block;
	float: left;
	
	margin-right: 10px;
	
	border-radius: 15px;
	position: relative;
	
	width: 560px;
	height: 315px;
	
	overflow: hidden;
}
@media screen and (max-width: 960px){
	.otz_tbl .video{	
		border: 0px solid blue;
					
		width: 100%;
		height: 0;
		
		position: relative;
		float: none;
		
		padding-bottom: 56.25%;
	
		margin-right: 0px;
		margin-bottom: 30px;
	}
}
.otz_tbl .video iframe{	
	width: 100%;
	height: 100%;	
}
@media screen and (max-width: 960px){
	.otz_tbl .video iframe{	
		width: 100%;
   	 	height: 100%;	
		
		position: absolute;
		top: 0;
		left: 0;
	}
}



/*=== БЛОГ ===*/
	.blog_div{	
		position: relative;
		
		padding: 100px 50px 60px 50px;
		
		background: #f3f0f6;
		
		text-align: center;
	}
	@media screen and (max-width: 830px){
		.blog_div{			
			padding: 50px 25px 30px 25px;
		}
	}
	@media screen and (max-width: 430px){
		.blog_div{			
			padding: 50px 5px 25px 5px;
		}
	}
	@media screen and (max-width: 430px){
		.blog_div .header{			
			font-size: 30px;
			line-height: 32px;
			
			margin-bottom: 20px;
		}
	}
	.blog_div .up_shape{	
		border: 0px solid #aaa;
		
		width: 100%;
		height: 130px;
		
		position: absolute;
		left: 0px;
		top: 0px;
		
		background: url('/alex/images/main/white_hill_shape.svg');
		background-repeat: no-repeat;
		background-size: 100% auto;
		background-position: center top;
	}
	
	/* ТАБЛИЦА С ЗАПИСЯМИ БЛОГА */
		.blog_latest{	
			width: auto;
			margin: 0px auto;
		}
		.blog_latest > tbody > tr > td{
			border: 0px solid #aaa;
			
			padding: 10px;
			
			vertical-align: top;
			
			text-align: center;
		}
		.blog_latest > tbody > tr > td > .wrap{
			border: 2px solid transparent; /* не удалять */
			
			border-radius: 5px;
			display: inline-block;
			
			width: 350px;
			box-sizing: border-box;
			
			box-shadow: 0 3px 0 #dbd8de;
			background: #fff;
			
			overflow: hidden;
		}
		@media screen and (max-width: 1220px){
			.blog_latest > tbody > tr > td > .wrap{
				width: 650px;
			}
		}
		@media screen and (max-width: 830px){
			.blog_latest > tbody > tr > td > .wrap{
				width: 350px;
			}
		}
		@media screen and (max-width: 430px){
			.blog_latest > tbody > tr > td > .wrap{
				width: 280px;
			}
		}
		.blog_latest .tr_tbl{
			height: 100%;
			box-sizing: border-box;
		}
		.blog_latest .tr_tbl > tbody > tr > td{
			border: 0px solid #aaa;
			
			text-align: center;
			vertical-align: top;
		}
		
	/* ИЗОБРАЖЕНИЕ СТАТЬИ БЛОГ */
		.blog_latest .tr_tbl > tbody > tr > td.img{
			height: 200px;
			
			padding: 0px;
		}
		@media screen and (max-width: 1220px){
			.blog_latest .tr_tbl > tbody > tr > td.img{
				height: 300px;
			}
		}
		@media screen and (max-width: 830px){
			.blog_latest .tr_tbl > tbody > tr > td.img{
				height: 200px;
			}
		}
		@media screen and (max-width: 430px){
			.blog_latest .tr_tbl > tbody > tr > td.img{
				height: 150px;
			}
		}
		.blog_latest .tr_tbl > tbody > tr > td.img > .wrap{	
			width: 100%;
			height: 100%;
			position: relative;
		}
		.blog_latest .tr_tbl > tbody > tr > td.img .img{	
			width: 100%;
			height: 100%;
			
			position: absolute;
			z-index: 1;
			left: 0px;
			top: 0px;
			
			-webkit-transition: 0.4s;
			transition: 0.4s;
		}
		.blog_latest .tr_tbl > tbody > tr > td.img:hover .img{
			transform: scale(1.2);
		}
	
	/* КОВЕР ИЗОБРАЖЕНИЯ */
		.blog_latest .tr_tbl td.img .cover{
			opacity: 0;
			
			width: 100%;
			height: 100%;
			box-sizing: border-box;
			
			position: absolute;
			z-index: 2;
			left: 0px;
			top: 0px;
			
			padding-top: 80px;
				
			background: rgba(0, 0, 0, 0.6);
			
			text-align: center;
			cursor: pointer;
			
			-webkit-transition: 0.2s;
			transition: 0.2s;
		}
		.blog_latest .tr_tbl td.img:hover .cover{
			opacity: 1;
		}
		.blog_latest .cover_button{
			border: 2px solid #fff;
			
			border-radius: 5px;
			
			display: inline-block;
		
			padding: 15px 25px 13px 25px;
		
			color: #fff;
			font-family: ProximaNovaRegular;
			font-size: 17px;
			font-weight: 200;
			
			text-transform: uppercase;
			
			-webkit-transition: 0.2s;
			transition: 0.2s;
		}
	
	/* НАЗВАНИЕ СТАТЬИ БЛОГА */
		.blog_latest .tr_tbl > tbody > tr > td.name{
			height: 70px;
			
			padding-top: 15px;
				
			color: #333;
			font-family: ProximaNovaBlack;
			font-size: 20px;
			line-height: 25px;
			font-weight: 400;
			cursor: pointer;
			text-transform: uppercase;
			
			-webkit-transition: 0.2s;
			transition: 0.2s;
		}
		@media screen and (max-width: 1220px){
			.blog_latest .tr_tbl > tbody > tr > td.name{
				height: auto;
			}
		}
		.blog_latest .tr_tbl > tbody > tr > td.name:hover{
			color: #d03370;
		}
		.blog_latest .tr_tbl > tbody > tr > td.name[num='1']{
			font-size: 18px;
			line-height: 20px;
		}
	
	/* ОПИСАНИЕ СТАТЬИ БЛОГА */
		.blog_latest .tr_tbl > tbody > tr > td.desc{	
			padding: 5px 20px 25px 20px;
		
			font-family: Roboto;
			font-style: normal;
			font-weight: 400;
			font-size: 15px;
			line-height: 22px;
			text-align: left;
		}
		.blog_latest .dots{
			display: inline-block;
			cursor: pointer;
		}
	
	/* КНОПКА ЧИТАТЬ СТАТЬЮ */
		.blog_latest .tr_button{
			border-radius: 5px;
			
			display: inline-block;
			
			margin-bottom: 30px;
			margin-top: 5px;
			padding: 15px 25px 13px 25px;
			
			background: #d03370;
			box-shadow: 0 3px 0 #B50046;
			
			color: #fff;
			cursor: pointer;
			font-family: ProximaNovaRegular;
			font-size: 17px;
			font-weight: 200;
			text-align: center;
			text-transform: uppercase;
			
			-webkit-transition: 0.2s;
			transition: 0.2s;
		}
		.blog_latest .tr_button:hover{
			background: #E63C7E;
			box-shadow: 0 3px 0 #D10051;
		}
	
	/* КНОПКА ЧИТАТЬ ВСЕ СТАТЬИ */
		.blog_div .read_all{
			border: 2px solid #333;
			border-radius: 10px;
			
			display: inline-block;
			
			margin-top: 50px;
			
			padding: 15px 50px;
			
			color: #222;
			cursor: pointer;
			font-family: ProximaNovaRegular;
			font-size: 18px;
			font-weight: 200;
			text-align: center;
			text-transform: uppercase;
			
			box-shadow: 0 2px 0 #B4B0B8;
			
			-webkit-transition: 0.2s;
			transition: 0.2s;
		}
		@media screen and (max-width: 830px){
			.blog_div .read_all{
				margin-top: 25px;
			}
		}
		@media screen and (max-width: 430px){
			.blog_div .read_all{
				margin-top: 15px;
			}
		}
		.blog_div .read_all:hover{
			border-color: #d03370;
			background: #d03370;
			box-shadow: 0 3px 0 #B50046;
			color: #fff;
		}