@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: 'open_sansregular';
    src: url('../fonts/OpenSans-Regular-webfont.eot');
    src: url('../fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Regular-webfont.woff2') format('woff2'),
         url('../fonts/OpenSans-Regular-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sanslight';
    src: url('../fonts/OpenSans-Light-webfont.eot');
    src: url('../fonts/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Light-webfont.woff2') format('woff2'),
         url('../fonts/OpenSans-Light-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Light-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Light-webfont.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;
}

* {font-family: 'open_sanslight', sans-serif;padding:0;border:none;margin:0; }

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}



body {margin: 0;padding:0;color: #6c6c6c;}
#header {width: 100%;overflow: hidden;}


/* COOKIE CONSENT */
.cc-revoke, .cc-window {font-size:14px!important;line-height:22px;!important;}
.cc-link {font-size:14px!important;line-height:22px;!important;}
.cc-compliance {margin-left:50px;}
.cc-message-text {display: table;font-size:14px!important;line-height:22px;!important;}
.cc-btn:hover {font-weight:normal!important;text-decoration: none!important;}
input.fc_button {background-color:#008851!important;}
.fc_button:hover {background-color:#a4404c!important;}
div.cc-window.cc-banner {border-top: solid 2px #008851;}


/* GENERIC */
.responsive-image{width: 100%;}
#content h1 {margin-top: 1.0em;margin-bottom: 1.0em;line-height: 1.5em;font-size: 2.0em;font-weight: 800;color: #008851;}
#content h2 {margin-top: 1.0em;margin-bottom: 1.0em;line-height: 1.5em;font-size: 1.6em;font-weight: 600;color: #6c6c6c;}
#content .brochures h2 {margin-top: 0em;padding-top:1.0em;margin-bottom: 1.0em;line-height: 1.5em;font-size: 1.6em;font-weight: 600;color: #6c6c6c;}
#content h3 {margin-top: 1.0em;margin-bottom: 0em;line-height: 1.5em;font-size: 1.4em;font-weight: 400;color: #6c6c6c;}
#content p {margin-top: 1.0em;margin-bottom: 1.0em;line-height: 1.5em;font-size: 1.1em;color: #6c6c6c;}
#content li {line-height: 1.5em;padding-top: 0.5em;; padding-bottom:0.5em;;padding-left:10px;color:#6c6c6c;font-size: 1.1em;}
#content ul {margin-left: 20px;}
#content ol {margin-left: 20px;}

a:link {color: #008851;text-decoration: none;}
a:visited {color: #008851;text-decoration: none;}
a:hover {color: #008851;text-decoration: none;}
a:active {color: #008851;text-decoration: none;background-color:#6bba9a;}


/* HEADER */
#logo-container {width:60%;margin-left:auto;margin-right:auto;}
.logo {margin-top:10px;margin-bottom:10px;width:100%;}
#tel-container {width:50%;float:left;font-size:1.4em;}
#tel-container a {font-family: 'open_sansregular', sans-serif;}
#mobile-container {width:50%;float:right;font-size:1.4em;text-align: right;}
#mobile-container a {font-family: 'open_sansregular', sans-serif;}

/* NAVIGATION */
#menu {width: 100%;background-color: #008851; position: -webkit-sticky; /* Safari */ position: sticky;  top: 0;z-index:3;}
#menu ul {display:block;}
#menu li {margin:0;padding:0;display:block;width:100%;text-align:center;}
#menu li:hover {background-color: #44a87f;}

#menu a {color:#ffffff!important;padding-top:10px;padding-bottom:10px;}
#menu a:hover {}

#menu a {display: none;}
.menu-main-menu-container {padding: 20px;margin-right:13%;}
#menu.responsive a:hover {background-color:#;}
#menu.responsive {background: #008851;}
#menu.responsive a {display: block;color:#44a87f;text-decoration:none;text-align:center;margin-bottom:1.6em;}
#menu a.icon {margin-left:auto;margin-right:10px;display: block;color: #ffffff!important;width: 4%;}
#menu a:hover.icon {background: rgb(0,0,0,0.0);}
#menu {max-height: 100vh;overflow-y: scroll;}



/* MAIN IMAGE */
.main-image {width: 100%;display:block;}
#top-image-container {position:relative;z-index:-1;}
.top-image {border-bottom:solid 4px #008851;}

/* MAIN IMAGE CAPTION */
#caption-container {display:none;}


/* BANNER */
#banner {display:none;}


/* CONTENT WIDTH */
.container{width: 96%;margin-right:auto;margin-left:auto;}
#content h1 {width:96%; margin-left:auto;margin-right:auto;}
.bottom-container {width: 96%;margin-right:auto;margin-left:auto;}
div.fc_outer {width: 96%;margin-right:auto;margin-left:auto;}

/* SECTIONS */
.dark {background-color: #44a87f;}
.light {background-color: #ecf6f2;}
.flex-container-odd p {color:#ffffff!important;}
.flex-container-odd p.grey {color: #6c6c6c!important;}
.flex-container-odd h2 a {color:#ffffff!important;}
.flex-container-odd p {margin-bottom: 2em!important;}
.flex-container-even p {margin-bottom: 2em!important;}
.flex-container-odd .content-item-more a {color:#ffffff!important;padding:10px;border: 2px solid #ffffff;margin-top:20px;font-weight:600;}
.flex-container-even .content-item-more a {color:#008851!important;padding:10px;border: 2px solid #008851;margin-top:20px;font-weight:600;}
.flex-container-odd  {padding-top:20px;padding-bottom:20px;display:block;}
.flex-container-even  {padding-top:20px;padding-bottom:20px;display:block;}
.item-image {width:100%;margin-top:10px; margin-bottom:10px;}
.item-text {width:100%;margin-bottom:20px;}


/* BROCHURES */
.brochures {background-color: #dfdfdf;}
.brochures-items {display: flex;align-items: flex-start;flex-direction: row;flex-wrap: wrap;justify-content: space-between;text-align:center;}
.brochures-items div {width:46%;margin-bottom:30px;}
.brochures-items div img {max-width:100%;max-height:220px;display:block;margin-left: auto;
margin-right: auto;}



/* FOOTER */
#footer {background-color: #008851;padding-top:10px;padding-bottom:10px;width:100%;overflow:hidden;position:relative;}
#footer h2 {margin-top: 0;margin-bottom: 0.5em;line-height: 1.5em;font-size: 1.4em;font-weight: 400;color: #ffffff;}
#footer p {margin-top: 1.0em;margin-bottom: 1.0em;line-height: 1.5em;font-size: 1.1em;color: #ffffff;}
#footer a:link {color: #ecf6f2;text-decoration: none;}
#footer a:visited {color: #ecf6f2;text-decoration: none;}
#footer a:hover {color: #ecf6f2;text-decoration: none;background-color: #44a87f;}
#footer a:active {color: #ecf6f2;text-decoration: none;background-color:#6bba9a;}
.footer {color: #ffffff;}
.bottom {font-size: 0.8em;text-align: center;color:#6c6c6c;}
#acorn {width:100%;clear:both;margin-bottom:100px;}
#bottom-menu ul {list-style-type: none;display:inline-block;}
#bottom-menu li {margin-bottom:20px;}
.quarter {width:100%;text-align:center;}
.quarter2 {width:100%;text-align:center;}
.quarter3 {width:100%;text-align:center;}
.bottom-image {position:absolute;bottom:0px;right:15%;}
.socialicon {margin-right:20px;margin-bottom:10px;}
.space {margin-bottom:20px;}


/* Min width 500px */
@media screen and (min-width: 500px) {
.item-image {width:70%;margin-top:10px; margin-bottom:10px;margin-left:auto;margin-right:auto;}
	}
	

/* Min width 650px */
@media screen and (min-width: 500px) {
.item-image {width:55%;margin-top:10px; margin-bottom:10px;margin-left:auto;margin-right:auto;}
	}



/* Min width 800px */
@media screen and (min-width: 800px) {
.item-image {width:45%;margin-top:10px; margin-bottom:10px;}
.item-text {width:50%;margin-bottom:20px;}
.flex-container-odd  {display: flex;align-items: center;flex-direction: row;justify-content:space-between;}
.flex-container-even  {display: flex;align-items: center;flex-direction: row-reverse;justify-content:space-between;}
	
#logo-container {width:50%;text-align: center;float:left;position: relative;left: 25%;}
.logo {margin-top:10px;margin-bottom:10px;width:100%;}
#tel-container {width:20%;float:left;padding-top:35px;text-align: left;position: relative;left: -50%;font-size:1.4em;}
#mobile-container {width:20%;float:right;padding-top:35px;text-align: right;font-size:1.4em;}
#caption-container {display:block;position: absolute;left: 0;right: 0;margin-left: 2%;bottom: 50px;margin-top: auto;margin-bottom: auto;text-align: left;width: 50%;
	-webkit-animation: fadein 1.5s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 1.5s; /* Firefox < 16 */
        -ms-animation: fadein 1.5s; /* Internet Explorer */
         -o-animation: fadein 1.5s; /* Opera < 12.1 */
            animation: fadein 1.5s;}
#caption {background-color:rgba(0, 136, 81, 0.6);font-family: 'open_sansregular', sans-serif;font-size: 1.2em;font-style: italic;color:#ffffff;padding: 10px;border: solid 1px #ffffff;}
	
	.quarter {width:30%;padding-right:2%;float:left;text-align:left;}
.quarter2 {width:36%;padding-right:2%;float:left;}
.quarter3 {width:30%;padding-right:0%;float:left;text-align:right;}
	
}







/* Min width 1000px */
@media screen and (min-width: 1000px) {
	
	
	
	
#banner {background-color: #008851; width:100%;display:block;}
#banner .banner-container {list-style-type: none;margin:0px;display:flex;align-items:center;justify-content: space-between;}
#banner .banner-container div {margin:0;padding:4px;display:flex;position:relative;color:#ffffff;}
#banner .banner-container div span {margin-top: auto;margin-bottom: auto;font-family: 'open_sansregular', sans-serif;text-transform: uppercase;letter-spacing: 1px;}
#banner .banner-container div img {margin-right: 10px;}	
.menu-main-menu-container {margin-right:0%;}
#menu-main-menu {width:100%;display: flex;flex-direction: row;justify-content: space-between;}
#menu {overflow-y:auto;}
#menu a {text-decoration:none;display:block;color:#696969;}
#menu a.icon {display:none;}
#menu ul {display: flex;justify-content: space-between;list-style: none;width: 96%;margin-left: auto;margin-right: auto;}
#menu li {width:18%;}	
.bottom-container{width: 96%;}
.item-image {width:35%;margin-top:10px; margin-bottom:10px;}
.item-text {width:60%;margin-bottom:20px;}
.brochures-items div {width:23%;margin-bottom:30px;}
.brochures-items div img {max-width:100%;max-height:220px;}
#caption {font-size: 1.3em;}
#caption-container {bottom: 50px;width:40%;}
.banner-container img {height: 45px;}
.brochures-items div {width:23%;margin-bottom:30px;}
#logo-container {width:40%;text-align: center;float:left;position: relative;left: 30%;}
#tel-container {width:30%;float:left;padding-top:45px;text-align: left;position: relative;left: -40%;font-size:1.6em;}
#tel-container a {font-family: 'open_sansregular', sans-serif;}
#mobile-container {width:30%;float:left;padding-top:45px;text-align: right;font-size:1.6em;}
#mobile-container a {font-family: 'open_sansregular', sans-serif;}	
}

/* Min width 1400px */
@media screen and (min-width: 1400px) {
.container{width: 80%;}
#content h1 {width:80%;}
#menu ul {width: 80%;}
div.fc_outer {width: 80%;}
#caption {font-size: 1.5em;}
#caption-container {margin-left: 10%;width:30%;}
.banner-container img {height: 55px;}
}


/* Min width 1600px */
@media screen and (min-width: 1600px) {
.container{width: 70%;}
#content h1 {width:70%;}
#menu ul {width:70%;}
div.fc_outer {width: 70%;}
#caption {font-size: 1.7em;}
#caption-container {margin-left: 15%;}
.banner-container img {height: 65px;}
}