header{position:fixed;z-index:100;top:0;left:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:100%;height:80px;padding:0 20px;background:#fdfaf7}header a .logo-cappella{width:100px;display:block}header .btn-navigation{position:relative;width:46px;height:46px;border:1px solid #cecece;border-radius:50%;cursor:pointer}header .btn-navigation.active span:first-child{top:0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}header .btn-navigation.active span:last-child{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);bottom:0}header .btn-navigation span{position:absolute;display:block;width:18px;height:1px;margin:auto;background:#000;border-radius:50px;left:0;right:0;-webkit-transition:.1s;transition:.1s}header .btn-navigation span:first-child{top:-6px;bottom:0}header .btn-navigation span:last-child{top:0;bottom:-6px}header .btn-navigation:hover span{top:0;bottom:0}header .navigation{position:absolute;top:80px;right:-245px;padding:10px 15px 35px 35px;background:#fdfaf7;-webkit-transition:250ms;transition:250ms}header .navigation.active{right:0}header .navigation .border{width:1px;background:#cecece;position:absolute;height:calc(100% - 50px)}header .navigation .border .z-active{display:block;width:1px;height:0;background:#3e84c3;-webkit-transition:50ms;transition:50ms}header .navigation .border .icon-diams{position:absolute;left:-5px;font-size:12px;color:#3e84c3}header .navigation ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:20px;max-width:140px;list-style-type:none;margin:0 0 0 15px;padding:0}header .navigation ul li{position:relative}header .navigation ul li a{text-decoration:none;font-family:Noto;font-weight:700;color:#000}@media (min-width:1024px){header{padding:0 45px}}@media (max-width:1024px){header .navigation ul li a{font-size:15px}}