#welcome { padding: 60px 20px; }#welcome article { max-width: 1150px; margin: 0 auto; position: relative; }#welcome article:before { content: url(assets/images/flower.svg); position: relative; margin: 0 auto; display: table; }#welcome article p { font-size: 3rem; font-weight: 300; text-align: center; margin-top: 0; }#welcome .signature { display: table; margin: 20px auto 0; }#welcome .signature img { transition: 0.2s all ease-in-out; }#welcome .signature span { text-align: center; transition: 0.3s all; }#welcome .signature:hover img { transform: scale(1.03); }#welcome .signature:hover span { color: #0050B8; }@media (max-width:800px) { #welcome article:before { margin-bottom: 10px; } #welcome article p { font-size: 2rem; }}.split-section .h2, .split-section h2 { margin-bottom: 15px; }.split-section article { max-width: 500px; }.split-section .btn { margin-top: 20px; }@media (max-width:1024px) { .split-section .flex.container { gap: 40px; } .split-section article { text-align: center; } .split-section .btn { margin-left: auto; margin-right: auto; }}#meet { padding: 0 20px 80px; }#meet article { max-width: 535px; }#meet figure { width: 50%; max-width: fit-content; position: relative; }#meet figure .flowers { position: absolute; inset: auto auto 0 -70px; }#meet .slick-meet { max-width: 540px; position: relative; }#meet .slick-meet img { max-height: 780px; }@media (max-width:1024px) { #meet figure { width: 100%; } #meet .slick-meet { margin: 0 auto; max-width: 450px; } #meet .slick-meet img { max-height: 650px; }}@media (max-width:550px) { #meet figure .flowers { max-width: 150px; inset: auto auto 0 -30px; }}#services { display: flex; align-items: stretch; }#services .h2 { margin-bottom: 30px; display: block; }#services figure, #services article { width: 50%; }#services .h1-small, #services .h2 { color: #fff; }#services article { display: flex; align-items: center; background-color: #99AE9E; padding: 30px; }#services article .content { flex: 0 1 500px; margin: 0 auto; }#services figure { background-color: #303E2C; padding: 100px 20px; }#services .toggle { padding: 22.5px 40px 22.5px 0; }#services .toggle:after { top: 31px; }#services .toggle:hover h3 { color: #50675D; }#services .toggle-wrapper { border-color: rgba(255, 255, 255, 0.27); }#services .toggle-wrapper > div { display: none; padding: 0 0 10px; }#services .toggle-wrapper > div p { margin-top: 0; color: #fff; }#services .toggle-wrapper h3 { position: relative; padding-left: 55px; }#services .toggle-wrapper h3:before { margin-right: 0; width: 45px; flex: 0 1 45px; display: block; text-align: center; line-height: 0; position: absolute; left: 0; }#services .toggle-wrapper:nth-of-type(1) h3:before { content: url(assets/images/icon-infants.svg); }#services .toggle-wrapper:nth-of-type(2) h3:before { content: url(assets/images/icon-toddlers.svg); }#services .toggle-wrapper:nth-of-type(3) h3:before { content: url(assets/images/icon-children.svg); }#services .toggle-wrapper:nth-of-type(4) h3:before { content: url(assets/images/icon-teens.svg); }#services .toggle-wrapper:nth-of-type(5) h3:before { content: url(assets/images/icon-special-needs.svg); }#services h3 { display: flex; align-items: center; }#services .btn { margin-top: 30px; }@media (max-width:1024px) { #services { flex-direction: column-reverse; } #services figure, #services article { width: 100%; } #services figure { padding: 40px 20px; } #services article { text-align: center; padding: 60px 20px; } #services .btn { margin-left: auto; margin-right: auto; }}#office { padding: 90px 20px; }@media (max-width:1024px) { #office { padding: 60px 20px; }}#about { padding: 100px 20px; position: relative; isolation: isolate; text-align: center; }#about:before { content: ""; position: absolute; inset: 0; background-image: url(assets/images/granite-texture.webp); background-size: 400px; background-repeat: repeat; opacity: 0.5; z-index: -1; }#about .h2 { margin-bottom: 40px; display: block; }#about .content { max-width: 550px; flex: 0 1 350px }#about .content figure { min-height: 330px; display: flex; align-items: center; justify-content: center; margin-bottom: 20px; }#about .content p { margin: 10px auto }#about .content .btn { margin: 0 auto; margin-top: 20px; }@media (max-width:1024px) { #about { padding: 60px 20px; } #about article { text-align: center; } #about .flex.container { flex-direction: column; align-items: center; gap: 50px; } #about .content p { margin-left: auto; text-align: center; } #about .btn { margin-left: auto; margin-right: auto; }}#financial { padding: 100px 20px; position: relative; }#financial p { margin: 15px auto 20px; }#financial .btn { margin-top: 10px; min-width: 260px; }@media (max-width:1024px) { #financial { padding: 60px 20px; } #financial .flex.container { flex-direction: column-reverse; }}@media (max-width:550px) { #financial .h2 { font-size: 4.9rem; } #financial .h2 span { display: block; font-size: 3.9rem; }}#location { padding: 100px 20px; background-color: #BAD0E8; isolation: isolate; overflow: hidden; }#location ul { margin: 20px 0; }#location ul li { margin-left: 0; }#location figure { position: relative; }#location figure:before { content: ""; position: absolute; inset: -100px -50vw -100px 225px; background-color: #0050B8; z-index: -1; }#location iframe { border-radius: 22px; }@media (max-width:1024px) { #location { padding: 60px 20px; } #location figure { display: none; } #location article { text-align: center; display: table; margin-left: auto; margin-right: auto; } #location .btn { margin-left: auto; margin-right: auto; }}@media (max-width:600px) { #location h2 { font-size: 4.6rem; }}.simple { line-height: 1; font-size: 0; margin: 0 auto; text-align: center; }.simple input:not([type=submit]), .simple textarea, .simple select { box-sizing: border-box !important; border: 0; border-radius: 0; line-height: 1; font-size: 18px; width: 100%; max-width: 100%; padding: 0 11px; margin-bottom: 10px; height: 45px; color: #000; background-color: #eee; }.simple textarea { height: 130px; padding: 14px 11px; }.simple input:focus, .simple textarea:focus, .simple select:focus { outline: 0; background-color: #e7f0f6; color: #50675D; }form .btn { background-color: #0050B8; }form .btn:hover { background-color: #50675D; }form .btn:before { display: none; }::-moz-placeholder { color: #000; }::placeholder { color: #000; }::-webkit-input-placeholder { color: #000; }.social { font-size: 0; text-align: center; margin: 10px auto; display: flex; justify-content: center; align-items: center; gap: 40px; max-width: 400px; margin: 40px auto; }.social a { position: relative; display: block; color: #fff; line-height: 0; }.social a i { position: absolute; top: 50%; left: 50%; font-size: 19px; transform: translate(-50%, -50%); z-index: 5; }.social a span[class^=blob-] { display: block; }.social a svg path { transition: fill 0.3s ease; }.social a:hover svg path { fill: #0050B8; }footer { background-image: url(assets/images/footer-bg.svg); background-size: cover; background-position: center; background-repeat: no-repeat; padding: 90px 20px 0; color: #fff; }footer .logo { display: block; margin-bottom: 10px; max-width: 80%; margin-left: auto; margin-right: auto; }footer .pho, footer .phy { color: #fff; display: block; margin: 10px auto; }footer .pho:hover, footer .phy:hover { color: #0050B8; }footer .pho { font: 400 23px/1 "Outfit", sans-serif; }footer .phy { font: 400 15px/1.2 "Outfit", sans-serif; }footer .line { display: block; height: 145px; width: 1px; background-color: #fff; opacity: 0.25; }footer .hours { margin: 0; }footer .hours p { font-size: 1.4rem; color: #fff; }#fo-contents .flex.container { max-width: 750px; flex-direction: row; }#fo-contents .flex.container > div { flex: 0 1 245px; padding-top: 5px; }.fo-info { flex: 0 1 auto; text-align: center; }#copy { font: 400 15px/1.5 "Outfit", sans-serif; color: #fff; padding: 20px 10px; text-align: center; }#copy .flex.container { max-width: 980px; }#copy .flex.container > div { display: flex; align-items: center; justify-content: center; gap: 15px; }#copy span { margin: 0 10px; }#copy em { font-style: normal; }#copy .links a { color: #0050B8; }#copy .links a:hover { color: #BAD0E8; }#copy .tnt { padding-top: 4px; color: #fff; }#copy .icon-tnt { display: inline-block; vertical-align: middle; margin: 0 20px 3px -8px; font-size: 50px; line-height: 0; color: #0050B8; }@media (max-width:1000px) { footer { padding: 60px 20px 50px !important; background-image: url(assets/images/footer-bg-mobile.svg); background-size: auto 120%; } footer .line { margin: 30px auto; width: 160px; height: 1px; } footer .fo-title { text-align: center; } #fo-contents .flex.container { flex-direction: column; align-items: center; } #fo-contents .flex.container > div { flex: 0 1 auto; } #copy .flex.container, #copy .flex.container > div { flex-direction: column; } #copy span:first-of-type { display: none; }}.slick-controls { display: flex; align-items: center; justify-content: space-around; max-width: 1000px; margin: 10px auto; }.slick-arrow { padding: 0; color: #0050B8; font-family: fontello; font-size: 50px; position: absolute; top: 45%; transform: translateY(-50%); left: 0; z-index: 5; transition: 0.3s all; }.slick-arrow i { margin-left: -4px; }.slick-arrow:hover { color: #50675D; }#next { left: auto; right: 0; order: 2; }#next i { margin-left: 4px; }.slick-dots { line-height: 1; }.slick-dots li { line-height: 1; }.slick-dots li button { padding: 0; }.slick-dots span { cursor: pointer; background-color: #b5c5b9; height: 12px; width: 12px; border-radius: 50%; display: inline-block; margin: 0 5px; }.slick-dots .slick-active span { background-color: #50675D; }.pagingInfo { font-size: 30px; text-align: center; }.gallery { max-width: 1050px; margin: 40px auto; padding: 0 60px; position: relative; }.gallery .slick-arrow { top: 50%; }.slick-gallery { position: relative; margin: 20px auto; text-align: center; }.slick-gallery article .flex-ed { justify-content: space-around; }.slick-gallery article .flex-ed span { margin: 10px; position: relative; padding-bottom: 40px; }.slick-gallery article .flex-ed span img { width: 100%; }.slick-gallery article .flex-ed span:after { content: "Before"; position: absolute; bottom: 5px; left: 0; right: 0; margin: auto; display: block; margin: auto; color: #000; font: 400 18px/1.2 "Outfit", sans-serif; text-transform: uppercase; letter-spacing: 1.6px; }.slick-gallery article .flex-ed span:last-of-type:after { content: "After"; }.slick-gallery article div p { display: block; }.slick-gallery figcaption { margin: 5px auto; }@media (max-width:1024px) { .gallery { padding: 0 70px; }}@media (max-width:700px) { .gallery { padding: 0; } .slick-gallery article .flex-ed { align-items: center; flex-direction: column; } .slick-arrow { position: relative; top: unset; transform: unset; left: 0; width: 50px; height: 50px; flex: 0 0 50px; }}.why { padding: 30px 20px 25px; position: relative; }.why:before { content: ""; position: absolute; inset: 0; background-image: url(assets/images/granite-texture.webp); background-size: 400px; background-repeat: repeat; opacity: 0.6; z-index: -1; }.why h2 { text-align: left; font-size: 15px; font-weight: 600; letter-spacing: 2px; font-family: "Sora", sans-serif; max-width: 560px; line-height: 1.3; margin-bottom: 15px; }.why ul { display: flex; justify-content: space-around; align-items: center; align-items: flex-start; max-width: 1200px; margin: 0 auto; }.why ul li { margin: 10px; width: 100%; color: #000; overflow: visible; max-width: 280px; }.why ul li span { max-width: 95%; margin: 0 auto; display: block; line-height: 1.2; }.why ul li:before { font-size: 20px; top: 0; }@media (max-width:1024px) { .why h2 { text-align: center; margin: 0 auto 10px; } .why ul { flex-direction: column; align-items: center; }}.page-divider { display: block; max-width: 100%; width: 100%; position: relative; z-index: 1; }.block { position: relative; display: block; clear: both; width: 100%; max-width: 100%; padding: 0; }.block .contain { display: flex; justify-content: space-between; align-items: flex-start; gap: 0; }.block .detach { max-width: 1150px; margin: 0 auto; }.block .detach { margin-top: 30px; }.block h2.dividerLead { margin-bottom: 20px; }.block .wrap { height: 0; }.block .elem { padding: 100px 20px; }.block .elem { width: 50%; margin: -1px 0; height: calc(100% + 2px); }.block article { margin: auto; flex: 0 1 570px; padding: 0 20px; }.block article p:first-of-type { margin-top: 0; }.block ul li { margin-left: 0; }.block .btn { margin-left: 0; }.block .elem { flex: 0 0 auto; position: relative; z-index: 3; margin: 0; }.block .elem-right { order: 1; }.block:nth-of-type(odd) .contain { max-width: 1250px; margin: 0 auto; }.block:nth-of-type(even) .contain { background-color: #303E2C; }.block:nth-of-type(even) h2, .block:nth-of-type(even) p, .block:nth-of-type(even) li { color: #fff; }.block:nth-of-type(even) li:before { color: #99AE9E; }.block:nth-of-type(even) .elem { background-color: #99AE9E; }.mini-block { display: flex; align-items: center; max-width: 1100px; width: 100%; margin: 50px auto; gap: 40px; }.mini-block:nth-of-type(2) { margin-top: 0; }.mini-block:last-of-type { margin-bottom: 80px; }.mini-block .elem-sm { order: 1; }.mini-block article { order: 2; flex: unset !important; max-width: 520px; padding: 0; }.read-more-content { display: none; }.block.no_img article { max-width: 1130px; margin: auto; text-align: center; }.block.no_img { background-color: #99AE9E; padding: 80px 20px; }.block.no_img article .btn { margin: 15px auto 0; }@media (max-width:1024px) { .block h2.dividerLead { text-align: center; } .block article { flex: 0 1 auto; text-align: center; max-width: 650px; padding: 50px 20px; } .block article p { margin: 10px auto; display: block; } .block .elem { margin: 0 auto !important; width: 100%; padding: 40px 20px 0; background-color: transparent !important; } .block .elem-left, .block .elem-right { margin: 0 auto; order: 0; } .block .contain { align-items: center; flex-direction: column; gap: 0; margin: 0 auto; } .block .btn { margin: 15px auto 0; } .block:nth-of-type(even) .contain { background-color: #99AE9E; } .mini-block { flex-direction: column; margin: 0 auto; } .mini-block .elem-sm { margin: 15px auto; } .mini-block article { max-width: 600px; padding: 20px; }}.more-to-explore { position: relative; text-align: center; margin: 0 auto; padding: 60px 10px; background-color: #fff; }.more-to-explore p { padding: 10px; margin: auto; max-width: 1150px; display: flex; align-items: center; flex-wrap: wrap; justify-content: center; }.more-to-explore [class^=btn] { min-width: 350px; margin: 5px; }.services-grid { position: relative; margin: 0 auto; padding: 50px 20px 50px; display: flex; align-items: stretch; justify-content: center; flex-wrap: wrap; gap: 10px; max-width: 1200px; }.services-grid > div { max-width: 440px; width: 100%; border-radius: 5px; overflow: hidden; padding: 10px; }.services-grid figure { height: 154px; display: flex; margin-bottom: -60px; }.services-grid article { padding: 30px 30px 40px; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); background-color: #ffffff; height: 420px; }.services-grid h3 { margin-bottom: 15px; text-align: center; margin-top: 50px; }.services-grid ul { display: table; margin: 15px auto 0; }.services-grid ul li { margin-left: 0; }.services-grid a { color: #000; }.services-grid a:hover { color: #50675D; }@media (max-width:950px) { .services-grid article { height: auto; }}.landing { display: flex; align-items: flex-start; justify-content: center; gap: 30px; flex-wrap: wrap; margin: 0 auto; padding: 60px 20px; }.landing .item { margin: 10px 0 20px; text-align: center; display: table; max-width: 350px; }.landing .item h3 { padding: 10px; background-color: #50675D; color: #fff; font: 400 15px/1 "Sora", sans-serif; transition: 0.3s all; }.landing .item .btn { margin: 15px auto 0; }.landing .item:hover h3 { background-color: #303E2C; color: #fff; }#refer { background: #ccc; margin: 40px auto; max-width: 700px; padding: 40px 20px 30px; }#refer .btn { margin: 15px auto 0; }#refer .simple { max-width: 650px; margin: auto; }.has-accordion { background-color: #303E2C; padding: 60px 20px; }.has-accordion h2, .has-accordion p { color: #fff; }.accordion { margin: 0 auto; padding: 0; text-align: left; max-width: 1100px; }.accordion .toggle { position: relative; cursor: pointer; clear: both; padding: 20px 40px 20px 0; width: 100%; display: block; text-align: left; }.accordion .toggle h2, .accordion .toggle h3 { transition: all 0.3s; }.accordion .toggle.active:after { transform: rotate(180deg); padding-bottom: 5px; }.accordion .toggle:hover h2, .accordion .toggle:hover h3 { color: #99AE9E; }.accordion .toggle:after { content: "\e825"; font-family: fontello; line-height: 0; position: absolute; top: 28px; right: 5px; font-size: 30px; color: #fff; }.accordion .toggle-wrapper { padding: 0; background-color: transparent; border-bottom: 1px solid rgba(255, 255, 255, 0.27); }.accordion .toggle-wrapper > div { display: none; padding: 0 50px 20px 0; }.accordion .toggle-wrapper:first-of-type { border-top: 1px solid rgba(255, 255, 255, 0.27); }@media (max-width:1024px) { .accordion > div { padding: 0 20px 20px 0; }}.hours { display: table; margin: 10px auto; text-align: left !important; }.hours label { width: 120px; display: inline-block; font-weight: 700; }.contact { display: flex; justify-content: space-between; align-items: flex-end; flex-wrap: wrap; max-width: 950px; margin: 0 auto; padding: 60px 30px; }.contact h2 { font-size: 4rem; }.contact h3 { margin: 10px auto; }.contact .hours h3 { margin-top: 0; text-transform: none; text-align: center; }.contact .hours { margin: 0; }.contact p { margin: 15px 0 10px; line-height: 1.4; }.contact-map { height: 380px; margin: 20px auto 0; }.contact-map iframe { height: 100%; width: 100%; }@media (max-width:1024px) { .contact { text-align: center; align-items: center; flex-direction: column; gap: 30px; } .contact h3 { text-align: center; }}#emergency-modal h3 { text-align: center; }.off { pointer-events: none; }.service-icons { max-width: 900px; display: flex; justify-content: center; gap: 50px; text-align: center; flex-wrap: wrap; margin: 40px auto 0; }.service-icons h3 { margin: 10px auto 0; color: #fff; text-transform: unset; font: 400 18px/1 "Outfit", sans-serif; line-height: 1.1; }.service-icons p { display: none; }.service-icons > * { padding: 5px; margin: 10px auto; display: block; }.service-icons a { margin: 0; text-decoration: none; max-width: 160px; }.service-icons a:hover .icon .ic-color { fill: #fff; }.service-icons a:hover h3 { color: #616F74; }.service-icons .ic-color { fill: #50675D; }.service-icons .ic-color-2 { fill: #303E2C; }.service-icons .sv-icon { height: 80px; display: flex; flex-direction: column; justify-content: center; align-items: center; }.service-icons .has-h3 { clear: both; display: table; width: 100%; margin: 20px auto; text-align: left; }.service-icons .has-h3 h3 { margin: 0 auto 10px; text-align: left; }@media (max-width:1024px) { .service-icons { gap: 40px 20px; } .service-icons a { width: 45%; } .service-icons .has-h3, .service-icons .has-h3 h3 { text-align: center; }}.block #insure-form { margin: 10px auto; }a.anchor { display: block; position: relative; top: -100px; visibility: hidden; }#insure-form { position: relative; }#insure-form .h2 { line-height: 1.2; margin: 10px auto; letter-spacing: 0; font-size: 42px; }#insure-form .h1 small, #insure-form .h2, #insure-form p, #insure-form .group label { color: #fff; }#insure-form input, #insure-form select { display: table; width: 100%; margin: 10px auto; height: 50px; padding: 5px; border: none; border-bottom: 1px solid #fff; background-color: transparent; color: #fff; }#insure-form::-moz-placeholder { color: #fff; }#insure-form::placeholder { color: #fff; }#insure-form .select2-container { width: 100% !important; max-width: 620px; }#insure-form .select2-container--default .select2-selection--single { background-color: #50675D; color: #fff; border-radius: 50px; border: none; outline: none; }#insure-form .select2-container--default .select2-selection--single .select2-selection__rendered { color: #fff; text-align: center; text-transform: uppercase; font-size: 15px; }#insure-form .select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: #fff transparent transparent transparent; }#insure-form .select2-container .select2-selection--single { height: 40px; }#insure-form .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 40px; padding-right: 42px; }#insure-form .select2-container--default .select2-selection--single .select2-selection__arrow { background-color: #303E2C; height: 44px; width: 44px; border-radius: 50%; top: -2px; right: -2px; }#insure-form button#submit { border: 1px solid #fff; padding: 20px; border-radius: 30px; text-transform: uppercase; min-width: 250px; margin: 20px auto; background-color: transparent; color: #fff; }#insure-form button#submit:hover { background-color: #303E2C; }#out, #in { text-align: center; }#out .btn, #in .btn { margin: 20px auto 0; }#out .h3, #in .h3 { font-size: 3rem; }.open-in { position: absolute; top: 0; left: 50%; width: 98%; transform: translateX(-50%); display: flex !important; flex-direction: column; justify-content: center; align-items: center; text-align: center; height: 100%; transition: 3s all; }.close-ins { background-color: transparent; border: 2px solid #fff; border-radius: 50%; color: #fff; font-size: 30px; position: absolute; top: 0; right: 0; z-index: 3; flex: 0 0 40px; width: 40px; height: 40px; background-color: #455950; top: -20px; right: -20px; display: flex; justify-content: center; align-items: center; cursor: pointer; }.close-ins span { transform: rotate(45deg); padding: 0 0 4px 2px; }.close-ins:before { content: "Try another insurance"; font-size: 12px; position: absolute; left: -130px; color: #000; top: 0; opacity: 0.35; }.close-ins:hover { background-color: #303E2C; }.close-ins:hover:before { opacity: 1; }.yep { line-height: 1; color: #50675D; font-size: 40px; display: flex; justify-content: center; align-items: center; margin: 10px auto; }.yep i { margin-top: 5px; }#appt-form { padding: 40px 10px; text-align: left; max-width: 800px; margin: 10px auto; }#appt-form h2, #appt-form h3 { text-align: center; margin: 50px auto 10px; letter-spacing: 0.05em; }#appt-form h2 { font-size: 45px; }#appt-form .flex-row-input { display: flex; justify-content: space-around; align-items: flex-start; }#appt-form .flex-row-input article { flex: 1; margin: 10px; }#appt-form .options { color: #000; margin: 0 10px 0; }#appt-form .options label { display: block; font-size: 18px; position: relative; margin-bottom: 10px; text-align: left; }#appt-form .flex-checks { display: flex; flex-wrap: wrap; }#appt-form .flex-checks span { flex: 0 1 30%; margin: 10px 5px 10px 0; display: flex; align-items: center; font-size: 16px; }#appt-form .flex-checks span [type=checkbox], #appt-form .flex-checks span [type=radio] { margin-right: 8px; }#appt-form .btn { display: table; margin: 20px auto !important; }#appt-form::-webkit-input-placeholder { color: #333; }#appt-form:-moz-placeholder { color: #333; }#appt-form::-moz-placeholder { color: #333; }#appt-form:-ms-input-placeholder { color: #333; }#appt-form .input-content, #appt-form .styled-form .inline label, #appt-form .styled-form .inline, #appt-form .input--filled .input__label .input__label-content strong, #appt-form .input--filled .input__label .input__label-content a { color: #000; }#appt-form .input-content { position: relative; z-index: 1; border-bottom: 1px solid #50675D; display: block; width: 100%; min-height: 65px; background: none; }#appt-form .input-content.txt { height: 150px; }#appt-form .input-content textarea { padding: 5px; display: block; width: 100%; height: 130px; display: table; font-family: "Outfit", sans-serif; }#appt-form .input__field { position: absolute; z-index: 2; display: block; border: none; border-radius: 0; padding: 0 10px; margin-top: 20px; height: 40px; width: 100%; background: transparent; color: #000; }#appt-form .input__label { display: inline-block; padding: 0; width: 100%; height: 100%; position: absolute; background: transparent; text-align: left; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; }#appt-form .input__label::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0 solid transparent; transition: border-width 0.3s, border-color 0.3s; }#appt-form .input__label-content { position: relative; display: block; width: 100%; padding: 40px 10px 10px; text-rendering: geometricPrecision; transform-origin: 0% 50%; transition: transform 0.3s, color 0.3s; transition: transform 0.3s, color 0.3s; color: #000; }#appt-form .input__field:focus + .input__label .input__label-content, #appt-form .input--filled .input__label .input__label-content { color: #000; transform: translate3d(0, -0.8em, 0); padding: 15px 5px 5px; font-size: 0.75em; }#appt-form input:-webkit-autofill, #appt-form textarea:-webkit-autofill, #appt-form select:-webkit-autofill { background-color: transparent !important; }.options [type=checkbox], .options [type=radio] { -webkit-appearance: none; position: relative; border-radius: 3px; vertical-align: middle; height: 25px; width: 25px; border: 1px solid #000; }.options [type=radio] { border-radius: 50%; }.options [type=checkbox]:active, .options [type=checkbox]:checked:active, .options [type=checkbox]:checked, .options [type=radio]:active, .options [type=radio]:checked:active, .options [type=radio]:checked { background-color: #fff; border: 1px solid #50675D; }.options [type=checkbox]:checked:after, .options [type=radio]:checked:after { font-family: fontello; content: "\e832"; font-size: 13px; position: absolute; top: 4px; left: 4px; color: #50675D; }.options [type=radio]:checked:after { content: ""; width: 14px; height: 14px; background-color: #50675D; border-radius: 50%; }.dwn { position: relative; }.dwn:after { position: absolute; content: "\e935"; font-family: fontello; font-size: 1.2em; line-height: 1.5; color: #50675D; bottom: 5px; right: 10px; z-index: 8; pointer-events: none; }#other-int { display: none; margin: 10px auto; }#int-list.oth #other-int { display: block; }.group { position: relative; margin-bottom: 20px; }.group input, .group select, .group textarea { font-size: 18px; padding: 10px 10px 10px 5px; display: block; width: 100%; border: none; border-bottom: 1px solid #50675D; background: none; color: #000; height: 45px; -webkit-appearance: none; position: relative; }.group select:after { position: absolute; right: 5px; top: 5px; content: "\e825"; font-family: fontello; z-index: 5; color: #fff; }.group textarea { height: 160px; }.group input:focus, .group textarea:focus, .group select:focus { outline: none; background-color: rgba(0, 0, 0, 0.03); }.bar { position: relative; display: block; max-width: 100%; position: absolute; bottom: -1px; left: 0; right: 0; }.bar:before, .bar:after { content: ""; height: 2px; width: 0; bottom: 1px; position: absolute; background: #50675D; transition: 0.2s ease all; -moz-transition: 0.2s ease all; -webkit-transition: 0.2s ease all; }.bar:before { left: 50%; }.bar:after { right: 50%; }input:focus ~ .bar:before, input:focus ~ .bar:after, textarea:focus ~ .bar:before, textarea:focus ~ .bar:after, select:focus ~ .bar:before, select:focus ~ .bar:after { width: 50%; }.highlight { position: absolute; height: 60%; width: 100px; top: 25%; left: 0; pointer-events: none; opacity: 0.5; }input:focus ~ .highlight, textarea:focus ~ .highlight, select:focus ~ .highlight { animation: inputHighlighter 0.3s ease; }@keyframes inputHighlighter { from { background: #50675D; } to { width: 0; background: transparent; }}@media (max-width:750px) { #appt-form h2, #appt-form h3 { margin: 30px auto 10px; } #appt-form .flex-row-input { display: block; } #appt-form .options { margin: 10px auto 20px; }}@media (max-width:480px) { #appt-form { padding: 40px 20px; } #appt-form .flex-row-input article { margin: 10px auto; } #appt-form .flex-checks span { flex: 0 1 48%; }}@media (max-width:400px) { #appt-form .input-content, .group input, .group select, .group textarea { font-size: 16px; }}#fixed-tabs { position: fixed; right: 0; text-align: center; line-height: 1; font-size: 0; z-index: 200; padding: 0; }#fixed-tabs li { flex: 1; }#fixed-tabs a { display: block; font-size: 17px; font-weight: 600; color: #fff; position: relative; overflow: hidden; }#fixed-tabs i { font-size: 16px; }#fixed-tabs #fixed-tabs i, #fixed-tabs #fixed-tabs i:before { display: block; margin: 0 auto !important; }#fixed-tabs .ra { background-color: #0050B8; background: linear-gradient(0deg, #0050B8 0%, #99AE9E 100%); }#fixed-tabs .call { background-color: #8ba390; }#fixed-tabs .map, #fixed-tabs .fr { background-color: #303E2C; }#fixed-tabs .fb { background-color: #4d70a8; }#fixed-tabs .gg { background-color: #dc4e41; }@media (min-width:1025px) { #fixed-tabs { display: none; }}@media (max-width:1024px) { #fixed-tabs { bottom: 0; width: 100%; display: flex; } #fixed-tabs a { padding: 18px 5px 18px 0; flex: 1; } #fixed-tabs a span { display: inline-block; vertical-align: middle; } #fixed-tabs .call, #fixed-tabs .map { display: none; }}@media (max-width:1000px) { #fixed-tabs .fr, #fixed-tabs .gg, #fixed-tabs .fb { display: none; } #fixed-tabs .call, #fixed-tabs .map { display: block; }}@media (max-width:730px) { #fixed-tabs strong { display: none; } #fixed-tabs .ra { flex: 2; }}
