﻿/*****************************************************************************************************************************************/
/* HOME STYLES */
/*****************************************************************************************************************************************/


/*****************************************************************************************************************************************/
/* JUMBOTRON STYLES */
/*****************************************************************************************************************************************/

.kb-jumbotron {
	padding-top: 25px;
	padding-bottom: 25px;
	background: #FFFFFF;
}

	.kb-jumbotron .kb-carousel-home {
        position: relative;
		padding: 20px;
		background: #FFFFFF;
		border: 1px solid #F2F2F2;
		-webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.175);
		-moz-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.175);
		box-shadow: 0 4px 8px rgba(0, 0, 0, 0.175);
		background-clip: padding-box;
	}

		.kb-jumbotron .kb-carousel-home logo {
			font-size: 40px;
		}

		.kb-jumbotron .kb-carousel-home .carousel-inner {

		}

			.kb-jumbotron .kb-carousel-home .carousel-inner img {
				width: 100%;
				max-height: 400px
			}

			.kb-jumbotron .kb-carousel-home .carousel-inner .kb-carousel-item {

			}

			.kb-jumbotron .kb-carousel-home .carousel-inner .kb-carousel-item-content {
				position: absolute;
				top: 10%;
				left: 5%;
				right: auto;
				width: 90%;
				color: #fff;
			}

				.kb-jumbotron .kb-carousel-home .carousel-inner .kb-carousel-item-content .kb-carousel-item-text {
					min-height: 150px;
				}

					.kb-jumbotron .kb-carousel-home .carousel-inner .kb-carousel-item-content .kb-carousel-item-text h1 {
						font-size: 40px;
						color: #FFFFFF;
						text-shadow: 0px 1px 10px rgba(0, 0, 0, 0.2);
						margin-bottom: 0px;
					}

					.kb-jumbotron .kb-carousel-home .carousel-inner .kb-carousel-item-content .kb-carousel-item-text h2 {
						font-size: 20px;
						color: #FFFFFF;
						text-shadow: 0px 1px 10px rgba(0, 0, 0, 0.2);
					}

					.kb-jumbotron .kb-carousel-home .carousel-inner .kb-carousel-item-content .kb-carousel-item-text logo {
						color: #000000;
						font-weight: normal;
					}

				.kb-jumbotron .kb-carousel-home .carousel-inner .kb-carousel-item-content .kb-carousel-item-button {

				}

			.kb-jumbotron .kb-carousel-home .carousel-inner .kb-carousel-item-03 {
			}

				.kb-jumbotron .kb-carousel-home .carousel-inner .kb-carousel-item-03 .kb-carousel-item-text h1,
				.kb-jumbotron .kb-carousel-home .carousel-inner .kb-carousel-item-03 .kb-carousel-item-text h2 {
					color: #000000;
					text-shadow: 0px 1px 10px rgba(255, 255, 255, 1.0);
				}

		.kb-jumbotron .kb-carousel-home .kb-carousel-control {
			top: auto;
			bottom: 30px;
			left: auto;
			right: auto;

			width: auto;
			height: auto;
			margin: 0px;
			padding: 0px;
			display: block;
		}

				.kb-jumbotron .kb-carousel-home .kb-carousel-control .kb-carousel-control-icon {
					height: 24px;
					width: 26px;
					margin: 0px;
					padding: 0px;
					padding-top: 4px;
					background: black;
					opacity: .5;
					filter: alpha(opacity=50);
					color: #FFFFFF;
					border-radius: 6px;
					font-size: 15px;
				}

				.kb-jumbotron .kb-carousel-home .kb-carousel-control.carousel-control-prev {
					left: 30px;
				}

				.kb-jumbotron .kb-carousel-home .kb-carousel-control.carousel-control-next {
					left: 60px;
				}

		.kb-jumbotron .kb-carousel-home .carousel-indicators {
			width: auto;
			height: auto;
			margin: 0px;
			padding: 0px;
			left: auto;
			right: 30px;
			top: auto;
			bottom: 33px;
		}

			.kb-jumbotron .kb-carousel-home .carousel-indicators button {
				width: 12px;
				height: 12px;
				background-color: #000000;
				border: 0px;
				opacity: .7;
				filter: alpha(opacity=70);
				border-radius: 60px;
			}

				.kb-jumbotron .kb-carousel-home .carousel-indicators button.active {
					background-color: #FFFFFF;
					opacity: 1;
					filter: alpha(opacity=100);
				}

@media screen and (min-width: 768px) {
	.kb-jumbotron .kb-carousel-home .carousel-indicators {
		bottom: 33px;
	}
}


/*****************************************************************************************************************************************/
/* SECTION STYLES */
/*****************************************************************************************************************************************/

