@import url('https://fonts.googleapis.com/css?family=Montserrat:100,300,400,600,700,900&display=swap');
html,
body {
  min-height: 100%;
  overflow-wrap: break-word;
  font-family: var(--solo-font);
  font-size: var(--solo-px16);
  line-height: var(--solo-px26);
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

html {
  overflow-x: hidden;
}

/* HTML tags */
h1 {
  font-size: var(--solo-px50);/* 36px */
  line-height: calc(2 * var(--solo-px20));
}

h2 {
  font-size: var(--solo-px32);/* 32px */
  line-height: var(--solo-px36);
}

h3 {
  font-size: var(--solo-px24);/* 24px */
  line-height: var(--solo-px28);
}

h4 {
  font-size: var(--solo-px20);/* 20px */
  line-height: var(--solo-px24);
}

h5 {
  font-size: var(--solo-px18);/* 18px */
  line-height: var(--solo-px22);
}

h6 {
  font-size: var(--solo-px16);/* 16px */
  line-height: var(--solo-px20);
}

h1,
h2,
h3 {
  font-weight: 700;
  font-family: var(--solo-h1);
  margin: var(--solo-px12) 0;
}

h4,
h5,
h6 {
  font-weight: normal;
  margin: var(--solo-px8) 0;
}

hr {
  border: 0;
  border-top: var(--solo-px2) solid var(--r-br, var(--r-br-b));
  margin: var(--solo-px20) 0;
}

.solo-image {
  max-width: 100%;
  height: auto;
}

img {
  vertical-align: middle;
}

/* End Var tags */
.solo-container:after,
.solo-container:before,
.solo-panel:after,
.solo-panel:before,
.solo-row:after,
.solo-row:before,
.solo-clear:after,
.solo-clear:before {
  content: "";
  display: table;
  clear: both;
}

::placeholder {
  color: var(--r-tx);
  opacity: 0.7;
  font-size: 90%;
}

::-ms-input-placeholder {
  color: var(--r-tx);
  opacity: 0.7;
}

/* Table */
.solo-table,
.solo-table-all {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  display: table;
}

.solo-table-all {
  border: var(--solo-px1) solid var(--r-br, var(--r-br-b));
}

.solo-table-all tr {
  border-bottom: var(--solo-px1) solid var(--r-br, var(--r-br-b));
}

.solo-table-all tr:nth-child(odd) {
  background-color: var(--solo-odd);
}

.solo-table-all tr:nth-child(even) {
  background-color: var(--solo-even);
}

.solo-table td,
.solo-table th,
.solo-table-all td,
.solo-table-all th {
  padding: var(--solo-px8);
  display: table-cell;
  text-align: left;
  vertical-align: top;
}

.solo-table th:first-child,
.solo-table td:first-child,
.solo-table-all th:first-child,
.solo-table-all td:first-child {
  padding-left: var(--solo-px16);
}

/*Unordered list */
.solo-ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  line-height: inherit;
}

.solo-ul li {
  padding: var(--solo-px8) var(--solo-px16);
}

