*{ box-sizing: border-box; }
body, h1, h3, h4, p{ margin: 0px; }
body{ min-height: 100vh; text-rendering: optimizespeed; line-height: 1.5; }
a:not([class]){ }
img{ max-width: 100%; display: block; }
@media not all{
*{ -webkit-animation: 0.01ms 1 !important; transition: 0.01ms !important; -webkit-transition: 0.01ms !important; }
}
.grid{ }
@media screen and (max-width: 1080px){
.grid{ }
}
@media screen and (max-width: 767px){
.grid{ }
}
html{ line-height: 1.7; font-size: 20px; font-style: normal; font-weight: 400; visibility: visible; font-family: 'Work Sans', sans-serif; color: rgb(81, 93, 101); margin: 0px; overflow-x: hidden; background-color: rgb(240, 239, 232); }
body{ margin: 0px; }
body p{ margin-bottom: 0.5em; }
.grid-content{ }
.grid-banner-container{ }
@media screen and (max-width: 810px){
.grid-banner-container{ }
}
@media screen and (max-width: 767px){
.grid-banner-container{ }
}
.grid-main-content-container{ }
@media screen and (max-width: 810px){
.grid-main-content-container{ }
}
@media screen and (max-width: 767px){
.grid-main-content-container{ }
}
.container{ width: 100%; padding-bottom: 30px; }
.banner{ }
.breadcrumb{ font-size: 12px; font-weight: 500; color: rgb(88, 89, 91); padding-top: 1em; }
@media screen and (max-width: 960px) and (min-width: 811px){
.breadcrumb{ padding-left: 60px; padding-right: 60px; }
}
.breadcrumb a{ display: inline-block; text-decoration: none; font-size: 12px; font-weight: 500; color: rgb(88, 89, 91); text-transform: lowercase; }
.headline{ padding-top: 12px; padding-left: 80px; padding-right: 80px; }
@media screen and (max-width: 810px){
.headline{ padding-left: 40px; padding-right: 40px; }
}
@media screen and (max-width: 767px){
.headline{ padding-left: 8vw; padding-right: 8vw; }
}
@media screen and (max-width: 560px){
.headline{ padding-top: 0px; }
}
@media screen and (max-width: 1080px){
.headline{ }
}
@media screen and (max-width: 960px){
.headline{ }
}
@media screen and (max-width: 810px){
.headline{ }
}
@media screen and (max-width: 767px){
.headline{ padding-top: 0px; }
}
@media screen and (max-width: 660px){
.headline{ }
}
.headline .heading{ }
@media screen and (max-width: 767px){
.headline .heading{ border: none; padding-left: 0px; padding-bottom: 0em; padding-top: 23px; }
}
@media screen and (max-width: 660px){
.headline .heading{ padding-left: 0px; margin-left: 0px; margin-top: 12px; width: 100%; }
}
@media screen and (max-width: 550px){
.headline .heading{ padding-left: 0px; margin-left: 0px; }
}
.headline .heading h1, .headline .heading p{ font-family: 'Geom Slab_703 W01 Bold'; font-size: 35px; line-height: 1.15; }
@media screen and (max-width: 810px){
.headline .heading h1, .headline .heading p{ font-size: 27px; }
}
@media screen and (max-width: 767px){
.headline .heading h1, .headline .heading p{ font-size: 21px; margin-bottom: 0em; }
}
.headline .heading h1{ color: rgb(191, 83, 26); margin-bottom: 0em; font-weight: lighter; text-transform: lowercase; margin-top: 0px; }
@media screen and (max-width: 1080px){
.headline .heading h1{ margin-top: 0px; }
}
@media screen and (max-width: 660px){
.headline .heading h1{ margin-top: 0em; }
}
.headline .heading p{ color: rgb(149, 39, 14); margin-top: 0px; width: 660px; }
@media screen and (max-width: 1080px){
.headline .heading p{ width: 90%; }
}
@media screen and (max-width: 767px){
.headline .heading p{ width: 80%; }
}
@media screen and (max-width: 660px){
.headline .heading p{ width: 100%; }
}
.headline > div.heading-image{ text-align: center; }
@media screen and (max-width: 767px){
.headline > div.heading-image{ }
}
.headline > div.heading-image img{ height: auto; max-height: 25vw; }
@media screen and (max-width: 660px){
.headline > div.heading-image img{ }
}
.main-content{ width: 100%; }
@media screen and (max-width: 670px){
.main-content.container{ padding-bottom: 0px !important; }
}
.main-content h3{ color: rgb(191, 83, 26); font-family: 'Geom Slab_703 W01 Bold'; margin-bottom: 0.5em; font-weight: lighter; font-size: 30px; line-height: 1; }
.main-content h3:first-of-type{ margin-top: 0px; }
.main-content h3:last-of-type{ margin-top: 0em; }
@media screen and (max-width: 1080px){
.main-content h3{ font-size: 22px; }
}
@media screen and (max-width: 767px){
.main-content h3{ font-size: 18px; }
}
.main-content h4{ color: rgb(0, 0, 0); font-weight: 600; font-size: 17px; }
@media screen and (max-width: 810px){
.main-content h4{ font-size: 16px; }
}
@media screen and (max-width: 767px){
.main-content h4{ font-size: 15px; }
}
.main-content p{ margin: 0px 0.5em 0.5em 0px; line-height: 1.3; font-size: 16px; font-weight: 600; color: rgb(0, 0, 0); text-align: left; }
@media screen and (max-width: 1080px){
.main-content p{ font-size: 15px; }
}
@media screen and (max-width: 800px){
.main-content p{ margin-bottom: 1em; }
}
@media screen and (max-width: 767px){
.main-content p{ font-size: 14px; }
}
 .main-content h4{ font-weight: 600; color: rgb(0, 0, 0); font-size: 18px !important; }