.kb-section-style1 {
	padding-bottom: 25px;
	background: #FFFFFF;
}

	.kb-section-style1 .kb-thumbnail {

	}

	.kb-section-style1 .kb-thumbnail .kb-thumbnail-title {
		height: 60px;
		margin: 0px 0px 10px 0px;
		padding: 12px 40px 40px 40px;
		border-radius: 0px;
		text-align: center;
	}

		.kb-section-style1 .kb-thumbnail .kb-thumbnail-title.kb-thumbnail-color1 {
			background: #000000;
			border: 1px solid #000000;
			color: #F2F2F2;
		}

		.kb-section-style1 .kb-thumbnail .kb-thumbnail-title.kb-thumbnail-color2 {
			background: #313A47;
			border: 1px solid #313A47;
			color: #F2F2F2;
		}

		.kb-section-style1 .kb-thumbnail .kb-thumbnail-title.kb-thumbnail-color3 {
			background: #000000;
			border: 1px solid #000000;
			color: #F2F2F2;
		}

		.kb-section-style1 .kb-thumbnail .kb-thumbnail-caption {
			text-align: left;
			color: #F2F2F2;
		}

		.kb-section-style1 .kb-thumbnail .kb-thumbnail-hover {
			height: 180px;
			padding: 0px;
			position: relative;
			overflow: hidden;
		}

			.kb-section-style1 .kb-thumbnail .kb-thumbnail-hover img {
				width: 100%;
			}

			.kb-section-style1 .kb-thumbnail .kb-thumbnail-hover:hover .kb-thumbnail-caption {
				opacity: 1;
				transform: translateY(-150px);
				-webkit-transform: translateY(-170px);
				-moz-transform: translateY(-170px);
				-ms-transform: translateY(-170px);
				-o-transform: translateY(-170px);
			}

			.kb-section-style1 .kb-thumbnail .kb-thumbnail-hover img {
				z-index: 4;
			}

			.kb-section-style1 .kb-thumbnail .kb-thumbnail-hover .kb-thumbnail-caption {
				width: 100%;
				position: absolute;
				top: 140px;
				-webkit-transition: all 0.3s ease-in-out;
				-moz-transition: all 0.3s ease-in-out;
				-o-transition: all 0.3s ease-in-out;
				-ms-transition: all 0.3s ease-in-out;
				transition: all 0.3s ease-in-out;
			}

			.kb-section-style1 .kb-thumbnail .kb-thumbnail-hover .kb-thumbnail-blur {
				height: 210px;
				width: 100%;
				background-color: rgba(0,0,0,0.7);
				position: absolute;
				z-index: 5;
			}

			.kb-section-style1 .kb-thumbnail .kb-thumbnail-hover .kb-thumbnail-text {
				height: 210px;
				width: 100%;
				padding: 10px 40px;
				position: absolute;
				top: 0px;
				z-index: 10;
				color: #FFFFFF;
				text-align: justify;
			}

				.kb-section-style1 .kb-thumbnail .kb-thumbnail-hover .kb-thumbnail-text p {
					color: #FFFFFF;
				}

.kb-section-style2 {
	padding: 20px 0px 40px 0px;
	border-top: 1px solid var(--kb-border-main-color);
	border-bottom: 1px solid var(--kb-border-main-color);
}

	.kb-section-style2 .kb-section-header {
		text-align: center;
		margin-bottom: 24px;
	}

	.kb-section-style2 .kb-section-body {
		background: #FFFFFF;
		border: 1px solid var(--kb-border-main-color);
	}

	.kb-section-style2 .kb-section-col {
		min-height: 600px;
		padding: 40px;
	}

	.kb-section-style2 .kb-section-row {
		margin-bottom: 24px;
	}

	.kb-section-style2 .kb-section-alerts {
		border-right: 1px solid var(--kb-border-main-color);
	}

		.kb-section-style2 .kb-section-alerts .panel {
			margin-bottom: 24px;
		}

		.kb-section-style2 .kb-section-alerts a.list-group-item {
			color: #000000;
			border-left: 0px;
			border-right: 0px;
			border-radius: 0px;
			text-decoration: none;
		}

			.kb-section-style2 .kb-section-alerts a.list-group-item:focus {
				color: #FFFFFF;
				background-color: #000000;
			}

			.kb-section-style2 .kb-section-alerts a.list-group-item:hover {
				color: #FFFFFF;
				background-color: #000000;
			}

			.kb-section-style2 .kb-section-alerts a.list-group-item i {
				background: var(--kb-brand-color-1-main);
				color: #FFFFFF;
				-webkit-text-stroke: 2px currentColor;
				float: right;
				padding: 2px 8px;
				border-radius: 4px;
			}

.kb-section-style2 .kb-section-alerts .kb-card-design1 {
	margin-bottom: 24px;
}

		.kb-section-style2 .kb-section-alerts .kb-card-design1-icon {
			width: 48px;
			height: 48px;
			padding-top: 6px;
			padding-bottom: 6px;
			background-color: #212529;
			color: #FFFFFF;
			text-align: center;
			border-radius: 10px;
			display: flex;
			align-items: center;
			justify-content: center;
		}

			.kb-section-style2 .kb-section-alerts .kb-card-design1 .kb-card-design1-icon .fa-2x:first-child {
				font-size: 16px;
				margin-right: -2px;
			}

			.kb-section-style2 .kb-section-alerts .kb-card-design1 .kb-card-design1-icon .fa-2x:last-child {
				font-size: 16px;
				margin-left: -2px;
			}

			.kb-section-style2 .kb-section-alerts .kb-card-design1 .kb-card-design1-icon .fa-3x {
				font-size: 22px;
			}

			.kb-section-style2 .kb-section-alerts .kb-card-design2 .kb-card-design1-icon .fa-3x {
				font-size: 18px;
			}

	.kb-section-style2 .kb-section-social {

	}

.kb-body-footer {
	background: #FFFFFF;
}