body { position: relative; background-color: #fff; font-family: Barlow; font-size: 18px; font-weight: normal; font-stretch: semi-condensed; font-style: normal; line-height: 1.46; letter-spacing: -0.26px; color: #727271; counter-reset: section; overflow-x: hidden; }p { margin-top: 1em; margin-bottom: 1em; }a { cursor: pointer; text-decoration: none; color: #255088; }a:hover { color: #4a98ff; }hr { position: relative; display: table; clear: both; margin: 40px auto; width: 100%; height: 1px; background-color: #4a98ff; }*:focus, a:focus, button:focus, input:focus { outline-width: medium; outline-color: #255088 !important; }h1, h2, h3, h4, h5, h6 { margin: 0; position: relative; }#page-title h1, .h1 small, h2 small { font-family: Barlow; font-size: 18px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.06; letter-spacing: normal; color: #000; display: block; margin: 10px auto; }#page-title h1:only-child, h2#append, .h1 { font-family: Barlow; font-size: 69px; font-weight: normal; font-stretch: semi-condensed; font-style: normal; line-height: 1; letter-spacing: normal; color: #221f20; }#page-title h1{font-weight: 600;}h2, .h2, .dividerLead, .more-to-explore span { font-family: Barlow; font-size: 65px; font-weight: normal; font-stretch: semi-condensed; font-style: normal; line-height: 1; letter-spacing: normal; color: #221f20; position: relative; }h3, .h3 { color: #221f20; display: block; position: relative; font: 400 30px/1.1 "Barlow Semi Condensed", sans-serif; text-transform: uppercase; }.h4, .toggle h2, .toggle h3 { color: #221f20; display: block; position: relative; font: 400 24px/1.25 "Barlow Semi Condensed", sans-serif; }.more-to-explore span { color: #fff; }.fo-title { color: #255088; font: 700 16px/1 "Barlow Semi Condensed", sans-serif; display: block; text-transform: uppercase; }.text-white, .h1 .text-white { color: #fff; }[class^=btn] { min-width: 250px; display: inline-block; padding: 22px 10px; margin: 0 5px 5px 0; box-sizing: border-box; text-align: center; color: white; line-height: 1; font-size: 16px; font-weight: 500; letter-spacing: 0.05em; text-transform: uppercase; position: relative; overflow: hidden; background: #221f20; z-index: 1; }[class^=btn]:before { width: 100%; position: absolute; left: calc(-100% + 5px); right: auto; top: 0; bottom: 0; content: ""; background: #255088; transition: 0.3s; z-index: -1; }[class^=btn]:hover { text-decoration: none; }[class^=btn]:hover:before { left: 0; right: 0; }.btn-alt { background-color: white; color: #221f20; }.btn-alt:before { background: #255088; }.btn-alt:hover { color: white; }.more-to-explore { text-align: center; margin: 60px 0 0; padding: 120px 0 60px; position: relative; z-index: 10; color: white; }.more-to-explore:before { position: absolute; left: -999px; right: -999px; top: 0; bottom: 0; content: ""; background: #255088; z-index: -1; }.more-to-explore span { margin-bottom: 30px; font-size: 22px; color: white; font-weight: 500; }.more-to-explore .btn { background: #221f20; color: white; }.more-to-explore .btn:before { background: white; }.more-to-explore .btn:hover { color: #221f20; }.more-to-explore .btn-alt { background: white; color: #255088; }.more-to-explore .btn-alt:before { background: #221f20; }.more-to-explore .btn-alt:hover { color: white; }.more-to-explore .btn, .more-to-explore .btn-alt { min-width: 32%; margin: 0 0.5% 10px; }@media screen and (max-width:1023px) { .more-to-explore .btn, .more-to-explore .btn-alt { min-width: 45%; margin: 0 1% 5px; }}@media screen and (max-width:600px) { .more-to-explore .btn, .more-to-explore .btn-alt { min-width: 100%; margin: 0 0 5px; }}form [class^=btn] { width: auto; }.logo { display: flex; align-items: center; }.logo img { margin: 0 auto; display: block; }.logo .title { font-size: 41px; color: #255088; font-weight: 500; margin-left: 10px; letter-spacing: -0.05em; }.logo .title small { display: block; color: #727271; font-size: 20px; font-weight: 400; letter-spacing: 0px; }.logo .mobile-logo { display: none; }header { position: absolute; z-index: 1010; line-height: 1; width: 100%; left: 0; top: 0; background: white; }header a:hover { text-decoration: none; }header #hd-contents { max-width: 1300px; margin: 0 auto; position: relative; padding: 10px; box-sizing: border-box; align-items: center; justify-content: space-between; }header #hd-container { position: relative; max-width: 800px; }header #hd-info { display: flex; align-items: center; justify-content: flex-end; margin-bottom: 20px; }header #hd-info i { color: #255088; }header #hd-info address a { color: #221f20; font-size: 18px; }header #hd-info address a:hover { color: #255088; }header .mobile-head { display: flex; flex-wrap: wrap !important; }header #hd-info .phone { display: block; color: #221f20; font-size: 35px; margin-left: 20px; font-weight: 500; }header #hd-info .phone:hover { color: #255088; }@media (min-width:1026px) { header #hd-btns { position: absolute; right: 0; top: 100%; width: 100%; max-width: 740px; display: flex; } header #hd-btns > * { margin: 0px; min-width: auto; flex: 100%; padding: 14px 10px; } header #hd-btns > *:before { display: none; } header #hd-btns .btn-ref{ max-width: 221px; background-color: #4a98ff;} header #hd-btns .btn-app { margin: 0px; background: #255088; } header #hd-btns .btn-forms{max-width: 210px;} header #hd-btns a:hover { background: #cbd1d2; color: #221f20; } nav#main-nav { flex: 100%; align-items: center; } nav#main-nav ul { margin: 0px; padding: 0px; text-align: center; flex: 100%; list-style: none; } nav#main-nav > ul { max-width: 100%; display: flex; justify-content: space-between; } nav#main-nav ul li { display: inline-block; position: relative; } nav#main-nav > ul > li:last-of-type > ul { left: auto; right: 0; } nav#main-nav ul li a { color: #221f20; padding: 0 5px; font-size: 16px; text-transform: uppercase; letter-spacing: 0.08px; line-height: 1.1; font-stretch: semi-condensed; font-weight: 500; display: block; } nav#main-nav ul li a:hover { text-decoration: none; color: #255088; } nav#main-nav ul ul { display: none; width: 280px; text-align: left; position: absolute; left: 0; top: 100%; list-style: none; background-color: #404040; z-index: 1020; line-height: 1; font-size: 0; } nav#main-nav ul ul li { width: 100%; } nav#main-nav ul li:hover > ul { display: block; -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; -webkit-animation-duration: 0.25s; animation-duration: 0.25s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } nav#main-nav ul ul li a { line-height: 1.6; padding: 5px 10px; font-weight: normal; text-transform: none; color: white; letter-spacing: 0px; font-size: 16px; } nav#main-nav ul ul li a:hover { background: #221f20; color: white; } nav#main-nav ul ul ul { left: 280px; top: 0; } nav#main-nav ul ul ul ul { position: static; display: block; left: 0; background: rgba(0, 0, 0, 0.8); } nav#main-nav ul ul ul ul li a { padding-left: 40px; }}.fix-nav.page_index header, .fix-nav header { position: fixed; width: 100%; left: 0; top: 0; z-index: 1010; animation-duration: 0.5s; animation-fill-mode: both; animation-name: slideIn; box-shadow: 0 0 4px rgba(0, 0, 0, 0.5); }@media (max-width:1025px) { header{position: fixed;} header #hd-contents { padding: 0; } .insurance-bar { display: block; } #hd-top { display: none; } .hd-info { display: flex; align-items: center; margin-right: 10px; justify-content: flex-end; text-align: center; } header .pho { font-size: 30px; } header .logo { padding: 8px; } header .logo img { max-height: 60px; } #main-nav, header .hd-btns, header [class^=btn] { display: none; } .nav-down { box-shadow: 0 3px 7px rgba(24, 23, 24, 0.2); } .nav-up { transform: translateY(-100%); } header nav ul { display: none; } body, header, .mean-container .mean-nav { transition: all 0.3s; } body { right: 0; } .attach header { position: fixed !important; box-shadow: 0 3px 7px rgba(24, 23, 24, 0.35); } .attach header .top-nav { display: none !important; } body.mean-active header { left: -80%; } body.mean-active { overflow: hidden; right: 80%; } body.mean-active:before { z-index: 98; content: ""; opacity: 0.7; background-color: #000; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-image: none; height: inherit; } body.mean-active .mean-container .mean-nav { right: 0; } .mean-container { display: flex !important; flex-flow: row nowrap; align-items: center; justify-content: space-between; } .mean-container .mean-bar { background-color: #404040; width: 70px; min-height: 70px; display: flex; flex-direction: column; justify-content: center; align-items: center; align-self: stretch; margin-left: 8px; } .mean-container .meanmenu-reveal { display: block; color: #fff; } .mean-container a.meanmenu-reveal.meanclose i:before { transform: rotate(45deg); font-size: 60px; content: "+"; margin: -5px 0 0 8px; } .mean-container .mean-bar .icon-menu { position: relative; display: table; transition: 0.3s all; z-index: 1; margin-top: 15px; } .mean-container .meanmenu-reveal .icon-menu:before { font-size: 30px; content: "|||"; transform: rotate(90deg) scaleY(1.6); letter-spacing: 3.2px; } .mean-container .mean-bar .icon-menu:after, .mean-container .meanmenu-reveal.meanclose:after { content: "MENU"; font-style: normal; position: absolute; left: 48%; transform: translateX(-50%); top: -13px; letter-spacing: 1px; font-size: 0.55em; font-weight: 700; } .mean-container .meanmenu-reveal.meanclose i:before { transform: rotate(45deg); font-size: 60px; content: "+"; margin: -5px 0 0 8px; } .mean-container .meanmenu-reveal.meanclose:after { content: "CLOSE"; bottom: 5px; } .mean-container .mean-nav { position: fixed; right: -80%; margin: 0; top: 0; bottom: 0; width: 80%; overflow: auto; display: flex; flex-flow: column; justify-content: flex-start; background-color: #404040; } .mean-container .mean-nav ul { font-size: 16px; 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: 0.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: 50px; 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 .mean-expand.mean-clicked:before { content: "\e83a"; } .mean-remove { display: none !important; } .mean-nav .social { min-height: 66px; background-color: rgba(0, 0, 9, 0.1); margin: 0; padding: 10px 5px; justify-content: center; } .mean-nav .fo-title { color: #fff; text-align: center; } .mean-nav .hours { display: block; text-align: center; color: #fff; padding: 10px; margin: 10px auto auto; } .mean-nav .hours p { display: table; text-align: left; font-size: 15px; margin: 10px auto 0; color: #fff; }}.play { cursor: pointer; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; color: #221f20; font: 700 15px/1 "Barlow Semi Condensed", sans-serif, sans-serif; text-transform: uppercase; letter-spacing: 1.5px; text-align: center; transition: 0.3s all; }.play i { width: 85px; height: 85px; border-radius: 50%; background-color: #fff; display: block; color: #221f20; display: inline-flex; align-items: center; justify-content: center; font-size: 30px; margin: 10px; transition: 0.3s all; }.play i:before { margin: auto; padding-left: 5px; }.play:hover { color: #4a98ff; }.play:hover i { background-color: #4a98ff; color: #fff; }[data-embed] .close, [data-vimeo] .close { cursor: pointer; line-height: 1; background-color: #255088; color: #fff; padding: 8px; text-transform: uppercase; z-index: 5; }[data-embed] .close i, [data-vimeo] .close i { font-style: normal; font-size: 1.5em; line-height: 1; vertical-align: middle; display: inline-block; margin-bottom: 5px; }[data-embed] .close:focus, [data-vimeo] .close:focus { background-color: #1a3860; }[data-embed] .close:hover, [data-vimeo] .close:hover { background-color: #1b1b1b; color: #fff; }[data-embed] .close { position: absolute; top: 0; right: 0; }[data-embed] .close i:before { transform: rotate(45deg); }.section { max-width: 1400px; margin: 0 auto; }.section article { box-sizing: border-box; padding: 10px; }.section figure { position: relative; }.section figure img { display: block; }.section.flex-ed { align-items: center; justify-content: space-between; }.section.flex-ed article { max-width: 500px; margin: 0 auto; }.name { font-size: 16px; font-weight: normal; font-stretch: semi-condensed; font-style: normal; line-height: 1.19; letter-spacing: 1.6px; text-align: center; text-transform: uppercase; color: #000; position: absolute; left: 0; bottom: 0; right: 0; box-sizing: border-box; padding: 10px; }.name:hover{color: #fff;}.deco { position: relative; }.deco:after { width: 1px; height: 125px; left: 50%; bottom: -75px; content: ""; background: #000; position: absolute; z-index: 100; }#banner { max-width: 1400px; margin: 0 auto; position: relative; overflow: hidden; }#banner .slick-banner { margin: 0 0 0 auto !important; max-width: 1190px; }#banner .slick-banner figure { display: block !important; position: relative; }#banner .slick-banner figure:before { position: absolute; left: 0; top: 0; bottom: 0; width: 70%; content: ""; background-image: linear-gradient(270deg, rgba(203, 209, 210, 0) 0%, #cbd1d2 100%); z-index: 10; }#banner .slick-banner figure img { display: block; width: 100%; filter: grayscale(10) brightness(1); }#banner article { text-align: left; box-sizing: border-box; padding: 10px 50px; position: absolute; left: 175px; top: 50%; transform: translateY(-50%); z-index: 100; }#banner article h1 { color: #221f20; font-size: 17px; }#banner article h2 { color: #221f20; }#banner #controls .slick-dots li span { border-color: white; }#banner #controls .slick-dots li.slick-active span { background: white; }@media screen and (min-width:1023px) { #banner article { left: 0; } #banner #controls { position: absolute; left: 250px; bottom: 80px; }}#welcome { max-width: 1400px; margin: -60px auto 0; position: relative; }#welcome:after { position: absolute; left: 50%; bottom: -75px; content: ""; background-color: #cbd1d2; width: 1px; height: 125px; z-index: -1; }#welcome h2 { color: white; font-size: 26px; }#welcome article { margin-right: 60px; margin-left: 210px; box-sizing: border-box; padding: 70px; background: #221f20; color: #cbd1d2; }#welcome .signature { color: #fff; display: flex; align-items: flex-end; flex-flow: column; }#welcome .signature img { margin: 0; display: block; }#welcome .signature:hover{color: #4a98ff;}#meet { padding: 120px 0; }#meet figure img + img{display: none;}#services { text-align: center; padding: 120px 0; background: #cbd1d2; }#services article { max-width: 980px; margin: 0 auto; box-sizing: border-box; padding: 10px; }#services ul{display: table; margin: 1em auto;}#services .callouts { max-width: 1300px; margin: 40px auto; justify-content: space-between; }#services .callouts img { filter: grayscale(10) brightness(1); display: block; }#services .callouts figure { position: relative; z-index: 10; }#services .callouts figure:before { background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%); position: absolute; left: 0; top: 70%; right: 0; bottom: 0; content: ""; z-index: 1; transition: 0.3s; }#services .callouts a { margin: 10px; max-width: 310px; position: relative; color: #cbd1d2; }#services .callouts a h3 { text-transform: none; color: white; font-size: 26px; }#services .callouts a > span { position: absolute; left: 0; bottom: 40px; right: 0; z-index: 11; display: block; }#services .callouts a > span em { box-sizing: border-box; padding: 10px 30px; font-style: normal; }#services .callouts a > span .more { color: white; }#services .callouts a > span em, #services .callouts a > span .more { display: none; }#services .callouts a:hover h3 { position: relative; }#services .callouts a:hover em { display: block; }#services .callouts a:hover .more { display: block; }#services .callouts a:hover figure:before { background-image: linear-gradient(180deg, rgba(37, 80, 136, 0.25) 0%, rgba(37, 80, 136, 0.75) 100%); top: 0; }#services .callouts a:hover h3 .more { display: block; margin-top: 20px; }#tech { text-align: center; padding: 120px 0; background: #404040; color: white; position: relative; }#tech:before { position: absolute; left: 50%; top: -60px; content: ""; width: 1px; height: 125px; background-color: #cbd1d2; }#tech h2, #tech .h2 { color: white; }#tech article { max-width: 980px; margin: 0 auto; box-sizing: border-box; padding: 10px; }#tech .cards { max-width: 1300px; margin: 40px auto; justify-content: space-between; }#tech .cards img { filter: grayscale(10) brightness(1); display: block; }#tech .cards figure { position: relative; z-index: 10; }#tech .cards figure:before { background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%); position: absolute; left: 0; top: 70%; right: 0; bottom: 0; content: ""; z-index: 1; transition: 0.3s; }#tech .cards a { margin: 10px; max-width: 415px; position: relative; color: #cbd1d2; }#tech .cards a h3 { text-transform: none; color: white; font-size: 26px; }#tech .cards a > span { position: absolute; left: 0; bottom: 40px; right: 0; z-index: 11; display: block; }#tech .cards a > span em { box-sizing: border-box; padding: 10px 30px; font-style: normal; }#tech .cards a > span .more { color: white; }#tech .cards a > span em, #tech .cards a > span .more { display: none; }#tech .cards a:hover h3 { position: relative; }#tech .cards a:hover em { display: block; }#tech .cards a:hover .more { display: block; }#tech .cards a:hover figure:before { background-image: linear-gradient(180deg, rgba(37, 80, 136, 0.25) 0%, rgba(37, 80, 136, 0.75) 100%); top: 0; }#tech .cards a:hover h3 .more { display: block; margin-top: 20px; }#team { padding: 120px 0; }#reviews { text-align: center; padding: 150px 0 250px; position: relative; }#reviews:before, #reviews:after { position: absolute; left: 50%; top: -50px; content: ""; background-color: #cbd1d2; width: 1px; height: 125px; }#reviews:after { top: auto; bottom: 50px; }#reviews .slick-reviews { max-width: 980px; margin: 40px auto; }#reviews .slick-reviews .review { box-sizing: border-box; padding: 10px; font-size: 22px; font-weight: normal; font-stretch: semi-condensed; font-style: italic; line-height: 1.55; letter-spacing: 0.55px; text-align: center; color: #727271; }#reviews .slick-reviews author { display: flex; font-style: normal; justify-content: center; line-height: 1; text-align: left; align-items: center; font-size: 18px; color: #221f20; }#reviews .slick-reviews author > span { display: block; margin-left: 20px; padding-left: 20px; border-left: 1px solid #cbd1d2; }#reviews .slick-reviews .stars:before { display: block; margin-top: 5px; letter-spacing: 0.3em; color: #febb21; }#reviews .slick-reviews author i.icon-facebook { font-size: 26px; color: #4d70a8; }@media screen and (min-width:1200px) { #reviews #controls-wrapper { position: relative; } #reviews #controls-wrapper #controls { position: absolute; left: 50%; margin-left: 150px; }}#options .align-btns { max-width: 437px; }#options .align-btns > * { min-width: 100%; }#serve { text-align: center; padding: 150px 0; position: relative; background: #cbd1d2; margin-top: 125px; }#serve:before, #serve:after { position: absolute; left: 50%; top: 0; content: ""; background-color: #000; width: 1px; height: 60px; }#serve:after { top: -60px; bottom: 0; }#soon { text-align: center; margin: 0 auto 8rem; padding-top: 150px; max-width: 980px; position: relative; }#soon:before, #serve:after { position: absolute; left: 50%; top: -60px; content: ""; background-color: #000; width: 1px; height: 120px; }#soon:after { top: -60px; bottom: 0; }#find { display: flex; max-width: 980px; margin: 0 auto; }#find.show #map img { display: none; }#find #map { flex: 100%; }#find #coupon { max-width: 50%; flex: 100%; }#find #coupon .coupon { max-width: 100%; min-height: 650px; display: flex; justify-content: center; align-items: center; padding: 20px; }.grey { transition: 0.3s; filter: grayscale(100%); -webkit-filter: grayscale(100%); }#index-faq { margin: 8rem auto; text-align: center; max-width: 980px; }#index-stories { margin: 100px auto; padding: 30px 10px; }#index-stories .bottom { position: relative; max-width: 980px; margin: 0 auto; padding-bottom: 60px; }#index-stories .bottom:after { content: ""; position: absolute; top: 100px; bottom: 0px; left: 0px; right: 0px; z-index: -2; background-color: #cbd1d2; }#index-stories .story-controls { display: flex; align-items: center; justify-content: center; }#index-stories .arrow { font-size: 18px; }#index-stories #next { order: 2; }#index-stories .slick-dots { margin-top: -6px; }#index-stories .slick-dots li { margin: 0; }#index-stories .slick-dots li span { height: 2px; background-color: #727271; width: 90px; display: inline-block; margin: 0 2px; }#index-stories .slick-dots li.slick-active span { background-color: #4a98ff; }.hours { display: block; text-align: left; max-width: 300px; line-height: 1.5; }.hours b, .hours label { display: inline-block; min-width: 95px; font-weight: 500; }.social { margin: 0px; display: block; }.social a { display: inline-block; vertical-align: top; margin: 0; }.social a i:before { font-size: 25px; line-height: 1; display: block; transition: 0.2s; padding: 10px; color: white; }.social a:hover { text-decoration: none; }.social a:hover i.icon-facebook:before { color: #4d70a8; }.social a:hover i.icon-gplus:before { color: #dc4e41; }.social a:hover i.icon-yelp:before { color: #b62717; }main .forms label { margin-bottom: 0.5em; }main .forms { background-color: #f7f7f7; box-sizing: border-box; padding: 20px; }.forms .inline-box > div { padding: 10px; margin-bottom: 10px; background-color: rgba(38, 169, 223, 0.2); }.forms .inline { 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; justify-content: space-between; box-sizing: border-box; }.forms .inline > * { width: calc(33.3333333333% - 5px); box-sizing: border-box; }.forms .inline-2 > * { width: calc(50% - 5px); }.forms span { display: block; }.forms .full { flex: 100%; max-width: 100%; }.forms .inline .btn { min-width: 100%; }.forms .inline .btn:hover, #appt-form .btn:hover{background-color: #255088;}.forms input:focus, .forms textarea:focus { background: rgba(0, 0, 0, 0.8) !important; color: #fff !important; }#contact { max-width: 980px; padding: 60px 0; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; }#contact .h2 { display: block; font-size: 65px; }#contact .h2 small { display: block; font-size: 18px; }#contact .forms { max-width: 570px; flex: 100%; }#contact .forms input:not(.btn), #contact .forms textarea { font-size: 16px; background: rgba(203, 209, 210, 0.25); color: #221f20; padding: 20px 10px; text-transform: uppercase; font-weight: 500; letter-spacing: 0.1em; margin-bottom: 5px; }#contact .forms textarea { height: 125px; width: 100%; }#assoc { text-align: center; padding: 40px 0; }#assoc .flex-ed { justify-content: space-around; align-items: center; max-width: 1300px; margin: 0 auto; }#assoc img { filter: grayscale(10) brightness(1); }footer { background: #221f20; line-height: 1; position: relative; color: #cbd1d2; }footer .logo .title { color: white; }footer .logo .title small { color: white; }footer .fo-title { display: block; font-size: 26px; margin-bottom: 20px; font-weight: 500; color: white; }footer #fo-contents { max-width: 1240px; flex: 100%; margin: 0 auto; justify-content: space-around; padding: 120px 0px; box-sizing: border-box; align-items: flex-start; }footer #fo-contents a:hover { text-decoration: none; }footer #fo-info .phone { font-size: 35px; display: block; color: white; position: relative; padding-left: 40px; font-weight: 500; margin-top: 20px; }footer #fo-info .phone i { position: absolute; left: 0; top: 50%; transform: translateY(-50%); color: white; font-size: 24px; }footer #fo-info .phone:hover { color: #255088; }footer #fo-info address { display: block; line-height: 1.1; margin-bottom: 10px; position: relative; padding-left: 40px; }footer #fo-info address i { position: absolute; left: 0; top: 50%; transform: translateY(-50%); color: white; }footer #fo-info address a { display: block; color: #cbd1d2; font-size: 18px; line-height: 1.7; }footer #fo-info address a span { display: block; }footer #fo-info address a:hover { color: #255088; }footer #fo-info .social { margin-top: 20px; }footer .hours { font-size: 16px; line-height: 1.7; margin: 0 0 0 30px; }footer #copy { padding: 20px 0; text-align: center; font-size: 13px; border-top: 1px solid #404040; color: #cbd1d2; letter-spacing: 0.1em; }footer #copy a { color: white; }footer #copy a:hover { text-decoration: none; color: #255088; }main .slick-slider .slick-slide img { margin: 0 auto; display: block; }#controls { align-items: center; justify-content: center; }#controls .slick-dots li span { width: 1em; height: 1em; line-height: 1; cursor: pointer; background-color: none; border: 1px solid #cbd1d2; display: inline-block; margin: 0 5px; font-size: 10px; border-radius: 50%; }#controls .slick-dots li.slick-active span { background: #255088; border-color: #255088; }#controls.flex-ed #next { order: 2; }#prev, #next { font-size: 62px; z-index: 100; line-height: 1; border-radius: 50%; padding: 5px; }#prev:hover, #next:hover { color: #221f20; }#prev i:before, #next i:before { margin: 0px; width: 1em; }.slick-slider #prev, .slick-slider #next { position: absolute; left: -70px; top: 50%; transform: translateY(-50%); }.slick-slider #next { right: -70px; left: auto; }.slick-gallery { text-align: center; }.slick-gallery .case { display: flex !important; flex-flow: wrap; justify-content: center; }.slick-gallery .case .before:after, .slick-gallery .case .after:after { display: block; margin-top: 20px; text-transform: uppercase; color: #221f20; letter-spacing: 0.1em; font-weight: 500; font-size: 18px; content: ""; }.slick-gallery .case .before:after { content: "Before"; }.slick-gallery .case .after:after { content: "After"; }.slick-tour .slick-slide div > div, .slick-tour img { display: block !important; }.slick-tour .caption { position: absolute; left: 0; bottom: 0; width: 100%; text-align: center; color: white; text-transform: uppercase; font-weight: 500; letter-spacing: 0.1em; background: rgba(34, 31, 32, 0.7); padding: 5px 10px; box-sizing: border-box; }#tour-nav img { max-width: 232px; }.video-grid > div { flex: 0 1 480px; margin: 10px; }.video-grid h3 { margin-top: 10px; display: block; line-height: 1.1; }.video-grid > div { margin: 10px; }.why { position: relative; min-height: 282px; padding: 65px 10px 10px; counter-reset: why-section; max-width: 1140px; margin: 0 30px 0 auto; background-color: #221f20; padding-right: 300px; }.why:after { content: url(assets/images/why.png); position: absolute; top: 0; right: -20px; bottom: 0; }.why h2 { font-family: Barlow; font-size: 26px; font-weight: normal; font-stretch: semi-condensed; font-style: normal; line-height: 1.2; letter-spacing: 0.65px; color: #fff; }.why > div { margin: 0 auto 0 75px; }.why ul li { color: #cbd1d2; padding: 0; margin-left: 0; }.why ul li:before { content: ""; counter-increment: why-section; content: "#"counter(why-section) " "; font-family: inherit; position: static; transform: none; color: #cbd1d2; font-size: inherit; }.section-toggle { display: none; margin-top: 20px; position: relative; z-index: 5; }.page-divider { display: block; max-width: 100%; width: 100%; position: relative; z-index: 1; }.divider-block { position: relative; display: table; clear: both; width: 100%; max-width: 100%; padding: 130px 10px; }.divider-block:before { content: ""; position: absolute; left: -1000px; right: -1000px; top: 0; bottom: 0; z-index: -1; }.divider-block .contain { display: flex; justify-content: space-between; align-items: flex-start; }.divider-block h2 { margin-bottom: 20px; }.divider-block .wrap { height: 0; }.divider-block article { margin: auto; flex: 0 1 550px; }.divider-block article p:first-of-type { margin-top: 0; }.divider-block ul li { margin-left: 0; }.divider-block .btn { margin-left: 0; }.divider-block .elem { flex: 0 0 auto; position: relative; z-index: 3; }.divider-block .elem-right { order: 1; }.divider-block .elem-sm { max-width: 300px; }.divider-block:nth-of-type(even):before { background-color: #cbd1d2; }.divider-block:after { width: 1px; height: 125px; position: absolute; left: 50%; bottom: -62px; content: ""; background: #000; z-index: 100; }.mini-block { display: flex; align-items: start; justify-content: space-between; clear: both; max-width: 1140px; width: 100%; margin: 30px auto; }.divider-block.no_img article { max-width: 1130px; margin: auto; text-align: center; }.emergency { padding: 100px 10px; }.about-block { background: #221f20; color: #cbd1d2; box-sizing: border-box; padding: 40px 10px; z-index: 100px; position: relative; flex-flow: wrap; }.about-block h3 { color: white; font-size: 22px; font-weight: 500; }.about-block ul { font-size: 16px; }.about-block ul li:before { color: #cbd1d2; }.about-block > div { box-sizing: border-box; padding: 0 20px; border-right: 1px solid #404040; }.about-block > div:last-of-type { border: none; }@media screen and (min-width:1280px) { .about-block { margin-top: -80px; padding: 80px 40px; }}.more-to-explore { position: relative; text-align: center; margin: 0 auto; padding: 40px 10px 60px; background-color: #404040; }.more-to-explore p { padding: 10px; margin: auto; max-width: 1150px; display: flex; align-items: center; flex-wrap: wrap; justify-content: center; }.more-to-explore [class^=btn] { min-width: 350px; margin: 5px; }/** Remove the class="off" from the leanModal link in the html to activate the link/connect to its pop-up *****/.off { pointer-events: none; }.service-icons { display: flex; justify-content: center; text-align: center; flex-wrap: wrap; margin: 20px auto; max-width: 1080px; }.service-icons .mini-block { margin: 0; }.service-icons .modal .icon { height: 80px; display: flex; flex-direction: column; justify-content: center; align-items: center; }.service-icons .modal .icon .ic-color { fill: #4a98ff; }.service-icons .modal .has-h3 { clear: both; display: table; width: 100%; margin: 20px auto; text-align: left; }.service-icons .modal .has-h3 h3 { margin: 0 auto 10px; text-align: left; }.service-icons h3 { margin: 5px auto; font-size: 22px; line-height: 1.1; }.service-icons > * { padding: 5px; flex: 0 1 180px; margin: 10px auto; display: block; }.service-icons a { color: #221f20; text-decoration: none; }.service-icons a:hover .icon .ic-color { fill: #255088; }.service-icons a:hover h3 { color: #255088; }@media (max-width:750px) { .has-h3, .has-h3 h3 { text-align: center; }}.services-grid { position: relative; margin: 40px auto; display: flex; align-items: stretch; flex-wrap: wrap; justify-content: center; }.services-grid:after { content: ""; background-color: #cbd1d2; position: absolute; left: -1000px; right: -1000px; top: 100px; bottom: 0; z-index: -1; }.services-grid > div { flex: 0 1 365px; background-color: #255088; margin: 20px; }.services-grid h3 { display: block; text-align: center; line-height: 1.1; font-family: Barlow; font-size: 32px; font-weight: 500; font-stretch: semi-condensed; font-style: normal; line-height: 1.06; letter-spacing: normal; text-transform: none; text-align: left; color: #fff; position: absolute; bottom: 40px; left: 30px; }.services-grid h3 a { color: #fff; }.services-grid h3 span { display: block; font-size: 18px; }.services-grid figure { transition: 0.4s all; position: relative; }.services-grid figure img { width: 100%; }.services-grid ul { padding: 10px; display: table; margin: 20px auto; }.services-grid ul li { line-height: 1.2; margin: 10px auto; }.services-grid ul li:before { content: "\e933"; color: #fff; font-size: 12px; top: 4px; }.services-grid ul li a { color: #fff; }.services-grid h3:hover a { color: #404040; }.services-grid ul li:hover a { color: #404040; }#all { background-color: #221f20; text-align: center; display: flex; flex-direction: column; justify-content: center; align-items: center; flex: 0 1 62%; max-width: 100%; min-height: 250px; transition: 0.4s all; }#all .h2 { padding: 10px; }#all .h2, #all .btn { color: #fff; }#all:hover { background-color: #255088; }#all:hover .btn { background-color: #4a98ff; color: #fff; }.stories { position: relative; margin: 100px auto; max-width: 1040px; padding: 10px; }.stories:after { content: ""; position: absolute; top: 0; bottom: 100px; left: 60px; right: 60px; z-index: -2; background-color: #cbd1d2; }.stories .top { max-width: 820px; margin: 50px auto; padding: 10px; }.story { position: relative; max-width: 1040px; margin: 30px auto; padding: 80px 10px; }.story:after { content: ""; position: absolute; top: 0; bottom: 0; left: 100px; right: 100px; z-index: -1; background-color: #221f20; }.story figure { margin: 30px auto; }.story h2, .story p { margin: 0 auto; max-width: 667px; color: #fff; }.refer { max-width: 1300px; margin: 100px auto; padding: 10px; }.refer hr { background-color: #727271; }.refer h2 { font-size: 49px; }.refer h3 { text-transform: none; }.refer-nav { overflow: hidden; counter-reset: step; border: none; display: flex; align-items: center; justify-content: center; border-top: 1px solid #000; border-bottom: 1px solid #000; }.refer-nav .slick-list { width: 100% !important; }.refer-nav li { list-style-type: none; color: black; text-transform: uppercase; flex: 1 1 25%; margin: 0; padding: 30px 10px; position: relative; font-size: 20px; font-weight: bold; font-stretch: semi-condensed; font-style: normal; line-height: 1.1; letter-spacing: normal; text-align: center; color: #727271; text-transform: none; }.refer-nav li:after { content: ""; opacity: 0; display: block; position: absolute; bottom: -2px; left: 0; right: 0; height: 3px; background-color: #4a98ff; }.refer-nav li:before { content: none; }.refer-nav .slick-current li:after { opacity: 1; }#quest { position: relative; z-index: 6; margin: 0 auto; }#quest .block { margin-top: 30px; }#quest .block > div { flex: 1 1 100%; width: 100%; }#quest .block > div > label { display: block; font-family: Barlow; font-size: 26px; font-weight: normal; font-stretch: semi-condensed; font-style: normal; line-height: 1.1; letter-spacing: 0.65px; color: #727271; margin-bottom: 10px; }#quest input:not([class^=btn]):not([type=checkbox]):not([type=radio]) { width: 100%; padding: 10px; background-color: rgba(203, 209, 210, 0.25); display: block; }#quest::placeholder { color: #000; }#quest::-webkit-input-placeholder { color: #000; }@media (min-width:1024px) { #quest .block > div + div { margin-left: 30px; }}#page { position: relative; display: block; width: 100%; margin: auto; max-width: 1400px; clear: both; }#page.has_divider { padding-bottom: 0; }.page_index .internal { display: none; }.center { text-align: center; }main { overflow: hidden; }main ol { text-align: left; }main ul { list-style: none; padding: 0; margin: 10px 0; text-align: left; overflow: hidden; }main ul li { position: relative; display: block; margin: 0 0 10px 26px; padding-left: 24px; line-height: 1.6; overflow: hidden; }main ul li:before { content: "\e832"; color: #255088; position: absolute; left: 0; top: 0; font-size: 0.9em; }@media (min-width:800px) { ul.two { -webkit-column-count: 2; column-count: 2; }}@media (max-width:750px) { main ul li { margin-left: 10px; } .elem-left, .elem-right, .divider-block .elem-left, .divider-block .elem-right { display: table; float: none; margin: 20px auto; max-width: 100%; }}#interior-banner { max-width: 1400px; margin: 0 auto; display: flex; flex-direction: column; justify-content: center; position: relative; }#interior-banner .contain { max-width: 1400px; margin: auto; width: 100%; position: relative; }#interior-banner #page-title { max-width: 700px; z-index: 5; position: absolute; bottom: 50%; transform: translateY(50%); left: 16%; }#page-title { position: relative; margin: auto; }.flex-title { height: 100%; }.flex-title #page-title { text-align: left; margin: auto; }#intro { margin: 0 auto; font-size: 26px; width: 100%; padding: 100px 0; max-width: 1190px; margin: 0 0 0 auto; }#intro > div { max-width: 960px; }#main-img >div { display: table; position: relative; margin: 0 0 0 auto; }#main-img >div:after{content: ''; background: linear-gradient(to right, rgba(37,80,136,0.7) 0%,rgba(0,0,0,0) 100%); position: absolute; top: 0; bottom: 0; left: 0; width: 100%; }#static-banner { display: none; }.landing { display: flex; align-items: flex-start; justify-content: space-around; flex-wrap: wrap; }.landing a { flex: 0 1 30%; margin: 10px auto 20px; text-align: center; }.landing a h3 { padding: 10px; background-color: #255088; color: #fff; font: 400 15px/1 "Barlow Semi Condensed", sans-serif; text-transform: none; transition: 0.3s all; }.landing a:hover h3 { background-color: #4a98ff; color: #fff; }.simple { line-height: 1; font-size: 0; margin: 0 auto; text-align: center;}.simple select, .simple option, .simple input:not([class^=btn]), .simple textarea { -webkit-box-sizing: border-box !important; box-sizing: border-box !important; border: 0; border-radius: 0; line-height: 1; font-size: 18px; width: 100%; max-width: 100%; padding: 0 11px; margin-bottom: 10px; height: 45px; color: #607e8e; background-color: #eee;}.simple select, .simple option { display: block; color: #424546;}.simple textarea { height: 130px; padding: 14px 11px;}.simple input:focus, .simple textarea:focus { outline: 0; background-color: #e7f0f6; color: #607e8e;}::placeholder { color: #424546;}::-webkit-input-placeholder { color: #424546;}#refer { background: #4a98ff; margin: 40px auto; max-width: 700px; padding: 40px 20px 30px; }#refer .simple { max-width: 650px; margin: auto; }.faq-container { position: relative; padding: 80px 10px; color: #fff; text-align: center; }.faq-container h2, .faq-container h3 { color: #fff; }.faq-container:before { position: absolute; left: -999px; right: -999px; top: 0; bottom: 0; content: ""; z-index: -1; background: #404040; }.accordion { max-width: 980px; margin: 0 auto; position: relative; padding: 80px 0; }.accordion:before { position: absolute; left: -999px; right: -999px; top: 0; bottom: 0; content: ""; z-index: -1; background: #404040; }.accordion .toggle { display: block; width: 100%; cursor: pointer; padding: 15px 40px 15px 10px; position: relative; margin: 10px 0 0; border-bottom: 1px solid #000; }.accordion .toggle h2, .accordion .toggle h3 { font-size: 30px; font-weight: normal; font-stretch: semi-condensed; font-style: normal; line-height: 1; letter-spacing: 0.75px; text-align: left; color: #fff; text-transform: none; }.accordion .toggle:before { content: "\e81a"; font-family: "fontello"; font-size: 22px; font-style: normal; position: absolute; right: 10px; bottom: 50%; transform: translateY(50%); display: block; color: white; line-height: 1; transition: 0.3s; width: 1em; height: 1em; }.accordion .toggle.active { border: none; }.accordion .toggle.active:before { transform: translateY(50%) rotate(90deg); background: #255088; border-radius: 50%; line-height: 1; text-align: center; }.accordion > div { display: none; padding: 5px 10px 10px 10px; max-width: 100%; margin: 0 auto; color: #cbd1d2; }@media screen and (max-width:600px) { .accordion > div { max-width: 100%; }}.hours { display: table; margin: 10px auto; text-align: left !important; }.hours label { width: 120px; display: inline-block; font-weight: 700; }.contact { padding: 0 10px; display: flex; justify-content: space-between; align-items: flex-end; flex-wrap: wrap; max-width: 1150px; margin: 30px auto; }.contact h3 { margin: 10px auto; font-size: 20px; }.contact h2 { font-size: 25px; }.contact p { margin: 15px 0 10px; line-height: 1.4; }.contact > div:first-child { flex: 1 0 auto; margin-right: 20px; }.contact > div:last-child { margin-right: 10px; }.contact-map { margin: 20px auto 40px; }.contact-map iframe { width: 100%; }#appt-form { display: none; padding: 40px 10px; text-align: left; max-width: 800px; margin: 10px auto; }#appt-form h2, #appt-form h3 { text-align: center; margin: 20px auto 50px; }#appt-form .flex-row-input { display: flex; justify-content: space-around; align-items: flex-start; }#appt-form .flex-row-input article { flex: 1; margin: 10px; }#appt-form .options { color: #221f20; margin: 0 10px 0; }#appt-form .options label { display: block; font-size: 18px; position: relative; margin-bottom: 10px; text-align: left; }#appt-form .flex-checks { display: flex; flex-wrap: wrap; }#appt-form .flex-checks span { flex: 0 1 30%; margin: 10px 5px 10px 0; display: flex; align-items: center; font-size: 16px; }#appt-form .flex-checks span [type=checkbox], #appt-form .flex-checks span [type=radio] { margin-right: 8px; }#appt-form button.btn { display: table; margin: 20px auto !important; }#appt-form::-webkit-input-placeholder { color: #333; }#appt-form:-moz-placeholder { color: #333; }#appt-form::-moz-placeholder { color: #333; }#appt-form:-ms-input-placeholder { color: #333; }#appt-form .input-content, #appt-form .styled-form .inline label, #appt-form .styled-form .inline, #appt-form .input--filled .input__label .input__label-content strong, #appt-form .input--filled .input__label .input__label-content a { color: #221f20; }#appt-form .input-content { position: relative; z-index: 1; border-bottom: 1px solid #255088; display: block; width: 100%; min-height: 65px; background: none; }#appt-form .input-content.txt { height: 150px; }#appt-form .input-content textarea { padding: 5px; display: block; width: 100%; height: 130px; display: table; font-family: "Barlow Semi Condensed", sans-serif; }#appt-form .input__field { position: absolute; z-index: 2; display: block; border: none; border-radius: 0; padding: 0 10px; margin-top: 20px; height: 40px; width: 100%; background: transparent; color: #221f20; }#appt-form .input__label { display: inline-block; padding: 0; width: 100%; height: 100%; position: absolute; 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; }#appt-form .input__label::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0 solid transparent; -webkit-transition: border-width 0.3s, border-color 0.3s; transition: border-width 0.3s, border-color 0.3s; }#appt-form .input__label-content { position: relative; display: block; width: 100%; padding: 40px 10px 10px; text-rendering: geometricPrecision; transform-origin: 0% 50%; transition: color 0.3s, -webkit-transform 0.3s; transition: transform 0.3s, color 0.3s; transition: transform 0.3s, color 0.3s; color: #221f20; }#appt-form .input__field:focus + .input__label .input__label-content, #appt-form .input--filled .input__label .input__label-content { color: #221f20; -webkit-transform: translate3d(0, -0.8em, 0); transform: translate3d(0, -0.8em, 0); padding: 15px 5px 5px; font-size: 0.75em; }#appt-form input:-webkit-autofill, #appt-form textarea:-webkit-autofill, #appt-form select:-webkit-autofill { background-color: transparent !important; }.options [type=checkbox], .options [type=radio] { -webkit-appearance: none; position: relative; border-radius: 3px; vertical-align: middle; height: 25px; width: 25px; border: 1px solid #221f20; }.options [type=radio] { border-radius: 50%; }.options [type=checkbox]:active, .options [type=checkbox]:checked:active, .options [type=checkbox]:checked, .options [type=radio]:active, .options [type=radio]:checked:active, .options [type=radio]:checked { background-color: #fff; border: 1px solid #255088; }.options [type=checkbox]:checked:after, .options [type=radio]:checked:after { font-family: fontello; content: "\e832"; font-size: 13px; position: absolute; top: 4px; left: 4px; color: #255088; }.options [type=radio]:checked:after { content: ""; width: 14px; height: 14px; background-color: #255088; border-radius: 50%; }.dwn { position: relative; }.dwn:after { position: absolute; content: "\e935"; font-family: fontello; font-size: 1.2em; line-height: 1.5; color: #255088; bottom: 5px; right: 10px; z-index: 8; pointer-events: none; }#other-int { display: none; margin: 10px auto; }#int-list.oth #other-int { display: block; }.group { position: relative; margin-bottom: 20px; }.group input, .group select, .group textarea { font-size: 18px; padding: 10px 10px 10px 5px; display: block; width: 100%; border: none; border-bottom: 1px solid #255088; background: none; color: #221f20; height: 45px; -webkit-appearance: none; position: relative; }.group select:after { position: absolute; right: 5px; top: 5px; content: "\e825"; font-family: fontello; z-index: 5; color: #fff; }.group textarea { height: 160px; }.group input:focus, .group textarea:focus, .group select:focus { outline: none; background-color: rgba(0, 0, 0, 0.03); }.bar { position: relative; display: block; max-width: 100%; position: absolute; bottom: -1px; left: 0; right: 0; }.bar:before, .bar:after { content: ""; height: 2px; width: 0; bottom: 1px; position: absolute; background: #255088; transition: 0.2s ease all; -moz-transition: 0.2s ease all; -webkit-transition: 0.2s ease all; }.bar:before { left: 50%; }.bar:after { right: 50%; }input:focus ~ .bar:before, input:focus ~ .bar:after, textarea:focus ~ .bar:before, textarea:focus ~ .bar:after, select:focus ~ .bar:before, select:focus ~ .bar:after { width: 50%; }.highlight { position: absolute; height: 60%; width: 100px; top: 25%; left: 0; pointer-events: none; opacity: 0.5; }input:focus ~ .highlight, textarea:focus ~ .highlight, select:focus ~ .highlight { -webkit-animation: inputHighlighter 0.3s ease; -moz-animation: inputHighlighter 0.3s ease; animation: inputHighlighter 0.3s ease; }@-webkit-keyframes inputHighlighter { from { background: #255088; } to { width: 0; background: transparent; }}@-moz-keyframes inputHighlighter { from { background: #255088; } to { width: 0; background: transparent; }}@keyframes inputHighlighter { from { background: #255088; } to { width: 0; background: transparent; }}#insure-help { text-align: center; margin: 60px auto; }#no-insure .h2, #no-insure h3 { text-align: center; }@media (max-width:750px) { #appt-form .flex-row-input { display: block; } #appt-form .options { margin: 10px auto 20px; }}@media (max-width:480px) { #appt-form .flex-row-input article { margin: 10px auto; } #appt-form .flex-checks span { flex: 0 1 48%; }}@media (max-width:400px) { .group input, .group select, .group textarea { font-size: 16px; }}.block #insure-form { margin: 10px auto; }#insure-form { position: relative; max-width: 800px; margin: 50px auto; background-color: #255088; padding: 60px 40px; text-align: center; }#insure-form .h2 { line-height: 1.2; margin: 10px auto 30px; }#insure-form .h1 small, #insure-form .h2, #insure-form p, #insure-form .group label { color: #fff; }#insure-form input, #insure-form select { display: table; width: 100%; margin: 10px auto; height: 50px; padding: 5px; border: none; border-bottom: 1px solid #fff; background-color: transparent; color: #fff; }#insure-form::-webkit-input-placeholder { color: #fff; }#insure-form:-ms-input-placeholder { color: #fff; }#insure-form::placeholder { color: #fff; }#insure-form .select2-container { width: 100% !important; max-width: 620px; }#insure-form .select2-container--default .select2-selection--single { background-color: transparent; color: #fff; border-radius: 0; border: none; border-bottom: 1px solid #fff; outline: none; }#insure-form .select2-container--default .select2-selection--single .select2-selection__rendered { color: #fff; text-align: left; }#insure-form .select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: #fff transparent transparent transparent; }#insure-form .select2-container .select2-selection--single { height: 36px; }#insure-form button#submit { border: 1px solid #fff; padding: 20px; border-radius: 30px; text-transform: uppercase; min-width: 250px; margin: 20px auto; background-color: transparent; color: #fff; }#insure-form button#submit:hover { background-color: #4a98ff; }#in, #out { display: none; }.insure-modal { background-color: #255088; }.insure-modal p { margin: 20px auto; max-width: 600px; }.insure-modal .btn { margin: 20px auto 10px; }.open-in { position: absolute; top: 0; left: 50%; width: 98%; transform: translateX(-50%); display: flex !important; flex-direction: column; justify-content: center; align-items: center; height: 100%; transition: 3s all; }.close-ins { background-color: transparent; border: 2px solid #fff; border-radius: 50%; color: #fff; font-size: 30px; position: absolute; top: 0; right: 0; z-index: 3; flex: 0 0 40px; width: 40px; height: 40px; background-color: #204474; top: -20px; right: -20px; display: flex; justify-content: center; align-items: center; cursor: pointer; }.close-ins span { transform: rotate(45deg); padding: 0 0 4px 2px; }.close-ins:before { content: "Try another insurance"; font-size: 12px; position: absolute; left: -130px; color: #221f20; top: 0; opacity: 0.35; }.close-ins:hover { background-color: #4a98ff; }.close-ins:hover:before { opacity: 1; }.yep { width: 80px; height: 80px; border: 2px solid #fff; border-radius: 50%; color: #fff; font-size: 42px; display: flex; justify-content: center; align-items: center; margin: 10px auto; }.yep i { margin-top: 5px; }#fixed-tabs { position: fixed; right: 0; text-align: center; line-height: 1; font-size: 0; z-index: 200; padding: 0; }#fixed-tabs li { flex: 1; }#fixed-tabs a { display: block; font-size: 14px; font-weight: 700; color: #fff; position: relative; overflow: hidden; }#fixed-tabs i { font-size: 16px; }#fixed-tabs #fixed-tabs i, #fixed-tabs #fixed-tabs i:before { display: block; margin: 0 auto !important; }#fixed-tabs .ra { background-color: #1a3860; }#fixed-tabs .call { background-color: #177bff; }#fixed-tabs .map, #fixed-tabs .fr { background-color: #221f20; }#fixed-tabs .fb { background-color: #4d70a8; }#fixed-tabs .gg { background-color: #dc4e41; }@media (min-width:1025px) { #fixed-tabs { display: none; }}@media (max-width:1024px) { #fixed-tabs { bottom: 0; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; } #fixed-tabs a { padding: 12px 0; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } #fixed-tabs a span { display: inline-block; vertical-align: middle; } #fixed-tabs .call, #fixed-tabs .map { display: none; }}@media (max-width:1000px) { #fixed-tabs .fr, #fixed-tabs .gg, #fixed-tabs .fb { display: none; } #fixed-tabs .call, #fixed-tabs .map { display: block; }}@media (max-width:730px) { #fixed-tabs .ra strong { display: none; } #fixed-tabs .ra { -webkit-box-flex: 2; -ms-flex: 2; flex: 2; }}@media (min-width:1025px) { #page-title h1 { color: #fff; text-shadow: 2px 2px 2px #000; } h2#append { color: #fff; text-shadow: 2px 2px 2px #000; }}@media (max-width:1024px) { header #hd-info { display: none; } .split .flex-ed { display: block; text-align: center; } .split figure { display: block; margin: auto; } .split article { margin: 20px auto; } #banner article { text-align: center; position: static; transform: none; background: #cbd1d2; color: white; padding: 40px 10px; } #banner .slick-banner figure:before { display: none; } #banner .slick-banner { max-width: 100%; margin: 0px; } #welcome article { margin: 0 auto; text-align: center; padding: 30px 10px; } #welcome .signature{display: block; text-align: center;} #welcome .signature img{margin: 0 auto;} #meet { padding: 0px; } #meet figure img{display: none;} #meet .name{position: static; text-align: center;} #meet .name:hover{color: #255088;} #meet figure img + img{display: block;} .section.flex-ed { flex-flow: wrap; justify-content: space-around; } .section.flex-ed article { text-align: center; padding: 40px 10px; } #tech, #services, #reviews, #team, #serve, #soon { margin: 0 auto; padding: 40px 10px; } #tech:before, #tech:after, #services:before, #services:after, #reviews:before, #reviews:after, #team:before, #team:after, #serve:before, #serve:after, #soon:before, #soon:after { content: none; } #index-stories, #index-faq { margin: 30px auto; } .deco:after { content: none; } #services .callouts { max-width: 700px; margin: 20px auto; justify-content: space-around; flex-flow: wrap; } #tech .cards { justify-content: space-around; flex-flow: wrap; } #find { flex-flow: wrap; } #find #coupon { max-width: 100%; } #find #coupon .coupon { min-height: 500px; } #find #map { min-height: 300px; } #find #map img { width: 100%; } #contact { flex-flow: wrap; justify-content: center; text-align: center; } #contact .h2 { margin-bottom: 20px; } #assoc .flex-ed { flex-flow: wrap; justify-content: space-around; } #assoc .flex-ed img { margin: 0 10px; } #options .align-btns { margin: 0 auto; } footer #fo-contents { flex-flow: column; justify-content: center; align-items: center; padding: 30px 10px; } footer #fo-info address a { text-align: left; } footer .fo-title, footer .social { text-align: center; } footer #copy { padding-bottom: 60px; } footer .logo img { margin-bottom: 35px; height: 70px; } #fo-contents { flex-wrap: wrap; text-align: center; } footer .hours { margin: 20px auto; } .fo-title { text-align: center; } #interior-banner .contain #page-title { position: static; transform: none; text-align: center; margin: 30px auto; } #main-img { min-height: auto; } #main-img img { display: block; width: 100%; } #intro { padding: 10px; margin: 20px auto; } #intro > div { margin: 0 auto; text-align: center; } .why { margin: 0 auto; text-align: center; min-height: auto; padding: 30px 10px; } .why:after { content: none; } .why > div, .why ul { margin: 0 auto; text-align: center; } .stories:after { left: 0; right: 0; } .story:after { left: 0; right: 0; } #index-stories .bottom:after { left: -100px; right: -100px; } .services-grid h3{position: static; transform: none; text-align: center; padding: 10px;} .divider-block { text-align: center; padding: 40px 10px; } .divider-block .contain { display: block; } .divider-block .btn { margin: 10px auto; } .divider-block h2, .divider-block h3 { margin-bottom: 20px; text-align: center; } .divider-block [class^=elem] { float: none; margin: 10px auto 20px; max-width: 100%; } .divider-block ul { display: table; margin: 20px auto; } .divider-block:after { content: none; } [data-player][class^=elem] { max-width: 650px; } .emergency, .faq-container{padding: 30px 10px;}}@media (max-width:900px) { .contact { text-align: center; display: block; } .contact > div:first-child, .contact p { margin: 10px auto; }}@media (max-width:768px) { #hd-info { flex: 0 1 auto; } header .phy { display: none; } header .pho { font-size: 18px; } #reviews .contain { padding: 0 10px; } #reviews .slick-controls { flex-wrap: wrap; margin: 10px auto; } #reviews .slick-arrow { position: relative; transform: none; top: auto; } #reviews .slick-reviews .review { font-size: 18px; line-height: 1.1; } .accordion .toggle h2, .accordion .toggle h3 { font-size: 20px; } #find { display: block; } #map { height: 400px; } #contact { padding: 30px 10px; margin: 0 auto; } .forms input { width: 100%; } .forms .inline { display: block; } .forms .inline-2 > * { display: block; width: 100%; } #page-title h1:only-child, h2#append, .h1, h2, .h2, .h2.big, .dividerLead { font-size: 35px; } .why ul { flex-wrap: wrap; } .why ul li { flex: 1 1 100%; } .contact { text-align: center; display: block; } .contact > div:first-child, .contact p { margin: 10px auto; } .refer-nav { display: block; } .refer-nav .slick-initialized .slick-slide { display: block !important; } .refer-nav .slick-slide { width: 100% !important; display: block; }}@media (max-width:640px) { #map { display: none; } .gallery { padding: 0; } .services > div, #all { flex: 1 1 100%; } .youtube[class*=elem-] { width: 100%; } [data-player][class^=elem] { min-width: 100%; } .landing { display: block; }}@media (max-width:480px) { .hd-info { display: none; } header .hours label { width: 100px; } #fixed-tabs strong { display: none; } }@media (max-width:400px) { [class^=btn], .more-to-explore [class^=btn] { min-width: 100%; width: 100%; margin: 8px auto; } [data-embed] .close { display: block; position: unset; text-align: center; padding: 4px; }}