@font-face {
    font-family: "uni";
    src: url("/css/fonts/unisans.ttf");
    font-weight: 400;
}
@font-face {
    font-family: "gotham";
    src: url("/css/fonts/gothampro.ttf");
    font-weight: 400;
}

body {
	margin: 0;
	padding: 0;
	font-family: "Bellota Text", serif;
	font-size: 20px;
	background: #071172;

}
a {
	text-decoration: none;
}
.body_wrap {
	position: relative;
	background: rgb(7,17,114);
	background: linear-gradient(180deg, rgba(7,17,114,1) 0%, rgba(0,0,0,1) 100%);
}
.body_bg_rear {
	position: absolute;
	top: 0;
	background: rgb(7,17,114);
	background: linear-gradient(0deg, rgba(7,17,114,0) 0%, rgba(0,0,0,1) 100%);
	width: 100%;
	height: 300px;
}
.body_bg_rear img {
	width: 100%;
}
.body_bg_front {
	position: absolute;
	top: 0;	
	/*background: rgb(14,1,111);
	background: linear-gradient(180deg, rgba(14,1,111,1) 0%, rgba(0,0,0,1) 100%);*/
	/*
	background: rgb(14,1,111);
	background: linear-gradient(180deg, rgba(14,1,111,1) 0%, rgba(0,0,0,0) 100%);
	*/
	width: 100%;
	height: 37px;
	background: navy;
}
.main {
	width: 100%;
	position: absolute;
	top: 0;
}
.main .header {
	/*background: #0E016F;*/
	color: white;
}
.main .header .top .top_left {
	display: block;
	text-align: left;
	font-family: uni;
	font-weight: 200;
	vertical-align: top;
	padding-top: 6px;
	padding-left: 10px;
	opacity: 0.7;
	font-size: 16px;
}
.main .header .top .top_right {
	display: inline-block;
	width: 50%;
	text-align: right;
	opacity: 1;
	display: none;
}
.main .header .top .top_right form{
	display: inline-block;
	vertical-align: top;
	margin-top: 8px;
}
.main .header .top .top_right input {
	border: solid 1px white;
	background: none;
	color: white;
	padding: 3px 5px;
	border-radius: 5px;
}
.main .header .top .top_right input::placeholder {
	color: white;
}
.main .header .top .top_right img {
	height: 25px;
	margin-top: 10px;
	margin-right: 5px;
	opacity: 1;
}

.main .header .logo_left,.logo_right {
	width: 120px;
	text-align: center;
	display: none;
}
.main .header .logo_left,.title_left,.title_right,.logo_right {
	display: block;
	vertical-align: top;
	display: none;
}
.main .header .logo_left img{
	width: 90px;
	margin-top: 60px;	
	display: none;
}
.main .header .logo_right img{
	margin-top: 78px;
	width: 100%;
	display: none;	
}
.main .header .title_left {
	padding: 15px;
	text-align: left;
}
.main .header .title_center {
	padding: 40px 10px;
	text-align: center;
}
.main .header .title_right {
	padding: 15px;
	text-align: right;
}
.main .header .title_left h1,a{
	font-size: 42px;
	margin: 0;
	margin-top: 46px;
	padding: 0;
	font-family: "uni", sans-serif;
	font-weight: 400;
	color: white;
}
.main .header .title_center a > h1{
	font-size: 24px;
	margin: 0;
	padding: 0;
	font-family: "uni", sans-serif;
	font-weight: 400;
	color: white;
	text-shadow: 2px 2px 0 black;
}
.main .header .title_center a > h2{
	font-size: 18px;
	margin: 0;
	margin-top: 18px;
	padding: 0;
	color: white;
	text-shadow: 2px 2px 0 black;
	font-family: "uni", serif;
	font-weight: 300;
}
.main .header .title_right h1,a{
	font-size: 20px;
	padding: 0;
	font-family: "Old Standard TT", serif;
	font-weight: 400;
	color: white;
}

