@font-face {
font-family: 'PTAstraSerif'; 
src: local('PTAstraSerif'), url(https://sobes73.ru/assets/templates/sobes/fonts/PTAstraSerif-Regular.ttf);
}
:root {
--mainColor: #6fb6ff;
--extraColor: #f2fbff;
}
*, *:after, *:before {
box-sizing: border-box;
padding: 0;
margin: 0;
transition: .5s ease-in-out; 
}
body {
font-family: 'PTAstraSerif', serif;
font-size: 14px;
line-height: 1;
color: #000;
background: #f2fbff;
display: flex;
display: -webkit-flex;
display: -moz-flex;
flex-direction: column;
-webkit-flex-direction: column;
-moz-flex-direction: column;
justify-content: flex-start;
min-height: 100vh;
}
ul {
list-style: none;
font-size: 18px;
}
ol {
list-style: disc;
margin-left: 40px;
}
a {
outline: none;
transition: all .5s linear;
color: #2c66a2;
}
a:hover {
color: #000;
text-decoration: none;
}
a:focus {
color: #000;
text-decoration: none;
}
a:active {
color: #000;
text-decoration: none;
transition: all 0s linear;
}
a:visited {
color: #9caecd;
}
textarea, input, select, button {
font-family: 'PTAstraSerif', serif;
}
p {
font-size: 18px;
margin: 5px;
}
table, td {
max-width: 100%;
table-layout: fixed;
width: 100%;
}
td {
vertical-align: top;
overflow-wrap: break-word;
}
.table-frame-on td {
border: 1px solid;
}
.table-frame-off {
border: 0;
}

header:after, nav:after, .container:after, footer:after, .widget-posts-list li:after {
content: "";
display: table;
clear: both;
} 

.container {
margin: 0 auto;
width: 100%;
max-width: 1920px;
padding: 0 15px;
} 

.container-inner {
margin: 0 auto;
width: 100%;
max-width: 1920px;
padding: 0 15px;
flex: 1;
-webkit-flex: 1;
-moz-flex: 1;
}

header {
width: 100%;
background: #6fb6ff;
box-shadow: 3px 3px 1px rgba(0,0,0,.05);
padding: 10px 0;
position: relative;
}

nav {
width: 100%;
background: rgba(205, 214, 219, 0.3);
box-shadow: 3px 3px 1px rgba(0,0,0,.05);
padding: 10px 0;
position: relative;
}

.logo {
width: 84%;
float: left;
}
.logo a {
display:flex;
justify-content: center;
align-items: center;
color: #000;
width: 100%;
background: url(../images/clouds-1923545.svg) 0px -300px no-repeat;
background-size: 1920px;
text-decoration: none;
}
.logo p {
line-height: 40px;
letter-spacing: 1px;
font-weight: 700;
text-align: left;
font-size: 40px;
width: 55%;
}
.logo img {
width: 150px;
float: left;
}
.logo-inner a {
float: left;
margin-right: 10px;
}
.logo-inner img {
width: 35px;
float: left;
}
.gosuslugi {
background: url(../images/logo_gosuslugi.svg) 0px 0px no-repeat;
background-size: 100px;
background-position: center;
}

#menu {
display:flex;
justify-content: center;
align-items: center;
}
#menu li {
display: inline-block;
margin-right: 30px;
}
#menu a {
font-size: 20px;
letter-spacing: 1px;
font-weight: 800;
display: block;
line-height: 40px;
background:
 linear-gradient(
 to bottom, var(--mainColor) 0%,
 var(--mainColor) 100%
 );
background-position: 0 100%;
background-repeat: repeat-x;
background-size: 4px 4px;
color: #000;
text-decoration: none;
transition: background-size .2s;
}
#menu a:hover {
background-size: 4px 50px;
}
#menu a:focus {
background-size: 4px 50px;
}
#menu a:active {
background: #aaa;
transition: 0s ease-in-out; 
}
#menu li:last-child {
margin-right: 0;
}
.current-section-main {
background-size: 4px 50px !important;
}

#head {
float: left;
}
#head li {
display: inline-block;
margin-right: 30px;
}
#head a {
font-size: 14px;
letter-spacing: 1px;
font-weight: 800;
display: block;
line-height: 40px;
background:
 linear-gradient(
 to bottom, var(--extraColor) 0%,
 var(--extraColor) 100%
 );
