/* http://meyerweb.com/eric/tools/css/reset/ 

   v2.0 | 20110126

   License: none (public domain)



   Modifications by: Brian Franco

*/

html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

b, u, i, center,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td,

article, aside, canvas, details, embed,

figure, figcaption, footer, header, hgroup,

menu, nav, output, ruby, section, summary,

time, mark, audio, video {

  margin: 0;

  padding: 0;

  border: 0;

  font-size: 100%;

  font: inherit;

  vertical-align: baseline;

}



/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure,

footer, header, hgroup, menu, nav, section, main {

  display: block;

}



body {

  line-height: 1;

}



ol, ul {

  list-style: none;

}



blockquote, q {

  quotes: none;

}



blockquote:before, blockquote:after,

q:before, q:after {

  content: '';

  content: none;

}



table {

  border-collapse: collapse;

  border-spacing: 0;

}



strong {

  font-weight: bold;

}



em {

  font-style: italic;

}



a {

  text-decoration: none;

}



a, span {

  display: inline-block;

}



* {

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

}



.cf:after {

  content: " ";

  clear: both;

  display: block;

}



@font-face {

  font-family: 'icomoon';

  src: url("../fonts/icomoon.eot");

  src: url("../fonts/icomoon.eot?#iefix") format("embedded-opentype"), url("../fonts/icomoon.svg#icomoon") format("svg"), url("../fonts/icomoon.woff") format("woff"), url("../fonts/icomoon.ttf") format("truetype");

  font-weight: normal;

  font-style: normal;

}

[class*="icon-"] {

  font-family: 'icomoon';

  speak: none;

  font-style: normal;

  font-weight: normal;

  font-variant: normal;

  text-transform: none;

  line-height: 1;

  /* Better Font Rendering =========== */

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

}



.icon-gift:before {

  content: "\1f381";

}



.icon-book:before {

  content: "\e006";

}



.icon-users:before {

  content: "\1f465";

}



.icon-book2:before {

  content: "\1f4d5";

}



.icon-export:before {

  content: "\ee00";

}



.icon-arrow-down:before {

  content: "\e022";

}



.icon-pinterest:before {

  content: "\e008";

}



.icon-file-word:before {

  content: "\e00d";

}



.icon-arrow-up:before {

  content: "\e023";

}



.icon-pencil3:before {

  content: "\1f4dd";

}



.icon-books:before {

  content: "\1f4da";

}



.icon-pencil:before {

  content: "\270e";

}



.icon-link:before {

  content: "\1f517";

}



.icon-menu:before {

  content: "\e9a1";

}



.icon-file-excel:before {

  content: "\e00e";

}



.icon-file-powerpoint:before {

  content: "\e00f";

}



.icon-search:before {

  content: "\6d";

}



.icon-earth:before {

  content: "\1f30e";

}



.icon-video:before {

  content: "\e320";

}



.icon-note:before {

  content: "\e903";

}



.icon-marker:before {

  content: "\2712";

}



.icon-borg_icon:before {

  content: "\62";

}



.icon-file-zip:before {

  content: "\e010";

}



.icon-download:before {

  content: "\e012";

}



.icon-facebook:before {

  content: "\66";

}



.icon-home:before {

  content: "\2302";

}



.icon-info:before {

  content: "\2139";

}



.icon-volume:before {

  content: "\e004";

}



.icon-book3:before {

  content: "\1f4d6";

}



.icon-twitter:before {

  content: "\74";

}



.icon-arrow-right:before {

  content: "\e000";

}



.icon-arrow-left:before {

  content: "\e009";

}



.icon-googleplus:before {

  content: "\67";

}



.icon-book-search:before {

  content: "\e967";

}



.icon-eye:before {

  content: "\e001";

}



.icon-bookmark:before {

  content: "\e002";

}



.icon-printer:before, .icon-print:before {

  content: "\2399";

}



.icon-calendar:before {

  content: "\1f4c5";

}



.icon-arrow-left2:before {

  content: "\e017";

}



.icon-arrow-right2:before {

  content: "\e01a";

}



.icon-trashcan:before {

  content: "\e0d0";

}



.icon-cog:before {

  content: "\2699";

}



.icon-bookmark2:before {

  content: "\e003";

}



.icon-bookmarks:before {

  content: "\e005";

}



.icon-user:before {

  content: "\1f464";

}



.icon-exit:before {

  content: "\ee02";

}



.icon-bug:before {

  content: "\e01b";

}



.icon-photo:before {

  content: "\1f304";

}



.icon-speech:before {

  content: "\1f4ac";

}



.icon-list:before {

  content: "\ed50";

}



.icon-video:before {

  content: "\e8a1";

}



.icon-lock:before {

  content: "\1f512";

}



.icon-bars:before {

  content: "\e574";

}



.icon-add:before {

  content: "\2b";

}



.icon-times:before {

  content: "\2421";

}



.icon-font-size:before {

  content: "\e600";

}



