.sub-header {
 display:block;
}
.sub-header > div::after {
 content:" ";
 visibility:hidden;
 display:block;
 height:0;
 clear:both;
}
nav {
 padding:0;
 margin:0;
 display:block;
 line-height:8px;
 text-align:left;
}
nav ul {
 padding:0;
 margin:0;
 display:inline-block;
 width:100%;
 line-height:inherit;
}
nav ul li {
 list-style-type:none;
 list-style-position:outside;
 margin:0;
 float:left;
 padding:6px 12px;
 position:relative;
 width:100%;
 line-height:inherit;
}
.sub-header nav ul li,
header nav ul li {
 width:auto;
 padding:0;
 line-height:inherit;
}
nav ul li .icon {
 width:0.31em;
 height:0.31em;
 float:left;
 margin-right:6px;
}
nav ul li.form input {
 width:calc(100% - 44px);
}
header nav ul li .icon {
 width:20px;
 height:20px;
}
nav ul li a {
 opacity:0.7;
 line-height:inherit;
 color:inherit;
}
nav ul li a:hover {
 opacity:0.9;
}
nav ul li.selected a {
 opacity:1;
}
.sub-header nav,
footer nav,
header nav {
 margin:0.8rem 0.5rem;
}
.sub-header nav ul li {
 margin:0 0.5rem;
}
footer nav ul li,
header nav ul li {
 margin:0.7rem 0.5rem;
}
footer nav ul li.title,
header nav ul li.title {
 font-size:140%;
 font-weight:bold;
}
header {
 display:block;
}
header nav ul li.logo {
 margin:-5px 0.5rem 0 0;
}
header nav ul li.logo img {
 height:42px;
}
footer {
 display:inline-block;
}
footer nav ul li .icon {
 width:12px;
 height:12px;
}
footer nav {
 line-height:inherit;
}
footer nav ul li.logo {
 margin:-0.4rem 0.5rem 0;
}
footer nav ul li.logo img {
 height:30px;
}
.pre-header {
 display:block;
 width:100%;
 height:60px;
 position:relative;
}
.pre-header header {
 position:fixed;
 top:0;
 left:0;
 z-index:10000;
}
.pre-header header nav {
 margin:1.2rem 0.5rem;
}
nav.icons > ul > li,
nav.list > ul > li {
  display:inline-block;
  height:150px;
  width:150px;
  background-color:var(--form-input-background);
  border:var(--white-10) 1px solid;
  border-radius:var(--radius);
  margin:5px;
  position:relative;
  padding:0;
}
nav.icons > ul > li.zoom,
nav.icons.zoom > ul > li {
 border:none;
 height:152px;
 width:152px;
}
nav.list.no-bg > ul > li,
nav.list.zoom > ul > li,
nav.list > ul > li.bold,
nav.list > ul > li.dash,
nav.list > ul > li.no-bg,
nav.list > ul > li.zoom,
nav.icons.no-bg > ul > li,
nav.icons.zoom > ul > li,
nav.icons > ul > li.bold,
nav.icons > ul > li.dash,
nav.icons > ul > li.no-bg,
nav.icons > ul > li.zoom {
 background-color:inherit;
}
nav.list > ul > li.bold,
nav.icons > ul > li.bold {
  border-style:solid;
}
nav.list > ul > li.dash,
nav.icons > ul > li.dash {
  border-style:dashed;
}
nav.menu > ul > li.bold,
nav.icons > ul > li.bold,
nav.menu > ul > li.dash,
nav.icons > ul > li.dash {
 height:146px;
 width:146px;
}
nav.menu.vertical {
  width:40px;
}
nav.menu > ul > li {
  height:40px;
  width:40px;
}
nav.list > ul > li {
 width:100%;
 height:auto;
 margin:0 0 6px 0;
 float:left;
 padding:0;
}
nav.menu > ul > li {
 margin:0 6px 0 0;
 opacity:1;
 padding:0;
}
nav.menu > ul > li a {
 opacity:1;
}
nav.menu.vertical > ul > li {
 margin:0 0 6px;
}
nav.menu > ul > li.zoom,
nav.menu.zoom > ul > li {
 height:40px;
 width:40px;
}
nav.icons > ul > li:hover,
nav.list > ul > li:hover,
nav.menu > ul > li:hover {
border-color:var(--form-input-border-hover);
}
nav.icons > ul > li > a,
nav.list > ul > li > a,
nav.menu > ul > li > a {
  width:100%;
  height:100%;
  display:block;
}
nav.icons > ul > li > a,
nav.list > ul > li > a,
nav.menu > ul > li > a,
nav.icons > ul > li > a:hover,
nav.list > ul > li > a:hover,
nav.menu > ul > li > a:hover {
 color:inherit;
}
nav.icons > ul > li > a > span,
nav.list > ul > li > a > span,
nav.menu > ul > li > a > span {
  background-color:var(--form-input-border-hover);
  border-radius:var(--radius);
}
nav.icons > ul > li > a > span,
nav.list > ul > li > a > span,
nav.menu > ul > li > a > span,
nav.icons > ul > li > a > span.img,
nav.list > ul > li > a > span.img,
nav.menu > ul > li > a > span.img {
  height:60%;
  width:60%;
  margin:10% auto 6%;
  display:block;
  opacity:0.97;
}
nav.icons > ul > li.dash > a > span,
nav.list > ul > li.dash > a > span,
nav.menu > ul > li.dash > a > span {
  opacity:0.3;
}
nav.icons > ul > li.zoom > a > span,
nav.list > ul > li.zoom > a > span,
nav.menu > ul > li.zoom > a > span,
nav.icons.zoom > ul > li > a > span,
nav.list.zoom > ul > li > a > span,
nav.menu.zoom > ul > li > a > span {
 height:100%;
 width:100%;
 margin:0;
 z-index:100;
}
nav.list > ul > li > a > span {
 height:40px;
 width:40px;
 margin:4px 10px 4px 4px;
 float:left;
}
nav.list > ul > li > a > span i.icon,
nav.icons > ul > li > a > span i.icon,
nav.menu > ul > li > a > span i.icon {
 width:50%;
 height:50%;
 margin:23% 25% 28%;
}
nav.icons > ul > li > a > div,
nav.menu > ul > li > a > div {
 text-align:center;
 width:100%;
 opacity:0.8;
}
nav.list > ul > li > a > div {
 text-align:left;
 width:calc(100% - 54px);
 float:left;
 line-height:48px;
}
nav.list > ul > li > a > div.line {
 line-height:16px;
 padding-top:8px;
}
nav.icons > ul > li small,
nav.list > ul > li > a > div > small {
 width:calc(100% - 100px);
 display:block;
 font-weight:normal;
}
nav.icons > ul > li.zoom > a > div,
nav.list > ul > li.zoom > a > div,
nav.menu > ul > li.zoom > a > div,
nav.icons.zoom > ul > li > a > div,
nav.list.zoom > ul > li > a > div,
nav.menu.zoom > ul > li > a > div {
 display:none;
}
nav.menu.vertical > ul > li > div {
 font-size:9px;
}
nav.icons > ul > li > a:hover > div,
nav.list > ul > li > a:hover > div,
nav.menu > ul > li > a:hover > div,
nav.icons > ul > li > a:hover > span,
nav.list > ul > li > a:hover > span,
nav.menu > ul > li > a:hover > span {
 opacity:1;
}
nav.icons > ul > li > nav,
nav.list > ul > li > nav,
nav.menu > ul > li > nav {
 position:absolute;
 top:-4px;
 right:-4px;
 z-index:100;
 opacity:0;
}
nav.list > ul > li > nav {
 opacity:0.8;
 right:10px;
 top:11.4px;
}
nav.icons > ul > li:hover > nav,
nav.list > ul > li:hover > nav,
nav.menu > ul > li:hover > nav {
 opacity:1;
}
nav.icons > ul > li > nav li,
nav.list > ul > li > nav li,
nav.menu > ul > li > nav li {
 padding:0;
 float:left;
 width:23px;
 margin:0 0 0 3px;
}
nav.icons > ul > li > nav li a,
nav.list > ul > li > nav li a,
nav.menu > ul > li > nav li a {
 padding:4px;
 background-color:var(--white-60);
 border-radius:var(--radius);
 display:inline-block;
}
nav.icons > ul > li > nav li a:hover,
nav.list > ul > li > nav li a:hover,
nav.menu > ul > li > nav li a:hover {
 background-color:var(--white-40);
}
nav.icons > ul > li > nav li a i.icon,
nav.list > ul > li > nav li a i.icon,
nav.menu > ul > li > nav li a i.icon {
 background-color:var(--black-60);
 margin-right:0;
}
nav.menu.small {
 width:30px;
}
nav.menu.small > ul > li {
 height:30px;
 width:30px;
}
nav.menu > ul > li > a > span.img {
 background-color:unset;
}
nav.menu.floating {
 padding:6px 4px 0;
 position:fixed;
 background-color:rgba(255,255,255,0.1);
 border-radius:var(--radius);
 border:1px solid rgba(0,0,0,0.05);
 right:4px;
 top:4px;
 z-index:999;
}
nav.icons > ul > li small {
 display:none;
}
nav.icons > ul > li > a > div {
 line-height:14px;
 padding:0 3px;
 width:calc(100% - 6px);
}

