/* ======================================================= >>> GENERAL TABLE OF CONTENTS: # Normalize/General # Typography & Buttons # Breadcrumbs # Common Content # Ajax Loader >>> SITE DESIGN # Header & Navbar # Footer # Layout - Carousel # Layout - Default # Layout - Default With Background # Layout - Lists Slider # Layout - Default With Background Image # Layout - Featured Product # Layout - Provider # Layout - Content with Image # Layout - Default Accordion # Layout - Success Story # Layout - Default Banner # Layout - Sidebar Content # Layout - Sidebar Content With Accordion # Layout - Products # Layout - Teams # Layout - Press # Layout - Locator # Layout - Clinics # Layout - Single Clinic # Layout - Password Protect # Template - Brand Refresh # Template - Announcement # Media Query ======================================================= */ /* # Normalize/General */ body, html{ overflow-x: hidden; } /*html.md-show{ overflow: hidden; }*/ body.modal-open { padding-right: 0 !important; } body { font-family: 'Poppins', sans-serif; font-weight: 300; color: #707070; } body a { text-decoration: none; transition: all ease 0.3s; } body .modal{ z-index: 22222; } body .modal-backdrop{ z-index: 11111; } a:active, a:hover { text-decoration: none; } .ui-front{ z-index: 22222; } body{ font-size: 0; } body #content{ font-size: 15px; } /* # Form */ .form-wrap .gform_wrapper ul.gform_fields li.styled-checkbox .ginput_container .gfield_checkbox{ display: block; width: 100%; } .form-wrap .gform_wrapper ul.gform_fields li.styled-checkbox .ginput_container .gfield_checkbox .gchoice{ overflow: initial; } .form-wrap .gform_wrapper ul.gform_fields li.styled-checkbox .ginput_container .gfield_checkbox input[type=checkbox]{ display: none; } .form-wrap .gform_wrapper ul.gform_fields li.styled-checkbox .ginput_container .gfield_checkbox label{ display: block; vertical-align: middle; padding-left: 35px; margin-left: 0; width: 100%; max-width: 100%; } .form-wrap .gform_wrapper ul.gform_fields li.styled-checkbox .ginput_container .gfield_checkbox label::after{ content: ''; display: inline-block; position: absolute; width: 25px; height: 25px; top: 35%; transform: translateY(-50%); left: 0; background-image: url(https://qa.biote.com/wp-content/themes/biote/assets/images/un-check.webp); background-size: contain; background-repeat: no-repeat; background-position: center; } .form-wrap .gform_wrapper ul.gform_fields li.styled-checkbox .ginput_container .gfield_checkbox input[type=checkbox]:checked+label{ font-weight: normal; } .form-wrap .gform_wrapper ul.gform_fields li.styled-checkbox .ginput_container .gfield_checkbox input[type=checkbox]:checked+label::after{ background-image: url(https://qa.biote.com/wp-content/themes/biote/assets/images/check.webp); } /* # Typography & Buttons */ .cta { background-color: transparent; display: inline-flex; align-items: center; justify-content: center; width: 100%; max-width: 220px; flex: 1; height: 40px; color: #707070; border: 3px solid #707070; border-radius: 25px; font-size: 16px; font-family: 'atten-round-new'; font-weight: 700; transition: all ease 0.3s; text-decoration: none; } .cta:hover { background-color: #707070; color: #fff; } .cta.cta-main { border-color: #683E98; color: #683E98; } .cta.cta-main.cta-solid{ background-color: #683E98; color: #fff; } .cta.cta-main.cta-solid:hover{ background-color: transparent; color: #683E98; } .cta.cta-main:hover { background-color: #683E98; color: #fff; } .cta.cta-green { border-color: #449D35; color: #449D35; } .cta.cta-green:hover { background-color: #449D35; color: #fff; } .cta.cta-green.cta-solid{ background-color: #449D35; color: #fff; } .cta.cta-green.cta-solid:hover{ background-color: transparent; color: #449D35; } .cta.cta-white { border-color: #fff; color: #683E98; } .cta.cta-white.cta-solid{ background-color: #fff; color: #683E98; } .cta.cta-white.cta-solid:hover{ background-color: transparent; color: #fff; } .cta.cta-white:hover { background-color: #fff; color: #fff; } .cta.cta-gray { border-color: #A8A8A8; color: #A8A8A8; } .cta.cta-gray:hover { background-color: #A8A8A8; color: #fff; } .cta.cta-gray.cta-solid{ background-color: #A8A8A8; color: #fff; } .cta.cta-gray.cta-solid:hover{ background-color: transparent; color: #A8A8A8; } .cta.cta-dark-gray { border-color: #707070; color: #707070; } .cta.cta-dark-gray:hover { background-color: #707070; color: #fff; } .cta.cta-dark-gray.cta-solid{ background-color: #707070; color: #fff; } .cta.cta-dark-gray.cta-solid:hover{ background-color: transparent; color: #707070; } /* # Breadcrumbs */ #breadcrumb{ margin-bottom: 20px; } #breadcrumb .breadcrumb-text-wrap{ color: #707070; font-family: 'Poppins', sans-serif; font-weight: 300; font-size: 14px; } #breadcrumb .breadcrumb-link-wrap a{ color: #683E98; font-family: 'Poppins', sans-serif; font-weight: 300; font-size: 14px; text-decoration: none; } #breadcrumb .breadcrumb-link-wrap a span{ color: #683E98; font-family: 'Poppins', sans-serif; font-weight: 300; font-size: 14px; text-decoration: none; transition: all ease 0.3s; } #breadcrumb .breadcrumb-link-wrap a span.strong{ color: #707070; font-family: 'Poppins', sans-serif; font-weight: 500; font-size: 17px; line-height: 26px; text-decoration: none; transition: all ease 0.3s; } #breadcrumb .breadcrumb-link-wrap a:hover{ color: #449D35; } #breadcrumb .breadcrumb-link-wrap a:hover span.strong{ color: #707070; } #breadcrumb .breadcrumb-separator-wrap{ color: #707070; font-size: 14px; margin: 0 2px; } /* # IOS FIXES */ body.osx input{ border: 1px solid #683E98 !important; } body.osx textarea{ border: 1px solid #683E98 !important; } body.osx .ui-selectmenu-button{ border: 1px solid #683E98 !important; box-shadow: inset 0 1px 5px rgb(0 0 0 / 16%) !important; } body.osx .gfield_contains_required::after{ top: -15px !important; } /* # Common Content */ #content.site-content{ background: #fff; padding-top: 98px; } #content.site-content.site-brandrefresh-content{ padding-top: 175px; } .custom-modal .btn-close{ outline: 0; box-shadow: none; color: #683E98; background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23683e98'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat; position: absolute; top: 20px; color: #fff; opacity: 1; right: 20px; padding: 0; width: 20px; height: 20px; background-size: contain; } .custom-modal .modal-content{ border-radius: 33px; border: none; } .custom-modal .modal-dialog .modal-body{ padding: 30px; } .product-quickView-modal .modal-dialog{ padding-bottom: 140px; } .product-quickView-modal .product-navigation{ text-align: center; position: absolute; bottom: -120px; z-index: 2; left: 0; right: 0; } .product-quickView-modal .product-navigation span{ color: #fff; font-family: "atten-round-new",sans-serif; font-weight: 700; font-size: 21px; line-height: 56px; display: inline-block; vertical-align: middle; } .product-quickView-modal .product-navigation button{ background-color: transparent; border: none; padding: 0; width: 35px; height: 35px; outline: 0; transition: all ease 0.3s; display: inline-block; vertical-align: middle; } .product-quickView-modal .product-navigation button:hover{ opacity: 0.7; } .product-quickView-modal .product-navigation button img{ width: 100%; height: auto; } .product-quickView-modal .product-navigation button.prev-quickView{ margin-right: 20px; } .product-quickView-modal .product-navigation button.next-quickView{ margin-left: 20px; } .product-quickView-modal .close{ color: #fff; font-family: "atten-round-new",sans-serif; font-size: 24px; position: absolute; top: 20px; right: 20px; padding: 0; border: none; background-color: transparent; outline: 0; line-height: 1; } .product-quickView-modal .modal-header{ background-color: #449D35; border: none; border-radius: 33px 33px 0 0; padding-top: 16px; padding-bottom: 16px; justify-content: center; } .product-quickView-modal .modal-header .modal-title{ text-align: center; display: block; color: #fff; font-size: 33px; font-family: "atten-round-new",sans-serif; font-weight: 700; line-height: 1; text-transform: uppercase; margin-bottom: 0; } .product-quickView-modal .modal-body{ padding-top: 40px; padding-bottom: 40px; } .product-quickView-modal .content{ max-height: 665px; overflow-y: auto; } .product-quickView-modal .product-wrap{ display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: center; } .product-quickView-modal .image-wrap{ flex: 0 0 100%; max-width: 100%; } .product-quickView-modal .image-wrap .image{ margin-bottom: 15px; width: 100%; max-width: 240px; margin-right: auto; margin-left: auto; } .product-quickView-modal .image-wrap .image img{ width: 100%; height: auto; } .product-quickView-modal .image-wrap .characteristics{ text-align: center; } .product-quickView-modal .image-wrap .characteristics .characteristic{ display: block; width: 100%; max-width: 70px; margin-right: auto; margin-left: auto; margin-bottom: 20px; } .product-quickView-modal .image-wrap .characteristics .characteristic:last-child{ margin-bottom: 0; } .product-quickView-modal .image-wrap .characteristics .characteristic img{ width: 100%; height: auto; } .product-quickView-modal .content-wrap{ flex: 0 0 100%; max-width: 100%; } .product-quickView-modal .content-wrap .content h1{ color: #683E98; font-size: 44px; font-family: "atten-round-new",sans-serif; font-weight: 300; line-height: 47px; margin-bottom: 6px; } .product-quickView-modal .content-wrap .content h1 strong, .product-quickView-modal .content-wrap .content h1 b{ font-family: "atten-round-new",sans-serif; font-weight: 700; } .product-quickView-modal .content-wrap .content p{ color: #707070; font-family: 'Poppins', sans-serif; font-weight: 300; font-size: 16px; line-height: 25px; padding: 0; margin-bottom: 35px; } .product-quickView-modal .content-wrap .content p strong, .product-quickView-modal .content-wrap .content p b{ font-size: 16px; font-weight: 500; color: #683E98; } .product-quickView-modal .content-wrap .content p:last-of-type{ margin-bottom: 0; } .product-quickView-modal .content-wrap .content h2{ font-family: 'Poppins', sans-serif; font-weight: 500; font-size: 16px; line-height: 27px; color: #683E98; margin-bottom: 10px; } .product-quickView-modal .content-wrap .content h2 strong, .product-quickView-modal .content-wrap .content h2 b{ font-family: "atten-round-new",sans-serif; font-weight: 700; } .product-quickView-modal .content-wrap .content a{ color: #683E98; font-family: 'Poppins', sans-serif; font-weight: 300; text-decoration: underline; } .product-quickView-modal .content-wrap .content a:hover{ color: #683E98; } .product-quickView-modal .content-wrap .content p:last-of-type ~ ul{ margin-top: 35px; } .product-quickView-modal .content-wrap .content ul, .product-quickView-modal .content-wrap .content ol{ margin-bottom: 35px; } .product-quickView-modal .content-wrap .content ul li, .product-quickView-modal .content-wrap .content ol li{ color: #707070; font-family: 'Poppins', sans-serif; font-weight: 300; font-size: 16px; line-height: 25px; padding: 0; margin-bottom: 15px; } .product-quickView-modal .content-wrap .content ul li:last-child, .product-quickView-modal .content-wrap .content ol li:last-child{ margin-bottom: 0; } .product-quickView-modal .content-wrap .content h3{ font-family: 'Poppins', sans-serif; font-weight: 500; font-size: 17px; line-height: 26px; color: #683E98; margin-bottom: 10px; } .product-quickView-modal .content-wrap .links{ margin-top: 45px; text-align: center; } .product-quickView-modal .content-wrap .links a{ margin-bottom: 20px; max-width: 314px; display: flex; margin-right: auto; margin-left: auto; } .product-quickView-modal .content-wrap .links a:last-child{ margin-bottom: 0; } .product-quickView-modal .other-images h2{ font-family: 'Poppins', sans-serif; font-weight: 500; font-size: 16px; line-height: 27px; color: #683E98; margin-bottom: 10px; } .product-quickView-modal .other-images h2 strong, .product-quickView-modal .other-images h2 b{ font-family: "atten-round-new",sans-serif; font-weight: 700; } .product-quickView-modal .other-images .other-image{ width: 100%; max-width: 250px; margin-right: auto; margin-left: auto; } .team-modal .modal-dialog{ padding-top: 230px; } .team-modal .modal-header{ background-color: #683E98; border: none; border-radius: 33px 33px 0 0; padding-top: 54px; padding-bottom: 25px; justify-content: center; flex-wrap: wrap; flex-direction: column; } .team-modal .modal-header .image{ overflow: hidden; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; width: 241px; height: 241px; border-radius: 100%; position: relative; margin-top: -250px; } .team-modal .modal-header .image img{ width: 100%; height: auto; } .team-modal .modal-header h2{ color: #fff; font-family: "atten-round-new",sans-serif; font-weight: 700; font-size: 33px; line-height: 38px; margin-top: 10px; margin-bottom: 0; text-align: center; } .team-modal .modal-header h3{ color: #fff; font-family: "atten-round-new",sans-serif; font-weight: normal; font-size: 22px; line-height: 26px; margin-bottom: 0; text-align: center; } .team-modal .close{ color: #fff; font-family: "atten-round-new",sans-serif; font-size: 24px; position: absolute; top: 20px; right: 20px; padding: 0; border: none; background-color: transparent; outline: 0; line-height: 1; } .team-modal .modal-body{ padding: 40px 20px; } .team-modal .content{ max-height: 771px; overflow-y: auto; } .team-modal .content h1{ color: #683E98; font-size: 44px; font-family: "atten-round-new",sans-serif; font-weight: 300; line-height: 47px; margin-bottom: 6px; } .team-modal .content h1 strong, .team-modal .content h1 b{ font-family: "atten-round-new",sans-serif; font-weight: 700; } .team-modal .content p{ color: #707070; font-family: 'Poppins', sans-serif; font-weight: 300; font-size: 16px; line-height: 25px; padding: 0; margin-bottom: 35px; } .team-modal .content p strong, .team-modal .content p b{ font-size: 16px; font-weight: 500; color: #683E98; } .team-modal .content p:last-of-type{ margin-bottom: 0; } .team-modal .content h2{ font-family: 'Poppins', sans-serif; font-weight: 500; font-size: 19px; line-height: 27px; color: #683E98; margin-bottom: 10px; } .team-modal .content h2 strong, .team-modal .content h2 b{ font-family: "atten-round-new",sans-serif; font-weight: 700; } .team-modal .content a{ color: #683E98; font-family: 'Poppins', sans-serif; font-weight: 300; text-decoration: underline; } .team-modal .content a:hover{ color: #683E98; } .team-modal .content p:last-of-type ~ ul{ margin-top: 35px; } .team-modal .content ul, .team-modal .content ol{ margin-bottom: 35px; } .team-modal .content ul li, .team-modal .content ol li{ color: #707070; font-family: 'Poppins', sans-serif; font-weight: 300; font-size: 16px; line-height: 25px; padding: 0; margin-bottom: 15px; } .team-modal .content ul li:last-child, .team-modal .content ol li:last-child{ margin-bottom: 0; } .team-modal .content h3{ font-family: 'Poppins', sans-serif; font-weight: 500; font-size: 17px; line-height: 26px; color: #683E98; margin-bottom: 10px; } .video-modal .btn-close{ outline: 0; box-shadow: none; color: #683E98; background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat; position: absolute; top: -30px; color: #fff; opacity: 1; right: 0; padding: 0; width: 20px; height: 20px; background-size: contain; } .video-modal .modal-content{ border-radius: 0; } .video-modal .modal-body{ padding: 0; } .video-modal .modal-body .embed-responsive{ display: block; overflow: hidden; position: relative; padding: 0; width: 100%; } .video-modal .modal-body .embed-responsive::before{ padding-top: 56.25%; display: block; content: ""; } .video-modal .modal-body .embed-responsive iframe{ bottom: 0; border: 0; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .page-embed-responsive{ display: block; overflow: hidden; position: relative; padding: 0; width: 100%; margin-bottom: 30px; } .page-embed-responsive::before{ padding-top: 56.25%; display: block; content: ""; } .page-embed-responsive iframe{ bottom: 0; border: 0; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .form-wrap .gform_wrapper{ margin-top: 0; } .form-wrap .gfield_html h2{ font-family: "atten-round-new",sans-serif; font-weight: 300; font-size: 40px; color: #683E98; margin-bottom: 17px; line-height: 47px; } .form-wrap .gfield_html h2 strong, .form-wrap .gfield_html h2 b{ font-family: "atten-round-new",sans-serif; font-weight: 700; } .form-wrap .gfield_html p{ font-size: 19px; font-weight: 300; font-family: 'Poppins', sans-serif; color: #683E98; line-height: 27px; padding: 0; margin-bottom: 17px; } .form-wrap .gfield_html p:last-of-type{ margin-bottom: 0; } .form-wrap .gfield_html p a{ color: #449D35; } .form-wrap .gfield_html p a:hover{ color: #683E98; } .form-wrap .gfield_html h3{ font-family: "atten-round-new",sans-serif; font-weight: 500; font-size: 35px; line-height: 41px; color: #683E98; text-align: center; margin-bottom: 0; margin-top: 35px; } .form-wrap .gform_wrapper{ margin: 0; } .form-wrap .gform_confirmation_message{ font-family: 'Poppins', sans-serif; font-weight: 300; font-size: 16px; line-height: 1.6; color: #707070; } .form-wrap .gform_confirmation_message h2{ font-family: "atten-round-new",sans-serif; font-weight: 700; text-transform: uppercase; } .form-wrap .gform_wrapper .gform_body ul{ display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: center; margin-left: -3px !important; margin-right: -3px !important; } .form-wrap .gform_wrapper ul.gform_fields li.gfield_visibility_hidden{ display: none !important; } .form-wrap .gform_wrapper ul.gform_fields li.g-field.gfield_contains_required{ position: relative; } .form-wrap .gform_wrapper ul.gform_fields li.g-field.gfield_contains_required::after{ content: '*'; position: absolute; top: 0; right: 0; color: #683E98; font-family: 'Montserrat', sans-serif; font-weight: 300; font-size: 21px; } .form-wrap .gform_wrapper ul.gform_fields li.g-field.gf-group.gfield_contains_required .address_zip::after{ content: '*'; position: absolute; top: 0; right: 0; color: #683E98; font-family: 'Montserrat', sans-serif; font-weight: 300; font-size: 21px; } .form-wrap .gform_wrapper ul.gform_fields li.g-field.gf-group.gfield_contains_required::after{ content: none; } .form-wrap .gform_wrapper ul.gform_fields li.g-field.gf-group.gfield_contains_required span{ position: relative; } .form-wrap .gform_wrapper ul.gform_fields li.g-field.gf-group.gfield_contains_required span.name_first::after, .form-wrap .gform_wrapper ul.gform_fields li.g-field.gf-group.gfield_contains_required span.name_last::after{ content: '*'; position: absolute; top: 0; right: 0; color: #683E98; font-family: 'Montserrat', sans-serif; font-weight: 300; font-size: 21px; } .form-wrap .gform_wrapper ul.gform_fields li.gender.gfield_contains_required::after{ content: none; } .form-wrap .gform_wrapper .gfield_required{ color: #683E98; font-family: 'Montserrat', sans-serif; font-weight: 300; font-size: 21px; } .form-wrap .gform_wrapper ul.gform_fields li.g-field{ margin-top: 0; padding-bottom: 0; padding-left: 3px; padding-right: 3px; margin-bottom: 20px; flex: 0 0 100%; max-width: 100%; } .form-wrap .gform_wrapper ul.gform_fields li.g-field.gender label{ display: block; font-family: "atten-round-new",sans-serif; font-size: 16px; font-weight: 700; line-height: 21px; margin-bottom: 5px; color: #683E98; text-transform: uppercase; } .form-wrap .gform_wrapper ul.gform_fields li.g-field .gfield_radio{ display: block; margin: 0; } .form-wrap .gform_wrapper ul.gform_fields li.g-field .gfield_radio li{ display: block; margin-bottom: 10px; } .form-wrap .gform_wrapper ul.gform_fields li.g-field .gfield_radio li:last-child{ margin-bottom: 0; } .form-wrap .gform_wrapper ul.gform_fields li.g-field.gender .gfield_radio li input{ margin-top: 0; } .form-wrap .gform_wrapper ul.gform_fields li.g-field.gender .gfield_radio li label{ display: inline-block; margin-top: 0; margin-bottom: 0; color: #683E98; font-family: "atten-round-new",sans-serif; font-size: 22px; font-weight: 500; line-height: 30px; margin-left: 10px; margin-bottom: 0; cursor: pointer; } .form-wrap .gform_wrapper .gform_body ul li.gf-group{ margin-bottom: 0; } .form-wrap .gform_wrapper .gform_body ul li.gf-group .ginput_container{ display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: center; margin-left: -3px; margin-right: -3px; width: auto; } .form-wrap .gform_wrapper .gform_body ul li.gf-group .ginput_container span{ flex: 0 0 100%; max-width: 100%; padding-left: 3px !important; padding-right: 3px !important; margin-right: 0; } .form-wrap .gform_wrapper .gform_body ul li.gf_clinic_info{ margin-top: 30px; } .form-wrap .gform_wrapper ul.gform_fields li.g-field span.name_first, .form-wrap .gform_wrapper ul.gform_fields li.g-field span.name_last, .form-wrap .gform_wrapper ul.gform_fields li.g-field span.name_middle{ padding-top: 0; } .form-wrap .gform_wrapper .ginput_complex.ginput_container_address span.ginput_right+span.ginput_left.address_zip{ margin-right: 0; } .form-wrap .gform_wrapper .gform_body ul.ui-menu{ display: block; margin: 0 !important; height: 200px; } .form-wrap .gform_wrapper .gform_body ul li label{ display: none; } .form-wrap .gform_wrapper .gform_body ul li .ginput_container{ margin-top: 0 !important; } .form-wrap .gform_wrapper .gform_body ul li .ginput_container label{ display: none; } .form-wrap .gform_wrapper .gform_body ul li .ginput_container span{ margin-bottom: 20px; min-height: 100%; display: block; } .form-wrap .gform_wrapper .gform_body ul li .ginput_container .ginput_full{ display: block; width: 100%; } .form-wrap .gform_wrapper .gform_body ul li .gfield_description{ display: none; } .form-wrap .gform_wrapper .gform_body ul li input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]){ width: 100%; border: none; border-radius: 39px; box-shadow: 0 3px 6px rgba(0,0,0,0.16); margin-bottom: 0; padding: 13px 25px; outline: 0; background-color: #fff; } .form-wrap .gform_wrapper .gform_body ul li select{ width: 100%; border: none; border-radius: 39px; box-shadow: 0 3px 6px rgba(0,0,0,0.16); padding: 11px 40px 11px 25px; outline: 0; appearance: none; margin: 0 !important; margin-bottom: 0; background-color: #fff; color: #8e8e8e; } .form-wrap .gform_wrapper .gform_body ul li select option[value=""], .form-wrap .gform_wrapper .gform_body ul li select:invalid{ color: #8e8e8e; } .form-wrap .gform_wrapper .gform_body ul li textarea{ width: 100%; border: none; border-radius: 22px; box-shadow: 0 3px 6px rgba(0,0,0,0.16); padding: 11px 25px; height: 389px; outline: 0; margin-bottom: 0; background-color: #fff; } .form-wrap .gform_wrapper .gform_body ul li .ginput_container_select, .form-wrap .gform_wrapper .gform_body ul li .address_state, .form-wrap .gform_wrapper .gform_body ul li .ginput_address_country{ position: relative; } .form-wrap .gform_wrapper .gform_body ul li .ginput_container_select::after{ content: ''; background-image: url(../images/arrow-down.png); background-size: contain; background-repeat: no-repeat; background-position: center center; width: 24px; height: 15px; position: absolute; z-index: 1; pointer-events: none; right: 10px; top: 50%; transform: translateY(-50%); } .form-wrap .gform_wrapper .gform_body ul li .address_state::after, .form-wrap .gform_wrapper .gform_body ul li .ginput_address_country::after{ content: ''; background-image: url(../images/arrow-down.png); background-size: contain; background-repeat: no-repeat; background-position: center center; width: 24px; height: 15px; position: absolute; z-index: 1; pointer-events: none; right: 20px; top: 50%; transform: translateY(-50%); } .form-wrap .gform_wrapper .gform_body ul li .address_state:has(input[type="text"])::after{ display: none; } .form-wrap .gform_wrapper .gform_body ul li.gf-group span .ui-selectmenu-button{ width: 100%; border: none; border-radius: 39px; box-shadow: 0 3px 6px rgba(0,0,0,0.16); padding: 20px 40px 20px 25px !important; outline: 0; appearance: none; margin: 0 !important; margin-bottom: 0; background-color: #fff; color: #8e8e8e; } .form-wrap .gform_wrapper .gform_body ul li.gf-group span .ui-selectmenu-button .ui-selectmenu-icon{ display: none; } .form-wrap .gform_wrapper .gform_body ul li.gf-group .ui-selectmenu-button span{ padding-left: 0 !important; padding-right: 0 !important; margin-bottom: 0; } .form-wrap .gform_wrapper .gform_body ul li .ui-selectmenu-button{ width: 100%; border: none; border-radius: 39px; box-shadow: 0 3px 6px rgba(0,0,0,0.16); padding: 20px 40px 20px 25px !important; outline: 0; appearance: none; margin: 0 !important; margin-bottom: 0; background-color: #fff; color: #8e8e8e; } .form-wrap .gform_wrapper .gform_body ul li .ui-selectmenu-button .ui-selectmenu-icon{ display: none; } .form-wrap .gform_wrapper .gform_body ul li .ui-selectmenu-button span{ padding-left: 0 !important; padding-right: 0 !important; margin-bottom: 0; } .form-wrap .gform_wrapper .gform_footer{ padding: 0; margin-top: 29px; margin-bottom: 0; text-align: center; } .form-wrap .gform_wrapper .gform_footer .gform_button:not([type=radio]):not([type=checkbox]):not([type=image]):not([type=file]){ background-color: #683E98; display: inline-flex; align-items: center; justify-content: center; width: 100%; max-width: 237px; flex: 1; height: 51px; color: #fff; border: 3px solid #683E98; border-radius: 25px; font-size: 25px; font-family: "atten-round-new",sans-serif; font-weight: 700; transition: all ease 0.3s; line-height: 1; margin-bottom: 0; } .form-wrap .gform_wrapper .gform_footer .gform_button:not([type=radio]):not([type=checkbox]):not([type=image]):not([type=file]):hover { background-color: transparent; color: #683E98; } .render-map{ height: 250px; width: 100%; } .render-map.small{ height: 250px; } /* # Ajax Loader */ .biote_ajax_loader .inner-loader { background-image: url(../images/biote.png); width: 100px; height: 100px; background-size: contain; } /* # Maps */ .gm-style .gm-style-iw-c{ border-radius: 40px; padding: 0; } .gm-style .gm-style-iw-d{ padding-top: 20px; padding-right: 0px; padding-left: 15px; padding-bottom: 10px; width: 100%; max-width: 400px; } .gm-style .gm-style-iw-c .gm-ui-hover-effect{ top: 0 !important; right: 10px !important; } .marker-row{ display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: center; } .marker-row .marker-col{ flex: 0 0 100%; max-width: 100%; padding-left: 5px; padding-right: 5px; } .marker-row .marker-col:last-child{ flex: 0 0 100%; margin-top: 15px; } .marker-row .marker-col .title{ color: #683E98; font-family: "atten-round-new",sans-serif; font-weight: 700; font-size: 20px; margin-bottom: 15px; } .marker-row .marker-col .address{ position: relative; padding-left: 30px; color: #707070; font-family: 'Poppins', sans-serif; font-weight: 600; font-size: 12px; } .marker-row .marker-col .address img{ width: 100%; max-width: 20px; position: absolute; left: 0; top: 0; } .marker-row .marker-col .cta{ max-width: 100%; flex: 0 0 100%; border-width: 2px; height: 23px; font-size: 10px; margin-bottom: 5px; } .marker-row .marker-col .cta:last-child{ margin-bottom: 0; } /* # Header & Navbar */ #brandrefresh-header { background-color: #fff; position: absolute; padding: 50px 0; top: 0; left: 0; z-index: 11111; width: 100%; } #brandrefresh-header .site-logo { width: 100%; max-width: 178px; } #brandrefresh-header .site-logo a { display: block; } #brandrefresh-header .site-logo img { width: 100%; height: auto; } #main-header { background-color: #fff; position: fixed; padding: 20px 0; top: 0; left: 0; z-index: 11111; width: 100%; } #main-header .site-logo { width: 100%; max-width: 139px; } #main-header .site-logo a { display: block; } #main-header .site-logo img { width: 100%; height: auto; } #main-header .siteLinks { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; } #main-header .siteLinks .cta { margin-right: 12px; padding-top: 2px; } #main-header .siteLinks .cta:last-of-type { margin-right: 0; } #main-header .social-media { margin-left: 15px; } #main-header .social-media a { align-items: center; justify-content: center; display: inline-flex; border: 2px solid #683E98; margin-right: 4px; width: 22px; height: 22px; border-radius: 100%; color: #fff; background-color: #683E98; flex: 0 0 22px; font-size: 11px; transition: all ease 0.3s; } #main-header .social-media a:last-child { margin-right: 0; } #main-header .social-media a:hover { background-color: transparent; color: #683E98; } #main-header .menu-header-menu-container { display: inline-block; vertical-align: middle; } #main-header .site-nav{ margin-top: 20px; text-align: right; } #main-header .site-nav .menu{ margin: 0; padding: 0; list-style-type: none; text-align: right; } #main-header .site-nav .menu > li { position: relative; display: inline-block; line-height: 1; padding: 0; margin-right: 34px; } #main-header .site-nav .menu > li:last-child{ margin-right: 0; } #main-header .site-nav .menu > li > a { display: inline-block; font-family: "atten-round-new",sans-serif; font-weight: 700; font-size: 16px; text-transform: uppercase; color: #683E98; } #main-header .site-nav .menu > li.current-menu-item > a, #main-header .site-nav .menu > li.current-menu-ancestor > a{ color: #449D35; } #main-header .site-nav .menu > li > a:hover { color: #449D35; } #main-header .site-nav .menu > li:hover > .sub-menu { display: block; } #main-header .site-nav .sub-menu { border-radius: 24px; display: none; margin: 0; padding: 12px 14px; list-style-type: none; position: absolute; top: 100%; right: 50%; transform: translateX(50%); width: 325px; background-color: #ffffff; text-align: left; } #main-header .site-nav .sub-menu li { padding: 0; border-bottom: 1px solid #fff; position: relative; } #main-header .site-nav .sub-menu li:last-child{ border-bottom: none; } #main-header .site-nav .sub-menu li > .sub-menu{ top: 0; right: 100%; } #main-header .site-nav .sub-menu li:hover > .sub-menu { display: block; } #main-header .site-nav .sub-menu a { font-family: "atten-round-new",sans-serif; font-weight: 700; font-size: 14px; text-transform: uppercase; color: #683E98; display: block; transition: all ease 0.3s; padding: 8px 20px; text-align: center; border-radius: 50px; } #main-header .site-nav .sub-menu a:hover{ background-color: #683E98; color: #ffffff; } #main-header .site-nav .sub-menu li.current-menu-item > a, #main-header .site-nav .sub-menu li.current-menu-ancestor > a{ background-color: #683E98; color: #ffffff; } #main-header .site-nav .sub-menu li > .sub-menu li a { padding: 6px 12px; line-height: 1; } #main-header .search-filter { display: inline-block; position: relative; margin-left: 38px; vertical-align: middle; margin-bottom: 20px; } #main-header .search-filter .search-form .search-field{ background-color: #F0F0F0; width: 142px; height: 26px; border-radius: 25px; padding: 4px 30px 4px 10px; font-size: 14px; font-family: 'Poppins', sans-serif; font-weight: 300; } #main-header .search-filter .search-form .search-icon{ width: 15px; height: 15px; top: 50%; transform: translateY(-50%); right: 9px; left: initial; } #main-header .search-filter .search-form .search-icon svg{ width: 15px; height: 15px; } #main-header .mobile-menu-btn{ border: none; width: 41px; outline: 0; background-color: transparent; padding: 0; display: inline-flex; align-items: center; justify-content: center; flex-wrap: wrap; } #main-header .mobile-menu-btn span{ display: inline-block; width: 9px; height: 9px; border-radius: 100%; background-color: #683E98; transition: all ease 0.3s; margin-left: 5px; margin-right: 5px; } #main-header .mobile-menu-btn .close{ font-size: 48px; transition: all ease 0.3s; font-family: "atten-round-new",sans-serif; color: #683E98; line-height: 1; display: none; visibility: hidden; opacity: 0; } #main-header .mobile-menu-btn::after{ content: ''; position: relative; display: inline-block; width: 9px; height: 9px; border-radius: 100%; background-color: #683E98; transition: all ease 0.3s; } #main-header .mobile-menu-btn::before{ content: ''; position: relative; display: inline-block; width: 9px; height: 9px; border-radius: 100%; background-color: #683E98; transition: all ease 0.3s; } #main-header .mobile-menu-btn.active::after, #main-header .mobile-menu-btn.active::before, #main-header .mobile-menu-btn.active span{ display: none; } #main-header .mobile-menu-btn.active .close{ visibility: visible; display: inline-block; opacity: 1; } #main-header .mobile-menu-btn.active .close span{ outline: 0; background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23683e98'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat; position: relative; color: #683E98; opacity: 1; width: 30px; height: 30px; background-size: contain; display: block; } #mobile-menu-sidebar{ background-color: #ffffff; bottom: 0; height: 100%; right: -300px; position: fixed; top: 0; transition: 0.3s ease-in-out; width: 300px; z-index: 9999; } #mobile-menu-sidebar.active{ right: 0; box-shadow: 0 0 35px rgb(0 0 0 / 50%); } #mobile-menu-sidebar .sidebar-menu{ height: 100%; overflow-y: auto; overflow-x: hidden; padding-left: 15px; padding-right: 15px; padding-bottom: 30px; padding-top: 15px; } #mobile-menu-sidebar .social-media{ text-align: center; } #mobile-menu-sidebar .social-media a { align-items: center; justify-content: center; display: inline-flex; border: 2px solid #683E98; margin-right: 10px; width: 22px; height: 22px; border-radius: 100%; color: #fff; background-color: #683E98; flex: 0 0 22px; font-size: 11px; transition: all ease 0.3s; } #mobile-menu-sidebar .social-media a:last-child { margin-right: 0; } #mobile-menu-sidebar .social-media a:hover { background-color: transparent; color: #683E98; } #mobile-menu-sidebar .siteLinks{ margin-bottom: 30px; } #mobile-menu-sidebar .siteLinks a{ max-width: 251px; font-size: 18px; border-width: 3px; height: 39px; margin-bottom: 10px; } #mobile-menu-sidebar .siteLinks a:last-child{ margin-bottom: 0; } #mobile-menu-sidebar .siteLinks a.color-main{ background-color: #683E98; } #mobile-menu-sidebar .siteLinks a.color-green{ background-color: #449D35; } #mobile-menu-sidebar .menu{ list-style-type: none; padding: 0; margin: 0; } #mobile-menu-sidebar .menu li{ position: relative; padding: 0; margin-bottom: 38px; } #mobile-menu-sidebar .menu li:last-child{ margin-bottom: 0; } #mobile-menu-sidebar .menu li > a{ font-size: 20px; font-family: "atten-round-new",sans-serif; font-weight: 700; color: #683E98; display: block; padding: 0; text-transform: uppercase; transition: all ease 0.3s; position: relative;} #mobile-menu-sidebar .menu li > a:hover{ color: #449D35; } #mobile-menu-sidebar .menu li.menu-item-has-children > a + .child-item-btn{ position: absolute; top: 0px; right: 0px; z-index: 10; } #mobile-menu-sidebar .menu li.menu-item-has-children > a + .child-item-btn::after { content: '\f078'; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 20px; color: #683E98; } #mobile-menu-sidebar .menu li.menu-item-has-children > a + .child-item-btn.active::after{ content: '\f077'; color: #449D35; } #mobile-menu-sidebar .menu li > a:hover + .child-item-btn::after{ color: #449D35; } #mobile-menu-sidebar .menu li.active > a, #mobile-menu-sidebar .menu li.current-menu-item > a, #mobile-menu-sidebar .menu li.current-menu-ancestor > a{ color: #449D35; } #mobile-menu-sidebar .menu li.current-menu-item > a + .child-item-btn::after, #mobile-menu-sidebar .menu li.current-menu-ancestor > a + .child-item-btn::after{ color: #449D35; } #mobile-menu-sidebar .menu li.menu-item-has-children > a{ padding-right: 20px; } #mobile-menu-sidebar .menu > li .sub-menu { display: none; padding-bottom: 0; padding-left: 20px; padding-right: 0; padding-top: 15px; margin: 0; list-style-type: none; } #mobile-menu-sidebar .menu > li .sub-menu li{ position: relative; padding: 0; margin-bottom: 5px; display: block; } #mobile-menu-sidebar .menu > li .sub-menu li:last-child{ margin-bottom: 0; } #mobile-menu-sidebar .menu > li .sub-menu li > a{ padding: 10px 15px; font-size: 16px; border-radius: 50px; display: inline-block; } #mobile-menu-sidebar .menu > li .sub-menu li > a:hover{ background-color: #683E98; color: #ffffff; } #mobile-menu-sidebar .menu > li .sub-menu li.current-menu-item > a, #mobile-menu-sidebar .menu > li .sub-menu li.current-menu-ancestor > a{ background-color: #683E98; color: #ffffff; } #mobile-backdrop{ background-color: rgba(0, 0, 0, 0.7); bottom: 0; height: 100%; left: 0; opacity: 0; pointer-events: none; position: fixed; right: 0; top: 0; transition: 0.5s ease-in-out; visibility: hidden; width: 100%; z-index: 999; } #mobile-backdrop.active{ opacity: 1; pointer-events: auto; visibility: visible; } /* # Footer */ #main-footer { position: relative; z-index: 2; } #main-footer .disclaimer{ padding: 0; margin-top: 15px; } #main-footer .disclaimer .text{ font-family: 'Poppins', sans-serif; font-weight: 300; font-size: 12px; color: #fff; text-align: center; line-height: 23px; } #main-footer .bottom-footer{ background-color: #683E98; padding: 33px 0; } #main-footer .bottom-footer .footer-container{ width: 100%; max-width: 100%; margin-right: auto; margin-left: auto; overflow: hidden; } #main-footer .bottom-footer .footer-links{ flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } #main-footer .bottom-footer .footer-links .links-col{ flex: 0 0 100%; max-width: 100%; margin-bottom: 42px; padding-left: 15px; padding-right: 15px; } #main-footer .bottom-footer .site-logo{ width: 100%; max-width: 102px; margin-right: auto; margin-left: auto; margin-bottom: 29px; } #main-footer .bottom-footer .site-logo a{ display: block; } #main-footer .bottom-footer .site-logo a img{ width: 100%; height: auto; } #main-footer .bottom-footer .address-wrapper{ text-align: center; } #main-footer .bottom-footer .address{ text-align: left; display: inline-block; position: relative; padding-left: 35px; color: #fff; font-family: 'Poppins', sans-serif; font-weight: 600; font-size: 16px; } #main-footer .bottom-footer .address .marker-icon{ width: 100%; max-width: 26px; position: absolute; top: 0; left: 0; z-index: 1; } #main-footer .bottom-footer .address .marker-icon img{ width: 100%; height: auto; } #main-footer .bottom-footer .acf-map{ height: 122px; width: 100%; margin-top: 29px; } #main-footer .bottom-footer .phone a{ background-color: #5EA855; display: flex; flex-wrap: wrap; flex: 1; max-width: 215px; height: 40px; align-items: center; justify-content: center; padding: 5px 10px; color: #fff; font-family: 'Poppins', sans-serif; font-weight: 600; font-size: 18px; border-radius: 25px; transition: all ease 0.3s; } #main-footer .bottom-footer .phone img{ margin-right: 7px; } #main-footer .bottom-footer .phone a:hover{ background-color: #449D35; } #main-footer .bottom-footer .contacts{ margin-top: 19px; } #main-footer .bottom-footer .contacts .contact{ margin-bottom: 17px; position: relative; padding-left: 37px; color: #fff; font-family: 'Poppins', sans-serif; font-weight: 600; font-size: 16px; transition: all ease 0.3s; } #main-footer .bottom-footer .contacts .contact .icon{ width: 100%; max-width: 27px; position: absolute; top: 0; left: 0; } #main-footer .bottom-footer .contacts .contact a{ color: #fff; font-family: 'Poppins', sans-serif; font-weight: 600; font-size: 18px; transition: all ease 0.3s; } #main-footer .bottom-footer .contacts .contact:last-child{ margin-bottom: 0; } #main-footer .bottom-footer .contacts .contact a:hover{ color: #449D35; } #main-footer .bottom-footer h4{ color: #fff; text-align: center; font-size: 22px; font-weight: 600; font-family: 'Poppins', sans-serif; margin-bottom: 13px; text-transform: uppercase; } #main-footer .bottom-footer .footer-menu .menu{ padding: 0; margin: 0; list-style-type: none; text-align: center; } #main-footer .bottom-footer .footer-menu .menu li{ padding: 0; margin-bottom: 15px; } #main-footer .bottom-footer .footer-menu .menu li:last-child{ margin-bottom: 0; } #main-footer .bottom-footer .footer-menu .menu li a{ color: #fff; font-size: 16px; font-weight: 300; font-family: 'Poppins', sans-serif; transition: all ease 0.3s; } #main-footer .bottom-footer .footer-menu .menu li a:hover{ color: #449D35; } #main-footer .bottom-footer .copyright{ color: #fff; font-size: 13px; color: #fff; font-family: 'Helvetica Neue'; } /* # Layout - Carousel */ .layout-carousel{ position: relative; } .layout-carousel .carousel-indicators{ margin-bottom: 0; } .layout-carousel .carousel-indicators button{ width: 11px; height: 11px; opacity: 1; background-color: #683E98; border: 2px solid #683E98; border-radius: 100%; margin-right: 15px; margin-left: 0; } .layout-carousel .carousel-indicators button.active{ background-color: transparent; } .layout-carousel .carousel-indicators button:last-child{ margin-right: 0; } .layout-carousel .carousel-wrapper{ background-size: cover; background-repeat: no-repeat; background-position: top center; height: 698px; position: relative; } .layout-carousel .carousel-wrapper::after{ bottom: 0; content: ''; position: absolute; height: 50%; width: 100%; z-index: 1; background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); } .layout-carousel .carousel-wrapper.left{ background-position: 30% 100%; } .layout-carousel .carousel-wrapper.center{ background-position: center center; } .layout-carousel .carousel-wrapper.right{ background-position: 70% 100%; } .layout-carousel .carousel-wrapper .content .headings{ width: 100%; max-width: 340px; margin-right: auto; margin-left: auto; } .layout-carousel .carousel-wrapper .content{ position: absolute; top: 78px; left: 0; right: 0; width: 100%; z-index: 3; } .layout-carousel .carousel-wrapper .content h3{ /*opacity: 0.78;*/ color: #A39D9D; font-weight: 300; font-family: 'Poppins', sans-serif; font-size: 34px; /*margin-bottom: 0;*/ margin-bottom: 10px; } /*.layout-carousel .carousel-item:nth-child(1) .carousel-wrapper .content h3{ color: #fff; }*/ .layout-carousel .carousel-item:nth-child(2) .carousel-wrapper .content h2, .layout-carousel .carousel-item:nth-child(2) .carousel-wrapper .description *{ color: #F7941D; } .layout-carousel .carousel-item:nth-child(3) .carousel-wrapper .content h2, .layout-carousel .carousel-item:nth-child(3) .carousel-wrapper .description *{ color: #3DAB49; } .layout-carousel .carousel-wrapper .content h2{ color: #683E98; font-weight: 700; font-family: "atten-round-new",sans-serif; font-size: 60px; margin-bottom: 0; margin-left: 10px; line-height: 0.7; } .layout-carousel .carousel-wrapper .description { width: 100%; max-width: 265px; margin-top: 20px; margin-left: auto; } .layout-carousel .carousel-item:nth-child(1) .carousel-wrapper .description{ margin-left: auto; margin-right: auto; } .layout-carousel .carousel-item:nth-child(3) .carousel-wrapper .description{ margin-left: auto; margin-right: auto; } .layout-carousel .carousel-item:nth-child(2) .carousel-wrapper .description{ max-width: 209px; } .layout-carousel .carousel-wrapper .description p{ color: #683E98; font-size: 16px; font-family: 'Montserrat', sans-serif; font-weight: 300; line-height: 20px; padding-bottom: 0; } .layout-carousel .carousel-wrapper .description p strong, .layout-carousel .carousel-wrapper .description p b{ font-weight: 600; } .layout-carousel .links{ position: absolute; bottom: 50px; left: 0; right: 0; padding-left: 15px; padding-right: 15px; text-align: center; z-index: 2; } .layout-carousel .links a{ margin-bottom: 15px; } .layout-carousel .links a:last-child{ margin-bottom: 0; } .layout-carousel .next-section{ border: none; padding: 0; position: absolute; bottom: 0; left: 0; right: 0; margin-right: auto; margin-left: auto; z-index: 2; width: 100%; max-width: 30px; background-color: transparent; } /* # Layout - Default */ .layout-default{ position: relative; padding-top: 150px; padding-bottom: 50px; } .layout-default.left{ padding-top: 0; } .layout-default .background{ mix-blend-mode: multiply; width: 100%; max-width: 420px; height: 273px; position: absolute; top: 0; left: 0; background-repeat: no-repeat; background-position: 0% 0; background-size: cover; pointer-events: none; overflow: hidden; } .layout-default .background.left{ position: relative; margin-bottom: 20px; } .layout-default .background.right{ left: initial; right: 0; } .layout-default .background.contain{ background-size: contain; } .layout-default .background.fade-effect::after{ content: ''; position: absolute; width: 100%; height: 20%; background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); } .layout-default .background.right.fade-effect::after{ } .layout-default .background.left.fade-effect::after{ bottom: 0; } .layout-default .background.right.fade-effect::after{ top: 0; } .layout-default .content{ width: 100%; max-width: 740px; margin-right: auto; margin-left: auto; position: relative; z-index: 1; } .layout-default .content h2{ font-family: "atten-round-new",sans-serif; font-weight: 300; font-size: 40px; color: #683E98; margin-bottom: 10px; line-height: 47px; } .layout-default .content h2 strong, .layout-default .content h2 b{ font-family: "atten-round-new",sans-serif; font-weight: 700; } .layout-default .content p{ font-size: 16px; font-weight: 300; font-family: 'Poppins', sans-serif; color: #707070; line-height: 25px; padding: 0; } .layout-default .content .link{ margin-top: 43px; } /* # Layout - Default With Background */ .layout-default-with-background{ padding-top: 54px; padding-bottom: 54px; } .layout-default-with-background .content h2{ font-family: "atten-round-new",sans-serif; font-weight: 300; font-size: 40px; color: #fff; margin-bottom: 10px; line-height: 47px; } .layout-default-with-background .content h2 strong, .layout-default-with-background .content h2 b{ font-family: "atten-round-new",sans-serif; font-weight: 700; } .layout-default-with-background .content p{ font-size: 16px; font-weight: 300; font-family: 'Poppins', sans-serif; color: #fff; line-height: 25px; padding: 0; } .layout-default-with-background .content .link{ margin-top: 43px; } /* # Layout - Lists Slider */ .layout-lists-slider{ padding-top: 34px; padding-bottom: 34px; } .layout-lists-slider .list-content-wrapper{ margin-bottom: 28px; } .layout-lists-slider .content h2{ font-family: "atten-round-new",sans-serif; font-weight: 300; font-size: 40px; color: #683E98; margin-bottom: 21px; line-height: 47px; } .layout-lists-slider .content h2 strong, .layout-lists-slider .content h2 b{ font-family: "atten-round-new",sans-serif; font-weight: 700; } .layout-lists-slider .content p{ font-size: 16px; font-weight: 300; font-family: 'Poppins', sans-serif; color: #707070; line-height: 25px; padding: 0; } .layout-lists-slider .lists-slides{ width: 100%; position: relative; overflow: hidden; padding-right: 25px; } .layout-lists-slider .lists-slides .list .list-container{ opacity: 0.4; transition: all ease 0.3s; border-top: 9px solid #683E98; border-bottom: 9px solid #683E98; border-right: 9px solid #683E98; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; width: 100%; flex: 1; max-width: 100%; height: 350px; border-radius: 0 175px 175px 0; padding: 15px 70px 15px 32px; } .layout-lists-slider .lists-slides .list.slick-center .list-container{ border-color: #449D35; opacity: 1; } .layout-lists-slider .lists-slides .list h3{ font-family: "atten-round-new",sans-serif; font-weight: 700; font-size: 34px; color: #683E98; margin-bottom: 12px; line-height: 40px; transition: all ease 0.3s; } .layout-lists-slider .lists-slides .list.slick-center h3{ color: #449D35; } .layout-lists-slider .lists-slides .list p{ padding: 0; color: #707070; font-size: 16px; font-weight: 300; font-family: 'Poppins', sans-serif; line-height: 25px; } .layout-lists-slider .list-navigation-container{ text-align: center; margin-top: 34px; } .layout-lists-slider .lists-navigation{ position: relative; overflow: hidden; padding-left: 30px; padding-right: 30px; display: inline-flex; height: 35px; flex-wrap: wrap; align-items: center; justify-content: center; } .layout-lists-slider .lists-navigation .slick-arrow{ padding: 0; width: 19px; height: 31px; border: none; outline: 0; background-color: transparent; position: absolute; top: 50%; transform: translateY(-50%); } .layout-lists-slider .lists-navigation .slick-arrow.slick-prev{ left: 0; } .layout-lists-slider .lists-navigation .slick-arrow.slick-next{ right: 0; } .layout-lists-slider .lists-navigation .slick-arrow img{ width: 100%; height: auto; } .layout-lists-slider .lists-navigation .slick-dots{ padding: 0; margin: 0; list-style-type: none; } .layout-lists-slider .lists-navigation .slick-dots li{ display: inline-block; padding: 0; margin-right: 13px; } .layout-lists-slider .lists-navigation .slick-dots li:last-child{ margin-right: 0; } .layout-lists-slider .lists-navigation .slick-dots li button{ width: 11px; height: 11px; border-radius: 100%; border: none; padding: 0; background-color: #A8A8A8; font-size: 0; } .layout-lists-slider .lists-navigation .slick-dots li.slick-active button{ background-color: #683E98; } /* # Layout - Default With Background Image */ .layout-default-with-background-image{ position: relative; overflow: hidden; padding-top: 253px; } .layout-default-with-background-image::before{ content: ''; position: absolute; width: 370px; height: 370px; border-radius: 100%; border: 8px solid #A8A8A8; opacity: 0.14; top: 0; right: -95px; } .layout-default-with-background-image .background{ z-index: 1; width: 100%; height: 360px; background-size: cover; background-repeat: no-repeat; background-position: 70% 100%; position: relative; overflow: hidden; } .layout-default-with-background-image .background::after{ content: ''; position: absolute; width: 100%; height: 89px; background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); } .layout-default-with-background-image .heading{ position: absolute; top: 75px; padding-left: 50px; padding-right: 50px; width: 100%; max-width: fit-content; right: 0; } .layout-default-with-background-image .heading h2 span{ display: block; opacity: 0.78; color: #A8A8A8; font-weight: 300; font-family: "atten-round-new",sans-serif; font-size: 24px; margin-left: -35px; } .layout-default-with-background-image .heading h2{ color: #683E98; font-weight: 700; font-family: "atten-round-new",sans-serif; font-size: 29px; margin-bottom: 0; line-height: 0.6; } .layout-default-with-background-image .heading .description{ width: 100%; max-width: 265px; margin-left: auto; margin-top: 20px; text-align: center; } .layout-default-with-background-image .heading .description p{ font-family: 'Montserrat', sans-serif; font-weight: 300; font-size: 16px; color: #683E98; line-height: 20px; padding: 0; } .layout-default-with-background-image .heading .description p strong, .layout-default-with-background-image .heading .description p b{ font-weight: 600; } .layout-default-with-background-image .content{ margin-top: 35px; } .layout-default-with-background-image .content p{ font-size: 16px; font-weight: 300; font-family: 'Poppins', sans-serif; color: #707070; line-height: 25px; padding: 0; } .layout-default-with-background-image .content .link{ margin-top: 43px; } /* # Layout - Featured Product */ .layout-featured-product{ padding-top: 20px; padding-bottom: 70px; position: relative; overflow: hidden; } .layout-featured-product .background{ width: 100%; background-size: cover; background-repeat: no-repeat; background-position: center center; position: absolute; bottom: 70px; height: 470px; left: 0; right: 0; mix-blend-mode: multiply; } .layout-featured-product .content{ position: relative; z-index: 1; } .layout-featured-product .content h2{ font-family: "atten-round-new",sans-serif; font-weight: 300; font-size: 40px; color: #683E98; margin-bottom: 10px; line-height: 47px; } .layout-featured-product .content h2 strong, .layout-featured-product .content h2 b{ font-family: "atten-round-new",sans-serif; font-weight: 700; } .layout-featured-product .content p{ font-size: 16px; font-weight: 300; font-family: 'Poppins', sans-serif; color: #707070; line-height: 25px; padding: 0; } .layout-featured-product .content .link{ margin-top: 43px; } .layout-featured-product .product-image{ padding-top: 96px; position: relative; z-index: 1; margin-bottom: 30px; } .layout-featured-product .product-image .image-wrap{ width: 100%; max-width: 180px; margin-left: auto; margin-right: 25px; position: relative; z-index: 1; } .layout-featured-product .product-image .image-wrap::after{ content: ''; width: 300px; height: 300px; border-radius: 100%; background-color: #449D35; mix-blend-mode: multiply; position: absolute; top: -50px; right: -27px; opacity: 0.9; } .layout-featured-product .product-image .image-wrap img{ width: 100%; height: auto; position: relative; z-index: 1; } .layout-featured-product.version-2{ padding-top: 35px; padding-bottom: 0; } .layout-featured-product.version-2 .featured-product-container{ position: relative; z-index: 2; } .layout-featured-product.version-2 .product-image{ padding-top: 0; margin-bottom: 0; margin-top: 45px; } .layout-featured-product.version-2 .product-image .image{ width: 100%; background-size: cover; background-repeat: no-repeat; background-position: bottom right; height: 100%; } .layout-featured-product.version-2 .content .link{ margin-top: 30px; } /* # Layout - Provider */ .layout-provider{ padding-top: 30px; padding-bottom: 30px; } .layout-provider .form-wrap{ width: 100%; max-width: 900px; margin-right: auto; margin-left: auto; } .layout-provider .gfield_html h2, .layout-provider .gfield_html p{ display: none; } .layout-provider .content{ margin-bottom: 35px; } .layout-provider .content h1{ color: #683E98; font-size: 44px; font-family: "atten-round-new",sans-serif; font-weight: 300; line-height: 47px; margin-bottom: 6px; } .layout-provider .content h1 strong, .layout-provider .content h1 b{ font-family: "atten-round-new",sans-serif; font-weight: 700; } .layout-provider .content p{ color: #707070; font-family: 'Poppins', sans-serif; font-weight: 300; font-size: 16px; line-height: 25px; padding: 0; margin-bottom: 35px; } .layout-provider .content p strong, .layout-provider .content p b{ font-size: 16px; font-weight: 500; color: #683E98; } .layout-provider .content p:last-of-type{ margin-bottom: 0; } .layout-provider .content h2{ font-family: 'Poppins', sans-serif; font-weight: 500; font-size: 17px; line-height: 26px; color: #683E98; margin-bottom: 10px; } .layout-provider .content h2 strong, .layout-provider .content h2 b{ font-family: "atten-round-new",sans-serif; font-weight: 700; } .layout-provider .content a{ color: #683E98; font-family: 'Poppins', sans-serif; font-weight: 300; text-decoration: underline; } .layout-provider .content a:hover{ color: #449D35; } .layout-provider .content p:last-of-type ~ ul{ margin-top: 35px; } .layout-provider .content ul, .layout-provider .content ol{ margin-bottom: 35px; } .layout-provider .content ul li, .layout-provider .content ol li{ color: #707070; font-family: 'Poppins', sans-serif; font-weight: 300; font-size: 16px; line-height: 25px; padding: 0; margin-bottom: 15px; } .layout-provider .content ul li:last-child, .layout-provider .content ol li:last-child{ margin-bottom: 0; } .layout-provider .content h3{ font-family: 'Poppins', sans-serif; font-weight: 500; font-size: 17px; line-height: 26px; color: #683E98; margin-bottom: 10px; } .layout-provider .content a.cta{ max-width: 315px; text-decoration: none; } /* # Layout - Content with Image */ .layout-content-with-image{ padding-top: 37px; padding-bottom: 71px; position: relative; overflow: hidden; min-height: 100vh; } .layout-content-with-image.has-background{ padding-top: 210px; } .layout-content-with-image.page-186.has-background{ padding-top: 340px; } .layout-content-with-image.page-142.has-background, .layout-content-with-image.page-167.has-background{ padding-top: 130px; } .layout-content-with-image.page-127.has-background, .layout-content-with-image.page-126.has-background, .layout-content-with-image.page-459.has-background, .layout-content-with-image.page-17901.has-background, .layout-content-with-image.single-research.has-background, .layout-content-with-image.page-17905.has-background, .layout-content-with-image.page-17908.has-background, .layout-content-with-image.page-17910.has-background, .layout-content-with-image.page-183.has-background, .layout-content-with-image.page-131.has-background, .layout-content-with-image.page-141.has-background, .layout-content-with-image.page-166.has-background{ padding-top: 70px; } .layout-content-with-image.page-17912.has-background, .layout-content-with-image.page-143.has-background, .layout-content-with-image.page-168.has-background{ padding-top: 180px; } .layout-content-with-image.page-142.has-background .content h1, .layout-content-with-image.page-167.has-background .content h1, .layout-content-with-image.page-17912.has-background .content h1, .layout-content-with-image.page-143.has-background .content h1, .layout-content-with-image.page-168.has-background .content h1, .layout-content-with-image.page-127.has-background .content h1, .layout-content-with-image.page-126.has-background .content h1, .layout-content-with-image.page-459.has-background .content h1, .layout-content-with-image.page-17901.has-background .content h1, .layout-content-with-image.single-research.has-background .content h1, .layout-content-with-image.page-17905.has-background .content h1, .layout-content-with-image.page-17908.has-background .content h1, .layout-content-with-image.page-17910.has-background .content h1, .layout-content-with-image.page-183.has-background .content h1, .layout-content-with-image.page-131.has-background .content h1, .layout-content-with-image.page-141.has-background .content h1, .layout-content-with-image.page-166.has-background .content h1{ margin-bottom: 10px; } .layout-content-with-image.no-image{ padding-bottom: 37px; } .layout-content-with-image .background-overlay{ position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 375px; background-repeat: no-repeat; background-size: cover; background-position: right center; } .layout-content-with-image .background-bottom{ background-size: cover; background-repeat: no-repeat; background-position: right center; width: 705px; height: 588px; position: absolute; left: -420px; bottom: -160px; } .layout-content-with-image .circle-bottom{ position: absolute; width: 396px; height: 396px; border-radius: 100%; opacity: 0.12; border: 11px solid #683E98; left: -181px; bottom: 0; } .layout-content-with-image .background{ width: 512px; height: 333px; background-size: cover; background-repeat: no-repeat; background-position: center center; position: absolute; bottom: 0; left: -230px; right: 0; mix-blend-mode: multiply; } .layout-content-with-image .content-container{ position: relative; z-index: 1; } .layout-content-with-image .image{ width: 303px; height: 303px; border-radius: 100%; overflow: hidden; position: relative; z-index: 1; margin-top: 17px; margin-left: auto; right: -17px; } .layout-content-with-image .image img{ width: 100%; height: auto; } .layout-content-with-image .content .entry-title a{ text-decoration: none; } .layout-content-with-image .content h1{ color: #683E98; font-size: 44px; font-family: "atten-round-new",sans-serif; font-weight: 300; line-height: 47px; margin-bottom: 6px; text-transform: uppercase; } .layout-content-with-image.has-background .content h1{ margin-bottom: 35px; } .layout-content-with-image .content .entry-title{ color: #683E98; font-size: 32px; font-family: "atten-round-new",sans-serif; font-weight: 300; line-height: 47px; margin-bottom: 6px; } .layout-content-with-image .content h1 strong, .layout-content-with-image .content h1 b, .layout-content-with-image .content .entry-title strong, .layout-content-with-image .content .entry-title b{ font-family: "atten-round-new",sans-serif; font-weight: 700; } .layout-content-with-image .content p{ color: #707070; font-family: 'Poppins', sans-serif; font-weight: 300; font-size: 16px; line-height: 25px; padding: 0; margin-bottom: 17px; } .layout-content-with-image .content p strong, .layout-content-with-image .content p b{ font-size: 16px; font-weight: 500; color: #683E98; } .layout-content-with-image .content p.has-icon{ padding-left: 30px; position: relative; } .layout-content-with-image .content p.has-icon i{ position: absolute; left: 0; top: 50%; transform: translateY(-50%); color: #683E98; } .layout-content-with-image .content p a{ text-decoration: none; } .layout-content-with-image .content p:last-of-type{ margin-bottom: 0; } .layout-content-with-image .content h2{ font-family: 'Poppins', sans-serif; font-weight: 500; font-size: 22px; line-height: 28px; color: #683E98; margin-bottom: 10px; } .layout-content-with-image .content h2 strong, .layout-content-with-image .content h2 b{ font-family: "atten-round-new",sans-serif; font-weight: 700; } .layout-content-with-image .content a{ color: #683E98; font-family: 'Poppins', sans-serif; font-weight: 300; text-decoration: underline; } .layout-content-with-image .content a:hover{ color: #449D35; } .layout-content-with-image .content p:last-of-type ~ ul{ margin-top: 17px; } .layout-content-with-image .content ul, .layout-content-with-image .content ol{ margin-bottom: 17px; } .layout-content-with-image .content ul li, .layout-content-with-image .content ol li{ color: #707070; font-family: 'Poppins', sans-serif; font-weight: 300; font-size: 16px; line-height: 25px; padding: 0; margin-bottom: 10px; } .layout-content-with-image .content ul li:last-child, .layout-content-with-image .content ol li:last-child{ margin-bottom: 0; } .layout-content-with-image .content h3{ font-family: 'Poppins', sans-serif; font-weight: 500; font-size: 17px; line-height: 26px; color: #683E98; margin-bottom: 10px; } .layout-content-with-image .content a.cta{ display: flex; margin-right: auto; margin-left: auto; text-decoration: none; font-family: "atten-round-new",sans-serif; font-weight: 700; } .layout-content-with-image .content .action{ margin-top: 30px; } .layout-content-with-image .content .search-container{ margin-bottom: 30px; } .layout-content-with-image .content .page-numbers{ list-style-type: none; padding-left: 0; text-align: center; margin-bottom: 0; } .layout-content-with-image .content .page-numbers li{ display: inline-block; margin-bottom: 0; margin-right: 15px; } .layout-content-with-image .content .page-numbers li:last-child{ margin-right: 0; } .layout-content-with-image .content .page-numbers li a{ color: #A8A8A8; text-decoration: none; line-height: 1; } .layout-content-with-image .content .page-numbers li a:hover{ color: #683E98 } .layout-content-with-image .content .page-numbers li .current{ color: #683E98; } /* # Layout - Default Accordion */ .layout-default-accordion{ padding-top: 70px; padding-bottom: 34px; position: relative; } .layout-default-accordion .background-overlay{ position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 375px; background-repeat: no-repeat; background-size: cover; background-position: center top; } .layout-default-accordion .accordion-container{ position: relative; z-index: 2; } .layout-default-accordion .accordion-item{ border-radius: 0; border: none; margin-bottom: 20px; } .layout-default-accordion .accordion-button{ background-color: transparent; border-radius: 0; border: none; box-shadow: none; color: #683E98; font-family: 'Poppins', sans-serif; font-size: 17px; font-weight: 500; line-height: 1.5; outline: 0; position: relative; padding: 10px 50px 15px 50px; text-align: left; transition: all ease 0.3s; text-decoration: none; width: 100%; } .layout-default-accordion .accordion-button .counter{ background-color: #683E98; border-radius: 100%; color: #ffffff; font-size: 17px; font-weight: 500; font-family: 'Poppins', sans-serif; height: 40px; left: 0; line-height: 40px; left: 0; overflow: hidden; position: absolute; top: 50%; text-align: center; transition: all ease 0.3s; transform: translateY(-50%); width: 40px; } .layout-default-accordion .accordion-button::after{ background-image: none; border: 1px solid #683E98; content: '\f067'; color: #683E98; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 17px; height: 35px; line-height: 33px; position: absolute; right: 0; top: 50%; text-align: center; transition: all ease 0.3s; transform: translateY(-50%); width: 35px; } .layout-default-accordion .accordion-button[aria-expanded="true"]::after{ content: '\f068' } .layout-default-accordion .accordion-button:hover{ color: #449D35; } .layout-default-accordion .accordion-button:hover .counter{ background-color: #449D35; } .layout-default-accordion .accordion-button:hover::after{ color: #449D35; border-color: #449D35; } .layout-default-accordion .content{ margin-bottom: 35px; } .layout-default-accordion .content h1{ color: #683E98; font-size: 44px; font-family: "atten-round-new",sans-serif; font-weight: 300; line-height: 47px; margin-bottom: 6px; text-transform: uppercase; } .layout-default-accordion .content h1 strong, .layout-default-accordion .content h1 b{ font-family: "atten-round-new",sans-serif; font-weight: 700; } .layout-default-accordion .content p{ color: #707070; font-family: 'Poppins', sans-serif; font-weight: 300; font-size: 16px; line-height: 25px; padding: 0; margin-bottom: 35px; } .layout-default-accordion .content p strong, .layout-default-accordion .content p b{ font-size: 16px; font-weight: 500; color: #683E98; } .layout-default-accordion .content p:last-of-type{ margin-bottom: 0; } .layout-default-accordion .content h2{ font-family: 'Poppins', sans-serif; font-weight: 500; font-size: 17px; line-height: 26px; color: #683E98; margin-bottom: 10px; } .layout-default-accordion .content h2 strong, .layout-default-accordion .content h2 b{ font-family: "atten-round-new",sans-serif; font-weight: 700; } .layout-default-accordion .content a{ color: #683E98; font-family: 'Poppins', sans-serif; font-weight: 500; text-decoration: underline; } .layout-default-accordion .content a:hover{ color: #449D35; } .layout-default-accordion .content p:last-of-type ~ ul{ margin-top: 35px; } .layout-default-accordion .content ul{ margin-bottom: 35px; } .layout-default-accordion .content ul li{ color: #707070; font-family: 'Poppins', sans-serif; font-weight: 300; font-size: 16px; line-height: 25px; padding: 0; margin-bottom: 15px; } .layout-default-accordion .content ul li:last-child{ margin-bottom: 0; } .layout-default-accordion .content h3{ font-family: 'Poppins', sans-serif; font-weight: 500; font-size: 17px; line-height: 26px; color: #683E98; margin-bottom: 10px; } .layout-default-accordion .accordion-body{ padding: 0 15px 15px 50px; } .layout-default-accordion .accordion-body h1{ color: #683E98; font-size: 44px; font-family: "atten-round-new",sans-serif; font-weight: 300; line-height: 47px; margin-bottom: 6px; } .layout-default-accordion .accordion-body h1 strong, .layout-default-accordion .accordion-body h1 b{ font-family: "atten-round-new",sans-serif; font-weight: 700; } .layout-default-accordion .accordion-body p{ color: #707070; font-family: 'Poppins', sans-serif; font-weight: 300; font-size: 16px; line-height: 25px; padding: 0; margin-bottom: 35px; } .layout-default-accordion .accordion-body p strong, .layout-default-accordion .accordion-body p b{ font-size: 16px; font-weight: 500; color: #683E98; } .layout-default-accordion .accordion-body p:last-of-type{ margin-bottom: 0; } .layout-default-accordion .accordion-body h2{ font-family: 'Poppins', sans-serif; font-weight: 500; font-size: 17px; line-height: 26px; color: #683E98; margin-bottom: 10px; } .layout-default-accordion .accordion-body h2 strong, .layout-default-accordion .accordion-body h2 b{ font-family: "atten-round-new",sans-serif; font-weight: 700; } .layout-default-accordion .accordion-body a{ color: #683E98; font-family: 'Poppins', sans-serif; font-weight: 500; text-decoration: underline; } .layout-default-accordion .accordion-body a:hover{ color: #449D35; } .layout-default-accordion .accordion-body p:last-of-type ~ ul{ margin-top: 35px; } .layout-default-accordion .accordion-body ul{ margin-bottom: 35px; } .layout-default-accordion .accordion-body ul li{ color: #707070; font-family: 'Poppins', sans-serif; font-weight: 300; font-size: 16px; line-height: 25px; padding: 0; margin-bottom: 15px; } .layout-default-accordion .accordion-body ul li:last-child{ margin-bottom: 0; } .layout-default-accordion .accordion-body h3{ font-family: 'Poppins', sans-serif; font-weight: 500; font-size: 17px; line-height: 26px; color: #683E98; margin-bottom: 10px; } /* # Layout - Success Story */ .layout-success-story{ padding-top: 55px; padding-bottom: 62px; position: relative; overflow: hidden; } .layout-success-story .success-story-container{ position: relative; z-index: ; } .layout-success-story .content{ margin-bottom: 43px; } .layout-success-story .content h1, .layout-success-story .content h2{ color: #683E98; font-size: 44px; font-family: "atten-round-new",sans-serif; font-weight: 300; line-height: 47px; margin-bottom: 24px; } .layout-success-story .content h1 strong, .layout-success-story .content h1 b, .layout-success-story .content h2 strong, .layout-success-story .content h2 b{ font-family: "atten-round-new",sans-serif; font-weight: 700; } .layout-success-story .content p{ color: #707070; font-family: 'Poppins', sans-serif; font-weight: 300; font-size: 16px; line-height: 25px; padding: 0; margin-bottom: 35px; } .layout-success-story .content p strong, .layout-success-story .content p b{ font-size: 16px; font-weight: 500; color: #683E98; } .layout-success-story .content p:last-of-type{ margin-bottom: 0; } .layout-success-story .content a{ color: #683E98; font-family: 'Poppins', sans-serif; font-weight: 500; text-decoration: underline; } .layout-success-story .content a:hover{ color: #449D35; } .layout-success-story .content p:last-of-type ~ ul{ margin-top: 35px; } .layout-success-story .content ul{ margin-bottom: 35px; } .layout-success-story .content ul li{ color: #707070; font-family: 'Poppins', sans-serif; font-weight: 300; font-size: 16px; line-height: 25px; padding: 0; margin-bottom: 15px; } .layout-success-story .content ul li:last-child{ margin-bottom: 0; } .layout-success-story .content h3{ font-family: 'Poppins', sans-serif; font-weight: 500; font-size: 17px; line-height: 26px; color: #683E98; margin-bottom: 10px; } .layout-success-story .featured-story{ width: 100%; max-width: 100%; margin-right: auto; margin-left: auto; margin-bottom: 55px; } .layout-success-story .video-holder{ position: relative; overflow: hidden; width: 100%; padding-top: 56.25%; } .layout-success-story .video-holder iframe{ position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; } .layout-success-story .play-video{ cursor: pointer; width: 100%; position: relative; overflow: hidden; } .layout-success-story .play-video:hover::after{ opacity: 0.5; } .layout-success-story .play-video::after{ content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: all ease 0.3s; width: 54px; height: 54px; background-image: url(../images/play.png); background-size: contain; background-repeat: no-repeat; background-position: center center; z-index: 1; } .layout-success-story .play-video img{ width: 100%; height: auto; } .layout-success-story .success-stories{ display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: center; margin-left: -10px; margin-right: -10px; } .layout-success-story .success-stories .success-story{ padding-left: 10px; padding-right: 10px; flex: 0 0 100%; max-width: 100%; margin-bottom: 20px; } .layout-success-story .sucessStory-disclaimer{ margin-top: 10px; max-width: 800px; margin-left: auto; margin-right: auto; width: 100%; } .layout-success-story .sucessStory-disclaimer p{ font-family: 'Poppins', sans-serif; font-weight: 300; font-size: 12px; color: #707070; text-align: center; line-height: 1.5; } .layout-success-story .sucessStory-disclaimer p:last-of-type{ padding-bottom: 0; } /* # Layout - Default Banner */ .layout-banner-default{ height: 513px; background-size: cover; background-repeat: no-repeat; background-position: 15% 100%; position: relative; margin-top: 71px; } .layout-banner-default::after{ content: ''; position: absolute; width: 254px; height: 254px; border-radius: 100%; border: 6px solid #683E98; opacity: 0.12; right: -70px; top: -105px; } .layout-banner-default.circle-gray::after{ border-color: #707070; } .layout-banner-default::before{ content: ''; background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 20%, rgba(255,255,255,0) 70%, rgba(255,255,255,1) 100%); background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 20%,rgba(255,255,255,0) 70%,rgba(255,255,255,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 20%,rgba(255,255,255,0) 70%,rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); width: 100%; height: 100%; z-index: 1; position: absolute; } .layout-banner-default .banner-heading{ position: absolute; left: 0; right: 0; top: -50px; padding-left: 15px; padding-right: 15px; z-index: 2; } .layout-banner-default .banner-heading .heading{ color: #683E98; font-family: "atten-round-new",sans-serif; font-weight: 700; font-size: 47px; line-height: 44px; text-align: left; padding-left: 24px; } .layout-banner-default .banner-heading .heading span{ color: rgba(168, 168, 168, 0.75); font-family: "atten-round-new",sans-serif; font-weight: 300; font-size: 34px; line-height: 17px; display: block; text-align: left; position: relative; z-index: 1; left: -24px; } .layout-banner-default .next-section{ border: none; padding: 0; position: absolute; bottom: -25px; left: 0; right: 0; margin-right: auto; margin-left: auto; z-index: 2; width: 100%; max-width: 30px; background-color: transparent; } .layout-banner-default.left{ background-position: 100% 100%; margin-top: 91px; height: 380px; } .layout-banner-default.left::after{ right: -50px; top: -205px; width: 295px; height: 295px; } .layout-banner-default.left .banner-heading{ top: -65px; max-width: 100%; } /* # Layout - Sidebar Content */ .layout-sidebar-content{ padding-top: 37px; position: relative; } .layout-sidebar-content .sidebar-content{ position: relative; z-index: 1; } .layout-sidebar-content .content { margin-bottom: 70px; } .layout-sidebar-content .content h1{ color: #683E98; font-size: 44px; font-family: "atten-round-new",sans-serif; font-weight: 300; line-height: 47px; margin-bottom: 6px; } .layout-sidebar-content .content h1 strong, .layout-sidebar-content .content h1 b{ font-family: "atten-round-new",sans-serif; font-weight: 700; } .layout-sidebar-content .content p{ color: #707070; font-family: 'Poppins', sans-serif; font-weight: 300; font-size: 16px; line-height: 25px; padding: 0; margin-bottom: 35px; } .layout-sidebar-content .content p strong, .layout-sidebar-content .content p b{ font-size: 16px; font-weight: 500; color: #683E98; } .layout-sidebar-content .content p:last-of-type{ margin-bottom: 0; } .layout-sidebar-content .content h2{ font-family: 'Poppins', sans-serif; font-weight: 500; font-size: 17px; line-height: 26px; color: #683E98; margin-bottom: 10px; } .layout-sidebar-content .content h2 strong, .layout-sidebar-content .content h2 b{ font-family: "atten-round-new",sans-serif; font-weight: 700; } .layout-sidebar-content .content a{ color: #683E98; font-family: 'Poppins', sans-serif; font-weight: 500; text-decoration: underline; } .layout-sidebar-content .content a:hover{ color: #449D35; } .layout-sidebar-content .content p:last-of-type ~ ul{ margin-top: 35px; } .layout-sidebar-content .content ul{ margin-bottom: 35px; } .layout-sidebar-content .content ul li{ color: #707070; font-family: 'Poppins', sans-serif; font-weight: 300; font-size: 16px; line-height: 25px; padding: 0; margin-bottom: 15px; } .layout-sidebar-content .content ul li:last-child{ margin-bottom: 0; } .layout-sidebar-content .content h3{ font-family: 'Poppins', sans-serif; font-weight: 500; font-size: 17px; line-height: 26px; color: #683E98; margin-bottom: 10px; } .layout-sidebar-content .accordion .accordion-item{ border: none; border-radius: 0; box-shadow: none; margin-bottom: 33px; } .layout-sidebar-content .accordion .accordion-item .accordion-button{ display: block; box-shadow: none; outline: 0; text-align: center; border-radius: 32px; height: 51px; width: 100%; background-color: #683E98; border: 5px solid #683E98; color: #fff; font-size: 22px; font-family: "atten-round-new",sans-serif; padding-top: 2px; padding-bottom: 2px; padding-right: 50px; font-weight: 700; text-transform: uppercase; position: relative; } .layout-sidebar-content .accordion .accordion-item .accordion-button::after{ content: '+'; background-image: none; width: auto; height: auto; position: absolute; right: 18px; top: 45%; transform: translateY(-50%); line-height: 1; font-size: 20px; } .layout-sidebar-content .accordion .accordion-item .accordion-button:not(.collapsed){ background-color: transparent; color: #683E98; } .layout-sidebar-content .accordion .accordion-item .accordion-button:not(.collapsed)::after{ content: '-'; font-size: 34px; line-height: 0; } .layout-sidebar-content .accordion .accordion-item:last-of-type .accordion-button.collapsed{ border-radius: 32px; } .layout-sidebar-content .accordion .accordion-body{ padding-left: 0; padding-right: 0; padding-bottom: 0; padding-top: 25px; } .layout-sidebar-content .accordion .accordion-body h2{ font-family: "atten-round-new",sans-serif; font-size: 35px; font-weight: 500; color: #683E98; line-height: 41px; margin-bottom: 25px; } .layout-sidebar-content .accordion .accordion-body h2 strong, .layout-sidebar-content .accordion .accordion-body h2 b{ font-weight: bold; } .layout-sidebar-content .accordion .accordion-body h3{ font-family: 'Poppins', sans-serif; font-weight: 600; font-size: 19px; line-height: 27px; margin-bottom: 5px; } .layout-sidebar-content .accordion .accordion-body p{ font-size: 16px; line-height: 27px; font-family: 'Poppins', sans-serif; font-weight: 300; padding-bottom: 0; margin-bottom: 30px; color: #707070; } .layout-sidebar-content .accordion .accordion-body p:last-of-type{ margin-bottom: 0; } .layout-sidebar-content .accordion .accordion-body .cta-backtotop{ padding: 0; background-color: transparent; border: none; border-radius: 0; width: 100%; max-width: 51px; height: 51px; margin-right: auto; margin-left: auto; margin-top: 28px; display: block; } .layout-sidebar-content .sidebar-navigation{ padding: 0; margin: 0; list-style-type: none; } .layout-sidebar-content .sidebar-navigation li{ display: flex; flex-wrap: wrap; align-items: center; justify-content: center; cursor: pointer; background-color: #683E98; text-transform: uppercase; text-align: center; color: #fff; width: 100%; max-width: 224px; height: 36px; padding: 0 10px; border-radius: 32px; margin-bottom: 24px; font-size: 17px; font-weight: 700; font-family: "atten-round-new",sans-serif; position: relative; border: 4px solid #683E98; transition: all ease 0.3s; right: 0; } .layout-sidebar-content .sidebar-navigation li:hover{ background-color: transparent; color: #683E98; } .layout-sidebar-content .sidebar-navigation li.active{ right: -32px; background-color: transparent; color: #683E98; } .layout-sidebar-content .sidebar-navigation li::after{ content: ''; position: absolute; width: 8px; height: 16px; background-image: url(../images/arrow-next.png); background-repeat: no-repeat; background-position: center center; background-size: contain; top: 50%; transform: translateY(-50%); right: -30px; display: none; } .layout-sidebar-content .sidebar-navigation li.active::after{ display: inline-block; } .layout-sidebar-content .sidebar-content-lists .sidebar-content-item{ display: none; } .layout-sidebar-content .sidebar-content-lists .sidebar-content-item.active{ display: block; } .layout-sidebar-content .sidebar-content-lists .description h2{ font-family: "atten-round-new",sans-serif; font-size: 36px; font-weight: 500; color: #683E98; line-height: 1.2; margin-bottom: 15px; } .layout-sidebar-content .sidebar-content-lists .description h2 strong, .layout-sidebar-content .sidebar-content-lists .description h2 b{ font-weight: bold; } .layout-sidebar-content .sidebar-content-lists .description h3{ font-family: 'Poppins', sans-serif; font-weight: 600; font-size: 19px; line-height: 29px; margin-bottom: 5px; } .layout-sidebar-content .sidebar-content-lists .description p{ font-size: 16px; line-height: 26px; font-family: 'Poppins', sans-serif; font-weight: 300; padding-bottom: 0; margin-bottom: 30px; color: #707070; } .layout-sidebar-content .sidebar-content-lists .description ul{ margin-bottom: 30px; } .layout-sidebar-content .sidebar-content-lists .description ul li{ font-size: 16px; line-height: 26px; font-family: 'Poppins', sans-serif; font-weight: 300; padding-bottom: 0; margin-bottom: 15px; color: #707070; } .layout-sidebar-content .sidebar-content-lists .description ul li:last-child{ margin-bottom: 0px; } .layout-sidebar-content .sidebar-content-lists .description p a{ color: #683E98; } .layout-sidebar-content .sidebar-content-lists .description p a:hover{ color: #449D35; } .layout-sidebar-content .sidebar-content-lists .description p:last-of-type{ margin-bottom: 0; } /* # Layout - Sidebar Content With Accordion */ .layout-sidebar-content-w-accordion{ padding-top: 37px; position: relative; } .layout-sidebar-content-w-accordion .sidebar-content{ position: relative; z-index: 1; } .layout-sidebar-content-w-accordion .content { margin-bottom: 70px; } .layout-sidebar-content-w-accordion .content h1{ color: #449D35; font-size: 44px; font-family: "atten-round-new",sans-serif; font-weight: 300; line-height: 47px; margin-bottom: 6px; } .layout-sidebar-content-w-accordion .content h1 strong, .layout-sidebar-content-w-accordion .content h1 b{ font-family: "atten-round-new",sans-serif; font-weight: 700; } .layout-sidebar-content-w-accordion .content p{ color: #707070; font-family: 'Poppins', sans-serif; font-weight: 300; font-size: 16px; line-height: 25px; padding: 0; margin-bottom: 35px; } .layout-sidebar-content-w-accordion .content p strong, .layout-sidebar-content-w-accordion .content p b{ font-size: 16px; font-weight: 500; color: #683E98; } .layout-sidebar-content-w-accordion .content p:last-of-type{ margin-bottom: 0; } .layout-sidebar-content-w-accordion .content h2{ font-family: 'Poppins', sans-serif; font-weight: 500; font-size: 17px; line-height: 26px; color: #449D35; margin-bottom: 10px; } .layout-sidebar-content-w-accordion .content h2 strong, .layout-sidebar-content-w-accordion .content h2 b{ font-family: "atten-round-new",sans-serif; font-weight: 700; } .layout-sidebar-content-w-accordion .content a{ color: #683E98; font-family: 'Poppins', sans-serif; font-weight: 500; text-decoration: underline; } .layout-sidebar-content-w-accordion .content a:hover{ color: #449D35; } .layout-sidebar-content-w-accordion .content p:last-of-type ~ ul{ margin-top: 35px; } .layout-sidebar-content-w-accordion .content ul{ margin-bottom: 35px; } .layout-sidebar-content-w-accordion .content ul li{ color: #707070; font-family: 'Poppins', sans-serif; font-weight: 300; font-size: 16px; line-height: 25px; padding: 0; margin-bottom: 15px; } .layout-sidebar-content-w-accordion .content ul li:last-child{ margin-bottom: 0; } .layout-sidebar-content-w-accordion .content h3{ font-family: 'Poppins', sans-serif; font-weight: 500; font-size: 17px; line-height: 26px; color: #683E98; margin-bottom: 10px; } .layout-sidebar-content-w-accordion .accordion-mobile .parent-item{ border: none; border-radius: 0; box-shadow: none; margin-bottom: 33px; } .layout-sidebar-content-w-accordion .accordion-mobile .parent-item .parent-button{ display: block; box-shadow: none; outline: 0; text-align: left; border-radius: 0 264px 264px 0; min-height: 106px; width: 100%; max-width: 362px; background-color: transparent; border: 8px solid #449D35; border-left: none; color: #449D35; font-size: 29px; font-family: "atten-round-new",sans-serif; padding-top: 10px; margin-left: -15px; padding-bottom: 10px; padding-right: 50px; font-weight: 700; text-transform: uppercase; position: relative; } .layout-sidebar-content-w-accordion .accordion-mobile .parent-item .parent-button::after{ content: '\f105'; font-family: "Font Awesome 5 Free"; font-weight: 900; background-image: none; width: auto; height: auto; position: absolute; right: 18px; top: 50%; transform: translateY(-50%); line-height: 1; font-size: 30px; } .layout-sidebar-content-w-accordion .accordion-mobile .parent-item .parent-button:not(.collapsed){ background-color: #449D35; color: #fff; } .layout-sidebar-content-w-accordion .accordion-mobile .parent-item .parent-button:not(.collapsed)::after{ content: '\f107'; } .layout-sidebar-content-w-accordion .accordion-mobile .parent-item:last-of-type .parent-button.collapsed{ border-radius: 0 264px 264px 0; } .layout-sidebar-content-w-accordion .accordion-mobile .accordion-body .parent-content{ padding-left: 0; padding-right: 0; padding-bottom: 0; padding-top: 25px; } .layout-sidebar-content-w-accordion .accordion-mobile .accordion-body .parent-content h2{ font-family: "atten-round-new",sans-serif; font-size: 35px; font-weight: 500; color: #449D35; line-height: 41px; margin-bottom: 15px; } .layout-sidebar-content-w-accordion .accordion-mobile .accordion-body .parent-content h2 strong, .layout-sidebar-content-w-accordion .accordion-mobile .accordion-body .parent-content h2 b{ font-weight: bold; } .layout-sidebar-content-w-accordion .accordion-mobile .accordion-body .parent-content h3{ font-family: 'Poppins', sans-serif; font-weight: 600; font-size: 19px; line-height: 27px; margin-bottom: 5px; } .layout-sidebar-content-w-accordion .accordion-mobile .accordion-body .parent-content p{ font-size: 16px; line-height: 27px; font-family: 'Poppins', sans-serif; font-weight: 300; padding-bottom: 0; margin-bottom: 30px; color: #707070; } .layout-sidebar-content-w-accordion .accordion-mobile .accordion-body .parent-content p:last-of-type{ margin-bottom: 0; } .layout-sidebar-content-w-accordion .accordion-mobile .accordion-body .parent-content .cta-backtotop{ padding: 0; background-color: transparent; border: none; border-radius: 0; width: 100%; max-width: 51px; height: 51px; margin-right: auto; margin-left: auto; margin-top: 28px; display: block; } .layout-sidebar-content-w-accordion .accordion-content{ margin-top: 44px; } .layout-sidebar-content-w-accordion .accordion-content .accordion-item{ border-radius: 0; border: none; margin-bottom: 43px; } .layout-sidebar-content-w-accordion .accordion-content .accordion-item:last-of-type{ border-radius: 0; margin-bottom: 0; } .layout-sidebar-content-w-accordion .accordion-content .accordion-item .accordion-header .accordion-button{ padding-left: 64px; padding-top: 0; padding-bottom: 0; padding-right: 15px; display: block; text-align: left; background-color: transparent; border: none; box-shadow: none; font-family: 'Poppins', sans-serif; font-size: 19px; font-weight: 600; line-height: 27px; color: #449D35; } .layout-sidebar-content-w-accordion .accordion-content .accordion-item .accordion-header .accordion-button::after{ content: none; } .layout-sidebar-content-w-accordion .accordion-content .accordion-item .accordion-header .accordion-button::before{ content: '\f107'; font-family: "Font Awesome 5 Free"; font-weight: 900; background-color: #449D35; width: 55px; height: 25px; display: flex; align-items: center; justify-content: center; color: #fff; position: absolute; top: 5px; left: 0; border-radius: 39px; } .layout-sidebar-content-w-accordion .accordion-content .accordion-item .accordion-header .accordion-button:not(.collapsed)::before{ content: '\f106'; } .layout-sidebar-content-w-accordion .accordion-content .accordion-item .accordion-body{ padding-left: 64px; padding-right: 15px; padding-top: 0; padding-bottom: 0; } .layout-sidebar-content-w-accordion .accordion-content .accordion-body h2{ font-family: "atten-round-new",sans-serif; font-size: 35px; font-weight: 500; color: #449D35; line-height: 41px; margin-bottom: 15px; } .layout-sidebar-content-w-accordion .accordion-content .accordion-body h2 strong, .layout-sidebar-content-w-accordion .accordion-content .accordion-body h2 b{ font-weight: bold; } .layout-sidebar-content-w-accordion .accordion-content .accordion-body h3{ font-family: 'Poppins', sans-serif; font-weight: 600; font-size: 19px; line-height: 27px; margin-bottom: 5px; } .layout-sidebar-content-w-accordion .accordion-content .accordion-body p{ font-size: 16px; line-height: 27px; font-family: 'Poppins', sans-serif; font-weight: 300; padding-bottom: 0; margin-bottom: 30px; color: #707070; } .layout-sidebar-content-w-accordion .accordion-content .accordion-body p a{ color: #683E98; font-family: 'Poppins', sans-serif; font-weight: 500; text-decoration: underline; } .layout-sidebar-content-w-accordion .accordion-content .accordion-body p a:hover{ color: #449D35; } .layout-sidebar-content-w-accordion .accordion-content .accordion-body p:last-of-type{ margin-bottom: 0; } .layout-sidebar-content-w-accordion .sidebar-navigation{ padding: 0; margin-top: 0; margin-bottom: 0; margin-right: 0; margin-left: -15px; list-style-type: none; } .layout-sidebar-content-w-accordion .sidebar-navigation li{ display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-start; cursor: pointer; background-color: transparent; text-transform: uppercase; text-align: left; color: #449D35; width: 100%; max-width: 170px; height: 85px; padding: 10px 12px 10px 20px; border-radius: 0 264px 264px 0; margin-bottom: 20px; font-size: 16px; font-weight: 700; font-family: "atten-round-new",sans-serif; position: relative; border: 6px solid #449D35; border-left: none; transition: all ease 0.3s; line-height: 22px; } .layout-sidebar-content-w-accordion .sidebar-navigation li:hover{ background-color: #449D35; color: #fff; } .layout-sidebar-content-w-accordion .sidebar-navigation li.active{ background-color: #449D35; color: #fff; max-width: 230px; } .layout-sidebar-content-w-accordion .sidebar-navigation li::after{ content: ''; position: absolute; width: 16px; height: 33px; background-image: url(../images/arrow-right.png); background-repeat: no-repeat; background-position: center center; background-size: contain; top: 50%; transform: translateY(-50%); right: -55px; display: none; } .layout-sidebar-content-w-accordion .sidebar-navigation li.active::after{ display: inline-block; } .layout-sidebar-content-w-accordion .sidebar-content-lists .sidebar-content-item{ display: none; } .layout-sidebar-content-w-accordion .sidebar-content-lists .sidebar-content-item.active{ display: block; } .layout-sidebar-content-w-accordion .sidebar-content-lists .description h2{ font-family: "atten-round-new",sans-serif; font-size: 45px; font-weight: 500; color: #449D35; line-height: 1.2; margin-bottom: 20px; } .layout-sidebar-content-w-accordion .sidebar-content-lists .description h2 strong, .layout-sidebar-content-w-accordion .sidebar-content-lists .description h2 b{ font-weight: bold; } .layout-sidebar-content-w-accordion .sidebar-content-lists .description h3{ font-family: 'Poppins', sans-serif; font-weight: 600; font-size: 19px; line-height: 29px; margin-bottom: 5px; } .layout-sidebar-content-w-accordion .sidebar-content-lists .description p{ font-size: 16px; line-height: 26px; font-family: 'Poppins', sans-serif; font-weight: 300; padding-bottom: 0; margin-bottom: 30px; color: #707070; } .layout-sidebar-content-w-accordion .sidebar-content-lists .description p:last-of-type{ margin-bottom: 0; } .layout-sidebar-content-w-accordion .sidebar-content-lists .description ul{ margin-top: 30px; margin-bottom: 0; } .layout-sidebar-content-w-accordion .sidebar-content-lists .description ul li{ color: #707070; font-family: 'Poppins', sans-serif; font-weight: 300; font-size: 16px; line-height: 25px; padding: 0; margin-bottom: 15px; } .layout-sidebar-content-w-accordion .sidebar-content-lists .description ul li:last-child{ margin-bottom: 0; } /* # Layout - Products */ .product-banner{ background-size: cover; background-repeat: no-repeat; background-position: 0 bottom; height: 520px; margin-top: 130px; position: relative; } .product-banner::after{ content: ''; position: absolute; width: 303px; height: 303px; border-radius: 100%; border: 8px solid #683E98; opacity: 0.12; right: -107px; top: 0; } .product-banner .banner-heading{ position: absolute; left: 0; right: 0; top: -110px; padding-left: 15px; padding-right: 15px; z-index: 2; max-width: 380px; margin-left: auto; } .product-banner .banner-heading .heading{ color: #683E98; font-family: "atten-round-new",sans-serif; font-weight: 700; font-size: 30px; line-height: 35px; text-align: left; padding-left: 20px; } .product-banner .banner-heading .heading span{ color: rgba(168, 168, 168, 0.75); font-family: 'Poppins', sans-serif; font-weight: 300; font-size: 24px; display: block; text-align: left; position: relative; z-index: 1; line-height: 26px; left: -20px; } .product-banner .sub-heading{ position: absolute; bottom: 15px; font-size: 32px; line-height: 28px; color: #683E98; font-family: 'Poppins', sans-serif; font-weight: 300; width: 100%; max-width: 237px; left: 0; padding-left: 15px; padding-right: 15px; } .product-banner .next-section{ border: none; padding: 0; position: absolute; bottom: -40px; left: 0; right: 0; margin-right: auto; margin-left: auto; z-index: 2; width: 100%; max-width: 30px; background-color: transparent; } .product-banner.version-2{ background-size: cover; background-position: center center; height: 550px; margin-top: 0; } .product-banner.version-2::after{ content: none; } .product-banner .product-banner-content{ border-radius: 0; background-color: rgba(255,255,255,0.89); position: absolute; bottom: 0; left: 0; width: 100%; padding: 50px 15px; z-index: 2; } .product-banner .product-banner-content .heading{} .product-banner .product-banner-content .heading .sub-title{ color: rgba(112, 112, 112, 0.78); font-family: 'Poppins', sans-serif; font-weight: 300; font-size: 22px; line-height: 1; display: block; } .product-banner .product-banner-content .heading .title{ color: #683E98; font-family: "atten-round-new",sans-serif; font-weight: 700; font-size: 34px;/*font-size: 36px;*/ padding-left: 20px; line-height: 1; display: block; } .layout-products{ padding-top: 30px; padding-bottom: 100px; position: relative; } .layout-products .layout-productContainer{ position: relative; z-index: 2; } .layout-products .background{ position: absolute; width: 508px; height: 330px; right: -200px; bottom: -60px; background-size: cover; background-repeat: no-repeat; background-position: center center; mix-blend-mode: multiply; } .layout-products .content{ margin-bottom: 30px; width: 100%; max-width: 1030px; margin-right: auto; margin-left: auto; } .layout-products .content h1{ color: #449D35; font-size: 40px; font-family: "atten-round-new",sans-serif; font-weight: 300; line-height: 47px; margin-bottom: 6px; } .layout-products .content h1 strong, .layout-products .content h1 b{ font-family: "atten-round-new",sans-serif; font-weight: 700; } .layout-products .content p{ color: #707070; font-family: 'Poppins', sans-serif; font-weight: 300; font-size: 16px; line-height: 25px; padding: 0; margin-bottom: 35px; } .layout-products .content p strong, .layout-products .content p b{ font-size: 16px; font-weight: 500; color: #449D35; } .layout-products .content p:last-of-type{ margin-bottom: 0; } .layout-products .content h2{ font-family: 'Poppins', sans-serif; font-weight: 500; font-size: 17px; line-height: 26px; color: #449D35; margin-bottom: 10px; } .layout-products .content h2 strong, .layout-products .content h2 b{ font-family: "atten-round-new",sans-serif; font-weight: 700; } .layout-products .content a{ color: #449D35; font-family: 'Poppins', sans-serif; font-weight: 300; text-decoration: underline; } .layout-products .content a:hover{ color: #449D35; } .layout-products .content p:last-of-type ~ ul{ margin-top: 35px; } .layout-products .content ul, .layout-products .content ol{ margin-bottom: 35px; } .layout-products .content ul li, .layout-products .content ol li{ color: #707070; font-family: 'Poppins', sans-serif; font-weight: 300; font-size: 16px; line-height: 25px; padding: 0; margin-bottom: 15px; } .layout-products .content ul li:last-child, .layout-products .content ol li:last-child{ margin-bottom: 0; } .layout-products .content h3{ font-family: 'Poppins', sans-serif; font-weight: 500; font-size: 17px; line-height: 26px; color: #449D35; margin-bottom: 10px; } .layout-products .products{ margin-left: -40px; margin-right: -40px; display: flex; align-items: flex-start; justify-content: center; flex-wrap: wrap; } .layout-products .products .product{ padding-left: 40px; padding-right: 40px; margin-bottom: 60px; max-width: 100%; flex: 0 0 100%; } .layout-products .products .product:last-child{ margin-bottom: 0; } .layout-products .product .product-wrap{ display: flex; flex-wrap: wrap; align-items: center; justify-content: center; } .layout-products .product-wrap .image{ flex: 0 0 120px; max-width: 100%; position: relative; } .layout-products .product-wrap .image a{ display: block; } .layout-products .product-wrap .image a img{ width: 100%; height: auto; } .layout-products .product-wrap .image .product-quickView{ z-index: 1; position: absolute; left: -35px; bottom: -15px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; flex: 0 0 114px; width: 114px; max-width: 100%; height: 42px; border: 4px solid rgba(104, 62, 152, 0.75); background-color: rgba(255,255,255,0.75); color: #683E98; font-size: 11px; font-family: "atten-round-new",sans-serif; font-weight: 700; line-height: 10px; border-radius: 36px; transition: all ease 0.3s; } .layout-products .product-wrap .image .product-quickView img{ width: auto; height: auto; margin-left: 5px; } .layout-products .product-wrap .image .product-quickView:hover{ border-color: rgba(104, 62, 152, 1); background-color: rgba(255,255,255,1); } .layout-products .product-wrap .content-wrap{ flex: 0 0 100%; max-width: 100%; margin-top: 20px; } .layout-products .product-wrap .content-wrap .content-container{ padding-left: 40px; padding-right: 40px; } .layout-products .product-wrap .content-wrap .product-title{ margin-bottom: 5px; color: #449D35; font-weight: 700; font-family: "atten-round-new",sans-serif; font-size: 27px; line-height: 25px; text-transform: uppercase; } .layout-products .product-wrap .content-wrap .short-description h2{ margin-bottom: 5px; color: #449D35; font-weight: 700; font-family: "atten-round-new",sans-serif; font-size: 27px; line-height: 25px; text-transform: uppercase; } .layout-products .product-wrap .content-wrap .short-description p{ color: #A8A8A8; font-family: 'Poppins', sans-serif; font-weight: 300; line-height: 25px; font-size: 16px; padding: 0; } .layout-products .product-wrap .content-wrap .short-description p strong, .layout-products .product-wrap .content-wrap .short-description p b{ color: #A8A8A8; font-weight: 500; } .layout-products .product-wrap .content-wrap .short-description h3{ color: #A8A8A8; font-weight: 500; font-family: 'Poppins', sans-serif; font-weight: 500; line-height: 20px; font-size: 16px; margin-bottom: 0; } .layout-products .product-wrap .content-wrap .links{ text-align: center; margin-top: 30px; } .layout-products .product-wrap .content-wrap .links a{ margin-bottom: 20px; display: flex; margin-right: auto; margin-left: auto; } .layout-products .product-wrap .content-wrap .links a:last-child{ margin-bottom: 0; } .layout-products .view-all{ text-align: center; } .layout-products .view-all .cta{ max-width: 100%; } .product-single{ position: relative; z-index: 2; } .product-single-banner{ background-color: #449D35; padding-top: 45px; padding-bottom: 55px; position: relative; overflow: hidden; } .product-single-banner h1{ text-align: center; margin-bottom: 0; color: #fff; text-transform: uppercase; font-family: "atten-round-new",sans-serif; font-weight: 700; font-size: 44px; line-height: 51px; position: relative; z-index: 2; } .product-single{ padding-bottom: 40px; } .product-single .image-wrap{ margin-top: -40px; position: relative; } .product-single .image-wrap .background{ position: absolute; width: 100%; max-width: 389px; height: 190px; right: -158px; bottom: -35px; background-size: contain; background-repeat: no-repeat; background-position: top center; mix-blend-mode: multiply; } .product-single .image-wrap .image{ width: 100%; max-width: 200px; margin-right: auto; margin-left: auto; position: relative; z-index: 2; } .product-single .image-wrap .image img{ width: 100%; height: auto; } .product-single .characteristics{ margin-top: 45px; } .product-single .characteristics .characteristic{ width: 100%; max-width: 93px; margin-right: auto; margin-left: auto; margin-bottom: 23px; } .product-single .characteristics .characteristic:last-child{ margin-bottom: 0; } .product-single .characteristics .characteristic img{ width: 100%; height: auto; } .product-single .content-wrap{ margin-top: 35px; } .product-single .content h1{ color: #683E98; font-size: 44px; font-family: "atten-round-new",sans-serif; font-weight: 300; line-height: 47px; margin-bottom: 6px; } .product-single .content h1 strong, .product-single .content h1 b{ font-family: "atten-round-new",sans-serif; font-weight: 700; } .product-single .content p{ color: #707070; font-family: 'Poppins', sans-serif; font-weight: 300; font-size: 16px; line-height: 25px; padding: 0; margin-bottom: 20px; } .product-single .content p strong, .product-single .content p b{ font-size: 16px; font-weight: 500; color: #683E98; } .product-single .content p:last-of-type{ margin-bottom: 0; } .product-single .content h2{ font-family: 'Poppins', sans-serif; font-weight: 500; font-size: 16px; line-height: 26px; color: #683E98; margin-bottom: 10px; } .product-single .content h2 strong, .product-single .content h2 b{ font-family: "atten-round-new",sans-serif; font-weight: 700; } .product-single .content a{ color: #683E98; font-family: 'Poppins', sans-serif; font-weight: 300; text-decoration: underline; } .product-single .content a:hover{ color: #683E98; } .product-single .content p:last-of-type ~ ul{ margin-top: 35px; } .product-single .content ul, .product-single .content ol{ margin-bottom: 35px; } .product-single .content ul li, .product-single .content ol li{ color: #707070; font-family: 'Poppins', sans-serif; font-weight: 300; font-size: 16px; line-height: 25px; padding: 0; margin-bottom: 15px; } .product-single .content ul li:last-child, .product-single .content ol li:last-child{ margin-bottom: 0; } .product-single .content h3{ font-family: 'Poppins', sans-serif; font-weight: 500; font-size: 17px; line-height: 26px; color: #683E98; margin-bottom: 10px; } .product-single .links{ margin-top: 15px; } .product-single .links a{ display: flex; margin-bottom: 21px; margin-right: auto; margin-left: auto; } .product-single .links a:last-child{ margin-bottom: 0; } .product-single .other-images h2{ font-family: 'Poppins', sans-serif; font-weight: 500; font-size: 16px; line-height: 26px; color: #683E98; margin-bottom: 10px; } .product-single .other-images h2 strong, .product-single .other-images h2 b{ font-family: "atten-round-new",sans-serif; font-weight: 700; } .product-single .other-images .other-image{ width: 100%; max-width: 250px; margin-right: auto; margin-left: auto; } /* # Layout - Teams */ .layout-team{ position: relative; } .layout-team .background{ width: 1489px; height: 969px; position: absolute; background-repeat: no-repeat; background-size: contain; background-position: center center; mix-blend-mode: multiply; } .layout-team .background.left{ top: 0; left: -1120px; } .layout-team .background.right{ bottom: -330px; right: -1015px; } .layout-team .team-container{ position: relative; z-index: 2; } .layout-team .team-banner{ padding-left: 15px; padding-right: 15px; padding-top: 43px; padding-bottom: 52px; background-color: #683E98; text-align: center; } .layout-team .team-banner h1{ color: #fff; font-family: "atten-round-new",sans-serif; font-weight: 300; font-size: 44px; line-height: 47px; margin: 0; } .layout-team .team-banner h1 strong, .layout-team .team-banner h1 b{ font-family: "atten-round-new",sans-serif; font-weight: 700; } .layout-team .team-container{ padding-top: 60px; padding-bottom: 43px; position: relative; z-index: 2; } .layout-team .teams{ display: flex; flex-wrap: wrap; margin-left: -30px; margin-right: -30px; justify-content: center; } .layout-team .teams .team{ padding-left: 30px; padding-right: 30px; flex: 0 0 100%; max-width: 100%; margin-bottom: 43px; } .layout-team .teams .team .image{ margin-bottom: 17px; } .layout-team .teams .team .image .image-wrap{ display: flex; flex-wrap: wrap; align-items: center; justify-content: center; position: relative; overflow: hidden; width: 100%; max-width: 211px; height: 211px; border-radius: 100%; margin-right: auto; margin-left: auto; } .layout-team .teams .team .image .image-wrap img{ width: 100%; height: auto; } .layout-team .teams .team .image .image-wrap span{ border-radius: 100%; background-color: rgba(104, 62, 152, 0.92); position: absolute; top: 0; bottom: 0; left: 0; right: 0; text-align: center; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; color: #fff; font-size: 28px; line-height: 37px; font-family: "atten-round-new",sans-serif; font-weight: 700; transition: all ease 0.3s; opacity: 0; } .layout-team .teams .team .image .image-wrap:hover span{ opacity: 1; } .layout-team .teams .team .team-info h2{ color: #562C82; font-size: 26px; font-family: "atten-round-new",sans-serif; font-weight: 700; line-height: 35px; margin-bottom: 0; } .layout-team .teams .team .team-info h3{ color: #707070; font-size: 18px; font-family: 'Poppins', sans-serif; font-weight: 300; line-height: 25px; margin-bottom: 0; } .layout-team .teams .team .team-info .cta-teamModal{ margin-top: 16px; } /* # Layout - Press */ .layout-press{ padding-top: 70px; padding-bottom: 62px; position: relative; overflow: hidden; } .layout-press .background-overlay{ position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 375px; background-repeat: no-repeat; background-size: cover; background-position: center top; } .layout-press .press-container{ position: relative; } .layout-press .success-story-container{ position: relative; z-index: ; } .layout-press .content{ margin-bottom: 43px; } .layout-press .content h1{ color: #683E98; font-size: 44px; font-family: "atten-round-new",sans-serif; font-weight: 300; line-height: 47px; margin-bottom: 24px; text-transform: uppercase; } .layout-press .content h2{ font-family: 'Poppins', sans-serif; font-weight: 500; font-size: 19px; line-height: 26px; color: #683E98; margin-bottom: 10px; } .layout-press .content h2.subhead{ font-size: 32px; line-height: 32px; margin-bottom: 40px; } .layout-press .content h2.subhead-description{ margin-bottom: 30px; } .layout-press .content h4{ color: #683E98; font-family: 'Poppins', sans-serif; font-weight: 500; font-size: 16px; line-height: 25px; margin-bottom: 10px; } .layout-press .content h1 strong, .layout-press .content h1 b{ font-family: "atten-round-new",sans-serif; font-weight: 700; } .layout-press .content h2 strong, .layout-press .content h2 b{ font-family: "atten-round-new",sans-serif; font-weight: 700; } .layout-press .content h4 strong, .layout-press .content h4 b{ font-family: "atten-round-new",sans-serif; font-weight: 700; } .layout-press .content blockquote{ float: left; width: 100%; display: block; padding-left: 0; margin-bottom: 30px; } .layout-press .content blockquote p{ color: #7aa52a; margin-bottom: 15px; } .layout-press .content blockquote p:last-of-type{ margin-bottom: 0; } .layout-press .content blockquote p a{ text-decoration: none; font-weight: 300; font-size: 16px; } .layout-press .content blockquote p a img{ margin: 0; } .layout-press .content p{ color: #707070; font-family: 'Poppins', sans-serif; font-weight: 300; font-size: 16px; line-height: 25px; padding: 0; margin-bottom: 35px; } .layout-press .content p strong, .layout-press .content p b{ font-size: 16px; font-weight: 500; color: #683E98; } .layout-press .content p:last-of-type{ margin-bottom: 0; } .layout-press .content a{ color: #683E98; font-family: 'Poppins', sans-serif; font-weight: 500; text-decoration: underline; } .layout-press .content a:hover{ color: #449D35; } .layout-press .content p a.green{ color: #449D35; } .layout-press .content p a.green:hover{ color: #683E98; } .layout-press .content p a i{ margin-left: 15px; } .layout-press .content p:last-of-type ~ ul{ margin-top: 35px; } .layout-press .content ul{ margin-bottom: 35px; } .layout-press .content ul li, .layout-press .content ol li{ color: #707070; font-family: 'Poppins', sans-serif; font-weight: 300; font-size: 16px; line-height: 25px; padding: 0; margin-bottom: 15px; } .layout-press .content ul li:last-child, .layout-press .content ol li:last-child{ margin-bottom: 0; } .layout-press .content h3{ font-family: 'Poppins', sans-serif; font-weight: 500; font-size: 17px; line-height: 26px; color: #683E98; margin-bottom: 10px; } .layout-press .content .slider-for{ margin-top: 35px; } .layout-press .content .slider-for .slide-item .image-wrap{ background-color: #f9f9f9; border: 1px solid #dedede; position: relative; min-height: 370px; width: 100%; } .layout-press .content .slider-for .slide-item .image-wrap img{ max-width: 100%; max-height: 100%; margin: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0; } .layout-press .content .slider-nav { margin-top: 15px; margin-bottom: 35px; } .layout-press .content .slider-nav .slide-item{ padding-left: 5px; padding-right: 5px; } .layout-press .content .slider-nav .slide-item .image-wrap{ background-color: #f9f9f9; border: 1px solid #dedede; position: relative; min-height: 120px; width: 100%; } .layout-press .content .slider-nav .slide-item .image-wrap img{ max-width: 100%; max-height: 100%; margin: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0; } .layout-press .content .bottom-content{ margin-top: 35px; } .layout-press .content .resources{ margin-top: 35px; padding-top: 35px; border-top: 1px solid #ccc; } .layout-press .content .resource-nav{ margin-top: 35px; } .layout-press .content .resource-nav::after{ content: ''; display: block; clear: both; } .layout-press .content .resource-nav .float-left{ float: left; } .layout-press .content .resource-nav .float-left a i{ margin-right: 5px; } .layout-press .content .resource-nav .float-right{ float: right; } .layout-press .content .resource-nav .float-right a i{ margin-left: 5px; } .layout-press .content .resource-nav a{ color: #707070; text-decoration: none; font-size: 16px; } .layout-press .content .resource-nav a:hover{ color: #683E98; } .layout-press .content .cta{ text-decoration: none; text-transform: uppercase; } .layout-press .content .resources .cta{ text-decoration: none; text-transform: uppercase; max-width: fit-content; } .layout-press .press-lists{ display: flex; flex-wrap: wrap; align-items: center; margin-left: -15px; margin-right: -15px; } .layout-press .press-lists .press{ margin-bottom: 30px; flex: 0 0 100%; max-width: 100%; display: flex; flex-wrap: wrap; justify-content: center; } .layout-press .press-lists .press:last-child{ margin-bottom: 0; } .layout-press .press-lists .press .image{ flex: 0 0 100%; max-width: 100%; margin-bottom: 20px; padding-left: 15px; padding-right: 15px; } .layout-press .press-lists .press .image img{ width: 100%; height: auto; } .layout-press .press-lists .press .press-content{ flex: 0 0 100%; max-width: 100%; padding-left: 15px; padding-right: 15px; } .layout-press .press-lists .press .press-content h2{ color: #683E98; font-size: 23px; font-family: "atten-round-new",sans-serif; font-weight: 700; line-height: 30px; margin-bottom: 10px; } .layout-press .press-lists .press .press-content h2 a{ color: #683E98; font-size: 23px; font-family: "atten-round-new",sans-serif; font-weight: 700; line-height: 30px; } .layout-press .press-lists .press .press-content h2 a:hover{ color: #449D35; } .layout-press .press-lists .press .press-content p{ color: #707070; font-family: 'Poppins', sans-serif; font-weight: 300; font-size: 16px; line-height: 25px; padding: 0; margin-bottom: 35px; } .layout-press .press-lists .press .press-content p:last-of-type{ margin-bottom: 0; } .layout-press .press-lists .press .press-content p a{ color: #683E98; } .layout-press .press-lists .press .press-content .cta{ margin-top: 20px; } /* # Layout - Locator */ .locator-banner{ background-color: #fff; padding-top: 22px; padding-bottom: 24px; } .locator-banner h1{ color: #683E98; font-family: "atten-round-new",sans-serif; font-weight: 300; font-size: 44px; line-height: 47px; margin-bottom: 24px; text-transform: uppercase; width: 100%; } .locator-banner h1 strong, .locator-banner h1 b{ font-family: "atten-round-new",sans-serif; font-weight: 700; } .locator-banner .form-container{ width: 100%; max-width: 340px; margin-right: auto; margin-left: auto; } .locator-banner .locator-form{ display: flex; flex-wrap: wrap; align-items: center; margin-right: -6px; margin-left: -6px; } .locator-banner .locator-form .form-field{ flex: 0 0 100%; max-width: 100%; margin-bottom: 10px; padding-left: 6px; padding-right: 6px; } .locator-banner .locator-form .form-field:last-child{ margin-bottom: 0; } .locator-banner .locator-form .form-field.label{ padding-left: 35px; color: #683E98; font-family: "atten-round-new",sans-serif; font-weight: 500; font-size: 16px; line-height: 26px; } .locator-banner .locator-form .form-field.radius{ flex: 0 0 170px; max-width: 170px; margin-bottom: 0; } .locator-banner .locator-form .form-field.button{ flex: 0 0 102px; } .locator-banner .locator-form .form-field input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]){ width: 100%; border: none; border-radius: 39px; box-shadow: 0 3px 6px rgba(0,0,0,0.16); padding: 16px 25px; outline: 0; font-size: 17px; font-weight: 300; font-family: 'Montserrat', sans-serif; line-height: 1; } .locator-banner .locator-form .form-field .select-container{ position: relative; } .locator-banner .locator-form .form-field .select-container::after{ content: ''; background-image: url(../images/arrow-down.png); background-size: contain; background-repeat: no-repeat; background-position: center center; width: 24px; height: 15px; position: absolute; z-index: 3; pointer-events: none; right: 25px; top: 50%; transform: translateY(-50%); } .locator-banner .locator-form .form-field select{ width: 100%; border: none; border-radius: 39px; box-shadow: 0 3px 6px rgba(0,0,0,0.16); padding: 18px 40px 18px 25px; outline: 0; appearance: none; margin: 0 !important; font-size: 17px; font-weight: 300; font-family: 'Montserrat', sans-serif; line-height: 1; } .locator-banner .locator-form .form-field select option[disabled]{ color: rgba(112, 112, 112, 0.39); } .locator-banner .locator-form .form-field .ui-selectmenu-button{ color: #000; background-color: #fff; width: 100%; border: none; border-radius: 39px; box-shadow: 0 3px 6px rgba(0,0,0,0.16); padding: 18px 40px 18px 25px; outline: 0; appearance: none; margin: 0 !important; font-size: 17px; font-weight: 300; font-family: 'Montserrat', sans-serif; line-height: 1; } .locator-banner .locator-form .form-field .ui-selectmenu-button .ui-selectmenu-icon{ display: none; } .locator-banner .locator-form .form-field button{ height: 52px; border-radius: 39px; background-color: #683E98; border: none; outline: 0; width: 100%; transition: all ease 0.3s; } .locator-banner .locator-form .form-field button:hover{ opacity: 0.9; } .locator-banner .locator-form .form-field button img{ height: auto; max-width: 29px; width: 100%; } .locator-banner .locator-form .form-field ::placeholder { color: rgba(112, 112, 112, 0.39); font-size: 17px; font-weight: 300; font-family: 'Montserrat', sans-serif; line-height: 1; text-transform: uppercase; } .locator-banner .locator-form .form-field :-ms-input-placeholder { color: rgba(112, 112, 112, 0.39); font-size: 17px; font-weight: 300; font-family: 'Montserrat', sans-serif; line-height: 1; text-transform: uppercase; } .locator-banner .locator-form .form-field ::-ms-input-placeholder { color: rgba(112, 112, 112, 0.39); font-size: 17px; font-weight: 300; font-family: 'Montserrat', sans-serif; line-height: 1; text-transform: uppercase; } /* # Layout - Clinics */ .layout-clinics .additional-filter{ border-radius: 26px; border: 5px solid #683E98; overflow: hidden; } .layout-clinics .additional-filter-btn{ display: flex; flex-wrap: wrap; align-items: center; background-color: transparent; border: none; font-family: "atten-round-new",sans-serif; font-size: 23px; font-weight: 700; line-height: 31px; color: #683E98; padding-top: 14px; padding-bottom: 14px; padding-left: 28px; padding-right: 0; text-align: left; position: relative; width: 100%; } .layout-clinics .additional-filter-btn img{ height: auto; max-width: 24px; width: 100%; position: relative; margin-left: 9px; } .layout-clinics .additional-filter .form-container{ padding-left: 37px; padding-right: 37px; padding-bottom: 38px; } .layout-clinics .additional-filter .advance-search{ height: 0px; max-height: 0px; overflow: hidden; position: relative; transition: all 0.3s; } .layout-clinics .additional-filter .advance-search.active{ height: 100%; max-height: none; } .layout-clinics .filter-heading{ font-family: "atten-round-new",sans-serif; font-size: 16px; font-weight: 700; line-height: 21px; margin-bottom: 5px; color: #683E98; padding-left: 30px; } .layout-clinics .additional-form{ display: flex; flex-wrap: wrap; align-items: center; } .layout-clinics .additional-form .form-field{ flex: 0 0 100%; max-width: 100%; margin-bottom: 19px; } .layout-clinics .additional-form .form-field:last-child{ margin-bottom: 0; } .layout-clinics .additional-form .form-field .form-label{ color: #683E98; font-family: "atten-round-new",sans-serif; font-size: 16px; font-weight: 500; line-height: 20px; margin-bottom: 8px; } .layout-clinics .additional-form .form-field .radio-fields{ display: flex; flex-wrap: wrap; align-items: flex-start; } .layout-clinics .additional-form .form-field .radio-fields .radio{ max-width: 100%; margin-right: 27px; } .layout-clinics .additional-form .form-field .radio-fields .radio:last-child{ margin-right: 0; } .layout-clinics .additional-form .form-field .radio-fields .radio input{ cursor: pointer; } .layout-clinics .additional-form .form-field .radio-fields .radio label{ color: #683E98; font-family: "atten-round-new",sans-serif; font-size: 22px; font-weight: 500; line-height: 30px; margin-left: 10px; margin-bottom: 0; cursor: pointer; } .layout-clinics .additional-form .form-field input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]){ width: 100%; border: none; border-radius: 39px; box-shadow: 0 3px 6px rgba(0,0,0,0.16); padding: 16px 25px; outline: 0; font-size: 17px; font-weight: 300; font-family: 'Montserrat', sans-serif; line-height: 1; } .layout-clinics .additional-form .form-field .select-container{ position: relative; width: 100%; max-width: 174px; } .layout-clinics .additional-form .form-field .select-container::after{ content: ''; background-image: url(../images/arrow-down.png); background-size: contain; background-repeat: no-repeat; background-position: center center; width: 17px; height: 12px; position: absolute; z-index: 1; pointer-events: none; right: 10px; top: 50%; transform: translateY(-50%); } .layout-clinics .additional-form .form-field select{ width: 100%; border: none; border-radius: 39px; box-shadow: 0 3px 6px rgba(0,0,0,0.16); padding: 13px 40px 12px 25px; outline: 0; appearance: none; margin: 0 !important; font-size: 17px; font-weight: 300; font-family: 'Montserrat', sans-serif; line-height: 1; } .layout-clinics .additional-form .form-field select option[disabled]{ color: rgba(112, 112, 112, 0.39); } .layout-clinics .additional-form .form-field button{ color: #fff; font-family: "atten-round-new",sans-serif; font-size: 20px; font-weight: 700; line-height: 18px; height: 41px; border-radius: 39px; background-color: #683E98; border: none; outline: 0; max-width: 105px; width: 100%; transition: all ease 0.3s; } .layout-clinics .additional-form .form-field button:hover{ opacity: 0.9; } .layout-clinics .additional-form .form-field button img{ height: auto; max-width: 29px; width: 100%; } .layout-clinics .additional-form .form-field ::placeholder { color: rgba(112, 112, 112, 0.39); font-size: 17px; font-weight: 300; font-family: 'Montserrat', sans-serif; line-height: 1; text-transform: uppercase; } .layout-clinics .additional-form .form-field :-ms-input-placeholder { color: rgba(112, 112, 112, 0.39); font-size: 17px; font-weight: 300; font-family: 'Montserrat', sans-serif; line-height: 1; text-transform: uppercase; } .layout-clinics .additional-form .form-field ::-ms-input-placeholder { color: rgba(112, 112, 112, 0.39); font-size: 17px; font-weight: 300; font-family: 'Montserrat', sans-serif; line-height: 1; text-transform: uppercase; } .layout-clinics .clinics{ margin-top: 25px; width: 100%; max-width: 340px; margin-right: auto; margin-left: auto; } .layout-clinics .clinics .clinic{ border-radius: 26px; padding-bottom: 40px; padding-top: 40px; padding-left: 15px; padding-right: 15px; background-color: #F6F6F6; box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.16); margin-bottom: 32px; } .layout-clinics .clinics .clinic:last-child{ margin-bottom: 0; } .layout-clinics .clinics .clinic .clinic-header{ display: flex; flex-wrap: wrap; align-items: center; } .layout-clinics .clinics .clinic .clinic-header .image{ flex: 0 0 76px; max-width: 100%; padding-right: 13px; } .layout-clinics .clinics .clinic .clinic-header .title{ flex: 1; max-width: 100%; } .layout-clinics .clinics .clinic .clinic-header .title h2{ margin-bottom: 0; padding-bottom: 0; font-size: 26px; line-height: 1; font-family: "atten-round-new",sans-serif; font-weight: 700; text-transform: uppercase; } .layout-clinics .clinics .clinic .clinic-header .title h2 a{ color: #707070; font-size: 30px; line-height: 25px; font-family: "atten-round-new",sans-serif; font-weight: 700; } .layout-clinics .clinics .clinic .clinic-header .title h2 a:hover{ color: #683E98; } .layout-clinics .clinics .clinic .clinic-header .action{ flex: 0 0 100%; max-width: 100%; margin-top: 10px; } .layout-clinics .clinics .clinic .clinic-header .action a{ border-width: 3px; height: 40px; font-size: 16px; max-width: 220px; text-transform: uppercase; display: flex; margin-right: auto; margin-left: auto; } .layout-clinics .clinics .clinic .clinic-body{ margin-top: 14px; } .layout-clinics .clinics .clinic .clinic-body .detail{ color: #683E98; font-size: 16px; font-family: 'Poppins', sans-serif; font-weight: 600; line-height: 22px; } .layout-clinics .clinics .clinic .clinic-body .detail span{ color: #707070; font-weight: 300; } .layout-clinics .clinics .clinic .clinic-body .address{ margin-top: 30px; position: relative; padding-left: 35px; color: #707070; font-size: 16px; font-family: 'Poppins', sans-serif; font-weight: 600; line-height: 22px; cursor: pointer; transition: all ease 0.3s; } .layout-clinics .clinics .clinic .clinic-body .address:hover{ color: #449D35; } .layout-clinics .clinics .clinic .clinic-body .address .icon{ width: 100%; max-width: 20px; height: auto; position: absolute; top: 50%; left: 0; transform: translateY(-50%); } .layout-clinics .clinics .clinic .clinic-body .distance{ margin-top: 15px; color: #707070; font-family: 'Poppins', sans-serif; font-weight: 300; font-size: 18px; line-height: 23px; text-align: center; } .layout-clinics .clinics .clinic .clinic-body .distance span{ font-weight: 700; color: #449D35; font-size: 24px; line-height: 30px; } .layout-clinics .clinics .clinic .clinic-body .action{ margin-top: 20px; } .layout-clinics .clinics .clinic .clinic-body .action a{ border-width: 3px; height: 40px; font-size: 16px; max-width: 220px; text-transform: uppercase; display: flex; margin-right: auto; margin-left: auto; } .layout-clinics .clinics .clinic .clinic-body .action a .phoneicon{ max-width: 9px; margin-right: 7px; } .layout-clinics .view-more .cta{ border-width: 3px; height: 40px; font-size: 16px; max-width: 220px; text-transform: uppercase; display: flex; margin-right: auto; margin-left: auto; } .layout-clinics .statelisting{ margin-top: 30px; } .layout-clinics .statelisting .stateListing-container{ padding-top: 15px; padding-bottom: 15px; border-top: 1px solid #dee2e6; border-bottom: 1px solid #dee2e6; } .layout-clinics .statelisting .show-action{ text-align: center; } .layout-clinics .statelisting .show-action .cta{ border-width: 3px; height: 40px; font-size: 16px; max-width: 220px; text-transform: uppercase; display: flex; margin-right: auto; margin-left: auto; } .layout-clinics .statelisting .bp-section{ background-color: #fff; padding-left: 0; padding-right: 0; padding-top: 30px; padding-bottom: 0; width: 100%; max-width: 340px; margin-right: auto; margin-left: auto; } .layout-clinics .statelisting .bp-section .bp-list h6{ color: #683E98; font-family: "atten-round-new",sans-serif; font-weight: 700; } .layout-clinics .statelisting .bp-section .bp-list a{ font-family: 'Poppins', sans-serif; font-weight: 300; } .layout-clinics .statelisting .bp-section .bp-list a:hover{ color: #683E98; } /* # Layout - Single Clinic */ .single-clinic{ padding-top: 30px; padding-bottom: 30px; position: relative; } .single-clinic .single-clinic-container{ position: relative; z-index: 2; } .single-clinic .singleClinic-b-background{ position: absolute; bottom: -85px; right: -470px; z-index: 1; width: 788px; height: 513px; background-size: contain; background-repeat: no-repeat; background-position: center center; } .single-clinic .content .content-header{ position: relative; } .single-clinic .content .content-header .header-image{ display: block; width: 100%; max-width: 103px; margin-right: auto; margin-left: auto; } .single-clinic .content .content-header .header-image img{ width: 100%; height: auto; } .single-clinic .content .content-header .header-headings{ display: block; margin-top: 6px; } .single-clinic .content .content-header .header-headings h1{ color: #683E98; font-size: 44px; font-family: "atten-round-new",sans-serif; font-weight: 300; line-height: 47px; margin-bottom: 4px; } .single-clinic .content .content-header .header-headings h1 strong, .single-clinic .content .content-header .header-headings h1 b{ font-weight: 700; } .single-clinic .content .content-header .header-headings .clinic-name{ color: #707070; font-size: 30px; font-family: "atten-round-new",sans-serif; font-weight: 700; line-height: 40px; margin-bottom: 4px; } .single-clinic .content .address{ color: #707070; font-family: 'Poppins', sans-serif; font-weight: 300; font-size: 17px; line-height: 26px; } .single-clinic .content .address strong, .single-clinic .content .address b{ font-weight: 500; } .single-clinic .content h1{ color: #683E98; font-size: 44px; font-family: "atten-round-new",sans-serif; font-weight: 300; line-height: 47px; margin-bottom: 4px; } .single-clinic .content h1 img{ width: 100%; height: auto; max-width: 100px; display: block; vertical-align: middle; margin-bottom: 10px; } .single-clinic .content h2{ font-family: 'Poppins', sans-serif; font-weight: 500; font-size: 19px; line-height: 26px; color: #683E98; margin-bottom: 24px; } .single-clinic .content h2.clinic-name{ margin-bottom: 10px; } .single-clinic .content h4{ color: #683E98; font-family: 'Poppins', sans-serif; font-weight: 500; font-size: 16px; line-height: 25px; margin-bottom: 10px; } .single-clinic .content h1 strong, .single-clinic .content h1 b{ font-family: "atten-round-new",sans-serif; font-weight: 700; } .single-clinic .content h2 strong, .single-clinic .content h2 b{ font-family: "atten-round-new",sans-serif; font-weight: 700; } .single-clinic .content h4 strong, .single-clinic .content h4 b{ font-family: "atten-round-new",sans-serif; font-weight: 700; } .single-clinic .content p{ color: #707070; font-family: 'Poppins', sans-serif; font-weight: 300; font-size: 16px; line-height: 25px; padding: 0; margin-bottom: 30px; } .single-clinic .content p strong, .single-clinic .content p b{ font-size: 16px; font-weight: 500; color: #683E98; } .single-clinic .content p:last-of-type{ margin-bottom: 0; } .single-clinic .content a{ color: #683E98; font-family: 'Poppins', sans-serif; font-weight: 500; text-decoration: underline; } .single-clinic .content a:hover{ color: #449D35; } .single-clinic .content p a.green{ color: #449D35; } .single-clinic .content p a.green:hover{ color: #683E98; } .single-clinic .content p a i{ margin-left: 15px; } .single-clinic .content p:last-of-type ~ ul{ margin-top: 35px; } .single-clinic .content ul{ margin-bottom: 35px; } .single-clinic .content ul li, .single-clinic .content ol li{ color: #707070; font-family: 'Poppins', sans-serif; font-weight: 300; font-size: 16px; line-height: 25px; padding: 0; margin-bottom: 15px; } .single-clinic .content ul li:last-child, .single-clinic .content ol li:last-child{ margin-bottom: 0; } .single-clinic .content h3{ font-family: 'Poppins', sans-serif; font-weight: 500; font-size: 17px; line-height: 26px; color: #683E98; margin-bottom: 10px; } .single-clinic .content .details{ margin-top: 20px; width: 100%; max-width: 500px; margin-right: auto; margin-left: auto; background-color: #F6F6F6; border-radius: 17px; padding: 30px; } .single-clinic .content .detail{ color: #683E98; font-size: 18px; font-family: 'Poppins', sans-serif; font-weight: 600; line-height: 27px; } .single-clinic .content .detail span{ color: #707070; font-weight: 300; } .single-clinic .content .action{ margin-top: 30px; margin-bottom: 30px; } .single-clinic .content .action .cta{ margin-bottom: 15px; text-decoration: none; font-size: 22px; line-height: 21px; max-width: 287px; height: 46px; display: flex; margin-right: auto; margin-left: auto; font-family: "atten-round-new",sans-serif; font-weight: 700; } .single-clinic .content .action .cta:last-child{ margin-bottom: 0px; } .single-clinic .content .action .cta .phoneicon{ max-width: 9px; margin-right: 7px; } .single-clinic .clinic-sidebar{ margin-top: 30px; background-color: #f1f1f2; overflow: hidden; border-radius: 17px; } .single-clinic .clinic-sidebar .render-map{ height: 184px; } .single-clinic .sidebar-content { padding: 25px 20px; } .single-clinic .sidebar-content .image{ width: 100%; max-width: 70px; margin-bottom: 15px; margin-left: auto; margin-right: auto; } .single-clinic .sidebar-content .image img{ width: 100%; height: auto; } .single-clinic .sidebar-content h2{ font-family: "atten-round-new",sans-serif; font-weight: 700; font-size: 24px; line-height: 32px; color: #683E98; margin-bottom: 5px; } .single-clinic .sidebar-content .address{ color: #707070; font-family: "atten-round-new",sans-serif; font-weight: 500; font-size: 18px; line-height: 25px; } .single-clinic .sidebar-content .action{ margin-top: 20px; } .single-clinic .sidebar-content .action .cta{ margin-bottom: 15px; text-decoration: none; font-size: 22px; line-height: 21px; max-width: 287px; height: 46px; display: flex; margin-right: auto; margin-left: auto; } .single-clinic .sidebar-content .action .cta:last-child{ margin-bottom: 0; } .single-clinic .sidebar-content .action .cta .phoneicon{ max-width: 9px; margin-right: 7px; } .single-clinic .providers{ margin-top: 50px; display: flex; flex-wrap: wrap; } .single-clinic .providers .provider{ flex: 0 0 100%; max-width: 100%; margin-bottom: 60px; } .single-clinic .providers .provider:last-child{ margin-bottom: 0; } .single-clinic .providers .provider .provider-image{ display: block; height: 187px; max-width: 187px; width: 100%; border-radius: 100%; overflow: hidden; margin-right: auto; margin-left: auto; margin-bottom: 30px; background-size: cover; background-repeat: no-repeat; background-position: top center; } .single-clinic .providers .provider .provider-image img{ width: 100%; height: auto; } .single-clinic .providers .provider .provider-name{ color: #683E98; display: block; font-family: "atten-round-new",sans-serif; font-weight: 700; font-size: 30px; line-height: 40px; text-align: center; margin-bottom: 15px; } .single-clinic .providers .provider .provider-bio p{ color: #707070; font-size: 16px; font-family: 'Poppins', sans-serif; font-weight: 300; line-height: 23px; margin-bottom: 10px; padding: 0; } .single-clinic .providers .provider .provider-bio p:last-of-type{ margin-bottom: 0; } /* # Layout - Providers */ .lists-providers{ margin-top: 30px; } .lists-providers h2{ color: #683E98; font-family: "atten-round-new",sans-serif; font-weight: 700; margin-bottom: 25px; } .lists-providers .bp-section{ background-color: #fff; padding: 0; } .lists-providers .bp-section .bp-list h6{ color: #683E98; font-family: "atten-round-new",sans-serif; font-weight: 700; } .lists-providers .bp-section .bp-list a{ font-family: 'Poppins', sans-serif; font-weight: 300; } .lists-providers .bp-section .bp-list a:hover{ color: #683E98; } /* # Template - Brand Refresh */ .template-brandrefresh{ padding-top: 50px; padding-bottom: 80px; position: relative; overflow: hidden; } .template-brandrefresh .brandrefresh-background{ position: absolute; top: -60px; left: 0; right: 0; z-index: 1; width: 100%; height: 460px; background-size: cover; background-repeat: no-repeat; background-position: center center; } .template-brandrefresh .brandrefresh-b-background{ position: absolute; bottom: -295px; right: -340px; z-index: 1; width: 788px; height: 513px; background-size: contain; background-repeat: no-repeat; background-position: center center; } .template-brandrefresh .brandrefresh-container{ position: inherit; z-index: 2; } .template-brandrefresh .featured-story{ width: 100%; max-width: 325px; margin-right: auto; margin-left: auto; margin-bottom: 60px; } .template-brandrefresh .video{ width: 100%; max-width: 325px; margin-right: auto; margin-left: auto; margin-bottom: 60px; } .template-brandrefresh .video.padded{ padding:56.25% 0 0 0; max-width: 100%; } .template-brandrefresh .video.video-responsive iframe{ position:absolute; top:0; left:0; width:100%; height:100%; } .template-brandrefresh .video iframe{ width: 100%; height: 183px; border: none; } .template-brandrefresh .play-video{ cursor: pointer; width: 100%; position: relative; overflow: hidden; } .template-brandrefresh .play-video:hover::after{ opacity: 0.5; } .template-brandrefresh .play-video::after{ content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: all ease 0.3s; width: 54px; height: 54px; background-image: url(../images/play.png); background-size: contain; background-repeat: no-repeat; background-position: center center; z-index: 1; } .template-brandrefresh .play-video img{ width: 100%; height: auto; } .template-brandrefresh .content{ margin-bottom: 55px; max-width: 991px; margin-right: auto; margin-left: auto; } .template-brandrefresh .content.contain{ max-width: 840px; } .template-brandrefresh .content h1{ color: #707070; font-size: 44px; font-family: "atten-round-new",sans-serif; font-weight: 300; line-height: 47px; margin-bottom: 15px; } .template-brandrefresh .content h2{ font-family: 'Poppins', sans-serif; font-weight: 500; font-size: 19px; line-height: 26px; color: #683E98; margin-bottom: 24px; } .template-brandrefresh .content h4{ color: #683E98; font-family: 'Poppins', sans-serif; font-weight: 500; font-size: 16px; line-height: 25px; margin-bottom: 10px; } .template-brandrefresh .content h1 strong, .template-brandrefresh .content h1 b{ color: #683E98; font-family: "atten-round-new",sans-serif; font-weight: 700; } .template-brandrefresh .content h2 strong, .template-brandrefresh .content h2 b{ font-family: "atten-round-new",sans-serif; font-weight: 700; } .template-brandrefresh .content h4 strong, .template-brandrefresh .content h4 b{ font-family: "atten-round-new",sans-serif; font-weight: 700; } .template-brandrefresh .content p{ color: #707070; font-family: 'Poppins', sans-serif; font-weight: 300; font-size: 16px; line-height: 25px; padding: 0; margin-bottom: 20px; } .template-brandrefresh .content p strong, .template-brandrefresh .content p b{ font-size: 16px; font-weight: 500; color: #683E98; } .template-brandrefresh .content p:last-of-type{ margin-bottom: 0; } .template-brandrefresh .content a{ color: #683E98; font-family: 'Poppins', sans-serif; font-weight: 500; text-decoration: underline; } .template-brandrefresh .content a:hover{ color: #449D35; } .template-brandrefresh .content p a.green{ color: #449D35; } .template-brandrefresh .content p a.green:hover{ color: #683E98; } .template-brandrefresh .content p a i{ margin-left: 15px; } .template-brandrefresh .content p:last-of-type ~ ul{ margin-top: 35px; } .template-brandrefresh .content ul{ margin-bottom: 35px; } .template-brandrefresh .content ul li, .template-brandrefresh .content ol li{ color: #707070; font-family: 'Poppins', sans-serif; font-weight: 300; font-size: 16px; line-height: 25px; padding: 0; margin-bottom: 15px; } .template-brandrefresh .content ul li:last-child, .template-brandrefresh .content ol li:last-child{ margin-bottom: 0; } .template-brandrefresh .content h3{ font-family: 'Poppins', sans-serif; font-weight: 500; font-size: 17px; line-height: 26px; color: #683E98; margin-bottom: 10px; } .template-brandrefresh .links .cta{ max-width: 315px; height: 51px; font-size: 25px; margin-bottom: 30px; display: flex; margin-left: auto; margin-right: auto; } .template-brandrefresh .links .cta:last-child{ margin-bottom: 0; } .template-brandrefresh .image-contain{ width: 100%; max-width: 500px; margin-right: auto; margin-left: auto; } /* # Template - Announcement */ .announcement .content h1{ color: #683E98; font-size: 44px; font-family: "atten-round-new",sans-serif; font-weight: 300; line-height: 49px; margin-bottom: 24px; } .announcement .content h2{ font-family: "atten-round-new",sans-serif; font-weight: 300; font-size: 44px; line-height: 49px; color: #683E98; margin-bottom: 24px; } .announcement .content h3{ font-family: 'Poppins', sans-serif; font-weight: 500; font-size: 17px; line-height: 26px; color: #683E98; margin-bottom: 10px; } .announcement .content h4{ color: #683E98; font-family: 'Poppins', sans-serif; font-weight: 500; font-size: 16px; line-height: 25px; margin-bottom: 10px; } .announcement .content h1 strong, .announcement .content h1 b{ color: #683E98; font-family: "atten-round-new",sans-serif; font-weight: 700; } .announcement .content h2 strong, .announcement .content h2 b{ font-family: "atten-round-new",sans-serif; font-weight: 700; } .announcement .content h4 strong, .announcement .content h4 b{ font-family: "atten-round-new",sans-serif; font-weight: 700; } .announcement .content p{ color: #707070; font-family: 'Poppins', sans-serif; font-weight: 300; font-size: 16px; line-height: 25px; padding: 0; margin-bottom: 20px; } .announcement .content p strong, .announcement .content p b{ font-size: 16px; font-weight: 500; color: #683E98; } .announcement .content p:last-of-type{ margin-bottom: 0; } .announcement .content a:not(.cta){ color: #683E98; font-family: 'Poppins', sans-serif; font-weight: 500; text-decoration: underline; } .announcement .content a:not(.cta):hover{ color: #449D35; } .announcement .content p a.green:not(.cta){ color: #449D35; } .announcement .content p a.green:not(.cta):hover{ color: #683E98; } .announcement .content p a i{ margin-left: 15px; } .announcement .content p:last-of-type ~ ul{ margin-top: 35px; } .announcement .content ul{ margin-bottom: 35px; } .announcement .content ul li, .announcement .content ol li{ color: #707070; font-family: 'Poppins', sans-serif; font-weight: 300; font-size: 16px; line-height: 25px; padding: 0; margin-bottom: 15px; } .announcement .content ul li:last-child, .announcement .content ol li:last-child{ margin-bottom: 0; } .announcement .content .cta{ max-width: 220px; height: 40px; font-size: 16px; margin-bottom: 30px; display: flex; margin-right: auto; margin-left: auto; } .announcement .content .cta:last-child{ margin-bottom: 0; } .announcement .links{ margin-top: 34px; } .announcement .links .cta{ max-width: 220px; height: 40px; font-size: 16px; margin-bottom: 30px; display: inline-flex; margin-right: auto; margin-left: auto; } .announcement .links .cta:last-child{ margin-bottom: 0; } .announcement .announcement-section{ position: relative; } .announcement .announcement-section:last-of-type{ margin-bottom: 30px; } .announcement .announcement-container{ position: relative; z-index: 2; } .announcement .announcement-b-background{ position: absolute; bottom: -190px; right: -340px; z-index: 1; width: 788px; height: 513px; background-size: contain; background-repeat: no-repeat; background-position: center center; } .announcement .announcement-banner{ background-size: cover; background-repeat: no-repeat; background-position: center center; position: relative; padding-top: 63px; padding-bottom: 181px; } .announcement .announcement-banner .image{ position: absolute; bottom: 0; left: 0; width: 100%; max-width: 222px; } .announcement .announcement-banner .image img{ width: 100%; height: auto; } .announcement .announcement-banner .content{ width: 100%; max-width: 783px; margin-right: auto; margin-left: auto; } .announcement .announcement-banner .content p{ color: #683E98; } .announcement .announcement-section-2{ padding-top: 84px; padding-bottom: 90px; } .announcement .announcement-section-2 .content{ width: 100%; max-width: 783px; margin-right: auto; margin-left: auto; } .announcement .announcement-section-2 .content h1{ color: #fff; } .announcement .announcement-section-2 .content h2{ color: #fff; } .announcement .announcement-section-2 .content h3{ color: #fff; } .announcement .announcement-section-2 .content h4{ color: #fff; } .announcement .announcement-section-2 .content h1 strong, .announcement .announcement-section-2 .content h1 b{ color: #fff; } .announcement .announcement-section-2 .content p{ color: #fff; } .announcement .announcement-section-2 .content p strong, .announcement .announcement-section-2 .content p b{ color: #fff; } .announcement .announcement-section-2 .content p:last-of-type{ margin-bottom: 0; } .announcement .announcement-section-2 .content a:not(.cta){ color: #fff; } .announcement .announcement-section-2 .content a:not(.cta):hover{ color: #449D35; } .announcement .announcement-section-2 .content ul li, .announcement .announcement-section-2 .content ol li{ color: #fff; } .announcement .announcement-section-3{ margin-top: 43px; } .announcement .announcement-section-3 .content{ width: 100%; margin-top: 23px; } .announcement .announcement-section-3 .links .cta{ max-width: 220px; height: 40px; font-size: 16px; display: inline-flex; margin-right: auto; margin-left: auto; } .announcement .announcement-section-4{ margin-top: 37px; } /*.announcement .announcement-section-4 .content{ border-top: 3px solid #A8A8A8; width: 100%; max-width: 930px; margin-right: auto; margin-left: auto; padding-top: 30px; }*/ .announcement .announcement-section-4 .content{ width: 100%; max-width: 930px; margin-right: auto; margin-left: auto; } .announcement .announcement-section-4 .content h2{ margin-bottom: 12px; } .announcement .announcement-section-4 .video{ width: 100%; max-width: 861px; margin-right: auto; margin-left: auto; margin-top: 43px; } .announcement .announcement-section-4 .video iframe{ width: 100%; height: 200px; border: none; } .announcement .announcement-featured{ padding: 40px 0; margin-top: 50px; position: relative; z-index: 2; } .announcement .announcement-featured .image .image-container{ display: inline-block; width: 100%; max-width: 250px; } .announcement .announcement-featured .content h1, .announcement .announcement-featured .content h2{ color: #707070; font-weight: 500; margin-bottom: 0; font-size: 34px; line-height: 44px; } .announcement .announcement-featured .content h3, .announcement .announcement-featured .content h4, .announcement .announcement-featured .content h5, .announcement .announcement-featured .content h6{ color: #707070; font-weight: 300; font-size: 25px; } .announcement .announcement-featured .links{ margin-top: 20px; } .announcement .featured-press{ background-color: #f0f0f0; padding: 40px 0; margin-top: 30px; position: relative; z-index: 2; } .announcement .featured-press .featured-press-container h2{ font-family: "atten-round-new",sans-serif; font-weight: 300; font-size: 44px; line-height: 49px; color: #683E98; margin-bottom: 12px; } .announcement .featured-press .featured-press-container h2 strong, .announcement .content h2 b{ font-family: "atten-round-new",sans-serif; font-weight: 700; } .announcement .featured-press .featured-press-container .press-lists{ display: flex; flex-wrap: wrap; margin-left: -10px; margin-right: -10px; } .announcement .featured-press .featured-press-container .press-lists .press-list{ flex: 0 0 100%; max-width: 100%; margin-bottom: 37px; padding-left: 10px; padding-right: 10px; } .announcement .featured-press .featured-press-container .press-lists .press-list .post-date{ color: #683E98; font-family: 'Poppins', sans-serif; font-weight: 300; font-size: 16px; line-height: 1; margin-bottom: 5px; } .announcement .featured-press .featured-press-container .press-lists .press-list .post-name a{ color: #707070; font-family: 'Poppins', sans-serif; font-weight: 700; font-size: 16px; line-height: 1; } .announcement .featured-press .featured-press-container .press-lists .press-list .post-name a:hover{ color: #683E98; } .announcement .featured-press .featured-press-container .press-lists .press-list .excerpt p{ color: #707070; font-family: 'Poppins', sans-serif; font-weight: 300; font-size: 16px; line-height: 1.5; padding: 0; margin: 0; } .announcement .featured-press .featured-press-container .press-lists .press-list .cta-readmore{ color: #683E98; font-family: 'Poppins', sans-serif; font-weight: 700; font-size: 16px; line-height: 1; display: inline-block; margin-top: 30px; } .announcement .featured-press .featured-press-container .press-lists .press-list .cta-readmore:hover{ color: #449D35; } .announcement .featured-press .featured-press-container .view-archive .cta-viewarchive{ max-width: 220px; height: 40px; font-size: 16px; display: inline-flex; margin-right: auto; margin-left: auto; } /* Layout - Password Protect */ .password-protect{ align-items: center; display: flex; flex-wrap: wrap; height: 50vh; padding: 30px 0; } .password-protect .form-wrap h2{ font-family: "atten-round-new",sans-serif; font-weight: 300; font-size: 40px; color: #683E98; margin-bottom: 17px; line-height: 47px; } .password-protect .form-wrap h2 strong, .password-protect .form-wrap h2 b{ font-family: "atten-round-new",sans-serif; font-weight: 700; } .password-protect .form-wrap p{ font-size: 19px; font-weight: 300; font-family: 'Poppins', sans-serif; color: #683E98; line-height: 27px; padding: 0; margin-bottom: 17px; } .password-protect .form-wrap p:last-of-type{ margin-bottom: 0; } .password-protect .form-wrap p a{ color: #449D35; } .password-protect .form-wrap p a:hover{ color: #683E98; } .password-protect .form-wrap h3{ font-family: "atten-round-new",sans-serif; font-weight: 500; font-size: 35px; line-height: 41px; color: #683E98; text-align: center; margin-bottom: 0; margin-top: 35px; } .password-protect .form-wrap p label{ text-align: left; } .password-protect .form-wrap input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]){ width: 100%; border: none; border-radius: 39px; box-shadow: 0 3px 6px rgba(0,0,0,0.16); margin-bottom: 0; padding: 13px 25px; outline: 0; background-color: #fff; } .password-protect .form-wrap select{ width: 100%; border: none; border-radius: 39px; box-shadow: 0 3px 6px rgba(0,0,0,0.16); padding: 11px 40px 11px 25px; outline: 0; appearance: none; margin: 0 !important; margin-bottom: 0; background-color: #fff; color: #8e8e8e; } .password-protect .form-wrap select option[value=""], .password-protect .form-wrap select:invalid{ color: #8e8e8e; } .password-protect .form-wrap textarea{ width: 100%; border: none; border-radius: 22px; box-shadow: 0 3px 6px rgba(0,0,0,0.16); padding: 11px 25px; height: 389px; outline: 0; margin-bottom: 0; background-color: #fff; } .password-protect .form-wrap input[type="submit"]{ background-color: #683E98; display: inline-flex; align-items: center; justify-content: center; width: 100%; max-width: 237px; flex: 1; height: 51px; color: #fff; border: 3px solid #683E98; border-radius: 25px; font-size: 25px; font-family: "atten-round-new",sans-serif; font-weight: 700; transition: all ease 0.3s; line-height: 1; margin-bottom: 0; } .password-protect .form-wrap input[type="submit"]:hover { background-color: transparent; color: #683E98; } /* Template - Health Asessment */ .template-health-asessment{ position: relative; } .template-health-asessment .health-assessment-banner{ height: 669px; display: flex; flex-wrap: wrap; padding-bottom: 40px; align-items: flex-end; position: relative; overflow: hidden; } .template-health-asessment .health-assessment-banner.disabled-next{ height: 669px; display: flex; flex-wrap: wrap; padding-top: 30px; padding-bottom: 30px; align-items: center; position: relative; overflow: hidden; } .template-health-asessment .health-assessment-banner .banner-image{ background-size: cover; background-repeat: no-repeat; background-position: center; position: absolute; width: 100%; height: 100%; bottom: 0; left: 0; right: 0; top: 0; z-index: 1; } .template-health-asessment .health-assessment-banner .banner-content{ position: relative; z-index: 2; width: 100%; max-width: 825px; padding-left: 15px; padding-right: 15px; } .template-health-asessment .health-assessment-banner .banner-content h2, .template-health-asessment .health-assessment-banner .banner-content h1{ margin: 0; } .template-health-asessment .health-assessment-banner .banner-content .sub-heading{ margin-bottom: 5px; } .template-health-asessment .health-assessment-banner .banner-content h2{ font-size: 22px; font-family: 'Poppins', sans-serif; font-weight: 300; color: #707070; line-height: 21px; } .template-health-asessment .health-assessment-banner .banner-content .heading{ padding-left: 54px; display: inline-block; } .template-health-asessment .health-assessment-banner .banner-content h1{ font-family: "atten-round-new",sans-serif; font-weight: 700; font-size: 54px; color: #683E98; text-align: center; line-height: 43px; } .template-health-asessment .health-assessment-banner .banner-content .description{ margin-top: 15px; width: 100%; max-width: 545px; } .template-health-asessment .health-assessment-banner .banner-content p{ font-family: "atten-round-new",sans-serif; font-weight: 500; font-size: 25px; color: #683E98; line-height: 29px; } .template-health-asessment .health-assessment-banner .banner-content p:last-of-type{ padding-bottom: 0; } .template-health-asessment .health-assessment-banner .next-section{ margin-top: 10px; } .template-health-asessment .health-assessment-banner .next-section button{ background-color: transparent; border: none; outline: 0; padding: 0; line-height: 1; cursor: pointer; } .template-health-asessment .health-assessment-form{ padding: 28px 0; } .template-health-asessment .health-assessment-form .asessment-form{ padding: 0 15px; } .template-health-asessment .health-assessment-form .asessment-form .gform_validation_errors{ display: none; } .template-health-asessment .health-assessment-form .asessment-form .gform_body .gform_page:last-child .gf_page_steps{ display: none !important; } .template-health-asessment .health-assessment-form .asessment-form.version-2 form{ position: relative; } .template-health-asessment .health-assessment-form .asessment-form.version-2 .gform_body .gform_fields{ display: block; column-count: 1; } .template-health-asessment .health-assessment-form .asessment-form.version-2 .gform_body .gfield, .template-health-asessment .health-assessment-form .asessment-form.version-2 .gform_body .gfield--width-full{ page-break-inside: avoid; break-inside: avoid-column; margin-bottom: 40px; } .template-health-asessment .health-assessment-form .asessment-form.version-2 .gform_body .gfield:last-child, .template-health-asessment .health-assessment-form .asessment-form.version-2 .gform_body .gfield--width-full:last-child{ margin-bottom: 0; } .template-health-asessment .health-assessment-form .asessment-form.version-2 .error-message{ font-size: 19px; font-family: 'Poppins', sans-serif; font-weight: 600 !important; color: #FF3434; line-height: 23px; width: 100%; max-width: 322px; position: relative; background-color: #fff; border: 1px solid #FF3434; margin-right: auto; margin-left: auto; margin-top: 40px; text-align: center; padding: 20px 25px 28px!important; } .template-health-asessment .health-assessment-form .asessment-form.version-2 .error-message h2{ font-size: 40px; font-family: 'Poppins', sans-serif; font-weight: 600; color: #FF3434; line-height: 48px; margin-bottom: 5px; } .template-health-asessment .health-assessment-form .asessment-form.version-2 .error-message .validation_message{ font-size: 19px; font-family: 'Poppins', sans-serif; font-weight: 600 !important; color: #FF3434; line-height: 23px; margin: 0; padding: 0 !important; border: none; background-color: transparent; position: relative; top: 0; } .template-health-asessment .health-assessment-form .asessment-form.version-2 .error-message .validation_message::before{ content: '• '; display: inline-block; position: relative; margin-right: 5px; } .template-health-asessment .health-assessment-form .asessment-form.version-2 .gform_body .gfield_error .gfield_label, .template-health-asessment .health-assessment-form .asessment-form .gform_body .gfield_error .gfield_description{ color: #FF3434; } .template-health-asessment .health-assessment-form .asessment-form .gform_body .gfield_error .gfield_label, .template-health-asessment .health-assessment-form .asessment-form .gform_body .gfield_error .gfield_description{ color: #FF3434; } .template-health-asessment .health-assessment-form .asessment-form .gform_body .gfield, .template-health-asessment .health-assessment-form .asessment-form .gform_body .gfield--width-full{ grid-column: span 12; position: relative; } .template-health-asessment .health-assessment-form .asessment-form .gform_body .gfield_required_asterisk{ display: none; } .template-health-asessment .health-assessment-form .asessment-form .gform_body .gfield_label, .template-health-asessment .health-assessment-form .asessment-form .gform_body .gfield_description{ float: none; font-size: 20px; font-family: 'Poppins', sans-serif; font-weight: 700; color: #707070; margin-bottom: 0; } .template-health-asessment .health-assessment-form .asessment-form .gform_body .ginput_container{ margin-top: 25px; padding-left: 25px; } .template-health-asessment .health-assessment-form .asessment-form .gform_body .gchoice{ margin-bottom: 15px; } .template-health-asessment .health-assessment-form .asessment-form .gform_body .gchoice:last-child{ margin-bottom: 0; } .template-health-asessment .health-assessment-form .asessment-form .gform_body .gchoice input[type="radio"]{ display: none; } .template-health-asessment .health-assessment-form .asessment-form .gform_body .gchoice input[type="radio"]:checked ~ label::before{ opacity: 1; } .template-health-asessment .health-assessment-form .asessment-form .gform_body .gchoice label{ font-size: 20px; font-family: 'Poppins', sans-serif; font-weight: 500; color: #707070; padding-left: 36px; position: relative; } .template-health-asessment .health-assessment-form .asessment-form .gform_body .gchoice label::after{ content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); border: 1px solid #707070; background-color: transparent; border-radius: 100%; width: 26px; height: 26px; } .template-health-asessment .health-assessment-form .asessment-form .gform_body .gchoice label::before{ content: ''; position: absolute; left: 7px; top: 50%; transform: translateY(-50%); background-color: #3DAB49; border-radius: 100%; width: 12px; height: 12px; opacity: 0; } .template-health-asessment .health-assessment-form .asessment-form .gform_body .gfield_validation_message{ font-size: 19px; font-family: 'Poppins', sans-serif; font-weight: 600 !important; color: #FF3434; line-height: 23px; width: 100%; max-width: 322px; position: relative; background-color: #fff; border: 1px solid #FF3434; margin-right: auto; margin-left: auto; margin-top: 40px; text-align: center; padding: 20px 25px 28px!important; } .template-health-asessment .health-assessment-form .asessment-form .gform_body .gfield_validation_message h2{ font-size: 40px; font-family: 'Poppins', sans-serif; font-weight: 600; color: #FF3434; line-height: 48px; margin-bottom: 5px; } .template-health-asessment .health-assessment-form .asessment-form .gform_page_footer{ padding: 0; margin-top: 40px; text-align: center; } .template-health-asessment .health-assessment-form .asessment-form .gform_footer{ text-align: center; padding: 0; margin-bottom: 0; margin-top: 40px; } .template-health-asessment .health-assessment-form .asessment-form .gform_page_footer input{ display: inline-block; vertical-align: middle; margin-bottom: 0; outline: 0; border: none !important; box-shadow: none; } .template-health-asessment .health-assessment-form .asessment-form .gform_page_footer input.gform_previous_button{ display: none; } .template-health-asessment .health-assessment-form .asessment-form .gform_page_footer input[type="submit"].gform_button{ background-color: #683E98; display: inline-flex; align-items: center; justify-content: center; width: 100%; max-width: 237px; flex: 1; height: 51px; color: #fff; border: 3px solid #683E98 !important; border-radius: 25px; font-size: 25px; font-family: "atten-round-new",sans-serif; font-weight: 700; transition: all ease 0.3s; line-height: 1 !important; margin-bottom: 0; margin-top: 22px; } .template-health-asessment .health-assessment-form .asessment-form .gform_footer input[type="submit"].gform_button{ background-color: #683E98; display: inline-flex; align-items: center; justify-content: center; width: 100%; max-width: 237px; flex: 1; height: 51px; color: #fff; border: 3px solid #683E98 !important; border-radius: 25px; font-size: 25px; font-family: "atten-round-new",sans-serif; font-weight: 700; transition: all ease 0.3s; line-height: 1 !important; margin-bottom: 0; margin-top: 0; } .template-health-asessment .health-assessment-form .asessment-form .gform_page_footer input[type="submit"].gform_button:hover, .template-health-asessment .health-assessment-form .asessment-form .gform_footer input[type="submit"].gform_button:hover{ background-color: transparent; color: #683E98; } .template-health-asessment .health-assessment-form .asessment-form .gf_page_steps{ display: none; margin: 0 30px; border: none; vertical-align: middle; } .template-health-asessment .health-assessment-form .asessment-form .gf_page_steps .gf_step{ display: none; margin: 0; } .template-health-asessment .health-assessment-form .asessment-form .gf_page_steps .gf_step.gf_step_active{ display: block; } .template-health-asessment .health-assessment-form .asessment-form .gf_page_steps .gf_step .gf_step_number{ display: none; } .template-health-asessment .health-assessment-form .asessment-form .gf_page_steps .gf_step .gf_step_label{ font-size: 25px; font-family: 'Poppins', sans-serif; font-weight: 500; color: #683E98; padding: 0; display: inline-block; } .template-health-asessment .health-assessment-results{ padding-bottom: 39px; } .template-health-asessment .health-assessment-results .results-content{ margin-bottom: 46px; padding-left: 15px; padding-right: 15px; text-align: center; max-width: 500px; margin-right: auto; margin-left: auto; } .template-health-asessment .health-assessment-results .results-content h3{ font-family: "atten-round-new",sans-serif; font-weight: 700; font-size: 44px; line-height: 58px; margin: 0; padding: 0; } .template-health-asessment .health-assessment-results .results-content h2{ font-family: "atten-round-new",sans-serif; font-weight: 900; font-size: 60px; line-height: 59px; margin: 0; padding: 0; } .template-health-asessment .health-assessment-results .results-form-container{ background-color: #683E98; padding: 31px 27px 40px; } .template-health-asessment .health-assessment-results .results-form-content{ margin-bottom: 20px; } .template-health-asessment .health-assessment-results .results-form-content a{ color: #ffffff; } .template-health-asessment .health-assessment-results .results-form-content a:hover{ opacity: 0.7; } .template-health-asessment .health-assessment-results .results-form-content strong, .template-health-asessment .health-assessment-results .results-form-content b{ font-weight: 700; } .template-health-asessment .health-assessment-results .results-form-content h3{ font-size: 21px; font-family: 'Poppins', sans-serif; font-weight: 600; color: #ffffff; line-height: 25px; padding: 0; margin: 0; } .template-health-asessment .health-assessment-results .results-form-content p{ font-size: 16px; font-family: 'Poppins', sans-serif; font-weight: 300; color: #ffffff; line-height: 25px; } .template-health-asessment .health-assessment-results .results-form-content p:last-of-type{ padding-bottom: 0; } .template-health-asessment .health-assessment-results .results-form .gform_body .gfield, .template-health-asessment .health-assessment-results .results-form .gform_body .gfield--width-full, .template-health-asessment .health-assessment-results .results-form .gform_body .gfield_visibility_visible{ grid-column: span 12; position: relative; } .template-health-asessment .health-assessment-results .results-form .styled-checkbox .ginput_container .gfield_checkbox{ display: block; width: 100%; } .template-health-asessment .health-assessment-results .results-form .styled-checkbox .ginput_container .gfield_checkbox .gchoice{ overflow: initial; } .template-health-asessment .health-assessment-results .results-form .styled-checkbox .ginput_container .gfield_checkbox input[type=checkbox]{ display: none; } .template-health-asessment .health-assessment-results .results-form .styled-checkbox .ginput_container .gfield_checkbox label{ font-size: 14px; color: #fff; display: block; vertical-align: middle; padding-left: 35px; margin-left: 0; width: 100%; max-width: 100%; position: relative; } .template-health-asessment .health-assessment-results .results-form .styled-checkbox .ginput_container .gfield_checkbox label::after{ content: ''; display: inline-block; position: absolute; width: 25px; height: 25px; top: 35%; transform: translateY(-50%); left: 0; background-image: url(https://qa.biote.com/wp-content/themes/biote/assets/images/un-check.webp); background-size: contain; background-repeat: no-repeat; background-position: center; } .template-health-asessment .health-assessment-results .results-form .styled-checkbox .ginput_container .gfield_checkbox input[type=checkbox]:checked+label{ font-weight: normal; } .template-health-asessment .health-assessment-results .results-form .styled-checkbox .ginput_container .gfield_checkbox input[type=checkbox]:checked+label::after{ background-image: url(https://qa.biote.com/wp-content/themes/biote/assets/images/check.webp); } .template-health-asessment .health-assessment-results .results-form .gform_wrapper .gform_body .gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]){ border-color: #FF3434; } .template-health-asessment .health-assessment-results .results-form .gform_wrapper .gform_body .gfield_error select{ border-color: #FF3434; } .template-health-asessment .health-assessment-results .results-form .gform_wrapper .gform_body .gfield_error textarea{ border-color: #FF3434; } .template-health-asessment .health-assessment-results .results-form .gform_wrapper .gform_body .gfield_error .validation_message{ font-size: 11px; font-family: 'Poppins', sans-serif; font-weight: 600; color: #FF3434; background-color: transparent; border: none; padding: 0 11px; margin-top: 4px; text-transform: uppercase; } .template-health-asessment .health-assessment-results .results-form .gform_wrapper .gform_body input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]){ width: 100%; border: 2px solid transparent; border-radius: 39px; margin-bottom: 0; padding: 11px 25px; outline: 0; background-color: #fff; } .template-health-asessment .health-assessment-results .results-form .gform_wrapper .gform_body select{ width: 100%; border: 2px solid transparent; border-radius: 39px; padding: 11px 40px 11px 25px; outline: 0; appearance: none; margin: 0 !important; margin-bottom: 0; background-color: #fff; color: #8e8e8e; } .template-health-asessment .health-assessment-results .results-form .gform_wrapper .gform_body select option[value=""], .template-health-asessment .health-assessment-results .results-form .gform_wrapper .gform_body select:invalid{ color: #8e8e8e; } .template-health-asessment .health-assessment-results .results-form .gform_wrapper .gform_body textarea{ width: 100%; border: 2px solid transparent; border-radius: 22px; padding: 11px 25px; height: 389px; outline: 0; margin-bottom: 0; background-color: #fff; } .template-health-asessment .health-assessment-results .results-form .gform_footer{ margin-bottom: 0; margin-top: 12px; margin-left: 0; margin-right: 0; padding: 0; text-align: center; } .template-health-asessment .health-assessment-results .results-form.version-2 .gform_footer input[type="submit"].gform_button{ background-color: #F68E21; display: inline-flex; align-items: center; justify-content: center; width: 100%; max-width: 237px; flex: 1; height: 51px; color: #fff; border: 3px solid #F68E21 !important; border-radius: 25px; font-size: 25px; font-family: "atten-round-new",sans-serif; font-weight: 700; transition: all ease 0.3s; line-height: 1 !important; margin-bottom: 0; margin-top: 0; } .template-health-asessment .health-assessment-results .results-form.version-2 .gform_footer input[type="submit"].gform_button:hover{ background-color: transparent; color: #F68E21; } .template-health-asessment .health-assessment-results .results-form .gform_footer input[type="submit"].gform_button{ background-color: #3DAB49; display: inline-flex; align-items: center; justify-content: center; width: 100%; max-width: 237px; flex: 1; height: 51px; color: #fff; border: 3px solid #3DAB49 !important; border-radius: 25px; font-size: 25px; font-family: "atten-round-new",sans-serif; font-weight: 700; transition: all ease 0.3s; line-height: 1 !important; margin-bottom: 0; margin-top: 0; } .template-health-asessment .health-assessment-results .results-form .gform_footer input[type="submit"].gform_button:hover{ background-color: transparent; color: #3DAB49; } .template-health-asessment .health-assessment-results .disclaimer{ padding-left: 14px; padding-right: 14px; margin-top: 33px; } .template-health-asessment .health-assessment-results .disclaimer p{ font-family: 'Helvetica Neue'; font-size: 16px; color: #707070; line-height: 18px; padding-bottom: 0; margin-bottom: 0; } /* Template - Learning Center */ .template-learning-center{ position: relative; overflow: hidden; } .template-learning-center .learning-banner{ width: 100%; display: block; position: relative; padding: 20px 0; background-size: cover; background-repeat: no-repeat; background-position: 90% 100%; } .template-learning-center .learning-banner h1, .template-learning-center .learning-banner h2{ color: #ffffff; margin: 0; font-family: "atten-round-new",sans-serif; font-weight: 700; font-size: 40px; line-height: 1; } .template-learning-center .learning-center-articles{ padding: 50px 0; } .template-learning-center .search-filter .search-container{ position: relative; margin-bottom: 18px; width: 100%; } .template-learning-center .search-filter .search-container button{ background-color: transparent; border: none; outline: 0; cursor: pointer; padding: 0; line-height: 0; width: 21px; height: 21px; position: absolute; top: 50%; transform: translateY(-50%); right: 15px; } .template-learning-center .search-filter .search-container input{ border: none; background-color: #ffffff; border-radius: 33px; box-shadow: 0 3px 5px rgba(0,0,0,0.16); padding-left: 20px; padding-right: 50px; width: 100%; height: 53px; outline: 0; } .template-learning-center .search-filter .search-container ::placeholder{ color: rgba(112,112,112,0.39); font-family: 'Poppins', sans-serif; font-weight: 300; font-size: 13px; } .template-learning-center .search-filter .sort-container{ text-align: right; } .template-learning-center .search-filter .sort-container label{ color: #683E98; font-family: "atten-round-new",sans-serif; font-weight: 700; font-size: 16px; margin-right: 18px; line-height: 1; } .template-learning-center .search-filter .sort-container .ui-selectmenu-button.ui-button{ width: 264px; display: inline-flex; align-items: center; border: none; background-color: #ffffff; border-radius: 33px; box-shadow: 0 3px 5px rgba(0,0,0,0.16); padding-left: 20px; padding-right: 50px; height: 42px; } .template-learning-center .search-filter .sort-container .ui-selectmenu-button.ui-button .ui-selectmenu-text{ margin-right: 0; font-family: 'Poppins', sans-serif; font-weight: 300; font-size: 13px; color: #707070; } .template-learning-center .search-filter .sort-container .ui-selectmenu-button.ui-button .ui-icon{ background-image: url(../images/arrow-down.png); width: 20px; background-size: contain; background-repeat: no-repeat; background-position: center; float: none; position: absolute; top: 50%; transform: translateY(-50%); right: 20px; } .template-learning-center .cta-lc-filter{ width: 100%; height: 42px; color: #ffffff; background-color: #683E98; border: none; font-family: "atten-round-new",sans-serif; font-weight: 700; font-size: 23px; line-height: 1; border-radius: 33px; padding-left: 20px; padding-right: 50px; position: relative; text-align: left; } .template-learning-center .cta-lc-filter span.icon{ position: absolute; top: 50%; transform: translateY(-50%); right: 15px; text-align: center; display: inline-block; } .template-learning-center .lc-filters{ display: none; padding-left: 25px; padding-right: 25px; padding-top: 25px; } .template-learning-center .lc-filters .filter{ margin-bottom: 25px; } .template-learning-center .lc-filters .filter:last-child{ margin-bottom: 0; } .template-learning-center .lc-filters h3{ font-size: 23px; font-family: "atten-round-new",sans-serif; font-weight: 700; color: #683E98; margin-bottom: 3px; } .template-learning-center .lc-filters .lists .list{ margin-bottom: 15px; } .template-learning-center .lc-filters .lists .list:last-child{ margin-bottom: 0; } .template-learning-center .lc-filters .lists .list input{ display: none; } .template-learning-center .lc-filters .lists .list input:checked ~ label{ color: #683E98; } .template-learning-center .lc-filters .lists .list label{ color: #707070; font-family: 'Poppins', sans-serif; font-weight: 700; font-size: 16px; position: relative; padding-left: 24px; } .template-learning-center .lc-filters .lists .list input:checked ~ label span::after{ display: block; } /*.template-learning-center .lc-filters .lists .list label span{ position: absolute; border: 1px solid #A8A8A8; border-radius: 100%; width: 17px; height: 17px; top: 50%; transform: translateY(-50%); left: 0; } .template-learning-center .lc-filters .lists .list label span::after{ content: ''; width: 11px; height: 11px; border-radius: 100%; background-color: #683E98; display: none; left: 2px; top: 50%; transform: translateY(-50%); position: absolute; }*/ .template-learning-center .lc-filters .lists .list label span { background-color: #ffffff; border: 1px solid #A8A8A8; left: 0; position: absolute; top: 3px; height: 17px; width: 17px; } .template-learning-center .lc-filters .lists .list input:checked ~ label span { background-color: #683E98; } .template-learning-center .lc-filters .lists .list label span::after { border: solid white; border-width: 0 3px 3px 0; content: ""; display: none; height: 13px; left: 4px; position: absolute; top: 0px; transform: rotate(45deg); width: 7px; } .template-learning-center .lc-articles-container{ border-top: 3px solid #A8A8A8; padding-top: 35px; margin-top: 35px; } .template-learning-center .lc-articles-container .lc-heading { margin-bottom: 20px; } .template-learning-center .lc-articles-container .lc-heading.no-heading { margin-bottom: 0px; } .template-learning-center .lc-articles-container h2{ font-size: 32px; font-family: "atten-round-new",sans-serif; font-weight: 700; color: #683E98; line-height: 1; margin-bottom: 25px; } .template-learning-center .lc-articles-container .lc-articles .articles{ display: flex; flex-wrap: wrap; margin-left: -25px; margin-right: -25px; } .template-learning-center .lc-articles-container .lc-articles .articles .article{ flex: 0 0 100%; max-width: 100%; padding-left: 25px; padding-right: 25px; margin-bottom: 35px; } .template-learning-center .lc-articles-container .lc-articles .articles .article a{ display: block; overflow: hidden; position: relative; border-radius: 23px; height: 221px; } .template-learning-center .lc-articles-container .lc-articles .articles .article .image{ position: absolute; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; top: 0; left: 0; right: 0; bottom: 0; transition: all ease 0.3s; transform: scale(1.0); } .template-learning-center .lc-articles-container .lc-articles .articles .article .article-description{ position: absolute; bottom: 0; left: 0; right: 0; background-color: #EDEDED; width: 100%; padding: 14px 25px; z-index: 1; } .template-learning-center .lc-articles-container .lc-articles .articles .article .article-description h2{ color: #683E98; font-family: 'Poppins', sans-serif; font-weight: 700; font-size: 16px; line-height: 1.2; margin-bottom: 3px; } .template-learning-center .lc-articles-container .lc-articles .articles .article .article-description .post-date{ color: #707070; font-family: 'Poppins', sans-serif; font-weight: 300; font-size: 12px; } .template-learning-center .lc-articles-container .lc-pagination{ padding-top: 10px; text-align: center; } .template-learning-center .lc-articles-container .lc-pagination .page-numbers{ color: #A8A8A8; font-size: 18px; font-family: "atten-round-new",sans-serif; font-weight: 700; line-height: 1; margin-left: 5px; margin-right: 5px; } .template-learning-center .lc-articles-container .lc-pagination .page-numbers:hover{ color: #683E98; } .template-learning-center .lc-articles-container .lc-pagination .page-numbers.current{ color: #683E98; } .template-learning-center .lc-articles-container .lc-pagination .page-numbers.next, .template-learning-center .lc-articles-container .lc-pagination .page-numbers.prev{ color: #683E98; } .template-learning-center .lc-articles-container .lc-pagination .page-numbers.next img, .template-learning-center .lc-articles-container .lc-pagination .page-numbers.prev img{ width: 10px; height: 15px; display: inline-block; vertical-align: middle; margin-bottom: 3px; } .template-learning-center .lc-articles-container .lc-pagination .page-numbers.next img{ margin-left: 5px; } .template-learning-center .lc-articles-container .lc-pagination .page-numbers.prev img{ margin-right: 5px; } /* Template Single Post */ .template-single-post{ position: relative; } .template-single-post .single-post-banner{ width: 100%; display: block; position: relative; padding: 20px 0; background-size: cover; background-repeat: no-repeat; background-position: 90% 100%; } .template-single-post .single-post-banner h1, .template-single-post .single-post-banner h2{ color: #ffffff; margin: 0; font-family: "atten-round-new",sans-serif; font-weight: 700; font-size: 40px; line-height: 1; } .template-single-post .single-post-header{ margin-top: 27px; margin-bottom: 30px; } .template-single-post .single-post-header #breadcrumb{ margin: 0; } .template-single-post .single-post-header #breadcrumb .breadcrumb-item{ margin: 0px; padding: 0px; } .template-single-post .single-post-header #breadcrumb .breadcrumb-item::before{ content: none; } .template-single-post .single-post-header #breadcrumb .breadcrumb-item.breadcrumb-separator-wrap{ color: #683E98; font-family: 'Poppins', sans-serif; font-weight: 700; font-size: 16px; padding: 0; } .template-single-post .single-post-header #breadcrumb .breadcrumb-item.breadcrumb-text-wrap span{ color: #A8A8A8; font-family: 'Poppins', sans-serif; font-weight: 500; font-size: 16px; display: inline-block; } .template-single-post .single-post-header #breadcrumb .breadcrumb-item a{ color: #683E98; font-family: 'Poppins', sans-serif; font-weight: 700; font-size: 16px; display: inline-block; } .template-single-post .single-post-header #breadcrumb .breadcrumb-item a span{ color: #683E98; font-family: 'Poppins', sans-serif; font-weight: 700; font-size: 16px; transition: all ease 0.3s; } .template-single-post .single-post-header #breadcrumb .breadcrumb-item a:hover, .template-single-post .single-post-header #breadcrumb .breadcrumb-item a:hover span{ color: #449D35; } .template-single-post .single-post-header .social-share label{ color: #683E98; font-family: 'Poppins', sans-serif; font-weight: 700; font-size: 16px; display: inline-block; vertical-align: middle; margin-right: 12px; } .template-single-post .single-post-header .social-share .social-medias{ display: inline-block; vertical-align: middle; } .template-single-post .single-post-header .social-share .social-medias span{ cursor: pointer; display: inline-flex; align-items: center; justify-content: center; vertical-align: top; line-height: 1; width: 27px; height: 27px; border-radius: 100%; background-color: #A8A8A8; color: #fff; font-size: 14px; margin-right: 6px; transition: all ease 0.3s; } .template-single-post .single-post-header .social-share .social-medias span:last-child{ margin-right: 0; } .template-single-post .single-post-header .social-share .social-medias span:hover{ color: #fff; background-color: #683E98; } .template-single-post .single-post-content{ padding-bottom: 48px; } .template-single-post .single-post-content .sp-content-container{ width: 100%; max-width: 778px; margin-right: auto; margin-left: auto; } .template-single-post .single-post-content .sp-content-container h1{ font-size: 40px; font-family: "atten-round-new",sans-serif; font-weight: 700; color: #683E98; line-height: 1; margin-bottom: 3px; text-transform: uppercase; } .template-single-post .single-post-content .sp-content-container .single-post-details{ margin-bottom: 30px; } .template-single-post .single-post-content .sp-content-container .single-post-details .written, .template-single-post .single-post-content .sp-content-container .single-post-details .revision{ color: #707070; font-family: 'Poppins', sans-serif; font-weight: 500; font-size: 16px; } .template-single-post .single-post-content .sp-content-container .content h3, .template-single-post .single-post-content .sp-content-container .content h2{ color: #683E98; margin-bottom: 3px; font-family: 'Poppins', sans-serif; font-weight: 700; font-size: 19px; line-height: 35px; } .template-single-post .single-post-content .sp-content-container .content p{ padding: 0; margin-bottom: 20px; color: #707070; font-family: 'Poppins', sans-serif; font-weight: 300; font-size: 16px; line-height: 1.7; } .template-single-post .single-post-content .sp-content-container .content p:last-of-type{ margin-bottom: 0; } .template-single-post .single-post-content .sp-content-container .content p a.cta{ line-height: 1; } .template-single-post .single-post-content .sp-content-container .content p a:not(.cta){ color: #683E98; font-weight: 700; } .template-single-post .single-post-content .sp-content-container .content p a:not(.cta):hover{ color: #449D35; } .template-single-post .single-post-content .sp-content-container .content ul, .template-single-post .single-post-content .sp-content-container .content ol { margin-top: 15px; margin-bottom: 20px; padding-left: 40px; } .template-single-post .single-post-content .sp-content-container .content li{ color: #707070; font-family: 'Poppins', sans-serif; font-weight: 300; font-size: 16px; line-height: 1.7; margin-bottom: 15px; padding-bottom: 0; } .template-single-post .single-post-content .sp-content-container .content li:last-child{ margin-bottom: 0; } .template-single-post .single-post-content .sp-content-container .content li a:not(.cta){ color: #683E98; font-weight: 700; } .template-single-post .single-post-content .sp-content-container .content li a:not(.cta):hover{ color: #449D35; } .template-single-post .get-started{ background-color: #EDEDED; padding: 30px 15px; } .template-single-post .get-started h2{ font-size: 40px; font-family: "atten-round-new",sans-serif; font-weight: 700; color: #683E98; line-height: 1; margin-bottom: 15px; } .template-single-post .get-started .description p{ padding: 0; margin-bottom: 30px; color: #683E98; font-family: 'Poppins', sans-serif; font-weight: 300; font-size: 16px; line-height: 1.5; } .template-single-post .get-started .description p:last-of-type{ margin-bottom: 0; } .template-single-post .get-started .description{ margin-bottom: 27px; } .template-single-post .get-started .links a{ display: flex; margin-left: auto; margin-right: auto; margin-bottom: 15px; max-width: 315px; height: 51px; font-size: 25px; } .template-single-post .get-started .links a:last-child{ margin-bottom: 0; } .template-single-post .related-article{ padding: 38px 0; } .template-single-post .related-article h2{ font-size: 32px; font-family: "atten-round-new",sans-serif; font-weight: 700; color: #683E98; line-height: 1; margin-bottom: 25px; } .template-single-post .related-article .related-articles{ display: flex; flex-wrap: wrap; margin-left: -15px; margin-right: -15px; } .template-single-post .related-article .related-articles .article{ flex: 0 0 100%; max-width: 100%; padding-left: 25px; padding-right: 15px; margin-bottom: 15px; } .template-single-post .related-article .related-articles .article:last-child{ margin-bottom: 0; } .template-single-post .related-article .related-articles .article a{ display: block; overflow: hidden; position: relative; border-radius: 23px; height: 221px; } .template-single-post .related-article .related-articles .article .image{ position: absolute; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; top: 0; left: 0; right: 0; bottom: 0; transition: all ease 0.3s; transform: scale(1.0); } .template-single-post .related-article .related-articles .article a:hover .image{ transform: scale(1.2); } .template-single-post .related-article .related-articles .article .article-description{ position: absolute; bottom: 0; left: 0; right: 0; background-color: #EDEDED; width: 100%; padding: 14px 25px; z-index: 1; } .template-single-post .related-article .related-articles .article .article-description h2{ color: #683E98; font-family: 'Poppins', sans-serif; font-weight: 700; font-size: 16px; line-height: 1.2; margin-bottom: 3px; } .template-single-post .related-article .related-articles .article .article-description .post-date{ color: #707070; font-family: 'Poppins', sans-serif; font-weight: 300; font-size: 12px; } /* Template - Press Releases */ .template-press-releases{ position: relative; overflow: hidden; } .template-press-releases .pr-banner{ width: 100%; display: block; position: relative; padding: 40px 0; background-size: cover; background-repeat: no-repeat; background-position: 90% 100%; } .template-press-releases .pr-banner h1, .template-press-releases .pr-banner h2{ color: #ffffff; margin: 0; font-family: "atten-round-new",sans-serif; font-weight: 700; font-size: 40px; line-height: 1; } .template-press-releases .press-releases-articles{ padding: 30px 0; } .template-press-releases .sort-filter{ margin-bottom: 40px; } .template-press-releases .sort-filter .sort-filter-container{ width: 100%; max-width: 930px; margin-right: auto; margin-left: auto; } .template-press-releases .sort-filter .sort-filter-container label{ color: #683E98; font-family: "atten-round-new",sans-serif; font-weight: 700; font-size: 16px; margin-right: 20px; line-height: 1; } .template-press-releases .sort-filter .sort-filter-container .ui-selectmenu-button.ui-button{ width: 131px; display: inline-flex; align-items: center; border: none; background-color: #ffffff; border-radius: 33px; box-shadow: 0 3px 5px rgba(0,0,0,0.16); padding-left: 20px; padding-right: 50px; height: 42px; } .template-press-releases .sort-filter .sort-filter-container .ui-selectmenu-button.ui-button .ui-selectmenu-text{ margin-right: 0; font-family: 'Poppins', sans-serif; font-weight: 300; font-size: 13px; color: #707070; } .template-press-releases .sort-filter .sort-filter-container .ui-selectmenu-button.ui-button .ui-icon{ background-image: url(../images/arrow-down.png); width: 20px; background-size: contain; background-repeat: no-repeat; background-position: center; float: none; position: absolute; top: 50%; transform: translateY(-50%); right: 20px; } #pr-sort-date-menu{ max-height: 120px; padding: 0; } #pr-sort-date-menu li:last-child{ padding-bottom: 0; } .template-press-releases .pr-articles .pr-articles-container{ width: 100%; max-width: 930px; margin-right: auto; margin-left: auto; } .template-press-releases .pr-articles .articles .article{ display: block; position: relative; margin-bottom: 34px; padding-bottom: 34px; border-bottom: 3px solid #EDEDED; } .template-press-releases .pr-articles .articles .article:last-child{ padding-bottom: 0; margin-bottom: 0; border-bottom: none; } .template-press-releases .pr-articles .articles .article .post-date{ color: #683E98; font-family: 'Poppins', sans-serif; font-weight: 700; font-size: 16px; line-height: 1; text-transform: uppercase; margin-bottom: 8px; } .template-press-releases .pr-articles .articles .article h2{ margin-bottom: 0; line-height: 1; margin-bottom: 5px; } .template-press-releases .pr-articles .articles .article h2 a{ color: #707070; font-family: 'Poppins', sans-serif; font-weight: 700; font-size: 16px; line-height: 1; display: block; } .template-press-releases .pr-articles .articles .article h2 a:hover{ color: #683E98; } .template-press-releases .pr-articles .articles .article .excerpt p{ font-family: 'Poppins', sans-serif; font-family: 'Poppins', sans-serif; font-weight: 300; font-size: 16px; line-height: 1.6; margin-bottom: 15px; padding: 0; } .template-press-releases .pr-articles .articles .article .excerpt p:last-of-type{ margin-bottom: 0; } .template-press-releases .pr-articles .articles .article .cta-article{ color: #683E98; font-family: 'Poppins', sans-serif; font-weight: 700; font-size: 16px; line-height: 1; display: inline-block; margin-top: 30px; } .template-press-releases .pr-articles .articles .article .cta-article:hover{ color: #449D35; } .template-press-releases .pr-pagination{ padding-top: 30px; text-align: center; } .template-press-releases .pr-pagination .page-numbers{ color: #A8A8A8; font-size: 18px; font-family: "atten-round-new",sans-serif; font-weight: 700; line-height: 1; margin-left: 5px; margin-right: 5px; } .template-press-releases .pr-pagination .page-numbers:hover{ color: #683E98; } .template-press-releases .pr-pagination .page-numbers.current{ color: #683E98; } .template-press-releases .pr-pagination .page-numbers.next, .template-press-releases .pr-pagination .page-numbers.prev{ color: #683E98; } .template-press-releases .pr-pagination .page-numbers.next img, .template-press-releases .pr-pagination .page-numbers.prev img{ width: 10px; height: 15px; display: inline-block; vertical-align: middle; margin-bottom: 3px; } .template-press-releases .pr-pagination .page-numbers.next img{ margin-left: 5px; } .template-press-releases .pr-pagination .page-numbers.prev img{ margin-right: 5px; } .single-press-release .single-press-content{ padding: 45px 0; } .single-press-release .pr-banner{ width: 100%; display: block; position: relative; padding: 40px 0; background-size: cover; background-repeat: no-repeat; background-position: 90% 100%; } .single-press-release .pr-banner h1, .single-press-release .pr-banner h2{ color: #ffffff; margin: 0; font-family: "atten-round-new",sans-serif; font-weight: 700; font-size: 40px; line-height: 1; } .single-press-release .single-press-container{ width: 100%; max-width: 930px; margin-right: auto; margin-left: auto; } .single-press-release .single-press-container .content .post-date{ color: #683E98; font-family: 'Poppins', sans-serif; font-weight: 700; font-size: 16px; line-height: 1; text-transform: capitalize; margin-bottom: 9px; } .single-press-release .single-press-container .content h1{ color: #449D35; font-size: 40px; font-family: "atten-round-new",sans-serif; font-weight: 300; line-height: 1; margin-bottom: 10px; text-transform: uppercase; } .single-press-release .single-press-container .content h2{ color: #683E98; font-size: 25px; font-family: "atten-round-new",sans-serif; font-weight: 300; line-height: 1.2; margin-bottom: 10px; text-transform: uppercase; } .single-press-release .single-press-container .content p{ color: #707070; font-family: 'Poppins', sans-serif; font-weight: 300; font-size: 16px; line-height: 1.7; padding: 0; margin-bottom: 30px; } .single-press-release .single-press-container .content p:last-of-type{ margin-bottom: 0; } .single-press-release .single-press-container .content a:not(.cta){ color: #683E98; font-family: 'Poppins', sans-serif; font-weight: 500; font-size: 16px; line-height: 1.7; display: inline-block; text-decoration: underline; } .single-press-release .single-press-container .content a:not(.cta):hover{ color: #449D35; } .single-press-release .single-press-container .content ul, .single-press-release .single-press-container .content ol{ margin-bottom: 30px; } .single-press-release .single-press-container .content ul li, .single-press-release .single-press-container .content ol li{ color: #707070; font-family: 'Poppins', sans-serif; font-weight: 300; font-size: 16px; line-height: 1.7; padding: 0; margin-bottom: 15px; } .single-press-release .single-press-container .content h3{ color: #707070; font-family: 'Poppins', sans-serif; font-weight: 700; font-size: 16px; line-height: 1.2; padding: 0; margin: 0; } .single-press-release .single-press-container .content h4{ color: #683E98; font-family: 'Poppins', sans-serif; font-weight: 700; font-size: 16px; line-height: 1.2; padding: 0; margin: 0; } .single-press-release .single-press-container .content .cta{ text-decoration: none; text-transform: uppercase; margin-bottom: 10px; } .single-press-release .single-press-container .content .slider-for{ margin-top: 35px; } .single-press-release .single-press-container .content .slider-for .slide-item .image-wrap{ background-color: #f9f9f9; border: 1px solid #dedede; position: relative; min-height: 370px; width: 100%; } .single-press-release .single-press-container .content .slider-for .slide-item .image-wrap img{ max-width: 100%; max-height: 100%; margin: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0; } .single-press-release .single-press-container .content .slider-nav { margin-top: 15px; margin-bottom: 35px; } .single-press-release .single-press-container .content .slider-nav .slide-item{ padding-left: 5px; padding-right: 5px; } .single-press-release .single-press-container .content .slider-nav .slide-item .image-wrap{ background-color: #f9f9f9; border: 1px solid #dedede; position: relative; min-height: 120px; width: 100%; } .single-press-release .single-press-container .content .slider-nav .slide-item .image-wrap img{ max-width: 100%; max-height: 100%; margin: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0; } .product-videos{ display: flex; flex-wrap: wrap; align-items: center; justify-content: center; margin-top: 45px; } .product-videos .video-holder{ flex: 0 0 100%; max-width: 100%; position: relative; overflow: hidden; width: 100%; padding-top: 56.25%; margin-bottom: 30px; padding-left: 15px; padding-right: 15px; } .product-videos .video-holder iframe{ position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; } .template-careers{ position: relative; } .template-careers .background-desktop{ position: absolute; right:0; bottom: 0; max-width: 500px; } .template-careers .background-desktop-element{ width:100%; height: 100%; background-repeat: no-repeat; background-position: right center; background-size: contain; } .template-careers .background-fullwidth{ width: 100%; height: auto; } .template-careers .content h1{ font-size: 40px; font-size: 40px; font-family: "atten-round-new",sans-serif; font-weight: 300; line-height: 1; color: #683E98; margin-bottom: 15px; } .template-careers .content h2{ font-size: 25px; font-family: "atten-round-new",sans-serif; font-weight: 300; line-height: 1.2; color: #683E98; margin-bottom: 15px; } .template-careers .content.sub-content h2{ font-size: 40px; font-family: "atten-round-new",sans-serif; font-weight: 300; line-height: 1.2; color: #683E98; margin-bottom: 15px; } .template-careers h2.content-heading{ font-size: 40px; font-family: "atten-round-new",sans-serif; font-weight: 300; line-height: 1.2; color: #683E98; margin-bottom: 15px; } .template-careers .content p{ color: #707070; font-family: 'Poppins', sans-serif; font-weight: 300; font-size: 16px; line-height: 1.7; padding: 0; margin-bottom: 30px; } .template-careers .content p:last-of-type{ margin-bottom: 0; } .template-careers .content p strong, .template-careers .content p b{ font-weight: 700; } .template-careers .content p a:not(.cta){ color:#683E98; } .template-careers .content p a:not(.cta):hover{ color:#449D35; } /*.template-careers .content a.cta{ line-height: 1; margin-top: 25px; height: 53px; max-width: 321px; font-size: 24px; }*/ .template-careers .content a.cta{ line-height: 1; margin-top: 25px; height: 40px; max-width: 220px; font-size: 16px; } .template-careers .career-content{ position: relative; padding: 30px 0; z-index: 2; } .template-careers .career-content .career-content-container{ position: relative; z-index: 2; } .template-careers .career-content .image{ position: absolute; width: 100%; max-width: 301px; bottom: 0; right: 56px; } .template-careers .career-content .image img{ width: 100%; height: auto; } .template-careers .career-content .content { width: 100%; } .template-careers .career-galleries .gallery{ margin-bottom: 0; aspect-ratio: 1 / .5; overflow: hidden; position: relative; } .template-careers .career-galleries .gallery img{ width: 100%; height: 100%; object-fit: cover; position: absolute; left: 0; top: 0; } .template-careers .career-biote{ padding: 25px 0px 60px; } .template-careers .career-biote .content{ width: 100%; max-width: 840px; } .template-careers .career-biote .icon-wrapper{ max-width: 650px; margin-right: auto; margin-left: auto; } .template-careers .career-biote .icons{ margin-top: 40px; display: flex; flex-wrap: wrap; margin-left: -10px; margin-right: -10px; justify-content: center; } .template-careers .career-biote .icons .icon{ flex: 0 0 100%; max-width: 50%; margin-bottom: 40px; padding-left: 10px; padding-right: 10px; } .template-careers .career-biote .icons .icon:nth-last-child(-n+2) { margin-bottom: 0; } .template-careers .career-biote .icons .icon .image{ width: 100%; max-width: 122px; margin-right: auto; margin-left: auto; margin-bottom: 5px; } .template-careers .career-biote .icons .icon .image img{ width: 100%; height: auto; } .template-careers .career-biote .icons .icon .heading{ font-family: "atten-round-new",sans-serif; font-weight: 900; font-size: 14px; color: #683E98; line-height: 1.3; text-align: center; } .template-careers .career-biote .icons .icon .sub-heading{ font-family: "atten-round-new",sans-serif; font-weight: 900; font-size: 12px; color: #683E98; line-height: 1.3; text-align: center; } .template-careers .career-biote .links{ margin-top:55px; } /*.template-careers .career-biote .links a.cta{ line-height: 1; height: 53px; max-width: 321px; font-size: 24px; }*/ .template-careers .career-biote .links a.cta{ line-height: 1; height: 40px; max-width: 220px; font-size: 16px; } .template-careers .career-testimonials{ background-color: #EDEDED; padding: 35px 0; position: relative; } .template-careers .testimonial-icon{ color: #683E98; opacity: 0.13; font-size: 151px; font-family: "atten-round-new",sans-serif; font-weight: 900; position: absolute; top: -40px; line-height: 1; } .template-careers .testimonial-icon.left{ left: 15px; } .template-careers .testimonial-icon.right{ right: 15px; } .template-careers .career-testimonial-container{ position: relative; z-index: 2; } .template-careers .career-testimonials h2{ margin-bottom: 15px; text-align: center; } .template-careers .career-testimonials .career-testimonial-wrapper{ width: 100%; max-width: 880px; margin-right: auto; margin-left: auto; } .template-careers .career-testimonial-lists{ margin-left: -45px; margin-right: -45px; } .template-careers .career-testimonial-lists .item{ padding-left: 45px; padding-right: 45px; } .template-careers .career-testimonial-lists .item .comment{ color: #707070; font-size: 22px; font-family: "atten-round-new",sans-serif; font-weight: 700; line-height: 1.2; } .template-careers .career-testimonial-lists .slick-dots{ padding: 0; margin-left: 0; margin-right: 0; margin-bottom: 0; margin-top: 40px; text-align: center; } .template-careers .career-testimonial-lists .slick-dots li{ list-style-type: none; display: inline-block; padding: 0; margin-right: 20px; } .template-careers .career-testimonial-lists .slick-dots li:last-child{ margin-right: 0; } .template-careers .career-testimonial-lists .slick-dots li button{ font-size: 0; padding: 0; width: 9px; height: 9px; background-color: #ffffff; border: none; outline: 0; cursor: pointer; border-radius: 100%; } .template-careers .career-testimonial-lists .slick-dots li.slick-active button{ background-color: #683E98; } .template-careers .career-core-values{ padding: 30px 0; } .template-careers .career-core-values .content{ margin-top: 30px; } .template-careers .career-core-values .core-values-wrapper{ width: 100%; max-width: 260px; margin-right: auto; margin-left: auto; } .template-careers .career-core-values h2{ margin-bottom: 15px; } .template-careers .career-core-values h2 strong{ display: block; } .template-careers .career-core-values .core-values{ display: flex; flex-wrap: wrap; justify-content: center; } .template-careers .career-core-values .core-values .item{ flex: 0 0 100%; max-width: 100%; margin-bottom: 15px; } .template-careers .career-core-values .core-values .item:last-child{ margin-bottom: 0; } .template-careers .career-core-values .core-values .item .heading{ font-size: 16px; font-family: 'Poppins', sans-serif; font-weight: 700; color: #683E98; line-height: 1.5; } .template-careers .career-core-values .core-values .item .description{ font-size: 13px; font-family: 'Poppins', sans-serif; font-weight: 300; color: #707070; line-height: 1.4; } .template-careers .career-workWithUs{ background-color: #449D35; padding: 20px 0; } .template-careers .career-workWithUs.background-none{ background-color: transparent; } .template-careers .career-workWithUs .content *{ color: #ffffff; } .template-careers .career-workWithUs .content h2{ line-height: 1.1; width: 100%; max-width: 250px; margin-right: auto; margin-left: auto; } .template-careers .career-workWithUs .content .cta{ color: #683E98; margin-top: 30px; } .template-careers .career-workWithUs .content .cta:hover{ color: #ffffff; } /* # Training and Events */ .training-events-template { padding: 20px 0 40px; } .training-events-template .content { margin-bottom: 25px; margin-left: auto; margin-right: auto; max-width: 800px; width: 100%; } .training-events-template .event-content h1 { color: #683E98; font-family: 'atten-round-new', sans-serif; font-size: 39px; font-weight: 300; line-height: 1.2; margin-bottom: 10px; } .training-events-template .event-content h3 { color: #683E98; font-family: 'Poppins', sans-serif; font-size: 19px; font-weight: 300; line-height: 1.2; margin-bottom: 5px; } .training-events-template .event-content p { color: #707070; font-family: 'Poppins', sans-serif; font-size: 19px; font-weight: 300; line-height: 1.5; margin-bottom: 25px; padding: 0; } .training-events-template .event-content p:last-of-type { margin-bottom: 0; } .training-events-template .calendar-content { margin-bottom: 24px; } .training-events-template .calendar-filter { text-align: center; } .training-events-template .calendar-filter label { color: #683E98; display: block; font-family: 'atten-round-new', sans-serif; font-size: 16px; font-weight: 700; margin-bottom: 5px; } .training-events-template .calendar-filter label span { margin-left: 5px; } .training-events-template .calendar-filter .filter-wrapper { margin-left: auto; margin-right: auto; max-width: 264px; position: relative; width: 100%; } .training-events-template .calendar-filter .selected-filter { align-items: center; background-color: #fff; box-shadow: 0 3px 6px rgba(0,0,0,0.16); border-radius: 33px; color: rgba(112,112,112,0.39); cursor: pointer; display: flex; flex-wrap: wrap; font-family: 'Poppins', sans-serif; font-size: 13px; font-weight: 300; height: 42px; flex: 0 0 100%; max-width: 100%; padding: 0 20px; position: relative; text-transform: uppercase; } .training-events-template .calendar-filter .selected-filter::after{ background-image: url(../images/dropdown-arrow.webp); background-size: contain; background-repeat: no-repeat; background-position: center; content: ''; height: 8px; position: absolute; right: 15px; top: 50%; transform: translateY(-50%); width: 14px; } .training-events-template .calendar-filter .selected-filter.active { color: #707070; } .training-events-template .calendar-filter .filters { background-color: #fff; border-radius: 16px; box-shadow: 0 3px 6px rgba(0,0,0,0.16); display: none; left: 0; overflow: hidden; position: absolute; right: 0; top: 0; width: 100%; z-index: 1; } .training-events-template .calendar-filter .filters .filter-body { padding: 15px 0; position: relative; text-align: left; } .training-events-template .calendar-filter .type { cursor: pointer; color: #707070; display: block; font-family: 'Poppins', sans-serif; font-size: 13px; font-weight: 500; margin-bottom: 10px; padding: 2px 15px; transition: all ease 0.3s; text-transform: uppercase; } .training-events-template .calendar-filter .type:last-child { margin-bottom: 0; } .training-events-template .calendar-filter .type::before{ border-radius: 100%; display: inline-block; content: ''; height: 11px; margin-right: 5px; vertical-align: middle; width: 11px; } .training-events-template .calendar-filter .type.type-1:hover, .training-events-template .calendar-filter .type.type-1.active { background-color: #5DBA5F; color: #fff; } .training-events-template .calendar-filter .type.type-1::before { background-color: #5DBA5F; } .training-events-template .calendar-filter .type.type-2:hover, .training-events-template .calendar-filter .type.type-2.active { background-color: #46ABD1; color: #fff; } .training-events-template .calendar-filter .type.type-2::before { background-color: #46ABD1; } .training-events-template .calendar-filter .type.type-3:hover, .training-events-template .calendar-filter .type.type-3.active { background-color: #683E98; color: #fff; } .training-events-template .calendar-filter .type.type-3::before { background-color: #683E98; } .training-events-template .calendar-filter .type.type-all:hover, .training-events-template .calendar-filter .type.type-all.active { background-color: #707070; color: #fff; } .training-events-template .calendar-filter .type.type-all::before { content: none; } .training-events-template .training-event-lists { margin-top: 37px; margin-left: -15px; margin-right: -15px; } .training-events-template .training-event-lists table { border: none; width: 100%; } .training-events-template .training-event-lists table th { background-color: #707070; border: none; color: #ffffff; font-family: 'Poppins', sans-serif; font-size: 13px; font-weight: 700; padding-bottom: 5px; padding-top: 5px; text-align: center; text-transform: uppercase; } .training-events-template .training-event-lists table tbody tr td { background-color: rgba(237,237,237,0.44); border: none; color: #707070; font-family: 'Poppins', sans-serif; font-size: 13px; font-weight: 500; position: relative; padding: 10px 15px; } .training-events-template .training-event-lists table tbody tr:nth-child(odd) td { background-color: transparent; } .training-events-template .training-event-lists table tbody tr td .type { border-radius: 100%; display: inline-block; height: 14px; left: 15px; position: absolute; top: 50%; transform: translateY(-50%); width: 14px; } .training-events-template .training-event-lists table tbody tr td .type.type-1 { background-color: #5DBA5F; } .training-events-template .training-event-lists table tbody tr td .type.type-2 { background-color: #46ABD1; } .training-events-template .training-event-lists table tbody tr td .type.type-3 { background-color: #683E98; } .training-events-template .training-event-lists table tbody tr td .cta-form { display: inline-block; cursor: pointer; padding-left: 30px; transition: all ease 0.3s; text-decoration: underline; } .training-events-template .training-event-lists table tbody tr td.event-name { padding-right: 0; width: 1%; } .training-events-template .training-event-lists table tbody tr td.event-location, .training-events-template .training-event-lists table tbody tr td.event-date { padding-left: 0; padding-right: 0; text-align: center; } .training-events-template .message.not-found { color: #683E98; font-family: 'atten-round-new', sans-serif; font-size: 16px; font-weight: 700; } .training-events-template .map .map-container { margin-left: auto; margin-right: auto; max-width: 659px; position: relative; width: 100%; } .training-events-template .map .map-container img { height: auto; width: 100%; } .training-events-template .map .map-container .map-pined { bottom: 0; height: 100%; left: 0; opacity: 0.5; position: absolute; right: 0; top: 0; width: 100%; } .training-events-template .map .map-container .pins { bottom: 0; height: 100%; left: 0; position: absolute; right: 0; top: 0; width: 100%; } .training-events-template .map .map-container .pins .pin { cursor: pointer; height: 52px; left: var(--xpos); position: absolute; top: var(--ypos); width: 36px; z-index: 1; } .training-events-template .map .map-container .pins .pin:hover .message { opacity: 1; visibility: visible; } .training-events-template .map .map-container .pins .pin:hover .pin-image { background-image: url(../images/pin-active.webp); } .training-events-template .map .map-container .pins .pin .pin-image { background-image: url(../images/pin-inactive.webp); background-size: contain; background-repeat: no-repeat; background-position: center; height: 52px; position: relative; transition: all ease 0.3s; width: 36px; } .training-events-template .map .map-container .pins .pin .message { align-items: center; background-color: #fff; border-radius: 10px; box-shadow: 0 3px 6px rgba(0,0,0,0.16); display: flex; flex-wrap: wrap; flex-direction: column; left: 38px; min-height: 52px; opacity: 0; position: absolute; top: -9px; text-align: center; justify-content: center; transition: all ease 0.3s; visibility: hidden; width: 203px; z-index: 1; } .training-events-template .map .map-container .pins .pin .message::before { border-bottom: 10px solid transparent; border-right: 12px solid #fff; border-top: 10px solid transparent; content: ''; height: 0; filter: drop-shadow(-1px 2px 1px rgba(0,0,0,.16)); left: -12px; position: absolute; top: 50%; transform: translateY(-50%); width: 0; -webkit-filter: drop-shadow(-1px 2px 1px rgba(0,0,0,.16)); -moz-filter: drop-shadow(-1px 2px 1px rgba(0,0,0,.16)); -ms-filter: drop-shadow(-1px 2px 1px rgba(0,0,0,.16)); -o-filter: drop-shadow(-1px 2px 1px rgba(0,0,0,.16)); } .training-events-template .map .map-container .pins .pin .message .title { color: #683E98; font-family: 'atten-round-new', sans-serif; font-size: 18px; font-weight: 700; line-height: 1; margin-bottom: 5px; text-transform: uppercase; } .training-events-template .map .map-container .pins .pin .message .counter { color: #A8A8A8; font-family: 'Poppins', sans-serif; font-weight: 500; font-size: 12px; line-height: 1; } .training-events-template .map .map-container .pins .pin .message .counter .event-count { color: #683E98; } .training-events-template .dataTables_paginate { margin-top: 15px; padding-top: 0; } .training-events-template .dataTables_paginate .paginate_button, .training-events-template .dataTables_paginate .paginate_button.current { background-color: transparent; background: none; border: none; border-radius: 0; box-shadow: none; color: #707070 !important; font-family: 'atten-round-new', sans-serif; font-size: 16px; font-weight: 700;height: auto; min-width: auto; margin-left: 0; margin-right: 10px; padding: 0; transition: all ease 0.3s; text-transform: uppercase; width: auto; } .training-events-template .dataTables_paginate .paginate_button.next { margin-right: 0; } .training-events-template .dataTables_paginate .paginate_button.current, .training-events-template .dataTables_paginate .paginate_button:hover, .training-events-template .dataTables_paginate .paginate_button.current:hover, .training-events-template .dataTables_paginate .paginate_button:focus, .training-events-template .dataTables_paginate .paginate_button.current:focus { background: none; background-color: transparent; border: none; border-radius: 0; box-shadow: none; color: #683E98 !important; } .general-modal .modal-dialog { max-width: 772px; } .general-modal .modal-dialog .modal-content { border-radius: 48px; } .general-modal .modal-dialog .modal-content .modal-body { padding-bottom: 20px; padding-top: 40px; } .general-modal .modal-dialog .btn-close { background: none; color: #683E98; font-family: 'atten-round-new', sans-serif; font-size: 22px; font-weight: 300; line-height: 1; opacity: 1; padding: 0; position: absolute; right: 20px; top: 14px; z-index: 1; } .general-modal .modal-dialog .form { margin-left: auto; margin-right: auto; max-width: 630px; width: 100%; } .general-modal .form-content-block { text-align: center; grid-column: 1/-1; } .general-modal .form-content-block.has-margin { margin-top: 20px; } .general-modal .form-content-block h2 { color: #683E98; font-family: 'atten-round-new', sans-serif; font-size: 34px; font-weight: 300; line-height: 1.2; margin-bottom: 0; } .general-modal .form-content-block h3 { color: #707070; font-family: 'Poppins', sans-serif; font-size: 17px; font-weight: 500; line-height: 1.2; margin-bottom: 0; padding-bottom: 0; } .general-modal .form-content-block p { color: #683E98; font-family: 'Poppins', sans-serif; font-size: 16px; font-weight: 300; margin-bottom: 15px; padding-bottom: 0; } .general-modal .form-content-block p:last-of-type { margin-bottom: 0; } .general-modal .form-content-block .training-selected { align-items: center; border-radius: 50px; background-color: #683E98; color: #fff; display: flex; flex-wrap: wrap; flex: 0 0 100%; font-family: 'Poppins', sans-serif; font-size: 16px; font-weight: 300; margin-bottom: 30px; margin-top: 15px; min-height: 40px; max-width: 100%; padding: 20px 30px; text-align: center; justify-content: center; } .general-modal .form-content-block .training-selected .selected { margin-left: 5px; margin-right: 5px; } /* Press Center */ .press-center-layout .content h1{ color: #683E98; font-family: 'atten-round-new', sans-serif; font-size: 42px; font-weight: 300; line-height: 1.2; margin-bottom: 10px; padding-bottom: 0; } .press-center-layout .content h2{ color: #683E98; font-family: 'atten-round-new', sans-serif; font-size: 40px; font-weight: 300; line-height: 1.2; margin-bottom: 10px; padding-bottom: 0; } .press-center-layout .heading{ color: #683E98; font-family: 'atten-round-new', sans-serif; font-size: 40px; font-weight: 300; line-height: 1.2; margin-bottom: 10px; padding-bottom: 0; } .press-center-layout .content p{ color: #707070; font-family: 'Poppins', sans-serif; font-size: 16px; font-weight: 300; line-height: 1.5; margin-bottom: 15px; padding-bottom: 0; } .press-center-layout .content p:last-of-type{ margin-bottom: 0; } .press-center-layout .content p a:not(.cta){ color: #707070; font-family: 'Poppins', sans-serif; font-size: 16px; font-weight: 300; line-height: 1.5; margin-bottom: 0; padding-bottom: 0; } .press-center-layout .content p a:not(.cta):hover{ color: #683E98; } .press-center-layout .cta, .press-center-layout .content .cta{ margin-top: 25px; max-width: 220px; height: 40px; font-size: 16px; line-height: 1; } .press-center-banner{ position: relative; overflow: hidden; } .press-center-banner .image{ background-size: cover; background-repeat: no-repeat; background-position: center right; bottom: 0; height: 100%; left: 0; position: absolute; right: 0; top: 0; width: 100%; } .press-center-banner .image.image-mobile{ background-position: bottom center; } .press-center-banner img{ width: 100%; height: auto; } .press-center-banner .press-center-banner-container{ position: relative; z-index: 1; } .press-center-banner .content{ max-width: 671px; width: 100%; min-height: 700px; display: flex; flex-wrap: wrap; justify-content: center; flex-direction: column; } .press-center-contact-assets{ padding-top: 25px; padding-bottom: 45px; } .press-center-contact-assets .left .contact-assets-container{ padding-bottom: 20px; border-bottom: 2px solid #A8A8A8; } .press-center-contact-assets .left{ margin-bottom: 20px; } .press-center-contact-assets .contents .content{ margin-bottom: 20px; } .press-center-contact-assets .contents .content:last-child{ margin-bottom: 0; } .press-center-press-releases{ background-color: #683E98; padding-top: 21px; padding-bottom: 37px; } .press-center-press-releases .content{ width: 100%; max-width: 780px; margin-right: auto; margin-left: auto; } .press-center-press-releases .content *:not(.cta){ color: #ffffff; } .press-center-press{ padding-top: 34px; padding-bottom: 53px; } .press-center-press .content{ left: -5px; position: relative; } .press-center-press .content h2{ margin-bottom: 30px; } .press-center-press .press-lists-container{ position: relative; overflow: hidden; max-height: 620px; transition: max-height 0.5s cubic-bezier(0, 1, 0, 1); } .press-center-press .press-lists-container::after{ z-index: 1; content: ''; position: absolute; left: 0; right: 0; bottom: 0; width: 100%; height: 128px; background-color: rgba(255,255,255,0.40); } .press-center-press .press-lists-container .view-more{ position: absolute; bottom: 0; left: 0; right: 0; z-index: 2; text-align: center; } .press-center-press .press-lists-container.active::after{ display: none; } .press-center-press .press-lists-container.active .view-more{ display: none; } .press-center-press .press-lists .press{ border-bottom: 2px solid #EDEDED; margin-bottom: 24px; padding-bottom: 10px; } .press-center-press .press-lists .press:last-child{ margin-bottom: 0; } .press-center-press .press-lists .press .post-date{ color: #683E98; font-family: 'Poppins', sans-serif; font-size: 16px; font-weight: 300; line-height: 1.5; } .press-center-press .press-lists .press h2{ color: #707070; font-family: 'Poppins', sans-serif; font-size: 16px; font-weight: 300; line-height: 1.5; margin: 0; } .press-center-press .press-lists .press h2 a{ color: #707070; font-family: 'Poppins', sans-serif; font-size: 16px; font-weight: 300; line-height: 1.5; } .press-center-press .press-lists .press h2 a:hover{ color: #683E98; } .press-center-press .press-lists .press p{ color: #707070; font-family: 'Poppins', sans-serif; font-size: 16px; font-weight: 300; line-height: 1.5; padding: 0; } .press-center-press .press-lists .press p a{ color: #707070; font-family: 'Poppins', sans-serif; font-size: 16px; font-weight: 300; line-height: 1.5; } .press-center-press .press-lists .press p a:hover{ color: #683E98; } .press-center-press .press-lists .press .press-link{ display: inline-block; color: #707070; font-family: 'Poppins', sans-serif; font-size: 16px; font-weight: 700; line-height: 1.5; margin-top: 5px; } .press-center-press .press-lists .press .press-link:hover{ color: #683E98; } /* CyberSource */ .cybersource-header-wrapper{ width: 100%; max-width: 840px; margin-left: auto; margin-right: auto; } .cybersource-template{ padding: 40px 0 20px; min-height: 75vh; } .cybersource-template .cybersource-wrapper{ width: 100%; max-width: 840px; margin-left: auto; margin-right: auto; } .cybersource-template .content{ margin-bottom: 30px; } .cybersource-template .content h1{ color: #683E98; font-family: 'atten-round-new', sans-serif; font-size: 42px; font-weight: 300; line-height: 1.2; margin-bottom: 40px; padding-bottom: 0; } .cybersource-template .content h2{ color: #683E98; font-family: 'atten-round-new', sans-serif; font-size: 40px; font-weight: 300; line-height: 1.2; margin-bottom: 30px; padding-bottom: 0; } .cybersource-template .content h3{ color: #683E98; font-family: 'atten-round-new', sans-serif; font-size: 22px; font-weight: 300; line-height: 1.2; margin-bottom: 30px; padding-bottom: 0; } .cybersource-template .heading{ color: #683E98; font-family: 'atten-round-new', sans-serif; font-size: 40px; font-weight: 300; line-height: 1.2; margin-bottom: 10px; padding-bottom: 0; } .cybersource-template .content p{ color: #707070; font-family: 'Poppins', sans-serif; font-size: 16px; font-weight: 300; line-height: 1.5; margin-bottom: 40px; padding-bottom: 0; } .cybersource-template .content p:last-of-type{ margin-bottom: 0; } .cybersource-template .content p a:not(.cta){ color: #707070; font-family: 'Poppins', sans-serif; font-size: 16px; font-weight: 300; line-height: 1.5; margin-bottom: 0; padding-bottom: 0; text-decoration: underline; } .cybersource-template .content p a:not(.cta):hover{ color: #683E98; } .cybersource-template .content ul, .cybersource-template .content ol{ margin-bottom: 30px; } .cybersource-template .content ul:last-of-type, .cybersource-template .content ol:last-of-type{ margin-bottom: 0; } .cybersource-template .content li{ color: #707070; font-family: 'Poppins', sans-serif; font-size: 16px; font-weight: 300; line-height: 1.5; margin-bottom: 20px; padding-bottom: 0; } .cybersource-template .pricing-lists{ display: flex; flex-wrap: wrap; justify-content: center; margin-left: -15px; margin-right: -15px; } .cybersource-template .pricing-lists .item{ flex: 0 0 100%; max-width: 100%; margin-bottom: 40px; position: relative; padding-left: 15px; padding-right: 15px; } .cybersource-template .pricing-lists .item:last-child{ margin-bottom: 0; } .cybersource-template .pricing-lists .item.enabled-tags .tags{ position: absolute; top: -10px; background-color: #683E98; color: #ffffff; font-family: 'Poppins', sans-serif; font-size: 12px; font-weight: 300; line-height: 1; padding: 5px 10px; border-radius: 50px; min-height: 22px; letter-spacing: 0.5px; } .cybersource-template .pricing-lists .item .item-wrap{ border-radius: 15px; border: 1px solid #e9ebee; padding: 30px; display: grid; height: 100%; } .cybersource-template .pricing-lists .item.active .item-wrap{ border-color: #683E98; background-color: rgb(238 242 255 / 50%); } .cybersource-template .pricing-lists .item .item-body{ padding-bottom: 30px; } .cybersource-template .pricing-lists .item .item-body .label{ color: #683E98; font-family: 'atten-round-new', sans-serif; font-size: 22px; font-weight: 300; line-height: 1.2; margin-bottom: 15px; padding-bottom: 0; } .cybersource-template .pricing-lists .item .item-body .price{ color: #111111; font-family: 'atten-round-new', sans-serif; font-size: 40px; font-weight: 700; line-height: 1; margin-bottom: 15px; } .cybersource-template .pricing-lists .item .item-body .price .recurring{ font-family: 'Poppins', sans-serif; font-size: 16px; font-weight: 700; } .cybersource-template .pricing-lists .item .item-body .price .recurring-label{ display: inline-block; font-family: 'Poppins', sans-serif; font-size: 20px; font-weight: 700; margin-left: 5px; } .cybersource-template .pricing-lists .item .item-body .description{ color: #707070; font-family: 'Poppins', sans-serif; font-size: 16px; font-weight: 300; line-height: 1.5; margin-bottom: 25px; } .cybersource-template .pricing-lists .item .item-body .features .feature{ color: #707070; font-family: 'Poppins', sans-serif; font-size: 16px; font-weight: 300; line-height: 1.5; position: relative; margin-bottom: 20px; padding-left: 30px; } .cybersource-template .pricing-lists .item .item-body .features .feature:last-child{ margin-bottom: 0; } .cybersource-template .pricing-lists .item .item-body .features .feature .checkmark{ position: absolute; top: 50%; transform: translateY(-50%); left: 0; line-height: 1; } .cybersource-template .pricing-lists .item .item-body .features .feature .checkmark::after{ display: inline-block; content: ''; transform: rotate(45deg); height: 14px; width: 7px; margin-left: 60%; border-bottom: 2px solid #683E98; border-right: 2px solid #683E98; } .cybersource-template .pricing-lists .item .item-footer{ align-self: end; } .cybersource-template .pricing-lists .item .item-footer .form .cybersource-form .gform-body{ display: none; } .cybersource-template .pricing-lists .item .item-footer .form .cybersource-form .gform_footer{ margin: 0; padding: 0; } .cybersource-template .pricing-lists .item .item-footer .form .cybersource-form .gform_footer input:not([type=radio]):not([type=checkbox]):not([type=image]):not([type=file]){ width: 100%; border: 2px solid #eef2ff; background-color: #eef2ff; min-height: 45px; color: #683E98; font-family: 'atten-round-new', sans-serif; font-size: 16px; font-weight: 700; border-radius: 7px; margin:0; cursor: pointer; transition: all ease 0.3s; } .cybersource-template .pricing-lists .item .item-footer .form .cybersource-form .gform_footer input:not([type=radio]):not([type=checkbox]):not([type=image]):not([type=file]):hover{ background-color: transparent; } .cybersource-template .pricing-lists .item.enabled-tags .form .cybersource-form .gform_footer input:not([type=radio]):not([type=checkbox]):not([type=image]):not([type=file]){ background-color: #683E98; color: #ffffff; border-color: #683E98; } .cybersource-template .pricing-lists .item.enabled-tags .form .cybersource-form .gform_footer input:not([type=radio]):not([type=checkbox]):not([type=image]):not([type=file]):hover{ background-color: transparent; color: #683E98; } .cybersource-template .pricing-lists .item .item-footer .price-button{ display: flex; flex-wrap: wrap; align-items: center; justify-content: center; width: 100%; border: 2px solid #eef2ff; background-color: #eef2ff; min-height: 45px; color: #683E98; font-family: 'atten-round-new', sans-serif; font-size: 16px; font-weight: 700; border-radius: 7px; margin:0; cursor: pointer; transition: all ease 0.3s; } .cybersource-template .pricing-lists .item .item-footer .price-button:hover{ background-color: transparent } .cybersource-template .pricing-lists .item.active .item-footer .price-button{ background-color: #683E98; color: #ffffff; border-color: #683E98; } .cybersource-template .pricing-lists .item.active .item-footer .price-button:hover{ background-color: transparent; color: #683E98; } .cybersource-template .cybersource-form h3{ color: #683E98; font-family: 'atten-round-new', sans-serif; font-size: 30px; font-weight: 300; line-height: 1.2; margin-bottom: 0; padding-bottom: 0; } .cybersource-template .cybersource-form .gform_wrapper .gform_validation_errors{ display: none; } .cybersource-template .cybersource-form .gform_wrapper .g-field{ grid-column: span 12; position: relative; } .cybersource-template .cybersource-form .gform_wrapper .g-field.gfield_visibility_hidden{ position: absolute; } .cybersource-template .cybersource-form .gform_wrapper .g-field.g-wfull{ grid-column: span 12; } .cybersource-template .cybersource-form .gform_wrapper .g-field.g-full{ grid-column: span 12; } .cybersource-template .cybersource-form .gform_wrapper .g-field input[type=color], .cybersource-template .cybersource-form .gform_wrapper .g-field input[type=date], .cybersource-template .cybersource-form .gform_wrapper .g-field input[type=datetime-local], .cybersource-template .cybersource-form .gform_wrapper .g-field input[type=datetime], .cybersource-template .cybersource-form .gform_wrapper .g-field input[type=email], .cybersource-template .cybersource-form .gform_wrapper .g-field input[type=month], .cybersource-template .cybersource-form .gform_wrapper .g-field input[type=number], .cybersource-template .cybersource-form .gform_wrapper .g-field input[type=password], .cybersource-template .cybersource-form .gform_wrapper .g-field input[type=search], .cybersource-template .cybersource-form .gform_wrapper .g-field input[type=tel], .cybersource-template .cybersource-form .gform_wrapper .g-field input[type=text], .cybersource-template .cybersource-form .gform_wrapper .g-field input[type=time], .cybersource-template .cybersource-form .gform_wrapper .g-field input[type=url], .cybersource-template .cybersource-form .gform_wrapper .g-field input[type=week], .cybersource-template .cybersource-form .gform_wrapper .g-field select, .cybersource-template .cybersource-form .gform_wrapper .g-field textarea{ border: 1px solid #fff; background-color: #fff; border-radius: 33px; box-shadow: 0px 3px 6px rgb(0 0 0 / 16%); font-size: 18px; font-family: 'Poppins',sans-serif; font-weight: 300; height: 53px; outline: 0; padding-left: 28px; padding-right: 28px; width: 100%; } .cybersource-template .cybersource-form .gform_wrapper .g-field ::-moz-placeholder { color: rgba(112, 112, 112, 0.39); font-size: 18px; font-family: 'Poppins', sans-serif; font-weight: 300; } .cybersource-template .cybersource-form .gform_wrapper .g-field :-ms-input-placeholder { color: rgba(112, 112, 112, 0.39); font-size: 18px; font-family: 'Poppins', sans-serif; font-weight: 300; } .cybersource-template .cybersource-form .gform_wrapper .g-field ::placeholder { color: rgba(112, 112, 112, 0.39); font-size: 18px; font-family: 'Poppins', sans-serif; font-weight: 300; } .cybersource-template .cybersource-form .gform_wrapper .g-field ::-moz-placeholder { color: rgba(112, 112, 112, 0.39); font-size: 18px; font-family: 'Poppins', sans-serif; font-weight: 300; } .cybersource-template .cybersource-form .gform_wrapper .g-field :-ms-input-placeholder { color: rgba(112, 112, 112, 0.39); font-size: 18px; font-family: 'Poppins', sans-serif; font-weight: 300; } .cybersource-template .cybersource-form .gform_wrapper .g-field ::placeholder { color: rgba(112, 112, 112, 0.39); font-size: 18px; font-family: 'Poppins', sans-serif; font-weight: 300; } .cybersource-template .cybersource-form .gform_wrapper .g-field :-ms-input-placeholder { color: rgba(112, 112, 112, 0.39); font-size: 18px; font-family: 'Poppins', sans-serif; font-weight: 300; } .cybersource-template .cybersource-form .gform_wrapper .g-field :-ms-input-placeholder { color: rgba(112, 112, 112, 0.39); font-size: 18px; font-family: 'Poppins', sans-serif; font-weight: 300; } .cybersource-template .cybersource-form .gform_wrapper .g-field ::-ms-input-placeholder { color: rgba(112, 112, 112, 0.39); font-size: 18px; font-family: 'Poppins', sans-serif; font-weight: 300; } .cybersource-template .cybersource-form .gform_wrapper .g-field ::-ms-input-placeholder { color: rgba(112, 112, 112, 0.39); font-size: 18px; font-family: 'Poppins', sans-serif; font-weight: 300; } .cybersource-template .cybersource-form .gform_wrapper .g-field input[type=color][aria-invalid=true], .cybersource-template .cybersource-form .gform_wrapper .g-field input[type=date][aria-invalid=true], .cybersource-template .cybersource-form .gform_wrapper .g-field input[type=datetime-local][aria-invalid=true], .cybersource-template .cybersource-form .gform_wrapper .g-field input[type=datetime][aria-invalid=true], .cybersource-template .cybersource-form .gform_wrapper .g-field input[type=email][aria-invalid=true], .cybersource-template .cybersource-form .gform_wrapper .g-field input[type=month][aria-invalid=true], .cybersource-template .cybersource-form .gform_wrapper .g-field input[type=number][aria-invalid=true], .cybersource-template .cybersource-form .gform_wrapper .g-field input[type=password][aria-invalid=true], .cybersource-template .cybersource-form .gform_wrapper .g-field input[type=search][aria-invalid=true], .cybersource-template .cybersource-form .gform_wrapper .g-field input[type=tel][aria-invalid=true], .cybersource-template .cybersource-form .gform_wrapper .g-field input[type=text][aria-invalid=true], .cybersource-template .cybersource-form .gform_wrapper .g-field input[type=time][aria-invalid=true], .cybersource-template .cybersource-form .gform_wrapper .g-field input[type=url][aria-invalid=true], .cybersource-template .cybersource-form .gform_wrapper .g-field input[type=week][aria-invalid=true], .cybersource-template .cybersource-form .gform_wrapper .g-field select[aria-invalid=true], .cybersource-template .cybersource-form .gform_wrapper .g-field textarea[aria-invalid=true]{ border-color: #c02b0a; } .cybersource-template .cybersource-form .gform_wrapper .g-field .validation_message{ background-color: transparent; border: none; padding: 0 28px; font-size: 12px; font-family: 'Poppins', sans-serif; line-height: 1; margin-top: 10px; } .cybersource-template .cybersource-form .gform_wrapper .g-field.gfield_contains_required:after{ content: '*'; color: #683e98; font-size: 15px; font-family: 'Poppins',sans-serif; font-weight: 300; position: absolute; right: -4px; top: -5px; } .cybersource-template .cybersource-form .gform_wrapper .g-field.g-field-consent:after{ content: none; } .cybersource-template .cybersource-form .gform_wrapper .g-field.g-field-consent{ display: flex; flex-wrap: wrap; } .cybersource-template .cybersource-form .gform_wrapper .g-field.g-field-consent .ginput_container_consent{ position: relative; display: inline-block; order: 2; } .cybersource-template .cybersource-form .gform_wrapper .g-field.g-field-consent .validation_message{ order: 3; } .cybersource-template .cybersource-form .gform_wrapper .g-field.g-field-consent .gfield_required_asterisk{ color: #683e98; font-size: 15px; font-family: 'Poppins',sans-serif; font-weight: 300; position: absolute; right: -4px; top: -5px; } .cybersource-template .cybersource-form .gform_wrapper .g-field.g-field-consent label{ position: relative; } .cybersource-template .cybersource-form .gform_wrapper .g-field.g-field-consent input:checked ~ label::after{ background-color: #683E98; } .cybersource-template .cybersource-form .gform_wrapper .g-field.g-field-consent input:checked ~ label::before{ display: block; } .cybersource-template .cybersource-form .gform_wrapper .g-field.g-field-consent label{ color: #683E98; cursor: pointer; font-family: 'Poppins', sans-serif; font-weight: 300; font-size: 14px; line-height: 1.4; max-width: 100%; position: relative; padding-left: 30px; } .cybersource-template .cybersource-form .gform_wrapper .g-field.g-field-consent label::after{ background-color: #ffffff; border-radius: 100%; box-shadow: 0 3px 6px rgba(0,0,0,0.16); content: ''; height: 20px; left: 0; position: absolute; top: 0; width: 20px; } .cybersource-template .cybersource-form .gform_wrapper .g-field.g-field-consent label::before{ border: solid white; border-width: 0 3px 3px 0; content: ''; display: none; height: 10px; left: 8px; position: absolute; top: 4px; transform: rotate(45deg); width: 5px; z-index: 1; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); } .cybersource-template .cybersource-form .gform_wrapper .g-field.g-field-consent input{ display: none; } .cybersource-template .cybersource-form .gform_wrapper .g-field.g-field-consent .gfield_consent_description{ color: #707070; font-family: 'Poppins', sans-serif; font-size: 16px; font-weight: 300; line-height: 1.5; margin-top: 0; margin-bottom: 15px; order: 1; padding-top: 15px; padding-bottom: 15px; } .cybersource-template .cybersource-form .gform_wrapper .g-field.g-field-consent .gfield_consent_description h1{ color: #683E98; font-family: 'atten-round-new', sans-serif; font-size: 42px; font-weight: 300; line-height: 1.2; margin-bottom: 10px; padding-bottom: 0; } .cybersource-template .cybersource-form .gform_wrapper .g-field.g-field-consent .gfield_consent_description h2{ color: #683E98; font-family: 'atten-round-new', sans-serif; font-size: 40px; font-weight: 300; line-height: 1.2; margin-bottom: 10px; padding-bottom: 0; } .cybersource-template .cybersource-form .gform_wrapper .g-field.g-field-consent .gfield_consent_description h3{ color: #683E98; font-family: 'atten-round-new', sans-serif; font-size: 22px; font-weight: 300; line-height: 1.2; margin-bottom: 10px; padding-bottom: 0; } .cybersource-template .cybersource-form .gform_wrapper .g-field.g-field-consent .gfield_consent_description .heading{ color: #683E98; font-family: 'atten-round-new', sans-serif; font-size: 40px; font-weight: 300; line-height: 1.2; margin-bottom: 10px; padding-bottom: 0; } .cybersource-template .cybersource-form .gform_wrapper .g-field.g-field-consent .gfield_consent_description p{ color: #707070; font-family: 'Poppins', sans-serif; font-size: 16px; font-weight: 300; line-height: 1.5; margin-bottom: 15px; padding-bottom: 0; } .cybersource-template .cybersource-form .gform_wrapper .g-field.g-field-consent .gfield_consent_description p:last-of-type{ margin-bottom: 0; } .cybersource-template .cybersource-form .gform_wrapper .g-field.g-field-consent .gfield_consent_description p a:not(.cta){ color: #683E98; font-family: 'Poppins', sans-serif; font-size: 16px; font-weight: 700; line-height: 1.5; margin-bottom: 0; padding-bottom: 0; } .cybersource-template .cybersource-form .gform_wrapper .g-field.g-field-consent .gfield_consent_description p a:not(.cta):hover{ color: #449d35; } .cybersource-template .cybersource-form .gform_wrapper .g-field.g-field-consent .gfield_consent_description a:not(.cta){ color: #683E98; font-family: 'Poppins', sans-serif; font-size: 16px; font-weight: 700; line-height: 1.5; margin-bottom: 0; padding-bottom: 0; } .cybersource-template .cybersource-form .gform_wrapper .g-field.g-field-consent .gfield_consent_description a:not(.cta):hover{ color: #449d35; } .cybersource-template .cybersource-form .gform_wrapper .gform_footer{ margin-top: 30px; padding: 0; position: relative; text-align: center; } .cybersource-template .cybersource-form .gform_wrapper .gform_footer .gform_ajax_spinner{ right: 50%; position: absolute; top: 50%; transform: translateY(-50%) translateX(-50%); } .cybersource-template .cybersource-form .gform_wrapper .gform_footer input[type="submit"], .cybersource-template .cybersource-form .gform_wrapper .gform_footer button[type="submit"]{ border-radius: 33px; background-color: #683E98; border: 2px solid #683E98; color: #ffffff; cursor: pointer; font-weight: 500; font-family: 'atten-round-new', sans-serif; font-size: 24px; height: 53px; margin-bottom: 0; max-width: 321px; outline: 0; text-align: center; transition: all ease 0.3s; width: 100%; } .cybersource-template .cybersource-form .gform_wrapper .gform_footer input[type="submit"]:hover, .cybersource-template .cybersource-form .gform_wrapper .gform_footer button[type="submit"]:hover{ background-color: transparent; color: #683E98; } .cybersource-iframe{ margin-bottom: 30px; } .cybersource-iframe.bottom{ padding-top: 30px; } .cybersource-iframe.top{ padding-top: 30px; } .cybersource-iframe .content{ width: 100%; max-width: 840px; margin-left: auto; margin-right: auto; } .cybersource-iframe .content h1{ color: #683E98; font-family: 'atten-round-new', sans-serif; font-size: 42px; font-weight: 300; line-height: 1.2; margin-bottom: 10px; padding-bottom: 0; } .cybersource-iframe .content h2{ color: #683E98; font-family: 'atten-round-new', sans-serif; font-size: 40px; font-weight: 300; line-height: 1.2; margin-bottom: 10px; padding-bottom: 0; } .cybersource-iframe .content h3{ color: #683E98; font-family: 'atten-round-new', sans-serif; font-size: 30px; font-weight: 300; line-height: 1.2; margin-bottom: 10px; padding-bottom: 0; } .cybersource-iframe .heading{ color: #683E98; font-family: 'atten-round-new', sans-serif; font-size: 40px; font-weight: 300; line-height: 1.2; margin-bottom: 10px; padding-bottom: 0; } .cybersource-iframe .content p{ color: #707070; font-family: 'Poppins', sans-serif; font-size: 16px; font-weight: 300; line-height: 1.5; margin-bottom: 15px; padding-bottom: 0; } .cybersource-iframe .content p:last-of-type{ margin-bottom: 0; } .cybersource-iframe .content p a:not(.cta){ color: #707070; font-family: 'Poppins', sans-serif; font-size: 16px; font-weight: 300; line-height: 1.5; margin-bottom: 0; padding-bottom: 0; text-decoration: underline; } .cybersource-iframe .content p a:not(.cta):hover{ color: #683E98; } .cybersource-iframe .content ul, .cybersource-iframe .content ol{ margin-bottom: 30px; } .cybersource-iframe .content ul:last-of-type, .cybersource-iframe .content ol:last-of-type{ margin-bottom: 0; } .cybersource-iframe .content li{ color: #707070; font-family: 'Poppins', sans-serif; font-size: 16px; font-weight: 300; line-height: 1.5; margin-bottom: 15px; padding-bottom: 0; } #signatureIframe{ border:none;width:100%;height:1700px; } /* # Media Query */ /* ======================[ Min-Width: 375px; ]====================== */ @media (min-width: 375px) { /* # Footer */ #main-footer .bottom-footer .footer-container{ max-width: 280px; } /* # Layout - Carousel */ .layout-carousel .carousel-wrapper .content h2{ margin-left: 35px; font-size: 75px; } /* # Layout - Default With Background Image */ .layout-default-with-background-image .heading h2 span{ font-size: 28px; margin-left: -35px; } .layout-default-with-background-image .heading h2{ font-size: 37px; } /* # Layout - Featured Product */ .product-banner{ height: 640px; } .product-banner .banner-heading .heading{ font-size: 36px; } .product-banner .banner-heading .heading span{ font-size: 28px; } .layout-featured-product .product-image .image-wrap{ margin-right: 50px; } } /* ======================[ Min-Width: 420px; ]====================== */ @media (min-width: 420px) { .single-clinic .content h1 img{ display: inline-block; margin-bottom: 0; margin-right: 15px; } } /* ======================[ Min-Width: 442px; ]====================== */ @media (min-width: 442px) { /* # Layout - Products */ .product-banner{ height: 670px; } } /* ======================[ Min-Width: 642px; ]====================== */ @media (min-width: 642px) { .form-wrap .gform_wrapper .gform_body ul li.gf-group span .ui-selectmenu-button{ padding: 14px 40px 14px 25px !important; } .form-wrap .gform_wrapper .gform_body ul li .ui-selectmenu-button{ padding: 14px 40px 14px 25px !important; } } /* ======================[ Min-Width: 460px; ]====================== */ @media (min-width: 460px) { /* # Layout - Products */ .product-banner{ height: 700px; } } /* ======================[ Min-Width: 476px; ]====================== */ @media (min-width: 476px) { /* # Layout - Products */ .product-banner{ height: 730px; } } /* ======================[ Min-Width: 500px; ]====================== */ @media (min-width: 500px) { /* # Layout - Products */ .product-banner{ height: 780px; } /* # Layout - Content with Image */ .layout-content-with-image .background-overlay{ background-size: contain; } .layout-content-with-image.page-127 .background-overlay, .layout-content-with-image.page-126 .background-overlay, .layout-content-with-image.page-17905 .background-overlay, .layout-content-with-image.page-17908 .background-overlay, .layout-content-with-image.page-17910 .background-overlay, .layout-content-with-image.page-183 .background-overlay, .layout-content-with-image.page-141 .background-overlay, .layout-content-with-image.page-166 .background-overlay{ background-size: cover; } } /* ======================[ Min-Width: 530px; ]====================== */ @media (min-width: 530px) { /* # Layout - Products */ .product-banner{ height: 800px; } /* # Layout - Default Banner */ .layout-banner-default .banner-heading{ width: 100%; max-width: 70%; margin-left: auto; } .layout-banner-default.left .banner-heading{ margin-left: 0; } } /* ======================[ Min-Width: 560px; ]====================== */ @media (min-width: 560px) { /* # Layout - Products */ .product-banner{ height: 850px; } } /* ======================[ Min-Width: 572px; ]====================== */ @media (min-width: 572px) { /* # Layout - Products */ .product-banner{ height: 800px; } /* # Layout - Featured Product */ .layout-featured-product .product-image .image-wrap{ margin-right: auto; } /* # Layout - Content with Image */ .layout-content-with-image .background{ left: initial; right: -230px; bottom: 70px; } } /* ======================[ Min-Width: 630px; ]====================== */ @media (min-width: 630px) { /* # Layout - Default Banner */ .layout-banner-default .banner-heading{ max-width: 65%; } /* # Layout - Products */ .product-banner{ height: 965px; } } /* ======================[ Min-Width: 768px; ]====================== */ @media (min-width: 768px) { /* # Common Content */ .form-wrap .gfield_html h2{ text-align: center; } .form-wrap .gfield_html p{ text-align: center; } .form-wrap .gform_wrapper ul.gform_fields li.g-field.gender label{ font-size: 16px; line-height: 21px; } .form-wrap .gform_wrapper ul.gform_fields li.g-field.gender .gfield_radio li label{ font-size: 16px; line-height: 20px; } /* # Header & Navbar */ #mobile-menu-sidebar{ right: -375px; width: 375px; } #mobile-menu-sidebar .sidebar-menu{ padding-left: 55px; padding-right: 55px; } /* # Footer */ #main-footer .bottom-footer .phone{ margin-top: 5px; } /*#main-footer .bottom-footer .footer-container{ max-width: 100%; }*/ /*#main-footer .bottom-footer .footer-links .links-col{ flex: 0 0 50%; }*/ /* # Layout - Carousel */ .layout-carousel .carousel-wrapper .content .headings{ max-width: 350px; margin-right: 0; } .layout-carousel .carousel-item:nth-child(2) .carousel-wrapper.right{ background-position: 35% 100%; } .layout-carousel .carousel-item:nth-child(3) .carousel-wrapper.right{ background-position: 20% 100%; } /*.layout-carousel .carousel-item:nth-child(2) .content{ top: 50%; transform: translateY(-50%); } .layout-carousel .carousel-item:nth-child(3) .content{ top: 50%; transform: translateY(-50%); }*/ .layout-carousel .carousel-item:nth-child(2) .content{ top: 40%; transform: translateY(-40%); } .layout-carousel .carousel-item:nth-child(3) .content{ top: 40%; transform: translateY(-40%); } .layout-carousel .carousel-wrapper .description{ margin-right: 47px; } .layout-carousel .carousel-item:nth-child(1) .carousel-wrapper .description{ margin-right: 47px; } .layout-carousel .carousel-item:nth-child(3) .carousel-wrapper .description{ margin-right: 47px; } .layout-carousel .links a{ margin-right: 20px; } .layout-carousel .links a:last-child{ margin-right: 0; } /* # Layout - Default */ .layout-default{ padding-top: 50px; } .layout-default.left{ padding-top: 50px; } .layout-default .content{ margin-left: 0; width: 50% } .layout-default .content.right{ width: 50%; margin-left: auto; margin-right: 0; text-align: right; } .layout-default .background.left{ position: absolute; margin-bottom: 0; height: 100% } .layout-default .background.fade-effect::after{ width: 20%; height: 100%; background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); } .layout-default .background.left.fade-effect::after{ bottom: initial; right: 0; } /* # Layout - Default Accordion */ .layout-default-accordion{ padding-top: 100px; } .layout-default-accordion .background-overlay{ height: 520px; } /* # Layout - Lists Slider */ .layout-lists-slider .lists-slides{ padding-right: 0; } .layout-lists-slider .lists-slides .list{ padding-left: 18px; padding-right: 18px; } .layout-lists-slider .lists-slides .list .list-container{ border-left: 9px solid #683E98; border-radius: 175px; height: 325px; } /* # Layout - Default With Background Image */ .layout-default-with-background-image{ padding-top: 100px; padding-bottom: 100px; } .layout-default-with-background-image::before{ content: none; } .layout-default-with-background-image .background{ position: absolute; height: 100%; width: 100%; background-position: left center; top: 0; left: 0; bottom: 0; right: 0; } .layout-default-with-background-image .background::after{ content: none; } .layout-default-with-background-image .content-wrapper{ position: relative; z-index: 2 } .layout-default-with-background-image .heading{ position: relative; padding-left: 90px; padding-right: 0; top: initial; right: initial; } .layout-default-with-background-image .heading h2 span{ display: block; opacity: 0.78; color: #A8A8A8; font-weight: 300; font-family: "atten-round-new",sans-serif; font-size: 30px; margin-left: -90px; } .layout-default-with-background-image .heading h2{ color: #683E98; font-weight: 700; font-family: "atten-round-new",sans-serif; font-size: 40px; margin-bottom: 0; line-height: 0.6; } .layout-default-with-background-image .heading .description{ width: 100%; max-width: 232px; margin-left: auto; margin-top: 20px; text-align: center; } .layout-default-with-background-image .heading .description p{ font-family: 'Montserrat', sans-serif; font-weight: 300; font-size: 14px; color: #683E98; line-height: 17px; } .layout-default-with-background-image .heading .description p strong, .layout-default-with-background-image .heading .description p b{ font-weight: 600; } .layout-default-with-background-image .content{ margin-top: 35px; width: 100%; max-width: 450px; } .layout-default-with-background-image .content p{ font-size: 16px; font-weight: 300; font-family: 'Poppins', sans-serif; color: #707070; line-height: 25px; padding: 0; } .layout-default-with-background-image .content .link{ margin-top: 37px; } .layout-default-with-background-image .content .link a{ max-width: 224px; height: 36px; font-size: 18px; } /* # Layout - Featured Product */ .layout-featured-product{ padding-top: 150px; padding-bottom: 90px; } .layout-featured-product .product-image{ padding-top: 0; margin-bottom: 0; } .layout-featured-product .background{ width: 600px; height: 100%; top: 0; bottom: initial; background-size: contain; background-position: top center; } .layout-featured-product.version-2{ padding-top: 50px; padding-bottom: 50px; } .layout-featured-product.version-2 .product-image{ margin-top: 0; position: absolute; top: 0; left: 0; width: 100%; max-width: 60%; bottom: 0; } /* # Layout - Success Story */ .layout-success-story .success-stories .success-story{ flex: 0 0 50%; max-width: 50%; } /* # Layout - Products */ .product-banner::after{ right: -107px; } .product-banner.version-2{ height: 635px; } .product-banner .product-banner-content .heading .sub-title{ font-size: 42px } .product-banner .product-banner-content .heading .title{ font-size:66px;/*font-size: 74px;*/ padding-left: 40px; } .layout-products .product-wrap .image{ flex: 0 0 190px; } .layout-products .product-wrap .content-wrap{ flex: 1; max-width: 100%; margin-top: 0; padding-left: 80px; } .layout-products .product-wrap .content-wrap .content-container{ padding-left: 0; padding-right: 0; } .layout-products .product-wrap .content-wrap .links{ text-align: left; } .layout-products .product-wrap .content-wrap .links a{ max-width: 315px; margin-left: 0; } /* # Layout - Teams */ .layout-team .team-banner{ width: 100%; max-width: 683px; border-radius: 0 74px 74px 0; padding-right: 54px; text-align: right; } .layout-team .teams .team{ flex: 0 0 50%; } /* # Layout - Press */ .layout-press { padding-top: 85px; } .layout-press .press-lists .press .image{ flex: 0 0 40%; margin-bottom: 0; } .layout-press .press-lists .press .press-content{ flex: 1; } .layout-press .background-overlay{ height: 520px; } /* # Layout - Locator */ .locator-banner h1{ text-align: center; } .locator-banner .form-container{ width: 100%; max-width: 630px; margin-right: auto; margin-left: auto; } .locator-banner .locator-form{ justify-content: center; } .locator-banner .locator-form .form-field{ margin-bottom: 0; } .locator-banner .locator-form .form-field.address{ flex: 0 0 262px; } .locator-banner .locator-form .form-field.label{ flex: 0 0 66px; margin-left: 6px; margin-right: 6px; padding: 0; text-align: center; } .locator-banner .locator-form .form-field.radius{ flex: 0 0 183px; max-width: 183px; } .locator-banner .locator-form .form-field.button{ flex: 0 0 100px; } /* # Layout - Clinics */ .layout-clinics .additional-filter{ border-radius: 57px; } .layout-clinics .additional-filter .form-container{ padding: 16px 30px; } .layout-clinics .additional-filter .advance-search{ height: 100%; max-height: none; } .layout-clinics .additional-form{ margin-left: -4px; margin-right: -4px; align-items: flex-end; } .layout-clinics .additional-form .form-field{ flex: 1; margin-bottom: 0; padding-left: 4px; padding-right: 4px; } .layout-clinics .additional-form .form-field.radio{ flex: 0 0 140px; } .layout-clinics .additional-form .form-field.button{ flex: 0 0 82px; } .layout-clinics .additional-form .form-field select{ padding: 7px 40px 7px 25px; } .layout-clinics .additional-form .form-field .form-label{ font-size: 10px; line-height: 14px; margin-bottom: 6px; } .layout-clinics .additional-form .form-field .radio-fields{ height: 30px; align-items: flex-end; } .layout-clinics .additional-form .form-field .radio-fields .radio{ margin-right: 15px; } .layout-clinics .additional-form .form-field .radio-fields .radio label{ font-size: 16px; line-height: 20px; margin-left: 5px; } .layout-clinics .additional-form .form-field button{ height: 30px; font-size: 14px; line-height: 13px; } .layout-clinics .clinics{ max-width: 630px; } .layout-clinics .clinics .clinic .clinic-header .action{ flex: 41.66666667%; max-width: 41.66666667%; padding-left: 12px; padding-right: 12px; margin-top: 0; text-align: left; } .layout-clinics .clinics .clinic .clinic-body .distance{ text-align: left; } .layout-clinics .clinics .clinic .clinic-body .address{ margin-top: 0; } .layout-clinics .clinics .clinic .clinic-body .action a{ display: inline-flex; } .layout-clinics .clinics .clinic .clinic-header .action a{ display: inline-flex; } .layout-clinics .statelisting .bp-section{ max-width: 630px; } /* # Layout - Single Clinic */ .single-clinic .content .action .cta{ margin-bottom: 0px; margin-right: 15px; display: inline-flex; } .single-clinic .content .action .cta:last-child{ margin-right: 0px; } .single-clinic .providers{ margin-right: -30px; margin-left: -30px; } .single-clinic .providers .provider{ flex: 0 0 50%; max-width: 50%; margin-bottom: 60px; padding-left: 30px; padding-right: 30px; } .single-clinic .providers .provider:last-child{ margin-bottom: 60px; } /* # Layout - Content with Image */ .layout-content-with-image.has-background{ padding-top: 160px; } .layout-content-with-image .background-overlay{ background-size: cover; } .layout-content-with-image.page-186.has-background, .layout-content-with-image.page-142.has-background, .layout-content-with-image.page-167.has-background, .layout-content-with-image.page-17912.has-background, .layout-content-with-image.page-143.has-background, .layout-content-with-image.page-168.has-background{ padding-top: 70px; } .layout-content-with-image.page-127.has-background, .layout-content-with-image.page-126.has-background, .layout-content-with-image.page-459.has-background, .layout-content-with-image.page-17901.has-background, .layout-content-with-image.single-research.has-background, .layout-content-with-image.page-17905.has-background, .layout-content-with-image.page-17908.has-background, .layout-content-with-image.page-17910.has-background, .layout-content-with-image.page-183.has-background{ padding-top: 100px; } .layout-content-with-image.page-183.has-background, .layout-content-with-image.page-141.has-background, .layout-content-with-image.page-166.has-background{ padding-top: 115px; } .layout-content-with-image.has-background .content h1{ margin-bottom: 6px; } .layout-press .content blockquote{ width: 40%; border-right: 1px solid #7aa52a; padding-right: 15px; margin-right: 15px; } /* # Template - Brand Refresh */ .template-brandrefresh{ padding-top: 0px; padding-bottom: 100px; } .template-brandrefresh.no-video{ padding-top: 100px; } .template-brandrefresh .brandrefresh-background{ top: 0; height: 624px; background-position: bottom center; } .template-brandrefresh .featured-story{ max-width: 991px; margin-bottom: 85px; } .template-brandrefresh .video{ max-width: 991px; margin-bottom: 85px; } .template-brandrefresh .video iframe{ height: 558px; } .template-brandrefresh .play-video::after{ width: 145px; height: 145px; } .template-brandrefresh .content{ margin-bottom: 60px; } .template-brandrefresh .links .cta{ margin-bottom: 0; display: inline-flex; margin-right: 90px; max-width: 224px; height: 36px; font-size: 18px; } .template-brandrefresh .links .cta:last-child{ margin-right: 0; } /* # Template - Announcement */ .announcement .announcement-section-4 .video iframe{ height: 485px; } .announcement .announcement-featured .featured-border{ border-left: 1.5px solid #707070; } .announcement .announcement-featured .content{ padding-left: 20px; padding-top: 15px; padding-bottom: 15px; } /* Template - Health Asessment */ .template-health-asessment .health-assessment-banner, .template-health-asessment .health-assessment-banner.disabled-next{ height: 464px; } .template-health-asessment .health-assessment-banner .banner-content .sub-heading{ margin-bottom: 0; } .template-health-asessment .health-assessment-banner .banner-content h2{ font-size: 29px; line-height: 12px; } .template-health-asessment .health-assessment-banner .banner-content h1{ font-size: 46px; line-height: 55px; } .template-health-asessment .health-assessment-banner .banner-content .description{ max-width: 330px; margin-top: 5px; } .template-health-asessment .health-assessment-banner .banner-content p{ font-size: 17px; line-height: 22px; } .template-health-asessment .health-assessment-banner .next-section{ margin-top: 45px; } /* Template - Learning Center */ .template-learning-center .lc-articles-container .lc-articles .articles .article{ max-width: 50%; margin-bottom: 18px; } .template-learning-center .lc-articles-container .lc-pagination{ padding-top: 30px; } /* Template Single Post */ .template-single-post .single-post-content .sp-content-container .single-post-details{ margin-bottom: 27px; } .template-single-post .single-post-content .sp-content-container .single-post-details .written, .template-single-post .single-post-content .sp-content-container .single-post-details .revision{ display: inline-block; line-height: 1; } .template-single-post .single-post-content .sp-content-container .single-post-details .written{ border-right: 2px solid #707070; margin-right: 5px; padding-right: 5px; } .template-single-post .single-post-content .sp-content-container .content h3, .template-single-post .single-post-content .sp-content-container .content h2{ margin-bottom: 0; } .template-single-post .single-post-content .sp-content-container .content p{ margin-bottom: 20px; } .template-single-post .single-post-content .sp-content-container .content ul, .template-single-post .single-post-content .sp-content-container .content ol{ margin-bottom: 20px; } .template-single-post .get-started{ padding-top: 37px; padding-bottom: 37px; } .template-single-post .get-started h2{ margin-bottom: 11px; } .template-single-post .get-started .description{ margin-bottom: 24px; } .template-single-post .get-started .links a{ display: inline-flex; margin-bottom: 0; margin-right: 24px; max-width: 215px; height: 35px; font-size: 17px; } .template-single-post .get-started .links a:last-child{ margin-right: 0; } .template-single-post .related-article .related-articles .article{ max-width: 50%; margin-bottom: 18px; } .template-single-post .related-article{ padding: 34px 0; } .product-videos .video-holder { flex: 0 0 50%; max-width: 50%; padding-top: 29.25%; } .template-careers .career-biote .icons .icon{ max-width: 33.33%; } .template-careers .career-biote .icons .icon:nth-last-child(-n+3) { margin-bottom: 0; } /* # Training and Events */ .training-events-template .calendar-filter label { display: inline-block; margin-bottom: 0; vertical-align: middle; } .training-events-template .calendar-filter .filter-wrapper { display: inline-block; vertical-align: middle; } .training-events-template .training-event-lists { margin-left: 0; margin-right: 0; margin-top: 28px; } .training-events-template .training-event-lists table tbody tr td.event-location, .training-events-template .training-event-lists table tbody tr td.event-date { padding-left: 15px; padding-right: 15px; } .training-events-template .training-event-lists table tbody tr td.event-name { padding-right: 15px; width: auto; } .general-modal .form-content-block .training-selected { padding-bottom: 8px; padding-top: 8px; } #signatureIframe{ height:1600px; } .template-careers .career-core-values .core-values-wrapper{ max-width: 100%; } .template-careers .career-core-values .core-values .item{ flex: 1 0 50%; margin-bottom: 20px; padding-inline: 20px; } } /* ======================[ Min-Width: 992px; ]====================== */ @media (min-width: 992px) { /* # Footer */ #main-footer .bottom-footer{ padding: 36px 0; } #main-footer .bottom-footer .footer-links{ margin-bottom: 61px; } #main-footer .bottom-footer .footer-container{ max-width: 100%; } #main-footer .bottom-footer .footer-links .links-col{ flex: 0 0 18.75%; max-width: 18.75%; margin-bottom: 0; } #main-footer .bottom-footer .footer-links .links-col:nth-child(2){ flex: 0 0 25%; max-width: 25%; } #main-footer .bottom-footer .footer-links .links-col:nth-last-child(-n+3){ flex: 0 0 18.75%; max-width: 18.75%; } #main-footer .bottom-footer .footer-links .links-col:nth-child(4){ flex: 0 0 14%; max-width: 14%; } #main-footer .bottom-footer .footer-links .links-col:nth-child(5){ flex: 0 0 23.5%; max-width: 23.5%; } #main-footer .bottom-footer .site-logo{ margin-left: 0; } #main-footer .bottom-footer .address-wrapper{ text-align: left; } #main-footer .bottom-footer .address{ font-size: 12px; padding-left: 27px; } #main-footer .bottom-footer .address .marker-icon{ max-width: 18px; } #main-footer .bottom-footer .acf-map{ height: 87px; } #main-footer .bottom-footer .phone{ margin-top: 15px; } #main-footer .bottom-footer .phone a{ font-size: 12px; max-width: 153px; height: 29px; } #main-footer .bottom-footer .phone img{ max-width: 9px; } #main-footer .bottom-footer .contacts .contact{ font-size: 12px; padding-left: 27px; margin-bottom: 12px; } #main-footer .bottom-footer .contacts .contact a{ font-size: 12px; } #main-footer .bottom-footer .contacts .contact .icon{ max-width: 19px; } #main-footer .bottom-footer .contacts .contact:nth-child(1) .icon{ max-width: 11px; } #main-footer .bottom-footer .contacts .contact:nth-child(2) .icon{ max-width: 17px; } #main-footer .bottom-footer .contacts .contact:last-child .icon{ max-width: 17px; } #main-footer .bottom-footer h4{ font-size: 16px; text-align: left; } #main-footer .bottom-footer .footer-menu .menu{ text-align: left; } #main-footer .bottom-footer .footer-menu .menu li{ margin-bottom: 5px; } #main-footer .bottom-footer .footer-menu .menu li a{ font-size: 12px; } #main-footer .bottom-footer .copyright{ font-size: 12px; } #main-footer .disclaimer .text{ font-size: 11px; } /* # Common Content */ .custom-modal .modal-dialog{ max-width: 964px; } .custom-modal .modal-dialog .modal-body{ padding: 59px 114px; } .custom-modal .btn-close{ background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23683E98'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat; position: absolute; top: 39px; right: 50px; color: #683E98; width: 23px; height: 23px; background-size: contain; } .form-wrap .gform_wrapper .gform_body ul li input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]){ padding: 14px 23px; } .form-wrap .gform_wrapper .gform_body ul li input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]){ padding: 14px 23px; } .form-wrap .gform_wrapper .gform_body ul li select{ padding: 14px 40px 14px 23px } .form-wrap .gform_wrapper .gform_body ul li textarea{ padding: 14px 23px; height: 210px; border-radius: 39px; } .form-wrap .gform_wrapper .gform_footer .gform_button:not([type=radio]):not([type=checkbox]):not([type=image]):not([type=file]){ max-width: 224px; height: 36px; font-size: 18px; } .form-wrap .gform_wrapper .gform_body ul li.gf-group .ginput_container span{ flex: 0 0 50%; max-width: 50%; } .form-wrap .gform_wrapper .gform_body ul li.gf-group .ginput_container span.ginput_full{ flex: 0 0 100%; max-width: 100%; } .form-wrap .gform_wrapper .gform_body ul li.gf-group .ginput_container span.address_city{ flex: 0 0 70%; max-width: 70%; } .form-wrap .gform_wrapper .gform_body ul li.gf-group .ginput_container span.address_state{ flex: 0 0 30%; max-width: 30%; } .form-wrap .gform_wrapper ul.gform_fields li.gf_left_half{ flex: 0 0 50%; max-width: 50%; } .form-wrap .gform_wrapper ul.gform_fields li.gf_right_half{ flex: 0 0 50%; max-width: 50%; } .form-wrap .gform_wrapper ul.gform_fields li.gf_left_half.gf_40{flex: 0 0 40%; max-width: 40%; } .form-wrap .gform_wrapper ul.gform_fields li.gf_right_half.gf_40{ flex: 0 0 40%; max-width: 40%; } .form-wrap .gform_wrapper ul.gform_fields li.gf_left_half.gf_60{flex: 0 0 60%; max-width: 60%; } .form-wrap .gform_wrapper ul.gform_fields li.gf_right_half.gf_60{ flex: 0 0 60%; max-width: 60%; } .form-wrap .gform_wrapper.gform_validation_error ul.gform_fields li.gfield_error.g-field:not(.gf_left_half):not(.gf_right_half){ max-width: 100% !important; } .form-wrap .gform_wrapper.gform_validation_error ul.gform_fields li.gfield_error.gf_left_half{ flex: 0 0 50%; max-width: 50%; margin-right: 0; padding-right: 3px; } .form-wrap .gform_wrapper.gform_validation_error ul.gform_fields li.gfield_error.gf_right_half{ flex: 0 0 50%; max-width: 50%; margin-right: 0; padding-right: 3px; } .form-wrap .gform_wrapper.gform_validation_error ul.gform_fields li.gfield_error.gf_left_half.gf_40{flex: 0 0 40%; max-width: 40%; margin-right: 0; padding-right: 3px; } .form-wrap .gform_wrapper.gform_validation_error ul.gform_fields li.gfield_error.gf_right_half.gf_40{ flex: 0 0 40%; max-width: 40%; margin-right: 0; padding-right: 3px; } .form-wrap .gform_wrapper.gform_validation_error ul.gform_fields li.gfield_error.gf_left_half.gf_60{flex: 0 0 60%; max-width: 60%; margin-right: 0; padding-right: 3px; } .form-wrap .gform_wrapper.gform_validation_error ul.gform_fields li.gfield_error.gf_right_half.gf_60{ flex: 0 0 60%; max-width: 60%; margin-right: 0; padding-right: 3px; } .form-wrap .gform_wrapper .gform_body ul li.gf-group span .ui-selectmenu-button{ flex: 0 0 100%; max-width: 100%; padding: 15px 40px 15px 25px !important; } .form-wrap .gform_wrapper .gform_body ul li.gf-group .ginput_container span .ui-selectmenu-button span{ flex: 0 0 100%; max-width: 100%; } .form-wrap .gform_wrapper .gform_body ul li .ui-selectmenu-button{ flex: 0 0 100%; max-width: 100%; padding: 15px 40px 15px 25px !important; } .form-wrap .gform_wrapper .gform_body ul li .ui-selectmenu-button span{ flex: 0 0 100%; max-width: 100%; } .team-modal .content{ max-height: 100%; overflow-y: initial; } /* # Layout - Default */ .layout-default.left{ padding-top: 50px; } /* # Layout - Default With Background Image */ .layout-default-with-background-image .content{ margin-top: 50px; } /* # Layout - Featured Product */ .layout-featured-product .background{ width: 700px; } .layout-featured-product.version-2{ padding-top: 100px; padding-bottom: 100px; } .layout-featured-product.version-2 .product-image{ max-width: 50%; } /* # Layout - Content with Image */ .layout-content-with-image .background-overlay{ height: 520px; } .layout-content-with-image .background{ width: 789px; height: 513px; bottom: 0; right: -360px; } .layout-content-with-image .image{ position: absolute; bottom: 0; } /* # Layout - Default Accordion */ .layout-default-accordion .accordion-button{ padding: 10px 50px 15px 60px; } .layout-default-accordion .accordion-body{ padding: 0 15px 15px 60px; } /* # Layout - Success Story */ .layout-success-story .featured-story{ max-width: 861px; } /* # Layout - Success Story */ .layout-success-story .success-stories .success-story{ flex: 0 0 33.33%; max-width: 33.33%; } .layout-success-story .success-stories.col2 .success-story{ flex: 0 0 50%; max-width: 50%; } .layout-success-story .sucessStory-disclaimer p{ font-size: 11px; } /* # Layout - Default Banner */ .layout-banner-default{ margin-top: 0; padding-top: 200px; padding-bottom: 36px; overflow: hidden; } .layout-banner-default::after{ top: -53px; width: 474px; height: 474px; right: 85px; border-width: 11px; } .layout-banner-default::before{ height: 103px; bottom: 0; background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); } .layout-banner-default.circle-gray .banner-heading{ max-width: 600px; } .layout-banner-default .banner-heading{ position: relative; top: 0; max-width: 460px; } .layout-banner-default .banner-heading .heading{ font-size: 40px; line-height: 68px; } .layout-banner-default .banner-heading .heading span{ font-size: 30px; line-height: 10px; } .layout-banner-default.left{ margin-top: 0; height: 502px; padding-top: 175px; background-position: 85% 100%; } .layout-banner-default.left::after{ width: 508px; height: 508px; right: initial; left: -70px; top: initial; bottom: -77px; } .layout-banner-default.left .banner-heading{ top: 50%; transform: translateY(-50%); } .layout-banner-default.left .banner-heading .heading span{ line-height: 30px; } .layout-banner-default.left .banner-heading .heading{ line-height: 54px; } /* # Layout - Sidebar Content With Accordion */ .layout-sidebar-content-w-accordion .background{ position: absolute; width: 100%; height: 180px; right: 0; bottom: -160px; left: 0; background-size: cover; background-repeat: no-repeat; background-position: top center; mix-blend-mode: multiply; } .layout-sidebar-content-w-accordion .sidebar-content-lists .sidebar-content-item .description{ padding-right: 50px; } .layout-sidebar-content-w-accordion .accordion-content{ margin-top: 25px; padding-left: 0; } .layout-sidebar-content-w-accordion .accordion-content .accordion-item{ margin-bottom: 30px; } .layout-sidebar-content-w-accordion .accordion-content .accordion-item .accordion-header .accordion-button{ padding-left: 50px; } .layout-sidebar-content-w-accordion .accordion-content .accordion-item .accordion-header .accordion-button::before{ width: 40px; height: 18px; } .layout-sidebar-content-w-accordion .accordion-content .accordion-item .accordion-body{ padding: 0; } .layout-sidebar-content-w-accordion .accordion-content .accordion-body h2{ font-family: "atten-round-new",sans-serif; font-size: 35px; font-weight: 500; color: #449D35; line-height: 41px; margin-bottom: 15px; } .layout-sidebar-content-w-accordion .accordion-content .accordion-body h2 strong, .layout-sidebar-content-w-accordion .accordion-content .accordion-body h2 b{ font-weight: bold; } .layout-sidebar-content-w-accordion .accordion-content .accordion-body h3{ font-family: 'Poppins', sans-serif; font-weight: 600; font-size: 19px; line-height: 27px; margin-bottom: 5px; } .layout-sidebar-content-w-accordion .accordion-content .accordion-body p{ font-size: 16px; line-height: 27px; font-family: 'Poppins', sans-serif; font-weight: 300; padding-bottom: 0; margin-bottom: 30px; color: #707070; } .layout-sidebar-content-w-accordion .accordion-content .accordion-body p:last-of-type{ margin-bottom: 0; } .layout-sidebar-content-w-accordion .sidebar-content-lists .description ul li{ font-size: 16px; line-height: 25px; } /* # Layout - Products */ .product-banner{ margin-top: 0; padding-top: 90px; padding-bottom: 70px; overflow: hidden; background-position: 40% center; height: 569px; } .product-banner::after{ top: -150px; width: 508px; height: 508px; left: initial; right: 20px; border-width: 11px; } .product-banner .banner-heading{ position: relative; top: 0; max-width: 740px; margin-left: auto; } .product-banner .banner-heading .heading{ font-size: 74px; line-height: 68px; padding-left: 0; } .product-banner .banner-heading .heading span{ font-size: 42px; line-height: 40px; } .product-banner .sub-heading{ bottom: 57px; font-size: 51px; line-height: 45px; max-width: 360px; left: initial; } .layout-products{ padding-top: 70px; } .layout-products .products .product{ flex: 0 0 50%; max-width: 100%; } .layout-products .product-wrap .image{ flex: 0 0 140px; } .layout-products .product-wrap .content-wrap .links a{ height: 36px; max-width: 204px; font-size: 17px; margin-bottom: 15px; } .layout-products .view-all .cta{ max-width: 224px; height: 36px; font-size: 17px; } .product-single-banner{ padding-top: 43px; padding-bottom: 23px; } .product-single-banner::after{ content: ''; width: 513px; height: 100%; background-image: url(../images/product-backdrop.png); background-repeat: no-repeat; background-position: right bottom; background-size: contain; position: absolute; right: 0; top: 0; bottom: 0; mix-blend-mode: multiply; } .product-single-banner h1{ font-size: 66px; line-height: 47px; text-align: left; } .product-single .image-wrap{ margin-top: -70px; } .product-single .image-wrap .image{ max-width: 250px; } .product-single .content-wrap{ margin-top: 0; padding-top: 35px; padding-bottom: 50px; } .product-single .content .content h1{ font-size: 45px; line-height: 47px; margin-bottom: 30px; } .product-single .content .content p{ font-size: 16px; line-height: 25px; margin-bottom: 30px; } .product-single .content .content p strong, .product-single .content .content p b{ font-size: 17px; } .product-single .content .content h2{ font-size: 19px; line-height: 25px; } .product-single .content .content ul, .product-single .content .content ol{ margin-bottom: 30px; } .product-single .content .content p:last-of-type ~ ul{ margin-top: 30px; } .product-single .content .content ul li, .product-single .content .content ol li{ font-size: 17px; line-height: 25px; } .product-single .content .content h3{ font-size: 19px; line-height: 25px; } .product-single .links{ margin-top: 60px; } .product-single .links a{ display: inline-flex; margin-bottom: 0px; margin-right: 0; margin-left: 0; max-width: 200px; height: 36px; font-size: 17px; } .product-single .links a:last-child{ margin-bottom: 0; margin-right: 0px; } /* # Layout - Teams */ .layout-team .team-banner{ padding-top: 27px; padding-bottom: 31px; } .layout-team .team-banner h1{ font-size: 35px; line-height: 35px; } .layout-team .teams .team{ flex: 0 0 33.33%; } /* # Layout - Clinics */ .layout-clinics .clinics{ max-width: 100%; } .layout-clinics .clinics .clinic{ padding: 27px 43px; margin-bottom: 38px; } .layout-clinics .clinics .clinic .clinic-header .image{ max-width: 67px; } .layout-clinics .clinics .clinic .clinic-header .title{ flex: 1; } .layout-clinics .clinics .clinic .clinic-header .title h2 a{ font-size: 21px; line-height: 25px; } .layout-clinics .clinics .clinic .clinic-body .detail{ font-size: 12px; line-height: 18px; } .layout-clinics .clinics .clinic .cta { border-width: 3px; height: 35px; font-size: 14px; max-width: 170px; } .layout-clinics .clinics .clinic .clinic-body .address{ font-size: 12px; line-height: 18px; padding-left: 35px; } .layout-clinics .clinics .clinic .clinic-body .address .icon{ max-width: 26px; top: 50%; transform: translateY(-50%); } .layout-clinics .clinics .clinic .clinic-body .distance{ font-size: 12px; line-height: 23px; margin-top: 15px; padding-left: 35px; } .layout-clinics .clinics .clinic .clinic-body .distance span{ font-size: 16px; line-height: 27px; } .layout-clinics .clinics .clinic .clinic-body .action{ margin-top: 12px; } .layout-clinics .statelisting .bp-section{ max-width: 100%; } /* # Layout - Single Clinic */ .single-clinic .content .content-header{ padding-left: 130px; margin-bottom: 20px; } .single-clinic .content .content-header .header-image{ position: absolute; max-width: 120px; top: 50%; transform: translateY(-50%); left: 0; } .single-clinic .content .content-header .header-headings{ margin-top: 0; } .single-clinic .content .content-header .header-headings h1{ margin-bottom: 0; font-size: 45px; line-height: 45px; } .single-clinic .content{ width: 100%; max-width: 630px; } .single-clinic .content .details{ margin-left: 0; margin-top: 25px; padding: 30px 35px; } .single-clinic .content .action{ margin-top: 25px; margin-bottom: 25px; } .single-clinic .content .action .cta{ max-width: 190px; margin-right: 30px; height: 30px; font-size: 16px; line-height: 14px; } .single-clinic .clinic-sidebar{ margin-bottom: 0; margin-top: 0; width: 100%; max-width: 330px; margin-left: 50px; } .single-clinic .sidebar-content .action .cta{ max-width: 190px; height: 30px; font-size: 16px; line-height: 15px; margin-bottom: 10px; } .single-clinic .providers{ margin-right: -45px; margin-left: -45px; margin-top: 60px; } .single-clinic .providers .provider{ padding-left: 45px; padding-right: 45px; } /* # Template - Announcement */ .announcement .announcement-section:last-of-type{ margin-bottom: 50px; } .announcement .content .cta{ display: inline-flex; } .announcement .links .cta{ margin-bottom: 0; margin-right: 30px; display: inline-flex; } .announcement .links .cta:last-child{ margin-right: 0; } .announcement .announcement-banner{ padding-top: 200px; padding-bottom: 200px; } .announcement .announcement-banner .content{ margin-right: 0px; } .announcement .announcement-section-2{ padding-top: 52px; padding-bottom: 52px; } .announcement .announcement-section-3{ margin-top: 50px; } .announcement .announcement-section-3 .content{ width: 100%; max-width: 501px; margin-top: 0; } .announcement .announcement-section-3 .links .cta{ display: inline-flex; } .announcement .featured-press{ margin-top: 50px; } .announcement .featured-press .featured-press-container h2{ margin-bottom: 28px; } .announcement .featured-press .featured-press-container .press-lists .press-list{ max-width: 33.33%; margin-bottom: 0; } .announcement .featured-press .featured-press-container .view-archive{ margin-top: 60px; } /*.announcement .announcement-section-4{ margin-top: 100px; }*/ .announcement .announcement-section-4{ margin-top: 50px; } .announcement .announcement-section-4 .video{ margin-top: 50px; } .announcement .announcement-featured ~ .announcement-section{ margin-top: 50px; } /* Template - Health Asessment */ .template-health-asessment .health-assessment-form{ padding: 65px 0 55px; } .template-health-asessment .health-assessment-banner .banner-content .sub-heading{ margin-bottom: 10px; } .template-health-asessment .health-assessment-banner .banner-content h2{ font-size: 29px; line-height: 12px; } .template-health-asessment .health-assessment-banner .banner-content .heading{ padding-left: 30px; } .template-health-asessment .health-assessment-banner .banner-content h1{ font-size: 60px; line-height: 50px; } .template-health-asessment .health-assessment-banner .banner-content .description{ padding-left: 30px; max-width: 560px; margin-top: 15px; } .template-health-asessment .health-assessment-banner .banner-content p{ font-size: 22px; line-height: 22px; } .template-health-asessment .health-assessment-form .asessment-form{ padding: 0 45px; } .template-health-asessment .health-assessment-form .asessment-form.version-2 .gform_body .gfield, .template-health-asessment .health-assessment-form .asessment-form.version-2 .gform_body .gfield--width-full{ margin-bottom: 50px; } .template-health-asessment .health-assessment-form .asessment-form.version-2 .error-message{ margin-left: 0; } .template-health-asessment .health-assessment-banner .next-section{ margin-top: 45px; max-width: 560px; width: 100%; } .template-health-asessment .health-assessment-form .asessment-form.version-2 .gform_body .gform_fields{ column-count: 2; } .template-health-asessment .health-assessment-form .asessment-form .gform_body .gfield_validation_message{ position: absolute; left: 0; right: 0; top: -20px; margin: auto; } .template-health-asessment .health-assessment-form .asessment-form .gform_footer{ margin-top: 70px; } .template-health-asessment .health-assessment-form .asessment-form .gform_page_footer input[type="submit"].gform_button, .template-health-asessment .health-assessment-form .asessment-form .gform_footer input[type="submit"].gform_button{ max-width: 224px; height: 36px; font-size: 18px; } .template-health-asessment .health-assessment-results .results-container{ display: flex; flex-wrap: wrap; align-items: center; justify-content: center; } .template-health-asessment .health-assessment-results .results-content{ flex: 0 0 500px; max-width: 500px; margin-bottom: 0; padding-left: 70px; padding-right: 70px; } .template-health-asessment .health-assessment-results .results-form-container{ flex: 1; max-width: 100%; } .template-health-asessment .health-assessment-results .results-form .gform_body .gfield, .template-health-asessment .health-assessment-results .results-form .gform_body .gfield--width-full, .template-health-asessment .health-assessment-results .results-form .gform_body .gfield_visibility_visible{ grid-column: span 6; } .template-health-asessment .health-assessment-results .results-form .gform_body .gfield.styled-checkbox, .template-health-asessment .health-assessment-results .results-form .gform_body .gfield--width-full.styled-checkbox{ grid-column: span 12; } .template-health-asessment .health-assessment-results .results-form .gform_wrapper .gform_body input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]){ padding: 10px 23px; } .template-health-asessment .health-assessment-results .results-form .gform_wrapper .gform_body select{ padding: 10px 40px 10px 23px } .template-health-asessment .health-assessment-results .results-form .gform_wrapper .gform_body textarea{ padding: 10px 23px; height: 210px; border-radius: 39px; } .template-health-asessment .health-assessment-results .results-form .gform_wrapper .gform_footer .gform_button:not([type=radio]):not([type=checkbox]):not([type=image]):not([type=file]){ max-width: 224px; height: 36px; font-size: 18px; } .template-health-asessment .health-assessment-results .results-form .gform_footer input[type="submit"].gform_button{ max-width: 224px; height: 36px; font-size: 18px; } .template-health-asessment .health-assessment-results .disclaimer{ margin-top: 40px; } /* Template - Learning Center */ .template-learning-center .lc-articles-container .lc-heading.no-heading { margin-bottom: 20px; } .template-learning-center .lc-articles-container{ border: none; padding-top: 0; margin-top: 0; } .template-learning-center .search-filter{ margin-bottom: 45px; } .template-learning-center .search-filter .search-container{ margin-bottom: 0; max-width: 382px; margin-left: 40px; } .template-learning-center .search-filter .search-container input{ height: 42px; } .template-learning-center .lc-articles-container h2{ margin-bottom: 18px; } .template-learning-center .cta-lc-filter{ display: none; } .template-learning-center .lc-filters{ display: block; padding: 0; margin-right: 25px; height: 100%; border-right: 3px solid #A8A8A8; } /* Template Single Post */ .template-single-post .single-post-header{ margin-bottom: 50px; } .template-single-post .related-article .related-articles .article{ max-width: 33.33%; margin-bottom: 0px; } .template-careers .career-content .content { max-width: 490px; } .template-careers .career-core-values .core-values-wrapper{ max-width: 100%; } .template-careers .career-core-values h2{ margin-bottom: 20px; } .template-careers .career-core-values h2 strong{ display: inline-block; } .template-careers .career-core-values .core-values{ margin-left: -20px; margin-right: -20px; } .template-careers .career-core-values .core-values .item{ padding-left: 20px; padding-right: 20px; margin-bottom: 20px; flex: 1 0 33.33%; } /* .template-careers .career-core-values .core-values .item:nth-child(n+6){ margin-top: 30px; }*/ .template-careers .career-workWithUs .content h2{ max-width: 100%; } .general-modal .modal-dialog .modal-content .modal-body { padding-bottom: 60px; padding-top: 60px; } .general-modal .modal-dialog .btn-close { top: 20px; right: 40px; } /* Press Center */ .press-center-layout .content h1{ font-size: 40px; } .press-center-layout .content h2{ font-size: 43px; } .press-center-layout .heading{ font-size: 43px; } .press-center-layout .cta, .press-center-layout .content .cta{ margin-top: 20px; max-width: 215px; height: 35px; font-size: 17px; } .press-center-banner .content{ max-width: 671px; min-height: 400px; } .press-center-banner .image{ background-position: bottom right; } .press-center-contact-assets{ padding-top: 33px; padding-bottom: 41px; } .press-center-contact-assets .contact-assets-container{ height: 100%; } .press-center-contact-assets .left{ margin-bottom: 0; } .press-center-contact-assets .left .contact-assets-container{ padding-bottom: 0; border-bottom: none; border-right: 2px solid #A8A8A8; padding-right: 15px; } .press-center-press-releases{ padding-top: 25px; padding-bottom: 25px; } .press-center-press{ padding-top: 38px; padding-bottom: 45px; } .press-center-press .content h2{ margin-bottom: 5px; } .press-center-press .press-lists .press{ padding-bottom: 14px; margin-bottom: 15px; } .press-center-press .press-lists .press .post-date{ margin-bottom: 2px; } .press-center-press .press-lists .press .press-link{ margin-top: 0; } /* CyberSource */ .cybersource-template .content{ margin-bottom: 50px; } .cybersource-template .pricing-lists .item{ max-width: 50%; margin-bottom: 0; } .cybersource-template .cybersource-form .gform_wrapper .g-field.g-full{ grid-column: span 6; } .cybersource-iframe{ margin-bottom: 50px; } #signatureIframe{ height:1550px; } } /* ======================[ Min-Width: 1200px; ]====================== */ @media (min-width: 1200px) { /* # Typography & Buttons */ .cta{ border-width: 3px; height: 29px; font-size: 12px; max-width: 159px; } .cta.cta-large{ height: 30px; font-size: 16px; max-width: 190px; } /* # Common Content */ #content.site-content{ padding-top: 115px; } #content.site-content.site-brandrefresh-content{ padding-top: 199px; } #content.site-content.site-brandrefresh-content.shrink{ padding-top: 170px; } .form-wrap .gfield_html h2{ font-size: 53px; line-height: 54px; } .form-wrap .gfield_html p{ font-size: 20px; line-height: 27px; } .form-wrap .gfield_html h3{ font-size: 26px; line-height: 31px; } .product-quickView-modal .close{ font-size: 31px; top: 20px; right: 20px; } .product-quickView-modal .modal-header{ padding-top: 45px; padding-bottom: 40px; padding-left: 300px; justify-content: flex-start; } .product-quickView-modal .modal-header .modal-title{ font-size: 50px; line-height: 1; text-align: left; } .product-quickView-modal .modal-dialog .modal-body{ padding-top: 50px; padding-bottom: 90px; padding-left: 0; padding-right: 70px; } .product-quickView-modal .product-navigation{ bottom: -90px; } .product-quickView-modal .image-wrap{ flex: 0 0 300px; margin-top: -150px; } .product-quickView-modal .content-wrap{ flex: 1; } .product-quickView-modal .content{ max-height: 100%; overflow-y: initial; } .product-quickView-modal .content-wrap .content h1{ font-size: 45px; line-height: 47px; } .product-quickView-modal .content-wrap .content p{ font-size: 16px; } .product-quickView-modal .content-wrap .content p strong, .product-quickView-modal .content-wrap .content p b{ font-size: 17px; } .product-quickView-modal .content-wrap .content h2{ font-size: 18px; line-height: 25px; } .product-quickView-modal .content-wrap .content ul li, .product-quickView-modal .content-wrap .content ol li{ font-size: 16px; line-height: 25px; } .product-quickView-modal .content-wrap .content h3{ font-size: 17px; } .product-quickView-modal .content-wrap .links{ margin-top: 67px; text-align: left; } .product-quickView-modal .content-wrap .links a{ margin-bottom: 0; font-size: 17px; max-width: 225px; height: 36px; display: inline-flex; margin-right: 26px; margin-left: 0; } .product-quickView-modal .content-wrap .links a:last-child{ margin-right: 0; } .product-quickView-modal .other-images h2{ font-size: 18px; line-height: 25px; } .team-modal .modal-dialog{ padding-top: 100px; max-width: 982px; } .team-modal .modal-header{ padding-top: 25px; padding-bottom: 30px; padding-right: 100px; padding-left: 210px; align-items: flex-start; border-radius: 96px 96px 0 0; position: relative; } .team-modal .modal-header .image{ width: 250px; height: 250px; margin-top: 0; position: absolute; left: -70px; top: 50%; transform: translateY(-50%); } .team-modal .modal-header .team-info{ flex: 1; max-width: 100%; } .team-modal .modal-header h2{ font-size: 45px; line-height: 47px; margin-top: 0; margin-bottom: 0; text-align: left; } .team-modal .modal-header h3{ font-size: 25px; line-height: 40px; text-align: left; } .team-modal .close{ font-size: 31px; top: 40px; right: 40px; } .team-modal .modal-content{ border-radius: 96px; } .team-modal .modal-dialog .modal-body{ padding: 80px 100px; } .team-modal .content h1{ font-size: 45px; line-height: 47px; } .team-modal .content p{ font-size: 16px; } .team-modal .content p strong, .team-modal .content p b{ font-size: 17px; } .team-modal .content h2{ font-size: 18px; line-height: 25px; } .team-modal .content ul li, .team-modal .content ol li{ font-size: 16px; line-height: 25px; } .team-modal .content h3{ font-size: 17px; } .render-map{ height: 481px; } /* # Footer */ #main-footer .bottom-footer h4{ font-size: 17px; } /* # Maps */ /*.render-map .gm-style .gm-style-iw-c{ transform: translate3d(10%,-30%,0); } .render-map .gm-style .gm-style-iw-t::after{ left: 40px; top: 30px; transform: translate(-50%,-50%) rotate(45deg); }*/ .gm-style .gm-style-iw-d{ padding-top: 30px; padding-right: 20px; padding-left: 35px; padding-bottom: 10px; } .marker-row .marker-col{ flex: 0 0 60%; } .marker-row .marker-col:last-child{ flex: 0 0 40%; margin-top: 0; } /* # Header & Navbar */ #brandrefresh-header { padding: 45px 0; } #brandrefresh-header .site-logo{ max-width: 260px; } #brandrefresh-header .site-logo.shrink{ max-width: 190px; } #main-header { padding: 20px 0 0; } #main-header .container{ max-width: 1200px; } #main-header .site-nav .menu > li { padding-bottom: 20px; } #main-header .site-logo { max-width: 158px; padding-bottom: 20px; } /* # Layout - Carousel */ .layout-carousel .carousel-indicators{ bottom: 100px; } .layout-carousel .carousel-wrapper{ height: 630px; } .layout-carousel .carousel-wrapper .content{ top: 47px; } .layout-carousel .carousel-item:nth-child(2) .carousel-wrapper.right{ background-position: 50% 100%; } .layout-carousel .carousel-item:nth-child(3) .carousel-wrapper.right{ background-position: 100% 100%; } .layout-carousel .carousel-item:nth-child(3) .carousel-wrapper .content .headings{ max-width: 470px; } .layout-carousel .carousel-wrapper .content .headings{ /*max-width: 600px;*/ max-width: 560px; } .layout-carousel .carousel-wrapper .content h3{ font-size: 48px; } .layout-carousel .carousel-wrapper .content h2{ /*font-size: 125px;*/ font-size: 110px; line-height: 0.8; margin-left: 55px; } .layout-carousel .carousel-item:nth-child(2) .carousel-wrapper .description{ max-width: 415px; } .layout-carousel .carousel-wrapper .description{ max-width: 415px; margin-top: 25px; margin-right: 60px; } .layout-carousel .carousel-item:nth-child(3) .carousel-wrapper .description{ margin-right: 0; } .layout-carousel .carousel-wrapper .description p{ font-size: 25px; line-height: 31px } .layout-carousel .links{ bottom: 145px; } .layout-carousel .links a{ margin-bottom: 0; margin-right: 43px; max-width: 224px; height: 36px; font-size: 18px; } .layout-carousel .links a:last-child{ margin-right: 0; } /* # Layout - Default */ .layout-default{ padding-top: 98px; padding-bottom: 110px; } .layout-default.left{ padding-top: 98px; } .layout-default .background{ max-width: 608px; height: 100%; } .layout-default .content h2{ font-size: 45px; margin-bottom: 25px; line-height: 47px; } .layout-default .content p{ font-size: 16px; } .layout-default .content .link{ margin-top: 30px; } .layout-default .content .link a{ max-width: 224px; height: 37px; font-size: 17px; } /* # Layout - Default With Background */ .layout-default-with-background{ padding-top: 55px; padding-bottom: 55px; } .layout-default-with-background .content h2{ font-size: 45px; margin-bottom: 25px; line-height: 47px; } .layout-default-with-background .content p{ font-size: 16px; } .layout-default-with-background .content .link{ margin-top: 30px; } .layout-default-with-background .content .link a{ max-width: 224px; height: 37px; font-size: 17px; } /* # Layout - Lists Slider */ .layout-lists-slider{ padding-top: 79px; padding-bottom: 79px; } .layout-lists-slider .list-content-wrapper{ margin-bottom: 49px; } .layout-lists-slider .lists-slides .list .list-container{ border-width: 10px; height: 325px; padding: 64px 97px; } .layout-lists-slider .content h2{ font-size: 45px; line-height: 47px; margin-bottom: 10px; } .layout-lists-slider .content p{ font-size: 16px; line-height: 26px; } .layout-lists-slider .lists-slides .list p{ font-size: 16px; line-height: 26px; } .layout-lists-slider .list-navigation-container{ margin-top: 73px; } .layout-lists-slider .lists-navigation{ padding-left: 40px; padding-right: 40px; } .layout-lists-slider .lists-navigation .slick-dots li{ margin-right: 16px; } .layout-lists-slider .lists-navigation .slick-dots li button{ width: 14px; height: 14px; } /* # Layout - Default With Background Image */ .layout-default-with-background-image{ padding-top: 110px; padding-bottom: 110px; } .layout-default-with-background-image .heading h2{ font-size: 45px; line-height: 0.7; } .layout-default-with-background-image .heading h2 span{ font-size: 30px; margin-left: -90px; } .layout-default-with-background-image .heading .description{ max-width: 414px; margin-right: -74px; } .layout-default-with-background-image .heading .description p{ font-size: 20px; line-height: 28px; } .layout-default-with-background-image .content p{ font-size: 16px; } .layout-default-with-background-image .content .link{ margin-top: 30px; } /* # Layout - Featured Product */ .layout-featured-product .background{ width: 972px; } .layout-featured-product .product-image .image-wrap{ max-width: 240px; } .layout-featured-product .product-image .image-wrap::after{ width: 427px; height: 427px; } .layout-featured-product .content{ width: 100%; max-width: 510px; margin-left: auto } .layout-featured-product .content h2{ font-size: 45px; line-height: 47px; } .layout-featured-product .content p{ font-size: 16px; line-height: 26px; } .layout-featured-product .content .link a{ max-width: 224px; height: 36px; font-size: 18px; } .layout-featured-product.version-2{ padding-top: 200px; padding-bottom: 90px; } /* # Layout - Provider */ .layout-provider{ padding-top: 50px; padding-bottom: 50px; } .layout-provider .content h1{ font-size: 45px; line-height: 47px; margin-bottom: 30px; } .layout-provider .content p{ font-size: 16px; line-height: 25px; margin-bottom: 30px; } .layout-provider .content p strong, .layout-provider .content p b{ font-size: 17px; } .layout-provider .content h2{ font-size: 18px; line-height: 25px; } .layout-provider .content ul, .layout-provider .content ol{ margin-bottom: 30px; } .layout-provider .content p:last-of-type ~ ul{ margin-top: 30px; } .layout-provider .content ul li, .layout-provider .content ol li{ font-size: 18px; line-height: 25px; } .layout-provider .content h3{ font-size: 18px; line-height: 25px; } .layout-provider .content a.cta{ max-width: 224px; height: 37px; font-size: 17px; } /* # Layout - Content with Image */ .layout-content-with-image{ padding-bottom: 150px; padding-top: 50px; } .layout-content-with-image.no-image{ padding-bottom: 50px; } .layout-content-with-image .background{ bottom: 400px; width: 790px; height: 514px; } .layout-content-with-image .image{ bottom: 150px; width: 459px; height: 459px; } .layout-content-with-image .content h1{ font-size: 45px; line-height: 47px; margin-bottom: 30px; } .layout-content-with-image.has-background .content h1{ margin-bottom: 30px; } .layout-content-with-image .content .entry-title{ font-size: 38px; line-height: 47px; margin-bottom: 30px; } .layout-content-with-image .content p{ font-size: 16px; line-height: 25px; margin-bottom: 30px; } .layout-content-with-image .content p.has-icon{ padding-left: 30px; } .layout-content-with-image .content p strong, .layout-content-with-image .content p b{ font-size: 18px; } .layout-content-with-image .content h2{ font-size: 22px; line-height: 29px; } .layout-content-with-image .content ul, .layout-content-with-image .content ol{ margin-bottom: 30px; } .layout-content-with-image .content p:last-of-type ~ ul{ margin-top: 30px; } .layout-content-with-image .content ul li, .layout-content-with-image .content ol li{ font-size: 16px; line-height: 25px; margin-bottom: 15px; } .layout-content-with-image .content h3{ font-size: 18px; line-height: 25px; } .layout-content-with-image .content a.cta{ max-width: 224px; height: 37px; font-size: 17px; margin-left: 0px; } .layout-content-with-image .content a.cta.cta-small{ max-width: 170px; height: 35px; } .layout-content-with-image .content .search-container{ margin-bottom: 40px; } /* # Layout - Default Accordion */ .layout-default-accordion{ padding-top: 100px; padding-bottom: 79px; } .layout-default-accordion .accordion-button{ font-size: 23px; } .layout-default-accordion .accordion-button .counter{ font-size: 18px; } .layout-default-accordion .content{ margin-bottom: 30px; } .layout-default-accordion .content h1{ font-size: 45px; line-height: 47px; margin-bottom: 10px; } .layout-default-accordion .content p{ font-size: 16px; line-height: 25px; margin-bottom: 30px; } .layout-default-accordion .content p strong, .layout-default-accordion .content p b{ font-size: 17px; } .layout-default-accordion .content h2{ font-size: 18px; line-height: 25px; } .layout-default-accordion .content ul{ margin-bottom: 30px; } .layout-default-accordion .content p:last-of-type ~ ul{ margin-top: 30px; } .layout-default-accordion .content ul li{ font-size: 16px; line-height: 25px; } .layout-default-accordion .content h3{ font-size: 18px; line-height: 25px; } .layout-default-accordion .accordion-body h1{ font-size: 45px; line-height: 47px; margin-bottom: 30px; } .layout-default-accordion .accordion-body p{ font-size: 16px; line-height: 25px; margin-bottom: 30px; } .layout-default-accordion .accordion-body p strong, .layout-default-accordion .accordion-body p b{ font-size: 17px; } .layout-default-accordion .accordion-body h2{ font-size: 18px; line-height: 25px; } .layout-default-accordion .accordion-body ul{ margin-bottom: 30px; } .layout-default-accordion .accordion-body p:last-of-type ~ ul{ margin-top: 30px; } .layout-default-accordion .accordion-body ul li{ font-size: 16px; line-height: 25px; } .layout-default-accordion .accordion-body h3{ font-size: 18px; line-height: 25px; } /* # Layout - Success Story */ .layout-success-story{ padding-top: 84px; padding-bottom: 51px; } .layout-success-story .background{ position: absolute; width: 789px; height: 513px; right: -420px; top: 50%; transform: translateY(-50%); background-size: cover; background-repeat: no-repeat; background-position: center center; mix-blend-mode: multiply; } .layout-success-story .content{ margin-bottom: 50px; } .layout-success-story .content h1, .layout-success-story .content h2{ font-size: 45px; line-height: 54px; margin-bottom: 17px; } .layout-success-story .content p{ font-size: 16px; line-height: 25px; margin-bottom: 30px; } .layout-success-story .content p strong, .layout-success-story .content p b{ font-size: 17px; } .layout-success-story .content ul{ margin-bottom: 30px; } .layout-success-story .content p:last-of-type ~ ul{ margin-top: 30px; } .layout-success-story .content ul li{ font-size: 16px; line-height: 25px; } .layout-success-story .content h3{ font-size: 18px; line-height: 25px; } .layout-success-story .featured-story{ margin-bottom: 50px; } .layout-success-story .play-video::after{ width: 145px; height: 145px; } .layout-success-story .success-stories .success-story .play-video::after{ width: 66px; height: 66px; } /* # Layout - Default Banner */ .layout-banner-default{ height: 510px; background-position: left center; } .layout-banner-default.left{ background-position: 100% 100%; } .layout-banner-default.left::after{ width: 508px; height: 508px; } .layout-banner-default.circle-gray .banner-heading{ max-width: 730px; } .layout-banner-default .banner-heading{ max-width: 600px; } .layout-banner-default .banner-heading .heading{ font-size: 55px; line-height: 68px; } .layout-banner-default .banner-heading .heading span{ font-size: 45px; line-height: 30px; } .layout-banner-default.left .banner-heading .heading span{ line-height: 40px; } .layout-banner-default.left .banner-heading .heading{ line-height: 70px; } /* # Layout - Sidebar Content */ .layout-sidebar-content{ padding-top: 50px; padding-bottom: 50px;} .layout-sidebar-content .background{ position: absolute; width: 789px; height: 513px; right: -420px; bottom: 0; background-size: cover; background-repeat: no-repeat; background-position: center center; mix-blend-mode: multiply; } .layout-sidebar-content .content{ margin-bottom: 60px; } .layout-sidebar-content .content h1{ font-size: 45px; line-height: 47px; margin-bottom: 20px; } .layout-sidebar-content .content p{ font-size: 16px; line-height: 25px; margin-bottom: 30px; } .layout-sidebar-content .content p strong, .layout-sidebar-content .content p b{ font-size: 17px; } .layout-sidebar-content .content h2{ font-size: 18px; line-height: 25px; } .layout-sidebar-content .content ul{ margin-bottom: 30px; } .layout-sidebar-content .content p:last-of-type ~ ul{ margin-top: 30px; } .layout-sidebar-content .content ul li{ font-size: 16px; line-height: 25px; } .layout-sidebar-content .content h3{ font-size: 18px; line-height: 25px; } /* # Layout - Sidebar Content With Accordion */ .layout-sidebar-content-w-accordion{ padding-top: 50px; padding-bottom: 50px;} .layout-sidebar-content-w-accordion .background{ bottom: -110px; } .layout-sidebar-content-w-accordion .content{ margin-bottom: 69px; } .layout-sidebar-content-w-accordion .content h1{ font-size: 45px; line-height: 47px; margin-bottom: 20px; } .layout-sidebar-content-w-accordion .content p{ font-size: 16px; line-height: 25px; margin-bottom: 30px; } .layout-sidebar-content-w-accordion .content p strong, .layout-sidebar-content-w-accordion .content p b{ font-size: 17px; } .layout-sidebar-content-w-accordion .content h2{ font-size: 18px; line-height: 25px; } .layout-sidebar-content-w-accordion .content ul{ margin-bottom: 30px; } .layout-sidebar-content-w-accordion .content p:last-of-type ~ ul{ margin-top: 30px; } .layout-sidebar-content-w-accordion .content ul li{ font-size: 16px; line-height: 25px; } .layout-sidebar-content-w-accordion .content h3{ font-size: 18px; line-height: 25px; } /* # Layout - Products */ .product-banner{ height: 569px; background-position: center center; } .product-banner .banner-heading{ max-width: 870px; } .product-banner .product-banner-content{ border-radius: 0 185px 0 0; max-width: 900px; padding: 70px 55px; } .layout-products .content{ margin-bottom: 81px; } .layout-products .content h1{ font-size: 45px; line-height: 47px; margin-bottom: 15px; } .layout-products .content p{ font-size: 16px; line-height: 25px; margin-bottom: 30px; } .layout-products .content p strong, .layout-products .content p b{ font-size: 17px; } .layout-products .content h2{ font-size: 18px; line-height: 25px; } .layout-products .content ul, .layout-products .content ol{ margin-bottom: 30px; } .layout-products .content p:last-of-type ~ ul{ margin-top: 30px; } .layout-products .content ul li, .layout-products .content ol li{ font-size: 18px; line-height: 25px; } .layout-products .content h3{ font-size: 18px; line-height: 25px; } .layout-products .background{ width: 790px; height: 514px; right: -340px; bottom: -100px; } .layout-products .products-container{ width: 100%; max-width: 1030px; margin-right: auto; margin-left: auto; } .layout-products .products .product{ margin-bottom: 100px; } .layout-products .product-wrap .image{ flex: 0 0 105px; } .layout-products .product.product-498 .product-wrap .image{ flex: 0 0 160px; } /* .layout-products .product.product-498 .product-wrap .image .product-quickView { bottom: 55px; }*/ .layout-products .product.product-498 .product-wrap .image .product-quickView { bottom: 0px; } .layout-products .product.product-498 .product-wrap .content-wrap{ padding-left: 25px; } .layout-products .product-wrap .content-wrap .product-title{ font-size: 23px; line-height: 1.2; margin-bottom: 15px; } .layout-products .product-wrap .content-wrap .short-description h2{ font-size: 23px; line-height: 1.2; margin-bottom: 15px; } .layout-products .product-wrap .content-wrap .short-description p{ font-size: 12px; line-height: 18px; } .layout-products .product-wrap .content-wrap .short-description p strong, .layout-products .product-wrap .content-wrap .short-description p b{ font-size: 14px; } .layout-products .product-wrap .content-wrap .short-description h3{ font-size: 14px; } .product-single .links a{ margin-right: 26px; max-width: 224px; } /* # Layout - Teams */ .layout-team .teams .team{ flex: 0 0 25%; margin-bottom: 56px; } .layout-team .teams .team .image .image-wrap{ max-width: 229px; height: 229px; } .layout-team .teams .team .team-info h2{ font-size: 27px; line-height: 36px; } .layout-team .teams .team .team-info h3{ font-size: 18px; line-height: 25px; } /* # Layout - Press */ .layout-press{ padding-top: 85px; padding-bottom: 51px; } .layout-press .content{ margin-bottom: 40px; } .layout-press .content h1{ font-size: 43px; line-height: 54px; margin-bottom: 10px; } .layout-press .content h4{ font-size: 17px; line-height: 25px; } .layout-press .content p{ font-size: 16px; line-height: 25px; margin-bottom: 30px; } .layout-press .content p strong, .layout-press .content p b{ font-size: 17px; } .layout-press .content ul, .layout-press .content ol{ margin-bottom: 30px; } .layout-press .content p:last-of-type ~ ul{ margin-top: 30px; } .layout-press .content ul li, .layout-press .content ol li{ font-size: 16px; line-height: 25px; } .layout-press .content h3{ font-size: 18px; line-height: 25px; } .layout-press .content .cta{ max-width: 224px; height: 36px; font-size: 17px; } .layout-press .content .resources .cta{ max-width: fit-content; padding-left: 15px; padding-right: 15px; } .layout-press .content .bottom-content{ margin-top: 30px; } .layout-press .content .resource-nav{ margin-top: 40px; } .layout-press .content .resource-nav a{ font-size: 18px; } .layout-press .content .resources{ margin-top: 30px; padding-top: 30px; } .layout-press .press-lists .press{ margin-bottom: 50px; } .layout-press .press-lists .press .press-content h2{ font-size: 25px; line-height: 32px; } .layout-press .press-lists .press .press-content h2 a{ font-size: 25px; line-height: 35px; } .layout-press .press-lists .press .press-content p{ font-size: 16px; line-height: 25px; } .layout-press .press-lists .press .press-content .cta{ max-width: 224px; height: 36px; font-size: 17px; margin-top: 30px; } /* # Layout - Locator */ .locator-banner{ background-image: url(../images/find-a-privder-banner.png); background-repeat: no-repeat; background-position: center center; background-size: cover; padding-top: 34px; padding-bottom: 50px; } .locator-banner h1{ font-size: 36px; line-height: 42px; margin-bottom: 16px; } .locator-banner .locator-form .form-field ::placeholder { font-size: 19px; } .locator-banner .locator-form .form-field :-ms-input-placeholder { font-size: 19px; } .locator-banner .locator-form .form-field ::-ms-input-placeholder { font-size: 19px; } .locator-banner .locator-form .form-field.label{ font-size: 19px; line-height: 32px; } .locator-banner .locator-form .form-field input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]){ font-size: 19px; padding: 17px 25px; } .locator-banner .locator-form .form-field select{ padding: 20px 40px 20px 25px; font-size: 19px; } .locator-banner .locator-form .form-field button{ height: 56px; } .locator-banner .locator-form .form-field .ui-selectmenu-button{ padding: 20px 40px 20px 25px; font-size: 19px; } /* # Layout - Clinics */ .layout-clinics{ padding-top: 25px; padding-bottom: 40px; } .layout-clinics .clinics{ margin-top: 40px; } .layout-clinics .statelisting .show-action .cta{ max-width: 224px; height: 40px; } .layout-clinics .clinics .clinic .clinic-header .action a{ max-width: 170px; height: 35px; font-size: 14px; } .layout-clinics .clinics .clinic .clinic-body .action a{ max-width: 170px; height: 35px; font-size: 14px; } /* # Layout - Single Clinic */ .single-clinic{ padding-top: 51px; padding-bottom: 51px; } .single-clinic .content{ max-width: 700px; } .single-clinic .content h1{ font-size: 45px; line-height: 54px; margin-bottom: 17px; } .single-clinic .content h2{ font-size: 22px; } .single-clinic .content h4{ font-size: 17px; line-height: 25px; } .single-clinic .content p{ font-size: 16px; line-height: 25px; margin-bottom: 30px; } .single-clinic .content p strong, .single-clinic .content p b{ font-size: 17px; } .single-clinic .content ul, .single-clinic .content ol{ margin-bottom: 30px; } .single-clinic .content p:last-of-type ~ ul{ margin-top: 30px; } .single-clinic .content ul li, .single-clinic .content ol li{ font-size: 18px; line-height: 25px; } .single-clinic .content h3{ font-size: 18px; line-height: 25px; } .single-clinic .sidebar-content{ padding: 25px 40px; } /* # Template - Announcement */ .announcement .content h1{ font-size: 40px; margin-bottom: 19px; } .announcement .content h2{ font-size: 40px; margin-bottom: 19px; } .announcement .content h3{ font-size: 22px; } .announcement .content h4{ font-size: 17px; line-height: 25px; } .announcement .content h3{ font-size: 18px; line-height: 25px; } .announcement .content .cta{ max-width: 224px; height: 37px; font-size: 17px; display: inline-flex; } .announcement .links{ margin-top: 32px; } .announcement .links .cta{ max-width: 224px; height: 37px; font-size: 17px; display: inline-flex; } .announcement .featured-press .featured-press-container .view-archive .cta-viewarchive{ max-width: 224px; height: 37px; font-size: 17px; display: inline-flex; } .announcement .announcement-section-3 .links .cta{ max-width: 224px; height: 37px; font-size: 17px; display: inline-flex; } .announcement .announcement-banner .image{ max-width: 362px; } /* Template - Health Asessment */ #content.site-content.site-quiz-content{ padding-top: 106px; } .template-health-asessment .health-assessment-results .results-form-container{ padding: 67px 100px 48px 200px; border-radius: 300px 0 0 300px; } /* Template - Learning Center */ .template-learning-center .learning-banner{ background-position: center center; } .template-single-post .single-post-banner{ background-position: center center; } /* Template - Press Releases */ .template-press-releases .pr-banner, .single-press-release .pr-banner{ padding: 20px 0; } .single-press-release .single-press-content{ padding: 60px 0; } .single-press-release .single-press-container .content .cta{ max-width: 224px; height: 36px; font-size: 17px; } .template-careers .career-content{ position: relative; padding: 27px 0 40px; } .template-careers .career-content .content { max-width: 700px; } .template-careers .content a.cta{ height: 35px; max-width: 215px; font-size: 17px; } .template-careers .career-biote{ padding: 35px 0px; } .template-careers .career-biote .content{ margin-right: auto; margin-left: auto; } .template-careers .career-biote .icons{ margin-left: -45px; margin-right: -45px; } .template-careers .career-biote .icons .icon{ padding-left: 45px; padding-right: 45px; } .template-careers .career-biote .links{ margin-top: 45px; } .template-careers .career-biote .links a.cta{ height: 35px; max-width: 215px; font-size: 17px; } .template-careers .testimonial-icon{ font-size: 323px; top: -70px; } .template-careers .testimonial-icon.left{ left: 70px; } .template-careers .testimonial-icon.right{ right: 70px; } .template-careers .career-core-values .content{ margin-top: 35px; } .template-careers .career-testimonials{ padding: 30px 0 20px; } .template-careers .career-workWithUs{ padding: 30px 0; } .template-careers .career-workWithUs .content h2{ margin-bottom: 5px; } .template-careers .career-workWithUs .content .cta{ margin-top: 25px; } /* # Training and Events */ .training-events-template { padding: 40px 0; } .training-events-template .event-content h1 { font-size: 42px; } .training-events-template .event-content p { font-size: 16px; } .training-events-template .content { margin-bottom: 35px; } .training-events-template .map { margin-bottom: 85px; } .training-events-template .calendar-content { margin-bottom: 28px; } .training-events-template .training-event-lists table th { font-size: 19px; } .training-events-template .training-event-lists table tbody tr td { font-size: 19px; padding: 5px 35px; } .training-events-template .training-event-lists table tbody tr td.event-location, .training-events-template .training-event-lists table tbody tr td.event-date { padding-left: 35px; padding-right: 35px; } .training-events-template .training-event-lists table tbody tr td .type { left: 35px; } .training-events-template .training-event-lists table tbody tr td .cta-form { text-decoration: underline; } .training-events-template .training-event-lists table tbody tr td.event-name { padding-right: 35px; } /* Press Center */ .press-center-contact-assets .contents{ display: flex; flex-wrap: wrap; } .press-center-contact-assets .contents .content{ flex: 0 0 100%; max-width: 50%; } .press-center-contact-assets .contents .content:nth-last-of-type(-n+2){ margin-bottom: 0; } .press-center-contact-assets .right .contact-assets-container{ padding-left: 70px; } .press-center-contact-assets .assets-container{ display: flex; flex-wrap: wrap; align-items: center; } .press-center-contact-assets .assets-container .content{ flex: 0 0 100%; max-width: 260px; padding-right: 20px; } .press-center-contact-assets .assets-container .links{ flex: 1; max-width: 100%; } .press-center-contact-assets .assets-container .links .cta{ margin-top: 0; } .press-center-press .press-lists-container{ max-height: fit-content; } .press-center-press .press-lists-container::after{ display: none; } .press-center-press .press-lists-container .view-more{ display: none; } /* CyberSource */ .cybersource-template .cybersource-form .gform_wrapper .g-field input[type=color], .cybersource-template .cybersource-form .gform_wrapper .g-field input[type=date], .cybersource-template .cybersource-form .gform_wrapper .g-field input[type=datetime-local], .cybersource-template .cybersource-form .gform_wrapper .g-field input[type=datetime], .cybersource-template .cybersource-form .gform_wrapper .g-field input[type=email], .cybersource-template .cybersource-form .gform_wrapper .g-field input[type=month], .cybersource-template .cybersource-form .gform_wrapper .g-field input[type=number], .cybersource-template .cybersource-form .gform_wrapper .g-field input[type=password], .cybersource-template .cybersource-form .gform_wrapper .g-field input[type=search], .cybersource-template .cybersource-form .gform_wrapper .g-field input[type=tel], .cybersource-template .cybersource-form .gform_wrapper .g-field input[type=text], .cybersource-template .cybersource-form .gform_wrapper .g-field input[type=time], .cybersource-template .cybersource-form .gform_wrapper .g-field input[type=url], .cybersource-template .cybersource-form .gform_wrapper .g-field input[type=week], .cybersource-template .cybersource-form .gform_wrapper .g-field select, .cybersource-template .cybersource-form .gform_wrapper .g-field textarea{ height: 42px; font-size: 13px; outline: 0; padding-left: 18px; padding-right: 18px; } .cybersource-template .cybersource-form .gform_wrapper .g-field ::-moz-placeholder { font-size: 13px; } .cybersource-template .cybersource-form .gform_wrapper .g-field :-ms-input-placeholder { font-size: 13px; } .cybersource-template .cybersource-form .gform_wrapper .g-field ::placeholder { font-size: 13px; } .cybersource-template .cybersource-form .gform_wrapper .g-field ::-moz-placeholder { font-size: 13px; } .cybersource-template .cybersource-form .gform_wrapper .g-field :-ms-input-placeholder { font-size: 13px; } .cybersource-template .cybersource-form .gform_wrapper .g-field ::placeholder { font-size: 13px; } .cybersource-template .cybersource-form .gform_wrapper .g-field :-ms-input-placeholder { font-size: 13px; } .cybersource-template .cybersource-form .gform_wrapper .g-field :-ms-input-placeholder { font-size: 13px; } .cybersource-template .cybersource-form .gform_wrapper .g-field ::-ms-input-placeholder { font-size: 13px; } .cybersource-template .cybersource-form .gform_wrapper .g-field ::-ms-input-placeholder { font-size: 13px; } .cybersource-template .cybersource-form .gform_wrapper .g-field .validation_message{ padding: 0 18px; } .cybersource-template .cybersource-form .gform_wrapper .gform_footer input[type="submit"], .cybersource-template .cybersource-form .gform_wrapper .gform_footer button[type="submit"]{ font-size: 17px; font-weight: 700; height: 36px; max-width: 224px; outline: 0; } #signatureIframe{ height:800px; } } /* ======================[ Min-Width: 1366px; ]====================== */ @media (min-width: 1366px){ /* # Header & Navbar */ #main-header .container{ max-width: 1260px; } /* # Layout - Products */ .product-banner .banner-heading{ max-width: 850px; } /* # Layout - Default Banner */ .layout-banner-default.circle-gray .banner-heading{ max-width: 785px; } .layout-banner-default .banner-heading{ position: relative; top: 0; max-width: 660px; } /* Template - Health Asessment */ .template-health-asessment .health-assessment-banner .banner-content .sub-heading{ margin-bottom: 0; } .template-health-asessment .health-assessment-banner .banner-content h2{ font-size: 47px; line-height: 37px; } .template-health-asessment .health-assessment-banner .banner-content h1{ font-size: 78px; line-height: 75px; } .template-health-asessment .health-assessment-banner .banner-content p{ font-size: 29px; line-height: 30px; } } /* ======================[ Min-Width: 1400px; ]====================== */ @media (min-width: 1400px){ /* # Header & Navbar */ #main-header .container{ max-width: 1320px; } .layout-clinics .clinics .clinic .clinic-header .action{ flex: 0 0 50%; max-width: 50%; } } /* ======================[ Min-Width: 1431px; ]====================== */ @media (min-width: 1431px){ /* # Header & Navbar */ #main-header .container{ max-width: 1400px; } } /* ======================[ Min-Width: 1800px; ]====================== */ @media (min-width: 1800px) { /* # Typography & Buttons */ .cta { border-width: 4px; height: 36px; font-size: 18px; max-width: 224px; } /* # Common Content */ #content.site-content{ padding-top: 174px; } #content.site-content.site-brandrefresh-content{ padding-top: 199px; } .form-wrap .gfield_html h2{ font-size: 77px; line-height: 79px; } .form-wrap .gfield_html p{ font-size: 30px; line-height: 41px; } .form-wrap .gfield_html h3{ font-size: 39px; line-height: 46px; } .custom-modal .modal-dialog{ max-width: 1380px; } .custom-modal .modal-dialog .modal-body{ padding: 85px 92px; } .custom-modal .btn-close{ position: absolute; top: 39px; right: 50px; color: #683E98; width: 33px; height: 33px; background-size: contain; } .form-wrap .gform_wrapper ul.gform_fields li.g-field.gender label{ font-size: 23px; line-height: 31px; } .form-wrap .gform_wrapper ul.gform_fields li.g-field.gender .gfield_radio li label{ font-size: 22px; line-height: 30px; } .form-wrap .gform_wrapper .gform_body ul li input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]){ padding: 19px 33px; } .form-wrap .gform_wrapper .gform_body ul li input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]){ padding: 19px 33px; } .form-wrap .gform_wrapper .gform_body ul li select{ padding: 19px 40px 19px 33px } .form-wrap .gform_wrapper .gform_body ul li textarea{ padding: 19px 33px; height: 299px; } .form-wrap .gform_wrapper .gform_footer .gform_button:not([type=radio]):not([type=checkbox]):not([type=image]):not([type=file]){ height: 36px; font-size: 18px; } .form-wrap .gform_wrapper .gform_body ul li.gf-group span .ui-selectmenu-button{ padding: 20px 40px 20px 25px !important; } .form-wrap .gform_wrapper .gform_body ul li .ui-selectmenu-button{ padding: 20px 40px 20px 25px !important; } .product-quickView-modal .close{ font-size: 44px; top: 30px; right: 30px; } .product-quickView-modal .modal-header{ padding-top: 55px; padding-bottom: 50px; padding-left: 400px; } .product-quickView-modal .modal-header .modal-title{ font-size: 80px; line-height: 1; } .product-quickView-modal .modal-dialog .modal-body{ padding-top: 88px; padding-bottom: 107px; padding-left: 0; padding-right: 140px; } .product-quickView-modal .product-navigation{ bottom: -120px; } .product-quickView-modal .product-navigation span{ font-size: 30px; line-height: 80px; } .product-quickView-modal .product-navigation button{ width: 50px; height: 50px; } .product-quickView-modal .image-wrap{ flex: 0 0 400px; margin-top: -240px; } .product-quickView-modal .image-wrap .image{ max-width: 340px; margin-bottom: 25px; } .product-quickView-modal .image-wrap .characteristics .characteristic{ max-width: 90px; margin-bottom: 30px; } .product-quickView-modal .content-wrap .content h1{ font-size: 86px; line-height: 109px; } .product-quickView-modal .content-wrap .content p{ font-size: 25px; line-height: 38px; } .product-quickView-modal .content-wrap .content p strong, .product-quickView-modal .content-wrap .content p b{ font-size: 27px; } .product-quickView-modal .content-wrap .content h2{ font-size: 27px; line-height: 38px; } .product-quickView-modal .content-wrap .content ul li, .product-quickView-modal .content-wrap .content ol li{ font-size: 25px; line-height: 38px; } .product-quickView-modal .content-wrap .content h3{ font-size: 25px; } .product-quickView-modal .content-wrap .links{ margin-top: 39px; text-align: left; } .product-quickView-modal .content-wrap .links a{ font-size: 33px; max-width: 315px; height: 51px; margin-right: 37px; } .product-quickView-modal .other-images h2{ font-size: 27px; line-height: 38px; } .team-modal .modal-dialog{ padding-top: 150px; max-width: 1380px; } .team-modal .modal-header{ padding-top: 33px; padding-bottom: 40px; padding-right: 140px; padding-left: 440px; } .team-modal .modal-header .image{ width: 455px; height: 455px; left: -100px; } .team-modal .modal-header h2{ font-size: 94px; line-height: 109px; } .team-modal .modal-header h3{ font-size: 49px; line-height: 57px; } .team-modal .close{ font-size: 44px; top: 60px; right: 60px; } .team-modal .modal-dialog .modal-body{ padding: 130px 150px 100px 150px; } .team-modal .content h1{ font-size: 86px; line-height: 109px; } .team-modal .content p{ font-size: 25px; line-height: 38px; } .team-modal .content p strong, .team-modal .content p b{ font-size: 27px; } .team-modal .content h2{ font-size: 27px; line-height: 38px; } .team-modal .content ul li, .team-modal .content ol li{ font-size: 25px; line-height: 38px; } .team-modal .content h3{ font-size: 25px; } .render-map{ height: 676px; } /* # Header & Navbar */ #brandrefresh-header { padding: 45px 0; } #main-header { padding: 34px 0 0; } #main-header .site-logo { max-width: 156px; padding-bottom: 34px; } #main-header .siteLinks .cta { margin-right: 16px; } #main-header .social-media { margin-left: 21px; } #main-header .social-media a { font-size: 18px; flex: 0 0 32px; height: 32px; width: 32px; margin-right: 5px; } #main-header .site-nav{ margin-top: 34px; } #main-header .site-nav .menu > li { margin-right: 25px; padding-bottom: 34px; } #main-header .site-nav .menu > li > a { font-size: 20px; } #main-header .site-nav .sub-menu{ width: 425px; } #main-header .site-nav .sub-menu a { font-size: 20px; } #main-header .search-filter { margin-left: 25px; margin-bottom: 34px; } #main-header .search-filter .search-form .search-icon { right: 12px; } #main-header .search-filter .search-form .search-field { width: 199px; height: 36px; font-size: 16px; } /* # Footer */ #main-footer .bottom-footer{ padding: 51px 0; } #main-footer .bottom-footer .footer-links{ margin-bottom: 74px; } #main-footer .bottom-footer .address{ font-size: 17px; padding-left: 35px; } #main-footer .bottom-footer .address .marker-icon{ max-width: 26px; } #main-footer .bottom-footer .acf-map{ height: 122px; } #main-footer .bottom-footer .phone{ margin-top: 5px; } #main-footer .bottom-footer .phone a{ font-size: 18px; max-width: 215px; height: 40px; } #main-footer .bottom-footer .phone img{ max-width: 12px; } #main-footer .bottom-footer .contacts .contact{ font-size: 17px; padding-left: 38px; margin-bottom: 15px; } #main-footer .bottom-footer .contacts .contact a{ font-size: 17px; } #main-footer .bottom-footer .contacts .contact .icon{ max-width: 27px; } #main-footer .bottom-footer .contacts .contact:nth-child(1) .icon{ max-width: 16px; } #main-footer .bottom-footer .contacts .contact:nth-child(2) .icon{ max-width: 23px; } #main-footer .bottom-footer .contacts .contact:last-child .icon{ max-width: 23px; } #main-footer .bottom-footer h4{ font-size: 25px; } #main-footer .bottom-footer .footer-menu .menu li a{ font-size: 16px; } #main-footer .bottom-footer .copyright{ font-size: 16px; } /* # Layout - Carousel */ .layout-carousel .carousel-indicators{ bottom: 130px; } .layout-carousel .carousel-indicators button { width: 16px; height: 16px; margin-right: 20px; } .layout-carousel .carousel-wrapper{ height: 885px; } .layout-carousel .carousel-wrapper .content{ top: 85px; } .layout-carousel .carousel-item:nth-child(3) .carousel-wrapper .content .headings{ max-width: 630px; } .layout-carousel .carousel-wrapper .content .headings{ max-width: 810px; } .layout-carousel .carousel-wrapper .content h3{ font-size: 68px; } .layout-carousel .carousel-wrapper .content h2{ /*font-size: 176px;*/ font-size: 150px; line-height: 0.9; } .layout-carousel .carousel-item:nth-child(2) .carousel-wrapper .description{ max-width: 596px; } .layout-carousel .carousel-wrapper .description{ max-width: 596px; margin-top: 25px; } .layout-carousel .carousel-wrapper .description p{ font-size: 36px; line-height: 44px } .layout-carousel .links{ bottom: 200px; } .layout-carousel .links a{ margin-right: 61px; max-width: 315px; height: 51px; font-size: 25px; } /* # Layout - Default */ .layout-default{ padding-top: 140px; padding-bottom: 155px; } .layout-default.left{ padding-top: 140px; } .layout-default .background{ max-width: 854px; } .layout-default .content{ max-width: 1085px; width: 100%; } .layout-default .content.right{ width: 100%; } .layout-default .content h2{ font-size: 86px; margin-bottom: 45px; line-height: 89px; } .layout-default .content p{ font-size: 25px; line-height: 38px; } .layout-default .content .link{ margin-top: 38px; } .layout-default .content .link a{ max-width: 315px; height: 51px; font-size: 25px; } /* # Layout - Default With Background */ .layout-default-with-background{ padding-top: 60px; padding-bottom: 60px; } .layout-default-with-background h2{ font-size: 86px; margin-bottom: 45px; line-height: 89px; } .layout-default-with-background p{ font-size: 25px; line-height: 38px; } .layout-default-with-background .link{ margin-top: 38px; } .layout-default-with-background .link a{ max-width: 315px; height: 51px; font-size: 25px; } /* # Layout - Lists Slider */ .layout-lists-slider{ padding-top: 125px; padding-bottom: 112px; } .layout-lists-slider .list-content-wrapper{ margin-bottom: 66px; } .layout-lists-slider .lists-slides .list .list-container{ height: 457px; padding: 90px 110px; border-radius: 229px; } .layout-lists-slider .content h2{ font-size: 86px; line-height: 109px; margin-bottom: 15px; } .layout-lists-slider .content p{ font-size: 25px; line-height: 38px; } .layout-lists-slider .lists-slides .list h3{ font-size: 48px; line-height: 109px; margin-bottom: 21px; } .layout-lists-slider .lists-slides .list p{ font-size: 25px; line-height: 38px; } .layout-lists-slider .list-navigation-container{ margin-top: 66px; } .layout-lists-slider .lists-navigation{ padding-left: 55px; padding-right: 55px; } .layout-lists-slider .lists-navigation .slick-dots li{ margin-right: 23px; } .layout-lists-slider .lists-navigation .slick-dots li button{ width: 20px; height: 20px; } /* # Layout - Default With Background Image */ .layout-default-with-background-image{ padding-top: 155px; padding-bottom: 155px; } .layout-default-with-background-image .heading h2{ font-size: 70px; } .layout-default-with-background-image .heading h2 span{ font-size: 48px; } .layout-default-with-background-image .heading .description{ max-width: 596px; margin-right: -117px; } .layout-default-with-background-image .heading .description p{ font-size: 28px; line-height: 44px; } .layout-default-with-background-image .content{ max-width: 641px; margin-top: 70px; } .layout-default-with-background-image .content p{ font-size: 25px; line-height: 38px; } .layout-default-with-background-image .content .link{ margin-top: 40px; } .layout-default-with-background-image .content .link a{ max-width: 315px; height: 51px; font-size: 25px; } /* # Layout - Featured Product */ .layout-featured-product .background{ width: 1367px; } .layout-featured-product .product-image .image-wrap{ max-width: 340px; } .layout-featured-product .product-image .image-wrap::after{ width: 600px; height: 600px; } .layout-featured-product .content{ width: 100%; max-width: 746px; margin-left: auto } .layout-featured-product .content h2{ font-size: 86px; line-height: 89px; margin-bottom: 15px; } .layout-featured-product .content p{ font-size: 25px; line-height: 38px; } .layout-featured-product .content .link{ margin-top: 56px; } .layout-featured-product .content .link a{ max-width: 315px; height: 51px; font-size: 25px; } /* # Layout - Provider */ .layout-provider{ padding-top: 80px; padding-bottom: 80px; } .layout-provider .form-wrap{ max-width: 1200px; } .layout-provider .content h1{ font-size: 86px; line-height: 109px; } .layout-provider .content p{ font-size: 25px; line-height: 38px; margin-bottom: 35px; } .layout-provider .content p strong, .layout-provider .content p b{ font-size: 25px; } .layout-provider .content h2{ font-size: 27px; line-height: 38px; } .layout-provider .content h3{ font-size: 27px; line-height: 38px; } .layout-provider .content p:last-of-type ~ ul{ margin-top: 35px; } .layout-provider .content ul, .layout-provider .content ol{ margin-bottom: 35px; } .layout-provider .content ul li, .layout-provider .content ol li{ font-size: 25px; line-height: 38px; margin-bottom: 20px; } .layout-provider .content a.cta{ max-width: 315px; height: 51px; font-size: 25px; } /* # Layout - Content with Image */ .layout-content-with-image .background-overlay{ background-size: contain; } .layout-content-with-image.page-127 .background-overlay, .layout-content-with-image.page-126 .background-overlay, .layout-content-with-image.page-19705 .background-overlay, .layout-content-with-image.page-141 .background-overlay, .layout-content-with-image.page-166 .background-overlay{ background-size: cover; } .layout-content-with-image{ padding-bottom: 125px; padding-top: 90px; } .layout-content-with-image.no-image{ padding-bottom: 90px; } .layout-content-with-image .background{ bottom: 90px; right: -480px; width: 1110px; height: 722px; } .layout-content-with-image .image{ bottom: 90px; width: 645px; height: 645px; right: -48px; } .layout-content-with-image .content h1{ font-size: 62px; line-height: 75px; } .layout-content-with-image .content .entry-title{ font-size: 40px; line-height: 60px; } .layout-content-with-image .content p{ font-size: 25px; line-height: 38px; margin-bottom: 35px; } .layout-content-with-image .content p.has-icon{ padding-left: 40px; } .layout-content-with-image .content p strong, .layout-content-with-image .content p b{ font-size: 25px; } .layout-content-with-image .content h2{ font-size: 27px; line-height: 38px; } .layout-content-with-image .content h3{ font-size: 27px; line-height: 38px; } .layout-content-with-image .content p:last-of-type ~ ul{ margin-top: 35px; } .layout-content-with-image .content ul, .layout-content-with-image .content ol{ margin-bottom: 35px; } .layout-content-with-image .content ul li, .layout-content-with-image .content ol li{ font-size: 25px; line-height: 38px; margin-bottom: 20px; } .layout-content-with-image .content a.cta{ max-width: 315px; height: 51px; font-size: 25px; } .layout-content-with-image .content a.cta.cta-small{ max-width: 240px; height: 45px; } .layout-content-with-image .content .search-container{ margin-bottom: 50px; } /* # Layout - Default Accordion */ .layout-default-accordion{ padding-bottom: 100px; } .layout-default-accordion .accordion-button{ font-size: 27px; } .layout-default-accordion .accordion-button .counter{ font-size: 22px; } .layout-default-accordion .content h1{ font-size: 86px; line-height: 109px; } .layout-default-accordion .content p{ font-size: 25px; line-height: 38px; margin-bottom: 35px; } .layout-default-accordion .content p strong, .layout-default-accordion .content p b{ font-size: 25px; } .layout-default-accordion .content h2{ font-size: 27px; line-height: 38px; } .layout-default-accordion .content h3{ font-size: 27px; line-height: 38px; } .layout-default-accordion .content p:last-of-type ~ ul{ margin-top: 35px; } .layout-default-accordion .content ul{ margin-bottom: 35px; } .layout-default-accordion .content ul li{ font-size: 25px; line-height: 38px; margin-bottom: 20px; } .layout-default-accordion .accordion-body h1{ font-size: 86px; line-height: 109px; } .layout-default-accordion .accordion-body p{ font-size: 25px; line-height: 38px; margin-bottom: 35px; } .layout-default-accordion .accordion-body p strong, .layout-default-accordion .accordion-body p b{ font-size: 25px; } .layout-default-accordion .accordion-body h2{ font-size: 27px; line-height: 38px; } .layout-default-accordion .accordion-body h3{ font-size: 27px; line-height: 38px; } .layout-default-accordion .accordion-body p:last-of-type ~ ul{ margin-top: 35px; } .layout-default-accordion .accordion-body ul{ margin-bottom: 35px; } .layout-default-accordion .accordion-body ul li{ font-size: 25px; line-height: 38px; margin-bottom: 20px; } /* # Layout - Success Story */ .layout-success-story{ padding-top: 84px; padding-bottom: 51px; } .layout-success-story .background{ width: 1110px; height: 722px; right: -592px; top: 50%; transform: translateY(-50%); } .layout-success-story .content{ margin-bottom: 66px; } .layout-success-story .content h1, .layout-success-story .content h2{ font-size: 45px; line-height: 47px; margin-bottom: 20px; } .layout-success-story .content p{ font-size: 25px; line-height: 37px; margin-bottom: 35px; } .layout-success-story .content p strong, .layout-success-story .content p b{ font-size: 25px; } .layout-success-story .content h3{ font-size: 27px; line-height: 38px; } .layout-success-story .content p:last-of-type ~ ul{ margin-top: 35px; } .layout-success-story .content ul{ margin-bottom: 35px; } .layout-success-story .content ul li{ font-size: 25px; line-height: 38px; margin-bottom: 20px; } .layout-success-story .featured-story{ max-width: 1212px; margin-bottom: 70px; } .layout-success-story .play-video::after{ width: 204px; height: 204px; } .layout-success-story .success-stories .success-story .play-video::after{ width: 92px; height: 92px; } /* # Layout - Default Banner */ .layout-banner-default{ height: 875px; padding-top: 340px; padding-bottom: 219px; } .layout-banner-default.circle-gray .banner-heading{ max-width: 900px; } .layout-banner-default .banner-heading{ max-width: 665px; } .layout-banner-default::after{ width: 775px; height: 775px; top: -100px; } .layout-banner-default::before{ height: 144px; } .layout-banner-default .banner-heading .heading{ font-size: 65px; line-height: 97px; } .layout-banner-default .banner-heading .heading span{ font-size: 45px; line-height: 20px; } .layout-banner-default.left{ padding-top: 185px; } /* # Layout - Sidebar Content */ .layout-sidebar-content{ padding-top: 70px; padding-bottom: 70px; } .layout-sidebar-content .background{ width: 1110px; height: 722px; right: -592px; } .layout-sidebar-content .content{ margin-bottom: 74px; } .layout-sidebar-content .content h1{ font-size: 86px; line-height: 109px; } .layout-sidebar-content .content p{ font-size: 25px; line-height: 38px; margin-bottom: 35px; } .layout-sidebar-content .content p strong, .layout-sidebar-content .content p b{ font-size: 25px; } .layout-sidebar-content .content h2{ font-size: 27px; line-height: 38px; } .layout-sidebar-content .content h3{ font-size: 27px; line-height: 38px; } .layout-sidebar-content .content p:last-of-type ~ ul{ margin-top: 35px; } .layout-sidebar-content .content ul{ margin-bottom: 35px; } .layout-sidebar-content .content ul li{ font-size: 25px; line-height: 38px; margin-bottom: 20px; } .layout-sidebar-content .sidebar-navigation li{ max-width: 315px; height: 62px; font-size: 25px; border-width: 5px; } .layout-sidebar-content .sidebar-navigation li.active{ right: -47px; } .layout-sidebar-content .sidebar-navigation li::after{ width: 11px; height: 22px; right: -35px; } .layout-sidebar-content .sidebar-content-lists .description h2{ font-size: 55px; line-height: 1.2; margin-bottom: 20px; } .layout-sidebar-content .sidebar-content-lists .description h3{ font-size: 28px; line-height: 42px; } .layout-sidebar-content .sidebar-content-lists .description p{ font-size: 25px; line-height: 38px; } .layout-sidebar-content .sidebar-content-lists .description ul li{ font-size: 25px; line-height: 38px; } /* # Layout - Sidebar Content With Accordion */ .layout-sidebar-content-w-accordion{ padding-top: 70px; padding-bottom: 70px;} .layout-sidebar-content-w-accordion .background{ bottom: -160px; height: 256pxpx; } .layout-sidebar-content-w-accordion .content{ margin-bottom: 94px; } .layout-sidebar-content-w-accordion h1{ font-size: 86px; line-height: 109px; } .layout-sidebar-content-w-accordion p{ font-size: 25px; line-height: 38px; margin-bottom: 35px; } .layout-sidebar-content-w-accordion p strong, .layout-sidebar-content-w-accordion p b{ font-size: 25px; } .layout-sidebar-content-w-accordion h2{ font-size: 27px; line-height: 38px; } .layout-sidebar-content-w-accordion h3{ font-size: 27px; line-height: 38px; } .layout-sidebar-content-w-accordion p:last-of-type ~ ul{ margin-top: 35px; } .layout-sidebar-content-w-accordion ul{ margin-bottom: 35px; } .layout-sidebar-content-w-accordion ul li{ font-size: 25px; line-height: 38px; margin-bottom: 20px; } .layout-sidebar-content-w-accordion .sidebar-content-lists{ padding-left: 60px; } .layout-sidebar-content-w-accordion .sidebar-navigation li{ border-width: 8px; max-width: 400px; height: 130px; margin-bottom: 30px; font-size: 37px; line-height: 43px; } .layout-sidebar-content-w-accordion .sidebar-navigation li.active{ max-width: 460px; } .layout-sidebar-content-w-accordion .sidebar-navigation li::after{ width: 23px; height: 46px; right: -70px; } .layout-sidebar-content-w-accordion .sidebar-content-lists .description h2{ font-size: 65px; margin-bottom: 33px; } .layout-sidebar-content-w-accordion .sidebar-content-lists .description h3{ font-size: 28px; line-height: 42px; } .layout-sidebar-content-w-accordion .sidebar-content-lists .description p{ font-size: 25px; line-height: 38px; } .layout-sidebar-content-w-accordion .accordion-content .accordion-item{ margin-bottom: 35px; } .layout-sidebar-content-w-accordion .accordion-content .accordion-item .accordion-header .accordion-button{ font-size: 28px; line-height: 42px; padding-left: 75px; } .layout-sidebar-content-w-accordion .accordion-content .accordion-item .accordion-header .accordion-button::before{ width: 55px; height: 25px; top: 8px; } .layout-sidebar-content-w-accordion .sidebar-content-lists .description p{ font-size: 25px; line-height: 38px; } .layout-sidebar-content-w-accordion .sidebar-content-lists .description ul li{ font-size: 25px; line-height: 38px; margin-bottom: 20px; } /* # Layout - Products */ .product-banner{ padding-top: 90px; padding-bottom: 80px;height: 874px; background-position: right center; } .product-banner::after{ top: -110px; right: 20px; width: 714px; height: 714px; } .product-banner .banner-heading{ position: relative; top: 45%; max-width: 1200px; margin-left: auto; } .product-banner .banner-heading .heading{ font-size: 130px; line-height: 135px; } .product-banner .banner-heading .heading span{ font-size: 72px; line-height: 38px; left: -50px; } .product-banner .sub-heading{ bottom: 80px; font-size: 72px; line-height: 47px; max-width: 485px; } .layout-products .content{ max-width: 1470px; } .product-banner .content h1{ font-size: 86px; line-height: 109px; } .product-banner .content p{ font-size: 25px; line-height: 38px; margin-bottom: 35px; } .product-banner .content p strong, .product-banner .content p b{ font-size: 25px; } .product-banner .content h2{ font-size: 27px; line-height: 38px; } .product-banner .content h3{ font-size: 27px; line-height: 38px; } .product-banner .content p:last-of-type ~ ul{ margin-top: 35px; } .product-banner .content ul, .product-banner .content ol{ margin-bottom: 35px; } .product-banner .content ul li, .layout-content-with-image .content ol li{ font-size: 25px; line-height: 38px; margin-bottom: 20px; } .layout-products .background{ width: 1110px; height: 722px; right: -475px; bottom: -200px; } .layout-products .products-container{ max-width: 1470px; } .layout-products .products .product{ margin-bottom: 120px; } .layout-products .product-wrap .image{ flex: 0 0 245px; } .layout-products .product.product-498 .product-wrap .image{ flex: 0 0 245px; } .layout-products .product.product-498 .product-wrap .image .product-quickView { bottom: -15px; } .layout-products .product-wrap .content-wrap { padding-left: 25px; } .layout-products .product.product-498 .content-wrap { padding-left: 25px; } .layout-products .product-wrap .image .product-quickView{ flex: 0 0 159px; width: 159px; height: 59px; font-size: 16px; left: -50px; } .layout-products .product-wrap .image .product-quickView img{ margin-left: 7px; } .layout-products .product-wrap .content-wrap .product-title{ font-size: 34px; margin-bottom: 20px; } .layout-products .product-wrap .content-wrap .short-description p{ font-size: 18px; line-height: 26px; } .layout-products .product-wrap .content-wrap .short-description p strong, .layout-products .product-wrap .content-wrap .short-description p b{ font-size: 21px; } .layout-products .product-wrap .content-wrap .short-description h3{ font-size: 21px; } .layout-products .product-wrap .content-wrap .short-description h2{ font-size: 34px; margin-bottom: 20px; } .layout-products .product-wrap .content-wrap .links{ margin-top: 40px; } .layout-products .product-wrap .content-wrap .links a{ max-width: 287px; height: 51px; font-size: 25px; margin-bottom: 20px; } .product-single-banner{ padding-top: 61px; padding-bottom: 30px; } .product-single-banner h1{ font-size: 94px; line-height: 109px; } .product-single-banner::after{ width: 721px; } .product-single .image-wrap .image{ max-width: 350px; } .product-single .characteristics{ margin-top: 60px; } .product-single .characteristics .characteristic{ max-width: 130px; margin-bottom: 32px; } .product-single .content-wrap{ padding-top: 50px; padding-bottom: 50px; } .product-single .content h1{ font-size: 86px; line-height: 109px; } .product-single .content p{ font-size: 25px; line-height: 38px; margin-bottom: 25px; } .product-single .content p strong, .product-single .content p b{ font-size: 25px; } .product-single .content h2{ font-size: 27px; line-height: 38px; } .product-single .content h3{ font-size: 27px; line-height: 38px; } .product-single .content p:last-of-type ~ ul{ margin-top: 35px; } .product-single .content ul, .product-single .content ol{ margin-bottom: 35px; } .product-single .content ul li, .product-single .content ol li{ font-size: 25px; line-height: 38px; margin-bottom: 20px; } .product-single .links{ margin-top: 75px; } .product-single .links a{ margin-right: 37px; max-width: 275px; height: 51px; font-size: 25px; } .product-single .other-images h2{ font-size: 27px; line-height: 38px; } /* # Layout - Teams */ .layout-team .background{ width: 2093px; height: 1362px; } .layout-team .background.left{ top: -30px; transform: none; left: -1435px; } .layout-team .background.right{ bottom: -470px; right: -1370px; } .layout-team .team-banner{ max-width: 960px; padding-right: 77px; padding-top: 38px; padding-bottom: 45px; } .layout-team .team-banner h1{ font-size: 49px; line-height: 45px; } .layout-team .teams .team{ margin-bottom: 78px; } .layout-team .teams .team .image{ margin-bottom: 26px; } .layout-team .teams .team .image .image-wrap{ max-width: 321px; height: 321px; } .layout-team .teams .team .team-info h2{ font-size: 40px; line-height: 53px; } .layout-team .teams .team .team-info h3{ font-size: 27px; line-height: 40px; } /* # Layout - Press */ .layout-press{ padding-top: 160px; } .layout-press .background{ width: 1110px; height: 722px; right: -592px; top: 583px; } .layout-press .content{ margin-bottom: 33px; } .layout-press .content h1{ font-size: 61px; line-height: 61px; margin-bottom: 10px; text-transform: uppercase; } .layout-press .content h2{ font-size: 27px; line-height: 38px; } .layout-press .content h4{ font-size: 25px; line-height: 37px; } .layout-press .content p{ font-size: 25px; line-height: 37px; margin-bottom: 35px; } .layout-press .content p strong, .layout-press .content p b{ font-size: 25px; } .layout-press .content h3{ font-size: 27px; line-height: 38px; } .layout-press .content p:last-of-type ~ ul{ margin-top: 35px; } .layout-press .content ul, .layout-press .content ol{ margin-bottom: 35px; } .layout-press .content ul li, .layout-press .content ol li{ font-size: 25px; line-height: 38px; margin-bottom: 20px; } .layout-press .content .bottom-content{ margin-top: 35px; } .layout-press .content .resource-nav{ margin-top: 50px; } .layout-press .content .resource-nav a{ font-size: 25px; } .layout-press .content .resources{ margin-top: 35px; padding-top: 35px; } .layout-press .content .cta{ max-width: 315px; height: 51px; font-size: 25px; } .layout-press .content .resources .cta{ max-width: fit-content; padding-left: 15px; padding-right: 15px; } .layout-press .press-lists .press{ margin-bottom: 70px; } .layout-press .press-lists .press .press-content h2{ font-size: 40px; line-height: 53px; } .layout-press .press-lists .press .press-content h2 a{ font-size: 40px; line-height: 53px; } .layout-press .press-lists .press .press-content p{ font-size: 25px; line-height: 38px; } .layout-press .press-lists .press .press-content .cta{ max-width: 315px; height: 51px; font-size: 25px; margin-top: 40px; } /* # Layout - Locator */ .locator-banner{ padding-top: 31px; padding-bottom: 67px; } .locator-banner h1{ font-size: 52px; line-height: 60px; margin-bottom: 37px; } .locator-banner .form-container{ max-width: 900px; } .locator-banner .locator-form{ margin-left: -11px; margin-right: -11px; } .locator-banner .locator-form .form-field{ padding-left: 11px; padding-right: 11px; } .locator-banner .locator-form .form-field ::placeholder { font-size: 27px; } .locator-banner .locator-form .form-field :-ms-input-placeholder { font-size: 27px; } .locator-banner .locator-form .form-field ::-ms-input-placeholder { font-size: 27px; } .locator-banner .locator-form .form-field.label{ flex: 0 0 66px; font-size: 27px; line-height: 46px; margin-left: 11px; margin-right: 11px; } .locator-banner .locator-form .form-field.address{ flex: 0 0 381px; } .locator-banner .locator-form .form-field.radius{ flex: 0 0 271px; max-width: 271px; } .locator-banner .locator-form .form-field.button{ flex: 0 0 146px; } .locator-banner .locator-form .form-field input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]){ font-size: 27px; padding: 23px 25px; } .locator-banner .locator-form .form-field select{ font-size: 27px; padding: 26px 40px 26px 25px; } .locator-banner .locator-form .form-field .ui-selectmenu-button{ font-size: 27px; padding: 26px 40px 26px 25px; } .locator-banner .locator-form .form-field button{ height: 79px; } .locator-banner .locator-form .form-field button img{ max-width: 45px; } /* # Layout - Clinics */ .layout-clinics .additional-filter .form-container{ padding: 21px 40px; } .layout-clinics .filter-heading{ font-size: 23px; line-height: 31px; margin-bottom: 6px; } .layout-clinics .additional-form{ margin-left: -7px; margin-right: -7px; align-items: flex-end; } .layout-clinics .additional-form .form-field{ padding-left: 7px; padding-right: 7px; } .layout-clinics .additional-form .form-field.radio{ flex: 0 0 202px; } .layout-clinics .additional-form .form-field.button{ flex: 0 0 119px; } .layout-clinics .additional-form .form-field select{ padding: 12px 40px 12px 25px; } .layout-clinics .additional-form .form-field .form-label{ font-size: 16px; line-height: 20px; margin-bottom: 8px; } .layout-clinics .additional-form .form-field .radio-fields{ height: 42px; } .layout-clinics .additional-form .form-field .radio-fields .radio{ margin-right: 15px; } .layout-clinics .additional-form .form-field .radio-fields .radio label{ font-size: 22px; line-height: 30px; margin-left: 10px; } .layout-clinics .additional-form .form-field button{ height: 41px; font-size: 20px; line-height: 18px; } .layout-clinics .clinics{ margin-top: 55px; } .layout-clinics .clinics .clinic{ padding: 38px 45px; margin-bottom: 54px; } .layout-clinics .clinics .clinic .clinic-header .image{ max-width: 88px; } .layout-clinics .clinics .clinic .clinic-header .title{ flex: 1; } .layout-clinics .clinics .clinic .clinic-header .title h2 a{ font-size: 30px; line-height: 35px; } .layout-clinics .clinics .clinic .clinic-header .action{ padding-right: 0; text-align: right; } .layout-clinics .clinics .clinic .clinic-body .detail{ font-size: 18px; line-height: 27px; } .layout-clinics .clinics .clinic .cta { border-width: 3px; height: 36px; font-size: 16px; max-width: 200px; } .layout-clinics .clinics .clinic .clinic-body .address{ font-size: 18px; line-height: 27px; padding-left: 50px; } .layout-clinics .clinics .clinic .clinic-body .address .icon{ max-width: 38px; top: 50%; transform: translateY(-50%); } .layout-clinics .clinics .clinic .clinic-body .distance{ font-size: 22px; line-height: 33px; margin-top: 20px; padding-left: 50px; } .layout-clinics .clinics .clinic .clinic-body .distance span{ font-size: 24px; line-height: 39px; } .layout-clinics .clinics .clinic .clinic-body .action{ margin-top: 16px; } .layout-clinics .clinics .clinic .clinic-body .action.left{ text-align: right; } .layout-clinics .statelisting .show-action .cta{ max-width: 300px; height: 50px; } /* # Template - Announcement */ .announcement .content .cta{ max-width: 315px; height: 51px; font-size: 25px; } .announcement .links .cta{ max-width: 315px; height: 51px; font-size: 25px; } .announcement .featured-press .featured-press-container .view-archive .cta-viewarchive{ max-width: 315px; height: 51px; font-size: 25px; } .announcement .announcement-section-3 .links .cta{ max-width: 315px; height: 51px; font-size: 25px; } /* Template - Health Asessment */ #content.site-content.site-quiz-content{ padding-top: 133px; } .template-health-asessment .health-assessment-banner{ height: 665px; } #signatureIframe{ height:100vh; } } /* ======================[ Max-Width: 1366px; ]====================== */ @media ( max-width: 1366px ){ body .site-content .container{ max-width: 1140px; } }