.icon-move:before {

  content: "\e070";

}



.icon-credit:before {

  content: "\1f4b3";

}



.icon-phone:before {

  content: "\1f4de";

}



.icon-envelope:before {

  content: "\2709";

}



.icon-paypal:before {

  content: "\e601";

}



input, .form-item input {

  border: 1px solid #E1E1E1;

  display: block;

  height: 32px;

  margin-bottom: 18px;

  padding: 0 10px;

  -webkit-transition: all 0.3s;

  transition: all 0.3s;

  width: 100%;

}

input[type=checkbox], .form-item input[type=checkbox] {

  display: inline-block;

  height: auto;

  margin: 0 10px 0 0;

  width: auto;

  vertical-align: middle;

}

input[type=submit], .form-item input[type=submit] {

  background: #096DC9;

  border: 0 none;

  color: #FFF;

  cursor: pointer;

  display: inline-block;

  padding: 0 18px;

  width: auto;

}

input[type=submit]:hover, .form-item input[type=submit]:hover {

  background: #0a7ae1;

}

input[type=text], input[type=password], input textarea, .form-item input[type=text], .form-item input[type=password], .form-item input textarea {

  -webkit-font-smoothing: antialiased;

}

input[type=text]:focus, input[type=password]:focus, input textarea:focus, .form-item input[type=text]:focus, .form-item input[type=password]:focus, .form-item input textarea:focus {

  -webkit-box-shadow: inset 0 0 0 1px #4885be;

  box-shadow: inset 0 0 0 1px #4885be;

}

input[type=text].error, input[type=password].error, input textarea.error, .form-item input[type=text].error, .form-item input[type=password].error, .form-item input textarea.error {

  -webkit-box-shadow: inset 0 0 0 1px #be4949;

  box-shadow: inset 0 0 0 1px #be4949;

}



select {

  border: 1px solid #E1E1E1;

  padding: 7px 0;

  -webkit-font-smoothing: antialiased;

}

select:focus {

  border: 1px solid #4885BE;

}

select.error {

  border: 1px solid #BE4949;

}



.form-item label {

  font-size: 14px;

  font-size: 0.875rem;

  line-height: 30px;

}

.form-item label .form-required {

  color: #0267c3;

}



.contact-form input[type=text],

.contact-form input[type=password] {

  height: 43px;

}



#donations-form {

  overflow: hidden;

  padding: 0 10px;

}

#donations-form label {

  font-family: "Lato", Tahoma, Helvetica, Arial, sans-serif;

  font-size: 12px;

  font-size: 0.75rem;

  text-transform: uppercase;

}

#donations-form input[type=text] {

  height: 40px;

}

#donations-form select {

  padding: 10px 0;

  width: 100%;

}

#donations-form .form-item {

  float: left;

  margin: 5px 2% 5px 0;

  width: 48%;

}

#donations-form .form-submit {

  float: left;

}

#donations-form .form-item-lastName, #donations-form .form-item-zip,

#donations-form .form-item-ccexpyear {

  margin-right: 0;

}

#donations-form .form-item-address, #donations-form .form-item-recur {

  clear: both;

  margin-right: 0;

  width: 98%;

}

#donations-form .form-item-city {

  width: 54%;

}

#donations-form .form-item-ccexpmonth {

  width: 23%;

}

#donations-form .form-item-ccexpyear {

  width: 22%;

}

#donations-form .form-item-test {

  padding-top: 35px;

}

#donations-form .form-item-state, #donations-form .form-item-zip, #donations-form .form-item-ccexpyear,

#donations-form .form-item-cvs, #donations-form .form-item-amount {

  width: 20%;

}

#donations-form .form-item-address, #donations-form .form-item-country,

#donations-form .form-submit, #donations-form .form-item-cvs {

  clear: both;

}



.search {

  height: 44px;

  position: relative;

  width: 430px;

}

.search form {

  height: 100%;

}

.search input {

  border: 0 none;

  -webkit-border-radius: 0;

  -webkit-appearance: none;

}

.search input[type=text] {

  background: #F5F5F5;

  -webkit-box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.4);

  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.4);

  color: #888;

  font-size: 16px;

  font-size: 1rem;

  height: 100%;

  width: 100%;

  padding: 0 75px 0 15px;

  -webkit-transition: background 0.3s, color 0.3s;

  transition: background 0.3s, color 0.3s;

}

.search input[type=text]:focus {

  color: #666;

}

.search input[type=submit] {

  background: #096DC9;

  color: white;

  font-family: "icomoon";

  font-size: 20px;

  font-size: 1.25rem;

  height: 100%;

  width: 69px;

  position: absolute;

  top: 0;

  right: 0;

}



.logo {

  float: left;

  height: 64px;

  line-height: 64px;

  padding-left: 10px;

  padding-right: 40px;

  position: relative;

  width: 220px;

}

.logo > a {

  display: block;

  position: absolute;

  top: 0;

  left: 0;

  height: 100%;

  width: 100%;

  z-index: 1;

}

