body,html{margin:0;padding:0;}
body{color:#3c3b6e;background-color:#ffffff; font-family:verdana,sans-serif;font-size:1.0em;}
a{color:#3c3b6e;text-decoration:none}
a:hover{color: #b22234;}

h1{color:#3c3b6e;font-size:1.25em; margin: 0; padding:0;}
h1 a:hover{color:#b22234;}

h2{color:#3c3b6e;font-family:verdana,sans-serif;font-size:1.0em;line-height:1.25;}
h2 a:hover{color:#b22234;}


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:#b22234;}
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{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:#ffffff;}
@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:verdana,sans-serif;font-size:1.5em; font-weight:900; text-align: left;padding:3px; background-color:transparent; border-bottom: 1px solid #b22234;}
@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;} }

.message {margin: 0 auto; width:98%; background-color: rgba(255,255,255,.75); text-align: left; padding: 10px 10px;line-height: 1.5;border: 2px solid #26aae1; border-radius: 10px;}
@media only screen and (max-width: 40.063em) {.message {display: inline-block;width:93%;} }
@media only screen and (max-width: 64.063em) {.message {display: inline-block;width:93%;} }

.homepagemessage {margin: 0 auto; width:98%; text-align: left; padding: 10px 10px;line-height: 1.5;border: 2px solid #26aae1; border-radius: 10px;}
@media only screen and (max-width: 40.063em) {.homepagemessage {display: none;} }
@media only screen and (max-width: 64.063em) {.homepagemessage {display: none;} }

.mediamessage {display: inline-block; margin: 0 auto; width:560px;padding: 0;vertical-align: top;text-align:center;background-color:#fff;}
@media only screen and (max-width: 40.063em) {.mediamessage {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) {.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 {display: inline-block; margin: 0 auto; width:295px;padding: 0;vertical-align: top;text-align:center; background-color:#fff;}
@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:#000000; background-color: #ffffff; border-top: 5px solid #b22234;font-size:.8em;}




/* Font Icons */

@font-face {
     font-family: 'fontello';
 src: url('fontello.eot?24545086');
  src: url('fontello.eot?24545086#iefix') format('embedded-opentype'),
       url('fontello.woff2?24545086') format('woff2'),
       url('fontello.woff?24545086') format('woff'),
       url('fontello.ttf?24545086') format('truetype'),
       url('fontello.svg?24545086#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);
}