body { background-color: #004f7c;font-family:'Helvetica','Arial',Sans-serif;font-size:14px;line-height:1.5em;font-weight:normal;font-style:normal;letter-spacing:.05em;margin:0px !important; text-align:center; }

h1 { margin:50px auto;}
a { color: rgb(255, 0, 0); text-decoration: none; }
a:hover { color: rgb(255, 255, 255); text-decoration: none; }
p { color: rgb(255, 255, 255); }

div.content { max-width: 1250px; margin:0 auto; }
div.vcontent { max-width: 1920px; margin:0 auto; }
div.max1220 { max-width: 1220px; margin:0 auto; }
div.max620 { max-width: 620px; margin:0 auto; }
div.max570 { max-width: 570px; margin:0 auto; }
div.max520 { max-width: 520px; margin:0 auto; }

.zoom {
  position: fixed;
  top: 10px;
  right: 10px;
  height: 70px;
}

.zoom-fab {
  display: inline-block;
  width: 50px;
  height: 50px;
  line-height: 50px;
  border-radius: 50%;
  background-color: #009688;
  background-color: #ffffff;
  vertical-align: middle;
  text-decoration: none;
  text-align: center;
  transition: 0.2s ease-out;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
  cursor: pointer;
  font-size: 12px;
  font-weight: bold;
  color: #000000;
}

.zoom-fab:hover {
  background-color: #4db6ac;
  background-color: #eeeeee;
  box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 7px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -1px rgba(0, 0, 0, 0.2);
}

.zoom-btn-large {
  width: 60px;
  height: 60px;
  line-height: 60px;
  color: #FFF;
  color: #000000;
}

.zoom-btn-wht { background-color: #ffffff; }
.zoom-btn-wht:hover { background-color: #eeeeee; }

.zoom-btn-red { background-color: #F44336; }
.zoom-btn-red:hover { background-color: #e57373; }

.zoom-btn-yel { background-color: #ffeb3b; }
.zoom-btn-yel:hover { background-color: #fff176; }

.zoom-btn-gre { background-color: #4CAF50; }
.zoom-btn-gre:hover { background-color: #81c784; }

.zoom-btn-blu { background-color: #2196F3; }
.zoom-btn-blu:hover { background-color: #64b5f6; }

.zoom-btn-pur { background-color: #9c27b0; }
.zoom-btn-pur:hover { background-color: #ba68c8; }

.zoom-menu {
  position: absolute;
  right: -1px;
  left: auto;
  top: 50px;
line-height: 60px;
  height: 100px;
  width: 100%;
  list-style: none;
  text-align: right;
  color: #000000
}

.zoom-menu li { display: inline-block; margin-right: 7px; }

.scale-transition { transition: transform 0.3s cubic-bezier(0.53, 0.01, 0.36, 1.63) !important; }

.scale-transition.scale-out {
  transform: scale(0);
  transition: transform 0.2s !important;
}

.scale-transition.scale-in { transform: scale(1); }

.main p { color: rgb(255,255,255) }

h1 { margin: 0px; text-align: center; color: rgb(255, 255, 255); line-height: 34px; letter-spacing: 1px; padding-top: 15px; padding-bottom: 15px; font-size: 32px; background-size: contain; font-weight:normal; }
h2 { font-weight: 300; }
h3 { margin: 0px; text-align: center; color: rgb(255, 255, 255); line-height: 22px; letter-spacing: 1px; padding-top: 15px; padding-bottom: 15px; font-size: 20px; background-size: contain; font-weight:normal; }
h4 { margin: 0px; text-align: center; color: rgb(255, 255, 255); line-height: 18px; letter-spacing: 1px; padding-top: 15px; padding-bottom: 15px; font-size: 16px; background-size: contain; font-weight:normal; }
h5 { font-weight: 300; }

.rdd { color: rgb(128, 0, 0); }
.rod { color: rgb(255, 0, 0); }
.blk { color: rgb(0, 0, 0); }
.blkh { color: rgb(0, 0, 0); }
.blkh:hover { color: #800000; }
.itt { font-style: italic; }

@media all and (max-width:1250px)
{
.social_split {display: block;}
.social_gap {display: none;}
}
@media all and (min-width:670px)
{
.social_split {display: none;}
.social_gap {display: block;}
}

@media all and (max-width:679px)
{
.pp_split {display: none;}
}

@media all and (min-width:680px)
{
.pp_split {display: inline-block;}
}

@media all and (max-width:1272px)
{
.cd_split {display: none;}
}

@media all and (min-width:1273px)
{
.cd_split {display: inline-block;}
}

img.max300 { width: 100%; max-width: 280px; height: auto; margin-right: 1em; margin-bottom: 1em;}
img.max400 { width: 100%; max-width: 390px; height: auto; }
img.max600 { width: 100%; max-width: 600px; height: auto; }
img.max750 { width: 100%; max-width: 750px; height: auto; }
img.max1220 { width: 100%; max-width: 1220px; height: auto; }

iframe.max400 { width: 100%; max-width: 400px; }
iframe.max500 { width: 100%; max-width: 500px; }

video.max750 { width: 100%; max-width: 750px; height: auto; }
video.max600 { width: 100%; max-width: 600px; height: auto; }
video.max1220 { width: 100%; max-width: 1220px; height: auto; }

div.vids {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0;
  padding: 0;
}

piclist {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  max-width: 300px;
  width: 100%;
}

vidlist {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  max-width: 580px;
  width: 100%;
}

vidlists {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  max-width: 400px;
  width: 100%;
}

.video-container {
  position: relative;
  overflow: hidden;
  height: 0;
  padding-bottom: 56.25%; /* creates a 16:9 aspect ratio */
}

.video-container iframe,
.video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-width: 100%;
}

.container {
    position: relative;
	max-width: 1220px;
	max-height: 960px;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}
.video {
    position: absolute;
    top: 0;
    left: 0;
	max-width: 1220px;
	max-height: 960px;
    width: 100%;
    height: 100%;
}

.twitter-center { left: 0px; top: 50%; right: 0px; position: relative; }
#footer .twitter-center { top: 0px !important; margin-top: -10px !important; }

@media all and (max-width:420px)
{
.panel_iphone {	display: block;}
.panel_Niphone { display: none;}
.big { margin: 0px; text-align: center; color: rgb(255, 255, 255); line-height: 34px; letter-spacing: 1px; padding-top: 5px; padding-bottom: 5px; font-size: 32px; background-size: contain; }
span.heading-z { margin: 0px auto 0px; width: 26px; height: 0px; display: block; background-color: rgb(255, 255, 255); }
span.heading-t { margin: 0px auto 15px; width: 26px; height: 3px; display: block; background-color: rgb(255, 255, 255); }
span.heading-t2 { margin: 0px auto 15px; width: 26px; height: 2px; display: block; background-color: rgb(255, 255, 255); }
span.heading-b { margin: 5px auto 10px; width: 26px; height: 3px; display: block; background-color: rgb(255, 255, 255); }
span.heading-b2 { margin: 5px auto 10px; width: 26px; height: 2px; display: block; background-color: rgb(255, 255, 255); }
}

@media only screen and (min-width:421px) and (max-width:569px)
{
.panel_iphone {	display: none;}
.panel_Niphone { display: block;}
.big { margin: 0px; text-align: center; color: rgb(255, 255, 255); line-height: 34px; letter-spacing: 1px; padding-top: 5px; padding-bottom: 5px; font-size: 32px; background-size: contain; }
span.heading-z { margin: 0px auto 0px; width: 26px; height: 0px; display: block; background-color: rgb(255, 255, 255); }
span.heading-t { margin: 0px auto 15px; width: 26px; height: 3px; display: block; background-color: rgb(255, 255, 255); }
span.heading-t2 { margin: 0px auto 15px; width: 26px; height: 2px; display: block; background-color: rgb(255, 255, 255); }
span.heading-b { margin: 5px auto 10px; width: 26px; height: 3px; display: block; background-color: rgb(255, 255, 255); }
span.heading-b2 { margin: 5px auto 10px; width: 26px; height: 2px; display: block; background-color: rgb(255, 255, 255); }
}

@media only screen and (min-width:570px) and (max-width:1920px)
{
.panel_iphone {	display: none;}
.panel_Niphone { display: block;}
.big { margin: 0px; text-align: center; color: rgb(255, 255, 255); line-height: 50px; letter-spacing: 1px; padding-top: 15px; padding-bottom: 15px; font-size: 48px; background-size: contain; }
span.heading-z { margin: 20px auto 0px; width: 26px; height: 0px; display: block; background-color: rgb(255, 255, 255); }
span.heading-t { margin: 15px auto 30px; width: 26px; height: 3px; display: block; background-color: rgb(255, 255, 255); }
span.heading-t2 { margin: 0px auto 15px; width: 26px; height: 2px; display: block; background-color: rgb(255, 255, 255); }
span.heading-b { margin: 20px auto 25px; width: 26px; height: 3px; display: block; background-color: rgb(255, 255, 255); }
span.heading-b2 { margin: 20px auto 25px; width: 26px; height: 2px; display: block; background-color: rgb(255, 255, 255); }
}

#footer { background: rgb(0, 79, 124); position: relative; }
.footer-wrapper { margin: 0px auto; padding-right: 2px; padding-left: 2px; position: relative; max-width: 1144px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; }
.footer-row { padding: 0px; color: rgb(255, 255, 255); line-height: 12px; overflow: hidden; font-size: 12px; background-color: rgb(255,255,255); }
.footer-row .text { padding-top: 2px; padding-bottom: 2px; }
.footer-row p { line-height: 20px; font-size: 12px; margin: 0px; color: rgb(0, 79, 124); }
.footer-row a { line-height: 12px; font-size: 12px; margin: 0px; color: rgb(0, 79, 124); font-weight: bold; }

.social-networks { list-style: none; margin: 0px; padding: 0px; float: right; }
.fixed-bar.panel .social-networks { top: 0px; right: 20px; float: none; position: absolute; }
.panel .social-networks { padding: 21px 0px; }
.social-networks li { margin: 0px 0px 0px 4px; vertical-align: top; display: inline-block; }
.social-networks a { color: rgb(136, 136, 136); text-decoration: none; }
.social-networks [class^='fa'] { padding: 0.5em; color: rgb(255, 255, 255); font-size: 140px; }
.social-networks [class*='fab'] { padding: 0.5em; color: rgb(255, 255, 255); font-size: 140px; }