/*
    Created on : Aug 31, 2014, 7:14:05 PM
    Author     : BadBlock
*/

body {
    margin:0 0 0 0;
    padding:0 0 0 0;
    font-size:13px;
    font-family: Verdana, sans-serif;
    font-weight:400;
    color: black;
    line-height: 1.42857;
}
@media (max-width: 768px) {
    body {
        font-size:15px;
    }
}
@media print {
    body {
        font-size:11px;
    }
}
blockquote {
    color:#444444;
    border-bottom: 0px;
    border-left: 3px solid #D5D5D5;
    border-right: 0px;
    border-top: 0px;
    margin: 20px 0 20px 15px;
    padding: 0 0 0 8px;
    font-size:1em;
}
td {
    vertical-align:top;
}
a {
	color: #0000C0;
	/* font-weight:normal; */
	text-decoration:none;
}
a:hover {
	color: red;
	text-decoration:underline;
}
a:visited {
	color: #000099;
	text-decoration:none;
}
a.gray {font-size:8pt;color:#444444;}
a.gru {font-size:8pt;font-weight:normal;/*font-family:Verdana,Arial,Tahoma;*/}
a.priceline {font-size:8pt;font-weight:normal;/*font-family:Verdana,Arial,Tahoma;*/}
a.smallref {font-weight:normal; font-size:8pt;}
a.small {font-size:8pt;font-weight:normal;/*font-family:Verdana,Arial,Tahoma;*/}

a.nochange {color: rgb(42, 59, 144); text-decoration:none;}
a.nochange:hover {text-decoration:underline;}
a.nochange:visited {text-decoration:none;}

a.anchor {color:#CCCCCC; font-weight:normal;}
a.prompt {font-size:14pt; font-weight:bold; /*font-family:Arial,Tahoma,Verdana;*/}

h1 {
    font-size:22px;
    font-weight:500;
    padding:0;
    margin:10px 0 5px 0;
}
h2 {
    display: block;
    text-align:left;
    font-size:130%;
    font-family: Arial, Verdana, sans-serif;
    font-weight:bold;
    padding:0;
    margin:0 0 15px 0;
}
.artheader a {

}

.artfooter {
    width:100%;
    text-align:right;
    margin-bottom: 5px;
    font-size: 13px;
}

p, li, div.hscroll {line-height:160%;}
li {padding-left:5px;}
img {
    border:0;
    image-orientation: from-image;
}
.hscroll {
    width:100%;
    overflow:auto;
}
.hscroll, #content, #maincontent, #maincontent p, #maincontent td, #maincontent li, #maincontent div {
      word-wrap: break-word;
     word-break: break-word;
    -ms-hyphens: auto;
-webkit-hyphens: auto;
   -moz-hyphens: auto;
        hyphens: auto;
}
.hdrmedium {font-size:13pt;/*font-family:Tahoma,Verdana,Arial;*/font-weight:bold;}
.hdrbig {font-size:18pt;/*font-family:Tahoma,Verdana,Arial;*/font-weight:bold;}
.navigation {/*font-family:Tahoma,Verdana,Arial;*/font-weight:bold;}
.location-s {/*font-family:Tahoma,Verdana,Arial;*/font-weight:bold;font-size:9pt;}
.location {/*font-family:Tahoma,Verdana,Arial;*/font-weight:bold;font-size:11pt;}
.tmheader {font-size:12pt;color:black;font-weight:bold;/*font-family:Tahoma,Verdana,Arial;*/}
.source, .source a {color:#666666;}
.grutime {font-size:8pt;color:black;font-weight:bold;/*font-family:Verdana,Arial,Tahoma;*/}
td.smallavatar {width: 40px; padding-right:5px;}
td.smallavatar img {width:35px !important; height:auto !important;}
table.blockfooter, table.blockcustom {
    margin-bottom: 12px;
}
.zone1h table.blockcustom {
    margin-bottom: 0;
}
table.blockbody > tbody > tr > td, table.ksfooter > tbody > tr > td {
    padding: 5px;
}

hr {
    margin: 5px 0;
}

/****************** footer ************** */
html, body {
	height: 100%;
}
.page-container {
    min-height: 100%;
    height: auto;
    margin: 0 auto -80px 0;
}
.footer, .footer-push {
	height: 80px;
    font-size: 11px;
}
.footer.invisible {
    display: none;
}

.footer-up {
    width: 100%;
}
.upword {
    margin-right: 10px;
}


/* ================ buttons ============= */

.btn {
    border: 1px solid gray;
    border-radius: 4px;
    cursor: pointer;
    font-size: 13px;
    font-weight: normal;
    color: blue;
}
.btn-right {
    float: right;
}
.btn-gray {
    color: gray !important;
}
.btn-dark {
    color: #333333 !important;
}
.btn-comm {
    margin-left: 3px;
    margin-top: 5px;
}

.btn-modal {
    font-size: 14px;
    color: gray !important;
    background-color: #f3f3f3;
}
.btn-primary {
    color: white;
}

/* ================ forms, labels ================ */

label {
    font-weight: normal;
}
label.radio {
    margin-left: 20px;
}
input[type="radio"] {
    margin-top: 0;
}
.search-option1, .search-option2 {
    margin-right: 40px;
}
.form-inline-search {
    margin-bottom: 15px;
}
select {
    cursor: pointer;
}
#searchsmall {
    width: 90%;
    max-width:640px;
    margin-bottom: 15px;
}
.forminput {
    color: black;
}

/* ================ commform ================ */

div#commformwrap {
    background-color: #eeeeee;
    padding: 5px;
}
.commtable td {
    padding-top: 3px;
    padding-right: 4%;
    padding-bottom: 3px;
    padding-left: 2%;
}
.emojionearea .emojionearea-editor:empty::before {
    color: #888;
}
.emojionearea .emojionearea-editor {
    color: black;
    font-size: 9pt;
    height: auto;
    max-height: 30em;
    min-height: 15em;
}
textarea.commtext, .emojionearea, .emojiswitcharea {
    width: 85%;
    max-width: 1000px;
    color: black;
    font-size: 13px;
}

.commuser {
    width: 95%;
    max-width: 300px;
    margin-bottom: 5px;
    color: black;
}

.mycommavatar {
    float: left;
    margin-right: 15px;
    margin-bottom: 5px;
    height: 55px;
    width: 55px;
    padding: 5px 0 0 5px;
}