.logo img {

  display: inline-block;

  width: 100%;

  vertical-align: middle;

}

.logo:not(.touch):hover > img, .logo.hover > img {

  opacity: 0.8;

}

.logo:not(.touch):hover .project-menu, .logo.hover .project-menu {

  max-height: 400px;

}

.logo:not(.touch):hover > i:before, .logo.hover > i:before {

  content: "\e023";

}

.logo .project-menu {

  background: #2A2A2A;

  background: rgba(38, 38, 38, 0.98);

  -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);

  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);

  font-family: "Lato", Tahoma, Helvetica, Arial, sans-serif;

  font-style: normal;

  max-height: 0px;

  overflow: hidden;

  position: absolute;

  top: 100%;

  left: 0;

  -webkit-transition: max-height 0.3s;

  transition: max-height 0.3s;

  width: 100%;

}

.logo .project-menu li {

  border-top: 1px solid #3A3A3A;

  line-height: 40px;

}

.logo .project-menu a {

  color: #B1B1B1;

  display: block;

  padding: 0 10px;

}

.logo .project-menu a:hover {

  background: #373737;

}

.logo .project-menu img {

  padding: 8px 0;

  width: 80%;

}

.logo > i {

  color: white;

  cursor: pointer;

  font-size: 20px;

  font-size: 1.25rem;

  line-height: 64px;

  position: absolute;

  top: 0;

  right: 0;

  text-align: center;

  width: 30px;

  z-index: 2;

}



nav {

  background: #1E1E1E;

  font-size: 14px;

  font-size: 0.875rem;

}

nav.user-menu {

  background: none;

  cursor: pointer;

  float: right;

  font-family: "Lato", Helvetica, Arial, sans-serif;

  font-style: normal;

  line-height: 64px;

  margin-left: 10px;

  min-width: 115px;

  padding: 0 12px;

  position: relative;

}

nav.user-menu:not(.touch):hover, nav.user-menu.hover {

  background: #262626;

}

nav.user-menu:not(.touch):hover .user i:before, nav.user-menu.hover .user i:before {

  content: "\e023";

}

nav.user-menu:not(.touch):hover ul, nav.user-menu.hover ul {

  max-height: 200px;

}

nav.user-menu .user {

  color: #F0F0F0;

}

nav.user-menu .user img, nav.user-menu .user i {

  vertical-align: middle;

}

nav.user-menu .user img {

  background: #4885BE;

  -webkit-border-radius: 14px;

  border-radius: 14px;

  display: inline-block;

  margin-right: 10px;

  height: 28px;

  width: 28px;

}

@media all and (max-width: 42em) {

  nav.user-menu .user img {

    display: none;

  }

}

nav.user-menu .user i {

  color: #878787;

  margin-left: 10px;

}

nav.user-menu ul {

  background: #2A2A2A;

  background: rgba(38, 38, 38, 0.98);

  -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);

  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);

  max-height: 0px;

  overflow: hidden;

  position: absolute;

  top: 100%;

  left: 0;

  -webkit-transition: max-height 0.5s;

  transition: max-height 0.5s;

  width: 100%;

}

nav.user-menu ul li {

  border-top: 1px solid #3C3C3C;

  line-height: 38px;

}

nav.user-menu ul a {

  color: #CFCFCF;

  display: block;

  padding: 0 20px;

}

nav.user-menu ul a i {

  margin-right: 10px;

  vertical-align: middle;

}

nav.user-menu ul a:hover {

  background: #373737;

}



body.not-logged-in nav.user-menu ul, body.not-logged-in nav.user-menu .user i {

  display: none;

}



.home nav.compact {

  background: rgba(0, 0, 0, 0.3);

}



#mainMenu {

  background: #191919;

  font-family: "Lato", Tahoma, Helvetica, Arial, sans-serif;

  font-size: 15px;

  font-size: 0.9375rem;

  font-style: normal;

  height: 100%;

  line-height: 150%;

  position: fixed;

  overflow: auto;

  top: 0;

  left: 0;

  -webkit-transition: all 0.5s;

  transition: all 0.5s;

  -webkit-transform: translate(-100%, 0);

  -moz-transform: translate(-100%, 0);

  -ms-transform: translate(-100%, 0);

  transform: translate(-100%, 0);

  width: 205px;

  z-index: 99;

  -webkit-overflow-scrolling: touch;

}

#mainMenu .close {

  display: block;

  font-size: 32px;

  font-size: 2rem;

  line-height: 40px;

  padding: 0;

  position: absolute;

  top: 10px;

  right: 10px;

  text-align: center;

  width: 40px;

}

#mainMenu .home {

  line-height: 54px;

}

#mainMenu img {

  width: 70%;

}

#mainMenu a {

  color: white;

  display: block;

  letter-spacing: 2px;

  padding: 5px 25px;

}

#mainMenu a:hover {

  background: #333333;

}

