@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,700|Lora:400,700&subset=cyrillic-ext');

body {
	font-family: Roboto;
	font-weight: 300;
}

@media all and (min-aspect-ratio: 1/1) {
	.up_menu_style_big {
		margin: 0;
		padding: 0;
		column-gap: 1.0em; /* Общее расстояние между колонками */
		-moz-column-gap: 1.0em; /* Расстояние между колонками для Firefox */
		-webkit-column-gap: 1.0em;
		-moz-column-count: 2;
		-webkit-column-count: 2;
		column-count: 2;
	}
	.up_menu_style_item {
		display: inline-block;
		background: #fff;
		padding: 0;
		margin: 0;
		width: 100%;
		box-sizing: border-box; /* Изменения алгоритма расчета ширины и высоты элемента.*/
		-moz-box-sizing: border-box; /* Для Firefox */ 
		-webkit-box-sizing: border-box; /* Для Safari, Chrome, iOS иAndroid */ 
		/* box-shadow: 2px 2px 4px 0 #DFDFDF; Внешняя тень плиток */
	}
	.main_art {
		float: left;
		width: 75%;
	}
	.popular {
		float: right;
		width: 25%;
	}
	.banner {
		/*display: none;*/
		height: 8vw;
		width: 78vw;
	}
	.mid_table {
		/*width: 100vh;*/
		width: 78vw;
	}
	.logo_img {
		/*width: 41vw;*/
		height: 10.4vw;
		float: left;
	}
	.up_menu_search {
		/*margin-top: 1.1vh;*/
		float: left;
		width: 100%;
	}
	.dr_logo {
		float: left;
	}
	.up_menu {
		margin-left: 2vw;
		float: left;
		/*width: 60%;*/
		margin-top: 1.1vh;
	}
	.news {
		float: left;
		width: 23%;
		padding: 1%;
		/*background-color: antiquewhite;*/
	}
	.news_wi {
		float: left;
		width: 24.25%;
		padding: 0;
		margin-right: 1%;
		margin-top: 1vh;
		/*background-color: antiquewhite;*/
	}
	.news_wi_2 {
		float: left;
		width: 24.25%;
		padding: 0;
		margin-right: 1%;
		margin-top: 1vh;
		/*background-color: antiquewhite;*/
	}
	.news_wi_4 {
		float: left;
		width: 24.25%;
		padding: 0;
		margin-top: 1vh;
		/*background-color: antiquewhite;*/
	}
	.news_wi_img {
		height: 20vw;
	}
	.news_hi {
		float: left;
		/*width: 100.00%;*/
		height: 30vw;
		padding: 0;
		margin-top: 1vh;
		margin-left: 1vh;
	}
	.main_art_t_main_part {
		width: 75%;
	}
	.main_art_t_news_part {
		width: 25%;
	}
	.main_art_t_main_part_v2 {
		width: 75%;
	}
	.main_art_t_news_part_v2 {
		width: 25%;
	}
	.art {
		float: left;
		width: 100%;
		margin-top: 1%;
		height: 30vw;
		/*margin-bottom: 1%;*/
	}
	.art1 {
		float: left;
		width: 49.5%;
		background-color: red;
		margin-top: 1%;
		margin-right: 1%;
		height: 30vw;
	}
	.video_art1 {
		float: left;
		width: 49.5%;
		background-color: red;
		margin-top: 1%;
		margin-right: 1%;
		height: 28vw;
	}
	.art2 {
		float: right;
		width: 49.5%;
		background-color: red;
		margin-top: 1%;
		height: 30vw;
	}
	.video_art2 {
		float: right;
		width: 49.5%;
		background-color: red;
		margin-top: 1%;
		height: 28vw;
	}
	.vip1 {
		float: left;
		width: 32.7%;
		height: 55vh;
		background-color: #2c2c3a;
		margin-top: 1%;
		margin-right: 1%;
		overflow: hidden;
	}
	.vip2 {
		float: left;
		width: 32.7%;
		height: 55vh;
		background-color: #2c2c3a;
		margin-top: 1%;
		overflow: hidden;
	}
	.vip3 {
		float: right;
		width: 32.7%;
		height: 55vh;
		background-color: #2c2c3a;
		margin-top: 1%;
		overflow: hidden;
	}
	.one_popular {
		float: left;
		width: 89%;
		padding-bottom: 2vh;
		margin-left: 2vw;
	}
	.up_table_menu_img_banners {
		height: 10vw;
	}
	.up_table_menu {
		width:56vw;
		height:10vw;
	}
	.up_table_menu tr {
		height:3vw;
	}
	.up_table_menu_banners {
		width: 10vw;
		height: 10vw;
	}
	.up_table_menu_fl {
		font-size: 1.4vw;
		font-weight: 700;
		margin-top: 0.2vw;
		margin-left: 0.5vw;
		float:left;
		border:none;
		color: black;
		width:29.5%;
		height:2.3vw;
		padding-left: 0.5vw;
		padding-top: 0.5vw;
		background-color: #e8e000;
	}
	.up_table_menu_fl:hover {
		font-size: 1.4vw;
		font-weight: 700;
		margin-left: 0.5vw;
		float:left;
		color: white;
		width:29.5%;
		height:2.3vw;
		padding-left: 0.5vw;
		padding-top: 0.5vw;
		transition: all 0.4s;
		/*background-color: RGBA(255, 0, 0, 0.75);*/
		background-color: RGBA(0, 0, 0, 1);
	}
	.up_table_menu_sl {
		font-size: 1.4vw;
		font-weight: 700;
		margin-top: 0.2vw;
		margin-left: 0.5vw;
		float:left;
		border:none;
		color: black;
		width:29.5%;
		height:2.3vw;
		padding-left: 0.5vw;
		padding-top: 0.5vw;
		background-color: #e8e000;
	}
	.up_table_menu_sl:hover {
		font-size: 1.4vw;
		font-weight: 700;
		margin-left: 0.5vw;
		float:left;
		color: white;
		width:29.5%;
		height:2.3vw;
		padding-left: 0.5vw;
		padding-top: 0.5vw;
		transition: all 0.4s;
		/*background-color: RGBA(255, 0, 0, 0.75);*/
		background-color: RGBA(0, 0, 0, 1);
	}
	.up_table_menu_tl {
		font-size: 1.4vw;
		font-weight: 700;
		margin-top: 0.2vw;
		margin-left: 0.5vw;
		float:left;
		border:none;
		color: black;
		width:45.7%;
		height:2.3vw;
		padding-left: 0.5vw;
		padding-top: 0.5vw;
		background-color: #e8e000;
	}
	.up_table_menu_tl:hover {
		font-size: 1.4vw;
		font-weight: 700;
		margin-left: 0.5vw;
		float:left;
		color: white;
		width:45.7%;
		height:2.3vw;
		padding-left: 0.5vw;
		padding-top: 0.5vw;
		transition: all 0.4s;
		/*background-color: RGBA(255, 0, 0, 0.75);*/
		background-color: RGBA(0, 0, 0, 1);
	}
}