nav ul li.logo a {
 opacity:1;
}
li.phone-page-menu,
nav.phone-page-menu li.close {
 display:none;
}
nav.list > ul > li:last-child {
 margin:0;
}
nav.list > ul > li.clean {
 border:none;
}
nav.list > ul > li.clean > a > span {
 margin:0 10px 0 0;
}
nav.list > ul > li.clean > a > div {
 line-height:39px;
}
nav > ul > li.phone-show {
 display:none;
}
@media (max-width:480px) {
 nav.right,
 nav.left {
  width:calc(100% - 1rem);
 }
 nav.phone-page-menu {
  display:none;
 }
 nav.phone-page-menu.show {
  display:block;
  width:100vw;
  height:100vh;
  position:fixed;
  z-index:100;
  right:0;
  top:0;
  margin:0;
  background-color:rgba(255,255,255,0.9);
 }
 nav.phone-page-menu.show li.close {
  display:block;
  width:auto;
  position:absolute;
  right:-20vw;
  top:-10vh;
  margin:0.7rem 0.5rem;
 }
 nav.phone-page-menu.show ul {
  position:absolute;
  left:20vw;
  top:10vh;
  width:60vw;
 }
 nav.phone-page-menu.show li {
  width:100%;
  font-size:20px;
  line-height:20px;
 }
 li.phone-page-menu {
  display:block;
  float:right;
  margin:0.3rem 0;
 }
 nav > ul > li.phone-show {
  display:inherit;
 }
}