#mainMenu li.active a {

  background: #333333;

}

#mainMenu span, #mainMenu em {

  display: block;

  font-size: 12px;

  font-size: 0.75rem;

  letter-spacing: 0;

  text-transform: none;

}

#mainMenu ul {

  margin-bottom: 45px;

}

#mainMenu ul.primary, #mainMenu ul.prime {

  font-size: 16px;

  font-size: 1rem;

  text-transform: uppercase;

}

#mainMenu .tall a {

  line-height: 40px;

}



body.active #mainMenu {

  -webkit-transform: translate(0%, 0);

  -moz-transform: translate(0%, 0);

  -ms-transform: translate(0%, 0);

  transform: translate(0%, 0);

}



.search-toggle {

  color: white;

  cursor: pointer;

  display: none;

  float: right;

  font-size: 30px;

  font-size: 1.875rem;

  line-height: 40px;

  text-align: center;

  width: 40px;

}

.search-toggle.on {

  color: #488DCD;

}

@media all and (max-width: 32em) {

  .search-toggle {

    display: block;

  }

}



.home .search-toggle {

  display: none !important;

}



ul.tabs.primary {

  border-bottom: 1px solid #e1e1e1;

  font-family: "Lato", Tahoma, Helvetica, Arial, sans-serif;

  font-size: 12px;

  font-size: 0.75rem;

  line-height: 15px;

  margin: 0;

  max-width: 100%;

  overflow: hidden;

  padding-left: 0;

  text-transform: uppercase;

}

@media print {

  ul.tabs.primary {

    display: none;

  }

}

ul.tabs.primary li {

  display: inline-block;

}

ul.tabs.primary li a {

  border: 1px solid transparent;

  color: #666;

}

ul.tabs.primary li a:hover {

  border: 1px solid #e1e1e1;

}

ul.tabs.primary li.active a {

  border: 1px solid #e1e1e1;

  color: #333;

}



.content table:not([class^="g"]) {

  font-family: "Bitter", Georgia, "Times New Roman", sans-serif;

  font-size: 15px;

  font-size: 0.9375rem;

  margin-bottom: 20px;

  width: 100%;

}

.content table:not([class^="g"]):not(.minimal) tbody tr:nth-child(even) {

  background: #FAFAFA;

}

.content table:not([class^="g"]):not(.minimal) tbody tr:nth-child(odd) {

  background: #e7e7e7;

}

.content table:not([class^="g"]) td {

  line-height: 120%;

  padding: 12px;

  vertical-align: middle;

}

.content table:not([class^="g"]) td a.current {

  color: #333;

}

.content table:not([class^="g"]) td a {

  padding: 0 4px;

}

.content table:not([class^="g"]) td:nth-child(3) {

  color: #999;

}

@media all and (max-width: 32em) {

  .content table:not([class^="g"]) td {

    padding: 12px 0;

  }

}

.content table:not([class^="g"]) th {

  background: #333;

  color: white;

  padding: 12px;

  text-align: left;

}

.content table:not([class^="g"]) th a {

  color: white;

}

.content table:not([class^="g"]) th:hover {

  background: #555;

  cursor: pointer;

}



table[class^="g"] {

  -webkit-box-sizing: content-box;

  -moz-box-sizing: content-box;

  box-sizing: content-box;

}

table[class^="g"] * {

  -webkit-box-sizing: content-box;

  -moz-box-sizing: content-box;

  box-sizing: content-box;

}

table[class^="g"] table.gsc-table-result {

  padding-left: 0;

}

table[class^="g"] #gs_cb0 {

  vertical-align: middle;

}

table[class^="g"] span:empty {

  display: none;

}



[id^="___"] div, [id^="___"] a {

  margin-bottom: 0 !important;

}



.gsc-table-result {

  line-height: 120%;

  margin-left: 8px;

}



.gsc-tabsArea > div {

  overflow: visible !important;

}



.gsc-result .gs-title {

  height: 1.5em !important;

}



.item-list .pager {

  border-bottom: 2px solid #e7e7e7;

  line-height: 52px;

  text-align: right;

}

.item-list .pager li {

  margin: 0;

  padding: 0 4px;

}

.item-list .pager li a {

  color: #357BBA;

}

.item-list .pager li.pager-current {

  color: #333;

}



#alplist {

  background: none;

  border-bottom: 2px solid #e1e1e1;

  font-size: 14px;

  font-size: 0.875rem;

  line-height: 32px;

  margin: 0;

  padding: 0;

  text-align: center;

  width: 100%;

}

#alplist > a {

  padding: 0 5px;

}



.toplistcontainer {

  background: transparent;

  border-bottom: 1px solid #E7E7E7;

  float: none;

  font-size: 14px;

  font-size: 0.875rem;

  line-height: 140%;

  margin-bottom: 0;

  padding: 20px 10px;

  overflow: hidden;

  width: 100%;

}

