@charset "utf-8";

.bo_login {
	margin: 0;
	width: 100%;
	height: 100vh;
	display: flex;
	justify-content: center;
	align-items: center;

	flex-direction: column;

	background-color: #F9FAFB;
    padding: 25px;
    box-sizing: border-box;
    font-family: 'Overpass', sans-serif;
}
.bo_container {
	display: flex;
	flex-direction: row;
	width: calc(50% - 30px);
	background: #FFF;
	box-shadow: 0 0 10px 0 rgba(183, 192, 206, 0.2);
}
.bo_container > :first-child {
	width: calc(100% / 3);
    background: url(/img/slide.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}
.bo_container > :last-child {
	width: calc(100% / 3 * 2);
	padding: 48px 24px;
}
.bo_login h1 {
    text-transform: uppercase;
    font-weight: 300;
    font-size: 20px;
    margin-top: 0;
}
.bo_login h1 span {
    font-weight: 700;
    color: #727CF5;
    padding-right: 10px;
}
input[type="submit"] {
	cursor: pointer;
}
.bo_login p {
	color: #686868 !important;
	margin-bottom: 24px;
}
.error { color: #FF3366; }




/* 1200 */
@media screen and (max-width: 1200px) {
	.bo_container {
		width: calc(100% / 3 * 2 - 30px);		
	}
}


/* 767 */
@media screen and (max-width: 767px) {

	.bo_container,
	.bo_container > :last-child {
		width: 100%;
	}
	.bo_container > :first-child { display: none; }

}