/*
* стиль для неопубликованных статей
*/
.system-unpublished{
	background: #d0d6;
}

/*
* Ошибки начало
*/
.alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}
.alert-success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
}
.alert-warning {
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba;
}

.alert {
    position: absolute;
    padding: 0.75rem 1.25rem !important;
    /*margin-bottom: 1rem;
	margin-left: 40%;*/
    border: 1px solid transparent;
    border-radius: 0.25rem;
	/*top: 0;*/
    right: 0;
    bottom: 0;
    left: 0;
	width: max-content;
	/*margin-left: auto;
    margin-right: auto;*/
    text-indent: 0px;
    margin: auto
}

.sppb-tab-pane .sppb-fade .ctive .in{
	min-height: 40px;
}

#system-message-container button{
	position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    height: 30px;
    /*font-size: 20px;*/
    padding: 0;
}

.popover{
	/*display: none !important;
	display: inline-block !important;*/
	position: absolute !important;
	background: #ddd;
	border-radius: 0.25rem;
	padding: 10px;
}

/*
* Ошибки конец
*/


/* начало
* для формы контактов
*/
.row-fluid{
	margin-bottom: 15px;
	padding: 5px;
}
.row-fluid:hover{
	background-color: rgb(238 178 20 / 50%);
	border-radius: 5px;
}

 #addInfoPlus dl{
	margin: 5px 0px !important;
}

/*#addInfoPlus dl dd {
	font-weight: bold;
} */

#zavDD, #kontaktnameDD{ 
	/*
	*доп. стили для полей fild на формах контаков
	*ИД формируется как NAME у fild поля + постфикс имя_тега в верхнем регистре к которому он приписался в качестве ИДа
	*
	*/
	font-weight: bold;
}

.contact-miscinfo thead{
	background-color: #cdcdcdc7;
}

.contact-miscinfo tr:hover{
	background-color: rgb(238 178 20 / 30%);
	border-radius: 5px;
}
/* конец
* для формы контактов
*/

/* начало
* абзацный отсуп
*/
p { text-indent: 30px; }
.readmore { text-indent: 0px; }
.wrapper-notTab{
  margin-left: -30px
}
/* конец
* абзацный отсуп
*/

/* .content{
	background-color: rgba(87, 78, 83, 0.5);
    background-image: url(/images/2021/07/16/backgrownd.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-position: 0 0;
} */


.text-right {
	float:right;
	padding-top: 0px !important;
	/* font-size: larger !important; */
	font-weight: bold !important;
}

.text-left {
	float:left;
	padding-top: 0px !important;
	/* font-size: larger !important; */
	font-weight: bold !important;
}

.sppb-carousel-extended-content-wrap-castom .sppb-carousel-extended-content-wrap{
    top: 400px;
  	background-color: rgb(121 120 120 / 88%);
}

.sppb-carousel-extended-content-wrap-castomBC .sppb-carousel-extended-content-wrap{
  	background-color: rgb(121 120 120 / 88%);
  	top: auto !important;
}

.sppb-carousel-extended-content-wrap-castomHEIGHT .sppb-carousel-extended-outer-stage{
  height: auto !important;
}

.slider1 .sppb-carousel-extended-list .sppb-carousel-extended-outer-stage {
  height: auto !important;
}

.indexTabs .sppb-nav{
  padding: 0px !important;
}

.indexTabs .sppb-nav-modern>li.active>a, 
.indexTabs .sppb-nav-modern>li.active>a:focus, 
.indexTabs .sppb-nav-modern>li.active>a:hover {
    
    background-color: #fff !important; /* #bb4747 */
    border-bottom-color: transparent;
    cursor: default;
  	text-decoration: none  !important;
    color: #000  !important;
}

.indexTabs .sppb-nav-modern>li>a{
   background-color: #c7c7c7 !important;
    border-bottom-color: transparent;
    cursor: default;
  	text-decoration: none  !important;
    color: #000  !important;
}

.indexTabs .sppb-tab-modern-content{
  	background-color: #fff !important;
  	margin-top: 0px !important;
    padding: 10px !important;
}

.expozitionModule .sppb-carousel-extended-item{
  	width: auto !important;
}

.expozitionModule .sppb-carousel-extended-outer-stage {
    display: flex;
    position: relative;
    overflow: hidden;
    -webkit-perspective: 1000px;
    perspective: 1000px;
    transition: all .25s ease 0s;
    -webkit-transition: all .25s ease 0s;
  	width: auto !important;
}

#mediaGalery .sppb-container .sppb-section-title {
	margin-bottom: 0px !important;
}




* {
margin:0;
padding:0;
}

blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

input[type="text"], input[type="password"], input[type="email"], textarea {
background: none repeat scroll 0 0 #fefefe;
border: 2px solid #777;
box-shadow: -2px 2px 3px #ccc inset;
color: #333;
padding: 3px;
margin:3px 0;
}

input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus {
border:2px solid #0564bd;
}

.red, .star {
color:#FC1B1B;
}

/*  Текст и элементы   */

h1 {
font:bold 1.875em Arial;
color:#333;
padding:0 0 0.6em 0
}

h2 {
/*font-size:1.5em;*/
color:#004676;
padding:1.2em 0 0.5em 0;
}

h3 {
/*font-size:1.3em;*/
color:#444;
padding:1em 0 0.5em 0;
}

