[class^="flaticon-"]:before,
[class*=" flaticon-"]:before,
[class^="flaticon-"]:after,
[class*=" flaticon-"]:after {
    font-size: 1em;
    margin-left: 0;
}

[type="doc"]:before,
[type="xls"]:before,
[type="pdf"]:before,
[type="ppt"]:before,
[type="xml"]:before {
    content: ''
}

div.stoggle_header,
div.stoggle_content {
    background: none;
}

div.stoggle_content {
    display: none
}

body {
    width: 100%;
    margin: 0;
    padding: 0;
    background: #e6e9ed
}

section {
    display: block;
    width: 1120px;
    width: 1160px;
    margin: auto;
    padding: 0;
    position: relative;
    z-index: 10;
}

section.tl {
    position: static;
    z-index: 1;
}

.fon {
    background: #fff;
}

.wol {
    background: rgba(255, 255, 255, 0.9);
}

.clear {
    clear: both;
    float: none;
}

.shadow {
    box-shadow: 0 0 5px #000;
}

.dashline {
    clear: both;
    float: none;
    border-top: 1px dashed #ccc;
}

a.allof {
    display: inline-block;
    margin: auto;
    min-width: 200px;
    text-align: center;
    padding: 0.7em 2em;
    background: #7395ab;
    color: #fff;
    text-decoration: none;
    font-size: 130%
}

a.allof:hover {
    background: #455e6e;
}

a.allof.r {
    background: #ff604f
}

a.allof.r:hover {
    background: #b14335;
}

a.allof.d {
    background: #2f3031
}

a.allof.d:hover {
    background: #131314;
}

.hallof {
    text-align: center;
    margin: 1em 0;
}

a.tag {
    display: inline-block;
    vertical-align: middle;
    white-space: nowrap;
    height: 1.4em;
    line-height: 1.3em;
    font-size: 90%;
    background-color: #737373;
    color: #fff;
    padding: 0 8px 0 5px;
    margin: 0.1em 0.5em 0.5em 9px;
}

a.tag::before {
    content: '';
    position: absolute;
    margin-left: -23px;
    border: 9px solid transparent;
    border-right: 9px solid #737373;
}


a.mimeicon:hover {
    text-decoration: none
}

a.mimeicon i {
    font-size: 180%;
    display: inline-block;
    margin-right: 4px;
    vertical-align: middle;
}

a.mimeicon span:hover {
    text-decoration: underline;
}

a.mimeicon var {
    color: #333;
    display: inline-block;
    margin-left: 4px;
}

header {
    display: block;
    width: 100%;
    position: relative;
    height: 160px;
    z-index: 100;
}

#hclipdiv {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 450px;
}

#hclipdiv.mpage {
    background: url(/src/blank.gif) center center no-repeat;
    z-index: 0;
}

#hclipdiv.mpage.full {
    height: 100%;
}

#hclipdiv.mpage.nocontent {
    height: 274px
}

#hclip {
    width: 100%;
    margin: 0;
    padding: 0;
    visibility: hidden
}

#hclip img.bx {
    width: 1920px;
    height: 450px;
    background: url(/src/blank.gif) 50% 50% no-repeat;
    background-size: cover;
    margin: 0 auto;
}

#hclipdiv .bx-wrapper .bx-caption {
    position: absolute;
    bottom: 18px;
    left: 50%;
    background: rgba(55, 55, 55, 0.8);
    width: 560px;
    height: 180px;
    margin-left: -560px;
    overflow: hidden;
}

#hclipdiv .bx-wrapper .bx-caption span {
    color: #fff;
    font-size: 13px;
    display: block;
    padding: 16px;
    margin: 0;
    width: 450px;
    max-height: 180px;
    line-height: 130%;
}

#hclipdiv .bx-wrapper .bx-caption span b {
    font-weight: 300;
    font-size: 28px;
}

#hclipdiv .bx-wrapper .bx-caption span a {
    color: #fff;
}

#hclipdiv .bx-wrapper .bx-caption span p {
    font-weight: 300;
    font-size: 15px;
    line-height: 21px;
}

#hclipdiv .bx-wrapper .bx-prev {
    left: 50%;
    margin-top: 50px;
    margin-left: -80px;
}

#hclipdiv .bx-wrapper .bx-next {
    left: 50%;
    margin-top: 50px;
    margin-left: -40px;
}

a#authorphoto {
    position: absolute;
    z-index: 200;
    right: 0;
    top: 160px;
    margin: 0px 10px 0 0;
    color: #fff;
    opacity: 0.6;
    font-size: 40px;
    text-decoration: none;
}

a#authorphoto:hover {
    opacity: 1;
}

#authorphoto_descr {
    display: none;
}

#mobline {
    display: none;
}

#topline {
    background-color: rgba(55, 55, 55, 0.8);
    height: 80px;
}

#portaltitle {
    display: block;
    float: left;
    margin: 0 0 0 1em;
    font-size: 210%;
    font-weight: 300;
}

#portaltitle {
    display: block;
    color: #fff;
    text-decoration: none;
    height: 50px;
    width: 380px;
    line-height: 50px;
    margin: 14px 0;
}

a#logo {
    display: block;
    color: #fff;
    text-decoration: none;
    height: 50px;
    width: 380px;
}

#sform {
    display: block;
    float: right;
    margin: 20px 0 0 0;
    padding: 0;
    text-align: right;
}

