@charset "utf-8";
*{
    margin:0;
    padding:0;
}
/* Navigation*/
nav{
    z-index: 250;
    position: relative;
    width:100%;
}
.bg-dark {
    background-color: rgba(85,85,85,.3) !important;
}

.navbar-dark{
    margin:0;
    padding:0;
}
.navbar-dark .navbar-toggler {
    position: fixed;
/*    position: absolute;*/
    top:20px;
    left:0px;
    border: none;
    z-index:1000;
}

.navbar-nav  {
    height: 100%;
    background: #fff;
    float: left;
    top: 60px;
    position: inherit;
}
.navbar-nav .nav-item {

    height:auto;
    font-size: 1rem;
    width:200px;
    background:#d10404;
    border-bottom:2px solid #fff;
    z-index: 1000;
}
.navbar-nav .nav-item:first-child {

/*    margin-top:60px;*/
    margin-top:-3px;
}

.navbar-nav .nav-link {
    padding-right: 0;
    padding-left: 35px;
    
    width:200px;
}
.navbar-nav .nav-item {
    background: #efefef;
;
    border-bottom:2px solid #fff;
}
.navbar-dark .navbar-toggler-icon {
    background-image: url(../media/toggler-icon_70.svg);
    width: 90px;
    height: 40px;
}
.pos-f-t a {
    color: #878789;
    text-align: left;
}
.pos-f-t a:hover, .pos-f-t a:active {
    color:#555555;
}
.pos-f-t a:focus {
    color: #555555;
}
.mt-2 {
    margin: 2em 0 !important;
    max-height: 90%;
}
.p-4{
    height:100vh;
    margin:0 !important;
    padding:0 !important;
    position:fixed;
    top:0;
}
.pos-f-t {
    z-index: 10000;
    width:100%;
    position: absolute;
    background-color: rgba(85,85,85,0.3);
}

#navigation{
    height:85px;
    width:100%;
    position: fixed;
    top:0;
    background:#fff;
    border-bottom:3px solid #d10404;
/*
    background-image: url(../img/logo-evo.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center; 
*/
    z-index: 200;

}
#navigation img{
/*    object-position: center;*/
    position: relative;
    height:100%;
/*    align-content: center;*/
/*    margin:0 40%;*/
    position: absolute;
    top: -9999px;
    bottom: -9999px;
    left: -9999px;
    right: -9999px;
    margin: auto;
    
}
#navigation ul{
    width:50%;
    position: relative;
    float:right;
    list-style-type: none;
    margin-top:25px;


}
#navigation ul li{
    width:40px;
    margin-right: 20px;
    margin-bottom:10px;
    list-style-type: none;
    display: inline-block;
    float: right;
    position: inherit;
    height: 60px;
}
#navigation ul li img{
    width:40px;
    padding-bottom: 20px;

}


@media (orientation: portrait) { 
    


}

/*xl*/
@media only screen and (max-width: 1699px) {
    


}

/*lg*/
@media only screen and (max-width: 1199px) {
    

}

/*md*/
@media only screen and (max-width: 991px) {



}

/*sm*/
@media only screen and (max-width: 767px) {
    


}

/*xs*/
@media only screen and (max-width: 575px) {
    
#navigation ul li{
    width:30px;
    margin-right: 10px;
    list-style-type: none;
    display: inline-block;
    float: right;
    position: inherit;
    height: 50px;
}


}

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


}