#mainleft p, #mainright p, #sidebarleft p, #sidebarright p, label, #mainfull p {
color:#333;
padding:0.5em 0;
}

td p {
  padding: 0 0 !important;
  text-indent: 0px !important;
}

#mainleft a, #mainright a, #mainfull a {
color:#0371bd;
text-decoration: underline;
}

#mainleft a:hover, #mainright a:hover, #mainfull a:hover {
text-decoration: none;
}

#mainleft ul, #mainright ul, #mainleft ol, #mainright ol, #mainfull ul, #mainfull ol {
padding: 5px 25px;
}

#mainleft ul li, #mainright ul li, #mainleft ol li, #mainright ol li, #mainfull li {
color:#333;
}

strong {
font-weight:bold;
}

small {
font:0.75em Arial;
color:#666;
display:block;
padding:1em 0;
}

/*кастом
* margin:0.7em 0 0 0;
*/
.btn, .button, .button_detail, .butt {
margin:0.2em 0 0 0;
/*font-size:16px;*/
padding:3px 15px;
color:#333;
border:none;
border-radius:3px;
cursor:pointer;
background:#f4f4f4;
background: -moz-linear-gradient(top, #f4f4f4, #eee); /* Firefox 3.6+ */
/* Chrome 1-9, Safari 4-5 */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f4f4), colorstop(100%,#eee));
/* Chrome 10+, Safari 5.1+ */
background: -webkit-linear-gradient(top, #f4f4f4, #eee);
background: -o-linear-gradient(top, #f4f4f4, #eee); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #f4f4f4, #eee); /* IE10 */
background: linear-gradient(top, #f4f4f4, #eee); /* CSS3 */
box-shadow:0 0 2px #ccc;
border-bottom:1px solid #ccc;
}

.btn:hover, .button:hover, .butt:hover {
box-shadow:none;
}

/*  Макет  */

#page {
width:100%;
/*font-size:100%;*/
font-family:Arial, Tahoma;
background:#fbfcfc;
}

#menuwrap {
width:100%;
/*background: url('../images/menu-bg.jpg');*/
background-color: #030303;
box-shadow:0px 2px 6px #555;
position:fixed;
top:0;
z-index: 999; /*999999;*/
}

/* Резервирование места под fixed меню для корректной работы с плагином accessibility 
   Padding резервирует место под меню, которое имеет position:fixed 
   Управляется динамически через скрипт menu-spacing-fix.js */
body {
padding-top: 0; /* Значение устанавливается динамически через JS */
}

#menuwrap2 {
width:100%;
/*background: url('../images/menu-bg.jpg');*/
background-color: #eeb214;
box-shadow:0px 2px 6px #555;
/*position:fixed;*/
top:0;
/*z-index: 999999;*/
}

#menuwrap3 {
  width:100%;
  background-color: #eeb214;
  /*box-shadow:0px 2px 6px #555;*/
  top:0;
}

.layout {
width:1170px;
margin:0 auto;
overflow:hidden;
}

.layout2 {
	width:100%;
	margin:0 auto;
	overflow:hidden;
	min-height: 600px;
	background-color: rgba(87, 78, 83, 0.5);
    background-image: url(/images/2021/07/16/backgrownd.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-position: 50% 31px;
}

#menuwrap ul li {
float:left;
list-style:none;
}

#menuwrap2 ul li {
float:left;
list-style:none;
}

#menuwrap3 ul li {
    /*float:left;
    list-style:none;
    height: 25px;
    white-space: nowrap;*/ /* Запрещаем перенос строк */
    overflow: hidden; /* Обрезаем все, что не помещается в область */
    text-overflow: ellipsis; /* Добавляем многоточие */
}

#menuwrap ul li a {
/*font-size:1.125em;*/
padding:0.7em 30px;
text-decoration:none;
display:block;
color:#fbfbf9;
text-transform: uppercase;
transition: 0.2s;
}

#menuwrap2 ul li a {
/*font-size:1.125em;*/
padding:0.7em 30px;
text-decoration:none;
display:block;
color:#fbfbf9;
text-transform: uppercase;
transition: 0.2s;
}

#menuwrap3 ul li a {
    /*font-size:0.925em;*/
    /*font-weight: bold;*/
    padding:0.2em 50px 0.2em 5px;
    text-decoration:none;
    display:block;
    color:#030303; /*#fbfbf9;*/
    /*text-transform: uppercase;*/
    transition: 0.2s;
}

#menuwrap ul li:hover a, #menuwrap ul li.current a {
background: #eeb214; /*#f7d700;*/
color:#3c3c3c;
transition: 0.2s;
}

#menuwrap2 ul li:hover a, #menuwrap2 ul li.current a {
background: #030303; /*#f7d700;*/
color:#3c3c3c;
transition: 0.2s;
}

#menuwrap3 ul li:hover a, #menuwrap3 ul li.current a {
    background:  #030303; /*#f7d700;*/
    color:#fbfbf9;
    transition: 0.2s;
}

#footerMenu #menuwrap3 .box4 {
    padding-bottom: 10px;
    width:20%;
}

#footerMenu #menuwrap2 .box4 h3{
  display:none;
}

#footerMenu #menuwrap3 .box4 h3{
    /*font-size:1.125em;*/
    padding: 0.5em 0 0.3em 0;
    color: #030303 !important; /*#fbfbf9 !important;*/

}

