@font-face{
    font-family:'Pribambas';
    font-style:normal;
    font-weight:400;
    src:url('../fonts/pribambas.ttf');
    font-display: swap;
}
@font-face {
    font-family: 'Karelia';
    src: url('../fonts/Karelia.woff') format('woff'), url('../fonts/Karelia.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

*{border:0;margin:0;padding:0;}
body{font-family:Arial,Helvetica,sans-serif;font-size:10px;cursor:default;background-color: #111;}
a{text-decoration:none;color:#000;outline:0;}
ul{list-style-type:none;}

/* --- Bottom Menu-Nav ------------------------------------------------ */
#bmenu{position:absolute;bottom:20px;display:flex;color:#fff;width:100%;}
#bmenu .logo{background-color: #000;width:141px;margin-right:1px;font-family:'Karelia',sans-serif;font-size:11px;font-weight:bold;text-align:right;}
#bmenu .logo a{color:#fff;padding:41px 10px 10px 0;vertical-align: text-bottom;display:block;}
#bmenu .logo a:hover{color:orange;}
#bmenu .line{padding:10px;background-color: rgba(0, 0, 0, 0.5);flex-grow:1;font-family: 'Karelia',sans-serif;}
#bmenu .line a{color:#999;font-weight:bold;}
#bmenu .line a:hover{color:orange;}

.copyright{float:right;padding-top:31px;color:#999;text-transform: uppercase;}

/* --- Top Menu-Nav ------------------------------------------------ */
#tmenu{position:absolute;top:0;left:0;z-index:100;width:100%;line-height:12px;background-color: rgba(0, 0, 0, 0.4);}
#tmenu.fixed{position:fixed;}
#tmenu ul.menu_left{display:inline-block;padding-left:15px;}
#tmenu ul.menu_right{display:inline-block;float:right;padding-right:15px;}
#tmenu.center ul.menu_right{float:none;}
#tmenu ul{list-style:none;}
#tmenu ul li{float:left;position:relative;}
#tmenu ul li a{display:block;padding:10px;}
#tmenu ul li a span.hot{padding:2px 7px 2px 5px;margin-left:5px;}
#tmenu ul li ul{display:none;}
#tmenu ul li:hover ul{display:block;position:absolute;min-width:200px;margin-top:-1px;z-index:10;}
#tmenu ul.menu_left li:hover ul{left:0;}
#tmenu ul.menu_right li:hover ul{right:-10px;}
#tmenu ul li:hover ul li a{display:block;padding:10px;width:170px;}
#tmenu ul li:hover ul li a span{float:right;}
#tmenu ul li ul li:first-child a{border-top:none;}
#tmenu ul li div.area{display:none;}
#tmenu ul li div.area a{display:block;}
#tmenu ul li div.area span{float:right;padding-left:15px;position: relative;top:-12px;}
#tmenu ul li div.subarea span {position: relative;top:0;}
#tmenu ul li:hover div.area{display:block;position:absolute;min-width:200px;left:0;margin-top:-1px;z-index:10;}
#tmenu ul li div.subarea{display:none;padding:2px;}
#tmenu ul li div.subarea a{display:block;}
#tmenu ul li div.area div.line{position:relative;}
#tmenu ul li div.area div.line:last-child a{border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;}
#tmenu ul li div.area div.line:hover div.subarea{display:block;position:absolute;min-width:200px;top:1px;margin-top:-1px;overflow:auto;max-height:500px;z-index:11;}
#tmenu ul.menu_left li div.area div.line:hover div.subarea{left:200px;}
#tmenu ul.menu_right li div.area div.line:hover div.subarea{right:200px;}
#tmenu .menu-img{float:left;padding-right:5px;width:35px;position: relative;top:-4px;}

#tmenu ul{color:#fff;}
#tmenu ul li a{text-decoration:none;text-align:center;font-family:'Pribambas',sans-serif;color:orange;font-size:1.7em;}
#tmenu ul li a span.hot{color:#fff;font-weight:bold;font-size:11px;border-radius:12px;background:red;}
#tmenu ul li a:hover{background:#9C5D50;color:#FFF;}
#tmenu ul li:hover ul li a{color:#eee;text-align:left;border-bottom:1px solid #582C23;border-top:1px solid #763A2D;background:#602E23;font-family:'Karelia',sans-serif;font-size:14px;}
#tmenu ul li:hover ul li a span{font-size:1em;}
#tmenu ul li ul li:last-child a{border-bottom-left-radius:5px;border-bottom-right-radius:5px;}
#tmenu ul li:hover ul li a:hover{background:#763A2D;color:#FFF;}
#tmenu ul li div.area{color:#000;text-align:left;font-size:1em;}
#tmenu ul li div.area span{font-size:0.9em;}
#tmenu ul li div.area a{color:#eee;text-align:left;border-bottom:1px solid #582C23;border-top:1px solid #763A2D;background:#602E23;font-family:'Karelia',sans-serif;font-size:14px;}
#tmenu ul li div.area a:hover{background-color: #763A2D;color:#FFF;}
#tmenu ul li div.subarea{color:#000;text-align:left;background:#333;font-size:1em;border-radius:5px;}
#tmenu ul li div.subarea a:first-child{border-top-left-radius: 5px;border-top-right-radius: 5px;}
#tmenu ul li div.subarea a:last-child{border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;}
#tmenu ul li:hover a.hot{background-color:#8A370D;}
#tmenu ul li:hover a.hot:hover{background-color:#E8AD3E;}

/* --- Header --------------------------------------------------------- */
#header {
    min-height: 683px;
    background: url(../img/header-text-min.png) no-repeat center 98px, url(../img/bg-1.jpg) no-repeat center top;
}
#header > section {
    position: relative;
    top: 502px;
}
/* --- News --------------------------------------------------------- */
#news {
    min-height: 208px;
    background: url(../img/bg-2.jpg) no-repeat center top;
}
#news > h2{
    padding-top: 116px;
    text-transform: uppercase;
    color: #ffea00;
    text-align: center;
    font-family: 'Karelia',sans-serif;
    font-size: 36px;
    font-style: normal;
}
#news > section {
    position: relative;
    top: 50px;
}

