#menu {
-webkit-transform: translateY(-103%);
-ms-transform: translateY(-103%);
transform: translateY(-103%);
position: fixed;
z-index: 4;
width: 100%;
filter: drop-shadow(0px 2px 6px rgba(0, 0, 0, 0.4));  }
#menu, #menu * {
transition: all 200ms ease; }
#menu.active {
-webkit-transform: translateY(0%);
-ms-transform: translateY(0%);
transform: translateY(0%); }
#menu .menu-main-menu-container {
display: flex;
flex-direction: column-reverse;
align-items: unset;
justify-content: center;
background-color: #fff8f0; }
#menu .menu-main-menu-container #menu-main-menu {
padding-left: 53px;
margin-top: 53px; }
#menu .menu-main-menu-container #menu-main-menu > li {
height: 30pt;
overflow: hidden;
padding-top: 7pt; }
#menu .menu-main-menu-container #menu-main-menu > li a, #menu .menu-main-menu-container #menu-main-menu > li li a span {
text-transform: uppercase;
text-decoration: none;
font-size: 40pt;
font-weight: 700;
color: #ffb854;
line-height: 0.5;
font-family: 'teko'; }
#menu .menu-main-menu-container #menu-main-menu > li a span, #menu .menu-main-menu-container #menu-main-menu > li li a span span {
color: #ffb854; }
#menu .menu-main-menu-container #menu-main-menu > li a:hover, #menu .menu-main-menu-container #menu-main-menu > li li a span:hover {
color: #f26a35; }
#menu .menu-main-menu-container #menu-main-menu > li a:hover span, #menu .menu-main-menu-container #menu-main-menu > li li a span:hover span {
color: #f26a35; }
#menu .menu-main-menu-container #menu-main-menu > li ul li a span {
font: 400 20pt 'Teko'; }
#menu .menu-main-menu-container #menu-main-menu > li.current_page_item a {
color: #de5516; }
#menu .menu-main-menu-container #menu-main-menu > li.current_page_item a span {
color: #de5516; }
#menu .menu-main-menu-container > ul:last-child {
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-end;
width: 100%;
height: 60px;
padding-right: 7px; }
#menu .menu-main-menu-container > ul:last-child > li {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
-webkit-clip-path: polygon(25% 0, 100% 0, 100% 75%, 75% 100%, 0 100%, 0 25%);
clip-path: polygon(25% 0, 100% 0, 100% 75%, 75% 100%, 0 100%, 0 25%);
height: 46px;
width: 46px;
background-color: #de5516;
margin-left: 6px; }
#menu .menu-main-menu-container > ul:last-child > li:hover {
background-color: #dec89b; }
#menu .menu-main-menu-container > ul:last-child > li a {
display: flex;
flex-direction: unset;
align-items: center;
justify-content: center;
-webkit-clip-path: polygon(25% 0, 100% 0, 100% 75%, 75% 100%, 0 100%, 0 25%);
clip-path: polygon(25% 0, 100% 0, 100% 75%, 75% 100%, 0 100%, 0 25%);
height: 42px;
width: 42px;
background-color: #fff8f0;
word-break: break-word;
text-align: center;
line-height: 0.8;
text-transform: uppercase;
text-decoration: none;
color: #de5516;
cursor: pointer; }
#menu .menu-main-menu-container > ul:last-child > li a img {
-webkit-transform: scale(0.65);
-ms-transform: scale(0.65);
transform: scale(0.65);
height: auto;
width: 100%; }
#menu .menu-main-menu-container > ul:last-child > li:last-child a {
padding-top: 3pt; }
#menu #menu_bottom {
display: flex;
flex-direction: row;
align-items: unset;
justify-content: unset;
width: 100%;
height: 50px; }
#menu #menu_bottom div {
height: 100%;
background-color: #fff8f0; }
#menu #menu_bottom div:nth-of-type(1) {
width: 50px;
clip-path: polygon(0% 0%, 100% 0%, 100% 100%); }
#menu #menu_bottom div:nth-of-type(2) {
flex-grow: 1; }
#menu #menu_bottom div:nth-of-type(3) {
width: 50px;
clip-path: polygon(0% 0%, 100% 0%, 0% 100%); }
@media only screen and (min-width: 700px) {  #menu .menu-main-menu-container #menu-main-menu {
padding-left: 80px;
margin-top: 40px; }
#menu .menu-main-menu-container ul:last-child {
height: 80px;
padding-right: 10px; }
#menu .menu-main-menu-container ul:last-child li {
height: 50px;
width: 50px; }
#menu .menu-main-menu-container ul:last-child li a {
height: 46px;
width: 46px;
font-size: 20pt; }
#menu #menu_bottom {
height: 60px; }
#menu #menu_bottom div:nth-of-type(1), #menu #menu_bottom div:nth-of-type(3) {
width: 60px;
flex-shrink: 0; } }
@media only screen and (min-width: 1280px) {  #header {
height: 100%;
position: absolute;
z-index: 1000000; }
#header #menu {
display: flex;
flex-direction: row;
align-items: unset;
justify-content: unset;
-webkit-transform: translateY(0%) translateX(-103%);
-ms-transform: translateY(0%) translateX(-103%);
transform: translateY(0%) translateX(-103%);
width: auto;
height: 100%;
filter: drop-shadow(2px 0px 6px #bababa); }
#header #menu.active {
-webkit-transform: translateY(0%) translateX(0%);
-ms-transform: translateY(0%) translateX(0%);
transform: translateY(0%) translateX(0%); }
#header #menu .menu-main-menu-container {
height: 100%;
flex-direction: row-reverse; }
#header #menu .menu-main-menu-container #menu-main-menu {
display: flex;
flex-direction: column;
align-items: unset;
justify-content: center;
margin-top: 0; }
#header #menu .menu-main-menu-container #menu-main-menu > li {
height: 40pt; }
#header #menu .menu-main-menu-container #menu-main-menu > li a {
line-height: 0.6;
font-size: 50pt; }
#header #menu .menu-main-menu-container > ul:last-child {
flex-direction: column;
justify-content: flex-start;
height: auto;
padding: 0 0 0 10px;
margin-top: 60px; }
#header #menu .menu-main-menu-container > ul:last-child li {
margin: 10px 0 0 0; }
#header #menu #menu_bottom {
flex-direction: column;
height: 100%;
width: 60px; }
#header #menu #menu_bottom div:nth-of-type(1) {
height: 60px;
clip-path: polygon(0% 0%, 100% 100%, 0% 100%); }
#header #menu #menu_bottom div:nth-of-type(3) {
height: 60px; } }
@media only screen and (min-width: 1800px) {  #header #menu .menu-main-menu-container #menu-main-menu {
padding: 0 100px 0 150px; } }
@media only screen and (min-width: 2300px) {  #header #menu .menu-main-menu-container #menu-main-menu > li a {
height: 55pt; }
#header #menu .menu-main-menu-container #menu-main-menu > li a a {
font-size: 70pt;
line-height: 0.7; }
#header #menu .menu-main-menu-container > ul:last-child {
margin-top: 75px; }
#header #menu .menu-main-menu-container > ul:last-child li {
height: 65px;
width: 65px; }
#header #menu .menu-main-menu-container > ul:last-child li a {
height: 61px;
width: 61px;
font-size: 28pt; } }
@media only screen and (min-width: 3800px) {
#header #menu .menu-main-menu-container #menu-main-menu > li {
height: 70pt; }
#header #menu .menu-main-menu-container #menu-main-menu > li a {
font-size: 100pt;
line-height: 0.8; }
#header #menu .menu-main-menu-container > ul:last-child {
margin-top: 90px; }
#header #menu .menu-main-menu-container > ul:last-child li {
height: 80px;
width: 80px; }
#header #menu .menu-main-menu-container > ul:last-child li a {
height: 76px;
width: 76px;
font-size: 32pt; } }
#menu_toggle {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
position: fixed;
top: 7px;
right: 7px;
z-index: 4;
height: 46px;
width: 46px;
background-color: #dec89b;
cursor: pointer;  }
#menu_toggle, #menu_toggle * {
transition: all 200ms ease; }
#menu_toggle:nth-of-type(2) {
right: unset;
left: 7px;
z-index: 5; }
#menu_toggle #inner_menu_toggle {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: 42px;
width: 42px;
background-color: #fff8f0; }
#menu_toggle #inner_menu_toggle span {
display: block;
margin: 0px auto 5px;
height: 2pt;
width: 25px;
background: white;
box-shadow: 0px 2px #404040; }
#menu_toggle #inner_menu_toggle a {
height: 100%;
width: 100%; }
#menu_toggle #inner_menu_toggle a img {
height: 100%;
padding: 5px; }
#menu_toggle:hover #inner_menu_toggle span:first-child {
-webkit-transform: translateX(-10px);
-ms-transform: translateX(-10px);
transform: translateX(-10px); }
#menu_toggle:hover #inner_menu_toggle span:last-child {
-webkit-transform: translateX(10px);
-ms-transform: translateX(10px);
transform: translateX(10px); }
#menu_toggle.open #inner_menu_toggle span {
transform-origin: left; }
#menu_toggle.open #inner_menu_toggle span:first-child {
-webkit-transform: rotate(45deg) translate(10%, -100%);
-ms-transform: rotate(45deg) translate(10%, -100%);
transform: rotate(45deg) translate(10%, -100%); }
#menu_toggle.open #inner_menu_toggle span:nth-of-type(2) {
opacity: 0; }
#menu_toggle.open #inner_menu_toggle span:last-child {
-webkit-transform: rotate(-45deg) translate(0%, 100%);
-ms-transform: rotate(-45deg) translate(0%, 100%);
transform: rotate(-45deg) translate(0%, 100%); }
@media only screen and (min-width: 700px) {  #menu_toggle {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
top: 10px;
right: 10px;
height: 50px;
width: 50px; }
#menu_toggle:nth-of-type(2) {
left: 10px; }
#menu_toggle #inner_menu_toggle {
height: 46px;
width: 46px; }
#menu_toggle #inner_menu_toggle span {
width: 30px; }
#menu_toggle:hover #inner_menu_toggle span:first-child {
-webkit-transform: translateX(-12px);
-ms-transform: translateX(-12px);
transform: translateX(-12px); }
#menu_toggle:hover #inner_menu_toggle span:last-child {
-webkit-transform: translateX(12px);
-ms-transform: translateX(12px);
transform: translateX(12px); }
#menu_toggle.open #inner_menu_toggle span {
transform-origin: left; }
#menu_toggle.open #inner_menu_toggle span:first-child {
-webkit-transform: rotate(45deg) translate(10%, -200%);
-ms-transform: rotate(45deg) translate(10%, -200%);
transform: rotate(45deg) translate(10%, -200%); }
#menu_toggle.open #inner_menu_toggle span:nth-of-type(2) {
opacity: 0; }
#menu_toggle.open #inner_menu_toggle span:last-child {
-webkit-transform: rotate(-45deg) translate(0%, 200%);
-ms-transform: rotate(-45deg) translate(0%, 200%);
transform: rotate(-45deg) translate(0%, 200%); } }
@media only screen and (min-width: 1280px) {  #menu_toggle {
right: unset;
left: 10px;
z-index: 5; }
#menu_toggle:nth-of-type(2) {
left: 70px; } }
@media only screen and (min-width: 2300px) {  #menu_toggle {
width: 65px;
height: 65px; }
#menu_toggle:nth-of-type(2) {
left: 85px; }
#menu_toggle #inner_menu_toggle {
height: 61px;
width: 61px; } }
@media only screen and (min-width: 3800px) {
#menu_toggle {
width: 80px;
height: 80px; }
#menu_toggle:nth-of-type(2) {
left: 100px; }
#menu_toggle #inner_menu_toggle {
height: 76px;
width: 76px; } }