@media screen and (max-width: 1080px){
 .main-content h4{ font-size: 17px !important; }
}
@media screen and (max-width: 767px){
 .main-content h4{ font-size: 16px !important; }
}
.main-content .block{ border-top-style: solid; border-top-width: 10px; border-top-color: rgb(81, 93, 101); padding-top: 1em; padding-bottom: 2em; margin-left: 0px; margin-right: 0px; width: 100%; }
.main-content .block > div:first-of-type{ border-top-style: none; border-top-width: 10px; border-top-color: rgb(81, 93, 101); padding-top: 0em; }
@media screen and (max-width: 1080px){
.main-content .block > div{ padding-top: 1em; }
}
.main-content .block > div p{ font-weight: 400; color: rgb(0, 0, 0); }
 div.about-us + div.grid-main-content-container > div.main-content{ padding-bottom: 0px; }
 div.service-detail + div.grid-main-content-container > div.main-content{ padding-bottom: 0em; }
@media screen and (max-width: 1080px){
 div.service-detail + div.grid-main-content-container > div.main-content{ margin-left: 0px; margin-right: 0px; }
}
@media screen and (max-width: 670px){
 div.service-detail + div.grid-main-content-container > div.main-content{ margin-right: 0px; margin-left: 0px; border-bottom-style: none; }
}
@media screen and (max-width: 660px){
 div.service-detail + div.grid-main-content-container > div.main-content{ padding-bottom: 1.5em; border-bottom-style: none; border-bottom-width: 10px; border-bottom-color: rgb(81, 93, 101); margin-right: 0px; margin-left: 0px; }
}
 div.service-detail + div.grid-main-content-container > div.main-content > .block{ border-top-style: solid; padding-top: 0em; padding-bottom: 0em; margin-left: 0px; margin-right: 0px; }
 div.service-detail + div.grid-main-content-container > div.main-content > .block:first-of-type{ border-top-style: solid; border-top-width: 10px; border-top-color: rgb(81, 93, 101); }
 div.service-detail + div.grid-main-content-container > div.main-content > .block h3{ color: rgb(191, 83, 26); margin-top: 1em; }
@media screen and (max-width: 1080px){
 div.service-detail + div.grid-main-content-container > div.main-content > .block h3{ font-size: 22px; }
}
@media screen and (max-width: 767px){
 div.service-detail + div.grid-main-content-container > div.main-content > .block h3{ font-size: 18px; }
}
 div.service-detail + div.grid-main-content-container > div.main-content > .block p{ margin-top: 0px; line-height: 1.3; font-size: 16px; font-weight: 400; color: rgb(0, 0, 0); margin-left: 0px; margin-right: 0px; text-align: left; }
@media screen and (max-width: 1080px){
 div.service-detail + div.grid-main-content-container > div.main-content > .block p{ font-size: 15px; }
}
@media screen and (max-width: 800px){
 div.service-detail + div.grid-main-content-container > div.main-content > .block p{ margin-bottom: 1em; }
}
@media screen and (max-width: 767px){
 div.service-detail + div.grid-main-content-container > div.main-content > .block p{ font-size: 14px; }
}
div.service-detail .banner .headline{ padding-right: 0px; }
div.service-detail .banner .headline .heading > p{ width: 100%; }
@media screen and (max-width: 670px){
div.service-detail .banner .headline{ padding-left: 8vw; padding-right: 8vw; }
}
@media screen and (max-width: 670px){
div.service-detail .heading{ padding-left: 0px; }
}
@media screen and (max-width: 570px){
div.service-detail .heading{ padding-left: 0px; padding-bottom: 1em; padding-top: 0em; }
}
div.service-detail .heading h1{ margin-top: 0px; }
@media screen and (max-width: 810px){
div.service-detail .heading h1{ margin-top: 0px; }
}
@media screen and (max-width: 670px){
div.service-detail .heading h1{ width: 100%; }
}
@media screen and (max-width: 670px){
div.service-detail .heading p{ width: 100%; }
}
div.about-us + div.grid-main-content-container > div.main-content{ padding-bottom: 0em; }
div.about-us + div.grid-main-content-container > div.main-content > .block{ border-top-style: solid; border-top-width: 10px; border-top-color: rgb(81, 93, 101); padding-top: 1em; padding-bottom: 2em; margin-left: 0px; margin-right: 0px; width: 100%; }
@media screen and (max-width: 570px){
div.about-us + div.grid-main-content-container > div.main-content > .block{ padding-bottom: 0em; }
}
div.about-us + div.grid-main-content-container > div.main-content > .block h3{ color: rgb(191, 83, 26); margin-top: 0px; }
div.about-us + div.grid-main-content-container > div.main-content > .block > div:first-of-type{ border-top-style: none; border-top-width: 10px; border-top-color: rgb(81, 93, 101); padding-top: 0em; }
@media screen and (max-width: 1080px){
div.about-us + div.grid-main-content-container > div.main-content > .block > div{ padding-top: 1em; }
}
@media screen and (max-width: 767px){
div.service-detail .breadcrumb{ padding-left: 5px !important; }
}
@media screen and (max-width: 660px){
div.service-detail .breadcrumb{ padding-left: 0px !important; }
}