:root {
    --text-color: #2f2f2f;
	--text-ser: #c5c5c5;
}
body {font-family: Arial,sans-serif,Helvetica;font-size: 13px; line-height: 1.5;margin: 0;color:var(--text-color)}
.row-fluid {display: flex;}
.container-fluid {display: flex;justify-content: space-between;width: 100%;max-width: 1170px;
margin: 0 auto; padding: 0;}
a {color: #08c;text-decoration: none;}
.logo {display: flex;gap: 5px;max-width: 370px;}
p {text-align: justify;}
.text-ser {color:var(--text-ser)}
header {margin-bottom: 20px;}
nav.container-fluid {width: 100%;}
article {width: 74%;}
aside {width: 23%;padding-top: 15px;}
img {max-width: 100%;height: auto;}
.img-polaroid {padding: 4px;background-color: #fff;border: 1px solid rgba(0,0,0,0.2);box-shadow: 0 1px 3px rgba(0,0,0,0.1);box-sizing: border-box;}
.jc-bet {justify-content: space-between;flex-wrap: wrap;}
.company {margin: 22px 0 0 0; font-size: 24px;
font-weight: bold; color: #08c;}
.desk {margin: 0; font-size: 12px;}
.phon {display: flex;align-items: center;font-size: 20px; vertical-align: middle;}
.phon img {width: 30px;margin-right: 5px;}
.tmen {margin: 10px 0 0 0;}
.phed {margin: 20px 0 0 0; padding: 10px 20px;border: 1px solid #ccc;}
.phed2 {margin: 0;}
.phed3 { margin: 40px 0 0 0; padding-right: 5px; text-align: right;}
.fullhead {background-color: rgba(0,77,127,0.6);}
.full {position: relative;display: flex;flex-direction: column;background: url(../image/fon.jpg) top no-repeat;background-size: cover;min-height: 773px;}
.slog {position: absolute; left: 10px;top: 330px;color:#FFF; font-size: 24px; font-weight: bold;}
.page-header {border: 0; padding: 0;}
.page-header h1 {font-size: 28px;text-align: center; line-height: normal;}
.page-header h2 {margin-top: 30px; font-size: 22.5px; 
line-height: normal; font-weight: normal;}
.page-header a {color: #00A600;}
h1 {font-weight: normal;}
h2 {font-size: 23px; line-height: 1.5; font-weight: normal; color: #00A600;}
.gh2 {color:#08c; font-size:24px;}
.topfon {min-height: 100px;}
.botfon {background-color: #4D4D4D; margin-top: 20px; padding:20px 5px;color: #FCFCFC;}
.botfon h4 {margin: 0 0 10px 0;}
.botfon a {color: #2CB2FE;}
h3 {font-size: 18px; line-height:normal;}
.navbar-inner {min-height: 10px;}
.nav {list-style: none;}
nav {padding: 5px 0;}
ul.top {display: flex;flex-wrap: wrap;gap: 10px;margin: 5px 0;padding: 0;}
ul.top li {display: block;padding: 0;}
ul.top li a {color: #FDFDFD;display: block; line-height: normal;padding: 10px 20px;text-decoration: none; text-transform: uppercase;}
ul.top li a:hover {color: #c7d7df;}
.imglog {float: left; margin: 10px 10px 0 5px;}
.img-circle {border-radius: 50%;}
.centr {text-align:center;}
.img-circleg {border-radius: 180px;
border: 2px solid #ccc;}
.pull-right {margin-left: 30px;}
.pull-left {margin-right: 30px;float: left;}
.blok {margin: 30px 0;}
.search {float: right; padding-top: 4px;}
.form-inline {margin: 0;}
h4 {font-size: 16px;}
.blog-items, .items-leading, .items-row {margin-bottom: 40px;}
.blog-item {margin-bottom: 30px;}
.badge {margin: 0 10px 0 10px;}
dt {padding-bottom: 1px;}
.btn {display: inline-block;padding: 2px 6px; font-size: 12px;border-radius: 4px;}
.btn-info {text-shadow: 0 -1px 0 rgba(0,0,0,0.25);background-color: #49afcd;background-image: linear-gradient(to bottom,#5bc0de,#2f96b4);background-repeat: repeat-x;}
.menu {list-style: none outside none;
margin: 0 0 10px 0;}
ul.menu li a {border-bottom: 1px dashed #ccc; font-size: 15px;
display: block; font-weight: normal; line-height: normal;
padding: 8px 0 8px 19px; text-decoration: none;}
.menu, .blu {list-style: none outside none;padding: 0;
margin: 0 0 10px 0; border: 0px solid #187bad; background-color: #187bad;}
.separator {display: none;}
.vseob {color: #dadada;}
ul.blu li a {border-bottom: 1px solid #238cc2; font-size: 15px;display: block; font-weight: normal; line-height: normal;padding: 8px 0 8px 5px; text-decoration: none; color: #F8F8F8;}
ul.blu li a:hover {color: #FFF;background-color: #14709F;}
.blu h3 {color: #FFE8AF;}
.moduletable-online p {margin-top: 20px; text-align:center;}
.well {padding: 5px 19px;border-radius: 4px}
.custom {margin-bottom: 15px;}
.old {position: absolute;right: 10%;}
.ubil {font-size: 50pt;
color: rgba(255,255,255,0.84);}
.plakat-s {background-color: #1d7fb0; padding: 15px 0;}
.plakat-left {float: left; margin: 0 30px 0 50px;}
.pad-p {padding: 10px;}
ul.adsmanager_ver_list li {margin-bottom: 20px;}
.adsmanager_ver_list {padding: 0;}
/* flex */
.flex {display: flex; flex-flow: wrap;}
.flex .vcentr {display: flex; align-items: center;color: #ececec;}
.old .flex {gap: 10px}
.mod-whosonline p {text-align: center;}
#cookie_notification {display: none;justify-content: space-between;align-items: flex-end;
position: fixed;bottom: 30px;left: 50%;width: 60%;transform: translateX(-50%);padding: 25px;
background-color: #0a5981;opacity: .9;border-radius: 4px;box-shadow: 2px 3px 10px rgb(0 0 0 / 40%)}
#cookie_notification p {margin: 0;text-align: left;color: #ddd;font-size: 14px;}
#cookie_notification.show {display: flex;text-align: left}
@media (max-width: 600px) {
	.full {min-height: 281px;}
}
@media (max-width: 420px) {
	main {display: flex; flex-direction: column;}
	body {padding-right: 0;padding-left: 0;}
	.page-header h1 {font-size: 21px;}
	h2 {font-size: 20px;}
	.topfon {padding: 0 15px;box-sizing: border-box;min-height: 50px;}
	.imglog {max-width: 40px;margin: 6px 10px 0 5px;}
	.phed3 {margin: 14px 0 5px 0;text-align: center;}
	ul.top li a {padding: 5px;font-size: 12px;}
	.old {padding-left: 20px;}
	article, aside {padding: 0 15px;width: auto;}
	.botfon {padding: 10px;}
	.logo {max-width: 170px;}
	.company {font-size: 12px;margin: 9px 0 0 0;}
	.phon {font-size: 12px;}
	.jc-bet {justify-content: center;}
	.botfon .container-fluid {flex-direction: column;}
	.phed, .desk {display: none;}
	.phon img {display: none;}
	.pull-left {display: block;float: none;margin-bottom: 10px;}
}
@media (min-width: 601px) and (max-width: 991.98px) {
	.full {min-height: 392px;}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
	.full {min-height: 474px;}
}