@charset "UTF-8";
/*
  Based on the Eric Meyer CSS Reset v2.0 (http://meyerweb.com/eric/tools/css/reset/)
*/
@import url(../../../../../plugins/thechurchco/inc/icons/fontawesome/css/all.min.css);
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: top; }

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  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; }

body {
  color: #000000;
  font-family: "Open Sans", sans-serif;
  -webkit-font-smoothing: antialiased;
  font-size: 100%;
  line-height: 150%;
  font-weight: 300; }

h1 {
  letter-spacing: 0.05em;
  font-weight: 800;
  line-height: 120%;
  font-size: 50px;
  font-size: 3.125rem; }
  @media (max-width: 736px) {
    h1 {
      letter-spacing: 0.15em; } }

.h1, .h1 p, .h1 div {
  letter-spacing: 0.05em;
  font-weight: 800;
  line-height: 120%;
  font-size: 50px;
  font-size: 3.125rem; }
  @media (max-width: 736px) {
    .h1, .h1 p, .h1 div {
      letter-spacing: 0.15em; } }

h2 {
  letter-spacing: 0.05em;
  font-weight: 800;
  line-height: 120%;
  font-size: 42px;
  font-size: 2.625rem; }
  @media (max-width: 736px) {
    h2 {
      letter-spacing: 0.15em; } }

.h2, .h2 p, .h2 div {
  letter-spacing: 0.05em;
  font-weight: 800;
  line-height: 120%;
  font-size: 42px;
  font-size: 2.625rem; }
  @media (max-width: 736px) {
    .h2, .h2 p, .h2 div {
      letter-spacing: 0.15em; } }

h3 {
  letter-spacing: 0.05em;
  font-weight: 800;
  line-height: 120%;
  font-size: 26px;
  font-size: 1.625rem; }
  @media (max-width: 736px) {
    h3 {
      letter-spacing: 0.15em; } }
  @media (max-width: 736px) {
    h3 {
      font-size: 22px;
      font-size: 1.375rem; } }

.h3, .h3 p, .h3 div {
  letter-spacing: 0.05em;
  font-weight: 800;
  line-height: 120%;
  font-size: 26px;
  font-size: 1.625rem; }
  @media (max-width: 736px) {
    .h3, .h3 p, .h3 div {
      letter-spacing: 0.15em; } }
  @media (max-width: 736px) {
    .h3, .h3 p, .h3 div {
      font-size: 22px;
      font-size: 1.375rem; } }

h4 {
  letter-spacing: 0.05em;
  font-weight: 800;
  line-height: 120%;
  font-size: 32px;
  font-size: 2rem; }
  @media (max-width: 736px) {
    h4 {
      letter-spacing: 0.15em; } }
  @media (max-width: 736px) {
    h4 {
      font-size: 16px;
      font-size: 1rem; } }

.h4, .h4 p, .h4 div {
  letter-spacing: 0.05em;
  font-weight: 800;
  line-height: 120%;
  font-size: 32px;
  font-size: 2rem; }
  @media (max-width: 736px) {
    .h4, .h4 p, .h4 div {
      letter-spacing: 0.15em; } }
  @media (max-width: 736px) {
    .h4, .h4 p, .h4 div {
      font-size: 16px;
      font-size: 1rem; } }

h5 {
  letter-spacing: 0.05em;
  font-weight: 800;
  line-height: 120%;
  font-size: 30px;
  font-size: 1.875rem; }
  @media (max-width: 736px) {
    h5 {
      letter-spacing: 0.15em; } }

.h5, .h5 p, .h5 div {
  letter-spacing: 0.05em;
  font-weight: 800;
  line-height: 120%;
  font-size: 30px;
  font-size: 1.875rem; }
  @media (max-width: 736px) {
    .h5, .h5 p, .h5 div {
      letter-spacing: 0.15em; } }

h6 {
  letter-spacing: 0.05em;
  font-weight: 800;
  line-height: 120%;
  font-size: 20px;
  font-size: 1.25rem; }
  @media (max-width: 736px) {
    h6 {
      letter-spacing: 0.15em; } }

.h6, .h6 p, .h6 div {
  letter-spacing: 0.05em;
  font-weight: 800;
  line-height: 120%;
  font-size: 20px;
  font-size: 1.25rem; }
  @media (max-width: 736px) {
    .h6, .h6 p, .h6 div {
      letter-spacing: 0.15em; } }

p {
  line-height: 150%;
  font-weight: 300;
  font-size: 16px;
  font-size: 1rem;
  margin: 1em 0; }

.p, .p p, .p div {
  line-height: 150%;
  font-weight: 300;
  font-size: 16px;
  font-size: 1rem; }

a {
  color: #ff0024;
  text-decoration: none; }
  a:hover {
    text-decoration: none; }

abbr,
acronym {
  border-bottom: 1px dotted;
  cursor: help; }

address {
  font-size: 1rem;
  font-style: italic; }

blockquote {
  margin: 1em 0;
  padding: 0 0 0 2em; }

cite {
  font-style: italic; }

code {
  font-size: 0.96rem;
  font-family: monospace;
  background: #f6f6f6;
  border: 1px solid #e9e9e9;
  padding: 0.125em 0.25em;
  line-height: 150%; }

em,
i {
  font-style: italic; }

strong,
b {
  font-weight: bold; }

hr {
  outline: none;
  border: none;
  margin: 1em 0;
  padding: 0;
  border-top: 1px solid #f6f6f6; }

ol,
ul {
  margin: 1em 0;
  padding: 0 0 0 2em; }
  ol li,
  ul li {
    list-style-position: outside; }

ul li {
  list-style: disc; }

ol li {
  list-style: decimal; }

sup {
  font-size: .65em;
  margin-top: 0.3em;
  display: inline-block; }

form {
  margin: 1em 0; }

dl {
  margin: 1em 0; }
  dl dt {
    font-weight: bold; }
  dl dd {
    margin: 0 0 0.5em; }

table {
  width: 100%;
  margin: 1em 0; }
  table th {
    padding: 0.5em;
    border: 1px solid #f6f6f6;
    background: white;
    text-align: left;
    font-weight: bold; }
  table td {
    padding: 0.5em;
    border: 1px solid #f6f6f6; }

@font-face {
  font-family: 'entypo';
  src: url("../fonts/entypo.eot?59575301");
  src: url("../fonts/entypo.eot?59575301#iefix") format("embedded-opentype"), url("../fonts/entypo.woff?59575301") format("woff"), url("../fonts/entypo.ttf?59575301") format("truetype"), url("../fonts/entypo.svg?59575301#entypo") format("svg");
  font-weight: normal;
  font-style: normal; }

/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'entypo';
    src: url('../font/entypo.svg?59575301#entypo') format('svg');
  }
}
*/
[class^="icon-"]:before,
[class*=" icon-"]:before,
.tweet:before,
.read-more:after {
  font-family: "entypo";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ }

span.icon-facebook:before {
  padding-right: 0.2em; }

span.icon-twitter:before {
  padding-right: 0.3em; }

.icon-note:before {
  content: '\e800'; }

/* '' */
.icon-cancel-circled:before {
  content: '\e801'; }

/* '' */
.icon-cancel-squared:before {
  content: '\e802'; }

/* '' */
.icon-note-beamed:before {
  content: '\e803'; }

/* '' */
.icon-upload-cloud:before {
  content: '\e804'; }

/* '' */
.icon-music:before {
  content: '\e805'; }

/* '' */
.icon-plus:before {
  content: '\e806'; }

/* '' */
.icon-bookmark:before {
  content: '\e807'; }

/* '' */
.icon-chat:before {
  content: '\e808'; }

/* '' */
.icon-bell:before {
  content: '\e809'; }

/* '' */
.icon-light-down:before {
  content: '\e80a'; }

/* '' */
.icon-basket:before {
  content: '\e80b'; }

/* '' */
.icon-down:before {
  content: '\e80c'; }

/* '' */
.icon-left-dir:before {
  content: '\e80d'; }

/* '' */
.icon-left-circled:before {
  content: '\e80e'; }

/* '' */
.icon-search:before {
  content: '\e80f'; }

/* '' */
.icon-mail:before {
  content: '\e810'; }

/* '' */
.icon-heart:before {
  content: '\e811'; }

/* '' */
.icon-flashlight:before {
  content: '\e812'; }

/* '' */
.icon-heart-empty:before {
  content: '\e813'; }

/* '' */
.icon-star:before {
  content: '\e814'; }

/* '' */
.icon-star-empty:before {
  content: '\e815'; }

/* '' */
.icon-user:before {
  content: '\e816'; }

/* '' */
.icon-users:before {
  content: '\e817'; }

/* '' */
.icon-user-add:before {
  content: '\e818'; }

/* '' */
.icon-video:before {
  content: '\e819'; }

/* '' */
.icon-camera:before {
  content: '\e81a'; }

/* '' */
.icon-picture:before {
  content: '\e81b'; }

/* '' */
.icon-layout:before {
  content: '\e81c'; }

/* '' */
.icon-check:before {
  content: '\e81d'; }

/* '' */
.icon-tag:before {
  content: '\e81e'; }

/* '' */
.icon-cancel:before {
  content: '\e81f'; }

/* '' */
.icon-eye:before {
  content: '\e820'; }

/* '' */
.icon-lock-open:before {
  content: '\e821'; }

/* '' */
.icon-menu:before {
  content: '\e822'; }

/* '' */
.icon-lock:before {
  content: '\e823'; }

/* '' */
.icon-attach:before {
  content: '\e824'; }

/* '' */
.icon-link:before {
  content: '\e825'; }

/* '' */
.icon-home:before {
  content: '\e826'; }

/* '' */
.icon-back:before {
  content: '\e827'; }

/* '' */
.icon-info-circled:before {
  content: '\e828'; }

/* '' */
.icon-info:before {
  content: '\e829'; }

/* '' */
.icon-help-circled:before {
  content: '\e82a'; }

/* '' */
.icon-help:before {
  content: '\e82b'; }

/* '' */
.icon-minus-circled:before {
  content: '\e82c'; }

/* '' */
.icon-minus:before {
  content: '\e82d'; }

/* '' */
.icon-plus-squared:before {
  content: '\e82e'; }

/* '' */
.icon-plus-circled:before {
  content: '\e82f'; }

/* '' */
.icon-minus-squared:before {
  content: '\e830'; }

/* '' */
.icon-bookmarks:before {
  content: '\e831'; }

/* '' */
.icon-flag:before {
  content: '\e832'; }

/* '' */
.icon-thumbs-up:before {
  content: '\e833'; }

/* '' */
.icon-upload:before {
  content: '\e834'; }

/* '' */
.icon-thumbs-down:before {
  content: '\e835'; }

/* '' */
.icon-download:before {
  content: '\e836'; }

/* '' */
.icon-reply:before {
  content: '\e837'; }

/* '' */
.icon-reply-all:before {
  content: '\e838'; }

/* '' */
.icon-forward:before {
  content: '\e839'; }

/* '' */
.icon-quote:before {
  content: '\e83a'; }

/* '' */
.icon-code:before {
  content: '\e83b'; }

/* '' */
.icon-export:before {
  content: '\e83c'; }

/* '' */
.icon-pencil:before {
  content: '\e83d'; }

/* '' */
.icon-feather:before {
  content: '\e83e'; }

/* '' */
.icon-print:before {
  content: '\e83f'; }

/* '' */
.icon-retweet:before {
  content: '\e840'; }

/* '' */
.icon-keyboard:before {
  content: '\e841'; }

/* '' */
.icon-comment:before {
  content: '\e842'; }

/* '' */
.icon-book:before {
  content: '\e843'; }

/* '' */
.icon-book-open:before {
  content: '\e844'; }

/* '' */
.icon-newspaper:before {
  content: '\e845'; }

/* '' */
.icon-doc-text-inv:before {
  content: '\e846'; }

/* '' */
.icon-doc-text:before {
  content: '\e847'; }

/* '' */
.icon-doc-landscape:before {
  content: '\e848'; }

/* '' */
.icon-doc:before {
  content: '\e849'; }

/* '' */
.icon-trash:before {
  content: '\e84a'; }

/* '' */
.icon-cup:before {
  content: '\e84b'; }

/* '' */
.icon-compass:before {
  content: '\e84c'; }

/* '' */
.icon-direction:before {
  content: '\e84d'; }

/* '' */
.icon-map:before {
  content: '\e84e'; }

/* '' */
.icon-location:before {
  content: '\e84f'; }

/* '' */
.icon-address:before {
  content: '\e850'; }

/* '' */
.icon-vcard:before {
  content: '\e851'; }

/* '' */
.icon-alert:before {
  content: '\e852'; }

/* '' */
.icon-attention:before {
  content: '\e853'; }

/* '' */
.icon-folder:before {
  content: '\e854'; }

/* '' */
.icon-archive:before {
  content: '\e855'; }

/* '' */
.icon-box:before {
  content: '\e856'; }

/* '' */
.icon-rss:before {
  content: '\e857'; }

/* '' */
.icon-phone:before {
  content: '\e858'; }

/* '' */
.icon-cog:before {
  content: '\e859'; }

/* '' */
.icon-tools:before {
  content: '\e85a'; }

/* '' */
.icon-share:before {
  content: '\e85b'; }

/* '' */
.icon-shareable:before {
  content: '\e85c'; }

/* '' */
.icon-bag:before {
  content: '\e85d'; }

/* '' */
.icon-calendar:before {
  content: '\e85e'; }

/* '' */
.icon-login:before {
  content: '\e85f'; }

/* '' */
.icon-logout:before {
  content: '\e860'; }

/* '' */
.icon-mic:before {
  content: '\e861'; }

/* '' */
.icon-mute:before {
  content: '\e862'; }

/* '' */
.icon-docs:before {
  content: '\e863'; }

/* '' */
.icon-sound:before {
  content: '\e864'; }

/* '' */
.icon-volume:before {
  content: '\e865'; }

/* '' */
.icon-clock:before {
  content: '\e866'; }

/* '' */
.icon-hourglass:before {
  content: '\e867'; }

/* '' */
.icon-down-open-mini:before {
  content: '\e868'; }

/* '' */
.icon-up-open:before {
  content: '\e869'; }

/* '' */
.icon-right-open:before {
  content: '\e86a'; }

/* '' */
.icon-left-open:before {
  content: '\e86b'; }

/* '' */
.icon-down-open:before {
  content: '\e86c'; }

/* '' */
.icon-right-circled:before {
  content: '\e86d'; }

/* '' */
.icon-down-circled:before {
  content: '\e86e'; }

/* '' */
.icon-up-circled:before {
  content: '\e86f'; }

/* '' */
.icon-arrow-combo:before {
  content: '\e870'; }

/* '' */
.icon-window:before {
  content: '\e871'; }

/* '' */
.icon-publish:before {
  content: '\e872'; }

/* '' */
.icon-popup:before {
  content: '\e873'; }

/* '' */
.icon-resize-small:before {
  content: '\e874'; }

/* '' */
.icon-resize-full:before {
  content: '\e875'; }

/* '' */
.icon-block:before {
  content: '\e876'; }

/* '' */
.icon-adjust:before {
  content: '\e877'; }

/* '' */
.icon-light-up:before {
  content: '\e878'; }

/* '' */
.icon-lamp:before {
  content: '\e879'; }

/* '' */
.icon-left-open-mini:before {
  content: '\e87a'; }

/* '' */
.icon-right-open-mini:before {
  content: '\e87b'; }

/* '' */
.icon-up-open-mini:before {
  content: '\e87c'; }

/* '' */
.icon-down-open-big:before {
  content: '\e87d'; }

/* '' */
.icon-left-open-big:before {
  content: '\e87e'; }

/* '' */
.icon-right-open-big:before {
  content: '\e87f'; }

/* '' */
.icon-arrows-ccw:before {
  content: '\e880'; }

/* '' */
.icon-cw:before {
  content: '\e881'; }

/* '' */
.icon-ccw:before {
  content: '\e882'; }

/* '' */
.icon-up-open-big:before {
  content: '\e883'; }

/* '' */
.icon-level-down:before {
  content: '\e884'; }

/* '' */
.icon-up-thin:before {
  content: '\e885'; }

/* '' */
.icon-left-thin:before {
  content: '\e886'; }

/* '' */
.icon-progress-1:before {
  content: '\e887'; }

/* '' */
.icon-progress-2:before {
  content: '\e888'; }

/* '' */
.icon-right-thin:before {
  content: '\e889'; }

/* '' */
.icon-progress-3:before {
  content: '\e88a'; }

/* '' */
.icon-target:before {
  content: '\e88b'; }

/* '' */
.icon-palette:before {
  content: '\e88c'; }

/* '' */
.icon-list:before {
  content: '\e88d'; }

/* '' */
.icon-list-add:before {
  content: '\e88e'; }

/* '' */
.icon-signal:before {
  content: '\e88f'; }

/* '' */
.icon-level-up:before {
  content: '\e890'; }

/* '' */
.icon-left:before {
  content: '\e891'; }

/* '' */
.icon-shuffle:before {
  content: '\e892'; }

/* '' */
.icon-trophy:before {
  content: '\e893'; }

/* '' */
.icon-loop:before {
  content: '\e894'; }

/* '' */
.icon-right:before {
  content: '\e895'; }

/* '' */
.icon-battery:before {
  content: '\e896'; }

/* '' */
.icon-back-in-time:before {
  content: '\e897'; }

/* '' */
.icon-switch:before {
  content: '\e898'; }

/* '' */
.icon-up:before {
  content: '\e899'; }

/* '' */
.icon-down-dir:before {
  content: '\e89a'; }

/* '' */
.icon-play:before {
  content: '\e89b'; }

/* '' */
.icon-monitor:before {
  content: '\e89c'; }

/* '' */
.icon-mobile:before {
  content: '\e89d'; }

/* '' */
.icon-stop:before {
  content: '\e89e'; }

/* '' */
.icon-right-dir:before {
  content: '\e89f'; }

/* '' */
.icon-pause:before {
  content: '\e8a0'; }

/* '' */
.icon-network:before {
  content: '\e8a1'; }

/* '' */
.icon-cd:before {
  content: '\e8a2'; }

/* '' */
.icon-record:before {
  content: '\e8a3'; }

/* '' */
.icon-up-dir:before {
  content: '\e8a4'; }

/* '' */
.icon-down-bold:before {
  content: '\e8a5'; }

/* '' */
.icon-to-end:before {
  content: '\e8a6'; }

/* '' */
.icon-inbox:before {
  content: '\e8a7'; }

/* '' */
.icon-install:before {
  content: '\e8a8'; }

/* '' */
.icon-to-start:before {
  content: '\e8a9'; }

/* '' */
.icon-left-bold:before {
  content: '\e8aa'; }

/* '' */
.icon-right-bold:before {
  content: '\e8ab'; }

/* '' */
.icon-fast-forward:before {
  content: '\e8ac'; }

/* '' */
.icon-globe:before {
  content: '\e8ad'; }

/* '' */
.icon-cloud:before {
  content: '\e8ae'; }

/* '' */
.icon-fast-backward:before {
  content: '\e8af'; }

/* '' */
.icon-down-thin:before {
  content: '\e8b0'; }

/* '' */
.icon-progress-0:before {
  content: '\e8b1'; }

/* '' */
.icon-up-bold:before {
  content: '\e8b2'; }

/* '' */
.icon-cloud-thunder:before {
  content: '\e8b3'; }

/* '' */
.icon-chart-area:before {
  content: '\e8b4'; }

/* '' */
.icon-chart-bar:before {
  content: '\e8b5'; }

/* '' */
.icon-flow-tree:before {
  content: '\e8b6'; }

/* '' */
.icon-flow-line:before {
  content: '\e8b7'; }

/* '' */
.icon-vimeo:before {
  content: '\e8b8'; }

/* '' */
.icon-flickr-circled:before {
  content: '\e8b9'; }

/* '' */
.icon-lastfm:before {
  content: '\e8ba'; }

/* '' */
.icon-lastfm-circled:before {
  content: '\e8bb'; }

/* '' */
.icon-vkontakte:before {
  content: '\e8bc'; }

/* '' */
.icon-behance:before {
  content: '\e8bd'; }

/* '' */
.icon-mixi:before {
  content: '\e8be'; }

/* '' */
.icon-stumbleupon:before {
  content: '\e8bf'; }

/* '' */
.icon-stumbleupon-circled:before {
  content: '\e8c0'; }

/* '' */
.icon-flickr:before {
  content: '\e8c1'; }

/* '' */
.icon-github-circled:before {
  content: '\e8c2'; }

/* '' */
.icon-flow-cascade:before {
  content: '\e8c3'; }

/* '' */
.icon-flow-branch:before {
  content: '\e8c4'; }

/* '' */
.icon-chart-line:before {
  content: '\e8c5'; }

/* '' */
.icon-chart-pie:before {
  content: '\e8c6'; }

/* '' */
.icon-erase:before {
  content: '\e8c7'; }

/* '' */
.icon-key:before {
  content: '\e8c8'; }

/* '' */
.icon-github:before {
  content: '\e8c9'; }

/* '' */
.icon-dribbble-circled:before {
  content: '\e8ca'; }

/* '' */
.icon-picasa:before {
  content: '\e8cb'; }

/* '' */
.icon-dribbble:before {
  content: '\e8cc'; }

/* '' */
.icon-infinity:before {
  content: '\e8cd'; }

/* '' */
.icon-magnet:before {
  content: '\e8ce'; }

/* '' */
.icon-bucket:before {
  content: '\e8cf'; }

/* '' */
.icon-linkedin-circled:before {
  content: '\e8d0'; }

/* '' */
.icon-paypal:before {
  content: '\e8d1'; }

/* '' */
.icon-sina-weibo:before {
  content: '\e8d2'; }

/* '' */
.icon-linkedin:before {
  content: '\e8d3'; }

/* '' */
.icon-cc-zero:before {
  content: '\e8d4'; }

/* '' */
.icon-drive:before {
  content: '\e8d5'; }

/* '' */
.icon-brush:before {
  content: '\e8d6'; }

/* '' */
.icon-dot-3:before {
  content: '\e8d7'; }

/* '' */
.icon-database:before {
  content: '\e8d8'; }

/* '' */
.icon-cc-pd:before {
  content: '\e8d9'; }

/* '' */
.icon-tumblr-circled:before {
  content: '\e8da'; }

/* '' */
.icon-renren:before {
  content: '\e8db'; }

/* '' */
.icon-skype-circled:before {
  content: '\e8dc'; }

/* '' */
.icon-tumblr:before {
  content: '\e8dd'; }

/* '' */
.icon-cc-nd:before {
  content: '\e8de'; }

/* '' */
.icon-megaphone:before {
  content: '\e8df'; }

/* '' */
.icon-dot-2:before {
  content: '\e8e0'; }

/* '' */
.icon-dot:before {
  content: '\e8e1'; }

/* '' */
.icon-clipboard:before {
  content: '\e8e2'; }

/* '' */
.icon-cc-sa:before {
  content: '\e8e3'; }

/* '' */
.icon-pinterest-circled:before {
  content: '\e8e4'; }

/* '' */
.icon-cc-remix:before {
  content: '\e8e5'; }

/* '' */
.icon-thermometer:before {
  content: '\e8e6'; }

/* '' */
.icon-soundcloud:before {
  content: '\e8e7'; }

/* '' */
.icon-cc-share:before {
  content: '\e8e8'; }

/* '' */
.icon-google-circles:before {
  content: '\e8e9'; }

/* '' */
.icon-skype:before {
  content: '\e8ea'; }

/* '' */
.icon-flattr:before {
  content: '\e8eb'; }

/* '' */
.icon-cc-nc-jp:before {
  content: '\e8ec'; }

/* '' */
.icon-cc-nc-eu:before {
  content: '\e8ed'; }

/* '' */
.icon-cc-nc:before {
  content: '\e8ee'; }

/* '' */
.icon-cc-by:before {
  content: '\e8ef'; }

/* '' */
.icon-cc:before {
  content: '\e8f0'; }

/* '' */
.icon-traffic-cone:before {
  content: '\e8f1'; }

/* '' */
.icon-gauge:before {
  content: '\e8f2'; }

/* '' */
.icon-rocket:before {
  content: '\e8f3'; }

/* '' */
.icon-flow-parallel:before {
  content: '\e8f4'; }

/* '' */
.icon-vimeo-circled:before {
  content: '\e8f5'; }

/* '' */
.icon-twitter:before {
  content: '\e8f6'; }

/* '' */
.icon-twitter-circled:before {
  content: '\e8f7'; }

/* '' */
.icon-facebook:before {
  content: '\e8f8'; }

/* '' */
.icon-facebook-circled:before {
  content: '\e8f9'; }

/* '' */
.icon-facebook-squared:before {
  content: '\e8fa'; }

/* '' */
.icon-gplus:before {
  content: '\e8fb'; }

/* '' */
.icon-gplus-circled:before {
  content: '\e8fc'; }

/* '' */
.icon-pinterest:before {
  content: '\e8fd'; }

/* '' */
.icon-evernote:before {
  content: '\e8fe'; }

/* '' */
.icon-dropbox:before {
  content: '\e8ff'; }

/* '' */
.icon-instagram:before {
  content: '\e900'; }

/* '' */
.icon-qq:before {
  content: '\e901'; }

/* '' */
.icon-spotify-circled:before {
  content: '\e902'; }

/* '' */
.icon-spotify:before {
  content: '\e903'; }

/* '' */
.icon-rdio-circled:before {
  content: '\e904'; }

/* '' */
.icon-rdio:before {
  content: '\e905'; }

/* '' */
.icon-smashing:before {
  content: '\e906'; }

/* '' */
.icon-sweden:before {
  content: '\e907'; }

/* '' */
.icon-db-shape:before {
  content: '\e908'; }

/* '' */
.icon-logo-db:before {
  content: '\e909'; }

/* '' */
.icon-tape:before {
  content: '\e90a'; }

/* '' */
.icon-flash:before {
  content: '\e90b'; }

/* '' */
.icon-graduation-cap:before {
  content: '\e90c'; }

/* '' */
.icon-language:before {
  content: '\e90d'; }

/* '' */
.icon-flight:before {
  content: '\e90e'; }

/* '' */
.icon-moon:before {
  content: '\e90f'; }

/* '' */
.icon-paper-plane:before {
  content: '\e910'; }

/* '' */
.icon-ticket:before {
  content: '\e911'; }

/* '' */
.icon-leaf:before {
  content: '\e912'; }

/* '' */
.icon-lifebuoy:before {
  content: '\e913'; }

/* '' */
.icon-droplet:before {
  content: '\e914'; }

/* '' */
.icon-water:before {
  content: '\e915'; }

/* '' */
.icon-air:before {
  content: '\e916'; }

/* '' */
.icon-mouse:before {
  content: '\e917'; }

/* '' */
.icon-briefcase:before {
  content: '\e918'; }

/* '' */
.icon-credit-card:before {
  content: '\e919'; }

/* '' */
.icon-floppy:before {
  content: '\e91a'; }

/* '' */
.icon-suitcase:before {
  content: '\e91b'; }

/* '' */
* {
  box-sizing: border-box; }

.tcc-main-content {
  position: relative;
  z-index: 5000; }

.container {
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto; }
  .container:after {
    content: "";
    display: table;
    clear: both; }
  @media (min-width: 1200px) {
    .container {
      max-width: 1200px; } }
  @media (max-width: 1024px) {
    .container {
      max-width: 100%; } }
  @media (max-width: 736px) {
    .container {
      max-width: 100%; } }

