@charset "utf-8";
/* CSS Document */

.menuer-col1 { width: 25px; float: left; margin: 0 0 0; position: absolute; top: 73px; left: 3%; z-index: 99999999; }
.menuer-col1 .menuer-row1 { width: 81px; float: left; }
.toggle { float: left; cursor: pointer; margin: 0 0 0; position: relative; z-index: 9999; }
.toggle-text1 { float: left; font-size: 14px; font-weight: 400; color: #c69382; letter-spacing: 0.2px; line-height: 18px; display: block; margin: 0 0 0 10px; font-family: 'Gotham-Light'; text-transform:uppercase}
.toggle-bar1 { width: 25px; float: left; margin: 0 0 0; }
.bar { width: 100%; height: 3px; background: #c69382; display: block; margin: 4px 0 0; -webkit-transition: all .35s ease; transition: all .35s ease; }
.bar:first-child { margin-top: 0; }
.bar:last-child { margin-bottom: 0; }
.middle { top: 11px; }
.bottom { top: 22px; }
.toggle-active .toggle-text1 { color: #ffffff; }
.toggle-active .bar { background: #ffffff; }
.toggle-active .bar:first-child { width: 25px; }
.toggle-active .bar:last-child { width: 25px; }
.toggle-active .top { -webkit-transform: translateY(6px) translateX(0) rotate(45deg); position: relative; top: 1px; }
.toggle-active .middle { opacity: 0; }
.toggle-active .bottom { -webkit-transform: translateY(-12px) translateX(0) rotate(-45deg); position: relative; top: 5px; }
.overlay { position: fixed; z-index: 99999999; background-image: linear-gradient(120deg, #e5c3b8 0%, #c69382 100%); top: 0; right: 0; left: 0; width: 100%; height: 0; visibility: hidden; opacity: 0; -webkit-transition: opacity .35s, visibility .35s, height .35s; }
.nav-active { opacity: 1; visibility: visible; height: 100%;/*    max-height: 340px;*/ }

/*Smartphone css*/
@media screen and (max-width: 480px) {
.menuer-col1 { width: 84px; margin: 0 0 0; position: fixed; top: 16px; left: 5%;  }
.menuer-col1 .menuer-row1 { width: 92px; }
.toggle-text1 { display: block; }
.toggle { padding: 5px; background: #fff}
.toggle-active { background:none}
}
 @media screen and (min-width:481px) and (max-width:600px) {
.menuer-col1 { width: 84px; margin: 0 0 0; position: fixed; top: 16px; left: 5%; }
.menuer-col1 .menuer-row1 { width: 36px; }
.toggle-text1 { display: none; }
.toggle { padding: 5px; background: #fff}
.toggle-active { background:none}
}
 @media screen and (min-width:601px) and (max-width:767px) {
.menuer-col1 { width: 84px; margin: 0 0 0; position: fixed; top: 16px; left: 5%; }
.menuer-col1 .menuer-row1 { width: 90px; }
.toggle-text1 { display: block; }
.toggle { padding: 5px; background: #fff}
.toggle-active { background:none}
}
 @media screen and (min-width:768px) and (max-width:900px) {
.toggle-text1 { display: none; }
.menuer-col1 { width: 25px; left: 3%; }
.menuer-col1 .menuer-row1 { width: 25px; }
.menuer-col1 { top: 27px; }
}
 @media screen and (min-width:901px) and (max-width:1024px) {
.toggle-text1 { display: none; }
.menuer-col1 { width: 25px; left: 3%; }
.menuer-col1 .menuer-row1 { width: 25px; }
.menuer-col1 { top: 27px; }
}
 @media screen and (min-width:1025px) and (max-width:1240px) {
.toggle-text1 { display: none; }
.menuer-col1 { width: 25px; left: 3%; }
.menuer-col1 .menuer-row1 { width: 25px; }
.menuer-col1 { top: 27px; }
}