body.scheduler .mod_scheduler form .fields .field.checkbox-item label:before, body.scheduler .mod_scheduler form .fields .field.checkbox-item label:after, body.scheduler .mod_scheduler form .fields .field.radio label:before, body.scheduler .mod_scheduler form .fields .field.radio label:after, body.scheduler .mod_scheduler form .fields .field-item.checkbox-item label:before, body.scheduler .mod_scheduler form .fields .field-item.checkbox-item label:after, body.scheduler .mod_scheduler form .fields .field-item.radio label:before, body.scheduler .mod_scheduler form .fields .field-item.radio label:after, body.scheduler .mod_scheduler .location-grid .location-item .date a span.bar, body.scheduler .mod_scheduler .location-grid .location-item .btn-holder a span.bar, body.scheduler .mod_scheduler .location-grid .provider-item .date a span.bar, body.scheduler .mod_scheduler .location-grid .provider-item .btn-holder a span.bar, body.scheduler .mod_scheduler .provider-grid .location-item .date a span.bar, body.scheduler .mod_scheduler .provider-grid .location-item .btn-holder a span.bar, body.scheduler .mod_scheduler .provider-grid .provider-item .date a span.bar, body.scheduler .mod_scheduler .provider-grid .provider-item .btn-holder a span.bar, body.scheduler .mod_scheduler .main .steps .step.location-step .provider-grid:after, body.scheduler .mod_scheduler .main .steps .step.location-step .location-grid:after, body.scheduler .mod_scheduler .main .steps .step.provider-step .provider-grid:after, body.scheduler .mod_scheduler .main .steps .step.provider-step .location-grid:after, body.scheduler .mod_scheduler .main .steps .step .inner-step.provider .confirm-dates p span, body.scheduler .mod_scheduler .main .steps .step .inner-step.provider .confirm-dates p, body.scheduler .mod_scheduler .main .steps .step .inner-step.provider .date-time .date-time-grid:after, body.scheduler .mod_scheduler .main .steps .step .inner-step.provider .date-time .date-time-grid:before, body.scheduler .mod_scheduler .side .status .item.location .provider-tabs .tab-links span.link, body.scheduler .mod_scheduler .side .status .item, .partial_socials:not(.social-v2) li, .partial_cookies_policy, .partial_rate_us .tab, .partial_notification.side-drawer span.close, .partial_notification.bottom-drawer span.close, .partial_notification.side-drawer, .partial_notification.bottom-drawer, .partial_notification p, .mod_accordion.option-3 .row.half-image-row .accordion-slide .accordion-slide-inner .media h2, .mod_accordion.option-3 .row.half-image-row .accordion-slide .accordion-slide-inner .media h3, .mod_index > .row.subcontent .inner .item .media-btn .media .content span, .mod_index > .row.subcontent .inner .item .media-btn:after, .mod_office_slider.full-width .row .swiper-slide .content, .mod_office_slider .row .swiper-nav .swiper-button-prev, .mod_office_slider .row .swiper-nav .swiper-button-next, .mod_half_image_slider.half-image .row.half-image-row .media .half-image-swiper.swiper .swiper-nav .swiper-button-prev, .mod_half_image_slider.half-image .row.half-image-row .media .half-image-swiper.swiper .swiper-nav .swiper-button-next, .popup-video:after, .popup-gallery[data-type=video]:after, .sub-content.full .entry-content a, .partial_gallery_dropdown ul.dropdown ul li a, .partial_gallery_dropdown .dropdown ul li a, .age-restricted .popup span.close, .file-upload .filepond--hopper .filepond--drop-label, .file-upload .filepond--hopper .filepond--list-scroller, .file-upload .filepond--hopper .filepond--image-clip, footer.partial_footer .fixed-cta a, .mod_home_grid.option-4 .row .grid .item .content h2.title, .mod_home_grid.option-4 .row .grid .item:after, .mod_home_grid.option-1 .row .grid .item .content, .mod_home_grid .row .grid .item .content, .mod_home_hero.banner.slider .media .tns-nav button[type=button], .home header.hide-home-menu + .trigger-menu, body.hamburger-menu header .row .menu-holder, .search-input-container .inner .js-search-results .search-result-item, .search-input-container .inner .js-predictions .js-prediction-item, a, .tns-controls button { transition: all .3s ease; } body.scheduler .mod_scheduler form .fields .field input, body.scheduler .mod_scheduler form .fields .field select, body.scheduler .mod_scheduler form .fields .field textarea, body.scheduler .mod_scheduler form .fields .field-item input, body.scheduler .mod_scheduler form .fields .field-item select, body.scheduler .mod_scheduler form .fields .field-item textarea, body.scheduler .mod_scheduler form .fields .field label, body.scheduler .mod_scheduler form .fields .field-item label, body.scheduler .mod_scheduler .bottom .controls .btn.submit:after, body.scheduler .mod_scheduler .bottom .controls button[type=submit]:after, body.scheduler .mod_scheduler .bottom .controls .btn.next:after, body.scheduler .mod_scheduler .bottom .controls, body.scheduler .mod_scheduler .bottom .steps .item:before, body.scheduler .mod_scheduler .bottom .steps .item:after, body.scheduler .mod_scheduler .bottom #progress-bar, body.scheduler .mod_scheduler .bottom, body.scheduler .mod_scheduler .location-grid .location-item .media picture img, body.scheduler .mod_scheduler .provider-grid .location-item .media picture img, body.scheduler .mod_scheduler .location-grid .location-item .date a, body.scheduler .mod_scheduler .location-grid .location-item .btn-holder a, body.scheduler .mod_scheduler .location-grid .provider-item .date a, body.scheduler .mod_scheduler .location-grid .provider-item .btn-holder a, body.scheduler .mod_scheduler .provider-grid .location-item .date a, body.scheduler .mod_scheduler .provider-grid .location-item .btn-holder a, body.scheduler .mod_scheduler .provider-grid .provider-item .date a, body.scheduler .mod_scheduler .provider-grid .provider-item .btn-holder a, body.scheduler .mod_scheduler .location-grid .location-item .date:before, body.scheduler .mod_scheduler .location-grid .location-item .btn-holder:before, body.scheduler .mod_scheduler .location-grid .provider-item .date:before, body.scheduler .mod_scheduler .location-grid .provider-item .btn-holder:before, body.scheduler .mod_scheduler .provider-grid .location-item .date:before, body.scheduler .mod_scheduler .provider-grid .location-item .btn-holder:before, body.scheduler .mod_scheduler .provider-grid .provider-item .date:before, body.scheduler .mod_scheduler .provider-grid .provider-item .btn-holder:before, body.scheduler .mod_scheduler .location-grid .location-item .date:after, body.scheduler .mod_scheduler .location-grid .location-item .btn-holder:after, body.scheduler .mod_scheduler .location-grid .provider-item .date:after, body.scheduler .mod_scheduler .location-grid .provider-item .btn-holder:after, body.scheduler .mod_scheduler .provider-grid .location-item .date:after, body.scheduler .mod_scheduler .provider-grid .location-item .btn-holder:after, body.scheduler .mod_scheduler .provider-grid .provider-item .date:after, body.scheduler .mod_scheduler .provider-grid .provider-item .btn-holder:after, body.scheduler .mod_scheduler .location-grid .location-item .date, body.scheduler .mod_scheduler .location-grid .location-item .btn-holder, body.scheduler .mod_scheduler .location-grid .provider-item .date, body.scheduler .mod_scheduler .location-grid .provider-item .btn-holder, body.scheduler .mod_scheduler .provider-grid .location-item .date, body.scheduler .mod_scheduler .provider-grid .location-item .btn-holder, body.scheduler .mod_scheduler .provider-grid .provider-item .date, body.scheduler .mod_scheduler .provider-grid .provider-item .btn-holder, body.scheduler .mod_scheduler .location-grid .location-item .media img, body.scheduler .mod_scheduler .location-grid .provider-item .media img, body.scheduler .mod_scheduler .provider-grid .location-item .media img, body.scheduler .mod_scheduler .provider-grid .provider-item .media img, body.scheduler .mod_scheduler .location-grid .location-item .media:before, body.scheduler .mod_scheduler .location-grid .provider-item .media:before, body.scheduler .mod_scheduler .provider-grid .location-item .media:before, body.scheduler .mod_scheduler .provider-grid .provider-item .media:before, body.scheduler .mod_scheduler .location-grid .location-item .media, body.scheduler .mod_scheduler .location-grid .provider-item .media, body.scheduler .mod_scheduler .provider-grid .location-item .media, body.scheduler .mod_scheduler .provider-grid .provider-item .media, body.scheduler .mod_scheduler .main .steps .step.location-step .copy small, body.scheduler .mod_scheduler .main .steps .step.provider-step .copy small, body.scheduler .mod_scheduler .main .steps .step.insurance-step .fields .field.upload .file-upload-btn:after, body.scheduler .mod_scheduler .main .steps .step.insurance-step .fields .field.upload .file-upload-btn .visible-button, body.scheduler .mod_scheduler .main .steps .step .inner-step.message .date-time h3, body.scheduler .mod_scheduler .main .steps .step .inner-step.provider .confirm-dates p:before, body.scheduler .mod_scheduler .main .steps .step .inner-step.provider .confirm-dates p:after, body.scheduler .mod_scheduler .main .steps .step .inner-step.provider .confirm-dates .date-time-confirm, body.scheduler .mod_scheduler .main .steps .step .inner-step.provider .date-time.loading .date-time-grid h3, body.scheduler .mod_scheduler .main .steps .step .inner-step.provider .date-time .date-time-grid .day-column .time-slots a, body.scheduler .mod_scheduler .main .steps .step .inner-step.provider .date-time .date-time-grid h3, body.scheduler .mod_scheduler .main .steps .step .inner-step.provider .date-time .calendar-nav, body.scheduler .mod_scheduler .main .steps .step .inner-step, body.scheduler .mod_scheduler .main .steps .step, body.scheduler .mod_scheduler .side .status .item.location .provider-tabs .tabs .tab .controls .swiper-button-prev, body.scheduler .mod_scheduler .side .status .item.location .provider-tabs .tabs .tab .controls .swiper-button-next, body.scheduler .mod_scheduler .side .status .item.location .provider-tabs .tabs .tab .tabs-swiper .swiper-slide .media:before, body.scheduler .mod_scheduler .side .status .item.location .provider-tabs .tabs .tab .tabs-swiper .swiper-slide .media, body.scheduler .mod_scheduler .side .status .item.location .provider-tabs, body.scheduler .mod_scheduler .side .status .item.location.show-provider .media.selected .provider, body.scheduler .mod_scheduler .side .status .item.location .provider .reviews, body.scheduler .mod_scheduler .side .status .item.location .media span.location-change, body.scheduler .mod_scheduler .side .status .item.location .media:after, body.scheduler .mod_scheduler .side .status .item.reason p.reason-for-visit span.follow-up, body.scheduler .mod_scheduler .side .status h1, .partial_notification, .mod_video_grid .row .video a.popup-video:after, .mod_accordion .row.half-image-row .accordion-slide.active .media picture:before, .mod_accordion .row.half-image-row .accordion-slide.active .copy, .mod_accordion .row.half-image-row .accordion-slide.active, .mod_accordion .row.half-image-row .accordion-slide .accordion-slide-inner .media picture:before, .mod_accordion .row.half-image-row .accordion-slide .accordion-slide-inner .media h2, .mod_accordion .row.half-image-row .accordion-slide .accordion-slide-inner .media h3, .mod_accordion .row.half-image-row .accordion-slide .accordion-slide-inner .copy, .mod_accordion .row.half-image-row .accordion-slide:hover .media h2, .mod_accordion .row.half-image-row .accordion-slide, .mod_accordion .row.half-image-row, .mod_quote.viewport .logo, .mod_intro.viewport .row .inner, .mod_intro.viewport .row .logo, .mod_intro.wide .row .inner .half, .mod_cta_ba .row .text .patients .age-restricted, .mod_cta_ba_feed .row .text .patients .age-restricted, .mod_instagram .static-feed .post .content, .mod_instagram .static-feed .post span.icon, .mod_instagram .static-feed .post:after, .age-restricted, nav.tresio-nav[data-type=hamburger] span.back { transition: all .6s ease; } body.scheduler .mod_scheduler .bottom #progress-bar span, body.scheduler .mod_scheduler .main .steps .step .inner-step.provider .confirm-dates, body.scheduler .mod_scheduler .main .steps .step .inner-step.provider .date-time .calendar-nav span.current, body.scheduler .mod_scheduler .main .steps .step .inner-step.provider .date-time .calendar-nav span.prev-week, body.scheduler .mod_scheduler .main .steps .step .inner-step.provider .date-time .calendar-nav span.next-week, body.scheduler .mod_scheduler .main, body.scheduler .mod_scheduler .side .status .item.provider .flex .media picture.provider, body.scheduler .mod_scheduler .side .status .item.location .provider-tabs .tabs .tab:after, body.scheduler .mod_scheduler .side .status .item.location .provider, body.scheduler .mod_scheduler .side .status .item.location, body.scheduler .mod_scheduler .side .inner, body.scheduler .mod_scheduler .side, .mod_video_grid .row .video a.popup-video picture img, .mod_logo_list.viewport .img img, .mod_cta_general.viewport--once picture.background img, .mod_column.viewport picture img, .mod_columns_two.viewport picture img, .mod_columns_three.viewport picture img, .mod_box_grid.viewport picture.background img, .mod_banner.viewport .divider picture img, .mod_banner.viewport .divider, .mod_banner.viewport picture.background img, .cta.viewport picture.background img, .mod_home_grid .row .grid .item .media picture img, .mod_home_banner.viewport .credentials, .mod_home_banner.viewport picture.background img, .mod_home_banner.viewport picture.logo { transition: all 1.25s ease; } :root { --appts: url("data:image/svg+xml,%3Csvg width='24' height='25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.75 23.28a6 6 0 1 1 0-12 6 6 0 0 1 0 12zm0-10.5a4.5 4.5 0 1 0 0 9 4.5 4.5 0 0 0 0-9z' fill='%23fff'/%3E%3Cpath d='M16.942 19.53L15 17.588V14.28h1.5v2.693l1.5 1.5-1.058 1.057z' fill='%23fff'/%3E%3Cpath d='M21 5.28a1.5 1.5 0 0 0-1.5-1.5h-3v-1.5H15v1.5H9v-1.5H7.5v1.5h-3A1.5 1.5 0 0 0 3 5.28v15a1.5 1.5 0 0 0 1.5 1.5h3v-1.5h-3v-15h3v1.5H9v-1.5h6v1.5h1.5v-1.5h3v4.5H21v-4.5z' fill='%23fff'/%3E%3C/svg%3E"); --locations: url("data:image/svg+xml,%3Csvg width='24' height='25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 3.03c-3.727 0-6.75 2.878-6.75 6.422 0 4.078 4.5 10.54 6.152 12.773a.74.74 0 0 0 1.196 0c1.652-2.231 6.152-8.691 6.152-12.773 0-3.544-3.023-6.422-6.75-6.422z' stroke='%23fff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 12.03a2.25 2.25 0 1 0 0-4.5 2.25 2.25 0 0 0 0 4.5z' stroke='%23fff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); --portal: url("data:image/svg+xml,%3Csvg width='24' height='25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 5.78H8v4H6v-6h16v18H6v-6h2v4h12v-14z' fill='%23fff'/%3E%3Cpath d='M13.074 17.73l-1.414-1.414 2.536-2.536H2v-2h12.196L11.66 9.245l1.414-1.415 4.95 4.95-4.95 4.95z' fill='%23fff'/%3E%3C/svg%3E"); --clock: url("data:image/svg+xml,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 20a8 8 0 1 0 0-16.001A8 8 0 0 0 12 20zm0-18a10 10 0 1 1 0 20C6.47 22 2 17.5 2 12A10 10 0 0 1 12 2zm.5 5v5.25l4.5 2.67-.75 1.23L11 13V7h1.5z' fill='%23fff'/%3E%3C/svg%3E"); --phone: url("data:image/svg+xml,%3Csvg width='24' height='25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.847 15.636l-4.416-1.98-.013-.005a1.499 1.499 0 0 0-1.492.184l-2.282 1.945c-1.446-.702-2.938-2.183-3.64-3.61l1.948-2.317a1.499 1.499 0 0 0 .177-1.484v-.01L9.144 3.933a1.5 1.5 0 0 0-1.558-.892A5.274 5.274 0 0 0 3 8.28c0 7.444 6.056 13.5 13.5 13.5a5.275 5.275 0 0 0 5.239-4.586 1.5 1.5 0 0 0-.892-1.558zM16.5 20.28a12.013 12.013 0 0 1-12-12 3.769 3.769 0 0 1 3.27-3.75v.012l1.968 4.406-1.938 2.32a.559.559 0 0 0-.053.071 1.5 1.5 0 0 0-.094 1.472c.85 1.738 2.6 3.475 4.355 4.323a1.5 1.5 0 0 0 1.477-.107.752.752 0 0 0 .07-.052l2.278-1.945 4.407 1.974h.01a3.77 3.77 0 0 1-3.75 3.276z' fill='%23fff'/%3E%3C/svg%3E"); --largeArrow: url("data:image/svg+xml,%3Csvg width='101' height='102' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_3943_344)'%3E%3Cpath d='M80.877 45.998l-30.362-30.36 7.072-7.072 42.434 42.433-3.536 3.536-38.898 38.898-7.072-7.071L80.877 56H0V45.998h80.877z' fill='%23F9F9F9'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3943_344'%3E%3Cpath fill='%23fff' transform='rotate(90 49.516 50.505)' d='M0 0H100.021V100.021H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E"); --prescriptions: url("/assets/img/img-export/1786119966-doctor-icon.png"); --payOnline: url("data:image/svg+xml,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_4389_684)' fill='%23fff'%3E%3Cpath d='M20.69 6.96h-6.06V4.64c0-1.82-1.48-3.3-3.3-3.3H4.64c-1.82 0-3.3 1.48-3.3 3.3v14.71c0 1.82 1.48 3.3 3.3 3.3h6.69c1.82 0 3.3-1.48 3.3-3.3v-2.32h6.06c.52 0 1.02-.21 1.39-.58.37-.37.58-.86.58-1.39V8.92c0-1.08-.88-1.96-1.96-1.96h-.01zm-7.31 12.27v.12c0 1.13-.92 2.05-2.05 2.05H4.64c-1.13 0-2.05-.92-2.05-2.05v-.12h10.79zm0-12.27H9.32c-1.08 0-1.96.88-1.96 1.96v6.14c0 .52.2 1.02.58 1.39.38.37.87.58 1.39.58h4.06v.95H2.59V6.02h10.79v.94zM8.61 8.93c0-.39.32-.71.71-.71h11.37c.19 0 .37.08.5.21s.21.32.21.5v6.14c0 .19-.08.37-.21.5a.73.73 0 0 1-.5.21H9.32c-.39 0-.71-.32-.71-.71V8.93zM2.59 4.77v-.13c0-1.13.92-2.05 2.05-2.05h6.69c1.13 0 2.05.92 2.05 2.05v.13H2.59z'/%3E%3Cpath d='M15.01 13.78a.6.6 0 0 1-.59-.48c0-.25-.2-.46-.46-.46s-.46.2-.46.46c.01.63.44 1.17 1.05 1.33v.31c0 .25.2.46.46.46s.46-.2.46-.46v-.31c.61-.16 1.04-.7 1.05-1.33a1.87 1.87 0 0 0-1.29-1.69c-.57-.31-.81-.48-.81-.9.06-.28.31-.48.59-.48.28 0 .53.2.59.48 0 .25.2.45.46.45s.46-.2.46-.45c-.01-.63-.44-1.17-1.05-1.33v-.32c0-.25-.2-.45-.46-.45s-.46.2-.46.45v.32c-.61.16-1.04.7-1.05 1.33.04.78.55 1.45 1.29 1.69.57.31.81.48.81.9-.06.28-.31.48-.59.48z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_4389_684'%3E%3Cpath fill='%23fff' transform='translate(1.34 1.34)' d='M0 0H21.32V21.32H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E"); --refer: url("data:image/svg+xml,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg' id='Layer_1' data-name='Layer 1' viewBox='0 0 1111.81 1095.87'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23fff; %7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M628.71,478.12v-144.67h-144.76v144.67h-144.67v144.76h144.67v144.67h144.76v-144.67h144.66v-144.76h-144.66ZM1058.77,785.27c-11.77-20.83-14.22-45.76-7.21-68.64,41.74-136.04,25.91-286.12-47.65-411.48l-60.23,36.88c47.31,81.12,66.68,174.15,58.14,265.02-4.53,48.28-47.28,84.46-95.6,80.57-9.11-.74-18.37-.84-27.79-.26-95.58,5.89-173.4,82.71-180.39,178.21-.93,12.78-.62,25.31.83,37.49,5.85,49-27.44,93.87-76.32,100.68-97.07,13.53-197.79-5.04-284.82-55.75-15.03-8.71-29.54-18.36-43.57-29.01l42.26-42.47-99.65-9.23-60.04-5.59,4.91,49.85,10.87,109.73,51.54-51.86c6.85,5.38,13.82,10.58,20.88,15.57,7.07,5,14.22,9.78,21.47,14.35,134.9,85.33,301.17,101.64,448.15,49.09,23.25-8.32,48.73-6.01,70.88,4.91,28.08,13.85,60.01,21.07,93.78,19.61,100.75-4.39,182.12-87.6,184.39-188.42.82-36.12-8.31-70.03-24.81-99.24ZM971.45,993.31c-9.57,1.56-21.39,2.43-35,2.93-13.61.49-29.01.6-45.73.62h-.28c-33.46-.03-61.59-.42-80.72-3.54-36.6-5.98-41.12-44.78-8.75-59.78,17.8-8.24,42.84-19.2,54.29-25.31,2.65-1.42,4.28-4.19,4.24-7.2l-.14-9.83c-.03-2.13-.89-4.17-2.43-5.64-6.49-6.17-24-26.2-24-62.49,0-22.15,13.47-59.61,57.49-59.79,0-.01,0-.02,0-.02.05,0,.1.01.15.01.06,0,.1-.01.16-.01v.02c44.03.18,57.49,37.64,57.49,59.79,0,36.29-17.5,56.32-24,62.49-1.54,1.47-2.41,3.51-2.43,5.64l-.14,9.83c-.05,3.01,1.6,5.77,4.25,7.2,11.44,6.11,36.48,17.07,54.27,25.31,32.39,15,27.85,53.81-8.73,59.78ZM934.93,213.1l-9.86-99.75-47.27,47.58c-13.66-10.81-27.8-20.73-42.35-29.91-125.43-79.4-278.01-99.07-416.96-59.18-27.26,7.82-56.9,3.32-79.45-13.88-34.84-26.59-79-41.58-126.73-39.24C112.49,23.63,31.92,106.02,29.1,205.93c-1.21,42.64,11.42,82.28,33.71,114.75,16.24,23.65,20.61,53.36,11.49,80.57-46.57,138.92-32.29,293.89,42.99,422.83l60.77-35.67c-55.53-95.3-72.52-207.03-51.01-312.42,8.61-42.21,46.35-72.73,89.41-71.48,6.99.2,14.06.03,21.23-.54,94.14-7.47,169.89-83.73,176.91-177.91.27-3.72.44-7.42.5-11.09.77-43.83,33.13-80.46,76.44-87.27,99.44-15.63,203.23,2.57,292.58,54.65,7.46,4.35,14.82,8.94,22.07,13.77,7.24,4.84,14.38,9.91,21.39,15.24l-46.47,46.79,108.56,10.01,51.16,4.75-5.91-59.82ZM302.94,324.8c-9.57,1.56-21.39,2.43-35,2.93-13.61.49-29,.6-45.73.62h-.28c-33.46-.03-61.58-.42-80.72-3.54-36.6-5.98-41.12-44.78-8.75-59.77,17.8-8.25,42.84-19.21,54.29-25.32,2.65-1.41,4.28-4.18,4.25-7.2l-.15-9.83c-.03-2.13-.89-4.17-2.43-5.63-6.49-6.18-24-26.2-24-62.5,0-22.15,13.47-59.61,57.49-59.79,0-.01,0-.01,0-.02.05,0,.1,0,.15,0,.06,0,.1,0,.16,0v.02c44.02.18,57.5,37.64,57.5,59.79,0,36.29-17.52,56.32-24.01,62.5-1.54,1.46-2.41,3.5-2.43,5.63l-.14,9.83c-.04,3.02,1.6,5.78,4.25,7.2,11.44,6.11,36.48,17.07,54.27,25.32,32.39,14.99,27.85,53.8-8.73,59.77Z'/%3E%3C/svg%3E"); --fax: url("data:image/svg+xml,%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3C!-- Uploaded to: SVG Repo, www.svgrepo.com, Transformed by: SVG Repo Mixer Tools --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 32 32' enable-background='new 0 0 32 32' xml:space='preserve' width='800px' height='800px' fill='%23ffffff' stroke='%23ffffff'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'/%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cpolyline fill='none' stroke='%23ffffff' stroke-width='2' stroke-miterlimit='10' points='13,11 9,11 9,25 27,25 27,11 23,11 '/%3E%3Crect x='13' y='6' fill='none' stroke='%23ffffff' stroke-width='2' stroke-miterlimit='10' width='10' height='7'/%3E%3Crect x='5' y='9' fill='none' stroke='%23ffffff' stroke-width='2' stroke-miterlimit='10' width='4' height='16'/%3E%3Crect x='13' y='16' width='2' height='2'/%3E%3Crect x='17' y='16' width='2' height='2'/%3E%3Crect x='21' y='16' width='2' height='2'/%3E%3Crect x='13' y='20' width='2' height='2'/%3E%3Crect x='17' y='20' width='2' height='2'/%3E%3Crect x='21' y='20' width='2' height='2'/%3E%3Cpath fill='none' stroke='%23ffffff' stroke-width='2' stroke-miterlimit='10' d='M11,25v2c0,1.1-0.9,2-2,2h0c-1.1,0-2-0.9-2-2v-2'/%3E%3C/g%3E%3C/svg%3E"); } body.scheduler .mod_scheduler form .fields .field.checkbox-item label:before, body.scheduler .mod_scheduler form .fields .field.checkbox-item label:after, body.scheduler .mod_scheduler form .fields .field.radio label:before, body.scheduler .mod_scheduler form .fields .field.radio label:after, body.scheduler .mod_scheduler form .fields .field-item.checkbox-item label:before, body.scheduler .mod_scheduler form .fields .field-item.checkbox-item label:after, body.scheduler .mod_scheduler form .fields .field-item.radio label:before, body.scheduler .mod_scheduler form .fields .field-item.radio label:after, body.scheduler .mod_scheduler .location-grid .location-item .date a span.bar, body.scheduler .mod_scheduler .location-grid .location-item .btn-holder a span.bar, body.scheduler .mod_scheduler .location-grid .provider-item .date a span.bar, body.scheduler .mod_scheduler .location-grid .provider-item .btn-holder a span.bar, body.scheduler .mod_scheduler .provider-grid .location-item .date a span.bar, body.scheduler .mod_scheduler .provider-grid .location-item .btn-holder a span.bar, body.scheduler .mod_scheduler .provider-grid .provider-item .date a span.bar, body.scheduler .mod_scheduler .provider-grid .provider-item .btn-holder a span.bar, body.scheduler .mod_scheduler .main .steps .step.location-step .provider-grid:after, body.scheduler .mod_scheduler .main .steps .step.location-step .location-grid:after, body.scheduler .mod_scheduler .main .steps .step.provider-step .provider-grid:after, body.scheduler .mod_scheduler .main .steps .step.provider-step .location-grid:after, body.scheduler .mod_scheduler .main .steps .step .inner-step.provider .confirm-dates p span, body.scheduler .mod_scheduler .main .steps .step .inner-step.provider .confirm-dates p, body.scheduler .mod_scheduler .main .steps .step .inner-step.provider .date-time .date-time-grid:after, body.scheduler .mod_scheduler .main .steps .step .inner-step.provider .date-time .date-time-grid:before, body.scheduler .mod_scheduler .side .status .item.location .provider-tabs .tab-links span.link, body.scheduler .mod_scheduler .side .status .item, .partial_socials:not(.social-v2) li, .partial_cookies_policy, .partial_rate_us .tab, .partial_notification.side-drawer span.close, .partial_notification.bottom-drawer span.close, .partial_notification.side-drawer, .partial_notification.bottom-drawer, .partial_notification p, .mod_accordion.option-3 .row.half-image-row .accordion-slide .accordion-slide-inner .media h2, .mod_accordion.option-3 .row.half-image-row .accordion-slide .accordion-slide-inner .media h3, .mod_index > .row.subcontent .inner .item .media-btn .media .content span, .mod_index > .row.subcontent .inner .item .media-btn:after, .mod_office_slider.full-width .row .swiper-slide .content, .mod_office_slider .row .swiper-nav .swiper-button-prev, .mod_office_slider .row .swiper-nav .swiper-button-next, .mod_half_image_slider.half-image .row.half-image-row .media .half-image-swiper.swiper .swiper-nav .swiper-button-prev, .mod_half_image_slider.half-image .row.half-image-row .media .half-image-swiper.swiper .swiper-nav .swiper-button-next, .popup-video:after, .popup-gallery[data-type=video]:after, .sub-content.full .entry-content a, .partial_gallery_dropdown ul.dropdown ul li a, .partial_gallery_dropdown .dropdown ul li a, .age-restricted .popup span.close, .file-upload .filepond--hopper .filepond--drop-label, .file-upload .filepond--hopper .filepond--list-scroller, .file-upload .filepond--hopper .filepond--image-clip, footer.partial_footer .fixed-cta a, .mod_home_grid.option-4 .row .grid .item .content h2.title, .mod_home_grid.option-4 .row .grid .item:after, .mod_home_grid.option-1 .row .grid .item .content, .mod_home_grid .row .grid .item .content, .mod_home_hero.banner.slider .media .tns-nav button[type=button], .home header.hide-home-menu + .trigger-menu, body.hamburger-menu header .row .menu-holder, .search-input-container .inner .js-search-results .search-result-item, .search-input-container .inner .js-predictions .js-prediction-item, a, .tns-controls button { transition: all .3s ease; } body.scheduler .mod_scheduler form .fields .field input, body.scheduler .mod_scheduler form .fields .field select, body.scheduler .mod_scheduler form .fields .field textarea, body.scheduler .mod_scheduler form .fields .field-item input, body.scheduler .mod_scheduler form .fields .field-item select, body.scheduler .mod_scheduler form .fields .field-item textarea, body.scheduler .mod_scheduler form .fields .field label, body.scheduler .mod_scheduler form .fields .field-item label, body.scheduler .mod_scheduler .bottom .controls .btn.submit:after, body.scheduler .mod_scheduler .bottom .controls button[type=submit]:after, body.scheduler .mod_scheduler .bottom .controls .btn.next:after, body.scheduler .mod_scheduler .bottom .controls, body.scheduler .mod_scheduler .bottom .steps .item:before, body.scheduler .mod_scheduler .bottom .steps .item:after, body.scheduler .mod_scheduler .bottom #progress-bar, body.scheduler .mod_scheduler .bottom, body.scheduler .mod_scheduler .location-grid .location-item .media picture img, body.scheduler .mod_scheduler .provider-grid .location-item .media picture img, body.scheduler .mod_scheduler .location-grid .location-item .date a, body.scheduler .mod_scheduler .location-grid .location-item .btn-holder a, body.scheduler .mod_scheduler .location-grid .provider-item .date a, body.scheduler .mod_scheduler .location-grid .provider-item .btn-holder a, body.scheduler .mod_scheduler .provider-grid .location-item .date a, body.scheduler .mod_scheduler .provider-grid .location-item .btn-holder a, body.scheduler .mod_scheduler .provider-grid .provider-item .date a, body.scheduler .mod_scheduler .provider-grid .provider-item .btn-holder a, body.scheduler .mod_scheduler .location-grid .location-item .date:before, body.scheduler .mod_scheduler .location-grid .location-item .btn-holder:before, body.scheduler .mod_scheduler .location-grid .provider-item .date:before, body.scheduler .mod_scheduler .location-grid .provider-item .btn-holder:before, body.scheduler .mod_scheduler .provider-grid .location-item .date:before, body.scheduler .mod_scheduler .provider-grid .location-item .btn-holder:before, body.scheduler .mod_scheduler .provider-grid .provider-item .date:before, body.scheduler .mod_scheduler .provider-grid .provider-item .btn-holder:before, body.scheduler .mod_scheduler .location-grid .location-item .date:after, body.scheduler .mod_scheduler .location-grid .location-item .btn-holder:after, body.scheduler .mod_scheduler .location-grid .provider-item .date:after, body.scheduler .mod_scheduler .location-grid .provider-item .btn-holder:after, body.scheduler .mod_scheduler .provider-grid .location-item .date:after, body.scheduler .mod_scheduler .provider-grid .location-item .btn-holder:after, body.scheduler .mod_scheduler .provider-grid .provider-item .date:after, body.scheduler .mod_scheduler .provider-grid .provider-item .btn-holder:after, body.scheduler .mod_scheduler .location-grid .location-item .date, body.scheduler .mod_scheduler .location-grid .location-item .btn-holder, body.scheduler .mod_scheduler .location-grid .provider-item .date, body.scheduler .mod_scheduler .location-grid .provider-item .btn-holder, body.scheduler .mod_scheduler .provider-grid .location-item .date, body.scheduler .mod_scheduler .provider-grid .location-item .btn-holder, body.scheduler .mod_scheduler .provider-grid .provider-item .date, body.scheduler .mod_scheduler .provider-grid .provider-item .btn-holder, body.scheduler .mod_scheduler .location-grid .location-item .media img, body.scheduler .mod_scheduler .location-grid .provider-item .media img, body.scheduler .mod_scheduler .provider-grid .location-item .media img, body.scheduler .mod_scheduler .provider-grid .provider-item .media img, body.scheduler .mod_scheduler .location-grid .location-item .media:before, body.scheduler .mod_scheduler .location-grid .provider-item .media:before, body.scheduler .mod_scheduler .provider-grid .location-item .media:before, body.scheduler .mod_scheduler .provider-grid .provider-item .media:before, body.scheduler .mod_scheduler .location-grid .location-item .media, body.scheduler .mod_scheduler .location-grid .provider-item .media, body.scheduler .mod_scheduler .provider-grid .location-item .media, body.scheduler .mod_scheduler .provider-grid .provider-item .media, body.scheduler .mod_scheduler .main .steps .step.location-step .copy small, body.scheduler .mod_scheduler .main .steps .step.provider-step .copy small, body.scheduler .mod_scheduler .main .steps .step.insurance-step .fields .field.upload .file-upload-btn:after, body.scheduler .mod_scheduler .main .steps .step.insurance-step .fields .field.upload .file-upload-btn .visible-button, body.scheduler .mod_scheduler .main .steps .step .inner-step.message .date-time h3, body.scheduler .mod_scheduler .main .steps .step .inner-step.provider .confirm-dates p:before, body.scheduler .mod_scheduler .main .steps .step .inner-step.provider .confirm-dates p:after, body.scheduler .mod_scheduler .main .steps .step .inner-step.provider .confirm-dates .date-time-confirm, body.scheduler .mod_scheduler .main .steps .step .inner-step.provider .date-time.loading .date-time-grid h3, body.scheduler .mod_scheduler .main .steps .step .inner-step.provider .date-time .date-time-grid .day-column .time-slots a, body.scheduler .mod_scheduler .main .steps .step .inner-step.provider .date-time .date-time-grid h3, body.scheduler .mod_scheduler .main .steps .step .inner-step.provider .date-time .calendar-nav, body.scheduler .mod_scheduler .main .steps .step .inner-step, body.scheduler .mod_scheduler .main .steps .step, body.scheduler .mod_scheduler .side .status .item.location .provider-tabs .tabs .tab .controls .swiper-button-prev, body.scheduler .mod_scheduler .side .status .item.location .provider-tabs .tabs .tab .controls .swiper-button-next, body.scheduler .mod_scheduler .side .status .item.location .provider-tabs .tabs .tab .tabs-swiper .swiper-slide .media:before, body.scheduler .mod_scheduler .side .status .item.location .provider-tabs .tabs .tab .tabs-swiper .swiper-slide .media, body.scheduler .mod_scheduler .side .status .item.location .provider-tabs, body.scheduler .mod_scheduler .side .status .item.location.show-provider .media.selected .provider, body.scheduler .mod_scheduler .side .status .item.location .provider .reviews, body.scheduler .mod_scheduler .side .status .item.location .media span.location-change, body.scheduler .mod_scheduler .side .status .item.location .media:after, body.scheduler .mod_scheduler .side .status .item.reason p.reason-for-visit span.follow-up, body.scheduler .mod_scheduler .side .status h1, .partial_notification, .mod_video_grid .row .video a.popup-video:after, .mod_accordion .row.half-image-row .accordion-slide.active .media picture:before, .mod_accordion .row.half-image-row .accordion-slide.active .copy, .mod_accordion .row.half-image-row .accordion-slide.active, .mod_accordion .row.half-image-row .accordion-slide .accordion-slide-inner .media picture:before, .mod_accordion .row.half-image-row .accordion-slide .accordion-slide-inner .media h2, .mod_accordion .row.half-image-row .accordion-slide .accordion-slide-inner .media h3, .mod_accordion .row.half-image-row .accordion-slide .accordion-slide-inner .copy, .mod_accordion .row.half-image-row .accordion-slide:hover .media h2, .mod_accordion .row.half-image-row .accordion-slide, .mod_accordion .row.half-image-row, .mod_quote.viewport .logo, .mod_intro.viewport .row .inner, .mod_intro.viewport .row .logo, .mod_intro.wide .row .inner .half, .mod_cta_ba .row .text .patients .age-restricted, .mod_cta_ba_feed .row .text .patients .age-restricted, .mod_instagram .static-feed .post .content, .mod_instagram .static-feed .post span.icon, .mod_instagram .static-feed .post:after, .age-restricted, nav.tresio-nav[data-type=hamburger] span.back { transition: all .6s ease; } body.scheduler .mod_scheduler .bottom #progress-bar span, body.scheduler .mod_scheduler .main .steps .step .inner-step.provider .confirm-dates, body.scheduler .mod_scheduler .main .steps .step .inner-step.provider .date-time .calendar-nav span.current, body.scheduler .mod_scheduler .main .steps .step .inner-step.provider .date-time .calendar-nav span.prev-week, body.scheduler .mod_scheduler .main .steps .step .inner-step.provider .date-time .calendar-nav span.next-week, body.scheduler .mod_scheduler .main, body.scheduler .mod_scheduler .side .status .item.provider .flex .media picture.provider, body.scheduler .mod_scheduler .side .status .item.location .provider-tabs .tabs .tab:after, body.scheduler .mod_scheduler .side .status .item.location .provider, body.scheduler .mod_scheduler .side .status .item.location, body.scheduler .mod_scheduler .side .inner, body.scheduler .mod_scheduler .side, .mod_video_grid .row .video a.popup-video picture img, .mod_logo_list.viewport .img img, .mod_cta_general.viewport--once picture.background img, .mod_column.viewport picture img, .mod_columns_two.viewport picture img, .mod_columns_three.viewport picture img, .mod_box_grid.viewport picture.background img, .mod_banner.viewport .divider picture img, .mod_banner.viewport .divider, .mod_banner.viewport picture.background img, .cta.viewport picture.background img, .mod_home_grid .row .grid .item .media picture img, .mod_home_banner.viewport .credentials, .mod_home_banner.viewport picture.background img, .mod_home_banner.viewport picture.logo { transition: all 1.25s ease; } @font-face { font-family: "proxima-nova"; src: url("https://use.typekit.net/af/2555e1/00000000000000007735e603/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"), url("https://use.typekit.net/af/2555e1/00000000000000007735e603/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"), url("https://use.typekit.net/af/2555e1/00000000000000007735e603/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype"); font-display: swap; font-style: normal; font-weight: 700; font-stretch: normal; } @font-face { font-family: "proxima-nova"; src: url("https://use.typekit.net/af/78aca8/00000000000000007735e60d/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("woff2"), url("https://use.typekit.net/af/78aca8/00000000000000007735e60d/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("woff"), url("https://use.typekit.net/af/78aca8/00000000000000007735e60d/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("opentype"); font-display: swap; font-style: normal; font-weight: 600; font-stretch: normal; } @font-face { font-family: "proxima-nova"; src: url("https://use.typekit.net/af/efe4a5/00000000000000007735e609/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"), url("https://use.typekit.net/af/efe4a5/00000000000000007735e609/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"), url("https://use.typekit.net/af/efe4a5/00000000000000007735e609/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype"); font-display: swap; font-style: normal; font-weight: 400; font-stretch: normal; } @font-face { font-family: "fontello"; src: url("/assets/font/fontello.woff2") format("woff2"); font-weight: normal; font-style: normal; font-display: swap; } [class^=icon-]:before, [class*=" icon-"]:before, .tns-controls button:before { font-family: "fontello"; font-style: normal; font-weight: normal; font-display: swap; speak: never; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; margin-left: .2em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-left-open:before { content: ""; } .icon-right-open:before { content: ""; } .icon-star:before { content: ""; } .icon-star-empty:before { content: ""; } .icon-cancel:before { content: ""; } div[data-s3-module] .links-list { display: flex; flex-wrap: wrap; justify-content: center; gap: clamp(.625rem, .4733rem + .6472vw, 1.25rem); margin-top: clamp(1.25rem, 1.0983rem + .6472vw, 1.875rem); } div[data-s3-module] .links-list a { display: inline-block; text-decoration: underline; text-align: center; line-height: normal; } div[data-s3-module] .links-list a.btn { margin-top: 0 !important; } div[data-s3-module] .links-list.buttons { justify-content: flex-start; } div[data-s3-module] .links-list.buttons a.btn { text-decoration: none; } .note { color: red !important; } .tns-slider { font-size: 11px !important; } .right { float: right !important; } .left { float: left !important; } .text-left { text-align: left !important; } .text-right { text-align: right !important; } .text-center { text-align: center !important; } .text-justify { text-align: justify !important; } .left { float: left !important; } .columns-two, .columns-three, .columns-four { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 40px; } @media only screen and (max-width: 800px) { .columns-two, .columns-three, .columns-four { grid-template-columns: 1fr; } } .columns-two.vertical-align, .mod_column .columns-two.vertical, .columns-three.vertical-align, .mod_column .columns-three.vertical, .columns-four.vertical-align, .mod_column .columns-four.vertical { display: grid; align-items: center; } .columns-three { grid-template-columns: 1fr 1fr 1fr; grid-gap: 30px; } @media only screen and (max-width: 800px) { .columns-three { grid-template-columns: 1fr; } } .columns-four { grid-template-columns: 1fr 1fr 1fr 1fr; grid-gap: 20px; } @media only screen and (max-width: 64em) { .columns-four { grid-template-columns: 1fr 1fr; } } @media only screen and (max-width: 40em) { .columns-four { grid-template-columns: 1fr; } } .column.large-centered, .columns.large-centered { margin-left: auto; margin-right: auto; float: none; } .relative { position: relative; } .absolute { position: absolute; } img.center { display: block; margin: auto; } img.full { width: 100%; } img.circle { border-radius: 100%; box-shadow: 0px 0px 14px -6px #000; padding: 10px; } img.xsmall { max-width: 80px; width: 100%; } img.small, img.contact-scroll.fixed { max-width: 180px; width: 100%; } img.medium { max-width: 240px; width: 100%; } img.large { max-width: 400px; width: 100%; } img.large.pull-up { margin-top: -15px; } img.xlarge { max-width: 540px; width: 100%; } img.xlarge2 { max-width: 480px; width: 100%; } .italic { font-style: italic !important; } .bold { font-weight: 700; } .hidden { display: none !important; } .uppercase { text-transform: uppercase; } .link:not(.btn), .mod_home_banner .row .content a.center:not(.btn) { color: #64707e !important; text-decoration: underline; } .no-underline:not(.btn), .mod_home_banner.has-links .row .links a:not(.btn) { color: #64707e !important; text-decoration: none; } .overflow-hidden { overflow: hidden !important; } .text-justify { text-align: justify !important; } @media only screen and (min-width: 800px) { .text-center-tablet-up { text-align: center !important; } } .hide, .partial_notification.side-drawer.scrolled.closed, .partial_notification.bottom-drawer.scrolled.closed { display: none; } @media only screen and (max-width: 40em) { .hide-phone { display: none !important; } } @media only screen and (min-width: 800px)and (max-width: 64em) { .hide-tablet { display: none !important; } } @media only screen and (min-width: 800px) { .hide-tablet-up { display: none !important; } } @media only screen and (max-width: 64em) { .hide-tablet-down { display: none !important; } } @media only screen and (max-width: 800px) { .hide-phablet { display: none !important; } } @media only screen and (min-width: 64.0625em) { .hide-desktop { display: none !important; } } @media only screen and (max-width: 40em) { .block-phone { display: block !important; } } .block { display: block !important; } @media only screen and (min-width: 800px)and (max-width: 64em) { .block-tablet { display: block !important; } } @media only screen and (max-width: 64em) { .block-tablet-down { display: block !important; } } @media only screen and (min-width: 800px) { .block-tablet-up { display: block !important; } } @media only screen and (max-width: 800px) { .block-phablet { display: block !important; } } @media only screen and (min-width: 64.0625em) { .block-desktop { display: block !important; } } .object-fit-cover { width: 100%; height: 100%; } .object-fit-cover img { object-fit: cover; width: 100%; height: 100%; } picture.background, video.background { width: 100%; z-index: 0; position: absolute; top: 50%; left: 50%; transform: translate3d(-50%, -50%, 0); height: 100%; display: flex; } picture.background img, video.background img { object-fit: cover; width: calc(100% + 2px); height: calc(100% + 2px); } .top-aligned picture.background img, .top-aligned video.background img { object-position: center 20% !important; } .left-aligned picture.background img, .left-aligned video.background img { object-position: 25% center !important; } .right-aligned picture.background img, .right-aligned video.background img { object-position: 75% center !important; } video.background { object-fit: cover; width: 100%; } .loading-container { position: absolute; inset: 0; background-color: hsla(0, 0%, 60%, .5); } .loading-container svg.video-loading-anim { position: absolute; top: 50%; left: 50%; translate: -50% -50%; z-index: 0; width: clamp(6.25rem, 5.4915rem + 3.2362vw, 9.375rem); pointer-events: none; } .loading-container svg.video-loading-anim rect, .loading-container svg.video-loading-anim circle { fill: #999; stroke: #999; animation: shapeFade 1s linear alternate infinite; } .loading-container svg.video-loading-anim rect:nth-child(1), .loading-container svg.video-loading-anim circle:nth-child(1) { animation-delay: 0s; } .loading-container svg.video-loading-anim rect:nth-child(2), .loading-container svg.video-loading-anim circle:nth-child(2) { animation-delay: .25s; } .loading-container svg.video-loading-anim rect:nth-child(3), .loading-container svg.video-loading-anim circle:nth-child(3) { animation-delay: .5s; } @keyframes shapeFade { 0% { opacity: 0; } 100% { opacity: 1; } } .flex-wrap { display: flex; flex-wrap: wrap; } .flex-video iframe { max-width: 100%; } .flex-video { margin-bottom: 0px; } .background-image, .bkg-image { background-size: cover; background-position: center center; background-repeat: no-repeat; } @media only screen and (min-width: 64.0625em) { .background-image, .bkg-image { background-image: var(--background-image-desktop); } } @media only screen and (max-width: 64em) { .background-image, .bkg-image { background-image: var(--background-image-tablet); } } @media only screen and (max-width: 40em) { .background-image, .bkg-image { background-image: var(--background-image-phone); } } .vertical-align, .mod_column .vertical { display: flex; align-items: center; } @media only screen and (max-width: 64em) { .vertical-align, .mod_column .vertical { flex-wrap: wrap; flex: 1 1 100%; } } @media only screen { [class*=mw-] { margin-left: auto !important; margin-right: auto !important; } } @media only screen and (max-width: 64em) { [class*=mw-] { max-width: 100% !important; } } .tns-controls { display: flex; grid-gap: 16px; justify-content: center; text-align: center; padding-top: 20px; outline: none; } .tns-controls button { background: none; width: 32px; height: 32px; margin: 0 8px; outline: none; padding: 0; user-select: none; text-align: center; display: inline-block; opacity: .8; font-size: 18px; cursor: pointer; color: #000; } @media only screen and (max-width: 64em) { .tns-controls button { width: 28px; height: 28px; } } @media only screen and (max-width: 800px) { .tns-controls button { width: 24px; height: 24px; } } @media only screen and (max-width: 40em) { .tns-controls button { width: 20px; height: 20px; } } .tns-controls button:hover { color: #000; opacity: .4; } .tns-controls button:focus { box-shadow: none !important; } .tns-controls button[data-controls=prev]:before { content: ""; } .tns-controls button[data-controls=next]:before { content: ""; } .has-icon { position: relative; display: inline-flex !important; align-items: center; } .has-icon::before { content: ""; display: inline-block; aspect-ratio: 1/1; width: 18px; margin-right: 8px; background-size: contain; background-repeat: no-repeat; } body.wow-enabled .wow { visibility: hidden; } .animated { animation-duration: 1s; animation-fill-mode: both; } .animated.infinite { animation-iteration-count: infinite; } .animated.hinge { animation-duration: 2s; } .animated.flipOutX, .animated.flipOutY, .animated.bounceIn, .animated.bounceOut { animation-duration: .75s; } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .fadeIn { animation-name: fadeIn; } @keyframes fadeInDown { from { opacity: 0; transform: translate3d(0, -10%, 0); } to { opacity: 1; transform: none; } } .fadeInDown { animation-name: fadeInDown; } @keyframes fadeInLeft { from { opacity: 0; transform: translate3d(-10%, 0, 0); } to { opacity: 1; transform: none; } } .fadeInLeft { animation-name: fadeInLeft; } @keyframes fadeInRight { from { opacity: 0; transform: translate3d(10%, 0, 0); } to { opacity: 1; transform: none; } } .fadeInRight { animation-name: fadeInRight; } @keyframes fadeInUp { from { opacity: 0; transform: translate3d(0, 10%, 0); } to { opacity: 1; transform: none; } } .fadeInUp { animation-name: fadeInUp; } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } .fadeOut { animation-name: fadeOut; } a:hover { cursor: pointer; } *, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } html, body { font-size: 100%; height: auto; } body { background: #fff; padding: 0; margin: 0; font-style: normal; line-height: 1; position: relative; cursor: default; -webkit-font-smoothing: subpixel-antialiased; font-size: 1rem; font-weight: 400; font-family: "proxima-nova", sans-serif; color: #333; } main [class*=column] + [class*=column]:last-child { float: none !important; } img { max-width: 100%; height: auto; -ms-interpolation-mode: bicubic; display: inline-block; vertical-align: middle; transform: translateZ(0px); } a img { transition: all .3s ease-out; } body.scheduler .mod_scheduler .main .steps .step .inner-step.provider .date-time .calendar-nav span.current, body.scheduler .mod_scheduler .main .steps .step .inner-step.provider .date-time .calendar-nav span.prev-week, body.scheduler .mod_scheduler .main .steps .step .inner-step.provider .date-time .calendar-nav span.next-week, .partial_rate_us .tab, .notification-toggle, .partial_sticky_bar .btns .btn, .mod_realself .row .widget #rsrvwrapper .rsrvmorereviews a, .mod_realself .row .widget #rsrvwrapper .rsqamore a, .mod_realself .row .widget #rsqawrapper .rsrvmorereviews a, .mod_realself .row .widget #rsqawrapper .rsqamore a, .mod_index_list.option-2 .row .inner a.item, button:not(.s3-popup_arrow,.s3-popup_close,.tl-btn,.not-btn,[aria-controls=tns1]), .btn { display: inline-block; position: relative; margin: 0; padding: 12px clamp(1.375rem, 1.2233rem + .6472vw, 2rem); text-decoration: none; text-align: center; text-transform: uppercase; font-size: clamp(.875rem, .8447rem + .1294vw, 1rem); font-weight: 600; letter-spacing: clamp(.0313rem, .0237rem + .0324vw, .0625rem); line-height: 1.2; user-select: none; background: #000; color: #fff; outline: none !important; cursor: pointer; border: 2px solid #000; } body.scheduler .mod_scheduler .main .steps .step .inner-step.provider .date-time .calendar-nav span.current:hover, body.scheduler .mod_scheduler .main .steps .step .inner-step.provider .date-time .calendar-nav span.prev-week:hover, body.scheduler .mod_scheduler .main .steps .step .inner-step.provider .date-time .calendar-nav span.next-week:hover, .partial_rate_us .tab:hover, .notification-toggle:hover, .partial_sticky_bar .btns .btn:hover, .mod_realself .row .widget #rsrvwrapper .rsrvmorereviews a:hover, .mod_realself .row .widget #rsrvwrapper .rsqamore a:hover, .mod_realself .row .widget #rsqawrapper .rsrvmorereviews a:hover, .mod_realself .row .widget #rsqawrapper .rsqamore a:hover, .mod_index_list.option-2 .row .inner a.item:hover, button:hover:not(.s3-popup_arrow,.s3-popup_close,.tl-btn,.not-btn,[aria-controls=tns1]), .btn:hover { color: #000; background: rgba(0, 0, 0, 0); opacity: 1; } body.scheduler .mod_scheduler .main .steps .step .inner-step.provider .date-time .calendar-nav span.current > a, body.scheduler .mod_scheduler .main .steps .step .inner-step.provider .date-time .calendar-nav span.prev-week > a, body.scheduler .mod_scheduler .main .steps .step .inner-step.provider .date-time .calendar-nav span.next-week > a, .partial_rate_us .tab > a, .notification-toggle > a, .partial_sticky_bar .btns .btn > a, .mod_realself .row .widget #rsrvwrapper .rsrvmorereviews a > a, .mod_realself .row .widget #rsrvwrapper .rsqamore a > a, .mod_realself .row .widget #rsqawrapper .rsrvmorereviews a > a, .mod_realself .row .widget #rsqawrapper .rsqamore a > a, .mod_index_list.option-2 .row .inner a.item > a, button:not(.s3-popup_arrow,.s3-popup_close,.tl-btn,.not-btn,[aria-controls=tns1]) > a, .btn > a, body.scheduler .mod_scheduler .main .steps .step .inner-step.provider .date-time .calendar-nav span.current > span, body.scheduler .mod_scheduler .main .steps .step .inner-step.provider .date-time .calendar-nav span.prev-week > span, body.scheduler .mod_scheduler .main .steps .step .inner-step.provider .date-time .calendar-nav span.next-week > span, .partial_rate_us .tab > span, .notification-toggle > span, .partial_sticky_bar .btns .btn > span, .mod_realself .row .widget #rsrvwrapper .rsrvmorereviews a > span, .mod_realself .row .widget #rsrvwrapper .rsqamore a > span, .mod_realself .row .widget #rsqawrapper .rsrvmorereviews a > span, .mod_realself .row .widget #rsqawrapper .rsqamore a > span, .mod_index_list.option-2 .row .inner a.item > span, button:not(.s3-popup_arrow,.s3-popup_close,.tl-btn,.not-btn,[aria-controls=tns1]) > span, .btn > span { text-decoration: none; color: currentColor; text-transform: uppercase; user-select: none; } button { position: relative; border: 0; cursor: pointer; } button:not(.s3-popup_arrow,.s3-popup_close,.tl-btn,.not-btn,[aria-controls=tns1]).disabled, button:not(.s3-popup_arrow,.s3-popup_close,.tl-btn,.not-btn,[aria-controls=tns1])[disabled], .btn.disabled, body.scheduler .mod_scheduler .main .steps .step .inner-step.provider .date-time.done .time-slots a.btn, .btn[disabled] { background-color: #eee; color: #999; border-color: #ccc; cursor: default; box-shadow: none; } button:not(.s3-popup_arrow,.s3-popup_close,.tl-btn,.not-btn,[aria-controls=tns1]).disabled a, button:not(.s3-popup_arrow,.s3-popup_close,.tl-btn,.not-btn,[aria-controls=tns1]).disabled span, button:not(.s3-popup_arrow,.s3-popup_close,.tl-btn,.not-btn,[aria-controls=tns1])[disabled] a, button:not(.s3-popup_arrow,.s3-popup_close,.tl-btn,.not-btn,[aria-controls=tns1])[disabled] span, .btn.disabled a, body.scheduler .mod_scheduler .main .steps .step .inner-step.provider .date-time.done .time-slots a.btn a, .btn.disabled span, body.scheduler .mod_scheduler .main .steps .step .inner-step.provider .date-time.done .time-slots a.btn span, .btn[disabled] a, .btn[disabled] span { cursor: default; color: #999; opacity: .7; } button:not(.s3-popup_arrow,.s3-popup_close,.tl-btn,.not-btn,[aria-controls=tns1]).disabled:hover, button:not(.s3-popup_arrow,.s3-popup_close,.tl-btn,.not-btn,[aria-controls=tns1]).disabled:focus, button:not(.s3-popup_arrow,.s3-popup_close,.tl-btn,.not-btn,[aria-controls=tns1])[disabled]:hover, button:not(.s3-popup_arrow,.s3-popup_close,.tl-btn,.not-btn,[aria-controls=tns1])[disabled]:focus, .btn.disabled:hover, body.scheduler .mod_scheduler .main .steps .step .inner-step.provider .date-time.done .time-slots a.btn:hover, .btn.disabled:focus, body.scheduler .mod_scheduler .main .steps .step .inner-step.provider .date-time.done .time-slots a.btn:focus, .btn[disabled]:hover, .btn[disabled]:focus { box-shadow: none; } button:not(.s3-popup_arrow,.s3-popup_close,.tl-btn,.not-btn,[aria-controls=tns1]).outlined, .btn.outlined { background: rgba(0, 0, 0, 0); color: #000; } button:not(.s3-popup_arrow,.s3-popup_close,.tl-btn,.not-btn,[aria-controls=tns1]).outlined:hover, .btn.outlined:hover { background: #000; color: #fff; } button:not(.s3-popup_arrow,.s3-popup_close,.tl-btn,.not-btn,[aria-controls=tns1]).outlined.white, .btn.outlined.white, body.scheduler .mod_scheduler .location-grid .location-item .btn-holder a.btn.outlined, body.scheduler .mod_scheduler .provider-grid .location-item .btn-holder a.btn.outlined, .partial_notification.hero .btns .btn.outlined, .mod_intro.has-bg .row .btn.outlined, .mod_contact.dark section.info ul.btn.outlined.partial_breadcrumb, header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_contact.partial_socials section.info ul.btn.outlined.partial_breadcrumb, .mod_notification_bar.dark a.btn.outlined, header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_notification_bar.partial_socials a.btn.outlined { border-color: #fff; color: #fff; } button:not(.s3-popup_arrow,.s3-popup_close,.tl-btn,.not-btn,[aria-controls=tns1]).outlined.white:hover, .btn.outlined.white:hover, body.scheduler .mod_scheduler .location-grid .location-item .btn-holder a.btn.outlined:hover, body.scheduler .mod_scheduler .provider-grid .location-item .btn-holder a.btn.outlined:hover, .partial_notification.hero .btns .btn.outlined:hover, .mod_intro.has-bg .row .btn.outlined:hover, .mod_contact.dark section.info ul.btn.outlined.partial_breadcrumb:hover, header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_contact.partial_socials section.info ul.btn.outlined.partial_breadcrumb:hover, .mod_notification_bar.dark a.btn.outlined:hover, header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_notification_bar.partial_socials a.btn.outlined:hover { background: #fff; color: #000; } button:not(.s3-popup_arrow,.s3-popup_close,.tl-btn,.not-btn,[aria-controls=tns1]).text, .btn.text { background: none; padding: 8px 0; color: #333; font-weight: 600; text-transform: none; position: relative; border: 0; } button:not(.s3-popup_arrow,.s3-popup_close,.tl-btn,.not-btn,[aria-controls=tns1]).text:hover, .btn.text:hover { opacity: .7; } button:not(.s3-popup_arrow,.s3-popup_close,.tl-btn,.not-btn,[aria-controls=tns1]).small, button.contact-scroll.fixed:not(.s3-popup_arrow,.s3-popup_close,.tl-btn,.not-btn,[aria-controls=tns1]), .btn.small, .mod_video_columns_two .row .item .content a.btn, .mod_reviews_slider a.btn, .mod_media_list .row .grid .item .copy a.btn, .mod_index > .row .inner .item a.btn, .mod_hero.has-ba .ba-include a.btn, .mod_box_grid .boxes .box a.btn, body.blog .container:not(footer):not(.partial_cta_sub) a.btn, .btn.contact-scroll.fixed, .mod_home_grid .row .grid .item .content a.btn { font-size: .875rem; padding: 10px 20px; } button:not(.s3-popup_arrow,.s3-popup_close,.tl-btn,.not-btn,[aria-controls=tns1]).white:not(.outlined), .btn.white:not(.outlined), body.scheduler .mod_scheduler .location-grid .location-item .btn-holder a.btn:not(.outlined), body.scheduler .mod_scheduler .provider-grid .location-item .btn-holder a.btn:not(.outlined), .partial_notification.hero .btns .btn:not(.outlined), .mod_intro.has-bg .row .btn:not(.outlined), .mod_contact.dark section.info ul.btn.partial_breadcrumb:not(.outlined), header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_contact.partial_socials section.info ul.btn.partial_breadcrumb:not(.outlined), .mod_notification_bar.dark a.btn:not(.outlined), header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_notification_bar.partial_socials a.btn:not(.outlined) { background: #fff; color: #000 !important; border-color: #fff; } button:not(.s3-popup_arrow,.s3-popup_close,.tl-btn,.not-btn,[aria-controls=tns1]).white:not(.outlined):hover, .btn.white:not(.outlined):hover, body.scheduler .mod_scheduler .location-grid .location-item .btn-holder a.btn:not(.outlined):hover, body.scheduler .mod_scheduler .provider-grid .location-item .btn-holder a.btn:not(.outlined):hover, .partial_notification.hero .btns .btn:not(.outlined):hover, .mod_intro.has-bg .row .btn:not(.outlined):hover, .mod_contact.dark section.info ul.btn.partial_breadcrumb:not(.outlined):hover, header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_contact.partial_socials section.info ul.btn.partial_breadcrumb:not(.outlined):hover, .mod_notification_bar.dark a.btn:not(.outlined):hover, header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_notification_bar.partial_socials a.btn:not(.outlined):hover { background: rgba(0, 0, 0, 0); color: #fff !important; } button:not(.s3-popup_arrow,.s3-popup_close,.tl-btn,.not-btn,[aria-controls=tns1]).center, .btn.center { display: table; margin-left: auto; margin-right: auto; } div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, th, td { margin: 0; padding: 0; } a { line-height: inherit; color: #333; font-weight: 400; text-decoration: none; } a:hover { cursor: pointer; color: inherit; opacity: .6; } a img { border: none; } p { text-rendering: optimizeLegibility; font-weight: 400; font-size: 1rem; font-family: "proxima-nova", sans-serif; color: #333; line-height: 1.4; margin-bottom: 20px; } p:last-child { margin-bottom: 0; } li a:not(.btn), p a:not(.btn) { color: #64707e; } h1, h2, h3, h4, h5, h6 { margin: 0 0 .45em 0; font-weight: 700; color: #333; font-family: "proxima-nova", sans-serif; line-height: 1.2; font-style: normal; text-transform: uppercase; text-rendering: optimizeLegibility; text-wrap: balance; letter-spacing: clamp(.0313rem, .0237rem + .0324vw, .0625rem); } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; color: inherit !important; } h1 span.small, h1 span.contact-scroll.fixed, h2 span.small, h2 span.contact-scroll.fixed, h3 span.small, h3 span.contact-scroll.fixed, h4 span.small, h4 span.contact-scroll.fixed, h5 span.small, h5 span.contact-scroll.fixed, h6 span.small, h6 span.contact-scroll.fixed { font-size: clamp(.875rem, .784rem + .3883vw, 1.25rem); font-weight: 400; display: block; color: currentColor; margin: 15px 0; } h1 { font-size: clamp(1.75rem, 1.4466rem + 1.2945vw, 3rem); } h1.long-title { font-size: clamp(1.875rem, 1.693rem + .7767vw, 2.625rem); } h2, .h2 { font-size: clamp(1.75rem, 1.4466rem + 1.2945vw, 3rem); } h2 a, .h2 a { color: inherit; } h3, .h3, body.providers.sub .abstract-page .featured-content h2, body.locations.sub .abstract-page .featured-content h2, .partial_blog_index .content .title { font-size: clamp(1.5rem, 1.2876rem + .9061vw, 2.375rem); } h3 a, .h3 a, body.providers.sub .abstract-page .featured-content h2 a, body.locations.sub .abstract-page .featured-content h2 a, .partial_blog_index .content .title a { color: inherit; } h4, .h4, body.providers.sub .abstract-page .featured-content h3, body.locations.sub .abstract-page .featured-content h3, .mod_box_grid .boxes .box h2, .mod_box_grid .boxes .box h3 { font-size: clamp(1.375rem, 1.3295rem + .1942vw, 1.5625rem); } h5, .h5 { font-size: clamp(1.125rem, 1.0643rem + .2589vw, 1.375rem); } em, i { font-style: italic; line-height: inherit; } strong, b { font-weight: 700; line-height: inherit; } ul, ol, dl { font-size: 1rem; line-height: 1.6; margin-bottom: 1.25rem; list-style-position: outside; font-family: inherit; } ul { margin-left: 1.1rem; } div[data-s3-module] ul { margin: 15px 0; } div[data-s3-module] ul li { padding-left: 18px; position: relative; font-size: 1rem; } div[data-s3-module] ul li:before { content: ""; position: absolute; padding: 3px; background: #64707e; border-radius: 3px; left: 0; top: 11px; } div[data-s3-module] ul li + li { margin-top: 8px; } ul.columns { float: none; padding-left: 0; padding-right: 0; -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } ul.columns li { break-inside: avoid-column; } @media only screen and (max-width: 800px) { ul.columns { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; } } ul.unstyled { margin: 0; } ul.unstyled li { padding-left: 0; } ul.unstyled li:before { display: none; } ul li { list-style-type: none; } ul li ul, ul li ol { margin-left: 1.25rem; margin-bottom: 0; } ol { margin-left: 1.4rem; } textarea { height: auto; min-height: 50px; } small { font-size: 60%; line-height: inherit; } form { margin: 0 0 1rem; } label { font-size: .875rem; color: #4d4d4d; cursor: pointer; display: block; font-weight: 400; line-height: 1.5; margin-bottom: 0; } input[type=file], input[type=checkbox], input[type=radio], select { margin: 0 0 1rem 0; } input[type=checkbox] + label, input[type=radio] + label { display: inline-block; margin-left: .5rem; margin-right: 1rem; margin-bottom: 0; vertical-align: baseline; } input[type=text], input[type=password], input[type=date], input[type=datetime], input[type=datetime-local], input[type=month], input[type=week], input[type=email], input[type=number], input[type=search], input[type=tel], input[type=time], input[type=url], textarea { -webkit-appearance: none; background-color: #fff; font-family: inherit; border: 1px solid #ccc; box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1); color: rgba(0, 0, 0, .75); display: block; font-size: .875rem; margin: 0 0 1rem; padding: .5rem; height: 2.3125rem; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; transition: box-shadow .45s, border-color .45s ease-in-out; } select { width: 100%; -webkit-appearance: none !important; background-color: #fafafa; background-image: url("data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2cHgiIGhlaWdodD0iM3B4IiB2aWV3Qm94PSIwIDAgNiAzIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA2IDMiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwb2x5Z29uIHBvaW50cz0iNS45OTIsMCAyLjk5MiwzIC0wLjAwOCwwICIvPjwvc3ZnPg=="); background-repeat: no-repeat; background-position: 97% center; border: 1px solid #ccc; padding: .5rem; font-size: .875rem; border-radius: 0; height: 2.3125rem; } textarea[rows] { height: auto; } hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 1.25rem 0 1.1875rem; height: 0; } table { background: #fff; margin-bottom: 1.25rem; border: solid 1px #ddd; } table tr th, table tr td { padding: .5625rem .625rem; font-size: .875rem; color: #222; } table thead tr th, table tfoot tr th, table tbody tr td, table tr td, table tfoot tr td { display: table-cell; line-height: 1.125rem; } blockquote { border: none !important; padding: 0; margin: 0; } @media only screen and (min-width: 64.0625em) { body:not(.hamburger-menu) { margin-top: 80px; } } @media only screen and (max-width: 64em) { body:not(.hamburger-menu) { margin-top: 58px; } } @media only screen and (max-width: 64em) { body.hamburger-menu { margin-top: 60px; } } body.hide-home-menu.home { margin-top: 0; } body.sticky-bar-on main { margin-top: 132px !important; } @media only screen and (max-width: 64em) { body.sticky-bar-on main { margin-top: 112px !important; } } @media only screen and (max-width: 40em) { body.sticky-bar-on main { margin-top: 137px !important; } } body.sticky-bar-on.hamburger-menu main { margin-top: 52px !important; } @media only screen and (max-width: 64em) { body.sticky-bar-on.hamburger-menu main { margin-top: 112px !important; } } @media only screen and (max-width: 40em) { body.sticky-bar-on.hamburger-menu main { margin-top: 166px !important; } } body.sticky-header { margin-top: 0 !important; } body.sticky-header main { margin-top: 0 !important; } #main > div { scroll-margin-top: var(--headerHeight); } .container { width: 100%; background-color: #fff; } .container.dark, header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.container.partial_socials { background-color: #1a1a1a; } .container.dark h2, header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.container.partial_socials h2, .container.dark h3, header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.container.partial_socials h3, .container.dark h4, header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.container.partial_socials h4, .container.dark p, header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.container.partial_socials p, .container.dark a, header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.container.partial_socials a, .container.dark li, header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.container.partial_socials li { color: #fff; } .container.dark h2 span.small, .container.dark h2 span.contact-scroll.fixed, header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.container.partial_socials h2 span.small, header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.container.partial_socials h2 span.contact-scroll.fixed, .container.dark h3 span.small, .container.dark h3 span.contact-scroll.fixed, header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.container.partial_socials h3 span.small, header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.container.partial_socials h3 span.contact-scroll.fixed, .container.dark h4 span.small, .container.dark h4 span.contact-scroll.fixed, header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.container.partial_socials h4 span.small, header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.container.partial_socials h4 span.contact-scroll.fixed, .container.dark p span.small, .container.dark p span.contact-scroll.fixed, header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.container.partial_socials p span.small, header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.container.partial_socials p span.contact-scroll.fixed, .container.dark a span.small, .container.dark a span.contact-scroll.fixed, header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.container.partial_socials a span.small, header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.container.partial_socials a span.contact-scroll.fixed, .container.dark li span.small, .container.dark li span.contact-scroll.fixed, header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.container.partial_socials li span.small, header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.container.partial_socials li span.contact-scroll.fixed { color: #fff; } .container.dark ul li:before, header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.container.partial_socials ul li:before { background: #fff !important; } .row { width: 100%; margin: 0 auto; max-width: calc(clamp(75rem, 30rem + 50vw, 90rem) + 60px); padding-inline: 30px; } .row .row { width: auto; margin-left: -.9375rem; margin-right: -.9375rem; margin-top: 0; margin-bottom: 0; max-width: none; } .container > .row { padding-block: clamp(2rem, 1.125rem + 2.1875vw, 3.75rem); } header .container .row, footer .container .row { padding: 0; } .main > .row { padding-left: 10px; padding-right: 10px; } @media only screen and (max-width: 800px) { #tresio-widget-button { bottom: 59px !important; width: 40px !important; height: 40px !important; } } header ul.partial_nav .search { position: relative; } header ul.partial_nav .search .js-search-open:after { content: " "; background: url("https://static.tresiocms.com/images/search.svg?auto=format,compress") center center no-repeat !important; height: 30px !important; width: 30px; background-size: contain; display: inline-block; opacity: 1 !important; filter: invert(1); top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); position: absolute; } @media only screen and (max-width: 64em) { header ul.partial_nav .search .js-search-open:after { position: relative; top: 0; left: 6px; transform: none; } } .search-input-container { position: fixed; opacity: 0; visibility: hidden; top: 0; left: 0; width: 100%; height: 100%; background: hsla(0, 0%, 100%, .6); z-index: 9999; transition: all 250ms ease-in-out; } .search-input-container .inner { position: absolute; transform: translateX(-50%) translateY(-50%); left: 50%; top: 50%; padding: 50px 30px 30px; background: #fff; width: 750px; max-width: 80%; box-shadow: 0px 0 50px rgba(0, 0, 0, .2); border-radius: 8px; max-height: 80vh; overflow: auto; } @media only screen and (max-width: 64em) { .search-input-container .inner { padding: 44px 20px 20px; } } .search-input-container .inner #js-search-input { border: 1px solid #ddd; font-size: 18px; border-radius: 2px; font-family: "proxima-nova", sans-serif; letter-spacing: .5px; padding: 28px 18px; box-shadow: none; background: #fff; margin-bottom: 0; } @media only screen and (max-width: 64em) { .search-input-container .inner #js-search-input { font-size: 16px; padding: 22px 16px; } } .search-input-container .inner h2 { font-size: 20px; } @media only screen and (max-width: 64em) { .search-input-container .inner h2 { font-size: 18px; } } .search-input-container .inner .js-predictions { margin-top: 20px; } .search-input-container .inner .js-predictions .js-prediction-item { opacity: 0; font-size: 13px; visibility: hidden; transform: translateX(-10px); padding: 8px 0; cursor: pointer !important; color: #999; font-style: italic; } .search-input-container .inner .js-predictions .js-prediction-item.is-active { transform: translateX(0); opacity: 1; visibility: visible; } .search-input-container .inner .js-predictions:empty { display: none; } .search-input-container .inner .js-search-results { margin-top: 20px; } .search-input-container .inner .js-search-results .search-result-item { display: block; padding: 10px 0; border-bottom: 1px solid #efefef; border-top: 1px solid #efefef; opacity: 0; visibility: hidden; transform: translateX(-10px); } .search-input-container .inner .js-search-results .search-result-item p { font-size: 14px; letter-spacing: .8px; margin-bottom: 0px; } .search-input-container .inner .js-search-results .search-result-item strong { font-size: 14px; letter-spacing: .8px; font-weight: 700; } .search-input-container .inner .js-search-results .search-result-item span { display: inline-block; padding: 3px 12px 1px; background: rgba(100, 112, 126, .8); font-size: 9px; color: #fff; margin-left: 10px; border-radius: 2px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; } .search-input-container .inner .js-search-results .search-result-item.is-active { transform: translateX(0); opacity: 1; visibility: visible; } .search-input-container .inner .js-search-results .search-snippet { color: #999; } .search-input-container .inner .js-search-results .search-snippet em { font-weight: 700; } .search-input-container .inner .js-search-results:empty { display: none; } .search-input-container .inner .js-search-close { position: absolute; width: 18px; height: 18px; top: 18px; right: 29px; cursor: pointer; } @media only screen and (max-width: 64em) { .search-input-container .inner .js-search-close { top: 15px; right: 20px; } } .search-input-container .inner .js-search-close:before, .search-input-container .inner .js-search-close:after { content: ""; position: absolute; width: 100%; top: 50%; height: 1px; background: #888; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); } .search-input-container .inner .js-search-close:after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg); } .search-input-container.is-active { opacity: 1; visibility: visible; } :root { --headerHeight: 136px; --topHeaderBarHeight: 68px; } @media only screen and (max-width: 64em) { :root { --headerHeight: 60px; } } header { z-index: 1042 !important; position: fixed !important; width: 100%; top: 0; left: 0; background: #fff; } header .row { padding: 20px; position: relative; display: inline-block; vertical-align: top; max-width: 100%; transition: padding .3s ease, background-color .3s ease; } @media only screen and (max-width: 800px) { header .row { display: flex; height: 60px !important; } } header .row .inner { max-width: 1440px; margin: 0 auto; width: 100%; } @media only screen and (max-width: 64em) { header .row .inner { margin: 0; } } header .row .nav-links { width: 100%; margin: 0 auto; position: relative; padding: 0; } @media only screen and (max-width: 64em) { header .row .nav-links { left: 0; padding-right: 0; text-align: right; margin-right: 0; order: 5; } header .row .nav-links a.tresio-nav__hamburger { transform: scale(.8); width: 26px; height: 20px; } header .row .nav-links a.tresio-nav__hamburger span:before { content: "Menu"; position: absolute; top: 50%; transform: translateY(-50%); right: calc(100% + 10px); font-size: 18px; letter-spacing: .8px; text-transform: uppercase; visibility: visible !important; } header .row .nav-links ul.tresio-nav__main { position: absolute; top: 51px; width: 100vw; height: 100vh; right: -20px; padding-top: 30px; padding-bottom: 160px; background: #111; } header .row .nav-links ul.tresio-nav__main li.tresio-nav__list-item a.tresio-nav__dropdown { top: 4px; right: -15px; padding: 0 10px; } header .row .nav-links ul.tresio-nav__main li.tresio-nav__list-item.level-1 { text-align: left; padding: 0 10px; } header .row .nav-links ul.tresio-nav__main li.tresio-nav__list-item.level-1 ul.tresio-nav__list { padding-left: 20px; } header .row .nav-links ul.tresio-nav__main li.tresio-nav__list-item.level-1 > a.tresio-nav__link { font-weight: 600; } header .row .nav-links ul.tresio-nav__main li.tresio-nav__list-item.level-1 > a.tresio-nav__dropdown { right: 10px; } header .row .nav-links ul.tresio-nav__main li.tresio-nav__list-item ul.tresio-nav__list.level-2 { padding-right: 10px; } body:not(.hamburger-menu) header .row .nav-links ul.tresio-nav__main li.tresio-nav__list-item.level-1 { padding: 0; } body:not(.hamburger-menu) header .row .nav-links ul.tresio-nav__main li.tresio-nav__list-item.level-1 > a.tresio-nav__dropdown { right: -5px; } } @media only screen and (min-width: 64.0625em) { header .row .phone-holder { text-align: right; } } @media only screen and (max-width: 64em) { header .row .phone-holder { display: none; } } header .row .phone-holder a { font-size: 18px; letter-spacing: 1px; font-family: "proxima-nova", sans-serif; } @media only screen and (max-width: 1200px) { header .row .phone-holder a { font-size: 16px; } } @media only screen and (max-width: 64em) { header .row .phone-holder a { margin-top: -1px; } } header .logo-holder a, header .logo-holder .logo { display: inline-block; color: #fff; } header .logo-holder a picture, header .logo-holder .logo picture { display: inline-block; } header .logo-holder a picture img, header .logo-holder .logo picture img { transition: none; max-height: clamp(1.875rem, 1.7233rem + .6472vw, 2.5rem); max-width: 223px; width: auto; } @media only screen and (max-width: 800px) { header .row:not(.util) { padding-block: 0; } header .row:not(.util) .inner { display: grid; grid-template-columns: auto 1fr; align-items: center; } } @media only screen and (min-width: 801px) { header .row:not(.util) .logo-holder { display: none; } } header .row.util { padding-block: 15px; } @media only screen and (max-width: 800px) { header .row.util { display: none; } } header .row.util .inner { display: grid; align-items: center; grid-template-columns: auto 2fr; } header .row.util .links-holder { display: flex; justify-content: flex-end; margin-left: auto; align-items: center; } @media only screen and (max-width: 1150px) { header .row.util .links-holder { margin-left: 40px; } } header .row.util .links-holder a { margin-left: clamp(1rem, -.1453rem + 1.7877vw, 2rem); font-size: clamp(.875rem, .7321rem + .2232vw, 1rem); color: #fff; transition: none; } header .row.util .links-holder a.appts { background: #fff; color: #000; padding: 6px clamp(.625rem, .1955rem + .6704vw, 1rem) 6px clamp(.5rem, .2137rem + .4469vw, .75rem); margin-left: clamp(1.25rem, .1047rem + 1.7877vw, 2.25rem); border: 1px solid #fff; transition: background-color .3s ease, color .3s ease; } header .row.util .links-holder a.appts:not(:hover)::before { filter: invert(1); } header .row.util .links-holder a.appts:hover { opacity: 1; background: rgba(0, 0, 0, 0); color: #fff; } body.landing-page header .row.util .links-holder a.tel { font-size: 20px; } body.landing-page header .row.util .links-holder a.btn { padding: 8px 20px; } @media only screen and (min-width: 801px) { .home header.scrolled .row:not(.util) { background: #474747; } } body.hamburger-menu header { background: none; box-shadow: none; } @media only screen and (max-width: 64em) { body.hamburger-menu header .row { padding: 5px 20px; } body.hamburger-menu header .row .logo-holder { display: inline-block; } } body.hamburger-menu header .row .inner { grid-template-columns: 160px auto; } @media only screen and (max-width: 64em) { body.hamburger-menu header .row .inner { grid-template-columns: 140px auto; } } body.hamburger-menu header .row .menu-holder { margin-left: auto; cursor: pointer; display: block; z-index: 99; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); color: #fff; line-height: 1; } @media only screen and (max-width: 64em) { body.hamburger-menu header .row .menu-holder { margin-right: -6px; } } body.hamburger-menu header .row .menu-holder .menu { background-color: rgba(0, 0, 0, .7); display: flex; align-items: center; justify-content: space-between; } @media only screen and (max-width: 40em) { body.hamburger-menu header .row .menu-holder .menu nav.tresio-nav { padding: 10px 0 5px 10px; } } body.hamburger-menu header .row .menu-holder .menu a.tel { display: inline-block; padding: 17px 13px 16px 13px; vertical-align: top; letter-spacing: 1.1px; font-size: 16px; line-height: 18px; z-index: 5; } @media only screen and (max-width: 800px) { body.hamburger-menu header .row .menu-holder .menu a.tel { padding: 5px 5px 5px 16px; } } body.hamburger-menu header.scrolled { box-shadow: 0px 0px 15px -4px rgba(20, 20, 20, .4) !important; } @media only screen and (min-width: 64.0625em) { header.light, .mod_social .row.light header.partial_socials, .mod_social header.light nav.tresio-nav[data-type=hamburger] li.ignore ul.row.partial_socials header.partial_socials, header.light nav.tresio-nav[data-type=hamburger] li.ignore .mod_social ul.row.partial_socials header.partial_socials, .mod_social footer.partial_footer ul.row.partial_socials header.partial_socials, footer.partial_footer .mod_social ul.row.partial_socials header.partial_socials { background: #fff; } header.light .row .phone-holder a, .mod_social .row.light header.partial_socials .row .phone-holder a, .mod_social header.light nav.tresio-nav[data-type=hamburger] li.ignore ul.row.partial_socials header.partial_socials .row .phone-holder a, header.light nav.tresio-nav[data-type=hamburger] li.ignore .mod_social ul.row.partial_socials header.partial_socials .row .phone-holder a, .mod_social footer.partial_footer ul.row.partial_socials header.partial_socials .row .phone-holder a, footer.partial_footer .mod_social ul.row.partial_socials header.partial_socials .row .phone-holder a { color: #000 !important; } header.light .row a.tresio-nav__hamburger span:before, .mod_social .row.light header.partial_socials .row a.tresio-nav__hamburger span:before, .mod_social header.light nav.tresio-nav[data-type=hamburger] li.ignore ul.row.partial_socials header.partial_socials .row a.tresio-nav__hamburger span:before, header.light nav.tresio-nav[data-type=hamburger] li.ignore .mod_social ul.row.partial_socials header.partial_socials .row a.tresio-nav__hamburger span:before, .mod_social footer.partial_footer ul.row.partial_socials header.partial_socials .row a.tresio-nav__hamburger span:before, footer.partial_footer .mod_social ul.row.partial_socials header.partial_socials .row a.tresio-nav__hamburger span:before { color: #000 !important; } } @media only screen and (min-width: 64.0625em)and (max-width: 64em) { header.light .row .nav-links ul.tresio-nav__main, .mod_social .row.light header.partial_socials .row .nav-links ul.tresio-nav__main, .mod_social header.light nav.tresio-nav[data-type=hamburger] li.ignore ul.row.partial_socials header.partial_socials .row .nav-links ul.tresio-nav__main, header.light nav.tresio-nav[data-type=hamburger] li.ignore .mod_social ul.row.partial_socials header.partial_socials .row .nav-links ul.tresio-nav__main, .mod_social footer.partial_footer ul.row.partial_socials header.partial_socials .row .nav-links ul.tresio-nav__main, footer.partial_footer .mod_social ul.row.partial_socials header.partial_socials .row .nav-links ul.tresio-nav__main { background: #e5e5e5; } header.light .row .nav-links ul.tresio-nav__main a.tresio-nav__link, .mod_social .row.light header.partial_socials .row .nav-links ul.tresio-nav__main a.tresio-nav__link, .mod_social header.light nav.tresio-nav[data-type=hamburger] li.ignore ul.row.partial_socials header.partial_socials .row .nav-links ul.tresio-nav__main a.tresio-nav__link, header.light nav.tresio-nav[data-type=hamburger] li.ignore .mod_social ul.row.partial_socials header.partial_socials .row .nav-links ul.tresio-nav__main a.tresio-nav__link, .mod_social footer.partial_footer ul.row.partial_socials header.partial_socials .row .nav-links ul.tresio-nav__main a.tresio-nav__link, footer.partial_footer .mod_social ul.row.partial_socials header.partial_socials .row .nav-links ul.tresio-nav__main a.tresio-nav__link, header.light .row .nav-links ul.tresio-nav__main a.tresio-nav__dropdown, .mod_social .row.light header.partial_socials .row .nav-links ul.tresio-nav__main a.tresio-nav__dropdown, .mod_social header.light nav.tresio-nav[data-type=hamburger] li.ignore ul.row.partial_socials header.partial_socials .row .nav-links ul.tresio-nav__main a.tresio-nav__dropdown, header.light nav.tresio-nav[data-type=hamburger] li.ignore .mod_social ul.row.partial_socials header.partial_socials .row .nav-links ul.tresio-nav__main a.tresio-nav__dropdown, .mod_social footer.partial_footer ul.row.partial_socials header.partial_socials .row .nav-links ul.tresio-nav__main a.tresio-nav__dropdown, footer.partial_footer .mod_social ul.row.partial_socials header.partial_socials .row .nav-links ul.tresio-nav__main a.tresio-nav__dropdown { color: #000; } header.light .row .nav-links ul.tresio-nav__main li.ignore a.tel, .mod_social .row.light header.partial_socials .row .nav-links ul.tresio-nav__main li.ignore a.tel, .mod_social footer.partial_footer ul.row.partial_socials header.partial_socials .row .nav-links ul.tresio-nav__main li.ignore a.tel, footer.partial_footer .mod_social ul.row.partial_socials header.partial_socials .row .nav-links ul.tresio-nav__main li.ignore a.tel { color: #000 !important; } } @media only screen and (max-width: 64em) { header.light .row .nav-links .tresio-nav__hamburger:before, .mod_social .row.light header.partial_socials .row .nav-links .tresio-nav__hamburger:before, .mod_social header.light nav.tresio-nav[data-type=hamburger] li.ignore ul.row.partial_socials header.partial_socials .row .nav-links .tresio-nav__hamburger:before, header.light nav.tresio-nav[data-type=hamburger] li.ignore .mod_social ul.row.partial_socials header.partial_socials .row .nav-links .tresio-nav__hamburger:before, .mod_social footer.partial_footer ul.row.partial_socials header.partial_socials .row .nav-links .tresio-nav__hamburger:before, footer.partial_footer .mod_social ul.row.partial_socials header.partial_socials .row .nav-links .tresio-nav__hamburger:before, header.light .row .nav-links .tresio-nav__hamburger:after, .mod_social .row.light header.partial_socials .row .nav-links .tresio-nav__hamburger:after, .mod_social header.light nav.tresio-nav[data-type=hamburger] li.ignore ul.row.partial_socials header.partial_socials .row .nav-links .tresio-nav__hamburger:after, header.light nav.tresio-nav[data-type=hamburger] li.ignore .mod_social ul.row.partial_socials header.partial_socials .row .nav-links .tresio-nav__hamburger:after, .mod_social footer.partial_footer ul.row.partial_socials header.partial_socials .row .nav-links .tresio-nav__hamburger:after, footer.partial_footer .mod_social ul.row.partial_socials header.partial_socials .row .nav-links .tresio-nav__hamburger:after, header.light .row .nav-links .tresio-nav__hamburger span, .mod_social .row.light header.partial_socials .row .nav-links .tresio-nav__hamburger span, .mod_social header.light nav.tresio-nav[data-type=hamburger] li.ignore ul.row.partial_socials header.partial_socials .row .nav-links .tresio-nav__hamburger span, header.light nav.tresio-nav[data-type=hamburger] li.ignore .mod_social ul.row.partial_socials header.partial_socials .row .nav-links .tresio-nav__hamburger span, .mod_social footer.partial_footer ul.row.partial_socials header.partial_socials .row .nav-links .tresio-nav__hamburger span, footer.partial_footer .mod_social ul.row.partial_socials header.partial_socials .row .nav-links .tresio-nav__hamburger span { background: #000 !important; } header.light .row .nav-links .tresio-nav__hamburger[aria-expanded=true] span, .mod_social .row.light header.partial_socials .row .nav-links .tresio-nav__hamburger[aria-expanded=true] span, .mod_social header.light nav.tresio-nav[data-type=hamburger] li.ignore ul.row.partial_socials header.partial_socials .row .nav-links .tresio-nav__hamburger[aria-expanded=true] span, header.light nav.tresio-nav[data-type=hamburger] li.ignore .mod_social ul.row.partial_socials header.partial_socials .row .nav-links .tresio-nav__hamburger[aria-expanded=true] span, .mod_social footer.partial_footer ul.row.partial_socials header.partial_socials .row .nav-links .tresio-nav__hamburger[aria-expanded=true] span, footer.partial_footer .mod_social ul.row.partial_socials header.partial_socials .row .nav-links .tresio-nav__hamburger[aria-expanded=true] span { background: rgba(0, 0, 0, 0) !important; } header.light .row .nav-links .tresio-nav__hamburger span:before, .mod_social .row.light header.partial_socials .row .nav-links .tresio-nav__hamburger span:before, .mod_social header.light nav.tresio-nav[data-type=hamburger] li.ignore ul.row.partial_socials header.partial_socials .row .nav-links .tresio-nav__hamburger span:before, header.light nav.tresio-nav[data-type=hamburger] li.ignore .mod_social ul.row.partial_socials header.partial_socials .row .nav-links .tresio-nav__hamburger span:before, .mod_social footer.partial_footer ul.row.partial_socials header.partial_socials .row .nav-links .tresio-nav__hamburger span:before, footer.partial_footer .mod_social ul.row.partial_socials header.partial_socials .row .nav-links .tresio-nav__hamburger span:before { color: #000; } header.light .row .phone-holder a.tel span, .mod_social .row.light header.partial_socials .row .phone-holder a.tel span, .mod_social header.light nav.tresio-nav[data-type=hamburger] li.ignore ul.row.partial_socials header.partial_socials .row .phone-holder a.tel span, header.light nav.tresio-nav[data-type=hamburger] li.ignore .mod_social ul.row.partial_socials header.partial_socials .row .phone-holder a.tel span, .mod_social footer.partial_footer ul.row.partial_socials header.partial_socials .row .phone-holder a.tel span, footer.partial_footer .mod_social ul.row.partial_socials header.partial_socials .row .phone-holder a.tel span { color: #000; } } @media only screen and (max-width: 64em) { body.hamburger-menu header.light .row, body.hamburger-menu .mod_social .row.light header.partial_socials .row, .mod_social .row.light body.hamburger-menu header.partial_socials .row, body.hamburger-menu .mod_social header.light nav.tresio-nav[data-type=hamburger] li.ignore ul.row.partial_socials header.partial_socials .row, .mod_social header.light nav.tresio-nav[data-type=hamburger] li.ignore ul.row.partial_socials body.hamburger-menu header.partial_socials .row, body.hamburger-menu header.light nav.tresio-nav[data-type=hamburger] li.ignore .mod_social ul.row.partial_socials header.partial_socials .row, header.light nav.tresio-nav[data-type=hamburger] li.ignore .mod_social ul.row.partial_socials body.hamburger-menu header.partial_socials .row, body.hamburger-menu .mod_social footer.partial_footer ul.row.partial_socials header.partial_socials .row, .mod_social footer.partial_footer ul.row.partial_socials body.hamburger-menu header.partial_socials .row, body.hamburger-menu footer.partial_footer .mod_social ul.row.partial_socials header.partial_socials .row, footer.partial_footer .mod_social ul.row.partial_socials body.hamburger-menu header.partial_socials .row { background: #fff; } } body.hamburger-menu header.light .row .menu-holder .menu, body.hamburger-menu .mod_social .row.light header.partial_socials .row .menu-holder .menu, .mod_social .row.light body.hamburger-menu header.partial_socials .row .menu-holder .menu, body.hamburger-menu .mod_social header.light nav.tresio-nav[data-type=hamburger] li.ignore ul.row.partial_socials header.partial_socials .row .menu-holder .menu, .mod_social header.light nav.tresio-nav[data-type=hamburger] li.ignore ul.row.partial_socials body.hamburger-menu header.partial_socials .row .menu-holder .menu, body.hamburger-menu header.light nav.tresio-nav[data-type=hamburger] li.ignore .mod_social ul.row.partial_socials header.partial_socials .row .menu-holder .menu, header.light nav.tresio-nav[data-type=hamburger] li.ignore .mod_social ul.row.partial_socials body.hamburger-menu header.partial_socials .row .menu-holder .menu, body.hamburger-menu .mod_social footer.partial_footer ul.row.partial_socials header.partial_socials .row .menu-holder .menu, .mod_social footer.partial_footer ul.row.partial_socials body.hamburger-menu header.partial_socials .row .menu-holder .menu, body.hamburger-menu footer.partial_footer .mod_social ul.row.partial_socials header.partial_socials .row .menu-holder .menu, footer.partial_footer .mod_social ul.row.partial_socials body.hamburger-menu header.partial_socials .row .menu-holder .menu { background: hsla(0, 0%, 100%, .7); } body.hamburger-menu header.light .row .menu-holder .menu a.tel span, body.hamburger-menu .mod_social .row.light header.partial_socials .row .menu-holder .menu a.tel span, .mod_social .row.light body.hamburger-menu header.partial_socials .row .menu-holder .menu a.tel span, .mod_social header.light nav.tresio-nav[data-type=hamburger] li.ignore ul.row.partial_socials body.hamburger-menu header.partial_socials .row .menu-holder .menu a.tel span, header.light nav.tresio-nav[data-type=hamburger] li.ignore .mod_social ul.row.partial_socials body.hamburger-menu header.partial_socials .row .menu-holder .menu a.tel span, body.hamburger-menu .mod_social footer.partial_footer ul.row.partial_socials header.partial_socials .row .menu-holder .menu a.tel span, .mod_social footer.partial_footer ul.row.partial_socials body.hamburger-menu header.partial_socials .row .menu-holder .menu a.tel span, body.hamburger-menu footer.partial_footer .mod_social ul.row.partial_socials header.partial_socials .row .menu-holder .menu a.tel span, footer.partial_footer .mod_social ul.row.partial_socials body.hamburger-menu header.partial_socials .row .menu-holder .menu a.tel span { color: #000; } body.hamburger-menu header.light .row .menu-holder .menu .tresio-nav__hamburger span, body.hamburger-menu .mod_social .row.light header.partial_socials .row .menu-holder .menu .tresio-nav__hamburger span, .mod_social .row.light body.hamburger-menu header.partial_socials .row .menu-holder .menu .tresio-nav__hamburger span, .mod_social header.light nav.tresio-nav[data-type=hamburger] li.ignore ul.row.partial_socials body.hamburger-menu header.partial_socials .row .menu-holder .menu .tresio-nav__hamburger span, header.light nav.tresio-nav[data-type=hamburger] li.ignore .mod_social ul.row.partial_socials body.hamburger-menu header.partial_socials .row .menu-holder .menu .tresio-nav__hamburger span, body.hamburger-menu .mod_social footer.partial_footer ul.row.partial_socials header.partial_socials .row .menu-holder .menu .tresio-nav__hamburger span, .mod_social footer.partial_footer ul.row.partial_socials body.hamburger-menu header.partial_socials .row .menu-holder .menu .tresio-nav__hamburger span, body.hamburger-menu footer.partial_footer .mod_social ul.row.partial_socials header.partial_socials .row .menu-holder .menu .tresio-nav__hamburger span, footer.partial_footer .mod_social ul.row.partial_socials body.hamburger-menu header.partial_socials .row .menu-holder .menu .tresio-nav__hamburger span, body.hamburger-menu header.light .row .menu-holder .menu .tresio-nav__hamburger:before, body.hamburger-menu .mod_social .row.light header.partial_socials .row .menu-holder .menu .tresio-nav__hamburger:before, .mod_social .row.light body.hamburger-menu header.partial_socials .row .menu-holder .menu .tresio-nav__hamburger:before, .mod_social header.light nav.tresio-nav[data-type=hamburger] li.ignore ul.row.partial_socials body.hamburger-menu header.partial_socials .row .menu-holder .menu .tresio-nav__hamburger:before, header.light nav.tresio-nav[data-type=hamburger] li.ignore .mod_social ul.row.partial_socials body.hamburger-menu header.partial_socials .row .menu-holder .menu .tresio-nav__hamburger:before, body.hamburger-menu .mod_social footer.partial_footer ul.row.partial_socials header.partial_socials .row .menu-holder .menu .tresio-nav__hamburger:before, .mod_social footer.partial_footer ul.row.partial_socials body.hamburger-menu header.partial_socials .row .menu-holder .menu .tresio-nav__hamburger:before, body.hamburger-menu footer.partial_footer .mod_social ul.row.partial_socials header.partial_socials .row .menu-holder .menu .tresio-nav__hamburger:before, footer.partial_footer .mod_social ul.row.partial_socials body.hamburger-menu header.partial_socials .row .menu-holder .menu .tresio-nav__hamburger:before, body.hamburger-menu header.light .row .menu-holder .menu .tresio-nav__hamburger:after, body.hamburger-menu .mod_social .row.light header.partial_socials .row .menu-holder .menu .tresio-nav__hamburger:after, .mod_social .row.light body.hamburger-menu header.partial_socials .row .menu-holder .menu .tresio-nav__hamburger:after, .mod_social header.light nav.tresio-nav[data-type=hamburger] li.ignore ul.row.partial_socials body.hamburger-menu header.partial_socials .row .menu-holder .menu .tresio-nav__hamburger:after, header.light nav.tresio-nav[data-type=hamburger] li.ignore .mod_social ul.row.partial_socials body.hamburger-menu header.partial_socials .row .menu-holder .menu .tresio-nav__hamburger:after, body.hamburger-menu .mod_social footer.partial_footer ul.row.partial_socials header.partial_socials .row .menu-holder .menu .tresio-nav__hamburger:after, .mod_social footer.partial_footer ul.row.partial_socials body.hamburger-menu header.partial_socials .row .menu-holder .menu .tresio-nav__hamburger:after, body.hamburger-menu footer.partial_footer .mod_social ul.row.partial_socials header.partial_socials .row .menu-holder .menu .tresio-nav__hamburger:after, footer.partial_footer .mod_social ul.row.partial_socials body.hamburger-menu header.partial_socials .row .menu-holder .menu .tresio-nav__hamburger:after { background: #000; } body.hamburger-menu header.light.scrolled, body.hamburger-menu .mod_social .row.light header.scrolled.partial_socials, .mod_social .row.light body.hamburger-menu header.scrolled.partial_socials, body.hamburger-menu .mod_social header.light nav.tresio-nav[data-type=hamburger] li.ignore ul.row.partial_socials header.scrolled.partial_socials, .mod_social header.light nav.tresio-nav[data-type=hamburger] li.ignore ul.row.partial_socials body.hamburger-menu header.scrolled.partial_socials, body.hamburger-menu header.light nav.tresio-nav[data-type=hamburger] li.ignore .mod_social ul.row.partial_socials header.scrolled.partial_socials, header.light nav.tresio-nav[data-type=hamburger] li.ignore .mod_social ul.row.partial_socials body.hamburger-menu header.scrolled.partial_socials, body.hamburger-menu .mod_social footer.partial_footer ul.row.partial_socials header.scrolled.partial_socials, .mod_social footer.partial_footer ul.row.partial_socials body.hamburger-menu header.scrolled.partial_socials, body.hamburger-menu footer.partial_footer .mod_social ul.row.partial_socials header.scrolled.partial_socials, footer.partial_footer .mod_social ul.row.partial_socials body.hamburger-menu header.scrolled.partial_socials { background: #fff; } body.js-tresio-nav__hamburger--open header.light .row .menu-holder .menu a.tel span, body.js-tresio-nav__hamburger--open .mod_social .row.light header.partial_socials .row .menu-holder .menu a.tel span, .mod_social .row.light body.js-tresio-nav__hamburger--open header.partial_socials .row .menu-holder .menu a.tel span, .mod_social header.light nav.tresio-nav[data-type=hamburger] li.ignore ul.row.partial_socials body.js-tresio-nav__hamburger--open header.partial_socials .row .menu-holder .menu a.tel span, header.light nav.tresio-nav[data-type=hamburger] li.ignore .mod_social ul.row.partial_socials body.js-tresio-nav__hamburger--open header.partial_socials .row .menu-holder .menu a.tel span, body.js-tresio-nav__hamburger--open .mod_social footer.partial_footer ul.row.partial_socials header.partial_socials .row .menu-holder .menu a.tel span, .mod_social footer.partial_footer ul.row.partial_socials body.js-tresio-nav__hamburger--open header.partial_socials .row .menu-holder .menu a.tel span, body.js-tresio-nav__hamburger--open footer.partial_footer .mod_social ul.row.partial_socials header.partial_socials .row .menu-holder .menu a.tel span, footer.partial_footer .mod_social ul.row.partial_socials body.js-tresio-nav__hamburger--open header.partial_socials .row .menu-holder .menu a.tel span { color: #000; } body.js-tresio-nav__hamburger--open header.light .row .menu-holder .menu .tresio-nav__hamburger span, body.js-tresio-nav__hamburger--open .mod_social .row.light header.partial_socials .row .menu-holder .menu .tresio-nav__hamburger span, .mod_social .row.light body.js-tresio-nav__hamburger--open header.partial_socials .row .menu-holder .menu .tresio-nav__hamburger span, .mod_social header.light nav.tresio-nav[data-type=hamburger] li.ignore ul.row.partial_socials body.js-tresio-nav__hamburger--open header.partial_socials .row .menu-holder .menu .tresio-nav__hamburger span, header.light nav.tresio-nav[data-type=hamburger] li.ignore .mod_social ul.row.partial_socials body.js-tresio-nav__hamburger--open header.partial_socials .row .menu-holder .menu .tresio-nav__hamburger span, body.js-tresio-nav__hamburger--open .mod_social footer.partial_footer ul.row.partial_socials header.partial_socials .row .menu-holder .menu .tresio-nav__hamburger span, .mod_social footer.partial_footer ul.row.partial_socials body.js-tresio-nav__hamburger--open header.partial_socials .row .menu-holder .menu .tresio-nav__hamburger span, body.js-tresio-nav__hamburger--open footer.partial_footer .mod_social ul.row.partial_socials header.partial_socials .row .menu-holder .menu .tresio-nav__hamburger span, footer.partial_footer .mod_social ul.row.partial_socials body.js-tresio-nav__hamburger--open header.partial_socials .row .menu-holder .menu .tresio-nav__hamburger span { background: rgba(0, 0, 0, 0); } @media only screen and (min-width: 64.0625em) { header.home.dark nav.tresio-nav ul.partial_nav li.level-1 > a.tresio-nav__link { color: #fff; } } @media only screen and (min-width: 800px) { header.dark { background: rgba(0, 0, 0, 0); } header.dark .row.util { background: #000; } header.dark .row .phone-holder a.tel { color: #fff; } } @media only screen and (max-width: 64em) { header.dark { background: #000; } header.dark .row .nav-links .tresio-nav__hamburger:before, header.dark .row .nav-links .tresio-nav__hamburger:after, header.dark .row .nav-links .tresio-nav__hamburger span { background: #fff !important; } header.dark .row .nav-links .tresio-nav__hamburger[aria-expanded=true] span { background: rgba(0, 0, 0, 0) !important; } header.dark .row .nav-links .tresio-nav__hamburger span:before { color: #fff; visibility: visible; } header.dark .row .phone-holder a.tel span { color: #fff; } } @media only screen and (max-width: 64em) { body.hamburger-menu header.dark .row { background: #000; } } body.hamburger-menu header.dark .row .menu-holder .menu { background: rgba(20, 20, 20, .7); } @media only screen and (max-width: 64em) { body.hamburger-menu header.dark .row .menu-holder .menu { background: none; } } body.hamburger-menu header.dark .row .menu-holder .menu a.tel span { color: #fff; } body.hamburger-menu header.dark .row .menu-holder .menu .tresio-nav__hamburger span, body.hamburger-menu header.dark .row .menu-holder .menu .tresio-nav__hamburger:before, body.hamburger-menu header.dark .row .menu-holder .menu .tresio-nav__hamburger:after { background: #fff; } body.hamburger-menu header.dark.scrolled { background: #000; } body.js-tresio-nav__hamburger--open header.dark .row .menu-holder .menu a.tel span { color: #fff; } body.js-tresio-nav__hamburger--open header.dark .row .menu-holder .menu .tresio-nav__hamburger span { background: rgba(0, 0, 0, 0); } .home header.hide-home-menu { opacity: 0; visibility: hidden; } .home header.hide-home-menu + .trigger-menu { position: fixed; top: 20px; right: 20px; z-index: 9; font-size: 13px; padding: 10px 20px; letter-spacing: .8px; text-transform: uppercase; color: #fff; background: rgba(20, 20, 20, .85); } .home header.hide-home-menu.scrolled { opacity: 1; visibility: visible; } .home header.hide-home-menu.scrolled + .trigger-menu { opacity: 0; visibility: hidden; } @media only screen and (min-width: 800px) { body.landing-page header .row:not(.util) { display: none; } } body.landing-page header .row .inner { grid-template-columns: 200px auto; } body.landing-page header .row .inner.anchor-nav { grid-template-columns: 200px auto 200px; } @media only screen and (max-width: 64em) { body.landing-page header .row .inner.anchor-nav { grid-template-columns: 180px auto; } } @media only screen and (max-width: 40em) { body.landing-page header .row .inner.anchor-nav { grid-template-columns: 160px auto; } } body.landing-page header .row .anchor-nav-links { display: flex; justify-content: center; } body.landing-page header .row .anchor-nav-links ul.partial_nav { gap: 20px; } @media only screen and (max-width: 64em) { body.landing-page header .row .anchor-nav-links ul.partial_nav { gap: 10px; } } @media only screen and (max-width: 64em) { body.landing-page header .row .anchor-nav-links { display: none; } } body.landing-page header .row .phone-holder { display: flex; flex-direction: column; align-items: flex-end; } body.landing-page header .row .phone-holder a { display: inline-block; font-size: 26px; } @media only screen and (max-width: 64em) { body.landing-page header .row .phone-holder a { font-size: 24px; } } @media only screen and (max-width: 800px) { body.landing-page header .row .phone-holder a { font-size: 22px; } } .notification-on header .row { z-index: 3; } .notification-on header.scrolled:not(.bottom) .partial_notification { margin-top: -120px; opacity: 0; visibility: hidden; } @media only screen and (max-width: 64em) { .notification-on header.scrolled:not(.bottom) .partial_notification { margin-top: -140px; } } .notification-on header.scrolled:not(.bottom) .partial_notification p { opacity: 0; visibility: hidden; } header .partial_notification { height: auto; grid-gap: 30px; } @media only screen and (max-width: 64em) { header .partial_notification { grid-gap: 22px; } } @media only screen and (max-width: 800px) { header .partial_notification { grid-gap: 10px; } } .sticky-header header { position: sticky !important; } .sticky-header.home header { position: fixed !important; } .hide-home-menu.home header { position: fixed !important; } @media only screen and (min-width: 64.0625em) { .sticky-header.hamburger-menu header { position: fixed !important; } } @media only screen and (min-width: 1025px) { body:not(.home) header .row { background: #fff; } } @media only screen and (min-width: 64.0625em) { .layered-nav nav.tresio-nav[data-type=horizontal] span.back { display: none; } } nav.tresio-nav[data-type=horizontal] ul.partial_nav { display: flex; margin: 0; justify-content: space-between; } nav.tresio-nav[data-type=horizontal] ul.partial_nav li { display: inline-block; } nav.tresio-nav[data-type=horizontal] ul.partial_nav li a { color: #333; } nav.tresio-nav[data-type=horizontal] ul.partial_nav li a.tresio-nav__link { font-size: clamp(.875rem, .7318rem + .2235vw, 1rem); display: block; height: 100%; line-height: 1; font-weight: 600; font-family: "proxima-nova", sans-serif; position: relative; transition: none !important; } nav.tresio-nav[data-type=horizontal] ul.partial_nav li a.tresio-nav__link:hover { opacity: 1; } nav.tresio-nav[data-type=horizontal] ul.partial_nav li a.tresio-nav__dropdown { position: absolute; top: 50%; right: 5px; transform: translateY(-50%); height: auto; font-size: 12px; } nav.tresio-nav[data-type=horizontal] ul.partial_nav li:hover > a.tresio-nav__dropdown { color: #fff; } nav.tresio-nav[data-type=horizontal] ul.partial_nav li.mega-menu ul.tresio-nav__list { position: fixed; left: 50%; transform: translate3d(-50%, 0, 0); width: 100vw; min-height: 340px; max-width: 1024px; -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; background: #fff; justify-content: center; box-shadow: none; padding: 30px 40px 40px 120px; top: 57px; } @media only screen and (max-width: 1300px) { nav.tresio-nav[data-type=horizontal] ul.partial_nav li.mega-menu ul.tresio-nav__list { padding-left: 80px; } } nav.tresio-nav[data-type=horizontal] ul.partial_nav li.mega-menu ul.tresio-nav__list:after { content: ""; position: absolute; top: 0; right: 35px; width: 3px; height: 100%; background: #fff; } nav.tresio-nav[data-type=horizontal] ul.partial_nav li.mega-menu ul.tresio-nav__list li { padding-right: 10px; -moz-column-break-inside: avoid; -webkit-column-break-inside: avoid; column-break-inside: avoid; break-inside: avoid-column; } nav.tresio-nav[data-type=horizontal] ul.partial_nav li.mega-menu ul.tresio-nav__list li a { font-size: 16px; padding: 10px; } nav.tresio-nav[data-type=horizontal] ul.partial_nav li.mega-menu ul.tresio-nav__list li a.tresio-nav__dropdown { display: none; } nav.tresio-nav[data-type=horizontal] ul.partial_nav li.mega-menu ul.tresio-nav__list li + li { border-top: none !important; } nav.tresio-nav[data-type=horizontal] ul.partial_nav li.mega-menu ul.tresio-nav__list li ul { display: none !important; } nav.tresio-nav[data-type=horizontal] ul.partial_nav li.mega-menu ul.tresio-nav__list li.level-2:before { content: " "; width: 1px; height: 100%; position: absolute; display: block; background: #dfdfdf; right: -5px; transform: translateX(-50%); top: 0; } nav.tresio-nav[data-type=horizontal] ul.partial_nav li.mega-menu ul.tresio-nav__list:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; display: block; background: #fff; opacity: 1; width: 100vw; top: 0; left: 50%; transform: translateX(-50%); z-index: -1; box-shadow: 0 5px 12px rgba(20, 20, 20, .15); } header.scrolled nav.tresio-nav[data-type=horizontal] ul.partial_nav li.mega-menu ul.tresio-nav__list { top: 49px; } nav.tresio-nav[data-type=horizontal] ul.partial_nav li.mega-menu:hover ul.tresio-nav__list { display: block; } nav.tresio-nav[data-type=horizontal] ul.partial_nav li.level-1 > a.tresio-nav__link { text-transform: uppercase; background: none; font-weight: 600; text-align: center; line-height: 1.3; display: grid; place-items: center; letter-spacing: clamp(.0313rem, .0237rem + .0324vw, .0625rem); } nav.tresio-nav[data-type=horizontal] ul.partial_nav li.level-1.is-active > a { color: #64707e !important; } nav.tresio-nav[data-type=horizontal] ul.partial_nav li.level-1.is-active > a::after { content: ""; position: absolute; left: 10px; right: 15px; bottom: 0; height: 1.5px; background: #64707e; } nav.tresio-nav[data-type=horizontal] ul.partial_nav li.level-1.contact { display: none; } @media only screen and (max-width: 1270px) { nav.tresio-nav[data-type=horizontal] ul.partial_nav li.level-1.home { display: none; } } nav.tresio-nav[data-type=horizontal] ul.partial_nav li.tresio-nav__list-item--has-children { position: relative; } nav.tresio-nav[data-type=horizontal] ul.partial_nav li.tresio-nav__list-item--has-children ul.tresio-nav__list { z-index: 100; background: #fff; min-width: 180px; box-shadow: 0 5px 12px rgba(20, 20, 20, .15); border-top: none; } nav.tresio-nav[data-type=horizontal] ul.partial_nav li.tresio-nav__list-item--has-children ul.tresio-nav__list li { display: block; } nav.tresio-nav[data-type=horizontal] ul.partial_nav li.tresio-nav__list-item--has-children ul.tresio-nav__list li a.tresio-nav__link { padding: 12px; } nav.tresio-nav[data-type=horizontal] ul.partial_nav li.tresio-nav__list-item--has-children ul.tresio-nav__list li a.tresio-nav__link.is-active { background: #64707e; color: #fff; } nav.tresio-nav[data-type=horizontal] ul.partial_nav li.tresio-nav__list-item--has-children ul.tresio-nav__list li + li { border-top: 1px solid rgba(100, 112, 126, .2); } nav.tresio-nav[data-type=horizontal] ul.partial_nav li.tresio-nav__list-item--has-children ul.tresio-nav__list li.is-active > a.tresio-nav__link, nav.tresio-nav[data-type=horizontal] ul.partial_nav li.tresio-nav__list-item--has-children ul.tresio-nav__list li:hover > a.tresio-nav__link { background: #64707e; color: #fff; } nav.tresio-nav[data-type=horizontal] ul.partial_nav li.tresio-nav__list-item--has-children ul.tresio-nav__list li.is-active > a.tresio-nav__dropdown { color: #fff; } nav.tresio-nav[data-type=horizontal] ul.partial_nav li.tresio-nav__list-item--has-children ul.tresio-nav__list li.tresio-nav__list-item--has-children a.tresio-nav__dropdown { transform: translateY(-50%) rotate(-90deg); } nav.tresio-nav[data-type=horizontal] ul.partial_nav li.tresio-nav__list-item--has-children:hover > ul.tresio-nav__list { display: block; } nav.tresio-nav[data-type=horizontal] ul.partial_nav li.ignore { display: none; } header.dark nav.tresio-nav[data-type=horizontal] ul.partial_nav li.level-1 > a.tresio-nav__dropdown { color: #fff; } body.home header.dark nav.tresio-nav[data-type=horizontal] ul.partial_nav li.level-1 > a { color: #fff !important; } body.home header.dark nav.tresio-nav[data-type=horizontal] ul.partial_nav li.level-1.is-active a::after { content: none; } nav.tresio-nav[data-type=hamburger] { display: inline-block; padding: 14px 12px 9px 0; } @media only screen and (max-width: 64em) { nav.tresio-nav[data-type=hamburger] { padding-right: 0; } .layered-nav nav.tresio-nav[data-type=hamburger] { padding-top: 12px; } } nav.tresio-nav[data-type=hamburger] a.tresio-nav__hamburger { transform: scale(.8); } .layered-nav nav.tresio-nav[data-type=hamburger] a.tresio-nav__hamburger[aria-expanded=true]:before { top: calc(50% - 1px); } nav.tresio-nav[data-type=hamburger] a.tresio-nav__hamburger[aria-expanded=true] span { background: rgba(0, 0, 0, 0); } nav.tresio-nav[data-type=hamburger] .tresio-nav__main { position: fixed; top: 0; right: 0; padding: 140px 20px 30px; box-shadow: 0 10px 20px rgba(20, 20, 20, .15); height: 100vh; width: 430px; } @media only screen and (max-width: 64em) { nav.tresio-nav[data-type=hamburger] .tresio-nav__main { padding-left: 10px; } } @media only screen and (max-width: 800px) { nav.tresio-nav[data-type=hamburger] .tresio-nav__main { width: 100vw; padding: 85px 20px 125px 10px; } } nav.tresio-nav[data-type=hamburger] .tresio-nav__link { background: rgba(0, 0, 0, 0); display: block; padding: 2px 10px; font-size: 15px; } nav.tresio-nav[data-type=hamburger] .tresio-nav__link.level-1 { padding: 7px 10px; font-size: 16px; font-weight: 600; } nav.tresio-nav[data-type=hamburger] .tresio-nav__dropdown { transition: all 250ms ease-in-out; font-size: 15px; padding: 0 10px; right: -10px; top: 3px; } .layered-nav nav.tresio-nav[data-type=hamburger] .tresio-nav__dropdown { transform: rotate(-90deg); } .layered-nav nav.tresio-nav[data-type=hamburger] .tresio-nav__dropdown:not(.level-1) { right: -5px !important; } nav.tresio-nav[data-type=hamburger] .tresio-nav__dropdown[aria-expanded=true] { transform: rotate(-180deg); } .layered-nav nav.tresio-nav[data-type=hamburger] .tresio-nav__dropdown[aria-expanded=true] { display: none; } .layered-nav nav.tresio-nav[data-type=hamburger] .tresio-nav__dropdown[aria-expanded=true] + .tresio-nav__list:not(.level-1) { left: 0 !important; opacity: 1; visibility: visible; z-index: 3; } @media screen and (min-width: 801px) { .layered-nav.partial_hamburger_header nav.tresio-nav[data-type=hamburger] .tresio-nav__dropdown[aria-expanded=true] + .tresio-nav__list:not(.level-1) { left: calc(100% - 430px) !important; } } nav.tresio-nav[data-type=hamburger] .tresio-nav__dropdown.level-1 { font-size: 17px; top: 7px; } nav.tresio-nav[data-type=hamburger] span.back { order: 0; position: relative; display: block; font-size: 16px; font-weight: 600; letter-spacing: normal; margin: 10px 0; max-width: calc(100vw - 40px); } @media screen and (min-width: 801px) { .partial_hamburger_header nav.tresio-nav[data-type=hamburger] span.back { max-width: 390px; } } nav.tresio-nav[data-type=hamburger] span.back:hover { opacity: .6; cursor: pointer; } nav.tresio-nav[data-type=hamburger] span.back .back-button { opacity: .4; } nav.tresio-nav[data-type=hamburger] span.back .back-button:after { content: "|"; margin: 0 5px 0 8px; opacity: .4; } @media only screen and (max-width: 40em) { nav.tresio-nav[data-type=hamburger] span.back .back-button:after { margin: 0 0 0 4px; } } nav.tresio-nav[data-type=hamburger] span.back .back-button .chevron { font-style: normal; display: inline-block; transform: rotate(90deg); } nav.tresio-nav[data-type=hamburger] .tresio-nav__list:not(.level-1) { padding-left: 20px; } .layered-nav nav.tresio-nav[data-type=hamburger] .tresio-nav__list:not(.level-1) { top: 60px; left: 20% !important; position: fixed; overflow: auto; padding-top: 25px; padding-bottom: 180px; opacity: 0; visibility: hidden; transition: .25s ease-in-out all !important; display: flex; flex-direction: column; height: 100%; width: 100vw; z-index: 0; } .layered-nav nav.tresio-nav[data-type=hamburger] .tresio-nav__list:not(.level-1) li { order: 2; width: calc(100vw - 40px); } .layered-nav nav.tresio-nav[data-type=hamburger] .tresio-nav__list:not(.level-1) li:first-child { order: 1; } .layered-nav nav.tresio-nav[data-type=hamburger] .tresio-nav__list:not(.level-1) li a { padding: 7px 0; } @media screen and (min-width: 801px) { .layered-nav.partial_hamburger_header nav.tresio-nav[data-type=hamburger] .tresio-nav__list:not(.level-1) { top: 112px; width: 430px; } .layered-nav.partial_hamburger_header nav.tresio-nav[data-type=hamburger] .tresio-nav__list:not(.level-1) li { width: 390px; } } nav.tresio-nav[data-type=hamburger] ul.partial_nav li.ignore { margin-top: 20px; text-align: center; } nav.tresio-nav[data-type=hamburger] ul.partial_nav li.ignore .partial_socials { display: flex; justify-content: center; padding: 20px 0; margin-left: 10px; } nav.tresio-nav[data-type=hamburger] ul.partial_nav li.ignore p, nav.tresio-nav[data-type=hamburger] ul.partial_nav li.ignore a { font-family: "proxima-nova", sans-serif; } nav.tresio-nav[data-type=hamburger] ul.partial_nav li.ignore p:hover, nav.tresio-nav[data-type=hamburger] ul.partial_nav li.ignore a:hover { color: #333; } nav.tresio-nav[data-type=hamburger] ul.partial_nav li.ignore p { margin-bottom: 16px; } nav.tresio-nav[data-type=hamburger] ul.partial_nav li.ignore p a { display: inline-flex; } nav.tresio-nav[data-type=hamburger] ul.partial_nav li.ignore a { font-weight: 400; } header.light nav.tresio-nav[data-type=hamburger] .tresio-nav__main, .mod_social .row.light header.partial_socials nav.tresio-nav[data-type=hamburger] .tresio-nav__main, .mod_social header.light nav.tresio-nav[data-type=hamburger] li.ignore ul.row.partial_socials header.partial_socials nav.tresio-nav[data-type=hamburger] .tresio-nav__main, header.light nav.tresio-nav[data-type=hamburger] li.ignore .mod_social ul.row.partial_socials header.partial_socials nav.tresio-nav[data-type=hamburger] .tresio-nav__main, .mod_social footer.partial_footer ul.row.partial_socials header.partial_socials nav.tresio-nav[data-type=hamburger] .tresio-nav__main, footer.partial_footer .mod_social ul.row.partial_socials header.partial_socials nav.tresio-nav[data-type=hamburger] .tresio-nav__main { background: #e5e5e5; } header.light nav.tresio-nav[data-type=hamburger] .tresio-nav__main .tresio-nav__link, .mod_social .row.light header.partial_socials nav.tresio-nav[data-type=hamburger] .tresio-nav__main .tresio-nav__link, .mod_social header.light nav.tresio-nav[data-type=hamburger] li.ignore ul.row.partial_socials header.partial_socials nav.tresio-nav[data-type=hamburger] .tresio-nav__main .tresio-nav__link, header.light nav.tresio-nav[data-type=hamburger] li.ignore .mod_social ul.row.partial_socials header.partial_socials nav.tresio-nav[data-type=hamburger] .tresio-nav__main .tresio-nav__link, .mod_social footer.partial_footer ul.row.partial_socials header.partial_socials nav.tresio-nav[data-type=hamburger] .tresio-nav__main .tresio-nav__link, footer.partial_footer .mod_social ul.row.partial_socials header.partial_socials nav.tresio-nav[data-type=hamburger] .tresio-nav__main .tresio-nav__link, header.light nav.tresio-nav[data-type=hamburger] .tresio-nav__main .tresio-nav__dropdown, .mod_social .row.light header.partial_socials nav.tresio-nav[data-type=hamburger] .tresio-nav__main .tresio-nav__dropdown, .mod_social header.light nav.tresio-nav[data-type=hamburger] li.ignore ul.row.partial_socials header.partial_socials nav.tresio-nav[data-type=hamburger] .tresio-nav__main .tresio-nav__dropdown, header.light nav.tresio-nav[data-type=hamburger] li.ignore .mod_social ul.row.partial_socials header.partial_socials nav.tresio-nav[data-type=hamburger] .tresio-nav__main .tresio-nav__dropdown, .mod_social footer.partial_footer ul.row.partial_socials header.partial_socials nav.tresio-nav[data-type=hamburger] .tresio-nav__main .tresio-nav__dropdown, footer.partial_footer .mod_social ul.row.partial_socials header.partial_socials nav.tresio-nav[data-type=hamburger] .tresio-nav__main .tresio-nav__dropdown { color: #000; } header.light nav.tresio-nav[data-type=hamburger] li.ignore p, .mod_social .row.light header.partial_socials nav.tresio-nav[data-type=hamburger] li.ignore p, .mod_social header.light nav.tresio-nav[data-type=hamburger] li.ignore ul.row.partial_socials header.partial_socials nav.tresio-nav[data-type=hamburger] li.ignore p, header.light nav.tresio-nav[data-type=hamburger] li.ignore .mod_social ul.row.partial_socials header.partial_socials nav.tresio-nav[data-type=hamburger] li.ignore p, .mod_social footer.partial_footer ul.row.partial_socials header.partial_socials nav.tresio-nav[data-type=hamburger] li.ignore p, footer.partial_footer .mod_social ul.row.partial_socials header.partial_socials nav.tresio-nav[data-type=hamburger] li.ignore p, header.light nav.tresio-nav[data-type=hamburger] li.ignore a, .mod_social .row.light header.partial_socials nav.tresio-nav[data-type=hamburger] li.ignore a, .mod_social header.light nav.tresio-nav[data-type=hamburger] li.ignore ul.row.partial_socials header.partial_socials nav.tresio-nav[data-type=hamburger] li.ignore a, header.light nav.tresio-nav[data-type=hamburger] li.ignore .mod_social ul.row.partial_socials header.partial_socials nav.tresio-nav[data-type=hamburger] li.ignore a, .mod_social footer.partial_footer ul.row.partial_socials header.partial_socials nav.tresio-nav[data-type=hamburger] li.ignore a, footer.partial_footer .mod_social ul.row.partial_socials header.partial_socials nav.tresio-nav[data-type=hamburger] li.ignore a { color: #000 !important; } header.layered-nav.light nav.tresio-nav[data-type=hamburger] ul.tresio-nav__list:not(.level-1), .mod_social .row.light header.layered-nav.partial_socials nav.tresio-nav[data-type=hamburger] ul.tresio-nav__list:not(.level-1), .mod_social header.light nav.tresio-nav[data-type=hamburger] li.ignore ul.row.partial_socials header.layered-nav.partial_socials nav.tresio-nav[data-type=hamburger] ul.tresio-nav__list:not(.level-1), header.light nav.tresio-nav[data-type=hamburger] li.ignore .mod_social ul.row.partial_socials header.layered-nav.partial_socials nav.tresio-nav[data-type=hamburger] ul.tresio-nav__list:not(.level-1), .mod_social footer.partial_footer ul.row.partial_socials header.layered-nav.partial_socials nav.tresio-nav[data-type=hamburger] ul.tresio-nav__list:not(.level-1), footer.partial_footer .mod_social ul.row.partial_socials header.layered-nav.partial_socials nav.tresio-nav[data-type=hamburger] ul.tresio-nav__list:not(.level-1) { background: #e5e5e5; } header.layered-nav.light nav.tresio-nav[data-type=hamburger] ul.tresio-nav__list:not(.level-1) span.back, .mod_social .row.light header.layered-nav.partial_socials nav.tresio-nav[data-type=hamburger] ul.tresio-nav__list:not(.level-1) span.back, .mod_social header.light nav.tresio-nav[data-type=hamburger] li.ignore ul.row.partial_socials header.layered-nav.partial_socials nav.tresio-nav[data-type=hamburger] ul.tresio-nav__list:not(.level-1) span.back, header.light nav.tresio-nav[data-type=hamburger] li.ignore .mod_social ul.row.partial_socials header.layered-nav.partial_socials nav.tresio-nav[data-type=hamburger] ul.tresio-nav__list:not(.level-1) span.back, .mod_social footer.partial_footer ul.row.partial_socials header.layered-nav.partial_socials nav.tresio-nav[data-type=hamburger] ul.tresio-nav__list:not(.level-1) span.back, footer.partial_footer .mod_social ul.row.partial_socials header.layered-nav.partial_socials nav.tresio-nav[data-type=hamburger] ul.tresio-nav__list:not(.level-1) span.back { color: #333; } header.dark nav.tresio-nav[data-type=hamburger] .tresio-nav__main { background: #111; } header.dark nav.tresio-nav[data-type=hamburger] .tresio-nav__main .tresio-nav__link, header.dark nav.tresio-nav[data-type=hamburger] .tresio-nav__main .tresio-nav__dropdown { color: #fff; } header.dark nav.tresio-nav[data-type=hamburger] li.ignore p, header.dark nav.tresio-nav[data-type=hamburger] li.ignore a { color: #fff !important; } header.layered-nav.dark nav.tresio-nav[data-type=hamburger] ul.tresio-nav__list:not(.level-1) { background: #111; } header.layered-nav.dark nav.tresio-nav[data-type=hamburger] ul.tresio-nav__list:not(.level-1) span.back { color: #fff; } @keyframes fadeIn { 0% { opacity: 0; visibility: hidden; } 100% { opacity: 1; visibility: visible; } } @keyframes backToCenter { to { transform: translate(0, 0) scale(1); } } @keyframes backToCenter-horizontalCenter { to { transform: translate(-50%, 0) scale(1); } } .mod_home_hero.banner { opacity: 1; visibility: visible; position: relative; background: #333; display: flex; flex-direction: column; justify-content: center; --min: 400px; --max: 1080px; --ideal: 100svh; } @media only screen and (max-width: 64em) { .mod_home_hero.banner { --min: 500px; --max: 600px; } } @media only screen and (max-width: 800px) { .mod_home_hero.banner { --min: 515px; --max: 515px; } } .mod_home_hero.banner { height: max(min(var(--ideal), var(--max)), var(--min)); } .mod_home_hero.banner::before { content: none; } .mod_home_hero.banner .row { max-width: 1400px; margin-top: var(--topHeaderBarHeight); padding: 60px 20px; } .mod_home_hero.banner .row .inner { position: relative; max-width: 100%; width: 100%; padding-right: 0; } .mod_home_hero.banner .row .inner h1 { font-size: clamp(1rem, .9393rem + .2589vw, 1.25rem); font-weight: 600; text-transform: uppercase; color: #fff; text-align: center; padding-bottom: 0; margin-bottom: 0; } .mod_home_hero.banner .row .inner .content p:not(:has(.btn)) { font-size: clamp(2.25rem, 1.5825rem + 2.8479vw, 5rem); font-weight: 700; line-height: 1.1; text-transform: uppercase; color: #fff; margin-block: clamp(.9375rem, .71rem + .9709vw, 1.875rem); } .mod_home_hero.banner .media::after { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, .35); } .mod_home_hero.banner.full-width-content .row .inner { max-width: 100%; width: 100%; } .mod_home_hero.banner.left-placement .row .inner { left: 0; text-align: left; padding-right: 40px; width: 60%; } @media only screen and (max-width: 800px) { .mod_home_hero.banner.left-placement .row .inner { padding-right: 0; width: 100%; } } .mod_home_hero.banner.left-placement .row .inner a.btn { margin-left: 0; } .mod_home_hero.banner.center-placement .row .inner { text-align: center; left: 50%; transform: translateX(-50%); width: 100%; } .mod_home_hero.banner.center-placement .row .inner .content { padding-right: 0; } .mod_home_hero.banner.center-placement .row .inner a.btn { margin-left: auto; margin-right: auto; } .mod_home_hero.banner.center-placement .row .inner .form .section-label { text-align: center; } @media only screen and (max-width: 40em) { .mod_home_hero.banner.center-placement .row .inner .form .section-label { text-align: left; } } .mod_home_hero.banner.right-placement .row .inner { left: 50%; text-align: left; padding-left: 60px; width: 60%; } @media only screen and (max-width: 64em) { .mod_home_hero.banner.right-placement .row .inner { padding-left: 40px; } } @media only screen and (max-width: 800px) { .mod_home_hero.banner.right-placement .row .inner { padding-left: 0; width: 100%; left: 0; } } .mod_home_hero.banner.right-placement .row .inner a.btn { margin-left: 0; } .mod_home_hero.banner.right-placement .media { right: auto; left: 0; } .mod_home_hero.banner.right-placement:not(.no-bg):after { left: 50%; } @media only screen and (max-width: 800px) { .mod_home_hero.banner.right-placement:not(.no-bg):after { left: 0; } } .mod_home_hero.banner.contact-form .row { display: flex; justify-content: space-between; padding-top: calc(20px + 8%); padding-bottom: 0; } .mod_home_hero.banner.contact-form .row .inner { position: relative; text-align: left; transform: none; display: flex; flex-direction: column; justify-content: center; } .mod_home_hero.banner.contact-form .row .inner h1 { font-size: 58px; } @media only screen and (max-width: 1200px) { .mod_home_hero.banner.contact-form .row .inner h1 { font-size: 52px; } } @media only screen and (max-width: 64em) { .mod_home_hero.banner.contact-form .row .inner h1 { font-size: 48px; } } @media only screen and (max-width: 800px) { .mod_home_hero.banner.contact-form .row .inner h1 { font-size: 42px; } } @media only screen and (max-width: 40em) { .mod_home_hero.banner.contact-form .row .inner h1 { font-size: 38px; } } .mod_home_hero.banner.contact-form .row .form { width: 100%; max-width: 420px; margin-top: 40px; padding: 30px; background: rgba(0, 0, 0, .65); } @media only screen and (max-width: 64em) { .mod_home_hero.banner.contact-form .row .form { padding: 30px 25px; } } .mod_home_hero.banner.contact-form .row .form .field-row .field *:not(small) { font-size: 15px; } .mod_home_hero.banner.contact-form .row .form .field-row .field.content { padding-right: 0; } .mod_home_hero.banner.contact-form .row .form .field-row .field textarea { height: 100px; } .mod_home_hero.banner.contact-form .row .form .field-row:last-child { margin-bottom: 0; } .mod_home_hero.banner.contact-form .row .form .section-label { max-width: 280px; margin-top: 0; color: #fff; } .mod_home_hero.banner.contact-form .row .form .submit-holder .btn, .mod_home_hero.banner.contact-form .row .form .submit-holder button[type=submit] { font-size: 15px; padding: 12px 24px; } .mod_home_hero.banner.contact-form.center-placement .row .inner { transform: translateX(-50%); text-align: center; } .mod_home_hero.banner.contact-form.center-placement .row .inner .content { padding-right: 0; } .mod_home_hero.banner.contact-form.center-placement .row .inner .form { margin-left: auto; margin-right: auto; } .mod_home_hero.banner.contact-form.center-placement .row .inner .form .section-label { margin: 0 auto; text-align: center; } @media only screen and (max-width: 40em) { .mod_home_hero.banner.contact-form.center-placement .row .inner .form .section-label { text-align: left; } } .mod_home_hero.banner.contact-form.dark, header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_home_hero.banner.contact-form.partial_socials { position: relative; } .mod_home_hero.banner.contact-form.dark .row .inner .form, header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_home_hero.banner.contact-form.partial_socials .row .inner .form { background: hsla(0, 0%, 100%, .8); } .mod_home_hero.banner.contact-form.dark .row .inner .form select, header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_home_hero.banner.contact-form.partial_socials .row .inner .form select, .mod_home_hero.banner.contact-form.dark .row .inner .form .section-label, header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_home_hero.banner.contact-form.partial_socials .row .inner .form .section-label { color: #333; } .mod_home_hero.banner.contact-form.dark .row .inner .form .submit-holder .btn, header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_home_hero.banner.contact-form.partial_socials .row .inner .form .submit-holder .btn { color: #fff; } .mod_home_hero.banner.contact-form.dark .row .inner .form .submit-holder .btn.disabled, .mod_home_hero.banner.contact-form.dark .row .inner .form .submit-holder body.scheduler .mod_scheduler .main .steps .step .inner-step.provider .date-time.done .time-slots a.btn, body.scheduler .mod_scheduler .main .steps .step .inner-step.provider .date-time.done .time-slots .mod_home_hero.banner.contact-form.dark .row .inner .form .submit-holder a.btn, header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_home_hero.banner.contact-form.partial_socials .row .inner .form .submit-holder .btn.disabled, header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_home_hero.banner.contact-form.partial_socials .row .inner .form .submit-holder body.scheduler .mod_scheduler .main .steps .step .inner-step.provider .date-time.done .time-slots a.btn, body.scheduler .mod_scheduler .main .steps .step .inner-step.provider .date-time.done .time-slots header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_home_hero.banner.contact-form.partial_socials .row .inner .form .submit-holder a.btn { color: #999; } .mod_home_hero.banner.contact-form.dark .row .inner .form .submit-holder button[type=submit], header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_home_hero.banner.contact-form.partial_socials .row .inner .form .submit-holder button[type=submit] { color: #fff; } .mod_home_hero.banner.slider .row { padding-left: 160px; padding-right: 160px; } @media only screen and (max-width: 1200px) { .mod_home_hero.banner.slider .row { padding-left: 120px; padding-right: 120px; } } @media only screen and (max-width: 64em) { .mod_home_hero.banner.slider .row { padding-left: 60px; padding-right: 60px; } } @media only screen and (max-width: 800px) { .mod_home_hero.banner.slider .row { padding-left: 20px; padding-right: 20px; } } .mod_home_hero.banner.slider .row .inner { max-width: 1200px; } .mod_home_hero.banner.slider .media button[type=button] { display: none; } .mod_home_hero.banner.slider .media .slide { opacity: 1; } .mod_home_hero.banner.slider .media .tns-controls, .mod_home_hero.banner.slider .media .slider-nav { max-width: 1200px; padding: 0; } .mod_home_hero.banner.slider .media .tns-controls button[type=button], .mod_home_hero.banner.slider .media .slider-nav button[type=button] { display: inline-block; position: absolute; z-index: 9; top: 50%; left: 80px; transform: translateY(-50%); width: 40px; height: 40px; text-indent: -9999px; border-radius: 100%; background: rgba(0, 0, 0, .9); padding: 20px; margin: 0; } @media only screen and (max-width: 1200px) { .mod_home_hero.banner.slider .media .tns-controls button[type=button], .mod_home_hero.banner.slider .media .slider-nav button[type=button] { left: 40px; padding: 18px; } } @media only screen and (max-width: 64em) { .mod_home_hero.banner.slider .media .tns-controls button[type=button], .mod_home_hero.banner.slider .media .slider-nav button[type=button] { display: none; } } .mod_home_hero.banner.slider .media .tns-controls button[type=button]:before, .mod_home_hero.banner.slider .media .slider-nav button[type=button]:before { content: ""; background: url("https://static.tresiocms.com/images/arrow.png?auto=format,compress") no-repeat center center; background-size: auto 100% !important; padding: 8px; margin: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .mod_home_hero.banner.slider .media .tns-controls button[type=button][data-controls=prev]:before, .mod_home_hero.banner.slider .media .tns-controls button[type=button].prev:before, .mod_home_hero.banner.slider .media .slider-nav button[type=button][data-controls=prev]:before, .mod_home_hero.banner.slider .media .slider-nav button[type=button].prev:before { transform: translate(-50%, -50%) rotate(-180deg); left: calc(50% - 1px); } .mod_home_hero.banner.slider .media .tns-controls button[type=button] + button[type=button], .mod_home_hero.banner.slider .media .slider-nav button[type=button] + button[type=button] { left: auto; right: 80px; } .mod_home_hero.banner.slider .media .tns-controls button[type=button] + button[type=button]:before, .mod_home_hero.banner.slider .media .slider-nav button[type=button] + button[type=button]:before { left: calc(50% + 1px); } @media only screen and (max-width: 1200px) { .mod_home_hero.banner.slider .media .tns-controls button[type=button] + button[type=button], .mod_home_hero.banner.slider .media .slider-nav button[type=button] + button[type=button] { right: 40px; } } .mod_home_hero.banner.slider .media .tns-nav { position: absolute; bottom: 50px; left: 50%; transform: translateX(-50%); z-index: 9; } @media only screen and (max-width: 800px) { .mod_home_hero.banner.slider .media .tns-nav { bottom: 40px; } } .mod_home_hero.banner.slider .media .tns-nav button[type=button] { display: inline-block; width: 14px; height: 14px; padding: 6px; border-radius: 100%; background: #fff; box-shadow: 0 0 1px hsla(0, 0%, 100%, .25); } @media only screen and (max-width: 800px) { .mod_home_hero.banner.slider .media .tns-nav button[type=button] { padding: 5px; width: 12px; height: 12px; } } .mod_home_hero.banner.slider .media .tns-nav button[type=button] + button[type=button] { margin-left: 20px; } .mod_home_hero.banner.slider .media .tns-nav button[type=button].tns-nav-active { background: #64707e; } @media only screen and (max-width: 800px) { .mod_home_hero.banner.slider.contact-form .tns-nav { display: none; } } .mod_home_hero.banner.slider.contact-form.center-placement .tns-nav { display: none; } .mod_home_hero.banner.slider.dark .tns-controls button[type=button], header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_home_hero.banner.slider.partial_socials .tns-controls button[type=button], .mod_home_hero.banner.slider.dark .slider-nav button[type=button], header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_home_hero.banner.slider.partial_socials .slider-nav button[type=button] { background: hsla(0, 0%, 100%, .9); } .mod_home_hero.banner.slider.dark .tns-controls button[type=button]:before, header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_home_hero.banner.slider.partial_socials .tns-controls button[type=button]:before, .mod_home_hero.banner.slider.dark .slider-nav button[type=button]:before, header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_home_hero.banner.slider.partial_socials .slider-nav button[type=button]:before { background: url("https://static.tresiocms.com/images/arrow2.png?auto=format,compress") no-repeat center center; } .mod_home_hero.banner.left-media-position picture img, .mod_home_hero.banner.left-media-position video { object-position: 20% 20%; } .mod_home_hero.banner.right-media-position picture img, .mod_home_hero.banner.right-media-position video { object-position: 80% 20%; } .mod_home_hero.banner.dark .row .inner *, header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_home_hero.banner.partial_socials .row .inner * { color: #fff; } .mod_home_hero.banner.dark:before, header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_home_hero.banner.partial_socials:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; display: block; background: #222; opacity: .4; } .mod_home_hero.banner.center-placement .row .inner { transform: translate(-50%, clamp(2.5rem, 1.5898rem + 3.8835vw, 6.25rem)) scale(.8); opacity: 0; animation-name: fadeIn, backToCenter-horizontalCenter; animation-duration: 1.5s; animation-delay: .5s; animation-timing-function: ease-out; animation-fill-mode: forwards; } @supports (animation-timeline: scroll()) { .mod_home_hero.banner.center-placement .row { animation: scrollingDown linear both; animation-timeline: scroll(root); animation-range: 0 90vh; } @keyframes scrollingDown { to { transform: translate(0, 25vh); } } } .mod_home_banner { position: relative; margin-bottom: 80px; } @media only screen and (max-width: 64em) { .mod_home_banner { margin-bottom: 60px; } .mod_home_banner .wrapper:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; display: block; background: #fff; opacity: .4; } } @media only screen and (max-width: 64em)and (max-width: 800px) { .mod_home_banner .wrapper:before { display: none; } } @media only screen and (max-width: 800px) { .mod_home_banner { margin-top: 40px; } } @media only screen and (max-width: 800px) { .mod_home_banner.dark .wrapper, header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_home_banner.partial_socials .wrapper { background: #1a1a1a; } } .mod_home_banner.dark .wrapper:before, header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_home_banner.partial_socials .wrapper:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; display: block; background: #333; opacity: .4; } @media only screen and (max-width: 800px) { .mod_home_banner.dark .wrapper:before, header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_home_banner.partial_socials .wrapper:before { display: none; } } .mod_home_banner .row { position: relative; padding: calc(20px + 10%) 20px; display: flex; justify-content: center; flex-wrap: wrap; } @media only screen and (min-width: 64em)and (max-height: 900px) { .mod_home_banner .row { padding: calc(40px + 8%) 20px; } } @media only screen and (max-width: 64em) { .mod_home_banner .row { padding: calc(40px + 8%) 20px; } } @media only screen and (max-width: 800px) { .mod_home_banner .row { padding: 80px 20px; } } @media only screen and (max-width: 40em) { .mod_home_banner .row { padding: 60px 20px; } } .mod_home_banner .row .content { position: relative; z-index: 2; max-width: 980px; } .mod_home_banner .row .content .logo { margin-bottom: 20px; display: flex; justify-content: center; } @media only screen and (max-width: 800px) { .mod_home_banner .row .content .logo { justify-content: flex-start; } } .mod_home_banner .row .content .logo img { max-width: 180px; max-height: 60px; width: auto; } @media only screen and (max-width: 64em) { .mod_home_banner .row .content .logo img { max-width: 160px; max-height: 50px; } } @media only screen and (max-width: 800px) { .mod_home_banner .row .content .logo img { max-width: 140px; max-height: 40px; } } .mod_home_banner .row .content h2 { font-size: 54px; } @media only screen and (min-width: 64em)and (max-height: 900px) { .mod_home_banner .row .content h2 { font-size: 46px; } } @media only screen and (max-width: 64em) { .mod_home_banner .row .content h2 { font-size: 44px; } } @media only screen and (max-width: 800px) { .mod_home_banner .row .content h2 { font-size: 36px; } } @media only screen and (max-width: 40em) { .mod_home_banner .row .content h2 { font-size: 28px; } } .mod_home_banner .row .content h2, .mod_home_banner .row .content h3 { text-align: center; margin-bottom: 35px; } @media only screen and (max-width: 64em) { .mod_home_banner .row .content h2, .mod_home_banner .row .content h3 { margin-bottom: 30px; } } @media only screen and (max-width: 800px) { .mod_home_banner .row .content h2, .mod_home_banner .row .content h3 { text-align: left; margin-bottom: 25px; } } @media only screen and (max-width: 40em) { .mod_home_banner .row .content h2, .mod_home_banner .row .content h3 { margin-bottom: 15px; } } .mod_home_banner .row .content a.center { display: table; margin: 45px auto 10px; text-decoration: none; color: #fff !important; } @media only screen and (max-width: 800px) { .mod_home_banner .row .content a.center { margin: 30px 0 20px; } } .mod_home_banner .row .content .columns { display: flex; justify-content: center; align-items: center; } @media only screen and (max-width: 800px) { .mod_home_banner .row .content .columns { flex-wrap: wrap; } } .mod_home_banner .row .content .columns .half { text-align: left; width: 54%; } @media only screen and (max-width: 64em) { .mod_home_banner .row .content .columns .half { width: 50%; } } @media only screen and (max-width: 800px) { .mod_home_banner .row .content .columns .half { width: 100%; } } .mod_home_banner .row .content .columns .half h2, .mod_home_banner .row .content .columns .half h3 { text-align: left; } .mod_home_banner .row .content .columns .half + .half { width: 46%; padding-left: 40px; } @media only screen and (max-width: 64em) { .mod_home_banner .row .content .columns .half + .half { padding-left: 20px; width: 50%; } } @media only screen and (max-width: 800px) { .mod_home_banner .row .content .columns .half + .half { width: 100%; padding-left: 0; } } .mod_home_banner .row .content .credentials { display: flex; justify-content: center; align-items: center; margin-top: 50px; grid-gap: 40px; } @media only screen and (max-width: 64em) { .mod_home_banner .row .content .credentials { grid-gap: 30px; margin-top: 40px; } } @media only screen and (max-width: 800px) { .mod_home_banner .row .content .credentials { grid-gap: 20px; margin-top: 30px; flex-wrap: wrap; justify-content: flex-start; } } .mod_home_banner .row .content .credentials .img { display: inline-block; } @media only screen and (max-width: 64em) { .mod_home_banner .row .content .credentials .img { margin-bottom: 30px; } } .mod_home_banner .row .content .credentials .img img { max-height: 50px; max-width: 110px; width: auto; } @media only screen and (max-width: 64em) { .mod_home_banner .row .content .credentials .img img { max-height: 40px; max-width: 90px; } } @media only screen and (max-width: 800px) { .mod_home_banner .row .content .credentials .img img { max-height: 32px; } } .mod_home_banner.left-placement .row { justify-content: flex-start; } .mod_home_banner.left-placement .row .content { width: 50%; } @media only screen and (max-width: 800px) { .mod_home_banner.left-placement .row .content { width: 100%; } } .mod_home_banner.left-placement .row .content h2, .mod_home_banner.left-placement .row .content h3 { text-align: left; } .mod_home_banner.left-placement .row .content .logo, .mod_home_banner.left-placement .row .content .credentials { justify-content: flex-start; } .mod_home_banner.right-placement .row { justify-content: flex-end; } .mod_home_banner.right-placement .row .content { width: 50%; } @media only screen and (max-width: 800px) { .mod_home_banner.right-placement .row .content { width: 100%; } } .mod_home_banner.right-placement .row .content h2, .mod_home_banner.right-placement .row .content h3 { text-align: left; } .mod_home_banner.right-placement .row .content .logo, .mod_home_banner.right-placement .row .content .credentials { justify-content: flex-start; } .mod_home_banner.has-links .row { padding: calc(20px + 8%) 20px calc(80px + 10%); margin-bottom: 200px; } @media only screen and (max-width: 64em) { .mod_home_banner.has-links .row { margin-bottom: 140px; } } @media only screen and (max-width: 800px) { .mod_home_banner.has-links .row { margin-bottom: 120px; } } .mod_home_banner.has-links .row .links { background: #fff; box-shadow: 0 0 50px rgba(0, 0, 0, .2); padding: 60px 80px 40px; position: absolute; z-index: 3; bottom: 0; left: 50%; transform: translate3d(-50%, 50%, 0); width: calc(100% - 40px); max-width: 980px; display: flex; flex-wrap: wrap; justify-content: space-between; } @media only screen and (max-width: 64em) { .mod_home_banner.has-links .row .links { padding: 50px 40px 30px; } } @media only screen and (max-width: 800px) { .mod_home_banner.has-links .row .links { padding: 35px 20px 15px; justify-content: center; width: 100%; } } @media only screen and (max-width: 40em) { .mod_home_banner.has-links .row .links { padding: 25px 20px 10px; } } .mod_home_banner.has-links .row .links a:not(.btn) { margin-bottom: 25px; text-decoration: none; font-size: 16px; } @media only screen and (max-width: 64em) { .mod_home_banner.has-links .row .links a:not(.btn) { font-size: 15px; } } @media only screen and (max-width: 800px) { .mod_home_banner.has-links .row .links a:not(.btn) { margin-bottom: 20px; } } .mod_home_banner.has-links .row .links .inner { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; grid-gap: 20px; } @media only screen and (max-width: 800px) { .mod_home_banner.has-links .row .links .inner { justify-content: center; } } .mod_home_banner.has-links .row .links .inner + a.btn { margin-top: 20px; } .mod_home_banner.dark .row .content h2, header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_home_banner.partial_socials .row .content h2, .mod_home_banner.dark .row .content h3, header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_home_banner.partial_socials .row .content h3, .mod_home_banner.dark .row .content h4, header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_home_banner.partial_socials .row .content h4, .mod_home_banner.dark .row .content ul li, header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_home_banner.partial_socials .row .content ul li, .mod_home_banner.dark .row .content p, header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_home_banner.partial_socials .row .content p, .mod_home_banner.dark .row .content a, header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_home_banner.partial_socials .row .content a, .mod_home_banner.dark .row .content span, header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_home_banner.partial_socials .row .content span { color: #fff; } .mod_home_banner.dark .row .content h2 span.small, .mod_home_banner.dark .row .content h2 span.contact-scroll.fixed, header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_home_banner.partial_socials .row .content h2 span.small, header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_home_banner.partial_socials .row .content h2 span.contact-scroll.fixed, .mod_home_banner.dark .row .content h3 span.small, .mod_home_banner.dark .row .content h3 span.contact-scroll.fixed, header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_home_banner.partial_socials .row .content h3 span.small, header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_home_banner.partial_socials .row .content h3 span.contact-scroll.fixed, .mod_home_banner.dark .row .content h4 span.small, .mod_home_banner.dark .row .content h4 span.contact-scroll.fixed, header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_home_banner.partial_socials .row .content h4 span.small, header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_home_banner.partial_socials .row .content h4 span.contact-scroll.fixed, .mod_home_banner.dark .row .content ul li span.small, .mod_home_banner.dark .row .content ul li span.contact-scroll.fixed, header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_home_banner.partial_socials .row .content ul li span.small, header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_home_banner.partial_socials .row .content ul li span.contact-scroll.fixed, .mod_home_banner.dark .row .content p span.small, .mod_home_banner.dark .row .content p span.contact-scroll.fixed, header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_home_banner.partial_socials .row .content p span.small, header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_home_banner.partial_socials .row .content p span.contact-scroll.fixed, .mod_home_banner.dark .row .content a span.small, .mod_home_banner.dark .row .content a span.contact-scroll.fixed, header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_home_banner.partial_socials .row .content a span.small, header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_home_banner.partial_socials .row .content a span.contact-scroll.fixed, .mod_home_banner.dark .row .content span span.small, .mod_home_banner.dark .row .content span span.contact-scroll.fixed, header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_home_banner.partial_socials .row .content span span.small, header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_home_banner.partial_socials .row .content span span.contact-scroll.fixed { color: #fff !important; } .mod_home_banner .wrapper { position: relative; } @media only screen and (max-width: 800px) { .mod_home_banner .wrapper { display: flex; flex-wrap: wrap; } .mod_home_banner .wrapper picture.background, .mod_home_banner .wrapper video.background { position: relative; top: 0; left: 0; transform: none; order: 0; } .mod_home_banner .wrapper .row { order: 1; padding: 25px 20px; } } @media only screen and (max-width: 800px) { .mod_home_banner.option-1.has-links .wrapper .row { padding: 25px 20px 35px; margin-bottom: 0; } .mod_home_banner.option-1.has-links .wrapper .row .links { position: relative; left: 0; transform: none; margin-top: 20px; } } .mod_home_banner.option-1.has-links .wrapper .row .links a.btn.center { margin-bottom: 20px; } .mod_home_banner.option-2.has-links { background: none; padding-bottom: 1px; } .mod_home_banner.option-2.has-links .wrapper .row { margin-bottom: 0; padding: calc(20px + 8%) 20px; } @media only screen and (max-width: 64em) { .mod_home_banner.option-2.has-links .wrapper .row { padding: calc(20px + 6%) 20px; } } @media only screen and (max-width: 800px) { .mod_home_banner.option-2.has-links .wrapper .row { padding: calc(20px + 4%) 20px; } } .mod_home_banner.option-2.has-links .wrapper .row .links { display: none; } .mod_home_banner.option-2.has-links .links.bottom { position: relative; z-index: 3; width: 100%; max-width: 1240px; padding-left: 20px; padding-right: 20px; margin: 60px auto; display: flex; flex-wrap: wrap; justify-content: space-around; grid-gap: 20px; } @media only screen and (max-width: 64em) { .mod_home_banner.option-2.has-links .links.bottom { margin: 50px auto; } } @media only screen and (max-width: 800px) { .mod_home_banner.option-2.has-links .links.bottom { margin: 40px auto; justify-content: center; } } .mod_home_banner.option-2.has-links .links.bottom a { color: #64707e; font-size: 16px; } @media only screen and (max-width: 64em) { .mod_home_banner.option-2.has-links .links.bottom a { font-size: 15px; } } .mod_home_banner.option-2.has-links a.btn.center { margin-top: 20px; margin-bottom: 60px; } @media only screen and (max-width: 64em) { .mod_home_banner.option-2.has-links a.btn.center { margin-bottom: 50px; } } @media only screen and (max-width: 800px) { .mod_home_banner.option-2.has-links a.btn.center { margin-bottom: 40px; } } .mod_home_banner.viewport picture.logo { position: relative; opacity: 0; top: -20px; } .mod_home_banner.viewport picture.background { display: block; overflow: hidden; } .mod_home_banner.viewport picture.background img { transform: scale(1.2); } .mod_home_banner.viewport .credentials { position: relative; top: -20px; opacity: 0; } .mod_home_banner.in-viewport picture.background img { transform: scale(1); } .mod_home_banner.in-viewport picture.logo, .mod_home_banner.in-viewport .credentials { top: 0; opacity: 1; } .mod_home_grid { margin-top: 40px; } .mod_home_grid .row { position: relative; max-width: 1400px; padding-bottom: 20px; } @media only screen and (max-width: 1200px) { .mod_home_grid .row { padding: 0 0 20px; } } @media only screen and (max-width: 64em) { .mod_home_grid .row { max-width: calc(100% - 40px); } } @media only screen and (max-width: 40em) { .mod_home_grid .row { max-width: 360px; } } .mod_home_grid .row .grid { display: flex; justify-content: center; grid-gap: 20px; } @media only screen and (max-width: 64em) { .mod_home_grid .row .grid { flex-wrap: wrap; } } @media only screen and (max-width: 64em) { .mod_home_grid .row .grid .item { width: calc(50% - 10px); } } @media only screen and (max-width: 40em) { .mod_home_grid .row .grid .item { width: 100%; } } .mod_home_grid .row .grid .item .media { position: relative; } .mod_home_grid .row .grid .item .media picture { display: block; overflow: hidden; } .mod_home_grid .row .grid .item .media picture img { width: 100%; } .mod_home_grid .row .grid .item .media h2 { color: #fff; font-size: 24px; position: absolute; top: 50%; left: 50%; transform: translate3d(-50%, -50%, 0); text-shadow: 0 0 5px rgba(0, 0, 0, .4); } .mod_home_grid .row .grid .item .content { opacity: 0%; visibility: hidden; box-shadow: 0 15px 40px rgba(0, 0, 0, .05); background: #fff; padding: 20px; margin-top: 0; z-index: 9; } .mod_home_grid .row .grid .item:hover picture img { transform: scale(1.2); } .mod_home_grid .row .grid .item:hover .content { opacity: 1; visibility: visible; } .mod_home_grid .row .grid .item:last-child { margin-right: 0; } .mod_home_grid.option-1 .row .grid .item { position: relative; overflow: hidden; } @media only screen and (max-width: 64em) { .mod_home_grid.option-1 .row .grid .item { overflow: inherit; } } .mod_home_grid.option-1 .row .grid .item .content { padding: 5% 8%; position: absolute; top: -40px; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .8); display: flex; flex-direction: column; opacity: 0; justify-content: center; align-items: center; visibility: visible; } .mod_home_grid.option-1 .row .grid .item .content h2, .mod_home_grid.option-1 .row .grid .item .content h3, .mod_home_grid.option-1 .row .grid .item .content h4, .mod_home_grid.option-1 .row .grid .item .content h5, .mod_home_grid.option-1 .row .grid .item .content ul li, .mod_home_grid.option-1 .row .grid .item .content span, .mod_home_grid.option-1 .row .grid .item .content a, .mod_home_grid.option-1 .row .grid .item .content p { color: #fff; } @media only screen and (max-width: 64em) { .mod_home_grid.option-1 .row .grid .item .content { background: rgba(40, 40, 40, .5); padding: 20px 30px; top: 0; opacity: 1; visibility: visible; } } @media only screen and (max-width: 800px) { .mod_home_grid.option-1 .row .grid .item .content { padding: 20px; } } .mod_home_grid.option-1 .row .grid .item:hover .content { top: 0; opacity: 1; visibility: visible; } .mod_home_grid.option-2 { padding: 0 20px; } @media only screen and (max-width: 64em) { .mod_home_grid.option-2 { padding: 0; } } .mod_home_grid.option-2 .row .grid .item .content { padding: 10% 14%; transform: translateX(-35px); width: calc(100% + 70px); position: relative; margin-top: -40px; top: -40px; } @media only screen and (max-width: 1200px) { .mod_home_grid.option-2 .row .grid .item .content { width: calc(100% + 40px); transform: translateX(-20px); padding: 9% 13%; } } @media only screen and (max-width: 64em) { .mod_home_grid.option-2 .row .grid .item .content { width: 100%; transform: none; padding: 25px 20px; top: 0; opacity: 1; visibility: visible; } } .mod_home_grid.option-2 .row .grid .item:hover .content { top: 0; opacity: 1; visibility: visible; } .mod_home_grid.option-3 .row .grid .item .content { opacity: 1; visibility: visible; background: none; box-shadow: none; } .mod_home_grid.option-4 .row .grid .item { position: relative; } .mod_home_grid.option-4 .row .grid .item:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; display: block; background: #000; opacity: .25; } @media only screen and (max-width: 800px) { .mod_home_grid.option-4 .row .grid .item:after { opacity: .5; } } .mod_home_grid.option-4 .row .grid .item .content { opacity: 1; visibility: visible; background: none; box-shadow: none; position: absolute; top: 0; left: 0; height: 100%; width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; } .mod_home_grid.option-4 .row .grid .item .content h2.title { position: relative; top: 20px; left: 0; margin-bottom: 0; transform: none; text-align: center; } .mod_home_grid.option-4 .row .grid .item .content .bottom { top: 0; opacity: 0; visibility: hidden; position: relative; transition: .3s all ease-in-out; } .mod_home_grid.option-4 .row .grid .item .content .bottom p { color: #fff; } @media only screen and (max-width: 800px) { .mod_home_grid.option-4 .row .grid .item .content h2.title { top: 0; } .mod_home_grid.option-4 .row .grid .item .content .bottom { opacity: 1; visibility: visible; top: 20px; } } .mod_home_grid.option-4 .row .grid .item:hover:after { opacity: .5; } .mod_home_grid.option-4 .row .grid .item:hover .content h2.title { top: 0; } .mod_home_grid.option-4 .row .grid .item:hover .content .bottom { top: 20px; opacity: 1; visibility: visible; } .mod_home_grid.viewport picture img { transform: scale(1.2); } .mod_home_grid.in-viewport picture img { transform: scale(1); } .mod_home_media_grid .row h2 { text-align: center; margin-bottom: 40px; } .mod_home_media_grid .row .media { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 20px; } @media only screen and (max-width: 40em) { .mod_home_media_grid .row .media { grid-template-columns: 1fr; grid-gap: 0; } } .mod_home_media_grid .row .media .section { display: flex; flex-direction: column; align-content: stretch; grid-gap: 20px; } @media only screen and (max-width: 40em) { .mod_home_media_grid .row .media .section { grid-gap: 0; } .mod_home_media_grid .row .media .section + .section { margin-top: 20px; } } .mod_home_media_grid .row .media .section .item { height: 100%; width: 100%; position: relative; padding-top: 50%; } @media only screen and (max-width: 40em) { .mod_home_media_grid .row .media .section .item + .item { margin-top: 20px; } } .mod_home_layered_photo { background: #000; overflow: clip; } .mod_home_layered_photo .mod_container { position: relative; max-width: 1920px; margin-inline: auto; } .mod_home_layered_photo .row { position: relative; z-index: 4; padding-block: clamp(1.25rem, -6.8029rem + 16.0858vw, 12.5rem) clamp(2.5rem, -4.6582rem + 14.2985vw, 12.5rem); } .mod_home_layered_photo .row .content { width: 50%; margin-left: auto; } .mod_home_layered_photo .row .content *:not(.btn) { color: #fff; } .mod_home_layered_photo .row .content .inner { max-width: 580px; margin-left: auto; } .mod_home_layered_photo .row .content .inner p:has(.btn) { margin-top: clamp(1.5rem, 1.1359rem + 1.5534vw, 3rem); } .mod_home_layered_photo picture.background { max-width: 1920px; } .mod_home_layered_photo picture.fg { z-index: 2; } .mod_home_layered_photo svg.logo-part { position: absolute; aspect-ratio: 318/406; width: clamp(9.375rem, -.6459rem + 15.6425vw, 18.125rem); height: auto; } .mod_home_layered_photo svg.logo-part.bg-part { z-index: 1; left: clamp(16.875rem, 1.1278rem + 24.581vw, 30.625rem); top: clamp(1.875rem, 3.2158rem + -1.1173vw, 2.5rem); } .mod_home_layered_photo svg.logo-part.fg-part { z-index: 3; left: clamp(8.125rem, .2514rem + 12.2905vw, 15rem); bottom: clamp(3.125rem, 7.1473rem + -3.352vw, 5rem); } @media only screen and (max-width: 64em) { .mod_home_layered_photo svg.logo-part { width: clamp(7.5rem, .7651rem + 13.4529vw, 9.375rem); } .mod_home_layered_photo svg.logo-part.bg-part { left: clamp(12.5rem, -3.2147rem + 31.3901vw, 16.875rem); top: clamp(2.5rem, 11.1099rem + -13.4529vw, 4.375rem); } .mod_home_layered_photo svg.logo-part.fg-part { left: clamp(5rem, -8.4697rem + 26.9058vw, 8.75rem); } } @media only screen and (max-width: 800px) { .mod_home_layered_photo .mod_container { display: flex; flex-direction: column-reverse; } .mod_home_layered_photo .row .content { width: 100%; } .mod_home_layered_photo .row .content, .mod_home_layered_photo .row .content .inner { margin-inline: auto; } .mod_home_layered_photo .media { position: relative; } .mod_home_layered_photo picture.bg { position: relative; top: unset; left: unset; transform: unset; } .mod_home_layered_photo picture img { object-position: 40% top; } .mod_home_layered_photo svg.logo-part { width: clamp(3.125rem, -.7353rem + 16.4706vw, 7.5rem); } .mod_home_layered_photo svg.logo-part.bg-part { left: clamp(6.5rem, .6544rem + 24.9412vw, 13.125rem); top: clamp(1.875rem, .2206rem + 7.0588vw, 3.75rem); } .mod_home_layered_photo svg.logo-part.fg-part { left: clamp(3.125rem, .3676rem + 11.7647vw, 6.25rem); bottom: clamp(2.5rem, .2941rem + 9.4118vw, 5rem); } } @supports not (animation-timeline: view()) { .mod_home_layered_photo.viewport--once svg.logo-part, .mod_home_layered_photo.viewport--once .inner { transition: transform 1.3s ease-out; } .mod_home_layered_photo.viewport--once svg.logo-part.bg-part { transform: translateX(-40%); } .mod_home_layered_photo.viewport--once svg.logo-part.fg-part { transform: translateX(-30%); } .mod_home_layered_photo.viewport--once .inner { transform: translateX(30%); } .mod_home_layered_photo.in-viewport .inner, .mod_home_layered_photo.in-viewport .inner.bg-part, .mod_home_layered_photo.in-viewport .inner.fg-part, .mod_home_layered_photo.in-viewport svg.logo-part, .mod_home_layered_photo.in-viewport svg.logo-part.bg-part, .mod_home_layered_photo.in-viewport svg.logo-part.fg-part { transform: translateX(0); } } @supports (animation-timeline: view()) { @media only screen and (min-width: 801px) { .mod_home_layered_photo { view-timeline-name: --layeredPhotoParent; } .mod_home_layered_photo .inner, .mod_home_layered_photo svg.logo-part.bg-part, .mod_home_layered_photo svg.logo-part.fg-part { animation: backToCenter linear both; animation-timeline: --layeredPhotoParent; } .mod_home_layered_photo .inner { transform: translateX(30%); animation-range: entry contain 10%; } .mod_home_layered_photo svg.logo-part.bg-part { transform: translateX(-40%); animation-range: entry contain 10%; } .mod_home_layered_photo svg.logo-part.fg-part { transform: translateX(-40%); animation-range: entry contain 10%; } } } .mod_home_our_locations_module { background: #f9f9f9; } .mod_home_our_locations_module .row { display: flex; max-width: none; padding: 0; } @media only screen and (max-width: 850px) { .mod_home_our_locations_module .row { display: block; } } .mod_home_our_locations_module .row .overflow-scroller { flex: 1 1 auto; display: flex; } .mod_home_our_locations_module .row .overflow-scroller .inner { display: flex; width: 100%; } .mod_home_our_locations_module .row h2 { display: grid; place-items: center; padding: 20px 30px; margin-bottom: 0; font-size: 1rem; text-transform: uppercase; color: #fff; background: #64707e; white-space: nowrap; } .landing-page .mod_home_our_locations_module .row ul { pointer-events: none; } .mod_home_our_locations_module .row ul { flex: 1 1 auto; display: flex; justify-content: space-around; gap: 10px 40px; margin: 0 auto; padding-inline: 30px; max-width: 1500px; } .mod_home_our_locations_module .row ul li { display: flex; flex-direction: column; justify-content: center; padding: 0; margin: 0; } .mod_home_our_locations_module .row ul li a { flex: 1 1 auto; display: flex; align-items: center; font-size: clamp(.875rem, .8447rem + .1294vw, 1rem); font-weight: 600; text-transform: uppercase; text-decoration: none !important; text-align: center; letter-spacing: clamp(.0313rem, .0237rem + .0324vw, .0625rem); line-height: 1.2; } .mod_home_our_locations_module .row ul li a span { display: inline-block; transition: transform .3s ease; } .mod_home_our_locations_module .row ul li a::before { content: ""; position: relative; top: -1px; display: inline-block; margin-right: clamp(.5rem, .3786rem + .5178vw, 1rem); aspect-ratio: 24/25; width: clamp(1.25rem, 1.1893rem + .2589vw, 1.5rem); background-size: cover; background-image: var(--locations); filter: invert(1); transition: transform .3s ease; } .mod_home_our_locations_module .row ul li a:hover { opacity: 1; } .mod_home_our_locations_module .row ul li a:hover span { transform: translateX(-5px); } .mod_home_our_locations_module .row ul li a:hover::before { transform: translateX(clamp(.125rem, .0795rem + .1942vw, .3125rem)); } @media only screen and (max-width: 1200px) { .mod_home_our_locations_module .row ul { flex-wrap: wrap; justify-content: center; padding-block: 20px; max-width: 700px; } .mod_home_our_locations_module .row ul li a { flex: 0 1 auto; } } @media only screen and (max-width: 40em) { .mod_home_our_locations_module .row ul { flex-wrap: nowrap; max-width: none; width: fit-content; padding-right: 50px; } .mod_home_our_locations_module .row ul li { flex-direction: row; } .mod_home_our_locations_module .row ul li a { white-space: nowrap; } } @media only screen and (max-width: 40em) { .mod_home_our_locations_module .row .overflow-scroller { position: relative; } .mod_home_our_locations_module .row .overflow-scroller:before, .mod_home_our_locations_module .row .overflow-scroller:after { content: ""; position: absolute; right: 0; top: 50%; transform: translateY(-50%); height: 100%; width: 30px; transition: opacity ease .5s; } .mod_home_our_locations_module .row .overflow-scroller:before { background: #aec2cf; z-index: 1; box-shadow: 0 0 15px rgba(0, 0, 0, .2); } .mod_home_our_locations_module .row .overflow-scroller:after { background: var(--largeArrow) center/18px no-repeat; z-index: 2; } .mod_home_our_locations_module .row .overflow-scroller.end:before, .mod_home_our_locations_module .row .overflow-scroller.end:after { opacity: 0; } .mod_home_our_locations_module .row .overflow-scroller .inner { overflow: scroll; } } .mod_home_services_cta { overflow-x: clip; } .mod_home_services_cta .row { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: clamp(1rem, .7573rem + 1.0356vw, 2rem); } @media only screen and (max-width: 64em) { .mod_home_services_cta .row { padding-inline: 20px; } } @media only screen and (max-width: 700px) { .mod_home_services_cta .row { grid-template-columns: 1fr; } } .landing-page .mod_home_services_cta a { pointer-events: none; } .mod_home_services_cta a { position: relative; display: grid; place-content: center; aspect-ratio: 458/766; background: #000; overflow: clip; } .mod_home_services_cta a::before, .mod_home_services_cta a::after { content: ""; position: absolute; z-index: 1; inset: calc(100% - clamp(.625rem, .4733rem + .6472vw, 1.25rem)) 0 0 0; } .mod_home_services_cta a::before { background: #64707e; transition: inset .45s ease; } .mod_home_services_cta a::after { background: #000; transform: translateY(100%); transition: transform .45s ease; } .mod_home_services_cta a .title { position: relative; z-index: 3; display: block; font-size: clamp(1.4375rem, .2296rem + 2.4129vw, 3.125rem); font-weight: 700; text-transform: uppercase; text-align: center; letter-spacing: clamp(.05rem, .0374rem + .0537vw, .1019rem); color: #fff; transform: translateY(clamp(6.25rem, 3.5657rem + 5.3619vw, 10rem)); transition: transform .45s ease; } .mod_home_services_cta a .arrow { position: absolute; z-index: 3; left: 0; bottom: clamp(1.25rem, .7949rem + 1.9417vw, 3.125rem); aspect-ratio: 101/102; width: clamp(1.875rem, .7979rem + 4.5955vw, 6.3125rem); background-image: var(--largeArrow); background-size: cover; transform: translateX(-100%); transition: transform .45s ease; } .mod_home_services_cta a picture { z-index: 2; opacity: .15; height: calc(100% - clamp(.625rem, .4733rem + .6472vw, 1.25rem)); top: 0; transform: translateX(-50%); overflow: clip; } .mod_home_services_cta a:nth-child(1) picture { opacity: .24; } .mod_home_services_cta a:hover { opacity: 1; } .mod_home_services_cta a:hover::before { inset: 0; } .mod_home_services_cta a:hover::after, .mod_home_services_cta a:hover .title, .mod_home_services_cta a:hover .arrow { transform: translateX(0); } @media only screen and (max-width: 64em) { .mod_home_services_cta a::before { inset: 0; } .mod_home_services_cta a::after, .mod_home_services_cta a .title, .mod_home_services_cta a .arrow { transform: translateX(0); } } @media only screen and (max-width: 700px) { .mod_home_services_cta a { aspect-ratio: 16/7; } .mod_home_services_cta a picture img { object-position: center 40%; } } @supports (animation-timeline: view()) { @media only screen and (min-width: 1025px) { .mod_home_services_cta a:nth-child(1) { transform: translateX(-25%); } .mod_home_services_cta a:nth-child(3) { transform: translateX(25%); } .mod_home_services_cta a:nth-child(1), .mod_home_services_cta a:nth-child(3) { animation: backToCenter linear both; animation-range: entry contain -100%; } } } @supports not (animation-timeline: view()) { @media only screen and (min-width: 1025px) { .mod_home_services_cta.viewport--once a { transition: transform 1s ease; } .mod_home_services_cta.viewport--once a:nth-child(1) { transform: translateX(-25%); } .mod_home_services_cta.viewport--once a:nth-child(3) { transform: translateX(25%); } .mod_home_services_cta.in-viewport a:nth-child(1), .mod_home_services_cta.in-viewport a:nth-child(3) { transform: translateX(0); } } } .mod_home_providers_module { position: relative; overflow: clip; margin-top: clamp(.9375rem, .71rem + .9709vw, 1.875rem); } .mod_home_providers_module .row { max-width: none; padding: clamp(1.875rem, .5097rem + 5.8252vw, 7.5rem) 0 clamp(2.5rem, 1.2864rem + 5.178vw, 7.5rem); display: flex; align-items: center; } .mod_home_providers_module .row .copy, .mod_home_providers_module .row .providers { width: 50%; } @media only screen and (max-width: 64em) { .mod_home_providers_module .row { display: block; } .mod_home_providers_module .row .copy, .mod_home_providers_module .row .providers { width: 100%; } .mod_home_providers_module .row .providers.add-padding { padding-inline: 30px; } } .mod_home_providers_module .copy { position: relative; z-index: 1; } @media only screen and (max-width: 64em) { .mod_home_providers_module .copy { margin-bottom: 40px; } } .mod_home_providers_module .copy *:not(.btn) { color: #fff; } .mod_home_providers_module .copy .inner { margin-inline: clamp(7.5rem, -15.0626rem + 25.0522vw, 15rem) clamp(7.5rem, 5.6198rem + 2.0877vw, 8.125rem); } @media only screen and (max-width: 1440px) { .mod_home_providers_module .copy .inner { margin-inline: clamp(1.875rem, -37.5rem + 50vw, 7.5rem) 50px; } } .mod_home_providers_module .copy .inner h2 .small, .mod_home_providers_module .copy .inner h2 .mod_video_columns_two .row .item .content a.btn, .mod_video_columns_two .row .item .content .mod_home_providers_module .copy .inner h2 a.btn, .mod_home_providers_module .copy .inner h2 .mod_reviews_slider a.btn, .mod_reviews_slider .mod_home_providers_module .copy .inner h2 a.btn, .mod_home_providers_module .mod_media_list .row .grid .item .copy .inner h2 a.btn, .mod_media_list .row .grid .item .mod_home_providers_module .copy .inner h2 a.btn, .mod_home_providers_module .copy .mod_index > .row .inner h2 .item a.btn, .mod_index > .row .mod_home_providers_module .copy .inner h2 .item a.btn, .mod_home_providers_module .copy .mod_index > .row .inner .item h2 a.btn, .mod_index > .row .mod_home_providers_module .copy .inner .item h2 a.btn, .mod_home_providers_module .copy .inner h2 .mod_hero.has-ba .ba-include a.btn, .mod_hero.has-ba .ba-include .mod_home_providers_module .copy .inner h2 a.btn, .mod_home_providers_module .copy .inner h2 .mod_box_grid .boxes .box a.btn, .mod_box_grid .boxes .box .mod_home_providers_module .copy .inner h2 a.btn, .mod_home_providers_module .copy .inner h2 body.blog .container:not(footer):not(.partial_cta_sub) a.btn, body.blog .container:not(footer):not(.partial_cta_sub) .mod_home_providers_module .copy .inner h2 a.btn, .mod_home_providers_module .copy .inner h2 .contact-scroll.fixed, .mod_home_providers_module .copy .inner h2 .mod_home_grid .row .grid .item .content a.btn, .mod_home_grid .row .grid .item .content .mod_home_providers_module .copy .inner h2 a.btn { margin-top: 0; } .mod_home_providers_module .copy .inner p { max-width: 505px; } .mod_home_providers_module .providers .swiper { overflow: visible; overflow-x: clip; } .mod_home_providers_module .providers .swiper-wrapper { transition-timing-function: linear !important; } .mod_home_providers_module .providers .swiper-slide { max-width: 356px; } .mod_home_providers_module .providers a .photo { position: relative; aspect-ratio: 1/1; overflow: clip; } .mod_home_providers_module .providers a .photo img { transition: transform .3s ease; } .mod_home_providers_module .providers a .photo .comingSoon { position: absolute; bottom: 0; left: 0; right: 0; background: #64707e; color: #fff; padding: 10px; font-weight: 700; text-align: center; } .mod_home_providers_module .providers a .name { margin-top: clamp(1.125rem, 1.034rem + .3883vw, 1.5rem); padding-right: 30px; font-size: clamp(1.125rem, 1.0947rem + .1294vw, 1.25rem); font-weight: 700; text-transform: uppercase; letter-spacing: clamp(.0313rem, .0237rem + .0324vw, .0625rem); line-height: 1.2; color: #fff; } .mod_home_providers_module .providers a:hover { opacity: 1; } .mod_home_providers_module .providers a:hover .photo img { transform: scale(1.05); } .mod_home_providers_module .providers .swiper-scrollbar { position: relative; z-index: 1; left: 0; bottom: -45px; width: min(90%, 748px); background: #474747; } .mod_home_providers_module .providers .swiper-scrollbar .swiper-scrollbar-drag { background: #fff; } @media only screen and (min-width: 1025px) { .home .mod_home_providers_module .copy { transform: translateX(-15%); } .home .mod_home_providers_module .swiper { transform: translateX(15%); } } @supports (animation-timeline: view()) { .home .mod_home_providers_module .copy, .home .mod_home_providers_module .swiper { animation: backToCenter linear both; animation-range: entry contain 10%; } } @supports not (animation-timeline: view()) { @media only screen and (min-width: 1025px) { .home .mod_home_providers_module.viewport--once .copy, .home .mod_home_providers_module.viewport--once .swiper { transition: transform 1.2s ease; } .home .mod_home_providers_module.in-viewport .copy { transform: translateX(0); } .home .mod_home_providers_module.in-viewport .swiper { transform: translateX(0); } } } .mod_home_logo_list .row { max-width: none; padding: clamp(1.25rem, .6432rem + 2.589vw, 3.75rem) 0; } @keyframes scrolllogo-list { 0% { transform: translateX(0); } 100% { transform: translateX(calc(( clamp(7.5rem, 6.165rem + 5.6958vw, 13rem) + clamp(0rem, -.3034rem + 1.2945vw, 1.25rem) ) * -9)); } } .mod_home_logo_list .css-slider { overflow: hidden; position: relative; } .mod_home_logo_list .css-slider .slide-track { display: flex; align-items: center; gap: clamp(0rem, -.3034rem + 1.2945vw, 1.25rem); width: calc(( clamp(7.5rem, 6.165rem + 5.6958vw, 13rem) + clamp(0rem, -.3034rem + 1.2945vw, 1.25rem) ) * 18); animation: scrolllogo-list 38s linear infinite; animation-play-state: paused; } @media only screen and (max-width: 40em) { .mod_home_logo_list .css-slider .slide-track { animation-duration: 28s; } } .mod_home_logo_list .css-slider .slide { height: auto; max-height: none; width: clamp(7.5rem, 6.165rem + 5.6958vw, 13rem); } .mod_home_logo_list.in-viewport .css-slider .slide-track { animation-play-state: running; } .mod_home_treatments_module .row { position: relative; max-width: none; padding: 0; margin-block: clamp(3.75rem, 2.8398rem + 3.8835vw, 7.5rem); display: flex; } @media only screen and (max-width: 800px) { .mod_home_treatments_module .row { padding-bottom: calc(65px + clamp(-.3125rem, -1.2227rem + 3.8835vw, 3.4375rem)); } } .mod_home_treatments_module .swiper { margin-left: clamp(10rem, 2.3944rem + 15.1921vw, 20.625rem); } @media only screen and (max-width: 800px) { .mod_home_treatments_module .swiper { margin-left: 0; } } .mod_home_treatments_module .swiper-slide { position: relative; display: grid; place-content: center; background: #000; padding: clamp(2.5rem, -.1843rem + 5.3619vw, 6.25rem) clamp(1.25rem, -.0922rem + 2.681vw, 3.125rem); } .mod_home_treatments_module .swiper-slide h3, .mod_home_treatments_module .swiper-slide p { position: relative; z-index: 2; color: #fff; } .mod_home_treatments_module .swiper-slide h3 { display: flex; align-items: flex-end; min-height: 60px; } .mod_home_treatments_module .swiper-slide p:has(a) { position: static; } .mod_home_treatments_module .swiper-slide a { display: inline-flex; align-items: center; text-transform: uppercase; font-size: clamp(.875rem, .8447rem + .1294vw, 1rem); font-weight: 700; letter-spacing: clamp(.0313rem, .0237rem + .0324vw, .0625rem); text-decoration: none !important; } .mod_home_treatments_module .swiper-slide a::after { content: ""; display: inline-block; aspect-ratio: 101/102; width: clamp(1.5rem, 1.4242rem + .3236vw, 1.8125rem); margin-top: -3px; margin-left: clamp(.625rem, .534rem + .3883vw, 1rem); background-image: var(--largeArrow); background-size: cover; transition: transform .3s ease; } .mod_home_treatments_module .swiper-slide a:hover { opacity: 1; } .mod_home_treatments_module .swiper-slide a:hover::after { transform: translateX(10px); } .mod_home_treatments_module .swiper-slide picture { z-index: 1; opacity: .23; } .mod_home_treatments_module .swiper-nav { position: absolute; left: 0; top: 0; bottom: 0; width: clamp(7.5rem, 2.1314rem + 10.7239vw, 15rem); } @media only screen and (max-width: 800px) { .mod_home_treatments_module .swiper-nav { top: unset; bottom: clamp(-.3125rem, -1.2227rem + 3.8835vw, 3.4375rem); width: 100%; height: 50px; display: flex; gap: 16px; } } .mod_home_treatments_module .swiper-nav .swiper-button-prev, .mod_home_treatments_module .swiper-nav .swiper-button-next { top: 0; left: 0; margin-top: 0; width: 100%; height: 100%; background: #64707e; } .mod_home_treatments_module .swiper-nav .swiper-button-prev::after, .mod_home_treatments_module .swiper-nav .swiper-button-next::after { all: unset; content: ""; position: absolute; left: -20px; top: 50%; transform: translate(0, -50%); aspect-ratio: 101/102; width: auto; height: clamp(6.875rem, 3.6538rem + 6.4343vw, 11.375rem); background-image: var(--largeArrow); background-size: cover; transition: left .3s ease; } @media only screen and (min-width: 801px) { .mod_home_treatments_module .swiper-nav .swiper-button-prev:hover::after, .mod_home_treatments_module .swiper-nav .swiper-button-next:hover::after { left: clamp(-.625rem, -1.0724rem + .8937vw, 0rem); } } @media only screen and (max-width: 800px) { .mod_home_treatments_module .swiper-nav .swiper-button-prev, .mod_home_treatments_module .swiper-nav .swiper-button-next { position: relative; width: 50%; } .mod_home_treatments_module .swiper-nav .swiper-button-prev::after, .mod_home_treatments_module .swiper-nav .swiper-button-next::after { height: 86%; left: unset; right: 20px; } } @media only screen and (min-width: 801px) { .mod_home_treatments_module .swiper-nav .swiper-button-prev { display: none; } } .mod_home_treatments_module .swiper-nav .swiper-button-prev::after { transform: translate(0, -50%) rotate(180deg); left: 20px; right: unset; } .mod_home_insurance { position: relative; overflow: clip; } .mod_home_insurance .row { position: relative; z-index: 1; padding-block: clamp(2.5rem, -.8374rem + 14.2395vw, 16.25rem) clamp(0rem, -2.1238rem + 9.0615vw, 8.75rem); } .mod_home_insurance .inner { display: flex; justify-content: space-between; align-items: flex-start; gap: 40px; width: min(85%, 1230px); margin-inline: auto; } .mod_home_insurance .inner *:not(.btn) { color: #fff; } .mod_home_insurance .inner h2, .mod_home_insurance .inner .copy { width: 50%; } .mod_home_insurance .inner h2 { max-width: 572px; margin-bottom: 0; } .mod_home_insurance .inner h2 .small, .mod_home_insurance .inner h2 .mod_video_columns_two .row .item .content a.btn, .mod_video_columns_two .row .item .content .mod_home_insurance .inner h2 a.btn, .mod_home_insurance .inner h2 .mod_reviews_slider a.btn, .mod_reviews_slider .mod_home_insurance .inner h2 a.btn, .mod_home_insurance .inner h2 .mod_media_list .row .grid .item .copy a.btn, .mod_media_list .row .grid .item .copy .mod_home_insurance .inner h2 a.btn, .mod_home_insurance .mod_index > .row .inner h2 .item a.btn, .mod_index > .row .mod_home_insurance .inner h2 .item a.btn, .mod_home_insurance .mod_index > .row .inner .item h2 a.btn, .mod_index > .row .mod_home_insurance .inner .item h2 a.btn, .mod_home_insurance .inner h2 .mod_hero.has-ba .ba-include a.btn, .mod_hero.has-ba .ba-include .mod_home_insurance .inner h2 a.btn, .mod_home_insurance .inner h2 .mod_box_grid .boxes .box a.btn, .mod_box_grid .boxes .box .mod_home_insurance .inner h2 a.btn, .mod_home_insurance .inner h2 body.blog .container:not(footer):not(.partial_cta_sub) a.btn, body.blog .container:not(footer):not(.partial_cta_sub) .mod_home_insurance .inner h2 a.btn, .mod_home_insurance .inner h2 .contact-scroll.fixed, .mod_home_insurance .inner h2 .mod_home_grid .row .grid .item .content a.btn, .mod_home_grid .row .grid .item .content .mod_home_insurance .inner h2 a.btn { margin-top: 0; } .mod_home_insurance .inner .copy { max-width: 460px; } @media only screen and (max-width: 800px) { .mod_home_insurance .inner { width: 100%; flex-direction: column; } .mod_home_insurance .inner h2, .mod_home_insurance .inner .copy { width: 100%; max-width: none; } } .mod_home_insurance .logos { margin: clamp(2.5rem, 1.8932rem + 2.589vw, 5rem) auto; padding-block: clamp(1.25rem, 1.068rem + .7767vw, 2rem); border: 3px solid #fff; border-width: 1px 0; } @keyframes scrollinsurance { 0% { transform: translateX(0); } 100% { transform: translateX(calc(( clamp(7.5rem, 4.7694rem + 11.6505vw, 18.75rem) + clamp(0rem, -.1517rem + .6472vw, .625rem) ) * -12)); } } .mod_home_insurance .css-slider { overflow: hidden; position: relative; } .mod_home_insurance .css-slider .slide-track { display: flex; align-items: center; gap: clamp(0rem, -.1517rem + .6472vw, .625rem); width: calc(( clamp(7.5rem, 4.7694rem + 11.6505vw, 18.75rem) + clamp(0rem, -.1517rem + .6472vw, .625rem) ) * 24); animation: scrollinsurance 120s linear infinite; animation-play-state: paused; } @media only screen and (max-width: 40em) { .mod_home_insurance .css-slider .slide-track { animation-duration: 50s; } } .mod_home_insurance .css-slider .slide { height: auto; max-height: none; width: clamp(7.5rem, 4.7694rem + 11.6505vw, 18.75rem); } .mod_home_insurance.in-viewport .css-slider .slide-track { animation-play-state: running; } .mod_home_insurance picture.background img { object-position: center top; } .mod_home_insurance picture.background::after { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, .6); } .mod_home_locations_module { --gap: clamp(1rem, .7573rem + 1.0356vw, 2rem); } .mod_home_locations_module .row { display: grid; grid-template-columns: 1fr 1fr; gap: var(--gap); margin-block: 0; padding: var(--gap) 0; max-width: none; background: #000; } @media only screen and (max-width: 800px) { .mod_home_locations_module .row { grid-template-columns: 1fr; } } .mod_home_locations_module .copy { padding-block: clamp(1.875rem, .8131rem + 4.5307vw, 6.25rem); background: #fff; } .mod_home_locations_module .copy .inner { padding-inline: clamp(1.875rem, -37.5rem + 43.75vw, 15rem) clamp(1.875rem, -22.875rem + 27.5vw, 10.125rem); } .mod_home_locations_module .copy .listing { margin-block: clamp(1rem, .7573rem + 1.0356vw, 2rem) 0; padding-top: clamp(1rem, .7573rem + 1.0356vw, 2rem); border-top: 1px solid #000; columns: 2; } .mod_home_locations_module .copy .listing li { padding-left: 0; } .mod_home_locations_module .copy .listing li + li { margin-top: clamp(1rem, .8786rem + .5178vw, 1.5rem); } .mod_home_locations_module .copy .listing li button { text-transform: uppercase; text-align: left; font-weight: 700; letter-spacing: clamp(.0313rem, .0237rem + .0324vw, .0625rem); color: #767474; } .mod_home_locations_module .copy .listing li button.active { color: #000; } .mod_home_locations_module .copy p:has(.btn) { margin-top: clamp(1.25rem, 1.0983rem + .6472vw, 1.875rem); } @media only screen and (max-width: 800px) { .mod_home_locations_module .copy p:has(.btn) { display: none; } } .mod_home_locations_module .loc-details { display: grid; align-items: stretch; grid-template-columns: 1fr; grid-template-rows: 1fr; } .mod_home_locations_module .loc-detail { grid-column: 1; grid-row: 1; display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 63% auto; gap: var(--gap); opacity: 0; visibility: hidden; transition: opacity .6s ease; } @media only screen and (max-width: 1200px) { .mod_home_locations_module .loc-detail { grid-template-columns: .75fr 1.25fr; } } @media only screen and (max-width: 800px) { .mod_home_locations_module .loc-detail { grid-template-columns: 1fr; grid-template-rows: 1fr; } } .mod_home_locations_module .loc-detail.active { opacity: 1; visibility: visible; } .mod_home_locations_module .loc-detail .map, .mod_home_locations_module .loc-detail .photo { background: #fff; } .mod_home_locations_module .loc-detail .map { grid-area: 1/1/2/3; position: relative; } .mod_home_locations_module .loc-detail .map img { object-position: center 30%; } .mod_home_locations_module .loc-detail .map a span { position: absolute; right: 40px; bottom: 26px; display: flex; align-items: center; font-weight: 700; letter-spacing: clamp(.0313rem, .0237rem + .0324vw, .0625rem); text-transform: uppercase; } .mod_home_locations_module .loc-detail .map a span::after { content: ""; position: relative; top: -2px; display: inline-block; aspect-ratio: 101/102; width: 28px; margin-left: clamp(.75rem, .6893rem + .2589vw, 1rem); background-image: var(--largeArrow); background-size: cover; filter: invert(1); transition: transform .3s ease; } .mod_home_locations_module .loc-detail .map a span:hover::after { transform: translateX(6px); } .mod_home_locations_module .loc-detail .map a:hover { opacity: 1; } @media only screen and (max-width: 800px) { .mod_home_locations_module .loc-detail .map { aspect-ratio: 16/9; grid-area: 2/1/3/2; } } .mod_home_locations_module .loc-detail .photo { grid-area: 2/1/3/2; position: relative; } .mod_home_locations_module .loc-detail .photo a:hover { opacity: 1; } @media only screen and (max-width: 800px) { .mod_home_locations_module .loc-detail .photo { display: none; } } .mod_home_locations_module .loc-detail .address { grid-area: 2/2/3/3; display: grid; place-content: center; } @media only screen and (max-width: 800px) { .mod_home_locations_module .loc-detail .address { grid-area: 1/1/2/2; } } .mod_home_locations_module .loc-detail .address .inner { width: fit-content; margin-inline: auto; } .mod_home_locations_module .loc-detail .address * { color: #fff; } .mod_home_locations_module .loc-detail .address h3 { font-size: clamp(.875rem, .8447rem + .1294vw, 1rem); text-transform: uppercase; margin-bottom: 16px; } .mod_home_locations_module .loc-detail .address a { text-decoration: none !important; } .mod_home_locations_module .loc-detail .address a.locations { margin-bottom: 16px; } .mod_home_locations_module .loc-detail .address a.has-icon::before { margin-right: clamp(.5rem, .4697rem + .1294vw, .625rem); } .mod_home_locations_module .loc-detail .address a.locations { align-items: flex-start; } .banner { position: relative; overflow: hidden; color: #333; background-color: #f1f1f1; } @media only screen and (max-width: 64em) { .banner:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; display: block; background: #fff; opacity: .7; } } .banner .row { position: relative; z-index: 3; max-width: 1200px; padding: calc(40px + 3%) 20px; } @media only screen and (max-width: 64em) { .banner .row { max-width: 100%; padding: calc(30px + 2.5%) 20px; } } .banner .row .inner { width: 50%; max-width: 50%; padding-right: 40px; } @media only screen and (max-width: 800px) { .banner .row .inner { width: 100%; max-width: 100%; padding-right: 0; } } .banner .row .inner h1 { padding-bottom: 10px; } .banner .row .inner hr { opacity: .5; } footer.partial_footer { padding: 0; position: relative; background: #333; } footer.partial_footer > .row { padding-block: clamp(2.5rem, 1.2864rem + 5.178vw, 7.5rem); position: relative; z-index: 2; } footer.partial_footer p { color: #fff; margin-bottom: 15px; } @media only screen and (max-width: 40em) { footer.partial_footer p { text-align: center; } } footer.partial_footer nav.tresio-nav { padding-bottom: 0; } footer.partial_footer nav.tresio-nav ul.list > li.home, footer.partial_footer nav.tresio-nav ul.list > li.search { display: none; } footer.partial_footer nav.tresio-nav ul.list > li > a.tresio-nav__link { color: #fff !important; background: none !important; position: relative; padding: 0 !important; } footer.partial_footer nav.tresio-nav ul.list > li > a.tresio-nav__link:hover { background: none !important; opacity: 1 !important; } footer.partial_footer nav.tresio-nav ul.list > li.is-active > a.tresio-nav__link { color: #fff !important; } footer.partial_footer nav.tresio-nav ul.list > li.is-active > a.tresio-nav__link::after { content: none; } footer.partial_footer .reviews-holder { margin-top: 20px; } footer.partial_footer .reviews-holder p { color: #fff; text-transform: uppercase; letter-spacing: 1.5px; font-size: 11px; display: inline-block; line-height: 1.4; margin-right: 6px; margin-bottom: 0; } footer.partial_footer .reviews-holder .stars { display: inline-block; position: relative; top: -1px; } footer.partial_footer .reviews-holder .stars i { font-size: 12px; color: #fff; } footer.partial_footer .reviews-holder .stars i + i { margin-left: 2px; } footer.partial_footer .partial_socials { justify-content: right; } @media only screen and (max-width: 800px) { footer.partial_footer .partial_socials { justify-content: center; } } footer.partial_footer .nav-links { margin: 0 auto; padding: 30px 20px !important; position: relative; z-index: 9; } @media only screen and (max-width: 1100px) { footer.partial_footer .nav-links { display: none; } } footer.partial_footer .nav-links .row { max-width: 1440px; } footer.partial_footer .main { position: relative; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; } @media only screen and (max-width: 800px) { footer.partial_footer .main { grid-template-columns: 1fr; flex-wrap: wrap; justify-content: center; } } @media only screen and (max-width: 800px) { footer.partial_footer .main .item { text-align: center; margin: 15px 0; order: 2; } footer.partial_footer .main .item.logo-holder { order: 0; } } footer.partial_footer .main .item a:not(.btn) { color: #fff; display: flex; margin-bottom: 16px; } @media only screen and (max-width: 800px) { footer.partial_footer .main .item a:not(.btn) { justify-content: center; } } footer.partial_footer .main .item a:not(.btn):hover { cursor: pointer; opacity: .7 !important; } footer.partial_footer .logo-holder { text-align: center; } footer.partial_footer .logo-holder .logo { display: inline-block; } footer.partial_footer .logo-holder .logo picture { position: relative; display: block; width: clamp(13.75rem, 2.3864rem + 22.6988vw, 29.625rem); height: auto; } footer.partial_footer .logo-holder .logo picture img { width: 100%; } @media only screen and (max-width: 800px) { footer.partial_footer .logo-holder .logo picture { width: clamp(15rem, 11.6912rem + 14.1176vw, 18.75rem); } } footer.partial_footer .right-holder { text-align: right; } footer.partial_footer .right-holder .inner { text-align: center; display: inline-block; } footer.partial_footer .address { margin-top: 15px; } footer.partial_footer .address p, footer.partial_footer .address a { font-size: 16px; line-height: 1.4; color: #fff; } footer.partial_footer .address p:last-child, footer.partial_footer .address a:last-child { margin-bottom: 0; } footer.partial_footer ul.partial_socials { margin: 0 0 10px; } @media only screen and (max-width: 40em) { footer.partial_footer ul.partial_socials { width: 100%; float: none; justify-content: center; } } footer.partial_footer ul.partial_socials li a { border-radius: 0; } footer.partial_footer .fixed-cta { position: fixed; left: 0; bottom: -1px; width: 100%; text-align: center; display: none; z-index: 9999; box-shadow: 0 0 12px rgba(20, 20, 20, .25); } @media only screen and (max-width: 800px) { footer.partial_footer .fixed-cta { display: flex; } } footer.partial_footer .fixed-cta a { width: 100%; padding: 16px 10px; background: #333; color: #fff; display: block; font-size: 15px; margin-top: 0; border-radius: 0; text-transform: uppercase; letter-spacing: 1px; font-weight: 600; } footer.partial_footer .fixed-cta a span { font-size: 15px; } footer.partial_footer .fixed-cta a + a { background: #64707e; color: #fff; } footer.partial_footer .fixed-cta a:hover { opacity: 1 !important; } .trademark { position: relative; z-index: 1; background: #64707e; } .trademark .row { display: grid; align-items: center; padding: 14px; grid-template-columns: 1fr 1fr 1fr; } @media only screen and (max-width: 900px) { .trademark .row { grid-template-columns: 1fr; text-align: center; grid-gap: 10px; padding: 30px 20px; } } @media only screen and (max-width: 40em) { .trademark .row .item.reserved a { display: block; } } .trademark .row .item:nth-child(2) { text-align: center; } .trademark .row .item:nth-child(2) a + a { position: relative; margin-left: 5px; } .trademark .row .item:nth-child(2) a + a:before { content: ""; border-left: 1px solid #777; padding-right: 10px; height: 11px; display: inline-block; position: relative; top: 2px; } @media only screen and (max-width: 900px) { .trademark .row .item:nth-child(2) { margin-top: 20px; text-align: center; } } .trademark .row .item.s3 { text-align: right; } @media only screen and (max-width: 900px) { .trademark .row .item.s3 { margin-top: 20px; text-align: center; } } .trademark .row .item.s3 a { display: inline-block; text-align: left; padding-left: 42px; line-height: 1.3; letter-spacing: .8px; position: relative; font-family: "proxima-nova", sans-serif; } .trademark .row .item.s3 a span { font-size: 12px; letter-spacing: .8px; font-family: "proxima-nova", sans-serif; } .trademark .row .item.s3 a span.s3-logo { position: absolute; width: 8px; height: 30px; background: #fff; left: 11px; top: 50%; transform: translateY(-50%); border-radius: 2px; } .trademark .row .item.s3 a span.s3-logo:before, .trademark .row .item.s3 a span.s3-logo:after { content: ""; position: absolute; display: inline-block; background: #fff; width: 8px; height: 100%; top: 0; left: -11px; border-radius: 2px; } .trademark .row .item.s3 a span.s3-logo:after { left: auto; right: -11px; } .trademark .row p, .trademark .row a { font-size: .75rem; margin-bottom: 0 !important; letter-spacing: 1px; color: #fff !important; } .trademark .row p + a, .trademark .row a + a { margin-left: 10px; } .landing-page .trademark .row { grid-template-columns: 1fr 1fr; } @media only screen and (max-width: 900px) { .landing-page .trademark .row { grid-template-columns: 1fr; } } .landing-page .trademark .row .item:nth-child(2) { text-align: right; } @media only screen and (max-width: 900px) { .landing-page .trademark .row .item:nth-child(2) { text-align: center; } } .footer-content { text-align: center; padding: 20px; } .footer-content a { text-decoration: underline; } .contact-scroll.fixed { padding: 16px 32px; font-size: 16px; font-family: "proxima-nova", sans-serif; background: #64707e; color: #fff; font-weight: 400; border-radius: 5px; opacity: 1; margin: 20px auto; display: table; cursor: pointer; z-index: 999; } .contact-scroll.fixed.fixed { position: fixed; bottom: 20px; right: 20px; margin-bottom: 0; } @media only screen and (max-width: 800px) { .contact-scroll.fixed.fixed { display: none; } } form { margin: 0; } form .fields { display: flex; flex-direction: column; } form .fields .section-label { font-size: 13px; line-height: 1.4; margin-top: 10px; } form .fields .field-row { display: flex; margin-bottom: 15px; } form .fields .field-row.hidden-row { margin-bottom: 0; } form .fields .field-row.col2 .field { width: 50%; margin-right: 15px; } form .fields .field-row.col2 .field:nth-child(even) { margin-right: 0; } form .fields .field-row.col3 .field { width: 33.33%; margin-right: 15px; } form .fields .field-row.col3 .field:nth-child(3n) { margin-right: 0; } form .fields .field-row.col4 { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap: 15px; } @media only screen and (max-width: 800px) { form .fields .field-row.col4 { grid-template-columns: 1fr 1fr; } } form .fields .field-row.col5 { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; justify-content: center; align-items: center; gap: 10px; } @media only screen and (max-width: 800px) { form .fields .field-row.col5 { grid-template-columns: 1fr 1fr 1fr; } } @media only screen and (max-width: 40em) { form .fields .field-row.col2, form .fields .field-row.col3 { flex-wrap: wrap; grid-template-columns: 1fr; } form .fields .field-row.col2 .field, form .fields .field-row.col3 .field { width: 100%; margin-right: 0 !important; margin-bottom: 15px; } form .fields .field-row.col2 .field:last-child, form .fields .field-row.col3 .field:last-child { margin-bottom: 0; } } form .fields .field-row .field { position: relative; width: 100%; } form .fields .field-row .field.checkbox, form .fields .field-row .field.radio { padding-top: 20px; } form .fields .field-row .field.checkbox > label, form .fields .field-row .field.radio > label { padding-bottom: 8px; } form .fields .field-row .field.checkbox label, form .fields .field-row .field.radio label { display: block; } form .fields .field-row .field.checkbox input, form .fields .field-row .field.checkbox label, form .fields .field-row .field.radio input, form .fields .field-row .field.radio label { margin: 0; } form .fields .field-row .field.checkbox input, form .fields .field-row .field.radio input { margin-right: 8px; flex-shrink: 0; } form .fields .field-row .field.checkbox small, form .fields .field-row .field.radio small { top: 3px; } form .fields .field-row .field:not(.checkbox):not(.radio) label { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; white-space: nowrap; } form .fields .field-row .field label { font-size: 12px; margin-bottom: 5px; color: #666; } form .fields .field-row .field label[for=virtualConsultation_file_upload] { display: inline-block; margin-right: 20px; } form .fields .field-row .field .field-item { display: flex; margin-bottom: 4px; } form .fields .field-row .field small { background: #dc7474; color: #fff; border-radius: 3px; font-size: 10px; letter-spacing: .7px; width: fit-content; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; pointer-events: none; position: absolute; right: 6px; top: -6px; text-align: center; z-index: 100000; opacity: 0; padding: 2px 4px; transition: all .2s; } form .fields .field-row .field.error small { opacity: 1; } form .fields .field-row .field.error input, form .fields .field-row .field.error select, form .fields .field-row .field.error textarea { border-color: #dc7474; } form .fields .field-row .field.error .file-upload-btn { border: 1px solid #dc7474; } form .fields .field-row .field.select { position: relative; } form .fields .field-row .field.select:after { content: ""; position: absolute; top: 50%; right: 10px; background: url("https://static.tresiocms.com/images/arrow2.png?auto=format,compress") no-repeat center center; background-size: auto 100%; transform: translateY(-50%) rotate(90deg); padding: 5px; display: inline-block; pointer-events: none; } form .fields .field-row .field.select select { padding-right: 20px; background: #fff; color: #333; } form .fields .field-row .field.select select option, form .fields .field-row .field.select select optgroup { color: #333; } form .fields .field-row .field.follow-up.checkbox .field-item { align-items: flex-start; } form .fields .field-row .field.follow-up.checkbox .field-item input { margin-right: 10px; margin-top: 3px; } form .fields .field-row .field.follow-up.checkbox .field-item label { font-weight: 400; } form div[data-recaptcha] { width: 304px; margin: 0 auto; margin-top: 10px; margin-bottom: 2px; transition: height .2s, opacity .2s linear .4s; height: 0 !important; opacity: 0; } form div[data-recaptcha].active { opacity: 1; height: 54px !important; } @media only screen and (max-width: 64em) { form div[data-recaptcha] { margin: -10px 0 -10px -31px; } } form div[data-recaptcha] > div { transform: scale(.7); transform-origin: top center; } form div[data-recaptcha-error] { text-align: center; } form div[data-recaptcha-error].error small { margin-top: 10px; display: block; opacity: 1; } form div[data-recaptcha-error] small { background: #dc7474; color: #fff; border-radius: 3px; font-size: 10px; letter-spacing: .7px; width: fit-content; text-align: center; display: none; opacity: 0; padding: 2px 4px; transition: all .2s; margin: auto; } form .submit-holder { text-align: center; margin-top: 20px; } @media only screen and (max-width: 800px) { form .submit-holder { text-align: left; } } form .submit-holder .submit { display: none; } form ::placeholder { color: #555; } form input[type=text], form input[type=tel], form input[type=email], form input[type=number], form input[type=date], form textarea, form select { height: auto; margin-bottom: 0; padding: 10px 12px; color: #333; border-radius: 2px; font-size: 1rem; font-family: "proxima-nova", sans-serif; font-weight: 400; box-shadow: none; } form input[type=text]:focus, form input[type=tel]:focus, form input[type=email]:focus, form input[type=number]:focus, form input[type=date]:focus, form textarea:focus, form select:focus { border: 1px solid #dbdbdb; } form input[type=date] { padding: 8px 12px; position: relative; } form input[type=date]::-webkit-calendar-picker-indicator { bottom: 0; cursor: pointer; height: auto; position: absolute; right: 0; top: 0; width: 100%; opacity: .8; background-size: 20px auto; background-position: 98% center; } form textarea { resize: none; max-height: 90px; line-height: 1.5; } form .field-media { max-width: 160px; margin-bottom: 20px; } form .file-upload-btn { display: block; width: 100%; box-sizing: border-box; text-align: left; position: relative; border-radius: 2px; background: #fff; border: 1px solid #999; font-size: 80%; color: #222; padding: 12px 24px; } form .file-upload-btn:hover { color: #fff; background: #000; } form .file-upload-btn:focus { outline: 2px solid blue; outline-offset: 1px; } form .file-upload-btn input[type=file] { display: none; } form .partial_form_recaptcha_message { margin-top: clamp(3.125rem, 2.8216rem + 1.2945vw, 4.375rem); } form .partial_form_recaptcha_message p { font-size: clamp(.625rem, .5947rem + .1294vw, .75rem); text-align: center; } .hide-recaptcha-badge ~ div .grecaptcha-badge { visibility: hidden; } .non-jpg, .async_file .file-upload.multiple .filepond--list-scroller ul.filepond--list li.filepond--item .filepond--panel, .async_file .file-upload.has-poster .filepond--root .filepond--list-scroller .filepond--item[data-filepond-item-state=processing-complete], .async_file .file-upload:not(.multiple) .filepond--list-scroller ul.filepond--list li.filepond--item[data-filepond-item-state=processing-complete] { background: #999 url("https://www.datocms-assets.com/57534/1696531709-file-icon.png") no-repeat center center !important; background-size: auto 50% !important; } .async_file { width: 100%; display: flex; margin-right: 20px; flex-direction: column; } .async_file input { display: none; } .async_file:last-child { margin-right: 0; } .async_file div.file-upload { order: 1; } .async_file label { text-align: center; padding: 4px 10px 2px; margin-bottom: 0 !important; background: #ddd; border-radius: 0 0 8px 8px; display: block !important; position: absolute; bottom: 0; width: 100%; pointer-events: none; z-index: 3; } .async_file .filepond--drop-label { border-radius: 8px; overflow: hidden; transition: .3s background ease-in-out; transform: none !important; } .async_file .filepond--drop-label img { display: none; } .async_file .filepond--drop-label:hover { cursor: pointer; background: rgba(0, 0, 0, .05); } .async_file .file-upload { max-width: 100% !important; } .async_file .file-upload .filepond--file-info { font-size: 16px; letter-spacing: .2px; top: -1px; left: 0; transform: none !important; } .async_file .file-upload .filepond--file-info span.filepond--file-info-sub { opacity: .8; } .async_file .file-upload .filepond--load-indicator, .async_file .file-upload .filepond--progress-indicator { background-color: #222; box-shadow: 0 0 7px rgba(0, 0, 0, .35); border-radius: 100%; margin: 0; width: 30px; height: 30px; left: calc(50% - 15px) !important; display: flex; align-items: center; justify-content: center; pointer-events: none; } .async_file .file-upload .filepond--load-indicator:before, .async_file .file-upload .filepond--progress-indicator:before { content: " "; display: block; width: 20px; height: 20px; margin: 8px; border-radius: 50%; border: 10px solid #fff; border-color: #fff #fff #fff rgba(0, 0, 0, 0); animation: rotateRing .8s linear infinite; } .async_file .file-upload .filepond--load-indicator:after, .async_file .file-upload .filepond--progress-indicator:after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 16px; height: 16px; border-radius: 100%; background-color: #222; } @keyframes rotateRing { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .async_file .file-upload .filepond--load-indicator svg, .async_file .file-upload .filepond--progress-indicator svg { display: none; } .async_file .file-upload:not(.multiple) .filepond--file-status { display: none; } .async_file .file-upload:not(.multiple) .filepond--root { border-radius: 8px; overflow: hidden; margin-bottom: 6px !important; height: auto !important; padding-top: 65%; } .async_file .file-upload:not(.multiple) .filepond--drop-label { height: 100%; display: flex; align-items: center; justify-content: center; } .async_file .file-upload:not(.multiple) .filepond--drop-label > label { width: 100%; min-width: 100%; height: 100%; position: relative; } .async_file .file-upload:not(.multiple) .filepond--drop-label > label > img { display: block !important; position: absolute; top: calc(50% - 10px); left: 50%; transform: translate(-50%, -50%); width: 44%; height: 44%; object-fit: contain; } .async_file .file-upload:not(.multiple) .filepond--list-scroller { height: 100% !important; margin: 0 !important; pointer-events: none; } .async_file .file-upload:not(.multiple) .filepond--list-scroller ul.filepond--list { padding-left: 0; height: 100% !important; position: relative; top: 100%; left: 0; transform: translateY(-100%); pointer-events: none; } .async_file .file-upload:not(.multiple) .filepond--list-scroller ul.filepond--list li.filepond--item { margin: 0 !important; padding-left: 0; height: calc(100% + 1px) !important; pointer-events: none; top: 0; } .async_file .file-upload:not(.multiple) .filepond--list-scroller ul.filepond--list li.filepond--item[data-filepond-item-state=processing-complete] { pointer-events: initial; } .async_file .file-upload:not(.multiple) .filepond--list-scroller ul.filepond--list li.filepond--item[data-filepond-item-state=processing-complete] .filepond--file { position: relative; } .async_file .file-upload:not(.multiple) .filepond--list-scroller ul.filepond--list li.filepond--item[data-filepond-item-state=processing-complete] .filepond--file:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; display: block; background: #000; opacity: 1; background: linear-gradient(360deg, rgba(0, 0, 0, 0) 0%, #359763 70%); height: 40%; z-index: 101; } .async_file .file-upload:not(.multiple) .filepond--list-scroller ul.filepond--list li.filepond--item[data-filepond-item-state=processing-complete] .filepond--image-preview-overlay-success { opacity: 0; visibility: hidden; } .async_file .file-upload:not(.multiple) .filepond--list-scroller ul.filepond--list li.filepond--item[data-filepond-item-state=processing-error], .async_file .file-upload:not(.multiple) .filepond--list-scroller ul.filepond--list li.filepond--item[data-filepond-item-state=load-invalid] { background-color: #c44e47 !important; } .async_file .file-upload:not(.multiple) .filepond--list-scroller ul.filepond--list li.filepond--item[data-filepond-item-state=processing-error] .filepond--file-action-button.filepond--action-revert-item-processing, .async_file .file-upload:not(.multiple) .filepond--list-scroller ul.filepond--list li.filepond--item[data-filepond-item-state=load-invalid] .filepond--file-action-button.filepond--action-revert-item-processing { display: none; } .async_file .file-upload:not(.multiple) .filepond--list-scroller ul.filepond--list li.filepond--item[data-filepond-item-state=processing-error] .filepond--file-action-button.filepond--action-remove-item, .async_file .file-upload:not(.multiple) .filepond--list-scroller ul.filepond--list li.filepond--item[data-filepond-item-state=load-invalid] .filepond--file-action-button.filepond--action-remove-item { display: block !important; top: 50%; left: 50%; transform: translate(-50%, -50%) !important; opacity: 1 !important; visibility: visible !important; pointer-events: initial !important; } .async_file .file-upload:not(.multiple) .filepond--list-scroller ul.filepond--list li.filepond--item .filepond--file-action-button:not(.filepond--action-revert-item-processing) { display: none; } .async_file .file-upload:not(.multiple) .filepond--list-scroller ul.filepond--list li.filepond--item .filepond--file-action-button:hover { cursor: pointer; } .async_file .file-upload:not(.multiple) .filepond--list-scroller ul.filepond--list li.filepond--item .filepond--image-preview canvas { width: 100% !important; height: 100% !important; object-fit: cover; } .async_file .file-upload:not(.multiple) .filepond--list-scroller ul.filepond--list li.filepond--item[data-filepond-item-state="busy processing"] .filepond--load-indicator, .async_file .file-upload:not(.multiple) .filepond--list-scroller ul.filepond--list li.filepond--item[data-filepond-item-state=processing] .filepond--load-indicator { opacity: 1 !important; visibility: visible !important; } .async_file .file-upload:not(.multiple) .filepond--list-scroller ul.filepond--list li.filepond--item[data-filepond-item-state="busy processing"] .filepond--process-indicator, .async_file .file-upload:not(.multiple) .filepond--list-scroller ul.filepond--list li.filepond--item[data-filepond-item-state=processing] .filepond--process-indicator { opacity: 0; visibility: hidden; } .async_file .file-upload:not(.multiple) .filepond--list-scroller ul.filepond--list li.filepond--item[data-filepond-item-state="busy processing"], .async_file .file-upload:not(.multiple) .filepond--list-scroller ul.filepond--list li.filepond--item[data-filepond-item-state=processing] { background: #999; } .async_file .file-upload:not(.multiple) .filepond--list-scroller ul.filepond--list li.filepond--item[data-filepond-item-state="busy processing"] .filepond--panel-top, .async_file .file-upload:not(.multiple) .filepond--list-scroller ul.filepond--list li.filepond--item[data-filepond-item-state="busy processing"] .filepond--panel-center, .async_file .file-upload:not(.multiple) .filepond--list-scroller ul.filepond--list li.filepond--item[data-filepond-item-state="busy processing"] .filepond--panel-bottom, .async_file .file-upload:not(.multiple) .filepond--list-scroller ul.filepond--list li.filepond--item[data-filepond-item-state=processing] .filepond--panel-top, .async_file .file-upload:not(.multiple) .filepond--list-scroller ul.filepond--list li.filepond--item[data-filepond-item-state=processing] .filepond--panel-center, .async_file .file-upload:not(.multiple) .filepond--list-scroller ul.filepond--list li.filepond--item[data-filepond-item-state=processing] .filepond--panel-bottom { background: none !important; box-shadow: none !important; } .async_file .file-upload:not(.multiple) .filepond--list-scroller ul.filepond--list li.filepond--item[data-filepond-item-state="busy processing"] .filepond--image-preview-wrapper, .async_file .file-upload:not(.multiple) .filepond--list-scroller ul.filepond--list li.filepond--item[data-filepond-item-state=processing] .filepond--image-preview-wrapper { opacity: 0; visibility: hidden; } .async_file .file-upload:not(.multiple) .filepond--list-scroller ul.filepond--list li.filepond--item[data-filepond-item-state=processing-complete] .filepond--panel-top, .async_file .file-upload:not(.multiple) .filepond--list-scroller ul.filepond--list li.filepond--item[data-filepond-item-state=processing-complete] .filepond--panel-center, .async_file .file-upload:not(.multiple) .filepond--list-scroller ul.filepond--list li.filepond--item[data-filepond-item-state=processing-complete] .filepond--panel-bottom { background: none !important; box-shadow: none !important; } .async_file .file-upload:not(.multiple) .filepond--list-scroller ul.filepond--list li.filepond--item[data-filepond-item-state=processing-complete] .filepond--image-preview-wrapper { opacity: 1; visibility: visible; } .async_file .file-upload:not(.multiple) .filepond--list-scroller ul.filepond--list li.filepond--item[data-filepond-item-state=processing-complete] .filepond--load-indicator { opacity: 0; visibility: hidden; } .async_file .file-upload:not(.multiple):not(.has-poster) .filepond--drop-label { display: flex; align-items: center; justify-content: center; } .async_file .file-upload:not(.multiple):not(.has-poster) .filepond--drop-label > label { height: auto; } .async_file .file-upload.has-poster .filepond--root { border-radius: 0; margin-bottom: 0; } .async_file .file-upload.has-poster .filepond--root .filepond--drop-label label { padding: 0; margin-bottom: 0; } .async_file .file-upload.has-poster .filepond--root .filepond--drop-label label img { filter: invert(1); } .async_file .file-upload.has-poster .filepond--root .filepond--list-scroller .filepond--panel .filepond--panel-top, .async_file .file-upload.has-poster .filepond--root .filepond--list-scroller .filepond--panel .filepond--panel-center, .async_file .file-upload.has-poster .filepond--root .filepond--list-scroller .filepond--panel .filepond--panel-bottom { box-shadow: none; } .async_file .file-upload.has-poster .filepond--root .filepond--list-scroller .filepond--item .filepond--file .filepond--file-info { position: relative; z-index: 9999; width: 100%; padding: 10px; } .async_file .file-upload.has-poster .filepond--root .filepond--list-scroller .filepond--item .filepond--file .filepond--file-info * { color: #fff; text-shadow: 0 0 4px rgba(0, 0, 0, .4); } .async_file .file-upload.has-poster .filepond--root .filepond--list-scroller .filepond--item .filepond--panel-center { height: 100% !important; } .async_file .file-upload.has-poster .filepond--root .filepond--list-scroller .filepond--item[data-filepond-item-state=processing-complete] .filepond--panel-top, .async_file .file-upload.has-poster .filepond--root .filepond--list-scroller .filepond--item[data-filepond-item-state=processing-complete] .filepond--panel-center, .async_file .file-upload.has-poster .filepond--root .filepond--list-scroller .filepond--item[data-filepond-item-state=processing-complete] .filepond--panel-bottom { background: none !important; box-shadow: none !important; } .async_file .file-upload.has-poster .filepond--image-preview-wrapper { border-radius: 0; } .async_file .file-upload.has-poster .filepond--list-scroller { margin: 0 !important; height: 100%; } .async_file .file-upload.has-poster .filepond--list-scroller .filepond--item { margin: 0; height: 100% !important; width: 100% !important; } .async_file .file-upload.multiple { margin-bottom: 6px; } .async_file .file-upload.multiple .filepond--root { position: relative; } .async_file .file-upload.multiple .filepond--root .filepond--drop-label { position: relative; top: 50%; transform: translateY(-50%) !important; } .async_file .file-upload.multiple .filepond--root .filepond--drop-label:hover { background: none; } .async_file .file-upload.multiple .filepond--list-scroller { height: 100% !important; margin: 0 !important; pointer-events: none; } .async_file .file-upload.multiple .filepond--list-scroller ul.filepond--list { padding: 15px; height: 100% !important; position: relative; top: 100%; left: 0; transform: translateY(-100%); display: grid; gap: 0 10px; grid-template-columns: 1fr 1fr 1fr 1fr; transition: all .3s ease-in-out; } .async_file .file-upload.multiple .filepond--list-scroller ul.filepond--list li.filepond--item { padding-left: 0; border-radius: 8px; overflow: hidden; margin-top: 0 !important; height: 140px !important; } .async_file .file-upload.multiple .filepond--list-scroller ul.filepond--list li.filepond--item[data-filepond-item-state=processing-complete] { pointer-events: initial; } .async_file .file-upload.multiple .filepond--list-scroller ul.filepond--list li.filepond--item[data-filepond-item-state=processing-error] .filepond--panel, .async_file .file-upload.multiple .filepond--list-scroller ul.filepond--list li.filepond--item[data-filepond-item-state=processing-error] .filepond--panel > div, .async_file .file-upload.multiple .filepond--list-scroller ul.filepond--list li.filepond--item[data-filepond-item-state=load-invalid] .filepond--panel, .async_file .file-upload.multiple .filepond--list-scroller ul.filepond--list li.filepond--item[data-filepond-item-state=load-invalid] .filepond--panel > div { background: #c44e47 !important; } .async_file .file-upload.multiple .filepond--list-scroller ul.filepond--list li.filepond--item[data-filepond-item-state=processing-error] .filepond--file-action-button.filepond--action-revert-item-processing, .async_file .file-upload.multiple .filepond--list-scroller ul.filepond--list li.filepond--item[data-filepond-item-state=load-invalid] .filepond--file-action-button.filepond--action-revert-item-processing { display: none; } .async_file .file-upload.multiple .filepond--list-scroller ul.filepond--list li.filepond--item[data-filepond-item-state=processing-error] .filepond--file-action-button.filepond--action-remove-item, .async_file .file-upload.multiple .filepond--list-scroller ul.filepond--list li.filepond--item[data-filepond-item-state=load-invalid] .filepond--file-action-button.filepond--action-remove-item { display: block !important; top: 50%; left: 50%; transform: translate(-50%, -50%) !important; opacity: 1 !important; visibility: visible !important; pointer-events: initial !important; } .async_file .file-upload.multiple .filepond--list-scroller ul.filepond--list li.filepond--item .filepond--file-action-button:not(.filepond--action-revert-item-processing), .async_file .file-upload.multiple .filepond--list-scroller ul.filepond--list li.filepond--item .filepond--processing-complete-indicator { display: none; } .async_file .file-upload.multiple .filepond--list-scroller ul.filepond--list li.filepond--item .filepond--file-action-button:hover { cursor: pointer; } .async_file .file-upload.multiple .filepond--list-scroller ul.filepond--list li.filepond--item .filepond--image-preview canvas { width: 100% !important; height: 100% !important; object-fit: cover; } .async_file .file-upload.multiple .filepond--list-scroller ul.filepond--list li.filepond--item .filepond--file-info { position: absolute; left: 0; width: 100%; padding: 10px; z-index: 9999; } .async_file .file-upload.multiple .filepond--list-scroller ul.filepond--list li.filepond--item .filepond--file-info * { color: #fff !important; text-shadow: 0 0 4px rgba(0, 0, 0, .4); } .async_file .file-upload.multiple .filepond--list-scroller ul.filepond--list li.filepond--item .filepond--file { padding: 0; } .async_file .file-upload.multiple .filepond--list-scroller ul.filepond--list li.filepond--item .filepond--file > legend { position: absolute; top: 10px; left: 10px; } .async_file .file-upload.multiple .filepond--list-scroller ul.filepond--list li.filepond--item .filepond--panel .filepond--panel-top, .async_file .file-upload.multiple .filepond--list-scroller ul.filepond--list li.filepond--item .filepond--panel .filepond--panel-bottom { background: none !important; box-shadow: none !important; } .async_file .file-upload.multiple .filepond--list-scroller ul.filepond--list li.filepond--item .filepond--file-status { display: none; } .async_file .file-upload.multiple .filepond--list-scroller ul.filepond--list:empty { opacity: 0; visibility: hidden; pointer-events: none; } .async_file .file-upload.multiple .filepond--list-scroller ul.filepond--list:not(empty) { background: #f1f0ef; z-index: 99; } .file-upload { text-align: center; } .file-upload.multiple { max-width: 100% !important; } .file-upload .filepond--hopper { box-shadow: 0 5px 12px -6px #a9a9a9; border-radius: 8px !important; display: block; overflow: hidden; } .file-upload .filepond--hopper li.filepond--item { top: -3px; transform: none !important; } .file-upload .filepond--hopper li.filepond--item:before { display: none; } .file-upload .filepond--hopper .filepond--list-scroller { transform: none !important; } .file-upload .filepond--hopper .filepond--image-clip { height: 100% !important; width: 100% !important; } .file-upload .filepond--hopper .filepond--image-clip .filepond--image-canvas-wrapper { height: 100% !important; width: 100% !important; transform: none !important; } .file-upload .filepond--hopper .filepond--image-clip .filepond--image-canvas-wrapper .filepond--image-bitmap { height: 100% !important; width: 100% !important; } .file-upload .filepond--hopper .filepond--image-clip .filepond--image-canvas-wrapper .filepond--image-bitmap canvas { width: auto !important; height: 100% !important; position: relative; } .file-upload .filepond--hopper .filepond--progress-indicator, .file-upload .filepond--hopper .filepond--file-action-button { top: calc(50% - .8125em); left: calc(50% - .8125em); } .file-upload .filepond--hopper .filepond--progress-indicator { left: calc(50% - 11px); } .file-upload .filepond--hopper .filepond--drop-label { cursor: pointer; opacity: 1 !important; } .file-upload .filepond--hopper .filepond--drop-label label { cursor: pointer; font-size: 11px; letter-spacing: .8px; background: none; } .file-upload .filepond--hopper .filepond--drop-label img { cursor: pointer; } .file-upload .filepond--hopper[data-hopper-state=drag-over] .filepond--drop-label { pointer-events: none; opacity: 0 !important; } .file-upload .filepond--hopper[data-hopper-state=drag-drop] .filepond--drop-label { pointer-events: none; opacity: 0 !important; } .file-upload .filepond--hopper[data-hopper-state=drag-drop] .filepond--list-scroller { transform: translateY(0) !important; } .file-upload .filepond--hopper[data-style-panel-layout=circle] { border-radius: 100% !important; overflow: hidden; } .file-upload .filepond--hopper[data-style-panel-layout=circle] .filepond--file-info { display: flex !important; text-align: center; margin-top: 5px; margin-right: 0; padding: 0 15px; z-index: 999; visibility: visible; align-items: center; opacity: 1; } .file-upload .filepond--drop-label > label { max-width: 160px; } .file-upload .filepond--credits { display: none; } textarea + small { border-bottom-right-radius: 0 !important; } .field.async_file * { font-family: inherit; } .field.async_file .filepond--root { margin-bottom: 0; } .field.async_file .filepond--root label, .field.async_file .filepond--root input[type=file] { display: block !important; } .field.async_file .filepond--root[data-hopper-state=drag-over] .filepond--drop-label, .field.async_file .filepond--root[data-hopper-state=drag-drop] .filepond--drop-label { pointer-events: none; display: flex !important; opacity: 1 !important; visibility: visible !important; } .field.async_file .filepond--root[data-hopper-state=drag-over] .filepond--drop-label > label, .field.async_file .filepond--root[data-hopper-state=drag-drop] .filepond--drop-label > label { pointer-events: none; } .field.async_file .filepond--root[data-hopper-state=drag-over]:after, .field.async_file .filepond--root[data-hopper-state=drag-drop]:after { pointer-events: none; } .field.async_file .filepond--root[data-hopper-state=drag-over] .filepond--drop-label, .field.async_file .filepond--root[data-hopper-state=drag-drop] .filepond--drop-label { z-index: 11 !important; } .field.async_file .filepond--root[data-hopper-state=drag-over] .filepond--list-scroller, .field.async_file .filepond--root[data-hopper-state=drag-drop] .filepond--list-scroller { z-index: 120 !important; } .field.async_file .filepond--root[data-hopper-state=drag-over] .filepond--list-scroller .filepond--image-preview-wrapper, .field.async_file .filepond--root[data-hopper-state=drag-drop] .filepond--list-scroller .filepond--image-preview-wrapper { z-index: 101 !important; } .partial_gallery_index { position: relative; } .partial_gallery_index .row { max-width: 1024px; margin: 0 auto; display: grid; grid-template-columns: 1fr 1fr; grid-gap: 20px; } @media only screen and (max-width: 40em) { .partial_gallery_index .row { grid-template-columns: 1fr; } } .partial_gallery_index .row .group picture.media { display: block; } .partial_gallery_index .row .group .links { margin-top: 20px; max-width: 80%; } @media only screen and (max-width: 40em) { .partial_gallery_index .row .group .links { max-width: 100%; } } .partial_gallery_index .row .group .links ul { margin: 0; } .partial_gallery_index .row .group .links ul li { line-height: 2; font-size: 15px; padding-left: 0; } .partial_gallery_index .row .group .links ul li a { color: #333; text-decoration: none; } .partial_gallery_index .row .group .links ul li a:hover { color: #333; opacity: 1; } .partial_gallery_index .row .group .links ul li + li { margin-top: 4px; padding-top: 4px; border-top: 1px solid #ddd; } @media only screen and (max-width: 40em) { .partial_gallery_index .row .group .links { position: relative; bottom: 0; padding: 0; margin-top: 25px; } } .age-restricted { opacity: 0; visibility: hidden; pointer-events: none; position: relative; z-index: 9999; } .age-restricted .popup { position: fixed; width: calc(100% - 40px); max-width: 560px; top: 50%; left: 50%; transform: translate(-50%, -50%); display: flex; flex-direction: column; background: hsla(0, 0%, 100%, .9); box-shadow: 0 0 30px rgba(0, 0, 0, .2); padding: 50px 30px; text-align: center; justify-content: center; align-items: center; border-radius: 4px; z-index: 9; } .age-restricted .popup h3 { font-size: 32px; } @media only screen and (max-width: 800px) { .age-restricted .popup h3 { font-size: 28px; } } @media only screen and (max-width: 40em) { .age-restricted .popup h3 { font-size: 24px; } } .age-restricted .popup p { max-width: 540px; } .age-restricted .popup span.close { position: absolute; top: 20px; right: 20px; } .age-restricted .popup span.close:before { content: "+"; transform: rotate(45deg); align-items: center; display: inline-flex; justify-content: center; font-size: 24px; height: 14px; width: 8px; } .age-restricted .popup span.close:hover { cursor: pointer; opacity: .6; } .age-restricted .overlay { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; display: block; background: #333; opacity: .5; position: fixed; z-index: 8; } .age-restricted.open { opacity: 1; visibility: visible; pointer-events: initial; } .partial_gallery_item_index .row { max-width: 1024px; margin: 0 auto; } .partial_gallery_dropdown { margin-bottom: 40px; position: relative; display: flex; justify-content: space-between; align-items: center; } @media only screen and (max-width: 40em) { .partial_gallery_dropdown { flex-direction: column; align-items: normal; grid-gap: 20px; } .partial_gallery_dropdown ul.dropdown, .partial_gallery_dropdown .dropdown { width: 100%; } .partial_gallery_dropdown .link, .partial_gallery_dropdown .mod_home_banner .row .content a.center, .mod_home_banner .row .content .partial_gallery_dropdown a.center { text-align: right; } } .partial_gallery_dropdown ul.dropdown, .partial_gallery_dropdown .dropdown { line-height: 1.6; margin: 0; } .partial_gallery_dropdown ul.dropdown .selector, .partial_gallery_dropdown .dropdown .selector { position: relative; padding: 6px 35px 5px 10px; min-width: 180px; font-size: 16px; background: #64707e; border-radius: 2px; color: #fff; cursor: pointer; } .partial_gallery_dropdown ul.dropdown .selector .icon-left-open, .partial_gallery_dropdown .dropdown .selector .icon-left-open { position: absolute; right: 12px; top: 2px; line-height: 34px; font-size: 12px; transform: rotate(270deg); transition: transform .2s; } .partial_gallery_dropdown ul.dropdown .selector:hover, .partial_gallery_dropdown .dropdown .selector:hover { border-radius: 2px 2px 0 0; } .partial_gallery_dropdown ul.dropdown .selector:hover .icon-left-open, .partial_gallery_dropdown .dropdown .selector:hover .icon-left-open { transform: rotate(90deg); } .partial_gallery_dropdown ul.dropdown .selector:hover ul, .partial_gallery_dropdown .dropdown .selector:hover ul { opacity: 1; visibility: visible; } .partial_gallery_dropdown ul.dropdown ul, .partial_gallery_dropdown .dropdown ul { opacity: 0; visibility: hidden; position: absolute; top: 37px; left: 0; width: 100%; max-height: 305px; overflow: auto; border-radius: 2px; margin: 0; z-index: 99; transition: .15s all ease-in-out; background: #fafafa; } .partial_gallery_dropdown ul.dropdown ul li a, .partial_gallery_dropdown .dropdown ul li a { padding: 8px 10px; font-size: 16px; text-decoration: none; color: #333; font-weight: 400; display: block; } .partial_gallery_dropdown ul.dropdown ul li a:hover, .partial_gallery_dropdown .dropdown ul li a:hover { background: #ddd; opacity: 1; } .partial_gallery_dropdown ul.dropdown ul li + li, .partial_gallery_dropdown .dropdown ul li + li { border-top: 1px solid #eee; } .partial_gallery_dropdown .link, .partial_gallery_dropdown .mod_home_banner .row .content a.center, .mod_home_banner .row .content .partial_gallery_dropdown a.center { text-decoration: none; } .partial_gallery_dropdown .link .icon-left-open, .partial_gallery_dropdown .mod_home_banner .row .content a.center .icon-left-open, .mod_home_banner .row .content .partial_gallery_dropdown a.center .icon-left-open { font-size: 14px; } .partial_gallery_default_item_index, .partial_gallery_popup_item_index { position: relative; display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 20px; } @media only screen and (max-width: 800px) { .partial_gallery_default_item_index, .partial_gallery_popup_item_index { grid-template-columns: 1fr 1fr; } } @media only screen and (max-width: 40em) { .partial_gallery_default_item_index, .partial_gallery_popup_item_index { grid-template-columns: 1fr; } } .partial_gallery_default_item_index .item, .partial_gallery_popup_item_index .item { position: relative; height: 160px; display: flex; border-radius: 2px; overflow: hidden; } @media only screen and (max-width: 800px) { .partial_gallery_default_item_index .item, .partial_gallery_popup_item_index .item { height: 20vw; } } @media only screen and (max-width: 40em) { .partial_gallery_default_item_index .item, .partial_gallery_popup_item_index .item { height: 35vw; } } .partial_gallery_default_item_index .item.single, .partial_gallery_popup_item_index .item.single { border-radius: 0; } .partial_gallery_default_item_index .item.single picture, .partial_gallery_popup_item_index .item.single picture { border-radius: 2px; } .partial_gallery_default_item_index .item picture, .partial_gallery_popup_item_index .item picture { width: 100%; position: relative; overflow: hidden; } .partial_gallery_default_item_index .item picture img, .partial_gallery_popup_item_index .item picture img { width: 100%; height: 100%; object-fit: cover; } .partial_gallery_default_item_index.style-landscape .item, .style-landscape.partial_gallery_popup_item_index .item { height: 220px; } @media only screen and (max-width: 1200px) { .partial_gallery_default_item_index.style-landscape .item, .style-landscape.partial_gallery_popup_item_index .item { height: 200px; } } @media only screen and (max-width: 64em) { .partial_gallery_default_item_index.style-landscape .item, .style-landscape.partial_gallery_popup_item_index .item { height: 180px; } } @media only screen and (max-width: 800px) { .partial_gallery_default_item_index.style-landscape .item, .style-landscape.partial_gallery_popup_item_index .item { height: 160px; } } .partial_gallery_default_item_index.style-portrait .item, .style-portrait.partial_gallery_popup_item_index .item { height: 280px; } @media only screen and (max-width: 1200px) { .partial_gallery_default_item_index.style-portrait .item, .style-portrait.partial_gallery_popup_item_index .item { height: 260px; } } @media only screen and (max-width: 64em) { .partial_gallery_default_item_index.style-portrait .item, .style-portrait.partial_gallery_popup_item_index .item { height: 240px; } } @media only screen and (max-width: 800px) { .partial_gallery_default_item_index.style-portrait .item, .style-portrait.partial_gallery_popup_item_index .item { height: 220px; } } @media only screen and (max-width: 40em) { .partial_gallery_default_item_index.style-portrait .item, .style-portrait.partial_gallery_popup_item_index .item { height: 200px; } } .partial_gallery_default_item_index.style-square .item, .style-square.partial_gallery_popup_item_index .item { height: 400px; } @media only screen and (max-width: 1200px) { .partial_gallery_default_item_index.style-square .item, .style-square.partial_gallery_popup_item_index .item { height: 370px; } } @media only screen and (max-width: 64em) { .partial_gallery_default_item_index.style-square .item, .style-square.partial_gallery_popup_item_index .item { height: 330px; } } @media only screen and (max-width: 800px) { .partial_gallery_default_item_index.style-square .item, .style-square.partial_gallery_popup_item_index .item { height: 300px; } } @media only screen and (max-width: 40em) { .partial_gallery_default_item_index.style-square .item, .style-square.partial_gallery_popup_item_index .item { height: 280px; } } .partial_gallery_default_item_index.no-crop .item picture img, .no-crop.partial_gallery_popup_item_index .item picture img { object-fit: contain; } .partial_gallery_popup_item_index .item { background: #f9f9f9; } .partial_gallery_popup_item_index .item .default-content { width: 100%; } .partial_gallery_popup_item_index .popup-content { display: none; } .s3-popup .popup-item-wrapper .item .default-content { display: none; } @media only screen and (max-width: 800px) { .s3-popup .popup-item-wrapper .item .popup-content .partial_gallery_item_sliders { flex-wrap: wrap; } } @media only screen and (max-width: 800px) { .s3-popup .popup-item-wrapper .item .popup-content .partial_gallery_item_sliders .thumbnails-slider { width: 100%; margin: 0 auto; } .s3-popup .popup-item-wrapper .item .popup-content .partial_gallery_item_sliders .thumbnails-slider .item picture { max-width: 70px; } .s3-popup .popup-item-wrapper .item .popup-content .partial_gallery_item_sliders .thumbnails-slider .item picture img { height: auto; } } .s3-popup .popup-item-wrapper .item .popup-content .partial_gallery_item_sliders .item-slider.single .item, .s3-popup .popup-item-wrapper .item .popup-content .partial_gallery_item_sliders .item-slider.one .item { opacity: 1; } .s3-popup .popup-item-wrapper .item .popup-content .item-copy { margin-top: 20px; } .partial_gallery_row_item_index { display: flex; flex-direction: column; grid-gap: 20px; } .partial_gallery_row_item_index .row-item { display: flex; flex-direction: row; overflow: hidden; border: 1px solid #ddd; border-radius: 2px; } @media only screen and (max-width: 800px) { .partial_gallery_row_item_index .row-item { flex-wrap: wrap; } } .partial_gallery_row_item_index .row-item .row-info { padding: 20px; width: 50%; position: relative; border-right: 1px solid #ddd; } @media only screen and (max-width: 800px) { .partial_gallery_row_item_index .row-item .row-info { border-right: none; width: 100%; } } .partial_gallery_row_item_index .row-item .row-info h2 { font-size: 24px; font-weight: 600; } @media only screen and (max-width: 64em) { .partial_gallery_row_item_index .row-item .row-info h2 { font-size: 22px; } } @media only screen and (max-width: 40em) { .partial_gallery_row_item_index .row-item .row-info h2 { font-size: 20px; } } .partial_gallery_row_item_index .row-item .row-info p.results-vary { font-size: 14px; font-style: italic; opacity: .8; } .partial_gallery_row_item_index .row-item .row-media { padding: 20px; width: 50%; display: flex; flex-wrap: wrap; } @media only screen and (max-width: 800px) { .partial_gallery_row_item_index .row-item .row-media { max-width: 600px; } } .partial_gallery_row_item_index .row-item .row-media .image { width: calc(50% - 10px); margin-top: 20px; border-radius: 2px; } .partial_gallery_row_item_index .row-item .row-media .image a { display: inline-block; } .partial_gallery_row_item_index .row-item .row-media .image a picture img { object-fit: cover; } .partial_gallery_row_item_index .row-item .row-media .image:first-child, .partial_gallery_row_item_index .row-item .row-media .image:nth-child(2) { margin-top: 0; } .partial_gallery_row_item_index .row-item .row-media .image:nth-child(even) { margin-left: 20px; } @media only screen and (max-width: 800px) { .partial_gallery_row_item_index .row-item .row-media { width: 100%; } } .partial_gallery_item { position: relative; overflow: hidden; } .partial_gallery_item .item-copy { margin-top: 40px; text-align: center; } @media only screen and (max-width: 64em) { .partial_gallery_item .item-copy { margin-top: 30px; } } @media only screen and (max-width: 800px) { .partial_gallery_item .item-copy { margin-top: 20px; } } .partial_gallery_item .item-nav { margin-top: 40px; } .partial_gallery_item .row { max-width: 1024px; margin: 0 auto; } .partial_gallery_item_sliders { width: 100%; display: flex; grid-gap: 20px; } .partial_gallery_item_sliders > div:first-child { flex: 1; } @media only screen and (max-width: 40em) { .partial_gallery_item_sliders { flex-direction: column; } } @media only screen and (max-width: 64em) { .partial_gallery_item_sliders:has(.swiper) { display: block; } } .partial_gallery_item_sliders picture { width: 100%; height: 100%; } .partial_gallery_item_sliders picture img { width: 100%; height: 100%; object-fit: cover; } .partial_gallery_item_sliders .item-slider .item, .partial_gallery_item_sliders .thumbnails-slider .item { display: flex; margin: 0; padding: 0; width: 100%; overflow: hidden; border-radius: 2px; cursor: pointer; transition: all .2s; } .partial_gallery_item_sliders .item-slider { display: flex; flex: 1; } .partial_gallery_item_sliders .item-slider.swiper { text-align: center; } .partial_gallery_item_sliders .item-slider.swiper .item { align-items: flex-start; } .partial_gallery_item_sliders .item-slider.swiper picture { height: 100%; height: none !important; } @media only screen and (max-width: 64em) { .partial_gallery_item_sliders .item-slider.swiper picture { display: block; } } @media only screen and (max-width: 800px) { .partial_gallery_item_sliders .item-slider.swiper picture { height: auto !important; } } .partial_gallery_item_sliders .item-slider.swiper picture img { object-position: center top; object-fit: contain; width: auto !important; height: 100%; border-radius: 2px; } .partial_gallery_item_sliders .thumbnails-slider { display: flex; flex-direction: column; grid-gap: 10px; width: 120px; } .partial_gallery_item_sliders .thumbnails-slider .item.active { opacity: .4; } @media only screen and (max-width: 40em) { .partial_gallery_item_sliders .thumbnails-slider { flex-direction: row; } } .partial_gallery_item_sliders .thumbnails-slider.swiper { display: block; height: 450px; } @media only screen and (max-width: 64em) { .partial_gallery_item_sliders .thumbnails-slider.swiper { margin-top: 20px; height: auto; width: 100%; overflow: visible; } } .partial_gallery_item_sliders .thumbnails-slider.swiper .swiper-slide-thumb-active picture { border: 3px solid #64707e; } .partial_gallery_item_sliders .thumbnails-slider.swiper .swiper-slide-thumb-active img { opacity: .5; } .partial_gallery_item_sliders .sidebar { display: flex; flex-direction: column; } .partial_gallery_item_sliders .sidebar .thumbnails-swiper-nav { display: flex; flex-direction: column; align-items: center; gap: 20px; margin-top: 20px; } .partial_gallery_item_sliders .sidebar .thumbnails-swiper-nav .swiper-button-prev, .partial_gallery_item_sliders .sidebar .thumbnails-swiper-nav .swiper-button-next { position: relative; inset: unset; transform: unset; margin-top: 0; rotate: 90deg; } @media only screen and (max-width: 64em) { .partial_gallery_item_sliders .sidebar .thumbnails-swiper-nav { display: none; } } .partial_gallery_item_sliders.double .item { grid-gap: 20px; } .partial_gallery_item_sliders.double .item picture { overflow: hidden; border-radius: 2px; } @media only screen and (max-width: 40em) { .partial_gallery_item_sliders { grid-gap: 10px; } .partial_gallery_item_sliders.double .item { grid-gap: 10px; } .partial_gallery_item_sliders .thumbnails-slider { grid-gap: 5px; } } @media only screen and (max-width: 64em) { .popup-content .partial_gallery_item_sliders .sidebar { overflow: clip; margin-top: 10px; } .popup-content .partial_gallery_item_sliders .item-slider.swiper picture { height: auto !important; } .popup-content .partial_gallery_item_sliders .thumbnails-slider.swiper .swiper-slide { width: auto; max-width: 100px; } } .partial_gallery_modules_slider { margin-top: clamp(2.5rem, 1.8932rem + 2.589vw, 5rem); } .partial_gallery_modules_slider .buttons:has(button) { display: flex; justify-content: space-between; margin: 0; } .partial_gallery_modules_slider .buttons:has(button) button:before, .partial_gallery_modules_slider .buttons:has(button) button:after { content: none; } .partial_gallery_modules_slider .buttons:has(button) button.disabled { padding: 10px 20px; } .partial_gallery_modules_slider .buttons:has(button) button:not(.disabled) a { margin: 0; padding: 10px 20px; } .partial_gallery_modules_slider .buttons:has(button) button:not(.disabled) a:before, .partial_gallery_modules_slider .buttons:has(button) button:not(.disabled) a:after { content: none; } .partial_gallery_modules_slider .buttons:not(:has(button)) { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; width: fit-content; margin: 0 auto; } .partial_gallery_modules_slider .buttons:not(:has(button)) .btn:before, .partial_gallery_modules_slider .buttons:not(:has(button)) .btn:after { content: none; } .partial_gallery_modules_slider .buttons:not(:has(button)) .btn[aria-disabled] { padding: 10px 20px; background: #f9f9f9; color: rgba(51, 51, 51, .4); cursor: initial; } .partial_gallery_modules_slider .buttons:not(:has(button)) .btn[aria-disabled]:hover { opacity: 1; } .partial_gallery_modules_slider .buttons:not(:has(button)) span.btn { place-content: center; } .partial_gallery_modules_slider .content { margin-top: 40px; border-top: 1px solid #ccc; padding-top: 30px; } .partial_gallery_modules_slider .content h2, .partial_gallery_modules_slider .content h3 { text-align: center; font-size: 24px; } @media only screen and (max-width: 800px) { .partial_gallery_modules_slider .content h2, .partial_gallery_modules_slider .content h3 { font-size: 20px; } } .partial_gallery_modules_slider .swiper-container { position: relative; } .partial_gallery_modules_slider .modules-slider { display: flex; } .partial_gallery_modules_slider .modules-slider .item.active { opacity: .4; } .partial_gallery_modules_slider .modules-slider picture { width: auto; height: 100%; max-height: 100%; } .partial_gallery_modules_slider .modules-slider picture img { width: auto; height: clamp(3.75rem, 2.8398rem + 3.8835vw, 7.5rem); max-height: 100%; } .partial_gallery_modules_slider .modules-slider.swiper { display: block; max-width: calc(100% - 120px); } .partial_gallery_modules_slider .modules-slider.swiper .item { width: auto; border-radius: 2px; overflow: hidden; } .partial_gallery_modules_slider .modules-slider.swiper .item.active { opacity: 1; outline: 2px solid #64707e; outline-offset: -2px; } .partial_gallery_modules_slider .modules-slider.swiper .item.active img { opacity: .4; } .partial_gallery_modules_slider .modules-slider.swiper .item a { display: flex; gap: 1px; } @media only screen and (max-width: 800px) { .partial_gallery_modules_slider .modules-slider.swiper { max-width: 100%; overflow: visible; } } .partial_gallery_modules_slider .swiper-nav .swiper-button-prev { left: 0; } .partial_gallery_modules_slider .swiper-nav .swiper-button-next { right: 0; } .partial_gallery_modules_slider .swiper-nav .swiper-scrollbar { display: none; width: 70%; left: 50%; translate: -50%; } .partial_gallery_modules_slider .swiper-nav:not(:has(.swiper-button-prev:not(.swiper-button-disabled),.swiper-button-next:not(.swiper-button-disabled))):has(.swiper-button-prev.swiper-button-disabled,.swiper-button-next.swiper-button-disabled) .swiper-button-prev, .partial_gallery_modules_slider .swiper-nav:not(:has(.swiper-button-prev:not(.swiper-button-disabled),.swiper-button-next:not(.swiper-button-disabled))):has(.swiper-button-prev.swiper-button-disabled,.swiper-button-next.swiper-button-disabled) .swiper-button-next { display: none; } @media only screen and (max-width: 800px) { .partial_gallery_modules_slider .swiper-nav { display: flex; justify-content: center; gap: 20px; margin-top: 40px; } .partial_gallery_modules_slider .swiper-nav .swiper-scrollbar { display: block; } .partial_gallery_modules_slider .swiper-nav .swiper-button-prev, .partial_gallery_modules_slider .swiper-nav .swiper-button-next { display: none; } } @media only screen and (max-width: 40em) { .partial_gallery_modules_slider button { width: fit-content; } .partial_gallery_modules_slider .content { margin-top: 20px; } } body.blog .container:not(footer):not(.partial_cta_sub) { background: none; padding: 0; } body.blog .container:not(footer):not(.partial_cta_sub) .row { max-width: 960px; margin: 0 auto; padding-bottom: 40px; } body.blog .container:not(footer):not(.partial_cta_sub) .row.has-sidebar { max-width: 1200px; display: grid; grid-template-columns: 280px auto; } @media only screen and (max-width: 64em) { body.blog .container:not(footer):not(.partial_cta_sub) .row.has-sidebar { grid-template-columns: 250px auto; } } @media only screen and (max-width: 800px) { body.blog .container:not(footer):not(.partial_cta_sub) .row.has-sidebar { grid-template-columns: 1fr; } } body.blog .container:not(footer):not(.partial_cta_sub) .row.has-sidebar .sidebar { width: 250px; padding: 20px; background: #efefef; } @media only screen and (max-width: 64em) { body.blog .container:not(footer):not(.partial_cta_sub) .row.has-sidebar .sidebar { width: 220px; } } @media only screen and (max-width: 800px) { body.blog .container:not(footer):not(.partial_cta_sub) .row.has-sidebar .sidebar { order: 2; width: 100%; margin-top: 40px; } } body.blog .container:not(footer):not(.partial_cta_sub) .row.has-sidebar .sidebar h2, body.blog .container:not(footer):not(.partial_cta_sub) .row.has-sidebar .sidebar h3 { font-size: 22px; margin-bottom: 20px; } body.blog .container:not(footer):not(.partial_cta_sub) .row.has-sidebar .sidebar a { display: block; font-size: 14px; } body.blog .container:not(footer):not(.partial_cta_sub) .row.has-sidebar .sidebar a.active { color: #64707e; font-weight: 700; } body.blog .container:not(footer):not(.partial_cta_sub) .row.has-sidebar .sidebar a.btn { margin-top: 20px; font-size: 13px; display: inline-block; } body.blog .container:not(footer):not(.partial_cta_sub) .row.has-sidebar .sidebar a + a { border-top: 1px solid #ccc; margin-top: 12px; padding-top: 12px; } .partial_blog_index .date { display: none; } .partial_blog_index .categories { margin-top: 20px; } .partial_blog_index .categories p { font-size: 15px; } .partial_blog_index .categories p span.label { font-weight: 600; } .partial_blog_index .categories p a { position: relative; } .partial_blog_index .categories p a:after { content: ", "; } .partial_blog_index .categories p a:last-child:after { display: none; } .partial_blog_index .content a.image { display: block; width: 300px; overflow: hidden; border-radius: 2px; margin-bottom: 20px; } .partial_blog_index .content a.image picture { display: block; } .partial_blog_index .content a.image picture img { max-width: 320px; object-fit: cover; } .partial_blog_index .no-results { border-radius: 2px; background: #f9f9f9; text-align: center; padding: 60px 20px; } @media only screen and (max-width: 64em) { .partial_blog_index .no-results { padding: 40px 20px; } } @media only screen and (max-width: 800px) { .partial_blog_index .no-results { padding: 30px 20px; } } .partial_blog_index .no-results h3 { font-size: 20px; margin-bottom: 0; } @media only screen and (max-width: 64em) { .partial_blog_index .no-results h3 { font-size: 18px; } } @media only screen and (max-width: 800px) { .partial_blog_index .no-results h3 { font-size: 16px; } } .partial_blog_index .no-results h3 + a.btn { margin-top: 20px; } .partial_article_item .content .image { display: block; width: 300px; overflow: hidden; border-radius: 2px; margin-bottom: 20px; } .partial_article_item .content .image picture { display: block; } .partial_article_item .content .image picture img { object-fit: cover; } .partial_article_item .content ul:not(.unstyled) li { list-style-type: disc; } .partial_article_item .content ul:not(.unstyled) li > ul:not(.unstyled) { list-style-type: circle; } .sub-content.full .entry-thumbnail { max-width: 320px; border-radius: 2px; } .sub-content.full a.featured-image { display: inline-block; } .sub-content.full a.featured-image img { max-width: 320px; border-radius: 2px; } @media only screen and (max-width: 64em) { .sub-content.full a.featured-image img { max-width: 280px; } } @media only screen and (max-width: 800px) { .sub-content.full a.featured-image img { max-width: 240px; } } @media only screen and (max-width: 40em) { .sub-content.full a.featured-image img { max-width: 200px; } } .sub-content.full a.featured-image:hover { opacity: .6; cursor: pointer; } .sub-content.full .entry-content { font-size: 16px; line-height: 2; } .sub-content.full .entry-content h3.entry-title, .sub-content.full .entry-content h2.entry-title { color: #333; text-transform: none; margin-bottom: 15px; line-height: 1.4; } .sub-content.full .entry-content h2, .sub-content.full .entry-content h3 { margin-top: 30px !important; margin-bottom: 10px; } .sub-content.full .entry-content h2 { font-size: 32px; } @media only screen and (max-width: 64em) { .sub-content.full .entry-content h2 { font-size: 29px; } } @media only screen and (max-width: 40em) { .sub-content.full .entry-content h2 { font-size: 26px; } } .sub-content.full .entry-content h3 { font-size: 28px; } @media only screen and (max-width: 64em) { .sub-content.full .entry-content h3 { font-size: 25px; } } @media only screen and (max-width: 40em) { .sub-content.full .entry-content h3 { font-size: 23px; } } .sub-content.full .entry-content p { font-size: 1rem; line-height: 2; margin-bottom: 0; } .sub-content.full .entry-content p a { color: #64707e; } .sub-content.full .entry-content p a:not(.btn) { text-decoration: underline; } .sub-content.full .entry-content p + p { margin-top: 20px; } .sub-content.full .entry-content p.published { font-weight: 400; } .sub-content.full .entry-content a { color: #64707e; } .sub-content.full .entry-content a:hover { opacity: .4; } .sub-content.full .entry-content a.more-link { display: none; } .sub-content.full .main-entry .date-badge { width: 12%; border-radius: 2px; border: 2px solid #64707e; text-align: center; padding: 20px; display: none; } @media only screen and (min-width: 800px)and (max-width: 64em) { .sub-content.full .main-entry .date-badge { width: 16%; padding: 14px 15px; } } .sub-content.full .main-entry .date-badge p { font-size: 40px; line-height: 1.3; font-weight: 600; margin: 0; color: #64707e; } @media only screen and (min-width: 800px)and (max-width: 64em) { .sub-content.full .main-entry .date-badge p { font-size: 32px; } } @media only screen and (max-width: 40em) { .sub-content.full .main-entry .date-badge p { font-size: 26px; } } .sub-content.full .main-entry .date-badge p.month { font-size: 28px; font-weight: 400; text-transform: uppercase; } @media only screen and (min-width: 800px)and (max-width: 64em) { .sub-content.full .main-entry .date-badge p.month { font-size: 24px; } } @media only screen and (max-width: 40em) { .sub-content.full .main-entry .date-badge p.month { font-size: 20px; } } .sub-content.full .main-entry .entry-content { width: 100%; } .sub-content.full .main-entry .entry-content.single-entry-content { width: 100% !important; } .sub-content.full .main-entry .entry-content h1.entry-title { font-size: 34px; margin-bottom: 20px; } @media only screen and (max-width: 64em) { .sub-content.full .main-entry .entry-content h1.entry-title { font-size: 30px; } } @media only screen and (max-width: 800px) { .sub-content.full .main-entry .entry-content h1.entry-title { font-size: 26px; } } @media only screen and (max-width: 40em) { .sub-content.full .main-entry .entry-content h1.entry-title { font-size: 22px; } } .sub-content.full .main-entry .entry-content img { display: block; margin-bottom: 20px; } .sub-content.full .main-entry .entry-content figure { margin: 10px 0; } .sub-content.full .main-entry .entry-content figure .wp-caption-text { font-size: 13px; font-weight: 400; line-height: 1.5; color: #444; margin: 12px 0 0; text-align: center; background: #f9f9f9; padding: 10px; border-top: 1px solid #ccc; } .sub-content.full .main-entry .entry-content figure.alignleft { margin-right: 20px; } .sub-content.full .main-entry .entry-content figure.alignright { margin-left: 20px; } .sub-content.full hr { margin: 35px 0 !important; } .sub-content a.btn { color: #fff !important; margin-top: 20px; padding: 16px 20px; text-align: left !important; } @media only screen and (max-width: 40em) { .sub-content a.btn { font-size: 13px; } } .sub-content a.btn.back { margin-top: 0; margin-bottom: 10px; } .sub-content .pagination { text-align: center; margin-bottom: 20px; } .sub-content .page-numbers { font-size: 15px; padding: 14px 20px; border-radius: 1px; color: #64707e !important; background: none !important; border: 2px solid #64707e; } @media only screen and (max-width: 40em) { .sub-content .page-numbers { padding: 9px 12px; font-size: 13px; } } .sub-content .page-numbers:hover { background: #64707e !important; color: #fff !important; opacity: 1; } .sub-content .page-numbers.dots:hover { background: #fff !important; color: #64707e !important; opacity: 1; } .sub-content .page-numbers.current { color: #fff !important; background: #64707e !important; border: 2px solid rgba(0, 0, 0, 0); } .sub-content .page-numbers + .page-numbers { margin-left: 20px; } @media only screen and (max-width: 64em) { .sub-content .page-numbers + .page-numbers { margin-left: 15px; } } @media only screen and (max-width: 40em) { .sub-content .page-numbers + .page-numbers { margin-left: 10px; } } .sub-content blockquote { background: #e9e9e9; border-radius: 2px; } @media only screen and (max-width: 64em) { .sub-content blockquote { margin-left: 0; margin-right: 0; } } .sub-content blockquote p { font-size: 16px !important; padding: 14px 20px; color: #555 !important; } .sub-content blockquote p + p { margin-top: 0px !important; } .sub-content .content { box-shadow: none !important; } @media only screen and (max-width: 40em) { .sub-content .content { padding: 0 !important; } } .sub-content ul { margin: 20px 0 20px 40px !important; } .sub-content ul li { list-style: none !important; } .sub-content ul li:before { top: 12px !important; } body.blog .sub-content.full .entry-content h2, body.blog .sub-content.full .entry-content h3 { margin-top: 10px !important; } body.blog .sub-content.full .entry-content h2.entry-title, body.blog .sub-content.full .entry-content h3.entry-title { margin-top: 0 !important; } body.tag .main-entry h3.entry-title, body.category .main-entry h3.entry-title, body.search-results .main-entry h3.entry-title { margin-top: 0 !important; } body.tag .main-entry .entry-summary, body.category .main-entry .entry-summary, body.search-results .main-entry .entry-summary { width: 100%; } .container.main { max-width: 1200px; margin: 0 auto; padding: 0 20px; } @media only screen and (max-width: 64em) { .container.main { margin-left: 0; margin-right: 0; padding: 30px 0; } } .container.main .inner { display: flex; flex-direction: row-reverse; justify-content: space-between; max-width: 1200px; margin: 0 auto; padding-top: 40px; } @media only screen and (max-width: 64em) { .container.main .inner { padding-top: 0; } } @media only screen and (max-width: 800px) { .container.main .inner { flex-direction: column-reverse; } } .container.main .inner .blog-side-menu { margin: 0; border: 1px solid #eeeee8; padding: 30px; height: 100%; width: 280px; float: right; } @media only screen and (max-width: 64em) { .container.main .inner .blog-side-menu { max-width: calc(100% - 40px); margin: 0 auto; } } @media only screen and (max-width: 800px) { .container.main .inner .blog-side-menu { width: 100%; } } .container.main .inner .blog-side-menu h2 { text-transform: none; font-size: 22px; font-weight: 400 !important; } .container.main .inner .blog-side-menu ul.menu { margin: 0; } .container.main .inner .blog-side-menu ul.menu li { border-bottom: 1px solid #eeeee8; margin-bottom: 12px; padding-bottom: 12px; } .container.main .inner .blog-side-menu ul.menu li:last-of-type { border-bottom: 0; margin-bottom: 0 !important; padding-bottom: 0; } .container.main .inner .blog-side-menu ul.menu li a { text-transform: none !important; color: #64707e !important; font-weight: 400 !important; font-size: 18px; } .container.main .inner .blog-side-menu .menu-category-container ul.menu li { margin-bottom: 10px; } .container.main .inner .blog-side-menu .menu-category-container ul.menu li a { color: #000; text-transform: uppercase; } .container.main .inner .blog-side-menu .menu-category-container ul.menu li.menu-item-has-children { position: relative; } .container.main .inner .blog-side-menu .menu-category-container ul.menu li.menu-item-has-children:before { content: ""; background: url("/assets/img/open.png") no-repeat center center; background-size: contain; width: 20px; height: 20px; position: absolute; top: 3px; left: -30px; cursor: pointer; } .container.main .inner .blog-side-menu .menu-category-container ul.menu li ul.sub-menu { display: none; } .container.main .inner .blog-side-menu .menu-category-container ul.menu li ul.sub-menu.active { display: block; } .container.main .inner .site-content { width: calc(100% - 310px); margin: 0; } @media only screen and (max-width: 800px) { .container.main .inner .site-content { width: 100%; } } .container.main .inner .site-content header { top: 0; position: relative !important; background: #fff; padding: 0; margin-bottom: 30px; } .container.main .inner .site-content header h1 { text-transform: none; font-style: inherit; font-size: 25px; border: 1px solid #eeeee8; padding: 30px; } .container.main .inner .site-content .sub-content .main-entry { border: 1px solid #eeeee8; padding: 30px; margin-bottom: 30px; } .container.main .inner .site-content .sub-content .main-entry h3.entry-title { margin-top: -5px !important; } .container.main .inner .site-content .sub-content.full hr { display: none !important; } .popup, .popup-video { outline: none; } .popup-hidden { display: none !important; } .s3-popup_card .popup-hidden { display: block !important; } .s3-popup_card .patients .patient-wrap { display: grid; gap: 20px; } .s3-popup_card .patients .patient-wrap a { pointer-events: none; } .s3-popup_card .patients .patient-wrap .patient { width: 100%; display: flex; } .s3-popup_card .patients .patient-wrap .patient picture img { width: 100%; } .s3-popup_card .patients .patient-wrap .patient.double > a { width: 50%; } .s3-popup_card .patients .patient-wrap .patient.single > a { width: 100%; } .s3-popup_card .patients .patient-wrap a.patient { width: 100%; } .s3-popup_card .patients .patient-wrap a.patient.double { display: flex; } .s3-popup_card .patients .patient-wrap a.patient picture img { width: 100%; } .s3-popup_card .patients .patient-wrap[data-items="1"] { grid-template-columns: 1fr; } .s3-popup_card .patients .patient-wrap[data-items="2"] { grid-template-columns: 1fr 1fr; } @media only screen and (max-width: 40em) { .s3-popup_card .patients .patient-wrap[data-items="2"] { grid-template-columns: 1fr; } } .s3-popup_card .patients .patient-wrap[data-items="3"] { grid-template-columns: 1fr 1fr 1fr; } @media only screen and (max-width: 800px) { .s3-popup_card .patients .patient-wrap[data-items="3"] { grid-template-columns: 1fr 1fr; } } @media only screen and (max-width: 40em) { .s3-popup_card .patients .patient-wrap[data-items="3"] { grid-template-columns: 1fr; } } .s3-popup_card .patients p.disclaimer { margin-top: 10px; font-style: italic; font-size: 16px; } .s3-popup_card .patients .age-restricted { display: none !important; } .popup-video, .popup-gallery[data-type=video] { outline: none; position: relative; display: inline-block; } .popup-video:after, .popup-gallery[data-type=video]:after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate3d(-50%, -50%, 0); display: inline-block; width: 70px; height: 70px; background: url("https://static.tresiocms.com/images/play.png?auto=format,compress") no-repeat center center; background-size: 100% auto; z-index: 99; } @media only screen and (max-width: 64em) { .popup-video:after, .popup-gallery[data-type=video]:after { width: 54px; height: 54px; } } @media only screen and (max-width: 40em) { .popup-video:after, .popup-gallery[data-type=video]:after { width: 44px; height: 44px; } } .popup-video.no-icon:after, .popup-gallery[data-type=video].no-icon:after { display: none; } .popup-video.left-icon, .popup-video.top-icon, .popup-video.bottom-icon, .popup-gallery[data-type=video].left-icon, .popup-gallery[data-type=video].top-icon, .popup-gallery[data-type=video].bottom-icon { display: inline-flex; align-items: center; } .popup-video.left-icon::after, .popup-video.top-icon::after, .popup-video.bottom-icon::after, .popup-gallery[data-type=video].left-icon::after, .popup-gallery[data-type=video].top-icon::after, .popup-gallery[data-type=video].bottom-icon::after { position: relative; inset: unset; transform: unset; } .popup-video.left-icon, .popup-gallery[data-type=video].left-icon { flex-direction: row-reverse; gap: clamp(.625rem, .4733rem + .6472vw, 1.25rem); } .popup-video.top-icon, .popup-gallery[data-type=video].top-icon { flex-direction: column-reverse; gap: clamp(.5rem, .409rem + .3883vw, .875rem); } .popup-video.bottom-icon, .popup-gallery[data-type=video].bottom-icon { flex-direction: column; gap: clamp(.5rem, .409rem + .3883vw, .875rem); } .s3-popup .box-wrapper, .s3-popup .s3-popup_img, .s3-popup .s3-popup_iframe { border-radius: 3px; box-shadow: 0 10px 20px rgba(0, 0, 0, .19), 0 6px 6px rgba(0, 0, 0, .23); overflow: hidden; } .s3-popup_wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 100001; position: fixed; outline: none !important; padding: 0; -webkit-backface-visibility: hidden; } .s3-popup_container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 100; padding: 0 8px; box-sizing: border-box; opacity: 0; transition: all .2s; outline: none !important; -webkit-backface-visibility: hidden; background: rgba(0, 0, 0, .75); } .s3-popup_container.active { opacity: 1; } .s3-popup_container.active .s3-popup_content { transform: scale(1) translateY(-50%); } .s3-popup_content { position: absolute; top: 50%; transform: scale(.8) translateY(-50%); left: 0; right: 0; line-height: 0; width: 100%; max-width: 900px; display: inline-block; vertical-align: middle; margin: 0 auto; z-index: 1045; transition: all .2s; } body.landing-page .s3-popup_content { max-width: 1024px; } @media only screen and (max-width: 40em) { .s3-popup_content { padding: 0 20px; } } .s3-popup_iframe-scaler { width: 100%; height: 0; padding-top: 65%; } .s3-popup_iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; background: #000; } .s3-popup_close { outline: none; position: absolute; top: -16px; right: -16px; background: #000; z-index: 100; border-radius: 256px; width: 32px; height: 32px; font-size: 13px; text-align: center; padding: 0; margin: 0; line-height: 28px; color: #fff; display: block; justify-content: center; align-items: center; border: 2px solid #fff; } @media only screen and (max-width: 40em) { .s3-popup_close { right: 4px; } } .s3-popup_card { background: #fff; padding: 20px; border-radius: 3px; max-height: calc(100vh - 40px); overflow: auto; } @media only screen and (max-width: 40em) { .s3-popup_card { max-height: calc(100vh - 130px); } } .s3-popup_img { width: 100%; max-width: 100%; height: auto; max-height: 60%; display: block; line-height: 0; box-sizing: border-box; margin: 0 auto; } .s3-popup figure { margin: 0; line-height: 0; } .s3-popup_figure:after { content: ""; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, .6); background: #444; } .s3-popup_figure small { color: #bdbdbd; display: block; font-size: 12px; line-height: 14px; } .s3-popup_figure figure { margin: 0; } .s3-popup_bottom-bar { position: absolute; bottom: 0; left: 0; right: 0; height: 32px; cursor: auto; background: rgba(0, 0, 0, .3); } @media only screen and (max-width: 40em) { .s3-popup_bottom-bar { left: 20px; right: 20px; } } .s3-popup_title { text-align: left; line-height: 18px; color: #f3f3f3; word-wrap: break-word; padding-right: 36px; } .s3-popup_gallery .s3-popup_image-holder .s3-popup_figure { cursor: pointer; } .s3-popup_counter { color: #fff; position: absolute; bottom: 0; right: 8px; font-weight: 400; font-size: 14px; line-height: 32px; white-space: nowrap; user-select: none; } .s3-popup_arrow { position: absolute; top: 50%; transform: translateY(-50%); height: 128px; width: 128px; background: none; border: none; box-shadow: none; padding: 0; margin: 0; outline: none; transition: all .2s; } @media only screen and (max-width: 40em) { .s3-popup_arrow { top: initial; bottom: 0; } } .s3-popup_arrow:hover, .s3-popup_arrow:focus, .s3-popup_arrow:active { background: none; border: none; box-shadow: none; padding: 0; margin: 0; outline: none; } .s3-popup_arrow:hover i { opacity: .8; } .s3-popup_arrow:active i { opacity: 1; } .s3-popup_arrow i { color: #fff; font-size: 40px; opacity: .5; transition: all .2s; cursor: pointer; } .s3-popup_arrow-left { left: 32px; } .s3-popup_arrow-right { right: 32px; } .container.main { max-width: none; padding-inline: 0; } #main p a:not(.btn,[role=link],.item,.partial_breadcrumb a,.partial_gallery_dropdown a,.popup-video), #main li a:not(.btn,[role=link],.item,.partial_breadcrumb a,.partial_gallery_dropdown a,.popup-video) { text-decoration: underline; color: currentColor; } a.has-icon { display: flex; align-items: center; } a.has-icon::before { content: ""; display: inline-block; margin-right: clamp(.5rem, .4393rem + .2589vw, .75rem); aspect-ratio: 24/25; width: 24px; background-size: cover; transition: filter .3s ease; } a.has-icon.portal::before { background-image: var(--portal); } a.has-icon.locations::before { background-image: var(--locations); } a.has-icon.tel::before { background-image: var(--phone); } a.has-icon.appts::before { background-image: var(--appts); } a.has-icon.hours::before { background-image: var(--clock); } a.has-icon.prescriptions::before { background-image: var(--prescriptions); } a.has-icon.payOnline::before { background-image: var(--payOnline); } a.has-icon.fax::before { background-image: var(--fax); } a.has-icon.refer::before { background-image: var(--refer); } .mod_locator .content-section .result .result-content .background:has(img:nth-child(1):last-child)::after { background: linear-gradient(0deg, rgba(0, 0, 0, .75) 6%, rgba(0, 0, 0, 0) 45%) !important; } .mod_locator .content-section .result .result-content .background:has(.detail-background[role=presentation])::after { background: linear-gradient(0deg, rgba(0, 0, 0, .75) 10%, rgba(0, 0, 0, 0) 50%) !important; } .mod_locator .content-section .result .result-content .background img.provider-background { display: block !important; } .mod_locator .content-section .result .result-content .background:has(.provider-background)::after { background: linear-gradient(0deg, rgba(0, 0, 0, .75) 0%, rgba(0, 0, 0, 0) 40%) !important; } .mod_locator .content-section .result .result-content .background:has(.detail-background[role=""])::before { background: rgba(0, 0, 0, .4) !important; z-index: 20; } .mod_locator .content-section .result .result-content .background:has(.detail-background[role=""])::after { background: linear-gradient(0deg, rgba(0, 0, 0, .75) 0%, rgba(0, 0, 0, 0) 40%) !important; } .mod_locator .content-section .result .result-content .background:has(.detail-background[role=""]) .detail-picture { z-index: 35 !important; } .mod_locator .content-section .result .result-content .background:has(.detail-background[role=""]) .detail-background { filter: blur(1.5px); transform: scale(1.02); } body.scheduler .mod_scheduler .step.patient-info-step { padding-top: 40px; justify-content: flex-start !important; } body.scheduler .mod_scheduler .step.patient-info-step .field-row .fields .field.prescription { padding-top: 20px !important; } @media screen and (max-height: 770px) { body.scheduler .mod_scheduler .select-appointment h2 { font-size: clamp(1rem, .9393rem + .2589vw, 1.25rem) !important; } body.scheduler .mod_scheduler .select-appointment .btns a.btn { margin-top: 40px; font-size: .875rem; padding-block: 8px; } body.scheduler .mod_scheduler .select-appointment .btns a.btn::before { top: -40px; padding: 14px; } } body.scheduler .mod_scheduler h1, body.scheduler .mod_scheduler h2, body.scheduler .mod_scheduler h3 { font-weight: 400; } body.scheduler .mod_scheduler h1 { font-size: clamp(1.25rem, 1.159rem + .3883vw, 1.625rem) !important; } body.scheduler .mod_scheduler h2 { font-size: clamp(1.0625rem, .9563rem + .4531vw, 1.5rem) !important; } body.scheduler .mod_scheduler .location-grid .location-item .btn-holder a.btn { border-color: #64707e !important; } body.scheduler .mod_scheduler .location-grid .location-item .btn-holder a.btn:hover { background: #64707e !important; } body.scheduler .mod_scheduler .location-grid .location-item:hover .btn-holder a.btn, body.scheduler .mod_scheduler .location-grid .location-item.active .btn-holder a.btn { background: #64707e !important; color: #fff !important; } body.scheduler .mod_scheduler .buttons.icons.next .btns a.btn:last-child { grid-column: 1/3; } body.scheduler .mod_scheduler .btns.next-step { max-width: 420px; align-items: stretch !important; } body.scheduler .mod_scheduler .btns.next-step a.btn:nth-child(1) { grid-column: 1/3; } body.scheduler .mod_scheduler .btns.next-step a.btn { flex: 0 1 calc(50% - 20px); display: grid; place-content: center; } body.scheduler .mod_scheduler .btns.icons a.btn { min-width: clamp(10.3125rem, 9.7816rem + 2.2654vw, 12.5rem) !important; white-space: nowrap; } body.scheduler .mod_scheduler .btns.icons a.btn.icon-prescription:before { background: url("/assets/img/img-export/1786119966-doctor-icon.png") no-repeat center center !important; background-size: 90% !important; filter: invert(1); opacity: .65 !important; } body.scheduler .mod_scheduler .main .steps .step .inner-step .options.narrow { max-width: 450px !important; } body.scheduler .mod_scheduler .main .steps .step .inner-step h2.icon.regenerative-medicine:before { background-size: contain !important; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 56.11 45.17' width='56.11' height='45.17' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m33.34 20.99 1.44 4.09c.24.69.77 1.24 1.44 1.53 1.91.89 4.19-1.03 3.56-3.06l-2.93-10.81a4.844 4.844 0 0 0 -3.98-3.51l-2.02-.3c.65-.69 1.06-1.61 1.06-2.63v-2.49c-.16-5.07-7.53-5.09-7.7 0v2.49c0 1.02.41 1.94 1.06 2.63l-2.02.3a4.831 4.831 0 0 0 -3.98 3.51l-2.93 10.81c-.8 3.22 3.84 4.62 5 1.53l1.43-4.08.05 1.55c.18.41-1.49 16.78-1.53 17.64-2.02-.06-3.71 1.56-3.71 3.57 0 .78.64 1.41 1.42 1.41h5.76a2 2 0 0 0 1.99-1.75l1.3-10.42 1.3 10.42a2 2 0 0 0 1.99 1.75h5.76c.78 0 1.42-.63 1.42-1.41 0-2.01-1.69-3.63-3.71-3.57-.14-2.37-1.84-17.17-1.47-19.19zm-7.52-17.18c.08-2.94 4.39-2.94 4.47 0v2.49c-.08 2.94-4.39 2.94-4.47 0zm8.26 37.99h.84c1.03 0 1.87.77 1.98 1.75h-5.56a.39.39 0 0 1 -.39-.33c-.1-1.23-2.43-18.05-2.09-18.81-.02-1.06-1.6-1.06-1.61 0v1.99l-2.09 16.82c-.02.19-.19.33-.39.33h-5.56c.1-.98.95-1.75 1.98-1.75h.84c.42 0 .77-.32.8-.73.03-.79 1.82-18.51 1.6-18.58l-.24-6.79a.8.8 0 0 0 -.81-.78c-.46 0-.82.38-.81.84l.03.82-2.8 7.97c-.09.26-.29.47-.55.58-.72.34-1.61-.38-1.37-1.16l2.93-10.81a3.247 3.247 0 0 1 2.66-2.34l4.58-.67 4.58.67c1.28.19 2.32 1.1 2.66 2.34l2.93 10.8c.23.78-.65 1.5-1.37 1.16a.982.982 0 0 1 -.55-.58l-2.8-7.97.03-.82c.02-1.05-1.56-1.12-1.61-.06-.03.42-.21 6.19-.24 6.79-.22.07 1.56 17.81 1.6 18.58.04.42.39.73.8.73zm16.17-.41-2.29.42a28.046 28.046 0 0 0 -2.05-41.43.882.882 0 0 0 -.62-.19c-.22.02-.43.13-.57.31-.29.36-.24.89.12 1.19 5.74 4.73 9.21 11.66 9.57 19.08s-2.44 14.66-7.71 19.91l.43-2.41a.856.856 0 0 0 -.69-1 .863.863 0 0 0 -1 .7l-.88 5.02c-.05.27.04.56.23.76.16.16.38.25.61.25h.15l5.02-.9c.47-.09.78-.53.69-1a.849.849 0 0 0 -1-.69zm-48.54-19.35c0-5.71 1.84-11.26 5.27-15.82l-.35 1.94c-.04.22 0 .45.13.64s.33.32.55.36h.15c.41 0 .77-.29.85-.7l.9-5.02a.845.845 0 0 0 -.24-.75c-.2-.2-.48-.29-.75-.24l-5.02.9c-.22.04-.42.16-.55.35-.13.18-.18.41-.14.64.04.22.17.42.35.55s.41.18.63.14l2.63-.47a28.083 28.083 0 0 0 -5.85 21.36 28.042 28.042 0 0 0 11.47 18.95c.14.1.32.15.49.15.27 0 .53-.13.69-.35.27-.37.19-.89-.17-1.17a26.447 26.447 0 0 1 -11.04-21.46z' fill='%2364707e'/%3E%3C/svg%3E"); } body.scheduler .mod_scheduler .main .steps .step .inner-step h2.icon.head-pain:before { background-size: contain !important; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 52.21 53.09' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%2364707E' stroke-linecap='round' stroke-miterlimit='10' stroke-width='1.75'%3E%3Cpath d='M43.56 19.62l7.78 1.2m-.77-11.77l-7.15 3.27m-4.68-4.77L42.06.88'/%3E%3C/g%3E%3Cpath d='M36.14 35.91C47.21 23.3 39.19 3.03 16.48 7.08 4.18 9.36 3.8 19.42 4.2 23.64c.1 1.08-.19 2.2-.82 3.15L.4 31.23c-1.06 1.49.15 3.71 1.98 3.65h.74c-.04.6-.03 1.25.29 1.78l.25.45c-.16.13-.28.27-.37.41-.58.88-.34 2.15-.18 2.71-.55 2.28-.44 3.81.35 4.8 1.08 1.35 3.01 1.31 5.24 1.25.75-.02 1.52-.04 2.3 0 3.71.16 4 5.96 4 6.02.06 1.08 1.69 1.03 1.66-.07-.01-.3-.36-7.39-5.59-7.61-1.83-.17-5.37.47-6.3-.63-.45-.57-.45-1.77.01-3.58.04-.15.03-.32-.02-.47-.17-.51-.25-1.26-.08-1.51.01-.02.05-.07.22-.08.28-.02.54-.19.67-.43.36-.58-.37-1.35-.7-2.06-.21-.27-.03-1.46-.06-1.78.02-.46-.38-.87-.83-.86H2.39c-.52-.02-.92-.48-.6-1.06l2.98-4.45c.85-1.27 1.24-2.77 1.1-4.23-.45-4.67.38-12.81 10.92-14.76 15.12-2.8 21.05 5.87 22.08 10.84 1.27 6.17.23 10.18-3.98 15.27-.14.15-3.27 3.84.69 11.09.52.94 1.98.18 1.46-.8-3.36-6.15-1-9.07-.89-9.21z' fill='%2364707E'/%3E%3Cpath d='M24.29 22.01h-.84c-1.77 0-3.21 1.42-3.21 3.17v1.46c0 .46.37.83.83.83s.83-.37.83-.83v-1.46c0-.83.69-1.51 1.54-1.51h.84c1.83 0 3.32 1.46 3.32 3.25v1.05c0 3.13-2.54 5.69-5.71 5.78v-1.27c-.02-1.1-1.65-1.09-1.66 0v1.47c0 .81.66 1.47 1.48 1.47 4.17 0 7.56-3.34 7.56-7.45v-1.05c0-2.71-2.24-4.92-4.98-4.92z' fill='%2364707E'/%3E%3Cpath d='M22.97 29.4c-.93.24-.73 1.65.21 1.64.99-.1 1.71-.89 1.88-1.35.55-1.23-.16-2.68-.25-2.84a.839.839 0 0 0-1.12-.36.83.83 0 0 0-.36 1.12c.21.54.66 1.54-.36 1.79z' fill='%2364707E'/%3E%3C/svg%3E"); } body.scheduler .mod_scheduler .main .steps .step .inner-step h2.icon.midsection-pain:before { background-size: contain !important; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 50.83 43.14' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%2364707E' stroke-linecap='round' stroke-miterlimit='10' stroke-width='1.75'%3E%3Cpath d='M41.9 15.99l8.05 2.2m-.06-9.73l-7.93 2.6m-1.57-3.53l4.3-6.65'/%3E%3C/g%3E%3Cpath d='M40.89 21.19c-1.51-2.9-3.19-5.57-4.45-8.65-1.5-3.65-1.01-7.92-.02-11.53A.803.803 0 0 0 35.64 0h-.38c-.46 0-.88.31-.99.75-1.02 3.89-1.47 8.5.21 12.59 1.13 2.76 2.54 5.12 3.89 7.63-11.27 3.23-20.78 3.23-32.14 0 1.36-2.5 2.76-4.87 3.89-7.62 1.66-4.05 1.24-8.62.23-12.49C10.21.35 9.75 0 9.23 0h-.39a.72.72 0 0 0-.69.92c1.01 3.63 1.51 7.93 0 11.62C3.51 22.85-2.24 27.84.89 42.31c.34 1.35 2.34.92 2.07-.46-1.89-8.57-.29-13.87 2.11-18.68 7.46 4.94 14.04 13.42 14.47 13.78v5.13c.02 1.38 2.1 1.41 2.12 0v-4.41h1v4.41c.02 1.38 2.1 1.41 2.12 0v-5.12c.11-.1 6.43-8.21 14.73-13.79 2.39 4.81 3.99 10.12 2.11 18.68-.15.65.37 1.3 1.04 1.29.49 0 .93-.34 1.04-.83 2.17-9.84-.04-15.82-2.8-21.11zM24.16 34.45c-.46.47-.61 1.05-1.24 1.09h-1.5c-.64-.05-.79-.64-1.25-1.13-1.67-2.13-4.76-6.09-10.1-10.28 8.43 1.85 16.04 1.86 24.41.02-5.41 4.2-8.59 8.16-10.32 10.29z' fill='%2364707E'/%3E%3C/svg%3E"); } body.scheduler .mod_scheduler .main .steps .step .inner-step h2.icon.arm-pain:before { background-size: contain !important; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%2364707E' stroke-linecap='round' stroke-miterlimit='10' stroke-width='1.75'%3E%3Cpath d='M32.06 27.2L24.71 30m9.04-20.86l2.91 7.31m-2.77 4.98l-6.97-2.63'/%3E%3C/g%3E%3Cpath d='M3.55 48.93c2.82-.36 7.47-2 10.05-2.91 1.05-.38 2.12-.89 3.36-1.61 9.08-5.22 18.76-5.95 18.85-5.96.38-.03.72-.27.86-.63 1.18-3.33 4.97-11.81 5.54-15.2.79-3.78 1.29-7.89 2.83-11.59 2.56-6.1 11.74-6.18 11.83-6.18.55 0 1-.45 1-1s-.45-1-1-1c-.43 0-10.6.08-13.68 7.41-2.3 5.36-2.17 11.05-4.25 16.31l-3.91 9.95c-2.37.25-10.84 1.43-19.08 6.16-3.7 2.04-8.49 3.42-12.56 4.27-1.19.17-1.09 1.99.15 1.99z' fill='%2364707E'/%3E%3Cpath d='M57.21 24.95a.998.998 0 0 0-1.28.6c-.05.15-5.53 15.31-11.97 22.85-4.24 2.01-20.65 6.4-40.92 8.44a.998.998 0 1 0 .17 1.99c19.56-1.69 37.22-6.98 40.56-8.02.67-.21 1.26-.6 1.71-1.12 6.68-7.82 12.11-22.84 12.33-23.48a.998.998 0 0 0-.6-1.28z' fill='%2364707E'/%3E%3Cpath d='M42.45 42.22l-1.52 3.19-3.58 1.1c-1.09.32-.83 1.97.29 1.96.11.08 4.1-1.25 4.29-1.27.27-.08.49-.27.61-.52l1.71-3.59c.55-1.19-1.21-2.04-1.8-.86z' fill='%2364707E'/%3E%3C/svg%3E"); } body.scheduler .mod_scheduler .main .steps .step .inner-step h2.icon.leg-pain:before { background-size: contain !important; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M46.86 30.15c-.16-.91-.08-1.89.22-2.99 1.02-3.74-.09-6.46-.58-7.41.58-1.32.83-2.87.25-4.61-1.7-5.72-10.6-7.4-22.93-9.07C19.68 4.92 9.43 2.24 3.73 2.14c-1.3.06-1.37 1.93-.03 2 5.62.09 16.41 2.97 19.58 3.85 11.17 1.67 19.98 2.79 21.56 7.77 1.23 3.75-3.24 6.67-3.3 6.71-.85.5-.42 1.88.54 1.84.18 0 .37-.05.53-.16.11-.07 1.4-.91 2.57-2.32.31 1.07.53 2.72-.03 4.79-.38 1.37-.46 2.67-.26 3.85.69 4.03 2.02 14.66-.58 26.44-.12.54.22 1.07.76 1.19.52.12 1.08-.22 1.19-.76 2.68-12.13 1.31-23.07.6-27.21z' fill='%2364707E'/%3E%3Cpath d='M29.25 28.43c.2-.54-.14-1.18-.71-1.3l-1.49-.36c-1.6-.39-3.3-.41-4.92-.04-14.21 3.22-18.3 3-18.36 3-1.3-.07-1.46 1.87-.15 1.99.17.01 4.24.28 18.96-3.04 1.31-.3 2.7-.29 4 .03l.46.11c-1.03 3.65-3.64 16.05 3.8 28.29.68 1.1 2.39.09 1.71-1.04-8.15-13.42-3.34-27.5-3.29-27.64z' fill='%2364707E'/%3E%3Cg fill='none' stroke='%2364707E' stroke-linecap='round' stroke-miterlimit='10' stroke-width='1.75'%3E%3Cpath d='M46.23 10.53l3.22-7.18m8.36 21.15l-7.23-3.12m-1.57-5.48l6.8-3.07'/%3E%3C/g%3E%3C/svg%3E"); } body.scheduler .mod_scheduler .main .steps .step.patient-info-step .field-row .fields .field.dob.behalf, body.scheduler .mod_scheduler .main .steps .step.patient-info-step .field-row .fields .field.select.behalf:not(.full-width) { padding-bottom: clamp(1.875rem, 1.6475rem + .9709vw, 2.8125rem); } body.scheduler .mod_scheduler .main .steps .step.patient-info-step .field-row .fields .field.disclaimer { border-bottom: 0 !important; margin-bottom: 0; } body.scheduler .mod_scheduler .main .steps .step.patient-info-step .field-row .fields .field.prescription:has(label[for=medication]) { padding-top: 20px !important; } body.scheduler .mod_scheduler.prescription .main form[data-form-type=prescription] .step.patient-info-step .field.hidden-field.prescription { display: block; } body.scheduler .mod_scheduler.prescription .main form[data-form-type=prescription] .step.patient-info-step .field.hidden-on-prescription { display: none; } body.scheduler .mod_scheduler.prescription .side .inner .status .item.insurance, body.scheduler .mod_scheduler.prescription .side .inner .status .item.location, body.scheduler .mod_scheduler.prescription .side .inner .status .item.appointment { display: none; } body.scheduler .mod_scheduler .main .steps .step .inner-step.provider .date-time .calendar-nav span.current, body.scheduler .mod_scheduler .main .steps .step .inner-step.provider .date-time .calendar-nav span.prev-week, body.scheduler .mod_scheduler .main .steps .step .inner-step.provider .date-time .calendar-nav span.next-week { width: fit-content !important; } @media screen and (prefers-reduced-motion: reduce) { *, *::before, *::after { transition-duration: .01ms !important; animation-duration: .01ms !important; animation-delay: .01ms !important; animation-iteration-count: 1 !important; } } .mod_column .accordion { position: relative; display: flex; flex-direction: column; gap: 30px; } @media only screen and (max-width: 64em) { .mod_column .accordion { gap: 10px; } } .mod_column .accordion .accordion-item .accordion-title { font-size: clamp(1.125rem, 1.0643rem + .2589vw, 1.375rem); margin-bottom: 0; text-transform: uppercase; letter-spacing: clamp(.0313rem, .0237rem + .0324vw, .0625rem); font-weight: 700; position: relative; background: #fcfcfc; border-radius: 2px; padding: 15px 45px 15px 15px; border: 1px solid #000; transition: all ease-in-out .5s; } .mod_column .accordion .accordion-item .accordion-title:hover { background: #e8e8e8; cursor: pointer; } .mod_column .accordion .accordion-item .accordion-title:after { content: ""; position: absolute; top: 53%; transform: translateY(-50%) rotate(90deg); right: 18px; width: 8px; height: 14px; background: url("https://static.tresiocms.com/images/arrow2.png?auto=format,compress") no-repeat center center; background-size: auto 100% !important; transition: .3s all ease-in-out; } @media only screen and (max-width: 800px) { .mod_column .accordion .accordion-item .accordion-title:after { right: 14px; } } @media only screen and (max-width: 40em) { .mod_column .accordion .accordion-item .accordion-title { padding: 14px 45px 14px 14px; } .mod_column .accordion .accordion-item .accordion-title:after { width: 12px; height: 12px; } } .mod_column .accordion .accordion-item .accordion-content { transition: all .2s; position: relative; overflow: hidden; max-height: 0; padding: 0 15px; margin-top: 0; margin-bottom: 0; } .mod_column .accordion .accordion-item.opened h3 { background: #e8e8e8; } .mod_column .accordion .accordion-item.opened h3:after { transform: translateY(-50%) rotate(-90deg); } .mod_column .accordion .accordion-item.opened .accordion-content { max-height: inherit; margin-top: 12px; margin-bottom: 8px; } #form_bSO .field-row:has(#bSO_insurance_id), #form_bSO .field-row:has(#bSO_group_id), #form_bSO .field-row:has(#bSO_insurance_card_front), #form_bSO .field-row:has(#bSO_insurance_card_rear) { display: none; } .cta { position: relative; background: #f9f9f9; max-width: none; margin: 80px auto; } @media only screen and (max-width: 64em) { .cta { margin: 65px auto; } } @media only screen and (max-width: 40em) { .cta { margin: 50px auto; } } .cta:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; display: block; background: #fff; opacity: .65; display: none; } .cta .row { position: relative; text-align: center; padding: calc(30px + 6%) 20px; z-index: 2; } @media only screen and (max-width: 64em) { .cta .row { padding: calc(30px + 4%) 20px; } } @media only screen and (max-width: 40em) { .cta .row { padding: calc(20px + 3%) 20px; } } .cta .row .text { display: inline-block; } .cta .row a.tel { margin-right: 20px; position: relative; top: 2px; padding-left: 24px; } .cta .row a.tel:before { content: ""; position: absolute; top: 50%; left: 0; transform: translateY(-50%); padding: 8px; background: url("data:image/svg+xml,%3Csvg width='24' height='25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.847 15.636l-4.416-1.98-.013-.005a1.499 1.499 0 0 0-1.492.184l-2.282 1.945c-1.446-.702-2.938-2.183-3.64-3.61l1.948-2.317a1.499 1.499 0 0 0 .177-1.484v-.01L9.144 3.933a1.5 1.5 0 0 0-1.558-.892A5.274 5.274 0 0 0 3 8.28c0 7.444 6.056 13.5 13.5 13.5a5.275 5.275 0 0 0 5.239-4.586 1.5 1.5 0 0 0-.892-1.558zM16.5 20.28a12.013 12.013 0 0 1-12-12 3.769 3.769 0 0 1 3.27-3.75v.012l1.968 4.406-1.938 2.32a.559.559 0 0 0-.053.071 1.5 1.5 0 0 0-.094 1.472c.85 1.738 2.6 3.475 4.355 4.323a1.5 1.5 0 0 0 1.477-.107.752.752 0 0 0 .07-.052l2.278-1.945 4.407 1.974h.01a3.77 3.77 0 0 1-3.75 3.276z' fill='%23fff'/%3E%3C/svg%3E") no-repeat center center; background-size: auto 100%; display: inline-block; } @media only screen and (max-width: 40em) { .cta .row a.tel { margin-right: 0; } } .cta .row a.btn { margin-top: 20px; } .cta.viewport picture.background { display: block; overflow: hidden; } .cta.viewport picture.background img { transform: scale(1.2); } .cta.in-viewport picture.background img { transform: scale(1); } .cta.dark a.tel:before, header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.cta.partial_socials a.tel:before { filter: invert(1); } .mod_notification_bar { background: #f9f9f9; } .mod_notification_bar .row { padding: 40px 20px; max-width: 960px; display: flex; align-items: center; gap: 20px; } @media only screen and (max-width: 800px) { .mod_notification_bar .row { flex-wrap: wrap; gap: 10px; } } .mod_notification_bar .row h2, .mod_notification_bar .row h3, .mod_notification_bar .row h4, .mod_notification_bar .row p { margin-bottom: 0; } .mod_notification_bar .row p { margin: 0; } .mod_notification_bar .row p + p { margin-top: 10px; } .mod_notification_bar.center .row { justify-content: center; text-align: center; } .mod_notification_bar.stack .row { display: block; } .mod_notification_bar.stack .row h2, .mod_notification_bar.stack .row h3, .mod_notification_bar.stack .row h4, .mod_notification_bar.stack .row p { margin-bottom: 10px; } .mod_notification_bar.stack .row a.btn { margin-top: 10px; } .mod_notification_bar.dark *, header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_notification_bar.partial_socials * { color: #fff; } .mod_notification_bar.dark a.btn, header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_notification_bar.partial_socials a.btn { color: #333 !important; } .mod_notification_bar.dark a.btn + a.btn, header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_notification_bar.partial_socials a.btn + a.btn { margin-left: 10px; } .half-image { position: relative; overflow: clip; } .half-image .bg { width: 100%; height: 200%; display: flex; position: absolute; top: 50%; left: 0; z-index: 0; opacity: .9; transform: translateY(-50%); } .half-image .bg img { display: block; width: 100% !important; height: 100%; object-fit: contain; object-position: 0% 50%; } .half-image .bg.bg2 { right: 0; left: auto; } .half-image .bg.bg2 img { object-position: 100% 50%; } @media only screen and (max-width: 1200px) { .half-image .bg { height: 120%; } } .half-image .row.half-image-row { z-index: 3; padding-block: 0; margin: 0 auto; display: flex; } @media only screen and (max-width: 800px) { .half-image .row.half-image-row { background: none; flex-direction: column; } } .half-image .row.half-image-row .media, .half-image .row.half-image-row .copy { position: relative; z-index: 1; margin: 0; } .half-image .row.half-image-row .media { width: 100%; overflow: hidden; } @media only screen and (min-width: 801px) { .half-image .row.half-image-row .media { position: absolute; top: 0; right: 50%; bottom: 0; left: 0; } } .half-image .row.half-image-row .media img { object-position: center top; } @media only screen and (max-width: 800px) { .half-image .row.half-image-row .media { padding-top: 65%; } } @media only screen and (max-width: 40em) { .half-image .row.half-image-row .media { padding-top: 75%; } } .top-aligned .half-image .row.half-image-row .media img { object-position: center 20%; } .left-aligned .half-image .row.half-image-row .media img { object-position: 25% center; } .right-aligned .half-image .row.half-image-row .media img { object-position: 75% center; } .half-image .row.half-image-row .media .media-content { position: absolute; bottom: 40px; left: 0; padding: 0 50px; width: 100%; z-index: 3; } @media only screen and (max-width: 64em) { .half-image .row.half-image-row .media .media-content { padding: 0 40px; bottom: 30px; } } @media only screen and (max-width: 800px) { .half-image .row.half-image-row .media .media-content { padding: 0 30px; bottom: 22px; } } .half-image .row.half-image-row .media .media-content * { color: #fff; } .half-image .row.half-image-row .media .media-content h3 { margin-bottom: 0; } .half-image .row.half-image-row .media .media-content h3 + p { margin-top: 20px; } .half-image .row.half-image-row .media .media-content h3 + p + p { margin-top: 20px; } .half-image .row.half-image-row .media .media-content .popup-video { padding-left: 70px; margin-bottom: 10px; font-size: 20px; font-weight: 600; } .half-image .row.half-image-row .media .media-content .popup-video:after { left: 0; transform: translateY(-50%); width: 50px; height: 50px; } .half-image .row.half-image-row .media.content:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; display: block; background: #000; opacity: .5; background: linear-gradient(0deg, #000 0%, rgba(255, 255, 255, 0) 50%); } @media only screen and (min-width: 801px) { .half-image .row.half-image-row .copy { margin-left: 50%; } } .half-image .row.half-image-row { --innerPadding: clamp(1.875rem, -8.4323rem + 16.0894vw, 10.875rem); --outerPadding: 0; } .half-image .row.half-image-row .copy .inner { padding: 15px var(--outerPadding) 15px var(--innerPadding); } @media only screen and (max-width: 64em) { .half-image .row.half-image-row .copy .inner h2 { margin-bottom: 15px; } .half-image .row.half-image-row .copy .inner h2:before { width: 60px; height: 4px; margin-top: 15px; margin-bottom: 15px; } } .half-image .row.half-image-row .copy .inner .btn { margin-top: clamp(.9375rem, .7858rem + .6472vw, 1.5625rem); } .half-image .row.half-image-row .copy .inner .btn-group { display: flex; flex-wrap: wrap; gap: clamp(.9375rem, .71rem + .9709vw, 1.875rem); margin-top: clamp(1.25rem, .9466rem + 1.2945vw, 2.5rem); } .half-image .row.half-image-row .copy .inner .btn-group .btn { margin-top: 0; } .half-image .row.half-image-row .copy .inner .logo { margin-bottom: 20px; display: flex; } .half-image .row.half-image-row .copy .inner .logo img { max-width: 180px; max-height: 60px; width: auto; } @media only screen and (max-width: 64em) { .half-image .row.half-image-row .copy .inner .logo img { max-width: 160px; max-height: 50px; } } @media only screen and (max-width: 800px) { .half-image .row.half-image-row .copy .inner .logo img { max-width: 140px; max-height: 40px; } } .half-image .row.half-image-row .credentials { display: flex; align-items: center; margin-top: 30px; grid-gap: 40px; } @media only screen and (max-width: 64em) { .half-image .row.half-image-row .credentials { grid-gap: 30px; } } @media only screen and (max-width: 800px) { .half-image .row.half-image-row .credentials { grid-gap: 20px; flex-wrap: wrap; } } .half-image .row.half-image-row .credentials .img { display: inline-block; } @media only screen and (max-width: 64em) { .half-image .row.half-image-row .credentials .img { margin-bottom: 30px; } } .half-image .row.half-image-row .credentials .img img { max-height: 50px; max-width: 110px; width: auto; } @media only screen and (max-width: 64em) { .half-image .row.half-image-row .credentials .img img { max-height: 40px; max-width: 90px; } } @media only screen and (max-width: 800px) { .half-image .row.half-image-row .credentials .img img { max-height: 32px; } } @media only screen and (min-width: 801px) { .half-image .row.half-image-row.flipped .media { left: 50%; right: 0; } } .half-image .row.half-image-row.flipped .copy .inner { margin-left: 0; padding: 15px var(--innerPadding) 15px var(--outerPadding); } @media only screen and (max-width: 800px) { .half-image .row.half-image-row.flipped .copy .inner { padding-right: 0; } } @media only screen and (max-width: 800px) { .half-image .row.half-image-row { padding: 0; } .half-image .row.half-image-row .copy { padding-block: clamp(1.25rem, .6985rem + 2.3529vw, 1.875rem) clamp(2.5rem, 1.9485rem + 2.3529vw, 3.125rem); max-width: 100%; } .half-image .row.half-image-row .copy .inner { padding: 0 30px !important; } } @media only screen and (min-width: 801px) { .half-image .row.half-image-row { flex-wrap: nowrap; flex-direction: row; } .half-image .row.half-image-row .media { width: 50%; } .half-image .row.half-image-row .copy { width: 50%; padding: clamp(2.5rem, 1.6052rem + 1.7873vw, 3.75rem) 0; } .half-image .row.half-image-row .copy.padded { padding: clamp(5rem, 3.2105rem + 3.5746vw, 7.5rem) 0; } .half-image .row.half-image-row .copy.padded2 { padding: clamp(6.25rem, 3.5657rem + 5.3619vw, 10rem) 0; } .half-image .row.half-image-row.flipped .copy { margin-inline: 0 50%; } .half-image .row.half-image-row .copy .inner { max-width: none; } .half-image .row.half-image-row.flipped { flex-direction: row-reverse; } } .half-image .row.links-list { display: flex; justify-content: space-between; margin: -20px auto 0; padding-top: 20px; max-width: 920px; position: relative; z-index: 3; } @media only screen and (max-width: 800px) { .half-image .row.links-list { flex-wrap: wrap; justify-content: center; } } .half-image .row.links-list a { text-align: center; font-weight: 600; font-size: 17px; } @media only screen and (max-width: 64em) { .half-image .row.links-list a { font-size: 16px; } } @media only screen and (max-width: 800px) { .half-image .row.links-list a { font-size: 15px; display: inline-block; margin: 0 20px 15px 0; } } .half-image.mod_half_content.container { background: #64707e; } .half-image.mod_half_content .half-image-row { max-width: 100%; } @media only screen and (max-width: 64em) { .half-image.mod_half_content .half-image-row { padding: 20px 0; } } @media only screen and (min-width: 64.0625em) { .half-image.mod_half_content .half-image-row .media { border-right: 5px solid #575757; } } .half-image.mod_half_content .half-image-row .copy .inner { max-width: 500px; padding-left: 140px; } .half-image.mod_half_content .half-image-row .copy .inner h2:before { width: 240px; margin-bottom: 40px; margin-top: 0; } @media only screen and (max-width: 64em) { .half-image.mod_half_content .half-image-row .copy .inner h2:before { margin-bottom: 20px; width: 60px; } } .half-image.mod_half_content .half-image-row .copy .inner * { color: #575757; } .half-image.mod_half_content .half-image-row .copy .inner ul li:before { background: #575757; } .half-image.mod_half_content .half-image-row .copy .inner ul li + li { margin-top: 15px; } @media only screen and (max-width: 64em) { .half-image.mod_half_content .half-image-row .copy .inner { max-width: 100%; padding-left: 0; } } @media only screen and (min-width: 64.0625em) { .half-image.mod_half_content .half-image-row.flipped .copy .inner { padding-right: 120px; } } @media only screen and (max-width: 64em) { .half-image.mod_half_content .half-image-row.flipped .copy .inner { padding: 0; } } .half-image.mod_half_content .logo { width: 100px; height: 100px; position: absolute; left: 50%; top: 50%; transform: translate3d(-50%, -50%, 0); background: #575757; } .half-image.mod_half_content .logo img { display: block; width: 70% !important; height: 70%; object-fit: contain; top: 50%; left: 50%; transform: translate3d(-50%, -50%, 0); object-position: 50% 50%; position: absolute; } @media only screen and (max-width: 64em) { .half-image.mod_half_content .logo { left: 20px; top: 20px; transform: translate3d(0, 0, 0); width: 80px; height: 80px; } } @media only screen and (max-width: 800px) { .half-image.mod_half_content .logo { width: 60px; height: 60px; } } .mod_banner { background: #f9f9f9; position: relative; overflow: hidden; } .mod_banner .row { position: relative; z-index: 2; padding: calc(60px + 2.5%) 20px; } @media only screen and (max-width: 800px) { .mod_banner .row { padding: 45px 20px; } } .mod_banner .row p a { text-decoration: underline; } .mod_banner .divider { margin: 50px 0; } .mod_banner .divider .media { display: flex; justify-content: center; align-items: center; background: none; padding-left: 0; padding-right: 0; } .mod_banner .divider .media:before, .mod_banner .divider .media:after { content: ""; position: relative; top: auto; left: auto; right: auto; bottom: auto; width: 100%; height: 1px; background-color: rgba(0, 0, 0, .25); } .mod_banner .divider .media img { max-width: 50px; margin-left: 40px; margin-right: 40px; } @media only screen and (max-width: 800px) { .mod_banner .divider .media img { max-width: 36px; margin-left: 20px; margin-right: 20px; } } .mod_banner .divider .media img:hover { cursor: default; pointer-events: none; } .mod_banner .divider.no-media { position: relative; border-top: 1px solid rgba(0, 0, 0, .25); } .mod_banner.dark, header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_banner.partial_socials { background: #333; } .mod_banner.dark .row, header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_banner.partial_socials .row { position: relative; z-index: 3; } .mod_banner.dark .row h2, header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_banner.partial_socials .row h2, .mod_banner.dark .row h3, header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_banner.partial_socials .row h3, .mod_banner.dark .row h4, header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_banner.partial_socials .row h4, .mod_banner.dark .row p, header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_banner.partial_socials .row p, .mod_banner.dark .row ul li, header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_banner.partial_socials .row ul li, .mod_banner.dark .row a, header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_banner.partial_socials .row a, .mod_banner.dark .row p a { color: #fff; } .mod_banner.dark .row ul li:before, header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_banner.partial_socials .row ul li:before { background: #fff !important; } .mod_banner.dark .row .divider .media:before, header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_banner.partial_socials .row .divider .media:before, .mod_banner.dark .row .divider .media:after, header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_banner.partial_socials .row .divider .media:after { background-color: hsla(0, 0%, 100%, .25); } .mod_banner.dark .row .divider.no-media, header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_banner.partial_socials .row .divider.no-media { border-top: 1px solid hsla(0, 0%, 100%, .25); } .mod_banner.hide-divider .content.bottom { margin-top: 50px; } .mod_banner.has-video:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; display: block; background: #fff; opacity: .5; z-index: 0; } .mod_banner.has-video.dark:after, header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_banner.has-video.partial_socials:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; display: block; background: #000; opacity: .5; z-index: 0; } .mod_banner.viewport picture.background { display: block; overflow: hidden; } .mod_banner.viewport picture.background img { transform: scale(1.2); } .mod_banner.viewport .divider { opacity: 0; } .mod_banner.viewport .divider picture img { transform: scale(.8); } .mod_banner.in-viewport picture.background img { transform: scale(1); } .mod_banner.in-viewport .divider { opacity: 1; } .mod_banner.in-viewport .divider picture img { transform: scale(1); } .mod_banner.left-placement .row { justify-content: flex-start; } .mod_banner.left-placement .row .content { width: 50%; } @media only screen and (max-width: 800px) { .mod_banner.left-placement .row .content { width: 100%; } } .mod_banner.left-placement .row .content h2, .mod_banner.left-placement .row .content h3 { text-align: left; } .mod_banner.left-placement .row .content .logo, .mod_banner.left-placement .row .content .credentials { justify-content: flex-start; } .mod_banner.center-placement .row { justify-content: center; text-align: center; } .mod_banner.center-placement .row .content { width: 820px; margin-left: auto; margin-right: auto; } @media only screen and (max-width: 800px) { .mod_banner.center-placement .row .content { width: 100%; } } .mod_banner.center-placement .row .content .logo, .mod_banner.center-placement .row .content .credentials { justify-content: center; } .mod_banner.right-placement .row { justify-content: flex-end; } .mod_banner.right-placement .row .content { width: 50%; } @media only screen and (max-width: 800px) { .mod_banner.right-placement .row .content { width: 100%; } } .mod_banner.right-placement .row .content h2, .mod_banner.right-placement .row .content h3 { text-align: left; } .mod_banner.right-placement .row .content .logo, .mod_banner.right-placement .row .content .credentials { justify-content: flex-start; } .mod_banner.office .row { padding: calc(60px + 10%) 20px; } .mod_banner.doctor .row { padding: calc(60px + 10%) 20px; } .mod_banner.background-2 { background: #474747; } .mod_double_banner { max-width: 2000px; margin: 80px auto; } @media only screen and (max-width: 1200px) { .mod_double_banner { margin: 60px auto; } } @media only screen and (max-width: 64em) { .mod_double_banner { margin: 40px auto; } } @media only screen and (max-width: 40em) { .mod_double_banner { margin: 45px auto; } } .mod_double_banner .row { max-width: 100%; padding: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 20px; } @media only screen and (max-width: 1200px) { .mod_double_banner .row { padding-top: 30px; padding-bottom: 30px; } } @media only screen and (max-width: 64em) { .mod_double_banner .row { grid-template-columns: 1fr; } } .mod_double_banner .row .banner * { color: #fff; } @media only screen and (max-width: 64em) { .mod_double_banner .row .banner:before { background: #333; opacity: .4; } } .mod_double_banner .row .banner .content { position: relative; z-index: 3; max-width: 540px; margin: 0 auto; padding: calc(120px + 14%) 20px; } @media only screen and (max-width: 1200px) { .mod_double_banner .row .banner .content { padding: calc(80px + 8%) 20px; } } @media only screen and (max-width: 64em) { .mod_double_banner .row .banner .content { padding: calc(60px + 5%) 20px; } } @media only screen and (max-width: 800px) { .mod_double_banner .row .banner .content { padding: 60px 20px; } } .mod_double_banner .row .banner .content h2 { margin-bottom: 30px; } @media only screen and (max-width: 1200px) { .mod_double_banner .row .banner .content h2 { font-size: 54px; margin-bottom: 24px; } } @media only screen and (max-width: 64em) { .mod_double_banner .row .banner .content h2 { font-size: 48px; margin-bottom: 20px; } } @media only screen and (max-width: 800px) { .mod_double_banner .row .banner .content h2 { font-size: 42px; } } @media only screen and (max-width: 40em) { .mod_double_banner .row .banner .content h2 { font-size: 38px; } } .mod_double_banner .row .banner .content .links { display: flex; flex-wrap: wrap; margin: 40px 0; gap: 20px; } @media only screen and (max-width: 1200px) { .mod_double_banner .row .banner .content .links { margin: 30px 0; } } @media only screen and (max-width: 64em) { .mod_double_banner .row .banner .content .links { margin: 22px 0; } } .mod_double_banner .row .banner .content a.btn { margin: 20px 0 0; } .mod_double_banner.dark, header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_double_banner.partial_socials { background: none; } .mod_double_banner.dark .row .banner, header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_double_banner.partial_socials .row .banner { position: relative; } .mod_double_banner.dark .row .banner:before, header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_double_banner.partial_socials .row .banner:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; display: block; background: #333; opacity: .4; } @media only screen and (max-width: 800px) { .mod_double_banner.dark .row .banner:before, header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_double_banner.partial_socials .row .banner:before { opacity: .7; } } .mod_double_banner.dark .row .banner .content, header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_double_banner.partial_socials .row .banner .content { position: relative; z-index: 3; } .mod_box_grid { position: relative; background: #f9f9f9; } .mod_box_grid.rounded .boxes .box { border-radius: 30px; } .mod_box_grid .row { position: relative; padding-top: 80px; padding-bottom: 80px; z-index: 1; } @media only screen and (max-width: 64em) { .mod_box_grid .row { padding-top: 60px; padding-bottom: 60px; } } .mod_box_grid .content-before, .mod_box_grid .content-after { max-width: 720px; text-align: center; } .mod_box_grid .content-before p, .mod_box_grid .content-after p { text-align: left; } @media only screen and (max-width: 800px) { .mod_box_grid .content-before, .mod_box_grid .content-after { margin: 20px auto; } } .mod_box_grid .content-before { margin: 0 auto 45px; } .mod_box_grid .content-before .logo { display: block; } .mod_box_grid .content-before .logo img { width: auto; max-height: clamp(2.5rem, 2.1966rem + 1.2945vw, 3.75rem); margin-bottom: clamp(.9375rem, .71rem + .9709vw, 1.875rem); } .mod_box_grid .content-after { margin: 45px auto 0; } .mod_box_grid .boxes { display: flex; flex-wrap: wrap; justify-content: center; max-width: 920px; margin: 0 auto; } .mod_box_grid .boxes .box { padding: clamp(1.875rem, 1.4199rem + 1.9417vw, 3.75rem); background: hsla(0, 0%, 100%, .87); border-radius: 2px; width: calc(50% - 15px); margin-top: 30px; } .mod_box_grid .boxes .box:nth-child(even) { margin-left: 30px; } @media only screen and (max-width: 800px) { .mod_box_grid .boxes .box:nth-child(even) { margin-left: 0; } } @media only screen and (max-width: 800px) { .mod_box_grid .boxes .box { width: 100%; margin-left: 0; margin-right: 0; } } @media only screen and (max-width: 40em) { .mod_box_grid .boxes .box { width: 100%; margin-left: 0; } .mod_box_grid .boxes .box:nth-child(even) { margin-left: 0; } } .mod_box_grid .boxes .box:first-child, .mod_box_grid .boxes .box:nth-child(2) { margin-top: 0; } @media only screen and (max-width: 800px) { .mod_box_grid .boxes .box:nth-child(2) { margin-top: 30px; } } .mod_box_grid .boxes .box h2, .mod_box_grid .boxes .box h3, .mod_box_grid .boxes .box ul li, .mod_box_grid .boxes .box ol li, .mod_box_grid .boxes .box p { color: #333 !important; } .mod_box_grid .boxes .box h2.gold, .mod_box_grid .boxes .box h3.gold, .mod_box_grid .boxes .box ul li.gold, .mod_box_grid .boxes .box ol li.gold, .mod_box_grid .boxes .box p.gold { color: #bb9344 !important; } .mod_box_grid .boxes .box strong { color: #bb9344 !important; } .mod_box_grid .boxes .box li::before { background: currentColor !important; } .mod_box_grid .boxes .box a:not(.btn) { text-decoration: underline; color: currentColor; } .mod_box_grid .boxes .box a.btn { display: table; margin: 25px auto 0; } .mod_box_grid .boxes.first-wide { gap: 20px; } .mod_box_grid .boxes.first-wide .box { margin: 0; flex: 1 1 calc(50% - 15px); } .mod_box_grid .boxes.first-wide .box:first-child { flex: 1 0 100%; } .mod_box_grid.wider .boxes { max-width: 1200px; } @media only screen and (max-width: 800px) { .mod_box_grid.wider .boxes .box { width: 100%; } .mod_box_grid.wider .boxes .box:nth-child(even) { margin-left: 0; } } .mod_box_grid.no-stacking .boxes { flex-wrap: nowrap; max-width: 1200px; justify-content: center; } @media only screen and (max-width: 64em) { .mod_box_grid.no-stacking .boxes { flex-wrap: wrap; } } .mod_box_grid.no-stacking .boxes .box { margin-top: 0 !important; } @media only screen and (max-width: 64em) { .mod_box_grid.no-stacking .boxes .box:nth-child(n+3) { margin-top: 30px !important; } } @media only screen and (max-width: 800px) { .mod_box_grid.no-stacking .boxes .box { width: 100%; margin-left: 0; } .mod_box_grid.no-stacking .boxes .box:nth-child(n+2) { margin-top: 30px !important; } } @media only screen and (min-width: 64.0625em) { .mod_box_grid.no-stacking .boxes .box + .box { margin-left: 30px; } } @media only screen and (min-width: 64.0625em) { .mod_box_grid.no-stacking .boxes .box + .box:nth-child(even) { margin-left: 30px; } } .mod_box_grid.single .boxes { flex-wrap: wrap; padding: 50px 0; } @media only screen and (max-width: 64em) { .mod_box_grid.single .boxes { padding: 40px 0; } } @media only screen and (max-width: 800px) { .mod_box_grid.single .boxes { padding: 30px 0; } } .mod_box_grid.single .boxes .box { width: 100%; max-width: 820px; margin-bottom: 0; } .mod_box_grid.no-bg { background: none; } .mod_box_grid.no-bg .wrapper .row { padding: calc(100px + 8%) 20px; } .mod_box_grid.no-bg picture.background { display: none; } .mod_box_grid.no-bg .box { position: relative; background: #000; } .mod_box_grid.no-bg .box h2, .mod_box_grid.no-bg .box h3, .mod_box_grid.no-bg .box ul li, .mod_box_grid.no-bg .box p, .mod_box_grid.no-bg .box a, .mod_box_grid.no-bg .box a.link, .mod_box_grid.no-bg .box .mod_home_banner .row .content a.center, .mod_home_banner .row .content .mod_box_grid.no-bg .box a.center { position: relative; z-index: 1; color: #fff !important; } .mod_box_grid.no-bg .box ul li:before { background: #fff !important; } .mod_box_grid.no-bg .box picture.background { opacity: .17; } .mod_box_grid.no-bg.single .boxes { padding: 0; } .mod_box_grid.three-boxes .box:last-child { width: 100%; } .mod_box_grid.three-boxes.no-stacking .box:last-child { width: calc(50% - 15px); } @media only screen and (max-width: 800px) { .mod_box_grid.three-boxes.no-stacking .box:last-child { width: 100%; } } .mod_box_grid.five-boxes .box:last-child, .mod_box_grid.seven-boxes .box:last-child { width: 100%; } .mod_box_grid:not(.no-stacking) .box:nth-child(odd):last-child { width: 100%; } .mod_box_grid.dark, header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_box_grid.partial_socials { background: #333; } .mod_box_grid.dark.no-bg, header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_box_grid.no-bg.partial_socials { background: #474747; } .mod_box_grid.viewport picture.background { display: block; overflow: hidden; } .mod_box_grid.viewport picture.background img { transform: scale(1.2); } .mod_box_grid.in-viewport picture.background img { transform: scale(1); } .mod_instagram { background: #f9f9f9; } .mod_instagram .row { max-width: 1600px; margin-left: auto; margin-right: auto; } .mod_instagram .row a.btn { display: table; margin-left: auto; margin-right: auto; margin-top: 20px; } .mod_instagram .row ul.partial_socials { text-align: center; } .mod_instagram .row ul.partial_socials li { margin-top: 0; } .mod_instagram .row ul.partial_socials li a { transform: scale(1.2); background: none; } .mod_instagram .static-feed { grid-gap: 20px; } .mod_instagram .static-feed .post { position: relative; } .mod_instagram .static-feed .post:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; display: block; background: #444; opacity: 0; } .mod_instagram .static-feed .post .content, .mod_instagram .static-feed .post span.icon { position: absolute; top: calc(50% - 20px); left: 50%; transform: translate(-50%, -50%); width: 100%; padding: 0 20px; text-align: center; opacity: 0; visibility: hidden; z-index: 3; } .mod_instagram .static-feed .post .content { padding: 0 20px; text-align: center; } .mod_instagram .static-feed .post .content * { color: #fff; } .mod_instagram .static-feed .post .content h3 { font-size: 22px; } .mod_instagram .static-feed .post span.icon { padding: 20px; background: url("/assets/img/img-export/1600277573-search-icon.png") no-repeat center center; background-size: contain; display: inline-block; width: inherit; } .mod_instagram .static-feed .post:hover { opacity: 1; } .mod_instagram .static-feed .post:hover:after { opacity: .8; } .mod_instagram .static-feed .post:hover .content, .mod_instagram .static-feed .post:hover span.icon { top: 50%; opacity: 1; visibility: visible; } .mod_instagram .static-feed.grid { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; } @media only screen and (max-width: 800px) { .mod_instagram .static-feed.grid { grid-template-columns: 1fr 1fr; } } .mod_instagram .tns-controls, .mod_instagram .slider-nav { display: flex; grid-gap: 16px; justify-content: center; text-align: center; padding-top: 20px; outline: none; margin-top: 10px; } .mod_instagram .tns-controls button, .mod_instagram .slider-nav button { padding: 20px; width: 40px; height: 40px; border-radius: 100%; text-indent: -9999px; background: rgba(0, 0, 0, .9); } .mod_instagram .tns-controls button:hover, .mod_instagram .slider-nav button:hover { opacity: .6; cursor: pointer; } @media only screen and (max-width: 64em) { .mod_instagram .tns-controls button, .mod_instagram .slider-nav button { padding: 16px; width: 36px; height: 36px; } } @media only screen and (max-width: 800px) { .mod_instagram .tns-controls button, .mod_instagram .slider-nav button { padding: 14px; width: 34px; height: 34px; } } .mod_instagram .tns-controls button:after, .mod_instagram .slider-nav button:after { content: ""; background: url("https://static.tresiocms.com/images/arrow.png?auto=format,compress") no-repeat center center; background-size: auto 100% !important; position: absolute; top: 50%; left: calc(50% - 1px); transform: translate(-50%, -50%) rotate(-180deg); padding: 8px; } @media only screen and (max-width: 64em) { .mod_instagram .tns-controls button:after, .mod_instagram .slider-nav button:after { padding: 7px; } } @media only screen and (max-width: 800px) { .mod_instagram .tns-controls button:after, .mod_instagram .slider-nav button:after { padding: 6px; } } .mod_instagram .tns-controls button:before, .mod_instagram .slider-nav button:before { display: none; } .mod_instagram .tns-controls button + button:after, .mod_instagram .slider-nav button + button:after { left: calc(50% + 1px); transform: translate(-50%, -50%); } .mod_column { position: relative; } .mod_column .row { position: relative; z-index: 1; } .mod_column.has-media { align-items: center; } .mod_column.has-media .row { display: grid; align-items: center; grid-template-columns: 1fr 2fr; } .mod_column.has-media .row.media-left .item { order: 2; padding-left: 40px; } @media only screen and (max-width: 64em) { .mod_column.has-media .row.media-left .item { padding-left: 0; } } .mod_column.has-media .row.media-right { grid-template-columns: 2fr 1fr; } .mod_column.has-media .row.media-right .item { padding-right: 40px; } @media only screen and (max-width: 64em) { .mod_column.has-media .row.media-right .item { padding-right: 0; order: 2; } } .mod_column.has-media .row.media-bottom { grid-template-columns: 1fr; max-width: 1200px; } .mod_column.has-media .row.media-bottom .item { margin-bottom: 30px; } .mod_column.has-media .row.media-bottom .item h2 { text-align: center; } @media only screen and (max-width: 64em) { .mod_column.has-media .row { grid-template-columns: 1fr !important; } .mod_column.has-media .row .media { order: 1; max-width: 400px; margin-bottom: 30px; display: inline-block; } } .mod_columns_two { position: relative; margin-top: 30px; } .mod_columns_two .row { position: relative; z-index: 1; } .mod_columns_two .row > h2 { text-align: center; margin-bottom: 30px; } .mod_columns_two .content { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 30px; margin-bottom: 30px; } @media only screen and (max-width: 800px) { .mod_columns_two .content { grid-gap: 20px; grid-template-columns: 1fr; } } .mod_columns_two.has-media .row { display: grid; grid-template-columns: 2fr 1fr; align-items: center; } .mod_columns_two.has-media .row .content { padding-right: 40px; display: block; margin-bottom: 0; } .mod_columns_two.has-media .row .content .grid { display: grid; grid-template-columns: 1fr 1fr; } .mod_columns_two.has-media .row .content .grid .item { padding-right: 40px; } .mod_columns_two.has-media .row .content .grid .item + .item { padding-right: 0; } @media only screen and (max-width: 800px) { .mod_columns_two.has-media .row .content .grid .item + .item { margin-top: 40px; } } @media only screen and (max-width: 800px) { .mod_columns_two.has-media .row .content .grid { grid-template-columns: 1fr; } } .mod_columns_two.has-media .row.media-left { grid-template-columns: 1fr 2fr; } .mod_columns_two.has-media .row.media-left .content { padding-right: 0; padding-left: 40px; order: 2; } @media only screen and (max-width: 64em) { .mod_columns_two.has-media .row { grid-template-columns: 1fr !important; } .mod_columns_two.has-media .row .content { order: 2; padding: 0 !important; } .mod_columns_two.has-media .row .media { order: 1; max-width: 400px; margin-bottom: 30px; display: inline-block; } } .mod_columns_two.has-bg .row { padding: calc(50px + 4%) 20px; } @media only screen and (max-width: 800px) { .mod_columns_two.has-bg .row { padding: calc(30px + 3.5%) 20px; } } @media only screen and (max-width: 40em) { .mod_columns_two.has-bg .row { padding: 60px 20px; } } .mod_columns_three { position: relative; } .mod_columns_three .row { position: relative; z-index: 1; } .mod_columns_three .row > h2 { text-align: center; margin-bottom: 30px; } .mod_columns_three .content { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 30px; margin-bottom: 30px; } @media only screen and (max-width: 800px) { .mod_columns_three .content { grid-gap: 20px; grid-template-columns: 1fr; } } .mod_column .logo, .mod_columns_two .logo, .mod_columns_three .logo { display: flex; justify-content: center; align-items: center; margin: 0 auto 40px; text-align: center; } .mod_column .logo img, .mod_columns_two .logo img, .mod_columns_three .logo img { max-width: 180px; max-height: 60px; width: auto; } @media only screen and (max-width: 64em) { .mod_column .logo img, .mod_columns_two .logo img, .mod_columns_three .logo img { max-width: 160px; max-height: 50px; } } @media only screen and (max-width: 800px) { .mod_column .logo img, .mod_columns_two .logo img, .mod_columns_three .logo img { max-width: 140px; max-height: 40px; } } .mod_column.dark, header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_column.partial_socials, .mod_columns_two.dark, header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_columns_two.partial_socials, .mod_columns_three.dark, header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_columns_three.partial_socials { position: relative; } .mod_column.dark:after, header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_column.partial_socials:after, .mod_columns_two.dark:after, header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_columns_two.partial_socials:after, .mod_columns_three.dark:after, header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_columns_three.partial_socials:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; display: block; background: #222; opacity: .4; } .mod_column.dark .row, header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_column.partial_socials .row, .mod_columns_two.dark .row, header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_columns_two.partial_socials .row, .mod_columns_three.dark .row, header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_columns_three.partial_socials .row { position: relative; z-index: 3; } .mod_column.viewport picture, .mod_columns_two.viewport picture, .mod_columns_three.viewport picture { display: block; overflow: hidden; } .mod_column.viewport picture img, .mod_columns_two.viewport picture img, .mod_columns_three.viewport picture img { transform: scale(1.2); } .mod_column.in-viewport picture img, .mod_columns_two.in-viewport picture img, .mod_columns_three.in-viewport picture img { transform: scale(1); } .mod_contact_form { background: #f9f9f9; padding: 80px 20px; position: relative; } @media only screen and (max-width: 800px) { .mod_contact_form { padding: 60px 20px; } } @media only screen and (max-width: 40em) { .mod_contact_form { padding: 50px 20px; } } .mod_contact_form .wrapper { max-width: 1160px; margin: 0 auto; } .mod_contact_form .wrapper.padded { padding-top: calc(20px + 2%); padding-bottom: calc(20px + 2%); } @media only screen and (max-width: 64em) { .mod_contact_form .wrapper.padded { padding-top: calc(10px + 1%); padding-bottom: calc(10px + 1%); } } @media only screen and (max-width: 800px) { .mod_contact_form .wrapper.padded { padding-top: 10px; padding-bottom: 10px; } } .mod_contact_form .wrapper.padded2 { padding-top: calc(40px + 4%); padding-bottom: calc(40px + 4%); } @media only screen and (max-width: 64em) { .mod_contact_form .wrapper.padded2 { padding-top: calc(20px + 2%); padding-bottom: calc(20px + 2%); } } @media only screen and (max-width: 800px) { .mod_contact_form .wrapper.padded2 { padding-top: 20px; padding-bottom: 20px; } } .mod_contact_form .row { max-width: 720px; position: relative; z-index: 3; } .mod_contact_form .row .section-label { text-align: center; margin-left: auto; margin-right: auto; } @media only screen and (max-width: 40em) { .mod_contact_form .row .section-label { text-align: left; margin-left: 0; margin-right: 0; } } .mod_contact_form .row .section-label.big-text { font-size: 20px; } .mod_contact_form .row h2 { margin-bottom: 30px; text-align: center; } @media only screen and (max-width: 40em) { .mod_contact_form .row h2 { text-align: left; } } .mod_contact_form .row h2:before, .mod_contact_form .row h2:after { margin-left: auto; margin-right: auto; } @media only screen and (max-width: 40em) { .mod_contact_form .row h2:before, .mod_contact_form .row h2:after { margin-left: 0; margin-right: 0; } } .mod_contact_form .row .content { max-width: 600px; margin: 20px auto 0; text-align: center; } @media only screen and (max-width: 40em) { .mod_contact_form .row .content { text-align: left; } } .mod_contact_form .row .partial_form .fields label { color: #333 !important; } .mod_contact_form .row .partial_form .submit-holder .btn.disabled, .mod_contact_form .row .partial_form .submit-holder body.scheduler .mod_scheduler .main .steps .step .inner-step.provider .date-time.done .time-slots a.btn, body.scheduler .mod_scheduler .main .steps .step .inner-step.provider .date-time.done .time-slots .mod_contact_form .row .partial_form .submit-holder a.btn { background: #64707e; color: #fff; opacity: .3; } .mod_contact_form.dark:before, header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_contact_form.partial_socials:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; display: block; background: #333; opacity: .2; } .mod_contact_form.dark h2, header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_contact_form.partial_socials h2, .mod_contact_form.dark .content *, header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_contact_form.partial_socials .content *, .mod_contact_form.dark .section-label, header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_contact_form.partial_socials .section-label { color: #fff; } .mod_contact_form.left-placement .row { margin-left: 0; max-width: 600px; } .mod_contact_form.left-placement .row h2, .mod_contact_form.left-placement .row .content { text-align: left; } .mod_contact_form.right-placement .row { margin-right: 0; max-width: 600px; } .mod_tabs_module { margin-top: 60px; } .mod_tabs_module .title-wrapper { background: #fff; width: 100%; } .mod_tabs_module .title-wrapper .title { text-align: center; } .mod_tabs_module .wrapper { position: relative; } .mod_tabs_module .tabs { display: grid; grid-template-columns: 1fr; grid-template-rows: 1fr; } .mod_tabs_module .tabs .tab { grid-column: 1; grid-row: 1; position: relative; opacity: 0; height: 100%; width: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column; visibility: hidden; overflow: clip; } @media only screen and (max-width: 800px) { .mod_tabs_module .tabs .tab { flex-direction: column-reverse; position: relative; } } .mod_tabs_module .tabs .tab { transition: opacity .6s ease, visibility .6s ease; } .mod_tabs_module .tabs .tab .row { position: relative; z-index: 3; margin: 0 auto; padding-block: clamp(1.25rem, -1.1772rem + 10.356vw, 11.25rem); } .mod_tabs_module .tabs .tab .row .inner { position: relative; transform: translateX(40px); transition: transform 1.25s ease; } .mod_tabs_module .tabs .tab .row .inner .logo { display: flex; margin-bottom: 10px; } .mod_tabs_module .tabs .tab .row .inner .logo img { max-width: 180px; max-height: 60px; width: auto; } @media only screen and (max-width: 64em) { .mod_tabs_module .tabs .tab .row .inner .logo img { max-width: 160px; max-height: 50px; } } @media only screen and (max-width: 800px) { .mod_tabs_module .tabs .tab .row .inner .logo img { max-width: 140px; max-height: 40px; } } .mod_tabs_module .tabs .tab .row .inner a.btn { margin-top: 30px; } .mod_tabs_module .tabs .tab .row .inner .credentials { display: flex; align-items: center; margin-top: 30px; grid-gap: 40px; } @media only screen and (max-width: 64em) { .mod_tabs_module .tabs .tab .row .inner .credentials { grid-gap: 30px; } } @media only screen and (max-width: 800px) { .mod_tabs_module .tabs .tab .row .inner .credentials { grid-gap: 20px; flex-wrap: wrap; } } .mod_tabs_module .tabs .tab .row .inner .credentials .img { display: inline-block; } @media only screen and (max-width: 64em) { .mod_tabs_module .tabs .tab .row .inner .credentials .img { margin-bottom: 30px; } } .mod_tabs_module .tabs .tab .row .inner .credentials .img img { max-height: 50px; max-width: 110px; width: auto; } @media only screen and (max-width: 64em) { .mod_tabs_module .tabs .tab .row .inner .credentials .img img { max-height: 40px; max-width: 90px; } } @media only screen and (max-width: 800px) { .mod_tabs_module .tabs .tab .row .inner .credentials .img img { max-height: 32px; } } .mod_tabs_module .tabs .tab .media { width: 50%; } .mod_tabs_module .tabs .tab .media img { object-position: center top; } .mod_tabs_module .tabs .tab .media picture.fg { z-index: 2; } @media only screen and (max-width: 800px) { .mod_tabs_module .tabs .tab .media { position: relative; display: block; aspect-ratio: 1920/1347; width: 100%; overflow: clip; } } .mod_tabs_module .tabs .tab svg.logo-part { position: absolute; aspect-ratio: 318/406; width: clamp(9.375rem, 2.2172rem + 11.1732vw, 15.625rem); height: auto; } .mod_tabs_module .tabs .tab svg.logo-part.bg-part { z-index: 1; left: clamp(16.875rem, -2.4511rem + 30.1676vw, 33.75rem); top: clamp(3.75rem, -.2584rem + 6.257vw, 7.25rem); } .mod_tabs_module .tabs .tab svg.logo-part.fg-part { z-index: 3; left: clamp(8.125rem, -6.9064rem + 23.4637vw, 21.25rem); bottom: clamp(2.5rem, 5.1816rem + -2.2346vw, 3.75rem); } @media only screen and (max-width: 64em) { .mod_tabs_module .tabs .tab svg.logo-part { width: clamp(7.5rem, .7651rem + 13.4529vw, 9.375rem); } .mod_tabs_module .tabs .tab svg.logo-part.bg-part { left: clamp(11.875rem, -6.0846rem + 35.8744vw, 16.875rem); top: clamp(5rem, 7.87rem + -4.4843vw, 5.625rem); } .mod_tabs_module .tabs .tab svg.logo-part.fg-part { left: clamp(5rem, -8.4697rem + 26.9058vw, 8.75rem); } } @media only screen and (max-width: 800px) { .mod_tabs_module .tabs .tab svg.logo-part { width: clamp(4.375rem, -.0368rem + 18.8235vw, 9.375rem); } .mod_tabs_module .tabs .tab svg.logo-part.bg-part { left: clamp(5rem, .5882rem + 18.8235vw, 10rem); top: clamp(2.5rem, 1.3971rem + 4.7059vw, 3.75rem); } .mod_tabs_module .tabs .tab svg.logo-part.fg-part { left: clamp(1.25rem, .1471rem + 4.7059vw, 2.5rem); bottom: clamp(1.25rem, .1471rem + 4.7059vw, 2.5rem); } } .mod_tabs_module .tabs .tab.active { opacity: 1; visibility: visible; } @media only screen and (max-width: 64em) { .mod_tabs_module .tabs .tab.active { display: flex; } } .mod_tabs_module .tabs .tab.active .inner { transform: translateX(0); } .mod_tabs_module .tabs .tab:nth-child(1) .media picture { width: 104.6875%; height: 104.6875%; } .mod_tabs_module .tab-links { display: grid; grid-template-columns: 1fr 1fr 1fr; background: #000; } .mod_tabs_module .tab-links a { padding: clamp(1.25rem, .9769rem + 1.165vw, 2.375rem) 20px; color: #afb2b6 !important; font-weight: 700; text-transform: uppercase; text-align: center; letter-spacing: clamp(.0313rem, .0237rem + .0324vw, .0625rem); cursor: pointer; } .mod_tabs_module .tab-links a.active { background: #64707e; color: #fff !important; } .mod_tabs_module .tab-links a:hover { opacity: 1; } @media only screen and (max-width: 500px) { .mod_tabs_module .tab-links { grid-template-columns: 1fr; border-top: 1px solid #fff; } } .mod_tabs_module.dark, header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_tabs_module.partial_socials { background: none; } .mod_tabs_module.dark .wrapper, header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_tabs_module.partial_socials .wrapper { background: #1a1a1a; } .mod_tabs_module.dark .wrapper .row *, header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_tabs_module.partial_socials .wrapper .row * { color: #fff; } .mod_tabs_module.dark .wrapper .media:before, header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_tabs_module.partial_socials .wrapper .media:before { background: #333; } .mod_tabs_module.dark .tab-links a, header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_tabs_module.partial_socials .tab-links a { color: #333; } .mod_tabs_module.right-placement .wrapper .tabs .tab .row .inner { width: 40%; max-width: 573px; margin-left: auto; } @media only screen and (max-width: 64em) { .mod_tabs_module.right-placement .wrapper .tabs .tab .row .inner { width: 50%; } } @media only screen and (max-width: 800px) { .mod_tabs_module.right-placement .wrapper .tabs .tab .row .inner { width: 100%; max-width: 100%; margin-left: 0; } } .mod_tabs_module.left-media-position picture img, .mod_tabs_module.left-media-position video { object-position: 20% 20%; } .mod_tabs_module.right-media-position picture img, .mod_tabs_module.right-media-position video { object-position: 80% 20%; } .mod_tabs_module.viewport .tabs .tab:nth-child(1) .media picture img { transform: translateX(2%); transition: transform 1.6s ease .25s; } .mod_tabs_module.in-viewport .tabs .tab:nth-child(1) .media picture img { transform: translateX(-2%); } .mod_contact { position: relative; } .mod_contact:after { width: 100%; } @media only screen and (max-width: 64em) { .mod_contact:before { display: none; } } .mod_contact .row { display: flex; flex-wrap: nowrap; max-width: 1024px; } @media only screen and (max-width: 40em) { .mod_contact .row { flex-direction: column; grid-gap: 20px; } } .mod_contact section.info { width: 40%; margin-right: 10%; } @media only screen and (max-width: 800px) { .mod_contact section.info { width: 100%; margin-right: 0; } } .mod_contact section.info .partial_breadcrumb { margin-bottom: 40px; } .mod_contact section.info .has-icon { margin-bottom: 20px; } .mod_contact section.info p, .mod_contact section.info span { line-height: 1.5; font-family: "proxima-nova", sans-serif; } @media only screen and (max-width: 800px) { .mod_contact section.info p, .mod_contact section.info span { font-size: 18px; } } .mod_contact section.info p.subtitle, .mod_contact section.info span.subtitle { margin-top: 20px; display: block; font-size: 80%; line-height: 1; padding-bottom: 5px; } .mod_contact section.info * { color: #000; } .mod_contact section.content { flex: grow; } .mod_contact section.content .thank-you { width: 100%; background: hsla(0, 0%, 100%, .8); padding: 50px; margin-bottom: clamp(3.75rem, .4126rem + 14.2395vw, 17.5rem); } @media only screen and (max-width: 64em) { .mod_contact section.content .thank-you { padding: 40px; } } @media only screen and (max-width: 800px) { .mod_contact section.content .thank-you { margin-top: 20px; padding: 30px; } } @media only screen and (max-width: 40em) { .mod_contact section.content .thank-you { padding: 20px; } } .mod_contact section.content .thank-you p { font-size: 22px; } @media only screen and (max-width: 800px) { .mod_contact section.content .thank-you p { font-size: 18px; } } .mod_contact section.content .thank-you .btn { margin-top: 30px; } @media only screen and (max-width: 800px) { .mod_contact section.content .thank-you .btn { margin-top: 20px; } } .mod_contact.dark, header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_contact.partial_socials { background: #000; } .mod_contact.dark section.info ul.partial_breadcrumb li:before, header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_contact.partial_socials section.info ul.partial_breadcrumb li:before { background: #fff; } .mod_contact.dark section.info p, header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_contact.partial_socials section.info p, .mod_contact.dark section.info a, header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_contact.partial_socials section.info a, .mod_contact.dark section.info span, header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_contact.partial_socials section.info span, .mod_contact.dark section.info h1, header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_contact.partial_socials section.info h1, .mod_contact.dark section.info h2, header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_contact.partial_socials section.info h2 { color: #fff; } .mod_contact.dark form .section-label, header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_contact.partial_socials form .section-label, .mod_contact.dark form label, header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_contact.partial_socials form label, .mod_contact.dark form a, header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_contact.partial_socials form a { color: #fff !important; } .mod_contact.dark form ::placeholder, header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_contact.partial_socials form ::placeholder { color: #fff; } .mod_contact.dark form input, header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_contact.partial_socials form input, .mod_contact.dark form select, header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_contact.partial_socials form select, .mod_contact.dark form textarea, header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_contact.partial_socials form textarea { border-radius: 0; padding-left: 0; padding-right: 0; color: #fff; background: none; border: none; border-bottom: 1px solid #fff; } .mod_contact.dark form input:focus, header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_contact.partial_socials form input:focus, .mod_contact.dark form select:focus, header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_contact.partial_socials form select:focus, .mod_contact.dark form textarea:focus, header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_contact.partial_socials form textarea:focus { box-shadow: none; } .mod_contact.dark form .field.select select, header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_contact.partial_socials form .field.select select { background: none; color: #fff; } .mod_contact.dark form .field.select:after, header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_contact.partial_socials form .field.select:after { filter: invert(1); } .mod_contact.stack .row { flex-direction: column; gap: 30px; } .mod_contact.stack .row section { width: 100%; max-width: 540px; } @media only screen and (max-width: 64em) { .mod_contact.stack .row section { max-width: none; } } .mod_contact.left-position { justify-content: flex-start; } .mod_contact.left-position .row { max-width: 1360px; } .mod_contact.left-position .row section { margin-right: auto; } .mod_contact.right-position .row { max-width: 1360px; } .mod_contact.right-position .row section { margin-left: auto; margin-right: 0; } .mod_contact.phone-background picture.desktop img { object-position: 20% top; } @media only screen and (max-width: 1200px) { .mod_contact.phone-background picture.desktop::after { content: ""; position: absolute; inset: 0; background: linear-gradient(to left, rgba(0, 0, 0, .8) 40%, rgba(0, 0, 0, 0) 80%); } } @media only screen and (max-width: 64em) { .mod_contact.phone-background picture.desktop::after { background: rgba(0, 0, 0, .75); } } @media only screen and (max-width: 40em) { .mod_contact.phone-background picture.desktop { display: none; } } .mod_contact.phone-background picture.phone { display: none; } @media only screen and (max-width: 40em) { .mod_contact.phone-background picture.phone { display: block; } } .mod_cta_ba, .mod_cta_ba_feed { background: none; max-width: 1200px; margin-top: 40px; margin-bottom: 40px; } .mod_cta_ba .row, .mod_cta_ba_feed .row { display: block; padding-top: 40px; } .mod_cta_ba .row .text, .mod_cta_ba_feed .row .text { display: block; } .mod_cta_ba .row .text a.popup-image, .mod_cta_ba_feed .row .text a.popup-image { margin-top: 20px; margin-bottom: 20px; } .mod_cta_ba .row .text a.popup-image + p, .mod_cta_ba_feed .row .text a.popup-image + p { margin-bottom: 20px; } .mod_cta_ba .row .text p, .mod_cta_ba_feed .row .text p { max-width: 540px; margin: 0 auto; } .mod_cta_ba .row .text .patients, .mod_cta_ba_feed .row .text .patients { margin: 20px auto 30px; position: relative; display: inline-block; width: 100%; } .mod_cta_ba .row .text .patients .patient-wrap, .mod_cta_ba_feed .row .text .patients .patient-wrap { padding: 20px; } .mod_cta_ba .row .text .patients .patient-wrap .patient, .mod_cta_ba_feed .row .text .patients .patient-wrap .patient { display: flex; justify-content: center; } .mod_cta_ba .row .text .patients .patient-wrap .patient a, .mod_cta_ba_feed .row .text .patients .patient-wrap .patient a { display: block; width: 100%; } .mod_cta_ba .row .text .patients .patient-wrap .patient picture, .mod_cta_ba_feed .row .text .patients .patient-wrap .patient picture { width: 50%; max-width: 320px; } .mod_cta_ba .row .text .patients .patient-wrap .patient picture img, .mod_cta_ba_feed .row .text .patients .patient-wrap .patient picture img { width: 100%; } .mod_cta_ba .row .text .patients .patient-wrap.pslider, .mod_cta_ba_feed .row .text .patients .patient-wrap.pslider { padding: 20px 0; } .mod_cta_ba .row .text .patients .patient-wrap.grid, .mod_cta_ba_feed .row .text .patients .patient-wrap.grid { display: grid; gap: 20px; padding-left: 0; padding-right: 0; } .mod_cta_ba .row .text .patients .patient-wrap.grid .patient > a, .mod_cta_ba .row .text .patients .patient-wrap.grid a.patient, .mod_cta_ba_feed .row .text .patients .patient-wrap.grid .patient > a, .mod_cta_ba_feed .row .text .patients .patient-wrap.grid a.patient { padding-top: 0; } .mod_cta_ba .row .text .patients .patient-wrap.grid .patient > a picture, .mod_cta_ba .row .text .patients .patient-wrap.grid a.patient picture, .mod_cta_ba_feed .row .text .patients .patient-wrap.grid .patient > a picture, .mod_cta_ba_feed .row .text .patients .patient-wrap.grid a.patient picture { transform: none; } .mod_cta_ba .row .text .patients .patient-wrap.grid[data-items="1"], .mod_cta_ba_feed .row .text .patients .patient-wrap.grid[data-items="1"] { grid-template-columns: 1fr; } .mod_cta_ba .row .text .patients .patient-wrap.grid[data-items="2"], .mod_cta_ba_feed .row .text .patients .patient-wrap.grid[data-items="2"] { grid-template-columns: 1fr 1fr; } @media only screen and (max-width: 40em) { .mod_cta_ba .row .text .patients .patient-wrap.grid[data-items="2"], .mod_cta_ba_feed .row .text .patients .patient-wrap.grid[data-items="2"] { grid-template-columns: 1fr; } } .mod_cta_ba .row .text .patients .patient-wrap.grid[data-items="3"], .mod_cta_ba_feed .row .text .patients .patient-wrap.grid[data-items="3"] { grid-template-columns: 1fr 1fr 1fr; } @media only screen and (max-width: 800px) { .mod_cta_ba .row .text .patients .patient-wrap.grid[data-items="3"], .mod_cta_ba_feed .row .text .patients .patient-wrap.grid[data-items="3"] { grid-template-columns: 1fr 1fr; } } @media only screen and (max-width: 40em) { .mod_cta_ba .row .text .patients .patient-wrap.grid[data-items="3"], .mod_cta_ba_feed .row .text .patients .patient-wrap.grid[data-items="3"] { grid-template-columns: 1fr; } } .mod_cta_ba .row .text .patients .tns-outer + .age-restricted .inner, .mod_cta_ba_feed .row .text .patients .tns-outer + .age-restricted .inner { position: relative; top: -40px; } @media only screen and (max-width: 40em) { .mod_cta_ba .row .text .patients .tns-outer + .age-restricted .inner, .mod_cta_ba_feed .row .text .patients .tns-outer + .age-restricted .inner { top: -30px; } } .mod_cta_ba .row .text .patients .age-restricted, .mod_cta_ba_feed .row .text .patients .age-restricted { position: absolute; width: 100%; height: 100%; top: 0; left: 0; display: flex; flex-direction: column; background: hsla(0, 0%, 100%, .7); padding: 30px; text-align: center; justify-content: center; align-items: center; z-index: 99; opacity: 0; visibility: hidden; } .mod_cta_ba .row .text .patients .age-restricted h3, .mod_cta_ba_feed .row .text .patients .age-restricted h3 { font-size: 32px; } @media only screen and (max-width: 800px) { .mod_cta_ba .row .text .patients .age-restricted h3, .mod_cta_ba_feed .row .text .patients .age-restricted h3 { font-size: 28px; } } @media only screen and (max-width: 40em) { .mod_cta_ba .row .text .patients .age-restricted h3, .mod_cta_ba_feed .row .text .patients .age-restricted h3 { font-size: 24px; } } .mod_cta_ba .row .text .patients .age-restricted p, .mod_cta_ba_feed .row .text .patients .age-restricted p { max-width: 540px; } .mod_cta_ba .row.restricted .patients .patient-wrap, .mod_cta_ba_feed .row.restricted .patients .patient-wrap { filter: blur(10px); } .mod_cta_ba .row.restricted .patients .patient-wrap .patient, .mod_cta_ba_feed .row.restricted .patients .patient-wrap .patient { opacity: .5; } .mod_cta_ba .row.restricted .patients .age-restricted, .mod_cta_ba_feed .row.restricted .patients .age-restricted { opacity: 1; visibility: visible; } .mod_cta_ba .row.restricted a.btn.view-more, .mod_cta_ba .row.restricted .tns-controls, .mod_cta_ba_feed .row.restricted a.btn.view-more, .mod_cta_ba_feed .row.restricted .tns-controls { filter: blur(10px); pointer-events: none; } .mod_cta_ba .row.restricted .age-restricted a.btn, .mod_cta_ba_feed .row.restricted .age-restricted a.btn { pointer-events: all; } .mod_cta_ba .row p.disclaimer, .mod_cta_ba_feed .row p.disclaimer { font-style: italic; font-size: 15px; margin-top: 15px; } .mod_cta_ba .tns-controls button, .mod_cta_ba_feed .tns-controls button { padding: 20px; width: 40px; height: 40px; border-radius: 100%; background: rgba(0, 0, 0, .9); } .mod_cta_ba .tns-controls button:hover, .mod_cta_ba_feed .tns-controls button:hover { opacity: .6; cursor: pointer; } @media only screen and (max-width: 64em) { .mod_cta_ba .tns-controls button, .mod_cta_ba_feed .tns-controls button { padding: 16px; width: 36px; height: 36px; } } @media only screen and (max-width: 800px) { .mod_cta_ba .tns-controls button, .mod_cta_ba_feed .tns-controls button { padding: 14px; width: 34px; height: 34px; } } .mod_cta_ba .tns-controls button:after, .mod_cta_ba_feed .tns-controls button:after { content: ""; background: url("https://static.tresiocms.com/images/arrow.png?auto=format,compress") no-repeat center center; background-size: auto 100% !important; position: absolute; top: 50%; left: calc(50% - 1px); transform: translate(-50%, -50%) rotate(-180deg); padding: 8px; } @media only screen and (max-width: 64em) { .mod_cta_ba .tns-controls button:after, .mod_cta_ba_feed .tns-controls button:after { padding: 7px; } } @media only screen and (max-width: 800px) { .mod_cta_ba .tns-controls button:after, .mod_cta_ba_feed .tns-controls button:after { padding: 6px; } } .mod_cta_ba .tns-controls button:before, .mod_cta_ba_feed .tns-controls button:before { display: none; } .mod_cta_ba .tns-controls button + button:after, .mod_cta_ba_feed .tns-controls button + button:after { left: calc(50% + 1px); transform: translate(-50%, -50%); } body.landing-page .mod_cta_ba .patients a, body.landing-page .mod_cta_ba_feed .patients a { pointer-events: none; } body.landing-page .mod_cta_ba a.btn, body.landing-page .mod_cta_ba_feed a.btn { margin-top: 10px; } .mod_cta_ba_feed .row .text .patients .patient-wrap a.patient { max-width: 680px; width: 100%; grid-gap: 0; padding-top: 38%; position: relative; margin: 0 auto; border-radius: 2px; overflow: hidden; } @media only screen and (max-width: 64em) { .mod_cta_ba_feed .row .text .patients .patient-wrap a.patient { max-width: 620px; padding-top: 45%; } } @media only screen and (max-width: 800px) { .mod_cta_ba_feed .row .text .patients .patient-wrap a.patient { max-width: 560px; padding-top: 52.5%; } } @media only screen and (max-width: 40em) { .mod_cta_ba_feed .row .text .patients .patient-wrap a.patient { max-width: 420px; padding-top: 60%; } } .mod_cta_ba_feed .row .text .patients .patient-wrap a.patient picture { left: 0; transform: translateY(-50%); max-width: inherit; } .mod_cta_ba_feed .row .text .patients .patient-wrap a.patient picture img { width: 100%; height: 100%; object-fit: cover; } .mod_cta_ba_feed .row .text .patients .patient-wrap a.patient picture + picture { left: auto; right: 0; } .mod_cta_ba_feed .row .text .patients .patient-wrap a.patient.single picture { width: 100%; } .mod_cta_general.thin .row { padding: clamp(3.125rem, 2.3665rem + 3.2362vw, 6.25rem) 30px; margin: 0 auto; } @media only screen and (max-width: 800px) { .mod_cta_general.thin .row .text h2, .mod_cta_general.thin .row .text h3 { width: 100%; } } .mod_cta_general.thin .row .text a { margin-top: 0; } .mod_cta_general.thin .row .text a.tel { font-size: 20px; } @media only screen and (max-width: 800px) { .mod_cta_general.thin .row .text a.tel { font-size: 18px; } } .mod_cta_general.thin .row .text a.btn { margin-left: 20px; } @media only screen and (max-width: 800px) { .mod_cta_general.thin .row .text a.btn { margin-left: 0; padding: 12px 24px; } } .mod_cta_general.thin .row .text a.btn.contact-scroll { margin: 0; display: inline-block; } .mod_cta_general.viewport--once picture.background { display: block; overflow: hidden; } .mod_cta_general.viewport--once picture.background img { transform: scale(1.2); } .mod_cta_general.in-viewport picture.background img { transform: scale(1); } .mod_cta_gallery { background: #f9f9f9; background-size: cover !important; position: relative; } .mod_cta_gallery .row { padding: calc(60px + 12%) 20px; } .mod_cta_gallery .row h2 { font-size: 48px; } .mod_cta_gallery .row span.text { position: absolute; top: 50%; left: 50%; transform: translate3d(-50%, -50%, 0); font-size: calc(60px + 3vw); letter-spacing: 2px; font-weight: 700; font-family: "proxima-nova", sans-serif; z-index: 9; } .mod_cta_gallery .row span.small, .mod_cta_gallery .row span.contact-scroll.fixed { text-align: center; font-size: 25px; } .home .mod_cta_gallery .row { padding: calc(180px + 4%) 20px; } .mod_divider .row .media { display: flex; justify-content: center; align-items: center; } .mod_divider .row .media:before, .mod_divider .row .media:after { content: ""; width: 100%; height: 1px; background-color: rgba(0, 0, 0, .25); } .mod_divider .row .media img { max-width: 160px; width: auto; max-height: 50px; margin: 0 40px; } .mod_divider .row .media img:hover { cursor: default; pointer-events: none; } .mod_divider .row.no-media { position: relative; } .mod_divider .row.no-media:before { content: ""; width: calc(100% - 40px); height: 1px; background-color: rgba(0, 0, 0, .25); position: absolute; top: 50%; left: 50%; transform: translateX(-50%); } .mod_divider .row.no-media .media { display: none; } .mod_faq { --gap: clamp(1rem, .7573rem + 1.0356vw, 2rem); position: relative; margin: 40px 0 50px; border: 0 solid #000; border-width: var(--gap) 0; } .mod_faq .row { display: flex; flex-direction: row; padding-block: 0; } @media only screen and (max-width: 64em) { .mod_faq .row { flex-direction: column; } } .mod_faq .side { width: 350px; padding-block: clamp(1.875rem, 1.4199rem + 1.9417vw, 3.75rem); } @media only screen and (max-width: 64em) { .mod_faq .side { width: 100%; padding-bottom: 0; } } .mod_faq .sticky-side { position: sticky; top: calc(var(--headerHeight) + 20px); text-align: center; margin-right: 30px; } @media only screen and (max-width: 64em) { .mod_faq .sticky-side { position: static; width: 100%; padding: 0; border: none; flex: 1; } } .mod_faq .sticky-side .logo { display: flex; justify-content: center; margin-bottom: 10px; } .mod_faq .sticky-side .logo img { max-width: 180px; max-height: 60px; width: auto; } @media only screen and (max-width: 64em) { .mod_faq .sticky-side .logo img { max-width: 160px; max-height: 50px; } } @media only screen and (max-width: 800px) { .mod_faq .sticky-side .logo img { max-width: 140px; max-height: 40px; } } .mod_faq .sticky-side h2 { font-size: 80px; line-height: 1.1; margin-bottom: 20px; text-transform: none; } @media only screen and (max-width: 64em) { .mod_faq .sticky-side h2 { font-size: 68px; } } @media only screen and (max-width: 800px) { .mod_faq .sticky-side h2 { font-size: 54px; } } @media only screen and (max-width: 40em) { .mod_faq .sticky-side h2 { font-size: 48px; } } .mod_faq .sticky-side .list { display: none; } .mod_faq .content { flex: 1; padding: clamp(1.875rem, 1.4199rem + 1.9417vw, 3.75rem) 50px; border-left: var(--gap) solid #000; } @media only screen and (max-width: 64em) { .mod_faq .content { width: 100%; border-left: 0; background: none; padding: 0 0 clamp(1.875rem, 1.4199rem + 1.9417vw, 3.75rem); } } .mod_faq .content .question h2 { font-size: clamp(1.125rem, 1.0643rem + .2589vw, 1.375rem); padding-bottom: 8px; margin-bottom: 0; text-transform: uppercase; letter-spacing: clamp(.0313rem, .0237rem + .0324vw, .0625rem); font-weight: 700; position: relative; } @media only screen and (max-width: 64em) { .mod_faq .content .question h2 { background: #fcfcfc; border-radius: 2px; padding: 15px 45px 15px 15px; border: 1px solid #000; transition: all ease-in-out .5s; } .mod_faq .content .question h2:hover { background: #e8e8e8; cursor: pointer; } .mod_faq .content .question h2:after { content: ""; position: absolute; top: 53%; transform: translateY(-50%) rotate(90deg); right: 18px; width: 8px; height: 14px; background: url("https://static.tresiocms.com/images/arrow2.png?auto=format,compress") no-repeat center center; background-size: auto 100% !important; transition: .3s all ease-in-out; } } @media only screen and (max-width: 800px) { .mod_faq .content .question h2:after { right: 14px; } } @media only screen and (max-width: 40em) { .mod_faq .content .question h2 { padding: 14px 45px 14px 14px; } .mod_faq .content .question h2:after { width: 12px; height: 12px; } } .mod_faq .content .answer { transition: all .2s; position: relative; overflow: hidden; } @media only screen and (min-width: 64em)and (min-height: 800px) { .mod_faq .content .answer { display: block !important; } } @media only screen and (max-width: 64em) { .mod_faq .content .answer { max-height: 0; padding: 0 15px; margin-top: 0; margin-bottom: 0; } } .mod_faq .content .question + .question { margin-top: 15px; padding-top: 15px; } @media only screen and (max-width: 64em) { .mod_faq .content .question + .question { border-top: none; margin-top: 10px; padding-top: 0; } } .mod_faq .content .question.opened h3 { background: #e8e8e8; } .mod_faq .content .question.opened h3:after { transform: translateY(-50%) rotate(-90deg); } .mod_faq .content .question.opened .answer { max-height: inherit; margin-top: 12px; margin-bottom: 8px; } @media only screen and (min-width: 801px) { @supports (animation-timeline: view()) { body.home .mod_half_image .media { transform: translateX(-15%); } body.home .mod_half_image .inner { transform: translateX(15%); } body.home .mod_half_image .media, body.home .mod_half_image .inner { animation: backToCenter linear both; animation-range: entry contain 20%; } } @supports not (animation-timeline: view()) { body.home .mod_half_image.viewport--once .media, body.home .mod_half_image.viewport--once .inner { transition: transform 1s ease; } body.home .mod_half_image.viewport--once .media { transform: translateX(-15%); } body.home .mod_half_image.viewport--once .inner { transform: translateX(15%); } body.home .mod_half_image.in-viewport .media, body.home .mod_half_image.in-viewport .inner { transform: translateX(0); } } } .mod_half_image.mod_overflow .row.half-image-row { height: 680px; } @media only screen and (max-width: 64em) { .mod_half_image.mod_overflow .row.half-image-row { height: inherit; } } .mod_half_image.mod_overflow .row.half-image-row .media { height: 100%; } .mod_half_image.mod_overflow .row.half-image-row .media .media-content { bottom: auto; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 420px; } @media only screen and (max-width: 64em) { .mod_half_image.mod_overflow .row.half-image-row .media .media-content { top: auto; bottom: 40px; left: 0; transform: none; } } @media only screen and (max-width: 800px) { .mod_half_image.mod_overflow .row.half-image-row .media .media-content { bottom: 30px; } } .mod_half_image.mod_overflow .row.half-image-row .media .media-content h2 { font-size: 90px; } @media only screen and (max-width: 64em) { .mod_half_image.mod_overflow .row.half-image-row .media .media-content h2 { font-size: 70px; } } @media only screen and (max-width: 800px) { .mod_half_image.mod_overflow .row.half-image-row .media .media-content h2 { font-size: 56px; } } @media only screen and (max-width: 40em) { .mod_half_image.mod_overflow .row.half-image-row .media .media-content h2 { font-size: 44px; } } .mod_half_image.mod_overflow .row.half-image-row .media.content:after { background: #111; opacity: .4; } .mod_half_image.mod_overflow .row.half-image-row .copy { padding: 0; position: relative; } @media only screen and (max-width: 64em) { .mod_half_image.mod_overflow .row.half-image-row .copy { padding: 0; } } .mod_half_image.mod_overflow .row.half-image-row .copy:after { content: ""; background: #f9f9f9; width: 2px; height: 100%; position: absolute; top: 0; right: 3px; display: block; z-index: -1; } @media only screen and (max-width: 64em) { .mod_half_image.mod_overflow .row.half-image-row .copy:after { display: none; } } .mod_half_image.mod_overflow .row.half-image-row .copy .inner { max-width: 100%; height: 100%; padding: 0; position: relative; } .mod_half_image.mod_overflow .row.half-image-row .copy .inner:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; max-width: calc(100% - 10px); box-shadow: inset 0 0 0 #000, inset 0 -35px 40px 10.5px #fff, inset 0 35px 40px #fff; -webkit-box-shadow: inset 0 0 0 #000, inset 0 -35px 40px 10.5px #fff, inset 0 35px 40px #fff; pointer-events: none; z-index: 9; } @media only screen and (max-width: 64em) { .mod_half_image.mod_overflow .row.half-image-row .copy .inner:before { display: none; } } .mod_half_image.mod_overflow .row.half-image-row .copy .inner .content { height: 100%; overflow: scroll; overflow-x: hidden; max-width: 100%; margin: 0 auto; padding: 50px 60px; } @media only screen and (max-width: 64em) { .mod_half_image.mod_overflow .row.half-image-row .copy .inner .content { padding: 0; } } .mod_half_image.mod_overflow .row.half-image-row .copy .inner .content::-webkit-scrollbar { width: 8px; position: relative; z-index: 9; } .mod_half_image.mod_overflow .row.half-image-row .copy .inner .content::-webkit-scrollbar-thumb { border-radius: 20px; background-color: #64707e; position: relative; z-index: 9; } @media only screen and (max-width: 64em) { .mod_half_image.mod_overflow .row.half-image-row .copy .inner { max-width: 100%; padding: 0; } } .mod_half_image.mod_overflow .row.half-image-row .copy .inner .item h3 { font-size: 24px; margin-bottom: 6px; } .mod_half_image.mod_overflow .row.half-image-row .copy .inner .item + .item { border-top: 1px solid #f9f9f9; padding-top: 20px; margin-top: 20px; } @media only screen and (max-width: 64em) { .mod_half_image_slider.half-image .row.half-image-row .media { padding-top: 0 !important; } } .mod_half_image_slider.half-image .row.half-image-row .media:after { display: none; } .mod_half_image_slider.half-image .row.half-image-row .media .half-image-swiper.swiper { height: 100%; } @media only screen and (max-width: 64em) { .mod_half_image_slider.half-image .row.half-image-row .media .half-image-swiper.swiper .swiper-slide { padding-top: 56.25%; } } @media only screen and (max-width: 800px) { .mod_half_image_slider.half-image .row.half-image-row .media .half-image-swiper.swiper .swiper-slide { padding-top: 65%; } } @media only screen and (max-width: 40em) { .mod_half_image_slider.half-image .row.half-image-row .media .half-image-swiper.swiper .swiper-slide { padding-top: 75%; } } .top-aligned .mod_half_image_slider.half-image .row.half-image-row .media .half-image-swiper.swiper .swiper-slide img { object-position: center 20%; } .left-aligned .mod_half_image_slider.half-image .row.half-image-row .media .half-image-swiper.swiper .swiper-slide img { object-position: 25% center; } .right-aligned .mod_half_image_slider.half-image .row.half-image-row .media .half-image-swiper.swiper .swiper-slide img { object-position: 75% center; } .mod_half_image_slider.half-image .row.half-image-row .media .half-image-swiper.swiper .swiper-slide.json-slide { position: relative; } .mod_half_image_slider.half-image .row.half-image-row .media .half-image-swiper.swiper .swiper-slide.json-slide .content { position: absolute; bottom: 80px; left: 0; padding: 0 50px; z-index: 11; } @media only screen and (max-width: 64em) { .mod_half_image_slider.half-image .row.half-image-row .media .half-image-swiper.swiper .swiper-slide.json-slide .content { padding: 0 40px; } } @media only screen and (max-width: 800px) { .mod_half_image_slider.half-image .row.half-image-row .media .half-image-swiper.swiper .swiper-slide.json-slide .content { padding: 0 30px; } } .mod_half_image_slider.half-image .row.half-image-row .media .half-image-swiper.swiper .controls { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 9; } .mod_half_image_slider.half-image .row.half-image-row .media .half-image-swiper.swiper .swiper-nav { position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 100%; padding: 0 50px; display: flex; justify-content: space-between; align-items: center; z-index: 12; overflow: hidden; } @media only screen and (max-width: 64em) { .mod_half_image_slider.half-image .row.half-image-row .media .half-image-swiper.swiper .swiper-nav { padding: 0 40px; } } @media only screen and (max-width: 800px) { .mod_half_image_slider.half-image .row.half-image-row .media .half-image-swiper.swiper .swiper-nav { padding: 0 30px; } } .mod_half_image_slider.half-image .row.half-image-row .media .half-image-swiper.swiper .swiper-nav .swiper-button-prev, .mod_half_image_slider.half-image .row.half-image-row .media .half-image-swiper.swiper .swiper-nav .swiper-button-next { position: relative; top: 0; left: 0; transform: none; margin-top: 0; display: flex; justify-content: space-between; height: auto; padding: 22px; border-radius: 100%; background: #64707e; } @media only screen and (max-width: 64em) { .mod_half_image_slider.half-image .row.half-image-row .media .half-image-swiper.swiper .swiper-nav .swiper-button-prev, .mod_half_image_slider.half-image .row.half-image-row .media .half-image-swiper.swiper .swiper-nav .swiper-button-next { padding: 20px; } } @media only screen and (max-width: 800px) { .mod_half_image_slider.half-image .row.half-image-row .media .half-image-swiper.swiper .swiper-nav .swiper-button-prev, .mod_half_image_slider.half-image .row.half-image-row .media .half-image-swiper.swiper .swiper-nav .swiper-button-next { padding: 18px; } } .mod_half_image_slider.half-image .row.half-image-row .media .half-image-swiper.swiper .swiper-nav .swiper-button-prev:after, .mod_half_image_slider.half-image .row.half-image-row .media .half-image-swiper.swiper .swiper-nav .swiper-button-next:after { content: ""; background: url("https://static.tresiocms.com/images/arrow.png?auto=format,compress") no-repeat center center; background-size: auto 100%; position: absolute; top: 50%; left: 50%; padding: 6px; transform: translate(-50%, -50%) rotate(180deg); font-size: 12px; } .mod_half_image_slider.half-image .row.half-image-row .media .half-image-swiper.swiper .swiper-nav .swiper-button-prev:hover, .mod_half_image_slider.half-image .row.half-image-row .media .half-image-swiper.swiper .swiper-nav .swiper-button-next:hover { opacity: .6; cursor: pointer; } .mod_half_image_slider.half-image .row.half-image-row .media .half-image-swiper.swiper .swiper-nav .swiper-button-next:after { background: url("https://static.tresiocms.com/images/arrow.png?auto=format,compress") no-repeat center center; transform: translate(-50%, -50%); background-size: auto 100%; } .mod_half_image_slider.half-image .row.half-image-row .media .half-image-swiper.swiper .swiper-pagination { position: absolute; bottom: 30px; left: 50%; transform: translateX(-50%); padding: 0 20px; width: auto; } .mod_half_image_slider.half-image .row.half-image-row .media .half-image-swiper.swiper .swiper-pagination span { padding: 6px; background: #fff; } .mod_half_image_slider.half-image .row.half-image-row .media .half-image-swiper.swiper .swiper-pagination span + span { margin-left: 10px; } .mod_half_image_slider.half-image .row.half-image-row .media .half-image-swiper.swiper .swiper-pagination span.swiper-pagination-bullet-active { background: #64707e; } .mod_half_image_slider.half-image .row.half-image-row .media.content:after { display: none; } .mod_half_image_slider.half-image .row.half-image-row .media.content .half-image-swiper .swiper-slide { position: relative; } .mod_half_image_slider.half-image .row.half-image-row .media.content .half-image-swiper .swiper-slide:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; display: block; background: #000; opacity: .5; background: linear-gradient(0deg, #000 0%, rgba(255, 255, 255, 0) 50%); } .mod_half_image_slider.half-image.pagination .row.half-image-row .media .media-content, .mod_half_image_slider.half-image.pagination .row.half-image-row .half-image-swiper .swiper-slide.json-slide > .content { bottom: 80px; } .mod_hero { background: none; } .mod_hero:before { display: none !important; } .mod_hero .wrapper { position: relative; overflow: hidden; } .mod_hero .wrapper .row { max-width: calc(clamp(75rem, 30rem + 50vw, 90rem) + 60px); padding-block: clamp(1.25rem, .0364rem + 5.178vw, 6.25rem); min-height: clamp(27.5rem, 23.0261rem + 8.9366vw, 33.75rem); display: flex; justify-content: center; flex-direction: column; } @media only screen and (max-width: 800px) { .mod_hero .wrapper .row { min-height: 0; } } @media only screen and (min-width: 64.0625em) { .landing-page.stem-cell-therapy .mod_hero .wrapper .row, .landing-page.pain-management .mod_hero .wrapper .row { flex-direction: row; } } .mod_hero .wrapper .row .inner { position: relative; padding: 0 60px 0 20px; max-width: 600px; } @media only screen and (max-width: 64em) { .mod_hero .wrapper .row .inner { padding-right: 40px; } } @media only screen and (max-width: 800px) { .mod_hero .wrapper .row .inner { width: 100%; padding: 0; } } .mod_hero .wrapper .row .inner h1 { margin-bottom: 10px; padding-bottom: 0; } .mod_hero .wrapper .row .text { padding-right: 30px; } @media only screen and (max-width: 64em) { .mod_hero .wrapper .row .text { padding-right: 10px; } } @media only screen and (max-width: 800px) { .mod_hero .wrapper .row .text { padding-right: 0; } } .mod_hero .wrapper .media { position: absolute; z-index: 1; top: 0; right: 0; width: 100%; height: 100%; max-width: calc(50% + 1px); overflow: hidden; } .mod_hero .wrapper .media video { position: absolute; top: 50%; left: 50%; height: 100%; width: 100%; object-fit: cover; transform: translate3d(-50%, -50%, 0); } @media only screen and (max-width: 800px) { .mod_hero .wrapper .media { max-width: 100%; aspect-ratio: 16/6; } } @media only screen and (max-width: 40em) { .mod_hero .wrapper .media { aspect-ratio: 16/9; } } .mod_hero .intro { background: #f9f9f9; } .mod_hero .intro .row { padding: 60px 20px; } @media only screen and (max-width: 1200px) { .mod_hero .intro .row { padding: 45px 20px; } } .mod_hero .intro .row p:first-of-type:first-letter { initial-letter: 2.85; -webkit-initial-letter: 2.85; margin-right: .75em; font-family: "proxima-nova", sans-serif; } @media only screen and (max-width: 64em) { .mod_hero .intro .row p:first-of-type:first-letter { initial-letter: 1.9; -webkit-initial-letter: 1.9; } } .mod_hero .intro .row.double { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; } @media only screen and (max-width: 64em) { .mod_hero .intro .row.double { grid-template-columns: 1fr; gap: 20px; } } .mod_hero .intro .row.double .half p:first-of-type:first-letter { margin-top: 4px; } .mod_hero .intro .row.double .half + .half p:first-of-type:first-letter { initial-letter: unset; -webkit-initial-letter: unset; margin-top: 0; margin-right: 0; font-family: "proxima-nova", sans-serif; } .mod_hero.no-bg .wrapper:after { width: 100%; } .mod_hero.no-bg .wrapper .row .inner { text-align: center; left: 50%; transform: translate3d(-50%, -50%, 0); } .mod_hero.no-bg .wrapper .row .inner ul.partial_breadcrumb { justify-content: center; } .mod_hero.no-bg .wrapper .row .inner ul.partial_breadcrumb li:last-child { margin-right: 0; } .mod_hero.no-bg .wrapper .row .inner .text { padding-right: 0; } .mod_hero.no-bg.left-placement .wrapper .row .inner ul.partial_breadcrumb, .mod_hero.no-bg.right-placement .wrapper .row .inner ul.partial_breadcrumb { justify-content: flex-start; } .mod_hero.has-ba { overflow: initial; margin-bottom: 60px; } @media only screen and (max-width: 64em) { .mod_hero.has-ba { margin-bottom: 50px; } } @media only screen and (max-width: 800px) { .mod_hero.has-ba { margin-bottom: 40px; } } .mod_hero.has-ba .ba-include { position: relative; z-index: 12; margin: -60px auto 0; background: #f9f9f9; width: 100%; max-width: 600px; border-radius: 2px; padding: 30px 40px; box-shadow: 0 0 30px rgba(0, 0, 0, .2); text-align: center; } @media only screen and (min-width: 64em)and (max-height: 900px) { .mod_hero.has-ba .ba-include { padding: 40px 20px; } } @media only screen and (max-width: 800px) { .mod_hero.has-ba .ba-include { margin-top: 50px; } } .mod_hero.has-ba .ba-include h2 { font-size: 20px; } .mod_hero.has-ba .ba-include .patient { display: flex; justify-content: center; align-items: center; margin: 0 auto 20px; max-width: 400px; } .mod_hero.has-ba .ba-include .patient picture { display: inline-block; width: 50%; } .mod_hero.has-ba .ba-include .patient picture + picture { margin-left: 20px; } .mod_hero.left-placement .wrapper .row .inner { left: 0; text-align: left; } .mod_hero.left-placement .wrapper .row .inner a.btn { margin-left: 0; margin-top: 25px; } .mod_hero.center-placement .wrapper .row .inner { text-align: center; left: 50%; transform: translate(-50%, -50%); padding-left: 0; padding-right: 0; } .mod_hero.center-placement .wrapper .row .inner .text { padding-right: 0; } .mod_hero.center-placement .wrapper .row .inner a.btn { margin-left: auto; margin-right: auto; } .mod_hero.center-placement .wrapper .row .inner .form .section-label { text-align: center; } @media only screen and (max-width: 40em) { .mod_hero.center-placement .wrapper .row .inner .form .section-label { text-align: left; } } .mod_hero.center-placement .wrapper .row .inner .partial_breadcrumb { text-align: center; margin-left: auto; margin-right: auto; justify-content: center; } .mod_hero.center-placement .wrapper .row .inner .partial_breadcrumb li:last-child { margin-right: 0; } .mod_hero.right-placement .wrapper .row .inner { left: auto; right: 0; transform: translateY(-50%); text-align: left; padding-left: 60px; padding-right: 20px; } @media only screen and (max-width: 64em) { .mod_hero.right-placement .wrapper .row .inner { padding-left: 40px; } } @media only screen and (max-width: 800px) { .mod_hero.right-placement .wrapper .row .inner { padding-left: 0; padding-right: 0; } } .mod_hero.right-placement .wrapper .row .inner a.btn { margin-left: 0; } .mod_hero.right-placement .wrapper .media { right: auto; left: 0; } .mod_hero.right-placement:not(.no-bg) .wrapper:after { left: 50%; } @media only screen and (max-width: 800px) { .mod_hero.right-placement:not(.no-bg) .wrapper:after { left: 0; } } .mod_hero.contact-form .wrapper .row { display: flex; justify-content: space-between; padding: calc(30px + 3%) 20px; } .mod_hero.contact-form .wrapper .row .inner { position: relative; top: 0; left: 0; text-align: left; transform: none; display: flex; flex-direction: column; justify-content: center; } .mod_hero.contact-form .wrapper .row .inner a.btn { margin-left: 0; margin-bottom: 20px; } .mod_hero.contact-form .wrapper .row .form { width: 100%; max-width: 420px; margin-top: 20px; padding: 30px; background: #f9f9f9; } @media only screen and (max-width: 64em) { .mod_hero.contact-form .wrapper .row .form { padding: 30px 25px; } } .mod_hero.contact-form .wrapper .row .form .field-row .field *:not(small) { font-size: 15px; } .mod_hero.contact-form .wrapper .row .form .field-row .field.text { padding-right: 0; } .mod_hero.contact-form .wrapper .row .form .field-row .field textarea { height: 100px; } .mod_hero.contact-form .wrapper .row .form .field-row:last-child { margin-bottom: 0; } .mod_hero.contact-form .wrapper .row .form .section-label { margin-top: 0; color: #000; } .mod_hero.contact-form .wrapper .row .form .submit-holder .btn, .mod_hero.contact-form .wrapper .row .form .submit-holder button[type=submit] { font-size: 15px; padding: 12px 24px; } .mod_hero.contact-form .wrapper .row .form p.formTitle { color: #ff6b08; font-size: 35px; } @media only screen and (max-width: 64em) { .mod_hero.contact-form .wrapper .row .form p.formTitle { font-size: 26px; } } .mod_hero.contact-form.right-placement .row .inner { right: auto; left: 50%; } .mod_hero.contact-form.center-placement .row .inner { text-align: center; left: 50%; transform: translateX(-50%); } @media only screen and (max-width: 40em) { .mod_hero.contact-form.center-placement .row .inner { left: 0; transform: none; text-align: left; } } .mod_hero.contact-form.center-placement .row .inner .form { margin-left: auto; margin-right: auto; } @media only screen and (max-width: 40em) { .mod_hero.contact-form.center-placement .row .inner .form { margin-left: 0; margin-right: 0; } } .mod_hero.contact-form.center-placement .row .inner a.btn { margin-left: auto; margin-right: auto; } @media only screen and (max-width: 40em) { .mod_hero.contact-form.center-placement .row .inner a.btn { margin-left: 0; margin-right: 0; } } .mod_hero.contact-form.dark, header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_hero.contact-form.partial_socials { position: relative; } .mod_hero.contact-form.dark .row .inner .form, header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_hero.contact-form.partial_socials .row .inner .form { background: hsla(0, 0%, 100%, .8); } .mod_hero.contact-form.dark .row .inner .form select, header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_hero.contact-form.partial_socials .row .inner .form select, .mod_hero.contact-form.dark .row .inner .form .section-label, header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_hero.contact-form.partial_socials .row .inner .form .section-label { color: #333; } .mod_hero.contact-form.dark .row .inner .form .submit-holder .btn, header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_hero.contact-form.partial_socials .row .inner .form .submit-holder .btn { color: #fff; } .mod_hero.contact-form.dark .row .inner .form .submit-holder .btn.disabled, .mod_hero.contact-form.dark .row .inner .form .submit-holder body.scheduler .mod_scheduler .main .steps .step .inner-step.provider .date-time.done .time-slots a.btn, body.scheduler .mod_scheduler .main .steps .step .inner-step.provider .date-time.done .time-slots .mod_hero.contact-form.dark .row .inner .form .submit-holder a.btn, header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_hero.contact-form.partial_socials .row .inner .form .submit-holder .btn.disabled, header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_hero.contact-form.partial_socials .row .inner .form .submit-holder body.scheduler .mod_scheduler .main .steps .step .inner-step.provider .date-time.done .time-slots a.btn, body.scheduler .mod_scheduler .main .steps .step .inner-step.provider .date-time.done .time-slots header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_hero.contact-form.partial_socials .row .inner .form .submit-holder a.btn { color: #999; } .mod_hero.contact-form.dark .row .inner .form .submit-holder button[type=submit], header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_hero.contact-form.partial_socials .row .inner .form .submit-holder button[type=submit] { color: #fff; } .mod_hero.contact-form.dark .wrapper:after, header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_hero.contact-form.partial_socials .wrapper:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; display: block; background: #222; opacity: .4; } .mod_hero.full-width-media .wrapper .media { right: auto; left: 0; max-width: 100%; } .mod_hero.full-width-media .wrapper:after { width: 100%; opacity: 0; } .mod_hero.left-media-position picture img, .mod_hero.left-media-position video { object-position: 20% 20%; } .mod_hero.right-media-position picture img, .mod_hero.right-media-position video { object-position: 80% 20%; } .mod_hero.dark .wrapper, header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_hero.partial_socials .wrapper { background: #000; } .mod_hero.dark .row .inner *, header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_hero.partial_socials .row .inner * { color: #fff; } .mod_hero.dark .row .inner .partial_breadcrumb li:before, header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_hero.partial_socials .row .inner .partial_breadcrumb li:before { background: #fff; } .mod_hero + .mod_hero { margin-top: 60px; } @media only screen and (max-width: 800px) { .mod_hero.mobile-stack .wrapper { display: flex; flex-direction: column; } .mod_hero.mobile-stack .wrapper:after { display: none; } .mod_hero.mobile-stack .wrapper .media { order: 1; position: relative; } .mod_hero.mobile-stack .wrapper .media picture.background { position: relative; top: 0; left: 0; transform: none; } .mod_hero.mobile-stack .wrapper .row { order: 2; } } .mod_office_slider { margin: 80px auto 40px; } @media only screen and (max-width: 800px) { .mod_office_slider { margin: 60px auto 30px; } } @media only screen and (max-width: 40em) { .mod_office_slider { margin: 40px auto 20px; } } .mod_office_slider .row { max-width: 1600px; position: relative; } .mod_office_slider .row h2.title { color: #333; text-align: center; margin-bottom: 40px; } .mod_office_slider .row .office-swiper .swiper-slide { padding-top: 56.25%; position: relative; } @media only screen and (max-width: 64em) { .mod_office_slider .row .office-swiper .swiper-slide:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; display: block; background: #fff; opacity: .4; } } .mod_office_slider .row .office-swiper .swiper-slide .content { position: absolute; left: 0; bottom: 0; padding: 0 80px 100px; z-index: 3; } @media only screen and (max-width: 64em) { .mod_office_slider .row .office-swiper .swiper-slide .content { padding: 0 20px 120px; } } .mod_office_slider .row .office-swiper .slider-content { position: absolute; left: 40px; bottom: 110px; padding: 40px; z-index: 3; background: hsla(0, 0%, 100%, .9); } @media only screen and (max-width: 64em) { .mod_office_slider .row .office-swiper .slider-content { padding: 20px; } } .mod_office_slider .row .controls { position: absolute; bottom: 30px; left: 0; width: 100%; padding: 0 40px; display: flex; justify-content: space-between; align-items: center; z-index: 9; } .mod_office_slider .row .swiper-nav { display: flex; align-items: center; z-index: 12; overflow: hidden; } .mod_office_slider .row .swiper-nav .swiper-button-prev, .mod_office_slider .row .swiper-nav .swiper-button-next { position: relative; top: 0; left: 0; transform: none; margin-top: 0; display: inline-block; width: auto; height: auto; padding: 22px; border-radius: 100%; background: #64707e; } @media only screen and (max-width: 64em) { .mod_office_slider .row .swiper-nav .swiper-button-prev, .mod_office_slider .row .swiper-nav .swiper-button-next { padding: 20px; } } @media only screen and (max-width: 800px) { .mod_office_slider .row .swiper-nav .swiper-button-prev, .mod_office_slider .row .swiper-nav .swiper-button-next { padding: 18px; } } .mod_office_slider .row .swiper-nav .swiper-button-prev:after, .mod_office_slider .row .swiper-nav .swiper-button-next:after { content: ""; background: url("https://static.tresiocms.com/images/arrow.png?auto=format,compress") no-repeat center center; background-size: auto 100%; position: absolute; top: 50%; left: 50%; padding: 6px; transform: translate(-50%, -50%) rotate(180deg); font-size: 12px; } .mod_office_slider .row .swiper-nav .swiper-button-prev:hover, .mod_office_slider .row .swiper-nav .swiper-button-next:hover { opacity: .6; cursor: pointer; } .mod_office_slider .row .swiper-nav .swiper-button-next { margin-left: 10px; } .mod_office_slider .row .swiper-nav .swiper-button-next:after { background: url("https://static.tresiocms.com/images/arrow.png?auto=format,compress") no-repeat center center; transform: translate(-50%, -50%); background-size: auto 100%; } .mod_office_slider .row .swiper-pagination { position: relative; left: auto; bottom: auto; width: auto; display: inline-block !important; } @media only screen and (max-width: 40em) { .mod_office_slider .row .swiper-pagination { display: none !important; } } .mod_office_slider .row .swiper-pagination span { padding: 6px; background: #fff; } .mod_office_slider .row .swiper-pagination span + span { margin-left: 10px; } .mod_office_slider .row .swiper-pagination span.swiper-pagination-bullet-active { background: #64707e; } .mod_office_slider.dark, header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_office_slider.partial_socials { background: none; } @media only screen and (max-width: 64em) { .mod_office_slider.dark .row .swiper-slide:after, header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_office_slider.partial_socials .row .swiper-slide:after { background: #333; } } .mod_office_slider.full-width .row { max-width: 100%; padding-left: 0; padding-right: 0; } .mod_office_slider.full-width .row .swiper-slide { padding-top: 45%; } @media only screen and (max-width: 64em) { .mod_office_slider.full-width .row .swiper-slide { padding-top: 56.25%; } } @media only screen and (max-width: 800px) { .mod_office_slider.full-width .row .swiper-slide { padding-top: 62.5%; } } @media only screen and (max-width: 40em) { .mod_office_slider.full-width .row .swiper-slide { padding-top: 68%; } } .mod_office_slider.full-width .row .swiper-slide .content { opacity: 0; visibility: hidden; } .mod_office_slider.full-width .row .swiper-slide.swiper-slide-active .content { opacity: 1; visibility: visible; } .mod_office_slider.full-width .row .controls { left: 50%; transform: translateX(-50%); width: fit-content; gap: 40px; } .mod_office_slider.navigation:not(.pagination) .row .controls, .mod_office_slider.pagination:not(.navigation) .row .controls { justify-content: center; } .mod_image_slider:not(.grid) .row { padding: 50px 100px; position: relative; max-width: 1374px; z-index: 3; } @media only screen and (max-width: 40em) { .mod_image_slider:not(.grid) .row { padding: 20px 56px 50px 20px; } } .mod_image_slider h2 { text-align: center; } .mod_image_slider .image-slider { display: flex; flex-wrap: initial; } .mod_image_slider .image-grid { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 20px; } @media only screen and (max-width: 800px) { .mod_image_slider .image-grid { grid-template-columns: 1fr 1fr; } } @media only screen and (max-width: 40em) { .mod_image_slider .image-grid { grid-template-columns: 1fr; } } .mod_image_slider .tns-controls { position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 100%; padding: 0 20px; } .mod_image_slider .tns-controls button { position: absolute; top: 50%; margin-top: 0; opacity: 1; left: 12px; padding: 20px; width: 40px; height: 40px; border-radius: 100%; background: rgba(0, 0, 0, .9); transform: translateY(-50%); } .mod_image_slider .tns-controls button:hover { opacity: .6; cursor: pointer; } @media only screen and (max-width: 64em) { .mod_image_slider .tns-controls button { padding: 16px; width: 36px; height: 36px; } } @media only screen and (max-width: 800px) { .mod_image_slider .tns-controls button { padding: 14px; width: 34px; height: 34px; } } @media only screen and (max-width: 40em) { .mod_image_slider .tns-controls button:first-child { display: none; } } .mod_image_slider .tns-controls button:after { content: ""; background: url("https://static.tresiocms.com/images/arrow.png?auto=format,compress") no-repeat center center; background-size: auto 100% !important; position: absolute; top: 50%; left: calc(50% - 1px); transform: translate(-50%, -50%) rotate(-180deg); padding: 8px; } @media only screen and (max-width: 64em) { .mod_image_slider .tns-controls button:after { padding: 7px; } } @media only screen and (max-width: 800px) { .mod_image_slider .tns-controls button:after { padding: 6px; } } .mod_image_slider .tns-controls button:before { display: none; } .mod_image_slider .tns-controls button + button { left: auto; right: 12px; } @media only screen and (max-width: 800px) { .mod_image_slider .tns-controls button + button { right: 8px; } } .mod_image_slider .tns-controls button + button:after { left: calc(50% + 1px); transform: translate(-50%, -50%); } .mod_index.bg { position: relative; } .mod_index.bg:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; display: block; background: #f9f9f9; opacity: .6; } .mod_index .intro { max-width: 700px; margin: clamp(2.5rem, 1.8932rem + 2.589vw, 5rem) auto 20px; } .mod_index .intro h2 { text-align: center; } .mod_index > .row { position: relative; max-width: 840px; margin: 0 auto 50px; } .mod_index > .row .inner { width: 100%; display: flex; flex-wrap: wrap; position: relative; z-index: 3; justify-content: space-between; } .mod_index > .row .inner .item { margin-top: 50px; width: 50%; margin-bottom: 0 !important; } @media only screen and (max-width: 800px) { .mod_index > .row .inner .item { margin-top: 30px; } } @media only screen and (max-width: 40em) { .mod_index > .row .inner .item { width: 100%; } } .mod_index > .row .inner .item h2, .mod_index > .row .inner .item h3 { color: #333; padding-right: 5%; } .mod_index > .row .inner .item h2 a, .mod_index > .row .inner .item h3 a { text-decoration: none !important; } .mod_index > .row .inner .item p { padding-right: 5%; } @media only screen and (max-width: 40em) { .mod_index > .row .inner .item p:last-child { margin-bottom: 15px; } } .mod_index > .row .inner .item a.btn { display: inline-block; } .mod_index > .row.list { background: #f9f9f9; max-width: 100%; margin-bottom: 0; } .mod_index > .row.list .inner { max-width: 520px; margin: 0 auto; background: hsla(0, 0%, 100%, .85); padding: 50px 60px; text-align: center; } @media only screen and (min-width: 64em)and (max-height: 900px) { .mod_index > .row.list .inner { padding: 40px; } } @media only screen and (max-width: 64em) { .mod_index > .row.list .inner { padding: 40px 50px; } } @media only screen and (max-width: 800px) { .mod_index > .row.list .inner { padding: 40px 20px; } } .mod_index > .row.list .inner .item { width: 100%; margin-top: 0; } .mod_index > .row.list .inner .item h2 { color: #333; font-size: 20px; margin-bottom: 0; display: block; } @media only screen and (max-width: 800px) { .mod_index > .row.list .inner .item h2 { font-size: 18px; } } .mod_index > .row.list .inner .item h2 a { text-decoration: none !important; } .mod_index > .row.list .inner .item + .item { margin-top: 20px; padding-top: 20px; border-top: 1px solid rgba(20, 20, 20, .4); } @media only screen and (min-width: 64em)and (max-height: 900px) { .mod_index > .row.list .inner .item + .item { margin-top: 20px; padding-top: 20px; } } @media only screen and (max-width: 64em) { .mod_index > .row.list .inner .item + .item { margin-top: 16px; padding-top: 16px; } } @media only screen and (max-width: 800px) { .mod_index > .row.list .inner .item + .item { margin-top: 12px; padding-top: 12px; } } .mod_index > .row.list .inner .item a.btn { display: none; } .mod_index > .row.media { max-width: 1200px; margin-top: 20px; } .mod_index > .row.media .inner { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 20px; align-items: stretch; align-content: center; justify-content: center; } @media only screen and (max-width: 64em) { .mod_index > .row.media .inner { grid-template-columns: 1fr 1fr; } } @media only screen and (max-width: 40em) { .mod_index > .row.media .inner { grid-template-columns: 1fr; } } .mod_index > .row.media .inner a.item { display: inline-block; background: #f9f9f9; width: 100%; position: relative; padding-top: 65%; margin: 0 0 20px; } .mod_index > .row.media .inner a.item:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; display: block; background: #000; opacity: .25; background: linear-gradient(0deg, rgba(0, 0, 0, .8) 30%, rgba(0, 0, 0, 0) 60%); z-index: 3; } .mod_index > .row.media .inner a.item picture { z-index: 2; } .mod_index > .row.media .inner a.item .content { position: absolute; left: 20px; bottom: 20px; z-index: 4; } .mod_index > .row.media .inner a.item .content h2 { font-size: 22px; color: #fff; margin-bottom: 2px; text-shadow: 0 0 8px rgba(0, 0, 0, .24); } @media only screen and (max-width: 64em) { .mod_index > .row.media .inner a.item .content h2 { font-size: 20px; } } @media only screen and (max-width: 800px) { .mod_index > .row.media .inner a.item .content h2 { font-size: 18px; } } .mod_index > .row.media .inner a.item .content span { color: #fff; font-size: 15px; text-shadow: 0 0 8px rgba(0, 0, 0, .3); } @media only screen and (max-width: 64em) { .mod_index > .row.media .inner a.item .content span { font-size: 14px; } } @media only screen and (max-width: 800px) { .mod_index > .row.media .inner a.item .content span { font-size: 13px; } } .mod_index > .row.subcontent { max-width: calc(clamp(75rem, 30rem + 50vw, 90rem) + 60px); margin-top: 50px; } .mod_index > .row.subcontent .inner { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 0 clamp(1.25rem, -.8333rem + 2.7778vw, 2.5rem); align-items: stretch; align-content: center; justify-content: center; } .mod_index > .row.subcontent .inner:has(>:nth-child(2):last-child), .mod_index > .row.subcontent .inner:has(>:nth-child(4):last-child) { gap: 0 clamp(1.25rem, -4.7917rem + 8.0556vw, 4.875rem); } @media only screen and (min-width: 1025px) { .mod_index > .row.subcontent .inner:has(>:nth-child(2):last-child), .mod_index > .row.subcontent .inner:has(>:nth-child(4):last-child) { grid-template-columns: 1fr 1fr; } } .mod_index > .row.subcontent .inner:has(>:nth-child(1):last-child) { max-width: 680px; grid-template-columns: 1fr; margin-inline: auto; } @media only screen and (max-width: 64em) { .mod_index > .row.subcontent .inner { grid-template-columns: 1fr 1fr; } } @media only screen and (max-width: 40em) { .mod_index > .row.subcontent .inner { grid-template-columns: 1fr; } } .mod_index > .row.subcontent .inner .item { width: 100%; } .mod_index > .row.subcontent .inner .item .media-btn { opacity: 1; display: inline-block; width: 100%; position: relative; margin: 0 0 20px; background: #afb2b6; } .mod_index > .row.subcontent .inner .item .media-btn:after { content: ""; background: rgba(0, 0, 0, .75); position: absolute; bottom: 0; left: 0; width: 100%; height: 0; z-index: 1; } .mod_index > .row.subcontent .inner .item .media-btn .media { width: 100%; height: 0; padding-top: 56.25%; } .mod_index > .row.subcontent .inner .item .media-btn .media picture { overflow: hidden; } .mod_index > .row.subcontent .inner .item .media-btn .media .content { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; z-index: 2; } .mod_index > .row.subcontent .inner .item .media-btn .media .content span { color: #fff; font-size: 1rem; font-weight: 600; text-shadow: 0 0 8px rgba(0, 0, 0, .3); text-align: center; opacity: 0; visibility: hidden; } @media only screen and (max-width: 64em) { .mod_index > .row.subcontent .inner .item .media-btn .media .content span { font-size: 15px; } } @media only screen and (max-width: 800px) { .mod_index > .row.subcontent .inner .item .media-btn .media .content span { font-size: 14px; } } .mod_index > .row.subcontent .inner .item .media-btn:hover .content span { opacity: 1; visibility: visible; } .mod_index > .row.subcontent .inner .item .media-btn:hover picture img { transform: scale(1.1); } .mod_index > .row.subcontent .inner .item .media-btn:hover:after { height: 100%; } .mod_index_list { background: #c8d6df; } .mod_index_list .row { max-width: 100%; margin-bottom: 0; padding: clamp(1.5625rem, .444rem + 2.2341vw, 3.125rem) 0; } @media only screen and (max-width: 64em) { .mod_index_list .row { padding: 0; position: relative; } .mod_index_list .row.has-overflow:before, .mod_index_list .row.has-overflow:after { content: ""; position: absolute; right: 0; top: 50%; transform: translateY(-50%); height: 100%; width: 30px; transition: opacity ease .5s; } .mod_index_list .row.has-overflow:before { background: #aec2cf; z-index: 1; box-shadow: 0 0 15px rgba(0, 0, 0, .2); } .mod_index_list .row.has-overflow:after { background: var(--largeArrow) center/18px no-repeat; z-index: 2; } .mod_index_list .row.has-overflow.end:before, .mod_index_list .row.has-overflow.end:after { opacity: 0; } } .mod_index_list .row .inner { max-width: calc(clamp(75rem, 30rem + 50vw, 90rem) + 60px); margin: 0 auto; padding: 0 30px; text-align: center; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 30px clamp(1.5625rem, 1.1833rem + 1.6181vw, 3.125rem); } @media only screen and (max-width: 64em) { .mod_index_list .row .inner { flex-wrap: nowrap; overflow: scroll; justify-content: flex-start; padding: 20px; gap: 40px; } } @media only screen and (max-width: 64em) { .mod_index_list .row.has-overflow .inner { padding: 26px 45px 26px 20px; } .mod_index_list .row.has-overflow.end .inner { padding-right: 30px; } } .mod_index_list .row a.item { font-family: "proxima-nova", sans-serif; font-weight: 700; text-transform: uppercase; letter-spacing: clamp(.0313rem, .0237rem + .0324vw, .0625rem); color: #fff; display: block; position: relative; } @media only screen and (max-width: 64em) { .mod_index_list .row a.item { font-size: .9375rem; width: auto; flex: 1 0 auto; } } .mod_index_list .row a.item:after { content: ""; position: absolute; bottom: -6px; left: 0; width: 0; height: 1.5px; background: #fff; transition: width .3s ease; } .mod_index_list .row a.item:hover { opacity: 1; } .mod_index_list .row a.item:hover:after { width: 100%; } @media only screen and (max-width: 64em) { .mod_index_list .row a.item:hover:after { content: none; } } .mod_index_list + .mod_index .row { padding-top: 0; } .mod_index_list.option-2 .row .inner { grid-gap: 20px; } .mod_index_list.option-2 .row .inner a.item:after { display: none; } .mod_index_list.option-2 .row .inner a.item:hover { opacity: .6; } .mod_index_list.option-3 { margin: 60px auto 20px; } .mod_index_list.option-3 .row { padding-top: 0; } .mod_index_list.option-3 .row .inner { padding: 10px 20px; background: none; background: #64707e; border-radius: 8px; margin: 0 20px; } .mod_index_list.option-3 .row .inner a.item { background: none; color: #fff; padding: 0 8px 0 12px; } @media only screen and (max-width: 64em) { .mod_index_list.option-3 .row .inner a.item { padding: 8px 12px 10px; } } .mod_index_list.option-3 .row .inner a.item:after { border-top: none; border-left: 4px solid #fff; height: 100%; bottom: auto; left: 0; top: 50%; transform: translateY(-50%); opacity: 0; } @media only screen and (max-width: 64em) { .mod_index_list.option-3 .row .inner a.item:after { content: none; } } .mod_index_list.option-3 .row .inner a.item:hover { opacity: 1; } .mod_index_list.option-3 .row .inner a.item:hover:after { opacity: 1; width: 0; } .mod_intro { text-align: center; } .mod_intro .row .logo { display: flex; justify-content: center; align-items: center; margin-bottom: clamp(1.875rem, 1.7233rem + .6472vw, 2.5rem); } .mod_intro .row .logo img { max-height: clamp(3.125rem, 2.8368rem + 1.2298vw, 4.3125rem); width: auto; } .mod_intro .row .inner { max-width: 650px; margin: 0 auto 20px; position: relative; } .mod_intro .row .inner p { text-align: left; } .mod_intro .row .bullet-points { max-width: 980px; margin: 35px auto; text-align: left; } .mod_intro .row .bullet-points ul { display: grid; grid-template-columns: 1fr 1fr; gap: 0 60px; } @media only screen and (max-width: 64em) { .mod_intro .row .bullet-points ul { gap: 0 40px; } } @media only screen and (max-width: 40em) { .mod_intro .row .bullet-points ul { gap: 0; grid-template-columns: 1fr; } } @media only screen and (min-width: 40em) { .mod_intro .row .bullet-points ul li:nth-of-type(2) { margin-top: 0; } } .mod_intro .row .buttons { display: flex; justify-content: center; gap: clamp(1.25rem, .9466rem + 1.2945vw, 2.5rem); margin-top: clamp(1.875rem, 1.7233rem + .6472vw, 2.5rem); } @media only screen and (max-width: 40em) { .mod_intro .row .buttons { flex-direction: column; } } @media only screen and (max-width: 40em) { .mod_intro .row .buttons .btn { max-width: 100%; } } @media only screen and (max-width: 1330px) { .mod_intro .row { max-width: calc(100% - 60px); } } .mod_intro.wide .row .inner { max-width: 920px; display: flex; justify-content: flex-start; flex-wrap: wrap; grid-gap: 20px 50px; } @media only screen and (max-width: 64em) { .mod_intro.wide .row .inner { grid-gap: 15px 40px; } } .mod_intro.wide .row .inner h2 { width: 100%; } .mod_intro.wide .row .inner .half { text-align: left; width: calc(50% - 25px); } @media only screen and (max-width: 64em) { .mod_intro.wide .row .inner .half { width: calc(50% - 20px); } } @media only screen and (max-width: 800px) { .mod_intro.wide .row .inner .half { width: 100%; } } .mod_intro.has-bg .row { position: relative; padding-block: clamp(2rem, 1.125rem + 2.1875vw, 3.75rem) clamp(2.625rem, 1.4375rem + 2.9688vw, 5rem); margin-block: clamp(1.875rem, 1.4199rem + 1.9417vw, 3.75rem); background: #64707e; } .mod_intro.has-bg .row *:not(picture.background) { position: relative; z-index: 1; } .mod_intro.has-bg .row *:not(.btn) { color: #fff; } .mod_intro.has-bg .row .inner { margin-bottom: 0; } .mod_intro.has-bg .row .logo { filter: invert(1); } .mod_intro.has-bg .row picture.background { opacity: .07; } .mod_intro.viewport .row .logo { position: relative; top: -20px; opacity: 0; } .mod_intro.viewport .row .inner { position: relative; top: 20px; } .mod_intro.viewport .row .inner .half { position: relative; left: -20px; opacity: 0; } .mod_intro.viewport .row .inner .half + .half { left: 20px; } .mod_intro.in-viewport .row .logo { top: 0; opacity: 1; } .mod_intro.in-viewport .row .inner { top: 0; } .mod_intro.in-viewport .row .inner .half { left: 0 !important; opacity: 1; } .home .mod_intro { margin-top: clamp(1.875rem, 1.4199rem + 1.9417vw, 3.75rem); } .mod_logo_list { text-align: center; } .mod_logo_list .row .logo-container { display: flex; align-items: center; } .mod_logo_list .row .logo-container .img img { max-height: 120px; object-fit: contain; } .mod_logo_list .row .logo-container.black-and-white .img img { filter: grayscale(1); } .mod_logo_list .row.has-slider { overflow: hidden; } .mod_logo_list .row:not(.has-slider) .logo-container { display: flex; justify-content: center; align-items: center; gap: 40px; } @media only screen and (max-width: 800px) { .mod_logo_list .row:not(.has-slider) .logo-container { flex-wrap: wrap; gap: 30px; } } .mod_logo_list .row:not(.has-slider) .logo-container .img { display: inline-block; } @media only screen and (max-width: 64em) { .mod_logo_list .row:not(.has-slider) .logo-container .img { margin-bottom: 30px; } } .mod_logo_list .row:not(.has-slider) .logo-container .img img { max-width: 120px; width: auto; } @media only screen and (max-width: 64em) { .mod_logo_list .row:not(.has-slider) .logo-container .img img { max-height: 50px; max-width: 100px; } } @media only screen and (max-width: 800px) { .mod_logo_list .row:not(.has-slider) .logo-container .img img { max-height: 40px; } } .mod_logo_list.viewport .img img { transform: scale(.8); } .mod_logo_list.in-viewport .img img { transform: scale(1); } .mod_doctor.half-image .row.half-image-row { padding-block: clamp(1.875rem, .8131rem + 4.5307vw, 6.25rem) clamp(3.125rem, 2.3665rem + 3.2362vw, 6.25rem); align-items: center; } .mod_doctor.half-image .row.half-image-row .media { position: relative; top: unset; right: unset; bottom: unset; left: unset; aspect-ratio: 1/1; max-width: 613px; } @media only screen and (max-width: 800px) { .mod_doctor.half-image .row.half-image-row .media { padding-top: unset; margin: 0 30px 30px; width: calc(100% - 60px); max-width: 375px; } } .mod_doctor.half-image .row.half-image-row .copy { padding-block: 0; margin-inline: 0; } .mod_office { --gap: clamp(1rem, .7573rem + 1.0356vw, 2rem); background: #000; } .mod_office .row { max-width: none; padding: var(--gap) 0; display: grid; grid-template-columns: 1fr .5fr .5fr; grid-template-rows: 1.75fr .25fr; gap: var(--gap); } @media only screen and (max-width: 800px) { .mod_office .row { grid-template-columns: 1fr 1fr; grid-template-rows: auto auto auto; } } .mod_office .copy { grid-area: 1/1/3/2; display: grid; place-content: center; padding-block: clamp(1.875rem, .8131rem + 4.5307vw, 6.25rem); background: #fff; } .mod_office .copy .inner { padding-inline: clamp(1.875rem, -37.5rem + 43.75vw, 15rem) clamp(1.875rem, -22.875rem + 27.5vw, 10.125rem); } @media only screen and (max-width: 800px) { .mod_office .copy { grid-area: 2/1/3/3; } } .mod_office picture { position: relative; } .mod_office picture img { object-fit: cover; width: 100%; height: 100%; } .mod_office picture:nth-of-type(1) { grid-area: 1/2/2/4; } .mod_office picture:nth-of-type(2) { grid-area: 2/2/3/3; } .mod_office picture:nth-of-type(3) { grid-area: 2/3/3/4; } @media only screen and (max-width: 800px) { .mod_office picture:nth-of-type(1) { grid-area: 1/1/2/3; } .mod_office picture:nth-of-type(2) { grid-area: 3/1/4/2; } .mod_office picture:nth-of-type(3) { grid-area: 3/2/4/3; } } .mod_media_list .row h2 { text-align: center; margin-bottom: 60px; } @media only screen and (max-width: 800px) { .mod_media_list .row h2 { text-align: left; margin-bottom: 45px; } } .mod_media_list .row .grid { margin: 0 auto; } .mod_media_list .row .grid .item { display: grid; grid-template-columns: 160px auto; align-items: flex-start; grid-gap: 40px; } .mod_media_list .row .grid .item.no-media { grid-template-columns: 1fr; } @media only screen and (max-width: 800px) { .mod_media_list .row .grid .item { grid-gap: 25px; grid-template-columns: 120px auto; } .mod_media_list .row .grid .item.no-media { grid-template-columns: 1fr; } } @media only screen and (max-width: 40em) { .mod_media_list .row .grid .item { grid-gap: 20px; grid-template-columns: 1fr; } .mod_media_list .row .grid .item .media { max-width: 120px; } } .mod_media_list .row .grid .item .copy h3, .mod_media_list .row .grid .item .copy .item-title { font-size: 24px; margin-bottom: 10px; text-align: left; } @media only screen and (max-width: 800px) { .mod_media_list .row .grid .item .copy h3, .mod_media_list .row .grid .item .copy .item-title { font-size: 22px; } } .mod_media_list .row .grid .item + .item { margin-top: 30px; padding-top: 30px; border-top: 1px solid #ddd; } .mod_media_list .row .grid.narrow { max-width: 840px; } .mod_media_list .row .grid.two-columns { display: grid; grid-template-columns: 1fr 1fr; } @media only screen and (max-width: 800px) { .mod_media_list .row .grid.two-columns { grid-template-columns: 1fr; } } .mod_media_list .row .grid.two-columns .item:nth-child(odd) { padding-right: 15px; } .mod_media_list .row .grid.two-columns .item:nth-child(even) { padding-left: 15px; } @media only screen and (min-width: 800px) { .mod_media_list .row .grid.two-columns .item:nth-child(2) { margin-top: 0; padding-top: 0; border-top: none; } } @media only screen and (max-width: 800px) { .mod_media_list .row .grid.two-columns .item { padding-left: 0 !important; padding-right: 0 !important; } } .mod_media_list .row .grid.valign .item { align-items: center; } .mod_anchor_link { background: #64707e; padding: 20px 20px; margin-bottom: 30px; } .mod_anchor_link .row h2, .mod_anchor_link .row h3, .mod_anchor_link .row p, .mod_anchor_link .row a { color: #fff !important; } .mod_anchor_link .row h2 { text-align: center; margin-bottom: 20px; } .mod_anchor_link .row .links { display: flex; flex-wrap: wrap; justify-content: center; } .mod_anchor_link .row .links a { display: inline-block; margin: 10px 20px; text-align: center; line-height: normal; } .mod_quote { padding-left: clamp(1.25rem, .1471rem + 4.7059vw, 2.5rem); padding-right: clamp(1.25rem, .1471rem + 4.7059vw, 2.5rem); } .mod_quote .row { position: relative; margin: clamp(3.125rem, 2.6699rem + 1.9417vw, 5rem) auto; padding-block: clamp(2.5rem, 1.5898rem + 3.8835vw, 6.25rem); background: #64707e; } .mod_quote .row picture.background { opacity: .07; } .mod_quote .row .inner { position: relative; z-index: 1; max-width: 635px; margin: 0 auto; } .mod_quote .row .inner:before { content: ""; position: relative; top: 0; left: 0; display: inline-block; aspect-ratio: 66/62; width: clamp(2.5rem, 2.1056rem + 1.6828vw, 4.125rem); margin-bottom: clamp(1.25rem, .9466rem + 1.2945vw, 2.5rem); background: url("data:image/svg+xml,%3Csvg width='66' height='62' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24.543 34.94V61.5H0V40.531c0-11.352 1.356-19.57 4.07-24.654C7.63 9.1 13.267 3.974 20.982.5l5.595 8.896c-4.663 1.948-8.096 4.871-10.3 8.769-2.205 3.812-3.434 9.404-3.688 16.775h11.953zm39.422 0V61.5H39.422V40.531c0-11.352 1.356-19.57 4.07-24.654C47.051 9.1 52.69 3.974 60.404.5L66 9.396c-4.663 1.948-8.096 4.871-10.3 8.769-2.205 3.812-3.434 9.404-3.688 16.775h11.953z' fill='%23000'/%3E%3C/svg%3E") no-repeat center center; background-size: 100% auto !important; filter: invert(1); } .mod_quote .row .inner * { color: #fff; } .mod_quote .row .inner h3, .mod_quote .row .inner p:not(.author) { font-size: clamp(1.5rem, 1.2876rem + .9061vw, 2.375rem); font-family: "proxima-nova", sans-serif; line-height: 1.3; font-style: italic; margin-bottom: 0; } .mod_quote .row .inner p.author { font-size: clamp(.875rem, .8143rem + .2589vw, 1.125rem); font-weight: 700; margin-top: clamp(2.1875rem, 1.6566rem + 2.2654vw, 4.375rem); text-transform: uppercase; letter-spacing: clamp(.0313rem, .0237rem + .0324vw, .0625rem); } .mod_quote .row.long .inner h3, .mod_quote .row.long .inner p:not(.author) { font-size: clamp(1.125rem, .943rem + .7767vw, 1.875rem); line-height: 1.5; } .mod_quote .row.option-2 { padding: 0 140px; text-align: center; } @media only screen and (max-width: 64em) { .mod_quote .row.option-2 { max-width: 820px; margin: 40px auto 20px; padding: 0 160px !important; } } @media only screen and (max-width: 800px) { .mod_quote .row.option-2 { margin: 20px auto; text-align: left; padding: 0 20px 0 100px !important; } } .mod_quote .row.option-2:before, .mod_quote .row.option-2:after { content: ""; position: absolute; top: 50%; left: 20px; transform: translateY(-50%); display: inline-block; padding: 40px; background: url("data:image/svg+xml,%3Csvg width='66' height='62' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24.543 34.94V61.5H0V40.531c0-11.352 1.356-19.57 4.07-24.654C7.63 9.1 13.267 3.974 20.982.5l5.595 8.896c-4.663 1.948-8.096 4.871-10.3 8.769-2.205 3.812-3.434 9.404-3.688 16.775h11.953zm39.422 0V61.5H39.422V40.531c0-11.352 1.356-19.57 4.07-24.654C47.051 9.1 52.69 3.974 60.404.5L66 9.396c-4.663 1.948-8.096 4.871-10.3 8.769-2.205 3.812-3.434 9.404-3.688 16.775h11.953z' fill='%23000'/%3E%3C/svg%3E") no-repeat center center; background-size: 100% auto !important; } @media only screen and (max-width: 64em) { .mod_quote .row.option-2:before, .mod_quote .row.option-2:after { padding: 42px; } } @media only screen and (max-width: 800px) { .mod_quote .row.option-2:before, .mod_quote .row.option-2:after { padding: 28px; } } .mod_quote .row.option-2:after { left: auto; right: 20px; transform: translateY(-50%) rotateY(-180deg); } @media only screen and (max-width: 800px) { .mod_quote .row.option-2:after { display: none; } } .mod_quote .row.option-3:before { position: relative; top: 0 !important; left: clamp(0rem, -15.5278rem + 34.0336vw, 25.3125rem) !important; transform: none; margin: 0 auto clamp(1.25rem, .9466rem + 1.2945vw, 2.5rem); padding: 30px; } .mod_quote .row.author.long:before, .mod_quote .row.author.long:after { top: calc(50% - 40px); } .mod_quote .row.has-logo { margin-top: 30px; } .mod_quote.viewport .logo { position: relative; top: -20px; opacity: 0; } .mod_quote.in-viewport .logo { top: 0; opacity: 1; } .mod_rating_box { --service-color: #64707e; } .mod_rating_box.service-color-black { --service-color: #000; } .mod_rating_box.service-color-blue { --service-color: #0b7187; } .mod_rating_box .row { display: flex; flex-wrap: wrap; gap: 20px; } .mod_rating_box .row .review-box { display: block; flex: 1 1 calc(50% - 10px); padding: clamp(1.875rem, 1.1924rem + 2.9126vw, 4.6875rem) clamp(1.25rem, .8708rem + 1.6181vw, 2.8125rem); background: #efefef; border: 1px solid #ccc; border-radius: 2px; text-decoration: none; color: inherit; } .mod_rating_box .row .review-box:only-child { flex-basis: 100%; } .mod_rating_box .row .review-box.has-link { transition: background .25s ease, border-color .25s ease; } .mod_rating_box .row .review-box.has-link:hover, .mod_rating_box .row .review-box.has-link:focus-visible { background: #e5e5e5; border-color: #adadad; } @media only screen and (max-width: 40em) { .mod_rating_box .row .review-box { flex-basis: 100%; } } .mod_rating_box .row .review-box .reviews-holder { text-align: center; } .mod_rating_box .row .review-box .reviews-holder h2 { margin: 0; line-height: 1.05; text-transform: uppercase; font-weight: 700; } .mod_rating_box .row .review-box .reviews-holder h2 .small, .mod_rating_box .mod_video_columns_two .row .review-box .reviews-holder h2 .item .content a.btn, .mod_video_columns_two .mod_rating_box .row .review-box .reviews-holder h2 .item .content a.btn, .mod_rating_box .mod_video_columns_two .row .item .content .review-box .reviews-holder h2 a.btn, .mod_video_columns_two .mod_rating_box .row .item .content .review-box .reviews-holder h2 a.btn, .mod_rating_box .row .review-box .reviews-holder h2 .mod_reviews_slider a.btn, .mod_reviews_slider .mod_rating_box .row .review-box .reviews-holder h2 a.btn, .mod_rating_box .mod_home_grid .row .review-box .reviews-holder h2 .grid .item .content a.btn, .mod_home_grid .mod_rating_box .row .review-box .reviews-holder h2 .grid .item .content a.btn, .mod_rating_box .mod_home_grid .row .grid .item .content .review-box .reviews-holder h2 a.btn, .mod_home_grid .mod_rating_box .row .grid .item .content .review-box .reviews-holder h2 a.btn, .mod_rating_box .row .review-box .reviews-holder h2 .contact-scroll.fixed, .mod_rating_box .row .review-box .reviews-holder h2 body.blog .container:not(footer):not(.partial_cta_sub) a.btn, body.blog .container:not(footer):not(.partial_cta_sub) .mod_rating_box .row .review-box .reviews-holder h2 a.btn, .mod_rating_box .row .review-box .reviews-holder h2 .mod_box_grid .boxes .box a.btn, .mod_box_grid .boxes .box .mod_rating_box .row .review-box .reviews-holder h2 a.btn, .mod_rating_box .row .review-box .reviews-holder h2 .mod_hero.has-ba .ba-include a.btn, .mod_hero.has-ba .ba-include .mod_rating_box .row .review-box .reviews-holder h2 a.btn, .mod_rating_box .mod_index > .row .review-box .reviews-holder h2 .inner .item a.btn, .mod_rating_box .mod_index > .row .inner .item .review-box .reviews-holder h2 a.btn, .mod_rating_box .mod_media_list .row .review-box .reviews-holder h2 .grid .item .copy a.btn, .mod_media_list .mod_rating_box .row .review-box .reviews-holder h2 .grid .item .copy a.btn, .mod_rating_box .mod_media_list .row .grid .item .copy .review-box .reviews-holder h2 a.btn, .mod_media_list .mod_rating_box .row .grid .item .copy .review-box .reviews-holder h2 a.btn { display: block; margin: 0; font-size: clamp(1.625rem, 1.2306rem + 1.6828vw, 3.25rem); font-weight: 700; color: inherit; } .mod_rating_box .row .review-box .reviews-holder h2 .service { display: block; margin: 0; font-size: clamp(2rem, 1.5449rem + 1.9417vw, 3.875rem); font-weight: 700; color: var(--service-color, #64707e); } .mod_rating_box .row .review-box .reviews-holder h2 .small + .service, .mod_rating_box .mod_video_columns_two .row .review-box .reviews-holder h2 .item .content a.btn + .service, .mod_video_columns_two .mod_rating_box .row .review-box .reviews-holder h2 .item .content a.btn + .service, .mod_rating_box .mod_video_columns_two .row .item .content .review-box .reviews-holder h2 a.btn + .service, .mod_video_columns_two .mod_rating_box .row .item .content .review-box .reviews-holder h2 a.btn + .service, .mod_rating_box .row .review-box .reviews-holder h2 .mod_reviews_slider a.btn + .service, .mod_reviews_slider .mod_rating_box .row .review-box .reviews-holder h2 a.btn + .service, .mod_rating_box .mod_home_grid .row .review-box .reviews-holder h2 .grid .item .content a.btn + .service, .mod_home_grid .mod_rating_box .row .review-box .reviews-holder h2 .grid .item .content a.btn + .service, .mod_rating_box .mod_home_grid .row .grid .item .content .review-box .reviews-holder h2 a.btn + .service, .mod_home_grid .mod_rating_box .row .grid .item .content .review-box .reviews-holder h2 a.btn + .service, .mod_rating_box .row .review-box .reviews-holder h2 .contact-scroll.fixed + .service, .mod_rating_box .row .review-box .reviews-holder h2 body.blog .container:not(footer):not(.partial_cta_sub) a.btn + .service, body.blog .container:not(footer):not(.partial_cta_sub) .mod_rating_box .row .review-box .reviews-holder h2 a.btn + .service, .mod_rating_box .row .review-box .reviews-holder h2 .mod_box_grid .boxes .box a.btn + .service, .mod_box_grid .boxes .box .mod_rating_box .row .review-box .reviews-holder h2 a.btn + .service, .mod_rating_box .row .review-box .reviews-holder h2 .mod_hero.has-ba .ba-include a.btn + .service, .mod_hero.has-ba .ba-include .mod_rating_box .row .review-box .reviews-holder h2 a.btn + .service, .mod_rating_box .mod_index > .row .review-box .reviews-holder h2 .inner .item a.btn + .service, .mod_rating_box .mod_index > .row .inner .item .review-box .reviews-holder h2 a.btn + .service, .mod_rating_box .mod_media_list .row .review-box .reviews-holder h2 .grid .item .copy a.btn + .service, .mod_media_list .mod_rating_box .row .review-box .reviews-holder h2 .grid .item .copy a.btn + .service, .mod_rating_box .mod_media_list .row .grid .item .copy .review-box .reviews-holder h2 a.btn + .service, .mod_media_list .mod_rating_box .row .grid .item .copy .review-box .reviews-holder h2 a.btn + .service { margin-top: .08em; } .mod_rating_box .row .review-box .reviews-holder .meta { margin: clamp(.375rem, .2688rem + .4531vw, .8125rem) 0 0; font-size: clamp(.75rem, .6742rem + .3236vw, 1.0625rem); font-weight: 400; text-transform: none; } .mod_rating_box .row .review-box .reviews-holder .stars { display: flex; justify-content: center; gap: clamp(.75rem, .6286rem + .5178vw, 1.25rem); margin-top: clamp(.625rem, .4733rem + .6472vw, 1.25rem); } .mod_rating_box .row .review-box .reviews-holder .stars .f-icon { color: #64707e; font-size: clamp(.875rem, .784rem + .3883vw, 1.25rem); line-height: 1; } .tns-slider { display: flex; grid-gap: 20px; } .tns-slider .tns-item { padding-right: 0 !important; } .mod_reviews_list h2 { text-align: center; } .mod_reviews_list .reviews .item { position: relative; } .mod_reviews_list .reviews .item p { margin-bottom: 10px; } .mod_reviews_list .reviews .item p.title { font-size: 110%; font-weight: 400; } .mod_reviews_list .reviews .item p.author { font-size: 14px; font-weight: "64em"; position: relative; } .mod_reviews_list .reviews .item p.author:before { content: "-"; display: inline-block; margin-right: 4px; } .mod_reviews_list .reviews .item .review-stars i { font-size: 12px; color: #64707e; } @media only screen and (max-width: 800px) { .mod_reviews_list .reviews .item .review-stars i { font-size: 11px; } } .mod_reviews_list.option-1 { margin: 0 auto; } .mod_reviews_list.option-1 .reviews .item { padding: 40px 20px; } @media only screen and (max-width: 800px) { .mod_reviews_list.option-1 .reviews .item { padding: 20px; } } .mod_reviews_list.option-1 .reviews .item:nth-child(even) { background: #efefef; } .mod_reviews_list.option-2 .reviews { display: flex; } @media only screen and (max-width: 800px) { .mod_reviews_list.option-2 .reviews { flex-wrap: wrap; } } .mod_reviews_list.option-2 .reviews .column { width: 50%; } @media only screen and (max-width: 800px) { .mod_reviews_list.option-2 .reviews .column { width: 100%; } } .mod_reviews_list.option-2 .reviews .item { margin-top: 60px; padding: 0 20px; } @media only screen and (max-width: 800px) { .mod_reviews_list.option-2 .reviews .item { margin-top: 40px; padding: 0; } } .mod_reviews_list.option-2 .reviews .item:after { content: ""; position: absolute; left: 20px; bottom: -30px; width: calc(100% - 40px); border-top: 1px solid #ddd; } @media only screen and (max-width: 800px) { .mod_reviews_list.option-2 .reviews .item:after { width: 100%; left: 0; bottom: -25px; } } .mod_reviews_list.narrow .row { max-width: 1024px; } .mod_reviews_slider { overflow: hidden; margin: 0 auto; position: relative; background: #f9f9f9; } .mod_reviews_slider .bg-logo { position: absolute; right: -83px; bottom: clamp(-12.9375rem, -10.8404rem + -1.7476vw, -11.25rem); width: clamp(18.75rem, 17.4606rem + 5.5016vw, 24.0625rem); height: auto; } .mod_reviews_slider .bg-logo img { width: 100%; height: auto; } .mod_reviews_slider .row { padding-block: clamp(2.5rem, 1.2471rem + 3.1274vw, 5rem) clamp(5rem, 3.1206rem + 4.6912vw, 8.75rem); } @media only screen and (max-width: 40em) { .mod_reviews_slider .row { padding-block: 20px 52px 50px 16px; } } .mod_reviews_slider .reviews-photo { display: none; } .mod_reviews_slider .review-stars { margin-left: -2px; } .mod_reviews_slider .review-stars .f-icon { font-size: 11px; } .mod_reviews_slider .tns-inner { position: relative; z-index: 1; } .mod_reviews_slider .reviews-slider .item { display: flex; justify-content: center; } @media only screen and (max-width: 800px) { .mod_reviews_slider .reviews-slider .item { flex-wrap: wrap; } } .mod_reviews_slider .reviews-slider .item .lside { padding-left: 20px; padding-right: 20px; width: 50%; } @media only screen and (max-width: 800px) { .mod_reviews_slider .reviews-slider .item .lside { width: 100%; padding-left: 0; padding-right: 0; } } @media only screen and (max-width: 40em) { .mod_reviews_slider .reviews-slider .item .lside { display: none; } } .mod_reviews_slider .reviews-slider .item .lside h3 { font-size: 28px; line-height: 1.4; margin-bottom: 0; max-width: 360px; } @media only screen and (max-width: 64em) { .mod_reviews_slider .reviews-slider .item .lside h3 { font-size: 26px; } } @media only screen and (max-width: 800px) { .mod_reviews_slider .reviews-slider .item .lside h3 { font-size: 24px; margin-bottom: 15px; line-height: 1.3; } } @media only screen and (max-width: 40em) { .mod_reviews_slider .reviews-slider .item .lside h3 { font-size: 23px; line-height: 1.25; } } .mod_reviews_slider .reviews-slider .item .lside .f-icon { font-size: 13px; color: #64707e; } .mod_reviews_slider .reviews-slider .item .lside span.author { margin-left: 10px; font-size: 14px; } .mod_reviews_slider .reviews-slider .item .rside { padding-left: 30px; padding-right: 20px; width: 50%; } @media only screen and (max-width: 800px) { .mod_reviews_slider .reviews-slider .item .rside { width: 100%; padding: 15px 0 0; } } .mod_reviews_slider .reviews-slider .item.stack { flex-direction: column; } .mod_reviews_slider .reviews-slider .item p.author { font-weight: 600; font-size: 1rem; } .mod_reviews_slider a.btn { display: table; margin: 30px auto; position: relative; z-index: 2; } @media only screen and (max-width: 64em) { .mod_reviews_slider a.btn { margin-top: 40px; } } @media only screen and (max-width: 800px) { .mod_reviews_slider a.btn { margin-top: 30px; } } .mod_reviews_slider .tns-controls { position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 100%; padding: 0; } .mod_reviews_slider .tns-controls button { position: absolute; top: 50%; margin: 0; opacity: 1; left: 0; padding: 0; aspect-ratio: 121/102; width: clamp(3.4375rem, -1.2867rem + 7.3743vw, 7.5625rem); height: auto; background: #64707e; transform: translateY(-50%); transition: left .3s ease, right .3s ease; border: 0; } .mod_reviews_slider .tns-controls button:hover { opacity: 1; cursor: pointer; left: -6px; } @media only screen and (max-width: 40em) { .mod_reviews_slider .tns-controls button:first-child { display: none; } } .mod_reviews_slider .tns-controls button:after { content: ""; background: var(--largeArrow) no-repeat center center; background-size: auto 100% !important; position: absolute; top: 50%; right: 0; transform: translate(0, -50%) rotate(-180deg); aspect-ratio: 101/102; width: auto; height: clamp(1.875rem, .4434rem + 2.2346vw, 3.125rem); } .mod_reviews_slider .tns-controls button:before { display: none; } .mod_reviews_slider .tns-controls button + button { left: auto; right: 0; } .mod_reviews_slider .tns-controls button + button:hover { left: unset; right: -6px; } .mod_reviews_slider .tns-controls button + button:after { right: unset; left: 0; transform: translate(0, -50%); } .mod_reviews_slider .tns-nav { position: absolute; z-index: 1; left: 50%; bottom: 90px; transform: translateX(-50%); display: flex; gap: 16px; } .mod_reviews_slider .tns-nav button { aspect-ratio: 1/1; width: 16px; padding: 0; border-radius: 100vmax; background: #d9d9d9; } .mod_reviews_slider .tns-nav button.tns-nav-active { background: #64707e; } .mod_reviews_slider.option-1 .row { padding-left: 80px; padding-right: 80px; } .mod_reviews_slider.option-1 .row .inner { display: flex; gap: clamp(3.75rem, -10.1362rem + 21.676vw, 15.875rem); width: 100%; max-width: clamp(81.25rem, 25rem + 62.5vw, 100rem); } @media only screen and (max-width: 800px) { .mod_reviews_slider.option-1 .row .inner { display: block; } } @media only screen and (max-width: 40em) { .mod_reviews_slider.option-1 .row .inner { padding-left: 0; } } @media only screen and (min-width: 801px) { .mod_reviews_slider.option-1 .row .inner .tns-ovh { width: clamp(25rem, 12.617rem + 19.3296vw, 35.8125rem); margin-right: clamp(0rem, -5.7263rem + 8.9385vw, 5rem); } } .mod_reviews_slider.option-1 .row .inner .tns-ovh .tns-inner { margin-right: 0 !important; } .mod_reviews_slider.option-1 .row .inner .tns-ovh .tns-inner .tns-slider.reviews-slider { grid-gap: 60px; } @media only screen and (max-width: 1200px) { .mod_reviews_slider.option-1 .row .inner .tns-ovh .tns-inner .tns-slider.reviews-slider { grid-gap: 30px; } } .mod_reviews_slider.option-1 .row .inner .content .item { flex-direction: column; padding-block: clamp(2.5rem, 1.8022rem + 2.9773vw, 5.375rem); } @media only screen and (max-width: 800px) { .mod_reviews_slider.option-1 .row .inner .content .item { padding-block: 0; } } .mod_reviews_slider.option-1 .row .inner .content .item h3 { text-wrap: pretty; } .mod_reviews_slider.option-1 .row .inner .content .item .bottom { width: 100%; margin-top: 20px; display: flex; align-items: center; gap: 20px; justify-content: flex-start; } @media only screen and (max-width: 64em) { .mod_reviews_slider.option-1 .row .inner .content .item .bottom { justify-content: flex-start; grid-gap: 30px; } } .mod_reviews_slider.option-1 .row .inner .content .item .bottom span.author { font-size: 1rem; font-weight: 600; } .mod_reviews_slider.option-1 .row .inner .content .item .bottom span.review-stars i { font-size: 16px; color: #64707e; } .mod_reviews_slider.option-1 .unique-images .reviews-photo { width: 100%; max-width: 36%; } .mod_reviews_slider.option-1 .unique-images .content { width: 100%; max-width: 40%; } @media only screen and (max-width: 800px) { .mod_reviews_slider.option-1 .unique-images .content { max-width: 100%; } } .mod_reviews_slider.option-1 .reviews-photo { position: relative; display: block; width: 100%; max-width: 42.5694444444%; } .mod_reviews_slider.option-1 .reviews-photo::before { content: ""; position: absolute; right: clamp(-7.9375rem, 5.0681rem + -10.838vw, -1.875rem); top: 0; bottom: 0; width: 1px; background: #000; } @media only screen and (max-width: 800px) { .mod_reviews_slider.option-1 .reviews-photo { display: none; } } @media only screen and (max-width: 40em) { .mod_reviews_slider.option-2 .row { padding-right: 80px; } } .mod_reviews_slider.option-2 .row .inner .item { flex-wrap: wrap; justify-content: space-between; } .mod_reviews_slider.option-2 .row .inner .item .title, .mod_reviews_slider.option-2 .row .inner .item .description { width: calc(50% - 20px); } @media only screen and (max-width: 800px) { .mod_reviews_slider.option-2 .row .inner .item .title, .mod_reviews_slider.option-2 .row .inner .item .description { width: 100%; } } .mod_reviews_slider.option-2 .row .inner .item .title h3, .mod_reviews_slider.option-2 .row .inner .item .description h3 { margin-bottom: 0; } .mod_reviews_slider.option-2 .row .inner .item .title .info, .mod_reviews_slider.option-2 .row .inner .item .description .info { margin-top: 20px; } @media only screen and (max-width: 800px) { .mod_reviews_slider.option-2 .row .inner .item .title .info, .mod_reviews_slider.option-2 .row .inner .item .description .info { display: none; } } .mod_reviews_slider.option-2 .row .inner .item .bottom { width: 100%; align-items: center; margin-top: 10px; display: none; } @media only screen and (max-width: 800px) { .mod_reviews_slider.option-2 .row .inner .item .bottom { display: flex; } } .mod_reviews_slider.option-2 .row .inner .item span.author { font-size: 15px; font-weight: 600; } .mod_reviews_slider.option-2 .row .inner .item span.review-stars { margin-left: 20px; display: inline-block; } .mod_reviews_slider.option-2 .row .inner .item span.review-stars i { font-size: 12px; color: #64707e; } .mod_reviews_slider.option-2 .tns-controls { top: calc(50% - 5px); } .mod_social { margin-bottom: 50px; overflow-x: hidden; } @media only screen and (max-width: 64em) { .mod_social { margin-bottom: 30px; } } @media only screen and (max-width: 800px) { .mod_social { margin-bottom: 20px; } } .mod_social .row h2 { margin-bottom: 60px; text-align: center; } .mod_social .row .partial_socials { display: flex; justify-content: center; transform: scale(3.5); } @media only screen and (max-width: 64em) { .mod_social .row .partial_socials { transform: scale(3); } } @media only screen and (max-width: 800px) { .mod_social .row .partial_socials { transform: scale(2.5); } } @media only screen and (max-width: 40em) { .mod_social .row .partial_socials { transform: scale(2); } } .mod_social .row .partial_socials li { border-radius: 2px; background: #f9f9f9; padding-left: 5.625px !important; } .mod_social .row .partial_socials li a { background: #f9f9f9 !important; } .mod_social .row .partial_socials li + li { margin-top: 0 !important; margin-left: 10px; } .mod_social .row.light .partial_socials li, .mod_social header.light nav.tresio-nav[data-type=hamburger] li.ignore ul.row.partial_socials .partial_socials li, header.light nav.tresio-nav[data-type=hamburger] li.ignore .mod_social ul.row.partial_socials .partial_socials li, .mod_social footer.partial_footer ul.row.partial_socials .partial_socials li, footer.partial_footer .mod_social ul.row.partial_socials .partial_socials li { background: #000; } .mod_social .row.light .partial_socials li a, .mod_social header.light nav.tresio-nav[data-type=hamburger] li.ignore ul.row.partial_socials .partial_socials li a, header.light nav.tresio-nav[data-type=hamburger] li.ignore .mod_social ul.row.partial_socials .partial_socials li a, .mod_social footer.partial_footer ul.row.partial_socials .partial_socials li a, footer.partial_footer .mod_social ul.row.partial_socials .partial_socials li a { background: #000 !important; } .mod_accordion { max-width: 1600px; margin: 80px auto; } @media only screen and (max-width: 40em) { .mod_accordion { margin: 50px auto; } } .mod_accordion h2 { text-align: center; padding: 0 20px; } .mod_accordion .row.half-image-row { background: none !important; display: flex; flex-direction: row !important; column-gap: 20px; width: 100%; max-width: none !important; height: 720px; } @media only screen and (max-width: 1200px) { .mod_accordion .row.half-image-row { column-gap: 10px; padding: 0; height: 650px; } } @media only screen and (max-width: 800px) { .mod_accordion .row.half-image-row { column-gap: 5px; height: 600px; } } @media only screen and (max-width: 40em) { .mod_accordion .row.half-image-row { column-gap: 0; height: 560px; } } .mod_accordion .row.half-image-row .accordion-slide { overflow: hidden; flex: 1; height: 100%; cursor: pointer; box-shadow: 0 0 12px rgba(0, 0, 0, .25); } @media only screen and (max-width: 64em) { .mod_accordion .row.half-image-row .accordion-slide { box-shadow: none; } } @media only screen and (max-width: 800px) { .mod_accordion .row.half-image-row .accordion-slide { flex: .5; } } @media (min-width: 800px) { .mod_accordion .row.half-image-row .accordion-slide:hover { flex: 2.5; } } .mod_accordion .row.half-image-row .accordion-slide:hover .media h2 { opacity: 1 !important; } .mod_accordion .row.half-image-row .accordion-slide .accordion-slide-inner { display: flex; height: 100%; } @media only screen and (max-width: 64em) { .mod_accordion .row.half-image-row .accordion-slide .accordion-slide-inner { flex-direction: column-reverse; overflow: hidden; position: relative; } } .mod_accordion .row.half-image-row .accordion-slide .accordion-slide-inner .copy { display: flex; flex-direction: column; justify-content: center; align-items: center; flex: 0; width: 0; padding: 0; opacity: 0; } @media only screen and (max-width: 64em) { .mod_accordion .row.half-image-row .accordion-slide .accordion-slide-inner .copy { background: rgba(0, 0, 0, 0); height: auto; opacity: 0; flex: 1; width: 100%; } } .mod_accordion .row.half-image-row .accordion-slide .accordion-slide-inner .copy .inner { display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 0 40px; width: 440px; margin: 0 auto; } @media only screen and (max-width: 1200px) { .mod_accordion .row.half-image-row .accordion-slide .accordion-slide-inner .copy .inner { width: 400px; } } @media only screen and (max-width: 40em) { .mod_accordion .row.half-image-row .accordion-slide .accordion-slide-inner .copy .inner { width: 260px; padding: 0 10px; } } .mod_accordion .row.half-image-row .accordion-slide .accordion-slide-inner .copy h2, .mod_accordion .row.half-image-row .accordion-slide .accordion-slide-inner .copy h3 { text-align: center; } .mod_accordion .row.half-image-row .accordion-slide .accordion-slide-inner .copy p { width: 100%; text-align: justify; } .mod_accordion .row.half-image-row .accordion-slide .accordion-slide-inner .media { flex: 1; display: flex; align-items: center; padding: 0 10px; } @media only screen and (max-width: 64em) { .mod_accordion .row.half-image-row .accordion-slide .accordion-slide-inner .media { flex: 100; position: absolute; top: 0; bottom: 0; height: 100%; padding-top: 0; width: 100%; z-index: 1; justify-content: center; } } .mod_accordion .row.half-image-row .accordion-slide .accordion-slide-inner .media h2, .mod_accordion .row.half-image-row .accordion-slide .accordion-slide-inner .media h3 { text-align: center; font-size: 24px; position: relative; z-index: 3; color: #fff; opacity: 0; width: 100%; display: flex; justify-content: center; } @media only screen and (max-width: 64em) { .mod_accordion .row.half-image-row .accordion-slide .accordion-slide-inner .media h2, .mod_accordion .row.half-image-row .accordion-slide .accordion-slide-inner .media h3 { font-size: 22px; display: flex; align-items: center; justify-content: center; writing-mode: tb-rl; transform: scale(-1); width: fit-content; opacity: 1; } } @media only screen and (max-width: 800px) { .mod_accordion .row.half-image-row .accordion-slide .accordion-slide-inner .media h2, .mod_accordion .row.half-image-row .accordion-slide .accordion-slide-inner .media h3 { font-size: 20px; } } @media only screen and (max-width: 40em) { .mod_accordion .row.half-image-row .accordion-slide .accordion-slide-inner .media h2, .mod_accordion .row.half-image-row .accordion-slide .accordion-slide-inner .media h3 { font-size: 18px; } } .mod_accordion .row.half-image-row .accordion-slide .accordion-slide-inner .media picture:before { content: ""; position: absolute; top: 0; bottom: 0; width: 100%; background: #333; opacity: .3; z-index: 2; } .mod_accordion .row.half-image-row .accordion-slide.active { cursor: auto; flex: 10; } @media only screen and (max-width: 64em) { .mod_accordion .row.half-image-row .accordion-slide.active { flex: 5; } } @media only screen and (max-width: 800px) { .mod_accordion .row.half-image-row .accordion-slide.active { flex: 4; } } .mod_accordion .row.half-image-row .accordion-slide.active .copy { flex: 1; width: 500px; opacity: 1; } @media only screen and (max-width: 64em) { .mod_accordion .row.half-image-row .accordion-slide.active .copy { width: 100%; position: relative; z-index: 2; visibility: visible; opacity: 1; } .mod_accordion .row.half-image-row .accordion-slide.active .copy p { min-width: 300px; padding: 0 20px; } } @media only screen and (max-width: 800px) { .mod_accordion .row.half-image-row .accordion-slide.active .copy p { padding: 0 10px; min-width: auto; } } .mod_accordion .row.half-image-row .accordion-slide.active .media { flex: 1; } .mod_accordion .row.half-image-row .accordion-slide.active .media h2, .mod_accordion .row.half-image-row .accordion-slide.active .media h3 { opacity: 0 !important; transition: opacity .5s ease; } .mod_accordion .row.half-image-row .accordion-slide.active .media picture:before { opacity: 0; } @media only screen and (max-width: 64em) { .mod_accordion .row.half-image-row .accordion-slide.active .media picture img { width: 100%; opacity: .2; } } @media only screen and (max-width: 64em) { .mod_accordion.all-closed .row.half-image-row .accordion-slide .accordion-slide-inner .media h2, .mod_accordion.all-closed .row.half-image-row .accordion-slide .accordion-slide-inner .media h3 { opacity: 1; } } .mod_accordion.option-2 .row.half-image-row .accordion-slide .accordion-slide-inner { position: relative; } .mod_accordion.option-2 .row.half-image-row .accordion-slide .accordion-slide-inner:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; display: block; background: #fff; opacity: 0; } .mod_accordion.option-2 .row.half-image-row .accordion-slide .accordion-slide-inner .copy { opacity: 0; visibility: hidden; position: relative; z-index: 4; } .mod_accordion.option-2 .row.half-image-row .accordion-slide .accordion-slide-inner .media { flex: 100; position: absolute; top: 0; bottom: 0; height: 100%; padding-top: 0; width: 100%; z-index: 2; justify-content: center; } .mod_accordion.option-2 .row.half-image-row .accordion-slide .accordion-slide-inner .media h2, .mod_accordion.option-2 .row.half-image-row .accordion-slide .accordion-slide-inner .media h3 { display: flex; align-items: center; justify-content: center; writing-mode: tb-rl; transform: scale(-1); width: fit-content; opacity: 1; } .mod_accordion.option-2 .row.half-image-row .accordion-slide .accordion-slide-inner .media picture.background:before { background: #333; opacity: .4; } .mod_accordion.option-2 .row.half-image-row .accordion-slide:hover { flex: 1; } .mod_accordion.option-2 .row.half-image-row .accordion-slide:hover .media picture.background:before { opacity: .2; } .mod_accordion.option-2 .row.half-image-row .accordion-slide.active { flex: 6; } .mod_accordion.option-2 .row.half-image-row .accordion-slide.active .accordion-slide-inner:after { background: #fff; opacity: .8; } .mod_accordion.option-2 .row.half-image-row .accordion-slide.active .copy { opacity: 1; visibility: visible; } .mod_accordion.option-2 .row.half-image-row .accordion-slide.active .media picture.background:before { opacity: 0; } .mod_accordion.option-2 .row.half-image-row .accordion-slide.active:hover { flex: 6; } .mod_accordion.option-3 .row.half-image-row { column-gap: 0; } .mod_accordion.option-3 .row.half-image-row .accordion-slide { position: relative; box-shadow: none; border-right: 2px solid #64707e; } .mod_accordion.option-3 .row.half-image-row .accordion-slide:last-child { border-right: none; } .mod_accordion.option-3 .row.half-image-row .accordion-slide .accordion-slide-inner .copy { z-index: 3; } .mod_accordion.option-3 .row.half-image-row .accordion-slide .accordion-slide-inner .copy .inner { margin: 0 auto 0 0; align-items: flex-start; } .mod_accordion.option-3 .row.half-image-row .accordion-slide .accordion-slide-inner .copy .inner h2, .mod_accordion.option-3 .row.half-image-row .accordion-slide .accordion-slide-inner .copy .inner h3, .mod_accordion.option-3 .row.half-image-row .accordion-slide .accordion-slide-inner .copy .inner p, .mod_accordion.option-3 .row.half-image-row .accordion-slide .accordion-slide-inner .copy .inner a.btn { text-align: left; } .mod_accordion.option-3 .row.half-image-row .accordion-slide .accordion-slide-inner .copy .inner h2, .mod_accordion.option-3 .row.half-image-row .accordion-slide .accordion-slide-inner .copy .inner h3 { padding: 0; } .mod_accordion.option-3 .row.half-image-row .accordion-slide .accordion-slide-inner .media { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; justify-content: center; } .mod_accordion.option-3 .row.half-image-row .accordion-slide .accordion-slide-inner .media h2, .mod_accordion.option-3 .row.half-image-row .accordion-slide .accordion-slide-inner .media h3 { display: flex; align-items: center; justify-content: center; writing-mode: tb-rl; width: fit-content; opacity: 1; position: absolute; top: 20px; left: 50%; transform: translateX(-50%); } @media only screen and (max-width: 800px) { .mod_accordion.option-3 .row.half-image-row .accordion-slide .accordion-slide-inner .media h2, .mod_accordion.option-3 .row.half-image-row .accordion-slide .accordion-slide-inner .media h3 { top: 50%; transform: translate(-50%, -50%); } } .mod_accordion.option-3 .row.half-image-row .accordion-slide:hover { flex: 1; } .mod_accordion.option-3 .row.half-image-row .accordion-slide:hover .media picture.background:before { opacity: .2; } .mod_accordion.option-3 .row.half-image-row .accordion-slide.active { flex: 6; } .mod_accordion.option-3 .row.half-image-row .accordion-slide.active .accordion-slide-inner:after { background: #fff; opacity: .2; } .mod_accordion.option-3 .row.half-image-row .accordion-slide.active .copy { opacity: 1; visibility: visible; } @media only screen and (max-width: 800px) { .mod_accordion.option-3 .row.half-image-row .accordion-slide.active .copy .inner { padding-left: 20px; width: 290px; } } .mod_accordion.option-3 .row.half-image-row .accordion-slide.active .media picture.background:before { opacity: 0; } .mod_accordion.option-3 .row.half-image-row .accordion-slide.active .media h2, .mod_accordion.option-3 .row.half-image-row .accordion-slide.active .media h3 { left: calc(100% - 40px); opacity: 1 !important; } @media only screen and (max-width: 800px) { .mod_accordion.option-3 .row.half-image-row .accordion-slide.active .media h2, .mod_accordion.option-3 .row.half-image-row .accordion-slide.active .media h3 { left: 50%; opacity: 0; } } .mod_accordion.option-3 .row.half-image-row .accordion-slide.active:hover { flex: 6; } .mod_jump_nav { border-bottom: 1px solid #dfdfdf; margin-bottom: 50px; } .mod_jump_nav h2 { text-align: center; font-size: 30px; letter-spacing: 0; margin-bottom: 30px; } .mod_jump_nav .subnav { margin-left: 0; padding-left: 0; } .mod_jump_nav .subnav .trigger { padding: 0 !important; } .mod_jump_nav .subnav .trigger:before { content: none !important; } .mod_jump_nav .subnav .trigger ol { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } @media only screen and (max-width: 800px) { .mod_jump_nav .subnav .trigger ol { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; } } .mod_jump_nav .subnav .trigger ol li { padding: 0 20px; line-height: 18px; } .mod_jump_nav .subnav .trigger ol li a { text-decoration: none; font-weight: 700; font-size: 14px; line-height: 16px; } .mod_jump_nav .subnav .trigger ol li + li { margin: 10px 0 0 0 !important; } @media only screen and (max-width: 40em) { .mod_jump_nav .subnav .trigger ol li { width: 100%; } } .mod_staff .title-wrapper { max-width: 1024px; margin: 0 auto; padding: 0 20px; } .mod_staff .title-wrapper h2 { text-align: center; } .mod_staff .row { position: relative; max-width: 1024px; display: grid; grid-gap: 40px; grid-template-columns: 1fr 1fr 1fr; } @media only screen and (max-width: 64em) { .mod_staff .row { grid-template-columns: 1fr 1fr; } } @media only screen and (max-width: 40em) { .mod_staff .row { grid-template-columns: 1fr; } } .mod_staff .row .staff { overflow: hidden; } .mod_staff .row .staff .copy { position: relative; margin-top: 20px; } .mod_staff .row .staff .copy .inner h2 { font-size: 28px !important; letter-spacing: .5px; margin-bottom: 10px; } @media only screen and (max-width: 64em) { .mod_staff .row .staff .copy .inner h2 { font-size: 25px !important; } } @media only screen and (max-width: 40em) { .mod_staff .row .staff .copy .inner h2 { margin-top: 10px; font-size: 22px !important; } } .mod_staff .row .staff .copy .inner p.intro { font-weight: 600; } @media only screen and (max-width: 64em) { .mod_staff .row .staff .copy .inner p.intro { font-size: 16px !important; } } @media only screen and (max-width: 40em) { .mod_staff .row .staff .copy .inner p.intro { margin-top: -5px; margin-bottom: 0; } } .mod_staff .row.has-title { padding-top: 25px; } .mod_staff.full-width .row { grid-template-columns: 1fr; } .mod_staff.full-width .row .staff { display: grid; grid-gap: 40px; grid-template-columns: 220px 1fr; } @media only screen and (max-width: 800px) { .mod_staff.full-width .row .staff { grid-gap: 30px; grid-template-columns: 180px 1fr; } } @media only screen and (max-width: 40em) { .mod_staff.full-width .row .staff { grid-gap: 10px; grid-template-columns: 1fr; } } .mod_staff.full-width .row .staff .copy { margin-top: 5px; } .mod_staff.full-width .row .staff .copy p:last-child { margin-bottom: 0; } .mod_staff.full-width .row .staff + .staff { padding-top: 50px; border-top: 1px solid #ddd; } .mod_video .row { display: flex; width: 100%; max-width: 1600px; justify-content: center; align-items: center; } @media only screen and (max-width: 800px) { .mod_video .row { flex-direction: column !important; text-align: center; } } .mod_video .row .copy { width: 50%; } @media only screen and (max-width: 800px) { .mod_video .row .copy { width: 100%; max-width: 400px; margin: 0 auto; } } .mod_video .row .copy .inner { margin: 0 auto; padding-right: 40px; max-width: 560px; } @media only screen and (max-width: 800px) { .mod_video .row .copy .inner { padding-right: 0; margin-bottom: 30px; } } .mod_video .row .media { width: 50%; } @media only screen and (max-width: 800px) { .mod_video .row .media { width: 100%; max-width: 400px; margin: 0 auto; } } .mod_video .row.flipped { flex-direction: row-reverse; } .mod_video .row.flipped .copy .inner { padding-right: 0; padding-left: 40px; } @media only screen and (max-width: 800px) { .mod_video .row.flipped .copy .inner { padding-left: 0; } } .mod_video_grid .row { padding: 30px 100px 70px; position: relative; max-width: 1374px; z-index: 3; } @media only screen and (max-width: 64em) { .mod_video_grid .row { padding: 60px 100px; } } @media only screen and (max-width: 40em) { .mod_video_grid .row { padding: 20px 56px 50px 20px; } } .mod_video_grid .row h2 { text-align: center; margin-bottom: 30px; } .mod_video_grid .row .video-grid-container { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 20px; } @media only screen and (max-width: 800px) { .mod_video_grid .row .video-grid-container { grid-template-columns: 1fr 1fr; } } @media only screen and (max-width: 40em) { .mod_video_grid .row .video-grid-container { grid-template-columns: 1fr; max-width: 480px; margin: 0 auto; } .mod_video_grid .row .video-grid-container.video-grid-slider { max-width: inherit; } } .mod_video_grid .row .video-grid-slider { display: flex; } .mod_video_grid .row .video { display: inline-block; } .mod_video_grid .row .video a.popup-video { width: 100%; } .mod_video_grid .row .video a.popup-video picture { overflow: hidden; display: block; } .mod_video_grid .row .video a.popup-video picture img { overflow: hidden; width: 100%; } .mod_video_grid .row .video p.title, .mod_video_grid .row .video p.title a { margin-top: 5px; color: #333 !important; } .mod_video_grid .row .video:hover a.media picture img { transform: scale(1.2); } .mod_video_grid .row .video:hover a.media:after { transform: translate(-50%, -50%) scale(.9); } .mod_video_grid .row .video-cta { text-align: center; } @media only screen and (min-width: 64.0625em) { .mod_video_grid .row .video-cta { margin-top: 80px; } } @media only screen and (max-width: 64em) { .mod_video_grid .row .video-cta { margin-top: 60px; } } .mod_video_grid .row .video-cta { margin-bottom: 80px; } .mod_video_grid .tns-controls { position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 100%; padding: 0 20px; } .mod_video_grid .tns-controls button { position: absolute; top: 50%; margin-top: 0; opacity: 1; left: 12px; padding: 20px; width: 40px; height: 40px; border-radius: 100%; background: rgba(0, 0, 0, .9); transform: translateY(-50%); } .mod_video_grid .tns-controls button:hover { opacity: .6; cursor: pointer; } @media only screen and (max-width: 64em) { .mod_video_grid .tns-controls button { padding: 16px; width: 36px; height: 36px; } } @media only screen and (max-width: 800px) { .mod_video_grid .tns-controls button { padding: 14px; width: 34px; height: 34px; } } @media only screen and (max-width: 40em) { .mod_video_grid .tns-controls button:first-child { display: none; } } .mod_video_grid .tns-controls button:after { content: ""; background: url("https://static.tresiocms.com/images/arrow.png?auto=format,compress") no-repeat center center; background-size: auto 100% !important; position: absolute; top: 50%; left: calc(50% - 1px); transform: translate(-50%, -50%) rotate(-180deg); padding: 8px; } @media only screen and (max-width: 64em) { .mod_video_grid .tns-controls button:after { padding: 7px; } } @media only screen and (max-width: 800px) { .mod_video_grid .tns-controls button:after { padding: 6px; } } .mod_video_grid .tns-controls button:before { display: none; } .mod_video_grid .tns-controls button + button { left: auto; right: 12px; } @media only screen and (max-width: 800px) { .mod_video_grid .tns-controls button + button { right: 8px; } } .mod_video_grid .tns-controls button + button:after { left: calc(50% + 1px); transform: translate(-50%, -50%); } .mod_video_columns_two .row { display: flex; flex-wrap: wrap; gap: 20px; } @media only screen and (max-width: 800px) { .mod_video_columns_two .row { flex-wrap: wrap; gap: 40px; } } .mod_video_columns_two .row > h2 { flex: 1 1 100%; margin-bottom: 0; text-align: center; } .mod_video_columns_two .row .item { width: calc(50% - 10px); } @media only screen and (max-width: 800px) { .mod_video_columns_two .row .item { width: 100%; } } .mod_video_columns_two .row .item .content { padding: 20px 20px 0 0; } .mod_video_columns_two .row .item .content h2 { font-size: 22px; } .mod_realself { background: #f9f9f9; margin-bottom: -60px; } .mod_realself .row { max-width: 900px; padding: 60px 20px 40px; margin: 0 auto; } .mod_realself .row h2 { text-align: center; margin-bottom: 40px; } .mod_realself .row .widget #rsrvwrapper, .mod_realself .row .widget #rsqawrapper { line-height: 2; } .mod_realself .row .widget #rsrvwrapper .rsrvmorereviews, .mod_realself .row .widget #rsrvwrapper .rsqamore, .mod_realself .row .widget #rsqawrapper .rsrvmorereviews, .mod_realself .row .widget #rsqawrapper .rsqamore { max-width: 340px; margin: 0 auto; padding: 20px 0; display: flex; justify-content: center; } .mod_realself .row .widget #rsrvwrapper .rsrvmorereviews a, .mod_realself .row .widget #rsrvwrapper .rsqamore a, .mod_realself .row .widget #rsqawrapper .rsrvmorereviews a, .mod_realself .row .widget #rsqawrapper .rsqamore a { text-transform: none; } .mod_realself .row .widget #rsrvwrapper .rsrvdisclaimer, .mod_realself .row .widget #rsqawrapper .rsrvdisclaimer { text-align: center; } .mod_virtual_consultation .row { max-width: 960px; } .mod_sitemap { max-width: 720px; margin: 0 auto; } .mod_sitemap nav.tresio-nav { overflow: hidden; } .mod_sitemap nav.tresio-nav ul.tresio-nav__main li { padding-left: 8px; } .mod_sitemap nav.tresio-nav ul.tresio-nav__main li:before { top: 13px; width: 0; height: 0; padding: 0; background: none; border-top: 5px solid rgba(0, 0, 0, 0); border-bottom: 5px solid rgba(0, 0, 0, 0); border-left: 5px solid #64707e; } .mod_sitemap nav.tresio-nav ul.tresio-nav__main li ul li:after { content: ""; position: absolute; top: 18px; right: calc(100% + 8px); width: 100px; border-top: 1px solid #ccc; display: block; } .mod_sitemap nav.tresio-nav ul.tresio-nav__main li.level-1 > a.tresio-nav__link { font-size: 18px; font-weight: 600; } .mod_sitemap nav.tresio-nav ul.tresio-nav__main li.tresio-nav__list-item--has-children > a.tresio-nav__link { font-size: 18px; font-weight: 600; } .mod_sitemap nav.tresio-nav ul.tresio-nav__main li.tresio-nav__list-item--has-children a.tresio-nav__dropdown { display: none; } .mod_sitemap nav.tresio-nav ul.tresio-nav__main li.tresio-nav__list-item--has-children ul.tresio-nav__list { display: block; margin: 0; padding-left: 30px; } .mod_sitemap nav.tresio-nav ul.tresio-nav__main li.ignore { display: none; } .mod_sitemap nav.tresio-nav ul.tresio-nav__main li + li { margin-top: 0; } .mod_sitemap nav.tresio-nav ul.tresio-nav__main li.landing { display: none; } .mod_sitemap nav.tresio-nav ul.tresio-nav__main picture { display: none; } .rellax { opacity: 0; visibility: hidden; transition: .5s opacity ease-in-out; } .rellax.visible { opacity: 1; visibility: visible; } @media only screen and (max-width: 40em) { .mod_location_info { margin-bottom: 40px; } } .mod_location_info .row.half-image-row { max-width: 1200px; flex-direction: row-reverse; margin: 40px auto; } @media only screen and (max-width: 64em) { .mod_location_info .row.half-image-row { flex-direction: column; } } .mod_location_info .row.half-image-row .copy { margin-left: unset; } .mod_location_info .row.half-image-row .copy .inner { display: flex; flex-direction: column; gap: 20px; padding-left: 0; } @media only screen and (max-width: 40em) { .mod_location_info .row.half-image-row .copy .inner { text-align: left; } } .mod_location_info .row.half-image-row .copy .inner h2 { margin-bottom: 0; font-weight: 700; } .mod_location_info .row.half-image-row .copy .inner .address p { font-size: 30px; font-weight: 400; } @media only screen and (max-width: 800px) { .mod_location_info .row.half-image-row .copy .inner .address p { font-size: 20px; } } .mod_location_info .row.half-image-row .copy .inner .hours p.intro { font-size: 17px; font-weight: 600; margin-bottom: 5px; } .mod_location_info .row.half-image-row .copy .inner .numbers { display: flex; flex-direction: column; grid-gap: 10px; } .mod_location_info .row.half-image-row .copy .inner .numbers a, .mod_location_info .row.half-image-row .copy .inner .numbers p { font-size: 30px; } @media only screen and (max-width: 800px) { .mod_location_info .row.half-image-row .copy .inner .numbers a, .mod_location_info .row.half-image-row .copy .inner .numbers p { font-size: 20px; } } .mod_location_info .row.half-image-row .copy .inner a.btn { width: fit-content; margin-top: 0 !important; } .mod_location_info .row.half-image-row .media { padding-bottom: 40px; position: relative; top: unset; right: unset; bottom: unset; left: unset; } @media only screen and (max-width: 40em) { .mod_location_info .row.half-image-row .media { left: 0; width: 100%; padding-top: 61%; max-width: 400px; } } .mod_location_info .row.half-image-row .media picture.background { border-radius: 8px; overflow: hidden; top: 0; transform: translateX(-50%); height: calc(100% - 40px); } @media only screen and (max-width: 40em) { .mod_location_info .row.half-image-row .media picture.background { height: 100%; } } .mod_location_info .row.half-image-row .media .media-wrap { position: relative; border-radius: 8px; overflow: hidden; height: calc(100% - 50px); } .mod_location_info .row.half-image-row a.arrow { bottom: 0; display: inline-block; margin-top: 20px; text-decoration: none; font-weight: 700; } .mod_location_info .row.half-image-row a.arrow:after { content: ""; position: relative; top: 1px; display: inline-block; margin-left: 10px; padding: 6px 10px; background: url("https://static.tresiocms.com/images/arrow-next.png?auto=format,compress") no-repeat center center; background-size: 100% auto; } .mod_location_info .row.area-served-map { margin: 40px auto 80px; display: flex; padding: 20px; align-items: flex-start; align-items: stretch; grid-gap: 20px; padding-bottom: 80px; border-bottom: 1px solid #ddd; } @media only screen and (max-width: 64em) { .mod_location_info .row.area-served-map { flex-wrap: wrap; } } .mod_location_info .row.area-served-map .half { width: 54%; padding-right: 0; } @media only screen and (max-width: 64em) { .mod_location_info .row.area-served-map .half { width: 100%; } } .mod_location_info .row.area-served-map .half h2, .mod_location_info .row.area-served-map .half h3 { font-size: 28px; margin-bottom: 30px; } @media only screen and (max-width: 64em) { .mod_location_info .row.area-served-map .half h2, .mod_location_info .row.area-served-map .half h3 { margin-bottom: 12px; } } .mod_location_info .row.area-served-map .half p.intro { font-size: 16px; padding: 0 20px; margin-bottom: 30px; color: #64707e; font-weight: 700; } @media only screen and (max-width: 64em) { .mod_location_info .row.area-served-map .half p.intro { font-size: 15px; margin-bottom: 12px; padding: 0; } } .mod_location_info .row.area-served-map .half .locations { display: flex; flex-wrap: wrap; max-height: 588px; overflow: scroll; } @media only screen and (max-width: 64em) { .mod_location_info .row.area-served-map .half .locations { max-height: inherit; } } .mod_location_info .row.area-served-map .half .locations .location { width: calc(50% - 15px); margin-right: 30px; margin-bottom: 30px; } .mod_location_info .row.area-served-map .half .locations .location:nth-child(even) { margin-right: 0; } .mod_location_info .row.area-served-map .half .locations .location .media { padding-top: 80%; border-radius: 6px; overflow: hidden; display: block; position: relative; } .mod_location_info .row.area-served-map .half .locations .location .media:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; display: block; background: #000; opacity: .4; background: linear-gradient(0deg, #000 20%, rgba(0, 0, 0, 0) 60%); } .mod_location_info .row.area-served-map .half .locations .location .media span.title { position: absolute; left: 16px; bottom: 16px; color: #fff; font-weight: 700; z-index: 3; } @media only screen and (max-width: 64em) { .mod_location_info .row.area-served-map .half .locations .location .media span.title { font-size: 15px; } } @media only screen and (max-width: 800px) { .mod_location_info .row.area-served-map .half .locations .location .media span.title { font-size: 14px; } } .mod_location_info .row.area-served-map .half .locations .location .media:hover { opacity: 1; } .mod_location_info .row.area-served-map .half .locations .location .media:hover picture img { opacity: .6; } .mod_location_info .row.area-served-map .half .locations .location .info { margin-top: 14px; padding: 0 10px 0 13px; display: flex; justify-content: space-between; align-items: center; } @media only screen and (max-width: 1200px) { .mod_location_info .row.area-served-map .half .locations .location .info { padding: 0 4px; } } @media only screen and (max-width: 64em) { .mod_location_info .row.area-served-map .half .locations .location .info { flex-wrap: wrap; } } .mod_location_info .row.area-served-map .half .locations .location .info a.tel { position: relative; display: flex; font-weight: 700; color: #64707e; font-size: 14px; align-items: center; } .mod_location_info .row.area-served-map .half .locations .location .info a.tel:before { content: ""; display: inline-block; padding: 7px; background: url("data:image/svg+xml,%3Csvg width='24' height='25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.847 15.636l-4.416-1.98-.013-.005a1.499 1.499 0 0 0-1.492.184l-2.282 1.945c-1.446-.702-2.938-2.183-3.64-3.61l1.948-2.317a1.499 1.499 0 0 0 .177-1.484v-.01L9.144 3.933a1.5 1.5 0 0 0-1.558-.892A5.274 5.274 0 0 0 3 8.28c0 7.444 6.056 13.5 13.5 13.5a5.275 5.275 0 0 0 5.239-4.586 1.5 1.5 0 0 0-.892-1.558zM16.5 20.28a12.013 12.013 0 0 1-12-12 3.769 3.769 0 0 1 3.27-3.75v.012l1.968 4.406-1.938 2.32a.559.559 0 0 0-.053.071 1.5 1.5 0 0 0-.094 1.472c.85 1.738 2.6 3.475 4.355 4.323a1.5 1.5 0 0 0 1.477-.107.752.752 0 0 0 .07-.052l2.278-1.945 4.407 1.974h.01a3.77 3.77 0 0 1-3.75 3.276z' fill='%23fff'/%3E%3C/svg%3E") no-repeat center center; background-size: 100% auto; filter: invert(1) brightness(0); margin-right: 7px; } .mod_location_info .row.area-served-map .half .locations .location .info .btn { min-width: inherit; padding: 10px 18px; font-size: 14px; margin-top: 0; } @media only screen and (max-width: 64em) { .mod_location_info .row.area-served-map .half .locations .location .info .btn { margin-top: 8px; } } .mod_location_info .row.area-served-map .half + .half { width: 46%; } @media only screen and (max-width: 64em) { .mod_location_info .row.area-served-map .half + .half { width: 100%; } } .mod_location_info .row.area-served-map .half + .half p.intro { padding: 4px 0 3px; text-align: right; } @media only screen and (max-width: 64em) { .mod_location_info .row.area-served-map .half + .half p.intro { text-align: left; } } .mod_location_info .row.area-served-map .half + .half .partial_locator_minimap { border-radius: 4px; overflow: hidden; } .mod_careers_form .row .inner { max-width: 80%; margin: 0 auto; } @media only screen and (max-width: 800px) { .mod_careers_form .row .inner { max-width: 100%; } } .mod_careers_form .row .inner h2 { text-align: center; } .mod_table .row { max-width: 100%; margin: 0 auto; } .mod_table .row .copy { text-align: center; margin: 25px auto; max-width: 1000px; } .mod_table .row table { margin: 0 auto; border: solid 1px #ddd; border-collapse: collapse; } .mod_table .row table thead tr { border: unset; } .mod_table .row table thead tr th { background: #bb9344; color: #f9f9f9; border: 2px solid rgba(128, 128, 128, .5); display: table-cell; font-size: clamp(.875rem, .784rem + .3883vw, 1.25rem); } .mod_table .row table tbody tr { border: unset; } .mod_table .row table tbody tr td { border: 2px solid rgba(128, 128, 128, .5); font-size: clamp(.75rem, .659rem + .3883vw, 1.125rem); } .mod_table .row table tbody tr td:first-child { font-weight: 700; } .mod_table .row table tbody tr:nth-child(odd) { background-color: #fff; } .mod_table .row table tbody tr:nth-child(even) { background-color: rgba(221, 221, 221, .5); } .partial_404 .banner .row { padding: 120px 20px; } .partial_404 .banner .row .inner { max-width: 100%; width: 100%; text-align: center; padding-right: 0; } .partial_a11y_disclaimer .a11y-disclaimer { padding: 40px 20px 60px; font-size: 13px; margin: auto; line-height: 1.6; } @media only screen and (max-width: 800px) { .partial_a11y_disclaimer .a11y-disclaimer { padding-bottom: 80px; } } .partial_a11y_disclaimer .a11y-disclaimer > div { max-width: 900px; margin: auto; color: #333; } @media only screen and (max-width: 64em) { .partial_a11y_disclaimer .a11y-disclaimer > div { max-width: 620px; } } @media only screen and (max-width: 800px) { .partial_a11y_disclaimer .a11y-disclaimer > div { max-width: 100%; } } .partial_a11y_disclaimer .a11y-disclaimer > div span.ppc-number { color: #333; } .partial_a11y_menu { opacity: 0; pointer-events: none; transition: 200ms ease-in-out; background: #fff; padding: 10px; position: fixed; top: 20px; left: 20px; border-radius: 5px; border: 1px solid #f3f3f3 !important; list-style-type: none; box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23); z-index: 999999; } .partial_a11y_menu a { font-family: Verdana, sans-serif; color: #000; font-size: 14px; font-weight: normal; text-decoration: none; display: block; padding: 5px; } .partial_a11y_menu:focus-within { visibility: visible; pointer-events: all; opacity: 1; } div[data-s3-module] .partial_breadcrumb, div[data-s3-partial] .partial_breadcrumb { color: #333; text-transform: uppercase; letter-spacing: 3px; display: flex; flex-wrap: wrap; margin: 15px 0 0; } @media only screen and (max-width: 800px) { div[data-s3-module] .partial_breadcrumb, div[data-s3-partial] .partial_breadcrumb { letter-spacing: 2px; } } div[data-s3-module] .partial_breadcrumb li, div[data-s3-partial] .partial_breadcrumb li { display: flex; padding-left: 0; margin-right: 20px; position: relative; } div[data-s3-module] .partial_breadcrumb li:last-child, div[data-s3-partial] .partial_breadcrumb li:last-child { margin-right: auto; } div[data-s3-module] .partial_breadcrumb li:before, div[data-s3-partial] .partial_breadcrumb li:before { content: ""; position: absolute; top: 50%; left: auto; right: -10px; transform: translate3d(0, -50%, 0); width: 3px; height: 3px; border-radius: 100%; padding: 0; background: #333; display: inline-block; } @media only screen and (max-width: 800px) { div[data-s3-module] .partial_breadcrumb li:before, div[data-s3-partial] .partial_breadcrumb li:before { width: 2px; height: 2px; right: -9px; } } div[data-s3-module] .partial_breadcrumb li a, div[data-s3-partial] .partial_breadcrumb li a { color: #333; font-weight: 700; font-size: 12px; line-height: 1.2; padding: 5px 0; white-space: nowrap; } @media only screen and (max-width: 64em) { div[data-s3-module] .partial_breadcrumb li a, div[data-s3-partial] .partial_breadcrumb li a { font-size: 11px; } } @media only screen and (max-width: 800px) { div[data-s3-module] .partial_breadcrumb li a, div[data-s3-partial] .partial_breadcrumb li a { font-size: 10px; } } div[data-s3-module] .partial_breadcrumb li a:hover, div[data-s3-partial] .partial_breadcrumb li a:hover { opacity: 1; } div[data-s3-module] .partial_breadcrumb li + li, div[data-s3-partial] .partial_breadcrumb li + li { margin-top: 0; margin-left: 0px; } div[data-s3-module] .partial_breadcrumb li:last-child:before, div[data-s3-partial] .partial_breadcrumb li:last-child:before { display: none; } div[data-s3-module] .partial_breadcrumb.white, div[data-s3-module] body.scheduler .mod_scheduler .location-grid .location-item .btn-holder a.partial_breadcrumb.btn, body.scheduler .mod_scheduler .location-grid .location-item .btn-holder div[data-s3-module] a.partial_breadcrumb.btn, div[data-s3-module] body.scheduler .mod_scheduler .provider-grid .location-item .btn-holder a.partial_breadcrumb.btn, body.scheduler .mod_scheduler .provider-grid .location-item .btn-holder div[data-s3-module] a.partial_breadcrumb.btn, div[data-s3-module] .partial_notification.hero .btns .partial_breadcrumb.btn, .partial_notification.hero .btns div[data-s3-module] .partial_breadcrumb.btn, div[data-s3-module] .mod_notification_bar.dark a.partial_breadcrumb.btn, .mod_notification_bar.dark div[data-s3-module] a.partial_breadcrumb.btn, div[data-s3-module] header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_notification_bar.partial_socials a.partial_breadcrumb.btn, header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_notification_bar.partial_socials div[data-s3-module] a.partial_breadcrumb.btn, div[data-s3-module] .mod_contact.dark section.info ul.partial_breadcrumb, .mod_contact.dark section.info div[data-s3-module] ul.partial_breadcrumb, div[data-s3-module] header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_contact.partial_socials section.info ul.partial_breadcrumb, header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_contact.partial_socials section.info div[data-s3-module] ul.partial_breadcrumb, div[data-s3-module] .mod_intro.has-bg .row .partial_breadcrumb.btn, .mod_intro.has-bg .row div[data-s3-module] .partial_breadcrumb.btn, div[data-s3-partial] .partial_breadcrumb.white, div[data-s3-partial] body.scheduler .mod_scheduler .location-grid .location-item .btn-holder a.partial_breadcrumb.btn, body.scheduler .mod_scheduler .location-grid .location-item .btn-holder div[data-s3-partial] a.partial_breadcrumb.btn, div[data-s3-partial] body.scheduler .mod_scheduler .provider-grid .location-item .btn-holder a.partial_breadcrumb.btn, body.scheduler .mod_scheduler .provider-grid .location-item .btn-holder div[data-s3-partial] a.partial_breadcrumb.btn, div[data-s3-partial] .partial_notification.hero .btns .partial_breadcrumb.btn, .partial_notification.hero .btns div[data-s3-partial] .partial_breadcrumb.btn, div[data-s3-partial] .mod_notification_bar.dark a.partial_breadcrumb.btn, .mod_notification_bar.dark div[data-s3-partial] a.partial_breadcrumb.btn, div[data-s3-partial] header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_notification_bar.partial_socials a.partial_breadcrumb.btn, header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_notification_bar.partial_socials div[data-s3-partial] a.partial_breadcrumb.btn, div[data-s3-partial] .mod_contact.dark section.info ul.partial_breadcrumb, .mod_contact.dark section.info div[data-s3-partial] ul.partial_breadcrumb, div[data-s3-partial] header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_contact.partial_socials section.info ul.partial_breadcrumb, header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_contact.partial_socials section.info div[data-s3-partial] ul.partial_breadcrumb, div[data-s3-partial] .mod_intro.has-bg .row .partial_breadcrumb.btn, .mod_intro.has-bg .row div[data-s3-partial] .partial_breadcrumb.btn { color: #fff; } div[data-s3-module] .partial_breadcrumb.white li:before, div[data-s3-module] body.scheduler .mod_scheduler .location-grid .location-item .btn-holder a.partial_breadcrumb.btn li:before, body.scheduler .mod_scheduler .location-grid .location-item .btn-holder div[data-s3-module] a.partial_breadcrumb.btn li:before, div[data-s3-module] body.scheduler .mod_scheduler .provider-grid .location-item .btn-holder a.partial_breadcrumb.btn li:before, body.scheduler .mod_scheduler .provider-grid .location-item .btn-holder div[data-s3-module] a.partial_breadcrumb.btn li:before, div[data-s3-module] .partial_notification.hero .btns .partial_breadcrumb.btn li:before, .partial_notification.hero .btns div[data-s3-module] .partial_breadcrumb.btn li:before, div[data-s3-module] .mod_notification_bar.dark a.partial_breadcrumb.btn li:before, .mod_notification_bar.dark div[data-s3-module] a.partial_breadcrumb.btn li:before, div[data-s3-module] header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_notification_bar.partial_socials a.partial_breadcrumb.btn li:before, header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_notification_bar.partial_socials div[data-s3-module] a.partial_breadcrumb.btn li:before, div[data-s3-module] .mod_contact.dark section.info ul.partial_breadcrumb li:before, .mod_contact.dark section.info div[data-s3-module] ul.partial_breadcrumb li:before, div[data-s3-module] header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_contact.partial_socials section.info ul.partial_breadcrumb li:before, header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_contact.partial_socials section.info div[data-s3-module] ul.partial_breadcrumb li:before, div[data-s3-module] .mod_intro.has-bg .row .partial_breadcrumb.btn li:before, .mod_intro.has-bg .row div[data-s3-module] .partial_breadcrumb.btn li:before, div[data-s3-partial] .partial_breadcrumb.white li:before, div[data-s3-partial] body.scheduler .mod_scheduler .location-grid .location-item .btn-holder a.partial_breadcrumb.btn li:before, body.scheduler .mod_scheduler .location-grid .location-item .btn-holder div[data-s3-partial] a.partial_breadcrumb.btn li:before, div[data-s3-partial] body.scheduler .mod_scheduler .provider-grid .location-item .btn-holder a.partial_breadcrumb.btn li:before, body.scheduler .mod_scheduler .provider-grid .location-item .btn-holder div[data-s3-partial] a.partial_breadcrumb.btn li:before, div[data-s3-partial] .partial_notification.hero .btns .partial_breadcrumb.btn li:before, .partial_notification.hero .btns div[data-s3-partial] .partial_breadcrumb.btn li:before, div[data-s3-partial] .mod_notification_bar.dark a.partial_breadcrumb.btn li:before, .mod_notification_bar.dark div[data-s3-partial] a.partial_breadcrumb.btn li:before, div[data-s3-partial] header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_notification_bar.partial_socials a.partial_breadcrumb.btn li:before, header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_notification_bar.partial_socials div[data-s3-partial] a.partial_breadcrumb.btn li:before, div[data-s3-partial] .mod_contact.dark section.info ul.partial_breadcrumb li:before, .mod_contact.dark section.info div[data-s3-partial] ul.partial_breadcrumb li:before, div[data-s3-partial] header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_contact.partial_socials section.info ul.partial_breadcrumb li:before, header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_contact.partial_socials section.info div[data-s3-partial] ul.partial_breadcrumb li:before, div[data-s3-partial] .mod_intro.has-bg .row .partial_breadcrumb.btn li:before, .mod_intro.has-bg .row div[data-s3-partial] .partial_breadcrumb.btn li:before { background: #fff; } div[data-s3-module] .partial_breadcrumb.white li a, div[data-s3-module] body.scheduler .mod_scheduler .location-grid .location-item .btn-holder a.partial_breadcrumb.btn li a, body.scheduler .mod_scheduler .location-grid .location-item .btn-holder div[data-s3-module] a.partial_breadcrumb.btn li a, div[data-s3-module] body.scheduler .mod_scheduler .provider-grid .location-item .btn-holder a.partial_breadcrumb.btn li a, body.scheduler .mod_scheduler .provider-grid .location-item .btn-holder div[data-s3-module] a.partial_breadcrumb.btn li a, div[data-s3-module] .partial_notification.hero .btns .partial_breadcrumb.btn li a, .partial_notification.hero .btns div[data-s3-module] .partial_breadcrumb.btn li a, div[data-s3-module] .mod_notification_bar.dark a.partial_breadcrumb.btn li a, .mod_notification_bar.dark div[data-s3-module] a.partial_breadcrumb.btn li a, div[data-s3-module] header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_notification_bar.partial_socials a.partial_breadcrumb.btn li a, header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_notification_bar.partial_socials div[data-s3-module] a.partial_breadcrumb.btn li a, div[data-s3-module] .mod_contact.dark section.info ul.partial_breadcrumb li a, .mod_contact.dark section.info div[data-s3-module] ul.partial_breadcrumb li a, div[data-s3-module] header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_contact.partial_socials section.info ul.partial_breadcrumb li a, header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_contact.partial_socials section.info div[data-s3-module] ul.partial_breadcrumb li a, div[data-s3-module] .mod_intro.has-bg .row .partial_breadcrumb.btn li a, .mod_intro.has-bg .row div[data-s3-module] .partial_breadcrumb.btn li a, div[data-s3-partial] .partial_breadcrumb.white li a, div[data-s3-partial] body.scheduler .mod_scheduler .location-grid .location-item .btn-holder a.partial_breadcrumb.btn li a, body.scheduler .mod_scheduler .location-grid .location-item .btn-holder div[data-s3-partial] a.partial_breadcrumb.btn li a, div[data-s3-partial] body.scheduler .mod_scheduler .provider-grid .location-item .btn-holder a.partial_breadcrumb.btn li a, body.scheduler .mod_scheduler .provider-grid .location-item .btn-holder div[data-s3-partial] a.partial_breadcrumb.btn li a, div[data-s3-partial] .partial_notification.hero .btns .partial_breadcrumb.btn li a, .partial_notification.hero .btns div[data-s3-partial] .partial_breadcrumb.btn li a, div[data-s3-partial] .mod_notification_bar.dark a.partial_breadcrumb.btn li a, .mod_notification_bar.dark div[data-s3-partial] a.partial_breadcrumb.btn li a, div[data-s3-partial] header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_notification_bar.partial_socials a.partial_breadcrumb.btn li a, header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_notification_bar.partial_socials div[data-s3-partial] a.partial_breadcrumb.btn li a, div[data-s3-partial] .mod_contact.dark section.info ul.partial_breadcrumb li a, .mod_contact.dark section.info div[data-s3-partial] ul.partial_breadcrumb li a, div[data-s3-partial] header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_contact.partial_socials section.info ul.partial_breadcrumb li a, header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.mod_contact.partial_socials section.info div[data-s3-partial] ul.partial_breadcrumb li a, div[data-s3-partial] .mod_intro.has-bg .row .partial_breadcrumb.btn li a, .mod_intro.has-bg .row div[data-s3-partial] .partial_breadcrumb.btn li a { color: #fff; } .partial_breadcrumb + .text { margin-top: 10px; } body.landing-page .partial_breadcrumb { display: none; } .partial_pagination { text-align: center; margin: 50px auto; } .partial_pagination .page-numbers { font-size: 16px; font-weight: 600; font-family: "proxima-nova", sans-serif; padding: 7px 10px 5px; display: inline-block; } .partial_pagination .page-numbers:not(.hide-phone), .partial_pagination .page-numbers.current { background: #64707e; color: #fff; text-transform: uppercase; letter-spacing: .25px; border-radius: 2px; } .partial_pagination .page-numbers.current { background: rgba(20, 20, 20, .4); } .partial_cta_sub { background: #ccc; margin-block: 0 -80px; background-size: cover !important; position: relative; z-index: 1; } @media only screen and (max-width: 1100px) { .partial_cta_sub { margin-bottom: 0; } } @media only screen and (max-width: 800px) { .partial_cta_sub { padding-left: 0; padding-right: 0; } } .partial_cta_sub .row { text-align: center; position: relative; z-index: 2; padding: clamp(3.75rem, 1.9296rem + 7.767vw, 11.25rem) 20px clamp(3.75rem, .716rem + 12.945vw, 16.25rem); } .partial_cta_sub .row .logo img { filter: invert(1); width: auto; height: clamp(3.125rem, 2.8368rem + 1.2298vw, 4.3125rem); } .partial_cta_sub .row h2, .partial_cta_sub .row h3 { font-size: clamp(2.25rem, 1.5825rem + 2.8479vw, 5rem); color: #fff; display: table; margin: 20px auto; } .partial_cta_sub .row p { max-width: 840px !important; margin: 0 auto 20px; } .partial_cta_sub picture.background img { object-position: center top; } .partial_abstract_type_hero { background: #64707e; } .partial_abstract_type_hero:before { display: none; } .partial_abstract_type_hero .row { max-width: 960px; margin: 0 auto; padding: calc(5% + 20px) 20px; } .partial_abstract_type_hero .row .inner { width: 100%; max-width: 100%; padding-right: 0; } .partial_abstract_type_hero h1 { color: #fff; } .partial_abstract_type_hero h1 span.small, .partial_abstract_type_hero h1 span.contact-scroll.fixed { color: #fff; } .partial_abstract_type_hero h2 { font-size: 42px; color: #fff; } .partial_abstract_type_hero ul.partial_breadcrumb { color: #fff; } .partial_abstract_type_hero ul.partial_breadcrumb li:before { background: #fff; } .partial_abstract_type_hero ul.partial_breadcrumb li a { color: #fff; } .partial_abstract_type_hero.bg { background: none; } @media only screen and (max-width: 800px) { .partial_abstract_type_hero.bg { position: relative; } .partial_abstract_type_hero.bg:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; display: block; background: #efefef; opacity: .6; } } .partial_abstract_type_hero.bg .row { position: relative; z-index: 3; } .partial_abstract_type_hero.bg .row h1, .partial_abstract_type_hero.bg .row h2 { color: #333; } .partial_abstract_type_hero.bg .row ul.partial_breadcrumb { color: #333; } .partial_abstract_type_hero.bg .row ul.partial_breadcrumb li:before { background: #333; } .partial_abstract_type_hero.bg .row ul.partial_breadcrumb li a { color: #333; } .partial_abstract_type_hero.bg.dark::after, header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.partial_abstract_type_hero.bg.partial_socials::after { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, .5); } .partial_abstract_type_hero.bg.dark .row h1, header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.partial_abstract_type_hero.bg.partial_socials .row h1, .partial_abstract_type_hero.bg.dark .row h2, header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.partial_abstract_type_hero.bg.partial_socials .row h2, .partial_abstract_type_hero.bg.dark .row h3, header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.partial_abstract_type_hero.bg.partial_socials .row h3, .partial_abstract_type_hero.bg.dark .row h4, header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.partial_abstract_type_hero.bg.partial_socials .row h4, .partial_abstract_type_hero.bg.dark .row h5, header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.partial_abstract_type_hero.bg.partial_socials .row h5, .partial_abstract_type_hero.bg.dark .row h6, header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.partial_abstract_type_hero.bg.partial_socials .row h6, .partial_abstract_type_hero.bg.dark .row p, header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.partial_abstract_type_hero.bg.partial_socials .row p, .partial_abstract_type_hero.bg.dark .row ul li, header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.partial_abstract_type_hero.bg.partial_socials .row ul li, .partial_abstract_type_hero.bg.dark .row a, header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.partial_abstract_type_hero.bg.partial_socials .row a, .partial_abstract_type_hero.bg.dark .row p a { color: #fff; } .partial_abstract_type_hero.bg.dark .row ul.partial_breadcrumb li, header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.partial_abstract_type_hero.bg.partial_socials .row ul.partial_breadcrumb li { color: #fff; } .partial_abstract_type_hero.bg.dark .row ul.partial_breadcrumb li a, header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.partial_abstract_type_hero.bg.partial_socials .row ul.partial_breadcrumb li a { color: #fff; } .partial_abstract_type_hero.bg.dark .row ul.partial_breadcrumb li:before, header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.partial_abstract_type_hero.bg.partial_socials .row ul.partial_breadcrumb li:before { background: #fff !important; } .partial_gallery_hero:before { display: none; } .partial_gallery_hero .row { max-width: 1024px; margin: 0 auto; padding: calc(5% + 20px) 20px; } @media only screen and (max-width: 800px) { .partial_gallery_hero.bg { position: relative; } .partial_gallery_hero.bg:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; display: block; background: #efefef; opacity: .6; } } .partial_gallery_hero.dark:after, header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.partial_gallery_hero.partial_socials:after { background: #444; } .partial_gallery_hero.dark .row h1, header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.partial_gallery_hero.partial_socials .row h1, .partial_gallery_hero.dark .row h2, header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.partial_gallery_hero.partial_socials .row h2, .partial_gallery_hero.dark .row h3, header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.partial_gallery_hero.partial_socials .row h3, .partial_gallery_hero.dark .row h4, header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.partial_gallery_hero.partial_socials .row h4, .partial_gallery_hero.dark .row h5, header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.partial_gallery_hero.partial_socials .row h5, .partial_gallery_hero.dark .row h6, header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.partial_gallery_hero.partial_socials .row h6, .partial_gallery_hero.dark .row p, header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.partial_gallery_hero.partial_socials .row p, .partial_gallery_hero.dark .row ul li, header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.partial_gallery_hero.partial_socials .row ul li, .partial_gallery_hero.dark .row a, header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.partial_gallery_hero.partial_socials .row a, .partial_gallery_hero.dark .row p a { color: #fff; } .partial_gallery_hero.dark .row ul li, header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.partial_gallery_hero.partial_socials .row ul li { color: #fff; } .partial_gallery_hero.dark .row ul li a, header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.partial_gallery_hero.partial_socials .row ul li a { color: #fff; } .partial_gallery_hero.dark .row ul li:before, header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.partial_gallery_hero.partial_socials .row ul li:before { background: #fff !important; } .partial_gallery_hero.dark .row span.small, header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.partial_gallery_hero.partial_socials .row span.small, .partial_gallery_hero.dark .row span.contact-scroll.fixed, header.dark nav.tresio-nav[data-type=hamburger] li.ignore ul.partial_gallery_hero.partial_socials .row span.contact-scroll.fixed { color: inherit; } .partial_gallery_index .row { padding: 60px 20px; } .partial_gallery_index .row .group h2 { text-align: center; font-size: 20px; letter-spacing: normal; margin: 0; display: flex; } .partial_gallery_index .row .group h2 a, .partial_gallery_index .row .group h2 span { background: #f9f9f9; padding: 20px; border-radius: 4px; flex: 1; } .partial_gallery_coming_soon .row { max-width: 720px; text-align: center; } @media only screen and (max-width: 40em) { .partial_gallery_coming_soon .row { text-align: left; } } .partial_sticky_bar { background: #64707e; padding: 10px 10px 14px; text-align: center; width: 100%; position: relative; z-index: 999; display: none; grid-gap: 20px; } @media only screen and (max-width: 40em) { .partial_sticky_bar { padding: 10px 10px 12px; flex-direction: column; grid-gap: 5px; } } .sticky-bar-on .partial_sticky_bar { display: flex; justify-content: center; } .partial_sticky_bar p { color: #fff; margin: 0 !important; display: inline-block; line-height: 1; font-weight: 600; } @media only screen and (max-width: 40em) { .partial_sticky_bar p { display: block; } } .partial_sticky_bar p.copy { font-size: 14px; padding-top: 7px; text-transform: uppercase; } @media only screen and (max-width: 40em) { .partial_sticky_bar p.copy { font-size: 12px; font-weight: normal; } } .partial_sticky_bar .btns { display: flex; grid-gap: 10px; } @media only screen and (max-width: 40em) { .partial_sticky_bar .btns { margin-top: 8px; justify-content: center; } } .partial_sticky_bar .btns .btn { margin-top: 0; padding: 8px 15px 7px; font-size: 13px; font-weight: 600; border-radius: 2px; letter-spacing: .6px; text-transform: uppercase; min-width: auto; } @media only screen and (max-width: 40em) { .partial_sticky_bar .btns .btn { display: inline-block; font-size: 12px; font-weight: normal; margin: 0; padding: 6px 10px; } } .partial_notification { border-radius: 2px 0 0 2px; background: #c8d6df; padding: 20px; display: flex; align-items: center; justify-content: center; grid-gap: 20px; } @media only screen and (max-width: 64em) { .partial_notification { grid-gap: 15px; } } @media only screen and (max-width: 800px) { .partial_notification { flex-wrap: wrap; padding: 10px 20px; justify-content: flex-start; } } .partial_notification p { font-size: 18px; font-weight: 600; margin-bottom: 0; line-height: 1.4; } @media only screen and (max-width: 64em) { .partial_notification p { font-size: 16px; } } @media only screen and (max-width: 800px) { .partial_notification p { font-size: 15px; } } @media only screen and (max-width: 40em) { .partial_notification p { font-size: 14px; } } .partial_notification .btns { display: flex; grid-gap: 8px; } @media only screen and (max-width: 800px) { .partial_notification .btns { flex-wrap: wrap; width: 100%; } } .partial_notification .btns a.btn, .partial_notification .btns button { font-size: 14px; letter-spacing: .8px; padding: 11px 20px; } @media only screen and (max-width: 64em) { .partial_notification .btns a.btn, .partial_notification .btns button { font-size: 13px; } } @media only screen and (max-width: 800px) { .partial_notification .btns a.btn, .partial_notification .btns button { font-size: 12px; } } @media only screen and (max-width: 40em) { .partial_notification .btns a.btn, .partial_notification .btns button { font-size: 11px; } } .partial_notification.hero { background: #64707e; padding: 32px 20px; } @media only screen and (max-width: 64em) { .partial_notification.hero { padding: 24px 20px; } } @media only screen and (max-width: 800px) { .partial_notification.hero { padding: 20px; grid-gap: 10px; } } @media only screen and (max-width: 40em) { .partial_notification.hero { padding: 12px 20px; } } .partial_notification.hero .content * { color: #fff; } .partial_notification.side-drawer, .partial_notification.bottom-drawer { position: fixed; top: 50%; right: 0; transform: translateY(-50%); max-width: 360px; z-index: 99; flex-wrap: wrap; padding: 40px 30px 30px; grid-gap: 20px; box-shadow: 0 0 20px rgba(0, 0, 0, .2); } @media only screen and (max-width: 64em) { .partial_notification.side-drawer, .partial_notification.bottom-drawer { padding: 30px 20px 30px; } } .partial_notification.side-drawer.hide, .partial_notification.side-drawer.scrolled.closed, .partial_notification.bottom-drawer.hide, .partial_notification.bottom-drawer.scrolled.closed { transform: translate(calc(100% + 2px), -50%); } .partial_notification.side-drawer span.close, .partial_notification.bottom-drawer span.close { position: absolute; top: 12px; right: 12px; display: inline-block; background: url("https://static.tresiocms.com/images/close.svg") no-repeat center center; background-size: auto 160%; padding: 8px; } .partial_notification.side-drawer span.close:hover, .partial_notification.bottom-drawer span.close:hover { opacity: .6; cursor: pointer; } .partial_notification.side-drawer .btns, .partial_notification.bottom-drawer .btns { width: 100%; flex-wrap: wrap; flex-direction: row; } .partial_notification.side-drawer .btns .btn, .partial_notification.side-drawer .btns button, .partial_notification.bottom-drawer .btns .btn, .partial_notification.bottom-drawer .btns button { width: 100%; display: inline-flex; align-items: center; justify-content: center; } .partial_notification.side-drawer.scrolled, .partial_notification.bottom-drawer.scrolled { transform: translateY(-50%); } .partial_notification.bottom-drawer { top: auto; bottom: 0; right: auto; left: 50%; width: 100%; max-width: 540px; transform: translateX(-50%); } @media only screen and (max-width: 800px) { .partial_notification.bottom-drawer { max-width: calc(100% - 40px); } } .partial_notification.bottom-drawer .btns { flex-wrap: nowrap; width: 100%; } @media only screen and (max-width: 800px) { .partial_notification.bottom-drawer .btns { flex-wrap: wrap; flex-direction: row; } } .partial_notification.bottom-drawer.hide, .partial_notification.bottom-drawer.scrolled.closed { transform: translate(-50%, calc(100% + 2px)); } .partial_notification.bottom-drawer.scrolled { transform: translateX(-50%); } .notification-toggle { background: #b18b40; border: none; color: #000; z-index: 98; transition: color .3s ease-in-out; } .notification-toggle.side-drawer { position: fixed; top: 50%; right: 0; transform: translateY(-50%) rotate(180deg); writing-mode: vertical-lr; text-align: center; padding: 36px 18px; } .notification-toggle.bottom-drawer { position: fixed; bottom: 0; left: 50%; transform: translateX(-50%); } .notification-toggle:hover { color: #fff; cursor: pointer; background: #b18b40; } .partial_sticky_bar_popup, .partial_notification_popup { position: fixed; top: 0; left: 0; display: flex; flex-direction: column; justify-content: center; z-index: 99999999; width: 100%; height: 100%; background: rgba(0, 0, 0, .5); opacity: 0; visibility: hidden; } @media only screen and (max-width: 64em) { .partial_sticky_bar_popup .content, .partial_notification_popup .content { margin-left: 20px !important; margin-right: 20px !important; padding: 20px !important; } .partial_sticky_bar_popup p, .partial_notification_popup p { font-size: 16px; line-height: 1.4em; } } .partial_sticky_bar_popup.visible, .partial_notification_popup.visible { opacity: 1; visibility: visible; } .partial_sticky_bar_popup .content, .partial_notification_popup .content { position: relative; margin: auto; max-width: 920px; border-radius: 2px; padding: 40px; background: #fff; } .partial_sticky_bar_popup .content .close, .partial_notification_popup .content .close { outline: none; position: absolute; top: -16px; right: -16px; background: #000; z-index: 100; border-radius: 256px; width: 32px; height: 32px; font-size: 13px; text-align: center; padding: 0; margin: 0; line-height: 28px; color: #fff; display: block; justify-content: center; align-items: center; border: 2px solid #fff; } .partial_sticky_bar_popup p:last-child, .partial_notification_popup p:last-child { margin-bottom: 0; } .partial_form_error { border-radius: 2px; margin-bottom: 40px; padding-bottom: 40px; border-bottom: 2px solid #aaa; } .partial_form_error h2 { font-size: 28px; color: #ff6d6d; } .partial_form_error p { margin-bottom: 0; } .partial_form_error strong { font-weight: 500; } .partial_form_sticky, .sticky-form-wrap { padding-bottom: 0; position: fixed; bottom: 10px; right: 10px; z-index: 99999; transition: all 400ms cubic-bezier(.61, .24, .41, .87); } @media only screen and (max-width: 800px) { .partial_form_sticky, .sticky-form-wrap { display: none; } } .partial_form_sticky .sticky-form-header, .sticky-form-wrap .sticky-form-header { display: table; padding: 15px 38px; font-size: 16px; background: #fff; color: #333; font-weight: 500; margin-left: auto; text-transform: uppercase; position: relative; opacity: 1; cursor: pointer; border: 2px solid #000; } .partial_form_sticky .sticky-form-header:hover, .sticky-form-wrap .sticky-form-header:hover { background: #000; color: #fff; border-color: #fff; } .lp .partial_form_sticky .sticky-form-header.contact-scroll, .lp .sticky-form-wrap .sticky-form-header.contact-scroll { margin: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .locations .partial_form_sticky, .locations .sticky-form-wrap { display: none; } .partial_rate_us { position: fixed; top: 50%; left: -140px; transform: translateY(-50%); z-index: 10; transition: left 300ms; } @media only screen and (max-width: 800px) { .partial_rate_us { display: none; } } .partial_rate_us.open { left: 0; } .partial_rate_us .tab { position: absolute; writing-mode: vertical-rl; border-radius: 0 3px 3px 0; top: 50%; right: -36px; transform: translateY(-50%); z-index: 2; background: #64707e !important; min-height: 100px; padding: 6px 10px; box-shadow: 0 0 15px -4px rgba(20, 20, 20, .4); } .partial_rate_us .tab:hover { cursor: pointer; } .partial_rate_us .inner { display: flex; flex-direction: column; align-items: center; max-width: 140px; flex-wrap: wrap; position: relative; background: #eee; padding: 20px; border-left: 0; border-radius: 0 3px 3px 0; z-index: 1; } .partial_rate_us .inner a { display: inline-block; } .partial_rate_us .inner a img { max-height: 32px; } .partial_rate_us .inner a + a { margin-top: 25px; } .partial_cookies_policy { opacity: 0; visibility: hidden; position: fixed; bottom: 0; width: 100%; z-index: 999999; background: #fff; box-shadow: 0 0 30px rgba(0, 0, 0, .2); transform: translateY(100%); } .partial_cookies_policy.active { opacity: 1; visibility: visible; transform: translateY(0); } .partial_cookies_policy .row { padding: 30px 20px; display: flex; flex-direction: row; justify-content: space-between; } @media only screen and (max-width: 800px) { .partial_cookies_policy .row { flex-direction: column; } } .partial_cookies_policy .row p { max-width: 600px; line-height: 1.2; } @media only screen and (max-width: 800px) { .partial_cookies_policy .row p { margin-bottom: 20px; } } .partial_socials.social-v2 { --iconColor: #fff; --backgroundColor: transparent; --iconColorLight: #fff; --backgroundColorLight: transparent; --iconHeight: 15px; --padding: 6px; } @media only screen and (max-width: 40em) { .partial_socials.social-v2 { --iconHeight: 20px; --padding: calc(( 48px - var(--iconHeight) ) / 2); } } .partial_socials.social-v2 { display: flex; flex-wrap: wrap; gap: 10px; max-width: 100%; } .partial_socials.social-v2 li { line-height: 0; } .partial_socials.social-v2 a { display: block; aspect-ratio: 1/1; background: var(--backgroundColor); padding: var(--padding); border-radius: 2px; overflow: clip; } .partial_socials.social-v2 a span { display: block; aspect-ratio: 1/1; height: var(--iconHeight); background: var(--iconColor); } .partial_socials.social-v2 a span.facebook-icon { clip-path: url("#facebookClipPath"); } .partial_socials.social-v2 a span.twitter-icon { clip-path: url("#twitterClipPath"); } .partial_socials.social-v2 a span.google-icon { clip-path: url("#googleClipPath"); } .partial_socials.social-v2 a span.linkedin-icon { clip-path: url("#linkedinClipPath"); } .partial_socials.social-v2 a span.yelp-icon { clip-path: url("#yelpClipPath"); } .partial_socials.social-v2 a span.healthgrades-icon { clip-path: url("#healthgradesClipPath"); } .partial_socials.social-v2 a span.vitals-icon { clip-path: url("#vitalsClipPath"); } .partial_socials.social-v2 a span.realself-icon { clip-path: url("#realselfClipPath"); } .partial_socials.social-v2 a span.instagram-icon { clip-path: url("#instagramClipPath"); } .partial_socials.social-v2 a span.wordpress-icon { clip-path: url("#wordpressClipPath"); } .partial_socials.social-v2 a span.snapchat-icon { clip-path: url("#snapchatClipPath"); } .partial_socials.social-v2 a span.birdeye-icon { clip-path: url("#birdeyeClipPath"); } .partial_socials.social-v2 a span.pinterest-icon { clip-path: url("#pinterestClipPath"); } .partial_socials.social-v2 a span.tiktok-icon { clip-path: url("#tiktokClipPath"); } .partial_socials.social-v2 a span.youtube-icon { clip-path: url("#youtubeClipPath"); transform: scale(1.7); } .partial_socials.social-v2 a:hover { opacity: 1; } .partial_socials.social-v2.light a, header.light nav.tresio-nav[data-type=hamburger] li.ignore ul.partial_socials.social-v2 a, footer.partial_footer ul.partial_socials.social-v2 a, .mod_social .row.light .partial_socials.social-v2 a, .mod_social header.light nav.tresio-nav[data-type=hamburger] li.ignore ul.row.partial_socials .partial_socials.social-v2 a, header.light nav.tresio-nav[data-type=hamburger] li.ignore .mod_social ul.row.partial_socials .partial_socials.social-v2 a, .mod_social footer.partial_footer ul.row.partial_socials .partial_socials.social-v2 a, footer.partial_footer .mod_social ul.row.partial_socials .partial_socials.social-v2 a, .mod_social .row.light header.partial_socials nav.tresio-nav[data-type=hamburger] li.ignore ul.partial_socials.social-v2 a { background: var(--backgroundColorLight); } .partial_socials.social-v2.light a span, header.light nav.tresio-nav[data-type=hamburger] li.ignore ul.partial_socials.social-v2 a span, footer.partial_footer ul.partial_socials.social-v2 a span, .mod_social .row.light .partial_socials.social-v2 a span, .mod_social header.light nav.tresio-nav[data-type=hamburger] li.ignore ul.row.partial_socials .partial_socials.social-v2 a span, header.light nav.tresio-nav[data-type=hamburger] li.ignore .mod_social ul.row.partial_socials .partial_socials.social-v2 a span, .mod_social footer.partial_footer ul.row.partial_socials .partial_socials.social-v2 a span, footer.partial_footer .mod_social ul.row.partial_socials .partial_socials.social-v2 a span, .mod_social .row.light header.partial_socials nav.tresio-nav[data-type=hamburger] li.ignore ul.partial_socials.social-v2 a span { background: var(--iconColorLight); } .partial_socials:not(.social-v2) { margin-left: 0; margin-bottom: 14px; } .partial_socials:not(.social-v2) li, .partial_socials:not(.social-v2) a { display: inline-block; } .partial_socials:not(.social-v2) li { height: 18px; width: 18px; padding: 5.625px; position: relative; vertical-align: top; background: none; box-sizing: content-box; -webkit-transform: scale(.85); -moz-transform: scale(.85); -ms-transform: scale(.85); -o-transform: scale(.85); transform: scale(.85); } @media only screen and (max-width: 40em) { .partial_socials:not(.social-v2) li { height: 18px; width: 18px; } } .partial_socials:not(.social-v2) li:hover { opacity: .4; } .partial_socials:not(.social-v2) li:before { display: none !important; } .partial_socials:not(.social-v2) li a { background: #fff; border-radius: 2px; position: absolute; height: 100%; width: 100%; top: 0; left: 0; } .partial_socials:not(.social-v2) li a span { background: url("https://static.tresiocms.com/images/social-icons2.svg") no-repeat; display: block; height: 18px !important; width: 18px !important; background-size: 416.25px 18px !important; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; } @media only screen and (max-width: 40em) { .partial_socials:not(.social-v2) li a span { height: 18px; width: 18px; background-size: 416.25px 18px; } } .partial_socials:not(.social-v2) li a span:hover { opacity: 1; } .partial_socials:not(.social-v2) li a span.facebook-icon { background-position: 5.0625px 0 !important; } @media only screen and (max-width: 40em) { .partial_socials:not(.social-v2) li a span.facebook-icon { background-position: 5.0625px 0 !important; } } .partial_socials:not(.social-v2) li a span.twitter-icon { background-position: -23.0625px 0 !important; } @media only screen and (max-width: 40em) { .partial_socials:not(.social-v2) li a span.twitter-icon { background-position: -23.0625px 0 !important; } } .partial_socials:not(.social-v2) li a span.google-icon { background-position: -52.875px 0 !important; } @media only screen and (max-width: 40em) { .partial_socials:not(.social-v2) li a span.google-icon { background-position: -52.875px 0 !important; } } .partial_socials:not(.social-v2) li a span.youtube-icon { background-position: -82.125px 0 !important; } @media only screen and (max-width: 40em) { .partial_socials:not(.social-v2) li a span.youtube-icon { background-position: -82.125px 0 !important; } } .partial_socials:not(.social-v2) li a span.linkedin-icon { background-position: -111.375px 0 !important; } @media only screen and (max-width: 40em) { .partial_socials:not(.social-v2) li a span.linkedin-icon { background-position: -111.375px 0 !important; } } .partial_socials:not(.social-v2) li a span.yelp-icon { background-position: -140.625px 0 !important; } @media only screen and (max-width: 40em) { .partial_socials:not(.social-v2) li a span.yelp-icon { background-position: -140.625px 0 !important; } } .partial_socials:not(.social-v2) li a span.instagram-icon { background-position: -255.9375px 0 !important; } @media only screen and (max-width: 40em) { .partial_socials:not(.social-v2) li a span.instagram-icon { background-position: -255.9375px 0 !important; } } .partial_socials:not(.social-v2) li a span.healthgrades-icon { background-position: -169.3125px 0 !important; } @media only screen and (max-width: 40em) { .partial_socials:not(.social-v2) li a span.healthgrades-icon { background-position: -169.3125px 0 !important; } } .partial_socials:not(.social-v2) li a span.vitals-icon { background-position: -198px 0 !important; } @media only screen and (max-width: 40em) { .partial_socials:not(.social-v2) li a span.vitals-icon { background-position: -198px 0 !important; } } .partial_socials:not(.social-v2) li a span.realself-icon { background-position: -225.5625px 0 !important; } @media only screen and (max-width: 40em) { .partial_socials:not(.social-v2) li a span.realself-icon { background-position: -225.5625px 0 !important; } } .partial_socials:not(.social-v2) li a span.wordpress-icon { background-position: -285.75px 0 !important; } @media only screen and (max-width: 40em) { .partial_socials:not(.social-v2) li a span.wordpress-icon { background-position: -285.75px 0 !important; } } .partial_socials:not(.social-v2) li a span.snapchat-icon { background-position: -314.4375px 0 !important; } @media only screen and (max-width: 40em) { .partial_socials:not(.social-v2) li a span.snapchat-icon { background-position: -314.4375px 0 !important; } } .partial_socials:not(.social-v2) li a span.birdeye-icon { background-position: -343.125px 0 !important; } @media only screen and (max-width: 40em) { .partial_socials:not(.social-v2) li a span.birdeye-icon { background-position: -343.125px 0 !important; } } .partial_socials:not(.social-v2) li a span.pinterest-icon { background-position: -371.25px 0 !important; } @media only screen and (max-width: 40em) { .partial_socials:not(.social-v2) li a span.pinterest-icon { background-position: -371.25px 0 !important; } } .partial_socials:not(.social-v2) li a span.tiktok-icon { background-position: -399.375px 0 !important; } @media only screen and (max-width: 40em) { .partial_socials:not(.social-v2) li a span.tiktok-icon { background-position: -399.375px 0 !important; } } .partial_socials:not(.social-v2) li + li { margin-left: 5px; } .partial_socials:not(.social-v2).light li, header.light nav.tresio-nav[data-type=hamburger] li.ignore ul.partial_socials:not(.social-v2) li, footer.partial_footer ul.partial_socials:not(.social-v2) li, .mod_social .row.light .partial_socials:not(.social-v2) li, .mod_social header.light nav.tresio-nav[data-type=hamburger] li.ignore ul.row.partial_socials .partial_socials:not(.social-v2) li, header.light nav.tresio-nav[data-type=hamburger] li.ignore .mod_social ul.row.partial_socials .partial_socials:not(.social-v2) li, .mod_social footer.partial_footer ul.row.partial_socials .partial_socials:not(.social-v2) li, footer.partial_footer .mod_social ul.row.partial_socials .partial_socials:not(.social-v2) li, .mod_social .row.light header.partial_socials nav.tresio-nav[data-type=hamburger] li.ignore ul.partial_socials:not(.social-v2) li { background: #000; } .partial_socials:not(.social-v2).light li a, header.light nav.tresio-nav[data-type=hamburger] li.ignore ul.partial_socials:not(.social-v2) li a, footer.partial_footer ul.partial_socials:not(.social-v2) li a, .mod_social .row.light .partial_socials:not(.social-v2) li a, .mod_social header.light nav.tresio-nav[data-type=hamburger] li.ignore ul.row.partial_socials .partial_socials:not(.social-v2) li a, header.light nav.tresio-nav[data-type=hamburger] li.ignore .mod_social ul.row.partial_socials .partial_socials:not(.social-v2) li a, .mod_social footer.partial_footer ul.row.partial_socials .partial_socials:not(.social-v2) li a, footer.partial_footer .mod_social ul.row.partial_socials .partial_socials:not(.social-v2) li a, .mod_social .row.light header.partial_socials nav.tresio-nav[data-type=hamburger] li.ignore ul.partial_socials:not(.social-v2) li a { background: #000; } .partial_socials:not(.social-v2).light li a span, header.light nav.tresio-nav[data-type=hamburger] li.ignore ul.partial_socials:not(.social-v2) li a span, footer.partial_footer ul.partial_socials:not(.social-v2) li a span, .mod_social .row.light .partial_socials:not(.social-v2) li a span, .mod_social header.light nav.tresio-nav[data-type=hamburger] li.ignore ul.row.partial_socials .partial_socials:not(.social-v2) li a span, header.light nav.tresio-nav[data-type=hamburger] li.ignore .mod_social ul.row.partial_socials .partial_socials:not(.social-v2) li a span, .mod_social footer.partial_footer ul.row.partial_socials .partial_socials:not(.social-v2) li a span, footer.partial_footer .mod_social ul.row.partial_socials .partial_socials:not(.social-v2) li a span, .mod_social .row.light header.partial_socials nav.tresio-nav[data-type=hamburger] li.ignore ul.partial_socials:not(.social-v2) li a span { background: url("https://static.tresiocms.com/images/social-icons2-white.svg") no-repeat; } .partial_contact_bar { position: fixed; bottom: 0; right: 0; width: 200px; height: 200px; z-index: 100000; } .partial_contact_bar.active .bubble-tooltip.active { visibility: hidden; opacity: 0; transform: translateY(10px); } .partial_contact_bar.active .big-bubble { display: flex; } .partial_contact_bar.active .big-bubble .image-wrapper.close { margin-top: 0; transform: scale(1.3); } .partial_contact_bar.active .big-bubble .image-wrapper.main { transform: scale(0); } .partial_contact_bar:hover:not(.active) .bubble-tooltip.active, .partial_contact_bar.hovered .bubble-tooltip.active { visibility: hidden; opacity: 0; transform: translateY(10px); } .partial_contact_bar:hover:not(.active) .backing, .partial_contact_bar.hovered .backing { transform: scale(1); } .partial_contact_bar:hover:not(.active) .big-bubble, .partial_contact_bar.hovered .big-bubble { display: none; } .partial_contact_bar:hover:not(.active) .small-bubble, .partial_contact_bar.hovered .small-bubble { opacity: 1; width: 56px; height: 56px; transform: scale(1); box-shadow: 0 1px 11px -3px rgba(0, 0, 0, .3); } .partial_contact_bar:hover:not(.active) .small-bubble:active, .partial_contact_bar.hovered .small-bubble:active { transform: scale(.95); transition: all .1s; } .partial_contact_bar:hover:not(.active) .small-bubble.a, .partial_contact_bar.hovered .small-bubble.a { bottom: 96px; right: 96px; } .partial_contact_bar:hover:not(.active) .small-bubble.b, .partial_contact_bar.hovered .small-bubble.b { bottom: 96px; right: 24px; } .partial_contact_bar:hover:not(.active) .small-bubble.c, .partial_contact_bar.hovered .small-bubble.c { bottom: 24px; right: 96px; } .partial_contact_bar:hover:not(.active) .small-bubble.d, .partial_contact_bar.hovered .small-bubble.d { bottom: 24px; right: 24px; } .partial_contact_bar .backing { z-index: 1; background: hsla(0, 0%, 100%, 0); width: 224px; transform: scale(0); height: 224px; border-radius: 8px; position: absolute; bottom: -32px; right: -32px; transition: all .2s; transform-origin: bottom right; } .partial_contact_bar .big-bubble, .partial_contact_bar .small-bubble { position: absolute; border-radius: 48px; justify-content: center; align-items: center; display: flex; flex-direction: column; } .partial_contact_bar .big-bubble > a, .partial_contact_bar .small-bubble > a { align-items: center; display: flex; flex-direction: column; } .partial_contact_bar .big-bubble .image-wrapper, .partial_contact_bar .small-bubble .image-wrapper { width: 20px; height: 20px; } .partial_contact_bar .big-bubble .image-wrapper .primary, .partial_contact_bar .small-bubble .image-wrapper .primary { stroke: #fff !important; } .partial_contact_bar .big-bubble .image-wrapper .primary-fill, .partial_contact_bar .small-bubble .image-wrapper .primary-fill { fill: #fff !important; } .partial_contact_bar .big-bubble { width: 56px; height: 56px; box-shadow: 0 1px 11px -3px rgba(0, 0, 0, .3); bottom: 24px; right: 24px; transform: scale(1); transform-origin: center center; cursor: pointer; transition: all .1s, width .1s, height .1s, transform .1s; z-index: 20; background: #4d4d63; } .partial_contact_bar .big-bubble .image-wrapper { position: absolute; left: 0; right: 0; margin: 0 auto; transition: all .1s; } .partial_contact_bar .big-bubble .image-wrapper.main { width: 24px; height: 24px; transform: scale(1); } .partial_contact_bar .big-bubble .image-wrapper.close { margin-top: -10px; transform: scale(0); } .partial_contact_bar .small-bubble { cursor: pointer; width: 56px; height: 56px; opacity: 0; bottom: 24px; right: 24px; z-index: 10; background: #222; transition: all .15s, bottom .12s ease-in .1s, right .12s ease-in .1s, transform .1s, opacity 0s; } .partial_contact_bar .small-bubble:hover { background: #413f60; transform: scale(1.05); } .partial_contact_bar .small-bubble .image-wrapper { width: 16px; height: 16px; margin-top: -2px; } .partial_contact_bar .small-bubble .image-wrapper svg { width: 16px; height: 16px; } .partial_contact_bar .small-bubble .lbl { color: #fff; font-weight: 500; font-size: 8px; text-align: center; letter-spacing: initial; user-select: none; text-transform: uppercase; margin-top: 4px; } .partial_contact_bar .bubble-tooltip { position: fixed; bottom: 100px; right: 24px; background: #fff; border-radius: 6px; box-shadow: 0 1px 3px rgba(0, 0, 0, .3); padding: 12px 16px; letter-spacing: initial; font-size: 14px; font-weight: 500; z-index: 6000000; transition: all .1s; visibility: hidden; opacity: 0; transform: translateY(10px); } .partial_contact_bar .bubble-tooltip.active { visibility: visible; opacity: 1; transform: translateY(0); } .partial_contact_bar .bubble-tooltip .tip { position: absolute; bottom: -4px; right: 22px; background: #fff; border-radius: 2px; box-shadow: 1px 1px 2px rgba(0, 0, 0, .1); width: 12px; height: 12px; z-index: 10; transform: rotate(45deg); } .locations .partial_contact_bar { right: 50px; } @media only screen and (max-width: 40em) { .locations .partial_contact_bar { display: none; } } @media only screen and (max-width: 40em) { .partial_contact_bar { bottom: 0; left: 0; right: 0; width: 100%; height: 64px; } .partial_contact_bar:hover .small-bubble, .partial_contact_bar.active .small-bubble, .partial_contact_bar.hovered .small-bubble { position: relative; bottom: initial !important; right: initial !important; box-shadow: none !important; } .partial_contact_bar .backing { height: 60px; bottom: 0; background: #fff; box-shadow: 0 -1px 3px rgba(0, 0, 0, .3); display: block; border-radius: 0; visibility: visible; opacity: 1; width: 100%; left: 0; right: 0; transform: scale(1); } .partial_contact_bar .small-bubbles { position: absolute; bottom: 0; left: 24px; right: 24px; padding-bottom: 0; display: flex; justify-content: space-between; } .partial_contact_bar .small-bubbles .small-bubble { position: relative; bottom: initial; right: initial; border-radius: 0; background: none; height: 60px; padding: 0 24px; padding-top: 4px; width: fit-content; } .lp .partial_contact_bar .small-bubbles .small-bubble .contact-scroll { padding: unset; font-size: unset; font-family: unset; background: unset; color: unset; font-weight: unset; border-radius: unset; opacity: unset; margin: unset; cursor: unset; z-index: unset; } .partial_contact_bar .small-bubbles .small-bubble.active { bottom: 0; left: 24px; right: 24px; padding-bottom: 0; } .partial_contact_bar .small-bubbles .small-bubble:focus, .partial_contact_bar .small-bubbles .small-bubble:active { transform: none; } .partial_contact_bar .small-bubbles .small-bubble .lbl { color: #000; } .partial_contact_bar .big-bubble { display: none !important; } .partial_contact_bar .big-bubble .image-wrapper, .partial_contact_bar .small-bubble .image-wrapper { width: 20px; height: 20px; } .partial_contact_bar .big-bubble .image-wrapper .primary, .partial_contact_bar .small-bubble .image-wrapper .primary { stroke: #222 !important; } .partial_contact_bar .big-bubble .image-wrapper .primary-fill, .partial_contact_bar .small-bubble .image-wrapper .primary-fill { fill: #222 !important; } .partial_contact_bar .bubble-tooltip { bottom: 76px; right: 32px; } } .fixed-cta { display: none; } .lp .fixed-cta .contact-scroll { margin-bottom: 0; } #tresio-widget-container { bottom: 80px !important; left: 16px !important; top: initial !important; } @media only screen and (max-width: 800px) { #tresio-widget-container { margin: 0 auto !important; bottom: 102px !important; } } @font-face { font-family: "swiper-icons"; src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA"); font-weight: 400; font-style: normal; } @keyframes swiper-preloader-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } * { --swiper-navigation-size: 44px; } .swiper { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1; } .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader { animation: swiper-preloader-spin 1s infinite linear; } .swiper .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000; } .swiper-vertical > .swiper-wrapper { flex-direction: column; } .swiper-vertical > .swiper-pagination-bullets { right: 10px; top: 50%; transform: translate3d(0px, -50%, 0); } .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet { margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0; display: block; } .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; transform: translateY(-50%); width: 8px; } .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; transition: 200ms transform, 200ms top; } .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 100%; height: 4px; left: 0; top: 0; } .swiper-vertical > .swiper-pagination-progressbar { width: 4px; height: 100%; left: 0; top: 0; } .swiper-vertical > .swiper-scrollbar { position: absolute; right: 3px; top: 1%; z-index: 50; width: 5px; height: 98%; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box; transform: translate3d(0px, 0, 0); } .swiper-android .swiper-slide { transform: translate3d(0px, 0, 0); } .swiper-pointer-events { touch-action: pan-y; } .swiper-pointer-events.swiper-vertical { touch-action: pan-x; } .swiper-slide { flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform; } .swiper-slide-invisible-blank { visibility: hidden; } .swiper-autoheight { height: auto; } .swiper-autoheight .swiper-slide { height: auto; } .swiper-autoheight .swiper-wrapper { align-items: flex-start; transition-property: transform, height; } .swiper-backface-hidden .swiper-slide { transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; } .swiper-3d { perspective: 1200px; } .swiper-3d .swiper-wrapper { transform-style: preserve-3d; } .swiper-3d .swiper-slide { transform-style: preserve-3d; } .swiper-3d .swiper-slide-shadow { transform-style: preserve-3d; position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; background: rgba(0, 0, 0, .15); } .swiper-3d .swiper-slide-shadow-left { transform-style: preserve-3d; position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-right { transform-style: preserve-3d; position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-top { transform-style: preserve-3d; position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-bottom { transform-style: preserve-3d; position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-cube-shadow { transform-style: preserve-3d; } .swiper-3d.swiper-css-mode .swiper-wrapper { perspective: 1200px; } .swiper-css-mode > .swiper-wrapper { overflow: auto; scrollbar-width: none; -ms-overflow-style: none; } .swiper-css-mode > .swiper-wrapper::-webkit-scrollbar { display: none; } .swiper-css-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: start start; } .swiper-horizontal.swiper-css-mode > .swiper-wrapper { scroll-snap-type: x mandatory; } .swiper-vertical.swiper-css-mode > .swiper-wrapper { scroll-snap-type: y mandatory; } .swiper-centered > .swiper-wrapper::before { content: ""; flex-shrink: 0; order: 9999; } .swiper-centered > .swiper-wrapper > .swiper-slide { scroll-snap-align: center center; } .swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child { margin-inline-start: var(--swiper-centered-offset-before); } .swiper-centered.swiper-horizontal > .swiper-wrapper::before { height: 100%; min-height: 1px; width: var(--swiper-centered-offset-after); } .swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child { margin-block-start: var(--swiper-centered-offset-before); } .swiper-centered.swiper-vertical > .swiper-wrapper::before { width: 100%; min-width: 1px; height: var(--swiper-centered-offset-after); } .swiper-virtual .swiper-slide { -webkit-backface-visibility: hidden; transform: translateZ(0); } .swiper-virtual.swiper-css-mode .swiper-wrapper::after { content: ""; position: absolute; left: 0; top: 0; pointer-events: none; } .swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after { height: 1px; width: var(--swiper-virtual-size); } .swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after { width: 1px; height: var(--swiper-virtual-size); } .swiper-button-prev { position: absolute; top: 50%; width: calc(var(--swiper-navigation-size) / 44 * 27); height: var(--swiper-navigation-size); margin-top: calc(0px - var(--swiper-navigation-size) / 2); z-index: 10; cursor: pointer; display: flex; align-items: center; justify-content: center; color: #64707e; left: 10px; right: auto; } .swiper-button-prev:after { font-family: swiper-icons; font-size: var(--swiper-navigation-size); text-transform: none !important; letter-spacing: 0; text-transform: none; font-variant: initial; line-height: 1; content: "prev"; } .swiper-button-next { position: absolute; top: 50%; width: calc(var(--swiper-navigation-size) / 44 * 27); height: var(--swiper-navigation-size); margin-top: calc(0px - var(--swiper-navigation-size) / 2); z-index: 10; cursor: pointer; display: flex; align-items: center; justify-content: center; color: #64707e; right: 10px; left: auto; } .swiper-button-next:after { font-family: swiper-icons; font-size: var(--swiper-navigation-size); text-transform: none !important; letter-spacing: 0; text-transform: none; font-variant: initial; line-height: 1; content: "next"; } .swiper-button-prev.swiper-button-disabled { opacity: .35; cursor: auto; pointer-events: none; } .swiper-button-next.swiper-button-disabled { opacity: .35; cursor: auto; pointer-events: none; } .swiper-rtl .swiper-button-next { left: 10px; right: auto; } .swiper-rtl .swiper-button-next:after { content: "prev"; } .swiper-rtl .swiper-button-prev { right: 10px; left: auto; } .swiper-rtl .swiper-button-prev:after { content: "next"; } .swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { transform-origin: right top; } .swiper-button-lock { display: none; } .swiper-pagination { position: absolute; text-align: center; transition: 300ms opacity; transform: translate3d(0, 0, 0); z-index: 10; } .swiper-pagination.swiper-pagination-hidden { opacity: 0; } .swiper-pagination-fraction { bottom: 10px; left: 0; width: 100%; } .swiper-pagination-custom { bottom: 10px; left: 0; width: 100%; } .swiper-horizontal > .swiper-pagination-bullets { bottom: 10px; left: 0; width: 100%; } .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px); } .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; transform: translateX(-50%); white-space: nowrap; } .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: 200ms transform, 200ms left; } .swiper-horizontal > .swiper-pagination-progressbar { width: 100%; height: 4px; left: 0; top: 0; } .swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 4px; height: 100%; left: 0; top: 0; } .swiper-horizontal > .swiper-scrollbar { position: absolute; left: 1%; bottom: 3px; z-index: 50; height: 5px; width: 98%; } .swiper-pagination-bullets.swiper-pagination-horizontal { bottom: 10px; left: 0; width: 100%; } .swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transform: scale(.33); position: relative; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { transform: scale(.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { transform: scale(.33); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { transform: scale(.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { transform: scale(.33); } .swiper-pagination-bullet { width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px)); height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px)); display: inline-block; border-radius: 50%; background: var(--swiper-pagination-bullet-inactive-color, #000); opacity: var(--swiper-pagination-bullet-inactive-opacity, .2); } .swiper-pagination-bullet:only-child { display: none !important; } button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; box-shadow: none; -webkit-appearance: none; appearance: none; } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; } .swiper-pagination-bullet-active { opacity: 1; background: #64707e; } .swiper-pagination-vertical.swiper-pagination-bullets { right: 10px; top: 50%; transform: translate3d(0px, -50%, 0); } .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet { margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0; display: block; } .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; transform: translateY(-50%); width: 8px; } .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; transition: 200ms transform, 200ms top; } .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px); } .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; transform: translateX(-50%); white-space: nowrap; } .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: 200ms transform, 200ms left; } .swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: 200ms transform, 200ms right; } .swiper-pagination-progressbar { background: rgba(0, 0, 0, .25); position: absolute; } .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: #64707e; position: absolute; left: 0; top: 0; width: 100%; height: 100%; transform: scale(0); transform-origin: left top; } .swiper-pagination-progressbar.swiper-pagination-horizontal { width: 100%; height: 4px; left: 0; top: 0; } .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite { width: 100%; height: 4px; left: 0; top: 0; } .swiper-pagination-progressbar.swiper-pagination-vertical { width: 4px; height: 100%; left: 0; top: 0; } .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite { width: 4px; height: 100%; left: 0; top: 0; } .swiper-pagination-lock { display: none; } .swiper-scrollbar { border-radius: 10px; position: relative; -ms-touch-action: none; background: rgba(0, 0, 0, .1); } .swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: rgba(0, 0, 0, .5); border-radius: 10px; left: 0; top: 0; } .swiper-scrollbar-cursor-drag { cursor: move; } .swiper-scrollbar-lock { display: none; } .swiper-zoom-container { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; text-align: center; } .swiper-zoom-container > img { max-width: 100%; max-height: 100%; object-fit: contain; } .swiper-zoom-container > svg { max-width: 100%; max-height: 100%; object-fit: contain; } .swiper-zoom-container > canvas { max-width: 100%; max-height: 100%; object-fit: contain; } .swiper-slide-zoomed { cursor: move; } .swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; transform-origin: 50%; box-sizing: border-box; border: 4px solid #64707e; border-radius: 50%; border-top-color: rgba(0, 0, 0, 0); } .swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader { animation: swiper-preloader-spin 1s infinite linear; } .swiper-lazy-preloader-white { --swiper-preloader-color: #fff; } .swiper-lazy-preloader-black { --swiper-preloader-color: #000; } .swiper-free-mode > .swiper-wrapper { transition-timing-function: ease-out; margin: 0 auto; } .swiper-grid > .swiper-wrapper { flex-wrap: wrap; } .swiper-grid-column > .swiper-wrapper { flex-wrap: wrap; flex-direction: column; } .swiper-fade.swiper-free-mode .swiper-slide { transition-timing-function: ease-out; } .swiper-fade .swiper-slide { pointer-events: none; transition-property: opacity; } .swiper-fade .swiper-slide .swiper-slide { pointer-events: none; } .swiper-fade .swiper-slide-active { pointer-events: auto; } .swiper-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-cube { overflow: visible; } .swiper-cube .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; visibility: hidden; transform-origin: 0 0; width: 100%; height: 100%; } .swiper-cube .swiper-slide .swiper-slide { pointer-events: none; } .swiper-cube .swiper-slide-active { pointer-events: auto; pointer-events: auto; visibility: visible; } .swiper-cube .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-cube .swiper-slide-next { pointer-events: auto; visibility: visible; } .swiper-cube .swiper-slide-next + .swiper-slide { pointer-events: auto; visibility: visible; } .swiper-cube .swiper-slide-prev { pointer-events: auto; visibility: visible; } .swiper-cube .swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .swiper-cube .swiper-slide-shadow-bottom { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .swiper-cube .swiper-slide-shadow-left { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .swiper-cube .swiper-slide-shadow-right { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .swiper-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0px; width: 100%; height: 100%; opacity: .6; z-index: 0; } .swiper-cube .swiper-cube-shadow:before { content: ""; background: #000; position: absolute; left: 0; top: 0; bottom: 0; right: 0; filter: blur(50px); } .swiper-cube.swiper-rtl .swiper-slide { transform-origin: 100% 0; } .swiper-flip { overflow: visible; } .swiper-flip .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; } .swiper-flip .swiper-slide .swiper-slide { pointer-events: none; } .swiper-flip .swiper-slide-active { pointer-events: auto; } .swiper-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto; } .swiper-flip .swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .swiper-flip .swiper-slide-shadow-bottom { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .swiper-flip .swiper-slide-shadow-left { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .swiper-flip .swiper-slide-shadow-right { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .swiper-creative .swiper-slide { -webkit-backface-visibility: hidden; backface-visibility: hidden; overflow: hidden; transition-property: transform, opacity, height; } .swiper-cards { overflow: visible; } .swiper-cards .swiper-slide { transform-origin: center bottom; -webkit-backface-visibility: hidden; backface-visibility: hidden; overflow: hidden; } @keyframes typingBounce { 0% { background: #aaa; } 50% { background: #ccc; } 100% { background: #aaa; } } @keyframes visibleOutboundMessage { 0% { transform: translateY(16px) translateX(-25%); } 30% { transform: translateY(8px) translateX(0); } 100% { transform: translateY(0) translateX(0); } } @keyframes visibleInboundMessage { 0% { transform: translateY(-2px) translateX(0); } 30% { transform: translateY(-2px) translateX(0); } 100% { transform: translateY(0) translateX(0); } } .leadloop-chat-widget { font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Ubuntu, sans-serif; font-weight: 400; letter-spacing: normal; font-size: 12px; position: fixed; overflow: hidden; bottom: 64px; right: 440px; height: 600px; width: 380px; background: #fff; z-index: 100000; border-radius: 6px 6px 16px 16px; box-shadow: 0 0 24px 2px rgba(0, 0, 0, .2); display: flex; flex-direction: column; opacity: 0; transform: translateY(20px) scale(.8); transition: all .2s; } .leadloop-chat-widget.active { opacity: 1; transform: translateY(0px) scale(1); } .leadloop-chat-widget .buffer { opacity: 0; position: absolute; left: -20000px; width: 100%; height: 100px; } .leadloop-chat-widget .header { height: 80px; background: #4d7fff; color: #fff; display: flex; justify-content: space-between; } .leadloop-chat-widget .header .heading { margin-left: 16px; font-size: 16px; line-height: 64px; user-select: none; font-weight: 600; } .leadloop-chat-widget .header .close-button { position: relative; float: right; width: 24px; height: 24px; cursor: pointer; margin-top: 20px; margin-right: 16px; user-select: none; } .leadloop-chat-widget .header .close-button:before { content: " "; position: absolute; margin: auto; width: 24px; height: 24px; border-radius: 64px; background: hsla(0, 0%, 100%, .1); transition: all .2s; transform-origin: center center; z-index: 5; } .leadloop-chat-widget .header .close-button:hover:before { transform: scale(1.2); } .leadloop-chat-widget .header .close-button:hover div { color: #fff; } .leadloop-chat-widget .header .close-button div { color: hsla(0, 0%, 100%, .8); position: absolute; width: 24px; line-height: 23px; font-weight: 300; font-size: 14px; text-align: center; z-index: 10; transition: all .2s; } .leadloop-chat-widget .content-filler { flex: 1; } .leadloop-chat-widget .content-wrapper { position: absolute; top: 64px; bottom: 64px; left: 0; right: 0; background: #fff; overflow: hidden; border-radius: 3px 3px 0 0; box-shadow: 0px -2px 2px rgba(0, 0, 0, .1); } .leadloop-chat-widget .content { height: 100%; display: flex; flex-direction: column; width: 100%; overflow-y: scroll; padding-top: 16px; padding-bottom: 16px; } .leadloop-chat-widget .message { padding-top: 2px; width: 100%; display: flex; opacity: 0; transition: opacity .1s, transform .2s; } .leadloop-chat-widget .message.visible { animation-duration: .5s; animation-name: visibleOutboundMessage; transform: translateY(0) translateX(0); opacity: 1; } .leadloop-chat-widget .message .message-bubble { border-radius: 16px; width: fit-content; max-width: 70%; transition: height .1s, width .1s; } .leadloop-chat-widget .message .message-bubble .message-text { line-height: 1.2em; color: #fff; font-size: 12px; padding: 8px 12px; min-height: 30px; text-overflow: ellipsis; overflow: hidden; } .leadloop-chat-widget .message .message-bubble .message-text strong { color: #336bff; font-weight: 600; } .leadloop-chat-widget .message .message-bubble .message-text .typing { display: flex; padding-top: 5px; } .leadloop-chat-widget .message .message-bubble .message-text .typing div { width: 6px; height: 6px; border-radius: 6px; background: #aaa; margin-right: 3px; animation-duration: 1s; animation-name: typingBounce; animation-iteration-count: infinite; } .leadloop-chat-widget .message .message-bubble .message-text .typing div:last-child { margin-right: 0; } .leadloop-chat-widget .message .message-bubble .message-text .typing div:nth-child(0) { animation-delay: 0s; } .leadloop-chat-widget .message .message-bubble .message-text .typing div:nth-child(1) { animation-delay: .33s; } .leadloop-chat-widget .message .message-bubble .message-text .typing div:nth-child(2) { animation-delay: .66s; } .leadloop-chat-widget .message.outbound { justify-content: flex-end; } .leadloop-chat-widget .message.outbound + .inbound { margin-top: 16px; } .leadloop-chat-widget .message.outbound .message-bubble { background: #4d7fff; margin-right: 16px; } .leadloop-chat-widget .message.inbound + .outbound { margin-top: 16px; } .leadloop-chat-widget .message.inbound.visible { animation-duration: .2s; animation-name: visibleInboundMessage; } .leadloop-chat-widget .message.inbound .message-bubble { margin-left: 16px; background: #eee; } .leadloop-chat-widget .message.inbound .message-bubble .message-text { color: #444; cursor: default; } .leadloop-chat-widget .message-options { margin-top: 6px; padding-left: 16px; display: flex; flex-direction: column; } .leadloop-chat-widget .message-options.hidden { display: none; } .leadloop-chat-widget .message-options .message-option { height: 30px; line-height: 28px; cursor: pointer; text-align: center; border: 1px solid #4d7fff; border-radius: 16px; color: #4d7fff; width: fit-content; font-weight: 400; padding: 0 12px; margin-bottom: 2px; user-select: none; transition: all .2s; background: #fff; } .leadloop-chat-widget .message-options .message-option.active { background: #4d7fff; color: #fff; } .leadloop-chat-widget .message-options .message-option.active:hover { background: #4d7fff; color: #fff; } .leadloop-chat-widget .message-options .message-option:hover { background: rgba(50, 107, 255, .05); } .leadloop-chat-widget .message-options .message-option:last-child { margin-bottom: 0; } .leadloop-chat-widget .footer { height: 64px; border-top: 1px solid rgba(0, 0, 0, .05); } .leadloop-chat-widget .footer input { height: 100%; width: 100%; outline: none; border: none; font-size: 13px; padding-left: 16px; } .leadloop-chat-widget .footer input::placeholder { user-select: none; } .leadloop-chat-widget-mobile-footer { display: none; font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Ubuntu, sans-serif; letter-spacing: normal; position: fixed; bottom: 0; left: 0; right: 0; background: #222; height: 90px; z-index: 100000000; justify-content: space-between; overflow: hidden; border-top: 2px solid hsla(0, 0%, 100%, .2); transform: translateY(100%); transition: none; user-select: none; } .leadloop-chat-widget-mobile-footer.active { transition: all .2s; transform: translateY(0); } .leadloop-chat-widget-mobile-footer.options .options-wrapper { transform: translateY(0); opacity: 1; } .leadloop-chat-widget-mobile-footer.input { transform: translateY(0); background: rgba(0, 0, 0, .8); backdrop-filter: blur(2px); } .leadloop-chat-widget-mobile-footer.input .input-wrapper { transform: translateY(0); opacity: 1; } .leadloop-chat-widget-mobile-footer .options-wrapper { width: 100%; display: flex; transform: translateY(90px); transition: all .2s; opacity: 0; } .leadloop-chat-widget-mobile-footer .options-wrapper .option { text-align: center; margin: 0 auto; width: 72px; padding-top: 12px; } .leadloop-chat-widget-mobile-footer .options-wrapper .option .icon svg { width: 22px; fill: #fff; } .leadloop-chat-widget-mobile-footer .options-wrapper .option .label { margin-top: 4px; font-size: 10px; color: #ccc; font-weight: 500; } .leadloop-chat-widget-mobile-footer .input-wrapper { position: absolute; top: 1px; left: 0; right: 0; height: 60px; transition: all .2s; transform: translateY(-90px); opacity: 0; } .leadloop-chat-widget-mobile-footer .input-wrapper input { background: none; color: #fff; width: 100%; height: 60px; border: none; padding: 0 16px; font-size: 16px; } .leadloop-chat-widget-mobile-footer .input-wrapper input::placeholder { color: #ccc; } .leadloop-chat-widget-mobile-footer .input-wrapper input:focus { outline: none; } @media only screen and (max-width: 40em) { .leadloop-chat-widget { left: 0; right: 0; bottom: 90px; top: 0; width: auto; height: auto; box-shadow: none; background: rgba(0, 0, 0, .7); border-radius: 0; transform: scale(1); backdrop-filter: blur(2px); } .leadloop-chat-widget .header { background: none; display: none; } .leadloop-chat-widget .content-wrapper { background: none; bottom: 0; top: 0; box-shadow: none; } .leadloop-chat-widget .content-wrapper .content { justify-content: end; } .leadloop-chat-widget .footer { display: none; } .leadloop-chat-widget .footer-input { display: none; } .leadloop-chat-widget .message .message-option { color: #4d7fff; border: 2px solid #9cb8ff; height: 34px; line-height: 30px; margin-bottom: 4px; } .leadloop-chat-widget .message-option, .leadloop-chat-widget .message, .leadloop-chat-widget .message-bubble .message-text { font-size: 14px !important; } .leadloop-chat-widget .message.inbound .message-bubble { background: #fff; } } @media only screen and (max-width: 40em) { .leadloop-chat-widget-mobile-footer { display: flex; } } body.locations-root { background: #c9c9c9; } @media only screen and (max-width: 40em) { body.locations-root #tresio-widget-button { right: 8px !important; bottom: 16px !important; left: auto !important; } } body.locations-root .row.disclaimer { display: none; } body.locations-root .partial_form_sticky { display: none; } body.locations-root img { outline: none; user-select: none; } body.locations-root footer { display: none; } body.locations-root section.map-section div[style*=background-image] { background-size: cover; } body.locations-root .pac-container { margin-top: 0 !important; z-index: 99999; border-radius: 6px; border: none; box-shadow: 0 1px 2px rgba(0, 0, 0, .3); padding-bottom: 12px; } @media only screen and (max-width: 64em) { body.locations-root .pac-container { margin-top: 0 !important; } } body.locations-root .pac-container:after { margin-top: 12px; margin-right: 12px; } body.locations-root .pac-container .pac-item { border-bottom: 1px solid #eaeaea; border-top: none; height: 48px; line-height: 48px; padding: 0; } body.locations-root .pac-container .pac-item .pac-icon { margin-top: 14px; margin-left: 12px; margin-right: 12px; } body.locations-root.sticky-bar-on .pac-container { margin-top: 0 !important; } @media only screen and (max-width: 64em) { body.locations-root.sticky-bar-on .pac-container { margin-top: 0 !important; } } .mod_locator { position: fixed; top: var(--headerHeight); bottom: 0; left: 0; right: 0; z-index: 100; } @media only screen and (max-width: 64em) { .mod_locator { top: 60px; } } .sticky-bar-on .mod_locator { top: 138px; } @media only screen and (max-width: 64em) { .sticky-bar-on .mod_locator { top: 110px; } } .mod_locator #services_filter, .mod_locator #provider_type_filter, .mod_locator .filter-pill { height: 36px; margin-top: 20px; border-radius: 4px; } .mod_locator .provider-search-input::placeholder { color: #fff !important; } .mod_locator .filter-wrapper { display: flex; grid-gap: 20px; align-items: center; justify-content: space-between; margin-bottom: 14px; min-height: 36px; } @media only screen and (max-width: 40em) { .mod_locator .filter-wrapper { margin-bottom: 10px; flex-wrap: wrap; min-height: 82px; grid-gap: 10px; } } .mod_locator .details-mode-wrapper { display: flex; align-items: center; justify-content: space-between; grid-gap: 20px; margin-top: 15px; } .mod_locator .details-mode-wrapper .views-wrapper { display: flex; } .mod_locator .details-mode-wrapper .views-wrapper .view { display: flex; align-items: center; justify-content: center; color: #fff; grid-gap: 5px; font-size: 14px; text-transform: uppercase; line-height: .7; cursor: pointer; padding: 4px 10px; opacity: .4; } @media only screen and (max-width: 40em) { .mod_locator .details-mode-wrapper .views-wrapper .view { display: none; } } .mod_locator .details-mode-wrapper .views-wrapper .view svg { max-width: 15px; max-height: 15px; } .mod_locator .details-mode-wrapper .views-wrapper .view.active { opacity: 1; } .mod_locator .details-mode-wrapper .views-wrapper .view.active:first-child { border-right: 1px solid #fff; } .mod_locator .details-mode-wrapper .views-wrapper .view.active:last-child { border-left: 1px solid #fff; } .mod_locator .details-mode-wrapper .views-wrapper .view.active img { filter: invert(1); } .mod_locator .services-filter { position: relative; width: 50%; } @media only screen and (max-width: 40em) { .mod_locator .services-filter { width: calc(100% + 8px); left: 38px; } } .mod_locator .services-filter:after { content: ""; position: absolute; top: 50%; right: 18px; transform: translateY(-50%); border-left: 5px solid rgba(0, 0, 0, 0); border-right: 5px solid rgba(0, 0, 0, 0); border-top: 5px solid #fff; } .mod_locator .services-filter #services_filter { border: 1px solid #fff; background: none; color: #fff; margin-top: 0; margin-bottom: 0; padding: 8px 18px; } .mod_locator .provider-type-filter { position: relative; width: 50%; } @media only screen and (max-width: 40em) { .mod_locator .provider-type-filter { width: calc(100% + 8px); left: 38px; } } .mod_locator .provider-type-filter:after { content: ""; position: absolute; top: 50%; right: 18px; transform: translateY(-50%); border-left: 5px solid rgba(0, 0, 0, 0); border-right: 5px solid rgba(0, 0, 0, 0); border-top: 5px solid #fff; } .mod_locator .provider-type-filter #provider_type_filter { border: 1px solid #fff; background: none; color: #fff; margin-top: 0; margin-bottom: 0; padding: 8px 18px; } .mod_locator .services-filter #services_filter, .mod_locator .services-filter #provider_type_filter, .mod_locator .provider-type-filter #services_filter, .mod_locator .provider-type-filter #provider_type_filter { background: #64707e; } .mod_locator .filter-pill { margin-top: 0px; margin-bottom: 0px; padding: 5px 12px; } @media only screen and (max-width: 40em) { .mod_locator .filter-pill { margin-left: 38px; min-height: 36px; padding: 4px 12px; } } .mod_locator .locator { position: relative; width: 100%; height: 100%; display: flex; } .mod_locator .locator.hide-details .content-section { display: none; } .mod_locator .content-section { position: absolute; top: 0; bottom: 0; left: 0; width: 678px; background: rgba(51, 51, 51, .9); z-index: 50; display: flex; flex-direction: column; overflow: hidden; } .mod_locator .content-section.grid { width: 100%; } .mod_locator .content-section.grid .search-wrapper { max-width: 534px; } @media only screen and (max-width: 800px) { .mod_locator .content-section.grid .search-wrapper { max-width: 100%; } } .mod_locator .content-section.grid .results { padding-right: 20px; } .mod_locator .content-section.grid .results .results-container.active { grid-template-columns: 1fr 1fr 1fr 1fr 1fr; padding-right: 24px; } @media only screen and (max-width: 1400px) { .mod_locator .content-section.grid .results .results-container.active { grid-template-columns: 1fr 1fr 1fr 1fr; } } @media only screen and (max-width: 1200px) { .mod_locator .content-section.grid .results .results-container.active { grid-template-columns: 1fr 1fr 1fr; } } @media only screen and (max-width: 800px) { .mod_locator .content-section.grid .results .results-container.active { grid-template-columns: 1fr 1fr; } } @media only screen and (max-width: 40em) { .mod_locator .content-section.grid .results .results-container.active { grid-template-columns: 1fr; padding-right: 0; } } .mod_locator .content-section.grid .results .results-container.active .result.active .result-content { width: 100%; height: auto; aspect-ratio: 1/1; } @media only screen and (max-width: 40em) { .mod_locator .content-section.grid .results .results-container.active .result.active .result-content { aspect-ratio: 2/1; } } .mod_locator .content-section.grid .results .results-container { justify-content: center; flex-wrap: wrap; width: 100%; } @media only screen and (max-width: 40em) { .mod_locator .content-section.grid .results { padding-right: unset; } } .mod_locator .content-section .content-header { overflow: hidden; z-index: 10; background: rgba(0, 0, 0, .1); border-bottom: 1px solid hsla(0, 0%, 100%, 0); box-shadow: 0 1px 3px rgba(20, 20, 20, .35); transition: all .2s; } .mod_locator .content-section .content-body { position: relative; flex: 1; flex-direction: column; overflow-y: auto; width: calc(100% + 24px); padding-bottom: 32px; } .mod_locator .content-section .content-body .content-body-scrollbar { position: fixed; left: 38px; top: calc(50% + 160px); transform: translateY(-50%); height: 320px; z-index: 300; display: none; } .mod_locator .content-section .content-body .content-body-scrollbar:hover .content-body-scrollbar-handle { width: 6px; } @media only screen and (max-height: 900px) { .mod_locator .content-section .content-body .content-body-scrollbar { top: calc(50% + 175px); height: 260px; } } @media only screen and (max-height: 780px) { .mod_locator .content-section .content-body .content-body-scrollbar { top: calc(50% + 195px); height: 200px; } } @media only screen and (max-height: 600px) { .mod_locator .content-section .content-body .content-body-scrollbar { display: none !important; } } .mod_locator .content-section .content-body .content-body-scrollbar.active { display: block; } .mod_locator .content-section .content-body .content-body-scrollbar .content-body-scrollbar-line { width: 2px; background: hsla(0, 0%, 100%, .3); height: 100%; } .mod_locator .content-section .content-body .content-body-scrollbar .content-body-scrollbar-handle { top: 0; position: absolute; width: 2px; background: #fff; height: 0; left: 50%; transition: all .2s; transform: translateX(-50%); cursor: pointer; } .mod_locator .content-section .menu { margin-left: 80px; padding-top: 20px; display: flex; } @media only screen and (max-width: 40em) { .mod_locator .content-section .menu { margin-left: 20px; } } .mod_locator .content-section .menu .menu-icon img { width: 13px; margin-top: 4px; } .mod_locator .content-section .menu .menu-item, .mod_locator .content-section .menu .menu-item h1, .mod_locator .content-section .menu .menu-item h2 { border-right: 1px solid #fff; height: 24px; line-height: 23px; font-size: 16px; font-weight: 700; text-transform: none; margin-bottom: 0; padding: 0 12px; color: hsla(0, 0%, 100%, .6); cursor: pointer; transition: all .2s; user-select: none; } .mod_locator .content-section .menu .menu-item.active, .mod_locator .content-section .menu .menu-item.active h1, .mod_locator .content-section .menu .menu-item.active h2, .mod_locator .content-section .menu .menu-item h1.active, .mod_locator .content-section .menu .menu-item h1.active h1, .mod_locator .content-section .menu .menu-item h1.active h2, .mod_locator .content-section .menu .menu-item h2.active, .mod_locator .content-section .menu .menu-item h2.active h1, .mod_locator .content-section .menu .menu-item h2.active h2 { color: #fff !important; } .mod_locator .content-section .menu .menu-item:hover, .mod_locator .content-section .menu .menu-item h1:hover, .mod_locator .content-section .menu .menu-item h2:hover { color: #eee; } .mod_locator .content-section .menu .menu-item:last-child, .mod_locator .content-section .menu .menu-item h1:last-child, .mod_locator .content-section .menu .menu-item h2:last-child { border-right: none; } .mod_locator .content-section .menu .menu-item.tab-item h2 { color: hsla(0, 0%, 100%, .6) !important; } .mod_locator .content-section .breadcrumb { margin-left: 80px; } .mod_locator .content-section .use-my-location { margin-top: 20px; display: flex; cursor: pointer; } .mod_locator .content-section .use-my-location:hover .use-my-location-label { color: #fff; } .mod_locator .content-section .use-my-location:hover .use-my-location-icon { opacity: 1; } .mod_locator .content-section .use-my-location.loading .use-my-location-icon img { display: none; } .mod_locator .content-section .use-my-location.loading .use-my-location-icon .use-my-location-icon-loader { display: block; } .mod_locator .content-section .use-my-location .use-my-location-label { color: #eee; transition: all .2s; font-size: 14px; margin-top: 4px; cursor: pointer; } .mod_locator .content-section .use-my-location .use-my-location-label.geo { font-weight: 600; margin-left: 20px; } .mod_locator .content-section .use-my-location-icon { cursor: pointer; margin-left: 80px; margin-right: 6px; opacity: .9; transition: all .2s; } .mod_locator .content-section .use-my-location-icon img { width: 20px; } .mod_locator .content-section .use-my-location-icon-loader, .mod_locator .content-section .use-my-location-icon-loader:after { border-radius: 50%; width: 19px; height: 19px; } .mod_locator .content-section .use-my-location-icon-loader { display: none; margin: 0; font-size: 10px; position: relative; text-indent: -9999em; border-top: 4px solid hsla(0, 0%, 100%, .2); border-right: 4px solid hsla(0, 0%, 100%, .2); border-bottom: 4px solid hsla(0, 0%, 100%, .2); border-left: 4px solid #fff; transform: translateZ(0); animation: searchIconLoaderAnimation 1.1s infinite linear; } .mod_locator .content-section .search { display: flex; padding-bottom: 20px; border-bottom: 0 solid hsla(0, 0%, 100%, .05); padding-left: 80px; margin-right: 64px; } @media only screen and (max-height: 900px) { .mod_locator .content-section .search { padding-bottom: 16px; } } .mod_locator .content-section .search .search-wrapper { margin-top: 16px; width: 100%; } .mod_locator .content-section .search .search-wrapper input { height: 44px; line-height: 44px; border-radius: 6px; border: 1px solid #fff; background: none; color: #fff; width: 100%; outline: none; text-indent: 16px; font-size: 14px; transition: all .2s; margin-bottom: 14px; display: none; } @media only screen and (max-width: 40em) { .mod_locator .content-section .search .search-wrapper input { margin-bottom: 10px; } } .mod_locator .content-section .search .search-wrapper input.active { display: block; } .mod_locator .content-section .search .search-wrapper input:focus { background: hsla(0, 0%, 100%, .03); } .mod_locator .content-section .search .search-wrapper input::placeholder { color: #fff; } .mod_locator .content-section .search .search-wrapper .filter-pill { background: #fff; box-shadow: 0 1px 1px rgba(0, 0, 0, .1); border-radius: 2px; height: 28px; line-height: 27px; font-size: 12px; font-weight: 700; padding: 0 12px; color: #64707e; width: fit-content; justify-content: space-between; display: none; } .mod_locator .content-section .search .search-wrapper .filter-pill.active { display: flex; width: 50%; } @media only screen and (max-width: 40em) { .mod_locator .content-section .search .search-wrapper .filter-pill.active { width: 100%; } } .mod_locator .content-section .search .search-wrapper .filter-pill > div:last-child { cursor: pointer; width: 16px; height: 16px; font-size: 10px; line-height: 16px; text-align: center; font-weight: 400; color: #64707e; margin-left: 8px; margin-top: 6px; transition: all .2s; user-select: none; } .mod_locator .content-section .search .search-wrapper .filter-pill > div:last-child:before { border-radius: 16px; content: " "; width: 16px; height: 16px; margin-left: -4px; position: absolute; background: rgba(0, 0, 0, .05); } .mod_locator .content-section .search .search-wrapper .filter-pill > div:last-child:hover:before { transform: scale(1.2); transition: all .2s; background: rgba(0, 0, 0, .1); } @media only screen and (max-width: 40em) { .mod_locator .content-section .search .search-wrapper .filter-pill { padding: 4px 12px; } } .mod_locator .content-section .search .search-results-snippet { font-size: 14px; color: #fff; font-weight: 400; margin-left: 16px; display: none; margin-right: 32px; } .mod_locator .content-section .search .search-results-snippet.active { display: block; } .mod_locator .content-section .search .search-results-snippet.back { cursor: pointer; user-select: none; display: inline-block; margin-top: 0; border-radius: 40px; font-weight: 600; font-size: 14px; letter-spacing: .8px; padding: 11px 20px; background: #fff; color: #64707e !important; width: fit-content !important; transition: all .2s; } @media only screen and (max-width: 40em) { .mod_locator .content-section .search .search-results-snippet.back { font-size: 13px !important; } } .mod_locator .content-section .search .search-results-snippet.back:hover { color: #fff; } .mod_locator .content-section .search .search-results-snippet .location-link { color: #eee; cursor: pointer; transition: all .2s; } .mod_locator .content-section .search .search-results-snippet .location-link:hover { color: #fff; } .mod_locator .content-section .result-detail { margin-left: 80px; margin-right: 88px; margin-top: 12px; overflow: hidden; display: none; } .mod_locator .content-section .result-detail.locations .detail-background { display: none; } .mod_locator .content-section .result-detail.locations .bottom-right { display: none !important; } .mod_locator .content-section .result-detail.providers .background .detail-background { position: absolute; top: 0; left: 0; right: 0; z-index: 10; } .mod_locator .content-section .result-detail.providers .background .detail-picture { position: absolute; top: 0; left: 0; right: 0; z-index: 20; object-fit: contain; transform: scale(.9); transform-origin: bottom center; } .mod_locator .content-section .result-detail.providers .result-content .foreground .bottom-right { display: flex; flex-direction: column; max-width: 40%; bottom: 24px; right: 24px; text-align: right; } .mod_locator .content-section .result-detail.providers .result-content .foreground .bottom-right .location-name { white-space: pre-wrap; font-size: 17px; margin-bottom: 10px; line-height: 1.1em; } .mod_locator .content-section .result-detail.providers .result-content .foreground .bottom-right .location-distance { font-weight: 700; font-size: 12px; } .mod_locator .content-section .result-detail.providers .result-content .foreground .bottom-left .subheading-row > div:first-child { display: none; } .mod_locator .content-section .result-detail.active { display: block; } .mod_locator .content-section .result-detail .result { width: 100%; } .mod_locator .content-section .result-detail .result .result-content { width: 100%; height: 288px; } @media only screen and (max-height: 900px) { .mod_locator .content-section .result-detail .result .result-content { height: 258px; } } .mod_locator .content-section .result-detail .result .result-content:hover .background:before { backdrop-filter: blur(0px) !important; } .mod_locator .content-section .result-detail .result .result-content .background:before { background: rgba(0, 0, 0, .1); } .mod_locator .content-section .result-detail .result .result-content .background:after { background: linear-gradient(0deg, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, 0) 60%); } .mod_locator .content-section .result-detail .result .result-content .foreground { cursor: default; } .mod_locator .content-section .result-detail .result .result-content .foreground.has-logo img.logo-media { position: absolute; z-index: 4; top: 12px; left: 12px; max-width: calc(100% - 110px); max-height: 34px; opacity: .5; } .mod_locator .content-section .result-detail .result .result-content .foreground.has-logo:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; display: block; background: #222; opacity: 1; background: linear-gradient(180deg, rgba(0, 0, 0, .7) 0%, rgba(0, 0, 0, 0) 40%); pointer-events: none; } .mod_locator .content-section .result-detail .result .result-content .foreground .quick-view-button { cursor: pointer; } .mod_locator .content-section .result-detail .result .result-content .foreground .top-right { position: absolute; top: 24px; right: 24px; color: #fff; font-size: 12px; text-align: right; display: none; } .mod_locator .content-section .result-detail .result .result-content .foreground .top-right.active { display: block; } .mod_locator .content-section .result-detail .result .result-content .foreground .top-right .reviews-text { margin-top: 4px; } .mod_locator .content-section .result-detail .result .result-content .foreground .top-right .reviews-stars { display: inline-block; position: relative; top: -1px; margin-right: -2px; } .mod_locator .content-section .result-detail .result .result-content .foreground .top-right .reviews-stars i { font-size: 12px; color: #fff; margin-left: -5px; } .mod_locator .content-section .result-detail .result .result-content .foreground .top-right .reviews-stars i.active { color: #ffd903 !important; } .mod_locator .content-section .result-detail .result .result-content .foreground .bottom-left { left: 4px; bottom: 22px; } .mod_locator .content-section .result-detail .result .result-content .foreground .bottom-left .heading { font-size: 22px; margin-bottom: 12px; padding-right: 120px; } @media only screen and (max-width: 800px) { .mod_locator .content-section .result-detail .result .result-content .foreground .bottom-left .heading { font-size: 18px; } } .mod_locator .content-section .result-detail .result .result-content .foreground .bottom-left .subheading-row { display: flex; font-size: 12px; font-weight: 700; } .mod_locator .content-section .result-detail .result .result-content .foreground .bottom-left .subheading-row > div { display: flex; margin-right: 24px; } .mod_locator .content-section .result-detail .result .result-content .foreground .bottom-left .subheading-row img { margin-top: -2px; } .mod_locator .content-section .result-detail .result .result-content .foreground .bottom-left .subheading-row .view-relations { cursor: pointer; } .mod_locator .content-section .result-detail .result .result-content .foreground .bottom-left .subheading-row .view-relations:hover .relations-text { color: #fff; } .mod_locator .content-section .result-detail .result .result-content .foreground .bottom-left .subheading-row .view-relations .relations-amount { margin-top: -1px; margin-right: 6px; background: rgba(51, 51, 51, .9); width: 14px; height: 14px; line-height: 13px; border-radius: 24px; font-size: 10px; text-align: center; } .mod_locator .content-section .result-detail .result .result-content .foreground .bottom-left .subheading-row .view-relations .relations-text { color: #eee; transition: all .2s; } .mod_locator .content-section .result-detail .result .result-footer { margin-bottom: 10px; overflow: hidden; display: flex; justify-content: space-between; } .mod_locator .content-section .result-detail .result .result-footer .left { margin-top: 24px; display: flex; flex-direction: column; } @media only screen and (max-height: 900px) { .mod_locator .content-section .result-detail .result .result-footer .left { margin-top: 12px; } } .mod_locator .content-section .result-detail .result .result-footer .left .detail-phone-number { margin-bottom: 6px; } .mod_locator .content-section .result-detail .result .result-footer .left .address, .mod_locator .content-section .result-detail .result .result-footer .left .address p { color: #fff; font-weight: 400; line-height: 1.4em; padding: 0; margin: 0; font-size: 14px; } .mod_locator .content-section .result-detail .result .result-footer .left .address + div { margin-top: 6px; } .mod_locator .content-section .result-detail .result .result-footer .left .get-directions { font-size: 14px; font-weight: 700; } @media only screen and (max-width: 40em) { .mod_locator .content-section .result-detail .result .result-footer .left .get-directions { font-size: 12px; } } .mod_locator .content-section .result-detail .result .result-footer .right { margin-top: 24px; } @media only screen and (max-height: 900px) { .mod_locator .content-section .result-detail .result .result-footer .right { margin-top: 12px; } } .mod_locator .content-section .result-detail .result .result-footer .right .cta-button { height: 36px; line-height: 36px; font-size: 13px; margin-bottom: 16px; } .mod_locator .content-section .result-detail .result .result-footer .right .schedule-time, .mod_locator .content-section .result-detail .result .result-footer .right .schedule-time p { text-align: center; width: 100%; font-size: 14px; line-height: 1.4em; color: #fff; margin: 0; padding: 0; } .mod_locator .content-section .result-detail.virtual-location .result-footer .left .get-directions, .mod_locator .content-section .result-detail.virtual-location .result-footer .left .hours { display: none; } .mod_locator .content-section .result-detail.disabled .result-footer .right .cta-button, .mod_locator .content-section body.scheduler .mod_scheduler .main .steps .step .inner-step.provider .date-time.done .time-slots a.result-detail .result-footer .right .cta-button, body.scheduler .mod_scheduler .main .steps .step .inner-step.provider .date-time.done .time-slots .mod_locator .content-section a.result-detail .result-footer .right .cta-button { opacity: .6; cursor: default; pointer-events: none; } .mod_locator .content-section .result-detail.disabled .result-footer .right a.tel, .mod_locator .content-section body.scheduler .mod_scheduler .main .steps .step .inner-step.provider .date-time.done .time-slots a.result-detail .result-footer .right a.tel, body.scheduler .mod_scheduler .main .steps .step .inner-step.provider .date-time.done .time-slots .mod_locator .content-section a.result-detail .result-footer .right a.tel { display: none !important; } .mod_locator .content-section .results { margin-left: 80px; } .mod_locator .content-section .results .results-container { margin-top: 16px; width: 528px; grid-gap: 24px; grid-row-gap: 24px; grid-template-columns: 1fr 1fr; display: none; padding-bottom: 32px; } .mod_locator .content-section .results .results-container.active { display: grid; } .mod_locator .content-section .results .results-container.single-layout { grid-template-columns: 1fr; } .mod_locator .content-section .results .results-container.single-layout .result-content { width: 100%; } .mod_locator .content-section .results .results-container.single-layout .result-footer .left { display: flex; align-items: center; gap: 20px; } @media only screen and (max-width: 40em) { .mod_locator .content-section .results .results-container.single-layout .result-footer .left { gap: 12px; } } .mod_locator .content-section .results .results-container.single-layout .result-footer .left div.cta-link { display: inline-block; position: relative; top: 1px; font-size: 12px; } .mod_locator .content-section .results-container .result { display: none; } .mod_locator .content-section .result.active { display: block; } .mod_locator .content-section .result.closest .distance-icon img { display: inline-block !important; } .mod_locator .content-section .result .result-content { position: relative; width: 256px; height: 228px; background: #fff; border-radius: 6px; overflow: hidden; } .mod_locator .content-section .result .result-content:hover .background:before { transition: all .2s; background: rgba(0, 0, 0, .2); backdrop-filter: blur(2px); } .mod_locator .content-section .result .result-content .background { position: relative; width: 100%; height: 100%; overflow: hidden; transition: all .2s; } .mod_locator .content-section .result .result-content .background img { width: 100%; height: 100%; object-fit: cover; } .mod_locator .content-section .result .result-content .background img.provider-background { position: absolute; top: 0; left: 0; right: 0; z-index: 10; display: none; } .mod_locator .content-section .result .result-content .background img.provider-picture { position: absolute; bottom: 0; left: 0; z-index: 20; object-fit: cover; object-position: center top; transform-origin: bottom right; } .mod_locator .content-section .result .result-content .background:before { content: " "; position: absolute; top: 0; bottom: 0; left: 0; right: 0; transition: all .2s; background: rgba(0, 0, 0, 0); backdrop-filter: blur(0px); z-index: 30; } .mod_locator .content-section .result .result-content .background:after { content: " "; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: linear-gradient(0deg, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, 0) 40%); z-index: 40; } .mod_locator .content-section .result .result-content .foreground { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 50; cursor: pointer; } .mod_locator .content-section .result .result-content .foreground img.logo-media { display: none; visibility: hidden; pointer-events: none; opacity: 0; } .mod_locator .content-section .result .result-content .foreground.has-logo img.logo-media { position: absolute; visibility: visible; display: inline-block; z-index: 4; top: 12px; left: 12px; max-width: calc(100% - 110px); max-height: 34px; opacity: .5; } .mod_locator .content-section .result .result-content .foreground.has-logo:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; display: block; background: #222; opacity: 1; background: linear-gradient(180deg, rgba(0, 0, 0, .7) 0%, rgba(0, 0, 0, 0) 40%); pointer-events: none; } .mod_locator .content-section .result .result-content .foreground:hover .quick-view-button { opacity: 1; transform: translateY(0); user-select: none; } .mod_locator .content-section .result .result-content .foreground .quick-view-button { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; height: 44px; line-height: 42px; padding: 0 44px; background: #fff; color: rgba(51, 51, 51, .9); width: fit-content; font-size: 14px; font-weight: 700; border-radius: 32px; opacity: 0; transform: translateY(3px); transition: all .2s; } .mod_locator .content-section .result .result-content .foreground .bottom-left { position: absolute; left: 0; bottom: 12px; font-size: 15px; line-height: 1.3; font-weight: 700; color: #fff; padding: 0 80px 0 15px; width: 100%; } .mod_locator .content-section .result .result-content .foreground .bottom-left span.small, .mod_locator .content-section .result .result-content .foreground .bottom-left span.contact-scroll.fixed { display: block; font-weight: 700; font-size: 12px; } .mod_locator .content-section .result .result-content .foreground .bottom-left .address { padding-right: 70px; } .mod_locator .content-section .result .result-content .foreground .bottom-left .distance-wrap { position: absolute; bottom: 0; right: 15px; display: flex; vertical-align: center; } .mod_locator .content-section .result .result-content .foreground .bottom-left .distance-wrap .distance-icon { width: 10px; margin-right: 8px; } .mod_locator .content-section .result .result-content .foreground .bottom-left .distance-wrap .distance { position: relative; top: 3px; font-size: 12px; } .mod_locator .content-section .result .result-content .foreground .bottom-right { position: absolute; right: 16px; bottom: 13px; color: #fff; font-size: 14px; font-weight: 700; display: flex; } .mod_locator .content-section .result .result-content .foreground .bottom-right .distance-icon { display: none; } .mod_locator .content-section .result .result-content .foreground .bottom-right .distance-icon img { height: 12px; margin-right: 6px; margin-top: -3px; } .mod_locator .content-section .result .result-content .foreground .bottom-right .distance { font-size: 12px; } .mod_locator .content-section .result .result-content .foreground .location-icon { display: none; } .mod_locator .content-section .result .result-content .foreground .location-icon.active { display: block; } .mod_locator .content-section .result .result-content .foreground .location-icon img { margin-right: 6px; height: 14px; object-fit: cover; } .mod_locator .content-section .result .result-footer { margin-top: 2px; } .mod_locator .content-section .result .result-footer .left { color: #fff; font-size: 14px; font-weight: 700; margin-top: 8px; cursor: pointer; } @media only screen and (max-width: 40em) { .mod_locator .content-section .result .result-footer .left { font-size: 12px; } } .mod_locator .content-section .result .result-footer .left .hours { margin-top: 10px; } .mod_locator .content-section .result .result-footer .left .hours p, .mod_locator .content-section .result .result-footer .left .hours span { margin: 0; color: #fff; font-size: 14px; font-weight: 700; } @media only screen and (max-width: 40em) { .mod_locator .content-section .result .result-footer .left .hours p, .mod_locator .content-section .result .result-footer .left .hours span { font-size: 12px; } } .mod_locator .content-section .result .result-footer .left .hours span.show-hours { cursor: pointer; } .mod_locator .content-section .result .result-footer .left .hours span.show-hours + .location-hours { display: none; margin-top: 10px; } .mod_locator .content-section .result .result-footer .left .hours span.show-hours.active + .location-hours { display: block; } .mod_locator .content-section .result .result-footer .right { text-align: right; margin-top: 14px; } @media only screen and (max-width: 40em) { .mod_locator .content-section .result .result-footer .right { margin-top: 15px; } } .mod_locator .content-section .result .result-footer .right .detail-phone-number { display: none; } .mod_locator .content-section .result .result-footer .right.has-number.show-number .icon-text { display: none; } .mod_locator .content-section .result .result-footer .right.has-number.show-number .detail-phone-number { display: block; } .mod_locator .content-section .result .result-footer .icon-text { display: flex; margin-top: 2px; } .mod_locator .content-section .result .result-footer .icon-text * { color: #fff; font-size: 14px; font-weight: 700; cursor: pointer; } .mod_locator .content-section .result .result-footer .icon-text .result-footer-icon { user-select: none; } .mod_locator .content-section .result .result-footer .icon-text .result-footer-icon img { margin-top: -2px; width: 14px; margin-right: 6px; } .mod_locator .content-section .result .result-footer .detail-phone-number { margin-top: 1px; } .mod_locator .content-section .result .result-footer .detail-phone-number a.tel { font-size: 13px; } .mod_locator .content-section .result .result-footer .cta-link { display: none; } .mod_locator .content-section .result .result-footer .cta-button { border-radius: 24px; height: 30px; line-height: 30px; background: #fff; padding: 1px 17px; font-size: 12px; text-align: center; color: rgba(51, 51, 51, .9); font-weight: 700; transition: all .2s; box-shadow: 0 0 0 0 hsla(0, 0%, 100%, .2); cursor: pointer; user-select: none; } .mod_locator .content-section .result .result-footer .cta-button:hover { box-shadow: 0 0 0 2px hsla(0, 0%, 100%, .2); } .mod_locator .content-section .result .result-footer .cta-button.disabled, .mod_locator .content-section .result .result-footer body.scheduler .mod_scheduler .main .steps .step .inner-step.provider .date-time.done .time-slots a.cta-button, body.scheduler .mod_scheduler .main .steps .step .inner-step.provider .date-time.done .time-slots .mod_locator .content-section .result .result-footer a.cta-button { pointer-events: none; cursor: default; opacity: .4; } .mod_locator .content-section .result .result-footer a.tel { color: #fff; font-size: 14px; font-weight: 700; position: relative; } .mod_locator .content-section .result.provider .result-footer .right { display: none; } .mod_locator .map-section { height: 100%; background: #c9c9c9; position: absolute; top: 0; bottom: 0; left: 0; right: 0; } .mod_locator .map-section .map-marker-count-bubble { position: absolute; border-radius: 32px; width: 18px; height: 18px; font-size: 11px; font-weight: 700; line-height: 17px; border: 1px solid #fff; background: #64707e; color: #fff; z-index: 200; text-align: center; box-shadow: 0 1px 2px rgba(0, 0, 0, .3); display: none; } .mod_locator .map-section > div { background: #c9c9c9 !important; } .mod_locator .tns-slider { grid-gap: 0 !important; } .mod_locator .carousel { position: relative; height: 226px; z-index: 60; padding-top: 16px; display: none; align-items: flex-end; } .mod_locator .carousel.active { display: block; } .mod_locator .carousel .left-arrow, .mod_locator .carousel .right-arrow { font-size: 32px; font-weight: 700; cursor: pointer; color: #eee; position: absolute; user-select: none; } @media only screen and (max-width: 800px) { .mod_locator .carousel .left-arrow[aria-controls^=swiper], .mod_locator .carousel .right-arrow[aria-controls^=swiper] { display: none; } } .mod_locator .carousel .left-arrow:hover, .mod_locator .carousel .right-arrow:hover { color: #fff; } .mod_locator .carousel .left-arrow { left: 54px; top: 118px; transform: rotate(180deg); } .mod_locator .carousel .right-arrow { right: 50px; top: 122px; } .mod_locator .carousel p.carousel-heading { width: 544px; color: #fff; font-weight: 700; font-size: 14px; letter-spacing: .4px; margin: 0 auto 10px; } @media only screen and (max-width: 40em) { .mod_locator .carousel p.carousel-heading { width: 100%; padding: 0 16px; } } .mod_locator .carousel .carousel-content { margin-left: 80px; overflow: hidden; width: 548px; padding-bottom: 20px; } @media only screen and (max-width: 800px) { .mod_locator .carousel .carousel-content.swiper { overflow: visible; } .mod_locator .carousel .carousel-content.swiper .carousel-item .carousel-item-image-wrapper { width: 100%; } } .mod_locator .carousel .carousel-content .carousel-content-inner { padding-top: 2px; width: 100%; flex-wrap: nowrap; } .mod_locator .carousel .carousel-content .carousel-item { position: relative; width: 168px; color: #fff; font-size: 12px; cursor: pointer; overflow: visible; } .mod_locator .carousel .carousel-content .carousel-item .cta-button.schedule { text-align: center; border-radius: 36px; width: fit-content; margin-top: 12px; margin-bottom: 10px; height: 28px; line-height: 28px; background: #fff; padding: 0 16px; font-size: 12px; white-space: nowrap; color: #64707e; font-weight: 700; transition: all .2s; box-shadow: 0 0 0 0 hsla(0, 0%, 100%, .2); cursor: pointer; user-select: none; } .mod_locator .carousel .carousel-content .carousel-item .cta-button.schedule:hover { box-shadow: 0 0 0 2px hsla(0, 0%, 100%, .2); } .mod_locator .carousel .carousel-content .carousel-item .cta-button.schedule.disabled, .mod_locator .carousel .carousel-content .carousel-item body.scheduler .mod_scheduler .main .steps .step .inner-step.provider .date-time.done .time-slots a.cta-button.schedule, body.scheduler .mod_scheduler .main .steps .step .inner-step.provider .date-time.done .time-slots .mod_locator .carousel .carousel-content .carousel-item a.cta-button.schedule { pointer-events: none; opacity: .4; } .mod_locator .carousel .carousel-content .carousel-item:hover .carousel-item-image-wrapper:after { background: rgba(0, 0, 0, .2); display: block; } .mod_locator .carousel .carousel-content .carousel-item.active .carousel-item-image-wrapper { box-shadow: 0 0 0 2px hsla(0, 0%, 100%, .2); } .mod_locator .carousel .carousel-content .carousel-item.active .carousel-item-image-wrapper:after { display: block; } .mod_locator .carousel .carousel-content .carousel-item .carousel-item-image-wrapper { position: relative; width: 168px; height: 168px; border-radius: 6px; overflow: hidden; transition: all .2s; box-shadow: 0 0 0 0 hsla(0, 0%, 100%, .2); } @media only screen and (max-height: 900px) { .mod_locator .carousel .carousel-content .carousel-item .carousel-item-image-wrapper { height: 130px; } } @media only screen and (max-width: 800px) { .mod_locator .carousel .carousel-content .carousel-item .carousel-item-image-wrapper { width: calc(100% - 16px); height: 140px; } .mod_locator .carousel .carousel-content .carousel-item .carousel-item-image-wrapper img.carousel-item-image { width: 100%; height: 100%; } } .mod_locator .carousel .carousel-content .carousel-item .carousel-item-image-wrapper:after { content: " "; display: none; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, .2); z-index: 10; transition: all .2s; } .mod_locator .carousel .carousel-content .carousel-item .carousel-item-image { width: 168px; height: 168px; object-fit: cover; border-radius: 6px; } @media only screen and (max-height: 900px) { .mod_locator .carousel .carousel-content .carousel-item .carousel-item-image { height: 130px; } } .mod_locator .carousel .carousel-content .carousel-item .carousel-item-name { margin-top: 8px; font-weight: 700; padding-right: 8px; } @media only screen and (max-width: 40em) { .mod_locator .carousel .carousel-content .carousel-item .carousel-item-name { font-size: 11px; } } .mod_locator .carousel .carousel-content .carousel-item .carousel-item-distance { margin-top: 4px; font-weight: 700; } .mod_locator .carousel .carousel-content .carousel-item.has-logo .carousel-item-image-wrapper { position: relative; } .mod_locator .carousel .carousel-content .carousel-item.has-logo .carousel-item-image-wrapper img.logo-media { position: absolute; z-index: 4; top: 12px; left: 12px; max-width: calc(100% - 110px); max-height: 34px; opacity: .5; } .mod_locator .carousel .carousel-content .carousel-item.has-logo .carousel-item-image-wrapper:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; display: block; background: #222; opacity: 1; background: linear-gradient(180deg, rgba(0, 0, 0, .7) 0%, rgba(0, 0, 0, 0) 40%); } .mod_locator .mobile-footer-tabs { position: fixed; bottom: 0; left: 0; right: 0; height: 48px; background: #64707e; border-top: 1px solid hsla(0, 0%, 100%, .3); box-shadow: 0 -1px 4px rgba(0, 0, 0, .1); z-index: 300; display: none; } @media only screen and (max-width: 40em) { .mod_locator .mobile-footer-tabs { display: flex; } } .mod_locator .mobile-footer-tabs .mobile-footer-tab { flex: 1; line-height: 46px; height: 48px; color: #fff; font-weight: 700; font-size: 13px; text-align: center; border-right: 1px solid hsla(0, 0%, 100%, .3); } .mod_locator .mobile-footer-tabs .mobile-footer-tab:last-child { border-right: none; } .mod_locator .mobile-footer-tabs .mobile-footer-tab:active, .mod_locator .mobile-footer-tabs .mobile-footer-tab.active { background: rgba(100, 112, 126, .55); } .mod_locator .content-body .result-detail.coming-soon .background { position: relative; } .mod_locator .content-body .result-detail.coming-soon .background:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; display: block; background: #000; opacity: 1; content: "Coming Soon"; background: rgba(20, 20, 20, .6); z-index: 31; color: #fff; display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 22px; } .mod_locator .content-body .result-detail.coming-soon .foreground .quick-view-button { display: none; } .mod_locator .content-body .result-detail.coming-soon .result-footer { display: none; } .mod_locator .content-body .results .result.location.coming-soon .background { position: relative; } .mod_locator .content-body .results .result.location.coming-soon .background:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; display: block; background: #000; opacity: 1; content: "Coming Soon"; background: rgba(20, 20, 20, .6); z-index: 9; color: #fff; display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 22px; } .mod_locator .content-body .results .result.location.coming-soon .result-footer { display: none; } .mod_locator .content-body .carousel-content .carousel-item.coming-soon .carousel-item-image-wrapper { position: relative; } .mod_locator .content-body .carousel-content .carousel-item.coming-soon .carousel-item-image-wrapper:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; display: block; background: #000; opacity: 1; content: "Coming Soon"; background: rgba(20, 20, 20, .6); z-index: 31; color: #fff; display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 15px; } .mod_locator .content-body .carousel-content .carousel-item.coming-soon .cta-button.schedule { opacity: .5; pointer-events: none; } @media only screen and (max-width: 64em) { body.locations-root div.pac-container { margin-top: 0; } } @media only screen and (max-width: 40em) { div.mod_locator .content-section { max-width: 100%; min-width: 100%; } div.mod_locator .content-section .menu .menu-item { height: 28px; line-height: 20px; font-size: 13px; } div.mod_locator .content-section .menu.has-tabs .menu-item { padding: 0 5px; } div.mod_locator .content-section .menu.has-tabs .menu-item h1, div.mod_locator .content-section .menu.has-tabs .menu-item h2 { font-size: 14px; } div.mod_locator .content-section .use-my-location { margin-top: 24px; } div.mod_locator .content-section .use-my-location .use-my-location-label { color: #fff; font-size: 12px; } div.mod_locator .content-section .use-my-location-icon { margin-top: 0; margin-left: 13px; } div.mod_locator .content-section .search { padding-left: 14px; margin-right: 8px; padding-bottom: 10px; } div.mod_locator .content-section .search .search-wrapper { margin-left: -38px; margin-top: 12px; width: calc(100% - 58px); margin-right: 16px; } } @media only screen and (max-width: 40em)and (max-width: 40em) { div.mod_locator .content-section .search .search-wrapper { width: calc(100% - 22px); } } @media only screen and (max-width: 40em) { div.mod_locator .content-section .search .search-wrapper input { margin-left: 38px; width: calc(100% + 8px); font-size: 13px; margin-bottom: 16px; text-indent: 8px; } } @media only screen and (max-width: 40em)and (max-width: 40em) { div.mod_locator .content-section .search .search-wrapper input { margin-bottom: 10px; } } @media only screen and (max-width: 40em) { div.mod_locator .content-section .search .search-wrapper .search-results-snippet { font-size: 10px; margin-left: 40px; width: 100%; } div.mod_locator .content-section .search .search-wrapper .search-results-snippet.back { height: 28px; line-height: 26px; font-size: 12px !important; padding: 0 16px; width: fit-content; min-width: fit-content; } div.mod_locator .content-section .content-body { position: relative; overflow-x: hidden; } div.mod_locator .content-section .content-body .content-body-scrollbar.active { display: none !important; } div.mod_locator .content-section .content-body .results { margin-left: 16px; margin-right: 42px; } div.mod_locator .content-section .content-body .results .results-container { grid-template-columns: 1fr; width: 100%; grid-gap: 20px; } div.mod_locator .content-section .content-body .results .results-container .result-content { width: 100%; height: 171px; } div.mod_locator .content-section .content-body .results .results-container .result-content .provider-picture { object-fit: contain; } div.mod_locator .content-section .content-body .results .results-container .result-content .bottom-left { font-size: 12px; left: 8px; bottom: 8px; padding: 0 8px; } div.mod_locator .content-section .content-body .results .results-container .result-footer { padding: 0; display: flex; justify-content: space-between; } div.mod_locator .content-section .content-body .results .results-container .result-footer .left { margin-right: 8px; margin-left: 16px; margin-top: 14px; } } @media only screen and (max-width: 40em)and (max-width: 40em) { div.mod_locator .content-section .content-body .results .results-container .result-footer .left { margin-top: 9px; } } @media only screen and (max-width: 40em) { div.mod_locator .content-section .content-body .results .results-container .result-footer .right { margin-right: 12px; } div.mod_locator .content-section .content-body .results .results-container .result-footer .right .cta-button { font-size: 14px; height: 32px; line-height: 31px; margin-top: -6px; } } @media only screen and (max-width: 40em)and (max-width: 40em) { div.mod_locator .content-section .content-body .results .results-container .result-footer .right .cta-button { font-size: 12px; height: 30px; line-height: 30px; padding: 0 15px; margin-top: -3px; } } @media only screen and (max-width: 40em) { div.mod_locator .content-section .content-body .result-detail { margin-left: 16px; margin-right: 40px; } div.mod_locator .content-section .content-body .result-detail .result-content .foreground .bottom-left { left: 0; bottom: 16px; } div.mod_locator .content-section .content-body .result-detail .result-content .foreground .bottom-left .heading { font-size: 18px; } div.mod_locator .content-section .content-body .result-detail .result-content .foreground .top-right { top: 16px; right: 16px; } div.mod_locator .content-section .content-body .result-detail .result-footer { margin-bottom: 16px; } div.mod_locator .content-section .content-body .result-detail .result-footer .left .address p { font-size: 12px; } div.mod_locator .content-section .content-body .result-detail .result-footer .left { margin-top: 16px; width: 100%; } div.mod_locator .content-section .content-body .result-detail .result-footer .right { width: 100%; margin-top: 16px; display: flex; gap: 10px; flex-direction: column; align-items: flex-end; } } @media only screen and (max-width: 40em)and (max-width: 40em) { div.mod_locator .content-section .content-body .result-detail .result-footer .right { gap: 8px; } } @media only screen and (max-width: 40em) { div.mod_locator .content-section .content-body .result-detail .result-footer .right .cta-button.schedule { height: 28px; line-height: 28px; font-size: 12px; padding: 0 16px; white-space: nowrap; width: fit-content; margin-bottom: 8px; } div.mod_locator .content-section .content-body .result-detail .result-footer .right .schedule-time, div.mod_locator .content-section .content-body .result-detail .result-footer .right .schedule-time p { text-align: left; } div.mod_locator .content-section .content-body .result-detail .result-footer .right .schedule-time p { font-size: 11px; } div.mod_locator .content-section .content-body .carousel { margin-bottom: 64px; height: auto; } div.mod_locator .content-section .content-body .carousel .carousel-content { width: calc(100% - 64px); margin-left: 16px; } div.mod_locator .content-section .content-body .carousel .carousel-content .carousel-item { width: 112px; } div.mod_locator .content-section .content-body .carousel .carousel-content .cta-button.schedule { font-size: 12px; white-space: nowrap; } div.mod_locator .content-section .content-body .carousel .left-arrow, div.mod_locator .content-section .content-body .carousel .right-arrow { display: none; } } @-webkit-keyframes searchIconLoaderAnimation { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes searchIconLoaderAnimation { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .partial_locator_minimap .minimap-section div[style*=background-image] { background-size: cover; } body.providers.sub .container.main, body.locations.sub .container.main { max-width: none; padding-inline: 0; } body.providers.sub .abstract-page .main-entry, body.locations.sub .abstract-page .main-entry { overflow-x: clip; } body.providers.sub .abstract-page .row, body.locations.sub .abstract-page .row { margin-block: 40px; } body.providers.sub .abstract-page .row + .row, body.locations.sub .abstract-page .row + .row { margin-block: clamp(2.5rem, -.3631rem + 4.4693vw, 5rem) clamp(3.75rem, .8869rem + 4.4693vw, 6.25rem); } @media only screen and (max-width: 64em) { body.providers.sub .abstract-page .row, body.locations.sub .abstract-page .row { margin-block: 0; } } body.providers.sub .abstract-page .row > h2, body.locations.sub .abstract-page .row > h2 { margin-bottom: clamp(2.5rem, 1.0684rem + 2.2346vw, 3.75rem); } body.providers.sub .abstract-page .back-link, body.locations.sub .abstract-page .back-link { margin-bottom: clamp(.625rem, .4733rem + .6472vw, 1.25rem); } body.providers.sub .abstract-page .grid, body.locations.sub .abstract-page .grid { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(1.875rem, 1.4199rem + 1.9417vw, 3.75rem); } @media only screen and (max-width: 64em) { body.providers.sub .abstract-page .grid, body.locations.sub .abstract-page .grid { grid-template-columns: 1fr; } } body.providers.sub .abstract-page .grid .media, body.locations.sub .abstract-page .grid .media { position: relative; border-radius: 10px; overflow: clip; } @media only screen and (max-width: 64em) { body.providers.sub .abstract-page .grid .media, body.locations.sub .abstract-page .grid .media { aspect-ratio: 16/9; } } @media only screen and (max-width: 800px) { body.providers.sub .abstract-page .grid .media, body.locations.sub .abstract-page .grid .media { aspect-ratio: 1/1; } } body.providers.sub .abstract-page .grid .copy .inner, body.locations.sub .abstract-page .grid .copy .inner { all: unset; } body.providers.sub .abstract-page .grid .copy .inner .brand-logo, body.locations.sub .abstract-page .grid .copy .inner .brand-logo { display: block; margin-bottom: clamp(1.25rem, 1.0983rem + .6472vw, 1.875rem); } body.providers.sub .abstract-page .grid .copy .inner .brand-logo img, body.locations.sub .abstract-page .grid .copy .inner .brand-logo img { width: auto; height: clamp(2.5rem, 2.1966rem + 1.2945vw, 3.75rem); } @media only screen and (max-width: 64em) { body.providers.sub .abstract-page .grid .copy .inner .brand-logo, body.locations.sub .abstract-page .grid .copy .inner .brand-logo { text-align: center; } } body.providers.sub .abstract-page .grid .copy .inner .info, body.locations.sub .abstract-page .grid .copy .inner .info { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-top: clamp(1.25rem, .9466rem + 1.2945vw, 2.5rem); } @media only screen and (min-width: 801px)and (max-width: 1024px) { body.providers.sub .abstract-page .grid .copy .inner .info, body.locations.sub .abstract-page .grid .copy .inner .info { grid-template-columns: .75fr 1.25fr; } } @media only screen and (max-width: 36em) { body.providers.sub .abstract-page .grid .copy .inner .info, body.locations.sub .abstract-page .grid .copy .inner .info { grid-template-columns: 1fr; } } @media only screen and (max-width: iphone) { body.providers.sub .abstract-page .grid .copy .inner .info, body.locations.sub .abstract-page .grid .copy .inner .info { grid-template-columns: 1fr; } } body.providers.sub .abstract-page .grid .copy .inner .info.center-align, body.locations.sub .abstract-page .grid .copy .inner .info.center-align { align-items: center; } body.providers.sub .abstract-page .grid .copy .inner .info p, body.locations.sub .abstract-page .grid .copy .inner .info p { margin-bottom: 0; } body.providers.sub .abstract-page .grid .copy .inner .info .labels, body.locations.sub .abstract-page .grid .copy .inner .info .labels { font-size: clamp(1.125rem, 1.0947rem + .1294vw, 1.25rem); } body.providers.sub .abstract-page .grid .copy .inner .info a:not(.btn), body.providers.sub .abstract-page .grid .copy .inner .info a:not(.btn) p, body.locations.sub .abstract-page .grid .copy .inner .info a:not(.btn), body.locations.sub .abstract-page .grid .copy .inner .info a:not(.btn) p { color: #64707e; text-decoration: none; } body.providers.sub .abstract-page .grid .copy .inner .info a:not(.btn).link, body.providers.sub .abstract-page .grid .copy .inner .info .mod_home_banner .row .content a.center:not(.btn), .mod_home_banner .row .content body.providers.sub .abstract-page .grid .copy .inner .info a.center:not(.btn), body.locations.sub .abstract-page .grid .copy .inner .info a:not(.btn).link, body.locations.sub .abstract-page .grid .copy .inner .info .mod_home_banner .row .content a.center:not(.btn), .mod_home_banner .row .content body.locations.sub .abstract-page .grid .copy .inner .info a.center:not(.btn) { display: block; } body.providers.sub .abstract-page .grid .copy .inner .info a:not(.btn).link:after, body.providers.sub .abstract-page .grid .copy .inner .info .mod_home_banner .row .content a.center:not(.btn):after, .mod_home_banner .row .content body.providers.sub .abstract-page .grid .copy .inner .info a.center:not(.btn):after, body.locations.sub .abstract-page .grid .copy .inner .info a:not(.btn).link:after, body.locations.sub .abstract-page .grid .copy .inner .info .mod_home_banner .row .content a.center:not(.btn):after, .mod_home_banner .row .content body.locations.sub .abstract-page .grid .copy .inner .info a.center:not(.btn):after { content: ">"; border: none; position: relative; margin-left: 8px; width: auto; display: inline-block; } body.providers.sub .abstract-page .grid .copy .inner .info a:not(.btn).directions, body.locations.sub .abstract-page .grid .copy .inner .info a:not(.btn).directions { margin-block: clamp(.625rem, .5492rem + .3236vw, .9375rem); } body.providers.sub .abstract-page .grid .copy .inner .info a:not(.btn).tel, body.locations.sub .abstract-page .grid .copy .inner .info a:not(.btn).tel { position: relative; display: flex; align-items: center; color: #64707e; } body.providers.sub .abstract-page .grid .copy .inner .info a:not(.btn).tel:before, body.locations.sub .abstract-page .grid .copy .inner .info a:not(.btn).tel:before { content: ""; position: relative; top: 2px; display: inline-block; aspect-ratio: 25/24; width: 25px; background: url("data:image/svg+xml,%3Csvg width='24' height='25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.847 15.636l-4.416-1.98-.013-.005a1.499 1.499 0 0 0-1.492.184l-2.282 1.945c-1.446-.702-2.938-2.183-3.64-3.61l1.948-2.317a1.499 1.499 0 0 0 .177-1.484v-.01L9.144 3.933a1.5 1.5 0 0 0-1.558-.892A5.274 5.274 0 0 0 3 8.28c0 7.444 6.056 13.5 13.5 13.5a5.275 5.275 0 0 0 5.239-4.586 1.5 1.5 0 0 0-.892-1.558zM16.5 20.28a12.013 12.013 0 0 1-12-12 3.769 3.769 0 0 1 3.27-3.75v.012l1.968 4.406-1.938 2.32a.559.559 0 0 0-.053.071 1.5 1.5 0 0 0-.094 1.472c.85 1.738 2.6 3.475 4.355 4.323a1.5 1.5 0 0 0 1.477-.107.752.752 0 0 0 .07-.052l2.278-1.945 4.407 1.974h.01a3.77 3.77 0 0 1-3.75 3.276z' fill='%23fff'/%3E%3C/svg%3E") no-repeat center center; background-size: cover; margin-right: 4px; } body.providers.sub .abstract-page .featured-content, body.locations.sub .abstract-page .featured-content { margin-block: clamp(.9375rem, .71rem + .9709vw, 1.875rem); padding-inline: 30px; } @media only screen and (max-width: 64em) { body.providers.sub .abstract-page .featured-content, body.locations.sub .abstract-page .featured-content { padding-inline: 0; } } body.providers.sub .abstract-page .featured-content:has(.fcontent:nth-child(1):last-child) .fcontent, body.locations.sub .abstract-page .featured-content:has(.fcontent:nth-child(1):last-child) .fcontent { margin-inline: calc(50% + 30px) 0; } body.providers.sub .abstract-page .featured-content:has(.fcontent:nth-child(2):last-child), body.locations.sub .abstract-page .featured-content:has(.fcontent:nth-child(2):last-child) { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(1.875rem, 1.4199rem + 1.9417vw, 3.75rem); } @media only screen and (max-width: 800px) { body.providers.sub .abstract-page .featured-content:has(.fcontent:nth-child(2):last-child), body.locations.sub .abstract-page .featured-content:has(.fcontent:nth-child(2):last-child) { grid-template-columns: 1fr; } } body.providers.sub .abstract-page .row.conditions ul.listing, body.locations.sub .abstract-page .row.conditions ul.listing { max-width: 1200px; margin-inline: auto; columns: auto clamp(9.8125rem, 8.4017rem + 6.0194vw, 15.625rem); } body.providers.sub .abstract-page .row.conditions ul.listing li, body.locations.sub .abstract-page .row.conditions ul.listing li { padding-left: 0; } .abstract-page.provider-page .row { margin-block: clamp(.625rem, -.1335rem + 3.2362vw, 3.75rem); } .abstract-page.provider-page .intro { display: grid; grid-template-columns: 373px auto; gap: clamp(1.875rem, -3.1355rem + 7.8212vw, 6.25rem); } @media only screen and (max-width: 64em) { .abstract-page.provider-page .intro { grid-template-columns: 250px auto; } } @media only screen and (max-width: 800px) { .abstract-page.provider-page .intro { grid-template-columns: 1fr; } } .abstract-page.provider-page h1 .credentials { font-size: 60%; } .abstract-page.provider-page .scroll-button .mini-map-scroll { margin-bottom: 20px; } @media only screen and (max-width: 800px) { .abstract-page.provider-page .media { max-width: 350px; margin-inline: auto; } } .abstract-page.provider-page .media .details { background: #333; padding: 20px; } .abstract-page.provider-page .media .details * { color: #fff; } .abstract-page.provider-page .media .details p, .abstract-page.provider-page .media .details a { font-size: clamp(1rem, .9393rem + .2589vw, 1.25rem); text-align: center; text-decoration: none !important; } .abstract-page.provider-page .media .details p .label, .abstract-page.provider-page .media .details a .label { text-transform: uppercase; font-size: clamp(.875rem, .8295rem + .1942vw, 1.0625rem); } .abstract-page.provider-page .media .details a { display: inline-flex; } .abstract-page.provider-page .media .details a::before { margin-right: 9px; } .abstract-page.provider-page .copy .inner-copy { max-width: 650px; } body.locations.sub .abstract-page .row.providers { position: relative; margin: 0 auto clamp(2.5rem, 1.8932rem + 2.589vw, 5rem); padding-block: clamp(1.25rem, .9466rem + 1.2945vw, 2.5rem); overflow-y: clip; } body.locations.sub .abstract-page .row.providers::after { content: ""; position: absolute; z-index: 0; inset: 0 -50vw; background: #afb2b6; } body.locations.sub .abstract-page .row.providers > * { position: relative; z-index: 1; } body.locations.sub .abstract-page .row.providers .grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 40px clamp(1.25rem, .9466rem + 1.2945vw, 2.5rem); } @media only screen and (max-width: 64em) { body.locations.sub .abstract-page .row.providers .grid { grid-template-columns: repeat(3, 1fr); } } @media only screen and (max-width: 800px) { body.locations.sub .abstract-page .row.providers .grid { grid-template-columns: repeat(2, 1fr); } } body.locations.sub .abstract-page .row.providers .grid .item { margin-bottom: 3%; } @media only screen and (max-width: 800px) { body.locations.sub .abstract-page .row.providers .grid .item { margin-bottom: 6%; } } body.locations.sub .abstract-page .row.providers .grid .item .media { aspect-ratio: 1/1; border-radius: 100vmax; overflow: hidden; background: #afb2b6; margin-bottom: clamp(.625rem, .4733rem + .6472vw, 1.25rem); position: relative; } body.locations.sub .abstract-page .row.providers .grid .item .media picture img { object-position: center top; } body.locations.sub .abstract-page .row.providers .grid .item .content { padding: 0 6px; } body.locations.sub .abstract-page .row.providers .grid .item .content p { color: #333; text-align: center; font-size: clamp(1.25rem, 1.159rem + .3883vw, 1.625rem); } body.locations.sub .abstract-page .row.providers .grid .item .content p span.credentials { font-size: 80%; position: relative; } @media only screen and (max-width: 40em) { body.locations.sub .abstract-page .row.providers .grid .item .content p span.credentials { display: block; } } body.locations.sub .abstract-page .row.providers .grid .item .content p span.credentials:before { content: ","; position: relative; display: inline-block; } @media only screen and (max-width: 40em) { body.locations.sub .abstract-page .row.providers .grid .item .content p span.credentials:before { display: none; } } body.locations.sub .abstract-page .row.providers .grid .item .content p span.job { display: block; margin-top: 8px; font-size: clamp(1rem, .9697rem + .1294vw, 1.125rem); line-height: 1.2; } body.locations .mod_locator img.logo-media { filter: grayscale(100%) invert(100%) brightness(200%); } .partial_locator_minimap { height: calc(100% - 86px); min-height: 520px; width: 100%; border-radius: 6px; overflow: hidden; background: none; position: relative; } @media only screen and (max-width: 800px) { .partial_locator_minimap { min-height: 440px; } } @media only screen and (max-width: 40em) { .partial_locator_minimap { min-height: 400px; } } .partial_locator_minimap .minimap-section { position: absolute !important; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; } .partial_locator_minimap .minimap-section .gmnoprint button { min-width: auto; } .locator-map-grid { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(1.875rem, 1.4199rem + 1.9417vw, 3.75rem); margin-block: clamp(1.875rem, 1.4199rem + 1.9417vw, 3.75rem); padding-top: clamp(1.875rem, 1.4199rem + 1.9417vw, 3.75rem); border-top: 1px solid #64707e; } @media only screen and (max-width: 1200px) { .locator-map-grid { grid-template-columns: 1.2fr .8fr; } } @media only screen and (max-width: 64em) { .locator-map-grid { grid-template-columns: 1fr; } } .locator-map-grid h2 { margin-bottom: clamp(1.25rem, 1.0983rem + .6472vw, 1.875rem); } .locator-map-grid .locations { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(1.25rem, .9466rem + 1.2945vw, 2.5rem) clamp(1.875rem, 1.4199rem + 1.9417vw, 3.75rem); align-items: start; max-height: 640px; overflow: scroll; } @media only screen and (max-width: 64em) { .locator-map-grid .locations { max-height: inherit; grid-template-columns: 1fr 1fr 1fr; } } @media only screen and (max-width: 800px) { .locator-map-grid .locations { grid-template-columns: 1fr 1fr; } } .locator-map-grid .locations .location .media { padding-top: 80%; border-radius: 2px; overflow: hidden; display: block; position: relative; } .locator-map-grid .locations .location .media:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; display: block; background: #000; opacity: .4; background: linear-gradient(0deg, #000 20%, rgba(0, 0, 0, 0) 60%); } .locator-map-grid .locations .location .media span.title { position: absolute; left: 16px; bottom: 16px; color: #fff; font-weight: 700; z-index: 3; } @media only screen and (max-width: 64em) { .locator-map-grid .locations .location .media span.title { font-size: 15px; } } @media only screen and (max-width: 800px) { .locator-map-grid .locations .location .media span.title { font-size: 14px; } } .locator-map-grid .locations .location .media:hover { opacity: 1; } .locator-map-grid .locations .location .media:hover picture img { opacity: .6; } .locator-map-grid .locations .location .info { margin-top: 14px; padding: 0 8px; display: flex; justify-content: space-between; align-items: center; gap: 10px; } @media only screen and (max-width: 1200px) { .locator-map-grid .locations .location .info { padding: 0 4px; } } @media only screen and (max-width: 64em) { .locator-map-grid .locations .location .info { flex-wrap: wrap; } } .locator-map-grid .locations .location .info a.tel { position: relative; display: flex; font-weight: 700; color: #64707e; font-size: 14px; align-items: center; } .locator-map-grid .locations .location .info a.tel:before { content: ""; display: inline-block; padding: 12px 7px; background: url("data:image/svg+xml,%3Csvg width='24' height='25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.847 15.636l-4.416-1.98-.013-.005a1.499 1.499 0 0 0-1.492.184l-2.282 1.945c-1.446-.702-2.938-2.183-3.64-3.61l1.948-2.317a1.499 1.499 0 0 0 .177-1.484v-.01L9.144 3.933a1.5 1.5 0 0 0-1.558-.892A5.274 5.274 0 0 0 3 8.28c0 7.444 6.056 13.5 13.5 13.5a5.275 5.275 0 0 0 5.239-4.586 1.5 1.5 0 0 0-.892-1.558zM16.5 20.28a12.013 12.013 0 0 1-12-12 3.769 3.769 0 0 1 3.27-3.75v.012l1.968 4.406-1.938 2.32a.559.559 0 0 0-.053.071 1.5 1.5 0 0 0-.094 1.472c.85 1.738 2.6 3.475 4.355 4.323a1.5 1.5 0 0 0 1.477-.107.752.752 0 0 0 .07-.052l2.278-1.945 4.407 1.974h.01a3.77 3.77 0 0 1-3.75 3.276z' fill='%23fff'/%3E%3C/svg%3E") no-repeat center center; background-size: auto 85%; margin-right: 8px; position: relative; top: 1px; filter: invert(1); } .locator-map-grid .locations .location .info .btn { min-width: inherit; padding: 8px 12px 8px; font-size: 13px; letter-spacing: .4px; margin-top: 0; } @media only screen and (max-width: 64em) { .locator-map-grid .locations .location .info .btn { margin-top: 8px; } } @media only screen and (max-width: 64em) { .map { width: 100%; } } .map p.intro { padding: 4px 0 3px; text-align: right; } @media only screen and (max-width: 64em) { .map p.intro { text-align: left; } } .map .partial_locator_minimap { border-radius: 2px; overflow: hidden; } body.scheduler { overflow: hidden; } body.scheduler header .partial_sticky_bar, body.scheduler header .row.bottom { display: none; } body.scheduler #main { margin-top: 0 !important; } body.scheduler .grecaptcha-badge { opacity: 0; pointer-events: none; } body.scheduler .mod_scheduler { display: flex; justify-content: center; width: 100%; } @media only screen and (max-width: 64em) { body.scheduler .mod_scheduler { justify-content: flex-start; flex-direction: column; } } body.scheduler .mod_scheduler .partial_form_error { background: #f9f9f9; border: 1px solid #ddd; max-width: 720px; margin: 0 auto; padding: 40px; text-align: center; } body.scheduler .mod_scheduler .side { width: 0; min-width: 0; padding: 50px 0; height: 100%; overflow: hidden; background: #64707e; position: relative; } @media only screen and (max-width: 1500px) { body.scheduler .mod_scheduler .side { padding: 40px 0; } } @media only screen and (max-width: 1200px) { body.scheduler .mod_scheduler .side { padding: 30px 0; } } @media only screen and (max-width: 64em) { body.scheduler .mod_scheduler .side { width: 100%; padding: 0; height: 0; } } body.scheduler .mod_scheduler .side .inner { position: relative; z-index: 3; width: 400px; } @media only screen and (max-width: 1500px) { body.scheduler .mod_scheduler .side .inner { width: 340px; } } @media only screen and (max-width: 1200px) { body.scheduler .mod_scheduler .side .inner { width: 300px; } } @media only screen and (max-width: 64em) { body.scheduler .mod_scheduler .side .inner { height: 100%; width: 100%; } } @media only screen and (max-width: 64em) { body.scheduler .mod_scheduler .side .status { display: flex; align-items: flex-start; height: 100%; gap: 10px; width: 100%; overflow: hidden; padding-left: 10px; padding-right: 10px; } } body.scheduler .mod_scheduler .side .status h1 { font-size: 32px; opacity: 0; position: relative; top: 10px; visibility: hidden; } @media only screen and (max-width: 1200px) { body.scheduler .mod_scheduler .side .status h1 { font-size: 28px; } } @media only screen and (max-width: 64em) { body.scheduler .mod_scheduler .side .status h1 { font-size: 24px; position: absolute; top: 20px; left: 0; display: none; } } body.scheduler .mod_scheduler .side .status .item { position: relative; top: 10px; opacity: 0; visibility: hidden; height: 0; display: block; margin: 0 !important; } @media only screen and (max-width: 64em) { body.scheduler .mod_scheduler .side .status .item { top: 0; background: rgba(0, 0, 0, .1); display: none; flex-direction: column; height: 100% !important; border-radius: 8px; padding: 4px 10px 4px 14px; width: auto; margin-bottom: 0; justify-content: center; min-width: 140px; } body.scheduler .mod_scheduler .side .status .item p, body.scheduler .mod_scheduler .side .status .item span { font-size: 15px; } } body.scheduler .mod_scheduler .side .status .item.type, body.scheduler .mod_scheduler .side .status .item.active { top: 0; opacity: 1; visibility: visible; height: auto; width: auto; margin-right: 0; margin-bottom: 25px !important; } @media only screen and (max-width: 64em) { body.scheduler .mod_scheduler .side .status .item.type, body.scheduler .mod_scheduler .side .status .item.active { display: flex; width: auto; max-width: 150px; background: rgba(0, 0, 0, .2); margin-bottom: 0 !important; opacity: 1; visibility: visible; } } body.scheduler .mod_scheduler .side .status .item.skipped { position: relative; top: 10px; opacity: 0; height: 0; display: block; margin: 0 !important; visibility: hidden; } body.scheduler .mod_scheduler .side .status .item hr { margin: 0 0 15px; } @media only screen and (max-width: 64em) { body.scheduler .mod_scheduler .side .status .item hr { display: none; } } body.scheduler .mod_scheduler .side .status .item + .item { margin-top: 25px; } @media only screen and (max-width: 64em) { body.scheduler .mod_scheduler .side .status .item.reason { min-width: 180px; } } body.scheduler .mod_scheduler .side .status .item.reason p.reason-for-visit { display: flex; align-items: center; flex-wrap: wrap; font-size: 16px; gap: 10px; } @media only screen and (max-width: 64em) { body.scheduler .mod_scheduler .side .status .item.reason p.reason-for-visit { font-size: 15px; flex-direction: column; align-items: flex-start; gap: 0; } } body.scheduler .mod_scheduler .side .status .item.reason p.reason-for-visit span { font-size: 16px; display: inline-block; line-height: 1.4; } @media only screen and (max-width: 64em) { body.scheduler .mod_scheduler .side .status .item.reason p.reason-for-visit span { font-size: 15px; display: block; margin-top: 2px; } } body.scheduler .mod_scheduler .side .status .item.reason p.reason-for-visit span.follow-up { opacity: 0; visibility: hidden; font-size: 80%; color: #eee; } @media only screen and (max-width: 64em) { body.scheduler .mod_scheduler .side .status .item.reason p.reason-for-visit span.follow-up { width: 100%; font-size: 70%; margin-top: 2px; opacity: 1; visibility: visible; display: none; } } @media only screen and (max-width: 800px) { body.scheduler .mod_scheduler .side .status .item.reason p.reason-for-visit span.follow-up { display: none; } } body.scheduler .mod_scheduler .side .status .item.reason.er p.reason-for-visit span.symptom { line-height: 1.2; } body.scheduler .mod_scheduler .side .status .item.reason.er p.reason-for-visit span.follow-up { opacity: 1; visibility: visible; } @media only screen and (max-width: 64em) { body.scheduler .mod_scheduler .side .status .item.reason.er p.reason-for-visit span.follow-up { display: block; } } @media only screen and (max-width: 64em) { body.scheduler .mod_scheduler .side .status .item.insurance .flex { gap: 0; } } @media only screen and (max-width: 64em) { body.scheduler .mod_scheduler .side .status .item.insurance .flex p { margin-top: 2px; line-height: 1.4; } } body.scheduler .mod_scheduler .side .status .item.insurance .flex p.check { display: none; align-items: center; margin-bottom: 0; gap: 14px; } @media only screen and (max-width: 64em) { body.scheduler .mod_scheduler .side .status .item.insurance .flex p.check { gap: 10px; } } body.scheduler .mod_scheduler .side .status .item.insurance .flex p.check:after { content: ""; position: relative; top: -1px; padding: 9px; background: url("data:image/svg+xml,%3Csvg width='30' height='30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_483_612)' fill='%23fff'%3E%3Cpath d='M14.52 29.05C6.52 29.05 0 22.53 0 14.52S6.52 0 14.52 0c2.51 0 4.98.65 7.15 1.88a1 1 0 0 1-.98 1.74C18.82 2.56 16.69 2 14.53 2 7.62 2 2 7.62 2 14.52c0 6.9 5.62 12.52 12.52 12.52 6.9 0 12.52-5.62 12.52-12.52 0-.93-.1-1.87-.31-2.77-.12-.54.22-1.07.76-1.2.54-.12 1.07.22 1.2.76.24 1.05.36 2.13.36 3.21 0 8.01-6.52 14.52-14.52 14.52l-.01.01z'/%3E%3Cpath d='M14.55 18.56l-5.13-4.73a.997.997 0 1 1 1.35-1.47l3.73 3.44L27.35 3.18a.996.996 0 0 1 1.41.01c.39.39.38 1.03-.01 1.41l-14.2 13.95v.01z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_483_612'%3E%3Cpath fill='%23fff' d='M0 0H29.05V29.05H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") no-repeat center center; background-size: auto 100%; display: inline-block; } @media only screen and (max-width: 64em) { body.scheduler .mod_scheduler .side .status .item.insurance .flex p.check:after { padding: 7px; top: 0; } } body.scheduler .mod_scheduler .side .status .item.insurance.upload p.upload { display: flex; } body.scheduler .mod_scheduler .side .status .item.insurance.manual p.manual { display: flex; } body.scheduler .mod_scheduler .side .status .item.insurance.self-pay p.self-pay { display: flex; } body.scheduler .mod_scheduler .side .status .item.insurance.existing p.existing { display: flex; } body.scheduler .mod_scheduler .side .status .item.location { padding: 0; } @media only screen and (max-width: 64em) { body.scheduler .mod_scheduler .side .status .item.location { opacity: 0; min-width: 160px; visibility: hidden; border-radius: 6px !important; overflow: hidden !important; } } @media only screen and (max-width: 800px) { body.scheduler .mod_scheduler .side .status .item.location { min-width: 140px; } } body.scheduler .mod_scheduler .side .status .item.location .media { margin-bottom: 10px; border-radius: 6px; overflow: hidden; padding-top: 45%; position: relative; } @media only screen and (min-width: 64em)and (max-height: 900px) { body.scheduler .mod_scheduler .side .status .item.location .media { padding-top: 40%; } } @media only screen and (min-width: 800px)and (max-height: 700px) { body.scheduler .mod_scheduler .side .status .item.location .media { padding-top: 35%; } } @media only screen and (max-width: 64em) { body.scheduler .mod_scheduler .side .status .item.location .media { padding-top: 0; height: 100%; width: 100%; margin-bottom: 0; } } body.scheduler .mod_scheduler .side .status .item.location .media:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; display: block; background: #333; opacity: 0; } body.scheduler .mod_scheduler .side .status .item.location .media span.location-change { position: absolute; left: 15px; bottom: 15px; background: #fff; color: #64707e; font-size: 13px; padding: 6px 12px; z-index: 6; } @media only screen and (max-width: 64em) { body.scheduler .mod_scheduler .side .status .item.location .media span.location-change { font-size: 12px; } } body.scheduler .mod_scheduler .side .status .item.location .media span.location-change:hover { color: #fff; background: #64707e; cursor: pointer; } @media only screen and (max-width: 64em) { body.scheduler .mod_scheduler .side .status .item.location .info { display: none; } } body.scheduler .mod_scheduler .side .status .item.location .info .details { display: flex; gap: 40px; } body.scheduler .mod_scheduler .side .status .item.location .info .details p { font-size: 1rem; line-height: 1.5; margin: 0; } @media only screen and (max-width: 1200px) { body.scheduler .mod_scheduler .side .status .item.location .info .details p { font-size: 15px; } } body.scheduler .mod_scheduler .side .status .item.location .info .details p.bold { font-size: 17px; letter-spacing: .5px; margin-bottom: 0; } body.scheduler .mod_scheduler .side .status .item.location .info .details .hours { display: none; } body.scheduler .mod_scheduler .side .status .item.location .provider { position: absolute; bottom: -10px; left: 0; width: 100%; height: 100%; z-index: 3; } body.scheduler .mod_scheduler .side .status .item.location .provider:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; display: block; background: #333; opacity: .8; top: 50%; height: 50%; background: linear-gradient(0deg, rgba(30, 30, 30, .8) 0%, rgba(0, 0, 0, 0) 60%); } body.scheduler .mod_scheduler .side .status .item.location .provider picture.provider { position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); height: 100%; width: 100%; text-align: center; z-index: 2; } body.scheduler .mod_scheduler .side .status .item.location .provider picture.provider img { position: relative; top: 10px; height: calc(100% + 15px); width: auto; } @media only screen and (max-width: 64em) { body.scheduler .mod_scheduler .side .status .item.location .provider picture.provider img { height: 100%; top: 2px; } } body.scheduler .mod_scheduler .side .status .item.location .provider .copy { position: absolute; bottom: 12px; left: 20px; z-index: 3; } @media only screen and (max-width: 64em) { body.scheduler .mod_scheduler .side .status .item.location .provider .copy { left: 10px; bottom: 6px; } } body.scheduler .mod_scheduler .side .status .item.location .provider .copy p.name { color: #fff; text-shadow: 0 0 8px rgba(0, 0, 0, .4); font-size: 18px; letter-spacing: .5px; font-weight: 600; margin-bottom: 0; } @media only screen and (max-width: 1200px) { body.scheduler .mod_scheduler .side .status .item.location .provider .copy p.name { font-size: 17px; } } @media only screen and (max-width: 64em) { body.scheduler .mod_scheduler .side .status .item.location .provider .copy p.name { font-size: 14px; line-height: 1.4; } } @media only screen and (max-width: 64em) { body.scheduler .mod_scheduler .side .status .item.location .provider .copy p.name span, body.scheduler .mod_scheduler .side .status .item.location .provider .copy p.name span.credentials { display: none; } } body.scheduler .mod_scheduler .side .status .item.location .provider .reviews { position: absolute; top: 20px; right: 20px; text-align: right; opacity: 0; visibility: hidden; z-index: 5; } @media only screen and (max-width: 64em) { body.scheduler .mod_scheduler .side .status .item.location .provider .reviews { top: 10px; right: 10px; display: none; } } body.scheduler .mod_scheduler .side .status .item.location .provider .reviews .stars { position: relative; left: 4px; } body.scheduler .mod_scheduler .side .status .item.location .provider .reviews .stars i.icon-star { font-size: 13px; color: #ffda00; display: none; } @media only screen and (max-width: 64em) { body.scheduler .mod_scheduler .side .status .item.location .provider .reviews .stars i.icon-star { font-size: 7px; } } body.scheduler .mod_scheduler .side .status .item.location .provider .reviews .stars i.icon-star + i.icon-star { margin-left: -2px; } @media only screen and (max-width: 64em) { body.scheduler .mod_scheduler .side .status .item.location .provider .reviews .stars i.icon-star + i.icon-star { margin-left: -5px; } } body.scheduler .mod_scheduler .side .status .item.location .provider .reviews .stars.r1 i.icon-star:first-child { display: inline-block; } body.scheduler .mod_scheduler .side .status .item.location .provider .reviews .stars.r2 i.icon-star:nth-child(n+4) { display: inline-block; } body.scheduler .mod_scheduler .side .status .item.location .provider .reviews .stars.r3 i.icon-star:nth-child(n+3) { display: inline-block; } body.scheduler .mod_scheduler .side .status .item.location .provider .reviews .stars.r4 i.icon-star:nth-child(n+2) { display: inline-block; } body.scheduler .mod_scheduler .side .status .item.location .provider .reviews .stars.r5 i.icon-star { display: inline-block; } body.scheduler .mod_scheduler .side .status .item.location .provider .reviews p { font-size: 14px; letter-spacing: .5px; } @media only screen and (max-width: 64em) { body.scheduler .mod_scheduler .side .status .item.location .provider .reviews p { font-size: 12px; } } body.scheduler .mod_scheduler .side .status .item.location .provider .reviews.show { opacity: 1; visibility: visible; } body.scheduler .mod_scheduler .side .status .item.location .media.selected .provider { opacity: 0; visibility: hidden; } body.scheduler .mod_scheduler .side .status .item.location .media.selected .provider p.name span.block { display: inline-block !important; } body.scheduler .mod_scheduler .side .status .item.location .media.selected .provider p.name span.block:before { display: none; } body.scheduler .mod_scheduler .side .status .item.location.show-provider .media.selected:after { opacity: .5; } body.scheduler .mod_scheduler .side .status .item.location.show-provider .media.selected .provider { bottom: 0; opacity: 1; visibility: visible; } body.scheduler .mod_scheduler .side .status .item.location .provider-tabs { position: absolute; left: 0; width: 100%; margin-top: 30px; opacity: 0; visibility: hidden; } @media only screen and (max-width: 1200px) { body.scheduler .mod_scheduler .side .status .item.location .provider-tabs { margin-top: 80px; } } @media only screen and (min-width: 64em)and (max-height: 900px) { body.scheduler .mod_scheduler .side .status .item.location .provider-tabs { margin-top: 40px; } } @media only screen and (min-width: 800px)and (max-height: 700px) { body.scheduler .mod_scheduler .side .status .item.location .provider-tabs { margin-top: 32px; } } @media only screen and (max-width: 64em) { body.scheduler .mod_scheduler .side .status .item.location .provider-tabs { display: none; } } body.scheduler .mod_scheduler .side .status .item.location .provider-tabs .tab-links { display: flex; gap: 20px; align-items: center; } body.scheduler .mod_scheduler .side .status .item.location .provider-tabs .tab-links span.link { opacity: .6; cursor: pointer; color: #fff !important; text-decoration: none; font-weight: 600; letter-spacing: .6px; } body.scheduler .mod_scheduler .side .status .item.location .provider-tabs .tab-links span.link.active { opacity: 1; } body.scheduler .mod_scheduler .side .status .item.location .provider-tabs .tab-links span.link:focus { outline: none; text-decoration: underline; } body.scheduler .mod_scheduler .side .status .item.location .provider-tabs .tab-links span.link:hover { text-decoration: none; } body.scheduler .mod_scheduler .side .status .item.location .provider-tabs .tab-links span.pipe { opacity: .6; } body.scheduler .mod_scheduler .side .status .item.location .provider-tabs .tabs .tab { margin-top: 30px; display: none; position: relative; min-width: 600px; } @media only screen and (max-width: 1500px) { body.scheduler .mod_scheduler .side .status .item.location .provider-tabs .tabs .tab { min-width: 460px; } } @media only screen and (max-width: 1200px) { body.scheduler .mod_scheduler .side .status .item.location .provider-tabs .tabs .tab { min-width: 420px; margin-top: 20px; } } @media only screen and (min-width: 64em)and (max-height: 900px) { body.scheduler .mod_scheduler .side .status .item.location .provider-tabs .tabs .tab { margin-top: 20px; min-width: 500px; } } @media only screen and (min-width: 800px)and (max-height: 700px) { body.scheduler .mod_scheduler .side .status .item.location .provider-tabs .tabs .tab { margin-top: 10px; min-width: 400px; } } body.scheduler .mod_scheduler .side .status .item.location .provider-tabs .tabs .tab:after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; border-radius: 8px; background: #64707e url("/assets/img/img-export/1686671249-loader2.gif") no-repeat center center; background-size: auto 50px; opacity: 0; visibility: hidden; z-index: 6; color: #fff; display: inline-block; } body.scheduler .mod_scheduler .side .status .item.location .provider-tabs .tabs .tab .swiper { overflow: inherit; } body.scheduler .mod_scheduler .side .status .item.location .provider-tabs .tabs .tab .tabs-swiper { overflow: hidden; } body.scheduler .mod_scheduler .side .status .item.location .provider-tabs .tabs .tab .tabs-swiper .swiper-slide .media { order: 2; height: 160px; margin-bottom: 5px; border: 2px solid rgba(0, 0, 0, 0); position: relative; } @media only screen and (min-width: 800px)and (max-height: 700px) { body.scheduler .mod_scheduler .side .status .item.location .provider-tabs .tabs .tab .tabs-swiper .swiper-slide .media { height: 120px; } } body.scheduler .mod_scheduler .side .status .item.location .provider-tabs .tabs .tab .tabs-swiper .swiper-slide .media .provider { display: flex; align-items: center; justify-content: center; } body.scheduler .mod_scheduler .side .status .item.location .provider-tabs .tabs .tab .tabs-swiper .swiper-slide .media .provider img { width: auto; max-width: inherit; height: calc(100% - 20px); } body.scheduler .mod_scheduler .side .status .item.location .provider-tabs .tabs .tab .tabs-swiper .swiper-slide .media .copy { position: absolute; width: 100%; padding: 0 12px; bottom: 12px; left: 0; z-index: 4; } body.scheduler .mod_scheduler .side .status .item.location .provider-tabs .tabs .tab .tabs-swiper .swiper-slide .media .copy p.label { text-shadow: 0 0 5px rgba(0, 0, 0, .6); } body.scheduler .mod_scheduler .side .status .item.location .provider-tabs .tabs .tab .tabs-swiper .swiper-slide .media:before { content: ""; position: absolute; top: 8px; right: 8px; padding: 15px; background: #ef9816 url("data:image/svg+xml,%3Csvg width='30' height='30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_483_612)' fill='%23fff'%3E%3Cpath d='M14.52 29.05C6.52 29.05 0 22.53 0 14.52S6.52 0 14.52 0c2.51 0 4.98.65 7.15 1.88a1 1 0 0 1-.98 1.74C18.82 2.56 16.69 2 14.53 2 7.62 2 2 7.62 2 14.52c0 6.9 5.62 12.52 12.52 12.52 6.9 0 12.52-5.62 12.52-12.52 0-.93-.1-1.87-.31-2.77-.12-.54.22-1.07.76-1.2.54-.12 1.07.22 1.2.76.24 1.05.36 2.13.36 3.21 0 8.01-6.52 14.52-14.52 14.52l-.01.01z'/%3E%3Cpath d='M14.55 18.56l-5.13-4.73a.997.997 0 1 1 1.35-1.47l3.73 3.44L27.35 3.18a.996.996 0 0 1 1.41.01c.39.39.38 1.03-.01 1.41l-14.2 13.95v.01z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_483_612'%3E%3Cpath fill='%23fff' d='M0 0H29.05V29.05H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") no-repeat center center; border-radius: 100%; background-size: auto 60%; z-index: 3; opacity: 0; visibility: hidden; pointer-events: none; } body.scheduler .mod_scheduler .side .status .item.location .provider-tabs .tabs .tab .tabs-swiper .swiper-slide .media:after { opacity: .5; } body.scheduler .mod_scheduler .side .status .item.location .provider-tabs .tabs .tab .tabs-swiper .swiper-slide .info { position: relative; z-index: 3; margin-top: 10px; text-align: center; padding: 4px; border-radius: 6px; border: 1px solid hsla(0, 0%, 100%, .6); } body.scheduler .mod_scheduler .side .status .item.location .provider-tabs .tabs .tab .tabs-swiper .swiper-slide .info .span.btn { padding: 4px; text-transform: capitalize; margin-top: 0; color: #fff; font-size: 13px; } body.scheduler .mod_scheduler .side .status .item.location .provider-tabs .tabs .tab .tabs-swiper .swiper-slide .info .span.btn span.bar { position: relative; top: -1px; display: inline-block; margin: 0 3px; } body.scheduler .mod_scheduler .side .status .item.location .provider-tabs .tabs .tab .tabs-swiper .swiper-slide.active .media:before { opacity: 1; visibility: visible; } body.scheduler .mod_scheduler .side .status .item.location .provider-tabs .tabs .tab .tabs-swiper .swiper-slide.first { order: -1; } body.scheduler .mod_scheduler .side .status .item.location .provider-tabs .tabs .tab .tabs-swiper .swiper-slide.active, body.scheduler .mod_scheduler .side .status .item.location .provider-tabs .tabs .tab .tabs-swiper .swiper-slide:hover, body.scheduler .mod_scheduler .side .status .item.location .provider-tabs .tabs .tab .tabs-swiper .swiper-slide:focus { outline: none; cursor: pointer; } body.scheduler .mod_scheduler .side .status .item.location .provider-tabs .tabs .tab .tabs-swiper .swiper-slide.active .media, body.scheduler .mod_scheduler .side .status .item.location .provider-tabs .tabs .tab .tabs-swiper .swiper-slide:hover .media, body.scheduler .mod_scheduler .side .status .item.location .provider-tabs .tabs .tab .tabs-swiper .swiper-slide:focus .media { border: 2px solid #ef9816; } body.scheduler .mod_scheduler .side .status .item.location .provider-tabs .tabs .tab .tabs-swiper .swiper-slide p { font-weight: 600; letter-spacing: .8px; font-size: 14px; margin-top: 10px; margin-bottom: 0; line-height: 1.3; } @media only screen and (min-width: 800px)and (max-height: 700px) { body.scheduler .mod_scheduler .side .status .item.location .provider-tabs .tabs .tab .tabs-swiper .swiper-slide p { font-size: 13px; } } body.scheduler .mod_scheduler .side .status .item.location .provider-tabs .tabs .tab .tabs-swiper .swiper-slide p span.credentials { display: block; } body.scheduler .mod_scheduler .side .status .item.location .provider-tabs .tabs .tab .tabs-swiper .swiper-slide.unavailable { opacity: .6; pointer-events: none; order: 1000; } body.scheduler .mod_scheduler .side .status .item.location .provider-tabs .tabs .tab .controls { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: calc(100% + 70px); z-index: 55; display: flex; align-items: center; } @media only screen and (max-width: 1500px) { body.scheduler .mod_scheduler .side .status .item.location .provider-tabs .tabs .tab .controls { width: calc(100% + 62px); } } @media only screen and (max-width: 1200px) { body.scheduler .mod_scheduler .side .status .item.location .provider-tabs .tabs .tab .controls { width: calc(100% + 56px); } } body.scheduler .mod_scheduler .side .status .item.location .provider-tabs .tabs .tab .controls .swiper-button-prev, body.scheduler .mod_scheduler .side .status .item.location .provider-tabs .tabs .tab .controls .swiper-button-next { left: 0; } body.scheduler .mod_scheduler .side .status .item.location .provider-tabs .tabs .tab .controls .swiper-button-prev:after, body.scheduler .mod_scheduler .side .status .item.location .provider-tabs .tabs .tab .controls .swiper-button-next:after { content: ""; position: absolute; top: 50%; transform: translateY(-50%); background: url("/assets/img/img-export/1686327448-swiper-prev-arrow.png") center center; background-size: 100% auto !important; padding: 8px; display: inline-block; } body.scheduler .mod_scheduler .side .status .item.location .provider-tabs .tabs .tab .controls .swiper-button-prev:focus, body.scheduler .mod_scheduler .side .status .item.location .provider-tabs .tabs .tab .controls .swiper-button-next:focus { outline: none; background: hsla(0, 0%, 100%, .12); } body.scheduler .mod_scheduler .side .status .item.location .provider-tabs .tabs .tab .controls .swiper-button-next { left: auto; right: 0; } body.scheduler .mod_scheduler .side .status .item.location .provider-tabs .tabs .tab .controls .swiper-button-next:after { background: url("/assets/img/img-export/1686327443-swiper-next-arrow.png") center center; } body.scheduler .mod_scheduler .side .status .item.location .provider-tabs .tabs .tab.active { display: block; } body.scheduler .mod_scheduler .side .status .item.location .provider-tabs .tabs .tab.loading:after, body.scheduler .mod_scheduler .side .status .item.location .provider-tabs .tabs .tab.progress:after { opacity: 1; visibility: visible; z-index: 9; } body.scheduler .mod_scheduler .side .status .item.location .provider-tabs .tabs .tab.loading .tabs-swiper, body.scheduler .mod_scheduler .side .status .item.location .provider-tabs .tabs .tab.loading .controls, body.scheduler .mod_scheduler .side .status .item.location .provider-tabs .tabs .tab.progress .tabs-swiper, body.scheduler .mod_scheduler .side .status .item.location .provider-tabs .tabs .tab.progress .controls { opacity: 0; visibility: hidden; } @media only screen and (max-width: 64em) { body.scheduler .mod_scheduler .side .status .item.active + .location.active { opacity: 1; visibility: visible; } } body.scheduler .mod_scheduler .side .status .item.provider { margin-top: 20px; } body.scheduler .mod_scheduler .side .status .item.provider .flex { gap: 20px; } body.scheduler .mod_scheduler .side .status .item.provider .flex .media { height: 90px; width: 90px; overflow: hidden; border-radius: 6px; border: 1px solid #ef9816; background: #222; display: flex; align-items: flex-end; justify-content: center; position: relative; } body.scheduler .mod_scheduler .side .status .item.provider .flex .media picture.provider { text-align: center; opacity: 0; visibility: hidden; } body.scheduler .mod_scheduler .side .status .item.provider .flex .media picture.provider img { height: 80px; position: relative; margin: 0 auto; top: 8px; width: auto; max-width: 150px; } body.scheduler .mod_scheduler .side .status .item.provider .flex .media picture.provider.active { opacity: 1; visibility: visible; } body.scheduler .mod_scheduler .side .status .item.provider .flex .media picture.location { opacity: .4; } body.scheduler .mod_scheduler .side .status .item.provider .flex .text p { font-size: 17px; } @media only screen and (max-width: 64em) { body.scheduler .mod_scheduler .side .status .item.provider .flex .text p { font-size: 15px; } } body.scheduler .mod_scheduler .side .status .item.provider .flex .text p span.credentials { display: block; position: relative; } body.scheduler .mod_scheduler .side .status .item.provider .flex .text p.time { margin-top: -6px; letter-spacing: .5px; font-size: 80%; color: #eee; } @media only screen and (max-width: 64em) { body.scheduler .mod_scheduler .side .status .item.appointment { opacity: 0 !important; visibility: hidden !important; margin-top: 0; width: 100%; padding-right: 10px; min-width: 180px; max-width: 180px; } body.scheduler .mod_scheduler .side .status .item.appointment.active { width: 100%; opacity: 1 !important; visibility: visible !important; } } body.scheduler .mod_scheduler .side .status .item.appointment .flex { flex-direction: column; margin-top: 5px; gap: 12px; } @media only screen and (max-width: 64em) { body.scheduler .mod_scheduler .side .status .item.appointment .flex { margin-top: 2px; gap: 0; } } body.scheduler .mod_scheduler .side .status .item.appointment .flex div { width: 100%; text-align: left; } body.scheduler .mod_scheduler .side .status .item.appointment .flex div span.label { position: relative; top: -1px; font-size: 13px; margin-right: 8px; display: inline-block; border: 1px solid #fff; border-radius: 2px; color: #fff; padding: 3px 6px; } @media only screen and (max-width: 1200px) { body.scheduler .mod_scheduler .side .status .item.appointment .flex div span.label { display: block; width: fit-content; } } @media only screen and (max-width: 64em) { body.scheduler .mod_scheduler .side .status .item.appointment .flex div span.label { font-size: 11px; display: none; } } body.scheduler .mod_scheduler .side .status .item.appointment .flex div p.bold { font-size: 16px; margin: 0; display: inline-block; } @media only screen and (max-width: 1200px) { body.scheduler .mod_scheduler .side .status .item.appointment .flex div p.bold { font-size: 15px; } } @media only screen and (max-width: 64em) { body.scheduler .mod_scheduler .side .status .item.appointment .flex div p.bold { font-size: 13px; } } body.scheduler .mod_scheduler .side .status .item.appointment .flex div p.bold + p { margin-left: 20px; } @media only screen and (max-width: 64em) { body.scheduler .mod_scheduler .side .status .item.appointment .flex div p.bold + p { margin-left: 7px; position: relative; } body.scheduler .mod_scheduler .side .status .item.appointment .flex div p.bold + p:before { content: "/"; font-weight: 400; color: #fff; margin-right: 2px; } } body.scheduler .mod_scheduler .side .status .item.appointment .flex div p.bold span.type { font-weight: 700; } @media only screen and (max-width: 64em) { body.scheduler .mod_scheduler .side .status .item.appointment .flex div p.bold span.type { display: none; } } body.scheduler .mod_scheduler .side .status .item.appointment .flex div p.bold span { margin-left: 3px; font-size: 15px; } @media only screen and (max-width: 64em) { body.scheduler .mod_scheduler .side .status .item.appointment .flex div p.bold span { font-size: 13px; } } body.scheduler .mod_scheduler .side .status .item.appointment .flex div p.bold span.day { display: none; } @media only screen and (max-width: 64em) { body.scheduler .mod_scheduler .side .status .item.appointment.active { opacity: 1; visibility: visible; width: 100%; } } body.scheduler .mod_scheduler .side * { color: #fff; } body.scheduler .mod_scheduler .main { width: 100%; padding: 20px 60px 60px; background: #f9f9f9; height: 100%; position: relative; overflow: hidden; } @media only screen and (max-width: 1200px) { body.scheduler .mod_scheduler .main { padding: 20px 40px 40px; } } @media only screen and (min-width: 64em)and (max-height: 900px) { body.scheduler .mod_scheduler .main { padding: 20px 30px; } } @media only screen and (max-width: 64em) { body.scheduler .mod_scheduler .main { padding: 30px 20px; } } @media only screen and (max-width: 800px) { body.scheduler .mod_scheduler .main { padding: 0 20px; } } body.scheduler .mod_scheduler .main .select-appointment { position: absolute; top: 50%; left: 50%; width: 100%; transform: translate(-50%, -50%); display: flex; z-index: 5; opacity: 0; visibility: hidden; justify-content: center; align-items: center; transition: .5s all ease-in-out; } body.scheduler .mod_scheduler .main .select-appointment h2 { font-size: 32px; max-width: 520px; margin-left: auto; margin-right: auto; text-align: center; color: #64707e; } @media only screen and (max-width: 1200px) { body.scheduler .mod_scheduler .main .select-appointment h2 { font-size: 28px; } } @media only screen and (min-width: 64em)and (max-height: 900px) { body.scheduler .mod_scheduler .main .select-appointment h2 { font-size: 26px; } } @media only screen and (max-width: 64em) { body.scheduler .mod_scheduler .main .select-appointment h2 { font-size: 26px; } } @media only screen and (max-width: 800px) { body.scheduler .mod_scheduler .main .select-appointment h2 { font-size: 23px; margin-top: 30px; } } @media only screen and (max-width: 40em) { body.scheduler .mod_scheduler .main .select-appointment h2 { font-size: 19px; } } body.scheduler .mod_scheduler .main .select-appointment p.not-accepting { margin: 20px auto 0; max-width: 520px; text-align: center; color: #64707e; letter-spacing: .6px; line-height: 1.6; } @media only screen and (max-width: 800px) { body.scheduler .mod_scheduler .main .select-appointment p.not-accepting { font-size: 14px; } } body.scheduler .mod_scheduler .main .select-appointment p.not-accepting.hide, body.scheduler .mod_scheduler .main .select-appointment p.not-accepting.partial_notification.side-drawer.scrolled.closed, body.scheduler .mod_scheduler .main .select-appointment p.not-accepting.partial_notification.bottom-drawer.scrolled.closed { display: none; } body.scheduler .mod_scheduler .main form { height: 100%; max-width: 1200px; margin: 0 auto; } body.scheduler .mod_scheduler .main form ::placeholder { color: #999 !important; } body.scheduler .mod_scheduler .main form .step.insurance-step .hidden-field { display: none; } body.scheduler .mod_scheduler .main form .step.patient-info-step .field.hidden-field { display: none; } body.scheduler .mod_scheduler .main form[data-form-type=newPatient] .step.location-step .copy p.new, body.scheduler .mod_scheduler .main form[data-form-type=newPatient] .step.provider-step .copy p.new { display: block; } body.scheduler .mod_scheduler .main form[data-form-type=newPatient] .step.patient-info-step .field.hidden-field.new { display: block; } body.scheduler .mod_scheduler .main form[data-form-type=existingPatient] .step.insurance-step .field { display: none; } body.scheduler .mod_scheduler .main form[data-form-type=existingPatient] .step.insurance-step .hidden-field.insurance-update { display: block; } body.scheduler .mod_scheduler .main form[data-form-type=existingPatient] .step.insurance-step.update-insurance .field.insurance-type { display: block; } body.scheduler .mod_scheduler .main form[data-form-type=existingPatient] .step.location-step .copy p.existing, body.scheduler .mod_scheduler .main form[data-form-type=existingPatient] .step.provider-step .copy p.existing { display: block; } body.scheduler .mod_scheduler .main form[data-form-type=existingPatient] .step.patient-info-step .field.hidden-field.existing { display: block; } body.scheduler .mod_scheduler .main form[data-form-type=reschedule] .step.location-step .copy p.reschedule, body.scheduler .mod_scheduler .main form[data-form-type=reschedule] .step.provider-step .copy p.reschedule { display: block; } body.scheduler .mod_scheduler .main form[data-form-type=reschedule] .step.patient-info-step .field.hidden-field.reschedule { display: block; } body.scheduler .mod_scheduler .main form[data-form-type=cancel] .step.location-step .copy p.cancel, body.scheduler .mod_scheduler .main form[data-form-type=cancel] .step.provider-step .copy p.cancel { display: block; } body.scheduler .mod_scheduler .main form[data-form-type=cancel] .step.patient-info-step .field.hidden-field.cancel { display: block; } body.scheduler .mod_scheduler .main .steps { height: 100%; position: relative; } body.scheduler .mod_scheduler .main .steps .step { position: absolute; top: 50%; transform: translateY(-50%); width: 100%; display: flex; align-items: center; flex-direction: column; justify-content: center; height: 100%; opacity: 0; visibility: hidden; overflow: auto; padding-bottom: 60px; } @media only screen and (min-width: 800px)and (max-height: 700px) { body.scheduler .mod_scheduler .main .steps .step { justify-content: flex-start; } } @media only screen and (max-width: 40em) { body.scheduler .mod_scheduler .main .steps .step { padding-bottom: 20px; margin-top: -45px; height: calc(100% - 90px); } body.scheduler .mod_scheduler .main .steps .step.appointment-step { margin-top: 0; } } body.scheduler .mod_scheduler .main .steps .step h2 { font-size: 32px; max-width: 520px; margin-left: auto; margin-right: auto; text-align: center; color: #64707e; } @media only screen and (max-width: 1200px) { body.scheduler .mod_scheduler .main .steps .step h2 { font-size: 28px; } } @media only screen and (min-width: 64em)and (max-height: 900px) { body.scheduler .mod_scheduler .main .steps .step h2 { font-size: 26px; } } @media only screen and (max-width: 64em) { body.scheduler .mod_scheduler .main .steps .step h2 { font-size: 26px; } } @media only screen and (max-width: 800px) { body.scheduler .mod_scheduler .main .steps .step h2 { font-size: 23px; margin-top: 30px; } } @media only screen and (max-width: 40em) { body.scheduler .mod_scheduler .main .steps .step h2 { font-size: 19px; } } body.scheduler .mod_scheduler .main .steps .step.active { opacity: 1; visibility: visible; } body.scheduler .mod_scheduler .main .steps .step.active .inner-step.active { pointer-events: auto; } body.scheduler .mod_scheduler .main .steps .step .inner-step { position: absolute !important; top: 50%; transform: translateY(-50%); opacity: 0; visibility: hidden; width: 100%; margin: 0 auto; text-align: center; pointer-events: none; } @media only screen and (max-width: 1200px) { body.scheduler .mod_scheduler .main .steps .step .inner-step { max-width: 620px; } } @media only screen and (min-width: 800px)and (max-height: 800px) { body.scheduler .mod_scheduler .main .steps .step .inner-step { top: 0; transform: none; overflow: auto; } } @media only screen and (max-width: 800px) { body.scheduler .mod_scheduler .main .steps .step .inner-step:not(.title-icon) { top: 50%; transform: translateY(-50%); } body.scheduler .mod_scheduler .main .steps .step .inner-step.title-icon { overflow: auto; top: 0; transform: none; height: auto; } body.scheduler .mod_scheduler .main .steps .step .inner-step.title-icon h2 { padding-top: 0; } } @media only screen and (max-width: 800px) { body.scheduler .mod_scheduler .main .steps .step .inner-step h2 { padding-top: 20px; margin-bottom: 0; } } @media only screen and (max-width: 40em) { body.scheduler .mod_scheduler .main .steps .step .inner-step { height: calc(100% - 90px); height: 100%; overflow: auto; } } body.scheduler .mod_scheduler .main .steps .step .inner-step .options { max-width: 720px; margin: 30px auto 0; padding-left: 40px; column-count: 2; display: none; } @media only screen and (max-width: 1200px) { body.scheduler .mod_scheduler .main .steps .step .inner-step .options { padding-left: 20px; width: 620px; } } @media only screen and (max-width: 64em) { body.scheduler .mod_scheduler .main .steps .step .inner-step .options { width: fit-content; } } @media only screen and (max-width: 40em) { body.scheduler .mod_scheduler .main .steps .step .inner-step .options { margin-top: 15px; padding-left: 0; column-count: 1; } } @media only screen and (min-width: 800px)and (max-height: 700px) { body.scheduler .mod_scheduler .main .steps .step .inner-step .options { margin-top: 12px; } } body.scheduler .mod_scheduler .main .steps .step .inner-step .options .field-item { width: 100%; text-align: left; } body.scheduler .mod_scheduler .main .steps .step .inner-step .options .field-item + .field-item { margin-top: 8px; } @media only screen and (max-width: 64em) { body.scheduler .mod_scheduler .main .steps .step .inner-step .options .field-item + .field-item { margin-top: 6px; } } body.scheduler .mod_scheduler .main .steps .step .inner-step .options.active { opacity: 1; visibility: visible; display: block; } body.scheduler .mod_scheduler .main .steps .step .inner-step .options.narrow { max-width: 420px; } @media only screen and (max-width: 40em) { body.scheduler .mod_scheduler .main .steps .step .inner-step .options.narrow { column-count: 2; } } body.scheduler .mod_scheduler .main .steps .step .inner-step .options.single { column-count: 1; } body.scheduler .mod_scheduler .main .steps .step .inner-step .options.single .field-item { text-align: center; } body.scheduler .mod_scheduler .main .steps .step .inner-step.active { opacity: 1; visibility: visible; } body.scheduler .mod_scheduler .main .steps .step .inner-step h2.icon { position: relative; } body.scheduler .mod_scheduler .main .steps .step .inner-step h2.icon:before { content: ""; display: block; width: 60px; height: 60px; background: url("data:image/svg+xml,%3Csvg width='23' height='37' viewBox='0 0 23 37' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_486_282)' fill='%2364707E'%3E%3Cpath d='M22.757 9.437c.64 3.409-.004 6.386-1.617 9.197-.806 1.403-1.688 2.753-2.575 4.1-1.238 1.88-1.86 3.992-2.345 6.155-.298 1.32-.611 2.626-1.342 3.793-1.953 3.12-5.75 4.24-9.007 2.611-1.94-.971-3.125-2.56-3.578-4.683-.123-.581.178-1.077.698-1.202.533-.128 1.03.204 1.16.81.498 2.327 2.34 3.68 4.279 3.873 2.188.216 4.13-.909 5.116-2.943.486-1.002.674-2.084.921-3.151.583-2.536 1.486-4.924 2.997-7.074 1.126-1.6 2.188-3.252 2.915-5.086 1.8-4.538.212-9.69-3.783-12.336-5.41-3.578-12.85-.866-14.665 5.351-.241.826-.86 1.162-1.464.794C.075 9.407-.08 9.023.044 8.55.68 6.16 1.941 4.16 3.878 2.623c4.165-3.311 9.709-3.508 14.095-.474 2.24 1.549 3.715 3.688 4.509 6.295.12.392.243.783.273.995l.002-.002z'/%3E%3Cpath d='M6.654 10.229a8.143 8.143 0 0 1 1.583-.474c2.894-.532 5.93.944 7.234 3.58 1.11 2.247 1.103 4.512-.087 6.736-.646 1.205-1.68 2.02-2.921 2.512-1.423.563-1.986 1.585-2.074 3.054-.144 2.348-2.257 3.769-4.394 3.03-1.852-.642-2.747-2.83-1.87-4.586.265-.53.75-.739 1.242-.534.506.21.72.736.494 1.287-.174.423-.24.84-.047 1.265.276.603.857.93 1.474.842.623-.09 1.083-.55 1.186-1.213.052-.338.073-.682.107-1.024.17-1.696.994-2.922 2.58-3.604.34-.146.673-.31.998-.484 1.514-.804 2.123-2.148 2.198-3.783.128-2.815-1.926-5.12-4.695-5.274-1.044-.059-2.014.214-2.9.779-.185.117-.247.235-.183.453a5.262 5.262 0 0 0 1.004 1.873c.164.196.32.113.496.076.988-.2 1.85.043 2.512.806.67.773.824 1.678.44 2.631-.34.842-.976 1.366-1.881 1.536a.96.96 0 0 1-1.075-.617c-.152-.409.059-.925.474-1.144.105-.054.22-.089.33-.133.37-.146.528-.516.372-.872-.15-.343-.557-.46-.903-.264-.742.423-.957.397-1.61-.184-1.976-1.763-2.763-4.568-1.9-7.009.964-2.72 2.913-4.262 5.787-4.54 2.753-.267 5.497 1.49 6.544 4.095.133.332.238.672.307 1.022.1.516-.182.972-.67 1.101-.477.126-.943-.101-1.115-.585-.222-.623-.413-1.255-.822-1.791-1.088-1.427-2.521-2.121-4.313-1.91C8.701 7.1 7.428 8.13 6.721 9.858c-.044.107-.11.214-.063.37h-.004z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_486_282'%3E%3Cpath fill='%23fff' d='M0 0H23V36.038H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") no-repeat center center; background: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_486_286)' fill='%2364707E'%3E%3Cpath d='M10.061 37.746c-.32-.03-7.774-.647-7.774-6.63 0-3.652.747-4.72 4.298-9.845l1.479-2.135c4.97-7.23 4.65-17.602 4.634-18.038C12.683.48 12.104-.045 11.51.015a1.124 1.124 0 0 0-1.097 1.173c0 .105.304 10.086-4.238 16.7l-1.479 2.135C1.082 25.224 0 26.803 0 31.147c0 6.463 6.463 8.628 9.893 8.868h.077c.594 0 1.097-.45 1.143-1.052a1.131 1.131 0 0 0-1.052-1.202v-.015zm25.244-17.739l-1.479-2.134c-4.543-6.614-4.238-16.595-4.238-16.7A1.153 1.153 0 0 0 28.491 0c-.564-.06-1.159.466-1.19 1.082-.015.436-.335 10.808 4.635 18.038l1.478 2.15c3.552 5.126 4.3 6.193 4.3 9.846 0 5.983-7.455 6.599-7.775 6.629a1.131 1.131 0 0 0-1.052 1.203A1.153 1.153 0 0 0 30.03 40h.076C33.522 39.76 40 37.595 40 31.13c0-4.344-1.083-5.908-4.695-11.109v-.015z'/%3E%3Cpath d='M32.866 34.122a1.137 1.137 0 0 0 1.22-1.037 1.13 1.13 0 0 0-1.053-1.202c-.579-.046-5.747-.346-8.018 2.044a21.22 21.22 0 0 0-1.265 1.488c-1.143 1.413-1.845 2.285-3.735 2.33-1.89-.045-2.607-.917-3.735-2.33a21.244 21.244 0 0 0-1.265-1.488c-2.271-2.39-7.439-2.09-8.018-2.044a1.13 1.13 0 0 0-1.052 1.202c.046.617.594 1.067 1.22 1.037 1.188-.09 4.878-.03 6.173 1.338.427.451.793.917 1.144 1.338 1.189 1.473 2.439 2.991 5.183 3.157.06 0 .106.03.167.03h.336c.06 0 .122-.03.167-.03 2.744-.18 3.994-1.684 5.183-3.157.35-.436.717-.887 1.143-1.338 1.296-1.353 4.985-1.428 6.19-1.338h.015z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_486_286'%3E%3Cpath fill='%23fff' d='M0 0H40V40H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") no-repeat center center; background: url("data:image/svg+xml,%3Csvg width='34' height='33' viewBox='0 0 34 33' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_486_290)'%3E%3Cpath d='M34 .432L32.089.014c-2.223 10.622-7.882 17.165-15.102 17.165C9.767 17.179 4.2 10.629 1.91 0L0 .425c.763 3.647 2.107 7.392 4.06 10.573.046 5.053-.44 12.884-3.33 19.552l1.783.821c2.573-5.93 3.35-12.577 3.498-17.659 2.756 3.286 6.396 5.485 10.976 5.485 4.275 0 8.037-1.886 11.009-5.332.162 5.06.945 11.632 3.492 17.506l1.783-.821c-2.85-6.578-3.37-14.283-3.33-19.344C31.744 8.304 33.136 4.677 34 .425v.007z' fill='%2364707E'/%3E%3Cpath d='M19.073 25.476h-3.377v2.853h3.377v-2.853zm0-4.601h-3.377v2.86h3.377v-2.86zm0 9.194h-3.377V33h3.377v-2.93z' fill='%2364707E'/%3E%3Cpath d='M17 6.5c-2.4 0-4.667 1.667-5.5 2.5.667 1 2.7 3 5.5 3s4.5-2 5-3c-.667-.833-2.6-2.5-5-2.5z' stroke='%2364707E' stroke-width='1.5'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_486_290'%3E%3Cpath fill='%23fff' d='M0 0H34V33H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") no-repeat center center; background: url("data:image/svg+xml,%3Csvg width='37' height='35' viewBox='0 0 37 35' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_486_298)' fill='%2364707E'%3E%3Cpath d='M8.894 3.317a18.412 18.412 0 0 0-.86 5.554c0 10.045 8.16 18.212 18.18 18.212 1.798 0 3.58-.266 5.284-.782-3.017 4.38-8.05 7.134-13.537 7.134-9.035 0-16.398-7.369-16.398-16.428 0-5.601 2.83-10.702 7.331-13.69zM12.161 0A17.95 17.95 0 0 0 0 17.007C0 26.942 8.035 35 17.96 35c7.785 0 14.429-4.96 16.914-11.907a16.608 16.608 0 0 1-8.66 2.425c-9.176 0-16.616-7.447-16.616-16.647 0-3.254.938-6.305 2.563-8.871z'/%3E%3Cpath d='M20.4 18.525h-4.112c-.234 0-.36-.297-.188-.47l2.564-2.565h-1.86a.554.554 0 0 1-.547-.548c0-.297.25-.547.547-.547h3.845c.235 0 .36.297.188.469l-2.564 2.566H20.4c.297 0 .547.25.547.547 0 .298-.25.548-.547.548zm7.283-3.771H22.37c-.235 0-.36-.297-.188-.47l3.642-3.645h-3.048a.527.527 0 0 1-.531-.532c0-.297.234-.532.531-.532h4.955c.235 0 .36.297.188.47l-3.642 3.645h3.392c.297 0 .531.235.531.532a.527.527 0 0 1-.531.532h.015zm8.77-5.054h-6.83c-.235 0-.36-.297-.189-.47l4.956-4.943h-4.377a.554.554 0 0 1-.547-.548c0-.297.25-.548.547-.548h6.362c.234 0 .36.298.188.47l-4.956 4.944h4.846c.297 0 .547.25.547.548 0 .297-.25.547-.547.547z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_486_298'%3E%3Cpath fill='%23fff' d='M0 0H37V35H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") no-repeat center center; background: url("data:image/svg+xml,%3Csvg width='41' height='42' viewBox='0 0 41 42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_486_303)' fill='%2364707E'%3E%3Cpath d='M26.107 6.037h-1.555c0-2.466-1.998-4.474-4.451-4.474-2.454 0-4.451 2.008-4.451 4.474h-1.555C14.095 2.71 16.79 0 20.1 0s6.006 2.71 6.006 6.037z'/%3E%3Cpath d='M29.131 16.878l-.585-1.448c2.268-.918 3.381-3.542 2.454-5.822a4.426 4.426 0 0 0-2.383-2.438c-1.098-.473-2.296-.473-3.41-.029l-.584-1.448a5.935 5.935 0 0 1 4.594.043 5.978 5.978 0 0 1 3.224 3.298c1.24 3.083-.243 6.61-3.31 7.858v-.014z'/%3E%3Cpath d='M29.131 16.878l-.585-1.448c2.268-.918 3.381-3.542 2.454-5.822a4.426 4.426 0 0 0-2.383-2.438c-1.098-.473-2.296-.473-3.41-.029l-.584-1.448a5.935 5.935 0 0 1 4.594.043 5.978 5.978 0 0 1 3.224 3.298c1.24 3.083-.243 6.61-3.31 7.858v-.014zm-17.932 0c-3.067-1.248-4.55-4.776-3.31-7.859 1.241-3.082 4.75-4.574 7.818-3.326l-.585 1.448c-2.268-.918-4.865.186-5.792 2.466-.913 2.28.186 4.89 2.454 5.822l-.585 1.449z'/%3E%3Cpath d='M24.224 25.553a5.967 5.967 0 0 1-4.394-1.922l1.14-1.06a4.443 4.443 0 0 0 6.292.229c1.798-1.678 1.897-4.517.228-6.324l1.142-1.061c2.254 2.438 2.111 6.266-.3 8.532a6.001 6.001 0 0 1-4.094 1.62l-.014-.014z'/%3E%3Cpath d='M16.106 25.553c-1.47 0-2.939-.53-4.08-1.62a6.047 6.047 0 0 1-1.912-4.202 6.075 6.075 0 0 1 1.598-4.33l1.141 1.06a4.43 4.43 0 0 0-1.184 3.213 4.46 4.46 0 0 0 1.412 3.111 4.443 4.443 0 0 0 6.292-.23l1.141 1.062a5.967 5.967 0 0 1-4.394 1.921l-.014.015zm4.009-6.998c-2.882 0-5.221-2.352-5.221-5.248 0-2.897 2.34-5.248 5.22-5.248 2.883 0 5.222 2.351 5.222 5.248 0 2.896-2.34 5.248-5.221 5.248zm0-8.933a3.675 3.675 0 0 0-3.666 3.685 3.675 3.675 0 0 0 3.666 3.685 3.675 3.675 0 0 0 3.666-3.685 3.675 3.675 0 0 0-3.666-3.685z'/%3E%3Cpath d='M21.042 21.768h-1.869V40.81h1.87V21.768z'/%3E%3Cpath d='M6.648 40.121V42h26.777v-1.879H6.648zm9.159-4.602c-.486 0-1.013-.043-1.584-.13-3.866-.573-7.104-5.133-7.247-5.333l-.442-.631.599-.488c.143-.115 3.638-2.94 7.632-1.506 5.592 1.994 5.977 5.593 5.992 5.75l.028.345-.228.258c-.071.086-1.498 1.735-4.75 1.735zm-6.962-5.736c.984 1.205 3.252 3.628 5.635 3.986 2.582.388 3.994-.372 4.55-.803-.256-.803-1.24-2.695-4.807-3.972-2.211-.788-4.337.158-5.364.79h-.014z'/%3E%3Cpath d='M24.238 35.518c-3.239 0-4.68-1.649-4.751-1.735l-.228-.258.028-.344c0-.158.4-3.757 5.992-5.75 3.994-1.42 7.49 1.39 7.632 1.505l.6.488-.443.63c-.142.202-3.38 4.747-7.247 5.335-.57.086-1.098.13-1.583.13zm-3.224-2.552c.556.43 1.982 1.19 4.55.803 2.383-.359 4.637-2.782 5.635-3.986-1.041-.617-3.152-1.578-5.364-.79-3.58 1.277-4.55 3.17-4.807 3.973h-.014zM35.15 19.932c.418 0 .756-.34.756-.76s-.338-.76-.756-.76a.758.758 0 0 0-.756.76c0 .42.338.76.756.76zm-.77 5.176c.417 0 .756-.34.756-.76s-.339-.76-.756-.76a.758.758 0 0 0-.757.76c0 .42.339.76.757.76zm5.849-4.976c.417 0 .756-.34.756-.76s-.339-.76-.756-.76a.758.758 0 0 0-.756.76c0 .42.338.76.756.76zm-34.381-.23c.417 0 .756-.34.756-.76 0-.419-.339-.76-.756-.76a.758.758 0 0 0-.756.76c0 .42.338.76.756.76zm.756 5.177c.418 0 .756-.34.756-.76s-.338-.76-.756-.76a.758.758 0 0 0-.756.76c0 .42.339.76.756.76zM.756 20.105c.418 0 .756-.34.756-.76s-.338-.76-.756-.76a.758.758 0 0 0-.756.76c0 .42.339.76.756.76zm12.31-2.996l-.347-1.846-1.836.349.347 1.845 1.836-.348zm15.918.348l.347-1.846-1.696-.322-.347 1.846 1.696.322zM26.693 6.19l-1.578-1.007-.826 1.307 1.577 1.007.827-1.307zM14.608 7.47l1.577-1.007-.81-1.283-1.578 1.007.81 1.283z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_486_303'%3E%3Cpath fill='%23fff' d='M0 0H41V42H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") no-repeat center center; background: url("data:image/svg+xml,%3Csvg width='38' height='38' viewBox='0 0 38 38' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30.13 34.09H7.58C5.6 34.09 4 32.48 4 30.51v-.49h4.75V6.84C8.75 5.27 10.02 4 11.59 4h19.76c1.56 0 2.84 1.27 2.84 2.84v23.49c0 1.97-1.52 3.65-3.39 3.75-.23.01-.45 0-.66-.03v.03l-.01.01zm-25.11-3.1a2.61 2.61 0 0 0 2.57 2.12h20.57-.01c-.6-.58-.98-1.32-1.08-2.12H5.02zm4.7-.97h18.27v.49c0 .72.29 1.4.81 1.89.52.5 1.21.76 1.94.71 1.36-.07 2.47-1.32 2.47-2.78V6.84c0-1.03-.84-1.87-1.87-1.87H11.59c-1.03 0-1.87.84-1.87 1.87v23.18z' fill='%2364707E'/%3E%3Cpath d='M29.25 20.05H13.9a.49.49 0 0 1 0-.98h15.35a.49.49 0 0 1 0 .98zm0 3.04H13.9a.49.49 0 0 1 0-.98h15.35a.49.49 0 0 1 0 .98zm-7.38 3.05h-7.98a.49.49 0 0 1 0-.98h7.98a.49.49 0 0 1 0 .98zm1.72-12.02a.49.49 0 0 1-.49-.49V7.52h2.7c.45 0 1.62.35 1.62 1.95 0 .62-.18 1.1-.54 1.43-.5.45-1.14.4-1.21.4h-1.6v2.33c0 .27-.22.49-.49.49h.01zm.49-3.79h1.65s.33.02.51-.15c.15-.14.22-.37.22-.71 0-.89-.5-.98-.66-.98h-1.72v1.84z' fill='%2364707E'/%3E%3Cpath d='M29 16.06c-.14 0-.27-.06-.37-.17l-3.96-4.63c-.17-.2-.15-.51.05-.68.2-.17.51-.15.68.05l3.96 4.63a.487.487 0 0 1-.37.8H29z' fill='%2364707E'/%3E%3Cpath d='M25.92 16.06a.51.51 0 0 1-.32-.12.478.478 0 0 1-.05-.68l3.02-3.53a.47.47 0 0 1 .68-.05c.2.17.23.48.05.68l-3.02 3.53c-.1.11-.23.17-.37.17h.01z' fill='%2364707E'/%3E%3C/svg%3E") no-repeat center center; background-size: auto 90% !important; margin: 0 auto 30px; } @media only screen and (max-width: 1200px) { body.scheduler .mod_scheduler .main .steps .step .inner-step h2.icon:before { width: 45px; height: 45px; margin-bottom: 25px; } } @media only screen and (min-width: 64em)and (max-height: 900px) { body.scheduler .mod_scheduler .main .steps .step .inner-step h2.icon:before { width: 38px; height: 38px; margin-bottom: 15px; } } @media only screen and (max-width: 64em) { body.scheduler .mod_scheduler .main .steps .step .inner-step h2.icon:before { width: 38px; height: 38px; margin-bottom: 20px; } } @media only screen and (max-width: 800px) { body.scheduler .mod_scheduler .main .steps .step .inner-step h2.icon:before { width: 32px; height: 32px; margin-bottom: 15px; } } @media only screen and (max-width: 40em) { body.scheduler .mod_scheduler .main .steps .step .inner-step h2.icon:before { width: 24px; height: 24px; margin-bottom: 5px; } } body.scheduler .mod_scheduler .main .steps .step .inner-step h2.icon.ear:before { background: url("data:image/svg+xml,%3Csvg width='23' height='37' viewBox='0 0 23 37' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_486_282)' fill='%2364707E'%3E%3Cpath d='M22.757 9.437c.64 3.409-.004 6.386-1.617 9.197-.806 1.403-1.688 2.753-2.575 4.1-1.238 1.88-1.86 3.992-2.345 6.155-.298 1.32-.611 2.626-1.342 3.793-1.953 3.12-5.75 4.24-9.007 2.611-1.94-.971-3.125-2.56-3.578-4.683-.123-.581.178-1.077.698-1.202.533-.128 1.03.204 1.16.81.498 2.327 2.34 3.68 4.279 3.873 2.188.216 4.13-.909 5.116-2.943.486-1.002.674-2.084.921-3.151.583-2.536 1.486-4.924 2.997-7.074 1.126-1.6 2.188-3.252 2.915-5.086 1.8-4.538.212-9.69-3.783-12.336-5.41-3.578-12.85-.866-14.665 5.351-.241.826-.86 1.162-1.464.794C.075 9.407-.08 9.023.044 8.55.68 6.16 1.941 4.16 3.878 2.623c4.165-3.311 9.709-3.508 14.095-.474 2.24 1.549 3.715 3.688 4.509 6.295.12.392.243.783.273.995l.002-.002z'/%3E%3Cpath d='M6.654 10.229a8.143 8.143 0 0 1 1.583-.474c2.894-.532 5.93.944 7.234 3.58 1.11 2.247 1.103 4.512-.087 6.736-.646 1.205-1.68 2.02-2.921 2.512-1.423.563-1.986 1.585-2.074 3.054-.144 2.348-2.257 3.769-4.394 3.03-1.852-.642-2.747-2.83-1.87-4.586.265-.53.75-.739 1.242-.534.506.21.72.736.494 1.287-.174.423-.24.84-.047 1.265.276.603.857.93 1.474.842.623-.09 1.083-.55 1.186-1.213.052-.338.073-.682.107-1.024.17-1.696.994-2.922 2.58-3.604.34-.146.673-.31.998-.484 1.514-.804 2.123-2.148 2.198-3.783.128-2.815-1.926-5.12-4.695-5.274-1.044-.059-2.014.214-2.9.779-.185.117-.247.235-.183.453a5.262 5.262 0 0 0 1.004 1.873c.164.196.32.113.496.076.988-.2 1.85.043 2.512.806.67.773.824 1.678.44 2.631-.34.842-.976 1.366-1.881 1.536a.96.96 0 0 1-1.075-.617c-.152-.409.059-.925.474-1.144.105-.054.22-.089.33-.133.37-.146.528-.516.372-.872-.15-.343-.557-.46-.903-.264-.742.423-.957.397-1.61-.184-1.976-1.763-2.763-4.568-1.9-7.009.964-2.72 2.913-4.262 5.787-4.54 2.753-.267 5.497 1.49 6.544 4.095.133.332.238.672.307 1.022.1.516-.182.972-.67 1.101-.477.126-.943-.101-1.115-.585-.222-.623-.413-1.255-.822-1.791-1.088-1.427-2.521-2.121-4.313-1.91C8.701 7.1 7.428 8.13 6.721 9.858c-.044.107-.11.214-.063.37h-.004z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_486_282'%3E%3Cpath fill='%23fff' d='M0 0H23V36.038H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") no-repeat center center; background-size: auto 100% !important; } body.scheduler .mod_scheduler .main .steps .step .inner-step h2.icon.nose:before { background: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_486_286)' fill='%2364707E'%3E%3Cpath d='M10.061 37.746c-.32-.03-7.774-.647-7.774-6.63 0-3.652.747-4.72 4.298-9.845l1.479-2.135c4.97-7.23 4.65-17.602 4.634-18.038C12.683.48 12.104-.045 11.51.015a1.124 1.124 0 0 0-1.097 1.173c0 .105.304 10.086-4.238 16.7l-1.479 2.135C1.082 25.224 0 26.803 0 31.147c0 6.463 6.463 8.628 9.893 8.868h.077c.594 0 1.097-.45 1.143-1.052a1.131 1.131 0 0 0-1.052-1.202v-.015zm25.244-17.739l-1.479-2.134c-4.543-6.614-4.238-16.595-4.238-16.7A1.153 1.153 0 0 0 28.491 0c-.564-.06-1.159.466-1.19 1.082-.015.436-.335 10.808 4.635 18.038l1.478 2.15c3.552 5.126 4.3 6.193 4.3 9.846 0 5.983-7.455 6.599-7.775 6.629a1.131 1.131 0 0 0-1.052 1.203A1.153 1.153 0 0 0 30.03 40h.076C33.522 39.76 40 37.595 40 31.13c0-4.344-1.083-5.908-4.695-11.109v-.015z'/%3E%3Cpath d='M32.866 34.122a1.137 1.137 0 0 0 1.22-1.037 1.13 1.13 0 0 0-1.053-1.202c-.579-.046-5.747-.346-8.018 2.044a21.22 21.22 0 0 0-1.265 1.488c-1.143 1.413-1.845 2.285-3.735 2.33-1.89-.045-2.607-.917-3.735-2.33a21.244 21.244 0 0 0-1.265-1.488c-2.271-2.39-7.439-2.09-8.018-2.044a1.13 1.13 0 0 0-1.052 1.202c.046.617.594 1.067 1.22 1.037 1.188-.09 4.878-.03 6.173 1.338.427.451.793.917 1.144 1.338 1.189 1.473 2.439 2.991 5.183 3.157.06 0 .106.03.167.03h.336c.06 0 .122-.03.167-.03 2.744-.18 3.994-1.684 5.183-3.157.35-.436.717-.887 1.143-1.338 1.296-1.353 4.985-1.428 6.19-1.338h.015z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_486_286'%3E%3Cpath fill='%23fff' d='M0 0H40V40H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") no-repeat center center; } body.scheduler .mod_scheduler .main .steps .step .inner-step h2.icon.throat-neck:before { background: url("data:image/svg+xml,%3Csvg width='34' height='33' viewBox='0 0 34 33' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_486_290)'%3E%3Cpath d='M34 .432L32.089.014c-2.223 10.622-7.882 17.165-15.102 17.165C9.767 17.179 4.2 10.629 1.91 0L0 .425c.763 3.647 2.107 7.392 4.06 10.573.046 5.053-.44 12.884-3.33 19.552l1.783.821c2.573-5.93 3.35-12.577 3.498-17.659 2.756 3.286 6.396 5.485 10.976 5.485 4.275 0 8.037-1.886 11.009-5.332.162 5.06.945 11.632 3.492 17.506l1.783-.821c-2.85-6.578-3.37-14.283-3.33-19.344C31.744 8.304 33.136 4.677 34 .425v.007z' fill='%2364707E'/%3E%3Cpath d='M19.073 25.476h-3.377v2.853h3.377v-2.853zm0-4.601h-3.377v2.86h3.377v-2.86zm0 9.194h-3.377V33h3.377v-2.93z' fill='%2364707E'/%3E%3Cpath d='M17 6.5c-2.4 0-4.667 1.667-5.5 2.5.667 1 2.7 3 5.5 3s4.5-2 5-3c-.667-.833-2.6-2.5-5-2.5z' stroke='%2364707E' stroke-width='1.5'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_486_290'%3E%3Cpath fill='%23fff' d='M0 0H34V33H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") no-repeat center center; } body.scheduler .mod_scheduler .main .steps .step .inner-step h2.icon.sleep:before { background: url("data:image/svg+xml,%3Csvg width='37' height='35' viewBox='0 0 37 35' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_486_298)' fill='%2364707E'%3E%3Cpath d='M8.894 3.317a18.412 18.412 0 0 0-.86 5.554c0 10.045 8.16 18.212 18.18 18.212 1.798 0 3.58-.266 5.284-.782-3.017 4.38-8.05 7.134-13.537 7.134-9.035 0-16.398-7.369-16.398-16.428 0-5.601 2.83-10.702 7.331-13.69zM12.161 0A17.95 17.95 0 0 0 0 17.007C0 26.942 8.035 35 17.96 35c7.785 0 14.429-4.96 16.914-11.907a16.608 16.608 0 0 1-8.66 2.425c-9.176 0-16.616-7.447-16.616-16.647 0-3.254.938-6.305 2.563-8.871z'/%3E%3Cpath d='M20.4 18.525h-4.112c-.234 0-.36-.297-.188-.47l2.564-2.565h-1.86a.554.554 0 0 1-.547-.548c0-.297.25-.547.547-.547h3.845c.235 0 .36.297.188.469l-2.564 2.566H20.4c.297 0 .547.25.547.547 0 .298-.25.548-.547.548zm7.283-3.771H22.37c-.235 0-.36-.297-.188-.47l3.642-3.645h-3.048a.527.527 0 0 1-.531-.532c0-.297.234-.532.531-.532h4.955c.235 0 .36.297.188.47l-3.642 3.645h3.392c.297 0 .531.235.531.532a.527.527 0 0 1-.531.532h.015zm8.77-5.054h-6.83c-.235 0-.36-.297-.189-.47l4.956-4.943h-4.377a.554.554 0 0 1-.547-.548c0-.297.25-.548.547-.548h6.362c.234 0 .36.298.188.47l-4.956 4.944h4.846c.297 0 .547.25.547.548 0 .297-.25.547-.547.547z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_486_298'%3E%3Cpath fill='%23fff' d='M0 0H37V35H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") no-repeat center center; } body.scheduler .mod_scheduler .main .steps .step .inner-step h2.icon.allergies:before { background: url("data:image/svg+xml,%3Csvg width='41' height='42' viewBox='0 0 41 42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_486_303)' fill='%2364707E'%3E%3Cpath d='M26.107 6.037h-1.555c0-2.466-1.998-4.474-4.451-4.474-2.454 0-4.451 2.008-4.451 4.474h-1.555C14.095 2.71 16.79 0 20.1 0s6.006 2.71 6.006 6.037z'/%3E%3Cpath d='M29.131 16.878l-.585-1.448c2.268-.918 3.381-3.542 2.454-5.822a4.426 4.426 0 0 0-2.383-2.438c-1.098-.473-2.296-.473-3.41-.029l-.584-1.448a5.935 5.935 0 0 1 4.594.043 5.978 5.978 0 0 1 3.224 3.298c1.24 3.083-.243 6.61-3.31 7.858v-.014z'/%3E%3Cpath d='M29.131 16.878l-.585-1.448c2.268-.918 3.381-3.542 2.454-5.822a4.426 4.426 0 0 0-2.383-2.438c-1.098-.473-2.296-.473-3.41-.029l-.584-1.448a5.935 5.935 0 0 1 4.594.043 5.978 5.978 0 0 1 3.224 3.298c1.24 3.083-.243 6.61-3.31 7.858v-.014zm-17.932 0c-3.067-1.248-4.55-4.776-3.31-7.859 1.241-3.082 4.75-4.574 7.818-3.326l-.585 1.448c-2.268-.918-4.865.186-5.792 2.466-.913 2.28.186 4.89 2.454 5.822l-.585 1.449z'/%3E%3Cpath d='M24.224 25.553a5.967 5.967 0 0 1-4.394-1.922l1.14-1.06a4.443 4.443 0 0 0 6.292.229c1.798-1.678 1.897-4.517.228-6.324l1.142-1.061c2.254 2.438 2.111 6.266-.3 8.532a6.001 6.001 0 0 1-4.094 1.62l-.014-.014z'/%3E%3Cpath d='M16.106 25.553c-1.47 0-2.939-.53-4.08-1.62a6.047 6.047 0 0 1-1.912-4.202 6.075 6.075 0 0 1 1.598-4.33l1.141 1.06a4.43 4.43 0 0 0-1.184 3.213 4.46 4.46 0 0 0 1.412 3.111 4.443 4.443 0 0 0 6.292-.23l1.141 1.062a5.967 5.967 0 0 1-4.394 1.921l-.014.015zm4.009-6.998c-2.882 0-5.221-2.352-5.221-5.248 0-2.897 2.34-5.248 5.22-5.248 2.883 0 5.222 2.351 5.222 5.248 0 2.896-2.34 5.248-5.221 5.248zm0-8.933a3.675 3.675 0 0 0-3.666 3.685 3.675 3.675 0 0 0 3.666 3.685 3.675 3.675 0 0 0 3.666-3.685 3.675 3.675 0 0 0-3.666-3.685z'/%3E%3Cpath d='M21.042 21.768h-1.869V40.81h1.87V21.768z'/%3E%3Cpath d='M6.648 40.121V42h26.777v-1.879H6.648zm9.159-4.602c-.486 0-1.013-.043-1.584-.13-3.866-.573-7.104-5.133-7.247-5.333l-.442-.631.599-.488c.143-.115 3.638-2.94 7.632-1.506 5.592 1.994 5.977 5.593 5.992 5.75l.028.345-.228.258c-.071.086-1.498 1.735-4.75 1.735zm-6.962-5.736c.984 1.205 3.252 3.628 5.635 3.986 2.582.388 3.994-.372 4.55-.803-.256-.803-1.24-2.695-4.807-3.972-2.211-.788-4.337.158-5.364.79h-.014z'/%3E%3Cpath d='M24.238 35.518c-3.239 0-4.68-1.649-4.751-1.735l-.228-.258.028-.344c0-.158.4-3.757 5.992-5.75 3.994-1.42 7.49 1.39 7.632 1.505l.6.488-.443.63c-.142.202-3.38 4.747-7.247 5.335-.57.086-1.098.13-1.583.13zm-3.224-2.552c.556.43 1.982 1.19 4.55.803 2.383-.359 4.637-2.782 5.635-3.986-1.041-.617-3.152-1.578-5.364-.79-3.58 1.277-4.55 3.17-4.807 3.973h-.014zM35.15 19.932c.418 0 .756-.34.756-.76s-.338-.76-.756-.76a.758.758 0 0 0-.756.76c0 .42.338.76.756.76zm-.77 5.176c.417 0 .756-.34.756-.76s-.339-.76-.756-.76a.758.758 0 0 0-.757.76c0 .42.339.76.757.76zm5.849-4.976c.417 0 .756-.34.756-.76s-.339-.76-.756-.76a.758.758 0 0 0-.756.76c0 .42.338.76.756.76zm-34.381-.23c.417 0 .756-.34.756-.76 0-.419-.339-.76-.756-.76a.758.758 0 0 0-.756.76c0 .42.338.76.756.76zm.756 5.177c.418 0 .756-.34.756-.76s-.338-.76-.756-.76a.758.758 0 0 0-.756.76c0 .42.339.76.756.76zM.756 20.105c.418 0 .756-.34.756-.76s-.338-.76-.756-.76a.758.758 0 0 0-.756.76c0 .42.339.76.756.76zm12.31-2.996l-.347-1.846-1.836.349.347 1.845 1.836-.348zm15.918.348l.347-1.846-1.696-.322-.347 1.846 1.696.322zM26.693 6.19l-1.578-1.007-.826 1.307 1.577 1.007.827-1.307zM14.608 7.47l1.577-1.007-.81-1.283-1.578 1.007.81 1.283z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_486_303'%3E%3Cpath fill='%23fff' d='M0 0H41V42H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") no-repeat center center; } body.scheduler .mod_scheduler .main .steps .step .inner-step h2.icon.prescription:before { background: url("data:image/svg+xml,%3Csvg width='38' height='38' viewBox='0 0 38 38' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30.13 34.09H7.58C5.6 34.09 4 32.48 4 30.51v-.49h4.75V6.84C8.75 5.27 10.02 4 11.59 4h19.76c1.56 0 2.84 1.27 2.84 2.84v23.49c0 1.97-1.52 3.65-3.39 3.75-.23.01-.45 0-.66-.03v.03l-.01.01zm-25.11-3.1a2.61 2.61 0 0 0 2.57 2.12h20.57-.01c-.6-.58-.98-1.32-1.08-2.12H5.02zm4.7-.97h18.27v.49c0 .72.29 1.4.81 1.89.52.5 1.21.76 1.94.71 1.36-.07 2.47-1.32 2.47-2.78V6.84c0-1.03-.84-1.87-1.87-1.87H11.59c-1.03 0-1.87.84-1.87 1.87v23.18z' fill='%2364707E'/%3E%3Cpath d='M29.25 20.05H13.9a.49.49 0 0 1 0-.98h15.35a.49.49 0 0 1 0 .98zm0 3.04H13.9a.49.49 0 0 1 0-.98h15.35a.49.49 0 0 1 0 .98zm-7.38 3.05h-7.98a.49.49 0 0 1 0-.98h7.98a.49.49 0 0 1 0 .98zm1.72-12.02a.49.49 0 0 1-.49-.49V7.52h2.7c.45 0 1.62.35 1.62 1.95 0 .62-.18 1.1-.54 1.43-.5.45-1.14.4-1.21.4h-1.6v2.33c0 .27-.22.49-.49.49h.01zm.49-3.79h1.65s.33.02.51-.15c.15-.14.22-.37.22-.71 0-.89-.5-.98-.66-.98h-1.72v1.84z' fill='%2364707E'/%3E%3Cpath d='M29 16.06c-.14 0-.27-.06-.37-.17l-3.96-4.63c-.17-.2-.15-.51.05-.68.2-.17.51-.15.68.05l3.96 4.63a.487.487 0 0 1-.37.8H29z' fill='%2364707E'/%3E%3Cpath d='M25.92 16.06a.51.51 0 0 1-.32-.12.478.478 0 0 1-.05-.68l3.02-3.53a.47.47 0 0 1 .68-.05c.2.17.23.48.05.68l-3.02 3.53c-.1.11-.23.17-.37.17h.01z' fill='%2364707E'/%3E%3C/svg%3E") no-repeat center center; } body.scheduler .mod_scheduler .main .steps .step .inner-step .prev-step, body.scheduler .mod_scheduler .main .steps .step .inner-step .reset-btn { padding: 5px 12px !important; min-width: auto; margin: 6px 0 0 !important; font-size: 14px; text-decoration: none; background: #64707e; color: #fff; } body.scheduler .mod_scheduler .main .steps .step .inner-step .prev-step:hover, body.scheduler .mod_scheduler .main .steps .step .inner-step .reset-btn:hover { opacity: .6; } body.scheduler .mod_scheduler .main .steps .step .inner-step .prev-step:focus, body.scheduler .mod_scheduler .main .steps .step .inner-step .reset-btn:focus { outline: none; } body.scheduler .mod_scheduler .main .steps .step .inner-step .reset-btn { color: #64707e; background: none; text-decoration: underline; } body.scheduler .mod_scheduler .main .steps .step .inner-step.provider { width: 100%; height: 100%; position: relative; } body.scheduler .mod_scheduler .main .steps .step .inner-step.provider:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; display: block; background: #fff; opacity: 1; background: linear-gradient(0deg, #f9f9f9 20%, rgba(249, 249, 249, 0) 80%); height: 80px; top: auto; bottom: 0; z-index: 5; pointer-events: none; } body.scheduler .mod_scheduler .main .steps .step .inner-step.provider .date-time { position: relative; } body.scheduler .mod_scheduler .main .steps .step .inner-step.provider .date-time .calendar-nav { margin-top: 40px; justify-content: space-between; } @media only screen and (min-width: 64em)and (max-height: 900px) { body.scheduler .mod_scheduler .main .steps .step .inner-step.provider .date-time .calendar-nav { margin: 20px 0 25px; } } @media only screen and (min-width: 800px)and (max-height: 700px) { body.scheduler .mod_scheduler .main .steps .step .inner-step.provider .date-time .calendar-nav { margin: 12px 0 18px; } } @media only screen and (max-width: 64em) { body.scheduler .mod_scheduler .main .steps .step .inner-step.provider .date-time .calendar-nav { margin: 20px 0 25px; } } @media only screen and (max-width: 40em) { body.scheduler .mod_scheduler .main .steps .step .inner-step.provider .date-time .calendar-nav { margin: 15px 0 20px; } } body.scheduler .mod_scheduler .main .steps .step .inner-step.provider .date-time .calendar-nav span { letter-spacing: .5px; font-weight: 600; font-size: 15px; } body.scheduler .mod_scheduler .main .steps .step .inner-step.provider .date-time .calendar-nav span.current { opacity: 0; visibility: hidden; } body.scheduler .mod_scheduler .main .steps .step .inner-step.provider .date-time .calendar-nav span.prev-week { opacity: 0; visibility: hidden; } body.scheduler .mod_scheduler .main .steps .step .inner-step.provider .date-time .calendar-nav span.active { opacity: 1; visibility: visible; } body.scheduler .mod_scheduler .main .steps .step .inner-step.provider .date-time .calendar-nav span.current, body.scheduler .mod_scheduler .main .steps .step .inner-step.provider .date-time .calendar-nav span.prev-week, body.scheduler .mod_scheduler .main .steps .step .inner-step.provider .date-time .calendar-nav span.next-week { margin-top: 0; width: 110px; min-width: auto; padding: 7px 12px; font-size: 13px; } body.scheduler .mod_scheduler .main .steps .step .inner-step.provider .date-time .calendar-nav span.current:focus, body.scheduler .mod_scheduler .main .steps .step .inner-step.provider .date-time .calendar-nav span.prev-week:focus, body.scheduler .mod_scheduler .main .steps .step .inner-step.provider .date-time .calendar-nav span.next-week:focus { text-decoration: underline; outline: none; box-shadow: 0 0 4px 2px #64707e; } body.scheduler .mod_scheduler .main .steps .step .inner-step.provider .date-time .calendar-nav span.current:hover, body.scheduler .mod_scheduler .main .steps .step .inner-step.provider .date-time .calendar-nav span.prev-week:hover, body.scheduler .mod_scheduler .main .steps .step .inner-step.provider .date-time .calendar-nav span.next-week:hover { cursor: pointer; text-decoration: none; box-shadow: none; opacity: .6; } body.scheduler .mod_scheduler .main .steps .step .inner-step.provider .date-time .calendar-nav span.prev-week, body.scheduler .mod_scheduler .main .steps .step .inner-step.provider .date-time .calendar-nav span.next-week { position: relative; left: 0; } body.scheduler .mod_scheduler .main .steps .step .inner-step.provider .date-time .calendar-nav span.prev-week:before, body.scheduler .mod_scheduler .main .steps .step .inner-step.provider .date-time .calendar-nav span.next-week:before { content: ""; position: relative; display: inline-block; padding: 5px; top: 1px; background: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21 12.5H2m9.5 9l-9.5-9M12 3L2 12.5' stroke='%2364707E' stroke-width='4' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center center; background-size: auto 90%; margin-right: 10px; filter: brightness(50); } @media only screen and (max-width: 40em) { body.scheduler .mod_scheduler .main .steps .step .inner-step.provider .date-time .calendar-nav span.prev-week:before, body.scheduler .mod_scheduler .main .steps .step .inner-step.provider .date-time .calendar-nav span.next-week:before { background-size: auto 85%; padding: 5px; } } body.scheduler .mod_scheduler .main .steps .step .inner-step.provider .date-time .calendar-nav span.prev-week { position: absolute; } body.scheduler .mod_scheduler .main .steps .step .inner-step.provider .date-time .calendar-nav span.next-week:before { display: none; } body.scheduler .mod_scheduler .main .steps .step .inner-step.provider .date-time .calendar-nav span.next-week:after { content: ""; position: relative; display: inline-block; padding: 5px; top: 1px; background: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 12h19m-9.5-9l9.5 9m-10 9.5L22 12' stroke='%2364707E' stroke-width='4' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center center; background-size: auto 90%; margin-left: 10px; filter: brightness(50); } @media only screen and (max-width: 40em) { body.scheduler .mod_scheduler .main .steps .step .inner-step.provider .date-time .calendar-nav span.next-week:after { background-size: auto 85%; padding: 5px; } } body.scheduler .mod_scheduler .main .steps .step .inner-step.provider .date-time .calendar-nav span.next-week.disabled { opacity: 0; visibility: hidden; right: -10px; pointer-events: none; } body.scheduler .mod_scheduler .main .steps .step .inner-step.provider .date-time .calendar-nav span.current { pointer-events: none; background: #f9f9f9; color: #999; } body.scheduler .mod_scheduler .main .steps .step .inner-step.provider .date-time .date-time-grid { display: flex; justify-content: flex-start; height: 100%; max-height: 410px; overflow: auto; gap: 10px; min-height: 230px; position: relative; } @media only screen and (min-width: 64em)and (max-height: 900px) { body.scheduler .mod_scheduler .main .steps .step .inner-step.provider .date-time .date-time-grid { min-height: 210px; } } @media only screen and (min-width: 800px)and (max-height: 700px) { body.scheduler .mod_scheduler .main .steps .step .inner-step.provider .date-time .date-time-grid { min-height: 200px; } } @media only screen and (max-width: 64em) { body.scheduler .mod_scheduler .main .steps .step .inner-step.provider .date-time .date-time-grid { min-height: 180px; } } @media only screen and (max-width: 800px) { body.scheduler .mod_scheduler .main .steps .step .inner-step.provider .date-time .date-time-grid { min-height: 160px; } } @media only screen and (max-width: 40em) { body.scheduler .mod_scheduler .main .steps .step .inner-step.provider .date-time .date-time-grid { min-height: 120px; gap: 5px; } } @media only screen and (max-width: 340px) { body.scheduler .mod_scheduler .main .steps .step .inner-step.provider .date-time .date-time-grid { gap: 2px; } } body.scheduler .mod_scheduler .main .steps .step .inner-step.provider .date-time .date-time-grid:before { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; border-radius: 8px; background: #f9f9f9; opacity: 0; visibility: hidden; z-index: 6; color: #fff; display: inline-block; } body.scheduler .mod_scheduler .main .steps .step .inner-step.provider .date-time .date-time-grid:after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: url("/assets/img/img-export/1686671249-loader2.gif") no-repeat center center; background-size: auto 100%; filter: invert(1); opacity: 0; visibility: hidden; pointer-events: none; width: 60px; height: 60px; z-index: 7; } body.scheduler .mod_scheduler .main .steps .step .inner-step.provider .date-time .date-time-grid h3 { position: absolute; z-index: 6; color: #64707e; font-size: 20px; top: 50%; left: 50%; max-width: 340px; width: 100%; transform: translate(-50%, -50%); opacity: 1; visibility: visible; pointer-events: none; } @media only screen and (max-width: 40em) { body.scheduler .mod_scheduler .main .steps .step .inner-step.provider .date-time .date-time-grid h3 { max-width: 320px; font-size: 18px; } } body.scheduler .mod_scheduler .main .steps .step .inner-step.provider .date-time .date-time-grid .day-column { width: 20%; } body.scheduler .mod_scheduler .main .steps .step .inner-step.provider .date-time .date-time-grid .day-column span.date { display: flex; flex-direction: column; font-size: clamp(.8125rem, .767rem + .1942vw, 1rem); color: #64707e; font-weight: 600; } body.scheduler .mod_scheduler .main .steps .step .inner-step.provider .date-time .date-time-grid .day-column span.date span.day { order: 2; display: block; color: #999; font-size: 90%; margin-top: 8px; font-weight: 400; } @media only screen and (max-width: 1200px) { body.scheduler .mod_scheduler .main .steps .step .inner-step.provider .date-time .date-time-grid .day-column span.date span.day { font-size: 85%; } } body.scheduler .mod_scheduler .main .steps .step .inner-step.provider .date-time .date-time-grid .day-column .time-slots { display: flex; flex-direction: column; margin-top: 25px; gap: 10px; } @media only screen and (min-width: 64em)and (max-height: 900px) { body.scheduler .mod_scheduler .main .steps .step .inner-step.provider .date-time .date-time-grid .day-column .time-slots { margin-top: 20px; } } @media only screen and (min-width: 800px)and (max-height: 700px) { body.scheduler .mod_scheduler .main .steps .step .inner-step.provider .date-time .date-time-grid .day-column .time-slots { margin-top: 10px; } } @media only screen and (max-width: 64em) { body.scheduler .mod_scheduler .main .steps .step .inner-step.provider .date-time .date-time-grid .day-column .time-slots { margin-top: 15px; } } @media only screen and (max-width: 40em) { body.scheduler .mod_scheduler .main .steps .step .inner-step.provider .date-time .date-time-grid .day-column .time-slots { margin-top: 10px; gap: 5px; } } @media only screen and (max-width: 340px) { body.scheduler .mod_scheduler .main .steps .step .inner-step.provider .date-time .date-time-grid .day-column .time-slots { gap: 2px; } } body.scheduler .mod_scheduler .main .steps .step .inner-step.provider .date-time .date-time-grid .day-column .time-slots a { display: inline-block; padding: 14px 10px; color: #777; border: 2px solid #ddd; font-weight: 600; background: #fff; border-radius: 4px; font-size: clamp(.8125rem, .767rem + .1942vw, 1rem); } @media only screen and (max-width: 1200px) { body.scheduler .mod_scheduler .main .steps .step .inner-step.provider .date-time .date-time-grid .day-column .time-slots a { padding: 11px 8px; } } @media only screen and (min-width: 64em)and (max-height: 900px) { body.scheduler .mod_scheduler .main .steps .step .inner-step.provider .date-time .date-time-grid .day-column .time-slots a { padding: 11px 8px; } } @media only screen and (max-width: 64em) { body.scheduler .mod_scheduler .main .steps .step .inner-step.provider .date-time .date-time-grid .day-column .time-slots a { padding: 11px 8px; } } @media only screen and (max-width: 800px) { body.scheduler .mod_scheduler .main .steps .step .inner-step.provider .date-time .date-time-grid .day-column .time-slots a { padding: 11px 6px; } } @media only screen and (max-width: 40em) { body.scheduler .mod_scheduler .main .steps .step .inner-step.provider .date-time .date-time-grid .day-column .time-slots a { padding: 11px 3px; color: #565656; letter-spacing: .5px; border: 1px solid #ddd; } } body.scheduler .mod_scheduler .main .steps .step .inner-step.provider .date-time .date-time-grid .day-column .time-slots a.disabled, body.scheduler .mod_scheduler .main .steps .step .inner-step.provider .date-time.done .date-time-grid .day-column .time-slots a, body.scheduler .mod_scheduler .main .steps .step .inner-step.provider .date-time .date-time-grid .day-column .time-slots a.expired { pointer-events: none; font-weight: 400; background: #f9f9f9; border: 2px solid #f9f9f9; color: #ccc; } @media only screen and (max-width: 40em) { body.scheduler .mod_scheduler .main .steps .step .inner-step.provider .date-time .date-time-grid .day-column .time-slots a.disabled, body.scheduler .mod_scheduler .main .steps .step .inner-step.provider .date-time.done .date-time-grid .day-column .time-slots a, body.scheduler .mod_scheduler .main .steps .step .inner-step.provider .date-time .date-time-grid .day-column .time-slots a.expired { color: #999; border: 1px solid #f9f9f9; } } body.scheduler .mod_scheduler .main .steps .step .inner-step.provider .date-time .date-time-grid .day-column .time-slots a:focus, body.scheduler .mod_scheduler .main .steps .step .inner-step.provider .date-time .date-time-grid .day-column .time-slots a:focus-within, body.scheduler .mod_scheduler .main .steps .step .inner-step.provider .date-time .date-time-grid .day-column .time-slots a:focus-visible, body.scheduler .mod_scheduler .main .steps .step .inner-step.provider .date-time .date-time-grid .day-column .time-slots a:hover:not(.disabled) { opacity: 1; cursor: pointer; border: 2px solid #64707e; text-decoration: underline; outline: none; } @media only screen and (max-width: 40em) { body.scheduler .mod_scheduler .main .steps .step .inner-step.provider .date-time .date-time-grid .day-column .time-slots a:focus, body.scheduler .mod_scheduler .main .steps .step .inner-step.provider .date-time .date-time-grid .day-column .time-slots a:focus-within, body.scheduler .mod_scheduler .main .steps .step .inner-step.provider .date-time .date-time-grid .day-column .time-slots a:focus-visible, body.scheduler .mod_scheduler .main .steps .step .inner-step.provider .date-time .date-time-grid .day-column .time-slots a:hover:not(.disabled) { border: 1px solid #64707e; } } body.scheduler .mod_scheduler .main .steps .step .inner-step.provider .date-time .date-time-grid .day-column .time-slots a:hover:not(.disabled) { text-decoration: none; } body.scheduler .mod_scheduler .main .steps .step .inner-step.provider .date-time .date-time-grid .day-column .time-slots a.selected { background: #64707e !important; border: 2px solid #64707e; focus: none; box-shadow: none; text-decoration: none; color: #fff !important; pointer-events: none; cursor: not-allowed !important; } @media only screen and (max-width: 40em) { body.scheduler .mod_scheduler .main .steps .step .inner-step.provider .date-time .date-time-grid .day-column .time-slots a.selected { border: 1px solid #64707e; } } body.scheduler .mod_scheduler .main .steps .step .inner-step.provider .date-time.done span.prev-week, body.scheduler .mod_scheduler .main .steps .step .inner-step.provider .date-time.done span.next-week, body.scheduler .mod_scheduler .main .steps .step .inner-step.provider .date-time.done .time-slots a { pointer-events: none; } body.scheduler .mod_scheduler .main .steps .step .inner-step.provider .date-time.done span.prev-week, body.scheduler .mod_scheduler .main .steps .step .inner-step.provider .date-time.done span.next-week { opacity: .6; } body.scheduler .mod_scheduler .main .steps .step .inner-step.provider .date-time.loading { pointer-events: none; } body.scheduler .mod_scheduler .main .steps .step .inner-step.provider .date-time.loading .calendar-nav { opacity: 0; visibility: hidden; } body.scheduler .mod_scheduler .main .steps .step .inner-step.provider .date-time.loading .date-time-grid:before { opacity: 1; visibility: visible; } body.scheduler .mod_scheduler .main .steps .step .inner-step.provider .date-time.loading .date-time-grid:after { opacity: .3; visibility: visible; } body.scheduler .mod_scheduler .main .steps .step .inner-step.provider .date-time.loading .date-time-grid h3 { opacity: 0; visibility: hidden; } body.scheduler .mod_scheduler .main .steps .step .inner-step.provider .confirm-dates { margin-top: 20px; height: 100px; position: relative; } @media only screen and (min-width: 64em)and (max-height: 900px) { body.scheduler .mod_scheduler .main .steps .step .inner-step.provider .confirm-dates { margin-top: 10px; } } @media only screen and (min-width: 800px)and (max-height: 700px) { body.scheduler .mod_scheduler .main .steps .step .inner-step.provider .confirm-dates { margin-top: 10px; } } @media only screen and (max-width: 40em) { body.scheduler .mod_scheduler .main .steps .step .inner-step.provider .confirm-dates { height: 75px; } } body.scheduler .mod_scheduler .main .steps .step .inner-step.provider .confirm-dates .date-time-confirm { margin-bottom: 8px; width: 100%; } body.scheduler .mod_scheduler .main .steps .step .inner-step.provider .confirm-dates p { color: #999; font-weight: 600; position: relative; display: table; margin: 0 auto 10px; padding-left: 25px; } @media only screen and (min-width: 64em)and (max-height: 900px) { body.scheduler .mod_scheduler .main .steps .step .inner-step.provider .confirm-dates p { margin-bottom: 0; font-size: 15px; } } @media only screen and (min-width: 800px)and (max-height: 700px) { body.scheduler .mod_scheduler .main .steps .step .inner-step.provider .confirm-dates p { font-size: 14px; margin-bottom: 0; } } @media only screen and (max-width: 64em) { body.scheduler .mod_scheduler .main .steps .step .inner-step.provider .confirm-dates p { font-size: 15px; } } @media only screen and (max-width: 800px) { body.scheduler .mod_scheduler .main .steps .step .inner-step.provider .confirm-dates p { font-size: 13px; margin-bottom: 0; } } @media only screen and (max-width: 40em) { body.scheduler .mod_scheduler .main .steps .step .inner-step.provider .confirm-dates p { padding-left: 22px; } } body.scheduler .mod_scheduler .main .steps .step .inner-step.provider .confirm-dates p span.time { font-weight: 400; color: #999; margin-left: 5px; } body.scheduler .mod_scheduler .main .steps .step .inner-step.provider .confirm-dates p:before, body.scheduler .mod_scheduler .main .steps .step .inner-step.provider .confirm-dates p:after { content: ""; position: absolute; top: calc(50% - 1px); left: 0; transform: translateY(-50%); padding: 9px; background: url("data:image/svg+xml,%3Csvg width='31' height='30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.52 29.05C6.52 29.05 0 22.53 0 14.52S6.52 0 14.52 0c2.51 0 4.98.65 7.15 1.88a1 1 0 0 1-.98 1.74C18.82 2.56 16.69 2 14.53 2 7.62 2 2 7.62 2 14.52c0 6.9 5.62 12.52 12.52 12.52 6.9 0 12.52-5.62 12.52-12.52 0-.93-.1-1.87-.31-2.77-.12-.54.22-1.07.76-1.2.54-.12 1.07.22 1.2.76.24 1.05.36 2.13.36 3.21 0 8.01-6.52 14.52-14.52 14.52l-.01.01z' fill='%23474747'/%3E%3Cpath d='M11.81 19.74l.81-5.6L23.88 2.89c.18-.19 1.3-1.3 2.76-1.32.8-.04 1.55.31 2.17.92 1.95 1.95 1.24 4.09.29 5.06l-11.68 11.4-5.61.79zm2.69-4.65l-.33 2.3 2.32-.33 11.2-10.93c.26-.28.81-1.12-.3-2.23-.31-.31-.55-.34-.72-.34-.56 0-1.18.53-1.36.71l-.02.02L14.5 15.08v.01z' fill='%23474747'/%3E%3C/svg%3E") no-repeat center center; background-size: 100% auto !important; display: inline-block; border-radius: 100%; filter: grayscale(1); } @media only screen and (max-width: 40em) { body.scheduler .mod_scheduler .main .steps .step .inner-step.provider .confirm-dates p:before, body.scheduler .mod_scheduler .main .steps .step .inner-step.provider .confirm-dates p:after { padding: 8px; } } body.scheduler .mod_scheduler .main .steps .step .inner-step.provider .confirm-dates p:after { background: url("data:image/svg+xml,%3Csvg width='30' height='30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_483_612)' fill='%23474747'%3E%3Cpath d='M14.52 29.05C6.52 29.05 0 22.53 0 14.52S6.52 0 14.52 0c2.51 0 4.98.65 7.15 1.88a1 1 0 0 1-.98 1.74C18.82 2.56 16.69 2 14.53 2 7.62 2 2 7.62 2 14.52c0 6.9 5.62 12.52 12.52 12.52 6.9 0 12.52-5.62 12.52-12.52 0-.93-.1-1.87-.31-2.77-.12-.54.22-1.07.76-1.2.54-.12 1.07.22 1.2.76.24 1.05.36 2.13.36 3.21 0 8.01-6.52 14.52-14.52 14.52l-.01.01z'/%3E%3Cpath d='M14.55 18.56l-5.13-4.73a.997.997 0 1 1 1.35-1.47l3.73 3.44L27.35 3.18a.996.996 0 0 1 1.41.01c.39.39.38 1.03-.01 1.41l-14.2 13.95v.01z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_483_612'%3E%3Cpath fill='%23fff' d='M0 0H29.05V29.05H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") no-repeat center center; opacity: 0; } body.scheduler .mod_scheduler .main .steps .step .inner-step.provider .confirm-dates p.selected { color: #64707e; } body.scheduler .mod_scheduler .main .steps .step .inner-step.provider .confirm-dates p.selected:before { filter: grayscale(0); } body.scheduler .mod_scheduler .main .steps .step .inner-step.provider .confirm-dates p.done span.time { color: #64707e; } body.scheduler .mod_scheduler .main .steps .step .inner-step.provider .confirm-dates p.done:before { opacity: 0; } body.scheduler .mod_scheduler .main .steps .step .inner-step.provider .confirm-dates p.done:after { opacity: 1; filter: grayscale(0); } body.scheduler .mod_scheduler .main .steps .step .inner-step.provider .confirm-dates span.reserved { display: none; } body.scheduler .mod_scheduler .main .steps .step .inner-step.provider .confirm-dates.error .date-time-confirm.active p, body.scheduler .mod_scheduler .main .steps .step .inner-step.provider .confirm-dates.error .date-time-confirm.active span { color: #be5555; } body.scheduler .mod_scheduler .main .steps .step .inner-step.provider .confirm-dates.error + .provider-btns small { opacity: 1; visibility: visible; } body.scheduler .mod_scheduler .main .steps .step .inner-step.provider .confirm-dates.error.date small.date { opacity: 1; visibility: visible; } body.scheduler .mod_scheduler .main .steps .step .inner-step.provider .confirm-dates.error.timeslot small.timeslot { opacity: 1; visibility: visible; } body.scheduler .mod_scheduler .main .steps .step .inner-step.provider .confirm-dates small { font-size: 13px; top: auto; bottom: 8px; left: 50%; transform: translateX(-50%); } @media only screen and (min-width: 64em)and (max-height: 900px) { body.scheduler .mod_scheduler .main .steps .step .inner-step.provider .confirm-dates small { bottom: 22px; } } @media only screen and (max-width: 40em) { body.scheduler .mod_scheduler .main .steps .step .inner-step.provider .confirm-dates small { font-size: 11px; } } body.scheduler .mod_scheduler .main .steps .step .inner-step.provider a.btn.prev-step { margin: 20px auto 0; } @media only screen and (min-width: 64em)and (max-height: 900px) { body.scheduler .mod_scheduler .main .steps .step .inner-step.provider a.btn.prev-step { margin-top: 0; } } body.scheduler .mod_scheduler .main .steps .step .inner-step.provider.date-grid h2 { padding-top: 10px; } body.scheduler .mod_scheduler .main .steps .step .inner-step.provider.date-grid h2 span.reschedule { display: none; } @media only screen and (max-width: 40em) { body.scheduler .mod_scheduler .main .steps .step .inner-step.provider.date-grid h2 { padding-top: 0; margin-top: 20px; } } body.scheduler .mod_scheduler .main .steps .step .inner-step.provider.date-grid:after { display: none; } body.scheduler .mod_scheduler .main .steps .step .inner-step.provider .provider-btns { padding-left: 8px; } body.scheduler .mod_scheduler .main .steps .step .inner-step.message .date-time h3 { opacity: 1; visibility: visible; } body.scheduler .mod_scheduler .main .steps .step .inner-step.message .date-time:before { opacity: 1 !important; visibility: visible !important; } body.scheduler .mod_scheduler .main .steps .step .inner-step.message .date-time .flex { opacity: .5; pointer-events: none; } body.scheduler .mod_scheduler .main .steps .step .inner-step.message .provider-btns { margin-top: 10px !important; } body.scheduler .mod_scheduler .main .steps .step .inner-step.message .provider-btns a.span.reset-btn { opacity: .5; pointer-events: none; } body.scheduler .mod_scheduler .main .steps .step .inner-step.message .confirm-dates { display: none; } body.scheduler .mod_scheduler .main .steps .step.step-one { padding-bottom: 0; } body.scheduler .mod_scheduler .main .steps .step.reason-step .inner-step .faux-disclaimer { color: #64707e; display: none; } body.scheduler .mod_scheduler .main .steps .step.reason-step .inner-step h2.icon.allergies + .faux-disclaimer { display: block; } body.scheduler .mod_scheduler .main .steps .step.appointment-step { justify-content: center; } @media only screen and (max-width: 40em) { body.scheduler .mod_scheduler .main .steps .step.appointment-step h2 { margin-top: 0; } body.scheduler .mod_scheduler .main .steps .step.appointment-step { height: 100%; } } body.scheduler .mod_scheduler .main .steps .step.reason-step .inner-step { padding-bottom: 20px; } @media only screen and (min-width: 800px)and (max-height: 700px) { body.scheduler .mod_scheduler .main .steps .step.reason-step .inner-step { overflow: hidden; padding-bottom: 30px; } } body.scheduler .mod_scheduler .main .steps .step.reason-step .inner-step small { top: calc(100% + 30px); right: auto; left: 50%; font-size: 13px; z-index: 4; transform: translateX(-50%); } @media only screen and (max-width: 1200px) { body.scheduler .mod_scheduler .main .steps .step.reason-step .inner-step small { top: calc(100% + 20px); } } @media only screen and (min-width: 64em)and (max-height: 900px) { body.scheduler .mod_scheduler .main .steps .step.reason-step .inner-step small { top: calc(100% + 15px); } } @media only screen and (min-width: 800px)and (max-height: 700px) { body.scheduler .mod_scheduler .main .steps .step.reason-step .inner-step small { top: calc(100% - 20px); } } @media only screen and (max-width: 800px) { body.scheduler .mod_scheduler .main .steps .step.reason-step .inner-step small { position: relative; top: auto; right: auto; left: auto; font-size: 11px; transform: none; display: block; margin: 15px auto 0; } } @media only screen and (max-width: 40em) { body.scheduler .mod_scheduler .main .steps .step.reason-step .inner-step small { font-size: 11px; margin-top: 10px; } } body.scheduler .mod_scheduler .main .steps .step.reason-step .inner-step.error small { display: block; opacity: 1 !important; visibility: visible !important; } body.scheduler .mod_scheduler .main .steps .step.insurance-step .fields .field.upload, body.scheduler .mod_scheduler .main .steps .step.insurance-step .fields .field.manual, body.scheduler .mod_scheduler .main .steps .step.insurance-step .fields .field.comp { margin-top: 0; display: none; } body.scheduler .mod_scheduler .main .steps .step.insurance-step .fields .field.upload .file-upload-btn { position: relative; } body.scheduler .mod_scheduler .main .steps .step.insurance-step .fields .field.upload .file-upload-btn:after { content: ""; position: absolute; top: calc(50% - 1px); left: calc(100% + 10px); transform: translateY(-50%); width: 18px; height: 18px; background: url("data:image/svg+xml,%3Csvg width='30' height='30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_483_612)' fill='%23474747'%3E%3Cpath d='M14.52 29.05C6.52 29.05 0 22.53 0 14.52S6.52 0 14.52 0c2.51 0 4.98.65 7.15 1.88a1 1 0 0 1-.98 1.74C18.82 2.56 16.69 2 14.53 2 7.62 2 2 7.62 2 14.52c0 6.9 5.62 12.52 12.52 12.52 6.9 0 12.52-5.62 12.52-12.52 0-.93-.1-1.87-.31-2.77-.12-.54.22-1.07.76-1.2.54-.12 1.07.22 1.2.76.24 1.05.36 2.13.36 3.21 0 8.01-6.52 14.52-14.52 14.52l-.01.01z'/%3E%3Cpath d='M14.55 18.56l-5.13-4.73a.997.997 0 1 1 1.35-1.47l3.73 3.44L27.35 3.18a.996.996 0 0 1 1.41.01c.39.39.38 1.03-.01 1.41l-14.2 13.95v.01z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_483_612'%3E%3Cpath fill='%23fff' d='M0 0H29.05V29.05H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") no-repeat center center; background-size: 100% auto !important; display: inline-block; border-radius: 100%; opacity: 0; visibility: hidden; } @media only screen and (max-width: 40em) { body.scheduler .mod_scheduler .main .steps .step.insurance-step .fields .field.upload .file-upload-btn:after { padding: 8px; } } body.scheduler .mod_scheduler .main .steps .step.insurance-step .fields .field.upload.error .file-upload-btn:after { background: url("data:image/svg+xml,%3Csvg width='30' height='30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M29 15c0 7.732-6.268 14-14 14S1 22.732 1 15 7.268 1 15 1s14 6.268 14 14z' stroke='%23BF5959' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round'/%3E%3Cpath d='M9.778 19.778l10-10M10 10l10 10' stroke='%23BF5959' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center center; } body.scheduler .mod_scheduler .main .steps .step.insurance-step .fields .field.upload.success .file-upload-btn { border: 1px solid #64707e; } body.scheduler .mod_scheduler .main .steps .step.insurance-step .fields .field.upload.success .file-upload-btn .visible-button { opacity: 0; visibility: hidden; } body.scheduler .mod_scheduler .main .steps .step.insurance-step .fields .field.upload.success .file-upload-btn:before { content: "Uploaded Successfully"; position: absolute; top: 50%; left: 50%; width: 100%; padding: 0 8px; transform: translate(-50%, -50%); color: #64707e; } body.scheduler .mod_scheduler .main .steps .step.insurance-step .fields .field.upload.success .file-upload-btn:after, body.scheduler .mod_scheduler .main .steps .step.insurance-step .fields .field.upload.error .file-upload-btn:after { opacity: 1; visibility: visible; } body.scheduler .mod_scheduler .main .steps .step.insurance-step.upload .fields { display: flex; flex-direction: row; justify-content: center; flex-wrap: wrap; gap: 20px; } body.scheduler .mod_scheduler .main .steps .step.insurance-step.upload .fields > .field.insurance-type { flex-grow: 1; width: 100%; } body.scheduler .mod_scheduler .main .steps .step.insurance-step.upload .fields > .field.upload.async { display: flex !important; width: calc(50% - 10px); margin-right: 0; padding-left: 0; } body.scheduler .mod_scheduler .main .steps .step.insurance-step.upload .fields > .field.upload.async label { margin-left: 0; order: 2; } body.scheduler .mod_scheduler .main .steps .step.insurance-step.manual .fields .field.manual { margin-top: 20px; display: block !important; } body.scheduler .mod_scheduler .main .steps .step.insurance-step.workers-comp .fields .field.comp { margin-top: 20px; display: block !important; } body.scheduler .mod_scheduler .main .steps .step.location-step, body.scheduler .mod_scheduler .main .steps .step.provider-step { justify-content: flex-start; align-items: flex-start; overflow: hidden; } @media only screen and (max-width: 64em) { body.scheduler .mod_scheduler .main .steps .step.location-step, body.scheduler .mod_scheduler .main .steps .step.provider-step { padding-top: 0; } } body.scheduler .mod_scheduler .main .steps .step.location-step .location-grid, body.scheduler .mod_scheduler .main .steps .step.provider-step .location-grid { height: auto; } body.scheduler .mod_scheduler .main .steps .step.location-step .provider.grid, body.scheduler .mod_scheduler .main .steps .step.provider-step .provider.grid { top: 0; transform: none; margin-top: 0; } @media only screen and (max-width: 64em) { body.scheduler .mod_scheduler .main .steps .step.location-step .provider.grid .copy h2, body.scheduler .mod_scheduler .main .steps .step.provider-step .provider.grid .copy h2 { margin-top: 0; } } body.scheduler .mod_scheduler .main .steps .step.location-step .flex, body.scheduler .mod_scheduler .main .steps .step.provider-step .flex { width: 100%; align-items: flex-start; justify-content: flex-start; text-align: left; gap: 60px; margin-bottom: 40px; flex-wrap: nowrap; } @media only screen and (max-width: 1200px) { body.scheduler .mod_scheduler .main .steps .step.location-step .flex, body.scheduler .mod_scheduler .main .steps .step.provider-step .flex { gap: 40px; } } @media only screen and (max-width: 64em) { body.scheduler .mod_scheduler .main .steps .step.location-step .flex, body.scheduler .mod_scheduler .main .steps .step.provider-step .flex { gap: 20px; } } body.scheduler .mod_scheduler .main .steps .step.location-step .flex h2, body.scheduler .mod_scheduler .main .steps .step.provider-step .flex h2 { margin: 0; text-align: left; } body.scheduler .mod_scheduler .main .steps .step.location-step .flex p, body.scheduler .mod_scheduler .main .steps .step.provider-step .flex p { color: #64707e; margin-top: 10px; line-height: 1.5; max-width: 380px; } body.scheduler .mod_scheduler .main .steps .step.location-step .copy, body.scheduler .mod_scheduler .main .steps .step.provider-step .copy { text-align: center; margin: 0 auto 30px; position: relative; } @media only screen and (max-width: 800px) { body.scheduler .mod_scheduler .main .steps .step.location-step .copy, body.scheduler .mod_scheduler .main .steps .step.provider-step .copy { margin-bottom: 15px; } } body.scheduler .mod_scheduler .main .steps .step.location-step .copy h2, body.scheduler .mod_scheduler .main .steps .step.provider-step .copy h2 { margin-bottom: 0; } @media only screen and (max-width: 800px) { body.scheduler .mod_scheduler .main .steps .step.location-step .copy h2, body.scheduler .mod_scheduler .main .steps .step.provider-step .copy h2 { margin-top: 20px; } } body.scheduler .mod_scheduler .main .steps .step.location-step .copy p, body.scheduler .mod_scheduler .main .steps .step.provider-step .copy p { margin: 0 auto; color: #64707e; } body.scheduler .mod_scheduler .main .steps .step.location-step .copy small, body.scheduler .mod_scheduler .main .steps .step.provider-step .copy small { opacity: 1; visibility: visible; display: block !important; font-size: 13px; top: calc(100% + 3px); right: auto; left: 50%; transform: translateX(-50%); } @media only screen and (max-width: 40em) { body.scheduler .mod_scheduler .main .steps .step.location-step .copy small, body.scheduler .mod_scheduler .main .steps .step.provider-step .copy small { font-size: 11px; } } body.scheduler .mod_scheduler .main .steps .step.location-step .copy small.hide, body.scheduler .mod_scheduler .main .steps .step.location-step .copy small.partial_notification.side-drawer.scrolled.closed, body.scheduler .mod_scheduler .main .steps .step.location-step .copy small.partial_notification.bottom-drawer.scrolled.closed, body.scheduler .mod_scheduler .main .steps .step.provider-step .copy small.hide, body.scheduler .mod_scheduler .main .steps .step.provider-step .copy small.partial_notification.side-drawer.scrolled.closed, body.scheduler .mod_scheduler .main .steps .step.provider-step .copy small.partial_notification.bottom-drawer.scrolled.closed { opacity: 0; visibility: hidden; } body.scheduler .mod_scheduler .main .steps .step.location-step .provider-grid, body.scheduler .mod_scheduler .main .steps .step.location-step .location-grid, body.scheduler .mod_scheduler .main .steps .step.provider-step .provider-grid, body.scheduler .mod_scheduler .main .steps .step.provider-step .location-grid { align-items: flex-start; justify-content: flex-start; overflow: auto; position: relative; } body.scheduler .mod_scheduler .main .steps .step.location-step .provider-grid:after, body.scheduler .mod_scheduler .main .steps .step.location-step .location-grid:after, body.scheduler .mod_scheduler .main .steps .step.provider-step .provider-grid:after, body.scheduler .mod_scheduler .main .steps .step.provider-step .location-grid:after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; border-radius: 8px; background: #f9f9f9 url("/assets/img/img-export/1686671249-loader2.gif") no-repeat center center; background-size: auto 60px; opacity: 0; visibility: hidden; z-index: 6; color: #fff; display: inline-block; } body.scheduler .mod_scheduler .main .steps .step.location-step .provider-grid.loading:after, body.scheduler .mod_scheduler .main .steps .step.location-step .location-grid.loading:after, body.scheduler .mod_scheduler .main .steps .step.provider-step .provider-grid.loading:after, body.scheduler .mod_scheduler .main .steps .step.provider-step .location-grid.loading:after { opacity: 1; visibility: visible; z-index: 9; } body.scheduler .mod_scheduler .main .steps .step.location-step .provider-grid, body.scheduler .mod_scheduler .main .steps .step.provider-step .provider-grid { min-height: 258px; } body.scheduler .mod_scheduler .main .steps .step.location-step .location-grid, body.scheduler .mod_scheduler .main .steps .step.provider-step .location-grid { padding-bottom: 40px; } @media only screen and (max-width: 64em) { body.scheduler .mod_scheduler .main .steps .step.location-step .inner-step, body.scheduler .mod_scheduler .main .steps .step.provider-step .inner-step { width: 100%; max-width: 100%; } } body.scheduler .mod_scheduler .main .steps .step.location-step { padding-bottom: 0; } body.scheduler .mod_scheduler .main .steps .step.location-step .copy p { display: none; } body.scheduler .mod_scheduler .main .steps .step.location-step .field-row { width: 100%; overflow: hidden; position: relative; } body.scheduler .mod_scheduler .main .steps .step.location-step .field-row:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; display: block; background: #fff; opacity: 1; background: linear-gradient(0deg, #f9f9f9 20%, rgba(249, 249, 249, 0) 80%); height: 80px; top: auto; bottom: 0; z-index: 5; pointer-events: none; } body.scheduler .mod_scheduler .main .steps .step.provider-step .copy p { display: none; } @media only screen and (max-width: 40em) { body.scheduler .mod_scheduler .main .steps .step.provider-step .inner-step.date-grid p.faux-disclaimer { max-width: 280px; margin: 10px auto 0; line-height: 1.3; } } @media only screen and (max-width: 800px) { body.scheduler .mod_scheduler .main .steps .step.patient-info-step h2 { margin-top: 20px; } } body.scheduler .mod_scheduler .main .steps .step.patient-info-step .field-row { max-width: 720px; width: 100%; } @media only screen and (min-width: 64em)and (max-height: 900px) { body.scheduler .mod_scheduler .main .steps .step.patient-info-step .field-row { font-size: 14px; } } @media only screen and (max-width: small) { body.scheduler .mod_scheduler .main .steps .step.patient-info-step .field-row { font-size: 13px; } } body.scheduler .mod_scheduler .main .steps .step.patient-info-step .field-row .fields { margin-top: 30px; display: flex; flex-direction: row; flex-wrap: wrap; width: 100%; max-width: 100%; gap: 20px; } @media only screen and (min-width: 64em)and (max-height: 900px) { body.scheduler .mod_scheduler .main .steps .step.patient-info-step .field-row .fields { gap: 10px; margin-top: 20px; } } @media only screen and (max-width: 800px) { body.scheduler .mod_scheduler .main .steps .step.patient-info-step .field-row .fields { margin-top: 20px; gap: 10px; } } @media only screen and (max-width: 40em) { body.scheduler .mod_scheduler .main .steps .step.patient-info-step .field-row .fields { margin-top: 10px; } } body.scheduler .mod_scheduler .main .steps .step.patient-info-step .field-row .fields .field { width: calc(50% - 10px); margin-right: 0; } @media only screen and (max-width: 800px) { body.scheduler .mod_scheduler .main .steps .step.patient-info-step .field-row .fields .field { width: calc(50% - 5px); } } body.scheduler .mod_scheduler .main .steps .step.patient-info-step .field-row .fields .field + .field { margin-top: 0; } body.scheduler .mod_scheduler .main .steps .step.patient-info-step .field-row .fields .field.radio label:first-child { padding-left: 0; } body.scheduler .mod_scheduler .main .steps .step.patient-info-step .field-row .fields .field.radio label:first-child:before { display: none; } body.scheduler .mod_scheduler .main .steps .step.patient-info-step .field-row .fields .field.full-width { width: 100%; } body.scheduler .mod_scheduler .main .steps .step.patient-info-step .field-row .fields .field.disclaimer { padding-bottom: 20px; border-bottom: 1px solid #64707e; } @media only screen and (max-width: 800px) { body.scheduler .mod_scheduler .main .steps .step.patient-info-step .field-row .fields .field.disclaimer { padding-bottom: 10px; margin-top: 10px; flex-direction: column; align-items: flex-start; gap: 0; } body.scheduler .mod_scheduler .main .steps .step.patient-info-step .field-row .fields .field.disclaimer p { width: 100%; font-size: 14px !important; line-height: 1.35 !important; } body.scheduler .mod_scheduler .main .steps .step.patient-info-step .field-row .fields .field.disclaimer .checkbox-item { margin-top: 8px; } } @media only screen and (max-width: 800px)and (max-width: 40em) { body.scheduler .mod_scheduler .main .steps .step.patient-info-step .field-row .fields .field.disclaimer .checkbox-item { margin-top: 10px; } } body.scheduler .mod_scheduler .main .steps .step.patient-info-step .field-row .fields .field.behalf { display: none; } body.scheduler .mod_scheduler .main .steps .step.patient-info-step .field-row .fields .radio-fields { display: flex; align-items: center; gap: 10px; margin-top: 10px; justify-content: space-between; } body.scheduler .mod_scheduler .main .steps .step.patient-info-step .field-row .fields .radio-fields label { font-size: 15px !important; } @media only screen and (min-width: 800px)and (max-height: 700px) { body.scheduler .mod_scheduler .main .steps .step.patient-info-step .field-row .fields .radio-fields label { font-size: 14px !important; } } @media only screen and (max-width: 64em) { body.scheduler .mod_scheduler .main .steps .step.patient-info-step .field-row .fields .radio-fields label { font-size: 14px !important; } } @media only screen and (max-width: 800px) { body.scheduler .mod_scheduler .main .steps .step.patient-info-step .field-row .fields .radio-fields label { font-size: 13px !important; } } body.scheduler .mod_scheduler .main .steps .step.patient-info-step .field-row .fields.block { margin-top: 0; width: fit-content; } body.scheduler .mod_scheduler .main .steps .step.patient-info-step .field-row .fields.block label { margin-bottom: 0; } body.scheduler .mod_scheduler .main .steps .step.patient-info-step .field-row p { font-size: 16px !important; } body.scheduler .mod_scheduler .main .steps .step.patient-info-step .field-row .disclaimer { max-width: 720px; width: 100%; margin-top: 20px; display: flex; justify-content: space-between; align-items: center; gap: 20px; } @media only screen and (min-width: 64em)and (max-height: 900px) { body.scheduler .mod_scheduler .main .steps .step.patient-info-step .field-row .disclaimer { gap: 10px; } } body.scheduler .mod_scheduler .main .steps .step.patient-info-step .field-row .disclaimer p { width: calc(100% - 100px); max-width: 580px; font-size: 16px !important; margin-bottom: 0; letter-spacing: .6px; color: #64707e; } body.scheduler .mod_scheduler .main .steps .step.patient-info-step .field-row .disclaimer .field input { margin-bottom: 0; } body.scheduler .mod_scheduler .main .steps .step.patient-info-step .field-row .disclaimer .field label { margin-right: 0; } body.scheduler .mod_scheduler .main .steps .step.patient-info-step .field-row .disclaimer .fields.block { min-width: 115px; } @media only screen and (max-width: 64em) { body.scheduler .mod_scheduler .main .steps .step.patient-info-step .field-row .disclaimer .fields.block { min-width: auto; } } body.scheduler .mod_scheduler .main .steps .step.patient-info-step .field-row hr { max-width: 720px; border-top: 1px solid #64707e; margin: 20px 0; width: 100%; } @media only screen and (max-width: 64em) { body.scheduler .mod_scheduler .main .steps .step.patient-info-step .field-row hr { display: none; } } body.scheduler .mod_scheduler .main .steps .step.patient-info-step .field-row .somebody-else { max-width: 720px; width: 100%; display: flex; justify-content: space-between; align-items: center; } @media only screen and (max-width: 800px) { body.scheduler .mod_scheduler .main .steps .step.patient-info-step .field-row .somebody-else { flex-direction: column; align-items: flex-start; gap: 0; } } body.scheduler .mod_scheduler .main .steps .step.patient-info-step .field-row .somebody-else span.label { color: #64707e; margin-left: 0; margin-bottom: 0; font-size: 16px !important; line-height: 1.3; } @media only screen and (max-width: 800px) { body.scheduler .mod_scheduler .main .steps .step.patient-info-step .field-row .somebody-else span.label { font-size: 14px !important; } body.scheduler .mod_scheduler .main .steps .step.patient-info-step .field-row .somebody-else span.label span { font-size: 14px !important; } } body.scheduler .mod_scheduler .main .steps .step.patient-info-step .field-row .somebody-else span.cancel { display: none; } body.scheduler .mod_scheduler .main .steps .step.patient-info-step .field-row .somebody-else .radio-fields { margin-top: 0; } @media only screen and (max-width: 800px) { body.scheduler .mod_scheduler .main .steps .step.patient-info-step .field-row .somebody-else .radio-fields { margin-top: 8px; gap: 0; } } body.scheduler .mod_scheduler .main .steps .step.patient-info-step .field-row .somebody-else .radio-fields .field { display: flex; align-items: center; } body.scheduler .mod_scheduler .main .steps .step.patient-info-step .field-row .somebody-else .radio-fields .field input { margin-bottom: 0; } body.scheduler .mod_scheduler .main .steps .step.patient-info-step .field-row .somebody-else .radio-fields .field label { font-size: 15px; margin-right: 0; } @media only screen and (min-width: 64em)and (max-height: 900px) { body.scheduler .mod_scheduler .main .steps .step.patient-info-step .field-row .somebody-else .radio-fields .field label { font-size: 14px; } } @media only screen and (max-width: 800px) { body.scheduler .mod_scheduler .main .steps .step.patient-info-step .field-row .somebody-else .radio-fields .field label { font-size: 13px; } } body.scheduler .mod_scheduler .main .steps .step.patient-info-step .field-row .somebody-else .radio-fields .field + .field { margin-left: 20px; } body.scheduler .mod_scheduler .main .steps .step.patient-info-step .field-row .on-behalf-fields { width: 100%; } body.scheduler .mod_scheduler .main .steps .step.patient-info-step .field-row .on-behalf-fields .fields { display: flex; width: 100%; margin: 20px auto 0; } body.scheduler .mod_scheduler .main .steps .step.patient-info-step .field-row .on-behalf-fields .fields .field { width: 100%; } body.scheduler .mod_scheduler .main .steps .step.patient-info-step .field-row .on-behalf-fields .fields .grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; } body.scheduler .mod_scheduler .main .steps .step.patient-info-step.on-behalf { justify-content: flex-start; padding-top: 30px; } body.scheduler .mod_scheduler .main .steps .step.patient-info-step.on-behalf .fields .field.behalf { display: block; } body.scheduler .mod_scheduler .main .steps .step.provider-step.inner-steps.active-provider .inner-step .provider-btns { display: flex; width: auto; gap: 10px; align-items: center; justify-content: center; position: relative; } @media only screen and (min-width: 64em)and (max-height: 900px) { body.scheduler .mod_scheduler .main .steps .step.provider-step.inner-steps.active-provider .inner-step .provider-btns { margin-top: -15px; margin-bottom: 20px; } } @media only screen and (max-width: 800px) { body.scheduler .mod_scheduler .main .steps .step.provider-step.inner-steps.active-provider .inner-step .provider-btns { gap: 10px 20px; } } body.scheduler .mod_scheduler .main .steps .step.provider-step.inner-steps.active-provider .inner-step .provider-btns .change-provider, body.scheduler .mod_scheduler .main .steps .step.provider-step.inner-steps.active-provider .inner-step .provider-btns .reset-btn { margin-top: 10px; display: inline-block; line-height: 1.4; } @media only screen and (max-width: 40em) { body.scheduler .mod_scheduler .main .steps .step.provider-step.inner-steps.active-provider .inner-step .provider-btns .change-provider, body.scheduler .mod_scheduler .main .steps .step.provider-step.inner-steps.active-provider .inner-step .provider-btns .reset-btn { margin-top: 5px; } } body.scheduler .mod_scheduler .main .steps .step.provider-step.inner-steps.active-provider .inner-step .provider-btns .change-provider:hover, body.scheduler .mod_scheduler .main .steps .step.provider-step.inner-steps.active-provider .inner-step .provider-btns .reset-btn:hover { opacity: .6; cursor: pointer; } body.scheduler .mod_scheduler .main .steps .step.provider-step.inner-steps.active-provider.active .inner-step.date-grid { pointer-events: inherit; padding-bottom: 20px; } @media only screen and (max-width: 40em) { body.scheduler .mod_scheduler .main .steps .step.provider-step.inner-steps.active-provider.active .inner-step.date-grid h2 { padding-top: 0 !important; } body.scheduler .mod_scheduler .main .steps .step.provider-step.inner-steps.active-provider.active .inner-step.date-grid { padding-bottom: 30px; } } body.scheduler .mod_scheduler .main .steps .step.provider-step.inner-steps.active-provider.active .inner-step.date-grid:after { display: none; } @keyframes errorAnimation { 0%, 100% { top: 50%; opacity: 1; } 50% { top: calc(50% - 5px); opacity: .7; } } body.scheduler .mod_scheduler .main .steps .step.error { animation: errorAnimation ease-in-out .5s; } body.scheduler .mod_scheduler .main .steps .step.confirm-step { justify-content: center; } body.scheduler .mod_scheduler .main .steps .step.confirm-step h2 { position: relative; } body.scheduler .mod_scheduler .main .steps .step.confirm-step h2:before { content: ""; position: relative; display: table; margin: 0 auto 20px; padding: 15px; background: url("data:image/svg+xml,%3Csvg width='30' height='30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_483_612)' fill='%23474747'%3E%3Cpath d='M14.52 29.05C6.52 29.05 0 22.53 0 14.52S6.52 0 14.52 0c2.51 0 4.98.65 7.15 1.88a1 1 0 0 1-.98 1.74C18.82 2.56 16.69 2 14.53 2 7.62 2 2 7.62 2 14.52c0 6.9 5.62 12.52 12.52 12.52 6.9 0 12.52-5.62 12.52-12.52 0-.93-.1-1.87-.31-2.77-.12-.54.22-1.07.76-1.2.54-.12 1.07.22 1.2.76.24 1.05.36 2.13.36 3.21 0 8.01-6.52 14.52-14.52 14.52l-.01.01z'/%3E%3Cpath d='M14.55 18.56l-5.13-4.73a.997.997 0 1 1 1.35-1.47l3.73 3.44L27.35 3.18a.996.996 0 0 1 1.41.01c.39.39.38 1.03-.01 1.41l-14.2 13.95v.01z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_483_612'%3E%3Cpath fill='%23fff' d='M0 0H29.05V29.05H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") no-repeat center center; background-size: auto 100% !important; } body.scheduler .mod_scheduler .main .steps .step.confirm-step h2.error { display: none; color: #be5555; } body.scheduler .mod_scheduler .main .steps .step.confirm-step h2.error:before { background: url("data:image/svg+xml,%3Csvg width='30' height='30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M29 15c0 7.732-6.268 14-14 14S1 22.732 1 15 7.268 1 15 1s14 6.268 14 14z' stroke='%23BF5959' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round'/%3E%3Cpath d='M9.778 19.778l10-10M10 10l10 10' stroke='%23BF5959' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center center; } body.scheduler .mod_scheduler .main .steps .step.confirm-step h2.cancel { display: none; } body.scheduler .mod_scheduler .main .steps .step.confirm-step .btn.error { display: none; } body.scheduler .mod_scheduler .main .steps .step.confirm-step.failed h2, body.scheduler .mod_scheduler .main .steps .step.confirm-step.failed .btn { display: none; } body.scheduler .mod_scheduler .main .steps .step.confirm-step.failed h2.error, body.scheduler .mod_scheduler .main .steps .step.confirm-step.failed .btn.error { display: block; } body.scheduler .mod_scheduler .main .steps .step.confirm-step.failed .btn.error { color: #be5555; border: 1px solid #be5555; } body.scheduler .mod_scheduler .main .steps .step.confirm-step.failed .btn.error:hover { background: #be5555; color: #fff; } @media only screen and (min-width: 64em)and (max-height: 900px) { body.scheduler .mod_scheduler .main .steps .step.patient-info-step { justify-content: flex-start; } } @media only screen and (max-width: 64em) { body.scheduler .mod_scheduler .main .steps .step.patient-info-step { justify-content: flex-start; } } body.scheduler .mod_scheduler .main .steps .hidden-step { display: none; } body.scheduler .mod_scheduler.open .select-appointment { opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; } body.scheduler .mod_scheduler.open .main { padding-bottom: 160px; } @media only screen and (min-width: 64em)and (max-height: 900px) { body.scheduler .mod_scheduler.open .main { padding-bottom: 140px; } } @media only screen and (max-width: 64em) { body.scheduler .mod_scheduler.open .main { padding-bottom: 140px; } } @media only screen and (max-width: 800px) { body.scheduler .mod_scheduler.open .main { padding-bottom: 110px; } } @media only screen and (max-width: 40em) { body.scheduler .mod_scheduler.open .main { padding-bottom: 0; } } body.scheduler .mod_scheduler .location-grid, body.scheduler .mod_scheduler .provider-grid { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; width: 100%; gap: 40px 30px; padding-top: 4px; padding-bottom: 40px; max-height: calc(100% - 100px); overflow: auto; } @media only screen and (max-width: 1500px) { body.scheduler .mod_scheduler .location-grid, body.scheduler .mod_scheduler .provider-grid { grid-template-columns: 1fr 1fr 1fr; gap: 40px 25px; } } @media only screen and (max-width: 1200px) { body.scheduler .mod_scheduler .location-grid, body.scheduler .mod_scheduler .provider-grid { grid-template-columns: 1fr 1fr; gap: 32px 20px; } } @media only screen and (max-width: 40em) { body.scheduler .mod_scheduler .location-grid, body.scheduler .mod_scheduler .provider-grid { grid-template-columns: 1fr; padding-bottom: 10px; } } body.scheduler .mod_scheduler .location-grid .location-item, body.scheduler .mod_scheduler .location-grid .provider-item, body.scheduler .mod_scheduler .provider-grid .location-item, body.scheduler .mod_scheduler .provider-grid .provider-item { width: 100%; order: 2; } body.scheduler .mod_scheduler .location-grid .location-item.first, body.scheduler .mod_scheduler .location-grid .provider-item.first, body.scheduler .mod_scheduler .provider-grid .location-item.first, body.scheduler .mod_scheduler .provider-grid .provider-item.first { order: -1; } body.scheduler .mod_scheduler .location-grid .location-item.soonest, body.scheduler .mod_scheduler .location-grid .provider-item.soonest, body.scheduler .mod_scheduler .provider-grid .location-item.soonest, body.scheduler .mod_scheduler .provider-grid .provider-item.soonest { position: relative; } body.scheduler .mod_scheduler .location-grid .location-item.soonest:before, body.scheduler .mod_scheduler .location-grid .provider-item.soonest:before, body.scheduler .mod_scheduler .provider-grid .location-item.soonest:before, body.scheduler .mod_scheduler .provider-grid .provider-item.soonest:before { content: ""; position: absolute; top: calc(100% + 9px); left: calc(50% - 56px); transform: translateX(-50%); display: inline-block; padding: 7px; background: url("data:image/svg+xml,%3Csvg width='30' height='30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_483_612)' fill='%23474747'%3E%3Cpath d='M14.52 29.05C6.52 29.05 0 22.53 0 14.52S6.52 0 14.52 0c2.51 0 4.98.65 7.15 1.88a1 1 0 0 1-.98 1.74C18.82 2.56 16.69 2 14.53 2 7.62 2 2 7.62 2 14.52c0 6.9 5.62 12.52 12.52 12.52 6.9 0 12.52-5.62 12.52-12.52 0-.93-.1-1.87-.31-2.77-.12-.54.22-1.07.76-1.2.54-.12 1.07.22 1.2.76.24 1.05.36 2.13.36 3.21 0 8.01-6.52 14.52-14.52 14.52l-.01.01z'/%3E%3Cpath d='M14.55 18.56l-5.13-4.73a.997.997 0 1 1 1.35-1.47l3.73 3.44L27.35 3.18a.996.996 0 0 1 1.41.01c.39.39.38 1.03-.01 1.41l-14.2 13.95v.01z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_483_612'%3E%3Cpath fill='%23fff' d='M0 0H29.05V29.05H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") no-repeat center center; background-size: auto 100%; } body.scheduler .mod_scheduler .location-grid .location-item.soonest:after, body.scheduler .mod_scheduler .location-grid .provider-item.soonest:after, body.scheduler .mod_scheduler .provider-grid .location-item.soonest:after, body.scheduler .mod_scheduler .provider-grid .provider-item.soonest:after { content: "Soonest availability"; position: absolute; top: calc(100% + 10px); left: calc(50% + 10px); letter-spacing: .4px; width: 100%; font-weight: 400; transform: translateX(-50%); color: #64707e; font-size: 13px; } body.scheduler .mod_scheduler .location-grid .location-item.unavailable, body.scheduler .mod_scheduler .location-grid .provider-item.unavailable, body.scheduler .mod_scheduler .provider-grid .location-item.unavailable, body.scheduler .mod_scheduler .provider-grid .provider-item.unavailable { opacity: .6; pointer-events: none; order: 1000; } body.scheduler .mod_scheduler .location-grid .location-item:focus .media, body.scheduler .mod_scheduler .location-grid .provider-item:focus .media, body.scheduler .mod_scheduler .provider-grid .location-item:focus .media, body.scheduler .mod_scheduler .provider-grid .provider-item:focus .media { box-shadow: 0 0 4px 2px #64707e; } body.scheduler .mod_scheduler .location-grid .location-item:focus .span.btn, body.scheduler .mod_scheduler .location-grid .provider-item:focus .span.btn, body.scheduler .mod_scheduler .provider-grid .location-item:focus .span.btn, body.scheduler .mod_scheduler .provider-grid .provider-item:focus .span.btn { background: #64707e; text-decoration: underline; color: #fff !important; } body.scheduler .mod_scheduler .location-grid .location-item:hover .media, body.scheduler .mod_scheduler .location-grid .provider-item:hover .media, body.scheduler .mod_scheduler .provider-grid .location-item:hover .media, body.scheduler .mod_scheduler .provider-grid .provider-item:hover .media { box-shadow: none; } body.scheduler .mod_scheduler .location-grid .location-item:hover span.btn, body.scheduler .mod_scheduler .location-grid .provider-item:hover span.btn, body.scheduler .mod_scheduler .provider-grid .location-item:hover span.btn, body.scheduler .mod_scheduler .provider-grid .provider-item:hover span.btn { text-decoration: none; } body.scheduler .mod_scheduler .location-grid .location-item.selected, body.scheduler .mod_scheduler .location-grid .provider-item.selected, body.scheduler .mod_scheduler .provider-grid .location-item.selected, body.scheduler .mod_scheduler .provider-grid .provider-item.selected { order: 1; } body.scheduler .mod_scheduler .location-grid .location-item.selected .media, body.scheduler .mod_scheduler .location-grid .provider-item.selected .media, body.scheduler .mod_scheduler .provider-grid .location-item.selected .media, body.scheduler .mod_scheduler .provider-grid .provider-item.selected .media { box-shadow: none; } body.scheduler .mod_scheduler .location-grid .location-item.selected .span.btn, body.scheduler .mod_scheduler .location-grid .provider-item.selected .span.btn, body.scheduler .mod_scheduler .provider-grid .location-item.selected .span.btn, body.scheduler .mod_scheduler .provider-grid .provider-item.selected .span.btn { text-decoration: none; } body.scheduler .mod_scheduler .location-grid .location-item .media, body.scheduler .mod_scheduler .location-grid .provider-item .media, body.scheduler .mod_scheduler .provider-grid .location-item .media, body.scheduler .mod_scheduler .provider-grid .provider-item .media { position: relative; border-radius: 8px; height: 180px; overflow: hidden; border: 1px solid #ddd; background: #64707e; text-align: center; display: flex; justify-content: center; align-items: flex-end; } body.scheduler .mod_scheduler .location-grid .location-item .media:before, body.scheduler .mod_scheduler .location-grid .provider-item .media:before, body.scheduler .mod_scheduler .provider-grid .location-item .media:before, body.scheduler .mod_scheduler .provider-grid .provider-item .media:before { content: ""; position: absolute; top: 8px; right: 8px; padding: 16px; background: #ef9816 url("data:image/svg+xml,%3Csvg width='30' height='30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_483_612)' fill='%23fff'%3E%3Cpath d='M14.52 29.05C6.52 29.05 0 22.53 0 14.52S6.52 0 14.52 0c2.51 0 4.98.65 7.15 1.88a1 1 0 0 1-.98 1.74C18.82 2.56 16.69 2 14.53 2 7.62 2 2 7.62 2 14.52c0 6.9 5.62 12.52 12.52 12.52 6.9 0 12.52-5.62 12.52-12.52 0-.93-.1-1.87-.31-2.77-.12-.54.22-1.07.76-1.2.54-.12 1.07.22 1.2.76.24 1.05.36 2.13.36 3.21 0 8.01-6.52 14.52-14.52 14.52l-.01.01z'/%3E%3Cpath d='M14.55 18.56l-5.13-4.73a.997.997 0 1 1 1.35-1.47l3.73 3.44L27.35 3.18a.996.996 0 0 1 1.41.01c.39.39.38 1.03-.01 1.41l-14.2 13.95v.01z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_483_612'%3E%3Cpath fill='%23fff' d='M0 0H29.05V29.05H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") no-repeat center center; border-radius: 100%; background-size: auto 50%; opacity: 0; visibility: hidden; pointer-events: none; } body.scheduler .mod_scheduler .location-grid .location-item .media:after, body.scheduler .mod_scheduler .location-grid .provider-item .media:after, body.scheduler .mod_scheduler .provider-grid .location-item .media:after, body.scheduler .mod_scheduler .provider-grid .provider-item .media:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; display: block; background: #000; opacity: 1; z-index: 4; background: linear-gradient(0deg, rgba(30, 30, 30, .82) 0%, rgba(0, 0, 0, 0) 60%); } body.scheduler .mod_scheduler .location-grid .location-item .media img, body.scheduler .mod_scheduler .location-grid .provider-item .media img, body.scheduler .mod_scheduler .provider-grid .location-item .media img, body.scheduler .mod_scheduler .provider-grid .provider-item .media img { display: block; position: relative; z-index: 3; text-align: center; object-fit: cover; } body.scheduler .mod_scheduler .location-grid .location-item .media .content, body.scheduler .mod_scheduler .location-grid .provider-item .media .content, body.scheduler .mod_scheduler .provider-grid .location-item .media .content, body.scheduler .mod_scheduler .provider-grid .provider-item .media .content { position: absolute; bottom: 10px; left: 13px; z-index: 6; } body.scheduler .mod_scheduler .location-grid .location-item .media .content *, body.scheduler .mod_scheduler .location-grid .provider-item .media .content *, body.scheduler .mod_scheduler .provider-grid .location-item .media .content *, body.scheduler .mod_scheduler .provider-grid .provider-item .media .content * { color: #fff; } body.scheduler .mod_scheduler .location-grid .location-item .media .content p, body.scheduler .mod_scheduler .location-grid .provider-item .media .content p, body.scheduler .mod_scheduler .provider-grid .location-item .media .content p, body.scheduler .mod_scheduler .provider-grid .provider-item .media .content p { letter-spacing: .5px; font-weight: 600; margin-bottom: 0; line-height: 1.3; text-align: left; text-shadow: 0 0 8px rgba(0, 0, 0, .4); font-size: 18px; } @media only screen and (max-width: 1500px) { body.scheduler .mod_scheduler .location-grid .location-item .media .content p, body.scheduler .mod_scheduler .location-grid .provider-item .media .content p, body.scheduler .mod_scheduler .provider-grid .location-item .media .content p, body.scheduler .mod_scheduler .provider-grid .provider-item .media .content p { font-size: 17px; left: 16px; bottom: 16px; } } @media only screen and (max-width: 1200px) { body.scheduler .mod_scheduler .location-grid .location-item .media .content p, body.scheduler .mod_scheduler .location-grid .provider-item .media .content p, body.scheduler .mod_scheduler .provider-grid .location-item .media .content p, body.scheduler .mod_scheduler .provider-grid .provider-item .media .content p { font-size: 16px; left: 12px; bottom: 12px; } } body.scheduler .mod_scheduler .location-grid .location-item .media .content p span, body.scheduler .mod_scheduler .location-grid .provider-item .media .content p span, body.scheduler .mod_scheduler .provider-grid .location-item .media .content p span, body.scheduler .mod_scheduler .provider-grid .provider-item .media .content p span { font-size: 90%; display: block; text-align: left; } body.scheduler .mod_scheduler .location-grid .location-item .date, body.scheduler .mod_scheduler .location-grid .location-item .btn-holder, body.scheduler .mod_scheduler .location-grid .provider-item .date, body.scheduler .mod_scheduler .location-grid .provider-item .btn-holder, body.scheduler .mod_scheduler .provider-grid .location-item .date, body.scheduler .mod_scheduler .provider-grid .location-item .btn-holder, body.scheduler .mod_scheduler .provider-grid .provider-item .date, body.scheduler .mod_scheduler .provider-grid .provider-item .btn-holder { margin-top: 6px; text-align: center; position: relative; } body.scheduler .mod_scheduler .location-grid .location-item .date .btn, body.scheduler .mod_scheduler .location-grid .location-item .btn-holder .btn, body.scheduler .mod_scheduler .location-grid .provider-item .date .btn, body.scheduler .mod_scheduler .location-grid .provider-item .btn-holder .btn, body.scheduler .mod_scheduler .provider-grid .location-item .date .btn, body.scheduler .mod_scheduler .provider-grid .location-item .btn-holder .btn, body.scheduler .mod_scheduler .provider-grid .provider-item .date .btn, body.scheduler .mod_scheduler .provider-grid .provider-item .btn-holder .btn { margin-top: 0; width: 100%; border-radius: 8px; border: 1px solid #64707e; padding: 6px 20px; } body.scheduler .mod_scheduler .location-grid .location-item .date .btn:hover, body.scheduler .mod_scheduler .location-grid .location-item .btn-holder .btn:hover, body.scheduler .mod_scheduler .location-grid .provider-item .date .btn:hover, body.scheduler .mod_scheduler .location-grid .provider-item .btn-holder .btn:hover, body.scheduler .mod_scheduler .provider-grid .location-item .date .btn:hover, body.scheduler .mod_scheduler .provider-grid .location-item .btn-holder .btn:hover, body.scheduler .mod_scheduler .provider-grid .provider-item .date .btn:hover, body.scheduler .mod_scheduler .provider-grid .provider-item .btn-holder .btn:hover { color: #fff !important; } body.scheduler .mod_scheduler .location-grid .location-item .date .btn:hover *, body.scheduler .mod_scheduler .location-grid .location-item .btn-holder .btn:hover *, body.scheduler .mod_scheduler .location-grid .provider-item .date .btn:hover *, body.scheduler .mod_scheduler .location-grid .provider-item .btn-holder .btn:hover *, body.scheduler .mod_scheduler .provider-grid .location-item .date .btn:hover *, body.scheduler .mod_scheduler .provider-grid .location-item .btn-holder .btn:hover *, body.scheduler .mod_scheduler .provider-grid .provider-item .date .btn:hover *, body.scheduler .mod_scheduler .provider-grid .provider-item .btn-holder .btn:hover * { color: #fff !important; } body.scheduler .mod_scheduler .location-grid .location-item .date .btn:focus, body.scheduler .mod_scheduler .location-grid .location-item .btn-holder .btn:focus, body.scheduler .mod_scheduler .location-grid .provider-item .date .btn:focus, body.scheduler .mod_scheduler .location-grid .provider-item .btn-holder .btn:focus, body.scheduler .mod_scheduler .provider-grid .location-item .date .btn:focus, body.scheduler .mod_scheduler .provider-grid .location-item .btn-holder .btn:focus, body.scheduler .mod_scheduler .provider-grid .provider-item .date .btn:focus, body.scheduler .mod_scheduler .provider-grid .provider-item .btn-holder .btn:focus { box-shadow: none; background: #f9f9f9; } body.scheduler .mod_scheduler .location-grid .location-item .date:after, body.scheduler .mod_scheduler .location-grid .location-item .btn-holder:after, body.scheduler .mod_scheduler .location-grid .provider-item .date:after, body.scheduler .mod_scheduler .location-grid .provider-item .btn-holder:after, body.scheduler .mod_scheduler .provider-grid .location-item .date:after, body.scheduler .mod_scheduler .provider-grid .location-item .btn-holder:after, body.scheduler .mod_scheduler .provider-grid .provider-item .date:after, body.scheduler .mod_scheduler .provider-grid .provider-item .btn-holder:after { content: "Soonest availability"; position: absolute; bottom: -28px; left: calc(50% + 10px); transform: translateX(-50%); letter-spacing: .5px; width: 120px; font-size: 14px; text-align: center; color: #64707e; opacity: 0; visibility: hidden; } body.scheduler .mod_scheduler .location-grid .location-item .date:before, body.scheduler .mod_scheduler .location-grid .location-item .btn-holder:before, body.scheduler .mod_scheduler .location-grid .provider-item .date:before, body.scheduler .mod_scheduler .location-grid .provider-item .btn-holder:before, body.scheduler .mod_scheduler .provider-grid .location-item .date:before, body.scheduler .mod_scheduler .provider-grid .location-item .btn-holder:before, body.scheduler .mod_scheduler .provider-grid .provider-item .date:before, body.scheduler .mod_scheduler .provider-grid .provider-item .btn-holder:before { content: ""; position: absolute; bottom: -27px; left: calc(50% - 62px); transform: translateX(-50%); padding: 7px; background: url("data:image/svg+xml,%3Csvg width='30' height='30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_483_612)' fill='%23474747'%3E%3Cpath d='M14.52 29.05C6.52 29.05 0 22.53 0 14.52S6.52 0 14.52 0c2.51 0 4.98.65 7.15 1.88a1 1 0 0 1-.98 1.74C18.82 2.56 16.69 2 14.53 2 7.62 2 2 7.62 2 14.52c0 6.9 5.62 12.52 12.52 12.52 6.9 0 12.52-5.62 12.52-12.52 0-.93-.1-1.87-.31-2.77-.12-.54.22-1.07.76-1.2.54-.12 1.07.22 1.2.76.24 1.05.36 2.13.36 3.21 0 8.01-6.52 14.52-14.52 14.52l-.01.01z'/%3E%3Cpath d='M14.55 18.56l-5.13-4.73a.997.997 0 1 1 1.35-1.47l3.73 3.44L27.35 3.18a.996.996 0 0 1 1.41.01c.39.39.38 1.03-.01 1.41l-14.2 13.95v.01z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_483_612'%3E%3Cpath fill='%23fff' d='M0 0H29.05V29.05H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") no-repeat center center; background-size: auto 100%; display: inline-block; opacity: 0; visibility: hidden; } body.scheduler .mod_scheduler .location-grid .location-item .date a, body.scheduler .mod_scheduler .location-grid .location-item .btn-holder a, body.scheduler .mod_scheduler .location-grid .provider-item .date a, body.scheduler .mod_scheduler .location-grid .provider-item .btn-holder a, body.scheduler .mod_scheduler .provider-grid .location-item .date a, body.scheduler .mod_scheduler .provider-grid .location-item .btn-holder a, body.scheduler .mod_scheduler .provider-grid .provider-item .date a, body.scheduler .mod_scheduler .provider-grid .provider-item .btn-holder a { font-size: 14px; color: #64707e; text-transform: capitalize; } body.scheduler .mod_scheduler .location-grid .location-item .date a span.bar, body.scheduler .mod_scheduler .location-grid .location-item .btn-holder a span.bar, body.scheduler .mod_scheduler .location-grid .provider-item .date a span.bar, body.scheduler .mod_scheduler .location-grid .provider-item .btn-holder a span.bar, body.scheduler .mod_scheduler .provider-grid .location-item .date a span.bar, body.scheduler .mod_scheduler .provider-grid .location-item .btn-holder a span.bar, body.scheduler .mod_scheduler .provider-grid .provider-item .date a span.bar, body.scheduler .mod_scheduler .provider-grid .provider-item .btn-holder a span.bar { position: relative; display: inline-block; margin: 0 2px; top: -1px; } body.scheduler .mod_scheduler .location-grid .location-item.active, body.scheduler .mod_scheduler .location-grid .location-item:hover, body.scheduler .mod_scheduler .location-grid .provider-item.active, body.scheduler .mod_scheduler .location-grid .provider-item:hover, body.scheduler .mod_scheduler .provider-grid .location-item.active, body.scheduler .mod_scheduler .provider-grid .location-item:hover, body.scheduler .mod_scheduler .provider-grid .provider-item.active, body.scheduler .mod_scheduler .provider-grid .provider-item:hover { cursor: pointer; } body.scheduler .mod_scheduler .location-grid .location-item.active .media img, body.scheduler .mod_scheduler .location-grid .location-item:hover .media img, body.scheduler .mod_scheduler .location-grid .provider-item.active .media img, body.scheduler .mod_scheduler .location-grid .provider-item:hover .media img, body.scheduler .mod_scheduler .provider-grid .location-item.active .media img, body.scheduler .mod_scheduler .provider-grid .location-item:hover .media img, body.scheduler .mod_scheduler .provider-grid .provider-item.active .media img, body.scheduler .mod_scheduler .provider-grid .provider-item:hover .media img { transform: scale(1.1); } body.scheduler .mod_scheduler .location-grid .location-item.active .media:before, body.scheduler .mod_scheduler .location-grid .location-item:hover .media:before, body.scheduler .mod_scheduler .location-grid .provider-item.active .media:before, body.scheduler .mod_scheduler .location-grid .provider-item:hover .media:before, body.scheduler .mod_scheduler .provider-grid .location-item.active .media:before, body.scheduler .mod_scheduler .provider-grid .location-item:hover .media:before, body.scheduler .mod_scheduler .provider-grid .provider-item.active .media:before, body.scheduler .mod_scheduler .provider-grid .provider-item:hover .media:before { opacity: 1; visibility: visible; } body.scheduler .mod_scheduler .location-grid .location-item.active .btn-holder a, body.scheduler .mod_scheduler .location-grid .location-item:hover .btn-holder a, body.scheduler .mod_scheduler .location-grid .provider-item.active .btn-holder a, body.scheduler .mod_scheduler .location-grid .provider-item:hover .btn-holder a, body.scheduler .mod_scheduler .provider-grid .location-item.active .btn-holder a, body.scheduler .mod_scheduler .provider-grid .location-item:hover .btn-holder a, body.scheduler .mod_scheduler .provider-grid .provider-item.active .btn-holder a, body.scheduler .mod_scheduler .provider-grid .provider-item:hover .btn-holder a { opacity: 1; background: #64707e; color: #fff !important; } body.scheduler .mod_scheduler .location-grid .location-item:focus, body.scheduler .mod_scheduler .location-grid .location-item:focus-within, body.scheduler .mod_scheduler .location-grid .provider-item:focus, body.scheduler .mod_scheduler .location-grid .provider-item:focus-within, body.scheduler .mod_scheduler .provider-grid .location-item:focus, body.scheduler .mod_scheduler .provider-grid .location-item:focus-within, body.scheduler .mod_scheduler .provider-grid .provider-item:focus, body.scheduler .mod_scheduler .provider-grid .provider-item:focus-within { outline: none; } body.scheduler .mod_scheduler .location-grid .location-item, body.scheduler .mod_scheduler .provider-grid .location-item { overflow: hidden; } body.scheduler .mod_scheduler .location-grid .location-item .media, body.scheduler .mod_scheduler .provider-grid .location-item .media { width: 100%; flex-direction: column; text-align: left; } body.scheduler .mod_scheduler .location-grid .location-item .media picture, body.scheduler .mod_scheduler .provider-grid .location-item .media picture { width: 100%; } body.scheduler .mod_scheduler .location-grid .location-item .media picture img, body.scheduler .mod_scheduler .provider-grid .location-item .media picture img { height: auto; width: 100%; transform: scale(1.01); } body.scheduler .mod_scheduler .location-grid .location-item .media .address, body.scheduler .mod_scheduler .provider-grid .location-item .media .address { z-index: 5; } body.scheduler .mod_scheduler .location-grid .location-item .media .address p, body.scheduler .mod_scheduler .provider-grid .location-item .media .address p { font-size: 15px; letter-spacing: .6px; text-shadow: 0 0 8px #141414; } body.scheduler .mod_scheduler .location-grid .location-item .media .address p span, body.scheduler .mod_scheduler .provider-grid .location-item .media .address p span { display: inline-block; font-size: 100%; } body.scheduler .mod_scheduler .location-grid .location-item .media .address p span:last-child, body.scheduler .mod_scheduler .provider-grid .location-item .media .address p span:last-child { display: block; } body.scheduler .mod_scheduler .location-grid .location-item .media .address p.label, body.scheduler .mod_scheduler .provider-grid .location-item .media .address p.label { font-weight: 600; position: relative; bottom: 40px; height: auto; } body.scheduler .mod_scheduler .location-grid .location-item .media:before, body.scheduler .mod_scheduler .provider-grid .location-item .media:before { z-index: 5; } body.scheduler .mod_scheduler .location-grid .location-item .media:after, body.scheduler .mod_scheduler .provider-grid .location-item .media:after { z-index: 4; opacity: 1; } body.scheduler .mod_scheduler .location-grid .location-item .btn-holder a.btn, body.scheduler .mod_scheduler .provider-grid .location-item .btn-holder a.btn { color: #64707e !important; } body.scheduler .mod_scheduler .location-grid .location-item.active picture.background img, body.scheduler .mod_scheduler .location-grid .location-item:hover picture.background img, body.scheduler .mod_scheduler .provider-grid .location-item.active picture.background img, body.scheduler .mod_scheduler .provider-grid .location-item:hover picture.background img { transform: scale(1.1); } body.scheduler .mod_scheduler .location-grid .location-item.active .btn-holder a, body.scheduler .mod_scheduler .location-grid .location-item.active .btn-holder a.white, body.scheduler .mod_scheduler .location-grid .location-item:hover .btn-holder a, body.scheduler .mod_scheduler .location-grid .location-item:hover .btn-holder a.white, body.scheduler .mod_scheduler .provider-grid .location-item.active .btn-holder a, body.scheduler .mod_scheduler .provider-grid .location-item.active .btn-holder a.white, body.scheduler .mod_scheduler .provider-grid .location-item:hover .btn-holder a, body.scheduler .mod_scheduler .provider-grid .location-item:hover .btn-holder a.white { opacity: 1; background: #64707e; color: #fff !important; } body.scheduler .mod_scheduler .location-grid .location-item.active .media:before, body.scheduler .mod_scheduler .provider-grid .location-item.active .media:before { opacity: 1; visibility: visible; } body.scheduler .mod_scheduler .location-grid .location-item:hover .btn-holder a.span.btn, body.scheduler .mod_scheduler .provider-grid .location-item:hover .btn-holder a.span.btn { color: #fff !important; } body.scheduler .mod_scheduler .location-grid .provider-item .media img, body.scheduler .mod_scheduler .provider-grid .provider-item .media img { height: 190px; top: 15px; width: auto; } body.scheduler .mod_scheduler .location-grid { grid-template-columns: 1fr 1fr 1fr; } @media only screen and (max-width: 1200px) { body.scheduler .mod_scheduler .location-grid { grid-template-columns: 1fr 1fr; } } @media only screen and (max-width: 40em) { body.scheduler .mod_scheduler .location-grid { grid-template-columns: 1fr; } } body.scheduler .mod_scheduler .bottom { position: relative; height: 160px; display: flex; max-width: 1200px; margin: 0 auto; opacity: 0; visibility: hidden; flex-direction: column; justify-content: center; } @media only screen and (min-width: 64em)and (max-height: 900px) { body.scheduler .mod_scheduler .bottom { height: 140px; } } @media only screen and (max-width: 64em) { body.scheduler .mod_scheduler .bottom { position: fixed; width: 100%; bottom: 0; left: 0; height: 140px; } } @media only screen and (max-width: 800px) { body.scheduler .mod_scheduler .bottom { height: 90px; } } body.scheduler .mod_scheduler .bottom #progress-bar { width: 100%; padding: 3px; border-radius: 8px; overflow: hidden; background: #ddd; position: relative; margin: 0 0 15px; } @media only screen and (min-width: 64em)and (max-height: 900px) { body.scheduler .mod_scheduler .bottom #progress-bar { margin-bottom: 10px; } } @media only screen and (max-width: 64em) { body.scheduler .mod_scheduler .bottom #progress-bar { margin: 0 auto 10px; width: calc(100% - 40px); } } body.scheduler .mod_scheduler .bottom #progress-bar span { position: absolute; top: 0; left: 0; width: 0; border-radius: 8px; background: #64707e; height: 100%; } body.scheduler .mod_scheduler .bottom .steps { height: 40px; display: flex; justify-content: space-between; } @media only screen and (max-width: 64em) { body.scheduler .mod_scheduler .bottom .steps { margin-bottom: 10px; padding-left: 20px; padding-right: 20px; } } @media only screen and (max-width: 800px) { body.scheduler .mod_scheduler .bottom .steps { display: none; } } @media only screen and (max-width: 40em) { body.scheduler .mod_scheduler .bottom .steps { height: 32px; } } body.scheduler .mod_scheduler .bottom .steps .item { font-weight: 400; color: #999; display: flex; flex-direction: column; align-items: center; gap: 5px; padding-top: 24px; font-size: 14px; position: relative; } @media only screen and (max-width: 64em) { body.scheduler .mod_scheduler .bottom .steps .item { font-size: 13px; } } @media only screen and (max-width: 800px) { body.scheduler .mod_scheduler .bottom .steps .item { font-size: 12px; } } @media only screen and (max-width: 40em) { body.scheduler .mod_scheduler .bottom .steps .item { font-size: 11px; } } body.scheduler .mod_scheduler .bottom .steps .item:before, body.scheduler .mod_scheduler .bottom .steps .item:after { content: ""; position: absolute; top: 0; left: 50%; transform: translateX(-50%); padding: 10px; background: url("data:image/svg+xml,%3Csvg width='30' height='30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M29 15c0 7.732-6.268 14-14 14S1 22.732 1 15 7.268 1 15 1s14 6.268 14 14z' stroke='%23474747' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center center; background-size: 100% auto !important; display: inline-block; border-radius: 100%; } @media only screen and (max-width: 800px) { body.scheduler .mod_scheduler .bottom .steps .item:before, body.scheduler .mod_scheduler .bottom .steps .item:after { padding: 8px; } } body.scheduler .mod_scheduler .bottom .steps .item:after { background: url("data:image/svg+xml,%3Csvg width='31' height='30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.52 29.05C6.52 29.05 0 22.53 0 14.52S6.52 0 14.52 0c2.51 0 4.98.65 7.15 1.88a1 1 0 0 1-.98 1.74C18.82 2.56 16.69 2 14.53 2 7.62 2 2 7.62 2 14.52c0 6.9 5.62 12.52 12.52 12.52 6.9 0 12.52-5.62 12.52-12.52 0-.93-.1-1.87-.31-2.77-.12-.54.22-1.07.76-1.2.54-.12 1.07.22 1.2.76.24 1.05.36 2.13.36 3.21 0 8.01-6.52 14.52-14.52 14.52l-.01.01z' fill='%23474747'/%3E%3Cpath d='M11.81 19.74l.81-5.6L23.88 2.89c.18-.19 1.3-1.3 2.76-1.32.8-.04 1.55.31 2.17.92 1.95 1.95 1.24 4.09.29 5.06l-11.68 11.4-5.61.79zm2.69-4.65l-.33 2.3 2.32-.33 11.2-10.93c.26-.28.81-1.12-.3-2.23-.31-.31-.55-.34-.72-.34-.56 0-1.18.53-1.36.71l-.02.02L14.5 15.08v.01z' fill='%23474747'/%3E%3C/svg%3E") no-repeat center center; opacity: 0; } body.scheduler .mod_scheduler .bottom .steps .item.progress:not(.confirm) { color: #64707e; } body.scheduler .mod_scheduler .bottom .steps .item.progress:not(.confirm):before { opacity: 0; background: url("data:image/svg+xml,%3Csvg width='30' height='30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_483_612)' fill='%23474747'%3E%3Cpath d='M14.52 29.05C6.52 29.05 0 22.53 0 14.52S6.52 0 14.52 0c2.51 0 4.98.65 7.15 1.88a1 1 0 0 1-.98 1.74C18.82 2.56 16.69 2 14.53 2 7.62 2 2 7.62 2 14.52c0 6.9 5.62 12.52 12.52 12.52 6.9 0 12.52-5.62 12.52-12.52 0-.93-.1-1.87-.31-2.77-.12-.54.22-1.07.76-1.2.54-.12 1.07.22 1.2.76.24 1.05.36 2.13.36 3.21 0 8.01-6.52 14.52-14.52 14.52l-.01.01z'/%3E%3Cpath d='M14.55 18.56l-5.13-4.73a.997.997 0 1 1 1.35-1.47l3.73 3.44L27.35 3.18a.996.996 0 0 1 1.41.01c.39.39.38 1.03-.01 1.41l-14.2 13.95v.01z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_483_612'%3E%3Cpath fill='%23fff' d='M0 0H29.05V29.05H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") no-repeat center center; } body.scheduler .mod_scheduler .bottom .steps .item.progress:not(.confirm):after { opacity: 1; } body.scheduler .mod_scheduler .bottom .steps .item.done:not(.confirm) { color: #64707e; } body.scheduler .mod_scheduler .bottom .steps .item.done:not(.confirm):before { opacity: 1 !important; } body.scheduler .mod_scheduler .bottom .steps .item.done:not(.confirm):after { opacity: 0; } body.scheduler .mod_scheduler .bottom .steps .item.skip { display: none; } body.scheduler .mod_scheduler .bottom .controls { position: absolute; bottom: 0; opacity: 0; visibility: hidden; width: 100%; background: #f9f9f9; padding: 20px 0; display: flex; justify-content: space-between; align-items: center; } @media only screen and (min-width: 64em)and (max-height: 900px) { body.scheduler .mod_scheduler .bottom .controls { padding-top: 14px; padding-bottom: 14px; } } @media only screen and (max-width: 64em) { body.scheduler .mod_scheduler .bottom .controls { padding-left: 20px; padding-right: 20px; } } @media only screen and (max-width: 800px) { body.scheduler .mod_scheduler .bottom .controls { padding-top: 12px; padding-bottom: 12px; } } body.scheduler .mod_scheduler .bottom .controls .btn, body.scheduler .mod_scheduler .bottom .controls button[type=submit] { margin-top: 0; min-width: 120px; padding: 12px 22px; border: 1px solid #64707e; color: #64707e; cursor: pointer; } @media only screen and (min-width: 64em)and (max-height: 900px) { body.scheduler .mod_scheduler .bottom .controls .btn, body.scheduler .mod_scheduler .bottom .controls button[type=submit] { min-width: 100px; padding-top: 10px; padding-bottom: 10px; } } @media only screen and (max-width: 800px) { body.scheduler .mod_scheduler .bottom .controls .btn, body.scheduler .mod_scheduler .bottom .controls button[type=submit] { min-width: calc(50% - 10px); } } body.scheduler .mod_scheduler .bottom .controls .btn:hover, body.scheduler .mod_scheduler .bottom .controls button[type=submit]:hover { background: #64707e; color: #fff; } body.scheduler .mod_scheduler .bottom .controls .btn.next, body.scheduler .mod_scheduler .bottom .controls button[type=submit].next { background: #64707e; color: #fff; opacity: 1; } body.scheduler .mod_scheduler .bottom .controls .btn.next:hover, body.scheduler .mod_scheduler .bottom .controls button[type=submit].next:hover { background: #64707e; opacity: 1; color: #fff; } body.scheduler .mod_scheduler .bottom .controls .btn.next.disabled, body.scheduler .mod_scheduler .bottom .controls .main .steps .step .inner-step.provider .date-time.done .time-slots a.btn.next, body.scheduler .mod_scheduler .main .steps .step .inner-step.provider .date-time.done .time-slots .bottom .controls a.btn.next, body.scheduler .mod_scheduler .bottom .controls button[type=submit].next.disabled { opacity: .6 !important; } body.scheduler .mod_scheduler .bottom .controls .btn.next { position: relative; } body.scheduler .mod_scheduler .bottom .controls .btn.next:after { content: ""; position: absolute; top: 50%; transform: translateY(-50%); right: 4px; padding: 24px; background: url("/assets/img/img-export/1686671249-loader2.gif") no-repeat center center; background-size: auto 100%; opacity: 0; visibility: hidden; display: inline-block; } body.scheduler .mod_scheduler .bottom .controls .btn.next.loading { padding: 12px 38px 12px 8px; pointer-events: none; } body.scheduler .mod_scheduler .bottom .controls .btn.next.loading:after { opacity: 1; visibility: visible; } body.scheduler .mod_scheduler .bottom .controls .btn.submit, body.scheduler .mod_scheduler .bottom .controls button[type=submit] { background: #64707e !important; font-weight: 400; color: #fff !important; display: none; position: relative; } body.scheduler .mod_scheduler .bottom .controls .btn.submit:after, body.scheduler .mod_scheduler .bottom .controls button[type=submit]:after { content: ""; position: absolute; top: 50%; transform: translateY(-50%); right: 4px; padding: 24px; background: url("/assets/img/img-export/1686671249-loader2.gif") no-repeat center center; background-size: auto 100%; opacity: 0; visibility: hidden; display: inline-block; } body.scheduler .mod_scheduler .bottom .controls .btn.submit.loading, body.scheduler .mod_scheduler .bottom .controls button[type=submit].loading { padding: 12px 38px 12px 8px; pointer-events: none; } body.scheduler .mod_scheduler .bottom .controls .btn.submit.loading:after, body.scheduler .mod_scheduler .bottom .controls button[type=submit].loading:after { opacity: 1; visibility: visible; } body.scheduler .mod_scheduler .bottom .controls .btn.submit.disabled, body.scheduler .mod_scheduler .bottom .controls .main .steps .step .inner-step.provider .date-time.done .time-slots a.btn.submit, body.scheduler .mod_scheduler .main .steps .step .inner-step.provider .date-time.done .time-slots .bottom .controls a.btn.submit, body.scheduler .mod_scheduler .bottom .controls button[type=submit].disabled { cursor: default; opacity: .6; } body.scheduler .mod_scheduler .bottom .controls:before, body.scheduler .mod_scheduler .bottom .controls:after { content: ""; height: 100%; width: 50%; right: 100%; position: absolute; background: #f9f9f9; display: inline-block; pointer-events: none; } body.scheduler .mod_scheduler .bottom .controls:after { right: auto; left: 100%; } body.scheduler .mod_scheduler .bottom .controls.final .btn.next { display: none; } body.scheduler .mod_scheduler .bottom .controls.final .btn.submit { display: inline-block; } body.scheduler .mod_scheduler .bottom.control-on { opacity: 1; visibility: visible; padding-bottom: 90px; } @media only screen and (min-width: 64em)and (max-height: 900px) { body.scheduler .mod_scheduler .bottom.control-on { padding-bottom: 54px; } } @media only screen and (max-width: 64em) { body.scheduler .mod_scheduler .bottom.control-on { background: #f9f9f9; padding-top: 10px; } } @media only screen and (max-width: 800px) { body.scheduler .mod_scheduler .bottom.control-on { padding-bottom: 65px; } } body.scheduler .mod_scheduler .bottom.control-on .controls { opacity: 1; visibility: visible; } body.scheduler .mod_scheduler .bottom[data-steps="2"] #progress-bar.step-1 span { width: 6%; } body.scheduler .mod_scheduler .bottom[data-steps="2"] #progress-bar.step-2 span { width: 100%; } body.scheduler .mod_scheduler .bottom[data-steps="3"] #progress-bar.step-1 span { width: 6%; } body.scheduler .mod_scheduler .bottom[data-steps="3"] #progress-bar.step-2 span { width: 54%; } body.scheduler .mod_scheduler .bottom[data-steps="3"] #progress-bar.step-3 span { width: 100%; } body.scheduler .mod_scheduler .bottom[data-steps="4"] #progress-bar.step-1 span { width: 6%; } body.scheduler .mod_scheduler .bottom[data-steps="4"] #progress-bar.step-2 span { width: 36.5%; } body.scheduler .mod_scheduler .bottom[data-steps="4"] #progress-bar.step-3 span { width: 69.5%; } body.scheduler .mod_scheduler .bottom[data-steps="4"] #progress-bar.step-4 span { width: 100%; } body.scheduler .mod_scheduler .bottom[data-steps="5"] #progress-bar.step-1 span { width: 4.5%; } body.scheduler .mod_scheduler .bottom[data-steps="5"] #progress-bar.step-2 span { width: 28%; } body.scheduler .mod_scheduler .bottom[data-steps="5"] #progress-bar.step-3 span { width: 51%; } body.scheduler .mod_scheduler .bottom[data-steps="5"] #progress-bar.step-4 span { width: 76.5%; } body.scheduler .mod_scheduler .bottom[data-steps="5"] #progress-bar.step-5 span { width: 100%; } body.scheduler .mod_scheduler .bottom[data-steps="6"] #progress-bar.step-1 span { width: 5%; } body.scheduler .mod_scheduler .bottom[data-steps="6"] #progress-bar.step-2 span { width: 24%; } body.scheduler .mod_scheduler .bottom[data-steps="6"] #progress-bar.step-3 span { width: 42.5%; } body.scheduler .mod_scheduler .bottom[data-steps="6"] #progress-bar.step-4 span { width: 61%; } body.scheduler .mod_scheduler .bottom[data-steps="6"] #progress-bar.step-5 span { width: 81.5%; } body.scheduler .mod_scheduler .bottom[data-steps="6"] #progress-bar.step-6 span { width: 100%; } body.scheduler .mod_scheduler a:focus, body.scheduler .mod_scheduler input:focus, body.scheduler .mod_scheduler select:focus, body.scheduler .mod_scheduler textarea:focus { box-shadow: 0 0 2px 1px #64707e; } body.scheduler .mod_scheduler a.btn { min-width: 180px; background: none; padding: 12px 22px; font-weight: 400; border: 1px solid #64707e; color: #64707e; } body.scheduler .mod_scheduler a.btn:hover, body.scheduler .mod_scheduler a.btn.active { opacity: 1; color: #fff; background: #64707e; } body.scheduler .mod_scheduler p.bold { font-size: 17px; margin-bottom: 0; } body.scheduler .mod_scheduler p.bold span { font-weight: 400; } body.scheduler .mod_scheduler .flex { display: flex; flex-wrap: wrap; align-items: center; gap: 30px; } body.scheduler .mod_scheduler .flex p { margin-bottom: 0; } body.scheduler .mod_scheduler .btns { display: grid; grid-template-columns: 1fr 1fr; align-items: center; justify-content: center; max-width: 500px; gap: 20px; margin: 30px auto 0; } @media only screen and (max-width: 800px) { body.scheduler .mod_scheduler .btns { margin-top: 25px; } } @media only screen and (max-width: 40em) { body.scheduler .mod_scheduler .btns { margin-top: 20px; } } body.scheduler .mod_scheduler .btns a.next, body.scheduler .mod_scheduler .btns a.next-step { margin-top: 0; font-size: 16px; } @media only screen and (max-width: 40em) { body.scheduler .mod_scheduler .btns a.next, body.scheduler .mod_scheduler .btns a.next-step { width: 100%; max-width: 100%; min-width: 100%; padding-left: 8px; padding-right: 8px; font-size: 14px; } } body.scheduler .mod_scheduler .btns.icons { margin-top: 0; } body.scheduler .mod_scheduler .btns.icons .btn { position: relative; margin-top: 70px; } @media only screen and (max-width: 800px) { body.scheduler .mod_scheduler .btns.icons .btn { margin-top: 50px; } } @media only screen and (max-width: 40em) { body.scheduler .mod_scheduler .btns.icons .btn { margin-top: 40px; } } body.scheduler .mod_scheduler .btns.icons .btn:before { content: ""; position: absolute; top: -55px; left: 50%; transform: translateX(-50%); background-size: 100% auto !important; padding: 20px; } @media only screen and (max-width: 800px) { body.scheduler .mod_scheduler .btns.icons .btn:before { padding: 16px; top: -45px; } } @media only screen and (max-width: 40em) { body.scheduler .mod_scheduler .btns.icons .btn:before { padding: 14px; top: -38px; } } body.scheduler .mod_scheduler .btns.icons .btn.icon-new:before { background: url("data:image/svg+xml,%3Csvg width='74' height='74' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_481_351)' stroke='%23474747' stroke-width='3.083' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M49.791 54.971v14.862H3.541V9.708h6.167m33.917 0h6.167v17.73'/%3E%3Cpath d='M25.125 34.375v3.083H11.25V23.583h9.25m10.791 4.625h10.792m-10.791 6.167h4.624'/%3E%3Cpath d='M15.875 29.75l3.083 3.084 6.167-6.167m0 29.292v3.083H11.25V45.167h9.25'/%3E%3Cpath d='M15.875 51.333l3.083 3.084 6.167-6.167m15.617 7.43l-8.834 3.377 3.377-8.834 29.26-29.26c.91-.91 2.374-.91 3.269 0l2.173 2.173c.91.91.91 2.374 0 3.268l-29.26 29.261.015.016zm20.15-31.048l5.442 5.442M31.29 8.167a4.619 4.619 0 0 0-4.625-4.625 4.619 4.619 0 0 0-4.625 4.625h-4.625a3.092 3.092 0 0 0-3.083 3.083v3.084H39V11.25a3.092 3.092 0 0 0-3.084-3.083h-4.625z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_481_351'%3E%3Cpath fill='%23fff' transform='translate(2 2)' d='M0 0H70.223V69.375H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") no-repeat center center; } body.scheduler .mod_scheduler .btns.icons .btn.icon-existing:before { background: url("data:image/svg+xml,%3Csvg fill='none' height='74' width='74' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3CclipPath id='a'%3E%3Cpath d='m0 0h64.75v74h-64.75z' transform='translate(5)'/%3E%3C/clipPath%3E%3Cg clip-path='url(%23a)' stroke='%23474747' stroke-linejoin='round' stroke-width='3.083'%3E%3Cg stroke-linecap='round'%3E%3Cpath d='m18.875 44.709c3.53 0 6.167-2.96 6.167-6.614v-2.205c0-3.654-2.636-6.614-6.167-6.614-3.53 0-6.166 2.96-6.166 6.614v2.205c0 3.653 2.636 6.614 6.166 6.614zm-.246 25.483-4.965-1.064c-1.464-.2-2.466-.54-3.823-2.605l-1.31-2.899c-1.157-2.544-1.989-3.638-1.989-5.72 0-4.347 2.22-8.571 7.123-8.571h8.88c2.852.123 4.594.617 6.15 2.498 1.558 1.88 3.022 3.638 3.022 3.638'/%3E%3Cpath d='m13.85 57.474 1.387 3.484c.555 1.387 1.233 1.942 2.528 2.42l3.592 1.28m13.767 3.176h-5.442c-.293-3.67 2.898-6.167 2.898-6.167h4.888c1.079 0 1.772 1.203 1.294 2.235l-1.048 2.236c-.493 1.048-1.495 1.711-2.59 1.711z'/%3E%3Cpath d='m36.743 61.666 2.035-4.147c.462-.94-.216-2.05-1.249-2.05h-10.792c-.524 0-1.002.308-1.248.786l-6.953 14.152c-.463.94.215 2.05 1.248 2.05h10.792c.524 0 1.002-.307 1.249-.785l1.88-3.84'/%3E%3C/g%3E%3Cpath d='m12.709 68.943v5.057'/%3E%3Cpath d='m48.167 23.125h10.792m-10.792 6.167h6.167m-20.042-3.084 3.083 3.084 4.625-6.167m6.167 16.958h10.792m-10.792 6.167h6.167m-20.042-3.084 3.083 3.084 4.625-6.167m-10.406-32.375h-6.552v17.606m19.393 37.894h23.773v-55.5h-6.552m-10.406-1.541a4.619 4.619 0 0 0 -4.625-4.625 4.619 4.619 0 0 0 -4.625 4.625h-3.083a3.092 3.092 0 0 0 -3.084 3.083v3.084h21.584v-3.084a3.092 3.092 0 0 0 -3.084-3.083z' stroke-linecap='round'/%3E%3C/g%3E%3C/svg%3E") no-repeat center center; } body.scheduler .mod_scheduler .btns.icons .btn.icon-reschedule:before { background: url("data:image/svg+xml,%3Csvg width='74' height='74' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_481_353)' stroke='%23474747' stroke-width='3.083'%3E%3Cpath d='M15.417 18.959c3.53 0 6.166-2.96 6.166-6.614V10.14c0-3.654-2.636-6.614-6.166-6.614-3.53 0-6.167 2.96-6.167 6.614v2.205c0 3.653 2.636 6.614 6.167 6.614z' stroke-miterlimit='10'/%3E%3Cpath d='M23.125 71.375V31.29l6.892-1.541c3.854-.725 5.442-2.744 5.442-6.167H9.25c-5.519 0-7.708 2.328-7.708 9.25v10.792c0 3.314 1.31 6.166 4.625 6.166h1.542' stroke-linejoin='round'/%3E%3Cpath d='M15.417 45.167v26.208M7.709 32.833v38.542' stroke-miterlimit='10'/%3E%3Cpath d='M29.292 18.958V8.167c0-.848.694-1.542 1.542-1.542h3.083m33.917 0h3.083c.848 0 1.542.694 1.542 1.542v38.541c0 .848-.694 1.542-1.542 1.542H30.834a1.546 1.546 0 0 1-1.542-1.542V35.917M63.208 3.542v4.625M43.168 6.625h15.417M38.542 3.542v4.625' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M44.709 23.583h4.624m3.084 0h4.625m3.083 0h4.625M37 31.292h4.625m3.084 0h4.624m3.084 0h4.625m3.083 0h4.625M37 39h4.625m3.084 0h4.624m3.084 0h4.625' stroke-miterlimit='10'/%3E%3Cpath d='M29.292 15.875h43.167' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_481_353'%3E%3Cpath fill='%23fff' transform='translate(0 2)' d='M0 0H74V69.375H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") no-repeat center center; } body.scheduler .mod_scheduler .btns.icons .btn.icon-cancel:before { background: url("data:image/svg+xml,%3Csvg fill='none' height='74' width='74' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3CclipPath id='a'%3E%3Cpath d='m0 0h64.735v58.568h-64.735z' transform='translate(5 8)'/%3E%3C/clipPath%3E%3Cg clip-path='url(%23a)' stroke='%23474747' stroke-width='3.083'%3E%3Cpath d='m55.875 12.625h6.167c.848 0 1.541.694 1.541 1.542v18.5m-26.208 24.666h-29.291a1.546 1.546 0 0 1 -1.542-1.541v-41.625c0-.848.694-1.542 1.542-1.542h6.166m-7.708 12.333h57.042m-12.334-15.416v6.167m-27.75-3.084h23.125m-27.75-3.083v6.167' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='m23.5 32.667h4.625m3.084 0h4.625m3.083 0h4.625m3.083 0h4.625m-35.458 7.708h4.625m3.083 0h4.625m3.084 0h4.625m-20.042 7.708h4.625m3.083 0h4.625m3.084 0h4.625' stroke-miterlimit='10'/%3E%3Cpath d='m60.562 51.937 7.631-7.63-5.457-5.458-7.632 7.63-7.63-7.63-5.458 5.457 7.63 7.631-7.63 7.632 5.457 5.457 7.631-7.631 7.632 7.631 5.457-5.457z' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E") no-repeat center center; } @media only screen and (max-width: 40em) { body.scheduler .mod_scheduler .btns.next-step { display: grid; grid-template-columns: 1fr 1fr; width: 100%; min-width: 100%; gap: 10px; } } body.scheduler .mod_scheduler p.disclaimer { margin: 40px auto 0; color: #64707e; letter-spacing: .7px; line-height: 1.6; text-align: center; max-width: 280px; } @media only screen and (max-width: 1200px) { body.scheduler .mod_scheduler p.disclaimer { margin-top: 30px; } } @media only screen and (min-width: 64em)and (max-height: 900px) { body.scheduler .mod_scheduler p.disclaimer { margin-top: 20px; } } @media only screen and (max-width: 64em) { body.scheduler .mod_scheduler p.disclaimer { margin-top: 20px; } } @media only screen and (max-width: 800px) { body.scheduler .mod_scheduler p.disclaimer { margin-top: 15px; font-size: 15px; } } @media only screen and (max-width: 40em) { body.scheduler .mod_scheduler p.disclaimer { font-size: 14px; margin-top: 10px; margin-bottom: 10px; } } body.scheduler .mod_scheduler p.disclaimer.urgent { margin-top: 20px; font-weight: 600; max-width: 300px; color: #64707e; } body.scheduler .mod_scheduler .hidden-options .options { display: none; } body.scheduler .mod_scheduler .hidden-options .options.active { display: block; } body.scheduler .mod_scheduler form small { background: #be5555; color: #fff; border-radius: 3px; font-size: 10px; font-weight: 400; width: fit-content; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; position: absolute; right: 10px; top: 19px; text-align: center; z-index: 99; opacity: 0; padding: 2px 4px; transition: all .2s; pointer-events: none; } body.scheduler .mod_scheduler form .fields { width: 100%; max-width: 500px; } body.scheduler .mod_scheduler form .fields .field, body.scheduler .mod_scheduler form .fields .field-item { position: relative; width: 100%; } body.scheduler .mod_scheduler form .fields .field label, body.scheduler .mod_scheduler form .fields .field-item label { color: #64707e; display: inline-block; margin-bottom: 5px; margin-left: 5px; } @media only screen and (min-width: 800px)and (max-height: 700px) { body.scheduler .mod_scheduler form .fields .field label, body.scheduler .mod_scheduler form .fields .field-item label { font-size: 14px !important; } } @media only screen and (max-width: 64em) { body.scheduler .mod_scheduler form .fields .field label, body.scheduler .mod_scheduler form .fields .field-item label { font-size: 14px !important; } } @media only screen and (max-width: 40em) { body.scheduler .mod_scheduler form .fields .field label, body.scheduler .mod_scheduler form .fields .field-item label { font-size: 13px !important; } } body.scheduler .mod_scheduler form .fields .field input, body.scheduler .mod_scheduler form .fields .field select, body.scheduler .mod_scheduler form .fields .field textarea, body.scheduler .mod_scheduler form .fields .field-item input, body.scheduler .mod_scheduler form .fields .field-item select, body.scheduler .mod_scheduler form .fields .field-item textarea { border: 1px solid #64707e; letter-spacing: .4px; line-height: .8; border-radius: 0; } @media only screen and (max-width: 800px) { body.scheduler .mod_scheduler form .fields .field input, body.scheduler .mod_scheduler form .fields .field select, body.scheduler .mod_scheduler form .fields .field textarea, body.scheduler .mod_scheduler form .fields .field-item input, body.scheduler .mod_scheduler form .fields .field-item select, body.scheduler .mod_scheduler form .fields .field-item textarea { font-size: 16px; } } body.scheduler .mod_scheduler form .fields .field input, body.scheduler .mod_scheduler form .fields .field select, body.scheduler .mod_scheduler form .fields .field-item input, body.scheduler .mod_scheduler form .fields .field-item select { height: 45px; } @media only screen and (max-width: 40em) { body.scheduler .mod_scheduler form .fields .field input, body.scheduler .mod_scheduler form .fields .field select, body.scheduler .mod_scheduler form .fields .field-item input, body.scheduler .mod_scheduler form .fields .field-item select { height: 40px; } } body.scheduler .mod_scheduler form .fields .field .file-upload-btn, body.scheduler .mod_scheduler form .fields .field-item .file-upload-btn { color: #64707e; } body.scheduler .mod_scheduler form .fields .field .file-upload-btn:hover, body.scheduler .mod_scheduler form .fields .field-item .file-upload-btn:hover { opacity: 1; background: #f9f9f9; } body.scheduler .mod_scheduler form .fields .field input[type=date], body.scheduler .mod_scheduler form .fields .field-item input[type=date] { text-transform: uppercase; -webkit-appearance: none; } body.scheduler .mod_scheduler form .fields .field input[type=date].empty, body.scheduler .mod_scheduler form .fields .field-item input[type=date].empty { color: #999; } body.scheduler .mod_scheduler form .fields .field.select, body.scheduler .mod_scheduler form .fields .field-item.select { position: relative; } body.scheduler .mod_scheduler form .fields .field.select .select-wrap, body.scheduler .mod_scheduler form .fields .field-item.select .select-wrap { position: relative; } body.scheduler .mod_scheduler form .fields .field.select .select-wrap:after, body.scheduler .mod_scheduler form .fields .field-item.select .select-wrap:after { content: ""; position: absolute; top: 50%; right: 12px; background: url("https://static.tresiocms.com/images/arrow2.png?auto=format,compress") no-repeat center center; background-size: auto 100%; transform: translateY(-50%) rotate(90deg); padding: 5px; display: inline-block; pointer-events: none; } body.scheduler .mod_scheduler form .fields .field.select .select-wrap small, body.scheduler .mod_scheduler form .fields .field-item.select .select-wrap small { top: -7px; } body.scheduler .mod_scheduler form .fields .field.select select, body.scheduler .mod_scheduler form .fields .field-item.select select { padding-right: 30px; color: #333; line-height: 1.3; } body.scheduler .mod_scheduler form .fields .field.select select option, body.scheduler .mod_scheduler form .fields .field.select select optgroup, body.scheduler .mod_scheduler form .fields .field-item.select select option, body.scheduler .mod_scheduler form .fields .field-item.select select optgroup { color: #333; } body.scheduler .mod_scheduler form .fields .field.select select.empty, body.scheduler .mod_scheduler form .fields .field-item.select select.empty { color: #999; } body.scheduler .mod_scheduler form .fields .field + .field, body.scheduler .mod_scheduler form .fields .field .field-item, body.scheduler .mod_scheduler form .fields .field-item + .field, body.scheduler .mod_scheduler form .fields .field-item .field-item { margin-top: 20px; } body.scheduler .mod_scheduler form .fields .field.checkbox-item, body.scheduler .mod_scheduler form .fields .field.radio, body.scheduler .mod_scheduler form .fields .field-item.checkbox-item, body.scheduler .mod_scheduler form .fields .field-item.radio { position: relative; } body.scheduler .mod_scheduler form .fields .field.checkbox-item input, body.scheduler .mod_scheduler form .fields .field.radio input, body.scheduler .mod_scheduler form .fields .field-item.checkbox-item input, body.scheduler .mod_scheduler form .fields .field-item.radio input { opacity: 0; position: absolute; } body.scheduler .mod_scheduler form .fields .field.checkbox-item input:focus + label, body.scheduler .mod_scheduler form .fields .field.checkbox-item input:focus-within + label, body.scheduler .mod_scheduler form .fields .field.radio input:focus + label, body.scheduler .mod_scheduler form .fields .field.radio input:focus-within + label, body.scheduler .mod_scheduler form .fields .field-item.checkbox-item input:focus + label, body.scheduler .mod_scheduler form .fields .field-item.checkbox-item input:focus-within + label, body.scheduler .mod_scheduler form .fields .field-item.radio input:focus + label, body.scheduler .mod_scheduler form .fields .field-item.radio input:focus-within + label { text-decoration: underline; } body.scheduler .mod_scheduler form .fields .field.checkbox-item input:checked + label, body.scheduler .mod_scheduler form .fields .field.radio input:checked + label, body.scheduler .mod_scheduler form .fields .field-item.checkbox-item input:checked + label, body.scheduler .mod_scheduler form .fields .field-item.radio input:checked + label { text-decoration: none; } body.scheduler .mod_scheduler form .fields .field.checkbox-item input:checked + label:before, body.scheduler .mod_scheduler form .fields .field.radio input:checked + label:before, body.scheduler .mod_scheduler form .fields .field-item.checkbox-item input:checked + label:before, body.scheduler .mod_scheduler form .fields .field-item.radio input:checked + label:before { opacity: 0; visibility: hidden; } body.scheduler .mod_scheduler form .fields .field.checkbox-item input:checked + label:after, body.scheduler .mod_scheduler form .fields .field.radio input:checked + label:after, body.scheduler .mod_scheduler form .fields .field-item.checkbox-item input:checked + label:after, body.scheduler .mod_scheduler form .fields .field-item.radio input:checked + label:after { opacity: 1; visibility: visible; } body.scheduler .mod_scheduler form .fields .field.checkbox-item label, body.scheduler .mod_scheduler form .fields .field.radio label, body.scheduler .mod_scheduler form .fields .field-item.checkbox-item label, body.scheduler .mod_scheduler form .fields .field-item.radio label { position: relative; font-size: 16px !important; padding-left: 30px; margin-right: 0; } @media only screen and (max-width: 1200px) { body.scheduler .mod_scheduler form .fields .field.checkbox-item label, body.scheduler .mod_scheduler form .fields .field.radio label, body.scheduler .mod_scheduler form .fields .field-item.checkbox-item label, body.scheduler .mod_scheduler form .fields .field-item.radio label { padding-left: 24px; letter-spacing: .4px; } } @media only screen and (min-width: 64em)and (max-height: 900px) { body.scheduler .mod_scheduler form .fields .field.checkbox-item label, body.scheduler .mod_scheduler form .fields .field.radio label, body.scheduler .mod_scheduler form .fields .field-item.checkbox-item label, body.scheduler .mod_scheduler form .fields .field-item.radio label { font-size: 15px !important; padding-left: 22px; margin-bottom: 0; } } @media only screen and (max-width: 64em) { body.scheduler .mod_scheduler form .fields .field.checkbox-item label, body.scheduler .mod_scheduler form .fields .field.radio label, body.scheduler .mod_scheduler form .fields .field-item.checkbox-item label, body.scheduler .mod_scheduler form .fields .field-item.radio label { font-size: 15px !important; } } @media only screen and (max-width: 800px) { body.scheduler .mod_scheduler form .fields .field.checkbox-item label, body.scheduler .mod_scheduler form .fields .field.radio label, body.scheduler .mod_scheduler form .fields .field-item.checkbox-item label, body.scheduler .mod_scheduler form .fields .field-item.radio label { font-size: 14px !important; padding-left: 22px; } } body.scheduler .mod_scheduler form .fields .field.checkbox-item label:before, body.scheduler .mod_scheduler form .fields .field.checkbox-item label:after, body.scheduler .mod_scheduler form .fields .field.radio label:before, body.scheduler .mod_scheduler form .fields .field.radio label:after, body.scheduler .mod_scheduler form .fields .field-item.checkbox-item label:before, body.scheduler .mod_scheduler form .fields .field-item.checkbox-item label:after, body.scheduler .mod_scheduler form .fields .field-item.radio label:before, body.scheduler .mod_scheduler form .fields .field-item.radio label:after { content: ""; position: absolute; top: 50%; left: 0; transform: translateY(-50%); display: inline-block; padding: 8px; background: url("data:image/svg+xml,%3Csvg viewBox='0 0 26 26' width='26' height='26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_486_248)'%3E%3Cpath d='M21.93 25.12H3.19C1.43 25.12 0 23.69 0 21.93V3.19C0 1.43 1.43 0 3.19 0h18.74c1.76 0 3.19 1.43 3.19 3.19v18.74c0 1.76-1.43 3.19-3.19 3.19zM3.19 1.71c-.82 0-1.48.67-1.48 1.48v18.74c0 .82.67 1.48 1.48 1.48h18.74c.82 0 1.48-.67 1.48-1.48V3.19c0-.82-.67-1.48-1.48-1.48H3.19z' fill='%2364707E'/%3E%3C/g%3E%3Cpath stroke='%23000' d='M0.5 0.5H24.62V24.62H0.5z'/%3E%3Cdefs%3E%3CclipPath id='clip0_486_248'%3E%3Cpath fill='%23fff' d='M0 0H25.12V25.12H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") no-repeat center center; background-size: 100% auto !important; } @media only screen and (min-width: 64em)and (max-height: 900px) { body.scheduler .mod_scheduler form .fields .field.checkbox-item label:before, body.scheduler .mod_scheduler form .fields .field.checkbox-item label:after, body.scheduler .mod_scheduler form .fields .field.radio label:before, body.scheduler .mod_scheduler form .fields .field.radio label:after, body.scheduler .mod_scheduler form .fields .field-item.checkbox-item label:before, body.scheduler .mod_scheduler form .fields .field-item.checkbox-item label:after, body.scheduler .mod_scheduler form .fields .field-item.radio label:before, body.scheduler .mod_scheduler form .fields .field-item.radio label:after { padding: 7px; } } @media only screen and (max-width: 64em) { body.scheduler .mod_scheduler form .fields .field.checkbox-item label:before, body.scheduler .mod_scheduler form .fields .field.checkbox-item label:after, body.scheduler .mod_scheduler form .fields .field.radio label:before, body.scheduler .mod_scheduler form .fields .field.radio label:after, body.scheduler .mod_scheduler form .fields .field-item.checkbox-item label:before, body.scheduler .mod_scheduler form .fields .field-item.checkbox-item label:after, body.scheduler .mod_scheduler form .fields .field-item.radio label:before, body.scheduler .mod_scheduler form .fields .field-item.radio label:after { padding: 7px; } } @media only screen and (max-width: 40em) { body.scheduler .mod_scheduler form .fields .field.checkbox-item label:before, body.scheduler .mod_scheduler form .fields .field.checkbox-item label:after, body.scheduler .mod_scheduler form .fields .field.radio label:before, body.scheduler .mod_scheduler form .fields .field.radio label:after, body.scheduler .mod_scheduler form .fields .field-item.checkbox-item label:before, body.scheduler .mod_scheduler form .fields .field-item.checkbox-item label:after, body.scheduler .mod_scheduler form .fields .field-item.radio label:before, body.scheduler .mod_scheduler form .fields .field-item.radio label:after { top: calc(50% - 1px); } } body.scheduler .mod_scheduler form .fields .field.checkbox-item label:after, body.scheduler .mod_scheduler form .fields .field.radio label:after, body.scheduler .mod_scheduler form .fields .field-item.checkbox-item label:after, body.scheduler .mod_scheduler form .fields .field-item.radio label:after { opacity: 0; visibility: hidden; pointer-events: none; background: url("data:image/svg+xml,%3Csvg viewBox='0 0 29 26' width='29' height='26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_486_253)' fill='%2364707E' stroke='%23000'%3E%3Cpath d='M9.009 11.412l-.004-.003a.497.497 0 0 1-.028-.7l.004-.004c.18-.199.5-.213.7-.028l3.73 3.44.35.323.34-.333 12.85-12.61.002-.003c.191-.191.511-.188.699.005l.004.005c.191.19.188.51-.005.698l-.002.001L13.79 15.82l-4.78-4.408z'/%3E%3Cpath d='M23.91 21.92V11.48l.71-.698V21.92a2.692 2.692 0 0 1-2.69 2.69H3.19A2.692 2.692 0 0 1 .5 21.92V3.18A2.69 2.69 0 0 1 3.19.5h18.74c.103 0 .204.006.304.017l-.698.683H3.19a1.99 1.99 0 0 0-1.98 1.98v18.74c0 1.098.896 1.98 1.98 1.98h18.74c1.096 0 1.98-.884 1.98-1.98z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_486_253'%3E%3Cpath fill='%23fff' d='M0 0H28.3V25.11H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") no-repeat center center; } body.scheduler .mod_scheduler form .fields .field.radio label, body.scheduler .mod_scheduler form .fields .field-item.radio label { padding-left: 27px; } body.scheduler .mod_scheduler form .fields .field.radio label:before, body.scheduler .mod_scheduler form .fields .field.radio label:after, body.scheduler .mod_scheduler form .fields .field-item.radio label:before, body.scheduler .mod_scheduler form .fields .field-item.radio label:after { top: calc(50% - 1px); padding: 10px; background: url("data:image/svg+xml,%3Csvg viewBox='0 0 30 30' width='30' height='30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M29 15c0 7.732-6.268 14-14 14S1 22.732 1 15 7.268 1 15 1s14 6.268 14 14z' stroke='%2364707E' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center center; } body.scheduler .mod_scheduler form .fields .field.radio label:after, body.scheduler .mod_scheduler form .fields .field-item.radio label:after { background: url("data:image/svg+xml,%3Csvg width='30' height='30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_483_612)' fill='%23474747'%3E%3Cpath d='M14.52 29.05C6.52 29.05 0 22.53 0 14.52S6.52 0 14.52 0c2.51 0 4.98.65 7.15 1.88a1 1 0 0 1-.98 1.74C18.82 2.56 16.69 2 14.53 2 7.62 2 2 7.62 2 14.52c0 6.9 5.62 12.52 12.52 12.52 6.9 0 12.52-5.62 12.52-12.52 0-.93-.1-1.87-.31-2.77-.12-.54.22-1.07.76-1.2.54-.12 1.07.22 1.2.76.24 1.05.36 2.13.36 3.21 0 8.01-6.52 14.52-14.52 14.52l-.01.01z'/%3E%3Cpath d='M14.55 18.56l-5.13-4.73a.997.997 0 1 1 1.35-1.47l3.73 3.44L27.35 3.18a.996.996 0 0 1 1.41.01c.39.39.38 1.03-.01 1.41l-14.2 13.95v.01z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_483_612'%3E%3Cpath fill='%23fff' d='M0 0H29.05V29.05H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") no-repeat center center; } body.scheduler .mod_scheduler form .fields .field.radio input:focus + label, body.scheduler .mod_scheduler form .fields .field.radio input:focus-within + label, body.scheduler .mod_scheduler form .fields .field-item.radio input:focus + label, body.scheduler .mod_scheduler form .fields .field-item.radio input:focus-within + label { text-decoration: underline !important; } body.scheduler .mod_scheduler form .fields .field.error small, body.scheduler .mod_scheduler form .fields .field-item.error small { opacity: 1; visibility: visible; } body.scheduler .mod_scheduler form .fields .field.error label, body.scheduler .mod_scheduler form .fields .field.error p, body.scheduler .mod_scheduler form .fields .field.error .file-upload-btn, body.scheduler .mod_scheduler form .fields .field-item.error label, body.scheduler .mod_scheduler form .fields .field-item.error p, body.scheduler .mod_scheduler form .fields .field-item.error .file-upload-btn { color: #be5555 !important; } body.scheduler .mod_scheduler form .fields .field.error label:before, body.scheduler .mod_scheduler form .fields .field.error label:after, body.scheduler .mod_scheduler form .fields .field-item.error label:before, body.scheduler .mod_scheduler form .fields .field-item.error label:after { filter: hue-rotate(180deg); } body.scheduler .mod_scheduler form .fields .field.error input, body.scheduler .mod_scheduler form .fields .field.error select, body.scheduler .mod_scheduler form .fields .field.error textarea, body.scheduler .mod_scheduler form .fields .field.error .file-upload-btn, body.scheduler .mod_scheduler form .fields .field-item.error input, body.scheduler .mod_scheduler form .fields .field-item.error select, body.scheduler .mod_scheduler form .fields .field-item.error textarea, body.scheduler .mod_scheduler form .fields .field-item.error .file-upload-btn { border: 1px solid #be5555; } @media only screen and (max-width: 40em) { body.scheduler .mod_scheduler form .fields .field small, body.scheduler .mod_scheduler form .fields .field-item small { font-size: 9px; color: #be5555 !important; width: 60px; position: absolute; } body.scheduler .mod_scheduler form .fields .field small:after, body.scheduler .mod_scheduler form .fields .field-item small:after { content: "Required."; position: absolute; top: 50%; transform: translateY(-50%); left: auto; right: 10px; color: #fff; } } body.scheduler .mod_scheduler form .follow-up, body.scheduler .mod_scheduler form .disclaimer { margin: 20px auto 0; max-width: 620px; width: 100%; display: flex; justify-content: center; gap: 40px; align-items: center; } @media only screen and (max-width: 800px) { body.scheduler .mod_scheduler form .follow-up, body.scheduler .mod_scheduler form .disclaimer { flex-direction: column; margin-top: 10px; gap: 0; } } body.scheduler .mod_scheduler form .follow-up p, body.scheduler .mod_scheduler form .disclaimer p { color: #64707e; letter-spacing: .6px; text-align: left; margin-bottom: 0; } @media only screen and (max-width: 64em) { body.scheduler .mod_scheduler form .follow-up p, body.scheduler .mod_scheduler form .disclaimer p { font-size: 15px; } } @media only screen and (max-width: 800px) { body.scheduler .mod_scheduler form .follow-up p, body.scheduler .mod_scheduler form .disclaimer p { font-size: 14px; } } body.scheduler .mod_scheduler form .follow-up .fields, body.scheduler .mod_scheduler form .disclaimer .fields { margin-top: 8px; max-width: 140px; } body.scheduler .mod_scheduler form .follow-up .fields .field, body.scheduler .mod_scheduler form .disclaimer .fields .field { display: flex; align-items: center; } body.scheduler .mod_scheduler form .follow-up .fields .field input, body.scheduler .mod_scheduler form .disclaimer .fields .field input { margin-bottom: 0; } body.scheduler .mod_scheduler form .follow-up .fields .field label, body.scheduler .mod_scheduler form .disclaimer .fields .field label { margin-right: 0; } body.scheduler .mod_scheduler form .follow-up .fields .field + .field, body.scheduler .mod_scheduler form .disclaimer .fields .field + .field { margin-left: 20px; margin-top: 0; } body.scheduler .mod_scheduler form .disclaimer { margin-bottom: 20px; } body.scheduler .mod_scheduler.open .side { min-width: 500px; padding-left: 50px; padding-right: 50px; } @media only screen and (max-width: 1500px) { body.scheduler .mod_scheduler.open .side { min-width: 420px; padding-left: 40px; padding-right: 40px; } } @media only screen and (max-width: 1200px) { body.scheduler .mod_scheduler.open .side { min-width: 360px; padding-left: 30px; padding-right: 30px; } } @media only screen and (max-width: 64em) { body.scheduler .mod_scheduler.open .side { padding: 18px 0 16px; height: 150px; } } @media only screen and (max-width: 800px) { body.scheduler .mod_scheduler.open .side { padding: 15px 0; } } @media only screen and (max-width: 40em) { body.scheduler .mod_scheduler.open .side { padding: 10px 0; min-width: 100%; } } body.scheduler .mod_scheduler.open .side h1 { top: 0; opacity: 1; visibility: visible; } body.scheduler .mod_scheduler.request .side { width: 100%; min-width: 700px; } @media only screen and (max-width: 1500px) { body.scheduler .mod_scheduler.request .side { min-width: 560px; } } @media only screen and (max-width: 1200px) { body.scheduler .mod_scheduler.request .side { min-width: 480px; } } @media only screen and (min-width: 64em)and (max-height: 900px) { body.scheduler .mod_scheduler.request .side { min-width: 440px; max-width: 700px; } } @media only screen and (min-width: 800px)and (max-height: 700px) { body.scheduler .mod_scheduler.request .side { min-width: 400px; max-width: 560px; padding: 30px 30px 0; } } @media only screen and (max-width: 64em) { body.scheduler .mod_scheduler.request .side { min-width: 100%; max-width: 100%; padding: 18px 0 16px; } } @media only screen and (max-width: 800px) { body.scheduler .mod_scheduler.request .side { min-width: 100%; } } body.scheduler .mod_scheduler.request .side .inner { width: 100%; } body.scheduler .mod_scheduler.request .side .inner h1 { opacity: 0; visibility: hidden; } body.scheduler .mod_scheduler.request .side .inner .item { opacity: 0; visibility: hidden; } @media only screen and (max-width: 64em) { body.scheduler .mod_scheduler.request .side .inner .item { opacity: 1; visibility: visible; } } body.scheduler .mod_scheduler.request .side .inner .item.location { opacity: 1; visibility: visible; top: -62px; } @media only screen and (max-width: 64em) { body.scheduler .mod_scheduler.request .side .inner .item.location { top: 0; } } body.scheduler .mod_scheduler.request .side .inner .item.location .provider .reviews.show { opacity: 1; visibility: visible; } body.scheduler .mod_scheduler.request .side .inner .item:not(.location.show-provider) { height: 0; } body.scheduler .mod_scheduler.request.show-tabs .provider-tabs { opacity: 1 !important; visibility: visible !important; } body.scheduler .mod_scheduler.request.reschedule .side .inner .item.location, body.scheduler .mod_scheduler.request.cancel .side .inner .item.location { top: -62px; } @media only screen and (max-width: 64em) { body.scheduler .mod_scheduler.request.reschedule .side .inner .item.location, body.scheduler .mod_scheduler.request.cancel .side .inner .item.location { top: 0; } } body.scheduler .mod_scheduler.reschedule .side .item.reason, body.scheduler .mod_scheduler.reschedule .side .item.insurance, body.scheduler .mod_scheduler.cancel .side .item.reason, body.scheduler .mod_scheduler.cancel .side .item.insurance { display: none; } body.scheduler .mod_scheduler.reschedule .step.provider-step .inner-step.date-grid h2 span.reschedule { display: inline-block !important; } body.scheduler .mod_scheduler.cancel .inner.steps .step.provider-step.active .inner-step.provider.date-grid { opacity: 0; visibility: hidden; display: none; top: 0; transform: none; height: 0; width: 0; } body.scheduler .mod_scheduler.cancel .inner.steps .step.provider-step.active .inner-step.provider.grid { display: block; pointer-events: auto; opacity: 1; visibility: visible; } body.scheduler .mod_scheduler.cancel .inner.steps .step.confirm-step .field-row h2 { display: none; } body.scheduler .mod_scheduler.cancel .inner.steps .step.confirm-step .field-row h2.cancel { display: block; } body.scheduler .mod_scheduler.cancel .status .item.appointment { display: none; } body.scheduler .mod_scheduler.cancel .field.somebody-else { padding: 5px 0; } body.scheduler .mod_scheduler.cancel .field.somebody-else span { color: #64707e; font-size: 1rem; } @media only screen and (max-width: 64em) { body.scheduler .mod_scheduler.cancel .field.somebody-else span { font-size: 15px; } } @media only screen and (max-width: 800px) { body.scheduler .mod_scheduler.cancel .field.somebody-else span { font-size: 14px; line-height: 1.3; display: block; } } body.scheduler .mod_scheduler.cancel .field.somebody-else span.label { display: none; } body.scheduler .mod_scheduler.cancel .field.somebody-else span.cancel { display: block !important; } @media only screen and (max-width: 64em) { body.scheduler .mod_scheduler.end .status { overflow: auto; } } body.scheduler .mod_scheduler.complete .main { padding-bottom: 60px; } @media only screen and (max-width: 1200px) { body.scheduler .mod_scheduler.complete .main { padding-bottom: 40px; } } body.scheduler .mod_scheduler.complete .select-appointment, body.scheduler .mod_scheduler.complete .bottom { opacity: 0 !important; visibility: hidden !important; } body.scheduler .mod_scheduler[data-scheduler-type=standard] .main .steps .step.provider-step .confirm-dates { height: 90px; } body.scheduler .mod_scheduler[data-scheduler-type=standard] .main .steps .step.provider-step .confirm-dates p.alternate { display: none !important; } body.scheduler .mod_scheduler[data-scheduler-type=standard] .main .steps .step.provider-step .confirm-dates span.reserved { display: block; } body.scheduler .mod_scheduler[data-scheduler-type=faux] .provider-tabs .tab .swiper-slide .info { display: none; } body.scheduler .mod_scheduler[data-scheduler-type=faux] .select-appointment, body.scheduler .mod_scheduler[data-scheduler-type=standard] .select-appointment { opacity: 1; visibility: visible; } @media only screen and (max-width: 800px) { body.scheduler a#tresio-widget-button { bottom: 94px !important; left: auto; right: 18px; transform: scale(.8); transition: all .3s ease; } } body.scheduler footer { display: none; } body.scheduler footer .fixed-cta { display: none; } body.scheduler footer + .disclaimer { display: none; } body.scheduler .partial_form_sticky { display: none; } @media only screen and (max-width: 800px) { body.scheduler.finished a#tresio-widget-button { bottom: 24px !important; } } body.scheduler .mod_scheduler[data-locale=es] .main form .inner.steps .step.insurance-step .fields { max-width: 520px; } body.scheduler .mod_scheduler[data-locale=es] .main form .inner.steps .step.reason-step .btns a.btn { font-size: 15px; padding-left: 10px; padding-right: 10px; min-width: 200px; } body.scheduler .mod_scheduler[data-locale=es] .main form .inner.steps .step.provider-step .inner-step.provider .date-time .calendar-nav span.prev-week, body.scheduler .mod_scheduler[data-locale=es] .main form .inner.steps .step.provider-step .inner-step.provider .date-time .calendar-nav span.next-week { width: 150px; } body.scheduler .mod_scheduler[data-locale=es] .location-item.soonest:before, body.scheduler .mod_scheduler[data-locale=es] .provider-item.soonest:before { left: calc(50% - 76px); } body.scheduler .mod_scheduler[data-locale=es] .location-item.soonest:after, body.scheduler .mod_scheduler[data-locale=es] .provider-item.soonest:after { content: "Disponibilidad más Pronto"; } .mod_scheduler .btns .btn.service-hidden, .mod_scheduler .options .checkbox-item.service-hidden, .mod_scheduler .location-grid .location-item.service-hidden { display: none; } .mod_scheduler .reason-step h2 .options-label { display: none; } .mod_scheduler .reason-step h2 .options-label-default { display: inline; }