/* Navbar styles moved from main.css */
.wrapper-nav{width:100%;min-height:45px;background-color:#fff;position:relative}
.wrapper-nav>ul{list-style:none}
.wrapper-nav>ul>li{padding:10px 15px;border-bottom:2px solid #fff}
.wrapper-nav>ul>li:hover{border-bottom-color:#d00806}

.wrapper-nav>ul>li{cursor:pointer}

.nav__menu{padding:0;margin:0}
.nav__menu>li{position:relative}
.nav__menu .nav-drop{display:block;opacity:0;max-height:0;visibility:hidden;overflow:hidden;transition:.3s;background:transparent;padding-top:20px;margin-top:0}
.nav-drop{position:absolute;display:none;z-index:20;margin:20px -14px 0;background:#fff}
.nav-drop-item{padding:11px 14px}
.nav__menu .nav-drop-item{background:#d00806}
.nav__menu .nav-drop-item a{color:#fff}
.nav__menu .nav-drop-item:hover{background:#6d1f1e}
.nav-drop.active{display:block;opacity:1;visibility:visible;max-height:max-content}
.nav__menu .nav-drop-item{padding:8px 14px}

.nav__menu-parent{display:block;width:100%;text-align:left;background:none;border:0;padding:0;font:inherit;color:inherit;cursor:pointer}
.arrow-nav{margin-left:8px;transition:.3s;position:relative;width:20px;height:20px;float:right;display:block}
.arrow-nav:before,.arrow-nav:after{content:"";background-color:#035d7f;position:absolute;width:10px;height:3px;top:9px;transition:all .3s ease}
.arrow-nav:before{left:0;transform:rotateZ(45deg)}
.arrow-nav:after{left:6px;transform:rotateZ(135deg)}
.arrow-nav.active:before{transform:rotate(-45deg)}
.arrow-nav.active:after{transform:rotate(45deg)}
.arrow-nav.active{transform:none}

.header__burger{display:none;position:relative;width:30px;height:20px;float:right;margin:15px}
.header__burger span,.header__burger:before,.header__burger:after{position:absolute;background-color:#d00806;left:0;width:100%;height:2px;transition:all .3s ease}
.header__burger:before,.header__burger:after{content:""}
.header__burger:before{top:0}
.header__burger:after{bottom:0}
.header__burger span{top:9px}
.header__burger.active:before{transform:rotate(45deg);top:9px}
.header__burger.active:after{transform:rotate(-45deg);bottom:9px}
.header__burger.active span{transform:scale(0)}

@media (min-width:900px){
  .wrapper-nav>ul.nav__menu>li,
  .wrapper-nav>ul.nav__menu>li *,
  .wrapper-nav>ul.nav__menu>li::before,
  .wrapper-nav>ul.nav__menu>li::after{cursor:pointer}
}

@media (any-hover:hover){
  .nav__menu li:hover .arrow-nav{transform:rotate(-180deg)}
  .nav__menu li:hover .nav-drop{display:block;opacity:1;visibility:visible;max-height:max-content}
  .nav__menu>li:hover::after{content:"";position:absolute;top:100%;left:-14px;right:-14px;height:24px}
}

@media (max-width:899px){
  .wrapper-nav{position:relative}
  .wrapper-nav>ul.nav__menu{display:flex;position:absolute;left:0;right:0;margin:0;width:100%;max-width:none;box-sizing:border-box}
  .wrapper-nav>ul.nav__menu>li{display:none;padding:10px 8px;font-size:16px;position:static}
  .wrapper-nav>ul.nav__menu>li:nth-child(1),
  .wrapper-nav>ul.nav__menu>li:nth-child(2),
  .wrapper-nav>ul.nav__menu>li:nth-child(3){display:flex}
  .wrapper-nav>ul.nav__menu a{white-space:nowrap}

  .wrapper-nav>ul.nav__menu,
  .wrapper-nav>ul.nav__menu>li,
  .wrapper-nav>ul.nav__menu>li>*{
    transition:none!important;
  }

  .header__burger,.header__burger.active{display:block;position:absolute;top:12px;right:15px;float:none;margin:0;z-index:40}

  .nav__menu.active{top:0;position:inherit;display:block}
  .wrapper-nav>ul.nav__menu.active{display:block}
  .wrapper-nav>ul.active a{white-space:normal;display:block;width:100%}
  .wrapper-nav>ul.active li{display:block!important;padding:10px 15px;font-size:16px;position:relative}
.wrapper-nav>ul.nav__menu.active>li:hover{border-bottom-color:#fff}
    .wrapper-nav>ul.active li .nav__menu-parent{display:inline-block;width:auto}
  .wrapper-nav>ul.active li .arrow-nav{position:relative;right:auto;top:auto;transform:none;float:none;margin-left:10px;display:inline-block;vertical-align:middle}

  /* collapsed burger: full-screen dropdown centered under navbar block */
  .nav__menu:not(.active) .nav-drop.active{
    position:absolute!important;
    top:100%;
    left:50%;
    transform:translateX(-50%);
    width:100vw;
    max-width:100vw;
    margin:0;
    box-sizing:border-box;
  }

  /* expanded burger: dropdown appears directly under its own parent */
  .wrapper-nav>ul.nav__menu.active>li{position:relative}
  .wrapper-nav>ul.nav__menu.active .nav-drop.active{
    position:absolute!important;
    top:100%;
    left:0;
    right:0;
    transform:none;
    width:100vw;
    max-width:100vw;
    margin:2px 0 0;
    margin-left:calc(50% - 50vw);
    box-sizing:border-box;
    z-index:30;
  }
  .nav__menu.active .nav-drop .nav-drop-item,
  .nav__menu:not(.active) .nav-drop .nav-drop-item{width:100%}
}

@media (max-width:461px){.wrapper-nav{margin-top:0}}
@media (max-width:340px){.wrapper-nav{margin-top:0}}