#footerMenu #menuwrap2 .box4 .nav-child{
  /*font-size: 10px;*/
}

/* =====  Модули в футереМеню =====  */
#footerMenu{
  /*width:100%;
  background: url('../images/menu-bg.jpg');*/
  background-color: #eeb214;
  padding: 0.25em 0.75em 0.75em 0.75em;
}

#footerMenu p, #footerMenu label {
	color:#eee;
}

#footerMenu a {
  color:#fdf097;
  text-decoration:underline;
}

#footerMenu a:hover {
  text-decoration:none;
}

#footerMenu ul li {
  list-style:none;
}

#footerMenu .moduletable h3 {
  color:#eee;
}

/* ======= конец ======= */

#header {
width:100%;
/* Уменьшен верхний padding, т.к. теперь body резервирует место под меню */
padding:1em 0 1em 0;
background:#f4f5f5;
border-bottom:1px dashed #888;
/*margin:0 0 2em 0;*/
}

.logo {
width:33%;
float:left;
}

.box3 {
width:32%;
float:left;
}

.right {
float:right;
text-align: right;
}

#content {
width:100%;
overflow:hidden;
}

#mainleft {
width:70%;
float: right;
overflow:hidden;
}

#mainright {
width:70%;
float: left;
overflow:hidden;
}

#mainfull {
	/* background-color: #f4f5f552; */
	min-height:600px;	
	width:100%;
	float:none;
	clear:both;
	overflow:hidden;
}

#slider {
margin:0 0 1.25em 0;
}

.divider img {
padding: 0 3px;
}

#mainleft .breadcrumbs, #mainright .breadcrumbs, #mainfull .breadcrumbs {
background:#f4f5f5;
padding:0.5em 1.5% 0.5em 1.5%;
/*margin:0 0 1.25em 0;*/
overflow:hidden;
}

#mainleft .breadcrumbs ul, #mainright .breadcrumbs ul, #mainfull .breadcrumbs ul {
padding:0;
margin:0;
}

#mainfull .item-page,
#mainright .item-page,
#mainfull .item-page {
	padding-top: 2% !important;
}

.breadcrumbs ul li {
list-style:none;
float:left;
}

.clearfix {
clear:both;
overflow:hidden;
}

#sidebarleft {
width:27%;
float:left;
background-color: rgba(255, 255, 255, 0.93);
}

#sidebarright {
width:27%;
float:right;
background-color: rgba(255, 255, 255, 0.93);
}

#aftertext {
margin:1em 0;
overflow:hidden;
}

.bannerfull {
width:100%;
text-align:center;
margin:1em 0;
clear:both;
overflow:hidden;
}

.bannerfull img {
max-width:100%
}

.box4 {
width:25%;
float: left;
}



/*  Модули в сайдбаре   */

#sidebarright, #sidebarleft, .menuHistory_mod {
color:#333;
}

#sidebarright a, #sidebarleft a, .menuHistory_mod a {
color:#0371bd;
text-decoration:none;
}

#sidebarright a:hover, #sidebarleft a:hover, .menuHistory_mod a:hover{
text-decoration:underline;
}

/*  Стили модулей по-умолчанию */

#sidebarright .moduletable h3, #sidebarleft .moduletable h3 {
/*background: url('../images/menu-bg.jpg');*/
background-color: #030303;
color:#f4f4f4;
font:normal 1.5em Arial;
padding:0.3em 0 0.3em 15px;
margin:0 0 0.4em 0;
}

#sidebarright .moduletable, #sidebarleft .moduletable, #sidebarright .moduletable-yellow, #sidebarleft .moduletable-yellow, #sidebarright .moduletable-grey, #sidebarleft .moduletable-grey {
margin-bottom:3em;
}

#sidebarright .moduletable-grey, #sidebarleft .moduletable-grey {
padding-bottom:1em;
}

#sidebarright .custom, #sidebarleft .custom, #sidebarright .custom-yellow, #sidebarleft .custom-yellowa, #sidebarright .custom-grey, #sidebarleft .custom-grey, 
#sidebarleft .moduletable .userdata, #sidebarright .moduletable .userdata {
padding-left:15px;
}

#sidebarright .moduletable ul, #sidebarleft .moduletable ul, #sidebarright .moduletable-yellow ul, #sidebarleft .moduletable-yellow ul, #sidebarright .moduletable-grey ul, #sidebarleft .moduletable-grey ul, .menuHistory_mod .moduletable ul{
padding-left:30px;
}

.moduletable ul li, .moduletable-yellow ul li, .moduletable-grey ul li {
padding:0.2em 0;
}

.moduletable ul li.current a, .moduletable-yellow ul li.current a, .moduletable-grey ul li.current a {
font-weight: bold;
}

/*   Жёлтый заголовок  */

#sidebarright .moduletable-yellow h3, #sidebarleft .moduletable-yellow h3, .menuHistory_mod .moduletable-yellow h3, {
background:  #eeb214; /*#f7d700;*/
color:#333;
font:normal 1.5em Arial;
padding:0.3em 0 0.3em 15px;
margin:0 0 0.4em 0;
}


/*  Серый модуль  */