.mycommavatar img {
    width: 100%;
}

/* ****************************************** */
div.artdetails {
    font-size:12px;
    font-family: Arial, sans-serif;
    font-weight:bold;
    margin-bottom: 10px;
    color: black;
    line-height: 1.8;
}
div.artdetails .authorname {
    color:darkgreen;
    font-weight:bold;
}

div.arttext {
    display: table;
    /* display: none; */
    width: 100%;
}

div.arttext a {
    text-decoration:underline;
}

div.arttext a:hover {
    text-decoration:none;
}

div.readmore a {
    text-decoration:underline;
}

div.readmore a:hover {
    text-decoration:none;
}
div.commbutton {
    float: right;
    margin-left: 3px;
    margin-bottom: 2px;
    font-size: 13px;
    color: #648eb5;
}
div.commbutton .btn {
    font-size: inherit !important;
}
div.commbutton a {
    color: inherit;
}

div.commlink {
    float: right;
    margin-left: 3px;
    margin-bottom: 2px;
    width: 150px;
    text-align: right;
    font-size: 13px;
}

div.arttext ol li, div.arttext ul li {
    margin-bottom: 8px;
}

.blockforum {
    width:100%;
    border-top: 2px solid;
    margin-top:5px;
    margin-bottom:5px;
    display:table;
    padding: 10px 10px 10px 30px;
}

.blockforummain {
    width:100%;
    padding: 0 0 10px 10px;
}

/* ============== Image thumbnails ======================= */

.thumbnails-wrapper, .pthumbnails-wrapper {
    max-width: 100%;
    margin: 10px auto;
    display:block;
}
.thumbnails-wrapper:after, .pthumbnails-wrapper:after {
    clear:both;
    content:" ";
    display:block;
}

.thumbnails, .pthumbnails {
    max-width: 1000px;
    min-width: 160px;
    margin: 0 auto 0 auto;
    display:block;
}
.thumbnails img, .pthumbnails img {
}
.thumbnail-central, .pthumbnail-central {
    /* width: 33%; */
    /* max-width: 165px; */
    max-width: 100%;
    float: left;
    padding: 5px 0 0 5px;
    display:block;
}
/* legacy thumbnails */
#maincontent .arttext p[style*="text-align: center"] img {
    margin-bottom: 3px;
}

/* ============== Responsive pics ======================= */
div.sprava {
    float: right;
    width: 33%;
    max-width: 300px;
    padding: 0;
    margin: 0 0 5px 10px;
}
img.sprava, img.sleva {
    width: 100%;
}

div.sleva {
    float: left;
    width: 33%;
    max-width: 300px;
    padding: 0;
    margin: 0 10px 5px 0;
}

img.centralpic {
    width: 100%;
    margin: 0 auto;
}

/* ****************************************** */

div.archeader {
    padding: 10px 0 20px 0;
    font-weight: normal;
    display: none;
}
div.archeader h2 {
    /* font-family: Arial, Verdana, Tahoma; */
    font-size: 120%;
    font-weight: bold;
    padding: 0;
    margin: 0 0 7px 0;
    color: black;
}

div.arclistheader {
    padding: 10px 0 20px 0;
    font-weight: normal;
}
div.arclistheader h2 {
    /* font-family: Arial, Verdana, Tahoma; */
    font-size: 120%;
    font-weight: bold;
    padding: 0;
    margin: 0 0 0 0;
    color: black;
}

div.otherartsheader {
    padding: 5px;
    background-color: #dddddd;
    margin: 0 0 15px 0;
    font-weight: normal;
}
div.otherartsheader h2 {
    /* font-family: Arial, Verdana, Tahoma; */
    font-size: 13pt;
    font-weight: bold;
    padding: 0;
    margin: 0 0 0 0;
    color: black;
}
div.relatedartsheader {
    padding: 5px;
    margin: 0 0 5px 0;
    font-weight: normal;
}

.othercomms .glyphicon {
    margin-left: 5px;
}

div.arclist {
    font-size: 90%;
    padding: 10px 0 0 0;
    color: #555555;
}
div.arclist a {
    font-weight: normal;
}

div.readmore {
    padding-top: 5px;
    padding-bottom: 15px;
}
/* ***************** breadcrumbs ************************* */

.breadcrumbs-container {
    width: 100%;
    border-bottom: 1px solid #888;
    color: gray;
    margin-bottom: 15px;
}
.breadcrumbs-container a {
    /* color: gray; */
}
.breadcrumbs-container a img {
    vertical-align:baseline;
    margin-right: 10px;
}
.breadcrumbs {
    font-size: 10pt;
    font-weight: normal;
}

a.bclink {
    font-weight: normal;
}

span.bctext {
    font-weight: normal;
}

span.bctextlast {
    /* font-weight: bold !important; */
    font-size: 12pt;
}

span.bcdivider {
    font-size: 8pt;
    font-weight: bold;
}

/***************** Misc elements on page ***** */

.contact {
    font-size: 12px;
}



/* ****************************************** */

td.blockred {
    height: 30px;
    background-color: darkred;
    vertical-align: middle;
    border-bottom: 3px solid white;
    border-left: 0px;
    border-right: 0px;
    border-top: 0px;
    padding: 0 0 0 10px;
    font-size: 11pt;
    color: white;
    font-weight: normal;
    /* font-family: Arial,Verdana,Tahoma; */
}

td.menusemi {
    background-color: #DDDDDD;
    border-bottom: 3px solid black;
    border-left: 0px;
    border-right: 0px;
    border-top:  3px solid black;
    font-weight:normal;
    /* font-family:Verdana,Tahoma,Arial; */
}
input.border {
	BORDER-RIGHT: black 1px solid;
	BORDER-TOP: black 1px solid;
	BORDER-LEFT: black 1px solid;
	BORDER-BOTTOM: black 1px solid;
	BACKGROUND-COLOR: #FFFFFF;
	font: 9pt Arial;
}

.article {
    padding-bottom: 20px;
}

#maincontent > img {
    margin-top: 10px;
}

.articleinlist {
    width:100%;
    border-bottom: 2px solid;
    margin-top:5px;
    margin-bottom:5px;
    display:table;
}

