#featured-services { position: relative; z-index: 0; }
#featured-services * { box-sizing: border-box; }
.featured-services-title { background-image: linear-gradient( to bottom, rgba(255, 255, 255, 1) 0, rgba(223, 230, 236, 1) 70%); color: #000; box-sizing: border-box; overflow: hidden; padding: 160px 0 250px; position: relative; height: 515px; text-align: center; }
.featured-services-title .bg { border: 0; margin: 0; padding: 0; background-size: cover; background-position: 50% 100%; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 0; }
.featured-services-title .title { font-size: 40px; font-weight: 300; transition: ease-in 0.15s; position: relative; z-index: 2; }
.featured-services-title .title span { display: block; }
.featured-services-title .title strong { font-weight: 700; line-height: 1.5em; display: block; }
.featured-services-list { display: flex; position: relative; z-index: 3; margin: 0; }
.featured-services-list a { text-decoration: none; }
.featured-services-list a:not(:hover) { color: inherit; }
.featured-services-item { -webkit-backface-visibility: hidden; margin: 0; padding: 0 15px 30px; position: relative; text-align: center; transition: ease 0.15s; width: 25%; }
.featured-services-item .img { -webkit-backface-visibility: hidden; animation: none; display: block; left: 50%; padding: 0 8.2%; position: absolute; top: 0; transform: translateX(-50%) translateY(-50%); z-index: 1; width: 100%; max-width: 260px; }
.featured-services-item .img img { -webkit-backface-visibility: hidden; background: url(images/featured-item-img-bg.svg) no-repeat 50% 50%; background-size: cover; border-radius: 50%; margin: 0 auto 30px; max-width: 100%; padding: 15%; transition: ease 0.25s; }
.featured-services-item .caption { padding-top: 120px; }
.featured-services-item .caption .title { border-bottom: 1px solid #d4dde4; color: #002e5c; font-size: 20px; font-weight: 700; line-height: 1.3em; margin-bottom: 30px; padding-bottom: 20px; }
.featured-services-item .caption .desc { font-size: 16px; line-height: 1.6em; }
.featured-services-item .img:hover { animation: 2s ease 0.8s normal infinite pulsePadding; }
.featured-services-item:hover .img img { transform: scale(1.15); box-shadow: 0 15px 30px 15px rgba(0, 0, 0, 0.05); }
.featured-services-item:nth-child(3) { transition-delay: 0.1s; }
.featured-services-item:nth-child(2),
.featured-services-item:nth-child(4) { transition-delay: 0.15s; }
.featured-services-item:nth-child(1),
.featured-services-item:nth-child(5) { transition-delay: 0.15s; }
@keyframes pulsePadding { 0%, 100%, 60%, 80% { transform: translateX(-50%) translateY(-50%); } 50% { transform: translateX(-50%) translateY(-60%); } 68% { transform: translateX(-50%) translateY(-55%); } }
html:not(.safari-mac-os) .featured-services-item:hover .title a:hover { background-image: linear-gradient(0deg, #ff6f00, #ffb100); -webkit-background-clip: text; -webkit-text-fill-color: transparent; animation: hue 10s infinite linear; }
@-webkit-keyframes hue { from { -webkit-filter: hue-rotate(0); } to { -webkit-filter: hue-rotate(-360deg); } }
.section:not(.section-animated) .featured-services-title .title { opacity: 0; transform: scale(0); }
.featured-services-list:not(.row-animated) .featured-services-item { opacity: 0; transform: scale(0) translateY(50%); }
@media (max-width: 1500px) {
    .featured-services-item .img img { margin: 0 auto 15px; }
}
@media (min-width: 1200px) and (max-width: 1500px) {
    .featured-services-item .img { padding: 0 17.2%; }
}
@media (max-width: 1200px) {
    .featured-services-title { height: auto; padding: 80px 0 130px; }
    .featured-services-title .title { font-size: 30px; line-height: 1.3em; }
    .featured-services-item { padding: 0 10px 30px; }
    .featured-services-item .img img { max-width: 80%; }
    .featured-services-item .caption { padding-top: 90px; }
    .featured-services-item .caption .title { font-size: 15px; margin-bottom: 16px; }
    .featured-services-item .caption .desc { font-size: 13px; }
}
@media (max-width: 991px) {
    .featured-services-list { display: block; }
    .featured-services-item { display: block; float: left; width: 33.33%; }
}
@media (max-width: 991px) and (min-width: 568px) {
    .featured-services-item:nth-child(4) { clear: both; margin-left: 16.665%; }
    .featured-services-item:nth-child(4) .img,
    .featured-services-item:nth-child(4)~.featured-services-item .img { top: 96px; }
    .featured-services-item:nth-child(4) .caption,
    .featured-services-item:nth-child(4)~.featured-services-item .caption { padding-top: 186px; }
}
@media (max-width: 567px) {
    .featured-services-title { padding: 130px 0 80px; }
    body.page-template-page-2018-services .featured-services-title { padding: 80px 0; }
    .featured-services-title .title { font-size: 20px; line-height: 1.3em; }
    .featured-services-item { width: 50%; padding-bottom: 10px; }
    .featured-services-item .img { max-width: 160px; }
    .featured-services-item:nth-child(3) { clear: both; }
    .featured-services-item:nth-child(5) { margin-left: 25%; }
    .featured-services-item:nth-child(3) .img,
    .featured-services-item:nth-child(3)~.featured-services-item .img { top: 96px; }
    .featured-services-item:nth-child(3) .caption,
    .featured-services-item:nth-child(3)~.featured-services-item .caption { padding-top: 156px; }
    .featured-services-item .caption { padding-top: 60px; }
    .featured-services-item:nth-child(2) .caption .title { min-height: 4em; }
    .featured-services-item .caption .title { display: flex; justify-content: center; align-items: center; }
}
@media (max-width: 410px) {
    .featured-services-item:nth-child(2) .caption .title { min-height: 5.3em; }
}