/*@media all and (max-aspect-ratio: 1/1) {*/
@media NOT all and (min-aspect-ratio: 1/1) {
	.up_menu_style_big {
		width: 96vw;
		margin: 0;
		padding: 0;
		-moz-column-count: 2;
		-webkit-column-count: 2;
		column-count: 2;
	}
	.up_menu_style_item {
		display: inline-block;
		background: #fff;
		padding: 0;
		margin: 0;
		width: 100%;
		box-sizing: border-box; /* Изменения алгоритма расчета ширины и высоты элемента.*/
		-moz-box-sizing: border-box; /* Для Firefox */ 
		-webkit-box-sizing: border-box; /* Для Safari, Chrome, iOS иAndroid */ 
		/* box-shadow: 2px 2px 4px 0 #DFDFDF; Внешняя тень плиток */
	}
	.main_art {
		float: left;
		width: 96%;
		margin-left: 2%;
		margin-right: 1%;
	}
	.popular {
		float: left;
		width: 98%;
	}
	.banner {
		width: 100%;
	}
	.mid_table {
		width: 100%;
	}
	.logo_img {
		width: 46vw;
		margin-left: 1vw;
	}
	.up_menu_search {
		float: right;
		width: 94vw;
		margin-right: 2vw;
	}
	.dr_logo {
		/*display: inline-block;*/
		float: left;
	}
	.up_menu {
		float: right;
		width: 98%;
	}
	.news {
		float: left;
		width: 48%;
		padding: 1%;
		/*background-color: antiquewhite;*/
	}
	.news_wi {
		float: left;
		width: 49.5%;
		padding: 0;
		margin-right: 1%;
		margin-top: 1vh;
		/*background-color: antiquewhite;*/
	}
	.news_wi_2 {
		float: left;
		width: 49.5%;
		padding: 0;
		margin-top: 1vh;
		/*background-color: antiquewhite;*/
	}
	.news_wi_4 {
		float: left;
		width: 49.5%;
		padding: 0;
		margin-top: 1vh;
		/*background-color: antiquewhite;*/
	}
	.news_wi_img {
		height: 42vw;
	}
	.news_hi {
		float: left;
		/*width: 10vw;*/
		height: 30vh;
		padding: 0;
		margin-top: 1vh;
		margin-left: 1vh;
	}
	.main_art_t_main_part {
		width: 100%;
	}
	.main_art_t_news_part {
		display: none;
	}
	.main_art_t_main_part_v2 {
		width: 100%;
	}
	.main_art_t_news_part_v2 {
		display: none;
	}
	.art {
		float: left;
		width: 100%;
		margin-top: 1%;
		height: 30vh;
		overflow:hidden;
	}
	.art1 {
		float: left;
		width: 100%;
		margin-top: 1%;
		margin-right: 0;
		height: 30vh;
	}
	.video_art1 {
		float: left;
		width: 100%;
		margin-top: 1%;
		margin-right: 0;
		height: 56vw;
	}
	.art2 {
		float: right;
		width: 100%;
		margin-top: 1%;
		height: 30vh;
	}
	.video_art2 {
		float: right;
		width: 100%;
		margin-top: 1%;
		height: 56vw;
	}
	.vip1 {
		float: left;
		width: 100%;
		background-color: #2c2c3a;
		margin-top: 1%;
		margin-right: 0;
		/*height: 30vw;*/
		overflow: hidden;
		/*margin-bottom: 1%;*/
	}
	.vip2 {
		float: right;
		width: 100%;
		background-color: #2c2c3a;
		margin-top: 1%;
		/*height: 30vw;*/
		overflow: hidden;
		/*margin-bottom: 1%;*/
	}
	.vip3 {
		float: right;
		width: 100%;
		background-color: #2c2c3a;
		margin-top: 1%;
		/*height: 30vw;*/
		overflow: hidden;
		/*margin-bottom: 1%;*/
	}
	.one_popular {
		float: left;
		width: 99%;
		padding-bottom: 2vh;
		margin-left: 2vw;
	}
	.up_table_menu_img_banners {
		width: 13vw;
	}
	.up_table_menu {
		width:98vw;
		height:28vw;
	}
	.up_table_menu tr {
		height:4.7vw;
	}
	.up_table_menu_banners {
		width: 27vw;
		height: 28vw;
	}
	.up_table_menu_fl {
		font-size: 2.2vw;
		font-weight: 700;
		margin-left: 0.4vw;
		float:left;
		border:none;
		color: black;
		width:29.0%;
		height:7.75vw;
		padding-left: 0.5vw;
		padding-top: 0.5vw;
		background-color: #e8e000;
	}
	.up_table_menu_fl:hover  {
		font-size: 2.4vw;
		font-weight: 700;
		float:left;
		border:none;
		color:white;
		height:7.75vw;
		padding-left: 0.5vw;
		padding-top: 0.5vw;
		transition: all 0.4s;
		/*background-color: RGBA(255, 0, 0, 0.75);*/
		background-color: RGBA(0, 0, 0, 1);
	}
	.up_table_menu_sl {
		font-size: 2.2vw;
		font-weight: 700;
		margin-top: 0.2vw;
		margin-left: 0.4vw;
		float:left;
		border:none;
		color: black;
		width:29.0%;
		height:7.75vw;
		padding-left: 0.5vw;
		padding-top: 0.5vw;
		background-color: #e8e000;
	}
	.up_table_menu_sl:hover {
		font-size: 2.4vw;
		font-weight: 700;
		margin-top: 0.2vw;
		float:left;
		border:none;
		color: white;
		height:7.75vw;
		padding-left: 0.5vw;
		padding-top: 0.5vw;
		transition: all 0.4s;
		/*background-color: RGBA(255, 0, 0, 0.75);*/
		background-color: RGBA(0, 0, 0, 1);
	}
		.up_table_menu_tl {
		font-size: 2.4vw;
		font-weight: 700;
		margin-top: 0.2vw;
		margin-left: 0.5vw;
		float:left;
		border:none;
		color: black;
		width:44.3%;
		height:7.75vw;
		padding-left: 0.5vw;
		padding-top: 0.5vw;
		background-color: #e8e000;
	}
	.up_table_menu_tl:hover {
		font-size: 2.4vw;
		font-weight: 700;
		margin-left: 0.5vw;
		float:left;
		color: white;
		height:7.75vw;
		padding-left: 0.5vw;
		padding-top: 0.5vw;
		transition: all 0.4s;
		/*background-color: RGBA(255, 0, 0, 0.75);*/
		background-color: RGBA(0, 0, 0, 1);
	}
}