.articleinlist-sticky {
    width:100%;
    border-bottom: 2px solid;
    margin-top:5px;
    margin-bottom:5px;
    display:table;
    background-color:#eeeeee;
    padding: 5px 5px 5px 5px;
}

.articleinlist-sticky h2 {
    display: inline;
}

.articleinlist-sticky .artdetails {
    margin-top: 5px;
}

.articleinlist-sticky .notice {
    background-color: #bbb;
    border-radius: 3px;
    border-color: #bbb;
    padding: 2px 4px 2px 4px;
    color: #f9f9f9;
    margin: 0 0 0 10px;
    font-weight: normal;
}

.article_list {
    padding-top: 2px;
}

.otherarticles {
    border-bottom: 2px solid;
    padding-top:5px;
    padding-bottom:5px;
}

.relatedarticles {
    padding-top:5px;
    padding-bottom:5px;
    margin-bottom: 10px;
}

h2.arttitle {
    /*font-family: Arial,Verdana,Tahoma;*/
    font-size: 13pt;
    font-weight: bold;
}

div.artavatar {
    float:left;
    margin: 0 10px 0 0;
}

@media (min-width: 992px) {
    div.artavatar img {
        max-height: 70px;
        max-width: 70px;
    }
}
@media (max-width: 991px) {
    div.artavatar img {
        max-height: 35px;
        max-width: 35px;
    }
}

div.artheaderother {
    float:left;
}

.comm_regauthor {
    color: black;
    font-weight: bold;
    /* font-size: 14px; */
}

.comm_unregauthor {
    color: rgb(85, 85, 130);
    font-weight: bold;
    /* font-size: 14px; */
}

input[type=submit], button {
    cursor: pointer;
}

hr {
    border-color: #aaa;
}

/******************* comments, dealing with overquoting ************/
.overquote {
    overflow: hidden;
    position: relative;
    z-index: 1;
    margin: 5px;
}

.overquote.rolledup {
    max-height: 87px;
}

.overquote.rolledup::after {
    content: "";
    z-index: 2;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 45px;
    /* background-image: -webkit-linear-gradient(top,transparent,#ffffff);
    background-image: linear-gradient(180deg,transparent,#ffffff); */
    background-image: linear-gradient( top,
            rgba( 255, 255, 255, 0 ) 0%,
            rgba( 255, 255, 255, 1 ) 100% );
        background-image: -moz-linear-gradient( top,
            rgba( 255, 255, 255, 0 ) 0%,
            rgba( 255, 255, 255, 1 ) 100% );
        background-image: -ms-linear-gradient( top,
            rgba( 255, 255, 255, 0 ) 0%,
            rgba( 255, 255, 255, 1 ) 100% );
        background-image: -o-linear-gradient( top,
            rgba( 255, 255, 255, 0 ) 0%,
            rgba( 255, 255, 255, 1 ) 100% );
        background-image: -webkit-linear-gradient( top,
            rgba( 255, 255, 255, 0 ) 0%,
            rgba( 255, 255, 255, 1 ) 100% );
}
.showoverquote {
    cursor: pointer;
    color: #aaa;
    font-size: 12px;
    /* border-top: 1.5px dotted; */
    /* border-bottom: 1.5px dotted; */
    /* border-color: #aaa; */
    padding: 1px;
    width: 100%;
    max-width: 500px;
    /* text-align: center; */
    margin-bottom: 10px;
}


/* ***************** dialog ************************* */

.dialog-content {
    padding-left: 70px;
    padding-top: 20px;
    background-repeat: no-repeat;
    background-position: left center;
    min-height: 64px;
    margin: 0 auto;
}

.dialog-error {
    background-image: url(/images/icons/error.png);
}

.dialog-success {
    background-image: url(/images/icons/success.png);
}

.dialog-warning {
    background-image: url(/images/icons/warning.png);
}

.dialog-loading {
    background-image: url(/images/icons/loading.gif);
}

.overquote, .underquote {
    color: #29166F;
}

.dialog-login-errormessage {
    color: darkred;
    padding: 5px 0 5px 20px;
    font-size: 8pt;
    background-repeat: no-repeat;
    background-position: left center;
    background-image: url(/images/icons/error-smallicon.gif);
}

#countdownwrapper {
    font-size: 8pt;
    color:gray;
    margin-top: 30px;
    display: none;
}

/* *************** loading spinner *************************** */

/* Start by setting display:none to make this hidden.
   Then we position it in relation to the viewport window
   with position:fixed. Width, height, top and left speak
   speak for themselves. Background we set to 80% white with
   our animation centered, and no-repeating */
