@charset "utf-8";

/* CSS Document */



.menuer-row1 { width: 110px; float: left; overflow: hidden; margin: 0 0 0; position: absolute; top: 7px; left: 10px; z-index: 9999999; }

.menuer-row1 .menuer-bar1 { width: 110px; float: left; }

.toggle { float: left; background-image: -webkit-linear-gradient(top, #e0b626, #eac855), -webkit-linear-gradient(top, #e0b626, #eac855); border-radius: 40px; cursor: pointer; margin: 0 0 0; padding: 12px 18px 12px 20px; position: relative; z-index: 9999; }

.toggle-bar1 { width: 19px; float: left; margin: 0 0 0; }

.toggle-text1 { float: left; font-size: 14px; font-weight: 400; color: #ffffff; letter-spacing: 0.2px; line-height: 15px; display: inline-block; margin: 0 0 0 11px; font-family: 'Poppins', sans-serif; font-weight: 700; }

.bar { width: 100%; height: 3px; background: #ffffff; display: block; margin: 3px 0 0; -webkit-transition: all .35s ease; transition: all .35s ease; }

.bar:first-child { margin-top: 0; }

.middle { top: 11px; }

.bottom { top: 22px; }

.toggle-active .toggle-text1 { color: #ffffff; }

.toggle-active .bar { background: #ffffff; }

.toggle-active .top { -webkit-transform: translateY(6px) translateX(0) rotate(45deg); position: relative; top: 0; }

.toggle-active .middle { opacity: 0; }

.toggle-active .bottom { width: 100%; -webkit-transform: translateY(-12px) translateX(0) rotate(-45deg); position: relative; top: 6px; }

.overlay { position: fixed; z-index:9999999; background-image: linear-gradient(120deg, #e5bef6 0%, #652481 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;*/ }

.menuer-row1 .fixed { left:10px;}



/*Smartphone css*/

@media screen and (max-width: 480px) {

.toggle-text1 { font-size: 13px; line-height: 13px; margin: 1px 0 0 10px; }

.menuer-row1 { width: 90%; margin: 0 auto 0; position: fixed; top: 18px; right: 0; left: 0; }

.menuer-row1 .menuer-bar1 { width: 112px; }

.menuer-row1 .fixed { left: 0;}

}

 @media screen and (min-width:481px) and (max-width:600px) {

.toggle-text1 { font-size: 13px; line-height: 13px; margin: 1px 0 0 10px; }

.menuer-row1 { width: 90%; margin: 0 auto 0; position: fixed; top: 18px; right: 0; left: 0; }

.menuer-row1 .menuer-bar1 { width: 112px; }

.menuer-row1 .fixed { left: 0;}

}

 @media screen and (min-width:601px) and (max-width:767px) {

.toggle-text1 { font-size: 13px; line-height: 13px; margin: 1px 0 0 10px; }

.menuer-row1 { width: 90%; margin: 0 auto 0; position: fixed; top: 18px; right: 0; left: 0; }

.menuer-row1 .menuer-bar1 { width: 112px; }

.menuer-row1 .fixed { left: 0;}


}

 @media screen and (min-width:768px) and (max-width:900px) {

.menuer-row1 { width: 50px; margin: 0 0 0; position: fixed; top: 4px; }

.menuer-row1 .menuer-bar1 { width: 50px; }

.toggle { padding: 12px 15px 12px 15px; }

.toggle-text1 { display: none; }

}

 @media screen and (min-width:901px) and (max-width:1024px) {

.menuer-row1 { width: 59px; margin: 0 0 0; position: fixed; top: 4px; }

.menuer-row1 .menuer-bar1 { width: 59px; }

.toggle { padding: 12px 20px 12px 20px; }

.toggle-text1 { display: none; }

}

 @media screen and (min-width:1025px) and (max-width:1240px) {

}