.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;}.form-iframe { height: 100% !important;}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%; 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 0.67em;}mark { background-color: #ff0; color: #000;}small { font-size: 80%;}sub, sup { font-size: 60%; line-height: 0;}sub { bottom: -0.25em;}sup { top: -0.45em;}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: 0.35em 0.625em 0.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;}.page_index main, .page_index > hr { display: none !important;}a, ::before, ::after, img, figure, article, li, #fixed-tabs, #header, #banner, h1, h2, h3, h4, h5, h6, .btn, .btn-alt, .btn:before, .btn-alt:before { transition: all 0.2s;}i { display: inline;}*, ::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;}.clearfix:before, .clearfix:after { display: table; content: " ";}.clearfix:after { clear: both;}.shadow { box-shadow: 0 0 3px #000;}img { max-width: 100%;}a, .btn { cursor: pointer;}header { z-index: 99;}footer { z-index: 100;}.animated { animation-duration: 2s; animation-fill-mode: both;}@keyframes slideIn { from { transform: translate3d(0, -100%, 0); } to { transform: translate3d(0, 0, 0); }}.animated { animation-duration: 1s; animation-fill-mode: both;}.animated.infinite { animation-iteration-count: infinite;}.pulse { animation-name: pulse;}@keyframes pulse { from { transform: scale3d(1, 1, 1); } 50% { transform: scale3d(1.05, 1.05, 1.05); } to { transform: scale3d(1, 1, 1); }}.fadeIn { animation-name: fadeIn;}@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; }}.fadeInDown { animation-name: fadeInDown;}@keyframes fadeInDown { from { opacity: 0; transform: translate3d(0, -100%, 0); } to { opacity: 1; transform: none; }}.fadeInLeft { animation-name: fadeInLeft;}@keyframes fadeInLeft { from { opacity: 0; transform: translate3d(-100%, 0, 0); } to { opacity: 1; transform: none; }}.fadeInRight { animation-name: fadeInRight;}@keyframes fadeInRight { from { opacity: 0; transform: translate3d(100%, 0, 0); } to { opacity: 1; transform: none; }}.fadeInUp { animation-name: fadeInUp;}@keyframes fadeInUp { from { opacity: 0; transform: translate3d(0, 100%, 0); } to { opacity: 1; transform: none; }}.fadeOut { animation-name: fadeOut;}@keyframes fadeOut { from { opacity: 1; } to { opacity: 0; }}.zoomIn { animation-name: zoomIn;}@keyframes zoomIn { from { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; }}.slideInDown { animation-name: slideInDown;}@keyframes slideInDown { from { transform: translate3d(0, -100%, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); }}.slideInLeft { animation-name: slideInLeft;}@keyframes slideInLeft { from { transform: translate3d(-100%, 0, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); }}.slideInRight { animation-name: slideInRight;}@keyframes slideInRight { from { transform: translate3d(100%, 0, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); }}.slideInUp { animation-name: slideInUp;}@keyframes slideInUp { from { transform: translate3d(0, 100%, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); }}.flex-ed, .col-flex-ed { display: flex;}.flex-ed { flex-direction: row;}.col-flex-ed { flex-flow: column;}star { line-height: 1.5; margin: 7px auto; display: block;}star:after { font-size: 26px; font-family: "fontello"; font-weight: 400; margin: 0; font-style: normal; content: "\e80f\e80f\e80f\e80f\e80f"; color: #fcd800; padding: 0 10px;}.mobile-break { display: none;}.flex-row-responsive { display: flex;}#fixed-tabs { position: fixed; bottom: 0; right: 0; width: 100%; text-align: center; line-height: 1; display: flex; z-index: 9999;}#fixed-tabs a { font-size: 13px; color: #fff; font-weight: 700; text-transform: uppercase; padding: 14px 0; flex: 1; flex-basis: 25%;}#fixed-tabs a:first-of-type { flex-basis: 50%;}#fixed-tabs a:nth-of-type(odd) { background-color: #af8c57; color: #fff;}#fixed-tabs a:nth-of-type(odd):hover { background-color: #405465;}#fixed-tabs a:nth-of-type(even) { background-color: #0f0d0d; color: #fff;}#fixed-tabs a:nth-of-type(even):hover { background-color: #405465;}#fixed-tabs em { font-style: normal;}@media (min-width: 1031px) { #fixed-tabs { display: none; }}@media (max-width: 1030px) { #fixed-tabs i { display: inline-block; font-size: 16px; display: inline-block; margin-right: 5px; } footer { margin-bottom: 42px !important; } .flex-row-responsive { flex-direction: column; }}@media (max-width: 600px) { #fixed-tabs strong { display: none; }}body { overflow-x: hidden; position: relative; background: #fff; text-align: center; color: #231f20; font: 400 18px/26px "Figtree", sans-serif;}p { color: #0f0d0d; font: 400 18px/1.6 "Figtree", sans-serif; letter-spacing: 0.36px;}a { display: inline-block; text-decoration: none; cursor: pointer; color: #82a8d1;}a:hover { color: #405465;}h1, h2 h3, h4, h5, h6 { font-family: "figtree", serif; text-align: center;}h1 { margin: 50px auto; color: #000; font: 600 43px / 1.3 Figtree, sans-serif; letter-spacing: 1.1px; text-transform: uppercase;}h1 small { font-size: 30px; letter-spacing: 0.75px;}h2, .h2-like { font: 300 50px/1.1 "figtree", serif, sans-serif; color: #0f0d0d; margin: 10px 0; text-transform: uppercase;}h3, .h3 { font: 400 30px/30px "figtree", serif; color: #0f0d0d; margin: 15px auto 10px; letter-spacing: 0.75px;}main ul { list-style: none; padding: 0; margin: 10px auto; text-align: left; display: table;}main ul li { position: relative; padding-left: 35px; font-size: 24px; line-height: 1.2; margin: 10px auto; color: #0f0d0d;}main ul li:before { content: "\e832"; font-family: fontello; position: absolute; left: 0; top: 0; color: #82a8d1;}.btn, .btn-alt { position: relative; display: inline-block; cursor: pointer; padding: 15px 20px; text-align: center; color: #fff; background-color: #af8c57; text-transform: uppercase; font: 700 18px/1.1 "Figtree", sans-serif, sans-serif; letter-spacing: 1.8px;}.btn span, .btn-alt span { text-transform: uppercase; font-size: 30px; vertical-align: middle; letter-spacing: 2.95px; display: block;}.btn:hover, .btn-alt:hover { background-color: #405465; color: #fff;}.btn-alt { background-color: #0f0d0d; color: white;}.btn-alt:hover { background-color: #af8c57; color: white;}header { position: relative; padding: 0; z-index: 100; background-color: #fff;}header .locations { flex: 0 1 510px;}header .locations > span { border-radius: 25px; padding: 3px 20px; text-align: center; font: 500 20px/1.1 "Figtree", sans-serif; letter-spacing: 1.5px; text-transform: uppercase; background-color: #af8c57; color: #fff; display: table; margin: auto auto 10px;}header .locations .flex-ed { justify-content: space-around;}header address { padding: 0 8px;}header .address { display: flex; color: #000; font: 300 20px "figtree", serif; letter-spacing: 0.05em; margin-bottom: 10px;}header .address:hover { color: #405465;}header .address i:before { color: #af8c57; font-size: 22px; margin-left: -10px; margin-right: 15px;}.fix-nav header { position: fixed; width: 100%; left: 0; top: 0; right: 0; animation-duration: 0.8s; animation-fill-mode: both; animation-name: slideIn; z-index: 999; box-shadow: 0 3px 7px rgba(0, 0, 0, 0.35);}.fix-nav header .logo { margin-bottom: 0;}.fix-nav header .logo img { max-height: 80px;}.pho { display: flex; color: #000; font: bold 35px "figtree", serif;}.pho span { display: block; color: #fff; font-size: 14px; font-weight: 500; text-transform: uppercase; font-family: "Figtree", sans-serif;}.pho:hover { color: #405465;}.pho i { display: flex; align-items: center;}.pho i:before { color: #af8c57; font-size: 22px; margin-left: 0px; margin-right: 15px;}#nav { display: flex; max-width: 1350px; justify-content: space-between; margin: auto; align-items: center; padding: 30px 10px;}#nav .btn { margin: 0; font: bold 18px "figtree", serif; min-width: 200px; text-transform: uppercase; display: flex; color: #fff; border-radius: 20px;}#nav .btn span { display: block; font-family: "Figtree", sans-serif; font-weight: 500; letter-spacing: 1.5px;}#nav .btn i:before { margin-right: 10px;}#nav #mobile-btns { width: 100%; display: none;}#nav #mobile-btns > * { flex: 1; height: 64px;}#nav #mobile-btns .btn { display: flex; flex-wrap: wrap; padding: 10px; justify-content: center; line-height: 1; color: #fff; border-radius: 0; letter-spacing: 0.03em; margin: auto; font: bold clamp(0.9rem, 3.1vw, 1.4rem) "figtree", serif; text-transform: uppercase;}#nav #mobile-btns .btn span { line-height: 1; width: 100%; font-size: 28px; font: bold clamp(1rem, 6.4vw, 28px)/1 "figtree", serif; letter-spacing: 0.03em;}#nav #mobile-btns .phone, #nav #mobile-btns .btn { display: flex; justify-content: center; align-content: center;}#nav #mobile-btns .phone span, #nav #mobile-btns .btn span { width: 100%;}#nav #mobile-btns .phone { background-color: #D1BFAA; color: #fff; font: normal clamp(1rem, 5vw, 1.5rem) "figtree", serif; line-height: 1;}#nav #mobile-btns .phone:hover { background-color: #405465;}#nav #mobile-btns .phone span { text-transform: uppercase; font: normal clamp(1rem, 6.4vw, 28px) "figtree", serif; font-size: 16px; font-weight: 700; letter-spacing: 1px;}#nav #mobile-btns #mobile-special .container { margin: 10px 0; border-top: 2px solid #AFB1B1; border-bottom: 2px solid #AFB1B1; padding: 5px;}#nav #mobile-btns #mobile-special .container h4 { color: #2f3030; font-size: 22px; margin: 0;}#nav #mobile-btns #mobile-special .container small { text-transform: uppercase; font-size: 14px; letter-spacing: 0.7px; font-weight: 700;}.phone { color: #af8c57; font: normal clamp(1rem, 5vw, 1.5rem) "figtree", serif; display: flex; flex-direction: column;}.phone span { display: block; text-transform: uppercase; color: #0f0d0d; font: normal clamp(1rem, 6.4vw, 28px) "figtree", serif; letter-spacing: 0.05em;}.phone:hover { color:#405465;}.address { font-size: 22px; line-height: 1.3; color: #0f0d0d;}.address:hover { color: #405465;}.split { display: flex; justify-content: space-around; align-items: center; max-width: 1260px; margin: 50px auto;}.split article { margin: 10px; padding: 10px; flex: 0 1 622px; text-align: left;}.split article p,.split article h2 { text-align: left;}.split article h2 { color: #000; margin-bottom: 0; font-size: 45px; text-transform: uppercase; letter-spacing: 0.1em; font-weight: 600; font-size: 40px;}.split article h2 span { color: #af8c57;}.split article ul { margin-left: 0;}.split article ul li { margin: 20px auto; font-size: 30px; padding-left: 45px;}.split article ul li:before { font-size: 24px; color: #96a7bb; top: 3px;}.split article p { font: 300 22px "Figtree", sans-serif; line-height: 1.4;}.split .btn { margin: 15px 0; color: #fff;}.split figure { flex: 0 1 50%; position: relative;}.split.even figure { order: -1;}figcaption { position: absolute; bottom: 0; width: 100%; color: #000; letter-spacing: 1px; background: rgba(255, 255, 255, 0.9); text-transform: uppercase; padding: 5px 50px;}.covid { background-color: #f2c845; text-align: center; padding: 10px; color: #231f20; font-weight: 700; font-size: 22px; display: block; margin: auto; line-height: 1.1;}#banner { display: flex; flex-flow: row wrap; justify-content: space-between; border-bottom: 0.5rem solid #af8c57;}#banner > * { flex: 1 0 500px;}#banner figure { margin: 0; position: relative; order: 1; text-align: center;}#banner figure img { width: 100%; position: relative; width: 100%;}#banner figure figcaption a { color: #000; font: normal 18px "Figtree", sans-serif; letter-spacing: 0.2em;}#banner figure figcaption a:hover { color: #af8c57;}#banner h1 { color: #fff; letter-spacing: normal; font: 600 50px "figtree", serif; text-transform: uppercase; text-align: center;}#banner h1 span { color: #af8c57;}#banner h1 strong { display: block; font-size: 104px; line-height: 1; font-family: "figtree", serif;}#banner article { order: 2; flex: 1; position: relative; z-index: 2; padding: 10px 6rem; display: flex; margin: 0 auto; flex-flow: column wrap; justify-content: center; align-items: center; gap: 25px; background: url("assets/images/lp-cos-banner-background.png");}#banner article p { font: 300 25px "figtree", serif;}#banner article * { color: #000;}#banner #stamps { display: flex; flex-flow: row wrap; justify-content: center; align-items: center; gap: 15px;}#banner #stamps img { margin: 0;}#consultation { background-color: #405465; padding: 4rem 0;}#consultation .flex-row-responsive { margin: 0 auto; max-width: 1300px;}#consultation article h2 { color: #fff; text-transform: uppercase; text-align: left; letter-spacing: 0.1em; font-weight: 600; font-size: 55px;}#consultation article h2 span { color: #af8c57;}#consultation .form-container { display: flex; flex: 1 0 50%; border-radius: 25px; border: solid 2px #fff; background: #f5f5f5;}#consultation .form-container form div { display: none;}#consultation .form-container form div.inputs, #consultation .form-container form div.textarea { display: initial;}#consultation .form-container .btn { background-color: #af8c57; color: #fff;}#consultation .form-container .btn:hover { background-color: #405465; color: #fff;}#consultation .form-container h2 { font-size: 45px; line-height: 50px; text-align: left; font-family: "figtree", serif; flex: 0 1 85%; color: #000; margin: 20px auto; text-align: left;}#consultation .form-container h2 small { display: block; font-size: 11px; text-transform: uppercase; padding: 10px 0;}#consultation .form-container form { display: flex; justify-content: center; margin: 0 auto; align-items: center; padding: 0 35px;}#consultation .form-container form > div { padding: 5px; flex: 0 1 50%;}#consultation .form-container > div { display: flex; justify-content: center; padding: 50px 30px; max-width: 1150px; margin: auto;}#consultation .form-container article { padding: 40px; background: #fff; flex-basis: 50%;}#consultation .form-container .simple input,#consultation .form-container .simple textarea,#consultation .form-container .simple .btn,#consultation .form-container .simple select { width: 100%;}#consultation .form-container .simple input,#consultation .form-container .simple select,#consultation .form-container .simple textarea { background: #efefef; color: #000; border: 2px solid rgba(255, 255, 255, 0.15);}#consultation .form-container .simple input,#consultation .form-container .simple select { height: 48px;}#consultation .form-container .simple textarea { height: 101px; margin-top: 0;}#consultation .form-container ::-moz-placeholder { color: #fff;}#consultation .form-container ::placeholder { color: #000;}#cosmetic-list { background-color: #2f3030; padding: 2rem;}#cosmetic-list div { display: flex; justify-content: center; gap: 1rem;}#cosmetic-list div a { text-transform: uppercase; color: #fff; letter-spacing: 0.1em; font: normal 20px "figtree", serif;}#cosmetic-list div a:hover { color: #af8c57;}#cosmetic-list div span { color: #af8c57; font-size: 2rem;}#callouts { display: flex; justify-content: center; flex-wrap: wrap; padding: 60px 0;}#callouts .single { margin: 20px 0;}#callouts .single p { margin: -10px 0 0; font-size: 20px; line-height: 24px;}#patients .flex-ed { padding: 20px; max-width: 1260px; margin: 50px auto; justify-content: space-between; align-items: center; border: 2px solid #af8c57;}#patients .flex-ed article { position: relative; flex: 0 1 48%; padding-left: 90px;}#patients .flex-ed article:before { content: ""; display: block; width: 64px; height: 70px; background-image: url(assets/images/lp-invisalign-quote.png); background-size: cover; background-repeat: none; position: absolute; top: 5px; left: 5px;}#patients .flex-ed article p { font-size: 27px; text-align: left;}#patients .flex-ed article author { display: block; text-align: left; font-size: 27px;}#patients .flex-ed figure { position: relative; flex: 0 1 48%; max-width: 580px;}#patients .flex-ed figure:before { position: absolute; top: -9px; left: -9px; content: ""; background-color: #af8c57; height: 100%; width: 100%; z-index: -1;}#patients .flex-ed:nth-of-type(even) figure { order: -1;}#services-custom { background-color: #96a7bb; padding: 4em 2em;}.services { background-color: #fff; border: 6px solid #1d2122; text-align: center; max-width: 1260px; margin: 0 auto;}.services > div:first-of-type { display: flex; justify-content: space-around; flex-wrap: wrap; padding: 40px;}.services > div:first-of-type article { max-width: 550px;}.services h1 { font-size: 24px; font-weight: 500; line-height: 1; color: #0f0d0d; font-family: "Barlow", sans-serif; text-shadow: none; margin: 0 0 20px; text-align: center;}.services h1 span { font-size: 24px; color: #1a1818; font-family: "Barlow", sans-serif; display: block;}.services h1 sup { font-size: 26px; font-weight: 500; line-height: 46px;}.services h1 b { color: #bababa; font-family: "Manrope", sans-serif; font-size: 45px;}.services h2 { font-size: 45px; font-weight: 300; line-height: 1; color: #0f0d0d; font-family: "figtree", serif; text-shadow: none; margin: 0 0 20px; text-align: center;}.services h2 span { font-weight: 400; text-transform: uppercase; letter-spacing: 2px; font-size: 22px; color: #1a1818; font-family: "Figtree", sans-serif; display: block; font-style: normal;}.services h2 sup { font-size: 26px; font-weight: 500; line-height: 46px;}.services h2 b { color: #82a8d1; font-family: "figtree", serif; font-size: 45px;}.services .upper-form { display: flex; background: #fff;}.services .upper-form .btn { background-color: #af8c57; color: #fff;}.services .upper-form .btn:hover { background-color: #405465; color: #fff;}.services .upper-form h2 { font-size: 45px; line-height: 50px; text-align: left; font-family: "figtree", serif; flex: 0 1 85%; color: #000; margin: 20px auto; text-align: left;}.services .upper-form h2 small { display: block; font-size: 11px; text-transform: uppercase; padding: 10px 0;}.services .upper-form form { display: flex; justify-content: center; max-width: 800px; margin: 0 auto; align-items: center; padding: 0 35px;}.services .upper-form form > div { padding: 5px; flex: 0 1 50%;}.services .upper-form > div { display: flex; justify-content: center; padding: 50px 30px; max-width: 1150px; margin: auto;}.services .upper-form article { padding: 40px; background: #fff; flex-basis: 50%;}.services .upper-form .simple input,.services .upper-form .simple textarea,.services .upper-form .simple .btn,.services .upper-form .simple select { width: 100%;}.services .upper-form .simple input,.services .upper-form .simple select,.services .upper-form .simple textarea { background: #efefef; color: #000; border: 2px solid rgba(255, 255, 255, 0.15);}.services .upper-form .simple input,.services .upper-form .simple select { height: 48px;}.services .upper-form .simple input:focus,.services .upper-form .simple select:focus { background: #af8c57;}.services .upper-form .simple textarea { height: 101px; margin-top: 0;}.services .upper-form .simple textarea:focus { background: #af8c57;}.services .upper-form ::-moz-placeholder { color: #fff;}.services .upper-form ::placeholder { color: #000;}.services #cosmetic-list { background-color: #2f3030; padding: 50px 10px;}.services #cosmetic-list h3 { margin: 0; color: #fff; font-size: 26px; font-family: "Figtree", sans-serif; font-weight: 700;}.services #cosmetic-list h3 span { font-size: 20px; margin: 0 10px;}.services #lp-slider h2 { font-family: "figtree", serif; font-size: 45px; font-weight: 300; line-height: 1; color: #0f0d0d; text-shadow: none; margin: 0 0 20px; text-align: center;}.services #lp-slider h2 span { font-size: 22px; color: #1a1818; font-family: "Figtree", sans-serif; display: block;}.services .flex-ed { display: flex; flex-wrap: wrap; justify-content: space-around; align-items: center; background: #f0f0f0;}.services .flex-ed a { z-index: 100; position: relative;}.services .flex-ed article,.services .flex-ed .upper-form { flex: 0 1 60%;}.services .flex-ed > * { padding: 7px;}.services .flex-ed article { padding: 30px;}.services .flex-ed article h2 { color: #0f0d0d;}.services .flex-ed h2 { font-size: 45px; color: #000;}.services .flex-ed h2 b { color: #82a8d1; font-family: "figtree", serif; font-size: 45px;}.services .flex-ed:first-of-type { padding: 35px; flex-flow: column wrap;}.services .flex-ed .before-after-img { display: flex; flex-flow: row wrap; gap: 10px; justify-content: center;}.services .flex-ed .before-after-img > div { display: flex; flex-flow: column wrap; justify-content: space-between;}.services .flex-ed .before-after-img figure p { font-size: 16px; text-transform: uppercase; letter-spacing: 0.1em; font-weight: bold;}.services ul { list-style-type: none; line-height: 2; color: #0f0d0d; padding: 0; max-width: 660px; margin: 10px auto 30px; -moz-column-count: 2; column-count: 2; display: flex; flex-flow: wrap; align-content: center;}.services ul li { font-size: 20px; line-height: 30px; font-family: "Figtree", sans-serif; font-weight: 400; text-align: left; padding-left: 40px; position: relative; margin: 5px 0; flex: 0 1 50%;}.services ul li i { text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); font-size: 20px; left: 0; color: #0094de; margin-right: 10px;}.services .btn { margin: auto; font-weight: 700;}.services p { font-size: 12px; font-family: "Figtree", sans-serif; margin-top: 5px;}.slider { display: flex;}.slider #lp-slider { flex: 1; justify-content: center; display: flex; flex-direction: column;}#lp-slider h2 { font-size: 24px; font-weight: 500; line-height: 1; color: #0f0d0d; font-family: "Barlow", sans-serif; text-shadow: none; margin: 0 0 20px; text-align: center;}#lp-slider .ba-slider-wrapper { margin: 0.5em auto; position: relative; display: table; animation-duration: 0;}#lp-slider .ba-slider-wrapper .ba-slider { width: auto; position: relative; box-shadow: 0 3px 7px rgba(2, 3, 3, 0.35);}#lp-slider .ba-slider-wrapper .ba-slider span { background: #af8c57; display: block; height: 100%; position: absolute; top: -3px; left: -20px; width: 4px; z-index: 1100;}#lp-slider .ba-slider-wrapper .ba-slider img { max-width: none; position: absolute; top: 0; left: 0; z-index: 200; max-width: 517px;}#lp-slider .ba-slider-wrapper .ba-slider img:first-of-type { z-index: 210;}#lp-slider .ba-slider-wrapper * { transition: none;}#lp-slider .ba-slider-wrapper .ui-slider { position: relative;}#lp-slider .ba-slider-wrapper .ui-slider .ui-slider-handle { position: absolute;}.slider-icon { background: url(assets/images/lp-invisalign-handle.png); background-repeat: no-repeat; background-size: 46px; display: block; height: 31px; position: absolute; width: 46px; z-index: 200; left: 22px;}@media (max-width: 800px) { #lp-slider .contain { display: block; } .ba-slider-wrapper { text-align: center; } .ba-slider-wrapper .ba-slider { margin-left: auto; margin-right: auto; } .ba-slider-wrapper img { max-width: 100%; } .ba-slider-wrapper .ui-slider { margin: 0 auto; } .ba-slider-wrapper p { background-position: center top; padding-top: 75px; } .ba-slider-wrapper:after { font-size: 75%; right: inherit; }}#reviews { background: url("assets/images/lp-cosmetic-review-background.png"); padding: 20px 10px;}#reviews .mobile-lp-slider { display: none;}#reviews p,#reviews span { color: #fff;}#reviews h2 { color: #fff; font-weight: 600; font-size: 40px; letter-spacing: 0.1em;}#reviews star { display: inline; line-height: 1;}#reviews star:after { color: #febb21; font-size: 17px; letter-spacing: 6px;}#reviews .author { display: inline; font-size: 18px; font-weight: bold; letter-spacing: 0.2em; text-transform: uppercase;}#reviews .flex-ed { display: flex; justify-content: center; padding: 4rem 0;}#reviews .flex-ed > div { flex: 0 1 600px; position: relative; font-size: 45px; line-height: 1; font-family: "Figtree", sans-serif;}#reviews .flex-ed > div:first-of-type { padding-left: 55px;}#reviews .flex-ed > div h2 { font-size: 45px; font-weight: 400; text-align: left;}#reviews .flex-ed > div h2:first-of-type { color: #fff;}#reviews .flex-ed > div h2:first-of-type span { font-size: 90px;}#reviews .flex-ed > div .comment { position: relative; text-align: left; font-weight: 300; font-size: 28px; line-height: 40px; margin-bottom: 0;}#reviews .flex-ed > div .author { float: right; display: inline; font-weight: bold; font-size: 18px; letter-spacing: 0.1em; text-transform: uppercase;}#reviews .flex-ed > div p:last-of-type { text-align: left; clear: right;}#reviews .flex-ed > div p:last-of-type .btn { background-color: #af8c57; font-family: "Figtree", sans-serif; font-weight: 700; font-size: 18px; padding: 1rem 3rem; letter-spacing: 0.1em;}#reviews .flex-ed > div p:last-of-type .btn:hover { background-color: #405465;}#reviews .flex-ed #lp-slider h2:first-of-type { display: flex; flex-direction: column; align-items: center; color: white; font-weight: 600; font-size: 40px; letter-spacing: 0.1em;}#reviews .flex-ed #lp-slider h2:first-of-type span { font-weight: normal; font-size: 20px; letter-spacing: 0.1em;}#options div { padding: 0; border-radius: 15px; overflow: hidden; position: relative;}#options .col { background-color: transparent;}#options:after { border-color: #fff;}#options:hover:after { border-color: #82a8d1;}#secondary { background-color: #d2d7d8; margin: 0 auto; padding: 30px 0;}#secondary .callouts { margin: auto; max-width: 1070px;}#secondary .callouts .portrait { min-height: 225px;}#secondary .callouts .portrait:after { width: 92%; height: 92%;}#secondary a { flex: 0 0 235px;}#secondary a h3 { letter-spacing: 0.26px; line-height: 1.2; margin: 0 auto;}#secondary .icon-map-marker { font-size: 30px; color: #82a8d1;}#team figure { max-width: 525px;}#team figure .caption { text-align: left; padding-left: 1rem; bottom: -2.5rem; background: none; font-weight: 300; font-size: 20px; letter-spacing: 0.21em;}#team a { color: #fff; font-weight: 700;}#team a:hover { color: #fff; background-color: #405465;}#choice { padding: 30px 10px; background-color: #fff;}footer { padding-top: 70px; background-color: #2f3030;}footer .flex-ed { justify-content: center; align-items: start; padding-bottom: 30px;}footer .flex-ed > * { background-color: #fff;}#footer-form { background: #405465;}#footer-form > h3 { color: #fff;}footer article { min-height: 430px; border-radius: 15px; text-align: center; margin: 10px; flex: 0 1 340px; padding: 10px; box-shadow: 1px 3px 7px 0px rgba(0, 0, 0, 0.35); display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}footer article > * { flex: 100%;}footer #services { padding: 10px;}footer #services .btn { padding: 20px 10px; margin: 5px 0;}footer .phone { font-size: 40px; color: #af8c57; margin: 10px auto; font-weight: 700; display: block; letter-spacing: 0.28px; font-family: "Figtree", sans-serif;}footer .phone span { color: #fff;}footer .phone:hover { color: #405465;}footer .address { color: #231f20; font-size: 20px; line-height: 1.1; margin-top: 20px;}footer .address:hover { color: #405465;}footer h3 { margin-top: 20px; margin-bottom: 20px; color: #324248; font-weight: 500; font-size: 30px; font-family: "figtree", serif;}footer #footer-form h3 { margin-bottom: 0;}footer .logo { display: none;}footer .simple { margin: 0 0 5px;}#services h3 { font-size: 30px;}#contact { flex: 0 1 430px; padding: 30px 10px 20px;}#contact h3 { font-size: 36px; margin-top: 20px; margin-bottom: 25px;}#map { display: table; border-radius: 10px; overflow: hidden; margin: 0 30px; flex: 0 1 580px; padding: 0 0 35px; box-shadow: 1px 3px 7px 0px rgba(0, 0, 0, 0.35);}#map iframe { display: block; margin: auto;}#map h2 { margin: 30px auto; font-size: 35px; font-weight: bold; font-weight: bold; letter-spacing: 2;}#services ul { margin-top: 20px; padding-left: 0; margin-bottom: 10px;}#services li { margin: 10px auto; list-style: none; text-align: center; border: 1px solid #af8c57; background-color: #af8c57;}#services li a { display: block; color: #fff; font-weight: 500; font-family: "figtree", serif; font-size: 18px; text-transform: uppercase; letter-spacing: 1.8px; padding: 25px 20px 22px;}#services li a:hover { color: #fff;}#services li:hover { background-color: #82a8d1;}#services li:hover a { color: white !important;}#services li a { padding: 18px 10px 15px !important;}.simple { margin: 20px 0 5px;}.simple .btn { width: 90%; font-size: 20px; font-weight: 700; padding: 15px 10px; min-width: auto; background-color: #af8c57; box-shadow: 3px 3px 15px rgba(0, 0, 0, 0.25);}.simple .btn:hover { background-color: #405465;}.simple input, .simple select { height: 45px;}.simple textarea { height: 90px; padding-top: 8px;}.simple input,.simple textarea,.simple select { outline: none; border: none; background-color: #ededed; margin: 3px 0; width: 90%; padding: 6px 10px; font-size: 18px; color: #0f0d0d;}.simple input:focus,.simple textarea:focus,.simple .btn:focus,.simple select:focus{ background-color: #f7f4f4; box-shadow: inset 0 3px 0 #82a8d1;}::-moz-placeholder { color: #0f0d0d;}::placeholder { color: #0f0d0d;}.copy { font: 400 20px/1.4 "Figtree", sans-serif; color: #fff; text-transform: uppercase; margin-top: 20px; text-align: center; padding: 10px 0 60px; font-weight: 300; font-size: 16px; letter-spacing: 0.1em;}.copy span { padding: 0 5px;}.copy a { margin: auto; color: #af8c57;}.copy a:hover { color: #405465;}.copy .tnt { color: #fff;}#landing-page-form { position: relative; max-width: 850px; padding: 0 10px 10px; margin: 20px auto;}#landing-page-form h1 { font-size: 50px; font-weight: 700; margin-bottom: 30px; color: #74b4f4; text-align: center; padding-top: 20px; line-height: 1.2; text-shadow: none;}#landing-page-form p { max-width: 680px; margin: auto; margin-bottom: 30px;}#landing-page-form .simple { margin: auto; display: table; width: 100%; max-width: 550px;}#landing-page-form .simple label { display: none;}#landing-page-form .simple input { height: 50px;}#landing-page-form .simple textarea { height: 200px; margin-bottom: 15px; padding-top: 10px;}#landing-page-form .btn { width: 160px; padding: 15px;}hr { width: 103px; height: 4px; background: #fff; opacity: 0.3; margin-top: 30px;}@media (min-width: 1800px) { #banner figure { width: 900px; }}@media (min-width: 1600px) and (max-width: 1799px) { #banner figure { width: 800px; }}@media (max-width: 1300px) { #banner { background-position: 10%; }}@media (max-width: 1200px) { #nav { flex-wrap: wrap; } #nav .logo { width: 100%; margin: 20px; } #nav #header-details { margin: 0 auto 30px; }}@media (max-width: 1110px) { h1 { font-size: 50px; } .address { font-size: 16px; } .phone { font-size: 32px; }}@media (min-width: 1000px) { #mobile-btns { display: flex; }}@media (max-width: 1000px) { #banner br { display: none; } #banner br.mobile-break { display: initial; } br.mobile-break { display: initial; } article { margin-left: 0; margin-right: 0; } #consultation, #banner article { padding: 2rem 1.5rem 5rem; } #cosmetic-list { padding: 2rem 1.5rem 2rem; } #team, #choice { padding: 2rem 1.5rem 2rem; } header .address { display: none; } header .btn { margin: 0; order: 0; } header .flex-ed { justify-content: space-around; } #nav { padding: 0; } #nav .phone { font-size: 30px; font-weight: 300; background-color: #d1bfaa; color: #fff; } #nav .phone:hover { background-color: #405465; } #nav .phone span { color: #fff; font-weight: 700; } #nav > .btn, #nav #header-details { display: none; } #nav #mobile-btns { display: flex !important; } hr { display: block; max-width: 95%; } .phone { font-size: 24px; } .covid span { display: block; font-size: 0; } #banner { background: none; border-top: 0.5rem solid #2f3030; padding-top: 2rem; } #banner:before { top: 0; bottom: 0; } #banner article { width: 100%; margin: 0; background-color: #fff; order: -1; } #banner .flex-ed { flex-wrap: wrap; } #banner article { margin: 0 auto; } #banner article h1 { font-size: clamp(0.6rem, 8.4vw, 2.4rem); margin: 0; } #banner article p { font-size: clamp(1rem, 6.4vw, 28px); margin: 0; letter-spacing: 0.1em; } #banner article div { max-width: 500px; margin: 10px auto 15px; } #banner figure figcaption { display: block; padding: 5px 10px a; display: flex; align-items: center; padding: 1rem 0; justify-content: center; gap: 0.3rem; } #consultation article h2 { text-align: center; font-size: clamp(0.6rem, 11.6vw, 3.4rem); font-weight: 600; letter-spacing: 0.01em; } #consultation .textarea { width: 100%; padding-top: 0 !important; } #consultation .form-container .simple textarea { margin-bottom: 1rem; } .split article h2 { font-size: clamp(1rem, 8.9vw, 50px); } .split article p { font: 300 clamp(1rem, 5.6vw, 28px) "figtree", serif; line-height: 1.4; } #cosmetic-list .flex-row-responsive { gap: 0; } #banner figure img { width: 100%; display: block; } #banner > * { flex: auto; } #reviews { padding: 20px 1.5rem; } #reviews .slider { display: none; } #reviews .flex-ed { gap: 3rem; } #reviews .flex-ed > div { flex: initial; } #reviews .flex-ed > div:first-of-type { display: flex; flex-direction: column; } #reviews .flex-ed > div h2:first-of-type { font-size: clamp(0.6rem, 8.7vw, 5.4rem); display: flex; flex-direction: column; font-weight: 600; } #reviews .flex-ed > div h2:first-of-type span { font-size: clamp(1rem, 3.4vw, 28px); } #reviews .mobile-lp-slider { display: flex; gap: 1rem; } #reviews .mobile-lp-slider .flex-row-responsive { gap: 1rem; align-items: flex-end; } #reviews .mobile-lp-slider .flex-row-responsive span { text-transform: uppercase; font-weight: bold; font-size: 18px; letter-spacing: 0.1em; } #reviews * { text-align: center !important; } section .container article { margin-left: 0 !important; margin-right: 0 !important; padding-left: 0 !important; padding-right: 0 !important; } section.container { padding: 2rem 1.5rem 3.7rem; } .upper-form { flex-direction: column; padding: 30px 10px; } .upper-form h2 { text-align: center; font-size: 30px; } #reviews .flex-ed > div { margin: 5px; } #reviews .flex-ed { flex-direction: column; } #reviews .flex-ed > div:first-of-type { padding: 0; } #reviews .flex-ed > div:first-of-type:before { position: static; display: none; } #reviews .flex-ed > div:last-of-type { font-size: 30px; } .services .flex-ed article, .services .flex-ed .upper-form { flex: 0 1 100%; } .services ul { max-width: 270px; } .services ul li { flex: auto; } .split { margin: 0 auto; display: block; } .split article { max-width: 100%; padding: 20px 10px; text-align: center; padding: 0; margin: 0; } .split article h2, .split article p { text-align: center; } .split article .btn { float: none; margin: auto; display: table; padding: 1rem 2.5rem; } .split figure { margin: 20px auto; } #team figure .caption { text-align: center; bottom: -3rem; font-size: clamp(0.6rem, 3.9vw, 2rem); padding: 0; } .services .upper-form > div { flex-wrap: wrap; padding: 0 30px; } .services .upper-form h2 { text-align: center; } #choice figure { margin-bottom: 0; } #secondary { padding: 15px 0; } footer .flex-ed { flex-wrap: wrap; max-width: 700px; margin: auto; } footer .flex-ed > * { flex: 100%; } footer #map iframe { width: 100%; } #contact { flex: 0 1 690px; } #services, #footer-form { flex: 1; } .frame iframe { height: 400px; } footer { padding: 4rem 2rem 0.3rem; } footer #services { padding: 1rem 1.7rem 2rem; height: initial; } footer h2, footer h3 { font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; } footer #map { margin: 10px; padding: 1rem 2rem 3rem; } footer #map .address { font-weight: 300; font-size: clamp(1rem, 5vw, 1rem); } footer #map .phone { font-size: clamp(1.4rem, 8.3vw, 1.9rem); } footer #map iframe { display: none; } footer .logo { display: initial; } #banner figure figcaption a { letter-spacing: 0.1em; font-size: clamp(0.3rem, 3.8vw, 5rem); font-weight: 600; }}#services ul { margin-top: 20px; padding-left: 0; margin-bottom: 10px;}#services li { margin: 7px auto; list-style: none; text-align: center; background-color: #af8c57;}#services li a { display: block; color: #fff; font-weight: 500; font-size: 19px; font-family: "Figtree", sans-serif; letter-spacing: 1px; padding: 18px 20px 15px;}#services li:hover { background-color: #82a8d1;}#services li:hover a { color: #231f20;}@media (max-width: 900px) { #patients .flex-ed { display: block; } #patients figure { margin: auto; } #patients .flex-ed article p { text-align: center; } #patients .flex-ed article author { text-align: right; } .services .upper-form form > div { flex: auto; width: 100%; padding: 2px; } #callouts { padding: 0; } .services #cosmetic-list h3 { display: flex; justify-content: center; flex-wrap: wrap; } .services #cosmetic-list h3 > * { width: 100%; }}.simple select::placeholder { color: red;} @media (max-width:600px) {#banner {padding-bottom:7rem;}figcaption {bottom:-74px;}}