@charset "utf-8";
/* CSS Document */

@font-face {
	font-family: "open_sans";
	src: 
		url("../fonts/open_sans/OpenSans-Regular.ttf"),
		url("../fonts/open_sans/OpenSans-Bold.ttf"),
		url("../fonts/open_sans/OpenSans-Light.ttf");
	/* url("") format("svg"); */
}
body{
	background: url(../images/login/login-bg-01.jpg) center no-repeat;
	background-size: cover!important;
}
body:before{
	position: absolute;
	content: "";
	background: rgba(0, 42, 87, 0);
	left: 0;
	top:0;
	height: 100%;
	width: 100%;
}
body.wh{
	background: url(../images/login/login-bg-01.jpg) center no-repeat!important;
	background-size: cover!important;
}
body.wh:before{
	background: none!important;
}
.login-box, .register-box{
	width: 80%!important;
	margin-left: auto;
	margin-right: auto;
}
.login-box input{
	background:#fcfcfc;
	border: none;
}
.login-box .input-group-text{
	border: none;
}
.col-left{
	border-radius: 5px!important;
	background: #fff;
	padding-top: 10%;
	padding-bottom: 10%;
}
.col-right{
	border-radius: 0px 15px 15px 0px;
	background: url(../images/login/login-image-01.jpg) center no-repeat;
	background-size: cover;
}
.left-banner{
	/*background:url(images/login/login-bg.jpg) ;*/
	background-size: cover;
	background-position: top left;
}
.right-login{
	padding-top: 10%;
}
.carousel-fade .carousel-item {
	opacity: 0;
	transition-duration: .6s;
	transition-property: opacity;
}

.carousel-fade  .carousel-item.active,
.carousel-fade  .carousel-item-next.carousel-item-left,
.carousel-fade  .carousel-item-prev.carousel-item-right {
	opacity: 1;
}

.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
	opacity: 0;
}

.carousel-fade  .carousel-item-next,
.carousel-fade .carousel-item-prev,
.carousel-fade .carousel-item.active,
.carousel-fade .active.carousel-item-left,
.carousel-fade  .active.carousel-item-prev {
	transform: translateX(0);
	transform: translate3d(0, 0, 0);
}
@media only screen and (max-width: 600px) {
	.login-box, .register-box{
		width: 100%!important;
	}
}