/* Button */
.button,
.solo-button {
  display: inline-block;
  padding: var(--solo-px8);
  line-height: inherit;
  vertical-align: middle;
  overflow: hidden;
  text-decoration: none;
  color: inherit;
  background-color: inherit;
  text-align: center;
  cursor: pointer;
  white-space: nowrap;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.form-submit,
.solo-button.button--primary,
.block-user-login-block form+.item-list ul li a {
  border-width: var(--solo-px1);
  border-style: solid;
  padding: var(--solo-px10) var(--solo-px24);
  margin: var(--solo-px6) auto;
  float: none;
  text-align: center;
}

.solo-button:disabled {
  cursor: not-allowed;
  opacity: 0.3;
}

.solo-button.button--small {
  padding: var(--solo-px8);
  margin: var(--solo-px2) auto;
}

/* Forms Elements */
.solo-check,
.solo-radio {
  width: var(--solo-px24);
  height: var(--solo-px24);
  position: relative;
  top: var(--solo-px66);
  border: var(--solo-px1) solid var(--r-br, var(--r-br-b));
  line-height: inherit;
}

.solo-input,
.solo-textarea {
  padding: var(--solo-px10) var(--solo-px8);
  display: block;
  width: 100%;
  border: var(--solo-px1) solid var(--r-br, var(--r-br-b));
  line-height: inherit;
}

.form-type-date > input {
  max-height: 3.438rem;
}

.solo-select {
  line-height: inherit;
  padding: var(--solo-px10) var(--solo-px8);
  width: 100%;
}

select {
  max-width: 100%;
  border: var(--solo-px1) solid var(--r-br, var(--r-br-b));
  background-image: var(--solo-select-arrow-icon);
  background-repeat: no-repeat;
  background-position: right var(--solo-px10) center;
  font-family: inherit;
  font-size: inherit;
  -webkit-appearance: none;
  appearance: none;
}

select[disabled] {
  color: var(--solo-white);
  background-color: var(--solo-dark-gray);
}

select.error {
  border: solid var(--solo-px2) var(--solo-red);
}

select.error:focus {
  outline-color: var(--solo-green);
}

select[multiple] {
  height: auto;
  background-image: none;
}

select[multiple] option {
  padding: var(--solo-px16) var(--solo-px12);
}

ol {
  display: block;
}

.form-type-number>label {
  width: 100%;
}

.field-prefix,
.field-suffix {
  padding: var(--solo-px16) var(--solo-px8);
  vertical-align: middle;
}

.solo-padding {
  padding: var(--solo-px8) var(--solo-px16);
}

.solo-container,
.solo-panel {
  padding: var(--solo-px3) var(--solo-px16);
}

.solo-panel {
  margin-top: var(--solo-px16);
  margin-bottom: var(--solo-px16);
}

.solo-small {
  font-size: var(--solo-px16);
}

.solo-bar {
  width: 100%;
  overflow: hidden;
}

.solo-bar .solo-bar-item {
  padding: var(--solo-px8) var(--solo-px16);
  float: left;
  width: auto;
  border: none;
  display: block;
  outline: 0;
}

.solo-section {
  margin-top: var(--solo-px16);
  margin-bottom: var(--solo-px16);
}

.solo-block {
  display: block;
  width: 100%;
}

.solo-responsive {
  display: block;
  overflow-x: auto;
}

.links.inline {
  display: flex;
  justify-content: right;
  font-size: var(--solo-px14);
}

form fieldset:not(td fieldset) {
  border: 1px solid var(--r-br, var(--r-br-b)) !important;
  margin-top: var(--solo-px12);
}

/* Global Classes */
.solo-fixed {
  position: fixed;
  top: 0;
  width: 100%;
}

.solo-sticky {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  overflow-y: auto;
}

.solo-relative {
  position: relative;
  width: 100%;
}

.visuallyhidden {
  opacity: 0;
}

.dis-box-shadow {
  box-shadow: none !important;
}

.dis-border {
  border: 0 !important;
}

.dis-border-radius {
  border-radius: 0 !important;
}

.dis-margin {
  margin: 0 !important;
}

.dis-padding {
  padding: 0 !important;
}

.dis-opacity {
  animation: none !important;
}

.dis-text-transform {
  text-transform: none !important;
}

.solo-card {
  -webkit-box-shadow: 0 var(--solo-px1) var(--solo-px3) 0 rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 var(--solo-px1) var(--solo-px3) 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 var(--solo-px1) var(--solo-px3) 0 rgba(0, 0, 0, 0.12);
}




/*********************/

.vvjc .vvjc-items > .vvjc-item {
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    overflow: hidden;
    position: absolute;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 1rem;
	background-color: rgba(239, 243, 246, 0.9);
    align-items: center;
}
.vvjc .vvjc-items > .vvjc-item.active {
    align-items: center;
    box-shadow: 0 8px 12px rgba(0, 0, 0, 0.25);
	background-color: rgba(239, 243, 246, 1);
	
}

.vvjc > .vvjc-inner.max-width-500 {
    max-width: 500px;
    perspective: calc(var(--perspective, 520) * 1px);
}

.vvjc a{
	--r-tx: #012e3d;
    --solo-h1: 'Montserrat', sans-serif;
    font-family: var(--solo-h1);
    letter-spacing: var(--solo-px1);
    color: var(--r-h1, var(--r-tx));
    line-height: 18px;
    font-size: 18px;
	text-align: center;
}


a:hover > img.solo-image, a.img--is-clickable:hover > picture > img.solo-image, img.solo-image:hover  {
    animation: animateimg 5s;
}
.page-wrapper .solo-outer.radius-16 .region-inner, .page-wrapper .solo-outer.animate-border.radius-16 .region-inner:not(.main-box-inner)::before, .page-wrapper .solo-outer.animate-border.radius-16 .region-inner:not(.main-box-inner)::after {
    border-radius: var(--solo-px16);
}

#login-button-open button, #sidebar-button-open button, #search-button-open button, #page-wrapper .menu--account li a {
    border: 1px solid var(--r-br);
    transition: box-shadow 0.3s ease, transform 0.3s ease;
    border-radius: var(--solo-px8);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.page-wrapper, .solo-outer, .region-inner {
    border-color: var(--r-br, var(--r-br-b));
    background-color: var(--r-bg);
    color: var(--r-tx);
	
}

.page-wrapper .solo-outer .region-inner, .page-wrapper .solo-outer.animate-border.radius-16 .region-inner:not(.main-box-inner)::before, .page-wrapper .solo-outer.animate-border.radius-16 .region-inner:not(.main-box-inner)::after {
   /* border-radius: var(--solo-px16); */ border: 1px solid var(--r-br);
   border-top-left-radius: var(--solo-px32);
    border-bottom-right-radius: var(--solo-px32);
}
.page-wrapper .top-container.has-border .region-inner, .page-wrapper .main-container.has-border .region-inner, .page-wrapper .bottom-container.has-border .region-inner, .page-wrapper .footer-container.has-border .region-inner {
  
}
#block-solo-gorodskiecentry {

}
 ul.solo-side-menu{
	display: flex;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.05), -1px 1px 3px rgba(0, 0, 0, 0.05), 0 2px 3px rgba(0, 0, 0, 0.05);
    margin-bottom: var(--solo-px16);
	margin-top: 0;
}

