@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:#418c41; background: linear-gradient(to right, #418c41 0%,#59d690 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:#418c41; background: linear-gradient(to top, #418c41 0%,#59d690 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, #418c41 0%,#59d690 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:250px; position:relative;} .content {padding:0;} .content-cols {padding: 30px 30px 30px 30px;} .right-col {width: 20%; float: left; min-height: 100%;} .left-col {width: 20%; float: left; min-height: 100%;} .content-col {width: 60%; float: left; min-height: 100%; padding-left: 30px; padding-right: 30px;} .footer {padding:15px 30px; font-size:12px; position:relative;} .footer:before {position:absolute; left:0; top:0; right:0; bottom:0; content:""; pointer-events:none;} .side-rkl {margin-bottom:15px; overflow:hidden;} .bottom-rkl {margin-bottom:15px; overflow:hidden;} /* MAIN IMAGE ----------------------------------------------- */ .main-image {height:350px; background:#444 url(../images/cityn.png); box-shadow:inset 0 150px 150px -150px rgb(255, 255, 255); position:relative;} .main-image-title {color:#fff; text-shadow:1px 1px 0 #000000; font-size:30px; display:inline-block; width:100%; position:absolute; bottom:15px; background-color: rgba(26, 171, 0, 0.2); padding:15px;} .main-image-title h1 {font-size:30px; 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:150px; width:300px; display:block; position:absolute; left:40%; top:45px; background:url(../images/logo_new.png) left center no-repeat; overflow:hidden; text-indent:-1000px; background-size:contain;} .map {height:120px; width:230px; position:absolute; left:0; top:60px; background:url(../images/map.png) left -10px no-repeat; background-siz4e:230px auto;} .map i {color:#f0261c; font-size:30px; position:absolute;} .telefon-box {position:absolute; left:40px; top:60px; 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 rgb(63, 134, 59);} .feedback a:hover {border-bottom:0;} .slabovid {display:inline-block; border-radius:4px; padding:10px 15px; font-size:18px; position:absolute; right:40px; top:80px; 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:#418c41; 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;} .main-menu {text-align:center;} .main-menu > li {display:inline-block; position:relative; margin-right:-4px;} .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:#44974c; 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:#58d28c; 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 #ffffff; box-shadow:0 1px #ffffff;} /* 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 #418c41;} .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:#ffffff; 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 #ffffff; box-shadow:0 1px #ffffff;} .b-about {color:#ffffff; line-height:20px; background:url(../images/logo-foot_new.png) left top no-repeat; padding-top:100px;} .bottom-line {border-top:1px solid #ffffff; box-shadow:0 -1px #ffffff; 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:#418c41; 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 {width:400px;} .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;} .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:40px; 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:20px;} .main-image-title {} .content-cols-three {padding:0;} .content-cols {float:none;} .content-col {padding-right:15px; padding-left:0; width: 75%;} .right-col {width: 25%; float: left; min-height: 100%;} .left-col {width: 100%;} .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:15px;} .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:10px;} .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;} } .button_2017 { height: 60px; padding: 10px; background: #f7f7f7; border: 1px solid #E2E2E2; margin-bottom: 23px; text-decoration: none; color: #757575; display: flex; } .button_2017 div { background-repeat: no-repeat; width: 62px; height: 62px; position: relative; top: -10px; margin-right: 10px; } .button_2017 .icon_blog { background-image: url(../images/icons/blog.png); } .button_2017 .icon_flag { background-image: url(../images/icons/flag.png); } .button_2017 .icon_tel { background-image: url(../images/icons/tel.png); } .button_2017 .icon_gerb { background-image: url(../images/icons/gerb.png); } .button_2017 .icon_npzd { background-image: url(../images/icons/npzd.png); } .button_2017 .icon_expo { background-image: url(../images/icons/expo.png); } .button_2017 .icon_2050 { background-image: url(../images/icons/2050.png); } .button_2017 .icon_egov { background-image: url(../images/icons/egov.png); } .button_2017 .icon_rcrz { background-image: url(../images/icons/rcrz.png); }