.spinner {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 )
                url('/images/icons/loading.gif')
                50% 50%
                no-repeat;
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading {
    overflow: hidden;
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .spinner {
    display: block;
}


/* ********************** Bootstrap ************************** */
/* Small (768px and up) */
/* Medium (992px and up) */
/* Large (1200px and up) */


.maincontainer {
    padding-left: 5px;
    padding-right: 5px;
}

.left-col {
    min-width:200px;
    max-width:200px;
    padding: 0;
}

.right-col {
	min-width:250px;
	max-width:300px;
    padding: 0;
}

.footer-counters {
    width:140px;
}

.row-test {
    margin-left: 5px;
    margin-right: 10px;
}

.arcshortviewdate {
    font-size: 11px;
}

.relatedarticles .arcshortviewdate {
    font-size: 12px;
}

@media print {
    #sidebar,
    .td-right-col,
    .header1,
    .embed-responsive,
    .commtable
    {
        display: none !important;
    }
    a[href]:after {
        content:none !important;
    }
    .arcshortviewdate {
        max-width: 170px;
    }
}

@media (min-width: 1200px) {
    .maincontainer {
        max-width: 1720px;
        margin: auto;
    }
    .arcshortviewdate {
        max-width: 170px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .footer-counters {
        width:140px;
    }
    .arcshortviewdate {
        max-width: 170px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .footer-counters {
        width:93px;
    }
}

@media (max-width: 767px) {
    .footer-counters {
        width:0;
    }
    /* Unfix navbar
    body {
        padding-top:55px;
    }
    */
    textarea.commtext, .emojionearea {
        height: 150px;
    }
    .commtable td {
        padding-left:2px !important;
    }
    .g-recaptcha {
        /* max-width: 310px;
        overflow: hidden;
        */
    }
}
@media (max-width: 499px) {
    div.sprava {
        float: none;
        width: 100%;
        max-width: 100% !important;
        padding: 0;
        margin: 0 0 5px 0;
        text-align: center;
    }
    img.sprava {
        width: auto;
        float: none !important;
        clear: both;
        margin: 0 auto 5px auto;
    }
}
@media (max-width: 359px) {
    .maincontainer {
        padding-left: 0;
        padding-right: 0;
    }
}

/* ============== Video embeds ======================= */

@media all and ( min-width: 1200px ) {
    .embed-responsive {
        width: 640px;
        margin: 0 auto;
    }
    .embed-responsive-16by9 {
        padding-bottom: 360px !important;
    }
    .embed-responsive-4by3 {
        padding-bottom: 480px !important;
    }
    .embed-responsive-item {
        margin: 0 auto;
    }
}

/* ================ Lazy loading ============================= */

.lazyload,
.lazyloading {
    opacity: 0;
}
.lazyloaded {
    opacity: 1;
    transition: opacity 300ms;
}


.teaser.lazyload {
    opacity: 0;
    transform: scale(0.8);
}

.teaser.lazyloaded {
    opacity: 1;
    transform: scale(1);
    transition: all 200ms;
}

/* ================= header ================================ */

.logo-lg {
    padding: 10px 15px 10px 1px;
    float: left;
}
.logo-md {
    padding: 5px 7px 0 3px;
    float: left;
}
.logo-sm {

}
.zone1h-wrapper {
    display: block;
    float:left;
}
.zone1h {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    padding: 0;
    text-align:left;
    max-width: 728px;
    /* width: 728px; */
    max-height: 90px;
}
div#SRTB_798863 {
    width: 468px;
    height: 60px;
}
.zone9h {
    margin: 5px 0 5px 0;
    text-align:left;
}
.header1 {
    /* padding-left: 5px; */
    display: none;
    width:100%;
    clear:both;
    overflow: hidden;
    padding-top: 5px;
    padding-right: 0;
    margin-right: 0;
    margin-bottom: 0;
}
.header1-md {
    /* padding-left: 5px; */
    padding-top: 5px;
    padding-right: 0;
    margin-right: 0;
    margin-bottom: 5px;
    width:100%;
    clear:both;
    display: none;
    overflow: hidden;
}

.header1-xs {
    padding: 3px 5px 0 5px;
    width:100%;
    clear:both;
    display: none;
    overflow: hidden;
}

.headeradxsbigger {
    margin-bottom:5px;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
    width: 100%;
    /* height: 60px; */
    display: none;
}
.headeradxssmaller {
    margin-bottom:5px;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
    width: 100%;
    /* height: 50px; */
    display: none;
}
@media ( max-width: 477px ) {
    .header1-xs {
        display: block;
    }
    .headeradxssmaller {
        display: block;
    }
}
@media ( min-width: 478px ) and ( max-width: 649px ) {
    .header1-xs {
        display: block;
    }
    .headeradxsbigger {
        display: block;
    }
}
@media ( min-width: 650px ) and ( max-width: 1024px ) {
    .header1 {
        display: none;
    }
    .header1-md {
        display: block;
    }
}
@media ( min-width: 1025px ) {
    .header1 {
        display: block;
    }
}

/* =================== panel =========================== */

.panel {
    background-color: none;
    border: 0;
    /* border-radius: 0; */
    box-shadow: 0;
    margin-bottom: 0;
}

.list-group > .list-group-item {
    margin-bottom: 3px;
}
.list-group-item:last-child {
    margin-bottom: 3px;
}

.sublinks .list-group-item:first-child {
    margin-top: -3px;
}

a.list-group-item, button.list-group-item {
    color: blue;
}

.list-group-item {
    background-color: #dddddd;
    border: 1px solid #aaaaaa;
    display: block;
    margin-bottom: -1px;
    margin-left: -1px;
    padding: 10px 5px 10px 15px;
    position: relative;
    font-size: 95%;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;

}
.sublinks .list-group-item {
    background-color: #ffffff;
}

a.list-group-item,
button.list-group-item {
  color: #0000ff;
}

a.list-group-item .list-group-item-heading,
button.list-group-item .list-group-item-heading {
  color: #333333;
}

a.list-group-item:hover,
button.list-group-item:hover,
a.list-group-item:focus,
button.list-group-item:focus {
  text-decoration: none;
  color: #ff0000;
  background-color: #f5f5f5;
}

button.list-group-item {
  width: 100%;
  text-align: left;
}

.sublinks .list-group-item {
    margin-left: 0px;
}

/*********************** video embeds ********************************/

.embed {
    color: blue;
    cursor: pointer;
    font-weight: bold;
    text-decoration: none;
}

.clearboth {
    clear: both;
    display: block;
}


/*********************** tooltip ********************************/

.navbar .tooltip-inner {
    background-color: darkred;
}
.navbar .tooltip.top .tooltip-arrow {
    border-top-color: darkred !important;
}
.navbar .tooltip.bottom .tooltip-arrow {
    border-bottom-color: darkred !important;
}
.navbar .tooltip.left .tooltip-arrow {
    border-left-color: darkred !important;
}
.navbar .tooltip.right .tooltip-arrow {
    border-right-color: darkred !important;
}
.navbar .tooltip {
    min-width:100px;
}

/*********************** Reactions ********************************/

.reactions .likes .likeicon, .reactions .dislikes .dislikeicon {
    font-size: 1.5em;
    vertical-align: middle;
    padding-right: 4px;
    background-repeat: no-repeat;
    opacity: .8;
}
.reactions .likes .likeicon:hover, .reactions .dislikes .dislikeicon:hover {
    opacity: 1;
}
.reactionimg {
    width: 14px;
    height: 14px;
    margin-bottom:4px;
}

.likes .numreactions, .dislikes .numreactions {
    padding-right: 8px;
    color: #999;
    font-size: 0.85em;
    /*font-family: Verdana, Tahoma, Arial, MS Sans Serif;*/
}

.reactions .likes.clicked .numreactions {
    color: #2471BF;
}
.reactions .dislikes.clicked .numreactions {
    color: #666;
}


.reactions .clickable {
    cursor: pointer;
}

/*********************** from bootstrap.css - just in case ********/

h1, .h1, h2, .h2, h3, .h3 {
    margin-top: 5px;
    margin-bottom: 5px;
}

/*********************** Main menu (horizontal) ********************/
.mainmenublock {
    width: 100%;
}
.mainmenublock {
    background-color: darkgreen;
    color: #ededed;
    width: 100%;
    border: 0;
    padding: 0;
    margin-bottom: 5px;
}
@media ( max-width: 767px ) {
    .mainmenublock {
        /* display: none; */
        display: block;
    }
}
@media print {
   .mainmenublock {
        display: none;
    }
}
@media ( min-width: 2501px ) {
    .mainmenublock-wrapper {
        padding-right: 270px;
    }
}
.mainmenutable {
    width: 100%;
    height: 40px;
    display: table;
    font-size:13px;
}
.mainmenurow {
    list-style-type: none;
    list-style-position:inside;
    margin:0;
    padding:0;
    display: table-row;
    vertical-align : middle;
}
.mainmenurow li.chpok:not(.permanent) {
    display: none !important;
}
/*
.mainmenurow li.chpok.filler:not(.hidden) {
    display: table-row;
}
*/
.mainmenuitem {
    margin:0;
    padding: 0;
    line-height: normal;
    vertical-align:middle;
    text-align: center;
    display: table-cell;
    min-width: 120px;
    background-color: darkgreen;
}
.mainmenuitem a {
    color: #ededed;
    text-decoration:none;
    outline: none;
}
.mainmenuitem a > .mainmenuitemtext {
    outline: none;
    display: block;
    width: 100%;
    padding: 0;
    padding: auto 0;
    height: 40px;
    line-height: 40px;
    text-align: center;
}
body.hasHover .mainmenuitem:hover a {
    color: darkgreen;
    text-decoration:none;
}
.mainmenuitem.unrolled, body.hasHover .mainmenuitem.dropdown:not(.unrolled):hover, body.hasHover .mainmenuitem.highlight:hover {
    background-color:#dddddd;
    color: darkgreen;
}
.mainmenuitem.dropdown {
    cursor: pointer;
}
.hamburgerli.unrolled .hamburger, body.hasHover .hamburgerli:hover .hamburger {
    background-color: darkgreen;
}

.mainmenuitem.first {
    min-width: 40px;
    width: 40px;
    padding-left:10px;
    padding-right:10px;
}
.mainmenutable .hamburger {
    cursor: pointer;
    width: 40px;
    height:25px;
    border: 0;
    background-color: #dddddd;
    mask-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGhlaWdodD0iMzJweCIgaWQ9IkxheWVyXzEiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDMyIDMyOyIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgMzIgMzIiIHdpZHRoPSIzMnB4IiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48cGF0aCBkPSJNNCwxMGgyNGMxLjEwNCwwLDItMC44OTYsMi0ycy0wLjg5Ni0yLTItMkg0QzIuODk2LDYsMiw2Ljg5NiwyLDhTMi44OTYsMTAsNCwxMHogTTI4LDE0SDRjLTEuMTA0LDAtMiwwLjg5Ni0yLDIgIHMwLjg5NiwyLDIsMmgyNGMxLjEwNCwwLDItMC44OTYsMi0yUzI5LjEwNCwxNCwyOCwxNHogTTI4LDIySDRjLTEuMTA0LDAtMiwwLjg5Ni0yLDJzMC44OTYsMiwyLDJoMjRjMS4xMDQsMCwyLTAuODk2LDItMiAgUzI5LjEwNCwyMiwyOCwyMnoiLz48L3N2Zz4=');
    -webkit-mask-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGhlaWdodD0iMzJweCIgaWQ9IkxheWVyXzEiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDMyIDMyOyIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgMzIgMzIiIHdpZHRoPSIzMnB4IiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48cGF0aCBkPSJNNCwxMGgyNGMxLjEwNCwwLDItMC44OTYsMi0ycy0wLjg5Ni0yLTItMkg0QzIuODk2LDYsMiw2Ljg5NiwyLDhTMi44OTYsMTAsNCwxMHogTTI4LDE0SDRjLTEuMTA0LDAtMiwwLjg5Ni0yLDIgIHMwLjg5NiwyLDIsMmgyNGMxLjEwNCwwLDItMC44OTYsMi0yUzI5LjEwNCwxNCwyOCwxNHogTTI4LDIySDRjLTEuMTA0LDAtMiwwLjg5Ni0yLDJzMC44OTYsMiwyLDJoMjRjMS4xMDQsMCwyLTAuODk2LDItMiAgUzI5LjEwNCwyMiwyOCwyMnoiLz48L3N2Zz4=');
    mask-size: 25px 25px;
    -webkit-mask-size: 25px 25px;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-position: center center;
    -webkit-mask-position: center center;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    /* IE10+ CSS here */
    .mainmenutable .hamburger {
        background-image: url('/images/icons/hamburger24grey.png');
        background-repeat: no-repeat;
        background-position: center center;
        background-color: darkgreen;
    }
    body.hasHover.mainmenutable .mainmenuitem.highlight:hover .hamburger, .mainmenuitem.unrolled .hamburger {
        background-color:#dddddd;
        background-image: url('/images/icons/hamburger24green.png');
    }
}

#mainmenunews, #mainmenukoldep  {
    min-width: 220px;
    width: 220px;
}
#mainmenuforum {
    min-width: 110px;
}