.toplistcontainer .toplistauthors {

  float: left;

  width: 76%;

}



.toplistletters {

  color: #333;

  float: left;

  font-family: "Lato", Tahoma, Helvetica, Arial, sans-serif;

  font-size: 48px;

  font-size: 3rem;

  font-weight: bold;

  height: auto;

  text-align: center;

  width: 70px;

}

@media all and (max-width: 30em) {

  .toplistletters {

    text-align: left;

    width: 45px;

  }

}

.toplistletters .topalph {

  color: #333;

}



#block-user-login {

  margin-bottom: 22px;

  overflow: hidden;

}

#block-user-login a {

  display: block;

  font-family: "Lato", Tahoma, Helvetica, Arial, sans-serif;

  font-size: 15px;

  font-size: 0.9375rem;

}

#block-user-login ul {

  margin-bottom: 0;

}

#block-user-login li {

  margin-left: 0;

  margin-bottom: 22px;

}



.breadcrumb {

  color: #333;

  font-family: "Lato", Tahoma, Helvetica, Arial, sans-serif;

  font-size: 12px;

  font-size: 0.75rem;

  padding: 5px 16px;

  text-transform: uppercase;

}

.breadcrumb a {

  color: #357BBA;

}

.breadcrumb a:not(:last-child) {

  color: #2a6192;

}

.breadcrumb a:hover {

  color: #5494ce;

}



h1, h2, h3, h4, h5 {

  -webkit-transition: font-size 0.3s;

  transition: font-size 0.3s;

}



h1, article > h2:first-of-type {

  color: #333;

  font-family: "Lato", Tahoma, Helvetica, Arial, sans-serif;

  font-size: 40px;

  font-size: 2.5rem;

  font-weight: bold;

  line-height: 100%;

  margin-bottom: 32px;

}

h1 a, article > h2:first-of-type a {

  color: #333;

}



h2 {

  font-family: "Bitter", Georgia, "Times New Roman", sans-serif;

  font-size: 24px;

  font-size: 1.5rem;

  margin-bottom: 20px;

  max-width: 100%;

}

h2.big {

  color: #333;

  font-family: "Lato", Tahoma, Helvetica, Arial, sans-serif;

  font-size: 30px;

  font-size: 1.875rem;

  font-style: normal;

  line-height: 118px;

  padding-left: 20px;

  text-transform: uppercase;

}



h3 {

  color: #5E5E5E;

  font-family: "Bitter", Georgia, "Times New Roman", sans-serif;

  font-size: 18px;

  font-size: 1.125rem;

  line-height: 140%;

  margin-bottom: 20px;

}

h3.sm {

  font-size: 15px;

  font-size: 0.9375rem;

}

h3.big {

  font-family: "Lato", Tahoma, Helvetica, Arial, sans-serif;

  font-size: 20px;

  font-size: 1.25rem;

}



h4 {

  font-family: "Lato", Tahoma, Helvetica, Arial, sans-serif;

  font-size: 15px;

  font-size: 0.9375rem;

  font-weight: 400;

  margin-bottom: 12px;

  text-transform: uppercase;

}

h4.sm {

  font-size: 14px;

  font-size: 0.875rem;

}



h5 {

  font-family: "Lato", Tahoma, Helvetica, Arial, sans-serif;

  font-size: 12px;

  font-size: 0.75rem;

  font-weight: bold;

  margin-bottom: 12px;

  text-transform: uppercase;

}



h6 {

  margin-bottom: 10px;

}

h7 {

  color: #5E5E5E;

  font-family: "Bitter", Georgia, "Times New Roman", sans-serif;

  font-size: 18px;

  font-size: 1.125rem;

  line-height: 140%;

  margin-bottom: 20px;

}


a {

  color: #488DCD;

  text-decoration: none;

}

a:hover {

  color: #70a6d8;

}

a.btn {

  background: #1E1E1E;

  color: #DCDCDC;

  display: inline-block;

  font-family: "Lato", Tahoma, Helvetica, Arial, sans-serif;

  font-weight: normal;

  line-height: 38px;

  margin-bottom: 12px;

  padding: 0 12px;

  width: auto;

}

a.btn i {

  color: #488DCD;

  margin-right: 10px;

}

a.btn:hover {

  background: #444444;

  text-decoration: none !important;

}



p, blockquote {

  font-size: 15px;

  font-size: 0.9375rem;

  line-height: 160%;

}

p.bodytext span, blockquote.bodytext span {

  display: inline;

}



p i {

  font-style: italic;

}



p b {

  font-weight: bold;

}



p.editor {

  color: #333;

  font-style: italic;

  padding-left: 10px;

}



p.center {

  text-align: center;

}



p.scripture {

  color: #5E5E5E;

  padding-left: 20px;

}



.taba {

  padding-left: 10px;

}



.tabb {

  padding-left: 20px;

}



.tabc {

  padding-left: 30px;

}



.tabd {

  padding-left: 40px;

}