.menu_a {
	font-size: 1.4vw;
	/*text-transform: uppercase;
	padding: 14px;*/
	margin: 10px;
	color: black;
	text-decoration: none;
}
.menu_a:hover {
	/*text-transform: uppercase;
	padding: 14px;*/
	margin: 10px;
	color: brown;
	text-decoration: none;
}
.art_mouse {
	transition: all 0.4s;
	width: 100%;
	height: 100%;
	background-color: RGBA(0, 0, 0, 0.35);
	/*background-color: black;
	opacity: 0.55;*/
}
.art_mouse:hover {
	transition: all 0.4s;
	width: 100%;
	height: 100%;
	background-color: RGBA(255, 0, 0, 0.40);
	/*opacity: 0.75;*/
}
.text_in_box {
	/*text-shadow:
			-1px -1px 0 #000,
			1px -1px 0 #000,
			-1px 1px 0 #000,
			1px 1px 0 #000;*/
	font-family:'Roboto';
	font-weight: 300;
	font-size: 2.5vw;
	padding-bottom: 2vw;
}
.data_in_box {
	font-family:'Roboto';
	font-weight:300;
	font-size: 1.6vw;
	height: 2vw;
	padding-bottom: 1vw;
}
.next_news_a {
	margin-top: 1vh;
	margin-bottom: 1vh;
	font-size: 1.4vmax;
	cursor: pointer;
	padding: 0.4vw;
	width: 24%;
	border: solid;
	border-color: darkgray;
}
.footer {
	padding-top: 3vh;
	padding-bottom: 16vh;
	background: #272633;
	color: white;
}
.footer_container {
	width: 100%;
	margin: 0 auto;
	padding: 0 0;
}
.footer_menu {
	margin-left: 4vw;
	float: left;
}
.footer_logo {
	float: left;
}
.footer_links {
	float: right;
}
.footer_link {
	text-decoration: none;
	color: white;
}
.footer_link:hover {
	text-decoration: none;
	color: darkgray;
}
.footer_social_links_description {
	margin-bottom: 0.4vh;
}
.footer_social_links_container {
	margin: 0.2vh;
	text-decoration: none;

}
.footer_social_links_container:hover {
	opacity: 0.65;
	text-decoration: none;
}
.art_head {
	font-size: 3vw;
	color: black;
}
.art_data{
	font-size: 1vw;
	color: brown;
}
.art_content {
	color: black;
}
.art_content a {
	color: brown;
	text-decoration: none;
}
.art_content h6 {
	font-family: "Roboto";
	font-size: 26px;
	color: #191919;
	line-height: 32px;
	max-width: 570px;
	text-align: center;
	margin: 0 auto;
	margin-bottom: 40px;
	margin-top: 40px;
	padding-top: 20px;
	padding-bottom: 20px;
	position: relative;
	box-sizing: border-box;
	font-weight: 300;
}
.art_content h6:after {
	bottom: 0;
	position: absolute;
	content: '';
	height: 1px;
	width: 300px;
	background-color: #979797;
	left: 50%;
	transform: translateX(-50%);
}
.art_content h6:before {
	top: 0;
	position: absolute;
	content: '';
	height: 1px;
	width: 300px;
	background-color: #979797;
	left: 50%;
	transform: translateX(-50%);
}
.up_menu_search_line {
	font-family: 'Roboto';
	font-weight: 100;
	opacity: 0.6;
	width: 99%;
	border: none;
	border-color:white;
	margin-left: 0px;
	font-size: 2.8vw;
	float: left;
	background-color: transparent;
	background: url(/images/search.svg) no-repeat right center;
	-webkit-appearance: none;
	padding: 0.3vw;
}

