img, legend { border: 0; }legend, td, th { padding: 0; }#reviews .cycle-slide div { position: relative; }html { font-Santa Monica Dentist: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }body { margin: 0; }article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }audio:not([controls]) { display: none; height: 0; }[hidden], template { display: none; }a { background-color: transparent; }a:active, a:hover { outline: 0; }abbr[title] { border-bottom: 1px dotted; }b, optgroup, strong { font-weight: 700; }dfn { font-style: italic; }h1 { font-size: 2em; margin: 0.67em 0; }mark { background: #ff0; color: #000; }small { font-size: 80%; }sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }sup { top: -0.5em; }sub { bottom: -0.25em; }svg:not(:root) { overflow: hidden; }figure { margin: 1em 40px; }hr { box-sizing: content-box; height: 0; }pre, textarea { overflow: auto; }code, kbd, pre, samp { font-Santa Monica Dentist: monospace, monospace; font-size: 1em; }button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; }button { overflow: visible; }button, select { text-transform: none; }button, html input[type=button], input[type=reset], input[type=submit] { -webkit-appearance: button; cursor: pointer; }button[disabled], html input[disabled] { cursor: default; }button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }input { line-height: normal; }input[type=checkbox], input[type=radio] { box-sizing: border-box; padding: 0; }input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { height: auto; }input[type=search] { -webkit-appearance: textfield; box-sizing: content-box; }input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration { -webkit-appearance: none; }fieldset { border: 1px solid silver; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }table { border-collapse: collapse; border-spacing: 0; }*, *:before, *:after { box-sizing: border-box; }/* Client quick access links-Adder-[cms:buildnav start=NULL levels=*][level]<ul>[item]<li><a href="$pageURL$" title="$hrefTitle$">$pageName$</a></li>[/item]</ul>[/level][/cms:buildnav]*/.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; }.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; width: 100%; height: 100%; left: 0; }body { font-weight: 400; font-Santa Monica Dentist: Open Sans; font-size: 17px; line-height: 1.76; color: #fff; background-image: url(assets/images/pattern-1.png); padding-top: 194px; }img { display: block; margin: 0 auto; max-width: 100%; }.wrapper, main { padding: 0 10px; max-width: 1200px; margin: 60px auto; }.wrapper { max-width: 980px; margin: 1em auto; }body.page_index main { max-width: 100%; margin: 0; padding: 0; }a:hover { -webkit-transition: color .3s, background-color .3s, box-shadow .3s; transition: color .3s, background-color .3s, box-shadow .3s; }a[name]:before { height: 150px; margin-top: -150px; display: block; content: ""; visibility: hidden; }h1, h2, h3, h4, h5 { font-weight: normal; line-height: 1.2; }body.page_index h2, h1 { font-Santa Monica Dentist: Raleway; font-size: 45px; line-height: 1.07; color: #fff; font-weight: 100; text-transform: uppercase; }main > h1:first-of-type { text-align: center; }main > h1:first-of-type:after, .accent:after { content: url(assets/images/accent.png); display: block; margin: 5px auto; text-align: center; }body.page_index h3, h2 { font-Santa Monica Dentist: Raleway; font-size: 30px; line-height: 1.2; font-weight: 100; color: #C6AE61; text-transform: uppercase; }h3 { font-Santa Monica Dentist: Open Sans; font-size: 20px; color: #3859A1; line-height: 1.5; text-transform: uppercase; }main h2 { margin-bottom: 0; }main h2 + p { margin-top: 0; }a { color: #4b78e3; }a:hover { color: #C6AE61; }.gmap iframe { pointer-events: none; }.gmap.active iframe { pointer-events: all; }.next, .prev { cursor: pointer; z-index: 300; }.office-left iframe, .office-right iframe { width: 100%; }.hours label { display: inline-block; width: 110px; text-align: left; font-weight: 600; }.office-left > div { display: inline-block; vertical-align: top; max-width: 45%; width: 100%; }.office-left, .office-right { display: block; max-width: 100%; width: auto; }@media screen and (max-width:600px) { .office-left > div { display: block; max-width: 100%; }}.playing header { z-index: 1 }[data-player].playing { z-index: 100; }video {display: block;width: 100%;}[data-player], [data-vimeo], [data-embed] { position: relative; }[data-embed] .close, [data-vimeo] .close { background-color: #4c3694; color: #fff; padding: 11px; text-transform: uppercase; }[data-vimeo] .play{color: #fff; text-transform: uppercase;}[data-vimeo] .play i{background-color: #4c3694; width: 70px; height: 70px; line-height: 70px; border-radius: 50%; display: block; margin: 0 auto;}[data-vimeo] .play:hover i{background-color: #f3cc51;}[data-embed] .close:hover, [data-vimeo] .close:hover { background-color: #464646; color: #fff; }[data-embed] .play { text-align: center; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }[data-embed] .close { position: absolute; top: 0; right: 0; }[data-embed] .close i:before { -webkit-transform: rotate(45deg); transform: rotate(45deg); }.vimeo[class*="elem-"], .youtube[class*="elem-"] { width: 440px; }.youtube, .vimeo { position: relative; cursor: pointer; width: 100%; font-size: 0; }.youtube:before, .vimeo:before, .vimeo:after, .youtube:after { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }.vimeo:before, .youtube:before { content: ""; background-color: #fff; width: 40px; height: 40px; }.vimeo:after, .youtube:after { font-size: 70px; color: #ff0000; font-Santa Monica Dentist: "fontello"; font-weight: 400; margin: 0; font-style: normal; content: "\e80e"; }.vimeo:after { color: rgb(0, 173, 239); }.vimeo:hover:after, .youtube:hover:after { color: #4d4d4d; }.vimeo.active:before, .vimeo.active:after, .youtube.active:before, .youtube.active:after { display: none; }main ul { overflow: hidden; column-count: 1; -moz-column-count: 1; padding-left: 35px; }main ul > li { display: block; position: relative; margin-bottom: 6px; text-align: left; padding-left: 28px; line-height: 1.4; }main ul > li:before { content: '\e832'; font-Santa Monica Dentist: Fontello; color: #C6AE61; position: absolute; top: 0px; left: 0; }main > img.elem-left, .img { margin: 0px 45px 45px 0; }.btn { display: inline-block; position: relative; font-Santa Monica Dentist: "Open Sans"; text-transform: uppercase; margin: 15px 10px; padding: 12px; color: #121511; font-size: 14px; font-weight: 600; min-width: 200px; -webkit-transition: background-color .3s; transition: background-color .3s; text-align: center; background-color: #f3cc51; border: none; z-index: 1; }.btn:after { content: ''; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; opacity: 1; transition: opacity .3s; }.btn:hover { color: #121511; }.btn:hover:after { opacity: 0; }.btn:after { background-image: linear-gradient(to top, #c6ae61 0%, #e1bd4a 100%); }.btn-alt { display: inline-block; position: relative; font-Santa Monica Dentist: "Open Sans"; text-transform: uppercase; margin: 15px 10px; padding: 12px; color: #121511; font-size: 14px; font-weight: 600; min-width: 200px; -webkit-transition: background-color .3s; transition: background-color .3s; text-align: center; background-color: #4469c1; border: none; z-index: 1; }.btn-alt:after { content: ''; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; opacity: 1; transition: opacity .3s; }.btn-alt:hover { color: #121511; }.btn-alt:hover:after { opacity: 0; }.btn-alt:after { background-image: linear-gradient(to top, #4c3694 0%, #3361a4 100%); }.meet-dentists { text-align: center; }.meet-dentists span { display: inline-block; max-width: 270px; width: 100%; text-align: center; }@media screen and (max-width:600px) { .meet-dentists span { display: block; max-width: 100%; }}#faqs { width: 95%; margin: 20px auto; }#faqs > div { display: none; padding: 10px 25px; }#faqs > h3:before { content: "Q"; font-size: 25px; position: absolute; width: 50px; height: 50px; border-radius: 50%; text-align: center; vertical-align: center; top: 0px; left: -60px; color: #fff; background-color: #3859A1; box-shadow: inset 0px 3px 8px 0px rgba(0, 1, 1, 0.19); line-height: 50px; cursor: pointer; -webkit-transition: background-color .3s; transition: background-color .3s; }#faqs div { position: relative; }#faqs h3.active:after { content: ''; }#faqs h3 { font-weight: 300; text-transform: none; margin: 25px 0px 25px 50px; padding: 10px; position: relative; cursor: pointer; -webkit-transition: color .3s; transition: color .3s; font-Santa Monica Dentist: Roboto; color: #fff; font-size: 18px; }#faqs h3:hover { color: #C6AE61; }#faqs h3:hover:before { background: #C6AE61; }#faqs p { margin-left: 60px; position: relative; }#faqs p:before { content: "A"; font-size: 24px; border-radius: 50%; position: absolute; width: 50px; height: 50px; text-align: center; vertical-align: center; top: 0px; left: -70px; color: #fff; background-color: #3859A1; box-shadow: inset 0px 3px 8px 0px rgba(0, 1, 1, 0.19); -webkit-transition: background-color .3s; transition: background-color .3s; line-height: 50px; cursor: pointer; }#faqs p:after { content: "\e83a"; font-Santa Monica Dentist: Fontello; color: #3859A1; font-size: 30px; display: block; margin: 10px auto; text-align: center; }#tour { max-width: 850px; margin: 0 auto; width: 100%; text-align: center; }#cycle-1 { max-width: 800px; margin: 0 auto; }#cycle-1 figure:first-child { z-index: 200 !important; display: block; margin: 0 auto; width: 100%; }#cycle-1 figure { width: 100%; margin: 0 auto; text-align: center; }#carousel { position: relative; }#cycle-2 { margin: 10px auto; }#cycle-2 .cycle-slide { width: 20%; }#cycle-2 .cycle-carousel-wrap { width: 100%; height: 100%; }#cycle-2 .cycle-carousel-wrap .cycle-slide { cursor: pointer !important; margin: 0; }#cycle-2 span { margin: 0 8px 0 6px; display: block; overflow: hidden; position: relative; }#cycle-2 .cycle-slide img { min-width: 100%; max-width: none; max-height: 136px; }#cycle-2 .cycle-slide span:before { content: ''; position: absolute; z-index: 2; top: 0; bottom: 0; left: 0; right: 0; }#cycle-2 .cycle-slide-active span:before, #cycle-2 .cycle-slide:hover span:before { box-shadow: inset 0 0 0 3px #C6AE61; }@media (min-width:760px) { #carousel { padding: 0 50px; } #carousel .arrow { position: absolute; margin: 0; top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); font-size: 2rem; color: #C6AE61; } #carousel .arrow:hover { color: #3859A1; } #carousel #prev { left: 0; } #carousel #next { right: 0; }}@media (max-width:760px) { #cycle-2 { display: none; } #carousel .arrow { font-size: 2rem; color: #3859A1; } #carousel .arrow:hover { color: #C6AE61; } .sm-image { max-width: 200px; }}#gallery { max-width: 600px; margin: 0 auto; }#gallery { text-align: center; margin-top: 30px; }.all span, .all img { display: inline-block; max-width: 300px; width: 45%; margin: 4px 1.5% 0px; text-transform: uppercase; font-weight: 300; }.all span { color: #C6AE61; font-Santa Monica Dentist: Raleway; font-size: 25px; font-weight: 100; }.extreme img { max-width: 500px; }nav ul { margin: 0; padding: 0; list-style: none; }nav li { position: relative; margin: 0; }nav li a:hover { color: #fff; }nav > ul { text-align: center; vertical-align: top; display: inline-block; width: 100%; }nav > ul > li { display: inline-block; }nav ul li:hover > ul { display: block; -webkit-animation-name: fadeInUp; animation-name: fadeInUp; -webkit-animation-duration: .25s; animation-duration: .25s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }nav.opened ul li:hover > ul { -webkit-animation: none; animation: none; }nav.opened > ul > li { display: block; text-align: left; width: 100%; }nav > ul > li > a { display: block; padding: 6px 15px; transition: background .3s, color .3s; color: #7e8883; }nav > ul > li:hover > a { color: #C6AE61; }nav.opened > ul > li > a { width: 100%; padding: 5px 0; }nav > ul > li ul { position: absolute; z-index: 9999; display: none; width: 255px; background-color: #C6AE61; }nav > ul > li ul a:hover { background-color: #fff; color: #3859A1; }nav.opened > ul > li ul { width: 100%; z-index: 9999; background-color: #3859A1; border-bottom: 6px solid #3859A1; }nav.opened > ul > li ul > li:hover { background-color: #fff; }nav.opened > ul > li ul > li:hover a { color: #C6AE61; }nav.opened > ul > li ul { position: relative; padding-left: 20px; }nav.opened > ul > li > ul > li > ul { position: relative; left: 0; }nav > ul > li > ul { text-align: left; display: none; top: 100%; left: 0; }nav > ul li:hover > ul { display: block; }nav > ul > li ul li { display: block; margin: 0; }nav > ul > li > ul > li > ul { display: none; left: 100%; top: 0; }nav > ul > li > ul a { display: block; padding: 5px 5px; line-height: 30px; font-size: 16px; }nav.opened > ul > li > ul a { padding: 5px 0px; }nav li:before { content: none; }.styled-form { margin-top: 15px; font-size: 16px; }.styled-form .drei { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; }.styled-form .drei + .drei { margin-top: 5px; }.styled-form .input-content, .styled-form .inline { width: calc(100% / 3 - 5px); min-height: 52px; }.styled-form .inline, .input-content { background-color: #FFF; }.input__label-content strong, .input__label-content strong a { color: #C6AE61; }.input-content, .styled-form .inline label, .styled-form .inline, .input--filled .input__label .input__label-content strong, .input--filled .input__label .input__label-content a { color: #000 !important; }.styled-form .drei:first-of-type { line-height: 1 !important; }.styled-form .inline { box-sizing: border-box; padding: 8px 16px; }.styled-form .inline span input { margin-right: 4px; }.styled-form .inline span { display: block; line-height: 1.4; }.styled-form .hear { margin: 5px 0; }.styled-form .hear select { color: #000; }.styled-form .hear label { display: inline-block; margin-right: 8px; }.input-content { position: relative; z-index: 1; overflow: hidden; }.input__field { -webkit-appearance: none; position: absolute; z-index: 2; display: block; float: right; border: none; border-radius: 0; padding: 0 14px; margin-top: 1.2em; height: 29px; width: 100%; background: transparent; color: #fff; }.input__field:focus { outline: none; }.input__label { display: inline-block; float: right; padding: 0; width: 100%; background: transparent; text-align: left; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }.input__label::before { content: ''; box-sizing: border-box; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0px solid transparent; -webkit-transition: border-width 0.3s, border-color 0.3s; transition: border-width 0.3s, border-color 0.3s; }.input__label-content { box-sizing: border-box; position: relative; display: block; width: 100%; padding: 1.1em 1em; text-rendering: geometricPrecision; -webkit-transform-origin: 0% 50%; transform-origin: 0% 50%; -webkit-transition: -webkit-transform 0.3s, color 0.3s; -webkit-transition: color 0.3s, -webkit-transform 0.3s; transition: color 0.3s, -webkit-transform 0.3s; transition: transform 0.3s, color 0.3s; transition: transform 0.3s, color 0.3s, -webkit-transform 0.3s; }.input__label-content strong { float: right; font-weight: 300; }.input__field:focus + .input__label::before, .input--filled .input__label::before { border-width: 5px; border-color: #3859A1; border-top-width: 1.2em; }.input__field:focus + .input__label .input__label-content, .input--filled .input__label .input__label-content { color: #fff; font-size: 14px; padding: .85em 1em; -webkit-transform: translate3d(0, -0.65em, 0); transform: translate3d(0, -0.65em, 0); }input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill { background-color: transparent !important; }@media (max-width:600px) { .styled-form .input-content, .styled-form .inline { width: 100%; display: block; } .styled-form .input-content + .input-content { margin-top: 5px; }}.simple { line-height: 1; font-size: 13px; }.simple input, .simple textarea { border: 0; padding: 0 12px; height: 42px; border-radius: 10px; width: 100%; max-width: 100%; margin-bottom: 10px; color: #fff; line-height: 1; box-sizing: border-box !important; background-color: rgba(0, 0, 0, 0.13); border-radius: 5px; }.simple textarea { height: 140px !important; padding: 12px; }.simple input:focus, .simple textarea:focus { outline: 0; color: #2f2f2f; background-color: #fff; }.form-input::-webkit-input-placeholder { color: #fff; }.form-input:-moz-placeholder { color: #fff; }.form-input::-moz-placeholder { color: #fff; }.form-input:-ms-input-placeholder { color: #fff; }.styled-form .btn { box-shadow: none; border: none; padding: 10px 50px; }.more-to-explore { margin: 40px auto 0; text-align: left; clear: both; padding: 40px 0; background-image: linear-gradient(131deg, rgba(55, 89, 161, 0.61) 0%, rgba(71, 54, 90, 0.61) 50%, rgba(106, 52, 91, 0.61) 100%); background-color: #000; }.more-to-explore p { margin: 15px auto 0; text-align: center; max-width: 810px; }.more-to-explore h6 { text-transform: uppercase; color: #c6ae61; font-Santa Monica Dentist: Raleway; font-size: 30px; font-weight: 100; margin: 0; text-align: center; position: relative; }.more-to-explore .btn { margin: 5px 2px !important; min-width: 250px; }.more-to-explore .btn:nth-of-type(even) { display: inline-block; position: relative; font-Santa Monica Dentist: "Open Sans"; text-transform: uppercase; margin: 15px 10px; padding: 12px; color: #121511; font-size: 14px; font-weight: 600; -webkit-transition: background-color .3s; transition: background-color .3s; text-align: center; background-color: #4469c1; border: none; z-index: 1; }.more-to-explore .btn:nth-of-type(even):after { content: ''; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; opacity: 1; transition: opacity .3s; }.more-to-explore .btn:nth-of-type(even):hover { color: #121511; }.more-to-explore .btn:nth-of-type(even):hover:after { opacity: 0; }.more-to-explore .btn:nth-of-type(even):after { background-image: linear-gradient(to top, #4c3694 0%, #3361a4 100%); }.internal { padding: 60px 10px; }.internal:after { content: ""; display: table; clear: both; }.black { background-color: rgba(0, 0, 0, 0.3); box-shadow: -600px 0 0 0 rgba(0, 0, 0, 0.3), 600px 0 0 0 rgba(0, 0, 0, 0.3); }.contain { max-width: 1200px; margin: 0 auto; }.split > div { display: flex; justify-content: center; }.split figure, .split article { margin: 0; }.split article img { width: 100%; }.split figure { flex: 1 1 50%; display: flex; align-items: flex-end; }.split figure img { max-width: 100%; margin: 0 auto; width: 100%; }.split article { flex: 0 1 50%; padding: 75px 0px 0 0px; display: flex; justify-content: center; flex-direction: column; align-items: center; }@media screen and (max-width:960px) { .split > div { flex-direction: column; align-items: center; } .split article, .split figure { flex: 1 0 auto; }}main h1 { position: relative; }.services-grid { text-align: center; width: 100%; margin: 25px auto; }.services-grid > div { display: inline-block; vertical-align: top; margin: 30px 40px; padding: 0px 0px; width: 100%; text-align: left; max-width: 300px; background-image: linear-gradient(to top, #d4d4d4 0%, #ebebeb 100%); }.services-grid > div > a { display: flex; align-items: center; flex-direction: row-reverse; background-color: black; background-image: linear-gradient(131deg, rgba(55, 89, 161, 0.61) 0%, rgba(71, 54, 90, 0.61) 50%, rgba(106, 52, 91, 0.61) 100%); position: relative; padding: 10px 0; }.services-grid a > img { display: block; margin: 0; position: absolute; left: -60px; bottom: -20%; }.services-grid a:hover h2 { color: #C6AE61; }.services-grid h2 { text-align: center; font-style: normal; line-height: 1.2; margin: 10px 40px 10px auto; transition: color .3s; color: white; font-Santa Monica Dentist: Open Sans; font-size: 20px; font-weight: 700; }.services-grid ul { vertical-align: top; width: 85%; margin: 0 auto; min-height: 240px; padding: 30px 0; column-count: 1; }.services-grid ul li { margin-bottom: 5px; }.services-grid li a { font-weight: 400; font-size: 17px; color: #505050; }.services-grid li a:hover { color: #3859A1; }@media screen and (max-width:860px) { .services-grid > div { display: block; max-width: 60%; width: 100%; margin: 35px auto; } .services-grid ul { min-height: auto; }}@media screen and (max-width:720px) { .services-grid > div > a, .services-grid ul { display: block; text-align: center; margin: 10px auto; } .services-grid h2 { text-align: center; }}@media screen and (max-width:600px) { .services-grid a > img, .services-grid h2 { position: static; margin: 0 auto; }}@media screen and (max-width:500px) { .services-grid > div { max-width: 90%; }}.social-btn { display: inline-block; margin: 0 10px; border-radius: 50%; width: 50px; height: 50px; line-height: 40px; background-color: #fff; }.social-btn i { vertical-align: middle; display: inline-block; font-size: 25px; color: #C6AE61; transition: color .3s; }.social-btn:hover i.icon-facebook { color: #4d70a8 !important; }.social-btn:hover i.icon-gplus { color: #dc4e41 !important; }.social-btn:hover i.icon-twitter { color: #00aced !important; }header { position: absolute; width: 100%; z-index: 9999; top: 0; left: 0; text-align: center; -webkit-transition: margin .3s; transition: margin 0.3s; text-align: center; }body.page_index { padding-top: 0; }.index-header { display: none; }.header-condensed { display: none; }#top-bar { background-color: #404040; }#top-bar .mobile-header { display: none; }#top-bar ul { margin: 0; }#top-bar li { display: inline-block; color: #ffffff; font-size: 12px; margin: 0 20px; }#top-bar li a { color: #fff; }#main-header { padding: 0 0; transition: min-height 0.3s; background-color: #111; background-image: linear-gradient(to top, black 0%, #111 100%); }#main-header > div { justify-content: space-between; align-items: center; display: flex; max-width: 1400px; margin: 0 auto; position: relative; }#main-header > div > div { flex-basis: 775px; display: flex; align-items: center; }#main-header > div > a { max-width: 480px; z-index: 500; transition: max-width .3s; position: relative; left: 0; width: 100%; height: 130px; }#main-header > div > a img { width: 431px; transition: width .3s; position: absolute; top: -10px; }#main-header .header-contact a i, #main-header .header-contact address i { color: #ab9632; font-size: 30px; vertical-align: middle; text-shadow: 1px 1.732px 2px rgba(0, 0, 0, 0.25); }#main-header .header-contact { text-align: center; flex: 0 1 400px; }#main-header .header-contact h2 { color: #C6AE61; margin: 5px auto; }#main-header .header-contact > a { font-size: 44px; font-weight: 300; color: #4c3694; line-height: 1; }#main-header .header-contact address, #main-header .header-contact span { display: block; line-height: 1; }#main-header .header-contact ul { padding: 0; margin: 0 auto; }#main-header .header-contact li { display: inline-block; color: #bcc4d0; font-Santa Monica Dentist: Open Sans; font-size: 11px; margin: 0 0px; }#main-header .header-contact li a { color: #bcc4d0; font-Santa Monica Dentist: OpenSansLight; font-size: 16px; font-style: italic; }#main-header .header-contact li a:hover { color: #dbbb4f; }#main-header .header-contact address a { font-size: 15px; color: #feffff; vertical-align: middle; transition: color .3s; font-weight: 600; font-Santa Monica Dentist: "Open Sans"; }#main-header .header-contact > a:hover, #main-header .header-contact address a:hover { color: #3859A1; }#main-header .header-contact:first-of-type { position: relative; }#main-nav { background-color: rgba(0, 0, 0, 1); position: relative; }#main-nav > div { display: flex; max-width: 1400px; margin: 0 auto; align-items: center; }#main-nav .affil { background-color: #000000; align-items: center; justify-content: space-between; display: flex; flex: 0 1 520px; padding: 5px 10px; }#main-nav .btn-appointment { margin: 0 10px; padding: 8px; }.hanging-btns {position: absolute; top: 100%; right: 5%;}nav { font-size: 18px; font-weight: 400; line-height: 1; vertical-align: middle; text-align: center; margin: 0 auto; flex: 0 1 940px; }nav li a { color: #ffffff; }nav ul > li:nth-of-type(5) { margin-left: 0px; }header #responsive-nav { display: none; width: 100%; float: none; }#responsive-nav, .responsive-list { display: none; }#responsive-nav a, .responsive-list a { font-Santa Monica Dentist: Raleway; font-weight: 400; font-size: 1rem; line-height: 2; position: relative; color: #fff; }.responsive-list { text-align: left; }.responsive-list > a { display: block; padding: 4px 20px; }body.page_index #main-header { background: none; }body.page_index .header-full { display: none; }body.page_index .index-header { display: block; }body.page_index #main-header > div { justify-content: flex-start; padding: 5px 0; }body.page_index #main-header > div > a { max-width: 200px; }body.page_index #main-header > div > a img { max-width: 170px; }body.page_index #main-header > div > div { flex-direction: column; flex-basis: 500px; }body.page_index #main-header .header-contact { flex: 1 0 auto; }body.page_index #main-header .header-contact:first-of-type:after { right: auto; left: -60px; height: 90px; }body.page_index #main-header .header-contact > a { font-size: 49px; }@media (min-width:860px) { body.scrolled #main-nav { background-color: #000; position: static; } body.scrolled header { min-height: auto; position: fixed !important; } body.scrolled .header-condensed { display: block; } body.scrolled #main-header { padding: 0 0; transition: min-height 0.3s; background-color: #111; background-image: linear-gradient(to top, black 0%, #111 100%); } body.scrolled #main-header > div { justify-content: space-between; align-items: center; display: flex; max-width: 1400px; margin: 0 auto; position: relative; } body.scrolled #main-header > div > div { flex-basis: 775px; display: flex; align-items: center; flex-direction: row; } body.scrolled #main-header > div > a { max-width: 480px; height: 65px; } body.scrolled #main-header > div > a img { max-width: 300px; } body.scrolled .header-full { display: none; } body.scrolled #main-nav .affil { display: none; } body.scrolled #main-header .header-contact > a { font-size: 44px; } body.scrolled #main-header .header-contact { flex: 0 1 400px; } body.scrolled #main-header .header-contact:first-of-type:after { height: 100%; left: auto !important; right: 5px !important; }}@media (min-width:900px) { body.scrolled #main-header > div > a { max-width: 300px; }}.slant-hide { overflow: hidden; }.banner-slant{margin-top: -140px;}#banner { position: relative; background-color: #000; }#banner article { text-align: center; width: 100%; position: absolute; bottom: 50%; right: 50%; z-index: 5; transform: translate(50%, 50%); text-align: center; max-width: 580px; }#banner h1 span { color: #fff; font-Santa Monica Dentist: Raleway; font-size: 20px; font-weight: 100; line-height: 25px; text-transform: uppercase; display: block; margin: 15px auto; }#banner::after {content: '';position: absolute; z-index: 1;width: 100%;height: 500px; top: 100%; left: 0; right: 0; background-color: black;background-image: linear-gradient(131deg, rgba(55, 89, 161, 0.61) 40%, rgba(71, 54, 90, 0.61) 60%, rgba(106, 52, 91, 0.61) 100%); -webkit-transform: skewY(-6deg); transform: skewY(-6deg); -webkit-transform-origin: 0 0; transform-origin: 0 0;}.banner{height: 900px; overflow: hidden;}.banner video{opacity: .5; }.playing .banner-slant{margin-top: 0;}.playing .banner{height: auto;}.playing .banner video{opacity: 1; width: 100% !important; }.playing #banner article { position: static; transform: none; padding: 10px; }@media (max-width: 1250px){ .banner video{width: unset;}}@media (max-width: 900px){ #banner .banner { margin: 0 auto; height: 660px; } #banner { padding: 0px; margin-bottom: 0; } #banner video, #banner .thumbnail { width: unset; max-width: unset; opacity: .4; } #banner article{position: static; margin: 20px auto; transform: none; } #main-nav > div {display:block;} .mobile-des {display: flex;flex-wrap: wrap; gap: 15px;justify-content: center;}}#philosophy, #review-split { text-align: center; flex-flow: row nowrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center; display: flex; }#philosophy > div { -webkit-box-flex: 0; }#mission { padding: 0px 0; position: relative; z-index: 5; flex: 0 1 55%; margin-top: -110px; }#mission h2 { font-size: 29px; }#mission p { max-width: 550px; width: 95%; margin: 12px auto; }#philosophy-image { position: relative; order: -1; height: 225px; flex: 0 1 45%; }#philosophy-image .slant { position: absolute; z-index: 1; top: 0px; bottom: 0; left: 0; right: 0; background-color: #0e110d; overflow: hidden; -webkit-transform: skewY(-6deg); transform: skewY(-6deg); -webkit-transform-origin: 0 0; transform-origin: 0 0; height: 345px; }#philosophy-image .slant:after { content: ''; position: absolute; top: -20%; bottom: -20%; left: 0; right: 0; -webkit-transform: skewY(6deg); transform: skewY(6deg); background-size: cover; background-position: right top; background-image: url(assets/images/philosophy-image.jpg); height: 400px; }#callouts { padding: 60px 0; }#callouts h2 { text-align: center; }#callouts article { max-width: 1300px; margin: 10px auto; display: flex; justify-content: space-between; flex-flow: row wrap; }#callouts a { text-align: center; position: relative; overflow: hidden; }#callouts a span { color: white; font-Santa Monica Dentist: Open Sans; font-size: 14px; font-weight: 700; line-height: 17px; text-transform: uppercase; }#callouts a p { color: white; font-Santa Monica Dentist: Open Sans; font-size: 14px; font-weight: 400; max-width: 235px; margin: 10px auto; }#callouts a:after { content: ''; background-color: rgba(0, 0, 0, 0.25); position: absolute; width: 100%; height: 100%; top: 100%; left: 0; z-index: -1; transition: top .3s; }#callouts a:hover:after { top: 0; }#meet { position: relative; padding-bottom: 70px; }#meet > div { max-width: 1400px; margin: 0 auto; }#meet h2, #meet h3 { margin: 0 auto; text-align: center; }#meet h3 { color: #3859a1; font-size: 18px; }#meet p { text-align: center; max-width: 520px; }#meet figure { position: relative; }#meet figcaption { position: absolute; max-width: 350px; width: 100%; left: 20%; bottom: 16%; background-color: rgba(0, 0, 0, 0.28); border-style: solid; border-width: 1px; border-color: #3759a1; text-align: center; color: #C6AE61; font-size: 14px; font-weight: 600; }#meet figcaption a { color: #fff; }#meet figcaption a:hover { color: #C6AE61; }#meet:after { content: ''; position: absolute; z-index: 1; width: 100%; height: 650px; top: 100%; left: 0; right: 0; background-color: black; background-image: linear-gradient(131deg, rgba(55, 89, 161, 0.61) 40%, rgba(71, 54, 90, 0.61) 60%, rgba(106, 52, 91, 0.61) 100%); -webkit-transform: skewY(-6deg); transform: skewY(-6deg); -webkit-transform-origin: 0 0; transform-origin: 0 0; }#review-image { position: relative; order: -1; height: 360px; flex: 0 1 45%; }#review-image .slant { position: absolute; z-index: 1; top: -15px; bottom: 0px; left: 0; right: 0; background-color: #0e110d; overflow: hidden; -webkit-transform: skewY(-6deg); transform: skewY(-6deg); -webkit-transform-origin: 0 0; transform-origin: 0 0; height: 550px; }#review-image .slant:after { content: ''; position: absolute; top: -10%; bottom: -10%; left: 0; right: 0; -webkit-transform: skewY(6deg); transform: skewY(6deg); background-size: cover; background-position: right top; background-image: url(assets/images/review-image.jpg); height: 600px; background-repeat: no-repeat; }#reviews-half { padding: 0px 0; position: relative; z-index: 5; flex: 0 1 55%; margin-top: -50px; }#reviews-half h2 { font-size: 29px; }#reviews { align-items: center; text-align: center; position: relative; padding-bottom: 40px; max-width: 650px; margin: 0 auto; width: 100%; }#reviews > article { max-width: 620px; margin: 0 auto; }#reviews .controls { position: absolute; right: 10px; bottom: 70px; }#reviews .btn-alt { margin-bottom: 0; }#reviews .cycle-slide { text-align: left; border: 1px solid transparent; -moz-border-image: linear-gradient(131deg, rgba(55, 89, 161, 0.61) 0%, rgba(71, 54, 90, 0.61) 50%, rgba(106, 52, 91, 0.61) 100%); -webkit-border-image: linear-gradient(131deg, rgba(55, 89, 161, 0.61) 0%, rgba(71, 54, 90, 0.61) 50%, rgba(106, 52, 91, 0.61) 100%); border-image: linear-gradient(131deg, rgba(55, 89, 161, 0.61) 0%, rgba(71, 54, 90, 0.61) 50%, rgba(106, 52, 91, 0.61) 100%); border-image-slice: 1; }#reviews .cycle-slide span { display: inline-block; text-align: center; color: #fff; padding: 0 5px; font-size: 20px; align-items: center; height: 50px; border-radius: 50%; vertical-align: middle; line-height: 50px; position: relative; left: -25px; width: 50px; }#reviews .cycle-slide span.gp { background-color: white; background-image: linear-gradient(to top, #c3483c 0%, #dc4e41 100%); }#reviews .cycle-slide span.fb { background-color: white; background-image: linear-gradient(to top, #425f8e 0%, #425f8e 1%, #4d70a8 100%); }#reviews .cycle-slide span.yelp { background-color: white; background-image: linear-gradient(to top, #872015 0%, #b62717 100%); }#reviews .cycle-slide article { padding: 30px; display: inline-block; max-width: 90%; vertical-align: middle; width: 100%; }#reviews p { font-size: 17px; margin: 0 auto; color: #ffffff; font-Santa Monica Dentist: Lato; font-weight: 300; font-style: italic; }#reviews author { display: inline-block; font-size: 16px; font-weight: 600; }#reviews author span { margin: 0 10px; }#reviews star { margin-right: 5px; }#reviews star:before { content: "\e80f \e80f \e80f \e80f \e80f"; color: #e2c62b; font-Santa Monica Dentist: 'fontello'; font-weight: 400; margin: 0; font-style: normal; }#reviews .pager { display: inline-block; vertical-align: middle; margin: 0px auto 0px; }#reviews .pager span { display: inline-block !important; cursor: pointer; margin: 0 6px; width: 40px; height: 6px; background: #C6AE61; opacity: .6; transition: opacity .3s; }#reviews .pager span.cycle-pager-active { opacity: 1; }#reviews #prev, #reviews #next { display: inline-block; position: relative; font-weight: 500; vertical-align: middle; font-weight: 400; z-index: 100; background: none; -webkit-transition: background-color .3s; transition: background-color .3s; color: #772f36; font-size: 1.3rem; }#reviews #prev i, #reviews #next i { line-height: 1px; }#reviews #prev:hover, #reviews #next:hover { color: #C6AE61; }#services { margin: 0 auto; padding: 0px 0 100px; }#services > div { margin: 0px auto; }#services .contain { max-width: 100%; }#services .service-articles > article { display: none; position: relative; overflow: hidden; text-align: center; margin: 0 auto; max-width: 1220px; justify-content: space-around; z-index: 1; }#services nav { width: 100%; margin: 0 auto; text-align: center; position: relative; background-color: #ebebeb; background-image: linear-gradient(to top, #d4d4d4 0%, #ebebeb 100%); border-radius: 0px 0px 15px 15px; max-width: 430px; padding: 10px 0; display: flex; flex-flow: row wrap; justify-content: space-between; }#services nav h2 { display: none; }#services .slider-wrapper { position: relative; z-index: 10; top: 100px; height: 100px; }#services nav .service-slide { display: inline-block; position: relative; font-weight: 400; text-transform: uppercase; text-align: center; vertical-align: middle; z-index: 300; flex: 0 1 49.5%; color: #221c31; transition: background-color .3s; padding: 5px 0; font-Santa Monica Dentist: Open Sans; font-size: 14px; }#services nav .service-slide:hover { background-color: #ae9ac0; }#services nav .service-slide.active { background-color: #ae9ac0; }#services .service-articles > article:nth-of-type(1) { display: flex; }#services > article figure { display: inline-block; width: 40%; }#services .service-articles > article figure { margin: 0; display: inline-block; vertical-align: middle; width: 100%; max-width: 49.5%; }#services .service-articles > article figure img { position: relative; width: 100%; }#services .service-articles > article article { color: #ffffff; display: inline-block; text-align: center; z-index: 100; vertical-align: middle; padding: 160px 10px 0; background-color: #221c31; background-image: linear-gradient(131deg, rgba(55, 89, 161, 0.61) 0%, rgba(71, 54, 90, 0.61) 50%, rgba(106, 52, 91, 0.61) 100%); width: 49%; }#services .service-articles > article article h2 { text-align: center; margin: 0 auto; }#services .service-articles > article article h2:after { content: none; }#services .service-articles > article article h3 { position: relative; margin: 0 auto; color: #4a6dbf; font-size: 18px; }#services .service-articles > article article p { margin: 10px auto; max-width: 470px; }#services .service-articles > article article .btn, #services .service-articles > article article .btn-alt { display: block; margin: 2px auto; max-width: 280px; width: 100%; }#insurance { background-color: black; background-image: linear-gradient(to top, #d4d4d4 0%, #ebebeb 100%); text-align: center; padding: 80px 0; }#insurance h2 { color: #231e32; margin: 0 auto; }#insurance h3 { color: #4a6dbf; font-size: 18px; margin: 0 auto; }#insurance p { color: #505050; font-size: 17px; max-width: 980px; width: 95%; margin: 15px auto; }#insurance .btn-alt { color: #fff; }#questions-form { background-image: url(assets/images/questions-bkg.jpg); background-size: cover; background-position: center; padding: 100px 0; }#questions-form > div { max-width: 1220px; width: 100%; margin: 0 auto; justify-content: center; }#questions-form figure { margin: 0; }#questions-form figure img { width: 100%; margin: auto; }#questions-form article { background-color: #f2f3f3; padding: 45px 0; position: relative; }#questions-form form span { display: inline-block; vertical-align: middle; width: 100%; margin: 20px 1% 0px; max-width: 43.5%; }#questions-form h2, #questions-form h3 { text-align: center; margin: 0 auto; }#questions-form h2 { color: #231e32; font-size: 39px; }#questions-form h3 { color: #4a6dbf; font-size: 18px; }#questions-form form { width: 100%; margin: 0 auto; text-align: center; }#questions-form input, #questions-form textarea { border: none; display: block; width: 100%; font-weight: 300; font-size: .8rem; background-color: #fff; padding-left: 10px; color: #888987; }#questions-form input { min-height: 40px; margin: 10px auto; }#questions-form textarea { min-height: 140px; resize: none; }#questions-form .qf::-webkit-input-placeholder { color: #888987; text-transform: uppercase; }#questions-form .qf:-moz-placeholder { color: #888987; text-transform: uppercase; }#questions-form .qf::-moz-placeholder { color: #888987; text-transform: uppercase; }#questions-form .qf:-ms-input-placeholder { color: #888987; text-transform: uppercase; }#questions-form .btn-alt { box-shadow: none; position: absolute; right: 0; bottom: 0; margin: 0; color: black; }#map iframe { width: 100%; }footer { background: #ffffff; text-align: center; }footer .btn { margin: 0px auto; }footer #wrapper { text-align: center; max-width: 1400px; width: 100%; margin: 0 auto; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: space-between; -ms-flex-align: center; }footer #wrapper a { color: #1e1e1e; }footer #wrapper section { padding: 30px 10px 30px; position: relative; flex: 0 1 33%; }footer #wrapper #footer-logo { flex: 0 1 20%; }footer #wrapper section h3 { margin: 27px 0; }footer #wrapper section:before { content: ''; left: -40px; width: 1px; height: 80%; position: absolute; background-color: #cfb8c7; bottom: 50%; transform: translateY(50%); }#footer-logo { display: flex; flex-direction: column; align-items: center; justify-content: center; }#footer-logo:before { content: none !important; }#footer-logo a { max-width: 140px; width: 100%; }#footer-logo a img { width: 100%; }footer #wrapper #footer-hours { padding-top: 30px; padding-bottom: 30px; text-align: center; }footer #wrapper section h3 { font-size: 18px; color: #3859A1; text-transform: uppercase; font-weight: 700; margin-top: 0; text-align: center; }#footer-services { padding: 0px 20px 60px; }#footer-services ul { padding: 0; margin: 0; padding-bottom: 40px; column-count: 2; -moz-column-count: 2; text-align: left; width: 100%; }#footer-services ul li { margin: 0 0 16px; line-height: 1; }#footer-services ul li a { font-size: 1rem; font-weight: 400; }#footer-services ul li a:hover { color: #C6AE61; }#footer-hours > a img { margin: 25px auto; }#footer-hours .logo, #footer-hours .home-logo { max-width: 100%; width: 100%; margin: 0 auto; }#footer-hours .logo img, #footer-hours .home-logo img { width: 27%; }#footer-hours .logo { display: block; }#footer-hours .logo h2 { color: #fff; font-Santa Monica Dentist: Libre Franklin; font-weight: 300; margin-top: 0; }#footer-hours .logo h2 span { display: block; font-size: 50%; line-height: 15px; }#footer-hours .home-logo { display: none; }#footer-hours > div > a { display: block; color: #4c3694; font-Santa Monica Dentist: "Open Sans"; font-size: 39px; font-weight: 300; }#footer-hours i { color: #C6AE61; }#footer-hours address { font-Santa Monica Dentist: Overpass; padding-top: 10px; font-size: 0.8rem; font-weight: 300; line-height: 1.4; }#footer-hours address a { color: #7b7b7b; font-Santa Monica Dentist: "Open Sans"; font-size: 16px; font-weight: 600; }#footer-hours .office-hours ul li:before, #footer-services ul li:before { content: none; }#footer-hours { font-weight: 300; }#footer-hours .hours { font-weight: 300; width: 100%; margin: 30px auto; font-size: 13px; }#footer-hours .hours h3 { line-height: 1; margin-top: 40px; text-align: center; }#footer-hours .hours h4, #footer-hours #footer-social h4 { color: #3859A1; font-weight: 400; font-size: 19px; font-Santa Monica Dentist: Libre Franklin; margin: 20px auto; }#footer-hours .hours p { padding: 0; line-height: 1.9; text-align: left; font-size: 15px; color: #1e1e1e; font-weight: 300; max-width: 266px; margin: 10px auto; }#footer-hours .hours label { display: inline-block; width: 110px; font-size: 15px; text-align: left; line-height: 1; }#footer-hours .office-hours em { text-align: left; }#footer-social { display: flex; }#footer-social a { display: inline-block; font-size: 1.4rem; color: #fff; background: #282f35; position: relative; text-align: center; padding: 10px 0; width: calc(98% / 3); background-color: transparent; transition: background-color .3s; border: 1px solid #d5d5d5; box-sizing: content-box; }#footer-social a i { position: relative; height: 25px; opacity: 0.3; }#footer-social a img { position: absolute; right: 50%; bottom: 35%; transform: translateX(50%) translateY(50%); opacity: 1; }#footer-social a i, #footer-social a img { line-height: 1; display: block; margin: 5px auto; transition: opacity .3s; color: #767f84; }#footer-social a:hover i, #footer-social a:hover img { opacity: 1; color: #ffffff; }#footer-social a:hover img:nth-of-type(2) { opacity: 0; }#footer-social a.face-footer:hover { background-color: #4d70a8; border-color: #4d70a8; }#footer-social a.google-footer:hover { background-color: #dc4e41; border-color: #dc4e41; }#footer-social a.yelp-footer:hover { background-color: #b62717; border-color: #b62717; }#footer-social a:hover { background: #dcd042; border-color: #dcd042; }#footer-hours #footer-social i { color: #fff; line-height: 38px; }footer > section { margin: 0 auto; text-align: center; padding-top: 15px; }footer > section > a { display: inline-block; margin: 17px; margin-bottom: 0; padding: 5px; color: white; font-size: 8px; border-bottom: 6px solid #dc4e41; }footer > section > a:nth-of-type(1) { border-bottom: 6px solid #4d70a8; }footer > section > a i { color: white; font-size: 2.3rem; }footer > section > a:hover, footer > section > a:hover i { color: #dc4e41; }footer > section > a:nth-of-type(1):hover, footer > section > a:nth-of-type(1):hover i { color: #4d70a8; }#copyright { text-align: center; font-size: 0.8rem; font-weight: 300; color: #787771; padding-top: 5px; padding-bottom: 15px; }#copyright span a { color: #4cb4de; }#copyright a { color: #787771; }.bottom { height: 10px; display: block; width: 100%; background-color: #221c31; background-image: linear-gradient(to right, #6584fc 0%, #6584fc 1%, #725ee4 25%, #cf339b 75%, #f1c19d 100%); }#fixed-tabs { position: fixed; text-align: right; z-index: 9999; right: -214px; top: 35%; transition: right 0.3s; }#fixed-tabs a { width: 240px; display: flex; text-align: left; margin: 7px 0; font-Santa Monica Dentist: Raleway; font-weight: 900; font-size: 11px; line-height: 1; background: transparent; transition: background-color 0.3s, padding 0.3s, transform .3s; border: 2px solid #ffffff; position: relative; height: 55px; align-items: center; }#fixed-tabs a div { display: inline-block; width: 10%; vertical-align: middle; transition: width 0.3s; background-color: #ffffff; }#fixed-tabs a p { margin: 0; text-align: center; transform: rotate(-90deg); position: absolute; left: -17px; color: #ffffff; bottom: -24%; text-transform: uppercase; transform-origin: 0 0; width: 50px; }#fixed-tabs span { display: none; text-transform: uppercase; font-size: 11px; vertical-align: middle; width: 69%; font-Santa Monica Dentist: Open sans; }#fixed-tabs i { text-align: left; font-size: 0.9rem; display: block; transition: padding 0.3s, font-size 0.3s; color: #000000; line-height: 51px; }#fixed-tabs a:hover span { display: inline-block; }#fixed-tabs a:hover { transform: translateX(-70%); }#fixed-tabs a:hover span { display: inline-block; vertical-align: middle; text-align: center; }#fixed-tabs a:nth-of-type(odd) { border-color: #dbbb4f; }#fixed-tabs a:nth-of-type(odd) p { color: #dbbb4f; }#fixed-tabs a:nth-of-type(odd) div { background-image: linear-gradient(to top, #c6ae61 0%, #e1bd4a 100%); }#fixed-tabs a:nth-of-type(even) { border-color: #3859a1; }#fixed-tabs a:nth-of-type(even) p { color: #3859a1; }#fixed-tabs a:nth-of-type(even) div { background-image: linear-gradient(to top, #4c3694 0%, #3361a4 100%); }#fixed-tabs a.face-fixed { border-color: #4d70a8; }#fixed-tabs a.face-fixed p { color: #4d70a8; }#fixed-tabs a.face-fixed div { background-image: linear-gradient(to top, #425f8e 0%, #425f8e 1%, #4d70a8 100%); }#fixed-tabs a.google-fixed { border-color: #dc4e41; }#fixed-tabs a.google-fixed p { color: #dc4e41; }#fixed-tabs a.google-fixed div { background-image: linear-gradient(to top, #c3483c 0%, #dc4e41 100%); }#fixed-tabs a.yelp-fixed { border-color: #c41200; }#fixed-tabs a.yelp-fixed p { color: #c41200; }#fixed-tabs a.yelp-fixed div { background-image: linear-gradient(to top, #c41200 0%, #c41200 100%); }#fixed-tabs a.twit-fixed { border-color: #1DA1F2; }#fixed-tabs a.twit-fixed p { color: #1DA1F2; }#fixed-tabs a.twit-fixed div { background-image: linear-gradient(to top, #1DA1F2 0%, #1DA1F2 100%); }#fixed-tabs a:hover span { color: #fff; }#mobile-tabs { display: none; position: fixed; bottom: 0; left: 0; width: 100%; z-index: 9999; font-size: 14px; text-align: center; }#mobile-tabs a { color: #fff; text-align: center; width: calc(98% / 3); -webkit-transition: width .3s; transition: width .3s; }#mobile-tabs a.request { background: #81BD21; }#mobile-tabs a.forms { background: #3859A1; }#mobile-tabs a.facebook { background: #4d70a8; }#mobile-tabs a.googleplus { background: #dc4e41; }#mobile-tabs a i, #mobile-tabs a { display: inline-block; vertical-align: middle; margin: 0; }#mobile-tabs a i { margin: 0 5px; }@media screen and (max-width:1050px) { #fixed-tabs { top: 156px; }}@media screen and (max-width:860px) { #mobile-tabs { display: block; } #fixed-tabs, #main-nav .hanging-btns { display: none; } body { padding-bottom: 29px; } #mobile-tabs a.forms { width: 0; display: none; } .mob-view {display:none;} }@media screen and (max-width:600px) { #mobile-tabs a.request, #mobile-tabs a.facebook, #mobile-tabs a.googleplus { width: calc(94% / 3); }}#badge1 { position: absolute; margin-bottom: -50px; left: 1%; top: 50%; }#badge2 { position: absolute; margin-bottom: -50px; left: 47%; right: 100%; top: 40%; }@media screen and (max-width:1330px) { #meet figcaption { bottom: 9%; }}@media screen and (max-width:1560px) { #badge2 { display: none; }}@media screen and (max-width:1230px) { nav > ul > li > a { padding: 6px 8px; } #main-header > div > a img { } #callouts article { max-width: 720px; justify-content: center; } #callouts article a { margin: 10px auto; } #meet:after { height: 300%; } #review-split { display: block; } #review-image { height: 270px; } #review-image .slant:after { top: -30%; background-position: center; } #review-image .slant { height: auto; top: 0; } #reviews-half { margin: 20px auto; flex: 1 0 auto; }}@media screen and (max-width:1150px) { #main-header > div > a { max-width: 300px; height: 90px; }}@media screen and (max-width:1130px) { #main-nav .btn-appointment {min-width:125px;} .hanging-btns {right: 1%;}}@media screen and (max-width:1100px) { nav > ul > li > a { padding: 6px 4px; } #questions-form > div { width: 90%; } #questions-form figure { align-self: center; } footer #wrapper { justify-content: space-around; } footer #wrapper section:before { content: none; } #footer-logo { display: none; } footer #wrapper section { flex: 1 0 auto !important; }}@media screen and (max-width:980px) { #main-nav { position: static; background-color: #000; } #main-nav .hanging-btns { right: auto; left: 2%; } body { padding-top: 0; } #main-nav .affil { display: none; } .index-header, .header-full { display: none !important; } .header-condensed { display: block !important; } #main-header > div > a img, #main-header > div > a { max-width: 470px !important; width: 95%; } body.scrolled #main-header > div > a { height: auto; } body.scrolled #main-header > div > a img { max-width: 300px !important; position: static; } #main-header > div { flex-direction: column; } body.scrolled #main-header > div > div, #main-header > div > div, body.page_index #main-header > div > div { flex-basis: auto; flex-direction: column; } body.scrolled #main-header .header-contact, #main-header .header-contact { flex: 1 0 auto; margin: 0 5px; } body.scrolled #main-header .header-contact:first-of-type:after, #main-header .header-contact:first-of-type:after { content: none; } #main-header, body.page_index #main-header { padding: 5px 0; background-color: #111; background-image: linear-gradient(to top, black 0%, #111 100%); } #banner article { margin: 100px auto; } #meet { padding: 0; } #meet > div { flex-direction: column; } #meet:after { content: none; } .split article { padding: 20px 0; } #review-image .slant, #review-image .slant:after { transform: none; -webkit-transform: none; } #reviews-half { background-color: black; background-image: linear-gradient(131deg, rgba(55, 89, 161, 0.61) 0%, rgba(71, 54, 90, 0.61) 50%, rgba(106, 52, 91, 0.61) 100%); padding: 20px 0; margin: 0 auto; } #services .service-articles > article { flex-direction: column; align-items: center; } #questions-form > div { flex-direction: column-reverse; } #questions-form article { flex: 1 0 auto; } #services .service-articles > article article, #services .service-articles > article figure { max-width: 95%; width: 100%; } #services .service-articles > article article { order: -1; } #questions-form .btn-alt { position: static; margin: 10px auto; max-width: 300px; display: block; } h1:first-child {margin-top: 50px;}}@media screen and (max-width:860px) { header #responsive-nav { display: block; } nav > ul { display: none; text-align: center; margin: 0; } nav.opened > ul > li { margin: 0; text-align: center; } nav.opened > ul > li ul { padding-left: 0; text-align: center; } nav { width: 100%; } nav li { margin: 0 1%; } #banner { background-image: none; padding: 60px 0 80px; } #banner article { margin: 10px auto; } #banner figure { display: block; max-width: 400px; margin: 0 auto; } #philosophy { display: block; } #mission { margin: 30px auto; } #philosophy-image { height: 300px; } #philosophy-image .slant { position: relative; transform: none; -webkit-transform: none; } #philosophy-image .slant:after { transform: none; -webskit-transform: none; } #badge1, #badge2 { display: inline-block; position: unset; margin-bottom: 10px; width: 100%; max-width: 200px; height: auto; }}@media screen and (max-width:750px) { body.page_index main section h2, h1 { font-size: 30px; line-height: 1.2; } #meet figure { display: block; } #meet figcaption { position: static; margin: 0 auto; max-width: 100%; } #reviews .cycle-slide span, #reviews .cycle-slide article { position: static; display: block; margin: 10px auto; } #reviews .controls { position: static; } .service-articles { display: none; } #services { padding: 0 0 20px; } #services nav { justify-content: center; } #services nav h2 { display: block; color: #232323; text-align: center; } #services .slider-wrapper { top: auto; height: auto; } #services nav .service-slide.active { background-color: transparent; } #services nav .service-slide.active:hover { background-color: #ae9ac0; } footer #wrapper { flex-direction: column; align-items: center; text-align: center; } #footer-services ul { text-align: center; } h1, h2, h3 { text-align: center; }}@media screen and (max-width:520px) { #main-header .header-contact > a, body.page_index #main-header .header-contact > a { font-size: 40px; } #main-header .header-contact address a { font-size: 13px; } #questions-form form span { display: block; max-width: 95%; margin: 0 auto; } #footer-services ul { column-count: 1; -moz-column-count: 1; } footer #wrapper section { padding: 10px 0; }}#gallery div { max-width: 500px; margin: 0 auto; }#gallery { max-width: 1200px; text-align: center; margin-top: 30px; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-content: center; align-items: center; }section#banner a { margin: 15px 0 !important; }#simpleModal{display:none;position:fixed;z-index:9000;left:0;top:0;height:100%;width:100%;overflow:auto;background-color:rgba(0,0,0,.75);animation-name:modalopen;animation-duration:1s}#simpleModal .modalContent{background-color:#f4f4f4;margin:8% auto;padding:0 0 30px;width:90%;max-width: 1000px; box-shadow:0 5px 8px 0 rgba(0,0,0,.2),0 7px 20px 0 rgba(0,0,0,.17);position:relative}#simpleModal .modalContent h2{background-color:#4d5258; font-weight: 700;margin-bottom:25px;color:#fff;padding:55px 20px 15px;text-transform:uppercase;font-size:36px;text-align:center;line-height:1.2}#simpleModal .contain { max-width: 85%; margin: auto;}#simpleModal .modalContent p{margin: 15px auto; line-height: 1.6; font-weight: 400;}#simpleModal .closeBtn{color:#a5a5a5;position:absolute;right:0;top:0;z-index:10;font-size:30px;position:absolute;background-color:#e74c3c;color:#fff;padding:5px 15px 8px; line-height:1}#simpleModal .closeBtn:focus,#simpleModal .closeBtn:hover{background-color:#c0392b;cursor:pointer;text-decoration:none}@keyframes modalopen { from{opacity:0} to{opacity:1} }.member-flex { display: flex; gap: 20px; margin: 5pc auto;}.member-flex .member-plan { flex: 0 1 275px;text-align: center; display: inline-block;background: #FFF;}.member-flex .member-plan h2 {margin-top: 0px;text-align: center;color:#fff;font-size:33px;font-weight:700;font-Santa Monica Dentist:'roboto';background-image: linear-gradient(to left, #3c1f39, #47224c, #4f2661, #512d7a, #4c3694);padding-block: 1.5pc;}.member-flex .member-plan .membership-details {background-color:#FFF;padding-block:1.5pc;}.member-flex .member-plan .membership-details span {color:#4C3694; font-weight:500;font-Santa Monica Dentist:'roboto';font-size:31px;line-height:3px; }.member-flex .member-plan .membership-details ul {color:#000}.member-plan span.details {background-color: #EDEDED;width: 100%;display: block;color: #4C3694;}.join {text-align: center;}.join h2 {text-align: center;color: #fff;font-size: 30px;font-weight: 700;font-Santa Monica Dentist: 'roboto';margin-bottom: 1pc;}.perks-flex {display: flex;margin-block: 5pc;text-align: center;}.perks-flex .mem-perks h2 {font-size: 22px;color: #fff;Font-weight: 700;font-Santa Monica Dentist: 'roboto';}.perks-flex .mem-perks p {font-size: 15px;font-Santa Monica Dentist: 'roboto';}.perks-flex .mem-perks { flex: 0 1 33%}@media (max-width: 975px) { .perks-flex, .member-flex { display: inline-grid; justify-content: center; width: 100%; } .hanging-btns {position:relative !important;} #main-nav > div {justify-content:center; right:unset !important;} #main-nav .hanging-btns {right:unset;}}.perks-flex .mem-perks figure {height: 49px; display: flex;}.perks-flex .mem-perks figure img{align-self: center;}.page_serenity-savings-plan .input__field {color:#000;}@media (max-width:800px) { header #responsive-nav { margin: 0 auto !important; max-width: 390px !important;} }body {margin: 0; padding: 0; font-Santa Monica Dentist: sans-serif;letter-spacing: .5px;}a {text-decoration: none;}}