.mainmenuitemtext .glyphicon {
    font-size: 10px;
}
.mainmenuitem .glyphicon-triangle {
    margin-left: 3px;
}
.mainmenuitem .glyphicon-search {
    font-size: 20px;
}
.mainmenuitem .glyphicon-search-link {
    color:#dddddd;
}
#mainmenusearchicon {
    min-width: 50px;
    width: 50px;
}
#mainmenumore {
    display:none;
    min-width: 50px;
    width: 50px;
}

@media ( max-width: 1600px ) {
    #mainmenumap {
        display:none;
    }
}

@media ( max-width: 1500px ) {
    #mainmenugallery {
        display:none;
    }
}

@media ( max-width: 1299px ) {
    #mainmenuzch {
        display:none;
    }
}
@media ( max-width: 1080px ) {
    #mainmenusearchform {
        display:none;
    }
}
@media ( max-width: 991px ) {
    #mainmenudating {
        display:none;
    }
    #mainmenuforum, #mainmenubara {
        min-width: 60px;
    }
    #mainmenukoldep {
        min-width: 200px;
    }
}

@media ( max-width: 767px ) {
    #mainmenukoldep {
        display:none;
    }
}

@media ( max-width: 580px ) {
    #mainmenunews {
        display:none;
    }
}
@media ( max-width: 1023px ) {
    #mainmenumore {
        display: table-cell;
    }
}