li.solo-side-menu__item, li.solo-side-menu__item a{
	display: flex;
	flex-basis: 100%;
    flex-grow: 1;
	justify-content: space-between;
    flex-wrap: wrap;
	
}
li.solo-side-menu__item:hover{
    background:#05b8f4;
    color: var(--r-bg);
}
h2.block__title{
	padding: var(--solo-px12);
      
    box-shadow: 0 -1px 4px rgba(0, 0, 0, 0.1);
    text-transform: uppercase;
	margin-bottom: 0;
}
form.search-form>.form-wrapper {
    position: relative;
    display: block!important;
}	
#block-solo-gorodskiecentry li.solo-side-menu__item a:hover, #block-solo-konkursy li.solo-side-menu__item a:hover{
  color: var(--r-bg);
}
 #block-solo-konkursy li{
	 text-transform: uppercase;
 }
#sidebar-box-second h2.block__title::before, #sidebar-box-second h2.solo-block-title::before{
    content: "\2630";
    font-size: 1.3em;
    line-height: 0.8;
    width: 40px;
	color: #00CCCD;
	margin-right: 10px;
}
#block-solo-konkursy{
	position: sticky;
    top: 4em;
    padding-top: 0em;
	
}
#sidebar-box-second h2.solo-block-title::before{
	    margin-right: 10px;
}
#sidebar-box-second h2.solo-block-title{
	padding: var(--solo-px12);
    box-shadow: 0 -1px 4px rgba(0, 0, 0, 0.1);
    text-transform: uppercase;
    margin-bottom: 0;
}
#sidebar-box-second .element-container-wrapper{
	    display: flex;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.05), -1px 1px 3px rgba(0, 0, 0, 0.05), 0 2px 3px rgba(0, 0, 0, 0.05);
    margin-bottom: var(--solo-px16);
    margin-top: 0;
	
}
/**************/
#block-solo-logodo img,  #block-solo-logoartsubakadsub img{
	margin: var(--solo-px16);
}
#block-solo-logodo a.img--is-clickable{
	display: inline;
}

