:root
{
    --yel: #FFC64C;
    --red: #a71d2a;
    --sha: #eee;
    --sil: #bbb;
    --gre: #666;
    --dar: #222;
    --blu: #4a8eaa;
    --sea: #2b5262;
    --slider-bottom-space: 90px;
}


/*#region Fonts */
@font-face {font-family: Cuprum; src: url(../css/fonts/cuprum.ttf)}
/*@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    src: local('Material Icons'),
    local('MaterialIcons-Regular'),
    url(../css/fonts/MaterialIcons-Regular.ttf) format('truetype');
}
.material-icons {
    font-family: 'Material Icons', sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: 'liga';
}*/
/*#endregion Fonts */


/*#region Colors */
.alba       { color: white; }
.shad       { color: var(--sha); }
.sivy       { color: #aaa; }
.sedy       { color: #888; }
.dark       { color: #666; }
.black      { color: black; }
.yel        { color: var(--yel); }
.green      { color: #73a74c; }
.tomato     { color: #ED4F4E; }
.red        { color: var(--red); }
.peach      { color: #EA6; }

.bg-white   { background: white; }
.bg-cloud { background: #f2f2f2; }
.bg-silver  { background: var(--sha); }
.bg-dark    { background: #444; }
.bg-rem     { background: #b34; }
/*#endregion Colors */


/*#region TextTransforms */
.normal         { font-weight: normal; }
.boldec         { font-weight: bold; }
.semi-boldec    { font-weight: 600; }
.underdog       { text-decoration: underline; }
.font-11        { font-size: 11px; }
.font-13        { font-size: 13px; }
.font-15        { font-size: 15px; }
.font-19        { font-size: 19px; }
.font-20        { font-size: 20px; }
.font-24        { font-size: 24px; }
/*#endregion TextTransforms */


/*#region Page Elements */
.page-height { min-height: calc(100vh - 350px); }
.full-height { min-height: calc(100vh); }

/*html{ scroll-behavior:smooth }*/
html, body { background: var(--dar); }
html, body, h1, h2, h3, h4, h5, div { font: normal 17px Cuprum, sans-serif; }
body    { color: var(--sil); }
h1      { color: var(--sha); text-transform: unset; font-size: 36px; font-weight: bold; margin: 20px 0; }
h2      { color: var(--sha); font-size: 28px; font-weight: bold; margin: 20px 0; }
h3      { color: var(--sha); font-size: 24px; font-weight: bold; margin: 60px 0 30px; }
h4      { color: var(--sha); font-size: 20px; font-weight: bold; margin: 40px 0 18px; }
h5      { color: var(--sha); font-size: 16px; font-weight: 600; margin: 20px 0 10px; }

a { text-decoration: none; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; color: var(--blu); }
a:hover { color: #61caee; text-decoration: none; }

.divider { width: 50%; height: 6px; /*background: #0b0b0b;*/ margin: 30px 0; }

.alert { border-radius: 0; border: none; color: white; }
.alert-danger   { background: var(--red) !important; }
.alert-warning  { background: var(--yel) !important; }
.alert-info     { background: #0c5460 !important; }
.alert-success  { background: #73a74c !important; }
/*#endregion Page Elements */


/*#region Navbar */
.navbar     { padding: 0; background: rgba(0, 0, 0, 1.0); top: 0; border-bottom: var(--red) solid 0; }
.logo { position: fixed; }
.nav-link
{
    padding: 15px 40px 15px 0;
    color: var(--sha);
    text-transform: uppercase; font-family: Cuprum, Tahoma, sans-serif; font-size: 16px; font-weight: bold;
    text-align: center;
}
.nav-link:hover { color: var(--yel); }
.current-link a { color: var(--yel); }
/*#endregion Navbar */


/*#region Buttons */
.submit-contact { background: #080808; color: var(--sha); padding: 12px 30px; border: none; }
.submit-contact:hover { background: var(--red);  }
.btn-admin { cursor: pointer; background: var(--gre); padding: 6px 8px; color: white; margin-right: 10px; font-size: 14px; }
.btn-admin:hover { color: white; text-decoration: none; }
.btn-edit { background: var(--sea); }
.btn-del  { background: var(--red); }
/*#endregion Buttons */


/*#region Form */
input, textarea
{
    display: inline-block;
    width: 100%;
    border: none; border-bottom: 2px var(--gre) solid;
    padding: 10px 0; margin: 10px 20px 0 0;
    color: var(--sil);
    background: none;
    outline: none;
    font-weight: normal;
}
input:focus, textarea:focus
{
    border-bottom-color: var(--red);
}
input[type=submit] { width: unset; }
input.news-search { border: none; background: #0b0b0b; height: 32px; padding: 0 45px 0 22px; }
.search-icon
{
    position: absolute; right: 16px; top: 8px;
    font-size: 24px; color: grey;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -moz-user-select: none;
}
/*#endregion Form */


/*#region Language Drop-down */
.nova-drop button { font-size: 16px; font-weight: 600; letter-spacing: 0.05em; background: none; border: none; margin-top:-3px; color: #fefcfb; }
.nova-drop button:hover, .nova-drop button:focus { background: none !important; border: none; outline: none; }
.nova-drop div { background: black; border-radius: 0; border: none; padding: 6px; max-width: 30px; }
.nova-drop div a { color: var(--sha); font-size: 14px; font-weight: 600; letter-spacing: 0.05em; padding: 12px; }
.nova-drop div a:hover { color: var(--yel); background: #111; }
/*#endregion Language Drop-down */


/*#region Footer */
.footer
{
    position: relative;
    background: black;
    border-top: 2px solid #a71d2a;
    height: 160px;
    padding: 40px 0;
}
.footer div { font-size: 14px; }
.footer img { max-height: 36px; }  /* logo */
.soci           { text-align: right; }
.soci div       { display: inline-block; margin: 8px; }
.soci div img   { width: 38px; height: 32px; }
/*#endregion Footer */


/*#region Tooltip */
.tip
{
    cursor: pointer;
    position: relative; top: 5px;
    user-select: none; -moz-user-select: none;
    background: #093c71; color: white;
    padding: 0 6px; margin-left: 6px; border-radius: 4px; vertical-align: top; line-height: 16px;
    font-size: 12px;
}
.tip::before
{
    position: absolute;
    top: -58px;
    left: -240px;
    background: #555;
    border-radius: 4px;
    color: #fff;
    content: attr(data-tip);
    padding: 0 12px;
    text-transform: none;
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease;
    width: 480px; height: 50px; max-height: 50px; overflow: hidden;
    display: flex; align-items: center; justify-content: center;
    z-index: 100;
}
.tip::after
{
    position: absolute;
    top: -8px;
    left: 9px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #567;
    content: " ";
    font-size: 0;
    line-height: 0;
    margin-left: -5px;
    width: 0;
}
.tip::before, .tip::after
{
    color: white;
    font-size: 14px;
    opacity: 0;
    pointer-events: none;
    text-align: center;
}
.tip:hover::before, .tip:hover::after { opacity: 1; -webkit-transition: all 0.25s ease; transition: all 0.25s ease; }
/*#endregion Tooltip */


/*#region Tricks */
.inliner { display: inline-block }
.vertilinger { display: flex; align-items: center; justify-content: center; }
.cursor-link { cursor: pointer; }
.hide-me { display: none; }
/*#endregion Tricks */


/*#region Transforms */
.margin-0 { margin: 0; }

.margin-top-0 { margin-top: 0 }
.margin-top-10 { margin-top: 10px }
.margin-top-20 { margin-top: 20px }
.margin-top-30 { margin-top: 30px }
.margin-top-40 { margin-top: 40px }
.margin-top-60 { margin-top: 60px }
.margin-top-70 { margin-top: 70px }
.margin-top-80 { margin-top: 80px }

.margin-bottom-0 { margin-bottom: 0 }
.margin-bottom-10 { margin-bottom: 10px }
.margin-bottom-20 { margin-bottom: 20px !important; }
.margin-bottom-30 { margin-bottom: 30px }
.margin-bottom-40 { margin-bottom: 40px }
.margin-bottom-60 { margin-bottom: 60px }
.margin-bottom-80 { margin-bottom: 80px }

.margin-right-20 { margin-right: 20px }
.margin-left-10  { margin-left: 10px }


.padding-0 { padding: 0 }
.padding-10 { padding: 10px }
.padding-20 { padding: 20px }

.padding-top-10 { padding-top: 10px }
.padding-top-20 { padding-top: 20px }
.padding-top-30 { padding-top: 30px }
.padding-top-40 { padding-top: 40px}
.padding-top-60 { padding-top: 60px}
.padding-top-80 { padding-top: 80px}

.padding-bottom-10 { padding-bottom: 10px }
.padding-bottom-20 { padding-bottom: 20px }
.padding-bottom-30 { padding-bottom: 30px }
.padding-bottom-40 { padding-bottom: 40px }
.padding-bottom-60 { padding-bottom: 60px }
.padding-bottom-80 { padding-bottom: 80px }

.padding-right-40 { padding-right: 40px }

.align-center { text-align: center !important; }
.align-left { text-align: left !important; }
.align-right { text-align: right !important; }

.line-height-150 { line-height: 150% }

.radius-0  { border-radius: 0; }
.radius-4  { border-radius: 4px; }
.radius-6  { border-radius: 6px; }
.radius-8  { border-radius: 8px; }

.w-15 { width: 15%; }
.w-30 { width: 30%; }
.w-40 { width: 40%; }
.w-60 { width: 60%; }
.w-70 { width: 70%; }

/*#endregion Transforms */


/*#region Tip-Top */
.toTop
{
    display: none;
    z-index: 99;
    cursor: pointer;
    position: fixed; bottom: 64px; right: 70px;
    width: 36px; height: 36px;
    border-radius: 20px; padding: 6px;
    background-color: #222;
}
.toTop:hover { background-color: #bbb; }
.toTop img { position: absolute; top: 10px; left: 10px; }
/*#endregion Tip-Top */


/*#region News */
.date { display: inline-block; background: #080808; padding: 6px; font-size: 14px; color: #666; vertical-align: top; }
.news { display: block; margin: -24px 0 30px; padding-left: 104px; font-size: 16px; color: #999; }
.news img { max-width: calc(100% - 20px); height: auto; margin: 10px; cursor: pointer; }
.news-lang-label { position: fixed; left:0; top:calc(50% - 20px); background: #111; color: #444; font-size: 32px; padding: 10px; }

.promo
{
    position: fixed; top: 0; left: 0;
    width: 100%; height: 100%;
    opacity: 0; pointer-events: none;
    background: rgba(0,0,0,0.9);
    -o-transition:.75s; -ms-transition:.75s; -moz-transition:.75s; -webkit-transition:.75s; transition:.75s;
    z-index: 1200;
}
.promo img { max-width: 100%; height: auto; }
/*#endregion News */

/*region Blocks*/
.quote { background: #060606; padding: 20px 30px; color: #888; font-style: italic; font-size: 16px; line-height: 140%; margin: -34px 0 40px; }
/*endregion*/


/*region Slider*/
.slider-text    { font: bold 50px Cuprum, sans-serif; color: var(--sha); }
.slider-caption { top: calc(50vh); text-align: center }
.carousel-inner { height: calc(100vh - var(--slider-bottom-space)); max-height: 930px; top:48px; width: auto; }
.carousel-indicators { bottom: 20px; }
.slider-dummy   { height: calc(100vh - var(--slider-bottom-space)); max-height: 930px; font-size: 60px; background: #111; }
.bg-force       { position: relative; background: #111; border-top: 6px #080808 solid; }
/*endregion*/


iframe.video { margin: 20px 0 40px; border: 0; }


/*region Media*/
@media (max-width:1280px)
{
    .nav-link { padding: 15px 10px; font-size: 14px; }
    .nova-drop button { font-size: 14px; padding: 0; }
}
@media (max-width:1024px)
{
    .no-1024 { display: none; }
    .nav-link { padding: 15px 10px; }
}
@media only screen and (max-width: 990px)
{
    .no-tablet { display: none; }
    .bg-force  { border-top: 60px black solid; }
    .logo img   { max-width: 210px; }
}
@media only screen and (max-width: 768px)
{
    .no-mobile { display: none; }
    .logo { position: relative; text-align: center }
    .navbar div.col-sm-12 { text-align: center !important; }
    .nav-link { padding: 30px 10px; }
}
@media print
{
    .no-print, .no-print *
    {
        display: none !important;
    }
}
/*endregion*/