@import url("settings.css");


h1 {font-size: 28px; line-height: 1.2em; font-family: var(--header-font); font-weight: 300; color: var(--color1); }
h2 {font-size: 28px; line-height: 1.2em; font-family: var(--header-font); color: #000;}
h3 {margin-top: 20px; color: var(--color2); margin-bottom:10px; line-height: 1.5em; font-size: 20px}
h4 {margin-top: 20px; color: #000; margin-bottom:10px; line-height: 1.5em; font-size: 1.3em}
h5 {margin-top: 20px; font-weight: bold; color: var(--color1); padding-bottom: 5px; margin-bottom:10px; line-height: 1.5em; font-size: 1.3em; border-bottom: 1px solid var(--color1)}
h6 {margin-top: 20px; font-weight: bold; color: #000; line-height: 1em; font-size: 0.8em}
.tile h3 {font-family: var(--header-font); }
a {color: var(--color2)}
header .navbar-brand img {border:0; height:100px; display:block; float:none; margin: 0 auto}
header .navbar-brand {text-align:center; color: #fff}
#menu_sidebar  ul.navbar-nav li a:hover, #menu_sidebar ul.navbar-nav li a:hover, header ul.navbar-nav li a:hover,ul.navbar-nav li.show > a,ul.navbar-nav li.active a{background:var(--color2);filter: brightness(110%);color:#fff}
header .topbar .address a:hover {color: var(--color1)}
#chooselang_google_content {background: none}
#google_translate_element .goog-te-gadget-simple {border: 1px solid var(--color2)}
.page-content {background: #fff; padding: 0px 10px}
.logotypes-bg {margin-top:0; border-top: 1px solid #eee; background: #fff}
.slider {position: absolute; top:0; z-index:-1}
body {background: #f7f7f7} 
header {background: none; display:flex; flex-direction: column; justify-content: space-between; position: relative;}
#menu_sidebar ul.navbar-nav li a, header ul.navbar-nav li a:first-child {border-left: 1px solid rgba(255,255,255,0.3)}
#menu_sidebar ul.navbar-nav li a, header ul.navbar-nav li a {border-right: 1px solid rgba(255,255,255,0.3)}
/*header nav {height: var(--slider-height)}*/
#menu_sidebar ul.navbar-nav li a br, header ul.navbar-nav li a br {display:none}
#menu_sidebar ul.navbar-nav li a, header ul.navbar-nav li a {background: none; color: #fff; font-family: var(--header-font); font-weight:300; font-size: 16px; line-height:40px;}
.news .teaser p {font-weight:300; }
.news .teaser em {margin-top:0}
#menu_sidebar ul.navbar-nav li a i, header ul.navbar-nav li a i {line-height: 50px; color: #fff; }
header #top_navbar>.container-lg {justify-content:center; flex-direction: column}
#menu_top {background: rgb(255,255,255,0.3); color: #fff; width:100%; justify-content: center;} 

header .navbar-brand {color: #fff;font-size: 60px;; line-height:70px}
header .navbar-brand:hover {color: #fff;}
#menu_sidebar .navbar-brand>br, header .navbar-brand>br {display:inline}
.slider-image>img, .slider-image video {opacity: 1; filter: brightness(0.7)}
header .topbar {background: rgba(255,255,255,0.2); color: #fff}
header .topbar .address a,header .topbar span, header .topbar button {color: #fff}
header #chooselang_google_content,#google_translate_element .goog-te-gadget-simple  { border:0}

header #chooselang_google_content span {color: #000;}
#chooselang_google,#chooselang_google span,header .topbar button {color: #777}
header .topbar .search input{border: 1px solid rgba(255,255,255,0.2);; background: #fff; color: #000}
ul.navbar-nav .dropdown-menu {background: #fff}
#menu_sidebar ul.navbar-nav li.show a, header ul.navbar-nav li.show a {}
/*#menu_sidebar ul.navbar-nav li.show a:hover, header ul.navbar-nav li.show a:hover {background: #eee; color: #000}*/
#menu_sidebar ul.navbar-nav li a:hover, header ul.navbar-nav li a:hover, header ul.navbar-nav li.show>a  {background: rgba(255,255,255,0.7); color: #000}
header ul.navbar-nav li .dropdown-menu a,ul.navbar-nav .dropdown-menu {background: #fff; color: #000; line-height:2em}
header ul.navbar-nav li.show ul a:hover{background: #ddd !important;}
header .navbar-brand span {display: block}

.sidebar .tile {border: 1px solid rgba(0,0,0,0.1); background: #fcfcfc; margin: 5px}
.sidebar .tile:first-child {margin-top: 20px}
.sidebar .tile .tile-icon,.sidebar .tile h3 {color: #555}
.content .page-title {margin-top:20px; padding:10px 0; background: #fcfcfc; border:1px solid rgba(0,0,0,0.1); -webkit-box-shadow: unset; box-shadow: unset; text-align:center}
.content .page-title h1 {margin:0; display:block; padding-bottom:5px; color: #000;text-align: center;font-size: 36px;line-height: 40px;}
.content .list2 h3 {color: var(--color2)}
footer {background: var(--color2)}
footer a, footer {color: #fff}
footer .copyright {background: #c3941d}
.content .nav-pills li a:hover, .content .nav-pills>li>a.active, .content .nav-pills>li>a.active:hover, .content .nav-pills>li>a.active:focus {background: var(--color2)}
footer a:hover,footer .footer-box h4 {text-shadow: unset; color: #fff;  }
footer .footer-box h4  {text-align:center; padding:5px; display:block; background: rgba(255,255,255,0.2);border: 1px solid rgba(255,255,255,0.3);}
#chooselang_google_content {height:unset}

.slider .overlay {background: rgba(0,0,0,0.3); position:absolute; top:0; left:0; width:100%; height:100%}
header .navbar-brand {padding-bottom:50px}
header .navbar-brand small {display: none}
.imagebar img {height:auto}
@media (max-width: 1400px){
    .sidebar {min-width:365px; width:365px}
    .slider {height: var(--slider-height)}
}
@media (max-width: 1200px) {
    .sidebar {min-width:265px; width:265px}
}

@media (max-width: 992px) {
     header .navbar-brand{padding: 10px 0}
     header .navbar-brand img {float:left; height:50px; padding-right:10px}
    header {position:fixed; margin-bottom:0; background: #fff; height: unset; flex-direction: column-reverse}   
    #menu_sidebar ul.navbar-nav, header ul.navbar-nav {height:calc(100vh - 135px);}
    header .navbar-brand {color:#000; line-height: 1em}
    header #top_navbar>.container-lg {align-items: start}
    header img {display:none}
    header nav {height: unset}
    #menu_sidebar .navbar-brand, header .navbar-brand,#menu_sidebar .navbar-brand:hover, header .navbar-brand:hover {font-size: 22px; text-align:left}
    header #top_navbar>.container-lg {justify-content: start}
    #menu_top {position: relative !important}
    header #top_navbar {padding-bottom:0}
     #menu_sidebar .navbar-brand>br, header .navbar-brand>br {display:none}
   .page-title {margin-top:0}
    .slider {display:none}
    .page>.container-xxl {margin-top:110px}
    header .topbar{background: var(--color2); color: #fff}
    header .topbar .address a, header .topbar span, header .topbar button {color: #fff}
   header .topbar button {background: #fff; color: var(--color2)}
    header .topbar .search input {border: 1px solid #fff}
    #menu_sidebar ul.navbar-nav li a, header ul.navbar-nav li a {border-top:1px solid rgba(255,255,255,0.4)}
    header .topbar {border-top: 1px solid rgba(255,255,255,0.3); border-bottom:0}
    .slider .carousel-one h1 {font-size: 40px;line-height: 50px;}

    #chooselang_google_content {background: var(--color2)} 
    #google_translate_element .goog-te-gadget-simple .goog-te-menu-value span { color: var(--color2)}  
   #menu_sidebar a, #menu_top a {color:#000}
}

@media (max-width: 767px) {
    .sidebar {width:100%}
    .page-content {padding: 0}
    .left-sidebar .sidebar{ margin-right:0}
    .right-sidebar  .sidebar{margin-left:0}
    .content {padding: 10px}
    #menu_sidebar .navbar-brand, header nav.navbar .navbar-brand {max-height: 67px}
    .content .page-title {padding:0}
}
@media (max-width: 576px) {
  .content .page-title h1 {font-size: 25px}
        /*header .navbar-brand img {display:none}*/
    header .navbar-brand small {dispaly:block}
    #menu_sidebar a, #menu_top a {line-height:2em}
    .content .filtr-search {max-width:40%}
    #menu_sidebar .navbar-brand, header .navbar-brand {padding-top: 8px}
    #menu_sidebar .navbar-brand, header .navbar-brand,#menu_sidebar .navbar-brand:hover, header .navbar-brand:hover {font-size: 17px}
    #menu_sidebar .dropdown-menu, header .dropdown-menu {background:unset }
    #menu_sidebar .navbar-brand>br, header .navbar-brand>br {display:inline}
    #menu_sidebar .navbar-brand small, header .navbar-brand small {font-size:11px}
    #menu_sidebar,#menu_top {margin-top:10px}
    a.wcag-button{top:63px}
    #menu_top,#menu_sidebar ul.navbar-nav li a, header ul.navbar-nav li a {background: #fff}

}