#block-solo-logodo .field--name-body, #block-solo-logoartsubakadsub .field--name-body{
	display: grid;
    grid-template-columns: 1fr 1fr;
}
#block-solo-logodo a img:hover, #block-solo-logoartsubakadsub a img:hover {
    animation: animateimg 4s;
 
}
#block-solo-logodo img, #block-solo-logoartsubakadsub img{
	box-shadow: 0 -1px 4px rgba(0, 0, 0, 0.1);
}

#block-solo-logodo .field--type-text-with-summary img.align-left,  #block-solo-logoartsubakadsub .field--type-text-with-summary img.align-left{
    padding-right: 0!important;
}
#block-solo-logodo img{
	opacity: 0;
  transform: translateY(40px);
  animation: css-animation-fadeInUp 0.6s ease-out forwards;
 /*animation-delay: 0.3s;*/
}
#block-solo-logodo img:hover{
	opacity: 1;
	transform: translateY(0);
}
@keyframes css-animation-fadeInUp {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/****************/
#block-solo-kalendar .field--name-body{
	display: grid;
    grid-template-columns: repeat(7, 1fr);
}
#block-solo-kalendar img{
	height: 100px;
    width: auto;
}
#block-solo-kalendar a img:hover {
       transform: scale(1.1);
 
}

#block-solo-logodo img:hover, #block-solo-logoartsubakadsub img:hover{
	-moz-box-shadow: 0 25px 50px 0 rgba(var(--s-b),.35);
    -webkit-box-shadow: 0 25px 50px 0 rgba(var(--s-b), .35);
    box-shadow: 0 25px 50px 0 rgba(var(--s-b), .35);
}
/**********************/


.field--name-field-fotografii{
	display: grid;
    grid-template-columns: repeat(4, 1fr);
}
.field--name-field-fotografii div.field__item{
	padding: 1em;
}
	
a[href$=".pdf"]::before {
    content: "\1F4D1";
    font-size: 1.3em;
    line-height: 0.8;
    width: 40px;
	margin-right: 7px;
}

.view-poleznye-resursy .views-field-title a::before{
  /*  content: "\1F4CC";
    font-size: 1.3em;
    line-height: 0.8;
    width: 40px;
	margin-right: 10px;*/
}
/*
	a[href$=".pdf"]:after {
  content: " (PDF)";
}
	*/
#block-solo-views-block-poleznye-resursy-block-1{
	position: sticky;
    top: 3em;
    padding: 10px;
    z-index: 100;	
}
#block-solo-views-block-poleznye-resursy-block-1 li:hover{
	background: #05b8f4;
}
#block-solo-views-block-poleznye-resursy-block-1 li a:hover{
	
    color: var(--r-bg);
}
#block-solo-views-block-poleznye-resursy-block-1 li a{
	display: flex;
    flex-basis: 100%;
    flex-grow: 1;

}
.view-elektronnye-smi td.views-field-field-image{
	width: 18%;
}
.view-proekty td.views-field-field-image{
	width: 15%;
}
h1.site-name{
	    font-weight: 900;
		font-size: var(--solo-px48);
}
/****************/
.vi-special-block-image{
	width: 65px;
    height: 40px;
	margin-right: 20px !important;
}

.vvjc div a{
	color: #2aace3!important;
}

.vvjc h3{
		text-align: center;
}

.node__author-info span{
	color: #00CCCD;
}


