#featuredTestimonials { background: #f2f2f2; margin-top: 60px; }
#featuredTestimonials .innerContainer { display: flex; overflow: hidden; padding: 0; }
#featuredTestimonials .innerContainer:hover .testimonial { width: 16.66%; }
.testimonial:hover { width: 50% !important; }
.testimonial:hover .overlay { opacity: 1.0; }
.testimonial { position: relative; background-size: cover; height: 300px; transition: all 0.25s ease-in-out; width: 25%; border: 1px solid #f2f2f2; background-position: center center; }
.testimonial .overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(228,181,58,0.9); padding: 30px; opacity: 0; transition: all 0.25s ease-in-out; overflow: auto; } 
.name { font-family: 'Gentium Basic', sans-serif; font-weight: 700; font-size: 16pt; display: block; text-transform: uppercase; }
.title { font-family: 'Raleway', sans-serif; }
.testimonial hr { height: 2px; color: #fff; width: 100px; margin: 10px 0 25px; }
.testimonial p { font-style: italic; }
@media screen and (max-width: 767px) {
.testimonial { width: 50% !important; display: flex; height: auto; }
#featuredTestimonials .innerContainer { flex-wrap: wrap; }
.testimonial .overlay { opacity: 1.0; position: initial; }
}
@media screen and (max-width: 550px) {
.testimonial, .testimonial:hover { width: 100% !important; }
} .imageContent5050 { margin-bottom: 50px; }
.imageContent5050 .innerContainer { display: flex; align-items: center; }
.imageContent5050 .contentPart { display: flex; flex-direction: column; width: 50%; }
.imageContent5050 img { width: 50%; padding-right: 50px; box-sizing: border-box; }
.imageContent5050 h2 { margin-top: 0; text-transform: none; }
@media screen and (max-width: 767px) {
.imageContent5050 .innerContainer { flex-direction: column !important; }
.imageContent5050 img { width: 100%; max-width: 500px; padding-right: 0; padding-left: 0; padding-bottom: 30px; }
.imageContent5050 .contentPart { width: 100%; }
.imageContent5050 h2 { text-align: center; }
} .services { padding: 50px 0; }
.services .contentContainer { display: flex; flex-wrap: wrap; }
.servicePreview { position: relative; width: 33.33%; display: flex; flex-direction: column; align-items: center; }
.serviceContent { display: flex; flex-direction: column; align-items: center; padding: 20px; }
.servicePreview a { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; }
.servicePreview img { position: relative; bottom: 0; transition: all 0.25s ease-in-out; }
.servicePreview:hover img { bottom: 7px; }
.servicePreview h2 { text-transform: none; font-weight: 300; } .imageContent12 { background: #e6e7e8; padding: 50px 0; margin-bottom: 50px; }
.imageContent12 .innerContainer { display: flex; align-items: center; }
.rowFlip .innerContainer { flex-direction: row-reverse; }
.rowFlip img { padding-right: 0; padding-left: 50px; }
.imageContent12 .contentPart { display: flex; flex-direction: column; width: 62%; }
.imageContent12 img { width: 38%; padding-right: 50px; box-sizing: border-box; }
.imageContent12 h2 { margin: 0; text-transform: uppercase; font-size: 28pt; }
.imageContent12 hr { margin: 15px 0 30px; width: 100px; background: #e4b53a; height: 2px; }
@media screen and (max-width: 767px) {
.imageContent12 .innerContainer { flex-direction: column; }
.imageContent12 img { width: 100%; max-width: 500px; padding-right: 0; padding-left: 0; padding-bottom: 30px; }
.imageContent12 .contentPart { width: 100%; }
.imageContent12 h2 { text-align: center; }
.imageContent12 hr { margin: 15px auto 30px; }
} .recentPosts { background: linear-gradient(to right, #fff 70%, #e6e7e8 70%); padding: 50px 0; }
.postPreview { width: 100%; max-width: 900px; margin: 40px auto; background: #fff; display: flex; flex-direction: column; flex-grow: 1; position: relative; overflow: hidden; }
.postPreviewImg { position: absolute; top: 0; right: 0; bottom: 0; left: 30%; object-fit: cover; height: 100%; background-size: cover; background-position: center center; }
.postPreview h2 { text-transform: uppercase; font-size: 16pt; margin-top: 0; line-height: 1.1; }
.postPreview div:not(.postPreviewImg) { padding: 20px; background: #fff; margin: 50px 0; width: 40%; z-index: 1; position: relative; }
.postPreview a { text-transform: uppercase; color: #456b66; }
.postPreview a:hover { color: #000; }
.postPreview p { font-size: 12pt; }
@media screen and (max-width: 700px) {
.postPreview div:not(.postPreviewImg) { width: 100%; margin: 20px auto; background: rgba(255,255,255,0.9); }
.postPreviewImg { position: initial; height: 300px; object-fit: cover; }
} .ajaxFilters { display: flex; flex-wrap: wrap; }
.filter { display: flex; flex-direction: column; padding: 50px 20px; position: relative; width: calc(33.33% - 10px); margin: 5px; cursor: pointer; background-size: cover; background-position: center center; }
.filter .overlay { transition: all 0.25s ease-in-out; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(22,22,22,0.8); }
.filter h2, .filter p { margin: 0; line-height: 1.1; position: relative; z-index: 1; }
.filter:hover .overlay, .current .overlay { background: rgba(22,22,22,0.3); }
.ajaxContent h2 { line-height: 1.1; margin-top: 0; font-size: 20pt; }
@media screen and (max-width: 600px) {
.filter { width: calc(50% - 10px); padding: 30px 15px; }
}
@media screen and (max-width: 400px) {
.filter { width: 100%; margin: 5px 0; padding: 15px; }
} .fullWidth { padding: 40px 0; } .toggleContainer { background: #fff; width: 100%; }
.toggleTable a:link, .toggleTable a:visited { transition: color 0.25s ease-in-out; }
.toggleTable img { width: 350px; padding-top: 10px; height: auto; float: left; padding-right: 25px; }
.toggleTable h2 { margin: 0; font-size: 18pt; line-height: 1.0; text-transform: uppercase; color: #5289b2; }
.info { padding: 15px; }
.switch { padding: 10px; font-size: 20pt; text-align: center; }
.switch { color: #80c7d1; transition: all 0.25s ease-in-out; }
.switch:hover { color: #5289b2; }
.info, .switch { background: #fff; }
.toggleTable td { vertical-align: top; }
.toggleTable tr { cursor: pointer; }
.toggleTable li { padding-bottom: 10px; }
.toggleTable table p { margin-bottom: 0; }
.toggleTable div { overflow: hidden; }
.toggleTable { border-spacing: 3px; background: #777; max-width: 1000px; margin: 40px auto; }
@media screen and (max-width: 600px) {
.toggleTable img { float: none; padding-right: 0; padding-bottom: 15px; margin: 0 auto; display: block; max-width: 100%; }
} .parallaxBlock { padding: 100px 20px; background-attachment: fixed; background-size: cover; }
.parallaxContent { display: flex-direction: column; align-items: center; justify-content: center; max-width: 600px; margin: 0 auto; width: 100%; }
.parallaxContent h2 { margin: 0; text-transform: uppercase; font-size: 28pt; text-align: center; color: #fff; text-shadow: 0 0 5px #000; }
.parallaxContent p { color: #fff; text-shadow: 0 0 5px #000; font-weight: bold; }
.parallaxContent hr { margin: 15px auto 30px; width: 100px; background: #e4b53a; height: 2px; } .categoryContainer { width: 100%; max-width: 1000px; padding: 0 20px; margin: 0 auto; }
.singleBio { display: flex; flex-wrap: wrap; padding: 20px 0; align-items: flex-start; }
.singleBio img { width: 300px; padding-right: 30px; box-sizing: border-box; height: auto; object-fit: contain; }
.singleBio .contentPart { display: flex; flex-direction: column; width: calc(100% - 300px); flex-grow: 1; }
.singleBio h2 { text-transform: uppercase; margin-top: 0; margin-bottom: 10px; }
.singleBio p { margin-bottom: 10px; font-size: 12pt; }
@media screen and (max-width: 700px) {
.singleBio { flex-direction: column; }
.singleBio img { max-width: 100%; padding-right: 0; padding-bottom: 20px; margin: 0 auto; }
.singleBio h2 { text-align: center; }
.singleBio .contentPart { width: 100%; }
} #blog { display: flex; flex-wrap: wrap; }
#blog .postPreview, #blog .postPreview div { background: #f2f2f2; } .contentContent5050 { display: flex; flex-wrap: wrap; }
.contentContent5050 h2 { margin-top: 0; }
.contentContent5050 div { width: 50%; padding: 10px; }
@media screen and (max-width: 767px) {
.contentContent5050 { flex-direction: column; }
.contentContent5050 div { width: 100%; }
} .wp-block-gallery.columns-3 ul { max-width: 1280px; padding-top: 50px; }
@media screen and (max-width: 500px) {
.wp-block-gallery .blocks-gallery-item { width: 100% !important; margin: 0 auto 10px !important; }
} .buttonBlock { position: relative; }
.buttonBlock hr { position: absolute; top: 20px; z-index: 0; width: 100%; max-width: 900px; }
.buttonBlock .button { position: relative; z-index: 1; } .service img { height: 100px; width: 200px; object-fit: contain; }
.servicesBlock { padding: 40px 0; }
.innerServicesBlock { display: flex; flex-wrap: wrap; overflow: visible; }
.service { padding: 0 20px; margin: 20px 0; width: 33.33%; display: flex; flex-direction: column; align-items: center; justify-content: center; flex-grow: 1; border-right: 2px solid #fff; }
.service h2::after { display: none; }
.service p { font-size: 10pt; color: #666; }
@media screen and (min-width: 1001px) {
.service:nth-of-type(3n), .service:last-of-type { border-right: none; }
}
@media screen and (max-width: 1000px) {
.service { width: 50%; }
.service:nth-of-type(2n) { border-right: none; }
}
@media screen and (max-width: 650px) {
.service { width: 100%; padding: 20px 0; margin: 0; }
.service { border-right: none; border-bottom: 2px solid #fff; }
.service:last-of-type { border-bottom: none; }
} .slickBlock { padding: 50px 20px; }
.slickBlocks { overflow: visible; }
.slicker { background: linear-gradient(#fff 20px, #e6e7e8 20px); position: relative; border: 10px solid #fff; padding: 0 20px 20px; }
.slicker img { width: 80%; margin: 0 auto; }
.slicker p { font-size: 10pt; color: #666; }
.slicker h2 { color: #1398e2; }
.slicker h2::after { display: none; }
.slicker a { display: block; text-align: center; }
.slick-prev, .slick-next { position: absolute; top: 50%; }
.slick-prev { left: -10px !important; }
.slick-next { right: -10px !important; }
.slick-prev::before, .slick-next::before { color: #1398e2; opacity: 1.0; transition: all 0.25s ease-in-out; }
.slick-prev:hover::before, .slick-next:hover::before { color: #111; }
.slick-dots { display: none !important; }