.main .content{
	background: none;
	font-family: "Bellota Text", serif;
}
.main .content a {
	font-family: "Bellota Text", serif;
}


.header_menu {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow-x: hidden;
	overflow-y: auto;
	background: rgba(14, 1, 111, 1.0);
	z-index: 10000;
	display: none;
}
.header_menu, .header_menu a {
	background: rgb(14,1,111); /*darkblue;*/
	font-family: "gotham", serif;
	font-weight: 500;
	text-transform: uppercase;
	font-size: 18px;
	padding-top: 4px;
}
.header_menu, .header_menu a:hover {
	border-bottom: solid 1px;
}
.header_menu .menu_item {
	position: relative;
	display: block;
	padding: 6px 15px 12px 15px;
	border-right: solid 1px rgba(255, 255, 255, 0.3);
}
.header_menu .menu_item .menu_item_list {
}
.header_menu .menu_item .menu_item_list .menu_item_sub {
	padding: 12px;
	opacity: 0.7;
}
.header_menu .menu_item .menu_item_list .menu_item_sub a {
	font-size: 16px;
}
.header_menu .menu_item:hover {
}
.header_menu .menu_item:hover a{
	color: rgb(14,1,111); /*darkblue;*/
	background: white;
}

.content .content_main {
	display: inline-block;
	vertical-align: top;
	width: 70%;
	padding: 20px;
}
.content .content_right {
	display: inline-block;
	vertical-align: top;
	padding: 20px;
	width: calc(30% - 90px);
	font-size: 18px;
}
.content .content_main, .content .content_right {
	vertical-align: top;
}



.content .index_afisha {
	margin-top: 40px;
	margin-bottom: 20px;
}

.content .index_afisha h2 {
	margin-top: 0;
	margin-bottom: 40px;
	color: white;
	font-size: 28px;
	text-align: center;
}
.content .index_afisha .index_scroller {
	overflow-y: hidden;
	overflow-x: auto;
	height: 315px;
	white-space: nowrap;
	scrollbar-width: none;
	scrollbar-width: thin;
	scrollbar-color: rgba(255, 255, 255, 0.3) transparent;
}
.content .index_afisha .afisha_item {
	display: inline-block;
	position: relative;
	vertical-align: top;
	background: rgba(255, 255, 255, 1); 
	color: black;
	width: 460px;
	height: 294px;
	margin-right: 10px;
}
.content .index_afisha .afisha_item_more {
	display: inline-block;
	vertical-align: top;
	background: rgba(255, 255, 255, 1); 
	color: black;
	height: 266px;
 	writing-mode: vertical-rl;
 	padding: 28px 20px 0 20px;
 	font-weight: bold;
}
.content .index_afisha .afisha_item_more a{
	color: #0E016F;
	font-weight: bold;
	text-transform: uppercase;
	border-left: dashed 1px;
}

.content .index_afisha .afisha_item .afisha_img {
	position: relative;
	display: inline-block;
	vertical-align: top;
	height: 180px;
	width: 240px;
	background-size: cover;
	background-position: 50% 50%;
	padding: 10px;	
	font-family: "gotham", serif;
	color: white;
}
.afisha_stage {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 10px;
}
.content .index_afisha .afisha_item .afisha_desc .afisha_day{font-size: 48px; text-shadow: 2px 2px 0 white;}
.content .index_afisha .afisha_item .afisha_desc .afisha_month{font-size: 28px; text-shadow: 2px 2px 0 white;}
.content .index_afisha .afisha_item .afisha_desc .afisha_time{margin-top: -10px; margin-bottom: 10px; font-size: 18px; text-shadow: 2px 2px 0 white;}
.content .index_afisha .afisha_item .afisha_desc .afisha_wday{font-size: 20px; text-shadow: 2px 2px 0 white; text-transform: uppercase;}

