/*.box-info {
	
}*/

/*.box-info.is-active {
	display: initial;
	overflow-y: auto;
}

.box-control {
	position: fixed;
    right: 58.333333%;
}*/


.box-info {
	position: fixed;
	top: 0;
	transition: all 0.5s;
}

.right-hide {
	right: -100%;
	width: 100vw;
}

@media screen and (min-width: 769px)  {
	.right-hide {
		right: -59%;
		width: 58.333333%;
	}
}



.box-control {
	position: fixed;
	right: 0;
	z-index: 22;
	outline: none;
	transition: top 0.5s;
}

.outline-none {
	outline: none;
}

.outline-none:hover {
	outline: none;
}

.bottom-0 {
	top: calc(100% - 88px);
}

.bottom-active {
	top: 60px;
}