html, body { height: 100% }
header #header-contact { padding-top: 60px }
#project-carousel, #project-carousel .carousel-inner, #project-carousel .carousel-inner .carousel-item { height: 100% }
#project-carousel .carousel-inner { position: relative }
#project-carousel .carousel-inner #carousel-scroll { -moz-transform: translate(-50%,0); -o-transform: translate(-50%,0); -webkit-transform: translate(-50%,0); bottom: 70px; left: 50%; position: absolute; transform: translate(-50%,0); z-index: 9 }
#project-carousel .carousel-inner .carousel-item { background-size: cover !important; position: relative }
#project-carousel .carousel-inner .carousel-item .container { height: 100%; position: relative }
#project-carousel .carousel-inner .carousel-item .carousel-gradient { background: rgb(0,0,0); background: -moz-linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.75) 60%); background: -webkit-linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.75) 60%); background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.75) 60%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1); bottom: 0; height: 340px; left: 0; position: absolute; width: 100% }
#landing-form .container { position: relative }
#landing-form #form-contact { background-color: rgba(0, 0, 0, .75); bottom: -260px; left: 12px; padding: 35px 50px; position: absolute; text-align: left; width: 500px; z-index: 9; }
#landing-form #form-contact h1 { color: #FFF; font-size: 50px; font-weight: 700; line-height: 50px; margin: 0; padding-bottom: 40px }
#landing-form #form-contact p { color: #FFF; font-size: 26px; margin: 0; padding-bottom: 50px }
#landing-form #form-contact .input-group span { -moz-border-radius: 0; -webkit-border-radius: 0; background-color: #BCBCBC; border: none; border-radius: 0; color: #6C6C6C; font-size: 27px }
#landing-form #form-contact .input-group .form-control { -moz-border-radius: 0; -moz-box-shadow: none; -webkit-border-radius: 0; -webkit-box-shadow: none; border: none; border-radius: 0; box-shadow: none; outline: none; padding: 1rem .75rem }
#landing-form #form-contact button { -moz-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s; background-color: #BCBCBC; border: none; color: #000; display: block; font-size: 18px; padding: 16px 0; text-transform: uppercase; transition: 0.3s; width: 100% }
#landing-form #form-contact button:hover { background-color: #6C6C6C; color: #FFF }
#landing-form #form-contact a { color: #FFF; display: block; font-size: 46px; font-weight: 700; margin-top: 20px }
#landing-form #form-contact a i { color: #BCBCBC }
#landing-form #form-contact.thank-you { background-color: #155E15 }
#landing-form #form-contact.thank-you h1 { padding-bottom: 85px }
#landing-strapline { padding: 80px 0 116px 0; text-align: center }
#landing-strapline h1 { color: #4F4F4F; font-size: 42px; font-weight: 700; margin: 0 0 10px 0 }
#landing-strapline p { font-size: 22px; font-style: italic; font-weight: 300; margin: 0 }
#service { padding-bottom: 56px }
#service .service-row { margin-bottom: 24px }
#service .service-text { background-color: #E6E6E6; min-height: 530px; padding: 0 75px; text-align: center }
#service .service-text.alt { background-color: #383838; color: #FFF }
#service .service-text h2 { font-size: 30px; font-weight: 700; margin: 0 0 20px 0 }
#service .service-text p { font-size: 20px; margin: 0 0 20px 0 }
#service .service-text a { -moz-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s; background-color: #FFF; border: 1px solid #000; color: #000; display: inline-block; font-size: 18px; margin-top: 10px; padding: 10px 25px; text-transform: uppercase; transition: 0.3s }
#service .service-text a:hover { background-color: #6C6C6C; border-color: #6C6C6C; color: #FFF }
#service .service-more { padding: 85px 0 50px 0 }
#service .service-more p { font-size: 20px; margin: 0 0 20px 0 }
#service .service-more ul { font-size: 20px; margin: 0 0 20px 0 }
#service .service-more a { -moz-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s; background-color: #FFF; border: 1px solid #000; color: #000; display: inline-block; font-size: 18px; padding: 10px 25px; text-transform: uppercase; transition: 0.3s }
#service .service-more a:hover { background-color: #6C6C6C; border-color: #6C6C6C; color: #FFF }
#service .service-img { background-size: cover !important; height: 100% }
#service .service-img.landing-img-1 { background: url('/img/landing/landing-1.webp') no-repeat center center }
#service .service-img.landing-img-2 { background: url('/img/landing/landing-2.webp') no-repeat center center }
#service .service-img.landing-img-3 { background: url('/img/landing/landing-3.webp') no-repeat center center }
#service .service-img.landing-img-4 { background: url('/img/landing/landing-4.webp') no-repeat center center }
#service .service-img.landing-img-5 { background: url('/img/landing/landing-5.webp') no-repeat center center }
#service .service-img.landing-img-6 { background: url('/img/landing/landing-6.webp') no-repeat center center }
#service .service-img.landing-img-7 { background: url('/img/landing/landing-7.webp') no-repeat center center }
#testimonials { padding: 25px 0 50px 0; text-align: center }
#testimonials h3 { color: #4F4F4F; font-size: 44px; font-weight: 700; margin: 0; padding-bottom: 40px }
#testimonials #carousel-testimonials, #testimonials #carousel-testimonials .carousel-inner, #testimonials #carousel-testimonials .carousel-inner .carousel-item { height: 288px }
#testimonials #carousel-testimonials p { font-size: 24px; font-style: italic; margin: 0; padding: 0 150px }
#testimonials #carousel-testimonials .carousel-control-next, #testimonials #carousel-testimonials .carousel-control-prev { opacity: 1; width: 9% }
#testimonials #carousel-testimonials .carousel-control-prev-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e") }
#testimonials #carousel-testimonials .carousel-control-next-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") }
.grecaptcha-badge { z-index: 9 }
@media (max-width: 1669px) {
header #header-contact { padding-top: 50px }
#project-carousel .carousel-inner #carousel-scroll { bottom: 50px }
#project-carousel .carousel-inner .carousel-item .carousel-gradient { height: 300px }
#landing-form #form-contact { bottom: -247px; padding: 35px 40px; width: 400px }
#landing-form #form-contact h1 { font-size: 44px; line-height: 44px }
#landing-form #form-contact p { font-size: 22px }
#landing-form #form-contact button { font-size: 16px }
#landing-form #form-contact a { font-size: 38px }
#landing-strapline { padding: 80px 0 112px 0 }
#landing-strapline h1 { font-size: 36px; margin-bottom: 7px }
#landing-strapline p { font-size: 20px }
#service { padding-bottom: 51px }
#service .service-text { min-height: 415px; padding: 0 40px }
#service .service-text h2 { font-size: 24px }
#service .service-text p { font-size: 18px }
#service .service-text a { font-size: 16px; margin-top: 7px; padding: 8px 22px }
#service .service-more { padding: 75px 0 40px 0 }
#service .service-more p { font-size: 18px }
#service .service-more ul { font-size: 18px }
#service .service-more a { font-size: 16px; padding: 8px 22px }
#testimonials h3 { font-size: 38px; padding-bottom: 35px }
#testimonials #carousel-testimonials, #testimonials #carousel-testimonials .carousel-inner, #testimonials #carousel-testimonials .carousel-inner .carousel-item { height: 240px }
#testimonials #carousel-testimonials p { font-size: 20px; padding: 0 140px }
}
@media (max-width: 1199px) {
header #header-contact { padding-top: 44px }
#project-carousel .carousel-inner #carousel-scroll { bottom: 40px }
#project-carousel .carousel-inner .carousel-item .carousel-gradient { height: 275px }
#landing-form #form-contact { bottom: -225px; padding: 25px 30px; width: 330px }
#landing-form #form-contact h1 { font-size: 38px; line-height: 38px; padding-bottom: 30px }
#landing-form #form-contact p { font-size: 20px; padding-bottom: 40px }
#landing-form #form-contact button { font-size: 14px }
#landing-form #form-contact a { font-size: 32px }
#landing-strapline { padding: 75px 0 105px 0 }
#landing-strapline h1 { font-size: 32px; margin-bottom: 5px }
#landing-strapline p { font-size: 18px }
#service { padding-bottom: 46px }
#service .service-text { min-height: 310px; padding: 0 30px }
#service .service-text h2 { font-size: 19px; margin: 0 0 15px 0 }
#service .service-text p { font-size: 15px }
#service .service-text a { font-size: 14px; margin-top: 4px; padding: 6px 19px }
#service .service-more { padding: 65px 0 30px 0 }
#service .service-more p { font-size: 15px }
#service .service-more ul { font-size: 15px }
#service .service-more a { font-size: 14px; padding: 6px 19px }
#testimonials h3 { font-size: 34px; padding-bottom: 30px }
#testimonials #carousel-testimonials, #testimonials #carousel-testimonials .carousel-inner, #testimonials #carousel-testimonials .carousel-inner .carousel-item { height: 192px }
#testimonials #carousel-testimonials p { font-size: 16px; padding: 0 100px }
}
@media (max-width: 991px) {
#project-carousel .carousel-inner #carousel-scroll { display: none }
#landing-strapline { padding: 65px 0 90px 0 }
#landing-strapline h1 { font-size: 28px; margin-bottom: 5px }
#service { padding-bottom: 41px }
#service .service-text { min-height: 0; padding: 30px }
#service .service-more { padding: 45px 0 10px 0 }
#service .service-more a { display: block; margin: 0 auto 30px auto; text-align: center; width: 122px }
#service .service-img { height: 350px; margin-bottom: 24px }
#testimonials { padding: 15px 0 40px 0 }
#testimonials h3 { font-size: 30px; padding-bottom: 25px }
#testimonials #carousel-testimonials, #testimonials #carousel-testimonials .carousel-inner, #testimonials #carousel-testimonials .carousel-inner .carousel-item { height: 189px }
#testimonials #carousel-testimonials p { font-size: 14px; padding: 0 80px }
}
@media (max-width: 767px) {
#landing-form #form-contact { bottom: auto; left: auto; position: relative; top: -200px; width: 100% }
#landing-form #form-contact h1 br { display: none }
#landing-form #form-contact p { padding-bottom: 30px; text-align: center }
#landing-form #form-contact a { text-align: center }
#landing-form #form-contact.thank-you h1 { padding-bottom: 40px; text-align: center }
#landing-strapline { margin-top: -150px; padding: 0 0 50px 0 }
#landing-strapline p { font-size: 16px }
#service { padding-bottom: 36px }
#service .service-img { height: 300px }
#testimonials h3 { font-size: 26px; padding-bottom: 20px }
#testimonials #carousel-testimonials, #testimonials #carousel-testimonials .carousel-inner, #testimonials #carousel-testimonials .carousel-inner .carousel-item { height: 252px }
#testimonials #carousel-testimonials p { padding: 0 50px }
}
@media (max-width: 575px) {
#landing-form #form-contact { top: -300px }
#landing-form #form-contact h1 { font-size: 36px; line-height: 36px; padding-bottom: 25px }
#landing-form #form-contact p { padding-bottom: 20px }
#landing-strapline { margin-top: -250px }
#service .service-row { margin-bottom: 12px }
#service .service-text { padding: 20px }
#service .service-text p { font-size: 14px }
#service .service-more p { font-size: 14px }
#service .service-more ul { font-size: 14px }
#service .service-img { height: 250px; margin-bottom: 12px }
#testimonials h3 { font-size: 24px }
#testimonials #carousel-testimonials, #testimonials #carousel-testimonials .carousel-inner, #testimonials #carousel-testimonials .carousel-inner .carousel-item { height: auto }
#testimonials #carousel-testimonials p { padding: 0 }
#testimonials #carousel-testimonials .carousel-control-next, #testimonials #carousel-testimonials .carousel-control-prev { display: none }
}
@media (max-width: 374px) {
#landing-form #form-contact { top: -250px }
#landing-form #form-contact h1 { font-size: 28px; line-height: 28px; padding-bottom: 20px }
#landing-form #form-contact a { font-size: 28px }
#landing-strapline { margin-top: -200px }
#landing-strapline h1 { font-size: 24px }
#landing-strapline p { font-size: 15px }
#testimonials h3 { font-size: 21px }
}