#block-solo-content h3.node__title{
	margin-bottom: 0!important;
}
#footer-box-first div.footer-box-inner{
	/*    border: none;
    background: none;*/
	background: white;
}
#top-box-first .top-box-first-inner, #top-box-third .top-box-third-inner, #top-box-second .top-box-second-inner{
	    border: none;
		background: none;
}
#block-solo-luchshieproekty .field--name-body{
	display: grid;
    grid-template-columns: 1fr 1fr;
	padding: 1em;
	    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.05), -1px 1px 3px rgba(0, 0, 0, 0.05), 0 2px 3px rgba(0, 0, 0, 0.05);
    margin-bottom: var(--solo-px16);
    margin-top: 0;
}
#block-solo-luchshieproekty .field--name-body img{
	margin: 10px;
}

.field--name-field-tags {
	font-style: italic;
}

#block-solo-main-menu li a span{
	    text-transform: uppercase;
}
.search-button-block, .button--primary{
	    text-transform: uppercase;
}


#block-solo-views-block-anonsy-block-1 .views-field-title:before, #block-solo-views-block-anonsy-block-2 .views-field-title:before,
.view-poleznye-resursy .views-field-title a::before{
	/*content: "\1F4C5";
    font-size: 1.3em;
    line-height: 0.8;
    width: 40px;
    color: #00CCCD;
	margin-right: 10px;*/
	 content: ""; /* Обязательно для псевдоэлементов */
        display: inline-block; /* Или block, в зависимости от нужного поведения */
        width: 30px; /* Ширина изображения */
        height: 30px; /* Высота изображения */
        background-image: url(../images/zap.png);
        background-size: contain; /* Масштабирование изображения */
        background-repeat: no-repeat;
        margin-right: 10px; /* Отступ от текста */
        vertical-align: middle; /* Для выравнивания с текстом */
}
#block-solo-views-block-tegi-block-1 .views-field-name a::before{
		content: ""; /* Обязательно для псевдоэлементов */
        display: inline-block; /* Или block, в зависимости от нужного поведения */
        width: 10px; /* Ширина изображения */
        height: 10px; /* Высота изображения */
        background-image: url(../images/zap.png);
        background-size: contain; /* Масштабирование изображения */
        background-repeat: no-repeat;
        margin-right: 2px; /* Отступ от текста */
        vertical-align: middle; /* Для выравнивания с текстом */
}
#top-box-first h2.solo-block-title{
	padding: var(--solo-px12);
    box-shadow: 0 -1px 4px rgba(0, 0, 0, 0.1);
    text-transform: uppercase;
    margin-bottom: 0;
}	
.vvjc.height-large-350 > .vvjc-inner, .vvjc.height-large-350 > .vvjc-inner > .vvjc-items
 {
    height: 23.625rem!important;
}
 #block-solo-views-block-anonsy-block-2 .view-anonsy{
	padding: 1em; 
 }
#top-box-first .view-anonsy{
	    padding: 1em;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.05), -1px 1px 3px rgba(0, 0, 0, 0.05), 0 2px 3px rgba(0, 0, 0, 0.05);
   
    margin-top: 0;
}
#top-box-first h2.solo-block-title:before{
    content: "\2630";
    font-size: 1.3em;
    line-height: 0.8;
    width: 40px;
    color: #00CCCD;
	margin-right: 10px;
}
.view-footer{
	display: flex;
    justify-content: right;
	text-transform: uppercase;
    font-weight: 600;
}
.solo-button-menu{
	    background-color: #00cccd!important;
    border-radius: 0!important;
}


#page-wrapper{
	background-image: url(../images/fon.jpg);
	background-repeat: no-repeat;  /* Запретить повторение */
  background-size: cover;        /* Растянуть на всю область */
  background-attachment: fixed;
	}

#header, #top-container, #main-container, #bottom-container, #footer-container, #copyright, #page-title, #breadcrumb, #block-solo-breadcrumbs{
	background: transparent!important;
	border: 0!important;
}
.bottom-box-first-inner, #block-solo-views-block-anonsy-block-1{
	    background: white!important;
}
#block-solo-views-block-tegi-block-1 {
  /*  position: sticky;
    top: 4em;
    padding-top: 0em;*/
}