#sidebarright .moduletable-grey h3, #sidebarleft .moduletable-grey h3,  .menuHistory_mod .moduletable-grey h3, {
background:#f1f2f2;
color:#333;
font:normal 1.5em Arial;
padding:0.3em 0 0.3em 15px;
margin:0 0 0.4em 0;
}

#sidebarright .moduletable-grey, #sidebarleft .moduletable-grey, .menuHistory_mod .moduletable-grey, {
background:#f1f2f2;
color:#333;
}

#footer {
width:100%;
/*background: url('../images/menu-bg.jpg');*/
background-color: #030303;
padding: 1.25em 0;
}

#debug {
background:#4a4949;
padding:0.3em 0;
}

#debug p {
color:#eee;
text-align: center;
}

/* Страница регистрации + модуль */

#form-login-username label {
    color: #333333;
    margin-bottom: 5px;
    max-width: 90%;
}

#users-profile-core legend, #users-profile-custom legend, .profile-edit legend, .registration legend {
font-weight:bold;
}

.control-label {
display:block;
}

.registration .control-group .control-label, .remind .control-group .control-label, .reset .control-group .control-label {
padding:0.3em 0;
float:none;
width:150px;
}

.registration .control-group .controls, .remind .control-group .controls, .reset .control-group .controls {
margin:0;
}

#member-profile fieldset, .registration fieldset {
    margin: 10px 0 15px;
    padding: 15px;
}

#sidebarright .userdata ul, #sidebarleft .userdata ul, .userdata ul, .menuHistory_mod .userdata ul, {
padding:0.5em 0;
}

#login-form ul li {
padding:0.1em 0;
list-style:none;
}

#form-login-username label, #form-login-password label {
display:inline-block;
width:55px;
}

#form-login-remember {
margin:10px 0;
}

#form-login-remember label {
display:inline-block;
}

#form-login input.button {
margin-bottom:0.5em;
}


/*  Модули в футере  */

#footer p, #footer label {
color:#eee;
}

#footer a {
color:#fdf097;
text-decoration:underline;
}

#footer a:hover {
text-decoration:none;
}

#footer ul li {
list-style:none;
}

#footer .moduletable h3 {
color:#eee;
}


/*    Подробности материаллов   */

.dropdown-menu {
/*font-size:0.8em;*/
display:block;
overflow:hidden;
text-align:right;
position:relative;
right:0;
float:right;
}

.dropdown-menu li {
float:right;
list-style:none;
}
.dropdown-menu li:first-child {
padding-left:3px;
}

dl {
margin-bottom: 18px;
}

.article-info-term {
font:bold 0.7em Arial;
color:#777;
}

.article-info dd {
font:0.7em Arial;
color:#777;
}

.content_rating p {
font:0.7em Arial;
color:#777;
}

.content_vote {
padding:0 0 1em 0;
display:block;
}

.pull-right {
float: right;
padding: 0.5em 0 1em 20px;
}

/*кастом*/
.pull-left {
    float: left;
    padding: 0.5em 20px 1em 0;
}

.pull-none {
padding:0.5em 0 1em 0;
}

.btn-group a {
padding:0;
}

.btn-group ul {
display:inline;
}

.inline {
display:inline;
}

ul.tags {
display: block;
padding-bottom: 0.3em;
}

ul.tags li {
list-style:none;
}

#content .content-category a {
text-decoration:none;
}

/*  Всплывающие подсказки    */

.tooltip {
	position: absolute;
	z-index: 1030;
	display: block;
	visibility: visible;
	/*font-size: 11px;*/
	line-height: 1.4;
	opacity: 0;
	filter: alpha(opacity=0);
}
.tooltip.in {
	opacity: 0.8;
	filter: alpha(opacity=80);
}
.tooltip.top {
	margin-top: -3px;
	padding: 5px 0;
}
.tooltip.right {
	margin-left: 3px;
	padding: 0 5px;
}
.tooltip.bottom {
	margin-top: 3px;
	padding: 5px 0;
}
.tooltip.left {
	margin-left: -3px;
	padding: 0 5px;
}
.tooltip-inner {
	max-width: 200px;
	padding: 8px;
	color: #fff;
	text-align: center;
	text-decoration: none;
	background-color: #000;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.tooltip-arrow {
	position: absolute;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid;
}
.tooltip.top .tooltip-arrow {
	bottom: 0;
	left: 50%;
	margin-left: -5px;
	border-width: 5px 5px 0;
	border-top-color: #000;
}
.tooltip.right .tooltip-arrow {
	top: 50%;
	left: 0;
	margin-top: -5px;
	border-width: 5px 5px 5px 0;
	border-right-color: #000;
}
.tooltip.left .tooltip-arrow {
	top: 50%;
	right: 0;
	margin-top: -5px;
	border-width: 5px 0 5px 5px;
	border-left-color: #000;
}
.tooltip.bottom .tooltip-arrow {
	top: 0;
	left: 50%;
	margin-left: -5px;
	border-width: 0 5px 5px;
	border-bottom-color: #000;
}
.pagination {
	text-align: center;
	margin: 0px !important;
}
.pagination .pull-right{
	position: absolute;
    right: 6em;
}
.pagination .pull-left{
	position: absolute;
    left: 6em;
}
.pagination {
	margin: 18px 0;
}
.pagination ul {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	margin-left: 0;
	margin-bottom: 0;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.05);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.05);
	box-shadow: 0 1px 2px rgba(0,0,0,0.05);
}
.pagination ul > li {
	display: inline;
}
.pagination ul > li > a,
.pagination ul > li > span {
	float: left;
	padding: 4px 12px;
	line-height: 18px;
	text-decoration: none;
	background-color: #f4f4f4;
	border: 1px solid #ddd;
	border-left-width: 0;
}
.pagination ul > li > a:hover,
.pagination ul > li > a:focus,
.pagination ul > .active > a,
.pagination ul > .active > span {
	background-color: #f5f5f5;
}
.pagination ul > .active > a,
.pagination ul > .active > span {
	color: #999;
	cursor: default;
}
.pagination ul > .disabled > span,
.pagination ul > .disabled > a,
.pagination ul > .disabled > a:hover,
.pagination ul > .disabled > a:focus {
	color: #999;
	background-color: transparent;
	cursor: default;
}
.pagination ul > li:first-child > a,
.pagination ul > li:first-child > span {
	border-left-width: 1px;
	-webkit-border-top-left-radius: 4px;
	-moz-border-radius-topleft: 4px;
	border-top-left-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-bottom-left-radius: 4px;
}
.pagination ul > li:last-child > a,
.pagination ul > li:last-child > span {
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topright: 4px;
	border-top-right-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	border-bottom-right-radius: 4px;
}
.pagination-centered {
	text-align: center;
}
.pagination-right {
	text-align: right;
}

