@import url('home.css');
@import url('contact.css');

img {
	border: 0;
}

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


.top-bar-container .container {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.top-bar-container a.hsb-logo {
	padding: 20px 0 20px;
	display: block;
}
.top-bar-container a.hsb-logo img {
	width: 75px;
}
@media (min-width: 992px) {
	.top-bar-container a.hsb-logo img {
		width: 100px;
	}
}

h1, h2, h3, h4, .title {
	color: #e28829;
}

h1 {
	margin-bottom: 10px;
}

.text-container h1 { margin-bottom: 25px; }

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


.fp-top-pic {
	background-image: url('/images/front-top-pic2.jpg');
	background-size: 100% auto;
	background-position: center center;
	padding: 30px 0 50px 0;
}
@media (max-width: 768px) {
	.fp-top-pic {
		background-size: auto 100%;
	}
}
.title-rotator .title-text { display: none; }

.front-top-form {
	float: right;
	margin-right: 8px;
	background-color: rgba(255, 255, 255, 0.8);
	padding: 15px 22px 20px;
	border-radius: 15px;
	width: 380px;
}
@media (max-width: 768px) {
	.front-top-form {
		float: none;
		margin-top: 25px;
	}
}

.front-top-form .title {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 10px;
}
.front-top-form label {
	display: block;
}
.front-top-form .input-container {
	margin-bottom: 10px;
}
.front-top-form input, .front-top-form textarea {
	width: 100%;
}
.front-top-form textarea {
	height: 100px;
}


.fp-overons {
}
.fp-overons img {
	max-width: 100%;
	height: auto;
}
.fp-overons-text {
	display: flex;
	flex-direction: column;
	align-self: flex-end;
	padding-bottom: 10px;
}
@media (max-width: 768px) {
	.fp-overons-text {
		padding-bottom: 0;
		padding-top: 50px;
	}
}

.fp-overons .bullets-method-working {
	padding: 50px 0;
}
.fp-overons .bullets-method-working .number {
	color: #e28829;
	font-size: 38px;
}
.fp-overons .bullets-method-working .title {
	color: #000;
	position: relative;
	top: -5px;
	margin-left: 10px;
	font-size: 25px;
}

.fp-projects {
	background-image: url('/images/front-bg-projects.jpg');
	background-size: 100% auto;
	background-position: top center;
	padding: 200px 0 50px 0;
}
.balloon-container {
	align-items: stretch;
	display: flex;
}
.balloon {
	background-color: rgba(255, 255, 255, 0.9);
	border-radius: 15px;
	padding: 10px 15px;
}
@media (max-width: 1200px) {
	.fp-projects {
		background-size: auto 100%;
	}
	.balloon h3 {
		font-size: 23px;
	}
}

@media (max-width: 992px) {
	.balloon {
		width: 100%;
		margin-top: 20px;
	}
}

.fp-method-of-working {
	padding: 50px 0;
}
.fp-method-of-working .img-method-of-working {
	width: 80%;
	margin-top: 25px;
}
.fp-vgv-link {
	margin-top: 15px;
	font-style: italic;
	font-size: 20px;
}


.fp-contact {
	background-color: #ee5700;
	padding: 50px 0;
}

.fp-contact .balloon-contact {
	background-color: #fff;
	min-width: 70%;
}
@media (max-width: 992px) {
	.fp-contact .balloon-contact {
		margin-bottom: 30px;
	}
}
.contact-details {
	display: flex;
	flex-direction: row;
}
.contact-details > div:nth-child(2) {
	padding-left: 20px;
}
.fp-contact .contact-map {
	max-width: 100%;
}


.page-footer {
	background-color: #464646;
	padding: 50px 0;
	color: #fff;
}

.page-footer a {
}
@media (max-width: 992px) {
	.see-also {
	margin-top: 25px;}
}

.text-intropic {
	background-size: cover;
	background-position: center center;
	min-height: 30vh;
}

.text-container {
	padding: 50px 0;
}
.text-container h1 {
	padding-left: 0;
}




button, input[type=submit], input[type=button] {
	color: #fff;
	background-color: #e28829;
	border: 0px;
	border-radius: 5px;
	padding: 5px 10px 7px;
}




.accordion-button:not(.collapsed) {
	background-color: #e28829;
	color: #fff;
}
.accordion-button:focus {
	border-color: #e28829;
/* 	box-shadow: 0 0 0 0.25rem #ffd7ae; */
	box-shadow: none !important;
}
.accordion-button:not(.collapsed)::after {
	color: #fff !important;
}

.vgv-page.text-container h2.accordion-header {
	margin-top: 0;
}



.text-container h2 {
	margin-top: 25px;
}
.text-container ul {
	margin-left: 0px;
}