/* ------menu------- */
.menu_container, .menu_container1 {
    background-color: transparent;
}

#hamburger {
    background-color: #061ab1;
    padding: 10px 10px;
    float: right;
    margin-right: 10px;
    margin-top: -3px;
    cursor: pointer;
}

#hamburger span, #hamburger1 span {
    display: none;
}
#hamburger1 {
    background-color: #061ab1;
    margin-left: 10px;
    cursor: pointer;
}

#hamburger_img {
    background: url(../design/icons/menu/hamburger2022.png) no-repeat;
    background-size: contain;
}

#user_img {
    background: url(../design/icons/menu/user.png) no-repeat;
    background-size: contain;
}



.site-navigation {
    display: block;
    width: 100%;
/*    font-size: 16px;
    font-weight: bold;
    margin: 40px;*/
}

.site-navigation ul {
    background: #061ab1;
    list-style: none;
    margin: 0;
    padding-left: 0;
}

.site-navigation li {
    /*color: #fff;*/
    background: #061ab1;
    display: block;
    float: left;
    margin: 0 2px 0 0;
    padding: 25px 5px;
    position: relative;
    text-decoration: none;
    /*text-transform: uppercase;*/
    display: flex;
    justify-content: space-around;
}

/*.buttonmenu {
    padding-top: 20px;
    font-size: 13px;
}*/


.buttonmenu {
    padding: 0px !important;
    margin-bottom: 10px !important;
}
.dropdownhome {
    position: relative;
    top: 2px;
    border-radius: 20px !important;
    padding: 10px 0;
}
.sub-menu-home {
    border-radius: 20px !important;
}
.sub-menu-home a {
    color: white;
    text-decoration: none;
    font-size: 13px;
}


.site-navigation li a {
    /*color: #fff;
    text-decoration: none;*/
    /*display: block;*/
}

.site-navigation li:hover {
    @include transition(background, 0.2s);
        background: #061ab1;
        cursor: pointer;
}

.site-navigation ul li ul {
    background: #061ab1;
    visibility: hidden;
    float: left;
    min-width: 230px;
    position: absolute;
    transition: visibility 0.65s ease-in;
    margin-top: 45px;
    left: 0;
    z-index: 99999;
}

.site-navigation ul li:hover > ul,
.site-navigation ul li ul:hover {
    visibility: visible;
}

.site-navigation ul li ul li {
    clear: both;
    width: 100%;
    padding: 0px;
    text-align: center;
}

.site-navigation ul li ul li a {
    display: flex;
    padding: 10px 0px 10px 0px;
    justify-content: center;
    width: 100%;

}

.site-navigation ul li ul li a:hover{
    color: #ffcd00;
}



/*
nav {
    margin:0 auto;
    width:100%;
    height:auto;
    display:inline-block;
    background:none;
}

nav ul {
    margin:0;padding:0;
    list-style-type:none;
    display:inline-block;
}

nav ul li {
    position:relative;
    margin:0 0px 0 0;
    display:inline-block;
}

nav ul li:first-child a {
    padding: 20px 3px;
}
*/
/*li > a:after { content: ' »'; }*/ /* Change this in order to change the Dropdown symbol */
/*
li > a:only-child:after { content: ''; }

nav ul li a {
    padding:20px 8px;
    display:inline-block;
    color:white;
    text-decoration:none;
}

nav ul li a:hover {
    color: #ffcd00
}

nav ul li ul {
    display:none;
    position:absolute;
    left:0;
    background:#061ab1;
    float:left;
}

nav ul li ul li {
     width:100%;
}

nav ul li ul li a {
    padding:20px 20px;
}

nav ul li:hover ul {
    display:block;
}
*/







/* odkazy menu 0. úroveň */
.menu_container .menu li.drop_down > a:after {
    /*background: url(../design/icons/menu/arrow.png) no-repeat;
    background-size: cover;*/

    background: none;
}

.menu_container .menu > li a .line {
    position: absolute;
    right: 0px;
    top: 50%;
    transform: translateY(-50%);
    height: 70%;
    width: 1px;
    background-color: #10325a;
}

.menu_container .menu > li:hover a .line, .menu_container .menu > li.hover a .line {
    background-color: #d4d4d4;
}

.menu_container .menu > li:nth-last-child(3) a .line {
    display: none;
}

.menu_container .menu li.drop_down > a {
    padding-right: 15px;
}