/*
.mainmenuitem.highlight.filler.hidden {
    display: none;
}
*/

/*********************** Advertising ****************************/

.blocks-double-pack .contact {
    display: block;
    text-align: right;
    margin-bottom: 3px;
}
.blocks-double-pack .contact a {
    /* color: #777; */

}
.blocks-double-pack .contact a:hover {
    text-decoration: underline;
    color: red;
}

/*********************** Main menu drop down ********************/

.dropdown-content {
  display: none;
  position: absolute;
  left: 0px;
  top: 40px;
  width: 100%;
  background-color: #f9f9f9;
  min-width: 180px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 10;
}

.dropdown-content a {
  float: none;
  color: black;
  padding: 12px 12px;
  text-decoration: none;
  display: block;
  width: 100%;
  height: 100%;
  text-align: left;
}


.dropdown.unrolled .dropdown-content a:hover {
    background-color: #ddd;
}

.dropdown:not(.unrolled) .dropdown-content {
    display: none;
}

.dropdown.unrolled .dropdown-content {
    display: block;
}

@media ( max-width: 1000px ) {
  .dropdown-content a {
      border-bottom: 1px gray;
  }
}

.minnews {
    min-width: 180px;
}

/* =================== Main menu row badges =========================== */

.mainmenuitem .blockdiv {
    width: 100%;
    display: block;
    position: relative;
}

.mainmenurow .blockdiv .badge {
  font-family: Arial, MS Sans Serif;
  font-size: 10px;
  color: darkred;
  background-color: #ddd;
  font-weight: bold;
  position:absolute;
  z-index:1000;
  display: block;
  right: 1px;
  top: -5px;
}

/* =================== Main menu dropdown badges =========================== */

.dropdown-content .badge {
  font-size: 10px;
  color: black;
  float: right;
  margin-left: 3px;
}

.dropdown-content .badge.normal {
    background-color: #eeeeee;
}

.dropdown-content .badge.updated {
    background-color: #eeeeee;
    color: red;
}

.closemenu {
    cursor: pointer;
    float: right;
    width: 25px;
    height:25px;
    margin: 7px 10px 7px 10px;
    background-color: darkgreen;
    background-color: #dddddd;
    mask-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGhlaWdodD0iNTEycHgiIGlkPSJMYXllcl8xIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgd2lkdGg9IjUxMnB4IiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48cGF0aCBkPSJNNDM3LjUsMzg2LjZMMzA2LjksMjU2bDEzMC42LTEzMC42YzE0LjEtMTQuMSwxNC4xLTM2LjgsMC01MC45Yy0xNC4xLTE0LjEtMzYuOC0xNC4xLTUwLjksMEwyNTYsMjA1LjFMMTI1LjQsNzQuNSAgYy0xNC4xLTE0LjEtMzYuOC0xNC4xLTUwLjksMGMtMTQuMSwxNC4xLTE0LjEsMzYuOCwwLDUwLjlMMjA1LjEsMjU2TDc0LjUsMzg2LjZjLTE0LjEsMTQuMS0xNC4xLDM2LjgsMCw1MC45ICBjMTQuMSwxNC4xLDM2LjgsMTQuMSw1MC45LDBMMjU2LDMwNi45bDEzMC42LDEzMC42YzE0LjEsMTQuMSwzNi44LDE0LjEsNTAuOSwwQzQ1MS41LDQyMy40LDQ1MS41LDQwMC42LDQzNy41LDM4Ni42eiIvPjwvc3ZnPg==');
    -webkit-mask-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGhlaWdodD0iNTEycHgiIGlkPSJMYXllcl8xIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgd2lkdGg9IjUxMnB4IiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48cGF0aCBkPSJNNDM3LjUsMzg2LjZMMzA2LjksMjU2bDEzMC42LTEzMC42YzE0LjEtMTQuMSwxNC4xLTM2LjgsMC01MC45Yy0xNC4xLTE0LjEtMzYuOC0xNC4xLTUwLjksMEwyNTYsMjA1LjFMMTI1LjQsNzQuNSAgYy0xNC4xLTE0LjEtMzYuOC0xNC4xLTUwLjksMGMtMTQuMSwxNC4xLTE0LjEsMzYuOCwwLDUwLjlMMjA1LjEsMjU2TDc0LjUsMzg2LjZjLTE0LjEsMTQuMS0xNC4xLDM2LjgsMCw1MC45ICBjMTQuMSwxNC4xLDM2LjgsMTQuMSw1MC45LDBMMjU2LDMwNi45bDEzMC42LDEzMC42YzE0LjEsMTQuMSwzNi44LDE0LjEsNTAuOSwwQzQ1MS41LDQyMy40LDQ1MS41LDQwMC42LDQzNy41LDM4Ni42eiIvPjwvc3ZnPg==');
    mask-size: 25px 25px;
    -webkit-mask-size: 25px 25px;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-position: center center;
    -webkit-mask-position: center center;
}

.mainmenurow .closemenuli {
    display:none;
}

.mainmenurow.removed .closemenuli {
    display:block;
}

/*********************** Main menu roll down ********************/

.rolldown {
  display: none;
  overflow: hidden;
  position: relative;
  z-index: 9;
  background-color: #f9f9f9;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  color: black;
  margin-bottom: 20px;
  /* min-height: 300px; */
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    /* IE10+ CSS here */
    .closemenu {
        background-color: #f9f9f9;
        background-image: url('/images/icons/close24green.png');
        background-repeat: no-repeat;
        background-position: center center;
    }

}

.fullmenublock {
    padding: 15px;
    max-width: 1400px;
    /* font-stretch: semi-condensed; */
    font-family: Arial;

}

@media ( min-width: 1000px ) {
    .fullmenublock {
        height: 340px;
        -webkit-columns: 200px 4;
        -moz-columns: 200px 4;
        columns: 200px 4;
    }
    .fullmenucol:first-child {
        margin-bottom: 20px;
    }
    .fullmenucol {
        display: table;
        width: 100%;
    }
    .fullmenucol, .fullmenucol lh, .fullmenucol li {
        -webkit-column-break-inside: avoid;
        page-break-inside: avoid;
        break-inside: avoid;
        vertical-align: top;
    }
    .akoldepshort {
        display: none;
    }
}

