header.container { padding: 0; margin: 0; }
header.navbar { position: fixed; z-index: 1010; box-shadow: 0 0 6px rgba(0,0,0,0.3); width: 100%; min-height: 36px; }
.main-container { margin-top: 36px; }

header .visually-hidden { display: none; }

/* logo */
header .logo img { width: 210px; height: auto; }
header .logo { margin: 0; }

/* menus */
.menu-reserved-area-desktop, #block-reservedarea, #block-loclangtrigger-2 { display: none; }
#navbar-toggles { position: relative; }
#navbar-toggles a.navbar-trigger { position: absolute; top: 3px; color: #000; }
#navbar-toggles a.navbar-trigger .material-icons { font-size: 32px; color: black; }
#navbar-toggles a.navbar-trigger.collapsed .material-icons { color: rgb(237,28,36); }
#navbar-toggles .panel { border: none; background: #fff; margin: 0; padding: 0; }
#container-navbar a.navbar-trigger { right: 25px; font-size: 24px; }
#container-navbar-reserved-area a.navbar-trigger { right: 60px; }
#container-navbar-reserved-area a.navbar-trigger img { border-radius: 50%; height: 30px; width: 30px; }
#navbar-toggles .navbar-collapse { margin-top: 36px; }
.main-navbar li>a, #block-motulevoheaderinbar a {
    display: block;
    padding: 0 2rem;
    height: 60px;
    line-height: 60px;
    font-weight: 600;
    text-transform: uppercase;
    font-smoothing: subpixel-antialiased;
    color: #000;
}
.main-navbar li.active>a { color: #ED1C24; background: #fff; }
.main-navbar li>a:hover, #block-motulevoheaderinbar a:hover {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(90%, rgba(0,0,0,0.1)), to(rgba(0,0,0,0.2)));
    background: linear-gradient(to bottom, transparent 70%, rgba(0,0,0,0.1) 90%, rgba(0,0,0,0.2) 100%);
    color: #ED1C24;
    text-decoration: none;
}
#block-motulevoheaderinbar img { border-radius: 50%; margin-left: 1em; }
#block-reservedarea i.fa { font-size: 20px; padding-left: 5px; position: relative; top: 3px; }
#container-navbar-reserved-area i.fa { font-size: 20px; position: relative; top: 6px; }
#SearchForm-trigger a { font-size: 20px; color: #000;}


/* search */
#search-block-form {  }
#search-block-form input { height: 39px; }
#search-block-form .form-group { margin-bottom: 0; }