.tabe {

  padding-left: 50px;

}



.tabf {

  padding-left: 60px;

}



.tabg {

  padding-left: 70px;

}



sup {

  font-size: 0.8em;

  font-weight: bold;

  margin-right: 6px;

  position: relative;

  top: -5px;

}



sc {

  font-variant: small-caps;

}



header {

  /* Large Header Used on Homepage */

}

header.home {

  background: #486a6c url(../images/bg/bg_waves.jpg) no-repeat center;

  background-size: cover;

  -webkit-box-shadow: inset 0 -45px 15px rgba(0, 0, 0, 0.4);

  box-shadow: inset 0 -45px 15px rgba(0, 0, 0, 0.4);

  height: 500px;

  position: relative;

  -ms-behavior: url(backgroundsize.min.htc);

}

@media all and (max-width: 30em) {

  header.home {

    height: 320px;

  }

}

header.home .top {

  background: rgba(0, 0, 0, 0.5);

  color: white;

  height: 64px;

  margin-bottom: 240px;

  padding: 0 18px 0 0;

  position: relative;

  z-index: 10;

}

@media all and (max-width: 30em) {

  header.home .top {

    margin-bottom: 100px;

  }

}

@media all and (max-width: 51.25em) {

  header.home h4.sm {

    display: block;

  }

}

@media all and (max-width: 45em) {

  header.home h4.sm {

    display: none;

  }

}

header.home .search {

  margin: 0 auto;

}

@media all and (max-width: 30em) {

  header.home .search {

    margin: 0 auto;

    width: 95%;

  }

  header.home .search input[type=text] {

    font-size: 14px;

    font-size: 0.875rem;

    padding: 0 8px;

  }

}

@media print {

  header.home .search {

    display: none;

  }

}

header.home .verse {

  color: white;

  font-family: "Bitter", Georgia, "Times New Roman", sans-serif;

  font-size: 12px;

  font-size: 0.75rem;

  font-style: italic;

  position: absolute;

  bottom: 16px;

  right: 16px;

  text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.75);

}

header.home .verse strong {

  font-family: "Lato", Tahoma, Helvetica, Arial, sans-serif;

  font-style: normal;

  text-transform: uppercase;

}

@media all and (max-width: 30em) {

  header.home .verse {

    padding: 10px;

    bottom: 0;

    right: 0;

    width: 100%;

  }

}

header .logo {

  margin-right: 20px;

}

@media all and (max-width: 48em) {

  header .logo {

    margin-right: 10px;

    width: 150px;

  }

}

@media print {

  header .logo {

    height: 30px;

    line-height: 30px;

    width: 100px;

  }

}

header .main-menu {

  background: #0066C8;

  color: white;

  float: left;

  font-family: "Lato", Tahoma, Helvetica, Arial, sans-serif;

  font-style: normal;

  height: 64px;

  line-height: 64px;

  overflow: hidden;

  text-align: center;

  -webkit-transition: width 0.3s;

  transition: width 0.3s;

  width: 90px;

}

header .main-menu:hover {

  color: white;

}

@media all and (max-width: 48em) {

  header .main-menu {

    width: 40px;

  }

  header .main-menu span {

    display: none;

  }

}

header h4.sm {

  color: white;

  font-size: 12px;

  font-size: 0.75rem;

  float: right;

  font-weight: 300;

  margin-bottom: 0;

  letter-spacing: 2px;

  line-height: 64px;

}

@media all and (min-width: 32em) and (max-width: 62em) {

  header h4.sm {

    font-size: 10px;

    font-size: 0.625rem;

    letter-spacing: 0;

  }

}

@media all and (max-width: 51.25em) {

  header h4.sm {

    display: none;

  }

}

@media all and (max-width: 32em) {

  header h4.sm {

    display: none;

  }

}

@media print {

  header h4.sm {

    line-height: 30px;

  }

}



/* Thin Header use in internal pages */

header.thin {

  background: #222;

  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  z-index: 998;

  /*@include max-break(32em) {

  	padding: 10px 8px;

  }*/

}

@media print {

  header.thin {

    background: #888;

    height: 30px;

    line-height: 30px;

    position: relative;

  }

}

header.thin .search {

  float: left;

  height: 40px;

  margin: 12px 0;

  width: 340px;

}

@media all and (max-width: 60em) {

  header.thin .search {

    width: 280px;

  }

  header.thin .search input[type=text] {

    font-size: 14px;

    font-size: 0.875rem;

    padding: 0 8px;

  }

}

@media all and (max-width: 32em) {

  header.thin .search {

    float: none;

    margin: 0 auto;

    position: absolute;

    -webkit-transform: translate(0, -60px);

    -moz-transform: translate(0, -60px);

    -ms-transform: translate(0, -60px);

    transform: translate(0, -60px);

    -webkit-transition: all 0.3s;

    transition: all 0.3s;

    width: 60%;

  }

  header.thin .search.on {

    -webkit-transform: translate(0, 0px);

    -moz-transform: translate(0, 0px);

    -ms-transform: translate(0, 0px);

    transform: translate(0, 0px);

  }

  header.thin .search input[type=submit] {

    padding: 0;

    width: 50px;

  }

}

