:root {
--main-logo-blue: #00A1D5;
--main-logo-yellow: #F1B450;
--main-color-gray: #f5f5f5;
--main-color-black: #000000;
}


header {border-bottom: 25px solid var(--main-color-gray); overflow: hidden;}
.line-gray {background:var(--main-color-gray); width: 25px;transform: skewX(16deg);margin-top: -20px;} 
#top-menu {background:var(--main-color-gray);transition: margin-right 2s .5s;} 
#top-menu ul > li > a {font-size: 0.7em;border-bottom: 3px solid transparent;white-space: nowrap;} 
#top-menu ul > li:hover > a { border-bottom: 3px solid var(--main-logo-yellow); }
#top-menu::before { background: #f5f5f5;width: 2500px;transform: skewX(16deg);position: absolute;left: -10px;content: ' ';height: 80px;  }
.uk-light .uk-button-default { background: var(--main-logo-yellow);color:var(--main-color-black); }
#panel-1 { background: var(--main-color-gray); }
#panel-1  span { color:var(--main-logo-blue); }
#panel-2 { background: var(--main-color-black); }
.panel-3 { background: var(--main-color-gray); }

.uk-opacity { opacity: 0.5; }
.uk-lang { padding: 7px; color: var(--main-color-black);}
.lang-active { background: var(--main-color-gray); }
footer { background: var(--main-color-gray);}
#lang {    padding-right: 0px;}
#lang div {display: inline-block;}
.uk-sticky-fixed {    background: #fff;    left: 0;    width: 100%;    padding-left: 40%;}
.uk-sticky-fixed::before {         background: #fff;    width: 2500px;    transform: skewX(16deg);    position: absolute;    left: 0px;    content: ' ';    height: 80px;}
.uk-active #logo-fix{max-width: 170px; margin-left: -600px;}
.uk-button-secondary:hover {background: var(--main-logo-yellow); color:var(--main-color-black); }
#news a {color:var(--main-color-black); }
#news  span { color:var(--main-logo-blue); }
#privacy-policy {    position: fixed;    bottom: 0px;    background-color: #000;    width: calc(100% - 40px);    padding: 20px;    font-size: 0.8em;    color: #fff;    text-align: center;z-index: 1300;}
#logo-fix-li { display: none;}
.uk-active #logo-fix-li { display: block;}
#top-menu ul > li#logo-fix-li:hover > a {     border-bottom: 3px solid transparent;}
#mob-nav  #lang { position: absolute; right: 0px; }
#mob-nav #top-menu::before { left: -10px; }
#logo {    padding-left: 0px;}
h3 a { color:var(--main-color-black); }
footer a { font-size: 1em; color: #666; }
footer .uk-nav-default > li > a { font-size: 1.1em; color: #666; }
#mask { background: rgba(0,0,0,.6); position: fixed; left: 0;  top: 0; width: 100vw; height: 100vh; overflow: hidden; z-index: 1200; }