body { position: relative; font-family: Bitter; font-size: 18px; font-weight: 400; line-height: 1.67; color: #333333 }body, html { overflow-x: hidden }.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 }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 }#page-title h1:not(:only-child) { color: #000000; font-family: Bitter; font-size: 12px; font-weight: 400; letter-spacing: 1.2px; line-height: 1.2; text-transform: uppercase }#page-title h1, #page-title h1+h2 { color: #000000; font-family: Bitter; font-size: 60px; font-weight: 400; line-height: 1.2 }h2 { color: #000000; font-family: Bitter; font-size: 36px; font-weight: 400; line-height: 1.28 }h3 { color: #fa8343; font-size: 22px; font-weight: 600; line-height: 1.3; text-transform: uppercase }.h1 { color: #000000; font-family: Bitter; font-size: 15px; font-weight: 400; letter-spacing: 3px; line-height: 1.2; text-transform: uppercase }.h2 { color: #000000; font-family: Bitter; font-size: 33px; font-weight: 400; line-height: 1.24 }.h2.big { font-size: 55px }.h1, .h2, .h3, .h4 { display: block }a { color: #ee4d2e; cursor: pointer }a:hover { color: #06246b }#page-title { text-align: center }#page-title .title-wrapper { padding: 10px; max-width: 1000px; margin: 60px auto }#page-title h1+h2:after, #page-title h1:only-child:after { content: url(assets/images/title-divider.png); display: block; margin: 30px auto }body.page_index #page-title { display: none }.why { text-align: center; padding: 20px 0 }.why ul { margin: 0 auto 0; padding: 0; max-width: 1200px; display: flex; flex-flow: row wrap; justify-content: space-around }.why ul li { text-align: center; margin: 0; flex: 0 1 260px; max-width: 260px; padding: 5px; margin: 5px; color: #000000; font-family: Bitter; font-size: 15px; font-weight: 400; letter-spacing: 3px; line-height: 1.13; text-transform: uppercase }.why ul li:before { content: url(assets/images/accent-fairy.png); position: static; display: block; margin: 0 auto 10px }.services-grid { position: relative; text-align: center; width: 100%; margin: 25px auto 0; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: distribute; justify-content: center; padding: 60px 0px 60px }.services-grid>div { vertical-align: top; margin: 2px 9px 80px; text-align: left; flex: 0 1 370px; max-width: 370px; background-color: #fff }.services-grid>div>a { display: block; position: relative; transition: .3s }.services-grid>div>div { max-width: 331px; margin: -150px auto 0; background-color: #fff; position: relative; border-top: 2px solid #fa8343 }.services-grid h3 img { display: block; transition: .3s }.services-grid>div a:hover h3 { color: #fa8343 }.services-grid h3 { padding: 30px 0; text-align: center; transition: 0.3s; line-height: 1.25; font-size: 32px; text-transform: none; color: #333 }.services-grid ul { vertical-align: top; padding: 0; -webkit-column-count: 1; column-count: 1; margin: 30px auto 30px; padding: 0 20px; display: table }.services-grid ul li { margin-bottom: 20px }.services-grid li a { display: block; color: #333333; font-size: 16px; line-height: 1.13 }.services-grid li a:hover { color: #06246b }.accordion:after, .accordion>h2:after { content: ''; display: block; background: #dbdbdb; height: 1px; width: 100%; box-shadow: -500px 0 0 #dbdbdb, 500px 0 0 #dbdbdb }.accordion>div { display: none; padding: 10px 25px }.accordion>h2:before { content: "\e840"; display: inline-block; font-family: "Fontello"; color: #fa8343; cursor: pointer; transition: all .3s; margin-right: 20px; font-size: 28px; vertical-align: middle }.accordion>h2:after { position: absolute; top: 0; left: 0; right: 0 }.accordion div { position: relative }.accordion h2 { margin: 10px 0 0; position: relative; cursor: pointer; padding: 40px 20px; text-align: left; line-height: 1; color: #000000; font-family: Bitter; font-size: 18px; font-weight: 400; letter-spacing: 1.8px; text-transform: uppercase }.accordion>h2.active:before { content: "\e841" }.accordion h2:hover:before, .accordion h2.active:before { color: #06246b }.accordion p { margin-left: 40px; position: relative }@media (max-width:800px) { .accordion p { margin-left: 0; position: relative }}.next, .prev { cursor: pointer; z-index: 300 }.contact-us iframe { width: 100% }.hours label { display: inline-block; width: 110px; text-align: left; font-weight: 600 }.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% }}@media screen and (min-width:759px) { .page-split { display: flex; } .page-split>div { width: 100%; }}.split-locations { text-align: center; padding: 10px; background-color: rgba(6, 36, 107, 1);}.split-locations a{min-width: 200px;}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: #fa8343; position: absolute; top: 0px; left: 0 }.page-divider { max-width: 1150px }.divider-body { margin: 60px auto }.divider-body h2:first-of-type { margin-top: 0px }.divider-body figure { margin: 0 auto; position: relative }.divider-body article { padding: 10px; margin: 0 auto }.divider-body:nth-of-type(even) { flex-direction: row-reverse }@media (min-width:800px) { .divider-body { display: flex; align-items: center; justify-content: space-between } .divider-body article { flex: 0 1 600px; padding: 10px; margin: 0 } .divider-body article>div { max-width: 521px; margin: 0 auto } .divider-body figure { margin: 0 } .divider-body.no-img article, .divider-body.no-img article>div{max-width: 100%; flex: 1 1 auto;}}.btn { display: inline-block; position: relative; margin: 5px; padding: 16px 10px; color: #000000; font-family: "PT Sans Caption"; font-size: 15px; font-weight: 700; letter-spacing: 0.75px; text-transform: uppercase; min-width: 350px; -webkit-transition: background-color .3s; transition: background-color .3s; text-align: center; background-color: #fff; color: #000000; border: 2px solid #000000; border-bottom-color: #fa8343 }.btn:hover { background: #fa8343; border-color: #fa8343; color: #fff }.btn-alt { display: inline-block; position: relative; margin: 5px; padding: 16px 10px; color: #000000; font-family: "PT Sans Caption"; font-size: 15px; font-weight: 700; letter-spacing: 0.75px; text-transform: uppercase; min-width: 350px; -webkit-transition: background-color .3s; transition: background-color .3s; text-align: center; background-color: #fa8343; color: #fff; border: 2px solid #fa8343; border-bottom-color: #000 }.btn-alt:hover { background: #000; color: #fff; border-color: #000 }.btn.white { background-color: transparent; border: 2px solid #fff; border-bottom-color: #fa8343; color: #fff }.btn.white i { color: #fa8343 }.btn.white:hover { background-color: #fa8343; border-color: #fa8343 }.btn.white:hover i { color: #fff }.vid-btn span { display: block }.vid-btn { border-bottom: 1px solid #fff }.vid-btn em { display: block; height: 1px; width: 80%; margin: 5px auto; background-color: #fff }.vid-btn span:nth-of-type(2) { font-family: Bitter }.vid-btn:hover { background-color: #fff; color: #000; border-bottom-color: #fa8343 }.vid-btn:hover i { color: #fa8343 }.meet-landing .title { max-width: 331px; margin: -60px auto 0; position: relative; background-color: #ffffff; border-top: 2px solid #fa8343; color: #000; padding: 50px 5px; font-size: 28px }.meet-landing .title small { display: block; text-transform: uppercase; font-size: 14px; letter-spacing: 1.4px }.meet-images { margin: 60px auto; max-width: 1150px }.meet-video { display: flex; flex-wrap: wrap; justify-content: space-around; align-items: center; background-color: #81AF44; padding: 30px 10px;}.meet-video span { font-size: 35px; line-height: 1.2; color: #fff;}.meet-video .youtube { flex: 0 1 480px;}.pager, .slick-dots { display: inline-block; vertical-align: middle }.slick-dots li:before { content: none }.slick-dots li { padding: 0; display: inline-block }.pager>span, .slick-dots span { display: inline-block; margin: 0 5px; vertical-align: middle; width: 13px; height: 13px; border-radius: 50%; background-color: #fa8343; transition: .3s; line-height: 1; position: relative; border: none }.pager>span:after, .slick-dots span:after { content: ''; transition: .3s; position: absolute; left: 0px; right: 0px; bottom: 0px; top: 0px; border-radius: 50%; border: 3px solid #fff }.pager>span.cycle-pager-active, .slick-dots .slick-active span { border: 1px solid #fa8343 }.pager>span.cycle-pager-active:after, .slick-dots .slick-active span:after { opacity: 1 }.prev, .next { cursor: pointer; position: absolute; padding: 15px 5px; color: #fa8343; font-size: 35px; transition: background-color 0.3s; z-index: 200; width: 40px; bottom: 50%; transform: translateY(50%); background-color: #ffffff; height: 85px }.prev i, .next i { position: absolute; bottom: 50%; right: 50%; -webkit-transform: translate(50%, 50%); transform: translate(50%, 50%) }.prev i:before, .next i:before { margin: 0; line-height: 1 }.prev:hover, .next:hover { background-color: #fa8343; color: #fff }.prev { left: 0 }.next { right: 0 }@media (min-width:861px) { .prev { border-right: none } .next { border-left: none }}@media (max-width:860px) { .prev, .next { position: static; display: inline-block; padding: 0; margin-top: 10px; vertical-align: middle; -webkit-transform: none; transform: none; font-size: 30px; height: auto !important } .prev i, .next i { position: static; -webkit-transform: none; transform: none }}#office-tour { max-width: 980px; margin: 10px auto; position: relative; text-align: center }#office-tour.community { max-width: 700px }#office-tour .cycle-slide { width: 100%; text-align: center; max-width: 980px; margin: 0 auto }#tour { position: relative; margin: 0 auto }#tour .cycle-slide { width: 100%; text-align: center; padding: 2px 0; overflow: hidden }#tour .cycle-slide img { max-width: 100%; display: block; margin: 0 auto; width: 100% }#tour-controls { text-align: center; margin-top: 20px }.tour-controls { text-align: center }.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: #fa8343 }.input__label-content strong, .input__label-content strong a { color: #fff }.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 }.styled-form .inline.wide { width: calc(100% / 1.5 - 3px) }.styled-form .inline textarea { padding: 5px; display: block; width: 100%; height: 80px }.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: #06246b; 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 }.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 { 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: #fa8343 }.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 }.quiz { max-width: 600px; margin: 5px auto 50px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 50px; text-align: center; background-color: #fff; -webkit-box-shadow: 0 3px 35px rgba(18, 118, 153, 0.35); box-shadow: 0 3px 35px rgba(18, 118, 153, 0.35); border-radius: 5px; text-align: center }.quiz .input { margin: 10px 0 }.quiz select { margin-bottom: 15px }.quiz label { font-weight: 600; display: block; margin-bottom: 0.5em }.quiz input, .quiz textarea { margin-left: 0; border: 1px solid #848484; display: block; width: 100%; padding: 5px 15px; font-size: 16px; margin: 0 auto 10px; color: #333; max-width: 500px; height: 40px }.quiz select { border-radius: 5px; border: 1px solid #848484; padding: 5px }.quiz textarea { height: 130px }.quiz input[type="checkbox"], .quiz input[type="radio"] { display: inline; width: auto; margin-left: 15px }.quiz h2 { font-size: 28px; text-align: center; margin-bottom: 20px }.more-to-explore { max-width: 1298px; border: 28px solid #fbf7f4; background-color: #fff; 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 { text-transform: uppercase; letter-spacing: 3px; display: block; margin: 0; text-align: center; position: relative }.more-to-explore>span:before { content: url(assets/images/accent-fairy.png); display: block; margin: 0 auto }.more-to-explore .btn, .more-to-explore .btn-alt { min-width: 400px }.contain { max-width: 1200px; margin: 0 auto }.split>div { max-width: 1400px; margin: 0 auto; display: flex; justify-content: space-between; 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 600px; padding: 10px; margin: 0 auto }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: 14px; width: 33px; height: 33px; background-color: transparent; border-radius: 50%; border: 2px solid #fa8343; text-align: center }.social a i:before { display: block; margin: 0 auto; width: 30px; line-height: 30px }.social a+a { margin-left: 20px }.social .fb:hover { background-color: #4d70a8; border-color: #4d70a8 }.social .gp:hover { background-color: #dc4e41; border-color: #dc4e41 }.social .in:hover { background-color: #125688; border-color: #125688 }.social .tw:hover { background-color: #cb3737; border-color: #cb3737 }.social .yp:hover { background-color: #b62717; border-color: #b62717 }.social a:hover { color: #fff; 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 }}header { position: absolute; left: 0; top: 0; z-index: 500; width: 100%; text-align: center; line-height: 1 }header:before {content: ''; position: absolute; left: 0; right: 0; top: -20px; height: 104px ; background: url('assets/images/vine-top.png') top center no-repeat; pointer-events: none;}header .logo{max-width:300px;}header .pho { color: #000000; font-family: Oswald; font-size: 34px; font-weight: 400; letter-spacing: 3.4px; line-height: 1.21; text-transform: uppercase }header .pho i { color: #fa8343; font-size: 26px; vertical-align: middle }header .pho:hover { color: #fa8343 }header .pho:hover i { color: #06246b }header .phy { display: block; color: #333333; font-family: Bitter; font-size: 15px; font-weight: 400; line-height: 1.47 }header .phy:hover { color: #fa8343 }header .he-contact { text-align: right; flex: 0 0 auto }header #main-nav { background-color: #81AF44 }header #main-header { display: flex; align-items: center; justify-content: space-around; margin: 0 auto; max-width: 1400px; width: 100% }header .header-right { flex: 1 1 auto; display: flex; justify-content: flex-end; align-items: center }header .he-buttons { display: flex; align-items: stretch; justify-content: center; flex: 0 1 270px; margin-left: 30px }header .he-buttons a { border-left: 1px solid #dbdbdb; display: block; padding: 40px 10px; flex: 1 1 33%; color: #000000; font-family: Oswald; font-size: 13px; font-weight: 400; letter-spacing: 0.26px; line-height: 1.15; text-transform: uppercase }header .he-buttons a i { display: block; color: #fa8343; font-size: 16px; margin-bottom: 18px }header .he-buttons .ra { background-color: #fa8343; color: #fff }header .he-buttons .ra i { font-size: 26px; margin-bottom: 5px; color: #fff }header .he-buttons a:hover { color: #fff !important; background-color: #06246b !important }@media (min-width:1024px) { .scrolled header { position: fixed !important }}@media (min-width:860px) { .scrolled header { position: fixed !important; background-color: #fff; box-shadow: 1.5px 2.6px 59px rgba(16, 17, 17, 0.35) } .scrolled header .he-buttons a{padding: 15px 10px;} 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: 7px 10px; font-size: 15px; color: #fff; text-transform: uppercase; font-family: "PT Sans Caption"; font-weight: 700; letter-spacing: 1.13px } nav>ul>li:hover>a { background-color: #fa8343; 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: 230px; 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>li.has-children>a:after { content: '\e825'; font-family: Fontello; display: inline-block; vertical-align: middle; margin-left: 5px } 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: #fa8343; color: #fff } .mean-show { display: none !Important }}@media (max-width:860px) { header { background-color: #fff; 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: #fa8343 } 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 { 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 { max-width: 300px } header .logo .icon{max-width: 50px;} header .pho { font-size: 20px } header .phy { 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: #06246b; 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: #fa8343 !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: #0777b0; }#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 }}#banner { background-color: #333333;overflow: hidden; max-height: 690px; }#banner video{width: 100%; opacity: .5;}#banner .btn, #banner .btn-alt { min-width: auto; max-width: 247px; width: 100%; display: block; margin: 5px auto }#banner .caption { width: 100%; padding: 10px; position: absolute; right: 50%; bottom: 50%; width: 100%; transform: translate(50%, 50%); }#banner h1 { color: #ffffff; font-family: Bitter; font-size: 12px; font-weight: 400; letter-spacing: 1.2px; line-height: 1.2; text-transform: uppercase }#banner h2 { margin: 40px auto; color: #ffffff; font-family: Bitter; font-size: 112px; font-weight: 400; line-height: 1.07 }#banner .links { max-width: 860px; margin: 0 auto }@media (max-width:900px){ #banner{max-height: 100%;} #banner .caption{ transform: none; position: static;}}#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 }#banner-vid { max-width: 1200px; background: #000 }#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 }}.line { display: table; margin: 10px auto; color: #000000; font-family: Oswald; font-size: 18px; font-weight: 400; letter-spacing: 1.8px; line-height: 1.5; text-transform: uppercase; position: relative }.line:after { content: ''; transition: .3s; display: block; height: 2px; width: 100%; background-color: #fa8343 }.line:hover, a:hover .line { color: #fa8343 }.line:hover:after, a:hover .line:after { background-color: #06246b }#welcome h2 { margin: 30px auto }#welcome .h2 em { color: #0777b0; font-style: normal }#welcome>a { display: block; padding: 70px 10px 0 }#intro {margin: 60px auto 0;}#intro a {display: table;}#intro p a {display: initial;}#intro > div { padding: 40px 10px 0;}#story{position:relative;display:table;overflow:hidden; order: -1; flex: 0 0 auto}#castle{position:absolute;top:1px;right:120px;display:table}#fairy{position:absolute;bottom:0;left:20px}#welcome-message{position:absolute;right:8px;top:40px}#welcome-message img{display:block}#welcome-welcome{position:absolute;right:8px;top:15px}#welcome-knight{position:absolute;right:0;bottom:70px}@media(max-width: 1200px) { #intro > div {display: block; text-align: center;} #intro a {margin: 10px auto 40px;} #story {margin: auto;}}.callouts { margin: 100px auto; max-width: 1350px; text-align: center; flex-wrap: no-wrap; }.callouts a { background-color: #333333; position: relative }.callouts a:before {position: absolute; content: ''; left: 0; top: -55px; width: 300px; height: 90px; background: url('assets/images/vine-left.png') no-repeat;}.callouts a:nth-of-type(2):before {left: auto; right: 0; top: auto; bottom: -55px; background: url('assets/images/vine-right-2.png') no-repeat;}.callouts a:nth-of-type(3):before {left: auto; right: 0; background: url('assets/images/vine-right.png') no-repeat;}.second-callouts a:nth-of-type(1):before, .second-callouts a:nth-of-type(3):before {top: auto;left: auto; right: 0; bottom: -55px; background: url('assets/images/vine-right-2.png') no-repeat;}.second-callouts a:nth-of-type(2):before {right: auto; left: 0; top: -35px; bottom: auto; background: url('assets/images/vine-left.png') no-repeat;}.callouts a h3 { position: absolute; bottom: 50%; right: 50%; transform: translate(50%, 50%); width: 100%; color: #ffffff; font-family: Oswald; font-size: 34px; font-weight: 400; letter-spacing: -0.51px; line-height: 1.21; text-transform: uppercase }.callouts a h3:after { content: ''; display: block; margin: 15px auto 0; width: 75px; height: 2px; background-color: #fa8343 }.callouts a img+img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; transition: .3s }.callouts a:hover img { opacity: 0 }.callouts a:hover img+img { opacity: 1 }#reviews { max-width: 1298px; margin: 100px auto; border: 27px solid #fbf7f4; text-align: center; position: relative; padding: 80px 10px 80px }#reviews .cycle-slideshow { margin-top: 50px }#reviews article { vertical-align: top; max-width: 980px; width: 100%; position: relative; text-align: center }#reviews article .top { display: flex; align-items: center; justify-content: space-around; max-width: 250px; margin: 0 auto 20px }#reviews article>div { display: block; vertical-align: middle; margin: 10px auto }#reviews article p { margin: 10px auto; position: relative; max-width: 980px; line-height: 1.88; font-size: 16px; color: #333; font-weight: 400; font-style: italic }#reviews .controls { margin: 0 auto; max-width: 1200px }#reviews author { text-transform: uppercase; font-family: "PT Sans Caption"; font-size: 15px; font-weight: 700; line-height: 1.2; margin: 30px auto 0; text-align: center; display: block }#reviews .social-icon { position: relative; font-size: 26px; display: block; text-align: center; width: 48px; height: 48px; line-height: 48px; border-radius: 50%; text-align: center; background-color: #ffffff }#reviews .social-icon.icon-yelp { color: #b62717 }#reviews .social-icon.icon-facebook { color: #4d70a8 }#reviews .social-icon.icon-google { color: #dc4e41 }#reviews star { display: inline-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: #febb21; font-family: fontello; font-size: 22px; letter-spacing: 5.79px; margin-top: 10px; display: block }#reviews .controls { margin: 30px auto }#reviews .prev, #reviews .next { transform: none; -webkit-transition: color 0.3s; transition: color 0.3s; bottom: 350px; position: absolute }#reviews .prev { left: 20px }#reviews .next { right: 20px; left: auto }#reviews .prev i, #reviews .next i { position: static; transform: none }#reviews .btn { margin-top: 30px; min-width: 250px }@media (max-width:1200px) { #reviews .pager { position: static; transform: none } #reviews .controls .prev, #reviews .controls .next { position: static; display: inline-block; vertical-align: middle }}#board { margin: 100px auto; padding: 10px; display: block }#board h2 { margin-top: 20px }#board p { color: #333333 }#board .affil { max-width: 400px; margin: 30px auto }#insurance{margin: 100px auto;}#insurance figure {position: relative; display: table;}#insurance figure:before {content: ''; position: absolute; top: -40px; width: 390px; height: 117px; background: url('assets/images/vine-left-big.png') no-repeat; background-size: contain; z-index: 10; background-position: right;background-size: auto; left: 0;}#insurance figure:after {content: ''; position: absolute; right:-30px; bottom: -20px; width: 170px; height: 170px; background: url('assets/images/mushrooms.png') no-repeat; background-size: contain; z-index: 10;}#insurance article { flex: 0 1 450px }#find {max-width: 1200px; margin:60px auto; padding: 15px; text-align: center;}#map-section { max-width: 1400px; margin: 0 auto; display: flex; align-items: stretch; justify-content: center }#map-section>article { flex: 1 1 50% }#map-section .communities { position: relative; border: 37px solid #fbf7f4; display: flex; align-items: center; justify-content: center }#map-section .communities:after { content: url(assets/images/accent-knight.png); position: absolute; right: 10px; bottom: 10px }#map-section .communities .h2 { font-size: 42px }#map-section .communities ul { display: table; margin: 30px auto 0; padding: 0 }#map-section .communities ul li { font-size: 22px }#map-section .communities ul li+li { margin-top: 10px }#map-section .communities ul li:before { content: '\e948'; font-size: 22px }#other { margin: 100px auto; padding: 10px }#other h2 { margin: 30px auto }#other a { margin: 10px auto; display: block }.menu { border-right: 1px solid #ecf1f2; margin: 0 -20px; display: flex; box-sizing: border-box; justify-content: space-around; background-color: #ffffff; z-index: 100; position: relative; overflow: hidden; padding: 0 }.menu ul { padding: 0; position: relative; z-index: 5; overflow: visible; flex: 1 1 auto; display: flex }.menu li { list-style: none; padding: 0px; margin: 0; flex: 0 1 16.666666666699999%; position: relative }.menu li:after { z-index: -1; content: ""; position: absolute; top: 0; left: 0; right: 0; height: 100%; background-color: #ffffff; border: 1px solid #ecf1f2; -webkit-transform: skewX(-10deg); -moz-transform: skewX(-10deg); -ms-transform: skewX(-10deg); transform: skewX(-10deg) }.menu li:before { content: none }.menu li>a { text-align: center; opacity: 0.15; color: #000000; font-family: Oswald; font-size: 24px; font-weight: 400; letter-spacing: 0.6px; line-height: 1.17; text-transform: uppercase; line-height: 1; position: relative; display: block; text-decoration: none; transition: .3s }.menu li>a small { margin-top: 10px; display: block; text-transform: none; font-family: Bitter; font-size: 16px; font-style: italic }.menu li.cycle-pager-active>a, .menu li>a:hover, .menu li.active>a { color: #fa8343; opacity: 1 }.menu li.cycle-pager-active:after,.menu li.active:after { border-color: #fa8343 }.services-nav li>a { padding: 27px 10px }.services-rotation { margin-bottom: 100px; position: relative; }.services-rotation:before {content: ''; position: absolute; right: 0; width: 390px; background-size: auto; top: -30px;height: 117px; background: url('assets/images/vine-right-big.png') no-repeat; z-index: 105;}.services-rotation:after {content: ''; position: absolute; left: 52.5%; bottom: -30px; transform: translateX(-50%); width: 195px; height: 191px; background: url('assets/images/flowers.png') no-repeat; background-size: contain; z-index: 106;}.services-rotation p { margin: 60px 0 }.services-rotation .line { margin-left: 0 }#services {max-width: 1400px; margin: auto;}.logo { position: relative; padding-right: 40px; display: table; margin: 0 auto }.logo .icon { position: absolute }.logo .icon-fairy { top: -10px; left: 0 }.logo .icon-castle { top: -10px; right: 60px }.logo .icon-knight { right: 43px; bottom: 50px }.location-banner {position: relative;}.loc-banner-image {width: 100%;}footer .logo{max-width: 300px;}footer .fo-top { background-color: #81AF44; padding: 60px 10px }footer .fo-top .pho { color: #fff; font-family: Oswald; font-size: 34px; font-weight: 400; letter-spacing: 3.4px; line-height: 1.21; text-transform: uppercase }footer .fo-top .pho i { color: #fa8343; font-size: 26px; vertical-align: middle }footer .fo-top .pho:hover { color: #fa8343 }footer .fo-top .pho:hover i { color: #fff }footer .fo-top .phy { display: block; color: #fff; font-family: Bitter; font-size: 15px; font-weight: 400; line-height: 1.47 }footer .fo-top .phy i { color: #fa8343; display: inline-block; vertical-align: middle; font-size: 20px }footer .fo-top .phy span { display: inline-block; vertical-align: middle }footer .fo-top .phy:hover { color: #fa8343 }footer .fo-top .phy:hover i { color: #fff }footer .fo-main { margin: 100px auto; max-width: 1400px; padding: 10px }footer .fo-main .links:first-of-type { order: -1 }footer .fo-main .links a { display: inline-block; color: #000000; font-family: Oswald; font-size: 18px; font-weight: 400; letter-spacing: 1.8px; line-height: 1.2; text-transform: uppercase }footer .fo-main .links a i { font-size: 24px; margin-right: 5px; color: #fa8343 }footer .fo-main .links a:hover { color: #fa8343 }#copyright { background-color: #fff; padding: 40px 10px; text-align: center; font-size: 13px; font-weight: 400; letter-spacing: 1.3px; color: #333333; text-transform: uppercase; border-top: 2px solid #fbf7f4 }#copyright a { color: #0777b0 }#copyright em { font-style: normal }#copyright a:hover { text-decoration: underline !important }@media (max-width:750px) { #copyright span { display: block } #copyright em { display: none }}@media screen and (max-width:960px) { .split>div { display: block; text-align: center } .services-rotation:before {display: none;} .services-rotation .line { margin: 10px auto } .menu { margin: 0 auto; display: block; } .menu li { max-width: 300px; margin: 0 auto; flex: 0 1 300px } .menu >div{display: none;} .callouts {flex-wrap: wrap;} .callouts a:nth-of-type(3):before {top: auto; bottom: -19px;} .callouts a:nth-of-type(2):before {display: none;} .second-callouts a:nth-of-type(1):before {bottom: auto; top: 0;} .services-rotation:after {display: none;} #insurance figure {margin-top: 40px;}}@media (max-width:860px) { footer .fo-main { display: block } footer .links { display: table; margin: 20px auto }}@media screen and (max-width:768px) { header:before {display: none;} #banner h2 { font-size: 50px } h1, #page-title h1, #page-title h1+h2, h2, .h2, .h2.big { font-size: 35px; line-height: 1.2 } h3 { font-size: 25px; line-height: 1.2 } footer .fo-top .pho, footer .fo-top .phy { margin: 10px auto } footer .fo-top .pho i, footer .fo-top .phy i { display: none } .divider-line { display: none } #intro .divider-line {display: block;} #map-section{display: block;}}@media screen and (max-width:520px) { .animated, .wow { transition-property: none !important; transform: none !important; animation: none !important; visibility: visible !important } #story {display: none;} footer .fo-top .pho { font-size: 30px } #map, footer .gmap { display: none } .btn, .btn-alt { width: 100%; max-width: 300px; min-width: auto !important; margin: 10px auto } #welcome .h2 em { display: block } #map-section .communities, #reviews { border: none }}.safe-page { background-color: #41aac5; display: block; padding: 5px; text-align: center; color: #fff; line-height: 1.2; text-transform: uppercase; font-weight: 700; letter-spacing: 2px }.safe-page:hover { background-color: #3796af; color: #fff; text-decoration: none }.safe-page {background-color: #41aac5; display: block; padding: 5px; text-align: center; color: #fff; line-height: 1.2; text-transform: uppercase; font-weight: 700; letter-spacing: 2px;}.safe-page:hover {background-color: #3796af; color: #fff; text-decoration: none;}#safety { max-width: 1030px; margin: 40px auto 0; padding: 20px 10px; position: relative; }#safety:before {background-color: #efefef; content: ''; position: absolute; left: -1000px; right: -1000px; top: 0; bottom: 0; z-index: -1; }#safety .flex-ed {margin: 40px auto; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; justify-content: space-around; flex-wrap: nowrap;}#safety article {-webkit-box-flex: 0;-ms-flex: 0 1 800px;flex: 0 1 800px; padding: 0 10px;}#safety p {font-size: 18px; line-height: 1.6;}#safety h3 { font-size: 35px; margin: 5px auto; font-weight: 400; line-height: 1.2;text-align: left; letter-spacing: 0;}#safety h3:after {background-color: #fa8343; content: ''; display: block; height: 2px; width: 57px; margin: 10px 0;}.covid-icon { box-shadow: 0 0 0 10px #fff; border: 3px solid #fa8343; margin: 10px; height: 140px; width: 140px;-webkit-box-flex: 0;-ms-flex: 0 0 140px;flex: 0 0 140px; background-color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center;margin-right: 20px; }.cls-1, cls-1.per {stroke:#252525;stroke-miterlimit:10; stroke-width: .75px !important; fill: #fff; }.cls-2, .cls-3 {fill: #fff;}.cls-2, .cls-3, .cls-4 {stroke: #fa8343; } .filler.cls-2, .filler.cls-1 {fill: #fff !important;}.thinner .cls-1 {stroke-width: .1px !important; fill: #252525;}.thinner .cls-2 {stroke-width: .1px !important; fill: #fa8343;}.thinner .cls-2, .thinner .cls-3 {stroke-width: .5px;}.stroker .cls-2, .stroker .cls-3 {stroke-width: .4px !important;}@media(max-width: 750px) { .safe-page {letter-spacing: 0;} #safety .flex-ed {display: block;text-align: center;} .covid-icon {margin: 20px auto;} #safety h3 {text-align: center} #safety h3:after {margin: 10px auto;}}@media(max-width: 590px) { #safety h3 {font-size: 28px;}}.page_our-dental-team #page-title img { display: none;}#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} }