/* --- Video --------------------------------------------------------- */
#video {
    display: block;
    position: relative;
    min-height: 1034px;
    background: url(../img/footer-bg-min2.jpg) no-repeat center top;
}
#video > h2{
    margin-top: 0;
    padding-top: 33px;

    text-transform: uppercase;
    color: #ffea00;
    text-align: center;
    font-family: 'Karelia',sans-serif;
    font-size: 36px;
    font-style: normal;
}

/* --- Main content --------------------------------------------------- */
main {
    display: block;
    min-height: 1100px;
    background: url(../img/bg-3.jpg) no-repeat center top;
}

/* --- News ----------------------------------------------------------- */
.news {
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-content:center;

    max-width:1200px;
    margin:auto auto;
}
.news .news_line {
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-bottom: 8px;
}
.news article{
    max-width: 388px;
    min-width: 33%;
    height: 510px;
    border: 3px solid #222;
    background: rgba(0, 0, 0, 0.9) url(../img/otis-redding.png) center center;
    position: relative;
    border-radius: 10px;
    letter-spacing: 0.1em;
    margin: 0 5px;
}
.news article.top {
    max-width: 724px;
}
.news section {
    padding:0;
    font-family:'Karelia',sans-serif;
    font-size:15px;
    color:#bbb;
}
.news section a{
    color:#aaa;
    border-bottom:1px dotted #aaa;
    font-size: 13px;
}
.news section a:hover{
    color: orange;
}
.news footer {
    position: absolute;
    bottom:0;
    width:100%;
    padding:7px 0;
    color:#aaa;
    border-top:1px dotted #333;
    background-color: #111;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
.news footer img:hover {
	position:relative;
	top:1px;
	left:1px;
}
.news footer a{
    color: #aaa;
}
.news footer a:hover{
    color: orange;
}
.news header {
    color:orange;
    font-family:'Karelia',sans-serif;
    font-style:italic;
    font-size:15px;
    font-weight:bold;
    text-align:center;
    padding:10px 5px 1px 5px;
}
.news img {
    max-width: 100%;
    height: auto;
}
.news iframe {
    width: 100%;
    min-height: 200px;
    height: auto;
}

@media screen and (max-width: 980px) {
    .news .news_line {
        margin: 0 5px;
    }
    .news article{
        border:0;
        border-right: 1px dotted #bbb;
        border-radius:0;
        margin: 0;
    }
    .news article:first-child {
        border-top-left-radius: 8px;
        border-bottom-left-radius: 8px;
    }
    .news article:last-child {
        border-top-right-radius: 8px;
        border-bottom-right-radius: 8px;
        border-right: 0;
    }
}
@media screen and (min-width: 2000px) {
    #tmenu {
        max-width:1950px;
        left:50%;
        margin-left:-975px;
    }
}
.more_button {
    display: inline-block;
    cursor: pointer;
    margin: auto auto;
    background: url('../img/btn_active.png') no-repeat center center;
    width: 150px;
    height: 50px;
    position: relative;
    color: #fff;
    font-family: 'Karelia', sans-serif;
    font-size: 14px;
    -moz-user-select: none;
    -khtml-user-select: none;
    user-select: none;
}
.more_button {
    width: 150px;
    height: 50px;
    background: url('../img/btn_sprites.png') -0 -50px;
}
.more_button span {
    position: relative;
    top: 15px;
}
.more_button:hover {
    color:#aaa;
    width: 150px;
    height: 50px;
    background: url('../img/btn_sprites.png') -0 -100px;
}
.more_button:active {
    color: #aaa;
    width: 150px;
    height: 50px;
    background: url('../img/btn_sprites.png') -0 -0;
}
.hidden {
    display: none;
}
.center {
    text-align: center;
}
.news-date {
    padding-left: 15px;
    position: relative;
    top: 2px;
}
.news-links {
    padding-right: 15px;
    float: right;
}
#news_buttons {
    padding-top: 0;
    margin: auto auto;
    text-align: center;
}
#lightSlider li img:hover{border:2px solid transparent !important;}