@import "reset-settings.css" all;

/* MAP MARKER
----------------------------------------------- */
.map i {top:28px; left:30px;}



.img-box {overflow:hidden; position:relative; display:block;}
.img-box img {width:100%; min-height:100%;}
.square-img img {display:block; width:150%; max-width:150%; margin-left:-25%;}
.nowrap {overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
button, .overlay-close, .short7-item {transition: all .5s;}
a, .show-login {transition: color .4s, background-color .4s, opacity .4s;}
.g-info-r i, .show-login i {margin-right:5px; font-weight:normal; font-size:14px;}
.col-middle a {color:#008ACE;}
.col-middle a:hover {color:#7dc561;}

.grad-blue, .nav, .footer, .main-menu { background-color:#0147a6; background: linear-gradient(to right, #0147a6 0%,#1488d1 100%); color:#fff;}
.grad-red, .main-image-title a {color:#fff !important; background-color:#f0261c; 
background: linear-gradient(to bottom, #f0261c 0%,#d91309 100%); text-shadow:1px 1px 0 #000000;}
.grad-blue-top, .show-login, .main-title a, .lenta, .people-title span, .navigation span, .pagi-nav a:hover, .login-avatar, .normativ, .slabovid,
button, html input[type="button"], input[type="reset"], input[type="submit"] { background-color:#0147a6; 
background: linear-gradient(to top, #0147a6 0%,#1488d1 100%); color:#fff; text-shadow:1px 1px 0 #000000;}
.grad-grey, .short7-item, .search-wrap, .pprev, .pnext, .navigation a, #addcform { background-color:#fff; background: linear-gradient(to top, #f5f5f5 0%,#fff 100%);}
.revers-blue, .show-login:hover, .main-title a:hover, .normativ:hover, .slabovid:hover, .show-search:hover, 
.menuactive > a, li.menuactive > a:hover, .main-menu > li > a:hover, 
button:hover, html input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover { 
background: linear-gradient(to bottom, #0147a6 0%,#1488d1 100%); color:#fff;}
.revers-red, .main-image-title a:hover { background: linear-gradient(to top, #f0261c 0%,#d91309 100%);}
.revers-grey, .short7-item:hover {background: linear-gradient(to bottom, #f5f5f5 0%,#fff 100%);}




/* KARKAS
----------------------------------------------- */
.wrapper {height:auto; width:100%; min-width:320px; position:relative; padding:0;}
.wr-center {width:100%; min-width:320px; max-width:1264px; margin:0 auto; position:relative; background-color:#fff; 
box-shadow:0 5px 10px 0 rgba(0,0,0,0.2);}
.header {height:260px; position:relative;}
.content {padding:0;}
.content-cols {padding:30px 270px 0 30px;}
.right-col {float:right; width:240px; margin-right:-240px;}
.content-col {float:left; width:100%; padding-right:30px;}
.footer {padding:15px 30px; font-size:12px; position:relative;}
.footer:before {position:absolute; left:0; top:0; right:0; bottom:0;
background:url(../images/footer-bg.png) left top repeat-y; content:""; pointer-events:none;}

.side-rkl {margin-bottom:15px; overflow:hidden;}
.bottom-rkl {margin-bottom:15px; overflow:hidden;}


/* MAIN IMAGE
----------------------------------------------- */
.main-image {height:300px; background:#444 url(../images/city.jpg) center -200px no-repeat; box-shadow:inset 0 150px 150px -150px rgba(12,121,190,0.8); 
position:relative;}
.main-image-title {color:#fff; text-shadow:1px 1px 0 #000000; font-size:30px; display:inline-block; 
max-width:500px; position:absolute; left:30px; top:30px; background-color:rgba(0,0,0,0.2); padding:15px;}
.main-image-title h1 {font-size:20px; margin-bottom:0; line-height:normal;}
.main-image-title a, .main-title a {display:inline-block; padding:5px 10px; font-size:14px; border-radius:2px;}
.main-image-title a i, .main-title a i {margin-left:10px;}


/* HEADER
----------------------------------------------- */
.logotype {height:100px; width:400px; display:block; position:absolute; left:0; top:50px;
background:url(../images/logo.png) left center no-repeat; overflow:hidden; text-indent:-1000px; background-size:contain;}
.map {height:120px; width:230px; position:absolute; left:430px; top:40px;
background:url(../images/flg.jpg) left -10px no-repeat; background-siz4e:230px auto;}
.map i {color:#f0261c; font-size:30px; position:absolute;}
.telefon-box {position:absolute; left:730px; top:40px; width:200px; height:120px; 
display:flex; flex-direction:column; justify-content:center;}
.telefon {font-size:18px; font-weight:700;}
.telefon-box span {color:#b5b5b5; font-size:12px;}
.feedback {font-size:12px;}
.feedback a {display:inline-block; border-bottom:1px dotted rgba(64,186,255,1.00);}
.feedback a:hover {border-bottom:0;}
.slabovid {display:inline-block; border-radius:4px; padding:10px 15px; font-size:18px; position:absolute; right:15px; top:64px; color:#fff !important;}
.slabovid i {margin-right:10px;}

.head-line {height:40px; background-color:#f6f6f6;}
.show-login {display:inline-block; height:40px; padding:0 15px; line-height:40px; 
color:#fff; font-size:14px; cursor:pointer; float:left;}
.show-login i {margin-right:5px;}

.soci-top {display:inline-block; margin:5px 15px 0 15px; float:left;}
.soci-top a {display:inline-block; float:left; margin:0 5px 0 0;}
.soci-top a img {display:block; width:30px; height:30px; border-radius:15px;}
.soci-top a:hover img {transform:scale(1.1);}

.top-menu {float:right; line-height:20px; padding:10px 15px 0 0;}
.top-menu li {padding:0 15px; display:inline-block; border-left:1px solid #d4d5d8; box-shadow:-1px 0 #f8f9fc;}
.top-menu li:last-child {padding-right:0;}
.top-menu a {color:#444; text-decoration:none;}
.top-menu a:hover {color:#007ac2; text-decoration:underline;}


/* MAIN MENU
----------------------------------------------- */
.nav {position:absolute; left:0; right:0; bottom:0; padding-right:50px;}
.show-search {color:#fff; width:50px; height:50px; line-height:50px !important; text-align:center; font-size:18px; cursor:pointer; 
position:absolute; right:0; top:0; border-left:1px solid #076dae; box-shadow:-1px 0 #2196e0;}
.main-menu {text-align:left;}
.main-menu > li {display:inline-block; position:relative; margin-right:-4px; border-left:1px solid #0147a6; box-shadow:-1px 0 #1488d1;}
.main-menu > li:first-child {border-left:0; box-shadow:none;}
.main-menu li a {display:block; line-height:50px; padding:0 15px; color:#fff; font-size:14px; text-transform:uppercase; text-shadow:1px 1px 0 #000000;}
.main-menu li a:hover {color:#fff;}
.hidden-menu { background-color:#0147a6; width:230px; top:50px; left:0; position: absolute; z-index: 9999; display: none; 
border-radius:0; text-align:left;}
.hidden-menu li, .hidden-menu li a {display:block; color:#fff; line-height:40px; font-size:12px;}
.hidden-menu li {border-bottom:1px dotted #1488d1;}
.hidden-menu li a:hover {background-color:#1488d1; color:#fff;}
.menuactive > a, li.menuactive > a:hover, .main-menu > li > a:hover, .a.active {}
.main-menu > li:last-child:after, .show-menu {display:none;}
.submenu:after {top: 50%;left:3px;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;
border-color: rgba(255, 255, 255, 0);border-top-color: #fff;border-width: 4px;margin-top: -2px;}


/* SEARCH
----------------------------------------------- */
.search-wrap {width:500px; position:absolute; right:0; top:100%; z-index:888; padding:10px; display:none; box-shadow:0 0 20px 0 rgba(0,0,0,0.2);}
.search-wrap.active {width:100%;}
.search-box {width:100%; position:relative;}
.search-box input, .search-box input:focus {width:100%; height:40px; line-height:40px; padding:0 60px 0 10px; border-radius:0;
background-color:#fff; color:#5c5c5c; border:0; box-shadow:inset 0 0 0 1px #e3e3e3;}
.search-box button {position:absolute; right:0; top:0; border-radius:0 3px 3px 0;
padding:0 15px; height:40px; line-height:40px;}


/* SECTIONS COMMON
----------------------------------------------- */
.section {margin-bottom:30px;}
.main-title {margin-bottom:15px;}
.main-title h2 {font-size:18px; font-weight:700; margin-right:30px; display:inline-block;}
.lenta {padding:15px; border-radius:3px;}
.lenta h2 {color:#fff; display:block; padding-bottom:10px; margin:0 0 10px 0; border-bottom:1px solid #076dae; box-shadow:0 1px #2196e0;}


/* SHORT STORY
----------------------------------------------- */
.short5-item {padding-left:200px; padding-bottom:15px;}
.short5-img {height:200px; width:200px; margin-left:-200px; overflow:hidden; float:left; display:block; position:relative;}
.short5-img img {width:150%; max-width:150%; margin-left:-25%;}
.short5-img:hover {opacity:0.7;}
.short5-date {background-color:rgba(255,255,255,0.95); color:#5c5c5c; text-transform:uppercase; font-size:10px; 
position:absolute; left:0; bottom:0; text-align:center; height:80px; width:80px; 
display:flex; flex-direction:column; justify-content:center;}
.short5-date > div:first-child {color:#f0261c; font-size:30px; margin-top:-5px;}
.short5-text {width:100%; float:right; border-top:1px solid #e3e3e3; padding:15px 0 0 30px;}
.short5-cat {text-transform:uppercase; margin-bottom:5px; font-size:12px; color: #007ac2;}
.short5-cat:hover {text-decoration:underline;}
.short5-title {display:block; font-size:20px; color:#444; font-weight:700; margin-bottom:10px;}
.short5-title:hover {color:#000; text-decoration:underline;}
.short5-desc {color:#5c5c5c; font-size:13px; line-height:18px; text-align:justify;}


/* CUSTOM LENTA, RELATED
----------------------------------------------- */
.news-item2 {margin-bottom:10px; color:#e4f2fa;}
.news-item2 a {text-decoration:underline; color:#fff;}
.news-item2 a:hover {text-decoration:none;}
.news-item2 span {display:inline-block; width:140px;}


/* CUSTOM PEOPLE
----------------------------------------------- */
.people {background-color:#f5f5f5; padding:0 30px;}
.people-title {font-size:18px; font-weight:700; text-align:center; margin:0 -30px 15px -30px; border-top:3px solid #1488d1;}
.people-title span {display:inline-block; padding:10px 15px; border-radius:0 0 4px 4px;}
.people-box {margin:0 -6px;}

.short7-item {display:block; margin:0 0.5% 15px 0.5%; width:19%; float:left; text-align:center; padding:15px; 
background-color:#fff; box-shadow:0 0 10px 0 rgba(0,0,0,0.05); border:1px solid #e3e3e3; border-radius:4px;}
.short7-img {height:120px; overflow:hidden; width:120px; margin:0 auto; border-radius:50%;}
.short7-title {margin:10px 0 5px 0; color:#444; font-weight:700; height:40px; overflow:hidden;}
.short4-item:hover .short4-title {text-decoration:underline;}
.short7-info {font-size:13px; height:36px; overflow:hidden;}
.short7-item:hover {box-shadow:inset 0 0 10px 0 rgba(0,0,0,0); background:#FFF; border-color:#CCC;}



/* RIGHT SIDE
----------------------------------------------- */
.normativ {display:block; margin-bottom:15px; border-radius:4px; padding:10px 15px;}
.normativ i {margin-right:10px;}

.side-item {margin-bottom:15px;}
.side-title {font-size:18px; font-weight:700; margin-bottom:15px;}
.side-content .short6-item:last-child, .side-content .short4-item:last-child {margin-bottom:0 !important; padding-bottom:0; 
border-bottom:0; box-shadow:none;}
.colored-bg {background-color:#f5f5f5; padding:15px;}


/* CUSTOM NEWS
----------------------------------------------- */
.short6-item {margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #e3e3e3; box-shadow:0px 1px #FFF;}
.short6-date {display:inline-block; background-color:#e4e9ef;
font-size:12px; padding:3px 10px;}
.short6-title {display:block; font-size:13px; color:#5c5c5c; margin:10px 0 0 0;}
.short6-title:hover {text-decoration:underline;}


/* CUSTOM FOTO
----------------------------------------------- */
.short3-item {display:block; height:78px; width:31.33%; margin:0 1% 5px 1%; float:left; overflow:hidden;}
.short3 {margin:0 -1px;}
.short3-item:hover {opacity:0.7;}


/* CUSTOM VIDEO
----------------------------------------------- */
.short4-item {display:block; margin-bottom:15px;}
.short4-img {height:140px; overflow:hidden;}
.short4-title {margin-top:5px; color:#444; font-size:13px;}
.short4-item:hover .short4-title {text-decoration:underline;}
.short4-date {margin-top:5px; color:#5c5c5c; font-size:12px;}
.short4-date span {color:#f0261c; margin-right:5px;}
.short4-img i {color:#fff; background-color:#f0261c; font-size:16px; padding:8px 10px; position:absolute; left:0; bottom:0;}


/* BOTTOM FOOTER
----------------------------------------------- */
.bottom-col {width:20%; float:left; padding-left:30px; text-shadow:1px 1px 0 #000000;}
.bottom-col:first-child {width:60%; padding-right:60px; padding-left:0;}
.b-menu li {margin:0 0 7px 12px; list-style:square; color:#e4f2fa;}
.bottom-col a {color:#e4f2fa; text-decoration:underline;}
.bottom-col a:hover {color:#fff; text-decoration:none;}
.b-title {font-size:18px; color:#fff; padding-bottom:15px; margin:0 0 15px 0; border-bottom:1px solid #076dae; box-shadow:0 1px #2196e0;}
.b-about {color:#bde4fa; line-height:20px; background:url(../images/logo-foot.png) left top no-repeat; padding-top:100px;}
.bottom-line {border-top:1px solid #076dae; box-shadow:0 -1px #2196e0; padding:15px 0; margin:15px 0 -20px 0;}
.copyr {float:left;}
.counts {display:flex; flex-direction:column; justify-content:center; float:right;}
.b-tags a {text-decoration:none;}
#vk_groups, #vk_groups iframe {width:100% !important;}


/* SPEEDBAR
----------------------------------------------- */
.speedbar {background-color:#f6f6f6; padding:10px 30px; border-bottom:1px solid #e3e3e3; color:#5c5c5c; font-size:12px;}
.speedbar a {text-decoration:underline;}
.speedbar a:hover {text-decoration:none;}


/* RATING V7
----------------------------------------------- */
.full-rating {}
.full-rating2, .full-rating3 {background-color:#f5f5f5; border-radius:4px; overflow:hidden; font-size:18px;}
.full-rating2 i {color:#008ACE; margin-right:5px;}
.full-rating2 a {display:block; padding:5px 10px; color:#444; font-size:16px;}
.full-rating2 a:hover {background-color:#008ACE; color:#FFF;}
.full-rating2 a:hover i {color:#FFF;}
.full-rating3 {color:#444; padding:0 5px 30px 5px; text-align:center; line-height:30px; width:60px; height:60px; position:relative;}
.full-rating3 a {display:block; color:#fff; background-color:#7dc561; width:30px; height:30px; text-align:center; 
position:absolute; bottom:0; right:0;}
.full-rating3 a:nth-child(2) {background-color:#eb7f73; right:auto; left:0;}
.full-rating3 a i {color:#fff;}
.full-rating3 a:nth-child(2) i {color:#fff;}
.full-rating3 a:hover {color:#FFF; background-color:#028c19;}
.full-rating3 a:nth-child(2):hover {background-color:#c1050a;}
.full-rating3 a:hover i {color:#FFF;}
.full-rating span.ratingzero {color: #ccc;}
.full-rating span.ratingtypeplus {color: #444;}
.full-rating2 a:hover span.ratingtypeplus {color:#FFF;}
.full-rating span.ratingplus {color:#95c613;}
.full-rating span.ratingminus {color:#ff0e0e;}
.frating-stars {position:relative; transform:scale(0.6,0.6); left:-12px;}


/* FULL STORY
----------------------------------------------- */
.full-article {margin-bottom:30px; position:relative;}
.full-cols {padding-left:80px; margin-left:-30px;}
.fc-left {float:left; width:80px; margin-left:-80px;}
.fc-right {float:right; width:100%; padding-left:30px;}

.fc-left .short5-date {background-color:#f5f5f5; position:static;}
.f-info-item {padding-left:15px; margin-top:15px;}
.icon {color:#9b9b9b;}
.icon i {margin-right:5px;}

.full-article h1 {color:#444 !important; font-size:24px; font-weight:700; line-height:28px; display:block; margin-bottom:20px;}

.full-info {font-size:14px; margin-top:20px;}
.full-info > div {display:inline-block; float:left; margin-right:5px; height:30px; line-height:30px;}
.full-info i {color:#2283c2; margin-right:5px; border:1px solid #e3e3e3; border-radius:3px; 
width:30px; text-align:center; line-height:28px;}
.f-compl, .f-edit {float:right !important; color:#444;}
.full-info a {color:#444;}


/* FULL STORY STATIC
----------------------------------------------- */
.full-text embed, .full-text object, .full-text video, .full-text iframe, .full-text frame {width: 100% !important; height:400px;}
.full-text {line-height:24px; margin:0 0 20px 0; color:#5c5c5c}
.full-text img {margin:0 10px 10px 0; max-width:100%; border:5px solid #f0f0f0;}
.full-text a {text-decoration:underline;}
.full-text a:hover {text-decoration:underline;}
.full-text h2, .full-text h3, .full-text h4, .full-text h5 {color:#007ac2; font-style:italic; font-family:Georgia, "Times New Roman", Times, serif;}
.full-text h2 {font-size:22px;}
.full-text h3 {font-size:20px;}
.full-text h4 {font-size:18px;}
.full-text h5 {font-size:16px;}
.full-text p {margin-bottom:15px;}
.full-text ul, .full-text ol, .full-text h2, .full-text h3, .full-text h4, .full-text h5 {margin:0;}
.full-text ul li {list-style:disc; margin-left:40px;}
.full-text ol {counter-reset:li; padding:0;  list-style:none; margin-left:25px; }
.full-text ol li {position:relative; margin:0 0 5px 0; padding-left:30px; min-height:20px;}
.full-text  ol li:before {content:counter(li); counter-increment:li; font-size:11px;
position:absolute; top:2px; left:0; width:20px; height:20px; line-height:20px; text-align:center; 
color:#fff; background:#0297dc; font-weight:bold; border-radius:50%;}
.full-text table {width:100%; text-align:left;}
.full-text table tr td {padding:10px; border:1px solid #ccc; font-size:12px; }
.full-text table tr:nth-child(1) {background-color:#0297dc !important; color:#FFF; font-size:14px !important;}
.full-text table tr:nth-child(2n+1) {background-color:#f9f9f9;} 
.full-text table img {display:block; margin:0; border:0; max-width:350px}
.attach {line-height:40px; background-color:#f5f5f5; padding:0 15px 0 0; border-radius:4px; margin:10px 0; overflow:hidden;}
.attach .download-link {color:#FFF !important; text-decoration:none !important; margin-right:15px; float:left; 
display:inline-block; padding:0 15px; background:#0297dc;}
.attach-info {float:right;}
.attach i {margin-right:5px;}

.dcont {border:1px solid #e3e3e3; padding:0 15px 15px 15px; margin:20px 0; line-height:20px;}
.polltitle {display:block; padding:5px 15px; margin:0 -15px 15px -15px; font-size:18px; background-color:#f5f5f5; line-height:normal;}
.full-taglist {margin:10px 0 0 0; font-size:11px;}
.full-taglist-t { margin-bottom:5px; font-weight:bold;}
.full-taglist a:hover {text-decoration:underline;}
.full-nav {text-align:center; margin-bottom:20px;}
.full-nav a {color:#06c; text-decoration:none;}
.full-nav a:hover {color:#06c; text-decoration:underline;}
.full-nav-pages {margin:0 15px;}
.full-nav-pages span, .full-nav-pages a {display:inline-block; margin:0 5px;}


/* COMMENTS
----------------------------------------------- */
#addcform {text-align:left; margin-top:20px; box-shadow:0 0 10px 0 rgba(0,0,0,0.05); border:1px solid #e3e3e3; border-radius:4px; padding:15px;}
.mass_comments_action {text-align: right; padding:5px 15px; background-color: #f6f6f6; margin:20px 0;}
.last-comm-link {font-size:16px; margin-bottom:10px;}

.js .add-comm .ac-protect, .js .add-comm .bb-editor + br, .js .add-comm .bb-editor + br + input, 
.js .add-comm .bb-editor + br + input + label, .js .add-comm .bb-editor + br + input + label + br {display:none !important;}
.js .add-comm.active .ac-protect {display:block !important;}
.js .add-comm.active .bb-editor + br, .js .add-comm.active .bb-editor + br + input, 
.js .add-comm.active .bb-editor + br + input + label, .js .add-comm.active .bb-editor + br + input + label + br {display:inline-block !important;}

.comments-items {padding:20px 0 0 0; margin-top:50px; background-color:#FFF; border-radius:6px; box-shadow:0px 1px 2px rgba(0, 0, 0, 0.15);}
.add-com-form {}
.add-com-textarea {width:100%;}

.ac-inputs input {width:49%; float:left; box-shadow:inset 0 0 4px 0 rgba(0,0,0,0.1); background-color:#fafafa;}
.ac-inputs input:last-child {float:right;}
.ac-inputs, .ac-textarea, .ac-protect {margin-bottom:15px;}
.ac-textarea textarea {display:block; width:100%; height:70px; padding:10px; background-image:none; background-color:#fafafa; 
 border:1px solid #d6cfcf; border-radius:0 0 6px 6px; box-shadow:inset 0 0 4px 0 rgba(0,0,0,0.34);}
.ac-submit button {float:right;}
.sec-answer + .sec-label {margin-top:15px;}
.add-com-but + form #addcform {display:none; margin:20px 0;}
.ac-protect {width:70%; float:left; margin-top:-10px;}
.ac-protect .label {font-size:12px;}
.ac-protect .sep-input {padding:10px 10px 10px 160px;}

.comm-item {padding:0 20px 15px 80px; margin-bottom:15px;  font-size:14px; border-bottom:1px solid #e3e3e3;}
.comm-left {float:left; margin-left:-60px; width:60px; height:60px; overflow:hidden; position:relative;}
.comm-right {float:right; width:100%; padding-left:20px;}
.comm-left img {width:100%; min-height:100%;}
.comm-top-info {}
.comm-info-line {position:relative; padding-right:120px;}
.comm-author, .comm-date {float:left; color:#888; font-size:10px; display:inline-block;}
.comm-author {font-size:14px; font-weight:bold; margin:0 10px 0 0; color:#232323;}
.comm-author a {color:#232323;}
.comm-date {color:#aaaaaa; font-size:14px;}
.comm-text {margin:10px 0; min-height:20px; color:#626262;}
.comm-body {}
.signature {font:italic 11px Georgia, "Times New Roman", Times, serif; margin-top:10px; padding-top:10px; border-top:1px dashed #e3e3e3;}
.comm-bottom-info {}
.comm-bottom-info ul {text-align:right;}
.comm-bottom-info ul li {display:inline-block; margin-left:5px;}
.comm-bottom-info ul li:first-child, .comm-bottom-info ul li:nth-child(2) {float:left; margin-left:0; margin-right:10px;}
.comm-bottom-info ul li a {font-size:12px;}
.comm-bottom-info ul li i {margin-right:10px;}
.comments-tree-list .comments-tree-list {background-color:#f5f5f5; padding-top:15px; margin-top:-15px;}

.comm-rate {position:absolute; right:0; top:-8px; line-height:30px; border-radius:4px;}
.comm-rate span.ratingtypeplusminus {display:block; padding:0 30px;  color:#444; 
font-weight:700; font-size:16px;}
.comm-rate a {display:block; width:20px; height:30px; position:absolute; top:0; left:5px; 
text-align:center; line-height:30px; font-size:28px; font-weight:700; color:#61b804;}
.comm-rate a:last-child {left:auto; right:5px; line-height:30px; 
color:#ec000b; top:-3px;}
.comm-rate a:hover {opacity:0.7;}
.comm-rate > span > span.ratingzero {color: #444444;}
.comm-rate > span > span.ratingtypeplus {color: #06b601;}
.comm-rate > span > span.ratingplus {color: green;}
.comm-rate > span > span.ratingminus {color: red;}

.pos-comm {background-color:#e5f7e5;}
.neg-comm {background-color:#f7e5e6;}


/* GO TOP BUTTON */
#gotop{position:fixed;width:40px;height:40px;right:0px;bottom:0px;cursor:pointer;
background:url('../images/gotop.png') no-repeat;z-index:9998;display:none; opacity:0.8;}


/* LOGIN
----------------------------------------------- */
.overlay {position:fixed; left:0; top:0; z-index:10000; width:100%; height:100%; background-color:rgba(0,0,0,0.6); display:none;}
.overlay-close {position:absolute; right:40px; top:40px; font-size:34px !important; color:#fff; cursor:pointer;}
.overlay-close:hover {transform:rotate(90deg) scale(1.1,1.1);}
.login-box {width:320px; position:absolute; left:50%; top:15%; margin-left:-160px; 
padding:10px 15px; color:#444; background-color:#fff; border-radius:4px;}
.login-title {text-align:center; font-size:18px; margin-bottom:15px;}
.login-input {margin-bottom:20px;}
.login-input input, .login-input input:focus {display:block; width:100%; height:40px; padding:0 10px; line-height:40px; 
background-color:#f5f5f5; border-radius:3px; border:1px solid #e3e3e3; box-shadow:inset 5px 5px 5px 0 #f0f0f0;}
.login-input input:focus {border:1px solid #c9282d;}
.login-button button {display:block; text-align:center; font-size:18px; 
width:100%; height:40px; line-height:40px;}
.login-button button:hover {}
.login-checkbox {font-size:12px; margin:10px 0; color:#444;}
.login-checkbox input {display:none;}
.login-checkbox input + label:before {width:10px; height:10px; margin-right:5px; cursor:pointer; position:relative; top:3px;
border-radius:3px; border:3px solid #e3e3e3; content:""; background-color:#e3e3e3; display:inline-block;}
.login-checkbox input:checked + label:before { background-color:#c9282d;}
.login-links {text-align:center; line-height:30px;}
.login-links a {color:#444; float:left;}
.login-links a:last-child {float:right;}
.login-links a:hover {color:#444; text-decoration:underline;}
.login-social {text-align:center;}
.comm-social {text-align:left; margin-top:15px;}
.login-social:before {content:attr(data-label); display:inline-block; vertical-align:top; line-height:30px; margin-right:10px;}
.login-social a {display:inline-block; margin:0 3px 10px 3px;}
.login-social img {display:block; width:30px;}
.login-social a:hover img {transform:scale(1.1);}
.login-avatar {text-align:center; margin:10px -15px; padding:14px 10px;}
.avatar-box {display:inline-block; width:80px; height:80px; border-radius:4px; overflow:hidden; 
box-shadow:0 0 0 3px #fff;}
.avatar-box img {width:100%; min-height:100%;}
.avatar-box + a {color:#fff; display:block; margin-top:5px; text-decoration:underline;}
.login-menu {margin-top:20px;}
.login-menu a {display:block; height:30px; padding:0 20px; line-height:30px; background-color:#f5f5f5; color:#444; 
margin-bottom:5px; border-radius:3px;}
.login-menu a:hover {color:#fff; background-color:#008ACE;}

/* ZOOMED VERSION
----------------------------------------------- */
.zoomed .wr-center {overflow:hidden; font-size:1.5em}
.zoomed .map, .zoomed .telefon-box span {display:none;}
.zoomed .telefon-box {position:absolute; left:530px; top:40px; width:400px; height:120px;}
.zoomed .telefon, .zoomed .side-title, .zoomed .main-title h2, .zoomed .people-title {font-size:28px; font-weight:700;}
.zoomed .feedback {font-size:24px;}
.zoomed .top-menu {white-space:nowrap; overflow:hidden; max-width:830px;}
.zoomed .main-menu, .zoomed .top-menu {white-space:nowrap;}
.zoomed .main-menu li a, .zoomed .top-menu a, .zoomed .footer, .zoomed .vote-title, .zoomed .vote, .zoomed .speedbar, 
.zoomed .short6-title, .zoomed .short4-title {font-size:18px;}
.zoomed .hidden-menu {width:330px;}
.zoomed .show-search {font-size:28px; z-index:999; background-color:#0147a6;}
.zoomed .short5-cat, .zoomed .full-text table tr td, .zoomed .full-taglist {font-size:16px;}
.zoomed .short5-title, .zoomed .full-article h1 {font-size:28px; line-height:28px;}
.zoomed .short5-desc {font-size:18px; line-height:24px;}
.zoomed .news-item2 span {display:block; width:100%;}
.zoomed .short7-title {height:100px;}
.zoomed .short7-info {font-size:18px; height:86px;}
.zoomed .short6-date, .zoomed .short4-date, .zoomed .comm-item {font-size:16px;}
.zoomed .full-text {line-height:28px; font-size:18px;}
.zoomed .full-text h2, .zoomed .full-text h3, .zoomed .full-text h4, .zoomed .full-text h5, .zoomed .show-menu { font-size:24px !important;}
.zoomed .short1-item {overflow:hidden;}
@media screen and (max-width: 950px) {
.zoomed .telefon-box {left:400px; width:200px;}
.zoomed .telefon {font-size:20px;}
.zoomed .feedback {font-size:16px;}
}

/* ADAPTIVE
----------------------------------------------- */
.show-menu {display:none !important;}

@media screen and (max-width: 1240px) {
.wr-center {max-width:1024px; overflow:hidden;}
.top-menu, .content-cols-three:before {display:none;}
.nav {height:50px;}
.main-menu {position:absolute; top:100%; left:0; right:0; z-index:9999; display:none;}
.show-menu {display:inline-block !important; padding:0 15px; line-height:50px; font-size:16px; cursor:pointer; color:#fff;}
.show-menu i {margin-right:10px;}
.main-menu > li {display:block; margin-right:0; border-left:0; box-shadow:none;}
.main-menu li a {line-height:36px;}
.hidden-menu {width:100%; top:36px;}
.map {display:none;}
.telefon-box {left:430px;}
.main-image-title {left:15px; top:15px;}
.content-cols-three {padding:0;}
.content-cols {padding:15px 255px 0 15px; float:none;}
.content-col {padding-right:15px; padding-left:0;}
.people {padding:0 15px;}
.people-title {margin:0 -15px 15px -15px;}
.footer {padding:15px;}

.speedbar {padding:10px 15px;}

.full-cols {margin-left:-15px; padding-left:70px;}
.fc-right {padding-left:15px;}

.full-text embed, .full-text object, .full-text video, .full-text iframe, .full-text frame 
{width: 100% !important; height:400px;}

.form-wrap {margin:0 0 0 -15px;}
}

@media screen and (max-width: 950px) {
.wr-center {max-width:768px;}
.telefon-box {left:415px;}
.content-cols {padding:15px;}
.right-col {float:none; width:100%; margin-right:0;}
.content-col {float:none; width:100%; padding-right:0;}
.right-col .side-item {display:none;}
.short7-item {margin:0 1% 15px 1%; width:23%;}
.bottom-col {width:50%; padding-left:0; padding-right:30px;}
.bottom-col:first-child {width:100%; padding-right:0px; float:none; padding-bottom:15px;}


.comm-item {padding:0 10px 15px 70px;}
.comm-right {padding-left:10px;}
.comm-author, .comm-date {font-size:12px;}
.ac-protect {width:75%;}
.form-wrap {margin:0 -15px;}
}

@media screen and (max-width: 760px) {
.wr-center {max-width:640px;}
.slabovid, .main-image {display:none;} 
.logotype {height:100px; width:320px;}
.telefon-box {left:350px;}
.search-wrap {width:100%;}
.short7-item {margin:0 1% 15px 1%; width:31.33%;}
.copyr {float:none; margin-bottom:15px}
.counts {float:left;}
.short1-item {height:auto; float:none !important; width:100%;}

.full-cols {padding-left:0; margin-left:0;}
.fc-left {float:none; width:100%; margin-left:0;}
.fc-right {float:none; width:100%; padding-left:0; padding-top:10px;}
.fc-left .short5-date {float:left; height:64px;}
.fc-left .short5-date > div:first-child {font-size:18px; margin-top:-5px;}
.f-info-item {padding-left:15px; margin-top:0; float:left;}
.social-likes div{margin: 0 5px 5px 0 !important; float:left;}

.navigation {display:none !important;}
.pprev, .pnext {font-size:18px; margin:10px; width:120px !important;}

.login-box {top:0;}
.overlay-close {right:10px; top:10px; font-size:18px !important;}
.comments-tree-list .comments-tree-list {padding-left:0 !important;}
.full-info, .full-nav-pages {display:none;}
.comm-bottom-info ul li, .mass_comments_action {display:none;}
.mob-vis {display:inline-block !important;}

.sub-title h1, .full-article h1 {font-size:18px; line-height:24px;}
}

@media screen and (max-width: 590px) {
.wr-center {max-width:480px;}
.header {height:auto; padding:120px 0 15px 0; border-bottom:3px solid #1488d1; background: linear-gradient(to top, #f5f5f5 0%,#fff 100%);}
.nav {top:0; bottom:auto;}
.search-wrap {top:50px;}
.head-line {position:absolute; left:0; right:0; top:50px; display:none;}
.logotype {left:50%; margin-left:-160px; background-position:center center; height:80px; top:50px;}
.telefon-box {left:0; top:0; position:static; width:100%; height:auto; display:block; text-align:center;}
.short5-desc {display:none;}
.short5-item:nth-child(2n) {background-color:#f5f5f5;}
.news-item2 span {display:block; width:100%;}
.short7-item {margin:0 1% 15px 1%; width:48%;}
.bottom-col {width:100%; padding-right:0; float:none; padding-bottom:15px;}
.footer:before {display:none;}
.b-about {padding-top:0; background-image:none;}
.main-title h3 {margin:15px 0 0 0; display:block;}

.social-likes {display:none !important;}

.full-text embed, .full-text object, .full-text video, .full-text iframe, .full-text frame 
{width: 100% !important; height:300px;}
.ac-inputs input {width:100%; float:none !important; margin-top:10px;}
.ac-protect {width:100%; float:none; margin:-10px 0 0 0;}
.ac-submit button {float:none; display:block; text-align:center; width:100%;}
    
.ui-dialog {width:100% !important;}
.userinfo { padding-left:0;}
.userinfo .left, .userinfo .right {float:none !important; width:100%; margin:0;}
.userinfo .left {text-align:center; margin-bottom:10px;}
.userinfo .left .avatar {width:100px; margin:0 auto 5px auto;}
.ui-dialog-buttonset button {display:block; margin:0 0 5px 0; width:100%;}
#dofullsearch, #searchsuggestions span.seperator {display:none !important;}
.attach .download-link {margin:0 -15px 0 0; float:none; display:block; padding:0 10px;}
.attach-info {float:none;}
}

@media screen and (max-width: 470px) {
.wr-center {max-width:320px;}
.show-login span {display:none !important;}
.right-col .side-item {display:block;}
.main-title a {display:block; margin-top:10px;}
.short5-item {padding-left:80px;}
.short5-img {height:80px; width:80px; margin-left:-80px;}
.short5-img .short5-date, .short5-cat {display:none;}
.short5-title {font-size:14px; margin-bottom:0;}
.short7-item {margin:0 0 15px 0; width:100%; float:none;}


.full-text embed, .full-text object, .full-text video, .full-text iframe, .full-text frame 
{width: 100% !important; height:250px;}
.ac-protect {margin:-10px -10px 0 -10px;}
.comm-item {padding:0 10px 15px 50px;}
.comm-left {margin-left:-40px; width:40px; height:40px;}
.comm-author, .comm-date {margin:0; display:block; float:none;}
.comm-date {display:none;}
.login-social:before {display:block; line-height:30px; margin-right:0;}
}


/* Fix dle html5 player
----------------------------------------------- */
.mejs-container, .mejs-inner, .mejs-video, .me-plugin, .mejs-shim, .mejs-layers, .mejs-overlay, .mejs-poster {width:100% !important;}
.mejs-video, .mejs-shim {height:400px !important;}
@media screen and (max-width: 470px) {
.mejs-video, .mejs-shim {height:250px !important;}
}

.instagram-media, .twitter-tweet {display: inline-block !important;}