.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: -.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: .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'; letter-spacing: 8.4px; font-weight: 400; margin: 0; font-style: normal; content: '\e80f \e80f \e80f \e80f \e80f'; color: #febb21; }@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: 13px; font-weight: 700; font-family: "proxima-nova", sans-serif; background-color: #434243; 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: #CF9235 } #fixed-tabs a:first-of-type { flex: 0 1 50% } #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 }}body { position: relative; background-color: #fff; font-family: "proxima-nova", sans-serif; text-align: center }p { font: 400 18px/30px "proxima-nova", sans-serif; color: #000 }a { display: inline-block; text-decoration: none; cursor: pointer }h1, h2, h3, h4, h5, h6 { font-family: "reiher-headline", sans-serif }h2 { color: #000; text-align: center; font-size: 55px; font-family: "reiher-headline", sans-serif; line-height: 1; letter-spacing: normal; font-weight: 400; line-height: 1.1 }h3 { font-size: 32px; line-height: 1.41 }.subpage { max-width: 1300px; text-align: center; padding: 20px; margin: 50px auto }.mobile-image { display: none }hr { background: repeating-linear-gradient(to right, transparent, transparent 10px, #CF9235 10px, #CF9235 20px); height: 3px; position: relative; max-width: 275px; margin: 50px auto }header { position: relative; padding: 20px 10px; background-color: #fff }header .flex-ed { justify-content: space-between; align-items: center; flex-wrap: nowrap; max-width: 1320px; margin: auto; width: 100%; padding-bottom: 0 }header .btn-alt { margin: 0; text-transform: uppercase; font-size: 18px; border-radius: 20px; letter-spacing: .15em; font-family: "proxima-nova", sans-serif; transition: .3s all; font-weight: 700; padding: 17px 25px 14px }header .btn-alt i { position: absolute; top: 50%; left: 10px; transform: translateY(-50%) }header .btn-alt:hover { background: #000 }header .btn-alt span { display: block; letter-spacing: 2.6px; font-size: 26px }header .address { color: #000; font-size: 18px; line-height: 1.25; font-weight: 300; text-transform: uppercase; text-align: center; letter-spacing: .15em; margin-top: 15px }header .phone { color: #CF9235; font-size: 40px; line-height: 1.1; font-weight: 500 }header .phone span { font-size: 16px; display: block; text-transform: uppercase }header .phone:hover { color: #000 }header .address, header .phone { padding-left: 35px; position: relative; transition: .3s all }header .address i, header .phone i { color: #CF9235; left: 0; top: 50%; transform: translateY(-50%); position: absolute; font-size: 22px }header #hd-info { order: -1; text-align: left; flex: 0 1 380px }.mobile-buttons { display: none }.address:hover { color: #CF9235 }.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); z-index: 1000 }.fix-nav header .logo { position: relative; margin-bottom: 0 }.fix-nav header .logo img { max-height: 100px }.fix-nav header address { margin-left: 0 }.btn, .btn-alt { cursor: pointer; position: relative; display: inline-block; margin: 3px auto; padding: 13px 15px 10px; color: #fff; font: 700 16px/1 "proxima-nova", sans-serif; text-transform: uppercase; letter-spacing: .1em; transition: border .3s; background-color: #CF9235; box-shadow: 1.6px 2.5px 7px rgba(2, 2, 2, .35) }.btn-alt:hover, .btn:hover { background-color: #000; color: #fff }.top-bar { width: 100%; background: #434243; font-weight: 600; color: #fff; text-transform: uppercase; padding: 10px; font-size: 18px; letter-spacing: .15em }.split { display: flex; justify-content: space-between; flex-wrap: nowrap; align-items: center; max-width: 1240px; margin: auto; padding: 30px 10px 50px }.split article { margin: 10px; flex: 0 1 645px; text-align: left }.split h2 { text-align: left }.split figure { flex: 0 1 495px }.split figure figcaption { margin-top: 15px; text-align: center; font-size: 18px; letter-spacing: .15em; text-transform: uppercase }.split figure img { position: relative; max-width: 550px }.split.even figure { order: -1; margin-right: 40px }.safe-bar { width: 100%; position: relative; background-color: #434243; z-index: 10; color: #fff; font: 400 18px/1.2 "proxima-nova", sans-serif; padding: 9px 10px; text-align: center; letter-spacing: .15em; text-transform: uppercase }.safe-bar span { margin: 0 10px }.safe-bar>div { max-width: 1200px; margin: 0 auto; text-align: right }#banner { overflow: hidden; display: flex; justify-content: space-between; flex-wrap: nowrap; background: #434243; border-bottom: 6px solid #CF9235; }#banner .flex-ed { width: 100%; max-width: 1920px; margin: 0 auto; justify-content: center; flex-wrap: nowrap }#banner figure { position: relative; flex: 0 1 50%; background-position: center }#banner figure>img { margin-left: 0; width: 100% }#banner figure figcaption { padding: 6px 15px; color: #000; font-size: 16px; letter-spacing: .15em; font-weight: 700; text-transform: uppercase; width: 100%; background: rgba(255, 255, 255, .8); position: absolute; text-align: center; bottom: 0 }#banner figure figcaption span { color: #CF9235 }#banner article { position: relative; background: url(assets/images/lp-ortho-banner-bg.png); background-size: cover; flex: 1 1 auto; text-align: center; padding: 30px 10px }#banner article h1 { font: 400 67px/1.1 "reiher-headline", sans-serif; color: #000; padding-top: 0; margin: 20px auto }#banner article h1 small { color: #000; font-family: "proxima-nova", sans-serif; display: block; font-size: 37px; font-weight: 300 }#banner article h2 { font-family: "proxima-nova", sans-serif; font-size: 37px }#banner article p{ opacity: 0.35;}#banner .banner-stamp { max-width: 530px; width: 100%; margin: 30px auto; background: #CF9235; border-radius: 12px; border: 3px solid #fff; box-shadow: 0 3px 6px rgba(0, 0, 0, .35) }#banner .banner-stamp p { color: #fff; font-size: 37px; margin: 20px auto }#banner .banner-stamp p small { display: block; text-transform: uppercase; font-size: 22px; letter-spacing: .1em }#banner p { text-transform: uppercase; letter-spacing: .1em }.streak { display: flex; position: relative; justify-content: center; align-items: center }.streak:after, .streak:before { content: ""; height: 1px; background-color: #000; flex: 0 1 auto; width: 295px; display: block; position: relative }.streak:after { margin-left: 30px }.streak:before { margin-right: 30px }#advantage { padding: 40px 15px }#advantage .container { max-width: 1150px; margin: auto }#advantage .flex-ed { justify-content: space-between }#advantage .flex-ed div { flex: 0 1 210px; padding: 10px; text-align: center }#advantage .flex-ed div h3 { font-family: "proxima-nova", sans-serif; font-size: 20px; font-weight: 400 }#digital { padding: 40px 15px }#digital .container { max-width: 1150px; margin: auto }#stamp { position: absolute; z-index: 2; top: -135px; left: 0; right: 0; margin: auto }#middle-block { max-width: 1260px; margin: 100px auto }#forms { position: relative; padding: 5px 5px 5px; background-color: #fff; border-radius: 20px 20px 0 0; filter: drop-shadow(4px 4px 8px rgba(0, 0, 0, .24)) }#forms hr { margin: 25px auto }#forms form { text-align: center; padding: 20px; max-width: 100%; width: 1150px; margin: 0 auto; z-index: 3 }#forms form h2 { color: #fff }#forms form h2 strong{color: #CF9235; font-weight: 400;}#forms form input, #forms form select, #forms form textarea { height: 44px; font-size: 17px; border: none; background-color: transparent; font-family: "proxima-nova", sans-serif; color: #000; background-color: #f2f2f2; padding: 15px 5px; display: block }#forms form textarea { width: 100%; height: 93px; padding-left: 10px }#forms form .btn { margin: 1px 0 0; border-radius: 0; padding: 12px 20px; color: #fff }#forms form .btn:hover { background: #000 }#forms form::-moz-placeholder { color: #000 }#forms form::placeholder { color: #000 }#forms .container { display: flex; justify-content: space-between; align-items: flex-start; width: 100%; flex-wrap: wrap; max-width: 970px; margin: auto }#forms .container div { flex: 0 1 45%; max-width: 500px; display: flex; flex-direction: column; justify-content: center }#forms .container div:last-of-type { max-width: 525px; flex: 0 1 55% }#forms .container span { font-size: 16px; padding: 1px 0 }#forms .container span input, #forms .container span select { width: 100% }#forms .container select { min-width: 140px }#reviews-mobile { display: none }#reviews { padding: 20px 10px 60px; margin: 0 auto; background-color: #f0efee; filter: drop-shadow(4px 4px 8px rgba(0, 0, 0, .24)); border-radius: 0 0 20px 20px }#reviews .flex-ed { align-items: center; flex-wrap: nowrap }#reviews .reviews-image { flex: 0 1 224px; margin: 40px; margin-right: 10px; position: relative }#reviews .reviews-image figcaption { background-color: rgba(255, 255, 255, .7); width: 100%; position: absolute; text-transform: uppercase }#reviews .logo-controls { margin-top: 15px }#reviews .logo-controls img { margin: 0; padding-left: 50px }#reviews .gallery { margin: 0; padding: 15px 50px; position: relative }#reviews .gallery .review { text-align: left; color: #000; position: relative; max-width: 975px; margin: auto }#reviews .gallery .review h3 { font: 400 45px/1 "reiher-headline", sans-serif; margin: 10px 0; padding-left: 50px; position: relative; text-transform: none }#reviews .gallery .review h3:before { content: "\e838"; position: absolute; left: 0; top: -5px; font-family: fontello; opacity: 1; transform: scale(-1, -1); color: #434243; font-size: 46px; display: block; z-index: 10 }#reviews .gallery .review p { color: #000; font-size: 25px }#reviews .gallery .review .star { max-width: 200px; display: block }#reviews .gallery .review .star:before { font-size: 20px }#reviews .gallery .review img { margin-left: 0; margin-top: 10px }#reviews .gallery .review:before { content: "\e838"; position: absolute; right: 0; bottom: 30px; font-family: fontello; opacity: .1; color: #434243; font-size: 150px; display: block; z-index: 10 }#reviews .gallery .review author { text-transform: uppercase; font-weight: 600; letter-spacing: .15em; display: block; }#reviews .slick-dots span { background-color: #fff }#reviews .slick-dots .slick-active span { background-color: #7b868c }#benefits { padding-top: 25px; max-width: 100%; margin: 100px auto; position: relative; z-index: 300; background: url(assets/images/lp-ortho-patient-bg.png); background-size: cover }#benefits h2 { margin-bottom: 50px; font-size: 70px; text-align: center; }#benefits h2 small { font-weight: 400 }#benefits h3 { color: #000; font-size: 50px; letter-spacing: -.02em; text-align: left; margin: 10px auto; font-weight: 400 }#benefits .flex-ed { padding: 0 10px; justify-content: center; flex-wrap: nowrap; position: relative; z-index: 1; align-items: center }#benefits .col-flex-ed { position: relative }#benefits ul { padding-left: 0 }#benefits ul li { list-style: none; color: #000; font-size: 20px; line-height: 1; margin: 20px 0; padding-top: 5px; position: relative; text-align: left; position: relative; padding-left: 35px }#benefits ul li:before { content: "\e832"; font-size: 18px; font-family: fontello; color: #CF9235; position: absolute; left: 0; top: 50%; transform: translateY(-50%) }#benefits .benefits-options { width: 420px }#benefits .benefits-options:last-of-type h3, #benefits .benefits-options:last-of-type ul li { color: #000 }#benefits .no-benefits ul li:before { content: "\e840"; color: #f43800; transform: none; transform: rotate(45deg); top: 7px }.line { display: inline-block; position: absolute; top: 0; right: 50%; transform: translateX(50%); width: 2px; height: 100%; background-color: #fff }.rounded-rect { width: 14px; height: 43px; background-color: #434243; border: 1.87px solid #fff; border-radius: 5px; position: absolute; bottom: 10px; left: 0; right: 0; margin-left: auto; margin-right: auto }.slick-controls { display: flex; align-items: center; justify-content: space-around; max-width: 1000px; margin: 10px auto }.slick-arrow { color: #434243; background-color: transparent; font-family: fontello; font-size: 50px; position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 60px; height: 60px; flex: 0 0 60px; display: flex; flex-direction: column; justify-content: center; align-items: center; z-index: 5; transition: .3s all }.slick-arrow i { margin-left: -4px }.slick-arrow:hover { color: #000 }#next { left: auto; right: 0; order: 2 }#next i { margin-left: 4px }.bkgrd { background-color: #efefef }footer { overflow: hidden; padding: 60px 0 0; background: url(assets/images/lp-ortho-footer-bg.png); background-size: cover }footer .flex-ed { max-width: 1260px; margin: 0 auto; padding: 50px 10px 10px; align-items: center; border-top: 2px solid #CF9235 }footer .flex-ed .fo-info { flex: 0 1 365px; padding: 30px; margin: 0 auto; text-align: left }footer .flex-ed .fo-info .fo-title { color: #000; text-transform: uppercase; font-weight: 700; letter-spacing: .15em; text-align: left }footer .flex-ed .fo-info .fo-pho { transition: .3s all; text-transform: uppercase; text-align: center; margin: 0 auto 20px; color: #000 }footer .flex-ed .fo-info .fo-pho small { display: block; font-size: 19px }footer .flex-ed .fo-info .fo-pho span { font-size: 28px; font-weight: 600; color: #000 }footer .flex-ed .fo-info .fo-pho:hover { color: #CF9235 }footer .flex-ed .fo-info .fo-pho:hover span { color: #CF9235 }footer .flex-ed .fo-info .fo-phy { color: #000; font-weight: 400; text-align: left; padding-left: 0; font-size: 20px }footer .flex-ed .fo-info .fo-phy:hover { color: #CF9235 }footer .flex-ed .fo-logo { flex: 0 1 325px }footer .flex-ed .fo-logo .logo { margin-top: auto; margin-bottom: auto }footer .flex-ed .fo-logo .insta { display: block; color: #fff; margin-top: 100px; display: flex; align-items: center; margin-bottom: 0 }footer .flex-ed .fo-logo .insta i { font-size: 30px }footer .flex-ed .fo-logo .insta div { font-size: 18px; color: #fff; text-transform: uppercase; letter-spacing: .15em; text-align: left; margin-left: 20px }footer .flex-ed .fo-map { flex: 0 1 500px; width: 100%; height: 415px; border-radius: 10px }footer .flex-ed .fo-map iframe { box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.17);}footer .flex-ed .hours>div { display: flex; justify-content: space-between; margin: 10px 0 }footer h2 { color: #fff }.frame { overflow: hidden; display: table; width: 95%; margin: auto; border-radius: 10px }.frame iframe { height: 360px; display: block; max-width: 520px; margin: auto; width: 100%; border-radius: 15px }figcaption { text-align: center }figcaption p { font: 300 18px/1.2 "proxima-nova", sans-serif; color: #fff }figcaption strong { margin-top: 0; font-weight: 700; display: block; text-transform: uppercase; font-size: 22px; font-family: "proxima-nova", sans-serif }figcaption:hover p { color: #CF9235 }.copy { margin-top: 20px; padding: 30px 10px; margin: auto; text-transform: uppercase; font: 400 12px/1.3 "proxima-nova", sans-serif; color: #000; letter-spacing: .15em }.copy a, .copy p { font: 400 12px/1.3 "proxima-nova", sans-serif; color: #000; letter-spacing: .15em; text-transform: uppercase }.copy p { margin: 20px auto; max-width: 1100px; color: #CF9235 }.copy a:hover { color: #CF9235; text-decoration: underline }.copy span { margin: 0 5px }.copy .mob{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 textarea:focus { outline-style: solid; outline-width: thin; outline-color: #000 }#lp-appointment-form .submitBtn { text-align: center; width: 200px; margin: auto; display: table }@media (max-width:1260px) { #reviews .gallery { max-width: 70% } #smiles .flex-ed div { flex: 0 1 45% } #banner h1 strong { font-size: 65px }}@media (max-width:1160px) { h2 { font-size: 45px } .address { font-size: 16px } .phone { font-size: 32px } #stamp { right: auto; left: 10px; top: -130px } #stamp img { max-width: 180px } #benefits .flex-ed div { margin: 0 20px } #benefits .flex-ed h3 { text-align: center } #benefits .flex-ed:after { display: none } #list { display: none } #smiles .flex-ed div { flex: 0 1 48% }}@media (max-width:1024px) { .top-bar em{display: none;} .top-bar span{display: block;} header { padding: 0 } header .address, header .btn-alt, header .phone { display: none } header .flex-ed { justify-content: space-around; padding: 10px } header .logo { position: relative } .hd-locs { display: none } header #hd-info { display: none } .mobile-buttons { display: flex; align-items: stretch; flex-wrap: nowrap; width: 100% } .mobile-buttons a { flex: 0 1 50%; padding: 16px 10px; font: 600 21px/1.1 "proxima-nova", sans-serif; letter-spacing: .05em; color: #fff; text-transform: uppercase; background: #434243; text-align: center } .mobile-buttons a span { display: block; font-size: 26px } .mobile-buttons a small { font-size: 14px; display: block } .mobile-buttons a:nth-of-type(2) { background: #CF9235; color: #fff; padding: 17px 10px; font-size: 17px } .mobile-buttons a:nth-of-type(2) span { font-size: 26px } .safe-bar { font-size: 15px } .safe-bar span { display: block; font-size: 0 } .safe-bar>div { text-align: center } .mobile-image { display: block } .desktop-image { display: none } .streak:before{content: none;} .streak{display: block;} .streak:after{margin-top: 20px;} #banner .flex-ed { flex-wrap: wrap } #banner .flex-ed article { flex: 0 1 100% } #middle-block { margin: 80px 20px } #reviews .gallery .review h3:before, #reviews .gallery .review:before { display: none } #reviews .gallery .review h3 { padding: 10px; text-align: center } #reviews .gallery .review { padding: 10px; text-align: center } #reviews author{display: block; text-align: center;} #reviews author .star{margin: 0 auto;} #reviews-mobile { display: block; border-radius: 20px; background: #fff; box-shadow: 0 12px 16px rgba(0, 0, 0, .16); width: 92%; max-width: 600px; padding: 30px 18px; margin: 75px auto } #reviews-mobile h3 { font: 700 18px/1.1 "proxima-nova", sans-serif; letter-spacing: .1em; text-transform: uppercase; text-align: center } #reviews-mobile h3 img { display: block; margin: 5px auto } #reviews-mobile p { font-size: 27px } #reviews-mobile author { font: 700 18px/1.1 "proxima-nova", sans-serif; letter-spacing: .1em; text-transform: uppercase; text-align: center } #banner figure { flex: 0 1 100% } #benefits { margin-bottom: 50px } #benefits h2 { margin-bottom: 0 } .phone { font-size: 24px } #stamp { top: -100px } #practice h2, h2 { text-align: center } #lists { flex-wrap: wrap; justify-content: center } .list ul { max-width: 490px } .border-box:after, .border-box:before { visibility: visible } .border-box:after, .border-box:before { width: 50px; bottom: 20px } .bkgrd { padding: 0 } #dentist { display: block; padding: 10px 0 80px } #dentist article { padding: 10px } #dentist figure { margin: auto; max-width: 600px; padding: 10px 10px 0 } #reviews { padding: 30px 0 } #review-container { flex-wrap: wrap } #patients { display: block } footer h2 { font-size: 50px } footer .split { justify-content: center } footer .split article { margin: 20px auto } footer .flex-ed { justify-content: center } .split { justify-content: center; flex-wrap: wrap; padding: 20px } .split.even figure { order: 2; margin: 0 auto } .split article { flex: 0 1 100%; text-align: center } .split figure { flex: 0 1 100% } .split h2 { text-align: center; font-size: 55px } .split figure figcaption { text-align: center } #banner .split { margin-top: -10px } #benefits { padding-top: 20px } #benefits ul { padding-left: 0; margin-top: 10px } #benefits .flex-ed>div { margin: auto } #benefits h3 { text-align: center; margin-top: 10px } #benefits .flex-ed { padding: 30px 10px } #benefits .flex-ed:after { display: none } #smiles .flex-ed .before-after div:last-of-type img { margin-top: 20px } #smiles .flex-ed div { margin: 20px auto; max-width: 550px } #reviews .flex-ed { display: block } #reviews .gallery { max-width: 100% } .copy .mob{display: inline; } .copy .mob+span{display: none;}}@media (max-width:880px) { #banner h1 { margin-top: 40px; font-size: 50px } #smiles .flex-ed { display: block } #forms .container div { flex: 0 1 100%; max-width: 100% } #forms .container div:last-of-type { flex: 0 1 100%; max-width: 100% } #forms .container { flex-wrap: wrap }}@media (max-width:790px) { header { padding: 0 } header .flex-ed { flex-flow: row wrap; flex-wrap: wrap; align-items: stretch } header .btn-alt, header address { flex: 0 1 50% } header address { display: none } 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 } #banner figure figcaption { font-size: 14px; letter-spacing: .05em; } .safe-bar span:last-of-type { display: block; font-size: 0 } .top-bar { font-size: 15px; letter-spacing: .05em; } #practice p, .comment, .split p { text-align: center } #dentist figure { margin-top: -20px } .split h2 { font-size: 40px; } #practice { padding-bottom: 20px } #practice .flex-ed { display: block } #practice .flex-ed>div { margin: 0 auto; right: 0 } #practice img { margin: 0 auto } #practice .pager { margin-top: 20px } footer h2 { font-size: 42px } footer .split>div { margin-top: 0 } footer article { margin-bottom: 30px } footer .flex-ed .fo-map { display: none } .phone-call p { display: none } .gallery { padding: 10px } .gallery .slick-arrow { position: relative; display: inline-flex; transform: none; top: auto; margin: 0 } .smile-gallery .slick-slide div { max-width: 100% } #benefits .flex-ed { display: block } #advantage .flex-ed { justify-content: center; }}@media (max-width:700px) { #lp-appointment-form h1 { font-size: 36px }}@media (max-width:590px) { #banner article h1 span { font-size: 100px } #banner article h1 { font-size: 55px } #banner article h1 small { font-size: 37px } #banner article p { font-size: 16px } #banner .flex-ed article { padding: 30px 20px } #forms form { padding: 20px 0 } #benefits .benefits-options { max-width: 100% } #benefits .flex-ed h3 { text-align: left } #reviews .gallery { padding: 15px 20px } #benefits h2, #forms form h3 { font-size: 45px } #benefits { padding: 20px 15px; } h2 { font-size: 36px; margin-top: 10px } .safe-bar { letter-spacing: 0; font-size: 16px } .safe-bar span { margin: 0 } footer h2 { font-size: 40px; margin-top: 0; padding: 0 10px } footer article { padding-top: 20px } footer article p { font-size: 32px; margin-top: 5px } footer figure { margin-top: -10px } .frame { max-width: 98%; margin: auto } .frame iframe { display: none } figcaption { margin-top: 0 } .copy { padding: 30px 10px 20px } #banner h1 strong { font-size: 75px } .split figure img { max-width: 100% }}@media (max-width:480px) { footer h2, h2 { font-size: 36px } #practice .container { padding: 0 } .border-box:after, .border-box:before { display: none } .bkgrd { padding-bottom: 25px } .copy span:last-of-type { display: block; font-size: 0 } header .phone-call { width: 100%; flex: 0 1 100% } header .btn-alt { width: 100%; flex: 0 1 100% } #banner h1 { font-size: 40px; line-height: 50px }}@media (max-width:400px) { #google .review-stamp { left: 39% } header .btn-alt { font-size: 14px } .safe-bar { font-size: 15px } #dentist .caption { font-size: 14px } h2 { font-size: 32px } footer .split article { transform: scale(.9); margin-bottom: 0; padding: 0 20px 20px; margin-top: 0 } footer .split article p strong { font-size: 30px } footer .split article p big { font-size: 32px }}