@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed&display=swap');

.navigation { margin-top:0; margin-left:7px; text-align:left; display: inline-block;}

.navigation > ul li{display:inline-block; position:relative; list-style-type:none;  margin:0; border-right:#c1c1c1 1px solid}

.navigation > ul > li:last-child{ border:0}

.navigation > ul > li > a{display:block; text-decoration:none; padding:29px 19px; color:#202020; font-family: 'Roboto Condensed', sans-serif !important; font-size:20px; text-transform: uppercase}

.navigation > ul > li:hover > a{color:#2f5496;}
.navigation > ul > li.current-navigation-item a{background:#333; color:#fff}

.navigation > ul > li:hover > a:after, .navigation > ul > li.active > a:after {

    content: '';

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

}

.navigation > ul > li:hover > a:after, .navigation > ul > li.current-navigation-item > a:after {

    content: '';

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

}





.navigation > ul > li ul{width:200px; text-align:left;}

.navigation > ul > li > ul{position:absolute; display:none; left:0; z-index:10;}

.navigation > ul > li:hover > ul{display:block;}

.navigation > ul > li > ul li{}

.navigation > ul > li > ul li a{padding:5px 10px;  display:block; text-decoration:none; color:#fff; background-color: rgba(47,84,150,.8); font-size:13px; font-family:'Raleway', sans-serif; text-transform:uppercase;}

.navigation > ul > li > ul li:hover a{background-color:rgba(47,84,150,1);  color:#fff;}



.navigation > ul > li > ul > li > ul{position:absolute; display:none; left:200px; background:#f20000; top:0; text-align:left;}

.navigation > ul > li > ul > li:hover > ul{display:block; border-top:1px solid #dddddd; border-left:1px solid #dddddd;}

.navigation > ul > li li:hover li a{background:#f7f7f7; color:#444;}

.navigation > ul > li li li:hover a{background:#960109; color:#fff;}

.navigation > ul > li > ul li ul li a{padding:9px 10px;  display:block; text-decoration:none; color:#444; }



.navigation > ul > li > ul > li > ul > li > ul{position:absolute; display:none; left:200px; background:#ff0; top:0; text-align:left;}

.navigation > ul > li > ul > li > ul > li:hover > ul{display:block;}

.navigation > ul > li li li:hover li a{background:#f7f7f7; color:#444;}

.navigation > ul > li li li:hover li a:hover{background:#960109; color:#fff;}



/*.navigation > ul > li#navigation-item-387 > a{padding: 3px 22px 3px 0px;}*/







@media only screen and (max-width: 1400px) {

.navigation > ul > li{margin-right:0; margin-left: 0}


}



@media only screen and (max-width: 1366px) {

.navigation > ul > li{margin-right:0}

}

@media only screen and (max-width: 1199px) {
.navigation > ul > li > a{font-size: 15px}

}

@media only screen and (max-width: 1023px) {

.navigation{border:none; margin:0;}

.navigation ul li{position:relative; }

.navigation ul li a {display:block; color:#fff !important; padding:12px; background:#1e407f; border-bottom:1px solid #d8d6d6; }

.nav-mobile {display:none; cursor:pointer; position:absolute; top:-50px; right:10px; background:url(../images/menu.png) no-repeat 0 0; height:32px; width:32px; }

.nav-click {position:absolute; top:5px; right:10px; display:none; height:38px; width:34px; cursor:pointer; }

.nav-click i {display:block; height:38px; width:34px; background:url(../images/drop.svg) no-repeat center center ; background-size:20px; background-size:38%; }

.nav-click:hover {background-color:transparent; border: #000 1px solid }

.nav-rotate {-webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -ms-transform:rotate(180deg); -o-transform:rotate(180deg); transform:rotate(180deg); }

.nav-mobile {display:block; text-align:left!important; }

.navigation {width:100%; position: absolute; left:0; z-index: 10;text-align:left!important;}

.navigation ul {display:none; }

.navigation ul li {width:100%; float:none; margin:0;}

.navigation > ul > li > ul{display:block}

.navigation > ul > li > ul li a {background:#1e407f; color:#fff; padding-left: 25px;}

.navigation > ul > li > ul li ul li a{color:#fff;}

.navigation > ul > li > ul li {/*border-bottom:1px solid #6f0000;*/}

.nav-click {display:block; }

.nav-mobile-open {border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0; }

.navigation > ul > li:hover > ul,

.navigation > ul > li > ul > li:hover > ul,

.navigation > ul > li > ul > li > ul > li:hover > ul{display:none;}

.navigation ul li ul {position:static; width:100%; }

.navigation > ul > li > ul > li > ul, .navigation > ul > li > ul > li > ul > li > ul{position:static;}

.navigation > ul > li:last-child{ margin:0;}

.navigation ul li ul.sub-navigation li a{padding: 10px 38px}

span.nav-click {right:6px; top:6px}

}