background-position: 0 100%;
background-repeat: repeat-x;
background-size: 4px 4px;
color: #000;
text-decoration: none;
transition: background-size .2s;
}
#head a:hover {
background-size: 4px 50px;
}
#head a:focus {
background-size: 4px 50px;
}
#head a:active {
background: #aaa;
transition: 0s ease-in-out; 
}
#head li:last-child {
margin-right: 0;
}

#searchform {
float: right;
margin-left: 46px;
display: inline-block;
position: relative;
}
#searchform input {
width: 170px;
float: left;
border: none;
padding-left: 10px;
height: 40px;
overflow: hidden;
outline: none;
color: #aaa;
}
#searchform button {
background: transparent;
height: 40px;
border: none;
position: absolute;
right: 10px;
color: #6fb6ff;
cursor: pointer;
font-size: 18px;
}
#searchform input:focus {
outline: 2px solid #aaa;
}
.nav-switch {
display: none;
position: relative;
float: right;
width: 40px;
height: 40px;
margin-left: 20px;
background: #aaa;
cursor: pointer;
}
.nav-switch span {
display: block;
position: absolute;
top: 19px;
left: 8px;
right: 8px;
height: 2px;
background: white;
}
.nav-switch span:before, .nav-switch span:after {
content: "";
position: absolute;
display: block;
left: 0;
width: 100%;
height: 2px;
background: white;
}
.nav-switch span:before {
top: -10px;
}
.nav-switch span:after {
bottom: -10px;
}

.head-switch {
display: none;
position: relative;
float: right;
width: 40px;
height: 40px;
margin-left: 20px;
background: #2d96ff;
cursor: pointer;
}
.head-switch span {
display: block;
position: absolute;
top: 19px;
left: 8px;
right: 8px;
height: 2px;
background: white;
}
.head-switch span:before, .head-switch span:after {
content: "";
position: absolute;
display: block;
left: 0;
width: 100%;
height: 2px;
background: white;
}
.head-switch span:before {
top: -10px;
}
.head-switch span:after {
bottom: -10px;
}

#menu.active {
display: block;
max-height: 500px;
}
#head.active {
display: block;
max-height: 500px;
}
.posts-list {
margin-bottom: 30px;
width: 54%;
float: left;
}
.posts-list-inner {
width: 79%; 
margin-top: 10px;
float: right;
margin-bottom: 30px;
}
.post {
margin-bottom: 15px;
position: relative;
}
.post-inner {
margin-bottom: 5px;
position: relative;
}
.img-main {
position: relative;
overflow: hidden;
width: 100%;
height: 200px;
}
.img-main img {
position: absolute;
top: 100%;
left: 50%;
transform: translate(-50%,-50%);
width: 100%;
object-fit: cover;
}
.post img:hover {
width: 110%;
}
.post-content {
bottom: 0px;
background: rgba(205, 214, 219, 0.75);
width: 100%;
}
.post-content-inner {
border-bottom: #6fb6ff 4px solid;
padding-top: 10px;
}
.post-main {
padding-bottom: 1px;
}
.post-content-inner:hover .post-title-inner {
color: #6fb6ff;
}
.post-content p {
line-height: 1.5;
margin: 0 5px;
}
.post-content a {
text-decoration:none;
color: #000;
}
.post-content-inner a {
text-decoration:none;
color: #000;
}
.post-title {
margin-left: 5px;
margin-bottom: 12px;
font-size: 26px;
font-weight: normal;
}
.post-footer {
display:flex;
align-items: center;
font-size: 20px;
white-space: nowrap;
}
.post-footer i {
padding: 0 5px;
font-size: 14px;
}
.post-footer a {
color: #000;
}
.post-footer a:hover {
color: #000;
background: #6fb6ff;
}
.B_crumbBox {
display: inline-block;
margin-bottom: 10px;
font-size: 18px;
}
a.B_crumb{	
	color: #153BE2;		
}
a:visited.B_crumb{
text-decoration: underline;
color:#9caecd;
}
a:hover.B_crumb{
 text-decoration: underline;
 color:#00177b;
}
a:active.B_crumb{
font-weight:bold;
color:#394c4e;
}