/*  Колонки для блога  */

.cols-1 {
    display: block;
    float: none !important;
    margin: 0 !important;
}
.cols-2 .column-1 {
    float: left;
    width: 49%;
}
.cols-2 .column-2 {
    float: right;
    margin: 0;
    width: 49%;
}
.cols-3 .column-1 {
    float: left;
    width: 33%;
}
.cols-3 .column-2 {
    float: left;
    padding-left: 1%;
    width: 33%;
}
.cols-3 .column-3 {
    float: right;
    width: 32%;
}
.cols-4 .column-1 {
    float: left;
    width: 24%;
}
.cols-4 .column-2 {
    float: left;
    padding-left: 1%;
    width: 24%;
}
.cols-4 .column-3 {
    float: left;
    padding-left: 1%;
    width: 24%;
}
.cols-4 .column-4 {
    float: right;
    width: 25%;
}

span.row-separator {
    clear: both;
    display: block;
}

.blog p.readmore {
clear:both;
margin-bottom:2em;
}

#content p.readmore a {
text-decoration:none;
}

.item-image img {
padding:0 0 1em 0;
max-width:100%;
}

/*Доп.стили чтобы в блоге(афише) картинки были высоты 150*/
.clearfix .item-image img {
    padding:0 0 1em 0;
    max-height:150px;
}

.blog {
	overflow:hidden;
	padding: 2% 2% 2% 2% !important;
	background-color: rgba(255, 255, 255, 0.93);
	min-height: 600px;
}

.blog .item-image img {
max-width:100%;
}

article.blogarticle {
margin:0 0 2em 0;
padding: 0 0 2em 0;
border-bottom:1px solid #ddd;
}




/*  ------------ Adaptive ---------------  */


/*   1024px  */

@media screen and (max-width: 1024px),
only screen and (max-device-width:1024px) {

.layout {
width:980px;
}

.layout2 {
width:100%;
}

#menuwrap ul li a {
padding:0.7em 15px;
/*font-size:1.1em;*/
}

}



/*   800px  */

@media screen and (max-width: 800px),
only screen and (max-device-width:800px) {

.layout {
width:760px;
}

.layout2 {
width:100%;
}

#menuwrap {
position:static;
}

#menuwrap ul li {
float:none;
}

.logo, .box3 {
width:50%;
float:none;
margin:0 auto 0.5em auto;
}

.right {
float: none;
text-align: center;
}

#mainright, #mainleft, #sidebarright, #sidebarleft {
width:100%;
float:none;
}

.box4 {
width:49%;
}

#footerMenu #menuwrap3 .box4 {
    padding-bottom: 5px;
    width:49%;
}

iframe {
max-width:100%;
}

}



/*   768px  */

@media screen and (max-width: 768px),
only screen and (max-device-width:768px) {
    
.layout {
width:710px;
}

.layout2 {
width:100%;
}

#menuwrap {
position:static;
}

#menuwrap ul li {
float:none;
}

.logo, .box3 {
width:50%;
float:none;
margin:0 auto 0.5em auto;
}

.right {
float: none;
text-align: center;
}

#mainright, #mainleft, #sidebarright, #sidebarleft {
width:100%;
float:none;
}

.box4 {
width:49%;
}

#footerMenu #menuwrap3 .box4 {
    padding-bottom: 5px;
    width:49%;
}

iframe {
max-width:100%;
}
}



/*   640px  */


@media screen and (max-width: 640px),
only screen and (max-device-width:640px) {

.layout {
width:580px;
}

.layout2 {
width:100%;
}

#menuwrap {
position:static;
}

#menuwrap ul li {
float:none;
}

.logo, .box3 {
width:60%;
float:none;
margin:0 auto 0.5em auto;
}

.right {
float: none;
text-align: center;
}

#mainright, #mainleft, #sidebarright, #sidebarleft {
width:100%;
float:none;
}

