#km_onClick {

	position: fixed;

	top: -110px;

	right: 0;

	z-index: 8000;

}

#km_onClick.anim {

	z-index: 9001;

}



.onclick_mobile_title {

	display: none;

}

.onclick_sidebar {

	position: fixed;

	display: flex;

	right: 0;

	bottom: 0;

	top: 0;

	z-index: 5;

	transform: translateX(250px);

	-webkit-transform: translateX(250px);

	-moz-transform: translateX(250px);

	-ms-transform: translateX(250px);

	-o-transform: translateX(250px);

	transition: right 1s, transform 0.5s;

	-webkit-transition: right 1s, transform 0.5s;

	-moz-transition: right 1s, transform 0.5s;

	-ms-transition: right 1s, transform 0.5s;

	-o-transition: right 1s, transform 0.5s;

}



.anim .onclick_sidebar {

	transform: translateX(0) !important;

	-webkit-transform: translateX(0) !important;

	-moz-transform: translateX(0) !important;

	-ms-transform: translateX(0) !important;

	-o-transform: translateX(0) !important;

}

.anim .onclick_btn_visible {

	transform: translateX(-250px) !important;

	-webkit-transform: translateX(-250px) !important;

	-moz-transform: translateX(-250px) !important;

	-ms-transform: translateX(-250px) !important;

	-o-transform: translateX(-250px) !important;

}



.onclick_btn_visible {

	display: flex;

	flex-direction: column;

	justify-content: center;

	align-items: center;

	position: relative;

	top: 50vh;
	height: 100px;

	color: #fff;

	/* border-top: solid #FF9F1C 3px;

    border-bottom: solid #FF9F1C 3px;

    border-left: solid #FF9F1C 3px; */

	transform: translateX(0) !important;

	-webkit-transform: translateX(0) !important;

	-moz-transform: translateX(0) !important;

	-ms-transform: translateX(0) !important;

	-o-transform: translateX(0) !important;

	transition: right 1s, transform 0.5s;

	-webkit-transition: right 1s, transform 0.5s;

	-moz-transition: right 1s, transform 0.5s;

	-ms-transition: right 1s, transform 0.5s;

	-o-transition: right 1s, transform 0.5s;

	overflow: hidden;

}

.onclick_btn_visible div {

	overflow: hidden;

	position: relative;

}

.onclick_btn_visible svg {
	cursor: pointer;
	width: 69px;
	height: 100px;
}

.onclick_btn_visible div:after {

	background: white;

	content: "";

	height: 200px;

	left: -95px;

	opacity: 0.2;

	position: absolute;

	top: -50px;

	transform: rotate(35deg);

	transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);

	width: 50px;

	z-index: 80;

	-webkit-transform: rotate(35deg);

	-moz-transform: rotate(35deg);

	-ms-transform: rotate(35deg);

	-o-transform: rotate(35deg);

	-webkit-transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);

	-moz-transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);

	-ms-transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);

	-o-transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);

}



.onclick_btn_visible div:hover:after {

	left: 165%;

	transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);

	-webkit-transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);

	-moz-transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);

	-ms-transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);

	-o-transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);

}



.onclick_content {

	box-sizing: border-box;

	display: flex;

	flex-direction: column;

	justify-content: center;

	width: 250px;

	background-color: #312783;

	/* height: 100vh; */

}



.onclick_content #menu {
	width:100%;
	margin-top: 33%;

}



.onclick_content #menu ul {

	padding: 0;

}



.onclick_content #menu li a {

	position: relative;

	display: inline-block;

	border-bottom: 1px #ffffff33 solid;

	z-index: 1;

	width: 100%;

	padding: 15px 25px;

	color: #fff;
	
	font-size: 0.9rem;

	font-weight: 500;

	text-transform: uppercase;

	text-decoration: none;

	transition: opacity 0.3s ease;

	letter-spacing: 1px;

	-webkit-transition: opacity 0.3s ease;

	-moz-transition: opacity 0.3s ease;

	-ms-transition: opacity 0.3s ease;

	-o-transition: opacity 0.3s ease;

}



.onclick_content #menu li {

	position: relative;

	list-style: none;

	transition: all 0.3s;

	-webkit-transition: all 0.3s;

	-moz-transition: all 0.3s;

	-ms-transition: all 0.3s;

	-o-transition: all 0.3s;

}



.onclick_content #menu li a:focus {

	background: none !important;

}



.onclick_content #menu li:after {

	content: "";

	position: absolute;

	top: 30%;

	left: 0%;

	width: 0;

	height: 0;
	
	border-top: 10px solid transparent;

	border-bottom: 10px solid transparent;

	border-left:10px solid white;

}



.onclick_content #menu li:before {

	content: "";

	position: absolute;

	background-color: #5BC5F2;

	top: 0;

	left: 0;

	height: 100%;

	width: 0%;

	transition: width 0.3s;

	-webkit-transition: width 0.3s;

	-moz-transition: width 0.3s;

	-ms-transition: width 0.3s;

	-o-transition: width 0.3s;

}

section#menu{
	display: table;
}

ul.menu{
	display: table-cell;
    vertical-align: top;
}

.onclick_content #menu li:hover:before {

	width: 100%;

}



.onclick_logo {

	text-align: center;
	margin-top:5rem;
	display: flex;

	justify-content: center;

	align-items: center;

}



.onclick_content svg {

	display: none;

}



.onclick_content #social-network ul {

	display: flex;

}



.onclick_content #social-network  {

	display: flex;

	justify-content: center;

	align-items: center;

	margin-top: auto;

	margin-bottom: 6rem;

	padding: 0px 2rem;

}

.onclick_content #social-network a {

	margin-left: 0.6rem;

	margin-right: 0.6rem;

}



.onclick_content #social-network a svg {

	fill: #5bc4f2

}



@media (max-width: 560px) {

	.onclick_mobile_title {

		display: block;

		margin-bottom: 60px;

	}

	.onclick_mobile_title p {

		height: 45px;

		color: #fff !important;

		font-size: 16px;

		text-transform: uppercase;

		text-decoration: none;

		font-weight: 700;

		letter-spacing: 1px;

		text-align: center;

		padding: 20px 0;

	}

	.onclick_btn_visible {

		display: none;

	}

	.onclick_sidebar {

		transform: none;

		display: block;

		left: 0;

		bottom: 70px;

		height: 1px;

		top: unset;

		transition: 1s ease;

	}

	.onclick_content {

		display: block;

		width: 100%;

		height: 110vh;

	}

	.onclick_content #menu {
    margin-top: 10%;
	}

	.onclick_content #menu li a {
    padding: 15px 35px;
	}

	.onclick_content #social-network {

    margin-top: 75%;

	}

	.onclick_content #social-network a {

    margin-left: 1.4rem;

    margin-right: 1.4rem;

	}

	.mobile_open .onclick_sidebar {

		bottom: 30px;

		height: 100vh;

	}

	.mobile_open .onclick_content svg {

		width: 30px;

		fill: white;

		position: absolute;

		right: 20px;

		top: 10px;

		display: block;

	}

	.mobile_open .onclick_mobile_title p {

		margin-top: -20px;

	}

	#km_onClick.onclick-sticky-menu-fixed .onclick_sidebar {

		bottom: 54px;

	}

	#km_onClick.onclick-sticky-menu-fixed .onclick_mobile_title p {

		margin-left: 8px;

	}

	#km_onClick.onclick-sticky-menu-fixed.mobile_open .onclick_mobile_title p {

		margin-top: 0;

	}

	#km_onClick.onclick-sticky-menu-fixed.mobile_open .onclick_content svg {

		top: 40px;

	}

}