:root {
	--cor-kurole: #9bbb21;
	--cor-kurole-rgb: 155, 187, 33;
}

html, body {
	height: 100%;
	font-family: 'Roboto', sans-serif!important;
}

.container-principal {
	display: flex;
	flex-wrap: wrap;
}

.container-principal .container-slides, .container-principal .container-fluid {
	flex: 1 0 100%;
}

.container-principal .container-slides {
	min-height: 38vh;
	/*max-height: 48vh;*/
}

.carousel, .carousel-inner, .carousel-item, .bg-image, .carousel-item .container-fluid {
	height: 100%;
}

.carousel-item > img {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.container-texto-slides {
	max-width: 81.64%;
}

.container-texto-slides h1 {
	font-size: calc(1.125rem + 1.5vw);
}

.carousel-control-next-icon, .carousel-control-prev-icon {
	display: flex;
	width: auto;
	height: auto;
	scale: 5;
	opacity: .4;
}

.carousel-control-next, .carousel-control-prev {
	width: auto;
	padding: 0 .75rem;
	overflow: hidden;
}

/* Removendo icones padroes do carrossel */
.carousel-control-prev-icon:after {
	content: '';
}

.carousel-control-next-icon:after {
	content: '';
}
/* Removendo icones padroes do carrossel */

.container-slides .mask {
	background: rgba(0,0,0,.8);
}

.btn-kurole {
	background-color: var(--cor-kurole);
	color: var(--mdb-white);
	font-weight: 600;
}

.btn-kurole:hover {
	background-color: #8ba81e;
	color: var(--mdb-white);
}

.logotipo-slide, .logotipo-login {
	width: 50%;
}

.bg-offwhite {
	background-color: #f5f5f5;
}

.form-floating>.form-control, .form-floating>.form-select {
	border-top: 0;
	border-right: 0;
	border-bottom: 2px solid #e0e0e0;
	border-left: 0;
	border-radius: 0;
	height: calc(3.5rem + 8px);
}

.form-floating label {
	color: #878787;
	opacity: .75!important;
}

.form-floating .form-control:focus, .form-floating .form-select:focus {
	border-bottom-color: #9bbb21;
	box-shadow: none;
}

.form-floating .form-control:focus ~ label, .form-floating .form-select:focus ~ label {
	color: #9bbb21;
	opacity: 1;
}

.mostrar-senha {
	position: absolute;
	right: 0;
	bottom: 1rem;
	top: 50%;
	transform: translateY(-50%);
	padding-right: 0.75rem;
	color: #878787;
	cursor: pointer;
}

input[type="radio"] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

input[type="radio"] + .btn {
	overflow: hidden;
}

input[type="radio"]:checked + .btn {
	overflow: visible;
}

input[type="radio"] + .btn, input[type="radio"] + .btn span {
	position: relative;
	z-index: 2;
}

input[type="radio"] + .btn::after {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	right: var(--x, -100%);
	top: 0;
	z-index: 1;
	border-radius: 10rem;
	transition: right 0.5s cubic-bezier(0.25,0.46,0.45,0.94);;
}

input[type="radio"]:checked + .btn::after {
	--x: 0%;
}

input[type="radio"]:checked ~ input[type="radio"] + .btn::after {
	--x: 100%;
}

input[type="radio"]:checked + .btn-locacao {
	color: #3333FF;
}

input[type="radio"]:checked + .btn-venda {
	color: #339933;
}

input[type="radio"]:checked + .btn-empree {
	color: #993399;
}

input[type="radio"]:checked + .btn-locacao::after {
	background-color: #E5E5FF;
}

input[type="radio"]:checked + .btn-venda::after {
	background-color: #E5F2E5;
}

input[type="radio"]:checked + .btn-empree::after {
	background-color: #F2E5F2;
}

.btn-outline-kurole {
	border: .125rem solid var(--cor-kurole)!important;
	color: var(--cor-kurole);
}

.btn-outline-kurole:focus {
	box-shadow: 0 0 0 0.25rem rgba(155,187,33,.4)!important;
}

.btn-outline-kurole:hover {
	background-color: var(--cor-kurole);
	color: var(--mdb-white);
}

.link {
	overflow: hidden;
	color: #6c8317;
	text-underline-offset: 0.125em;
	font-weight: 500;
}

.link:hover {
	color: #779019;
}

/* Para fazer o slide no hover */
.link::after {
	content: '';
	background-color: #779019;
	position: absolute;
	opacity: 1;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 0.1em;
	transition: opacity 300ms, transform 300ms;
	transform: translate3d(-100%, 0, 0);
}

.link:hover::after,
.link:focus::after {
	transform: translate3d(0, 0, 0);
}

.text-kurole {
	color: #9bbb21;
}

.form-control.is-valid:focus, .was-validated .form-control:valid:focus, .form-control.is-invalid:focus, .was-validated .form-control:invalid:focus {
	box-shadow: none;
}

.form-control.is-valid, .was-validated .form-control:valid, .form-control.is-valid:focus, .was-validated .form-control:valid:focus {
	border-bottom-color: #9bbb21;
}

.form-control.is-invalid:focus + label, .was-validated .form-control:invalid:focus + label {
	color: #f93154;
}

.spinner-border {
	color: currentColor!important;
}

@media (min-width: 576px) {
	.logotipo-login {
		width: 40%;
	}
	
	.logotipo-slide {
		width: 35%;
	}
}

@media (min-width: 768px) {
	.logotipo-slide {
		width: 25%;
	}
}

@media (min-width: 992px) {
	.container-principal .container-slides {
		min-height: 100%;
		max-height: 100%;
	}
	
	.container-principal {
		height: 100%;
		flex: 1 1 50%;
	}
	
	.container-principal .container-slides, .container-principal .container-fluid {
		flex: 1 1 50%;
		height: 100%;
	}
	
	.carousel, .carousel-inner, .carousel-item, .bg-image {
		height: 100%;
	}

	.carousel-item.ksi-seguros .bg-image {
		background-position-x: 90%;
	}

	.carousel-item.ksi-cobranca .bg-image {
		background-position-x: 40%;
	}

	.container-texto-slides {
		max-width: 87.9%;
		scale: .8;
	}
	
	.linha-principal {
		height: 100%;
	}
	
	.container-slides {
		max-height: 100%;
	}
	
	.logotipo-slide {
		width: 30%;
	}

	.copyright {
		position: absolute;
		bottom: 0;
		right: 0;
		padding: 1rem;
	}
}

@media (min-width: 1200px) {
	
	.container-texto-slides h1 {
		font-size: calc(1.5rem + 1.5vw);
	}
	
	.logotipo-login {
		width: 180px;
	}
}

@media (min-width: 1300px) {
	.container-texto-slides {
		scale: .9;
	}
}

@media (min-width: 1400px) {
	.container-texto-slides {
		scale: 1;
	}
	
	.container-texto-slides h1 {
		font-size: calc(1rem + 1.3vw);
	}
}

@media (min-width: 1800px) {
	.container-texto-slides {
		max-width: 70%;
	}
}