.box4 {
width:99%;
}

#footerMenu #menuwrap3 .box4 {
    padding-bottom: 10px;
    width:19%;
}

iframe {
max-width:100%;
}

.cols-2 .column-1 {
    float: left;
    width: 100%;
}
.cols-2 .column-2 {
    float: right;
    margin: 0;
    width: 100%;
}
.cols-3 .column-1 {
    float: left;
    width: 100%;
}
.cols-3 .column-2 {
    float: left;
    padding-left: 1%;
    width: 100%;
}
.cols-3 .column-3 {
    float: right;
    width: 100%;
}
.cols-4 .column-1 {
    float: left;
    width: 100%;
}
.cols-4 .column-2 {
    float: left;
    padding-left: 1%;
    width: 100%;
}
.cols-4 .column-3 {
    float: left;
    padding-left: 1%;
    width: 100%;
}
.cols-4 .column-4 {
    float: right;
    width: 100%;
}
}




/*   600px  */

@media screen and (max-width: 600px),
only screen and (max-device-width:600px) {

.layout {
width:550px;
}

.layout2 {
width:100%;
}

#menuwrap {
position:static;
}

#menuwrap ul li {
float:none;
}

.logo, .box3 {
width:60%;
float:none;
margin:0 auto 0.5em auto;
}

.right {
float: none;
text-align: center;
}

#mainright, #mainleft, #sidebarright, #sidebarleft {
width:100%;
float:none;
}

.box4 {
width:99%;
}

#footerMenu #menuwrap3 .box4 {
    padding-bottom: 10px;
    width:99%;
}

iframe {
max-width:100%;
}

.cols-2 .column-1 {
    float: left;
    width: 100%;
}
.cols-2 .column-2 {
    float: right;
    margin: 0;
    width: 100%;
}
.cols-3 .column-1 {
    float: left;
    width: 100%;
}
.cols-3 .column-2 {
    float: left;
    padding-left: 1%;
    width: 100%;
}
.cols-3 .column-3 {
    float: right;
    width: 100%;
}
.cols-4 .column-1 {
    float: left;
    width: 100%;
}
.cols-4 .column-2 {
    float: left;
    padding-left: 1%;
    width: 100%;
}
.cols-4 .column-3 {
    float: left;
    padding-left: 1%;
    width: 100%;
}
.cols-4 .column-4 {
    float: right;
    width: 100%;
}
}




/*   480px  */

@media screen and (max-width: 480px),
only screen and (max-device-width:480px) {

.layout {
width:95%;
}

.layout2 {
width:100%;
}

#menuwrap {
position:static;
}

#menuwrap ul li {
float:none;
}

.logo, .box3 {
width:100%;
float:none;
margin:0 auto 0.5em auto;
text-align: center;
}

.logo img, .box3 img {
max-width:100%;
}

.right {
float: none;
text-align: center;
}

#mainright, #mainleft, #sidebarright, #sidebarleft {
width:100%;
float:none;
}

.box4 {
width:99%;
}

#footerMenu #menuwrap3 .box4 {
    padding-bottom: 10px;
    width:99%;
}

iframe {
max-width:100%;
}

.cols-2 .column-1 {
    float: left;
    width: 100%;
}
.cols-2 .column-2 {
    float: right;
    margin: 0;
    width: 100%;
}
.cols-3 .column-1 {
    float: left;
    width: 100%;
}
.cols-3 .column-2 {
    float: left;
    padding-left: 1%;
    width: 100%;
}
.cols-3 .column-3 {
    float: right;
    width: 100%;
}
.cols-4 .column-1 {
    float: left;
    width: 100%;
}
.cols-4 .column-2 {
    float: left;
    padding-left: 1%;
    width: 100%;
}
.cols-4 .column-3 {
    float: left;
    padding-left: 1%;
    width: 100%;
}
.cols-4 .column-4 {
    float: right;
    width: 100%;
}

}



/*   320px  */

@media screen and (max-width: 320px),
only screen and (max-device-width:320px) {

.layout {
width:95%;
}

.layout2 {
width:100%;
}

#menuwrap {
position:static;
}

#menuwrap ul li {
float:none;
}

.logo, .box3 {
width:100%;
float:none;
margin:0 auto 0.5em auto;
text-align: center;
}

.logo img, .box3 img {
max-width:100%;
}

.right {
float: none;
text-align: center;
}

#mainright, #mainleft, #sidebarright, #sidebarleft {
width:100%;
float:none;
}

.box4 {
width:99%;
}

#footerMenu #menuwrap3 .box4 {
    padding-bottom: 10px;
    width:99%;
}

iframe {
max-width:100%;
}

.cols-2 .column-1 {
    float: left;
    width: 100%;
}
.cols-2 .column-2 {
    float: right;
    margin: 0;
    width: 100%;
}
.cols-3 .column-1 {
    float: left;
    width: 100%;
}
.cols-3 .column-2 {
    float: left;
    padding-left: 1%;
    width: 100%;
}
.cols-3 .column-3 {
    float: right;
    width: 100%;
}
.cols-4 .column-1 {
    float: left;
    width: 100%;
}
.cols-4 .column-2 {
    float: left;
    padding-left: 1%;
    width: 100%;
}
.cols-4 .column-3 {
    float: left;
    padding-left: 1%;
    width: 100%;
}
.cols-4 .column-4 {
    float: right;
    width: 100%;
}

}