iframe {
	width: 99%;
}

.user_avatar {
	width: 128px;
	height: 128px;
	border: 1px solid #F0F0F0;
	border-radius: 50%;
	box-shadow: 0 5px 5px #707070;
	margin: 5px;
	transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
}
.user_avatar:hover {
	border-radius: 7%;
}
.user_avatar_messages {
	width: 48px;
	height: 48px;
	border: 1px solid #F0F0F0;
	border-radius: 50%;
	box-shadow: 0 5px 5px #707070;
	margin: 5px;
	transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
}
.user_avatar_messages:hover {
	border-radius: 7%;
}
.register_input {
	font-size: 2vh;
	width: 50vw;
	border: solid;
	border-color: #cccccc;
	margin: 0.4vh;
}
.register_submit {
	width: 20vw;
	height: 4vw;
	background: #e8e000;
	color: black;
}
.up_menu_v1 {
	
}
.up_menu_v1 a {
	font-size: 1.3vw;
	margin-left: 1vw;
	text-decoration: none;
	color: black;
	position: relative;
	display:inline-block;
}
.up_menu_v1 a:hover {
	color: #000;
}
.up_menu_v1 a:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 2px;
	bottom: 0;
	left: 0;
	background-color: #e8e000;
	visibility: hidden;

	-webkit-transition: all 0.2s ease-in-out 0s;
	-moz-transition: all 0.2s ease-in-out 0s;
	-o-transition: all 0.2s ease-in-out 0s;
	transition: all 0.2s ease-in-out 0s;

	-webkit-transform: scaleX(0);
	-moz-transform: scaleX(0);
	-o-transform: scaleX(0);
	transform: scaleX(0);
}
.up_menu_v1 a:hover:before {
	visibility: visible;
	-webkit-transform: scaleX(1);
	-moz-transform: scaleX(1);
	-o-transform: scaleX(1);
	transform: scaleX(1);
}