.deco{position: relative; display: inline-block;}.deco:after{ position: absolute; left: 0; right: 0; bottom: -20px; content: url(assets/images/deco-blue.png); display: block;}.deco.blue:after{bottom: -33px;}.deco.orange:after{content: url(assets/images/deco-orange.png); bottom: -40px;}.deco.green:after{content: url(assets/images/deco-green.png); bottom: -33px;}.deco-orange-2:after{content: url(assets/images/deco-orange-2.png)}#meet { padding: 20px 20px 60px; }#meet figure { position: relative; }#meet figure img { border-radius: 28px; }#meet figure .badge { position: absolute; top: -90px; left: -40px; border-radius: 0; }#meet article { max-width: 486px; }#meet .btn { margin-top: 20px; }#meet .h2{margin-bottom: 20px; display: block;}@media (max-width:1024px) { #meet { padding-top: 20px; } #meet .flex.container { flex-direction: column-reverse; gap: 80px; } #meet figure .badge { max-width: 150px; left: -10px; top: -80px; } #meet article { text-align: center; } #meet .btn { margin: 20px auto 0; }}#reviews { position: relative; background-size: cover; background-position: center; padding: 80px 20px; }#reviews .container { position: relative; padding: 0 10px; }#reviews .slick-track { display: flex !important; align-items: center; }#reviews .h1-small { text-align: center; margin-bottom: 20px; }#reviews .slick-reviews { max-width: 930px; margin: 0 auto 20px; }#reviews .review img { margin-bottom: 20px; }#reviews .review p { font-size: 3.9rem; line-height: 1.4; font-family: moret, serif; text-align: center; }#reviews .review .author { display: flex; justify-content: center; gap: 10px; align-items: center; }#reviews .review .author img { margin: 0; }#reviews .review .author span { text-transform: uppercase; font-weight: 600; font-size: 1.8rem; letter-spacing: 0.15rem; color: #000; display: block; }#reviews .review .author star:before { color: #FEBB21; font-size: 22px; letter-spacing: 5px; }#reviews .slick-dots { display: table; }#reviews .slick-dots span { opacity: 1; background-color: #fff; }#reviews .slick-dots .slick-active span { background-color: #E7964C; }#reviews .slick-arrow { top: 42%; }#reviews .slick-controls { justify-content: center; gap: 20px; padding-left: 96px; margin-bottom: 0; }@media (max-width:1280px) { #reviews .container { max-width: 1000px; } #reviews .slick-reviews { max-width: 750px; }}@media (max-width:1024px) { #reviews { padding: 60px 20px; } #reviews .slick-controls { flex-wrap: wrap; max-width: 300px; padding-left: 0; } #reviews .slick-arrow { position: relative; transform: none; } #reviews .slick-arrow svg { max-width: 70px; } #reviews .review p { font-size: 3.5rem; } #reviews .btn { order: 1; } #reviews #prev { order: 2; } #reviews .slick-dots { order: 3; } #reviews #next { order: 4; }}@media (min-width:1001px) { #reviews { background-image: url(assets/images/index-reviews-bg.svg); }}@media (max-width:1001px) { #reviews { background-image: url(assets/images/index-reviews-bg-mobile.svg); }}#services { padding: 80px 20px; }#services .container { position: relative; }#services article { text-align: center; margin-bottom: 40px; }#services .art { position: absolute; bottom: -50px; left: 0; }#services .service { text-align: center; max-width: 342px; }#services .service h3 { margin-top: 15px; margin-bottom: 10px; }#services .btn { margin: 30px auto 0; }@media (max-width:1024px) { #services .flex { flex-wrap: wrap; justify-content: center; max-width: 750px; margin: 30px auto 0; }}#about { background-color: rgba(162, 200, 141, 0.2); padding: 60px 20px 200px; position: relative; }#about figure img { border-radius: 28px; }#about article { max-width: 486px; }#about .btn { margin-top: 20px; }@media (max-width:1024px) { #about .h2{margin-bottom: 25px; display: block;} #about { padding-bottom: 100px; } #about article { text-align: center; } #about .btn { margin: 20px auto 0; }}#financial { padding: 0 20px 80px; overflow-x: hidden; }#financial .h1-small { text-align: center; margin-bottom: 30px; }#financial .container { position: relative; max-width: 1500px; }#financial .art { position: absolute; top: -50px; right: -50px; }#financial .content { max-width: 520px; text-align: center; }#financial .content h3 { margin: 10px auto 15px; }#financial .content .btn { margin: 20px auto 0; }@media (max-width:1280px) { #financial .art { position: absolute; top: -50px; right: -100px; max-width: 280px; }}@media (max-width:800px) { #financial .art { max-width: 220px; top: -20px; }}#location { padding: 20px 20px 80px; }#location .h2 { text-align: center; display: block; margin-bottom: 30px; }#location iframe { border-radius: 28px; }#location .container { max-width: 880px; }#location .pho { font-size: 24px; color: #6293B8; display: block; font-weight: 600; margin: 10px 0; }#location .pho:hover { color: #E7964C; }#location .phy { font-size: 18px; color: #000; }#location .phy:hover { color: #E7964C; }#location article { max-width: 407px; }#location article ul li { margin-left: 0; font-size: 1.6rem; }@media (max-width:1024px) { #location article { text-align: center; } #location .btn { margin: 20px auto 0; } #location figure { display: none; }}#ready { padding: 80px 20px 120px; background-image: url(assets/images/index-ready-bg.webp); background-size: cover; }#ready .flex { gap: 15px; flex-direction: row; }#ready .h2 { display: block; text-align: center; color: #fff; margin-bottom: 30px; }#ready img { box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); }#ready .btn { margin: 30px auto 0; }#ready .btn:hover { background-color: #91B67C; }@media (max-width:1024px) { #ready .h2 { max-width: 600px; margin: 0 auto 30px; } #ready .flex { display: none; }}.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: #6293B8; }::-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: space-around; }.social a { position: relative; display: inline-block; margin: 5px; font-size: 16px; color: #fff; width: 40px; height: 40px; border-radius: 50%; line-height: 38px; border: 1px solid #fff; }.social .tk { line-height: 50px; }.social .icon-tiktok { display: block; }.social .icon-tiktok svg { fill: #fff; max-width: 60%; }.social .fb { background-color: #4d70a8; border-color: #4d70a8; }.social .gp { background-color: #dc4e41; border-color: #dc4e41; }.social .tk { background-color: #010101; border-color: #010101; }.social .yt { background-color: #d00; border-color: #d00; }.social .in { background-color: #c13584; border-color: #c13584; }.social .tw { background-color: #00aced; border-color: #00aced; }.social a:hover { background-color: #fff; }.social .fb:hover i { color: #4d70a8; }.social .gp:hover i { color: #dc4e41; }.social .tk:hover svg { fill: #000; }.social .yt:hover i { color: #d00; }.social .in:hover i { color: #c13584; }.social .tw:hover i { color: #00aced; }footer { background-color: #fff; color: #000; }footer .logo { display: block; margin-bottom: 10px; margin-top: -60px; }footer .pho { color: #6293B8; font: 400 35px/1 moret, serif; position: relative; display: table; margin-bottom: 5px; }footer .phy { color: #000; font: 400 17px/1 sofia-pro-variable, sans-serif; position: relative; display: block; }footer .pho:hover, footer .phy:hover { color: #6293B8; }#fo-contents > .fo-info{order: -1; text-align: center;}footer .hd-title { color: #E7964C; margin-bottom: 5px; }footer .fo-info .con{display: flex; justify-content: space-between;}footer .hours { margin: 0; }footer .hours > div { display: table; }#fo-contents { display: flex; justify-content: space-between; margin: auto; position: relative; max-width: 1300px; padding: 0 20px 20px; }#fo-contents > div { flex: 0 1 410px;; padding-top: 50px; }.fo-info { flex: 0 1 auto; }#copy { font: 400 15px/1.5 sofia-pro-variable, sans-serif; color: #000; padding: 10px 0 0; text-align: center; }#copy > div { display: flex; align-items: center; justify-content: center; gap: 15px; }#copy span { margin: 0 5px; }#copy em { font-style: normal; }#copy .links a { color: #6293B8; }#copy .links a:hover { color: #E7964C; }#copy .tnt { padding-top: 2px; color: #000; }#copy .tnt:hover { color: #E7964C; transition: all 0.3s; }#copy .tnt:hover .icon-tnt { color: #E7964C; transition: all 0.3s; }#copy .icon-tnt { display: inline-block; vertical-align: middle; margin: 0 20px 3px -12px; font-size: 60px; line-height: 0; color: #91B67C; }.contact-modal { width: 400px !important; }.contact-modal div { text-align: center; }.contact-modal div:first-of-type { margin-bottom: 20px; }#pho-modal a { font-size: 25px; }@media (max-width:1024px) { #fo-contents { flex-direction: column; align-items: center; gap: 0; } #fo-contents > div { text-align: center; flex: 0 1 auto; padding-top: 0; } footer { padding-bottom: 50px; } footer .logo { order: 1; } #fo-contents > .fo-info { order: 2; width: 100%; margin: -50px auto 30px; } footer #connect { order: 3; } footer .pho{font-size: 32px;} footer .fo-title { text-align: center; } #copy, #copy > div { flex-direction: column; }}.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }.slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; outline: none; }.slick-list:focus { outline: none; }.slick-list.dragging { cursor: pointer; cursor: hand; }.slick-slider .slick-track, .slick-slider .slick-list { transform: translate3d(0, 0, 0); }.slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; }.slick-track:before, .slick-track:after { display: table; content: ""; }.slick-track:after { clear: both; }.slick-loading .slick-track { visibility: hidden; }.slick-slide { display: none; float: left; height: 100%; min-height: 1px; }[dir=rtl] .slick-slide { float: right; }.slick-slide { right: 0; }.slick-slide img { display: block; margin: 0 auto; }.slick-initialized .slick-slide { height: 100%; display: flex !important; flex-direction: column; justify-content: center; }.slick-slide.slick-loading img { display: none; }.slick-slide.dragging img { pointer-events: none; }.slick-initialized .slick-slide { display: block; }.slick-loading .slick-slide { visibility: hidden; }.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }.slick-arrow.slick-hidden { display: none; }.slick-dots { margin: 0px; padding: 0px; list-style: none; text-align: center; }.slick-dots li { padding: 0px !important; display: inline-block; margin: 0 5px; }.slick-dots li:before { display: none; }.slick-controls { display: flex; align-items: center; justify-content: space-around; max-width: 1000px; margin: 10px auto; }.slick-arrow { padding: 0; position: absolute; top: 50%; transform: translateY(-50%); left: 0; z-index: 5; transition: 0.3s all; line-height: 0; }.slick-arrow svg { line-height: 0; }.slick-arrow svg path, .slick-arrow svg line { transition: 0.3s all; }.slick-arrow svg:hover path, .slick-arrow svg:hover line { stroke: #E7964C; }#next { left: auto; right: 0; order: 2; }.slick-dots { line-height: 0; }.slick-dots li { line-height: 0; }.slick-dots li button { padding: 0; line-height: 0; }.slick-dots span { cursor: pointer; background-color: #E7964C; height: 12px; width: 12px; border-radius: 50%; display: inline-block; margin: 0 5px; opacity: 0.4; line-height: 0; }.slick-dots .slick-active span { opacity: 1; }.pagingInfo { font-size: 30px; text-align: center; }.gallery { max-width: 1150px; margin: 40px auto; padding: 0 60px; position: relative; }.gallery img { border-radius: 28px; }.gallery .slick-arrow { top: 55%; }.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 sofia-pro-variable, 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; }}.why { padding: 0 30px; position: relative; max-width: 1400px; margin: 0 auto; }.why:before { content: url("assets/images/brush-art-2.svg"); display: block; position: absolute; top: -80px; left: -30px; }.why:after { content: url("assets/images/brush-art-1.svg"); display: block; position: absolute; top: -80px; right: -80px; }.why h2 { text-align: center; font-size: 1.4rem; text-transform: uppercase; font-family: sofia-pro-variable, sans-serif; font-variation-settings: "slnt" 0, "wght" 591.7808; letter-spacing: 0.2rem; margin-bottom: 15px; }.why ul { max-width: 1200px; width: 100%; margin: 0 auto; display: table; }.why ul li { padding: 0; margin: 10px auto; color: #000; display: flex; align-items: center; justify-content: center; gap: 10px; font-variation-settings: "slnt" 0, "wght" 268.75; }.why ul li span { max-width: 95%; margin: 0; display: block; line-height: 1; }.why ul li:before { content: "\e832"; font-size: 18px; position: relative; }@media (max-width:1024px) { .why { padding-top: 20px; } .why:before, .why:after { display: none; } .why h2 { max-width: 450px; margin-left: auto; margin-right: auto; line-height: 1.2; } .why ul { display: table; margin: 0 auto; width: auto; } .why ul li { display: block; padding-left: 30px; line-height: 1.1; margin-bottom: 20px; } .why ul li:before { position: absolute; top: 0; }}.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: 80px 20px; }.block .contain { display: flex; justify-content: space-between; align-items: flex-start; gap: 30px; }.block .contain, .block .detach { max-width: 1150px; margin: 0 auto; }.block .detach { margin-top: 30px; }.block h2 { margin-bottom: 20px; }.block .wrap { height: 0; }.block article { margin: auto 0; flex: 0 1 500px; }.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; border-radius: 28px; }.block .elem-right { order: 1; }.block:nth-of-type(even) { background-color: rgba(162, 200, 141, 0.2); padding-bottom: 150px; }.block:nth-of-type(odd) { padding-top: 0; }.block:nth-of-type(1) { padding-top: 80px; }.block:last-of-type { padding-bottom: 80px; }.block:last-of-type .wave { display: none; }.mini-block { display: flex; align-items: center; max-width: 1100px; width: 100%; margin: 30px auto; gap: 30px; }.mini-block .elem-sm { order: 1; }.mini-block article { order: 2; flex: unset !important; max-width: 800px; }.mini-block:last-of-type { margin-bottom: 0; }.read-more-content { display: none; }.block.no_img article { max-width: 1130px; margin: auto; text-align: center; }.block.no_img article .btn { margin: 15px auto 0; }@media (max-width:1024px) { .block { padding: 60px 20px; } .block h2 { text-align: center; } .block article { flex: 0 1 auto; text-align: center; } .block article p { margin: 10px auto; display: block; } .block .elem { margin: 0 auto 30px !important; } .block .elem-left, .block .elem-right { margin: 0 auto; order: 0; } .block .contain { align-items: center; flex-direction: column; max-width: 600px; gap: 0; margin: 0 auto; } .block .btn { margin: 15px auto 0; } .block:nth-of-type(even) { padding-bottom: 120px; } .block:nth-of-type(1) { padding-top: 60px; } .mini-block { flex-direction: column; } .mini-block .elem-sm { margin: 10px auto 0; } .mini-block article { max-width: 600px; }}@media (max-width:550px) { .block:nth-of-type(even) { padding-bottom: 100px; }}.meet #interior-banner { padding: 0; background-color: #6293B8; background-image: url("assets/images/meet-dr-karr-bg.webp"); background-size: cover; }.meet #interior-banner .flex-title { flex-direction: row-reverse; }.meet #interior-banner .contain { padding: 100px 20px 200px; max-width: 620px; text-align: center; }.meet #interior-banner:before { display: none; }.meet .block:nth-of-type(1) { padding-top: 20px; }.meet .block:nth-of-type(1) .contain { flex-direction: row-reverse; }.meet .block:nth-of-type(1) .contain:before { content: url("assets/images/brush-art-2.svg"); display: block; position: absolute; top: -80px; left: -30px; }.meet .block:nth-of-type(3) .contain:before { content: url("assets/images/brush-art-4.svg"); display: block; position: absolute; top: -80px; right: -80px; }.meet .block:nth-of-type(3) .contain:after { content: url("assets/images/brush-art-3.svg"); display: block; position: absolute; bottom: -20px; left: 0; }.meet .where { max-width: 860px; margin-top: 40px; padding-bottom: 80px; }.meet .where p { text-align: left; max-width: 420px; }.meet .where ul { display: table; margin-left: auto; margin-right: auto; }.meet .where > div:last-of-type { margin-left: auto; margin-right: 0; }@media (max-width:1024px) { .meet #interior-banner { background-image: none; } .meet #interior-banner .contain { padding: 40px 20px 30px; margin: 0 auto; } .meet #interior-banner .wave{display: none;} .meet .flex-title { background-image: url("assets/images/meet-dr-karr-bg.webp"); } .meet .block:nth-of-type(1) { padding-top: 20px; } .meet .block:nth-of-type(1) .contain { flex-direction: column; } .meet .block:nth-of-type(2) h2 { max-width: 600px; margin-left: auto; margin-right: auto; } .meet .block:nth-of-type(3) .contain:before { display: none; } .meet .where { align-items: center; padding-bottom: 40px; } .meet .where p { text-align: center; max-width: 500px; } .meet .where > div:last-of-type { margin: 0 auto; } .meet .where > div:last-of-type img { margin-bottom: 20px; }}.more-to-explore { position: relative; text-align: center; margin: 0 auto; padding: 40px 10px; }.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; padding: 17px 20px; }.services-container { position: relative; width: 100vw; overflow-x: hidden; padding-top: 50px; z-index: 10; }.services-grid { position: relative; margin: 0 auto; padding: 0 10px 50px; display: flex; align-items: stretch; flex-wrap: wrap; gap: 20px 30px; max-width: 1100px; }.services-grid:before { content: url("assets/images/brush-art-2.svg"); display: block; position: absolute; top: -50px; left: -120px; }.services-grid:after { content: url("assets/images/brush-art-4.svg"); display: block; position: absolute; bottom: 0; right: -80px; }.services-grid > div { max-width: 340px; width: 100%; overflow: hidden; text-align: center; }.services-grid article { padding: 20px 20px 20px; }.services-grid h3 { margin-bottom: 20px; }.services-grid ul { display: table; margin-left: auto; margin-right: auto; }.services-grid ul li { margin-left: 0; font-size: 1.6rem; }.services-grid a { color: #000; }.services-grid a:hover { color: #6293B8; }@media (max-width:1100px) { .services-grid { justify-content: center; }}@media (max-width:750px) { .services-grid { padding-bottom: 0; } .services-grid:before, .services-grid:after { display: none; }}.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: #6293B8; color: #fff; font: 400 15px/1 moret, serif; transition: 0.3s all; }.landing .item .btn { margin: 15px auto 0; }.landing .item:hover h3 { background-color: #4b7fa6; 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; }.accordion { margin: 0 auto; padding: 0; text-align: left; max-width: 1100px; }.accordion .toggle { position: relative; cursor: pointer; clear: both; padding: 15px 60px 15px 20px; 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: rgb(12, 96, 207); }.accordion .toggle:after { content: "\e81a"; font-family: fontello; line-height: 0; position: absolute; top: -1px; right: -1px; font-size: 32px; width: 56px; height: 56px; display: flex; align-items: center; justify-content: center; background-color: #f2f2f2; border: 1px solid #ccc; }.accordion .toggle-wrapper { padding: 0; margin-bottom: 10px; background-color: transparent; border: 1px solid #ccc; }.accordion .toggle-wrapper > div { display: none; padding: 0 50px 20px 20px; }@media (max-width:1024px) { .accordion > div { padding: 0 20px 20px 3px; }}.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; flex-wrap: wrap; max-width: 950px; margin: 0 auto; padding: 60px 30px; }.contact h3 { margin: 10px auto; }.contact .hours h3 { margin-top: 0; text-transform: none; text-align: center; }.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; } .contact h3 { text-align: center; }}#emergency-modal h3 { text-align: center; }.off { pointer-events: none; }.service-icons { max-width: 700px; display: flex; justify-content: center; gap: 70px; text-align: center; flex-wrap: wrap; margin: 40px auto 0; }.service-icons h3 { margin: 10px auto 0; color: #616F74; text-transform: unset; font: 400 18px/1 sofia-pro-variable, 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: #6293B8; }.service-icons .ic-color-2 { fill: #4b7fa6; }.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; } .service-icons a { width: 45%; } .service-icons .has-h3, .service-icons .has-h3 h3 { text-align: center; }}.page_emergency-dentistry .block.no_img { background-image: url(assets/images/index-reviews-bg.svg) !important; background-size: cover; background-position: 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: #6293B8; 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: #4b7fa6; 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: #4b7fa6; }#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: #5087b0; 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: #4b7fa6; }.close-ins:hover:before { opacity: 1; }.yep { line-height: 1; color: #6293B8; font-size: 40px; display: flex; justify-content: center; align-items: center; margin: 10px auto; }.yep i { margin-top: 5px; }#appt-form { display: none; padding: 40px 10px; text-align: left; max-width: 800px; margin: 10px auto; }#appt-form h2, #appt-form h3 { text-align: center; margin: 20px auto 50px; 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 #6293B8; 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: sofia-pro-variable, 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 #6293B8; }.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: #6293B8; }.options [type=radio]:checked:after { content: ""; width: 14px; height: 14px; background-color: #6293B8; border-radius: 50%; }.dwn { position: relative; }.dwn:after { position: absolute; content: "\e935"; font-family: fontello; font-size: 1.2em; line-height: 1.5; color: #6293B8; 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 #6293B8; 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: #6293B8; 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: #6293B8; } to { width: 0; background: transparent; }}#insure-help { text-align: center; margin: 40px auto; padding: 10px; }#no-insure .h2, #no-insure h3 { text-align: center; }@media (max-width:1000px) { #plan { flex-flow: wrap; justify-content: space-around; } #plan > * { margin-bottom: 20px; flex: 0 1 350px; } #insure-form .h2 br { display: none; }}@media (max-width:750px) { #insure-form { padding: 50px 20px; } #insure-form .h2, #insure-help .h2 { font-size: 36px; } #insure-form .h2 br, #insure-form p br { display: none; } .insure-modal { padding: 0 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%; } .close-ins { right: -10px; }}@media (max-width:400px) { #insure-form .h2, #insure-help .h2 { font-size: 30px; } #appt-form .input-content, .group input, .group select, .group textarea { font-size: 16px; } #insure-form .h2 { font-size: 30px; } .insure-modal .btn { min-width: auto; }}#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: #83ad6c; }#fixed-tabs .call { background-color: #e48936; }#fixed-tabs .map, #fixed-tabs .fr { background-color: #2E2D2D; }#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: 16px 5px 16px 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; }}#offers { margin-top: 50px; }#offers .offer { padding: 50px 40px 40px; background-color: #6293B8; }#offers .offer h3, #offers .offer p, #offers .offer span { color: #fff; text-align: center; display: block; }#offers .offer span { background-color: #fff; color: #6293B8; padding: 5px 10px; border-radius: 50px; margin-top: 20px; transition: all 0.3s ease; }#offers .offer span:hover { background-color: rgba(255, 255, 255, 0.5); }#offer-modal { text-align: center; }