/* reserved area */
.region-navigation-reserved-area ul { background: #000; }
.region-navigation-reserved-area a { font-size: 1.5rem; padding: 1rem 2rem; font-weight: bold; background: #000; color: #fff; border-bottom: 0px solid #000; text-transform: uppercase; margin: 0; line-height: 1.4rem; }
.region-navigation-reserved-area a:hover { background-color: #000 !important; color: #ED1C24; }
#block-reservedareamobiletop li:first-child a { padding-top: 2rem; }
#block-reservedareamobileusermenu li:last-child a { padding-bottom: 2rem; }

/* menu reserved area */
.is_reserved_area .menu-reserved-area-desktop a { background: #eee; color: #000; }
.menu-reserved-area-desktop { background: #000;}
.menu-reserved-area-desktop:after { display: table; content: " "; clear: both; }
.menu-reserved-area-desktop ul { float: right; background: #eee; }
.menu-reserved-area-desktop li { float: left; }
.menu-reserved-area-desktop a { text-transform: uppercase; font-weight: bold; color: #000; }
.menu-reserved-area-desktop a:hover { color: #ED1C24; }
.menu-reserved-area-desktop li.active a { color: #ED1C24; }

/* admin link to admin interface */
/*.admin-link-admin { float: left; margin: 6px 40px 0 0; } */
.admin-link-admin-desktop { display: none; }
@media (min-width: 992px) {
.admin-link-admin-desktop { display: block; position: absolute; top: 20px; left: 15px; }
.admin-link-admin-desktop li a { border: 3px solid #666; padding: 2px 8px; height: auto; background: #000; color: #666; text-transform: uppercase; font-weight: bold; font-size: 0.9rem; }
.admin-link-admin-desktop li a:hover { border-color: #fff; color: #fff; background: #000; }
}

/* patch navbar collapse at 992px */
@media (min-width: 768px) and (max-width: 991px) {
    .navbar-collapse.collapse { display: none !important; }
    #navbar-reserved-area.navbar-collapse.collapse.in, #navbar-collapse.navbar-collapse.collapse.in { display: block !important; }
    .navbar-nav, .navbar-nav > li { float: none; }
    header #SearchForm-trigger { display: none; }
    header #SearchForm { display: block; }
    header { background-color: #fff; }
    .region-navigation-reserved-area, .region-navigation-collapsible { margin-left: -15px; margin-right: -15px; }
}

/* patch navbar before collapse */
@media (min-width: 768px) and (max-width: 1110px) {
    #block-reservedarea .reserved-area-lavel { display: none; }
    #block-reservedarea img { margin-left: 0; }
}

/* patch collapsed navbar */
@media (max-width: 991px) {
    .region-navigation-collapsible { background: #000; }
    .main-navbar ul, #block-secondarymenu-2 ul { background: #000; }
    .main-navbar li a, #block-secondarymenu-2 li a { font-size: 1.5rem; padding: 1rem 2rem; font-weight: bold; background: #000; color: #fff; border-bottom: 0px solid #000; text-transform: uppercase; margin: 0; height: auto; line-height: 1.4rem; display: block; }
    .main-navbar li:first-child a { padding-top: 2rem; }
    #block-motulevoheaderinbar { padding: 1rem 2rem 2rem 2rem; background: #000; }
    #navbar-toggles .panel { margin: 0 15px; }
    #block-motulevo-main-menu .navbar-nav { margin: 0; }
    #navbar-collapse .logo { display: none; }
}

@media (min-width: 992px) {
    #navbar-toggles { margin-top: -10px; }
    header.container { padding: 0; }
    #navbar-toggles a.navbar-trigger { display: none; }
    header .logo img { width: 300px; }
    #block-loclangtrigger-2 { display: inline-block; }
    #block-loclangtrigger-2 button { font-size: 13px; line-height: 15px; padding-top: 2px; padding-bottom: 8px; }
    #block-loclangtrigger-2 img { display: inline-block; height: 25px; width: auto; position: relative; top: -1px; left: -4px; }
    .menu-reserved-area-desktop { clear: both; display: block; }
    .menu-reserved-area-desktop li { display: inline-block; }
    .region-navigation-reserved-area { display: none !important; }
    header.navbar { width: auto; position: relative; }
    #block-motulevoheaderoverbar { position: absolute; top: 10px; right: 0; text-align: right; height: 40px; }
    #block-secondarymenu-2, #block-secondarymenu-2 ul.menu, #block-secondarymenu-2 li, #block-secondarymenu-2 li a { display: inline-block; }
    #block-motulevoheaderinbar { position: absolute; top: 50px; right: 0; text-align: right; }
    #block-reservedarea, #block-reservedarea .field { display: inline-block; position: relative; top: -2px; left: 3px; }
    header #SearchForm-trigger { display: inline-block; }
    header .region-navigation .logo { display: none; }
    header .region-navigation-collapsible .logo { border-right: solid 1px #ddd; padding: 0; }
    header #block-motulevo-main-menu li:first-child a { text-indent: -1000em; background-image: url(../logo.svg); width: 353px; height: 60px; }
    header .logo img { width: 353px; height: 60px; }

    #navbar-toggles .navbar-collapse { margin-top: 40px; }
    #container-navbar-reserved-area { display: none; }

    #block-motulevoheaderoverbar li { padding: 0; float: left; }
    #block-motulevoheaderoverbar li a { display: inline-block; }
    #block-motulevoheaderoverbar button.btn-info { float: right; background: #000; color: #666; }
    #block-motulevoheaderoverbar button.btn-info:hover, #block-motulevoheaderoverbar button.btn-info:active { background: #000; color: #666; }

    #container-navbar { background-color: #fff; }

    #block-motulevo-main-menu li { border-right: solid 1px #ddd; }
    #block-motulevoheaderinbar a { border-left: solid 1px #ddd; }
    /* #block-reservedarea a { position: relative; top: -1px; } */

    #SearchForm { width: 300px; position: relative; top: -2px; }
    #search-block-form { position: absolute; width: 300px; right: 0; padding: 20px; background: white; z-index: 1000; }

    .main-container { margin-top: 100px; }

    .main-navbar li { float: left; border-right: 1px solid #ddd}

    .menu_ra { display: none; }
    .user_it .menu_ra_it, .user_de .menu_ra_de, .user_be .menu_ra_be, .user_ch .menu_ra_ch, .user_ru .menu_ra_ru,
    .user_pl .menu_ra_pl, .user_nl .menu_ra_nl, .user_rs .menu_ra_rs, .user_no .menu_ra_no, .user_es .menu_ra_es,
    .user_pt .menu_ra_pt, .user_br .menu_ra_br, .user_sg .menu_ra_sg, .user_cz .menu_ra_cz, .user_tr .menu_ra_tr,
    .menu_ra_fr, .user_world .menu_ra_global, .user_za .menu_ra_za, .user_asia .menu_ra_asia, .user_ro .menu_ra_ro
      { display: block; }
}




/* Smartphone only */
@media (max-width: 767px) {
    header #SearchForm-trigger { display: none; }
    header #SearchForm { display: block; }
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .navbar-header { float: none; }
    .navbar.container { max-width: none !important; width: 100%; }
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .navbar.container { background: #000; }
    body {  }
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
}

/* patch very small screen */
@media (min-width: 400px) {
    header .region-navigation .logo img { height: 50px; width: auto; }
    .main-container { margin-top: 0px; }
    #navbar-toggles a.navbar-trigger { top: 8px; }
    #container-navbar-reserved-area a.navbar-trigger img { height: auto; width: auto; }
    header.navbar { min-height: 50px; }
    #navbar-toggles .navbar-collapse { margin-top: 50px; }
}