#sform input {
    display: block;
    float: left;
    border: 0;
    font-size: 130%;
    font-weight: 300;
    height: 38px;
    line-height: 38px;
}

#sform input[type='text'] {
    width: 100px;
    padding: 0 20px;
    background: #fff;
}

#sform input[type='submit'] {
    width: 38px;
    background: #7395ab url(/src/search.png) 50% 50% no-repeat;
    cursor: pointer
}

#sform input[type='submit']:hover {
    background-color: #455e6e
}

a#lowvisionlink {
    display: block;
    float: right;
    color: #fff;
    margin: 20px 0 0 50px;
    border: 1px solid #fff;
    padding: 3px;
    line-height: 120%;
    font-size: 13px;
    text-decoration: none;
}

a#lowvisionlink i {
    font-size: 40px;
    float: left;
    margin: 7px 10px 5px 0;
}

a#lowvisionlink span {
    display: inline-block;
}

a#lowvisionlink:hover {
    background: #fff;
    color: #000;
}

#mainmenu {
    display: block;
    margin: 0;
    padding: 0;
    width: 100%;
    background-color: rgba(238, 103, 85, 0.9);
}

#mainmenu.fixed {
    position: fixed;
    z-index: 91;
    top: 0;
}

#mmenu {
    margin: 0;
    padding: 0;
    list-style: none;
    float: left;
}

#mmenu>li {
    display: inline-block;
    margin: 0;
    padding: 0;
}

a.mml {
    display: inline-block;
    padding: 18px 20px;
    color: #fff;
    text-decoration: none;
    font-size: 130%;
}

a.mml:hover,
a.mml.on {
    background-color: #b14335;
}

.smenu {
    position: absolute;
    left: 50%;
    margin: 0 0 0 -560px;
    padding: 1em 0;
    width: 1120px;
    z-index: 90;
    background-color: rgba(177, 67, 53, 1);
    color: #fff;
    list-style: none;
    display: none;
}

.smcol {
    float: left;
}

.smli {
    padding: 0;
    width: 370px;
}

.smli>a {
    color: #fff;
    text-decoration: none;
    font-size: 115%;
    display: block;
    padding: 0.8em 2em;
}

.smli>a:hover {
    background-color: #932315;
}

.smli.smpic {
    height: 125px;
    width: 370px;
    padding: 0;
    margin: 0.7em 0 0.5em 2%;
}

.smli.smpic>a {
    display: block;
    height: 100px;
    padding: 25px 25px 0 180px;
    background: url(/src/blank.gif) 0 0 no-repeat;
}

.smli.smpic>a:hover {
    background-color: #932315;
}

#tools {
    display: block;
    float: right;
    margin: 12px 0 0 0;
    padding: 0;
    text-align: right
}

a.social,
a.lang {
    display: inline-block;
    vertical-align: middle;
    width: 32px;
    height: 32px;
    line-height: 32px;
    color: #fff;
    text-decoration: none;
    text-align: center;
    background: url(/src/blank.gif) 0 0 no-repeat;
    margin-left: 5px;
}

a.social.stw {
    background-image: url(/src/tw.png);
}

a.social.sfb {
    background-image: url(/src/fb.png);
}

a.social.syt {
    background-image: url(/src/yt.png);
}

a.social.ssr {
    background-image: url(/src/ss.png);
}

a.social.sgp {
    background-image: url(/src/gp.png);
}

a.social.srss {
    background-image: url(/src/rss.png);
}

a.social.stw:hover,
a.social.sfb:hover,
a.social.srss:hover,
a.social.sss:hover,
a.social.sgp:hover {
    background-position: 0 -32px;
}

#tools a.lang {
    background-color: #7395ab;
}

#tools a.lang:hover {
    background-color: #455e6e
}

#tools a.lang.on,
#tools a.lang.on:hover {
    background-color: #b14335
}

#ssform {
    display: inline-block;
    vertical-align: middle;
    height: 32px;
    line-height: 32px;
    margin-left: 5px;
    display: none;
}

#ssform input {
    display: block;
    float: left;
    border: 0;
    font-size: 110%;
    font-weight: 300;
    height: 32px;
    line-height: 32px;
}

#ssform input[type=text] {
    width: 200px;
    padding: 0;
    background: #fff;
    width: 0;
}

#ssform input[type=submit] {
    width: 32px;
    background: #7395ab url(/src/search.png) 50% 50% no-repeat;
    cursor: pointer
}

#ssform input[type=submit]:hover {
    background-color: #455e6e
}

#mobilesearch {
    display: none;
}

.topnews {
    background: #d3d3d3;
    padding: 1.5em 0;
    margin-top: 255px;
}

.topnews h2 {
    text-align: center;
    font-size: 230%;
    line-height: 150%;
    font-weight: 300;
    color: #ff2e18
}

.topnewsitem {
    display: block;
    float: left;
    width: 30%;
    margin: 1.7em 0 0 5%;
}

.topnewsitem:first-child {
    margin-left: 0;
}

.topnewsitem a.tnimg {
    display: block;
    width: 100%;
    height: 240px;
    background: transparent url(/src/blank.gif) 50% 50% no-repeat;
    background-size: cover;
}

.topnewsitem b {
    display: block;
    font-weight: normal;
    font-size: 1.1em;
    color: #ff2e18;
    margin: 0.5em 0;
}

