/** UTILS */
.quad-quote-wrapper { position: relative; z-index: 1; }

.quad-quote-wrapper.qq-offset { top: -150px; margin-bottom: -150px; }

@media only screen and (max-width: 768px) { .quad-quote-wrapper.qq-offset { top: unset; margin-bottom: 0; } }

.quad-quote-wrapper .quad-quote-content-wrapper { position: relative; z-index: 2; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; padding-top: 120px; }

@media only screen and (max-width: 768px) { .quad-quote-wrapper .quad-quote-content-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-top: 30px; } }

.quad-quote-wrapper .quad-quote-content-wrapper .quad-quote-grid-wrapper { -ms-flex-preferred-size: 50%; flex-basis: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; }

@media only screen and (max-width: 768px) { .quad-quote-wrapper .quad-quote-content-wrapper .quad-quote-grid-wrapper { -ms-flex-preferred-size: 100%; flex-basis: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 30px 30px 30px 30px; } }

.quad-quote-wrapper .quad-quote-content-wrapper .quad-quote-grid-wrapper a.quad-quote-grid-element { position: relative; z-index: 2; -ms-flex-preferred-size: 48%; flex-basis: 48%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: nowrap; flex-wrap: nowrap; margin-bottom: 4%; }

@media only screen and (max-width: 768px) { .quad-quote-wrapper .quad-quote-content-wrapper .quad-quote-grid-wrapper a.quad-quote-grid-element { -ms-flex-preferred-size: 100%; flex-basis: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 30px 30px 30px 30px; margin: 0 0 10px 0; padding: 0; height: 250px; } }

.quad-quote-wrapper .quad-quote-content-wrapper .quad-quote-grid-wrapper a.quad-quote-grid-element:nth-child(odd) { margin-right: 4%; }

@media only screen and (max-width: 768px) { .quad-quote-wrapper .quad-quote-content-wrapper .quad-quote-grid-wrapper a.quad-quote-grid-element:nth-child(odd) { margin-right: 0; } }

.quad-quote-wrapper .quad-quote-content-wrapper .quad-quote-grid-wrapper a.quad-quote-grid-element .qq-headline { position: absolute; width: 100%; text-align: center; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); top: 50%; margin: 0px; z-index: 2; font-style: unset; }

.quad-quote-wrapper .quad-quote-content-wrapper .quad-quote-grid-wrapper a.quad-quote-grid-element .qq-overlay { position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; -webkit-transition: opacity 0.2s; -o-transition: opacity 0.2s; transition: opacity 0.2s; }

.quad-quote-wrapper .quad-quote-content-wrapper .quad-quote-grid-wrapper a.quad-quote-grid-element .qq-image { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }

@media only screen and (max-width: 768px) { .quad-quote-wrapper .quad-quote-content-wrapper .quad-quote-grid-wrapper a.quad-quote-grid-element .qq-image { width: unset; height: unset; } }

.quad-quote-wrapper .quad-quote-content-wrapper .quad-quote-grid-wrapper a.quad-quote-grid-element:hover { -webkit-transition: opacity 0.2s; -o-transition: opacity 0.2s; transition: opacity 0.2s; }

.quad-quote-wrapper .quad-quote-content-wrapper .quad-quote-grid-wrapper a.quad-quote-grid-element:hover .qq-overlay { opacity: 0.75 !important; -webkit-transition: opacity 0.2s; -o-transition: opacity 0.2s; transition: opacity 0.2s; }

.quad-quote-wrapper .quad-quote-content-wrapper .quad-quote-testimonial-wrapper { position: relative; -ms-flex-preferred-size: 50%; flex-basis: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; }

@media only screen and (max-width: 768px) { .quad-quote-wrapper .quad-quote-content-wrapper .quad-quote-testimonial-wrapper { -ms-flex-preferred-size: 100%; flex-basis: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } }

.quad-quote-wrapper .quad-quote-content-wrapper .quad-quote-testimonial-wrapper .flexslider { border-radius: 0; background: transparent; border: none; margin: 0; width: 100%; padding: 20px 20px 20px 80px; }

@media only screen and (max-width: 1024px) { .quad-quote-wrapper .quad-quote-content-wrapper .quad-quote-testimonial-wrapper .flexslider { padding: 10px; width: 100%; margin: 0; } }

.quad-quote-wrapper .quad-quote-content-wrapper .quad-quote-testimonial-wrapper .flexslider .qq-icon { position: absolute; top: -20px; left: 25px; font-size: 48px; }

.quad-quote-wrapper .quad-quote-content-wrapper .quad-quote-testimonial-wrapper .flexslider .qq-icon i { font-size: 28px; }

.quad-quote-wrapper .quad-quote-content-wrapper .quad-quote-testimonial-wrapper .flexslider .slides { padding-bottom: 30px; }

.quad-quote-wrapper .quad-quote-content-wrapper .quad-quote-testimonial-wrapper .flexslider .slides li.qq-testimonial-single-wrapper .qq-testimonial-single-top { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-top: 10px; }

@media only screen and (max-width: 1024px) { .quad-quote-wrapper .quad-quote-content-wrapper .quad-quote-testimonial-wrapper .flexslider .slides li.qq-testimonial-single-wrapper .qq-testimonial-single-top { text-align: center; padding: 10px; } }

.quad-quote-wrapper .quad-quote-content-wrapper .quad-quote-testimonial-wrapper .flexslider .slides li.qq-testimonial-single-wrapper .qq-testimonial-single-middle { margin: 10px 0; text-align: left; word-break: normal; }

@media only screen and (max-width: 1024px) { .quad-quote-wrapper .quad-quote-content-wrapper .quad-quote-testimonial-wrapper .flexslider .slides li.qq-testimonial-single-wrapper .qq-testimonial-single-middle { text-align: center; padding: 10px; font-size: 28px; } }

@media only screen and (max-width: 768px) { .quad-quote-wrapper .quad-quote-content-wrapper .quad-quote-testimonial-wrapper .flexslider .slides li.qq-testimonial-single-wrapper .qq-testimonial-single-middle { font-size: 14px; } }

.quad-quote-wrapper .quad-quote-background { position: absolute; z-index: 1; top: 0; right: 0; left: 0; height: 500px; background-size: cover; background-position: center center; }