/*HAMBURGER*/
.hamburger{position:absolute; display:none; top: 54px; right:40px; width: 25px; height: 17px; cursor:pointer;}
.hamburger div{position:absolute; left:-60px; font-size:16px; line-height:14px; text-transform:uppercase;}
.hamburger span{position:absolute; left:0; width:100%; height:3px; background:#5d6db1; transition:All 0.3s ease;}
.hamburger span:nth-of-type(1){top:0;}
.hamburger span:nth-of-type(2){top:50%; margin-top:-1.5px;}
.hamburger span:nth-of-type(3){bottom:0;}
.hamburger.down span:nth-of-type(1){top:50%; margin-top:-1.5px; -webkit-transform:rotate(45deg); transform:rotate(45deg);}
.hamburger.down span:nth-of-type(2){display:none;}
.hamburger.down span:nth-of-type(3){bottom:50%; margin-bottom:-1.5px; -webkit-transform:rotate(-45deg); transform:rotate(-45deg);}
.hamburger_nav{display:none; position:fixed; width:100%; height:100%; z-index:999; overflow:hidden;}
.hamburger_nav .bg{position:absolute; width:100%; height:100%; background:#5d6db1; z-index:1;}
.hamburger_nav.active .bg{-webkit-animation:hamburger_nav 0.3s ease 0s 1 both; animation:hamburger_nav 0.3s ease 0s 1 both;}
.hamburger_nav .bg{-webkit-animation:hamburger_nav_rev 0.3s ease 0s 1 both; animation:hamburger_nav_rev 0.3s ease 0s 1 both;}
.hamburger_nav ul{position:absolute; left:50%; top:50%; width:100%; margin:0; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); padding:0; z-index:2;}
.hamburger_nav ul li{width:100%; padding:0; margin:0; text-align:center;}
.hamburger_nav ul li a{display:inline-block; font-size:26px; line-height:50px; color:#fff; opacity:1 \9;}
.hamburger_nav ul li a.active, .hamburger_nav ul li a:hover{color:#000 !important;}
.hamburger_nav ul ul{display:none;}
.hamburger_nav .close{position:absolute; top:-50px; right:15px; display:inline-block; width:24px; height:24px; cursor:pointer; z-index:2; -webkit-animation:hamburger_nav_close_rev 0.3s ease 0s 1 normal both; animation:hamburger_nav_close_rev 0.3s ease 0s 1 normal both;}
.hamburger_nav .close.active{-webkit-animation:hamburger_nav_close 0.5s ease 0.2s 1 normal both; animation:hamburger_nav_close 0.5s ease 0.2s 1 normal both;}
.hamburger_nav .close span{display:block; position:absolute; left:0; top:0; width:24px; height:3px; background:#fff; transition:0.3s ease;}
.hamburger_nav .close span:nth-of-type(1){-webkit-transform:rotate(45deg); transform:rotate(45deg);}
.hamburger_nav .close span:nth-of-type(2){-webkit-transform:rotate(-45deg); transform:rotate(-45deg);}
/*anim*/
@-webkit-keyframes hamburger_nav{
	from{left:-130%;}
	to{left:0;}
}
@keyframes hamburger_nav{
	from{left:-130%;}
	to{left:0;}
}
@-webkit-keyframes hamburger_nav_rev{
	from{left:0;}
	to{left:-130%;}
}
@keyframes hamburger_nav_rev{
	from{left:0;}
	to{left:-130%;}
}
@-webkit-keyframes hamburger_nav_close{
	0%{opacity:0; top:-45px;}
	100%{opacity:1; top:30px;}
}
@keyframes hamburger_nav_close{
	0%{opacity:0; top:-45px;}
	100%{opacity:1; top:45px;}
}
@-webkit-keyframes hamburger_nav_close_rev{
	0%{opacity:1; top:30px;}
	100%{opacity:0; top:-45px;}
}
@keyframes hamburger_nav_close_rev{
	0%{opacity:1; top:30px;}
	100%{opacity:0; top:-45px;}
}
/*retina*/
@media only screen and (-Webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {
.dropper select{background-image:url(/img/icons/form/pulldown_white@2x.png);}
}
/*responsive*/
@media screen and (max-width:1200px){
.hamburger{display:block;}
	.hamburger_nav ul {display: block;}
}
@media screen and (max-width:750px){
.hamburger{top:39px; right:15px;}
.hamburger div{display:none;}
}