@charset "utf-8";.header{padding:45px 0 5px 0;background-color:var(--main-color-group-black)}.header-menu{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:0 50px}.header-logo{width:197px;height:74px;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.logo-link{display:block}.logo-link>img{width:100%;height:100%}@media screen and (max-width:450px){.header-logo{width:165px;height:61px}}.mobile-menu-icon{display:none;pointer-events:none}.menu-icon{display:none;pointer-events:none}.close-cross{display:none;pointer-events:none}.close-cross.active{display:block;pointer-events:all;width:50px;height:50px}.menu-block{width:100%;max-width:766px}.menu-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;height:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:0 10px}.menu-list{-webkit-box-flex:0;-ms-flex:0 1 100%;flex:0 1 100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:16px 20px 18px 20px;border:2px solid var(--main-color-group-yellow);border-radius:40px;gap:0 10px}.menu-link{-webkit-transition:color .5s ease-in-out;-o-transition:color .5s ease-in-out;transition:color .5s ease-in-out}.menu-list.one-el{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;cursor:pointer;-webkit-transition:border .5s ease-in-out;-o-transition:border .5s ease-in-out;transition:border .5s ease-in-out}.selected-menu-el{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;padding:16px 20px 18px 20px;background-color:var(--main-color-group-yellow);-webkit-transition:background-color .5s ease-in-out;-o-transition:background-color .5s ease-in-out;transition:background-color .5s ease-in-out;cursor:pointer}@media (hover:hover) and (pointer:fine){.menu-list:not(.selected-menu-el) .menu-link:hover{color:var(--main-color-group-yellow-hover)}.menu-list.selected-menu-el:hover{background-color:var(--main-color-group-yellow-hover)}.menu-list.one-el:hover{border:2px solid var(--main-color-group-yellow-hover)}.menu-list.one-el:hover .menu-link{color:var(--main-color-group-yellow-hover)}}@media screen and (max-width:960px){.menu-block{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.menu-block._active{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;position:fixed;inset:0;width:100vw;height:100vh;max-width:100%;background-color:var(--main-color-group-absolute-black);z-index:100;overflow:auto}.menu-wrapper{display:none;pointer-events:none}.menu-block._active .menu-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;pointer-events:all;margin:130px 0 0 0;width:auto;height:100%;max-height:340px;font-size:var(--font-size-30);text-transform:uppercase}.menu-list{height:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0;border:none}.mobile-menu-icon{display:-webkit-box;display:-ms-flexbox;display:flex;pointer-events:all;cursor:pointer}.menu-block._active .mobile-menu-icon{display:-webkit-box;display:-ms-flexbox;display:flex;pointer-events:all;width:100%;height:auto;margin:50px 40px 0 0;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.menu-icon{display:block;pointer-events:all;width:50px;height:50px}.menu-block._active .menu-icon{display:none;pointer-events:none}.menu-block._active .close-cross{display:block;pointer-events:all;width:50px;height:50px}.mobile-selected-menu-el{color:var(--main-color-group-yellow)}}@media screen and (max-width:767px){.menu-block._active .menu-wrapper{margin:190px 0 0 0;max-height:240px;font-size:var(--font-size-20)}}@media screen and (max-width:767px) and (max-height:736px){.menu-block._active .menu-wrapper{margin:100px 0 0 0}}