/* ---------------------------------------------------- */
/* 						Styling							*/
/* ---------------------------------------------------- */
.container{
	max-width: ;
}
 
body{
	font-size: ;
	color:  #666;
	font-family: 'Lato',sans-serif;
	font-weight: 400;
	letter-spacing: .2px;
	background: #eff3f5;
}


/* ---------------------------------------------------- */
/* 					Links/Buttons						*/
/* ---------------------------------------------------- */
a{
	color: ;
}

a:hover{
	color: ;
}

.btn{
	font-family: ;
	border-width:;
	border-radius: ;
	text-transform: ;
	cursor:;
	font-size: ;
	text-align: ;
	letter-spacing: 0;
	line-height: ;
	padding: ;
	font-weight:;
}

.btn-sm{
	line-height: ;
}

.btn-lg{
	font-size: ;
	letter-spacing: ;
	line-height: ;
}

.btn-primary{
	background: #9ab021;
	border-color:  #9ab021; 
	color: #fff;
} 

.btn-primary:hover{
    color: #fff;
	background-color:#849a0b;
	border-color:#849a0b;
}

.btn-secondary{
	background-color: #e30613;
	border-color:  #e30613;
	color: #fff;
}

.btn-secondary:hover{
	background-color: #d61822;
	border-color:  #d61822;
	color: ;
}

.btn-outline-primary {
    color: #373737;
	border-color: #fff;
	background: #fff;
}


.btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active, .show > .btn-outline-primary.dropdown-toggle {
    color: #fff;
	background-color:#9ab021;
	border-color: #9ab021;
}

.btn-dark:not(:disabled):not(.disabled).active, .btn-dark:not(:disabled):not(.disabled):active, .show > .btn-dark.dropdown-toggle {
    color: #fff;
	background-color:#9ab021;
	border-color: #9ab021;
}

.btn-outline-primary:hover {
    color: #fff;
	background-color:#9ab021;
	border-color: #9ab021;
}
/* ---------------------------------------------------- */
/* 						H Tags							*/
/* ---------------------------------------------------- */
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{
	font-family: ;
	font-weight: ;
	color: ;
}

h1, .h1{
	font-size: ;
}

h2, .h2{
	
}

h3, .h3{
	
}


h4, .h4{
	
}

h5, .h5{
	
}

h6, .h6{
	
}


@media (min-width: 768px) {
	h1, .h1{
		font-size: 1.8rem;
	}
	
	h2, .h2{
		
	}
	
	h3, .h3{
		
	}
	
	h4, .h4{
		
	}
	
	h5, .h5{
		
	}
	
	h6, .h6{
		
	}
	#header .logo a{
		width: 150px;
	}
}

@media (min-width: 1024px) {
	h1, .h1{
	}
	
	h2, .h2{
		
	}
	
	h3, .h3{
		
	}
	
	h4, .h4{
		
	}
	
	h5, .h5{
		
	}
	
	h6, .h6{
		
	}
}
@media (min-width: 1440px) {
	h1, .h1{
		
	}
	
	h2, .h2{
		
	}
	
	h3, .h3{
		
	}
	
	h4, .h4{
		
	}
	
	h5, .h5{
		
	}
	
	h6, .h6{
		
	}
}

@media (min-width: 1920px) {
	h1, .h1{
		
	}
	
	h2, .h2{
		
	}
	
	h3, .h3{
	}
	
	h4, .h4{
		
	}
	
	h5, .h5{
		
	}
	
	h6, .h6{
		
	}
}
/* ---------------------------------------------------- */
/* 					Sticky Footer						*/
/* ---------------------------------------------------- */

html,body{
	height: 100%;
	min-height: 100%;
}

#wrapper {
  	min-height: 100%;
  	margin-bottom: -41px; 
}

#wrapper:after {
	content: "";
	display: block;
}

#footer, footer, #wrapper:after {
  height: 41px; 
}

/* ---------------------------------------------------- */
/* 					Sticky Footer						*/
/* ---------------------------------------------------- */

/* ---------------------------------------------------- */
/* 						Header							*/
/* ---------------------------------------------------- */
#header{
	background: #3d3d44;
	border-bottom: 0px;
}
#header .logo{
	position: relative;
}
#header .logo a{
	display:block;
	position: absolute;
	top: -1rem;
}

#header .logo img{
	height: 100px;
}

/* ---------------------------------------------------- */
/*						Footer							*/
/* ---------------------------------------------------- */
#footer{
	background: #37363c;
	border-top: 0px;
	color: #fff;
	font-size:90%;
}

/* ---------------------------------------------------- */
/* 						Form Fields						*/
/* ---------------------------------------------------- */
.card{
	/*background: #f5f5f5;
	border-color: #e3e3e3;*/
}

.col-form-label{
	font-size: 20px;
}
.form-control{
	background-color: ;
	height: ;
	padding: ;
	color: ;
}

.form-control-lg {
    text-align: left;
    margin: 0;
}

.form-group {
    margin-bottom: .5rem;
}

@media (min-width: 768px) {
	#header{
		height: ;
	}
	
	#header .logo img{
		height: ;
	}
	
}

.card.card-hover{
	cursor: pointer;
}

.card.card-hover:hover, .card.active{
    background: #9ab021;
	border-color:#9ab021;
	color:#fff;
}

.card.active{
    background: #e30613 !important;
	border-color:#e30613 !important;
	color:#fff !important;
}

.card.active:after{
	position: absolute;
	top: 50%;
	margin-top:-18px;
	right: 15px;
	font-family: "Font Awesome 5 Free";
	font-weight: 800;
	font-size: 36px;
	line-height: 36px;
	content: "\f00c";
}

.card.active .btn-primary{
	background: #e30613;
	border-color:#e30613 ;
	color:#fff ;
	transition: none;
}

.card.active h4{
	color: #fff;
}