/* OVERALL STYLES STARTS */
.center {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.inactive {
  display: none;
}
/* OVERALL STYLES ENDS */



/* HEX BUTTENS START */
.hex-body-container {
width: 100%;
background-color: white;
display: flex;
justify-content: center;
align-items: center;
}
.hex-body {
width: 50%;
background-color: white;
display: flex;
justify-content: space-around;
align-items: center;
}

.hex-container {
width: 235px;
height: 235px;
position: relative;
overflow: hidden;
}
.hex-container .hex-img {
width: 290px;
height: 290px;
background-repeat: no-repeat;
position: absolute;
transform: translate(-50%, -50%);
left: 50%;
top: 50%;
}
.hex-img-one {
background-image: url("/images/site/images.png");
background-size: 310px;
background-position: center;
}
.hex-img-two {
background-image: url("/images/site/images.png");
background-size: 310px;
background-position: center;

}
.hex-img-three {
background-image: url("/images/site/images.png");
background-size: 310px;
background-position: center;

}
.hex-img-four {
background-image: url("/images/site/images.png");
background-size: 310px;
background-position: center;

}
.hex-container .hex-img div.hex-span {
position: absolute;
transform: translate(-50%, -50%);
left: 50%;
top: 50%;
color: white;
width: 230px;
height: 230px;
text-align: center;
transition: all 0.6s linear 0.4s;
display: flex;
justify-content: center;
align-items: center;
}
.hex-container .hex-img div.hex-span h2{
margin: 0;
padding: 0;
font-size: 30px;
text-shadow: 1px 1px 5px black;
}
.hex-container .hex {
position: absolute;
transition: all 0.6s linear;
transform: translate(-50%, -50%);
left: 50%;
top: 50%;
}
.hex-container .hex .hex-one {
transform: translate(-50%, -50%) rotate(45deg);
width: 370px;
height: 370px;
transition: all 0.6s linear;
position: absolute;
border: 100px solid white;
left: 50%;
top: 50%;
}
.hex-container .hex .hex-two {
width: 370px;
height: 370px;
transition: all 0.6s linear;
position: absolute;
border: 100px solid white;
transform: translate(-50%, -50%);
left: 50%;
top: 50%;
}

.hex-container:hover .hex-img div.hex-span {
background-color: #4842424d;
}
.hex-container:hover .hex {
transform: rotate(67.5deg);
}
.hex-container:hover .hex .hex-one {
width: 410px;
height: 410px;
}
.hex-container:hover .hex .hex-two {
width: 410px;
height: 410px;
}
@media screen and (max-width: 918px) {
.hex-body-container {
  flex-direction: column;
}
.hex-body {
  width: 100%;
}
}
@media screen and (max-width: 470px) {
.hex-body {
  flex-direction: column;
}
}
/* HEX BUTTENS END */



/* Footer STARTS */

/* Footer Parallax STARTS  */
.parallax {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-image: url('/images/site/hero-placeholder.png');
  position: relative;
  overflow: visible;
  padding-top: 5%;
  background-color: transparent;
}

.parallax h1 {
  font-size: 350%;
  text-align: center;
  color: white;
  text-shadow: 1px 1px 5px black;
}
#parallax-footer{
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: #2a639c;
  color: #fff;
}
#parallax-footer p{
  padding: 0;
  margin: 0;
}
/* Footer Parallax ENDS  */

footer#footer-distributed {
	background: #343a40;
	color: #cfccd6;
}

footer#footer-distributed .footer-start-top {
	display: flex;
	padding: 30px 0;
}

footer#footer-distributed .footer-start-top > div {
	flex: 1 1 20%;
}

.contact-info li {
	margin-bottom: 1.5rem;
	display: flex;
}

.contact-info .contact-info-icon {
	margin-right: 1em;
	font-size: 1.5em;
}

.contact-info .contact-info-copy a {
	color: #87bcde;
	transition: all 0.2s ease-out;
}

.contact-info .contact-info-copy a:hover {
	color: #62bec1;
}

.map-container iframe#footer-company-location {
	width: 100%;
	height: 100%;
	padding: 0;
}

#siteMapAndLogo {
	width: 50%;
	display: flex;
	flex-direction: column;
}

#siteMapAndLogo h3 {
	padding-bottom: .3em;
	border-bottom: 1px solid #cfccd6;
}

#siteMapAndLogo #footer-links {
	display: flex;
	justify-content: space-around;
	align-items: center;
	width: 100%;
	flex-wrap: wrap;
}

#siteMapAndLogo #footer-links a {
	padding: 6px 15px;
	margin: 0 5px;
	border-radius: 12px;
	display: block;
	color: #87bcde;
	white-space: nowrap;
	transition: all 0.2s ease-out;
}

#siteMapAndLogo #footer-links a:hover {
	text-decoration: none;
	color: #62bec1;
}

#footer-site-information {
	width: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}

#footer-site-information .Address-and-contact {
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

#NewsLetterSignUp {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.footercp {
	display: block;
	width: 100%;
	padding: 2px 10px;
}

.footercp::after {
	clear: both;
	content: " ";
	display: block;
}

.footercp .copyright {
	float: left;
}

.footercp .poweredby {
	float: right;
}

.footercp * p {
	margin: 0;
}

.footercp * p a {
	color: #87bcde;
}

.footercp * p a:hover {
	text-decoration: none;
	color: #62bec1;
}

@media screen and (max-width: 991px) {
	div#siteMapAndLogo {
		width: 100%;
		padding: 10px 20px;
	}

	div#NewsLetterSignUp {
		width: 100%;
		padding: 10px 20px;
	}

	div#footer-site-information {
		width: 100%;
		padding: 10px 20px;
	}

	iframe#footer-company-location {
		width: 85%;
	}
}

@media screen and (max-width: 500px) {
	.footer-start-top {
		flex-direction: column;
		justify-content: space-between;
		align-items: center;
	}
}