@charset "UTF-8";@font-face { font-family: "Corbert-Regular"; src: url("assets/images/Corbert-Regular.ttf") format("truetype") }body { position: relative; background-color: #F2F2F2; color: #000; font: 400 17px/1.2 Corbert-Regular, sans-serif; counter-reset: section; overflow-x: hidden }p { color: #000; font: 400 17px/1.666 Corbert-Regular, sans-serif; margin: 10px auto }a { cursor: pointer; text-decoration: none; color: #76439B }a:hover { color: #569F3E }hr { position: relative; display: table; clear: both; margin: 40px auto; width: 100%; height: 1px; background-color: #569F3E }:focus, a:focus, button:focus, input:focus { outline-width: medium; outline-color: #76439B !important }h1, h2, h3, h4, h5, h6 { margin: 0; position: relative }#page-title h1, .h1 small { color: #569F3E; font: 500 13px/1 Corbert-Regular, sans-serif; letter-spacing: .2em; display: block; margin: 10px auto; text-transform: uppercase }#page-title h1:only-child, h2#append, .h1 { color: #fff; font: 300 55px/1 aller, sans-serif }h2, .h2, .dividerLead, .more-to-explore span { color: #000; font: 500 40px/1 aller, sans-serif; position: relative }h3, .h3 { color: #000; display: block; position: relative; font: 400 30px/1.1 aller, sans-serif }h4, .h4 { color: #000; display: block; position: relative; font: 700 20px/1.1 Corbert-Regular, sans-serif }.toggle h2, .toggle h3 { color: #000; display: block; position: relative; font: 400 24px/1.25 Corbert-Regular, sans-serif }.fo-title { color: #384E4D; font: 500 17px/1 Corbert-Regular, sans-serif; display: block; text-transform: uppercase; text-align: center }#page-title h1:only-child, h2#append { color: #fff }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: "\e900"; color: #569F3E; position: absolute; left: 0; top: 3px; font-size: .9em }main ul ul li { padding-left: 15px }main ul ul li:before { content: ""; background-color: #76439B; width: 6px; height: 6px; border-radius: 50%; top: 10px }[class^=btn] { position: relative; z-index: 1; display: inline-block; vertical-align: middle; cursor: pointer; text-align: center; transition: .3s all; font: 700 19px/1 Corbert-Regular, sans-serif; color: #fff; min-width: 225px; margin: 10px; padding: 12px; background-color: #76439B; border-radius: 27.5px }[class^=btn]:hover { background-color: #569F3E; color: #fff }.btn-alt { background-color: #569F3E; color: #fff }.btn-alt:hover { background-color: #384E4D; color: #fff }.btn-thr { background-color: #384E4D }.btn-thr:hover { background-color: #76439B }.btn-arrow { background: none; padding-right: 40px; border-radius: none; color: #fff }.btn-arrow:after { position: absolute; top: 50%; transform: translateY(-50%); right: 0; content: url("assets/images/btn-arrow.png") }.btn-arrow:hover { color: #569F3E; background: none }header { position: fixed; z-index: 100; left: 0; top: 0; width: 100%; background-color: #fff; transition: .3s all }header:focus-within { z-index: 500 }header .logo { position: relative; z-index: 1; padding-top: 5px; }header .pho { color: #384E4D; font: 700 36px/1 Corbert-Regular, sans-serif; position: relative; display: table; margin: 5px 0; margin-left: auto }header .phy { display: block; color: #384E4D; font-size: 15px; font-family: "Corbert-Regular", sans-serif; position: relative; display: table; margin-left: auto }header .pho:hover, header .phy:hover { color: #569F3E }header .phy i, header .pho i { color: #384E4D; font-size: 15px; position: absolute; left: 0; top: 50%; transform: translateY(-50%) }header li a { font-weight: 400; font-family: "Corbert-Regular", sans-serif }.hd-info { display: block; text-align: right; flex: 0 1 400px }.hd-right { display: flex; align-items: center; flex: 0 1 700px }.hd-btns { display: flex; flex-wrap: wrap; flex: 0 1 280px; justify-content: space-between }@media (min-width:1025px) { .place-nav { max-width: 1350px; margin: 0 auto; padding: 20px 10px; display: flex; justify-content: space-between; align-items: center } nav { flex: 0 1 1050px; background: #569F3E; margin-top: 10px } nav, nav ul li, nav ul li a { position: relative } nav > ul { padding: 0; max-width: 1300px; margin: auto } nav ul { margin: auto; list-style: none; display: flex; justify-content: space-around } nav ul li a { display: block; color: #fff } nav ul li a:hover { color: #fff } nav > ul > li { flex: 1 1 auto; text-align: center } nav > ul > li:last-of-type:after { display: none } nav > ul > li > a { padding: 6px; font-size: 16px; color: #fff } nav > ul > li > a span { color: #000 } nav > ul > li > a button { color: #fff } nav > ul > li:hover > a { color: #384E4D } nav ul li:hover > ul { display: block; visibility: visible; animation-name: fadeIn; animation-duration: .25s; animation-fill-mode: both } nav ul ul { display: none; min-width: 280px; width: 100%; padding: 0; position: absolute; z-index: 3; left: 0; text-align: left; background-color: #76439B; box-shadow: 10px 17.3px 25px rgba(0, 0, 0, 0.2) } nav > ul > li:last-child ul { right: 0; left: auto } nav ul ul li > a { padding: 10px 12px; font-size: 14px; line-height: 1.3; text-transform: none } nav ul ul li > a button { color: #fff } nav ul ul li:hover > a { background-color: #384E4D; color: #fff } nav ul ul ul { left: 100%; top: 0; background-color: #569F3E } nav ul ul ul li button i:before { content: "\e825" !important } nav ul ul ul ul { top: auto; left: 0; position: relative; display: block; box-shadow: none; background-color: #427a30 } nav ul ul ul ul li a { padding-left: 2em; padding-left: 2em; background-color: #468233 } nav ul ul ul ul li:hover a { background-color: #233030 } .has-submenu span > a, .has-submenu button { display: inline-block; line-height: 1 } .has-submenu.open > ul { display: block } .has-submenu.open > ul:focus { background-color: rgba(255, 255, 255, 0.2) } nav li button { display: inline-block; padding: 0 }}.fix-nav header { position: fixed !important; box-shadow: 0 3px 7px rgba(24, 23, 24, 0.35); animation-duration: 1s; animation-fill-mode: both; z-index: 100; background-color: #f0efee }.fix-nav #hd-top, .fix-nav .fm, .fix-nav .of { display: none }@media (max-width:1024px) { .hd-info { display: flex; align-items: center; margin-right: 10px; justify-content: flex-end; text-align: center } header .pho { display: none; font-size: 30px } header .logo { padding: 8px } header .logo img { max-height: 70px } #hd-top, #main-nav, header nav ul, header .hd-btns, header [class^=btn], header .phy { display: none } .nav-down { box-shadow: 0 3px 7px rgba(24, 23, 24, 0.2) } .nav-up { transform: translateY(-100%) } body, header, .mean-container .mean-nav { transition: all .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%; transform: none } 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; 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: #384E4D; 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: .3s all; z-index: 1; margin: 0 0 5px 5px } .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%); bottom: -10px; letter-spacing: 1px; font-size: .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: #384E4D } .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: .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; border: none; background-color: transparent; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; color: #000; font: 700 15px/1 Corbert-Regular, sans-serif, sans-serif; text-transform: uppercase; letter-spacing: 1.5px; text-align: center; transition: .3s all }.play i { width: 75px; height: 75px; border-radius: 50%; background-color: #fff; display: block; color: #000; display: inline-flex; align-items: center; justify-content: center; font-size: 30px; margin: 10px; transition: .3s all }.play i:before { margin: auto; padding-left: 5px }.play:hover { color: #569F3E }.play:hover i { background-color: #569F3E; color: #fff }[data-embed] .close, [data-vimeo] .close { cursor: pointer; line-height: 1; background-color: #76439B; color: #fff; padding: 8px; text-transform: uppercase; z-index: 5; position: absolute; top: 0; right: 0; min-width: 160px }[data-embed] .close i, [data-vimeo] .close i { font-style: normal; font-size: 1.25em; line-height: 1; vertical-align: middle; display: inline-block; margin-bottom: 5px }[data-embed] .close:focus, [data-vimeo] .close:focus { background-color: #5b3477 }[data-embed] .close:hover, [data-vimeo] .close:hover { background-color: #1b1b1b; color: #fff }[data-embed] .close i:before { transform: rotate(45deg) }#banner { position: relative; }#banner article { position: absolute; bottom: 45px; right: 50%; transform: translateX(50%); z-index: 50; text-align: center; width: 100%; margin: 10px auto; max-width: 669px; }#banner article.clear .banner-article-inner{padding-top: 5px; padding-bottom: 10px;}#banner article .banner-article-outer{padding: 15px; padding-bottom: 0; background: rgba(56, 78, 77, 0.45); }#banner article .banner-article-inner { background: rgba(56, 78, 77, 0.65); padding: 35px 10px }#banner article .h1 small, #banner article .h2, #banner article p { color: #fff }#banner article .h2 { font-size: 60px; font-family: "aller", sans-serif; text-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); font-weight: 300 }#banner article .special-btn{width: 100%; margin: 0; background-color: #76439b; width: 100%; padding: 13px 10px; color: #ffffff; font-family: Corbert-Regular, sans-serif, sans-serif; font-size: 16px; font-weight: 500; font-style: normal; letter-spacing: 3.2px; text-transform: uppercase;}#banner .slick-dots { position: absolute; right: 5%; bottom: 20px }#banner .slick-slide img{width: 100%;}#banner .slick-slide div{display: block !important;}.special-offers .offer-item { background-color: #000000; padding: 20px; text-align: center; display: block; position: relative; width: 750px; max-width: 100%; margin: 30px auto; }.special-offers .offer-item .special-title { color: white; font-size: 37px; margin: 10px auto; }.special-offers .offer-item .special-title strong { color: #569F3E; font-size: 45px; }.special-offers .offer-item .special-btn { color: white; background: #76439B; transition: .3s all; font-size: 13px; padding: 10px; margin: 20px auto; text-transform: uppercase; }.special-offers .offer-item:hover .special-btn { background: #569F3E; }#callouts { margin: 75px auto; position: relative }#callouts .flex-ed { max-width: 1200px; margin: 30px auto 0 }#callouts .flex-ed .h3 { color: #569F3E; font-weight: 600; font-size: 25px }#callouts .flex-ed #welcome { display: flex; align-items: center; justify-content: center; flex-direction: column;; flex: 0 1 370px; margin: 10px; padding: 70px 35px; position: relative; text-align: center; background: #569F3E }#callouts .flex-ed #welcome h2, #callouts .flex-ed #welcome p, #callouts .flex-ed #welcome a { position: relative; z-index: 2; color: #fff }#callouts .flex-ed #welcome p a:not(:hover){color: #76439B; text-decoration: underline;}#callouts .flex-ed #welcome h2 { font-weight: 300; font-size: 33px }#callouts .flex-ed #welcome:after { top: 15px; bottom: 15px; left: 15px; right: 15px; border: 1px solid #fff; content: ""; display: block; position: absolute; z-index: 1 }#callouts .flex-ed #why { position: relative; text-align: center; flex: 0 1 800px }#callouts .flex-ed #why .why-callout { flex: 0 1 280px; margin: 10px }#callouts .flex-ed #why .why-callout h3 { font-size: 22px; font-weight: 600; margin-top: 10px }#index-meet {margin: 150px auto;}#index-meet article{ padding: 100px 10px; background-color: #4e6766; flex: 0 1 675px;}#index-meet .content{max-width: 432px; margin: 0 auto;}#index-meet .flex-ed{ justify-content: center;}#index-meet p, #index-meet h2{color: #fff;}#index-meet .btn-arrow{padding-left: 0;}#meet-fig{position: relative;}#meet-fig img{width: 100%;}#meet-fig:after{content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: #000; opacity: .5;}#services { position: relative; z-index: 5;max-width: 1160px; margin: -380px auto 30px; text-align: center }#services h2 { color: #fff; font-weight: 400; font-size: 43px; margin-bottom: 30px; }#services .flex-ed { justify-content: center; flex-wrap: wrap; }#services .flex-ed .service-item { flex: 0 1 379px; margin: 2px; display: flex; flex-direction: column; background-color: #384e4d;transition: .3s all; justify-content: space-between }#services .flex-ed .service-item .h2 { color: #ffffff; font-size: 35px; font-weight: 500;}#services .flex-ed .service-item > img { width: 100% }#services .flex-ed .service-item article { padding: 30px }#services .flex-ed .service-item article .service-arrow { margin-top: 50px; }#services .flex-ed .service-item.alt-service > img { order: 2 }#services .flex-ed .service-item:hover { background: #76439B }#team { text-align: center; position: relative; margin: 100px auto }#team h2, #faqs > h2 { text-align: center; color: #569F3E; margin-bottom: 10px; font-size: 43px; font-weight: 300; }#team article { width: 680px; margin: -150px auto 30px; padding: 30px 35px; color: #fff; background: #384E4D; z-index: 2; position: relative }#team article p { color: #fff }#consultation { max-width: 1920px; margin: 50px auto; background: url(assets/images/index-consultation.jpg); background-size: cover }#consultation figure { display: none }#consultation article { max-width: 550px; margin: 10px }#consultation article h2 { font-weight: 700; font-size: 86px; font-family: "Corbert-Regular", sans-serif; color: #fff }#consultation article h2 span { font-size: 126px; text-transform: uppercase; letter-spacing: .2em }#consultation article p { color: #fff; margin: 20px auto }#consultation .flex-ed { justify-content: flex-end; padding: 100px 10px; max-width: 1400px; margin: auto; }.special-modal { background: #4E6766; padding: 20px 0 }.special-modal .h2{text-align: center; font-size: 28px; padding: 5px; color: #fff; display: block;}.special-modal .special-title { color: #fff; font-size: 57px; margin-bottom: 10px }.special-modal .special-title span{color: #569f3e;}.special-modal .offer-band { background: #000; padding: 30px 20px; display: block; color: #fff; }.special-modal .offer-band p{color: #fff;}.special-modal form { padding: 20px }.special-modal form input, .special-modal form select, .special-modal form textarea { background: #384E4D; color: #fff }.special-modal form input::-moz-placeholder, .special-modal form select::-moz-placeholder, .special-modal form textarea::-moz-placeholder { color: #fff }.special-modal form input::placeholder, .special-modal form select::placeholder, .special-modal form textarea::placeholder { color: #fff }.special-modal form .btn { background: #569F3E; border-radius: 0; max-width: 300px }.special-modal form .btn:hover { background: #76439B }#quest { padding: 10px 20px; max-width: 1000px; margin: 20px auto }#quest .slick-form { margin: 10px 0; max-width: 980px }#quest .input { display: flex !important; width: 100% }#quest .forms input, #quest .forms textarea, #quest .forms select { flex: 1; height: 50px; width: 100%; background: transparent; padding: 10px; font-size: 16px; border: none; background-color: transparent; border: 1px solid #fff; margin: 0; color: #FFF }#quest .forms select option { background-color: #76439B }#quest .forms textarea { padding-top: 15px }#quest .next { color: #000; background-color: #fff; min-width: 100px; position: relative; left: auto; right: auto; top: auto; margin: 0; font-size: 16px; font-family: "Corbert-Regular", sans-serif; border: none; display: flex; justify-content: center; align-items: center; flex-direction: row; transform: none; text-transform: uppercase; border-radius: 0; padding: 0; height: auto }#quest .next:after { display: none }#quest .next:hover { background-color: #76439B; border-color: #76439B }#quest .slick-dots { text-align: center; margin: 10px 0 10px -10px }#quest .slick-dots .slick-active span { background: #569F3E }#quest ::-moz-placeholder { color: #FFF }#quest ::placeholder { color: #FFF }#quest ::-webkit-input-placeholder { color: #FFF }.quest-title { text-align: center; font-weight: 300; font-size: 30px; font-family: "Corbert-Regular", sans-serif }.quest-title span { display: block; font-weight: 700; margin-bottom: 20px }#assoc .flex-row { max-width: 1400px; margin: auto }#assoc span { padding: 8px }.simple { line-height: 1; font-size: 0; margin: 0 auto; text-align: center }.simple input, .simple textarea, .simple select { 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: #000; background-color: #eee }.simple textarea { height: 130px; padding: 14px 11px }.simple input:focus, .simple textarea:focus, .simple select:focus { outline: 0; background-color: #e7f0f6; color: #76439B }::-moz-placeholder { color: #000 }::placeholder { color: #000 }::-webkit-input-placeholder { color: #000 }.social { font-size: 0; text-align: center; margin: 10px auto; display: flex; justify-content: space-around }.social a { position: relative; display: inline-block; margin: 5px; font-size: 16px; background-color: #fff; color: #fff; width: 40px; height: 40px; border-radius: 50%; line-height: 40px }.social .fb:hover { background-color: #4d70a8 }.social .gp:hover { background-color: #dc4e41 }.social .yp:hover { background-color: #b62717 }.social .yt:hover { background-color: #d00 }.social .in:hover { background-color: #c13584 }.social .tw:hover { background-color: #00aced }.social a:hover i { color: #fff !important; }.social .fb i { color: #4d70a8 }.social .gp i { color: #dc4e41 }.social .yp i { color: #b62717 }.social .yt i { color: #d00 }.social .in i { color: #c13584 }.social .tw i { color: #00aced }footer { color: #fff; position: relative; background-color: #f2f2f2; }footer a { color: #fff }footer a:hover { color: #569F3E }footer .logo { display: block; margin-bottom: 10px }footer .hours { margin: 20px 0 }footer .hours p { color: #000; font-size: 13px }footer .social { display: table }footer .social a:first-of-type { margin-left: 0 }#fo-contents { display: flex; justify-content: space-around; align-items: center; margin: auto; position: relative; max-width: 1350px; padding: 50px 10px; background-color: #f5f5f5; }#fo-contents .pho { font: 700 36px/1.2 Corbert-Regular, sans-serif; margin: 10px auto; display: block; color: #384E4D }#fo-contents .pho:hover { color: #76439B }#fo-contents .phy { font: 500 16px/1.2 Corbert-Regular, sans-serif; margin: 10px auto; display: block; color: #000 }#fo-contents .phy:hover { color: #76439B }.fo-info { flex: 0 1 auto; text-align: center }.footer-box { max-width: 1150px; margin: 30px auto -200px }.footer-box #find article { flex: 0 1 50%; background: #569F3E; padding: 50px; text-align: center }.footer-box #find article h2, .footer-box #find article p { color: #fff }.footer-box #find #map { position: relative; margin: 0; flex: 0 1 50%; height: 400px }.footer-box #find #map iframe { height: 100%; width: 100%; border: none; display: block }.footer-green-bkg { background: url(assets/images/footer-bkg.jpg); background-size: cover; padding-top: 300px }#copy { font: 400 15px/1.5 Corbert-Regular, sans-serif; color: #fff; padding: 20px 10px; text-align: center }#copy em { font-style: normal }#copy a { color: #fff }#copy a:nth-of-type(1), #copy a:nth-of-type(2) { color: #569F3E }#copy a:hover { color: #76439B }#copy .stack{display: inline;}#copy .icon-tnt { color: #e45c51; display: inline-block; vertical-align: middle; margin: 0 20px 00px -12px; font-size: 40px }.slick-controls { display: flex; align-items: center; justify-content: space-around; max-width: 1000px; margin: 10px auto }.slick-arrow { color: #76439B; font-family: fontello; font-size: 40px; position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 70px; height: 50px; background: #569F3E; flex: 0 0 70px; display: flex; flex-direction: column; justify-content: center; align-items: center; z-index: 5; transition: .3s all }.slick-arrow i { margin-left: -4px }.slick-arrow:hover { background: #76439B }#next { left: auto; right: 0; order: 2 }#next i { margin-left: 4px }#prev img { transform: scaleX(-1) }.slick-dots { line-height: 1 }.slick-dots li { line-height: 1 }.slick-dots li button { padding: 0 }.slick-dots span { cursor: pointer; background-color: #fff; height: 12px; width: 12px; border-radius: 50%; display: inline-block; margin: 0 5px }.slick-dots .slick-active span { background-color: #569f3e; }.pagingInfo { font-size: 30px; text-align: center }.gallery { max-width: 1050px; margin: 40px auto; padding: 0 60px; position: relative }.gallery .slick-arrow { top: 50% }.slick-gallery { position: relative; margin: 20px auto; text-align: center }.slick-gallery article .flex-ed { justify-content: space-around }.slick-gallery article .flex-ed span { margin: 10px; position: relative; padding-bottom: 40px }.slick-gallery article .flex-ed span img { width: 100% }.slick-gallery article .flex-ed span:after { content: "Before"; background-color: #4e6766; padding: 10px; text-align: center; margin: auto; display: block; margin: auto; color: #fff; font: 400 18px/1.2 Corbert-Regular, sans-serif; text-transform: uppercase; letter-spacing: 1.6px }.slick-gallery article .flex-ed span:last-of-type:after { content: "After" }.slick-gallery article div p { display: block }.slick-gallery figcaption { margin: 0 auto; max-width: 779px; background: #384E4D; color: #fff; text-align: center; padding: 20px 10px }.slick-gallery figcaption p { color: #fff; margin: 0 }.alt-controls { align-items: center; max-width: -moz-fit-content; max-width: fit-content }.alt-controls .slick-dots { position: relative }.alt-controls .slick-dots:after { position: absolute; top: 50%; left: 12px; right: 12px; content: ""; height: 1px; background: #384E4D; z-index: -1 }.alt-controls .slick-dots span { border: 1px solid #384E4D; background: #fff }.alt-controls .slick-dots .slick-active span { border-radius: 0; background: #569F3E; border-color: #569F3E }.alt-controls .slick-arrow { position: relative; transform: none; width: 30px; height: 30px; background: #384E4D; color: #fff; border-radius: 50%; font-size: 20px; flex: 0 1 30px }.alt-controls .slick-arrow:hover { background: #76439B }.why { padding: 30px 10px 10px; position: relative; counter-reset: why-section }.why:before { content: ""; position: absolute; left: -100px; right: -1000px; top: 0; bottom: 0; background-color: #000 }.why h2 { text-align: center; font-size: 25px; color: #fff }.why ul { display: flex; justify-content: space-around; align-items: center; text-align: center; align-items: flex-start }.why ul li { max-width: 170px; flex: 1 1 33%; padding: 0; margin: 10px; width: 100%; color: #fff; overflow: visible }.why ul li span { max-width: 95%; margin: 0 auto; display: block; line-height: 1.2 }.why ul li:before { content: ""; counter-increment: why-section; content: counter(why-section); position: relative; display: flex; justify-content: center; align-items: center; margin: 0 auto 10px; width: 56px; height: 54px; border-radius: 50%; color: #569F3E; font: 400 30px/1 Corbert-Regular, sans-serif; text-align: center }.page-divider { display: block; max-width: 100%; width: 100%; position: relative; z-index: 1 }.block { position: relative; display: table; clear: both; width: 100%; max-width: 100%; padding: 60px 10px }.block:before { content: ""; position: absolute; left: -1000px; right: -1000px; top: 0; bottom: 0; z-index: -1 }.block .contain { display: flex; justify-content: space-around; align-items: center }.block h2 { margin-bottom: 20px }.block .wrap { height: 0 }.block article { margin: auto 0; flex: 0 1 780px; background: #4e6766; padding: 120px }.block article a { color: #569F3E; }.block article a:hover { color: white; }.block article p, .block article h2, .block article h3, .block article li { color: #fff }.block article p:first-of-type { margin-top: 0 }.block ul li { margin-left: 0 }.block .btn { margin-left: 0 }.block .elem { flex: 0 0 auto; position: relative; z-index: 3; }.block .elem-right { order: 1; margin-left: -75px }.block .elem-left { margin-right: -75px }.mini-block { display: flex; clear: both; max-width: 1240px; width: 100%; margin: 0 auto; align-items: center; background: #4e6766; justify-content: center; }.mini-block .elem-sm { order: 2; margin: 0; }.mini-block article { background: transparent; }.block.no_img article { max-width: 1130px; margin: auto; text-align: center; background: none; padding: 10px }.block.no_img article p, .block.no_img article h2, .block.no_img article h3, .block.no_img article li { color: #000 }.more-to-explore { position: relative; text-align: center; margin: 0 auto; padding: 40px 10px 60px }.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; border-radius: 0; background-color: #384E4D }.more-to-explore [class^=btn]:hover { background: #76439B }.more-to-explore .btn-alt { background: #569F3E }.more-to-explore span { color: #569F3E; font-weight: 300 }.services-grid { position: relative; margin: 40px auto; display: flex; align-items: stretch; flex-wrap: wrap; flex-wrap: wrap; padding: 40px 10px }.services-grid:before { background: #F2F2F2; left: -1000px; right: -1000px; height: 100%; content: ""; position: absolute; top: 0; z-index: -1 }.services-grid > div { flex: 0 1 32%; margin: 10px auto; background: #fff; border-bottom: 10px solid #384E4D }.services-grid h3 { display: block; text-align: center; line-height: 1.1; margin-top: 20px }.services-grid h3 a { color: #4E6766 }.services-grid h3 span { display: block; font-size: 18px }.services-grid figure { transition: .4s all }.services-grid article { padding: 10px 15px; }.services-grid figure img { width: 100% }.services-grid ul { margin: 20px auto }.services-grid ul li { line-height: 1.2; margin: 10px auto }.services-grid ul li a { color: #000 }.services-grid h3:hover a { color: #76439B }.services-grid ul li:hover a { color: #569F3E }#page { position: relative; display: block; width: 100%; margin: auto; padding: 30px 10px; max-width: 1280px; clear: both }#page.has_divider { padding-bottom: 0 }.page_index .internal { display: none }.center { text-align: center }main { overflow: hidden }@media (min-width:800px) { ul.two { -moz-column-count: 2; column-count: 2 }}@media (max-width:750px) { main ul li { margin-left: 10px } .elem-left, .elem-right, .block .elem-left, .block .elem-right { display: table; float: none; margin: 20px auto; max-width: 100% }}#interior-banner { display: flex; flex-direction: column; justify-content: center; position: relative; text-align: center }#interior-banner .contain { max-width: 1150px; margin: 0 auto; width: 100%; position: relative; z-index: 1 }#interior-banner .contain .title-paragraph { position: relative; padding: 50px 20px }#interior-banner > .contain:after, #interior-banner .contain .title-paragraph:after { content: ""; background: #384E4D; left: -1000px; right: -1000px; height: 100%; position: absolute; top: 0; z-index: -1 }#interior-banner > .contain{padding: 50px 10px;}#interior-banner #intro p, #interior-banner #intro li { color: #fff }#interior-banner #intro a { color: #569F3E; }#interior-banner #intro a:hover { color: white; }.flex-title { height: 100%; margin: auto; width: 100%; max-width: 1300px; align-items: flex-start }.flex-title #page-title { margin: auto }.flex-title .contain { flex: 0 1 50%; text-align: left }.flex-title .contain > div { margin: auto }.flex-title .contain .meet-vid{margin-top: 10px; max-width: 610px;}#intro { margin: 0 auto }#main-img { flex: 0 1 auto; z-index: 2; order: -1; margin-top: 50px }#static-banner { display: none }.big-banner #interior-banner { background: #384E4D; height: 625px; justify-content: flex-end; position: reelative; }.big-banner #interior-banner:after{content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: #384E4D; opacity: .85;}.big-banner #interior-banner .contain { margin-bottom: 50px }.big-banner.no-photo #interior-banner { height: auto; }.big-banner.no-photo #interior-banner .contain { padding: 100px 15px 20px; }.landing { display: flex; align-items: flex-start; justify-content: space-around; flex-wrap: wrap; margin: 40px auto }.landing a { flex: 0 1 30%; margin: 10px auto 20px; text-align: center; display: table; max-width: 350px }.landing a h3 { padding: 10px; margin-top: 10px; background-color: #384E4D; color: #fff; font: 400 15px/1 aller, sans-serif; transition: .3s all }.landing a:hover h3 { background-color: #569F3E; color: #fff }.study article { background: #384E4D; padding: 50px; position: relative; text-align: center }.study article p, .study article h2, .study article li, .study article h3 { color: #fff }.study .university-logo { position: absolute; right: 50px; top: -100px }.outside { max-width: 1200px; display: flex; align-items: stretch; margin: 100px auto }.outside .outside-left, .outside .outside-right { flex: 0 1 33% }.outside .outside-left img, .outside .outside-right img { width: 100%; margin: 0 }.outside .outside-middle { flex: 0 1 34%; padding: 30px; text-align: center; background: #569F3E }.outside .outside-middle p, .outside .outside-middle h2, .outside .outside-middle li { color: #fff }#refer { background: #569F3E; margin: 40px auto; max-width: 700px; padding: 40px 20px 30px }#refer .simple { max-width: 650px; margin: auto }.accordion { margin: 40px auto; text-align: left; max-width: 1100px; border-bottom: 1px solid rgba(0, 0, 0, 0.2) }.accordion .toggle { position: relative; cursor: pointer; clear: both; padding: 20px 0 20px 80px; background: #4e6766; transition: .3s all; margin-top: 20px; width: 100%; display: block; text-align: left }.accordion .toggle h2, .accordion .toggle h3, .accordion .toggle .h2, .accordion .toggle .h3 { transition: .3s all; color: #fff }.accordion .toggle:hover h2, .accordion .toggle:hover h3, .accordion .toggle:hover .h2, .accordion .toggle:hover .h3 { color: #569F3E }.accordion .toggle.active { background: #384E4D }.accordion .toggle.active h2, .accordion .toggle.active h3, .accordion .toggle.active .h2, .accordion .toggle.active .h3 { color: #fff }.accordion .toggle.active:after { content: "\e83a" }.accordion .toggle:after { content: "\e825"; position: absolute; top: 0; left: 0; font-family: fontello; font-size: 36px; width: 70px; text-align: center; height: 100%; color: #569F3E; display: flex; align-items: center; justify-content: center; background: #384E4D }.accordion > div { display: none; padding: 20px; background: #fff }.accordion > div p:first-of-type { margin-top: 0 }.off { pointer-events: none }.service-icons { display: flex; justify-content: center; text-align: center; flex-wrap: wrap; margin: 20px auto }.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: #000; text-decoration: none }.service-icons a:hover .icon .ic-color { fill: #384E4D }.service-icons a:hover h3 { color: #384E4D }.sv-icon path { fill: #384E4D }.sv-icon .ic-color { fill: #569F3E }.sv-icon { height: 80px; display: flex; flex-direction: column; justify-content: center; align-items: center }.has-h3 { clear: both; display: table; width: 100%; margin: 20px auto; text-align: left }.has-h3 h3 { margin: 0 auto 10px; text-align: left }@media (max-width:750px) { .has-h3, .has-h3 h3 { text-align: center }}#lean_overlay { padding: 10px; position: fixed; z-index: 1100; top: 0; left: 0; height: 100%; width: 100%; background: rgba(0, 0, 0, 0.7); display: none; overflow: scroll }.modal-content.pop { display: none; flex: 0 1 97%; background: #ededed; max-width: 900px; box-sizing: border-box; position: relative; text-align: center; width: 95%; max-height: calc(100vh - 80px); overflow-y: scroll; margin: auto; padding: 30px }.modal-content.pop h3 { text-align: center; font-size: 26px; margin: 15px 0 10px }.modal-content.pop .has_btns { display: flex; justify-content: center; flex-wrap: wrap }.modal-content.pop .btn { margin: 5px; min-width: auto }.modal-content.pop .modal-close { position: absolute; right: 0; top: 0; margin: 5px; z-index: 1002; cursor: pointer; color: #76439B; line-height: 1 }.modal-content.pop .modal-close span { display: none }.modal-content.pop .modal-close i { position: relative; color: #76439B; font-style: normal; padding-bottom: 4px }.modal-content.pop .modal-close i:before { font-size: 40px; content: "?" }.modal-content.pop .modal-close:hover i { color: #555 }.modal-content.pop .has_btns { display: flex; justify-content: center; flex-wrap: wrap }.modal-content.pop .buttons { display: flex; flex-wrap: wrap; justify-content: center }.modal-content.pop .buttons > p { margin: 5px }.hours { display: table; margin: 10px auto; text-align: left !important }.hours label { width: 100px; display: inline-block; font-weight: 700 }.contact { display: flex; justify-content: space-between; align-items: flex-end; flex-wrap: wrap; max-width: 1150px; padding: 0 20px; margin: 30px auto }.contact h3 { margin: 10px auto }.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 { height: 380px; margin: 20px auto 40px }.contact-map iframe { height: 100%; width: 100% }.styled-form { margin: 30px auto; font-size: 16px; text-align: left }.styled-form [class^=btn] { margin-left: 0 }.styled-form .drei { display: flex; justify-content: space-between; flex-flow: row wrap }.styled-form .drei + .drei { margin-top: 5px }.styled-form .input-content, .styled-form .inline { width: calc(33.3333333333% - 5px); min-height: 60px }.styled-form .inline, .input-content { background-color: #000 }.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(66.6666666667% - 3px) }.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: 40px; width: 100%; background: transparent; color: #fff; outline: none }.styled-form:focus { outline-color: #76439B; outline-style: ridge; outline-width: thin }.input__label { display: inline-block; 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; user-select: none }.input__label::before { content: ""; box-sizing: border-box; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0 solid transparent; transition: border-width 0.3s, border-color .3s }.input__label-content { box-sizing: border-box; position: relative; display: block; width: 100%; padding: 1.1em 1em; text-rendering: geometricPrecision; transform-origin: 0 50%; transition: transform 0.3s, color .3s }.input__label-content strong { float: right; font-weight: 300 }.input__field + .input__label::before, .input--filled .input__label::before { border-width: .2em 0 0; border-color: #76439B; border-top-width: 1.5em }.input__field + .input__label .input__label-content, .input--filled .input__label .input__label-content { color: #fff; font-size: 16px; padding: .85em .5em; transform: translate3d(0, -0.65em, 0) }input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill { background-color: transparent !important }.styled-form .inline textarea { padding: 5px; display: block; width: 100%; height: 80px; font-size: 16px; margin-top: 5px; color: #000; padding: 5px; display: block; width: 100%; height: 120px; font-size: 16px; margin-top: 5px }.styled-form .inline.wide { width: calc(66.6666666667% - 3px) }@media (max-width:800px) { .styled-form .input-content, .styled-form .inline { width: 100%; display: block; border-bottom: 1px solid rgba(206, 206, 206, 0.22) } .styled-form .input-content + .input-content { margin-top: 5px } .styled-form .inline.wide { width: 100%; margin-top: 5px }}.styled-form select { border: 1px solid #000; padding: 5px }.options label { display: block; margin-bottom: 5px }.options [type=checkbox], .options [type=radio] { -webkit-appearance: none; position: relative; background-color: #fff; padding: 9px; border-radius: 3px; vertical-align: middle }.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 }.options [type=checkbox]:checked:after, .options [type=radio]:checked:after { font-family: fontello; content: "\e832"; font-size: 13px; position: absolute; top: 2px; left: 2px; color: #76439B }.options [type=radio]:checked:after { content: ""; width: 14px; height: 14px; background-color: #76439B; border-radius: 50% }#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; text-transform: uppercase; 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: #683b89 }#fixed-tabs .call { background-color: #4c8d37 }#fixed-tabs .map, #fixed-tabs .fr { background-color: #000 }#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: flex } #fixed-tabs a { padding: 12px 0; 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 { flex: 2 }}@media (max-width:1150px) { #services .flex-ed .service-item article .service-arrow { margin-top: 75px }}@media (max-width:1024px) { #meet h2, #meet { text-align: center } #consultation { background: #fff; margin: 0 auto; } #consultation .flex-ed { display: block; padding: 0 } #consultation figure { display: block; margin: auto } #consultation article { padding: 15px; background-color: #a1a8ae; text-align: center; margin: auto; position: relative; z-index: 2 } #consultation article p, #consultation article h2, #consultation article a { position: relative; z-index: 2 } #consultation article:after { position: absolute; z-index: 0;background-color: #a1a8ae; height: 100%; left: -1000px; right: -1000px; content: ""; top: 0 } #services{margin: 30px auto;} #services h2{color: #4c8d37} #services .flex-ed .service-item.alt-service, #services .flex-ed .service-item { flex: 0 1 45% } #services .flex-ed .service-item.alt-service img { order: -1 } #services .flex-ed { flex-wrap: wrap } #callouts .flex-ed { flex-wrap: wrap; justify-content: center } #callouts .flex-ed #welcome { order: -1; flex: 0 1 500px; } #callouts .flex-ed #why { margin-top: 40px; } #banner article { padding: 20px 10px; position: static; transform: none; margin: 30px auto; display: block; width: 100%; background: #384E4D; max-width: 100%; margin: 0 } #banner article .banner-article-inner{padding: 0;} #banner .slick-banner { margin-bottom: -4px } #banner .slick-dots { top: 45%; display: none } #fo-contents { display: block;text-align: center } footer .hours { margin: 20px auto } .footer-box { margin: 0 auto; } .fo-title { text-align: center } #index-meet{margin: 30px auto;} #index-meet .flex-ed{display: block; text-align: center;} #index-meet article{margin: 0 auto; padding: 30px 10px;} #find { justify-content: center; flex-wrap: wrap } .footer-box #find article, #map { flex: 0 1 100%; width: 100% } #interior-banner .contain { padding: 0 20px 20px } #interior-banner .flex-title { text-align: center } #interior-banner .flex-title .contain { max-width: 100% } .flex-title { display: block; text-align: center } .flex-title #page-title { text-align: center } #main-img { min-height: auto; margin: 10px auto 20px } #main-img img { display: block } #intro { margin: 20px auto; text-align: center } #main-img { margin-top: 0 } #team { margin: 100px auto 0; } #interior-banner .flex-title .contain { padding-bottom: 0 } .block { text-align: center; padding: 40px 0 } .block .contain { display: block } .block .btn { margin: 10px auto } .block h2, .block h3 { margin-bottom: 20px; text-align: center } .block [class^=elem] { float: none; margin: 10px auto 20px; max-width: 100% } .block ul { display: table; margin: 20px auto } .services-grid > div, #all { flex: 0 1 48% } [data-player][class^=elem] { max-width: 650px } .outside { flex-wrap: wrap } .outside .outside-middle { flex: 0 1 100%; order: -1 } .outside .outside-left, .outside .outside-right { flex: 0 1 50% } .study .university-logo { max-height: 100px; top: -100px; right: 0 } .big-banner #interior-banner { height: 500px } .styled-form { text-align: center; } .styled-form .input-content, .styled-form .inline { text-align: left; } footer .hours { margin: 20px auto; } .fo-info { margin: auto; } .footer-green-bkg { padding-top: 100px; } #banner .banner-special { position: relative; margin: 20px auto; transform: none; left: auto; bottom: auto; display: block; } #banner .slick-arrow { top: 40%; } .block article ol, ul { text-align: left; }}@media (max-width:768px) { header .pho { font-size: 18px } #banner article { margin: auto; width: 100% } .slick-arrow { top: 40% } #meet .flex-ed { flex-wrap: wrap } #services .flex-ed .service-item.alt-service, #services .flex-ed .service-item { flex: 0 1 100% } #team article { margin: 0 auto; width: 100% } #find { display: block } #map { height: 400px } #callouts .flex-ed{display: block;} #faqs{margin-top: 60px;} .block article { padding: 80px 50px } .study article { padding: 40px 20px } .big-banner #interior-banner { height: 100% } .big-banner #interior-banner .contain { padding: 60px 20px 30px } .contact > div:last-child { margin-top: 40px; } .contact { justify-content: center; text-align: center; } .footer-green-bkg { padding-top: 75px; } .mini-block article { display: block; padding: 30px 20px; } #banner .banner-special { max-width: 100vw; } #banner .slick-arrow { top: 100px; transform: none; } #banner .slick-dots { display: none !important; } #copy span:last-of-type, #copy .stack { display: block; }}@media (max-width:590px) { .hd-info { display: none } #consultation article h2 span { font-size: 90px; margin-right: -15px; } #consultation article h2 { font-size: 65px } #banner article{min-height: 300px;} .slick-banner .slick-slide { margin-left: -10%; margin-right: -10% } #team article { padding: 20px } #map { display: none } .contact { text-align: center; display: block } .contact > div:first-child, .contact p { margin: 10px auto } .gallery { padding: 0 } .services-grid > div, #all { flex: 1 1 100% } .youtube[class*=elem-] { width: 100% } [data-player][class^=elem] { min-width: 100% } .landing { display: block } .block { padding: 30px 0 } .hd-right { display: none; } .outside { margin: 40px auto; } .footer-green-bkg { padding-top: 50px; }}@media (max-width:480px) { header .hours label { width: 100px } #banner article .h2 { font-size: 35px } #consultation article h2 span { font-size: 70px } #consultation article h2 { font-size: 50px } #fixed-tabs strong { display: none } .footer-box #find article { padding: 40px 20px } .gallery article .flex-ed { flex-wrap: wrap } .gallery article .flex-ed > div { flex: 1 1 100% } .gallery article .flex-ed span { margin-bottom: 30px; flex: 1 1 100% } .outside .outside-middle { padding: 20px 10px } .block article { padding: 50px 15px } #page-title h1:only-child, h2#append, .h1 { font-size: 45px } .big-banner #interior-banner .contain { padding: 30px 10px 20px }}@media (max-width:400px) { #consultation article h2 { font-size: 42px } .more-to-explore [class^=btn] { min-width: 100%; width: 100%; margin: 8px auto } [data-embed] .close { font-size: 12px; min-width: 120px; padding: 4px } #copy .icon-tnt { font-size: 50px; margin-bottom: 8px }}.has-h3 { clear: both; display: table; width: 100%; margin: 20px auto; text-align: left; }.has-h3 h3 { margin: 0 auto 10px; text-align: left; }.section-toggle { display: none; margin-top: 20px; }@media (max-width:750px) { .has-h3, .has-h3 h3 { text-align: center; }}.section-toggle .elem-left{ margin-right: 25px;}.landing{display:flex;align-items:flex-start;justify-content:space-around;flex-wrap:wrap;margin:40px auto}.landing a{flex:0 1 30%;margin:10px auto 20px;text-align:center;display:table;max-width:350px}.landing a h3{padding:10px;margin-top:10px;background-color:#384E4D;color:#fff;font:400 15px/1 aller,sans-serif;transition:.3s all}.landing a:hover h3{background-color:#569F3E;color:#fff}@media (max-width: 590px) {.landing{display:block}}