aside {
width: 43%;
float: right;
}
aside#inner {
width: 20%;
float: left;
margin-top: 10px;
}
.widget {
padding: 10px 15px;
background: #6fb6ff;
font-size: 20px;
margin-bottom: 10px;
}
.widget-list i {
padding: 0 10px;
font-size: 20px;
}
.widget-list li {
border-bottom: 2px solid #EBEBE3;
padding: 0;
color: #000;
}
.widget-list li:last-child {
border-bottom: none;
}
.widget-list li a {
display:flex;
align-items: center;
color: #000;
padding: 10px 0;
text-decoration: none;
}
.widget-list li a:before {
display: inline-block;
margin-right: 10px;
color: #000;
}
.widget-list li a:hover {
color: #000;
background: #f2fbff;
padding: 10px 0;
}
.widget-list li a:focus {
color: #000;
background: #f2fbff;
}
.widget-list li a:active {
color: #000;
background: #aaa;
transition: all 0s;
}

.link-ban {
display:flex;
justify-content: center;
align-self: center;
width: 100%;
height: 100px;
padding: 5px;
background: rgba(242,251,255,0);
overflow: visible;
max-width: 1980px;
margin-bottom: 10px;
float: left;
}
.link-ban a {
display:flex;
justify-content: center;
align-items: center;
width: 100%;
height: 100px;
text-decoration: none;
padding: 5px;
background: rgba(242,251,255,0);
transition: all .5s linear;
text-align: center;
font-size: 25px;
color: #000;
font-weight: bold;
text-decoration: none;
}
.link-ban a:hover {
text-decoration: none;
background: #6fb6ff;
-webkit-box-shadow: 4px 4px 8px 0 rgba(0,0,0,.5);
box-shadow: 4px 4px 8px 0 rgba(0,0,0,.5);
transform: translateY(-1)
}
.link-ban a:focus {
text-decoration: none;
background-color: #6fb6ff;
}
.link-ban a:active {
text-decoration: none;
background: #aaa;
transition: all 0s;
}
.natsvg {
margin-left: 10px;
display: block;
}
.natproj {
display: flex;
justify-content: center;
align-self: center;
width: 16%;
height: 199px;
overflow: visible;
max-width: 384px;
fill: transparent;
stroke: #000;
}
.natlogo {
fill: url(#natproj);
}
.natlogo:hover {
fill: url(#natproj2);
}
.natsvg1 {
display: none;
}
.natlogo1 {
fill: url(#natproj3);
}
.natprojin {
height: 290px;
}
.natprojinsvg {
height: 260px;
}

.footer-ban {
display:flex;
justify-content: center;
align-self: center;
width: 100%;
height: 100px;
background: rgba(242,251,255,0);
overflow: visible;
max-width: 1920px;
margin-bottom: 10px;
}
.footer-ban a {
display:flex;
justify-content: center;
align-items: center;
width: 100%;
height: 100px;
text-decoration: none;
background: rgba(242,251,255,0);
transition: all .5s linear;
text-align: center;
font-size: 25px;
color: #000;
text-decoration: none;
}
.footer-ban a:hover {
text-decoration: none;
background: #6fb6ff;
}
.footer-ban a:focus {
text-decoration: none;
background-color: #6fb6ff;
}
.footer-ban a:active {
text-decoration: none;
background: #aaa;
transition: all 0s;
}
.footer-ban-back {
background: rgba(205, 214, 219, 0.3);
margin: 0 auto;
width: 100%;
max-width: 1920px;
padding: 0 15px;
}

footer {
padding: 20px 0;
background: #aaa;
color: #f2fbff;
}
footer#inner {
margin-top: 20px;
width: 100%;
}
.footer-col {
width: 33.3333333333%;
float: left;
}
.footer-col a {
color: #f2fbff;
}
.footer-col:last-child {
text-align: right;
}
.social-bar-wrap {
text-align: center;
}
.social-bar-wrap a {
padding: 0 7px;
font-size: 30px;
}
.footer-link {
margin-bottom: 10px;
}
.footer-link a {
color: #f2fbff;
float: right;
padding-right: 10px;
}
.fab {
color: #2c66a2;
}
.fab:active {
transition: 0s;
color: #6fb6ff;
}
.nochild span {
border-bottom: 1px dashed #2C66A2;
margin: 0px;
padding: 0px;
color: #2c66a2;
cursor: pointer;
}
.none {
display: none;
padding-top: 10px;
}
.view {
display: block;
}
.viewchild {
cursor: pointer;
font-weight: bold;
color: #2C66A2;
margin-top: 10px;
text-decoration: none;
}
.viewchild span {
margin: 0px;
padding: 0px;
color: #2c66a2;
}

.blind-button {
float: right;
margin-left: 46px;
position: relative;
font-size: 18px;
cursor: pointer;
color: #fff;
background-color: #323232;
padding: 12px 20px;
width: 300px;
text-align: center;
}
.blind-button:hover {
text-decoration: none;
background: #f2fbff;
color: #000;
}

#blind-panel {
display:none;
}
#blind-panel p {
position: relative;
font-weight: 600;
font-size: 28px;
padding: 5px;
margin: 10px;
}
#blind-panel li {
display: inline-block;
margin: 10px;
}
#blind-panel a {
display:flex;
justify-content: center;
align-self: center;
width: 100%;
height: 50px;
padding: 5px;
font-size: 28px;
background: #f2fbff;
overflow: visible;
margin-bottom: 10px;
color: #000;
border: solid 1px;
text-decoration: none;
}
#blind-panel a:hover {
background: #aaa;
background-size: 4px 50px;
}
#blind-panel a:focus {
background-size: 4px 50px;
}
#blind-panel a:active {
background: #aaa;
transition: 0s ease-in-out; 
}
#blind-panel.active {
display: block;
max-height: 500px;
width:100%;
max-width:1920px;
}
.blind-panel-size {
margin-bottom: 30px;
width: 42%;
float: left;
}
.blind-panel-font {
margin-bottom: 30px;
width: 28%;
float: left;
}
.blind-panel-color {
margin-bottom: 30px;
width: 20%;
float: left;
}
.blind-panel-default {
margin-bottom: 30px;
float: left;
}
svg { 
height:100%;
width:100%;
}
.margin-top {
margin-top: 20px;
}
#static-table p {
font-size: 20px;
}
#konttable {
margin-left: 5px; 
margin-top: 5px; 
margin: auto;
}
#konttable img {
width: 100%;
height: 100%;
}
.lwf {
display: flex;
justify-content: flex-start;
align-items: normal;
flex-wrap: wrap;
flex-direction: row;
}
.lwf a {
width: 47%;
margin-right: 5px;
}
.lwf img {
width: 100%;
height: 100%;
}
.formanketa {
display: flex;
flex-direction: column;
}
.formanketa input, .formanketa select, .formanketa button {
height: 40px;
font-size: 20px;
}
.formanketa textarea {
width: 100%;
height: 150px;
font-size: 20px;
}
#dream-result {
font-size: 20px;
padding-left: 5px;
}
ol li.sitemap {
    list-style: none;
}
#search-nodata {
padding: 5px;
margin-bottom: 20px;
width: 40%;
font-size: 20px;
}
.no-results {
font-size: 20px;
}
.email-img {
object-fit: cover;
width: 160px !important;
height: auto !important;
}