.content .index_afisha .afisha_item .afisha_desc {
	display: inline-block;
	color: #0E016F;
	vertical-align: top;
	width: 170px;
	padding: 0 10px 10px 10px;
	white-space: normal;
}
.content .index_afisha .afisha_item .afisha_title {
	padding: 10px;
	white-space: normal;
	min-height: 74px;
	background: rgba(255, 255, 255, 0.3);
	overflow: hidden;
	color: #0E016F;
}
.content .index_afisha .afisha_item .afisha_title h3 {
	color: #0E016F;
	font-family: "gotham", serif;
	font-size: 24px;
	font-weight: bold;
	padding: 0;
	margin: 0;
	margin-bottom: 10px;
}
.content .index_afisha .afisha_item .afisha_desc h3 {
	color: #0E016F;
	font-family: "gotham", serif;
	font-size: 24px;
	font-weight: bold;
	padding: 0;
	margin: 0;
	margin-bottom: 10px;
}
.content .index_afisha .afisha_item .afisha_desc .afisha_more,.afisha_buy {
	border: solid 1px #0E016F;
	padding: 10px;
	text-align: center;
	margin-bottom: 10px;
}
.content .index_afisha .afisha_item .afisha_desc .afisha_buy {
	background: #0E016F;
}
.content .index_afisha .afisha_item .afisha_desc .afisha_more a {
	color: #0E016F;
	font-weight: bold;
}
.content .index_afisha .afisha_item .afisha_desc .afisha_buy a {
	color: white;
	font-weight: bold;
}
.content .index_afisha .afisha_item .afisha_dop {
	display: inline-block;
	position: absolute;
	right: 10px;
	bottom: 10px;
}
.content .index_afisha .afisha_item .afisha_dop .afisha_pushkin {
	vertical-align: top;
	display: inline-block;
	width: 30px;
	height: 30px;
	border: solid 1px;
	border-radius: 20px;
	font-size: 22px;
	text-align: center;
	color: grey;
	padding: 3px;
	background-image: url(/images/pushkin.png);
	background-size: cover;
	background-color: silver;
}
.content .index_afisha .afisha_item .afisha_dop .afisha_age {
	vertical-align: top;
	display: inline-block;
	width: 30px;
	height: 30px;
	border: solid 1px;
	border-radius: 20px;
	font-size: 22px;
	text-align: center;
	color: grey;
	padding: 3px;
}

.content .index_afisha .afisha_item .afisha_desc .small {
	font-size: 14px;
}

/* afisha tile */

.content .index_afisha_tile {
	margin-top: 40px;
	margin-bottom: 30px;
}

.content .index_afisha_tile h2 {
	margin-top: 0;
	margin-bottom: 40px;
	color: white;
	text-align: center;
	font-family: gotham;
}

.content .index_afisha_tile .afisha_item {
	display: inline-block;
    position: relative;
	vertical-align: top;
	background: rgba(255, 255, 255, 1); 
	color: black;
	width: calc(100% - 8px);
	height: 295px;
	margin: 0 4px 20px 4px;
}

.content .index_afisha_tile .afisha_item .afisha_left {
	display: inline-block;
	width: 230px;
	vertical-align: top;
}
.content .index_afisha_tile .afisha_item .afisha_right {
	display: inline-block;
	width: calc(100% - 250px);
	vertical-align: top;
}
.afisha_desc .afisha_right_top {
	min-height: 116px;
}

.content .index_afisha_tile .afisha_item .afisha_img {
	position: relative;
	display: inline-block;
	vertical-align: top;
	height: 159px;
	width: 212px;
	background-size: cover;
	background-position: 50% 50%;
	padding: 10px;	
	font-family: "gotham", serif;
	color: white;
}

.content .index_afisha_tile .afisha_item .afisha_desc .afisha_day{color: black; font-size: 44px; text-shadow: 2px 2px 0 white;}
.content .index_afisha_tile .afisha_item .afisha_desc .afisha_month{color: black; font-size: 26px; text-shadow: 2px 2px 0 white;}
.content .index_afisha_tile .afisha_item .afisha_desc .afisha_time{color: black; margin-top: -10px; margin-bottom: 10px; font-size: 18px; text-shadow: 2px 2px 0 white;}
.content .index_afisha_tile .afisha_item .afisha_desc .afisha_wday{color: black; font-size: 20px; text-shadow: 2px 2px 0 white;}

