#btn_menu{cursor:pointer; display:none; position:absolute; right:10px; top:0; width:25px;transform: translateY(-50%);}
#btn_menu #menuText{left:-62px; position:absolute;top:0}
#btn_menu span{background:#000; border-radius:3px; display:block; height:3px; margin-bottom:4px; transition:transform .3s}
#menuActive{display:none}
#menuActive:checked ~ #btn_menu span:nth-child(1){-ms-transform:translateY(8px) rotate(45deg);-webkit-transform:translateY(8px) rotate(45deg);transform:translateY(8px) rotate(45deg)}
#menuActive:checked ~ #btn_menu span:nth-child(2){-ms-transform:translateX(80px);-webkit-transform:translateX(80px);transform:translateX(80px)}
#menuActive:checked ~ #btn_menu span:nth-child(3){-ms-transform:translateY(-6px) rotate(-45deg);-webkit-transform:translateY(-6px) rotate(-45deg);transform:translateY(-6px) rotate(-45deg)}
#menuActive:checked ~ nav{-ms-transform:translateX(0);-webkit-transform:translateX(0);overflow-y:scroll;transform:translateX(0)}

/*@media screen and (max-width: 1195px) {
    body.smallHeader header,header{height: 8.5vw;}
    header .nav{width: auto;}
}*/

@media screen and (max-width: 1195px) {
    header .logo_space, body.smallHeader header .logo_space{width: 35vw; display: block; margin: auto; margin-left: auto}
    body.smallHeader header .logo_space{ width: 10vw;overflow:hidden; }
    body.smallHeader header .logo_space::before{display: none;}
    body header .wMax1350{display:flex; justify-content: center; align-items: center;/*text-align: center;*/}
    body.smallHeader header,header{height: 9.2vw;}
    body, body.smallHeader{padding-top:9.2vw;}
    header .nav, body.smallHeader header .nav{top: auto; width: 0; float: right; }
    header nav{-webkit-overflow-scrolling: touch; text-align: center;color:#FFF;height:calc(100% - 60px);width:100%;background:rgba(0,0,0,0.7);overflow:scroll;position:fixed;right:0;top:9.2vw;padding: 20px 0}
    header nav form{display: block;}
    body header nav ul , body header nav ul li{display: block; width: 100%; text-align: center; margin: 0;}
    body header nav ul{left:auto !important; height: auto !important; margin: auto; text-transform: uppercase; transform: none; width: 95%}
    header #btn_menu{display:block}
    
    #menuActive ~ nav{-ms-transform:translateX(100%);-webkit-transform:translateX(100%);transform:translateX(100%);transition:transform .6s}
    body header nav ul ul{top:auto; opacity: 1; background: transparent; position: relative; margin-top: 0; text-transform: none; padding: 5px 0 20px 0;}
    
    body header nav ul li, body header nav  ul li:hover,body header nav  ul li li:hover{padding-bottom: 5px;padding-top: 5px;margin-top: 0;margin-bottom: 0}

    header nav ul li li.active{color: inherit;}
    header nav ul li li.active a::after{content: " «"}
    header nav ul li li.active a::before{content: "» "}

    header nav #btn_search{display: none;}
    body header form{ opacity: 1; width: 100%;top: auto; right: auto; position: relative; background-color: transparent; margin-top: 10px}
    body header form .searchbar{ width: 60%; max-width: 300px; border-bottom:none; border-radius: 25px; height: 40px; background-color: rgba(255,255,255,0.5);}
    body header form button{top:auto; left: auto;position: relative;display: inline-block; margin-left: -40px; z-index: 2; color: #F08202;height: 40px;width: 40px;}
}