.topnewsitem a.tntitle {
    display: block;
    margin: 0 0 0.5em 0;
    color: #000;
    height: 4.8em;
    overflow: hidden;
}

.lastnews {
    background: #e6e9ed;
    padding: 1.5em 0;
}

.lastnews h2 {
    text-align: center;
    font-size: 230%;
    line-height: 150%;
    font-weight: 300;
    color: #000
}

.lastnewsitem {
    display: block;
    float: left;
    width: 30%;
    margin: 1.7em 5% 0 0;
}

.lastnewsitem b {
    display: block;
    font-weight: normal;
    font-size: 1.1em;
    color: #ff2e18;
    margin: 0 0 0.2em 0;
}

.lastnewsitem a.tntitle {
    display: block;
    margin: 0 0 0.5em 0;
    color: #000;
    height: 4.8em;
    overflow: hidden;
}

.homeanalitic {
    margin: 0 0 2em 0
}

.homeanalitic b {
    display: block;
    font-weight: normal;
    font-size: 1.1em;
    color: #ff2e18;
    margin: 0 0 0.2em 0;
}

.homeanalitic a.tntitle {
    display: block;
    margin: 0;
    color: #000;
}

#all_analitic_btn {
    float: left;
    width: 50%
}

#all_opendata_btn {
    float: right;
    width: 50%
}

.actual {
    background: #2f3031;
    padding: 0.8em 0;
    position: relative;
    z-index: 10;
    overflow: hidden;
    height: 5em
}

.actual h2 {
    float: left;
    width: 20%;
    text-align: center;
    font-size: 230%;
    line-height: 190%;
    font-weight: 300;
    color: #55bcff
}

#actualdiv {
    float: right;
    width: 75%;
    position: relative;
    left: -12px;
}

#actualdiv .bx-wrapper .bx-prev {
    margin-left: -37px;
}

#actualdiv .bx-wrapper .bx-next {
    margin-right: -36px;
}

#actualdiv .bxslider {
    margin-top: 0em;
}

a.actualitem {
    display: table-cell;
    vertical-align: middle;
    margin: 0;
    text-align: center;
    height: 4em;
    padding: 0 2em;
    font-size: 18px;
    color: #fff;
}

#actualdiv {
    float: right;
    width: 75%;
    position: relative;
    left: -12px;
}

#actualdiv .bx-wrapper .bx-prev {
    margin-left: -37px;
}

#actualdiv .bx-wrapper .bx-next {
    margin-right: -36px;
}

#actualdiv .bxslider {
    margin-top: 0em;
}

a.actualitem {
    display: table-cell;
    vertical-align: middle;
    margin: 0;
    text-align: center;
    height: 4em;
    padding: 0 2em;
    font-size: 18px;
    color: #fff;
}

.announses {
    background: #d3d3d3;
    padding: 1.5em 0;
}

.announses h2 {
    text-align: center;
    font-size: 230%;
    line-height: 150%;
    font-weight: 300;
    color: #000
}

.announseitem {
    display: block;
    float: left;
    width: 48%;
    margin: 1.7em 4% 0 0;
}

.announseitem>strong {
    display: block;
    width: 52px;
    height: 52px;
    background: #ff604f;
    margin: 0 0 -52px 0;
    color: #fff;
    text-align: center;
    font-size: 18px;
    font-weight: normal
}

.announseitem>strong>big {
    display: block;
    font-size: 30px;
    line-height: 30px;
}

.announseitem>a {
    display: block;
    margin: 0 0 1em 68px;
    min-height: 50px;
    color: #000;
}


.lastdocs {
    background: #454545;
    padding: 1.5em 0;
}

.lastdocs h2 {
    text-align: center;
    font-size: 230%;
    line-height: 150%;
    font-weight: 300;
    color: #55bcff
}

.lastdocsitem {
    display: block;
    float: left;
    width: 48%;
    margin: 1.7em 4% 0 0;
    height: 7.6em;
    overflow: hidden;
}

.lastdocsitem b {
    display: inline-block;
    font-weight: normal;
    font-size: 1.1em;
    color: #55bcff;
    margin: 0 0 0.2em 0;
}

.lastdocsitem b span {
    color: #ccc
}

.lastdocsitem a.tntitle {
    display: block;
    margin: 0 0 0.1em 0;
    color: #fff;
}

.lastdocsitem .intr {
    color: #999;
}

a.mtag {
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    background: #55bcff;
    padding: 0em 1em;
    font-weight: normal;
    margin-left: 0.5em;
}

.analitic {
    background: #e6e9ed;
    padding: 1.5em 0;
}

.analitic h2 {
    text-align: center;
    font-size: 230%;
    line-height: 150%;
    font-weight: 300;
    color: #000
}

#infografik {
    float: left;
    width: 58%;
    margin-top: 1em;
}

a.analiticitem {
    display: block;
    height: 480px;
    background: transparent url(/src/blank.gif) 50% 50% no-repeat;
    background-size: contain;
}

#analiticlist {
    float: right;
    width: 38%;
    margin-top: 1em;
}


.forumdocs {
    background: #7395ab;
    padding: 1.5em 0;
}

.forumdocs h2 {
    text-align: center;
    font-size: 230%;
    line-height: 110%;
    font-weight: 300;
    color: #fff
}

.projects {
    background: #d3d3d3;
    padding: 1.5em 0;
}

.projects h2 {
    text-align: center;
    font-size: 230%;
    line-height: 150%;
    font-weight: 300;
    color: #000
}

