﻿/* -----------------------------------------
:: import google font
/* -----------------------------------------
:: background
----------------------------------------- */
body {
  /*background: #efefef url('../graphics/body-bg.jpg') center top repeat-x;*/
  background: #010326;
  color: #010326;
}
ul, ol {
  list-style: disc;
  color: #fff;
  font-family: poppins, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 18px;
}
.fa-ul > li > i {
  font-size: 10px;
  line-height: 1.5;
}
.img-responsive {
  width: 100%;
}
/* -----------------------------------------
:: TOP BAR
----------------------------------------- */
.top-bg {
  height: 22px;
  background: #010326;
  /*background: url('../graphics/top-bg.jpg') center bottom repeat-x;*/
}
/* -----------------------------------------
:: MIN HEADER
----------------------------------------- */
.minimized-header-bg {
  /*background: url('../graphics/default-bg.jpg') center center repeat-x;*/
  background: #6EB0C2;
}
/* -----------------------------------------
:: FOOTER
----------------------------------------- */
.footer-bg {
  background-color: #500000;
}
.container-fluid.footer-bg {
  padding: 0px;
  padding-bottom: 40px;
}
/* -----------------------------------------
:: WEBSITE NAME
----------------------------------------- */
.template .website-name {
  display: block;
  width: 100%;
  box-sizing: border-box;
  margin-top: 0px;
}
.website-name h3 a, .website-name h3, .website-name a, .website-name {
  font-size: 50px; /* old */ ;
  color: #6EB0C2;
  font-family: "Khula", sans-serif;
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.25);
  letter-spacing: -3px;
  font-variant-caps: titling-caps;
  line-height: normal;
  display: inline-block;
  margin: 0px;
  padding: 0px;
  white-space: nowrap;
}
.website-name h3 span {
  color: #25778B;
}
.website-name h3 i {
  color: #B8C7CB;
}
/* -----------------------------------------
:: GRAPHIC LOGO
----------------------------------------- */
.graphic-logo {
  position: relative;
  display: inline-block;
  padding-top: 20px;
}
/* -----------------------------------------
:: TAGLINE
----------------------------------------- */
.template .tagline {
  display: block;
  width: 100%;
  box-sizing: border-box;
  margin-top: 0px;
}
.tagline h4 a, .tagline h4, .tagline a, .tagline {
  font-size: 13.5px;
  color: #6EB0C2;
  font-family: inherit;
  font-weight: normal;
  font-style: italic;
  line-height: normal;
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.25);
  margin: 0px;
  padding: 0px;
  display: inline-block;
}
/* -----------------------------------------
:: TEXTLINKS
----------------------------------------- */
.template .secondary-horizontal-nav {
  float: right;
  padding: 2px 0px 2px 0px;
}
.secondary-horizontal-nav, .secondary-horizontal-nav a {
  font-size: 11px;
  color: #efefef;
  color: rgba(255, 255, 255, 0.5);
  font-family: inherit;
  font-weight: normal;
  font-style: normal;
  line-height: normal;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
  display: inline-block;
}
.secondary-horizontal-nav a:hover {
  color: #ffffff;
  text-decoration: none;
  text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.75);
}
/* -----------------------------------------
:: TELEPHONE
----------------------------------------- */
.template .phone {
  float: left;
  padding: 2px 0px 2px 0px;
}
.phone, .phone a {
  font-size: 11px;
  color: #efefef;
  color: rgba(255, 255, 255, 0.5);
  font-family: inherit;
  font-weight: normal;
  font-style: normal;
  line-height: normal;
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.0);
  z-index: 2;
  display: inline-block;
}
/* -----------------------------------------
:: SOCIAL ICONS
----------------------------------------- */
.social-icon a img {
  height: 30px;
  width: 30px;
  border: 0px;
  border-width: 0px;
  margin: 0px 5px 5px 5px;
}
.template .icon-wrapper {
  padding: 4px 0px 0px 0px;
  display: inline-block;
  margin-bottom: 10px;
}
.template .icon-wrapper-fontawesome {
  padding: 7px 0px 4px 0px;
}
.dashboard-inset {
  background: rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: inset 0px 0px 5px 5px rgba(0, 0, 0, .2), 0px 0px 2px 2px rgba(255, 255, 255, .2);
  box-shadow: inset 0px 0px 5px 5px rgba(0, 0, 0, .2), 0px 0px 2px 2px rgba(255, 255, 255, .2);
  border: 1px solid rgba(0, 0, 0, 0.5);
  border-radius: 5px;
}
.social-icon {
  text-align: center;
}
.social-icon-fontawesome {
  text-align: center;
}
div.social-icon-fontawesome a i {
  color: #efefef;
  color: rgba(255, 255, 255, 0.3);
}
div.social-icon-fontawesome a:hover i {
  color: #efefef;
  color: rgba(255, 255, 255, 0.7);
}
/* -----------------------------------------
:: GOOGLE SEARCH
----------------------------------------- */
.google-search-wrapper {
  clear: both;
  float: right;
  margin-top: 20px;
}
.google-search {
  width: 90%;
  padding: 20px;
  color: #aaa;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  display: inline-block;
}
.gsc-input {
  background: none !important;
  border: 0px !important;
  height: 20px !important;
  box-shadow: 0 0px 0px rgba(0, 0, 0, 0.0) inset !important;
}
.gsc-input-box {
  margin-top: 1px;
}
.cse .gsc-control-cse, .gsc-control-cse {
  padding: 4px 6px 2px 6px !important;
  background-color: transparent !important;
  border: 0px solid #FFFFFF !important;
}
.gcse-searchbox {
  display: inline-block;
}
.gsc-control-cse .gsc-table-result {
  font-family: inherit;
}
.gsc-control-cse .gsc-input-box {
  height: inherit;
}
input.gsc-input, .gsc-input-box, .gsc-input-box-hover, .gsc-input-box-focus, .gsc-search-button, input.gsc-search-button-v2 {
  box-sizing: content-box;
  line-height: normal;
  margin-top: 0px;
}
/* -----------------------------------------
:: fullscreen-carousel
----------------------------------------- */
.template .fullscreen-carousel {
  position: absolute;
  top: 50px;
  right: 0px;
  visibility: hidden;
  display: none;
  display: inline-block;
}
/* -----------------------------------------
:: THEMED OBJECT
----------------------------------------- */
.template .themed-object {
  position: absolute;
  top: 50px;
  right: 0px;
  visibility: hidden;
  display: none;
  display: inline-block;
}
/* -----------------------------------------
:: CUSTOM COMPONENTS
----------------------------------------- */
.template .custom_component1 {
  position: absolute;
  top: 0px;
  right: 0px;
  visibility: hidden;
  display: none;
  display: inline-block;
}
/*
#cta .btn-primary {
	border-color: #19515e;
	background: #6EB0C2;	
}
*/
.template .custom_component2 {
  position: absolute;
  top: 0px;
  right: 0px;
  visibility: hidden;
  display: none;
  display: inline-block;
}
.template .custom_component3 {
  position: absolute;
  top: 0px;
  right: 0px;
  visibility: hidden;
  display: none;
  display: inline-block;
}
/* -----------------------------------------
:: common font settings - bootstrap override
----------------------------------------- */
body {
  font-size: 14px;
  color: #023439;
  font-family: "Open Sans", sans-serif;
}
h1 {
    color: #ffffff;
    font-family: "freight-display-pro", serif;
    font-size: 40px;
    text-align: center;
    font-weight: 700;
    font-style: normal;
    margin: 10px 0;
    text-shadow: 4px 0px #500000;
    border-bottom-color: #500000;
    border-bottom-width: 10px;
    border-bottom-style: double;
    margin-bottom: 60px;
}
h2 {
  font-size: 25px;
  color: #FFFFFF;
  font-family: "freight-display-pro", serif;
  font-weight: normal;
  line-height: 40px;
  padding-left: 10px;
  margin: 10px 0;
  text-align: left;
  background-color: #500000;
}
h3 {
  font-size: 20px;
  color: #ffffff;
  font-family: "bree-serif";
  font-weight: normal;
  line-height: 32px;
  margin: 10px 0;
}
h3.staff {
  color: #939597;
}
h3.staff-subtitles {
  color: #939597;
}
h4 {
  font-size: 18px;
  color: #6EB0C2;
  font-family: 'Khula', sans-serif;
  font-weight: normal;
  line-height: 28px;
  margin: 10px 0;
}
.alert h4 {
  font-weight: bold;
}
h5 {
  font-size: 14px;
  color: #6EB0C2;
  font-family: 'Khula', sans-serif;
  font-weight: normal;
  line-height: 24px;
  margin: 10px 0;
}
h6 {
  font-size: 12px;
  color: #6EB0C2;
  font-family: 'Khula', sans-serif;
  font-weight: normal;
  line-height: 22px;
  margin: 10px 0;
}
p {
  font-family: poppins, sans-serif;
  font-weight: 400;
  color: #ffffff;
  font-style: normal;
  font-size: 18px;
}
a {
  font-family: poppins, sans-serif;
  color: #ffffff;
  font-weight: 400;
  font-style: normal;
  font-size: 18px;
}
a:hover {
  color: antiquewhite;
  font-family: poppins, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 18px;
}
.staff, .thumbnail .caption {
  font-family: 'Khula', sans-serif;
}
.thumbnail .caption .btn {
  font-family: 'Open Sans', sans-serif;
}
.subtitle {
  margin: 0 0 20px 0;
}
.fancy {
  overflow: hidden;
  text-align: center;
}
.fancy span {
  position: relative;
}
.fancy span:before, .fancy span:after {
  linesHeight: 7px;
  content: "";
  position: absolute;
  border-bottom: 1px solid #fafafa;
  border-top: 1px solid #D9D9D9;
  width: 600px;
  height: linesHeight;
  top: 50%;
  margin-top: floor(-linesHeight / 2);
}
.fancy span:before {
  right: 100%;
  margin-right: 15px;
}
.fancy span:after {
  left: 100%;
  margin-left: 15px;
}
.bgBorderColorOverride {
  background: #fff;
  border: 1px solid #fff;
}
.textColorOverride {
  color: #6EB0C2;
}
/* -----------------------------------------
:: MINIMIZED HEADER FONT COLORS
----------------------------------------- */
.minimized-header-bg {
  text-align: center;
}
.minimized-header-bg h1 {
  color: #f3f3f3;
  font-family: "Lilita One", sans-serif;
}
.minimized-header-bg h2, .minimized-header-bg h3, .minimized-header-bg h4, .minimized-header-bg h5, .minimized-header-bg h6 {
  color: #EBF7FA;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25);
  max-width: 1200px;
  margin: 20px auto;
  padding: 10px;
  background: none;
  background: rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: inset 0px 0px 5px 5px rgba(0, 0, 0, .2), 0px 0px 2px 2px rgba(255, 255, 255, .2);
  box-shadow: inset 0px 0px 5px 5px rgba(0, 0, 0, .2), 0px 0px 2px 2px rgba(255, 255, 255, .2);
  border: 1px solid rgba(0, 0, 0, 0.5);
  ;
  border-radius: 5px;
}
/* -----------------------------------------
:: FOOTER
----------------------------------------- */
.copyright {
  text-align: center;
  clear: both;
}
.footer h3 {
  color: #ffffff;
  font-family: "font-family: bree-serif";
  margin-top: 15px;
  margin-bottom: 25px;
  font-size: 20px;
  text-align: center
}
footer p {
  list-style: disc;
  color: #fff;
  font-family: josefin-sans, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 12px;
}
footer li {
  list-style-type: none;
  font-family: josefin-sans, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 12px;
    text-align: center;
}
footer a:link {
  color: #FFFFFF;
  font-family: josefin-sans, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 12px;
}
footer a:visited {
  color: #FFFFFF;
}
footer a:hover {
  color: #59380E;
  background-color: antiquewhite;
}
footer a:active {
  color: #FFFFFF;
}
footer {
  color: #FFFFFF;
}
.footer h1, .footer h2, .footer h4, .footer h5, .footer h6 {
  color: #efefef;
}
.footer ul#contact {
  padding-left: 0;
  color: #FFFFFF;
}
/* -----------------------------------------
:: font color over rides
----------------------------------------- */
.light {
  color: #efefef;
}
.dark {
  color: #222222;
}
/* -----------------------------------------
:: icon color over rides
----------------------------------------- */
.icon-border {
  border: 1px solid #19515E;
  border-radius: 3px 3px 3px 3px;
  padding: 0.2em 0.25em 0.15em;
}
/* -----------------------------------------
:: navbar background
----------------------------------------- */
#menu {
  margin-top: 0px;
}
#menu > ul {
  background-color: #0A0339;
}
.navbar {
  background-color: transparent;
}
.navbar-default {
  border: none !important;
}
.navbar-default .navbar-nav > li:hover {
  background: #efefef;
}
.navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > a:active {
  color: #fff;
  margin: 0;
  padding: 15px;
  font-weight: 600;
  text-transform: uppercase;
}
.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
  color: #59380e;
  background-color: antiquewhite;
  font-weight: 600;
}
.navbar-collapse.collapse.in {
  width: 100%;
  position: absolute;
  left: 0;
  z-index: 999;
}
/* -----------------------------------------
:: header margin
----------------------------------------- */
.header-bg {
  margin-top: 0px;
}
/* -----------------------------------------
:: MEDIA QUERY STYLE CHANGES
----------------------------------------- */
@media (min-width: 768px) {
  #menu {
    margin-top: 40px;
  }
  #menu > ul {
    background: #010326;
    margin: 0;
    padding: 10px 0;
  }
  .navbar-default .navbar-nav > li:hover {
    background: none;
  }
  .navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > a:active {
    padding: 0 5px;
  }
}
/* -----------------------------------------
:: CONTACT FORM 
----------------------------------------- */
/* down arrow color */
.navbar .nav li.dropdown.contactform > .dropdown-toggle .caret {
  border-bottom-color: #efefef;
  border-top-color: #efefef;
}
.contactform .dropdown-menu {
  padding: 15px 15px 5px 15px;
}
.numo-top-menu .dropdown-menu {
  padding: 5px 10px;
}
.navbar .btn-navbar {
  background-color: #19515E;
  background-image: linear-gradient(to bottom, #19515E, #19515E);
  background-repeat: repeat-x;
  border-color: #efefef #efefef #ffffff;
  color: #efefef;
  margin-right: 25px;
}
.navbar .btn-navbar:hover, .navbar .btn-navbar:focus, .navbar .btn-navbar:active, .navbar .btn-navbar.active, .navbar .btn-navbar.disabled, .navbar .btn-navbar[disabled] {
  color: #ffffff;
  background-color: #19515E;
}
.navbar .btn-navbar:active, .navbar .btn-navbar.active {
  background-color: #19515E \9;
}
/* -----------------------------------------
:: divider
----------------------------------------- */
.divider-top {
  height: 32px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
    box-sizing: border-box;
  background: url('../graphics/divider-top.png') top center no-repeat;
}
.divider-bottom {
  height: 32px;
    -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
    box-sizing: border-box;
  background: url('../graphics/divider-bottom.png') top center no-repeat;
}
/* -----------------------------------------
:: inner wrappers
----------------------------------------- */
.inner-wrapper {
  padding: 0px;
    -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
/* -----------------------------------------
:: section, aside, div container paddings and styles
----------------------------------------- */
.aside {
  padding: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.wrapper {
  padding: 10px;
  
  -moz-box-sizing: border-box; /* Firefox */ ;
  -webkit-box-sizing: border-box; /* Safari */ ;
    box-sizing: border-box;
  width: auto;
  border: 1px solid #BBB8B9;
  border: 1px solid rgba(187, 184, 185, 1.00);
  border-radius: 0px;
  border-radius: 0px 0px 0px 0px / 0px 0px 0px 0px;
  box-shadow: 0px 0px 2px rgba(255, 255, 255, 1.00), inset 0px 0px 0px 1px rgba(255, 255, 255, 1.0), inset 0px 0px 15px 0px rgba(0, 0, 0, 0.3), inset 0px 0px 0px 0px rgba(255, 255, 255, 0.0), inset 0 -1px 1px rgba(0, 0, 0, 0.0);
  -o-box-shadow: 0px 0px 2px rgba(255, 255, 255, 1.00), inset 0px 0px 0px 1px rgba(255, 255, 255, 1.0), inset 0px 0px 15px 0px rgba(0, 0, 0, 0.3), inset 0px 0px 0px 0px rgba(255, 255, 255, 0.0), inset 0 -1px 1px rgba(0, 0, 0, 0.0);
  -webkit-box-shadow: 0px 0px 2px rgba(255, 255, 255, 1.00), inset 0px 0px 0px 1px rgba(255, 255, 255, 1.0), inset 0px 0px 15px 0px rgba(0, 0, 0, 0.3), inset 0px 0px 0px 0px rgba(255, 255, 255, 0.0), inset 0 -1px 1px rgba(0, 0, 0, 0.0);
  -moz-box-shadow: 0px 0px 2px rgba(255, 255, 255, 1.00), inset 0px 0px 0px 1px rgba(255, 255, 255, 1.0), inset 0px 0px 15px 0px rgba(0, 0, 0, 0.3), inset 0px 0px 0px 0px rgba(255, 255, 255, 0.0), inset 0 -1px 1px rgba(0, 0, 0, 0.0);
  background: url('../graphics/side-wrapper-bg.png') top left repeat;
}
/* -----------------------------------------
:: thumbnail 
----------------------------------------- */
.thumbnail {
  border: 0px solid rgba(0, 0, 0, 0.0);
  border-radius: 0px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.0);
  display: block;
  line-height: 20px;
  padding: 5%;
  transition: all 0.2s ease-in-out 0s;
  background: rgba(0, 0, 0, 0.0);
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.thumbnail > img {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  padding: 8px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#eeeeee', GradientType=0); /* IE6-9 */ ;
}
/* -----------------------------------------
:: hr horizontal rule 
----------------------------------------- */
hr {
  height: 2px;
  border-bottom: 1px solid #fafafa;
  border-top: 1px solid #D9D9D9;
}
/* -----------------------------------------
:: snippet1
----------------------------------------- */
/* font color */
.snippet1 {
  color: #fff;
}
.snippet1 a {
  color: #fff;
}
/* h3 color */
.snippet1 h3 {
  color: #f3f3f3;
}
/* lead */
.snippet1 p.lead {
  font-variant: small-caps;
}
/* image borders and margins */
.snippet1 img {
  margin: 10px 10px 10px 0px;
}
/* background */
.snippet1 {
  padding: 10px;
  box-sizing: border-box;
  -moz-box-sizing: border-box; /* Firefox */ ;
  -webkit-box-sizing: border-box; /* Safari */ ;
  background-color: #010326;
}
/* to create your own gradients, go to "http://www.colorzilla.com/gradient-editor/" - create, copy and paste above */
/* sections */
@media (min-width: 768px) {
  .snippet1-sections {}
}
.snippet1-right-subject {
  padding: 0px 0 0px 60px;
  margin: 0px 0px 20px 0px;
  background: url('../graphics/snippet1-right-subject-bg.png') left center no-repeat;
}
.snippet1-right-subject h3 {
  line-height: 30px;
  margin: 10px 0 0px 0px;
}
.snippet1-bottom-divider {
  width: 100%;
  height: 2px;
  background: url('../graphics/.snippet1-bottom-divider.png') center bottom repeat-x;
}
/* -----------------------------------------
:: snippet2
----------------------------------------- */
.snippet2 .col-xs-3 {
  border-right: 1px #cccccc solid;
}
/* image borders and margins */
.snippet2 img {
  margin: 2px 10px 10px 0px;
  border: 5px solid rgba(255, 255, 255, 0.50);
}
/* -----------------------------------------
:: snippet3
----------------------------------------- */
.snippet3 ul li {
  list-style: none;
}
/* -----------------------------------------
:: snippet4
----------------------------------------- */
.snippet4 {
  border: 1px solid rgba(255, 255, 255, 0.5);
  background: rgba(255, 255, 255, 0.25);
  padding: 0px;
}
.snippet4 .lead {
  margin-top: 30px;
}
.snippet4-left {
  min-height: 300px;
  background: #ffffff;
  padding: 20px;
  box-sizing: border-box;
  background: #277C92;
  /* Old browsers */ background: -moz-linear-gradient(top, #277C92 0%, #277C92 35%, #ffffff 35%); /* FF3.6+ */ ;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #277C92), color-stop(35%, #277C92), color-stop(35%, #ffffff)); /* Chrome,Safari4+ */ ;
  background: -webkit-linear-gradient(top, #277C92 0%, #277C92 35%, #ffffff 35%); /* Chrome10+,Safari5.1+ */ ;
  background: -o-linear-gradient(top, #277C92 0%, #277C92 35%, #ffffff 35%); /* Opera 11.10+ */ ;
  background: -ms-linear-gradient(top, #277C92 0%, #277C92 35%, #ffffff 35%); /* IE10+ */ ;
  background: linear-gradient(to bottom, #277C92 0%, #277C92 35%, #ffffff 35%); /* W3C */ ;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#277C92', endColorstr='#ffffff', GradientType=0); /* IE6-9 */
}
.snippet4-right {
  min-height: 300px;
  background: #ffffff;
  padding: 20px;
  box-sizing: border-box;
  -moz-box-sizing: border-box; /* Firefox */ ;
  -webkit-box-sizing: border-box; /* Safari */ ;
  /* Old browsers */ background: -moz-linear-gradient(top, #8fc800 0%, #8fc800 35%, #ffffff 35%); /* FF3.6+ */ ;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #8fc800), color-stop(35%, #8fc800), color-stop(35%, #ffffff)); /* Chrome,Safari4+ */ ;
  background: -webkit-linear-gradient(top, #8fc800 0%, #8fc800 35%, #ffffff 35%); /* Chrome10+,Safari5.1+ */ ;
  background: -o-linear-gradient(top, #8fc800 0%, #8fc800 35%, #ffffff 35%); /* Opera 11.10+ */ ;
  background: -ms-linear-gradient(top, #8fc800 0%, #8fc800 35%, #ffffff 35%); /* IE10+ */ ;
  background: linear-gradient(to bottom, #8fc800 0%, #8fc800 35%, #ffffff 35%); /* W3C */ ;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8fc800', endColorstr='#ffffff', GradientType=0); /* IE6-9 */
}
.snippet4-right ul li {
  list-style: none;
}
.snippet4-left h3 {
  margin: 0px;
  color: #ffffff;
}
.snippet4-right h3 {
  margin: 0px;
  color: #ffffff;
}
.snippet4-left h4 {
  margin: 0px 0px 20px 0px;
  color: #ffffff;
}
.snippet4-right h4 {
  margin: 0px 0px 20px 0px;
  color: #ffffff;
}
/* -----------------------------------------
:: snippet5
----------------------------------------- */
.snippet5 img {
  margin: 10px;
}
.snippet5 ul li {
  list-style: none;
}
.snippet5 h4 {
  margin-bottom: 5px;
}
.snippet5 p {
  margin-bottom: 15px;
}
/* -----------------------------------------
:: snippet7
----------------------------------------- */
.snippet7 .left {
  margin-right: 20px;
}
.snippet7 .right {
  margin-left: 20px;
}
/* -----------------------------------------
:: snippet8
----------------------------------------- */
.snippet8 img {
  margin: 10px 10px 10px 0px;
  border: 10px solid rgba(255, 255, 255, 0.50);
  box-sizing: border-box;
  -moz-box-sizing: border-box; /* Firefox */ ;
  -webkit-box-sizing: border-box; /* Safari */ ;
}
/* -----------------------------------------
:: snippet13
----------------------------------------- */
.snippet13 {
  padding: 2%;
  box-sizing: border-box;
  -moz-box-sizing: border-box; /* Firefox */ ;
  -webkit-box-sizing: border-box; /* Safari */ ;
  border-radius: 10px;
  background: url('../graphics/default-bg.jpg');
  -webkit-box-shadow: inset 0px 0px 50px 50px rgba(0, 0, 0, .4), inset 0px 0px 15px 15px rgba(0, 0, 0, .2);
  box-shadow: inset 0px 0px 50px 50px rgba(0, 0, 0, .4), inset 0px 0px 15px 15px rgba(0, 0, 0, .2);
}
.snippet13 .h3-lead {
  font-size: 18px;
  font-weight: bold;
  color: rgba(255, 255, 255, 0.25);
  letter-spacing: 2px;
  margin: 0px;
  padding: 0px;
  line-height: 20px;
}
.snippet13 .h3-bold {
  font-size: 20px;
  font-weight: bold;
  color: #ffffff;
  letter-spacing: 2px;
  margin: 0px;
  padding: 0px;
  line-height: 23px;
}
.snippet13 p {
  margin: 30px 0px;
  color: #efefef;
  color: rgba(255, 255, 255, 0.50);
}
.snippet13 .btn {
  background-color: #efefef;
  background-image: linear-gradient(to bottom, #ffffff, #efefef);
  border-bottom-color: transparent;
  border-left-color: transparent;
  border-left-width: 0;
  border-radius: 4px 4px 4px 4px;
  border-right-color: transparent;
  border-right-style: none;
  border-right-width: 0;
  border-top-color: transparent;
  border-top-style: none;
  border-top-width: 0;
  color: #295365;
  cursor: pointer;
  display: inline;
  font-size: 12px;
  line-height: 20px;
  margin-bottom: 0;
  margin-left: 0.3em;
  padding: 6px 12px 4px;
  text-align: center;
  vertical-align: middle;
  font-weight: bold;
}
/* -----------------------------------------
:: snippet14
----------------------------------------- */
.snippet14 {
  box-sizing: border-box;
  -moz-box-sizing: border-box; /* Firefox */ ;
  -webkit-box-sizing: border-box; /* Safari */ ;
  padding: 20px;
}
.snippet14 h4 {
  border-bottom: 1px solid #000000;
  font-weight: bold;
  font-size: 24px;
  border-bottom-color: rgba(0, 0, 0, 0.25);
  letter-spacing: 0px;
  font-family: "Franklin Gothic Medium", "Arial Narrow", Arial, sans-serif;
}
.snippet14 img {
  margin: 10px 10px 10px 0px;
  border: 5px solid rgba(255, 255, 255, 0.50);
  border-radius: 5px;
}
.snippet14 .lead {
  font-size: 14px;
  font-weight: bold;
  font-family: "Franklin Gothic Medium", "Arial Narrow", Arial, sans-serif;
  line-height: 18px;
  margin: 10px 0px 5px 0px;
}
.snippet14 .btn {
  margin: 10px 0px 25px 0px;
}
.snippet14 ul li {
  list-style-image: url('../graphics/snippet14-bullet.png');
  padding: 5px 0px;
}
/* -----------------------------------------
:: snippet top
----------------------------------------- */
.snippettop {
  width: auto;
}
.snippettop h1 {
  color: #000000;
  margin: 10px 60px;
}
.font-family {}
.focusblocks {}