@import url('../fonts/dinpro/dinpro.css');

html { font-size:62.5%; }
html, body { height:100%; background:transparent; }
body { font-family:'DINPro',sans-serif; font-size:1.6rem; color:#404042; font-weight:600; font-variant-ligatures: no-common-ligatures; }

/** Universal Classes */
.pt-20 { padding-top:2rem!important; }
.pb-20 { padding-bottom:2rem!important; }
.pl-20 { padding-left:2rem!important; }
.pr-20 { padding-right:2rem!important; }

.py-20 { padding-top:2rem!important; padding-bottom:2rem!important; }
.py-40 { padding-top:4rem!important; padding-bottom:4rem!important; }
.py-50 { padding-top:5rem!important; padding-bottom:5rem!important; }

.bg-white { background:#fff; }
.bg-grey { background:#404042; }
.bg-grey-lt { background:#f1f5f8; }
.bg-blue { background:#323552; }
.bg-green { background:#7fc343; }

.border-light { border-color:#ececec!important; }

.font-weight-light { font-weight:300; }
.font-weight-semibold { font-weight:600; }
.font-weight-black { font-weight:900; }

.text-grey { color:#404042; }
.text-grey-lt { color:#f1f5f8; }
.text-blue { color:#323552; }
.text-green { color:#7fc343; }

a { text-decoration:none; transition:0.2s all ease; color:#7fc343; }
a:hover, a:focus, a:active { color:#7fc343; text-decoration:underline; }

.link-white, .to-white:hover, .to-white:focus, .to-white:active { color:#fff; }
.link-black, .to-black:hover, .to-black:focus, .to-black:active { color:#000; }
.link-grey, .to-grey:hover, .to-grey:focus, .to-grey:active { color:#404042; }
.link-grey-lt, .to-grey-lt:hover, .to-grey-lt:focus, .to-grey-lt:active { color:#f1f5f8; }
.link-blue, .to-blue:hover, .to-blue:focus, .to-blue:active { color:#323552; }
.link-green, .to-green:hover, .to-green:focus, .to-green:active { color:#7fc343; }
.link-line, .to-line:hover, .to-line:focus, .to-line:active { text-decoration:underline; }
.link-noline, .to-noline:hover, .to-noline:focus, .to-noline:active { text-decoration:none; }

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { font-weight:700; line-height:1.2; }

.btn {
	background:#7fc343; border:#7fc343; padding:1rem 2rem;
	color:#fff; font-weight:600; text-transform:uppercase; line-height:1.2;
}
.btn:hover, .btn:focus, .btn:active, .btn.disabled, .btn:disabled, .btn:not(:disabled):not(.disabled).active, .btn:not(:disabled):not(.disabled):active, .show>.btn.dropdown-toggle { background:#679c38; color:#fff; }

.btn-primary { border-radius:0; min-width:20rem; font-size:2rem; }
.btn-secondary { line-height:1.2; font-size:1.5rem; }

.content { line-height:3rem; }
.content h1, .content h2, .content p, .content ul, .content ol { margin-bottom:2.4rem; }

/** Form Styles */
.form-group label { color:#fff; }
.form-control { border-radius:0; background-clip:border-box; appearance:none; font-size:1.6rem; }
textarea.form-control { line-height:1.4; }
.form-control-lg { height:4.4rem; margin-bottom:2.5rem; }
.btn-submit { border-radius:0; }
.submit-wrap .submitting { margin-left:1rem; }
.cform .submit-wrap { margin-top:3rem; }
.cform .status { padding:0.5rem 1rem; margin-top:2rem; border:2px solid; color:#333; }
.cform .status.success { background:#d7e9d0; border-color:#398f14; }
.cform .status.error { background:#feeed2; border-color:#faab20; }
.cform .status.fail { background:#f0d7d3; border-color:#b23923; }
/*.cform .status.success { color:#4c5c3f; background:#d1e1c3; border:2px solid #679c38; }*/

/** Slider Styles */
.bx-wrapper { box-shadow:none; border:none; background:none; margin-bottom:0; z-index:2; }
.bx-wrapper .bx-controls-direction a, .bx-testimonials .bx-controls {
	background:none; text-indent:0;
	opacity:0; transition:all 0.2s ease;
	font-size:4rem; line-height:4rem; color:#ccc;
	text-align:center; height:4rem; margin-top:-2rem;
}
.bx-wrapper:hover .bx-controls-direction a,
.bx-wrapper:focus .bx-controls-direction a,
.bx-wrapper:active .bx-controls-direction a { opacity:0.5; }
.bx-wrapper .bx-controls-direction a:hover,
.bx-wrapper .bx-controls-direction a:focus,
.bx-wrapper .bx-controls-direction a:active,
.bx-testimonials:hover .bx-controls,
.bx-testimonials:focus .bx-controls,
.bx-testimonials:active .bx-controls { opacity:1; }
.bx-testimonials .bx-pager.bx-default-pager a { background:#fff; }
.bx-testimonials .bx-pager.bx-default-pager a:hover, .bx-testimonials .bx-pager.bx-default-pager a.active, .bx-testimonials .bx-pager.bx-default-pager a:focus { background:#aaa; }
.bx-testimonials .bx-viewport { display:box; display:flexbox; display:flex; min-height:24rem; }
.bx-testimonials .bx-viewport .bx-slider { flex-shrink:0; }
.bx-testimonials .bx-pager { bottom:-21px; padding-top:0; }
.bx-testimonials { margin-bottom:1rem; }

/** Header Styles */
#logo { display:inline-block; max-width:21rem; }
#logo img { max-width:100%; height:auto; }
#head-cta { font-size:1.7rem; }
#head-cta .v-divider { width:3px; height:3rem; }
#head-cta .faico { font-size:2.2rem; margin-right:2px; top:1px; }

/** Page Styles */
#banner { background:#f1f5f8 url('../img/banner.jpg') center / cover no-repeat; height:100vh; min-height:40rem; padding:7rem 1.5rem; font-size:1.2rem; }
#banner-text { max-width:60rem; line-height:1.6em; padding:2rem; }
#banner-text-inner { font-size:1.5em; }
#banner-text .faico { font-size:2.5em; margin-right:0.5em; }

#content h1 { font-size:3rem; }

#form-section { background:linear-gradient(to bottom, rgba(56,56,56,1) 0%, 60%, rgba(0,0,0,1) 100%); }
#form-section h2 { font-size:4rem; margin-bottom:3rem; }

.cta { background:#7fc343 url('../img/cta.jpg') center / cover no-repeat; font-size:2.8rem; line-height:1.1; }
.cta .faico { display:none; font-size:5rem; }
.cta-inner { max-width:42rem; }

#testimonials { background:#282828 url('../img/testimonials.jpg') center / cover no-repeat; }
#testimonials h2 { font-size:4rem; margin-bottom:3rem; }
.testimonial h3 { font-size:1.5rem; margin-bottom:0; line-height:1; }
.rating .faico { font-size:1.2rem; margin-right:0.2rem; }
.testimonial-txt { font-size:1.7rem; font-weight:400; line-height:3rem; margin-top:1.2rem; }

#about { font-size:1.5rem; }
#about h2 { font-size:1.7rem; }

/** Footer Styles */
#footer { color:#54595F; }
#footer a { color:#54595F; }
#footer a:hover, #footer a:focus, #footer a:active { color:#000; }
#nav { font-size:1.4rem; }
#nav a { text-decoration:underline; }
#nav li { padding-bottom:2.5rem; }
#contact-info .faico { color:#7a7a7a; font-size:1.4rem; height:2.4rem; }
#contact-info .faico-wrap { width:1.4rem; text-align:center; }
#contact-info .helvetica { font-family:'Helvetica','DINPro',sans-serif; font-size:1.4rem; top:-1px; }
#foot-cta { min-width:30rem; font-size:1.5rem; }
#foot-cta a { color:#7fc343!important; }
#foot-cta .faico { font-size:2rem; height:2.3rem; }
#copyright { font-size:1.4rem; color:#7a7a7a; }
#copyright a { color:#7a7a7a!important; }
.broadly__chat--closed #broadly-widget { bottom:1.2rem!important; right:1.2rem!important; }
.grecaptcha-badge { display:none!important; }

@media screen and (min-width: 375px) {
}
@media screen and (min-width: 421px) {
	#banner { font-size:1.5rem; }
	.cta .faico { display:inline-block; }
}
@media screen and (min-width: 576px) {
	#banner { font-size:1.9rem; }
	#banner-text { padding:3rem 1rem; }
}
@media screen and (min-width: 768px) {
	#banner { font-size:2rem; }
	.border-md-right { border-right:1px solid; }
	.border-md-left { border-left:1px solid; }
	#about .about-img { margin-top:4rem; }
	.broadly__chat--closed #broadly-widget { bottom:2rem!important; right:2rem!important; }
}
@media screen and (min-width: 992px) {
	#banner { padding:8rem 2rem; }
	.cta-inner { max-width:100%; }
	#contact-info { max-width:50rem; }
}
@media screen and (min-width: 1200px) {
	.cta { font-size:3rem; }	
	#nav { min-width:45rem; }
	#nav-menu { max-width:64rem; margin-left:auto; }
}
@media screen and (min-width: 1366px) {
	.container-lg { max-width:1280px; }
}