.forumline {
    background: #e6e9ed;
    padding: 1em;
}

.forumline a.title {
    display: block;
    padding-right: 180px;
    color: #000
}

.forumdate {
    color: #ff604f;
}

.forumcounts {
    text-align: right;
    height: 40px;
    margin-bottom: -40px;
    font-size: 12px;
}

.tablo {
    display: inline-block;
    vertical-align: middle;
    background: #ffffcc;
    padding: 1em;
    text-align: center;
}

.tablo b {
    display: inline-block;
    vertical-align: middle;
    height: 18px;
    padding-left: 20px;
    background: url(/src/user_comment.png) 0 50% no-repeat;
}

.tablo strong {
    display: inline-block;
    vertical-align: middle;
    height: 18px;
    padding-left: 20px;
    background: url(/src/comments.png) 0 50% no-repeat;
}

.tablo em {
    display: inline-block;
    vertical-align: middle;
    height: 18px;
    padding-left: 5px;
    font-weight: bold;
    font-style: normal;
    line-height: 200%
}

.tablo em i {
    font-style: normal;
}

.tabloin {
    display: inline-block;
    vertical-align: middle;
    width: 65px;
    height: 20px;
}


#lhalf {
    float: left;
    width: 48%;
}

#rhalf {
    float: right;
    width: 48%;
}

#fdocsform label {
    display: block;
    margin: 1em 0 1.5em 0;
    color: #ccc;
    font-size: 1.2em;
    line-height: 150%
}

#fdocsform select,
#fdocsform input {
    background: #41617c;
    color: #fff;
    font-size: 16px;
    line-height: 38px;
    height: 38px;
    padding: 0;
    width: 100%;
    border: 0;
    -webkit-appearance: none;
}

#fdocsform select {
    background: #41617c url(/src/selectarrow.png) right 50% no-repeat;
}

#fdocsform input.inputdate {
    width: 44%;
    background: #41617c url(/src/selectarrow.png) right 50% no-repeat;
}

#fdocsform .tire {
    display: inline-block;
    width: 10%;
    vertical-align: middle;
    text-align: center
}

#fdocsform select option {
    color: #fff;
}

#fdocsform input[type=submit] {
    display: block;
    margin: auto;
    width: 200px;
    text-align: center;
    line-height: 48px;
    height: 48px;
    padding: 0;
    background: #2f3031;
    color: #fff;
    text-decoration: none;
}

#fdocsform input[type=submit]:hover {
    background: #131314;
}

#crumbs {
    font-size: 80%;
    padding: 0.5em 30px;
    float: left;
}

#crumbs big {
    font-size: 130%;
    color: #999;
}

#crumbs a.no_link {
    color: #333;
    text-decoration: none;
    cursor: default
}

#printversion,
#resfound {
    text-align: right;
    width: 150px;
    float: right;
    font-size: 80%;
    padding: 0.5em 30px 0.5em 0;
    white-space: nowrap;
}

#resfound var {
    font-weight: bold;
    color: green;
}

article {
    display: block;
    padding: 30px;
}

article.tl {
    padding-right: 0
}

article.blocks1 {
    float: left;
    width: 700px;
}

aside {
    display: block;
    padding: 30px;
    float: right;
    width: 280px;
}

img.picinbody {
    width: 300px;
    float: left;
    margin: 1em 2em 0.5em 0;
}

aside .ui-datepicker-multi .ui-datepicker-group {
    float: none;
}

.asidelist {
    background: #e6e9ed;
    padding: 15px;
    font-size: 130%;
    font-weight: 300;
}

.asidelist big {
    color: #b14335;
}

.asidelist ul {
    list-style: none;
    padding: 0 0.5em
}

.asidelist ul li {
    margin: 0.5em 0;
}

ul.childpages {
    margin: 1em 0 0 0.1em;
    padding: 0;
}

ul.childpages>li {
    margin: 0 0 1em 1em;
}

ul.childpages>li.plus {
    margin-left: 0;
}

ul.childpages>li.plus i {
    font-size: 15px;
    line-height: 15px;
    display: inline-block;
    vertical-align: baseline;
    margin-right: 0.3em;
    color: #2778b0;
    cursor: pointer
}

ul.childpages>li.plus i:hover {
    color: #b14335
}

ul.childpages ul {
    list-style-image: none;
    margin: 0 0 0 1.3em;
    padding: 0;
    font-size: 80%;
    display: none;
}

ul.childpages ul li {
    margin-top: 0.5em;
    font-size: 16px;
}

ul.childpages ul ul li {
    font-size: 14px;
}

ul.childpages ul ul ul li {
    font-size: 12px;
}

ul.childpages a {
    text-decoration: none;
}

ul.childpages a:hover {
    text-decoration: underline;
}

ul.childpages a.no_link {
    color: #333;
    cursor: default;
    text-decoration: none;
}

.news_line_item {
    padding: 0 0 1em 0;
    margin: 1.5em 0 1.5em 0;
    border-bottom: 1px dashed #ccc;
}

.news_line_item .nh {
    font-weight: bold;
}

.news_line_item .title {
    font-size: 1em;
}

.news_line_item .ddate {
    color: #999;
}

.news_line_item .date {
    font-size: 0.8em;
    color: #999;
}

.news_line_item .date small {
    border-left: 1px solid #ccc;
    color: #ccc;
    font-size: 1em;
}

