img, iframe {max-width: 100%; height: auto} html,body{-webkit-text-size-adjust:100%;text-size-adjust:100%} *{box-sizing:border-box}body { min-width: 320px; font-family: 'Open Sans', sans-serif; font-size: 18px; line-height: 1.5; letter-spacing: -0.5px; text-align: center; background-image: url(/images/background.jpg); background-attachment: fixed; color: #4d4d4d; }body > .wrap { box-shadow: 0 0 10px rgba(0,0,0,.1); } nav, h1, h2, h3, h4, h5, h6, .home h2, .welcome p, #contact h4, .home .cta h2, .emphasis { font-family: 'Open Sans', sans-serif; }.home .featured h2 { line-height: 1.25 }h1, h2, h3, h4, h5, h6 { font-weight: 400; color: #188754; }h1, h2, h3, h4, h5, h6, p, th, td, dd, dt, li, blockquote { text-align: left; }h1 { font-size: 32px;}h2 { font-size: 24px}h3 { font-size: 18.72px;}h4 { font-size: 16px; }body, header ul, nav ul, footer ul, .address iframe { padding: 0; margin: 0; }img, iframe, .youtube { max-width: 100%; display: block; height: auto }.youtube,iframe { aspect-ratio: auto 16 / 9;width:100% }.bgimg { position: relative }.bgimg > img:first-of-type { position: absolute; width: 100%; height: 100%; left: 0; right: 0; top: 0; bottom: 0; object-fit: cover; z-index: 0 }a img, iframe { border: none; }a, nav a:is(:hover,:focus) { text-decoration: none; color: #008080; }a:is(:hover,:focus), nav a, .featured h2, .welcome p, #contact h4 { color: #188754; }svg { vertical-align: middle; }hr { border-width: 1px; border-color: #eee; border-style: none none solid; margin: 40px 0; }.fullwidth { width: 100%; }.imgLeft, .imgRight { max-width: 45%; }.imgLeft { float: left; margin: 10px 4% 2% 0; }.imgCenter { display: block; margin: 0 auto; }.imgRight { float: right; margin: 10px 0 2% 4%; }.clear { clear: both; }.nowrap, a[href^=tel], nav a span, h1 span, h2 span { white-space: nowrap; }.hide { display: none !important; }.center, .home h1, .featured h2, .welcome h2, .welcome p, .cta h2 { text-align: center; }.wrap { display: block; max-width: 1140px; margin: 0 auto; position: relative; }.flex { display: flex; flex-wrap: wrap; }.grid { display: grid; grid-gap: 20px; }.grid.half { grid-template-columns: repeat(2,1fr); }.grid.third { grid-template-columns: repeat(3,1fr); }.grid.fourth { grid-template-columns: repeat(4,1fr); }.between { justify-content: space-between; }.around { justify-content: space-around; }.evenly { justify-content: space-evenly; }.mid { align-items: center; align-content: center } section { background-color: #fff; }header a, nav a, footer strong, .cta, .social a { display: block; }header .grid { grid-template-columns: 320px 1fr; }.logo img { margin: 20px 0 20px 40px }.top, nav { position: relative; z-index: 9; text-align:right; }.top { text-align: right; }.top { font-size: 16px; font-weight: 300; line-height: 1.3; background-color: #188754; }.top a { color: #fff; padding: 10px 20px; transition: ease-out .1s; }.top a:is(:hover,:focus) { background-color: #fff; color: #188754; }.top li, nav li, footer li { display: inline-block; }nav a { margin:5px;padding: 10px 20px; line-height: 1; font-variant: small-caps; color: #4d4d4d; transition: ease-out .1s; }nav a:is(:hover,:focus) { color: #188754; }nav li{position:relative}nav ul ul, nav ul ul li, nav ul ul a, nav li:hover > ul { display: block; }nav ul ul li a {text-align: left; }nav ul ul { display: none; background:#fff; box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px 0px; position: absolute; padding:20px 0;margin:-5px 0 0 5px;width:320px;z-index:10}nav ul > li:hover > a {background:#fff; color:#188754;z-index: 1; position: relative;}nav ul li:nth-of-type(4) a {background:#188754; color:#fff; border-radius:3px; padding:15px 20px; }nav ul li:nth-of-type(4) a:hover {background:#008080; } .cycle-slideshow { width: 100%; height: 500px; background-color:#fff; box-shadow: 0 8px 6px -6px rgba(0,0,0,.1); position: relative; overflow: hidden }.cycle-slideshow .slidecontent { text-align:center; color: #fff; padding: 20px clamp(15px, 3vw, 40px);z-index: 1;position:relative;top:50%;transform:translateY(-50%)}.cycle-slideshow b, .cycle-slideshow p {text-shadow: 2px 4px 3px rgba(0,0,0,0.3);}.cycle-slideshow b {font-size:38px;line-height:1.25}.cycle-slideshow p { z-index: 54d4d4d; font-size:24px; text-align: center; }.cycle-slideshow .slide, .cycle-slideshow .bgimg { height: 100%; width: 100% }.cycle-slideshow >div { position: absolute; width: 100%; height: 100%; top: 0; left: 0 }.cycle-slideshow div img { position: absolute; object-fit: cover; width: 100%; height: 100%; inset: 0; }.cycle-slideshow div:not(.cycle-slideshow div:nth-of-type(1)) { opacity: 0; }.cycle-slideshow .slide1 { opacity: 1; }.slide img {filter: brightness(50%);}.slide.first img { object-position: 75% 50% }.slide.second img { object-position: center }.slide.third img { object-position: 85% 50% } .container.grid { grid-template-columns: 1fr 300px; grid-gap: 40px }.container .side h3 { margin-top: 50px; }.container .side svg { margin-left: 5px; }section { padding: 20px 40px; position: relative; z-index: 8; }section ul, section ol { padding-left: 25px; }section li { margin-bottom: 5px; }.nolist, .address ul, footer ul { list-style: none; padding: 0; }.btn .fa-arrow-right { margin-left: 10px; }.home > div { margin: 50px 40px 60px; }.home > div:last-of-type { margin: 50px 40px 20px; }.featured, .welcome { padding-bottom: 50px;box-shadow: rgba(17, 17, 26, 0.1) 0px 1px 0px; }.home > div.featured { margin: 50px 20px 60px }.featured .grid { grid-gap: 0 }.featured h1 { margin-top: 0; }.featured h2 { margin: 40px 0; }.featured .border { width: 210px; height: 210px; padding: 10px; border-radius: 100%; border: 1px solid rgba(24,135,84,.5); margin: 0 auto; }.featured img, .welcome img, .units img, .plans .img { object-fit: cover; }.featured img { width: 200px; height: 200px; padding: 5px; border-radius: 100%; border: 1px solid #eee; }.featured p { text-align: center; color: #4d4d4d; text-decoration: none; padding: 0 15px; }.featured blockquote { text-align: center; color: #188754; font-size: 30px; margin-top: 100px;font-style:italic;}.featured span {display:block;}.featured span.btn { margin-top: 5px; transition: ease-out .3s; }.welcome h2 { max-width: 900px; margin: 40px auto; }.welcome h2 span { font-family: 'Open Sans', sans-serif; font-size: 30px; margin-bottom: 10px; display: block; }.welcome .grid h2, .welcome .grid p { text-align: left; }.welcome .grid.half { margin-bottom: 40px; }.welcome .grid p { font-family: 'Open Sans', sans-serif; color: #4d4d4d; }.welcome iframe { width: 100%; }.welcome .grid.imgs { grid-template-columns: 250px 250px 250px; place-content: center center; grid-gap: 5px; margin: 20px 0 }.welcome img { height: 200px; width: 100%; margin: 0; }.join .grid { grid-gap: 40px; }.join .grid > div:last-of-type h3 { font-size: 32px; text-align: center; background-color: #008080; color: #fff; padding: 30px 20px; margin: 0 0 50px; position: relative; box-shadow: 0 5px 5px rgba(0,0,0,.15); border-radius:3px; }.join .grid > div:last-of-type h3:after { content: ""; width: 0; height: 0; border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 20px solid #008080; position: absolute; left: 50%; transform: translateX(-50%); bottom: -20px; z-index: 999; }a.cta { white-space: normal }.cta, .emphasis { background-image: linear-gradient( #188754, #008080 ); border-radius:3px; padding: 20px; }.home .cta h2 { color: #fff; }.faq h2 { font-family: 'Open Sans', sans-serif; font-weight: bold; color: #4d4d4d; }.testimonials p { position: relative; padding-left: 50px; }.testimonials .fa-quote-left { font-style: italic; color: #ddd; position: absolute; left: 0; }.emphasis { text-align: center; color: #fff; margin: 40px 0; }.units { display: grid; grid-template-columns: repeat(4,1fr); grid-gap: 5px }.plans { display: grid; grid-template-columns: repeat(3,1fr); grid-gap: 5px }.units img, .plans img { width: 100%; }.units img { height: 175px; }.people { border-spacing: 10px; width: 100% }.people td:first-of-type { text-align: right; font-weight: bold }.people td:last-of-type { font-style: italic }.youtube img { margin: 0 auto; }.youtube iframe { height: 100%; margin: 0 auto; }.address .grid.half { grid-template-columns: 300px 1fr; }.address iframe { width: 100%; height: 25vw; max-height: 310px; } form { margin: 20px 0; }form .grid { grid-gap: 10px; }form *{ font-family: 'Open Sans', sans-serif; }form :is(input, select, textarea, label) { background-color: #f7f7f7; padding: 15px; border: none;margin-bottom:10px;display:block;width:100%;text-align:left;font-size:14px }form input[type=file] { margin-left: 10px; border-radius: 0; }form textarea { height: 100px; }form input[type=submit], .btn { display: inline-block; min-width: 120px; text-align: center; background-color: #188754; color: #fff; padding: 15px 40px; margin: 10px 0; border: none; border-radius: 3px; transition: ease-out .3s; }form input[type=submit] { min-width: 250px; margin: 0; }form input[type=submit]:is(:hover,:focus), .btn:is(:hover,:focus), .featured a:is(:hover,:focus) > span, #contact input[type=submit] { cursor: pointer; color: #fff; transition: ease-in .3s; }form input[type=submit]:is(:hover,:focus), .btn:is(:hover,:focus) {background-color: #008080; } .featured a:is(:hover,:focus) > span {background-color: #fff;} .side .btn { display: block; }#contact h4 { margin: 20px 0 10px; }#contact p { margin-top: 0; }#contact textarea { height: 200px; } .fakeinput{padding:13px 15px 14px}.fakeinput input { display: inline-block;width:auto;margin:0;padding:0 }#employment input[type=submit] { margin-top: 15px; } footer .wrap { font-size: 16px; margin-bottom: 40px; padding: 40px; position: relative; z-index: 7; }footer .grid.third { grid-template-columns: 250px 1fr 250px; }footer .grid.third div:last-of-type { text-align: right; }footer a{margin:5px;padding:5px;display:block}footer .mark { display: block; margin: 20px auto 0; }footer .social li { margin: 0 5px; } @media(max-width:999px) { nav ul ul{display:none !important} section, footer .wrap { padding: 20px } .container.grid { grid-template-columns: 1fr 260px; } .side { border-top: 1px solid #188754 } .units { grid-template-columns: repeat(2,1fr) } .welcome .grid.imgs { grid-template-columns: repeat(3,1fr); grid-gap: 10px } .people td { display: block; text-align: center !important } .featured h2 span { display: block } footer .grid.third{grid-template-columns:1fr} footer img[src*=logo\.svg]{max-width:280px;margin:0 auto} footer :is(p,.social){text-align:center} footer .wrap{margin-bottom:0}} @media(max-width:767px) { .container.grid { grid-template-columns: 1fr } .top ul { text-align: center } .units { grid-gap: 10px } .featured .grid { grid-template-columns: 1fr; grid-gap: 40px } .featured h2 span { display: inline } .welcome .grid.half, .join .grid.half { grid-template-columns: 1fr }} @media(max-width:700px) { :is(header,.address) .grid { grid-template-columns: 1fr } header .grid{padding:20px 0 10px} .address li, .address p,nav { text-align: center } .address p img,.logo img { margin: 0 auto }} @media(max-width:600px) { .plans { grid-template-columns: 1fr; grid-gap: 10px; max-width: 400px; margin: 0 auto } .welcome .grid.imgs { grid-template-columns: 1fr 1fr; }} @media(max-width:500px) { section{padding:20px 10px} form .grid{grid-gap:0} .imgRight, .imgLeft { float: none; margin: 1em auto; max-width: 100% } footer .grid { grid-template-columns: 1fr } footer p, nav li, section h1, section h2 { text-align: center } .faq h2 { text-align: left } .grid.half, .welcome .grid.imgs { grid-template-columns: 1fr } .welcome .grid.imgs img { width: 90%; padding: 5px 5%; } .home > div { margin: 50px 20px 60px !important } .welcome .grid.imgs { margin: 20px -20px }} @media(max-width:400px) { input[type=submit], input[type=file] { width: 100%; max-width: none } .units { grid-template-columns: 1fr }}