@media ( max-width: 1000px ) {
    .fullmenublock {
        height: 430px;
        -webkit-columns: 200px 3;
        -moz-columns: 200px 3;
        columns: 200px 3;
        -webkit-column-gap: 20px;
        -moz-column-gap: 20px;
        column-gap: 20px;
    }
    .akoldepshort {
        display: none;
    }
}

@media ( max-width: 730px ) {
    .fullmenublock {
        padding: 5px;
        height: 580px;
        -webkit-columns: 180px 2;
        -moz-columns: 180px 2;
        columns: 180px 2;
        -webkit-column-gap: 10px;
        -moz-column-gap: 10px;
        column-gap: 10px;
    }
}

@media ( max-width: 400px ) {
    .fullmenublock {
        padding: 3px;
        height: 450px;
        -webkit-columns: 160px 2;
        -moz-columns: 160px 2;
        columns: 160px 2;
        -webkit-column-gap: 7px;
        -moz-column-gap: 7px;
        column-gap: 7px;
    }
    .akoldeplong {
        display: none;
    }
    .akoldepshort {
        display: block;
    }
}
@media ( max-width: 359px ) {
    .fullmenublock {
        -webkit-columns: 140px 2;
        -moz-columns: 140px 2;
        columns: 140px 2;
        -webkit-column-gap: 5px;
        -moz-column-gap: 5px;
        column-gap: 5px;
    }
    .fullmenublock .badge {
        display: none;
    }
}

/*
ul.fullmenulist lh:not(.fullmenulistfirst) {
    margin-top: 15px;
}
*/

.fullmenucol {

}

ul.fullmenulist {
    list-style-type: none;
    margin: 0;
    padding: 0;
    margin-bottom: 15px;
}

ul.fullmenulist lh {
    display:block;
    background:transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OTk0RTA2RjBDMjc5MTFFNDk3RkZBNDI0MUQzQkM3NzAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OTk0RTA2RjFDMjc5MTFFNDk3RkZBNDI0MUQzQkM3NzAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5OTRFMDZFRUMyNzkxMUU0OTdGRkE0MjQxRDNCQzc3MCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo5OTRFMDZFRkMyNzkxMUU0OTdGRkE0MjQxRDNCQzc3MCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PiQYlCcAAAAPSURBVHjaYnjw4AFAgAEABUQCod265E4AAAAASUVORK5CYII=") repeat-x scroll 0 center;
}

ul.fullmenulist lh span {
    padding-right: 5px;
    background: white;
}

ul.fullmenulist li {
    margin-top: 6px;
    width: 100%;
}

/* =================== full menu badges =========================== */

ul.fullmenulist li .badge {
  color: #337ab7;
  background-color: #ffffff;
  float: right;
  margin-right: 30px;
}

ul.fullmenulist li .badge.normal {
    background-color: #efefef;
    color: black;
}

ul.fullmenulist li .badge.updated {
    background-color: #eeeeee;
    color: red;
}

@media ( max-width: 730px ) {
    ul.fullmenulist li .badge {
        margin-right: 10px;
    }
}

@media ( max-width: 400px ) {
    ul.fullmenulist li .badge {
        margin-right: 0;
    }
}

@media ( max-width: 359px ) {
    ul.fullmenulist li .badge .word {
        display: none;
    }
}

/* =================== (Mobile block) "More" =========================== */

#blocksmorexs {
    display:none;
}

/* =================== layout =========================== */

#content {
    display: table;
    padding: 0;
    width: 100%;
}

@media ( min-width: 340px ) {
    #content {
        padding-top: 10px;
    }
}

.content-row {
   display: table-row;
}

.content-cell {
   display: table-cell;
}

#maincontent {
    vertical-align: top;
    padding-right: 15px;
}

.blocks {
    vertical-align: top;
    display: table-cell;
}

.blocks-left {
    padding-right: 15px;
    width: 250px;
}

.blocks-double {
    width: 250px;
    margin-left: 15px;
}

.blocks-double-content {
    vertical-align: top;
    min-height: 5px;
}
.blocks-double-content.more {
    display: none;
}
.blocks-double-ad {
    vertical-align: top;
    min-height: 5px;
}
@media ( max-width: 1199px ) {
    .blocks-double-ad {
        padding-left: 0;
    }
    .blocks-double-content.more {
        display: block;
    }
}
@media ( max-width: 1199px ) {
    .blocks-left {
        display: none;
    }
    #content {
        padding-left: 5px;
        padding-right: 5px;
    }
}
@media (min-width: 1024px) and (max-width: 1199px) {
    .double-tail {
        display: block;
    }
}

@media ( max-width: 1023px ) {
    .blocks-double {
        display: none;
    }
    #maincontent {
        padding-right: 0;
    }
}

/**************************** block layout *****************************/

.block {
    padding: 5px 5px 5px 5px;
    margin-bottom: 10px;
    background-color: #e5e5e5;
}

.blockheader {
    width:100%;
    font-size: 16px;
    font-weight: bold;
    font-family: Arial, Tahoma, MS Sans Serif;
    border-bottom: 1px solid #888;
    margin: 0 0 10px 0;
}
@media (max-width: 768px) {
    .blockheader {
        font-size:18px;
    }
}
.blockheader .glyphicon {
    margin-left: 10px;
    color: rgb(100, 142,181);
}

.blockheader {
    font-weight: bold;
    color: black;
    text-decoration: none;
}

.blockheader a {
    color: black;
    text-decoration: none;
}

.blockheader a:hover {
    text-decoration: none;
}

.blockbody {
    /* padding-bottom: 15px; */
}

/**************************** root responsive layout *******************/

@media (min-width: 400px) {
    .maincontent-blocks {
       display: none;
    }
    .maincontent-content {
       display: block;
    }
}

@media (max-width: 399px) {
    .maincontent-blocks {
       display: block;
    }
    .maincontent-content {
       display: none;
    }
    .hidexxs {
        display: none;
    }

}


.maincontent-blocks img.blocknewspic {
    /* display: none; */
}


