
.logo{
    background-image: url("../img/logo1.png");background-repeat: no-repeat;float: left;
background-position: center;background-size: contain;height: 68px;width:68px;margin-left: 20px;
}

.menueCont
{ 
    position: fixed;
    z-index: 100;
    top:20px;left:20px;
    
}

.lnAnimCont{    height: 12px;
    position: relative;
    top: 0px;
    left: 0px;

}
.AkmnBtn{
    opacity: 0;
    float: left;
    cursor: pointer;
    top: 21px;
    left: 38px;
    position: relative;
}


.lnAnim{
width:inherit;
position: absolute;
height: 2px;
overflow: hidden;

display: inline-block;
overflow: hidden;
vertical-align: middle;
}

.AkmnBtn:hover>.lnAnimCont>.lnAnim::after{
    -webkit-transform: translateX(210%);
    transform: translateX(210%);    
    transition: -webkit-transform .4s cubic-bezier(.455, .03, .515, .955);
    transition: transform .4s cubic-bezier(.455, .03, .515, .955);
    transition: transform .4s cubic-bezier(.455, .03, .515, .955),  -webkit-transform .4s cubic-bezier(.455, .03, .515, .955);

}

.AkmnBtn:hover>.lnAnimCont>.lnAnim::before{
    -webkit-transform: translateX(0%);
   transform: translateX(0%);
   transition: -webkit-transform .4s cubic-bezier(.455, .03, .515, .955);
   transition: transform .4s cubic-bezier(.455, .03, .515, .955);
   transition: transform .4s cubic-bezier(.455, .03, .515, .955),  -webkit-transform .4s cubic-bezier(.455, .03, .515, .955);

}
.lnAnim::after{
    position: absolute;
    top: 0;
    left: 0;
    width: inherit;
    height: inherit;
    background-color: #fff;
    content: '';
    display: block;
    transition: -webkit-transform 0s cubic-bezier(.455, .03, .515, .955);
    transition: -webkit-transform 0s cubic-bezier(.455, .03, .515, .955);
    transition: transform 0s cubic-bezier(.455, .03, .515, .955);
    transition: transform 0s cubic-bezier(.455, .03, .515, .955), -webkit-transform 0s cubic-bezier(.455, .03, .515, .955);

    -webkit-transform:translateZ(0);
    transform:translateZ(0);  
}

.lnAnim::before{

    position: absolute;
    top: 0;
    left: 0;
    width: inherit;
    height: inherit;
    background-color: #fff;
    content: '';
    display: block;
    transition: -webkit-transform 0s cubic-bezier(.455, .03, .515, .955);
    transition: -webkit-transform 0s cubic-bezier(.455, .03, .515, .955);
    transition: transform 0s cubic-bezier(.455, .03, .515, .955);
    transition: transform 0s cubic-bezier(.455, .03, .515, .955), -webkit-transform 0s cubic-bezier(.455, .03, .515, .955);
 
    -webkit-transform: translateX(-110%) translateZ(0);
    transform: translateX(-110%) translateZ(0);
}

.b2::after,.b2::before{
    transition-delay: .1s!important;
}

.b3::after,.b3::before{
    transition-delay: .2s!important;
}









@media only screen and (max-width: 600px) {


    
.logo{
background-position: center;background-size: contain;height: 58px;width:58px;margin-left: 10px;
}

}