.dlist {
    margin: 1em 0 0 0;
    padding: 0;
}

.dlist>dt {
    display: block;
    width: 46px;
    height: 46px;
    background: #737373;
    margin: 0 0 -46px 0;
    color: #fff;
    text-align: center;
    font-weight: normal
}

.dlist>dt>big {
    display: block;
    font-size: 24px;
    padding-top: 2px;
}

.dlist>dd {
    display: block;
    margin: 0 0 1.5em 58px;
    min-height: 40px;
    padding-bottom: 1em;
}

.dlist>dd:last-child {
    border-bottom: none;
}

.lineform {
    background: #7395ab;
    padding: 15px;
    color: #ccc;
}

.lineform label {
    display: block;
    margin-bottom: 0.8em
}

.lineform select,
.lineform input[type="text"],
.lineform input.inputdate {
    background: #41617c;
    color: #fff;
    padding: 8px 0;
    width: 100%;
    border: 0;
    -webkit-appearance: none;
}

.lineform select {
    background: #41617c url(/src/selectarrow.png) right 50% no-repeat;
}

.lineform option {
    color: #fff;
}

.lineform input[type="checkbox"] {
    display: inline-block;
    vertical-align: middle;
}

.lineform big {
    display: block;
    margin-bottom: 0.2em;
}

.lineform input[type="submit"] {
    border: 0;
    background: #2f3031;
    width: 100%;
    font-size: 1.2em;
    padding: 0.8em 0;
    color: #fff;
}

.lineform input[type="submit"]:hover {
    background: #131314;
}

.album {
    display: inline-block;
    vertical-align: middle;
    width: 160px;
    height: 300px;
    text-align: center;
    margin: 30px 20px 0 0;
    padding: 20px 30px;
    background: #eee;
    overflow: hidden;
}

.album .date {
    color: #999;
    font-size: 90%;
    margin-bottom: 0.2em
}

.album .preview {
    border: 4px solid #999;
}

.album .title {
    display: block;
    margin-top: 0.5em;
}

a.photo {
    display: inline-block;
    vertical-align: middle;
    margin: 0 20px 20px 0;
    padding: 0;
    background: #fff;
    border: 6px solid #ddd;
}

a.photo .preview {
    vertical-align: middle;
}

.page_split_bar {
    text-align: center;
    margin: 10px 0;
}

.page_split_bar a {
    padding: 4px 10px;
    background: #eee;
    text-decoration: none;
}

.page_split_bar a:hover {
    text-decoration: underline
}

.page_split_bar a.on,
.page_split_bar strong {
    padding: 4px 10px;
    background: #2778b0;
    color: #fff;
    font-weight: bold;
}

.ndate {
    color: #999;
    margin: 0.5em 0;
}

.ndate strong {
    color: #000;
}

.nintro {
    font-weight: bold;
    margin: 1em 0 0 0;
}

.articletags {
    padding: 1em 0;
}

.catlink {
    display: block;
    margin-top: 1em;
    border-top: 1px dashed #ccc;
    padding: 1em 0;
}

.lltitle {
    border-top: 1px dashed #ccc;
    padding: 1em 0;
    color: #000;
}

a.sharebtn {
    display: block;
    background: #7395ab;
    color: #fff;
    font-size: 140%;
    padding: 15px;
    font-weight: 300;
    white-space: nowrap;
    margin-bottom: 20px;
}

a.sharebtn i {
    font-size: 150%;
    display: inline-block;
    vertical-align: middle;
}

#sharediv {
    background: #727272;
    padding: 0 15px;
    display: none;
    line-height: 14px;
    color: #fff;
    margin-bottom: 1em;
}

#sharediv:before {
    content: '';
    position: absolute;
    display: block;
    margin-left: 110px;
    margin-top: -40px;
    border: 20px solid transparent;
    border-bottom: 20px solid #727272;
}

#sharediv.no_content {
    position: absolute;
    z-index: 100;
    width: 250px
}

#tlbody {
    background: #e6e9ed;
    position: relative;
    z-index: 10
}

#tldiv {
    padding: 20px;
    background-color: rgba(55, 55, 55, 0.8);
    min-height: 230px;
    position: relative;
    z-index: 95;
    margin-bottom: 20px
}

#tldiv.no_content {
    height: 126px;
    min-height: 126px;
}

.tmfon {
    background: transparent url(/src/tlbg.gif) left top repeat-y;
}

#tl_html_content {
    float: left;
    color: #fff;
}

#tl_html_content.no_content {
    padding-top: 10px;
}

#tl_html_content h1,
#tl_html_content h2,
#tl_html_content h3,
#tl_html_content h4,
#tl_html_content h5,
#tl_html_content h6,
#tl_html_content td,
#tl_html_content th {
    color: #fff;
}

#tl_sharepanel {
    float: right;
    width: 280px;
}

.tllform {
    float: right;
    padding-left: 50px;
    text-align: right;
}

.tllform label {
    display: inline-block;
    white-space: nowrap;
    margin-left: 20px;
}

.tllform select,
.tllform input.inputdate {
    background: #41617c url(/src/selectarrow.png) right 50% no-repeat;
    color: #fff;
    height: 36px;
    border: 0;
    -webkit-appearance: none;
    padding-right: 26px;
    font-size: 0.9em
}

.tllform option {
    color: #fff;
    font-size: 1em
}

.tllform option[disabled] {
    color: #6d7c87;
}

