.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 { position: relative; color: #16191a; font-family: Muli; font-size: 18px; font-weight: 400; line-height: 1.78; letter-spacing: 0.9px }img { display: block; margin: 0 auto; max-width: 100% }.wrapper, main { padding: 0 10px 0px; max-width: 1200px; margin: 60px auto 0 }.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 }h1, h2, h3, h4, h5 { font-weight: normal; line-height: 1.2; margin: 0 auto }#page-title h1:not(:only-child) { color: #ffffff; font-family: Muli; font-size: 18px; font-weight: 400; line-height: 1.78; letter-spacing: 0.9px }#page-title h1, #page-title h1+h2 { color: #ffffff; font-family: "Barlow Condensed"; font-size: 85px; font-weight: 700; line-height: 1; text-transform: uppercase; letter-spacing: 0.92px }h2, .h2-like { color: #16191a; font-family: "Barlow Condensed"; font-size: 85px; font-weight: 700; line-height: 1; text-transform: uppercase; letter-spacing: 0.92px }h3 { font-family: "Barlow Condensed"; font-size: 42px; font-weight: 700; line-height: 1.19; text-transform: uppercase }.h1-like, .h2-like, .h3-like { display: block }.white { color: #fff }.h2-like-small { color: #16191a; font-family: Muli; font-size: 18px; font-weight: 400; line-height: 1.78; letter-spacing: 0.9px; text-transform: none }body.page_index h2 small, .h2-like, .h2-like-small { display: block }a { color: #78ba37; cursor: pointer }a:hover { color: #219ad2 }#page-title { padding: 275px 10px 55px; background-color: #16191a; color: #fff; margin-top: -200px }body.page_our-services #page-title {background-image: url(assets/images/services-banner.jpg) !important;}#page-title article { max-width: 1200px; margin: 0 auto; z-index: 5 }#page-title .main-text, #page-title .title-wrapper { max-width: 870px }body.meet #page-title { background-image: url(assets/images/meet-bg.jpg) !important; display: flex; align-items: flex-end; justify-content: center }body.meet #page-title article { flex: 0 1 708px; margin: 0 }body.meet #page-title figure { margin: 0 }body.page_index #page-title { display: none }.flex-ed, .col-flex-ed { display: -webkit-box; display: -ms-flexbox; display: flex }.flex-ed { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap }.col-flex-ed { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column }.stretch-ed { -webkit-box-flex: 1; -ms-flex: 1; flex: 1 }.fill-ed { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100% }.h-center { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center }.v-center { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center }.sa { justify-content: space-around }.why { text-align: center; padding: 20px 0; box-shadow: 0 5px 45px rgba(24, 23, 24, 0.2); background-color: #ffffff; padding: 60px 10px }.why h2 { font-size: 42px }.why ul { margin: 30px auto 0; padding: 0; max-width: 1200px; color: #219ad2; font-size: 22px; display: flex; flex-flow: row wrap; justify-content: space-around }.why ul li { margin: 0; flex: 0 1 315px; max-width: 315px; padding: 5px; margin: 5px; padding-left: 50px; min-height: 120px }.why ul li:before { content: '1'; font-family: "Barlow Condensed"; color: #219ad2; font-size: 148px; line-height: 0.72; left: -10px; opacity: 0.2 }.why ul li:nth-of-type(2):before { content: '2' }.why ul li:nth-of-type(3):before { content: '3' }.internal-implants { clear: both; justify-content: space-between; max-width: 1060px }.internal-implants>div { display: flex; align-items: flex-start; justify-content: space-between; margin: 30px auto }.internal-implants>div img { flex: 0 0 260px; order: 2; margin-left: 80px }@media (max-width:980px) { .internal-implants>div img { margin: 0 auto } .internal-implants>div { display: block; text-align: center }}.services-grid, .service-links { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: distribute; justify-content: space-around }.services-grid a>img, .service-links a>img { display: block; filter: grayscale(1); transition: .3s }.services-grid a h3, .service-links a h3 { text-align: center; text-transform: none; margin: 20px auto; color: #219ad2; font-family: Muli; font-size: 22px; font-weight: 400; line-height: 1.14; letter-spacing: 1.1px; transition: .3s }.services-grid a:hover h3, .service-links a:hover h3 { color: #78ba37 }.services-grid a:hover img, .service-links a:hover img { filter: grayscale(0) }.services-grid { text-align: center; width: 100%; margin: 25px auto; padding: 10px }.services-grid>div { vertical-align: top; margin: 2px auto 30px; text-align: left; flex: 0 1 288px; max-width: 288px; background-color: #ffffff; overflow: hidden }.services-grid>div>a { display: block; position: relative }.services-grid ul { vertical-align: top; padding: 0; -webkit-column-count: 1; column-count: 1; margin: 20px auto; padding: 5px; max-width: 270px }.services-grid ul li { margin-bottom: 5px }.services-grid li a { font-weight: 400; font-size: 17px; color: #3a3a3a; display: block }.services-grid li a:hover { color: #78ba37 }.gmap { cursor: pointer; position: relative }.gmap iframe { pointer-events: none; display: block; width: 100% }.gmap.active iframe { pointer-events: all }@media screen and (max-width:860px) { .gmap iframe { height: 240px }}.next, .prev { cursor: pointer; z-index: 300 }.contact-us iframe { width: 100% }.hours label { display: inline-block; width: 120px; text-align: left; font-weight: 600 }.contact-us h2, .contact-us h3 { text-align: left }.contact-us>div { display: inline-block; vertical-align: top; max-width: 45%; width: 100% }.contact-us { display: block; max-width: 100%; width: auto }@media screen and (max-width:600px) { .contact-us>div { display: block; max-width: 100% }}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-family: Fontello; color: #219ad2; position: absolute; top: 0px; left: 0 }@media (min-width:600px) { .two-col { column-count: 2 } .three-col { column-count: 3 }}.divider-body { padding: 60px 0 }.divider-body h2:first-of-type { margin-top: 0px }.divider-body:nth-child(even) { background-color: #16191a; box-shadow: -500px 0 0 0 #16191a, 500px 0 0 0 #16191a }.divider-body:nth-child(even) h2, .divider-body:nth-child(even) h3, .divider-body:nth-child(even) * { color: #fff }@media (max-width:600px) { .divider-body:nth-child(even) { box-shadow: -10px 0 0 0 #16191a, 10px 0 0 0 #16191a }}.btn { display: inline-block; position: relative; margin: 5px; padding: 20px 10px; color: #ffffff; font-family: Muli; font-size: 15px; font-weight: 400; line-height: 1; letter-spacing: 0.75px; line-height: 1; min-width: 320px; -webkit-transition: background-color .3s; transition: background-color .3s; text-align: center; background-color: #78ba37; border: none }.btn:hover { background: #219ad2; color: #fff }.btn-alt { display: inline-block; position: relative; margin: 5px; padding: 20px 10px; color: #ffffff; font-family: Muli; font-size: 15px; font-weight: 400; line-height: 1; letter-spacing: 0.75px; line-height: 1; min-width: 320px; -webkit-transition: background-color .3s; transition: background-color .3s; text-align: center; background-color: #219ad2; border: none }.btn-alt:hover { background: #78ba37; color: #fff }.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: #78ba37 }.input__label-content strong, .input__label-content strong a { color: #78ba37 }.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: #fff !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 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 { 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+.input__label::before, .input--filled .input__label::before { border-width: 5px; border-color: #219ad2; border-top-width: 1.2em }.input__field+.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; text-align: center; padding: 30px 10px; max-width: 700px; margin: 30px auto }.simple input, .simple textarea { border: 0; outline: 0; padding: 0 12px; height: 42px; width: 100%; max-width: 100%; margin-bottom: 10px; color: #fff; line-height: 1; box-sizing: border-box !important; background-color: #78ba37 }.simple textarea { height: 140px !important; padding: 12px }.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 }.more-to-explore { background-color: #164183; margin: 0 auto; text-align: left; clear: both; padding: 60px 0 }.more-to-explore p { margin: 15px auto 0; text-align: center; max-width: 980px }.more-to-explore>span { color: #ffffff; font-family: "Barlow Condensed"; font-size: 42px; font-weight: 700; line-height: 1; text-transform: uppercase; display: block; margin: 0; text-align: center; position: relative }.accordion { padding: 0 10px; margin: 20px auto }.accordion>div { display: none; padding: 10px 25px }.accordion div { position: relative }.accordion h2, .accordion h3 { margin: 10px 0 0; position: relative; cursor: pointer; padding: 14px 20px; text-align: center; line-height: 1; background-color: #16191a; color: #fff; font-size: 22px; font-weight: 400; letter-spacing: 1.1px; font-family: Muli; text-transform: none }.accordion h2:hover, .accordion h2.active, .accordion h3:hover , .accordion h3.active { background-color: #219ad2 }.accordion p { margin-left: 40px; position: relative }@media (max-width:800px) { .accordion p { margin-left: 0; position: relative }}.pager { margin: 0 auto; text-align: center; max-width: 900px }.pager>span { display: inline-block; margin: 0 2px; vertical-align: middle; transition: all .3s; width: 80px; height: 1px; background-color: #16191a; opacity: 0.2; transition: .3s }.pager>span.cycle-pager-active { opacity: 1 }.prev, .next { display: inline-block; vertical-align: middle; text-align: center; cursor: pointer; color: #000; opacity: .2; font-size: 78px; transition: color 0.3s; z-index: 100; line-height: 1; transition: .3s }.prev:hover, .next:hover { opacity: 1 }.prev i:before, .next i:before { margin: 0 }.controls { align-items: center; justify-content: space-around; margin: 0px auto; display: flex; position: relative }@media (max-width:600px) { .pager { margin: 0 auto }}.tour-nav { max-width: 980px; text-align: center; margin: 0 auto }.tour-nav .btn { background-color: transparent; border: 2px solid #78ba37 }.tour-nav .btn:hover, .tour-nav .btn.active { background-color: #78ba37 }#office-tour { max-width: 1200px; margin: 10px auto; position: relative; box-shadow: 0 5px 45px rgba(24, 23, 24, 0.2); background-color: #ffffff; padding: 60px 10px }#office-tour .contain { max-width: 900px }#office-tour .cycle-slide { width: 100%; text-align: center; max-width: 980px }#tour { position: relative; margin: 0 auto }#tour .cycle-slide { width: 100%; text-align: center }#tour .cycle-slide img { max-width: 100%; display: block; margin: 0 auto; width: 100% }@media (min-width:950px) { #office-tour .prev, #office-tour .next { position: absolute; bottom: 250px } #office-tour .next { right: 0 } #office-tour .prev { left: 0 } #office-tour.letters .prev, #office-tour.letters .next { position: static }}.cpn { background-color: #164183; display: flex; align-items: center; justify-content: center; max-width: 800px }.cpn article { color: #fff; text-align: center; flex: 0 1 400px; margin: 0 auto }.cpn figure { margin: 0; flex: 0 0 400px }.cpn .title { display: block; font-family: "Barlow Condensed"; font-size: 28px; font-weight: 700; line-height: 1; text-transform: uppercase }.cpn strong { display: block; font-family: "Barlow Condensed"; font-size: 120px; font-weight: 400; line-height: 1 }.cpn strong sup { font-size: 50px; top: -50px }.cpn small { display: block; font-size: 12px; font-weight: 400; line-height: 1.22; letter-spacing: 0.9px }a.cpn { margin: 10px auto }a.cpn:hover .btn { background-color: #219ad2 }@media (max-width:750px) { .cpn { flex-wrap: wrap; padding: 10px } .cpn article { max-width: 400px } .cpn figure { display: none }}.special { background-color: #16191a; max-width: 800px; margin: 0 auto; text-align: center }.special form { margin: 0 auto; padding: 60px 10px; max-width: 500px }.special input, .special textarea { display: block; min-height: 40px; margin: 0 auto 30px; border: none; border-bottom: 1px solid #ffffff; width: 100%; font-weight: 400; color: #fff; background: none; line-height: 40px; font-size: 16px }.special input:focus, .special textarea:focus { outline: none }.special .form-input::-webkit-input-placeholder { color: #fff }.special .form-input:-moz-placeholder { color: #fff }.special .form-input::-moz-placeholder { color: #fff }.special .form-input:-ms-input-placeholder { color: #fff }.contain { max-width: 1200px; margin: 0 auto }.split>div { display: flex; justify-content: space-around; align-items: center; max-width: 1200px; margin: 0 auto; position: relative }.split figure, .split article { margin: 0 }.split figure { flex: 0 1 auto; position: relative }.split figure .mob { display: none }.split.tr figure { order: -1 }.split article { flex: 0 1 700px; padding: 10px }main h1 { position: relative }.social { font-size: 0; text-align: center; display: block }.social a { display: inline-block; color: #fff; vertical-align: middle; font-size: 42px; text-align: center }.social a i:before { display: block; margin: 0 auto }.social a+a { margin-left: 20px }.social .fb { color: #4d70a8 }.social .gp { color: #dc4e41 }.social .yt { color: #cb3737 }.social .tw { color: #00aced }.social .yp { color: #b62717 }.social a:hover { color: #78ba37 !important; border-color: transparent }@media (min-width:1000px) { a[name]:before { height: 128px; margin-top: -128px; display: block; content: ""; visibility: hidden }}@media (max-width:860px) { a[name]:before { height: 95px; margin-top: -95px; display: block; content: ""; visibility: hidden }}.pho { color: #16191a; font-family: "Barlow Condensed"; font-size: 27px; font-weight: 700; line-height: 0.89; text-transform: uppercase; letter-spacing: 1.35px }.phy { color: #16191a; font-family: Muli; font-size: 14px; font-weight: 400; line-height: 1.43; letter-spacing: 0.7px }header { position: absolute; z-index: 500; left: 0; top: 0; width: 100%; text-align: center; line-height: 1; padding: 40px 10px; background-color:#161819; }header .logo { display: block }header .pho, header .phy { color: #fff }header .pho { min-width: 200px; }header .phy { width: 100%; min-width: 140px; }header .pho:hover, header .phy:hover { color: #78ba37 }header .contact { display: flex; align-items: center; justify-content: space-around; max-width: 760px; margin: 0 0 0 auto }header #main-nav { max-width: 690px; margin: 20px 0 0 auto }header .header-main { flex: 0 0 750px }header .btn { padding: 14px 10px; min-width: 260px; }header .btn-payment { min-width: 180px; }#main-header { transition: min-height 0.3s; display: flex; align-items: center; justify-content: space-between; max-width: 1400px; margin: 0 auto; padding: 0px 5px }@media (min-width:860px) { .scrolled header { position: fixed !important; box-shadow: 1.5px 2.6px 59px rgba(16, 17, 17, 0.35); background-color: #16191a; padding: 10px } .scrolled header .logo img { max-width: 280px; margin: 0 auto } .scrolled .header-btn.con { display: block } .scrolled header .pho { font-size: 18px } .scrolled header #main-nav { margin-top: 5px }}@media (min-width:860px) { header nav>ul { max-width: 1280px; margin: 0 auto; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between } nav ul { margin: 0; padding: 0; list-style: none } nav li { position: relative; margin: 0 auto } nav li a:hover { color: #fff } nav>ul { font-size: 0; text-align: center; vertical-align: top; display: inline-block } nav>ul>li { display: flex; align-items: center } 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>ul>li>a { font-size: 14px; display: block; padding: 6px 7px; transition: background .3s, color .3s; color: #ffffff; font-size: 14px } nav>ul>li:hover>a { color: #78ba37 } nav>ul>li ul { position: absolute; z-index: 9999; display: none; width: 255px; background-color: #78ba37 } nav>ul>li ul a:hover { background-color: #219ad2; color: #fff } nav>ul>li>ul { text-align: left; display: none; top: 100%; left: 0 } nav>ul li:hover>ul { display: block } nav > ul > li:last-child ul { right: 0; left: auto; } 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; color: #ffffff } nav li:before { content: none } .mean-show { display: none !important }}@media (max-width:1140px) { header #main-header { padding: 2px }}@media (max-width:1030px) { header .btn, header em { display: none }}@media (max-width:860px) { header { position: fixed; top: 0; left: 0; z-index: 500; box-shadow: 0 0 15px rgba(0, 0, 0, 0.3); background-color: #16191a; padding: 0 } body, header, .mean-container .mean-nav { -webkit-transition: all .3s; transition: all .3s } .mean-container .mean-bar, .mean-container .mean-nav { background-color: #4e4e4e } body.mean-active header { left: -80% } body.mean-active { overflow: hidden; right: 80% } body.mean-active:before { z-index: 98; content: ''; opacity: .7; background-color: #000; position: absolute; left: 0; right: 0; top: 0; bottom: 0 } body.mean-active .mean-container .mean-nav { right: 0 } .mean-container { display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between } .mean-container .mean-bar { margin: 0 } .mean-container a.meanmenu-reveal { display: block; color: #fff; font-size: 20px; line-height: 65px; width: 65px } .mean-container a.meanmenu-reveal.meanclose { -webkit-transform: rotate(45deg); transform: rotate(45deg) } .mean-container .mean-bar i { display: block } .mean-container a.meanmenu-reveal i:before { margin: 0 !important } .mean-container .mean-nav { font-size: 16px; position: fixed; right: -80%; margin: 0; top: 0; bottom: 0; width: 80%; overflow: auto; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: column; -ms-flex-flow: column; flex-flow: column } .mean-container .mean-nav ul { padding: 0; margin: 0; width: 100%; list-style-type: none } .mean-container .mean-nav ul li { position: relative; width: 100% } .mean-container .mean-nav ul li a { display: block; padding: 1em 5%; padding-right: 58px !important; margin: 0; text-align: left; color: #fff; border-top: 1px solid rgba(255, 255, 255, 0.5); text-decoration: none; text-transform: uppercase } .mean-container .mean-nav ul li li a { padding: 1em 10%; border-top: 1px solid #f1f1f1; border-top: 1px solid rgba(255, 255, 255, 0.25); opacity: .75; filter: alpha(opacity=75); text-shadow: none !important; visibility: visible } .mean-container .mean-nav ul li.mean-first a { border-top: none; margin-top: 0 } .mean-container .mean-nav ul li.mean-last a { border-bottom: none; margin-bottom: 0 } .mean-container .mean-nav ul li li li a { padding: 1em 15% } .mean-container .mean-nav ul li li li li a { padding: 1em 20% } .mean-container .mean-nav ul li li li li li a { padding: 1em 25% } .mean-container .mean-nav ul li a:hover { background: #252525; background: rgba(255, 255, 255, 0.1) } .mean-container .mean-nav ul li a.mean-expand { width: 48px; line-height: 47px; font-size: 20px; padding: 0 !important; text-align: center; position: absolute; right: 0; top: 0; z-index: 2; background: rgba(255, 255, 255, 0.1); border: none !important; border-left: 1px solid rgba(255, 255, 255, 0.4) !important; border-bottom: 1px solid rgba(255, 255, 255, 0.4) !important } .mean-container .mean-nav ul li a.mean-expand:before { content: '\e825'; font-family: 'fontello'; font-weight: 400; margin: 0; font-style: normal } .mean-container .mean-nav ul li a.mean-expand.mean-clicked:before { content: '\e83a' } .mean-remove, header #main-nav { display: none !important } header, body.scrolled header { position: fixed } nav>ul>em { display: none } #main-header .header-contact { flex: 1 0 auto } #main-header .header-contact.hide { display: none } .mean-container { flex-flow: row nowrap !important } 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 } header #top-bar { display: block } header .logo { display: flex; align-items: center; margin-left: 5px } header .logo img { max-width: 200px; margin: 0 } header .phy { margin: 0 10px } header .header-main { flex: 0 1 auto } header .contact { flex-wrap: wrap } #main-header { padding: 0 } #mobile-header { background-color: #fff; text-align: center; padding: 10px; min-height: 61px; overflow: hidden } #mobile-footer { color: #fff; padding: 20px 5px 10px; margin-top: auto; font-size: 12px; margin: 0 auto; max-width: 240px; line-height: 1.76 } #mobile-footer .title { font-size: 20px; color: #fff } header .hours { margin: 0 auto; max-width: 260px; text-align: left; color: #fff; font-size: 14px; } #mobile-footer .hours label { width: 100px } .attach header #top-bar { display: none } .attach header { position: fixed; top: 0; left: 0; width: 100% }}@media (max-width:550px) { header .contact { display: none }}#fixed-tabs { position: fixed; right: 0; text-align: center; line-height: 1; font-size: 0; z-index: 510 }#fixed-tabs a { font-size: 15px; background-color: #219ad2; color: #fff; position: relative; overflow: hidden; transition: width .3s }#fixed-tabs i { font-size: 16px }#fixed-tabs i, #fixed-tabs i:before { display: block; margin: 0 auto !important }#fixed-tabs em { font-size: 10px; font-style: normal; margin-top: 8px; display: none; font-weight: 600; text-transform: uppercase }#fixed-tabs strong { font-weight: 300 }#fixed-tabs .ra { background-color: #78ba37 !important; }#fixed-tabs .mp {background-color: #fff; color: #000;}#fixed-tabs .fb { background-color: #3b5998 }#fixed-tabs .so { background-color: #84bd00 }#fixed-tabs .gp { background-color: #dd4b39 }#fixed-tabs .map { background-color: #78ba37 }#fixed-tabs .call, #fixed-tabs .map { display: none }@media (min-width:1031px) { #fixed-tabs { position: absolute; top: 214px; display: none } #fixed-tabs a { display: block; text-align: left; margin-left: auto } #fixed-tabs a+a { margin-top: 8px } #fixed-tabs a span { display: block } #fixed-tabs a span:first-child { text-align: center; padding: 7px 0 } #fixed-tabs a span:last-child { position: absolute; left: 80px; top: 50%; width: 220px; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); -webkit-transition: width .3s; transition: width .3s } #fixed-tabs a, #fixed-tabs a span:first-child { width: 56px } #fixed-tabs a:hover { width: 250px } #fixed-tabs i { font-size: 20px } #fixed-tabs em { display: block } .scrolled #fixed-tabs i { font-size: 16px } #fixed-tabs .fb:hover { background-color: #3b5998 !important } #fixed-tabs .so:hover { background-color: #84bd00 !important } #fixed-tabs .gp:hover { background-color: #dd4b39 !important }}@media (min-width:1280px) { #fixed-tabs { position: fixed; top: 245px }}@media (max-width:1030px) { #fixed-tabs { bottom: 0; width: 100%; box-shadow: 0 0 15px rgba(0, 0, 0, 0.3); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex } header .btn { display: none } header .header-main { flex: 0 1 auto } #fixed-tabs a { padding: 12px 0; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1 } #fixed-tabs a span { display: inline-block; vertical-align: middle } #fixed-tabs a span:last-child { margin-left: 7px } #fixed-tabs a strong { display: none } #fixed-tabs a.fm { display: none } footer { padding-bottom: 41px !important } .mean-container .mean-nav { bottom: 41px }}@media (max-width:740px) { #fixed-tabs .call, #fixed-tabs .map { display: block } #fixed-tabs a.fb, #fixed-tabs a.so, #fixed-tabs a.gp { display: none }}[data-player], [data-vimeo], [data-embed] { position: relative }[data-vimeo] .play, [data-embed] .close, [data-vimeo] .close { background-color: #219ad2; color: #fff; padding: 11px; text-transform: uppercase }[data-vimeo] .play:hover, [data-embed] .close:hover, [data-vimeo] .close:hover { background-color: #464646; color: #fff }[data-embed] .play { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) }[data-embed] .close { position: absolute; top: 20px; right: 0; z-index:1000;}[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-family: "fontello"; font-weight: 400; margin: 0; font-style: normal; content: "\e80e" }.vimeo:after { color: #00adef }.vimeo:hover:after, .youtube:hover:after { color: #4d4d4d }.vimeo.active:before, .vimeo.active:after, .youtube.active:before, .youtube.active:after { display: none }.banner .caption {position: absolute; top: 60%; left: 0; right: 0;}.playing.banner .caption { position: static; transform: none }body.playing header{z-index:0}#banner { background-image: url(assets/images/index-banner.jpg); position: relative; background-size: cover }#welcome h1 { color: #fff; font-family: Muli; font-size: 18px; font-weight: 400; line-height: 1.78; letter-spacing: 0.9px }#banner .h2-like { color: #fff; font-size: 110px }#banner [data-player]{ overflow:hidden;}#banner [data-player].playing{height: auto;}#banner [data-player].playing video{margin: 0 auto;}#welcome { background-color: #16191a; padding: 150px 10px }#welcome h2, #welcome .h2-like, #welcome p { color: #fff }#welcome>div { max-width: 1200px; margin: 0 auto }#welcome article { flex: 0 1 580px; margin: 0 auto }#welcome figure { margin: 0 auto; flex: 0 1 490px }#welcome figure p { font-size: 32px; font-style: italic; line-height: 1.19; letter-spacing: 1.6px }#welcome author { display: block; color: #fff; font-family: "Barlow Condensed"; font-weight: 700; text-transform: uppercase }#welcome author img { margin: 0 }#welcome .callouts { text-align: center; margin-top: 100px }#welcome .callouts a { flex: 0 1 280px }#welcome .callouts a span { height: 60px; display: flex; align-items: center; justify-content: center; flex-direction: column }#welcome .callouts a img+img { display: none }#welcome .callouts a h3 { margin: 25px auto; color: #00a6ff; font-family: "Barlow Condensed"; font-size: 20px; font-weight: 700; line-height: 0.9; text-transform: uppercase; letter-spacing: 1px }#welcome .callouts a p { font-size: 16px; line-height: 1.38 }#welcome .callouts a:hover img { display: none }#welcome .callouts a:hover img+img { display: block }#welcome .callouts a:hover h3 { color: #78ba37 }#index-testimonial {text-align:center;}#index-testimonial .youtube-flex {display: flex; justify-content: space-between; max-width: 1200px; margin: auto;}#index-testimonial .youtube {max-width: 560px; margin: 5px;}#meet { margin: 60px auto; position: relative }#meet >div{align-items: flex-start;}#meet [data-embed] { position: absolute; top: 0; bottom: 0; right: 130%; width: 100%; transition: .3s; z-index: 501; background-color: #000000 }#meet.playing [data-embed] { right: 0 }#meet .play { position: absolute; left: -20px; top: -60px; z-index: 5 }#meet .play img+img { display: none }#meet .play:hover img { display: none }#meet .play:hover img+img { display: block }#meet figcaption { position: absolute; bottom: 10px; right: 10px }#meet figcaption a { color: #fff; font-family: "Barlow Condensed"; font-size: 16px; font-weight: 700; line-height: 1.13; text-transform: uppercase; letter-spacing: 1.6px }#meet figure>img { filter: grayscale(1); transition: .3s }#meet img:hover { filter: grayscale(0); transition: .3s;}#meet.hover figure>img { filter: grayscale(0) }#team { margin: 150px auto; padding: 10px }#team a { display: table; margin: 0 auto; position: relative; margin-top: 60px }#team a img { filter: grayscale(1); transition: .3s }#team a span { position: absolute; bottom: 180px; right: 50%; transform: translateX(50%) }#team a:hover img { filter: grayscale(0) }#team a:hover span { background-color: #219ad2 }#reviews { text-align: center; position: relative; padding: 10px; max-width: 1200px; margin: 100px auto }#reviews>section { background-color: #fff; box-shadow: 0 5px 45px rgba(24, 23, 24, 0.2); padding: 60px 10px; margin-bottom: 60px }#reviews article { vertical-align: top; max-width: 980px; width: 100%; position: relative; text-align: center; padding-bottom: 30px }#reviews article>div { vertical-align: middle; margin: 10px auto; max-width: 700px }#reviews article .flex-ed { align-items: center; justify-content: space-between }#reviews article p { margin: 10px auto; font-size: 18px; position: relative; max-width: 460px; line-height: 1.5; font-style: italic }#reviews .controls { display: block; margin: 0 auto; position: relative; max-width: 960px }#reviews author { font-size: 16px; font-weight: 700; line-height: 1.2; text-transform: uppercase; display: flex; align-items: center; justify-content: space-around; max-width: 270px; margin: 0; text-align: left; font-family: "Barlow Condensed"; flex: 0 1 270px }#reviews author em { width: 2px; height: 38px; background-color: #16191a }#reviews .social-icon { font-size: 35px; display: block; text-align: center }#reviews .social-icon:before { margin: 0 }#reviews .social-icon.icon-google { color: #dc4e41 }#reviews .social-icon.icon-yelp { color: #b62717 }#reviews .social-icon.icon-facebook { color: #4d70a8 }#reviews star { display: block; line-height: 1 }#reviews star:before { font-family: 'fontello'; font-weight: 400; margin: 0; font-style: normal; content: '\e80f \e80f \e80f \e80f \e80f'; color: #fabb05; font-family: fontello; font-size: 16px; letter-spacing: 3.79px; display: block }#reviews .controls .prev, #reviews .controls .next { position: absolute; bottom: 150px }#reviews .controls .prev { left: 0 }#reviews .controls .next { right: 0; left: auto }#reviews .controls .prev i, #reviews .controls .next i { position: static; transform: none }#reviews .pager { text-align: center; margin: 0; display: inline-block; line-height: 1; vertical-align: middle }@media (max-width:1050px) { #reviews .controls { display: flex; align-items: center; justify-content: space-around; margin: 10px auto; max-width: 400px } #reviews .pager { margin: 0; transform: none; position: static } #reviews .controls .prev, #reviews .controls .next { position: static; display: inline-block; vertical-align: middle; line-height: 1 } #index-testimonial .youtube-flex {flex-wrap: wrap; justify-content: center;} }#services { color: #fff; background-color: #16191a; padding: 150px 10px }#services .flex-ed { max-width: 1200px; justify-content: space-between; margin: 0 auto }#services .flex-ed h2 { margin: 0 }#services .flex-ed p { flex: 0 1 560px; margin: 0 }.service-links { margin: 80px auto 0; max-width: 1200px }#insure { margin-top: 150px }#insure figure { box-shadow: 0 5px 45px rgba(24, 23, 24, 0.2); background-color: #ffffff; flex: 0 1 540px; padding: 80px 10px }#insure figure a { font-size: 15px; color: #16191a; display: flex; align-items: flex-start; justify-content: space-between; line-height: 1.63; max-width: 460px; margin: 0 auto }#insure figure a span { opacity: 0.2; color: #219ad2; font-family: "Barlow Condensed"; font-size: 148px; line-height: 0.7; flex: 0 0 55px; display: block }#insure figure a h3 { transition: .3s; color: #219ad2; font-family: Muli; letter-spacing: 1.35px; text-transform: none; font-weight: 400; font-size: 27px; margin-top: 0 }#insure figure a div { flex: 0 1 390px }#insure figure a+a { margin-top: 30px }#insure figure a:hover h3{ color: #78ba37;}#index-cpn { margin: 150px auto }#index-cpn .cpn { max-width: 1200px }#index-cpn .cpn article { flex: 0 1 600px; max-width: 600px; display: flex; align-items: center; justify-content: space-between; flex-direction: column }#index-cpn .cpn figure { flex: 0 1 600px; max-width: 600px }#index-cpn .next, #index-cpn .prev { color: #fff }#index-cpn .pager span { background-color: #fff }#index-cpn .cycle-slide { width: 100%; max-width: 1200px }@media (min-width:750px) { #index-cpn .cpn .title { font-size: 42px } #index-cpn .cpn strong { font-size: 181px; margin: 30px auto } #index-cpn .cpn strong sup { font-size: 80px; top: -70px } #index-cpn .cpn small { font-size: 18px; margin: 60px auto; max-width: 500px } #index-cpn .controls { margin-top: 100px; width: 100% }}#home-faq {max-width: 1200px; padding: 20px; margin: 50px auto;}#bottom-form { background-image: url(assets/images/form-bg.jpg); background-size: cover; display: flex; align-items: center; justify-content: space-around; padding: 100px 10px }#bottom-form .h2-like { margin: 0 auto }#bottom-form form { max-width: 470px; margin: 10px auto; width: 100% }#bottom-form div { max-width: 500px; margin: 0 auto }#bottom-form div>span { flex: 0 1 245px }#bottom-form input, #bottom-form textarea { min-height: 40px; display: block; margin: 0 auto 30px; border: none; border-bottom: 1px solid #ffffff; width: 100%; font-weight: 400; color: #fff; background: none; line-height: 40px; font-size: 16px }#bottom-form input:focus, #bottom-form textarea:focus { outline: none }#bottom-form textarea { resize: none; height: 120px; border: none; background-image: url(assets/images/form-line.png) }#bottom-form .form-input::-webkit-input-placeholder { color: #fff }#bottom-form .form-input:-moz-placeholder { color: #fff }#bottom-form .form-input::-moz-placeholder { color: #fff }#bottom-form .form-input:-ms-input-placeholder { color: #fff }#find {max-width: 1200px; text-align: center; margin: 60px auto; padding: 15px;}footer .title { display: block; color: #16191a; font-family: "Barlow Condensed"; font-size: 42px; font-weight: 700; line-height: 1.67; text-transform: uppercase; letter-spacing: 0.45px }header .title { display: block; color: #16191a; font-family: "Barlow Condensed"; font-size: 18px; font-weight: 700; line-height: 1.67; text-transform: uppercase; letter-spacing: 0.45px }footer { font-size: 14px; padding: 80px 10px 60px }footer .phy, footer .pho { display: block; margin: 32px auto }footer .phy:hover, footer .pho:hover { color: #219ad2 }footer .social { margin: 30px 0; display: table }footer ul { column-count: 4; padding: 0; font-size: 13px; letter-spacing: 0.65px }footer ul a { color: #16191a; display: block; margin-bottom: 30px }footer ul a:hover { color: #219ad2 }footer .affil { box-shadow: 0 5px 45px rgba(24, 23, 24, 0.2); background-color: #ffffff; display: flex; align-items: center; justify-content: space-around; padding: 25px 10px }.fo-main { display: flex; align-items: flex-start; justify-content: space-around }.fo-services { flex: 0 1 703px; order: 2 }#copyright { font-size: 13px; color: #999999 }#copyright a { color: #999999 }#copyright a.sitemap { color: #219ad2 }#copyright a:hover { color: #78ba37 !important }#map iframe {border: none;}@media (max-width:750px) { #copyright span { display: block } #copyright em, #copyright br { display: none }}@media screen and (max-width:960px) { .split>div { display: block; text-align: center } .split>div figure { display: table; margin: 0 auto } #services, #welcome { text-align: center } #services .flex-ed { display: block } #banner { min-height: 600px } #banner:after{content: none;} .banner .caption { text-align: center; left: auto; right: 50%; transform: translateX(50%); display: block; width: 100% } #banner .h2-like { font-size: 45px } #welcome .callouts { max-width: 800px; margin: 50px auto 0 } #welcome author img { margin: 0 auto }}@media (max-width:860px) { #team, #meet, #insure, #reviews { margin: 30px auto } #services, #welcome { padding: 30px 10px } #team a span { position: static; transform: none } .service-links a { flex: 0 1 45% } #bottom-form, .fo-main, body.meet #page-title { display: block; text-align: center } footer .social { margin: 30px auto }}@media screen and (max-width:750px) { h1, #page-title h1, #page-title h1+h2, h2, .h2-like, #banner .h2-like { font-size: 40px; line-height: 1.2 } h3 { font-size: 25px; line-height: 1.2 } #banner { margin: 0 auto; background-image: url(assets/images/index-banner-mob.jpg) } .service-links { display: block }}@media screen and (max-width:520px) { .animated, .wow { transition-property: none !important; transform: none !important; animation: none !important; visibility: visible !important } #map, footer .gmap, footer .affil { display: none } .btn, .btn-alt { width: 100%; max-width: 300px; min-width: auto !important; margin: 10px auto } #insure figure a { display: block } #insure figure a span { font-size: 78px } #page-title{text-align: center;} footer ul{column-count: 1;} footer ul a{margin-bottom: 5px;}}.has-h3 { clear: both; display: table; width: 100%; margin: 20px auto; text-align: left;}.has-h3 h3 { margin: 0 auto 10px; text-align: left;}button.togg { transition: 0.4s all;}@media (max-width: 750px) { .has-h3, .has-h3 h3 { text-align: center; }}.section-toggle { display: none; padding: 30px 20px; max-width: 97%; box-shadow: 1px 1px 8px #00000054; margin: 0 auto 0; position: relative; z-index: 12;}.togg-container { max-width: 1050px; margin: auto;}button.togg { transition: 0.4s all;}.sv-close { background-color: transparent; cursor: pointer; display: flex; align-items: center; justify-content: center; margin: auto; border: none;}.sv-close svg { margin-left: 10px; max-width: 50px; height: auto; transition: 0.3s all; }.sv-close #Path_2166 { fill: #000;}.sv-close #Ellipse_8 { fill: #fff;}.sv-close:hover svg * { fill: #219ad2;}.sv-close:hover #Path_2166 { fill: #fff;}.page_dental-implants .divider-body h3 {clear:both;}nav > ul > li > ul a {background-color: #78ba37;}nav > ul > li > ul a:hover {background-color: #219ad2;}.accordion .toogle {cursor: pointer!important;}.accordion .toogle:hover {color: #78ba37;}