.content .index_afisha_tile .afisha_item .afisha_desc {
	display: inline-block;
	color: #0E016F;
	vertical-align: top;
	width: 138px;
	padding: 0 10px 10px 10px;
	white-space: normal;
}
.content .index_afisha_tile .afisha_item .afisha_title {
	padding: 10px;
	white-space: normal;
	min-height: 96px;
	background: rgba(255, 255, 255, 0.3);
}
.content .index_afisha_tile .afisha_item .afisha_title h3 {
	color: #0E016F;
	font-family: "gotham", serif;
	font-size: 24px;
	font-weight: bold;
	padding: 0;
	margin: 0;
	max-width: 345px;
	overflow: hidden;
}
.content .index_afisha_tile .afisha_item .afisha_desc .afisha_more {
	border: solid 1px black;
	padding: 5px;
	text-align: center;
	margin-bottom: 10px;
}
.content .index_afisha_tile .afisha_item .afisha_desc .afisha_buy {
	border: solid 1px #0E016F;
	padding: 5px;
	text-align: center;
	margin-bottom: 10px;
	background: #0E016F;
}
.content .index_afisha_tile .afisha_item .afisha_desc .afisha_more a {
	color: black;
	font-weight: bold;
	font-size: 14px;
	text-transform: uppercase;
	font-family: gotham;
}
.content .index_afisha_tile .afisha_item .afisha_desc .afisha_buy a {
	color: white;
	font-weight: bold;
	font-size: 14px;
	text-transform: uppercase;
	font-family: gotham;
}
.content .index_afisha_tile .afisha_item .afisha_dop {
	display: inline-block;
	position: absolute;
	right: 10px;
	bottom: 10px;
}
.content .index_afisha_tile .afisha_item .afisha_dop .afisha_pushkin {
	vertical-align: top;
	display: inline-block;
	width: 30px;
	height: 30px;
	border: solid 1px;
	border-radius: 20px;
	font-size: 22px;
	text-align: center;
	color: grey;
	padding: 3px;
	background-image: url(/images/pushkin.png);
	background-size: cover;
	background-color: silver;
	margin-bottom: 3px;
}
.content .index_afisha_tile .afisha_item .afisha_dop .afisha_age {
	vertical-align: top;
	display: inline-block;
	width: 30px;
	height: 30px;
	border: solid 1px;
	border-radius: 20px;
	font-size: 22px;
	text-align: center;
	color: grey;
	padding: 3px;
}

.content .index_afisha_tile .afisha_item .afisha_desc .small {
	font-size: 14px;
}

/* */


.content .index_news {
	margin-top: 20px;
	margin-bottom: 40px;
}
.mt_m35p {
	margin-top: 0;
}

.content .index_news h2 {
	margin-top: 0;
	margin-bottom: 40px;
	color: white;
	font-size: 26px;
	text-align: center;
	padding: 0 20px;
	font-family: gotham;
}
.content .index_news .news_item {
	display: block;
	background: rgba(255, 255, 255, 0.96); 
/*	border: solid 1px rgba(255,255,255,0.15); */
	color: black;
/*	width: 460px;
	height: 260px; */
	width: 100%;
	margin: 0 0 25px 0;
}
.content .index_news .news_item .news_img {
	display: block;
	margin-left: auto;
	margin-right: auto;
	vertical-align: top;
	/* width: 220px;*/
	height: 280px; 
	background-size: cover;
	background-position: 50% 50%;
	padding: 10px;	
	font-family: "gotham", serif;
	color: white;
}
.content .index_news .news_item .news_img .span_tag{
	/*
	background: rgba(127, 127, 127, 0.5);
	color: silver;
	border-radius: 5px;
	font-size: 14px;
	*/
	background: rgba(14, 1, 111, 1.0);
	color: white;
	padding: 4px 8px;
	font-size: 14px;
}
.content .index_news .news_item .news_desc {
	display: block;
	vertical-align: top;
	padding: 10px;
	white-space: normal;
	text-align: center;
}
.content .index_news .news_item .news_desc h3 {
	color: #0E016F;
	font-family: "gotham", serif;
	font-size: 24px;
	font-weight: bold;
	padding: 0;
	margin: 0;
	margin-bottom: 10px;
}

