﻿@charset "utf-8";
.globNav-toggle { display: none;}
.globNav-inner{ overflow: hidden;}
.globNav-inner > li { float: left;}
 
@media only screen and (max-width: 1023px) {
.globNav-toggle {
	display: block;
	text-align: right;
	cursor: pointer;
	margin-right: 10px;
}
.btn{
    width: 35px;
    height: 35px;
    position: absolute;
    right :15px;
    top: 7px;
	background: #80C070;
}
.btn:before,
.btn:after,
.btn span{
    display: block;
    width: 80%;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
}
.btn span{
    height: 3px;
    background-color: #fff;
    top: calc(50% - 1.5px);
}

.btn:before{
    content: "";
    top: calc(25% - 3px);
    border-top: 3px solid #fff;
}
.btn:after{
    content: "";
    bottom: calc(25% - 3px);
    border-bottom: 3px solid #fff;
}
.btn.on span{
    display: none;
}

.btn.on:before{
    top: calc(50% - 1.5px);
    -webkit-transform: rotate(315deg);
    -moz-transform: rotate(315deg);
    transform: rotate(315deg);
}
.btn.on:after{
    bottom: calc(50% - 1.5px);
    -webkit-transform: rotate(-315deg);
    -moz-transform: rotate(-315deg);
    transform: rotate(-315deg);
}
.globNav-inner{ display: none}
.globNav-inner > li { float: none;}
}
@media only screen and (min-width: 1023px) {
.globNav-inner{ display: block!important;
overflow:auto;
clear:both;}
}

