/**
 * Name: CSS
 * Author: Christian Schneider
 * Author URI: https://christianschneider.it/
 * Author Email: info@christianschneider.it
 * Version: 1.0.0 | 20220218
 */

body {
	margin:0px;
	padding:0px;
}

a {
	color:#666;
}

a:hover {
	color:#333;
	text-decoration:none;
}

h5 {
	margin-bottom:0px;
	font-weight:600;
}

.row {
	padding:24px;
	padding-bottom:18px;
	background-color:#eee;
}

.col-centered {
	float:none;
	margin:0 auto;
}

.carousel-control {
	width:8%;
	width:0px;
}

.carousel-control.left,
.carousel-control.right {
	margin-top:-36px;
	margin-right:0px;
	margin-left:0px;
	background-image:none;
	opacity:1;
}

.carousel-control > a > span {
	color:#666;
	font-size:36px !important;
}

.carousel-col {
	position:relative;
	float:left;
	min-height:1px;
	padding:5px;
 }

.active > div {
	display:none;
}

.active > div:first-child {
	display:block;
}

/* xs */
@media (max-width:767px) {
	.carousel-inner .active.left					{ left:-50%; }
	.carousel-inner .active.right					{ left:50%; }
	.carousel-inner .next							{ left:50%; }
	.carousel-inner .prev							{ left:-50%; }
	.carousel-col									{ width:50%; }
	.active > div:first-child + div					{ display:block; }
	.carousel-control.left,
	.carousel-control.right							{ margin-top:-68px; }
}

/* sm */
@media (min-width:768px) and (max-width:991px) {
	.carousel-inner .active.left					{ left:-50%; }
	.carousel-inner .active.right					{ left:50%; }
	.carousel-inner .next							{ left:50%; }
	.carousel-inner .prev							{ left:-50%; }
	.carousel-col									{ width:50%; }
	.active > div:first-child + div					{ display:block; }
}

@media (min-width:868px) and (max-width:991px) {
	.container										{ width:830px; }
}

/* md */
@media (min-width:992px) and (max-width:1199px) 	{
	.container										{ width:830px; }
	.carousel-inner .active.left					{ left:-33%; }
	.carousel-inner .active.right					{ left:33%; }
	.carousel-inner .next							{ left:33%; }
	.carousel-inner .prev							{ left:-33%; }
	.carousel-col									{ width:33%; }
	.active > div:first-child + div					{ display:block; }
	.active > div:first-child + div + div			{ display:block; }
}

/* lg */
@media (min-width:1200px) {
	.container										{ width:970px; }
	.carousel-inner .active.left					{ left:-25%; }
	.carousel-inner .active.right					{ left:25%; }
	.carousel-inner .next							{ left:25%; }
	.carousel-inner .prev							{ left:-25%; }
	.carousel-col									{ width:25%; }
	.active > div:first-child + div					{ display:block; }
	.active > div:first-child + div + div			{ display:block; }
	.active > div:first-child + div + div + div		{ display:block; }
}

.block {
	width:306px;
	height:266px;
	text-align:center;
}

.carousel-caption {
	right:12%;
	bottom:-32px;
	left:12%;
	color:#666;
	text-shadow:none;
}