.content .index_news .news_item .news_desc .small {
	font-size: 18px;
}
.content .index_news .news_item .news_content{
	font-size: 20px;
	padding: 0 20px 20px 20px;
}
.content .index_news .news_item .news_content h3{
	color: rgb(14, 1, 111);
	margin-top: 40px;
	margin-bottom: 45px;
	font-size: 24px;
}	
.content .index_news .news_item .news_content a{
	color: rgb(14, 1, 111);
	text-decoration: none;
	border-bottom: solid 1px;
}
.content .index_news .news_item .news_imgset {
	overflow-y: hidden;
	overflow-x: auto;
	height: 95px;
	white-space: nowrap;
	scrollbar-width: none;
	scrollbar-width: thin;
	scrollbar-color: rgba(14, 1, 111, 0.2) transparent;
}
.content .index_news .news_item .news_imgset img{
	height: 85px;
}
.content .index_news .news_item .add_imgset {
	width: 100%;
	overflow-y: hidden;
	overflow-x: auto;
	height: 195px;
	white-space: nowrap;
	scrollbar-width: none;
	scrollbar-width: thin;
	scrollbar-color: rgba(14, 1, 111, 0.2) transparent;
}
.content .index_news .news_item .add_imgset img{
	height: 185px;
}
.content .index_news .news_item .news_content img{
	float: left;
	max-height: 360px;
	max-width: 100%;
	margin: 0 15px 15px 0;
}
.content .index_news .news_item .news_add {
	padding: 20px 30px;
}
.content .index_news .news_item .news_add h5{
	font-size: 16px;
	text-transform: uppercase;
	font-weight: bold;
}
.content .index_news .news_item .news_add .add_more .add_more_item {
	display: inline-block;
	vertical-align: top;
	width: 48%;
	font-size: 16px;
}
.content .index_news .news_item .news_add .add_more .add_more_item a {
	color: rgba(14, 1, 111, 1.0);
	font-weight: normal;
	font-size: 14px;
}

.content .index_news .news_item .news_img .news_day{font-size: 32px; text-shadow: 2px 2px 0 black;}
.content .index_news .news_item .news_img .news_month{font-size: 16px; text-shadow: 2px 2px 0 black;}
.content .index_news .news_item .news_img .news_time{font-size: 16px; text-shadow: 2px 2px 0 black;}



.content .index_teatr {
	margin-top: 40px;
	margin-bottom: 40px;
}
.content .index_teatr_wrap {
	display: block;
	margin-right: auto;
	margin-left: auto;
}

.content .index_teatr h2 {
	margin-top: 40px;
	margin-bottom: 40px;
	color: white;
	font-size: 28px;
	text-align: center;
}
.content .index_teatr .teatr_item {
	display: block;
	vertical-align: top;
	background: rgba(255, 255, 255, 0.85); 
/*	border: solid 1px rgba(255,255,255,0.15); */
	color: black;
	min-height: 120px;
	margin: 10px 0;
}
.content .index_teatr .teatr_item .teatr_img {
	display: inline-block;
	vertical-align: top;
	height: 120px;
	width: 120px;
	background-size: cover;
	background-position: 50% 50%;
	padding: 10px;	
	font-family: "gotham", serif;
	color: white;
	font-weight: normal;
}
.content .index_teatr .teatr_item .teatr_desc {
	display: inline-block;
	vertical-align: top;
	width: calc(100% - 175px);
	padding: 10px;
	white-space: normal;
}
.content .index_teatr .teatr_item .teatr_desc h3 {
	color: #0E016F;
	font-family: "gotham", serif;
	font-size: 20px;
	font-weight: bold;
	padding: 0;
	margin: 0;
	margin-bottom: 10px;
}
.content .index_teatr .teatr_item .teatr_desc .small {
	font-size: 14px;
}
.content .index_teatr .teatr_item .teatr_desc .buy_ticket_a {
	display: none;
}






