header{
	background-color: rgba(43, 42, 41, 0.3);
	min-height: 75px;
}

.widget {
    background: #FFFFFF82;
}

.widget_text_block {
    padding: 5px;
	font-size: 1.2rem;
}

#top_position img{ height: 350px;}

#controller_wrap{padding-bottom: 20px;}

.minheight290 {min-height: 293px;}

.headtitle {
    /* Чтобы спрятать часть линий, которые 
    ** будут вылазить за пределы блока */
    overflow: hidden;

}

.VillaPhelomena{
	font-family: 'VillaPhelomena';
	letter-spacing: 3px;
}

.TrebuchetItalic {font-family: 'TrebuchetMS-Italic';}

#widget_wrapper_29 strong {}

#bottom_position {margin: 40px 0;}

.hc-offcanvas-nav .nav-container, .hc-offcanvas-nav .nav-wrapper, .hc-offcanvas-nav ul{
	background: #336ca6 !important;
}


.menu_mobile a{
	color: #0953a6; 
}
.block{

}

.f_photo {

	
}

.content_item{ 
	display: flex;
	justify-content: center;
	align-items: center; 
}

.content_list.tiled .tile .photo, .cover_preset_normal > li, .cover_preset_big > li, .cover_preset_small > li{height: 200px;}

.content_item .ft_html .value table th, .content_item .ft_html .value table td, .redactor-editor table td, .redactor-editor table th {
	border: none;
	border-bottom: 1px dotted;
}
.content_item .f_content {padding-top: 10%; align-self: center;}

.content_item .field.auto_field{
    overflow: visible;
}

.vk_widget{max-height: 293px; overflow: hidden;}

nav .menu > li > a{font-size: 1.4rem; font-weight: normal;}

.headtitle span {
    /* Стили тега обертки для заголовков 
    ** в несколько строк */
    display: inline-block;
    vertical-align: middle;
}
.headtitle:before,
.headtitle:after {
    /* Обязательно указываем пустое свойство content, 
    ** иначе псевдоэлементы не появятся на сайте */
    content: "";
    /* Указываем что наши линии будут строчно-блочные и 
    ** выравнивание по высоте - по центру */
    display: inline-block;
    vertical-align: middle;
    /* Задаем ширину 100% и выбираем высоту линии, 
    ** в нашем примере она равна 4 пикселям */
    width: 100%;
    height: 3px;
    /* Добавляем цвет для линии */
    background-color: #fff;
    /* Добавляем пседоэлемантам возможность изменить 
    ** позицию линии, для создания отступов от текста */
    position: relative;
}
.headtitle:before {
    /* Смещаем левую линию на 100% влево, чтобы линия 
    ** встала рядом с текстом слева */
    margin-left: -100%;
    /* Указываем в пикселях отступ линии от текста заголовка */
    left: -14px;
}
.headtitle:after {
    /* Смещаем правую линию на 100% вправо, чтобы 
    ** линия встала рядом с текстом справа */
    margin-right: -100%;
    /* Указываем в пикселях отступ линии от текста заголовка */
    right: -14px;
}


.content_list, .cover_preset_normal, .cover_preset_big, .cover_preset_small {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.content_list.tiled .tile, .cover_preset_normal > li.set_cover_preset, .cover_preset_big > li.set_cover_preset {
    max-width: 350px;
    width: calc(50% - 20px);
    margin: 10px;
}

#breadcrumbs ul li {font-size: 1rem;}

.content_list.tiled .tile .photo {
	background-color: unset;
	background-size: contain;
}

.content_list.tiled .tile .field {text-align: center;}

.content_item .field.none_field{padding: 0;}