/* .item-page{
  margin: 0px 50px !important;
} */

.item-page, .contact-category, #mainfull>.search{ /*отступы для форм контент сайта*/
  margin: 0 5% 0% 5% !important;
  padding: 0 2% 2% 2% !important;
  background-color: rgba(255, 255, 255, 0.93);
  min-height: 600px;
}
.blogcss-ss-ss, .item-pagecss-ss-ss, .archivecss-ss-ss, .category-listcss-ss-ss{ /*отступы для форм через CSS-суффиксы*/
	margin: 0 5% 0% 5% !important;
	padding: 2% 2% 2% 2% !important;
	background-color: rgba(255, 255, 255, 0.93);
	min-height: 600px;
}
.blogcss-ss-ss .row-fluid:hover,
.blogcss-ss-ss .items-leading:hover{
	/* Отключить выделение строки прии наведении мышки на нее,
	* т.к. подсветить ся должен конкреттный элемент в строка,
	* а не вся строка*/
	background-color: initial;
	border-radius: none;
}
.blogcss-ss-ss .items-row .item .page-header,
.blogcss-ss-ss .items-row .item .item-image, 
.blogcss-ss-ss .items-row .item .readmore,
.blogcss-ss-ss .items-leading .page-header,
.blogcss-ss-ss .items-leading .item-image,
.blogcss-ss-ss .items-leading .readmore{
	padding: 0 2% 2% 2% !important;
}
.blogcss-ss-ss .row-fluid .item:hover, 
.blogcss-ss-ss .leading-0:hover,
.blogcss-ss-ss .leading-1:hover,
.blogcss-ss-ss .leading-2:hover,
.blogcss-ss-ss .leading-3:hover,
.blogcss-ss-ss .leading-4:hover,
.blogcss-ss-ss .leading-5:hover,
.blogcss-ss-ss .leading-6:hover,
.blogcss-ss-ss .leading-7:hover,
.blogcss-ss-ss .leading-8:hover,
.blogcss-ss-ss .leading-9:hover,
.blogcss-ss-ss .leading-10:hover,
.blogcss-ss-ss .leading-11:hover,
.blogcss-ss-ss .leading-12:hover,
.blogcss-ss-ss .leading-13:hover,
.blogcss-ss-ss .leading-14:hover,
.blogcss-ss-ss .leading-15:hover,
.blogcss-ss-ss .leading-16:hover,
.blogcss-ss-ss .leading-17:hover,
.blogcss-ss-ss .leading-18:hover,
.blogcss-ss-ss .leading-19:hover,
.blogcss-ss-ss .leading-120:hover{
	background-color: rgb(238 178 20 / 50%);
	border-radius: 5px;
}

.blogcss-ss-ss .leading-0, .blogcss-ss-ss .leading-1,
.blogcss-ss-ss .leading-2, .blogcss-ss-ss .leading-3,
.blogcss-ss-ss .leading-4, .blogcss-ss-ss .leading-5,
.blogcss-ss-ss .leading-6, .blogcss-ss-ss .leading-7,
.blogcss-ss-ss .leading-8, .blogcss-ss-ss .leading-9,
.blogcss-ss-ss .leading-10, .blogcss-ss-ss .leading-11,
.blogcss-ss-ss .leading-12, .blogcss-ss-ss .leading-13,
.blogcss-ss-ss .leading-14, .blogcss-ss-ss .leading-15,
.blogcss-ss-ss .leading-16, .blogcss-ss-ss .leading-17,
.blogcss-ss-ss .leading-18, .blogcss-ss-ss .leading-19{
	display: flow-root !important;
}

.projectCSS > .category-desc, .BookСulture > .category-desc {
	
}

.projectCSS  > .category-desc img{
	background-color: red;
	display: flex;
     margin: 0 auto; 
    float: none;
	width: 60%;
}

.management > h2,
#mainfull > div.category-listcss-ss-ss.h2 > div > div > h2{
	box-sizing: border-box;
    margin: 0;
    font: bold 1.875em Arial;
    color: #333;
    padding: 0 0 0.6em 0;
}

#mainfull > div.blogcss-ss-ss.management > div .page-header{
    padding: 0.5em 2% 0 2% !important;
}

.management .page-header h2{
    padding: 0 0 0 0;
}

.col-headers .sppb-addon-wrapper,
.row-margin-auto .sppb-addon-wrapper{
	margin: 0px !important;
}

.content-categorycss-ss-ss table{
  /*
  * сброс стилей по таблице в "материалах"
  */
  width: 100%;
  max-width: 100%;
  margin-bottom: 1.5em;
  border-collapse: collapse;
  border-spacing: 0;
  background-color: transparent;
  /*font-size: 1em;*/
  border: none;
}

.content-categorycss-ss-ss table .list-title{
  /*font-size: 1.5em;*/
  color: #004676;
  /*padding: 0.5em 0 0.5em 0;*/
  display: block;
  /*margin-block-start: 0.83em;
  margin-block-end: 0.83em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;*/
  font-weight: bold;
}

