body {
	transition:right 0.3s; right: 0px; position: relative; -webkit-transition: right .3s;
}
body.open {
	right: 250px;
}
.navicon-menu {
	margin: 30px 30px 30px 20px;
}
.navicon-menu .menu-icon {
	position: relative;
}
.navicon-menu button {
	color: rgb(221, 221, 221); font-size: 12px;
}
.navicon-menu a {
	color: rgb(221, 221, 221); font-size: 12px;
}
.navicon-menu a {
	width: 26px; height: 20px; display: block;
}
.navicon-menu a.btn-admin {
	margin-top: -10px; margin-left: 10px;
}
.navicon-menu button {
	border: 0px currentColor; border-image: none; background-color: transparent;
}
.navicon-menu li {
	color: rgb(255, 255, 255);
}
.navicon-menu a:hover {
	color: rgb(255, 255, 255);
}
.navicon-menu button:hover {
	color: rgb(255, 255, 255);
}
.btn-trigger span {
	background: white; top: 10px; width: 26px; height: 2px; right: 0px; display: block; position: absolute; cursor: pointer; content: "";
}
.btn-trigger span::before {
	background: white; top: 10px; width: 26px; height: 2px; right: 0px; display: block; position: absolute; cursor: pointer; content: "";
}
.btn-trigger span::after {
	background: white; top: 10px; width: 26px; height: 2px; right: 0px; display: block; position: absolute; cursor: pointer; content: "";
}
.btn-trigger span::before {
	top: -7px; right: 0px;
}
.btn-trigger span::after {
	top: 7px; right: 0px;
}
.btn-trigger span {
	transition:500ms ease-out; -webkit-transition: all 500ms ease-out;
}
.btn-trigger span::before {
	transition:500ms ease-out; -webkit-transition: all 500ms ease-out;
}
.btn-trigger span::after {
	transition:500ms ease-out; -webkit-transition: all 500ms ease-out;
}
.btn-trigger.navtoggleon span {
	background-color: transparent;
}
.btn-trigger.navtoggleon span::before {
	top: 0px;
}
.btn-trigger.navtoggleon span::after {
	top: 0px;
}
.btn-trigger.navtoggleon span::before {
	height: 2px; transform: rotate(45deg); -webkit-transform: rotate(45deg);
}
.btn-trigger.navtoggleon span::after {
	top: 7px; height: 2px; transform: translateY(-7px) rotate(-45deg); -webkit-transform: translateY(-7px) rotate(-45deg);
}
ul.float-menu {
	padding: 30px; transition:right 0.3s; top: 0px; width: 250px; height: 100%; right: -250px; color: rgb(238, 238, 238); position: fixed; z-index: 101; background-color: rgb(18, 18, 18); -webkit-transition: right .3s;
}
ul.float-menu.open {
	right: 0px;
}
ul.float-menu li {
	padding: 0px; transition:top 0.3s; top: 100%; position: relative; -webkit-transition: top .3s;
}
ul.float-menu li.profile {
	height: 100px; line-height: 100px;
}
ul.float-menu li.profile img {
	border-radius: 50%; width: 100px; height: 100px;
}
ul.float-menu li.summary {
	text-align: center;
}
ul.float-menu li button.btn-lang {
	background: none; padding: 0px; border: currentColor; border-image: none; width: auto; font-size: 12px;
}
ul.float-menu li button.btn-logged {
	padding: 0px; border-radius: 2px; border: currentColor; border-image: none; width: auto; text-align: center; color: rgb(255, 255, 255); line-height: 28px; font-size: 13px; display: inline-block; min-width: 92px;
}
ul.float-menu li a.btn-logged {
	padding: 0px; border-radius: 2px; border: currentColor; border-image: none; width: auto; text-align: center; color: rgb(255, 255, 255); line-height: 28px; font-size: 13px; display: inline-block; min-width: 92px;
}
ul.float-menu li .search-box {
	padding: 2px 5px; border-radius: 2px; border: currentColor; border-image: none; width: 190px; height: 28px; color: rgb(51, 51, 51); font-size: 13px; background-color: rgb(242, 242, 242);
}
ul.float-menu h2.title {
	margin: 0px; padding: 0px; transition:top 0.3s; text-align: center; font-size: 23px; position: relative; -webkit-transition: top .3s;
}
ul.float-menu li a {
	margin: 0px; padding: 0px; font-size: 12px; display: inline-block;
}
ul.float-menu li.social-icon {
	text-align: center;
}
ul.float-menu li.social-icon a {
	color: rgb(153, 153, 153); display: inline-block;
}
ul.float-menu li .btn-select button {
	border: 0px currentColor; border-image: none; width: 100%; height: 28px !important; text-align: left; font-size: 13px; background-color: rgb(242, 242, 242) !important;
}
ul.float-menu li .btn-select button i.fa-angle-down {
	top: 7px; right: 10px; position: absolute;
}
ul.float-menu li .btn-select .dropdown-menu {
	border-radius: 0px 0px 3px 3px; min-width: 100%;
}
ul.float-menu li .btn-select .dropdown-menu > li > a {
	padding: 3px 10px; display: block;
}
ul.float-menu li.row {
	border: 0px currentColor; transition:none; border-image: none; top: 0px; height: 0px; position: static; -webkit-transition: none;
}
ul.float-menu li.metro {
	padding: 0px; height: 125px; text-align: center; position: absolute; background-color: rgb(204, 204, 204);
}
ul.float-menu li.metro.half {
	width: 50%;
}
ul.float-menu li.metro.full {
	width: 100%;
}
ul.float-menu li.metro a {
	margin: 42px 0px; height: 40px; font-size: 40px;
}
ul.float-menu li.metro.blue {
	background-color: rgb(92, 132, 219);
}
ul.float-menu li.metro.light-blue {
	background-color: rgb(47, 194, 239);
}
ul.float-menu li.metro.purple {
	background-color: rgb(162, 79, 234);
}
ul.float-menu li.metro.red {
	background-color: rgb(229, 71, 71);
}
ul.float-menu li.metro.pink {
	background-color: rgb(234, 76, 137);
}
ul.float-menu li.metro.green {
	background-color: rgb(133, 229, 0);
}
ul.float-menu li.metro.orange {
	background-color: rgb(226, 143, 0);
}
ul.float-menu li.metro.teal {
	background-color: rgb(0, 226, 226);
}