@media (max-width: 1800px) {
#menu a {
font-size: 18px;
}
#static-table p {
font-size: 18px;
}
}
@media (max-width: 1600px) {
#menu a {
font-size: 15px;
}
.link-ban a {
font-size: 22px;
}
#static-table p {
font-size: 16px;
}
.natprojin {
height: 220px;
}
.natprojinsvg {
height: 210px;
}
}
@media (max-width: 1440px) {
#menu a {
font-size: 13.5px;
}
.link-ban a {
font-size: 18px;
}
.footer-ban a {
font-size: 21px;
}
.img-main img {
top: 70%;
}
#static-table p {
font-size: 15px;
}
.natprojin {
height: 200px;
}
.natprojinsvg {
height: 190px;
}
}
@media (max-width: 1366px) {
#menu a {
font-size: 12px;
letter-spacing: 0.5px;
}
#head {
display: block;
}
.logo p {
font-size: 30px;
}
.posts-list {
width: 54%;
}
aside {
width: 43%;
}
p {
font-size: 17px;
}
ul {
font-size: 17px;
}
.footer-link {
width: 33%;
float: right;
}
}
@media (max-width: 1280px) {
#menu a {
font-size: 13px;
letter-spacing: 0.5px;
}
.posts-list {
width: 61%;
}
aside {
width: 38%;
}
p {
font-size: 16px;
}
ul {
font-size: 16px;
}
.natprojin {
height: 170px;
}
.natprojinsvg {
height: 160px;
}
}