#dropdownMenuButton-20, .dropdown-toggle{
	display: none !important;
}
.contact{ /*отступы для формы обратной связи контактов имя контакта*/
	margin: 0 5% 0% 5% !important;
	padding: 0 2% 2% 2% !important;
	background-color: rgba(255, 255, 255, 0.93);
	min-height: 600px;
}
.contact .btn{
	background: #eeb214;
    font-weight: bold;
}
#slide-contact{ /*отступы для формы обратной связи контактов под именем контакта*/
	margin: 0 5% 5% 5% !important;;
}



@media only screen and (max-width: 991px) {
    .mobile-only {
        display:block;

    }

}
@media only screen and (min-width: 991px) {
     .mobile-only{
         display: none;
    }
}

/* 
* начало
*свой стиль на скрол 
*/
::-webkit-scrollbar {
    width: 15px;
}
 
::-webkit-scrollbar-track {
    background-color: rgba(128, 128, 128, 0.4);
}
 
::-webkit-scrollbar-thumb {
    box-shadow: inset 0 0 50px rgba(238, 178, 20, 1.7);
}
/* 
* коенц
*свой стиль на скрол 
*/


/*свои стили для медиагалереии*/
/*.sppb-section .media-gallery a,
.sppb-gallery-btn{
  width: 200px;
  height:200px;
}

.sppb-section .media-gallery a img,
.sppb-img-responsive{
  width: 100%;
  height: 100%;
  object-fit: contain;
}*/

/* стили навешиваемые в редакторе НАЧАЛО*/
.redBold {
  color: #8c001a !important;
  font-weight: bold !important;
}
.red {
  color: red !important;
}
/* стили навешиваемые в редакторе КОНЕЦ*/

.form-search-ec-main {
	width: 99% !important;
    margin: 5px 0px;
}

.form-search-ec-main {
	width: 99% !important;
    margin: 5px 0px !important;
}

.form__group {
  /*background: #fff;*/
  display: flex;
}
.form__group .input-search-ec-main{
  background: #fff;
  width: 90%;
  margin-right: 10px;
}
.form__group input{
	width: 100% !important;
    height: 40px !important;
    margin: 0px !important;
	background: rgba(238, 178, 20, 0.35);
}

.form__group button{
    height: 40px;
    margin: 0px;
    background: #fff;
    background-color: #eeb214;
    color: #000000;
    /*font-size: 16px;*/
}

.form__group button:hover{
	background: #fff;
	background-color: #fff;
	color: #2f3b91
}

@media only screen and (max-width: 991px) {
    .form__group .mobile-only {
        display:none;

    }

}
@media only screen and (min-width: 991px) {
    .form__group .mobile-only{
         display: none;
    }
}

/*
* Начало
* Стиль для заглушечного пункта меню которое под собой будет объединять группу
*/
.no-link-menu {
    pointer-events: none !important;
    cursor: default !important;
    color: #000 !important;
    text-decoration: none !important;
    font-weight: bold !important;
}
/*
* Стиль для заглушечного пункта меню которое под собой будет объединять группу
* Конец
*/

#departaments{   
}

.tb {
	font-weight: bold;
}

.p-center{
	text-align: center;
}

.p-notTab{
	text-indent: 0px !important;
}

.wrapperContentIFriem{
  height: 800px !important;
}

/*
* расположение баннеров ключевых партнеров друг за дружкой и по центру, а не друг под другом
*
*/
.bannergroupMainPartners{
  display: table;
  margin: 0 auto;
  /*display: inline; чито друг за дружкой
  display: flex;
  width: 100%;*/
}
.bannergroupMainPartners .banneritem{
  /*display: inline-block;*/
  /*margin: 0 auto; для центрования если display: flex; width: 100%;*/
  vertical-align: middle; /*для центрования по вертикали*/  
}
@media only screen and (min-width: 720px) {
  .bannergroupMainPartners .banneritem{
    float: left;
  }
}
.banneritem:hover{
  background-color: rgb(238 178 20 / 50%);
}

#table, .table, .item-pagecss-ss-ss table, .item-page table{
  background-color: #eeb21485;
  border-collapse: collapse;
  border: 1px solid grey;
}

@media only screen and (max-width: 490px) {
	#table, .table, .item-pagecss-ss-ss table, .item-page table{
	  table-layout: fixed;
	}
}

.item-pagecss-ss-ss table th, .item-pagecss-ss-ss table td,
.item-page table th, .item-page table td{
  border: 1px solid grey;
  text-align: justify;
  word-wrap: break-word
}
.item-pagecss-ss-ss table thead th,
.item-page table thead th{
    background-color: #ffffff85;
}
.item-pagecss-ss-ss table th,
.item-page table th{
    background-color: #99999985;
}

/*.virtualExp .sppb-addon-article:not(.sppb-article-info-wrap){
  min-height: 160px;
  position: absolute;
}*/

.sppb-ajax-contact-status{
	background: #bdbdbdf2;
	position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index:99;
}

.sppb-ajax-contact-status .sppb-text-success{
	position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	/*font-size: 20px;*/
}

.none{
  display: none;
}

.MaterialTiyleNone .mod-articles-category-title {  
  display: none;
}


._access-icon._access{
    /*width: 50px;
    height: 50px;
    font-size: 40px;
    line-height: 45px;
    text-indent: 5px;*/
    background-color: #eeb214 !important;
    /*color: rgb(255, 255, 255);
    bottom: 50px;
    right: 10px;
    z-index: 9999;
    opacity: 1;*/
}