html * {text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
body {font-family: var(--yk-font); color: #000; font-size: 16px; font-weight: 400; line-height: 24px;}
*:focus {border: none; box-shadow: none; outline: none;}
a {-webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; text-decoration: none;}
a:hover {text-decoration: none; opacity: 0.8; color: #0F52BA;}
.animated {visibility: hidden;}
.visible {visibility: visible;}
.bg-light {background-color: transparent !important;}
.navbar {border-bottom: 1px solid rgba(255, 255, 255, 0.2); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; padding-top: 0px; padding-bottom: 0px;}
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .show > .nav-link {color: #0F52BA !important;}
.navbar-light .navbar-nav .nav-link {color: rgba(255, 255, 255, 1); font-size: 16px; font-weight: 400; padding-right: 26px; padding-left: 26px; padding-top: 30px; padding-bottom: 30px;}
.navbar-light .navbar-nav .nav-link:hover {color: #0F52BA;}
nav.nav-bg {background-color: #fff !important; -webkit-box-shadow: 0 4px 30px -5px rgba(0, 0, 0, 0.2); box-shadow: 0 4px 30px -5px rgba(0, 0, 0, 0.2); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
.navbar-light.nav-bg .navbar-nav .nav-link {color: rgba(0, 0, 0, 1);}
.navbar-light.nav-bg .navbar-nav .nav-link:hover {color: #0F52BA;}
nav .white-logo {display: block;}
nav .black-logo {display: none;}
nav.nav-bg .white-logo {display: none;}
nav.nav-bg .black-logo {display: block;}
.navbar-light .btn {display: inline-block; font-weight: 400; color: #fff; text-align: center; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: 1px solid transparent; padding: 10px 30px 10px 30px; font-size: 16px; line-height: 1.5; border-radius: 30px 30px 30px 30px; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;}
section {padding-top: 120px; padding-bottom: 120px;}
section#home {padding-top: 0px; padding-bottom: 0px;}
.herotext .kicker {font-size: 16px; text-transform: uppercase; letter-spacing: 1px; color: #0F52BA;}
.herotext h2 {font-size: 46px; font-weight: 700; line-height: 55px;}
.herotext h4 {font-size: 24px; font-weight: 600;}
.herotext .lede {font-size: 18px; font-weight: 400; line-height: 28px; color: #545454;}
.herotext p {font-size: 18px; margin-bottom: 0px;}
.home-intro ul {padding: 0; margin: 0;}
.home-intro .block {list-style: none; display: inline-block; float: left;}
.home-intro .block .icon {font-size: 50px; float: left; color: #0F52BA;}
.home-intro .block h3 {font-size: 24px; font-weight: 600;}
.home-intro .block .detail {padding-left: 65px;}
.home-services .block {border: 5px solid #f5f5f5; padding-top: 40px; padding-bottom: 45px; background-color: #fff; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
.home-services .block:hover {color: #fff !important; background-color: #0F52BA;}
.home-services .block:hover .icon {color: #fff !important;}
.home-services .block:hover p {color: #fff !important;}
.home-services .block .icon {font-size: 70px; margin-bottom: 26px; color: #0F52BA;}
.home-services .block h3 {font-size: 22px; font-weight: 600;}
.home-services .block p {font-size: 16px; padding-left: 40px; padding-right: 40px; margin-bottom: 0px; color: #545454;}
.home-services .block .link {padding-top: 20px;}
.home-services .block .link a {color: #0F52BA;}
.home-services .block:hover .link a {color: #fff !important;}
.contact-us .form-control {display: block; width: 100%; height: calc(1.5em + 0.75rem + 18px); padding: 0.5rem 1.5rem; font-size: 18px; font-weight: 400; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #d3d3d3; border-radius: 0.25rem; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;}
.contact-us address .icon {float: left; font-size: 70px; padding-right: 20px;}
.contact-us address .detail {padding-top: 2px; font-size: 22px; line-height: 32px;}
.contact-us address .detail .heading {font-size: 14px; text-transform: uppercase; letter-spacing: 1px; color: #0F52BA; padding-bottom: 0px; margin-bottom: 4px;}
.contact-us textarea {min-height: 140px;}
.contact-us .btn {display: inline-block; font-weight: 400; color: #fff; text-align: center; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: 1px solid transparent; padding: 12px 46px 12px 46px; font-size: 16px; line-height: 1.5; border-radius: 30px 30px 30px 30px; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;}
.contact-us a {color: #000;}
#message_post {padding-top: 6px; padding-bottom: 6px;}
.errorMessage {color: #ff0000; padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 6px; margin-left: 0px;}
.successMessage {color: #12d62d; padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 6px; margin-left: 0px;}
footer {padding-top: 70px; padding-bottom: 70px;}
footer ul {padding: 0px; margin: 0px;}
footer ul li {display: inline-block; padding-left: 12px; padding-right: 12px; font-size: 13px; letter-spacing: 1px;}
footer ul li a {color: #fff;}
footer ul.socialmedia li {padding-left: 16px; padding-right: 16px;}
footer ul.socialmedia li a {font-size: 34px;}
footer .copyright {font-size: 14px; color: #999; letter-spacing: 1px;}
.back-to-top {color: #000; font-size: 20px; padding-top: 12px; cursor: pointer; width: 48px !important; height: 48px !important; border-radius: 50%; background-color: #ccc; position: fixed; bottom: 30px; right: 30px; text-align: center; z-index: 9999999; cursor: pointer; text-decoration: none; transition: opacity 0.2s ease-out;}
.back-to-top:hover {color: #000; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.325); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.325);}
.btn {display: inline-block; font-weight: 400; color: #fff; text-align: center; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: 1px solid transparent; padding: 12px 46px 12px 46px; font-size: 16px; line-height: 1.5; border-radius: 30px 30px 30px 30px; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;}
.light-grey-bg {background-color: #f5f5f5;}
.dark-grey-bg {background-color: #252525;}
@media (max-width: 575.98px) {
section#home {padding-top: 0px !important; padding-bottom: 0px !important;}
section {padding-top: 90px !important; padding-bottom: 90px !important;}
ul.navbar-nav {text-align: center;}
.herotext h2 {font-size: 32px; line-height: 40px;}
.herotext .lede {font-size: 18px; line-height: 26px;}
.contact-us address .detail {padding-top: 2px; font-size: 20px; line-height: 28px;}
.contact-us address .icon {float: left; font-size: 50px; padding-right: 14px;}
}
@media (min-width: 768px) and (max-width: 991.98px) {
.navbar {padding-top: 14px; padding-bottom: 14px;}
.navbar-light .navbar-nav .nav-link {padding-right: 26px; padding-left: 26px; padding-top: 10px; padding-bottom: 10px; text-align: left;}
ul.navbar-nav {text-align: center;}
section.home-services {padding-bottom: 120px;}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
.navbar-expand-lg .navbar-nav .nav-link {padding-right: 12px; padding-left: 12px;}
.herotext h2 {font-size: 40px; font-weight: 700; line-height: 48px;}
.herotext .lede {font-size: 18px; font-weight: 400; line-height: 26px;}
section.home-services {padding-bottom: 120px;}
}
