@charset "UTF-8";


/* =================================== */
/* Fixes for pages with sub nav dropdown
/* Comment out if not needed
/* =================================== */

h1 {
	margin-top: -88px !important;
	width: 75%;
}
.nav-structure-a {
	margin-top: 35px !important;
}
ul.toggle-content {
	background-color: #fff;
}
ul.toggle-content li {
	margin-bottom: 0 !important;
}
#main .main-contents .nav-structure-a ul.toggle-content li a {
	color: #000;
	text-decoration: none;
}
#main .main-contents .nav-structure-a ul.toggle-content li a:hover {
	color: #a20b1a;
}

@media screen and (max-width: 767px) {
	h1 {
		margin-top: 0px !important;
		width: 100%;
	}
}

/* =================================== */
/* KC custom styles
/* =================================== */


#solution-links h3 {
	margin-bottom: 20px;
}

#dark-solutions {
	background-color: #535353;
	color: #fff;
}
#dark-solutions  h2 {
	color: #fff;
}

#dark-solutions .btn {
	background-color: #fff;
	color: #841718 !important;
	border: 1px solid #841718;
	margin-top: 15px;
	display: inline-block;
	padding-top: 6px;
	padding-bottom: 6px;
	text-decoration: none;
}
#dark-solutions .btn:hover {
	background-color: #d50402;
	color: #fff !important;
}


@media screen and (max-width : 1100px) {

	
}
@media screen and (max-width : 992px) {

}
@media screen and (max-width : 850px) {

}
@media screen and (max-width : 768px) {
	#solution-links .col_3 {
		min-height: 0px;
	}	
	#solution-links h3 {
		margin-bottom: 20px;
	}
	#dark-solutions .btn {
		margin-top: 0;
		margin-bottom: 30px;
	}
}

@media screen and (max-width : 580px) {
	
	
}
@media screen and (max-width : 480px) {
	
	
}
@media screen and (max-width : 380px) {

}