.footer {
	background: rgb(7,17,114);
	/*background: linear-gradient(0deg, rgba(14,1,111,1) 0%, rgba(0,0,0,1) 100%);*/
	background: linear-gradient(180deg, rgba(7,17,114,0) 0%, rgba(0,0,0,1) 100%);
	padding: 30px;
	padding-top: 0;
	text-align: left;
	margin-top: 0;
}

.footer, .footer a {
	color: rgba(255, 255, 255, 0.75);
	font-family: "gotham", serif;
}
.footer a {
}
.footer a:hover {
	border-bottom: solid 1px;
}
.footer .logo_a:hover {
	border-bottom: none;
}
.footer_menu .menu_item {
	display: inline-block;
	vertical-align: top;
	padding: 20px;
	font-weight: 700;
	margin-right: 40px;
	text-align: left;
	max-width: 400px;
}

.footer_menu .menu_item img{
	max-width: 65%;
	max-height: 120px;
}	

.footer_menu .menu_item .menu_item_list .menu_item_sub {
	padding: 20px 0 0 0;
	font-weight: 300;
}
.footer .copyright, .copyright a {
	font-size: 18px;
	margin-top: 30px;
	text-align: center;
	border: none;
	margin-bottom: 15px;
}



.buy_ticket_a {
	color: #0E016F;
	font-weight: bold;
	border-bottom: dashed 1px;
	cursor: pointer;
}

.buy_ticket_btn {
	background: rgb(76,177,64);
	background: linear-gradient(180deg, rgba(76,177,64,1) 0%, rgba(34,93,41,1) 100%);
	color: rgba(255, 255, 255, 0.8);
	text-shadow: 1px 1px 0 rgba(0, 0, 0, 1.0);
	padding: 6px 12px;
	border-radius: 10px;
	box-shadow: 2px 2px 3px rgba(0, 0, 0, 1.0);
	box-shadow: 0 0 10px rgba(255, 230, 100, 1.0);
	font-size: 16px;
	font-weight: bold;
}

.pushkin_a {
	color: white;
	background: #0E016F;
	font-size: 11px;
	padding: 5px;
	text-transform: uppercase;
	font-weight: bold;
	border-radius: 10px;
	box-shadow: 0 0 10px rgba(255, 255, 255, 1.0);
}
.pushkin_a img{
	max-height: 60px;
	border-radius: 10px;
	box-shadow: 0 0 10px rgba(255, 255, 255, 1.0);
}

.span_tag {
	background: rgba(14, 1, 111, 1.0);
	color: white;
	padding: 4px 8px;
	font-size: 14px;
}

.page_nav {
	text-align: center;
	color: white;
	margin-top: 40px;
}
.page_nav .page_nav_link {
	color: white;
	font-size: 22px;
	font-weight: bold;
}
.page_nav .inactive {
	color: grey;
	border-bottom: none;
}





.sm_search {
	text-align: center;
	margin: 10px 0 30px 0;

}
.sm_search form{
	display: inline-block;
	vertical-align: top;
	margin-top: 8px;
}
.sm_search input {
	border: solid 1px white;
	background: none;
	color: white;
	padding: 3px 5px;
	border-radius: 5px;
}
.sm_search input::placeholder {
	color: white;
}
.sm_search img {
	height: 25px;
	margin-top: 10px;
	margin-right: 5px;
	opacity: 1;
}



.mob_logos img {
	height: 50px;
	margin: 5px 10px;
}

