@font-face{font-family:'Bicubik';src:local('Bicubik'),url('../../fonts/bicubik/Bicubik.otf') format('opentype')}
@font-face{font-family:'Jura';src:url('../../fonts/jura/Jura-Light.woff2') format('woff2'),url('../../fonts/jura/Jura-Light.woff') format('woff');font-weight:1;font-style:normal}
@font-face{font-family:'Jura';src:url('../../fonts/jura/Jura-Light.woff2') format('woff2'),url('../../fonts/jura/Jura-Light.woff') format('woff');font-weight:300;font-style:normal}
@font-face{font-family:'Jura';src:url('../../fonts/jura/Jura-Regular.woff2') format('woff2'),url('../../fonts/jura/Jura-Regular.woff') format('woff');font-weight:400;font-style:normal}
@font-face{font-family:'Jura';src:url('../../fonts/jura/Jura-Medium.woff2') format('woff2'),url('../../fonts/jura/Jura-Medium.woff') format('woff');font-weight:500;font-style:normal}
@font-face{font-family:'Jura';src:url('../../fonts/jura/Jura-SemiBold.woff2') format('woff2'),url('../../fonts/jura/Jura-SemiBold.woff') format('woff');font-weight:600;font-style:normal}
@font-face{font-family:'Jura';src:url('../../fonts/jura/Jura-Bold.woff2') format('woff2'),url('../../fonts/jura/Jura-Bold.woff') format('woff');font-weight:700;font-style:normal}
*{margin:0;padding:0;box-sizing:border-box}
body,html{height:100%}
img{border:0;height:auto;max-width:100%}
table,td{border-collapse:collapse}
body{font-size:100%;line-height:1.3em;font-family:tahoma,verdana,arial,helvetica,sans-serif;padding:0;margin:0 auto}
.clear{clear:both;}
.all{max-width:2560px;min-width:320px;margin:0 auto}
.wrapper{min-height:100%;overflow:hidden;position:relative}
.header{margin-bottom:8px;overflow:hidden}
.logo-sao,.logo-inf,.infolab-title{text-align:center}
.infolab-title h1{font-family:Bicubik,"Courier New",Courier,monospace;border:0 none;letter-spacing:0.11em;word-spacing:normal;margin:0;padding:0}
.infolab-title p{text-align:center;font-family:"Jura","Courier New",Courier,monospace;font-size:110%;font-weight:300;letter-spacing:0.2px;word-spacing:0.2em;margin:0 0 17px 0}
.logo-sao img,.logo-inf img{width:100%;max-width:200px;height:auto}
.content{position:relative}
.content,.left{overflow:hidden}
#theme-button,.time_for_tea,.dinner_time{margin:10px 0;padding:15px 20px}
#theme-button{width:max-content;cursor:pointer}
#theme-button::after{content:"Тема";font-family:"Jura","Courier New",Courier,monospace}
#theme-button::before{content:"\f042"}
.time_for_tea::before{content:"\f0f4"}
.dinner_time::before{content:"\f0f5"}
.insao,.insao-adm,.insao-read,.open2,.copy-left div,.copy-right div{font-family:"Jura","Courier New",Courier,monospace;font-size:105%;letter-spacing:0.2px;word-spacing:0.2em;overflow:hidden}
.time_for_tea::before,.dinner_time::before,.insao a::before,.insao-adm a::before,.insao-read::before,.copy-left .copy-in::before,.copy-right .copy-in::before,.open2::before,.p-back::before,#theme-button::before{font-family:FontAwesome !important;font-size:15px;margin-right:10px}
.insao-read::before{content:"\f0f6";color:inherit}
.insao,.insao-adm{margin-bottom:30px;padding:20px 45px}
.insao div,.insao-adm div{font-size:95%;line-height:1.3em}
.insao a,.insao-adm a{display:block;font-weight:700;margin-bottom:10px}
.insao a::before{content:"\f1cd";color:inherit;font-weight:normal}
.insao-adm a::before{content:"\f1c0";color:inherit;font-weight:normal}
.inacc{font-style:italic;margin-top:10px}
.hid2{display:none}
.open::before{content:"\f0c9";font-weight:normal}
.open3::before{content:"\f017";font-weight:normal}
.open4::before{content:"\f059";font-weight:normal}
.open{font-weight:700;letter-spacing:0.1em}
.open,.open3,.open4{font-size:105%;font-family:"Jura","Courier New",Courier,monospace;letter-spacing:0.2px;word-spacing:0.2em;padding:15px 20px;margin:10px 0}
.open2,.insao-adm,.insao-read{display:block}
.open2::before{content:"\f090";color:inherit}
.open::before,.open3::before,.open4::before{font-family:FontAwesome !important;font-size:90%;margin-right:15px}
.open.active::before,.open2.active::before,.open3.active::before{content:"\f00d"}
.hid1{position:relative}
.menu-line{height:600px}
.menu-line{width:20px;position:absolute;right:0;border-right:1px solid;border-bottom:2px solid;z-index:-1}
.glmenu{margin-right:20px}
.glmenu li{margin:10px 0;padding:15px 0 15px 10px;position:relative}
.glmenu li a{display:block;font-family:"Jura","Courier New",Courier,monospace;font-weight:700;font-size:120%;word-spacing:0.2em;text-shadow:0 0 0;margin-right:-20px;padding:0 10px 0 20px;border-bottom:2px solid}
.glmenu li a::after{content:" ";padding-right:20px}
.glmenu li a::first-letter{font-size:160%;padding:0 3px 10px 15px}
.glmenu ul li a,.glmenu ul li .separator{padding-left:15px;text-transform:none}
.glmenu li li{background-color:transparent;border-radius:0;box-shadow:none;padding:5px 0 5px 5px;margin:20px 0 0 38px}
.glmenu li li a{font-size:110%;margin-right:0;padding:0 10px 0 15px;border-bottom:1px solid;border-left:2px solid}
.glmenu li li a::first-letter{font-size:130%;padding:0 2px 0 0}
.glmenu li li a:hover::first-letter{color:inherit}
.glmenu li li li a{font-size:100%}
.glmenu li li li a::first-letter{font-size:120%;padding:0 1px 0 0;}
.mainsao{overflow:hidden}
.mainsao a{display:block;color:#fff;font-size:140%;font-weight:700;font-family:"Jura","Courier New",Courier,monospace;letter-spacing:0.2px;word-spacing:0.2em;text-align:center;transition:background 0.3s ease}
.mainsao a:hover{background:rgba(0,110,128,0.6);color:#fff;transition:background 0.3s ease}
.napravl,.proekt{margin-left:0 !important}
.napravl li,.proekt li{margin:30px 0 !important}
.napravl li::before,.proekt li::before{content:"\f0a9";font-family:FontAwesome !important;font-size:120%;margin-right:15px;vertical-align:middle}
.publ{margin:5px 0;overflow:hidden}
.publ ul {margin:0}
.publ ul li{margin:0 15px 15px 0 !important;display:block;float:left}
.tabl-100,.tabl-100-group{width:100%}
.tabl-100 td{padding:10px;border:1px solid}
.tablzag{}
.tablzag td{border-right:none;border-left:none}
.tabl-100 a,.tabl-100-group a{display:inline-block;padding:3px 7px !important}
.tabl-100-group img{border-radius:50%;border-top:2px solid !important;border-right:10px solid !important;border-bottom:5px solid !important;border-left:2px solid !important}
.tabl-100-group td{padding:15px}
.tabl-100-group tr{border-top:2px solid;border-left:4px solid}
.tabl-100-group h3::before{content:"\f120";font-size:90%;font-family:FontAwesome !important;margin-right:20px}
.tablzag a{background-color:unset !important;padding:0 !important;font-family:"Jura","Courier New",Courier,monospace;font-weight:700;font-size:120%;letter-spacing:0.2px;word-spacing:0.2em}
.tablzag a.staff::before{content:"\f2b9";font-family:FontAwesome !important;font-size:15px;margin-right:10px}
.contacts{overflow:hidden}
.cont-a,.cont-e,.cont-p,.cont-f{float:left;padding:10px 15px}
.cont-a strong,.cont-e strong,.cont-p strong,.cont-f strong{display:inline-block;padding:0 0 5px 0}
.cont-a::before{content:"\f276"}
.cont-e::before{content:"\f0e0"}
.cont-p::before{content:"\f095"}
.cont-f::before{content:"\f1ac"}
.cont-a::before,.cont-e::before,.cont-p::before,.cont-f::before{font-family:FontAwesome !important;font-size:120%;margin-right:15px}
.footer{height:120px;bottom:0;clear:both;width:100%;position:absolute;border-top:2px solid;border-left:3px solid}
.to-top{text-align:right;margin:0 15px;position:sticky;bottom:55px;z-index:10}
.go-to-top{width:55px;float:right}
.go-to-top::before{content:"\f139";font-family:FontAwesome !important;font-size:55px;display:inline-block;cursor:pointer}
.copyright{line-height:1.2em;padding:15px;text-align:left}
.copy-left img{float:left;margin:10px 10px 10px 0}
.copy-left .copy-in,.copy-right .copy-in{display:inline-block;padding:10px 15px}
.copy-left .copy-in::before{content:"\f1f9"}
.copy-right .copy-in::before{content:"\f0ad"}
ul.glmenu,ul.glmenu ul,.napravl,.proekt,.publ ul li{list-style:outside none none}
.item ul,.desc ul,.item ol,.desc ol{margin-left:15px}
.item ul li,.desc ul li,.item ol li,.desc ul li{margin:0 0 15px 0}
.desc,.contacts{padding:20px 45px;margin-bottom:30px}
.item{padding:15px 20px;margin-bottom:30px}
.carousel{padding:10px;margin-bottom:30px}
.carousel img{border:2px solid #ebf5f5;box-sizing:border-box;width:100%;max-width:800px}
p{margin:15px 0;text-align:left}
.p-back{font-family:"Jura","Courier New",Courier,monospace;font-size:110%;padding:10px;border-top:1px solid;border-left:3px solid;overflow:hidden}
.p-back::before{content:"\f274";font-size:110%}
a,a strong{text-decoration:none;outline:none}
.item p a,.item ul a,.item ol a,.item table a,.desc a,.contacts a{padding:1px 4px;border-radius:5px}
h1{font-size:2.2em;font-weight:700;letter-spacing:0.1em;line-height:1em;font-family:"Jura","Courier New",Courier,monospace;word-spacing:0.2em;padding:0 0 3px 0;margin:0 0 40px 0;border-bottom:4px solid}
h2{font-size:1.8em;font-weight:700;font-family:"Jura","Courier New",Courier,monospace;word-spacing:0.2em;padding:10px 0 30px 0}
h3{font-size:1.5em;font-weight:700;font-family:"Jura","Courier New",Courier,monospace;word-spacing:0.2em}
.right h3,.left h3,.contacts h3{font-size:140%;font-weight:700;line-height:1.4em;margin-bottom:10px;border-bottom:2px solid}
h4{font-weight:700;margin:15px 0}
h5{font-weight:700;padding-top:10px;text-align:right;line-height:1.4em}
hr{height:2px;border:0 none}
@media all and (min-width:1725px){
	.all{max-width:90%}
	.wrapper{margin:0 15px}
	.header{min-height:190px;padding:20px;display:table;width:100%}
	.logo-sao,.logo-inf,.infolab-title{display:table-cell;vertical-align:middle}
	.logo-sao,.logo-inf{width:20%}
	.infolab-title{width:60%;font-size:120%}
	.infolab-title h1{font-size:2.3em;line-height:1.1em}
	.main{position:relative}
	.right{float:right;padding-bottom:250px;width:20%}
	.left{float:left;width:21%;margin-bottom:188px}
	.content{float:right;width:76%;margin-bottom:120px;padding:10px 0}
	.open,.open3,.open4{display:none}
	.hid1{padding:10px 0}
	.menu-line{height:85%;top:60px}
	.mainsao{background:url(../icons/sao_main.jpg) no-repeat center 45%;background-size:100%,auto,contain;margin:0 20px 10px 0}
	.mainsao a{padding:80px 20px}
	.insao{float:left}
	.insao-adm{float:right}
	.insao,.insao-adm{width:49%}
	.insao,.insao-adm{margin-bottom:30px;padding:20px 45px}
	.tablzag{border-right:1px solid;border-left:1px solid}
	.to-top{margin-right:0}
	.copy-left{width:50%;float:left;padding-right:15px}
	.copy-right{width:50%;float:right}
}
@media all and (min-width:1025px) and (max-width:1724px){
	.wrapper{margin:0 5px}
	.header{min-height:190px;padding:20px;display:table;width:100%}
	.logo-sao,.logo-inf,.infolab-title{display:table-cell;vertical-align:middle}
	.logo-sao,.logo-inf{width:20%}
	.infolab-title{width:60%}
	.infolab-title h1{font-size:2.3em;line-height:1.1em}
	.main{position:relative}
	.right{float:right;padding-bottom:250px;width:20%}
	.left{float:left;width:24%;margin-bottom:188px}
	.content{float:right;width:73%;margin-bottom:120px;padding:10px 0}
	.open,.open3,.open4{display:none}
	.hid1{padding:10px 0}
	.menu-line{height:85%;top:60px}
	.mainsao{background:url(../icons/sao_main.jpg) no-repeat center 45%;background-size:100%,auto,contain;margin:0 20px 10px 0}
	.mainsao a{padding:80px 20px}
	.insao{float:left}
	.insao-adm{float:right}
	.insao,.insao-adm{width:49%}
	.insao,.insao-adm{margin-bottom:30px;padding:20px 45px}
	.tablzag{border-right:1px solid;border-left:1px solid}
	.copy-left{width:50%;float:left;padding-right:15px}
	.copy-right{width:50%;float:right}
}
@media all and (min-width:961px) and (max-width:1024px){
	.wrapper{margin:0 5px}
	.header{min-height:190px;padding:20px;display:table;width:100%}
	.logo-sao,.logo-inf,.infolab-title{display:table-cell;vertical-align:middle}
	.logo-sao,.logo-inf{width:20%}
	.infolab-title{width:60%}
	.infolab-title h1{font-size:2.3em;line-height:1.1em}
	.main{position:relative}
	.right{float:right;padding-bottom:300px;width:20%}
	.left{float:left;width:27%;margin-bottom:188px}
	.content{float:right;width:70%;margin-bottom:120px}
	.open,.open3,.open4{display:none}
	.hid1{padding:10px 0}
	.menu-line{height:90%;top:60px}
	.mainsao{background:url(../icons/sao_main.jpg) no-repeat center 45%;background-size:100%,auto,contain;margin:0 20px 10px 0}
	.mainsao a{padding:80px 20px}
	.tablzag{border-right:1px solid;border-left:1px solid}
	.copy-left{width:50%;float:left;padding-right:15px}
	.copy-right{width:50%;float:right}
}
@media all and (min-width:769px) and (max-width:960px){
	.wrapper{margin:0 5px}
	.header{min-height:190px;padding:20px;display:table;width:100%}
	.logo-sao,.logo-inf,.infolab-title{display:table-cell;vertical-align:middle}
	.logo-sao,.logo-inf{width:20%}
	.logo-sao img,.logo-inf img{max-width:130px}
	.infolab-title{width:60%;padding:0 20px}
	.infolab-title h1{font-size:1.8em;line-height:1.2em}
	.main{position:relative}
	.right{float:right;padding-bottom:200px;width:30%}
	.left{margin:0 0 30px 0;width:100%}
	.content{margin-bottom:120px}
	.hid1,.hid3,.hid4{display:none}
	.hid1{padding-bottom:10px}
	.hid3{margin-bottom:30px}
	.open,.open3,.open4{display:block}
	.menu-line{height:90%;top:40px}
	.mainsao{margin:0 20px 10px 0}
	.mainsao a{padding:20px 10px}
	.tabl-100 td{padding:5px}
	.tablzag{border-right:1px solid;border-left:1px solid}
	.copy-left{width:50%;float:left;padding-right:15px}
	.copy-right{width:50%;float:right}
}
@media all and (min-width:481px) and (max-width:768px){
	.wrapper{padding:0 5px}
	.header{min-height:190px;padding:15px}
	.logo-sao,.logo-inf{width:50%}
	.logo-sao{float:left;text-align:right}
	.logo-inf{float:right;text-align:left}
	.logo-sao img,.logo-inf img{max-width:110px}
	.infolab-title{padding:20px 0;overflow:hidden}
	.infolab-title h1{font-size:1.8em;line-height:1.2em}
	.right{padding:3px 0;display:none}
	.left{margin:0 0 30px 0;width:100%}
	.content{margin-bottom:150px}
	.hid1,.hid3,.hid4{display:none}
	.hid1{padding-bottom:10px}
	.hid3{margin-bottom:30px}
	.open,.open3,.open4{display:block}
	.menu-line{height:90%;top:40px}
	.footer{height:150px}
	.mainsao{margin:0 20px 10px 0}
	.mainsao a{padding:15px 10px}
	.tabl-100 td{padding:5px}
	.tabl-100-group tr{display:block;padding:10px;border-top:1px solid;border-left:3px solid}
	.tabl-100-group td{display:block;border:none;padding:5px}
	.tablzag{border-right:1px solid;border-left:1px solid}
	.copy-right{margin-top:15px}
}
@media all and (min-width:320px) and (max-width:480px){
	.wrapper{padding:0 5px}
	.header{min-height:190px;padding:15px}
	.logo-sao,.logo-inf{width:50%}
	.logo-sao{float:left;text-align:right}
	.logo-inf{float:right;text-align:left}
	.logo-sao img,.logo-inf img{max-width:110px}
	.infolab-title{padding:20px 0;overflow:hidden}
	.infolab-title h1{font-size:1.8em;line-height:1.2em}
	.right{padding:3px 2px;display:none}
	.left{margin:0 0 30px 0;width:100%}
	.content{margin-bottom:170px}
	.hid1,.hid3,.hid4{display:none}
	.hid1{padding-bottom:10px}
	.hid3{margin-bottom:30px}
	.open,.open3,.open4{display:block}
	.menu-line{height:90%;top:40px}
	.footer{height:170px}
	.mainsao{margin:0 20px 10px 0}
	.mainsao a{padding:15px 10px}
	.tabl-100 tr,.tabl-100-group tr{display:block;padding:10px;border-top:1px solid;border-left:3px solid}
	.tabl-100 td,.tabl-100-group td{display:block;border:none;padding:5px}
	.tablzag{margin-top:25px;text-align:left !important}
	.tabl-100 td br{display:none}
	.copy-right{margin-top:15px}
}
@media all and (min-width:176px) and (max-width:319px){
	.wrapper{padding:0 5px}
	.header{min-height:190px;padding:15px}
	.logo-sao,.logo-inf{width:50%}
	.logo-sao{float:left;text-align:right}
	.logo-inf{float:right;text-align:left}
	.logo-sao img,.logo-inf img{max-width:110px}
	.infolab-title{padding:20px 0;overflow:hidden}
	.infolab-title h1{font-size:1.8em;line-height:1.2em}
	.main{padding-bottom:140px}
	.right{padding:2px;display:none}
	.left{margin:0 0 30px 0;width:100%}
	.content{margin-bottom:170px}
	.hid1,.hid3,.hid4{display:none}
	.hid1{padding-bottom:10px}
	.hid3{margin-bottom:30px}
	.open,.open3,.open4{display:block}
	.menu-line{height:90%;top:40px}
	.footer{height:170px}
	.mainsao{margin:0 20px 10px 0}
	.mainsao a{padding:15px 10px}
	.tabl-100 tr,.tabl-100-group tr{display:block;padding:10px;border-top:1px solid;border-left:3px solid}
	.tabl-100 td,.tabl-100-group td{display:block;border:none;padding:5px}
	.tablzag{margin-top:25px;text-align:left !important}
	.tabl-100 td br{display:none}
	.copy-right{margin-top:15px}
}