@media (min-width: 1600px) {
  .navbar .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1600px;
  }
}

#logo {
	height: 80px;
}

a.active {
	border-bottom: 2px solid #eee;
}

.bd-placeholder-img {
	font-size: 1.125rem;
	text-anchor: middle;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}

@media (min-width: 768px) {
	.bd-placeholder-img-lg {
		font-size: 3.5rem;
	}
}

.bi {
	vertical-align: -.125em;
	fill: currentColor;
}

.nav-scroller {
	position: relative;
	z-index: 2;
	height: 2.75rem;
	overflow-y: hidden;
}

.nav-scroller .nav {
	display: flex;
	flex-wrap: nowrap;
	padding-bottom: 1rem;
	margin-top: -1px;
	overflow-x: auto;
	text-align: center;
	white-space: nowrap;
	-webkit-overflow-scrolling: touch;
}

.nav-item {
	padding: 0.5rem 0.5rem;
}

.btn-bd-primary {
	--bd-violet-bg: #712cf9;
	--bd-violet-rgb: 112.520718, 44.062154, 249.437846;

	--bs-btn-font-weight: 600;
	--bs-btn-color: var(--bs-white);
	--bs-btn-bg: var(--bd-violet-bg);
	--bs-btn-border-color: var(--bd-violet-bg);
	--bs-btn-hover-color: var(--bs-white);
	--bs-btn-hover-bg: #6528e0;
	--bs-btn-hover-border-color: #6528e0;
	--bs-btn-focus-shadow-rgb: var(--bd-violet-rgb);
	--bs-btn-active-color: var(--bs-btn-hover-color);
	--bs-btn-active-bg: #5a23c8;
	--bs-btn-active-border-color: #5a23c8;
}

.bd-mode-toggle {
	z-index: 1500;
}

.bd-mode-toggle .dropdown-menu .active .bi {
	display: block !important;
}

/* Carousel base class */
.carousel {
	margin-bottom: 2rem;
}

/* Since positioning the image, we need to help out the caption */
.carousel-caption {
	z-index: 10;
	text-shadow: 0 0 20px black, 0 0 20px black, 0 0 20px black, 0 0 20px black, 0 0 20px black, 0 0 20px white;
}

/* Declare heights because of positioning of img element */
.carousel-item {
	height: 100%;
}

.carousel-caption p {
	margin-bottom: 0;
}

.featurette-divider {
	margin: 2rem 0; /* Space out the Bootstrap <hr> more */
}

/* Thin out the marketing headings */
/* rtl:begin:remove */
.featurette-heading {
	letter-spacing: -.05rem;
}

@media (min-width: 40em) {
	/* Bump up size of carousel content */
	.carousel-caption p {
		line-height: 1.2;
	}

	.featurette-heading {
		font-size: 50px;
	}
}

@media (min-width: 62em) {
	.featurette-heading {
		margin-top: 7rem;
	}
}

.card {
	box-shadow: 0 5px 2px #fafafa, 0 -5px 2px #fafafa;
}

.card:hover {
	box-shadow: 0 2px 4px #dadada, 0 -2px 4px #dadada;
	cursor: pointer;
}

.card-body {
	background-color: #eee;
	color: #444;
}

.card-text p {
	margin-bottom: 0.1rem;
}

.card-link {
	text-decoration: none;
}

.colors4 td {
    width: 25%;
}

.colors5 td {
    width: 20%;
    padding: 0.75em 0.15em;
}

.colors4 img, .colors5 img {
	width: 90px;
}

.color-aluzinc {
	background-color: #fff!important;
}

.color-ral3009 { /* Oxide Red */
	color: white!important;
	background-color: #642424!important;
}

.color-ral3011 { /* Brown Red */
	color: white!important;
	background-color: #781F19!important;
}

.color-ral7016 { /* Anthracite Gray */
	color: white!important;
	background-color: #293133!important;
}

.color-ral8004 { /* Copper Brown */
	color: white!important;
	background-color: #8E402A!important;
}

.color-ral8017 { /* Chocolate Brown */
	color: white!important;
	background-color: #45322E!important;
}

.color-ral8019 { /* Gray Brown */
	color: white!important;
	background-color: #403A3A!important;
}

.color-ral9005 { /* Jet Black */
	color: white!important;
	background-color: #0A0A0A!important;
}

.color-ral9006 { /* White aluminium */
	background-color: #A5A5A5!important;
}

.color-ral9010 { /* Pure White */
	background-color: #FFFFFF!important;
}

.whatsapp {
	width: 160px;
}

.anpc img {
	width: 202px;
}