@media (max-width: 1230px) {
#menu a {
font-size: 12px;
}
p {
font-size: 15px;
}
ul {
font-size: 15px;
}
}
@media (max-width: 1152px) {
#menu a {
font-size: 10px;
}
p {
font-size: 13px;
}
ul {
font-size: 13px;
}
.natproj {
height: 199px;
}
.link-ban {
width: 100%;
}
}
@media (max-width: 1024px) {
#menu {
display: block;
max-height: 0;
background: white;
float: none;
position: absolute;
overflow: hidden;
top: 60px;
right: 0;
left: 0;
margin: 0;
padding: 0;
z-index: 99;
}
#menu li {
display: block;
text-align: center;
border-bottom: 1px solid #EBEBE3;
margin-right: 0;
}
#menu a {
font-size: 16px;
}
.nav-switch {
display: block;
}
#head {
display: block;
max-height: 0;
background: white;
float: none;
position: absolute;
overflow: hidden;
top: 60px;
right: 0;
left: 0;
margin: 0;
padding: 0;
z-index: 100;
}
#head li {
display: block;
text-align: center;
border-bottom: 1px solid #EBEBE3;
margin-right: 0;
}
#head a {
font-size: 16px;
}
table {
table-layout: fixed;
}
#static-table p {
font-size: 13px;
}
.posts-list, aside {
width: 100%;
float: none;
}
.head-switch {
display: block;
}
.logo {
width: 100%;
}
.logo p {
font-size: 26px;
}
.logo img {
width: 125px;
float: left;
}
.blind-button {
display: none;
}
#blind-panel {
display:none;
}
.post-title {
margin-bottom: 0px;
font-size: 20px;
}
p {
font-size: 20px;
}
ul {
font-size: 20px;
}
aside#inner {
width: 100%;
float: none;
}
.posts-list-inner {
width: 100%; 
float: none;
}
.natproj {
height: 110px;
width: 100%;
max-width: 100%;
}
.natsvg {
display: none;
}
.natsvg1 {
display: block;
height: 180px;
}
.post {
margin-top: 35px;
}
#search-nodata {
width: 100%;
}
}

@media (max-width: 960px) {
.logo p {
line-height: 30px;
font-size: 22px;
}
.link-ban a {
font-size: 16px;
}
.post-title {
font-size: 18px;
}
#static-table p {
font-size: 11px;
}
.natproj {
height: 90px;
}
.natprojin {
height: 140px;
}
.natprojinsvg {
height: 130px;
}
}

@media (max-width: 768px) {
header {
padding: 10px 0;
}
nav {
padding: 10px 0;
}
p {
font-size: 14px;
}
ul {
font-size: 14px;
}
.widget-post-title {
font-size: 1.5em;
}
.logo p {
font-size: 20px;
line-height: 20px;
}
.logo img {
width: 100px;
float: left;
}
.link-ban a {
font-size: 14px;
}
.widget {
font-size: 15px;
}
.footer-ban {
height: 60px;
margin-bottom: 7px;
}
.footer-ban a {
height: 60px;
font-size: 12px;
}
#static-table p {
font-size: 9px;
}
.natproj {
height: 52px;
}
.natprojin {
height: 110px;
}
.natprojinsvg {
height: 100px;
}
.lwf a {
width: 100%;
}
}

@media (max-width: 640px) {
p {
font-size: 11px;
}
.logo p {
font-size: 14px;
}
.link-ban a {
font-size: 12px;
}
.footer-ban {
height: 40px;
margin-bottom: 4px;
}
.footer-ban a {
height: 40px;
font-size: 9px;
}
.widget {
font-size: 14px;
}
.social-bar-wrap a {
font-size: 20px;
}
.img-main {
height: 200px;
}
.post-title {
margin-bottom: 10px;
}
#static-table p {
font-size: 10px;
margin: 0px;
}
.natproj {
height: 80px;
}
.natsvg1 {
height: 170px;
}
#konttable h1 {
font-size: 20px;
}
}