/**************************** block_newslocal ********************/

div.newslocal {
    line-height: 130%;
}
.smallnews {
    /* font-size:8pt; */
    display: block;
    color:black;
    font-weight:normal;
    /* font-family:Verdana,Arial,Tahoma; */
    width: 100%;
    margin: 0 0 10px 1px;
    clear:both;
    overflow: hidden;
}
.smalltime {
    font-weight:normal;
    font-size: 13px;
    display: block;
    color: #777;
    margin-top: 3px;
}
.smallheader {
    font-family: Arial, sans-serif;
    font-weight:600;
    display: block;
    font-size: 14px;
    line-height: 140%;
}
@media (max-width: 768px) {
    .smallheader {
        font-size:16px;
    }
}

.blocknewscoverimg {
    margin: 5px 0 10px 0;
    width:100%;
    max-width:400px;
    padding-top: min(400px, 100%); /* padding calculated using width */
    height: 0; /* padding added to height, thus making container square */
    float:left;
    clear: both;
    background-size: cover;
    background-position: center;
    position: relative;
    z-index: 1;
    border-radius: 3px;
}

.blocknewscoverimg::after {
    content: "";
    z-index: 2;
    display: block;
    position: absolute;
    bottom: 25px;
    left: 0;
    width: 100%;
    height: calc(50% - 25px);
    background-image: -webkit-linear-gradient(top,transparent,#292929);
    background-image: linear-gradient(180deg,transparent,#292929);
    border-radius: 3px;
}

.blocknewscoveraux {
    width: 100%;
    height: 27px;
    position: absolute;
    z-index: 3;
    bottom: 0;
    left: 0;
    background-color: #292929;
    border-radius: 3px;
}


.blocknewscovercontent {
    z-index: 3;
    display: block;
    position: absolute;
    width: 100%;
    bottom: 25px;
    left: 0;
    vertical-align:bottom;
    padding: 0 10px 8px 10px;
}

.blocknewscovercontent a {
    -ms-hyphens: none;
-webkit-hyphens: none;
   -moz-hyphens: none;
        hyphens: none;
}

.blocknewscover, .blocknewscover a {
    color: #eee;
    font-family: sans-serif;
}

.blocknewscover {
    text-shadow: 2px 2px 5px #000;
}

.blocknewscover .coverheader {
    font-weight: 600;
    font-size: 18px;
    line-height: 140%;
}

@media (max-width: 768px) {
    .blocknewscover .coverheader {
        font-size:24px;
    }
}

.blocknewscover .glyphicon-comment {
    margin-left: 10px;
}

.blocknewscover .smallcomms {
    font-size: 14px;
}

.blocknewscover .glyphicon-comment,
.blocknewscover .glyphicon-comment:hover {
    color: #c1c1c1;
}


.blocknewscover a:hover {
    text-decoration: none;
}

.blocknewscoveraux .content {
    width: 100%;
    padding: 0 10px 10px 10px;
}

img.blocknewspicsmall {
    width: 80px;
    float: right;
    margin-left: 5px;
    height: 80px;
    border-radius: 3px;
    object-fit: cover;
 }

 .covertime {
     font-size: 14px;
     color: #e5e5e5;
     padding-bottom: 5px;
     text-shadow: 2px 2px 5px #000;
 }


.smallheader a {
    color: #0000C0;

    -ms-hyphens: none;
-webkit-hyphens: none;
   -moz-hyphens: none;
        hyphens: none;
}
.smallheader a.newstitle:visited {
    color: #000050;
}
.smallheader a:hover, .smallheader a:visited:hover {
    color: red;
    text-decoration: none;
}
.smallnews .smallcomms,
.smallcomms .othercomms {
    margin-left:10px;
    color: #648eb5;
    font-size: 13px;
}
@media (max-width: 768px) {
    .smallcomms {
        font-size:15px;
    }
}
.smallcomms .icon {
    margin-right:5px;
}

.smallnews .smallcomms a {
    color: rgb(100, 142,181);
}
.smallnews .smallcomms a:hover, .smallcomms a:visited:hover {
    color: red !important;
    text-decoration: none;
}

.newslocal_morelink {
    cursor:pointer;
    font-size: 13px;
}
div.newslocal_morelinkdiv {
    margin-top: 3px;
    margin-bottom: 8px;
    padding-left:10px;
}
div.newslocal_morediv {
    margin-top: 5px;
    margin-bottom: 5px;
    padding-top:3px;
    border-top: #ddd 1px solid;
}

newslocal_comms {
    margin_left: 10px;
    font-size: 15px;
}

/***************************** block_youtube, block_radiovideo *************/

.block-youtube {
    background-color: white;
    padding: 0;
    margin-bottom: 12px;
}
.videoblock {
    background-color: #fff;
    padding: 0;
    margin: 0 0 8px 0;
}
.videothumbnailwrapper {
    position: relative;
    margin-top: 0;
    margin-bottom: 0;
    width: 100%;
}
.videothumbnail {
    /* width: 200px; */
    margin: 0 auto 0 auto;
}
.videothumbnailwrapper div.play {
    position: absolute;
    display: block;
    width: 48px;
    height: 48px;
    background: transparent url(/images/icons/play-hover.png) no-repeat center;
    top: 50%;
    left: 50%;
    margin: -24px auto auto -24px;
    cursor:pointer;
}
.videothumbnailwrapper div.play:hover {
    background: transparent url(/images/icons/play.png) no-repeat center;
}
.videothumbnailtitle {
    font-family: Arial, sans-serif;
    font-size:14px;
    font-weight: 600;
    text-align:left;
    margin: 3px 0 0 0;
}
.videoblock .videothumbnail {
    width: 100%;
}
.livetitle {
    font-family: Arial;
    font-size:13px;
    font-weight:bold;
    color:black;
}
.radioheader {
    font-size:12px;
    font-weight:bold;
    color:black;
}
@media (max-width: 768px) {
    .radioheader {
        font-size:14.5px;
    }
}


/***************************** Zones **************************/

.zone16 {
    padding: 0;
}

/***************************** Fotorama ***********************/

.fotoramaks-wrapper {
    width: 100%;
}

.fotorama__wrap {
    margin: 0 auto;
}

.fotorama__stage__shaft,
.fotorama__stage__shaft img
{
    /* max-width:100% !important; */
}