@media print {

  header.thin .search {

    display: none;

  }

}



body.admin-menu header.thin {

  top: 20px;

}



footer.global {

  background: #222;

  color: #898989;

  font-size: 12px;

  font-size: 0.75rem;

  padding: 46px 22px;

}

@media print {

  footer.global {

    display: none;

  }

}

footer.global .wrap {

  max-width: 1080px;

  width: 100%;

}

footer.global h4 {

  color: #CBCBCB;

  margin-bottom: 14px;

}

footer.global a {

  color: #898989;

  -webkit-transition: all 0.3s;

  transition: all 0.3s;

}

footer.global a:hover {

  color: white;

}

footer.global p {

  clear: left;

  font-size: 12px;

  font-size: 0.75rem;

  margin-bottom: 16px;

}

footer.global .logo {

  height: 48px;

  line-height: 48px;

  margin-bottom: 12px;

  width: 154px;

}

footer.global aside, footer.global ul {

  float: left;

}

footer.global aside {

  margin-right: 82px;

}

@media all and (max-width: 59em) {

  footer.global aside {

    margin-bottom: 20px;

    overflow: hidden;

    width: 100%;

  }

  footer.global aside .logo, footer.global aside p {

    float: left;

  }

  footer.global aside .logo {

    margin-right: 20px;

  }

  footer.global aside .social {

    float: right;

    font-size: 26px;

    font-size: 1.625rem;

    max-width: 50%;

  }

}

footer.global ul {

  margin-right: 48px;

}

footer.global ul li a {

  line-height: 24px;

}

@media all and (max-width: 59em) {

  footer.global ul {

    margin-bottom: 20px;

    margin-right: 0;

    width: 33%;

  }

  footer.global ul:nth-of-type(4n) {

    clear: left;

  }

}

@media all and (max-width: 30em) {

  footer.global ul {

    width: 48%;

  }

  footer.global ul:nth-of-type(4n) {

    clear: none;

  }

  footer.global ul:nth-of-type(3), footer.global ul :nth-of-type(5) {

    clear: left;

  }

}



footer.thin {

  background: #222;

  color: #7d7d7d;

  font-family: "Lato", Tahoma, Helvetica, Arial, sans-serif;

  font-size: 13px;

  font-size: 0.8125rem;

  font-style: normal;

  font-weight: normal;

  height: 40px;

  line-height: 40px;

  overflow: hidden;

  padding: 0 18px;

  position: fixed;

  bottom: 0;

  left: 0;

  width: 100%;

}

footer.thin.nofix {

  position: relative;

}

footer.thin .logo {

  height: 40px;

  width: 100px;

}

footer.thin .logo, footer.thin p {

  font-size: 13px;

  font-size: 0.8125rem;

  line-height: 40px;

}

footer.thin.full {

  height: 72px;

  line-height: 72px;

}

footer.thin.full p, footer.thin.full .logo {

  line-height: 72px;

}

footer.thin.full .logo {

  height: 72px;

  padding-left: 0;

  padding-right: 0;

  width: 140px;

}

footer.thin a {

  color: #CBCBCB;

}

footer.thin a:hover {

  color: white;

}

footer.thin ul {

  float: right;

}

footer.thin li {

  float: left;

}

footer.thin li:not(:last-child) {

  margin-right: 30px;

}

@media all and (max-width: 48em) {

  footer.thin {

    padding: 0 10px;

  }

  footer.thin .logo {

    display: none;

  }

  footer.thin ul, footer.thin p {

    font-size: 12px;

    font-size: 0.75rem;

  }

  footer.thin li:not(:last-child) {

    margin-right: 15px;

  }

}



html, body {

  font-family: 'Lato', Helvetica, Arial, sans-serif;

  font-style: italic;

  font-weight: 300;

  height: 100%;

}



.cBody, .appBody {

  height: 100%;

  -webkit-transition: all 0.5s;

  transition: all 0.5s;

}



body.active .cBody, body.active .appBody {

  -webkit-transform: translate(205px, 0);

  -moz-transform: translate(205px, 0);

  -ms-transform: translate(205px, 0);

  transform: translate(205px, 0);

}



h2 {

  font-family: 'Lato', Helvetica, Arial, sans-serif;

  font-size: 48px;

  font-size: 3rem;

  font-style: normal;

  text-transform: uppercase;

}

@media all and (max-width: 48em) {

  h2 {

    font-size: 28px;

    font-size: 1.75rem;

  }

}



h3 {

  color: #cc0000;

  font-family: 'Lato', Helvetica, Arial, sans-serif;

  font-size: 20px;

  font-size: 1.25rem;

  font-style: normal;

}
h7 {

  color: #ffffff;

  font-family: 'Lato', Helvetica, Arial, sans-serif;

  font-size: 20px;

  font-size: 1.25rem;

  font-style: normal;

}