@media (max-width: 580px) {
.natproj {
height: 60px;
}
}

@media (max-width: 510px) {
#static-table p {
font-size: 8px;
}
.natproj {
height: 40px;
}
.natprojin {
height: 70px;
}
.natprojinsvg {
height: 60px;
}
}

@media (max-width: 480px) {
p {
font-size: 8px;
}
ul {
font-size: 8px;
}
.footer-col {
float: none;
margin-bottom: 20px;
width: 100%;
text-align: center;
}
.footer-col:last-child {
text-align: center;
margin-bottom: 0;
}
.post-title {
font-size: 16px;
margin-bottom: 10px;
}
.logo p {
font-size: 18px;
line-height: 13px;
}
.logo img {
width: 60px;
float: left;
}
.link-ban {
height: 50px;
}
.link-ban a {
height: 50px;
font-size: 8px;
}
.widget {
font-size: 12px;
}
.footer-ban a {
font-size: 9px;
}
.social-bar-wrap a {
font-size: 15px;
}
.footer-link {
float: none;
margin-bottom: 20px;
width: 100%;
text-align: center;
}
.footer-link a {
float: none;
}
.B_crumbBox {
font-size: 12px;
}
}

@media (max-width: 466px) {
#head {
float: right;
}
#searchform {
float: left;
margin-left: 0px;
}
p {
font-size: 7px;
}
ul {
font-size: 7px;
}
.link-ban a {
font-size: 6px;
}
.widget {
font-size: 10px;
}
.logo p {
font-size: 12px;
}
.logo-inner a {
margin-left: 30px;
}
.post-title {
font-size: 14px;
}
.post-footer {
font-size: 14px;
}
.footer-ban a {
font-size: 7px;
}
.img-main {
height: 150px;
}
#static-table p {
font-size: 6px;
}
.natsvg1 {
height: 120px;
}
.natproj {
height: 30px;
}
}

@media (max-width: 380px) {
#static-table p {
font-size: 5px;
}
.natsvg1 {
height: 130px;
}
.natprojin {
height: 50px;
}
.natprojinsvg {
height: 45px;
}
.logo-inner a {
margin-left: 55px;
}
}

@media (max-width: 320px) {
p {
font-size: 6px;
}
ul {
font-size: 6px;
}
.logo-inner a {
margin-left: 15px;
}
.B_crumbBox {
font-size: 10px;
}
.link-ban {
height: 30px;
}
.link-ban a {
height: 30px;
font-size: 4px;
}
.widget {
font-size: 8px;
}
.post-title {
font-size: 10px;
}
.post-footer {
font-size: 10px;
margin-top: 5px;
}
.post-footer i {
padding: 0 2px;
font-size: 8px;
}
.footer-ban a {
font-size: 7px;
}
.img-main {
height: 100px;
}
#static-table p {
font-size: 4px;
}
.post-main {
height: 60px;
}
.post {
margin-top: -35px;
}
.natsvg1 {
height: 70px;
}
.natproj {
height: 60px;
}
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
body {
margin: 0;
display: -ms-grid;
display: grid;
-ms-grid-columns: 100%;
-ms-grid-rows: auto 1fr auto;
grid-template-rows: auto 1fr auto;
}
#blind-panel.active {
-ms-grid-row: 1; 
}
header {
-ms-grid-row: 3; 
}
nav {
-ms-grid-row: 4; 
}
.margin-top {
-ms-grid-row: 5; 
}
footer#inner {
-ms-grid-row: 100;
}

.ms-main {
-ms-grid-row: 5;
}
.ms-main-content {
-ms-grid-row: 6;
}
.footer-ban-back {
-ms-grid-row: 7;
}
.social-buttons {
-ms-grid-row: 7;
}
footer {
-ms-grid-row: 100;
}
.logo a {
background: none;
}
}
.container-inner table {
border: 1px solid black;
}
.container-inner table tr {
border: 1px solid black;
}
.container-inner table td {
border: 1px solid black;
}