/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

body {position: relative;right: 0;-webkit-transition: right .3s;transition: right .3s}
body.open {right: 250px}

.navicon-menu {margin: 30px 30px 30px 0}
.navicon-menu .menu-icon {position:relative;}
.navicon-menu button,.navicon-menu a {font-size:12px;color:#ddd} 
.navicon-menu a{display:block;width:26px;height:24px}
.navicon-menu a.btn-admin {margin-left:15px}
.navicon-menu button {background-color:transparent;border:0}
.navicon-menu li,.navicon-menu a:hover,.navicon-menu button:hover {color:#fff}

.btn-trigger span, .btn-trigger span:before, .btn-trigger span:after {
	content: '';display: block;
	position: absolute;right:0;top:14px;width: 26px;height: 2px;
	background: white;cursor: pointer
}
.btn-trigger span:before {top: -7px;right:0}
.btn-trigger span:after {top: 7px;right:0}
.btn-trigger span, .btn-trigger span:before, .btn-trigger span:after {
	transition: all 500ms ease-out;
	-webkit-transition: all 500ms ease-out
}
.btn-trigger.navtoggleon span {background-color: transparent}
.btn-trigger.navtoggleon span:before, .btn-trigger.navtoggleon span:after {top: 0}
.btn-trigger.navtoggleon span:before {
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg); 
	-ms-transform: rotate(45deg);
	height:2px;
}
.btn-trigger.navtoggleon span:after {
	transform: translateY(-7px) rotate(-45deg);
	-webkit-transform: translateY(-7px) rotate(-45deg);
	-ms-transform: translateY(-7px) rotate(-45deg);
	top: 7px;height:2px
}

ul.float-menu {
	position: fixed;top: 0;right: -250px;
	padding:30px;width: 250px;height: 100%;
	color:#eee;background-color: #121212;z-index: 101;
	-webkit-transition: right .3s;
	transition: right .3s;
}
ul.float-menu.open {right: 0}
ul.float-menu li {
	position: relative;top: 100%;padding: 0;
	-webkit-transition: top .3s;
	transition: top .3s;
}
ul.float-menu li.profile {height:100px;line-height:100px}
ul.float-menu li.profile img{width: 100px;height: 100px;border-radius:50%}
ul.float-menu li.summary {text-align:center}
ul.float-menu li button.btn-lang {
padding: 0;width:auto;font-size:12px;background:none;border:none
}
ul.float-menu li button.btn-logged, 
ul.float-menu li a.btn-logged {
	display:inline-block;
	padding: 0;width:auto;min-width:92px;
	font-size:13px;text-align:center;line-height:28px;color:#fff;
	border-radius: 2px;border:none
}
ul.float-menu li button.btn-logged {width:92px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
ul.float-menu li .search-box {
	padding:2px 5px;width:190px;height: 28px;
	font-size:13px;color:#333;background-color:#f2f2f2;
	border-radius: 2px;border:none
}
ul.float-menu h2.title {		
	position: relative;padding: 0;margin:0;
	font-size: 23px;text-align: center;
	-webkit-transition: top .3s;
	transition: top .3s;
}
ul.float-menu li a {	display: inline-block;padding: 0;margin: 0;	font-size: 12px}
ul.float-menu li.social-icon {text-align:center}
ul.float-menu li.social-icon a {display:inline-block;color:#999}

ul.float-menu li .btn-select button{width:100%;height:28px !important;font-size:13px;text-align: left;background-color:#f2f2f2!important;border:0}
ul.float-menu li .btn-select button i.fa-angle-down {position:absolute;right:10px;top:7px}
ul.float-menu li .btn-select .dropdown-menu{min-width: 100%;border-radius:0 0 3px 3px}
ul.float-menu li .btn-select .dropdown-menu>li>a {display:block;padding:3px 10px}

ul.float-menu li.row {
	position: static;top: 0;height: 0;border: 0;
	-webkit-transition: none;
	transition: none;
}
ul.float-menu li.metro {position: absolute;padding: 0;height: 125px;	text-align: center;	background-color: #CCC}
ul.float-menu li.metro.half {width: 50%}
ul.float-menu li.metro.full {width: 100%}
ul.float-menu li.metro a {margin: 42px 0;height: 40px;font-size: 40px}
/* Colors */
ul.float-menu li.metro.blue { background-color: #5c84db}
ul.float-menu li.metro.light-blue { background-color: #2FC2EF}
ul.float-menu li.metro.purple { background-color: #a24fea}
ul.float-menu li.metro.red { background-color: #e54747}
ul.float-menu li.metro.pink { background-color: #ea4c89}
ul.float-menu li.metro.green { background-color: #85e500}
ul.float-menu li.metro.orange { background-color: #e28f00}
ul.float-menu li.metro.teal { background-color: #00e2e2}