.tllform big {
    color: #000;
}

.tllform select[disabled] {
    opacity: 0.5
}

#timelinewindow {
    margin-top: -0.8em;
}

#timelinewindow .loading {
    min-height: 200px;
    background: transparent url(/src/loading.gif) bottom center no-repeat;
}

.timeline_item {
    background: #fff;
    padding: 20px 2em;
    margin: 2em 0 0.5em 45px;
}

.tl_tumb {
    display: block;
    float: left;
    margin-right: 20px;
    width: 150px;
    height: 100px;
    background: transparent url(/src/blank.gif) 0 0 no-repeat;
    background-size: cover;
}

.tl_photos {
    margin: 0 1em 0 0;
    border: 2px solid #ccc
}

.tl_title {
    font-size: 120%;
    margin: 0.5em 0;
}

.tl_date {
    color: #ff2e18;
    margin-bottom: 1em;
}

.tl_date span {
    color: #999
}

.tl_tags {
    margin: 1em 0 0 10px;
}

.finish .tl_title a {
    color: #999
}

.finish .tl_date {
    color: #999
}

.tl_icon {
    position: absolute;
    background: #55bcff;
    width: 60px;
    height: 60px;
    margin: -20px 0 0 -102px;
}

.tl_icon:after {
    content: '';
    position: absolute;
    margin-left: 60px;
    margin-top: 16px;
    display: block;
    border: 13px solid transparent;
    border-left: 13px solid #55bcff;
}

.tl_icon.t5 {
    background: #ff604f;
}

.tl_icon.t5:after {
    border-left-color: #ff604f;
}

.tl_icon.t6 {
    background: #6bbf09;
}

.tl_icon.t6:after {
    border-left-color: #6bbf09;
}

.tl_icon.t7 {
    background: #ffbe7e;
}

.tl_icon.t7:after {
    border-left-color: #ffbe7e;
}

.tl_icon.t10 {
    background: #7395ab;
}

.tl_icon.t10:after {
    border-left-color: #7395ab;
}

.tl_icon.t16 {
    background: #4ad7c1;
}

.tl_icon.t16:after {
    border-left-color: #4ad7c1;
}

.tl_icon>i {
    position: absolute;
    margin: 19px 0 0 6px;
    color: #fff;
    font-size: 47px;
}

#morebutton {
    margin: 2em 0 0 46px;
}

.subscribeform {
    background: #323232;
    width: 280px;
    padding: 10px 0 15px 0;
    text-align: center;
    color: #fff;
    margin-top: 50px;
}

.subscribeform input[type='email'] {
    width: 180px;
    display: inline-block;
    vertical-align: middle;
    height: 30px;
    background: #fff;
    border: 0;
    padding: 5px;
    line-height: 40px;
    margin-top: 15px;
}

.subscribeform button {
    display: inline-block;
    vertical-align: middle;
    height: 40px;
    padding: 1px;
    background: #fff;
    border: 0;
    margin-top: 15px;
}

.subscribeform button i {
    display: inline-block;
    padding: 0 5px;
    background-color: #7395ab;
    color: #fff;
    font-size: 28px;
    line-height: 36px;
}

.subscribeform button i:hover {
    background: #455e6e;
}

#subscribeformpop {
    display: none;
}


#tldiv.no_content .subscribeform {
    width: auto;
    padding: 0.5em 1em;
    margin-top: 0;
    float: right
}

#tldiv.no_content .subscribeform input[type='email'] {
    margin-top: 0;
    margin-left: 1em
}

#tldiv.no_content .subscribeform button {
    margin-top: 0;
}

footer {
    display: block;
    width: 100%;
    background-color: #262627;
    padding-bottom: 1em;
    color: #fff;
    position: relative;
    z-index: 10;
}

footer td,
footer th,
footer a:link,
footer a:active,
footer a:visited {
    color: #fff
}

#ftools {
    float: left;
    width: 35%;
    height: 50px;
}

#copiright {
    float: left;
    width: 30%;
    height: 50px;
    font-size: 80%;
    color: #fff;
    text-align: center;
}

#copiright a {
    color: #fff
}

#counters {
    float: left;
    width: 35%;
    height: 50px;
    font-size: 80%;
    text-align: right;
}

a#onup {
    visibility: hidden;
    position: fixed;
    z-index: 200;
    bottom: 100px;
    right: 0;
    display: block;
    width: 50px;
    height: 50px;
    font-size: 30px;
    line-height: 50px;
    background: rgba(55, 55, 55, 0.8);
    text-align: center;
    text-decoration: none;
    color: #fff;
}

a#onup:hover {
    background: #b14335
}

.sitemapul {
    font-size: 1.2em;
    columns: 400px 2;
    -moz-columns: 400px 2;
    -webkit-columns: 400px 2;
    column-gap: 30px;
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
}

.sitemapul li {
    margin: 0.5em auto;
}

.sitemapul>li {
    margin-bottom: 1.5em;
}

.sitemapul a.root {
    font-weight: bold;
}

.sitemapul ul {
    font-size: 90%
}


/* General */

.addthisevent {
    visibility: hidden;
}

.addthisevent span {
    display: none!important;
}

.addthisevent .data {
    display: none!important;
}


/* The button */

.addthisevent-drop {
    display: block;
    position: relative;
    z-index: 999998;
    color: #fff!important;
    cursor: pointer;
    line-height: 100%;
    font-weight: 300;
    background: #7395ab;
    font-size: 18px;
    text-decoration: none;
    padding: 15px;
    text-align: center
}

