@import url(_ui.css);@import url(normalize.css);* { box-sizing: border-box; }input,textarea { display: block; width: 100%; box-sizing: border-box; border: none; padding: 5px 15px; font-size: 18px; margin-bottom: 12px; background: none; font-family: "Asap", "Helvetica Neue", Helvetica, Arial, sans-serif; max-width: 500px; color: #212629; background: #7e8b8b; }input[type="checkbox"],input[type="radio"] { display: inline; width: auto; margin-left: 15px; }select { margin-bottom: 15px; color: #000; }label { display: block; }.button,.btn { border: none; display: block; max-width:400px; margin:auto; text-align: center; padding: 10px 25px; font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif; color: white; font-size: 12px; font-size: 1.2rem; font-weight: 900; text-transform: uppercase; background-color: #51b3d8; border-radius: 5px; transition: background-color 0.3s; } .button:hover, .btn:hover { background-color: #008996; }html { font-size: 62.5%; }a[name] { position: relative; } a[name]:before { height: 145px; display: block; position: absolute; z-index: -1; content: ""; bottom: 0; width: 1px; } #footer-contact div p { margin: -4px auto -8px;}/***review section***/.review { display: inline-block; margin: 0 10px; max-width:100%;}.review-holder { margin: 0 auto; position: relative; width: 100%; text-align: center;}.review iframe{left:0;top:0;max-width:100%;}/**************/ @media screen and (max-width: 850px) { a[name]:before { display: none; } }@-moz-document url-prefix() { a[name] { top: -145px; } }a { color: #51b3d8; text-decoration: none; }h1,.page_index h2 { color: #008996; font-family: "Asap", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 50px; font-size: 5rem; line-height: 52px; font-weight: 600; font-styel: italic; } h1 > small, .page_index h2 > small { display: block; color: #7d8989; font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 20px; font-size: 2rem; line-height: 30px; font-style: italic; }h2 { color: #7d8989; font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 900; font-size: 24px; font-size: 2.4rem; line-height: 32px; margin-bottom: 0; }h3 { color: #7d8989; font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; font-style: italic; font-size: 20px; font-size: 2rem; line-height: 32px; }h2 + h3 { margin-top: 0; }h4 { color: #6e7c7c; font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 20px; font-size: 2rem; font-weight: 400; font-style: italic; }#interior, #append { text-align:center; line-height:1; }#interior { font-size:20px; margin:0px; }#interior + #append { font-size:48px; margin-top:10px; }.elem-shadow { box-shadow: 4px 4px 0 0 rgba(0, 0, 0, 0.7); }.text-center { text-align: center; }.text-left { text-align: left; }.text-right { text-align: right; }.clear-text { clear: both; }.wrapper { max-width: 980px; margin-right: auto; margin-left: auto; padding-left: 20px; padding-right: 20px; }body { padding-top: 132px; font-size: 16px; font-size: 1.6rem; line-height: 30px; color: #7d8989; font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif; }header { text-align: right; position: fixed; top: 0; z-index: 999; width: 100%; } header #header-content { background: #fff; padding: 22px 20px 10px 20px; }header .social {font-size:25px;margin-top:5px;} header #logo { float: left; margin: 0 0 0 75px; } header .locations { display: inline-block; vertical-align: top; border-top: 3px solid #6e7c7c; border-left: 3px solid #6e7c7c; border-right: 3px solid #6e7c7c; text-align: center; padding-bottom: 4px; } header .locations h4 { color: #008996; font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 12px; font-size: 1.2rem; font-weight: 900; text-transform: uppercase; background: #fff; width: 165px; margin: -15px auto 8px auto; } header .locations > span { display: inline-block; vertical-align: top; margin: 0 10px; } header .locations > span > a { display: block; line-height: 18px; } header .locations > span > a:first-child { color: #008996; font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; font-size: 1.3rem; font-weight: 900; } header .locations > span > a.phone { color: #7e8b8b; font-size: 20px; font-size: 1.5rem; font-weight: 900; }nav { text-align: center; background: rgba(235, 235, 235, 1); } nav a:hover { background: #51b3d8; color: #fff; } nav > ul { margin: 0; padding: 0; list-style: none; } nav > ul > li { display: inline-block; position: relative; } nav > ul > li:hover > a { color: #fff; background: #51b3d8; } nav > ul > li > a { display: block; font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif; line-height: 30px; font-size: 12px; font-size: 1.2rem; padding: 0 20px; color: #6e7c7c; font-weight: 900; text-transform: uppercase; } nav > ul > li > ul { display: none; background: rgba(81, 179, 216, 0.8); text-align: left; position: absolute; top: 100%; left: 0; width: 240px; margin: 0; list-style: none; padding: 0; z-index: 999; } nav > ul > li:nth-child(2) > ul {width:265px;} nav > ul > li > ul > li { display: block; position: relative; } nav > ul > li > ul > li a { font-size: 16px; font-size: 1.6rem; color: #fff; padding: 5px 15px; display: block; } nav > ul > li > ul > li > ul { background: #288eb4; text-align: left; position: absolute; top: 0; left: 100%; width: 240px; margin: 0; list-style: none; padding: 0; display: none; } nav > ul > li > ul > li:hover > ul { display: block; } nav > ul > li:hover > ul { display: block; }#side-tabs { position: fixed; right: 0; top: 180px; z-index: 202; overflow: none; } #side-tabs > a { display: block; color: #fff; margin: 0 0 4px 0; padding: 10px 14px 10px 10px; text-align: center; transform: translate(4px, 0); transition: background-color 0.3s, transform 0.3s; border-radius: 3px 0 0 3px; } #side-tabs > a:first-child { background-color: #51b3d8; } #side-tabs > a:first-child:hover { background-color: #008996; } #side-tabs > a:last-child { background-color: #68c3a2; } #side-tabs > a:last-child:hover { background-color: #008996; } #side-tabs > a img { display: block; margin: 0 auto; } #side-tabs > a i { font-size: 20px; font-size: 2rem; } #side-tabs > a:hover { transform: translate(0, 0); }#banner { position: relative; background-color: #dedfe1; overflow: hidden;}#banner .banner-img {width: 100%; display: block;}#banner #slide-2, #banner #slide-1 {width: 100%;} #banner figure { margin: 0; position: relative; left: 55%;} #banner figure img { width: 42%; vertical-align: bottom; padding-top: 40px;} #banner .cycle-slide article {position: absolute} #banner #slide-1 article{ left: calc(50% - 540px); top: 95px; max-width: 600px; z-index: 10; } #banner article p {font-size: 18px;} #banner article h2, #banner article h3, #banner article h4 { margin: 0; } #banner article strong { color: #6e7c7c; font-size: 50px; font-size: 5rem; font-family: "Asap", "Helvetica Neue", Helvetica, Arial, sans-serif; line-height: 50px; } #banner article small { color: #6e7c7c; font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 20px; font-size: 2rem; font-weight: 400; font-style: italic; } #banner #slide-1 article h3 { color: #7d8989; font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 900; font-size: 4.9rem; line-height: 40px; margin-bottom: 0; font-style: normal;}#banner .banner-intro { position:absolute; z-index:200;}#banner .banner-intro h1 { margin-bottom:0;}#banner .banner-intro h1 span { font-size:2rem; font-weight:400; font-style:italic; margin-top:0; display:block; font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;}#banner #slide-2 article, #banner .banner-intro { left: 0; right: 0; bottom: 50px; max-width: 100%; padding: 10px; background-color: #008a97; text-align: center; border-top: 15px solid rgba(0, 138, 151,.5); border-bottom: 15px solid rgba(0, 138, 151,.5); background-clip: padding-box;} #banner #slide-2 article h2, #banner .banner-intro h1 {color: #fff; font-size: 4em;}#banner #slide-2 article h4, #banner .banner-intro h1 span {color: #003b3f; padding: 7px}#banner #slide-2 article p, #banner .banner-intro p {color: #fff; margin: 0 auto 10px; max-width: 975px;}#page #dos { margin: 40px auto;}#dos { -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between;}#page #dos > h2 { -webkit-box-flex: 0; -webkit-flex: 0 1 100%; -ms-flex: 0 1 100%; flex: 0 1 100%;}h2#alt { background-color: #252525; text-align: center; padding: 9px;}#page #dos > section { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1;}#dos > section { margin: 0;}.col-flex-ed { flex-flow: column; -webkit-flex-flow: column; -ms-flex-flow: column;}.flex-ed, .col-flex-ed { display: flex; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox;}#page #dos > #quote { background: url(assets/images/deco-pattern-2.png) repeat top center; background-attachment: scroll; background-attachment: fixed;}#page #dos > section #quote { -webkit-box-flex: 1; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto;}#quote { padding: 10px; color: #fff; font-size: 19px; line-height: 1.57; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: column; -ms-flex-flow: column; flex-flow: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center;}.meet-banner article h2 {padding: 18px 0;}.my-pager { position: absolute; left: 84%; bottom: 3%; z-index: 500; font-size: 54px; color: #fff; cursor: pointer;}span.cycle-pager-active { color: #003b3f; text-shadow: 0px 0px 9px #000000;}#home-locations { padding: 25px 20px; text-align: center; } #home-locations h2 { margin-bottom: 45px; } #home-locations > a { display: inline-block; vertical-align: top; width: 230px; margin: 0 8px 20px 8px; text-align: center; color: #6e7c7c; font-size: 20px; font-size: 2rem; font-weight: 900; text-transform: uppercase; } #home-locations > a figure { margin: 0 0 10px 0; position: relative; } #home-locations > a figure:before { position: absolute; right: 26px; bottom: -9px; content: "\e809"; font-family: fontello; display: block; color: #fff; font-size: 24px; font-size: 2.4rem; z-index: 4; } #home-locations > a figure:after { background-color: #008996; transform: rotate(45deg); width: 36px; height: 36px; display: block; content: ""; position: absolute; right: 15px; bottom: -10px; z-index: 3; transition: background-color 0.3s; } #home-locations > a figure img { border: 1px solid #fff; box-shadow: 0 0 0 1px #889393; border-radius: 8px; max-width: 100%; } #home-locations > a > span { display: block; color: #008996; font-size: 15px; font-size: 1.5rem; font-style: italic; line-height: 21px; transition: color 0.3s; } #home-locations > a:hover figure:after { background-color: #51b3d8; } #home-locations > a:hover > span { color: #51b3d8; }#home-reviews { text-align: center; overflow: hidden; padding: 55px 0; position: relative; background: #546b79; color: #fff; } #home-reviews h2 { color: #fff; }#review-rotation { width: 150%; margin-left: -25%; min-height:300px;} #review-rotation .cycle-slide { width: 33%; padding: 0 75px; vertical-align: top; opacity: 0.3 !important; transition: opacity 0.3s; } #review-rotation .cycle-slide p { white-space: normal; max-width: 500px; margin: 0 auto; } #review-rotation .cycle-slide author { display: block; color: #fff; } #review-rotation .cycle-slide author i { color: #f0ad4a; margin: 0 -3px; } #review-rotation .cycle-slide-active + .cycle-slide { opacity: 1 !important; } #review-rotation > .prev, #review-rotation > .next { position: absolute; top: 10px; font-size: 100px; font-size: 10rem; cursor: pointer; color: #fff; opacity: 0.4; transition: opacity 0.3s; z-index: 202; } #review-rotation > .prev:hover, #review-rotation > .next:hover { opacity: 1; } #review-rotation > .prev { left: calc(50% - 400px); } #review-rotation > .next { right: calc(50% - 400px); }#review-pager { text-align: center; margin: 30px 0; } #review-pager > span { display: inline-block; vertical-align: middle; width: 10px; height: 10px; line-height: 10px; border-radius: 50%; text-align: center; background: #fff; transition: background-color 0.3s; margin: 4px; cursor: pointer; } #review-pager > span.cycle-pager-active { background: #51b3d8; }.home-block,.alt-home-block { background-color: #f5f5f5; background-repeat: no-repeat; background-size: cover; }.home-block { text-align: center; padding: 80px 20px 0 20px; } .home-block figure, .home-block article { display: inline-block; } .home-block article { width: 50%; text-align: left; vertical-align: top; padding-right: 30px;} .meetBtns { margin: 5px auto; } .home-block figure { vertical-align: bottom; margin: 0 0 0 -10px; max-width: 698px; width: 50%; } .home-block figure img { max-width: 100%; display: block; }.alt-home-block { padding: 50px 20px; } .alt-home-block article { max-width: 615px; } .alt-home-block article p { margin-right: 100px; }#home-tech { background-image: url(assets/images/home-tech.jpg); background-position: center right; }#home-community { background-image: url(assets/images/home-community.jpg); background-position: center left; } #home-community .wrapper { max-width: 1100px; } #home-community article { float: right; max-width: 500px; } #home-community article p { margin-right: 0; }#home-drs {padding: 10px 10px 66px 10px;display: grid;justify-content: center;align-items: center;flex-wrap: wrap;}#home-drs .drs-group{ display:flex; flex-wrap:wrap; max-width:600px; justify-content:center; align-items:center; margin: 0 auto;}#home-drs .drs-group div{ position:relative; max-width:150px;}#home-drs .drs-group div img{ width:100%;}#home-drs .drs-group div span{ color:#fff; font-weight:600; font-size:11px; text-transform:uppercase; position: absolute; text-align:center; bottom:20px; left:0; width:100%; background-color: rgba(0, 137, 150, 0.6);}#callouts { text-align: center; padding: 50px 0; } #callouts h2 { margin: 0 0 30px; } #callouts > a { display: inline-block; vertical-align: top; margin: 0 4% 20px; color: #6e7c7c; font-size: 20px; font-size: 2rem; font-weight: 900; text-transform: uppercase; } #callouts > a img { display: block; margin: 0 auto 10px; transition: transform 0.3s; } #callouts > a > span { display: block; color: #008996; font-size: 15px; font-size: 1.5rem; font-style: italic; line-height: 21px; transition: color 0.3s; } #callouts > a:hover img { transform: scaleX(-1); }#affiliations { padding: 20px; text-align: center; } #affiliations > span { width: calc(100%/6 - 10px); padding: 0 4px; display: inline-block; vertical-align: middle; }footer { background: #212629; text-align: center; padding-top: 70px; } footer .copyright { background: #546b79; display: block; margin: 30px 0 0 0; padding: 15px 20px; color: #000; font-size: 11px; font-size: 1.1rem; } footer .copyright a { color: #000; } footer h3 { color: #008996; font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 16px; font-size: 1.6rem; line-height: 20px; font-weight: 900; margin: 0 0 10px 0; font-style: normal; }#footer-contact { text-align: center; } #footer-contact img { display: inline-block; vertical-align: middle; margin: 15px 30px 0 0; } #footer-contact div { display: inline-block; vertical-align: top; padding: 0 25px; } #footer-contact div:first-of-type { border-left: 1px solid #7e8b8b; padding-left: 50px; } #footer-contact div address { margin: 0; color: #7e8b8b; font-size: 14px; font-size: 1.4rem; font-weight: 900; line-height: 22px; } #footer-contact div .phone { color: #7e8b8b; font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 20px; font-size: 2rem; font-weight: 900; line-height: 26px; display: block; margin-top: 8px; }.facebook { color: #3b5998; }.gplus { color: #dd4b39; }#footer-form,#footer-nav, #career-form { display: inline-block; vertical-align: top; text-align: left; margin-top: 50px; }#footer-form, #career-form { max-width: 520px; width: calc(100% - 440px); }#career-form {max-width:90%;width:100%;margin-top:0;} #footer-form input:not(.btn), #footer-form textarea, #career-form input, #career-form textarea { background: #7e8b8b; }#career-form input, #career-form textarea {color:#fff;max-width:100%;} #footer-form form > div, #footer-form form textarea, #career-form form > div, #career-form form textarea { display: inline-block; vertical-align: top; width: 48%; margin-right: 1.5%; } #footer-form form > textarea, #career-form form > textarea { height: 118px; }#career-form form > div, #career-form form textarea {width:100%;}#footer-nav { max-width: 390px; margin-left: 40px; } #footer-nav > ul { margin: 0; padding: 0; list-style: none; } #footer-nav > ul > li { display: inline-block; width: 48%; } #footer-nav > ul > li a { display: block; color: #7e8b8b; } #footer-nav > ul > li:hover a {color: #e6e6e6; } .fb-review-container { display:flex; justify-content:center; flex-flow:row wrap; background:#7d8989; max-height:500px; overflow:scroll; } .fb-reivew-container p { } .fb-review-container iframe { }#interior-content { padding-top: 50px; padding-bottom: 50px; } #interior-content h1 { text-align: center; } #interior-content #home-locations a { margin: 0 4px 20px 4px; width: 210px; }.page_index #interior-content { display: none; }ul.services-menu { list-style: none; padding: 0; } ul.services-menu > li { margin-top: 20px; } ul.services-menu > li > a { display: block; color: #7d8989; font-size: 24px; font-size: 2.4rem; font-weight: 900; line-height: 40px; background-color: #212629; padding: 0 15px; } ul.services-menu > li > ul { display: inline-block; vertical-align: top; margin: 15px 50px 15px 0; list-style-type: disc; } ul.services-menu > li > ul > li > a { color: #6e7c7c; font-size: 16px; }#contact-block { background: #008996; } #contact-block > div { display: inline-block; vertical-align: top; } #contact-block > div:first-child { background: #212629; padding: 35px 35px 0 35px; color: #7e8b8b; width: 260px; } #contact-block > div:nth-child(2) { color: #fff; font-size: 26px; font-size: 2.6rem; line-height: 36px; padding: 50px 35px 0 35px; width: calc(99% - 264px); } #contact-block > div:nth-child(2) p { margin-top: 0; position:relative; } #contact-block > div h2 { color: #008996; font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 24px; font-size: 2.4rem; font-weight: 900; margin: 20px 0 15px 0; } #contact-block > div .phone { display: block; margin: 10px 0; font-size: 27px; font-size: 2.7rem; } #contact-block .facebook, #contact-block .gplus{ font-size: 28px; } #contact-block iframe { display: block; }#tour { background-color: #eaeaea; text-align: center; padding: 25px; } #tour > h2 { margin: 0 0 20px 0; } #tour > img { border: 2px solid #7e8b8b; border-radius: 4px; }#tour-rotation { max-width: 640px; margin: 0 auto; }#tour-controls { margin: 15px; } #tour-controls > span { display: inline-block; vertical-align: middle; } #tour-controls > span.prev, #tour-controls > span.next { color: #fff; cursor: pointer; position: relative; width: 50px; height: 50px; line-height: 50px; font-size: 36px; font-size: 3.6rem; z-index: 3; text-align: center; } #tour-controls > span.prev:before, #tour-controls > span.next:before { background: #008996; width: 36px; height: 36px; transform: rotate(45deg); position: absolute; top: 10px; content: ""; z-index: -1; } #tour-controls > span.prev:before { left: 10px; } #tour-controls > span.next:before { left: 5px; } #tour-controls > span.pager { max-width: calc(100% - 120px); padding: 0 15px; } #tour-controls > span.pager > img { display: inline-block; vertical-align: middle; width: 100px; margin: 4px; border-radius: 4px; opacity: 0.7; cursor: pointer; vertical-align: middle; } #tour-controls > span.pager > img.cycle-pager-active { opacity: 1; } .page_meet-the-team section#interior-content.wrapper.clearfix a.btn { display: table; margin: 0 auto;}.page_meet-dr-hube-parker #tour-rotation { margin: 0 auto; display: table;} section.position-block { display: flex; flex-flow: row wrap; justify-content: center}div.team-gallery { margin: 10px; border: 1px solid #ccc; width: 215px;}div.team-gallery img { width: 100%;}div.title { padding: 15px; text-align: center;} #faqs h3 { cursor: pointer; } #faqs h3:before { content: "\e81a"; display: inline-block; height: 20px; width: 20px; line-height: 20px; text-align: center; font-size: 16px; font-size: 1.6rem; border-radius: 50%; font-family: fontello; background: #008996; color: #fff; margin-right: 10px; font-style: normal; } #faqs h3.active:before { content: "\e825"; }#faqs > div { display: none; padding: 0 45px; }#responsive-nav,.responsive-list { display: none; } #responsive-nav a, .responsive-list a { color: #6e7c7c; }.responsive-list { text-align: left; } .responsive-list > a { display: block; padding: 4px 20px; }.geo-txt{ width:0;}/***home-banner-callout***/.banner-callout{ background-color: #7d8989; display: inline-block; position: relative; padding: 13px 5% 0% 5%; z-index: 201;}.banner-callout-img{ display: inline-block; margin-top: -5.9%; width: 23%; position: relative; bottom: -19px;}.banner-callout-p{ display: inline-block; color: white; position: relative; margin: 0 5% 0 5%; width: 44%; top: -1vw; text-align: center;}.banner-callout-a{ display: inline-block; position: relative; top: -3vw;}.embed-container { position: relative; margin: 0 auto; overflow: hidden; max-width: 100%; display: flex;}.location-img { display: flex; }.location-img figure { margin: 0; }@media screen and (max-width: 1280px) { header #logo { margin-left: 0; } header #logo { max-width: calc(100% - 780px); } header #logo img { max-width: 100%; } }@media screen and (max-width: 1200px) { #banner #slide-2 article, #banner .banner-intro {bottom: unset; top: 150px;} #banner #slide-2 article h2, #banner .banner-intro h1 {font-size: 39px} #banner #slide-1 article {left: calc(50% - 440px)} #banner #slide-1 article h2, #banner #slide-1 article h3 {font-size: 45px;} .my-pager { display: none;}} @media screen and (max-width: 1100px) { #banner article { left: 15px; max-width: 45%; top: 40px; } #banner article h1 { font-size: 40px; font-size: 4rem; line-height: 40px; margin-bottom: -10px;} #banner article h1 strong { font-size: 32px; font-size: 3.2rem; line-height: 34px; } .home-block > figure, .home-block > article { display: block; width: auto; max-width: none; margin: 0 20px; } .home-block > figure { text-align: center; } .home-block > figure img { display: block; margin: 0 auto; } #home-tech, #home-community { background-image: none; } #home-tech article, #home-community article { float: none; width: auto; max-width: none; margin-right: 50px; } #home-tech article p, #home-community article p { margin: 20px auto; } #review-rotation > .prev, #review-rotation > .next { display: none; } } @media screen and (max-width: 1084px) { .banner-callout{}.banner-callout-img { width: 25%; bottom: -19px; margin: 0 5.5% 0 1%;}.banner-callout-p{ width: 33%;}.banner-callout-a{ top:-6vw;} .page_meet-the-team-headshots h2 {text-align: center;} div.title {padding: 0;} } @media screen and (max-width: 1050px) { body { padding-top: 0; } header { position: relative; text-align: center; } header #logo { display: block; max-width: 351px; float: none; margin: 10px auto; }} @media screen and (max-width: 980px) { .banner-callout{height: 210px;}.banner-callout-img { width: 21%; bottom: 45px; margin: 0 5.5% 0 18%;}.banner-callout-p{ width: 33%; width: 49%; bottom: 5%; margin: 0 0 0 0;}.banner-callout-a{ top: -6vw; width: 39%;} #banner article p {font-size: 18px; padding: 0 30px} div.team-gallery {width: 29%;}} @media screen and (max-width: 940px) { img { max-width: 100%; } img.elem-right, img.elem-left { max-width: 45%; } #footer-contact > img { display: none; } #footer-contact > div:first-of-type { border: none; } .geo-txt{ width:100%;}#reviewCard { display: none;}#contact-block > div:first-child { padding: 0;}}@media screen and (max-width: 870px) { a[name]:before { display: none; } .meetBtns { margin: 15px auto; max-width: 300px; display:block; } #footer-form, #footer-nav, #career-form { display: block; width: auto; max-width: 500px; margin: 10px auto; padding: 0 15px; } #side-tabs { display: none; } /*****banner-fix*****/#banner #slide-1 article, #banner #slide-2 article, #banner .banner-intro {position: static; height: 130px;}#banner #slide-2 article p, #banner #slide-1 article h3, #banner .banner-intro p {display: none;}#banner #slide-1 article {padding: 50px 0 0 50px;}.home-block article p { margin-right: 0; } #home-tech article, #home-community article { margin-right: 0px; } #contact-block > div:first-child { width: 100%; } #contact-block { text-align: center; } .home-block article {padding: 0;} } @media screen and (max-width: 800px) { #responsive-nav { display: block; } #banner article { display: block; padding: 30px; position: relative; width: auto; background: #dedfe1; top: auto; left: auto; max-width: none; } #interior-content main { float: none; width: auto; } #interior-content aside { float: none; width: auto; padding-left: 0; border: none; text-align: center; } nav > ul { display: none; text-align: left; } nav > ul > li { display: block; } nav > ul > li > ul { position: relative; padding-left: 20px; width: auto; top: auto; left: auto; } nav > ul > li > a { padding: 0 20px; } } @media screen and (max-width: 790px) { .banner-callout { display: block; position: relative; padding: 2% 10% 2% 10%; height: 220px; }.banner-callout-img { display: none;}.banner-callout-p { width: 100%; text-align: center; margin: 2% auto 5%;}.banner-callout-a { margin: 5% 25%; width: 50%; text-align: center;} #review-rotation { width: auto; margin-left: 0; } #review-rotation .cycle-slide { width: 100%; padding: 0 20px; opacity: 1 !important; } #contact-block > div:nth-child(2) { width: 100%; padding: 10px; font-size: 18px;} } @media screen and (max-width: 720px) { header .locations { display: block; margin: 20px auto; max-width: 340px; } #affiliations { display: none; } }@media screen and (max-width: 653px) { .banner-callout { display: none;} #banner { position: relative; height: auto; }div.team-gallery {width: 40%;}}@media screen and (max-width: 550px) { #review-rotation { width: auto; margin-left: 0; } #review-rotation .cycle-slide { width: 100%; padding: 0 20px; opacity: 1 !important; } h1, .page_index h2 { font-size: 36px; font-size: 3.6rem; line-height: 38px; } #footer-form form > div, #footer-form form textarea, #career-form form > div, #career-form form textarea { display: block; width: 100%; } #footer-nav > ul > li {width:90%;}#tour-controls > span.pager {display: none;} }@media screen and (max-width: 500px) { #banner #slide-2 article h2, #banner .banner-intro h1 {font-size: 35px;} #banner article p, #banner .banner-intro p {padding: 0; font-size: 16px; line-height: 25px;}} @media screen and (max-width: 450px) { #banner figure img {width: 100%;} #banner #slide-1 article { padding: 20px 0 0 0} #banner #slide-2 article h2, #banner .banner-intro h1 {font-size: 25px} #banner #slide-2 article h4, #banner .banner-intro h1 span {font-size: 18px;} } @media screen and (max-width: 400px) { div.team-gallery {width: 200px;} #banner #slide-1 article h2 {font-size: 30px;}} /** Team Modals **/#lean_overlay { position: fixed; z-index:1000; top: 0; left: 0; height:100%; width:100%; background: rgba(0,0,0,.7); display: none; justify-content:center; align-items:center;}.modal-box { display:none; position:relative; background:white; padding:20px; max-width:90%;}.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,.3);}.modal-close:before { content:"+";} .team-gallery a { margin-top:10px; display:block;}main .video-container { position:relative; max-width:640px; margin:0 auto; padding-top:56.25%;}main .video-container iframe { position:absolute; left:0; top:0; bottom:0; width:100%; height:100%;}.cards { display:flex; flex-flow:row wrap; }.cards > div { background:whitesmoke; margin:0 5px 10px; padding:5px; box-sizing:border-box;}.cards h3 { margin-top:0px; text-align:center; }.page_cavity-free-club { background:#82D6F4; }body.page_cavity-free-club { color:white;}.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;}button.togg { transition: 0.4s all;}@media (max-width: 750px) { .has-h3, .has-h3 h3 { text-align: center; }}.section-toggle { display: none; background-color: #fff; 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;}.sv-close svg { margin-left: 10px; max-width: 50px; height: auto; transition: 0.3s all;}.sv-close:hover svg * { fill: #008A97;}.sv-close:hover #Path_2166 { fill: #fff;}#home-drs .home-block article {max-width: 1100px; text-align: center;width: 100%;}#home-drs .home-block figure {vertical-align: bottom; margin: 0 0 0 -10px; width:100%; max-width:none;}#home-drs .drs-group {max-width:none;}