@charset "utf-8";
/* CSS Document */

/*
.slideshow-container .banner-slideshow .img-slide {
    min-height: 500px !important;
    max-height: 500px !important;
}
*/

.main-page-section {
	padding: 0 4em;
    margin-top: -18em;
}

.grid-layout-first-column {
	margin-bottom: 1em;
}

.third-row-wrap {
	margin: 1em 0;
}

.grid-layout-first-column,
.grid-layout-third-column {
	border: 1px solid #F2F2F2;
	background: #fff;
	padding: 1em 1em 2.5em;
	border-radius: 5px;
}

.grid-layout-first-column h3,
.grid-layout-third-column h3 {
	color: #000;
	font-family: 'Tenorite', sans-serif;
    font-size: 20px;
}

.grid-layout-wrap {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
	grid-gap: 1em;
}

.first-card-grid,
.third-card-grid {
	height: 150px;
	position: relative;
}

.first-card-grid a:nth-of-type(1),
.third-card-grid a:nth-of-type(1) {
    height: 100%;
    width: 100%;
	color: #000;
	display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
}

.first-card-grid a:nth-of-type(1) img,
.third-card-grid a:nth-of-type(1) img {
	max-width: 100%;
    max-height: 100%;
}

.first-card-grid a:nth-of-type(2),
.third-card-grid a:nth-of-type(2) {
	display: block;
	color: #000;
	padding-top: 5px;
}

.grid-card-top span {
	white-space: nowrap;
}

.proj-box-holder {
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

.grid-layout-third-column .grid-layout-wrap {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
	grid-gap: 1em;
}

.grid-layout-fifth-column {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
	grid-gap: 1em;
	margin: 1em 0;
	align-items: center;
}

.equipment-container {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

.carousel-container {
	border: 1px solid #F2F2F2;
    border-radius: 10px;
}

.carousel-control-prev {
    left: 0em !important;
    top: -0.5em !important;
}

.carousel-control-prev-icon iconify-icon,
.carousel-control-next-icon iconify-icon {
    color: #7F7F7F;
}

.carousel-control-next {
    right: 1em !important;
    top: -0.5em !important;
}

.prod-image-carousel {
	border: none;
} 

.box-container {
    border: 1px solid #F2F2F2;
}

.box-container h3 {
	font-family: 'Tenorite', sans-serif;
    font-size: 20px;
	font-weight: unset;
}

.equipment-group-layout .box-col:nth-of-type(1) {
	padding-right: .5em;
}

.equipment-group-layout .box-col:nth-of-type(1) a {
	text-align: left;
}

.equipment-group-layout .box-col:nth-of-type(2) {
	padding-left: .5em;
}

.equipment-group-layout .box-col:nth-of-type(2) a {
	text-align: right;
}

.promo-img-layout {
	display: flex;
    align-items: center;
	padding-left: 0;
}

.promo-img-layout img {
	max-width: 100%;
    border-radius: 5px;
	min-height: 220px;
    max-height: 220px;
/*	object-fit: cover;*/
}

.promo-column img {
	max-width: 100%;
	border-radius: 5px;
}

.fifth-card-column {
	border: 1px solid #F2F2F2;
	border-radius: 5px;
	padding: .5em;
	position: relative;
	min-height: 350px;
    max-height: 350px;
}

.fifth-card-column a:nth-of-type(1) {
	position: absolute;
	font-family: 'Tenorite', sans-serif;
    color: #000;
    font-size: 20px;
}

.fifth-card-column a:nth-of-type(2) {
    height: 300px;
    font-family: 'Tenorite', sans-serif;
    color: #000;
	display: flex;
    align-items: center;
    justify-content: center;
}

.fifth-card-column a:nth-of-type(3) {
	position: absolute;
	bottom: 5px;
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
    color: #007BA7;
    font-size: 17px;
}

.fifth-card-column img {
    max-height: 300px;
	max-width: 100%;
}

.carousel-container {
    margin: 4em 0 0;
    padding: 1em 0;
}

@media only screen and (min-width: 1800px) {
	.carousel-item .col-xs-3 {
		flex: 0 0 16.5% !important;
		max-width: 16.5% !important;
	}
}

.equip-box-holder {
	position: relative;
}

.equip-box-holder a:nth-of-type(1) {
	position: absolute;
    top: 1em;
    left: 14px;
    font-family: 'Tenorite', sans-serif;
    font-size: 21px;
    color: #000;
}

.equip-box-holder a:nth-of-type(2) {
	display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.equip-box-holder a:nth-of-type(2) img {
    max-height: 100%;
    max-width: 100%;
	margin-top: 1em;
}

.bottom-proj-section {
    margin: 1em 0;
}

.carousel-container h2, 
.carousel-container-small h2 {
    font-size: 24px;
}

.carousel-container {
    margin: 1em 0 0;
    padding: 1em 0;
}

.equip-box-holder {
    max-height: 100%;
}


@media only screen and (max-width: 1600px) {
	.card-wrap {
		padding: 0 2em;
	}
	.main-page-section {
		padding: 0 2em;
	}
}

@media only screen and (max-width: 1500px) {
	.grid-box a:nth-of-type(1) {
		padding: 10px;
	}
}

@media only screen and (max-width: 1400px) {
	.main-image-container {
		font-size: 18px;
	}
}

@media only screen and (max-width: 1200px) {
	.proj-box-holder {
		grid-template-columns: 1fr 1fr;
	}
	.box-container {
		height: 100%;
	}
	.equipment-container {
		grid-template-columns: 1fr 1fr 1fr 1fr;
	}
	.equipment-container .equip-box-holder:nth-of-type(5) {
		display: none;
	}
}

@media only screen and (max-width: 1100px) {
	.grid-layout-wrap {
		grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
	}
	.grid-layout-wrap .first-card-grid:nth-of-type(7) {
		display: none;
	}
	.equipment-container {
		grid-gap: 1em;
	}
}

@media only screen and (max-width: 800px) {
	.equipment-container {
		grid-template-columns: 1fr 1fr;
	}
}

@media only screen and (max-width: 800px) {
	.grid-layout-wrap {
		grid-template-columns: 1fr 1fr 1fr;
	}
}

@media only screen and (max-width: 600px) {
	.grid-layout-wrap {
		grid-template-columns: 1fr 1fr;
	}
}

@media only screen and (max-width: 450px) {
	.banner-slideshow img {
		min-height: 150px;
	}
	.prev iconify-icon, 
	.next iconify-icon {
		font-size: 30px;
	}
	.prev, 
	.next {
		padding: 16px 5px;
	}
}










