.progress, sub, sup { vertical-align: baseline }.block, .elem-left, .elem-right, article, aside, details, figcaption, figure, footer, header, hr, main, menu, nav, section, summary { display: block }hr, sub, sup { position: relative }body, figure { margin: 0 }button, hr, input, select { overflow: visible }[type=checkbox], [type=radio], legend { box-sizing: border-box; padding: 0 }html { font-family: sans-serif; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; box-sizing: border-box; font-size: 100% }audio, canvas, progress, video { display: inline-block }audio:not([controls]) { display: none; height: 0 }[hidden], template { display: none }a { background-color: transparent }a:active, a:hover { outline-width: 0 }abbr[title] { border-bottom: none; text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted }b, strong { font-weight: 700 }dfn { font-style: italic }h1 { font-size: 2em; margin: 0 0 .67em }mark { background-color: #ff0; color: #000 }small { font-size: 80% }sub, sup { font-size: 50%; line-height: 0 }sub { bottom: -.25em }sup { top: -.65em }img { border-style: none }svg:not(:root) { overflow: hidden }code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em }hr { box-sizing: content-box; height: 0; border: 0 }button, input, select, textarea { font: inherit; line-height: initial; margin: 0 }optgroup { font-weight: 700 }button, select { text-transform: none }[type=button], [type=reset], [type=submit], button { cursor: pointer }[disabled] { cursor: default }[type=reset], [type=submit], button, html [type=button] { -webkit-appearance: button; -moz-appearance: button; appearance: button; border: 0 }button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0 }button:-moz-focusring, input:-moz-focusring { outline: ButtonText dotted 1px }fieldset { border: 1px solid silver; margin: 0 2px; padding: .35em .625em .75em }legend { color: inherit; display: table; max-width: 100%; white-space: normal }textarea { overflow: auto }[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto }[type=search] { -webkit-appearance: textfield; -moz-appearance: textfield; appearance: textfield }[type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration { -webkit-appearance: none; appearance: none }*, ::before, ::after { box-sizing: border-box; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale }.clearfix:before, .clearfix:after { display: table; content: " " }.clearfix:after { clear: both }address { font-style: normal !important }img { max-width: 100%; display: block; margin: 0 auto }.icon-gplus:before { margin-left: -1px !important }*, ::before, ::after { box-sizing: border-box; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale }[class*=" icon-"]:before, [class^=icon-]:before { line-height: 1 !important; display: block !important }img { max-width: 100% }header { z-index: 101 }footer { z-index: 102 }.fixons { z-index: 103 }.flex-ed, .col-flex-ed { display: flex }.flex-ed { flex-flow: row wrap }.animated { -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-fill-mode: both; animation-fill-mode: both }@-webkit-keyframes fadeIn { from { opacity: 0 } to { opacity: 1 }}@keyframes fadeIn { from { opacity: 0 } to { opacity: 1 }}.fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn }@-webkit-keyframes slideIn { from { transform: translate3d(0, -100%, 0) } to { transform: translate3d(0, 0, 0) }}@keyframes slideIn { from { transform: translate3d(0, -100%, 0) } to { transform: translate3d(0, 0, 0) }}@-webkit-keyframes fadeInUp { from { opacity: 0; transform: translate3d(0, 100%, 0) } to { opacity: 1; transform: none }}@keyframes fadeInUp { from { opacity: 0; transform: translate3d(0, 100%, 0) } to { opacity: 1; transform: none }}.fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp }@-webkit-keyframes fadeInRight { from { opacity: 0; transform: translate3d(100%, 0, 0) } to { opacity: 1; transform: none }}@keyframes fadeInRight { from { opacity: 0; transform: translate3d(100%, 0, 0) } to { opacity: 1; transform: none }}.fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight }@-webkit-keyframes fadeInLeft { from { opacity: 0; transform: translate3d(-100%, 0, 0) } to { opacity: 1; transform: none }}@keyframes fadeInLeft { from { opacity: 0; transform: translate3d(-100%, 0, 0) } to { opacity: 1; transform: none }}.fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft }star:before { font-size: 28px; font-family: 'fontello'; font-weight: 400; margin: 0; font-style: normal; content: '\e80f \e80f \e80f \e80f \e80f'; color: #FEBB21; letter-spacing: .3em; }@media (min-width:1031px) { #fixed-tabs { display: none }}@media (max-width:1030px) { #fixed-tabs { position: fixed; right: 0; text-align: center; line-height: 1; font-size: 0; z-index: 10000; bottom: 0; width: 100%; box-shadow: 0 0 15px rgba(0, 0, 0, .3); display: flex } #fixed-tabs a { padding: 13px 0; flex: 0 1 25%; font-size: 16px; font-weight: 700; font-family: var(--font); background-color: var(--navy); color: #fff; text-transform: uppercase } #fixed-tabs a span { display: inline-block; vertical-align: middle } #fixed-tabs a span:last-child { margin-left: 7px } #fixed-tabs a:nth-of-type(2) { background-color: var(--navy); color: #fff } #fixed-tabs a:nth-of-type(3) { background-color: #1c1c1c; color: #fff } #fixed-tabs a:first-of-type { flex: 0 1 50%; background-color: var(--teal); color: #fff } #fixed-tabs i { font-size: 16px; margin-right: 5px } #fixed-tabs i, #fixed-tabs i:before { display: inline-block; margin: 0 auto } footer { margin-bottom: 42px !important }}@media (max-width:600px) { #fixed-tabs strong { display: none } #fixed-tabs a span:last-child { margin-left: 0 }}:root { --font: "proxima-nova", sans-serif; --font2: "reiher-headline", sans-serif; --navy: #39414b; --slate: #8093a9; --teal: #8093a9; --tan: #cfbda7; --cream: #faf7f2; --banner-bg: #f2ede7; --mint: #e4eeeb; --footmint: #c8e0fc; }body { position: relative; font-family: var(--font); text-align: center; overflow-x: hidden; }p { font: 400 20px/1.6 var(--font); color: #252627 }a { display: inline-block; text-decoration: none; cursor: pointer; transition: .3s all }h1, h2, h3, h4, h5, h6 { font-family: var(--font2) }.mobile-banner-reviews { display: none }h1 { margin: 0; color: #000; font: 400 96px/1.1 var(--font2); letter-spacing: 0 }h2 { color: #000; text-align: left; font: 400 55px/1.15 var(--font2) }h2 strong { font-weight: 400 }h2 span { display: block; font-size: 24px; font-weight: 400; color: #000; font-family: var(--font); margin-bottom: 10px; text-transform: none }h3 { font-size: 32px; line-height: 1.41 }.h3 { color: #000; font: 500 22px/1 var(--font2); letter-spacing: -.02em }.h4 { letter-spacing: .05em; color: var(--navy); font: 700 16px/1.1 var(--font); text-transform: uppercase; margin: 10px auto }.mobile-break { display: none }header { position: relative; padding: 5px 10px; background-color: var(--navy); z-index: 1000 }header .flex-ed { justify-content: space-between; align-items: center; flex-wrap: nowrap; max-width: 1300px; margin: auto; width: 100%; padding-top: 10px; padding-bottom: 10px }.mobile-buttons { display: none }.hd-info { display: flex; flex-direction: column; text-align: right; flex: 0 1 500px; margin: 0; margin-left: auto; }.hd-btns { flex: 0 1 213px; margin-left: 50px }.hd-btns .btn, .hd-btns .btn-alt { padding: 12px 25px; min-width: auto; font-size: 18px; letter-spacing: 2px; width: 100%; line-height: 1.2; border-radius: 32px; }.hd-btns .btn-alt:hover, .hd-btns .btn:hover { background: #fff; color: var(--navy) }.mobile-image { display: none }.desktop-image { display: block }.subpage { text-align: center; max-width: 1200px; margin: 100px auto; padding: 15px }.phone {color: #c8e0fc; font-size: 40px; line-height: 1.1; letter-spacing: 5.4px; font-weight: 400; font-family: var(--font); position: relative;margin-bottom: 0 }.phone span{display: block; text-transform: none; letter-spacing: 0;; font-size: 20px; ;}.phone:hover { color: var(--slate) }.address { font-size: 21px; color: #fff; position: relative; ;}.address:hover { color: var(--slate) }.fix-nav header { position: fixed; width: 100%; left: 0; top: 0; right: 0; animation: slideIn .8s both; box-shadow: 1.6px 2.5px 7px rgba(6, 7, 7, .35) }.fix-nav header .logo { margin-bottom: 0 }.fix-nav header .logo img { max-height: 90px }.btn, .btn-alt { cursor: pointer; position: relative; display: inline-block; margin: 3px; padding: 15px 30px 13px; min-width: 280px; border-radius: 24px; color: #fff; font: 600 15px/1.2 var(--font); transition: border .3s; background-color: var(--slate); transition: .3s all; text-align: center; text-transform: uppercase; letter-spacing: 2.4px; }.btn span, .btn-alt span { display: block; font-size: 29px; font-weight: 700; letter-spacing: .05em }.btn-alt:hover, .btn:hover { background-color: var(--navy); border-color: var(--navy); color: #fff }.btn-alt { background: var(--slate) }.btn-alt:after { background-color: var(--navy) }.split{margin: 100px auto; padding: 0 20px; position: relative; text-align: left;}.split .flex-ed{justify-content: space-around; align-items: center; max-width: 1300px; margin: 0 auto;}.split article { flex: 0 1 560px }.split .btn { margin-top: 15px }.split.alt figure{order: -1;}.split figure img{ border-radius: 20px; display: block; }#trust figure .caption { margin-top: 2px }.split figure .caption { display: block; font-family: var(--font); font-size: 15px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.25; letter-spacing: 3.2px; text-align: center; color: #252627; text-transform: uppercase; margin-top: 18px; }.split h2 { margin: 5px auto 30px; font-size: 55px; font-weight: 400; line-height: 1.15; color: #000; font-family: var(--font2) }.split h2 span { color: #000; text-transform: uppercase; font-size: 16px; }.split ul { text-align: left; list-style-type: none; padding: 0 }.split ul li, .count ul li { line-height: 1.3; font-size: 23px; list-style-type: none; text-align: left; position: relative; padding-left: 32px; margin: 20px auto; font-family: var(--font); color: #252627 }.split ul li:before, .count ul li:before { content: url(assets/images/lp-np-plus.png); font-family: var(--font); color: var(--navy); position: absolute; left: 0; top: -3px; }.split .disclaim{display: block; font-size: 16px; font-weight: 500; opacity: .5; color: #252627 }.top-bar { width: 100%; position: relative; box-shadow: 0 3px 15px rgba(0, 0, 0, .2); text-transform: uppercase; background-color: #b68f51; z-index: 10; color: #fff; font:500 20px/1.2 var(--font); padding: 9px 10px; text-align: center; letter-spacing: 3px; transition: .3s all }.top-bar span { margin: 0 20px; text-transform: uppercase; min-width: 400px; font-weight: 700 }.top-bar .flex-ed { justify-content: space-between; max-width: 1200px; margin: auto }#banner { background-color: var(--banner-bg); background-image: none; background-size: cover; background-position: center; overflow: hidden; position: relative; padding: 0; margin: 0 auto; }#banner .banner-extra-stamps { position: absolute; top: 20px; right: 20px; max-width: 280px; z-index: 5 }#banner .flex-ed { max-width: 1400px; margin: auto; flex-wrap: nowrap; justify-content: flex-start; align-items: flex-end; position: relative; z-index: 2; padding-left: 0 }#banner article { order: 1; text-align: left; position: relative; z-index: 3 ;padding: 158px 20px 203px; padding-left: 60px; margin-left: 130px; margin-right: -140px; flex: 0 1 auto;}#banner article::before { content: ''; position: absolute; left: 0px; top: 86px; bottom: 144px; width: 100px; border-left: 3px solid var(--navy); border-top: 3px solid var(--navy); border-bottom: 3px solid var(--navy); pointer-events: none; }#banner article img { margin-top: 25px }#banner article hr { height: 3px; background: var(--navy); width: 100px }#banner article .btn { margin-top: 20px }#banner .badge img{margin: 0 auto; }.badge-mobile { display: none }.count .badge-desktop { display: block; position: absolute; top: -100px; left: 50%; transform: translateX(-50%); z-index: 6; pointer-events: none }.count .badge-desktop img { width: 247px; max-width: 60vw }#banner h1 { margin-top: 0; font-size: 72px; font-weight: 400; letter-spacing: 0; line-height: 1.12; color: #000; margin-bottom: 20px; text-align: left; font-family: var(--font2); white-space: nowrap; }#banner h1 small { font-family: var(--font); margin-top: 10px; font-size: 19px; font-weight: 500; display: block; position: relative; color: var(--navy); text-transform: uppercase; letter-spacing: 3.6px; margin-bottom: 18px; }#banner p{max-width: 485px; margin: 20px auto; font-size: 22px;;}#banner figure { flex: 0 1 662px; margin: 0; margin-right: 160px; margin-left: auto; align-self: flex-end; position: relative; order: 2; min-width: 0; }#banner figure picture { display: block }#banner figure picture img, #banner figure > img { display: block; width: 100%; height: auto; filter: drop-shadow(-14px 10px 20px rgba(57, 65, 75, .26)); }#banner figure figcaption { position: absolute; color: #252627; text-align: left; bottom: auto; top: 50%; right: -150px; left: auto; background-color: transparent; font-family: var(--font); font-size: 17px; padding: 0; font-weight: 500; letter-spacing: 2.4px; text-transform: uppercase; white-space: nowrap; }#banner figure figcaption .pipe { margin: 0 6px }#banner figure figcaption .mobile-break-amp { display: none }#banner figure .mobile-banner { display: none }.count{margin: -101px auto 100px; position: relative; z-index: 5; padding: 0 20px; max-width: 1189px; display: flex; justify-content: center; gap: 10px; align-items: stretch;}.count> div{ box-shadow: 3px 3px 16px 0 rgba(0, 0, 0, 0.16); background-color: var(--cream); flex: 1 1 383px; display: flex; align-items: center; justify-content: center; flex-direction: column; min-height: 381px; position: relative; padding: 30px 25px;}.count .text{display: block; font-family: var(--font); font-weight: 400; color: #252627; font-size: 38px; letter-spacing: 2.5px; line-height: 1.2; margin-bottom: 5px;}.count .img{display: flex; align-items: center; justify-content: center;margin: 0 auto 15px; height: 80px; width: 80px;}.count > div:nth-child(2) .img { display: none }.count > div:nth-child(2) .img img { filter: brightness(0) invert(1); }.count >div{margin: 0;}.count > div:first-child { border-radius: 30px 0 0 30px; }.count > div:nth-child(2) { background-color: var(--navy); padding-top: 150px; border-radius: 0; z-index: 2; align-self: stretch; justify-content: center; }.count > div:nth-child(2) .text { color: #fff; }.count > div:last-child { border-radius: 0 30px 30px 0; }.count ul li{font-size: 19px; padding-left: 22px; margin: 9px auto; font-weight: 400; font-family: var(--font); color: #252627;}.count ul li:before{content: url(assets/images/lp-np-plus-tiny.png); top: 1px;}.welcome{margin: 100px auto 60px; padding: 0 20px; max-width: 1150px;}.welcome h2 { text-align: center; font-size: 62px; font-weight: 400; color: #000; margin: 0 auto 30px; font-family: var(--font2) }.welcome p { font-size: 19px; line-height: 1.75; max-width: 1110px; margin: 0 auto; color: #252627 }.welcome p span{color: var(--navy)}.callouts { max-width: 1200px; margin: 0 auto 100px; padding: 0 20px }.callouts .flex-ed { justify-content: center; align-items: flex-start; gap: 20px }.callouts > .flex-ed > div { flex: 0 1 260px; text-align: center; padding: 10px }.callouts .img { display: flex; align-items: flex-end; justify-content: center; height: 130px; margin: 0 auto 15px }.callouts .img img { margin: 0 auto; max-height: 130px; width: auto }.callouts .text { display: block; font-family: var(--font); font-weight: 400; font-size: 24px; line-height: 1.25; color: #252627 }#services { max-width: 1170px; padding: 10px; margin: 30px auto }#services h2 { margin: 10px 0 }#services p { text-align: left }#services .flex-ed { margin: 20px auto; justify-content: center }#services .flex-ed .service-item { margin: 20px auto }#services .flex-ed .service-item h3 { font: 300 16px/1.5 var(--font2); text-transform: uppercase; letter-spacing: .15em }#services .flex-ed .service-item span { height: 110px; display: flex; align-items: center }.over { width: 100px; height: 100px; border-radius: 50%; color: #fff; font: 700 18px/.9 var(--font); text-transform: uppercase; box-shadow: 2px 3px 13px rgba(3, 47, 42, .2); background-color: rgba(134, 196, 232, .06); text-align: center; padding: 15px 10px 10px; height: 80px; width: 80px; display: flex; flex-direction: column; justify-content: center; align-items: center; position: absolute; top: -20px; left: -50px }.over span { display: block; font-size: 28px }.over small { display: block; font-size: 12px; letter-spacing: -.4px; margin-bottom: 5px }.comment { flex: 1 1 900px; padding: 50px 50px 60px; text-align: left; margin: auto; position: relative }.comment p { font: 400 31px/1.1 var(--font); margin-top: 0px; margin-bottom: 10px; color: #000; letter-spacing: normal }.comment .caption2 { float: right; font: 600 normal 18px/1 var(--font); letter-spacing: .15em; text-transform: uppercase; margin: 5px 0 0 }.insurance { text-align: center; padding: 0; position: relative; overflow: hidden; margin: 40px auto; padding: 100px 20px; box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.2); background-color: #fff; width: calc(100% - 10px); }.insurance .container { max-width: 1240px;margin: 0 auto;text-align: center }.insurance h2{text-align: center; margin: 0 auto;}.insurance h2:after{content: ''; display: block; margin: 30px auto 0; width: 70px; height: 4px; background-color: var(--navy);}.insurance .flex-ed { display: flex; justify-content: center; align-items: center; max-width: 1100px; margin: 0 auto }.insurance .flex-ed span { padding: 10px 12px; flex: 0 1 auto; margin: auto }.insurance .flex-ed:first-of-type { max-width: 1200px }.insurance p { line-height: 28px; max-width: 1200px; margin: 10px auto; padding: 10px }.insurance .disclaim { color: #898989; font: 400 14px/1 var(--font); margin-top: 10px; text-align: center }.streak { display: flex; align-items: center; position: relative }.streak:after { content: ""; height: 2px; background-color: var(--navy); flex: 1; margin-left: 50px }#reviews { position: relative; margin: 100px auto; padding: 100px 20px; text-align: center; background-color: #46505b; background-image: url(assets/images/lp-np-reviews-bg.png); background-size: cover; background-position: center; }#reviews .h2 { font-size: 70px; }#reviews .content { position: relative; max-width: 1150px; margin: 0 auto; }#reviews .quote { position: absolute; right: 0; bottom: 10px; opacity: .35 }#reviews p { font-size: 34px; color: #fff; line-height: 1.45; font-weight: 400; }#reviews .author { text-transform: uppercase; display: flex; text-align: left; margin: 25px auto 0; font-size: 15px; line-height: 1.5; letter-spacing: 3.6px; align-items: center; justify-content: center; color: #fff; }#reviews .author i, #reviews .author img { margin: 0; margin-right: 15px; display: block; }#reviews star { display: block; letter-spacing: 4px; font-size: 20px; }footer { overflow: hidden; padding: 40px 20px 0; background-color: var(--navy); background-size: cover; margin: 10px; position: relative }footer .flex-ed { display: flex; max-width: 1300px; margin: 40px auto; align-items: center; flex-wrap: nowrap }footer .flex-ed .fo-map { flex: 0 1 387px; padding: 10px; margin: 0 auto; }footer .flex-ed .fo-logo { flex: 0 1 400px }footer .flex-ed .fo-contact { flex: 0 1 380px; padding: 10px; margin: 0 auto;}footer .flex-ed .fo-contact h2 { color: #fff; font: 600 15px/1.2 var(--font); letter-spacing: 2.4px; text-transform: uppercase; margin: 18px 0 8px }footer .phy { color: #fff; font-size: 20px; line-height: 1.1; display: block; position: relative; text-align: left }footer .phy:hover { color: var(--footmint) }footer .pho { color: var(--footmint); display: block; position: relative; font:400 30px/1.1 var(--font); letter-spacing: 4.5px; margin: 12px 0; text-align: left }footer .pho:hover { color: #fff }footer .split { justify-content: space-between; max-width: 1160px; padding: 0; align-items: flex-start; margin: auto; margin-bottom: 70px }footer .split article { flex: 0 1 530px; background-color: var(--navy); padding: 85px 60px; margin: 0; align-self: center; border-radius: 8px }footer .split figure p { text-align: center }footer figure { flex: 1 1 650px; align-self: center; order: 1 }.hours { margin: 0; text-align: left !important; position: relative; }.hours p { line-height: 1.1; display: flex; justify-content: space-between; font-size: 20px; color: #fff; font-family: var(--font); margin: 0px auto }.hours label { flex: 0 0 auto; }.hours p span { text-align: right; }.hours small{display: block; font-size: 14px; text-transform: none; letter-spacing: 0;;}.frame { display: table; width: 100%; margin: auto; flex: 0 1 387px }.frame iframe { height: 281px; display: block; margin: auto; width: 100%; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16) !important;}.copy { margin-top: 20px; padding: 40px 10px 20px; margin: auto; font: 400 15px/1.4 var(--font); letter-spacing: 2.4px;; color: #fff;text-transform: uppercase; }.copy a, .copy p { font: 400 15px/1.4 var(--font); color: #fff }.copy p { margin: 20px auto; max-width: 1090px; letter-spacing: normal }.copy a:nth-of-type(1), .copy a:nth-of-type(2) { color:var(--footmint) }.copy a:nth-of-type(1):hover, .copy a:nth-of-type(2):hover { color: #fff }.copy a:hover { color: #fff; text-decoration: underline }.copy span { margin: 0 2px }.copy br{display: none;}::-moz-placeholder { color: #000 }::placeholder { color: #000 }#lp-appointment-form { max-width: 850px; padding: 10px; margin: 20px auto; position: relative; text-align: center }#lp-appointment-form h1 { font-size: 50px; font-weight: 700; margin: 10px auto 40px; color: #000 }#lp-appointment-form>p { max-width: 700px; margin: auto; margin-bottom: 30px }#lp-appointment-form .simple { margin: 40px auto 20px; max-width: 550px; padding-right: 3px }#lp-appointment-form label { display: none }#lp-appointment-form input, #lp-appointment-form select, #lp-appointment-form textarea { width: 93%; display: table; margin: 10px auto; background-color: #d3d3d3; color: #000; border-radius: 5px; padding: 15px; font-size: 16px; border: none; box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, .5) }#lp-appointment-form input:focus, #lp-appointment-form select:focus, #lp-appointment-form textarea:focus { background-color: #e3e3e3 }#lp-appointment-form textarea { height: 200px; margin-bottom: 30px }#lp-appointment-form button:focus, #lp-appointment-form input:focus, #lp-appointment-form select:focus, #lp-appointment-form textarea:focus { outline-style: solid; outline-width: thin; outline-color: var(--navy) }#lp-appointment-form .submitBtn { text-align: center; width: 200px; margin: auto; display: table }@media (max-width:1660px) { #banner article:before { left: -55px }}@media (max-width:1520px) { #banner { background-size: cover } #banner article:before { left: 5px }}@media (max-width:1330px) { #banner article:before { left: 0 }}@media (max-width:1200px) { #banner { background-size: cover } #banner article:before { left: 0 } #banner h1 { font-size: 62px } #banner h1 span:after { right: 10px } #banner h1 span:before { left: 10px }}@media (max-width:1080px) { .address { font-size: 16px } .phone { font-size: 32px } .over { top: -60px; left: 5px } h1 { font-size: 60px } #banner article img { margin: 30px auto 10px }}@media (max-width:1024px) { header { padding: 0 } header .address { display: none } header .btn-alt { margin: 0; order: 0 } header .flex-ed { justify-content: center } header .flex-ed .logo { margin-bottom: 10px } .hd-btns, .hd-info { display: none } .mobile-buttons { display: flex; align-items: stretch; flex-wrap: wrap; width: 100% } .mobile-buttons a { flex: 0 1 50%; min-width: 0; padding: 13px 4px; font: 600 18px/1.2 var(--font); letter-spacing: .02em; color: #252627; text-transform: uppercase; background-color: var(--tan); text-align: center; display: flex; flex-direction: column; justify-content: center } .mobile-buttons a span { display: block; font-size: 24px } .mobile-buttons a small { font-size: 13px; display: block; letter-spacing: 1.6px; margin-bottom: 2px } .mobile-buttons a.full-width { flex: 0 1 100%; background: var(--slate); color: #fff } .mobile-buttons a:nth-of-type(2) { background: var(--slate); color: #fff; padding: 13px 4px; font-size: 14px; letter-spacing: 1.2px;; } .mobile-buttons a:nth-of-type(2) span { font-size: 16px } #affiliations .flex-ed { padding-bottom: 10px } .top-bar { font-size: 19px; padding: 7px 10px } .top-bar .flex-ed { flex-wrap: wrap; justify-content: center } .top-bar span { flex: 0 1 100%; text-align: center; font-weight: 600; letter-spacing: .1em } #banner .flex-ed { display: block; padding-left: 0 } #banner h1 { margin-top: 20px; white-space: normal } #banner figure { flex: 0 1 auto; margin: 0 auto; max-width: 560px; } #banner figure picture img, #banner figure > img { filter: drop-shadow(0 10px 18px rgba(57, 65, 75, .22)); } #banner article { margin-left: 0; margin-right: 0 } #banner article { padding: 20px 20px; text-align: center; } #banner article div { margin: 25px auto } #banner article:before { display: none } #banner figure { margin-right: auto; margin-left: auto } #banner figure img { width: 100% } #banner figure figcaption{left: auto; bottom: 10px; background-color: #fff; padding: 10px;} #banner .banner-extra-stamps { position: relative; margin: 10px auto 30px; top: auto; right: auto; left: auto; max-width: none } #banner article:before{content: none;} #banner h1 { text-align: center; font-size: 52px; white-space: normal } #banner .badge img{margin: 0 auto;} .badge-mobile { display: block; margin: 40px auto 10px } .badge-mobile img { width: 247px; max-width: 62vw; margin: 0 auto } .count .badge-desktop { display: none } .count > div:nth-child(2) { padding-top: 35px; margin-top: 10px } .count > div:nth-child(2) .img { display: flex } #banner figure figcaption { position: relative; bottom: auto; right: auto; left: auto; top: auto; text-align: center;display: block; margin: 0px auto 0; padding: 20px 10px 30px; font-weight: 500 } #banner figure figcaption .pipe { display: none } #banner figure figcaption .mobile-break-amp { display: inline } .callouts .flex-ed { flex-wrap: wrap } .callouts > .flex-ed > div { flex: 0 1 45% } .welcome h2 { font-size: 42px } #reviews{display: block; text-align: center; width: 100%;} #reviews h2{text-align: center;} #reviews .author{justify-content: center;} #services .flex-ed { flex-wrap: wrap } #services .flex-ed .service-item { flex: 0 1 220px } #google>div.google-desktop { display: none } #google>div.google-mobile { display: block } .comment:after { display: none } .phone { font-size: 24px } .box { max-width: 95%; margin: auto } footer{padding: 20px; margin: 0 auto;} .count { display: block; margin: 40px auto 60px } .count > div{margin: 10px auto; min-height: 0;} .count > div:first-child { border-radius: 30px 30px 0 0; } .count > div:last-child { border-radius: 0 0 30px 30px; } #top-spot h2 { font-size: 36px; padding: 0 10px } .split { margin: 50px auto; display: block } .split .flex-ed { display: block } .split .flex-ed article>div { text-align: center } .split figure { width: -moz-fit-content; width: fit-content; margin: 0 auto } .split figure img { width: 100%; margin: 0; max-width: 500px } .split h2 { text-align: center; font-size: 45px; color: var(--navy) } .split article { flex: 0 1 100% } .split ul { display: table; margin: auto } .over { top: -30px } #google { flex: 0 1 100%; border-radius: 0 } .comment .caption2 { margin: 5px auto; text-align: center; display: block; width: 100%; position: relative } .comment { padding: 15px 5px } .comment p { font-size: 20px; font-weight: 400 } footer .flex-ed { flex-wrap: wrap; justify-content: center } footer .split { margin-bottom: 0 } footer .split article { padding: 50px 10px 10px; border-radius: 0 } footer .split p { text-align: left } footer .hours, footer .pho, footer .phy { display: table; margin: 20px auto } footer .pho { margin-top: 40px } .frame iframe { height: 400px } .insurance h2 { color: #000 } .copy br{display: inline;} .copy br+span{display: none;}}@media (max-width:768px) { .mobile-image { display: block } .desktop-image { display: none !important } .top-bar span { display: block; font-size: 0; width: auto; min-width: auto } header { padding: 0 } header .flex-ed { flex-flow: row wrap; flex-wrap: wrap; align-items: stretch; padding: 0 } header .btn-alt, header address { flex: 0 1 50% } header .logo { width: 100%; margin: 10px; max-width: none } header .btn-alt { color: #000; color: #fff; background-image: none; border: 0; border-radius: 0; box-shadow: none; text-shadow: none; padding: 10px 3px } header .btn-alt:hover { color: #fff; background-color: #3d3d3d } header .btn-alt:after { display: none } header .hd-info { order: 1; flex: 0 1 50% } header .phone { font-size: 18px; color: #c8e0fc; background-color: transparent; border: 0; display: flex; flex-flow: column; justify-content: center; font-weight: 400; padding: 8px 0; flex: 1; font-size: 30px; color: #c8e0fc } header .phone span { color: #fff } header .phone:after { display: none } header .phone:hover { background-color: transparent; color: var(--slate) } .mobile-break { display: block } .split figure{margin-top: 30px;} footer .hours, footer .pho, footer .phy { margin: 15px 0 } #banner h1 span:after, #banner h1 span:before, .insurance h2:after, .streak:after { display: none } #services { padding: 20px; text-align: center } #services h2, #services p { text-align: center; display: block } #banner h1 span { display: block } .comment, .split p { text-align: center } .split .flex-ed { box-shadow: none } footer .split>div { margin-top: 0 } footer article { margin-bottom: 30px } .insurance .flex-ed { justify-content: center } #banner{padding: 0;} #banner article, #banner figure{margin: 0 auto;} #banner article{padding: 40px 20px 20px;} #banner figure{margin-right: auto; margin-left: auto;} #banner figure img{width: 100%; margin: 0 auto;} .count{margin: 40px auto;} .callouts > .flex-ed > div { flex: 0 1 100% } .callouts .img { height: 110px } .callouts .img img { max-height: 110px }}@media (max-width:700px) { #google>div { margin-top: 20px } #google p { margin-bottom: 0 } .comment .caption2 { margin-top: 0 } #lp-appointment-form h1 { font-size: 36px } .insurance { padding: 0 } .count ul { padding: 20px 10px }}@media (max-width:590px) { .hours label { width: 151px } footer .flex-ed .fo-contact { padding: 10px 0 } .count:after, .count:before, .split .flex-ed:after, .split .flex-ed:before { display: none } .count .h2 { font-size: 90px; padding-bottom: 0; color: var(--navy); padding-top: 40px; letter-spacing: normal } .full-split .flex-ed article ul li { font-size: 20px } h2 { font-size: 56px; margin-top: 10px } .top-bar { letter-spacing: 0; font-size: 16px } .top-bar span { margin: 0 } .box { margin: 15px auto; max-width: 95% } #reviews { margin-top: 50px } footer article { padding-top: 20px } footer article p { font-size: 32px; margin-top: 5px } footer figure { margin-top: -10px } footer .flex-ed .fo-logo { margin: 50px 0 } footer .flex-ed .fo-map { display: none } footer .flex-ed .fo-logo { margin: 30px 0 50px } .insurance h2 { padding: 10px 0 15px; font-size: 45px } .insurance .container { padding: 10px } .frame { display: none } .copy { padding: 30px 10px 20px } .caption span { display: block; font-size: 0 } #banner .caption { line-height: .7; bottom: 10px; max-width: 90% } #banner h1 span:after, #banner h1 span:before { display: none } #banner h1 { font-size: 48px; line-height: 1.15; } .welcome h2 { font-size: 34px } #reviews p { font-size: 26px } .split ul li, .count ul li { font-size: 20px } #banner article { padding: 20px 10px } .insurance h2:after, .insurance h2:before { display: none }}@media (max-width:480px) { h2 { font-size: 56px } header .phone { font-size: 20px } .btn-alt span { font-size: 24px } .over { top: -50px } .offer { padding: 0 } .count ul { padding: 0 } .copy span:first-of-type, .copy span:last-of-type { display: block; font-size: 0 } .split figure .youtube { width: 340px }}@media (max-width:400px) { header .btn-alt { font-size: 14px } .mobile-banner-reviews p { padding: 0 30px; font-size: 16px } .top-bar { font-size: 15px } #banner .caption { max-width: 90%; padding: 10px 5px; bottom: 30px } #banner .caption span { display: none } #banner .caption a { display: block } .caption a { font-size: 14px } .count ul { font-size: 20px } .comment .caption2 { font-size: 15px } .split ul li { font-size: 20px } h2 { font-size: 30px } footer .split h2 { font-size: 12vw; padding: 0 } #google p { font-size: 14px } footer .pho { font-size: 30px; margin-top: 20px } footer .pho:before { top: 0 } .hours:before { top: 10px } footer .split p { font-size: 16px } .insurance h2 { margin: 10px 0 -15px; padding: 10px 0 15px } .insurance .flex-ed div { margin: 15px 18px; flex: 1 1 100% } .insurance .flex-ed { justify-content: center }}@media (max-width:380px) { footer { padding: 20px } .hours label { width: 130px } .hours p { font-size: 18px }}
