@charset "utf-8";

/* CSS Document */



.menuer-col1 {

	width: 94px;

	float: right;

	overflow: hidden;

	margin: 0 0 0;

	position: relative;

	top: 100px;

	/*right: 52px;*/
	right: 0;

	z-index: 99999999;

}

.menuer-col1 .menuer-row1 {

	width: 94px;

	float: left;

}

.toggle {

	float: left;

	cursor: pointer;

	margin: 0 0 0;

	position: relative;

	z-index: 9999;

}

.toggle-bar1 { width: 35px; float: left;

	background: #00a788;

	border-radius: 50%;

	cursor: pointer;

	margin: 0 0 0;

	padding: 12px 10px 12px;

	position: relative;}

	

.toggle-text1 {

	float: left;

	font-size: 14px;

	font-weight: 700;

	color: #fff;

	letter-spacing: 0;

	line-height: 23px;

	text-transform: uppercase;

	margin: 10px 10px 0 0;

}

.bar {

	width: 100%;

	height: 2px;

	background: #ffffff;

	display: block;

	margin: 3px 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 .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: 7px;

}

.overlay {width: 0%;height: 100%;background-image: linear-gradient(120deg, #275d82d1 0%, #275d82e3 100%);visibility: hidden;opacity: 1;transition: all 500ms cubic-bezier(0.62, 0.04, 0.3, 1.8);transition-delay: 50ms;position: fixed;top: 0;right: 0;left: inherit;z-index: 9999999;}

.nav-active {opacity: 1;visibility: visible;height: 100%;/*    max-height: 340px;*/max-width: 100%;width: 400px;left: inherit;}

.menuer-col1 .scroll.float-panel.fixed, .menuer-col1 .scroll.float-panel {
    width: 110px !important;
    right: 0 !important;
    left: auto !important;
    float: left !important;
    padding: 0 !important;
    animation: none !important;
}
.menuer-col1 .scroll.float-panel .menuer-row1.toggle, .menuer-col1 .scroll.float-panel.fixed .menuer-row1.toggle {
    /*right: 7% !important;*/
    position: fixed !important;
}
.menuer-col1 .scroll.float-panel.fixed .menuer-row1.toggle {  top: 13px;}
.menuer-col1 .scroll.float-panel .menuer-row1.toggle.toggle-active {top: 23%;right: 16.6rem !important;}

.overlay.mob {display: none;}


/*Smartphone css*/

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

.menuer-col1 { margin:0 0 0; position:fixed; top:16px; left:5%;}

.toggle-text1 { color:#00a788; float:right; margin:10px 0 0 10px;}

.nav-active { width: 100%;}

.menuer-col1 .scroll.float-panel .menuer-row1.toggle.toggle-active {top: 16px;right: 7% !important;}

.overlay.desk {display: none;}
.overlay.mob {display: block;}

}



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

.menuer-col1 { margin:0 0 0; position:fixed; top:16px; left:5%;}

.toggle-text1 { color:#00a788;}

.toggle-text1 { color:#00a788; float:right; margin:10px 0 0 10px;}

.nav-active { width: 300px;}

.menuer-col1 .scroll.float-panel .menuer-row1.toggle.toggle-active {top: 16px;right: 7% !important;}

.overlay.desk {display: none;}
.overlay.mob {display: block;}

}



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

.menuer-col1 { margin:0 0 0; position:fixed; top:16px; left:5%;}

.toggle-text1 { color:#00a788;}

.toggle-text1 { color:#00a788; float:right; margin:10px 0 0 10px;}

.nav-active { width: 300px;}


.menuer-col1 .scroll.float-panel .menuer-row1.toggle.toggle-active {top: 16px;right: 7% !important;}

.overlay.desk {display: none;}
.overlay.mob {display: block;}

}



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

.menuer-col1 { right:3%; top:150px;}

.menuer-col1 .scroll.float-panel .menuer-row1.toggle, .menuer-col1 .scroll.float-panel.fixed .menuer-row1.toggle {width: auto; right: 3% !important;}

.nav-active { width: 300px;}


.menuer-col1 .scroll.float-panel .menuer-row1.toggle.toggle-active {top: 15%;right: 10.9rem !important;}

.toggle-text1 {display: none;}

}


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

.menuer-col1 { right:3%; top:150px;}

.menuer-col1 .scroll.float-panel .menuer-row1.toggle, .menuer-col1 .scroll.float-panel.fixed .menuer-row1.toggle { right: 3% !important; width: auto;}

.nav-active { width: 300px;}

.menuer-col1 .scroll.float-panel .menuer-row1.toggle.toggle-active { top: 20%; right: 10.9rem !important;}

.toggle-text1 {display: none;}

}



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

.menuer-col1 { right:3%; top:150px;}

.menuer-col1 .scroll.float-panel .menuer-row1.toggle, .menuer-col1 .scroll.float-panel.fixed .menuer-row1.toggle { right: 0 !important;}

.nav-active { width: 340px;}

.menuer-col1 .scroll.float-panel .menuer-row1.toggle.toggle-active { top: 20%; right: 13.2rem !important;}

.toggle-text1 {display: none;}

}



@media screen and (min-width:1241px) and (max-width:1340px) {

.menuer-col1 { right:3%; top: 150px;}

.menuer-col1 .scroll.float-panel .menuer-row1.toggle, .menuer-col1 .scroll.float-panel.fixed .menuer-row1.toggle {right: 3% !important;}

.nav-active { width: 380px;}

.menuer-col1 .scroll.float-panel .menuer-row1.toggle.toggle-active { top: 20%; right: 15.3rem !important;}



}



@media screen and (min-width:1341px) and (max-width:1570px) {

.menuer-col1 { right:3%; top: 160px;}
 
.menuer-col1 .scroll.float-panel .menuer-row1.toggle.toggle-active { top: 18%; }

}