a.btn {

  display: inline-block;

  line-height: 57px;

  -webkit-transition: background 0.3s;

  transition: background 0.3s;

  width: 260px;

}

@media all and (max-width: 48em) {

  a.btn {

    line-height: 40px;

  }

}

a.btn.teal {
	background: #df6868;
	color: white;
	font-style: normal;
	text-align: center;
}

a.btn.teal:hover {
	background: #cc0000;
	text-align: center;
}



.search input[type=submit] {

  background: #33b5a7;

}



header .main-menu {

  background: #33b5a7;

}



.sticky {

  background: none;

  margin-top: -30px;

  position: fixed;

  top: 50%;

  right: 50px;

}

.sticky a {

  background: white;

  border-radius: 2px;

  display: block;

  height: 20px;

  margin-bottom: 20px;

  opacity: 0.25;

  width: 4px;

}

.sticky a.on {

  opacity: 1;

}



section {

  color: white;

  height: 100%;

  max-width: 100%;

  min-height: 480px;

  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.35);

}

section.features {

  background: url(../images/bg/bg_grain2.png);

  color: #cc0000;

  height: auto;

  min-height: 0;

  text-shadow: none;

}

section.features ul {

  overflow: hidden;

}

section.features li {

  float: left;

  font-style: normal;

  font-weight: normal;

  padding: 65px 5% 0;

  text-align: center;

  width: 33.3%;

  vertical-align: top;

}

@media all and (max-width: 48em) {

  section.features li {

    float: none;

    width: 100%;

  }

}

section.features li.mid {

  border-left: 1px solid #d3e7e5;

  border-right: 1px solid #d3e7e5;

}

@media all and (max-width: 48em) {

  section.features li.mid {

    border-top: 1px solid #d3e7e5;

    border-bottom: 1px solid #d3e7e5;

    border-left: 0 none;

    border-right: 0 none;

  }

}

section.features p {

  margin-bottom: 65px;

}

section.features i {

  display: inline-block;

  margin-bottom: 30px;

}

section.end {

  background: url(../images/bg/LuminaMP-4.jpg) no-repeat center;

  background-attachment: fixed;

  background-size: cover;

  text-align: center;

}

@media all and (max-width: 48em) {

  section.end {

    background-attachment: scroll;

    -webkit-background-size: auto 480px !important;

  }

}

section.end.splash {

  background-image: url(../images/bg/LuminaMP-1.jpg);

}

section.discuss {

  background: url(../images/bg/LuminaMP-3.jpg) no-repeat center;

  background-attachment: fixed;

  background-size: cover;

}

@media all and (max-width: 48em) {

  section.discuss {

    background-attachment: scroll;

    -webkit-background-size: auto 480px !important;

  }

}

section.discuss div {

  padding-left: 40px;

  width: 680px;

}

section.discuss p {

  width: 100%;

}

section.mobile {

  background: url(../images/bg/LuminaMP-5.jpg) no-repeat center;

  background-attachment: fixed;

  background-size: cover;

}

@media all and (max-width: 48em) {

  section.mobile {

    background-attachment: scroll;

    -webkit-background-size: auto 480px !important;

  }

}

section.mobile div {

  text-align: right;
  padding-right: 40px;

  width: 680px;

}

section.mobile p {

  width: 100%;

}

section.center-content:before {

  content: '';

  display: inline-block;

  height: 100%;

  vertical-align: middle;

  margin-right: -0.25em;

  /* Adjusts for spacing */

}

section.center-content > div {

  display: inline-block;

  vertical-align: middle;

  width: 90%;

  max-width: 800px;

}
section.mobile-content:before {

  content: '';

  display: inline-block;

  height: 100%;

  vertical-align: middle;

  margin-right: -0.25em;

  /* Adjusts for spacing */

}

section.mobile-content > div {

  display: inline-block;

  vertical-align: middle;

  width: 90%;

  max-width: 1300px;

}

section p {

  margin: 0 auto 45px;

  width: 90%;

}

@media all and (max-width: 48em) {

  section p {

    margin-bottom: 25px;

  }

}



aside.main {

  background: #333;

  -webkit-box-shadow: 1px 0 2px rgba(0, 0, 0, 0.25);

  box-shadow: 1px 0 2px rgba(0, 0, 0, 0.25);

  font-style: normal;

  line-height: 160%;

  padding: 64px 10px 10px;

  position: fixed;

  top: 0;

  left: 0;

  height: 100%;

  -webkit-transition: all 0.3s;

  transition: all 0.3s;

  width: 240px;

  z-index: 100;

}

aside.main a {

  color: white;

  display: block;

  text-transform: uppercase;

}

aside.main a:hover {

  background: #222;

}

aside.main h4 {

  color: #999;

  margin-bottom: 0;

  text-transform: none;

}
