/**
* Header
*/
	#topbar { height: 40px; background: #90c7ca; /*text-align: right;*/color: white; }
	#topbar .container { max-width: 960px; width: auto; position: relative; }
	#topbar .item { color: white; font-size: 16px; display: inline-block; margin: 0 5px;}
	#topbar .item .lang { color: #662583; }
	#topbar .ar {text-align: right;}
	#topbar .di {display: inline-block;width: 49%;padding: 1px;}

	#header { height: 99px; background: url(../img/header-bg.png);}
	#header .container { height: 100%;max-width: 960px; width: auto; position: relative; }
	#header .logo { position: absolute; top: 11px;}
	#header .burger { display: none; }
	#header nav  {height: 100%;}
	#header nav .menu { list-style-type: none; text-align: center; padding-top: 35px;}
	#header nav .menu li { display: inline-block; margin: 0 17px;}
	#header nav .menu li a { color: white; font-size: 17px; /*text-transform: uppercase;*/}
	#header nav .mi-espacio {color: white;position: absolute;top: 0;display: block;margin-right: 24px;font-size: 17px;right: 0;text-decoration: none !important;height: 100%;line-height: 94px;border-bottom: #90c7ca 5px solid; }
	#header nav .mi-espacio:after {content:' '; display: block; position: absolute; background: url(../img/chevron-select.png) no-repeat center center;background-size: 13px;height:13px;top:50%;z-index:2;width:13px;margin-top:-6px;right:-22px; }

	#header .menu-mi-espacio {position: absolute;background: #90c7ca;list-style-type: none;margin: 0;padding: 20px;width: 177px;font-size: 16px;right: 0;top: 110%;z-index: 20; }
	#header .menu-mi-espacio li { }
	#header .menu-mi-espacio li a {color: white;padding: 0;margin: 0;display: block;line-height: 32px;text-align: right; }
	#header .menu-mi-espacio li a:hover { color:#662483; text-decoration: none;  }
	
	#header .login { position: absolute;background: #90c7ca;list-style-type: none;margin: 0;padding: 31px 49px;width: 377px;font-size: 16px;right: 6px;top: 112%;z-index: 20; color: white;  }
	#header .login h3 {color: white;font-size: 17px;margin-top: 0;margin-bottom: 17px;line-height: 18px;  }
	#header .login .error {padding: 2px;margin-bottom: 10px;color: #662483;text-align: center; }
	#header .login .form-group {margin-bottom: 11px;  }
	#header .login .form-control {padding-left: 28px;background: #f2f1f1;border: 0 none;border-radius: 0;box-shadow: none;color: #969696;font-size: 16px;height: 45px;  }
	#header .login .links {padding-top: 4px;  }
	#header .login .links a{color: #6d278b;font-size: 14px;display: block;margin-bottom: 2px; text-decoration: underline; }
	#header .login .std-btn {  }
	#header .login .row { margin-left:-5px; margin-right: -5px; }
	#header .login .row > div { padding-left: 5px; padding-right: 5px; }

	@media screen and (max-width: 768px) {
		#topbar {display: none; }
		#topbar .item { }
		#topbar .item .lang { }
		#header .container {}
		#header .logo {width: 190px;top: 24px; }
		#header .burger {display: block;width: 38px;height: 32px;background: url(../img/burger.png);position: absolute;top: 31px;right: 30px; }
		#header nav  {}
		#header nav .menu {position: absolute;background: white;top: 107%;left: 2%;z-index: 2;padding: 0;width: 96%;border: #662483 1px solid;transform: translate(-103%, 0); transition: all 0.5s; }
		#header nav .menu.is-shown{ transform: translate(0, 0);}
		#header nav .menu li {display: block; }
		#header nav .menu li a {color: #662483;line-height: 50px; }
		#header nav .mi-espacio {display: none;}
		#header nav .mi-espacio:after {}

		#header .menu-mi-espacio {}
		#header .menu-mi-espacio li { }
		#header .menu-mi-espacio li a {}
		#header .menu-mi-espacio li a:hover {}
		
		#header .login {left: 2%; width: 96%; right: auto; }
		#header .login h3 {}
		#header .login .error {}
		#header .login .form-group {}
		#header .login .form-control {}
		#header .login .links {}
		#header .login .links a{}
		#header .login .std-btn {  }
		
	}