.menu_btn {
	position: fixed;
	top: 10px;
	right: 10px;
	width: 35px;
	height: 35px;
	/*border-radius: 35px;*/
	background: rgba(255, 255, 255, 0.5);
	color: rgba(14, 1, 111, 1.0);
	z-index: 11000;
	font-weight: bold;
	text-align: center;
	font-size: 26px;
}
.adm_btn {
	position: fixed;
	bottom: 15px;
	right: 10px;
	width: 35px;
	height: 35px;
	/*border-radius: 35px;*/
	background: rgba(255, 255, 255, 0.5);
	color: rgba(14, 1, 111, 1.0);
	z-index: 11000;
	font-weight: bold;
	text-align: center;
	font-size: 26px;
}
.adm_btn .adm_btn_menu {
	display: none;
	position: absolute;
	bottom: 0;
	right: 35px;
	background: rgba(255, 255, 255, 0.85);
	color: rgba(14, 1, 111, 1.0);	
	padding: 10px 10px;
	white-space: nowrap;
	text-align: left;
}
.adm_btn:hover .adm_btn_menu {
	display: block;
}
.adm_btn .adm_btn_menu div{
	font-size: 20px;
	font-weight: normal;
	text-transform: uppercase;
	padding: 8px;

}



.bg_white {
	background: white;
}
.fw_bold {
	font-weight: bold;
	margin-bottom: 15px;
}







/* HTML: <div class="loader"></div> */
.loader_wrap {
	position: fixed;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 0.5);
}

.loader {
	position: absolute;
	top: calc(50% - 25px);
	left: calc(50% - 25px);

  width: 50px;
  aspect-ratio: 1;
  border-radius: 50%;
  background: #0E016F;
  -webkit-mask: radial-gradient(circle closest-side at 50% 40%,#0000 94%, #000);
  transform-origin: 50% 40%;
  animation: l25 1s infinite linear;
}
@keyframes l25 {
  100% {transform: rotate(1turn)}
}


    /* дополнительные стили слайдера */

    .slider {
      max-width: 100%;
    }
    .slider__items {
      counter-reset: slide;
    }
    .slider__items_description {
    	font-size: 16px;
    }
    .slider__item {
      height: 450px;
      position: relative;
      counter-increment: slide;
      background-size: cover;
      background-position: 50% 50%;
      font-size: 16px;
    }
    .slider__item::after {
      display: none;
      content: counter(slide);
      position: absolute;
      top: 10px;
      right: 20px;
      color: #fff;
      font-style: italic;
      font-size: 16px;
      font-weight: bold;
    }
    .slider__item_inner {
      position: absolute;
      left: 15%;
      right: 15%;
      top: 0;
      bottom: 50px;
      overflow: hidden;
      color: #fff;
      text-align: center;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      text-shadow: 3px 3px 1px rgba(0, 0, 0, 1.0);
      line-height: 1;
    }
    .slider__item_inner a {
			font-family: "Bellota Text", serif;
    }
    .slider__item_inner p {
    	font-size: 16px;
    	margin-bottom: 20px;
    	margin-top: 0;
    	padding: 0;
    }
    .slider__item_title {
      font-size: 22px;
      font-weight: bold;
    }


#splash {
	display: none;
	position: fixed;
	background: white;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 12000;
}
.splash_title {
	text-align: right;	
	padding: 10px;
	text-transform: uppercase;
	font-size: 20px;
	height: 30px;
	background: rgba(0, 0, 255, 0.05);
}
.splash_title a{
	color: black;
	cursor: pointer;
	font-family: "Bellota Text";
	font-weight: bold;
}
#splash_content {
	height: calc(100% - 90px);
	overflow-y: auto;
	font-family: "Bellota Text";
	padding: 20px 20px;
}


/* editor */