.addthisevent-drop:hover {
    text-decoration: underline;
}

.addthisevent-selected {
    background-color: #455e6e;
}


/* The drop down */

.addthisevent_dropdown {
    width: 210px;
    position: absolute;
    z-index: 99999;
    padding: 6px 0px 0px 0px;
    background: #fff;
    text-align: left;
    display: none;
    margin-top: -2px;
    margin-left: -1px;
    border-top: 1px solid #c8c8c8;
    border-right: 1px solid #bebebe;
    border-bottom: 1px solid #a8a8a8;
    border-left: 1px solid #bebebe;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -webkit-box-shadow: 1px 3px 6px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 1px 3px 6px rgba(0, 0, 0, 0.15);
    box-shadow: 1px 3px 6px rgba(0, 0, 0, 0.15);
}

.addthisevent_dropdown span {
    display: block;
    line-height: 110%;
    background: #fff;
    text-decoration: none;
    font-size: 14px;
    color: #333;
    padding: 8px 10px 9px 15px;
}

.addthisevent_dropdown span:hover {
    background: #f4f4f4;
    color: #000;
    text-decoration: none;
    font-size: 14px;
}

.addthisevent_dropdown .copyx {
    height: 21px;
    display: block;
    position: relative;
    cursor: default;
}

.addthisevent_dropdown .brx {
    height: 1px;
    overflow: hidden;
    background: #e0e0e0;
    position: absolute;
    z-index: 100;
    left: 10px;
    right: 10px;
    top: 9px;
}

.addthisevent_dropdown .frs {
    position: absolute;
    top: 5px;
    cursor: pointer;
    right: 10px;
    padding-left: 10px;
    font-style: normal;
    font-weight: normal;
    text-align: right;
    z-index: 101;
    line-height: 110%;
    background: #fff;
    text-decoration: none;
    font-size: 9px;
    color: #cacaca;
}

.addthisevent_dropdown .frs:hover {
    color: #6d84b4;
}




/*
.forumline a.title {display:block; padding-right:180px;}
.forumcounts {text-align:right; height:40px; margin-bottom:-40px; font-size:12px;}
.tablo {display:inline-block; vertical-align:middle; background:#ffffcc; border:1px solid #ccc; border-radius:4px; padding:0.5em; text-align:center;}
.tablo b {display:inline-block; vertical-align:middle; height:18px; padding-left:20px; background:url(/src/user_comment.png) 0 50% no-repeat;}
.tablo strong {display:inline-block; vertical-align:middle; height:18px; padding-left:20px; background:url(/src/comments.png) 0 50% no-repeat;}
.tablo em {display:inline-block; vertical-align:middle; height:18px; padding-left:5px; font-weight:bold; font-style:normal; line-height:200%}
.tablo em i { font-style:normal;}
.tabloin {display:inline-block; vertical-align:middle; width:65px; height:20px;}

.stattable {width:99%; border-collapse:collapse;}
.stattable th {padding:1em; background:#eee; border:1px solid #ccc;}
.stattable td {padding:0.5em; border:1px solid #ccc;}
*/

.counters {
    white-space: nowrap
}

.counters b {
    display: inline-block;
    vertical-align: middle;
    height: 28px;
    line-height: 28px;
    padding: 2px 2px;
    margin: 0 1px;
    text-align: center;
    color: #fff;
    background-color: #b14335;
    font-weight: normal;
    font-size: 26px;
}

.counters.y b {
    background-color: green
}

.counters.n b {
    background-color: red
}


.tabsline .line.adds li {
    border-bottom: none;
    list-style: circle;
    margin-left: 1em;
}

.tabsline .line.adds li a.title {
    text-decoration: underline;
}

.tabsline .line.adds li a.title:hover {
    text-decoration: none;
}


.discus-header {
    border: 1px solid #999;
    border-bottom: 0;
    padding: 2em 0.5em;
    background: #ddd;
    text-align: center;
    margin-top: 0.8em;
}

.discus-header b.switch {
    margin: 1em;
    font-size: 1.2em
}

.pson {
    background: #7395ab;
    color: #fff;
    border: 0;
    padding: 0.5em 1em;
}

.psoff {
    color: #999;
    opacity: 0.7;
    cursor: default;
    border: 0;
}


.discus-window {
    height: 600px;
    overflow: auto;
    overflow-y: scroll;
    padding: 0.5em;
    border: 1px solid #999;
}

.discus-window.ch {
    height: 200px;
    border-top: 1px solid #ccc;
}

.discus-vote {
    border: 1px solid #999;
    background: #ddd;
    text-align: center;
    padding: 1em;
    text-align: center;
    border-top: 0;
}

.dvote-yn {
    display: inline-block;
    vertical-align: middle;
    margin: 0 50px;
}

.dvote-add {
    display: inline-block;
    vertical-align: middle;
    margin: 0 50px;
    background: #fff;
    padding: 1em 2em
}

.pyes,
.pno {
    width: 80px;
    padding: 8px 12px;
    margin-top: 0.5em;
    border: 0;
    color: #fff;
    cursor: pointer
}

.pyes {
    background-color: #006600;
}

.pno {
    background-color: #ff5155;
}

.addprop {
    padding: 12px 18px;
    background-color: #7395ab;
    border: 0;
    color: #fff;
    cursor: pointer;
}

