@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;
}



/* ЛОГОТИП */
.topper .logo{
	background: url('/alex/images/logo/soyl_logo_black.png');
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: center center;
}




/*=== ВЕРХНИЙ БЛОК ===*/
	.top_block{
		border: 0px solid green;
		
		width: 100%;
		box-sizing: border-box;
		
		position: relative;
		
		background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0) 18%, rgba(0, 0, 0, 0)), 
					linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1) 30%, rgba(0, 0, 0, 0.2) 70%, rgba(0, 0, 0, 0)), 
					url('/alex/images/main/top_block.jpg');
		background-repeat: no-repeat;
		background-size: cover;
		background-position: left center;
	}
	@media screen and (max-width: 1200px){
		.top_block{
			background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0) 18%, rgba(0, 0, 0, 0)), 
						linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1) 30%, rgba(0, 0, 0, 0.2) 70%, rgba(0, 0, 0, 0)), 
						url('/alex/images/main/top_block_1.jpg');
			background-repeat: no-repeat;
			background-size: cover;
			background-position: left center;
		}
	}
	.mid_razm[num='1']  > tbody > tr > td{	
		border: 0px solid green;
		
		padding: 0px;
	}
	@media screen and (max-width: 1200px){
		.mid_razm[num='1']  > tbody > tr > td{	
			padding-top: 100px;
			
			vertical-align: top;
		}
	}
	.top_block .header.big{					
		color: #fff;
		text-shadow: 1px 1px 0px rgba(0, 0, 0, 1);
		font-family: ProximaNovaBlack;
		font-size: 63px;
		font-weight: 500;
		line-height: 69px;
		text-align: center;
		text-transform: uppercase;
	}
	@media screen and (max-width: 600px){
		.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 .mobile{
		display: none;
	}
	@media screen and (max-width: 1100px){
		.top_block .mobile{
			display: inline-block;
		}
	}
	.header.big br{
	}
	@media screen and (max-width: 900px){
		.header.big br{
			display: none !important;
		}
	}
	.top_block .header.small{
		border: 0px solid blue;	
		
		display: inline-block;
		
		margin-top: 30px;
		margin-bottom: 60px;
				
		color: #222;
		font-family: ProximaNovaRegular;
		font-size: 21px;
		font-weight: 200;
		text-align: center;
		text-transform: uppercase;
		
		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;
		
		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;
	}
	.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), rgba(208, 51, 112, 0)), 
					linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), 
					url('/alex/images/main/about_bg.jpg');
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center center;
		
		text-align: center;
	}
	@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: 0px;
		
		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: #333;
	}
	@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 .text_w{
		width: 80%;
		margin: 0px auto;
	}	
	@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: #000;
		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 100px 50px;
		
		background: #f3f0f6;
		
		background: url('/alex/images/main/love_pattern.png');
		background-repeat: repeat;
		background-size: 150px 150px;
		background-position: center center;
		
		
		overflow: hidden; /* Здесь есть overflow на маленьких размерах экрана но выглядит норм та что так чтобы не заморчиваться */
		
		text-align: center;
	}
	@media screen and (max-width: 1200px){
		.numbers{
			padding-top: 130px;
		}
	}
	@media screen and (max-width: 900px){
		.numbers{
			padding: 100px 25px 70px 25px;
		}
	}
	@media screen and (max-width: 540px){
		.numbers{
			padding: 80px 15px 50px 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;
	}
	.numbers .header{	
		font-size: 35px;
		line-height: 40px;
	}
	@media screen and (max-width: 540px){
		.numbers .header{	
			font-size: 25px;
			line-height: 30px;
		}
	}
	
	/* СПИСОК */
		.numbers .bullet_tbl{			
			width: 70%;
			
			margin: 0px auto;
		}
		@media screen and (max-width: 1200px){
			.numbers .bullet_tbl{
				width: 95%;
			}
		}
		.numbers .bullet_tbl > tbody > tr > td{
			border: 0px solid #aaa;
			
			padding-bottom: 25px;	
		}
		.numbers .bullet_tbl > tbody > tr > td.img_td{
			width: 1px;
		}
		.numbers .bullet_tbl .icon_img{		
			border-radius: 1000px;
			
			display: inline-block;
			position: relative;
			z-index: 2;
						
			width: 75px;
			height: 75px;
			
			box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.75), inset -3px -3px 5px 0px rgba(0, 0, 0, 0.85);			
		}
		.numbers .bullet_tbl > tbody > tr > td.text_td{			
			font-family: Roboto;
			font-style: normal;
			font-weight: 400;
			font-size: 18px;
			line-height: 22px;
			text-transform: none;
		}
		.numbers .bullet_tbl > tbody > tr > td.text_td.left{	
			padding-right: 25px;
					
			text-align: right;
		}
		@media screen and (max-width: 780px){
			.numbers .bullet_tbl > tbody > tr > td.text_td.left{
				display: none;	
			}
		}
		.numbers .bullet_tbl > tbody > tr > td.text_td.right{	
			padding-left: 25px;
				
			text-align: left;
		}
		@media screen and (max-width: 780px){
			.numbers .bullet_tbl > tbody > tr > td.text_td.right{
				visibility: visible !important;	
			}
		}
		@media screen and (max-width: 375px){
			.numbers .bullet_tbl > tbody > tr > td.text_td.right{	
				padding-left: 15px;
				
				font-size: 16px;
				line-height: 18px;
			}
		}
		.numbers .bullet_tbl > tbody > tr > td.text_td .wrap{
			border: 1px solid rgba(100, 100, 100, 0.2);
			border-radius: 15px;
			
			box-sizing: border-box;
			
			padding: 15px;
			
			background: rgba(255, 255, 255, 0.5);			
		}
		@media screen and (max-width: 375px){
			.numbers .bullet_tbl > tbody > tr > td.text_td .wrap{
				padding: 10px;
			}
		}
		/* цвета .wrap */
			.numbers .bullet_tbl > tbody > tr[key='0'] > td.text_td .wrap{
				background: rgba(124, 171, 58, 0.2);
			}
			.numbers .bullet_tbl > tbody > tr[key='1'] > td.text_td .wrap{
				background: rgba(62, 180, 158, 0.2);
			}
			.numbers .bullet_tbl > tbody > tr[key='2'] > td.text_td .wrap{
				background: rgba(204, 226, 151, 0.3);
			}
			.numbers .bullet_tbl > tbody > tr[key='3'] > td.text_td .wrap{
				background: rgba(245, 127, 31, 0.3);
			}
			.numbers .bullet_tbl > tbody > tr[key='4'] > td.text_td .wrap{
				background: rgba(174, 135, 190, 0.25);
			}
			.numbers .bullet_tbl > tbody > tr[key='5'] > td.text_td .wrap{
				background: rgba(162, 220, 241, 0.25);
			}
			.numbers .bullet_tbl > tbody > tr[key='6'] > td.text_td .wrap{
				background: rgba(253, 186, 20, 0.3);
			}
			.numbers .bullet_tbl > tbody > tr[key='7'] > td.text_td .wrap{
				background: rgba(36, 169, 224, 0.2);
			}
			.numbers .bullet_tbl > tbody > tr[key='8'] > td.text_td .wrap{
				background: rgba(174, 135, 190, 0.25);
			}
			.numbers .bullet_tbl > tbody > tr[key='9'] > td.text_td .wrap{
				background: rgba(62, 180, 158, 0.2);
			}
			.numbers .bullet_tbl > tbody > tr[key='10'] > td.text_td .wrap{
				background: rgba(204, 226, 161, 0.5);
			}
			.numbers .bullet_tbl > tbody > tr[key='11'] > td.text_td .wrap{
				background: rgba(62, 180, 158, 0.2);
			}
			.numbers .bullet_tbl > tbody > tr[key='12'] > td.text_td .wrap{
				background: rgba(36, 169, 224, 0.2);
			}
			.numbers .bullet_tbl > tbody > tr[key='13'] > td.text_td .wrap{
				background: rgba(162, 220, 241, 0.3);
			}
			.numbers .bullet_tbl > tbody > tr[key='14'] > td.text_td .wrap{
				background: rgba(245, 125, 31, 0.2);
			}
			.numbers .bullet_tbl > tbody > tr[key='15'] > td.text_td .wrap{
				background: rgba(36, 169, 224, 0.2);
			}
			.numbers .bullet_tbl > tbody > tr[key='16'] > td.text_td .wrap{
				background: rgba(253, 186, 20, 0.2);
			}
			.numbers .bullet_tbl > tbody > tr[key='17'] > td.text_td .wrap{
				background: rgba(151, 63, 187, 0.2);
			}
			.numbers .bullet_tbl > tbody > tr[key='18'] > td.text_td .wrap{
				background: rgba(253, 186, 20, 0.2);
			}
			.numbers .bullet_tbl > tbody > tr[key='19'] > td.text_td .wrap{
				background: rgba(62, 180, 158, 0.2);
			}			
		.numbers .bullet_tbl > tbody > tr > td.text_td .line{
			border-top: 1px solid rgba(80, 80, 80, 0.2);
			
			display: inline-block;
			
			width: 35px;
			height: 1px;
			
			position: absolute;
			z-index: 1;
			top: 50%;
		}
		.numbers .bullet_tbl > tbody > tr > td.text_td.left .line{
			right: -35px;
		}
		.numbers .bullet_tbl > tbody > tr > td.text_td.right .line{
			left: -35px;
		}
		
	
		
		
	
	

	
	
	
/*=== ОТЗЫВЫ ===*/
	.otz{	
		border: 0px solid red;
		
		position: relative;
		
		padding: 50px 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{
		border: 0px solid blue;
	
		width: 100%;
		height: 140px;
		
		position: absolute;
		z-index: 1;
		left: 0px;
		top: -140px;
		
		background: url('/alex/images/shapes/white_ditch.svg');
		background-repeat: no-repeat;
		background-size: 100% auto;
		background-position: center bottom;
	}
	.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;
		}