@font-face{
	src: url(../fonts/docktrin.ttf);
	font-family: 'docktrin';
}
.docktrin{
	font-family: 'docktrin';
}
.bg-dark{
	background: #000a!important;
}
html,body,.main-item{
	height: 100%;
}
.mainContainer{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
body{
	background: #fff;
}
.navbar{
	height: 60px;
	
}
.navbar,footer{
	background-color: #000;
}
main{
	height: calc(100% - 100px);
	background:#000;
}
@keyframes bgAnimated{
	from{
		background-image:  
	linear-gradient(rgba(0, 0, 0, .5) , rgba(0, 0, 0, .5)),
	url('../images/allef-vinicius-IvQeAVeJULw-unsplash.jpg');
	}
	to{
		background-image:  
	linear-gradient(rgba(0, 0, 0, .5) , rgba(0, 0, 0, .5)),
	url('../images/andrea-donato-MNu0n-3BIKs-unsplash.jpg');
	}
}
footer{
	height: 40px;
}
.titulo{
	font-size:4rem;
	color: #999998;
}
.loginSection{
	max-width: 440px;
}
.form-control{
	background:#0009!important;
	color: #FFF!important;
}
.form-control:focus{
	border-bottom:1px solid #e7d5e7!important;
	box-shadow: 0px 0px 0px 2px #fff5;
}
::placeholder{
	color: #FFF!important;
}
.form-label{
	color: #999998!important;
	font-size: .8rem;
}
.navbar > div > div{
	width: 33.3333333%;
}
.iconoform{
	right: .8rem;
	bottom: .2rem;
}
.menubutton{
	background: transparent;
	border: 0;
	font-size: 19px;
	color: #FFF;
}
#codArea{
	font-size: .8rem;
}
.form-select{
	height: 38.8px;
}
.imagen-lg-banner{
	background-image: linear-gradient(rgba(0, 0, 0, .5) , rgba(0, 0, 0, .5)),
	url('../images/andre-reis-BL3U0j8d9So-unsplash.jpg');
	background-repeat: no-repeat;
	background-size: cover;
}
.form-turnos{
	max-width: 576px;
}
.cardContainer{
	max-width: 480px;
}
.planCard{
	background: linear-gradient(to bottom ,#4051a0, #03263d);
}
.sectionHelp section{
	padding: 35px 20px!important;
	border:1px solid #dadada;
	border-radius: 16px;
	box-shadow: 0 0 3px 4px #ededed55;
	background-color: #c6cef7;
	transition: .3s all;
}
.sectionHelp section:hover{
	transform: scale(1.01);
}
footer{
	z-index: 999;
}
@media (max-width: 980px){
	.titulo{
		font-size: 2.8rem;
	}
	.description{
		font-size: .9rem;
	}
	
}

@media (max-width: 676px){
	.titulo{
		font-size: 2rem;
	}
	.description{
		font-size: .7rem;
	}
	
}

@media (max-width:575px){
	.main-item{
		height: auto!important;
	}
	header{
		position: fixed;
		inset: 0;
		height: 60px;
	}
	.navbar{
		background-color: #000d!important;
		border-bottom: 1px solid #FFF;
	}
	main{
		padding-top: 60px;
	}
	header{
		z-index: 9999;
	}
	.menu{
		display: none;
		z-index: 9999!important;
		width: 90% !important;
		position: fixed !important;
		background: #000d !important;
		height: 100vh !important;
		top: 0;
		left: 0;
	}
	body,html,footer{
		height: auto;
	}
}