.menu_container .menu li, ul.menu li a:link, ul.menu li a:visited, ul.menu li a:active {
    color: #fff;
    font-weight: normal;
    font-size: 0.98em;
    text-decoration: none;
    background-color: #021f40;
}

.menu_container .menu.empty li, ul.menu.empty li a:link, ul.menu.empty li a:visited, ul.menu.empty li a:active {
    background-color: transparent !important;
    padding: 0px !important;
}

.menu_container .menu li.drop_down:hover > a:after {
    /*    background: url(../design/icons/menu/arrow2.png) no-repeat;    background-size: cover;    */
    background: none;
}

.menu_container .menu li:hover, ul.menu li:hover a, ul.menu li:hover a:hover,.menu_container .menu li.active, ul.menu li.active a, ul.menu li.active a:hover,.menu_container .menu li.hover, .menu_container .menu a.hover {
    background-color: #d4d4d4;
    color: #000;}

.menu_container .menu.empty li:hover, ul.menu.empty li:hover a, ul.menu.empty li:hover a:hover,.menu_container .menu.empty li.active, ul.menu.empty li.active a, ul.menu.empty li.active a:hover,.menu_container .menu.empty li.hover, .menu.empty_container .menu.empty a.hover {
    background-color: transparent;
}

/* ------sub menu------ */
.menu_container .menu li .sub_menu .sub_content,.menu_container .menu li .sub_menu_full,.menu_container .menu li .sub_menu_small .sub_content .category ul {
    /*background: url(../design/menu/sub_back.png) repeat-x;*/
    background-color: #fff;
}

.menu_container .menu li .sub_menu .sub_content {
    border: 1px #d7d7d7 solid;
    border-top: 0px;
}

.menu_container .menu li .sub_menu_full {
    border-bottom: 1px #ccc solid;
}

.menu_container .menu li .sub_menu .sub_content .category .title label {
    padding: 5px 0px 5px 0px;
    text-align: center;
    color: #666666;
    font-weight: bold;
    z-index: 9;
    text-decoration: underline;
}

/* odkazy menu 1.úroveň (velké podmenu)*/
.menu_container .menu li .sub_menu .sub_content .category ul li.drop_down > a:after {
    background: url(../design/icons/menu/arrow3.png) no-repeat;
    background-size: cover;
}

.menu_container .menu li .sub_menu .sub_content .category ul li,.menu_container .menu li .sub_menu .sub_content .category ul li a:link,.menu_container .menu li .sub_menu .sub_content .category ul li a:visited,.menu_container .menu li .sub_menu .sub_content .category ul li a:active {
    font-size: 1em;
    line-height: 2em;
    background-color: transparent;
    font-weight: bold;
    color: #666666;
}

.menu_container .menu li .sub_menu .sub_content .category ul li:hover,.menu_container .menu li .sub_menu .sub_content .category ul li:hover a,.menu_container .menu li .sub_menu .sub_content .category ul li:hover a:hover,.menu_container .menu li.active .sub_menu .sub_content .category ul li.active,.menu_container .menu li.active .sub_menu .sub_content .category ul li.active a,.menu_container .menu li.active .sub_menu .sub_content .category ul li.active a:hover {
    color: #A11B59;
    text-decoration: underline;
}

/* odkazy menu 1.úroveň (malé podmenu)*/
.menu_container .menu li .sub_menu .sub_content .category ul li.drop_down:hover > a:after {
    background: url(../design/icons/menu/arrow.png) no-repeat;
    background-size: cover;
}

.menu_container .menu li .sub_menu_small .sub_content .category ul li a:link,.menu_container .menu li .sub_menu_small .sub_content .category ul li a:visited,.menu_container .menu li .sub_menu_small .sub_content .category ul li a:active{    color: #b7995b;}.menu_container .menu li .sub_menu_small .sub_content .category ul li:hover,.menu_container .menu li .sub_menu_small .sub_content .category ul li:hover a,.menu_container .menu li .sub_menu_small .sub_content .category ul li:hover a:hover,.menu_container .menu li.active .sub_menu_small .sub_content .category ul li.active,.menu_container .menu li.active .sub_menu_small .sub_content .category ul li.active a,.menu_container .menu li.active .sub_menu_small .sub_content .category ul li.active a:hover{    background-color: #021F40;    color: #fff;    text-decoration: none;}/* odkazy menu 2.úroveň (malé podmenu) */.menu_container .menu li .sub_menu_small .sub_content .category ul li .sub_menu li,.menu_container .menu li .sub_menu_small .sub_content .category ul li .sub_menu li a:link,.menu_container .menu li .sub_menu_small .sub_content .category ul li .sub_menu li a:visited,.menu_container .menu li .sub_menu_small .sub_content .category ul li .sub_menu li a:active{    color: #b7995b;    background-color: transparent;}.menu_container .menu li .sub_menu_small .sub_content .category ul li .sub_menu li:hover,.menu_container .menu li .sub_menu_small .sub_content .category ul li .sub_menu li a:hover,.menu_container .menu li .sub_menu_small .sub_content .category ul li .sub_menu li:hover a:hover,.menu_container .menu li.active .sub_menu_small .sub_content .category ul li.active .sub_menu li.active,.menu_container .menu li.active .sub_menu_small .sub_content .category ul li.active .sub_menu li.active a,.menu_container .menu li.active .sub_menu_small .sub_content .category ul li.active .sub_menu li.active a:hover{    background-color: #021F40 !important;    color: #fff;}/* responzivita */@media (max-width: 768px) {    .menu_container .menu li .sub_menu_small .sub_content .category ul li:hover,    .menu_container .menu li .sub_menu_small .sub_content .category ul li:hover a,    .menu_container .menu li .sub_menu_small .sub_content .category ul li:hover a:hover,    .menu_container .menu li.active .sub_menu_small .sub_content .category ul li.active,    .menu_container .menu li.active .sub_menu_small .sub_content .category ul li.active a,    .menu_container .menu li.active .sub_menu_small .sub_content .category ul li.active a:hover    {        background-color: transparent !important;    }    .menu_container .menu li .sub_menu_small .sub_content .category ul li .sub_menu li:hover,    .menu_container .menu li .sub_menu_small .sub_content .category ul li .sub_menu li a:hover,    .menu_container .menu li .sub_menu_small .sub_content .category ul li .sub_menu li:hover a:hover,    .menu_container .menu li.active .sub_menu_small .sub_content .category ul li.active .sub_menu li.active,    .menu_container .menu li.active .sub_menu_small .sub_content .category ul li.active .sub_menu li.active a,    .menu_container .menu li.active .sub_menu_small .sub_content .category ul li.active .sub_menu li.active a:hover    {        color: #b7995b !important;        background-color: transparent !important;    }}/*--------------------------------------------------------------------                    Styly pro submenu s produkty--------------------------------------------------------------------*/.menu_container .menu li .sub_menu .products_content{    padding: 0px;}.menu_container .menu li .sub_menu .products_content .category{    width: 25%;    min-height: 60px;}.menu_container .menu li .sub_menu .products_content .category a{    padding: 0px;    background-color: transparent !important;}.menu_container .menu li .sub_menu .products_content .category .title{    max-width: 80%;    padding-left: 10px;}.menu_container .menu li .sub_menu .products_content .category .title label{    display: block;    padding: 0px;    cursor: pointer;    width: 100%;    color: #000;    font-size: 0.9em;    text-decoration: none;    font-weight: bold;}.menu_container .menu li .sub_menu .products_content .category .title label:hover{    color: #b7995b;    text-decoration: underline;}.menu_container .menu li .sub_menu .products_content .category .title a:hover{    text-decoration: underline;}.menu_container .menu li .sub_menu .products_content .category .picture{    max-width: 70px;}.menu_container .menu li .sub_menu .products_content .category .picture img{    width: 100%;}/* responzivita */

@media (max-width: 768px) {    .menu_container .menu li .sub_menu .products_content{        padding-bottom: 20px;    }    .menu_container .menu li .sub_menu .products_content .category{        width: 33%;        padding: 3px 0px;    }    .menu_container .menu > li a .line{        display: none;    }}@media (max-width: 640px) {    .menu_container .menu li .sub_menu .products_content .category{        width: 48%;    }}@media (max-width: 480px) {    .menu_container .menu li .sub_menu .products_content .category{        width: 100%;    }    .menu_container .menu li .sub_menu .products_content .category .picture img{        width: 70%;    }    .menu_container .menu li .sub_menu .products_content .category .title{        max-width: 95%;    }}@media (max-width: 320px) {}