@media (prefers-reduced-motion: reduce) { .coopersped-inner-hero-media { inset: 0; transform: none; will-change: auto; } html { scroll-behavior: auto; } *, *::before, *::after { transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; } } .cs-section-4 { min-height: 1056px; padding: 64px 0; background: #fff !important; } .cs-section-4 > .cs-row { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 70px; width: min(80%, var(--coopersped-row)); max-width: var(--coopersped-row); padding: 0 !important; } .cs-section-4 > .cs-row::after, .cs-section-5 > .cs-row::after { display: none; } .cs-section-4 .cs-column-9, .cs-section-4 .cs-column-10 { width: auto; margin: 0; } .cs-section-4 .cs-column-9 { display: flex; flex-direction: column; } .cs-section-4 .cs-row-inner { width: 100%; margin: 0; } .cs-section-4 .cs-row-inner-0 { padding: 15px; background: #fff; } .cs-section-4 .cs-row-inner-0 .cs-column-inner { width: 100%; margin: 0; } .cs-section-4 .cs-text-7 p { margin: 0; } .cs-section-4 .cs-row-inner-1, .cs-section-4 .cs-row-inner-2 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 37px; } .cs-section-4 .cs-row-inner-1 { padding-top: 35px; } .cs-section-4 .cs-row-inner-2 { padding-top: 30px; } .cs-section-4 .cs-row-inner-1 .cs-column-inner, .cs-section-4 .cs-row-inner-2 .cs-column-inner { display: flex; flex-direction: column; width: 100%; margin: 0; background: #fff; } .cs-section-4 .cs-code-5, .cs-section-4 .cs-code-6, .cs-section-4 .cs-code-7, .cs-section-4 .cs-code-8 { border: 1px solid var(--coopersped-line); border-bottom: 0; } .cs-section-4 .cs-code-5 img, .cs-section-4 .cs-code-6 img, .cs-section-4 .cs-code-7 img, .cs-section-4 .cs-code-8 img { width: 100%; aspect-ratio: 5 / 4; object-fit: cover; } .cs-section-4 .cs-text-8, .cs-section-4 .cs-text-9, .cs-section-4 .cs-text-10, .cs-section-4 .cs-text-11 { flex: 1; min-height: 94px; padding: 10px 15px 20px; border: 1px solid var(--coopersped-line); border-top: 0; background: #fff; } .cs-section-4 .cs-text-8 p, .cs-section-4 .cs-text-9 p, .cs-section-4 .cs-text-10 p, .cs-section-4 .cs-text-11 p { margin: 0; } .cs-section-4 .cs-column-10 { padding-top: 37px; } .cs-section-4 .cs-code-9, .cs-section-4 .cs-code-9 picture, .cs-section-4 .cs-code-9 img { display: block; width: 100%; } .cs-section-4 .cs-code-9 img { max-height: 608px; object-fit: contain; } .cs-slider-0 { display: none !important; } .cs-section-4 .cs-code-10 { display: none !important; } .coopersped-google-reviews { width: 100%; min-height: 207px; margin-top: 18px; overflow: hidden; background: transparent; } .coopersped-google-reviews--missing { display: grid; place-items: center; padding: 24px; border: 1px solid var(--coopersped-line); color: #555; text-align: center; } .coopersped-google-reviews--missing p { margin: 0; } .cs-section-5 .cs-code-11 picture, .cs-section-5 .cs-code-11 img { width: 250px !important; max-width: 250px !important; height: 63px !important; margin: 0 auto; object-fit: contain; } .cs-section-5 .cs-code-12 img { width: 100%; max-width: 489px; height: auto; object-fit: contain; } .cs-section-5 { min-height: 375px; padding: 64px 0; background: #fff; } .cs-section-5 > .cs-row { display: grid; grid-template-columns: 58.8% 38.2%; gap: 3%; width: min(80%, var(--coopersped-row)); max-width: var(--coopersped-row); padding: 0 !important; } .cs-section-5 .cs-column-11, .cs-section-5 .cs-column-12 { width: auto; margin: 0; } .cs-section-5 .cs-column-11 { display: flex; flex-direction: column; gap: 19px; } .cs-section-5 .cs-code-11 { margin: 0 !important; } .cs-section-5 .cs-text-12 h2, .cs-section-5 .cs-text-13 p { margin: 0; } .cs-section-5 .cs-code-12 { padding-bottom: 7.5px; } .cs-section-6 .cs-accordion { display: flex; flex-direction: column; gap: 2px; margin-bottom: 0 !important; } .cs-section-6 { min-height: 959px; padding: 64px 0; } .cs-section-6 .cs-text-14 { text-align: center; } .cs-section-6 .cs-code-13 { display: none; } .cs-section-6 .cs-faq { margin: 0; } .cs-section-6 .cs-faq-title { line-height: 17px; } .cs-section-6 .cs-faq-title::before { display: none !important; content: none !important; } .cs-section-6 .cs-faq-title::after { content: "+"; display: grid; width: 20px; height: 20px; place-items: center; color: var(--coopersped-blue); font-family: Arial, Helvetica, sans-serif; font-size: 16px; line-height: 1; } .cs-section-6 .cs-faq-open .cs-faq-title::after { content: "−"; } .cs-section-8 .cs-row-11 { flex-wrap: nowrap; align-items: flex-start; } .cs-social-media-follow-0 { display: flex; gap: 8px; margin: 0; padding: 0 0 8px; list-style: none; } .cs-social-media-follow-0 li { width: 62px; margin: 0; list-style: none; } .cs-social-media-follow-0 .icon { display: grid; width: 62px; height: 32px; place-items: center; border-radius: 3px; } .cs-social-facebook .icon { background: #3b5998; } .cs-social-instagram .icon { background: #ea2c59; } .cs-social-linkedin .icon { background: #0a66c2; } .cs-social-pinterest .icon { background: #bd081c; } .cs-social-media-follow-0 .cs-social-media-follow-network-name { display: block; width: 16px; height: 16px; overflow: hidden; color: transparent; font-size: 0; } .cs-social-facebook .cs-social-media-follow-network-name::before, .cs-social-instagram .cs-social-media-follow-network-name::before, .cs-social-linkedin .cs-social-media-follow-network-name::before, .cs-social-pinterest .cs-social-media-follow-network-name::before { color: #fff; font-family: "Coopersped FAB"; font-size: 16px; line-height: 16px; } .cs-social-facebook .cs-social-media-follow-network-name::before { content: "\f39e"; } .cs-social-instagram .cs-social-media-follow-network-name::before { content: "\f16d"; } .cs-social-linkedin .cs-social-media-follow-network-name::before { content: "\f0e1"; } .cs-social-pinterest .cs-social-media-follow-network-name::before { content: "\f0d2"; } .cs-icon-0-tb-footer .cs-pb-icon { display: grid; width: 40px; height: 40px; place-items: center; overflow: hidden; color: transparent; font-size: 0; } .cs-icon-0-tb-footer .cs-pb-icon::before { content: "\f095"; color: #fff; font-family: "Coopersped FA"; font-size: 29px; line-height: 40px; } @media (max-width: 980px) { .cs-section-4 { min-height: 0; padding: 50px 0; } .cs-section-4 > .cs-row { grid-template-columns: 1fr; gap: 30px; } .cs-section-4 .cs-column-10 { padding-top: 0; } .cs-section-5 { min-height: 0; padding: 50px 0; } .cs-section-5 > .cs-row { grid-template-columns: 1fr; gap: 30px; } .cs-section-6 { min-height: 0; padding: 50px 0; } .cs-section-8 .cs-row-11 { flex-wrap: wrap; } } @media (max-width: 767px) { .cs-section-4 .cs-row-inner-1, .cs-section-4 .cs-row-inner-2 { grid-template-columns: 1fr; gap: 30px; } .cs-section-4 .cs-code-9 img { max-height: none; } .coopersped-google-reviews { min-height: 0; } } @media (min-width: 1600px) { .cs-section-1 { height: 930px; } .cs-section-2 { height: 829px; } .cs-section-3 { height: 756px; overflow: hidden; } .cs-section-6 { height: 959px; min-height: 959px; overflow: hidden; } .cs-section-7 { height: 178px; overflow: hidden; } .cs-section-8 { height: 465px; overflow: hidden; } } .cs-section-7.cs-section { background-size: cover; background-position: center; height: auto; overflow: visible; } .cs-section-7 > .cs-row { padding: 32px 0; align-items: center; } .cs-section-7 .cs-newsletter-form { width: 100%; padding: 0 6%; } .cs-section-7 .cs-newsletter-field { margin: 0; padding: 0 0 14px; } .cs-section-7 .cs-newsletter-form input.input { display: block; box-sizing: border-box; width: 100%; padding: 14px 4%; border: 0; border-radius: 3px; background: #fff; color: #333; font: 16px Arial, sans-serif; line-height: normal; } .cs-section-7 .cs-newsletter-button-wrap { margin: 0; padding: 0; } .cs-section-7 .cs-newsletter-button { display: block; width: 100%; box-sizing: border-box; padding: 5px 16px; text-align: center; border-radius: 3px; font-size: 16px; line-height: 1.7; } @media (max-width: 980px) { .cs-section-7 > .cs-row { display: flex; flex-direction: column; gap: 24px; } .cs-section-7 > .cs-row > .cs-column { width: 100%; margin: 0; } .cs-section-7 .cs-newsletter-form { padding: 0; } }