#extr-page #main {
	-webkit-transition: 1s;
	-moz-transition: 1s;
	-o-transition: 1s;
	transition: 1s;
}

	#extr-page #main.shown {
		pointer-events: inherit;
	}

#fac-login footer .btn {
	float: none !important;
}

.hp-wrapper.login-left .login-content {
	order: 2;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
	background: rgba(248,248,248,.9);
}

#extr-page .hero {
	background-image: none;
}

.carousel .item .bkg-image {
	background-size: cover;
	background-repeat: no-repeat;
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	background-position: 50% 50%;
}

#carouselHp.carousel .item img {
	visibility: hidden;
	height: 300px;
}

.carousel.fade {
	opacity: 1;
}

.carousel-item-next.carousel-item-left {
	display: block !important;
}

.carousel.fade .item {
	-moz-transition: opacity ease-in-out;
	-o-transition: opacity ease-in-out;
	-webkit-transition: opacity ease-in-out;
	transition: opacity ease-in-out;
	left: 0 !important;
	opacity: 0;
	top: 0;
	position: absolute;
	width: 100%;
	display: block !important;
	z-index: 1;
	bottom: 0;
}

	.carousel.fade .item.active {
		opacity: 1;
		z-index: 2;
	}

	.carousel.fade .item:first-child {
		top: auto;
		position: relative;
	}

.carousel .carousel-control {
	z-index: 5;
	background-image: none;
}

.item .carousel-caption {
	top: 20%;
}

.with-margin-top {
	margin-top: 25px;
}

.login-box-toggle {
	display: none;
}

.mobile-close {
	display: none !important;
}

/* content sections */
.content-login {
	padding-top: 15px;
}

.login-header-big {
	margin-top: 0px;
}

/* flex grow for HP wrapper, content will span full width always */
.hp-wrapper {
	flex-grow: 1;
}

@media (max-width: 991px) {
	.login-box-toggle {
		display: block;
		position: absolute;
		right: 16px;
		z-index: 999;
	}

	.login-content {
		display: block !important;
	}

	.login-box {
		pointer-events: none;
		position: fixed;
		z-index: 999;
		background-color: rgba(100,100,100,.5);
		width: 100%;
		left: 0px;
		right: 0px;
		height: 100%;
		margin-top: -101px;
		padding-top: 100px;
		opacity: 0;
		-moz-transition: opacity ease-in-out .7s;
		-o-transition: opacity ease-in-out .7s;
		-webkit-transition: opacity ease-in-out .7s;
		transition: opacity ease-in-out .7s;
	}

		.login-box.show {
			opacity: 1;
			pointer-events: all;
		}

		.login-box .well.no-padding {
			max-width: 77%;
			margin: auto;
		}

	.login-header-big {
		padding-right: 100px;
	}

	.mobile-close {
		display: block;
		position: relative;
		left: 90%;
		font-size: 30px;
		width: 30px;
	}
}

@media (max-width: 580px) {
	#carouselHp.carousel .item img {
		visibility: hidden;
		height: 200px;
	}
}