/* menus */
.menus{position: absolute;height: 75px;top:0;right: 0;width:100%;}
.menus.open{visibility: visible;}
.main-menu{position: relative;margin: auto;display: block;width: 716px;}
.menus ul {background:#231f20;height: 75px;}
.menus.open,.menus.open ul{transform:translateX(0%);-webkit-transform:translateX(0%);-moz-transform:translateX(0%);-ms-transform:translateX(0%);-o-transform:translateX(0%);}
.menus ul li{display: inline-block;font-family: "roboto_condensedbold";font-size: 16px;line-height: 75px;padding:0px 13px;cursor: pointer;letter-spacing: 1px;}
.menus ul li:hover{background: #404041;}
.menus ul li a{color: #f1f1f2;text-decoration: none;height: 75px;width: 100%;display: block;}


/* menu burger */
.menu-handler{width: 70px;height: 50px;cursor: pointer;display: block;position: absolute;z-index: 700;top:13px;right:0;background: #231f20}
.burger{width: 35px;height: 3px;background: #f1f1f2;display: block;position: absolute;z-index: 5;top: 23px;left: 43%;margin: 0 0 0 -15px;transform-origin: center;-webkit-transform-origin: center;-moz-transform-origin: center;-o-transform-origin: center;-ms-transform-origin: center;}
.menu-handler:hover .burger{background: #bbbdbf;}
.menu-handler .burger-1 {-moz-transform: translateY(-9px);-webkit-transform: translateY(-9px);-o-transform: translateY(-9px);-ms-transform: translateY(-9px);transform: translateY(-9px);}
.menu-handler .burger-1.rotated {-moz-transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-o-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg);}
.menu-handler .burger-3 {-moz-transform: translateY(9px);-webkit-transform: translateY(9px);-o-transform: translateY(9px);-ms-transform: translateY(9px);transform: translateY(9px);}
.menu-handler .burger-2.rotated {-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);filter: alpha(opacity=0);opacity: 0;-moz-opacity: 0;-khtml-opacity: 0;-webkit-opacity: 0;}
.menu-handler .burger-3.rotated {-moz-transform: rotate(45deg);-webkit-transform: rotate(45deg);-o-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}

@media screen and (max-width: 768px){
.menus{;z-index: 100;overflow: visible;top:65px;height: auto;}
.main-menu{width: 100%;}
/*.menus ul{background: rgba(255, 255, 255, 0);}*/
.menus ul:before{display: block;content: "";height: 0px;background: #231f20;border-bottom: 1px solid #404041;}
.menus,.menus ul{transform:translateY(-800%);-webkit-transform:translateY(-800%);-moz-transform:translateY(-800%);-ms-transform:translateY(-800%);-o-transform:translateY(-800%);height: auto;}
.menus.open,.menus.open ul{transform:translateY(25px);-webkit-transform:translateY(25px);-moz-transform:translateY(25px);-ms-transform:translateY(25px);-o-transform:translateY(25px);}
.menus .main-menu ul:after{height: 150px;display: block;content: "";background: #231f20;}
.menus ul li{display: block;z-index: 999;background:#231f20;line-height: 40px;border-bottom: 1px solid #404041;font-size: 12px;}
.menus ul li a{padding-left: 25px;height: 40px;}
}

@media screen and (min-width: 769px){
	.menus ul li{padding: 0px 5px;font-size: 12px;}
}

@media screen and (min-width: 1025px){
	.menus ul li{padding: 0px 7px;font-size: 16px;}
}

@media screen and (min-width: 1281px){
	.menus ul li{font-size: 16px;}
}