.error {
  color: #AA0000; }

.success {
  color: #00AA00; }

.column-one {
  display: block;
  float: left;
  width: 4.33333%;
  margin-left: 2%;
  margin-right: 2%;
  min-height: 1px; }
  @media (min-width: 1200px) {
    .column-one {
      display: block;
      float: left;
      width: 4.33333%;
      margin-left: 2%;
      margin-right: 2%; } }
  @media (max-width: 1024px) {
    .column-one {
      display: block;
      float: left;
      width: 4.33333%;
      margin-left: 2%;
      margin-right: 2%; } }
  @media (max-width: 736px) {
    .column-one {
      display: block;
      float: left;
      width: 90%;
      margin-left: 5%;
      margin-right: 5%; } }

.column-two {
  display: block;
  float: left;
  width: 12.66667%;
  margin-left: 2%;
  margin-right: 2%;
  min-height: 1px; }
  @media (min-width: 1200px) {
    .column-two {
      display: block;
      float: left;
      width: 12.66667%;
      margin-left: 2%;
      margin-right: 2%; } }
  @media (max-width: 1024px) {
    .column-two {
      display: block;
      float: left;
      width: 12.66667%;
      margin-left: 2%;
      margin-right: 2%; } }
  @media (max-width: 736px) {
    .column-two {
      display: block;
      float: left;
      width: 90%;
      margin-left: 5%;
      margin-right: 5%; } }

.column-three {
  display: block;
  float: left;
  width: 21%;
  margin-left: 2%;
  margin-right: 2%;
  min-height: 1px; }
  @media (min-width: 1200px) {
    .column-three {
      display: block;
      float: left;
      width: 21%;
      margin-left: 2%;
      margin-right: 2%; } }
  @media (max-width: 1024px) {
    .column-three {
      display: block;
      float: left;
      width: 21%;
      margin-left: 2%;
      margin-right: 2%; } }
  @media (max-width: 736px) {
    .column-three {
      display: block;
      float: left;
      width: 90%;
      margin-left: 5%;
      margin-right: 5%; } }

.column-four {
  display: block;
  float: left;
  width: 29.33333%;
  margin-left: 2%;
  margin-right: 2%;
  min-height: 1px; }
  @media (min-width: 1200px) {
    .column-four {
      display: block;
      float: left;
      width: 29.33333%;
      margin-left: 2%;
      margin-right: 2%; } }
  @media (max-width: 1024px) {
    .column-four {
      display: block;
      float: left;
      width: 29.33333%;
      margin-left: 2%;
      margin-right: 2%; } }
  @media (max-width: 736px) {
    .column-four {
      display: block;
      float: left;
      width: 90%;
      margin-left: 5%;
      margin-right: 5%; } }

.column-five {
  display: block;
  float: left;
  width: 37.66667%;
  margin-left: 2%;
  margin-right: 2%;
  min-height: 1px; }
  @media (min-width: 1200px) {
    .column-five {
      display: block;
      float: left;
      width: 37.66667%;
      margin-left: 2%;
      margin-right: 2%; } }
  @media (max-width: 1024px) {
    .column-five {
      display: block;
      float: left;
      width: 37.66667%;
      margin-left: 2%;
      margin-right: 2%; } }
  @media (max-width: 736px) {
    .column-five {
      display: block;
      float: left;
      width: 90%;
      margin-left: 5%;
      margin-right: 5%; } }

.column-six {
  display: block;
  float: left;
  width: 46%;
  margin-left: 2%;
  margin-right: 2%;
  min-height: 1px; }
  @media (min-width: 1200px) {
    .column-six {
      display: block;
      float: left;
      width: 46%;
      margin-left: 2%;
      margin-right: 2%; } }
  @media (max-width: 1024px) {
    .column-six {
      display: block;
      float: left;
      width: 46%;
      margin-left: 2%;
      margin-right: 2%; } }
  @media (max-width: 736px) {
    .column-six {
      display: block;
      float: left;
      width: 90%;
      margin-left: 5%;
      margin-right: 5%; } }

.column-seven {
  display: block;
  float: left;
  width: 54.33333%;
  margin-left: 2%;
  margin-right: 2%;
  min-height: 1px; }
  @media (min-width: 1200px) {
    .column-seven {
      display: block;
      float: left;
      width: 54.33333%;
      margin-left: 2%;
      margin-right: 2%; } }
  @media (max-width: 1024px) {
    .column-seven {
      display: block;
      float: left;
      width: 54.33333%;
      margin-left: 2%;
      margin-right: 2%; } }
  @media (max-width: 736px) {
    .column-seven {
      display: block;
      float: left;
      width: 90%;
      margin-left: 5%;
      margin-right: 5%; } }

.column-eight {
  display: block;
  float: left;
  width: 62.66667%;
  margin-left: 2%;
  margin-right: 2%;
  min-height: 1px; }
  @media (min-width: 1200px) {
    .column-eight {
      display: block;
      float: left;
      width: 62.66667%;
      margin-left: 2%;
      margin-right: 2%; } }
  @media (max-width: 1024px) {
    .column-eight {
      display: block;
      float: left;
      width: 62.66667%;
      margin-left: 2%;
      margin-right: 2%; } }
  @media (max-width: 736px) {
    .column-eight {
      display: block;
      float: left;
      width: 90%;
      margin-left: 5%;
      margin-right: 5%; } }

.column-nine {
  display: block;
  float: left;
  width: 71%;
  margin-left: 2%;
  margin-right: 2%;
  min-height: 1px; }
  @media (min-width: 1200px) {
    .column-nine {
      display: block;
      float: left;
      width: 71%;
      margin-left: 2%;
      margin-right: 2%; } }
  @media (max-width: 1024px) {
    .column-nine {
      display: block;
      float: left;
      width: 71%;
      margin-left: 2%;
      margin-right: 2%; } }
  @media (max-width: 736px) {
    .column-nine {
      display: block;
      float: left;
      width: 90%;
      margin-left: 5%;
      margin-right: 5%; } }

.column-ten {
  display: block;
  float: left;
  width: 79.33333%;
  margin-left: 2%;
  margin-right: 2%;
  min-height: 1px; }
  @media (min-width: 1200px) {
    .column-ten {
      display: block;
      float: left;
      width: 79.33333%;
      margin-left: 2%;
      margin-right: 2%; } }
  @media (max-width: 1024px) {
    .column-ten {
      display: block;
      float: left;
      width: 79.33333%;
      margin-left: 2%;
      margin-right: 2%; } }
  @media (max-width: 736px) {
    .column-ten {
      display: block;
      float: left;
      width: 90%;
      margin-left: 5%;
      margin-right: 5%; } }

.column-eleven {
  display: block;
  float: left;
  width: 87.66667%;
  margin-left: 2%;
  margin-right: 2%;
  min-height: 1px; }
  @media (min-width: 1200px) {
    .column-eleven {
      display: block;
      float: left;
      width: 87.66667%;
      margin-left: 2%;
      margin-right: 2%; } }
  @media (max-width: 1024px) {
    .column-eleven {
      display: block;
      float: left;
      width: 87.66667%;
      margin-left: 2%;
      margin-right: 2%; } }
  @media (max-width: 736px) {
    .column-eleven {
      display: block;
      float: left;
      width: 90%;
      margin-left: 5%;
      margin-right: 5%; } }

.column-twelve {
  display: block;
  float: left;
  width: 96%;
  margin-left: 2%;
  margin-right: 2%;
  min-height: 1px; }
  @media (min-width: 1200px) {
    .column-twelve {
      display: block;
      float: left;
      width: 96%;
      margin-left: 2%;
      margin-right: 2%; } }
  @media (max-width: 1024px) {
    .column-twelve {
      display: block;
      float: left;
      width: 96%;
      margin-left: 2%;
      margin-right: 2%; } }
  @media (max-width: 736px) {
    .column-twelve {
      display: block;
      float: left;
      width: 90%;
      margin-left: 5%;
      margin-right: 5%; } }

.row.mega-button {
  position: relative;
  padding-top: 0;
  padding-bottom: 0; }
  .row.mega-button .container {
    max-width: inherit; }
  .row.mega-button .row-defaults {
    float: left;
    width: 100%;
    margin-left: 0;
    margin-right: 0; }
  .row.mega-button .row-buttons {
    margin: 0; }
  .row.mega-button .row-buttons a {
    font-size: 6em;
    display: block;
    margin: 0;
    width: 100%; }
    @media (max-width: 736px) {
      .row.mega-button .row-buttons a {
        font-size: 3em; } }

/*
// ---------------
// CHECKBOXES
// ---------------
*/
.list-checkbox-wrap ul li {
  float: left;
  width: auto; }

.list-checkbox-wrap ul li input {
  display: inline;
  margin-top: 4px; }

.wysiwyg img.alignleft,
.post-content img.alignleft {
  float: left;
  width: auto;
  max-width: 40%;
  margin-right: 4%;
  margin-top: 2%;
  margin-bottom: 2%; }

.wysiwyg img.alignright,
.post-content img.alignright {
  float: right;
  width: auto;
  max-width: 40%;
  margin-left: 4%;
  margin-top: 2%;
  margin-bottom: 2%; }

.-outlined-text,
.fx-outlined {
  -webkit-text-stroke: 1px currentColor;
  -webkit-text-fill-color: transparent !important; }

.fx-italics {
  font-style: italic; }

.tcc-main-content > .feature-image {
  width: 100%; }

[data-accordion-toggle] .title {
  color: currentColor; }

[data-accordion-toggle] .body {
  display: none; }
  [data-accordion-toggle] .body img {
    width: 100%;
    height: auto; }
  [data-accordion-toggle] .body .body-wrap {
    opacity: 0;
    transition: 500ms all; }
  [data-accordion-toggle] .body.-active {
    display: block; }
    [data-accordion-toggle] .body.-active .body-wrap.-active {
      opacity: 1; }

.accordion-tabs .title {
  margin-right: 1em;
  display: inline-block;
  position: relative;
  font-size: 1.1em; }
  .accordion-tabs .title:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 1px;
    width: 100%;
    background-color: currentColor;
    display: none; }
  .accordion-tabs .title.-active {
    font-weight: bold; }
    .accordion-tabs .title.-active:after {
      display: block; }

.accordion-selection {
  display: -ms-flexbox;
  display: flex; }
  .accordion-selection .accordion-selection-tabs {
    -ms-flex: 1;
    flex: 1; }
    .accordion-selection .accordion-selection-tabs .title {
      display: block;
      padding: 1em 2em;
      position: relative;
      transition: all 300ms;
      font-weight: bold; }
      .accordion-selection .accordion-selection-tabs .title:after {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        right: 0;
        top: 0;
        pointer-events: none;
        height: 100%;
        width: 100%;
        background-color: currentColor;
        opacity: 0;
        transition: all 500ms; }
      .accordion-selection .accordion-selection-tabs .title.-active {
        padding: 2em 2em; }
        .accordion-selection .accordion-selection-tabs .title.-active:after {
          opacity: 0.15; }
  .accordion-selection .accordion-selection-content {
    -ms-flex: 3;
    flex: 3; }
    .accordion-selection .accordion-selection-content .body {
      position: relative;
      transition: all 300ms; }
      .accordion-selection .accordion-selection-content .body .body-wrap > * {
        padding-left: 1rem; }
      .accordion-selection .accordion-selection-content .body .body-wrap > img:first-child {
        padding-left: 0em; }
      .accordion-selection .accordion-selection-content .body .body-wrap > p:first-child {
        margin-top: 0; }
  @media (max-width: 736px) {
    .accordion-selection {
      display: block; }
      .accordion-selection .accordion-selection-tabs .title {
        padding: 1em; }
        .accordion-selection .accordion-selection-tabs .title.-active {
          padding: 1.5em 1em; }
      .accordion-selection .accordion-selection-content .body .body-wrap {
        margin-top: 1rem; }
        .accordion-selection .accordion-selection-content .body .body-wrap > * {
          padding-left: 1rem;
          padding-right: 1rem; }
        .accordion-selection .accordion-selection-content .body .body-wrap > img:first-child {
          padding-left: 1em; } }

.row.accordion-row.accordion-layout-selection .row-content {
  display: block;
  float: left;
  width: 96%;
  margin-left: 2%;
  margin-right: 2%; }
  @media (min-width: 1200px) {
    .row.accordion-row.accordion-layout-selection .row-content {
      display: block;
      float: left;
      width: 96%;
      margin-left: 2%;
      margin-right: 2%; } }
  @media (max-width: 1024px) {
    .row.accordion-row.accordion-layout-selection .row-content {
      display: block;
      float: left;
      width: 96%;
      margin-left: 2%;
      margin-right: 2%; } }
  @media (max-width: 736px) {
    .row.accordion-row.accordion-layout-selection .row-content {
      display: block;
      float: left;
      width: 90%;
      margin-left: 5%;
      margin-right: 5%; } }

.row.accordion-row.accordion-layout-selection.lightbg .accordion-selection-tabs .title:after,
.row.accordion-row.accordion-layout-selection.darkbg .accordion-selection-tabs .title:after {
  display: none; }

.row.accordion-row.accordion-layout-selection.lightbg .accordion-selection-tabs .title.-active,
.row.accordion-row.accordion-layout-selection.darkbg .accordion-selection-tabs .title.-active {
  border-left: 2px solid var(--brand-color); }

.accordion-wrap {
  float: left;
  width: 100%;
  margin: 0 auto;
  margin-bottom: 1em; }
  .accordion-wrap .body {
    display: none;
    float: left;
    width: 100%; }
  .accordion-wrap .title {
    float: left;
    width: 100%;
    cursor: pointer;
    font-size: 1em;
    font-weight: bold;
    padding: 1.5em; }
  .accordion-wrap .text {
    float: left; }
  .accordion-wrap .switch {
    position: relative;
    display: block;
    float: right;
    width: 1.5em;
    height: 1em;
    cursor: pointer;
    transform: scale3d(0.8, 0.8, 0.8); }
    .accordion-wrap .switch:after, .accordion-wrap .switch:before {
      display: block;
      content: " ";
      position: absolute;
      height: 0.1em;
      width: 1em;
      background: currentColor;
      top: 50%;
      left: 50%;
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      transition: all 200ms; }
    .accordion-wrap .switch:before {
      -ms-transform: translateY(-50%) translateX(-18%) rotate(-45deg);
      transform: translateY(-50%) translateX(-18%) rotate(-45deg); }
    .accordion-wrap .switch:after {
      -ms-transform: translateY(-50%) translateX(-82%) rotate(45deg);
      transform: translateY(-50%) translateX(-82%) rotate(45deg); }
  .accordion-wrap.-open .switch:before {
    transform: translateY(-50%) translateX(-50%) rotate(-45deg) scale3d(1.45, 1, 1); }
  .accordion-wrap.-open .switch:after {
    transform: translateY(-50%) translateX(-50%) rotate(45deg) scale3d(1.45, 1, 1); }

.lightbg .accordion-wrap .title {
  background-color: #f6f6f6;
  padding: 1.5em;
  color: #000000; }

.lightbg .accordion-wrap .body {
  margin-top: 1em;
  padding: 0em 2em;
  color: #000000; }
  @media (max-width: 736px) {
    .lightbg .accordion-wrap .body {
      padding: 0em 1em; } }

.lightbg .accordion-wrap {
  margin-bottom: 1em; }

.darkbg .accordion-wrap {
  margin-bottom: 1em; }

.darkbg .accordion-wrap .title {
  background-color: #FFF;
  color: #000000;
  padding: 1.5em; }

.darkbg .accordion-wrap .body {
  margin-top: 1em;
  padding: 0em 2em;
  color: #000000; }
  @media (max-width: 736px) {
    .darkbg .accordion-wrap .body {
      padding: 0em 1em; } }

.secondbg .accordion-wrap .title,
.thirdbg .accordion-wrap .title,
.imagebg .accordion-wrap .title {
  background-color: #FFF;
  color: #000000; }

.brandbg .accordion-wrap {
  margin-bottom: 1em; }

.brandbg .accordion-wrap .title {
  background-color: #ff0024;
  color: #FFF;
  padding: 1.5em; }

.brandbg .accordion-wrap .body {
  margin-top: 1em;
  padding: 0em 2em;
  color: #FFF; }
  @media (max-width: 736px) {
    .brandbg .accordion-wrap .body {
      padding: 0em 1em; } }

/* ACCORDION ROW */
.row.accordion-row .row-content {
  display: block;
  float: left;
  width: 62.66667%;
  margin-left: 18.66667%;
  margin-right: 2%; }
  @media (min-width: 1200px) {
    .row.accordion-row .row-content {
      display: block;
      float: left;
      width: 62.66667%;
      margin-left: 18.66667%;
      margin-right: 2%; } }
  @media (max-width: 1024px) {
    .row.accordion-row .row-content {
      display: block;
      float: left;
      width: 62.66667%;
      margin-left: 18.66667%;
      margin-right: 2%; } }
  @media (max-width: 736px) {
    .row.accordion-row .row-content {
      display: block;
      float: left;
      width: 90%;
      margin-left: 5%;
      margin-right: 5%; } }

.announcement-notifications {
  position: fixed !important;
  z-index: 20;
  bottom: 1.5em;
  left: 1.5em;
  width: 1000px;
  max-width: 30em; }
  @media (max-width: 736px) {
    .announcement-notifications {
      left: 0em;
      bottom: 0em;
      max-width: 100%; } }

.announcement {
  transition: all 1s cubic-bezier(0.33, 0, 0.19, 1);
  background-color: rgba(0, 0, 0, 0.5);
  color: #FFF;
  float: left;
  width: 100%;
  position: relative;
  max-width: 30em;
  position: absolute;
  z-index: 20;
  bottom: 0em;
  left: 0em;
  overflow: hidden;
  box-shadow: 0em 0.25em 0.5em rgba(0, 0, 0, 0.1); }
  @media (max-width: 736px) {
    .announcement {
      left: 0em;
      bottom: 0em;
      max-width: 100%; } }
  .announcement a {
    color: #000000; }
  .announcement .announcement-container .announcement-image {
    float: left;
    width: 25%;
    transition: all 0.5s cubic-bezier(0.33, 0, 0.19, 1);
    background-size: cover;
    background-position: center center;
    height: 100%;
    position: absolute; }
    .announcement .announcement-container .announcement-image img {
      width: 100%;
      height: auto; }
  .announcement .announcement-container .announcement-content {
    float: left;
    padding: 1.5em;
    text-align: left; }
    .announcement .announcement-container .announcement-content .announcement-content-wrap {
      color: #FFF; }
      .announcement .announcement-container .announcement-content .announcement-content-wrap h6 {
        font-size: 0.75em;
        margin-bottom: 0.5em; }
      .announcement .announcement-container .announcement-content .announcement-content-wrap p {
        margin: 0;
        font-size: 0.75em; }
      @media (max-width: 736px) {
        .announcement .announcement-container .announcement-content .announcement-content-wrap h6, .announcement .announcement-container .announcement-content .announcement-content-wrap p {
          font-size: 0.75em; } }
  .announcement .announcement-container .announcement-image + .announcement-content {
    width: 75%;
    margin-left: 25%; }
  .announcement .announcement-controls {
    position: absolute;
    right: 0.25em;
    top: 0.25em;
    font-size: 1.25em;
    transition: all 0.5s cubic-bezier(0.33, 0, 0.19, 1);
    cursor: pointer;
    color: currentColor; }
    .announcement .announcement-controls:hover {
      opacity: 1; }
  .announcement:hover {
    box-shadow: 0em 0.5em 0.75em rgba(0, 0, 0, 0.1);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px); }

.announcementclosetransition-enter {
  opacity: 0.0;
  -ms-transform: translateY(10px);
  transform: translateY(10px);
  z-index: 2; }

.announcementclosetransition-enter-active {
  opacity: 1;
  -ms-transform: translateY(0px);
  transform: translateY(0px);
  z-index: 2;
  transition: all 1000ms cubic-bezier(0.33, 0, 0.19, 1); }

.announcementclosetransition-exit {
  opacity: 1;
  -ms-transform: translateY(0px);
  transform: translateY(0px);
  z-index: 1; }

.announcementclosetransition-exit-active {
  opacity: 0.0;
  transition: all 1000ms cubic-bezier(0.33, 0, 0.19, 1);
  transition-delay: 0ms;
  z-index: 1;
  -ms-transform: translateY(10px);
  transform: translateY(10px); }

.announcementitemtransition-enter {
  opacity: 0.0;
  -ms-transform: translateY(-5px);
  transform: translateY(-5px);
  z-index: 2; }

.announcementitemtransition-enter-active {
  opacity: 1;
  -ms-transform: translateY(0px);
  transform: translateY(0px);
  z-index: 2;
  transition: all 1000ms cubic-bezier(0.33, 0, 0.19, 1); }

.announcementitemtransition-exit {
  opacity: 1;
  -ms-transform: translateY(0px);
  transform: translateY(0px);
  z-index: 1; }

.announcementitemtransition-exit-active {
  opacity: 0.0;
  transition: all 1000ms cubic-bezier(0.33, 0, 0.19, 1);
  transition-delay: 0ms;
  z-index: 1;
  -ms-transform: translateY(10px);
  transform: translateY(10px); }

.announcement-topbanner {
  position: relative;
  z-index: 5000;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #ff0024;
  color: #FFF;
  text-align: center;
  padding: 1em;
  transition: all 300ms cubic-bezier(0.33, 0, 0.19, 1);
  margin-top: 0; }
  .announcement-topbanner a {
    color: currentColor; }
  .announcement-topbanner p {
    margin: 0; }
  .announcement-topbanner img {
    width: 100%;
    max-width: 50px;
    display: none; }
  .announcement-topbanner .announcement-controls {
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 2;
    cursor: pointer;
    font-size: 1.35em;
    padding: 0.25em; }

.announcementtopbaritemtransition-enter .announcement-topbanner,
.announcementtopbannerclosetransition-enter .announcement-topbanner {
  display: none; }

.announcementtopbaritemtransition-enter-active .announcement-topbanner {
  display: block; }

.announcementtopbaritemtransition-exit .announcement-topbanner {
  display: none; }

.announcementtopbaritemtransition-exit-active .announcement-topbanner {
  display: block; }

.announcementtopbaritemtransition-enter .announcement-topbanner {
  display: none; }

.announcementtopbaritemtransition-enter-active .announcement-topbanner {
  display: block; }

.announcementtopbaritemtransition-exit .announcement-topbanner {
  display: block; }

.announcementtopbaritemtransition-exit-active .announcement-topbanner {
  display: none; }

.thechurchco-mobileapp-view .thechurchco-mobileapp-navigation {
  position: fixed;
  z-index: 100;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 60px;
  padding: 0.5em;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-top: 1px solid var(--dark-color);
  background-color: var(--light-color); }
  .thechurchco-mobileapp-view .thechurchco-mobileapp-navigation .thechurchco-mobileapp-navitem {
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    color: var(--light-text-color); }
    .thechurchco-mobileapp-view .thechurchco-mobileapp-navigation .thechurchco-mobileapp-navitem span {
      display: block; }
      .thechurchco-mobileapp-view .thechurchco-mobileapp-navigation .thechurchco-mobileapp-navitem span.text {
        font-size: 0.75rem; }
    .thechurchco-mobileapp-view .thechurchco-mobileapp-navigation .thechurchco-mobileapp-navitem.selected {
      color: var(--brand-color); }

.thechurchco-mobileapp-view .thechurchco-mobile-app-screens {
  background-color: black; }
  .thechurchco-mobileapp-view .thechurchco-mobile-app-screens iframe {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: calc(100vh - 60px);
    transition: 500ms all;
    pointer-events: none;
    z-index: 1; }
    .thechurchco-mobileapp-view .thechurchco-mobile-app-screens iframe.selected {
      opacity: 1;
      pointer-events: all;
      z-index: 5; }

.thechurchco-mobileapp-view .thechurchco-mobile-app-loader {
  background-color: var(--navbar-color);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 99;
  transition: 500ms all;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center; }
  .thechurchco-mobileapp-view .thechurchco-mobile-app-loader.loaded {
    opacity: 0;
    pointer-events: none; }
  .thechurchco-mobileapp-view .thechurchco-mobile-app-loader .loader-container {
    position: relative;
    height: 50px; }
  .thechurchco-mobileapp-view .thechurchco-mobile-app-loader .tccloader {
    transform: scale3d(0.7, 0.7, 0.7); }
  .thechurchco-mobileapp-view .thechurchco-mobile-app-loader .logo {
    max-width: 200px; }
    .thechurchco-mobileapp-view .thechurchco-mobile-app-loader .logo img {
      width: 100%;
      height: auto; }

.inappview .top-bar {
  display: none; }

.inappview footer {
  display: none; }

.inappview .row .row-defaults, .inappview .row .row-content {
  opacity: 1; }

.inappview .cookie-policy-banner {
  display: none; }

.inappview .announcement {
  display: none; }

.inappview .messenger {
  display: none; }

.inappview.thechurchco-shortcut .-last-row {
  margin-bottom: 6em !important; }

button,
.button,
[class^="button"],
input[type="button"],
input[type="submit"],
input[type="reset"] {
  display: inline-block;
  padding: 0.625em 1.25em;
  margin: 0 0 0.625em;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  line-height: 100%;
  cursor: pointer;
  text-decoration: none;
  font-family: inherit;
  font-size: 1rem;
  background-color: transparent;
  color: #000000;
  text-transform: uppercase;
  box-shadow: inset 0 0 0 2px #000000;
  padding: 0.75em 1.5em;
  position: relative;
  overflow: hidden;
  z-index: 1; }
  button span,
  .button span,
  [class^="button"] span,
  input[type="button"] span,
  input[type="submit"] span,
  input[type="reset"] span {
    z-index: 2;
    display: inline-block;
    position: relative;
    transition: all 0.5s cubic-bezier(0.33, 0, 0.19, 1); }
  button:after,
  .button:after,
  [class^="button"]:after,
  input[type="button"]:after,
  input[type="submit"]:after,
  input[type="reset"]:after {
    content: '';
    background: #000000;
    transform: scale3d(0, 1, 1);
    height: 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    transition: transform 0.5s cubic-bezier(0.33, 0, 0.19, 1);
    z-index: -1;
    -ms-transform-origin: right;
    transform-origin: right; }
  button:hover,
  .button:hover,
  [class^="button"]:hover,
  input[type="button"]:hover,
  input[type="submit"]:hover,
  input[type="reset"]:hover {
    text-decoration: none;
    color: #FFF;
    opacity: 1 !important; }
    button:hover span,
    .button:hover span,
    [class^="button"]:hover span,
    input[type="button"]:hover span,
    input[type="submit"]:hover span,
    input[type="reset"]:hover span {
      color: #FFF; }
    button:hover:after,
    .button:hover:after,
    [class^="button"]:hover:after,
    input[type="button"]:hover:after,
    input[type="submit"]:hover:after,
    input[type="reset"]:hover:after {
      transform: scale3d(1, 1, 1);
      -ms-transform-origin: left;
      transform-origin: left; }
  button.disabled,
  .button.disabled,
  [class^="button"].disabled,
  input[type="button"].disabled,
  input[type="submit"].disabled,
  input[type="reset"].disabled {
    color: black;
    cursor: default; }
  button.huge,
  .button.huge,
  [class^="button"].huge,
  input[type="button"].huge,
  input[type="submit"].huge,
  input[type="reset"].huge {
    font-size: 1.25rem;
    font-weight: 600;
    padding: 0.625em 2em; }

button.primary,
.button-primary,
input.button-primary {
  background-color: transparent;
  color: #ff0024;
  text-transform: uppercase;
  box-shadow: inset 0 0 0 2px #ff0024;
  padding: 0.75em 1.5em;
  position: relative;
  overflow: hidden;
  z-index: 1; }
  button.primary span,
  .button-primary span,
  input.button-primary span {
    z-index: 2;
    display: inline-block;
    position: relative;
    transition: all 0.5s cubic-bezier(0.33, 0, 0.19, 1); }
  button.primary:after,
  .button-primary:after,
  input.button-primary:after {
    content: '';
    background: #ff0024;
    transform: scale3d(0, 1, 1);
    height: 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    transition: transform 0.5s cubic-bezier(0.33, 0, 0.19, 1);
    z-index: -1;
    -ms-transform-origin: right;
    transform-origin: right; }
  button.primary:hover,
  .button-primary:hover,
  input.button-primary:hover {
    text-decoration: none;
    color: #FFF;
    opacity: 1 !important; }
    button.primary:hover span,
    .button-primary:hover span,
    input.button-primary:hover span {
      color: #FFF; }
    button.primary:hover:after,
    .button-primary:hover:after,
    input.button-primary:hover:after {
      transform: scale3d(1, 1, 1);
      -ms-transform-origin: left;
      transform-origin: left; }
  button.primary.disabled,
  .button-primary.disabled,
  input.button-primary.disabled {
    color: #b30019;
    cursor: default; }

button.secondary,
.button-secondary,
input.button-secondary {
  background-color: transparent;
  color: #9d6ab4;
  text-transform: uppercase;
  box-shadow: inset 0 0 0 2px #9d6ab4;
  padding: 0.75em 1.5em;
  position: relative;
  overflow: hidden;
  z-index: 1; }
  button.secondary span,
  .button-secondary span,
  input.button-secondary span {
    z-index: 2;
    display: inline-block;
    position: relative;
    transition: all 0.5s cubic-bezier(0.33, 0, 0.19, 1); }
  button.secondary:after,
  .button-secondary:after,
  input.button-secondary:after {
    content: '';
    background: #9d6ab4;
    transform: scale3d(0, 1, 1);
    height: 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    transition: transform 0.5s cubic-bezier(0.33, 0, 0.19, 1);
    z-index: -1;
    -ms-transform-origin: right;
    transform-origin: right; }
  button.secondary:hover,
  .button-secondary:hover,
  input.button-secondary:hover {
    text-decoration: none;
    color: #FFF;
    opacity: 1 !important; }
    button.secondary:hover span,
    .button-secondary:hover span,
    input.button-secondary:hover span {
      color: #FFF; }
    button.secondary:hover:after,
    .button-secondary:hover:after,
    input.button-secondary:hover:after {
      transform: scale3d(1, 1, 1);
      -ms-transform-origin: left;
      transform-origin: left; }
  button.secondary.disabled,
  .button-secondary.disabled,
  input.button-secondary.disabled {
    color: #76468b;
    cursor: default; }

button.facebook,
.button-facebook,
input.button-facebook {
  background-color: transparent;
  color: #3B5998;
  text-transform: uppercase;
  box-shadow: inset 0 0 0 2px #3B5998;
  padding: 0.75em 1.5em;
  position: relative;
  overflow: hidden;
  z-index: 1;
  padding-left: 0.6em; }
  button.facebook span,
  .button-facebook span,
  input.button-facebook span {
    z-index: 2;
    display: inline-block;
    position: relative;
    transition: all 0.5s cubic-bezier(0.33, 0, 0.19, 1); }
  button.facebook:after,
  .button-facebook:after,
  input.button-facebook:after {
    content: '';
    background: #3B5998;
    transform: scale3d(0, 1, 1);
    height: 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    transition: transform 0.5s cubic-bezier(0.33, 0, 0.19, 1);
    z-index: -1;
    -ms-transform-origin: right;
    transform-origin: right; }
  button.facebook:hover,
  .button-facebook:hover,
  input.button-facebook:hover {
    text-decoration: none;
    color: #FFF;
    opacity: 1 !important; }
    button.facebook:hover span,
    .button-facebook:hover span,
    input.button-facebook:hover span {
      color: #FFF; }
    button.facebook:hover:after,
    .button-facebook:hover:after,
    input.button-facebook:hover:after {
      transform: scale3d(1, 1, 1);
      -ms-transform-origin: left;
      transform-origin: left; }
  button.facebook.disabled,
  .button-facebook.disabled,
  input.button-facebook.disabled {
    color: #263961;
    cursor: default; }
  button.facebook.disabled,
  .button-facebook.disabled,
  input.button-facebook.disabled {
    background: #9099ae;
    color: white;
    cursor: default; }

button.twitter,
.button-twitter,
input.button-twitter {
  background-color: transparent;
  color: #00ACED;
  text-transform: uppercase;
  box-shadow: inset 0 0 0 2px #00ACED;
  padding: 0.75em 1.5em;
  position: relative;
  overflow: hidden;
  z-index: 1; }
  button.twitter span,
  .button-twitter span,
  input.button-twitter span {
    z-index: 2;
    display: inline-block;
    position: relative;
    transition: all 0.5s cubic-bezier(0.33, 0, 0.19, 1); }
  button.twitter:after,
  .button-twitter:after,
  input.button-twitter:after {
    content: '';
    background: #00ACED;
    transform: scale3d(0, 1, 1);
    height: 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    transition: transform 0.5s cubic-bezier(0.33, 0, 0.19, 1);
    z-index: -1;
    -ms-transform-origin: right;
    transform-origin: right; }
  button.twitter:hover,
  .button-twitter:hover,
  input.button-twitter:hover {
    text-decoration: none;
    color: #FFF;
    opacity: 1 !important; }
    button.twitter:hover span,
    .button-twitter:hover span,
    input.button-twitter:hover span {
      color: #FFF; }
    button.twitter:hover:after,
    .button-twitter:hover:after,
    input.button-twitter:hover:after {
      transform: scale3d(1, 1, 1);
      -ms-transform-origin: left;
      transform-origin: left; }
  button.twitter.disabled,
  .button-twitter.disabled,
  input.button-twitter.disabled {
    color: #0074a1;
    cursor: default; }
  button.twitter.disabled,
  .button-twitter.disabled,
  input.button-twitter.disabled {
    background-color: #aebcc7;
    color: white;
    cursor: default; }

[data-component-type="TCCCalendar"] {
  width: 100%;
  position: relative; }
  [data-component-type="TCCCalendar"] .rbc-toolbar-label {
    text-align: right !important;
    padding-right: 0 !important; }
  [data-component-type="TCCCalendar"] .rbc-btn-group button:after {
    display: none; }
  [data-component-type="TCCCalendar"] .rbc-event {
    background-color: #ff0024;
    color: white; }
  [data-component-type="TCCCalendar"] .rbc-today {
    background-color: transparent;
    position: relative; }
    [data-component-type="TCCCalendar"] .rbc-today:after {
      content: "";
      position: absolute;
      left: 0;
      right: 0;
      width: 100%;
      height: 100%;
      background-color: #ff0024;
      opacity: 0.1; }
  [data-component-type="TCCCalendar"] .calendar-list {
    display: none; }
    @media (max-width: 736px) {
      [data-component-type="TCCCalendar"] .calendar-list {
        display: block; } }
    [data-component-type="TCCCalendar"] .calendar-list .list-event {
      display: block;
      float: left;
      width: 96%;
      margin-left: 2%;
      margin-right: 2%;
      padding: 2em;
      border: 1px solid currentColor;
      margin-bottom: 2em;
      cursor: pointer; }
      @media (min-width: 1200px) {
        [data-component-type="TCCCalendar"] .calendar-list .list-event {
          display: block;
          float: left;
          width: 96%;
          margin-left: 2%;
          margin-right: 2%; } }
      @media (max-width: 1024px) {
        [data-component-type="TCCCalendar"] .calendar-list .list-event {
          display: block;
          float: left;
          width: 96%;
          margin-left: 2%;
          margin-right: 2%; } }
      @media (max-width: 736px) {
        [data-component-type="TCCCalendar"] .calendar-list .list-event {
          display: block;
          float: left;
          width: 90%;
          margin-left: 5%;
          margin-right: 5%; } }
      [data-component-type="TCCCalendar"] .calendar-list .list-event:last-child {
        margin-bottom: 0; }
      [data-component-type="TCCCalendar"] .calendar-list .list-event .list-event-title {
        display: block; }
      [data-component-type="TCCCalendar"] .calendar-list .list-event .list-event-date {
        display: inline-block; }
  [data-component-type="TCCCalendar"] .calendar {
    display: block; }
    @media (max-width: 736px) {
      [data-component-type="TCCCalendar"] .calendar {
        display: none; } }

[data-component-type="ChatRoom"] {
  position: relative;
  width: 100%;
  overflow: auto; }
  [data-component-type="ChatRoom"] .groupchat-chat {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: end;
    justify-content: flex-end;
    height: 500px;
    max-height: 80vh;
    position: relative; }
    [data-component-type="ChatRoom"] .groupchat-chat .chats {
      text-align: left;
      overflow: auto;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column-reverse;
      flex-direction: column-reverse; }
      [data-component-type="ChatRoom"] .groupchat-chat .chats .groupchat-message-text {
        margin-bottom: 1em;
        max-width: 70%; }
        [data-component-type="ChatRoom"] .groupchat-chat .chats .groupchat-message-text .details .username {
          font-weight: bold;
          display: inline-block;
          margin-right: 0.5em; }
        [data-component-type="ChatRoom"] .groupchat-chat .chats .groupchat-message-text .details .when {
          font-size: 0.75em;
          opacity: 0.75; }
        [data-component-type="ChatRoom"] .groupchat-chat .chats .groupchat-message-text .bubble {
          font-size: 1em;
          font-weight: normal;
          font-family: Arial, Helvetica, sans-serif; }
        [data-component-type="ChatRoom"] .groupchat-chat .chats .groupchat-message-text .controls {
          opacity: 0.75;
          font-size: 0.65em; }
          [data-component-type="ChatRoom"] .groupchat-chat .chats .groupchat-message-text .controls a:first-child .icon:before {
            margin-left: 0; }
        [data-component-type="ChatRoom"] .groupchat-chat .chats .groupchat-message-text.-deleted {
          opacity: 0.25; }
          [data-component-type="ChatRoom"] .groupchat-chat .chats .groupchat-message-text.-deleted .bubble {
            font-style: italic; }
  [data-component-type="ChatRoom"] .chat-control {
    width: 100%; }
    [data-component-type="ChatRoom"] .chat-control textarea {
      min-height: 100px;
      width: 100%; }
    [data-component-type="ChatRoom"] .chat-control label {
      display: none; }
    [data-component-type="ChatRoom"] .chat-control .chat-control-bar {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-item-align: center;
      align-self: center;
      -ms-flex-pack: justify;
      justify-content: space-between; }
      [data-component-type="ChatRoom"] .chat-control .chat-control-bar .icon {
        font-size: 1.5em; }
  [data-component-type="ChatRoom"] .groupchat-signin input {
    width: 100%; }

.churchonline {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  position: relative; }
  .churchonline .churchonline-video-player {
    -ms-flex: 1;
    flex: 1; }
    .churchonline .churchonline-video-player .button:after, .churchonline .churchonline-video-player button:after {
      display: none; }
  .churchonline .churchonline-stack {
    width: 30%;
    height: 100%;
    margin-left: 4em; }
  .churchonline .churchonline-stack-bar {
    border-bottom: 1px solid currentColor;
    padding: 1em 0em;
    padding-top: 0;
    overflow: hidden; }
    .churchonline .churchonline-stack-bar .churchonline-stack-bar-wrap {
      transition: all 0.5s cubic-bezier(0.33, 0, 0.19, 1);
      -ms-transform: translateX(-2em);
      transform: translateX(-2em); }
    .churchonline .churchonline-stack-bar .icon {
      font-size: 1.25em;
      display: inline-block;
      -ms-transform: translateX(-0.5em);
      transform: translateX(-0.5em);
      transition: all 0.5s cubic-bezier(0.33, 0, 0.19, 1); }
    .churchonline .churchonline-stack-bar.-screen-open .churchonline-stack-bar-wrap {
      -ms-transform: translateX(0em);
      transform: translateX(0em); }
  .churchonline .churchonline-stack-screens {
    position: relative;
    overflow: hidden;
    height: 100%; }
  .churchonline .churchonline-stack-item-link {
    display: block;
    padding: 1em 0em;
    border-bottom: 1px solid currentColor;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    color: currentColor; }
    .churchonline .churchonline-stack-item-link span {
      display: inline-block; }
  .churchonline .churchonline-stack-item {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: white;
    color: currentColor;
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    transition: all 0.5s cubic-bezier(0.33, 0, 0.19, 1);
    z-index: 10;
    overflow: auto;
    padding-top: 2em; }
    .churchonline .churchonline-stack-item.-active {
      -ms-transform: translateX(0);
      transform: translateX(0); }
    .churchonline .churchonline-stack-item .churchonline-stack-item-content {
      height: 100%; }
  .churchonline .prayer-request-app {
    width: 100%;
    margin: 0; }
  @media (max-width: 1024px) {
    .churchonline {
      display: block;
      width: 90%;
      margin-left: 5%;
      margin-right: 5%; }
      .churchonline .churchonline-stack {
        width: 100%;
        margin-left: 0;
        margin-top: 2em;
        height: auto; } }

.darkbg .churchonline-stack-item {
  background-color: #f6f6f6; }

.brandbg .churchonline-stack-item {
  background-color: #ff0024; }

.imagebg .churchonline-stack-item {
  color: black; }

.embed > * {
  width: 100%; }

.cookie-policy-banner {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: white;
  color: black;
  z-index: 9999999999;
  -ms-transform: translateY(150%);
  transform: translateY(150%);
  padding: 2em;
  line-height: 140%;
  font-size: 0.85em;
  box-shadow: 0em 0.5em 0.75em rgba(0, 0, 0, 0.1);
  transition: all 0.5s cubic-bezier(0.33, 0, 0.19, 1);
  border-top: 1px solid #EFEFEF; }
  .cookie-policy-banner .close {
    position: absolute;
    top: 0.25em;
    right: 0em;
    font-size: 2em;
    padding: 0.25em; }
  .cookie-policy-banner .cookie-policy-banner-text {
    padding-right: 1em; }
  .cookie-policy-banner a {
    color: black;
    font-weight: bold; }
  .cookie-policy-banner .cookie-policy-page {
    margin-top: 1em; }
  .cookie-policy-banner.-active {
    -ms-transform: translateY(0%);
    transform: translateY(0%); }

form {
  display: block; }

fieldset {
  display: block;
  margin: 1.25em 0;
  padding: 0; }

legend {
  display: block;
  width: 100%;
  margin: 0 0 1em 0;
  font-weight: bold;
  border-bottom: 1px solid #f6f6f6; }

label {
  display: block;
  margin: 0 0 0.25em;
  font-weight: bold; }

textarea,
input,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="image"],
input[type="color"],
select,
.stripe-elements {
  display: block;
  padding: 0.5em;
  margin: 0 0 0.625em;
  vertical-align: middle;
  border: 1px solid #f6f6f6;
  outline: none;
  font-family: inherit;
  font-size: 1rem;
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none; }
  textarea:hover,
  input:hover,
  input[type="text"]:hover,
  input[type="password"]:hover,
  input[type="datetime"]:hover,
  input[type="datetime-local"]:hover,
  input[type="date"]:hover,
  input[type="month"]:hover,
  input[type="time"]:hover,
  input[type="week"]:hover,
  input[type="number"]:hover,
  input[type="email"]:hover,
  input[type="url"]:hover,
  input[type="search"]:hover,
  input[type="tel"]:hover,
  input[type="image"]:hover,
  input[type="color"]:hover,
  select:hover,
  .stripe-elements:hover {
    border: 1px solid #eeeeee; }
  textarea:focus,
  input:focus,
  input[type="text"]:focus,
  input[type="password"]:focus,
  input[type="datetime"]:focus,
  input[type="datetime-local"]:focus,
  input[type="date"]:focus,
  input[type="month"]:focus,
  input[type="time"]:focus,
  input[type="week"]:focus,
  input[type="number"]:focus,
  input[type="email"]:focus,
  input[type="url"]:focus,
  input[type="search"]:focus,
  input[type="tel"]:focus,
  input[type="image"]:focus,
  input[type="color"]:focus,
  select:focus,
  .stripe-elements:focus {
    border: 1px solid #e9e9e9; }
  .darkbg textarea, .darkbg
  input, .darkbg
  input[type="text"], .darkbg
  input[type="password"], .darkbg
  input[type="datetime"], .darkbg
  input[type="datetime-local"], .darkbg
  input[type="date"], .darkbg
  input[type="month"], .darkbg
  input[type="time"], .darkbg
  input[type="week"], .darkbg
  input[type="number"], .darkbg
  input[type="email"], .darkbg
  input[type="url"], .darkbg
  input[type="search"], .darkbg
  input[type="tel"], .darkbg
  input[type="image"], .darkbg
  input[type="color"], .darkbg
  select, .darkbg
  .stripe-elements {
    background-color: #FFF; }
  .lightbg textarea, .lightbg
  input, .lightbg
  input[type="text"], .lightbg
  input[type="password"], .lightbg
  input[type="datetime"], .lightbg
  input[type="datetime-local"], .lightbg
  input[type="date"], .lightbg
  input[type="month"], .lightbg
  input[type="time"], .lightbg
  input[type="week"], .lightbg
  input[type="number"], .lightbg
  input[type="email"], .lightbg
  input[type="url"], .lightbg
  input[type="search"], .lightbg
  input[type="tel"], .lightbg
  input[type="image"], .lightbg
  input[type="color"], .lightbg
  select, .lightbg
  .stripe-elements {
    background-color: #f6f6f6; }
  .imagebg textarea, .imagebg
  input, .imagebg
  input[type="text"], .imagebg
  input[type="password"], .imagebg
  input[type="datetime"], .imagebg
  input[type="datetime-local"], .imagebg
  input[type="date"], .imagebg
  input[type="month"], .imagebg
  input[type="time"], .imagebg
  input[type="week"], .imagebg
  input[type="number"], .imagebg
  input[type="email"], .imagebg
  input[type="url"], .imagebg
  input[type="search"], .imagebg
  input[type="tel"], .imagebg
  input[type="image"], .imagebg
  input[type="color"], .imagebg
  select, .imagebg
  .stripe-elements {
    background-color: #FFF; }
  .brandbg textarea, .brandbg
  input, .brandbg
  input[type="text"], .brandbg
  input[type="password"], .brandbg
  input[type="datetime"], .brandbg
  input[type="datetime-local"], .brandbg
  input[type="date"], .brandbg
  input[type="month"], .brandbg
  input[type="time"], .brandbg
  input[type="week"], .brandbg
  input[type="number"], .brandbg
  input[type="email"], .brandbg
  input[type="url"], .brandbg
  input[type="search"], .brandbg
  input[type="tel"], .brandbg
  input[type="image"], .brandbg
  input[type="color"], .brandbg
  select, .brandbg
  .stripe-elements {
    background-color: #FFF; }

input[type="checkbox"] {
  -webkit-appearance: checkbox !important;
  -moz-appearance: checkbox !important; }

input[type="radio"] {
  -webkit-appearance: radio !important;
  -moz-appearance: radio !important;
  width: auto !important;
  display: inline; }

input[type="radio"] + label {
  display: inline;
  margin-right: 1em; }

input[type="submit"],
input[type="button"] {
  display: block;
  border-radius: 0; }

input[type="file"] {
  padding: 0.125em;
  margin: 0 0 0.625em;
  font-family: inherit;
  font-size: 1rem;
  -webkit-appearance: none;
  border-radius: 0;
  line-height: 100%; }

textarea {
  padding: 0.25em; }

select {
  background-image: url(../img/arrow-down-small.png);
  background-position: right center;
  background-repeat: no-repeat; }

progress,
meter {
  padding: 0.125em;
  margin: 0 0 0.625em;
  font-family: inherit;
  font-size: 1rem; }

.label-left .ninja-forms-field {
  margin-left: 0 !important; }

input[type="submit"] {
  border: 0px;
  background-color: transparent; }

input[type="submit"]:hover {
  color: #000000; }

.imagebg input[type="submit"] {
  color: #FFF;
  box-shadow: inset 0 0 0 2px white; }

.-inline-input {
  position: relative; }
  .-inline-input .prepend {
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-weight: 800;
    padding-left: 0.5em;
    padding-right: 0.5em; }
  .-inline-input input, .-inline-input select {
    float: right;
    width: auto;
    padding-left: 1.5em; }

#mc_embed_signup {
  position: relative; }
  #mc_embed_signup .mc-field-group {
    float: left;
    width: 100%; }
    #mc_embed_signup .mc-field-group input {
      width: 100%; }

.thechurchco-giving-form {
  max-width: 400px;
  margin: 0 auto;
  transition: all 0.5s cubic-bezier(0.33, 0, 0.19, 1); }
  @media (max-width: 736px) {
    .thechurchco-giving-form {
      max-width: 320px; } }
  .thechurchco-giving-form form {
    margin-top: 0 !important;
    float: left;
    width: 100%;
    transform: scale3d(1, 1, 1);
    opacity: 1;
    transition: all 0.5s cubic-bezier(0.33, 0, 0.19, 1); }
    .thechurchco-giving-form form label.error {
      font-size: 0.75em;
      font-style: italic;
      font-weight: normal; }
  .thechurchco-giving-form .form-row {
    float: left;
    width: 100%;
    margin-bottom: 0.75em; }
    .thechurchco-giving-form .form-row input {
      width: 100%;
      margin: 0;
      padding: 0.75em; }
    .thechurchco-giving-form .form-row .-inline-input input {
      padding-left: 1.25em; }
    .thechurchco-giving-form .form-row.-frequency {
      text-align: center; }
      .thechurchco-giving-form .form-row.-frequency input {
        display: inline-block;
        margin-right: 0.5em; }
      .thechurchco-giving-form .form-row.-frequency label {
        font-size: 1em;
        font-weight: normal;
        margin-top: 0.1em;
        display: inline-block; }
  .thechurchco-giving-form .form-row.stripe-elements {
    margin: 0;
    margin-bottom: 0.75em;
    width: 100%;
    padding: 0.85em 0.75em; }
  .thechurchco-giving-form .-inline-input {
    float: left;
    width: 100%; }
  .thechurchco-giving-form .form-submit {
    text-align: center;
    margin-top: 0.75em;
    float: left;
    width: 100%; }
  .thechurchco-giving-form .message {
    transition: all 0.5s cubic-bezier(0.33, 0, 0.19, 1);
    opacity: 1;
    text-align: center;
    font-size: 0.85em;
    font-style: italic;
    margin-bottom: 1em; }
  .thechurchco-giving-form .loader {
    position: absolute;
    left: 50%;
    top: -1000%;
    margin-left: -25px;
    margin-top: -25px;
    opacity: 0;
    width: 50px;
    height: 50px;
    pointer-events: none;
    -ms-transform: scaleX(1.1) scaleY(1.1);
    transform: scaleX(1.1) scaleY(1.1);
    transform: scale3d(1.1, 1.1, 1);
    transition: 0.6s cubic-bezier(0.19, 1, 0.22, 1), top 0s;
    border-radius: 50%;
    border: 3px solid white; }
    .thechurchco-giving-form .loader:before {
      content: " ";
      position: absolute;
      top: -3px;
      right: -3px;
      bottom: -3px;
      left: -3px;
      display: inline-block;
      border-radius: 100em;
      border: 3px solid transparent; }
    .thechurchco-giving-form .loader:before {
      border-bottom-color: #ff0024;
      animation: 1s loader infinite linear; }
    .thechurchco-giving-form .loader span {
      display: block;
      font-size: 1.5em;
      opacity: 0;
      transition: all 0.5s cubic-bezier(0.33, 0, 0.19, 1);
      color: #00AA00;
      transition-delay: 20ms;
      position: absolute;
      top: 50%;
      left: 50%;
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }
  .thechurchco-giving-form.payment-processing {
    pointer-events: none; }
    .thechurchco-giving-form.payment-processing form {
      opacity: 0.25;
      transform: scale3d(0.75, 0.75, 0.75); }
    .thechurchco-giving-form.payment-processing .loader {
      opacity: 1;
      top: 50%;
      -ms-transform: scaleX(1) scaleY(1);
      transform: scaleX(1) scaleY(1);
      transform: scale3d(1, 1, 1); }
    .thechurchco-giving-form.payment-processing .message {
      opacity: 0; }
  .thechurchco-giving-form.payment-success {
    pointer-events: none; }
    .thechurchco-giving-form.payment-success form {
      opacity: 0;
      transform: scale3d(0, 0, 0); }
    .thechurchco-giving-form.payment-success .message {
      opacity: 1;
      font-size: 1em;
      font-weight: bold;
      font-style: normal; }
    .thechurchco-giving-form.payment-success .loader {
      opacity: 1;
      top: 50%;
      -ms-transform: scaleX(1) scaleY(1);
      transform: scaleX(1) scaleY(1);
      transform: scale3d(1, 1, 1); }
      .thechurchco-giving-form.payment-success .loader:before {
        animation: none;
        border-color: #00AA00; }
      .thechurchco-giving-form.payment-success .loader span {
        opacity: 1; }
  .thechurchco-giving-form.payment-error .message {
    color: #AA0000;
    font-weight: bold;
    font-size: 1em; }
  .thechurchco-giving-form .subtext {
    font-size: 0.65em;
    text-align: center;
    line-height: 1.5;
    width: 90%;
    margin: 0 auto; }

@keyframes loader {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

[data-form-payments] .payment-options .payment-option {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center; }
  [data-form-payments] .payment-options .payment-option label {
    margin-right: 2em;
    width: 50% !important;
    font-size: 0.85em; }
  [data-form-payments] .payment-options .payment-option input {
    width: 100%; }
  @media (max-width: 1024px) {
    [data-form-payments] .payment-options .payment-option {
      display: block; }
      [data-form-payments] .payment-options .payment-option label {
        width: 100%;
        margin-right: 0; } }

[data-form-payments] .payment-total {
  margin-top: 2em;
  margin-bottom: 2em;
  text-align: right; }

.card.group {
  text-align: center; }
  .card.group .content {
    position: relative;
    height: 18em;
    border-top: 1px solid currentColor; }
  .card.group .center-wrap {
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
    left: 0; }
  .card.group .image img {
    border-radius: 100em;
    max-width: 4em; }
  .card.group .title {
    margin-top: 1.25em; }
  .card.group .when {
    margin-top: 1em; }
  .card.group .time {
    margin-top: 0.25em; }
  .card.group .area {
    margin-top: 1em; }

.lightbg .card.group {
  border: 1px solid #f6f6f6; }

.groups-engine {
  float: left;
  width: 100%; }
  .groups-engine.pco .groups-results .posts-loop > div, .groups-engine.pcoapi .groups-results .posts-loop > div {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .groups-engine.pco .card.group .image img, .groups-engine.pcoapi .card.group .image img {
    max-width: none;
    border-radius: 0; }
  .groups-engine.pco .card.group .center-wrap, .groups-engine.pcoapi .card.group .center-wrap {
    position: relative;
    top: auto;
    -ms-transform: none;
    transform: none; }
  .groups-engine.pco .card.group .content, .groups-engine.pcoapi .card.group .content {
    padding: 0; }
  .groups-engine.pco .group-details .image img, .groups-engine.pcoapi .group-details .image img {
    border-radius: 0 !important;
    width: 200px !important; }
    @media (max-width: 736px) {
      .groups-engine.pco .group-details .image img, .groups-engine.pcoapi .group-details .image img {
        width: 80px !important; } }

[data-component-type="TCCGroups"] .NavigationBar {
  display: block;
  float: left;
  width: 96%;
  margin-left: 2%;
  margin-right: 2%;
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 2em; }
  @media (min-width: 1200px) {
    [data-component-type="TCCGroups"] .NavigationBar {
      display: block;
      float: left;
      width: 96%;
      margin-left: 2%;
      margin-right: 2%; } }
  @media (max-width: 1024px) {
    [data-component-type="TCCGroups"] .NavigationBar {
      display: block;
      float: left;
      width: 96%;
      margin-left: 2%;
      margin-right: 2%; } }
  @media (max-width: 736px) {
    [data-component-type="TCCGroups"] .NavigationBar {
      display: block;
      float: left;
      width: 90%;
      margin-left: 5%;
      margin-right: 5%; } }
  [data-component-type="TCCGroups"] .NavigationBar .form-field {
    -ms-flex: 1;
    flex: 1; }
    [data-component-type="TCCGroups"] .NavigationBar .form-field input {
      width: 100%; }
  [data-component-type="TCCGroups"] .NavigationBar .SelectMenu {
    -ms-flex: 1;
    flex: 1;
    margin-left: 1em; }
  [data-component-type="TCCGroups"] .NavigationBar button {
    -ms-flex: 1;
    flex: 1;
    margin-left: 1em;
    max-width: 1em;
    padding: 0;
    border: 0;
    box-shadow: none; }
    [data-component-type="TCCGroups"] .NavigationBar button:after {
      display: none; }
    [data-component-type="TCCGroups"] .NavigationBar button span {
      display: inline-block; }
    [data-component-type="TCCGroups"] .NavigationBar button:hover span {
      color: #000000 !important;
      opacity: 0.5;
      transform: scale3d(1.25, 1.25, 1.25); }
  @media (max-width: 736px) {
    [data-component-type="TCCGroups"] .NavigationBar {
      -ms-flex-direction: column;
      flex-direction: column; }
      [data-component-type="TCCGroups"] .NavigationBar .SelectMenu {
        margin-left: 0em; }
      [data-component-type="TCCGroups"] .NavigationBar button {
        text-align: right;
        width: 96%;
        max-width: 100%; } }

[data-component-type="TCCGroups"] .groups-map {
  position: relative;
  float: left;
  width: 100%;
  margin-bottom: 2em;
  overflow: hidden; }
  [data-component-type="TCCGroups"] .groups-map > div {
    display: block;
    float: left;
    width: 96%;
    margin-left: 2%;
    margin-right: 2%; }
    @media (min-width: 1200px) {
      [data-component-type="TCCGroups"] .groups-map > div {
        display: block;
        float: left;
        width: 96%;
        margin-left: 2%;
        margin-right: 2%; } }
    @media (max-width: 1024px) {
      [data-component-type="TCCGroups"] .groups-map > div {
        display: block;
        float: left;
        width: 96%;
        margin-left: 2%;
        margin-right: 2%; } }
    @media (max-width: 736px) {
      [data-component-type="TCCGroups"] .groups-map > div {
        display: block;
        float: left;
        width: 90%;
        margin-left: 5%;
        margin-right: 5%; } }
  [data-component-type="TCCGroups"] .groups-map .TCCGroupMarker {
    font-size: 4em;
    transition: all 0.5s cubic-bezier(0.33, 0, 0.19, 1); }
  [data-component-type="TCCGroups"] .groups-map .TCCActiveGroup {
    position: absolute;
    top: 0;
    left: 0;
    background-color: white;
    height: 100%;
    box-shadow: inset 0 0 0 1px #f6f6f6;
    transition: all 0.5s cubic-bezier(0.33, 0, 0.19, 1);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    text-align: center;
    display: block;
    float: left;
    width: 46%;
    margin-left: 2%;
    margin-right: 2%; }
    @media (min-width: 1200px) {
      [data-component-type="TCCGroups"] .groups-map .TCCActiveGroup {
        display: block;
        float: left;
        width: 46%;
        margin-left: 2%;
        margin-right: 2%; } }
    @media (max-width: 1024px) {
      [data-component-type="TCCGroups"] .groups-map .TCCActiveGroup {
        display: block;
        float: left;
        width: 46%;
        margin-left: 2%;
        margin-right: 2%; } }
    @media (max-width: 736px) {
      [data-component-type="TCCGroups"] .groups-map .TCCActiveGroup {
        display: block;
        float: left;
        width: 90%;
        margin-left: 5%;
        margin-right: 5%; } }
    [data-component-type="TCCGroups"] .groups-map .TCCActiveGroup .group-details {
      position: absolute;
      top: 50%;
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      width: 100%; }
    [data-component-type="TCCGroups"] .groups-map .TCCActiveGroup .image img {
      width: 80px;
      height: auto;
      border-radius: 100em;
      margin-bottom: 1em; }
    [data-component-type="TCCGroups"] .groups-map .TCCActiveGroup .title {
      margin-bottom: 1em; }
    [data-component-type="TCCGroups"] .groups-map .TCCActiveGroup .time {
      font-weight: bold;
      margin-bottom: 0.5em; }
    [data-component-type="TCCGroups"] .groups-map .TCCActiveGroup.-close {
      opacity: 0; }
    [data-component-type="TCCGroups"] .groups-map .TCCActiveGroup.-open {
      -ms-transform: translateX(0%);
      transform: translateX(0%);
      opacity: 1; }
    [data-component-type="TCCGroups"] .groups-map .TCCActiveGroup .close {
      box-shadow: none;
      position: absolute;
      top: 0.25em;
      right: 0.25em;
      font-size: 2em;
      padding: 0;
      opacity: 0.5;
      transition: all 0.5s cubic-bezier(0.33, 0, 0.19, 1); }
      [data-component-type="TCCGroups"] .groups-map .TCCActiveGroup .close:after {
        display: none; }
      [data-component-type="TCCGroups"] .groups-map .TCCActiveGroup .close:hover span {
        color: #000000 !important;
        opacity: 1; }
    [data-component-type="TCCGroups"] .groups-map .TCCActiveGroup .button {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      text-align: center;
      margin: 0;
      background-color: #f6f6f6;
      box-shadow: none;
      font-weight: 500; }
      [data-component-type="TCCGroups"] .groups-map .TCCActiveGroup .button:after {
        display: none; }
      [data-component-type="TCCGroups"] .groups-map .TCCActiveGroup .button:hover {
        color: #000000 !important; }

[data-component-type="TCCGroups"] .groups-results {
  position: relative;
  float: left;
  width: 100%; }

[data-component-type="TCCGroups"] .posts-loop > div {
  float: left;
  width: 100%; }

[data-component-type="TCCGroups"] .listtransition-enter {
  opacity: 0.0; }

[data-component-type="TCCGroups"] .listtransition-enter-active {
  opacity: 1;
  transition: all 0.5s cubic-bezier(0.33, 0, 0.19, 1); }

[data-component-type="TCCGroups"] .listtransition-exit {
  opacity: 1; }

[data-component-type="TCCGroups"] .listtransition-exit-active {
  opacity: 0.0;
  transition: all 0.5s cubic-bezier(0.33, 0, 0.19, 1); }

[data-component-type="TCCGroups"] .map-transition-enter {
  opacity: 0.0; }

[data-component-type="TCCGroups"] .map-transition-enter-active {
  opacity: 1;
  transition: all 0.5s cubic-bezier(0.33, 0, 0.19, 1); }

[data-component-type="TCCGroups"] .map-transition-exit {
  opacity: 1; }

[data-component-type="TCCGroups"] .map-transition-exit-active {
  opacity: 0.0;
  transition: all 0.5s cubic-bezier(0.33, 0, 0.19, 1); }

[data-component-type="TCCGroups"] .map-transition-exit-active {
  opacity: 0.0;
  transition: all 0.5s cubic-bezier(0.33, 0, 0.19, 1); }

.tcclayouts .item-container {
  display: -ms-flexbox;
  display: flex;
  width: 100%; }

.tcclayouts.layout-columns .item-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: center;
  justify-content: center; }
  .tcclayouts.layout-columns .item-container .tcclayouts-item {
    display: block;
    float: left;
    width: 29.33333%;
    margin-left: 2%;
    margin-right: 2%; }
    @media (min-width: 1200px) {
      .tcclayouts.layout-columns .item-container .tcclayouts-item {
        display: block;
        float: left;
        width: 29.33333%;
        margin-left: 2%;
        margin-right: 2%; } }
    @media (max-width: 1024px) {
      .tcclayouts.layout-columns .item-container .tcclayouts-item {
        display: block;
        float: left;
        width: 29.33333%;
        margin-left: 2%;
        margin-right: 2%; } }
    @media (max-width: 736px) {
      .tcclayouts.layout-columns .item-container .tcclayouts-item {
        display: block;
        float: left;
        width: 90%;
        margin-left: 5%;
        margin-right: 5%; } }

.tcclayouts.layout-rows .item-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: center;
  justify-content: center; }
  .tcclayouts.layout-rows .item-container .tcclayouts-item {
    display: block;
    float: left;
    width: 71%;
    margin-left: 2%;
    margin-right: 2%; }
    @media (min-width: 1200px) {
      .tcclayouts.layout-rows .item-container .tcclayouts-item {
        display: block;
        float: left;
        width: 71%;
        margin-left: 2%;
        margin-right: 2%; } }
    @media (max-width: 1024px) {
      .tcclayouts.layout-rows .item-container .tcclayouts-item {
        display: block;
        float: left;
        width: 71%;
        margin-left: 2%;
        margin-right: 2%; } }
    @media (max-width: 736px) {
      .tcclayouts.layout-rows .item-container .tcclayouts-item {
        display: block;
        float: left;
        width: 90%;
        margin-left: 5%;
        margin-right: 5%; } }
    .tcclayouts.layout-rows .item-container .tcclayouts-item .tcclayouts-item-text-container {
      width: 70%;
      margin: 0 auto; }

.tcclayouts.layout-leftright .tcclayouts-item {
  display: block;
  float: left;
  width: 96%;
  margin-left: 2%;
  margin-right: 2%;
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  @media (min-width: 1200px) {
    .tcclayouts.layout-leftright .tcclayouts-item {
      display: block;
      float: left;
      width: 96%;
      margin-left: 2%;
      margin-right: 2%; } }
  @media (max-width: 1024px) {
    .tcclayouts.layout-leftright .tcclayouts-item {
      display: block;
      float: left;
      width: 96%;
      margin-left: 2%;
      margin-right: 2%; } }
  @media (max-width: 736px) {
    .tcclayouts.layout-leftright .tcclayouts-item {
      display: block;
      float: left;
      width: 90%;
      margin-left: 5%;
      margin-right: 5%; } }
  .tcclayouts.layout-leftright .tcclayouts-item .tcclayouts-item-image-container {
    width: 48%;
    -ms-flex-order: 2;
    order: 2; }
    .tcclayouts.layout-leftright .tcclayouts-item .tcclayouts-item-image-container img {
      width: 100% !important;
      max-width: none; }
  .tcclayouts.layout-leftright .tcclayouts-item .tcclayouts-item-text-container {
    width: 48%;
    -ms-flex-order: 1;
    order: 1;
    padding-left: 3em;
    padding-right: 3em; }
  .tcclayouts.layout-leftright .tcclayouts-item:nth-child(2n) .tcclayouts-item-image-container {
    -ms-flex-order: 1;
    order: 1; }
  .tcclayouts.layout-leftright .tcclayouts-item:nth-child(2n) .tcclayouts-item-text-container {
    -ms-flex-order: 2;
    order: 2; }
  @media (max-width: 736px) {
    .tcclayouts.layout-leftright .tcclayouts-item {
      display: block !important; }
      .tcclayouts.layout-leftright .tcclayouts-item .tcclayouts-item-image-container {
        width: 100%; }
      .tcclayouts.layout-leftright .tcclayouts-item .tcclayouts-item-text-container {
        width: 100%;
        padding-left: 0em;
        padding-right: 0em; } }

.tcclayouts.layout-horizontalscroll .container {
  overflow: auto;
  max-width: 100%; }

.tcclayouts.layout-horizontalscroll .item-container {
  overflow: auto;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  display: block;
  padding-left: 2em; }
  .tcclayouts.layout-horizontalscroll .item-container .tcclayouts-item {
    width: 340px !important;
    float: left;
    margin-left: 0px;
    margin-right: 20px;
    scroll-snap-align: start; }

.tcclayouts.layout-horizontalscroll .horizontal-scroll-container {
  -webkit-scroll-snap-type: x mandatory;
  -ms-scroll-snap-type: x mandatory;
  scroll-snap-type: x mandatory; }

.scene-transition {
  position: relative;
  overflow: hidden; }

.scene-transition-enter {
  opacity: 0.0;
  -ms-transform: translate(30px, 0);
  transform: translate(30px, 0); }

.scene-transition-enter-active {
  opacity: 1;
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  transition: all 0.5s cubic-bezier(0.33, 0, 0.19, 1); }

.scene-transition-exit {
  display: none; }

.scene-transition-exit-active {
  display: none; }

.scenefade-transition {
  position: relative;
  overflow: hidden; }

.scenefade-transition-enter {
  opacity: 0.0; }

.scenefade-transition-enter-active {
  opacity: 1;
  transition: all 0.5s cubic-bezier(0.33, 0, 0.19, 1); }

.scenefade-transition-exit {
  display: none; }

.scenefade-transition-exit-active {
  display: none; }

.tccloader {
  position: absolute;
  left: 50%;
  top: -1000%;
  margin-left: -25px;
  margin-top: -25px;
  opacity: 0;
  width: 50px;
  height: 50px;
  pointer-events: none;
  -ms-transform: scaleX(1.1) scaleY(1.1);
  transform: scaleX(1.1) scaleY(1.1);
  transform: scale3d(1.1, 1.1, 1);
  transition: 0.6s cubic-bezier(0.19, 1, 0.22, 1), top 0s;
  border-radius: 50%;
  border: 3px solid white;
  opacity: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -ms-transform: scaleX(1) scaleY(1);
  transform: scaleX(1) scaleY(1);
  transform: scale3d(1, 1, 1); }
  .tccloader:before {
    content: " ";
    position: absolute;
    top: -3px;
    right: -3px;
    bottom: -3px;
    left: -3px;
    display: inline-block;
    border-radius: 100em;
    border: 3px solid transparent; }
  .tccloader:before {
    border-bottom-color: #ff0024;
    animation: 1s tccloader infinite linear; }
  .tccloader span {
    display: block;
    font-size: 1.5em;
    opacity: 0;
    transition: all 0.5s cubic-bezier(0.33, 0, 0.19, 1);
    color: #00AA00;
    transition-delay: 20ms;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }

@keyframes tccloader {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

.marquee {
  overflow: hidden;
  position: relative;
  margin-bottom: 2em; }
  .marquee .marquee-text-wrap {
    display: -ms-flexbox;
    display: flex;
    width: 200%;
    position: relative;
    transition: 500ms all;
    -ms-transform: translateX(0%);
    transform: translateX(0%); }
    .marquee .marquee-text-wrap .text-container {
      display: -ms-flexbox;
      display: flex;
      animation: marquee 16s linear infinite; }
    .marquee .marquee-text-wrap .row-title {
      padding-left: 1em;
      padding-right: 1em;
      text-transform: uppercase;
      font-size: 3em; }
      @media (max-width: 736px) {
        .marquee .marquee-text-wrap .row-title {
          padding-left: 0.25em;
          padding-right: 0.25em; } }

.marquee + .row-inner .container .-tile {
  margin-top: 4em; }

@keyframes marquee {
  0% {
    transform: translateX(0%); }
  100% {
    transform: translateX(-100%); } }

.marqueeblock-row .marquee-item {
  padding: 1em;
  margin: 10px;
  width: 400px; }
  .marqueeblock-row .marquee-item .text {
    padding: 0em 3em; }
  .marqueeblock-row .marquee-item img {
    width: 100%;
    height: auto; }

.marqueeblock-row .shape-circle .image {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 1em; }

.marqueeblock-row .shape-circle img {
  border-radius: 100em;
  box-shadow: 0px 8px 16px -8px rgba(0, 0, 0, 0.25);
  max-width: 75px;
  height: auto; }

ul[class*="menu-"] {
  margin: 1em 0;
  padding: 0; }
  ul[class*="menu-"] li {
    position: relative;
    list-style: none; }
    ul[class*="menu-"] li a {
      padding: 0.75em 1.25em;
      line-height: 100%;
      color: #000000;
      text-decoration: none; }

ul.menu-primary > li {
  display: inline;
  margin-left: 3em;
  float: left; }
  ul.menu-primary > li > a {
    border: 0px;
    display: block;
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 1em;
    color: #FFF;
    transition: color 0.5s cubic-bezier(0.33, 0, 0.19, 1);
    background-color: transparent;
    padding: 0 0 0.5em 0; }
    ul.menu-primary > li > a:after {
      content: '';
      background: #FFF;
      transform: scale3d(0, 1, 1);
      height: 2px;
      position: absolute;
      left: 0;
      right: 0;
      width: 50%;
      transition: transform 0.5s cubic-bezier(0.33, 0, 0.19, 1); }
    ul.menu-primary > li > a:after {
      bottom: -2px;
      -ms-transform-origin: right;
      transform-origin: right; }
  ul.menu-primary > li:hover ul, ul.menu-primary > li:focus ul {
    pointer-events: all; }
    ul.menu-primary > li:hover ul li > a, ul.menu-primary > li:focus ul li > a {
      opacity: 1; }
  ul.menu-primary > li:hover > a, ul.menu-primary > li:focus > a {
    color: #FFF;
    text-decoration: none; }
    ul.menu-primary > li:hover > a:after, ul.menu-primary > li:focus > a:after {
      transform: scale3d(1, 1, 1); }
    ul.menu-primary > li:hover > a:after, ul.menu-primary > li:focus > a:after {
      -ms-transform-origin: left;
      transform-origin: left; }
  ul.menu-primary > li ul {
    margin: 0;
    padding: 0;
    position: absolute;
    padding-top: 1em;
    left: 0;
    border: 0px solid #f6f6f6;
    background: transparent;
    z-index: 1000;
    float: left;
    width: 100%;
    min-width: 100px;
    transition: all 0.5s cubic-bezier(0.33, 0, 0.19, 1);
    opacity: 0;
    pointer-events: none; }
    ul.menu-primary > li ul li {
      display: block;
      float: left;
      width: 100%; }
      ul.menu-primary > li ul li > a {
        display: block;
        float: left;
        width: 100%;
        padding: 0.25em 0;
        line-height: 140%;
        position: relative;
        transition: all 0.5s cubic-bezier(0.33, 0, 0.19, 1);
        letter-spacing: 0;
        font-weight: 200;
        opacity: 0; }
        ul.menu-primary > li ul li > a:hover {
          opacity: 0.75;
          transition-delay: 0;
          transition: opacity 200ms cubic-bezier(0.33, 0, 0.19, 1); }
      ul.menu-primary > li ul li:nth-child(1n) > a {
        transition-delay: 50ms; }
      ul.menu-primary > li ul li:nth-child(2n) > a {
        transition-delay: 100ms; }
      ul.menu-primary > li ul li:nth-child(3n) > a {
        transition-delay: 150ms; }
      ul.menu-primary > li ul li:nth-child(4n) > a {
        transition-delay: 200ms; }
      ul.menu-primary > li ul li:nth-child(5n) > a {
        transition-delay: 250ms; }
      ul.menu-primary > li ul li:nth-child(6n) > a {
        transition-delay: 300ms; }
      ul.menu-primary > li ul li:nth-child(7n) > a {
        transition-delay: 350ms; }
  ul.menu-primary > li:last-child ul {
    left: auto;
    right: 0; }
  ul.menu-primary > li:hover ul,
  ul.menu-primary > li ul:hover {
    display: inline;
    opacity: 1; }

.ie ul.menu-primary > li, .ie14 ul.menu-primary > li, .ie15 ul.menu-primary > li {
  display: inline;
  margin-left: 1em;
  float: left; }
  .ie ul.menu-primary > li ul, .ie14 ul.menu-primary > li ul, .ie15 ul.menu-primary > li ul {
    top: 1em; }

nav.mobile {
  display: none;
  position: absolute;
  top: 0em;
  left: 0em;
  width: 100%;
  z-index: 500; }
  nav.mobile .menu-mobile {
    display: none;
    opacity: 0;
    transition: all 0.5s cubic-bezier(0.33, 0, 0.19, 1);
    margin: 0em;
    padding: 0em;
    padding-top: 5em;
    padding-bottom: 2em;
    width: 100%;
    top: 0em;
    left: 0;
    right: 0;
    bottom: 0em;
    height: 100vh;
    overflow: scroll;
    background-color: rgba(0, 0, 0, 0.75); }
    nav.mobile .menu-mobile .menu-item {
      opacity: 0;
      transition: all 0.5s cubic-bezier(0.33, 0, 0.19, 1); }
    nav.mobile .menu-mobile li:hover {
      background-color: transparent; }
      nav.mobile .menu-mobile li:hover a {
        background-color: transparent; }
    nav.mobile .menu-mobile a {
      display: block;
      padding: 1em 2em;
      color: #FFF;
      font-weight: 800;
      letter-spacing: 0.05em;
      font-size: 1.25em;
      text-transform: uppercase;
      position: relative;
      text-align: center; }
      nav.mobile .menu-mobile a:hover {
        background-color: rgba(0, 0, 0, 0.25); }
    nav.mobile .menu-mobile .sub-menu {
      margin: 0;
      padding: 0;
      font-size: 1em;
      display: none; }
  nav.mobile.open {
    position: fixed; }
    nav.mobile.open .menu-mobile {
      opacity: 1; }
      nav.mobile.open .menu-mobile .menu-item {
        opacity: 1; }
        nav.mobile.open .menu-mobile .menu-item:nth-child(1n) {
          transition-delay: 200ms; }
        nav.mobile.open .menu-mobile .menu-item:nth-child(2n) {
          transition-delay: 300ms; }
        nav.mobile.open .menu-mobile .menu-item:nth-child(3n) {
          transition-delay: 400ms; }
        nav.mobile.open .menu-mobile .menu-item:nth-child(4n) {
          transition-delay: 500ms; }
        nav.mobile.open .menu-mobile .menu-item:nth-child(5n) {
          transition-delay: 600ms; }
        nav.mobile.open .menu-mobile .menu-item:nth-child(6n) {
          transition-delay: 700ms; }
        nav.mobile.open .menu-mobile .menu-item:nth-child(7n) {
          transition-delay: 800ms; }
        nav.mobile.open .menu-mobile .menu-item:nth-child(8n) {
          transition-delay: 900ms; }
        nav.mobile.open .menu-mobile .menu-item:nth-child(9n) {
          transition-delay: 1000ms; }
    nav.mobile.open .menu-mobile-handle-container .menu-mobile-handle-top {
      -ms-transform: rotate(135deg);
      transform: rotate(135deg);
      top: 8px;
      width: 32px;
      right: 0px; }
    nav.mobile.open .menu-mobile-handle-container .menu-mobile-handle-middle {
      width: 0px; }
    nav.mobile.open .menu-mobile-handle-container .menu-mobile-handle-bottom {
      -ms-transform: rotate(-135deg);
      transform: rotate(-135deg);
      top: 4px;
      width: 32px;
      right: 0px; }
  nav.mobile .menu-mobile-handle-container {
    height: 30px;
    cursor: pointer;
    position: absolute;
    z-index: 1000;
    top: 1.75em;
    right: 1.45em;
    transition: all 0.5s cubic-bezier(0.33, 0, 0.19, 1);
    opacity: 1; }
    nav.mobile .menu-mobile-handle-container .menu-mobile-handle-top,
    nav.mobile .menu-mobile-handle-container .menu-mobile-handle-middle,
    nav.mobile .menu-mobile-handle-container .menu-mobile-handle-bottom {
      background-color: #FFF;
      display: block;
      width: 32px;
      height: 2px;
      border-radius: 12px;
      transition: all 0.5s cubic-bezier(0.33, 0, 0.19, 1);
      position: relative; }
    nav.mobile .menu-mobile-handle-container .menu-mobile-handle-top {
      top: 0px;
      right: 0px; }
    nav.mobile .menu-mobile-handle-container .menu-mobile-handle-middle {
      top: 6px;
      opacity: 1; }
    nav.mobile .menu-mobile-handle-container .menu-mobile-handle-bottom {
      top: 12px; }
    nav.mobile .menu-mobile-handle-container:hover .menu-mobile-handle-top {
      width: 32px;
      right: 0px; }
    nav.mobile .menu-mobile-handle-container:hover .menu-mobile-handle-middle {
      right: 0px; }
    nav.mobile .menu-mobile-handle-container:hover .menu-mobile-handle-bottom {
      width: 32px;
      right: 0px; }

ul.menu-primary {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center; }

ul.menu-primary > li.action a {
  background-color: black;
  padding: 1em !important;
  color: white !important; }

.messenger {
  position: fixed;
  bottom: 1em;
  right: 1em;
  text-align: right;
  z-index: 900; }
  @media (max-width: 736px) {
    .messenger {
      bottom: 0.25em;
      right: auto;
      width: 100%;
      margin-left: 0%;
      margin-right: 0%; } }
  .messenger .trigger {
    position: absolute;
    right: 1em;
    bottom: 0em;
    background-color: #ff0024;
    width: 4.5em;
    height: 4.5em;
    text-align: center;
    box-shadow: 0em 0.25em 0.5em rgba(0, 0, 0, 0.1);
    border-color: #ff0024;
    font-size: 0.8em;
    -ms-transform: translateY(0);
    transform: translateY(0);
    transition: all 0.5s cubic-bezier(0.33, 0, 0.19, 1); }
    .messenger .trigger:after {
      display: none; }
    .messenger .trigger:hover {
      box-shadow: 0em 0.5em 0.75em rgba(0, 0, 0, 0.1);
      -ms-transform: translateY(-5px);
      transform: translateY(-5px); }
    .messenger .trigger span {
      color: #FFF;
      font-size: 2em;
      text-align: center;
      display: block;
      margin-left: -0.1em;
      position: absolute;
      top: 50%;
      -ms-transform: translateY(-50%);
      transform: translateY(-50%); }
      .messenger .trigger span:before {
        margin-left: 0;
        margin-right: 0; }
    @media (max-width: 736px) {
      .messenger .trigger {
        right: 1em; } }
  .messenger .body {
    display: none;
    background-color: #FFF;
    bottom: 6em;
    right: 1em;
    position: absolute;
    width: 400px;
    box-shadow: 0em 0.25em 0.5em rgba(0, 0, 0, 0.1); }
    @media (max-width: 736px) {
      .messenger .body {
        width: 100%;
        right: auto;
        bottom: auto;
        border-radius: 0em;
        overflow: scroll; } }
    .messenger .body .intro {
      text-align: center;
      background-color: #ff0024;
      color: #FFF;
      padding: 1.5em 2em; }
      .messenger .body .intro .title {
        letter-spacing: 0.05em;
        font-weight: 800;
        line-height: 120%;
        font-size: 20px;
        font-size: 1.25rem; }
        @media (max-width: 736px) {
          .messenger .body .intro .title {
            letter-spacing: 0.15em; } }
      .messenger .body .intro .text {
        margin-top: 0.5em; }
    .messenger .body .form {
      text-align: left;
      background: #FFF;
      padding: 1.5em 2em;
      border-top-left-radius: 0;
      border-top-right-radius: 0;
      max-height: calc(60vh - 10em);
      overflow: scroll; }
      .messenger .body .form .ninja-forms-required-items,
      .messenger .body .form .ninja-forms-error-msg {
        display: none; }
      .messenger .body .form .ninja-forms-success-msg {
        text-align: center; }
      .messenger .body .form textarea {
        height: 8em;
        padding: 0.75em; }
      .messenger .body .form input[type="submit"] {
        width: 100%; }
      @media (max-width: 736px) {
        .messenger .body .form {
          overflow: inherit; } }
  @media (max-width: 736px) {
    .messenger.open {
      position: fixed;
      right: 0;
      left: 0;
      top: 0;
      bottom: 0;
      overflow: scroll;
      background-color: #FFF;
      z-index: 1000; } }
  .messenger.open .body {
    display: block; }
    @media (max-width: 736px) {
      .messenger.open .body {
        box-shadow: none; }
        .messenger.open .body .form {
          height: auto;
          max-height: 100%; } }
  .messenger.open .trigger span:before {
    content: "\f00d"; }
  @media (max-width: 736px) {
    .messenger.open .trigger {
      right: 35px;
      width: 10px;
      position: relative;
      box-shadow: none;
      background-color: transparent; }
      .messenger.open .trigger:hover {
        box-shadow: none; } }

.note-editor [data-note-editor-toggle] {
  border: 1px solid;
  padding: 0.25em;
  padding-right: 0.75em;
  font-weight: bold; }
  .note-editor [data-note-editor-toggle] .icon-plus {
    transition: all 0.5s cubic-bezier(0.33, 0, 0.19, 1);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    display: inline-block;
    font-size: 1.25em; }

.note-editor.-open [data-note-editor-toggle] .icon-plus {
  -ms-transform: rotate(45deg);
  transform: rotate(45deg); }

.notes-send {
  margin-top: 4em !important;
  float: left;
  width: 100%;
  text-align: center; }
  .notes-send input {
    margin: 0 auto;
    margin-top: 2em;
    margin-bottom: 2em;
    width: 75%; }
  .notes-send .body {
    opacity: 1;
    transition: all 0.5s cubic-bezier(0.33, 0, 0.19, 1);
    transform: scale3d(1, 1, 1); }
  .notes-send .tccloader {
    opacity: 0;
    pointer-events: none; }
  .notes-send.-processing .tccloader {
    opacity: 1; }
  .notes-send.-processing .body {
    transform: scale3d(0.9, 0.9, 0.9);
    opacity: 0.25; }
  .notes-send.-success .body {
    transform: scale3d(0.9, 0.9, 0.9);
    opacity: 0.25; }
  .notes-send.-success .tccloader {
    opacity: 1;
    border-color: #00AA00; }
    .notes-send.-success .tccloader:before {
      opacity: 0; }
    .notes-send.-success .tccloader span {
      opacity: 1; }

.payments-page {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  float: left;
  width: 100%; }
  .payments-page footer {
    display: none !important; }
  .payments-page .messenger {
    display: none !important; }
  .payments-page #wpadminbar {
    display: none !important; }
  .payments-page #card-element,
  .payments-page select {
    max-width: 350px;
    width: 100%;
    margin-bottom: 1em;
    background-color: #FFF;
    padding: 1em;
    border: 1px solid #ccc; }
  .payments-page #card-element iframe {
    background-color: #FFF; }
  .payments-page .admin-button {
    background: #0600fe;
    border-color: #0600fe;
    color: #ffffff;
    box-shadow: none;
    text-shadow: none;
    padding: 0.5em;
    border-radius: 0;
    text-transform: none;
    font-weight: 800;
    font-size: 13px;
    line-height: 26px;
    height: 28px;
    margin: 0;
    padding: 0 10px 1px;
    cursor: pointer;
    border-width: 1px;
    border-style: solid;
    -webkit-appearance: none;
    border-radius: 3px;
    white-space: nowrap;
    box-sizing: border-box; }
    .payments-page .admin-button:before, .payments-page .admin-button:after {
      display: none; }
  .payments-page .js-payments-message.success {
    color: #00AA00; }
  .payments-page .js-payments-message.error {
    color: #AA0000; }
  .payments-page .payments-options {
    margin-bottom: 1em; }
    .payments-page .payments-options a {
      color: #000000;
      margin-right: 1em; }
      .payments-page .payments-options a:active, .payments-page .payments-options a.-active {
        color: #0600fe;
        font-weight: bold; }

.photogallery-row.-no-defaults {
  padding: 0 !important; }
  .photogallery-row.-no-defaults .row-inner {
    padding: 0 !important; }

.photogallery-row img {
  width: 100%;
  height: auto; }

.photogallery-row .layout-grid .photo-wrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  .photogallery-row .layout-grid .photo-wrap .photogallery-item {
    width: 25%;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto; }
  .photogallery-row .layout-grid .photo-wrap.total-9 .photogallery-item,
  .photogallery-row .layout-grid .photo-wrap.total-6 .photogallery-item,
  .photogallery-row .layout-grid .photo-wrap.total-5 .photogallery-item {
    width: 33.333333%; }
  @media (max-width: 736px) {
    .photogallery-row .layout-grid .photo-wrap .photogallery-item {
      width: 50%; } }

.photogallery-row .layout-masonry .photo-wrap {
  column-gap: 0px;
  column-count: 4; }
  .photogallery-row .layout-masonry .photo-wrap.total-1 {
    column-count: 1 !important; }
  .photogallery-row .layout-masonry .photo-wrap.total-2 {
    column-count: 2; }
  .photogallery-row .layout-masonry .photo-wrap.total-5, .photogallery-row .layout-masonry .photo-wrap.total-4, .photogallery-row .layout-masonry .photo-wrap.total-3 {
    column-count: 3; }
  @media (max-width: 1024px) {
    .photogallery-row .layout-masonry .photo-wrap {
      column-count: 3; } }
  @media (max-width: 736px) {
    .photogallery-row .layout-masonry .photo-wrap {
      column-count: 2 !important; } }
  .photogallery-row .layout-masonry .photo-wrap .photogallery-item {
    padding: 0.25em; }

[data-component-type="PodFlix"] {
  width: 100%; }

.podflix {
  width: 100%; }
  .podflix h6 {
    font-size: 1rem; }
  .podflix .podflix-episode {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 1em;
    transition: all 0.5s cubic-bezier(0.33, 0, 0.19, 1);
    background-color: transparent;
    cursor: pointer; }
    .podflix .podflix-episode .image {
      -ms-flex: 1;
      flex: 1;
      margin-right: 2em; }
      .podflix .podflix-episode .image img {
        width: 100%;
        height: auto; }
    .podflix .podflix-episode .content {
      -ms-flex: 3;
      flex: 3; }
    .podflix .podflix-episode .details {
      opacity: 0.5;
      margin-top: 0.5em; }
      .podflix .podflix-episode .details .item {
        margin-right: 1em; }
      .podflix .podflix-episode .details .icon {
        margin-right: 0.25em; }
    .podflix .podflix-episode:hover {
      background-color: rgba(0, 0, 0, 0.05); }
    @media (max-width: 736px) {
      .podflix .podflix-episode {
        display: block; }
        .podflix .podflix-episode .image {
          -ms-flex: none;
          flex: none;
          margin-right: 0em;
          margin-bottom: 1em; }
        .podflix .podflix-episode .content {
          -ms-flex: none;
          flex: none; } }
  .podflix .podflix-navbar {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 1em;
    padding-left: 1em;
    padding-right: 1em; }
    .podflix .podflix-navbar .icon {
      cursor: pointer; }
    .podflix .podflix-navbar a {
      color: currentColor !important; }
  .podflix .podflix-series-route {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }

.prayer-request-app {
  display: block;
  float: left;
  width: 62.66667%;
  margin-left: 18.66667%;
  margin-right: 2%;
  position: relative; }
  @media (min-width: 1200px) {
    .prayer-request-app {
      display: block;
      float: left;
      width: 62.66667%;
      margin-left: 18.66667%;
      margin-right: 2%; } }
  @media (max-width: 1024px) {
    .prayer-request-app {
      display: block;
      float: left;
      width: 62.66667%;
      margin-left: 18.66667%;
      margin-right: 2%; } }
  @media (max-width: 736px) {
    .prayer-request-app {
      display: block;
      float: left;
      width: 90%;
      margin-left: 5%;
      margin-right: 5%; } }
  .prayer-request-app .prayer-request-controls {
    text-align: center;
    float: left;
    width: 100%; }
  .prayer-request-app .prayer-results + .prayer-request-controls {
    margin-top: 1em; }
  .prayer-request-app .prayer-request {
    text-align: left;
    padding: 2em;
    background-color: #FFF;
    margin-top: 2em;
    position: relative;
    padding-bottom: 0; }
    .prayer-request-app .prayer-request .title {
      margin-top: 0; }
    .prayer-request-app .prayer-request .controls {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: end;
      align-items: flex-end;
      padding: 1em;
      padding-left: 0;
      text-align: left; }
      @media (max-width: 736px) {
        .prayer-request-app .prayer-request .controls {
          display: block;
          padding-bottom: 2em; }
          .prayer-request-app .prayer-request .controls .item {
            margin-top: 1em; } }
      .prayer-request-app .prayer-request .controls .item {
        margin-right: 1em; }
        .prayer-request-app .prayer-request .controls .item .icon {
          margin-right: 0.5em; }
      .prayer-request-app .prayer-request .controls a.item {
        color: #000000;
        font-weight: bold; }
        @media (max-width: 736px) {
          .prayer-request-app .prayer-request .controls a.item {
            margin-top: 0.5em;
            display: block; } }
  .prayer-request-app .prayer-request-form-wrap {
    border: 1px solid #f6f6f6;
    float: left;
    width: 100%;
    opacity: 1; }
  .prayer-request-app .prayer-request-form-wrap.form-transition-enter {
    opacity: 0; }
  .prayer-request-app .prayer-request-form-wrap.form-transition-enter-active {
    opacity: 0; }
  .prayer-request-app .prayer-request-form-wrap.form-transition-enter-done {
    opacity: 1;
    transition: 500ms all; }
  .prayer-request-app .prayer-request-form-wrap.form-transition-exit {
    opacity: 1; }
  .prayer-request-app .prayer-request-form-wrap.form-transition-exit-active {
    opacity: 0;
    transition: 200ms all; }
  .prayer-request-app .prayer-request-form-wrap.form-transition-exit-done {
    opacity: 0; }
  .prayer-request-app .prayer-request-form input,
  .prayer-request-app .prayer-request-form textarea,
  .prayer-request-app .prayer-request-form select {
    width: 100%; }
  .prayer-request-app .prayer-request-form textarea {
    min-height: 200px; }
  .prayer-request-app .prayer-request-form .form-field {
    display: block;
    float: left;
    width: 96%;
    margin-left: 2%;
    margin-right: 2%; }
    @media (min-width: 1200px) {
      .prayer-request-app .prayer-request-form .form-field {
        display: block;
        float: left;
        width: 96%;
        margin-left: 2%;
        margin-right: 2%; } }
    @media (max-width: 1024px) {
      .prayer-request-app .prayer-request-form .form-field {
        display: block;
        float: left;
        width: 96%;
        margin-left: 2%;
        margin-right: 2%; } }
    @media (max-width: 736px) {
      .prayer-request-app .prayer-request-form .form-field {
        display: block;
        float: left;
        width: 90%;
        margin-left: 5%;
        margin-right: 5%; } }
  .prayer-request-app .prayer-request-form .form-field.-half {
    display: block;
    float: left;
    width: 46%;
    margin-left: 2%;
    margin-right: 2%; }
    @media (min-width: 1200px) {
      .prayer-request-app .prayer-request-form .form-field.-half {
        display: block;
        float: left;
        width: 46%;
        margin-left: 2%;
        margin-right: 2%; } }
    @media (max-width: 1024px) {
      .prayer-request-app .prayer-request-form .form-field.-half {
        display: block;
        float: left;
        width: 46%;
        margin-left: 2%;
        margin-right: 2%; } }
    @media (max-width: 736px) {
      .prayer-request-app .prayer-request-form .form-field.-half {
        display: block;
        float: left;
        width: 90%;
        margin-left: 5%;
        margin-right: 5%; } }
  .prayer-request-app .success {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 40px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center; }
    .prayer-request-app .success span {
      width: 70px;
      height: 70px;
      display: block;
      border-radius: 100em;
      border: 2px solid #00AA00;
      position: relative; }
      .prayer-request-app .success span:before {
        position: absolute;
        top: 50%;
        left: 50%;
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        margin: 0; }
  .prayer-request-app .prayer-results {
    float: left;
    width: 100%; }

.darkbg .prayer-request-app .prayer-request {
  background-color: #FFF; }

.darkbg .prayer-request-app .prayer-request-form-wrap {
  border: 1px solid #FFF;
  float: left;
  width: 100%; }

.lightbg .prayer-request-app .prayer-request {
  background-color: #f6f6f6; }

.lightbg .prayer-request-app .prayer-request-form-wrap {
  border: 1px solid #f6f6f6;
  float: left;
  width: 100%; }

.-align-left .prayer-request-app {
  display: block;
  float: left;
  width: 62.66667%;
  margin-left: 2%;
  margin-right: 2%; }
  @media (min-width: 1200px) {
    .-align-left .prayer-request-app {
      display: block;
      float: left;
      width: 62.66667%;
      margin-left: 2%;
      margin-right: 2%; } }
  @media (max-width: 1024px) {
    .-align-left .prayer-request-app {
      display: block;
      float: left;
      width: 62.66667%;
      margin-left: 2%;
      margin-right: 2%; } }
  @media (max-width: 736px) {
    .-align-left .prayer-request-app {
      display: block;
      float: left;
      width: 90%;
      margin-left: 5%;
      margin-right: 5%; } }
  .-align-left .prayer-request-app .prayer-request-controls {
    text-align: left; }

.-align-right .prayer-request-app {
  display: block;
  float: left;
  width: 54.33333%;
  margin-left: 43.66667%;
  margin-right: 2%; }
  @media (min-width: 1200px) {
    .-align-right .prayer-request-app {
      display: block;
      float: left;
      width: 54.33333%;
      margin-left: 43.66667%;
      margin-right: 2%; } }
  @media (max-width: 1024px) {
    .-align-right .prayer-request-app {
      display: block;
      float: left;
      width: 54.33333%;
      margin-left: 43.66667%;
      margin-right: 2%; } }
  @media (max-width: 736px) {
    .-align-right .prayer-request-app {
      display: block;
      float: left;
      width: 90%;
      margin-left: 5%;
      margin-right: 5%; } }
  .-align-right .prayer-request-app .prayer-request-controls {
    text-align: left; }

.imagebg .prayer-request {
  color: #000000; }

.brandbg .prayer-request {
  color: #000000; }

.share-wrap {
  text-align: left; }
  .share-wrap a {
    background-color: transparent;
    color: #000000;
    text-transform: uppercase;
    box-shadow: inset 0 0 0 2px #000000;
    padding: 0.75em 1.5em;
    position: relative;
    overflow: hidden;
    z-index: 1;
    display: inline-block;
    min-width: 6em;
    margin-left: 0.25em;
    margin-right: 0.25em;
    text-align: center; }
    .share-wrap a span {
      z-index: 2;
      display: inline-block;
      position: relative;
      transition: all 0.5s cubic-bezier(0.33, 0, 0.19, 1); }
    .share-wrap a:after {
      content: '';
      background: #000000;
      transform: scale3d(0, 1, 1);
      height: 100%;
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      transition: transform 0.5s cubic-bezier(0.33, 0, 0.19, 1);
      z-index: -1;
      -ms-transform-origin: right;
      transform-origin: right; }
    .share-wrap a:hover {
      text-decoration: none;
      color: #FFF;
      opacity: 1 !important; }
      .share-wrap a:hover span {
        color: #FFF; }
      .share-wrap a:hover:after {
        transform: scale3d(1, 1, 1);
        -ms-transform-origin: left;
        transform-origin: left; }
    .share-wrap a.disabled {
      color: black;
      cursor: default; }
    .share-wrap a:first-child {
      margin-left: 0; }

.share-this {
  margin-bottom: 2em;
  text-align: center; }
  .share-this .share-wrap {
    text-align: center; }
  .share-this blockquote {
    text-align: center;
    font-size: 1.5em;
    font-style: italic;
    padding: 0 2em;
    margin: 1em 0;
    line-height: 120%; }
    @media (max-width: 736px) {
      .share-this blockquote {
        font-size: 1.25em;
        padding: 0 1em; } }

/**
 * Shortcut Template
 */
.thechurchco-shortcut footer {
  display: none !important; }

.thechurchco-shortcut .row:not(footer) {
  padding-top: 0em !important;
  padding-bottom: 0em !important;
  transition: 200ms all;
  position: relative; }
  .thechurchco-shortcut .row:not(footer) .row-defaults {
    width: 96%;
    margin-left: 2%;
    margin-right: 2%; }
  .thechurchco-shortcut .row:not(footer) .row-defaults,
  .thechurchco-shortcut .row:not(footer) .row-content {
    opacity: 1 !important;
    transition-delay: 0ms !important;
    -ms-transform: translateY(0vh) !important;
    transform: translateY(0vh) !important; }
  .thechurchco-shortcut .row:not(footer) .row-content,
  .thechurchco-shortcut .row:not(footer) .image-blocks {
    display: none; }
  .thechurchco-shortcut .row:not(footer) .row-title {
    display: block;
    margin-bottom: 0;
    cursor: pointer;
    transition: all 200ms;
    padding-top: 2em;
    padding-bottom: 2em;
    transition: 200ms all;
    text-align: left; }
    @media (max-width: 736px) {
      .thechurchco-shortcut .row:not(footer) .row-title {
        margin: 0 auto;
        padding-left: 1em;
        padding-right: 1em; } }
    .thechurchco-shortcut .row:not(footer) .row-title:after {
      display: none; }
  .thechurchco-shortcut .row:not(footer) .row-subtitle {
    display: none;
    transition: 200ms all;
    transition-delay: 200ms;
    opacity: 0; }
  .thechurchco-shortcut .row:not(footer) .row-text {
    display: none;
    transition: 200ms all;
    transition-delay: 200ms;
    opacity: 0;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto; }
  .thechurchco-shortcut .row:not(footer) .row-buttons {
    display: none;
    transition: 200ms all;
    transition-delay: 200ms;
    opacity: 0; }
  .thechurchco-shortcut .row:not(footer) .row-content {
    display: none;
    transition: 800ms all;
    transition-delay: 200ms;
    opacity: 0; }

.thechurchco-shortcut .shortcut-trigger {
  width: 3em;
  height: 3em;
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 1em;
  display: block;
  cursor: pointer;
  z-index: 100; }
  .thechurchco-shortcut .shortcut-trigger:after, .thechurchco-shortcut .shortcut-trigger:before {
    display: block;
    content: " ";
    position: absolute;
    height: 0.1em;
    width: 1em;
    background: currentColor;
    top: 50%;
    right: 1em;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    transition: transform 200ms;
    transition-delay: 300ms;
    cursor: pointer;
    pointer-events: none; }
  .thechurchco-shortcut .shortcut-trigger:before {
    -ms-transform: translateY(-50%) translateX(-18%) rotate(-45deg);
    transform: translateY(-50%) translateX(-18%) rotate(-45deg); }
  .thechurchco-shortcut .shortcut-trigger:after {
    -ms-transform: translateY(-50%) translateX(-82%) rotate(45deg);
    transform: translateY(-50%) translateX(-82%) rotate(45deg); }

.thechurchco-shortcut .-open:not(footer) {
  padding-top: 3em !important;
  padding-bottom: 3em !important; }
  .thechurchco-shortcut .-open:not(footer) .row-content,
  .thechurchco-shortcut .-open:not(footer) .image-blocks {
    display: block;
    opacity: 1; }
  .thechurchco-shortcut .-open:not(footer) .row-subtitle {
    display: block;
    opacity: 1; }
  .thechurchco-shortcut .-open:not(footer) .row-text {
    display: block;
    opacity: 1; }
  .thechurchco-shortcut .-open:not(footer) .row-buttons {
    display: block;
    opacity: 1; }
  .thechurchco-shortcut .-open:not(footer) .row-content {
    display: block;
    opacity: 1; }
  .thechurchco-shortcut .-open:not(footer) .row-title {
    display: inline-block;
    padding-top: 2em;
    padding-bottom: 0em;
    margin-bottom: 1em; }
    .thechurchco-shortcut .-open:not(footer) .row-title:after {
      display: inline-block;
      opacity: 1; }
  .thechurchco-shortcut .-open:not(footer) .row-title {
    text-align: center; }
  .thechurchco-shortcut .-open:not(footer) .shortcut-trigger {
    top: 3em; }
    .thechurchco-shortcut .-open:not(footer) .shortcut-trigger:before {
      transform: translateY(-50%) translateX(-50%) rotate(-45deg) scale3d(1.45, 1, 1); }
    .thechurchco-shortcut .-open:not(footer) .shortcut-trigger:after {
      transform: translateY(-50%) translateX(-50%) rotate(45deg) scale3d(1.45, 1, 1); }
  .thechurchco-shortcut .-open:not(footer) .row-content {
    transition-delay: 400ms !important;
    opacity: 1; }

.thechurchco-signup-form {
  width: 500px;
  margin: 0 auto;
  box-shadow: 0em 0.25em 0.5em rgba(0, 0, 0, 0.1);
  border-radius: 0.5em;
  float: left;
  left: 50%;
  position: relative;
  margin-left: -250px;
  padding: 2em;
  font-weight: 200; }
  @media (max-width: 736px) {
    .thechurchco-signup-form {
      width: 100%;
      margin-left: 0px;
      left: 0%; } }
  .thechurchco-signup-form a {
    color: #333333; }
  .thechurchco-signup-form .js-username,
  .thechurchco-signup-form .js-math {
    position: relative; }
  .thechurchco-signup-form .image {
    max-width: 100px;
    margin: 0 auto;
    margin-top: -80px;
    background-color: #FFF;
    border-radius: 100em; }
    .thechurchco-signup-form .image img {
      width: 100%;
      height: auto;
      margin: 0; }
  .thechurchco-signup-form .submit-wrap {
    text-align: center;
    float: left;
    width: 100%;
    margin-top: 1.5em; }
    .thechurchco-signup-form .submit-wrap button {
      width: 100% !important; }
      .thechurchco-signup-form .submit-wrap button:after {
        transform: scale3d(1, 1, 1);
        opacity: 0;
        transition: all 0.5s cubic-bezier(0.33, 0, 0.19, 1); }
      .thechurchco-signup-form .submit-wrap button:hover {
        transition: all 0.5s cubic-bezier(0.33, 0, 0.19, 1); }
        .thechurchco-signup-form .submit-wrap button:hover:after {
          opacity: 1; }
  .thechurchco-signup-form form label {
    margin: 0;
    font-size: 0.75em;
    font-weight: 200;
    text-transform: uppercase;
    color: #000; }
    .thechurchco-signup-form form label .js-username {
      color: #000; }
    .thechurchco-signup-form form label.error {
      color: #AA0000; }
    .thechurchco-signup-form form label .icon {
      margin-right: 0.5em;
      font-size: 1.5em;
      top: 0.1em;
      position: relative;
      color: #9d9d9d; }
  .thechurchco-signup-form form .field {
    margin-top: 1em;
    width: 100%; }
    .thechurchco-signup-form form .field input {
      margin-top: 1em;
      width: 100%; }
    .thechurchco-signup-form form .field.-terms .left {
      width: 30px;
      float: left; }
    .thechurchco-signup-form form .field.-terms .right {
      width: 80%;
      float: left; }
    .thechurchco-signup-form form .field.-terms label {
      line-height: 125%;
      max-width: 70%; }
    .thechurchco-signup-form form .field.-terms input {
      line-height: 125%;
      margin-top: 0; }
    .thechurchco-signup-form form .field.-terms label.error {
      width: 200px;
      margin-bottom: 2em; }
    .thechurchco-signup-form form .field.-bot {
      display: none !important; }
  .thechurchco-signup-form form ::-webkit-input-placeholder {
    color: #333333;
    font-weight: 200; }
  .thechurchco-signup-form form :-moz-placeholder {
    color: #333333;
    font-weight: 200; }
  .thechurchco-signup-form form ::-moz-placeholder {
    color: #333333;
    font-weight: 200; }
  .thechurchco-signup-form form :-ms-input-placeholder {
    color: #333333;
    font-weight: 200; }
  .thechurchco-signup-form .creating {
    text-align: center;
    font-size: 1rem;
    display: none; }
    .thechurchco-signup-form .creating .loading {
      float: left;
      width: 100%;
      font-size: 2em;
      color: #dddddd;
      position: relative;
      text-align: center;
      margin-top: -0.5em;
      margin-bottom: 1.5em; }
      .thechurchco-signup-form .creating .loading span {
        width: 100%;
        position: absolute;
        animation-name: spin;
        animation-duration: 1s;
        animation-iteration-count: infinite;
        animation-timing-function: linear;
        top: 0px;
        left: 0px; }
    .thechurchco-signup-form .creating .step {
      display: none;
      margin-top: 2em; }
      .thechurchco-signup-form .creating .step.step-message {
        display: block !important; }
      .thechurchco-signup-form .creating .step .icon {
        font-size: 1.5em;
        margin-bottom: 1em; }
      .thechurchco-signup-form .creating .step .button-primary {
        width: 100%; }
        .thechurchco-signup-form .creating .step .button-primary:hover {
          transition: all 0.5s cubic-bezier(0.33, 0, 0.19, 1); }
          .thechurchco-signup-form .creating .step .button-primary:hover:after {
            opacity: 1; }
  .thechurchco-signup-form .errors {
    color: #AA0000;
    text-align: center;
    margin-top: 1em; }

.thechurchco-signup-form-bg {
  position: fixed;
  top: -5px;
  left: -5px;
  height: 110%;
  z-index: 1000; }
  .thechurchco-signup-form-bg.row {
    width: 110%; }

.thechurchco-signup-form-row {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1001;
  overflow: scroll; }
  .thechurchco-signup-form-row.row {
    background-color: transparent;
    padding: 0;
    padding-top: 50px; }

.thechurchco-signup-page .column-twelve {
  float: left !important;
  width: 100% !important;
  margin-right: 0% !important;
  margin-left: 0% !important; }

.thechurchco-signup-page header {
  display: none; }

.thechurchco-signup-page footer {
  display: none; }

.thechurchco-signup-page .top-bar {
  display: none; }

.thechurchco-signup-page .messenger {
  display: none; }

.thechurchco-signup-page .row {
  padding: 3em 0em;
  min-height: 100vh; }

@keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(-360deg); } }

[data-tooltip] {
  position: relative;
  height: 100%;
  cursor: pointer;
  display: inline-block; }
  [data-tooltip]:before, [data-tooltip]:after {
    transition: all .2s ease-out;
    position: absolute;
    visibility: hidden;
    opacity: 0;
    pointer-events: none; }
  [data-tooltip]:before {
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #000000;
    content: '';
    top: 0;
    left: 50%;
    margin-left: -3.25px;
    z-index: 10001;
    bottom: -10px; }
  [data-tooltip]:after {
    box-sizing: border-box;
    content: attr(data-tooltip);
    padding: 0.5em 0.75em;
    border-radius: 3px;
    font-size: 0.95em;
    z-index: 10000;
    left: 50%;
    bottom: 100%;
    margin-left: -7.5em;
    margin-top: 10px;
    width: 15em;
    line-height: 120%;
    background: #000000;
    color: #f6f6f6; }
  [data-tooltip]:hover:before, [data-tooltip]:hover:after {
    visibility: visible;
    opacity: 1; }

[data-component-type="PCOEvents"],
[data-component-type="TCCRSSReader"],
[data-component-type="TCCPodcasting"],
[data-component-type="TCCCalendar"] {
  width: 100%;
  position: relative; }

[data-component-type="TCCRSSReader"] > div {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  @media (max-width: 736px) {
    [data-component-type="TCCRSSReader"] > div {
      display: block; } }

/**
 * WebComponent Reuseable Form Styles
 */
.tcc-webcomponent-form-wrap {
  border: 1px solid #f6f6f6;
  float: left;
  width: 100%;
  opacity: 1; }

.darkbg .tcc-webcomponent-form-wrap {
  border: 1px solid #FFF; }

.tcc-webcomponent-form-wrap.form-transition-enter {
  opacity: 0; }

.tcc-webcomponent-form-wrap.form-transition-enter-active {
  opacity: 0; }

.tcc-webcomponent-form-wrap.form-transition-enter-done {
  opacity: 1;
  transition: 500ms all; }

.tcc-webcomponent-form-wrap.form-transition-exit {
  opacity: 1; }

.tcc-webcomponent-form-wrap.form-transition-exit-active {
  opacity: 0;
  transition: 200ms all; }

.tcc-webcomponent-form-wrap.form-transition-exit-done {
  opacity: 0; }

.tcc-webcomponent-form input, .tcc-webcomponent-form textarea, .tcc-webcomponent-form select {
  width: 100%; }

.tcc-webcomponent-form textarea {
  min-height: 200px; }

.tcc-webcomponent-form .form-field {
  display: block;
  float: left;
  width: 96%;
  margin-left: 2%;
  margin-right: 2%; }
  @media (min-width: 1200px) {
    .tcc-webcomponent-form .form-field {
      display: block;
      float: left;
      width: 96%;
      margin-left: 2%;
      margin-right: 2%; } }
  @media (max-width: 1024px) {
    .tcc-webcomponent-form .form-field {
      display: block;
      float: left;
      width: 96%;
      margin-left: 2%;
      margin-right: 2%; } }
  @media (max-width: 736px) {
    .tcc-webcomponent-form .form-field {
      display: block;
      float: left;
      width: 90%;
      margin-left: 5%;
      margin-right: 5%; } }

.tcc-webcomponent-form .form-field.-half {
  display: block;
  float: left;
  width: 46%;
  margin-left: 2%;
  margin-right: 2%; }
  @media (min-width: 1200px) {
    .tcc-webcomponent-form .form-field.-half {
      display: block;
      float: left;
      width: 46%;
      margin-left: 2%;
      margin-right: 2%; } }
  @media (max-width: 1024px) {
    .tcc-webcomponent-form .form-field.-half {
      display: block;
      float: left;
      width: 46%;
      margin-left: 2%;
      margin-right: 2%; } }
  @media (max-width: 736px) {
    .tcc-webcomponent-form .form-field.-half {
      display: block;
      float: left;
      width: 90%;
      margin-left: 5%;
      margin-right: 5%; } }

.TCCGroupsForm .success {
  float: left;
  width: 100%;
  text-align: center;
  font-size: 40px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center; }
  .TCCGroupsForm .success span {
    width: 70px;
    height: 70px;
    display: block;
    border-radius: 100em;
    border: 2px solid #00AA00;
    position: relative; }
    .TCCGroupsForm .success span:before {
      position: absolute;
      top: 50%;
      left: 50%;
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      margin: 0; }

/* Default Classes */
[data-component-type] {
  position: relative; }
  [data-component-type] .NavigationBar {
    display: block;
    float: left;
    width: 96%;
    margin-left: 2%;
    margin-right: 2%;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 2em; }
    @media (min-width: 1200px) {
      [data-component-type] .NavigationBar {
        display: block;
        float: left;
        width: 96%;
        margin-left: 2%;
        margin-right: 2%; } }
    @media (max-width: 1024px) {
      [data-component-type] .NavigationBar {
        display: block;
        float: left;
        width: 96%;
        margin-left: 2%;
        margin-right: 2%; } }
    @media (max-width: 736px) {
      [data-component-type] .NavigationBar {
        display: block;
        float: left;
        width: 90%;
        margin-left: 5%;
        margin-right: 5%; } }
    [data-component-type] .NavigationBar .form-field {
      -ms-flex: 1;
      flex: 1; }
      [data-component-type] .NavigationBar .form-field input {
        width: 100%; }
    [data-component-type] .NavigationBar .SelectMenu {
      -ms-flex: 1;
      flex: 1;
      margin-left: 1em; }
    [data-component-type] .NavigationBar button {
      -ms-flex: 1;
      flex: 1;
      margin-left: 1em;
      max-width: 1em;
      padding: 0;
      border: 0;
      box-shadow: none; }
      [data-component-type] .NavigationBar button:after {
        display: none; }
      [data-component-type] .NavigationBar button span {
        display: inline-block; }
      [data-component-type] .NavigationBar button:hover span {
        color: #000000 !important;
        opacity: 0.5;
        transform: scale3d(1.25, 1.25, 1.25); }
    @media (max-width: 736px) {
      [data-component-type] .NavigationBar {
        -ms-flex-direction: column;
        flex-direction: column; }
        [data-component-type] .NavigationBar .SelectMenu {
          margin-left: 0em; }
        [data-component-type] .NavigationBar button {
          text-align: right;
          width: 96%;
          max-width: 100%; } }
  [data-component-type] .card-feed .posts-loop {
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }

.author .author-profile-picture img {
  width: 100%;
  height: auto; }

.single .author {
  margin-top: 1em;
  margin-bottom: 3em;
  position: relative;
  float: left;
  width: 100%; }
  .single .author a {
    color: #000000; }
  .single .author .author-profile-picture {
    width: 2em;
    float: left;
    margin-right: 1em; }
    .single .author .author-profile-picture img {
      border-radius: 100em; }
  .single .author .author-details {
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-left: 3em;
    opacity: 0.5; }

.card {
  border-bottom: 1px solid #f6f6f6;
  transition: all 0.5s cubic-bezier(0.33, 0, 0.19, 1);
  position: relative;
  overflow: hidden;
  margin-bottom: 3em; }
  .card.column-twelve {
    display: block;
    float: left;
    width: 29.33333%;
    margin-left: 35.33333%;
    margin-right: 2%; }
    @media (min-width: 1200px) {
      .card.column-twelve {
        display: block;
        float: left;
        width: 29.33333%;
        margin-left: 35.33333%;
        margin-right: 2%; } }
    @media (max-width: 1024px) {
      .card.column-twelve {
        display: block;
        float: left;
        width: 29.33333%;
        margin-left: 35.33333%;
        margin-right: 2%; } }
    @media (max-width: 736px) {
      .card.column-twelve {
        display: block;
        float: left;
        width: 90%;
        margin-left: 5%;
        margin-right: 5%; } }
  .card:after {
    content: " ";
    background-color: #ff0024;
    transform: scale3d(0, 1, 1);
    height: 1px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    transition: transform 0.5s cubic-bezier(0.33, 0, 0.19, 1);
    z-index: 1; }
  .card:hover:after {
    transform: scale3d(1, 1, 1); }
  .card .image img {
    width: 100%;
    height: auto; }
  .card a {
    color: #000000; }
    .card a:hover {
      text-decoration: none; }
  .card .content {
    float: left;
    width: 100%;
    padding: 2em;
    border-left: 1px solid #f6f6f6;
    border-right: 1px solid #f6f6f6;
    height: 100%; }
    .darkbg .card .content {
      border-color: #FFF;
      background-color: #FFF; }
    .lightbg .card .content {
      border-color: #FFF;
      background-color: #FFF; }
    .imagebg .card .content {
      color: white; }
      .imagebg .card .content a {
        color: white; }
    .card .content a {
      color: #000000; }
      .card .content a:hover {
        text-decoration: none; }
    .card .content .excerpt {
      margin-top: 1em;
      line-height: 150%; }
  .card .footer {
    float: left;
    bottom: 2em;
    position: absolute;
    left: 1.25em;
    opacity: 0.25;
    font-size: 1.25em; }
  .card .author {
    text-align: right;
    margin-top: 1em;
    float: right;
    position: absolute;
    bottom: 1em;
    right: 1em; }
    .card .author .author-profile-picture {
      max-width: 1.5em; }
      .card .author .author-profile-picture img {
        border-radius: 100em; }

.-align-left .card.column-twelve {
  display: block;
  float: left;
  width: 29.33333%;
  margin-left: 2%;
  margin-right: 2%; }
  @media (min-width: 1200px) {
    .-align-left .card.column-twelve {
      display: block;
      float: left;
      width: 29.33333%;
      margin-left: 2%;
      margin-right: 2%; } }
  @media (max-width: 1024px) {
    .-align-left .card.column-twelve {
      display: block;
      float: left;
      width: 29.33333%;
      margin-left: 2%;
      margin-right: 2%; } }
  @media (max-width: 736px) {
    .-align-left .card.column-twelve {
      display: block;
      float: left;
      width: 90%;
      margin-left: 5%;
      margin-right: 5%; } }

.-align-right .card.column-twelve {
  display: block;
  float: left;
  width: 29.33333%;
  margin-left: 43.66667%;
  margin-right: 2%; }
  @media (min-width: 1200px) {
    .-align-right .card.column-twelve {
      display: block;
      float: left;
      width: 29.33333%;
      margin-left: 43.66667%;
      margin-right: 2%; } }
  @media (max-width: 1024px) {
    .-align-right .card.column-twelve {
      display: block;
      float: left;
      width: 29.33333%;
      margin-left: 43.66667%;
      margin-right: 2%; } }
  @media (max-width: 736px) {
    .-align-right .card.column-twelve {
      display: block;
      float: left;
      width: 90%;
      margin-left: 5%;
      margin-right: 5%; } }

@media (min-width: 768px) {
  .card.-featured {
    float: left;
    width: 100%;
    border-bottom: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center; }
    .card.-featured .image-wrap {
      display: block;
      float: left;
      width: 65.25%;
      margin-left: 0%;
      margin-right: 0;
      display: block; } }
    @media (min-width: 768px) and (min-width: 1200px) {
      .card.-featured .image-wrap {
        display: block;
        float: left;
        width: 65.25%;
        margin-left: 0%;
        margin-right: 0; } }
    @media (min-width: 768px) and (max-width: 1024px) {
      .card.-featured .image-wrap {
        display: block;
        float: left;
        width: 65.25%;
        margin-left: 0%;
        margin-right: 0; } }
    @media (min-width: 768px) and (max-width: 736px) {
      .card.-featured .image-wrap {
        display: block;
        float: left;
        width: 100%;
        margin-left: 0%;
        margin-right: 0; } }

@media (min-width: 768px) {
    .card.-featured .content {
      display: block;
      float: left;
      width: 30.58333%;
      margin-left: 4.16667%;
      margin-right: 0;
      padding: 0;
      height: auto;
      background-color: transparent; } }
    @media (min-width: 768px) and (min-width: 1200px) {
      .card.-featured .content {
        display: block;
        float: left;
        width: 30.58333%;
        margin-left: 4.16667%;
        margin-right: 0; } }
    @media (min-width: 768px) and (max-width: 1024px) {
      .card.-featured .content {
        display: block;
        float: left;
        width: 30.58333%;
        margin-left: 4.16667%;
        margin-right: 0; } }
    @media (min-width: 768px) and (max-width: 736px) {
      .card.-featured .content {
        display: block;
        float: left;
        width: 100%;
        margin-left: 0%;
        margin-right: 0; } }

@media (min-width: 768px) {
    .card.-featured:after {
      display: none; }
    .card.-featured.column-twelve {
      margin-left: 2%; } }

footer:not(.footer-menu) {
  float: left;
  width: 100%;
  background-color: #000;
  color: #FFF;
  text-align: center; }
  footer:not(.footer-menu) a {
    color: #FFF; }
    footer:not(.footer-menu) a .icon {
      color: #FFF; }
  footer:not(.footer-menu) .row-column a .icon {
    color: #FFF; }
  footer:not(.footer-menu) .contact-wrap {
    float: left;
    width: 100%;
    font-size: 0.75em; }
    footer:not(.footer-menu) .contact-wrap h6 {
      font-size: 1.5em; }
  footer:not(.footer-menu) .social,
  footer:not(.footer-menu) .copyright,
  footer:not(.footer-menu) .rep-platform {
    display: block;
    float: left;
    width: 96%;
    margin-left: 2%;
    margin-right: 2%;
    text-align: center;
    margin-top: 1em; }
    @media (min-width: 1200px) {
      footer:not(.footer-menu) .social,
      footer:not(.footer-menu) .copyright,
      footer:not(.footer-menu) .rep-platform {
        display: block;
        float: left;
        width: 96%;
        margin-left: 2%;
        margin-right: 2%; } }
    @media (max-width: 1024px) {
      footer:not(.footer-menu) .social,
      footer:not(.footer-menu) .copyright,
      footer:not(.footer-menu) .rep-platform {
        display: block;
        float: left;
        width: 96%;
        margin-left: 2%;
        margin-right: 2%; } }
    @media (max-width: 736px) {
      footer:not(.footer-menu) .social,
      footer:not(.footer-menu) .copyright,
      footer:not(.footer-menu) .rep-platform {
        display: block;
        float: left;
        width: 90%;
        margin-left: 5%;
        margin-right: 5%; } }
  footer:not(.footer-menu) .footer-nav {
    display: block;
    float: left;
    width: 96%;
    margin-left: 2%;
    margin-right: 2%;
    font-size: 0.75em;
    margin-top: 2em;
    text-align: center; }
    @media (min-width: 1200px) {
      footer:not(.footer-menu) .footer-nav {
        display: block;
        float: left;
        width: 96%;
        margin-left: 2%;
        margin-right: 2%; } }
    @media (max-width: 1024px) {
      footer:not(.footer-menu) .footer-nav {
        display: block;
        float: left;
        width: 96%;
        margin-left: 2%;
        margin-right: 2%; } }
    @media (max-width: 736px) {
      footer:not(.footer-menu) .footer-nav {
        display: block;
        float: left;
        width: 90%;
        margin-left: 5%;
        margin-right: 5%; } }
    footer:not(.footer-menu) .footer-nav ul {
      margin: 0;
      padding: 0; }
      footer:not(.footer-menu) .footer-nav ul li {
        position: relative;
        list-style: none;
        display: inline-block;
        text-align: center; }
        footer:not(.footer-menu) .footer-nav ul li a {
          display: inline-block;
          opacity: 0.5;
          transition: all 0.5s cubic-bezier(0.33, 0, 0.19, 1);
          padding: 0em 1em; }
          footer:not(.footer-menu) .footer-nav ul li a:hover {
            text-decoration: none;
            opacity: 1; }
  footer:not(.footer-menu) .copyright {
    opacity: 0.5; }
  footer:not(.footer-menu) .social {
    font-size: 1.15em; }
    footer:not(.footer-menu) .social a {
      margin: 0em 0.25em; }
  footer:not(.footer-menu) .rep-platform {
    opacity: 0.25;
    font-size: 0.75em;
    margin-top: 2em; }

footer.footer-menu {
  float: left;
  background-color: #000;
  color: #FFF;
  text-align: left; }
  footer.footer-menu h6 {
    font-size: 1em; }
  footer.footer-menu a {
    color: #FFF; }
    footer.footer-menu a .icon {
      color: #FFF; }
  footer.footer-menu .row-column a .icon {
    color: #FFF; }
  footer.footer-menu .contact-wrap {
    float: left;
    width: 100%;
    font-size: 0.75em; }
    footer.footer-menu .contact-wrap h6 {
      font-size: 1.5em; }
  footer.footer-menu .search-and-social {
    display: block;
    float: left;
    width: 12.66667%;
    margin-left: 2%;
    margin-right: 2%; }
    @media (min-width: 1200px) {
      footer.footer-menu .search-and-social {
        display: block;
        float: left;
        width: 12.66667%;
        margin-left: 2%;
        margin-right: 2%; } }
    @media (max-width: 1024px) {
      footer.footer-menu .search-and-social {
        display: block;
        float: left;
        width: 12.66667%;
        margin-left: 2%;
        margin-right: 2%; } }
    @media (max-width: 736px) {
      footer.footer-menu .search-and-social {
        display: block;
        float: left;
        width: 90%;
        margin-left: 5%;
        margin-right: 5%; } }
    footer.footer-menu .search-and-social input {
      width: 100%;
      background-color: transparent;
      color: currentColor; }
  footer.footer-menu .contact-info {
    display: block;
    float: left;
    width: 12.66667%;
    margin-left: 2%;
    margin-right: 2%;
    font-size: 1em !important; }
    @media (min-width: 1200px) {
      footer.footer-menu .contact-info {
        display: block;
        float: left;
        width: 12.66667%;
        margin-left: 2%;
        margin-right: 2%; } }
    @media (max-width: 1024px) {
      footer.footer-menu .contact-info {
        display: block;
        float: left;
        width: 12.66667%;
        margin-left: 2%;
        margin-right: 2%; } }
    @media (max-width: 736px) {
      footer.footer-menu .contact-info {
        display: block;
        float: left;
        width: 90%;
        margin-left: 5%;
        margin-right: 5%; } }
    footer.footer-menu .contact-info p {
      margin-top: 0;
      font-size: 1em; }
  footer.footer-menu .mega-menu {
    display: block;
    float: left;
    width: 62.66667%;
    margin-left: 2%;
    margin-right: 2%; }
    @media (min-width: 1200px) {
      footer.footer-menu .mega-menu {
        display: block;
        float: left;
        width: 62.66667%;
        margin-left: 2%;
        margin-right: 2%; } }
    @media (max-width: 1024px) {
      footer.footer-menu .mega-menu {
        display: block;
        float: left;
        width: 62.66667%;
        margin-left: 2%;
        margin-right: 2%; } }
    @media (max-width: 736px) {
      footer.footer-menu .mega-menu {
        display: block;
        float: left;
        width: 90%;
        margin-left: 5%;
        margin-right: 5%; } }
    footer.footer-menu .mega-menu a {
      color: #FFF; }
    footer.footer-menu .mega-menu .footer-menu-render {
      margin: 0; }
      footer.footer-menu .mega-menu .footer-menu-render > .menu-item {
        float: left;
        min-width: 30%; }
        @media (max-width: 736px) {
          footer.footer-menu .mega-menu .footer-menu-render > .menu-item {
            width: 100%; } }
        footer.footer-menu .mega-menu .footer-menu-render > .menu-item > a {
          letter-spacing: 0.05em;
          font-weight: 800;
          line-height: 120%;
          font-size: 20px;
          font-size: 1.25rem;
          font-size: 1em; }
          @media (max-width: 736px) {
            footer.footer-menu .mega-menu .footer-menu-render > .menu-item > a {
              letter-spacing: 0.15em; } }
          @media (max-width: 736px) {
            footer.footer-menu .mega-menu .footer-menu-render > .menu-item > a {
              padding-left: 0; } }
        footer.footer-menu .mega-menu .footer-menu-render > .menu-item .sub-menu {
          margin: 0;
          margin-bottom: 1em;
          padding: 0; }
          @media (max-width: 736px) {
            footer.footer-menu .mega-menu .footer-menu-render > .menu-item .sub-menu a {
              padding-left: 0; } }
  footer.footer-menu .social {
    font-size: 1.25em; }
  footer.footer-menu .footer-by-line {
    display: block;
    float: left;
    width: 96%;
    margin-left: 2%;
    margin-right: 2%;
    margin-top: 2em;
    text-align: left; }
    @media (min-width: 1200px) {
      footer.footer-menu .footer-by-line {
        display: block;
        float: left;
        width: 96%;
        margin-left: 2%;
        margin-right: 2%; } }
    @media (max-width: 1024px) {
      footer.footer-menu .footer-by-line {
        display: block;
        float: left;
        width: 96%;
        margin-left: 2%;
        margin-right: 2%; } }
    @media (max-width: 736px) {
      footer.footer-menu .footer-by-line {
        display: block;
        float: left;
        width: 90%;
        margin-left: 5%;
        margin-right: 5%; } }
  footer.footer-menu .footer-nav {
    float: left;
    margin-left: 1em; }
    @media (max-width: 736px) {
      footer.footer-menu .footer-nav {
        width: 100%;
        margin-left: 0; } }
    footer.footer-menu .footer-nav ul {
      margin: 0;
      padding: 0; }
      footer.footer-menu .footer-nav ul li {
        position: relative;
        list-style: none;
        display: inline-block;
        text-align: center; }
        footer.footer-menu .footer-nav ul li a {
          display: inline-block;
          opacity: 0.5;
          transition: all 0.5s cubic-bezier(0.33, 0, 0.19, 1);
          padding-right: 1em; }
          footer.footer-menu .footer-nav ul li a:hover {
            text-decoration: none;
            opacity: 1; }
  footer.footer-menu .copyright {
    opacity: 0.5;
    float: left; }
    @media (max-width: 736px) {
      footer.footer-menu .copyright {
        width: 100%; } }
  footer.footer-menu .rep-platform {
    opacity: 0.25;
    font-size: 0.75em;
    margin-top: 2em; }

article.grid-examples {
  display: block;
  float: left;
  width: 96%;
  margin-left: 2%;
  margin-right: 2%; }
  @media (min-width: 1200px) {
    article.grid-examples {
      display: block;
      float: left;
      width: 96%;
      margin-left: 2%;
      margin-right: 2%; } }
  @media (max-width: 1024px) {
    article.grid-examples {
      display: block;
      float: left;
      width: 96%;
      margin-left: 2%;
      margin-right: 2%; } }
  @media (max-width: 736px) {
    article.grid-examples {
      display: block;
      float: left;
      width: 90%;
      margin-left: 5%;
      margin-right: 5%; } }
  article.grid-examples .container {
    text-align: center;
    background: #f6f6f6; }
    article.grid-examples .container code {
      display: block;
      font-size: 0.94rem;
      background: none;
      border: none; }
    article.grid-examples .container > code {
      padding: 20px; }
  article.grid-examples .box {
    position: relative;
    padding: 10px;
    height: 120px;
    margin-bottom: 2%;
    background: #e9e9e9;
    border: 1px solid #e7e7e7; }
    @media (max-width: 736px) {
      article.grid-examples .box {
        height: auto; } }
    article.grid-examples .box.-b1 {
      display: block;
      float: left;
      width: 21%;
      margin-left: 2%;
      margin-right: 2%; }
      @media (min-width: 1200px) {
        article.grid-examples .box.-b1 {
          display: block;
          float: left;
          width: 21%;
          margin-left: 2%;
          margin-right: 2%; } }
      @media (max-width: 1024px) {
        article.grid-examples .box.-b1 {
          display: block;
          float: left;
          width: 21%;
          margin-left: 2%;
          margin-right: 2%; } }
      @media (max-width: 736px) {
        article.grid-examples .box.-b1 {
          display: block;
          float: left;
          width: 90%;
          margin-left: 5%;
          margin-right: 5%; } }
    article.grid-examples .box.-b2 {
      display: block;
      float: left;
      width: 29.33333%;
      margin-left: 2%;
      margin-right: 2%; }
      @media (min-width: 1200px) {
        article.grid-examples .box.-b2 {
          display: block;
          float: left;
          width: 29.33333%;
          margin-left: 2%;
          margin-right: 2%; } }
      @media (max-width: 1024px) {
        article.grid-examples .box.-b2 {
          display: block;
          float: left;
          width: 29.33333%;
          margin-left: 2%;
          margin-right: 2%; } }
      @media (max-width: 736px) {
        article.grid-examples .box.-b2 {
          display: block;
          float: left;
          width: 90%;
          margin-left: 5%;
          margin-right: 5%; } }
    article.grid-examples .box.-b3 {
      display: block;
      float: left;
      width: 37.66667%;
      margin-left: 2%;
      margin-right: 2%; }
      @media (min-width: 1200px) {
        article.grid-examples .box.-b3 {
          display: block;
          float: left;
          width: 37.66667%;
          margin-left: 2%;
          margin-right: 2%; } }
      @media (max-width: 1024px) {
        article.grid-examples .box.-b3 {
          display: block;
          float: left;
          width: 37.66667%;
          margin-left: 2%;
          margin-right: 2%; } }
      @media (max-width: 736px) {
        article.grid-examples .box.-b3 {
          display: block;
          float: left;
          width: 90%;
          margin-left: 5%;
          margin-right: 5%; } }
    article.grid-examples .box.-b4 {
      display: block;
      float: left;
      width: 37.66667%;
      margin-left: 18.66667%;
      margin-right: 2%; }
      @media (min-width: 1200px) {
        article.grid-examples .box.-b4 {
          display: block;
          float: left;
          width: 37.66667%;
          margin-left: 18.66667%;
          margin-right: 2%; } }
      @media (max-width: 1024px) {
        article.grid-examples .box.-b4 {
          display: block;
          float: left;
          width: 37.66667%;
          margin-left: 18.66667%;
          margin-right: 2%; } }
      @media (max-width: 736px) {
        article.grid-examples .box.-b4 {
          display: block;
          float: left;
          width: 90%;
          margin-left: 5%;
          margin-right: 5%; } }
    article.grid-examples .box.-b5 {
      display: block;
      float: left;
      width: 37.66667%;
      margin-left: 2%;
      margin-right: 2%; }
      @media (min-width: 1200px) {
        article.grid-examples .box.-b5 {
          display: block;
          float: left;
          width: 37.66667%;
          margin-left: 2%;
          margin-right: 2%; } }
      @media (max-width: 1024px) {
        article.grid-examples .box.-b5 {
          display: block;
          float: left;
          width: 37.66667%;
          margin-left: 2%;
          margin-right: 2%; } }
      @media (max-width: 736px) {
        article.grid-examples .box.-b5 {
          display: block;
          float: left;
          width: 90%;
          margin-left: 5%;
          margin-right: 5%; } }
    article.grid-examples .box.-b6 {
      display: block;
      float: left;
      width: 71%;
      margin-left: 2%;
      margin-right: 2%; }
      @media (min-width: 1200px) {
        article.grid-examples .box.-b6 {
          display: block;
          float: left;
          width: 71%;
          margin-left: 2%;
          margin-right: 2%; } }
      @media (max-width: 1024px) {
        article.grid-examples .box.-b6 {
          display: block;
          float: left;
          width: 71%;
          margin-left: 2%;
          margin-right: 2%; } }
      @media (max-width: 736px) {
        article.grid-examples .box.-b6 {
          display: block;
          float: left;
          width: 90%;
          margin-left: 5%;
          margin-right: 5%; } }
      article.grid-examples .box.-b6 code {
        padding-bottom: 10px; }
      article.grid-examples .box.-b6 .-b6-1, article.grid-examples .box.-b6 .-b6-2 {
        display: block;
        float: left;
        width: 46%;
        margin-left: 2%;
        margin-right: 2%;
        height: 50px;
        background: #dfdfdf;
        border: 1px solid #dddddd; }
        @media (min-width: 1200px) {
          article.grid-examples .box.-b6 .-b6-1, article.grid-examples .box.-b6 .-b6-2 {
            display: block;
            float: left;
            width: 46%;
            margin-left: 2%;
            margin-right: 2%; } }
        @media (max-width: 1024px) {
          article.grid-examples .box.-b6 .-b6-1, article.grid-examples .box.-b6 .-b6-2 {
            display: block;
            float: left;
            width: 46%;
            margin-left: 2%;
            margin-right: 2%; } }
        @media (max-width: 736px) {
          article.grid-examples .box.-b6 .-b6-1, article.grid-examples .box.-b6 .-b6-2 {
            display: block;
            float: left;
            width: 90%;
            margin-left: 5%;
            margin-right: 5%; } }
    article.grid-examples .box.-b7 {
      display: block;
      float: left;
      width: 21%;
      margin-left: 2%;
      margin-right: 2%; }
      @media (min-width: 1200px) {
        article.grid-examples .box.-b7 {
          display: block;
          float: left;
          width: 21%;
          margin-left: 2%;
          margin-right: 2%; } }
      @media (max-width: 1024px) {
        article.grid-examples .box.-b7 {
          display: block;
          float: left;
          width: 21%;
          margin-left: 2%;
          margin-right: 2%; } }
      @media (max-width: 736px) {
        article.grid-examples .box.-b7 {
          display: block;
          float: left;
          width: 90%;
          margin-left: 5%;
          margin-right: 5%; } }
    article.grid-examples .box.-b8 {
      display: block;
      float: left;
      width: 55%;
      margin-left: 10%;
      margin-right: 10%; }
      @media (min-width: 1200px) {
        article.grid-examples .box.-b8 {
          display: block;
          float: left;
          width: 55%;
          margin-left: 10%;
          margin-right: 10%; } }
      @media (max-width: 1024px) {
        article.grid-examples .box.-b8 {
          display: block;
          float: left;
          width: 55%;
          margin-left: 10%;
          margin-right: 10%; } }
      @media (max-width: 736px) {
        article.grid-examples .box.-b8 {
          display: block;
          float: left;
          width: 80%;
          margin-left: 10%;
          margin-right: 10%; } }
    article.grid-examples .box.-b9 {
      display: block;
      float: left;
      width: 21%;
      margin-left: 2%;
      margin-right: 2%; }
      @media (min-width: 1200px) {
        article.grid-examples .box.-b9 {
          display: block;
          float: left;
          width: 21%;
          margin-left: 2%;
          margin-right: 2%; } }
      @media (max-width: 1024px) {
        article.grid-examples .box.-b9 {
          display: block;
          float: left;
          width: 21%;
          margin-left: 2%;
          margin-right: 2%; } }
      @media (max-width: 736px) {
        article.grid-examples .box.-b9 {
          display: block;
          float: left;
          width: 90%;
          margin-left: 5%;
          margin-right: 5%; } }
    article.grid-examples .box.-b10, article.grid-examples .box.-b11 {
      display: block;
      float: left;
      width: 46%;
      margin-left: 2%;
      margin-right: 2%; }
      @media (min-width: 1200px) {
        article.grid-examples .box.-b10, article.grid-examples .box.-b11 {
          display: block;
          float: left;
          width: 46%;
          margin-left: 2%;
          margin-right: 2%; } }
      @media (max-width: 1024px) {
        article.grid-examples .box.-b10, article.grid-examples .box.-b11 {
          display: block;
          float: left;
          width: 46%;
          margin-left: 2%;
          margin-right: 2%; } }
      @media (max-width: 736px) {
        article.grid-examples .box.-b10, article.grid-examples .box.-b11 {
          display: block;
          float: left;
          width: 90%;
          margin-left: 5%;
          margin-right: 5%; } }
      @media (max-width: 736px) {
        article.grid-examples .box.-b10, article.grid-examples .box.-b11 {
          display: block;
          float: left;
          width: 40%;
          margin-left: 5%;
          margin-right: 5%; } }
    article.grid-examples .box.-b12 {
      display: block;
      float: left;
      width: 41.66667%;
      margin-left: 0%;
      margin-right: 0; }
      @media (min-width: 1200px) {
        article.grid-examples .box.-b12 {
          display: block;
          float: left;
          width: 41.66667%;
          margin-left: 0%;
          margin-right: 0; } }
      @media (max-width: 1024px) {
        article.grid-examples .box.-b12 {
          display: block;
          float: left;
          width: 41.66667%;
          margin-left: 0%;
          margin-right: 0; } }
      @media (max-width: 736px) {
        article.grid-examples .box.-b12 {
          display: block;
          float: left;
          width: 100%;
          margin-left: 0%;
          margin-right: 0; } }
      @media (max-width: 736px) {
        article.grid-examples .box.-b12 {
          display: block;
          float: left;
          width: 40%;
          margin-left: 0%;
          margin-right: 0; } }
    article.grid-examples .box.-b13 {
      display: block;
      float: left;
      width: 58.33333%;
      margin-left: 0%;
      margin-right: 0; }
      @media (min-width: 1200px) {
        article.grid-examples .box.-b13 {
          display: block;
          float: left;
          width: 58.33333%;
          margin-left: 0%;
          margin-right: 0; } }
      @media (max-width: 1024px) {
        article.grid-examples .box.-b13 {
          display: block;
          float: left;
          width: 58.33333%;
          margin-left: 0%;
          margin-right: 0; } }
      @media (max-width: 736px) {
        article.grid-examples .box.-b13 {
          display: block;
          float: left;
          width: 100%;
          margin-left: 0%;
          margin-right: 0; } }
      @media (max-width: 736px) {
        article.grid-examples .box.-b13 {
          display: block;
          float: left;
          width: 60%;
          margin-left: 0%;
          margin-right: 0; } }
    @media (max-width: 736px) {
      article.grid-examples .box.-tall {
        height: 200px; } }
    @media (max-width: 736px) {
      article.grid-examples .box.-tall code {
        font-size: 0.8rem; } }

header {
  float: left;
  width: 100%;
  background-size: cover;
  background-position: center center;
  text-align: center;
  position: relative;
  color: #000000;
  overflow: hidden;
  height: 100vh; }
  header .header-content {
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    width: 100%;
    z-index: 10; }
  header .header-title {
    font-weight: 800;
    font-size: 4em;
    text-transform: uppercase;
    display: block;
    float: left;
    width: 79.33333%;
    margin-left: 10.33333%;
    margin-right: 2%; }
    @media (min-width: 1200px) {
      header .header-title {
        display: block;
        float: left;
        width: 79.33333%;
        margin-left: 10.33333%;
        margin-right: 2%; } }
    @media (max-width: 1024px) {
      header .header-title {
        display: block;
        float: left;
        width: 79.33333%;
        margin-left: 10.33333%;
        margin-right: 2%; } }
    @media (max-width: 736px) {
      header .header-title {
        display: block;
        float: left;
        width: 90%;
        margin-left: 5%;
        margin-right: 5%; } }
    @media (max-width: 1024px) {
      header .header-title {
        font-size: 3em; } }
    @media (max-width: 736px) {
      header .header-title {
        font-size: 2em;
        width: 100%;
        margin-left: 0;
        margin-right: 0; } }
  header .header-subtitle {
    margin-top: 0.75em;
    display: block;
    float: left;
    width: 62.66667%;
    margin-left: 18.66667%;
    margin-right: 2%; }
    @media (min-width: 1200px) {
      header .header-subtitle {
        display: block;
        float: left;
        width: 62.66667%;
        margin-left: 18.66667%;
        margin-right: 2%; } }
    @media (max-width: 1024px) {
      header .header-subtitle {
        display: block;
        float: left;
        width: 62.66667%;
        margin-left: 18.66667%;
        margin-right: 2%; } }
    @media (max-width: 736px) {
      header .header-subtitle {
        display: block;
        float: left;
        width: 90%;
        margin-left: 5%;
        margin-right: 5%; } }
    @media (max-width: 1024px) {
      header .header-subtitle {
        font-size: 1.5em; } }
  header .header-text {
    font-weight: 300;
    font-size: 1.25em;
    margin-top: 1.25em;
    line-height: 150%;
    display: block;
    float: left;
    width: 46%;
    margin-left: 27%;
    margin-right: 2%; }
    @media (min-width: 1200px) {
      header .header-text {
        display: block;
        float: left;
        width: 46%;
        margin-left: 27%;
        margin-right: 2%; } }
    @media (max-width: 1024px) {
      header .header-text {
        display: block;
        float: left;
        width: 46%;
        margin-left: 27%;
        margin-right: 2%; } }
    @media (max-width: 736px) {
      header .header-text {
        display: block;
        float: left;
        width: 90%;
        margin-left: 5%;
        margin-right: 5%; } }
    @media (max-width: 1024px) {
      header .header-text {
        font-size: 1em;
        display: block;
        float: left;
        width: 62.66667%;
        margin-left: 18.66667%;
        margin-right: 2%; } }
  @media (max-width: 1024px) and (min-width: 1200px) {
    header .header-text {
      display: block;
      float: left;
      width: 62.66667%;
      margin-left: 18.66667%;
      margin-right: 2%; } }
  @media (max-width: 1024px) and (max-width: 1024px) {
    header .header-text {
      display: block;
      float: left;
      width: 62.66667%;
      margin-left: 18.66667%;
      margin-right: 2%; } }
  @media (max-width: 1024px) and (max-width: 736px) {
    header .header-text {
      display: block;
      float: left;
      width: 90%;
      margin-left: 5%;
      margin-right: 5%; } }
    @media (max-width: 736px) {
      header .header-text {
        margin-top: 1em; } }
  header .header-buttons {
    margin-top: 2.25em;
    display: block;
    float: left;
    width: 62.66667%;
    margin-left: 18.66667%;
    margin-right: 2%; }
    @media (min-width: 1200px) {
      header .header-buttons {
        display: block;
        float: left;
        width: 62.66667%;
        margin-left: 18.66667%;
        margin-right: 2%; } }
    @media (max-width: 1024px) {
      header .header-buttons {
        display: block;
        float: left;
        width: 62.66667%;
        margin-left: 18.66667%;
        margin-right: 2%; } }
    @media (max-width: 736px) {
      header .header-buttons {
        display: block;
        float: left;
        width: 90%;
        margin-left: 5%;
        margin-right: 5%; } }
    header .header-buttons a {
      margin-left: 0.25em;
      margin-right: 0.25em;
      margin-bottom: 1em; }
      header .header-buttons a:last-child {
        margin-bottom: 0em; }
  header.-align-left {
    background-position: right center; }
    header.-align-left .header-carousel .header-carousel-image {
      background-position: right center; }
    @media (max-width: 736px) {
      header.-align-left {
        background-position: center center; }
        header.-align-left .header-carousel .header-carousel-image {
          background-position: center center; } }
    header.-align-left .header-content {
      padding-left: 5%; }
    header.-align-left .header-title,
    header.-align-left .header-subtitle,
    header.-align-left .header-text,
    header.-align-left .header-buttons {
      margin-left: 0;
      margin-right: 0;
      text-align: left; }
    header.-align-left .header-buttons a:first-child {
      margin-left: 0; }
  header.-align-right {
    background-position: left center; }
    header.-align-right .header-carousel .header-carousel-image {
      background-position: left center; }
    header.-align-right .header-title {
      display: block;
      float: left;
      width: 46%;
      margin-left: 52%;
      margin-right: 2%;
      text-align: left; }
      @media (min-width: 1200px) {
        header.-align-right .header-title {
          display: block;
          float: left;
          width: 46%;
          margin-left: 52%;
          margin-right: 2%; } }
      @media (max-width: 1024px) {
        header.-align-right .header-title {
          display: block;
          float: left;
          width: 46%;
          margin-left: 52%;
          margin-right: 2%; } }
      @media (max-width: 736px) {
        header.-align-right .header-title {
          display: block;
          float: left;
          width: 90%;
          margin-left: 5%;
          margin-right: 5%; } }
    header.-align-right .header-subtitle {
      display: block;
      float: left;
      width: 46%;
      margin-left: 52%;
      margin-right: 2%;
      text-align: left; }
      @media (min-width: 1200px) {
        header.-align-right .header-subtitle {
          display: block;
          float: left;
          width: 46%;
          margin-left: 52%;
          margin-right: 2%; } }
      @media (max-width: 1024px) {
        header.-align-right .header-subtitle {
          display: block;
          float: left;
          width: 46%;
          margin-left: 52%;
          margin-right: 2%; } }
      @media (max-width: 736px) {
        header.-align-right .header-subtitle {
          display: block;
          float: left;
          width: 90%;
          margin-left: 5%;
          margin-right: 5%; } }
    header.-align-right .header-text {
      display: block;
      float: left;
      width: 46%;
      margin-left: 52%;
      margin-right: 2%;
      text-align: left; }
      @media (min-width: 1200px) {
        header.-align-right .header-text {
          display: block;
          float: left;
          width: 46%;
          margin-left: 52%;
          margin-right: 2%; } }
      @media (max-width: 1024px) {
        header.-align-right .header-text {
          display: block;
          float: left;
          width: 46%;
          margin-left: 52%;
          margin-right: 2%; } }
      @media (max-width: 736px) {
        header.-align-right .header-text {
          display: block;
          float: left;
          width: 90%;
          margin-left: 5%;
          margin-right: 5%; } }
    header.-align-right .header-buttons {
      display: block;
      float: left;
      width: 46%;
      margin-left: 52%;
      margin-right: 2%;
      text-align: left; }
      @media (min-width: 1200px) {
        header.-align-right .header-buttons {
          display: block;
          float: left;
          width: 46%;
          margin-left: 52%;
          margin-right: 2%; } }
      @media (max-width: 1024px) {
        header.-align-right .header-buttons {
          display: block;
          float: left;
          width: 46%;
          margin-left: 52%;
          margin-right: 2%; } }
      @media (max-width: 736px) {
        header.-align-right .header-buttons {
          display: block;
          float: left;
          width: 90%;
          margin-left: 5%;
          margin-right: 5%; } }
    header.-align-right .header-buttons a:last-child {
      margin-right: 0; }
  header.tint {
    position: relative; }
    header.tint:after {
      content: " ";
      display: block;
      background-color: rgba(0, 0, 0, 0.25);
      position: absolute;
      left: 0em;
      right: 0em;
      top: 0em;
      bottom: 0em;
      height: 100%;
      z-index: 2; }
  header .header-video {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
    min-width: 100vw;
    min-height: 100vh; }
  header .header-video-embed,
  header .header-video-embed iframe {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
    min-width: 120vw;
    min-height: 120vh; }
    @media (max-width: 736px) {
      header .header-video-embed,
      header .header-video-embed iframe {
        min-width: 200vh; } }
  header .header-carousel .header-carousel-image {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 2;
    opacity: 0;
    transition: all 0.5s cubic-bezier(0.33, 0, 0.19, 1);
    transition-duration: 2s; }
    header .header-carousel .header-carousel-image.active {
      opacity: 1; }
  header .header-carousel:after {
    content: " ";
    background-color: black;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 1; }
  header.slides .header-carousel .header-carousel-image {
    pointer-events: none; }
    header.slides .header-carousel .header-carousel-image img {
      width: 100%;
      height: auto; }
    header.slides .header-carousel .header-carousel-image.active {
      pointer-events: all;
      position: relative; }
  header .social-media {
    float: left;
    width: 100%;
    margin-top: 2em; }
    header .social-media a {
      color: white; }

header.image-as-header,
header.post,
header.slides {
  height: auto;
  max-height: 100vh; }
  header.image-as-header img,
  header.post img,
  header.slides img {
    width: 100%;
    height: auto; }
  @media (max-width: 1024px) {
    header.image-as-header,
    header.post,
    header.slides {
      height: auto; }
      header.image-as-header img,
      header.post img,
      header.slides img {
        display: block; } }

.top-bar.navigation-display-solid + header.image-as-header,
.top-bar.navigation-display-solid + header.post,
.top-bar.navigation-display-solid + header.slides {
  margin-top: 5em; }
  @media (max-width: 736px) {
    .top-bar.navigation-display-solid + header.image-as-header,
    .top-bar.navigation-display-solid + header.post,
    .top-bar.navigation-display-solid + header.slides {
      margin-top: 4em; } }

header.search {
  background-color: black !important;
  background-image: none !important;
  height: 60vh; }
  header.search input {
    width: 100%;
    letter-spacing: 0.05em;
    font-weight: 800;
    line-height: 120%;
    font-size: 50px;
    font-size: 3.125rem;
    background-color: transparent;
    padding: 0;
    border: 0px !important;
    text-align: center;
    background-color: white;
    color: black !important;
    text-transform: none;
    letter-spacing: 0; }
    @media (max-width: 736px) {
      header.search input {
        letter-spacing: 0.15em; } }
    header.search input:hover, header.search input:active, header.search input:focus {
      border: 0px; }
  header.search.imagebg input {
    color: #FFF; }
  header.search .header-buttons {
    margin-top: 0; }
  header.search .button-outlined {
    color: white !important;
    box-shadow: inset 0 0 0 2px #FFF; }

header.author .profile-pic {
  float: left;
  width: 100%;
  text-align: center;
  margin-bottom: 2em; }
  header.author .profile-pic img {
    max-width: 10em;
    width: 100%;
    height: auto;
    border-radius: 100em; }

header.no-image {
  height: 75vh; }

header.color {
  height: 75vh; }

header.inlinemedia {
  position: relative;
  z-index: 5;
  height: auto;
  padding-top: 6em;
  padding-bottom: 6em; }
  header.inlinemedia .container {
    -ms-flex-direction: column;
    flex-direction: column;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center; }
    @media (max-width: 736px) {
      header.inlinemedia .container {
        display: block; } }
  header.inlinemedia .header-content {
    display: block;
    float: left;
    width: 96%;
    margin-left: 2%;
    margin-right: 2%;
    position: relative;
    top: 0;
    -ms-transform: none;
    transform: none; }
    @media (min-width: 1200px) {
      header.inlinemedia .header-content {
        display: block;
        float: left;
        width: 96%;
        margin-left: 2%;
        margin-right: 2%; } }
    @media (max-width: 1024px) {
      header.inlinemedia .header-content {
        display: block;
        float: left;
        width: 96%;
        margin-left: 2%;
        margin-right: 2%; } }
    @media (max-width: 736px) {
      header.inlinemedia .header-content {
        display: block;
        float: left;
        width: 90%;
        margin-left: 5%;
        margin-right: 5%; } }
    header.inlinemedia .header-content .header-title,
    header.inlinemedia .header-content .header-subtitle,
    header.inlinemedia .header-content .header-text,
    header.inlinemedia .header-content .header-buttons {
      width: 100%;
      margin-left: 0;
      margin-right: 0; }
  header.inlinemedia .header-inline-media {
    display: block;
    float: left;
    width: 96%;
    margin-left: 2%;
    margin-right: 2%;
    position: relative; }
    @media (min-width: 1200px) {
      header.inlinemedia .header-inline-media {
        display: block;
        float: left;
        width: 96%;
        margin-left: 2%;
        margin-right: 2%; } }
    @media (max-width: 1024px) {
      header.inlinemedia .header-inline-media {
        display: block;
        float: left;
        width: 96%;
        margin-left: 2%;
        margin-right: 2%; } }
    @media (max-width: 736px) {
      header.inlinemedia .header-inline-media {
        display: block;
        float: left;
        width: 90%;
        margin-left: 5%;
        margin-right: 5%; } }
    header.inlinemedia .header-inline-media img {
      width: 100%;
      height: auto; }
  header.inlinemedia.-align-default, header.inlinemedia.-align-center {
    padding-bottom: 0;
    margin-bottom: -20em; }
    header.inlinemedia.-align-default .header-inline-media, header.inlinemedia.-align-center .header-inline-media {
      margin-top: 4em; }
    header.inlinemedia.-align-default + .row, header.inlinemedia.-align-center + .row {
      padding-top: 25em; }
    @media (max-width: 736px) {
      header.inlinemedia.-align-default, header.inlinemedia.-align-center {
        margin-bottom: -8em; }
        header.inlinemedia.-align-default + .row, header.inlinemedia.-align-center + .row {
          padding-top: 12em; } }
  header.inlinemedia.-align-left .container {
    -ms-flex-direction: row;
    flex-direction: row; }
  @media (max-width: 736px) {
    header.inlinemedia.-align-left .header-inline-media {
      margin-top: 4em; } }
  header.inlinemedia.-align-right .header-content {
    display: block;
    float: left;
    width: 96%;
    margin-left: 2%;
    margin-right: 2%; }
    @media (min-width: 1200px) {
      header.inlinemedia.-align-right .header-content {
        display: block;
        float: left;
        width: 96%;
        margin-left: 2%;
        margin-right: 2%; } }
    @media (max-width: 1024px) {
      header.inlinemedia.-align-right .header-content {
        display: block;
        float: left;
        width: 96%;
        margin-left: 2%;
        margin-right: 2%; } }
    @media (max-width: 736px) {
      header.inlinemedia.-align-right .header-content {
        display: block;
        float: left;
        width: 90%;
        margin-left: 5%;
        margin-right: 5%; } }
  header.inlinemedia.-align-right .container {
    -ms-flex-direction: row;
    flex-direction: row; }
  header.inlinemedia.-align-right .header-content {
    -ms-flex-order: 2;
    order: 2; }
  @media (max-width: 736px) {
    header.inlinemedia.-align-right .header-inline-media {
      margin-top: 4em; } }
  header.inlinemedia .header-video,
  header.inlinemedia .header-video-embed {
    position: relative;
    top: 0;
    left: 0;
    -ms-transform: none;
    transform: none;
    min-width: 0;
    min-height: 0;
    width: 100%; }
  header.inlinemedia .header-video-embed {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    width: 100%; }
    header.inlinemedia .header-video-embed iframe {
      position: absolute;
      width: 100%;
      height: 100%;
      left: 0;
      top: 0;
      -ms-transform: none;
      transform: none;
      min-width: 0;
      min-height: 0; }

.posts-loop .card {
  display: block;
  float: left;
  width: 29.33333%;
  margin-left: 2%;
  margin-right: 2%; }
  @media (min-width: 1200px) {
    .posts-loop .card {
      display: block;
      float: left;
      width: 29.33333%;
      margin-left: 2%;
      margin-right: 2%; } }
  @media (max-width: 1024px) {
    .posts-loop .card {
      display: block;
      float: left;
      width: 29.33333%;
      margin-left: 2%;
      margin-right: 2%; } }
  @media (max-width: 736px) {
    .posts-loop .card {
      display: block;
      float: left;
      width: 90%;
      margin-left: 5%;
      margin-right: 5%; } }

.flexbox .posts-loop {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.posts-loop-pagination {
  display: block;
  float: left;
  width: 96%;
  margin-left: 2%;
  margin-right: 2%; }
  @media (min-width: 1200px) {
    .posts-loop-pagination {
      display: block;
      float: left;
      width: 96%;
      margin-left: 2%;
      margin-right: 2%; } }
  @media (max-width: 1024px) {
    .posts-loop-pagination {
      display: block;
      float: left;
      width: 96%;
      margin-left: 2%;
      margin-right: 2%; } }
  @media (max-width: 736px) {
    .posts-loop-pagination {
      display: block;
      float: left;
      width: 90%;
      margin-left: 5%;
      margin-right: 5%; } }

.post-content {
  display: block;
  float: left;
  width: 62.66667%;
  margin-left: 18.66667%;
  margin-right: 2%; }
  @media (min-width: 1200px) {
    .post-content {
      display: block;
      float: left;
      width: 62.66667%;
      margin-left: 18.66667%;
      margin-right: 2%; } }
  @media (max-width: 1024px) {
    .post-content {
      display: block;
      float: left;
      width: 62.66667%;
      margin-left: 18.66667%;
      margin-right: 2%; } }
  @media (max-width: 736px) {
    .post-content {
      display: block;
      float: left;
      width: 90%;
      margin-left: 5%;
      margin-right: 5%; } }
  .post-content .post-title {
    font-size: 26px;
    font-size: 1.625rem; }
    @media (max-width: 736px) {
      .post-content .post-title {
        font-size: 22px;
        font-size: 1.375rem; } }
  .post-content .post-date {
    margin-top: 1em; }
  .post-content img {
    width: 100%;
    height: auto; }
  .post-content > div:not(.author) {
    margin-top: 1em; }

.wysiwyg a {
  transition: all 0.5s cubic-bezier(0.33, 0, 0.19, 1); }
  .wysiwyg a:hover {
    opacity: 0.5; }

.single .event-details a {
  color: #000000; }

.single .embed-container {
  margin-bottom: 2em; }

/**
 * Top Bar Navigation Styles
 * -------------------------------
 */
.top-bar {
  position: absolute;
  top: 0;
  z-index: 200;
  width: 100%;
  padding: 1em; }
  .top-bar .logo {
    height: 3em;
    float: left; }
    .top-bar .logo img {
      width: auto;
      height: 100%; }
    .top-bar .logo.large {
      height: 6em; }
      @media (max-width: 736px) {
        .top-bar .logo.large {
          height: 4.5em; } }
    .top-bar .logo.medium {
      height: 4em; }
      @media (max-width: 736px) {
        .top-bar .logo.medium {
          height: 3.25em; } }
    .top-bar .logo.small {
      height: 2.5em; }
      @media (max-width: 736px) {
        .top-bar .logo.small {
          height: 1.5em; } }
  .top-bar nav.primary {
    display: block;
    float: right; }
    @media (max-width: 1024px) {
      .top-bar nav.primary {
        display: none; } }
    .top-bar nav.primary li:last-child a {
      padding-right: 0; }
    .top-bar nav.primary a {
      color: #FFF;
      font-weight: 800;
      letter-spacing: 0.025em; }
      .top-bar nav.primary a:hover {
        color: #FFF; }
  .top-bar nav.mobile {
    display: none; }
    @media (max-width: 1024px) {
      .top-bar nav.mobile {
        display: block; } }

.-scrolling .top-bar.fixed {
  position: fixed; }

.top-bar.navigation-display-solid {
  background-color: #FFF;
  color: #000000; }
  @media (max-width: 736px) {
    .top-bar.navigation-display-solid {
      padding: 0.5em 1em; }
      .top-bar.navigation-display-solid .menu-mobile-handle-container {
        top: 1.5em; } }
  .top-bar.navigation-display-solid ul.menu-primary > li ul {
    border: 0px; }
    .top-bar.navigation-display-solid ul.menu-primary > li ul a {
      background-color: #FFF;
      padding: 1em;
      display: block;
      width: 100%; }
  .top-bar.navigation-display-solid nav.primary a {
    color: #000000; }
    .top-bar.navigation-display-solid nav.primary a:hover {
      color: #000000; }

/**
 * Weird Chrome bug fix that was stopping the link from being clickable
 */
.top-bar nav.primary ul[class*="menu-"] li a {
  position: relative;
  z-index: 1001; }

.column-item {
  margin-bottom: 2em;
  opacity: 0;
  transition: 1000ms all cubic-bezier(0.33, 0, 0.19, 1);
  transition-delay: 500ms;
  transform: translateY(4em) scale3d(0.97, 0.97, 0.97); }
  .column-item.align-left {
    text-align: left; }
  .column-item.align-right {
    text-align: right; }
  .column-item.align-center {
    text-align: center; }
  .column-item img {
    width: 100%;
    height: auto; }
  .column-item .column-item-image-container {
    margin-bottom: 2em; }
  .column-item .column-item-text,
  .column-item .column-item-text p {
    font-size: 1rem; }
  .column-item .column-item-buttons a {
    margin-bottom: 0.5em; }
    .column-item .column-item-buttons a:last-child {
      margin-bottom: 0; }
  .column-item .column-item-title + .column-item-buttons {
    margin-top: 1em; }

.row-column {
  margin-bottom: 3em;
  text-align: center; }
  .row-column .icon {
    font-size: 2em;
    opacity: 1 !important; }
  .row-column a .icon {
    color: #000000; }
  .row-column .image {
    margin: 0 auto;
    margin-bottom: 2em;
    opacity: 1;
    transition: all 0.5s cubic-bezier(0.33, 0, 0.19, 1);
    overflow: hidden; }
    .row-column .image img {
      width: 100%;
      height: auto;
      transition: all 0.5s cubic-bezier(0.33, 0, 0.19, 1); }
  .row-column p {
    max-width: 30em;
    margin-right: auto;
    margin-left: auto;
    font-size: 1em;
    opacity: 0.5; }
  .row-column.image-type-circle .image {
    max-width: 12em;
    position: relative; }
    .row-column.image-type-circle .image img {
      border-radius: 100em; }
      .row-column.image-type-circle .image img:hover {
        opacity: 0.75; }
  .row-column.image-type-square .image {
    max-width: 20em; }
  .row-column.image-type-landscape .image {
    max-width: 22em; }
  .row-column .service-time .time {
    display: block; }
  .row-column .service-time .location {
    font-size: 0.75em;
    opacity: 0.5; }

.imagebg .row-column p {
  opacity: 1; }

.imagebg .row-column a .icon {
  color: white; }

.flexbox .row-content,
.flexbox .team,
.flexbox .service-times,
.flexbox .ministries {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.team-row .image .alternate {
  display: none; }

.team-row .image .main {
  display: block; }

.team-row .image.-with-alt-img:hover .main {
  display: none; }

.team-row .image.-with-alt-img:hover .alternate {
  display: block; }

.in-view .column-item {
  opacity: 1;
  transform: translateY(0) scale3d(1, 1, 1); }
  .in-view .column-item:nth-of-type(1) {
    transition-delay: calc-position(250ms, 1); }
  .in-view .column-item:nth-of-type(2) {
    transition-delay: calc-position(250ms, 2); }
  .in-view .column-item:nth-of-type(3) {
    transition-delay: calc-position(250ms, 3); }
  .in-view .column-item:nth-of-type(4) {
    transition-delay: calc-position(250ms, 4); }
  .in-view .column-item:nth-of-type(5) {
    transition-delay: calc-position(250ms, 5); }
  .in-view .column-item:nth-of-type(6) {
    transition-delay: calc-position(250ms, 6); }
  .in-view .column-item:nth-of-type(7) {
    transition-delay: calc-position(250ms, 7); }
  .in-view .column-item:nth-of-type(8) {
    transition-delay: calc-position(250ms, 8); }
  .in-view .column-item:nth-of-type(9) {
    transition-delay: calc-position(250ms, 9); }
  .in-view .column-item:nth-of-type(10) {
    transition-delay: calc-position(250ms, 10); }
  .in-view .column-item:nth-of-type(11) {
    transition-delay: calc-position(250ms, 11); }
  .in-view .column-item:nth-of-type(12) {
    transition-delay: calc-position(250ms, 12); }
  .in-view .column-item:nth-of-type(13) {
    transition-delay: calc-position(250ms, 13); }
  .in-view .column-item:nth-of-type(14) {
    transition-delay: calc-position(250ms, 14); }
  .in-view .column-item:nth-of-type(15) {
    transition-delay: calc-position(250ms, 15); }
  .in-view .column-item:nth-of-type(16) {
    transition-delay: calc-position(250ms, 16); }
  .in-view .column-item:nth-of-type(17) {
    transition-delay: calc-position(250ms, 17); }
  .in-view .column-item:nth-of-type(18) {
    transition-delay: calc-position(250ms, 18); }
  .in-view .column-item:nth-of-type(19) {
    transition-delay: calc-position(250ms, 19); }
  .in-view .column-item:nth-of-type(20) {
    transition-delay: calc-position(250ms, 20); }
  .in-view .column-item:nth-of-type(21) {
    transition-delay: calc-position(250ms, 21); }
  .in-view .column-item:nth-of-type(22) {
    transition-delay: calc-position(250ms, 22); }
  .in-view .column-item:nth-of-type(23) {
    transition-delay: calc-position(250ms, 23); }
  .in-view .column-item:nth-of-type(24) {
    transition-delay: calc-position(250ms, 24); }
  .in-view .column-item:nth-of-type(25) {
    transition-delay: calc-position(250ms, 25); }
  .in-view .column-item:nth-of-type(26) {
    transition-delay: calc-position(250ms, 26); }
  .in-view .column-item:nth-of-type(27) {
    transition-delay: calc-position(250ms, 27); }
  .in-view .column-item:nth-of-type(28) {
    transition-delay: calc-position(250ms, 28); }
  .in-view .column-item:nth-of-type(29) {
    transition-delay: calc-position(250ms, 29); }
  .in-view .column-item:nth-of-type(30) {
    transition-delay: calc-position(250ms, 30); }
  .in-view .column-item:nth-of-type(31) {
    transition-delay: calc-position(250ms, 31); }
  .in-view .column-item:nth-of-type(32) {
    transition-delay: calc-position(250ms, 32); }
  .in-view .column-item:nth-of-type(33) {
    transition-delay: calc-position(250ms, 33); }
  .in-view .column-item:nth-of-type(34) {
    transition-delay: calc-position(250ms, 34); }
  .in-view .column-item:nth-of-type(35) {
    transition-delay: calc-position(250ms, 35); }
  .in-view .column-item:nth-of-type(36) {
    transition-delay: calc-position(250ms, 36); }
  .in-view .column-item:nth-of-type(37) {
    transition-delay: calc-position(250ms, 37); }
  .in-view .column-item:nth-of-type(38) {
    transition-delay: calc-position(250ms, 38); }
  .in-view .column-item:nth-of-type(39) {
    transition-delay: calc-position(250ms, 39); }
  .in-view .column-item:nth-of-type(40) {
    transition-delay: calc-position(250ms, 40); }
  .in-view .column-item:nth-of-type(41) {
    transition-delay: calc-position(250ms, 41); }
  .in-view .column-item:nth-of-type(42) {
    transition-delay: calc-position(250ms, 42); }
  .in-view .column-item:nth-of-type(43) {
    transition-delay: calc-position(250ms, 43); }
  .in-view .column-item:nth-of-type(44) {
    transition-delay: calc-position(250ms, 44); }
  .in-view .column-item:nth-of-type(45) {
    transition-delay: calc-position(250ms, 45); }
  .in-view .column-item:nth-of-type(46) {
    transition-delay: calc-position(250ms, 46); }
  .in-view .column-item:nth-of-type(47) {
    transition-delay: calc-position(250ms, 47); }
  .in-view .column-item:nth-of-type(48) {
    transition-delay: calc-position(250ms, 48); }
  .in-view .column-item:nth-of-type(49) {
    transition-delay: calc-position(250ms, 49); }
  .in-view .column-item:nth-of-type(50) {
    transition-delay: calc-position(250ms, 50); }
  .in-view .column-item:nth-of-type(51) {
    transition-delay: calc-position(250ms, 51); }
  .in-view .column-item:nth-of-type(52) {
    transition-delay: calc-position(250ms, 52); }
  .in-view .column-item:nth-of-type(53) {
    transition-delay: calc-position(250ms, 53); }
  .in-view .column-item:nth-of-type(54) {
    transition-delay: calc-position(250ms, 54); }
  .in-view .column-item:nth-of-type(55) {
    transition-delay: calc-position(250ms, 55); }
  .in-view .column-item:nth-of-type(56) {
    transition-delay: calc-position(250ms, 56); }
  .in-view .column-item:nth-of-type(57) {
    transition-delay: calc-position(250ms, 57); }
  .in-view .column-item:nth-of-type(58) {
    transition-delay: calc-position(250ms, 58); }
  .in-view .column-item:nth-of-type(59) {
    transition-delay: calc-position(250ms, 59); }
  .in-view .column-item:nth-of-type(60) {
    transition-delay: calc-position(250ms, 60); }
  .in-view .column-item:nth-of-type(61) {
    transition-delay: calc-position(250ms, 61); }
  .in-view .column-item:nth-of-type(62) {
    transition-delay: calc-position(250ms, 62); }
  .in-view .column-item:nth-of-type(63) {
    transition-delay: calc-position(250ms, 63); }
  .in-view .column-item:nth-of-type(64) {
    transition-delay: calc-position(250ms, 64); }
  .in-view .column-item:nth-of-type(65) {
    transition-delay: calc-position(250ms, 65); }
  .in-view .column-item:nth-of-type(66) {
    transition-delay: calc-position(250ms, 66); }
  .in-view .column-item:nth-of-type(67) {
    transition-delay: calc-position(250ms, 67); }
  .in-view .column-item:nth-of-type(68) {
    transition-delay: calc-position(250ms, 68); }
  .in-view .column-item:nth-of-type(69) {
    transition-delay: calc-position(250ms, 69); }
  .in-view .column-item:nth-of-type(70) {
    transition-delay: calc-position(250ms, 70); }
  .in-view .column-item:nth-of-type(71) {
    transition-delay: calc-position(250ms, 71); }
  .in-view .column-item:nth-of-type(72) {
    transition-delay: calc-position(250ms, 72); }
  .in-view .column-item:nth-of-type(73) {
    transition-delay: calc-position(250ms, 73); }
  .in-view .column-item:nth-of-type(74) {
    transition-delay: calc-position(250ms, 74); }
  .in-view .column-item:nth-of-type(75) {
    transition-delay: calc-position(250ms, 75); }
  .in-view .column-item:nth-of-type(76) {
    transition-delay: calc-position(250ms, 76); }
  .in-view .column-item:nth-of-type(77) {
    transition-delay: calc-position(250ms, 77); }
  .in-view .column-item:nth-of-type(78) {
    transition-delay: calc-position(250ms, 78); }
  .in-view .column-item:nth-of-type(79) {
    transition-delay: calc-position(250ms, 79); }
  .in-view .column-item:nth-of-type(80) {
    transition-delay: calc-position(250ms, 80); }
  .in-view .column-item:nth-of-type(81) {
    transition-delay: calc-position(250ms, 81); }
  .in-view .column-item:nth-of-type(82) {
    transition-delay: calc-position(250ms, 82); }
  .in-view .column-item:nth-of-type(83) {
    transition-delay: calc-position(250ms, 83); }
  .in-view .column-item:nth-of-type(84) {
    transition-delay: calc-position(250ms, 84); }
  .in-view .column-item:nth-of-type(85) {
    transition-delay: calc-position(250ms, 85); }
  .in-view .column-item:nth-of-type(86) {
    transition-delay: calc-position(250ms, 86); }
  .in-view .column-item:nth-of-type(87) {
    transition-delay: calc-position(250ms, 87); }
  .in-view .column-item:nth-of-type(88) {
    transition-delay: calc-position(250ms, 88); }
  .in-view .column-item:nth-of-type(89) {
    transition-delay: calc-position(250ms, 89); }
  .in-view .column-item:nth-of-type(90) {
    transition-delay: calc-position(250ms, 90); }
  .in-view .column-item:nth-of-type(91) {
    transition-delay: calc-position(250ms, 91); }
  .in-view .column-item:nth-of-type(92) {
    transition-delay: calc-position(250ms, 92); }
  .in-view .column-item:nth-of-type(93) {
    transition-delay: calc-position(250ms, 93); }
  .in-view .column-item:nth-of-type(94) {
    transition-delay: calc-position(250ms, 94); }
  .in-view .column-item:nth-of-type(95) {
    transition-delay: calc-position(250ms, 95); }
  .in-view .column-item:nth-of-type(96) {
    transition-delay: calc-position(250ms, 96); }
  .in-view .column-item:nth-of-type(97) {
    transition-delay: calc-position(250ms, 97); }
  .in-view .column-item:nth-of-type(98) {
    transition-delay: calc-position(250ms, 98); }
  .in-view .column-item:nth-of-type(99) {
    transition-delay: calc-position(250ms, 99); }
  .in-view .column-item:nth-of-type(100) {
    transition-delay: calc-position(250ms, 100); }

.events-row .no-results {
  float: left;
  width: 100%;
  text-align: center; }

.form-row-form {
  display: block;
  float: left;
  width: 54.33333%;
  margin-left: 22.83333%;
  margin-right: 2%; }
  @media (min-width: 1200px) {
    .form-row-form {
      display: block;
      float: left;
      width: 54.33333%;
      margin-left: 22.83333%;
      margin-right: 2%; } }
  @media (max-width: 1024px) {
    .form-row-form {
      display: block;
      float: left;
      width: 54.33333%;
      margin-left: 22.83333%;
      margin-right: 2%; } }
  @media (max-width: 736px) {
    .form-row-form {
      display: block;
      float: left;
      width: 90%;
      margin-left: 5%;
      margin-right: 5%; } }

.-align-left .form-row-form {
  display: block;
  float: left;
  width: 54.33333%;
  margin-left: 2%;
  margin-right: 2%; }
  @media (min-width: 1200px) {
    .-align-left .form-row-form {
      display: block;
      float: left;
      width: 54.33333%;
      margin-left: 2%;
      margin-right: 2%; } }
  @media (max-width: 1024px) {
    .-align-left .form-row-form {
      display: block;
      float: left;
      width: 54.33333%;
      margin-left: 2%;
      margin-right: 2%; } }
  @media (max-width: 736px) {
    .-align-left .form-row-form {
      display: block;
      float: left;
      width: 90%;
      margin-left: 5%;
      margin-right: 5%; } }

.-align-right .form-row-form {
  display: block;
  float: left;
  width: 54.33333%;
  margin-left: 43.66667%;
  margin-right: 2%; }
  @media (min-width: 1200px) {
    .-align-right .form-row-form {
      display: block;
      float: left;
      width: 54.33333%;
      margin-left: 43.66667%;
      margin-right: 2%; } }
  @media (max-width: 1024px) {
    .-align-right .form-row-form {
      display: block;
      float: left;
      width: 54.33333%;
      margin-left: 43.66667%;
      margin-right: 2%; } }
  @media (max-width: 736px) {
    .-align-right .form-row-form {
      display: block;
      float: left;
      width: 90%;
      margin-left: 5%;
      margin-right: 5%; } }

.image-block {
  float: left;
  width: 100%;
  position: relative; }
  .image-block .image-block-defaults {
    float: left;
    width: 50%; }
    .image-block .image-block-defaults .image-block-text-wrap {
      position: absolute;
      top: 50%;
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      width: 50%;
      left: 0;
      padding: 4em;
      text-align: left; }
      .image-block .image-block-defaults .image-block-text-wrap p {
        margin: 0;
        margin-top: 1em; }
      .image-block .image-block-defaults .image-block-text-wrap a {
        margin-top: 1em; }
      .image-block .image-block-defaults .image-block-text-wrap h3 + a {
        margin-top: 1.5em; }
      @media (max-width: 736px) {
        .image-block .image-block-defaults .image-block-text-wrap {
          padding: 3em;
          text-align: center; } }
    @media (max-width: 736px) {
      .image-block .image-block-defaults {
        width: 100%; }
        .image-block .image-block-defaults .image-block-text-wrap {
          position: relative;
          top: auto;
          -ms-transform: none;
          transform: none;
          width: 100%; } }
  .image-block .image-block-image {
    float: right;
    width: 50%;
    overflow: hidden; }
    .image-block .image-block-image img {
      width: 100%;
      height: auto;
      transform: scale3d(1, 1, 1);
      transition: all 0.5s cubic-bezier(0.33, 0, 0.19, 1); }
    .image-block .image-block-image:hover img {
      transform: scale3d(1.05, 1.05, 1.05); }
    @media (max-width: 736px) {
      .image-block .image-block-image {
        width: 100%; } }
  .image-block:nth-child(2n) .image-block-defaults {
    float: right; }
    .image-block:nth-child(2n) .image-block-defaults .image-block-text-wrap {
      left: auto;
      right: 0; }
  .image-block:nth-child(2n) .image-block-image {
    float: left; }

.image-columns-row.-blocks {
  padding-bottom: 0; }
  .image-columns-row.-blocks.-noblock {
    padding-bottom: 10em; }
    @media (max-width: 736px) {
      .image-columns-row.-blocks.-noblock {
        padding-bottom: 5em; } }
  .image-columns-row.-blocks.-no-defaults {
    padding-top: 0; }
  .image-columns-row.-blocks .container + .image-blocks {
    margin-top: 10em; }
    @media (max-width: 736px) {
      .image-columns-row.-blocks .container + .image-blocks {
        margin-top: 5em; } }

.image-only-container {
  float: left;
  width: 100%;
  position: relative; }
  .image-only-container .image-only img {
    width: 100%;
    height: auto; }

.row.image-type-imageonly {
  padding-bottom: 0; }

.imageblocktwo-row .row-content {
  display: -ms-flexbox;
  display: flex; }

.imageblocktwo-row .column-item-image.shape-circle .column-item-image-container {
  text-align: center; }

.imageblocktwo-row .column-item-image.shape-circle .column-item-image-container img {
  border-radius: 100em;
  max-width: 12em;
  margin: 0 auto;
  box-shadow: 0em 0.25em 0.5em rgba(0, 0, 0, 0.1); }

.imageblocktwo-row .column-item-image.shape-overlay {
  background-position: top center;
  background-size: cover;
  padding: 1em;
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: end;
  justify-content: flex-end;
  min-height: 25em;
  color: white;
  position: relative; }
  .imageblocktwo-row .column-item-image.shape-overlay a {
    color: inherit; }
  .imageblocktwo-row .column-item-image.shape-overlay .button-outlined {
    color: inherit;
    box-shadow: inset 0 0 0 2px currentColor; }
    .imageblocktwo-row .column-item-image.shape-overlay .button-outlined:after {
      background-color: white; }
    .imageblocktwo-row .column-item-image.shape-overlay .button-outlined:hover span {
      color: black; }
  .imageblocktwo-row .column-item-image.shape-overlay .button-primary span {
    color: black; }
  .imageblocktwo-row .column-item-image.shape-overlay .button-primary:after {
    background-color: white;
    transform: scale3d(1, 1, 1); }
  .imageblocktwo-row .column-item-image.shape-overlay:after {
    content: " ";
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.75) 0%, transparent 80%);
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; }
  .imageblocktwo-row .column-item-image.shape-overlay .shape-overlay-priority-link {
    display: block;
    width: 50px;
    height: 50px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2; }

.imageblocktwo-row.layout-columns .row-content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: center;
  justify-content: center; }
  .imageblocktwo-row.layout-columns .row-content .column-item {
    display: block;
    float: left;
    width: 29.33333%;
    margin-left: 2%;
    margin-right: 2%; }
    @media (min-width: 1200px) {
      .imageblocktwo-row.layout-columns .row-content .column-item {
        display: block;
        float: left;
        width: 29.33333%;
        margin-left: 2%;
        margin-right: 2%; } }
    @media (max-width: 1024px) {
      .imageblocktwo-row.layout-columns .row-content .column-item {
        display: block;
        float: left;
        width: 29.33333%;
        margin-left: 2%;
        margin-right: 2%; } }
    @media (max-width: 736px) {
      .imageblocktwo-row.layout-columns .row-content .column-item {
        display: block;
        float: left;
        width: 90%;
        margin-left: 5%;
        margin-right: 5%; } }

.imageblocktwo-row.layout-columns .column-item-image.shape-circle.align-default {
  text-align: center; }

.imageblocktwo-row.layout-columns .column-item-image.shape-overlay.byone {
  display: block;
  float: left;
  width: 96%;
  margin-left: 2%;
  margin-right: 2%; }
  @media (min-width: 1200px) {
    .imageblocktwo-row.layout-columns .column-item-image.shape-overlay.byone {
      display: block;
      float: left;
      width: 96%;
      margin-left: 2%;
      margin-right: 2%; } }
  @media (max-width: 1024px) {
    .imageblocktwo-row.layout-columns .column-item-image.shape-overlay.byone {
      display: block;
      float: left;
      width: 96%;
      margin-left: 2%;
      margin-right: 2%; } }
  @media (max-width: 736px) {
    .imageblocktwo-row.layout-columns .column-item-image.shape-overlay.byone {
      display: block;
      float: left;
      width: 90%;
      margin-left: 5%;
      margin-right: 5%; } }

.imageblocktwo-row.layout-columns .column-item-image.shape-overlay.bytwo {
  display: block;
  float: left;
  width: 46%;
  margin-left: 2%;
  margin-right: 2%; }
  @media (min-width: 1200px) {
    .imageblocktwo-row.layout-columns .column-item-image.shape-overlay.bytwo {
      display: block;
      float: left;
      width: 46%;
      margin-left: 2%;
      margin-right: 2%; } }
  @media (max-width: 1024px) {
    .imageblocktwo-row.layout-columns .column-item-image.shape-overlay.bytwo {
      display: block;
      float: left;
      width: 46%;
      margin-left: 2%;
      margin-right: 2%; } }
  @media (max-width: 736px) {
    .imageblocktwo-row.layout-columns .column-item-image.shape-overlay.bytwo {
      display: block;
      float: left;
      width: 90%;
      margin-left: 5%;
      margin-right: 5%; } }

.imageblocktwo-row.layout-rows .row-content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: center;
  justify-content: center; }
  .imageblocktwo-row.layout-rows .row-content .column-item {
    display: block;
    float: left;
    width: 71%;
    margin-left: 2%;
    margin-right: 2%; }
    @media (min-width: 1200px) {
      .imageblocktwo-row.layout-rows .row-content .column-item {
        display: block;
        float: left;
        width: 71%;
        margin-left: 2%;
        margin-right: 2%; } }
    @media (max-width: 1024px) {
      .imageblocktwo-row.layout-rows .row-content .column-item {
        display: block;
        float: left;
        width: 71%;
        margin-left: 2%;
        margin-right: 2%; } }
    @media (max-width: 736px) {
      .imageblocktwo-row.layout-rows .row-content .column-item {
        display: block;
        float: left;
        width: 90%;
        margin-left: 5%;
        margin-right: 5%; } }
    .imageblocktwo-row.layout-rows .row-content .column-item .column-item-text-container {
      width: 70%;
      margin: 0 auto; }
  .imageblocktwo-row.layout-rows .row-content .column-item.align-left,
  .imageblocktwo-row.layout-rows .row-content .column-item.align-default {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center; }
    .imageblocktwo-row.layout-rows .row-content .column-item.align-left .column-item-image-container,
    .imageblocktwo-row.layout-rows .row-content .column-item.align-default .column-item-image-container {
      width: 30%;
      margin-bottom: 0;
      margin-right: 2em; }
    @media (max-width: 736px) {
      .imageblocktwo-row.layout-rows .row-content .column-item.align-left,
      .imageblocktwo-row.layout-rows .row-content .column-item.align-default {
        display: block !important; }
        .imageblocktwo-row.layout-rows .row-content .column-item.align-left .column-item-image-container,
        .imageblocktwo-row.layout-rows .row-content .column-item.align-default .column-item-image-container {
          width: 100%;
          margin-bottom: 2em;
          margin-right: 0; }
        .imageblocktwo-row.layout-rows .row-content .column-item.align-left .column-item-text-container,
        .imageblocktwo-row.layout-rows .row-content .column-item.align-default .column-item-text-container {
          width: 100%; } }
  .imageblocktwo-row.layout-rows .row-content .column-item.align-right {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center; }
    .imageblocktwo-row.layout-rows .row-content .column-item.align-right .column-item-image-container {
      width: 30%;
      margin-bottom: 0;
      margin-left: 2em;
      -ms-flex-order: 2;
      order: 2; }
    @media (max-width: 736px) {
      .imageblocktwo-row.layout-rows .row-content .column-item.align-right {
        display: block !important; }
        .imageblocktwo-row.layout-rows .row-content .column-item.align-right .column-item-image-container {
          width: 100%;
          margin-bottom: 2em;
          margin-left: 0; }
        .imageblocktwo-row.layout-rows .row-content .column-item.align-right .column-item-text-container {
          width: 100%; } }
  .imageblocktwo-row.layout-rows .row-content .column-item.align-center.column-item-image.shape-square .column-item-image-container img {
    max-width: 12em;
    margin: 0 auto; }
    @media (max-width: 736px) {
      .imageblocktwo-row.layout-rows .row-content .column-item.align-center.column-item-image.shape-square .column-item-image-container img {
        max-width: none; } }
  .imageblocktwo-row.layout-rows .row-content .column-item.align-center.column-item-image.shape-nocrop .column-item-image-container img {
    max-width: 16em;
    margin: 0 auto; }
    @media (max-width: 736px) {
      .imageblocktwo-row.layout-rows .row-content .column-item.align-center.column-item-image.shape-nocrop .column-item-image-container img {
        max-width: none; } }
  .imageblocktwo-row.layout-rows .row-content .column-item-image.shape-overlay {
    -ms-flex-pack: end;
    justify-content: flex-end; }
    .imageblocktwo-row.layout-rows .row-content .column-item-image.shape-overlay .column-item-image-container {
      width: 100%; }
    .imageblocktwo-row.layout-rows .row-content .column-item-image.shape-overlay .column-item-text-container {
      width: 100%; }
    @media (max-width: 736px) {
      .imageblocktwo-row.layout-rows .row-content .column-item-image.shape-overlay {
        display: -ms-flexbox !important;
        display: flex !important;
        -ms-flex-pack: end;
        justify-content: flex-end; } }

.imageblocktwo-row.layout-leftright .column-item {
  display: block;
  float: left;
  width: 96%;
  margin-left: 2%;
  margin-right: 2%;
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  @media (min-width: 1200px) {
    .imageblocktwo-row.layout-leftright .column-item {
      display: block;
      float: left;
      width: 96%;
      margin-left: 2%;
      margin-right: 2%; } }
  @media (max-width: 1024px) {
    .imageblocktwo-row.layout-leftright .column-item {
      display: block;
      float: left;
      width: 96%;
      margin-left: 2%;
      margin-right: 2%; } }
  @media (max-width: 736px) {
    .imageblocktwo-row.layout-leftright .column-item {
      display: block;
      float: left;
      width: 90%;
      margin-left: 5%;
      margin-right: 5%; } }
  .imageblocktwo-row.layout-leftright .column-item .column-item-image-container,
  .imageblocktwo-row.layout-leftright .column-item .column-item-text-container {
    opacity: 0;
    transition: 1000ms all cubic-bezier(0.33, 0, 0.19, 1);
    transition-delay: 250ms;
    transform: translateY(4em) scale3d(0.9, 0.9, 0.9); }
  .imageblocktwo-row.layout-leftright .column-item .column-item-text-container {
    transition-delay: 500ms; }
  .imageblocktwo-row.layout-leftright .column-item.in-view .column-item-image-container,
  .imageblocktwo-row.layout-leftright .column-item.in-view .column-item-text-container {
    opacity: 1;
    transform: translateY(0) scale3d(1, 1, 1); }
  .imageblocktwo-row.layout-leftright .column-item .column-item-title {
    letter-spacing: 0.05em;
    font-weight: 800;
    line-height: 120%;
    font-size: 26px;
    font-size: 1.625rem; }
    @media (max-width: 736px) {
      .imageblocktwo-row.layout-leftright .column-item .column-item-title {
        letter-spacing: 0.15em; } }
    @media (max-width: 736px) {
      .imageblocktwo-row.layout-leftright .column-item .column-item-title {
        font-size: 22px;
        font-size: 1.375rem; } }
  .imageblocktwo-row.layout-leftright .column-item .column-item-image-container {
    width: 48%;
    -ms-flex-order: 2;
    order: 2; }
    .imageblocktwo-row.layout-leftright .column-item .column-item-image-container img {
      width: 100% !important;
      max-width: none; }
  .imageblocktwo-row.layout-leftright .column-item .column-item-text-container {
    width: 48%;
    -ms-flex-order: 1;
    order: 1;
    padding-left: 3em;
    padding-right: 3em; }
  .imageblocktwo-row.layout-leftright .column-item:nth-child(2n) .column-item-image-container {
    -ms-flex-order: 1;
    order: 1; }
  .imageblocktwo-row.layout-leftright .column-item:nth-child(2n) .column-item-text-container {
    -ms-flex-order: 2;
    order: 2; }
  @media (max-width: 736px) {
    .imageblocktwo-row.layout-leftright .column-item {
      display: block !important; }
      .imageblocktwo-row.layout-leftright .column-item .column-item-image-container {
        width: 100%; }
      .imageblocktwo-row.layout-leftright .column-item .column-item-text-container {
        width: 100%;
        padding-left: 0em;
        padding-right: 0em; }
      .imageblocktwo-row.layout-leftright .column-item.shape-circle .column-item-image-container img {
        border-radius: 100em;
        max-width: 20em;
        margin: 0 auto; }
      .imageblocktwo-row.layout-leftright .column-item.align-default {
        text-align: center; } }

.imageblocktwo-row.layout-leftright .column-item-image.shape-overlay {
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-pack: end;
  justify-content: flex-end; }
  .imageblocktwo-row.layout-leftright .column-item-image.shape-overlay .column-item-image-container {
    width: 100%; }
  .imageblocktwo-row.layout-leftright .column-item-image.shape-overlay .column-item-text-container {
    width: 100%;
    padding: 1em;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column; }

.imageblocktwo-row.layout-leftright.type-overlay .column-item {
  width: 80%;
  margin-left: 20%;
  margin-right: 0; }
  .imageblocktwo-row.layout-leftright.type-overlay .column-item:nth-child(2n) {
    margin-right: 20%;
    margin-left: 0%; }

.imageblocktwo-row.layout-horizontalscroll .container {
  overflow: auto;
  max-width: 100%; }

.imageblocktwo-row.layout-horizontalscroll .row-content {
  overflow: auto;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  display: block;
  padding-left: 2em; }
  .imageblocktwo-row.layout-horizontalscroll .row-content .column-item {
    width: 340px !important;
    float: left;
    margin-left: 0px;
    margin-right: 20px;
    scroll-snap-align: start; }

.imageblocktwo-row.layout-horizontalscroll .horizontal-scroll-container {
  -webkit-scroll-snap-type: x mandatory;
  -ms-scroll-snap-type: x mandatory;
  scroll-snap-type: x mandatory; }

.imageblocktwo-row.layout-horizontalscroll .column-item-image.shape-circle.align-default {
  text-align: center; }

.quote-row {
  text-align: center; }
  .quote-row blockquote {
    display: block;
    float: left;
    width: 62.66667%;
    margin-left: 18.66667%;
    margin-right: 2%;
    text-align: center;
    font-size: 2em;
    font-style: italic;
    line-height: 120%;
    padding: 0; }
    @media (min-width: 1200px) {
      .quote-row blockquote {
        display: block;
        float: left;
        width: 62.66667%;
        margin-left: 18.66667%;
        margin-right: 2%; } }
    @media (max-width: 1024px) {
      .quote-row blockquote {
        display: block;
        float: left;
        width: 62.66667%;
        margin-left: 18.66667%;
        margin-right: 2%; } }
    @media (max-width: 736px) {
      .quote-row blockquote {
        display: block;
        float: left;
        width: 90%;
        margin-left: 5%;
        margin-right: 5%; } }
    @media (max-width: 1024px) {
      .quote-row blockquote {
        display: block;
        float: left;
        width: 79.33333%;
        margin-left: 10.33333%;
        margin-right: 2%; } }
  @media (max-width: 1024px) and (min-width: 1200px) {
    .quote-row blockquote {
      display: block;
      float: left;
      width: 79.33333%;
      margin-left: 10.33333%;
      margin-right: 2%; } }
  @media (max-width: 1024px) and (max-width: 1024px) {
    .quote-row blockquote {
      display: block;
      float: left;
      width: 79.33333%;
      margin-left: 10.33333%;
      margin-right: 2%; } }
  @media (max-width: 1024px) and (max-width: 736px) {
    .quote-row blockquote {
      display: block;
      float: left;
      width: 90%;
      margin-left: 5%;
      margin-right: 5%; } }
    @media (max-width: 736px) {
      .quote-row blockquote {
        font-size: 1.5em; } }
  .quote-row .source {
    display: block;
    display: block;
    float: left;
    width: 62.66667%;
    margin-left: 18.66667%;
    margin-right: 2%;
    text-align: center;
    margin-top: 1em;
    position: relative; }
    @media (min-width: 1200px) {
      .quote-row .source {
        display: block;
        float: left;
        width: 62.66667%;
        margin-left: 18.66667%;
        margin-right: 2%; } }
    @media (max-width: 1024px) {
      .quote-row .source {
        display: block;
        float: left;
        width: 62.66667%;
        margin-left: 18.66667%;
        margin-right: 2%; } }
    @media (max-width: 736px) {
      .quote-row .source {
        display: block;
        float: left;
        width: 90%;
        margin-left: 5%;
        margin-right: 5%; } }
    .quote-row .source:after {
      content: " ";
      width: 10%;
      height: 2px;
      background-color: #ff0024;
      position: absolute;
      top: -1.5em;
      left: 45%; }
  .quote-row .row-buttons {
    display: block;
    float: left;
    width: 62.66667%;
    margin-left: 18.66667%;
    margin-right: 2%;
    text-align: center; }
    @media (min-width: 1200px) {
      .quote-row .row-buttons {
        display: block;
        float: left;
        width: 62.66667%;
        margin-left: 18.66667%;
        margin-right: 2%; } }
    @media (max-width: 1024px) {
      .quote-row .row-buttons {
        display: block;
        float: left;
        width: 62.66667%;
        margin-left: 18.66667%;
        margin-right: 2%; } }
    @media (max-width: 736px) {
      .quote-row .row-buttons {
        display: block;
        float: left;
        width: 90%;
        margin-left: 5%;
        margin-right: 5%; } }
  .quote-row.-align-left blockquote {
    display: block;
    float: left;
    width: 62.66667%;
    margin-left: 2%;
    margin-right: 2%;
    text-align: left; }
    @media (min-width: 1200px) {
      .quote-row.-align-left blockquote {
        display: block;
        float: left;
        width: 62.66667%;
        margin-left: 2%;
        margin-right: 2%; } }
    @media (max-width: 1024px) {
      .quote-row.-align-left blockquote {
        display: block;
        float: left;
        width: 62.66667%;
        margin-left: 2%;
        margin-right: 2%; } }
    @media (max-width: 736px) {
      .quote-row.-align-left blockquote {
        display: block;
        float: left;
        width: 90%;
        margin-left: 5%;
        margin-right: 5%; } }
  .quote-row.-align-left .source {
    display: block;
    float: left;
    width: 62.66667%;
    margin-left: 2%;
    margin-right: 2%;
    text-align: left; }
    @media (min-width: 1200px) {
      .quote-row.-align-left .source {
        display: block;
        float: left;
        width: 62.66667%;
        margin-left: 2%;
        margin-right: 2%; } }
    @media (max-width: 1024px) {
      .quote-row.-align-left .source {
        display: block;
        float: left;
        width: 62.66667%;
        margin-left: 2%;
        margin-right: 2%; } }
    @media (max-width: 736px) {
      .quote-row.-align-left .source {
        display: block;
        float: left;
        width: 90%;
        margin-left: 5%;
        margin-right: 5%; } }
  .quote-row.-align-left .source:after {
    left: 0; }
  .quote-row.-align-left .row-buttons {
    display: block;
    float: left;
    width: 62.66667%;
    margin-left: 2%;
    margin-right: 2%;
    text-align: left; }
    @media (min-width: 1200px) {
      .quote-row.-align-left .row-buttons {
        display: block;
        float: left;
        width: 62.66667%;
        margin-left: 2%;
        margin-right: 2%; } }
    @media (max-width: 1024px) {
      .quote-row.-align-left .row-buttons {
        display: block;
        float: left;
        width: 62.66667%;
        margin-left: 2%;
        margin-right: 2%; } }
    @media (max-width: 736px) {
      .quote-row.-align-left .row-buttons {
        display: block;
        float: left;
        width: 90%;
        margin-left: 5%;
        margin-right: 5%; } }
  .quote-row.-align-left .row-buttons a {
    min-width: 0; }
  .quote-row.-align-right blockquote {
    display: block;
    float: left;
    width: 54.33333%;
    margin-left: 43.66667%;
    margin-right: 2%;
    text-align: left; }
    @media (min-width: 1200px) {
      .quote-row.-align-right blockquote {
        display: block;
        float: left;
        width: 54.33333%;
        margin-left: 43.66667%;
        margin-right: 2%; } }
    @media (max-width: 1024px) {
      .quote-row.-align-right blockquote {
        display: block;
        float: left;
        width: 54.33333%;
        margin-left: 43.66667%;
        margin-right: 2%; } }
    @media (max-width: 736px) {
      .quote-row.-align-right blockquote {
        display: block;
        float: left;
        width: 90%;
        margin-left: 5%;
        margin-right: 5%; } }
  .quote-row.-align-right .source {
    display: block;
    float: left;
    width: 54.33333%;
    margin-left: 43.66667%;
    margin-right: 2%;
    text-align: left; }
    @media (min-width: 1200px) {
      .quote-row.-align-right .source {
        display: block;
        float: left;
        width: 54.33333%;
        margin-left: 43.66667%;
        margin-right: 2%; } }
    @media (max-width: 1024px) {
      .quote-row.-align-right .source {
        display: block;
        float: left;
        width: 54.33333%;
        margin-left: 43.66667%;
        margin-right: 2%; } }
    @media (max-width: 736px) {
      .quote-row.-align-right .source {
        display: block;
        float: left;
        width: 90%;
        margin-left: 5%;
        margin-right: 5%; } }
  .quote-row.-align-right .source:after {
    left: 0; }
  .quote-row.-align-right .row-buttons {
    display: block;
    float: left;
    width: 54.33333%;
    margin-left: 43.66667%;
    margin-right: 2%;
    text-align: left; }
    @media (min-width: 1200px) {
      .quote-row.-align-right .row-buttons {
        display: block;
        float: left;
        width: 54.33333%;
        margin-left: 43.66667%;
        margin-right: 2%; } }
    @media (max-width: 1024px) {
      .quote-row.-align-right .row-buttons {
        display: block;
        float: left;
        width: 54.33333%;
        margin-left: 43.66667%;
        margin-right: 2%; } }
    @media (max-width: 736px) {
      .quote-row.-align-right .row-buttons {
        display: block;
        float: left;
        width: 90%;
        margin-left: 5%;
        margin-right: 5%; } }
  .quote-row.-align-right .row-buttons a {
    min-width: 0; }

.row {
  float: left;
  width: 100%;
  text-align: left;
  padding: 10em 0em; }
  @media (max-width: 736px) {
    .row {
      padding: 5em 0em; } }
  .row .row-defaults, .row .row-content {
    opacity: 0;
    transition: all 1s cubic-bezier(0.33, 0, 0.19, 1);
    transition-delay: 400ms;
    -ms-transform: translateY(10vh);
    transform: translateY(10vh); }
  .row.in-view .row-defaults, .row.in-view .row-content {
    opacity: 1;
    -ms-transform: translateY(0vh);
    transform: translateY(0vh); }
  .row .row-defaults {
    display: block;
    float: left;
    width: 62.66667%;
    margin-left: 18.66667%;
    margin-right: 2%;
    position: relative;
    z-index: 2;
    text-align: center; }
    @media (min-width: 1200px) {
      .row .row-defaults {
        display: block;
        float: left;
        width: 62.66667%;
        margin-left: 18.66667%;
        margin-right: 2%; } }
    @media (max-width: 1024px) {
      .row .row-defaults {
        display: block;
        float: left;
        width: 62.66667%;
        margin-left: 18.66667%;
        margin-right: 2%; } }
    @media (max-width: 736px) {
      .row .row-defaults {
        display: block;
        float: left;
        width: 90%;
        margin-left: 5%;
        margin-right: 5%; } }
  .row .row-content {
    margin-top: 2.5em; }
  .row .row-content .row-content-wrap {
    width: 100%; }
  .row .row-title {
    position: relative;
    display: inline-block;
    margin-bottom: 0.75em; }
    .row .row-title:after {
      content: " ";
      width: 60%;
      height: 2px;
      background-color: #ff0024;
      position: absolute;
      bottom: -1em;
      left: 20%; }
  .row .row-subtitle {
    margin-top: 1em; }
    @media (max-width: 736px) {
      .row .row-subtitle {
        margin-top: 2em; } }
  .row .row-text {
    margin-top: 2em;
    opacity: 0.5; }
  .row .row-buttons {
    margin-top: 2em; }
    .row .row-buttons a {
      margin-left: 0.25em;
      margin-right: 0.25em; }
  .row .row-multi-buttons a {
    min-width: 12em; }
  .row .row-content {
    float: left;
    width: 100%; }
  .row.-align-left .row-defaults {
    display: block;
    float: left;
    width: 54.33333%;
    margin-left: 2%;
    margin-right: 2%;
    text-align: left; }
    @media (min-width: 1200px) {
      .row.-align-left .row-defaults {
        display: block;
        float: left;
        width: 54.33333%;
        margin-left: 2%;
        margin-right: 2%; } }
    @media (max-width: 1024px) {
      .row.-align-left .row-defaults {
        display: block;
        float: left;
        width: 54.33333%;
        margin-left: 2%;
        margin-right: 2%; } }
    @media (max-width: 736px) {
      .row.-align-left .row-defaults {
        display: block;
        float: left;
        width: 90%;
        margin-left: 5%;
        margin-right: 5%; } }
    .row.-align-left .row-defaults .row-title:after {
      left: 0%; }
    .row.-align-left .row-defaults .row-buttons a {
      min-width: 0;
      margin-left: 0; }
  .row.-align-left .row-column.column-twelve {
    text-align: left; }
    .row.-align-left .row-column.column-twelve p {
      max-width: none; }
    .row.-align-left .row-column.column-twelve .icon span:before {
      margin-left: 0; }
    .row.-align-left .row-column.column-twelve .image {
      margin: inherit;
      margin-left: 0; }
    @media (max-width: 736px) {
      .row.-align-left .row-column.column-twelve .image {
        margin: 0 auto; } }
  .row.-align-right .row-defaults {
    display: block;
    float: left;
    width: 54.33333%;
    margin-left: 43.66667%;
    margin-right: 2%;
    text-align: left; }
    @media (min-width: 1200px) {
      .row.-align-right .row-defaults {
        display: block;
        float: left;
        width: 54.33333%;
        margin-left: 43.66667%;
        margin-right: 2%; } }
    @media (max-width: 1024px) {
      .row.-align-right .row-defaults {
        display: block;
        float: left;
        width: 54.33333%;
        margin-left: 43.66667%;
        margin-right: 2%; } }
    @media (max-width: 736px) {
      .row.-align-right .row-defaults {
        display: block;
        float: left;
        width: 90%;
        margin-left: 5%;
        margin-right: 5%; } }
    .row.-align-right .row-defaults .row-title:after {
      left: 0%; }
    .row.-align-right .row-defaults .row-multi-buttons a {
      min-width: 0; }

.lightbg {
  background-color: #FFF; }

.darkbg {
  background-color: #f6f6f6; }

.brandbg {
  background-color: #ff0024;
  color: #FFF; }
  .brandbg .button-primary {
    color: #000000;
    box-shadow: inset 0 0 0 2px #000000 !important; }
    .brandbg .button-primary span {
      color: #FFF; }
    .brandbg .button-primary:after {
      background-color: #000000;
      transform: scale3d(1, 1, 1); }
    .brandbg .button-primary:hover {
      color: #ff0024; }
      .brandbg .button-primary:hover span {
        color: #ff0024; }

.secondbg {
  background-color: #9d6ab4;
  color: #FFF; }
  .secondbg .button-primary:after {
    transform: scale3d(1, 1, 1); }

.thirdbg {
  background-color: #0b6472;
  color: #FFF; }
  .thirdbg .button-primary:after {
    transform: scale3d(1, 1, 1); }

/** EQUAL HEIGHTS **/
.team-row .row-content {
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.imagebg {
  color: #FFF;
  background-size: cover;
  background-position: center center; }
  .imagebg.inline {
    background-attachment: scroll; }
  .imagebg.scroll {
    background-attachment: fixed; }
  .imagebg.tint-imagebg {
    position: relative; }
    .imagebg.tint-imagebg .container {
      position: relative;
      z-index: 5; }
    .imagebg.tint-imagebg:after {
      content: " ";
      display: block;
      background-color: rgba(0, 0, 0, 0.25);
      position: absolute;
      left: 0em;
      right: 0em;
      top: 0em;
      bottom: 0em; }
  .imagebg .row-text {
    opacity: 1; }
  .imagebg .button-outlined {
    color: #FFF;
    box-shadow: inset 0 0 0 2px #FFF; }
    .imagebg .button-outlined:after {
      background-color: #FFF; }
    .imagebg .button-outlined:hover {
      border-color: #FFF !important; }
      .imagebg .button-outlined:hover span {
        color: #000000 !important; }
  .imagebg .button-primary {
    color: #000000;
    box-shadow: inset 0 0 0 2px #FFF !important; }
    .imagebg .button-primary span {
      color: #000000;
      transition: all 0.5s cubic-bezier(0.33, 0, 0.19, 1); }
    .imagebg .button-primary:after {
      background-color: #FFF;
      transform: scale3d(1, 1, 1); }
    .imagebg .button-primary:hover {
      color: #ff0024; }
      .imagebg .button-primary:hover span {
        color: #ff0024; }

.touch .imagebg.scroll {
  background-attachment: scroll; }

.lightbg + .lightbg {
  padding-top: 5em; }

.darkbg + .darkbg {
  padding-top: 5em; }

.lightbg.row-color-match,
.darkbg.row-color-match {
  padding-bottom: 0em; }

.row.contentonly {
  padding: 0 !important; }
  .row.contentonly .post-content {
    margin: 0 !important;
    width: 100% !important; }

.brandbg .row-title:after,
.brandbg.quote-row .source:after,
.secondbg .row-title:after,
.secondbg.quote-row .source:after,
.thirdbg .row-title:after,
.thirdbg.quote-row .source:after {
  background-color: currentcolor; }

/*
// ---------------
// WIDTHS
// ---------------
*/
.tcc-main-content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.row-width-100 {
  width: 100%; }

.row-width-50 {
  width: 50%; }

.row-width-33 {
  width: 33.3%; }

.row-width-fill {
  -ms-flex: 1;
  flex: 1; }

@media (max-width: 768px) {
  .row-width-50 {
    width: 100%; }
  .row-width-33 {
    width: 100%; } }

.social-feed-instagram {
  position: relative;
  float: left;
  width: 100%;
  margin-top: 4em; }
  .social-feed-instagram img {
    display: block;
    float: left;
    width: 29.33333%;
    margin-left: 2%;
    margin-right: 2%;
    height: auto;
    margin-bottom: 4%;
    transition: all 0.5s cubic-bezier(0.33, 0, 0.19, 1);
    opacity: 0; }
    @media (min-width: 1200px) {
      .social-feed-instagram img {
        display: block;
        float: left;
        width: 29.33333%;
        margin-left: 2%;
        margin-right: 2%; } }
    @media (max-width: 1024px) {
      .social-feed-instagram img {
        display: block;
        float: left;
        width: 29.33333%;
        margin-left: 2%;
        margin-right: 2%; } }
    @media (max-width: 736px) {
      .social-feed-instagram img {
        display: block;
        float: left;
        width: 90%;
        margin-left: 5%;
        margin-right: 5%; } }
  .social-feed-instagram.-success .tccloader {
    display: none; }
  .social-feed-instagram.-success img {
    opacity: 1; }
    .social-feed-instagram.-success img:nth-child(1) {
      transition-delay: 0ms; }
    .social-feed-instagram.-success img:nth-child(2) {
      transition-delay: 100ms; }
    .social-feed-instagram.-success img:nth-child(3) {
      transition-delay: 200ms; }
    .social-feed-instagram.-success img:nth-child(4) {
      transition-delay: 300ms; }
    .social-feed-instagram.-success img:nth-child(5) {
      transition-delay: 400ms; }
    .social-feed-instagram.-success img:nth-child(6) {
      transition-delay: 500ms; }
    .social-feed-instagram.-success img:nth-child(7) {
      transition-delay: 600ms; }
    .social-feed-instagram.-success img:nth-child(8) {
      transition-delay: 700ms; }
    .social-feed-instagram.-success img:nth-child(9) {
      transition-delay: 800ms; }
    .social-feed-instagram.-success img:nth-child(10) {
      transition-delay: 900ms; }
    .social-feed-instagram.-success img:nth-child(11) {
      transition-delay: 1000ms; }
    .social-feed-instagram.-success img:nth-child(12) {
      transition-delay: 1100ms; }

.subnav-row {
  padding-top: 0;
  padding-bottom: 0; }
  .subnav-row .row-defaults {
    margin-top: 0;
    margin-bottom: 0;
    opacity: 0;
    -ms-transform: translateY(0vh);
    transform: translateY(0vh); }
    @media (max-width: 736px) {
      .subnav-row .row-defaults {
        margin-right: 0; } }
  .subnav-row .nav-container {
    float: left;
    width: 100%;
    white-space: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar; }
    .subnav-row .nav-container > div {
      float: left;
      width: 100%; }
  .subnav-row ul {
    float: left;
    width: 100%;
    text-align: center;
    margin-left: 0;
    margin-right: 0;
    padding: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center; }
    .subnav-row ul li {
      list-style: none;
      text-align: center;
      display: inline-block; }
      .subnav-row ul li a {
        font-weight: 800;
        margin-right: 1em; }
      .subnav-row ul li:last-child a {
        margin-right: 0; }
  .subnav-row.-align-left ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start; }
  .subnav-row.-align-right .row-content {
    display: block;
    float: left;
    width: 54.33333%;
    margin-left: 43.66667%;
    margin-right: 2%; }
    @media (min-width: 1200px) {
      .subnav-row.-align-right .row-content {
        display: block;
        float: left;
        width: 54.33333%;
        margin-left: 43.66667%;
        margin-right: 2%; } }
    @media (max-width: 1024px) {
      .subnav-row.-align-right .row-content {
        display: block;
        float: left;
        width: 54.33333%;
        margin-left: 43.66667%;
        margin-right: 2%; } }
    @media (max-width: 736px) {
      .subnav-row.-align-right .row-content {
        display: block;
        float: left;
        width: 90%;
        margin-left: 5%;
        margin-right: 5%; } }
    @media (max-width: 736px) {
      .subnav-row.-align-right .row-content {
        float: left;
        width: 100%;
        margin: 0; } }
  .subnav-row.-align-right ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start; }
  @media (max-width: 736px) {
    .subnav-row {
      padding-left: 5%; }
      .subnav-row ul {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start; } }

.text-columns-row .row-content .text-column-text {
  text-align: left;
  font-size: 1rem; }
  .text-columns-row .row-content .text-column-text img {
    width: 100%;
    height: auto; }

.video-row .video {
  text-align: center;
  display: block;
  float: left;
  width: 62.66667%;
  margin-left: 18.66667%;
  margin-right: 2%; }
  @media (min-width: 1200px) {
    .video-row .video {
      display: block;
      float: left;
      width: 62.66667%;
      margin-left: 18.66667%;
      margin-right: 2%; } }
  @media (max-width: 1024px) {
    .video-row .video {
      display: block;
      float: left;
      width: 62.66667%;
      margin-left: 18.66667%;
      margin-right: 2%; } }
  @media (max-width: 736px) {
    .video-row .video {
      display: block;
      float: left;
      width: 90%;
      margin-left: 5%;
      margin-right: 5%; } }

.video-row.-align-left .video {
  text-align: left;
  display: block;
  float: left;
  width: 62.66667%;
  margin-left: 2%;
  margin-right: 2%; }
  @media (min-width: 1200px) {
    .video-row.-align-left .video {
      display: block;
      float: left;
      width: 62.66667%;
      margin-left: 2%;
      margin-right: 2%; } }
  @media (max-width: 1024px) {
    .video-row.-align-left .video {
      display: block;
      float: left;
      width: 62.66667%;
      margin-left: 2%;
      margin-right: 2%; } }
  @media (max-width: 736px) {
    .video-row.-align-left .video {
      display: block;
      float: left;
      width: 90%;
      margin-left: 5%;
      margin-right: 5%; } }

.video-row.-align-right .video {
  text-align: left;
  display: block;
  float: left;
  width: 54.33333%;
  margin-left: 43.66667%;
  margin-right: 2%; }
  @media (min-width: 1200px) {
    .video-row.-align-right .video {
      display: block;
      float: left;
      width: 54.33333%;
      margin-left: 43.66667%;
      margin-right: 2%; } }
  @media (max-width: 1024px) {
    .video-row.-align-right .video {
      display: block;
      float: left;
      width: 54.33333%;
      margin-left: 43.66667%;
      margin-right: 2%; } }
  @media (max-width: 736px) {
    .video-row.-align-right .video {
      display: block;
      float: left;
      width: 90%;
      margin-left: 5%;
      margin-right: 5%; } }

.embed-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  width: 100%; }
  .embed-container iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0; }

[class^="icon-"]:before,
[class*=" icon-"]:before,
.tweet:before,
.read-more:after {
  -webkit-font-smoothing: antialiased;
  display: var(--fa-display, inline-block);
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-rendering: auto;
  font-weight: 900;
  font-family: "Font Awesome 6 Free";
  width: 1em; }

.icon-book-bible::before {
  content: "\f647"; }

.icon-0::before {
  content: "\30"; }

.icon-1::before {
  content: "\31"; }

.icon-2::before {
  content: "\32"; }

.icon-3::before {
  content: "\33"; }

.icon-4::before {
  content: "\34"; }

.icon-5::before {
  content: "\35"; }

.icon-6::before {
  content: "\36"; }

.icon-7::before {
  content: "\37"; }

.icon-8::before {
  content: "\38"; }

.icon-9::before {
  content: "\39"; }

.icon-note:before {
  font-family: "entypo";
  content: '\e800'; }

/* '' */
.icon-cancel-circled:before {
  content: "\f057"; }

.icon-cancel-squared:before {
  content: "\f2d3"; }

/* '' */
.icon-note-beamed:before {
  font-family: "entypo";
  content: '\e803'; }

/* '' */
.icon-upload-cloud:before {
  content: "\f0ee"; }

/* '' */
.icon-music:before {
  content: "\f001"; }

/* '' */
.icon-plus:before {
  content: "\2b"; }

/* '' */
.icon-bookmark:before {
  content: "\f02e"; }

.icon-chat:before {
  content: "\f086"; }

.icon-bell:before {
  content: "\f0f3"; }

.icon-light-down:before {
  content: "\f185"; }

/* '' */
.icon-basket:before {
  content: "\f07a"; }

.icon-down:before {
  content: "\f063"; }

/* '' */
.icon-left-dir:before {
  content: "\f0d9"; }

/* '' */
.icon-left-circled:before {
  content: "\f359"; }

/* '' */
.icon-search:before {
  content: "\f002"; }

/* '' */
.icon-mail:before {
  content: "\f0e0"; }

/* '' */
.icon-heart:before {
  content: "\f004"; }

/* '' */
.icon-flashlight:before {
  font-family: 'entypo';
  content: '\e812'; }

/* '' */
.icon-heart-empty:before {
  content: "\f004";
  font-weight: 400; }

/* '' */
.icon-star:before {
  content: "\f005"; }

/* '' */
.icon-star-empty:before {
  content: "\f005";
  font-weight: 400; }

/* '' */
.icon-user:before {
  content: "\f007"; }

/* '' */
.icon-users:before {
  content: "\f500"; }

/* '' */
.icon-user-add:before {
  content: "\f234"; }

/* '' */
.icon-video:before {
  content: "\f03d"; }

/* '' */
.icon-camera:before {
  content: "\f030"; }

/* '' */
.icon-picture:before {
  content: "\f03e";
  font-weight: 400; }

/* '' */
.icon-layout:before {
  content: "\f58d"; }

/* '' */
.icon-check:before {
  content: "\f00c"; }

.icon-tag:before {
  content: "\f02b"; }

/* '' */
.icon-cancel:before {
  content: "\f00d"; }

/* '' */
.icon-eye:before {
  content: "\f06e"; }

/* '' */
.icon-lock-open:before {
  content: "\f3c1"; }

/* '' */
.icon-menu:before {
  content: "\f0c9"; }

/* '' */
.icon-lock:before {
  content: "\f023"; }

/* '' */
.icon-attach:before {
  content: "\f0c6"; }

/* '' */
.icon-link:before {
  content: "\f0c1"; }

/* '' */
.icon-home:before {
  content: "\f015"; }

/* '' */
.icon-back:before {
  content: "\f30a"; }

/* '' */
.icon-info-circled:before {
  content: "\f05a"; }

/* '' */
.icon-info:before {
  content: "\f129"; }

/* '' */
.icon-help-circled:before {
  content: "\f059"; }

/* '' */
.icon-help:before {
  content: "\3f"; }

/* '' */
.icon-minus-circled:before {
  content: "\f056"; }

/* '' */
.icon-minus:before {
  content: "\f068"; }

/* '' */
.icon-plus-squared:before {
  content: "\f0fe"; }

/* '' */
.icon-plus-circled:before {
  content: "\f055"; }

/* '' */
.icon-minus-squared:before {
  content: "\f146"; }

/* '' */
.icon-bookmarks:before {
  content: "\e0bb"; }

/* '' */
.icon-flag:before {
  content: "\f024"; }

/* '' */
.icon-thumbs-up:before {
  content: "\f164"; }

/* '' */
.icon-upload:before {
  content: "\f093"; }

/* '' */
.icon-thumbs-down:before {
  content: "\f165"; }

/* '' */
.icon-download:before {
  content: "\f019"; }

.icon-reply:before {
  content: "\f3e5"; }

/* '' */
.icon-reply-all:before {
  content: "\f122"; }

/* '' */
.icon-forward:before {
  content: "\f064"; }

.icon-quote:before {
  content: "\f10e"; }

/* '' */
.icon-code:before {
  content: "\f121"; }

.icon-export:before {
  content: "\f14d"; }

.icon-pencil:before {
  content: "\f303"; }

/* '' */
.icon-feather:before {
  content: "\f52d"; }

/* '' */
.icon-print:before {
  content: "\f02f"; }

/* '' */
.icon-retweet:before {
  content: "\f079"; }

/* '' */
.icon-keyboard:before {
  content: "\f11c"; }

/* '' */
.icon-comment:before {
  content: "\f27a"; }

/* '' */
.icon-book:before {
  content: "\f02d"; }

.icon-book-open:before {
  content: "\f518"; }

/* '' */
.icon-newspaper:before {
  content: "\f1ea";
  font-weight: 400; }

/* '' */
.icon-doc-text-inv:before {
  content: "\f15c"; }

/* '' */
.icon-doc-text:before {
  content: "\f15c";
  font-weight: 400; }

/* '' */
.icon-doc-landscape:before {
  content: "\f07b";
  font-weight: 400; }

/* '' */
.icon-doc:before {
  content: "\f15b";
  font-weight: 400; }

/* '' */
.icon-trash:before {
  content: "\f1f8"; }

/* '' */
.icon-cup:before {
  content: "\e4f4"; }

.icon-compass:before {
  content: "\f14e";
  font-weight: 400; }

/* '' */
.icon-direction:before {
  content: "\f124"; }

/* '' */
.icon-map:before {
  content: "\f279";
  font-weight: 400; }

/* '' */
.icon-location:before {
  content: "\f3c5"; }

/* '' */
.icon-address:before {
  content: "\f5a0"; }

/* '' */
.icon-vcard:before {
  content: "\f2bb"; }

/* '' */
.icon-alert:before {
  content: "\f06a"; }

.icon-attention:before {
  content: "\f071"; }

.icon-folder:before {
  content: "\e185"; }

.icon-archive:before {
  content: "\f187"; }

.icon-box:before {
  content: "\f49e"; }

/* '' */
.icon-rss:before {
  content: "\f09e"; }

/* '' */
.icon-phone:before {
  content: "\f879"; }

/* '' */
.icon-cog:before {
  content: "\f013"; }

.icon-tools:before {
  content: "\f7d9"; }

/* '' */
.icon-share:before {
  content: "\f1e0"; }

/* '' */
.icon-shareable:before {
  font-family: "entypo";
  content: '\e85c'; }

/* '' */
.icon-bag:before {
  content: "\f290"; }

/* '' */
.icon-calendar:before {
  content: "\f133";
  font-weight: 400; }

/* '' */
.icon-login:before {
  content: "\f090"; }

/* '' */
.icon-logout:before {
  content: "\f08b"; }

/* '' */
.icon-mic:before {
  content: "\f130"; }

/* '' */
.icon-mute:before {
  content: "\f539"; }

/* '' */
.icon-docs:before {
  content: "\f0c5";
  font-weight: 400; }

/* '' */
.icon-sound:before {
  content: "\f028"; }

/* '' */
.icon-volume:before {
  content: "\f028"; }

/* '' */
.icon-clock:before {
  content: "\f017";
  font-weight: 400; }

/* '' */
.icon-hourglass:before {
  content: "\f252"; }

/* '' */
.icon-down-open-mini:before {
  content: "\f107"; }

/* '' */
.icon-up-open:before,
.icon-up-opene:before {
  content: "\f106"; }

/* '' */
.icon-right-open:before {
  content: "\f105"; }

/* '' */
.icon-left-open:before {
  content: "\f104"; }

/* '' */
.icon-down-open:before {
  content: "\f107"; }

/* '' */
.icon-right-circled:before {
  content: "\f35a"; }

/* '' */
.icon-down-circled:before {
  content: "\f358"; }

/* '' */
.icon-up-circled:before {
  content: "\f35b"; }

/* '' */
.icon-arrow-combo:before {
  content: "\f0dc"; }

/* '' */
.icon-window:before {
  content: "\f2d0";
  font-weight: 400; }

/* '' */
.icon-publish:before {
  font-family: "entypo";
  content: '\e872'; }

/* '' */
.icon-popup:before {
  content: "\f24d";
  font-weight: 400; }

/* '' */
.icon-resize-small:before {
  content: "\f422"; }

/* '' */
.icon-resize-full:before {
  content: "\f424"; }

/* '' */
.icon-block:before {
  content: "\f05e"; }

/* '' */
.icon-adjust:before {
  content: "\f042"; }

/* '' */
.icon-light-up:before {
  content: "\f185";
  font-weight: 400; }

/* '' */
.icon-lamp:before {
  content: "\f0eb";
  font-weight: 400; }

/* '' */
.icon-left-open-mini:before {
  content: "\f104"; }

/* '' */
.icon-right-open-mini:before {
  content: "\f105"; }

/* '' */
.icon-up-open-mini:before {
  content: "\f106"; }

/* '' */
.icon-down-open-big:before {
  content: "\f078"; }

/* '' */
.icon-left-open-big:before {
  content: "\f053"; }

/* '' */
.icon-right-open-big:before {
  content: "\f054"; }

/* '' */
.icon-arrows-ccw:before {
  content: "\f2f1"; }

.icon-cw:before {
  content: "\f01e"; }

.icon-ccw:before {
  content: "\f0e2"; }

.icon-up-open-big:before {
  content: "\f077"; }

/* '' */
.icon-level-down:before {
  content: "\f149"; }

/* '' */
.icon-up-thin:before {
  content: "\f176"; }

/* '' */
.icon-left-thin:before {
  content: "\f177"; }

/* '' */
.icon-progress-1:before {
  font-family: 'entypo';
  content: '\e887'; }

/* '' */
.icon-progress-2:before {
  font-family: 'entypo';
  content: '\e888'; }

/* '' */
.icon-progress-3:before {
  font-family: 'entypo';
  content: '\e88a'; }

/* '' */
.icon-right-thin:before {
  content: "\f178"; }

/* '' */
.icon-target:before {
  content: "\f140"; }

/* '' */
.icon-palette:before {
  content: "\f53f"; }

/* '' */
.icon-list:before {
  content: "\f03a"; }

/* '' */
.icon-list-add:before {
  font-family: 'entypo';
  content: '\e88e'; }

/* '' */
.icon-signal:before {
  content: "\f012"; }

/* '' */
.icon-level-up:before {
  content: "\f148"; }

/* '' */
.icon-left:before {
  content: "\f060"; }

/* '' */
.icon-shuffle:before {
  content: "\f074"; }

/* '' */
.icon-trophy:before {
  content: "\f091"; }

/* '' */
.icon-loop:before {
  content: "\f079"; }

/* '' */
.icon-right:before {
  content: "\f061"; }

/* '' */
.icon-battery:before {
  content: "\f240"; }

.icon-back-in-time:before {
  content: "\f1da"; }

/* '' */
.icon-switch:before {
  content: "\f363"; }

/* '' */
.icon-up:before {
  content: "\f062"; }

/* '' */
.icon-down-dir:before {
  content: "\f0d7"; }

/* '' */
.icon-play:before {
  content: "\f04b"; }

/* '' */
.icon-monitor:before {
  content: "\f390"; }

/* '' */
.icon-mobile:before {
  content: "\f3cd"; }

/* '' */
.icon-stop:before {
  content: "\f04d"; }

/* '' */
.icon-right-dir:before {
  content: "\f0da"; }

/* '' */
.icon-pause:before {
  content: "\f04c"; }

/* '' */
.icon-network:before {
  content: "\f0ac"; }

/* '' */
.icon-cd:before {
  content: "\f51f"; }

.icon-record:before {
  content: "\f111"; }

/* '' */
.icon-up-dir:before {
  content: "\f0d8"; }

/* '' */
.icon-down-bold:before {
  content: "\f309"; }

/* '' */
.icon-to-end:before {
  content: "\f051"; }

/* '' */
.icon-inbox:before {
  content: "\f01c"; }

/* '' */
.icon-install:before {
  content: "\f56d"; }

/* '' */
.icon-to-start:before {
  content: "\f048"; }

/* '' */
.icon-left-bold:before {
  content: "\f30a"; }

/* '' */
.icon-right-bold:before {
  content: "\f30b"; }

/* '' */
.icon-fast-forward:before {
  content: "\f04e"; }

.icon-globe:before {
  content: "\f57d"; }

.icon-cloud:before {
  content: "\f0c2"; }

.icon-fast-backward:before {
  content: "\f04a"; }

.icon-down-thin:before {
  content: "\f175"; }

/* '' */
.icon-progress-0:before {
  font-family: 'entypo';
  content: '\e8b1'; }

/* '' */
.icon-up-bold:before {
  content: "\f30c"; }

/* '' */
.icon-cloud-thunder:before {
  content: "\f76c"; }

.icon-chart-area:before {
  content: "\f1fe"; }

.icon-chart-bar:before {
  content: "\e0e3"; }

.icon-flow-tree:before {
  font-family: 'entypo';
  content: '\e8b6'; }

/* '' */
.icon-flow-line:before {
  font-family: 'entypo';
  content: '\e8b7'; }

/* '' */
/* '' */
.icon-vkontakte:before {
  font-family: 'entypo';
  content: '\e8bc'; }

/* '' */
/* '' */
.icon-mixi:before {
  font-family: "entypo";
  content: '\e8be'; }

/* '' */
/* '' */
.icon-flow-cascade:before {
  font-family: 'entypo';
  content: '\e8c3'; }

/* '' */
.icon-flow-branch:before {
  font-family: 'entypo';
  content: '\e8c4'; }

/* '' */
.icon-chart-line:before {
  content: "\f201"; }

.icon-chart-pie:before {
  content: "\f200"; }

.icon-erase:before {
  content: "\f55a"; }

/* '' */
.icon-key:before {
  content: "\f084"; }

.icon-picasa:before {
  font-family: 'entypo';
  content: '\e8cb'; }

.icon-infinity:before {
  content: "\f534"; }

/* '' */
.icon-magnet:before {
  content: "\f076"; }

/* '' */
.icon-bucket:before {
  content: "\e4cf"; }

/* '' */
.icon-sina-weibo:before {
  font-family: "entypo";
  content: '\e8d2'; }

/* '' */
/* '' */
.icon-drive:before {
  content: "\f0a0"; }

/* '' */
.icon-brush:before {
  content: "\f1fc"; }

/* '' */
.icon-dot-3:before {
  font-family: 'entypo';
  content: '\e8d7'; }

/* '' */
.icon-database:before {
  content: "\f1c0"; }

/* '' */
/* '' */
.icon-megaphone:before {
  content: "\f0a1"; }

/* '' */
.icon-dot-2:before {
  font-family: 'entypo';
  content: '\e8e0'; }

/* '' */
.icon-dot:before {
  font-family: 'entypo';
  content: '\e8e1'; }

/* '' */
.icon-clipboard:before {
  content: "\f328"; }

.icon-thermometer:before {
  content: "\f2c9"; }

/* '' */
/* '' */
.icon-flattr:before {
  font-family: 'entypo';
  content: '\e8eb'; }

.icon-traffic-cone:before {
  font-family: 'entypo';
  content: '\e8f1'; }

/* '' */
.icon-gauge:before {
  content: "\f624"; }

/* '' */
.icon-rocket:before {
  content: "\f135"; }

/* '' */
.icon-flow-parallel:before {
  font-family: 'entypo';
  content: '\e8f4'; }

/* '' */
/* '' */
/* '' */
.icon-rdio-circled:before {
  font-family: 'entypo';
  content: '\e904'; }

/* '' */
.icon-rdio:before {
  font-family: 'entypo';
  content: '\e905'; }

/* '' */
.icon-smashing:before {
  font-family: "entypo";
  content: '\e906'; }

/* '' */
.icon-sweden:before {
  font-family: "entypo";
  content: '\e907'; }

/* '' */
.icon-db-shape:before {
  content: "\f0c8"; }

/* '' */
.icon-logo-db:before {
  font-family: "entypo";
  content: '\e909'; }

/* '' */
.icon-tape:before {
  font-family: "entypo";
  content: '\e90a'; }

/* '' */
.icon-flash:before {
  content: "\f0e7"; }

/* '' */
.icon-graduation-cap:before {
  content: "\f19d"; }

/* '' */
.icon-language:before {
  content: "\f1ab"; }

/* '' */
.icon-flight:before {
  content: "\f072"; }

/* '' */
.icon-moon:before {
  content: "\f186"; }

/* '' */
.icon-paper-plane:before {
  content: "\f1d8"; }

/* '' */
.icon-ticket:before {
  content: "\f145"; }

/* '' */
.icon-leaf:before {
  content: "\f06c"; }

/* '' */
.icon-lifebuoy:before {
  content: "\f1cd"; }

/* '' */
.icon-droplet:before {
  content: "\f043"; }

/* '' */
.icon-water:before {
  content: "\f773"; }

/* '' */
.icon-air:before {
  content: "\f773"; }

/* '' */
.icon-mouse:before {
  content: "\f8cc"; }

/* '' */
.icon-briefcase:before {
  content: "\f0b1"; }

/* '' */
.icon-credit-card:before {
  content: "\f09d";
  font-weight: 400; }

/* '' */
.icon-floppy:before {
  content: "\f0c7"; }

/* '' */
.icon-suitcase:before {
  content: "\f0f2"; }

.icon-cross:before {
  content: "\f654"; }

.icon-podcast:before {
  content: "\f2ce"; }

.icon-pdf:before {
  content: "\f1c1"; }

.icon-behance:before {
  font-family: 'Font Awesome 6 Brands';
  content: "\f1b4"; }

.icon-cc:before {
  font-family: 'Font Awesome 6 Brands';
  content: "\f25e"; }

.icon-cc-by:before {
  font-family: 'Font Awesome 6 Brands';
  content: "\f4e7"; }

.icon-cc-nc-jp:before {
  font-family: 'Font Awesome 6 Brands';
  content: "\f4ea"; }

.icon-cc-nc-eu:before {
  font-family: 'Font Awesome 6 Brands';
  content: "\f4e9"; }

.icon-cc-nc:before {
  font-family: 'Font Awesome 6 Brands';
  content: "\f4e8"; }

.icon-cc-nd:before {
  font-family: 'Font Awesome 6 Brands';
  content: "\f4eb"; }

.icon-cc-zero:before {
  font-family: 'Font Awesome 6 Brands';
  content: "\f4f3"; }

.icon-cc-pde:before {
  font-family: 'Font Awesome 6 Brands';
  content: "\f4ec"; }

.icon-cc-sa:before {
  font-family: 'Font Awesome 6 Brands';
  content: "\f4ef"; }

.icon-cc-remix:before {
  font-family: 'Font Awesome 6 Brands';
  content: "\f4ee"; }

.icon-cc-share:before {
  font-family: 'Font Awesome 6 Brands';
  content: "\f4f2"; }

.icon-dribbble:before {
  font-family: 'Font Awesome 6 Brands';
  content: "\f17d"; }

.icon-dribbble-circled:before {
  font-family: 'Font Awesome 6 Brands';
  content: "\f397"; }

.icon-dropbox:before {
  font-family: 'Font Awesome 6 Brands';
  content: "\f16b"; }

.icon-evernote:before {
  font-family: 'Font Awesome 6 Brands';
  content: "\f839"; }

.icon-facebook:before {
  font-family: 'Font Awesome 6 Brands';
  content: "\f39e"; }

.icon-facebook-circled:before {
  font-family: 'Font Awesome 6 Brands';
  content: "\f09a"; }

.icon-facebook-squared:before {
  font-family: 'Font Awesome 6 Brands';
  content: "\f082"; }

.icon-flickr:before {
  font-family: 'Font Awesome 6 Brands';
  content: "\f16e"; }

.icon-flickr-circled:before {
  font-family: 'Font Awesome 6 Brands';
  content: "\f16e"; }

.icon-github-circled:before {
  font-family: 'Font Awesome 6 Brands';
  content: "\f09b"; }

.icon-github:before {
  font-family: 'Font Awesome 6 Brands';
  content: "\f113"; }

.icon-google-circles:before {
  font-family: 'Font Awesome 6 Brands';
  content: "\f1a0"; }

.icon-gplus:before {
  font-family: 'Font Awesome 6 Brands';
  content: "\f0d5"; }

.icon-gplus-circled:before {
  font-family: 'Font Awesome 6 Brands';
  content: "\f2b3"; }

.icon-instagram:before {
  font-family: 'Font Awesome 6 Brands';
  content: "\f16d"; }

.icon-lastfm:before {
  font-family: 'Font Awesome 6 Brands';
  content: "\f202"; }

.icon-lastfm-circled:before {
  font-family: 'Font Awesome 6 Brands';
  content: "\f203"; }

.icon-linkedin:before {
  font-family: 'Font Awesome 6 Brands';
  content: "\f0e1"; }

.icon-linkedin-circled:before {
  font-family: 'Font Awesome 6 Brands';
  content: "\f08c"; }

.icon-paypal:before {
  font-family: 'Font Awesome 6 Brands';
  content: "\f1ed"; }

.icon-pinterest:before {
  font-family: 'Font Awesome 6 Brands';
  content: "\f231"; }

.icon-pinterest-circled:before {
  font-family: 'Font Awesome 6 Brands';
  content: "\f0d2"; }

.icon-qq:before {
  font-family: 'Font Awesome 6 Brands';
  content: "\f1d6"; }

.icon-renren:before {
  font-family: 'Font Awesome 6 Brands';
  content: "\f18b"; }

.icon-skype:before {
  font-family: 'Font Awesome 6 Brands';
  content: "\f17e"; }

.icon-skype-circled:before {
  font-family: 'Font Awesome 6 Brands';
  content: "\f17e"; }

.icon-soundcloud:before {
  font-family: 'Font Awesome 6 Brands';
  content: "\f1be"; }

.icon-spotify-circled:before {
  font-family: 'Font Awesome 6 Brands';
  content: "\f1bc"; }

/* '' */
.icon-spotify:before {
  font-family: 'Font Awesome 6 Brands';
  content: "\f1bc"; }

.icon-stumbleupon:before {
  font-family: 'Font Awesome 6 Brands';
  content: "\f1a4"; }

.icon-stumbleupon-circled:before {
  font-family: 'Font Awesome 6 Brands';
  content: "\f1a3"; }

.icon-tumblr:before {
  font-family: 'Font Awesome 6 Brands';
  content: "\f173"; }

.icon-tumblr-circled:before {
  font-family: 'Font Awesome 6 Brands';
  content: "\f174"; }

.icon-twitter:before {
  font-family: 'Font Awesome 6 Brands';
  content: "\f099"; }

.icon-twitter-circled:before {
  font-family: 'Font Awesome 6 Brands';
  content: "\f081"; }

.icon-vimeo:before {
  font-family: 'Font Awesome 6 Brands';
  content: "\f27d"; }

.icon-vimeo-circled:before {
  font-family: 'Font Awesome 6 Brands';
  content: "\f194"; }

.icon-accessible-icon::before {
  font-family: 'Font Awesome 6 Brands';
  content: "\f368"; }

.icon-youtube::before {
  font-family: 'Font Awesome 6 Brands';
  content: "\f167"; }

.icon-tiktok::before {
  font-family: 'Font Awesome 6 Brands';
  content: "\e07b"; }

.icon-snapchat:before {
  font-family: 'Font Awesome 6 Brands';
  content: "\f2ab"; }

.icon-twitch:before {
  font-family: 'Font Awesome 6 Brands';
  content: "\f1e8"; }

.tccmodal {
  background-color: rgba(0, 0, 0, 0.75);
  z-index: 9999999;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  transition: all 0.5s cubic-bezier(0.33, 0, 0.19, 1); }
  .tccmodal .tccmodal-content-wrap {
    overflow: scroll;
    margin-top: 8em; }
  .tccmodal .tccmodal-close {
    position: absolute;
    top: 2em;
    right: 2em; }
    .tccmodal .tccmodal-close .x {
      width: 30px;
      height: 30px;
      display: block;
      position: relative; }
      .tccmodal .tccmodal-close .x:before, .tccmodal .tccmodal-close .x:after {
        content: " ";
        width: 100%;
        height: 2px;
        background-color: white;
        position: absolute;
        top: 50%;
        transition: all 0.5s cubic-bezier(0.33, 0, 0.19, 1);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg); }
  .tccmodal .tccmodal-content {
    width: 70%;
    max-width: 1200px;
    margin: 0 auto; }
    @media (max-width: 736px) {
      .tccmodal .tccmodal-content {
        width: 90%; } }
  .tccmodal.-centered .tccmodal-content-wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100vh;
    margin-top: 0; }
  .tccmodal.-open {
    opacity: 1;
    pointer-events: all; }
    .tccmodal.-open .tccmodal-close .x:before {
      -ms-transform: rotate(45deg);
      transform: rotate(45deg); }
    .tccmodal.-open .tccmodal-close .x:after {
      -ms-transform: rotate(-45deg);
      transform: rotate(-45deg); }

.rssblock-row.youtube-feed .card .image {
  overflow: hidden; }
  .rssblock-row.youtube-feed .card .image img {
    margin-top: -10%;
    margin-bottom: -10%; }

.card.youtube .image {
  overflow: hidden; }
  .card.youtube .image img {
    margin-top: -10%;
    margin-bottom: -10%; }

.scrolltoptrigger {
  position: fixed;
  left: 1em;
  bottom: 1em;
  background-color: var(--brand-color);
  font-size: 2em;
  padding: 0.2em 0.05em;
  z-index: 100;
  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.25);
  width: 50px;
  height: 50px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center; }
  .scrolltoptrigger span {
    color: var(--brand-text-color) !important; }

.inappview .scrolltoptrigger {
  display: block; }

.worshipcenter-slant {
  position: relative;
  z-index: 105; }
  .worshipcenter-slant:before {
    content: "";
    position: absolute;
    top: -100px;
    left: 0;
    height: calc(100% + 200px);
    width: 100%;
    background: inherit;
    background-color: inherit;
    -webkit-clip-path: polygon(0% 0px, 100% 100px, 100% calc(100% - 100px), 0% 100%);
    clip-path: polygon(0% 0px, 100% 100px, 100% calc(100% - 100px), 0% 100%); }
    @media (max-width: 736px) {
      .worshipcenter-slant:before {
        top: -50px;
        height: calc(100% + 100px);
        -webkit-clip-path: polygon(0% 0px, 100% 50px, 100% calc(100% - 50px), 0% 100%);
        clip-path: polygon(0% 0px, 100% 50px, 100% calc(100% - 50px), 0% 100%); } }

.worshipcenter-slant-flip {
  position: relative;
  z-index: 105; }
  .worshipcenter-slant-flip:before {
    content: "";
    position: absolute;
    top: -100px;
    left: 0;
    height: calc(100% + 200px);
    width: 100%;
    background: inherit;
    background-color: inherit;
    -webkit-clip-path: polygon(0% 100px, 100% 0%, 100% 100%, 0% calc(100% - 100px));
    clip-path: polygon(0% 100px, 100% 0%, 100% 100%, 0% calc(100% - 100px)); }
    @media (max-width: 736px) {
      .worshipcenter-slant-flip:before {
        top: -50px;
        height: calc(100% + 100px);
        -webkit-clip-path: polygon(0% 50px, 100% 0%, 100% 100%, 0% calc(100% - 50px));
        clip-path: polygon(0% 50px, 100% 0%, 100% 100%, 0% calc(100% - 50px)); } }

.worshipcenter-slant + .row,
.worshipcenter-slant-flip + .row {
  padding-top: 100px; }
  @media (max-width: 736px) {
    .worshipcenter-slant + .row,
    .worshipcenter-slant-flip + .row {
      padding-top: 50px; } }

.row.-align-left.worshipcenter-buttons .row-defaults {
  width: 96%; }

.row.-align-left.worshipcenter-buttons .row-defaults-wrap {
  display: -ms-grid;
  display: grid;
  grid-gap: 10px;
  width: 100%;
  -ms-grid-columns: 50% 50%;
  grid-template-columns: 50% 50%;
  grid-template-areas: "title ..." "text buttons"; }
  @media (max-width: 736px) {
    .row.-align-left.worshipcenter-buttons .row-defaults-wrap {
      display: block; } }

.row.-align-left.worshipcenter-buttons .row-title {
  grid-area: title; }

.row.-align-left.worshipcenter-buttons .row-text {
  grid-area: text; }

.row.-align-left.worshipcenter-buttons .row-buttons {
  grid-area: buttons;
  margin: 0 auto; }
  .row.-align-left.worshipcenter-buttons .row-buttons a {
    display: block;
    width: 250px;
    -ms-flex: 1;
    flex: 1; }

/*# sourceMappingURL=site.min.css.map */