.addprop:hover {
    background: #455e6e;
}


.tabtitle {
    display: inline-block;
    padding: 0.5em 1.5em;
    margin: 10px 1em 0 0.5em;
    border: 1px solid #999;
    border-bottom: 0;
    white-space: nowrap;
}

.tabtitle.on {
    background: #7395ab;
    border-color: #7395ab;
}

.tabtitle.on .switch {
    color: #fff;
    border-color: #7395ab;
}

.padd-tab {
    display: none;
    border: 1px solid #999;
    background: #eee;
    padding: 1em;
}

.tarea,
textarea.tarea {
    display: block;
    margin-top: 0.5em;
    width: 99%;
    display: none;
    background: #fff;
    border: 1px solid #999;
    border-radius: 0;
    font: normal normal 14px/16px Arial, Verdana, Sans-serif;
    color: #333;
    overflow: auto;
}

.other_props {
    margin: 0;
    padding: 1em;
    list-style: none;
}

.other_props li {
    margin: 0;
    padding: 1em;
    border-bottom: 1px solid #ccc;
}

.puname {
    display: inline-block;
    vertical-align: middle;
    padding-left: 20px;
    background: url(/src/user_comment.png) 0 50% no-repeat;
}

.ptime {
    font-size: 0.9em;
    color: #999;
    display: inline-block;
    vertical-align: middle;
    margin-left: 1em;
}

.propsubmit {
    display: inline-block;
    border: 0;
    text-align: center;
    padding: 0.7em 2em;
    background: #ff604f;
    color: #fff;
    text-decoration: none;
    font-size: 130%
}

.propsubmit:hover {
    background: #b14335;
}

.sortlinks {
    text-align: right;
    padding: 1em;
    margin: 1em 0;
}

.hiddenrest {
    display: none;
}

#hiddenrestloading {
    min-height: 150px;
    background: transparent url(/src/loading.gif) bottom center no-repeat;
}

.swon {
    color: #fff;
    background: #7395ab;
    cursor: default;
    border-color: #7395ab;
    display: inline-block;
    vertical-align: middle;
    padding: 0.1em 1em
}

.vptext {
    margin-right: 250px;
}

.vprate {
    float: right;
    width: 200px;
    height: 50px;
    padding: 1em;
    background: #eee;
    text-align: center
}

.ryes,
.rno {
    width: 90px;
    padding: 4px;
    border: 0;
    color: #fff;
    cursor: pointer
}

.ryes {
    background-color: #006600;
}

.rno {
    background-color: #ff5155;
}






.polvaritem {
    display: inline-block;
    vertical-align: middle;
    margin: 20px 50px;
    width: 250px;
    height: 250px;
    background: #fff url(/src/blank.gif) 50% 50% no-repeat;
    background-size: cover;
}

.polvaritem_cb {
    position: absolute;
    opacity: 0;
}

.polvaritem_cb+span {
    display: block;
    margin-top: 200px;
    height: 40px;
    padding: 10px 0 0 0;
    text-align: center;
    background: rgba(255, 255, 255, 0.8);
    color: #2778b0;
    font-size: 19px;
}

.polvaritem:hover .polvaritem_cb+span {
    background: #455e6e;
    color: #fff;
    opacity: 1;
}

.polvaritem_cb:checked+span,
.polvaritem:hover .polvaritem_cb:checked+span {
    background: #b14335;
    color: #fff;
    opacity: 1;
}

.submitformbtn {
    display: block;
    margin: auto;
    border: 0;
    text-align: center;
    padding: 0.7em 2em;
    background: #ff604f;
    color: #fff;
    text-decoration: none;
    font-size: 130%
}

.submitformbtn:hover {
    background: #b14335;
}

.pollresimg {
    display: inline-block;
    vertical-align: middle;
    width: 50px;
    height: 50px;
    background: #fff url(/src/blank.gif) 50% 50% no-repeat;
    background-size: cover;
}

.pollrescount {
    font-size: 28px;
    line-height: 100%;
    font-weight: 300;
}


/* lukomsky */

#lowvisionpanel {
    display: none;
}

@media (min-width: 661px) and (max-width: 1180px) {
    #tools {
        position: absolute;
        right: 50px;
        top: 50px;
    }

    .flaticon-compact14 {
        position: absolute;
        right: 0px;
        top: 30px;
    }

    #lowvisionlink {
        position: absolute;
        right: 50px;
    }

    #tldiv {
        margin-top: 1.5em;
    }

    .wol {
        margin-top: 1.5em;
    }
}

@media screen and (max-width: 660px) {
    #lowvisionlink {
        background-color: rgba(55, 55, 55, 0.8);
        margin-right: 10px !important;
        margin-bottom: 10px !important;
    }
    #lowvisionlink span {
        padding-top: 5px;
    }
    #crumbs {
        padding-top: 20px;
    }
    #counters {
        text-align: center;
        float: none;
        width: unset;
    }
}

#welcomeinv {
    height: 100%!important;
}


/* this is better but lang version not supported */


/*
@media screen and (max-width: 660px) {
    #portaltitle {
        background-size: cover;
        background-repeat: no-repeat;
    }
    #logo img{
        display: none;
    }
}
*/


/* this is BADder but lang version supported and bad not so good view on phones */

@media screen and (max-width: 660px) {
    #portaltitle {
        padding: 0 0 26px 0 !important;
        background-image: none !important;
    }
}