body { position: relative; color: #4c5b5c; font-family: Lato; font-size: 18px; font-weight: 400; line-height: 1.78 }.wrapper, main { padding: 0 10px 60px; 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; overflow: hidden; }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), .h1 { color: #ffffff; font-family: Lato; font-size: 14px; font-weight: 900; letter-spacing: 1.4px; line-height: 1.21; text-transform: uppercase }#page-title h1, #page-title h1+h2, .h2 { color: #ffffff; font-family: Lato; font-size: 48px; font-weight: 900; line-height: 1.04 }.h1, .h2 { color: #0f4b91 }h2 { color: #0f4b91; font-family: Lato; font-size: 48px; font-weight: 900; line-height: 1.04 }h3 { color: #0f4b91; font-family: Lato; font-size: 34px; font-weight: 900; line-height: 1.12 }.h1, .h2, .h3, .h4 { display: block }a { color: #99ca3c; cursor: pointer }a:hover { color: #0f4b91 }#page-title { padding: 45px 10px 15px; position: relative; align-items: flex-start; max-width: 1400px; margin: 0 auto }#page-title:before { content: ''; background-color: #0f4b91; height: 280px; width: 100%; position: absolute; z-index: -1; top: 0; left: 0; right: 0 }#page-title>div { flex: 0 1 655px; margin: 0 auto }#page-title .title-wrapper { max-width: 1200px; margin: 90px auto }#page-title .title-wrapper + p{margin-top: 50px;}body.page_index #page-title { display: none }.why { text-align: center; padding: 20px 0; background-color: #99ca3c; border-radius: 12px; margin: 100px auto }.why h2 { font-size: 34px }.why ul { margin: 30px auto 0; padding: 0; max-width: 1200px; font-size: 24px; line-height: 1.5; display: flex; flex-flow: row wrap; justify-content: space-around; color: #0f4b91; font-size: 23px }.why ul li { text-align: center; margin: 0; flex: 0 1 380px; max-width: 380px; padding: 5px; margin: 5px }.why ul li:before { content: url(assets/images/why.png); position: static; display: block }.internal-implants { clear: both; justify-content: space-between }.internal-implants h3 { margin: 30px auto; text-align: center; font-size: 20px }.internal-implants div { flex: 0 1 360px; padding: 25px 10px; margin: 5px }.internal-implants div p { margin: 20px auto; max-width: 280px; text-align: center }@media (max-width:1200px) { .internal-implants, #why ul { justify-content: space-around }}#openchair-widget .header---PyiT {position:relative!important;}.next, .prev { cursor: pointer; z-index: 300 }.contact-us iframe { width: 100% }.hours label { display: inline-block; width: 110px; text-align: left }.contact-us h2, .contact-us h3 { text-align: left; font-size: 20px }.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: #99ca3c; position: absolute; top: 0px; left: 0 }.divider-body { padding: 60px 0 }.divider-body .elem-right, .divider-body .elem-left { border-radius: 50% }.divider-body h2:first-of-type { margin-top: 0px }.divider-body:nth-child(odd) { background-color: #edf1f5; box-shadow: -500px 0 0 0 #edf1f5, 500px 0 0 0 #edf1f5 }@media (max-width:600px) { .divider-body:nth-child(odd) { box-shadow: -10px 0 0 0 #edf1f5, 10px 0 0 0 #edf1f5 }}.btn { display: inline-block; position: relative; margin: 5px; padding: 20px 10px; color: white; font-family: Lato; font-size: 14px; font-weight: 900; letter-spacing: 1.4px; line-height: 1; text-transform: uppercase; min-width: 250px; -webkit-transition: background-color .3s; transition: background-color .3s; text-align: center; background-color: #99ca3c; border: 2px solid transparent; border-radius: 5px }.btn:hover { border-color: #0f4b91; background: #fff; color: #0f4b91 }.btn-alt { display: inline-block; position: relative; margin: 5px; padding: 20px 10px; color: white; font-family: Lato; font-size: 14px; font-weight: 900; letter-spacing: 1.4px; line-height: 1; text-transform: uppercase; min-width: 250px; -webkit-transition: background-color .3s; transition: background-color .3s; text-align: center; background-color: #0f4b91; border: none; border-radius: 5px }.btn-alt:hover { background: #fff; color: #0f4b91 }.styled-form .title{display: block; color: #fff; padding: 20px; text-align: left; background-color: #0f4b91; font-weight: 700; font-size: 20px;}.styled-form section{ border-radius: 5px; overflow: hidden; border: 1px solid rgba(0,0,0, .5); margin: 30px auto; background-color: #edf1f5;}.styled-form section >div{margin: 10px;}.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 .half .input-content, .styled-form .half .inline{width: calc(100% / 3 - 5px);}.styled-form .inline, .input-content { background-color: rgba(85, 92, 100, 0.05) }.input__label-content strong, .input__label-content strong a { color: #333 }.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: #333 !important }.styled-form .drei:first-of-type { line-height: 1 !important }.styled-form .inline { box-sizing: border-box; padding: 8px 16px; border: solid 1px rgba(85, 92, 100, 0.25); }.styled-form .inline span input { margin-right: 4px }.styled-form .inline span { display: block; line-height: 1.4 }.styled-form .hear label { display: block; margin-right: 8px }.styled-form .hear select{display: block; width: 100%; padding: 10px;}.styled-form .inline.wide { width: calc(100% / 1.5 - 3px) }.styled-form .inline textarea { padding: 5px; display: block; width: 100%; height: 80px }.styled-form .new-patient, .styled-form .existing-patient {display:none}.input-content { position: relative; z-index: 1; overflow: hidden; border: solid 1px rgba(85, 92, 100, 0.25); }.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: #333 }.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 { 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 { display: none; float: right; font-weight: 300 }.input__field+.input__label::before, .input--filled .input__label::before { border-width: 5px; border-color: #99ca3c; border-top-width: 1.2em }.input__field+.input__label .input__label-content, .input--filled .input__label .input__label-content { color: #333; 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 }.styled-form .inline textarea { color: #000; padding: 5px; display: block; width: 100%; height: 80px; font-size: 16px; margin-top: 5px }.styled-form .inline.wide { width: calc(100% / 1.5 - 3px) }@media (max-width:650px) { .styled-form .input-content, .styled-form .inline, .styled-form .half .inline { width: 100%; display: block; border-bottom: 1px solid rgba(206, 206, 206, 0.2196078431) } .styled-form .input-content+.input-content { margin-top: 5px } .styled-form .inline.wide { width: 100%; 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: #0f4b91 }.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: #0f4b91; margin: 0 auto; text-align: left; clear: both; padding: 60px 0 }.more-to-explore p { margin: 15px auto 0; text-align: center; max-width: 1300px }.more-to-explore>span { color: #ffffff; font-size: 34px; font-weight: 900; display: block; margin: 0; text-align: center; position: relative }.more-to-explore .btn-alt { background-color: #fff; color: #99ca3c }.more-to-explore .btn-alt:hover { color: #fff; background-color: #99ca3c }.more-to-explore .btn, .more-to-explore .btn-alt { min-width: 400px }.meet-landing { display: flex; justify-content: space-around; flex-wrap: wrap }.meet-landing a { flex: 0 1 500px; text-align: center; }.meet-landing a h2{font-size: 24px; line-height: 1.2; margin-bottom: 10px;}.meet-landing a img {max-width:300px;}.meet-landing a .btn, .meet-landing a .btn-alt { min-width: auto; display: block; max-width: 300px;margin: 10px auto; }.accordion { padding: 0 10px; margin: 20px auto }.accordion>div { display: none; padding: 10px 25px }.accordion>h2:after { content: "\e906"; display: inline-block; font-family: "Fontello"; font-weight: 600; color: #fff; text-align: center; cursor: pointer; font-style: normal; transition: all .3s; font-size: 30px; vertical-align: middle; position: absolute; right: 20px; bottom: 10px }.accordion div { position: relative }.accordion h2 { margin: 10px 0 0; position: relative; cursor: pointer; padding: 18px 20px; line-height: 1; background-color: #0f4b91; color: #fff; font-size: 14px; font-weight: 400 }.accordion>h2.active:after { transform: rotate(-90deg); color: #99ca3c }.accordion h2:hover, .accordion h2.active { color: #99ca3c }.accordion h2:hover:after, .accordion h2.active:after { color: #99ca3c }.accordion>h3.active:after { transform: rotate(-90deg); color: #99ca3c }.accordion h3:hover, .accordion h3.active { color: #99ca3c }.accordion h3:hover:after, .accordion h3.active:after { color: #99ca3c }.accordion p { margin-left: 40px; position: relative }@media (max-width:800px) { .accordion p { margin-left: 0; position: relative } .meet-landing a:first-of-type {margin-bottom:50px;}}@media (max-width:500px) { .accordion > h2::after { display: none; }}.pager>span { display: inline-block; margin: 0 15px; vertical-align: middle; width: 12px; height: 12px; border-radius: 50%; opacity: 0.2; background-color: #0f4b91; transition: all .3s }.pager>span.cycle-pager-active { opacity: 1 }.arrow { display: inline-block; vertical-align: middle; text-align: center; cursor: pointer; color: #0f4b91; font-size: 30px; transition: color 0.3s; z-index: 100; line-height: 1 }.arrow:hover { color: #99ca3c }.arrow i:before { margin: 0 }.controls { align-items: center; justify-content: center; margin: 10px 0 10px 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 { }.tour-nav .btn:hover, .tour-nav .btn.active { background-color: #0f4b91; color: #fff; }#office-tour { max-width: 1070px; margin: 10px auto; position: relative }#office-tour .cycle-slide { width: 100%; text-align: center }#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 }.contain { max-width: 1200px; margin: 0 auto; padding: 20px 0; }.split>div { display: flex; justify-content: space-around; align-items: center }.split figure, .split article { margin: 0 }.split figure { flex: 0 1 auto; position: relative }.split figure .mob { display: none }.split.alt figure { order: -1 }.split article { flex: 0 1 500px; 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: 32px; background-color: transparent; border-radius: 50%; text-align: center }.social a i:before { display: block; margin: 0 auto }.social a+a { margin-left: 20px }.social .fb:hover { color: #4d70a8 }.social .gp:hover { color: #dc4e41 }.social .in:hover { color: #125688 }.social .yt:hover { color: #cb3737 }.social .yp:hover { color: #b62717 }.social a:hover { color: #fff; border-color: transparent }@media (min-width:861px) { .social { display: block } .social a { display: block; margin: 60px auto !important }}@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 }}#index-coupons .flex-ed { max-width: 1200px; margin: 0 auto 100px }.coupon { position: relative; max-width: 380px; flex: 0 1 380px; margin-bottom: 15px; }.coupon img { margin-bottom: -60px }.coupon h3 { color: #fff; margin: 0 auto }.coupon .big { display: block; text-transform: uppercase; font-size: 85px; font-weight: 900; line-height: 1.15; color: #a2e8dd }.coupon .big sup { font-size: 50px }.coupon .big small { display: block; font-size: 20px }.coupon article {background-color: #0f4b91; transition: .3s; height: 420px; padding:70px 20px 20px; width: 100%; display:flex; flex-wrap:wrap;justify-content:center; }.coupon article>small { color: #ffffff; font-size: 15px; font-weight: 600 }.coupon:hover article { background-color: #1f3f65 }.coupon-plan .big {font-size: 45px;margin:15px auto;line-height:1}.coupon-plan h3 { font-size:22px; }.coupon-plan ul { font-weight:900; max-width:270px; margin:0 auto; padding:0px; line-height:1; font-size:20px; text-transform:uppercase; color: #a2e8dd; }.coupon-plan ul li:before { color: #a2e8dd; }.coupon .fine { display:block; font-size:16px; color:white; }.coupon .fine small { font-size:14px; }.coupon .redeem-offer {margin-top: auto;}header { background-color: #fff; position: absolute; left: 0; top: 0; z-index: 500; width: 100%; text-align: center; line-height: 1 }header .logo { flex: 0 0 237px; padding: 5px; display: flex; align-items: center; }header .phy { color: #4c5b5c; font-size: 14px; font-weight: 400; line-height: 1.43; display: block }header .phy:hover { color: #0f4b91 }header .phy { color: #4c5b5c; font-size: 14px; font-weight: 400; line-height: 1.43; display: block }header .phy:hover { color: #0f4b91 }header .pho { border-radius: 5px; background-color: #99ca3c; color: #fff; font-family: Lato; font-size: 17px; font-weight: 900; line-height: 1; display: table; padding: 10px 5px; }header .pho:before{content: '\e80b'; font-family: Fontello; display: inline-block; vertical-align: middle; margin-right: 10px;}header .pho:hover { background-color: #0f4b91 }.button .btn{min-width: 360px; padding: 30px 10px;}.instagram_gallery{display: flex; justify-content: space-around; align-items: center; flex-wrap: wrap;}.instagram_gallery a{max-width: 90px;}header .ra { padding: 10px; background-color: #99ca3c; display: block; color: #fff; text-align: center; line-height: 1.1; text-transform: uppercase; font-size: 16px; font-weight: 900; flex: 0 1 122px; }header .ra span { display: block; font-size: 14px }header .ra i { display: block; font-size: 33px }header .ra:hover { background-color: #0f4b91; color: #99ca3c; }.he-main { display: flex; align-items: center; justify-content: space-between; flex: 1 1 auto }.he-container { display: flex; justify-content: space-between; max-width: 1400px; margin: 0 auto }.he-contact { text-align: left; flex: 0 1 180px; padding: 10px }.he-nav { background-color: #edf1f5; flex: 1 713px; align-self: stretch; display: flex; align-items: center; justify-content: center }@media (min-width:860px) { .scrolled header { position: fixed !important; box-shadow: 1.5px 2.6px 59px rgba(16, 17, 17, 0.35) } 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, nav ul li, nav ul li a { position: relative } nav ul { list-style: none; margin: 0; padding: 0 } nav ul li a { display: block } nav>ul { font-size: 0 } nav>ul>li { display: inline-block; vertical-align: middle } nav>ul>li>a { padding: 10px; font-size: 14px; color: #4c5b5c; font-weight: 900 } nav>ul>li:hover>a { background-color: #0f4b91; color: #fff } nav ul li:hover>ul { display: block; -webkit-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-duration: .25s; animation-duration: .25s; -webkit-animation-fill-mode: both; animation-fill-mode: both } nav ul ul { display: none; min-width: 200px; width: 100%; position: absolute; z-index: 3; left: 0; text-align: left; background-color: #272727; box-shadow: 10px 17.3px 25px rgba(0, 0, 0, 0.2) } nav>ul>li:last-child ul { right: 0; left: auto } nav ul ul ul { left: 100%; top: 0; background-color: #585858 } nav ul ul ul li>a { color: #fff } nav ul ul li>a { padding: 10px 12px; font-size: 15px; color: #fff } nav ul ul li:hover>a, nav ul ul li>a:hover { background-color: #0f4b91; color: #fff } .mean-show { display: none !Important }}@media (max-width:1160px) { .he-contact { flex: 1 1 auto; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; align-items: center; justify-content: space-around } .he-main { flex-wrap: wrap } header .pho { line-height: 1 }}@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) } body { right: 0; position: relative } body, header, .mean-container .mean-nav { -webkit-transition: all .3s; transition: all 0.3s } .mean-container .mean-bar, .mean-container .mean-nav { background-color: #0f4b91 } 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: 8px } .mean-container a.meanmenu-reveal { display: block; color: #fff; font-size: 20px; line-height: 45px; width: 45px } .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 { 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 } #main-header>div>a { flex: 0 1 auto } .top-bar, .he-nav { display: none } 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 .logo img { max-width: 100px; } header .tel { font-size: 20px } header address a { font-size: 12px } header .hours, header .title, header .hours span { color: #fff !Important } header .social { padding: 10px; background-color: rgba(255, 255, 255, 0.8) }}@media (max-width:500px) { header .he-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: #99ca3c; 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: #0f4b91 !important; flex: 2 }#fixed-tabs .fb { background-color: #3b5998 }#fixed-tabs .so { background-color: #84bd00 }#fixed-tabs .gp { background-color: #dd4b39 }#fixed-tabs .map { background-color: #0f4b91 }#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 .ra { display: none } #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 }}#toys-for-tots img {width: 100%;}#banner { position: relative; max-width: 1350px; margin: 0 auto; background-color: #0f4b91; }#banner:before{content: ''; position: absolute; top: 60px; bottom: 60px; right: 0; left: -9999px; z-index: -1; background-color: #edf1f5;}#banner:after{content: ''; position: absolute; top: 0px; bottom: 0px; left: 0; right: -9999px; z-index: -1; background-color: #edf1f5;}#banner .banner:after { content: ''; opacity: 0.6; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: #0f4b91 }#banner .caption { position: absolute; bottom: 50%; left: 40px; transform: translateY(50%); z-index: 5 }#banner video { display: block }#banner h1 { color: #ffffff; font-size: 14px; font-weight: 900; letter-spacing: 1.4px; line-height: 1.21; text-transform: uppercase }#banner h2 { color: #ffffff; font-size: 76px; font-weight: 900; line-height: 1 }#banner .play { color: #fff; text-transform: uppercase; font-weight: 900; font-size: 14px; width: 100%; text-align: center }#banner .play i { font-size: 24px; display: inline-block; align-items: center }#banner .play:hover { color: #99ca3c }#banner .banner.playing:after { content: none }#banner .playing .caption { position: static; text-align: center; background-color: #0f4b91; transform: none }@media (max-width:900px) { #banner .banner:after { content: none } #banner .caption { position: static; transform: none; background-color: #0f4b91; text-align: center; padding: 10px }}#teacher-appreciation{display:flex;justify-content:space-between;background-color:#0f4b91;align-items:center;line-height:20px}.box-1{display:flex;align-items:center;padding-left:30px}.box-1 strong{font-size:30px}.box-1 img{width:200px}.box-2 p{font-size:22px}.ta-box h3,.ta-box p{color:#fff;text-align:center;margin:0 auto}#banner .cycle-slide{height:100%}@media screen and (max-width:1100px){#teacher-appreciation{flex-wrap:wrap;justify-content:center;padding:5px 0 25px}.box-3{display:none}}@media screen and (min-width:900px){img#seal{position:absolute;bottom:10px;right:10px}}#lean_overlay { position: fixed; z-index: 1100; top: 0; left: 0; height: 100%; width: 100%; background: rgba(0, 0, 0, 0.7); display: none; justify-content: center; align-items: center }#lean_overlay input, #lean_overlay textarea { display: block; width: 100%; box-sizing: border-box; border: none; padding: 12px 10px; font-size: 17px; margin-bottom: 10px; color: inherit; line-height: 1em; transition: .3s ease all }.modal-close { position: absolute; right: -15px; top: -15px; width: 30px; color: #fff; z-index: 1002; border-radius: 50%; border: 2px solid white; background: #000; cursor: pointer; transform-origin: center center; transform: rotate(45deg); margin: 0; text-align: center; font: normal 28px/30px Arial; box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.3) }.modal-close:before { content: "+" }.modal-content { display: none; flex: 100%; background: #ededed; max-width: 500px; box-sizing: border-box; padding: 20px; position: relative }#ask strong { font-size: 20px; text-transform: uppercase; line-height: 1; margin-bottom: 20px; display: block }#ask strong em { font-style: normal; font-weight: 700 }#ask textarea { height: 90px }@media screen and (max-width:750px) { .modal-close { right: 10px }}#treatments { position: relative; max-width: 1380px; margin: 0 auto; overflow: hidden; padding: 100px 10px 110px }#treatments .dots { display: none; z-index: 5; pointer-events: none; position: absolute; z-index: 5; top: 0; left: 0; right: 0; bottom: 0 }#treatments .dots span { display: block; border-radius: 50%; width: 94px; height: 94px; background-color: #99ca3c; position: absolute }#treatments .dots .dot-1 { top: 0; right: 60px; width: 94px; height: 94px; background-color: #99ca3c }#treatments .dots .dot-2 { top: 83px; left: 240px; width: 29px; height: 29px; background-color: #99ca3c }#treatments .dots .dot-3 { bottom: 330px; left: -60px; width: 47px; height: 47px; background-color: #0f4b91 }#treatments .dots .dot-4 { bottom: 50%; right: 50%; width: 26px; height: 26px; background-color: #0f4b91 }#treatments .dots .dot-5 { bottom: 200px; right: 60px; width: 47px; height: 47px; background-color: #0f4b91 }#treatments figure { margin: 0; width: 100%; max-width: 291px; flex: 0 0 291px }#treatments .h2 { font-size: 48px }#treatments article a { display: block; border-radius: 50%; text-align: center; color: #fff; height: 387px; max-width: 387px; display: flex; align-content: center; justify-content: center; flex-direction: column }#treatments article a h3 { font-size: 23px; color: #fff }#treatments article a p { display: none; font-size: 16px; max-width: 292px; margin: 1em auto; line-height: 1.5 }#treatments article a .link { display: block; text-transform: uppercase; font-size: 14px; font-weight: 900; letter-spacing: 1.4px; display: none }#treatments article a .link:after { content: ''; display: block; margin: 3px auto 0; width: 111px; height: 1px; border: 1px solid #ffffff }#treatments a:hover img { max-width: 60px }#treatments a:hover p, #treatments a:hover .link { display: block }#treatments .one { background-color: #0f4b91 }#treatments .two { background-color: rgba(153, 202, 60, 0.8) }#treatments .three { background-color: #0a3568 }#treatments .four { background-color: rgba(153, 202, 60, 0.8) }@media (min-width:1080px) { #treatments { display: flex; align-items: flex-start; justify-content: space-between } #treatments:after { content: ''; background-color: #edf1f5; position: absolute; width: 800px; height: 800px; left: 0; top: 100px; border-radius: 50%; z-index: -1 } #treatments .dots { display: block } #treatments figure { margin-top: 211px; margin-left: 60px } #treatments article { flex: 0 0 1085px; margin: 0 auto 0px -280px; height: 841px; position: relative; align-self: center; bottom: -100px } #treatments article a { position: absolute } #treatments .one { width: 387px; height: 387px; top: 0; right: 405px } #treatments .two { height: 500px; flex: 0 0 500px; top: 123px; right: 0; max-width: 500px; width: 100%; z-index: 5 } #treatments .three { width: 411px; height: 411px; bottom: 0; right: 365px } #treatments .four { width: 384px; height: 384px; bottom: 57px; left: 0 }}@media (min-width:1190px) { #treatments article { margin: 0 auto 0px -180px }}@media (max-width:1079px) { #treatments figure { text-align: center; margin: 0 auto } #treatments a { margin: 10px auto }}.meet { background-color: #edf1f5 }.meet figure { margin: -55px auto }#services { background-color: #0f4b91; color: #fff; padding: 10px }#services .h1 { margin-top: 60px }#services .h1, #services .h2 { color: #fff }#services>div { display: flex; align-items: flex-start; justify-content: space-around; max-width: 1200px; margin: 100px auto }#services figure { margin: 0; flex: 0 0 330px }#services img{border-radius: 50%;}#services article { flex: 0 1 800px }#services hr { opacity: .5 }#services p { margin: 2em auto }#services .alt figure { order: 1 }#index-video { color: #fff; padding: 100px 0px 0 }#index-video>div { max-width: 1290px; margin: 0 auto }#index-video .arrow, #index-video .h1, #index-video .h2 { color: #fff }#index-video .arrow:hover { color: #99ca3c }#index-video .h2 { margin: 15px auto }#index-video .pager span { background-color: #fff }#index-video .controls { margin: 0 auto 0 0; justify-content: flex-start }#index-video .btn { margin: 0 0 0 auto; display: block; max-width: 400px; border-radius: 0 0 5px 5px }#index-video .cycle-slideshow { max-width: 1290px; margin: 0 auto }#index-video .cycle-slideshow .cycle-slide { width: 100% }#index-video .cycle-slideshow .flex-ed { justify-content: center }#index-video .cycle-slideshow figure { max-width: 890px; flex: 0 1 890px; margin: 0 }#index-video .cycle-slideshow figure .youtube { width: 100% }#index-video .cycle-slideshow article { max-width: 400px; flex: 0 1 400px; padding: 55px 10px; background-color: #0f4b91 }#index-video .cycle-slideshow article>div { max-width: 285px; margin: 0 auto }#community { max-width: 960px; margin: 0 auto; padding: 110px 10px }#community .title { color: #0f4b91; font-size: 23px; font-weight: 900; line-height: 1.04; margin-bottom: 40px; display: block }#community .flex-ed span { margin: 5px auto }#bottom-form { background-image: url(assets/images/footer.png); background-size: cover; background-attachment: fixed; padding: 130px 10px }#bottom-form>div { max-width: 800px; margin: 0 auto }#bottom-form .title { display: block; margin: 30px auto; color: #ffffff; font-size: 23px; font-weight: 900; margin: 0; text-align: center; line-height: 1.2 }#bottom-form .title strong { display: block; font-size: 76px; margin-bottom: 30px }#bottom-form label { display: block; font-weight: 900; color: #fff; font-size: 14px }#bottom-form form>span { display: flex; vertical-align: middle; width: 100%; justify-content: space-between }#bottom-form form { max-width: 1260px; width: 100%; min-height: 105px; margin: 30px auto 0; z-index: 1; position: relative; color: #ffffff; font-size: 16px }#bottom-form form div { display: flex; justify-content: space-between; align-items: flex-start; margin: 20px auto }#bottom-form form div>span { display: block; flex: 0 1 390px }#bottom-form form div>.long { flex: 0 1 910px }#bottom-form input, #bottom-form textarea { border: none; border-bottom: 1px solid #fff; display: block; width: 100%; color: #fff; box-sizing: border-box; font-size: 16px; outline: none; background-color: transparent }#bottom-form input:focus, #bottom-form textarea:focus { background-color: #fff; color: #0f4b91 }#bottom-form input { min-height: 45px; margin: 0px 0px }#bottom-form form .input { display: block }#bottom-form::-webkit-input-placeholder { color: #fff; opacity: 0.5 }#bottom-form::-moz-placeholder { color: #fff; opacity: 0.5 }#bottom-form:-ms-input-placeholder { color: #fff; opacity: 0.5 }#bottom-form:-moz-placeholder { color: #fff; opacity: 0.5 }#bottom-form textarea { resize: none; min-height: 0 }#bottom-form .btn { margin-top: 40px }footer .title, header .title { display: block; font-size: 23px; font-weight: 900; line-height: 1.04; color: #ffffff }footer .title.big { font-size: 48px }footer { color: #fff; background-color: #0a3568; display: flex; justify-content: space-between; overflow: hidden }footer .phy { display: block; font-size: 20px; color: #ffffff }footer .phy:hover { color: #99ca3c }footer .btn { border: 2px solid #99ca3c;min-width:265px; }footer .btn-alt { background-color: transparent; border: 2px solid #99ca3c;min-width:265px; }footer hr { background-color: #edf1f5; border: none; height: 1px; max-width: 1180px; margin: 60px auto; opacity: .5 }footer .fo-contact hr{margin: 20px auto;}#feed { -webkit-box-flex: 0; -ms-flex: 0 1 50%; flex: 0 1 50%; margin: auto; padding: 0 30px }#feed .btn { display: table; margin: 40px auto; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0; padding-right: 20px; max-width: 300px; -webkit-box-align: center; -ms-flex-align: center; align-items: center }#feed .btn i { background-color: #064b5f; font-size: 20px; padding: 10px; margin-right: auto }#ig { text-align: left; margin: 60px auto 0 }.icarousel { max-width: 480px; margin: 20px auto 20px }.icarousel img { max-width: 100%; -webkit-transition: .3s all; transition: 0.3s all }.icarousel .slick-track { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; height: 130px }.icarousel .slick-slide { position: relative; height: inherit; overflow: hidden; margin: 0 5px }.icarousel .slick-slide:hover { -webkit-transform: scale(0.88); transform: scale(0.88) }.icarousel .landscape img, .icarousel .portrait img { position: absolute }.icarousel .landscape img { height: 100%; max-width: inherit; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%) }#ig #prev, #ig #next { position: absolute; left: -45px; font-size: 34px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 200; color: #ffffff; cursor: pointer }#ig #prev:hover, #ig #next:hover { color: #99ca3c }#ig #next { left: auto; right: -45px }.fo-social { background-color: #0f4b91; flex: 0 1 110px; display: flex; align-items: center; justify-content: center; flex-direction: column }.affil { align-items: center; opacity: .5; max-width: 600px; margin: 0 auto}.affil span { margin: 5px auto}.fo-container { padding-top: 100px; margin: 0 auto; flex: 0 1 1200px; background-color: #0a3568; color:white;}.fo-left { flex: 0 1 590px }.fo-right { flex: 0 0 480px }.fo-right .logo { margin-top: 30px; display: block }.fo-right .logo img { margin: 0 }.fo-map { position: relative; z-index: 5; flex: 0 0 480px; padding-top: 100px; width: 100%; max-width: 480px }.fo-map .fo-state { position: absolute; right: 0; top: 0; z-index: -1 }.fo-map .hours { font-size: 14px }.fo-map .hours label { width: 50px }.fo-map .block { max-width: 210px; padding: 10px 20px; background-color: rgba(237, 241, 245, 0.35) }.fo-bottom { color: #7b93ae }#copyright { padding: 10px; margin-top: 40px; text-align: center; font-size: 14px }#copyright a { color: #7b93ae }#copyright a:hover { text-decoration: underline !important }@media (max-width:860px) { footer, .fo-social, .fo-main { display: block } .fo-social, .fo-main { padding: 20px 10px }}@media (max-width:750px) { #copyright span { display: block } #copyright em { display: none }}@media screen and (max-width:960px) { .split>div, #services>div { display: block; text-align: center } .meet figure { margin: 10px auto } #treatments article a p { display: block } #treatments article a .link { display: block } #treatments article a img { max-width: 60px }}@media screen and (max-width:750px) { h1, #page-title h1, #page-title h1+h2, h2, .h2, footer .title.big, #banner h2, #bottom-form .title strong { font-size: 40px; line-height: 1.2 } h3 { font-size: 25px; line-height: 1.2 } #bottom-form form div { 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 { display: none } .btn, .btn-alt { width: 100%; max-width: 300px; min-width: auto !important; margin: 10px auto } #treatments article a p { max-width: 300px } #page-title .title-wrapper { margin: 0 auto; } #page-title::before { content: none; } #page-title h1:not(:only-child), #page-title h1 + h2 { color: #0f4b91; }}#page-reviews { max-width:980px; margin:0 auto 40px; background-color: #edf1f5; box-sizing:border-box; padding:20px; }#reviews .review { text-align:center; box-sizing:border-box; padding:40px 10px; font-style:italic; font-size:18px; }#reviews .review .stars:before { display:block; letter-spacing:.3em; }#reviews .review author { line-height:1; margin-top:20px; display:block; text-align:center; font-style:normal; text-transform:uppercase; font-size:16px; }.stars:before {content:"\e80f \e80f \e80f \e80f \e80f"; color:#f5d06b; font-family:fontello; font-weight: 400; margin:0; font-style: normal; }.align-ins { column-count: 3;}@media screen and (max-width:520px) { .align-ins { column-count: 2; }}@media screen and (min-width: 1100px) and (max-width: 1310px){ #index-video .cycle-slideshow figure { max-width: 680px; flex: 0 1 680px; }}.page_safety-commitment #page-title {display:none}.page_safety-commitment main {margin:50px auto;max-width:1100px;}.page_safety-commitment .h2 {margin:80px 0 30px}.covid-section {padding:20px 0;}.covid-section h2 {margin-bottom:10px;}.covid-list {padding:10px 0;display:flex;align-items:center}.covid-list img {margin-right:20px;float:left;margin-left:0}@media (max-width:1000px) { .page_safety-commitment .h2 {font-size:30px;margin:30px 0;} .covid-list {display:block;} .covid-list img {float:left;}}#woosox-banner {background-color: #0f4b91;padding: 10px 0;display:flex;flex-wrap:wrap;justify-content: space-around;align-items:center;}#woosox-banner h2 {margin: 0;}#woosox-banner p {font-size: 24px;margin: 0;}#woosox-banner figure {margin: 0 40px;}#woosox-banner article {text-align:center;}#woosox-banner h2, #woosox-banner p {color: #fff;}@media (max-width: 1250px) { #woosox-banner {padding: 10px} #woosox-banner article {margin: 20px 0} #woosox-banner h2 {font-size: 36px} #woosox-banner p {font-size: 20px}}#seal2{display:flex;max-width:400px;width:100%;margin:0 auto;padding: 0 0 15px;}#seal2>*{max-width:210px}@media screen and (min-width:900px){#seal2{position:absolute;bottom:10px;right:-80px;padding:0;}}.accordion > .toogle::after { content: "\e906"; display: inline-block; font-family: fontello; font-weight: 600; color: #fff; text-align: center; cursor: pointer; font-style: normal; transition: all .3s; font-size: 30px; vertical-align: middle; position: absolute; right: 20px; bottom: 10px;}.accordion .toogle { margin: 10px 0 0; position: relative; cursor: pointer; padding: 18px 20px; line-height: 1; background-color: #0f4b91; color: #fff; font-size: 14px; font-weight: 400;}.has-h3 {clear: both; display: table; width: 100%; margin: 20px auto; text-align: left;}.has-h3 h3 {margin: 0 auto 10px;text-align: left;}.section-toggle {display: none;margin-top: 20px;}@media (max-width: 750px) { .has-h3, .has-h3 h3 {text-align: center;}}#index-find { margin: 8rem auto; text-align: center; max-width: 1200px;} .inline-quiz span { display: block; font-size: 20px;}.inline-quiz { margin-top: 40px; }.inline-quiz input { margin-right: 5px; }.quiz-answers { border: 3px solid #b1b1b1; padding: 20px; margin: 20px 0;}