.main_panel {
	padding: 0 0 10px 0;
	margin-bottom: 20px; 
	border-bottom: solid 1px silver;
}
.main_panel_header {
	margin-bottom: 0;
}
.main_panel_header_title {
	display: inline-block; 
	font-size: 16px; 
	text-transform: uppercase; 
	color: navy; 
	vertical-align: top;
}
.main_panel_header_title a{
	color: grey;
	border-bottom: dashed 1px;
}
.main_panel_header_btn {
	display: inline-block; 
	vertical-align: top; 
	margin-top: 4px;
}
.main_panel_item {
	display: inline-block; 
	vertical-align: top; 
	margin-right: 20px; 
} 
.main_panel_item a {
	color: var(--main-a-color);
	font-weight: bold;
	border-bottom: dashed 1px;
}
.main_panel_item input,textarea,select {
	width: calc(100% - 13px);
	font-size: 20px;
	border: solid 2px silver;
	padding: 5px;
	color: black;
	font-family: "Bellota Text", serif;
}
.main_panel_item textarea {
	min-height: 200px;
}
.main_panel_item input {
	margin-right: 10px;
}
.main_panel_item input::placeholder,textarea::placeholder {
	color: silver;
}
.main_panel_item h3 {
	margin-top: 0;
}
.main_panel_item span {
	color: grey;
}
.main_panel_item .user_ava {
	display: inline-block; 
	vertical-align: top; 
	width: 48px; 
	height: 48px; 
	border-radius: 26px; 
	background-color: white; 
	border: solid 2px white; 
	background-size: cover; 
	background-position: 50% 50%;
	margin: 7px 13px 0 0; 
	box-shadow: 1px 1px 3px black; 
}
.main_panel_item .user_name {
	display: inline-block; 
	vertical-align: top;
	padding-top: 13px;
}
.main_panel_btns {
	text-align: center; 
	margin-bottom: 20px;
	margin-top: 35px;
}
.main_panel_btns a{font-family: "Bellota Text", serif;}
.main_panel_content {
	font-size: 18px; 
	/*text-transform: uppercase; */
	color: silver; 
	text-align: center; 
	margin: 30px 0 30px 0;
}
.main_panel_content input[type="file"] {
	font-size: 16px;
	border: solid 2px silver;
	padding: 5px;
	color: silver;
	font-family: "Bellota Text", serif;
	width: calc(100% - 13px);
}

/* end editor */

.blue_button {
	color: white;
	background: #000080;
	padding: 12px 24px;
	border-radius: 25px;
	border: none;
	font-size: 18px;
	margin: 0 10px;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.75);
	cursor: pointer;
}

.w100p{
	width: 100%;
}
.w50p{
	width: calc(50% - 80px);
}
.w30p{
	width: 30%;
}
.mv15px {
	margin: 10px 0;
}
.mhr10px {
	margin-right: 10px;
}


/* pell */

#html-output-ta {
	display: none;
}

.pell-wrap {
  box-sizing: border-box;
  margin: 0 auto;
  max-width: 600px;
  padding: 20px;
}

.pell {
  border: 2px solid rgba(10, 10, 10, 0.5);
  box-sizing: border-box; 
}

.pell-content p {
  margin-top: 0;
  padding-top: 0;
}

.pell-content img{
	width: 100%;
}
.pell-content {
  box-sizing: border-box;
  height: 250px;
  outline: 0;
  overflow-y: auto;
  padding: 10px; 
}

.pell-actionbar {
  background-color: #FFF;
  border-bottom: 1px solid rgba(10, 10, 10, 0.1); 
}

.pell-colorbar {
  background-color: #FFF;
  border-bottom: 1px solid rgba(10, 10, 10, 0.1); 
  display: none;
}

.pell-button {
  background-color: transparent;
  border: none;
  cursor: pointer;
  height: 30px;
  outline: 0;
  width: 30px;
  vertical-align: bottom; 
}

.pell-button-selected {
  background-color: #F0F0F0; 
}

/* pell end */

.smm_icon {
	width: 50px;
	margin-top: 10px;
	margin-right: 10px;
	border-radius: 20px;
}

.podzag {
	font-size: 20px;
	font-weight: bold;
	padding-top: 20px;
}