﻿body,html{margin:0;padding:0;}
body{color:#2b4738;background-color:#eee8da; font-family:'Montserrat',sans-serif;font-size:1.0em;}
a{color:#86744e;text-decoration:none}
a:hover{color: #eee8da;}

h1{color:#2b4738;font-size:1.25em; margin: 0; padding:0;}
h1 a:hover{color:#86744e;}

h2{color:#472b3d;font-family:'Montserrat',sans-serif;font-size:1.0em;line-height:1.25;}
h2 a {color:#472b3d;text-decoration:none;}
h2 a:hover{color:#86744e;}


h3{color:#3c3b6e;font-size:1.0em; margin: 0; padding:0;line-height:1.0;}
h4{color:#ffffff;font-size:2.0em; margin: 0; padding:0;line-height: 1.8;border: 2px solid #267227;}
h5{color:#ffffff;font-size:1em; font-weight: 900;padding: 1px 0;line-height: 1.8;margin: 0 auto; width:98%;text-align:center; margin-top: 5px;}
h5 a:hover {color:#204f85;}
h5 a {color:#ffffff;text-decoration:none;}

h6{color:#ffffff;font-size:1.5em; margin: 0; padding:0;line-height: 1.8;}
h7{color:#ffffff;font-size:1.0em; margin: 0; padding: 1px 0;line-height: 1.8;text-align:center; margin-top: 5px;border-radius: 20px;}


h8{color:#ffffff;font-size:1em; font-weight: 900; padding: 0 0;line-height: 1.8;margin: 0 auto; text-align:center; margin-top: 5px;}
h8 a:hover {color:#86744e;}
h8 a {color:#ffffff;text-decoration:none;}

h9{color:#267227;font-size:1em; font-weight: 900; padding: 0 0;line-height: 1.8;margin: 0 auto; width:98%;text-align:center;margin-top: 5px;}
h9 a:hover {color:#204f85;}
h9.activebox a:hover{background-color: #267227;}
h9 a {color:#267227;text-decoration:none;}


.nav a{color:#ffffff;}
.nav a:hover{color:#86744e;}
.nav{position:absolute; left: 50px; margin:12px 0 0 0;padding:0;height:55px;}
@media only screen and (max-width: 40.063em) {.nav {display: none;} }
@media only screen and (max-width: 64.063em) {.nav {display: none;} }

.contentpages {margin: 0 auto; max-width:1215px; padding:0; background-color:#eee8da;}
@media only screen and (max-width: 40.063em) {.contentpages {display: inline-block; margin: 0 auto; width:100%; padding: 0;vertical-align: top;text-align:center;} }
@media only screen and (max-width: 64.063em) {.contentpages {display: inline-block; margin: 0 auto; width:100%; padding: 0;vertical-align: top;text-align:center;} }

.contenttitle {margin: 0 auto; width:100%; font-family:'Merriweather Sans',sans-serif;font-size:1.5em; font-weight:900; text-align: left;padding:0; background-color:transparent; border-bottom: 1px solid #2b4738}
@media only screen and (max-width: 40.063em) {.contenttitle {display: inline-block; margin: 0 auto; width:100%; padding: 0;vertical-align: top;text-align:center;} }
@media only screen and (max-width: 64.063em) {.contenttitle {display: inline-block; margin: 0 auto; width:100%; padding: 0;vertical-align: top;text-align:center;} }

.mediamessage {display: inline-block; margin: 0 auto; width:585px;padding: 0;vertical-align: top;text-align:center;background-color:#eee8da; }
@media only screen and (max-width: 64.063em) {.mediamessage {display: inline-block; margin:0 0 25px 0; width:98%; padding:0;vertical-align: top;text-align:center;} }

#player-overlay {
  width: 100%;
  height: 100%;
}

video {
  display: block;
  width: 100%;
  height: 100%;
}
.row a{color:#ffffff;}
.row a:hover{color:#86744e;}
.row {display: inline-block; margin: 0 auto; width:295px;padding: 0;vertical-align: top;text-align:center; background-color:#4e6486;}
@media only screen and (max-width: 40.063em) {.row {display: inline-block; margin:0 0 25px 0; width:98%; padding:0;vertical-align: top;text-align:center;} }
@media only screen and (max-width: 64.063em) {.row {display: inline-block; margin:0 0 25px 0; width:98%; padding:0;vertical-align: top;text-align:center;} }

.activebox {border: 2px solid #142635;width:60px; height:25px;}
.activebox a:hover{background-color:#b22234; color:#3c3b6e;}


.o-containerleft {display: inline-block; margin: 0 auto; width:600px; padding: 0;vertical-align: top;}
@media only screen and (max-width: 40.063em) {
.o-containerleft {display: inline-block; margin: 0 auto; width:98%; vertical-align: top;text-align: justify} }  
@media only screen and (max-width: 64.063em) {
.o-containerleft {display: inline-block; margin: 0 auto; width:98%; vertical-align: top;text-align: justify} }



.o-containercenter {display: inline-block; margin: 0 auto; width:300px; vertical-align: top;text-align:left; background-color: transparent;}
@media only screen and (max-width: 40.063em) {
.o-containercenter {display: inline-block; margin: 0 auto; width:98%; vertical-align: top;text-align:center;background-color:transparent;} }
@media only screen and (max-width: 64.063em) {
.o-containercenter {display: inline-block; margin: 0 auto; width:98%; vertical-align: top;text-align:center;background-color:transparent;} }

.o-containerright {display: inline-block; margin: 0 auto;  padding:30px 0 0 0;width:300px;height:425px;}
@media only screen and (max-width: 40.063em) {.o-containerright {display: none;} }
@media only screen and (max-width: 64.063em) {.o-containerright {display: none;} }

.o-contentleft {display: inline-block; margin: 0 auto;  padding:0;width:300px;vertical-align: top;text-align:center; background-color:#ffffff; border: 2px solid #cccccc; border-radius: 20px;}
@media only screen and (max-width: 40.063em) {.o-contentleft {width:98%; vertical-align: top;text-align:center;background-color:#ffffff; border: 2px solid #cccccc; border-radius: 20px;} }
@media only screen and (max-width: 64.063em) {.o-contentleft {width:98%; vertical-align: top;text-align:center;background-color:#ffffff; border: 2px solid #cccccc; border-radius: 20px;} }

.dfys {display: inline-block; margin-top: 17px;padding:0;width:305px;vertical-align: top;text-align:center;}
@media only screen and (max-width: 40.063em) {.dfys {width:98%; vertical-align: top;text-align:center;} }
@media only screen and (max-width: 64.063em) {.dfys {width:98%; vertical-align: top;text-align:center;} }

.o-contentcenter {display: inline-block; margin: 0 auto; width:598px; vertical-align: top;text-align:center; background-color: transparent;}
@media only screen and (max-width: 40.063em) {
.o-contentcenter {display: inline-block; margin: 0 auto; width:98%; vertical-align: top;text-align:center;background-color:transparent;} }
@media only screen and (max-width: 64.063em) {
.o-contentcenter {display: inline-block; margin: 0 auto; width:98%; vertical-align: top;text-align:center;background-color:transparent;} }

.o-contentright {display: inline-block; margin: 0 auto;  padding:0;width:300px;vertical-align: top;text-align:center;}
@media only screen and (max-width: 40.063em) {.o-contentright {width:98%; vertical-align: top;text-align:center;} }
@media only screen and (max-width: 64.063em) {.o-contentright {width:98%; vertical-align: top;text-align:center;} }

.columnright {display: inline-block; margin: 0; padding:0;width:298px;vertical-align: top;text-align:center; background-color:#ffffff; border: 2px solid #cccccc; border-radius: 20px;line-height: 1.35;}
@media only screen and (max-width: 40.063em) {.columnright {width:98%; vertical-align: top;text-align:center;background-color:#ffffff; border: 2px solid #cccccc; border-radius: 20px;line-height: 1.5;} }
@media only screen and (max-width: 64.063em) {.columnright {width:98%; vertical-align: top;text-align:center;background-color:#ffffff; border: 2px solid #cccccc; border-radius: 20px;line-height: 1.5;} }

.mediapara {display: inline-block; margin: 10px 0 0 0;  padding:0;width:300px;height: 117px;vertical-align: top;text-align:center; background-color:#ffffff; border: 2px solid #cccccc; border-radius: 20px;color:#ffcc04;}
@media only screen and (max-width: 40.063em) {.mediapara {width:98%; vertical-align: top;text-align:center;background-color:#ffffff; border: 2px solid #cccccc; border-radius: 20px;} }
@media only screen and (max-width: 64.063em) {.mediapara {width:98%; vertical-align: top;text-align:center;background-color:#ffffff; border: 2px solid #cccccc; border-radius: 20px;} }


.mediaparareg {display: inline-block; margin: 10px 0 20px 0;  padding:0;width:300px;height: 120px;vertical-align: top;text-align:center; background-color:#ffffff; border: 2px solid #cccccc; border-radius: 20px;color:#ffcc04;}
@media only screen and (max-width: 40.063em) {.mediaparareg {width:98%; vertical-align: top;text-align:center;background-color:#ffffff; border: 2px solid #cccccc; border-radius: 20px;} }
@media only screen and (max-width: 64.063em) {.mediaparareg {width:98%; vertical-align: top;text-align:center;background-color:#ffffff; border: 2px solid #cccccc; border-radius: 20px;} }

.mediaparafull {display: inline-block; margin: 10px 0 0 0;  padding:0;width:99%;vertical-align: top;text-align:center; background-color:#ffffff; border: 2px solid #cccccc; border-radius: 20px;color:#000000;}
@media only screen and (max-width: 40.063em) {.mediaparafull {width:98%; vertical-align: top;text-align:center;background-color:#ffffff; border: 2px solid #cccccc; border-radius: 20px;} }
@media only screen and (max-width: 64.063em) {.mediaparafull {width:98%; vertical-align: top;text-align:center;background-color:#ffffff; border: 2px solid #cccccc; border-radius: 20px;} }

.mediaparafullleft {display: inline-block; margin: 25px 0 0 0;  padding:20px 15px;width:100%;vertical-align: top;text-align:left; background-color:#ffffff; border: 2px solid #cccccc; border-radius: 20px;color:#000000;line-height: 1.5;}
@media only screen and (max-width: 40.063em) {.mediaparafullleft {width:90%; vertical-align: top;text-align:left;background-color:#ffffff; border: 2px solid #cccccc; border-radius: 20px;} }
@media only screen and (max-width: 64.063em) {.mediaparafullleft {width:90%; vertical-align: top;text-align:left;background-color:#ffffff; border: 2px solid #cccccc; border-radius: 20px;} }

.o-contentleftcolumn {display: inline-block; margin: 0 auto;  padding:0;width:300px;vertical-align: top;text-align:center; }
@media only screen and (max-width: 40.063em) {.o-contentleftcolumn {width:98%; vertical-align: top;text-align:center;background-color:#ffffff; border: 2px solid #cccccc; border-radius: 20px;} }
@media only screen and (max-width: 64.063em) {.o-contentleftcolumn {width:98%; vertical-align: top;text-align:center;background-color:#ffffff; border: 2px solid #cccccc; border-radius: 20px;} }

.o-contenttwocolumn {display: inline-block; margin: 0 auto; width:895px; vertical-align: top;text-align:left; background-color: transparent;}
@media only screen and (max-width: 40.063em) {
.o-contenttwocolumn {display: inline-block; margin: 0 auto; width:98%; vertical-align: top;text-align:center;background-color:transparent;} }
@media only screen and (max-width: 64.063em) {
.o-contenttwocolumn {display: inline-block; margin: 0 auto; width:98%; vertical-align: top;text-align:center;background-color:transparent;} }

.o-contentfaqs {display: inline-block; margin: 0 auto; width:850px; vertical-align: top;text-align:left; background-color: transparent;}
@media only screen and (max-width: 40.063em) {
.o-contentfaqs {display: inline-block; margin: 0 auto; width:98%; vertical-align: top;text-align:left;background-color:transparent;} }
@media only screen and (max-width: 64.063em) {
.o-contentfaqs {display: inline-block; margin: 0 auto; width:98%; vertical-align: top;text-align:left;background-color:transparent;} }



.o-containerrightpages {display: inline-block; margin: 0 auto;  padding:0;width:300px;}
@media only screen and (max-width: 40.063em) {.o-containerrightpages {display: none;} }
@media only screen and (max-width: 64.063em) {.o-containerrightpages {display: none;} }


.o-row {display: inline-block; margin: 0 auto; width:296px;padding: 0;vertical-align: top;text-align:center;border: 2px solid #26aae1; border-radius: 10px;background-color:#fff;}
@media only screen and (max-width: 40.063em) {.o-row {display: inline-block; margin:0 0 25px 0; width:98%; padding:0;vertical-align: top;text-align:center;} }
@media only screen and (max-width: 64.063em) {.o-row {display: inline-block; margin:0 0 25px 0; width:98%; padding:0;vertical-align: top;text-align:center;} }

.o-row1 {display: inline-block; width:390px;height:450px; padding: 0;vertical-align: top;text-align:center; background-color:#fff;margin:0 10px 25px 0;box-shadow: 5px 5px 10px 5px grey; color: #ffcc04;}
@media only screen and (max-width: 40.063em) {.o-row1 {display: inline-block; margin:0 0 25px 0; width:98%; padding:0;vertical-align: top;text-align:center;} }
@media only screen and (max-width: 64.063em) {.o-row1 {display: inline-block; margin:0 0 25px 0; width:98%; padding:0;vertical-align: top;text-align:center;} }

.o-row2 {display: inline-block; margin: 0 auto; width:296px;padding: 0;vertical-align: top;text-align:center;border: 2px solid #ffcc04; border-radius: 10px;background-color:#fff;}
@media only screen and (max-width: 40.063em) {.o-row2 {display: inline-block; margin:0 0 25px 0; width:98%; padding:0;vertical-align: top;text-align:center;} }
@media only screen and (max-width: 64.063em) {.o-row2 {display: inline-block; margin:0 0 25px 0; width:98%; padding:0;vertical-align: top;text-align:center;} }

.o-row3 {display: inline-block; margin: 0 auto; width:298px; padding: 0;vertical-align: top;text-align:center;background-color:#ffffff; border-radius: 10px;}
@media only screen and (max-width: 40.063em) {.o-row3 {display: inline-block; margin: 0 auto; width:100%; padding:0;vertical-align: top;text-align:center;} }
@media only screen and (max-width: 64.063em) {.o-row3 {display: inline-block; margin: 0 auto; width:100%; padding:0;vertical-align: top;text-align:center;} }

.o-quote {display: inline-block; margin: 0 auto; width:300px;padding: 0;vertical-align: top;text-align:center;background-color:transparent;}
@media only screen and (max-width: 40.063em) {.o-quote {display: inline-block; width:98%; padding:0;vertical-align: top;text-align:center;} }
@media only screen and (max-width: 64.063em) {.o-quote {display: inline-block; width:98%; padding:0;vertical-align: top;text-align:center;} }

.o-quotetext {display: inline-block; margin: 0 auto; width:500px;padding: 0;vertical-align: top;text-align:center;background-color:transparent; border-top: 4px solid #ffcc04;border-bottom: 4px solid #ffcc04;}
@media only screen and (max-width: 40.063em) {.o-quotetext {display: inline-block; width:98%; padding:0;vertical-align: top;text-align:center;} }
@media only screen and (max-width: 64.063em) {.o-quotetext {display: inline-block; margin:0 0 25px 0; width:98%; padding:0;vertical-align: top;text-align:center;} }

.o-quotegive {display: inline-block; margin: 0 auto; width:215px;padding: 0;vertical-align: top;text-align:center;background-color:transparent;}
@media only screen and (max-width: 40.063em) {.o-quotegive {display: inline-block; width:98%; padding:0;vertical-align: top;text-align:center;} }
@media only screen and (max-width: 64.063em) {.o-quotegive {display: inline-block; width:98%; padding:0;vertical-align: top;text-align:center;} }

.o-subscribe {display: inline-block; margin: 0 auto;width:600px;padding: 0;vertical-align: top;text-align:center;background-color:transparent;}
@media only screen and (max-width: 40.063em) {.o-subscribe {display: inline-block; width:98%; padding:0;vertical-align: top;text-align:center;} }
@media only screen and (max-width: 64.063em) {.o-subscribe {display: inline-block; margin:0 0 25px 0; width:98%; padding:0;vertical-align: top;text-align:center;} }

.o-double {display: inline-block; margin: 0 auto; width:900px;padding: 0;vertical-align: top;text-align:left;background-color:transparent; border-top: 4px solid #ffcc04;border-bottom: 4px solid #ffcc04;}
@media only screen and (max-width: 40.063em) {.o-double {display: inline-block; width:98%; padding:0;vertical-align: top;text-align:center;} }
@media only screen and (max-width: 64.063em) {.o-double {display: inline-block; margin:0 0 25px 0; width:98%; padding:0;vertical-align: top;text-align:center;} }

.play {display: inline-block;width:98%;text-align: left;border: 2px solid #666666; vertical-align: middle; min-height: 120px;}
.playnoborder {display: inline-block;width:98%;text-align: left;border: 2px solid #ffffff;vertical-align: middle; height: 120px;}
.playleft{display: inline-block; margin: 0 auto; width:30%; vertical-align: middle; float:left;}
.playright{display:inline-block; margin: 0 auto; width:60%; vertical-align: top;text-align: center;}


.footer{width:100%;margin: 0 auto;padding: 0;text-align:center; color:#472b3d; background-color: #ffffff; border-top: 15px solid #86744e;font-size:.8em;}




/* Font Icons */


.merriweather-sans-<uniquifier>{
  font-family: "Merriweather Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}

@font-face {
  font-family: 'fontello';
  src: url('fontello.eot?73757244');
  src: url('fontello.eot?73757244#iefix') format('embedded-opentype'),
       url('fontello.woff2?73757244') format('woff2'),
       url('fontello.woff?73757244') format('woff'),
       url('fontello.ttf?73757244') format('truetype'),
       url('fontello.svg?73757244#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}



.icon
    {
      font-family: "fontello";
      font-style: normal;
      font-weight: normal;
      speak: none;
      display: inline-block;
      text-decoration: inherit;
      width: 1em;
      text-align: center;
      font-variant: normal;
      text-transform: none;
      line-height: 1em;
      font-size: 250%;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;  
    }
.icon2
    {
      font-family: "fontello";
	   padding-top: 3px;
      font-style: normal;
      font-weight: normal;
      speak: none;
      display: inline-block;
      text-decoration: inherit;
      width: 1em;
      text-align: center;
	  vertical-align: top;	
      font-variant: normal;
      text-transform: none;
      line-height: 1em;
      font-size: 195%;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;  
    }

.flip-box {
  display: inline-block;
  vertical-align: top;
  text-align:center;
  margin: 0 0 10px 0;	
  background-color: transparent;
  width: 300px;
  height: 200px;
  border: 1px solid #f1f1f1;
  perspective: 1000px; /* Remove this if you don't want the 3D effect */
}

/* This container is needed to position the front and back side */
.flip-box-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.8s;
  transform-style: preserve-3d;
}

/* Do an horizontal flip when you move the mouse over the flip box container */
.flip-box:hover .flip-box-inner {
  transform: rotateY(180deg);
}

/* Position the front and back side */
.flip-box-front, .flip-box-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden; /* Safari */
  backface-visibility: hidden;
}

/* Style the front side (fallback if image is missing) */
.flip-box-front {
  background-color: #ffffff;
  color: black;
}

/* Style the back side */
.flip-box-back {
  background-color: #26aae1;
  color: white;
  transform: rotateY(180deg);
}